@charset "utf-8";
/* CSS Document *//*20191029update*/
* {box-sizing: border-box;}
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 14px;
	font-style: inherit;
	font-weight: normal;
}
	@media screen and (min-width: 960px) {
		html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
			font-size: inherit;
		}
	}
main {display: block;}/*IE11*/
img {
	width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}
html {height: 100%;/*footer固定対策*/}
body {
	background-color: #F5F5F5;
	color: rgba(0,0,0,.87);
	font-family: Roboto, Helvetica, Arial, sans-serif;
	line-height: 1;
	/*footer固定対策*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	padding-bottom: calc(90px + 1rem);
}
body.fixed {
	position: fixed;
	width: 100%;
}
footer.ssfr-footer {/*footer固定対策*/
	position: absolute;
	bottom: 0;
	height: 90px;
	}
input, button {
	border-radius: 0;
	-webkit-appearance: none;
	outline: none;
}
b, strong {font-weight: bold;}
i {font-style: normal;}
a {
	/*background-color: transparent;*/
	word-wrap: break-word;
	word-break: break-all;
	outline: none;
}
s {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
/*Blue400*/
a:link {
	color: rgba(66, 165, 245,.87);
	text-decoration: none;
}
a:visited {
	color: rgba(66, 165, 245,.87);
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: rgba(66, 165, 245,1);
	text-decoration: none;
}
/*左よせ*/
.align-right {
	text-align: right;
}
hr {
	height: 1px;
	border: none;
	border-top: 1px solid rgba(0,0,0,0.12);
	margin: 0 auto;
}
/*フィルタをかけたときゼロ件「現在情報がありません」*/
.non-selfgenre::after {
	content: "現在情報がありません。";
	display: block;
	text-align: center;
	line-height: 24px;
	vertical-align: middle;
	color: rgba(0,0,0,.54);
	margin: 116px auto;
}
/*通常HTML用ヘッダ*/
.ssfrhd {
	background-color: #263238;
	color: #cfd8dc;
	vertical-align: top;
	box-shadow: 0 2px 5px rgba(0,0,0,.26);
	position: relative;/*shadow対策*/
	/*スクロールしたら隠れる*/
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	transition: .3s;
}
/*ヘッダ上部*/
.ssfrhd-upper {
	max-width: 1120px;
	margin: 0 auto;
}
.ssfrhd-upper-inner {
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}
.ssfrhd-btn {
	width: 48px;
	height: 40px;
	border: 0;
	outline: 0;
	padding: 0;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ssfrhd-btn::before {
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: block;
	margin: 0 auto;
}
.btn-menu::before {content: url(../img/ic_menu_white_24px.svg);}
.btn-search::before {content: url(../img/ic_search_white_24px.svg);}
.ssfrhd h1 {
	display: inline-block;
	padding: 0 8px;
}
.ssfrhd h1 a {
	display: block;
	background-image: url(../img/logo_head_shu.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 80px;
	height: 40px;
}
.ssfrhd h1 a span {display: none;}/*文字列を消す*/
.ssfrhd-form {
	display: flex;
	padding: 2px 8px 6px 8px;
	max-width: 512px;
}
.ssfrhd-form input {
	height: 32px;
	border: none;
	margin: 0;
}
.ssfrhd-form input[type="text"] {
	height: 32px;
	width: 100%;
	border: none;
	padding: 1px 6px;
	border-radius: 2px 0 0 2px/2px 0 0 2px;
}
.ssfrhd-form>div {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.ssfrhd-form button {
	background-color: #455A64;
	color: rgba(255,255,255,.7);
	border-radius: 0 2px 2px 0/0 2px 2px 0;
	width: 64px;/**/
	height: 32px;
	border: 0;
	outline: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	}
.ssfrhd-form button::after {
	content: "検索";
	margin: 0 auto;
}
.ssfrhd-form button.ssfrhd-submit {width: 56px;}
.ssfrhd-form button.ssfrhd-submit::after {content: url(../img/ic_search_white_24px.svg);}
@media screen and (min-width: 480px) {
	.ssfrhd-upper {
		display: flex;
		justify-content: space-between;
	}
	.ssfrhd-btn {
		height: 48px;
		line-height: 48px;
	}
	.btn-search {display: none;}
	.ssfrhd h1 {padding: 0 8px;}
	.ssfrhd h1 a {
		width: 96px;
		height: 48px;
		}
	.ssfrhd-form {
		padding: 8px 8px 8px 8px;
		width: 272px;
		}
	/*詳細検索では虫眼鏡を表示*/
	.ssfrhd-upper{position: relative;}
	.body-sa .btn-search {
		display: inline-block;
		position: absolute;
		right: 0;
		}
	}
@media screen and (min-width: 600px) {/*ヘッダ高さ56*/
	.ssfrhd-upper-inner {padding: 4px;}
	.ssfrhd h1 a {
		width: 112px;
		background-size: 112px 56px;
		}
	.ssfrhd-form {
		padding: 12px 8px;
		width: 320px;
		}
	.body-sa .btn-search {right: 4px;}
	}
@media screen and (min-width: 960px) {/*ヘッダ高さ64*/
	.ssfrhd-upper-inner {padding: 8px;}
	.ssfrhd h1 a {
		width: 128px;
		background-size: 128px 64px;
		}
	.ssfrhd-form {
		padding: 16px 8px;
		width: 400px;
		}
	.body-sa .btn-search {right: 8px;}
	}
@media screen and (min-width: 1200px) {
	.ssfrhd-upper-inner {padding: 8px 8px 8px 0;}
}
/*ヘッダ下部*/
.ssfrhd-bottom {
	max-width: 1120px;
	margin: 0 auto;
}
.ssfrhd-bottom>ul {
	display: flex;
	position: relative;
}
.ssfrhd-bottom li {display: inline-block;}
.ssfrhd-bottom a {
	color: rgba(255,255,255,.6);
	display: block;
	font-size: .9rem;
	padding: 0 1.5rem;
	height: 38px;
	line-height: 38px;
	vertical-align: bottom;
	overflow: hidden;
	border-radius: 2px;
}
.ssfrhd-bottom a:hover {
	background-color: rgba(255,255,255,.1);
	color: rgba(255,255,255,1);
	cursor: pointer;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.ssfrhd-bottom li>ul {
	display: flex;
	position: absolute;
	left: 0;
	bottom: -38px;
}
.ssfrhd-bottom li>ul a {
	font-size: .85rem;
	padding: 0 1.25rem;
}
.ssfrhd-bottom li>ul li:first-of-type a {
	padding-left: 1.5rem;
}


/*header内「詳細検索」20191029*/
.ssfrhd-form>div.hd-sa{
	width: 88px;
	flex: 0;
	}
.hd-sa a{
	text-align: center;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 4px;
	border-radius: 2px;
	vertical-align: top;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	width: 88px;
	color: rgba(255,255,255,.94);
	}
.hd-sa a::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 34px;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
		-webkit-font-feature-settings: 'liga';
		-webkit-font-smoothing: antialiased;
	content: "\E146";
	margin-right: 4px;
	color: #546E7A;
	}
	@media screen and (min-width: 480px){
		.ssfrhd-form {width: 312px;}
		}
	@media screen and (min-width: 600px){
		.ssfrhd-form {width: 400px;}
		}

/*ジャンル毎の調整*/
/*自ジャンルであるとき白太字*/
.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{
	font-weight: bold;
	color: #FFFFFF;
	pointer-events: none;
}
.body-shoseki .ssfrhd-bottom, .body-comics .ssfrhd-bottom {height: calc(38px + 38px);}
/*書籍のときコミックスのulを非表示*/
.body-shoseki .ssfrhd-li-comics>ul {display: none;}
/*コミックスのとき書籍のulを非表示*/
.body-comics .ssfrhd-li-shoseki>ul {display: none;}
/*すべてや雑誌の時サブのulを非表示*/
.body-all .ssfrhd-li-comics>ul, .body-all .ssfrhd-li-shoseki>ul, .body-zasshi .ssfrhd-li-comics>ul, .body-zasshi .ssfrhd-li-shoseki>ul, .body-magpage .ssfrhd-li-comics>ul, .body-magpage .ssfrhd-li-shoseki>ul {
	display: none;
}
/*各巻、検索結果のときssfrhd-bottomを非表示*/
.body-itemcontents .ssfrhd-bottom, .body-searchresult .ssfrhd-bottom {display: none;}

/*ヘッダサイズ調整*/
@media screen and (max-width: 320px) {
	.ssfrhd-bottom a {padding: 0 1em;}
	.ssfrhd-bottom li>ul a, .ssfrhd-bottom li>ul li:first-of-type a {
		font-size: 11px;
		padding: 0 1rem;
	}
}
@media screen and (min-width: 480px) {
	.body-shoseki .ssfrhd-bottom, .body-comics .ssfrhd-bottom {height: 80px;}
	.ssfrhd-bottom {padding-left: 16px;}
	.ssfrhd-bottom a {
		font-size: .9rem;
		height: 40px;
		line-height: 40px;
	}
	.ssfrhd-bottom li>ul {bottom: -40px;}
	.ssfrhd-bottom li>ul a {font-size: .9rem;}
}
@media screen and (min-width: 600px) {
	.ssfrhd-bottom a {
		font-size: 1rem;
		height: 48px;
		line-height: 48px;
	}
	.ssfrhd-bottom li>ul {bottom: -48px;}
	.body-shoseki .ssfrhd-bottom, .body-comics .ssfrhd-bottom {height: 96px;}
}
/*header.js関連*/
.ssfrhd-form {display: none;}
.search-toggle .ssfrhd-form {display: flex;}
.btn-search::before {
	transition: .5s;
	transform: rotateZ( 0deg );
}
.search-toggle .ssfrhd-btn.btn-search, button.ssfrhd-btn.btn-search:disabled{opacity: .5;}
.search-toggle .ssfrhd-btn.btn-search::before {transform: rotateZ( 360deg );}
@media screen and (min-width: 480px) {
	/*480以上では常に表示*/
	.ssfrhd-form, .search-toggle .ssfrhd-form {display: flex;}
}
/*サイドメニュー サイドバー*/
.ssfr-mask {
	position: fixed!important;
	top: 0!important;
	left: 0!important;
	width: 100vw!important;
	height: 100vh!important;
	opacity: 0.2;
	background-image: none!important;
	background-color: #000;
	z-index: 2147483646;
	display: none;
}
.ssfr-sidebar {
	position: fixed!important;
	top: 0;
	max-height: 100vh!important;
	height: 100vh;
	width: 70vw;
	max-width: 400px;
	min-width: 260px;
	background-color: rgba(255,255,255,1);
	outline: none;
	overflow-x: hidden!important;
	overflow-y: auto!important;
	z-index: 2147483647;
	-webkit-overflow-scrolling: touch;
	display: none;
}
.ssfr-sidebar-hd {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid rgba(0,0,0,.12);
}
.ssfr-sidebar-hd a {
	width: 100%;
	display: flex;
	align-items: center;
	color: rgba(0,0,0,1);
}
.ssfr-sidebar-hd a::before {
	content: "";
	display: inline-block;
	width: 20vw;
	height: 20vw;
	max-width: 114px;
	max-height: 114px;
	background-image: url(../img/sidebar_logo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: .75rem;
}
.ssfr-sidebar-hd a span {
	font-size: .8em;
	margin-left: 2em;
}
.ssfr-sidebar h4 {
	margin: 0;
	font-size: 1.125rem;
	font-weight: bold;
	padding: 1rem 1rem .5rem 1rem;
	color: rgba(0,0,0,.87);
	}
.ssfr-sidebar section {border-bottom: 1px solid rgba(0,0,0,.12);}
.ssfr-sidebar section hr {margin: 0 2rem;}
.ssfr-sidebar li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.ssfr-sidebar>section>ul>li a, .ssfr-sidebar section>a {
	display: block;
	outline: none;
	font-size: 1rem;
	color: #5f6368;
	line-height: 3.5rem;
	height: 3.5rem;
	padding: 0 1rem;
	overflow: hidden;
	}
.ssfr-sidebar section>ul {padding-left: 2rem;}
.ssfr-sidebar section>a {
	line-height: 4.5rem;
	height: 4.5rem;
	}
.ssfr-sidebar section>a:hover, .ssfr-sidebar h4 a:hover, .ssfr-sidebar li a:hover {
	background-color: #f1f3f4;
	color: rgba(0,0,0,1);
	}
/*サイドバー詳細検索*/
.ssfr-sidebar-sa a{
	vertical-align: top;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	}
.ssfr-sidebar-sa a::before{
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 4.5rem;
	height: 4.5rem;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	content: "\e8b6";
	margin-right: 4px;
	/*color: rgba(0,0,0,.87);*/
	color: rgba(38,50,56,0.38);
	vertical-align: top;
	}
/************************main*************************/
/*書籍タイトル　前サブ後サブスペース適用*/
.bktitle span+b:before {
	white-space: pre;
	content: "\A";
}
.bktitle b+span:after {content: none;}
.bktitle b+span:before {
	white-space: pre;
	content: "\A";
}
.bktitle span, .bktitle b {line-height: 1.25;}
/* wrapper */
.wrapper {
	max-width: 1120px;
	margin: 0 auto;
}
.wrap-main {overflow: hidden;}
@media screen and (min-width: 720px) {
	/*新刊情報やNEWSなどサイドバー左側、メイン右*/
	.wrapflexLM {display: flex;}
	.wrapflexLM .wrap-main {flex: 1;}
	.wrapflexLM .wrap-L {
		width: 24%;
		max-width: 248px;
		position: relative;
	}
}
@media screen and (min-width: 960px) {
	/*TOPなどサイドバー右側、メイン左*/
	.wrapflexMR {display: flex;}
	.wrapflexMR .wrap-main {
		flex: 1;
		margin-bottom: 1rem;
		padding: 0 16px 0 8px;
	}
	.wrapflexMR .wrap-R {
		width: 320px;
		margin-top: 1rem;
	}
	.wrapflexMR .wrap-R .card-outer {margin: 1rem 0;}
	.wrapflexMR .wrap-main .sortmenu-top {
		margin: calc(2rem - 8px) 0 1rem;
	}
}
/*ジャンルメニュー*/
.ssfr-genremenu {
	padding: 4px 4px 0 4px;
	margin: 1rem 0;
}
/*SPPCで位置を変更20180821*/
.ssfr-genremenu-pc {display: none;}
@media screen and (min-width: 960px) {
	.ssfr-genremenu-sp {display: none;}
	.ssfr-genremenu-pc {display: block;}
	}
	.body-comics.body-top .ssfr-genremenu.ssfr-genremenu-sp {}
@media screen and (min-width: 480px) {
	.body-comics.body-top .ssfr-genremenu.ssfr-genremenu-sp {padding: 4px 4px 0 14px;}
}
.ssfr-genremenu ul {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.ssfr-genremenu li {min-width: 3.2rem;}
.ssfr-genremenu a {
	font-weight: bold;
	color: rgba(38,50,56,.38);
	display: block;
	font-size: 1rem;
	line-height: 32px;
	height: 32px;
	padding: 0 1em;
	border-radius: 2px;
	text-align: center;
}
.ssfr-genremenu .ssmangashi-boy a, .ssfr-genremenu .ssmangashi-girl a, .ssfr-genremenu .ssmangashi-man a {letter-spacing: -1px;}

@media screen and (max-width: 320px) {
	.ssfr-genremenu a {
		font-size: .9rem;
		padding: 0 10px;
	}
}
@media screen and (min-width: 480px) {
	.ssfr-genremenu {padding: 8px 12px;}
	.ssfr-genremenu a {
		font-size: 1rem;
		padding: 0 1.5em;
		line-height: 40px;
		height: 40px;
	}
	.ssfr-genremenu .ssmangashi-boy a, .ssfr-genremenu .ssmangashi-girl a, .ssfr-genremenu .ssmangashi-man a {letter-spacing: normal;}
}
@media screen and (min-width: 600px) {
	.ssfr-genremenu {padding: 8px 16px;}
}
@media screen and (min-width: 960px) {
	.ssfr-genremenu {padding: 8px;}
}
.ssfr-genremenu .current-menu-item a, .ssfr-genremenu .current-post-ancestor a, .ssfr-genremenu .current-menu-parent a {
	color: rgba(38,50,56,1);
	font-weight: bold;
}
.ssfr-genremenu li:not(.current-menu-item) a:hover {
	color: rgba(38,50,56,.54);
	background-color: rgba(96,125,139,.1);
	cursor: pointer;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}
.ssfr-genremenu i {display: none;}

@media screen and (min-width: 720px) {
	/*新刊情報などwrapflexLMのとき左カラム化*/
	.wrap-L .ssfr-genremenu {padding: 1rem 12px 8px 18px;}
	.wrap-L .ssfr-genremenu ul {
		display: block;
		padding: 0;
		margin: 0 0 2rem 0;
		border-left: 6px solid #CFD8DC;
	}
	.wrap-L .ssfr-genremenu li {margin: 0;}
	.wrap-L .ssfr-genremenu a {
		font-size: 1rem;
		padding: 16px 8px 16px 24px;
		line-height: inherit;
		height: auto;
		text-align: left;
	}
	.wrap-L .ssfr-genremenu a i {
		display: inline;
		margin-right: 2px;
	}
	.wrapflexLM .wrap-main {margin-top: 1rem;}
	.wrapflexLM .wrap-main h2.pagetitle {margin: 1rem 0 1rem 8px;}
}
/*（書籍）発売予定　紙デジタルでジャンル表示切替*/
body.body-shoseki:not(.body-digital) #genreul .ssdigibook, body.body-shoseki:not(.body-digital) #genreul .ssdigiphotobk {
	display: none;
}
body.body-shoseki.body-digital #genreul li:not(.ssdigibook), body.body-shoseki.body-digital #genreul li:not(.ssdigiphotobk) {
	display: none;
}
body.body-shoseki.body-digital #genreul li.ssall, body.body-shoseki.body-digital #genreul li.ssdigibook, body.body-shoseki.body-digital #genreul li.ssdigiphotobk {
	display: inherit;
}
/*NEWS*/
@media screen and (min-width: 720px) {
	.body-news .wrap-main .card-outer {margin-top: calc(2rem + 2px);}
	.body-news .wrap-L .ssfr-genremenu {padding-top: calc(2rem + 2px);}
}
/*NEWSサブカテゴリ*/
.ssfr-genremenu ul.sub-menu {display: none;}
@media screen and (min-width: 720px) {
	.ssfr-genremenu ul.sub-menu {
		display: block;
		margin: 0;
		border-left: none;
	}
	.wrap-L .ssfr-genremenu ul.sub-menu a {padding: 12px 8px 12px 40px;}
}
/*WP　NEWSの検索窓とアーカイブの*/
.wp1result-sidebar {
	margin: 1.5rem 0;
	padding: 0 8px;
}
#sidebar ul {list-style-type: none;}
#sidebar li {
	list-style-type: none;
	margin-bottom: 1rem;
}
#sidebar li h2 {
	margin: 8px 0;
	border-left: 5px solid #CFD8DC;
	padding-left: 5px;
}
.widget form div {display: flex;}
.widget_search label, .widget_archive label {display: none;}
.widget input {
	height: 32px;
	border: none;
}
.widget input[type="text"] {
	height: 32px;
	width: 100%;
	border: none;
	padding: 1px 6px;
	border-radius: 2px 0 0 2px/2px 0 0 2px;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	border-top: 1px solid rgba(38,50,56,.38);
	border-left: 1px solid rgba(38,50,56,.38);
	border-bottom: 1px solid rgba(38,50,56,.38);
	font-size: initial;
}
.widget_search input[type="submit"] {
	background-color: #455A64;
	color: rgba(255,255,255,.7);
	padding: 1px 16px;
	border-radius: 0 2px 2px 0/0 2px 2px 0;
}
.widget select {
	height: 32px;
	border: 1px solid rgba(38,50,56,.38);
}
/* 紙デジNEWSタブ */
.tab-link {
	margin-top: 1rem;
	padding: 0 10px;
	}
.tab-link ul {
	list-style-type: none;
	display: flex;
	justify-content: center;
	/*max-width: 960px;*/
	max-width: 560px;
	margin: 0 auto;
	}
.tab-link li {
	display: block;
	text-align: center;
	height: 48px;
	line-height: 48px;
	/*padding: 0 2em;*/
	/*font-size: .9rem;*/
	overflow: hidden;
	color: rgba(0,0,0,.38);
	font-size: 1rem;
	min-width: 23.5%;
	padding: 0 8px;
	/*border-bottom: 4px solid #CFD8DC;*/
	}
.tab-link li a {
	display: block;
	/*color: rgba(0,0,0,1);*/
	color: #455A64;
	}
@media screen and (max-width: 320px) {
	.tab-link li {
		/*padding: 0 18px;*/
		font-size: .85rem;
		}
	}
@media screen and (min-width: 720px) {
	.tab-link {
		margin: 16px 0 0 0;
		}
	.tab-link li {
		height: 56px;
		line-height: 56px;
		font-size: 1rem;
		/*padding: 0 2.5em;*/
		}
	}
.tab-link li:not(.ssfr-current-tab) a:hover, .tab-link li a:hover {
	color: rgba(0,0,0,1);
	cursor: pointer;
	}
.tab-link li:not(.ssfr-current-tab):hover, .tab-link li:hover {
	border-bottom: 4px solid #ECEFF1;
	}
.tab-link li.ssfr-current-tab {
	font-weight: bold;
	/*border-bottom: 4px solid #B0BEC5;*/
	border-bottom: 4px solid #607D8B;
	color: rgba(0,0,0,1);
	}
.tab-link li.ssfr-current-tab a{color: #263238;}
.tab-link li small {
	font-size: .85rem;
	margin-left: 2px;
	color: rgba(33,150,234,.70);
	}
.tab-link li a small, .tab-link li.ssfr-current-tab small, .body-newitems .pagetitle small {
	font-size: .85rem;
	margin-left: 2px;
	color: #2196F3;
}
/*検索結果ページ調整*/
.body-searchresult .tab-link {margin-top: 0;}
.body-searchresult .wrapper {padding-top: 1rem;}
/*リミックスページ調整*/
@media screen and (min-width: 720px) {
	.body-remix .wrap-main {padding-top: 24px;}
	.body-remix .wrap-L .ssfr-genremenu {padding: 12px 12px 8px 18px;}
}
/* カード card-outerとワンンセットで使う*/
.card-outer {
	padding: 0 8px;
	margin-bottom: 1rem;
}
.cards {
	background-color: #fff;
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	overflow: hidden;
	padding-top: 2px;
}
.cards.non-selfgenre {/*検索結果現在情報がありませんのときスタイルをリセット*/
	background-color: transparent;
	box-shadow: none;
	border-radius: 0;
}
.cards h3 {
	font-size: .85rem;
	line-height: 20px;
	color: rgba(38,50,56,.70);
	font-weight: bold;
	margin: 1rem 0 2px;
	padding: 0 8px 0 12px;
}
.cards h3.h3-mtl {
	padding: 0 10px;
	line-height: 24px;
	vertical-align: middle;
	display: flex;
	align-items: center;
}
@media screen and (min-width: 480px) {
	.cards h3 {padding: 0 8px 0 16px;}
	.cards h3.h3-mtl {padding: 0 8px 0 14px;}
}
@media screen and (min-width: 720px) {
	.cards h3 {
		font-size: 1rem;
		padding: 0 8px 0 48px;
		margin: 16px 0 0;
	}
	.cards h3.h3-mtl {padding: 0 8px 0 24px;}
}
@media screen and (min-width: 960px) {
	.cards h3 {
		padding: 0 8px 0 56px;
		margin: 16px 0 0;
	}
	.cards h3.h3-mtl {padding: 0 8px 0 32px;}
	.wrap-R .cards h3 {font-size: .8rem;}
	.wrap-R .cards h3.h3-mtl {
		padding: 0 8px 0 14px;
		margin: 12px 0 2px;
	}
	.card-outer {margin-bottom: 1.5rem;}
}
@media screen and (min-width: 1024px) {
	.cards h3 {
		padding: 0 8px 0 64px;
		margin: 24px 0 4px;
	}
}
/*マテリアルアイコンのh3*/
h3.h3-mtl::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	height: 24px;
	width: 24px;
	line-height: 24px;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	color: rgba(38,50,56,0.38);
	margin-left: 4px;/**/
	margin-right: 6px;
	vertical-align: top;
}
h3.h3-mtl.mtl-description::before {content: "\E873";}
h3.h3-mtl.mtl-favorite::before {content: "\E87E";}
h3.h3-mtl.mtl-replay::before {content: "\E042";}
h3.h3-mtl.mtl-apps::before {content: "\E5C3";}
h3.h3-mtl.mtl-lang::before {content: "\E894";}
h3.h3-mtl.mtl-star::before {content: "\E8D0";}
h3.h3-mtl.mtl-youtube::before {content: "\E04A";}
h3.h3-mtl.mtl-vendor::before {content: "\E8CC";}
/*h3リンク化2019*/
.h3-mtl a{color: rgba(38,50,56,.70);}
.h3-mtl a:hover{color: rgba(38,50,56,1);}
/*NEWSピックアップのフッタにもっと見る2019*/
.cards .newsfooter{margin-top: -0.5rem;}
.newsfooter a.mottomiru{
	font-size: .75rem;
	height: 32px;
	line-height: 32px;
	padding: 0 14px;
	vertical-align: top;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0 0 .5rem auto;
	color: rgba(0,0,0,.54);
	}
	@media screen and (min-width: 480px){
		.newsfooter a.mottomiru{
			padding: 0 16px;
			}
	}
	@media screen and (min-width: 720px){
		.newsfooter a.mottomiru{
			padding: 0 48px;
			}
	}
@media screen and (min-width: 960px){
		.newsfooter a.mottomiru{
			padding: 0 14px;
			}
	}
.newsfooter a.mottomiru::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 34px;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	content: "\E146";
	margin-right: 4px;
	color: rgba(38,50,56,0.54);
	}
