@charset "UTF-8";

/*cmn*/
.news_body,
.character_list,
.comic_list {padding:1em 0 2em;}
.series_list{padding:2em 0;}

@media screen and (max-width: 1000px){
    .content_inner{width: 100%;}
    .news_body,
    .character_list,
    .comic_list,
    .series_list{padding: 3% 2.5% 10%;}
}


.ttl_header{
    color: #111;
}
.ttl_header .content_inner{
    max-width: 1000px;
}

.series_more{
    margin: 0 0 5em 0;
}
.series_more .btn{
	font-size: 1.3em;
	line-height: 1;
	background-color: #111;
	background-position: right 5px bottom 5px;
	background-image: url(../../common/images/btn_bg.png);
}

.series_more.end{
    margin:-1.5em 0 3em;
}

/*pc*/
@media screen and (min-width: 767.1px){
    .series_more .btn{
        font-size: 1.5em !important;
        max-width: 300px;
        width: 70%;
    }
}

/*sp*/
@media screen and (max-width: 767px){
    .ttl_header .content_inner{padding-right: 2.5%; padding-left: 2.5%;}
    .series_more.end{margin-top: -.5em;}
    .series_more .btn{
        width: 70%;
    }
}

/*作品一覧--------------------------------------------------------------*/


#series{background: none;}

#series .new::before{
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
	border-bottom: 2.5em solid transparent;
	border-right: 2.5em solid #da0120;
	border-top: 2.5em solid #da0120;
	border-left: 2.5em solid transparent;
	opacity: 0.9;
	left: auto;
}
#series .new::after{
	right: 3px;
	left: auto;
}


/*タイトル・作者*/

.page_ttl{font-size: 3em; font-weight: 900; color: #111111; text-align: center; }
.page_ttl span{ display: block; font-size: 0.4em; font-family: 'Teko', sans-serif; }
#series .ttl_header{
		background: #dee2e7;
		background-image: url("../images/bg_ttl_list.png");
		background-position: top right;
		background-repeat: no-repeat;
		color: #111;
		margin-bottom: 1.5em;	}

.page_artist{font-size: 1.1em;}

/*pc*/
@media screen and (min-width: 767.1px){
#series .ttl_header .content_inner{padding: 0 1em;
	}
}

/*sp*/
@media screen and (max-width: 767px){
	#series .ttl_header{ background-image: url("../images/bg_ttl_list_sp.png"); background-size: 100% auto; }
	.ttl_header .content_inner { padding-right: 2.5%; padding-left: 2.5%; }
    .page_ttl h2{ margin: 0 auto; padding: 2.5% 0; }
    .page_sub{ padding:2.5%; }
    .page_sub{ width: 20%; }
    .page_ttl{ width: 100%; font-size: 2em; }
}

/*タイトル*/

