@charset "UTF-8";
/*////////////////////// レスポンシブ //////////////////////*/
/* PCだけに適用するCSS */
@media screen and (min-width: 750px) {
    /*　画面サイズ 750pxから適用　*/
	
/* ------------------------------
   display-none
------------------------------ */
.navToggle,
.img_changeSp
{
	display:none;
	}


/* ------------------------------
   background-size
------------------------------ */

body{
	background:#FFF !important;
	}
	
/* ----
.bg01{
	background-image: url(../img/pc_imgBg01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    background-size: cover;
	height:100vh;	
	margin:0 auto;
	position:relative;
}
---- */

.bg_pc img{
	width: 100%;
	height:29vh;	
	object-fit: cover;
	position: absolute;
	z-index: 2;
}


.bg_pc_l{
	width: 50%;
	height:100vh;
	background-image: url("../img/main_left.jpg");
	background-size: cover;
	position: absolute;
	z-index: 1;
}


.bg_sp img{
	display: none;
}

.sp_price {
	display: none;
}

.mainLogo img{
	width:500px;
	position:absolute;
	top:40vh;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10;
	pointer-events: none;
}

.ReservBt{
	font-size:16px;
	font-weight:900;
	text-align:center;
	display:inline-block;
	}
.ReservBt a{
	width:14vw;
	background:#d91200;
	padding:12px 18px 12px 18px;
	color:#FFF;
	}

.bg02{
	background-image: url(../img/pc_imgBg02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    background-size: cover;
	height: 60vh;
	margin:0 auto 10px;
	position:relative;
}
	
.txtArea2{
	position:absolute;
	top:5vw;
	left:20vw;
	width:580px;
	}
	
.mainTl2{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:48px;
	color:#333;
	line-height:1.4em;
	font-weight: bold;
	margin-bottom:2vw;
	text-shadow: 0 0 2px #FFF, 0 0 4px #FFF, 0 0 6px rgba(255, 255, 255, 0.8);
	}
	
.mainTxt2{
	font-size:14px;
	line-height:1.8em;
	color:#333;
	text-shadow: 0 0 2px #FFF, 0 0 4px #FFF, 0 0 6px rgba(255, 255, 255, 0.8);
	}	


.bg03{
	background-image: url(../img/pc_imgBg03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    background-size: cover;
	height: 60vh;
	margin:0 auto 10px;
	position:relative;
}

.txtArea3{
	position:absolute;
	bottom:2vw;
	right:20vw;
	width:580px;
		}	
		
.mainTl3{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:48px;
	color:#F2F2F2;
	line-height:1.4em;
	font-weight: bold;
	margin-bottom:2vw;
	text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 6px rgba(0, 0, 0, 0.8);
	}
	
.mainTxt3{
	font-size:14px;
	line-height:1.8em;
	color:#F2F2F2;
	text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 6px rgba(0, 0, 0, 0.8);
	}

	
.txtArea4{
	background-color: #000;
	width:100%;
	}


.txtArea4_sp{
display: none;
	}
	
.txtArea4_02{
	background-color: #000;
	width:100%;
	}


.mainTl4{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:40px;
	max-width:980px;
	margin:0 auto;
	color:#FFF;
	font-weight: bold;
	padding:10px 0;
	}
	
.mainTxt4{
	max-width:980px;
	margin:0 auto;
	font-size:14px;
	line-height:1.8em;
	color:#FFF;
	padding-bottom:20px;
	}

/* ------------------------------
   TXT
------------------------------ */
.howtoMenu dl dt{
	font-size:20px;
	}

.priceMenu ul li{
	font-size:18px;
	}

.priceTl{
	height:200px;
	line-height:200px;
}

.mapTl{
	font-size:42px;
	height:60px;
	line-height:60px;
	margin-top: 40px;
}

.mapTl_02{
	width: 100%;
	text-align: center;
	font-size:42px;
	height:60px;
	line-height:60px;
	margin-top: 40px;
	font-weight: bold;
}

.bluelink{
	padding:100px;
	}

/* ------------------------------
   nav
------------------------------
nav.globalMenu ul{
	position:absolute;  
	top:0;
	right:0;
	font-size:0;
	  }
nav.globalMenu li{
  display: inline-block;
  font-size:14px;
  text-align:center;
  border-left:1px solid #333;
  }
nav.globalMenu li a{
  padding:0 20px;
  height:40px;
  line-height:40px;
  color: #fff;
  text-align: center;
}
nav.globalMenu li a:hover{
  display: block;
  background: #444;
} 
*/

/* ------------------------------
   gmap
------------------------------ */	
.gmap {
background:#FFF;
height: 0;

padding-bottom: 65vh;

display: flex;
width: 100%;
}

.gmap_L {
width: 33%;

left: 0;
top: 0;
height: 100%;
}

.gmap_C {
width: 33%;
position: absolute;
left: 33%;
top: 0;
height: 100%;
}

.gmap_R {
width: 33%;
position: absolute;
right: 0;
top: 0;
height: 100%;
}

.gmap_tl {
width: 99.5%;
background-color: #1a1a1a;
text-align: center;
color: #FFF;
font-size: 60%;
padding: 10px 0 10px 0;
}

.gmap_tl span {
border-radius: 2px;
}

.gmap_room {
position: absolute;
right: 10px;
top: 10px;
}

.map_L {
height: 100%;
width: 99.5%;
padding-bottom: 20px;
}

.map_R {
height: 100%;
width: 99.5%;
padding-bottom: 20px;
}

.gmap_f {
background:#FFF;
height: 0;
overflow: hidden;
padding-bottom: 560px;
position: relative;
}	

.gmap_f iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


/* ------------------------------
   facility
------------------------------ */
.imageSub{
  position: relative;
  width: 150px;/*　トリミングしたい枠の幅（固定にしたい場合はサイズを入力）　*/
  padding-top: 150px;/*　トリミングしたい枠の高さ（固定にしたい場合はサイズを入力）　*/
  overflow: hidden;/*　画像が枠からはみ出た部分はトリミング（非表示）する　*/
  margin:0 auto;
}
.imageSub img{
/* 画像を上下左右に中央配置する（絶対指定） */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* 画像の最大サイズは枠の1.5倍まで */
  max-width: 150%;
  max-height: 150%;
}
#slideshow {
	margin: 0 auto;
	text-align: center;
}
#slideshow div {
	width: 480px;
	height: 600px;
	overflow: hidden;
	position: relative;
	margin:0 auto;
	}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;	
}
#slideshow ul {
	display:flex;
    overflow-x: scroll ;
	margin:0 auto;
}
#slideshow ul li {
	border:1px solid #FFF;
	flex: 0 0 150px;
}
#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* ------------------------------
   modal
