/*
Theme Name:Original Theme
Theme URI:https://rakugo.koikko.com/
Author:genki
Description:rakugo
Version:1.0
*/








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




.no_click{display:none!important;}

.no_slide_text{display:none!important;}









@media (min-aspect-ratio: 2560/1433) {
	
.waworks_bg{object-fit: cover;
width: 100%!important;
left:0!important;}
	
}






body {background-image: url("https://rakugo.koikko.com/wp-content/uploads/maku.jpg");
background-repeat: repeat-y;
background-size:100% 100vh;
background-position: center;

  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	
margin: auto;
width: 100%;

}



a{text-decoration: none;
color: #000;}


.img_sp{display: none;}
.img_pc{display:block;}
.footer_sp{display:none;}	
.footer_pc{display:block;}


/* ninngyou */


.maku{position: absolute;
top:0;
left:0;
object-fit: cover;
z-index: 9999999;
width: 100%;
height:100vh;
transition: 2s all;
}

.makuup{transform: translateY(-100vh);}

.makunone{display: none!important;}


.header {
position: fixed;
top: 2.7vw;
left: 2.7vw;
z-index: 9;
}

.header img{
width: 8.7vw;
}


.headernav{position: fixed;
top:0;
right:0;
z-index: 9999;}


.insta {
position: fixed;
top: 8.4vw;
right: 2.45vw;
width: 2.5vw;
height: auto;
z-index: 9999;
}





/* page1 */

.page1{
height: 100vh;
position: relative;
}

.page1_overflow{overflow: hidden;
position: relative;
height: 100vh;}


.waworks_bg {
  width: auto;
  vertical-align: top;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  

}



.waworks_div{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 34.6vw;
height: 45.5vw;
}

.waworks {
width: 100%;
}


.scroll_down {
width: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}

.scroll_down:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background: linear-gradient(180deg,rgba(#000, 0) 0, rgba(#000, .8) 80%, rgba(#000, .8) 100%);
  }

.scroll_down a {
display: inline-block;
position: absolute;
right: 0;
bottom: -5.0vw;
left: 0;
z-index: 2;
width: 1vw;
padding: 0;
color: #000;
font-size: 14px;
font-family: 'Josefin Sans', sans-serif;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
text-decoration: none;
writing-mode: vertical-lr;
transition: .2s;
overflow: hidden;
margin: auto;
height: 10.8vw;
}


.scroll_down a:before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0.15vw;
height: 100%;
background: #fff;
}


.scroll_down a:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0.15vw;
height: 100%;
background: #9D9191;
}

.scroll_down a:hover {
  opacity: .5;
}

#type01 a:after {
  animation: sdl01 1.5s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes sdl01 {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}













/* page2 */
.page2 {
background-color: #FAF7F7;
margin-top: 0.7vw;
text-align: center;
position: relative;
}