.ttl_wrap{ background: #fff; }
.ttl_wrap h3{ font-size: 3rem; padding: 1.55rem 0; }
.ttl_wrap.mangaup span{ color: #da5228; }

/*sp*/
@media screen and (max-width: 767px){
.ttl_wrap{ background-color: #111111; }
.ttl_wrap h3{ font-size: 6.6vw; padding: 2.5%; }

}

.series_list li{
    margin-right: 2.6%;
    margin-top: 1em;
	flex-basis: 23% !important;
	max-width: 23% !important;
	width: 23% !important;
}

.content_block.series_list li{
	border: 2px solid #111111;
	margin-bottom: 1.3em;
	box-shadow: 0 2px 0 #5b5b5b;
	}

/*-----------------------
series
-----------------------*/
.series_list li a{
    background: #fff;
    padding:0.929em;
    display: block;
}
.series_list li span{
    background: #fff;
    padding:0.929em;
    display: block;
}
.series_list li .series_artist span{
    display: inline;
    background: transparent;
    padding:0;
}

.series_list li .series_img {
	flex-basis: 30%;
	max-width: 30%;
	width: 30%;
}
.series_list li .series_logo {
	flex-basis: 70%;
	max-width: 70%;
	width: 70%;
}
.series_list li .series_logo.flx {
	display: block;
}

.series_list li .series_ttl{font-weight: 800; margin-bottom: 0.5em; line-height: 1.3;}
.series_list li .series_artist{font-weight: 400; font-size:.8em ; line-height: 1.3;}
.series_list li .series_copy{font-weight: 400; font-size: 1rem; margin-top: 0.4em; color: #777;}

.comsoon{
	background-color: #BEBFBE;
	border-radius: 5px;
	padding: 0.2em;
	margin: 0.5em 0 0 0;
	text-align: center;
}

/*pc*/
@media screen and (min-width: 767.1px){
    .series_list li:nth-child(4n){
        margin-right: 0;
    }
    .series_list li:nth-child(-n + 4){
        margin-top: 0;
    }
}

/*sp*/
@media screen and (max-width: 767px){
	.content_block.series_list li{
	margin-bottom: 0;
	}
	.series_list li a{ padding: 0.6em; }
	.flx.tocol2 > * {
		flex-basis: 48% !important;
		max-width: 48% !important;
		width: 48% !important;
		margin-right: 4% !important;
	}
    .series_list li:nth-child(2n){
        margin-right: 0 !important;
    }
    .series_list li:nth-child(-n + 2){
        margin-top: 0 !important;
    }
	.series_list li a{
        display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%;
        -webkit-box-pack: justify; -ms-flex-pack: justify; flex-pack: justify; justify-content: space-between;
    }
	.series_list li .series_img {
		flex-basis: 40%;
		max-width: 40%;
		width: 40%;
	}
	.series_list li .series_logo {
		flex-basis: 60%;
		max-width: 60%;
		width: 60%;
		align-items: center;
	}
	.series_list li .series_logo.flx {
		display: flex;
	}
	.comsoon{
		font-size: .8em;
	}
}





/*作品詳細--------------------------------------------------------------*/
#series_detail.main_wrapper{ opacity: 0; transition: all 0.5s; }
#series_detail.main_wrapper.fadein{ opacity: 1; transition: all 0.5s; }

#series_detail .series_artist{}
#series_detail .series_artist p {margin-bottom: .2em;}
#series_detail .series_artist p.small{font-size: .8em;}
#series_detail .series_artist p span{font-size: .8em; }
#series_detail .series_ttl{ font-size: 2.5em; font-weight: 900; padding: 0;}
#series_detail .series_ttl span{ font-size: 0.6em; }
#series_detail h3{ font-family: 'Teko', sans-serif; letter-spacing: 0.15em;  }

#series_detail .series_artist{font-size: 1.1em;}

/*pc*/
@media screen and (min-width: 767.1px){

    #series_detail .ttl_header{padding:.8em;}
    #series_detail .ttl_header .content_inner{padding: 0 1em 0.5em 1em; }
    #series_detail .series_ttl,
    #series_detail .series_artist{width: 100%; }
}

/*sp*/
@media screen and (max-width: 767px){
    #series_detail .ttl_header .content_inner{ padding: 0; margin-bottom: 1em; }
   	#series_detail .series_ttl{font-size: 2em;}
    #series_detail .series_ttl h2{width: 95%; margin: 0 auto; padding: 1.5% 0 0 0; line-height: 1em; }
    #series_detail .series_artist{ padding:1% 2.5% 2.5% 2.5%; }
}




/*タイトル一覧*/
#series_story　h3{ color: #222; font-family: 'Teko', sans-serif; letter-spacing: 0.15em;  }

/*STORY*/
#series_story{ color: #111; margin-left: 410px; }
#series_story .catch{ color:#2878DB; padding-top: 0.5em; font-size: 1.7em; font-weight: 500; }
#series_story a{ color:#2878DB; }
@media screen and (max-width: 767px){
    #series_story .catch{ font-size: 1.5em;}
}

/*インフォメーション*/
.ttl_information{margin-top: 4em;}

/*リンク*/
.ttl_link{margin-top: 4em;}

/*キャラクター*/
.ttl_character{margin-top: 4em;}

/*コミックリスト*/
.ttl_comic{margin-top: 2em;}



/*sp*/
@media screen and (max-width: 767px){
/*インフォメーション*/
.ttl_information{margin-top: 2em;}
.ttl_information h3{ font-size: 3rem;}
	
/*リンク*/
.ttl_link{margin-top: 2em;}
.ttl_link h3{ font-size: 3rem;}

/*キャラクター*/
#series_character.end{margin-bottom:2em;}
.ttl_character{margin-top: 2em;}
.ttl_character h3{ font-size: 3rem;}

/*コミックリスト*/
.ttl_comic{margin-top: 2em;}
.ttl_comic h3{ font-size: 3rem;}

}



.ttl_wrap_half h3{
	font-size: 2rem;
    font-weight: 900;
    padding: .8rem 1.5rem .5rem 1.5rem;
    margin: 0 auto;
    background-color: #111;
    color: #fff;
}

#series_main{ 
	padding: 30px; 
	min-height: 530px; 
	background-image:url("../images/bg_ttl.png");
	background-repeat: no-repeat;
	background-position:top right;
	background-color: #dee2e7;
}
#series_main.tcy{
	padding: 15px 30px 30px 30px;
}

#series_image img{
	width: 380px;
    height: auto;
    display: block;
    float: left;
    border: 10px solid #FFF;
}
/*連載終了作品*/
.content_inner.old #series_image img{
	width: auto;
    height: auto;
    margin:0 auto 2em auto;
    display: block;
    float: none;
    border: 10px solid #FFF;
}
.content_inner.old #series_story {
    color: #111;
    margin-left: 0;
}
.content_inner.old #series_story .btn_wrap .btn {
    margin: 5px 0.7em 5px 0;
}
.content_inner.old #series_story .btn_wrap .btn:last-child {
    margin: 5px 0;
}

