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

}
    


img{  vertical-align:top;
      width:100%;
}

body{
  max-width: 1100px;
  margin: 0 auto;

}

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

a:hover{opacity:0.8;}
.info{width:80%;margin:0 auto 5vw;}

/* パソコンで見たときは"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; }
}


h1{margin:0 auto; 
  background:#b3b3b3;
  font-size:0;
}


ul.topline{  max-width:900px;
          display:flex;
          flex-wrap: nowrap;
          padding:5vw 5vw 0vw 5vw;
          list-style:none;
          margin:0 auto;
}
ul.topline li{
    width:60%;
    padding-right:5vw;

}
ul.topline li:nth-child(2){
    width:60%;
    padding-right:5vw;
    margin-top:-3vw;

}
ul.topline li:last-child{
    width:60%;
    padding-right:0;

}



ul.underline{  max-width:900px;
          display:flex;
          flex-wrap: nowrap;
          padding:0 5vw 5vw 5vw;
          list-style:none;
          margin:-3vw auto 0;
}
ul.underline li{
    width:60%;
    padding-right:5vw;

}

ul.underline li:nth-child(2){
    width:60%;
    padding-right:5vw;
    margin-top:3vw;

}
ul.underline li:last-child{
    width:60%;
    padding-right:0;

}












.fuwafuwa {
  animation: fuwafuwa 3s infinite ease-in-out .8s alternate;

  display: inline-block;
  transition: 1.5s ease-in-out;
    width:15vw; 
}
 
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}
 
.balloon {
 

    animation: sway 3s linear infinite; /* swayというアニメーションを等速で4秒かけて無限に行う。 */
}
@keyframes sway {
    /* 最初と最後の位置 */
    0%,
    100% {
        transform: translateY(0px);
    }

    /* 途中の位置 */
    50% {
        transform: translateY(7px);
    }
}

.balloondelay {
 

    animation: sway 4s linear infinite; /* swayというアニメーションを等速で4秒かけて無限に行う。 */
}
@keyframes sway {
    /* 最初と最後の位置 */
    0%,
    100% {
        transform: translateY(9px);
    }

    /* 途中の位置 */
    50% {
        transform: translateY(0px);
    }
}


.half{width:45vw;}

/**↓popup**/
div#modal-openA-1:hover,div#modal-openA-2:hover,div#modal-openA-3:hover,div#modal-openA-4:hover,div#modal-openA-5:hover,div#modal-openA-6:hover
,div#modal-openB-1:hover,div#modal-openB-2:hover,div#modal-openB-3:hover,div#modal-openB-4:hover,div#modal-openB-5:hover,div#modal-openB-6:hover
,div#modal-openB-7:hover,div#modal-openB-8:hover,div#modal-openB-9:hover,div#modal-openB-10:hover,div#modal-openB-11:hover,div#modal-openB-12:hover
,div#modal-openB-13:hover,div#modal-openB-14:hover,div#modal-openB-15:hover,div#modal-openB-16:hover,div#modal-openB-17:hover,div#modal-openB-18:hover
,div#modal-openB-19:hover,div#modal-openB-20:hover,div#modal-openB-21:hover,div#modal-openB-22:hover,div#modal-openB-23:hover,div#modal-openB-24:hover
,div#modal-openB-25:hover,div#modal-openB-26:hover,div#modal-openB-27:hover,div#modal-openB-28:hover,div#modal-openB-29:hover,div#modal-openB-30:hover
,div#modal-openB-31:hover,a:hover
{
  opacity:1.0;
}
#modal-openA-1,#modal-openA-2,#modal-openA-3,#modal-openA-4,#modal-openA-5,#modal-openA-6,#modal-openB-1,#modal-openB-2,#modal-openB-3,#modal-openB-4,#modal-openB-5,#modal-openB-6,
#modal-openB-7,#modal-openB-8,#modal-openB-9,#modal-openB-10,#modal-openB-11,#modal-openB-12,#modal-openB-13,#modal-openB-14,#modal-openB-15,#modal-openB-16,#modal-openB-17,
#modal-openB-18,#modal-openB-19,#modal-openB-20,#modal-openB-21,#modal-openB-22,#modal-openB-23,#modal-openB-24,#modal-openB-25,#modal-openB-26,#modal-openB-27,#modal-openB-28,#modal-openB-29,#modal-openB-30,#modal-openB-31{
  max-width:100%;
  cursor: pointer;

}
#modal-openB-14{
  max-width:83vw;
  cursor: pointer;

}


