@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&display=swap');

/* ----------------- Start debug style ----------------- */


/* ----------------- Start old page style ----------------- */
/* NOTE: 旧スタイル用 */
/* NOTE: 新スタイル用はこのファイルの後方を参照 */

#T_article{
    padding-top: 0px;
}

.P_block #main {
	color: #46281e;
	font-size: 13px;
	font-weight: 400;
	font-family: sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
	max-width: 620px;
	margin: 0 auto 20px;
}

.P_block #main h1 {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
}
.P_block #main h2 {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: 40px 0 0;
}
.P_block #main h2 + * {margin-top: 15px;}
.P_block #main h3 {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: 20px 0 20px;
}
@media screen and (max-width: 767px){
	.P_block #main br[clear] + h3:last-of-type {
		margin-top: 0;
		position: relative;
		overflow: hidden;
	}
	.P_block #main br[clear] {
		content: '';
		display: table;
		clear: both;
	}
	.P_block #main h3 img[src*="tit_shopinfo"] {
		max-width: none;
		width: auto;
		height: 28px;
		position: relative;
		left: 50%;
		top: auto;
		z-index: 1;
		transform: translate(-50%,0);
	}
}

.P_block #main h2 img,
.P_block #main [src*="img_tit"],
.P_block #main [src*="shop"],
.P_block img[width="620"],
.P_block #main [src*="img_title"] {
	max-width: 620px;
	width: 100%;
	height: auto;
}
.P_block #main * + p {margin-top: 15px;}
.P_block #main * + p.mT00 {margin-top: 0;}
.P_block #main * + img {margin-top: 10px;}
.P_block #main * + img.fL,
.P_block #main * + img.fR {margin-top: 0;}
@media screen and (max-width: 767px){
	
	/* NOTE: 画像 ショップ、ショップのプロフィール、ショップのパン */
	.P_block img[src*="store"],
	.P_block img[src*="food"],	
	.P_block img[src*="people"] {
		max-width: none;
		width: calc( 240 / 620 * var(--content-w) );
		height: auto;
	}
	
	.P_block #main [src*="ttl_repeat.gif"] {
		max-width: 380px;
		height: auto;
	}

	.P_block img[src*="img01"] {
	    width: 100%
    }

	/* NOTE: 本文中画像 */
	.P_block .clearfix .fL:has(img),
	.P_block .clearfix .fl:has(img),
	.P_block .clearfix .fR:has(img),
	.P_block .clearfix .fr:has(img),
	.P_block .clearfix .fL img,
	.P_block .clearfix .fl img,
	.P_block .clearfix .fR img,
	.P_block .clearfix .fr img {
		max-width: none;
		width: calc( 300 / 620 * var(--content-w) );
		height: auto;
	}
	
	/* NOTE: 本文　幅強制解除 */
	.P_block img.fL + p.fR,
	.P_block .fL:has(img) + p.fR,
	.P_block img.fR + p.fL,
	.P_block .fR:has(img) + p.fL {
		width: auto !important;
		float: none;
	}

	/* NOTE: 余白強制変換 */
	.P_block img.fL[class*="mR"],
	.P_block .fL img[class*="mR"],
	.P_block img.fL[class*="mR"],
	.P_block .fL img[class*="mR"] {margin-right: 10px;}
	.P_block img.fR[class*="mL"],
	.P_block .fR img[class*="mL"],
	.P_block img.fR[class*="mL"],
	.P_block .fR img[class*="mL"] {margin-left: 10px;}
	
	.P_block .clearfix .fL:not(img)[class*="mR"] {margin-right: 10px;}
	.P_block .clearfix .fR:not(img)[class*="mL"] {margin-left: 10px;}
	
	.P_block span.fL,
	.P_block span.fl {margin-right: 10px;}
	.P_block span.fR,
	.P_block span.fr {margin-left: 10px;}
	.P_block span.fL,
	.P_block span.fl,
	.P_block span.fR,
	.P_block span.fr {margin-bottom: 10px;}
	
	.P_block .fL:has(img) br,
	.P_block .fl:has(img) br,
	.P_block .fR:has(img) br,
	.P_block .fr:has(img) br {display: none;}
	
	.P_block .fL:has(img) * + img,
	.P_block .fl:has(img) * + img,
	.P_block .fR:has(img) * + img,
	.P_block .fr:has(img) * + img {margin-top: 10px;}
}

/* TOP */
.P_block #sotopan_top {
	margin: 20px auto;
	background: url(../img/top_header_bg.jpg) top left no-repeat;
	width: 620px;
	height: 750px;
	overflow: hidden;
}

