@charset "UTF-8";
/* CSS Document */



html {
  -webkit-overflow-scrolling: touch;
    max-width: 750px;
    margin: 0 auto;
    background-size: 100%;
     overflow-x: hidden;
     overflow-y: scroll; -webkit-overflow-scrolling: touch;
     background:#faf054; 
}

body{
	line-height: 0;
  

}
body.blue{
	line-height: 0;
       background:#44c0f0; 

}
footer{
  position: fixed;
  bottom: 0;
  width: 100%;
}
/* 固定ヘッダー設定 */
header{
position: sticky;
top: 0;
  background:#EFEFEF;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  z-index:9;
}
/* 固定ヘッダー設定 ここまで*/

ul.kai{  display:flex;
   flex-wrap:wrap;
  max-width:860px;
  padding-left:0px;
  margin:5px auto 50px;

  }
ul.kai li{
width:90%;
    list-style:none;
      overflow:hidden;
      margin-bottom:20px;
      padding-right:0;
      padding-left:5vw;
}

img.lastimg{margin:0;display:block;}
img{margin-top:-0.5px;width: 100%;}

main.main{
      max-width: 900px;
        background:#fff; 
  margin:0 auto;
  padding:0;

}
.inner{
        max-width: 900px;
        background:#fff;
        margin:0 auto; 
}

.koma{
        max-width:95vw;
        padding-left:2.5vw;
        margin-bottom:5vw;
}
.salekoma{
        max-width:95vw;
        padding-left:2.5vw;
        margin-bottom:3vw;
}
ul.menu{  max-width:960px;
          display:flex;
          flex-wrap: nowrap;
          padding:40px;
          list-style:none;
          margin:0 auto 5vw!important;;
}
ul.menu li{
    width:100%;
    padding:0;

}

img.maxsub{max-width:1083px;margin:100px auto; display:block;}
img.maxsub0{max-width:774px;margin:200px auto 100px; display:block;}
img.spp{max-width:90%;margin:8vw auto; display:block;}
/* h1部分 */
h1{
  margin:0 auto; 
  background:#fff;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

}
h2{
  margin:0 auto; 
  background:#f0ea0c;
}
h4.ccc{
  margin-top: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; }
}
.area{
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}
.area_shop{
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
}

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,
div#modal-openB-32:hover,
div#modal-openB-33:hover,
div#modal-openB-34:hover,
div#modal-openB-35:hover,
div#modal-openB-36:hover,
div#modal-openB-37:hover,
div#modal-openB-38:hover,
div#modal-openB-39:hover,
div#modal-openB-40:hover,
div#modal-openB-41:hover,
div#modal-openB-42:hover,
div#modal-openB-43:hover,
div#modal-openB-44:hover,
div#modal-openB-45:hover,
div#modal-openB-46:hover,
div#modal-openB-47:hover,
div#modal-openB-48:hover,
div#modal-openB-49:hover,
div#modal-openB-50:hover,
div#modal-openB-51:hover,
div#modal-openB-52:hover,
div#modal-openB-53:hover,
div#modal-openB-54:hover,
div#modal-openB-55:hover

{
  opacity:0.8;
}



  /* メイン配置 *****************************************/



/* メイン1 左のソーダ*/
.obje1{
  max-width:35%;
    top:34%;
    left: 10%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

    position: absolute;
    z-index:1;
}
/* メイン2 メインキャッチ*/
.obje2{
  width:80%;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);

    z-index:1;
    position: absolute;
}
/* メイン3 右のすいか*/
.obje3{
  max-width:28%;
    top: 33%;
    right: 0;
    left: 0;
    left: auto;
    right: -15%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
}
/* メイン4 サングラス*/
.obje4{
  max-width:35%;
    bottom:0%;
    left:-5%;
    position: absolute;
}
/* メイン5 サブキャッチコピー*/
.obje5{
  max-width:58%;
    bottom:8%;
    right: 0;
    left: 0;
    left: auto;
    right: 6%;
    position: absolute;
}


  /* メイン配置 *****************************************/

  /* メイン配置2 *****************************************/



