@charset "utf-8";
/* CSS Document */



html{
	font-size: 62.5%;/*16px x 62.5%=10px*/
}
body{
	color: #000000;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	font-size: 1.4rem;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
  line-height: 1.85;
  background-color: #f9f9f1;
}
a{
	color: #000000;
}
img{
 max-width: 100%;
 height: auto;
 vertical-align: bottom;
}


/*--------------------------------
 *utility
 --------------------------------*/
.sp{
  display: none;
}

.tab{
  display: none;
}

.pc{
  display: block;
}

.text-center{
	text-align: center;
}

.w-1400{
  max-width: 1400px;
  margin: 0 auto; 
}

.w-1000{
  max-width: 1000px;
  margin: 0 auto;
}

.text-color_red{
  color: #a30f1b;
  font-weight: 700;
}

.text-bold{
  font-weight: 700;
}

.caution{
  text-align: left;
  border: solid 2px #a30f1b;
  width: 42%;
  padding: 10px 20px;
  margin: 0 29% 40px;
}

.caution-title{
  margin-bottom: 20px;
}
.img-pc{
	display: block;

}
.img-sp{
	display: none;
}

.bg-beige{
  background-image: url("../img/home/information_bg_pc.jpg");
  padding: 40px 0 100px;
  background-size: cover; 
}


/*--------------------------------
 *flex-wrap
 --------------------------------*/
.flexwrap-inner{
  padding: 40px 0;
} 

.flexwrap-list{
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.flexwrap-item{
  width: 33.3333%;
}

.flexwrap-thumb{
  width: 232px;
  margin: 0 auto 10px;
}

/*--------------------------------
 *section
 --------------------------------*/
.section-header{
  padding: 40px 20px 0;
  margin-bottom: 100px;

  
}

.section-title_EN{
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1;
  border-bottom: solid 5px #E4B523;
  position: relative;
  width: 240px;
  margin: 30px auto 50px;
}

.section-title_EN:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 5px #67331D;
  bottom: -5px;
  width: 30%;
}

.section-title_JP{
  font-size: 1.8rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 10px;
}

.section-subtitle_EN{
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1;
}

.section-subtitle_JP{
  font-size: 1.4rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 40px;
  line-height: 1.5;
}

/*--------------------------------
 *header
 --------------------------------*/

.header{
  padding: 0;
  position: fixed;
	top: 0;
	left: 0;
  z-index:200;
	width: 100%;
	background-color: #f9f9f1;

}

.header-inner{
  display: flex;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: flex-end;

}

.logo{
  width: 192px;
}

/*--------------------------------
 *navigation
 --------------------------------*/
.global-navi{
  min-width: 600px;
  padding-top: 20px;  
}



.navi{
  max-width: 600px;
  display: flex;
  align-items: center;
}

.navi>li>a>span.EN{
  display: inline;
}

.navi>li>a:hover>span.EN{
  display: none;
}

.navi>li>a>span.JP{
  display: none;
}

.navi>li>a:hover>span.JP{
  display: inline;
}


.navi-menu{
  width: 100%;
  text-align: center;
  position: relative;
}

.navi-menu_current{
  border-bottom: solid 3px #A30F1B;
}


.sns{
  font-size: 2.4rem;
  padding-right: 10px;
}
/*dropdown-menu*/

.dropdown-menu{
  background-color: #f9f9f1;  
  width: 100%;
  display: none;
  position: absolute;
  margin-left: -5px;
  margin-top: 0px;
  padding: 0;
  z-index: 100;
  line-height: 1;

}

.dropdwn_menu li{
    width: 100%;
}

.dropdown-menu li a{
    display: block;
}

.close{
  display: none;
}

.drpdwn-item{
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #67331D;
}

.drpdwn-item:last-of-type{
  border: none;
}
.drpdwn-item_jp{
  font-size: 1.2rem;
}
/*--------------------------------
 *contact-box*
 --------------------------------*/

.contact-text-box{
  display: flex;
  background-color: #67331D;
  border: solid 2px #E4B523;
  border-radius: 10px;
  color: #f9f9f1;
  padding: 5px;
  line-height: 1;
}

.contact-item{
  text-align: center;
}
.tel-icon{
  font-size: 2.6rem;
  margin-right: 6px;
}
.contact-text{
  font-size: 1.2rem;
}
.contact-tel>a{
  color: #f9f9f1;
}

.contact-tel{
  font-size: 1.4rem;
}

/*--------------------------------
 *main
 --------------------------------*/
.main{
  padding-top: 72px;

}

.top-kv{
  position: relative;
}

.main-thumb{
  position: relative;
}

.main-text{
  padding: 50px 0 60px;
}

.catch-text-box{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #f9f9f1;
  background-color: rgba(103,51,29,0.8);
  padding: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.3;
}

