@charset "UTF-8";
/* CSS Document */

#pageTitle h1{
    background-image: url(../../images/icon_character.png);
}

/*======================================================

	PCサイズ（769px以上）ここから
	
======================================================*/

@media screen and (min-width:769px), print{

/* ----------------------------------------------
	はに坊
------------------------------------------------- */
#characterHanibou{}
#characterHanibou .content .wrapper{}
#characterHanibou .content .wrapper dl{
    width: 500px;
    float: left;
    margin: 70px 70px 0 0;
}
#characterHanibou .content .wrapper dl dt{
	display:block;
}
#characterHanibou .content .wrapper dl dd{
	display:block;
	margin-top: 30px;
	font-size: 114%;
}

/* ----------------------------------------------
	DATA
------------------------------------------------- */
#characterData{
	background-color:#30190c;
	margin-top:75px;
	padding:75px 0;
}
#characterData .content{
	padding:0;
}
#characterData .content .wrapper{
	width:1000px;
	height:364px;
	margin:0 auto;
	background-image:url(../images/data.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}
#characterData .content .wrapper > div{
    margin: 0;
    padding: 70px 0 0 294px;
}
#characterData .content .wrapper > div dl{
	font-size: 142%;
	font-weight:bold;
	text-align:left;
	margin-bottom: 7px;
}
#characterData .content .wrapper > div dl dt{
	display:inline-block;
	color:#e38026;
	min-width: 5em;
	margin-right: 1em;
	vertical-align: top;
}
#characterData .content .wrapper > div dl:nth-of-type(n+5) dt{
	letter-spacing:1em;
}
#characterData .content .wrapper > div dl dd{
	display:inline-block;
	color:#ffffff;
	vertical-align: top;
}

/* ----------------------------------------------
	徹底解明
------------------------------------------------- */
#characterExplanation{}
#characterExplanation .content .wrapper{
	text-align:center;
}

/* ----------------------------------------------
	趣味など
------------------------------------------------- */
#characterIntroduction{
	background-color:#e38026;
	margin-top:75px;
	padding:75px 0;
}
#characterIntroduction .content{
	padding-top:0;
}
#characterIntroduction .content .wrapper{}
#characterIntroduction .content .wrapper ul li{
    display: inline-block;
    margin: 10px 24px;
    padding: 0;
    text-align: center;
}

/* ----------------------------------------------
	その他
------------------------------------------------- */
#characterOthers{}
#characterOthers .content .wrapper{}
#characterOthers .content .wrapper p{
	text-align:center;
}
#characterOthers .content .wrapper ul{
	margin-top:25px;
}
#characterOthers .content .wrapper ul li{
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 0;
}
#characterOthers .content .wrapper ul li:last-of-type{
	margin-right:0;
}
#characterOthers .content .wrapper ul li img{
	width:327px;
	height:auto;
}

/* ----------------------------------------------
	リンク
------------------------------------------------- */
#characterLink{}
#characterLink .content .wrapper{}
#characterLink .content .wrapper ul{}
#characterLink .content .wrapper ul li{
	display:block;
	float:left;
	width: 487px;
}
#characterLink .content .wrapper ul li p{
	text-align: center;
	margin:30px;
}
#characterLink .content .wrapper ul li:first-of-type{
	margin-right: 50px;
}
#characterLink .content .wrapper ul li > img{
	display:block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

}
/*======================================================

	SPサイズ（768px以下）ここから
	
======================================================*/

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

/* ----------------------------------------------
	はに坊
------------------------------------------------- */
#characterHanibou{}
#characterHanibou .content .wrapper{}
#characterHanibou .content .wrapper dl{}
#characterHanibou .content .wrapper dl dt{
	display:block;
}
#characterHanibou .content .wrapper dl dd{
	display:block;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 114%;
}
#characterHanibou .content .wrapper > img{
	display:block;
	width:60%;
	margin:0 auto;
}

/* ----------------------------------------------
	DATA
------------------------------------------------- */
#characterData{
	background-color:#30190c;
	margin-top: 30px;
	padding: 30px 0;
}
#characterData .content{
	padding:0;
}
#characterData .content .wrapper:last-of-type{
	margin: 0 20px;
	background-image:url(../images/data_sp1.png), url(../images/data_sp2.png);
	background-repeat:no-repeat;
	background-position: left top, right bottom;
	background-size: 260px auto, 100px auto;
	text-align:center;
}
#characterData .content .wrapper > div{
    margin: 0;
    padding: 50px 0 20px 20%;
}
#characterData .content .wrapper > div dl{
	font-size: 128%;
	font-weight:bold;
	text-align:left;
	margin-bottom: 7px;
}
#characterData .content .wrapper > div dl dt{
	display:inline-block;
	color:#e38026;
	margin-right: 1em;
	vertical-align: top;
}
#characterData .content .wrapper > div dl:nth-of-type(n+5) dt{
	letter-spacing:1em;
}
#characterData .content .wrapper > div dl dd{
	display:inline-block;
	color:#ffffff;
	vertical-align: top;
}

/* ----------------------------------------------
	徹底解明
------------------------------------------------- */
#characterExplanation{}
#characterExplanation .content .wrapper:last-of-type{
	margin:0;
}

/* ----------------------------------------------
	趣味など
------------------------------------------------- */
#characterIntroduction{
	background-color:#e38026;
	margin-top: 30px;
	padding: 30px 0;
}
#characterIntroduction .content{
	padding-top:0;
}
#characterIntroduction .content .wrapper{}
#characterIntroduction .content .wrapper ul li{
    display: block;
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
}

/* ----------------------------------------------
	その他
------------------------------------------------- */
#characterOthers{}
#characterOthers .content .wrapper{}
#characterOthers .content .wrapper p{
	text-align: left;
}
#characterOthers .content .wrapper ul{
	margin-top: 15px;
}
#characterOthers .content .wrapper ul li{
    display: block;
    width: 85%;
    margin: 0 auto 10px;
    padding: 0;
    text-align: center;
}
#characterOthers .content .wrapper ul li:last-of-type{
}
#characterOthers .content .wrapper ul li img{
}

/* ----------------------------------------------
	リンク
------------------------------------------------- */
#characterLink{ margin-top:30px; }
#characterLink .content .wrapper{}
#characterLink .content .wrapper ul{}
#characterLink .content .wrapper ul li{
	display:block;
	margin-bottom: 30px;
}
#characterLink .content .wrapper ul li p{
	text-align: center;
	margin: 7px;
}
#characterLink .content .wrapper ul li:first-of-type{
}
#characterLink .content .wrapper ul li > img{
	display:block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

}

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


#characterData .content .wrapper > div{
    padding-left:10%;
}

}