/* メイン6 いけめん*/
.obje6{
  width:115%;
    top:0%;
    left: -13%;
    position: absolute;
    z-index:1;
}
/* メイン7 がっつり*/
.obje7{
  width:115%;
    top: 44%;
    right: 0;
    left: 0;
    left: auto;
    right: -22%;

    z-index:0;
    position: absolute;
}
/* メイン8 さっぱり*/
.obje8{
  width:100%;
    top:3%;
    left: -5%;
    position: absolute;
}
/* メイン9 夏スイーツ*/
.obje9{
  width:105%;
    bottom:0%;
    left:5%;
    z-index:1;
    position: absolute;
}
/* NEWのやつ*/
.obje10{
  width:40%;
    top:13%;
    left:15%;
    z-index:1;
    position: absolute;
}

  /* メイン配置2 *****************************************/

  /* 動くパーツ *****************************************/
/* パーツ1 */
.sparts1{
  width:70%;
    top: 8%;
    right: 0;
    left: 5%;
    z-index:2;

    position: absolute;
}
/* パーツ2 */
.sparts2{
  width:70%;
    top:26%;
    left: 5%;
    z-index:2;
    position: absolute;
}
.sparts2b{
  width:70%;
    top:30%;
    left: 4%;
    z-index:2;
    position: absolute;
}
/* パーツ3 */
.sparts3{
  width:70%;
    top: 12%;
    right: 0;
    left: 0;
    left: auto;
    right: -22%;
    position: absolute;
    z-index:1;
}
.sparts3b{
  width:65%;
    top: -35%;
    right: 0;
    left: 0;
    left: auto;
    right: -10%;
    position: absolute;
    z-index:0;
}
/* パーツ4 */
.sparts4{
  width:12%;
    top: -5%;
    right: 0;
    left: 0;
    left: auto;
    right: 5%;
    z-index:0;
    position: absolute;
}
.sparts4b{
  width:33%;
    top: -10%;
    right: 0;
    left: 0;
    left: auto;
    right: -7%;
    z-index:0;
    position: absolute;
}
.sparts4bb{
  width:27%;
    top: -3%;
    right: 0;
    left: 0;
    left: auto;
    right: -7%;
    z-index:3;
    position: absolute;
}
.sparts5{
  width:7%;
    top: 48%;
    left: -1%;
    z-index:0;
    position: absolute;
}
.sparts5b{
  width:20%;
    top: 63%;
    left: -5%;
    z-index:0;
    position: absolute;
}
.sparts5bb{
  width:30%;
    top: 63%;
    left: -5%;
    z-index:0;
    position: absolute;
}
/* パーツお店 */
.ssparts1{
  width:100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:1;
    position: absolute;
}
.ssparts2{
  width:85%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:1;
    position: absolute;
}
.ssparts3{
  width:101%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:1;
    position: absolute;
}
.ssparts4{
  width:101%;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:1;
    position: absolute;
}
.ssparts5{
  width:120%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:1;
    position: absolute;
}
.ssparts6{
  width:90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:1;
    position: absolute;
}
.ssparts7{
  width:110%;
    top: 30%;
    left: 40%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index:1;
    position: absolute;
}
  /* 動くパーツ ここまで*****************************************/
.kabuse{
  width:100%;
    z-index:2;
        bottom:2.1%;
        left: 0;
        position: absolute;
}

  /* メインパートここまで */

.shop-container{

	max-width:80vw;
	margin:0 auto;
	  overflow:hidden;
	
}
.shop-container2{

	max-width:80vw;
	margin:0 auto;
	  overflow:hidden;
	
}
  /* MENU */
ul.menut{  max-width:960px;
          display:flex;
          flex-wrap: nowrap;
          padding:0;
          list-style:none;
          margin:0 auto;
}
ul.menut li{
    width:100%;


}
ul.menut li:last-child{
    width:100%;
    padding-right: 0px!important;

}
ul.menu{  max-width:960px;
          display:flex;
          flex-wrap: nowrap;
          padding:5vw!important;
          list-style:none;
          margin:0 auto 100px;
}
ul.menu li{
    width:100%;
    padding-right:2vw!important;

}
ul.menu li:last-child{
    width:100%;
    padding-right: 0px!important;

}




