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

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

　shindan.css

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


.resultBox{
	margin-top: 25px;
	padding: 0 15px;
	text-align: center;
}
.resultBox .resultDetail{
	margin-bottom: 15px;
}
.resultBox .typeTopImg{
	margin-top: 10px;
	text-align: center;
}
.resultBox .typeTopImg img{
	width: 41px;
	height: auto;
}
.resultBox .typeName{
	font-size: 14px;
	margin-bottom: 10px;
}
.resultBox .celebrity .tit{
	margin-top: 10px;
	font-weight: bold;
}
.snsBox{
	text-align: center;
}
.snsBox p{
	color: #4994ee;
}
.snsBox ul{
	margin-top: 5px;
}
.snsBox li{
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
}
.snsBox li:first-child{
	margin-left: 0;
}
.snsBox li img{
	width: 41px;
	height: auto;
}


.valuesList{
	margin-top: 25px;
	padding: 0 15px;
}
.valuesList li{
	padding: 20px 0;
	background: url(../../images/shindan/img_section02.png) no-repeat center 0;
	-webkit-background-size: 320px auto;
	background-size: 320px auto;
}
.valuesList li:first-child{
	padding-top: 0;
	background: none;
}
.valuesList li:last-child{
	padding-bottom: 0;
}
.valuesList li .valuesImg{
	margin-bottom: 5px;
}
.valuesList li .valuesImg img{
	width: 91px;
	height: auto;
}
.valuesList .goodPt,
.valuesList .attPt{
	margin-top: 10px;
}
.valuesList .goodPt .tit,
.valuesList .attPt .tit{
	font-weight: bold;
}
.valuesList .goodPt{
	color: #e4007f;
}
.valuesList .attPt{
	color: #4994ee;
}

.resultBox .type01 .typeName,
.resultBox .type01 .celebrity p,
.valuesList .type01 .typeName{
	color: #ff7f13;
}
.resultBox .type02 .typeName,
.resultBox .type02 .celebrity p,
.valuesList .type02 .typeName{
	color: #28bbd5;
}
.resultBox .type03 .typeName,
.resultBox .type03 .celebrity p,
.valuesList .type03 .typeName{
	color: #88c142;
}
.resultBox .type04 .typeName,
.resultBox .type04 .celebrity p,
.valuesList .type04 .typeName{
	color: #ff0826;
}
.resultBox .type05 .typeName,
.resultBox .type05 .celebrity p,
.valuesList .type05 .typeName{
	color: #90268e;
}
.resultBox .type06 .typeName,
.resultBox .type06 .celebrity p,
.valuesList .type06 .typeName{
	color: #bfb840;
}
.resultBox .type07 .typeName,
.resultBox .type07 .celebrity p,
.valuesList .type07 .typeName{
	color: #273496;
}
.resultBox .type08 .typeName,
.resultBox .type08 .celebrity p,
.valuesList .type08 .typeNamex{
	color: #0b9c91;
}
.resultBox .type09 .typeName,
.resultBox .type09 .celebrity p,
.valuesList .type09 .typeName{
	color: #945b36;
}
.resultBox .type10 .typeName,
.resultBox .type10 .celebrity p,
.valuesList .type10 .typeName{
	color: #e30881;
}
.resultBox .type11 .typeName,
.resultBox .type11 .celebrity p,
.valuesList .type11 .typeName{
	color: #00a518;
}
.resultBox .type12 .typeName,
.resultBox .type12 .celebrity p,
.valuesList .type12 .typeName{
	color: #bf8740;
}
.resultBox .type13 .typeName,
.resultBox .type13 .celebrity p,
.valuesList .type13 .typeName{
	color: #686a6c;
}

