@charset "utf-8";

body#lab {
	background: url(../img/bg_main.jpg) no-repeat top center fixed #000;
}

/* ------------------------------------- /
/   Header
/* ------------------------------------- */

body#lab header {
	text-align: center;
	height: 280px;
	background: url(../img/header01.jpg) center top;
}

body#lab header div.lBox h1 {
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	height:190px;
}

body#lab header div.sBox {
	display: none;
}

body#lab div.navBox {
	position: absolute;
	top: 190px;
}


/***** Gnav *****/

body#lab li.mainBtn04 {
	background: url(../img/btn_main04.png) 2px;
} /*アクティブページには別画像を設定*/


/* ------------------------------------- /
/   Main
/* ------------------------------------- */

body#lab h2 {
	background: url(../lab/img/h2.png) center no-repeat;
	height: 106px;
	text-indent: -9999px;
	margin-top: 0;
}

body#lab h3.ttlLab01,body#lab h3.ttlLab02,body#lab h3.ttlLab03,body#lab h3.ttlLab04,body#lab h3.ttlLab05,body#lab h3.ttlLab06,body#lab h3.ttlLab07,body#lab h3.ttlLab08,body#lab h3.ttlLab09,body#lab h3.ttlLab10,body#lab h3.ttlLab11,body#lab h3.ttlLab12,body#lab h3.ttlLab13,body#lab h3.ttlLab14,body#lab h3.ttlLab15,body#lab h3.ttlLab16,body#lab h3.ttlLab17,body#lab h3.ttlLab18,body#lab h3.ttlLab19,body#lab h3.ttlLab20,body#lab h3.ttlLab21,body#lab h3.ttlLab22,body#lab h3.ttlLab23,body#lab h3.ttlLab24,body#lab h3.ttlLab25,body#lab h3.ttlLab26,body#lab h3.ttlLab27,body#lab h3.ttlLab28,body#lab h3.ttlLab29,body#lab h3.ttlLab30,body#lab h3.ttlLab31,body#lab h3.ttlLab32,body#lab h3.ttlLab33,body#lab h3.ttlLab34,body#lab h3.ttlLab35,body#lab h3.ttlLab36,body#lab h3.ttlLab37,body#lab h3.ttlLab38,body#lab h3.ttlLab39,body#lab h3.ttlLab40,body#lab h3.ttlLab41,body#lab h3.ttlLab42,body#lab h3.ttlLab43,body#lab h3.ttlLab44,body#lab h3.ttlLab45,body#lab h3.ttlLab46,body#lab h3.ttlLab47,body#lab h3.ttlLab48,body#lab h3.ttlLab49,body#lab h3.ttlLab50,body#lab h3.ttlLab51,body#lab h3.ttlLab52,body#lab h3.ttlLabgeki01,body#lab h3.ttlLabgeki02,body#lab h3.ttlLabgeki03,body#lab h3.ttlLabgeki04,body#lab h3.ttlLabgeki05,body#lab h3.ttlLabgeki06,body#lab h3.ttlLabgeki07,body#lab h3.ttlLabgeki08,body#lab h3.ttlLabgeki09,body#lab h3.ttlLabgeki10,body#lab h3.ttlLabgeki11,body#lab h3.ttlLabgeki12,body#lab h3.ttlLabgeki13,body#lab h3.ttlLabgeki14,body#lab h3.ttlLabgeki15,body#lab h3.ttlLabgeki16 {
	text-indent: -9999px;
	height: 60px;
}

body#lab h3.ttlLab01 {
	background: url(../lab/img/h3_01.jpg);
}

body#lab h3.ttlLab02 {
	background: url(../lab/img/h3_02.jpg);
}

body#lab h3.ttlLab03 {
	background: url(../lab/img/h3_03.jpg);
}

body#lab h3.ttlLab04 {
	background: url(../lab/img/h3_04.jpg);
}

body#lab h3.ttlLab05 {
	background: url(../lab/img/h3_05.jpg);
}

body#lab h3.ttlLab06 {
	background: url(../lab/img/h3_06.jpg);
}

body#lab h3.ttlLab07 {
	background: url(../lab/img/h3_07.jpg);
}

body#lab h3.ttlLab08 {
	background: url(../lab/img/h3_08.jpg);
}

body#lab h3.ttlLab09 {
	background: url(../lab/img/h3_09.jpg);
}

body#lab h3.ttlLab10 {
	background: url(../lab/img/h3_10.jpg);
}

body#lab h3.ttlLab11 {
	background: url(../lab/img/h3_11.jpg);
}

