@charset "utf-8";


body{
	line-height: 1.2em;
	text-align:center;
}

/*----------------------------------------
	xml
----------------------------------------*/

#mainPicture{
	width:100%;
	display:block;
}

#bt{
	margin:0 auto 30px;
	text-align:center;
	padding:20px 0 0;
	width:100%;
}

#bt img{
	margin:0;
	padding:0;
	width:100%;
    height:auto;
    max-height:100%;
	max-width:770px;
	text-align:center;
	box-shadow:5px 5px 5px #666;
}



/*----------------------------------------
	box
----------------------------------------*/

.white-base{
	background:#FFF;
	background:url(../images/infro_back_w.png);
	display:block;
	box-shadow:0 0 6px #C93;
	box-shadow:0 5px 6px #666 inset;
	margin-bottom:4%;
	-webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;

}


.topics_wrap{

    padding:1% auto 1.5%;
    width:100%;
    display:block;
	color:#003 !important;
}


/*----------------------------------------
	box
----------------------------------------*/


body{

-webkit-text-size-adjust: 100%;
background:url(../images/bg.jpg) no-repeat;
	background-position:top center;
}

#wrapper{
    width:100%;
    margin:0 auto;
    background:url(../images/main_bg.jpg) repeat-x;
    position:relative;
}

#bg_img{
    background:url(../images/main.jpg) no-repeat;
    background-position:center top;
    width:100%;
    height:664px;
    position:absolute;

}

#container{
    width:100%;
    max-width:880px;
    margin:0 auto;
    padding:0 1px;
	background:#fff;
    position:relative;
	background-image:url(../images/2ndtopback.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:contain;
}


/*2nd box */

#wrapper2{
    width:100%;
    margin:0 auto;
    position:relative;
}

#bg_img2{
    background:url(../images/2ndtopback.jpg) no-repeat;
    background-position:center top;
    width:100%;
    height:286px;
    position:absolute;
}

#2nd_wrap{
    width:100%;
    max-width:860px;
    position:relative;
}


h2{
    font-size:20px;
    color:#FFF;
    font-weight:bolder;
    margin:0.6% auto;
	line-height:1.3em;
}

.uetable{
    border-top:dotted 1px #999;
    border-bottom:dotted 1px #999;
    padding:10px 0;
    font-weight:normal;
}


.ulRight{
    padding-left:2em;
}

p {
    color:#0A1566;
}

.bold{
    color:#0A1566;
    font-size:18px;
    font-weight:700;
}

hr {
    border:none;
    background:#666;
    height:2px;
    margin:2% 0;
}


.read_txt{
	font-size:110%;
	font-weight:bold;
	text-align:center;
}
/*----------------------------------------
	head
----------------------------------------*/

#header{
    width:100%;
    max-height:50px;
    display:block;
    position:relative;
}

#top_span{
    width:100%;
    height:380px;
    position:relative;
}

#kt{
    width:10%;
    max-width:50px;
    margin:0 0 2% 2%;
    padding-top:2%;
}

#kt img{
    width:100%;
}


/*2nd head*/

#top_span2{
    width:100%;
}


/*----------------------------------------
	side navi
----------------------------------------*/

#side_navi{
    position:fixed;
    display:block;
    right:0;
    top:100px;
    z-index:999;
}

#side_navi_2nd{
    position:fixed;
    display:block;
    right:0;
    top:250px;
    z-index:999;
}


/*----------------------------------------
	gn
----------------------------------------*/


/*gn logo*/

#gn_wrap{
    width:100%;
    max-width:500px;
    margin:0 auto;
    text-align:center;
}

#gn_wrap img{
    width:50%;
    padding:2% 0;

}

#logo img{
    text-align:center;

}






/*footer*/

#footer{
    width:100%;
    height:auto;
    position:relative;
	background:url(../images/foot_image.jpg) center no-repeat #002968;
}

#foot_line{
    background:url(../images/y_line.png) repeat-x;
    width:100%;
    height:5px;
}

#foot_con{
    text-align:center;
    margin:0 auto;
    padding-top:30px;
    padding-bottom:8%;
    width:100%;
    max-width:600px;
}

#foot_logo{
    margin:0 auto;
    width:100%;
    max-width:70px;
    height:60px;
    display:block;
}

#foot_logo img{
    width:100%;
}

#foot_text{
    padding-top:8px;
    padding-bottom:15px;
    text-align:center;
    color:#FFF;
    font-size:12px;
    width:100%;
}

#uketori{
     display:block;
     position:relative;
     text-align:center;
}

#uketori a,img{
}

#cp{
    font-size:82%;width:580px;margin:0 0 0 17px;;border:1px #039 solid;padding:5px; float:left; height:84px;
}


/*houkoku*/

