@charset "UTF-8";:root{--my-custom-theme__base-background-color--code:#1a1311;--my-custom-theme__base-background-color--rgb:26,19,17;--my-custom-theme__sub-background-color--code:#faf7ee;--my-custom-theme__sub-background-color--rgb:250,247,238;--my-custom-theme__base-text-color--code:#fff;--my-custom-theme__base-text-color--rgb:255,255,255;--my-custom-theme__sub-text-color--code:#000;--my-custom-theme__sub-text-color--rgb:0,0,0;--my-custom-theme__main-color--code:#f6d566;--my-custom-theme__main-color--rgb:246,213,102;--my-custom-theme__sub-color--code:#84702f;--my-custom-theme__sub-color--rgb:132,112,47;--my-custom-theme__main-emphasized-color--code:#91ba58;--my-custom-theme__main-emphasized-color--rgb:145,186,88;--my-custom-theme__sub-emphasized-color--code:#ef8300;--my-custom-theme__sub-emphasized-color--rgb:239,131,0;--my-custom-theme__complementary-color--code:#91ba58;--my-custom-theme__complementary-color--rgb:145,186,88;--my-custom-theme__gray-color--code:gray;--my-custom-theme__gray-color--rgb:128,128,128;--my-custom-theme__container-width:118rem}*{word-break:break-word}html{font-size:.625vw}@media screen and (max-width:1400px){html{font-size:62.5%}}@media screen and (max-width:480px){html{font-size:2.8vw}}body{background-color:var(--my-custom-theme__base-background-color--code)}*:not(html){font-size:1.4rem;color:#fff;line-height:1.75;font-family:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,serif,sans-serif}::selection{background:#dcdee3;color:#303338}::placeholder{color:#cfcfcf}a[href^="tel:"]{pointer-events:none}@media (max-width:768px){a[href^="tel:"]{pointer-events:auto}}.container{max-width:calc(var(--my-custom-theme__container-width) + 4rem);width:100%;margin:0 auto;padding:0 2rem}.container.container--middle{max-width:96rem}.container.container--small{max-width:64rem}.container.container--xsmall{max-width:62.2rem}.section-wrapper{padding:8rem 0 18rem;position:relative;z-index:0}@media screen and (max-width:768px){.section-wrapper{padding:6.4rem 0 24rem}}@media screen and (max-width:480px){.section-wrapper{padding:6.4rem 0 20rem}}.section-wrapper:has(+section .common-section-title02){padding-bottom:8rem}@media screen and (max-width:768px){.section-wrapper:has(+section .common-section-title02){padding-bottom:6.4rem}}@media screen and (max-width:480px){.section-wrapper:has(+section .common-section-title02){padding-bottom:6.4rem}}.section-wrapper:has(+section .common-section-title02):has(+section .common-section-title01){padding:8rem 0 18rem}@media screen and (max-width:768px){.section-wrapper:has(+section .common-section-title02):has(+section .common-section-title01){padding:6.4rem 0 24rem}}@media screen and (max-width:480px){.section-wrapper:has(+section .common-section-title02):has(+section .common-section-title01){padding:6.4rem 0 20rem}}.section-wrapper:last-child{padding-bottom:8rem}@media screen and (max-width:768px){.section-wrapper:last-child{padding-bottom:6.4rem}}input,textarea,select{color:var(--my-custom-theme__sub-text-color--code);font-size:1.6rem;line-height:1.4;border:.1rem solid var(--my-custom-theme__main-color--code);background-color:#fff;padding:1.6rem;width:100%}input:focus,textarea:focus,select:focus{box-shadow:0 0 .4rem rgba(0,0,0,.4)}.common-btn-wrapper{display:flex;justify-content:center}.common-btn{font-family:"Oswald","Noto Sans JP",sans-serif;font-size:1.8rem;font-weight:500;line-height:1.4;text-align:center;word-break:auto-phrase;position:relative;z-index:0;border:solid .1rem var(--my-custom-theme__base-text-color--code);border-radius:8rem;display:table;padding:1.2rem 4.8rem 1.2rem 1.6rem;min-width:28rem;transition:all .2s;position:relative;z-index:0}.common-btn:hover{background-color:var(--my-custom-theme__base-text-color--code);color:var(--my-custom-theme__sub-text-color--code)}.common-btn .common-btn__arrow{width:2.8rem;height:2.8rem;border-radius:50%;background-color:var(--my-custom-theme__main-color--code);display:flex;justify-content:center;align-items:center;justify-self:flex-end;position:absolute;z-index:0;right:.8rem;top:50%;transform:translate(0,-50%)}.common-btn .common-btn__arrow:after{content:"";display:block;width:.6rem;height:.6rem;border-style:solid;border-width:0 0 .1rem .1rem;border-color:var(--my-custom-theme__sub-text-color--code);transform:translate(-15%,0) rotate(-135deg)}.common-btn.common-btn--style02{color:var(--my-custom-theme__sub-text-color--code);border-color:var(--my-custom-theme__sub-text-color--code)}.common-btn.common-btn--style02:hover{color:var(--my-custom-theme__base-text-color--code);border-color:var(--my-custom-theme__sub-text-color--code);background-color:var(--my-custom-theme__sub-text-color--code)}.common-btn[target=_blank] .common-btn__arrow:after{content:"";display:inline-block;width:1.2em;height:1.2em;margin-left:.3em;vertical-align:-.2em;background-image:url(//yonayonatokyobrewery.com/yonabrewery_cms_26/wp-content/themes/YONA_YONA_TOKYO_BREWERY_202602/common/css/../images/ico_target-blank.svg);background-size:contain;background-repeat:no-repeat;background-position:center;border:none;transform:translate(-15%,0)}.common-reservation-btn{display:inline-block;background-color:var(--my-custom-theme__main-color--code);color:var(--my-custom-theme__sub-text-color--code);font-size:2rem;font-weight:700;text-transform:uppercase;min-width:21.5rem;text-align:center;padding:.8rem 3.2rem;border-radius:.4rem;text-decoration:none;transition:background-color .3s ease}@media screen and (max-width:768px){.common-reservation-btn{padding:.8rem 3.2rem}}@media screen and (max-width:480px){.common-reservation-btn{padding:.6rem 2.4rem}}.common-text-link{color:var(--my-custom-theme__base-text-color--code);text-decoration:underline;transition:color .3s ease}.common-text-link:hover{color:var(--my-custom-theme__main-color--code)}.common-section-title01{position:absolute;z-index:-1;top:0;left:calc((100vw - var(--my-custom-theme__container-width)) / 2);transform:translate(0,calc(-100% + 0.1rem));width:100%;max-width:var(--my-custom-theme__container-width);display:flex;justify-content:flex-start;align-items:baseline;gap:2.4rem;overflow:hidden;padding:0 0 3.2rem 14rem}@media screen and (max-width:1200px){.common-section-title01{left:2rem;max-width:calc(100% - 4rem)}}@media screen and (max-width:768px){.common-section-title01{max-width:100%;left:0;flex-direction:column;padding:0;align-items:center;gap:4.8rem;transform:translate(0,-80%)}}@media screen and (max-width:480px){.common-section-title01{gap:3.2rem}}.common-section-title01 .common-section-title01__silhouette{position:absolute;z-index:1;bottom:0;left:0;transform:translate(0,55%)}@media screen and (max-width:768px){.common-section-title01 .common-section-title01__silhouette{left:50%;transform:translate(-50%,34%)}}@media screen and (max-width:480px){.common-section-title01 .common-section-title01__silhouette{left:0;transform:translate(0,34%);width:100%}}.common-section-title01 .common-section-title01__silhouette svg{content:"";display:block;width:60.5rem;height:17.5rem}@media screen and (max-width:768px){.common-section-title01 .common-section-title01__silhouette svg{width:100%;height:20.5rem;min-width:75rem}}@media screen and (max-width:480px){.common-section-title01 .common-section-title01__silhouette svg{min-width:145%;position:absolute;z-index:1;bottom:0;left:50%;transform:translate(-50%,34%)}}.common-section-title01 .common-section-title01__silhouette svg polygon,.common-section-title01 .common-section-title01__silhouette svg path{fill:var(--my-custom-theme__base-background-color--code);fill-opacity:1}.common-section-title01 .common-section-title01__text01{font-family:"Oswald","Noto Sans JP",sans-serif;font-weight:400;font-size:6rem;color:var(--my-custom-theme__main-color--code);text-transform:uppercase;line-height:1.4}@media screen and (max-width:960px){.common-section-title01 .common-section-title01__text01{font-size:5.8rem}}@media screen and (max-width:480px){.common-section-title01 .common-section-title01__text01{font-size:5.2rem}}.common-section-title01 .common-section-title01__text02{color:var(--my-custom-theme__sub-text-color--code);font-size:2.4rem;font-weight:200}@media screen and (max-width:768px){.common-section-title01 .common-section-title01__text02{color:var(--my-custom-theme__base-text-color--code);z-index:1}}@media screen and (max-width:480px){.common-section-title01 .common-section-title01__text02{font-size:2rem}}.common-section-title01.common-section-title01--style01 .common-section-title01__silhouette svg polygon,.common-section-title01.common-section-title01--style01 .common-section-title01__silhouette svg path{fill:var(--my-custom-theme__sub-background-color--code)}.common-section-title01.common-section-title01--style01 .common-section-title01__text02{color:var(--my-custom-theme__main-text-color--code)}@media screen and (max-width:768px){.common-section-title01.common-section-title01--style01 .common-section-title01__text02{color:var(--my-custom-theme__sub-text-color--code)}}.common-section-title02{padding:0;text-align:center;display:table;margin:0 auto 3.2rem}@media screen and (max-width:768px){.common-section-title02{display:block}}.common-section-title02 .common-section-title02__silhouette{overflow:hidden;position:relative;z-index:0;width:60rem;height:8rem}@media screen and (max-width:768px){.common-section-title02 .common-section-title02__silhouette{width:calc(100% + 4rem);height:10rem;margin-left:-2rem;display:flex;justify-content:center;align-items:flex-start}}.common-section-title02 .common-section-title02__silhouette svg{width:100%;height:17rem;vertical-align:middle}@media screen and (max-width:768px){.common-section-title02 .common-section-title02__silhouette svg{height:21rem;width:72rem;flex-shrink:0}}@media screen and (max-width:480px){.common-section-title02 .common-section-title02__silhouette svg{width:52rem}}.common-section-title02 .common-section-title02__silhouette svg polygon,.common-section-title02 .common-section-title02__silhouette svg path{fill:var(--my-custom-theme__base-background-color--code) !important;stroke:var(--my-custom-theme__sub-background-color--code) !important;stroke-width:.2rem;stroke-linejoin:round;stroke-linecap:round}.common-section-title02 .common-section-title02__text01{font-family:"Oswald","Noto Sans JP",sans-serif;font-weight:400;font-size:5.8rem;color:var(--my-custom-theme__main-color--code);text-transform:uppercase;line-height:1.4;margin-bottom:-4.8rem}@media screen and (max-width:960px){.common-section-title02 .common-section-title02__text01{font-size:5.6rem}}@media screen and (max-width:768px){.common-section-title02 .common-section-title02__text01{font-size:5.4rem}}@media screen and (max-width:480px){.common-section-title02 .common-section-title02__text01{font-size:5.2rem;margin-bottom:-7.2rem}}.common-section-title02 .common-section-title02__text02{font-size:2rem;font-weight:200;word-break:auto-phrase}.common-section-title02.common-section-title02--style01 .common-section-title02__text01{color:var(--my-custom-theme__sub-color--code)}.common-section-title02.common-section-title02--style01 .common-section-title02__silhouette svg polygon,.common-section-title02.common-section-title02--style01 .common-section-title02__silhouette svg path{fill:var(--my-custom-theme__sub-background-color--code) !important;stroke:var(--my-custom-theme__sub-text-color--code) !important}.common-section-title02.common-section-title02--style01 .common-section-title02__text02{color:var(--my-custom-theme__sub-text-color--code)}.heading_mainvisual{height:30rem;background-repeat:no-repeat;background-size:cover;background-position:center;margin-bottom:8rem}@media screen and (max-width:768px){.heading_mainvisual{margin-bottom:5rem}}@media screen and (max-width:480px){.heading_mainvisual{margin-bottom:4rem}}.common-simple-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:3.6rem;padding-bottom:5.6rem}@media screen and (max-width:960px){.common-simple-gallery{gap:2.6rem}}@media screen and (max-width:768px){.common-simple-gallery{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:0;padding-bottom:0}}.common-simple-gallery__item01{grid-column:1;grid-row:1/3}@media screen and (max-width:768px){.common-simple-gallery__item01{grid-column:1;grid-row:1;width:calc(100% + 4rem);margin-left:-2rem;margin-right:-2rem}}.common-simple-gallery__item01 img{width:100%;aspect-ratio:546/404;object-fit:cover;display:block}@media screen and (max-width:768px){.common-simple-gallery__item01 img{aspect-ratio:430/260}}.common-simple-gallery__item02{grid-column:2;grid-row:1/2}@media screen and (max-width:768px){.common-simple-gallery__item02{grid-column:1;grid-row:3;margin-top:3.2rem}}.common-simple-gallery__item02 p{font-size:1.2rem}.common-simple-gallery__item02 h3{font-size:2.4rem;line-height:1.4;margin-bottom:1.6rem;word-break:auto-phrase}@media screen and (max-width:960px){.common-simple-gallery__item02 h3{font-size:2rem}}@media screen and (max-width:768px){.common-simple-gallery__item02 h3{margin-bottom:1.2rem}}@media screen and (max-width:480px){.common-simple-gallery__item02 h3{font-size:1.6rem;margin-bottom:1rem}}.common-simple-gallery__item03{grid-column:2;grid-row:2/3;display:flex;justify-content:flex-start;align-items:flex-start;align-self:flex-end;gap:4.7rem;position:relative;z-index:0;bottom:-2rem}@media screen and (max-width:1200px){.common-simple-gallery__item03{gap:3.7rem}}@media screen and (max-width:960px){.common-simple-gallery__item03{gap:2.7rem}}@media screen and (max-width:768px){.common-simple-gallery__item03{grid-column:1;grid-row:2;gap:0;bottom:0;width:calc(100% + 4rem);margin-left:-2rem;margin-right:-2rem}}.common-simple-gallery__item03 img{width:50%;height:auto}@media screen and (max-width:768px){.common-simple-gallery__item03 img{width:100%;aspect-ratio:215/159 !important;object-fit:cover !important}}.common-simple-gallery__item03 img.common-simple-gallery__item03__image01{aspect-ratio:188/203;object-fit:cover;display:block;max-width:18.8rem;position:relative;z-index:0;bottom:4.8rem}@media screen and (max-width:1200px){.common-simple-gallery__item03 img.common-simple-gallery__item03__image01{max-width:15.7rem;bottom:5.7rem}}@media screen and (max-width:960px){.common-simple-gallery__item03 img.common-simple-gallery__item03__image01{max-width:12.8rem;bottom:3.2rem}}@media screen and (max-width:768px){.common-simple-gallery__item03 img.common-simple-gallery__item03__image01{max-width:50%;bottom:0}}.common-simple-gallery__item03 img.common-simple-gallery__item03__image02{aspect-ratio:157/197;object-fit:cover;display:block;max-width:15.7rem}@media screen and (max-width:1200px){.common-simple-gallery__item03 img.common-simple-gallery__item03__image02{max-width:12.7rem}}@media screen and (max-width:960px){.common-simple-gallery__item03 img.common-simple-gallery__item03__image02{max-width:10.7rem}}@media screen and (max-width:768px){.common-simple-gallery__item03 img.common-simple-gallery__item03__image02{max-width:50%}}