.newsfooter a.mottomiru::after {
	content: "もっと見る";
	}
.newsfooter a.mottomiru:hover{color: rgba(0,0,0,.87);}
.newsfooter a.mottomiru:hover::before{color: rgba(0,0,0,.87);}
/* 試し読みボタン */
.tms-btn {
	display: block;
	letter-spacing: 1px;
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(0,0,0,.2);
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 22px;
	width: 128px;
	height: 22px;
	border-radius: 11px;
	box-shadow: 0 1px 1px rgba(204,204,204,.1);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
	overflow: hidden;
}
a.tms-btn {color: rgba(0,0,0,.64);}
a.tms-btn:hover {
	border: 1px solid rgba(0,0,0,.4);
	color: rgba(0,0,0,.87);
}
/*a.tms-btn:active, a.tms-btn:focus {
	background-color: #263238;
	border: 1px solid #263238;
	color: #FFF;
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
}*/
/* WP NEWSのアイテム */
.wp1sec {
	padding: 14px;
	border-bottom: 1px solid rgba(0,0,0,.12);
	display: flex;
	align-items: center;/*追加してみた*/
}
@media screen and (min-width: 480px) {
	.wp1sec {padding: 16px;}
}
@media screen and (min-width: 720px) {
	.wrapflexLM .wrap-main .wp1sec {padding: 16px 24px;}
	.wp1sec {padding: 16px 48px;}
}
@media screen and (min-width: 960px) {
	.wp1sec {padding: 24px 36px;}
	.wrapflexMR .wp1sec {padding: 14px;}
}
.wp1sec:last-of-type {border-bottom: none;}
.wp1sec-ogimgbg {
	width: 64px;
	height: 80px;
	flex: none;
	display: block;
	margin-right: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

@media screen and (min-width: 960px) {
	.wp1sec-ogimgbg {
		width: 104px;
		height: 120px;
		margin-right: 32px;
	}
	.wrapflexMR .wp1sec-ogimgbg {
		width: 64px;
		height: 80px;
		margin-right: 12px;
	}
}
.wp1sec-txt {
	overflow: hidden;
	margin: 4px 0 0 .5rem;
	flex: 1;
}
.wp1sec-ogimgbg + .wp1sec-txt {margin: 4px 0 0 0;}
.wp1sec h4 {
	font-weight: bold;
	line-height: 1.25;
	margin: 0 0 8px;
}
@media screen and (min-width: 480px) {
	.wp1sec h4 {font-size: 1.1rem;}
}
@media screen and (min-width: 960px) {
	.wrapflexMR .wp1sec h4 {font-size: .8rem;}
}
.wp1sec h4 a {color: rgba(0,0,0,.87);}
.wp1sec h4 a:hover {
	color: rgba(0,0,0,1);
	text-decoration: underline;
}
.wp1sec small {
	display: block;
	margin: 8px 0;
	color: rgba(0,0,0,.38);
}
.wp1sec small a, .wp1sec small span {
	font-size: 10.5px;
	color: rgba(0,0,0,.38);
}
.wp1sec time, .wpsec-time {
	font-size: 10.5px;
	color: rgba(0,0,0,.38);
	margin: 8px 0 0 .5rem;
	display: inline-block;
}
.newssource {
	font-size: 10.5px;
	color: rgba(0,0,0,.38);
	margin: 8px 0 0 .5rem;
	display: inline-block;
}
.wp1sec-foot {text-align: right;}
/*シングルアイテム*/
.single-item {
	padding: 12px;
	border-bottom: 1px solid rgba(0,0,0,.12);
	display: flex;
	margin-bottom: -1px;
}
@media screen and (min-width: 480px) {
	.single-item {padding: 12px 16px;}
}
@media screen and (min-width: 720px) {
	.single-item {
		padding: 16px 48px;
		align-items: center;
	}
}
@media screen and (min-width: 960px) {
	.single-item {padding: 16px 56px;}
	.wrap-R .single-item {
		padding: 12px 16px;
		align-items: flex-start;
	}
}
@media screen and (min-width: 1024px) {
	.single-item {padding: 20px 64px;}
}
.cards section:last-of-type {
	border-bottom: none;
	padding-bottom: 2rem;
}
.single-item figure {
	width: 80px;
	min-width: 80px;
	vertical-align: top;
	display: inline-block;
}
@media screen and (min-width: 960px) {
	.wrap-R .single-item figure {
		width: 64px;
		min-width: 64px;
	}
}
@media screen and (min-width: 1024px) {
	.single-item figure {
		width: 96px;
		min-width: 96px;
	}
}
.single-item:not(.single-magazine) figure img {border: 1px solid rgba(38,50,56,.08);}
.single-item>div {
	width: auto;
	flex: 1;
	padding: 1px 0 0 1rem;/**/
	overflow: hidden;
}
@media screen and (min-width: 720px) {
	.single-item>div {padding: 0 0 0 1.5rem;}
}

@media screen and (min-width: 960px) {
	.wrap-R .single-item>div {padding: 0 0 0 12px;}
}
.single-item div:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.single-item .bktitle {
	line-height: 1.25;
	margin-bottom: .5rem;
	font-size: 1.1rem;
}
@media screen and (min-width: 960px) {
	.single-item .bktitle {font-size: 1.2rem;}
}
.single-item .bktitle a {color: rgba(0,0,0,.87);}
.single-item .bktitle a:hover {text-decoration: underline;}
.single-item .bktitle a span, .single-item .bktitle span {
	font-size: .85rem;
	color: rgba(0,0,0,.54);
}
.single-item .bktitle b {margin-bottom: 4px;}
.single-item p {
	font-size: .8rem;
	margin: 8px 0;
	line-height: 1.5;
	color: rgba(0,0,0,.54);
}
.single-item p a {color: rgba(33,150,243,.87);}
.single-item>div>*:last-child {margin-bottom: 0;}
.single-item .tms-btn {
	margin-top: 4px;
	margin-right: 4px;
	float: right;
}
@media screen and (min-width: 960px) {
	.wrap-R .single-item .bktitle {font-size: .85rem;}
	.wrap-R .single-item p {font-size: .75rem;}
}
.single-item>div>*:first-child {margin-top: 0;}
/*Twitterタイムライン*/
#tw{
	padding: 0 8px;
	margin-bottom: 1rem;
	margin: 0 auto;
	max-width: 420px;
	}
