@charset "UTF-8";
/*-- base --*/
body{padding: 0px;font-family: 'Roboto', sans-serif;;letter-spacing: 1px;}
/*-- block --*/
img{width:100%;height:auto;}
.pc-2023{display: block!important;}
.pc-1200{display: block!important;}
.pc-992{display: block!important;}
.sp-2023{display: none!important;}
.sp-1200{display: none!important;}
.sp-992{display: none!important;}
.spc-2023{display: block!important;}
.xsp-2023{display: none!important;}
#wrapper2023{}
a{
  text-decoration: none!important;
}
.gmap__iframe {
    height: 0;
    overflow: hidden;
    padding-bottom: 80%;
    position: relative;
}
.gmap__iframe iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.container{width:100%;max-width: 1200px;padding: 0 40px;margin: 0 auto;}
@media (max-width:1200px){
.pc-1200{display: none!important;}
.sp-1200{display: block!important;}
}
@media (max-width:992px){
.container{max-width: 880px;padding: 0 30px;}
.pc-992{display: none!important;}
.sp-992{display: block!important;}
}
@media (max-width:900px){
.container{max-width: 100%;padding: 0 20px;}
.container.full__area900{padding: 0px;}
.pc-2023{display: none!important;}
.sp-2023{display: block!important;}
}
@media (max-width:768px){
.wrapper2023{}
}
@media (max-width:640px){
.container{max-width: 100%;padding: 0 15px;margin: 0 auto;}
.container.full__area900{padding: 0px;}
.xpc-2023{display: none!important;}
.xsp-2023{display: block!important;}
}

