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










/* Tablet
============= */

/* Ipad Pro Landscape */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {}
/* End Ipad Pro Landscape */





/* Ipad Pro Portrait */
@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {}
/* End Ipad Pro Portrait */




/* Main Layout Tablet */
@media only screen and (max-width:1023px) {
	#header .btn-back {left:15px; }

	#header .game-status {right:15px; }

	#header .game-status .score p,
	#header .game-status .time p {padding-left:0; }
	#header .game-status .score p::before,
	#header .game-status .time p::before {display:none; }



	.before-start .game-page.-quiz .title {margin-top:30px; }


	.question .section .group-btn a {width:calc(50% - 40px); }
}
/* End Main Layout Tablet */

/* End Tablet ------------- */










/* Mobile
============= */

/* Main Layout Mobile Landscape */
@media only screen and (max-width:767px) {
	html .btn-style {width:60%; padding:20px 0; font-size:3rem; }



	#header {height:120px; }


	#header .btn-back {width:40px; padding-left:0; }
	#header .btn-back::before {background:none; }
	#header .btn-back span {display:none; }


	#header .logo-spirit {margin-left:20px; }


	#header .game-status {top:15px; }
	#header .game-status > div {float:none; padding-left:0; padding-top:10px; margin-left:0; font-size:4.6rem; }
	#header .game-status > div:first-child {padding-top:0; }

	#header .game-status > div::before {width:100%; height:1px; }

	#header .game-status .score p {padding-left:50px; }
	#header .game-status .time p {padding-left:44px; }
	#header .game-status .score p::before,
	#header .game-status .time p::before {display:block; }



	.intro {padding-bottom:80px; }
	.intro .item {width:100%; }
	.intro .item + .item {margin-top:40px; }


	.question {margin-top:40px; margin-bottom:80px; }

	.question .section .box-question {font-size:4.4rem; }
	.question .section .box-question p {line-height:1em; }


	.question .section .group-btn a {width:100%; margin:18px 0 0; }
	.question .section .group-btn a:first-child {margin-top:0; }
	.question .section.layout-01 .group-btn a {width:100%; }



	.popup.-hint .inner .items .item {width:100%; margin-top:40px; }
	.popup.-hint .inner .items .item:first-child {margin-top:0; }
}
/* End Main Layout Mobile Landscape */





/* Iphone 6 Plus Landscape  */
@media only screen and (max-width:736px) {}
/* End Iphone 6 Plus Landscape  */





/* Iphone 6 Landscape  */
@media only screen and (max-width:667px) {}
/* End Iphone 6 Landscape  */





/* Galaxy Landscape  */
@media only screen and (max-width:640px) {}
/* End Galaxy Landscape  */





/* Iphone 5 Landscape  */
@media only screen and (max-width:568px) {}
/* End Iphone 5 Landscape  */





/* Main Layout Mobile Portrait */
@media only screen and (max-width:479px) {
	html .btn-style {width:80%; }
	html .btn-style.-gambler {text-indent:40px; }


	#header {height:160px; }

	#header .btn-back {top:15px; }


	#header .group-btn {display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; top:10px; margin-left:15px; }
	#header .logo-ptt {width:80px; }
	#header .logo-spirit {width:100px; height:54px; }


	#header .game-status {width:100%; display:flex; justify-content:center; position:absolute; right:0; top:80px; }
	#header .game-status > div {float:left; padding-left:20px; margin-left:20px; }
	#header .game-status > div::before {width:2px; height:45px; }
	#header .game-status .time {padding-top:0; }



	.game-page.-quiz .title {margin-top:0 !important; }
	.game-page.-quiz .title h2 {font-size:4rem; }
	.before-start .game-page.-quiz .title h2 {font-size:4.3rem; }



	.question {margin-top:40px; }
	.question .question-info {margin-top:140px; }


	.question .section .box-question {font-size:3.8rem; }


	.question .section .group-btn a {font-size:2.6rem; }
	.question .section.layout-02 .group-btn a {font-size:2.6rem; }

	.question .section .video {height:auto; }



	.popup.-hint .inner .items .item .img {float:none; }
	.popup.-hint .inner .items .item .text {width:100%; float:none; margin-top:20px; text-align:center; }


	.popup .inner .btn-style {width:100%; font-size:3.4rem; }

	.popup.-complete .inner .btn-style {width:100%; }
	.popup.-complete .inner .btn-style + .btn-style {margin-top:15px; margin-left:0; }

	.popup.-timeout .inner .btn-style {width:100%; }
	.popup.-timeout .inner .btn-style + .btn-style {margin-top:15px; margin-left:0; }

	.wheel {transform:scale(0.73); transform-origin:left top; margin-bottom:-120px; }
	.popup-wheel .description {width:calc(100% - 30px); padding:30px 0px; margin:0 auto; }

	.popup-wheel .popup .total span {display:block; margin:10px 0; }


	.popup-wheel .popup h2 {font-size:4rem; }
	.popup-wheel .popup p {font-size:2.6rem; }
	.popup-wheel .popup .row p {font-size:2rem; }

	.popup-wheel .popup.-fail .btn-style {width:100%; }
	.popup-wheel .popup.-fail .btn-style + .btn-style {margin-top:15px; margin-left:0; }
}
/* End Main Layout Mobile Portrait */





/* Iphone 6 Plus Portrait */
@media only screen and (max-width:414px) {}
/* End Iphone 6 Plus Portrait */





/* Iphone 6 Portrait */
@media only screen and (max-width:375px) {
	.wheel {transform:scale(0.66); margin-bottom:-140px; }
	.popup-wheel .description {font-size:2.8rem; }
}
/* End Iphone 6 Portrait */





/* Galaxy Portrait */
@media only screen and (max-width:360px) {
	.wheel {transform:scale(0.634); margin-bottom:-160px; }
}
/* End Galaxy Portrait */





/* Iphone 5 Portrait */
@media only screen and (max-width:320px) {
	.wheel {transform:scale(0.562); margin-bottom:-200px; }
}
/* End Iphone 5 Portrait */

/* End Mobile ------------- */