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";
  background-color:#fff;

}

/* パソコンで見たときは"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;
}
.yellow{
  background-color: #fff100;
  padding:0 0 30px 0;
}
.white{
  background-color: #fff;
  padding:30px 0;
}
  * {
 margin: 0;
 padding: 0; 
}



ul {
  list-style:none;
  display: flex;
  flex-wrap: wrap;
}

ul li{width:50%;}

div {
  padding: 0px;
}



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

}
a:hover{  opacity : 0.95;}
h1{
 margin: 0 auto;
 padding: 0; 
 font-size:48px;
 color:#824e00;
 letter-spacing: 0.1em;
 text-align: center;
}
p{
 margin:0;
 padding: 20px;   
 font-size:24px;
font-weight: 100;
line-height:2.2;
 letter-spacing: 0.1em;
 color:#514e4d;
 text-align: center;
}
p.tt{
 margin: 20px 0 50px 90px;
 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-bottom:50px;
 font-size:40px;
 color:#514e4d;
 letter-spacing: 0.1em;
 line-height:2.2;
 text-align: center;
}

h3{
 margin:40px 0 0 0;
 padding:62px 0 0 100px;
font-weight: 800;
 font-size:36px;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#fff;
}

h4{
 margin:40px 0 0 0;
 padding:50px 0  0 100px;
font-weight: 800;
 font-size:18px;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#fff;
}

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

h6{
 margin:40px 0 0 0;
 padding:34px 35px 0;
font-weight: 800;
 font-size:36px;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#fff;
}
.h6modoki{
 margin:40px 0 0 0;
 padding:23px 0  0 40px;
font-weight: 800;
 font-size:18px;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#fff;
}
.h4modoki{
 margin:40px 0 0 0;
 padding:23px 0  0 100px;
font-weight: 800;
 font-size:18px;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#fff;
}
p.sm{
 padding: 55px; 
 font-size:40px;
 letter-spacing: 0.1em;
 text-align: center;
  color:#824e00;
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:34px;
 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;
}

strong{color:#e60012;}
.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;
}

.parea{
  height:221px;
  background-color:#efeedf;
}
.obje{
    position:absolute;
    width:30%;
    top:38%;
    right: -20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.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:#009CE5;
  width: calc(100% + 140px);
  margin: 0 -40px;
}
.bgarileft{
  height:171px;
  background-color:#009CE5;
  width: calc(100% + 140px);
  margin: 0 0 0 -100px;
}

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

.footbg{
  background-color:#00a5e3;

}
.shop{
  max-width:900px;
  margin-top:0px;
  padding-bottom:50px;
}
.parts{
  max-width:83%;
  margin:-70px auto;
  display:block;
}
.partsp{
  max-width:83%;
  margin:0 auto;
  padding:0 0 80px 0;
  display:block;
}
.parts0{
  max-width:83%;
  margin:20px auto;
  display:block;
}
.parts0b{
  max-width:83%;
  margin:-135px auto;
  display:block;
}
p.p1{
    position:absolute;
    width:80%;
    top:10%;
    left: 50%;
    color:#fff;
    font-size:65px;
    text-align:center;    
    font-weight:bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.p1b{
    position:absolute;
    width:80%;
    top:12%;
    left: 50%;
    color:#fff;
    font-size:65px;
    text-align:center;    
    font-weight:bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.p2{
    position:absolute;
    width:80%;
    top:21%;
    left: 50%;
    color:#fff;
    font-size:35px;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.p3{
    position:absolute;
    width:80%;
    bottom:5%;
    left: 50%;
    color:#fff;
    font-size:35px;
    line-height:2;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.p4{
    position:absolute;
    width:80%;
    bottom:10%;
    left: 50%;
    color:#fff;
    font-size:35px;
    line-height:1.5;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
span.big{
    font-size:65px;
    text-align:center;    
    font-weight:bold;
}
p.cc1{
    position:absolute;
    width:80%;
    top:1%;
    left: 50%;
    color:#000;
    font-size:35px;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.cc2{
    position:absolute;
    width:80%;
    top:9%;
    left: 50%;
    color:#000;
    font-size:65px;
    text-align:center;    
    font-weight:bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.cc3{
    position:absolute;
    width:80%;
    bottom:15%;
    left: 50%;
    color:#000;
    font-size:35px;
    line-height:2;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.normal{
    width:80%;
    color:#fff;
    font-size:40px;
    margin:0 auto;
    display:block;
    line-height:1.75;
    text-align:center;  
}
p.normalpull{
    width:80%;
    color:#fff;
    font-size:40px;
    margin:-150px auto 0;
    display:block;
    line-height:1.75;
    text-align:center;  
}
.bgptn1{
 background-color:#f7fbfe;
 padding:50px;

}
.bgptn2{
        background-color: #e8f5fc;
        padding:80px 0;
        }
.bgptn3{
        background-color: #86c9e3;
        padding:0 0 80px 0;
        }
p.bmae{
color: #385b94;
text-align:center;
}
p.ccen{
color: #000;
text-align:center;
}
.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;      
}
.t1{
    position:absolute;
    top:8%;
    left: 6.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

}
.t2{
    position:absolute;
    width:80%;
    top:9%;
    left:55%;
    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:37%;
    top:57%;
    left: 25.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.t5{
    position:absolute;
    width:31.5%;
    top:57%;
    right: -6.5%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.area{
    position:relative;
}
.area2{
    margin-top:120px;
    padding-bottom:130px;
    position:relative;
}
.area3{
    position:relative;
    padding-bottom:130px;
}
.area4{
    position:relative;
    padding-bottom:0;
}
.act{
    position:absolute;
    width:60%;
    top:0%;
    left: 50%;
    font-size:28px;
    color:#898989;
    font-weight:bold;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

}
.areashop{
    position:relative;
    margin:40px auto;
    padding-bottom:30px;
    max-width:95%;

}
/* 中間調整用 ************************************************************************************************/
@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;
}

