@font-face {
  font-family: "migu";
  src: url("/commons/font/migu/migu-1m-regular.woff") format("woff"), url("/commons/font/migu/migu-1m-regular.ttf") format("truetype");
  font-weight: normal; }

@media screen and (orientation: landscape) {
  .landscape { display: block !important; }
  .portrait { display: none !important; }
}
@media screen and (orientation: portrait) {
  .landscape { display: none !important; }
  .portrait { display: block !important; }
}

.sm_dsN {
  display: none;
}
@media screen and (orientation: landscape) and (min-width: 901px) {
  .lg_dsN {
    display: none;
  }
  .sm_dsN {
    display: block;
  }
}

.nowrap {
  word-break: break-all;
}

html, body { padding: 0; margin: 0; width:100%; height:100%; }  
      
body {font-family: "migu", sans-serif; color: #000; background: #fff; font-weight: 400;
  font-size: 10px; letter-spacing: -0.2px; line-height: 1;
}

img {display: block !important;}

a { text-decoration: none !important; color: #000;}
a.text-link { text-decoration: underline !important;}
a.text-link:hover { text-decoration: underline !important; color: #000;}

*:focus { outline: none; }

#wrapper { width: 100%; height: 100%; position: relative; }
@media screen and (orientation: landscape) and (min-width: 901px) {
#wrapper { width: 100%; height: 100%; position: relative; }
}

#trigger001 { width: 100%; height:250px; top:0; overflow: hidden; position: absolute; z-index: 999; background-color: rgba(66, 104, 220, 0); }
#trigger002 { width: 100%; height:500px; top:250px; overflow: hidden; position: absolute; z-index: 999; background-color: rgba(233, 220, 66, 0); }

#splash { width: 100%; height:100% ; overflow: hidden; position: absolute; z-index: 1000; background-color: rgba(255, 255, 255, 1);}
#logo { width: 80%; left:10%; position: absolute; top:50%; transform: translateY(-50%); overflow-y: visible;}
.menu_style a { text-align: center; color: #000; text-decoration: underline !important; line-height: 3;}
#staycontact { width: 20%; right:10%; position: absolute; top:20%; overflow-y: visible;}

  /*keisuke kanda logo*/
  /* #obj001_container { width: 100%; height: 660px; display: block; overflow-y: hidden; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; background-color: rgba(242, 132, 132, 0); margin: 0;}

  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 50%; left:50%; transform:translate(-50%, -50%);} */
  /* @media screen and (orientation: landscape) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 601px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 901px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 1020px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 1200px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 1300px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 1400px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 1559px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 1900px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 2500px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  } */

  /* @media screen and (orientation: landscape) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 601px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 901px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 1020px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 1200px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 1300px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 1400px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 1559px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 1900px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: landscape) and (min-width: 2500px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }

  @media screen and (orientation: portrait) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: portrait) and (min-width: 401px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: portrait) and (min-width: 520px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: portrait) and (min-width: 600px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: portrait) and (min-width: 700px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: portrait) and (min-width: 1000px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: portrait) and (min-width: 1600px) {
  #obj001_text {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }

  @media screen and (orientation: portrait) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: portrait) and (min-width: 401px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: portrait) and (min-width: 520px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: portrait) and (min-width: 600px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: portrait) and (min-width: 700px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: portrait) and (min-width: 1000px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  }
  @media screen and (orientation: portrait) and (min-width: 1600px) {
  #obj001_photo {  width: 1220px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
  } */


  #ajax_obj { width: 100%; height: 150px; display: block; overflow: hidden; position: absolute;
    top: -webkit-calc(100% + 480px);
    top: calc(100% + 480px);
    left: 0; background-color: rgba(242, 132, 132, 0); margin: 0; padding: 0;}
  @media screen and (orientation: landscape) and (min-width: 601px) {
  #ajax_obj { width: 100%; height: 150px; display: block; overflow: hidden; position: absolute;
    top: -webkit-calc(100% + 480px);
    top: calc(100% + 480px);
    left: 0; background-color: rgba(242, 132, 132, 0); margin: 0; padding: 0;}

  }
/*season logo*/
#obj001_container { width: 100%; height: 880px; display: block; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; position: relative; background-color: rgba(242, 132, 132, 0); margin: 0;}

#obj001_text {
  line-height: 0.95;
}

