@charset "utf-8";
/* 2022 new header sidebar */

/*smanga.css調整*/
.body-zasshi .ssfrhd-bottom,.body-magpage .ssfrhd-bottom{
	display: block;
	}

/**/
.ssfrhd {
	background-color: #ffffff;
	color: #263239;
	}
.ssfrhd h1 a{
	background-image: url("../img/logo_head_shu_bk.png");
	background-size: 108px 54px;
	background-position: center center;
	width: 108px;
	image-rendering: -webkit-optimize-contrast;
	}
	@media screen and (min-width: 600px){
		.ssfrhd h1 a{
			background-size: 112px 56px;
			}
		}
	@media screen and (min-width: 960px){
		.ssfrhd h1 a{
			width: 128px;
			background-size: 128px 64px;
			}
		}
.ssfrhd-btn::before{
	line-height: 32px;
	width: 32px;
	height: 32px;
	}
.btn-menu::before {content: url(../img/ic_menu_bk_24px.svg);}
.btn-search::before {content: url(../img/ic_search_bk_24px.svg);}

@media screen and (min-width: 480px){.ssfrhd-bottom a{padding: 0 1.5em;}}

.ssfrhd-bottom a,
.hd-sa a,
.hd-sa a::before{
	color: #263239;
	}
.body-all .ssfrhd-a-all, .body-zasshi .ssfrhd-a-zasshi, .body-shoseki .ssfrhd-a-shoseki, .body-comics .ssfrhd-a-comics, .body-top .ssfrhd-a-top, .body-newitems:not(.body-digital) .ssfrhd-a-newitems, .body-newitems:not(.body-digital) .smangahd-a-newitems, .body-news .ssfrhd-a-news, .body-magpage .ssfrhd-a-zasshi, .body-top .smangahd-a-top, .body-newitems .smangahd-a-newcomics, .body-newitems.body-digital .ssfrhd-a-newitems-digital, .body-newitems.body-digital .smangahd-a-newitems-digital, .body-news.body-smanga .smangahd-a-news{
	color: #263239;
	}
.ssfrhd-bottom a:hover{
	color: rgba(66, 165, 245,1);
	background-color:rgba(255,255,255,0);
	}
.ssfrhd-form>div:not(.hd-sa){
	border: 1px solid #263239;
	box-sizing: border-box;
	}
.ssfrhd-form input[type="text"]{
	height: 30px;
	}
.ssfrhd-form button{
	background-color: #263239;
	}

/*パンくず*/
.cojp_breadcrumb{
	padding: 1rem 1rem 0 20px;
	overflow: hidden;
	max-width: 1120px;
	margin: 0 auto;
	}
	@media screen and (min-width: 480px){
		.cojp_breadcrumb{
			padding-left: 36px;
			}
		}
	@media screen and (min-width: 600px){
		.cojp_breadcrumb{
			padding-left: 40px;
			}
		}
	/*微調整*/
	@media screen and (min-width: 720px){
		.body-magpage .wrap-L .ssfr-genremenu{
			padding-top: 8px;
			}
		.body-magpage .wrap-main .card-outer{
			margin-top: 24px;
			}
		}
.cojp_breadcrumb ol{
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.cojp_breadcrumb .inner > li {
	display: inline;
	font-size: 10px;
	line-height: 1.8;
	}
	@media screen and (min-width: 720px){
		.cojp_breadcrumb .inner > li {
			font-size: 11px;
			}
		}
.cojp_breadcrumb .inner > li + li {
	padding-left: 1em;
	margin-left: 0.5em;
	position: relative;
	}
.cojp_breadcrumb .inner > li + li:before {
	content: "\3009";
	position: absolute;
	left: 0;
	top: -.1em;
	display: block;
	}
.cojp_breadcrumb a:hover,.cojp_breadcrumb a:active{
	text-decoration: underline;
	}


/*sidebar*/
.ssfr-sidebar-hd{
	border-bottom: none;
	}
.ssfr-sidebar-hd a::before{
	min-width: 96px;
	height: 16vw;
	min-height: 52px;
	max-height: 84px;
	}
.ssfr-sidebar>section>ul>li a{
	padding: 0 1rem 0 .62rem;
	}
.ssfr-sidebar section>a{
	padding: 0 1rem 0 1.1rem;
	}
.ssfr-sidebar section b a{
	display: block;
	outline: none;
	color: rgba(0,0,0,.87);
	font-size: 1.125rem;
	line-height: 4.5rem;
	height: 4.5rem;
	overflow: hidden;
	padding: 0 1rem 0 1rem;
	}
.ssfr-sidebar b a:hover{background-color: #f1f3f4;}


/*TL*/
#tw .twitter-timeline{
	box-shadow: none;
	border-radius:0;
	margin-bottom: 1rem !important;
	}