@charset "UTF-8";
/*webフォント読み込み*/
@font-face { /*ShipporiMincho-Bold*/
font-family: 'min'; src: url("../fonts/ShipporiMincho-Bold.ttf"); src: url("../fonts/ShipporiMincho-Bold.woff2") format("woff2"), url("../fonts/ShipporiMincho-Bold.woff") format("woff"), url("../fonts/ShipporiMincho-Bold.ttf") format("truetype"); font-weight: 700; }
@font-face { /*ShipporiMincho-Medium*/
font-family: 'min'; src: url("../fonts/ShipporiMincho-Medium.ttf"); src: url("../fonts/ShipporiMincho-Medium.woff2") format("woff2"), url("../fonts/ShipporiMincho-Medium.woff") format("woff"), url("../fonts/ShipporiMincho-Medium.ttf") format("truetype"); font-weight: 500; }
/* Link
=========================================== */
a:link, a:visited { color: #000000; text-decoration: none; }

a { outline: none; transition: 0.3s; color: #000000; text-decoration: none; }

a img { transition: 0.3s; }

:focus { outline: none; }

/* 共通設定
=========================================== */
.pc { display: none !important; }

body { overflow: hidden; background: #EEE8E2; background-image: url("../img/main/umv-sp.svg"); background-repeat: no-repeat; background-position: right top; background-size: 69.33vw; color: #000000; font-size: 15px; line-height: 1.7; font-family: 'min',"YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-style: normal; font-weight: 700; overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ letter-spacing: 0.04em; padding-top: 52px; }

h1, h2, h3, h4, h5, h6 { line-height: 1.5; font-weight: 700; }

body#tinymce { min-width: inherit !important; }

input, select, textarea { font-family: 'min',"YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "serif"; color: #000; }

select { border-radius: 0; color: #000; background: #fff; }

table { width: 100%; }

img { max-width: 100%; height: auto; width: 100%; }

.no-pc { display: inline-block; text-decoration: none !important; }

.inb { display: inline-block; }

.block { display: block; }

.wrap { position: relative; }

/*共通見出し設定*/
.titles01 { margin-bottom: 24px; font-weight: 700; text-align: center; }
.titles01 .en { font-size: 50px; display: block; font-weight: 500; }
.titles01 .jp { font-size: 14px; display: block; }

.titles02 { margin-bottom: 30px; font-weight: 700; }
.titles02 .en { font-size: 14px; display: block; color: #971000; margin-bottom: 5px; }
.titles02 .jp { font-size: 24px; display: block; line-height: 1.5; }

.titles03 { position: relative; width: 75px; box-sizing: border-box; padding-left: 65px; }
.titles03 span.jp { display: block; }
.titles03 span.jp > span { display: block; line-height: 1; text-align: center; font-size: 14px; }
.titles03 .en { font-size: 50px; position: absolute; left: -33px; top: 28px; transform: rotateZ(90deg); transform-origin: center; white-space: nowrap; font-weight: 500; }

.titles04 { margin-bottom: 22px; }
.titles04 .en { display: block; color: #A71301; font-size: 14px; margin-bottom: 5px; }
.titles04 .jp { display: block; font-size: 28px; }

.titles05 { margin-bottom: 18px; }
.titles05 span.komoji { display: block; margin-bottom: 12px; font-size: 14px; padding-left: 28px; position: relative; }
.titles05 span.komoji:before { content: ""; width: 20px; height: 1px; background: #000000; position: absolute; left: 0; top: 50%; }
.titles05 span.big { font-size: 28px; display: block; line-height: 1.28; }

.titles06 { text-align: center; margin-bottom: 38px; font-size: 28px; line-height: 1.42; }

/*共通ボタン設定*/
.btn01 { width: 100%; height: 60px; display: table; }

.btn01 a,
.btn01 .blin{ display: table-cell; text-align: center; vertical-align: middle; border: solid 1px #000; position: relative; text-decoration: none; font-weight: 700; font-size: 15px; }
.btn01 .blin .arrow,
.btn01 a .arrow { position: absolute; z-index: 2; right: 16px; top: 50%; transform: translateY(-50%); background: url("../img/common/arrow01.svg") no-repeat center; background-size: 33px; width: 35px; height: 10px; }

span.m-off { display: none; }

.btn02 { width: 100%; height: 60px; display: table; }
.btn02 a { display: table-cell; text-align: center; vertical-align: middle; border: solid 1px #971000; position: relative; text-decoration: none; font-weight: 700; font-size: 15px; background: #971000; color: #fff; }
.btn02 a .arrow { position: absolute; z-index: 2; right: 16px; top: 50%; transform: translateY(-50%); background: url("../img/common/arrow02.svg") no-repeat center; background-size: 33px; width: 35px; height: 10px; }

/*font*/
.min { font-family: 'min'; }

/*グラデーション*/
.gra-bg { display: inline-block; padding: 5px 12px; background: linear-gradient(120deg, #D80000 0%, #D80000 20%, #D85E00 100%); color: #fff; border-radius: 10px; }

.gra-text { background: linear-gradient(180deg, #D80000 0%, #D85E00 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }

/*スライダー　ふわっ*/
div#mv-slider, div.item-mains, div.item-thumbs, div.item-slider.flex, div.slider02, div.slider03, div.des-slider, div.gallery-slider, div.gallery-thumbs { opacity: 0; transition: opacity .3s linear; }

div#mv-slider.slick-initialized, div.item-mains.slick-initialized, div.item-thumbs.slick-initialized, div.item-slider.flex.slick-initialized, div.slider02.slick-initialized, div.slider03.slick-initialized, div.des-slider.slick-initialized, div.gallery-thumbs.slick-initialized, div.gallery-slider.slick-initialized { opacity: 1; }

.tright { text-align: right; }

.tleft { text-align: left; }

.tcenter { text-align: center; }

.flL { float: left; }

.flR { float: right; }

.bold { font-weight: bold; }

.inb { display: inline-block; }

.block { display: block; }

.red { color: #951010; }

.blue { color: #0075A4; }

.blue02 { color: #0093D6; }

.yellow { color: #FFD400; }

.orange { color: #EE5A35; }

.green { color: #087F82; }

.d-green { color: #005E4B; }

.green02 { color: #01A9AE; }

.navy { color: #374b8e; }

.pink { color: #ff7373; }

.gray { color: #818181; }

.brown { color: #C07E23; }

/*header
---------------------------------------------------------------*/
div#header { background: rgba(0, 0, 0, 0.8); width: 100%; position: fixed; z-index: 30; left: 0; top: 0; height: 50px; display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; padding-right: 51px; }

.head-inner.flex { height: 50px; align-items: center; }

.logo { width: 75px; padding-left: 2.66vw; }

div#gnav { display: none; }

.tel-set { text-align: center; }

.tel-num { text-align: center; }
.tel-num a { font-weight: 700; }
.tel-num a .komoji { font-size: 20px; }
.tel-num a .text { font-size: 32px; }

.sp-mail-btn { width: 65px; position: fixed; right: 52px; top: 0; z-index: 101; }

.sp-mail-btn a { display: block; background: url("../img/common/ico-mail.svg") no-repeat center top 8px, url("../img/common/sp-mail-text.svg") no-repeat center bottom 6px, #F1B934; background-size: 25px,50px; height: 50px; }

/* nav
=========================================== */
html.huopen { overflow: hidden; }

.sp-nav-btn { width: 64px; height: 50px; position: fixed; top: 0; right: 0; z-index: 202; box-sizing: content-box; }

.sp-nav-btn span.bar01 { content: ""; width: 50%; height: 2px; position: absolute; top: 15px; right: 25%; transition: 0.3s; }

.sp-nav-btn span.bar03 { content: ""; width: 50%; height: 2px; position: absolute; top: 34px; right: 25%; transition: 0.3s; }

.sp-nav-btn span.bar02 { position: absolute; width: 50%; height: 2px; top: 24px; right: 25%; transition: 0.3s; }

.sp-nav-btn > span { overflow: hidden; }

.sp-nav-btn > span > span { width: 120px; height: 2px; background: #fff; display: block; position: absolute; left: -80px; top: 0; border-radius: 4px; }

.sp-nav-btn.opon { background-image: url("../img/common/sp-close.svg"); background-size: 30px; }

.sp-nav-btn.opon span.bar02 { opacity: 0; }

.sp-nav-btn.opon span.bar01 { box-shadow: none; transform: rotateZ(45deg); top: 25px; }

.sp-nav-btn.opon span.bar03 { transform: rotateZ(-45deg); top: 25px; }

.overlay-nav { display: none; }

.overlay-nav.opon { z-index: 15; opacity: 1; }

div.navs-list-wrap { position: fixed; width: 100%; height: 100%; z-index: 220; top: 50px; box-sizing: border-box; background: #F1EDE7; right: calc(-100% - 60px); transition: 0.3s; padding: 1px 0 50px; }

div.navs-list-wrap.opon { right: 0; }

ul.navs-list { height: calc(100vh - 50px); overflow: auto; box-sizing: border-box; padding: 0 5.33vw 95px; background: #E3DAD0; }

.navs-list > li { border-bottom: solid 1px #BBB2A8; }

.drop-wrap { display: none; }

.navs-list > li:last-child { border-top: none; border-bottom: none; }

.navs-list > li > a { display: block; padding: 20px 50px 20px 0; text-decoration: none; font-weight: 700; background: url("../img/common/arrow01.svg") no-repeat right center; background-size: 32px; }

.navs-list > li > a .en { font-size: 20px; }

.navs-list > li > a .jp { font-size: 13px; margin-left: 12px; }

.navs-list > li > .dr-tit { font-weight: 700; padding: 20px 50px 20px 0; }

.navs-list > li > .dr-tit span.text { font-size: 20px; }

.navs-list > li > .dr-tit span.text .jp { font-size: 13px; margin-left: 12px; }

.navs-list > li > div.dr-tit span.dr-arrow { top: 25px; }

.navs-list > li.sp-nav-contact { padding: 20px 5%; border-bottom: none; }

.navs-list aside.aside01 { padding: 35px 0 0; background: none; }

.navs-list aside.aside01 .wrap { padding: 0; background: none; }
.navs-list aside.aside01 .wrap h2.titles01, .navs-list aside.aside01 .wrap .u-text01, .navs-list aside.aside01 .wrap .aside-innerBox > .box03 { display: none; }
.navs-list aside.aside01 .wrap .aside-innerBox > .box01 .tit, .navs-list aside.aside01 .wrap .aside-innerBox > .box02 .tit { padding-top: 0; background: none; }
.navs-list aside.aside01 .wrap .aside-innerBox > .box01, .navs-list aside.aside01 .wrap .aside-innerBox > .box02 { background: #ECE5DC; }

div.dr-list.flex { width: 100%; box-sizing: border-box; padding: 0 5.33vw 20px; justify-content: space-between; }

div.dr-list.flex > div.box { margin-top: 16px; width: 100%; }

div.dr-list.flex > div.box > a { text-decoration: none; align-items: center; background: none; display: block; padding-left: 19px; position: relative; }

div.dr-list.flex > div.box > a:before { content: ""; width: 11px; height: 1px; background: #000; position: absolute; left: 0; top: 13px; }

div.dr-list.flex > div.box > a > .img { display: none; }

.dr-list.flex > div.box:last-child { border-bottom: none; margin-bottom: 0; }

/* contents */
/*-------------------------------------------*/
.bg-blue { background: #F5F9FF; }

/*パンくず
---------------------------------------------------------------*/
div#bread { z-index: 2; position: relative; padding: 5px 5%; }

#bread ul li { display: inline-block; font-size: 12px; font-weight: 400; color: #000000; }

ul.bread-list li a { font-size: 12px; color: #000000; }

ul.bread-list li:after { content: "＞"; margin-left: 10px; margin-right: 5px; display: inline-block; position: relative; color: #000000; }

ul.bread-list li:last-child:after { content: none; }

/* メインビジュアル */
/*-------------------------------------------*/
/*TOPページ*/
div#mv { position: relative; z-index: 3; letter-spacing: 0; }

/* footer */
/*-------------------------------------------*/
aside.aside01 { position: relative; background: url("../img/p11/fl04.svg") no-repeat left top, url("../img/p11/fl03.svg") no-repeat right bottom; background-size: 69.33vw,74.66vw; }
aside.aside01 .u-text01 { font-size: 15px; text-align: center; margin-bottom: 24px; line-height: 1.6; }

aside.aside01 .wrap { padding: 70px 5.33vw 80px; }

.aside-innerBox > div .tit { font-size: 20px; margin-bottom: 15px; text-align: center; }
.aside-innerBox > .box01 { margin-bottom: 12px; background: #E3DAD0; padding: 27px 27px 30px; }
.aside-innerBox > .box01 .tit { margin-bottom: 0; padding-top: 70px; background: url("../img/common/circle-tel.svg") no-repeat center top; background-size: 50px; }
.aside-innerBox > .box02 { margin-bottom: 40px; background: #E3DAD0; padding: 27px 20px 30px; }
.aside-innerBox > .box02 .tit { padding-top: 70px; background: url("../img/common/circle-mail.svg") no-repeat center top; background-size: 50px; }
.aside-innerBox > .box03 { padding: 24px 20px 27px; border: solid 1px #971000; color: #971000; }

.aside-innerBox > .box01 .bh-list dl dd span.left { width: 52px; display: inline-block; }

.bh-list { margin-top: 11px; }
.bh-list > dl { margin-bottom: 8px; line-height: 1.63; font-size: 15px; }
.bh-list > dl:last-child { margin-bottom: 0; }

div.ft-info { padding: 50px 0 30px; }

div#scr { position: fixed; z-index: 95; left: 0; bottom: 0; width: 100%; display: flex; flex-wrap: wrap; }

.scr-btn { width: calc(33.33% - 1px); height: 50px; display: table; }
.scr-btn a { display: table-cell; text-align: center; color: #fff; font-size: 15px; background: rgba(0, 0, 0, 0.8); vertical-align: middle; line-height: 1.2; }
.scr-btn a .text { display: inline-block; padding-top: 18px; background: url("../img/common/ico-tel.svg") no-repeat center top; background-size: 16px; }

.scr-btn.scr02 { width: 33.33%; border-left: solid 1px #fff; border-right: solid 1px #fff; }
.scr-btn.scr02 a .text { background-image: url("../img/common/ico-mail.svg"); }

.scr-btn.scr03 a .text { background-image: url("../img/common/ico-access.svg"); }

div#footer { letter-spacing: 0; padding-bottom: 55px; background: #E3DAD0; }

div#ftBox01 > .wrap { padding: 75px 5.33vw 1px; }

h2.ft-logo { width: 125px; margin: 0 auto 20px; }
h2.ft-logo img { filter: brightness(0) saturate(100%); }

.ft-text01 { font-size: 14px; line-height: 1.75; text-align: center; }

.ft-text02 { margin-top: 15px; font-size: 14px; color: #726550; }

.ft-ban { margin-top: 30px; }

.ft-tit { font-weight: 700; font-size: 16px; line-height: 24px; margin-bottom: 15px; }

div.fnav-wrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }

ul.fs { margin-top: -25px; }

ul.fs > li { margin-top: 16px; line-height: 24px; padding-bottom: 16px; border-bottom: solid 1px #BBB2A8; }

ul.fs > li a span.en, ul.fs > li .dr-tit span.en { font-size: 20px; margin-right: 12px; }
ul.fs > li a span.jp, ul.fs > li .dr-tit span.jp { font-size: 13px; }

ul.fs > li > a { background: url("../img/common/arrow01.svg") no-repeat right top 13px; background-size: 33px; display: block; }

ul.fs div.dr-list.flex > div.box > a > .img { display: none; }

ul.fs div.dr-list.flex { padding: 0 0 0 18px; }

.ft-bottom { padding-bottom: 30px; }

.fnav.fnav01 { width: 100%; }

div.sns-list.flex { justify-content: center; }
div.sns-list.flex > div { width: 30px; margin-right: 20px; }
div.sns-list.flex > div:last-child { margin-right: 0; }

div.dr-tit { position: relative; }

div.dr-tit { position: relative; }
div.dr-tit span.dr-arrow { width: 24px; height: 24px; position: absolute; right: 0; top: 0; z-index: 2; }
div.dr-tit span.dr-arrow:before { content: ""; width: 100%; height: 2px; background: #000; position: absolute; left: 0; top: calc(50% - 1px); }
div.dr-tit span.dr-arrow:after { content: ""; width: 2px; height: 100%; background: #000; position: absolute; left: calc(50% - 1px); top: 0; }

div.dr-tit.on span.dr-arrow:after { opacity: 0; }

.subBox { padding: 10px 0 0 20px; }
.subBox > div { margin-bottom: 7px; }
.subBox > div:last-child { margin-bottom: 0; }

ul.pp-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 13px; }

ul.pp-list > li { margin-right: 20px; }

.copyright { font-size: 14px; text-align: center; margin-top: 20px; }

/* TOPへ戻る */
/*-------------------------------------------*/
div#top-link { position: absolute; left: 0; top: 0; opacity: 0; z-index: -20; }

div#page-top { position: fixed; right: 5px; bottom: 60px; opacity: 0; z-index: -2; transition: 0.3s; width: 40px; }

.fixed div#page-top { z-index: 50; opacity: 1; }

.fixed div#page-top { opacity: 1; z-index: 6; }

/* iOSでのデフォルトスタイルをリセット */
input[type="password"], textarea, input[type="text"], input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; box-sizing: border-box; cursor: pointer; }

input[type="password"]::-webkit-search-decoration, textarea::-webkit-search-decoration, select::-webkit-search-decoration, input[type="text"]::-webkit-search-decoration, input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; }

input[type="password"]::focus, textarea::focus, select::focus, input[type="text"]::focus, input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; }

select { color: #222; padding: 5px; box-sizing: border-box; }

/* TOP
------------------------------------------*/
body.home { padding-top: 0; background-image: none; }

.mv-text01 { width: 89.34vw; margin: 0 auto; left: 0; right: 0; bottom: 14.53vw; position: absolute; z-index: 2; color: #fff; }
.mv-text01 .sougyou { font-size: 4.26vw; line-height: 8.8vw; margin-bottom: 2vw; }
.mv-text01 .sougyou > span { display: inline-block; border: solid 1px #fff; padding: 0 2.43vw; }
.mv-text01 .text01 { font-size: 8vw; line-height: 1.33; margin-bottom: 5.33vw; text-shadow: 0 0 5.33vw rgba(0, 0, 0, 0.4); }
.mv-text01 .text02 { font-size: 3.73vw; text-shadow: 0 0 5.33vw rgba(0, 0, 0, 0.4); }

button.slick-arrow { opacity: 1; z-index: 2; transition: 0s; width: 40px; height: 40px; box-sizing: border-box; border: none; }

button.slick-prev.slick-arrow { background: url("../img/common/slide-arrow01.svg") no-repeat center rgba(0, 0, 0, 0.48); left: 0; background-size: 14px; }

button.slick-next.slick-arrow { background: url("../img/common/slide-arrow02.svg") no-repeat center rgba(0, 0, 0, 0.48); right: 0; background-size: 14px; }

button.slick-arrow:before { content: none; }

div#top-newsBox { padding: 75px 5.33vw 80px; background: url("../img/top/bg-fl01.svg") no-repeat right top; background-size: 260px; }
div#top-newsBox .titles01 .en { font-size: 40px; }
div#top-newsBox .btn01 { margin-top: 45px; }

article.top-news-art { padding-bottom: 19px; border-bottom: solid 1px #DFDBD8; margin-bottom: 20px; }
article.top-news-art a { display: block; }

article.top-news-art:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; }

section#top-sec01 > .wrap { padding-bottom: 80px; }
section#top-sec01 h2.titles01.v-tit { position: absolute; right: 5.33vw; top: 9.6vw; }
section#top-sec01 h2.titles01.v-tit .en { color: #A71301; font-size: 3.73vw; transform-origin: right top; transform: rotateZ(90deg) translateX(100%); position: absolute; top: 0; right: 0; }
section#top-sec01 h2.titles01.v-tit .jp { font-size: 7.46vw; position: relative; width: 20vw; padding-right: 14vw; }
section#top-sec01 h2.titles01.v-tit .jp > span > span { display: block; line-height: 1; text-align: center; }
section#top-sec01 h2.titles01.v-tit .jp .line01 { position: absolute; right: 9vw; top: 0; }

span.r90 { transform-origin: center; transform: rotateZ(90deg); display: inline-block; }

section#top-sec01 .text { padding: 6.4vw 5.33vw 0; text-align: center; font-size: 4vw; line-height: 1.73; }

div.belt-slider div.belt { width: 82.13vw; }

section#menu-sec { padding: 75px 5.33vw 30px; background: url("../img/top/bg-fl02.svg") no-repeat left top; background-size: 230px; }
section#menu-sec .titles01 { margin-bottom: 40px; }
section#menu-sec .titles01 .en { font-size: 50px; }
section#menu-sec .u-text01 { margin-bottom: 35px; font-size: 14px; }
section#menu-sec .u-text01 p { display: inline; }

div.osusume-list { padding: 10.66vw 0; margin-bottom: 0 !important; background: #E3DAD0; overflow: hidden; }
div.osusume-list .slick-list { overflow: visible; }
div.osusume-list button.slick-arrow { width: 10.66vw; height: 10.66vw; }
div.osusume-list button.slick-prev.slick-arrow { background-size: 2.4vw; }
div.osusume-list button.slick-next.slick-arrow { background-size: 2.4vw; }

article.slideBox01 { margin-right: 5.33vw; width: 68vw; }
article.slideBox01 a { display: block; text-decoration: none; position: relative; }
article.slideBox01 a .img { overflow: hidden; margin-bottom: 2.26vw; }
article.slideBox01 a .img .in-img { padding-top: 74.5%; }
article.slideBox01 a .cont .tit { font-size: 5.33vw; margin-bottom: 1.86vw; }
article.slideBox01 a .cont .text { font-size: 3.73vw; width: 100%; line-height: 5.86vw; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.osusume-text { position: absolute; left: 2.66vw; top: -2.66vw; z-index: 2; width: 9.6vw; height: 32vw; background: url("../img/top/osusume-bg01.svg") no-repeat center top 0.98vw, url("../img/top/osusume-bg02.svg") no-repeat center bottom 0.98vw, #A71301; background-size: 7.73vw; color: #fff; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.osusume-text > span span { display: block; line-height: 1.1; font-size: 5.33vw; }

section#season-sec { padding: 30px 5.33vw 25px; background: url("../img/top/ss-bg01.svg") no-repeat right top 102px, url("../img/top/ss-bg02.svg") no-repeat left top calc(146px + 25.6vw); background-size: 22.66vw,77.33vw; }
section#season-sec .wrap { padding: 0 20px; }
section#season-sec .wrap .img { width: 89.34vw; margin-left: -20px; position: relative; margin-bottom: 6.4vw; height: 80vw; }
section#season-sec .wrap .img .img01 { width: 84vw; position: absolute; left: 0; top: 0; }
section#season-sec .wrap .img .img01 .in-img { padding-top: 70.21%; }
section#season-sec .wrap .img .img02 { width: 48vw; position: absolute; right: 0; bottom: 0; z-index: 2; }
section#season-sec .wrap .img .img02 .in-img { padding-top: 71.85%; }
section#season-sec h2.titles01 { text-align: left; }
section#season-sec h2.titles01 .en { font-weight: 700; font-size: 32px; }
section#season-sec .btn01 { margin-top: 27px; }

.num-lim > span { display: inline-block; padding: 0 6px; line-height: 26px; color: #fff; font-size: 14px; background: #A71301; }

section#ala-sec { padding: 25px 5.33vw 50px; background: url("../img/top/ala-bg.svg") no-repeat right top 29px; background-size: 48vw; }
section#ala-sec .wrap { padding: 0 20px; }
section#ala-sec .wrap .img { margin-bottom: 6.4vw; }
section#ala-sec .wrap .img .in-img { padding-top: 74.57%; }
section#ala-sec h2.titles01 { text-align: left; }
section#ala-sec h2.titles01 .en { font-weight: 700; font-size: 32px; }
section#ala-sec .btn01 { margin-top: 27px; }

section#course-sec .wrap > div { padding: 25px calc(5.33vw + 20px); overflow: hidden; }
section#course-sec .wrap > div h2.titles01 { text-align: left; }
section#course-sec .wrap > div h2.titles01 .en { font-weight: 700; font-size: 32px; }
section#course-sec .wrap > div .menu-box { margin-bottom: 50px; }
section#course-sec .wrap > div .menu-box > .img { margin-bottom: 6.4vw; }
section#course-sec .wrap > div .menu-box > .img > .in-img { padding-top: 74.57%; }
section#course-sec .wrap > div .menu-box:last-child { margin-bottom: 0; }
section#course-sec .wrap > div .btn01 { margin-top: 27px; }

.menu-box.menu-box02 { position: relative; }
.menu-box.menu-box02 h3, .menu-box.menu-box02 div { position: relative; z-index: 2; }
.menu-box.menu-box02 h3.titles01 { text-align: left; }
.menu-box.menu-box02 h3.titles01 .en { font-weight: 700; font-size: 32px; }

.menu-box.menu-box02:before { content: ""; background: url("../img/top/child-bg.svg") no-repeat right top; position: absolute; right: calc(-5.33vw - 20px); background-size: contain; width: 73.33vw; height: 56vw; top: 0; }

.course-set.course-set-lunch { background: url("../img/top/lu-bg.svg") no-repeat left -15.06vw top 90px; background-size: 51.6vw; padding-bottom: 0 !important; }

.course-set.course-set-dinner { background: url("../img/top/din-bg.svg") no-repeat right top; background-size: 34.66vw; padding-top: 50px !important; }

.course-set.course-set-spe .menu-box.menu-box01 .img { width: 89.34vw; margin-left: -20px; position: relative; margin-bottom: 6.4vw; height: 66.66vw; }
.course-set.course-set-spe .menu-box.menu-box01 .img .img01 { width: 80vw; position: absolute; left: 0; top: 0; z-index: 2; }
.course-set.course-set-spe .menu-box.menu-box01 .img .img01 .in-img { padding-top: 70%; }
.course-set.course-set-spe .menu-box.menu-box01 .img .img02 { width: 42.66vw; position: absolute; right: 0; bottom: 0; z-index: 3; }
.course-set.course-set-spe .menu-box.menu-box01 .img .img02 .in-img { padding-top: 75%; }
.course-set.course-set-spe .menu-box.menu-box01 .img:before { content: ""; background: url("../img/top/spe-bg.svg") no-repeat; background-size: contain; width: 100vw; height: 77.33vw; left: -5.33vw; top: -4.53vw; position: absolute; }

.course-set.course-set-dri { background: url("../img/top/dri-bg01.svg") no-repeat left top 25px, url("../img/top/dri-bg02.svg") no-repeat right top calc(26.4vw + 99px); background-size: 70.66vw,77.33vw; padding-bottom: 80px !important; }
.course-set.course-set-dri .menu-box.menu-box01 .img { width: 89.34vw; margin-left: -20px; position: relative; margin-bottom: 6.4vw; height: 79.73vw; }
.course-set.course-set-dri .menu-box.menu-box01 .img .img01 { width: 84vw; position: absolute; right: 0; top: 0; }
.course-set.course-set-dri .menu-box.menu-box01 .img .img01 .in-img { padding-top: 69.84%; }
.course-set.course-set-dri .menu-box.menu-box01 .img .img02 { width: 48vw; position: absolute; left: 0; bottom: 0; z-index: 2; }
.course-set.course-set-dri .menu-box.menu-box01 .img .img02 .in-img { padding-top: 72.22%; }

section#floor-sec { padding: 40px 5.33vw 1px; position: relative; z-index: 2; margin-bottom: -100px; }
section#floor-sec .wrap { box-sizing: border-box; min-height: 150px; }
section#floor-sec .wrap h2.titles03 { position: absolute; left: 0; top: 0; }
section#floor-sec .wrap > .text { font-size: 14px; line-height: 1.85; padding-left: 120px; }
section#floor-sec .btn01 { margin-top: 37px; }

section#about-sec { padding: 1px 5.33vw 35px; }
section#about-sec .img { margin-left: -5.33vw; width: 100vw; margin-bottom: 25px; }
section#about-sec .btn01 { margin-top: 40px; }

section#insta-sec { padding: 35px 5.33% 80px; }
section#insta-sec .btn01 { margin-top: 40px; }

section#shop-sec .titles01 { margin-bottom: 40px; }
section#shop-sec .titles01 .en { font-size: 50px; }
section#shop-sec .wrap { background: url("../img/top/info-bg.jpg") no-repeat center; background-size: cover; color: #fff; padding: 75px 5.33vw 80px; }
section#shop-sec div.bh-dl.flex .dt { width: 100%; }
section#shop-sec div.bh-dl.flex .dd { width: 100%; }

.gmap { height: 74.66vw; }
.gmap iframe { width: 100%; height: 100%; }

.TBL01 { border-top: solid 1px #FFFFFF; }
.TBL01 tr { border-bottom: solid 1px #FFFFFF; }
.TBL01 th, .TBL01 td { box-sizing: border-box; line-height: 1.35; padding: 25px 0; font-size: 15px; }
.TBL01 th { width: 75px; }
.TBL01 td { padding-left: 5px; }

/*　02 翠鳳本店について
----------------------------------*/
.page-about .mv-img { background: url("../img/p02/mv-sp.jpg") no-repeat center; background-size: cover; }
.page-about .u-cont01 > div, .page-about .u-cont01 > section { background: url("../img/p11/fl04.svg") no-repeat left top; background-size: 69.33vw; }
.page-about .u-cont01 > div:nth-child(2n), .page-about .u-cont01 > section:nth-child(2n) { background: url("../img/p11/fl02.svg") no-repeat right top; background-size: 61.33vw; }

section#p02Box01 { background-image: url("../img/p11/fl01.svg"); background-position: left top; background-size: 69.33vw; padding-bottom: 0; }
section#p02Box01 .belt-slider { margin: 75px 0 0 -5.33vw; width: 100vw; }
section#p02Box01 .belt-slider div.belt { margin-right: 5.33vw; }

section#p02Box02 { padding-bottom: 0; }
section#p02Box02 .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
section#p02Box02 .wrap h2.p02-titles01 { width: 30px; font-size: 28px; line-height: 1; }
section#p02Box02 .wrap h2.p02-titles01 > span { display: block; }
section#p02Box02 .wrap > .cont02 { width: calc(100% - 60px); }

.about-menu01.flex { margin-top: 70px; margin-left: -5.33vw; width: 100vw; }
.about-menu01.flex div.box { position: relative; }
.about-menu01.flex div.box .shade-box { position: absolute; right: 0; top: 0; width: 74.66vw; height: 100%; color: #fff; background: linear-gradient(90deg, rgba(84, 84, 84, 0) 0%, rgba(84, 84, 84, 0.32) 100%); }
.about-menu01.flex div.box .shade-box .text { position: absolute; z-index: 2; right: 5.33vw; top: 6.66vw; padding-right: 5.86vw; line-height: 1; }
.about-menu01.flex div.box .shade-box .text .komoji { font-size: 3.73vw; position: absolute; right: 0; top: 0; }
.about-menu01.flex div.box .shade-box .text .komoji > span { display: block; }
.about-menu01.flex div.box .shade-box .text .oomoji { font-size: 6.4vw; line-height: 1.08; }
.about-menu01.flex div.box .shade-box .text .oomoji > span { display: block; }
.about-menu01.flex div.box.box02 .shade-box { right: auto; left: 0; background: linear-gradient(90deg, rgba(84, 84, 84, 0.32) 0%, rgba(84, 84, 84, 0) 100%); }
.about-menu01.flex div.box.box02 .shade-box .text { right: auto; left: 5.33vw; }

section#p02Box03 { background: none; }
section#p02Box03 .titles06 { position: relative; z-index: 2; }

.ab-mBox { margin-bottom: 60px; }
.ab-mBox .img { width: 78.66vw; margin-bottom: 20px; position: relative; }
.ab-mBox .img img { display: block; z-index: 2; position: relative; }

.ab-mBox:nth-child(2n) .img { margin-left: auto; }

.ab-mBox.ab-mBox01 .img:before { content: ""; background: url("../img/p02/fl01.svg") no-repeat; width: 48vw; height: 72vw; position: absolute; top: -14.66vw; right: -16vw; background-size: contain; }

.ab-mBox.ab-mBox02 .img { padding-right: 2.13vw; }
.ab-mBox.ab-mBox02 .img:before { content: ""; background: url("../img/p02/fl02.svg") no-repeat; width: 22.66vw; height: 80vw; position: absolute; top: -6.4vw; left: -13.4vw; background-size: contain; }

.ab-mBox.ab-mBox03 .img:before { content: ""; background: url("../img/p02/fl03.svg") no-repeat; width: 70.66vw; height: 56vw; position: absolute; top: -16vw; right: -13.3vw; background-size: contain; }

.ab-mBox.ab-mBox04 .img { width: 100%; }
.ab-mBox.ab-mBox04 .img:before { content: ""; background: url("../img/p02/fl04.svg") no-repeat; width: 100vw; height: 72vw; position: absolute; top: -5.33vw; right: -5.33vw; background-size: contain; }

.ab-mBox.ab-mBox05 .img { width: 84vw; }
.ab-mBox.ab-mBox05 .img:before { content: ""; background: url("../img/p02/fl05.svg") no-repeat; width: 34.66vw; height: 80vw; position: absolute; top: -5.33vw; right: -10.8vw; background-size: contain; }

.ab-mBox:last-child { margin-bottom: 0; }

section#p02Box04 { background-color: #E6E0D8; padding-bottom: 40px; }
section#p02Box04 h2.titles01 { margin-bottom: 40px; text-align: left;}
section#p02Box04 .tit-head.flex{display: block;margin-bottom: 40px;}
section#p02Box04 .tit-head.flex > .text{}

.cont04.flex { display: block; }
.cont04.flex > .cont { margin-bottom: 70px; }
.cont04.flex > .cont > .text { letter-spacing: 0; }
.cont04.flex > .img { width: 100vw; margin-left: -5.33vw; }

.sean-list { margin-top: 40px; }
.sean-list h3.side-tit { font-size: 24px; margin-bottom: 7px; }
.sean-list h3.side-tit:before {background: #971000;}

.sean-list .in-text { font-size: 14px; }
.sean-list > div { margin-bottom: 20px; }
.sean-list > div:last-child { margin-bottom: 0; }

section#p02Box05 { padding-bottom: 80px; }
section#p02Box05 .u-text01 { letter-spacing: 0; }
section#p02Box05 .tab-sliders { margin-top: 40px; }

/*　03~05 コース詳細
----------------------------------*/
section#recoBox article.reco-art.flex:nth-child(n + 2){display: none;}
.btn01.more-btn{cursor: pointer;margin:40px auto 0;}
.btn01.more-btn .step02 {display: none;}
.opens + .btn01.more-btn .step02 {display: inline-block;}
.opens + .btn01.more-btn .step01 {display: none;}


.single-course .u-cont01 > div:first-child, .single-course .u-cont01 > section:first-child { padding-top: 55px; padding-bottom: 80px; background: none; }
.single-course .u-cont01 > div, .single-course .u-cont01 > section { background: url("../img/p11/fl02.svg") no-repeat right top; background-size: 61.33vw; padding-bottom: 80px; }
.single-course .u-cont01 > div:nth-child(2n), .single-course .u-cont01 > section:nth-child(2n) { background: url("../img/p11/fl04.svg") no-repeat left top #E6E0D8; background-size: 69.33vw; }
.single-course .u-cont01 > div:nth-child(2n) .osusume-drink-cont, .single-course .u-cont01 > section:nth-child(2n) .osusume-drink-cont { background: #EEE8E2; }
.single-course .titles01 .en { font-size: 32px; }

.single-course div.link-btn{width: 100%;height: 8.66vw;}


div#p03Box01 .u-text01 { margin-bottom: 40px; }
div#p03Box01 .u-text01 br { display: none; }
div#p03Box01 div.links.flex { margin-bottom: 0; }

.course-wrap { padding: 0 20px; }
.course-wrap > .text01 { font-size: 14px; position: relative; z-index: 2; }
.course-wrap .btn02 { margin-top: 40px; }
.course-wrap div.gallery01 ul.slick-dots { bottom: auto; top: 48vw; }
.course-wrap div.gallery-slide > p { text-align: center; }

.feat-list { margin-bottom: 12px; }
.feat-list .side-tit { font-size: 16px; margin-bottom: 5px; padding-left: 10px; }
.feat-list .side-tit:last-child { margin-bottom: 0; }

.course-detail.flex { display: block; margin-top: 40px; }
.course-detail.flex .img { position: relative; margin-bottom: 20px; }
.course-detail.flex .num-lim { margin-bottom: 5px; }

h3.set-name { font-size: 22px; margin-bottom: 15px; line-height: 1.18; }

.price-dls { border-top: solid 1px #DED3CB; }
.price-dls dl.flex { padding: 5px 0; border-bottom: solid 1px #DED3CB; justify-content: space-between; align-items: center; }
.price-dls dl.flex dt { font-size: 14px; }
.price-dls dl.flex dd { font-size: 13px; }
.price-dls dl.flex dd .num { font-size: 18px; }
.price-dls dl.flex dd .num.num_text { line-height: 1.3; display: block; padding: 4px 0; }

ul.set-list01 { margin-top: 18px; }
ul.set-list01 > li { padding-left: 18px; line-height: 26px; position: relative; font-size: 14px; margin-bottom: 5px; }
ul.set-list01 > li .big { margin-right: 8px; font-size: 16px; }
ul.set-list01 > li:last-child { margin-bottom: 0; }
ul.set-list01 > li:before { content: "・"; position: absolute; left: 0; top: 0; }

.osusume-drink-cont { margin-top: 40px; background: #E6E0D8; padding: 25px 20px; }
.osusume-drink-cont .side-tit { margin-bottom: 24px; }

.osusumeBox.flex { display: block; margin-bottom: 25px; }
.osusumeBox.flex .img { margin-bottom: 9px; }
.osusumeBox.flex .img .in-img { padding-top: 70.58%; }
.osusumeBox.flex .cont > h5 { font-size: 18px; margin-bottom: 7px; }
.osusumeBox.flex .cont > .text { font-size: 14px; line-height: 1.57; }

.osusumeBox.flex:last-child { margin-bottom: 0; }

div.gallery01 { position: relative; margin-bottom: 0; }
div.gallery01 button.slick-arrow { width: 10.66vw; height: 10.66vw; top: 29.33vw;}
div.gallery01 button.slick-prev.slick-arrow { background: url("../img/common/slide-arrow01.svg") no-repeat center rgba(0, 0, 0, 0.48); left: 0; background-size: 2.13vw; left: calc(-20px - 2.66vw); }
div.gallery01 button.slick-next.slick-arrow { background: url("../img/common/slide-arrow02.svg") no-repeat center rgba(0, 0, 0, 0.48); right: 0; background-size: 2.13vw; right: calc(-20px - 2.66vw); }
div.gallery01 ul.slick-dots li:first-child:last-child { display: none; }
div.gallery01 ul.slick-dots { bottom: 2.13vw; text-align: center; }
div.gallery01 ul.slick-dots li { width: calc(3vw - 4px); height: calc(3vw - 4px); padding: 0;margin: 0 calc(0.53vw + 2px); }
div.gallery01 ul.slick-dots li button { width: calc(3vw - 4px); height: calc(3vw - 4px); padding: 0; }
div.gallery01 ul.slick-dots li button:before { content: ""; display: block; border-radius: 100%; width: calc(3vw - 4px); height: calc(3vw - 4px); background: transparent; opacity: 0.8; box-shadow: 0 0 0 2px #fff; }
div.gallery01 ul.slick-dots li.slick-active button:before { background: #fff; opacity: 1; box-shadow: 0 0 0 2px #fff; }

.gallery-photo { padding-top: 74.57%; }

 .cw-r .gallery-photo {padding-top: 0;width: calc(98.34vw - 40px);height: 58.66vw;    }



section#courseBox1 .course-detail.flex .img:before, section#courseBox3 .course-detail.flex .img:before, section#courseBox5 .course-detail.flex .img:before, section#courseBox7 .course-detail.flex .img:before, section#courseBox9 .course-detail.flex .img:before, section#courseBox11 .course-detail.flex .img:before, section#courseBox13 .course-detail.flex .img:before { content: ""; background: url("../img/p03/fl01.svg") no-repeat; background-size: contain; width: 32vw; height: 72.26vw; position: absolute; top: -10.66vw; left: calc(-20px - 5.33vw); }

section#courseBox2 .course-detail.flex .img:before, section#courseBox4 .course-detail.flex .img:before, section#courseBox6 .course-detail.flex .img:before, section#courseBox8 .course-detail.flex .img:before, section#courseBox10 .course-detail.flex .img:before, section#courseBox12 .course-detail.flex .img:before, section#courseBox14 .course-detail.flex .img:before { content: ""; background: url("../img/p03/fl02.svg") no-repeat; background-size: contain; width: 18.66vw; height: 53.33vw; position: absolute; top: -10.66vw; right: calc(-20px - 5.33vw); }

section#ssBox .course-detail.flex .img:before { content: ""; background: url("../img/p03/ss-fl.svg") no-repeat; background-size: contain; width: 22.66vw; height: 58.66vw; position: absolute; top: -13.56vw; right: calc(-20px - 5.33vw); }
section#ssBox .set-text { font-size: 14px; margin-bottom: 20px; }

.course-bikouBox { border: solid 1px #971000; margin-top: 40px; padding: 20px; color: #971000; }
.course-bikouBox > ul > li { line-height: 1.35; font-size: 14px; margin-bottom: 4px; position: relative; padding-left: 14px; }
.course-bikouBox > ul > li:before { content: "・"; position: absolute; left: 0; top: 0; }
.course-bikouBox > ul > li:last-child { margin-bottom: 0; }

/*　06~09 一品料理・お飲み物詳細
----------------------------------*/
.single-menu .u-cont01 > div:first-child, .single-menu .u-cont01 > section:first-child { padding-top: 55px; padding-bottom: 80px; background: none; }
.single-menu .u-cont01 > div, .single-menu .u-cont01 > section { background: url("../img/p11/fl02.svg") no-repeat right top; background-size: 61.33vw; padding-bottom: 80px; }
.single-menu .u-cont01 > div:nth-child(2n), .single-menu .u-cont01 > section:nth-child(2n) { background: url("../img/p11/fl04.svg") no-repeat left top #E6E0D8; background-size: 69.33vw; }
.single-menu .u-cont01 > div:nth-child(2n) .osusume-drink-cont, .single-menu .u-cont01 > section:nth-child(2n) .osusume-drink-cont { background: #EEE8E2; }
.single-menu h3.titles01 { margin-bottom: 24px; position: relative; z-index: 2; }
.single-menu h3.titles01 .en { font-size: 32px; }

div.links02.flex { margin-bottom: 60px; }
div.links02.flex .link-btn { width: 100%; margin-top: 0; margin-bottom: 4.26vw; }
div.links02.flex .link-btn a .arrow { transform: rotateZ(-90deg); }
div.links02.flex .link-btn:last-child { margin-bottom: 0; }

section#recoBox .titles01 .en { font-size: 44px; }

.copy01 { font-size: 24px; margin-bottom: 15px; }

.copyBox { margin-bottom: 55px; }

article.reco-art.flex { display: block; margin-bottom: 55px; padding: 0 20px; box-sizing: border-box; }
article.reco-art.flex .num-lim { margin-bottom: 5px; }
article.reco-art.flex .img { margin-bottom: 20px; position: relative; }
article.reco-art.flex .img .in-img { padding-top: 74.57%; position: relative; z-index: 2; }
article.reco-art.flex .img:before { content: ""; background: url("../img/p04/reco-fl01.svg") no-repeat; width: 22.66vw; height: 58.66vw; position: absolute; right: calc(-20px - 5.33vw); top: -10.66vw; background-size: contain; }
article.reco-art.flex .price-dls { margin-top: 20px; }

article.reco-art.flex:nth-child(2n) .img:before { content: ""; background: url("../img/p04/reco-fl02.svg") no-repeat; width: 48vw; height: 72vw; position: absolute; right: auto; left: calc(-20px - 5.33vw); top: -10.66vw; background-size: contain; }

article.reco-art.flex:last-child { margin-bottom: 0; }

.menu-cateBox .course-detail.flex .gallery01 { position: relative; z-index: 2; }

.menu-cateBox:first-child .course-detail.flex .img:before, .menu-cateBox:nth-child(5) .course-detail.flex .img:before { content: ""; background: url("../img/p04/fl01.svg") no-repeat; background-size: contain; width: 32vw; height: 72.26vw; position: absolute; top: -21.33vw; left: calc(-20px - 5.33vw); }

.menu-cateBox:nth-child(2) .course-detail.flex .img:before, .menu-cateBox:nth-child(6) .course-detail.flex .img:before { content: ""; background: url("../img/p04/fl02.svg") no-repeat; background-size: contain; width: 18.66vw; height: 53.33vw; position: absolute; top: -21.33vw; right: calc(-20px - 5.33vw); }

.menu-cateBox:nth-child(3) .course-detail.flex .img:before, .menu-cateBox:nth-child(7) .course-detail.flex .img:before { content: ""; background: url("../img/p04/fl03.svg") no-repeat; background-size: contain; width: 70.66vw; height: 56vw; position: absolute; top: -21.33vw; left: calc(-20px - 5.33vw); }

.menu-cateBox:nth-child(4) .course-detail.flex .img:before, .menu-cateBox:nth-child(8) .course-detail.flex .img:before { content: ""; background: url("../img/p04/fl04.svg") no-repeat; background-size: contain; width: 34.66vw; height: 80vw; position: absolute; top: -10.66vw; right: calc(-20px - 5.33vw); }

.menu-cateBox { margin-bottom: 60px; }
.menu-cateBox .course-detail.flex { margin-top: 0; }

.menu-cateBox:last-child { margin-bottom: 0; }

h4.menu-name { margin-bottom: 10px; }
h4.menu-name .big { font-size: 18px; display: block; }
h4.menu-name .komoji { font-size: 14px; display: block; }

.menu-priceBox { margin-bottom: 28px; }

.menu-priceBox:last-child { margin-bottom: 0; }

/*　10 お知らせ
----------------------------------*/
div#mv.umv { padding: 10.66vw 5.33% 5px; }

.mv-tit { margin-bottom: 16vw; }
.mv-tit .en { display: block; font-size: 10.66vw; line-height: 1; font-weight: 500; }
.mv-tit .jp { display: block; font-size: 3.73vw; line-height: 2; margin-top: 2.26vw; }

.mv-img { padding-top: 71.64%; }

.post-type-archive-news .mv-img, .tax-news_category .mv-img { background: url("../img/p10/mv-sp.jpg") no-repeat center; background-size: cover; }

.u-cont01 > div, .u-cont01 > section { padding: 70px 5.33% 100px; }
.u-cont01 > div:first-child, .u-cont01 > section:first-child { padding-top: 40px; }

div#p10Box01 { padding-top: 60px; }

.side-tit { position: relative; font-size: 20px; margin-bottom: 15px; padding-left: 12px; }

.side-tit:before { content: ""; width: 2px; height: calc(100% - 6px); background: #000000; position: absolute; left: 0; top: 3px; }

.side-inner > select { width: 100%; height: 60px; background: #fff; border: solid 1px #D4D4D4; border-radius: 0; font-size: 16px; }

div#two-side { margin-bottom: 70px; }

article.blog-art { width: 100%; padding-bottom: 32px; margin-bottom: 32px; border-bottom: solid 1px #DED3CB; }
article.blog-art a { display: block; text-decoration: none; }
article.blog-art a .img { overflow: hidden; margin-bottom: 20px; }
article.blog-art a .img .in-img { padding-top: 58.89%; }
article.blog-art a .cont .tit { font-size: 17px; }
article.blog-art a .cont .b-date { font-size: 12px; margin-top: 5px; }

.infos { margin-bottom: 7px; width: calc(100% + 8px); margin-top: -8px; margin-left: -8px; }
.infos > div { margin: 8px 0 0 8px; }

.cates { border: solid 1px; color: #971000; padding: 0 4px; line-height: 20px; font-size: 14px; }

article.blog-art:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

/*詳細*/
div#two-cont.rev div#two-side { margin-bottom: 0; margin-top: 80px; }

div#p10sBox01 { padding-top: 30px; }
div#p10sBox01 h1.tit { font-size: 22px; line-height: 1.38; }
div#p10sBox01 .b-date { font-size: 14px; margin-top: 8px; }

.blog-text { margin-top: 40px; }
.blog-text img[class*="wp-image-"] { margin-bottom: 10px; }
.blog-text iframe { max-width: 100%; }
.blog-text div { max-width: 100%; }
.blog-text a { max-width: 100%; }

/*ページャー*/
div#pager00 { text-align: center; }

div#pager00 .wp-pagenavi { margin-top: 60px; }

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; margin: 2px; text-decoration: none; width: 40px; height: 40px; text-align: center; line-height: 38px; font-size: 15px; font-weight: 700; color: #000000; border: solid 1px #000000; }

.wp-pagenavi a.page { position: relative; }

.wp-pagenavi span.extend { background: none; color: #000000; border: none; }

.wp-pagenavi a.previouspostslink { color: transparent; background: url("../img/p10/arrow02.svg") no-repeat center !important; margin-right: 15px; margin-left: 0; background-size: 6px !important; }

.wp-pagenavi a.nextpostslink { color: transparent; background: url("../img/p10/arrow03.svg") no-repeat center !important; margin-left: 15px; margin-right: 0; background-size: 6px !important; }

.wp-pagenavi span.current { color: #fff; background: #000000; }

.wp-pagenavi a.first { color: transparent; background: url("../img/p10/arrow01.svg") no-repeat center !important; background-size: 12px !important; }

.wp-pagenavi a.last { color: transparent; background: url("../img/p10/arrow04.svg") no-repeat center !important; background-size: 12px !important; }

.wp-pagenavi span.pages { display: none; }

.post-navigation ul { justify-content: center; align-items: center; margin-top: 40px; }

.post-navigation ul > li { margin-right: 5px; width: 100px; height: 50px; display: table; }

.post-navigation ul > li a { text-decoration: none; display: table-cell; text-align: center; vertical-align: middle; border: solid 1px #351F08; color: #351F08; font-size: 14px; font-weight: 700; }

.post-navigation ul > li.prev a span { display: inline-block; padding-left: 10px; background: url("../img/p10/arrow02.svg") no-repeat left top 8px; transition: 0.3s; background-size: 5px; }

.post-navigation ul > li.next a span { display: inline-block; padding-right: 10px; background: url("../img/p10/arrow03.svg") no-repeat right top 8px; transition: 0.3s; background-size: 5px; }

.post-navigation ul > li.blog-back a { background: #000000; color: #fff; border-color: #000000; }

.post-navigation ul > li.kara { z-index: -2; pointer-events: none; opacity: 0; }

.post-navigation ul > li:last-child { margin-right: 0; }

/*　11 店舗情報・アクセス
----------------------------------*/
.page-access .mv-img { background: url("../img/p11/mv-sp.jpg") no-repeat center; background-size: cover; }
.page-access .u-cont01 > div, .page-access .u-cont01 > section { background: url("../img/p11/fl04.svg") no-repeat left top; background-size: 69.33vw; }
.page-access .u-cont01 > div:nth-child(2n), .page-access .u-cont01 > section:nth-child(2n) { background: url("../img/p11/fl02.svg") no-repeat right top #E6E0D8; background-size: 61.33vw; }

div.links.flex { margin-bottom: 60px; justify-content: space-between; margin-top: -4.4vw; }

div.link-btn { width: 41.33vw; display: table; height: 7.46vw; margin-top: 4.4vw; }
div.link-btn a { display: table-cell; text-align: left; vertical-align: top; border-bottom: solid 1px #000000; position: relative; text-decoration: none; font-size: 3.73vw;line-height: 1.5; }
div.link-btn a .arrow { background: url("../img/p11/u-arrow.svg") no-repeat center; background-size: contain; width: 2.26vw; height: 1.33vw; position: absolute; right: 0; top: 2.5vw; }

section#p11Box01 { background-image: url("../img/p11/fl01.svg"); background-position: left top 135px; }

div.shop-infos.flex { border-top: solid 1px #DED3CB; padding-top: 20px; display: block; }
div.shop-infos.flex .TBL02 { margin-bottom: 20px; }
div.shop-infos.flex .TBL02:last-child { margin-bottom: 0; }

.TBL02 { line-height: 1.57; font-size: 14px; }
.TBL02 dl { padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #DED3CB; }
.TBL02 dl dt { position: relative; font-size: 17px; margin-bottom: 15px; padding-left: 12px; }
.TBL02 dl dt:before { content: ""; width: 2px; height: calc(100% - 6px); background: #000000; position: absolute; left: 0; top: 3px; }
.TBL02 dl:last-child { margin-bottom: 0; }

div.bh-dl.flex { margin-top: 7px; }
div.bh-dl.flex .dt { width: 90px; }
div.bh-dl.flex .dd { width: calc(100% - 90px); }

div.bh-dl.flex:first-child { margin-bottom: 0; }

div.zaseki { margin-top: 11px; }

.bikou-text { margin-top: 11px; }
.bikou-text p { padding-left: 15px; position: relative; margin-bottom: 8px; }
.bikou-text p:before { content: "※"; position: absolute; left: 0; top: 0; }
.bikou-text p:last-child { margin-bottom: 0; }

.access-text p { padding-left: 15px; position: relative; margin-bottom: 3px; }
.access-text p:before { content: "・"; position: absolute; left: 0; top: 0; }
.access-text p:last-child { margin-bottom: 0; }

.accessBox01 { margin-bottom: 60px; }
.accessBox01 h3.tit { font-size: 20px; margin-bottom: 18px; padding-left: 25px; background: url("../img/p11/ico-acess.svg") no-repeat left top 5px; background-size: 17px; }
.accessBox01 .text { font-size: 14px; margin-bottom: 20px; }

.map-access { height: 77.9vw; }
.map-access iframe { width: 100%; height: 100%; }

.accessBox02 h3.tit { font-size: 20px; margin-bottom: 18px; padding-left: 25px; background: url("../img/p11/ico-train.svg") no-repeat left top 5px; background-size: 17px; }
.accessBox02 h4.side-tit { font-size: 18px; margin-bottom: 20px; }
.accessBox02 h4.side-tit .komoji { display: block; font-size: 14px; }

.access-list.flex { display: block; }
.access-list.flex > div { margin-bottom: 35px; }
.access-list.flex > div:last-child { margin-bottom: 0; }

.flowbox.flex { align-items: flex-start; padding-bottom: 12px; margin-bottom: 12px; border-bottom: solid 1px #DED3CB; justify-content: space-between; }
.flowbox.flex .num { width: 26px; height: 26px; background: #DBCFC6; line-height: 26px; text-align: center; font-size: 14px; }
.flowbox.flex .text { width: calc(100% - 34px); line-height: 1.57; }

.flowbox.flex:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.tab-btns { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 10.66vw; }

.tab-btn { width: 20.66vw; border-bottom: solid 1px #DED3CB; text-align: center; font-size: 4.26vw; padding-bottom: 1vw; margin-right: 2.2vw; }

.tab-btn:nth-child(4n) { margin-right: 0; }

.tab-btn.slick-current { border-color: #000000; }

.tab-slide .titBox { font-size: 6.4vw; margin-bottom: 2.66vw; }
.tab-slide .titBox .line02 { font-size: 3.73vw; margin-left: 4.26vw; }
.tab-slide .text { font-size: 3.73vw; line-height: 1.85; margin-bottom: 6.26vw; }

.titles01.insta-tit { padding-top: 26px; background: url("../img/common/ico-insta.svg") no-repeat center top; background-size: 28px; margin-bottom: 40px; }

.titles01.line-tit { padding-top: 26px; background: url("../img/common/ico-line.svg") no-repeat center top; background-size: 28px; margin-bottom: 40px; }

.line-cont { margin-top: 40px; padding-top: 40px; border-top: solid 1px #DED3CB; }

.line-inner.flex { display: block; }
.line-inner.flex .inBox { margin-bottom: 32px; }
.line-inner.flex .inBox h3.side-tit { font-size: 17px; margin-bottom: 12px; }
.line-inner.flex .inBox .textBox { background: #fff; font-size: 15px; padding: 0 20px; line-height: 60px; }
.line-inner.flex .inBox:last-child { margin-bottom: 0; }

.btn02.line-btn a { background-color: #00B900; border-color: #00B900; }

/*　12 ご予約・お問い合わせ
----------------------------------*/
.page-thanks .mv-img, .page-reservation .mv-img { background: url("../img/p12/mv-sp.jpg") no-repeat center; background-size: cover; }

.notesBox { background: #E6E0D8; padding: 30px 20px 28px; }
.notesBox > .tit { text-align: center; font-size: 24px; line-height: 1.1; padding-top: 43px; background: url("../img/p12/ico-tri.svg") no-repeat center top; background-size: 41px; color: #971000; margin-bottom: 25px; }
.notesBox .inBox { padding: 20px; background: #F2ECE6; }
.notesBox .inBox .inner { max-height: 320px; overflow: auto; }
.notesBox .inBox .inner .text01 { font-size: 15px; margin-bottom: 20px; }
.notesBox .inBox .inner .text02 { margin-bottom: 20px; }
.notesBox .inBox .inner .text02 p { margin-bottom: 10px; font-size: 14px; line-height: 1.57; padding-left: 15px; position: relative; }
.notesBox .inBox .inner .text02 p:before { content: "・"; position: absolute; left: 0; top: 0; }

.notes-checkBox { margin-top: 18px; color: #fff; background: #971000; padding: 20px 15px; text-align: center; font-size: 14px; white-space: nowrap; }
.notes-checkBox input#notescheck { transform-origin: left center; transform: scale(1.5); margin-right: 8px; }

ul.contact-state { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto 39px; position: relative; width: 81.49%; }

ul.contact-state > li { font-weight: 500; position: relative; padding-top: 35px; text-align: center; min-width: 35px; z-index: 2; }

ul.contact-state > li:before { content: ""; width: 35px; height: 35px; border-radius: 100%; border: solid 1px transparent; background: transparent; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; box-sizing: border-box; }

ul.contact-state > li:after { content: ""; width: 15px; height: 15px; border-radius: 100%; background: #DED3CB; position: absolute; left: 0; right: 0; top: 10px; margin: 0 auto; box-sizing: border-box; }

ul.contact-state > li.state01:before { background: #EEE8E2; border-color: #000; }

ul.contact-state > li.state01:after { background: #000000; }

ul.contact-state:before { content: ""; background: #DED3CB; width: calc(100% - 15px); height: 2px; left: 0; top: 15px; position: absolute; margin: 0 auto; }

ul.contact-state.contact-state02:after { content: ""; background: #000; width: calc(50% - 15px); height: 2px; left: 0; top: 15px; position: absolute; margin: 0 auto; }

ul.contact-state.contact-state02 > li.state02:before { background: #EEE8E2; border-color: #000; }

ul.contact-state.contact-state02 > li.state02:after { background: #000000; }

section#p12Box01 { background: url("../img/p11/fl01.svg") no-repeat left top 760px; background-size: 69.33vw; }

div#form-wrap { opacity: 0.5; pointer-events: none; transition: 0.3s; margin-top: 60px; }

div#form-wrap.on { opacity: 1; pointer-events: auto; }

.contactTBL th, .contactTBL td { display: block; box-sizing: border-box; font-size: 15px; padding: 20px 0; color: #000000; line-height: 1.66; }
.contactTBL th { padding-bottom: 9px; }
.contactTBL td { padding-top: 0; }
.contactTBL .wpcf7-list-item { margin-left: 0; display: block; margin-bottom: 5px; }
.contactTBL .wpcf7-list-item.last { margin-bottom: 0; }
.contactTBL input[type="checkbox"], .contactTBL input[type="radio"] { transform-origin: left center; transform: scale(1.5); margin-right: 8px; }
p.chuui01.chuui02 {margin-top: 10px;font-size: 15px;}
span.hissu { display: inline-block; color: #fff; padding: 2px 7px; background: #971000; margin-right: 8px; box-sizing: border-box; }

span.nini { display: inline-block; color: #971000; padding: 1px 6px; border: solid 1px #971000; margin-right: 8px; }

input.wpcf7-email, input.wpcf7-number, input.wpcf7-text, select.wpcf7-select { box-sizing: border-box; height: 40px; border: solid 1px #D4D4D4; padding: 5px 10px; font-size: 16px; background: #fff; width: 100%; border-radius: 0; }

input.wpcf7-date {  background:url("../img/common/ico-cale.png") no-repeat center right 10px #fff; box-sizing: border-box; height: 40px; border: solid 1px #D4D4D4; padding: 5px 10px; font-size: 16px; width: 100%; border-radius: 0;  }

input[type=date] { position: relative; }

input[type=date]::-webkit-calendar-picker-indicator { position: absolute; width: 100%; height: 100%; opacity: 0; left: 0; top: 0; }


select { background: #fff; border-radius: 0; }

.contactTBL .select-con .wpcf7-list-item { display: inline-block; margin-right: 10px !important; }

.select-con { margin-bottom: 15px; }

textarea.wpcf7-textarea { box-sizing: border-box; height: 160px; border: solid 1px #D4D4D4; padding: 5px 10px; font-size: 16px; background: #fff; width: 100%; }

.cours-area { margin-top: 5px; }

input.wpcf7-text.tel01, input#zip01, select#pref3 { width: 170px; }

span.form-bikou { display: block; }

ul.address-list > li { margin-bottom: 30px; }
ul.address-list > li:last-child { margin-bottom: 0; }
ul.address-list .th { font-size: 14px; margin-bottom: 5px; }

.kiboubi-list.flex { margin-bottom: 10px; }
.kiboubi-list.flex .tit { font-size: 17px; width: 75px; line-height: 40px; }
.kiboubi-list.flex .days { width: calc(100% - 75px); margin-left: auto; }
.kiboubi-list.flex .times { width: calc(100% - 75px); margin-left: auto; margin-top: 5px; }

.kiboubi-list.flex:last-child { margin-bottom: 0; }

.c-list.flex { margin-bottom: 10px; }
.c-list.flex .tit { width: 100%; font-size: 17px; }
.c-list.flex .inp { width: 165px; margin-right: 5px; }
.c-list.flex .tani { line-height: 40px; font-size: 17px; }

.c-list.flex:last-child { margin-bottom: 0; }

.contact-submit.flex { margin-top: 60px; justify-content: center; flex-direction: row-reverse; position: relative; }

.contact-submit.flex > p { width: 100%; text-align: center; margin-top: 30px; }

.inb { display: inline-block; }

.form-btn { width: 100%; position: relative; height: 60px; background: #971000; }

.form-btn input[type="submit"], .form-btn input[type="button"] { transition: 0.3s; border: solid 1px #971000; color: #fff; width: 100%; height: 60px; font-size: 16px; font-weight: 700; position: relative; z-index: 3; background: none; }

.form-btn.form-btn02 { margin-top: 10px; }

.form-btn.form-btn02 input[type="submit"], .form-btn.form-btn02 input[type="button"] { background: #fff; color: #971000; }

.wpcf7-spinner { position: absolute !important; top: -10px !important; }

/*入力内容確認時にフォーム上部へスクロールするがナビゲーションが追従の場合フォームとナビゲーションが重なるのでそのためのオフセット設定*/
form.wpcf7-form { padding-top: 90px; margin-top: -90px; }

.wpcf7c-conf { background-color: #e8f0fe !important; }

input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #e8f0fe inset !important; box-shadow: 0 0 0px 1000px #e8f0fe inset !important; }


.chuui01 dl.flex {display: block;margin-bottom: 10px;line-height: 1.5;}
.chuui01 dl.flex:last-child {margin-bottom: 0;}



/*確認画面*/
.contactArea.che { background: #eee;padding: 15px;}
.contactArea.che div#form-wrap{margin-top: 20px;}
.contactArea.che input.wpcf7-date{background-image: none;}

.contactArea.che .contactTBL tr { border-bottom: solid 1px #000; }
.contactArea.che .contactTBL th, .contactArea.che .contactTBL td { padding-top: 5px; padding-bottom: 5px; vertical-align: middle; }
.contactArea.che .dnd-upload-status .dnd-upload-details .remove-file, .contactArea.che .codedropz-upload-handler, .contactArea.che .bikou-text01, .contactArea.che span.dnd-progress-bar, .contactArea.che input[type=checkbox] { display: none; }
.contactArea.che input[type=checkbox]:checked { display: inline-block; }
.contactArea.che input[type=checkbox] ~ span.wpcf7-list-item-label { display: none; }
.contactArea.che input[type=checkbox]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }

.contactArea.che input[type=radio] { display: none; }
.contactArea.che input[type=radio]:checked { display: inline-block; }
.contactArea.che input[type=radio] ~ span.wpcf7-list-item-label { display: none; }
.contactArea.che input[type=radio]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }

.contactArea.che textarea.wpcf7-textarea, .contactArea.che input.wpcf7-number, .contactArea.che input.wpcf7-date, .contactArea.che input.wpcf7-text, .contactArea.che select { font-weight: 700; }



/*　thanksページ等
----------------------------------*/
div#p100Box01 .btn01 { margin: 50px auto 0; }

.pp-title01 { font-size: 22px; border-bottom: solid 2px; margin-bottom: 25px; padding-bottom: 10px; }

.pp-title02:first-child { margin-top: 0; }

.pp-title02 { font-size: 18px; padding-left: 15px; position: relative; color: #000; margin-top: 50px; }

.pp-title02:before { content: ""; width: 5px; height: 65%; background: #000; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }

/*デバイス幅ごとの調整（必要な幅があれば追加して調整）*/
@media screen and (min-width: 0px) and (max-width: 700px) {
}

@media screen and (min-width: 0px) and (max-width: 480px) {
}

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

@media screen and (min-width: 0px) and (max-width: 400px) {
	.notes-checkBox{font-size: 12px;white-space: normal;}
}
@media screen and (min-width: 0px) and (max-width: 375px){
}