@media screen and (orientation: landscape) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 601px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 901px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 1020px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 1200px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 1300px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 1400px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 1559px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 1900px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 2500px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}

@media screen and (orientation: landscape) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 601px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 901px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 1020px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 1200px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 1300px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 1400px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 1559px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 1900px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: landscape) and (min-width: 2500px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}

@media screen and (orientation: portrait) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: portrait) and (min-width: 401px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: portrait) and (min-width: 520px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: portrait) and (min-width: 600px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: portrait) and (min-width: 700px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: portrait) and (min-width: 1000px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: portrait) and (min-width: 1600px) {
#obj001_text { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}

@media screen and (orientation: portrait) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: portrait) and (min-width: 401px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: portrait) and (min-width: 520px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: portrait) and (min-width: 600px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: portrait) and (min-width: 700px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: portrait) and (min-width: 1000px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}
@media screen and (orientation: portrait) and (min-width: 1600px) {
#obj001_photo { width: 580px; color: #000; position: absolute; top: 0; left:50%; transform:translateX(-50%);}
}


#ajax_obj { width: 100%; height: 150px; display: block; overflow: hidden; position: absolute;
  top: -webkit-calc(100% + 640px);
  top: calc(100% + 640px);
  left: 0; background-color: rgba(242, 132, 132, 0); margin: 0; padding: 0;}
@media screen and (orientation: landscape) and (min-width: 601px) {
#ajax_obj { width: 100%; height: 150px; display: block; overflow: hidden; position: absolute;
  top: -webkit-calc(100% + 640px);
  top: calc(100% + 640px);
  left: 0; background-color: rgba(242, 132, 132, 0); margin: 0; padding: 0;}

}
/* --season logo*/

#counter { background-color: #fff; font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: ; color: #000; position: absolute; bottom: 70px; left:50%; transform:translateX(-50%); text-align: center; padding: 10px;}
@media screen and (orientation: landscape) and (min-width: 601px) {
#counter {  font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: ; color: #000; position: absolute; bottom: 70px; left:50%; transform:translateX(-50%); }
}

#ticker_wrapper { background-color: #fff; width: 80%; position: absolute; bottom: 10px; left: 10%; text-align: center; padding: 10px; z-index: ; overflow: hidden; font-family: "migu" !important; font-weight: normal; font-size: 10px; letter-spacing: -0.2px; line-height: 1;}
@media screen and (orientation: landscape) and (min-width: 601px) {
#ticker_wrapper {  width: 60%; position: absolute; bottom: 10px; left: 20%; }
}
#ticker_wrapper ul{
margin:0;
display : inline-block;
padding-left: 100%;
white-space : nowrap;
line-height : 1;
animation : ticker 30s linear infinite;
}
#ticker_wrapper ul li{
display:inline;
margin:0 60px 0 0;
color: #000;
}
#ticker_wrapper ul li a { text-decoration: underline; color: #000;}
@keyframes ticker{
0% { transform: translateX(0)}
100% { transform: translateX(-100%)}
}

/* made in you */
#madeinyou_event {position: relative; width: 100%; max-height: 970px; margin: 0; overflow: hidden; padding: 4em 0;}
#madeinyou_event .decoText {
  top: 0;
}
#madeinyou_event_inner {position: relative; padding:25px 15%; background-color: rgba(255, 255, 255, 1); overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;
  width: 70%;
  margin: 0 auto;
}
#madeinyou_event_inner::-webkit-scrollbar { display:none;}
@media (max-width: 900px) {
  #madeinyou_event_inner {width: 90%;padding: 2em 0;}
}

.madeinyou_event_logo { max-width: 800px; width: 100%; margin: 0 auto;}
.madeinyou_event_logo img { max-width: 100%; margin: 0 auto;}

/* boyz */
#boyz {position: relative; width: 100%; max-height: 970px; margin: 0; overflow: hidden; padding: 4em 0;}
#boyz .decoText {
  top: 0;
}
#boyz_inner {position: relative; padding:25px 15%; background-color: rgba(255, 255, 255, 1); overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;
  width: 70%;
  margin: 0 auto;
}
#boyz_inner::-webkit-scrollbar { display:none;}
@media (max-width: 900px) {
  #boyz_inner {width: 90%;padding: 2em 0;}
}

