html {

  margin: 0 auto;
  background-color: #00b9e7;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  max-width:100%;
}

body {
  margin: 0 auto;
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  background: #f8f5a9; /* Fills the page */
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  max-width:750px;
}

img{
width:100%;
margin: 0px;
padding: 0px;
vertical-align: bottom;
}


header{
background: #155263;
position: relative;
max-width: 750px;
}
.g-nav{
width: 100%;
z-index: 10;
}
.g-nav-menu{
text-align: center;
}
.g-nav-menu li{
color: #fff;
padding: 0 30px;
list-style-type: none;
display: inline-block;
line-height: 80px;
}
.fixed{
position: fixed;
top: 0;
text-align:center;
}
.fixed .g-nav-menu li{
line-height: 40px;
}
section{
display: table;
width: 100%;
height: 800px;
text-align: center;
}
section p{
display: table-cell;
vertical-align: middle;
color: #fff;
}
#sec01{
background: #FF6F3C;
}
#sec02{
background: #FF9A3C;
}
#sec03{
background: #FFC93C;
}


footer{
	padding:0 3vw 0;

  max-width:980px;
  margin:0 auto;
  text-align:center;
}
footer p.chusyaku{
color:#00a0e9;
font-size:0.9rem;
display: inline-block;
margin:0 auto;
text-align:left;
}
footer p.address{

font-size:1.1rem;
margin-top:2vw;

}


  * {
 margin: 0;
 padding: 0;

 box-sizing: border-box;

}

*:focus {
outline: none;
}

ul {
  list-style:none;
  padding:0px;

}
div {
  padding: 0px;
}



a{
text-decoration: none;
color:black;

}

h1{
 margin: 0;
 padding: 0;

}


h2{

font-weight:bold;
font-size: 200%;
color:#000;

}

h3{

font-weight:bold;
font-size: 100%;
color:#000;
margin-bottom:5px;
  text-align:center;

}

h4{
margin-top:2vw;
text-align: center;
}

h5{
}

h6{

}

#jump1,#jump2{
   display: block;
   margin-top:-10vw;
   padding-top:10vw;
}



#jump3,#jump4{
   display: block;
   margin-top:-7vw;
   padding-top:7vw;
}


@media only screen and (min-width:651px) {
  html {
    font-size: 71.4286%;
  }
}

@media only screen and (min-width:1000px) {
  html {
    font-size: 75.8929%;
  }
}

img.topmain{  width: 100vw;
  max-height:  100vw;
  object-fit: cover;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

img.top{  max-width: 100vw;
  max-height:  100vw;
  object-fit: cover;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

img.top2{  max-width: 95vw;
  max-height:  100vw;
  object-fit: cover;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}


#title{
max-width:880px;
margin:0 auto;
}
@media only screen and (max-width: 740px) {
#title{   margin:0px;  }
}
@media only screen and (max-width: 740px) {
.wrapper p{margin-top:50px;}
}
@media only screen and (max-width: 740px) {
.flexwrap{


 }
}



p.shop{
  text-align: left;
  color:#4c4948;
}

p.catch1{
  text-align: center;
  font-size: 100%;
  color:#4c4948;
}

p.catch{
  text-align: center;
  font-size: 50%;
  color:#4c4948;
}

.title{
  margin:75px auto;
  text-align: center;

}


.wrapper{
  margin:15vw auto 50px;
  text-align: center;
  max-width:1000px;
}

.wrapper3{
  font-family: sans-serif;
}


hr{
    display: block;
    height: 0;
    width: 95%;
    margin: 0.5em 0;
    border: 10px solid;
    color:#c9caca;
    margin:0px auto 50px;
  }


*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    max-width: 1300px;
}
.content{
    margin: 0 auto;
    padding: 40px;

}
.modal{
    display: none;
    max-height: 100vh;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);


}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100vw;

}
.modal__content{
      background: #fadce9; /* Fills the page */
    left: 50%;
    padding-bottom: 0px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;


}

.modal__content img{

  max-width:480px;

}

.modal__content .item1{
  margin:0 auto;
  max-width:560px;
  height: auto;


}




a:hover{

}




/* モーダルウィンドウ スマホ版 */

