@charset "utf-8";

#contents { padding: 60px 0 80px; }



#pan { padding: .8em 0 0; }
#pan li { display: inline-block; }
#pan li:not(:first-child)::before { content: ">"; margin: 0 0.5em; color: #8f6d62; }



.map { margin-top: 40px; }
.map iframe { width: 100%; }


.products_list li { width: 31%; }
.products_list li:not(:nth-child(3n)) { margin-right: 3.5%; }
.products_list li:nth-child(n+4) { margin-top: 5%; }
.products_list li .name,
.product_main .name,
.item_detail .name { position: relative; padding-left: 20px; /*font-size: 1.3em;*/ margin-top: 1em; z-index: 0; }
.item_detail .remark { margin-top: 20px; padding: 6%; background-color: #fbf1e0; font-size: .85em; }
.products_list li .name::before,
.product_main .name::before,
.item_detail .name::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 64px; height: 45px; margin: auto; opacity: .5; background: url("../img/icon_credela.svg") no-repeat; z-index: -1; }
.item_detail .txt { margin-bottom: 0; }
.item_detail .button { margin-top: 20px; }
.products_list li figure { overflow: hidden; border-radius: 15px; }

.product_main { margin-top: 80px; }
.product_main figure { width: 48%; }
.product_main .lead { width: 48%; }
.product_main .i-recommend{ padding-bottom:1em; font-size:1.2em; line-height:1.4; }
.product_main .i-recommend .con{ position:relative; padding-right:4.5em; }
.product_main .i-recommend .con::before{ position:absolute; content:""; width:4em; height:4em; right:0; top:0;
	background:url(../img/i-renewal.svg) no-repeat 0 0 / 100%; }

.item_ttl { margin: 80px 0 40px; }
.item_ttl { text-align: center; }
.item_ttl .en_ttl { display: flex; align-items: center; }
.item_ttl .en_ttl::before,
.item_ttl .en_ttl::after { content: ""; flex-grow: 1; height: 3px; background: #f9c058;  }
.item_ttl .en_ttl::before { margin-right: .4em; }
.item_ttl .en_ttl::after { margin-left: .4em; }

.page_nav li:nth-child(n+5) { margin-top: 15px; }
.cat_btn { width: 24%; }
.cat_btn a { display: block; border: 1px #8f6d62 solid; text-align: center; padding: .8em 0; }
.cat_btn a:hover { background: #8f6d62; border: 1px #8f6d62 solid; color: #fff; }

.item_detail { position: relative; background: #fff; }
.item_detail > div { padding: 2em; }
.item_detail figure { width: 45%;}
.item_detail .lead { width: 50%; }

.save_icon { vertical-align: text-bottom; padding-left: .5em; }

.note_box { margin-top: -1em; padding: 1em; margin-bottom: 3em; background: #f1cec4; text-align: center; }







.gogen .lead figure { width: 45%; padding: 4em 0; }

.tokucho { margin-top: 80px; }
.tokucho .txt p { width: 48%; }
.beignet_souffle { margin-top: 30px; }


#beignet_souffle { margin-top: 30px; }


@media screen and (min-width: 600px) {

}


@media screen and (min-width: 960px) {
	.product_main .i-recommend{ font-size:1.4em; padding-bottom:1.8em; }
	.product_main .i-recommend .con{ padding-right:5.5em; }
	.product_main .i-recommend .con::before{ width:5em; height:5em; }
}


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

}

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

	.pageTitle { margin: 0 15px 0; }
	.pageTitle .bg { padding: 40px 0; }

	.shop_list li .con_tbl dt { width: 100%; }
	.shop_list li .con_tbl dd { width: 100%; }

	#cafe #parfait .products_list li figure img{ height:150px; }

	.shop_list li .lead { padding: 40px 185px 80px 50px;}

}


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



	.products_list li { width: 100%; }
	.products_list li + li { margin-top: 15%; }
	.products_list li:not(:nth-child(3n)) { margin-right: 0; }
	.cat_btn { width: 48%; }
	.page_nav li:nth-child(n+3) { margin-top: 15px; }
	.products_list li:nth-child(n+4) { margin-top: 15%; }

	.product_main .lead { width: 100%; }
	.product_main figure { width: 100%; }

	.item_detail figure { width: 100%; }
	.item_detail .lead { width: 100%; }



}