@charset "utf-8";

.sns-ex-game-maze .main-image { position: relative; }
.sns-ex-game-maze .main-image .option-view { display: none; }
.sns-ex-game-maze .main-image .option-view.show { display: block; }
.sns-ex-game-maze .main-image .clear-view { display: none; }
.sns-ex-game-maze .main-image .clear-view.show { display: block; }
.sns-ex-game-maze .main-image .clear-view .button-back { position: absolute; left: 30px; bottom: 20px; }
.sns-ex-game-maze .main-image .clear-view .button-next { position: absolute; right: 30px; bottom: 20px; }
.sns-ex-game-maze .main-image .mission-clear-view { display: none; }
.sns-ex-game-maze .main-image .mission-clear-view.show { display: block; }
.sns-ex-game-maze .caption-game.hide { display: none; }
.sns-ex-game-maze .caption-clear { display: none; }
.sns-ex-game-maze .caption-clear.show { display: block; }
.sns-ex-game-maze .back-top.hide { display: none; }
.sns-ex-game-maze .main-image .container { width: 100%; height: auto; }
.sns-ex-game-maze .main-image .contents { width: 100%; height: auto; background-color: #aae6ff; margin: 0 0 80px 0; }
.sns-ex-game-maze .main-image .start { margin: 0 0 10px 0; }

*:before, *:after { box-sizing: inherit; }

#main .main-image img.hina { all: initial; line-height: inherit; height: auto; }
#main .main-image img.button { all: initial; line-height: inherit; height: auto; }

/* ================================================== 600px未満（ スマートフォン用 ）専用設定 */
@media screen and (max-width:599px){
    #main .main-image img.hina { all: initial; width: 20%; }
    #main .main-image img.button { all: initial; width: 80%; }
}

#game-bg {
    max-width: 890px;
	width: 100%;
	height: auto;
	margin: 30px auto 0 auto;
	padding: 20px;
	border: none;
	text-align: center;
	background: no-repeat center url("../images/sns-ex/game-maze/bg_map.png");
	background-size: cover;
}

.gameframe{
    position:relative;
	padding-top:56.25%;
	overflow:hidden;
	width: 100%;
	background-color: #000;
	user-select: none;
	-webkit-overflow-scrolling:touch;
	border: none;
}
.gameframe iframe{
    position:absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	border: none;
	overflow:hidden; 
	background-color: #000;
	user-select: none;
    display:block;
}