.page2_rayer {
background-image: url(https://rakugo.koikko.com/wp-content/uploads/texture.png);
}


.effect_div_all {
width: 57vw;
padding-top: 9.9vw;
margin-left: auto;
margin-right: auto;
margin-top: 0;
}

.dance {
width: 15.8vw;
position: absolute;
bottom: 2.8vw;
right: 1.4vw;
}

.dance2{
width: 16.6vw;
position: absolute;
top: 1.9vw;
left: 2.4vw;
}


.page2 p {
width: 57vw;
margin: auto;
padding-top: 2vw;
line-height: 3.5vw;
font-size: 1.4vw;
text-align: left;
padding-bottom: 9.4vw;
}


.edo-rakugo-doll-yoko{width: 57vw;
transform: translateY(130%);
transition: transform 1.2s cubic-bezier(.65,0,.35,1);
transition-delay: 0.2s;} 

.is-active .edo-rakugo-doll-yoko{transform: translateY(0%);}

.effect_div{
overflow: hidden;
}
.effect_div2 {
overflow: hidden;
margin-top: 1.2vw;
}




/* page3 */
.page3 {
background-image: url("https://rakugo.koikko.com/wp-content/uploads/page3_bg.png");
background-size: 100%;
background-repeat: no-repeat;
margin-bottom: -4vw;
z-index: 2;
position: relative;
text-align: center;
margin-top: 0.7vw;
height: 54.5vw;
}

.page3_rayer {

}


.slick-slider{margin: 0.3vw;}

.slider_div{margin: 1.8vw;
position:relative;
height: auto!important;
outline: none;
}

.slider_div img {
width: 10.6vw;
	
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}


.slider div:not(.slick-center) {

}


.slider .slick-center img:not(.click){transform-origin: center;
  transform: scale(1.27);      /* 拡大率 */
  transition: transform 0.3s ease; /* スムーズな拡大・縮小のアニメーション */
  z-index: 1;               /* 中央のスライドを前面に表示 */
cursor: pointer;
}

.slider .click {
width: 6.1vw;
position: absolute;
top: -2.6vw;
right: -2.7vw;
display: none;
	
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}

.slider .slick-center .click{display: block;}


.slick-list {
overflow: visible!important;
}


.slick-prev:before, .slick-next:before {
color: #000!important;
font-size: 4vw!important;
}

.slick-prev:after,.slick-next:after {
content: ""; 
background-color: #fff;
border-radius: 50%;
}

.slick-next {
right: 0!important;
width: 4vw!important;
height: 4vw!important;
z-index: 9!important;
}

.slick-prev {
left: 0!important;
width: 4vw!important;
height: 4vw!important;
z-index: 9!important;
}




.new_items {
width: 34.2vw;
margin-top: 3.2vw;
margin-bottom: 2.3vw;
	
}




.new_items_div_innner{transform: translateY(-120%);
transition: transform 1.2s cubic-bezier(.65,0,.35,1);
transition-delay: 0.3s;}

.is-active .new_items_div_innner{transform: translateY(0%);}

.new_items_div{overflow: hidden;}



.slider_all_div{
position: relative;
}








/* page32 */
.page32 {
background-color: #FFF4EA;
z-index: 1;
position: relative;

}



.page32_rayer {
background-image: url(https://rakugo.koikko.com/wp-content/uploads/texture.png);
}

.page32:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}



.slide_text_all{
position: relative;
}
	
.page32:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}




.slide_text {
display: none;
width: 80%;
margin: auto;
padding-top: 4.3vw;
padding-bottom: 6.6vw;
margin-bottom: 0.7vw;
}


.slide_text:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.item_name {
float: left;
width: 11.6vw;
margin-left: 3.9vw;
background-color: #fff;
border: solid 0.2vw #5D5D5D;
}

.ninngyou {
float: left;
margin-left: 7.2vw;
margin-top: 3.7vw;
width: 33.7vw;
}

.slide_text_p {
margin: 0;
float: right;
width: 19.5vw;
font-size: 1.1vw;
line-height: 2.7vw;
}



.slide_text_close {cursor: pointer;
position: absolute;
bottom: 1.3vw;
left: 50%;
transform: translateX(-50%);
width: 3.6vw;
}









/* page4 */
.page4 {
background-image: url("https://rakugo.koikko.com/wp-content/uploads/page4_bg.jpg");
background-size: 100%;
z-index: 1;
text-align: center;
padding-bottom: 3.7vw;
margin-bottom: 0.7vw;
}

.page4_rayer {
background-image: url(https://rakugo.koikko.com/wp-content/uploads/texture.png);
}

.page4:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}


.lineup {
width: 17.6vw;
margin-top: 4.2vw;
}


.lineup_div {
width: 72.5%;
margin: auto;
margin-top: 2.8vw;
margin-bottom: 1.65vw;
}


.lineup_div:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}


.lineup_1:nth-child(odd){
margin-right: 3%;
}

.lineup_1:nth-child(even){
margin-right: 0%;
}

.lineup_p{cursor:pointer;}


 .online_shop{

}


.lineup_coming_soon{position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 72%;}



.lineup_div {
width: 72.5%;
margin: auto;
margin-top: 2.8vw;
margin-bottom: 1.65vw;
}


.lineup_1 {
width: 48.5%;
height: 21.55vw;
float: left;
position: relative;
border: solid 0.1vw #5D5D5D;
text-align: left;
margin-bottom: 3%;
box-sizing: border-box;
}

.lineup_1_item_name{
height: 100%;
width: auto;
background-color: #fff;
border-right: solid 0.1vw #5D5D5D;
}



.lineup_1_ninngyou{
position: absolute;
top: 50%;
left: 60.3%;
transform: translate(-50%, -50%);
width: auto;
height: 17.8vw;
}