.boyz_logo { max-width: 800px; width: 100%; margin: 0 auto;}
.boyz_logo img { max-width: 100%; margin: 0 auto; height: auto;}


#twitter { background-color: rgba(94, 229, 97, 0); width: 100%; height: 490px; position: relative; margin: 0; overflow: hidden;}
#twitter_inner {width:80%; position: absolute; top:50px; right:10%; padding: 0; background-color: rgba(255, 255, 255, 1); }
@media screen and (orientation: landscape) and (min-width: 901px) {
#twitter {  width: 100%; height: 490px; position: relative; }
#twitter_inner {width:60%; position: absolute; top:50px; right:20%;}
}


/* made in you */
#madeinyou {position: relative; width: 100%; max-height: 970px; margin: 0; overflow: hidden; padding: 4em 0;}
#madeinyou .decoText {
  top: 0;
}
#madeinyou_inner {position: relative; padding:25px 15%; background-color: rgba(255, 255, 255, 1); overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none;
  width: 70%;
  margin: 0 auto;
}
#madeinyou_inner::-webkit-scrollbar { display:none;}
@media (max-width: 900px) {
  #madeinyou_inner {width: 90%;padding: 2em 0;}
}

.madeinyou_logo { max-width: 800px; width: 100%; margin: 0 auto;}
.madeinyou_logo img { max-width: 100%; margin: 0 auto; height: auto;}

#sheenaringo { width: 100%; position: relative; margin: 0; overflow: hidden;}
#sheenaringo_inner {position: relative;max-width:80%; margin: 50px auto 40px; padding: 0;}
#sheenaringo_inner img {
  margin: 0 auto;
  max-width: 100%;
}
@media (min-width: 901px) {
  #sheenaringo_inner {max-width:70%;}
}


#film { background-color: rgba(94, 229, 97, 0); width: 100%; height: 310px; position: relative; margin: 0; overflow: hidden;}
#film_inner {width:384px; position: absolute; top:50px; left:50%; transform:translateX(-50%); padding: 0; background-color: rgba(255, 255, 255, 0); }
@media screen and (orientation: landscape) and (min-width: 561px) {
#film {  width: 100%; height: 410px; position: relative; }
#film_inner {width:560px; position: absolute; top:50px; left:50%; transform:translateX(-50%);}
}


#line { background-color: rgba(94, 229, 97, 0); width: 100%; height: 550px; position: relative; margin: 0; overflow: hidden;}
#line_inner {width:458px; position: absolute; top:50px; left:50%; transform:translateX(-50%); padding: 0; background-color: rgba(255, 255, 255, 1); }
@media screen and (orientation: landscape) and (min-width: 901px) {
#line {  width: 100%; height: 550px; position: relative; }
#line_inner {width:458px; position: absolute; top:50px; left:50%; transform:translateX(-50%);}
}

#fc, #fc2 { background-color: rgba(94, 229, 97, 0); width: 100%; height: 550px; position: relative; margin: 0; overflow: hidden;}
#fc2 {
  height: 700px;
}
#fc_inner {width:458px; position: absolute; top:50px; left:50%; transform:translateX(-50%); padding: 0; background-color: rgba(255, 255, 255, 1); }
.fc_box {
  background-color: #fff;
  color: #000;
}
#fc_inner2 {width:600px; position: absolute; top:50px; left:50%; transform:translateX(-50%); padding: 0; background-color: rgba(255, 255, 255, 1); }
.fc_box2 {
  text-align: center;
}
@media (max-width: 600px) {
  #fc_inner2 {width:100%; img {max-width: 100%;}}
  #fc2 {
    height: calc(100vw + 12em);
  }
}
@media screen and (orientation: landscape) and (min-width: 901px) {
#fc { width: 100%; height: 550px; position: relative; }
#fc2 { width: 100%; position: relative; }
#fc_inner {width:458px; position: absolute; top:50px; left:50%; transform:translateX(-50%);}
#fc_inner2 {aspect-ratio: 1 / 1; position: absolute; top:50px; left:50%; transform:translateX(-50%);}
}


#news { background-color: #fff; font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: 80%; color: #000; position: absolute; top: 1960px; right: 10%; text-align: center; padding: 10px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#news { background-color: #fff ; font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: 40%; height: ; top: 1880px; right:10%; }
}