.P_block #backStory {margin-left: -20px;}
.P_block #backStory dd {
	margin-left: 20px;
	margin-bottom: 20px;
	background: #978676;
	width: 300px;
	float: left;
}

.P_block #sotopan_top h2 {
	background: #ceb098;
	height: 257px;
	width: 570px;
	margin-left: 25px;
}

/* 詳細 */
.P_block #sotopan_header {
	background: url(../img/header_bg.jpg) top left no-repeat;
	background-size: 100% auto;
	margin: 0 auto 0;

	padding: 0 0 20px;
	max-width: 620px;
}
.P_block #sotopan_header h1 {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: center;
	margin: 0;
	padding: 10px 10px 0;
}
.P_block #sotopan_header h1 img {
	max-width: 600px;
	width: 100%;
	height: auto;
}
.P_block #sotopan_header h2 {
	margin: 0;
	padding: 15px;
}
.P_block #sotopan_header h2 img {
	max-width: 570px;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px){
	.P_block #sotopan_header h1 {
		padding-top: calc( 10 / 620 * var(--content-w) );
		padding-left: calc( 10 / 620 * var(--content-w) );
		padding-right: calc( 10 / 620 * var(--content-w) );
	}
	.P_block #sotopan_header h2 {
		margin-top: calc( -12 / 620 * var(--content-w) );
		padding: calc( 20 / 620 * var(--content-w) );
	}
}

.P_block #sotopan_header + * {margin-top: 12px;}

.P_block .shopData {
	padding: 10px 15px 10px;
	background: #f5f1ec;
}
.P_block .voice {
	background: #f5f1ec;
	padding: 15px;
}

/* link */
.P_block .shopLink a {
	color: #00a0c6;
	background: url(../img/ico_arrow.gif) no-repeat left 0% top 50%;
	background-size: 13px auto;
	padding: 0 0 5px 20px;
}
.P_block .shopLink a:focus,
.P_block .shopLink a:hover {text-decoration: none;}

/* 詳細 */
.P_block #shopInfo {
	margin: 0;
	padding: 0;
	border: 3px #e6e6e6 solid;
}
.P_block .imgBox01 {
	display: block;
	position: relative;
	height: 260px;
}
.P_block .imgBox01 span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 244px;
	padding: 8px;
	background: rgba(0, 0, 0, 0.7);
	background: #000000\9; /*for IE8*/
	color: #fff;
	font-size: 12px;
	line-height: 1.3;
}
.P_block .dotLine {
	padding-bottom: 20px;
	border-bottom: 2px #cfc4b8 dotted;
}

@media screen and (max-width: 767px){
	.P_block .dotLine img.fL,
	.P_block .dotLine img.fR {
		width: calc( 320 / 620 * var(--content-w) );
		height: auto;
	}
	.P_block .dotLine .clearfix img.fL + *,
	.P_block .dotLine .clearfix img.fR + * {
		width: auto;
		float: none;
	}
}

.P_block .sttl01 {
	background: url(../img/bg_sttl_x.gif) repeat-x 0 0;
	background-size: auto 100%;
	color: #5c4941;
	line-height: 3;
	height: 56px;
	font-weight: bold;
	margin-top: 24px;
	margin-bottom: 24px;
}
@media screen and (max-width: 767px){
	.P_block .sttl01 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 14px;
		line-height: 20px;
		height: 56px;
		margin-top: 24px;
		margin-bottom: 24px;
	}
}

.P_block .sttl02 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: url(../img/bg_sttl02_x.gif) repeat-x 0 0;
	background-size: auto 100%;
	color: #5c4941;
	font-weight: 500;
	font-feature-settings: 'palt';
	line-height: 1.4;
	height: 90px;
	margin-bottom: 24px;
}
.P_block .sttl02 b {
	display: block;
	font-weight: 700;
	font-feature-settings: 'palt';
	width: 100%;
	margin: 0 0 3px;
	padding: 0;
}
.P_block .sttl02 b + br {display: none;}
@media screen and (max-width: 767px){
	.P_block .sttl02 {font-size: 13px;}
	.P_block .sttl02 b {font-size: 16px;}
}

.P_block .sttl03 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: url(../img/bg_sttl03_x.gif) repeat-x 0 0;
	background-size: auto 100%;
	color: #5c4941;
	line-height: 1.5;
	height: 110px;
	margin-bottom: 24px;
}
@media screen and (max-width: 767px){
	.P_block .sttl03 {font-size: 13px;}
	.P_block .sttl03 b {font-size: 16px;}
}

.P_block .sttl04 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background: url(../img/bg_sttl04_x.gif) repeat-x 0 0;
	background-size: auto 100%;
	color: #5c4941;
	line-height: 1;
	height: 46px;
	margin-bottom: 24px;
}