/* ------------------ */
/* --     Font     -- */
/* ------------------ */
h1,h2,h3,h4,h5,p{font-family: 'Roboto', sans-serif;letter-spacing: 1px;line-height: 150%; margin:0;padding:0;color: #fff;}
dl,dt,dd,ul,li{line-height: 150%;}
li,li a,li p,p{font-size:15px;}
b,strong{font-weight: 700!important;}
.white-txt{color:#ffffff;}
.txt42{
    font-size: 42px;
    line-height: 1.285;
    font-weight: 300;
    letter-spacing: -.036em;
}
.txt35{font-size: 35px;}
.txt30{font-size: 30px;}
.txt28{font-size: 28px;}
.txt27{font-size: 27px;}
.txt26{font-size: 26px;}
.txt25{font-size: 25px;}
.txt24{font-size: 24px;}
.txt22{font-size: 22px;}
.txt21{font-size: 21px;}
.txt20{font-size: 20px;}
.txt18{font-size: 18px;}
.txt16{font-size: 16px;}
.txt14{font-size: 14px;}
.txt13{font-size: 13px;}
.txt12{font-size: 12px;}
.txt10{font-size: 10px;}
.subtxt{font-size: 14px; margin-top: 10px;}
@media (max-width:900px){
li,li a,li p,p{font-size:14px;}
.txt42{font-size: 32px;}
.txt35{font-size: 27px;}
.txt30{font-size: 24px;}
.txt28{font-size: 23px;}
.txt27{font-size: 23px;}
.txt26{font-size: 22px;}
.txt25{font-size: 20px;}
.txt24{font-size: 20px;}
.txt22{font-size: 18px;}
.txt21{font-size: 18px;}
.txt20{font-size: 18px;}
.txt18{font-size: 16px;}
.txt16{font-size: 14px;}
.txt14,.subtxt{font-size: 13px;}
.txt13{font-size: 12px;}
.txt12{font-size: 12px;}
.subtxt{font-size: 12px; margin-top: 10px;}
}
@media (max-width:640px){
li,li a,li p,p{font-size:14px;}
.txt42{font-size: 24px;}
.txt35{font-size: 20px;}
.txt24{font-size: 18px;}
.txt22{font-size: 16px;}
}

/* ------------------ */
/* --     FLEX     -- */
/* ------------------ */
.flex{display: flex;flex-wrap: wrap;}
.flex.flex__re{flex-direction: row-reverse;}
.flex.flex__di__co{flex-direction: column;}
.flex.flex__ju__bet{justify-content: space-between;}
.flex.flex__ju__center{justify-content: center;}
.flex.flex__al__center{align-items: center;}
.flex-33-left,.flex-33-right,.flex-33-center{flex-basis: 33.33333333%;width:33.33333333%;}
.flex-70-left,.flex-70-right{flex-basis: 70%;width:70%;}
.flex-60-left,.flex-60-right{flex-basis: 60%;width:60%;}
.flex-50-left,.flex-50-right,.flex-left,.flex-right{flex-basis: 50%;width:50%;}
.flex-40-left,.flex-40-right{flex-basis: 40%;width:40%;}
.flex-50-left,.flex-60-left,.flex-70-left,.flex-left{padding-right:20px;}
.flex-50-right,.flex-60-right,.flex-70-right,.flex-right{padding-left:20px;}
.flex-20{flex-basis: 20%;width:20%;padding-right:15px;}
.flex-40-left{padding-right:15px;}
.flex-40-right{padding-left:15px;}
.flex-33-left{padding-right:20px;}
.flex-33-right{padding-left:20px;}
.flex-33-center{padding:0 10px;}
.flex-2{width:48%;}
.flex-3{width:32%;}
.flex-4{width:24%;}
.left-50,.right-50{width:50%;}
.left-50{padding-right:15px;}
.right-50{padding-left:15px;}
@media (max-width:1000px){
.left-50,.right-50{width:100%;}
.left-50{padding-right:0px;}
.right-50{padding-left:0px;}
}
@media (max-width:900px){
.flex{display: block;}
.flex.allflex{display: flex;}
.flex-50-left,.flex-50-right,.flex-33-left,.flex-33-right,.flex-33-center,.left-50,.right-50,.flex-4,.flex-60-left,.flex-60-right,.flex-70-left,.flex-70-right,.flex-40-left,.flex-40-right{flex-basis: 100%;width:100%;}
.flex-50-left,.flex-50-right,.left-50,.right-50,.flex-60-left,.flex-60-right,.flex-70-left,.flex-70-right,.flex-40-left,.flex-40-right{padding:0;}
.flex-33-left{padding-right:0px;}
.flex-33-right{padding-left:0px;}
.flex-33-center{padding:0px;}
.flex-2{width:100%;}
.flex-3{width:100%;}
.flex-4{width:100%;}
}

/*-- baseここまで --*/

/* -------------------- */
/* --     header     -- */
/* -------------------- */
header{position: fixed;top:0;left:0;right:0;z-index:1000;background-color:rgba(0,0,0,.5);}
.burger-btn {display: none;}
.nav-wrapper{margin-left:auto;}

/* ヘッダー */
.header > .container {height: 80px;display: flex;align-items: center;max-width: none;position: relative;}

/* ロゴ */
.area_logo_header{display: flex;align-items: center;position: relative;top:0;z-index: 10;transition: all .5s;}
.fp-viewing-top .area_logo_header{
    top:-100px;
}
.area_logo_header .top-logo{}
.area_logo_header .top-logo img{width: 100%;max-width:130px;margin-left:0px;position: relative;z-index: 10;}

/* リストナビ */
.list_nav_header {display: flex;align-items: center;}
.list_nav_header li{margin-right: 20px;}
.list_nav_header li:last-child{margin-right: 0px;}
.list_nav_header a {font-size: 12px; font-weight: 400;color: #fff;padding: 0 10px;letter-spacing: 1px;transition: all .3s;}
.nav-bg{transition: all .5s;}
@media (max-width:1300px){
.list_nav_header li{margin-right: 15px;}
.list_nav_header a {color: #fff;padding: 0 5px;}
}
@media screen and (max-width:1200px) { 
/* 以下、ハンバーガーボタン */
.burger-btn,.burger-btn span {display: inline-block;transition: all .4s;box-sizing: border-box;transition-delay: .5s;}
.burger-btn {position: relative;width: 30px;height: 15px;background: none;border: none;appearance: none;cursor: pointer;margin-left:auto;margin-right: 0px;z-index:9999;}
.burger-btn span {position: absolute;left: 0;width: 25px;height: 2px;background-color: #fff;border-radius: 4px;}
.burger-btn span:nth-of-type(1) {top: 0px;}
.burger-btn span:nth-of-type(2) {top: 7px;}
.burger-btn span:nth-of-type(3) {bottom: 0px;}
.close.burger-btn {position: relative;width: 30px;height: 30px;background: #fff;border-radius: 50%;transition-delay: .5s;}
#menu01.close span:nth-of-type(1) {background-color: #000;transform: translateX(2px) translateY(13px) rotate(-45deg);}
#menu01.close span:nth-of-type(2) {background-color: #000;transform: translateX(2px) translateY(5px) rotate(45deg);}
#menu01.close span:nth-of-type(3) {background-color: #000;opacity: 0;}

/* スクロール制御 */
.noscroll{position: relative;overflow: hidden!important;background: rgba(0,0,0,.6);}
header > .container,header.header-under > .container {height: 70px;}
.header > .container{margin-left: auto;}
    
/*ヘッダー　ロゴ*/
header,header.header-under{background-color:rgba(0,0,0,.5);}
header > .container{content: '';background-color: transparent;z-index:5;position: absolute;top:0;left:0;right:95px;bottom:0;}
.area_logo_header{width:100%;}
.area_logo_header a.top-logo.pc-logo{display: none;}
.area_logo_header a.top-logo.sp-logo{display: flex;}
.area_logo_header .top-logo img{width:auto;height: 25px;vertical-align: bottom;margin-left:-10px;margin-right:auto;}
    
 /* 以下、ハンバーガーメニュー */
.nav-wrapper {height: 100%;left: 0;right:-320px;position: fixed;top: 0;transition: .5s;width: 300px;background-color: #0E0E0E;display: block;padding:20px 0 50px;z-index: 9990;transition-delay: .2s;}
.header-nav {background: #0E0E0E;height: 100%;width: 100%;}
.header-nav li {margin-bottom: 0px;margin-right: 0;}
    
/* メニューオープン時 */
.nav-wrapper.slide-in{right:0;overflow-x: hidden;overflow-y: scroll;}
.nav-bg.activeBg{content: '';position: fixed;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.6);z-index:900;overflow: hidden;transition: all .5s;}
    
/* リストナビ */
.list_nav_header,.list_nav_header_sp{display: block;text-align: center;padding:0px 20px;}
.list_nav_header_sp{padding: 20px 20px 30px;}
.list_nav_header{display: block;align-items: center;}
.list_nav_header li {border-left: none;padding:20px 0;}
.list_nav_header li:last-child{}
.list_nav_header a {display: block;align-items: center;padding:15px 0px;font: 400 15px/1em 'noto sans japanese',sans-serif;color:#fff;}
.list_nav_header_sp .list__spbox1{
    margin: 0 0 10px;
}
.list_nav_header_sp .list__spbox2{
    margin: 0 0 10px;
    border:1px solid #9E9E9F;
}
.list_nav_header_sp .list__spbox1 a,.list_nav_header_sp .list__spbox2 a{
    display: flex;
    align-items: center;
    padding: 15px;
    color: #fff;
}
.list_nav_header_sp .list__spbox1 a p{
    display: block;
    text-align: center;
    color: #fff;
    width:calc(95% - 30px);
}
.list_nav_header_sp .list__spbox2 a p{
    display: block;
    text-align: center;
    color: #000;
    width:calc(95% - 30px);
}
.list_nav_header_sp .list__spbox1 a img,.list_nav_header_sp .list__spbox2 a img{
    width:30px;
}
}
@media (max-width:640px){
.header > .container,.header.header-under > .container {height: 60px;}
.burger-btnarea::before{content: '';position: absolute;top:0;left:auto;right:0;bottom:0;width:72px;z-index:1;}
.burger-btn span {position: absolute;left: 0;width: 25px;height: 2px;background-color: #fff;border-radius: 4px;}
.area_logo_header .top-logo img {width:70%;max-width: 150px; height: auto;vertical-align: bottom;margin-left:0px;margin-right:auto;}
.area_nav_header .h-logo{display: block;width:280px;}
.list_nav_header_sp{padding: 20px 20px 120px;}
}
@media (max-width:440px){
.under-title h1 img{max-width: 80%;}
}



/* ---------------------- */
/* --     Contents     -- */
/* ---------------------- */
.section{
    position: relative;
    overflow: hidden;
 }
.section.fade-6{
    background: rgba(0,0,0,.6);
}
.section .wrap{
    position: relative;
    z-index: 1;
}
.section__top::before{
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 100%;
    background: url(../image/top/01.jpg)no-repeat center/cover;
    transform: scale(1.05);
    z-index:-2;
}
.section__kokoro::before{
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 100%;
    background: url(../image/hope/01.jpg)no-repeat center/cover;
    transform: scale(1.05);
    z-index:-2;
}
.section__taste::before{
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 100%;
    background: url(../image/taste/01.jpg)no-repeat center/cover;
    transform: scale(1.05);
    z-index:-2;
}
.section__kodawari::before{
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 100%;
    background: url(../image/comm/00.jpg)no-repeat center/cover;
    transform: scale(1.05);
    z-index:-2;
}
.section__menu::before{
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 100%;
    background: url(../image/menu/01.jpg)no-repeat center/cover;
    transform: scale(1.05);
    z-index:-2;
}
.section__wine::before{
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 100%;
    background: url(../image/wine/01.jpg)no-repeat center/cover;
    transform: scale(1.05);
    z-index:-2;
}
.section__store::before{
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 100%;
    background: url(../image/store/03.jpg)no-repeat center/cover;
    transform: scale(1.05);
    z-index:-2;
}
.section__info::before{
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 100%;
    background: url(../image/info/02.jpg)no-repeat center/cover;
    transform: scale(1.05);
    z-index:-2;
}
.section__takeout__bg::before{
    content: '';
    display: block;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height: 100vh;
    background: url(../image/cater/06.jpg)no-repeat center/cover;
    transform: scale(1.05);
    z-index:-3;
}
.section__takeout__bg::after{
    content: '';
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: rgba(0,0,0,.6);
    z-index: -2;
}
.section__catering::before{
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height: 100%;
    background: url(../image/cater/02.jpg)no-repeat center/cover;
    transform: scale(1.05);
    z-index:-2;
}
.fp-completely.section__top::before,
.fp-completely.section__kokoro::before,
.fp-completely.section__taste::before,
.fp-completely.section__kodawari::before,
.fp-completely.section__menu::before,
.fp-completely.section__wine::before,
.fp-completely.section__store::before,
.fp-completely.section__info::before,
.fp-completely .section__takeout__bg::before,
.fp-completely.section__catering::before{
    -webkit-animation: bg_anime 5s both;
    animation: bg_anime 5s both;
}
@-webkit-keyframes bg_anime {
  0% {
  -webkit-transform: scale(1.05);
}
100% {
  -webkit-transform: scale(1.0);
}
}

@keyframes bg_anime {
  0% {
  transform: scale(1.05);
}
100% {
  transform: scale(1.0);
}
}

.section__top .wrap{display: flex;flex-direction: column;justify-content: flex-end;align-items: center;text-align: center;}
.section__top .wrap p{
    font-size: 12px;
    line-height: 180%;
    color:#fff;
    margin-bottom: 70px;
}
.section__top .wrap img{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 300px;
}
.section__top .highlight{
    position: absolute;
    left: 50%;
    bottom: 100px;
    width: 30px;
    height: 30px;
    margin-left: -12px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 2s infinite;
    animation: sdb 2s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb {
  0% {
  -webkit-transform: rotate(-45deg) translate(0, 0);
}
100% {
  -webkit-transform: rotate(-45deg) translate(-10px, 10px);
}
}

@keyframes sdb {
  0% {
  transform: rotate(-45deg) translate(0, 0);
}
100% {
  transform: rotate(-45deg) translate(-10px, 10px);
}
}

.titlepo{
  margin-top:50px;
}
@media (max-height: 768px) {
.section__top .wrap img{
    top:46%;
}
.section__top .wrap p{
    margin-bottom: 20px;
}    
}
@media (max-width: 900px) {
    
}
@media (max-width: 900px) {
.section__top::before{
    background: url(../image/top/02.jpg)no-repeat center/cover;
}
.section__top .wrap p{
    font-size: 12px;
    color:#fff;
    margin-bottom: 30px;
}
}

@media (max-width:768px){
.section__top .highlight{  
  bottom:8%;
}
.titlepo{
  margin-top:10px;
}

.section__kokoro::before{
    background: url(../image/hope/01.jpg)no-repeat center right/cover;
}
.section__taste::before{
    background: url(../image/taste/01.jpg)no-repeat center/cover;
}
.section__kodawari::before{
    background: url(../image/comm/00.jpg)no-repeat center/cover;
}
.section__menu::before{
    background: url(../image/menu/01.jpg)no-repeat center/cover;
}
.section__wine::before{
    background: url(../image/wine/01.jpg)no-repeat center/cover;
}
.section__store::before{
    background: url(../image/store/03.jpg)no-repeat center/cover;
}
.section__info::before{
    background: url(../image/info/02.jpg)no-repeat center/cover;
}
.section__takeout::before{
    background: url(../image/cater/06.jpg)no-repeat center/cover;
}
.section__catering::before{
    background: url(../image/cater/02.jpg)no-repeat center/cover;
}
}
@media (max-width: 640px){
.titlepo{
  line-height:150%;
}
.section__top .wrap img{
    position: absolute;
    top:46%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 200px;
}
.section__top .wrap p{
    font-size: 11px;
    color:#fff;
    margin-bottom: -30px;
}
}
@media (max-width:480px){
.section__top .highlight{  
  bottom:8%;
}
}

/*リボンのこだわり*/
@media (max-width: 900px) {
.item1{
  order: 1;
  text-align:left;
}
.item2{
  order: 2;
}
}

/*-- メニュー ワインリスト --*/
.section__menu h3,.section__wine h3{
    font-weight: 400;
}
.section__wine h4{font-size: 15px; font-weight: 600;color:#202020;margin-bottom: 30px;}
.pad{
    border-radius:6px;
    padding:30px;
    color:#202020;
    background:rgba(255,255,255,0.7);
    box-shadow:0 1px 4px rgba(0,0,0,.1);
}
.pad h3,.pad p{color:#202020;}
.section__menu ul li,.section__wine ul li{
    line-height: 180%;
    margin-bottom: 15px;
    font-weight: 600;
    color:#202020;
}
.section__wine ul li:nth-child(3){
    margin-bottom: 40px;
}
.section__menu ul li p,.section__wine ul li p{
    color:#202020;
}
@media (max-width: 768px) {
.pad{
    padding:20px;
}
}


/*-- 店舗情報 --*/
.info-img{
  margin-top:32px;
}


/*-- テイクアウト --*/

.section__catering .titlepo,.section__takeout .titlepo{
    margin-left: auto;
    margin-right: auto;
    max-width: 650px;
}
.cater{
  border-bottom:1px solid #000;
  margin-bottom:1px;
}
.section__takeout__header p{
    font-weight:700;
}
.section__takeout__header span{
    font-weight:700;
    margin-left: 10px;
}
.takeout__box1 .txt15{
  border-bottom:1px solid;
    padding-bottom: 2px;
    margin-bottom: 10px;
}
.section__takeout ul li.mark-li{
    display:flex;align-items: flex-start;
}
.section__takeout ul li.mark-li span{
    padding-right: 3px;
}
.takeout__box1 ul{
    margin: 0;
}
.takeout__box1 ul li{
    margin: 5px 0;
}
.takeout__box1 ul li.num__tel{
    padding: 8px 0;
}
.takeout__box1 ul li:first-child{
    margin: 5px 0 10px;
}
.takeout__box1 ul.list__bottom{
    margin: -10px 0 0;
}
.section__takeout ul .hidemenu05.mark-li { display:flex;align-items: flex-start;}
.section__takeout ul .hidemenu05s.mark-li {display:none;}
@media (min-width:900px) and (max-width:1100px){
.section__takeout ul .hidemenu05.mark-li {display:none;}
.section__takeout ul .hidemenu05s.mark-li { display:flex;align-items: flex-start;}
}
@media(max-width:900px){
.section__takeout ul .hidemenu05s.mark-li { display:none;}
.section__takeout ul .hidemenu05.mark-li { display:flex;align-items: flex-start;}
}

.section__takeout ul .hidemenu06.mark-li {display:flex;align-items: flex-start;}
.section__takeout ul .hidemenu06s.mark-li { display:none;}
@media (min-width:900px) and (max-width:1000px){
.section__takeout ul .hidemenu06.mark-li {
  display:none;
}
}
@media (min-width:900px) and (max-width:1000px){
.section__takeout ul .hidemenu06s.mark-li { display:flex;align-items: flex-start;
}
}
@media(max-width:900px){
.section__takeout ul .hidemenu06s.mark-li { display:none !important;
}
}

.section__takeout ul .hidemenu07.mark-li { 
   display:flex;align-items: flex-start;
}
@media (min-width:900px) and (max-width:1000px){
.section__takeout ul .hidemenu07.mark-li {
  display:none;
}
}
.section__takeout ul .hidemenu07s.mark-li { display:none;
}
@media (min-width:900px) and (max-width:992px){
.section__takeout ul .hidemenu07s.mark-li {  display:flex;align-items: flex-start;
}
}
@media(max-width:900px){
.section__takeout ul .hidemenu07s.mark-li { display:none !important;
}
}

@media (max-width:900px){

}
@media (max-width:768px){

}
@media (max-width:640px){
.section__takeout__header span{
    display: block;
    margin-left: 0px;
}
}

/*--  takeout__box2 --*/
.takeout__box2 .take-dl{
    display:flex;
    flex-wrap: wrap;
    line-height: 150%;
    max-width: 90%;
    margin: 0 auto;
}
.takeout__box2 .take-dl dt{
    width:calc(100% - 130px);
    border-bottom: 1px solid #202020;
    padding: 10px 0;
    margin-bottom: 5px;
    font-weight: 400;
    display: flex;
}
.takeout__box2 .take-dl dt b{
    display: flex;
}
.takeout__box2 .take-dl dt span,.takeout__box2 .take-dl dt b span{
    padding-right: 2px;
}
.takeout__box2 .take-dl dd{
    width:130px;
    border-bottom: 1px solid #202020;
    padding: 10px 0;
    margin-bottom: 5px;
    text-align: right;
}
.section__takeout .take-cash{
    font-size:15px;
}
.section__takeout .take__bold{
    font-weight: 700;
    padding: 0;
    width: auto;
}
.takeout__box2 .take-dl dt.take-dt-last,.takeout__box2 .take-dl dd.take-dt-last,
.takeout__box2 .take-dl dt.take-dt-last01,.takeout__box2 .take-dl dd.take-dt-last01{
    border-bottom: 0px;    
}
@media (max-width:1200px){
.takeout__box2 .take-dl{
    display:flex;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 auto;
} 
.takeout__box2 .take-dl dt{
    width:calc(100% - 130px);
    border-bottom: 1px solid #202020;
    padding: 5px 0 10px;
    margin-bottom: 5px;
    font-weight: 400;
    display: flex;
}
.takeout__box2 .take-dl dd{
    width:130px;
    border-bottom: 1px solid #202020;
    padding: 5px 0 10px;
    margin-bottom: 5px;
    text-align: right;
}
}
@media (max-width:1000px){
.takeout__box2 .take-dl{
    max-width: 80%;
    margin: 0 auto;
}
.takeout__box2 .take-dl dt{
    width:calc(100% - 130px);
    border-bottom: 1px solid #202020;
    padding: 10px 0;
    margin-bottom: 5px;
    font-weight: 400;
}
.takeout__box2 .take-dl dd{
    width:130px;
    border-bottom: 1px solid #202020;
    padding: 10px 0;
    margin-bottom: 5px;
}
.takeout__box2 .take-dl dt.take-dt-last01,.takeout__box2 .take-dl dd.take-dt-last01{
    border-bottom: 1px solid #000;    
}
}
@media (max-width:900px){
.section__takeout .take-cash{
    font-size:14px;
    font-weight: 400;
}
.takeout__box2 .take-dl dt.take-dt-last,.takeout__box2 .take-dl dd.take-dt-last{
    border-bottom: 0px;    
}
}
@media (max-width:768px){
.section__takeout dl dt{
    font-size: 15px;
}
.section__takeout dl dt br{
    display: none;
}
.takeout__box2 .take-dl{
    max-width: 100%;
    margin: 0 auto;
}
.takeout__box2 .take-dl dt{
    width:calc(100% - 130px);
    border-bottom: 1px solid #202020;
    padding: 10px 0;
    margin-bottom: 5px;
    font-weight: 400;
    display: flex;
}
.takeout__box2 .take-dl dd{
    width:130px;
    border-bottom: 1px solid #202020;
    padding: 10px 0;
    margin-bottom: 5px;
}
}


/*--  takeout__box3 --*/

.takeout__box3 .flex-3{
    padding: 0 10px;
}
.takeout__box3 .flex-3 .txt14{
    margin: 10px 0;
}
.takeout__box3 .flex-3 .txt15{
    padding-top: 0px;
}
.take-tr{
  border-bottom: 1px solid black;
}

@media (max-width:1000px){
.takeout__box3 .flex-3 p{text-align: center;}
.takeout__box3 .flex-3{
    padding: 20px 0 0;
    width: 100%;
}
.takeout__box3 .flex-3 .txt14{
    margin: 10px 0 0px;
}
}

@media (max-width:640px){
.takeout__box3 .flex-3{
    padding: 20px 0 0;
    width: 100%;
}
}

/*--  takeout__box4 --*/

.takeout__box4 .flex-3{
    padding: 0;
}
.takeout__box4 ul li span{
    display: inline-block;
    width:130px;
    text-align: left;
    padding-left: 10px;
}
@media (max-width:900px){
.takeout__box4 .flex-3{
    padding: 10px 0px;
}   
.takeout__box4 .flex-3:first-child{
    padding: 0px 0px 10px;
}   
}

/*--  takeout__box5 --*/
.takeout__box5 .left__box{
    max-width: 90%;
    margin-left: auto;
}
.takeout__box5 .right__box{
    max-width: 90%;
    margin-right: auto;
}
.takeout__box5 h3{
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.takeout__box5 dl{
    display: flex;
    flex-wrap: wrap;
}
.takeout__box5 dl dt{
    width:calc(100% - 120px);
    font-weight: 400;
    text-align: left;
    padding: 5px 0;
    margin-bottom: 5px;
}
.takeout__box5 dl dd{
    width:120px;
    padding: 5px 0;
    margin-bottom: 5px;
    text-align: right;
}
@media (max-width:1200px){
.takeout__box5 .left__box{
    max-width: 100%;
    margin-left: auto;
}
.takeout__box5 .right__box{
    max-width: 100%;
    margin-right: auto;
}    
}
@media (max-width:1000px){
.takeout__box5 .left__box{
    max-width: 80%;
    margin:0 auto;
}
.takeout__box5 .right__box{
    max-width: 80%;
    margin:0 auto;
}     
}
@media (max-width:900px){
  .take-caption{
  border-bottom:none!important;
  padding-bottom:0;
  font-size: 17px;
}
}
@media (max-width:768px){
.takeout__box5 .left__box{
    max-width: 100%;
    margin:0 auto;
}
.takeout__box5 .right__box{
    max-width: 100%;
    margin:0 auto;
}   
}

.num__tel{
  font-size:25px;
  font-weight:bold;
}
@media (max-width:900px){
.num__tel{
  font-size:20px;
}
}
@media (max-width:768px){
.num__tel{
  font-size:18px;
}
}

/*-- テイクアウトここまで --*/


/*-- ケータリングここから --*/

.section__catering .titlepo p{
    font-weight: 700;
}
.section__catering .pad .flex-50-right .txt15{
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}
.yoyaku{
  margin:15px 0;
  border:solid 0px;
  font-size:16px;
  font-weight:bold;
  background-color:#ddd;
  width:100%;
  padding:10px;
}
.cater-li{
    font-size:14px;
    font-weight:600;
    margin-bottom: 5px;
}
.cater-li02{
    font-size:13px;
    font-weight:600;
    margin-bottom: 5px;
}
.cater-li03{
    font-size:14px;
    font-weight:600;
    margin:10px 0;
    padding: 8px;
    border:solid 1.5px;
    text-align:center;
}
.cater-li04{
    font-size:14px;
    font-weight:600;
    line-height: 150%;
    margin:5px 0;
    display: flex;
    align-items: flex-start;
}
.cater-li04 p{
    line-height: 150%;
}
@media (max-width:900px){
.section__catering .pad .flex-50-right{
    margin-top: 15px;
}
.cater-li,.cater-li03,.cater-li04{
    font-size:13px;
}
.cater-li02{
  font-size:12px;
  font-weight:bold;
}
}

@media(max-width: 640px){

}


.hidemenu01{ 
  display:block;
}
.hidemenu02 { display:block;}
.hidemenu01s{ 
    display:none;
}
.hidemenu02s{ 
    display:none;
}
@media (min-width:900px) and (max-width:1450px){
.hidemenu01 {display:none;}
.hidemenu01s{ display:block;}
}
@media (max-width:1200px){
.hidemenu02 { display:none;}
.hidemenu02s{ 
    display:block;
}    
}
@media (max-width:900px){
.hidemenu01 { display:block;}
.hidemenu01s { display:none;}
}


@media (min-width:1049px){
  .hidemenu08 { 
  display:block;
}
}
@media (min-width:900px) and (max-width:1049px){
  .hidemenu08 {
  display:none;
}
}
@media(min-width:1050px){
  .hidemenu08s { display:none;
}
}
@media (min-width:900px) and (max-width:1050px){
  .hidemenu08s { display:black;
}
}
@media(max-width:900px){
  .hidemenu08s { display:none !important;
}
}

.hidepoint{
  display:none;
}
/*テイクアウトここまで*/


/*footer*/
footer{
    position: relative;
    width:100%;
    z-index:15;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:20px 0;
}
footer p{
    font-size: 14px;
    color: #fff;
}
@media (max-width: 900px) {
footer p{
    font-size: 12px;
}
}


/*----------------------*/
/*-アニイメーションディレイ-*/
/*----------------------*/
.active .tr-delay-2{
    transition-delay: .2s!important;
}
.active .tr-delay-3{
    transition-delay: .3s!important;
}
.active .tr-delay-4{
    transition-delay: .4s!important;
}
.active .tr-delay-5{
    transition-delay: .5s!important;
}
.active .tr-delay-6{
    transition-delay: .6s!important;
}
.active .tr-delay-7{
    transition-delay: .7s!important;
}
.active .tr-delay-8{
    transition-delay: .8s!important;
}
.active .tr-delay-9{
    transition-delay: .9s!important;
}
.active .tr-delay-10{
    transition-delay: 1s!important;
}

/*--------------*/
/*-ズームして表示-*/
/*-------------*/
.zoomin{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: scale(1.2);
}
.zoomin.active{
    opacity: 1;
    transform: scale(1);
}
/*--------------*/
/*-ズームして表示-*/
/*-------------*/
.fadein,.fadein-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: scale(0.9);
}
.fadein.active,.is_active.fadein-top{
    opacity: 1;
    transform: scale(1);
}
/*--------------*/
/*-下からスライド-*/
/*-------------*/
.botin,.botin-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateY(40px);
}
.botin.active,.is_active.botin-top{
    opacity: 1;
    transform: translateY(0);
}

/*--------------*/
/*-左からスライド-*/
/*-------------*/
.leftin,.leftin-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateX(-30px);
}
.leftin.active,.is_active.leftin-top{
    opacity: 1;
    transform: translateX(0);
}
/*--------------*/
/*-右からスライド-*/
/*-------------*/
.rightin,.rightin-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateX(30px);
}
.rightin.active,.is_active.rightin-top{
    opacity: 1;
    transform: translateX(0);
}
/*--------------*/
/*-左下からスライド-*/
/*-------------*/
.leftbotin,.leftbotin-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateX(-40px)translateY(40px);
}
.leftbotin.active,.is_active.leftbotin-top{
    opacity: 1;
    transform: translate(0,0);
}
/*--------------*/
/*-右下からスライド-*/
/*-------------*/
.rightbotin,.rightbotin-top{
    -webkit-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .8s ease-out;
    opacity: 0;
    transform: translateX(40px)translateY(40px);
}
.rightbotin.active,.is_active.rightbotin-top{
    opacity: 1;
    transform: translate(0,0);
}

@media (max-width:900px){

}

/*#fp-nav*/

.body__wrappers #fp-nav{top:48%;right:5%;display: block!important;}
.body__wrappers #fp-nav ul li,.body__wrappes .fp-slidesNav ul li {
    width:0;
    height:auto;
    display: block;
    margin: 0px 0 5px;
    position: relative;
}
.body__wrappers #fp-nav ul li a{
    width:4px;
    height:20px;
    margin: 0 0 5px;
    display: block;
    opacity: .5;
    transition: .5s;
    background: #fff;
    border-radius: 1px;
    border: none;
}
.body__wrappers #fp-nav ul li a span,
.body__wrappers .fp-slidesNav ul li a span {
    height: 0;
    width: 0;
    margin: 0;
}
.body__wrappers #fp-nav ul li a.active,
.body__wrappers .fp-slidesNav ul li a.active,
.body__wrappers #fp-nav ul li:hover a.active,
.body__wrappers .fp-slidesNav ul li:hover a.active,
.body__wrappers.fp-viewing-top #fp-nav ul li.nav__1 a,
.body__wrappers.fp-viewing-kokoro #fp-nav ul li.nav__2 a,
.body__wrappers.fp-viewing-taste #fp-nav ul li.nav__3 a,
.body__wrappers.fp-viewing-kodawari #fp-nav ul li.nav__4 a,
.body__wrappers.fp-viewing-menu #fp-nav ul li.nav__5 a,
.body__wrappers.fp-viewing-wine #fp-nav ul li.nav__6 a,
.body__wrappers.fp-viewing-store #fp-nav ul li.nav__7 a,
.body__wrappers.fp-viewing-info #fp-nav ul li.nav__8 a,
.body__wrappers.fp-viewing-takeout #fp-nav ul li.nav__9 a,
.body__wrappers.fp-viewing-catering #fp-nav ul li.nav__10 a{
    opacity: 1;
    height: 60px;
 }
.body__wrappers #fp-nav ul li a.active span,
.body__wrappers .fp-slidesNav ul li a.active span,
.body__wrappers #fp-nav ul li:hover a.active span,
.body__wrappers .fp-slidesNav ul li:hover a.active span{
    width: 0px;
 }
@media (max-width: 900px) {
#fp-nav ul{display: none!important;}
}