@charset "UTF-8";
body {
	position: relative;
	right: 0;
	overflow-x: hidden;
}
#wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #333;
}
.cont_in {
	display: block;
	margin: 0 auto;
	padding: 0 20px;
}
a {
	color: #0092ee;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover img {
	opacity: 0.6;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.clear {
	clear: both;
}
.dummy {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 100;
}
/**/
#pan{
	padding:10px 12px 0;
	border:solid 1px #ddd;
	overflow:hidden;
	margin-bottom:25px;
}
#pan li{
	position:relative;
	float:left;
	display:block;
	padding-right:20px;
	margin-bottom:10px;
}
#pan li.active{
	padding-right:0px;
	display:block;
	padding:3px 7px;
	border:solid 1px #10abb1;
	background:none;
	color:#10abb1;
	border-radius:3px;
}
#pan li:after{
	content:"";
	position:absolute;
	right:4px;
	top:50%;
	width:0;
	height:0;
	border:solid 4px transparent;
	border-left:solid 4px #10abb1;
	margin-top:-4px;
}
#pan li.active:after{
	display:none;
}
#pan li a{
	display:block;
	padding:3px 7px;
	border:solid 1px #10abb1;
	color:#fff;
	background:#10abb1;
	border-radius:3px;
}
#pan li a:hover,
#pan li.active a{
	background:none;
	color:#10abb1;
}
/**/
.btn{
	text-align:center;
	margin-top:15px;
}
.btn a{
	display:inline-block;
	padding:5px 22px;
	border-radius:4px;
	background:#2badc0;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.btn a:hover{
	opacity:0.6;
}
/**/
.star_box{
	padding:14px;
	background:#fff;
	width:100%;
	overflow:hidden;
}
.star_box span,
.star_box b{
	display:block;
	float:left;
}
.star_box span{
	line-height:0px;
	margin-right:10px;
}
.star_box b{
	font-size:14px;
	color:#fdb722;
	line-height: 130%;
}
.star_box b.big{
	font-size:20px;
	color:#fdb722;
}
.star_box b i{
	margin-right:3px;
}
.star_box b i.gray{
	color:#eee;
}
.star_box b i.blue{
	color:#7ccff2;
}
/**/
.pnavi{
	overflow:hidden;
	width:auto;
	margin:20px 0 0;
	text-align:center;
}
.pnavi li{
	display:inline-block;
	margin:0 2px;
}
.pnavi li a{
	display:block;
	padding:8px 13px 7px;
	background:#fff;
	color:#333;
	font-weight:bold;
	border-radius:3px;
}
.pnavi li a:hover,
.pnavi li a.active{
	background:#10abb1;
	color:#fff;
}
.pnavi li:first-child a,
.pnavi li:last-child a{
	background:#828282;
	color:#fff;
	padding:8px 10px 7px;
	border-radius:7px 0 0 7px;
	margin-right:4px;
}
.pnavi li:last-child a{
	border-radius:0 7px 7px 0;
	margin-left:4px;
}
.pnavi li:first-child a:hover,
.pnavi li:last-child a:hover{
	opacity:0.6;
}
.mb20{
	margin-bottom:20px !important;
}


ul.minh30	{ min-height:30px;}

@media screen and (max-width: 1200px) {
	.pnavi.detail{
		margin-bottom:60px;
	}
}
@media screen and (max-width: 900px) {
	#pan{
		display:none;
	}
}