/*
Theme Name: SSDBfront
Author: NChisaki
Author URI: //books.shueisha.co.jp/
Description: 集英社の本 公式 NEWS用テーマです。
*/
/*ヘッダ高さ NEWS*/
.body-news.category-comics .ssfrhd-bottom,
.body-news.category-books .ssfrhd-bottom,
.body-news.single .ssfrhd.comics .ssfrhd-bottom,
.body-news.single .ssfrhd.books .ssfrhd-bottom{
	height: calc(38px + 38px);
	}
	@media screen and (min-width: 480px) {
		.body-news.category-comics .ssfrhd-bottom,
		.body-news.category-books .ssfrhd-bottom,
		.body-news.single .ssfrhd.comics .ssfrhd-bottom,
		.body-news.single .ssfrhd.books .ssfrhd-bottom
		{height: 80px;}
	}
	@media screen and (min-width: 600px) {
		.body-news.category-comics .ssfrhd-bottom,
		.body-news.category-books .ssfrhd-bottom,
		.body-news.single .ssfrhd.comics .ssfrhd-bottom,
		.body-news.single .ssfrhd.books .ssfrhd-bottom
		{height: 96px;}
	}
/*コミック書籍以外の場合*/
.body-news .ssfrhd-bottom>ul ul{display: none;}
/*コミック書籍時のみ表示*/
.body-news.category-comics .ssfrhd-li-comics>ul,
.body-news.category-books .ssfrhd-li-shoseki>ul,
.body-news.single .ssfrhd.comics:not(.books) .ssfrhd-li-comics>ul,
.body-news.single .ssfrhd.books:not(.comics) .ssfrhd-li-shoseki>ul{
	display: flex;
	}
/*コミック書籍時 ul重なりをnone*/
.body-news.category-comics .ssfrhd-li-shoseki>ul,
.body-news.category-books .ssfrhd-li-comics>ul,
.body-news.single .ssfrhd.comics:not(.books) .ssfrhd-li-shoseki>ul,
.body-news.single .ssfrhd.books:not(.comics) .ssfrhd-li-comics>ul{
	display: none;
	}
/*記事ページ　コミックかつ書籍だった時*/
.body-news.single .ssfrhd.books.comics .ssfrhd-bottom{height: inherit;}
/*固定ぺージ、検索結果ページ ssfrhd-bottom自体なし*/
.body-news.search .ssfrhd-bottom,
.body-news.page .ssfrhd-bottom{
	display: none;
	}
/*ヘッダbold*/
.body-news .ssfrhd-a-news{
	font-weight: bold;
	color: #FFFFFF;
	pointer-events: none;
}
/*一覧ページのヘッダ太字*/
.home.body-news .ssfrhd-a-all,
.category.category-comics:not(.category-books) .ssfrhd-a-comics,
.category.category-books:not(.category-comics) .ssfrhd-a-shoseki,
.category:not(.category-comics):not(.category-books) .ssfrhd-a-all,
/*記事ページのヘッダ太字*/
.single-post .ssfrhd.comics:not(.books) .ssfrhd-bottom a.ssfrhd-a-comics,
.single-post .ssfrhd.books:not(.comics) .ssfrhd-bottom a.ssfrhd-a-shoseki,
.single-post .ssfrhd:not(.comics):not(.books) .ssfrhd-bottom a.ssfrhd-a-all,
.single-post .ssfrhd.comics.books .ssfrhd-bottom a.ssfrhd-a-all{
	font-weight: bold;
	color: #FFFFFF;
	pointer-events: none;
	}
/*タグ一覧のとき「すべて」*/
.tag a.ssfrhd-a-all{
	font-weight: bold;
	color: #FFFFFF;
	}
/****************サイドメニュー****************/
/*ssdbfront.cssリセット*/
#sidebar li{margin-bottom: 0;}
.ssfr-genremenu li{min-width: 0;}
#menu-ssdbfr_menu{display: block;}
#menu-ssdbfr_menu>li{display: block;}
#menu-ssdbfr_menu>li>a{display: none;/*outerを非表示*/}
#menu-ssdbfr_menu>li>.sub-menu{display: flex;}
	@media screen and (min-width: 720px){
		#menu-ssdbfr_menu>li>.sub-menu{display: block;}
	}