#houkoku{
    text-align: center;
    width: 100%;
    font-size: 15px;
    z-index: 999;
    margin-top: 20px;
    display: block;
    position: inherit;
}



/*----------------------------------------
update
----------------------------------------*/
#sp_machine{
    background:#FFE5A7;
    width:70%;
    border-radius:10px;
    color:#FFF;
    border:solid #FF3 2px;
    text-align:center;
    font-size:14px;
    padding:10px 5%;
    margin:4% auto 0;
    z-index:200;
}



#sp_machine .title{
    font-weight:bold;
    color:#FF3;
    padding-bottom:2px;

}

#att_block{
    background:#EEE;
    border-radius:5px;
    color:#C00;
    padding:5px 10px;
    width:40%;
    text-align:center;
    margin:15px auto 5px;
    font-weight:bold;
}

#content{
    background:#EDE3C7;
	background-image:url(images/infro_back.png);
    width:100%;
    max-width:90%;
    border-radius:10px;
    border:solid 1px #B8A24F;
    color:#000;
    font-size:14px;
    padding:3% 3%;
    margin:5px auto 30px;
    z-index:200;
    line-height:2em;
	box-shadow:0px 0px 5px #036;
	text-align: center;
}

.contentWrap{
	width: 90%;
	padding: 0 5%;
	 color:#003;
	font-weight: bold;
}

/*ページタイトル*/

.topics_line{
	border-top:solid 2px #BE9B5C;
    border-bottom:solid 2px #BE9B5C;
}

.topics_base{
    border-top:double 4px #BE9B5C;
    border-bottom:double 4px #BE9B5C;
    padding:1% 3% 1%;
    width:94%;
	background-image:url(../images/infro_back_b.png);


}

.topics_base h2{
	text-align:center;
	text-shadow: 0px 0px 10px #36F;
	font-size: 28px;
}

.topics_base h3 {
    color:#FFF;
    font-size:16px;
    font-weight:bold;
    margin:0;
    padding:0;
}

/*ページタイトル END*/






.imageframe{
    display:inline-block;
    width:100%;
    max-width:775px;
    text-align:center;
}

.imagebox{
    width:100%;
    padding:2% 0;
    margin:0 auto 1%;
}


.imagebox img{
    float:left;
    max-width:320px;
    min-width:48px;
    margin:1%;

}

#pc_start{

    width:100%;
    max-width:350px;
    margin:5% auto;
}

#pc_start img{
    width:100%;
}

#sp_start{
    width:100%;
    max-width:320px;
    margin:5% auto;
}


#sp_start img{
    width:100%;
}


#up_start {
    width:100%;
    text-align:center;
    padding-bottom:40px;
	max-width:270px;
	margin:0 auto;
}

.gc_box{
	width: 100%;
	max-width: 520px;
	text-align: center;
	padding-bottom: 2vh;
	margin: 0 auto;
}

.gc_box img{
	width: 46%;
	margin: 2% 2%;
	float: left;
}


.kikan{
    padding:5px 6%;
    background:#a79154;
    margin:0 auto 4%;
    text-align:center;
	text-shadow:0 0 15px #960;
	border:double 3% #d4bb79;
	color:#FFF;
    font-size:19px;
    font-weight:800;
}


.kikan_mini{
    width:60%;
	max-width:300px;
    padding:0.5% 6%;
    background:#a79154;
    margin:4% auto 4%;
    text-align:center;
	text-shadow:0 0 4px #960;
	font-weight:400;
	font-size:110%;
	color:#FFF;
	border-radius:5px;
}

.koukaishi_1{
    width:90%;
    margin:0 auto;
    float:left;
}

.koukaishi_1 img{
    width:100%;
    max-width:400px;
    float:left;
    display:block;
}


.koukaishi_2{
    width:100%;
    margin:0 auto;
    float:left;
}

.koukaishi_2 img{
    width:46%;
    margin:0 2%;
    float:left;
    display:block;
}



/*---------------------*/

.koukaishi_3{
    width:90%;
    margin:0 auto;
    float:left;
}

.koukaishi_3 img{
    width:30%;
    margin:0 2%;
    float:left;
    display:block;
}




.koukaishi_4{
    width:45%;
    margin:0 2.5% 4%;
    float:left;
	display:block;
}

.koukaishi_4 img{
    width:50%;
	float:left;
	margin-left:25%;
	display:block;
	margin:0 auto;
}

.koukaishi_4 p{
    width:100%;
	min-height:2.5em;
    margin:0 2% 2%;
    float:left;
    display:block;
}


/*---------------------*/


/*---------------------
	画像box
---------------------*/

/*---センター横並び---*/
.img_box_c{
	width:100%;
	text-align:center;
}

.img_box_c img{
	margin:0 1%;
}



/*---------------------
	テーブル関連
---------------------*/

/*---1項目---*/

.table_1{
	width:100%;
	margin:10px 0;
	vertical-align: top !important;
}