body#lab h3.ttlLab12 {
	background: url(../lab/img/h3_12.jpg);
}

body#lab h3.ttlLab13 {
	background: url(../lab/img/h3_13.jpg);
}

body#lab h3.ttlLab14 {
	background: url(../lab/img/h3_14.jpg);
}

body#lab h3.ttlLab15 {
	background: url(../lab/img/h3_15.jpg);
}

body#lab h3.ttlLab16 {
	background: url(../lab/img/h3_16.jpg);
}

body#lab h3.ttlLab17 {
	background: url(../lab/img/h3_17.jpg);
}

body#lab h3.ttlLab18 {
	background: url(../lab/img/h3_18.jpg);
}

body#lab h3.ttlLab19 {
	background: url(../lab/img/h3_19.jpg);
}

body#lab h3.ttlLab20 {
	background: url(../lab/img/h3_20.jpg);
}

body#lab h3.ttlLab21 {
	background: url(../lab/img/h3_21.jpg);
}

body#lab h3.ttlLab22 {
	background: url(../lab/img/h3_22.jpg);
}
body#lab h3.ttlLab23 {
	background: url(../lab/img/h3_23.jpg);
}
body#lab h3.ttlLab24 {
	background: url(../lab/img/h3_24.jpg);
}
body#lab h3.ttlLab25 {
	background: url(../lab/img/h3_25.jpg);
}
body#lab h3.ttlLab26 {
	background: url(../lab/img/h3_26.jpg);
}
body#lab h3.ttlLab27 {
	background: url(../lab/img/h3_27.jpg);
}
body#lab h3.ttlLab28 {
	background: url(../lab/img/h3_28.jpg);
}
body#lab h3.ttlLab29 {
	background: url(../lab/img/h3_29.jpg);
}
body#lab h3.ttlLab30 {
	background: url(../lab/img/h3_30.jpg);
}
body#lab h3.ttlLab31 {
	background: url(../lab/img/h3_31.jpg);
}
body#lab h3.ttlLab32 {
	background: url(../lab/img/h3_32.jpg);
}
body#lab h3.ttlLab33 {
	background: url(../lab/img/h3_33.jpg);
}
body#lab h3.ttlLab34 {
	background: url(../lab/img/h3_34.jpg);
}
body#lab h3.ttlLab35 {
	background: url(../lab/img/h3_35.jpg);
}
body#lab h3.ttlLab36 {
	background: url(../lab/img/h3_36.jpg);
}
body#lab h3.ttlLab37 {
	background: url(../lab/img/h3_37.jpg);
}
body#lab h3.ttlLab38 {
	background: url(../lab/img/h3_38.jpg);
}
body#lab h3.ttlLab39 {
	background: url(../lab/img/h3_39.jpg);
}
body#lab h3.ttlLab40 {
	background: url(../lab/img/h3_40.jpg);
}
body#lab h3.ttlLab41 {
	background: url(../lab/img/h3_41.jpg);
}
body#lab h3.ttlLab42 {
	background: url(../lab/img/h3_42.jpg);
}
body#lab h3.ttlLab43 {
	background: url(../lab/img/h3_43.jpg);
}
body#lab h3.ttlLab44 {
	background: url(../lab/img/h3_44.jpg);
}
body#lab h3.ttlLab45 {
	background: url(../lab/img/h3_45.jpg);
}
body#lab h3.ttlLab46 {
	background: url(../lab/img/h3_46.jpg);
}
body#lab h3.ttlLab47 {
	background: url(../lab/img/h3_47.jpg);
}
body#lab h3.ttlLab48 {
	background: url(../lab/img/h3_48.jpg);
}
body#lab h3.ttlLab49 {
	background: url(../lab/img/h3_49.jpg);
}
body#lab h3.ttlLab50 {
	background: url(../lab/img/h3_50.jpg);
}
body#lab h3.ttlLab51 {
	background: url(../lab/img/h3_51.jpg);
}
body#lab h3.ttlLab52 {
	background: url(../lab/img/h3_52.jpg);
}
body#lab h3.ttlLabgeki01 {
	background: url(../lab/img/h3_geki_01.jpg);
}
body#lab h3.ttlLabgeki02 {
	background: url(../lab/img/h3_geki_02.jpg);
}
body#lab h3.ttlLabgeki03 {
	background: url(../lab/img/h3_geki_03.jpg);
}
body#lab h3.ttlLabgeki04 {
	background: url(../lab/img/h3_geki_04.jpg);
}
body#lab h3.ttlLabgeki05 {
	background: url(../lab/img/h3_geki_05.jpg);
}
body#lab h3.ttlLabgeki06 {
	background: url(../lab/img/h3_geki_06.jpg);
}
body#lab h3.ttlLabgeki07 {
	background: url(../lab/img/h3_geki_07.jpg);
}
body#lab h3.ttlLabgeki08 {
	background: url(../lab/img/h3_geki_08.jpg);
}
body#lab h3.ttlLabgeki09 {
	background: url(../lab/img/h3_geki_09.jpg);
}
body#lab h3.ttlLabgeki10 {
	background: url(../lab/img/h3_geki_10.jpg);
}
body#lab h3.ttlLabgeki11 {
	background: url(../lab/img/h3_geki_11.jpg);
}
body#lab h3.ttlLabgeki12 {
	background: url(../lab/img/h3_geki_12.jpg);
}
body#lab h3.ttlLabgeki13 {
	background: url(../lab/img/h3_geki_13.jpg);
}
body#lab h3.ttlLabgeki14 {
	background: url(../lab/img/h3_geki_14.jpg);
}
body#lab h3.ttlLabgeki15 {
	background: url(../lab/img/h3_geki_15.jpg);
}
body#lab h3.ttlLabgeki16 {
	background: url(../lab/img/h3_geki_16.jpg);
}