#calender { background-color: rgba(131, 183, 238, 0); font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: 100%; height: calc(8em + 28vw);
  color: #000; position: relative; top: 0; left: 0; padding: 0; overflow: hidden;}
#event_inner {width:80%; position: absolute; top:50px; left: 10%; padding: 10px; height: ; background: rgba(255, 255, 255, 1);}
.tour22summer { width: 50%; margin-left:25%;}
.tour22summer p { text-align: center; font-size: 14px; text-decoration: underline;}
#calender_inner {width:80%; position: absolute; top:50px; left:10%; height: 600px; padding: 0; background: rgba(255, 255, 255, 1); /*overflow:auto !important; -webkit-overflow-scrolling:touch !important;*/}
@media (min-width: 901px) {
  #calender { height: calc(8em + 28.5vw)}
#event_inner {width:60%; position: absolute; top:50px; left: 20%; padding: 10px; height: ; background: rgba(255, 255, 255, 1);}
.tour22summer { width: 40%; margin-left:30%;}
.tour22summer p { text-align: center; font-size: 14px; text-decoration: underline;}
#calender_inner {width:60%; position: absolute; top:50px; left:20%;}
}
@media (652px < width <= 899px) {
  #calender { height: calc(8em + 46.5vw);}
}
@media (max-width: 651px) {
  #calender { height: calc(8em + 73vw);}
  .tour22summer { width: 80%; margin-left:10%;}
}

.googleCalendar iframe {
  width: 100%;
  height: 600px;
}

/*
.g-calendar {
    position: relative;
    overflow: hidden;
    height: 600px;
}
.g-calendar iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
*/

#tour { width: 100%; position: relative; margin: 0; overflow: hidden;}
#tour_inner {position: relative; width:100%; margin: 50px auto; padding: 20px; background-color: rgba(255, 255, 255, 1); font-size: 13px; }
#tour_inner .intro {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
#tour_inner .beginer {
  max-width: 90%;
  text-align: left;
  margin: 0 auto;
}
#tour_inner .button {
  font-size: 12px;
  height: 38px;
  line-height: 38px;
  padding: 0px 15px;
  color: #000; }
#tour_inner .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	color: #ffffff;
}
#tour_inner .cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
#tour_inner .cp_actab label {
	font-weight: bold;
	line-height: 3;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 0 0 1px 0;
	background: #000;
}
#tour_inner .cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #000;
	background: #dfdfdf;
}
#tour_inner .cp_actab .cp_actab-content p {
	margin: 1em;
	line-height: 2;
}
/* :checked */
#tour_inner .cp_actab input:checked ~ .cp_actab-content {
	max-height: 35em;
}
/* Icon */
#tour_inner .cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
#tour_inner .cp_actab input[type=checkbox] + label::after {
	content: '+';
}
#tour_inner .cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}

@media screen and (orientation: landscape) and (min-width: 901px) {
  #tour { width: 100%; }
  #tour_inner {display: flex; justify-content: space-between; width:100%; max-width: 620px;}
}

#look { width: 100%; position: relative; margin: 0; overflow: hidden;}
#look_inner {position: relative; width:100%; margin: 50px auto; padding: 0; background-color: rgba(255, 255, 255, 1); }
#look_inner .instagram-media {
  margin-bottom: 0 !important;
  min-width: auto !important;
  border: none !important;
}
@media screen and (orientation: landscape) and (min-width: 901px) {
  .look_frame01 {
    width: 100%;
  }
  #look { width: 100%; }
  #look_inner {display: flex; justify-content: space-between; width:100%; max-width: 620px;}
}

#familiar { background-color: rgba(94, 229, 97, 0); width: 100%; height: 200px; position: relative; margin: 0; overflow: hidden;}
#familiar_inner {width:290px; position: absolute; top:51px; left: 50%; transform: translateX(-50%);}
#familiar_inner::-webkit-scrollbar { display:none;}
@media screen and (orientation: landscape) and (min-width: 561px) {
  #familiar {height: 251px;}
  #familiar_inner {width: 420px; height:160px}
}

.familiar_img { width: 100%; height: auto; margin: 0 auto;}