.table_1 table{
	width:100%;
	border:none;
	margin:1% 0;
}

.table_1 table tr{
	width:100%;
	border:none;
}

.table_1 table tr td{
	width:100%;
	border:none;
	color:#002968;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0;

}

.table_1 table tr td img{
	max-width:90%;
	text-align:center;
	margin: 0 !important;
	padding:0 !important;
    height:auto;
    max-height:100%;
}


/*---------------------*/


/*---横2項目---*/

.table_2{
	width:100%;
	margin:10px 0;
	vertical-align: top !important;
}

.table_2 table{
	width:100%;
	border:none;
	margin:1% 0;
}

.table_2 table tr{
	width:100%;
	border:none;
}

.table_2 table tr td{
	width:50%;
	border:none;
	color:#002968;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0;

}

.table_2 table tr td img{
	width:94%;
	text-align:center;
	margin: 0 !important;
	padding:0 !important;
}


/*---------------------*/


/*---横3項目---*/

.table_3{
	width:100%;
	vertical-align: top !important;
}

.table_3 table{
	width:100%;
	border:none;
	margin:1% 0;
}

.table_3 table tr{
	width:100%;
	border:none;
	margin: 1% 0 0 0;
	padding:1% 0 0 0;
}

.table_3 table tr td{
	width:33%;
	border:none;
	color:#002968;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0;

}

.table_3 img{
	width:94%;
	text-align:center;
	margin: 0 !important;
	padding:0 !important;
}

.t_txt{
	text-align:center;
	font-size:110%;
	padding:0 0 1%;
}

/*---------------------*/


/*---横4項目---*/

.table_4{
	width:100%;
	margin:10px 0;
	vertical-align: top !important;
}

.table_4 table{
	width:100%;
	border:none;
	margin:1% 0;
}

.table_4 table tr{
	width:100%;
	border:none;
}

.table_4 table tr td{
	width:25%;
	border:none;
	color:#002968;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0;

}

.table_4 table tr td img{
	width:94%;
	text-align:center;
	margin: 0 !important;
	padding:0 !important;
}

.t_txt{
	text-align:center;
	font-size:110%;
	padding:0 0 1%;
}

/*---------------------*/


/*---通常のテーブル---*/

/*白バック*/

.table_n{
	margin:0 auto 10px;
	width:80%;
	vertical-align:middle;

}

.table_n table{
	border-color:#002968;
	border: solid 2px;
}

.table_n table,tr,th,td{

	text-align: center;
}

.table_n th{
	padding: 0.5em 1em;
	line-height: 1.5em;
}

.table_n td{
	padding: 0.5em 1em;
	line-height: 1.5em;
}


.table_n th{
	color: #06c;
}


/*青バック*/

.table_b{
	margin:0 auto 10px;
	width:80%;
	vertical-align:middle;

}

.table_b table{
	border-color:#050d30;
	border: solid 2px;
}

.table_b table,tr,th,td{

	text-align: center;
}

.table_b th{
	padding: 0.5em 1em;
	line-height: 1.5em;
}

.table_b td{
	padding: 0.5em 1em;
	line-height: 1.5em;
}


.table_b th{
	color: #FFF;
	background:#3184E7;
}



/*赤バック*/

.table_r{
	margin:0 auto 10px;
	width:80%;
	vertical-align:middle;

}

.table_r table{
	border-color:#211208;
	border: solid 2px;
}

.table_r table,tr,th,td{

	text-align: center;
}

.table_r th{
	padding: 0.5em 1em;
	line-height: 1.5em;
}

.table_r td{
	padding: 0.5em 1em;
	line-height: 1.5em;
}


.table_r th{
	color: #FFF;
	background:#AC2323;
}



/*---------------------*/


/*---イベントパワーアップ---*/

.koukaishi_6{
	width:100%;
	margin:10px 0;
	line-height:1.2em;
	vertical-align: top !important;
}

.koukaishi_6 table{
	width:100%;
	border:none;
}

.koukaishi_6 table tr{
	width:100%;
	border:none;
	padding-bottom: 0.5%;
}

.koukaishi_6 table tr td{
	width:50%;
	border:none;
	color:#002968;
	font-weight:bold;
	text-align:center;
}

.koukaishi_6 table tr td img{
	width:46%;
	text-align:center;
	margin:0.5% 1% 0;
}


/*---------------------*/


/*---ul表記---*/

ul{
	width:80%;
	margin:0 auto;
	padding:1% 5%;
	border:#002968 solid 2px;
	text-align:left;
}

li{
	margin:2% 0;
	text-align:center;
	font-weight:bold;
	color:#306;
	font-size:14px;

}


/*---------------------*/







/*---ul表記---*/

ul{
	width:80%;
	margin:0 auto;
	padding:1% 5%;
	border:#002968 solid 2px;
	text-align:left;
}