#modal-opennone{max-width:40vw;}
#modal-containernone{
  position: fixed;
    top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  webkittransform: translateY(-50%) translateX(-50%);
  max-width: 80vw;
  padding:2%;
  background-color: #fff;
  display: none;
  height: 80vh;
    overflow: auto;
}


#modal-openA-1 img,#modal-openA-2 img,#modal-openA-3 img,#modal-openA-4 img,#modal-openA-5 img,#modal-openA-6 img,#modal-openB-1 img,#modal-openB-2 img,#modal-openB-3 img,#modal-openB-4 img,
#modal-openB-5 img,#modal-openB-6 img,#modal-openB-7 img,#modal-openB-8 img,#modal-openB-9 img,#modal-openB-10 img,#modal-openB-11 img,#modal-openB-12 img,#modal-openB-13 img,#modal-openB-14 img,#modal-openB-15 img,
#modal-openB-16 img,#modal-openB-17 img,#modal-openB-17 img,#modal-openB-19 img,#modal-openB-20 img,#modal-openB-21 img,#modal-openB-22 img,#modal-openB-23 img,#modal-openB-24 img,#modal-openB-25 img,#modal-openB-26 img,
#modal-openB-27 img,#modal-openB-28 img,#modal-openB-29 img,#modal-openB-30 img,#modal-openB-31 img{
  width: 100%;
}





#modal-bgA-1,#modal-bgA-2,#modal-bgA-3,#modal-bgA-4,#modal-bgA-5,#modal-bgA-6,#modal-bgB-1,#modal-bgB-2,#modal-bgB-3,#modal-bgB-4,#modal-bgB-5,#modal-bgB-6,
#modal-bgB-7,#modal-bgB-8,#modal-bgB-9,#modal-bgB-10,#modal-bgB-11,#modal-bgB-12,#modal-bgB-13,#modal-bgB-14,#modal-bgB-15,#modal-bgB-16,#modal-bg-1,#modal-bgB-17,
#modal-bgB-18,#modal-bgB-19,#modal-bgB-20,#modal-bgB-21,#modal-bgB-22,#modal-bgB-23,#modal-bgB-24,#modal-bgB-25,#modal-bgB-26,#modal-bgB-27,#modal-bgB-28,#modal-bgB-29,#modal-bgB-30,#modal-bgB-31{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  display: none;

  
}

#modal-bgA-1.active,#modal-bgA-2.active,#modal-bgA-3.active,#modal-bgA-4.active,#modal-bgA-5.active,#modal-bgA-6.active,#modal-bgB-1.active
,#modal-bgB-2.active,#modal-bgB-3.active,#modal-bgB-4.active,#modal-bgB-5.active,#modal-bgB-6.active,#modal-bgB-7.active,#modal-bgB-8.active
,#modal-bgB-9.active,#modal-bgB-10.active,#modal-bgB-11.active,#modal-bgB-12.active,#modal-bgB-13.active,#modal-bgB-14.active,#modal-bgB-15.active,#modal-bg-1.active,
#modal-bgB-16.active,#modal-bgB-17.active,#modal-bgB-18.active,#modal-bgB-19.active,#modal-bgB-20.active,#modal-bgB-21.active,#modal-bgB-22.active,#modal-bgB-23.active,
#modal-bgB-24.active,#modal-bgB-25.active,#modal-bgB-26.active,#modal-bgB-27.active,#modal-bgB-28.active,#modal-bgB-29.active,#modal-bgB-30.active,#modal-bgB-31.active
{
  display: block;
  z-index:998;

}

