/*popup*/
#game {text-align:center; border:2px solid #f2f93f; background:url(../img/game/bg.jpg) no-repeat center center; background-size: cover;}
#game #mainbox {width:90%; height:auto; margin:10px auto; padding:0 0 1.5em;}

#game {position:absolute;left:50%; z-index:5800 !important;}
#game h1{width:411px; height:56px; background:url(../img/game/ttl.png) no-repeat; background-size: contain; margin:1em auto 0;}
#game #mainbox p.qtxt {font-size:3.5rem; padding:2.5em 0 2em; letter-spacing:.2em; line-height:1.4;}
#game #mainbox p.ctxt {font-size:95%; text-align:left; line-height:1.4; padding:.5em 0 2em;}
#game #mainbox ul{width:90%; margin:1em auto;}
#game #mainbox ul li{display:inline-block; font-size:2.5rem; width:120px; margin:0 20px;}
#game #mainbox ul li a {display:block; width:120px; line-height:120px; height:120px; border-radius:50%; text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#game #mainbox ul li a:hover,#game a.share:hover,#game #mainbox span.btn_top a:hover{text-decoration:none; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

#game #mainbox ul li.yes a{background-color:#ff1ffe;
background-image: linear-gradient(19deg, #FEE140 0%, #ff1ffe 100%);
}
#game #mainbox ul li.no a{background-color:#25feff;
background-image: linear-gradient(19deg, #25feff 0%, #B721FF 100%);
}
#game #mainbox span.btn_top a {color:#f2f93f;  padding:1em 0 0; display:inline-block; font-size:110%;}
#type{width:600px; height:330px; margin:1em auto 0; background-size: cover; position: relative;}
.uehara{background-image:url(../img/game/uehara.png);}
.amekawa{background-image:url(../img/game/amekawa.png);}
.tomioka{background-image:url(../img/game/tomioka.png);}
.tougane{background-image:url(../img/game/tougane.png);}
.yoshioka{background-image:url(../img/game/yoshioka.png);}
.hada{background-image:url(../img/game/hada.png);}
.oyaji{background-image:url(../img/game/oyaji.png);}
.hanabayashi{background-image:url(../img/game/hanabayashi.png);}

#game a.share{display:block; width:321px; height:73px; background:#00f9f9 url(../img/game/share.png) no-repeat center center; margin:.5em auto; background-size: cover; border-radius:10px; box-shadow:3px 4px 0 rgba(17,17,17,0.5);
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

#game .btn-w-close a{display:block; width:135px; height:31px; background:url(../img/chart/close.png) no-repeat; margin:.5em 1em 1em auto; background-size: cover;}
#game .btn-w-close a{cursor:pointer;}

@media all and (min-width: 768px) {
#game {width:680px;margin-left:-340px;}
}

@media all and (max-width: 767px) {
#game {width:90%; margin-left:-45%;}
#game #mainbox p.qtxt {font-size:2.7rem; letter-spacing:.1em;}
#game .btn-w-close a{width:90px; height:21px;}
#game h1 {width:95%; height:0; padding:12.944% 0 0;}
#game #mainbox ul{width:85%; margin:1.5em auto;}
#game #mainbox ul li{display:inline-block; font-size:2.5rem; width:100px; margin:0 10px;}
#game #mainbox ul li a {display:block; width:100px; line-height:100px; height:100px;}
#type{width:100%; height:0; padding:55% 0 0;}
#type img{position:absolute;left:0;top:0; width:100%; height:100%;}
#game #mainbox p.ctxt {padding:.5em 0 1em;}
#game a.share{width:75%; height:0; padding:17% 0 0; background-size: cover;}
}