.lineup_p{background-color: #FFF4EA;}

.lineup_w{background-color: #F9F7F7;}





.c-btn{
cursor: pointer;
transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
 
.c-btn {
background: #FF7700;
border: 1.5px solid #707070;
border-radius: 99999px;
display: block;
font-weight: bold;
max-width: 37.7vw;
text-align: center;
position: relative;
margin: auto;
height: 7.1vw;
}


.c-btn:hover {
background: #000;
}



.online-shop_on {
opacity: 0;
transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 20vw;
}

.c-btn:hover .online-shop_on {
opacity: 1;
	
}



.online-shop_off {
opacity: 1;
transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 20vw;
}


.c-btn:hover .online-shop_off {
opacity: 0;
}





.page4_div_innner{
transform:scale(0.95);
opacity: 0;
transition: all 1.2s;
transition-delay: 0.5s;}

.is-active .page4_div_innner{
opacity: 1;
transform:scale(1);
}

.page4_div{overflow: hidden;}







/* footer */

.footer{height: 11.2vw;
background-color: #fff;}

.footer:after {
content: " ";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

.footer_rayer {
background-image: url(https://rakugo.koikko.com/wp-content/uploads/texture.png);
}

.koikko {
float: left;
width: 8.0vw;
margin-left: 2.15vw;
margin-top: 3.7vw;
}

.footer_nav {
float: left;
margin: 0;
padding-left: 3.4vw;
padding-top: 6.4vw;
}

.footer_nav span {
margin-right: 2.8vw;
font-size: 1.05vw;
letter-spacing: 0.25vw;
}


.ad {
float: right;
padding-right: 2.3vw;
font-size: 0.65vw;
margin: 0;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: normal;
font-style: normal;
letter-spacing: 0.11vw;
margin-top: 7.1vw;
}

.produced {
float: left;
margin-left: 4.7vw;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: normal;
font-style: normal;
margin-top: 4.8vw;
font-size: 1.1vw;
}

.tate_line{
font-size: 1.35vw;
margin-top: 0vw;
color: #ccc;
}










	
/* スマホメニューメニュー */
	

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
cursor:pointer;
}

.menu-trigger {
position: fixed;
top: 0.4vw;
right: 0.65vw;
width: 6vw;
height: 7vw;
z-index: 9999;
}
	
.fixed_menu-trigger{top: 2.5vw;}


a.menu-trigger:hover{
}
.menu-trigger span {
position: absolute;
z-index: 9999;
left: 1.5vw;
width: 3.1vw;
height: 0.3vw;
border-radius: 0px;
}
.menu-trigger span:nth-of-type(1) {
top: 2.2vw;
background-color: #EA5100;
}

.menu-trigger span:nth-of-type(2) {
top: 3.3vw;
background-color: #208900;
}


.menu-trigger span:nth-of-type(3) {
bottom: 2.3vw;
background-color: #000;
}
	
	
.menu-trigger.active {
height: 5vw;
top: 1.45vw;
right: 0.8vw;
}

	
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(1.3vw) rotate(-45deg);
transform: translateY(1.3vw) rotate(-45deg);
top: 1.05vw;
background-color: #208900;
width: 3.0vw;
}


.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
top: 2.3vw;
}


.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-1.35vw) rotate(45deg);
transform: translateY(-1.35vw) rotate(45deg);
bottom: 1.05vw;
background-color: #EA5100;
width: 3.0vw;
}

#overlay {
display: none;
width: 100%;
height: 100%;
text-align: left;
position: fixed;
top: 0;
left: 0;
background-color: #FF7700;
opacity: 1;
z-index: 999;
padding: 0px;
}

.overlay_rayer {
background-image: url(img/texture.png);
}


.menu-trigger:hover span:nth-of-type(2) {
width: 2.6vw;
}

.menu-trigger:hover span:nth-of-type(3) {
width: 2.1vw;
}



.menu-trigger.active:hover span:nth-of-type(2) {
width: 3.1vw;
}
.menu-trigger.active:hover span:nth-of-type(3) {
width: 3.1vw;
}








	

/* nav */


.overlay_nav_all{
width: 89.2%;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}

