@charset "UTF-8";

.menuList .th .category .jp,
.menuList .th .sub,
.menuList .tbody .menu { font-size:13px;}
.about .conceptArea-01 .concept-01>p>strong,
.about .conceptArea-01 .concept-02>p>strong { font-size:16px;}
.mainVisual-01 .exp-01,
.mainVisual-01 .visual-01,
.mainVisual-01 .copyright,
.menuList .tbody .menu .price { font-size:12px;}
.about .conceptArea-01 .line:before { font-size:14px;}
.carouselContent .menu-01 .name,
.carouselContent .menu-02 .name { font-size:18px;}
.menuList .th { font-size:20px;}
.carouselContent .carouselNavPrev,
.carouselContent .carouselNavNext { font-size:25px;}
.contentTitle-01 .en,
.shopInfo .title-01 { font-size:40px;}
.mainVisual-01 .visual-01 .inner .flame.out { filter:alpha(opacity=0); -webkit-opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; opacity:0;}
body.pc .shopInfo .sns a:hover,
body.sp .shopInfo .sns a.hover { filter:alpha(opacity=70); -webkit-opacity:.7; -moz-opacity:.7; -ms-opacity:.7; -o-opacity:.7; opacity:.7;}
.shopInfo .sns a { -webkit-transition:opacity 0.4s; -moz-transition:opacity 0.4s; -ms-transition:opacity 0.4s; -o-transition:opacity 0.4s; transition:opacity 0.4s;}
.mainVisual-01 .logoArea-01 .handsCorpLogo { width:300px;}
.mainVisual-01 .logoArea-01 .handsCorpLogo img { width:100%; height:auto; float:left;}
.mainVisual-01 { width:100%; height:100vh; z-index:1; display:flex;}
.mainVisual-01 .exp-01 { border-width:0 0 .1em; border-color:#000; border-style:solid; position:relative; -webkit-writing-mode:vertical-rl; -moz-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; -o-writing-mode:vertical-rl; writing-mode:vertical-rl;}
.mainVisual-01 .exp-01>p { width:100%; letter-spacing:.3em; line-height:3; font-weight:600; padding-bottom:4.1666666667em;}
.mainVisual-01 .exp-01:before { content:""; display:block; background-color:#000; width:100%; height:.2em; position:absolute; left:0; bottom:.2em;}
.mainVisual-01 .en-01 { position:absolute; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); left:50%; bottom:-2.7em; font-family:"Poppins"; font-weight:600; font-size:11px; white-space:nowrap;}
.mainVisual-01 .en-01>strong { white-space:nowrap; font-family:"Poppins"; font-weight:600; display:block;}
.mainVisual-01 .logoArea-01 { width:115px; z-index:2; position:relative;}
.mainVisual-01 .logoArea-01 .inner { padding-top:220px; position:absolute; top:45%; left:50px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.mainVisual-01 .logoArea-01 .handsCorpLogo { left:-20px; top:0;}
.mainVisual-01 .spContent { display:none; float:left; position:absolute; left:4.6%; bottom:12.5%; z-index:2;}
.mainVisual-01 .visual-01 { width:calc(100% - 115px - 4.5833333333em); z-index:1; position:relative;}
.mainVisual-01 .visual-01 .inner { width:100%; height:100%;}
.mainVisual-01 .visual-01 .inner .flame { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.mainVisual-01 .visual-01 .inner .flame.active { z-index:2;}
.mainVisual-01 .visual-01 .inner .flame.out { z-index:3; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; -o-transition:opacity 1s; transition:opacity 1s;}
.mainVisual-01 .visual-01 .inner .flame>p { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.mainVisual-01 .visual-01 .inner .flame>p:nth-of-type(1) {
display:none;}
.mainVisual-01 .copyright { width:4.5833333333em;}
.mainVisual-01 .copyright>strong { font-family:"Poppins"; font-weight:600; white-space:nowrap; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%) rotate(90deg); -moz-transform:translate(-50%, -50%) rotate(90deg); -ms-transform:translate(-50%, -50%) rotate(90deg); -o-transform:translate(-50%, -50%) rotate(90deg); transform:translate(-50%, -50%) rotate(90deg);}
.mainVisual-01 .scroll { display:none; bottom:0; right:11.4734299517%;}
.scroll { width:0; position:absolute; z-index:2;}
.scroll strong:nth-of-type(1) {
white-space:nowrap; line-height:0; width:0; height:0; letter-spacing:.03em; position:absolute; left:.9em; top:0; font-family:"Poppins"; font-weight:600; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}
.scroll:before,
.scroll:after { content:""; display:block; background-color:#000;}
.scroll:before { width:.45em; height:.45em; position:absolute; left:0; top:-0.45em; border-radius:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.scroll:after { width:1.4px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); height:9.2857142857em;}
.magazine-banner p {text-align: center;padding-top: 100px; padding-bottom: 80px;padding-left: 30px; padding-right: 30px;}
.magazine-banner p img{max-width: 100%; height: auto;}
.about { width:100%; position:relative; z-index:2; padding-top:.3rem;}
.about .scroll { left:50%; top:-36em;}
.about .inner { width:100%; height:754px; position:relative;}
.about .inner:before,
.about .inner:after { width:50%; height:100%; position:absolute; top:0; content:""; display:block; background-repeat:no-repeat; background-size:cover; z-index:0;}
.about .inner:before { left:0; background-image:url(../images/top/about-01-pc.jpg); background-position:right center;}
.about .inner:after { right:0; background-image:url(../images/top/about-02-pc.jpg); background-position:left center;}
.about .column-01 { display:flex; flex-direction:column; align-items:center; position:absolute; width:100%; left:0; top:0; z-index:1; padding-top:2.8645833333%;}
.about .conceptArea-01 { -webkit-writing-mode:vertical-rl; -moz-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; -o-writing-mode:vertical-rl; writing-mode:vertical-rl; -webkit-transform:translateX(40%); -moz-transform:translateX(40%); -ms-transform:translateX(40%); -o-transform:translateX(40%); transform:translateX(40%); letter-spacing:.15em; margin-top:.85rem;}
.about .conceptArea-01 .concept-01>p,
.about .conceptArea-01 .concept-02>p { width:100%;}
.about .conceptArea-01 .concept-01>p strong,
.about .conceptArea-01 .concept-01>p span,
.about .conceptArea-01 .concept-02>p strong,
.about .conceptArea-01 .concept-02>p span { white-space:nowrap; line-height:3; display:block;}
.about .conceptArea-01 .concept-01>p>strong,
.about .conceptArea-01 .concept-02>p>strong { margin-left:.3em; font-weight:600;}
.about .conceptArea-01 .concept-01>p>span,
.about .conceptArea-01 .concept-02>p>span { font-weight:500;}
.about .conceptArea-01 .concept-01>p span:nth-of-type(1) {
text-indent:1em;}
.about .conceptArea-01 .concept-01>p span:nth-of-type(2) {
text-indent:4em;}
.about .conceptArea-01 .concept-02 { margin-right:3em;}
.about .conceptArea-01 .concept-02>p strong { text-indent:2em;}
.about .conceptArea-01 .concept-02>p span:nth-of-type(2) {
text-indent:1em;}
.about .conceptArea-01 .line { display:inline-block; margin-top:1em;}
.about .conceptArea-01 .line:before { content:""; display:block; background-color:#000; height:4em; width:0.1071428571em; min-width:.5px;}
.carouselContent { max-width:1920px; width:100%; margin-left:auto; margin-right:auto; padding-top:60px; padding-bottom:70px; position:relative; overflow:hidden;}
.carouselContent .inner { width:100%;}
.carouselContent .menu-01,
.carouselContent .menu-02 { width:100%;}
.carouselContent .menu-01 .wrap,
.carouselContent .menu-02 .wrap { display:flex; justify-content:space-between; margin-right:auto; margin-left:auto; width:95.8333333333%;}
.carouselContent .menu-01 figure,
.carouselContent .menu-02 figure { width:83.6956521739%; overflow:hidden;}
.carouselContent .menu-01 figure img,
.carouselContent .menu-02 figure img { width:100%; height:auto; float:left;}
.carouselContent .menu-01 .info,
.carouselContent .menu-02 .info { width:14.402173913%;}
.carouselContent .menu-01 .info>*,
.carouselContent .menu-02 .info>* { width:100%;}
.carouselContent .menu-01 .info>:first-child,
.carouselContent .menu-02 .info>:first-child { padding-top:9.4339622642%;}
.carouselContent .menu-01 .name,
.carouselContent .menu-02 .name { line-height:1.9444444444; font-weight:900;}
.carouselContent .menu-01 .exp-01,
.carouselContent .menu-02 .exp-01 { line-height:2.1428571429; margin-top:1em;}
.carouselContent .menu-01 figure { order:1;}
.carouselContent .menu-01 .info { order:2;}
.carouselContent .menu-02 figure { order:2;}
.carouselContent .menu-02 .info { order:1;}
.carouselContent .carouselNavPrev,
.carouselContent .carouselNavNext { font-family:"Poppins"; font-weight:600; border-width:0 0 0.0588235294em; border-color:#000; border-style:solid; line-height:1.55; width:3.25em; display:flex; white-space:nowrap; position:absolute; bottom:32.1428571429%; cursor:pointer; overflow:hidden; -webkit-transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; transition:transform 0.4s; z-index:2;}
.carouselContent .carouselNavPrev { justify-content:flex-end; left:0; padding-right:.25em; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}
.carouselContent .carouselNavPrev.swiper-button-disabled { -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%);}
.carouselContent .carouselNavNext { right:0; padding-left:.25em; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}
.carouselContent .carouselNavNext.swiper-button-disabled { -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%);}
.menuList { max-width:1100px; width:85%; margin-left:auto; margin-right:auto;}
.menuList .th { background:#e6e6e6; display:flex; width:100%; justify-content:space-between; padding-top:.45em; padding-right:.9em; padding-bottom:.45em; padding-left:1.1em;}
.menuList .th .category { display:flex; align-items:center;}
.menuList .th .category .en { font-style:normal; font-family:"Poppins"; font-weight:600; line-height:1.3;}
.menuList .th .category .jp { line-height:1.3; margin-left:.8em; font-weight:500;}
.menuList .th .sub { display:flex; align-items:center; font-weight:500; line-height:1.3;}
.menuList .th .sun { display:flex; align-items:center; margin-right:.5em;}
.menuList .th .sun:before,
.menuList .th .sun:after { content:""; display:block; background-position:center center; background-repeat:no-repeat; background-size:contain; height:1.5em;}
.menuList .th .sun:before { background-image:url("../images/common/sun.svg"); width:1.5em; margin-right:.7em;}
.menuList .th .sun:after { background-image:url("../images/common/dottedLine-01.svg"); width:1.3em;}
.menuList .tbody { width:100%; display:flex; flex-wrap:wrap; margin-top:.3em;}
.menuList .tbody .menu { width:48.1818181818%; border-width:0 0 0.0909090909em; border-color:#e6e6e6; border-style:solid; display:flex; justify-content:space-between; padding-top:1.1em; padding-bottom:1.1em;}
.menuList .tbody .menu:nth-of-type(2n-1) {
margin-right:calc(3.6363636364% - 1px);}
.menuList .tbody .menu>* { font-weight:500;}
.menuList .tbody .menu .name,
.menuList .tbody .menu .price { line-height:1.5;}
.menuList .tbody .menu .name>span,
.menuList .tbody .menu .price>span { line-height:1.5; font-weight:500;}
.menuList .tbody .menu .name { width:calc(100% - 6.5em);}
.menuList .tbody .menu .price { padding-top:.1em; width:6.8em; text-align:right;}
.menuList .tbody .menu.lunch .name { position:relative; text-indent:2em;}
.menuList .tbody .menu.lunch .name:before { position:absolute; left:0; top:.05em; content:""; display:block; background-position:center center; background-repeat:no-repeat; background-size:contain; height:1.5em; width:1.5em; background-image:url("../images/common/sun.svg");}
.menuList .tbody+.th { margin-top:1.2em;}
.contentTitle-01 .dottedLine-01 { display:inline-block; width:1.5em; height:1em; background-position:center center; background-repeat:no-repeat; background-size:contain; background-image:url("../images/common/dottedLine-01.svg"); position:relative; top:.15em; margin-right:.5em; margin-left:.35em;}
.contentTitle-01 .en { display:flex; justify-content:center; text-align:center; font-family:"Poppins"; font-weight:600; font-style:normal;}
.contentTitle-01 .exp-01 { font-weight:600; text-align:center; line-height:2.1428571429em; margin-top:.4em;}
.contentHeader { display:flex; width:100%;}
.contentHeader .contentTitle-01 { order:2; flex-grow:1;}
.contentHeader>p { flex-grow:9; display:flex; align-items:center;}
.contentHeader>p>span { display:block; border-width:0 0 .1em; border-color:#000; border-style:solid; -webkit-transform:translateY(1.55em); -moz-transform:translateY(1.55em); -ms-transform:translateY(1.55em); -o-transform:translateY(1.55em); transform:translateY(1.55em); position:relative; height:.5em; width:100%;}
.contentHeader>p>span:before { content:""; display:block; background-color:#000; width:100%; height:.2em; position:absolute; left:0; bottom:.2em;}
.contentHeader>p:nth-of-type(1) {
order:1;}
.contentHeader>p:nth-of-type(2) {
order:3;}
.sweets .contentTitle-01 .en span,
.food .contentTitle-01 .en span { display:none; border-width:0.0476190476em 0 0; border-color:#000; border-style:solid; position:relative; height:0; margin-top:0.2142857143em;}
.sweets .contentTitle-01 .en span:nth-of-type(1),
.food .contentTitle-01 .en span:nth-of-type(1) {
margin-right:.65em;}
.sweets .contentTitle-01 .en span:nth-of-type(2),
.food .contentTitle-01 .en span:nth-of-type(2) {
margin-left:.65em;}
.sweets .contentTitle-01 .en span:before,
.food .contentTitle-01 .en span:before { content:""; display:block; background-color:#000; position:absolute; left:0; bottom:0.1428571429em; width:100%; height:0.0952380952em;}
.food { padding-top:60px; width:100%;}
.sweets { padding-top:100px; width:100%;}
.shopInfo { max-width:1100px; width:85%; margin-left:auto; margin-right:auto; font-size:14px;}
.shopInfo .title-01 { display:flex; align-items:center; padding-top:7.7272727273%; padding-bottom:3.1818181818%; position:relative;}
.shopInfo .title-01>strong { font-family:"Poppins"; font-weight:600; font-style:normal; display:block; padding-right:.75em; padding-left:.75em;}
.shopInfo .title-01:before,
.shopInfo .title-01:after { content:""; display:block; background-color:#000; flex-grow:1; height:0.037037037em;}
.shopInfo .title-01 .pageLink { padding-top:4.5454545455%; width:0; display:block; position:absolute; left:0; top:0;}
.shopInfo .title-01 .pageLink i { position:absolute; left:0; display:block; bottom:0;}
.shopInfo .map { width:100%; padding-top:75%;}
.shopInfo .map iframe { position:absolute; left:0; top:0; width:100%; height:100%;}
.shopInfo .others { width:100%; padding-top:7.2727272727%;}
.shopInfo .logo-01 { max-width:500px; width:45.4545454545%; margin-left:auto; margin-right:auto;}
.shopInfo .logo-01 img { width:100%; height:auto; float:left;}
.shopInfo .address { width:100%; text-align:center; margin-top:1.5em; margin-bottom:3.2em;}
.shopInfo .address p { width:100%; font-weight:500;}
.shopInfo .address p+p { margin-top:1.3em;}
.shopInfo .address p.tel { font-weight:700;}
.shopInfo .sns { width:100%; display:flex; justify-content:center;}
.shopInfo .sns li { width:.45rem;}
.shopInfo .sns li+li { margin-left:.2rem;}
.shopInfo .sns a { width:100%; float:left; display:block;}
.shopInfo .sns a img { width:100%; height:auto; float:left;}

@media (min-width:829px) and (max-height:580px) {
.mainVisual-01 .logoArea-01 .handsCorpLogo { width:270px;}
.mainVisual-01 .logoArea-01 .inner { padding-top:180px; top:47.8%;}
}

@media (min-width:829px) and (max-height:490px) {
.mainVisual-01 .logoArea-01 .handsCorpLogo { width:250px;}
.mainVisual-01 .logoArea-01 .inner { padding-top:165px;}
}

@media (min-width:829px) and (max-height:475px) {
.mainVisual-01 .logoArea-01 .handsCorpLogo { width:200px;}
.mainVisual-01 .exp-01>p { padding-bottom:2.0833333333em;}
.mainVisual-01 .logoArea-01 .inner { padding-top:135px;}
}

@media (min-width:829px) and (max-height:520px) {
.mainVisual-01 .exp-01>p { padding-bottom:2.5em;}
}

@media (min-width:829px) and (max-height:450px) {
.mainVisual-01 .exp-01>p { padding-bottom:1.6666666667em;}
.mainVisual-01 .logoArea-01 .inner { padding-top:130px;}
}

@media (max-width:1920px) {
.carouselContent { padding-top:3.125%; padding-bottom:3.6458333333%;}
.food { padding-top:3.125%;}
.sweets { padding-top:5.2083333333%;}
}

@media (max-width:1244px) {
.about .inner { height:auto; padding-top:60.6109324759%;}
}

@media (max-width:1000px) {
.about .conceptArea-01 { -webkit-transform:translateX(34%); -moz-transform:translateX(34%); -ms-transform:translateX(34%); -o-transform:translateX(34%); transform:translateX(34%);}
}

@media (max-width:828px) {
.mainVisual-01 .logoArea-01 .handsCorpLogo { max-width:330px; width:42.96875%;}
.mainVisual-01 .logoArea-01 .inner { padding-top:5.4347826087%; padding-bottom:5.4347826087%; padding-left:7.2463768116%;}
.mainVisual-01 { display:block; position:relative;}
.mainVisual-01 .exp-01 { border-width:0 0 0.0666666667em; height:21em; bottom:auto; padding-right:2.5em;}
.mainVisual-01 .exp-01>p { line-height:2.4; padding-bottom:0;}
.mainVisual-01 .exp-01:before { height:0.1333333333em; bottom:0.1333333333em;}
.mainVisual-01 .en-01 { left:0; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0);}
.mainVisual-01 .logoArea-01 { width:100%;}
.mainVisual-01 .logoArea-01 .inner { width:100%; position:relative; top:auto; left:auto; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0);}
.mainVisual-01 .logoArea-01 .handsCorpLogo { left:0; position:relative;}
.mainVisual-01 .logoArea-01 .exp-01,
.mainVisual-01 .logoArea-01 .en-01 { display:none;}
.mainVisual-01 .spContent { display:block;}
.mainVisual-01 .visual-01 { margin-right:0; margin-left:auto; width:85%; height:49.6527777778%;}
.mainVisual-01 .visual-01 .inner .flame>p:nth-of-type(1) {
display:block;}
.mainVisual-01 .visual-01 .inner .flame>p:nth-of-type(2) {
display:none;}
.mainVisual-01 .copyright { display:none;}
.mainVisual-01 .scroll { display:block; height:10.5555555556em;}
.mainVisual-01 .scroll:after { height:100%;}
.scroll strong:nth-of-type(1) {
top:.2em; left:1.2em;}
.scroll:before { font-size:10px; width:.7em; height:.7em;}
.about { padding-top:0;}
.about .scroll { display:none;}
.about .inner { background-position:center top; background-repeat:no-repeat; background-size:100% auto; background-image:url("../images/top/about-01-sp.png"); padding-top:80.3140096618%;}
.about .inner:before,
.about .inner:after { content:none;}
.about .column-01 { padding-top:0; position:relative; left:auto; top:auto;}
.about .conceptArea-01 { width:100%; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); letter-spacing:.3em; margin-top:0; -webkit-writing-mode:horizontal-tb; -moz-writing-mode:horizontal-tb; -ms-writing-mode:horizontal-tb; -o-writing-mode:horizontal-tb; writing-mode:horizontal-tb;}
.about .conceptArea-01 .concept-01,
.about .conceptArea-01 .concept-02 { position:relative; -webkit-writing-mode:vertical-rl; -moz-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; -o-writing-mode:vertical-rl; writing-mode:vertical-rl; width:100%; background-repeat:no-repeat; background-size:100% auto;}
.about .conceptArea-01 .concept-01>p,
.about .conceptArea-01 .concept-02>p { position:absolute;}
.about .conceptArea-01 .concept-01>p>strong,
.about .conceptArea-01 .concept-02>p>strong { margin-left:0;}
.about .conceptArea-01 .concept-01 { background-image:url("../images/top/about-02-sp.png"); background-position:left 50% top 0; padding-top:111.7149758454%; margin-top:.22rem;}
.about .conceptArea-01 .concept-01>p { right:8.4541062802%; top:2.8em;}
.about .conceptArea-01 .concept-01>p span:nth-of-type(2) {
text-indent:2em;}
.about .conceptArea-01 .concept-02 { background-image:url("../images/top/about-03-sp.png"); background-position:left 50% top 0; padding-top:120.0483091787%; margin-top:-3em;}
.about .conceptArea-01 .concept-02>p { top:22.5%; right:55.5%;}
.about .conceptArea-01 .line { margin-top:.7em;}
.about .conceptArea-01 .line:before { width:0.046875em; height:3em;}
.carouselContent { padding-top:10.8695652174%; padding-bottom:12.077294686%;}
.carouselContent .menu-01 .wrap,
.carouselContent .menu-02 .wrap { width:90.7407407407%; flex-direction:column; justify-content:flex-start;}
.carouselContent .menu-01 figure,
.carouselContent .menu-02 figure { width:100%;}
.carouselContent .menu-01 .info,
.carouselContent .menu-02 .info { width:100%;}
.carouselContent .menu-01 .info>:first-child,
.carouselContent .menu-02 .info>:first-child { padding-top:5.1020408163%;}
.carouselContent .menu-01 .name,
.carouselContent .menu-02 .name { line-height:1.75;}
.carouselContent .menu-01 .exp-01,
.carouselContent .menu-02 .exp-01 { line-height:1.8666666667; margin-top:.4em;}
.carouselContent .menu-02 figure { order:1;}
.carouselContent .menu-02 .info { order:2;}
.carouselContent .carouselNavPrev,
.carouselContent .carouselNavNext { width:0; height:0;}
.carouselContent .carouselNavPrev { padding-right:0;}
.carouselContent .carouselNavNext { padding-left:0;}
.menuList .th { padding-right:.75em; padding-left:.8em;}
.menuList .th .category .jp { margin-left:.6em;}
.menuList .th .sun { margin-right:.4em;}
.menuList .th .sun:before,
.menuList .th .sun:after { height:1.2em; position:relative; top:.03em;}
.menuList .th .sun:before { width:1.2em; margin-right:.5em;}
.menuList .th .sun:after { width:1.04em;}
.menuList .tbody .menu .name,
.menuList .tbody .menu .price { width:100%;}
.menuList .tbody .menu .price { margin-top:.5em; text-align:left; width:100%;}
.menuList .tbody.oneColumn { display:block;}
.menuList .tbody.oneColumn .menu { width:100%; display:block;}
.menuList .tbody.oneColumn .menu.lunch .name { text-indent:1.7em;}
.menuList .tbody.oneColumn .menu.lunch .name:before { width:1.2em; height:1.2em; top:.18em;}
.menuList .tbody.tweColumn .menu { display:block;}
.contentTitle-01 { width:95%;}
.contentTitle-01 .exp-01 { line-height:1.8928571429em;}
.sweets .contentHeader>p,
.food .contentHeader>p { display:none;}
.sweets .contentTitle-01 .en,
.food .contentTitle-01 .en,
.sweets .contentTitle-01 .exp-01,
.food .contentTitle-01 .exp-01 { width:85%; margin-right:auto; margin-left:auto;}
.sweets .contentTitle-01 .en,
.food .contentTitle-01 .en { display:flex; align-items:center;}
.sweets .contentTitle-01 .en span,
.food .contentTitle-01 .en span { display:block; flex-grow:1;}
.sweets .contentTitle-01 .exp-01,
.food .contentTitle-01 .exp-01 { text-align:justify; text-justify:inter-ideograph; word-break:break-all; text-align:left; display:block; margin-top:1em;}
.food { padding-top:10.8695652174%;}
.sweets { padding-top:13.2850241546%;}
.shopInfo .title-01 { padding-top:21.3128729753%; padding-bottom:4.9730036942%;}
.shopInfo .title-01:before,
.shopInfo .title-01:after { height:0.0476190476em;}
.shopInfo .title-01 .pageLink { padding-top:16.339869281%;}
.shopInfo .map { padding-top:86.6723500995%;}
.shopInfo .others { padding-top:7.1042909918%;}
.shopInfo .logo-01 { max-width:590px; width:83.8306337028%;}
.shopInfo .address { margin-bottom:1.8em;}
.shopInfo .address p+p { margin-top:.8em;}
.shopInfo .sns li { width:.75rem;}
.shopInfo .sns li+li { margin-left:.35rem;}
}

@media (max-width:828px) and (max-height:1100px) {
.mainVisual-01 .logoArea-01 .handsCorpLogo { width:33.8541666667%;}
.mainVisual-01 .exp-01 { height:17.5em;}
.mainVisual-01 .exp-01>p { letter-spacing:.15em;}
.mainVisual-01 .spContent { bottom:11.5%;}
}

@media (max-width:828px) and (max-height:700px) {
.mainVisual-01 .logoArea-01 .handsCorpLogo { width:28.6458333333%;}
.mainVisual-01 .logoArea-01 .inner { padding-top:3.6231884058%; padding-bottom:3.6231884058%;}
}

@media (max-width:828px) and (max-height:550px) {
.mainVisual-01 .logoArea-01 .handsCorpLogo { width:23.4375%;}
}

@media (max-width:828px) and (max-height:500px) {
.mainVisual-01 .logoArea-01 .inner { padding-top:2.4154589372%; padding-bottom:2.4154589372%;}
}

@media (max-width:828px) and (max-height:400px) {
.mainVisual-01 .logoArea-01 .inner { padding-top:1.8115942029%; padding-bottom:1.8115942029%;}
}

@media (max-width:828px) and (max-height:1300px) {
.mainVisual-01 .exp-01 { height:20em;}
}

@media (max-width:828px) and (max-height:1200px) {
.mainVisual-01 .exp-01 { height:19em;}
.mainVisual-01 .exp-01>p { letter-spacing:.25em;}
}

@media (max-width:828px) and (orientation:landscape) {
.mainVisual-01 .exp-01 { height:7.7em; -webkit-writing-mode:horizontal-tb; -moz-writing-mode:horizontal-tb; -ms-writing-mode:horizontal-tb; -o-writing-mode:horizontal-tb; writing-mode:horizontal-tb; padding-right:0;}
}

@media (max-width:828px) and (orientation:landscape) and (max-height:650px) {
.mainVisual-01 .exp-01 { height:6.3em;}
}

@media (max-width:828px) and (min-aspect-ratio:414/535) {
.mainVisual-01 .exp-01 { height:8.5em; -webkit-writing-mode:horizontal-tb; -moz-writing-mode:horizontal-tb; -ms-writing-mode:horizontal-tb; -o-writing-mode:horizontal-tb; writing-mode:horizontal-tb; padding-right:0;}
}

@media (max-width:828px) and (max-height:1000px) {
.mainVisual-01 .exp-01>p { line-height:2;}
.mainVisual-01 .spContent { bottom:13em;}
}

@media (max-width:828px) and (max-height:650px) {
.mainVisual-01 .exp-01>p { line-height:1.8;}
.mainVisual-01 .en-01 { bottom:-2.2em;}
.mainVisual-01 .spContent { bottom:9.5em;}
}

@media (max-width:828px) and (max-height:516px) {
.mainVisual-01 .exp-01>p { -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:scale(0.75); -moz-transform:scale(0.75); -ms-transform:scale(0.75); -o-transform:scale(0.75); transform:scale(0.75);}
.mainVisual-01 .en-01>strong { -webkit-transform-origin:left center; -moz-transform-origin:left center; -ms-transform-origin:left center; -o-transform-origin:left center; transform-origin:left center; -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8);}
}

@media (max-width:828px) and (max-height:450px) {
.mainVisual-01 .exp-01>p { -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6);}
.mainVisual-01 .en-01>strong { -webkit-transform:scale(0.7); -moz-transform:scale(0.7); -ms-transform:scale(0.7); -o-transform:scale(0.7); transform:scale(0.7);}
.mainVisual-01 .en-01 { bottom:-1.7em;}
.mainVisual-01 .spContent { bottom:6.3em;}
}

@media (max-width:580px) {
.about .conceptArea-01 .concept-02 { margin-top:-1.5em;}
}

@media (max-width:450px) {
.about .conceptArea-01 { letter-spacing:.13em;}
.about .conceptArea-01 .concept-01>p strong,
.about .conceptArea-01 .concept-01>p span,
.about .conceptArea-01 .concept-02>p strong,
.about .conceptArea-01 .concept-02>p span { line-height:2.8;}
.about .conceptArea-01 .concept-01>p { top:1.7em;}
.about .conceptArea-01 .concept-02 { margin-top:-4em;}
.magazine-banner p {padding-top: 40px;padding-bottom: 30px;}
}

@media (max-width:380px) {
.about .conceptArea-01 .concept-02 { margin-top:-2.5em;}
}

@media (max-width:350px) {
.menuList .tbody .menu,
.menuList .tbody .menu .price { font-size:12px;}
.menuList .th .category .jp,
.menuList .th .sub { font-size:13px;}
.scroll { font-size:10px;}
.shopInfo .address { font-size:10px;}
.about .conceptArea-01 .concept-01,
.about .conceptArea-01 .concept-02,
.contentTitle-01 .exp-01 { font-size:12px;}
.carouselContent .menu-01 .exp-01,
.carouselContent .menu-02 .exp-01 { font-size:13px;}
.about .conceptArea-01 .concept-01>p>strong,
.about .conceptArea-01 .concept-02>p>strong,
.about .conceptArea-01 .line:before { font-size:14px;}
.mainVisual-01 .en-01 { font-size:14px;}
.mainVisual-01 .exp-01,
.carouselContent .menu-01 .name,
.carouselContent .menu-02 .name,
.menuList .th { font-size:15px;}
.contentTitle-01 .en,
.shopInfo .title-01 { font-size:21px;}
}

@media (min-width:829px) and (max-width:1244px) {
.menuList .th .category .jp,
.menuList .th .sub,
.menuList .tbody .menu { font-size:calc(11px + ((1vw - 8.28px) * 0.4808));}
.about .conceptArea-01 .concept-01>p>strong,
.about .conceptArea-01 .concept-02>p>strong { font-size:calc(12px + ((1vw - 8.28px) * 0.9615));}
.mainVisual-01 .exp-01,
.mainVisual-01 .visual-01,
.mainVisual-01 .copyright,
.menuList .tbody .menu .price { font-size:calc(10px + ((1vw - 8.28px) * 0.4808));}
.about .conceptArea-01 .line:before { font-size:calc(10px + ((1vw - 8.28px) * 0.9615));}
.carouselContent .menu-01 .name,
.carouselContent .menu-02 .name { font-size:calc(12px + ((1vw - 8.28px) * 1.4423));}
.menuList .th { font-size:calc(13px + ((1vw - 8.28px) * 1.6827));}
.carouselContent .carouselNavPrev,
.carouselContent .carouselNavNext { font-size:calc(17px + ((1vw - 8.28px) * 1.9231));}
.contentTitle-01 .en,
.shopInfo .title-01 { font-size:calc(27px + ((1vw - 8.28px) * 3.125));}
}

@media (min-width:351px) and (max-width:828px) {
.menuList .tbody .menu,
.menuList .tbody .menu .price { font-size:calc(12px + ((1vw - 3.5px) * 2.0921));}
.menuList .th .category .jp,
.menuList .th .sub { font-size:calc(13px + ((1vw - 3.5px) * 2.3013));}
.scroll { font-size:calc(10px + ((1vw - 3.5px) * 1.6736));}
.shopInfo .address { font-size:calc(10px + ((1vw - 3.5px) * 2.3013));}
.about .conceptArea-01 .concept-01,
.about .conceptArea-01 .concept-02,
.contentTitle-01 .exp-01 { font-size:calc(12px + ((1vw - 3.5px) * 3.3473));}
.carouselContent .menu-01 .exp-01,
.carouselContent .menu-02 .exp-01 { font-size:calc(13px + ((1vw - 3.5px) * 3.5565));}
.about .conceptArea-01 .concept-01>p>strong,
.about .conceptArea-01 .concept-02>p>strong,
.about .conceptArea-01 .line:before { font-size:calc(14px + ((1vw - 3.5px) * 3.7657));}
.mainVisual-01 .en-01 { font-size:calc(14px + ((1vw - 3.5px) * 3.9749));}
.mainVisual-01 .exp-01,
.carouselContent .menu-01 .name,
.carouselContent .menu-02 .name,
.menuList .th { font-size:calc(15px + ((1vw - 3.5px) * 4.3933));}
.contentTitle-01 .en,
.shopInfo .title-01 { font-size:calc(21px + ((1vw - 3.5px) * 6.0669));}
}

@media (max-width:828px) and (min-width:415px) and (max-height:600px) {
.mainVisual-01 .exp-01 { height:7em;}
}

@media (max-width:828px) and (min-width:415px) and (max-height:450px) {
.mainVisual-01 .exp-01 { height:6.5em;}
}

@media (max-height:430px) {
.mainVisual-01 { height:430px;}
}