#tw .twitter-timeline{
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	overflow: hidden;
	}
/*スライダ共通（ボタン）*/
.slick-prev, .slick-next {/*タッチエリアの大きさ*/
	width: 40px;
	height: 40px;
}
.topbn .slick-slide a, .topbn .slick-slide a:link, .topbn .slick-slide a:visited,
.topbn .slideitem a, .topbn .slideitem a:link, .topbn .slideitem a:visited{
	color: rgba(0,0,0,0.00);
}
.slick-prev:before, .slick-next:before {color: #000;}
/*検索結果シリーズカルーセル*/
.series-carousel {
	border-bottom: 1px solid rgba(0,0,0,.12);
	padding: 16px 0;
}
.series-carousel small {
	display: block;
	margin: 0 16px 4px;
	font-weight: normal;
	font-size: .8rem;
	color: rgba(0, 0, 0, .38);
}
.series-carousel .bktitle {
	margin: 4px 16px;
	line-height: 1.25;
	font-size: 1.1rem;
}
.series-carousel .bktitle span {font-size: .85em;}
.series-carousel .bktitle a {color: rgba(0,0,0,.87)}
.series-carousel .bktitle a:hover {
	color: rgba(0,0,0,1);
	text-decoration: underline;
}
.series-carousel .bktitle a i {/*すべて見る*/
	display: inline-block;
	margin: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	line-height: inherit;
	color: #2196F3;
	opacity: inherit;
	letter-spacing: -.5px;
	margin-left: .75rem;
}
.series-carousel .bktitle a i:after {
	font-family: 'Material Icons';
	content: "\E5CC";
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	margin-left: -1px;
}
.series-carousel p {/*作者名など*/
	margin: 8px 16px;
	font-size: .8rem;
	line-height: 1.5;
	color: rgba(0, 0, 0, .54);
}
@media screen and (min-width: 720px) {
	.series-carousel {padding: 24px 16px;}
	.series-carousel small {margin: 0 16px 8px;}
	.series-carousel .bktitle {
		margin: 8px 16px;
		font-size: 1.2rem;
	}
	.series-carousel .bktitle a i {/*すべて見る*/
		font-size: .75rem;
		margin-left: 1rem;
	}
	.series-carousel p {/*作者名など*/
		margin: 8px 16px;
		font-size: .9rem;
	}
}
@media screen and (min-width: 960px) {
	.series-carousel small {margin: 0 48px 8px;}
	.series-carousel .bktitle {margin: 8px 48px;}
	.series-carousel p {margin: 8px 48px;}
}
.series-carousel figure img {
	border: 1px solid rgba(38,50,56,.08);
	margin-bottom: 5px;
}
.series-carousel a figcaption {
	color: rgba(0,0,0,.54);
	font-size: 10px;
	line-height: 1.25;
	word-wrap: break-word;
}
.series-carousel a:hover figcaption, .series-carousel a:active figcaption {color: rgba(0,0,0,.87);}
@media screen and (min-width: 960px) {
	.series-carousel figure img {margin-bottom: 6px;}
	.series-carousel a figcaption {font-size: 11px;}
}
.series-carousel .slider .tms-btn {/*シリーズカルーセルの試し読みボタン*/
	margin-top: 8px;
	letter-spacing: normal;
	width: 100%;
	font-size: 10px;
	line-height: 16px;
	height: 16px;
	border-radius: 8px;
}
/*カルーセルドット（上書き）*/
.series-carousel .slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0 2px;
}
.series-carousel .slick-dots li button {
	width: 12px;
	height: 12px;
	padding: 0px;
}
.series-carousel .slick-dots li button:before {
	line-height: 12px;
	width: 12px;
	height: 12px;
}
/*カルーセル*/
.series-carousel .slider {
	width: 82%;
	margin: 8px auto 0;
}
.series-carousel .slick-slide {
	margin: 0px 4px;
	padding-bottom: 1px;
	overflow: hidden;
}
.series-carousel .newbook figcaption:after {
	display: inline-block;
	font-size: 10px;
	content: "NEW!";
	color: #F44336;
	margin-left: 2px;
}
@media screen and (min-width: 960px) {
	.series-carousel .slick-slide {margin: 0px 8px;}
}
/*シリーズカルーセル左右ボタン*/
.series-carousel .slick-prev {
	left: -32px;
	z-index: 1;
}
.series-carousel .slick-next {
	right: -32px;
}
/*検索結果昇順降順ラジオボタン*/
.search-day-sort {
	padding: 1rem 16px 8px 16px;
	text-align: right;
}
@media screen and (min-width: 960px) {
	.search-day-sort {padding: 1.5rem 32px 8px 32px;}
}
label.radio01 {line-height: 24px;}
.radio01-input {display: none;}
.radio01-parts {
	font-size: .75rem;
	padding-left: 20px;
	/*margin-left: 16px;*/
	margin-right: 16px;
	position: relative;
	line-height: 24px;
	vertical-align: middle;
}
.radio01-parts::before {
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	left: 0;
	width: 12px;
	height: 12px;
	border: 2px solid rgba(0,0,0,.54);
	border-radius: 50%;
	cursor: pointer;
}
.radio01-input:checked + .radio01-parts::before {border-color: rgba(33,150,243,1);}
.radio01-parts::after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 4px;
	width: 8px;
	height: 8px;
	background: rgb(33,150,243);
	border-radius: 50%;
	cursor: pointer;
	transition-duration: .28s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
}
.radio01-input:checked + .radio01-parts::after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
/* 検索結果、NEWSのページナビゲーション */
.pagination {
	margin: 2rem auto;
	padding: 0 8px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.pagination .page-numbers {
	display: inline-block;
	margin: 0 4px;
	font-size: .9rem;
	line-height: 1.6rem;
	height: 1.6rem;
	padding: 0 .25rem;
	white-space: nowrap;
	text-align: center;
	border-radius: 1px;
	color: rgba(0,0,0,.87);
}
.pagination a:hover {background-color: #FFF;}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
	background-color: rgba(0,0,0,0);
	color: rgba(0,0,0,.54);
	margin: 0 16px;
}
.pagination a.page-numbers.prev:hover, .pagination a.page-numbers.next:hover {color: rgba(0,0,0,.87);}
.pagination .current {
	background-color: #263238;
	color: #FFF;
	font-weight: bold;
}
@media screen and (min-width: 720px) {
	.pagination {margin: 3rem auto;}
	.pagination .page-numbers {
		margin: 0 8px;
		padding: 0 .5rem;
	}
}
/*フッタ*/
footer.ssfr-footer {
	width: 100%;
	background-color: #263238;
	padding: 16px 16px 8px 16px;
	font-family: Roboto, sans-serif;
	-webkit-font-smoothing: antialiased;
	}
footer.ssfr-footer p {
	font-size: 10px;
	text-align: center;
	color: rgba(255,255,255,.50);
	margin: 16px auto 8px;
	max-width: 960px;
	}
footer.ssfr-footer p a {color: rgba(255,255,255,.6);}
footer.ssfr-footer p a:hover {color: rgba(255,255,255,.8);}
/*footer高さ違い*/
.body-smanga {padding-bottom: calc(1rem + 170px)}
.body-smanga footer.ssfr-footer{height: 170px;}
/*front TOP ABJ*/
.body-all {padding-bottom: calc(1rem + 154px)}
.body-all footer.ssfr-footer{height: 154px;}
/*S-manga TOP ABJ*/
.body-comics.body-top.body-smanga {padding-bottom: calc(1rem + 234px)}
.body-comics.body-top.body-smanga footer.ssfr-footer{height: 234px;}


/*TOPに戻る*/
a.backtotop {
	color: rgba(255,255,255,.5);
	font-size: .8rem;
	margin: 0 auto 24px auto;
	text-decoration: none;
	vertical-align: middle;
}
a.backtotop .material-icons {
	font-size: 24px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	vertical-align: middle;
	border-radius: 16px;
	color: rgba(38,50,56,.87);
	background-color: rgba(255,255,255,.12);
	margin-left: 8px;
}
a:hover.backtotop {color: rgba(255,255,255,.7);}
a:hover.backtotop .material-icons {background-color: rgba(255,255,255,.5);}
/*TOPに戻る(小)*/
a.backtotop.backtotop-s{color: rgba(255,255,255,.38);}
a:hover.backtotop.backtotop-s{color: rgba(255,255,255,.7);}
a.backtotop.backtotop-s .material-icons{
	color: rgba(255,255,255,.38);
	background-color: rgba(255,255,255,0);
	margin-left: 4px;
	font-size: 18px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	}
a:hover.backtotop.backtotop-s .material-icons {
	color: rgba(38,50,56,.87);
	background-color: rgba(255,255,255,.5);
	}
/*ABJ*/
.footABJ{
	display: block;
	width: 96px;
	height: 64px;
	margin: 0 auto;
	/*background-image:url(../img_smanga/abj_1092_1001_b.png);*//*smanga*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	/*opacity: .9;*/
	opacity: .72;
	}
a.footABJ:hover{opacity: 1;}
/*フッタソーシャル*/
ul.footer_social{
	display: flex;
	justify-content: center;
	margin: 4px auto 12px;
	list-style-type: none;
}
.footer_social li{
	margin: 0;
	width: 102px;
	height: 72px;
	text-align: center;
	}
.footer_social a{
	font-size: 10px;
	color:rgba(255,255,255,.54);
	}
.footer_social svg{
	width: 48px;
	height: 48px;
	display: block;
	margin: 0 auto;
	opacity: .87;
	}
.footer_social a:hover{color:rgba(255,255,255,.87);}
.footer_social a:hover svg{opacity: 1;}
.footer_social a:active{color:rgba(255,255,255,1);}
/*TOPバナー*/
.topbn {
	max-width: 1600px;
	margin: 0 auto;
	background-color: #eceff1;
}
.topbn figure {
	position: relative;
	overflow: hidden;
}
/*JSからイレギュラーな位置調整*/
@media screen and (min-width: 480px) {
	.topbn.count-cont1 .slick-list .slick-track {
		right: 0;
		left: inherit;
		transform: translate3d(0px, 0px, 0px) !important;/**/
	}
}
@media screen and (min-width: 680px) {
	.topbn.count-cont1 .slick-list {
		display: flex;
		justify-content: center;
	}
}
@media screen and (min-width: 1120px) {
	.topbn.count-cont1 .slick-list, .topbn.count-cont2 .slick-list {
		display: flex;
		justify-content: center;
	}
}
/*大バナー画像区切り（ボーダー風）*/
.topbn .slick-slide img {margin-left: 1px;}
.topbn.count-cont1 .slick-slide img {margin-left: none;}
.topbn.count-cont2 .slick-slide:first-child img {margin-left: none;}
@media screen and (max-width: 480px) {
	.topbn .slick-slide img, .topbn.count-cont2 .slick-slide:not(:first-child) img {margin-left: none;}
}
/*TOPバナーdot位置カスタム*/
.topbn.slick-dotted.slick-slider {margin-bottom: 20px;}
.topbn .slick-dots {bottom: -18px;}
.topbn .slick-dots li button {padding: 4px;}
.topbn .slick-dots li button:before {
	position: inherit;
	opacity: 1;
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: rgba(0,0,0,.1);
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(255,255,255,.5);
	-moz-box-shadow: 0px 0px 0px 1px rgba(255,255,255,.5);
	box-shadow: 0px 0px 0px 1px rgba(255,255,255,.5);
}
.topbn .slick-dots li.slick-active button:before {
	opacity: 1;
	background-color: #000;
}
/**********************各巻ページ**********************/
/*書影スライダ*/
#item_slider {
	margin: .5rem auto 1rem;
	max-width: 560px;
}
.my-gallery#item_slider figure a {
	display: block;
	width: 100%;
	height: calc(100vh - 312px);
	max-width: 560px;
	max-height: 560px;
	min-height: 240px;
	position: relative;
	margin: auto;
}
#item_slider a img {
	margin: auto;
	width: auto;
	max-width: 98%;
	height: auto;
	max-height: 98%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 1px;
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);/**/
}