------------------------------ */
.modal-content {
	width: 440px ;
	height: 620px ;
	background: #fff ;
	border:5px solid #333;
	position: fixed ;
	display: none ;
	z-index: 9999 ;
	padding:50px 20px 0;
	border-radius:24px;
	box-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 6px rgba(0, 0, 0, 0.8);
}

.modal-content h2{
	text-align:center;
	margin-bottom:40px;
	}

#modal-overlay {
	z-index: 9998 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100vw ;
	height: 120vw ;
	background:rgba(0,0,0,0.8);
	}
	
.modal-close{
	position:absolute;
	right:10px;
	top:10px;
	}	
	
/* ------------------------------
   お問合せ
------------------------------ */
.howtoBt{
	font-size:12px;
	font-weight:900;
	text-align:center;
	}
.howtoBt a{
	font-size:16px;
	font-weight:900;
	display:block;
	width:300px;
	margin:0 auto;
	background:#D91200;
	padding:10px;
	color:#FFF;
	border-radius:2px;
	}
	
	
/* ------------------------------
   中央寄せ
------------------------------ */
.boxCenter {
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
	}
	
	
/* ------------------------------
   footer
------------------------------ */
footer{
	margin-top:15px !important;
	padding:50px 20px !important;
	background:#FFF;
	border-top: 1px solid #e6e6e6;
	text-align:center;
	}
	
/* ------------------------------
   利用規約(2020/01/10)
------------------------------ */
.storeImg_sp {
	display: none;
}



