@charset "utf-8";

.kv{margin-bottom:50px;}
.kv_detail{font-size:20px;text-align:center;font-weight:bold;}
.linkbox:hover{opacity:0.6;}

/* シリーズ */
.lineup_series{margin-bottom:4%;}
.lineup_series .itemlist{padding:4% 3% 3.4%;}
.lineup_series .itemlist::after{content:"";display:block;clear:both;}
.lineup_series .itemlist>li{float:left;width:30.66%;margin-right:4%;margin-bottom:3%;}
.lineup_series .itemlist>li:nth-child(3n){margin-right:0;}
.lineup_series .itemlist>li .photo{margin-bottom:3%;}
.lineup_series .itemlist>li .caption{font-size:90%;text-align:center;font-weight:bold;}
.lineup_series .linkbox{width:250px;margin:-4% 3% 0 auto;}
.lineup_series .linkbox a{font-weight:bold;}

/* インプレッション */
.itemdetail{margin-bottom:50px;}
.itemdetail::after{content:"";display:block;clear:both;}
.itemdetail .photo{float:left;width:50%;}
.itemdetail .photo a{}
.itemdetail .detail{float:right;width:50%;padding:0 4%;}
.itemdetail .detail .impression{font-size:20px;font-weight:bold;margin-bottom:5px;}
.itemdetail .detail ul.impressionlist{margin-bottom:10px;}
.itemdetail .detail ul.impressionlist::after{content:"";display:block;clear:both;}
.itemdetail .detail ul.impressionlist>li{float:left;width:48%;margin:0 4% 2% 0;padding:10px 0;border:2px solid #000;text-align:center;font-weight:bold;}
.itemdetail .detail ul.impressionlist>li:nth-child(2n){margin-right:0;}
.itemdetail .detail .linkbox{width:250px;margin:5% 0 0 auto;}
/* 理由・紹介エリア */
.item_reason .reason_inner{padding:0 3%;}
.item_reason .reason_inner .number{position:relative;padding-left:1.5em;}
.item_reason .reason_inner .number.num1::before{content:"①";display:block;position:absolute;left:0;}
.item_reason .reason_inner .number.num2::before{content:"②";display:block;position:absolute;left:0;}
.item_reason .reason_inner .number.num3::before{content:"③";display:block;position:absolute;left:0;}
.item_reason .reason_inner .number.num4::before{content:"④";display:block;position:absolute;left:0;}
.item_reason .reason_inner .infomation{margin:0 2%;}
/* 基本（2カラム) */
.item_reason .reason_inner .itemlist{margin:3% 2% 3.4%;}
.item_reason .reason_inner .itemlist::after{content:"";display:block;clear:both;}
.item_reason .reason_inner .itemlist>li{float:left;width:48%;margin-right:4%;}
.item_reason .reason_inner .itemlist>li:nth-child(2n){margin-right:0;}
.item_reason .reason_inner .itemlist>li .photo{margin-bottom:3%;}
.item_reason .reason_inner .itemlist>li .caption{font-size:90%;}
/* 3カラム */
.item_reason .reason_inner .itemlist.col3{margin:0 0 5%;}
.item_reason .reason_inner .itemlist.col3>li{width:30.66%;margin-right:4%;}
.item_reason .reason_inner .itemlist.col3>li:nth-child(3n){margin-right:0;}
/* 注意 */
.item_reason .reason_inner .attention{margin:-3% 2% 6%;}
/* その他リンク */
.otherlink{margin-top:60px;}

/* タブレット補正 */
@media screen and (max-width:896px){
	.itemdetail .detail ul.impressionlist>li{font-size:1.6vmin;}
}

/* ---- sp ---- */
@media (max-width: 767px) {
	.kv{margin-bottom:8%;}
	.kv_detail{margin:0 4% 4%;text-align:left;font-size:4vmin;}
	.lineup_series{margin-bottom:18%;}
	.lineup_series .itemlist>li{width:48%;}
	.lineup_series .itemlist>li:nth-child(3n){margin-right:4%;}
	.lineup_series .itemlist>li:nth-child(2n){margin-right:0;}
	.lineup_series .linkbox{width:70%;margin:4% auto;}
	.itemdetail{margin-bottom:8%;}
	.itemdetail .photo{width:100%;}
	.itemdetail .detail{width:100%;padding:4%;}
	.itemdetail .detail .impression{text-align:center;font-size:4.5vmin;margin-bottom:3%;}
	.itemdetail .detail ul.impressionlist{padding:0 11%;margin-bottom:4%;}
	.itemdetail .detail ul.impressionlist>li{width:100%;float:none;margin:0 0 2% 0;font-size:4vmin;}
	.itemdetail .detail .linkbox{width:90%;margin:4% auto;}
	.item_reason{margin-bottom:16%;}
	.item_reason .reason_inner{padding:0;margin-bottom:12%;}
	.item_reason .reason_inner .number{margin:6% 4% 4%;}
	.item_reason .reason_inner .infomation{margin:4% 4% 4%;}
	.item_reason .reason_inner .itemlist{padding:0;margin:3% 2% 3.4%;}
	.item_reason .reason_inner .itemlist li{padding:0;}
	.item_reason .reason_inner .itemlist li .photo{margin:4%;margin-top:0;}
	.item_reason .reason_inner .itemlist li .caption{margin:4%;margin-top:45px;}
	.item_reason .reason_inner .attention{margin:-3% 4% 6%;}
	.otherlink{margin-top:-4%;}
}