li{
	margin:2% 0;
	text-align:center;
	font-weight:bold;
	color:#306;
	font-size:14px;

}


/*---------------------*/


/*---画像差し込み 1点--*/

.img100{
	width: 100%;
	margin: 2% auto;
	display: block;
}


.img100 img{
	width: 100%;
}

.img90{
	width: 90%;
	margin: 2% auto;
	display: block;
}


.img90 img{
	width: 100%;
}

.img80{
	width: 80%;
	margin: 2% auto;
	display: block;
}


.img80 img{
	width: 100%;
}

.img70{
	width: 70%;
	margin: 2% auto;
	display: block;
}


.img70 img{
	width: 100%;
}

.img60{
	width: 60%;
	margin: 2% auto;
	display: block;
}

.img60 img{
	width: 100%;
}

.img50{
	width: 50%;
	margin: 2% auto;
	display: block;
}

.img50 img{
	width: 100%;
}

.img40{
	width: 40%;
	margin: 2% auto;
	display: block;
}

.img40 img{
	width: 100%;
}

.img30{
	width: 30%;
	margin: 2% auto;
	display: block;
}

.img30 img{
	width: 100%;
}

.img20{
	width: 20%;
	margin: 2% auto;
	display: block;
}

.img20 img{
	width: 100%;
}

.img10{
	width: 10%;
	margin: 2% auto;
	display: block;
}

.img10 img{
	width: 100%;
}


/*---画像差し込み 2点--*/

.img2_100{
	width: 100%;
	margin: 2% auto;
	display: block;
	font-size: 14px;
}

.img2_100 img{
	width: 100%;
	display: block;
	float: left;
}

.char img{
	width: 100%;
	display: block;
	margin: 0 auto;
}

.img2_100 .block{
	width: 46%;
	margin: 2% 2%;
	display: block;
	float: left;
	text-align: center;
	line-height: 1.2em;
}

.img2_100 .char{
	width: 38%;
	margin: 2% 6%;
	display: block;
	float: left;
	text-align: center;
	background: red;
}



/*---画像差し込み 3点--*/

.img3_100{
	width: 100%;
	margin: 2% auto;
	display: block;
	font-size: 14px;
}

.img3_100 img{
	width: 100%;
	display: block;
	float: left;
}

.img3_100 .block{
	width: 31%;
	margin: 2% 1%;
	display: block;
	float: left;
	text-align: center;
	line-height: 1.2em;
}


/*---画像差し込み 4点--*/

.img4_100{
	width: 100%;
	margin: 2% auto;
	display: block;
	font-size: 13px;
}

.img4_100 img{
	width: 100%;
	display: block;
	float: left;
}

.img4_100 .char{
	width: 23.5%;
	margin: 2% 0.5%;
	display: block;
	float: left;
	text-align: center;
}



/*---------------------*/







/*---キャラカード表示---*/


/* SR */

.cb_LR{
	width:95%;
	max-width:400px;
	text-align:center;
	margin: 0px auto 0px;
	padding:0;
	padding-bottom: 0.5em;
	background:url(../images/ICON_CARD_BACK_LR.png) no-repeat;
	background-size:contain;
	position:relative;
	display: block;
	float:none !important;
}

.cb_LR img {
	width:100% !important;
}

.cb_icon_LR{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:400px;
	background:url(../images/ICON_CARD_FRONT_LR.png) no-repeat;
	background-size:contain;
}

.koukaishi_6 .cb_LR{
	width:50%;
	margin: 0px auto;
}

.koukaishi_6 .s_r_char .cb_LR{
	width:48%;
	margin:0px 1% !important;
	float:left;
}

/* SR */

.cb_SR{
	width:95%;
	max-width:400px;
	text-align:center;
	margin: 0px auto 0px;
	padding:0;
	padding-bottom: 0.5em;
	background:url(../images/ICON_CARD_BACK_S.png) no-repeat;
	background-size:contain;
	position:relative;
	display: block;
	float:none !important;
}

.cb_SR img {
	width:100% !important;
}

.cb_icon_SR{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:400px;
	background:url(../images/ICON_CARD_FRONT_S.png) no-repeat;
	background-size:contain;
}

.koukaishi_6 .cb_SR{
	width:50%;
	margin: 0px auto;
}

.koukaishi_6 .s_r_char .cb_SR{
	width:48%;
	margin:0px 1% !important;
	float:left;
}



/* R */

.cb_R{
	width:95%;
	max-width:400px;
	text-align:center;
	margin: 0px auto 0px;
	padding:0;
	padding-bottom: 0.5em;
	background:url(../images/ICON_CARD_BACK_R.png) no-repeat;
	background-size:contain;
	position:relative;
	float:none !important;
}

.cb_R img {
	width:100% !important;
}

