/*  -------------------------------PLUG_IN------------------------------- */
.queryloader__overlay__percentage{
	z-index:-9999;
	font-size:12px !important;
	font-family: 'Oswald', sans-serif;
	padding-top:68px;
	background:url(../svg/svg_androom_logo2.svg) no-repeat center top !important;
	background-size:auto 58px !important;
}

/*  -------------------------------BASIC------------------------------- */
*{
	margin:0;
	padding:0;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
html{
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}
body{
	padding:0;
	margin:0;
	background:#fff;
}
img, object{
	border:none;
	vertical-align:bottom;
}
object {
	pointer-events:none;
}


/*  -------------------------------MENU BUTTON------------------------------- */
.btn {
	position: fixed;
	top:0;
	right:0;
	width: 48px;
	height: 48px;
	z-index: 12;
	background-color:rgba(255,255,255,0.85);
	border:none;
	border-radius:0;
	padding:0;
	margin:0;
	text-align:left;
	outline:none;
}
.btn-line{
	display:block;
	position:relative;
	width:70%;
	height:5px;
	background-color:rgba(0,0,0,0.5);
	transition:0.2s;
	margin:0 auto;
}
.btn-line::before,
.btn-line::after{
 	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	transition:0.2s;
}
.btn-line::before{
	transform:translateY(-10px);
}
.btn-line::after{
	transform:translateY(10px);
}
.btn-line.open {
	background-color:transparent;
}
.btn-line.open::before, .btn-line.open::after{
	content:"";
	background-color:#333;
	transition:0.2s;
}
.btn-line.open::before{
	transform:rotate(45deg);
}
.btn-line.open::after{
	transform:rotate(-45deg);
}

/*  -------------------------------GLOBAL MENU------------------------------- */
.globalmenu{
	position: fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100vh;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	box-sizing:border-box;
	padding:12px 15px 120px;
	margin-left: auto;
	z-index:11;
	background:url(../svg/svg_bg_gm.svg) no-repeat center;
	background-size:450px auto;
 	background-color:rgba(75,190,180,0.95);
	opacity:0;
	transition:0.3s;
}
.globalmenu.open{
	right:0;
	opacity:1;
}
.globalmenu .gm_title{
	color:#fff;
	font-size:28px;
	font-family:'Oswald', sans-serif;
	letter-spacing:1px;
	text-align:center;
	padding-bottom:6px;
	border-bottom:solid 1px rgba(255,255,255,0.5);
}
.globalmenu li{
	list-style-type:none;
}
.gm_basic li{
	width:100%;
	box-sizing:border-box;
	display: flex;
	margin:12px 0 0;
}
.gm_basic li a{
	display:inline-block;
	width:100%;
	height:100%;
	padding:12px 10px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	color:#333;
	line-height:1.2;
	background:url(../svg/svg_icon_arrow.svg) no-repeat 9px center;
	background-size:12px 12px;
	background-color:rgba(255,255,255,0.85);
	border-radius:3px;
}
.gm_basic li a.linefriend{
	background:url(../svg/svg_icon_line.svg) no-repeat 9px center;
	background-size:30px 30px;
	background-color:rgba(255,255,255,0.85);
	color:rgba(0,185,0,1);
	font-weight:bold;
	font-size:13px;
}
.gm_basic a span{
	font-size:11px;
}
.gm_roomlist{
	margin:40px 0 0;
	color:#fff;
	text-align:center;
	font-size:11px;
	letter-spacing:1px;
	font-family: 'Oswald', sans-serif;
	padding-top:15px;
	border-top:solid 1px rgba(255,255,255,0.5);
}
.gm_rooms{
	padding:20px 0 0;
	text-align:center;
}
.gm_rooms li{
	width:100px;
	box-sizing:border-box;
	text-align:center;
	vertical-align: top; 
	display:inline-block;
	margin:0 3px 15px;
}
.gm_rooms a{
	display:inline-block;
	width:100px;
	min-height:135px;
	color:#fff;
	text-decoration:none;
	line-height:1.1;
	font-size:11px;
	font-weight:500;
}
.gm_rooms span{
	display:block;
	float:left;
	font-family: 'Oswald', sans-serif;
	font-size:11px;
	padding-left:6px;
	opacity:0.7;
}
.gm_rooms div span{
	display:block;
	width:50px;
	box-sizing:border-box;
	border-radius:8px;
	opacity:1;
	padding:2px 8px;
	margin:75px 0 0 8px;
	background:rgba(255,255,255,0.85);
	color:#666;
	text-align:center;
	font-size:10px;
	}
.gm_rooms li div{
	width:90px;
	height:90px;
	box-sizing:border-box;
	background-color:#666;
	background-repeat:no-repeat, no-repeat;
	background-position:center, center;
	background-size:90px auto, 90px 90px;
	border-radius:45px;
	margin:0 auto 5px;
}
.gm_01 div{
	background-image:url(../svg/svg_icon01.svg), url(../img/menu01.jpg);
}
.gm_02 div{
	background-image:url(../svg/svg_icon02.svg), url(../img/menu02.jpg);
}
.gm_03 div{
	background-image:url(../svg/svg_icon03.svg), url(../img/menu03.jpg);
}
.gm_04 div{
	background-image:url(../svg/svg_icon04.svg), url(../img/menu04.jpg);
}
.gm_05 div{
	background-image:url(../svg/svg_icon05.svg), url(../img/menu05.jpg);
}
.gm_06 div{
	background-image:url(../svg/svg_icon06.svg), url(../img/menu06.jpg);
}
.gm_07 div{
	background-image:url(../svg/svg_icon07.svg), url(../img/menu07.jpg);
}
.gm_08 div{
	background-image:url(../svg/svg_icon08.svg), url(../img/menu08.jpg);
}
.gm_09 div{
	background-image:url(../svg/svg_icon09.svg), url(../img/menu09.jpg);
}
.gm_10 div{
	background-image:url(../svg/svg_icon10.svg), url(../img/menu10.jpg);
}
.gm_11 div{
	background-image:url(../svg/svg_icon11.svg), url(../img/menu11.jpg);
}
.gm_12 div{
	background-image:url(../svg/svg_icon12.svg), url(../img/menu12.jpg);
}
.gm_13 div{
	background-image:url(../svg/svg_icon13.svg), url(../img/menu13.jpg);
}
.gm_14 div, .gm_15 div{
	background-image:url(../svg/svg_icon_planning.svg);
}
.gm_nisshojp{
	display:block;
	width:100%;
	margin:20px 0 0;
	padding:15px 0 0;
	border-top:solid 1px rgba(255,255,255,0.5);
	text-decoration:none;
	text-align:center;
	font-size:10px;
	color:#fff;
}
.gm_nisshojp span{
	display:block;
	height:32px;
	margin:3px 0 15px;
	text-indent:-9999px;
	background:url(../svg/svg_nisshojp_white.svg) no-repeat center;
	background-size:auto 32px;
}
/* メニュー表示中は背面スクロール禁止 */
html.is-fixed, html.is-fixed body{
	overflow:hidden;
}

/*  -------------------------------FOOTER------------------------------- */
footer{
	background:#000;
	color:#fff;
	text-align:center;
	padding:0 5% 25px;
}
footer .back_to_top{
	display:block;
	width:100px;
	height:70px;
	margin:0 auto;
	background:url(../svg/svg_backtop.svg) no-repeat center top;
	background-size:auto 55px;
	text-indent:-9999px;
}
footer .nissho{
	display:block;
	width:60%;
	height:40px;
	background:url(../svg/svg_nissho_logo.svg) no-repeat center;
	background-size:auto 40px;
	text-indent:-9999px;
	margin:20px auto 10px;
}
footer p{
	font-size:10px;
}

 /*  -------------------------------LINE------------------------------- */
 .content_line{
	background:rgba(70,120,70,1);
	padding:5px 15px 20px;
 }
  .content_line .gm_basic li a.linefriend{
	background-color:#fff;
}


/*  -------------------------------LAYOUT------------------------------- */
.mt60{
	margin-top:60px;
}