.P_block #sotopan_header + .inner .dotLine {padding-bottom: 32px;}
.P_block #sotopan_header + .inner p + .dotLine {margin-top: 24px;}
@media screen and (max-width: 767px){
	.P_block #sotopan_header + .inner .dotLine {padding-bottom: 32px;}
	.P_block #sotopan_header + .inner p + .dotLine {margin-top: 24px;}
}

/* おすすめメニュー */
.P_block #main .dotLine > ul,
.P_block #sotopan_header + .inner ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-left: -8px;
	margin-right: -8px;
}
.P_block .dotLine > ul > li,
.P_block #sotopan_header + .inner ul > li {
	width: 100%;
	float: none;
	margin: 0 8px;
}
@media print, screen and (min-width: 768px){
	.P_block #main .dotLine > ul > li p,
	.P_block #sotopan_header + .inner ul > li p {margin: 0;}
	.P_block #main .dotLine > ul > li * + p,
	.P_block #sotopan_header + .inner ul > li * + p {margin-top: 1em;}
}
@media screen and (max-width: 767px){
	/* おすすめメニュー */
	.P_block #main .dotLine > ul > * + li {margin-top: 15px;}
	.P_block #main .dotLine > ul .fL img,
	.P_block #main .dotLine > ul .fl img,
	.P_block #main .dotLine > ul .fR img,
	.P_block #main .dotLine > ul .fr img,
	.P_block #main .dotLine > ul img {
		width: 100%;
		height: auto;
	}
	.P_block #main .dotLine > ul,
	.P_block #sotopan_header + .inner ul {
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 0;
	}
	.P_block #main .dotLine > ul > li,
	.P_block #sotopan_header + .inner ul > li {
		width: 100%;
		margin: 0;
	}
	.P_block #main .dotLine > ul > * + li,
	.P_block #sotopan_header + .inner ul > * + li {margin-top: 12px;}
	.P_block #main .dotLine > ul > li p,
	.P_block #sotopan_header + .inner ul > li p {margin: 0;}
	.P_block #main .dotLine > ul > li * + p,
	.P_block #sotopan_header + .inner ul > li * + p {margin-top: 1em;}
}

.P_block dl.shop_type01 {width: 310px;}
.P_block dl.shop_type01 dt {
	float: left;
	clear: left;
	width: 80px;
	margin-bottom: 10px;
}
.P_block dl.shop_type01 dd {
	float: left;
	width: 230px;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px){
	.P_block dl.shop_type01 {width: 50%;}
	.P_block dl.shop_type01 dt {width: 80px;}
	.P_block dl.shop_type01 dd {width: calc( 100% - 80px );}
}

.P_block dl.shop_type02 {width: 100%;}
.P_block dl.shop_type02 dt {
	float: left;
	clear: left;
	width: 100px;
	margin-bottom: 10px;
}
.P_block dl.shop_type02 dd {
	float: left;
	width: 510px;
	margin-bottom: 10px;
}
@media screen and (max-width: 767px){
	.P_block dl.shop_type02 dt {width: 80px;}
	.P_block dl.shop_type02 dd {width: calc( 100% - 80px );}
}

.P_block dl.shop_type02 a {
	color: #00A0C6;
	text-decoration: underline;
}

.P_block .pageTop {
	position: relative;
	height: 20px;
}
.P_block .pageTop img {
	position: absolute;
	right: -90px;
	top: -10px;
}
/* ----------------- Start new page style ----------------- */
/* NOTE: 新スタイル用 */

/* page style */
.P_block {
	color: #5c4941;
	text-align: left;
	font-size: 13px;
	font-family: 'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	line-height: 1.5;
	letter-spacing: normal;
	word-break: break-all;
}
.P_block > div {padding: 0 0 20px;}
@media screen and (max-width: 767px){
	.P_block {
		font-size: 12px;
		line-height: 1.3;
	}
	.P_block * {letter-spacing: normal;}
	.P_block > div {padding: 0 0 20px;}
}

