@charset "utf-8";
/* CSS Document */
*{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;
		}
	}
img{
	width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
	}
/*html{
	height: 100vh;
	background-color: #263238;
	}*/
body {
	background-color: #F5F5F5;
	color: rgba(0,0,0,.87);
	font-family: "Roboto","Helvetica","Arial",sans-serif;
	line-height: 1;
	}
input,button{
	border-radius: 0;
	-webkit-appearance: none;
	outline:none;
	}
/*b,strong{font-weight: bold;}*/
i{font-style: normal;}
a {
	background: 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;
	}
/*
a:link {color: rgba(33,150,243,.87); text-decoration: none;}
a:visited {color: rgba(33,150,243,.87); text-decoration: none;}
a:hover, a:active, a:focus {color: rgba(33,150,243,1); text-decoration: 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;}
/*カテゴリー*/
.sm-all{}
.sm-girl{}
.sm-boy{}
.sm-man{}
.sm-etc{}
/*左よせ*/
.align-right{
	text-align: right;
	}
/*区切り線*/
hr{
	border:none;
	border-bottom:1px solid rgba(0,0,0,.12);
	margin: 0;
	}
/*フッタ*/
footer.sm-footer{
	width: 100%;
	background-color: #263238;
	padding: 16px 16px 8px 16px;
	}
footer.sm-footer p{
	font-size: 10px;
	text-align: center;
	color: rgba(255,255,255,.50);
	margin: 16px auto 8px;
	max-width: 960px;
	}
footer.sm-footer p a{
	color: rgba(255,255,255,.6);
	}
footer.sm-footer p a:hover{
	color: rgba(255,255,255,.8);
	}
/*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);
	}
/*通常HTML用ヘッダ*/
.smhd{
	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;
	}
/*ヘッダ上段*/
.smhd-inner{
	max-width: 1120px;
	margin: 0 auto;
	}
	@media screen and (min-width: 480px){
		.smhd-inner{
			display: flex;
			justify-content:space-between;
			}
		}
	@media screen and (min-width: 1280px){
		.smhd-inner{
			}
		}
.smhd-top{
	display: flex;
	justify-content:space-between;
	padding:0 4px;
	}
	@media screen and (min-width: 480px){
		.smhd-top{
			margin: 0;
			justify-content:flex-start;
			padding: 0 2px;
			}
		}
	@media screen and (min-width: 960px){
		.smhd-top{
			padding:0 24px 0 0;
			}
		}
	@media screen and (min-width: 1280px){
		.smhd-top{
			padding:0 24px 0 0;
			}
		}
.smhd-logo {
	display: inline-block;
	height: 40px;
	width: 160px;
	margin: 0 auto;
	vertical-align: top;
	background-image:url(../img/logo_head.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	}
	@media screen and (min-width: 480px){
		.smhd-logo {
			height: 46px;
			}
		}
	@media screen and (min-width: 600px){
		.smhd-logo {
			height: 46px;
			width: 184px;
			}
		}
	@media screen and (min-width: 960px){
		.smhd-logo {
			height: 48px;
			width: 192px;
			}
		.smhd-btn-menu{height: 48px;}
		}
	@media screen and (min-width: 1280px){
		.smhd-logo {
			height: 56px;
			width: 224px;
			}
		}
.smhd-btn-menu{
	display: inline-block;
	width: 48px;
	height: 40px;
	border: 0;
	outline: 0;
	background-color: transparent;
	color: #fff;
	text-align: center;
	}
.smhd-btn-menu .material-icons{margin-top: 2px;}
	@media screen and (min-width: 480px){
		.smhd-btn-menu{
			height: 46px;
			width: 52px;
			margin-right: 8px;
			}
		}
	@media screen and (min-width: 960px){
		.smhd-btn-menu{height: 48px;}
		}
	@media screen and (min-width: 1280px){
		.smhd-btn-menu{height: 56px;}
		}
.smhd-btn-search{
	display: inline-block;
	width: 48px;
	height: 40px;
	border: 0;
	outline: 0;
	background-color: transparent;/**/
	color:rgba(255,255,255,.5);
	text-align: center;
	}
.smhd-btn-search .material-icons{margin-top: 4px;}
	@media screen and (min-width: 480px){
		.smhd-btn-search{
			display: none;
			}
		}
/*ヘッダ検索フォーム*/
.smhd-form{
	padding: 2px 8px 6px 8px;
	display: block;
	max-width: 512px;
	margin: 0 auto;
	vertical-align: top;
	}
	@media screen and (max-width: 320px){
	.smhd-form{padding: 2px 8px 6px 8px;}
		}
	@media screen and (min-width: 480px){
		.smhd-form{
			display:inline-block;
			margin: 0;
			padding: 8px 16px 6px 8px;
			width: 236px;
			}
		.smhd-form.displaynone{
			display:block;/*幅512以下のときnoneだと消えっぱなしになる*/
			}
		}
	@media screen and (min-width: 600px){
		.smhd-form{width: 280px;}
		}
	@media screen and (min-width: 960px){
		.smhd-form{
			width: 296px;
			padding: 8px 16px 6px 0;
			}
		}
	@media screen and (min-width: 1024px){
		.smhd-form{
			width: 360px;
			}
		}
	@media screen and (min-width: 1280px){
		.smhd-form{
			width: 392px;
			padding: 12px 16px 12px 0;
			}
		}
.smhd-form form{
	display: flex;
	}
.smhd-form input{
	height: 32px;
	border: none;
	}
.smhd-form div{
	-webkit-flex-grow: 1;
	flex-grow: 1;
	}
.smhd-form input[type="text"]{
	height: 32px;
	width: 100%;
	border: none;
	padding: 1px 6px;
	border-radius:2px 0 0 2px/2px 0 0 2px;
	font-size: initial;/*★★20170915*/
	}
.smhd-form input[type="text"]::-webkit-input-placeholder {
	font-size:.9rem;
	}
.smhd-form input[type="text"]:-moz-placeholder {
	font-size:.9rem;
	}
.smhd-form input[type="text"]::-moz-placeholder {
	font-size:.9rem;
	}
.smhd-form input[type="text"]:-ms-input-placeholder {
	font-size:.9rem;
	}
.smhd-form 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;
	}
.smhd-btn-search-disabled{color:rgba(255,255,255,1);}
.smhd-form input.material-icons{
	display:none;
	}
	@media screen and (min-width: 480px){
		.smhd-form input.material-icons{
			display:inherit;
			}
		.smhd-form-input-sp{
			display:none;
			}
		}
/*黒ヘッダ下段　絞り込み*/
.smhd-bottom{
	max-width: 1120px;
	margin: 0 auto;
	vertical-align: top;
	padding-left: 2px;
	}
	@media screen and (min-width: 960px){
		.smhd-bottom{
			padding-left: 48px;
			}
		}
	@media screen and (min-width: 1024px){.smhd-bottom{}}
	@media screen and (min-width: 1280px){
		.smhd-bottom{
			padding-top:8px;
			padding-bottom: 8px;
			}
		}
.smhd-bottom ul{
	list-style-type: none;
	height: 38px;
	display: flex;
	vertical-align:bottom;
	}
.smhd-bottom a,.smhd-bottom b,.smhd-bottom s{/*spanあったら復活させること*/
	font-size: .9rem;
	display:inline-block;
	border-radius: 1px;
	padding: 0 16px;
	height: 38px;
	line-height: 38px;
	vertical-align: bottom;
	overflow: hidden;
	}
	/*iPhone5等のため小さめ調整*/
	@media screen and (max-width: 320px){
		.smhd-sub{padding-left: 4px;}
		.smhd-sub a,.smhd-sub b,.smhd-sub s{
			font-size: 11px;
			padding: 0 10px;
			}
	}
	@media screen and (min-width: 600px){
		.smhd-bottom a,.smhd-bottom b,.smhd-bottom s{font-size: .95rem;}
		}
	@media screen and (min-width: 1280px){
		.smhd-bottom a,.smhd-bottom b,.smhd-bottom s{
			font-size: 1rem;
			}
		}
.smhd-bottom a{color: rgba(255,255,255,.8);}
.smhd-bottom a:hover{
	background-color: rgba(255,255,255,.1);
	color: rgba(255,255,255,1);
	cursor: pointer;
	}
.smhd-bottom b{
	color: rgba(255,255,255,1);
	}
.smhd-bottom s{
	color: rgba(255,255,255,.38);
	text-decoration: none;
	}
.smhd-bottom a.smhd-sub-selected,
.sm-boy a.smhd-sub-boy.smhd-sub-selected,
.sm-girl a.smhd-sub-girl.smhd-sub-selected,
.sm-man a.smhd-sub-man.smhd-sub-selected{
	color: rgba(255,255,255,1);
	font-weight: bold;
	}
.smhd-cat2 span b,.smhd-cat2 span a,.smhd-cat2 span s{
	font-size:11px;
	padding: 0 8px;
	height: 35px;
	line-height: 35px;
	}
	@media screen and (min-width: 960px){
		.smhd-cat2 span b,.smhd-cat2 span a,.smhd-cat2 span s{
			font-size:12px;
			padding: 0 12px;
			height: 38px;
			line-height: 38px;
			}
		}
/*ヘッダレスポンシブ用*/
.smhd-bottom li.smhd-cat2{display: none;}/*横並び4分類を非表示*/
	@media screen and (min-width: 600px){
		.smhd-bottom li.smhd-cat{display: none;}
		.smhd-bottom li.smhd-cat2{display: inline-block;}
		.smhd-bottom ul.smhd-sub{display: none;}/*最下段4分類を非表示*/
		.smhd-bottom li{padding-right: 16px;}
		.smhd-bottom b{padding: 0 4px 0 16px;}
	}
/*headの開閉によるbody調整*/
/*.pdtp80{padding-top: 80px;}*/
.pdtp80{padding-top: 116px;}
.pdtp78{padding-top: 78px;}
.pdtp40{padding-top: 40px;}
.pdtpcat:before{/*？*/
	content: "";
	display: block;
	height: 40px;
	}