.area{
    position:relative;

}
.area2{
    margin-top:10vw;
    padding-bottom:8vw;
    position:relative;
}
.area3{
    position:relative;
    padding-bottom:2vw;
}
.act{
    position:absolute;
    width:80%;
    top:-5%;
    left: 50%;
    font-size:3.1vw;
    color:#898989;
    font-weight:bold;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

}

.parts{
  max-width:83%;
  margin:-5.5vw auto 0;
  display:block;
}
.partsp{
  max-width:83%;
  margin:0 auto;
  padding:0 0 80px 0;
  display:block;
}
.parts0{
  max-width:83%;
  margin:20px auto;
  display:block;
}
.parts0b{
  max-width:83%;
  margin:-135px auto;
  display:block;
}
p.p1{
    position:absolute;
    width:80%;
    top:10%;
    left: 50%;
    color:#fff;
    font-size:6vw;
    text-align:center;    
    font-weight:bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.p1b{
    position:absolute;
    width:80%;
    top:10%;
    left: 50%;
    color:#fff;
    font-size:6vw;
    text-align:center;    
    font-weight:bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.p2{
    position:absolute;
    width:80%;
    top:21%;
    left: 50%;
    color:#fff;
    font-size:3vw;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.p3{
    position:absolute;
    width:80%;
    bottom:5%;
    left: 50%;
    color:#fff;
    font-size:3vw;
    line-height:2;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.p4{
    position:absolute;
    width:80%;
    bottom:12%;
    left: 50%;
    color:#fff;
    font-size:3vw;
    line-height:1.5;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
span.big{
    font-size:6vw;
    text-align:center;    
    font-weight:bold;
}
p.cc1{
    position:absolute;
    width:80%;
    top:0%;
    left: 50%;
    color:#000;
    font-size:4vw;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.cc2{
    position:absolute;
    width:80%;
    top:8%;
    left: 50%;
    color:#000;
    font-size:6vw;
    text-align:center;    
    font-weight:bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.cc3{
    position:absolute;
    width:80%;
    bottom:8%;
    left: 50%;
    color:#000;
    font-size:3.5vw;
    line-height:2;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.normal{
    width:80%;
    color:#fff;
    font-size:3.5vw;
    padding:0;
    margin:0 auto;
    display:block;
    line-height:1.75;
    text-align:center;  
}
p.normalpull{
    width:80%;
    color:#fff;
    padding:0;
    font-size:3.5vw;
    margin:-15vw auto 0;
    display:block;
    line-height:1.75;
    text-align:center;  
}
.bgptn1{ background-color:#f7fbfe;}
.bgptn2{
        background-color: #e8f5fc;
        padding:5vw 0 0 0;
        }
.bgptn3{
        background-color: #86c9e3;
        padding:0;
        }
p.bmae{
color: #385b94;
text-align:center;
padding:1vw;
}
p.ccen{
color: #000;
text-align:center;
}

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

h1{
 margin: 0 auto;
 padding: 0; 
 font-size:6vw;
 color:#824e00;
 letter-spacing: 0.1em;
 text-align: center;
}
.area{
    position:relative;

}
.area2{
    margin-top:10vw;
    padding-bottom:8vw;
    position:relative;
}
.area3{
    position:relative;
    padding-bottom:2vw;
}
.act{
    position:absolute;
    width:80%;
    top:-5%;
    left: 50%;
    font-size:3.1vw;
    color:#898989;
    font-weight:bold;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

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

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

p{
 margin:0;
 padding: 5vw 0;   
 font-size:2.5vw;
font-weight: 100;
line-height:2.2;
 letter-spacing: 0.1em;
 color:#514e4d;
}
p.tt{
 margin:0 0 5vw 3.5vw;
 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: 0vw 0vw 5vw 0vw; 
 font-size:3.25vw;
 color:#514e4d;
 letter-spacing: 0.1em;
line-height:2.2;
 text-align: center;
}

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

h4{
 margin:10vw 0 0 0;
 padding: 8vw 0 0 0vw; 
font-weight: 800;
 font-size:4vw;
text-align:center;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#fff;
}


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

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:#fff;
}
.h4modoki{
 margin:10vw 0 0 0;
 padding: 4vw 0 0 0vw; 
font-weight: 800;
 font-size:4vw;
text-align:center;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#fff;
}
.h6modoki{
 margin:10vw 0 0 0;
 padding: 4vw 0 0 0vw; 
font-weight: 800;
 font-size:4vw;
text-align:center;
line-height:1.45;
 letter-spacing: 0.1em;
 color:#fff;
}
p.sm{
 padding: 10vw; 
 font-size:7vw;
 line-height:1.8;
 letter-spacing: 0.1em;
 text-align: center;
  color:#824e00;
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 0vw 0; 
 font-size:4.5vw;

 letter-spacing: 0.1em;
 text-align: center;
  color:white;
font-weight: 800;
}
p.tenpo2{
 padding: 0; 
 font-size:4.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:40vw;
  background-color:#efeedf;
}
.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:#009CE5;
  margin:0;
  max-width:750px;
  width: calc(100% + 0px);
  width:100%;
}
.bgarileft{
  height:32vw;
  margin:0;
  max-width:750px;
  background-color:#009CE5;
  width: calc(100% + 0px);
  width:100%;
}

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

}

.footbg{
  background-color:#86b3e0;
}



.parts{
  max-width:83%;
  margin:-5.5vw auto 0;
  display:block;
}
.partsp{
  max-width:83%;
  margin:0 auto;
  padding:0 0 80px 0;
  display:block;
}
.parts0{
  max-width:83%;
  margin:20px auto;
  display:block;
}
.parts0b{
  max-width:83%;
  margin:-135px auto;
  display:block;
}
p.p1{
    position:absolute;
    width:80%;
    top:5%;
    left: 50%;
    color:#fff;
    font-size:6vw;
    text-align:center;    
    font-weight:bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.p1b{
    position:absolute;
    width:80%;
    top:6%;
    left: 50%;
    color:#fff;
    font-size:6vw;
    text-align:center;    
    font-weight:bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.p2{
    position:absolute;
    width:80%;
    top:16%;
    left: 50%;
    color:#fff;
    font-size:3vw;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.p3{
    position:absolute;
    width:80%;
    bottom:0%;
    left: 50%;
    color:#fff;
    font-size:3vw;
    line-height:2;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.p4{
    position:absolute;
    width:80%;
    bottom:7%;
    left: 50%;
    color:#fff;
    font-size:3vw;
    line-height:1.5;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
span.big{
    font-size:6vw;
    text-align:center;    
    font-weight:bold;
}
p.cc1{
    position:absolute;
    width:80%;
    top:-4.5%;
    left: 50%;
    color:#000;
    font-size:4vw;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.cc2{
    position:absolute;
    width:80%;
    top:3%;
    left: 50%;
    color:#000;
    font-size:6vw;
    text-align:center;    
    font-weight:bold;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.cc3{
    position:absolute;
    width:80%;
    bottom:6%;
    left: 50%;
    color:#000;
    font-size:3.5vw;
    line-height:2;
    text-align:center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
p.normal{
    width:80%;
    color:#fff;
    font-size:3.5vw;
    padding:0;
    margin:0 auto;
    display:block;
    line-height:1.75;
    text-align:center;  
}
p.normalpull{
    width:80%;
    color:#fff;
    padding:0;
    font-size:3.5vw;
    margin:-15vw auto 0;
    display:block;
    line-height:1.75;
    text-align:center;  
}
.bgptn1{ background-color:#f7fbfe;padding:3vw 0 6vw;}
.bgptn2{
        background-color: #e8f5fc;
        padding:5vw 0 0 0;
        }
.bgptn3{
        background-color: #86c9e3;
        padding:0 0 5vw 0;
        }
p.bmae{
color: #385b94;
text-align:center;
padding:1vw;
}
p.ccen{
color: #000;
text-align:center;
}




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: #ed6d00;
 border: solid 1px #666666;
 color: #ffffff;
}
.designtable td {
 padding: 2vw;
 border: solid 1px #666666;
}
.designtable td:first-child {
 background: #ecbf98;
}
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;


}

/* テーブルここまで */
.footbg{
  background-color:#00a5e3;
}
.shop{
  max-width:95%;
  padding-bottom:5vw;
}
.t1{
    position:absolute;
    top:6%;
    left: 10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

}
.t2{
    position:absolute;
    width:80%;
    top:9%;
    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:60%;
    top:40.5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.t5{
    position:absolute;
    width:50%;
    top:66%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}






}