.cb_icon_R{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:400px;
	background:url(../images/ICON_CARD_FRONT_R.png) no-repeat;
	background-size:contain;
}

.koukaishi_6 .cb_R{
	width:50%;
	margin: 0px auto;
}

.koukaishi_6 .s_r_char .cb_R{
	width:48%;
	margin:0px 1% !important;
	float:left;
}


/* UR */

.cb_UR{
	width:95%;
	max-width:400px;
	text-align:center;
	margin: 0px auto 0px;
	padding:0;
	padding-bottom: 0.5em;
	background:url(../images/ICON_CARD_BACK_UR.png) no-repeat;
	background-size:contain;
	position:relative;
	float:none !important;
}

.cb_UR img {
	width:100% !important;
}

.cb_icon_UR{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:400px;
	background:url(../images/ICON_CARD_FRONT_UR.png) no-repeat;
	background-size:contain;
}

.koukaishi_6 .cb_UR{
	width:50%;
	margin: 0px auto;
}

.koukaishi_6 .s_r_char .cb_UR{
	width:48%;
	margin:0px 1% !important;
	float:left;
}


/* N */

.cb_N{
	width:95%;
	max-width:400px;
	text-align:center;
	margin: 0px auto 0px;
	padding:0;
	padding-bottom: 0.5em;
	background:url(../images/ICON_CARD_BACK_N.png) no-repeat;
	background-size:contain;
	position:relative;
	float:none !important;
}

.cb_N img {
	width:100% !important;
}

.cb_icon_N{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:400px;
	background:url(../images/ICON_CARD_FRONT_N.png) no-repeat;
	background-size:contain;
}

.koukaishi_6 .cb_N{
	width:50%;
	margin: 0px auto;
}

.koukaishi_6 .s_r_char .cb_N{
	width:48%;
	margin:0px 1% !important;
	float:left;
}




/*---------------------*/



/*---ページ内テーブル---*/

.info_table{
	border:solid 2px #006;
	width:80%;
	margin:0 auto;
	border-collapse:collapse;
}

.info_table th{
	margin:0;
	border:solid 2px #006;
	padding:10px 15px;
	background:#06C;
	color:#FFF;
}

.info_table td{
	margin:0;
	border:solid 2px #006;
	padding:10px 15px;
}


.info_table2{
	border:solid 2px #006;
	width:80%;
	margin:0 auto;
	border-collapse:collapse;
}

.info_table2 td{
	width:50%;
	margin:0;
	border:solid 2px #006;
	padding:10px 15px;
	text-align:center;
	font-weight:bold;
}


.info_table2 td img{
	height:1em;
	display:inline-block;
}


.txt_table{
	display:inline-block;
	border:#006 solid 2px;
	padding:0;
	margin:0;
	}

.txt_table tr{
}

.txt_table th{
	padding:10px 0;
	border:#FFF solid 1px;
}



.txt_table td{
	padding:10px 0;
	border:#009 solid 1px;
}


/*---キャラ能力値表示---*/

/*ブロック*/
.table_spec{
	width:100%;
	margin:10px auto 10px;
	padding:25px 2px 25px;
	background:url(../images/char_base.png) no-repeat;
	background-size:100% 100%;
}

.table_mid{
	width:45%;
	margin:10px auto 10px;
	padding:40px 1% 25px;
	background:url(../images/char_base.png) no-repeat;
	background-size:100% 100%;
}


/*images*/
.table_spec_l{
	width:33%;
	border:none;
	color:#002968;
	text-align:center;
	margin:0px ;
	padding:0 0% 0 4%;
	position:relative;
	float:left;
}

.table_spec_l img{
	width:100%;
	max-width:200px;
	display:block;
}


.card_base_SR{
	width:100%;
	max-width:180px;
	text-align:center;
	margin: 20px auto;
	padding:0;
	background:url(images/ICON_CARD_BACK_S.png) no-repeat;
	background-size:contain;
	position:relative;
	box-shadow:2px 2px 3px #999;

}

.card_icon_SR{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:180px;
	background:url(images/ICON_CARD_FRONT_S.png) no-repeat;
	background-size:contain;
}

/*能力値*/
.table_spec_r{
	width:58%;
	margin:0px 2% 10px;
	display:inline-block;
	padding:1em 0;
	float:left;
}

.table_spec_r table{
	width:100%;
	border:none;
	margin:1% 0;
}

.table_spec_r table tr{
	width:100%;
	border:none;
}

.table_spec_r table tr td{
	width:100%;
	border:none;
	color:#002968;
	text-align:left;
	margin:0;
	padding:0;
	padding:0 1em;
}