.pdtp80.pdtpsch{padding-top: 156px;}
.pdtp78.pdtpsch{padding-top: 118px;}
.pdtp40.pdtpsch{padding-top: 80px;}
	@media screen and (min-width: 480px){
		.pdtp80,.pdtp80.pdtpsch{padding-top: 122px;}
		.pdtp78,.pdtp78.pdtpsch{padding-top: 84px;}
		.pdtp40,.pdtp40.pdtpsch{padding-top: 46px;}
	}
	@media screen and (min-width: 600px){
		.pdtp80,.pdtp80.pdtpsch{padding-top: 84px;}
		.pdtp78,.pdtp78.pdtpsch{padding-top: 84px;}
		.pdtp40,.pdtp40.pdtpsch{padding-top: 46px;}
		.pdtpcat:before{display: none;}
	}
	@media screen and (min-width: 960px){
		.pdtp80,.pdtp80.pdtpsch{padding-top: 86px;}
		.pdtp78,.pdtp78.pdtpsch{padding-top: 86px;}
		.pdtp40,.pdtp40.pdtpsch{padding-top: 48px;}
		.pdtpcat:before{display: none;}
	}/**/
	@media screen and (min-width: 1280px){
		.pdtp80,.pdtp80.pdtpsch{padding-top: 110px;}
		.pdtp78,.pdtp78.pdtpsch{padding-top: 110px;}
		.pdtp40,.pdtp40.pdtpsch{padding-top: 56px;}
	}
/*サイドバー*/
.sm-sidebar{
	position: fixed!important;
	top: 0;
	max-height: 100vh!important;
	height: 100vh;
	max-width: 80vw!important;
	background-color:rgba(255,255,255,.96);
	min-width: 3rem!important;
	outline: none;
	overflow-x: hidden!important;
	overflow-y: auto!important;
	z-index: 2147483647;
	-webkit-overflow-scrolling: touch;
	will-change: transform;
	display: none;/**/
	}
.sm-sidebar-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;
	}
.sm-sidebar dt a{
	display: block;
	padding: .5rem 1rem;
	background-color: #546E7A;
	color: rgba(255,255,255,.87);
	margin-bottom: .25rem;
	}
.sm-sidebar dt a:before{
	content: "";
	display: inline-block;
	width: 3rem;
	height: 3rem;
	background-image: url(../img/apple-touch-icon-precomposed.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	}
.sm-sidebar dt a:hover{
	background-color: #78909C;
	color: rgba(255,255,255,1);
	}
.sm-sidebar dt a span{
	display: block;
	font-size: .75rem;
	word-break: keep-all;
	margin: 4px 0;
	}
.sm-sidebar dd{
	border-bottom: 1px solid rgba(0,0,0,.12);
	}
.sm-sidebar dd h5,.sm-sidebar dd small{
	font-size: .75rem;
	color: rgba(0,0,0,.38);
	padding: 0 1.5rem 0 .75rem;
	margin:1rem 0 0;
	display: block;
	}
.sm-sidebar dd a{
	display: block;
	word-break: keep-all;
	white-space: nowrap;
	outline: none;
	font-size: .85rem;
	line-height: 3rem;
	height: 3rem;
	padding: 0 1.5rem 0 1rem;
	margin: .25rem 0;
	color: rgba(0,0,0,1.00);
	}
.sm-sidebar dd a:hover,
.sm-sidebar dd a:active{
	color: #263238;
	background-color: #ECEFF1;
	}
@media screen and (min-width: 720px){
	.sm-sidebar dt a{padding: 1rem 1.5rem;}
	.sm-sidebar dt a:before{
		width: 4rem;
		height: 4rem;
		}
	.sm-sidebar dt a span{
		font-size: .85rem;
		margin: .5rem 0;
		}
	.sm-sidebar dd h5,.sm-sidebar dd small{
		font-size: .75rem;
		padding: 0 1rem;
		margin:1rem 0 .5rem;
		}
	.sm-sidebar dd a{
		font-size: .9rem;
		line-height: 3.2rem;
		height: 3.2rem;
		padding: 0 2rem 0 1.5rem;
		margin: .25rem 0;
		}
	}




/*サイドバー追加20171212★★★★★*/
.sm-sidebar.sm-sidebar2 dd a{
	line-height: 3rem;
	height: 3rem;
	margin: 0;
	}




/*試し読みボタン　シングルアイテム時*/
.sm-btn-list{
	display:block;
	width: 128px;
	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;
	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;
	}
a.sm-btn-list{color: rgba(0,0,0,.64);}
span.sm-btn-list{/*試し読みなし*/
	letter-spacing:normal;
	background-color: #ECEFF1;
	border: 1px solid #ECEFF1;
	box-shadow: none;
	color: rgba(0,0,0,.26);
	}
a.sm-btn-list:hover{
	border: 1px solid rgba(0,0,0,.2);
	color: rgba(0,0,0,.87);
	}
a.sm-btn-list:active{
	background-color: #263238;
	border: 1px solid #263238;
	color:#FFF;
	}
/*検索結果*/
.searchresult{
	/*max-width: 960px;*/
	max-width: 1120px;
	margin: 0 auto 2rem;
	padding: 0 8px;
	}
.searchresult section{
	background-color: #FFF;
	}
.searchresult section:last-of-type{
	border-bottom: none;
	padding-bottom: 40px;
	}
	@media screen and (min-width: 480px){
	.searchresult{padding: 0 16px;}
	}
	@media screen and (min-width: 960px){
	.searchresult{margin: 0 auto 3rem;}
	.searchresult section:first-of-type{padding-top: 32px;}
	.searchresult section:last-of-type{padding-bottom: 48px;}
	}
/*検索結果該当なし文言*/
.search-non-result{
	margin: 4rem auto;
	text-align: center;
	line-height: 24px;
	vertical-align: middle;
	color: rgba(0,0,0,.54);
	}
.search-non-result:before{
	content: "\E001";
	font-family: 'Material Icons';
	font-weight: normal;
	text-decoration: none;
	vertical-align:bottom;
	font-size: 24px;
	color: #B0BEC5;
	margin-right: 4px;
	}
/*タブ1*/
.tab-link{
	margin:1rem 0 0 0;
	}
.tab-link3{
	background-color: #FFF;
	border-bottom: 1px solid rgba(38,50,56,.12);
	}
.tab-link ul{
	list-style-type: none;
	display:flex;
	justify-content:center;
	max-width: 960px;
	margin: 0 auto;
	}
.tab-link li{}
.tab-link li a,.tab-link li span{
	display: block;
	text-align: center;
	height: 48px;
	line-height: 48px;
	padding:0 2em;
	font-size: .8rem;
	overflow: hidden;
	}
	@media screen and (min-width: 400px){
		.tab-link li a,.tab-link li span{font-size: .85rem;}
		}
	@media screen and (min-width: 480px){
		.tab-link li a,.tab-link li span{font-size: .9rem;}
		}
	@media screen and (min-width: 960px){
		.tab-link li a,.tab-link li span{
			height: 56px;
			line-height: 56px;
			}
	}
.tab-link li span{
	font-weight: bold;
	border-bottom: 4px solid #B0BEC5;
	}
.tab-link li a{color: rgba(0,0,0,.54);}
.tab-link li a:hover{color:inherit;}
.tab-link li small{
	font-size: .85rem;
	margin-left: 2px;
	color: #2196F3;
	}
/*共通　前サブ後サブスペース適用*/
.sm-bktitle span:after{content: "　";}
.sm-bktitle b+span:after{content: none;}
.sm-bktitle b+span:before{content: "　";}
/*検索結果のタイトル等 h1*/
.searchresult h1,.h1result,.sm-newbook-outer h1,.sm-campaign h1{
	margin: 1.5rem 0 1.5rem;
	font-size: .9rem;
	line-height: 1.5;
	color: rgba(0,0,0,.54);
	border-left: 5px solid #CFD8DC;
	padding-left: 6px;
	}
.searchresult h1 b,.h1result b,.sm-newbook-outer h1 b,.sm-campaign h1 b{
	font-size: 1rem;
	line-height: 1.5;
	margin-right: 4px;
	color: rgba(0,0,0,.87);
	}
/*検索結果昇順降順ラジオボタン*/
.search-day-sort{
	padding: 1rem 16px 8px 16px;
	text-align: right;
	background-color: rgba(255,255,255,1);
	}
	@media screen and (min-width: 960px){
		.search-day-sort{padding: 1rem 32px 8px 32px;}
		}
label.radio01{line-height: 24px;}
.radio01-input{display: none;}
.radio01-parts{
	font-size: .75rem;
	padding-left: 20px;
	margin-left: 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{
	/*color: #009a9a;*/
	}
.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);
	}
/*検索結果シリーズカルーセル*/
.series-carousel{
	border-bottom: 1px solid rgba(0,0,0,.12);
	padding: 16px 0;
	background-color: rgba(255,255,255,1);
	}
.series-carousel{visibility: hidden;}/*巨大化対策*/
.sm-magazine .series-carousel{visibility:inherit;}
.series-carousel small{/*レーベル*/
	display: block;
	margin: 0 16px 4px;
	font-weight: normal;
	font-size: .8rem;
	color: rgba(0, 0, 0, .38);
	}
.series-carousel h2{
	margin: 4px 16px ;
	line-height: 1.2;
	}
.series-carousel h2 span{font-size: .85em;}
.series-carousel h2 a{color:rgba(0,0,0,.87)}
.series-carousel h2 a:hover{
	color:rgba(0,0,0,1);
	text-decoration: underline;
	}
.series-carousel h2 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: 4px;
	}