#modal-containerA-1,#modal-containerA-2,#modal-containerA-3,#modal-containerA-4,#modal-containerA-5,#modal-containerA-6,#modal-containerB-1,#modal-containerB-2,#modal-containerB-3,
#modal-containerB-4,#modal-containerB-5,#modal-containerB-6,#modal-containerB-7,#modal-containerB-8,#modal-containerB-9,#modal-containerB-10,#modal-containerB-11,#modal-containerB-12,
#modal-containerB-13,#modal-containerB-14,#modal-containerB-15,#modal-container-1,
#modal-containerB-16,#modal-containerB-17,#modal-containerB-18,#modal-containerB-19,#modal-containerB-20,#modal-containerB-21,#modal-containerB-22,#modal-containerB-23,
#modal-containerB-24,#modal-containerB-25,#modal-containerB-26,#modal-containerB-27,#modal-containerB-28,#modal-containerB-29,#modal-containerB-30,#modal-containerB-31
{
  position: fixed;
    top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  webkittransform: translateY(-50%) translateX(-50%);
  max-width: 100vw;
  padding:10vw 0 0 0;
  background-color: #fff;
  display: none;
  height: 80vh;
    overflow: auto;
}



#modal-containerA-1.active ,#modal-containerA-2.active,#modal-containerA-3.active,#modal-containerA-4.active,#modal-containerA-5.active,#modal-containerA-6.active,
#modal-containerB-1.active,#modal-containerB-2.active,#modal-containerB-3.active,#modal-containerB-4.active,#modal-containerB-5.active,#modal-containerB-6.active,#modal-containerB-7.active,
#modal-containerB-8.active,#modal-containerB-9.active,#modal-containerB-10.active,#modal-containerB-11.active,#modal-containerB-12.active,#modal-containerB-13.active,#modal-containerB-14.active,
#modal-containerB-15.active,#modal-container-1.active,#modal-containerB-16.active,#modal-containerB-17.active,#modal-containerB-18.active,#modal-containerB-19.active,#modal-containerB-20.active,
#modal-containerB-21.active,#modal-containerB-22.active,#modal-containerB-23.active,#modal-containerB-24.active,#modal-containerB-25.active,#modal-containerB-26.active,#modal-containerB-27.active,
#modal-containerB-28.active,#modal-containerB-29.active,#modal-containerB-30.active,#modal-containerB-31.active
{
  display: block;
  z-index:999;

}






#modal-containerA-1 img ,#modal-containerA-2 img,#modal-containerA-3 img,#modal-containerA-4 img,#modal-containerA-5 img,#modal-containerA-6 img,#modal-containerB-1 img,#modal-containerB-2 img,
#modal-containerB-3 img,#modal-containerB-4 img,#modal-containerB-5 img,#modal-containerB-6 img,#modal-containerB-7 img,#modal-containerB-8  img,#modal-containerB-9  img,#modal-containerB-10  img,
#modal-containerB-11  img,#modal-containerB-12  img,#modal-containerB-13  img,#modal-containerB-14  img,#modal-containerB-15  img,#modal-container-1  img,#modal-containerB-16  img,#modal-containerB-17  img,
#modal-containerB-18  img,#modal-containerB-19  img,#modal-containerB-20  img,#modal-containerB-21  img,#modal-containerB-22  img,#modal-containerB-23  img,#modal-containerB-24  img,#modal-containerB-25  img,
#modal-containerB-26  img,#modal-containerB-27  img,#modal-containerB-28  img,#modal-containerB-29  img,#modal-containerB-30  img,#modal-containerB-31  img
{
  width: 80vw;
    padding-top:0vw;
    margin-top:-0.2vw;
}



.modal-close{
  font-size: 2.5rem;
  position: absolute;
  top: -2vw;
  right: 2vw;
}
/**↑popup**/



