@charset "UTF-8";
/* CSS Document */

/*******メイン画像*******/
p.title{width: 100%; max-width:1200px; padding-top: 0; padding-bottom: 5%;}
.nav{width: 100%; margin-bottom:15%; overflow:hidden;}
.nav span a{width:12%; display:block; float:left;}
.nav h2{width:50%; margin:3% auto;}
/*******コンテンツ*******/
#con{clear: both; margin: 10% 0; overflow: hidden; padding-bottom: 10%; border-bottom: 1px solid #000; clear:both;}
.copy{width: 65%; margin: 3% auto 5% auto;}
p.text{text-align: left; margin: 2% 0; line-height: 200%; font-size: 100%; margin-bottom: 3%; width: 100%; clear: both;}
/*******アイテムスペック*******/
.speck{border: 1px solid #000;}
.speck a{width: 100%; padding: 2%; text-decoration: none; color: #000; display: block; overflow: hidden;}
.item{float: left; text-align: left; line-height: 150%; margin-left: 3%;}
.check{width: 10%; float: right; margin-top: 1%; margin-right: 6%;}
/*******関連アイテム*******/
.item_list{clear: both; width: 100%; margin: 0 auto; display: block;}
.item_list li{width: 23%; float: left; margin: 5% 1%;}
.item_list li p{font-size: 80%; line-height: 150%; margin-top: 3%;}

@media screen and (max-width: 768px) {

/*******タイトル*******/
p.title{width: 100%; padding-top: 0; padding-bottom: 15%;}
.nav{width: 100%; margin-bottom:30%;}
.nav span a{width:25%;}
.nav h2{width:70%;}
/*******コンテンツ*******/
#con{margin: 15% 0; padding-bottom: 10%; border-bottom: 1px solid #000;}
.entry{width: 15%;}
.copy{width: 100%; margin-bottom: 5%;}
.front_text{font-family: 'Sawarabi Mincho', sans-serif; line-height: 150%; margin-bottom: 5%; font-size: 90%;}
p.text{line-height: 150%; font-size: 90%; margin: 5% 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; text-align: justify; text-justify: inter-ideograph; clear: both;}
/*******アイテムスペック*******/
.speck a{padding: 3%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
.item{font-size: 70%; margin-left: 2%;}
.check{width: 15%; margin-top: 2.5%;}
/*******関連アイテム*******/
.item_list{margin-top: 7%;}
.item_list li{ width: 48%; margin: 3% 1%;}
.item_list li p{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; margin-top: 3%;}
	
}
/*******ウェアリスタ用*******/
.item_list2 {
    clear: both;
    width: 30%;
    display: flex;
}