.char_spec_name{
	font-weight:bold;
	font-size:20px;
	margin-left:-0.5em;
	text-shadow:#EEE 2px 2px;
	text-indent: -0.3em;
	font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.char_skill_name{
	font-weight:bold;
	font-size:14px;
	line-height: 1.3em;
}

.char_skill_words{
	font-weight:normal;
	font-size:13px;
	line-height: 1.3em;
}

.spec_icon{
	height:1em;
}

.skill_line{
	margin-bottom:0.5em;
	background:#CCC;
	height:1px;
}


/*ブロック 2列表記*/

.spec2_left,.spec2_right{
	width: 50%;
	float: left;
}


.table_spec2{
	width:94%;
	margin:10px auto 10px;
	padding:40px 1% 25px;
	background:url(../images/char_base.png) no-repeat;
	background-size:100% 100%;
}

.table_spec2_red{
	width:94%;
	margin:10px auto 10px;
	padding:40px 1% 25px;
	background:url(../images/ship_base2.jpg) no-repeat;
	background-size:100% 100%;
}

.table_spec2_green{
	width:94%;
	margin:10px auto 10px;
	padding:40px 1% 25px;
	background:url(../images/ship_base3.jpg) no-repeat;
	background-size:100% 100%;
}

.table_spec2_yellow{
	width:94%;
	margin:10px auto 10px;
	padding:40px 1% 25px;
	background:url(../images/ship_base4.jpg) no-repeat;
	background-size:100% 100%;
}



/*images*/
.table_spec_2l{
	width:70%;
	border:none;
	color:#002968;
	text-align:center;
	margin:0 auto;
	max-width: 220px;
	padding:0;
	position:relative;
}

.table_spec_2l img{
	width:100%;
	display:block;
}


/*能力値*/
.table_spec_2r{
	width:90%;
	margin:0px 5% 10px;
	display:inline-block;
	padding:1em 0;
	float:left;
}

.table_spec_2r table{
	width:100%;
	border:none;
	margin:1% 0;
}

.table_spec_2r table tr{
	width:100%;
	border:none;
}

.table_spec_2r table tr td{
	width:100%;
	border:none;
	color:#002968;
	text-align:left;
	margin:0;
	padding:0;
	padding:0 1em;
	font-size: 13px;
}


.table_spec_2r .char_spec_name{
	font-weight:bold;
	font-size:20px;
	margin-left:-0.5em;
	text-shadow:#EEE 2px 2px;
	text-indent: -0.3em;
	font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 18px;
}

.table_spec_2r .char_skill_name{
	font-weight:bold;
	font-size:14px;
	line-height: 1.3em;
}

.table_spec_2r .char_skill_words{
	font-weight:normal;
	font-size:13px;
	line-height: 1.3em;
}




/*ブロック 3列表記*/

.spec3_item{
	width: 33%;
	float: left;
}


.table_spec3{
	width:92%;
	margin:10px auto 10px;
	padding:40px 1% 25px;
	background:url(../images/char_base.png) no-repeat;
	background-size:100% 100%;
}

/*images*/
.table_spec_3l{
	width:90%;
	border:none;
	color:#002968;
	text-align:center;
	margin:0 auto;
	max-width: 220px;
	padding:0;
	position:relative;
}

.table_spec_3l img{
	width:100%;
	display:block;

}


/*能力値*/
.table_spec_3r{
	width:90%;
	margin:0px 5% 10px;
	display:inline-block;
	padding:1em 0;
	float:left;
}

.table_spec_3r table{
	width:100%;
	border:none;
	margin:1% 0;
}

.table_spec_3r table tr{
	width:100%;
	border:none;
}

.table_spec_3r table tr td{
	width:100%;
	border:none;
	color:#002968;
	text-align:left;
	margin:0;
	padding:0;
	padding:0 1em;
	font-size: 11.5px;
}


.table_spec_3r .char_spec_name{
	font-weight:bold;
	font-size:20px;
	margin-left:-0.5em;
	text-shadow:#EEE 2px 2px;
	text-indent: -0.3em;
	font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 18px;
}

.table_spec_3r .char_skill_name{
	font-weight:bold;
	font-size:13px;
	line-height: 1.3em;
}

.table_spec_3r .char_skill_words{
	font-weight:normal;
	font-size:12px;
	line-height: 1.3em;
}





/*---------------------*/

.ship_table_red,.ship_table_green,.ship_table_yellow{
	width:60%;
	margin:10px auto 10px;
	padding:40px 1% 25px;
	display: block;
	color: #FFF !important;
}



.ship_table_red{
	background:url(../images/ship_base2.jpg) no-repeat;
	color:rgb(255, 247, 224)!important;
	background-size:100% 100%;
}

.ship_table_green{
	background:url(../images/ship_base3.jpg) no-repeat;
	color:rgb(255, 247, 224)!important;
	background-size:100% 100%;
}

.ship_table_yellow{
	background:url(../images/ship_base4.jpg) no-repeat;
	color:rgb(42, 34, 9)!important;
	background-size:100% 100%;
}


/*船 1列表記*/

.ship_wrap1{
	width:45% !important;
	margin:0 auto 1.5em;
	display: block;
	line-height: normal;
}

/*船 2列表記*/

.ship_wrap2{
	width:90% !important;
	margin:0 auto 1.5em;
	display: block;
	line-height: normal;
}

/*船 2列表記中身*/

.char_ship_name{
	font-weight:bold;
	font-size:20px;
	margin-left:-0.5em;
	padding: 0 0 0.5em;
	text-shadow:#EEE 2px 2px;
	text-indent: -0.3em;
	font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.2em;
}

.char_ship_name_red,.char_ship_name_green{
	font-weight:bold;
	font-size:1.8em;
	text-indent: -0.3em;
	font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.2em;
	width: 100%;
	color: rgb(255, 247, 224)!important;
}

.char_ship_name_yellow{
	font-weight:bold;
	font-size:1.8em;
	text-indent: -0.3em;
	font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", 游明朝体, YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, HGS明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.2em;
	width: 100%;
	color: rgb(255, 247, 224)!important;
	text-shadow:#221502 2px 2px;
}

.ship_table_red .ship_spec_wrap table,
.table_spec2_red .ship_spec_wrap table,
.ship_table_green .ship_spec_wrap table,
.table_spec2_green .ship_spec_wrap table
{
	font-size: 13px;
	font-weight: bold;
	padding: 0.5em 0;
	display: inline-block;
	margin: 0 auto;
	color:rgb(255, 247, 224)!important;
}

.ship_table_yellow .ship_spec_wrap table,
.table_spec2_yellow .ship_spec_wrap table
{
	font-size: 13px;
	font-weight: bold;
	padding: 0.5em 0;
	display: inline-block;
	margin: 0 auto;
	color:rgb(23, 17, 0)!important;
}

.ship_table_yellow .char_skill_name,
.table_spec2_yellow .char_skill_name
{
	font-weight:bold;
	font-size:14px;
	line-height: 1.3em;
	color:rgb(23, 17, 0)!important;
}


.ship_spec_wrap table{
	font-size: 13px;
	font-weight: bold;
	color:#002968;
	padding: 0.5em 0;
	display: inline-block;
	margin: 0 auto;
}

.ship_spec_wrap tr,td{
	padding: 0;
	margin: 0;
}

.ship_spec_wrap th{
	padding: 0 0.3em;
	border: solid 1px #960;
	border-radius: 5px;
	margin-right: 0.3em;
	background: #EEE;
	text-align: center;
	vertical-align: middle;
}

.ship_spec_wrap th img{
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.ship_spec_wrap2{
	width: 80%;
	display: block;
	margin: 0 auto;
}

.ship_spec_wrap2 table{
	width: 100%;

}

.ship_spec_wrap2 tr{
	padding: 0;
	margin: 1em 3%;
}

.ship_spec_wrap2 th{

	border-radius: 2px;
	background: #555;
	width: 40%;
	font-size: 14px;
	color: #FFF;
}

.ship_spec_wrap2 td{
	background: #827142;
	border-radius: 2px;
	width: 40%;
	font-size: 14px;
	color: #FFF;
}


/*---------------------*/


/*----------------------------------------
	common
----------------------------------------*/

.clear{
	clear:both;
	height: 1px;
}

.mp0{
    margin:0;
    padding:0;
}

.blockcenter{
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.f_left{
    float:left;
}

.f_right{
    float:right;
}

a {
    border:none; outline:none; text-decoration:none;
}

area{
    border:none; outline:none;
}

.dis_none{
    display:none;
}

.mini{
    color:#003;
    font-size:80%;
}

.mini2{
	color:#003;
    font-size:80%;
	text-align:center;
}

span,b{
        color:#003;
}

.bold{
    color:#0A1566;
    font-size:18px;
    font-weight:700;
    margin-bottom:0.5em;
}

.midashi{
    width:100%;
    padding:0.5em 0;
    background:#002968;
    margin:4% auto 2%;
    border-radius:5px;
    text-align:center;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#FFF;
    font-size:20px;
	line-height: 1.2em;
}

.midashi p{
    color:#FFF;
    font-size:20px;
    font-weight:400;
	line-height: 1.2em;
}

.topbox{
	width:100%;
	display:none;
}

.bottombox{
	width:100%;
	display:none;
}



.block small{
	height: 4em;
	display: block;

}




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

	.contentWrap{
		font-size: 12px;
		line-height: 1.5em;
	}

.topics_base h2{
	text-align:center;
	text-shadow: 0px 0px 10px #36F;
	font-size: 17px;
}

.midashi{
	width:85%;
	padding:5px 5% 5px;
    border-radius:3px;
	font-size:15px;
    font-weight:bold;
}

.midashi p{
    font-size:15px;
    font-weight:bold;
}

.kikan{
    font-size:14px;
    font-weight:800;
}


table tr td{
	font-size:11px;
}

#bt{
	margin:0 auto 10px;
	padding:10px 0 0;
	text-align:center;
}

#bt img{
	width:100%;
}

.table_1 table tr td img{
	width:90%;
}

.info_table{
	width:100%;
}

#bt img{
	box-shadow:none;
}

