@charset "UTF-8";
/*
	Title	   : アニメ「可愛ければ変態でも好きになってくれますか？」
	URI            : https://hensuki.com/
	Designer       : GRAPHNETWORK
	Designer's URI : https://hensuki.com/
*/


/*#main::before {
    background-image: url(/img/common/img_contents_bg.png);
}*/

.subnav li a {
    border-radius: 50px;
	border: solid 1px #e9527d;
    color: #e9527d;
    display: block;
    text-align: center;
    height: 40px;
    line-height: 41px;
    width: 100%;
    padding: 0 7px;
    font-size: 1em;
    letter-spacing: 0.05em;
}
.subnav li a:hover {
	border-radius: 50px;
    text-decoration: none;
    background-color: #e9527d;
    color: #fff;
    opacity: 0.8;
}
.num_story {
    /*font-size: 0.6em;*/
    font-weight: normal;
    /*color: #FFE108;*/
}
.story_ttl {
    font-size: 1.2em;
    color: #fff;
    font-weight: normal;
	background: #e9527d;
	border-radius:27px 27px 0 0;
	padding: 16px;
}

@media screen and (min-width:960px) {
.story_ttl {
    font-size: 1.4em;
}
}
.story_box {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 30px;
	border: solid 2px #e9527d;
	border-radius:30px;
	background: #fff;
}

@media screen and (min-width:960px) {
.story_box {
    /*padding-bottom: 20px;*/
    /*padding-top: 20px;*/
	border-radius:30px;
	/*padding: 70px;*/
}
}
.intro_block {
    width: 100%;
    text-align: center;
}
.intro_block img {
    width: 100%;
}

@media screen and (min-width:960px) {
.intro_block {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    line-height: 2.1em;
    padding-bottom: 100px;
}
.intro_block img {
    width: auto;
}
}
.intro_block .read {
    font-size: 1.3em;
    margin-bottom: 0;
    line-height: 1.6em;
}
.tabmenu a.btn {
	background-color: #FAE881;
	color: #333;
	}	
.tabmenu a.btn:hover {
	background-color: #FAE881;
	color: #333;
	}
@media screen and (min-width:960px) {
#main::before {
    background: none;
}
h2.ttl_detail {
    width: 50%;
    margin: 0 auto 40px auto;
}
/*#main {
      background-image: url(../../story/img/story_bg.jpg);
   }*/

.tabmenu {
    width: 650px;
    margin: 40px auto;
}
.tabmenu a.btn {
	background-color: #FAE881;
	color: #333;
	}	
.tabmenu a.btn:hover {
	background-color: #FAE881;
	color: #333;
	}
@media screen and (min-width:960px) {
.story_box {
    width: 740px;
    margin: 40px auto;
}	
}
.subnav {
    width: 650px;
    margin: 40px auto;
}
.subnav li {
    width: 5em;
    /*margin: 9px;*/
}
.intro_block .read {
    font-size: 1.5em;
    padding-top: 50px;
}
.intro_block {
    font-size: 1.1em;
}
}
.ep_area {
    color: #333;
    margin: 20px;
}

.ep_area img {
	width: 100%;
}
.story_img_wrap{
	display : flex;
	flex-wrap : wrap;
	justify-content:space-between;
}
.story_img_box {
	box-sizing: border-box;
	width: 49%;
}
@media screen and (min-width:960px) {
.ep_area {
    color: #333;
    margin: 40px;
}
}

.story_txt{
	margin-top: 10px;
}

.movie_staff {
	font-size: 0.8em;
	text-align: center;
	color: #888;
	margin-top: 10px;
}