@charset "UTF-8";

html{
  font-size: 100%;
}
body{
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    line-height:1.5;
    color:black;
    background-image: url("../images/01-whitepaper.png");
    background-repeat: repeat;
  }
  a{
    text-decoration:none;
    color:black;
  }
  img{
    width:100%;
    max-width: 100%;
    height:auto;
  }

/*---------------------------「ヘッダー」---------------------*/

.page-header{
  display: flex;
  justify-content: space-around;
  background-color: white;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
}

.wrapper{
  align-items: center;
}
.main-nav li{
  margin:0 22px;
}
.main-nav a:hover{
  color:#0FA325;
}
.home-logo h1{
  font-size: 2.5rem;
  color: black;
  margin:5px 0;
  font-family: 'Pathway Gothic One', sans-serif;
}
h1 span{
  font-size: 60%;
}
.main-nav{
  display: flex;
  font-size: 1.1rem;
  text-transform: uppercase;
  list-style: none;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

/*---------------------「フッター」--------------*/
#footer{
  margin-top: 2rem;
  background: #211303;
  padding:0.7rem 0;
  color:white;
  font-size: 1rem;
}
.footer-content{
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-info, .footer-address, .footer-time{
  padding: 0 1.5rem;
}
.footer-info{
  text-align: center;
  font-family:'Pathway Gothic One', sans-serif;
  font-size: 1.75rem;
}
.footer-info span{
  font-size:60%;
}
.footer-image{
  width:220px;
  margin-top:10px;
}
.footer-address, .footer-time{
  font-size:0.8rem;
}

.copyright{
  margin-top:7px;
  text-align: center;
  color: #fff;
  font-size: 0.875rem;
}
/*ーーーーーーーーーーーーーーーーー-----ーーー「HOME」ーー---------ーーーーーーーーーーーーーーーー*/
.home-title{
  text-align: center;
  font-weight: normal;
  line-height: 1.3;
  font-size: 1.4rem;
  margin:3.5rem 0;
  line-height: 1.7;
}
.home-contents{
  display: flex;
  flex-direction: column;
  text-align: center;
}
.home-image{
  background-repeat: no-repeat;
  background-size: cover;
}
.subtitle-wrapper{
  position:relative;

}
.subtitle-images{
  margin-top:10%;
  display: flex;
  justify-content: space-between;
  text-align: center;
  z-index: 2;
}
.subtitle-box{
  background: rgba(255, 255, 255, 0.8);
  font-size:1.1rem;
  line-height: 1.8;
  max-height:100%;
  padding: 2rem 0;
  width:70%;
  max-width: 600px;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  z-index: 3;
}
.access-button{
  border:solid 1px black;
  font-weight: normal;
  min-width: 14rem;
  padding: 0.5rem 1.5rem;
}
.access-guide{
  margin-top: 1rem;
}
.access-guide a:hover{
  color: white;
  background: #8E8E8E;
  border:none;
}

.info-title{
  text-align: center;
  text-transform: uppercase;
  font-family:  "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif, sans-serif;
  font-size: 3rem;
}

.lunch-info,.dinner-info{
  line-height:1.9;
  display:flex;
  align-items: center;
  text-align: left;
  justify-content: space-around;
  padding:0 5% 1.5rem 5%;
  font-family:"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif, sans-serif;
}
.lunch-wrapper{
  color:white;
  background-image: url("../images/dinner-image2.JPG");
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.dinner-wrapper{
  color:white;
  background-image: url("../images/dinner-image.JPG");
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.lunch-wrapper-rgba,.dinner-wrapper-rgba{
  width:100%;
  background: rgba(0, 0, 0, 0.6);
  padding-bottom: 0.75rem;
}
.dinner-info{
  flex-direction: row-reverse;
}
.lunch-image,.dinner-image{
  max-width:35%;
  min-width:300px;
  padding:0 1.25rem;
}
.more-info{
  display:flex;
  flex-direction: column;
  text-align: center;
}
.site-introduction{
  font-weight: 400;
  font-size: 1.7rem;
  margin-top: 3.5rem;
}
.insta-guide,.line-guide,.gurunavi-guide{
  margin-top:1rem ;
}
.gurunavi-guide{
  margin-bottom: 1rem;
}
.guide-button{
  color:white;
  font-size:1.5rem;
  border-radius: 0.5rem;
  padding:0.5rem 1.5rem;
  font-weight: normal;
}
.insta-button{
  background-color: rgba(117,22,181);
}
.insta-guide a:hover{
  background: rgba(164,101,207);
}
.line-button{
  background-color: rgba(59,176,19);
}
.line-guide a:hover{
  background: rgba(129,204,104);
}
.gurunavi-button{
  background-color: rgba(176,44,44);
}
.gurunavi-guide a:hover{
  background: rgba(214, 114, 114);
}
.annotation{
  font-size: 0.8rem;
}

.foodtrack-news{
  margin-top: 3rem;
}
.foodtrack-wrapper{
  background-image: url("../images/food-track.jpeg");
  width:100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
}
.foodtrack-info{
  padding: 1rem 0;
  color: white;
}
.foodtrack-info h3{
  font-size: 2.7rem;
}
.foodtrack-news-title{
  font-size: 2rem;
  font-weight: 600;
}
.foodtrack-info-contents p{
  font-size: 1.1rem;
  margin-bottom: 1.2rem;
}
.foodtrack-guide{
  background: #EB793C;
  font-weight: normal;
  font-size: 1.3rem;
  padding:0.5rem 1rem;
  border-radius: 0.7rem;
}
.foodtrack-info-contents a:hover{
  background: #FD9841;
}
.home-access{
  margin-top:3rem;
}
.home-location{
  margin-top: 1rem;
}
.location-map iframe{
  min-height:350px;
  margin:0 15%;
}
/*------------------------------「ACCESS」--------------ーーーーーー-------*/
.page-title{
  background-image: url("../images/S__39673897.jpg");
  position: relative;
  margin:3rem auto;
  width:100%;
  height:7rem;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center 70%;
  background-size: cover;
}

.title-access,.title-kitchencar{
  color:white;
  font-weight: lighter;
  font-size:3rem;
  text-align: center;
  padding:1.5rem 0;
}

.location-info{
  margin-top:3rem;
}
.location-map{
  display: flex;
  align-items: center;
}


.shop-info{
  margin:0 15%;
}
dl{
  text-align: left;
  display: block;
}
dl a{
  border-bottom: 1px solid;
}
.shop-info-content{
  display: flex;
  padding:1.5rem 0;
  border-bottom: 1px solid rgba(0,0,0,.15);
}
dt{
  width: 25%;
  float: left;
  clear: both;
  height:auto;
  font-weight: bold;
}
dd{
  width: 75%;
  height:auto;
}


/*-----------------------kitchen-car------------------------------*/

.page-title2{
  background-image: url("../images/food-track.jpeg");
  position: relative;
  margin:3rem auto;
  width:100%;
  height:7rem;
  object-fit: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.kitchencar-contents{
  margin:auto 5%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.kitchencar-heading{
  line-height:1.2;
  font-size:2.25rem;
}
.kitchencar-info h3{
  padding-bottom: 1rem;
  border-bottom: 4px dashed #939393;
  max-width: 960px;
  margin: 0 auto;
}
.kitchencar-info p{
  font-size: 1.15rem;
  line-height:1.7;
  display: inline-block;
  text-align:left;
  width: 775px;
  max-width: 80%;
  margin: 2rem auto 0 auto;
}
.kitchencar-container{
  max-width: 960px;
  width:100%;
  margin: 2rem auto 0 auto;
  background: white;
  padding:0.75rem;
}
.image-container{
  display:grid;
  grid-column: 1fr 1fr;
  grid-row: 1fr 1fr 1fr;
  column-gap:0.75rem;
  row-gap:0.75rem;
}
.item1{
  grid-column-start: 1;
  grid-column-end: 3;
}
.item3{
  height:auto;
}
.kithencar-attention{
  border: solid 3px #F47000;
  border-radius:30px;
  background: #FFF2EB;
  max-width:700px;
  width:90%;
  margin:2rem auto;

}
.attention-box h3{
  margin-top:0.5rem;
  font-size: 1.75rem;
  font-weight: 600;
  color:#E62300;
}
.attention-box p{
  padding:1rem 2rem;
  text-align: left;
  font-size:0.75rem;
  line-height:1.3;
  color:#292929;
}
.attention-list{
  font-weight: 700;
  font-size:110%;
  line-height:1.4rem;

}
.attention-list span{
  color:#E62300;
}





















/*-----------------------------------------レスポンシブ　対応１------------------------------------------------*/
@media(max-width:799pt) {
  body{
    line-height:1.4;
  }
  .home-logo h1{
    font-size:2rem;
  }
  /*ヘッダーをハンバーガーメニューにする*/

/*------------ホーム-----------------*/
.home-title{
  margin:2.5rem 0;
}
.subtitle-iamage{
  margin-top:15%;
}
.subtitle-box{
  padding: 1.5rem 0;
  font-size:1.1rem;
}
.info-title{
  font-size: 1.95rem;
  margin-bottom: 0.5rem;
}
.lunch-wrapper-rgba,.dinner-wrapper-rgba{
  padding:0.8rem 0;
}
.lunch-info,.dinner-info{
  display: flex;
  flex-direction: column;
  padding:0 5%;
}
.lunch-image,.dinner-image{
  max-width: 85%;
}
.lunch-sentence,.dinner-sentence{
  margin-top:1rem;
  line-height:1.6;
  font-size: 1.1rem;
}
.site-introduction{
  font-size: 1.3rem;
  margin-top:1.5rem;
}
.guide-button{
  font-size:1.25rem;
  padding:0.3rem 1.5rem;
}
.insta-guide,.line-guide,.gurunavi-guide{
  margin-top:0.75rem ;
}
.gurunavi-guide{
  margin-bottom: 0.5rem;
}

.foodtrack-info h3{
  font-size: 1.9rem;
  margin-bottom: 0.5rem;
}
.foodtrack-info-contents p{
  font-size: 1rem;
  margin-bottom: 1rem;
}
.foodtrack-guide{
  font-size: 1.15rem;
}
/*------------フッター----------------*/

  .footer-content{
    max-width:90%;
    display: grid;
    grid-column: 1fr 1fr;
    grid-row: 1fr 1fr;
    row-gap: 1rem;
    margin:0.5rem auto 1.5rem auto;
  }
  .footer-info{
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .footer-image{
    width:320px;
    max-width:100%;
  }
/*-----------------ACCESS------------------*/
.title-access,.title-kitchencar{
  padding:1.25rem 0;
  font-size: 2rem;
}
.page-title,.page-title2{
  height:5rem;
  margin:1.25rem 0;
}
.shop-info{
  font-size: 0.85rem;
}
.shop-info-content{
  display: block;
  padding:1rem 0;
}
.content1{
  margin-top: 2rem;
}
dt{
  float: none;
  clear: none;
  margin-bottom: 0.25rem;
  width: 100%;
}
dd{
  width: 100%;
}

/*-----------キッチンカー---------------*/
.kitchencar-heading{
  font-size:1.9rem;
}
.kitchencar-info{
  margin-top: 1.5rem;
}
.kitchencar-info p{
  font-size: 1rem;
}

}



















/*------------------------------レスポンシブ 対応２-----------------------------------------*/
@media(max-width:520pt){
body{
  line-height: 1.3;
}
/*------ヘッダー----------*/
.page-header{
  display: flex;
  flex-direction: column;
  text-align: : center;
  padding-bottom: 7px;
}
.main-nav{
  display: flex;
  justify-content:space-around;
  font-size:0.85rem;
}
.main-nav li{
  margin:0 14px;
}

/*----------フッター------------*/
.footer-info{
  font-size: 1.7rem;
}

/*--------------ホーム---------------*/
.home-title{
  font-size: 0.9rem;
  line-height: 1.5;
  margin:2rem 0;
  font-weight: 400;
}
.subtitle-images{
  margin-top:25%;
}
.subtitle-box{
  padding: 1rem 0;
  line-height:1.5;
  font-size: 0.78rem;

}
.access-button{
  padding: 0.2rem 1rem;
}
.info-title{
  font-size: 1.75rem;
}
.lunch-sentence,.dinner-sentence{
  font-size: 0.8rem;
}
.site-introduction{
  font-size: 1.1rem;
  margin-top:1.5rem;
}
.guide-button{
  font-size:1rem;
  border-radius: 0.4;
  padding:0.3rem 1.5rem;
}
.insta-guide,.line-guide,.gurunavi-guide{
  margin-top:0.75rem ;
}
.gurunavi-guide{
  margin-bottom: 0.5rem;
}
.annotation{
  font-size: 0.7rem;
}
.foodtrack-news-title{
  font-size: 1rem;
}
.foodtrack-info h3{
  font-size: 1.25rem;
}
.foodtrack-info-contents p{
  font-size: 0.8rem;
}
.foodtrack-guide{
  font-size: 0.95rem;
}

.location-map iframe{
  height:50%;
  margin:0 5%;
}
/*---------------フッター-------------*/
  .footer-content{
    display: flex;
    flex-direction: column;
    width:340px;
    max-width:85%;
  }
  .footer-image{
    width:100%;
  }
  .footer-address,.footer-time{
    text-align: left;
    width:100%;
  }
/*ーーーーー----ACESS--------------------*/
.shop-info-content{
  font-size: 0.85rem;
}
dt{
  font-size: 110%;
}
/*--------------キッチンカー------------------*/
.kitchencar-contents{
  line-height:1.3;
}
.kitchencar-heading{
  font-size:1.1rem;
}
.kitchencar-info p{
  font-size: 0.85rem;
}
.attention-box p{
  padding:0.8rem 1rem;
}
.attention-box h3{
  font-size: 1.35rem;
}

}















/*--------------------------------レスポンシブ 対応３--------------------------------------*/


/*------------------------*/

}