#minaperhonen { background-color: rgba(94, 229, 97, 0); width: 100%; height: 490px; position: relative; margin: 0; overflow: hidden;}
#minaperhonen_inner {width:80%; position: absolute; top:50px; right:10%; padding: 0; background-color: rgba(255, 255, 255, 1); }
#minaperhonen-frame {
  width: 100%;
  border: none;
}
@media screen and (orientation: landscape) and (min-width: 901px) {
#minaperhonen {  width: 100%; height: 490px; position: relative; }
#minaperhonen_inner {width:60%; position: absolute; top:50px; right:20%;}
}


.decoText {
  position: absolute;
}

#yamato-lab { width: 100%; position: relative; margin: 0; overflow: hidden;}
#yamato-lab_inner {position: relative; width:80%; margin: 50px auto; padding: 0; background-color: rgba(255, 255, 255, 1); max-width: 480px; }
#yamato-lab_inner .instagram-media {
  margin-bottom: 0 !important;
  min-width: auto !important;
  border: none !important;
}
@media screen and (orientation: landscape) and (min-width: 901px) {
#yamato-lab { width: 100%; }
#yamato-lab_inner {width:445px;}
}

#collaboration { background-color: rgba(131, 183, 238, 0); font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: 100%; height: auto; color: #000; position: relative; top: 0; left: 0; padding: 1em 0 1em 1em; overflow: hidden;}
#collaboration .bar_left { position: absolute; width: 10px; top:10px; left: 0; background: rgba(255, 255, 255, 1); }
#collaboration .bar_right { position: absolute; width: 10px; top:10px; right: 0; background: rgba(255, 255, 255, 1); }
#collaboration .bar_top { position: absolute; width: 100%; height: 10px; top:0; left: 0; background: rgba(255, 255, 255, 1); overflow: hidden; }
#collaboration .bar_divider { position: absolute; width: 100%; height: 10px; top:0; left: 0; background: rgba(255, 255, 255, 1); overflow: hidden; }
#collaboration .bar_bottom { position: absolute; width: 100%; height: 10px; bottom:0; left: 10px; background: rgba(255, 255, 255, 1); }
@media not (min-width: 901px) {
#collaboration .text-right {
  text-align: left;
}
}

#collaboration .collaboration_item {
  background-color: rgba(131, 183, 238, 0); font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: 100%; color: #000; position: relative; top: 0; left: 0; padding: 0; overflow: hidden; float: left;
}
#collaboration .collaboration_item_inner {
  width:100%; position: absolute; left:0; height: 100%; background: rgba(255, 255, 255, 0); text-align: center;
}
@media screen and (orientation: landscape) and (min-width: 901px) {
  #collaboration .collaboration_item {
    font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: 50%; color: #000; position: relative; top: 0; left:0; 
  }
}

#collaboration04 {height: 80px;}
#collaboration_inner04 {top:1em;}
#collaboration_inner04 img { height: 50px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#collaboration04 {height: 110px;}
#collaboration_inner04 {top:2em;}
#collaboration_inner04 img { height: 60px;}
}

#collaboration10 {height: 90px;}
#collaboration_inner10 {top:10px;}
#collaboration_inner10 img { height: 70px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#collaboration10 {height: 150px;}
#collaboration_inner10 {top:40px;}
#collaboration_inner10 img { height: 90px;}
}

#collaboration09 {height: 60px;}
#collaboration_inner09 {top:10px;}
#collaboration_inner09 img { height: 40px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#collaboration09 {height: 90px;}
#collaboration_inner09 {top:20px;}
#collaboration_inner09 img { height: 50px;}
}

#collaboration08 {height: 60px;}
#collaboration_inner08 {top:10px;}
#collaboration_inner08 img { height: 40px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#collaboration08 {height: 90px;}
#collaboration_inner08 {top:20px;}
#collaboration_inner08 img { height: 50px;}
}

#collaboration01 {height: 60px;}
#collaboration_inner01 {top:10px;}
#collaboration_inner01 img { height: 40px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#collaboration01 {height: 110px;}
#collaboration_inner01 {top:20px;}
#collaboration_inner01 img { height: 50px;}
}

#collaboration02 { background-color: rgba(229, 48, 132, 0); font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: 100%; height: 60px;}
#collaboration_inner02 {top:10px;}
#collaboration_inner02 img { height: 40px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#collaboration02 {height: 110px;}
#collaboration_inner02 {top:3em;}
#collaboration_inner02 img { height: 50px;}
}