.catch-text1{
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.catch-text2{
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: 0.6em;
}

.catch-text3{
  letter-spacing: 0.3em;
  padding-left: 30px;
}

/*--------------------------------
 *news
 --------------------------------*/

.news-title{
  margin-bottom: 20px;
}

.news-text{
  max-width: 750px;
  margin: 0 auto 50px;
}

.sns-timeline{
  display: flex;
  justify-content: space-around;
}

.snapwidget-widget{
  border:none;
  overflow:hidden;
  width:510px;
  height:340px
  
}

.insta-btn{/*ボタンの下地*/
  color: #f9f9f1;/*文字・アイコン色*/
  border-radius: 10px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 60px;/*高さ*/
  width: 250px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 18px;/*文字のサイズ*/
  line-height: 60px;/*高さと合わせる*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
  margin: 30px 0;
}

.insta-btn:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta-btn .fa-instagram{/*アイコン*/
  font-size: 28px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
  color: 135deg, #427eff 0%, #f13f79 70%;
}

.insta-btn span {/*テキスト*/
  display:inline-block;
  margin: 0 20px 0 30px;
  position: relative;
  transition: .5s
}

.insta-btn:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}
/*--------------------------------
 *home-about
 --------------------------------*/
.section-about{
  background-image: url("../img/home/wood_bg_pc.jpg");
  padding: 40px 20px 100px;
  background-size: cover;

}

.about-text>p{
  max-width: 730px;
  margin: 0 auto;
}
.view-more-box{
  background-color: #67331D;
  border: solid 2px #E4B523;
  border-radius: 10px;
  padding: 5px;
  width: 110px;
  margin: 20px 0 0 auto;
}
.view-more-box2{
  width: 180px;
}
.view-more-box-text{
  color: #f9f9f1;
  line-height: 1;
}



/*--------------------------------
 *about-page
 --------------------------------*/
.about,.access,.menu{
  padding: 112px 0 100px;
  background-image: url("../img/about/owner_bg_pc.jpg");
}

/*-------owner--------*/
.owner{
  display: flex;
  justify-content: center;
}

.owner-img{
  max-width: 300px;
  margin-right: 50px;
}

.owner-text-box{
  min-width: 600px;
  width: 600px;  
  padding: 20px;
}

.owner-text-title{
  margin-bottom: 20px;
}
.owner-text{
  text-align: left;
  margin-bottom: 20px;
}

/*------concept--------*/

.concept-title{
  font-size: 1.8rem;
  font-weight: 700;
}


.concept-text{
  padding-top: 20px;
  margin: 0 auto 20px;
}

.concept-image{
  display: flex;
  justify-content: space-around;
  margin: 0 5% 90px;
}


/*--------------------------------
 *home-menu
 --------------------------------*/

.menu-list{
  display: flex;
  justify-content: space-around;
  padding: 0 40px;
}

.menu-list-thumb>img{
  width: 293px;
}

/*--------------------------------
 *-menu-page
 --------------------------------*/
.menu-guide-list{
  display: flex;
  justify-content: space-around;
}

.menu-guide-list>p>a>img{
  width: 293px;
}

.menu-box h3{
  margin-top: 50px;
}

.menu-text{
  margin-bottom: 40px;
}

.lunch-menu-title{
  margin-bottom: 10px;
}

.lunch-menu-item{
  margin: 40px 0;
}

.lunch-menu-price{
  margin-bottom: 20px;
}

.lunch-menu-drink{
  margin-bottom: 20px;
}

.select-pizza-box{
  padding: 40px 20px;
  border: solid 1px #67331D;
  width: 80%;
  margin: 0 auto;
}
.select-pizza-list{
  display: flex;
  justify-content: space-between;
}
.select-pizza-list>div{
  width: 33%;
}
.select-pizza-text,.drink-menu-text{
  margin-bottom: 40px;
}

.dinner-menu-title,.drink-menu-title{
  font-size: 1.8rem;
  font-weight: 700;
}