div.shoplistn{
  display:flex;
    flex-wrap: wrap; /* 折返し指定 */
  justify-content: center;
  align-items: center;
  max-width:1500px;
  padding:30px 90px 35px 90px;
  margin:0 auto;

}

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

}

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){
  margin-right:0px;
}
div.shoplistn  div img{
  max-width : 1200px;
}


/***追従するトップへ戻るボタン***/
.bbtn{width:17vw;}
#page-top {
    position: fixed;
    bottom:15vw;
    right: 2vw;

    z-index: 98;


}
#page-top2 {
    position: fixed;
    bottom: 30vw;
    right: 2vw;
    z-index: 98;
}
/***end***/





/* section-myspecial */
.section-myspecial{
	position: relative;
	width: 90vw;
	margin: 0 auto;
	padding-bottom: 20px;
	  overflow:hidden;
}



.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);
    }
}
.dance{ 
  display: inline-block;
  animation: textAnim 1s linear infinite alternate;
}

@keyframes textAnim{
  from{
    transform-origin: left bottom;
    transform: rotate(-3deg);
  }
  to{
    transform-origin: right bottom;
    transform: rotate(+3deg);
  }
}
.dancedelay{ 
  display: inline-block;
  animation: textAnim 0.7s linear infinite alternate;
}

@keyframes textAnim{
  from{
    transform-origin: left bottom;
    transform: rotate(-2deg);
  }
  to{
    transform-origin: right bottom;
    transform: rotate(+2deg);
  }
}
.dancedelay2{ 
  display: inline-block;
  animation: textAnim 1s linear infinite alternate;
}

@keyframes textAnim{
  from{
    transform-origin: left bottom;
    transform: rotate(-2.5deg);
  }
  to{
    transform-origin: right bottom;
    transform: rotate(+2.5deg);
  }
}