.edo-rakugo-doll_big{
float: left;
width: 27.75vw;
}

.overlay_nav {
float: right;
margin-right: 8.1vw;
}

.overlay_nav p {
margin: 0;
font-size: 1.4vw;
letter-spacing: 0.4vw;
padding-bottom: 2.85vw;
}


.overlay_nav_ue {
border-bottom: solid 1px #000;
padding-bottom: 1.65vw;
padding-right: 0.3vw;
}


.overlay_nav_sita{
margin-top: 4.5vw;
}

.overlay_nav_p5{padding-bottom: 0vw!important;}

.ninngyou_sample1,.ninngyou_sample2,.ninngyou_sample3,.ninngyou_sample4,.ninngyou_sample5{

position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 27.2vw;
transition:all 1s ease-out;
opacity: 0;
}

.ninngyou_sample_hover{
opacity: 1;
animation: hover_animation 2s ease 1s infinite;}

@keyframes hover_animation {
0%{
transform: translate(-50%, -50%) rotate(3deg);
}
5%{
transform: translate(-50%, -50%) rotate(-3deg);
}
10%{
transform: translate(-50%, -50%) rotate(3deg);
}
15%{
transform: translate(-50%, -50%) rotate(-3deg);
}
20%{
transform: translate(-50%, -50%) rotate(0deg);
}
100%{
transform: translate(-50%, -50%) rotate(0deg);
}
	
}



