html {
  -webkit-overflow-scrolling: touch;
    max-width: 1100px;
    margin: 0 auto;

}



body{
  margin: 0;
  padding: 0;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ ProN W3", 'Hiragino Kaku Gothic Pro', "Meiryo UI", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif;
  text-decoration: none;
  color: inherit;
  font-feature-settings: "palt";

}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }}

.main{width:100%;}

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

video{width:100%;}
  * {
 margin: 0;
 padding: 0; 
}
ul {
  list-style:none;
  display: flex;
  flex-wrap: wrap;
}

ul li{width:45%;}
li:last-child{padding-left:10%;}
div {
  padding: 0px;
}



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

}
a:hover{  opacity : 0.8;}
h1{
 margin: 80px auto;
 padding: 0; 
 font-size:48px;
 color:#41b25d;
 letter-spacing: 0.1em;
 text-align: center;
}
p{
 margin:0;
 padding: 0;   
 font-size:24px;
font-weight: 100;
line-height:2.2;
 letter-spacing: 0.1em;
 color:#514e4d;
}
p.kaku{
 margin-top:35px;
 padding: 0;   
 font-size:20px;
font-weight: 100;
line-height:2.2;
 letter-spacing: 0.1em;
 color:#514e4d;
}



h2{
 padding: 55px; 
 font-size:40px;
 color:#514e4d;
 letter-spacing: 0.1em;
 text-align: center;
}

h3{
 margin:30px 0 0 0;
 padding-left: 100px;  
 font-size:36px;
font-weight: 800;
line-height:2.5;
 letter-spacing: 0.1em;
 color:#41b25d;
}

h4{
 margin:30px 0 0 0;
 padding-left: 100px;   
 font-size:36px;
font-weight: 100;
line-height:2.5;
 letter-spacing: 0.1em;
 color:#514e4d;
}

h5{
 margin:30px 0 0 0;
 padding:35px;
font-weight: 800;
 font-size:36px;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#514e4d;
}

h6{
 margin:30px 0 0 0;
 padding:35px 0  0 100px;
font-weight: 800;
 font-size:36px;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#514e4d;
}
.h6modoki{
 margin:30px 0 0 0;
 padding:60px 0  0 100px;
font-weight: 800;
 font-size:36px;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#514e4d;
}
.h5modoki{
 margin:30px 0 0 0;
 padding:60px 0  0 45px;
font-weight: 800;
 font-size:36px;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#514e4d;
}
p.sm{
 padding: 55px; 
 font-size:40px;
 letter-spacing: 0.1em;
 text-align: center;
  color:#41b25d;
font-weight: 800;
}
p.tenpo0{
 padding: 0px; 
 font-size:32px;
 letter-spacing: 0.1em;
 text-align: center;
  color:white;
font-weight: 800;
}
p.tenpo{
 padding: 55px 0 10px 0; 
 font-size:40px;
 letter-spacing: 0.1em;
 text-align: center;
  color:white;
font-weight: 800;
}
p.tenpo2{
 padding: 0; 
 font-size:30px;
 letter-spacing: 0.1em;
text-align: left;
 color:#514e4d;
font-weight: 800;
}
p.memo{
 margin:0;
 padding-bottom: 10px;   
 font-size:20px;
font-weight: 100;
line-height:2.2;
 letter-spacing: 0.1em;
 color:#514e4d;
  border-bottom: dashed 1px #000;
display: inline;
}

.shop{margin:0 auto;}

.flexwrap{
  display:flex;
  flex-wrap: wrap; /* 折返し指定 */
  justify-content: center;
  max-width:900px;
  margin:135px auto 80px;
}

.flexwrap_re{
  display:flex;
  flex-wrap: wrap-reverse; /* 逆折返し指定 */
  justify-content: center;
  max-width:100%;
  margin:135px auto 80px;
}

