@charset "UTF-8";


#main-content .base-body{ padding-bottom: 0; }
#main-content .intro{ margin: -90px -65px 0 -130px; padding: 90px 65px 90px 130px; position: relative; }
#main-content .intro::before{ content: ""; position: absolute; right: 0; top: 0; background: url(../images/img_gourmet/d01.png) center center no-repeat; background-size: contain; width: 184px; height: 350px; }
#main-content .intro .icon{ position: absolute; left: 50%; top: 50%; transform: translateY(-50%); margin-left: -380px; }
#main-content .intro .copy{ font-size: 24px; line-height: 1.2; position: relative; color: #ae803a; text-align: center; letter-spacing: 0.2em; }
#main-content .intro .copy::after{ content: ""; position: absolute; top: 50%; margin-left: 20px; width: 50px; height: 1px; background-color: #ae803a; }
#main-content .shop-list{ margin-top: -50px; }
#main-content .shop-box-wrap{ position: relative; margin: 0 -65px 0 -130px; padding: 0 65px 0 130px; }
#main-content .shop-box-wrap .fill-bg{ position: absolute; left: 0; top: 0; background-color: #f2e6dc; width: 100%; height: 100%; z-index: 10; opacity: 0.3; }
#main-content .shop-box-wrap .fill-bg::before,
#main-content .shop-box-wrap .fill-bg::after{ content: ""; position: absolute; }
#main-content .shop-box-wrap .fill-bg::before{ left: 0; bottom: 0; background: url(../images/img_gourmet/d02.png) no-repeat; width: 330px; height: 732px; background-size: 100% 100%; }
#main-content .shop-box-wrap .fill-bg::after{ right: 0; top: 0; background: url(../images/img_gourmet/d03.png) no-repeat; width: 107px; height: 922px; background-size: 100% 100%; }
#main-content .shop-box{ margin: 0 -65px 0 -130px; padding: 50px 65px 50px 130px; position: relative; }
#main-content .shop-box .split-view{ position: relative; z-index: 200; display: flex; display: -ms-flex; justify-content: space-between; }
#main-content .shop-box .split-view.reverse{ flex-direction: row-reverse; }
#main-content .shop-box .split-view .photo-body{ width: 46.23%; }
#main-content .shop-box .split-view .photo-body img{ width: 100%; height: auto; }
#main-content .shop-box .split-view .photo-body .slide-list{ position: relative; width: 100%; padding-top: 67.92%; }
#main-content .shop-box .split-view .photo-body .slide-list .item{ position: absolute; left: 0; top: 0; width: 100%; transition: opacity 0.5s; opacity: 0; }
#main-content .shop-box .split-view .photo-body .slide-list .item.active{ opacity: 1; }
#main-content .shop-box .split-view .photo-body .thumb-list{ display: flex; display: -ms-flex; margin-top: 1.3%; }
#main-content .shop-box .split-view .photo-body .thumb-list .item{ width: 24%; margin-left: 1.3%; position: relative; cursor: pointer; }
#main-content .shop-box .split-view .photo-body .thumb-list .item:nth-child(4n+1){ margin-left: 0; }
#main-content .shop-box .split-view .photo-body .thumb-list .item::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); transition: opacity 0.5s; }
#main-content .shop-box .split-view .photo-body .thumb-list .item:hover::before,
#main-content .shop-box .split-view .photo-body .thumb-list .item.active::before{ opacity: 0; }
#main-content .shop-box .split-view .photo-body .thumb-list .item.active{ cursor: default; }
#main-content .shop-box .split-view .txt-body{ width: 51%; color: #606060; }
#main-content .shop-box .split-view .txt-body .head-split{ display: flex; display: -ms-flex; color: inherit; }
#main-content .shop-box .split-view .txt-body .head-split .head-txt{ color: inherit; flex: 1; }
/*#main-content .shop-box .split-view .txt-body .head-split .head-txt .head .name{ display: block; }*/
#main-content .shop-box .split-view .txt-body .head{ color: #ae803a; }
#main-content .shop-box .split-view .txt-body .head > *{ line-height: 1.5; color: inherit; display: inline-block; }
#main-content .shop-box .split-view .txt-body .head .category{ font-size: 16px;  }
#main-content .shop-box .split-view .txt-body .head .name{ font-size: 28px; font-weight: normal; }
#main-content .shop-box .split-view .txt-body .head .name .s-size{ font-size: 78.57%; }
#main-content .shop-box .split-view .txt-body .distance{ line-height: 1.5; color: inherit; }
#main-content .shop-box .split-view .txt-body .copy{ font-size: 22px; line-height: 1.5; color: #140700; margin-top: 10px; }
#main-content .shop-box .split-view .txt-body .txt{ font-size: 16px; line-height: 1.5; margin-top: 10px; color: inherit; }
#main-content .shop-box .split-view .txt-body .note{ border: 1px solid #c8c8c8; padding: 10px 15px; line-height: 1.2; margin-top: 20px; color: inherit; }
#main-content .shop-box.color01{ background-color: #140700; }
#main-content .shop-box.color01 .split-view .txt-body{ color: #ffffff; }
#main-content .shop-box.color01 .split-view .txt-body .copy{ color: #fffde1; }
#main-content .shop-box.color01 .split-view .txt-body .note{ border-color: #544b46; }
#main-content .shop-box.color02{ background-color: #606060; }
#main-content .shop-box.color02 .split-view .txt-body{ color: #ffffff; }
#main-content .shop-box.color02 .split-view .txt-body .head{ color: #e6d8c2; }
#main-content .shop-box.color02 .split-view .txt-body .copy{ color: #fffde1; }
#main-content .shop-box.color02 .split-view .txt-body .note{ border-color: #8c8885; }
#main-content .shop-box.color03{ background-color: #606060; }
#main-content .shop-box.color03 .split-view .txt-body{ color: #ffffff; }
#main-content .shop-box.color03 .split-view .txt-body .head{ color: #e6d8c2; }
#main-content .shop-box.color03 .split-view .txt-body .copy{ color: #fffde1; }
#main-content .shop-box.color03 .split-view .txt-body .note{ border-color: #8c8885; }
#main-content .shop-box.color04{ background-color: #ded8c7; }
#main-content .shop-box05::before{ content: ""; position: absolute; left: 0; bottom: 0; background: url(../images/img_gourmet/d04.png) no-repeat; width: 275px; height: 294px; background-size: contain; }
#main-content .shop-box09::before{ content: ""; position: absolute; right: 0; top: 0; background: url(../images/img_gourmet/d05.png) no-repeat; width: 185px; height: 350px; background-size: contain; }
#main-content .shop-box10::before{ content: ""; position: absolute; left: 0; top: 0; background: url(../images/img_gourmet/d06.png) no-repeat; width: 170px; height: 160px; background-size: contain; }
#main-content .shop-box12::before{ content: ""; position: absolute; left: 0; bottom: 0; background: url(../images/img_gourmet/d07.png) no-repeat; width: 275px; height: 294px; background-size: contain; }
#main-content .shop-box12::after{ content: ""; position: absolute; right: 0; top: 0; background: url(../images/img_gourmet/d08.png) no-repeat; width: 224px; height: 324px; background-size: contain; }
#main-content .shop-box15::before{ content: ""; position: absolute; left: 0; bottom: 0; background: url(../images/img_gourmet/d09.png) no-repeat; width: 275px; height: 294px; background-size: contain; }
#main-content .shop-box16::before{ content: ""; position: absolute; right: 0; top: 0; background: url(../images/img_gourmet/d10.png) no-repeat; width: 185px; height: 350px; background-size: contain; }
#main-content .shop-box09 .split-view .txt-body{ background: url(../images/img_gourmet/09/d01.png) right 0 no-repeat; background-size: 177px 142px; }
#main-content .shop-box10 .split-view .txt-body .head{ color: #e6d8c2; }
#main-content .shop-box14 .split-view .txt-body{ background: url(../images/img_gourmet/14/d01.png) right 0 no-repeat; background-size: 170px 126px; }
#main-content .shop-box16 .split-view .ext01{ display: flex; display: -ms-flex; }
#main-content .shop-box16 .split-view .ext01 .deco01{ margin-top: 10px; order: 1; }
#main-content .shop-box16 .split-view .ext01 .deco02{ margin-top: 10px; order: 3; }
#main-content .shop-box16 .split-view .ext01 .txt{ order: 2; flex: 1; padding: 0 10px; }





