/*=================================================
 * CSS for PC
 * ================================================= */

.cnt{
	padding: 15px 15px 25px 15px;
}

.cnt .page_title{
	margin-bottom: 15px;
}

.cnt .page_title+.cate{	padding-top: 0;}
.cnt .page_title+.cate+.dis_txt{	margin-top: 0;}

#left.col2{	padding-right: 0;}


/** index **/

#index{
	font-size: 0;
	line-height: 0;
}


/** refine **/

.refine{
	width: 910px;
	text-align: left;
	margin: 0 auto 15px auto;
	padding: 15px 15px 10px 15px;
	background-color: #28282a;
	background-image: linear-gradient(45deg, #1c1c1e 25%, transparent 25%, transparent 75%, #1c1c1e 75%, #1c1c1e), linear-gradient(45deg, #1c1c1e 25%, transparent 25%, transparent 75%, #1c1c1e 75%, #1c1c1e);
	background-position: 0 0, 1px 1px;
	background-size: 2px 2px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.refine h4{
	border-bottom: 1px solid #3e3e41;
	margin: 0 0 10px 0;
}

.refine h4 em{
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	font-weight: bold;
	line-height: 25px;
	color: #fff;
	padding: 0 5px 0 25px;
	border-radius: 5px 5px 0 0;
	background: url(./img/refine.png) no-repeat #3e3e41;
	-webkit-background-size: 25px 25px;
	background-size: 25px 25px;
}

.refine div{
	font-size: 12px;
	line-height: 18px;
	color: #ccc;
	margin: 0 0 3px 0;
}

.refine span{
	display: inline-block;
	vertical-align: top;
	width: 120px;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	margin: 0 5px 0 0;
}

.refine a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	padding: 0 12px 0 0;
}
.refine a:after{
	content: '/';
	font-size: 11px;
	color: #ccc;
	position: absolute;
	top: -1px;
	right: 3px;
}
.refine a:last-of-type{	padding: 0;}
.refine a:last-of-type:after{	display: none;}

.dis_txt + .sh_bt_bg{ margin-bottom: 15px;}


/** box1 **/

.box1{
	position: relative;
	display: block;
	color: #fff;
	border-bottom: 5px solid #3e3e41;
	margin: 0;
	padding: 0 0 10px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.box1_a{
	display: block;
	color: #fff;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}
.box1_a:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.box1 h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	margin: 0;
	padding: 3px 52px 2px 2px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box1_int{
	display: block;
	width: calc(100% - 20px);
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	padding: 0 2px;
	background: #28282a;
	border-radius: 12.5px;
	margin: 0 10px 10px 10px;
	position: relative;
	top: auto;
	right: auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#topsd .int_bg{
	padding: 10px 0 0 0;
}
#topsd .box1_int{
	margin: 0 10px;
}
.box1_int em{
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.box1_int em.int1{
	animation-name: int1;
	animation-timing-function: linear;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
.box1_int em.int2{
	animation-name: int2;
	animation-timing-function: linear;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
.box1_int em.int3{
	animation-name: int3;
	animation-timing-function: linear;
	animation-duration: 5s;
	animation-iteration-count: infinite;
}
@keyframes int1{
	0%{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	32%{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	34%{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100%{
		opacity: 0;
		filter: alpha(opacity=0);
	}
}
@keyframes int2{
	0%{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	32%{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	34%{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	65%{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	67%{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100%{
		opacity: 0;
		filter: alpha(opacity=0);
	}
}
@keyframes int3{
	0%{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	65%{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	67%{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	99%{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	100%{
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.box1 .ch{
	position: relative;
}

.box1 .ch p i{
	font-size: 16px;
	position: absolute;
	top: calc(50% - 9px);
	left: 9px;
}

.box1 .ch p{
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	padding: 8px 50px 8px 27px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.box1_int+.ch p{	padding-right: 50px;}

.box1_in{
	display: table;
	width: calc(100% - 20px);
	font-size: 0;
	line-height: 0;
	margin: 0 10px;
	padding: 0 0 10px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box1_l,
.box1_r{
	position: relative;
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box1_l{
	width: 90px;
	text-align: left;
}

.box1_l img{
	width: 80px;
	height: auto;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}

.box1_r{
	border-top: 1px dotted #3e3e41;
}


.box1_r .sin,
.box1_r .sin_off{
	position: relative;
}

.box1_r .sin_icon{
	display: inline-block;
	width: 45px;
	height: 45px;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	color: #fff;
	padding-top: 9px;
	background: url(../../img/all/per2.png) no-repeat;
	-webkit-background-size: 45px auto;
	background-size: 45px auto;
	position: absolute;
	z-index: 2;
	top: calc(50% - 23px);
	left: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transform: rotate(-10deg);
	   -moz-transform: rotate(-10deg);
	    -ms-transform: rotate(-10deg);
	     -o-transform: rotate(-10deg);
	        transform: rotate(-10deg);
}
.box1_r .off .sin_icon{
	color : #1c1c1e;
	background: #d3b565;
	border-radius: 3px;
	width: 36px;
	height: 36px;
	padding-top: 5px;
	top: calc(50% - 18px);
	left: 0;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
	        transform: rotate(0deg);
}

.box1_r .sin_box{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box1_r .sin_box .sin_in{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 270px;
	height: 55px;
	text-align: center;
	margin: 0 auto;
	padding: 0 5px 0 48px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
@media screen and (max-width: 650px) {
	.box1_r .sin_box .sin_in{	width: 210px;}
}

.box1_r .sin_box .sin_in div{
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	padding: 0 0 2px 0;
}

.box1_r .sin_box .sin_in div.sin_main{
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

.box1_r .sin_box .sin_in div.sin_main span{
	position: relative;
	display: block;
	text-decoration: line-through;
	font-size: 11px;
}

.box1_r .sin_box .sin_in div.sin_main em{
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	color: #ff65b6;
	font-size: 16px;
	line-height: 16px;
}

.box1_r .sin_box .sin_in div.sin_main em i{
	font-family: "FontA";
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	line-height: 28px;
	color: #ff65b6;
	background: -webkit-linear-gradient(top, #ff9ee0 20%, #ff429c 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.box1_r .off .sin_box .sin_in div.sin_main em{ 	color: #d3b565;}
.box1_r .off .sin_box .sin_in div.sin_main em i{
	color: #d3b565;
	background: none;
	-webkit-background-clip: inherit;
	-webkit-text-fill-color: #d3b565;
}

.box1_r .sin_box .sin_in p{
	width: 100%;
	font-size: 11px;
	line-height: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 auto;
}
@media screen and (max-width: 650px) {
	.box1_r .sin_box .sin_in p{
		width: calc(100vw - 110px);
	}
}

.box1 .spe_icon{
	font-size: 0;
	line-height: 0;
	text-align: center;
	background: #28282a;
}
.box1 .spe_icon img{
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: auto;
	margin: 0 0.5px;
}

.box1_link{
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding: 0 7.5px;
	position: static;
}
.box1_link a,
.box1_link span{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 4 - 5px);
	height: auto;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	margin: 0 2.5px;
	padding-top: 3px;
	padding-bottom: 3px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box1_link a{	color: #fff;}
.box1_link a:hover{
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.box1_link a:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 6px 6px;
	position: absolute;
	bottom: 1px;
	right: 1px;
}

.box1_link a.box1_link1{
	border-color: #014462;
	background: #001c2e;
}
.box1_link a.box1_link1:after{		border-color: transparent transparent #014462 transparent;}

.box1_link a.box1_link2{
	border-color: #541f04;
	background: #2b0f00;
}
.box1_link a.box1_link2:after{		border-color: transparent transparent #541f04 transparent;}

.box1_link a.box1_link3{
	border-color: #530453;
	background: #2a002a;
}
.box1_link a.box1_link3:after{		border-color: transparent transparent #530453 transparent;}

.box1_link a.box1_link4{
	border-color: #610d0d;
	background: #2c0000;
}
.box1_link a.box1_link4:after{		border-color: transparent transparent #610d0d transparent;}

.box1_link span{
	color: #666;
	border-color: #28282a;
	background: #28282a;
}

.box1_link em{
	color: #ff429c;
}

.box1_link i{
	font-size: 15px;
	font-style: normal;
}

	.box1:first-child{	border-top: 5px solid #3e3e41;}
	.box1:last-child{	border-bottom: 3px solid #3e3e41;}
	.nofavo .box1 h4,
	#hotel_shop .box1 h4{	padding-right: 2px;}
	.nofavo .box1 .ch p,
	#hotel_shop .box1 .ch p{	padding-right: 0;}


/** box2 **/

.box2{
	color: #fff;
	position: relative;
	display: block;
	width: auto;
	height: auto;
	border-bottom: 2px solid #3e3e41;
	margin: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.box2.img_cast{	height: auto;}

.box2_a{
	display: block;
	color: #fff;
}
.box2_a:hover{
	text-decoration: none;
}

.box2_in{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box2_l,
.box2_r{
	display: table-cell;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box2_l{
	width: 120px;
	padding: 10px;
}
.box2_l img{
	width: 100px;
	height: auto;
	border-radius: 5px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}

.box2_r{
	position: relative;
	padding: 0 10px 10px 0;
}

.box2_r h4{
	width: auto;
	font-size: 0;
	line-height: 0;
	min-height: 43px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}

.box2_r h4 p{
	display: block;
	height: auto;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;
	padding: 5px 45px 2px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nofavo .box2_r h4 p{	padding-right: 0;}

.img_cast .box2_r h4 p{	padding-right: 0;}

.box2_info{
	padding: 0;
	border-top: 1px solid #3e3e41;
}

.box2_info p{
	position: relative;
	display: table;
	width: auto;
	height: 20px;
	font-size: 10px;
	line-height: 14px;
	padding: 0 0 0 0;
	letter-spacing: -0.3px;
}
.box2_info span{
	display: table-cell;
	vertical-align: middle;
}

.box2_info.p2{
	display: block;
	width: auto;
	padding: 2px 0;
}
.box2_info.p2 p{
	display: block;
	width: auto;
	height: auto;
}
.box2_info.p2 p span{	display: block;}
.box2_info.p2 p:nth-of-type(1) span:before{
	content: '';
	display: inline-block;
	width: 9px;
	height: 5px;
	border-left: solid 1px #3e3e41;
	border-right: solid 1px #3e3e41;
	border-bottom: solid 1px #3e3e41;
	border-radius: 0 1px 1px 1px;
	position: absolute;
	top: 5px;
	left: 0;
}
.box2_info.p2 p:nth-of-type(1):before{
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 6px;
	height: 1px;
	border-left: solid 1px #3e3e41;
	border-right: solid 1px #3e3e41;
	border-top: solid 1px #3e3e41;
	border-radius: 1.5px 1.5px 0 0;
}
.box2_info.p2 p:nth-of-type(1):after{
	content: '';
	position: absolute;
	top: 5px;
	left: 7px;
	width: 4px;
	height: 1px;
	border-top: solid 1px #3e3e41;
	border-radius: 0 1.5px 0 0;
}
.box2_info.p2 p:nth-of-type(2) span:before,
.box2_info.p2 div:nth-of-type(2) p span:before{
	content: '';
	display: block;
	color: #fff;
	width: 9px;
	height: 9px;
	position: relative;
	border: solid 1px #3e3e41;
	border-radius: 8px;
	position: absolute;
	top: 2px;
	left: 0;
}
.box2_info.p2 p:nth-of-type(2):before,
.box2_info.p2 div:nth-of-type(2) p:before{
	content: '';
	position: absolute;
	top: 7px;
	left: 5px;
	width: 2px;
	height: 0px;
	background-color: #3e3e41;
	-webkit-transform-origin: 0% 0%;
	       transform-origin: 0% 0%;
}
.box2_info.p2 p:nth-of-type(2):after,
.box2_info.p2 div:nth-of-type(2) p:after{
	content: '';
	position: absolute;
	top: 3.5px;
	left: 5px;
	width: 1px;
	height: 3.5px;
	background-color: #3e3e41;
	-webkit-transform-origin: 0% 0%;
	        transform-origin: 0% 0%;
}

.box2_r .evl{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	border-radius: 3px;
	position: static;
	margin: 0 0 5px 0;
}

.box2_r .evl_l,
.box2_r .evl_r{
	display: table-cell;
	vertical-align: middle;
	height: 16px;
}

.box2_r .evl_l{
	position: relative;
	width: 45px;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	text-align: left;
	text-indent: 3px;
	border-radius: 2px 0 0 2px;
}
.box2_r .evl_l:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 8px;
	position: absolute;
	top: 0;
	right: -8px;
}

.box2_r .evl_r{
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	text-indent: 5px;
}

.box2_r .sin{
	width: auto;
	margin: 0;
	position: relative;
	top: auto;
	right: auto;
}

.box2_r .sin_icon{
	display: inline-block;
	width: 45px;
	height: 45px;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	color: #fff;
	padding-top: 9px;
	background: url(../../img/all/per2.png) no-repeat;
	-webkit-background-size: 45px auto;
	background-size: 45px auto;
	position: absolute;
	z-index: 2;
	top: 1px;
	left: 1px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transform: rotate(-10deg);
	   -moz-transform: rotate(-10deg);
	    -ms-transform: rotate(-10deg);
	     -o-transform: rotate(-10deg);
	        transform: rotate(-10deg);
}
.box2_r .off .sin_icon{
	width: 36px;
	height: 36px;
	text-align: center;
	padding-top: 5px;
	color: #1c1c1e;
	background: #999;
	border-radius: 3px;
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 5px;
	-webkit-transform: rotate(0deg);
	   -moz-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	     -o-transform: rotate(0deg);
	        transform: rotate(0deg);
}

.box2_r .sin_box{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box2_r .sin_box .sin_in{
	display: table-cell;
	vertical-align: middle;
	height: 46px;
	text-align: center;
	border-radius: 2px;
	padding: 0 5px 0 48px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box2_r .sin_box .sin_in div{
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	padding: 0 0 2px 0;
}

.box2_r .sin_box .sin_in div.sin_main{
	font-size: 10px;
	line-height: 12px;
	padding-bottom: 0;
}

.box2_r .sin_box .sin_in div.sin_main span{
	position: relative;
	display: block;
	font-weight: normal;
	text-decoration: line-through;
	font-size: 11px;
}

.box2_r .sin_box .sin_in div.sin_main em{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 14px;
	color: #ff65b6;
	padding: 0 0 0 0;
}

.box2_r .sin_box .sin_in div.sin_main em i{
	font-family: "FontA";
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	color: #ff65b6;
	background: -webkit-linear-gradient(top, #ff9ee0 20%, #ff429c 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.box2_r .off .sin_box .sin_in div.sin_main em{ 	color: #999;}
.box2_r .off .sin_box .sin_in div.sin_main em i{
	color: #999;
	background: none;
	-webkit-background-clip: inherit;
	-webkit-text-fill-color: #999;
}


.box2_r .sin_box .sin_in p{
	width: 440px;
	font-size: 10px;
	line-height: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 auto;
}
@media screen and (max-width: 650px) {
	.box2_r .sin_box .sin_in p{
		width: calc(100vw - 210px);
	}
}

.all_komi{
	width: calc(100% - 130px);
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	border: 1px solid #c2e8fd;
	color: #fff;
	background: #ebf8fe;
	border-radius: 3px;
	margin: 6px 0 0 0;
	position: absolute;
	bottom: 10px;
	right: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.all_komi:hover{
	text-decoration: none;
}
.all_komi:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 5px 5px;
	border-color: transparent transparent #98d8fb transparent;
	position: absolute;
	bottom: 1px;
	right: 1px;
}
.all_komi span{	color: #ff0000;}
.all_komi em{	font-size: 15px;}

	.dis_txt + #shop_lisit_box > .box2:first-of-type,
	.dis_txt + .shop_all_bg > .box2:first-of-type,
	.img_cast:first-of-type{
		border-top: 2px solid #3e3e41;
	}
	.box2{
	}
	.box2:first-child{	border-top: 2px solid #3e3e41;}
	.box2:last-child{	border-bottom: none;}

	.box2_r h4.h4_2{
		padding: 7px 0 3px 0;
		min-height: auto;
	}


/** box3_free **/

.box3_free{
	position: relative;
	display: block;
	color: #fff;
	text-align: left;
	padding: 0 30px 0 10px;
	border-bottom: 1px solid #3e3e41;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.box3_free:before{
	content: '';
	width: 4px;
	height: 4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	position: absolute;
	top: calc(50% - 2px);
	right: 9px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box3_free h4{
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.box3_free .box2_info{	border-top: none;}
.box3_free .box2_info div{
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}

.box3_area{
	font-size: 10px;
	line-height: 14px;
}

.box3_free .img{
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: calc(50% - 30px);
    left: 10px;
}

.box3_free .img img{
    width: 60px;
    height: auto;
    border-radius: 50%;
}

.box3_free > div{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    padding: 13px 0;
	width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.box3_free .img+div{
    padding: 23px 0 23px 70px;
}


/** line_free **/

.line_free{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3 - 16px);
	color: #fff;
	border: 1px solid #3e3e41;
	margin: 0 4.5px 15px 10px;
	padding: 0 15px 0 35px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.line_free:before{
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 14px;
	border: 1px solid #3e3e41;
	border-radius: 50%;
	position: absolute;
	top: 13px;
	left: 14px;
}
.line_free:after{
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	border-top: 1px solid #3e3e41;
	border-right: 1px solid #3e3e41;
	position: absolute;
	top: 19px;
	left: 19px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.line_free:hover{
	text-decoration: none;
	opacity			: 0.8;
	filter			: alpha(opacity=80);
}

.line_free h4{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	border-bottom: 1px solid #3e3e41;
}

.line_free h4 span{
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	height: 41px;
	padding-top: 3px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.line_free p{
	font-size: 12px;
	line-height: 20px;
	padding: 8px 0 12px 0;
}

.line_free p span{
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	background: #28282a;
	margin: 0 5px 0 0;
	padding: 0 2px;
	border-radius: 1px;
}


/** pv_cate **/

.pv_cate{
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding: 0 0 15px 0;
}

.pv_cate .s_title{	display: none;}

.pv_cate a,
.pv_cate span{
	display: inline-block;
	vertical-align: top;
	width: 80px;
	font-size: 13px;
	line-height: 16px;
	margin: 0 3px;
	padding: 9px 0;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.pv_cate a:first-child,
.pv_cate span:first-child{
	padding-top: 17px;
	padding-bottom: 17px;
}

.pv_cate span:after{
	content			: "";
	display			: block;
	clear			: both;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 9px 0 9px;
	border-color: #ff3399 transparent transparent transparent;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -9px;
}

.pv_cate a{
	color: #fff;
	background: #1c1c1e;
	border: 1px solid #3e3e41;
	box-shadow:0px 0px 0px 2px #28282a inset;
	-moz-box-shadow:0px 0px 0px 2px #28282a inset;
	-webkit-box-shadow:0px 0px 0px 2px #28282a inset;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}

.pv_cate a:hover{
	text-decoration: none;
	background: #28282a;
}

.pv_cate span{
	position: relative;
	font-weight: bold;
	color: #fff;
	background: #ff3399;
	border: 1px solid #ff3399;
	box-shadow:0px 0px 0px 2px #ff8cc5 inset;
	-moz-box-shadow:0px 0px 0px 2px #ff8cc5 inset;
	-webkit-box-shadow:0px 0px 0px 2px #ff8cc5 inset;
}

.pv_cate a:first-child,
.pv_cate span:first-child{	margin-left: 0;}
.pv_cate a:last-child,
.pv_cate span:last-child{	margin-right: 0;}


/** list_box **/

#list{	padding-bottom: 15px;}

.list_box{
	display: block;
	position: relative;
	width: 100%;
	color: #fff;
	border: 1px solid #3e3e41;
	margin: 0 0 15px 0;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.list_box:hover{
	text-decoration: none;
	opacity			: 0.8;
	filter			: alpha(opacity=80);
}

.list_top{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	background: #1c1c1e;
	padding: 10px 9px 0 9px;
	box-shadow:-3px 0px 0px 0px #28282a inset,3px 0px 0px 0px #28282a inset,0px 3px 0px 0px #28282a inset;
	-moz-box-shadow:-3px 0px 0px 0px #28282a inset,3px 0px 0px 0px #28282a inset,0px 3px 0px 0px #28282a inset;
	-webkit-box-shadow:-3px 0px 0px 0px #28282a inset,3px 0px 0px 0px #28282a inset,0px 3px 0px 0px #28282a inset;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.list_top_l,
.list_top_r{
	display: table-cell;
	vertical-align: top;
}

.list_top_l{
	width: 263px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	border-radius: 3px 3px 0 0;
}

.list_top_r{
	font-size: 14px;
	line-height: 20px;
	padding: 10px;
}

.list_bt{
	width: 100%;
	display: table;
	font-size: 0;
	line-height: 0;
	padding: 10px 9px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.list_bt_l,
.list_bt_r{
	display: table-cell;
	vertical-align: top;
}

.list_bt_l{
	width: 263px;
	text-align: left;
}

.list_bt_l img{
	width: 100px;
	height: auto;
}

.list_bt_r span{
	position: relative;
	display: inline-block;
	height: 100px;
	overflow: hidden;
	margin-right: 5px;
}

.list_bt_r img{
	width: 100px;
	height: auto;
}

.list_bt_r em img{
	width: 30px;
	height: auto;
	position: absolute;
	right: 1px;
	bottom: 1px;
}

.list_bt_r span:last-child{	margin: 0;}

.list_data{
	position: absolute;
	bottom: 10px;
	left: 120px;
}

.list_data p{
	font-size: 13px;
	line-height: 18px;
	padding: 0 0 1px 0;
}

.list_data p em{
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	background: #28282a;
	border-radius: 2px;
	padding: 0 3px;
}

.list_data div{
	display: inline-block;
	width: 135px;
	font-size: 12px;
	line-height: 25px;
	border-radius: 2px;
	background: #28282a;
	margin: 3px 0 0 0;
	padding: 0 5px;
	text-align: center;
}

.list_data div span{	color: #ff0000;}


.stel{
	display: inline-block;
	width: 265px;
	height: 50px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-align: left;
	color: #fff;
	padding: 7px 0 0 62px;
	border-radius: 5px;
	box-shadow: 0px 1px 0px 0px #c42371;
	background: url(img/stel.png) no-repeat 10px 50% #ff2697;
	-webkit-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.stel em{
	display: inline-block;
	font-size: 23px;
	line-height: 24px;
}

a.stel:hover{
	text-decoration: none;
	opacity			: 0.8;
	filter			: alpha(opacity=80);
}


/** rsbox **/

#research{
	width: 100%;
	display: table;
	font-size: 0;
	line-height: 0;
	padding: 0 0 5px 0;
}

.dis_txt + #research{
	padding-top: 0;
}

.rsbox_bg{
	display: table-cell;
	width: 20%;
	vertical-align: top;
}

.rsbox{
	margin: 0 0 10px 0;
	padding: 0 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.rsbox h5{
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	color: #fff;
	background: #28282a;
	margin: 0 0 2px 0;
}

.rsbox .tr{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
}

.rsbox .tr:nth-of-type(odd){	background: #28282a;}

.rsbox .th,
.rsbox .td{
	display: table-cell;
	vertical-align: top;
	font-size: 11px;
	line-height: 16px;
	padding: 2px 0;
}

.rsbox .th{
	font-weight: normal;
	text-align: left;
	padding-left: 2px;
}

.rsbox .th a{
	color:#fff;
}

.rsbox .td{
	width: 48px;
	position: relative;
	text-align: right;
	padding-right: 2px;
}

.rsbox .td:after{
	content			: ":";
	display			: block;
	clear			: both;
	position: absolute;
	top: 2px;
	left: 0;
}

.rsbox .td em{	color: #ff0000;}

.rsbox .rbt{
	clear: left;
	text-align: center;
	padding: 5px 0 0 0;
}

.rsbox .bt{
	display: inline-block;
	width: 125px;
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
}


/** sexp **/

#sexp{
	text-align: center;
	margin: 0 0 15px 0;
	padding: 10px;
	background: #28282a;
}

#sexp h4{
	display: inline-block;
	vertical-align: top;
	width: 285px;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	color: #fff;
	border-radius: 5px 5px 0 0;
}

.sebox{
	width: 100%;
	display: table;
	font-size: 0;
	line-height: 0;
	background: #fff;
	border: 1px solid #3e3e41;
}

.sebox_l,
.sebox_r{
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.sebox_l{
	width: 50%;
	border-right: 1px dotted #3e3e41;
}

.sebox_l p{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	padding: 0 0 8px 0;
}

.sebox_l p em,
.sebox_l div em{	color: #ff0000;}
.sebox_l p span{	color: #ccc;}
.sebox_l div span{	color: #e4abc7;}

.sebox_l .sakjo{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	color: #fff;
	padding: 0 5px;
	border-radius: 3px;
	background: #28282a;
}

.sebox_r{
	padding: 15px 0;
}

.sebox_r .bt{
	display: inline-block;
	vertical-align: top;
	width: 150px;
	font-size: 16px;
	margin: 0 5px;
}

#past3{
	margin: 10px 0 20px 0;
	padding: 5px 0;
	font-size: 12px;
	line-height: 20px;
}
#past3 a{
	font-size: 12px;
	line-height: 20px;
	color: #ff0000;
}

#reviewbt{
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

#reviewbt a,
#reviewzero p a{
	color: #ff0000;
}

.f_etc{
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	padding: 0 0 10px 0;
}
.f_etc a{	color: #666;}

.sde_retop .dis_txt:last-of-type{	margin-bottom: 0;}

.rank_btm_div{
	width: 680px;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	border-radius: 23px;
	margin: 0 auto;
	padding: 14px 0;
	background: -webkit-gradient(linear, left top, right bottom, from(#28282a), color-stop(0.25, #28282a), color-stop(0.25, #1c1c1e), color-stop(0.5, #1c1c1e), color-stop(0.5, #28282a), color-stop(0.75, #28282a), color-stop(0.75, #1c1c1e), to(#1c1c1e));
	background: -moz-linear-gradient(-45deg, #28282a 25%, #1c1c1e 25%, #1c1c1e 50%, #28282a 50%, #28282a 75%, #1c1c1e 75%, #1c1c1e);
	background: linear-gradient(-45deg, #28282a 25%, #1c1c1e 25%, #1c1c1e 50%, #28282a 50%, #28282a 75%, #1c1c1e 75%, #1c1c1e);
	-webkit-background-size: 2px 2px;
	background-size: 2px 2px;
}
.fu_zoku{	padding-bottom: 15px;}

.bt_rv{
	padding: 20px 0;
}

.bt_rv .bt{
	display: inline-block;
	width: 290px;
}


/** sde_list **/

#sde_list{
	font-size: 0;
	line-height: 0;
	padding: 0 0 0 10px;
}

.sdebox_bg{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3 - 10px);
	color: #fff;
	border: 1px solid #3e3e41;
	border-radius: 5px;
	margin: 0 10px 10px 0;
	padding: 10px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.sdebox_bg:hover{
	text-decoration: none;
}

.sdebox_bg + .bnr_pr{
	padding-top: 10px;
}

.sdebox{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
}

.sdebox_l,
.sdebox_r{
	display: table-cell;
	vertical-align: top;
}

.sdebox_l{	width: 114px;}

.sdebox_l img{
	display: inline-block;
	width: 100px;
	height: auto;
	padding: 1px;
	border: 1px solid #3e3e41;
	border-radius: 5px;
}

.sdebox_r{}

.sdebox_r .namebox_bg{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
	margin: 0 0 4px 0;
}

.sdebox_r .namebox{
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	border-bottom: 1px dotted #3e3e41;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.sdebox_r .name{
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	padding: 2px 0 0 0;
}

.sdebox_r .size{
	font-size: 10px;
	line-height: 14px;
	letter-spacing: -0.1px;
}
.sdebox_r .size em{	color: #341ea2;}
.sdebox_r .size span{	display: none;}

.sdebox_r .font1{
	display: inline-block;
	border-radius: 2px;
	border: 2px solid #ff86c2;
	background: #ff3399;
	width: 35px;
	height: 35px;
	font-size: 10px;
	line-height: 10px;
	color: #fff;
	text-align: center;
	padding-top: 1px;
	position: absolute;
	top: 9px;
	right: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.sdebox_r .font1:first-letter{
	font-size: 20px;
	line-height: 20px;
}

.sdebox_r .usinfo{
	display: table;
	width: 100%;
	font-size: 0;
	line-height: 0;
}

.sdebox_r .usinfo_l,
.sdebox_r .usinfo_r{
	display: table-cell;
	vertical-align: middle;
}

.sdebox_r .usinfo_l{
	width: 50px;
	position: relative;
}

.sdebox_r .usinfo_r{
	padding: 3px 0;
}

.sdebox_r .usinfo_r > div{
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	background: #fbf4ec;
	padding: 7px 0;
	border-radius: 2px;
}

.sdebox_r .usinfo_r span{
	font-weight: bold;
	color: #956123;
}

.usbox_l img{
	width: 39px;
	height: auto;
	border-radius: 50%;
}

.usbox_l .age{
	display: inline-block;
	width: 44px;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	border-radius: 8px;
	position: absolute;
	top: 27px;
	left: -3px;
}

.sdebox_r table{
	width: 100%;
	font-size: 10px;
	line-height: 16px;
}

.sdebox_r th{
	width: 50px;
	font-weight: bold;
	text-align: left;
}
.sdebox_r th span{	color: #94602a;}

.sdebox_r td{
	font-size: 11px;
	color: #ccc;
}
.sdebox_r td em{	color: #ffcc00;}

.sdebox_r .manzoku{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: absolute;
	bottom: 2px;
	right: 10px;
}

.sdebox_r .manzoku span{
	display: inline-block;
	width: 50px;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	background: #ff0000;
	border-radius: 7px;
	margin: 0 0 3px 0;
}

.sdebox_r .manzoku p{
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
}

.sdebox_r .manzoku p em{
	font-family: "FontA";
	font-size: 30px;
	font-weight: normal;
}

.gal{
	padding-bottom: 10px;
}

.gal + .bt_bg , .zero + .bt_bg{
	margin: 0 10px 20px 10px;
}


/** rgbt **/

.rgbt{
	display: inline-block;
	vertical-align: top;
}
.rgbt_bt{
	display: inline-block;
	vertical-align: top;
	width: 45px;
	height: 45px;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	text-align: center;
	color: #ffffff;
	background: #ffae00;
	background: -moz-linear-gradient(-45deg, #ffae00 0%, #ff8a00 100%);
	background: -webkit-linear-gradient(-45deg, #ffae00 0%,#ff8a00 100%);
	background: linear-gradient(135deg, #ffae00 0%,#ff8a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#ff8a00',GradientType=1 );
	border: 1px solid #ffae00;
	border-radius: 3px;
	padding-top: 2px;
	box-shadow:0px 2px 0px 0px #6f3c00;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	position: absolute;
	top: 11px;
	right: 19px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.rgbt_bt i{
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	color: #fff;
}
.rgbt_bt:hover{
	top: 13px;
	box-shadow: none;
}
.rgbt_bt.favo{
	color: #fff;
	border-color: #ff6134;
	background: #ff6134;
	background: -moz-linear-gradient(left, #ff6134 0%, #ff351c 100%);
	background: -webkit-linear-gradient(left, #ff6134 0%,#ff351c 100%);
	background: linear-gradient(to right, #ff6134 0%,#ff351c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6134', endColorstr='#ff351c',GradientType=1 );
	padding-top: 7px;
	cursor: inherit;
	box-shadow: none;
}
.rgbt_bt.favo:hover{
	top: 11px;
}
.box2 .rgbt_bt{
	width: 50px;
	height: 30px;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	padding-top: 4px;
	position: absolute;
	top: 8px;
	right: 16px;
}
.box2 .rgbt_bt i{
	font-size: 10px;
	line-height: 10px;
}
.box2 .rgbt_bt br:nth-of-type(1){	display: none;}
.box2 .rgbt_bt:hover{	top: 10px;}
.box2 .rgbt_bt.favo{	padding-top: 9px;}
.box2 .rgbt_bt.favo:hover{	top: 8px;}


/** esfree **/
p#loader+a.anchor3+.box_esfree,
p#loader+a.box_ev{	border-top: 1px solid #3e3e41;}

.box_esfree:first-of-type{	border-top: 1px solid #3e3e41;}
.box_esfree{
	position: relative;
	display: block;
	width: auto;
	color: #fff;
	overflow: hidden;
	border-bottom: 1px solid #3e3e41;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
	margin: 0;
	padding: 0 30px 0 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.box_esfree:before{
	content: '';
	width: 4px;
	height: 4px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	position: absolute;
	top: calc(50% - 2px);
	right: 9px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.box_esfree:after{
	content: '';
	height: 100%;
	border-left: 1px dotted #3e3e41;
	position: absolute;
	top: 0;
	right: 20px;
}

.box_esfree > div{
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	padding: 13px 0;
	width: 100%;
}
.box_esfree .img+div{	padding-left: 70px;}
.box_esfree .img{
	display: inline-block;
	vertical-align: top;
	position: absolute;
	top: calc(50% - 30px);
	left: 10px;
}

.box_esfree .img img{
	width: 60px;
	height: auto;
	border-radius: 50%;
}

.box_esfree p{
	width: 100%;
	padding: 0 0 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.box_esfree .es1{
	font-size: 10px;
	line-height: 16px;
	border: none;
	margin: 0;
	padding: 0 0 0 10px;
}

.box_esfree .es2{
	width: 630px;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	margin: 0;
	padding: 0 0 0 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.box_esfree .img+div .es2{	width: calc(100% - 70px);}
.box_esfree .es2 .a_girl{
	display: inline-block;
	vertical-align: top;
	width: auto;
	max-width: calc(100% - 60px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

@media screen and (max-width: 650px) {
	.box_esfree .es2,
	.box_esfree .img+div.box_esfree .es2{
		width: 100%;
	}
}

.box_esfree .es3{
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 10px;
}

.box_esfree .es3 em{
	font-size: 15px;
	color: #ff429c;
}


.box_ev .es1{
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
.box_ev .img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
}
.box_ev .img img{	border-radius: 0;}
.box_ev .es3 em.es3_em{	font-size: 11px;}
.box_ev .img+div .es1{	width: calc(100% - 70px);}
@media screen and (max-width: 650px) {
	.box_ev .es1,
	.box_ev .img+div.box_ev .es1{
		width: 100%;
	}
}


/** movie **/

#movie{
	padding: 15px 15px 25px 15px;
}

#movie .gal{
	padding: 0 0 15px 0;
}

#movie .gal .gal_div .p1:nth-child(3){	font-size: 11px;}

#movie .page_title{
	margin-bottom: 15px;
}

#movie .cate{
}

.cate_uexp{
	font-size: 13px;
	line-height: 24px;
	text-align: center;
	color: #ccc;
	background: #28282a;
	margin: 0 10px 15px 10px;
}
.cate_uexp span{
	font-weight: bold;
	color: #fff;
}



	.cnt{
		padding: 0;
	}
	.cnt .page_title{
		margin-bottom: 0;
	}
	.cnt .page_title+.cate{	padding-top: 10px;}
	.dis_txt+.box1{ border-top: 5px solid #3e3e41;}
	.sh_bt_bg+.box1{	border-top: 5px solid #3e3e41;}
	.refine+.box1{	border-top: 5px solid #3e3e41;}
	.fudol4+.box1{	border-top: 5px solid #3e3e41;}
	.dis_txt+.box2{	border-top: 2px solid #3e3e41;}
	.fudol4+.box2{	border-top: 2px solid #3e3e41;}
	#index .fudol4{
		border-bottom: none;
	}

	/** refine **/
	.refine{
		width: auto;
		margin: 0;
		padding: 10px 10px 5px 10px;
	}
	.refine h4 em{
		font-size: 14px;
		line-height: 22px;
		padding: 0 5px 0 22px;
		background: url(./img/refine.png) no-repeat #28282a;
		-webkit-background-size: 22px 22px;
		background-size: 22px 22px;
	}
	.refine div{
		font-size: 11px;
		line-height: 16px;
		margin: 0 0 3px 0;
	}
	.refine span{
		width: auto;
		min-width: 60px;
		font-size: 10px;
		line-height: 15px;
		margin: 0 5px 0 0;
		padding: 0 5px;
	}

	.dis_txt + .sh_bt_bg{ margin-bottom: 10px;}


	/** shop_all_bg **/
	.shop_all_bg{ border-top: 2px solid #3e3e41;}
	.shop_all_bg > .box1:first-child{ border-top: none;}
	.shop_all_bg > .box2:first-child{ border-top: none;}



	/** box2 **/


	/** line_free **/
	.line_free{
		position: relative;
		width: 100%;
		border: none;
		border-bottom: 2px solid #3e3e41;
		margin: 0;
		padding: 0 25px 0 30px;
		background:
		url(../../img/all/i1.png) no-repeat 100% 50%,
		url(../../img/all/i2.gif) repeat-y top right;
		-webkit-background-size: 15px 15px, 15px 15px;
		background-size: 15px 15px, 15px 15px;
	}
	.line_free:before{
		position: absolute;
		top: 8px;
		left: 7px;
	}
	.line_free:after{
		position: absolute;
		top: 14px;
		left: 12px;
	}
	.line_free h4 span{
		font-size: 13px;
		line-height: 14px;
		height: 30px;
	}
	.line_free p{
		font-size: 12px;
		line-height: 16px;
		padding: 4px 0 8px 0;
	}

	.line_free p span{
		display: inline-block;
		vertical-align: middle;
		font-size: 11px;
		line-height: 14px;
		color: #fff;
		background: #28282a;
		margin: 0 5px 0 0;
		padding: 0 2px;
		border-radius: 1px;
	}

	/** pv_cate **/
	.pv_cate{
		font-size: 0;
		line-height: 0;
		text-align: center;
		padding: 0;
		margin-top: -1px;
	}
	.pv_cate .s_title{
		display: block;
		position: relative;
		cursor: pointer;
	}
	.pv_cate .s_title.open{
		margin-bottom: 0;
	}
	.pv_cate .s_title em{
		display: inline-block;
		width: 80px;
		height: 34px;
		font-size: 10px;
		font-weight: normal;
		line-height: 12px;
		text-align: left;
		background: #28282a;
		color: #fff;
		padding: 4px;
		position: absolute;
		top : -webkit-calc(50% - 17px);
		top : -moz-calc(50% - 17px);
		top : calc(50% - 17px);
		right: 7px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.s_title em:after{
		content: "+";
		display: block;
		clear: both;
		position: absolute;
		font-size: 12px;
		right: 10px;
		top: 9px;
		-webkit-transition	: 0.2s ease-in-out;
		-moz-transition	: 0.2s ease-in-out;
		-o-transition	: 0.2s ease-in-out;
		transition		: 0.2s ease-in-out;
	}
	.s_title.open em:after{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.pv_cate .s_title+.acdbox{
		display: none;
		overflow: hidden;
	}
	.pv_cate .s_title.open+.acdbox{
		overflow: visible;
	}
	.pv_cate a,
	.pv_cate span{
		display: block;
		width: 100%;
		font-size: 14px;
		font-weight: normal;
		line-height: 20px;
		color: #fff;
		text-align: left;
		margin: 0;
		padding: 15px 10px;
		border-radius: 0;
		border: none;
		border-bottom: 1px solid #3e3e41;
		background:
		url(../../img/all/i1.png) no-repeat 100% 50%,
		url(../../img/all/i2.gif) repeat-y top right;
		-webkit-background-size: 15px 15px, 15px 15px;
		background-size: 15px 15px, 15px 15px;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
	.pv_cate span{
		font-weight: bold;
		color: #fff;
		background: #ff3399;
	}
	.pv_cate span:after{	display: none;}
	.pv_cate a br, .pv_cate span br{	display: none;}
	/** list_box **/
	#list{	padding-bottom: 0px;}
	#list .page_title{	margin-bottom: 0;}
	.list_box{
		display: block;
		position: relative;
		width: 100%;
		border: none;
		border-bottom: 1px solid #3e3e41;
		margin: 0;
		padding: 10px 25px 10px 0;
		background:
		url(../../img/all/i1.png) no-repeat 100% 50%,
		url(../../img/all/i2.gif) repeat-y top right;
		-webkit-background-size: 15px 15px, 15px 15px;
		background-size: 15px 15px, 15px 15px;
	}
	.list_top{
		background: none;
		padding: 0;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
	.list_top_l,
	.list_top_r{
		display: block;
	}
	.list_top_l{
		width: auto;
		padding: 2px 10px;
		text-align: left;
		border-radius: 0 3px 3px 0;
	}
	.list_top_r{
		font-size: 11px;
		line-height: 18px;
		padding: 3px 10px 3px 10px;
	}
	.list_bt{
		padding: 0;
	}
	.list_bt_l{
		width: 75px;
		text-align: center;
	}
	.list_bt_r{	text-align: left;}
	.list_bt_r span{
		height: 55px;
		margin-right: 0;
	}
	.list_bt_l img,
	.list_bt_r img{
		width: 55px;
	}
	.list_bt_r em img{
		width: 20px;
		right: 0;
		bottom: 0;
	}
	.list_data{	display: none;}

	.stel{
		display: block;
		width : -webkit-calc(100% - 20px);
		width : calc(100% - 20px);
		height: 50px;
		padding: 7px 0 0 80px;
		border-radius: 5px;
		box-shadow: 0px 1px 0px 0px #c42371;
		background: url(img/stel.png) no-repeat 20px 50% #ff2697;
		-webkit-background-size: 50px 50px;
		background-size: 50px 50px;
	}

	/** rsbox **/
	#research{
		display: block;
		height: auto;
		font-size: 0;
		line-height: 0;
		padding: 5px 0 0 0;
	}
	.rsbox_bg{
		display: block;
		width: 100%;
	}
	.rsbox{
		vertical-align: top;
		width: 100%;
		margin: 0 0 5px 0;
		padding: 0 5px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.rsbox h5{
		font-size: 15px;
		font-weight: bold;
		line-height: 25px;
		text-align: center;
		color: #fff;
		background: #28282a;
		margin: 0 0 2px 0;
		padding: 5px 0;
	}
	.rsbox .th,
	.rsbox .td{
		font-size: 13px;
		padding: 5px 5px;
	}
	.rsbox .td{
		width: 55px;
	}

	.rsbox .tr{
		display: table;
		width : -webkit-calc(50% - 1px);
		width : calc(50% - 1px);
		font-size: 0;
		line-height: 0;
		float: left;
	}
	.rsbox .tr:nth-of-type(odd){	background: none;}
	.rsbox .tr:nth-of-type(odd){	margin-right: 1px;}
	.rsbox .tr:nth-of-type(even){	margin-left: 1px;}
	.rsbox .tr:nth-of-type(4n-3),
	.rsbox .tr:nth-of-type(4n-2){	background: #28282a;}
	.rsbox:after{
		content			: "";
		display			: block;
		clear			: both;
	}
	.rsbox .bt{
		width: 155px;
		font-size: 12px;
		line-height: 25px;
	}

	/** sexp **/
	#sexp{
		margin: 0;
	}
	#sexp h4{
		display: block;
		vertical-align: top;
		width: auto;
		font-size: 16px;
		margin: 0 20px;
	}
	.sebox{
		width: 100%;
		display: block;
	}
	.sebox_l,
	.sebox_r{
		display: block;
	}
	.sebox_l{
		width: 100%;
		border: none;
	}
	.sebox_l p{
		padding: 15px 0 8px 0;
	}
	.sebox_r{
		padding: 13px 10px;
	}
	.sebox_r .bt{
		display: inline-block;
		vertical-align: top;
		width : -webkit-calc(50% - 6px);
		width : calc(50% - 6px);
		margin: 0 3px;
	}

	/** acd **/
	.title{
		display: inherit;
		position: relative;
		cursor: pointer;
		margin-bottom: -1px;
	}
	.title.open{
		margin-bottom: 0;
	}
	.acdbox{
		overflow: hidden;
	}
	.title.open+.acdbox{
		overflow: visible;
	}
	.title em:before{
		content: "";
		display: block;
		clear: both;
		width: 20px;
		height: 20px;
		font-size: 10px;
		line-height: 20px;
		color: #fff;
		text-align: center;
		background: #28282a;
		position: absolute;
		top: 15px;
		right: 10px;
	}
	.title em:after{
		content: "+";
		display: block;
		clear: both;
		width: 20px;
		height: 20px;
		font-size: 10px;
		line-height: 20px;
		color: #fff !important;
		text-align: center;
		position: absolute;
		top: 15px;
		left : -webkit-calc(100% - 30px);
		left : calc(100% - 30px);
		-webkit-transition	: 0.2s ease-in-out;
		-moz-transition	: 0.2s ease-in-out;
		-o-transition	: 0.2s ease-in-out;
		transition		: 0.2s ease-in-out;
	}
	.title.open em:after{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/** slist **/
	#pub #topsd.slist #cover,
	#pub #topsd.slist #sd0,
	#pub #topsd.slist #sd1,
	#pub #topsd.slist #sd2,
	#pub #topsd.slist #sd3{ display: none;}
	#pub.sde_retop #topsd.slist #sd3{
		display: table;
		position: absolute;
		top: 55px;
		left: 0px;
	}
	#pub.sde_retop #research_bg #research{ padding: 105px 0 0 0;}
	#pub.sde_retop .zero{ padding: 100px 0 0 0;}
	#past3{	margin: 0;}

	/*review*/
	#reviewbt{
		padding: 20px 0;
	}
	.f_etc{
		font-size: 11px;
		line-height: 18px;
		border-top: 2px solid #3e3e41;
		padding: 10px 0;
	}
	.sde_retop .dis_txt:last-of-type{	margin-bottom: 10px;}

	.rank_btm_div{
		position: relative;
		width: auto;
		font-size: 11px;
		border-radius: 25px;
		margin: 10px 10px 0 10px;
		padding: 7px 0;
	}
	.fu_zoku{	padding-bottom: 0;}

	.bt_rv{	padding: 10px;}
	.bt_rv .bt{
		display: block;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}

	/** sde_list **/
	.sde_cate{	margin-bottom: 110px;}
	#sde_list{
		margin: 0;
		padding: 0;
		border-top: 1px solid #3e3e41;
	}
	.sdebox_bg{
		position: relative;
		display: block;
		width: auto;
		color: #fff;
		border: none;
		border-bottom: 1px solid #3e3e41;
		border-radius: 0;
		margin: 0;
		padding: 0 25px 0 0;
		background:
		url(../../img/all/i1.png) no-repeat 100% 50%,
		url(../../img/all/i2.gif) repeat-y top right;
		-webkit-background-size: 15px 15px, 15px 15px;
		background-size: 15px 15px, 15px 15px;
	}
	.sdebox_l{	width: 110px;}
	.sdebox_l img{
		width: 100px;
		padding: 0;
		border: none;
		border-radius: 0;
	}
	.sdebox_r .namebox_bg{	margin-bottom: 5px;}
	.sdebox_r .namebox{
		height: 44px;
	}
	.sdebox_r .name{
		font-size: 15px;
		font-weight: bold;
		line-height: 20px;
		padding: 4px 0 0 0;
	}
	.sdebox_r .size{
		font-size: 10px;
		line-height: 14px;
	}
	.sdebox_r .size em{	color: #341ea2;}
	.sdebox_r .size span{	display: inline; color: #ccc;}
	.sdebox_r .font1{
		position: absolute;
		top: 4.5px;
		right: 25px;
	}
	.sdebox_r .usinfo_r{	padding: 3px 0;}
	.sdebox_r .usinfo_r br{	display: none;}
	.sdebox_r .usinfo_r > div{	padding: 10px 0;}
	.usbox_l .age{
		display: inline-block;
		font-size: 10px;
		line-height: 12px;
		border-radius: 7px;
	}
	.sdebox_r table{
		width: 100%;
		font-size: 10px;
		line-height: 14px;
		margin-top: 2px;
	}
	.sdebox_r th{
		width: 50px;
		font-weight: bold;
		text-align: left;
	}
	.sdebox_r th span{	color: #94602a;}
	.sdebox_r td{
		font-size: 12px;
		color: #ccc;
	}
	.sdebox_r td em{	color: #ffcc00;}
	.sdebox_r .manzoku{
		position: absolute;
		bottom: -2px;
		right: 25px;
	}
	.sdebox_r .manzoku p{	line-height: 22px;}
	.sdebox_r .manzoku p em{	font-size: 28px;}
	#sde_list .dis_txt{	margin-bottom: 0;}
	#sde_list .next{ margin: 0 0 1px 0;}
	.gal{
		padding: 0;
	}
	.gal + .bt_bg , .zero + .bt_bg{
		margin: 0;
	}

	/** rgbt **/
	.rgbt{
	}
	.rgbt_bt{
		position: absolute;
		top: 6px;
		right: 5px;
	}
	.rgbt_bt:hover{
		top: 9px;
		box-shadow: none;
	}
	.rgbt_bt.favo:hover{
		top: 6px;
	}
	.box2 .rgbt_bt{
		width: 45px;
		padding-top: 4px;
		position: absolute;
		top: 5px;
		right: 9px;
	}
	.box2 .rgbt_bt i{
		font-size: 10px;
		line-height: 10px;
	}
	.box2 .rgbt_bt:hover{	top: 7px;}
	.box2 .rgbt_bt.favo{	padding-top: 9px;}
	.box2 .rgbt_bt.favo:hover{	top: 5px;}


	/** esfree **/


	/** movie **/
	#movie{
		padding: 0;
	}
	#movie .page_title{
		margin-bottom: 0;
	}
	#movie .cate+.narrow{	margin-top: 5px;}
	#movie .gal{
		padding: 0 0 0 0;
	}
	#movie .bt_bg{
		margin: 0 0;
	}
	.cate_uexp{
		font-size: 12px;
		line-height: 20px;
		margin: 0 0 10px 0;
	}



















/** pr **/
.bnr_pr{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0 0 10px 0;
}
.bnr_pr div{	padding: 0 10px;}
.bnr_pr div img{
	width: 80%;
	max-width: 350px;
}
.bnr_pr p{
	font-size: 10px;
	line-height: 14px;
}
#review + .bnr_pr{ 
	padding-top: 10px;
}

.expbox_bg + .bnr_pr{	padding-top: 10px;}


/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 650px) {
	#modal_bg{
		width: 100%;
		left: 0;
	}
}

@media screen and (max-width: 320px) {
	.inbox.box1 .img100 img{
		width: 24%;
	}
}