#collaboration03 {height: 80px;}
#collaboration_inner03 {top:10px;}
#collaboration_inner03 img { height: 59px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#collaboration03 {height: 110px;}
#collaboration_inner03 {top:20px;}
#collaboration_inner03 img { height: 70px;}
}


#collaboration05 {height: 60px;}
#collaboration_inner05 {top:10px;}
#collaboration_inner05 img { height: 40px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#collaboration05 {height: 90px;}
#collaboration_inner05 {top:20px;}
#collaboration_inner05 img { height: 50px;}
}

#collaboration06 {height: 60px;}
#collaboration_inner06 {width:60%; position: absolute; top:10px; left:20%; height: 100%; background: rgba(255, 255, 255, 0); text-align: center;}
#collaboration_inner06 img { height: 40px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#collaboration06 {height: 90px;}
#collaboration_inner06 {width:60%; position: absolute; top:20px; left:20%; height: 100%;}
#collaboration_inner06 img { height: 50px;}
}

#collaboration07 {height: 70px;}
#collaboration_inner07 {top:10px;}
#collaboration_inner07 img { height: 50px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#collaboration07 {height: 110px;}
#collaboration_inner07 {top:20px;}
#collaboration_inner07 img { height: 70px;}
}


#collaboration11 {height: 80px;}
#collaboration_inner11 {top:2em;}
#collaboration_inner11 img { height: 41px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#collaboration11 {height: 110px;}
#collaboration_inner11 {top:3em;}
#collaboration_inner11 img { height: 50px;}
}



#store { background-color: rgba(131, 183, 238, 0); font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: 100%; height: 400px; color: #000; position: relative; top: 0; left: 0; padding: 0; overflow: hidden;}
#store_inner {width:80%; position: absolute; top:50px; left:10%; height: ; padding: 10px; background: rgba(255, 255, 255, 1);}
@media screen and (orientation: landscape) and (min-width: 901px) {
#store {  }
#store_inner {width:60%; position: absolute; top:50px; left:20%; padding: 10px; height: ; background: rgba(255, 255, 255, 1);}
}

#map { width: 100%; height: 640px; position: relative; top: 0; left: 0; padding: 0; display: block; overflow: hidden; }
#map_inner {width:80%; position: absolute; top:50px; left:10%; height: 550px; background: rgba(255, 255, 255, 1); overflow: scroll; -webkit-overflow-scrolling: touch;}
#map_obj { width: 1300px; height: ; position: absolute; top: -20px; left: 50%; transform: translateX(-52.5%);}
#map_icon { position: absolute; top:60px; left: 13%; width: 40px;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#map {  }
#map_inner {width:60%; position: absolute; top:50px; left:20%; height: ;}
#map_icon { position: absolute; top:60px; left: 21%; width: 40px;}
}

#map_obj { width: 1300px; height: ; position: absolute; top: -20px; left: 50%; transform: translateX(-50%);}





#contact { background-color: rgba(131, 183, 238, 0); font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: 100%; height: 140px; color: #000; position: relative; top: 0; left: 0; padding: 0; overflow: hidden;}
#contact_inner {width:80%; position: absolute; top:50px; left:10%; height: 50px; padding: 20px; background: rgba(255, 255, 255, 1); text-align: center;}
@media screen and (orientation: landscape) and (min-width: 901px) {
#contact {  height: ;}
#contact_inner {width:60%; position: absolute; top:50px; left:20%; height: ;}
}


#copy { background-color: rgba(131, 183, 238, 0); font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: 100%; height: 70px; color: #000; position: relative; top: 0; left: 0; padding: 0; overflow: hidden;}




#error { background-color: rgba(131, 183, 238, 0); font-size: 10px; letter-spacing: -0.2px; line-height: 1; width: 100%; height: 100vh; color: #000; position: relative; top: 0; left: 0; padding: 0; overflow: hidden;}
#error_inner {width:80%; position: absolute; padding: 10px; height: ; background: rgba(255, 255, 255, 1); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
@media screen and (orientation: landscape) and (min-width: 901px) {
#error {  }
#error_inner {width:40%; position: absolute; padding: 10px; height: ; background: rgba(255, 255, 255, 1); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
}

.featherlight .featherlight-close-icon {
  font-size: 18px;
}