@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');


/* Reset-----------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, code, em, font, img,  small, strong,
ol, ul, li, form, label, table,  tr, th, td, dl, dd, dt,
article, aside, footer, header, menu, nav, section, summary, textarea,main,
figure,figcaption
{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
i{font-style:normal;}
.clx:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clx { display: block; }
* html .clx { height: 1%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {-webkit-text-size-adjust:none;-webkit-touch-callout: none;}
a {outline:none;text-decoration:none;}
iframe {border:none;}
ul, ol { list-style: none;}
img { border: none; vertical-align:bottom;max-width: 100%;height: auto;width /***/:auto;}
:focus { outline: 0;}
table { border-collapse: collapse;border-spacing:0;font-size:inherit;font:100%;}
h1, h2, h3, h4, h5, h6 {line-height:1.4;}
html {height: 100%;font-size: 62.5%;scroll-behavior: smooth; }
body {
font: 1rem "Noto Sans JP","Meiryo","Hiragino Kaku Gothic Pro",sans-serif;
color:#000;
background:var(--c03);
letter-spacing:0.0rem;
font-feature-settings :palt;
font-weight: 500;
height: 100%;
overflow-x:hidden;
line-height: 1.8;
}

@-ms-viewport {
  width: device-width;
}

:root {
  --c01: #000;
  --c02: #f2e8d5;
  --c03: #e0d1b7;
  --c04: #c16d33;
  --c05: #cfa88e;
  --c06: #0259a0;
}

/* common -----------------------------------------------------------*/
body { overflow-x: hidden; position: relative;}
*,*::before,*::after { box-sizing: border-box;}