li{

	font-size:12px;

}

.mini{
	font-size:65%;
}


#foot_text{
	font-size:8px;
	margin:0 1em;
}



/*キャラ能力値*/

.table_spec{
	margin:10px 3% 10px 0;
	padding:10px 2px 15px;


}


.table_spec_l{
	width:65%;
	max-width: 400px;
	text-align:center;
	margin:0 auto;
	padding:15px 0% 0 0%;
	position:relative;
	float:none;
}


.table_spec_r{
	width:94%;
	margin:2% 3% 0;
	display:inline-block;
	padding:0;
	float:none;
}

.card_base_SR_SR{
	margin: 20px auto 8px;

}

.char_spec_name{
	font-weight:bold;
	font-size:15px;
	margin-left:-0.5em;
}

.char_ship_name{
	font-weight:bold;
	font-size:18px;
	margin-left:-0.5em;
	padding: 0.5em 0 0;
}

.char_skill_name{
	font-weight:bold;
	font-size:11px;
}

.char_skill_words{
	font-weight:normal;
	font-size:10px;
}


/*ブロック 2,3列表記*/


.spec2_left,.spec2_right,.spec3_item{
	width: 100%;
	float: none;
}

.spec2_left table,.spec2_right table{
	width: 100% !important;
	height: auto !important;
}


