@charset "utf-8";

.kv{margin-bottom:50px;}
.itemdetail .linkbox:hover{opacity:0.6;}

/* インプレッション */
.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-size:18px;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 4%;}
.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 4%;}
/* 基本（2カラム) */
.item_reason .reason_inner .itemlist{margin:3% 4% 3.4%;padding:4% 4% 3.4%;background: #f0f0f0;}
.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;}

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

/* ---- sp ---- */
@media (max-width: 767px) {
	.kv{margin-bottom:16%;}
	.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 .reason_inner{padding:0;margin-bottom:12%;}
	.item_reason .reason_inner .number{margin:6% 4% 4%;}
	.item_reason .reason_inner .infomation{margin:4% 4% 8%;}
	.item_reason .reason_inner .itemlist{padding:0;margin:3% 0 3.4%;}
	.item_reason .reason_inner .itemlist li{padding:0;}
	.item_reason .reason_inner .itemlist li .photo{margin:4%;}
	.item_reason .reason_inner .itemlist li .caption{margin:4%;margin-top:45px;}
}