.series-carousel h2 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;}
		.sm-magazine .series-carousel{padding: 24px 0;}
		.series-carousel small{margin: 0 16px 8px;}
		.series-carousel h2{
			margin: 8px 16px;
			font-size: 1.2rem;
		}
		.series-carousel h2 a i{/*すべて見る*/
			font-size: .75rem;
			margin-left: 8px;
		}
		.series-carousel p{/*作者名など*/
			margin: 8px 16px;
			font-size: .9rem;
		}
	}
	@media screen and (min-width: 960px){
		.series-carousel small{margin: 0 48px 8px;}
		.series-carousel h2{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 figure img:hover{}
.series-carousel a:active figure img{}
.series-carousel a figcaption{	
	color: rgba(0,0,0,.54);
	font-size: 10px;
	line-height: 1.2;
	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 .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;
	}
.sm-magazine .series-carousel .slider {width: 86%;}
.series-carousel .slick-slide {
	margin: 0px 4px;
	padding-bottom: 1px;
	overflow: hidden;
	}
.series-carousel .slick-prev:before,.series-carousel .slick-next:before {
	color: black !important;
	}
.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 .slider {margin: 16px auto 0;}*/
	.series-carousel .slick-slide {margin: 0px 8px;}
	}
/*スライダー内試し読みボタン*/
.slider .sm-btn-list{
	margin-top: 8px;
	letter-spacing:normal;
	width: 100%;
	font-size: 10px;
	line-height: 16px;
	height: 16px;
	border-radius: 8px;
	}
	@media screen and (min-width: 960px){
		.slider .sm-btn-list{
			font-size: 12px;
			line-height: 18px;
			height: 18px;
			border-radius: 9px;
			}
	}
.slider a.sm-btn-list:hover{
	border: 1px solid rgba(0,0,0,.2);
	}
.slider a.sm-btn-list:active{
	background-color: #263238;
	border: 1px solid #263238;
	color:#FFF;
	}
/*基本のシングルアイテム*/
.single-item {
	padding: 12px 12px;
	border-bottom:1px solid rgba(0,0,0,.12);
	display: flex;
	}
	@media screen and (min-width: 480px){
		.single-item {padding: 16px 24px;}
		}
	@media screen and (min-width: 720px){
		.single-item {padding: 20px 32px;}
		}
.single-item:last-of-type{border-bottom: none;}
.single-item figure {
	width: 80px;
	min-width: 80px;
	vertical-align: top;
	display: inline-block;
	}
.single-item:not(.single-magazine) figure img {border: 1px solid rgba(38,50,56,.08);}
.single-item div {
	width: auto;
	flex: 1;
	padding: 0 0 0 16px;
	}
.single-item small{
	display: block;
	font-size: .75rem;
	margin: 2px 0 8px;
	color:rgba(0,0,0,.38);
	}
.single-item h2,.single-item h4{
	line-height: 1.2;
	margin-bottom: .5rem;
	}
.single-item h2 a,.single-item h4 a{
	color:rgba(0,0,0,.87);
	}
.single-item h2 a:hover,.single-item h4 a:hover{
	color:rgba(0,0,0,1);
	text-decoration: underline;
	}
.single-item h2 span,.single-item h4 span{
	font-size: .85rem;
	}
.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 p a:hover{
	color: rgba(33,150,243,1);
	}
.single-item .sm-btn-list{
	margin-top:8px;
	float: right;
	}
.single-item div:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	}
	/*検索結果、新刊情報シングルアイテム*/
	@media screen and (min-width: 720px){
		.searchresult .single-item{
			padding: 24px 48px;/*★★★★*/
			}
		}
	@media screen and (min-width: 960px){
		.searchresult .single-item{
			padding: 24px 56px;/*★★★★*/
			}
		}
	@media screen and (min-width: 1024px){
		.searchresult .single-item{
			padding: 24px 64px;/*★★★★*/
			}
		.newbook-outer .single-item{
			padding: 24px 64px;
			}
		.searchresult .single-item figure,
		.newbook-outer .single-item figure{
			width: 96px;
			min-width: 96px;
			}
		.searchresult .single-item div,
		.newbook-outer .single-item div {
			padding: 0 0 0 24px;
			}
		.searchresult .single-item h2,.searchresult .single-item h4,
		.newbook-outer .single-item h2,.newbook-outer .single-item h4{
			font-size: 1.2rem;
			}
		.searchresult .single-item h2 span,.searchresult .single-item h4 span,
		.newbook-outer .single-item h2 span,.newbook-outer .single-item h4 span{
			font-size: .9rem;
			}
		.searchresult .single-item p,
		.newbook-outer .single-item p{
			margin: 8px 0;
			font-size: .9rem;
			}
		}
	/*TOPシングルアイテム（各巻）*/
	@media screen and (min-width: 1024px){
		.sm-top-wrapper-R .single-item{
			padding: 16px;
			}
		.sm-top-wrapper-R .single-item figure{
			width: 64px;
			min-width: 64px;
			}
		.sm-top-wrapper-R .single-item div{padding: 0 0 0 14px;}
		.sm-top-wrapper-R h2{font-size: .85rem;}
		.sm-top-wrapper-R .single-item h2 span,.sm-top-wrapper-R .single-item h4 span{font-size: .8rem;}
		.sm-top-wrapper-R .single-item p{
			margin: 6px 0;
			font-size: .75rem;
			}
		.sm-top-wrapper-R a.sm-btn-list{
			width:auto;
			font-size: 11px;
			line-height: 18px;
			height: 18px;
			border-radius: 9px;
			padding: 0 18px;
			}
		}
	/*各巻ほかflex-outerシングルアイテム*/
	@media screen and (min-width: 960px){
		.flex-outer .single-item{
			padding: 1rem 1.5rem;
			}
		.flex-outer .single-item figure{
			width: 96px;
			min-width: 96px;
			}
		.flex-outer .single-item div{padding: 0 0 0 14px;}
		.flex-outer .single-item h2,.flex-outer .single-item h4{font-size: 1rem;}
		.flex-outer .single-item h2 span,.flex-outer .single-item h4 span{font-size: .8rem;}
		.flex-outer .single-item p{
			margin: 6px 0;
			font-size: .75rem;
			}
		}
/*シングルアイテムを雑誌用アレンジ*/
.single-item.single-magazine{align-items:center;}
.single-item.single-magazine .single-item p{margin: 8px 0 0;}
/*シングルアイテム画像なしアレンジ*/
.single-item.single-nofig div {padding: 2px 0;}
.single-item.single-nofig p:last-child {margin-bottom: 0;}
/*検索結果ページ送り*/
.pagination{
	margin: 2rem auto;
	display: flex;
	justify-content:center;
	}
.pagination .page-numbers{
	display: inline-block;
	margin: 0 8px;
	font-size: .9rem;
	line-height: 1.6rem;
	height: 1.6rem;
	width: 1.4rem;
	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;
	}
/**************** TOPページ ****************/
/*TOPページPC用配置*/
.sm-top-wrapper{margin-top: 1rem;}
.sm-top-wrapper-L{}
.sm-top-wrapper-R{}
	@media screen and (min-width: 1024px){
		.sm-top-wrapper{
			display: flex;
			max-width: 1024px;
			padding: 0 8px;
			margin: 1rem auto;
		}
		.sm-top-wrapper-L{
			flex: 1;
			padding: 0 16px 0 0;
		}
		.sm-top-wrapper-R{
			width: 336px;
			padding: 0 8px;
			margin-top: 1rem;
		}
		.sm-top-wrapper-R .sm-top-ahead,
		.sm-top-wrapper-R .sm-top-news,
		.sm-top-wrapper-R .sm-top-onceagain,
		.sm-top-wrapper-R .sm-ossm-comics{
			padding: 0;
			margin: 0 0 1rem;
		}
	}
	@media screen and (min-width: 1280px){
		.sm-top-wrapper{max-width: 1112px;}
		.sm-top-wrapper-R{width: 360px;}
	}
/*TOPバナー*/
.topbn{
	max-width: 1600px;
	margin: 0 auto;
	visibility: hidden;/**/
	}
.topbn figure{
	position:relative;
	overflow: hidden;
	}
/*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;
	}
/*TOPバナー1点のみ静止版20171102*/
.topbn-noslider{
	max-width: 1600px;
	margin: 0 auto;
	}
#topbn-single{
	margin: 0 auto;
	overflow: hidden;
	display: table;
	}
#topbn-single img{vertical-align: top;}
	@media screen and (min-width: 480px){
		#topbn-single{
			width: 82%;
			height: auto;
		}
	}
	@media screen and (min-width: 720px){#topbn-single{width: 43.2%;}}
	@media screen and (min-width: 1280px){#topbn-single{width: 32.8%;}}
	@media screen and (min-width: 1440px){#topbn-single{width: 31.2%;}}
/*TOPページgrid(旧Masonry）*/
.grid-outer-outer{
	padding:0 8px;
	}
	@media screen and (min-width: 1024px){
		.grid-outer-outer{
			padding:0;
			}
		}
.grid-outer{
	margin: 1rem auto;
	max-width: 1024px;
	vertical-align: top;
	}
	@media screen and (min-width: 1280px){
		.grid-outer{max-width: 1112px;}
		}
.grid{
	margin: 0 auto;
	display: flex;
	flex-wrap:wrap;
	}
.grid-item{
	padding: 8px;
	overflow: hidden;
	vertical-align: top;
	}
	@media screen and (min-width: 960px){
		.grid-item{padding:16px 8px;}
	}
/*グリッドアイテム配列*/
.grid-item {
	width: 33.3%;
	}
	@media screen and (min-width: 480px){
		.grid-item {width: 25%;}
		}
	@media screen and (min-width: 600px){
		.grid-item {width: 20%;}
		}
	@media screen and (min-width: 720px){
		.grid-item {width: 16.6%;}
		}
	@media screen and (min-width: 840px){
		.grid-item {width: 14.25%;}
		}
	@media screen and (min-width: 960px){
		.grid-item {width: 12.5%;}
		}
	@media screen and (min-width: 1024px){
		.sm-top-wrapper-L .grid-item {width: 20%;}
		}
/*グリッド１レーベル2件まで*/
	@media screen and (min-width: 480px){
		.grid-outer-outer{
			display:flex;
			flex-wrap:wrap;/**/
			}
		.grid-outer{width:100%;}
		.grid-outer.grid-outer-2{
			width:50%;
			display:inline-block;
			margin:0;
			}
		.grid-outer.grid-outer-2 .grid-item {
			width: 50%;
			}
		}
	@media screen and (min-width: 600px){
		.grid-outer.grid-outer-2{width:40%;}
		.grid-outer.grid-outer-3{/*3件*/
			width:60%;
			display:inline-block;
			margin:0;
			}
		.grid-outer.grid-outer-3 .grid-item {width: 33.2%;}
		}
	@media screen and (min-width: 720px){
		.grid-outer.grid-outer-2{width:33.3%;}
		.grid-outer.grid-outer-3{/*3件*/
			width:50%;
			display:inline-block;
			margin:0;
			}
		.grid-outer.grid-outer-3 .grid-item {width: 33.3%;}
		}
	@media screen and (min-width: 840px){
		.grid-outer.grid-outer-2{width:28.5%;}
		.grid-outer.grid-outer-3{width:42.8%;}/*3件*/
		}
	@media screen and (min-width: 960px){
		.grid-outer.grid-outer-2{width:25%;}
		.grid-outer.grid-outer-3{width:37.5%;}/*3件*/
		}
	@media screen and (min-width: 1024px){
		.grid-outer.grid-outer-2{width:40%;}
		.grid-outer.grid-outer-3{width:60%;}/*3件*/
		}
/*コミックスロゴ付 h3(TOPや新刊情報で使用*/
.comicslogo-h3{
	margin: 1rem auto 0;
	font-size: .8rem;
	line-height: 22px;
	color: rgba(0,0,0,.87);
	padding:0 8px;
	}
.comicslogo-h3 b{
	background-position:0 center;
	background-repeat: no-repeat;
	background-size:auto 22px;
	line-height: 22px;
	display: inline-block;
	font-size: .85rem;
	}
.comicslogo-h3 strong{
	font-size: 1rem;
	font-weight: 500;
	margin-right: 2px;
	margin-left: .75rem;
	}
/*各コミックスレーベルアイコン*/
.comicslogo-h3.h3-rmc b{
	padding:0 0 0 26px;
	background-image:url(../img/ico_rmc_pink300.png);
	}
.comicslogo-h3.h3-mgc b,
.comicslogo-h3.h3-mc b,
.comicslogo-h3.h3-qc b{
	padding:0 0 0 26px;
	background-image:url(../img/ico_mgc_pink300.png);
	}
.comicslogo-h3.h3-jc b{
	padding:0 0 0 26px;
	background-image:url(../img/ico_jc_blue300.png);
	}
.comicslogo-h3.h3-yjc b{
	padding:0 0 0 36px;
	background-image:url(../img/ico_yjc.png);
	}
.comicslogo-h3.h3-bunko b,
.comicslogo-h3.h3-sbc b{
	padding:0 0 0 26px;
	background-image:url(../img/ico_bunko.png);
	}
/*
ジャンプコミックス	jc
ジャンプコミックス　セレクション	jcs
りぼんマスコットコミックス	rmc
クイーンズコミックス	qc
YOUコミックス	yc
YOU漫画文庫	ymb
YOUNG YOUコミックス	yyc
YOUNG YOU漫画文庫	yymb
マーガレットコミックス	mc
マーガレットレインボーコミックス	mrc
集英社ガールズコミックス	sgc
集英社クリエイティブコミックス	scc
ヤングジャンプコミックス	yjc
ジャンプコミックス　デラックス	jcdx
プレイボーイコミックス	pbc
ジャンプスーパーコミックス	jsc
愛蔵版コミックス	azc
集英社マンガ総集編シリーズ	sms
集英社文庫(コミック版)	sbc
集英社クリエイティブコミック文庫	scb
ホーム社漫画文庫	hmb
ホーム社書籍扱コミックス	hmsc
集英社ホームコミックス	hc
eyesコミックス	ec
オフィスユーコミックス	oyc
Vジャンプブックス(書籍)	vjb
集英社インターナショナルムック	sim
CD-ROM＆DVD	cddvd
まんが単行本	mtb
*/
/*h3文字色 男女4分類*/
.comicslogo-h3.h3-man b{
	color: #455A64;
	}
.comicslogo-h3.h3-girl b{
	color: #F06292;
	}
.comicslogo-h3.h3-boy b{
	color: #64B5F6;
	}
.comicslogo-h3.h3-jc b{/*JCのみ例外で常にブルー*/
	color: #64B5F6;
	}

/*カード内コミックスロゴh3*/
.card-outer .comicslogo-h3{margin: 1rem 8px 8px;}
	@media screen and (min-width: 1024px){
		.card-outer .comicslogo-h3{margin: 1rem 8px 8px 24px;}
	}
/*中味*/
.grid-item figure {opacity: 0;}/*ヒュン用*/
.grid-item figure a 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);
	}
.grid-item figure.face img{}/*faceがjsでついちゃうが特になし　あとで使うかも*/
.grid-item figure a:hover img {
	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);
	}