.bodyr{
  max-width:450px;
}
.bodyl{
  max-width:410px;
  padding-right:40px;
}
.bodyr2{
  max-width:320px;
}
.bodyl2{
  max-width:510px;
  padding-right:40px;
}
.bodyr3{
  max-width:510px;
}
.bodyl3{
  max-width:320px;
  padding-right:40px;
    z-index:1;
}
.qap{
 margin:30px 0 0 0;
 padding:35px 0  0 100px;
font-weight: 800;
 font-size:22px;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#514e4d;
}
.qap2{
 margin:30px 0 0 0;
 padding:35px 0  0 90px;
font-weight: 800;
 font-size:22px;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#514e4d;
}

.bgariright2{
  height:131px;
  background-color:#fff7c5;
  width: calc(100% + 250px);
  margin: 0 -60px;
}
.bgariright3{
  height:131px;
  background-color:#fff7c5;
  width: calc(100% + 210px);
  margin: 0 -100px;
  z-index:-1;
}
.bgarileft2{
  height:131px;
  background-color:#fff7c5;
  width: calc(100% + 250px);
  margin: 0 0 0 -100px;
}


.parea{
  height:221px;
  background-color:#fff7c5;
}
.obje{
    position:absolute;
    width:30%;
    top:38%;
    right: -20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index:-2;
}
.objeleft{
    position:absolute;
    width:60%;
    top:65%;
    left: -10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index:-1;
}
.objeright{
    position:absolute;
    width:60%;
    top:65%;
    right: -50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index:-1;
}
.objeleft2{
    position:absolute;
    width:60%;
    top:85%;
    left: -50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index:-1;
}
.ake{margin:100px 0 0 0;}

.bgariright{
  height:171px;
  background-color:#fff7c5;
  width: calc(100% + 140px);
  margin: 0 -40px;
}
.bgarileft{
  height:171px;
  background-color:#fff7c5;
  width: calc(100% + 140px);
  margin: 0 0 0 -100px;
}

.pari{
  max-width:900px;
  margin:80px auto 0;
}