/*ssdbfront.cssの濃字リセット*/
.ssfr-genremenu .current-menu-item a, .ssfr-genremenu .current-post-ancestor a, .ssfr-genremenu .current-menu-parent a
	{color: rgba(38,50,56,.38);}
/*濃い字　再設定*/
.ssfr-genremenu .current-menu-item>a,
.ssfr-genremenu .current-post-ancestor>a,
.ssfr-genremenu .current-menu-parent>a {
	color: rgba(38,50,56,1);
	}
/*他の大カテゴリを非表示*/
.home:not(.paged) #menu-ssdbfr_menu>li:not(.current-menu-ancestor),
.home.paged #menu-ssdbfr_menu>li:not(.current-menu-item),
.category #menu-ssdbfr_menu>li:not(.current-menu-ancestor){
	display: none;
	}
/*カテゴリ一覧　すべて以外のカテゴリ=URLに+が含まれるとき、各「すべて」を太→薄字に*/
body[body-category-plus] .ssfr-genremenu .current-menu-item.mi-all>a{
	color: rgba(38,50,56,.38);
	}
/*カテゴリ一覧２ページ目以降 太字調整*/
body.paged[body-category-plus] .media .mi-media a,
body.paged[body-category-plus] .event .mi-event a,
body.paged[body-category-plus] .campaign .mi-campaign a,
body.paged[body-category-plus] .award .mi-award a,
body.paged[body-category-plus] .articles .mi-articles a{
	color: rgba(38,50,56,1);
	}
/*カテゴリが「その他」一覧のときは（すべてセット）を表示*/
.category.category-uncategorized #menu-ssdbfr_menu>li.mi-all-set{display: flex;}
	.category.category-uncategorized #menu-ssdbfr_menu>li.mi-all-set .menu-item-home a
	{color: rgba(38,50,56,1);}/*濃い字*/
/*タグ一覧のとき（すべてセット）のみを表示*/
.tag #menu-ssdbfr_menu>li.mi-books-set/*書籍セット*/,
.tag #menu-ssdbfr_menu>li.mi-comic-set/*コミックセット*/
	{display: none;}
.tag .menu-item-home>a{ color: rgba(38,50,56,1);}/*濃い字*/
/*記事ページ*/
.single .ssfr-genremenu #menu-ssdbfr_menu>li:not(.current-post-ancestor){
	display: none;
	}
/*記事ページでコミックかつ書籍、カテゴリ:その他 の記事ページ　の場合、コミックと書籍を消す */
.single .ssfr-genremenu.comics.books #menu-ssdbfr_menu>li.current-post-ancestor
	{display: none;}
.single .ssfr-genremenu.comics.books #menu-ssdbfr_menu>li:not(.current-post-ancestor).mi-all-set,
.single .ssfr-genremenu:not(.comics):not(.books) #menu-ssdbfr_menu>li:not(.current-post-ancestor).mi-all-set,
.single .ssfr-genremenu.uncategorized #menu-ssdbfr_menu>li.mi-all-set{
	display: flex;
	}