@media only screen and (max-width: 740px) {
.container{
  display:flex;
  justify-content:center;
 flex-wrap: wrap;

 max-width:500px;
align-self: center;
}

.modal__content{

      background: #fadce9; /* Fills the page */
    left: 50%;
    padding-top:3vw;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    height: 100vh;

    overflow: auto;

}

.modal__content img{

width:100vw;
}
.item2{
margin:0 auto;
max-width:660px;
text-align:center;

}

.container .item3{


max-width:250px;
}

header{

    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    background: rgba(255, 255, 255, 0.7);
}

.largebox{
  display:flex;
  align-items: center;
 flex-wrap: wrap;
 align-self: center;
 font-family: sans-serif;
 width:430px;
 padding:10px 0px;
 background-color:#fff;
 margin:0 auto 40px;
}

.largebox_non{
  display:flex;
  align-items: center;
 flex-wrap: wrap;
 align-self: center;
 font-family: sans-serif;
 max-width:460px;
 padding:0px;

 margin:0 auto 15px;
}

.title{

  margin:25px auto;
  text-align: center;

}



}

/* モーダルウィンドウ スマホ版end */

.my-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;

}

.largebox{
  display:flex;
  align-items: center;
 flex-wrap: wrap;
 align-self: center;

 max-width:950px;
 padding:10px;
 background-color:#fff;
 margin:0 auto 25px;
}

.largebox_non{
  display:flex;
  align-items: center;
 flex-wrap: wrap;
 align-self: center;

 max-width:960px;
 padding:10px;

 margin:0 auto 15px;
}


p.shopname{
  font-size:110%;
  color:#4c4948;
  margin:10px auto;

  line-height:1.2;
}
.caten{
  font-size:90%;
  color:#4c4948;
  margin:8px auto;

  line-height:0.2;
}

p.shopul{
  font-size:110%;
  font-weight: bold;
  color:#4c4948;
  margin:5px auto 20px;

  line-height:1;
}

p.shopul2{
  font-size:100%;
  color:#4c4948;
  margin:10px auto;

  line-height:1.5;
}

p.shopul3{
  font-size:110%;
  font-weight: bold;
  color:#4c4948;
  margin:6px auto;

  line-height:1;
}

p.shopul4{
  font-size:100%;
  color:#4c4948;
  margin:6px auto;

  line-height:1.2;
}

p.shopul5{
  font-size:100%;
  color:#4c4948;
  margin:10px auto;

  line-height:1.2;
}

p.shopul6{
  font-size:110%;
  font-weight: bold;
  color:#4c4948;
  margin:5px auto;

  line-height:1;
}

p.shopsm{
  font-size:110%;
  color:#4c4948;
  margin:0px auto;

  line-height:1.2;
}

p.catch{
  font-size:40%;
  color:#4c4948;
  margin:10px auto 0px;

  line-height:1.7;
}

p.copy{
  font-weight:bold;
  text-align: center;

  margin-top:2vw;

}

.wrapper_head{
  max-width:1000px;
  display: flex;
  flex-wrap : wrap;
  justify-content:space-evenly;
  margin:0px auto;
  position:fixed;
  text-align: center;
}






.carousel-control-next,
.carousel-control-prev {
    filter: invert(100%);
}





.fade { max-width: 600px; margin: 0 auto 50px; padding: 0; height: auto;}
.fade img{ width: 100%;}

.close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
  z-index: 4;
}

.modal input:checked ~ .modal__content {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}


/* メニュー部分の色　largeは大見出し smallはキャッチコピー */
.large{
  font-size:120%;
  color:#FFF;
}
.small{
  font-size:70%;
  color:#FFF;
}


@media ( prefers-reduced-motion: reduce ) {
   .sip-slider, .swiper-container, .swiper-wrapper, .swiper-slide, .swiper-slide img{
    transition-duration: 100ms !important;
  }
}






.rightbox p{
      color:#00a0e9;
      line-height:2;
      font-size:0.9rem;

}

.wrapper{
  margin:45vw auto 50px;
  text-align: center;
  max-width:740px;
}


}






/* 固定ヘッダーリンク少し上ずらす設定 */
#jump1,#jump2,#jump3,#jump4,#jump5,#jump6,#jump7{
   display: block;
   margin-top:-15vw;
   padding-top:15vw;
}

/* 固定ヘッダーリンク少し上ずらす設定 ここまで */
/* 固定ヘッダー設定 */

header{
background: #155263;
position: relative;
max-width: 750px;
}
.g-nav{
width: 100%;
z-index: 10;
}
.g-nav-menu{
text-align: center;
}
.g-nav-menu li{
color: #fff;
padding: 0 30px;
list-style-type: none;
display: inline-block;
line-height: 80px;
}
.fixed{
position: fixed;
top: 0;
text-align:center;
}
.fixed .g-nav-menu li{
line-height: 40px;
}

/* 固定ヘッダー設定 ここまで*/