.overlay_nav_p1:hover a{color: #fff;}
.overlay_nav_p2:hover a{color: #fff;}
.overlay_nav_p3:hover a{color: #fff;}
.overlay_nav_p4:hover a{color: #fff;}
.overlay_nav_p5:hover a{color: #fff;}























@media screen and (max-width: 768px){


.header{display:none;}

.waworks{display:none;}

.insta{display:none;}

.edo-rakugo-doll-yoko{display:none;}
	
.footer_pc{display:none;}
	
.edo-rakugo-doll_big{display:none;}

.ninngyou_sample{display:none;}
	
.img_pc{display:none;}
	
	
.img_sp{display: block;}
.footer_sp{display:block;}	
	
	
.ninngyou_sample1, .ninngyou_sample2, .ninngyou_sample3, .ninngyou_sample4, .ninngyou_sample5 {
display:none;
}
	
.dance2{
display:none;
}	
	
	
	
html, body {
position: static!important;

}
	
	
	
body {
background-image: url("https://rakugo.koikko.com/wp-content/uploads/maku_sp.jpg");
overflow: scroll;
}	
	

	

	
	
	
	
/* page1 */

.waworks1_sp {
position: absolute;
top: 7.5%;
width: 64vw;
left: 44.5%;
transform: translateX(-50%);
}

.waworks2_sp {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 76vw;
}
	
	
.scroll_down a {
bottom: -19vw;
height: 47.3vw;
width: 1vw;
}


.scroll_down a:before {
height: 100%;
width: 1.0vw;
}

.scroll_down a:after {
height: 100%;
width: 1.0vw;
}
	
	
	
	
	
/* page2 */
.page2 {
margin-top: 2.1vw;
}
.page2_rayer {
width: 81.5%;
margin: auto;
}
	
.dance {
width: 33.0vw;
position: absolute;
bottom: auto;
right: 2.6vw;
top: 25vw;
float: right;
}


.EDO-RAKUGO-DOLL-j_sp {
width: 53vw;
float: left;
padding-top: 5.7vw;
}
	
.page2 p {
width: 100%;
margin: auto;
padding-top: 4.9vw;
line-height: 8.6vw;
font-size: 4.0vw;
text-align: left;
padding-bottom: 11.3vw;
clear: both;
}
	
.page2 p span{
line-height: 8.2vw;
}
	
	
.effect_div3{overflow: hidden;}
	.EDO-RAKUGO-DOLL-j_sp{transform: translateY(150%);
transition: transform 1.2s cubic-bezier(.65,0,.35,1);
transition-delay: 0s;}
	
.is-active .EDO-RAKUGO-DOLL-j_sp{transform: translateY(0%);}

	
	
	
/* page3 */
	
	
.page3 {
background-image: url("https://rakugo.koikko.com/wp-content/uploads/page3_bg_sp.png");
background-size: 100%;
background-repeat: no-repeat;
margin-bottom: -4vw;
z-index: 2;
position: relative;
text-align: center;
margin-top: 2.1vw;
height: 153.7vw;
}


.new_items {
width: 82.1vw;
margin-top: 9.0vw;
margin-bottom: 8.8vw;
}


.slider_div img {
width: 33.3vw;
}


.slider_div {
margin: 5.8vw;
}


.slider .click {
width: 18.8vw;
position: absolute;
top: -10.0vw;
right: -10.4vw;
display: none;
}
	
	
	
	
	

	
	
	
	
	
	
	
	
/* page32 */
	
	
.slide_text {
display: none;
width: 81.5%;
margin: auto;
padding-top: 7.4vw;
padding-bottom: 21.0vw;
margin-bottom: 2.1vw;
}


.item_name {
float: none;
width: 21.8vw;
margin-left: 0;
border: solid 0.7vw #5D5D5D;
position: absolute;
z-index: -1;
}


.ninngyou {
width: 68.4vw;
margin-left: 0;
margin-top: 21.3vw;
margin-bottom: 5.8vw;
float: right;
}

.slide_text_p {
margin: 0;
float: none;
width: 100%;
font-size: 4.1vw;
line-height: 8.6vw;
clear: both;
margin-top: 19.7vw;
}

.slide_text_p span{
line-height: 8.2vw;
}

	

.slide_text_close {
cursor: pointer;
position: absolute;
bottom: 3.8vw;
left: 50%;
transform: translateX(-50%);
width: 10.5vw;
}
	
	
.ninngyou_none{display: none!important;}
	

	
.slick-prev:before, .slick-next:before {
color: #000!important;
font-size: 13vw!important;
margin-left: -1.5vw!important;
line-height: 0.92!important;
opacity: 1!important;
}


.slick-prev {
left: 2vw!important;
z-index: 9!important;
width: 10vw!important;
height: 10vw!important;
background-color: #fff!important;
border-radius: 50%!important;
opacity: 1!important;
}
	
.slick-next {
right: 2vw!important;
z-index: 9!important;
width: 10vw!important;
height: 10vw!important;
background-color: #fff!important;
border-radius: 50%!important;
opacity: 1!important;
}
		
	
	
	
/* page4 */
	
.page4 {
background-image: url("https://rakugo.koikko.com/wp-content/uploads/page4_bg_sp.jpg");
padding-bottom: 5.9vw;
margin-bottom: 2.1vw;
}


.lineup {
width: 46.5vw;
margin-top: 11.2vw;
}

.lineup_div {
width: 81.5%;
margin: auto;
margin-top: 6.5vw;
margin-bottom: 4.2vw;
}

.lineup_1:nth-child(odd) {
margin-right: 0;
}


.lineup_1 {
width: 100%;
height: 49.5vw;
float: left;
position: relative;
border: solid 0.3vw #5D5D5D;
text-align: left;
margin-bottom: 2.5%;
}

.lineup_1_item_name {
height: 100%;
width: auto;
background-color: #fff;
border-right: solid 0.3vw #5D5D5D;
}

.lineup_1_ninngyou {
position: absolute;
top: 50%;
left: 60.5%;
transform: translate(-50%, -50%);
width: auto;
height: 40.7vw;
}
	
	
	
	
	
	


.c-btn {
border: 1.0px solid #707070;
max-width: 60.8vw;
height: 18.2vw;
}


.online-shop_off {
width: 48vw;
}


.online-shop_on {
width: 48vw;
}
	
	
	
	
/* footer */

.footer {
height: auto;
}
	
.footer_sp{
text-align: center;
}
	

.footer_sp_div1 {
text-align: center;
border-bottom: solid 1px #707070;
padding-top: 10vw;
padding-bottom: 3.7vw;
}

.footer_sp_div2 {
text-align: center;
border-bottom: solid 1px #707070;
padding-top: 7.4vw;
padding-bottom: 1.7vw;
}

.footer_sp_div3 {
text-align: center;
display: inline-block;
margin-top: 7.5vw;
}

.footer_sp_div4 {
text-align: center;
clear: both;
margin-top: 8.2vw;
padding-bottom: 4.7vw;
}
	

.footer_sp_div1 p {
margin: 0;
padding-bottom: 5.1vw;
font-size: 3.2vw;
letter-spacing: 0.9vw;
}
	
.footer_sp_div2 p {
margin: 0;
padding-bottom: 6.2vw;
font-size: 3.2vw;
letter-spacing: 0.9vw;
}


.produced {
float: left;
margin-left: 0;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: normal;
font-style: normal;
margin-top: 3.1vw;
font-size: 3.2vw;
letter-spacing: 0.05vw;
}


.koikko {
float: left;
width: 20.5vw;
margin-left: 6.8vw;
margin-top: 0vw;
}


.ad {
float: none;
padding-right: 0;
font-size: 2.3vw;
margin: 0;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-weight: normal;
font-style: normal;
letter-spacing: 0.32vw;
margin-top: 0;
}
	
	
	
	
	
	
/* スマホメニューメニュー */
	

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}

.menu-trigger {
position: fixed;
top: 10.8vw;
right: 2.0vw;
width: 13vw;
height: 11vw;
z-index: 9999;
}
	
.fixed_menu-trigger{top: 2.5vw;}


a.menu-trigger:hover{
}
.menu-trigger span {
position: absolute;
z-index: 9999;
left: 2vw;
width: 8.7vw;
height: 0.7vw;
background-color: #000;
border-radius: 0px;
}
.menu-trigger span:nth-of-type(1) {
top: 1.9vw;
}

.menu-trigger span:nth-of-type(2) {
top: 5.2vw;
}

.menu-trigger span:nth-of-type(3) {
bottom: 1.9vw;
}
	
	
.menu-trigger.active {
height: 13vw;
top: 9.9vw;
right: 2.0vw;
}
	
.menu-trigger.active span{
left: 0vw;
}
	
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(4.4vw) rotate(-45deg);
transform: translateY(4.4vw) rotate(-45deg);
top: 1.7vw;
width: 12.3vw;
}
	
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
top: 6.25vw;
left: 1.9vw;
}
	
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-4.6vw) rotate(45deg);
transform: translateY(-4.6vw) rotate(45deg);
bottom: 1.7vw;
width: 12.3vw;
}
	


.menu-trigger.active:hover span:nth-of-type(2) {
width: 8.7vw;
}
	
#overlay {
display: none;
width: 100%;
height: 100%;
text-align: left;
position: fixed;
top: 0;
left: 0;
opacity: 1;
z-index: 999;
padding: 0px;
}