.evinner{
  padding:5vw 3vw!important;  
}
.evinner img{
  margin-bottom:3vw!important;  
}
.moviearea iframe{
  aspect-ratio: 16 / 9;
  width: 95%;
  height: 100%;
  border: none;
}
.center{
text-align: center;
}



  /* スマホ用のスタイル */
@media screen and (max-width: 750px) {



div div.shoplistn{
  display:flex!important;
    flex-wrap: wrap!important; /* 折返し指定 */

  max-width:1100px!important;
  padding:0px 0px 5vw 5vw!important;
  margin:0!important;

}
div div.shoplistn div.tenpo{
  flex-basis:calc((100% - 0px) / 2)!important;
  max-width:calc((100% - 0px) / 2)!important;
  margin-bottom:30px!important;
  margin-right:20px!important;
  max-width : 44%!important;

}

div div.shoplistn div:nth-of-type(2),div.shoplistn div:nth-of-type(4),div.shoplistn div:nth-of-type(6)
,div.shoplistn div:nth-of-type(8),div.shoplistn div:nth-of-type(10),div.shoplistn div:nth-of-type(12)
,div.shoplistn div:nth-of-type(14),div.shoplistn div:nth-of-type(16),div.shoplistn div:nth-of-type(18)
,div.shoplistn div:nth-of-type(20),div.shoplistn div:nth-of-type(22),div.shoplistn div:nth-of-type(24)
{
  margin-right:0px!important;
}
div div.shoplistn  div img{
  max-width : 350px!important;
}




}


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



ul.menu{  max-width:1100px;
          display:flex;
          flex-wrap: nowrap;
          padding:0;
          list-style:none;
          margin:0 auto;
}
ul.menu li{
    width:100%;
    padding:0;

}

div.shoplistn{
  display:flex;
    flex-wrap: wrap; /* 折返し指定 */

  max-width:900px;
  padding:0px 0px 35px 0px;
  margin:0 auto;

}
div.shoplistn div.tenpo{
  flex-basis:calc((100% - 0px) / 3);
  max-width:calc((100% - 0px) / 3);
  margin-bottom:30px;
  margin-right:20px;
  max-width : 285px;

}