/*コミックセット書籍セットのとき*/
.single .ssfr-genremenu.comics.media .mi-media a,
.single .ssfr-genremenu.comics.event .mi-event a,
.single .ssfr-genremenu.comics.campaign .mi-campaign a,
.single .ssfr-genremenu.comics.award .mi-award a,
.single .ssfr-genremenu.comics.articles .mi-articles a,
.single .ssfr-genremenu.books.media .mi-media a,
.single .ssfr-genremenu.books.event .mi-event a,
.single .ssfr-genremenu.books.campaign .mi-campaign a,
.single .ssfr-genremenu.books.award .mi-award a,
.single .ssfr-genremenu.comics.articles .mi-articles a
{ color: rgba(38,50,56,1);}
/*このとき「すべてのNEWS」は太字でなくする*/
.single .ssfr-genremenu.comics .current-menu-item>a,
.single .ssfr-genremenu.comics .current-post-ancestor>a,
.single .ssfr-genremenu.comics .current-menu-parent>a,
.single .ssfr-genremenu.books .current-menu-item>a,
.single .ssfr-genremenu.books .current-post-ancestor>a,
.single .ssfr-genremenu.books .current-menu-parent>a
{color: rgba(38,50,56,.38);}
/*ただしコミックのみ、書籍のみの単体であれば、太字にする*/
.single .ssfr-genremenu.comics:not(.media):not(.event):not(.campaign):not(.award):not(.articles) .current-menu-item>a,
.single .ssfr-genremenu.comics:not(.media):not(.event):not(.campaign):not(.award):not(.articles) .current-post-ancestor>a,
.single .ssfr-genremenu.comics:not(.media):not(.event):not(.campaign):not(.award):not(.articles) .current-menu-parent>a,
.single .ssfr-genremenu.books:not(.media):not(.event):not(.campaign):not(.award):not(.articles) .current-menu-item>a,
.single .ssfr-genremenu.books:not(.media):not(.event):not(.campaign):not(.award):not(.articles) .current-post-ancestor>a,
.single .ssfr-genremenu.books:not(.media):not(.event):not(.campaign):not(.award):not(.articles) .current-menu-parent>a
{ color: rgba(38,50,56,1);}
	@media screen and (min-width: 720px){
		#menu-ssdbfr_menu>li{border-left: 6px solid #CFD8DC;}
		.wrap-L .ssfr-genremenu ul{border-left:none;}
		.wrap-L .ssfr-genremenu ul.sub-menu a {padding: 16px 8px 16px 24px;}
		.wrap-L .ssfr-genremenu ul.sub-menu ul.sub-menu a {
			padding: 12px 8px 12px 44px;
			font-size: 0.9em;
		}
	}
/*ページタイトル調整*/
.body-news h2.pagetitle{margin-left: 0;}
	@media screen and (min-width: 720px){
		.body-news .wrapflexLM .wrap-main h2.pagetitle{margin-left: 0;}
	}
/*タグ用タイトル*/
.body-news.tag h2.pagetitle.pagetitle-tag{display: block;}
.body-news.tag h2.pagetitle:not(.pagetitle-tag){display: none;}
/*記事がない場合*/
body.error404 #menu-ssdbfr_menu>li.mi-books-set, body.error404 #menu-ssdbfr_menu>li.mi-comic-set,
body.author #menu-ssdbfr_menu>li.mi-books-set, body.author #menu-ssdbfr_menu>li.mi-comic-set{display: none;}
.wp-non-posts{
	text-align: center;
	line-height: 24px;
	vertical-align: middle;
	color: rgba(0,0,0,.54);
	margin: 3rem auto;
	}
/*記事ページ成形*/
.wp1single {
	margin: 0 0 2rem;
	padding: 0 8px;
	line-height: 1.5;
	}
.wp1single .cards{padding: 0 1rem 1em;}
	@media screen and (min-width: 480px) {.wp1single .cards{padding: 0 1.5rem 1em;}}
	@media screen and (min-width: 720px) {.wp1single .cards{padding: 0 2rem 1em;}}
	@media screen and (min-width: 1024px) {.wp1single .cards{padding: 0 3.5rem 1em;}}
/*記事ページ構成直下のh1　日付とカテゴリ*/
.wp1single .cards>h1{
	font-size: 1.6rem;
	margin: 1.5em 0;
	font-weight: bold;
	line-height: 1.4;
	}
	@media screen and (min-width: 480px) {
		.wp1single .cards>h1{
			font-size: 1.75rem;
			}
		}
	@media screen and (min-width: 600px) {
		.wp1single .cards>h1{
			font-size: 1.85rem;
			line-height: 1.5;
		}
	}
.wp1single-h1-after,
.wp1single-h1-after time,
.wp1single-h1-after small{
	font-size: .85rem;
	color: rgba(0,0,0,.54);
	}
.wp1single-h1-after time,
.wp1single-h1-after small{
	margin-right: 2px;
	}