.rule_box{
	width: 700px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.rule_box p{
	font-weight: bold;
	margin-top: 20px;
}

.rule_box li{
	list-style-type: decimal;
	margin-left: 15px;
}

.rule_box dt{
	margin: 0;
	list-style-type: lower-roman
}

/* ------------------------------
   利用規約(2020/01/14)
------------------------------ */
.HowtoBt{
	font-size:16px;
	font-weight:900;
	text-align:center;
	display:inline-block;
	}
.HowtoBt a{
	width:14vw;
	background: #d91200;
	padding:12px 18px 12px 18px;
	color:#FFF;
	}
	
.price_pc {
	position:absolute;
	top:87vh;
	width: 100%;
	height: 20vh;
	text-align: center;
	z-index: 3;
	background: #000;
}

.price_pc img {
	height: 14vh;
}


/* ------------------------------
   追加修正(2020/09/10)
------------------------------ */
nav.globalMenu{
	position:absolute;  
	top:0;
	right:0;
}
.gnav {
    display: flex;
    height: 2rem;
    margin: 0 auto;
	width:1000px;
}
.gnav > li {/*親階層のみ幅を25%にする*/
    width: 25%;
}
/*全てのリスト・リンク共通*/
.gnav li {
	font-size:14px;
  text-align:center;
  border-left:1px solid #333; 
  height:40px;
    list-style: none;
    position: relative;
}
.gnav li a {
  padding:0 10px;
  height:40px;
  line-height:40px;
  color: #fff;
  text-align: center;
}
/*子階層以降共通*/
.gnav li li {
    height: 0;
    overflow: hidden;
    transition: .5s;
}
.gnav li li a {
	padding:0 10px;
	display:block;
	background:#333;
	border-bottom:1px solid #666;
	text-align: left;
}
.gnav li:hover > ul > li {
    height: 40px;
    overflow: visible;	
}

.pre {
	padding:0;
	display:block;
	text-align: left;
	margin-bottom: 20px;
}

.pre a {
    height: 60px !important;
    overflow: visible;
	margin-left: -1px;
}

/*部屋番号*/
.room_number606{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	position: absolute;
	top:60px;
	left:2vw;
	font-size:14px;
	color:#FFF;
	background:#D00;
	padding:8px;
	}
.room_number402{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	position: absolute;
	bottom:20px;
	right:2vw;
	font-size:14px;
	color:#0070b5;
	background:#FFF;
	padding:8px;
	}
/*店舗・設備*/
.RoomNumberBg{
	margin-top:40px;
	padding:5px;
	width:100%;
}
.RoomNumberBg p{
	font-size:14px;
	color:#FFF;
	font-weight:900;
	width:80%;
	margin:0 auto;
}
.redBg{
	background:#F00;
}
.blueBg{
	background:#00F;
}

.navyBg{
	background:#202f55;
}

.yellowBg{
	background:#FFFF00;
}	
.pinkBg{
	background:#FFADFF;
}
.purpleBg{
	background:#632c86;
}
.greenBg{
	background:#20a335;
}
.camouflageBg{
	background:#808000;
}
.blackBg{
	background:#333333;
}
.orangeBg{
	background:#F17C15;
}
.goldBg{
	background-image: url("../img/bg_gold.jpg");
	background-repeat: repeat-x;
	background-size: 500px;
}
.silverBg{
	background-image: url("../img/bg_silver.jpg");
	background-repeat: repeat-x;
	background-size: 500px;
}
.whiteBg{
	background:#FFF;
}
.grayBg{
	background:#959595;
}

.checkerBg{
	background-image: url("../img/bg_checker_tl.gif");
    background-size: contain;
    background-repeat: repeat-x;
    /*
    text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF,
              -3px 3px 0 #FFF, 3px -3px 0 #FFF,
              0px 3px 0 #FFF,  0 -3px 0 #FFF,
              -3px 0 0 #FFF, 3px 0 0 #FFF;
              */
}

.woodBg{
	background-image: url("../img/bg_wood_tl.jpg");
    background-size: contain;
    background-repeat: repeat-x;
	text-shadow:1.5px 1.5px 0 #FFF, -1.5px -1.5px 0 #FFF,
              -1.5px 1.5px 0 #FFF, 1.5px -1.5px 0 #FFF,
              0px 1.5px 0 #FFF,  0 -1.5px 0 #FFF,
              -1.5px 0 0 #FFF, 1.5px 0 0 #FFF;
}

.tricolorBg{
	background-image: url("../img/bg_tricolor.jpg");
	background-repeat: repeat-x;
	background-size: contain;
	text-shadow:1.5px 1.5px 0 #FFF, -1.5px -1.5px 0 #FFF,
              -1.5px 1.5px 0 #FFF, 1.5px -1.5px 0 #FFF,
              0px 1.5px 0 #FFF,  0 -1.5px 0 #FFF,
              -1.5px 0 0 #FFF, 1.5px 0 0 #FFF;
}
}
/* ------------------------------
   カルーセル-modal
------------------------------ */
.modal_wrap_store input {
  display: none;
}

