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; }}

div.main{
  background:#ee869d;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
div.main .inner{
  margin:0 auto; 
max-width:1100px;
}
div.main2{
  background-color: #f0a6b2;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  
}

div.main2 .inner{
  margin:0 auto; 
max-width:1100px;

}

.footer{
    padding-bottom: 10%;
}

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

img.tel{
max-width:90%;
margin:70px auto;
display:block;
}

img.tel2{
max-width:90%;
margin:0px auto 70px;
display:block;
}

.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.8;}
h1{
 margin: 0 auto;
 padding: 75px; 
 font-size:38px;
 color:#fff;
 letter-spacing: 0.1em;
 line-height:2;
 text-align: center;
 font-weight: 100;
}
h2{
 margin: 0 auto;
 font-size:40px;
 color:#000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 600;
}
h3{
 margin: 0 auto;
 font-size:46px;
 color:#000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 600;
}
h4{
 padding:13% 80px;
 margin: 0 auto;
 font-size:46px;
 color:#000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 600;
 text-align: center;
}

p{
 margin:0;
 padding: 0;   
 font-size:40px;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#fff;
}
p.kuro{
 margin:20px auto;
 padding: 0;   
 font-size:40px;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#000;
}
p.mini{
 margin:0;
 padding: 0;   
 font-size:33px;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#fff;
 width:406px;
}
p.minimini{
 margin:15px 0;
 padding: 0;   
 font-size:23px;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#fff;
}