.footbg{
  background-color:#86b3e0;
}
.shop{
  max-width:900px;
  padding-bottom:50px;
}
.t1{
    position:absolute;
    top:8%;
    left: 6.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

}
.t2{
    position:absolute;
    width:50%;
    top:9%;
    left:40%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

}
.t3{
    position:absolute;
    width:35%;
    top:10%;
    right: -15%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.t4{
    position:absolute;
    width:45%;
    top:63%;
    left: 28%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.t5{
    position:absolute;
    width:31.5%;
    top:65%;
    right: -10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/* テーブルカスタム */

.table{
    overflow-x: scroll;
}
.designtable {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 margin-top:50px;

  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
.designtable th {
 padding: 10px;
 background: #41b25d;
 border: solid 1px #666666;
 color: #ffffff;
}
.designtable td {
 padding: 10px;
 border: solid 1px #666666;
}
.designtable td:first-child {
 background: #deeedc;
}
p.tbl{
    font-size:16px;
    font-weight: 500;
    line-height:1.2;
    letter-spacing: 0.1em;  

}
p.mark{
    font-size:16px;
    font-weight: 500;
    line-height:1.2;
    letter-spacing: 0.1em;  

}
p.mark::after{
    content: "";
  
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    background: url(../images/mark.png) no-repeat;
    background-size: contain;
    margin-left: 10px;


}

/* テーブルここまで */
section{background-color: #00b9e7;}


.tophe{
  max-width:500px;
  margin:80px auto 150px;

}

#footerFloatingMenu {
    display: block;
    max-width: 100%;

    position: fixed;
    left: -20px;

    bottom: 2px;
    z-index: 999;
    text-align: center;

}
#footerFloatingMenu #inner {
margin: auto;


}


div#footer-bk
{
  background-color: #fff;  
  max-width:1100px;            

  position: fixed;       
  bottom: 0px;             

}
/* フッターの表示領域 */
div#footer{

         
  max-width:1100px;           
  margin: auto;
  z-index:999;      
}

.area{
    position:relative;
}

.areashop{
    position:relative;
    margin-bottom:30px;
}
/* 中間調整用 ************************************************************************************************/
@media screen and (min-width:751px) and (max-width:950px) {

.flexwrap{
  display:flex;
  flex-wrap: wrap; /* 折返し指定 */
  justify-content: center;
  max-width:750px;
  margin:5vw auto 7vw;
}

.bodyr{
  max-width:350px;
}
.bodyl{
  max-width:300px;
  padding-right:5vw;
}

.shop{
  max-width:750px;
  padding-bottom:5vw;
}
p.tenpo2{
 padding: 0; 
 font-size:2.8vw;
 letter-spacing: 0.1em;
text-align: left;
 color:#514e4d;
font-weight: 800;
}


}
/* SP-------------------------------------------------------------- */
@media only screen and (max-width: 750px) {

h1{
 margin: 8vw auto;
 padding: 0; 
 font-size:6vw;
 color:#41b25d;
 letter-spacing: 0.1em;
 text-align: center;
}
.area{

  overflow:hidden;

}
.areashop{
    position:relative;
  overflow:hidden;

    margin:0 auto;
    margin-bottom:5vw;
    max-width:90%;
}

p{
 margin:0;
 padding: 5vw;   
 font-size:3.8vw;
font-weight: 100;
line-height:2.2;
 letter-spacing: 0.1em;
 color:#514e4d;
}
p.kaku{
 margin:0;
 padding: 5vw;   
 font-size:3.8vw;
font-weight: 100;
line-height:2.2;
 letter-spacing: 0.1em;
 color:#514e4d;
}



h2{
 padding: 10vw; 
 font-size:5.5vw;
 color:#514e4d;
 letter-spacing: 0.1em;
 text-align: center;
}

h3{
 margin:5vw 0 0 0;
 padding: 5vw;  
 font-size:6vw;
font-weight: 800;
line-height:2.5;
text-align:center;
 letter-spacing: 0.1em;
 color:#41b25d;
}

h4{
 margin:5vw 0 0 0;
 padding-left:10vw;   
 font-size:5vw;
font-weight: 100;
line-height:1.7;
 letter-spacing: 0em;
 color:#514e4d;
}


h5{
 margin:10vw 0 0 0;
 padding: 5vw 0 0 0vw; 
font-weight: 800;
 font-size:7vw;
text-align:center;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#514e4d;
}

h6{
 margin:10vw 0 0 0;
 padding: 5vw 0 0 0vw; 
font-weight: 800;
 font-size:7vw;
text-align:center;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#514e4d;
}
.h6modoki{
 margin:10vw 0 0 0;
 padding: 11.5vw 0 0 0vw; 
font-weight: 800;
 font-size:7vw;
text-align:center;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#514e4d;
}
.h5modoki{
 margin:10vw 0 0 0;
 padding: 11.5vw 0 0 0vw; 
font-weight: 800;
 font-size:7vw;
text-align:center;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#514e4d;
}
p.sm{
 padding: 10vw; 
 font-size:7vw;
 line-height:1.8;
 letter-spacing: 0.1em;
 text-align: center;
  color:#41b25d;
font-weight: 800;
}
p.tenpo0{
 padding: 0px; 
 font-size:5vw;
 letter-spacing: 0.1em;
 text-align: center;
  color:white;
font-weight: 800;
}
p.tenpo{
 padding:10vw 0 5vw 0; 
 font-size:6.5vw;

 letter-spacing: 0.1em;
 text-align: center;
  color:white;
font-weight: 800;
}
p.tenpo2{
 padding: 0; 
 font-size:5vw;
 letter-spacing: 0.1em;
text-align: left;
 color:#514e4d;
font-weight: 800;
}
.shop{margin:0 auto;}

.flexwrap{
  display:flex;
  flex-wrap: wrap; /* 折返し指定 */
  justify-content: center;
  max-width:900px;
  margin:5vw auto 7vw;
}

.flexwrap_re{
  display:flex;
  flex-wrap: wrap-reverse; /* 逆折返し指定 */
  justify-content: center;
  max-width:100%;
  margin:5vw auto 7vw;
}

.bodyr{
  max-width:100%;
}
.bodyl{
  max-width:100%;
  padding-right:0;
}

.parea{
  height:50vw;
  background-color:#fff7c5;
}
.obje{
    position:absolute;
    width:30%;
    top:38%;
    right: -20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  overflow:hidden;

}
.objeleft{
    position:absolute;
    width:60%;
    top:65%;
    left: -10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index:-1;
  overflow:hidden;
}
.objeright{
    position:absolute;
    width:60%;
    top:65%;
    right: -50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index:-1;
  overflow:hidden;
}
.objeleft2{
    position:absolute;
    width:60%;
    top:85%;
    left: -50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index:-1;
  overflow:hidden;    
}
.ake{margin:10vw 0 0 0;}

.bgariright{
  height:32vw;
  background-color:#fff7c5;
  margin:0;
  max-width:750px;
  width: calc(100% + 0px);
  width:100%;
}
.bgarileft{
  height:32vw;
  margin:0;
  max-width:750px;
  background-color:#fff7c5;
  width: calc(100% + 0px);
  width:100%;
}

.pari{
  max-width:900px;
  margin:80px auto 0;

}

.footbg{
  background-color:#86b3e0;
}
.shop{
  max-width:900px;
  padding-bottom:50px;
}
.t1{
    position:absolute;
    top:6%;
    left: 10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

}
.t2{
    position:absolute;
    width:80%;
    top:4%;
    left:65%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

}
.t3{
    position:absolute;
    width:50%;
    top:27%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.t4{
    position:absolute;
    width:70%;
    top:53.5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.t5{
    position:absolute;
    width:50%;
    top:80%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}



section{background-color: #00b9e7;}


.tophe{
  max-width:90%;
  margin:10vw auto 15vw;

}

/* テーブルカスタム */

.table{
    overflow-x: scroll;
}
.designtable {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 margin-top:5vw;
 margin-left:5vw;
 margin-bottom:10vw; 
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
.designtable th {
 padding: 3vw;
 background: #41b25d;
 border: solid 1px #666666;
 color: #ffffff;
}
.designtable td {
 padding: 2vw;
 border: solid 1px #666666;
}
.designtable td:first-child {
 background: #deeedc;
}
p.tbl{
    font-size:4vw;
    font-weight: 500;
    line-height:1.2;
    letter-spacing: 0.1em;
    padding:0;

}
p.mark{
    font-size:4vw;
    font-weight: 500;
    line-height:1.2;
    letter-spacing: 0.1em;  
    padding:0;
}
p.mark::after{
    content: "";
  
    display: inline-block;
    vertical-align: middle;
    width: 10vw;
    height: 10vw;
    background: url(../images/mark.png) no-repeat;
    background-size: contain;
    margin-left: 10px;


}

/* テーブルここまで */


.bodyr2{
  max-width:20vw;
}
.bodyl2{
  max-width:100%;
  padding-right:0px;
}
.bodyr3{
  max-width:100%;
}
.bodyl3{
  max-width:20vw;
  padding-right:0px;
    z-index:0;
}
.qap{
 margin:4vw 0 0 0;
 padding:4vw 0  0 4vw;
font-weight: 800;
 font-size:4vw;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#514e4d;
}
.qap2{
 margin:4vw 0 0 0;
 padding:4vw 0  0 4vw;
font-weight: 800;
 font-size:4vw;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#514e4d;
}

.bgariright2{
  height:20vw;
  background-color:#fff7c5;
  width:100%;
  margin: 0;
}
.bgariright3{
  height:25vw;
  background-color:#fff7c5;
  width:100%;
  margin: 0;
  z-index:-1;
}
.bgarileft2{
  height:20vw;
  background-color:#fff7c5;
  width:100%;
  margin: 0;
}

footer{
  z-index:999;      
}



}