/*記事本文*/
.wp1single-content{margin: 2rem 0;}
.wp1single-content p{
	margin: 1.5em 0;
	line-height: 1.6;
	}
.wp1single-content>*:last-child{margin-bottom: 3rem;}
.wp1single-content em{
	font-style: italic;
	font-weight: bolder;
	opacity: 0.54;
	}
.wp1single-content ul,.wp1single-content ol{
	padding-left: 2em;
	margin: 1.5em 0;
	}
.wp1single-content ul ul,.wp1single-content ol ol,
.wp1single-content ul ol,.wp1single-content ol ul{
	padding-left: 1.5em;
	margin: 0.5em 0 1.5em;
	}
.wp1single-content li{margin: .5em 0;}
.wp1single-content ul ul li,.wp1single-content ol ol li,
.wp1single-content ul ol li,.wp1single-content ol ul li{
	margin: .5em 0;
	font-size: 0.95em;
	color: rgba(0,0,0,.72);
	}
.wp1single-content blockquote:not(.embedly-card):not(.wp-embedded-content){
	margin: 1.5em 0;
	padding:0.5em 2.25em;
	max-width: 528px;
	position: relative;
	color: rgba(0,0,0,0.54);
	}
.wp1single-content blockquote:not(.embedly-card)::before{
	content: "“";
	font-size: 4rem;
	font-family:Georgia, "Times New Roman", Times, "serif";
	line-height: 1em;
	color: rgba(0,0,0,0.38);
	position: absolute;
	left: 2px;
	top: 0;
	}
.wp1single-content blockquote:not(.embedly-card)::after{
	content: "”";
	font-size: 4rem;
	font-family:Georgia, "Times New Roman", Times, "serif";
	line-height: 0em;
	color: rgba(0,0,0,0.38);
	position: absolute;
	right: 2px;
	bottom: 0;
	}
.wp1single-content pre{
	margin: 1.5em 0;
	background-color: #ECEFF1;
	font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
	max-height: 10rem;
	overflow: auto;
	white-space: pre-wrap ;
	padding:1em 1.5em;
	color: rgba(38,50,56,.38);
	box-shadow:1px 1px 1px 0px rgba(0,0,0,0.12) inset;
	border-radius: 4px;
	font-size: .85rem;
	}
.wp1single-content h1{
	font-weight: bold;
	font-size: 1.6rem;
	margin: 2em 0 1.5em;
	line-height: 1.4;
	color: rgba(38,50,56,0.87);
	clear: both;/**/
	}
	@media screen and (min-width: 480px) {
		.wp1single-content h1{font-size: 1.75rem;}
		}
	@media screen and (min-width: 600px) {
		.wp1single-content h1{
			font-size: 1.85rem;
			line-height: 1.5;
		}
	}
.wp1single-content h2{
	font-weight: bold;
	font-size: 1.5em;
	margin: 3em 0 1.5em;
	line-height: 1.25;
	color: rgba(38,50,56,0.87);
	border-left: 6px solid #B0BEC5;
	padding:0.5em;
	clear: both;
	background-color: #ECEFF1;
	}
.wp1single-content h3{
	font-weight: bold;
	font-size: 1.25em;
	margin: 3em 0 1.5em;
	line-height: 1.5;
	color: rgba(38,50,56,0.87);
	padding: 0;
	clear: both;
	}
.wp1single-content h3::after{
	content: "";
	display: block;
	width: 92%;
	border-bottom: 1px dashed rgba(38,50,56,0.38);
	margin-top: .25em;
	}
.wp1single-content h4{
	font-weight: bold;
	font-size: 1.125em;
	margin: 2em 0 .75em;
	line-height: 1.25;
	color: rgba(38,50,56,0.87);
	border-left: 6px solid #CFD8DC;
	padding-left: 0.5em;
	clear: both;
	}
.wp1single-content h5{
	font-weight: bold;
	font-size: 1em;
	margin: 2em 0 .75em;
	line-height: 1.25;
	color: #37474F;
	clear: both;
	}