.grid-item figure a:active img {box-shadow: none;}
.card-outer .grid-item figure a img,
.card-outer .grid-item figure a:hover img{
	box-shadow: none;
	border: 1px solid rgba(38,50,56,.08);
	}
/*ヒュンに差をつける*/
.grid-item:nth-child(4n+2) .shown{
	-webkit-transform: translateY(120px);
	transform: translateY(120px);
	}
.grid-item:nth-child(4n+3) .shown{
	-webkit-transform: translateY(140px);
	transform: translateY(140px);
	}
.grid-item:nth-child(4n+4) .shown{
	-webkit-transform: translateY(160px);
	transform: translateY(160px);
	}
/*グリッドfigcaption*/
.grid-item figcaption {padding: 0;}
.grid-item figure small{
	display: block;
	font-size: 10px;
	margin: 8px 0;
	color:rgba(0,0,0,.38);
	}
.grid-item figure h2,.grid-item h4{
	margin: 8px 0;
	font-size: .8rem;
	line-height: 1.25;
	}
	@media screen and (min-width: 960px){
		.grid-item figure h2,.grid-item h4{font-size: 12px;}
	}
.grid-item figure h2 b,.grid-item h4 b{font-weight: normal;}
.grid-item figure h2 a,.grid-item h4 a{color:rgba(0,0,0,.54);}
.grid-item figure h2 a:hover,.grid-item h4 a:hover{color:rgba(0,0,0,.87);}
.grid-item figure h2 span,.grid-item h4 span{margin: 0 4px;}
.grid-item figure p,.grid-item p{
	font-size: .75rem;
	/*margin: 0 5px 8px 0;*/
	margin: 8px 0;
	line-height: 1.25;
	/*display:inline-block;*/
	color: rgba(0,0,0,.54);
	}
	@media screen and (min-width: 960px){
		.grid-item figure p,.grid-item p{font-size: 11px;}
		}


/*グリッド試し読みボタン★★★★★20171212*/
a.sm-btn-grid{
	color: rgba(0,0,0,.54);
	background-color: #FFF;
	border: 1px solid rgba(0,0,0,.12);
	font-size: 10px;
	line-height: 16px;
	height: 16px;
	padding: 0 14px;
	border-radius: 8px;
	display:block;
	/*float: right;*/
	/*margin: 0 0 8px 5px;*/
	margin: 8px 0;
	text-align: center;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
	}
	@media screen and (min-width: 1024px){
		a.sm-btn-grid{
			font-size: 11px;
			line-height: 18px;
			height: 18px;
			padding: 0 18px;
			border-radius: 9px;
			}
		}
/*.grid-item figcaption:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
	}*/
a.sm-btn-grid:before {content: "試し読み";}
a.sm-btn-grid:hover {
	border: 1px solid rgba(0,0,0,.2);
	color: rgba(0,0,0,.87);
	}
a.sm-btn-grid:active {
	color: #FFF;
	background-color: #263238;
	}




/*TOP話題のタイトル*/
.sm-topic{
	background-color: #FFF;
	margin:1rem 0 2rem;
	padding: 2px 0 0 0;
	width: 100%;
	}
.sm-topic h3.ico-h3,.sm-topic .ico-h3{padding: 0 16px;}
.sm-topic .grid-outer {
	margin: .5rem auto;
	padding: 0 8px;
	}
.sm-topic figcaption p,.sm-topic h4{
	color: rgba(0,0,0,.54);
	font-size: 11px;
	line-height: 1.2;
	margin: 8px 0 0 0;
	}
/*TOPページ 先行試し読み*/
.sm-top-ahead{
	margin: 2rem 0;
	padding: 0 8px;
	}
.sm-top-ahead .ico-h3:before{/*★★★★★201710*/
	font-family: 'Material Icons';
	content: "\E163";
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	vertical-align: bottom;
	color: rgba(38,50,56,0.38);
	margin-left: -2px;
	margin-right: 2px;
	line-height: 24px;
	}
/*TOPページ NEWS*/
.sm-top-news{
	margin: 2rem 0;
	padding: 0 8px;
	}
/*★★★★★201710
.sm-top-news .ico-h3:before{
	font-family: 'Material Icons';
	content: "\E873";
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	vertical-align: bottom;
	color: rgba(38,50,56,0.38);
	margin-left: -2px;
	margin-right: 2px;
	line-height: 24px;
	}*/
/*TOPページもう一度見る*/
.sm-top-onceagain{
	margin: 2rem 0;
	padding:0 8px;
	}
/*★★★★★201710
.sm-top-onceagain .ico-h3:before{
	font-family: 'Material Icons';
	content: "\E042";
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	vertical-align: bottom;
	color: rgba(38,50,56,0.38);
	margin-left: -2px;
	margin-right: 2px;
	line-height: 24px;
	}*/
/*TOPおすすめコミックス*/
.sm-ossm-comics{
	margin: 2rem auto;
	padding: 0 8px;/**/
	}
/*★★★★★201710
.sm-ossm-comics .ico-h3:before{
	font-family: 'Material Icons';
	content: "\E87E";
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	vertical-align: bottom;
	color: rgba(38,50,56,0.38);
	margin-left: -2px;
	margin-right: 2px;
	line-height: 24px;
	}*/
.sm-ossm-comics .material-icons{
	vertical-align: middle;
	color: rgba(0,0,0,.38);
	margin-right: 4px;
	}
/* 【共通】articleをカード風にまとめる*/
.card-outer{
	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;
	}
h3.ico-h3,.ico-h3{
	font-weight: bold;
	font-size: .85rem;
	color:rgba(38,50,56,.87);
	vertical-align: bottom;
	line-height: 24px;
	height: 24px;
	padding: 0 12px;
	margin-top: 1rem;
	}
/*h3.ico-h3 .material-icons*/
.ico-h3 .material-icons{
	vertical-align: middle;
	vertical-align: bottom;
	color:rgba(38,50,56,0.38);
	margin-left: -2px;
	margin-right: 2px;
	line-height: 24px;
	}
@media screen and (min-width: 520px){
	h3.ico-h3,.ico-h3{
		padding: 0 16px;
		margin-top: 1.5rem;
		}
	.sm-top-wrapper-R h3.ico-h3,.sm-top-wrapper-R .ico-h3{
		padding: 0 12px;
		margin-top: 1rem;
		}
	}
@media screen and (min-width: 720px){
	h3.ico-h3,.ico-h3{
		padding: 0 24px;
		margin-top: 1.5rem;
		}
	.sm-top-wrapper-R h3.ico-h3,.sm-top-wrapper-R .ico-h3{
		padding: 0 12px;
		margin-top: 1rem;
		}
	}
@media screen and (min-width: 960px){
	h3.ico-h3,.ico-h3{
		padding: 0 32px;
		margin-top: 2rem;
		}
	.sm-top-wrapper-R h3.ico-h3,.sm-top-wrapper-R .ico-h3{
		padding: 0 12px;
		margin-top: 1rem;
		}
	}
/*TOPページ雑誌*/
.sm-top-magazines{
	padding: 32px 0;
	overflow: hidden;
	margin-bottom: 2rem;
	}
.sm-top-magazines-inner{
	margin: 0 auto ;
	max-width: 1280px;
	}
	@media screen and (min-width:320px){
		.sm-top-magazines-inner{
			display: flex;
			flex-wrap:wrap;
			justify-content:center;
			}
		}
.sm-top-magazine{
	max-width: 320px;
	padding: 16px 0;
	}
.sm-top-magazine p,.sm-top-magazine-p{
	font-size: .8rem;
	display: table;
	text-align: left;
	margin: 8px auto;
	}
.sm-top-magazine p b,.sm-top-magazine .sm-top-magazine-p h3,.smbk-foot-magazine p b{
	font-size: .9rem;
	color:rgba(38,50,56,.87);
	font-weight: bold;
	display: inline;
	}
.sm-top-magazine p b:before,.sm-top-magazine .sm-top-magazine-p h3:before,.smbk-foot-magazine p b:before{
	content: "［";
	font-weight: normal;
	}