.dinner-menu-item{
  margin-bottom: 50px;
}
.dinner-menu-price{
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.drink-menu-list{
  display: flex;
  justify-content: space-around;
  padding-top: 40px;
}

.drink-menu-box{
  margin-bottom: 20px;
}

/*--------------------------------
 *information
 --------------------------------*/

.openday-box{
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.openday,.openday-item{
  padding-right: 20px;
  width: 60px;
  text-align: left;
}
.openday-item2{
  text-align: left;
}
.closeday{
  margin-bottom: 50px;
}



/*--------------------------------
 *home-access
 --------------------------------*/

.address{
  margin-bottom: 50px;
}

.map{
  margin-bottom: 60px;
}

.transportation{
  margin-bottom: 40px;
}

.transportation-title{
  margin-bottom: 20px;
}
.transportation-item{
  display: flex;
  justify-content: center;
}
.transportation-text{
  padding-right: 20px;
}

.transportation-text2{
  text-align: left;
}



/*--------------------------------
 *access-page
 --------------------------------*/
.parking_map{
  padding-bottom: 30px;
}

.parking_map-thumb{
  background-position: center;
}

.direction-title{
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 20px;
}


.direction-text{
  display: inline-block;
  margin-bottom: 40px;
}
/*--------------------------------
 *recruit
 --------------------------------*/

.recruit-title{
  margin-bottom: 30px;
}

.recruit-text{
  margin-bottom: 30px;
}
.recruit-item{
  margin-bottom: 20px;
}
.recruit-item2{
  margin: 0;
}
/*--------------------------------
 *contact
 --------------------------------*/

.contact-text2{
  margin-bottom: 50px;
}

/*--------------------------------
 *footer
 --------------------------------*/

.footer{
  border-top: solid 1px #67331D;
  padding-top: 20px;
  margin-bottom: 20px;
}

.footer-logo{
  width: 192px;
  margin-bottom: 40px;
}

.footer-text{
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.copyright{
  font-size: 1.2rem;
}




 @media screen and (max-width:1023px){
   
 /*--------------------------------
 *utility
 --------------------------------*/
img{
 width: 100%;
}
   
.img-pc{
   display: none;
}
   
.img-sp{
 display: block;
}
   
.pc{
  display: none;
}
   
.tab{
 display: none;
}
   
.sp{
 display: block;
}

.caution{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.bg-beige{
  background-image: url("../img/home/information_bg_sp.jpg");
  padding: 40px 20px 80px;
}
/*--------------------------------
 *section
 --------------------------------*/
.section-header{
  padding: 40px 20px 0;
  margin-bottom: 80px;
}

.section-title_EN{
  font-size: 2.4rem;
  margin: 0 auto;
  margin-bottom: 50px;
}

/*--------------------------------
 *flex-wrap
 --------------------------------*/
.flexwrap-inner{
  padding: 40px 0;
} 

.flexwrap-list{
  display: block;
}

.flexwrap-item{
  width: 100%;
  
}

.flexwrap-thumb{
  max-width: 300px;
  margin: 0 auto 10px;
}



 /*--------------------------------
 *header
 --------------------------------*/
 .header{
   position: static;
 }

.header-inner{
  display: block;
  padding: 20px;
}

/*--------------------------------
 *logo
 --------------------------------*/
.logo{
 max-width: 192px;
 margin: 0 auto;
}  
   
 /*--------------------------------
 *humberger-menu
 --------------------------------*/
 
.btn-trigger{
  -webkit-appearance: none;
  appearamce:none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  outline: none;
  position: fixed;
  top: 43px;
  right: -10px;
  z-index:110;
  width: 38px;
  height: 3px;
  background: #67331D;
  margin: 0;
  padding: 0;
  border: none;
  transition: all 0.5s;
  transform: translate(-50%, -50%);
  }

.btn-trigger::before{
  display: block;
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #67331D;
  transition: all 0.5s;
}

.btn-trigger::after{
  display: block;
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #67331D;
  transition: all 0.5s;
}

.btn-trigger.active{
  background: transparent;
}

.btn-trigger.active::before{
  top: 0;
  transform: rotate(-45deg);
}

.btn-trigger.active::after{
  bottom: 0;
  transform: rotate(45deg);
}

.btn {
    position: fixed;
    z-index: 10000;
    top: 20px;
    right: 5px;
    background-color: #f9f9f1; 
    width: 45px;
    height: 45px;
    border: solid 1px #67331d;
  }
  
   
 /*--------------------------------
 *navigation 
 --------------------------------*/


 .navi-menu{
   border-bottom: solid 1px #67331d;
 }

 .navi-menu:last-of-type{
   border-bottom: none; 
 }

 .sp-navi-list{
   padding-top: 90px;
   min-width: 50%;
   position: absolute;
   position: fixed;
   right: 0;
   top: 0;
   z-index: 1000;
   background-color: rgba(249,249,241,0.9);
   display: none;
   line-height: 1;
   height: 120%;
 }

 .sp-navi-menu_EN{
   font-size: 2.4rem;
   padding: 10px;
 }

 .sp-navi-menu_JP{
   font-size: 1.4rem;
 }
/*--------------------------------
 *sp-footer-menu
 --------------------------------*/
 .footer-menu{
   position: fixed;
   bottom: 0;
   width: 100%;
   display: flex;
   background-color: rgba(103,51,29,0.8);
   padding: 15px;
 }

 .footer-menu-list{
   width: 50%;
 }

 .sns-box{
   display: flex;
   justify-content: space-evenly;
 }


 .sns{
   color: #f9f9f1;
   font-size: 2.8rem;
 }

 .sns-i>a.sns-f>a{
   text-align: center;
 }




 .tel-box{
   border-left : solid 1px #f9f9f1;    
 }
 .tel{
   text-align: center;
 }
 .tel>a{
   color: #f9f9f1;
   font-size: 1.8rem;
 }
/*--------------------------------
 *main
 --------------------------------*/
.main{
 padding-top: 0;
}

.main-text{
  padding: 50px 20px 60px;
  text-align: left;
  max-width: 680px;
  margin: 0 auto;
}

.catch-text-box{
  padding: 10px;
  
  line-height: 1.3;
}

.catch-text1{
  font-size: 1.4rem;
  
  letter-spacing: 0.1em;
}

.catch-text2{
  font-size: 2.2rem;
  letter-spacing: 0.3em;
}

.catch-text3{
  font-size: 1rem;
  padding-left: 10px;
}

/*--------------------------------
 *news
 --------------------------------*/

.news-title{
  margin-bottom: 20px;
}

.news-text{
  text-align: left;
}

.sns-timeline{
  display: block;
  margin: 0 auto;
}

.snapwidget-wrapper{
 position: relative;
 padding-top: 150%;
}

.snapwidget-widget{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:0;
}
   
.insta-follow-btn{
 margin-bottom: 40px;
}
   
/*--------------------------------
 *home-about
 --------------------------------*/
.section-about{
  background-image: url("../img/home/wood_bg_sp.jpg");
  padding: 40px 20px 80px;
  background-size: cover;
}

.about-text{
 text-align: left;
}

/*--------------------------------
 *about-page
 --------------------------------*/
.about,.access,.menu{
  padding: 40px 20px 80px;
  background-image:url("../img/about/bg-about-sp.jpg");
}

.parking-text{
 display: inline-block;
 margin-bottom: 40px;
 }
 
/*-------owner--------*/
.owner{
  display: block;
}

.owner-img{
  max-width: 280px;
  margin: 0 auto;
}

.owner-text-box{
  width: 100%;
  min-width: 100%;
  padding: 0;
}

.owner-text-title{
  padding-top: 40px;
  margin: 0;
}
.owner-text{
  text-align: left;
  padding-top: 20px;
  margin-bottom: 20px;
}

/*------concept--------*/

.concept-text{
  text-align: left;
  max-width: 480px;
}

.concept-image{
  display: block;
  max-width: 300px;
  margin: 0 auto;
}

.concept-image>img{
 margin-bottom: 20px;
}


/*--------------------------------
 *home-menu
 --------------------------------*/

.menu-list{
  display: block;
  
  padding: 0 40px;
}

 .menu-list-thumb{
   max-width: 294px;
   margin: 0 auto 20px;
 }


/*--------------------------------
 *-menu-page
 --------------------------------*/
.mb0{
  margin-bottom: 0;
}
.p40px00{
 padding: 40px 0 0;
}
   
.menu-guide-list{
  display: block;
}

.menu-guide-list>p>a>img{
  max-width: 300px;
  margin: 0 auto 20px;
} 
  

.lunch-menu-item{
  padding: 0;
}
.menu-box h3{
  margin-top: 0;
}

.drink-icon{
  width: 10%;
  margin: 0 auto;
}

.select-pizza-box{
  padding: 20px;
  width: 90%;
}
.select-pizza-list{
  display: block;
}

.select-pizza-list>div{
  width: 100%;
}

.select-pizza-item{
  margin: 0 auto;
  margin-bottom: 20px;
}
.select-pizza-text,.drink-menu-text{
  margin-bottom: 40px;
}

   
.drink-menu-list{
  display: block;
}



/*--------------------------------
 *information
 --------------------------------*/
 .openday-inner{
   margin: 0 auto;
 }
   
.calender iframe{
 width: 100%;
 height: 480px;
}

/*--------------------------------
 *home-access
 --------------------------------*/
.maps{
 position: relative;
 width: 100%;
 height: 0;
 padding-top: 80%;
 
}

.maps iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 margin-bottom: 40px;
}

.bus-title{
 padding-top: 40px;
}

.bus-text{
 margin-bottom: 20px;
}

.transportation-item{
  display: block;
}
.transportation-text{
  padding-right: 20px;
}

.transportation-text2{
  text-align: left;
}

/*--------------------------------
*recruit
--------------------------------*/
.recruit-text{
 text-align: left;
}   
   

/*--------------------------------
*contact
--------------------------------*/

.contact-text2{
  text-align: left;
}
/*--------------------------------
*footer
--------------------------------*/


.footer-logo{
  width: 192px;
}

.footer{
  margin-bottom: 85px;
}   
   
 .page-top-btn{
   position: fixed;
   right: 0px;
   bottom: 150px;
   width: 50px;
 }
}

@media screen and (max-width:320px){
  .facebook-wrapper{
    overflow-x: auto!important;
  }
   
}