div.shoplistn div:nth-of-type(3),div.shoplistn div:nth-of-type(6),div.shoplistn div:nth-of-type(9)
,div.shoplistn div:nth-of-type(12),div.shoplistn div:nth-of-type(15),div.shoplistn div:nth-of-type(18)
{
  margin-right:0px;
}
div.shoplistn  div img{
  max-width : 500px;
}
.modal-close{
  font-size: 2rem;
  position: absolute;
  top: 2px;
  right: 10px;
}
#modal-containerA-1 img ,#modal-containerA-2 img,#modal-containerA-3 img,#modal-containerA-4 img,#modal-containerA-5 img,#modal-containerA-6 img,#modal-containerB-1 img,#modal-containerB-2 img,
#modal-containerB-3 img,#modal-containerB-4 img,#modal-containerB-5 img,#modal-containerB-6 img,#modal-containerB-7 img,#modal-containerB-8  img,#modal-containerB-9  img,#modal-containerB-10  img,
#modal-containerB-11  img,#modal-containerB-12  img,#modal-containerB-13  img,#modal-containerB-14  img,#modal-containerB-15  img,#modal-container-1  img,#modal-containerB-16  img,#modal-containerB-17  img,
#modal-containerB-18  img,#modal-containerB-19  img,#modal-containerB-20  img,#modal-containerB-21  img,#modal-containerB-22  img,#modal-containerB-23  img,#modal-containerB-24  img,#modal-containerB-25  img,
#modal-containerB-26  img,#modal-containerB-27  img,#modal-containerB-28  img,#modal-containerB-29  img,#modal-containerB-30  img,#modal-containerB-31  img{
  width: 450px;
  padding-top:0px;
}
#modal-containerA-1 img ,#modal-containerA-2 img,#modal-containerA-3 img,#modal-containerA-4 img,#modal-containerA-5 img,#modal-containerA-6 img,#modal-containerB-1 img,#modal-containerB-2 img,
#modal-containerB-3 img,#modal-containerB-4 img,#modal-containerB-5 img,#modal-containerB-6 img,#modal-containerB-7 img,#modal-containerB-8  img,#modal-containerB-9  img,#modal-containerB-10  img,
#modal-containerB-11  img,#modal-containerB-12  img,#modal-containerB-13  img,#modal-containerB-14  img,#modal-containerB-15  img,#modal-container-1  img,#modal-containerB-16  img,#modal-containerB-17  img,
#modal-containerB-18  img,#modal-containerB-19  img,#modal-containerB-20  img,#modal-containerB-21  img,#modal-containerB-22  img,#modal-containerB-23  img,#modal-containerB-24  img,#modal-containerB-25  img,
#modal-containerB-26  img,#modal-containerB-27  img,#modal-containerB-28  img,#modal-containerB-29  img,#modal-containerB-30  img,#modal-containerB-31  img{
  width: 550px;
  padding-top:0px;
}



}
/* ここからPC ************************************************************************************************/
@media screen and (min-width:1101px) {
#modal-containerA-1,#modal-containerA-2,#modal-containerA-3,#modal-containerA-4,#modal-containerA-5,#modal-containerA-6,#modal-containerB-1,#modal-containerB-2,#modal-containerB-3,
#modal-containerB-4,#modal-containerB-5,#modal-containerB-6,#modal-containerB-7,#modal-containerB-8,#modal-containerB-9,#modal-containerB-10,#modal-containerB-11,#modal-containerB-12,
#modal-containerB-13,#modal-containerB-14,#modal-containerB-15,#modal-container-1,
#modal-containerB-16,#modal-containerB-17,#modal-containerB-18,#modal-containerB-19,#modal-containerB-20,#modal-containerB-21,#modal-containerB-22,#modal-containerB-23,
#modal-containerB-24,#modal-containerB-25,#modal-containerB-26,#modal-containerB-27,#modal-containerB-28,#modal-containerB-29,#modal-containerB-30,#modal-containerB-31{
  position: fixed;
    top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  webkittransform: translateY(-50%) translateX(-50%);
  max-width: 650px;
  padding:50px  0 0 0;
  background-color: #fff;
  display: none;
  height: 68vh;
    overflow: auto;
}

.modal-close{
  font-size: 2rem;
  position: absolute;
  top: 2px;
  right: 10px;
}
.cent{margin:0 auto 0;padding-top:7vw;}

#modal-containerA-1 img ,#modal-containerA-2 img,#modal-containerA-3 img,#modal-containerA-4 img,#modal-containerA-5 img,#modal-containerA-6 img,#modal-containerB-1 img,#modal-containerB-2 img,
#modal-containerB-3 img,#modal-containerB-4 img,#modal-containerB-5 img,#modal-containerB-6 img,#modal-containerB-7 img,#modal-containerB-8  img,#modal-containerB-9  img,#modal-containerB-10  img,
#modal-containerB-11  img,#modal-containerB-12  img,#modal-containerB-13  img,#modal-containerB-14  img,#modal-containerB-15  img,#modal-container-1  img,#modal-containerB-16  img,#modal-containerB-17  img,
#modal-containerB-18  img,#modal-containerB-19  img,#modal-containerB-20  img,#modal-containerB-21  img,#modal-containerB-22  img,#modal-containerB-23  img,#modal-containerB-24  img,#modal-containerB-25  img,
#modal-containerB-26  img,#modal-containerB-27  img,#modal-containerB-28  img,#modal-containerB-29  img,#modal-containerB-30  img,#modal-containerB-31  img{
  width: 650px;
  padding-top:0px;
}