.table_mid,.table_spec2,.table_spec3{
	width:94%;
	margin:10px auto 10px;
	padding:20px 2% 10px;
	background:url(../images/char_base.png) no-repeat;
	background-size:100% 100%;
}

/*images*/
.table_spec_2l,.table_spec_3l{
	width:90%;
	margin:0px auto;
}


/*能力値*/
.table_spec_2r,.table_spec_3r{
	width:90%;
	margin:0px 5% 10px;
	display:inline-block;
	padding:1em 0;
	float:left;
	max-width: 320px;
}

.table_spec_2r table,.ship_table_red,.ship_table_green,.ship_table_yellow{
	width:100%;
	border:none;
	margin:1% 0;
	display: block;
	background-size: 100%  100% !important;
}

.table_spec_2r table tr{
	width:100%;
	border:none;
}

.table_spec_2r table tr td{
	padding:0 1em;
	font-size: 11px;
}


.table_spec_2r .char_spec_name{
	font-weight:bold;
	font-size:20px;
	margin-left:-0.5em;
	text-shadow:#EEE 2px 2px;
	text-indent: -0.3em;
	font-size: 17px;
}

.table_spec_2r .char_skill_name{
	font-weight:bold;
	font-size:13px;
}

.table_spec_2r .char_skill_words{
	font-size:12px;
}



.table_spec_3r table{
	width:100%;
	border:none;
	margin:1% 0;
}

.table_spec_3r table tr{
	width:100%;
	border:none;
}

.table_spec_3r table tr td{
	padding:0 1em;
	font-size: 11px;
}


.table_spec_3r .char_spec_name{
	font-weight:bold;
	font-size:20px;
	margin-left:-0.5em;
	text-shadow:#EEE 2px 2px;
	text-indent: -0.3em;
	font-size: 17px;
}

.table_spec_3r .char_skill_name{
	font-weight:bold;
	font-size:13px;
}

.table_spec_3r .char_skill_words{
	font-size:12px;
}


.ship_wrap1{
	width:90% !important;
	margin:0 auto 1.5em;
	display: block;
}



	.img2_100,.img3_100,.img4_100{
		font-size: 11px;
	}

	.block small{
		height: 6.5em;
		display: block;
		font-size: 10px;
		padding-bottom: 1.2em;
	}


	/*---通常のテーブル---*/

	/*白バック*/

	.table_scroll{
		overflow: auto;
		white-space: nowrap;　
	}

	.table_scroll::-webkit-scrollbar{
	 height: 5px;
	}
	.table_scroll::-webkit-scrollbar-track{
	 background: #F1F1F1;
	}
	.table_scroll::-webkit-scrollbar-thumb {　
	 background: #BCBCBC;
	}


}





/*----------------------
表示・非表示設定
---------------------*/

.han_close{
	display:block;
}

.nico_close{
	display:block;
}

.sp_close{
	display:block;
}

.gc_close{
	display:block;
}


/*---------------------
共通
---------------------*/

b{
	font-size:14px;
	color:#0A1566;
	font-weight:bold;
	padding:5px;
	margin:7px 0;
}