@media screen and (min-width: 1024px) {
	.my-gallery#item_slider figure a {min-height: 344px;}
	.my-gallery#item_slider {
		margin: 2rem auto;
		max-width: 992px;
	}
	.my-gallery#item_slider a {opacity: .2;}
	.my-gallery#item_slider a img {
		transform: scale(0.8);
		transition: all 300ms ease;
	}
	.my-gallery#item_slider .slick-center a {opacity: 1;}
	.my-gallery#item_slider .slick-center img {transform: scale(1);}
}
.my-gallery figcaption {display: none;}
.pswp__button--share {display: none;}
/*ライトボックス時*/
.pswp__counter, .pswp--zoom-allowed .pswp__button--zoom, .pswp--supports-fs .pswp__button--fs {
	display: none;
}
.pswp__button.pswp__button--close {
	width: 56px;
	height: 56px;
	background-size: 396px 132px;
	background-position: -4px -70px;
	opacity: 1;
}
.pswp__top-bar, .pswp__ui--fit .pswp__top-bar {
	background: -webkit-linear-gradient(rgba(0,0,0,0.5), transparent);
	background: -o-linear-gradient(rgba(0,0,0,0.5), transparent);
	background: -ms-linear-gradient(rgba(0,0,0,0.5), transparent);
	background: linear-gradient(rgba(0,0,0,0.5), transparent);
	height: 56px;
}
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
	opacity: 1;
}
/*各巻スライダ左右ボタン*/
#item_slider .slick-prev {
	left: 0px;
	z-index: 1;
}
#item_slider .slick-next {right: 0px;}
/*下*/
#thumbnail-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: .5rem;
}
#thumbnail-list figure {
	width: 32px;
	height: 32px;
	position: relative;
	margin: 2px 4px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.12);
}
#thumbnail-list .thumbnail-current figure {border: 1px solid rgba(66, 165, 245,.54);}
#thumbnail-list figure img {
	margin: auto;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