#modal-openA-1 img,#modal-openA-2 img,#modal-openA-3 img,#modal-openA-4 img,#modal-openA-5 img,#modal-openA-6 img,#modal-openB-1 img,#modal-openB-2 img,#modal-openB-3 img,#modal-openB-4 img,
#modal-openB-5 img,#modal-openB-6 img,#modal-openB-7 img,#modal-openB-8 img,#modal-openB-9 img,#modal-openB-10 img,#modal-openB-11 img,#modal-openB-12 img,#modal-openB-13 img,#modal-openB-14 img,#modal-openB-15 img,
#modal-openB-16 img,#modal-openB-17 img,#modal-openB-17 img,#modal-openB-19 img,#modal-openB-20 img,#modal-openB-21 img,#modal-openB-22 img,#modal-openB-23 img,#modal-openB-24 img,#modal-openB-25 img,#modal-openB-26 img,
#modal-openB-27 img,#modal-openB-28 img,#modal-openB-29 img,#modal-openB-30 img,#modal-openB-31 img{
  max-width: 750px;
}
#modal-openB-14 img{
  max-width:725px;
}






.area_f{
      max-width:1100px;
      overflow:hidden;
      position:relative;
      margin:0 auto;
}
.areamain{
      max-width:1100px;
      overflow:visible;
      position:relative;
      margin:0 auto;
}
.areamainb{
      max-width:900px;
      overflow:hidden;
      position:relative;
      margin:0 auto;
}
.graymenu{
  padding-bottom:0vw;

}
.shoptitle{max-width:302px;margin:50px 0;}
.shoptitle2{max-width:408px;margin:50px 0;}
.small{width:99%;}
.half{width:285px;}
.half img{max-width:100px}
.window {
  max-width: 500px;
  background-color: #ffffff;
  border-radius: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  padding-top:2vw;
  padding-bottom:2vw;  
}
.overlay .window img{max-width:400px}

div.shoplistn{
  display:flex;
    flex-wrap: wrap; /* 折返し指定 */

  max-width:900px;
  padding:0px 0px 35px 0px;
  margin:0 auto;

}
div.shoplistn div.tenpo{
  flex-basis:calc((100% - 0px) / 3);
  max-width:calc((100% - 0px) / 3);
  margin-bottom:30px;
  margin-right:20px;
  max-width : 285px;

}

div.shoplistn div:nth-of-type(3),div.shoplistn div:nth-of-type(6),div.shoplistn div:nth-of-type(9)
,div.shoplistn div:nth-of-type(12),div.shoplistn div:nth-of-type(15),div.shoplistn div:nth-of-type(18)
{
  margin-right:0px;
}
div.shoplistn  div img{
  max-width : 500px;
}


h1{margin:0 auto; 
  background:#b3b3b3;

}
h2{
margin:0 auto; 
  width:100vw;
  background-size:3000px;
  background-image: url("../images/backsky.jpg");
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
h3{margin:0 auto;
  padding:0;
  background:#cccccc;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  text-align:center;
}
h3 img{margin:0 auto;
  padding:0;
  max-width:185px;
  text-align:center;
}
h4{
  padding:20px 0;
  text-align:center;
  background:#fff;
    margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
h4 img{margin:0 auto;
  padding:0 0;
  max-width:245px;
  text-align:center;
}
.maintitle{

  width:100vw;
  background-size:3000px;
  background-image: url("../images/backskysub.png");
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

}
.maintitle .center{margin:0 auto;  padding:0;
  max-width:900px;}


/* メイン部分 */


ul.yoko{  max-width:1100px;
          display:flex;
          flex-wrap: nowrap;
          padding:0;
          list-style:none;
          margin:0;
}
ul.yoko li{
    width:100%;
    padding: 0;

}


.close {
  cursor:pointer;
  position: absolute;
  top: 0;
  right:1vw;
  font-size: 2rem;
  line-height:1;
}

.moviearea{
max-width:1100px;
margin:25px 250px 25px;
}
.center{
text-align: center;
}



}