body#lab p.txtN {
	padding-bottom: 20px;
	margin-bottom: 0;
}

nav.labSub {
	background: #6b4004;
	border-radius: 10px;
	padding: 5px;
	width: 605px;
	text-align: center;
	margin: 30px auto 30px auto;
}

nav.labSub ul,nav.labSub li {
	margin: 0;
	padding: 0;
}

body#lab div.row {
	margin-right: 0;
	margin-left: 0;
}

body#lab div.row > div {
	padding: 0 5px 10px 5px;
}
.center{
	text-align:center;
}
.bold{
	font-weight:bold;
}
.top10{
	margin-top:10px;
}
.top-15{
	margin-top:-15px;
}

/*------ゲーム内イベントindex.html--------*/
.old-gameevent li{
	border:none !important;
	float:none !important;
	width:100% !important;
	text-indent:-1em;
	padding-left:1em;
}
.old-gameevent li a{
	color:#000;
	font-size:14px;
}


/* ------------------------------------- /
/   sidebar
/* ------------------------------------- */

body#lab div.subMenu {
	width: 200px;
	margin: 20px 0 0 20px;
	padding: 30px 10px 10px 10px;
	border: solid 2px #ada38f;
	border-radius: 5px;
	background: url(../img/bg_side.jpg);
	position: absolute;
	right: 0;
	color: #FFF;
}


/*--------切り替えボタン----------*/
nav.kouryakuNav {
	background: url(../cards/img/bg_nav_cards.jpg) no-repeat;
	margin: 0 0 0px 0;
	padding: 10px 30px 0 30px;
	height:70px;
}

nav.kouryakuNav p img {
	display: none;
}

nav.kouryakuNav p.game-event,
nav.kouryakuNav p.lab,
nav.kouryakuNav p a {
	display: block;
	width: 300px;
	height: 50px;
}

nav.kouryakuNav p.game-event,
nav.kouryakuNav p.game-event a.hover-on:hover {
    float: left;
    margin-right: 20px;
    background: url(../lab/img/btn_game_event_on.png) 0 -50px;
}

nav.kouryakuNav p.game-event a.hover-on {
	background: url(../lab/img/btn_game_event.png);
}

nav.kouryakuNav p.lab,
nav.kouryakuNav p.lab a.hover-on:hover {
	float: left;
	margin-right: 0;
	background: url(../lab/img/btn_lab_on.png) 0 -50px;
}

nav.kouryakuNav p.lab a.hover-on {
	background: url(../lab/img/btn_lab.png);
}



@media screen and (max-width: 767px) { /* 767px以下の場合 */

/* ------------------------------------- /
/   Header
/* ------------------------------------- */

body#lab header {
	text-align: center;
	height: auto;
	background: none;
}

body#lab header div.lBox {
	display: none;
}

body#lab header div.sBox {
	display: block;
}

body#lab div.navBox {
	position: static;
}


/***** Gnav *****/