.modal_overlay_store {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.modal_trigger_store {
  position: absolute;
  width: 100%;
  height: 100%;
}

.modal_content_store {
  position: relative;
  align-self: center;
  width: 50%;
  box-sizing: border-box;
  transition: 0.5s;
}

.close_button_store {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 15px;
  cursor: pointer;
}

.modal_wrap_store input:checked ~ .modal_overlay_store {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}	

.menutxt{
	line-height:2em !important;
	padding-top:0.8em !important;
	font-size: 10px !important;
	}

.indexBtnArea{
	width: 100%;
	height: 8vh;
	text-align: center;
	/*
	background: #1a1a1a;
	*/
	padding-top: 3vh;
}

/* ------------------------------
   追加(2021/05/31)
------------------------------ */
.enter_box{
	display: flex;
	flex-wrap:wrap;
	margin-top: 2vh;
}

.enter_box li{
	width: calc(100%/7);
	box-sizing:border-box;
	border-left: 1.2px #FFF solid;
	border-right: 1.2px #FFF solid;
}

.enter_box li img {
	max-width:100%;
	height: auto;
}
	
	
}

/* ------------------------------
   追加(2021/02/08)
------------------------------ */

/*
.bg_pc_blue{
	height:32vh;
	background-image: url("../img/main_blue.jpg");
	background-size: cover;
	background-position:right top;
	background-repeat: no-repeat;
}



.bg_pc_red{
	height:32vh;
	background-image: url("../img/main_red.jpg");
	background-size: cover;
	background-position:left top;
	background-repeat: no-repeat;
}

.bg_pc_yellow{
	height:32vh;
	background-image: url("../img/main_yellow.jpg");
	background-size: cover;
	background-position:right top;
	background-repeat: no-repeat;
}

.bg_pc_pink{
	height:32vh;
	background-image: url("../img/main_pink.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position:left top;
}
*/



/* ------------------------------
   追加(2021/04/26)
------------------------------ */
.icon_pc_img{
	top: 0;
	left: 0;
	width: 60px;
	z-index: 2;
}
.greenImg img{
	width:180px;
	position:absolute;
	top:18vh;
	left: 12vw;
	margin: auto;
	z-index: 3;
}
.purpleImg img{
	width:180px;
	position:absolute;
	top:12vh;
	right: 12vw;
	margin: auto;
	z-index: 3;
}

/* ------------------------------
   追加(2021/05/31)
------------------------------ */
/*
.bg_pc_green01{
	height:32vh;
	background-image: url("../img/pc_top_shibuyagreen_01.jpg");
	background-size: cover;
	background-position: left bottom;
	z-index: 1;
}

.bg_pc_green02{
	height:32vh;
	background-image: url("../img/pc_top_shibuyagreen_02.jpg");
	background-size: cover;
	background-position: left bottom;
	z-index: 1;
}

.bg_pc_purple01{
	height:32vh;
	background-image: url("../img/pc_top_shibuyapurple_01.jpg");
	background-size: cover;
	background-position: right top;
	background-repeat: no-repeat;
}


.bg_pc_purple02{
	height:32vh;
	background-image: url("../img/pc_top_shibuyapurple_02.jpg");
	background-size: cover;
	background-position: right bottom;
	z-index: 1;
}
*/

.pc_open_txt01 img{
	width:20vw;
	position:absolute;
	top:80px;
    left: 25%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 3;

}
.pc_open_txt02 img{
	width:20vw;
	position:absolute;
	top:80px;
    left: 75%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	pointer-events: none;
	z-index: 3;
}



.img_changePc{
	display: flex;
    justify-content: flex-end;
}

.img_changePc a{
	width: calc(100% / 4);
}

	
	
/* ------------------------------
   追加(2021/12/14) PC用
------------------------------ */
/*
.bg_pc_black{
	height:32vh;
	background-image: url("../img/storeBg00_407_top.jpg");
	background-size: cover;
	background-position:left top;
	z-index: 1;
}
*/