@media print, screen and (min-width: 768px){
	/* mv */
	.n_mv {
		padding: 10px;
		margin: 0 0 15px;
		background-image: url("../img/n_header_bg.png");
	}

	.n_main_head {
		background-image: url("../img/n_header_mv_bg.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: left top;
		margin: 0;
	}
	.n_main_head a {display: block;}
	.n_main_head img {
		width: 100%;
		height: auto;
	}

	.n_main_title {
		background-image: url("../img/n_header_mv_ttl_bg.jpg");
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: left bottom;
		padding: 16px;
	}

	.n_main_title_inner {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		border: solid 5px #f0e7df;
		padding: 10px;
		background: #fff;
		text-decoration: none;
		transition: opacity 0.4s ease;
	}
	a.n_main_title_inner:hover,
	a.n_main_title_inner:focus {opacity: 0.97; background-color: #f6f4f2;}

	.n_main_title_image {
		display: block;
		width: 290px;
		border: solid 1px #ccc;
		padding: 5px;
	}
	.n_main_title_image img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	.n_main_title_text {
		width: calc( 100% - 290px );
		padding: 0 0 0 15px;
	}

	.n_main_title .n_vol {
		display: inline-block;
		background-image: url("../img/n_vol.png");
		background-size: auto 27px;
		background-repeat: no-repeat;
		background-position: left top;
		padding: 1px 12px;
		min-width: 92px;
		margin: 0 0 8px;
	}
	.n_main_title .n_vol span {
		font-size: 20px;
		font-family: 'Dancing Script', cursive;
		line-height: 25px;
		vertical-align: baseline;
		color: #fff;
		margin-right: 0.25rem;
	}
	.n_main_title .n_vol em {
		font-size: 25px;
		font-family: 'Dancing Script', cursive;
		font-style: normal;
		line-height: 25px;
		vertical-align: baseline;
		color: #fff;
	}
	.n_main_title .n_title {
		display: block;
		font-size: 24px;
		font-weight: 700;
		line-height: 28px;
		color: #5c4941;
	}
	.n_main_title .n_name {
		display: block;
		font-size: 13px;
		font-weight: 700;
		line-height: 22px;
		color: #7e6559;
	}
	.n_main_title .n_place {
		display: block;
		font-size: 12px;
		font-weight: 700;
		line-height: 22px;
		color: #7e6559;
	}
	.n_index_nav * + .c-tag {
		margin-top: 8px;
		margin-bottom: -2px;
	}
	
	/* index page nav */
	.n_index_nav {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	.n_index_nav,
	.n_index_nav * {box-sizing: border-box;}

	.n_index_nav > a {
		display: block;
		color: inherit;
		text-decoration: none;
		border: solid 2px #f0e7df;
		padding: 3px;
		width: calc( ( 100% - 16px ) / 2 );
		margin: 0 0 12px 16px;
		transition:
		background-color 0.4s ease,
		opacity 0.4s ease,
		border-color 0.4s ease;
	}
	.n_index_nav > a:nth-child(odd) {margin-left: 0;}

	.n_index_nav > a:hover,
	.n_index_nav > a:focus {
		border-color: #dacfc5;
		background-color: #f6f4f2;
		opacity: 0.97;
	}

	.n_index_nav__item {
		display: block;
		color: inherit;
		text-decoration: none;
		border: solid 2px #f0e7df;
		padding: 3px;
		width: calc( ( 100% - 16px ) / 2 );
		margin: 0 0 12px 16px;
		transition:
		background-color 0.4s ease,
		opacity 0.4s ease,
		border-color 0.4s ease;
	}
	.n_index_nav__item:nth-child(odd) {margin-left: 0;}


	.n_index_nav .n_figure {margin: 0 0 10px;}
	.n_index_nav .n_vol {
		display: inline-block;
		background-image: url("../img/n_vol.png");
		background-size: auto 20px;
		background-repeat: no-repeat;
		background-position: left top;
		padding: 0 12px;
		min-width: 92px;
	}
	.n_index_nav .n_vol span {
		font-size: 13px;
		font-family: 'Dancing Script', cursive;
		line-height: 20px;
		vertical-align: baseline;
		color: #fff;
		margin-right: 0.25rem;
	}
	.n_index_nav .n_vol em {
		font-size: 17px;
		font-family: 'Dancing Script', cursive;
		font-style: normal;
		line-height: 20px;
		vertical-align: baseline;
		color: #fff;
	}
	.n_index_nav .n_title {
		display: block;
		font-size: 15px;
		font-weight: 700;
		line-height: 19px;
		color: #5c4941;
		margin: 6px 0 0;
	}
	.n_index_nav .n_name {
		display: block;
		font-size: 12px;
		font-weight: 700;
		line-height: 16px;
		color: #7e6559;
		margin: 4px 0 0;
	}
	.n_index_nav .n_place {
		display: block;
		font-size: 12px;
		font-weight: 700;
		line-height: 16px;
		color: #7e6559;
		margin: 4px 0 0;
	}

	/* lead */
	.n_lead {
		line-height: 1.6;
		margin: 0 0 15px;
	}

	/* text */
	.n_text {
		line-height: 1.6;
		margin: 15px 0 0 ;
	}
	.n_text:first-child {margin-top: 0;}

	/* hr */
	.n_hr {margin: 20px 0;}
	.n_hr::before {
		content: '';
		display: block;
		height: 3px;
		background-image: url("../img/n_hr.png");
		background-repeat: repeat-x;
		background-size: auto 2px;
	}

	/* image */
	.n_figure {
		display: block;
		margin: 0 0 15px;
	}
	.n_text + .n_figure {margin-top: 15px;}
	
	.n_figure {}
	.n_figure img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	.n_figure > figcaption {
		text-align: center;
		color: #907363;
		font-size: 12px;
		padding: 5px;
	}
	
	/* title */
	.n_head_type01 {
		font-size: 28px;
		font-weight: 700;
		text-align: center;
		margin: 0 0 24px;
	}
	.n_head_type01 span {
		display: inline-block;
		position: relative;
	}
	.n_head_type01 span::before {
		content: '';
		display: block;
		position: absolute;
		left: -1em;
		top: 50%;
		background-image: url("../img/n_ttl_repeat_icon_left.png");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center center;
		width: 30px;
		height: 25px;
		transform: translate(-100%,-50%);
	}
	.n_head_type01 span::after {
		content: '';
		display: block;
		position: absolute;
		right: -1em;
		top: 50%;
		background-image: url("../img/n_ttl_repeat_icon_right.png");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center center;
		width: 30px;
		height: 25px;
		transform: translate(100%,-50%);
	}

	.n_head_type02 {
		text-align: center;
		margin: 0 0 8px;
		background: #f7f3e8;
		padding: 4px 0;
	}
	.n_head_type02::before,
	.n_head_type02::after {
		content: '';
		display: block;
		background-image: linear-gradient(90deg, #c7a282, #c7a282 50%, transparent 50%, transparent 100%);
		background-size: 10px 10px;
		height: 2px;
	}
	.n_head_type02 span {
		display: block;
		padding: 12px 0;
		font-size: 20px;
		font-weight: 700;
		line-height: 1.25;
		color: #5c4941;
	}

	.n_head_type03 {
		text-align: center;
		margin: 0 0 20px;
	}
	.n_head_type03 span {
		display: inline-block;
		font-size: 28px;
		font-weight: 700;
		line-height: 1;
		padding: 0 2em;
	}
	.n_head_type03 span::before {
		content: '';
		display: block;
		height: 9px;
		background-image: url("../img/n_tit_recomend_menu_top.png");
		background-repeat: repeat-x;
		background-size: auto 9px;
		margin: 0 -2em 12px;
	}
	.n_head_type03 span::after {
		content: '';
		display: block;
		height: 9px;
		background-image: url("../img/n_tit_recomend_menu_bottom.png");
		background-repeat: repeat-x;
		background-size: auto 9px;
		margin: 12px -2em 0;
	}

	.n_head_type04 {
		background: #f7f3e8;
		text-align: center;
		padding: 0;
		margin: 0 0 12px;
		position: relative;
		height: 110px;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.n_head_type04::before,
	.n_head_type04::after {
		content: '';
		display: block;
		border-top: dashed 1px #b2916e;
		position: absolute;
		left: 0;
		right: 0;
	}
	.n_head_type04::before {top: 3px;}
	.n_head_type04::after {bottom: 3px;}

	.n_head_type04 em {
		display: block;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 22px;
		width: 100%;
		padding: 0 0 4px;
	}
	.n_head_type04 small {
		display: block;
		width: 100%;
		font-size: 13px;
		line-height: 22px;
	}

	.n_head_type04 em.lh16 {
		line-height: 16px;
	}

	.n_head_type05 {
		font-size: 28px;
		font-weight: 700;
		text-align: center;
		line-height: 1;
		letter-spacing: 0.2ex;
		padding: 2px 0;
		margin: 0 0 28px;
		background-image: url("../img/n_tit_shopinfo_bg.png");
		background-repeat: no-repeat;
		background-size: auto 32px;
		background-position: center center;
	}
	.n_head_type05 span {}


	/* box 2col image text */
	.n_box_imagetext {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin: 15px 0 0;
	}
	.n_box_imagetext_sp {margin: 15px 0 0;}
	.n_box_imagetext_sp .n_box_imagetext_image,
	.n_box_imagetext_sp .n_box_imagetext_text {width: auto;}
	.n_box_imagetext_sp .n_box_imagetext_text {padding: 15px 0 0;}

	.n_box_imagetext .n_box_imagetext_image {width: 300px;}
	.n_box_imagetext_image img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	.n_box_imagetext .n_box_imagetext_text {width: calc( 100% - 300px );}

	.n_box_imagetext.n_box_imagetext_right .n_box_imagetext_image {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
	}
	.n_box_imagetext.n_box_imagetext_right .n_box_imagetext_text {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		padding: 0 0 0 15px;
	}
	.n_box_imagetext.n_box_imagetext_left .n_box_imagetext_image {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
	.n_box_imagetext.n_box_imagetext_left .n_box_imagetext_text {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		padding: 0 15px 0 0;
	}


	/* box 3col */
	.n_box_3col {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.n_box_3col > div {
		width: calc( ( 100% - 30px ) / 3 );
		margin: 0 0 15px;
	}
	.n_text + .n_box_3col {margin-top: 15px;}

	/* shop */
	.n_shop_type02 {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.n_text + .n_shop_type02 {margin-top: 15px;}

	.n_shop_type02 dt {
		font-weight: 700;
		line-height: 1.6;
		width: 110px;
		margin: 0 0 10px;
	}
	.n_shop_type02 dd {
		line-height: 1.6;
		width: calc( 100% - 110px );
		margin: 0 0 10px;
	}
	.n_shop_type02 dd a {
		color: #00A0C6;
		text-decoration: underline;
	}
}

@media screen and (max-width: 767px){
	/* mv */
	.n_mv {
		padding: 5px;
		margin: 0 0 15px;
		background-image: url("../img/n_header_bg.png");
	}
	.n_main_head {
		background-image: url("../img/n_header_mv_bg.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: left top;
		text-align: center;
		margin: 0;
	}
	.n_main_head a {display: block;}
	.n_main_head img {
		max-width: 364px;
		width: 100%;
		height: auto;
	}

	.n_main_title {
		background-image: url("../img/n_header_mv_ttl_bg.jpg");
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: left bottom;
		padding: 10px;
	}

	.n_main_title_inner {
		display: block;
		text-decoration: none;
		border: solid 3px #f0e7df;
		padding: 6px;
		background: #fff;
	}
	.n_main_title_image {
		display: block;
		border: solid 1px #ccc;
		padding: 2px;
		margin:  0 0 10px;
	}
	.n_main_title_image img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	.n_main_title_text {
		padding: 0 0 0 5px;
	}

	.n_main_title .n_vol {
		display: inline-block;
		background-image: url("../img/n_vol.png");
		background-size: auto 27px;
		background-repeat: no-repeat;
		background-position: left top;
		padding: 0 12px;
		min-width: 92px;
	}
	.n_main_title .n_vol span {
		color: #fff;
		font-size: 17px;
		font-family: 'Dancing Script', cursive;
		line-height: 25px;
		vertical-align: baseline;
		margin-right: 0.25rem;
	}
	.n_main_title .n_vol em {
		color: #fff;
		font-size: 20px;
		font-family: 'Dancing Script', cursive;
		font-style: normal;
		line-height: 25px;
		vertical-align: baseline;
	}
	.n_main_title .n_title {
		display: block;
		color: #5c4941;
		font-size: 18px;
		font-weight: 700;
		font-feature-settings: 'palt';
		/*line-height: 32px;*//* old site style */
		line-height: 24px;
		margin: 4px 0 0;
	}
	.n_main_title .n_name {
		display: block;
		color: #7e6559;
		font-size: 13px;
		font-weight: 700;
		font-feature-settings: 'palt';
		line-height: 18px;
		margin: 4px 0 0;
	}
	.n_main_title .n_place {
		display: block;
		color: #7e6559;
		font-size: 12px;
		font-weight: 700;
		font-feature-settings: 'palt';
		line-height: 22px;
	}
	.n_mv * + .c-tag {
		margin-top: 4px;
	}
	
	/* index page nav */
	.n_index_nav {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	.n_index_nav,
	.n_index_nav * {box-sizing: border-box;}
	.n_index_nav * + .c-tag {
		margin-top: 6px;
		margin-bottom: -4px;
	}

	.n_index_nav > a {
		display: block;
		color: inherit;
		text-decoration: none;
		border: solid 2px #f0e7df;
		width: calc( ( 100% - 4px ) / 2 );
		margin: 0 0 4px 4px;
		padding: 3px;
	}
	.n_index_nav > a:nth-child(odd) {margin-left: 0;}

	.n_index_nav__item {
		display: block;
		color: inherit;
		text-decoration: none;
		border: solid 2px #f0e7df;
		width: calc( ( 100% - 4px ) / 2 );
		margin: 0 0 4px 4px;
		padding: 3px 3px 6px;
	}
	.n_index_nav__item:nth-child(odd) {margin-left: 0;}

	.n_index_nav .n_figure {margin: 0 0 6px;}
	.n_index_nav .n_vol {
		display: inline-block;
		background-image: url("../img/n_vol.png");
		background-size: auto 20px;
		background-repeat: no-repeat;
		background-position: left top;
		padding: 0 12px;
		min-width: 92px;
		margin: 0 0 4px;
	}
	.n_index_nav .n_vol span {
		font-size: 13px;
		font-family: 'Dancing Script', cursive;
		line-height: 20px;
		vertical-align: baseline;
		color: #fff;
		margin-right: 0.25rem;
	}
	.n_index_nav .n_vol em {
		font-size: 17px;
		font-family: 'Dancing Script', cursive;
		font-style: normal;
		line-height: 20px;
		vertical-align: baseline;
		color: #fff;
	}
	.n_index_nav .n_title {
		display: block;
		font-size: 15px;
		font-weight: 700;
		font-feature-settings: 'palt';
		line-height: 19px;
		color: #5c4941;
	}
	.n_index_nav .n_name {
		display: block;
		font-size: 10px;
		font-weight: 700;
		font-feature-settings: 'palt';
		line-height: 16px;
		color: #7e6559;
		margin: 2px 0 0;
	}
	.n_index_nav .n_place {
		display: block;
		font-size: 10px;
		font-weight: 700;
		font-feature-settings: 'palt';
		line-height: 16px;
		color: #7e6559;
		margin: 2px 0 0;
	}

	/* lead */
	.n_lead {margin: 0 0 15px;}

	/* text */
	.n_text {margin: 15px 0 0 ;}
	.n_text:first-child {margin-top: 0;}

	/* hr */
	.n_hr {margin: 20px 0;}
	.n_hr::before {
		content: '';
		display: block;
		height: 3px;
		background-image: url("../img/n_hr.png");
		background-repeat: repeat-x;
		background-size: auto 2px;
	}

	/* image */
	.n_figure {
		display: block;
		margin: 0 0 15px
	}
	.n_figure img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	.n_text + .n_figure {margin-top: 15px;}
	.n_figure > figcaption{
		text-align: center;
		color: #907363;
		font-size: 12px;
		padding: 5px;
	}
	/* title */
	.n_head_type01 {
		font-size: 22px;
		font-weight: 700;
		text-align: center;
		margin: 0 0 15px;
	}
	.n_head_type01 span {
		display: inline-block;
		position: relative;
	}
	.n_head_type01 span::before {
		content: '';
		display: block;
		position: absolute;
		left: -0.5em;
		top: 50%;
		background-image: url("../img/n_ttl_repeat_icon_left.png");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center center;
		width: 22px;
		height: 22px;
		transform: translate(-100%,-50%);
	}
	.n_head_type01 span::after {
		content: '';
		display: block;
		position: absolute;
		right: -0.5em;
		top: 50%;
		background-image: url("../img/n_ttl_repeat_icon_right.png");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center center;
		width: 22px;
		height: 22px;
		transform: translate(100%,-50%);
	}

	.n_head_type02 {
		text-align: center;
		margin: 0 0 8px;
		background: #f7f3e8;
		padding: 4px 0;
	}
	.n_head_type02::before,
	.n_head_type02::after {
		content: '';
		display: block;
		background-image: linear-gradient(90deg, #c7a282, #c7a282 50%, transparent 50%, transparent 100%);
		background-size: 10px 10px;
		height: 2px;
	}
	.n_head_type02 span {
		display: block;
		padding: 12px 0;
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		color: #5c4941;
	}

	.n_head_type03 {
		text-align: center;
		margin: 0 0 20px;
	}
	.n_head_type03 span {
		display: inline-block;
		font-size: 22px;
		font-weight: 700;
		line-height: 1;
		padding: 0 2em;
	}
	.n_head_type03 span::before {
		content: '';
		display: block;
		height: 9px;
		background-image: url("../img/n_tit_recomend_menu_top.png");
		background-repeat: repeat-x;
		background-size: auto 9px;
		margin: 0 -2em 12px;
	}
	.n_head_type03 span::after {
		content: '';
		display: block;
		height: 9px;
		background-image: url("../img/n_tit_recomend_menu_bottom.png");
		background-repeat: repeat-x;
		background-size: auto 9px;
		margin: 12px -2em 0;
	}

	.n_head_type04 {
		background: #f7f3e8;
		text-align: center;
		padding: 0;
		margin: 0 0 12px;
		position: relative;
		height: 72px;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.n_head_type04::before,
	.n_head_type04::after {
		content: '';
		display: block;
		border-top: dashed 1px #b2916e;
		position: absolute;
		left: 0;
		right: 0;
	}
	.n_head_type04::before {top: 3px;}
	.n_head_type04::after {bottom: 3px;}

	.n_head_type04 em {
		display: block;
		font-size: 16px;
		font-weight: 700;
		font-style: normal;
		line-height: 22px;
		width: 100%;
		padding: 0 0 4px;
	}
	.n_head_type04 small {
		display: block;
		width: 100%;
		font-size: 13px;
		line-height: 22px;
	}
	.n_head_type04 small br{display: none;}


	.n_head_type04 em.lh16 {
		line-height: 16px;
	}

	.n_head_type05 {
		font-size: 28px;
		font-weight: 700;
		text-align: center;
		line-height: 1;
		letter-spacing: 0.2ex;
		padding: 2px 0;
		margin: 0 0 28px;
		background-image: url("../img/n_tit_shopinfo_bg.png");
		background-repeat: no-repeat;
		background-size: auto 32px;
		background-position: center center;
	}
	.n_head_type05 span {}


	/* box 2col image text */
	.n_box_imagetext_text {}
	.n_box_imagetext {margin: 15px 0 0;}
	.n_box_imagetext .n_box_imagetext_image,
	.n_box_imagetext_image {
		width: 100%;
		margin: 0 0 15px;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
	}
	.n_box_imagetext_image img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	.n_box_imagetext .n_box_imagetext_text,
	.n_box_imagetext_text {
		width: 100%;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		margin: 0 0 15px;
	}
	.n_box_imagetext_text + .n_box_imagetext_image {margin: 15px 0 0;}
	.n_box_imagetext_image + .n_box_imagetext_text {margin: 15px 0 0;}
	.n_box_imagetext.n_box_imagetext_left .n_box_imagetext_text {
		margin: 0 0 15px;
	}
	.n_box_imagetext.n_box_imagetext_right .n_box_imagetext_text {
		margin: 15px 0 0;
	}

	.n_box_imagetext_sp {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin: 15px 0 0;
	}
	.n_box_imagetext_sp .n_box_imagetext_image,
	.n_box_imagetext_sp .n_box_imagetext_text {width: 50%;}
	.n_box_imagetext_sp.n_box_imagetext_right .n_box_imagetext_image {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		padding: 0 8px 0 0;
		margin: 0;
	}
	.n_box_imagetext_sp.n_box_imagetext_right .n_box_imagetext_text {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		padding: 0 0 0 8px;
	}
	.n_box_imagetext_sp.n_box_imagetext_left .n_box_imagetext_image {
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		padding: 0 0 0 8px;
		margin: 0;
	}
	.n_box_imagetext_sp.n_box_imagetext_left .n_box_imagetext_text {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		padding: 0 8px 0 0;
	}


	/* box 3col */
	.n_box_3col {}
	.n_box_3col > div {
		margin: 0 0 15px;
	}
	.n_text + .n_box_3col {margin-top: 15px;}

	/* shop */
	.n_shop_type02 {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-bottom: 15px;
	}
	.n_text + .n_shop_type02 {margin-top: 15px;}

	.n_shop_type02 dt {
		width: 60px;
		font-weight: 700;
		margin: 0 0 10px;
	}
	.n_shop_type02 dd {
		width: calc( 100% - 60px );
		margin: 0 0 10px;
	}
	.n_shop_type02 dd a {
		color: #00A0C6;
		text-decoration: underline;
	}
}

/* backtotop */
.P_block .pageTop {display: none;}
.P_block .pageTopSp {
	display: block;
	margin: 20px 0 0;
	text-align: center;
}
.c-tag ~ .P_block .pageTopSp {margin-top: 24px;}
.P_block .pageTopSp a {
	display: inline-block;
	border-radius: 6px;
	border: solid 1px #ccc;
	background: #fff9ed;
	color: inherit;
	text-decoration: none;
	max-width: 260px;
	width: 100%;
	padding: 1em;
}
@media screen and (max-width: 767px){
	.P_block .pageTopSp {margin-top: 15px;}
}
.P_block #main * + .pageTop.mT00,
.P_block #main .pageTop {
	display: block;
	height: auto;
	margin: 20px 0 0;
	text-align: center;
}
.P_block #main .pageTop a {
	display: inline-block;
	border-radius: 6px;
	border: solid 1px #ccc;
	background: #fff9ed;
	color: inherit;
	text-decoration: none;
	max-width: 260px;
	width: 100%;
	padding: 1em;
}
.P_block #main .pageTop a::before {content: 'ソトパンTOPへ戻る';}
.P_block #main .pageTop a img {display: none;}
@media screen and (max-width: 767px){
	.P_block #main * + .pageTop.mT00,
	.P_block #main .pageTop {margin-top: 15px;}
}

/* ----------------- Start utility style ----------------- */