.sm-top-magazine p b:after,.sm-top-magazine .sm-top-magazine-p h3:after,.smbk-foot-magazine p b:after{
	content: "］";
	font-weight: normal;
	}
.sm-top-magazines a i,.smbk-foot-magazine a i{/*本日発売*/
	font-size: 10px;
	color: rgba(255,255,255,1);
	background-color: #F44336;
	line-height: 12px;
	height: 12px;
	padding:1px 4px;
	margin-right: 2px;
	display: inline-block;
	position: relative;
	}
.sm-top-magazines a i:before,.sm-top-magazines a i:after,
.smbk-foot-magazine a i:before,.smbk-foot-magazine a i:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	z-index: -1;
	border-top: 6px solid #F44336;
	border-left: 3px solid #F44336;
	border-right: 3px solid #F44336;
	border-bottom: 6px solid #F44336;
	}
.sm-top-magazines a i:before,.smbk-foot-magazine a i:before{
	left: -3px;
	border-left-color: transparent;
	}
.sm-top-magazines a i:after,.smbk-foot-magazine a i:after{
	right: -3px;
	border-right-color: transparent;
	}
/*雑誌立体↑↑*/
.container3D{
	width: 304px;
	height: 320px;
	position:relative;
	}
.container3D.magA5{height:262px;}
.content3D{
	position:absolute;
	transform-style:preserve-3d;
	transform:rotateX(10deg);
	width: 320px;
	height: 320px;
	left: 4%;
	opacity: 0;/*shown用*/
	}
.container3D.magA5 .content3D{
	height:262px;
	left: 12%;
	}
	@media screen and (min-width: 600px){
		/*2列になったとき*/
		.container3D.magA5{margin-top: 58px;}
		}
.content3D div{
	position:absolute;
	transition:0.65s;
	}
.mag-h1{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center right;
	transform-origin:top right;
	transform: perspective(1024px) rotate3d(0, 1, 0, -50deg);
	filter: brightness(0.9);
	height:320px;
	background-color:#BDBDBD;
	}
	.content3D.face .mag-h1{
		transform: perspective(640px) rotate3d(0, 1, 0, -20deg);
		filter: brightness(1);
		}
.h1B5{width: 226px;}
.h1A5{
	height:262px;
	width: 181px;
	}
.h1B5-nktg1{
	width: 204px;
	height:320px;
	left: 3px;
	transform: perspective(1024px) rotate3d(0, 1, 0, -50deg);
	background-size: 226px 100%;
	background-position: center left;
	}
	.content3D.face .h1B5-nktg1{left: 5px;}
.h1B5-nktg2{
	width: 12px;
	height:320px;
	left: 207px;
	transform: perspective(1024px) rotate3d(0, 1, 0, 0deg);
	background-size: 226px 100%;
	background-position: -204px center;
	filter: brightness(.94);
	}
	.content3D.face .h1B5-nktg2{
		left: 209px;
		transform: perspective(1024px) rotate3d(0, 1, 0, 0deg);
		filter: brightness(.98);
		}
.h1B5-nktg3{
	width: 10px;
	height:318px;
	left: 216px;
	transform: perspective(1024px) rotate3d(0, 1, 0, 40deg);
	background-size: 226px 100%;
	background-position: center right;
	filter: brightness(.98);
	}
	.content3D.face .h1B5-nktg3{
			transform: perspective(1024px) rotate3d(0, 1, 0, 60deg);
			filter: brightness(.94);
		}
.mag-se{
	transform-origin:top left;
	transform: perspective(640px) rotate3d(0, 1, 0, 20deg);
	height:320px;
	background-color:#BDBDBD;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center left;
	width: 32px;/*仮の数値*/
	left: 226px;
	}
	.content3D.face .mag-se{
		transform: perspective(640px) rotate3d(0, 1, 0, 60deg);
		filter: brightness(.9);
		}
.mag-se-nktg{
	transform: perspective(640px) rotate3d(0, 1, 0, 76deg);
	width: 24px;
	height:318px;
	left: 226px;
	}
	.content3D.face .mag-se-nktg{
			transform: perspective(640px) rotate3d(0, 1, 0, 84deg);
		}
	.se-A5-40mm{
		height:262px;
		width: 50px;
		left: 181px;
		}
	.se-A5-45mm{
		height:262px;
		width: 56px;
		left: 181px;
		}
	.se-A5-55mm{
		height:262px;
		width: 69px;
		left: 181px;
		}
	.se-B5-25mm{
		width: 31px;
		left: 226px;
		}
	.se-B5-30mm{
		width: 37px;
		left: 226px;
		}
	.se-B5-35mm{
		width: 44px;
		left: 226px;
		}
	.se-B5-40mm{
		width: 50px;
		left: 226px;
		}
	.se-B5-45mm{
		width: 56px;
		left: 226px;
		}
/*ヒュン*/
.shown{
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-animation: moveUp 0.65s forwards;
	animation: moveUp 0.65s forwards;
	bottom:0;
	}
	@-webkit-keyframes moveUp {
		0% { }
		100% { -webkit-transform: translateY(0); opacity: 1; }
		}
	@keyframes moveUp {
		0% { }
		100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
		}
/*****************************************************************************/
/*WP1記事結果一覧index*/
.wp1result-outer{padding: 0 8px;}
.wp1result{margin: 0 auto;}
.wp1sec{
	padding: 14px;
	border-bottom:1px solid rgba(0,0,0,.12);
	display: flex;
	background-color: #FFF;
	}
.wp1sec.wpmagindex{align-items: center;}
	@media screen and (min-width: 480px){
		.wp1result-outer{padding: 0 16px;}
		.wp1sec {padding:16px;}
		}
	@media screen and (min-width: 720px){
		.wp1sec {padding:16px 24px;}
		}
	@media screen and (min-width: 960px){
		.wp1result-outer{padding: 0 16px;}
		.wp1result{margin: 0;}
		.wp1sec {padding: 24px 32px;}
		.sm-top-news .wp1sec,
		.sm-wrapperA .wp1sec{padding:16px 24px;}
		}
.wp1sec:last-of-type{
	border-bottom: none;
	padding-bottom: 20px;
	}
.wp1sec-ogimgbg{
	width: 80px;
	height: 80px;
	flex: none;
	display: block;
	margin-right: 12px;
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	}
.wpmagindex .wp1sec-ogimgbg{
	width: 96px;
	height: 48px;
	margin-right: 1.5rem;
	}
	@media screen and (min-width: 960px){
		.wp1sec-ogimgbg{
			width: 120px;
			height: 120px;
			margin-right: 16px;
			}
		.sm-top-news .wp1sec-ogimgbg,
		.sm-wrapperA .wp1sec-ogimgbg{
			width: 64px;
			height: 64px;
			margin-right: 8px;
			}
		}
.wp1sec-txt{
	overflow: hidden;
	margin: 0;
	flex: 1;
	}
	@media screen and (min-width: 960px){
		.wp1sec-txt{margin: 24px 0;}
		.sm-top-news .wp1sec-txt,
		.sm-wrapperA .wp1sec-txt{
			margin: 0;
			}
		}
.wp1sec h4{
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 8px;
	}
.wp1sec.wpmagindex h4{margin: 0;}
.wp1sec h4 a{color: rgba(0,0,0,.87);}
.wp1sec h4 a:hover {
	color: rgba(0,0,0,1);
	text-decoration: underline;
	}
	@media screen and (min-width: 480px){
		.wp1sec h4{font-size: 1.1rem;}
		.sm-top-news .wp1sec h4,
		.sm-wrapperA .wp1sec h4{
			font-size: 1rem;
			}
		}
	@media screen and (min-width: 1024px){
		.sm-top-news .wp1sec h4{font-size: .8rem;}
		}
.wp1sec time,.wpsec-time{
	font-size:10.5px;
	color: rgba(0,0,0,.38);
	margin: 8px 0 0;
	display: block;
	text-align: right;
	}
.wp1sec small{
	display: block;
	margin: 8px 0;
	color: rgba(0,0,0,.38);
	}
.wp1sec small a{
	font-size:10.5px;
	color: rgba(0,0,0,.38);
	}
.wp1sec small a:hover{color: rgba(0,0,0,.54);}
/*SP幅で下部のサイドバー*/
.sm-wrapperB .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_search label,.widget_archive label{display: none;}
li.widget{list-style-type: none;}
.widget form div{display: flex;}
.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);
	}
/*ページサイジング（TOP以外）*/
.sm-wrapper{
	max-width: 1120px;
	margin:0 auto;
	}
.sm-wrapperA{
	padding: 0 8px;
	margin: 2rem 0;
	}
.sm-wrapperC{
	padding: 0 8px;
	margin: 2rem 0;
	}
@media screen and (min-width: 720px){
	.sm-wrapperA{display: flex;}
	.sm-wrapperA1per2{
		width: 50%;
		padding: 0 8px;
		}
	.sm-wrapperA1per4{
		width: 25%;
		padding: 0 8px;
		}
	.sm-wrapperA3per4{
		width: 75%;
		padding: 0 8px;
		}
	.sm-wrapperB{
		margin-top: 1.5rem;
		overflow: hidden;
		}
	.sm-wrapperB:after{
		content: "";
		display: block;
		clear: both;
		width: 100%;
		height: 0;
		}
	.sm-wrapperB .sm-result-sort{
		width: 24%;
		max-width: 248px;
		float: left;
		padding-left: 16px;
		margin-left: 0;
		}
	.sm-wrapperB .wp1result-sidebar{
		width: 24%;
		float: left;
		padding-left: 16px;
		margin: 1rem auto 0 0;
		}
	.sm-wrapperB .wp1result-outer{
		width: 74%;
		float:right;
		min-height: 64vh;/*てきとう*/
		margin-top: 1rem;
		}
	/*雑誌ページ用*/
	.sm-wrapperB.sm-magazine .sm-result-sort{
		width: 17%;
		max-width: 200px;
		}
	.sm-wrapperB.sm-magazine .wp1result-outer{width: 82%;}
	}
@media screen and (min-width: 720px){
	.sm-wrapperD{padding: 0 8px;}
	}
@media screen and (min-width: 960px){
	.sm-wrapperD{
		display: flex;
		padding: 0;
		}
	.sm-wrapperD1per2{
		width: 50%;
		padding: 0 8px;
		}
	}
/*記事ページsingle*/
.wp1single{
	margin: 0 0 2rem;
	background-color: #fff;
	padding: 1rem 16px;
	}
.wp1single h1{
	font-size: 1.75rem;
	margin: 1rem 0;
	font-weight: bold;
	line-height: 1.5;
	}
	@media screen and (min-width: 480px){
	.wp1single{padding: 1rem 36px;}
	.wp1single h1{
		font-size: 1.6rem;
		margin: 2rem 0;
		}
	}
	@media screen and (min-width: 960px){
	.wp1single{
		padding: 1.5rem 64px;
		margin: 0 auto 2rem;
		}
	}