/* ------------------------------
   追加(2021/10/8) 池袋告知 PC用
------------------------------ */
@media screen and (min-width: 750px) {
.ikebukuro_kokuchi_txt {
	width: 100%;
	text-align: center;
	position: absolute;
	height: 50px;
	background-image: url("../img/ikebukuro_kokuchi.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 3px;
}
.ikebukuro_kokuchi_box {
  display: flex;
  margin-top: 26px;
  margin-bottom: -33px;
   height: 50px;
   background-color: #000;
}

.ikebukuro_kokuchi_box li {
  width: calc(100% / 3);
}

.ikebukuro_kokuchi_box ul,li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

.ikebukuro_kokuchi_box li {
  text-align: center;
  height: 60px;
}

.ikebukuro_silver{
	background-image: url("../img/bg_silver_top.jpg");
	background-repeat: repeat-x;
	background-size: contain;
}

.ikebukuro_orange{
	background-color: #F17C15;
}

.ikebukuro_gold{
	background-image: url("../img/bg_gold_top.jpg");
	background-repeat: repeat-x;
	background-size: contain;
}
}

/* ------------------------------
   追加(2021/10/8) 池袋告知 スマホ用
------------------------------ */
@media screen and (max-width: 750px) {
.ikebukuro_kokuchi_txt {
	width: 100%;
	text-align: center;
	position: absolute;
	height: 40px;
	background-image: url("../img/ikebukuro_kokuchi.png");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
}

.ikebukuro_kokuchi_box {
  display: flex;
   height: 40px;
   background-color: #000;
}

.ikebukuro_kokuchi_box li {
  width: calc(100% / 3);
}

.ikebukuro_kokuchi_box ul,li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}

.ikebukuro_kokuchi_box li {
  text-align: center;
  height: 40px;
}

.ikebukuro_silver{
	background-image: url("../img/bg_silver_top.jpg");
	background-repeat: repeat-x;
	background-size: contain;
}

.ikebukuro_orange{
	background-color: #F17C15;
}

.ikebukuro_gold{
	background-image: url("../img/bg_gold_top.jpg");
	background-repeat: repeat-x;
	background-size: contain;
}
}

/* ------------------------------
   追加(2022/3/12) PC用
------------------------------ */
/*
.bg_pc_camo{
	height:32vh;
	background-image: url("../img/storeBg00_camouflage_top.jpg");
	background-size: cover;
	background-position:right bottom;
	z-index: 1;
}
*/




/* ------------------------------
   追加(2022/12/01) スマホメニュー修正要
------------------------------ */
.sp_menu_L{
	width: 35%;
	background-color: #000;
	padding: 5vw;
}

@media screen and (min-width:640px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
.sp_menu_L {
	width: 25%;
	padding-top: 0;
}
}

.sp_menu_R{
	width: 65%;
	background-color: #000;
	padding: 5vw;
	text-align: left;
}

@media screen and (min-width:640px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
.sp_menu_R {
	width: 75%;
	padding-top: 0;
}
}


.sp_menu_box{
	border-left: 3px #666 solid;
	color: #FFF;
	padding-left: 2vw;
	font-size: 16px;
}

.sp_menu_box a{
	color: #FFF !important;
}

.sp_menu_box li{
	line-height: 2.5em;
}

.sp_menu_box li:before{
	content: "▶";
	margin-right: 1vw;
}

.sp_menu_box img{
	width: 40%;
	padding: 0 !important;
	margin-right: 3px;
	margin-bottom: 3px;
}
@media screen and (min-width:640px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
.sp_menu_box img {
	width: 15%;
	padding: 0;
	margin: 0;
}
}


.sp_menu_box p{
	margin: 2vw 0 1vw 0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ヘッダー */
.header-wrap {
  display: flex;
  justify-content: space-between; 
}

/* ハンバーガーメニュー */
  .drawer-hidden {
    display: none;
  }
  
  @media screen and (max-width:749px) { 
  .drawer-open {
    display: flex;
    height: 20px;
    width: 20px;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 100;
    cursor: pointer;
    margin: auto;
    top: 10px;
	right: 10px;
  }
  }
  .drawer-open span,
  .drawer-open span:before,
  .drawer-open span:after {
    content: "";
    display: block;
    height: 2px;
    width: 20px;
    border-radius: 3px;
    background: #FFF;
    transition: 0.5s;
    position: absolute;
  }
  .drawer-open span:before {
    bottom: 7px;
  }
  .drawer-open span:after {
    top: 7px;
  }
  .drawer-open.clicked span {
    background: rgba(255, 255, 255, 0);
  }
  .drawer-open.clicked span::before {
    bottom: 0;
    transform: rotate(45deg);
  }
  .drawer-open.clicked span::after {
    top: 0;
    transform: rotate(-45deg);
  }

/* ドロワーコンテンツ*/
  .drawer-content {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    width: 105%;
    height: 100%;
    position: fixed;
    top: 40px;/*ヘッダーの高さ調整*/
    left: 100%;/*ドロワー向き変更*/ 
    background: #000;
    transition: 0.5s;
    overflow: scroll;
	display: flex;
  }
  
  .drawer-content.clicked {
    left: 0;/*ドロワー向き変更*/
  }
  .drawer-content-bg.clicked {
    left: 0;
  }
  
@media screen and (min-width: 750px) {
  .kaitei{
    margin-top: -120px !important;
}
}