strong{color:#e60012;}
.shop{margin:0 auto;}

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

/* 文字配置 ここから*/
.box{
    position:relative;
}
.box:last-of-type{
    padding-bottom: 20%;
}
.parts1{
    position:absolute;
    top:55%;
    left: 9%;
}
.parts2{
    position:absolute;
    top:10%;
    left: 9%;
}
.parts3{
    position:absolute;
    top:41%;
    left: 9%;
}
.parts4{
    position:absolute;
    bottom:13%;
    left: 9%;
}
.parts5{
    position:absolute;
    top: 9.5%;
    left: 21%;
}
.parts6{
    position:absolute;
    bottom:4%;
    right: 8%;
}

.parts7{
    position:absolute;
    top:8.5%;
    left: 9%;
}
.parts8{
    position:absolute;
    bottom:15%;
    left: 9%;
}



.parts9{
    position:absolute;
    bottom:9%;
    left: 9%;
}
.parts10 {
    position:absolute;
    bottom:15%;
    left: 9%;
}



/* 文字配置 ここまで*/

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

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

.area{
    position:relative;
}
.areatel{
    position:relative;
    margin-top:50px;
}
p.yoyaku{
    position:absolute;
    top:25%;
    left: 28%;
    text-align: center; 
    color:#000;
    font-size:30px;
}
p.yoyaku2{
    position:absolute;
    top:25%;
    left: 20%;
    text-align: center; 
    color:#000;
    font-size:30px;
}
.areashop{
    position:relative;
    margin:40px auto 0;
    padding-bottom:30px;
    max-width:95%;
 
}
.shopname{
    position:absolute;
    width:90%;    
    top:18%;
    left:5%;
    font-size:33px;
    color:#000;
    display:block;
    margin:0 auto;
    text-align: center; 
    font-weight: 600;
}


.pdfcorner{
    position: absolute;
    width: 30%;
    bottom: 24%;
    left: 50%;
    transform: translateX(-50%);
}
.logo{
    max-width:55.6%;
    padding:50px 0 0 0;
    margin:0 auto;
    display:block;
}
p.open{
    text-align: center;
    margin: 3% auto 0;
    display:block;
    font-weight: 700;
}
p.openetc{
    text-align: center;
    margin: 7% auto 0;
    display:block;
    font-weight: 700;
}
.shopsize{
    max-width:900px;
    margin:0 auto;
    display:block;
}

.blank{
    margin-bottom: 20%;
    display: block
}

.blank02{
    margin: 5% 0;
}

/* 中間調整用 ************************************************************************************************/
@media screen and (min-width:751px) and (max-width:1099px) {

h1{
 margin: 0 auto;
 padding: 10vw; 
 font-size:3.2vw;
 color:#fff;
 letter-spacing: 0.1em;
 line-height:2;
 text-align: center;
 font-weight: 100;
}
h2{
 margin: 0 auto;
 font-size:3.5vw;
 color:#000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 600;
}
h3{
 margin: 0 auto;
 font-size:4.5vw;
 color:#000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 600;
}
h4{
 padding:5vw;
 margin: 5% auto;
 font-size:4.5vw;
 color:#000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 600;
 text-align: center;
}

p{
 margin:0;
 padding: 0;   
 font-size:3.5vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#fff;
}
p.mini{
 margin:0;
 padding: 0;   
 font-size:3.15vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#fff;
 width:40vw;
}
p.minimini{
 margin:2vw 0;
 padding: 0;   
 font-size:2.5vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#fff;
}

strong{color:#e60012;}
.shop{margin:0 auto;}

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

/* 文字配置 ここから*/
.box{
    position:relative;
}
.parts1{
    position:absolute;
    top:55%;
    left: 9%;
}
.parts2{
    position:absolute;
    top:10%;
    left: 9%;
}
.parts3{
    position:absolute;
    top:41%;
    left: 9%;
}
.parts4{
    position:absolute;
    bottom:11%;
    left: 9%;
}
.parts5{
    position:absolute;
    top:9.5%;
    left: 21%;
}
.parts6{
    position:absolute;
    bottom:0%;
    right: 8%;
}

.parts7{
    position:absolute;
    top:8.5%;
    left: 9%;
}
.parts8{
    position:absolute;
    bottom:19%;
    left: 9%;
}



.parts9{
    position:absolute;
    bottom:9%;
    left: 9%;
}

.parts10 {
    position:absolute;
    left: 9%;
}
.areatel{
    position:relative;
  
    width:900px;  
    margin:50px auto;
}
p.yoyaku{
    position:absolute;
    width:900px;  
    top:30%;
    left: 0%;
    text-align: center; 
    color:#000;
    font-size:21px;
}
p.yoyaku2{
    position:absolute;
    width:900px;  
    top:25%;
    left: 0%;
    text-align: center; 
    color:#000;
    font-size:21px;
}
.areashop{
    position:relative;
    margin:40px auto 0;
    padding-bottom:30px;
    max-width:95%;
 
}
.shopname{
    position:absolute;
    width:90%;    
    top:18%;
    left:7%;
    font-size:33px;
    color:#000;
    display:block;
    margin:0 auto;
    text-align: center; 
}

img.logo{
    max-width:55.6%;
    padding:50px 0 0 0;
    margin:0 auto;
    display:block;
}
.shopsize{
    max-width:900px;
    margin:0 auto;
    display:block;
}
p.kuro{
 margin:5vw auto;
 padding: 0 0 0 5vw;   
 font-size:4vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#000;
}

/* 文字配置 ここまで*/

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


h1{
 margin: 0 auto;
 padding: 10vw; 
 font-size:3.2vw;
 color:#fff;
 letter-spacing: 0.1em;
 line-height:2;
 text-align: center;
 font-weight: 100;
}
h2{
 margin: 0 auto;
 font-size:3.5vw;
 color:#000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 600;
}
h3{
 margin: 0 auto;
 font-size:4.5vw;
 color:#000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 600;
}
h4{
 padding:5vw;
 margin: 5% auto;
 font-size:4.5vw;
 color:#000;
 letter-spacing: 0.1em;
 line-height:1.5;
 font-weight: 600;
 text-align: center;
}

p{
 margin:0;
 padding: 0;   
 font-size:3.5vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#fff;
}
p.mini{
 margin:0;
 padding: 0;   
 font-size:3.15vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#fff;
 width:40vw;
}
p.minimini{
 margin:2vw 0;
 padding: 0;   
 font-size:2.5vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#fff;
}

strong{color:#e60012;}
.shop{margin:0 auto;}

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

/* 文字配置 ここから*/
.box{
    position:relative;
}
.parts1{
    position:absolute;
    top:55%;
    left: 9%;
}
.parts2{
    position:absolute;
    top:10%;
    left: 9%;
}
.parts3{
    position:absolute;
    top:41%;
    left: 9%;
}
.parts4{
    position:absolute;
    bottom:11%;
    left: 9%;
}
.parts5{
    position:absolute;
    top:11%;
    left: 21%;
}
.parts6{
    position:absolute;
    bottom:0%;
    right: 8%;
}

.parts7{
    position:absolute;
    top:9%;
    left: 9%;
}
.parts8{
    position:absolute;
    bottom:19%;
    left: 9%;
}



.parts9{
    position:absolute;
    bottom:9%;
    left: 9%;
}
.parts10 {
    position:absolute;
    bottom:2%;
    left: 9%;
}



/* 文字配置 ここまで*/


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;


}

/* テーブルここまで */
p.kuro{
 margin:5vw auto;
 padding: 0 0 0 5vw;   
 font-size:4vw;
font-weight: 100;
line-height:1.65;
 letter-spacing: 0.1em;
 color:#000;
}
.areatel{
    position:relative;
    margin-top:5vw;
}
p.yoyaku{
    position:absolute;
    top:25%;
    left: 28%;
    text-align: center; 
    color:#000;
    font-size:2.8vw;
}
p.yoyaku2{
    position:absolute;
    top:25%;
    left: 20%;
    text-align: center; 
    color:#000;
    font-size:2.8vw;
}
.areashop{
    position:relative;
    margin:5vw auto 0;
    padding-bottom:6vw;
    max-width:95%;
 
}
.shopname{
    position:absolute;
    width:90%;    
    top:14%;
    left:6%;
    font-size:4.5vw;
    color:#000;
    display:block;
    margin:0 auto;
    text-align: center; 
}

img.logo{
    max-width:70%;
    padding:50px 0 0 0;
    margin:0 auto;
    display:block;
}
img.tel{
max-width:100%;
margin:5vw auto;
}

img.tel2{
max-width:100%;
margin:0px auto 5vw;
}

.shopsize{
    max-width:95%;
    margin:0 auto;
    display:block;
}




}