@charset "utf-8";




.story-detail .heading{
	width:100%;
	position:relative;	
}



.story-detail .heading img{
	width:100%;	
}

.story-detail .heading .title-wrap{
	position:absolute;
	top:70%;
	left:0px;
	width:100%;
	height:30%;
	background:rgba(255,255,255,0.7)	;
}

.story-detail .heading .title-wrap .data{
	display:inline-block;
	width:94%;
	margin:5px 0px 0px;
}
.story-detail .story-detail .chapter-title,
.story-detail .story-detail .chapter-title-smt{
	letter-spacing: 2px;
}
.story-detail .story-detail .chapter-title:first-letter{
	color:#F3C;
	font-size:36px;
}

.story-detail .story-detail .chapter-title-smt:first-letter{
	color:#F3C;
	font-size:30px;
}



.story-detail .heading-beginning{
	width:100%;
	height:auto;
}


.story-detail .heading-beginning span{
	display:block;
	width:100%;
	height:auto;
}

.story-detail .heading-beginning span span{
	display:inline-block;
	width:auto !important;
	height:auto;
}

.story-detail .heading-beginning span span:after{
	content:",";
}


.story-detail .heading-beginning span a.categorys{
	display:inline-block;
	margin-right:5px;
	width:auto;
	height:auto;
}


.story-detail .detail-data{
	position:relative;
}

.story-detail .detail-data .detail-thumb img{
	width:100% !important;	
}


.story-detail .detail-data img{
	max-width:100%;	
}


.detail-data .story-num{
	width:35px;
	margin:0px 3% 0px 0px !important;	
	padding:5px 0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.detail-data .s-story-num{
	width:25px;
	margin:0px 3% 0px 0px !important;	
	padding:2px 0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}



.detail-data .story-num-data{
	width:87%;
}


.relation-story-list .pickup .thumb{
	width:45%;
}


.relation-story-list .pickup .thumb img{
	width:100%;
}


.relation-story-list .pickup .contents{
	width:53%;
}


.relation-story-list .group-detail .relation-detail{
	width:50%;
	box-sizing:border-box;
}

.relation-story-list .group-detail .relation-detail a{
	width:95%;
}


.relation-story-list .group-detail .relation-detail-right a{
	margin:0px 0px 0px 5%;;
}

.relation-story-list .group-detail .relation-detail img{
	width:100%;
}



.relation-story-list .group-detail .relation-detail-left{
	border-style:none dotted none none;
}

.detail-page .detail-pc .ad-bottom{
	width:50%;
	height:auto;
}

.detail-page .detail-smt .ad-bottom{
	width:80%;
	height:auto;
	margin:0 auto;
}


.detail-page .detail-pc .ad-bottom img,
.detail-page .detail-smt .ad-bottom img
{
	max-width:100%;
	height:auto !important;
}
.detail-page .detail-pc .m-auto{
	margin:0 auto !important;
}



.detail-page .detail-pc .ad-bottom img{
	max-width:100%;
}

.detail-page .categorys-list:after{
	content:" / ";
	display:inline-block;
	margin:0px 2px;
}

.detail-page #chapter-index-wrap .view{
	display:block;
	list-style-position: inside;
	list-style-type: decimal;	
}


.detail-page #chapter-index-wrap .close{
	display:none;	
}

.story-detail .chapter-aff-wrap{
	border:1px dotted #009;
	width:94%;
	height:auto;
	padding:1% 10px;
	margin:10px auto;
	text-align:left !important;
}

.detail-page .aff-ranking a{
	display:block;
	width:100%;
	height:auto;	
}

.detail-page .aff-ranking .thumb{
	width:30%;
	max-width:125px;
}


.detail-page .aff-ranking .thumb img{
	width:100%;
}


.detail-page .aff-ranking .aff-datawrap{
	width:75%;
}

.detail-page .aff-ranking .aff-datawrap-smt{
	width:65%;
}

.detail-page .aff-ranking a div *{
	color:#1A0DAB;
}
.detail-page .aff-ranking a{
	text-decoration:none !important;
}

.detail-page .aff-ranking .review span.star{
	font-size: 20px;
    color: transparent;
    background-image: linear-gradient(orange, orange), linear-gradient(gray, gray);
    background-position: left, right;
    background-repeat: no-repeat;
    background-size: var(--rate) 100%, calc(100% - var(--rate)) 100%;
    background-clip: text;
    -webkit-background-clip: text;
}

.detail-page .aff-ranking .review span.star:before{
    content: "★★★★★";
}

.detail-page .return-detail-page{
	margin:0px auto;
	width:50%;
}

.detail-page .to-aff-ranking-link{
	margin:20px auto;
	text-decoration:none;
	position:relative;
}

.detail-page .to-aff-ranking-link span.red-box{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	padding:1px 10px;
}

.detail-page .to-aff-ranking-link span.link-text{
	text-decoration:underline;
	color:#1A0DAB;
}
.detail-page .return-detail-page a:hover{

}

.detail-page .aff-btn{
	margin:15px 0px 0px;	
}

.detail-page .aff-btn a{
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #ccc;
	display:block;
	width:78%;
	height:auto;
	padding:10px 2%;
	margin:0px auto 10px;
}