.wp1single-content h6{
	font-weight: bold;
	font-size: .9em;
	margin: 1.5em 0 .75em;
	line-height: 1.25;
	color: #37474F;
	clear: both;
	}
.wp1single-content hr{
	margin: 3em auto;
	clear: both;
	}
.wp1single-content h1::before,
.wp1single-content h2::before,
.wp1single-content h3::before,
.wp1single-content h4::before,
.wp1single-content h5::before,
.wp1single-content h6::before{
	content: "";
	display: block;
	clear: both;
	height: 0;
	}
.wp1single-content h1 a,.wp1single-content h2 a,.wp1single-content h3 a,.wp1single-content h4 a,.wp1single-content h5 a .wp1single-content h6 a{
	color: #000;
	vertical-align: bottom;
	word-break:normal;
	}
.wp1single-content h1 a:hover,.wp1single-content h2 a:hover,.wp1single-content h3 a:hover,.wp1single-content h4 a:hover,.wp1single-content h5 a:hover .wp1single-content h6 a:hover{
	text-decoration: underline;
	}
.wp1single-content table{
	margin: 2rem 0;
	border: 1px solid rgba(0,0,0,0.12);
	border-spacing: 0;
	}
.wp1single-content td{
	padding: 1em;
	border: 1px solid rgba(0,0,0,0.12);
	}
.wp1single-content table.noborder{
	margin: 2rem 0;
	border: none;
	border-spacing: 0;
	}
.wp1single-content table.noborder td{
	padding: 1em;
	border: none;
	}
.wp1single-content dl{
	margin: 2rem 0;
	width: 100%;
	font-size: 0.9em;
	}
.wp1single-content dl::after{
	content: "";
	clear: both;
	display: block;
	height: 0;
	}
.wp1single-content dt{
	font-weight: bold;
	margin-bottom: 0.75em;
	}
.wp1single-content dd{
	margin-bottom: 0.75em;
	margin-left: 2em;
	}
.wp1single-content small{
	font-size: 0.85em;
	color: rgba(0,0,0,0.54);
	}
/*記事の画像*/
.wp1single-content img{
	width: inherit;/*リセット*/
	max-width:100%;
	}
.wp1single-content .alignnone {
	margin: 0 1.5em 1.5em 0;
	}
.wp1single-content .aligncenter,
.wp1single-content div.aligncenter {
	display: block;
	margin: 0 auto 0 auto;
	}
.wp1single-content .alignright {
	float:right;
	clear: right;
	margin: 0 0 1.5em 1.5em;
	}
.wp1single-content .alignleft {
	float: left;
	clear: left;
	margin: 0 2.5em 1.5em 0;
	}
.wp1single-content .aligncenter {
	display: block;
	margin: 0 auto 0 auto;
	}
.wp1single-content a img.alignright {
	float: right;
	margin: 0 0 1.5em 1.5em;
	}
.wp1single-content a img.alignnone {margin: 5px 1.5em 1.5em 0;}
.wp1single-content a img.alignleft {
	float: left;
	margin: 0 2.5em 1.5em 0;
	}
.wp1single-content a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
	}
.wp1single-content .wp-caption {
	max-width: 100%;
	/*overflow: hidden;*/
	}
.wp1single-content .wp-caption+.wp-caption{margin-top: 2em;}
.wp1single-content .wp-caption.alignnone {margin: 0 1.5em 1.5em 0;}
.wp1single-content .wp-caption.alignleft {margin: 0 2.5em 1.5em 0;}
.wp1single-content .wp-caption.alignright {margin: 0 0 1.5em 1.5em;}
.wp1single-content .wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 100%;
	padding: 0;
	width: auto;
	}
/*.wp1single p.wp-caption-text*/
.wp1single-content p.wp-caption-text{
	margin: .5em 0;
	font-size: .8em;
	color: rgba(0,0,0,.54);
	}
.wp1single-content .wp-caption img,
.wp1single-content p img{
	border: 1px solid rgba(0,0,0,0.12);
	}