/* POPUP */
#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,
#modal-openB-32,
#modal-openB-33,
#modal-openB-34,
#modal-openB-35,
#modal-openB-36,
#modal-openB-37,
#modal-openB-38,
#modal-openB-39,
#modal-openB-40,
#modal-openB-41,
#modal-openB-42,
#modal-openB-43,
#modal-openB-44,
#modal-openB-45,
#modal-openB-46,
#modal-openB-47,
#modal-openB-48,
#modal-openB-49,
#modal-openB-50,
#modal-openB-51,
#modal-openB-52,
#modal-openB-53,
#modal-openB-54,
#modal-openB-55
{
	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,
#modal-openB-32 img,
#modal-openB-33 img,
#modal-openB-34 img,
#modal-openB-35 img,
#modal-openB-36 img,
#modal-openB-37 img,
#modal-openB-38 img,
#modal-openB-39 img,
#modal-openB-40 img,
#modal-openB-41 img,
#modal-openB-42 img,
#modal-openB-43 img,
#modal-openB-44 img,
#modal-openB-45 img,
#modal-openB-46 img,
#modal-openB-47 img,
#modal-openB-48 img,
#modal-openB-49 img,
#modal-openB-50 img,
#modal-openB-51 img,
#modal-openB-52 img,
#modal-openB-53 img,
#modal-openB-54 img,
#modal-openB-55 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,
#modal-bgB-32,
#modal-bgB-33,
#modal-bgB-34,
#modal-bgB-35,
#modal-bgB-36,
#modal-bgB-37,
#modal-bgB-38,
#modal-bgB-39,
#modal-bgB-40,
#modal-bgB-41,
#modal-bgB-42,
#modal-bgB-43,
#modal-bgB-44,
#modal-bgB-45,
#modal-bgB-46,
#modal-bgB-47,
#modal-bgB-48,
#modal-bgB-49,
#modal-bgB-50,
#modal-bgB-51,
#modal-bgB-52,
#modal-bgB-53,
#modal-bgB-54,
#modal-bgB-55

{
	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,
#modal-bgB-32.active,
#modal-bgB-33.active,
#modal-bgB-34.active,
#modal-bgB-35.active,
#modal-bgB-36.active,
#modal-bgB-37.active,
#modal-bgB-38.active,
#modal-bgB-39.active,
#modal-bgB-40.active,
#modal-bgB-41.active,
#modal-bgB-42.active,
#modal-bgB-43.active,
#modal-bgB-44.active,
#modal-bgB-45.active,
#modal-bgB-46.active,
#modal-bgB-47.active,
#modal-bgB-48.active,
#modal-bgB-49.active,
#modal-bgB-50.active,
#modal-bgB-51.active,
#modal-bgB-52.active,
#modal-bgB-53.active,
#modal-bgB-54.active,
#modal-bgB-55.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,
#modal-containerB-32, 
#modal-containerB-33, 
#modal-containerB-34, 
#modal-containerB-35, 
#modal-containerB-36, 
#modal-containerB-37, 
#modal-containerB-38, 
#modal-containerB-39, 
#modal-containerB-40, 
#modal-containerB-41, 
#modal-containerB-42, 
#modal-containerB-43, 
#modal-containerB-44, 
#modal-containerB-45, 
#modal-containerB-46, 
#modal-containerB-47, 
#modal-containerB-48, 
#modal-containerB-49, 
#modal-containerB-50, 
#modal-containerB-51, 
#modal-containerB-52, 
#modal-containerB-53, 
#modal-containerB-54, 
#modal-containerB-55
{
	position: fixed;
	  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  webkittransform: translateY(-50%) translateX(-50%);
	max-width: 90vw;
	padding: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,
#modal-containerB-32.active, 
#modal-containerB-33.active, 
#modal-containerB-34.active, 
#modal-containerB-35.active, 
#modal-containerB-36.active, 
#modal-containerB-37.active, 
#modal-containerB-38.active, 
#modal-containerB-39.active, 
#modal-containerB-40.active, 
#modal-containerB-41.active, 
#modal-containerB-42.active, 
#modal-containerB-43.active, 
#modal-containerB-44.active, 
#modal-containerB-45.active, 
#modal-containerB-46.active, 
#modal-containerB-47.active, 
#modal-containerB-48.active, 
#modal-containerB-49.active, 
#modal-containerB-50.active, 
#modal-containerB-51.active, 
#modal-containerB-52.active, 
#modal-containerB-53.active, 
#modal-containerB-54.active, 
#modal-containerB-55.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,
#modal-containerB-32 img, 
#modal-containerB-33 img, 
#modal-containerB-34 img, 
#modal-containerB-35 img, 
#modal-containerB-36 img, 
#modal-containerB-37 img, 
#modal-containerB-38 img, 
#modal-containerB-39 img, 
#modal-containerB-40 img, 
#modal-containerB-41 img, 
#modal-containerB-42 img, 
#modal-containerB-43 img, 
#modal-containerB-44 img, 
#modal-containerB-45 img, 
#modal-containerB-46 img, 
#modal-containerB-47 img, 
#modal-containerB-48 img, 
#modal-containerB-49 img, 
#modal-containerB-50 img, 
#modal-containerB-51 img, 
#modal-containerB-52 img, 
#modal-containerB-53 img, 
#modal-containerB-54 img, 
#modal-containerB-55 img
{
	width: 80vw;
		padding-bottom:25px;
}



.modal-close{
	font-size: 2rem;
	position: absolute;
	top: 3vw;
	right: 3vw;
}
.modal-close:hover{
  cursor : pointer;
}

.shop-container{

	max-width:400px;
	margin:0 auto;
	  overflow:hidden;
	
}
.shop-containerbig{

  max-width:615px;
  margin:0 auto;
    overflow:hidden;
  
}


.shop{
	margin-bottom: 3vw;
	
}



.section-myspecial02{
	width: 90vw;
	margin: 0 auto;
	padding-bottom: 20px;
	  overflow:hidden;
}


.position{
	position: relative;
	padding-top: 5vh;
	max-width: 750px;
	margin: 0 auto;
	
}

.object-wrapper{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 5vh;

	
}

.object-wrapper img{
	width: 100%;
}







@media(min-width:750px){
	.footer-logo-wrapper{
max-width: 400px;
}
}

.top-button-wrapper{
	width: 45vw;
	margin: 0 auto;
}
.top-button-wrapper img{
	width: 100%;
}



@media(min-width:750px){
	.top-button-wrapper{
	max-width: 400px;
	margin: 0 auto;
}
}



.footer-logo-wrapper img{
	width: 100%;
}
.footer-img-wrapper{
	max-width: 750px;
	margin: 0 auto;
}
.footer-img-wrapper img{
	width: 100%;
	
}

/* 流れる画像 */
@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;

}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0;
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 30s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 1);

}
.scroll-infinity__item>img {
  width: 100%;

}
/* 流れる画像end */