/*各巻コンテンツ*/
.wrapper.itemcontents, .body-itemcontents aside.wrapper {max-width: 960px;}
.body-itemcontents .card-outer {margin: 1rem 0;}
.body-itemcontents aside.wrapper {margin: 3rem auto 2rem;}
@media screen and (min-width: 720px) {
	.body-itemcontents .card-outer {margin: 2rem 0;}
}
.itemcontents .tms-btn {
	display: block;
	text-align: center;
	margin: 1.5rem auto;
	font-size: 1.125rem;
	width: 100%;
	max-width: 360px;
	height: 44px;
	padding: 0 16px;
	line-height: 44px;
	letter-spacing: 1px;
	border: 1px solid #2196F3;
	border-radius: 3px;
	background-color: #2196F3;
	color: rgba(255,255,255,1);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.itemcontents a.tms-btn:active, .itemcontents a.tms-btn:focus {box-shadow: none;}
@media screen and (min-width: 600px) {
	.itemcontents .tms-btn {
		margin: 2rem auto;
		font-weight: bold;
		font-size: 1.25rem;
		height: 56px;
		line-height: 56px;
	}
}
.itemcontents .tms-btn:hover {
	border: 1px solid #2196F3;
	color: rgba(255,255,255,1);
	box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
/*.itemcontents .tms-btn:active,.itemcontents .tms-btn:focus{
	border: none;
	color: #2196F3;
	background-color: #FFFFFF;
	border: 1px solid rgba(66, 165, 245,.54);
	box-shadow: none;
}*/
@media screen and (min-width: 720px) {
	.itemcontents .tms-btn {
		margin: 2rem auto;
		font-size: 1.5rem;
		height: 56px;
		line-height: 56px;
	}
}
.item-info {
	padding: 0 8px 0 8px;
	margin: 0 0 1rem;
}
.item-info p {
	margin: 1em 0;
	line-height: 1.5;
}
.item-info p small {font-size: .85rem;}
/*タイトルと共有ボタン*/
.item-info-top-inner2 {
	margin: 0 auto;
	vertical-align: top;
	overflow: hidden;
}
.item-info h1.bktitle {
	margin: 0 0 .5rem 0;
	float: left;
}
.item-info h1.bktitle cite {font-size: 1.5rem;}
.item-info h1.bktitle cite span {
	font-size: 1rem;
	font-weight: bold;
}
.item-info p.item-info-author {
	margin: 2rem 0;
	font-size: 1.125rem;
}
.item-info p.item-info-author, .item-info p.item-rensaishi {color: rgba(0,0,0,.54);}
.item-info-author span {
	margin-right: 2rem;
	margin-bottom: .25rem;
	display: inline-block;
}
.item-rensaishi span {margin-right: .5em;}
.item-rensaishi>*::after {
	content: "、";
	color: rgba(0,0,0,.54);
}
.item-rensaishi>*:last-child::after {content: none;}
.item-info-top-inner2::after {
	content: "";
	display: block;
	clear: both;
	width: 100%;
	height: 0;
}
.item-info-top-inner2 p {
	margin: 0;
	line-height: 40px;/*共有ボタンにあわせる*/
	float: left;
	width: calc(100% - 112px);
}

/**/
@media screen and (min-width: 720px) {
	.item-info h1.bktitle cite {font-size: 1.8rem;}
	.body-itemcontents .cards h3.h3-mtl {
		padding: 8px 8px 8px 32px;
		font-size: 1rem;
	}
	.body-itemcontents h3.h3-mtl::before {font-size: 24px;}
	.item-info p.item-rensaishi {margin: 2rem 0;}
}
@media screen and (min-width: 960px) {
	.body-itemcontents .cards h3.h3-mtl {
		padding: 8px 8px 8px 52px;
	}
}
/*各巻紙デジ*/
.item-info-kamidigi {margin: 1rem 0;}
@media screen and (min-width: 720px) {
	.item-info-kamidigi {margin: 2rem 0;}
}
.item-info-kamidigi ul {
	list-style-type: none;
	display: flex;
	align-items: stretch;
	width: 100%;
	justify-content: center;
}
.item-info-kamidigi li {
	list-style-type: none;
	padding: 0 4px;
	display: flex;
	width: 100%;
	max-width: 668px;
}
.item-info-kamidigi li:first-of-type {padding-left: 0;}
.item-info-kamidigi li:last-of-type {padding-right: 0;}
.item-info-kamidigi section {
	width: 100%;
	max-width: 668px;
	height: 100%;
	min-height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	overflow: hidden;
	background-color: #fff;
	border-radius: 2px;
	margin: 0 auto;
	border: 1px solid #CFD8DC;
}
.item-info-kamidigi a {
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: flex;/*このあとblockで打ち消す*/
	flex-wrap: wrap;
	align-items: stretch;
}
.item-info-kamidigi a section {
	display: block;
	background-color: #ECEFF1;
}
.item-info-kamidigi .current-kamidigi section {
	border-color: rgba(0,0,0,.2);
	display: block;/**/
}
.item-info-kamidigi a section:hover {
	border-color: rgba(66, 165, 245,.54);
	background-color: #fff;
}
.item-info-kamidigi a section:active, .item-info-kamidigi a section:focus {
	border-color: rgba(66, 165, 245,.38);
	background-color: #fff;
}
.item-info-kamidigi h4 {
	width: calc(100% - 1.5em );
	overflow: hidden;
	font-size: 1.125rem;
	line-height: 1.25;
	color: rgba(69, 90, 100,.87);
	margin: 1em auto .5em 12px;
	font-weight: bold;
}
.item-info-kamidigi .current-kamidigi h4 {
	color: rgba(0,0,0,1);
}
.item-info-kamidigi .current-kamidigi h4::after {
	font-family: 'Material Icons';
	content: "done";
	font-size: 1em;
	font-weight: bold;
	color: #2196F3;
	vertical-align: bottom;
	display: inline-block;
	margin-left: 2px;
}
.item-info-kamidigi p {
	margin: 4px 12px;
	display: inline-block;
	vertical-align: top;
	font-size: .85rem;
	line-height: 1.25;
	color: rgba(0,0,0,.54);
	min-width: calc(38% - 20px);
}
.item-info-kamidigi .current-kamidigi p {color: rgba(0,0,0,.87);}
.item-info-kamidigi p:last-of-type {margin-bottom: 1rem;}
.item-info-kamidigi a section:hover h4, .item-info-kamidigi a section:hover p {color: rgba(66, 165, 245,.87);}
.item-info-kamidigi a section:active h4, .item-info-kamidigi a section:focus h4, .item-info-kamidigi a section:active p, .item-info-kamidigi a section:focus p {color: #2196F3;}
@media screen and (min-width: 720px) {
	.item-info-kamidigi h4 {
		margin: 1.5rem auto .5em 24px;
		font-size: 1.25rem;
	}
	.item-info-kamidigi p {margin: 4px 24px;}
	.item-info-kamidigi p:last-of-type {margin-bottom: 1.5rem;}
}
/*共有ボタン*/
.ssfr-btn-shere {
	display: flex;
	height: 40px;
	line-height: 40px;
	border: 0;
	outline: 0;
	padding: 0 1rem;
	background-color: transparent;
	text-align: center;
	margin: 2px 0 2px 16px;
	font-size: .85rem;
	white-space: nowrap;
	float: right;
	max-width: 112px;
	border-radius: 20px;
	opacity: .87;
}
.ssfr-btn-shere::after {
	font-family: 'Material Icons';
	content: "\E15E";
	transform: scale(-1, 1);/*左右反転*/
	font-size: 28px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
	display: inline-block;
	width: 28px;
	height: 40px;
	line-height: 40px;
}
.ssfr-btn-shere:hover {
	cursor: pointer;
	opacity: 1;
	color: #2196F3;
	background-color: #ECEFF1;
}
.ssfr-btn-shere:active, .ssfr-btn-shere:focus {
	cursor: pointer;
	opacity: 1;
	background-color: #ECEFF1;
}
/*共有*/
.item-shere {
	background-color: #FFF;
	padding: 8px 16px;
	display: none;
	margin: 1rem 0;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
.item-shere.expand-open {display: block;}
@media screen and (min-width: 960px) {
	.item-shere.expand-open {display: flex;}
	.item-shere {padding: 16px 16px;}
}
.item-shere-icos {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin: 8px auto;
}
.item-shere-icos li {
	list-style-type: none;
	margin: 0 8px 0 0;
}
.item-shere-icos a {
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
	color: rgba(0,0,0,.87);
}
/* Ligature Symbols */
@font-face {
	font-family: 'LigatureSymbols';
	src: url(LigatureSymbols/LigatureSymbols-2.11.eot);
	src: url(LigatureSymbols/LigatureSymbols-2.11.eot?#iefix) format('embedded-opentype'), url(LigatureSymbols/LigatureSymbols-2.11.woff) format('woff'), url(LigatureSymbols/LigatureSymbols-2.11.ttf) format('truetype'), url(LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols) format('svg');
	font-weight: normal;
	font-style: normal;
}
.lsf-icon:before {
	content: attr(title);
	font-family: 'LigatureSymbols';
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	font-weight: normal;
	font-style: normal;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
}
.item-shere-icos a[title="mail"]:before {
	font-family: 'Material Icons';
	content: "\E0E1";
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	font-style: normal;
	font-size: 26px;
	line-height: 40px;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
}
.item-shere-icos a[title="twitter"]:hover {
	color: #55acee;
}
.item-shere-icos a[title="facebook"]:hover {
	color: #3B5998;
}
.item-shere-icos a[title="google"]:hover {
	color: #dd4b39;
}
.item-shere-icos a[title="line"]:hover {
	color: #00b900;
}
.item-shere-icos a[title="mail"]:hover {
	color: #B0BEC5;
}

@media screen and (min-width: 480px) {
.item-shere-icos a {
	height: 48px;
	width: 48px;
}
.lsf-icon:before {
	font-size: 40px;
	line-height: 48px;
}
.item-shere-icos a[title="mail"]:before {
	font-size: 32px;
	line-height: 48px;
}
.item-shere-icos li {margin: 0 16px 0 0;}
}
/*Embedly*/
.item-embed {
	padding: 0 .5rem 0 .75rem;
	border-left: .375rem solid #CFD8DC;
	margin: 1rem auto;
}
.item-embed p {
	font-size: .8rem;
	display: inline-block;
	margin: .5rem .5rem 0 0;
}
.item-embed-inner {
	overflow: hidden;
	margin-top: 8px;
}
.item-embed-inner::after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.item-embed-text {
	padding: 4px;
	width: 100%;
	min-height: 3rem;
	display: block;
	font-size: .75rem;
	color: rgba(0,0,0,.54);
	border: 1px solid rgba(0,0,0,.12);
	background-color: #ECEFF1;
	resize: none;
}
.item-embed-btn {
	border: none;
	border-radius: 3px;
	padding: 0 1rem;
	height: 40px;
	line-height: 40px;
	min-width: 56px;
	display: inline-block;
	font-size: .875rem;
	overflow: hidden;
	/*will-change: box-shadow;*/
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background-color: #263238;
	color: #cfd8dc;
	float: right;
	margin-top: 10px;
}
.item-embed-btn:before {content: "コードをコピー";}
.item-embed-btn:active:before {content: "コピーしました";}
@media screen and (min-width: 960px) {
	.item-embed-inner {display: flex;}
	.item-embed-text {
		width: auto;
		flex: 1;
	}
	.item-embed-btn {
		margin-left: 8px;
	}
}
/*各巻あらすじ概要文*/
.item-introduction {margin: 2rem 0;}
.item-introduction p {line-height: 1.75;}
@media screen and (min-width: 720px) {
	.item-introduction p {font-size: 1.125rem;}
}
/*各巻全巻リスト*/
.item-btn-zenkan {margin: 1rem 0 1.5rem;}
.item-btn-zenkan ul {
	list-style-type: none;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
	margin: 0 auto;
	border: 1px solid rgba(0,0,0,.2);
	text-align: center;
	vertical-align: middle;
	line-height: 2.5rem;
	height: 2.5rem;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(204,204,204,0.1);
	overflow: hidden;
	max-width: 668px;
}
.item-btn-zenkan li {
	flex-grow: 1;
	border-right: 1px solid rgba(0,0,0,.2);
	overflow: hidden;
}
.item-btn-zenkan li span {
	display: block;
	font-size: .9rem;
	background-color: #FFF;
	color: rgba(0,0,0,0.12);
	overflow: hidden;
}
.item-btn-zenkan li a span {color: rgba(0,0,0,0.64);}
.item-btn-zenkan li:last-child {border-right: none;}
.item-btn-zenkan li a:hover span {color: rgba(0,0,0,0.87);}
/*矢印追加*/
.item-btn-zenkan li:first-child span::before {
	content: "<";
	margin-right: .5em;
}
.item-btn-zenkan li:last-child span::after {
	content: ">";
	margin-left: .5em;
}

@media screen and (min-width: 480px) {
	.item-btn-zenkan {margin: 1.5rem 0;}
	.item-btn-zenkan li a, .item-btn-zenkan li span {font-size: 1rem;}
}
@media screen and (min-width: 600px) {
	.item-btn-zenkan {margin: 2rem 0;}
	.item-btn-zenkan ul {
		line-height: 3rem;
		height: 3rem;
	}
}
/*各巻書店リスト ＋関連サイト*/
.item-vendor a img, .linkbn a img {border: 1px solid rgba(0,0,0,.12);}
/*旧仕様の書店②リストここから*/
.linkbn ul {
	list-style-type: none;
	width: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 1rem auto;
	padding: 0 12px;
}
.linkbn li {
	width: calc( 100% / 3 );
	padding: 2px;
}
@media screen and (min-width: 480px) {
	.linkbn ul {padding: 0 14px;}
	.linkbn li {width: calc( 100% / 4 );}
}
@media screen and (min-width: 600px) {
	.linkbn ul {padding: 0 16px;}
}
@media screen and (min-width: 720px) {
	.linkbn ul {padding: 0 32px;}
	.linkbn li {width: calc( 100% / 5 );}
}
@media screen and (min-width: 960px) {
	.linkbn ul {padding: 0 44px;}
	.linkbn li {width: calc( 16.6% );}
}
@media screen and (min-width: 1024px) {
	.linkbn li {padding: 4px;}
}
/*旧仕様の書店②リストここまで*/
/*紙とデジタル両方並ぶ雑誌など*/
.item-vendor .cards {margin: 1rem 0;}
.expand-outer {padding-bottom: 1rem;}
.expand-button {
	display: inline-block;
	width: 48px;
	height: 48px;
	border: 0;
	outline: 0;
	padding: 0;
	background-color: transparent;
	text-align: center;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 2.25rem;
	line-height: 40px;
	letter-spacing: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	transition: .5s;
	transform: rotateZ( 0deg );
}
.expand-button:before {content: "\E5CF";}
.current-item-vendor, .expand-button, .expand-wrap-list-bottom {color: rgba(0,0,0,.54);}
.current-item-vendor:hover, .expand-wrap-list-bottom:hover {
	cursor: pointer;
	color: rgba(0,0,0,.87);
}
.current-item-vendor:hover .expand-button, .expand-wrap-list-bottom:hover .expand-button {
	color: rgba(0,0,0,1);
	cursor: pointer;
}
.expand-open .expand-button {transform: rotateZ( 180deg );}
.expand-list {display: none;}
.expand-open .expand-list {display: block;}
.expand-wrap-list {/*折り返し最初の１行のみを出すリスト1*/
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 0 12px;
	margin: 1rem auto 0;
}
.expand-wrap-list-bottom {
	height: 48px;
	margin: 0 auto;
	padding: 0 24px;
	font-size: 1rem;
	display: flex;
	justify-content: center;
}
.expand-wrap-list-bottom-txt {
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
}
.expand-wrap-list-bottom-txt::before {content: "もっと見る";}
.expand-open .expand-wrap-list-bottom-txt::before {content: "　閉じる　";}
.item-apps.count-cont1 .expand-wrap-list-bottom, .item-apps.count-cont2 .expand-wrap-list-bottom, .item-apps.count-cont3 .expand-wrap-list-bottom, .item-apps.count-cont4 .expand-wrap-list-bottom {
	display: none;
}
.item-apps .expand-wrap-list li {
	list-style-type: none;
	width: calc( 100% / 4 );
	padding: 0 6px 4px 6px;
}
.item-apps .expand-wrap-list li a figcaption {
	font-size: .7rem;
	color: rgba(0,0,0,.54);
	padding: 8px 2px;
	margin: 0 auto;
	display: table;
}
/*アプリアイコン枠線*/
.item-apps figure img {
	border-radius: 24%;
	box-shadow: 0 0 0 1px rgba(0,0,0,.1);
}
/*折り返し最初の１行のみを出すリスト apps*/
.item-apps .expand-wrap-list li:nth-of-type(n + 5) {display: none;}
.item-apps .expand-open .expand-wrap-list li:nth-of-type(n + 5) {display: block;}
@media screen and (min-width: 480px) {/*5個並び*/
	.item-apps .expand-wrap-list {padding: 0 16px;}
	.item-apps .expand-wrap-list li {
		width: calc( 100% / 5 );
		padding: 0 5px 4px 5px;
	}
	.item-apps .expand-wrap-list li:nth-of-type(5) {display: block;}
	.item-apps .expand-open .expand-wrap-list li:nth-of-type(n + 6) {display: block;}
	.item-apps.count-cont5 .expand-wrap-list-bottom {display: none;}
}
@media screen and (min-width: 600px) {/*6個並び*/
	.item-apps .expand-wrap-list {padding: 0 16px;}
	.item-apps .expand-wrap-list li {width: calc( 99% / 6 );}
	.item-apps .expand-wrap-list li:nth-of-type(6) {display: block;}
	.item-apps .expand-open .expand-wrap-list li:nth-of-type(n + 7) {display: block;}
	.item-apps.count-cont6 .expand-wrap-list-bottom {display: none;}
}
@media screen and (min-width: 720px) {
	.item-apps .expand-wrap-list {padding: 0 32px;}
	.wrapflexLM .wrap-main .item-apps .expand-wrap-list {padding: 0 24px;}
	.item-apps .expand-wrap-list li {padding: 0 8px 8px 8px;}
}
@media screen and (min-width: 840px) {/*7個並び*/
	.item-apps.expand-wrap-list {max-width: 800px;}
	.item-apps .expand-wrap-list li {width: calc( 99% / 7 );}
	.item-apps .expand-wrap-list li:nth-of-type(7) {display: block;}
	.item-apps .expand-open .expand-wrap-list li:nth-of-type(n + 8) {display: block;}
	.item-apps.count-cont7 .expand-wrap-list-bottom {display: none;}
}
@media screen and (min-width: 960px) {
	.item-apps .expand-wrap-list {padding: 0 64px;}
	.wrapflexLM .wrap-main .item-apps .expand-wrap-list {padding: 0 32px;}
}
/*書店バナー折り返しリストに作り替え調整*/
.item-vendor.count-cont1 .expand-wrap-list-bottom, .item-vendor.count-cont2 .expand-wrap-list-bottom, .item-vendor.count-cont3 .expand-wrap-list-bottom, .item-vendor.count-cont4 .expand-wrap-list-bottom, .item-vendor.count-cont5 .expand-wrap-list-bottom, .item-vendor.count-cont6 .expand-wrap-list-bottom {
	display: none;
}
.item-vendor .expand-wrap-list {padding: 0 12px;}
.item-vendor .expand-wrap-list li {
	padding: 0 2px 4px 2px;
	width: calc( 100% / 3 );
}
.item-vendor .expand-wrap-list li:nth-of-type(n + 7) {display: none;}
.item-vendor .expand-open .expand-wrap-list li:nth-of-type(n + 7) {display: block;}
@media screen and (min-width: 520px) {
	.item-vendor .expand-wrap-list li {width: calc( 100% / 4 );}
	.item-vendor .expand-wrap-list li:nth-of-type(n + 7) {display: block;}
	.item-vendor .expand-wrap-list li:nth-of-type(n + 9) {display: none;}
	.item-vendor .expand-open .expand-wrap-list li:nth-of-type(n + 9) {display: block;}
	.item-vendor.count-cont7 .expand-wrap-list-bottom, .item-vendor.count-cont8 .expand-wrap-list-bottom {display: none;}
}
@media screen and (min-width: 720px) {
	.item-vendor .expand-wrap-list {padding: 0 32px;}
	.item-vendor .expand-wrap-list li {width: calc( 100% / 5 );}
	.item-vendor .expand-wrap-list li:nth-of-type(n + 9) {display: block;}
	.item-vendor .expand-wrap-list li:nth-of-type(n + 11) {display: none;}
	.item-vendor.count-cont9 .expand-wrap-list-bottom, .item-vendor.count-cont10 .expand-wrap-list-bottom {
		display: none;
	}
	.wrapflexLM .wrap-main .item-vendor .expand-wrap-list {padding: 0 24px;}
	.wrapflexLM .wrap-main .item-vendor .expand-wrap-list li {width: calc( 100% / 4 );}
	.wrapflexLM .wrap-main .item-vendor .expand-wrap-list li:nth-of-type(n + 7) {display: block;}
	.wrapflexLM .wrap-main .item-vendor .expand-wrap-list li:nth-of-type(n + 9) {display: none;}
	.wrapflexLM .wrap-main .item-vendor .expand-open .expand-wrap-list li:nth-of-type(n + 9) {display: block;}
	.wrapflexLM .wrap-main .item-vendor.count-cont9 .expand-wrap-list-bottom, .wrapflexLM .wrap-main .item-vendor.count-cont10 .expand-wrap-list-bottom {display: flex;}
}
@media screen and (min-width: 960px) {
	.item-vendor .expand-wrap-list {padding: 0 52px;}
	.wrapflexLM .wrap-main .item-vendor .expand-wrap-list {padding: 0 40px;}
	.wrapflexLM .wrap-main .item-vendor .expand-wrap-list li {width: calc( 100% / 5 );}
	.wrapflexLM .wrap-main .item-vendor .expand-wrap-list li:nth-of-type(n + 9) {display: block;}
	.wrapflexLM .wrap-main .item-vendor .expand-wrap-list li:nth-of-type(n + 11) {display: none;}
	.wrapflexLM .wrap-main .item-vendor .expand-open .expand-wrap-list li:nth-of-type(n + 11) {display: block;}
	.wrapflexLM .wrap-main .item-vendor.count-cont9 .expand-wrap-list-bottom, .wrapflexLM .wrap-main .item-vendor.count-cont10 .expand-wrap-list-bottom {display: none;}
}
/*書店により取り扱いがない場合がございます。*/
.item-vendor-p {
	font-size: 11px;
	padding: 0 12px;
	text-align: right;
	color: rgba(0,0,0,.38);
	margin: 1em 0;
	line-height: 1;
}
@media screen and (min-width: 720px) {
	.item-vendor-p {padding: 0 32px;}
	.wrapflexLM .wrap-main .item-vendor-p {padding: 0 24px;}
}
@media screen and (min-width: 960px) {
	.item-vendor-p {padding: 0 52px;}
	.wrapflexLM .wrap-main .item-vendor-p {padding: 0 40px;}
}
/*定期購読はこちら*/
.body-magpage .wrap-main>p.align-right {
	margin: 1rem 0 1rem auto;
	padding: 0 8px;
}
.linktextarrow, .linktextarrow a {
	font-size: .85rem;
	line-height: 1.2rem;
}
.linktextarrow:after {
	font-family: 'Material Icons';
	content: "\E5CC";
	font-size: 1.2rem;
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	margin-left: -1px;
}
/*おすすめ*/
.item-ossm .expand-outer .single-item:nth-of-type(n + 3) {display: none;}
.item-ossm .expand-outer .single-item:nth-of-type(2) {border-bottom: none;}
.item-ossm .expand-outer.expand-open .single-item:nth-of-type(n + 3) {display: flex;}
.item-ossm .expand-outer.expand-open .single-item:nth-of-type(2) {border-bottom: 1px solid rgba(0,0,0,.12);}
/*各巻タグ*/
.item-tag {margin: 1rem 0;}
.item-tag b {
	display: inline-block;
	padding: 6px;
	margin: 4px 0;
	font-size: .75rem;
}
.item-tag a {
	display: inline-block;
	padding: 0 8px 0 8px;
	margin: 4px 1rem 4px 10px;
	background-color: #CFD8DC;
	color: rgba(0,0,0,.87);
	font-size: 11px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	line-height: 22px;
	height: 22px;
	vertical-align: middle;
	position: relative;
}
.item-tag a:before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 8px 11px 0;
	border-color: transparent #CFD8DC transparent transparent;
	position: absolute;
	top: 0;
	left: -8px;
}
.item-tag a:after {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #F5F5F5;
	border-radius: 2px;
	position: absolute;
	top: 9px;
	left: -1px;
}
@media screen and (min-width: 720px) {
	.item-tag {margin: 2rem 0;}
	.item-tag a {
		padding: 0 10px 0 10px;
		font-size: 14px;
		line-height: 26px;
		height: 26px;
	}
	.item-tag a:before {border-width: 13px 8px 13px 0;}
	.item-tag a:after {top: 11px;}
}
/*各巻のNEWS*/
@media screen and (min-width: 480px) {
	.body-itemcontents .wp1sec {padding: 16px 24px;}
	.body-itemcontents .wp1sec-ogimgbg {margin-right: 20px;}
}
@media screen and (min-width: 720px) {
	.body-itemcontents .wp1sec {padding: 16px 48px;}
	.body-itemcontents .wp1sec-ogimgbg {margin-right: 32px;}
}
@media screen and (min-width: 960px) {
	.body-itemcontents .wp1sec {padding: 16px 56px;}
	.body-itemcontents .wp1sec-ogimgbg {margin-right: 32px;}
}
@media screen and (min-width: 1024px) {
	.body-itemcontents .wp1sec {padding: 16px 60px;}
	.body-itemcontents .wp1sec-ogimgbg {margin-right: 32px;}
}
/*各巻下部雑誌*/
.item-foot-magazine {
	margin: 3rem auto 2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.item-foot-magazine a {
	display: block;
	width: 50%;
	min-width: 160px;
	max-width: 200px;
	margin: 1rem;
}
.item-foot-magazine figure img {
	vertical-align: bottom;
	border-radius: 1px;
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.item-foot-magazine p {
	font-size: .8rem;
	display: table;
	margin: 1.5rem auto;
	line-height: 1.25;
	text-align: center;
}
.item-foot-magazine p b {
	font-size: .9rem;
	color: rgba(38,50,56,.87);
	display: inline-table;
	margin: 2px;
}
.item-foot-magazine p b:before {
	content: "［";
	font-weight: normal;
}
.item-foot-magazine p b:after {
	content: "］";
	font-weight: normal;
}
.item-foot-magazine p span {
	display: inline-table;
	margin: 2px;
}
/*各巻PC配置*/
.item-info-top-inner1 {margin: 2rem 0;}
@media screen and (min-width: 720px) {
	.item-info-top-inner1 {
		display: flex;
		align-items: flex-start;
	}
	.item-info-top-inner1-L {
		width: 29%;
		margin: 0;
	}
	.item-info-top-inner1-R {
		width: 71%;
		margin: 0;
	}
}
/**********************雑誌ページ**********************/
.body-magpage .wrap-main {margin: 1rem 0;}
#mag-info .cards {padding-bottom: .5rem;}
#mag-info figure {
	margin: 1.25rem auto 1rem;
	width: 100%;
	height: 100vw;
	max-height: 312px;
}
#mag-info figure img {
	display: block;
	margin: 0 auto;
	vertical-align: bottom;
	border-radius: 1px;
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
	height: 100%;
	min-height: 100%;
	width: auto;
}
#mag-info h1 {
	font-weight: bold;
	font-size: 1.75rem;
	font-family: Montserrat, Roboto, Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	margin: 1rem auto;
	padding: 0 8px;
	display: table;
}
@media screen and (min-width: 960px) {
	#mag-info figure {max-height: 448px;}
	#mag-info h1 {
		font-size: 2rem;
		margin: 2rem auto;
	}
}
#mag-info p {
	margin: .75rem auto;
	display: table;
}
#mag-info p strong {
	font-size: 1rem;
	color: rgba(0,0,0,.54);
}
#mag-info .mag-info-btn {
	margin: 1rem auto 1.5rem;
	padding: 0 6px;
}
#mag-info .mag-info-btn a.tms-btn {
	font-size: 1.25rem;
	font-weight: bold;
	width: 100%;
	max-width: 326px;
	height: 40px;
	line-height: 40px;
	border-radius: 20px;
	padding: 0 16px;
	margin: 0 auto;
}
.mag-info-sns {
	list-style-type: none;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 1.5rem auto;
}
.mag-info-sns li {
	list-style-type: none;
	margin: 0 .25rem 4px .25rem;
}
.mag-info-sns a {
	display: block;
	font-size: .85rem;
	line-height: 1.5rem;
	height: 1.5rem;
	text-align: center;
	padding: 0 1em 0 .75em;
	overflow: hidden;
	border-radius: 2px;
	vertical-align: middle;
	color: rgba(0,0,0,0.54);
	border: 1px solid rgba(0,0,0,0.12);
	font-family: Roboto, Helvetica, Arial, sans-serif;
}
.mag-info-sns a.lsf-icon:before {
	font-size: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	vertical-align: top;
	margin-right: .25rem;
}
.mag-info-sns a[title="twitter"],.mag-info-sns a[title="Twitter"] {
	color: #4AB3F4;
	border-color: rgba(74, 179, 244, .54);
}
.mag-info-sns a[title="twitter"]:hover, .mag-info-sns a[title="twitter"]:active,.mag-info-sns a[title="Twitter"]:hover, .mag-info-sns a[title="Twitter"]:active{
	background-color: #4AB3F4;
}
.mag-info-sns a[title="facebook"],.mag-info-sns a[title="Facebook"]  {
	color: #4267b2;
	border-color: rgba(66, 103, 178, .54);
}
.mag-info-sns a[title="facebook"]:hover, .mag-info-sns a[title="facebook"]:active,.mag-info-sns a[title="Facebook"]:hover, .mag-info-sns a[title="Facebook"]:active{
	background-color: #4267b2;
}
.mag-info-sns a[title="instagram"] ,.mag-info-sns a[title="Instagram"] {
	color: #e4405f;
	border-color: rgba(228, 64, 95, .54);
}
.mag-info-sns a[title="instagram"]:hover, .mag-info-sns a[title="instagram"]:active,.mag-info-sns a[title="Instagram"]:hover, .mag-info-sns a[title="Instagram"]:active {
	background-color: #e4405f;
}
.mag-info-sns a[title="line"], .mag-info-sns a[title="LINE"]  {
	color: #00c300;
	border-color: rgba(0, 195, 0, .54);
}
.mag-info-sns a[title="line"]:hover, .mag-info-sns a[title="line"]:active,.mag-info-sns a[title="LINE"]:hover, .mag-info-sns a[title="LINE"]:active {
	background-color: #00c300;
}
.mag-info-sns a[title=""].lsf-icon:before {margin-right: 0;}
.mag-info-sns a:hover, .mag-info-sns a:active {
	background-color: rgba(0,0,0,0.87);
	color: #FFF;
}
@media screen and (min-width: 720px) {
	.body-magpage .wrap-main {margin: 0;}
	.body-magpage .wrap-main .card-outer {margin-top: 3rem;}
	.body-magpage .wrap-L .ssfr-genremenu {padding-top: calc(2rem + 2px);}
}
.linkbn ul {margin: 1rem 0;}
/*サイズ等を.item-vendor liに便乗する*/
.linkbn li a figcaption {
	font-size: .7rem;
	color: rgba(0,0,0,.54);
	padding: 4px 0;
	display: none;
}
/*雑誌ページSNSタイムライン*/
.mag-sns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.mag-sns>div {
	padding: 0 8px;
	margin: 2rem 0;
}
@media screen and (max-width: 719px) {
	.mag-sns {display: none;}
}
/*YouTube*/
.youtube {
	max-width: 572px;
	margin: 1rem auto;
}
.youtube .cards {
	padding: 0;
	overflow: hidden;
}
.youtube-chbtn {
	margin: 1.5rem 0;
	padding: 0 16px;
}
.youtube-outer {
	width: 100%;
	position: relative;
	padding-top: 56.2%;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	overflow: hidden;
}
.youtube-outer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	overflow: hidden;
}
/**********************総合TOP**********************/
.newest-outer {margin: 2rem 0 2.5rem;}
.newest-outer h3, .wrapper>h2, h2.pagetitle {
	font-size: 1rem;
	font-weight: bold;
	letter-spacing: 1px;
	color: rgba(38,50,56,.87);
	padding: 0 8px;
	line-height: 1.5;
	border-left: 5px solid #CFD8DC;
	padding-left: .5rem;
	margin: 1rem 0 0.5rem 8px;
	vertical-align: bottom;
}
h2.pagetitle {letter-spacing: 0;}
.wrapper>h2 {margin: 1rem 0 1rem 14px;}
.newest-outer h3 a {color: rgba(38,50,56,.87);}
.newest-outer h3 a:hover {color: rgba(38,50,56,1);}
.newest-outer>p {
	display: flex;
	padding: 0 8px;
	margin: 8px 0 2rem;
}
.newest .grid-item:nth-of-type(6) {display: block;}
.newest .grid-item {padding: 8px 8px 0 8px;}
.newest-outer a.mottomiru {
	text-align: center;
	font-size: .9rem;
	height: 32px;
	line-height: 32px;
	padding: 0 16px;
	border-radius: 2px;
	vertical-align: top;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 auto;
	max-width: 216px;
	color: rgba(0,0,0,.87);
}
.newest-outer a.mottomiru::before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 34px;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	content: "\E146";
	margin-right: 4px;
	color: rgba(0,0,0,.87);
}
.newest-outer a.mottomiru::after {content: "もっと見る";}
.newest-outer a.mottomiru:hover {color: rgba(66, 165, 245,1);}
.newest-outer a.mottomiru:hover::before {color: rgba(66, 165, 245,1);}
.newest-outer a.mottomiru:active {color: rgba(66, 165, 245,1);}
.newest {display: flex;}
.newest .grid-item:nth-of-type(4), .newest .grid-item:nth-of-type(5), .newest .grid-item:nth-of-type(6), .newest .grid-item:nth-of-type(7), .newest .grid-item:nth-of-type(8) {
	display: none;
}
@media screen and (min-width: 480px) {
	.newest .grid-item:nth-of-type(4) {display: block;}
}
@media screen and (min-width: 600px) {
	.newest .grid-item:nth-of-type(5) {display: block;}
}
@media screen and (min-width: 720px) {
	.newest .grid-item:nth-of-type(6) {display: block;}
}
@media screen and (min-width: 840px) {
	.newest .grid-item:nth-of-type(7) {display: block;}
}
@media screen and (min-width: 960px) {
	.newest .grid-item:nth-of-type(6), .newest .grid-item:nth-of-type(7) {display: none;}
}
@media screen and (min-width: 1024px) {
	.newest .grid-item:nth-of-type(6) {display: block;}
}
.newest.non-selfgenre::after {
	content: "現在情報がありません。";
	display: block;
	width: 100%;
	height: 100px;
	background-color: #ECEFF1;
	text-align: center;
	line-height: 100px;
	font-size: .8rem;
	vertical-align: middle;
	color: rgba(0,0,0,.54);
	margin: 8px 8px 0 8px;
}
/*js*/
.displayblock {display: block;}
.displaynone {display: none;}
/*デバッグ用*/
/*img[alt=""] {border: 2px dashed red;}
.ssfr-sidebar a[href=""] {text-decoration: line-through;}*/

