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

.img_rancap {
	text-align:center;
	margin-bottom:1em;
}
.img_rancap img {
	border:1px solid #CCC;
}
.wrap_rank1,
.wrap_rank2,
.wrap_rank3,
.wrap_rank4,
.wrap_rank5,
.wrap_rank6,
.wrap_rank7,
.wrap_rank8,
.wrap_rank9 {
	border:1px solid #CCC;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding:1.5em;
	margin:0 0 2em 0;
}

.wrap_rank1 h2,
.wrap_rank2 h2,
.wrap_rank3 h2,
.wrap_rank4 h2,
.wrap_rank5 h2,
.wrap_rank6 h2,
.wrap_rank7 h2,
.wrap_rank8 h2,
.wrap_rank9 h2 {
	background-color:#FFE566;
	font-size:1.8rem;
	padding:0.3em 0.8em;
	margin-bottom:0.8em;
	margin-left:2em;
}
.ttl_rank span {
	font-size:3rem;
	float:left;
	margin-right:1em;

}
.wrap_rank1 .ttl_rank span {
	color:#E7B61E;

}
.wrap_rank2 .ttl_rank span {
	color:#999999;

}
.wrap_rank3 .ttl_rank span {
	color:#C56241;

}
.wrap_rank4 .ttl_rank span,
.wrap_rank5 .ttl_rank span,
.wrap_rank6 .ttl_rank span,
.wrap_rank7 .ttl_rank span,
.wrap_rank8 .ttl_rank span,
.wrap_rank9 .ttl_rank span {
	color:#EAA046;

}
.rankkuchi_detail {
	border:1px solid #F8A436;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	background-color:#FFFAF2;
	padding:0.2em 0.7em;
	margin:1em 0;
}
.open-close {
    float:left;
    text-indent:-9999px;
    height:21px;
    width:25px;
    background:url(../img/share/open.gif) no-repeat 0px 2px;
    -webkit-background-size:18px 18px;
}

.trigger.active .open-close{
    background:url(../img/share/close.gif) no-repeat 0px 2px;
    -webkit-background-size:18px 18px;
}

.acordion_tree{
	margin-bottom:0.5em;
}
.acordion_tree li a{font-weight:bold;}

.star_shosai th {
	font-weight:bold;
	font-size:1.2rem;
	padding:0.5em 0.1em;
	background-color:#EEF8FF;
	border:1px solid #CCC;
	width:45%;
}
.star_shosai td {
	font-size:1.2rem;
	padding:0.5em;
	border:1px solid #CCC;
}


/* --▼▼ 口コミ共通 ▼▼--*/
.kuchi_waku {
padding:1em;
margin:1em 0;
border:1px solid #FFCC00;
}

.marukomi dd,
.churitsu dd,
.batsukomi dd{
padding-bottom:0.5em;
margin-bottom:0.5em;
line-height:150%;
border-bottom:1px dotted #CCC;
	clear:left;
}
.kuchi_waku dt {
	color:#FFF;
	font-weight:bold;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	padding:0 0.5em;
	display:block;
	float:left;
	margin-bottom:0.5em;
}
.kuchi_waku span {
	font-weight:normal;
}
.marukomi dt {
	background-color:#F38D98;
}
.churitsu dt {
	background-color:#F3B658;
}
.batsukomi dt {
	background-color:#73A5D2;
}
.marukomi dd:before {
	content: "\e609";
	font-family: 'icomoon';
	color:#F38D98;
	margin-right:0.5em;
	font-size:1.6rem;
}
.churitsu dd:before {
	content: "\e60f";
	font-family: 'icomoon';
	color:#F3B658;
	margin-right:0.5em;
	font-size:1.6rem;
}
.batsukomi dd:before {
	content: "\e60e";
	font-family: 'icomoon';
	color:#73A5D2;
	margin-right:0.5em;
	font-size:1.6rem;
}

.churitsu,
.batsukomi{
margin-bottom:0.5em;
}
/* --▲▲ 口コミ共通 ▲▲-- */





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

/* @group 768px - wide tablet
ここに768px～1023pxまでのCSSを記述
--------------------------------------------------------*/

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

.star_shosai table {
	width:100%;
}
.star_shosai th {
	padding:0.3em 2em;
	width:35%;
}
.star_shosai td {
	padding:0.5em 2em;
}



}