@charset "utf-8";
/* リセットCSS */
*,:after,:before{box-sizing:border-box;border-style:solid;border-width: 0;}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-y: scroll;}body{margin:0}main{display:block;}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight: normal;margin: 0;}address,blockquote,dl,figure,form,iframe,ol,p,pre,table,ul{margin:0;}ol,ul{padding:0;list-style:none}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit;transition: var(--hover-transform);}em{font-style:normal}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight: 400;}code,kbd,samp{font-family:monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object{vertical-align:bottom;}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox;}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none;}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;appearance:none}[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled],button[disabled]{cursor:default}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}fieldset,option{padding:0}fieldset{margin:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display: block;outline: none;cursor: pointer;}summary::-webkit-details-marker {display: none;}table{border-collapse: collapse;border-spacing:0}caption{text-align:left}[hidden],template{display:none}img{max-width: 100%;}
/* IEブラウザの注意喚起 */
.iebox{display:none;}@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {.iebox{display:block;padding: 20px;position: fixed;bottom:0;width: 100%;z-index: 9999;text-align: center;background: red;color:#fff;font-weight: 800;}}

/* 汎用CSS
===================================================== */

.fadeUP{opacity: .0;translate: 0 50px;transition:var(--show-anime);}
.fadeLeft{opacity: .0;translate: -50px 0;transition:var(--show-anime);}
.fadeRight{opacity: .0;translate: 50px 0;transition:var(--show-anime);}
.fadeIn{opacity: .0;transition:var(--show-anime);}
.show .fadeUP{opacity:1;translate:0}
.show .fadeLeft{opacity:1;translate:0}
.show .fadeRight{opacity:1;translate:0}
.show .fadeIn{opacity:1;}
.show .delay2{transition-delay:.2s}
.show .delay4{transition-delay:.4s}
.show .delay6{transition-delay:.6s}

:root {
	--font-color: #333333;
	--main-color:#FFF136;
	--accent-color:#D80132;
	--main-font: "Noto serif JP", serif;
	--en-font: "Jost", serif;
	--hover-transform:all .3s ease-in-out;
	--hamburger-transform:display .5s ease-in-out;
	--show-anime:opacity .5s , translate 1s;
	--clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
	--clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
	--clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
	--clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
	--clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
	--clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
	--clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
	--clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
}

/* スマホでテキストの折り返し用 */
.ib {display: inline-block}

/* フォーム */
label {margin-bottom:8px;}
select,
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
textarea {width: 100%;max-width: 100%;padding: 8px 16px;border: 1px solid;margin-top: 4px;}
select,input,textarea {line-height: 1.1;font-family: inherit;font-size: inherit;font-weight: inherit;}

input[type="submit"],
input[type="button"]{padding: 12px 16px;}

.fontM{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.fontG{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
.fonten{font-family:var(--en-font)}

/* 基本レイアウト
===================================================== */

html{height: -webkit-fill-available;}
body{min-height: 100vh;min-height: -webkit-fill-available;font-size: 14px;font-family:var(--main-font);line-height:1.6;letter-spacing: .05em;color: var(--font-color);text-align: justify;font-feature-settings: "palt";background-color: #FFFDF5;}
body.fix {position: fixed;overflow: hidden;width: 100vw;height: 100vh;}

#page{overflow:hidden;}
.container{width: 1048px;max-width: 100%;padding-inline: 24px;margin-inline: auto;position: relative;z-index:11;}

@media(max-width:560px){
	body{font-size:14px;}
}

.sec-header{position:fixed;width:100%;;padding-block: 16px;padding-inline: 24px;z-index: 111;transition:var(--hover-transform)}
.header-content{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;width: 1048px;max-width: 100%;margin-inline: auto;}
.header-content h1 img{width:240px;}
.header-content h1 span{display:block;font-size:12px;font-weight:normal;color:#fff;text-align:center;;margin-top:4px;}
.header_Menu_list{display:flex;justify-content:flex-end;gap:2em;}
.header_Menu_list li a{font-size:14px;;color:#fff;}

.is-scrollActive .sec-header{background-color:#222222;padding-bottom: 10px;}
.is-scrollActive .header-content h1 img{width:120px;}
.is-scrollActive .header-content h1 span{display:none}
.is-scrollActive .hamburgerbutton{height:61px;}

/* ハンバーガーメニュー */
.header-hamburger{display:none}
.hamburgerbutton {position: fixed;display: block;text-decoration: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;cursor: pointer;height: 78px;width: 78px;background-color: transparent;padding: 0;margin:0 auto;top: 0;right: 0;z-index: 111;}
.hamburgerbutton-line {position: absolute;inset:0;margin: auto;width: 32px;height: 2px;-webkit-transition: inherit;transition: inherit;background-color: #fff;}
.hamburgerbutton-line::before,
.hamburgerbutton-line::after {position: absolute;display: block;width: 100%;height: 100%;background-color: inherit ;content: '';-webkit-transition: inherit;transition: inherit;transition: transform .2s;}
.hamburgerbutton-line::before {top: -8px;}
.hamburgerbutton-line::after {top: 8px;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line {background-color: transparent;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before,
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {top: 0;background-color: #D8D0B4;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::before {transform: rotate(45deg);width:100%;}
.hamburgerbutton[aria-expanded="true"] .hamburgerbutton-line::after {transform: rotate(-45deg);width:100%;}
.visuallyHidden {position: absolute;white-space: nowrap;width: 1px;height: 1px;overflow: hidden;border: 0;padding: 0;clip: rect(0 0 0 0);clip-path: inset(50%); margin: -1px;}
.nav_hamburger_menu{position:fixed;inset: 0;margin: auto;width: 100%;height: 100dvh;overflow: auto;transition: opacity .5s;align-items: center;pointer-events: none;}


.hamburger-content{width: 640px;max-width: 100%;height: 100%;margin-left: auto;background-color: #222222;padding-inline: 24px;padding-block: 16px;overflow: auto;opacity:0;transition:opacity 1.4s cubic-bezier(0.14,1,0.34,1)}

.hamburger-logo img{width: 160px;}
.hamburger-logo span{display:block;font-size:10px;color:#D8D0B4;}
.hamburger_Menu{margin-top: 80px;}
.hamburger_Menu li:not(:first-child){margin-top: 1em;}
.hamburger_Menu li a{display: block;font-size: 16px;text-align: center;padding-inline: 8px;padding-bottom:4px;color: #D8D0B4;}


.hamburger_Menu li.hamburger-contact a{display:block;padding-block:16px;padding-inline:16px;background-color:var(--main-color);color:var(--font-color);text-align:center;border:none;margin-top:24px;}
.is-drawerActive .hamburgerbutton{z-index: 1112;background-color:transparent}
.is-drawerActive .nav_hamburger_menu{pointer-events: auto;}
.is-drawerActive .hamburgerbutton{z-index: 1112;background-color:transparent}
.is-drawerActive .nav_hamburger_menu{display: flex;}
.is-drawerActive .hamburger-content{opacity:1}

.is-drawerActive .sec-header{position:absolute;width:100%;z-index: 1111;}

.sec-footer{padding-top: 80px;background-color: #222222;color:#D8D0B4}
.footer-content{display:flex;justify-content:space-between;}
.footer-item > p span{display:block;font-size:12px;text-align:center}
.footer-item dl{margin-top:40px;}
.footer-item dt{font-weight:bold;text-align:center;}
.footer-name a{display:block;width:fit-content;padding-block:8px;padding-inline:40px;border:1px solid;border-radius:100px;margin-top:8px;}
.footer-nav{display:grid;}
.footer_Menu_list{display:flex;align-items:center;gap: 2em;flex-wrap: wrap;padding-top:1.5em}
.footer_Menu_list li a{display:block;font-size:14px;font-weight:bold;}
.site-generator{font-size:12px;margin-top: 40px;padding-bottom: 16px;text-align: center;}

.sec-mv{height:100dvh;min-height:640px;background:url(../images/mv-1.jpg)no-repeat center / cover;}
.sec-mv .container{height:100%;position:relative}
.mv-copy{position:absolute;bottom: 120px;right: 40px;font-size: 28px;color:#fff;line-height:1.8;letter-spacing:.05em;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}

.sec-about{padding-block: 160px 80px;}
.about-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.about-des{display:grid;place-items:center;}
.about-des h2{font-size:20px;}
.about-des p{margin-top:1em}

.sec-menu{padding-block:80px;}
.sec-menu h2{font-size:30px;text-align:center;}
.menu-item{margin-top: 56px;}
.menu-tit{display:flex;align-items: flex-end;gap: 1em;font-size: 28px;line-height:1;padding-bottom:8px;border-bottom:1px solid;}
.menu-tit::after{content:attr(data-en);font-size:16px;text-transform:capitalize;}
.menu-list{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap: 80px 64px;margin-top: 56px;}
.menu-list li h4{font-size: 22px;text-align:center;}
.menu-item-des{text-align:center;}
.menu-item-des figure{margin-top:16px;position:relative}
.menu-item-des h5{margin-top:1.5em;font-size: 18px;}
.menu-item-des > p{margin-top:1em;text-align: left;}
.menu-price{width:fit-content;margin-inline: auto;margin-top: 1.5em;}
.menu-price p{display:flex;gap:2em;justify-content:space-between;}

.hiyoshi .menu-item-des figure::after{content:'';position:absolute;width:111px;aspect-ratio:111/159;background:url(../images/hiyoshitya.png)no-repeat center / contain;z-index:111;bottom:-40px;right:-24px;}
.kenjyou .menu-item-des figure::after{content:'';position:absolute;width:111px;aspect-ratio:111/159;background:url(../images/kenjyotya.png)no-repeat center / contain;z-index:111;bottom:-40px;right:-24px;}
.sec-store{padding-block:80px;}
.store-head{display:grid;place-items:center;height:480px;background:url(../images/store-bg.jpg)no-repeat center / cover;}
.store-head h2{font-size: 28px;color:#fff;line-height:1.8;letter-spacing:.05em;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}
.store-item{margin-top:80px;}
.store-item{display:grid;grid-template-columns:auto auto}
.store-item-des{width:480px;max-width: 100%;}
.store-item-des h3{font-size:22px;margin-block:16px 8px;}
.store-access{margin-top:40px;}
.store-access dl:last-of-type{margin-top:24px;}
.store-access .more a{margin-top:24px;}
.store-item-note{padding-block:8px;padding-inline:16px;background-color:#fff;width:fit-content;margin-top:16px;font-size:12px;}
.store-item-note a{text-decoration:underline;}
.store-map{width:720px;max-width: 100%;margin-left:-120px;background:url(../images/map-bg.png)no-repeat center right / 100% auto}
.sec-gallery{padding-bottom:80px;}
.gallery-swiper .swiper-wrapper {transition-timing-function: linear;}

.more a{display:block;width:fit-content;padding-block:8px;padding-inline:40px;background-color: #D58189;border-radius:100px;color: #fff;}

@media(max-width:1024px){
	.nav_header_menu{display:none}
	.header-content h1 img{width:160px;}
	.header-content h1 span{font-size:10px;}
	.header-hamburger{display:block;}
	.about-item{grid-template-columns:minmax(0,1fr);gap: 40px;}
	.about-img{width:70vw;}
	.about-des{margin-inline:auto;}
	.store-item{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
	.store-item-des{margin-inline:auto;}
	.store-map{margin:0;aspect-ratio: 1/1;background-size:contain;background-position:center;}
}

@media(max-width:800px){
	.sec-mv{min-height:auto}
	.mv-copy{font-size:20px;}
	.sec-about{padding-block:80px 0}
	.sec-menu h2{font-size:24px;}
	.menu-item{margin-top:40px;}
	.menu-tit{font-size:22px}
	.menu-tit::after{font-size:12px;}
	.menu-list{gap:40px 24px;margin-top:24px;}
	.menu-list li h4{font-size: 20px;}
	.menu-item-des figure{margin-top: 12px;}
	.menu-item-des h5{font-size:16px;}
	.menu-item-des > p{font-size:12px;}
	.sec-store{padding-top:0}
	.store-item-des h3{font-size:18px;}
	.footer-content{flex-direction:column;align-items: center;gap: 40px;}
	.footer_Menu_list{flex-direction:column;gap: 1em;}
}

@media(max-width:640px){
	.mv-copy{font-size:18px;right: 24px;}
	.about-img{width:calc(100% - 80px)}
	.about-des{width:100%;padding-inline:24px;}
	.about-des br{display:none}
	.menu-list{grid-template-columns:minmax(0,1fr)}
	.store-head{background-position:left -400px center}
}