/*2024 cojpからコピー*/
#tw .twitter-timeline {
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 1rem !important;
	}
/*2024 Twitter→X改修*/
/*各巻*/
.item-shere-icos a.lsf-icon[title="twitter"]::before,.item-shere-icos a.lsf-icon[title="X"]::before{
	content:none;
	}
.item-shere-icos a.lsf-icon[title="twitter"],.item-shere-icos a.lsf-icon[title="X"]{
	background-image: url("../../common/img/X_logo.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 54%;
	}
.item-shere-icos a{
	border-radius: 50%;
	}
.item-shere-icos a[title="twitter"]:hover,.item-shere-icos a[title="X"]:hover,.item-shere-icos a[title="facebook"]:hover,.item-shere-icos a[title="google"]:hover,.item-shere-icos a[title="line"]:hover,.item-shere-icos a[title="mail"]:hover{
	color: inherit;
	border: 1px solid rgba(0,0,0,0);
	}
/*雑誌ページ*/
.mag-info-sns a[title="twitter"], .mag-info-sns a[title="Twitter"],.mag-info-sns a[title="x"], .mag-info-sns a[title="X"] {
	color: #000;
	border-color: rgba(0, 0, 0, .32);
	}
.mag-info-sns a[title="twitter"]:hover, .mag-info-sns a[title="twitter"]:active,.mag-info-sns a[title="Twitter"]:hover, .mag-info-sns a[title="Twitter"]:active,.mag-info-sns a[title="x"]:hover, .mag-info-sns a[title="x"]:active,.mag-info-sns a[title="X"]:hover, .mag-info-sns a[title="X"]:active{
	background-color: rgba(255, 255, 255, 1);
	mix-blend-mode: difference;
	}
.mag-info-sns a[title="twitter"].lsf-icon:before,.mag-info-sns a[title="twitter"].lsf-icon:before,.mag-info-sns a[title="Twitter"].lsf-icon:before,.mag-info-sns a[title="Twitter"].lsf-icon:before,.mag-info-sns a[title="x"].lsf-icon:before,.mag-info-sns a[title="X"].lsf-icon:before{
	content:"";
	display:inline-block;
	height: 100%;
	width: 1.5rem;
	margin: 0 auto;
	background-image: url("../../common/img/X_logo.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 72%;
	}