a { color: #000;}

.gf{ font-family: 'Inter Tight', sans-serif; font-weight: 400; letter-spacing:0.4;}

hr { display: block; height: 1px; border: 0; border-top: 1px dotted #e4e4e4; margin: 1rem 0; padding: 0; }
hr.bd_none{ display: block; height: 1px; border: 0; border-top:none; margin: 1rem 0; padding: 0; }

.txt_al { text-align:left !important; }
.txt_ar { text-align:right !important; }
.txt_ac { text-align:center !important; }

.w15{ width:15% !important;}
.w25{ width:25% !important;}
.w30{ width:30% !important;}
.w45{ width:45% !important;}
.w50{ width:50% !important;}
.w60{ width:60% !important;}
.w65{ width:65% !important;}

.fixed { position: fixed; width: 100%; height: 100%;}
.line-through{ text-decoration:line-through;}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  99% {
    opacity: 0;
	z-index:-1;
  }
  100% {
	z-index:-1;
	display:none;
	opacity: 0;
  }
}


.sp{ display:inline;}
.pc{ display:none !important;}

.mb_ss{ margin-bottom:1rem !important;}

.mb_s{ margin-bottom:2rem !important;}
.mb_m{ margin-bottom:3rem !important;}
.mb_l{ margin-bottom:4rem !important;}
.mb_xl{ margin-bottom:8rem !important;}
.mr_m{ margin-right:3rem !important;}
.mr_s{ margin-right:2rem !important;}
.mt_ss{ margin-top:1rem !important;}

.pt_ss{ padding-top:2rem !important;}
.pt_s{ padding-top:9rem !important;}
.pt_l{ padding-top:10rem !important;}

.font_s{ font-size:1.2rem !important;}
.font_m{ font-size:1.6rem !important;}
.font_l{ font-size:2.5rem !important;}
.font_xl{ font-size:3.5rem !important;}
.font_xxl{ font-size:4.5rem !important;}
.bigger{ font-size:150% !important;}

.scroll{ opacity: 0; transition: 0.6s; transform:translateY(2rem);}
.scroll.delay01{ transition-delay:0.1s !important;}
.scroll.delay02{ transition-delay:0.2s !important;}
.scroll.delay03{ transition-delay:0.3s !important;}
.scroll.delay04{ transition-delay:0.4s !important;}
.scroll.delay05{ transition-delay:0.5s !important;}
.scroll.delay06{ transition-delay:0.6s !important;}
.scroll.active{opacity: 1; transform:translateY(0)}

/* header__ -------------------------------------*/
[id^="header__"] { width:100%; height:60px; position:fixed; z-index:888; display: none;}
#header__ .-logo{ transition: 0.4s; height:8rem; display: table-cell; vertical-align: middle; padding: 1rem 1rem ;}
#header__ .-logo img[src$=".svg"]{ height:auto; width:8rem; transition: 0.4s; position:relative; z-index:100;}

.btn_nav{ position:absolute; top:1rem; right:1rem; width:4.2rem; height:4.2rem; background:rgba(255,255,255,0.7); z-index:9999; border-radius: 50rem;}
.icon_menu{ position: absolute; top: calc(50% - 0.1rem); left: calc(50% - 1rem); opacity: 1; transition: .2s;}
.icon_menu:before, .icon_menu:after{ display: block; content: ""; position: absolute; left: 0; width: 2rem; height: 2px; transition: .2s; background: var(--c03);}
.icon_menu:before{margin-top: -0.3rem;}
.icon_menu:after{ margin-top: 0.3rem;}
.btn_nav.close{background:rgba(255,255,255,0.2); border: none;}

.btn_nav.close .icon_menu{ height:0; width: 0; background: #fff;}
.btn_nav.close .icon_menu:before, .btn_nav.close .icon_menu:after{ background: var(--c01);}
.btn_nav.close .icon_menu:before{margin-top:0;transform: rotate(45deg);}
.btn_nav.close .icon_menu:after{ margin-top: 0;transform: rotate(-45deg);}

[id^="nav__"] { padding:20rem 5vw 2rem; text-align:center;}
[id^="nav__"] li{ font-size:1.5rem; border-bottom:1px solid rgba(255,255,255,0); display:block;}
[id^="nav__"] li a{ padding:1.5rem; display:block;}

.nav__all { position:relative; position:fixed; top:-100vh; left:0; width:100vw; height:100vh; background: rgba(90,6,8,0.9); z-index:-1; opacity:0; font-size:1.4rem; text-align:left; color:#fff;}
.nav__all a{ color:#fff;}
.nav__all.op{ opacity:1; top:0; z-index:999;}

.nav__all .nav_logo{ position:absolute; top:7vh; left:0; width: 100%; text-align:center;}
.nav__all .nav_logo img{ height:auto; width:15rem; max-width:30rem; min-width:10rem; margin: 0 auto; position:relative; display: block;}

.nav__contact{ bottom:3rem; left:3rem; width:calc(100% - 6rem); border: none;}
[id^="nav__"] .nav__contact a{ position:relative; overflow:hidden; display:block; color:#fff; padding:0 2rem; font-size: 1.8rem; background:#ea9014; height:5rem; line-height:5rem; z-index:1; border-radius: 5rem;}

.nav__all.op .nav__contact{ position: fixed; z-index: 999;}

[id^="nav__"] .nav_btn{ padding:0; }
[id^="nav__"] .nav_btn a{ position:relative; overflow:hidden; display:block; color:#fff; padding:0 4rem; background:var(--c03); height:5rem; line-height:5rem; z-index:1; border-radius: 5rem; margin:1rem;}
[id^="nav__"] .nav_btn a::after{ z-index:-1; position: absolute; content:""; width:0; height:100%; left:auto; right:0; top:0; background:var(--c02); transition: 0.3s;}
[id^="nav__"] .nav_btn a:hover{ color:#fff;}
[id^="nav__"] .nav_btn a:hover::after{ width:100%; left: 0; }

[id^="nav__"] .nav_btn a.ticket{ position:relative; overflow:hidden; display:block; color:#fff; padding:0 4rem; background:var(--c02); height:5rem; line-height:5rem; z-index:1; border-radius: 5rem;}
[id^="nav__"] .nav_btn a.ticket::after{ z-index:-1; position: absolute; content:""; width:0; height:100%; left:auto; right:0; top:0; background:var(--c03); transition: 0.3s;}
[id^="nav__"] .nav_btn a.ticket:hover{ color:#fff;}
[id^="nav__"] .nav_btn a.ticket:hover::after{ width:100%; left: 0; }		

.side_fix{ position:fixed; right:1rem; top:9rem; display:block; font-size:1.3rem; z-index:3;}
.side_fix li { display: block; width: 4.2rem; height: 4.2rem; text-align: center; margin: 0 0 1rem; line-height: 1; opacity: 0.9;}
.side_fix li a{ font-weight:bold; position: relative; z-index: 2; }
.side_fix li a::before{ position: absolute; z-index: -1; background: rgba(255,255,255,0.3); top:-1.3rem; right:-1.1rem; width: 4.2rem; height: 4.2rem; border-radius: 3rem; display: block; content: ""; transition: 0.4s;}
.side_fix li a:hover::before, .side_fix li.active a::before{ background: var(--c04);}

/* footer -------------------------------------*/
[id^="footer__"] { font-weight:100; padding:5rem 0 10rem; position:relative; font-size:1.3rem; max-width: 75rem; width: 100%; margin: 0 auto; background: var(--c01); color:var(--c02);}
[id^="footer__"] a{ color:#fff; transition: 0.3s;}
[id^="footer__"] a:hover{ color:var(--c02);}

#footer__ .column__02{ width:100%; display: block; align-items: center;}
#footer__ .column__02 .row:nth-child(1){ width:100%; margin: 0 0 3rem; text-align: center;}
#footer__ .column__02 .row:nth-child(1) img{ width:14rem;}
#footer__ .column__02 .row:nth-child(2){ width:100%; margin: 0; padding: 0;}
#footer__ .column__03{ width: 100%; display: block; margin: 0 0 2rem;}
#footer__ .column__03 .row:nth-child(1){ width:100%; text-align: center; margin: 0 0 3rem; font-size: 2rem; line-height: 1.2;}
#footer__ .column__03 .row:nth-child(1) strong{ font-size: 4.5rem; line-height: 1; display: block;}
#footer__ .column__03 .row:nth-child(1) span{ font-size: 2rem; display: block;}
#footer__ .column__03 .row:nth-child(2){ width:100%; font-size: 1.3rem; text-align: center; margin: 0 0 3rem;}
#footer__ .column__03 .row:nth-child(2) p{ font-weight: 500; line-height: 1.4; margin: 0 0 1rem;}
#footer__ .column__03 .row:nth-child(2) ul li{ display: inline-block;}
#footer__ .column__03 .row:nth-child(2) ul li a{ margin: 0 0.5rem;display: block; border-left:none;}
#footer__ .column__03 .row:nth-child(2) ul li:first-child a{ margin:0; padding: 0; border: none;}
#footer__ .column__03 .row:last-child { width:100%; text-align: center; margin: 0 0 3rem;}
#footer__ .column__03 .row:last-child h5{ padding:0 0 0.5rem; font-size:1.3rem; display: block; vertical-align: middle;}
#footer__ .column__03 .row:last-child ul{ padding:0 0 0.5rem; display: inline-block;}
#footer__ .column__03 .row:last-child ul.sns li{ display: inline-block; margin: 0 0.7rem;}
#footer__ .column__03 .row:last-child ul.sns li img{ width:4rem; vertical-align: middle;}
#footer__ .column__03 .row:last-child ul.sns li a{}
#footer__ .column__03 .row:last-child ul.sns li a svg{ z-index: 2; position: relative; vertical-align: middle;}
#footer__ .column__03 .row:last-child ul.sns li a svg path,
#footer__ .column__03 .row:last-child ul.sns li a svg circle{ fill:var(--c02);}
#footer__ .column__03 .row:last-child ul.sns li a:hover svg path,
#footer__ .column__03 .row:last-child ul.sns li a:hover svg circle{ fill:var(--c02);}

#footer__ .column__02 .column__02{ width:100% ; align-items: center; font-size: 1.2rem;}
#footer__ .column__02 .column__02 .row{ margin:0;}
#footer__ .column__02 .column__02 .row:first-child { width:100%; text-align: center; margin: 0 0 4rem;}
#footer__ .column__02 .column__02 .row:first-child img{ width:8rem; vertical-align: middle; margin: 0 1rem;}
#footer__ .column__02 .column__02 .row:last-child { width:100%; text-align: center;}
#footer__ .column__02 .column__02 .row:last-child ul{display:inline-block;}
#footer__ .column__02 .column__02 .row:last-child ul li{ display:inline-block; margin: 0 0 0 1.5rem; font-size: 1.1rem;}
#footer__ .column__02 .column__02 .row:last-child ul li small{ font-size: 1rem;}

/* main -------------------------------------*/
[id^="main__"] { position:relative; font-size:1.5rem; min-height:100vh; max-width: 75rem; width: 100%; margin: 0 auto; overflow-x: hidden; background:var(--c02);}

[class^="section___"] { width:100%; position:relative; transition: 0.6s; opacity:0; transform: translate(0, 10%);}
[class^="section___"].active{ opacity:1; transform: translate(0, 0);}

[class*="btn__"] { display:inline-block; text-align:center; padding:2rem 3rem; min-width: 70%; max-width: 100%; color:#fff; background:var(--c03); line-height:1; position:relative; overflow:hidden; z-index: 1; border-radius:7rem; transition: 0.4s;}
[class*="btn__"]:hover{}



[class*="column__"] { display: flex; flex-wrap: wrap; width:100%; }
[class*="column__"] .row{ position:relative;}
[class*="column__"] .row .thumb{ width:100%; position:relative; overflow:hidden;}
[class*="column__"] .row .thumb img{}
[class*="column__"] .row a:hover .thumb img{transform: scale(1.05);}

.column__02 .row{ width:48.3%; margin:0 0 3% 3.4%;}
.column__02 .row:nth-child(2n+1){ margin:0 0 3%;}

.column__03 .row{ width:31.066%; margin:0 0 3% 3.4%;}
.column__03 .row:nth-child(3n+1){ margin:0 0 3%;}

.column__04 .row{ width:23.5%; margin:0 0 3% 2%;}
.column__04 .row:nth-child(4n+1){ margin:0 0 3%;}

.column__06 .row{ width:15%; margin:0 0 2% 2%;}
.column__06 .row:nth-child(6n+1){ margin:0 0 2%;}

[class*="table__"]{}
[class*="table__"] dl{ border-bottom:1px solid #6a0f13; display: flex; flex-wrap: wrap; width:100%; }
[class*="table__"] dl:first-child{}
[class*="table__"] dl dt{ width:100%; padding:1rem;}
[class*="table__"] dl dd{ width:100%; padding:1rem 1rem 1rem 0rem;}
[class*="table__"] dl ul{ list-style:disc; margin:0 0 0 2rem;}
[class*="table__"] dl ul li{ padding:0 0 0.5rem;}

/* top -------------------------------------*/
#top__fv{ width:100%; position:relative; text-align: center;}
#top__fv .-text{ width: 100%;}
#top__fv .-text h1{ width:86%; margin: 5rem auto 0;}
#top__fv ul{ width:86%; margin: 5rem auto 0; text-align: left;}
#top__fv ul li{ line-height: 1; }
#top__fv ul .eng{ font-size:1.85rem; font-weight:700; padding: 0 0 1rem;}
#top__fv ul .date{font-size:2rem; font-weight:600; padding: 0 0 4rem;}
#top__fv ul .date strong{ font-size:5.8rem; font-weight:700; display: block;}
#top__fv ul .date span{ font-size:2rem; font-weight:600; display: block;}
#top__fv ul .place{ font-size:1.4rem; font-weight:600;}

#top__fv ol{ position:absolute; right:7%; bottom: -0.5rem; width: 8.6%;}
#top__fv ol li{ margin: 0; padding: 0;  text-align: center;}
#top__fv ol li:first-child{ margin: 0 0 1rem;}
#top__fv ol li svg{ width:100%;}
#top__fv ol li svg path,
#top__fv ol li svg circle{ fill:#000;}

#lead__{ width:100%; margin: 0 auto; text-align: center;}

#lead__ .text{ text-align: left; width: 90%; margin: 0 auto;}
#lead__ .text p{ margin: 0 0 1.5rem;}
#lead__ h3{ text-align: center; margin: 0 0 1.5rem; font-size: 1.7rem;}
#lead__ ul{ margin:0 0 3rem;}
#lead__ ul li{ display:inline-block; margin: 0 1rem; font-size: 1.7rem; letter-spacing:0.2rem; line-height: 1.4;}
#lead__ ul li small{ font-size:70%; display: block; font-weight: normal; opacity: 0.7;}

#lead__ #swiper_slide{ background:#000; margin: 0 0 3rem; position: relative; height: 44rem; overflow: hidden;}
#lead__ #swiper_slide .catch{ position: absolute; content: ""; width: 100%; height: 44rem; text-align: center; z-index: 2; }
#lead__ #swiper_slide .catch img{ height:28rem; margin: 8rem 0 0;}

/* swiper_slide -------------------------------------*/
#swiper_slide { overflow: hidden; }
#swiper_slide .swiper-wrapper{ transition-timing-function: linear; }
#swiper_slide .swiper-slide{ transition: none; }

.quick_btn{ padding: 1rem 7%; margin: 7rem 0 0; position: relative; display: flex; flex-wrap: wrap; gap:1rem; width:100%; }
.quick_btn li{ width:calc(50% - 0.5rem); text-align: center; padding: 1rem; background: var(--c03); border-radius: 1rem; font-size: 1.4rem; font-weight: bold;}
.quick_btn li dl dt{ margin: -4rem 0 1rem;}
.quick_btn li dl dt img{ width:100%;}


/* information__ -------------------------------------*/
#information__{ padding: 1rem 7%; margin: 2rem 0 4rem; position: relative; }
#information__ #swiper_info { position:relative;}
#information__ #swiper_info .swiper-slide{ width: 100%; padding:1.5rem 1.8rem; margin:0; position:relative; border-radius: 1rem; background: #fff;}
#information__ #swiper_info .swiper-slide dt{ margin: 0 0 1.5rem; font-size: 1.3rem; line-height: 1.4;}
#information__ #swiper_info .swiper-slide dd{ font-size:1.2rem; color: var(--c04); letter-spacing: 0.1rem;}
#information__ h2 { font-size:1.3rem; font-weight: normal; margin: 0 0 1rem;}
#information__ h2 span{font-size:1.8rem; font-weight:700; margin: 0 1rem 0 0;}

#shops__{ width:100%; margin: 0 0;}
#shops__ h2{ padding:2rem 2rem; background: var(--c04); color:#fff; font-size:1.3rem; font-weight: normal; margin: 0 0 1rem;}
#shops__ h2 span{font-size:1.8rem; font-weight:700; margin: 0 1rem 0 0;}
#shops__ > ul{ display: flex; flex-wrap: wrap; width:100%; counter-reset: listnum;}
#shops__ > ul > li{ width:100%; padding:2rem;position:relative;}
#shops__ > ul > li:nth-child(2n+1){ background: rgba(255,255,255,0.5);}
#shops__ > ul > li::before{ counter-increment: listnum;	content: counter(listnum) ""; vertical-align: baseline; font-weight: bold; position: absolute; right: 1.5rem; top:2.8rem; z-index: 2; color: #fff; font-size: 1.6rem; width: 4rem; text-align: center;}
#shops__ > ul > li::after{ position: absolute; content:""; right: 1.5rem; top:2.3rem; background: var(--c04); width: 4rem; height: 4rem; border-radius: 4rem; display: block; z-index: 1;}
#shops__ > ul li dl{position: relative;}
#shops__ > ul li dl.-after::before{ position: absolute; content: url("../img/after_icon.svg"); vertical-align: middle; right: 4.6rem; top:0.8rem; display: block; width:3rem;}
#shops__ > ul li dl dt{position: relative;}
#shops__ > ul li dl.-tips dt::before{ position: absolute; content: "18:00以降も営業しているお店です！"; vertical-align: middle; right: 2.5rem; top:-3rem; display: block; background: #fff; border-radius: 0.4rem; padding: 0.7rem 1.2rem; line-height: 1; font-size: 1.1rem; font-weight: bold; color: var(--c04); box-shadow: 0 0 0.3rem rgba(0,0,0,0.1);}
#shops__ > ul li dl.-tips dt::after{ position: absolute; content: ""; right: 5.5rem; top:-1rem; width: 1rem; height: 1rem; display: block; background: #FFF; transform:rotate(45deg); }
#shops__ > ul li dl dt span{ border: 1px solid var(--c04); color:var(--c04); font-size: 1.1rem; font-weight: bold; padding: 0.2rem 1rem; line-height: 1; border-radius: 0.7rem; background:#fff;}
#shops__ > ul li dl dt h4{ font-size: 1.8rem; line-height: 1.2; margin: 0.65rem 0 1rem; font-weight: 900;}
#shops__ > ul li dl dt h4 small{ font-size:80%;}
#shops__ > ul li dl dd ol { padding: 0 0 1rem; border-bottom: 0.1rem dotted rgba(193,109,51,0.3);}
#shops__ > ul li dl dd ol li{ font-size:1.4rem; line-height: 1.2; padding: 0.5rem 0;}
#shops__ > ul li dl dd ol li.-drink{font-size:1.2rem;}
#shops__ > ul li dl dd p{ position:relative; margin: 0.2rem 1.2rem 0.2rem 0; display: inline-block; font-size:1.2rem; padding: 0 0 0 1.7rem;}
#shops__ > ul li dl dd p.-address::before{ position: absolute; content: url("../img/address.svg"); vertical-align: middle; left: -0.5rem; top:0.3rem; display: block; width:2rem;}
#shops__ > ul li dl dd p.-tel::before{ position: absolute; content: url("../img/tel.svg"); vertical-align: middle; left: -0.5rem; top:0.3rem; display: block; width:2rem;}

#shops__ > ul.reception > li{background: none;}
#shops__ > ul.reception > li::before{ content: "受"; vertical-align: baseline; font-weight: bold; position: absolute; right: 1.5rem; top:2.8rem; z-index: 2; color: #fff; font-size: 1.6rem; width: 4rem; text-align: center;}
#shops__ > ul.reception > li::after{ position: absolute; content:""; right: 1.5rem; top:2.3rem; background: var(--c06); width: 4rem; height: 4rem; border-radius: 4rem; display: block; z-index: 1;}
#shops__ > ul.reception li dl dt span{ border: 1px solid var(--c06); color:var(--c06); font-size: 1.1rem; font-weight: bold; padding: 0.2rem 1rem; line-height: 1; border-radius: 0.7rem; background:#fff;}
#shops__ > ul.reception li dl dt h4{ font-size: 1.7rem; margin: 0.65rem 0 1rem; font-weight: 900;}
#shops__ > ul.reception li dl dt h4 small{ font-size:80%;}
#shops__ > ul.reception li dl dd ol { padding: 0 0 1rem; border-bottom: 0.1rem dotted rgba(193,109,51,0.3);}
#shops__ > ul.reception li dl dd ol li{ font-size:1.3rem; line-height: 1.2; padding: 0.5rem 0;}
#shops__ > ul.reception li dl dd p{ position:relative; margin: 0.2rem 1.2rem 0.2rem 0; display: inline-block; font-size:1.2rem; padding: 0 0 0 1.7rem;}
#shops__ > ul.reception li dl dd p.-address::before{ position: absolute; content: url("../img/address_b.svg"); left: -0.5rem; top:0.3rem; display: block; width:2rem;}
#shops__ > ul.reception li dl dd p.-tel::before{ position: absolute; content: url("../img/tel_b.svg"); left: -0.5rem; top:0.3rem; display: block; width:2rem;}

#shops__ > ul.reception li dl dd .-frame{ background: rgba(255,255,255,1); border-radius: 0.5rem; display: block; padding: 1.8rem 2.2rem; margin: 1rem 0; position: relative;}
#shops__ > ul.reception li dl dd .-frame .-img{ position: absolute; display: block; right: -3.2rem; top: -1.4rem; width: 52%; max-width: 19.5rem; z-index: 2;}
#shops__ > ul.reception li dl dd .-frame h5{ color:var(--c06); margin: 0 0 0.5rem; font-size: 1.6rem; line-height: 1.4; }
#shops__ > ul.reception li dl dd .-frame p{ position:relative; margin: 0 40% 1rem 0 !important; display: inline-block; font-size:1.2rem; padding: 0; line-height: 1.5;}
#shops__ > ul.reception li dl dd .-frame ol { padding: 0; border-bottom:none;}
#shops__ > ul.reception li dl dd .-frame ol li{ font-size:1.2rem; line-height: 1.2; padding: 0.2rem 0;}
#shops__ > ul.reception li dl dd .-frame ol li::before{ content:"・";}

/* outline__ -------------------------------------*/
#outline__{ width:100%; margin: 0 0;}
#outline__ h2{ padding:2rem 2rem; background: var(--c04); color:#fff; font-size:1.3rem; font-weight: normal;width:100%; }
#outline__ h2 span{font-size:1.8rem; font-weight:700; margin: 0 1rem 0 0;}
#outline__  .-table { padding:0 0 2rem;}
#outline__  .-table dl{ display:flex; flex-wrap: wrap; width: 100%; line-height: 1.4;}
#outline__  .-table dl:nth-child(2n){ background:rgba(255,255,255,0.4);}
#outline__  .-table dl dt{ width: 10rem; font-size: 1.3rem; color:rgba(193,109,51,1.00);}
#outline__  .-table dl dd{ width:calc(100% - 10rem);}
#outline__  .-table dl dt, #outline__  .-table dl dd{ padding:1.5rem 2rem;}
#outline__  .-table dd small{ font-size:1.3rem; font-weight:500; }
#outline__  .attention{ padding: 0 2rem 7rem; line-height: 1.3; font-size:1.3rem;}
#outline__  .attention h3{ margin:0 0 2rem; font-size: 1.4rem; padding: 1rem 1.5rem; background: #000; color:#fff; border-radius: 0.5rem;}
#outline__  .attention ul{ margin:0 0 1rem 2rem; list-style: circle; font-weight: bold;}
#outline__  .attention ol{ margin:0 0 1rem 2rem; list-style:disc;}
#outline__  .attention li{ margin:0 0 1rem; }



.md-modal { position: relative; position: fixed; overflow-x:scroll; padding:1rem 1rem; -webkit-overflow-scrolling: touch; top: 0;left:0; width: 100%; height:100%; z-index:2000; visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;	backface-visibility: hidden;}
.md-show {visibility: visible; top:.3vh;}
.md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 1000;opacity: 0; background: rgba(67,6,4,0.5); transition: all 0.3s; }
.md-show ~ .md-overlay {opacity: 1;visibility: visible;}

/* Content styles */
.md-content { color:var(--c05); background:var(--c01); min-height: 70vh; margin:13px auto 0; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.03); width:95vw; padding:0; border-radius:0.5rem;}
.md-content dl{ display: block; width:100%; padding:2rem;}
.md-content dl dt{ margin: 0 0 2rem; text-align: center;}
.md-content dl dt img{ width:100%; max-width: 50rem; overflow: hidden; border-radius:0.5rem;}
.md-content dl dd{ display:block; text-align: center;}
.md-content dl dd h4{ font-size:1.8rem; margin: 0 0 1rem;}
.md-content dl dd p{ font-size:1.2rem; line-height: 1.4; display:block;}
.md-content .txt { color:var(--c05); font-size: 1.4rem;line-height:2; padding:0 2rem 2rem;}
.md-content .txt p { margin: 0; padding: 0 0 1.5rem;}

.md-close{ position: fixed; right: 8px; top: 6px; }
.md-close i{ height:4.2rem; width:4.2rem;  background:var(--c03); border-radius: 4rem; display:block; margin:0 auto; position:relative;}
.md-close i:before, .md-close i:after{ display: block; content: ""; position: absolute; left: 1.1rem; top:2rem; width:2rem; height: 2px; background: #fff;}
.md-close i:before{ transform: rotate(45deg);}
.md-close i:after{ transform: rotate(-45deg);}
	
.pg-content { background:var(--c06); min-height: 70vh; margin:13px auto 0; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.03); width:95vw; padding:0; border-radius:0.5rem;}

.pg-content dl{ display: table; width:100%; padding:2rem 0rem;}
.pg-content dl dt{ display:table-cell; width:40%;}
.pg-content dl dt img{ width:100%; border-radius: 0.5rem; }
.pg-content dl dd{ display:table-cell; width:60%; vertical-align:middle; padding:0 2rem; font-size:1.6rem; font-weight: bold;}
.pg-content dl dd small{ font-size:1.1rem; line-height: 1.5; display:block; padding:0.5rem 0 0;}
.pg-content .txt { font-size: 1.3rem;line-height:1.8; padding:0 2rem 2rem;}
.pg-content .txt p {margin: 0; padding: 0 0 1.5rem;}



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

.sp{ display:none!important;}
.pc{ display:inline-block!important;}


}



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

	
}







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




@media print{

}