/*--レスポンシブ追加プロパティ--------------------------------------*/
@media screen and (max-width: 1112px){ /*1112px以下のcss*/
	#main-content .intro{ margin: -90px -40px 0 -95px; padding: 90px 40px 90px 95px; }
	#main-content .shop-box-wrap{ margin: 0 -40px 0 -95px; padding: 0 40px 0 95px; }
	#main-content .shop-box{ margin: 0 -40px 0 -95px; padding: 50px 40px 50px 95px; }
}
@media screen and (max-width: 768px){ /*768px以下のcss*/
	#main-content{ overflow: hidden; }
	#main-content .base-body{ padding: 0; }
	#main-content .intro{ margin: 0; padding: 0; position: relative; padding: 5%; }
	#main-content .intro::before{ width: 184px; height: 350px; }
	#main-content .intro .icon{ position: relative; left: 0; top: 0; transform: none; margin: 0 auto; width: 96px; }
	#main-content .intro .copy{ font-size: 20px; letter-spacing: 0; margin-top: 5%; }
	#main-content .intro .copy::after{ content: ""; position: absolute; top: 50%; margin-left: 20px; width: 50px; height: 1px; background-color: #ae803a; }
	#main-content .shop-list{ margin-top: 0; }
	#main-content .shop-box-wrap{ margin: 0; padding: 0; }
	/*#main-content .shop-box-wrap .fill-bg{ position: absolute; left: 0; top: 0; background-color: #f2e6dc; width: 100%; height: 100%; z-index: 10; opacity: 0.3; }
	#main-content .shop-box-wrap .fill-bg::before,
	#main-content .shop-box-wrap .fill-bg::after{ content: ""; position: absolute; }
	#main-content .shop-box-wrap .fill-bg::before{ left: 0; bottom: 0; background: url(../images/img_gourmet/d02.png) no-repeat; width: 330px; height: 732px; background-size: 100% 100%; }
	#main-content .shop-box-wrap .fill-bg::after{ right: 0; top: 0; background: url(../images/img_gourmet/d03.png) no-repeat; width: 107px; height: 922px; background-size: 100% 100%; }*/
	#main-content .shop-box{ margin: 0; padding: 7% 5%; }
	#main-content .shop-box .split-view{ display: block; }
	#main-content .shop-box .split-view .photo-body{ width: 100%; }
	#main-content .shop-box .split-view .txt-body{ width: 100%; margin-top: 5%; }
	#main-content .shop-box .split-view .txt-body .head .category{ font-size: 14px;  }
	#main-content .shop-box .split-view .txt-body .head .name{ font-size: 22px; }
	#main-content .shop-box .split-view .txt-body .copy{ font-size: 20px; }
	#main-content .shop-box .split-view .txt-body .txt{ font-size: 14px; }
	#main-content .shop-box .split-view .txt-body .note{ margin-top: 10px; }
	/*#main-content .shop-box05::before{ content: ""; position: absolute; left: 0; bottom: 0; background: url(../images/img_gourmet/d04.png) no-repeat; width: 275px; height: 294px; background-size: contain; }
	#main-content .shop-box09::before{ content: ""; position: absolute; right: 0; top: 0; background: url(../images/img_gourmet/d05.png) no-repeat; width: 185px; height: 350px; background-size: contain; }
	#main-content .shop-box10::before{ content: ""; position: absolute; left: 0; top: 0; background: url(../images/img_gourmet/d06.png) no-repeat; width: 170px; height: 160px; background-size: contain; }
	#main-content .shop-box12::before{ content: ""; position: absolute; left: 0; bottom: 0; background: url(../images/img_gourmet/d07.png) no-repeat; width: 275px; height: 294px; background-size: contain; }
	#main-content .shop-box12::after{ content: ""; position: absolute; right: 0; top: 0; background: url(../images/img_gourmet/d08.png) no-repeat; width: 224px; height: 324px; background-size: contain; }
	#main-content .shop-box15::before{ content: ""; position: absolute; left: 0; bottom: 0; background: url(../images/img_gourmet/d09.png) no-repeat; width: 275px; height: 294px; background-size: contain; }
	#main-content .shop-box16::before{ content: ""; position: absolute; right: 0; top: 0; background: url(../images/img_gourmet/d10.png) no-repeat; width: 185px; height: 350px; background-size: contain; }
	#main-content .shop-box09 .split-view .txt-body{ background: url(../images/img_gourmet/09/d01.png) right 0 no-repeat; background-size: 177px 142px; }
	#main-content .shop-box10 .split-view .txt-body .head{ color: #e6d8c2; }
	#main-content .shop-box14 .split-view .txt-body{ background: url(../images/img_gourmet/14/d01.png) right 0 no-repeat; background-size: 170px 126px; }
	#main-content .shop-box16 .split-view .ext01{ display: flex; display: -ms-flex; }
	#main-content .shop-box16 .split-view .ext01 .deco01{ margin-top: 10px; order: 1; }
	#main-content .shop-box16 .split-view .ext01 .deco02{ margin-top: 10px; order: 3; }
	#main-content .shop-box16 .split-view .ext01 .txt{ order: 2; flex: 1; padding: 0 10px; }*/
}
@media screen and (max-width: 480px){ /*480px以下のcss*/
	#main-content .intro .copy::after{ display: none; }
	#main-content .shop-box16 .split-view .ext01{ flex-wrap: wrap; justify-content: center; }
	#main-content .shop-box16 .split-view .ext01 .deco01{ order: 1; }
	#main-content .shop-box16 .split-view .ext01 .deco02{ order: 2; }
	#main-content .shop-box16 .split-view .ext01 .txt{ order: 3; width: 100%; padding: 0; flex: auto; }
}