.menu-trigger.active:hover span:nth-of-type(3) {
width: 12.3vw;
}


.menu-trigger:hover span:nth-of-type(3) {
width: 8.7vw;
}
	
.menu-trigger:hover span:nth-of-type(2) {
width: 8.7vw;
}

	
	
	
/* nav */

.overlay_nav_all {
width: 52.2%;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}

.overlay_nav {
float: none;
margin-right: 0;
}


.overlay_nav_ue {
border-bottom: solid 1px #000;
padding-bottom: 4.65vw;
padding-right: 0;
}


.overlay_nav_sita {
margin-top: 13.0vw;
}


.overlay_nav p {
margin: 0;
font-size: 4.5vw;
letter-spacing: 1.6vw;
padding-bottom: 8.6vw;
}
	
	
	
	
	
	
	
	
	

	
	
	

}







@media screen and (min-width: 769px) and (max-width: 1024px) {	


	



}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
	



}

@media screen and (min-width: 1601px) {	
	


}







@media only screen and (max-device-width:480px){
	


	

	
	
	
	

}



@media only screen and (min-device-width: 481px) and (max-device-width: 1024px){


	
	


}










@media only screen and (max-device-width:480px) and (orientation: landscape){
	
}




@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape){


	
}








/* chome */

_:lang(x)::-internal-media-controls-overlay-cast-button, img {
    -webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}




@media screen and (min-width: 768px) and (max-width: 824px) {	

}

@media screen and (min-width: 824px) and (max-width: 924px) {	

}

@media screen and (min-width: 924px) and (max-width: 1024px) {	

}







	



/* win */
.win body{

}


@media screen and (min-width: 768px) and (max-width: 824px) {	

}

@media screen and (min-width: 824px) and (max-width: 924px) {	

}

@media screen and (min-width: 924px) and (max-width: 1024px) {	

}

@media screen and (min-width: 1024px) and (max-width: 1124px) {	

}