/*　Y軸（横へ） */
.rotate{
  animation:7s linear infinite rotation;

}

@keyframes rotation{
  10% {
    transform:rotateY(0);
  }
  20% {
    transform:rotateY(360deg);
  }
  30% {
    transform:rotateY(0);
  }  
  40% {
    transform:rotateY(0);
  }
  60% {
    transform:rotateY(0);
  }
  80% {
    transform:rotateY(0);
  }
  90% {
    transform:rotateY(0);
  }  
  100% {
    transform:rotateY(0);
  }


}

/*　Y軸end */




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




.saleunder{
      width:95vw;
      margin:0 auto 30px;
      display:block;
}
ul{  display:flex;
   flex-wrap:wrap;
  max-width:860px;
  padding-left:20px;
  margin:5px auto 50px;

  }
ul li{
width:calc(100%/2.1);
    list-style:none;
      overflow:hidden;
      margin-top:20px;
      padding-right:20px;
}
ul li:last-child{
      padding-right: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,
#modal-containerB-32,#modal-containerB-331,#modal-containerB-34,#modal-containerB-35,#modal-containerB-36,#modal-containerB-37,#modal-containerB-38,#modal-containerB-39,
#modal-containerB-40,#modal-containerB-41,#modal-containerB-42,#modal-containerB-43,#modal-containerB-44,#modal-containerB-45,#modal-containerB-46,#modal-containerB-47,#modal-containerB-48,#modal-containerB-49,
#modal-containerB-50,#modal-containerB-51,#modal-containerB-52,#modal-containerB-53,#modal-containerB-54,#modal-containerB-55
{
	position: fixed;
	  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  webkittransform: translateY(-50%) translateX(-50%);
	max-width: 800px;

	background-color: #fff;
	display: none;
	height: 64.5vh;
  	overflow: auto;
}
.bbtn{width:135px;}
.modal-close{
	font-size: 2rem;
	position: absolute;
	top: 40px;
	right: 40px;
}
.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,#modal-containerB-32  img,#modal-containerB-33  img,
#modal-containerB-34  img,#modal-containerB-35  img,#modal-containerB-36  img,#modal-containerB-37  img,#modal-containerB-38  img,#modal-containerB-39  img,
#modal-containerB-40  img,#modal-containerB-41  img,#modal-containerB-42  img,#modal-containerB-43  img,#modal-containerB-44  img,#modal-containerB-45  img,#modal-containerB-46  img,#modal-containerB-47  img,
#modal-containerB-48  img,#modal-containerB-49  img,#modal-containerB-50  img,#modal-containerB-51  img,#modal-containerB-52  img,#modal-containerB-53  img,#modal-containerB-54  img,#modal-containerB-55  img



{
	width: 800px;
	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,#modal-openB-32 img,#modal-openB-33 img,#modal-openB-34 img,#modal-openB-35 img,#modal-openB-36 img,#modal-openB-37 img,
#modal-openB-38 img,#modal-openB-39 img,#modal-openB-40 img,#modal-openB-41 img,#modal-openB-42 img,#modal-openB-43 img,#modal-openB-44 img,#modal-openB-45 img,#modal-openB-46 img,#modal-openB-47 img,#modal-openB-48 img,
#modal-openB-49 img,#modal-openB-50 img,#modal-openB-51 img,#modal-openB-52 img,#modal-openB-53 img,#modal-openB-54 img,#modal-openB-55 img
{
	max-width: 750px;
}
#modal-openB-14 img{
	max-width:725px;
}

.footmae img{
	width: 100%;
	margin-bottom: 4vw ;

}

.shop-container{

	max-width:400px;
	margin:0 auto;
	  overflow:hidden;
	
}
.shop-containerbig{

  max-width:615px;
  margin:0 auto;
    overflow:hidden;
  
}
.shop-containersbig{

  max-width:1100px;
  margin:0 auto;
    overflow:hidden;
  
}

.shop-containerbig2{

  max-width:498px;
  margin:0 auto;
    overflow:hidden;
  
}
.shop-container2{

	max-width:550px;
	margin:0 auto;
	  overflow:hidden;
	
}
.shop-container3{

  max-width:767px;
  margin:0 auto;
    overflow:hidden;
  
}

h1{

  margin:0 auto; 
  background:#f0ea0c;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

}
h1.kawaru{

  margin:0 auto; 
  background:#ffda01;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

}
.head{
 max-width:1200px;
   margin:0 auto; 
}
.head2{
 max-width:1500px;
   margin:0 auto;

}
h2{

  margin:0 auto; 
  background:#ebf6f5;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

}
h3{

  margin:0 auto; 
  background:#f0ea0c;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow:visible;

}
h3.kawaru{

  margin:0 auto; 
  background:#ffda01;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow:visible;

}
h4{

  margin:0 auto; 
  background:#fff;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

}


h5{

  margin:0 auto; 
  background:#fff;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

}
h6{

  margin:0 auto; 
  background:#ea545d;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

}

.mt100{margin-top:100px;}
.max{
	max-width:1500px;
	margin:0 auto;
    display: block
}

.area_t{
	position: relative;
	max-width: 1500px;
	margin: 0 auto;
    overflow: hidden;

}

.area{
	position: relative;
	max-width: 1500px;
	margin: 0 auto;

	overflow:hidden;
}
.area_shop{
  position: relative;
  max-width: 1200px;
  margin: 0 auto 70px;
  padding-bottom: 50px;
  overflow:visible;
}




  /* メイン配置 */



  /* メイン画像配置ここまで*/

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


}
ul.menut li:last-child{
    width:100%;
    padding-right: 0px;

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

}
ul.menu li:last-child{
    width:100%;
    padding-right: 0px;

}
  /* お店の配置 */

/***追従するトップへ戻るボタン***/
#page-top {
    position: fixed;
    bottom: 16px;
    right: 16px;

    z-index: 98;


}
#page-top2 {
    position: fixed;
    bottom: 200px;
    right: 16px;
    z-index: 98;
}
/***end***/

  /* お店の配置ここまで */
  
 /* メイン配置 *****************************************/



ul{  display:flex;
   flex-wrap:wrap;
  max-width:860px;
  padding-left:0px;
  margin:5px auto 50px;

  }
ul li{
width:calc(100%/2.1);
    list-style:none;
      overflow:hidden;
      margin-top:20px;
      padding-right:20px;
}
ul li:last-child{
      padding-right:0px;
}
ul.ev{  display:flex;
   flex-wrap:wrap;
  max-width:1000px;
  padding-left:0px;
  margin:5px auto 50px;

  }
ul.ev li{
width:calc(100%/2.1);
    list-style:none;
      overflow:hidden;
      margin-top:20px;
      padding-right:20px;
}
ul.ev li:last-child{
      padding-right:0px;
}

.saleunder{
      margin-bottom:30px;
}
  /* メイン配置 *****************************************/

footer{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background:#ea609e;

}
footer img{
margin:0 auto;
max-width:900px;
}
  

}