.wp1single-h1-after time{
	font-size: .8rem;
	color: rgba(0,0,0,.54);
	margin-right: 8px;
	}
.wp1single-h1-after small a{
	font-size: .8rem;
	margin-right: 8px;
	}
.wp1single .wp-post-image{
	display: block;
	margin: 0 auto;
	max-height: 400px;
	width: auto;
	}
.wp1single-content img.aligncenter{
	display: block;
	margin: 2rem auto;
	}
.wp1single-content img.alignright{
	display: block;
	margin: 1rem 0 1rem auto;
	}
.wp1single-content img.size-full,
.wp1single-content img.size-medium,
.wp1single-content img.size-full{
	width: inherit;
	max-width: 100%;
	}
.wp1single-content{
	margin: 2rem 0;
	line-height: 1.5;
	}
.wp1single-content p{
	margin: 1.5rem 0;
	line-height: 1.8;
	}
.wp1single-content ul{margin: 2rem 0;}
.wp1single-content li{margin: 8px 0;}
.wp1single-content blockquote{
	margin: 1rem auto;
	line-height: 1.7;
	background-color: #ECEFF1;
	color: rgba(0,0,0,.54);
	padding: 1rem 24px;
	max-width: 640px;
	}
.wp1single-content code{
	font-size: .85rem;
	line-height: 1.5;
	}
.wp1single-foot{
	margin: 1rem 0;
	}
.wp1single-foot small{
	font-size: .8rem;
	color: rgba(0,0,0,.54);
	}
.wp1single-foot small a{margin-right: 8px;}
/*Embedlyカード*/
.embedly-card{
	padding: 8px;
	margin: 2rem auto;
	border: 1px solid #e1e8ed;
	border-radius: 4px;
	background-color: #fff;
	max-width: 640px;
	}
	@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;
	}

/*新刊情報ページ*/
.sm-newbook{margin:0 0 1.5rem 0;}
.sm-newbook-outer{
	padding: 0 8px;
	margin-bottom: 2rem;
	overflow: hidden;
	}
	@media screen and (min-width: 480px){
		.sm-newbook-outer{
			padding: 0 16px;
			margin-bottom: 2rem;
			}	
	}
	@media screen and (min-width: 960px){
		.sm-newbook-outer{padding: 0 16px;}
	}
.sm-newbook .comicslogo-h3{margin-top: 1.5rem;}
/*ページ内ソート　新刊情報・ニュース共通*/
.sm-result-sort{margin: 8px auto;}
.sm-result-sort ul{
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	padding:0 4px;
	}
.sm-result-sort li{
	margin: 2px;
	min-width: 3.2rem;
	}
.sm-result-sort a,.sm-result-sort .current-menu-item a,.sm-result-sort span{
	display: block;
	font-size:.8rem;
	line-height: 32px;
	height: 32px;
	padding: 0 8px;
	border-radius: 2px;/**/
	text-align: center;/**/
	}
.sm-result-sort a{
	font-weight: bold;
	color:rgba(38,50,56,.38);
	}
.sm-result-sort .current-menu-item a,/*一覧indexでの選択*/
.sm-result-sort .current-post-ancestor a,/*記事ページでの1*/
.sm-result-sort .current-menu-parent a/*記事ページでの2*/{
	color:rgba(38,50,56,1);
	font-weight: bold;
	}
.sm-result-sort span{color:rgba(38,50,56,.38);}
.sm-result-sort li:not(.current-menu-item) a:hover{
	color:rgba(38,50,56,.54);
	background-color:rgba(96,125,139,.1);
	}
/*左サイドバー化したときの*/
.sm-result-sort i{display: none;}
	@media screen and (min-width: 720px){
		.sm-wrapperB .sm-result-sort i{display:inline;}
		.sm-wrapperB .sm-result-sort{
			margin: 0;
			}
		.sm-wrapperB .sm-result-sort ul{
			display: block;
			padding: 0;
			margin: 1rem 4px 32px 0;
			border-left:6px solid #CFD8DC;
		}
		.sm-wrapperB .sm-result-sort li{margin: 0;}
		.sm-wrapperB .sm-result-sort li a{
			font-size: 1rem;
			padding: 16px 8px 16px 24px;
			line-height:inherit;
			height:auto;
			text-align: left;
		}
	}
/*ソートしたとき最後のborderを調整*/
.newbook-outer{overflow: hidden;}
/*ソートするアイテムクラス名*//*
.ssc	コミックス
	.ssc-boy	コミックス少年
	.ssc-girl	コミックス少女女性
	.ssc-man	コミックス青年
	.ssc-etc	コミックスその他
.ssmag	雑誌
	.ssmag-boy	雑誌少年
	.ssmag-girl	雑誌少女女性
	.ssmag-man	雑誌青年
.ssr	リミックス
*/
body.sm-boy .ssc:not(.ssc-boy){display: none;}
body.sm-girl .ssc:not(.ssc-girl){display: none;}
body.sm-man .ssc:not(.ssc-man){display: none;}
body.sm-etc .ssc:not(.ssc-etc){display: none;}

body.sm-boy .ssmag .single-magazine:not(.ssmag-boy){display: none;}
body.sm-girl .ssmag .single-magazine:not(.ssmag-girl){display: none;}
body.sm-man .ssmag .single-magazine:not(.ssmag-man){display: none;}
body.sm-etc .ssmag .single-magazine:not(.ssmag-etc){display: none;}

body.sm-boy .sm-top-magazine:not(.ssmag-boy){display: none;}
body.sm-girl .sm-top-magazine:not(.ssmag-girl){display: none;}
body.sm-man .sm-top-magazine:not(.ssmag-man){display: none;}
body.sm-etc .sm-top-magazine:not(.ssmag-etc){display: none;}


/*雑誌ページ single*/
.sm-magazine{margin-bottom: 3rem;}
.sm-magazine .wp1single{
	background-color: transparent;
	padding: 0;
	}
.sm-magazine .wp1single-content{margin-top: 0;}
.sm-magazine .magazine-info figure{
	margin: 1.5rem auto;
	max-width: 420px;
	padding: 0 32px;
	}
.sm-magazine .magazine-info figure img{border: 1px solid rgba(38,50,56,.08);}
.sm-magazine .sm-wrapperA,
.sm-magazine .sm-wrapperC{padding: 0;}
@media screen and (min-width: 720px){
	.sm-magazine .sm-wrapperC{padding: 0 8px;}
	.sm-magazine .magazine-info{padding: 0 8px;}
	}
.sm-magazine .wp1single-content p{margin: 1rem 0;}
@media screen and (min-width: 960px){
	.sm-magazine .wp1sec-txt{margin: 0;}
	.sm-magazine .wp1sec {padding: 16px 24px;}
	}
/*幅によって表示内容を変える*/
.sm-PCSP .sm-PCSP-SP{display: block;}
.sm-PCSP .sm-PCSP-PC{display: none;}
@media screen and (min-width: 720px){
	.sm-PCSP .sm-PCSP-SP{display: none;}
	.sm-PCSP .sm-PCSP-PC{display: block;}
	}

/*WP1固定ページ（雑誌ページ）XXXXXXXXXXXXXXXXX*/
.wp1kotei{
	max-width: 960px;
	margin: 0 auto 2rem;
	padding: 0 8px;
	}
.wp1kotei .card-outer{
	margin: 1rem auto;
	}
.wp1kotei img.size-post-thumbnail{
	width: auto;
	height: 360px;
	display: block;
	margin: 1rem auto;
	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: 960px){
	.wp1kotei img.size-post-thumbnail{
		height: 520px;
		margin: 2rem auto;
		}
	}
.wp1kotei img.size-full,
.wp1kotei img.size-medium,
.wp1kotei img.size-thumbnail{
	width: inherit;
	}
.magazine-info h1{
	font-size: 2rem;
	margin: 1rem 0;
	text-align: center;
	}
.magazine-info p{
	margin: 1rem auto;
	text-align: center;
	}
.magazine-info strong{
	font-size: 1rem;
	color: rgba(0,0,0,.54);
	}
a.sm-btn-list.magazine-officialsite{
	margin: 1.5rem auto 2rem;
	width: 16rem;
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 2.6rem;
	height: 2.6rem;
	border-radius: 1.3rem;
	color: rgba(0,0,0,.87);
	letter-spacing: 1px;
	}
a.sm-btn-list.magazine-officialsite:hover{
	color: rgba(0,0,0,1);
	border: 1px solid rgba(0,0,0,.54);
	}
a.sm-btn-list.magazine-officialsite:active{
	color: rgba(255,255,255,1);
	}
.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;
	}
.magazine-sns{
	padding: 0 8px;
	margin: 2rem auto;
	}
	@media screen and (min-width: 960px){
		.magazine-sns{
		padding: 0;
		display: flex;
		}
	}
/*雑誌公式SNSボタンのアイコン指定は下へ*/
.sm-mag-btn{
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
	margin: 0 auto;
	}
.sm-mag-btn a{
	display: inline-block;
	line-height: 2rem;
	height: 2rem;
	text-align: center;
	padding: 0 2rem 0 1rem;
	border-radius: 1rem;
	color: #fff;
	margin: .5rem;
	vertical-align: middle;
	min-width: 12rem;
	}