#series_story p{ padding:.5em 0 1em 0; }

#series_story .btn_wrap{padding-bottom: 2em; text-align: center; }
#series_story .btn{background-color:#2878DB; color: #FFF; }
#series_story .btn img{width:1.5em; height:auto; margin-right: .5em; vertical-align: middle;}
#series_story .btn span{vertical-align: middle;}

/*pc*/
@media screen and (min-width: 767.1px){
}

#series_story .btn_wrap .btn {
	max-width:400px;
	margin: 5px 0;
}
/*ボタン３つ*/
#series_story .btn_wrap.three{
	margin:0 auto;
	justify-content:flex-start;
	text-align:left;
}
#series_story .btn_wrap.three .btn {
	max-width: 32.1%;
	margin: 5px 0;
}
#series_story .btn_wrap.three:after {
	display: block;
	content:"";
	max-width:300px;
}
.content_inner.old #series_story .btn_wrap .btn:nth-child(3n) {
	margin: 5px 0 5px 0;
}
@media screen and (max-width: 1042px){
	#series_main{padding: 3%;}
	.content_inner.old #series_story .btn_wrap.three .btn {
		max-width: 31%;
		margin: 1% 2% 1% 0;
	}
	.content_inner.old #series_story .btn_wrap.three .btn:nth-child(3n) {
		margin: 1% 0 1% 0;
	}
	.content_inner.old #series_story .btn_wrap.three .btn:last-child {
		margin: 1% 0 1% 0;
	}
}

/*sp*/
@media screen and (max-width: 767px){
	#series_main{ width: 100%; min-height:auto; margin: 0 auto 10px auto; padding: 15px; background-size: contain; }
	#series_image { width: 80%; margin: 0 auto 2em auto; }
	#series_image img{ width: 100%; height: auto; float: none; }
	/*連載終了作品*/
	.content_inner.old #series_image { width: 100%; margin: 0 auto 2em auto; }
	.content_inner.old #series_image img { width: 100%;}

	#series_story .ttl_wrap_half{ background-size: cover; }
	#series_story .ttl_wrap_half h3{font-size: 2rem; font-weight: 900; padding: 0.3em 0.5em 0 0.5em ; max-width: 100%; margin:10px auto 0 auto;}
	#series_story p{ padding:1em .5em ; }
	#series_story{
	margin-left: 0;
    } 
	#series_story .btn_wrap .btn {
		margin: 5px 0!important;
	}
	#series_story .btn_wrap{padding-bottom: 1em; }


}