body#lab li.mainBtn04 {
	text-indent: 0;
	margin: 0;
	width: 50%;
	height: 50px;
	float: left;
	text-align: center;
	background: url(../img/ico_kab.png),-webkit-gradient(linear, left top, left bottom, from(#972715), to(#2a0802));
    background: url(../img/ico_kab.png),-moz-linear-gradient(top, #972715, #2a0802);
    background: url(../img/ico_kab.png),-ms-linear-gradient(top, #972715, #2a0802);
    background: url(../img/ico_kab.png),linear-gradient(top, #972715, #2a0802);
    background-repeat:no-repeat;
    background-position: right bottom;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	line-height: 120%;
	color: #f6f773;
	display: table;
} /*アクティブページには別画像を設定(PC)したので、スマホ用は元に戻す*/


/* ------------------------------------- /
/   Main
/* ------------------------------------- */

body#lab {
	background: none #000;
}

body#lab h2 {
	background: url(../lab/img/h2_s.jpg);
	width: 100%;
	height: 0;
	padding-top: 18.2%;
	background-size: cover;
}

body#lab h3.ttlLab01,body#lab h3.ttlLab02,body#lab h3.ttlLab03,body#lab h3.ttlLab04,body#lab h3.ttlLab05,body#lab h3.ttlLab06,body#lab h3.ttlLab07,body#lab h3.ttlLab08,body#lab h3.ttlLab09,body#lab h3.ttlLab10,body#lab h3.ttlLab11,body#lab h3.ttlLab12,body#lab h3.ttlLab13,body#lab h3.ttlLab14,body#lab h3.ttlLab15,body#lab h3.ttlLab16,body#lab h3.ttlLab17,body#lab h3.ttlLab18,body#lab h3.ttlLab19,body#lab h3.ttlLab20,body#lab h3.ttlLab21,body#lab h3.ttlLab22,body#lab h3.ttlLab23,body#lab h3.ttlLab24,body#lab h3.ttlLab25,body#lab h3.ttlLab26,body#lab h3.ttlLab27,body#lab h3.ttlLab28,body#lab h3.ttlLab29,body#lab h3.ttlLab30,body#lab h3.ttlLab31,body#lab h3.ttlLab32,body#lab h3.ttlLab33,body#lab h3.ttlLab34,body#lab h3.ttlLab35,body#lab h3.ttlLab36,body#lab h3.ttlLab37,body#lab h3.ttlLab38,body#lab h3.ttlLab39,body#lab h3.ttlLab40,body#lab h3.ttlLab41,body#lab h3.ttlLab42,body#lab h3.ttlLab43,body#lab h3.ttlLab44,body#lab h3.ttlLab45,body#lab h3.ttlLab46,body#lab h3.ttlLab47,body#lab h3.ttlLab48,body#lab h3.ttlLab49,body#lab h3.ttlLab50,body#lab h3.ttlLab51,body#lab h3.ttlLab52,body#lab h3.ttlLabgeki01,body#lab h3.ttlLabgeki02,body#lab h3.ttlLabgeki03,body#lab h3.ttlLabgeki04,body#lab h3.ttlLabgeki05,body#lab h3.ttlLabgeki06,body#lab h3.ttlLabgeki07,body#lab h3.ttlLabgeki08,body#lab h3.ttlLabgeki09,body#lab h3.ttlLabgeki10,body#lab h3.ttlLabgeki11,body#lab h3.ttlLabgeki12,body#lab h3.ttlLabgeki13,body#lab h3.ttlLabgeki14,body#lab h3.ttlLabgeki15,body#lab h3.ttlLabgeki16 {
	text-indent: 0;
	background: url(../lab/img/bg_h3.jpg);
	height: auto;
	border: solid 2px #535353;
	border-radius: 5px;
}


nav.labSub {
	border-radius: 5px;
	padding: 5px;
	width: 100%;
	text-align: center;
	margin: 20px 0;
}

nav.labSub ul {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffff9a), color-stop(0.00, #FFFFFF));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #ffff9a 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #ffff9a 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #ffff9a 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #ffff9a 100%);
	background: linear-gradient(top, #FFFFFF 0%, #ffff9a 100%);
	overflow: hidden;
	border-radius: 5px;
	border: solid 1px #000;
}

nav.labSub li {
	width: 50%;
	float: left;
	padding: 5px;
	min-height: 35px;
}

nav.labSub li:first-child {
	border-right: solid 1px #000;
}

nav.labSub li img {
	display: none;
}

nav.labSub li:first-child {
	border-radius: 5px 0 0 5px;
}

nav.labSub li:nth-child(2) {
	border-radius: 0 5px 5px 0;
}

nav.labSub li a {
	display: block;
	width: 100%;
}

nav.labSub li.btnLab01r a:after,nav.labSub li.btnLab02r a:after,nav.labSub li.btnLab03r a:after {
	content: "次へ →";
}

nav.labSub li.btnLab02l a:after,nav.labSub li.btnLab03l a:after {
	content: "← 前へ";
}

/* ------------------------------------- /
/   sidebar
/* ------------------------------------- */

body#lab div.subMenu {
	width: 100%;
	margin: 0;
	padding: 10px;
	border: solid 2px #ada38f;
	border-radius: 5px;
	background: #30250e;
	position: relative;
	float: none;
	color: #FFF;
	margin-bottom: 10px;
}

body#lab dl.accordion dt {
	text-align: left;
	border: none;
	background: url(../img/ico_arw.png) no-repeat left;
	padding-left: 20px;
	cursor: pointer;
	color: #06acdc;
	font-weight: normal;
	margin-bottom: 5px;
}

