@charset "UTF-8";

/*　2014年版（PCのみ）を改訂　（2019.02.20 - 2019.03.04）　*/

@import url(../../shared/css/style.css);
@import url(../../shared/css/elements.css);
@import url(muse06.css);



/*INDEXページ------*/
.index_img {
width:800px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.blink_class{
    -webkit-animation:blink 2.0s step-end infinite alternate;
    -moz-animation:blink 2.0s step-end infinite alternate;
    animation:blink 2.0s step-end infinite alternate;
		
		display: block;
		width:149px;
		height: 149px;
		border-radius: 50%;
		background-color: rgba(255,225,225,0.2);
		position: absolute;
		left:326px;
		top:149px;
}
/* 点滅 */
@-webkit-keyframes blink{
    34%,66%,100% {opacity:0;}
    0%,33%,67%,99% {opacity:1;}
}
@-moz-keyframes blink{
    34%,66%,100% {opacity:0;}
    0%,33%,67%,99% {opacity:1;}
}
@keyframes blink{
    34%,66%,100% {opacity:0;}
    0%,33%,67%,99% {opacity:1;}
}

/*追加分*/
.lead_pc {
	position: absolute;
	top: 510px;
	left: 50%;
	width: 800px;
	transform: translateX(-50%);
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-indent: 0;
	margin-bottom: 0;
}
.indexPage .btn_pc {
	display: flex;
	justify-content: space-between;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	padding-bottom: 50px;
}
.indexPage .btn_pc li {
	list-style: none;
	background: #fff;
	border-radius: 12px;
}
.indexPage .btn_pc a {
	display: block;
	background: #F2871F;
	border-radius: 12px;
	width: 350px;
	height: 58px;
	line-height: 58px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	box-shadow: 0px 0px 10px #fff;
}
.indexPage .btn_pc a:hover {
	opacity: .7
}
/*追加分ここまで*/


/*-----------------------------------------
	インジケーターの色
	*赤　正解：class="indiOk"
	*青　間違い：class="indiNg"
-----------------------------------------*/
img	{border:none;border-style:none;}
a img {border-style:none;}
a{outline: none;}
a:focus{outline: none;}
.noborder { border:none; outline:none; }

#how,
#btnA,#btnB,#btnC,
#btnQuestion,#btnComment,#btnSkip,#btnEnd	{
	cursor:pointer;
}





/*あそび方ページ------*/
#manual {
padding-bottom: 20px;
}
#manual .contents{
	text-align:left;
	color:#fff;
	margin:0 auto;
	display:inline-block;
}
#manual img{
	vertical-align:middle;
}
#manual h1,#manual .fig{
	margin-top:1.5em;
}
#manual dl{
	margin-top:1em;
}
#manual dl dt{
	margin-bottom:1em;
}
#manual dl dd{
	margin-bottom:0.5em;
	margin-left:1.5em;
}
#manual dl dd strong{
	font-size:120%;
	color:#00CCFF;
}
#manual .cls{
	margin-top:50px;
	text-align:center;
}
#manual dl.indicator dd {
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	padding-left: 25px;
	background-image: url(../images/indicator.png);
	background-repeat: no-repeat;
}
#manual dl.indicator dd.green {
	background-position: left bottom;
}
#manual dl.indicator dd.red {
	background-position: left top;
}
#manual dl.indicator dd.blue {
	background-position: left center;
}

/*ムービー*/
#movie		{
	position:absolute;
	left : 213px;
	top : 15px;
	width : 518px;
	height : 480px;
}
/*あそび方*/
#how		{
	position:absolute;
	left : 93px;
	top : 42px;
	width : 109px;
}
#how a	{
	background:url(../images/btn.png)no-repeat 0 0;
	width : 109px;
	height : 34px;
	display:block;
	text-indent:-9999px;
}

#flashGame {
	position: relative;
}
#flashGame a.howto {
	position: absolute;
	display: block;
	left: 41px;
	top: 150px;
	width: 124px;
	height: 27px;
	text-indent: -9999px;
	overflow: hidden;
}

/*答え*/
#btnTxt {
	position:absolute;
	background:url(../images/btn.png)no-repeat 0 -100px;
	left : 743px;
	top : 103px;
	width : 109px;
	height : 18px;
}

/*ボタンA*/
#btnA		{
	position:absolute;
	background:url(../images/btn.png)no-repeat 0 -150px;
	left : 743px;
	top : 130px;
	width : 109px;
	height : 34px;
}

/*ボタンB*/
#btnB		{
	position:absolute;
	background:url(../images/btn.png)no-repeat 0 -200px;
	left : 743px;
	top : 181px;
	width : 109px;
	height : 34px;
}

/*ボタンC*/
#btnC		{
	position:absolute;
	background:url(../images/btn.png)no-repeat 0 -250px;
	left : 743px;
	top : 231px;
	width : 109px;
	height : 34px;
}

/*問題を見る*/
#btnQuestion		{
	position:absolute;
	background:url(../images/btn.png)no-repeat 0 -350px;
	left : 743px;
	top : 324px;
	width : 126px;
	height : 51px;
}

/*解説を見る*/
#btnComment		{
	position:absolute;
	background:url(../images/btn.png)no-repeat 0 -450px;
	left : 743px;
	top : 387px;
	width : 126px;
	height : 51px;
}

/*スキップ*/
#btnSkip, #btnEnd		{
	position:absolute;
	background:url(../images/btn.png)no-repeat 0 -550px;
	left : 743px;
	top : 450px;
	width : 126px;
	height : 34px;
}

/*正解の数*/
#indicatorTxt		{
	position:absolute;
	background:url(../images/btn.png)no-repeat 0 -50px;
	left : 743px;
	top : 24px;
	width : 109px;
	height : 18px;
}

/*インジケーター1*/
#indicator01		{
	background:url(../images/indicator.png)no-repeat 0 -100px;
	position:absolute;
	left : 743px;
	top : 52px;
	width : 24px;
	height : 24px;
}

/*インジケーター2*/
#indicator02		{
	background:url(../images/indicator.png)no-repeat 0 -100px;
	position:absolute;
	left : 770px;
	top : 52px;
	width : 24px;
	height : 24px;
}

/*インジケーター3*/
#indicator03		{
	background:url(../images/indicator.png)no-repeat 0 -100px;
	position:absolute;
	left : 798px;
	top : 52px;
	width : 24px;
	height : 24px;
}

/*インジケーター4*/
#indicator04		{
	background:url(../images/indicator.png)no-repeat 0 -100px;
	position:absolute;
	left : 826px;
	top : 52px;
	width : 24px;
	height : 24px;
}

/*正解*/
#indicator01.indiOk,
#indicator02.indiOk,
#indicator03.indiOk,
#indicator04.indiOk		{
	background:url(../images/indicator.png)no-repeat 0 top;
}

/*間違い*/
#indicator01.indiNg,
#indicator02.indiNg,
#indicator03.indiNg,
#indicator04.indiNg		{
	background:url(../images/indicator.png)no-repeat 0 -50px;
}
.indicator ul,.indicator ul li{
	list-style:none;
}
#flashGame {
	width: 590px;
	height: 460px;
	margin: 0 auto;
	padding-top: 90px;
	padding-left: 210px;
	background-image: url(../images/game_base.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



/*ending*/
.forSP {
display: none;
}

/*cast*/
#wrapper.cast {
	background-color: #000033;
}