.wp1single-content .wp-caption img.no-border,
.wp1single-content p img.noborder{
	border: none;
	}
	@media screen and (max-width: 520px) {
		.wp1single-content .alignleft,
		.wp1single-content .alignright,
		.wp1single-content a img.alignleft,
		.wp1single-content a img.alignright{
			float: none;
			clear: both;
			display: block;
			margin: 0 auto;
		}
		.wp1single-content .wp-caption.alignleft,
		.wp1single-content .wp-caption.alignright{
			margin: 0 auto;
		}
	}
.wp1single-content .size-full{max-width: 100%;}
/*カスタムBOX*/
.wpssdb-box{
	padding: 1em 1.5em;
	margin: 2em 0;
	}
	@media screen and (min-width: 480px){
		.wpssdb-box {padding: 8px 32px;}
	}
/*<!--nextpage-->で記事を複数ページに区切ったときの*/
.content-pagination{
	margin: 3em auto;
	text-align: center;
	clear: both;
	}
.content-pagination span {
	display: inline-block;
	margin: 0 5px;
	font-size: .9rem;
	line-height: 1.8rem;
	height: 1.8rem;
	padding: 0 .4rem;
	white-space: nowrap;
	text-align: center;
	border-radius: 1px;
	background-color: #263238;
	color: #FFF;
	font-weight: bold;
	}
.content-pagination span.page-links-title {
	background-color: transparent;
	color: rgba(0,0,0,.54);
	margin-left: -24px;
	font-weight: normal;
	}
.content-pagination a{display: inline-block;}
.content-pagination a span{
	background-color: transparent;
	color: rgba(0,0,0,.54);
	}
.content-pagination a:hover span{
	background-color: #ECEFF1;
	color: rgba(0,0,0,.87);
	}
/*Embedlyカード*/
.embedly-card{
	border: 1px solid #e1e8ed;
	border-radius: 4px;
	background-color: #fff;
	padding: 8px;
	margin: 1rem 0;
	max-width: 640px;
	clear: both;
	}
	@media screen and (min-width: 480px){
		.embedly-card{padding: 16px 24px;}
	}
	@media screen and (min-width: 960px){
		.embedly-card{padding: 16px 40px 24px;}
	}
.sm-magazine .embedly-card{/*なんだっけこれ*/
	border:none;
	margin: 0 auto;
	}
div.embedly-card::before{
	content: "";
	display: block;
	clear: both;
	height: 0;
	}
/*WPオリジナルのエンベッド*/
.wp-embedded-content {
	max-width: 640px;
	margin: 2.5em auto;
	}
iframe.wp-embedded-content {
	width:100%;
	}
/*一覧ページ微調整*/
@media screen and (min-width: 600px) {
	.wp1sec h4{
		line-height: 1.5;
		max-width: calc(100% - 80px);
	}
}
/*記事ページ　NEXTPREV*/
.wp-post-link{
	margin: 3rem auto 2rem;
	padding: 0 8px;
	text-align: center;
	}
.wp-post-link a{
	margin: 0 1rem;
	color: rgba(0,0,0,0.54);
	word-break:normal;
	overflow:visible;
	}
/*次の記事前の記事*/
.wp-post-link a[rel="next"]::before{
	content: "<";
	font-weight: normal;
	vertical-align: bottom;
	margin: 0 2px;
	}
.wp-post-link a[rel="prev"]::after{
	content: ">";
	font-weight: normal;
	vertical-align: bottom;
	margin: 0 4px;
	}
/*固定ページ記事風レイアウト用の調整*/
.page.page-template-page-contact-php .ssfr-genremenu .menu-item-home a{
	/*color: rgba(38,50,56,1);*/
	}
.page.page-template-page-contact-php #menu-ssdbfr_menu>li:not(.mi-all-set){
	display: none;
	}
/*headingimg*/
figure.headingimg{
	width: 100%;
	max-width: 600px;
	margin: 0 auto 1rem;
	}
figure.headingimg img{
	width: 100%;
	height: auto;
	}
figure.headingimg figcaption{
	display: block;
	margin: 0 auto;
	font-size: .8em;
	color: rgba(0,0,0,.38);
	}