/*-----------------------------------
【ニュース】
--------------------------------------*/
.news_body{ padding: 1em ; margin: 2em 0; background-color:#DEE1E6; }
.news_area{ overflow-y:scroll; max-height: 200px; padding: 1em ; }
.news_area dl{ font-weight: 500; }
.news_area dt{ color: #2878da; }
.news_area dd{ padding-bottom: 1em; }
.news_area dd a:hover{ text-decoration: underline; }
.news_body dd{
	padding: 0 3rem 0.7em 0;
}
.news_body dl a{
	display: block;
	background-image: url("../../common/images/sp_arrow.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

@media screen and (max-width: 767px){
	.news_body{ padding: 0.5em 1em 1em 1em ; margin: 0 0 2em 0; background-color:#DEE1E6; }
	.news_body .news_area{ overflow-y:scroll; max-height: 200px; }
	.news_body dl{ font-weight: 500; }
	.news_body dt{ color: #2878da; padding:0.5em 2rem 0 0; }
	.news_body dd{
		padding: 0 2rem 0.5em 0;
		border-bottom: solid 1px #c2ccd3;
	}
	.news_body dd:last-child{border-bottom: none; }
}

/*-----------------------------------
【キャラクター】
--------------------------------------*/

.character_list li .character_img img{width: 100%; max-width: 100%; display: block; border:1px solid #000;}

.character_list li{padding:1em 0; margin-right: 0; margin-top: 2%; }
.character_list.flxcol3 > li {
    flex-basis: 32%;
    max-width: 32%;
    width: 32%;
	margin-right: 2%;
}
.character_list li .character_dtl{padding-left: 1em;}
.character_name{font-size: 1.2em; font-weight: 900; line-height: 1.2; margin-bottom: 0.5em;}
/*pc*/
@media screen and (min-width: 767.1px){
    .character_list li .character_img{width: 30%; max-width: 125px;}
    .character_list li .character_dtl{width: 70%;}
    .character_list li:nth-child(3n){margin-right: 0;}
    .character_list li:nth-child(-n + 3){margin-top: 0;}
}

/*sp*/
@media screen and (max-width: 767px){
	.character_list{ padding-bottom: 0; }
	.character_list li{padding:0; }
    .character_list li{margin-bottom: 1em;}
    .character_list li .character_img{width: 30%; max-width: 142px;}
    .character_list li .character_dtl{width: 70%;}
    .character_list li:first-child{margin-top: 0;}
}

/*pc*/
.caption_wrap {
	padding: 1%;
    margin: 2% 0 0;
    color: #fff;
    font-weight: 500;
}
h4.caption_wrap.series_01{
	background: linear-gradient(270deg, rgba(0,0,0,0) 16%, rgba(20,162,226,1) 100%);
}
h4.caption_wrap.series_02{
	background: linear-gradient(270deg, rgba(0,0,0,0) 16%, rgba(227,9,33,1) 100%);
}
h4.caption_wrap.series_03{
	background: linear-gradient(270deg, rgba(0,0,0,0) 16%, rgba(102,162,17,1) 100%);
}
h4.caption_wrap.series_04{
	background: linear-gradient(270deg, rgba(0,0,0,0) 16%, rgba(153,63,187,1) 100%);
}

/*sp*/
@media screen and (max-width: 767px){

h4.caption_wrap.series_01{
	background: linear-gradient(270deg, rgba(20,162,226,1) 16%, rgba(20,162,226,1) 100%);
}
h4.caption_wrap.series_02{
	background: linear-gradient(270deg, rgba(227,9,33,1) 16%, rgba(227,9,33,1) 100%);
}
h4.caption_wrap.series_03{
	background: linear-gradient(270deg, rgba(102,162,17,1) 16%, rgba(102,162,17,1) 100%);
}
h4.caption_wrap.series_04{
	background: linear-gradient(270deg, rgba(153,63,187,1) 16%, rgba(153,63,187,1) 100%);
}

}

/*p.series {
    margin: 0 1%;
}*/
h5.series_01 {
    padding: 0 1%;
    font-weight: 600;
    border: 2px solid #15a2e1;
    display: inline-block;
    margin: 1% 0;
}
h5.series_02 {
    padding: 0 1%;
    font-weight: 600;
    border: 2px solid #e30a22;
    display: inline-block;
    margin: 1% 0;
}

h5.series_03 {
    padding: 0 1%;
    font-weight: 600;
    border: 2px solid #66a211;
    display: inline-block;
    margin: 1% 0;
}
h5.series_04 {
    padding: 0 1%;
    font-weight: 600;
    border: 2px solid #993fbb;
    display: inline-block;
    margin: 1% 0;
}
/*sp*/
@media screen and (max-width: 767px){
	p.series {
		margin: 2%;
	}

	h5.series_01 {
		display: block;
		margin: 2%;
		text-align: center;
	}
	
	h5.series_02 {
		display: block;
		margin: 2%;
		text-align: center;
	}
	h5.series_03 {
		display: block;
		margin: 2%;
		text-align: center;
	}
}

/*-----------------------------------
【comic list】
--------------------------------------*/

.comic_list.flx.flxcol5 li{
	flex-basis: 19.2%;
	max-width:19.2%;
	width: 19.2%;
}
.comic_list li .comic_img img{width: 100%; max-width: 100%; display: block; border:1px solid #ccc;}

.comic_list li{padding: 1em; margin-right: 1%; margin-top: 2%; }
.comic_name{font-size: 1em; font-weight: 500; line-height: 1.3; margin: 0.7em 0;}

.comic_list li .comic_txt .btn{background: #FFF; border: 2px solid #111111; padding:0.5em; color: #222; font-size: 1em; margin-bottom: 0.7em; background-repeat: no-repeat; background-position: right 4px bottom 4px; background-image: url("../../common/images/btn_bg_b.png"); box-shadow:0 2px 0 #5b5b5b;}
.comic_list li .comic_txt .btn:last-of-type{margin-bottom: 0;}

.comic_list li .comic_txt .btn img{height: 23px; width: auto; vertical-align: middle;}



/*pc*/
@media screen and (min-width: 767.1px){
    .comic_list li:nth-child(5n){margin-right: 0;}
    .comic_list li:nth-child(-n + 5){margin-top: 0;}
    
}


@media screen and (max-width: 1000px){
    .comic_list li .comic_txt .btn img{height: 16px;}
}

/*sp*/
@media screen and (max-width: 767px){
    .comic_list li{padding: 10px; }
    .comic_list .comic_name{margin-top: 0.5em; line-height: 1.5;}
    .comic_list li .comic_txt .btn{padding:1em !important; margin-bottom: .8em !important; font-size: 2vw !important;}
    .comic_list li .comic_txt .btn img{height: 20px;}
    .comic_list li:nth-child(2n){margin-right: 0 !important;}
    .comic_list li:nth-child(-n + 2){margin-top: 0;}
	.comic_list li .comic_img{ height: auto;}
}

/*-----------------------------------
【リンク】
--------------------------------------*/
#series_link{margin-bottom:4em;}
#series_link .ttl_character {margin:1em 0 2em 0;}

/*画像だけ並べる*/
#series_link .link_list li{width: auto; height: 110px; margin-right:1em; margin-bottom:1em;}
#series_link .link_list li:last-child{margin-right:0; margin-bottom:0;}
#series_link .link_list li img{width: 100%; height: 100%; border:1px solid #000;}
/*sp*/
@media screen and (max-width: 767px){
	#series_link{padding:0 2.5%;}
	#series_link .ttl_character {margin:0 0 1em 0;}
	#series_link ul.link_list{padding:0; margin:0;}
	#series_link .link_list li{width: auto; height: 70px; margin-right:1em; margin-bottom:1em;}
	#series_link .link_list li:nth-child(2n){margin-right:0;}
	#series_link .link_list li:last-child{margin-bottom:0;}
	#series_link .link_list.so2colm li{width: 48%; height: 100%;}
	#series_link .link_list.so2colm li:nth-last-child(2){margin-bottom:0;}
}

/*画像とテキストの２カラム*/
#series_link ul.link_list.imgtxt li{width: 100%; height: auto; margin-right:1em; display: flex; justify-content: space-between;}
#series_link ul.link_list.imgtxt li.txt .img{width: 37%;}
#series_link ul.link_list.imgtxt li.txt .txt{width: 60%;}
#series_link  ul.link_list.imgtxt li img{width: 100%; height: auto; border:1px solid #000;}
#series_link ul.link_list.imgtxt a{font-weight: 500; color: #2878da;}
#series_link ul.link_list.imgtxt span{font-weight: bold;}
#series_link ul.link_list.imgtxt a:hover{color: #000;}
/*sp*/
@media screen and (max-width: 767px){
	#series_link ul.link_list.imgtxt li{width: 100%; height: auto; margin-right:1em; display: block}
	#series_link ul.link_list.imgtxt li.txt .img{width: 100%;}
	#series_link ul.link_list.imgtxt li.txt .txt{width: 100%;}
}
/*画像とテキストの２カラムが横2列*/
#series_link ul.link_list.imgtxt.column2 li{width: 48%; height: auto; margin-right:1em;}
#series_link ul.link_list.imgtxt.column2 li.txt .img{width: 27%;}
#series_link ul.link_list.imgtxt.column2 li.txt .txt{width: 70%;}
/*sp*/
@media screen and (max-width: 767px){
#series_link ul.link_list.imgtxt.column2 li{width: 100%; height: auto; margin-right:1em;}
}
/*画像とテキストの２カラム&バナー画像の3カラム*/
#series_link ul.link_list.imgtxt.column3{justify-content: space-between;}
#series_link ul.link_list.imgtxt.column3 li.imgonly{width: 26%; height: 100%;  margin-right:1em;}
#series_link ul.link_list.imgtxt.column3 li{width: 70%; height:100%; margin-right:0; justify-content: space-between;}
#series_link ul.link_list.imgtxt.column3 .itxt p.img{width: 17%;}
#series_link ul.link_list.imgtxt.column3 .itxt p.txt{width: 80%;}
/*sp*/
@media screen and (max-width: 767px){
#series_link ul.link_list.imgtxt.column3 li.imgonly{width: 48%; height: 100%; margin-bottom:1em; margin-right:0;}
#series_link ul.link_list.imgtxt.column3 li{width: 100%; height:100%;}
}


/*-----------------------------------
【動画】
--------------------------------------*/
#movie{
	padding: 12% 0 3%;
}
#movie .movie_area {
    width: 767px;
    margin: 0 auto;
    color: #FFFFFF;
    background-color: #111111;
    text-align: center;
    font-size: 1.6rem;
    border: solid 2px #111111;
}
#movie .movie_wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
	height: 0;
	overflow: hidden;
}
#movie .movie_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 767px){
	#movie .movie_area {
		width: 100%;
	}
}

/*-----------------------------------
【試し読みBOX】
--------------------------------------*/
#tachiyomi_box{
	width: 800px;
	 margin: 0 auto;
}
#tachiyomi_box ul{
	width: 100%;
	padding: 3% 0;
}
#tachiyomi_box li{
	width: 100%;
	margin-bottom: 3%;
	background-color: #dee2e7;
}
#tachiyomi_box li .readbox{
	width: 100%;
	padding: 3%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	background: url(../images/yaji.png) no-repeat bottom right;
}
#tachiyomi_box li:last-child {
	margin-bottom: 0;
}
#tachiyomi_box li img{
	width: 100%;
}
#tachiyomi_box li.read{
	background-color: #abcaec;
}
#tachiyomi_box li .smn{
	width: 37%;
}
#tachiyomi_box li .txt{
	width: 60%;
}
#tachiyomi_box li .txt .title{
	font-size: 140%;
	font-weight: bold;
}
#tachiyomi_box li p.iconw{
	margin-bottom: 1em;
}
#tachiyomi_box li strong.icon{
	font-size: 120%;
	background-color: #000;
	color: #fff;
	padding:1% 2%;
	font-weight: bold;
}
#share{
	width: 40%;
	margin-left: auto;
	background-color: #fff;
}
#share ul{
	width: 96%;
	padding: 4% 2% 1% 4%;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
#share ul li img{
	width: 100%;
}
#share ul li.twitter{
	width: 14.8%;
}
#share ul li{
	width: 14%;
}
#share ul li.shareim{
	width: 47%;
}
/*sp*/
@media screen and (max-width: 767px){
	#tachiyomi_box{
		width: 96%;
	}
	#tachiyomi_box li p.iconw {
	  margin-bottom: 0.5em;
	}
	#tachiyomi_box li .txt .title {
	font-size: 100%;
	}
	#tachiyomi_box li .readbox {
	background: url(../images/yaji.png) no-repeat bottom right;
	background-size:auto 20px;
	}
	#share {
	width: 74%;
	}
}