.resultBox .typeName .icnValuesNameL,
.valuesList .typeName .icnValuesNameL{
	height: 8px;
	margin-right: 5px;
	width: 11px;
}
.resultBox .typeName .icnValuesNameR,
.valuesList .typeName .icnValuesNameR{
	width: 11px;
	height: 8px;
	margin-left: 3px;
}
.resultBox .type01 .typeName .icnValuesNameL,
.valuesList .type01 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values01_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type02 .typeName .icnValuesNameL,
.valuesList .type02 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values02_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type03 .typeName .icnValuesNameL,
.valuesList .type03 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values03_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type04 .typeName .icnValuesNameL,
.valuesList .type04 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values04_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type05 .typeName .icnValuesNameL,
.valuesList .type05 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values05_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type06 .typeName .icnValuesNameL,
.valuesList .type06 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values06_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type07 .typeName .icnValuesNameL,
.valuesList .type07 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values07_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type08 .typeName .icnValuesNameL,
.valuesList .type08 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values08_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type09 .typeName .icnValuesNameL,
.valuesList .type09 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values09_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type10 .typeName .icnValuesNameL,
.valuesList .type10 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values10_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type11 .typeName .icnValuesNameL,
.valuesList .type11 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values11_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type12 .typeName .icnValuesNameL,
.valuesList .type12 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values12_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type13 .typeName .icnValuesNameL,
.valuesList .type13 .typeName .icnValuesNameL{
	background: url(../../images/shindan/icn_values13_name_l.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type01 .typeName .icnValuesNameR,
.valuesList .type01 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values01_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type02 .typeName .icnValuesNameR,
.valuesList .type02 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values02_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type03 .typeName .icnValuesNameR,
.valuesList .type03 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values03_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type04 .typeName .icnValuesNameR,
.valuesList .type04 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values04_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type05 .typeName .icnValuesNameR,
.valuesList .type05 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values05_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type06 .typeName .icnValuesNameR,
.valuesList .type06 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values06_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type07 .typeName .icnValuesNameR,
.valuesList .type07 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values07_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type08 .typeName .icnValuesNameR,
.valuesList .type08 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values08_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type09 .typeName .icnValuesNameR,
.valuesList .type09 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values09_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type10 .typeName .icnValuesNameR,
.valuesList .type10 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values10_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type11 .typeName .icnValuesNameR,
.valuesList .type11 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values11_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type12 .typeName .icnValuesNameR,
.valuesList .type12 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values12_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}
.resultBox .type13 .typeName .icnValuesNameR,
.valuesList .type13 .typeName .icnValuesNameR{
	background: url(../../images/shindan/icn_values13_name_r.png) no-repeat center 0;
	-webkit-background-size: 11px auto;
	background-size: 11px auto;
}






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

 media queries

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

/*
----------------------------------------------
	SP WIDE
----------------------------------------------
*/
@media screen and (min-width: 481px) and (max-width: 768px) {
}


/*
----------------------------------------------
	pc
----------------------------------------------
*/

@media screen and (min-width:641px){
	
	html .resultBox .typeTopImg img,
	html .valuesList li .valuesImg img{
		width: auto;
	}
	html .snsBox li img{
		width: 50px;
	}
	html .snsBox p{
		font-size: 20px;
	}
	html .snsBox ul{
		margin-top: 10px;
	}
	
	html .resultBox .resultDetail{
		margin-top: 5px;
	}
	html .resultBox .resultDetail p{
		font-size: 18px;
	}
	html .resultBox .resultDetail .typeName{
		font-size: 28px;
	}
	
	
	html .resultBox .typeName .icnValuesNameL,
	html .valuesList .typeName .icnValuesNameL,
	html .resultBox .typeName .icnValuesNameR,
	html .valuesList .typeName .icnValuesNameR{
		width: 21px;
		height: 17px;
		-webkit-background-size: auto auto !important;
		background-size:  auto auto !important;
	}
	
	html .valuesList{
		margin-top: 45px;
	}
	html .valuesList li{
		padding: 40px 0;
		background: url(../../images/shindan/img_section02_pc.png) no-repeat center 0;
		-webkit-background-size: auto;
		background-size: auto;
	}
	html .valuesList li .valuesImg{
		margin-bottom: 15px;
	}
	html .pointBox{
		overflow: hidden;
		width: 700px;
		margin: 0 auto;
	}
	html .pointBox p{
		font-size: 16px;
	}
	html .valuesList .goodPt .tit,
	html .valuesList .attPt .tit{
		font-size: 18px;
		margin-bottom: 5px;
	}
	html .valuesList .goodPt,
	html .valuesList .attPt{
		width: 315px;
		margin-top: 20px;
	}
	html .valuesList .goodPt{
		float: left;
	}
	html .valuesList .attPt{
		float: right;
	}
	

}