body#lab dl.accordion ul {
	margin-left: 20px;
	margin-bottom: 0;
	overflow: hidden;
}

body#lab dl.accordion li {
	background: url(../img/ico_circle.png) no-repeat left 2px;
	padding: 0 0 0 20px;
	margin-right: 0;
	float: none;
	line-height:160%;
}


.xs-left-80{
	margin-left:80px;
}


/*--------切り替えボタン---*/
nav.kouryakuNav {
	background: url(../cards/img/bg_nav_cards.jpg) no-repeat;
	background-size: contain;
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;
	height:40px;
}

nav.kouryakuNav p img{
	display: block;
}

nav.kouryakuNav p.game-event,
nav.kouryakuNav p.lab {
	display: block;
	width: 49%;
	height: auto;
}

nav.kouryakuNav p.game-event,
nav.kouryakuNav p.game-event a:hover {
	float: left;
	margin-right: 2%;
	background: none;
}

nav.kouryakuNav p.game-event a,
nav.kouryakuNav p.lab a {
	width: 100%;
	height: auto;
	background: none;
}

nav.kouryakuNav p.lab,
nav.kouryakuNav p.lab a:hover {
	float: left;
	margin-right: 0;
	background: none;
}
nav.kouryakuNav p.lab a.hover-on,
nav.kouryakuNav p.lab a.hover-on:hover {
	background:none;
}
nav.kouryakuNav p.game-event a.hover-on,
nav.kouryakuNav p.game-event a.hover-on:hover{
	background:none;
}
	


}


.isurugi{
	margin-top:60px;
}
.ttl06{
	padding:7px 0 6px;
	background:rgba(105,178,229,1.00);
	font-size:16px;
	margin-bottom:20px;
	margin-top:30px;
}
.ttl07{
	padding:7px 0 6px;
	background:rgba(97,193,95,1.00);
	font-size:16px;
	margin-bottom:20px;
	margin-top:30px;
}
.ttl08{
	padding:7px 0 6px;
	background:rgba(255,156,70,1.00);
	font-size:16px;
	margin-bottom:20px;
	margin-top:30px;
}
.ttl09{
	padding:7px 0 6px;
	background:rgba(218,148,229,1.00);
	font-size:16px;
	margin-bottom:20px;
	margin-top:30px;
}
.ttl10{
	padding:3px 0 3px;
	border:solid 3px #D30003;
	font-size:15px;
	margin-bottom:20px;
}
.ttl11{
	padding:3px 0 3px;
	border:solid 3px #0023CB;
	font-size:15px;
	margin-bottom:20px;
}
.ttl12{
	padding:7px 0 5px;
	xbackground:rgba(255,189,191,1.00);
	font-size:20px;
	margin-bottom:20px;
	text-shadow:rgba(67,0,1,1.00) 0px px 1px;
	color:rgba(231,8,11,1.00);
	background: #fff2f2; /* Old browsers */
background: -moz-linear-gradient(top, #fff2f2 0%, #ffe5e5 44%, #ffb7b7 81%, #ff9e9e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fff2f2 0%,#ffe5e5 44%,#ffb7b7 81%,#ff9e9e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fff2f2 0%,#ffe5e5 44%,#ffb7b7 81%,#ff9e9e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f2', endColorstr='#ff8989',GradientType=0 ); /* IE6-9 */
}
.txt-indent{
	text-indent:-1em;
  padding-left:2em;
	margin-top:-15px;
}

@media screen and (min-width: 767px) { /* 767px以上の場合 */


.labSub .hover-none{
	background:url(../lab/img/01btn_btm01_off.png) no-repeat !important;
}
.mrgl80{
    margin-left: 80px;
}    
}