@charset "utf-8"; 
a, abbr, acronym, address, applet, article, aside, audio,b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, main, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video{font-size:100%; vertical-align:baseline; white-space:normal; margin:0; padding:0; border:0; outline:0; background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display:block;} ol, ul{list-style:none;} blockquote, q{quotes:none;}table{border-collapse:collapse; border-spacing:0;} *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust:100%;} img{vertical-align:top; max-width:100%;} h1, h2, h3, h4, h5, h6{font-weight:normal;}

/*---------------------------
Link
---------------------------*/
a{color:#000; text-decoration:none;outline:none;}
a:hover{opacity: 0.8;}

/*---------------------------
Font
---------------------------*/
body{font-family:"noto-sans-cjk-jp", sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; background:#fff; color: #000; font-size:15px;font-weight: 400; letter-spacing: 0.1em;}

@media screen and (max-width:768px){
body{overflow: scroll;}
}

html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}
/*---------------------------
共通
---------------------------*/
.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf{*zoom: 1;}

.pc{ display:block;}
.sp{ display:none;}
.kado{border-radius: 50px; width: 100%;}
.kado02{border-radius: 25px 25px 0 0; width: 100%;}
.kado03{border-radius: 25px; width: 100%;}

@media screen and (max-width:750px){
.kado{border-radius: 25px; width: 100%;}
.kado02{border-radius: 15px 15px 0 0; width: 100%;}
.kado03{border-radius: 15px; width: 100%;}
}

@media screen and (max-width:768px){
.pc{ display:none;}
.sp{ display:block;}
}

header .menu-txt{position: fixed;right: 23px; top: 46px; font-family: "marseille", sans-serif;font-weight: 400; font-size: 12px; letter-spacing: 0.3em; z-index: 1;}

.top .hero{ height: 100vh; display: flex;flex-direction: column;justify-content: center; align-items: center; position: relative;}
.top .hero .heading{max-width: 450px;}
.top .hero .stores{display: flex; justify-content: center; align-items: flex-start;}
.top .hero .stores li{max-width: 250px; margin-right: 200px;}
.top .hero .stores li:last-child{margin-right: 0;}
.top .hero .stores li a:hover{opacity: 0.8;}
.top .hero .stores p{text-align: center;font-family: "marseille", sans-serif;font-weight: 500;  font-size: 20px;}
.top .hero .stores h2{max-width: 300px; }

@media screen and (max-width:750px){
.top .hero{ height: auto;}
.top .hero .heading{width: 80%; max-width: 250px; padding-top: 80px;}
.top .hero .stores{padding:40px 20px 0 20px;}
.top .hero .stores li{max-width: none; width: 45%; margin-right: 10%;}
.top .hero .stores p{ font-size: 13px;}
}

.top .news{  max-width: 900px; margin: 100px auto 0;}
.top .news ul{border-top:1px solid #000;border-bottom:1px solid #000; padding:35px 50px;}
.top .news li{display: flex;justify-content:flex-start; align-items: center; padding: 15px 0;}
.top .news li time{width: 15%; margin-right:5%;font-family: "marseille", sans-serif;font-weight: 400;font-size: 13px; }
.top .news li p{width: 80%; font-size: 13px;line-height: 2.4;}
.top .news li a{display:contents;}
.top .news li a:hover{color:#c04a80;}

@media screen and (max-width:750px){
.top .news{  max-width: 900px; width: 90%; margin: 50px auto 0;}
.top .news ul{ padding:35px 20px;}
.top .news li{display: block;padding: 15px 0;}
.top .news li time{width: 100%; margin-right:0%;font-size: 12px;}
.top .news li p{width: 100%; font-size: 12px;}
}


footer{padding: 70px 0 20px;}
footer .sub-menu{display: flex; justify-content: center;}
footer .sub-menu li{font-family: "marseille", sans-serif;font-weight: 400; font-size: 13px;margin-top: 10px;text-align: center; margin-right: 50px;}
footer .sub-menu li:last-child{margin-right: 0;}
footer .sub-menu li a:hover{color:#c04a80; }
footer p{font-family: "marseille", sans-serif;font-weight: 400; font-size: 10px; text-align: center; margin-top: 80px;}

@media screen and (max-width:750px){
footer{padding: 50px 0 20px;}
footer .sub-menu li{ margin-right: 20px;}
footer p{margin-top: 50px;}
}


.lower .outer{max-width: 1440px; width: 100%; padding:50px 100px 0;}
.lower .hero{position: relative; width: 100%;}
.lower .hero h1{max-width: 300px; margin: 0 auto 40px;}
.lower .hero h1 span{font-family: "marseille", sans-serif;font-weight: 400;  font-size:15px; text-align: center; display: block; margin-top: 10px;}
.lower .hero h1 span.mt{margin-top: 30px;}
.lower .hero .over{position: absolute; height: 100%; width: 100%;}

@media screen and (max-width:1100px){
.lower .outer{max-width:none; width: 100%; padding:50px calc(50/1100 * 100vw) 0;}
}

@media screen and (max-width:750px){
.lower .hero h1{max-width: 200px;margin: 0 auto 30px;}
.lower .hero h1 span.mt{margin-top: 20px;}
}

.lower .about{margin-top: 100px;}
.lower .about-box{display: flex; justify-content: center; align-items: center;}
.lower .about-box .left{width: 30%; margin-right: 5%;}
.lower .about-box .right{width: 65%;}
.lower .about-box .d-txt{font-size: 15px; line-height: 2.4;font-weight: 400;}
.lower .about-box .c-txt{font-size: 15px; line-height: 2.4; margin-top: 30px;font-weight: 400;}
.lower .about-box .map-box{margin-top: 50px;}
.lower.taco .about-box .left{text-align: center;}
.lower.taco .about-box .left img{width: 80%; margin: 0 auto 10px;}

@media screen and (max-width:1100px){
.lower .about-box .d-txt{font-size: calc(15/1100 * 100vw); }
.lower .about-box .c-txt{font-size: calc(15/1100 * 100vw);}
}

@media screen and (max-width:750px){
.lower .about{margin-top: 50px;}
.lower .about-box{display: block;}
.lower .about-box .left{width: 80%; margin:0 auto; text-align: center;}
.lower .about-box .right{width: 90%;margin:40px auto 0;}
.lower .about-box .d-txt{font-size:13px; }
.lower .about-box .c-txt{font-size:13px;}

.lower.com .about-box .d-txt{text-align: center; }
}

.lower .menu-box{display: flex; justify-content: center; align-items: center; margin-top: 100px; background: #c04a80; padding: 100px;}
.lower .menu-box .left{width: 20%; margin-right: 5%;}
.lower .menu-box .right{width:75%;}
.lower .menu-box h2{font-family: "marseille", sans-serif;font-weight: 500;  font-size:60px; color: #fff; text-align: center;}
.lower .menu-box .pict-box{display: flex;justify-content: center; align-items: center; }
.lower .menu-box .pict-box li{width: 31%; margin-right: 3.5%;}
.lower .menu-box .pict-box li:last-child{margin-right:0;}
.lower .menu-box .pict-box li .txt-box{background: #fff; padding: 20px; margin-top: -25px; z-index: 1;position: relative;}
.lower .menu-box .pict-box li .txt-box h3{font-family: "marseille", sans-serif;font-weight: 700;font-size:18px;text-align: center; }
.lower .menu-box .pict-box li .txt-box p{font-size:13px; margin-top: 10px; text-align: center; line-height: 1.8;}

@media screen and (max-width:1100px){
.lower .menu-box h2{font-size:calc(60/1100 * 100vw); color: #fff; text-align: center;}
.lower .menu-box .pict-box li .txt-box h3{font-size:calc(18/1100 * 100vw); }
.lower .menu-box .pict-box li .txt-box p{font-size:calc(13/1100 * 100vw);}
}

@media screen and (max-width:750px){
.lower .menu-box{display: block;  padding: 40px 30px 50px; margin-top: 50px;}
.lower .menu-box .left{width: 100%; margin-right:0;}
.lower .menu-box .right{width:100%;}
.lower .menu-box .pict-box{display: block; }
.lower .menu-box .pict-box li{width: 80%; margin:25px auto 0;}
.lower .menu-box .pict-box li:last-child{margin-right:auto;}
.lower .menu-box h2{ font-size:40px;}
.lower .menu-box .pict-box li .txt-box h3{font-size:15px; }
.lower .menu-box .pict-box li .txt-box p{font-size:13px;}
}

.lower.com .about-box .right{width:auto;}

/* センタリング修正 */
.lower .outer{margin: 0 auto;}

/* スライドショー */
.top .hero{position: relative; height: 100vh; overflow: hidden;}
.slideshow{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.slide{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.2s ease-in-out;}
.slide.active{opacity: 1;}
.hero-content{position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; background: rgba(0,0,0,0.35);}
.hero-content .heading{max-width: 450px;}
.hero-content .heading img{filter: brightness(0) invert(1);}
.hero-content .stores{display: flex; justify-content: center; align-items: flex-start;}
.hero-content .stores li{max-width: 250px; margin-right: 200px;}
.hero-content .stores li:last-child{margin-right: 0;}
.hero-content .stores p{text-align: center; font-family: "marseille", sans-serif; font-weight: 500; font-size: 20px; color: #fff;}
.hero-content .stores h2{max-width: 300px;}
.hero-content .stores h2 img{filter: brightness(0) invert(1);}

@media screen and (max-width:750px){
.top .hero{height: 100vh;}
.hero-content .heading{width: 80%; max-width: 250px;}
.hero-content .stores{padding: 40px 20px 0 20px;}
.hero-content .stores li{max-width: none; width: 45%; margin-right: 10%;}
.hero-content .stores p{font-size: 13px;}
}

/* メニュー写真の高さ統一 */
.lower .menu-box .pict-box li .pict{
  height: 250px;
  overflow: hidden;
}
.lower .menu-box .pict-box li .pict img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px 25px 0 0;
}

@media screen and (max-width:750px){\n.lower .menu-box .pict-box li .pict{height: 200px;}\n}

/* ボタン内アイコン修正 */
.btn06 img{
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 6px;
  display: inline-block;
}
.btn06{
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn06{
  position: relative;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background:#c04a80;
  color:#fff;
  padding:18px;
  border-radius:50px;
  text-align: center;
  outline: none;
  transition: ease .2s;
  width: 80%;
  font-family: "marseille", sans-serif;font-weight: 400; 
  margin: 60px auto 0;
  gap: 8px;
}

@media screen and (max-width:1100px){
.btn06{padding:calc(18/1100 * 100vw); font-size:calc(15/1100 * 100vw);}
}

@media screen and (max-width:750px){
.btn06{padding:15px 5px; font-size:13px;width: 100%;margin: 40px auto 0;}
}

.btn06.nomt{margin-top: 20px;}

.btn06:hover{
  background:#c04a80;
}


/* 矢印が右に移動 */

.btnarrow1::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top:42%;
    right: 30px;
    /*矢印の形状*/
    width: 7px;
    height: 7px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow1:hover::after{
    right: 20px;
}


#trigger-overlay{ display: none;}
.open .btn{display:block !important;}
.overlay{position:fixed; width:100%; height:100%; top:0; right:0; background:rgba(0,0,0,1); z-index:7777; overflow:auto;}
.overlay nav{position:relative; top:5%; height:60%; width: 100%;}
.overlay ul{display:inline-block; position:relative; margin:0; text-align: center; width: 100%;}
.overlay ul li{ padding: 2.5% 0; border-bottom: 1px solid #111;display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; text-align: center; font-family: "marseille", sans-serif; font-weight: 500;}
.overlay ul li a{font-size:18px; display:block; color:#fff !important; -webkit-transition:color 0.2s; transition:color 0.2s; letter-spacing: 0.1em;}
.overlay ul li a:hover, .overlay ul li a:focus{color:#fff;}
.overlay .sns{ display: flex; justify-content: center; align-items: flex-start; margin-bottom: 0;}
.overlay .sns li{margin: 0 10px;}
.overlay .sns li p{font-family: "marseille", sans-serif; font-weight: 500; font-size: 12px;}
.overlay .sns li img{  width:25px; margin-top:10px; border-bottom: none;}

.overlay-door{visibility:hidden; width:0; right:0; -webkit-transition:width 0.5s 0.3s, visibility 0s 0.8s; transition:width 0.5s 0.3s, visibility 0s 0.8s;}
.open .overlay-door{visibility:visible; width:100%; height:100vh; -webkit-transition:width 0.5s; transition:width 0.5s;}
.overlay-door nav{width:100%;}
.overlay-door nav, .overlay-door .overlay-close{opacity:0; -webkit-transition:opacity 0.3s 0.5s; transition:opacity 0.3s 0.5s;}
.open .overlay-door nav, .open .overlay-door .overlay-close{opacity:1; -webkit-transition-delay:0.5s; transition-delay:0.5s;}
.overlay-door.close nav, .overlay-door.close .overlay-close{-webkit-transition-delay:0s; transition-delay:0s;}
.overlay .sns_box{font-size:20px; margin:0 0 5% 0;}
.overlay .sns_box a{color:#fff; margin:0 5% 0 0;}
.overlay dl{margin:0 0 30px; float:left; width:100%; color:#fff;}
.overlay dt{margin:0 0 10px; color:#fff;}
.overlay dd{margin:0;}
.overlay dd a{margin:0 5% 0 0;}
.btn{display:block; width:50px; height:50px; position:fixed; z-index:8888; right:25px; top:0;}
.btn button{border:none; outline:none; background:none; text-indent:-9999px; position:absolute; top:15px; right:12px; width:25px; height:21px; cursor:pointer; z-index:4444; overflow:hidden; }
.btn button::before, .btn button::after{position:absolute; left:0; content:""; width:25px; height:0; border-top:1px solid #000;}
.other .btn button::before, .other .btn button::after{position:absolute; left:0; content:""; width:25px; height:0; border-top:1px solid #fff;}
.open .btn button::before, .open .btn button::after{position:absolute; left:0; content:""; width:25px; height:0; border-top:1px solid #fff;}
.btn button::before{top:3px; -webkit-transition:all .2s ease; transition:all .2s ease;}
.btn button::after{bottom:3px; -webkit-transition:all .2s ease; transition:all .2s ease;}
.open button{border-top:none; top:18px !important; width:25px; height:25px;}
.open button::before, .open button::after{top:12px; width:25px;}
.open button::before{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:all .2s ease; transition:all .2s ease;}
.open button::after{-webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .2s ease; transition:all .2s ease;}	
#trigger-overlay{ display:block;}

@media screen and (max-width:750px){
.btn{right:10px; top:0;}
.open button{border-top:none; top:14px !important;}
.open .overlay-door{visibility:visible; width:100%;} 
.overlay ul li{ padding:7% 0; }
header .menu-txt{right:9px; top:43px;}
}






/* TACO NARGOスライドショー */
.lower.taco .taco-slideshow{position: relative; width: 100%; height: 500px; border-radius: 50px; overflow: hidden;}
.lower.taco .taco-slide{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.2s ease-in-out;}
.lower.taco .taco-slide.active{opacity: 1;}

@media screen and (max-width:750px){
.lower.taco .taco-slideshow{height: 250px; border-radius: 25px;}
}