a.sm-mag-tw-btn{background-color: #4AB3F4;}
a.sm-mag-tw-btn:hover, .a.sm-mag-tw-btn:active {background-color: #1DA1F2;}
a.sm-mag-fb-btn{background-color: #4267b2;}
a.sm-mag-fb-btn:hover,a.sm-mag-fb-btn:active{background-color: #29487d;}
.sm-mag-btn a.lsf-icon:before {
	font-size: 2rem;
	height: 2rem;
	width: 2rem;
	line-height: 2rem;
	vertical-align: middle;
	margin-right: 1rem;
	}
/*TL*/
.sm-twitter-outer{
	margin: 1rem auto;
	width: 100%;
	height: 72vw;
	max-height: 500px;
	max-width: 400px;
	overflow-y:scroll;
	border: 1px solid #e1e8ed;
	}
.sm-facebook-outer{
	margin: 1rem auto;
	width: 100%;
	height: 72vw;
	max-height: 500px;
	max-width: 400px;
	overflow: hidden;
	border: 1px solid #e1e8ed;
	}
.magazine-sns2{display: none;}
	@media screen and (min-width: 720px){.magazine-sns2{display: block;}}
	@media screen and (min-width: 960px){
		.sm-mag-timeline{
			width: 100%;
			display: flex;
			flex-wrap:wrap;
			justify-content:center;
		}
		.sm-twitter-outer,.sm-facebook-outer{
			width:360px;
			margin: 0 1.5rem;
			}
		}
/*各巻＆雑誌ページのアプリ*/
.apps-outer{
	padding: 8px 8px 0px;
	background-color: #FFF;
	}
.apps-outer ul{
	list-style-type: none;
	display: flex;
	max-width: 424px;
	margin: 0 auto;
	padding:0;
	}
.apps-outer li{
	list-style-type: none;
	width: 25%;
	padding: 8px;
	}
.wp1single-content .apps-outer li{margin:0;}
/*各巻＆雑誌ページの関連サイト*/
.linkbn-outer{background-color: #FFF;}
.linkbn-outer ul{
	list-style-type: none;
	display: flex;
	flex-wrap:wrap;
	margin: 0;
	}
/*小バナー並び*/
.linkbn-s{padding: 8px;}
.linkbn-s li{
	width: 33%;
	padding: 8px;
	margin: 0;
	}
.linkbn-s li img{border:1px solid rgba(0,0,0,.12);}
@media screen and (min-width: 480px){
	.linkbn-s li{width: 25%;}
	.sm-magazine .linkbn-s{padding: 16px;}
	}
@media screen and (min-width: 720px){
	.linkbn-s li{width: 20%;}
	}
@media screen and (min-width: 840px){
	}
@media screen and (min-width: 960px){
	.linkbn-s{padding: 24px;}
	.sm-magazine .linkbn-s{padding: 24px;}
	}
.linkbn-s li figcaption,.apps-outer figcaption{
	padding-top: 6px;
	font-size: .75rem;
	color: rgba(0,0,0,.54);
	line-height: 1.2;
	}
/*【共通】シングルアイテムやニュースを2～3列フレックスに並べかえdiv 単体で使う*/
.flex-outer{}
	@media screen and (min-width: 720px){}
	@media screen and (min-width: 960px){
		.flex-outer{
			display: flex;
			flex-wrap:wrap;
			padding: 8px;
			}
		.flex-outer section{/*border等は各々で調整*/
			width: 50%;/*2列*/
			}
		.flex-outer section:hover{
			background-color: rgba(0,0,0,.02);
			border-radius: 6px;
			}
		}
/*TOPページ用　PC幅でwrapperRに納まるver*/
.flex-outer2{}
	@media screen and (min-width: 720px){
		.flex-outer2{
			display: flex;
			flex-wrap:wrap;
			}
		.flex-outer2 section{
			width: 50%;
			border-bottom: none;
			padding: 24px 40px 24px 16px !important;
			}
		.flex-outer2 section:hover{
			/*background-color: rgba(38,50,56,.05);*/
			}
		}
	@media screen and (min-width: 1024px){/*wrapperR*/
		.flex-outer2{
			display:block;
			}
		.flex-outer2 section{
			width:inherit;
			border-bottom:1px solid rgba(0,0,0,.12);
			padding:16px !important;
			}
		}
/*******************************************************/
/*各巻ページ※9月版*/
.smbk-no-omf-outer{
	margin: 0 auto;
	max-width: 1280px;
	}
.smbk-no-omf{
	max-width: 1120px;
	margin: 0 auto;
	padding: 8px 0;
	background: rgb(224,224,224);
	background: -moz-linear-gradient(-45deg, rgba(224,224,224,1) 0%, rgba(189,189,189,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(224,224,224,1) 0%,rgba(189,189,189,1) 100%);
	background: linear-gradient(135deg, rgba(224,224,224,1) 0%,rgba(189,189,189,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#bdbdbd',GradientType=1 );
	}
.smbk-img{
	height: 100vw;
	max-height: 64vh;
	margin: 0 auto;
	text-align: center;
	}
.smbk-img img{
	width: auto;
	height: 100%;
	vertical-align: bottom;
	}
.smbk-no-omf-tms{
	max-width: 1120px;
	margin: 0 auto;
	text-align: center;
	}
/*各巻ページ 試し読みボタン*/
.smbk-tmsbtn{
	display:inline-block;
	text-align: center;
	margin: 1rem auto;
	letter-spacing: .125rem;
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(0,0,0,.2);
	vertical-align: middle;
	font-size: 1.25rem;
	line-height: 2.2rem;
	height: 2.2rem;
	padding: 0 3rem;
	border-radius: 1.1rem;
	box-shadow: 0 1px 1px rgba(204,204,204,.1);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
	}
.smbk-tmsbtn:hover{
	border: 1px solid rgba(0,0,0,.2);
	color: rgba(0,0,0,.87);
	}
.smbk-tmsbtn:active {
	background-color: #263238;
	border: 1px solid #263238;
	color: #FFF;
}
/*各巻インフォ*/
.smbk-info{
	padding: 0 8px;
	margin: 1rem 0 1.5rem;
	}
#cst_content_info .smbk-info{margin:0 0 1.5rem;}
/*タイトルと共有ボタンを並べる*/
.smbk-info-top{
	display: flex;
	justify-content:space-between;
	padding: 0 0 0 8px;/*シェアボタンの分右なし*/
	max-width: 840px;
	margin: 0 auto;
	}
.smbk-info-top-inner1{}
.smbk-info-top-inner2{
	padding-top: 1.5rem;
	}
/*各巻タイトル*/
.smbk-info-rabel{
	margin: 8px 0;
	font-size: .8rem;
	color: rgba(0,0,0,.54);
	}
.smbk-info h1{
	margin:0 0 1rem 0;
	line-height: 1.5;
	}
.smbk-info h1 b{font-size: 1.2rem;}
	@media screen and (min-width: 720px){
	.smbk-info h1 b{font-size: 1.6rem;}
	}
.smbk-info h1 span{
	font-size: .85rem;
	display: block;
	}
.smbk-info-author{
	margin: 1rem 0 0;
	font-size: .85rem;
	color:rgba(0,0,0,.54);
	}
.smbk-info-author span{
	margin-right: 1rem;
	}
/*各巻 紙デジタル9月*/
.smbk-info-kamidigi{
	border: 1px solid #CFD8DC;
	padding: 8px 16px;
	vertical-align: top;
	max-width: 840px;
	margin: 0 auto;
	}
.smbk-info-kamidigi dl{
	margin: 8px 0;
	line-height: 1.25;
	display: flex;
	}
.smbk-info-kamidigi dt{
	width: 9em;
	font-size: .8rem;
	color: rgba(0,0,0,.54);
	vertical-align: top;
	}
.smbk-info-kamidigi dd{
	flex: 1;
	vertical-align: top;
	margin: 0;
	}
.smbk-info-kamidigi dd span{
	margin:0 .6em;
	display: inline-block;
	vertical-align: top;
	font-size: .8rem;
	color: rgba(0,0,0,.54);
	}
/*各巻 連載誌*/
.smbk-rensaishi{
	margin: 1rem 0;
	font-size: .8rem;
	color:rgba(0,0,0,.54);
	line-height: 1.4;
	}
/*共有ボタン*/
.sm-btn-shere{
	display: inline-block;
	width: 48px;
	height: 48px;
	text-align: center;
	vertical-align:middle;
	padding: 2px 8px;
	border-radius: 50%;
	}
.sm-btn-shere:hover{
	background-color: #EEEEEE;
	cursor: pointer;
	}
.sm-btn-shere span{
	display: block;
	font-size:10px;
	color: rgba(38,50,56,.87);
	}
@media screen and (min-width: 720px){
	.sm-btn-shere{
		width: 64px;
		height: 64px;
		}
	.sm-btn-shere .material-icons{font-size: 40px;}
	.sm-btn-shere span{font-size:12px;}
	}
/*各巻　SNS共有 lsf シェアアイコン*/
.smbk-shere{
	background-color: #FFF;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 2px;
	max-width: 840px;
	margin: 1rem auto;
	padding:8px;
	}
.smbk-shere-icos{
	display: flex;
	justify-content:flex-end;
	margin: 1rem 0;
	}
/* Ligature Symbols */
@font-face {
	font-family: 'LigatureSymbols';
	src: url('../font/LigatureSymbols/LigatureSymbols-2.11.eot');
	src: url('../font/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
		 url('../font/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
		 url('../font/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
		 url('../font/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: 40px;
	height: 40px;
	width: 40px;
	line-height: 1;
	display:inline-block;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	vertical-align: top;
	}
.smbk-shere-icos a.lsf-icon{
	display:inline-block;
	text-align: center;
	margin: 0 8px 0 0;
	overflow: hidden;
	}
.smbk-shere-icos a[title="twitter"]{color: #55acee;}
.smbk-shere-icos a[title="facebook"]{color: #3B5998;}
.smbk-shere-icos a[title="google"]{color: #dd4b39;}
.smbk-shere-icos a[title="line"]{color: #00b900;}
.smbk-shere-icos a[title="mail"]{
	display:inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0 8px 0 0;
	overflow: hidden;
	vertical-align: top;
	padding: 2px;
	}
.smbk-shere-icos a[title="mail"] .material-icons{
	font-size: 36px;
	height: 36px;
	width: 36px;
	font-weight: normal;
	text-decoration: none;
	color: #263238;
	}
@media screen and (min-width: 720px){
	.lsf-icon:before {
		font-size: 48px;
		height: 48px;
		width: 48px;
		}
	.smbk-shere-icos a[title="mail"]{
		height: 48px;
		width: 48px;
		line-height: 48px;
		padding: 4px;
		}
	.smbk-shere-icos a[title="mail"] .material-icons{
		font-size: 40px;
		height: 40px;
		width: 40px;
		}
	}
/*各巻 埋め込みコード*/
.smbk-embed{
	padding:8px 8px 0 1rem;
	border-left: 6px solid #CFD8DC;
	margin: 1rem auto;
	}
.smbk-embed h3{font-size: .8rem;}
.smbk-embed p{
	font-size: 10px;
	color: rgba(0,0,0,.54);
	margin: 6px 0;
	}
.smbk-embed .smbk-embed-inner {
	/*background-color: rgba(255,0,4,.1);*/
	}
.smbk-embed-btn{
	border: none;
	border-radius: 2px;
	padding: 0 16px;
	height: 36px;
	min-width: 64px;
	display: inline-block;
	font-size: 14px;
	overflow: hidden;
	will-change: box-shadow;
/*	transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);*/
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	line-height: 36px;
	vertical-align: middle;
	background-color: #263238;
	color: #cfd8dc;
	margin: 8px 0;
	}
.smbk-embed-btn:before{
	content: "コードをコピー";
	}
.smbk-embed-btn:hover {
	color: #FFF;
	}
.smbk-embed-btn:active {
	background-color: #cfd8dc;
	color: #263238;
	}
.smbk-embed-btn:active:before {
	content: "コピーしました";
	}
.smbk-embed .smbk-embed-text-style{
	padding: 4px;
	width: 100%;
	display: block;
	font-size: .75rem;
	color: rgba(0,0,0,.54);
	border: 1px solid rgba(0,0,0,.12);
	}
	@media screen and (min-width: 480px){
		.smbk-shere{padding:8px 24px ;}
		.smbk-embed .smbk-embed-inner {display: flex;}
		.smbk-embed .smbk-embed-text-style{flex: 1;}
		.smbk-embed-btn{margin: 8px 0 8px 1rem;}
		}
	@media screen and (min-width: 720px){
		.smbk-shere{
			padding:8px 32px ;
			}
		}
	@media screen and (min-width: 840px){
		.smbk-shere{
			padding:16px 48px 16px 48px;
			}
		}
/*各巻 概要文*/
.smbk-introduction{
	margin: 1.5rem auto;
	padding: 0 8px;
	font-size: .95rem;
	line-height: 1.6;
	max-width: 840px;
	}
/*各巻 全巻リストボタン*/
.smbk-btn-zenkan {
	display: table;
	/*width: auto;*/
	min-width: 256px;
	margin: 2rem auto;
	background-color:#FFF;
	border: 1px solid rgba(0,0,0,.2);
	text-align: center;
	vertical-align: middle;
	line-height: 1.8rem;
	height: 1.8rem;
	border-radius: 0.9rem;
	padding: 0 0.5rem;
	box-shadow: 0 1px 1px rgba(204,204,204,0.1);
	}
.smbk-btn-zenkan > a, .smbk-btn-zenkan > span {
	display: table-cell;
	border-right: 1px solid rgba(0,0,0,.2);
	padding: 0 1rem;
	font-size: 0.85rem;
	color: rgba(0,0,0,0.64);
	}
.smbk-btn-zenkan > span {color: rgba(0,0,0,0.12);}
.smbk-btn-zenkan > a:last-child, .smbk-btn-zenkan > span:last-child {border-right: none;}
.smbk-btn-zenkan > a:hover{color: rgba(0,0,0,.87);}
.smbk-btn-zenkan > a:active{color: rgba(33,150,243,.87);}
	@media screen and (min-width: 400px){
		.smbk-btn-zenkan {
				min-width: 256px;
				margin: 3rem auto;
				line-height: 2.4rem;
				height: 2.4rem;
				border-radius: 1.2rem;
				padding: 0 1rem;
			}
		.smbk-btn-zenkan > a, .smbk-btn-zenkan > span {
				padding: 0 2rem;
				font-size: 0.95rem;
		}
	}
/*各巻　タグ*/
.smbk-tag{
	margin: 2rem auto;
	max-width: 840px;
	}
.smbk-tag b{
	display: inline-block;
	padding: 6px;
	margin: 4px 0;
	font-size: .75rem;
	}
.smbk-tag a{
	display: inline-block;
	padding:0 4px 0 10px;
	margin: 4px 4px 4px 12px;
	background-color:#CFD8DC;
	color: rgba(0,0,0,.87);
	font-size: .85rem;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	line-height: 22px;
	height: 22px;
	vertical-align: middle;
	position: relative;
	}
.smbk-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;
	}
.smbk-tag a:after{
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color:#F5F5F5;
	border-radius: 2px;
	position: absolute;
	top:9px;
	left: -1px;
	}
.smbk-tag a:hover{color: rgba(0,0,0,1);}
/*各巻　書店バナー*/
.smbk-vendor{margin: 1.5rem auto;}
.sm-wrapperD .smbk-vendor{margin: 1.5rem auto 0;}
.smbk-vendor.card-outer .smbk-vendor-h3{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 8px;
	font-weight: bold;
	font-size: .85rem;
	color: rgba(38,50,56,.87);
	vertical-align: middle;
	height: auto;
	}
	@media screen and (min-width: 520px){
	.smbk-vendor.card-outer .smbk-vendor-h3{padding: 1rem 16px;}
	}
	@media screen and (min-width: 720px){
	.smbk-vendor.card-outer .smbk-vendor-h3{
		/*min-height: 8rem;*//*IE11で効かぬ*/
		height: 8rem;
		}
	}
	@media screen and (min-width: 960px){
	.sm-wrapperD1per2 .smbk-vendor.card-outer .smbk-vendor-h3{padding: 1rem 8px;}
	}
.smbk-vendor-h3 i{
	width: 2.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 1rem;
	color: rgba(0,0,0,.38);
	}
.smbk-vendor-h3 i:hover{color: rgba(0,0,0,87);}
.smbk-vendor-h3 i:before{
	content:"\E5CF";/*下向き*/
	font-family: 'Material Icons';
	font-size: 2.25rem;
	font-weight: normal;
	text-decoration: none;
	}
.smbk-vendor-h3 i.smbk-digistore-expand-open:before,
.smbk-vendor-h3 i.smbk-netshop-expand-open:before{
	content: "\E5CE";/*上向き*/
	}
i.no-espand:before{content: none;}
.smbk-vendor-h3 span{
	padding:.5rem ;
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
	}
.smbk-vendor-h3 a{display: inline-block;}
.smbk-vendor-h3 a img {
	width: 9rem;
	height: auto;
	}
.smbk-netshop .smbk-vendor-h3 a img {margin: 0;}
.smbk-digistore .smbk-vendor-h3 a img,
.smbk-digistore-list li a img {
	border: 1px solid rgba(0,0,0,.12);
	}
.smbk-netshop-list,.smbk-digistore-list{padding: 0 8px 14px 8px;}
ul.smbk-vendor-list{
	list-style-type: none;
	margin: 0 auto;
	width: auto;
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	}
.smbk-vendor-list li {
	display: inline-block;
	width: 33.3%;
	padding: 4px;
	}
.wp1single-content .smbk-vendor-list li{margin: 0}
	@media screen and (min-width: 480px){
		.smbk-vendor-list li {width: 25%;}
	}
	@media screen and (min-width: 600px){
		.smbk-vendor-h3 a{width: 144px;}
		.smbk-vendor-list li {width: 20%;}
	}
	@media screen and (min-width: 720px){
		.smbk-vendor-list li {width: 33.3%;}
		.wp1single-content .smbk-vendor-list li{width: 20%;}
	}
	@media screen and (min-width: 960px){
		.wp1single-content .smbk-vendor-h3 a{width: 120px;}
		.wp1single-content .smbk-vendor-h3 a img{width: 8rem;}
		.wp1single-content .sm-wrapperD .smbk-vendor-list li {width: 33.3%;}/*横ならび*/
		.wp1single-content .sm-wrapperC .smbk-vendor-list li {width: 16.6%;}/*片方のみ*/
	}
/*各巻ページ キャンペーン 秋マン*/
.smbk-campain-akiman .card-outer{background-color: #FF9800;}
.smbk-campain-akiman .card-outer .flex-outer{
	padding-top: 1rem;
	border-top: 1px solid rgba(0,0,0,.12);
	}
.smbk-campain-akiman .card-outer .flex-outer,
.smbk-campain-akiman .card-outer .single-item{
	background-color: #fff;
	}
.smbk-campain-akiman .smbk-ossm h3.campain-h3{
	padding: 0;
	text-align: center;
	background-color: #eb6100;
	}
.smbk-campain-akiman .smbk-ossm h3.campain-h3 img{max-width:40rem}
.akiman-p{
	color: #EF6C00;
	font-weight: bold;
	}
.single-item p.akiman-p{
	color: #FF6D00;
	font-weight: bold;
	}
/*各巻ページおすすめ*/
.smbk-ossm{margin: 1.5rem auto;}
.smbk-ossm .flex-outer section{
	border-bottom: none;
	border-top: 1px solid rgba(0,0,0,.12);
	}
.smbk-ossm .flex-outer section:first-of-type {border-top: none;}
.sm-accordion-cont .flex-outer section:first-of-type {border-top: 1px solid rgba(0,0,0,.12);}
	@media screen and (min-width: 720px){
		.smbk-ossm-outer{padding: 0 8px;}
		.smbk-ossm .flex-outer section,
		.smbk-ossm .flex-outer section:first-of-type,
		.sm-accordion-cont .flex-outer section:first-of-type{
			border-top: none;
			}
		}
.smbk-ossm-none{
	text-align: center;
	color: rgba(0,0,0,.38);
	margin: 3rem auto;
	font-size: .85rem;
	}
/*各巻ページ ニュース*/
.smbk-news{margin: 1.5rem auto;}
.smbk-news .flex-outer .wp1sec{border-bottom: none;}
	@media screen and (min-width: 720px){
		.smbk-news-outer{padding: 0 8px;}
		}
/*各巻ページアプリ*/
.smbk-apps{margin: 1.5rem auto;}
/*各巻ページ　下部雑誌*/
.smbk-foot-magazine{margin: 2rem auto;}
	@media screen and (min-width: 720px){
		.smbk-foot-magazine{margin: 1.5rem auto;}
	}
.smbk-foot-magazine figure{
	margin: 0 auto;
	text-align: center;
	}
.smbk-foot-magazine figure img{
	width: 216px;
	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);
	}
.smbk-foot-magazine p{
	font-size: .8rem;
	display: table;
	text-align: left;
	margin: 1.5rem auto;
	}
/*アコーディオン*/
.sm-accordion-toggle{
	text-align: center;
	padding: 16px 8px;
	line-height: 24px;
	vertical-align: middle;
	}
.sm-accordion-toggle:after{
	font-family: 'Material Icons';
	content:"\E5CF";/*下向き*/
	font-size: 24px;
	color: rgba(0,0,0,.54);
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	vertical-align:middle;
	}
.sm-accordion-toggle.sm-accordion-toggle-open{}
.sm-accordion-toggle.sm-accordion-toggle-open:after{content: "\E5CE";}/*上向き*/
.sm-accordion-toggle span{
	font-size:.8rem;
	color: rgba(0,0,0,.54);
	line-height: 24px;
	vertical-align: middle;
	}
.sm-accordion-toggle span:nth-child(2){display: none;}
.sm-accordion-toggle.sm-accordion-toggle-open span:nth-child(2){display: inline;}
.sm-accordion-toggle.sm-accordion-toggle-open span:nth-child(1){display: none;}
.sm-accordion-cont{
	max-height:3200px;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
	opacity: 1;/**/
	}
.sm-accordion-cont.hight0{
	max-height: 0;
	overflow: hidden;
	opacity: 0;/**/
	}
.sm-accordion-cont.hight0 ul{display: none;}
.hight0 >section{display: none;}
.sm-accordion-toggle:hover span{color: rgba(0,0,0,.87);}
/*JS用*/
.displaynone{display:none;}
.displayblock{display:block !important;}
.displayflex{display:flex !important;}

/*20171107ヘッダ「秋マン」*/
a.smhd-akiman-a{
	display: none;
	}