@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
ドガッチ 2017 (min-width:768px)
/////////////////////////////////////////////////////////////////////////*/
* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}
html, body { height:100%;}
html { font-family:'Lato', -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, sans-serif;}
body { font-size:62.5%; line-height:1; -webkit-text-size-adjust:100%;}
h1, h2, h3, h4, h5, h6 { font-size:100%;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { display:block;}
audio,canvas,progress,video { display:inline-block;}
a,embed,object { outline:none;}
img { border:none; box-sizing:content-box; -webkit-box-sizing:content-box;}
hr { display:none;}
li { list-style:none;}
a { background-color:transparent; -webkit-text-decoration-skip:objects;}

/*@common
/////////////////////////////////////////////////////////////////////*/
body {
	color:#0a0a0a; min-width:1060px;
	-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
a { color:#0a0a0a; text-decoration:none; transition:all 0.2s;}
input, button, textarea, select {
	border:none; border-radius:0; outline:none;
	background:none; vertical-align:baseline; font-family:inherit;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	transition:all 0.2s;
}

#container { width:100%; padding-top:110px; overflow:hidden;}
/*header*/
#globalheader {
	width:1000px; height:100px;
	background:#fff; text-align:center;
	position:absolute; top:0; left:50%; z-index:999;
	margin-left:-500px;
	}
	#globalheader .headinner {
		width:100%; height:100%;
		padding-top:20px; margin:0 auto;
		position:relative;
	}
	#globalheader h1 {
		display:inline-block; width:200px; height:32px;
		background:url(../img/logo.svg) no-repeat;
		background-size:contain;
		position:relative; z-index:10;
	}
	#globalheader h1 a {
		display:block; width:100%; height:100%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
/*nav*/
#globalnav { width:100%; height:100%; position:absolute; top:0; left:0;}
	#globalnav .nav1 { width:100%; position:absolute; top:60px; left:0; z-index:10;}
	#globalnav .nav1 > ul { padding:0 20px 0 12px;}
	#globalnav .nav1 > ul > li { display:inline-block; vertical-align:top; position:relative; padding:0 12px;}
	#globalnav .nav1 > ul > li > a {
		display:block; font-size:15px; font-weight:bold;
		height:39px; line-height:39px; overflow:hidden;
		padding:0 1px; position:relative;
	}
	#globalnav .nav1 > ul > li > a:before {
		content:""; display:block; width:100%; height:3px;
		background:transparent;
		position:absolute; top:32px; left:0;
	}
	#globalnav .nav1 .m4 > a,
	#globalnav .nav1 .m5 > a { padding-right:16px;}
	#globalnav .nav1 .m4 > a:after,
	#globalnav .nav1 .m5 > a:after {
		content:""; display:block; width:0; height:0;
		border:5px solid transparent;
		border-top-color:#0a0a0a;
		border-width:8px 5px 5px 5px;
		position:absolute; top:50%; right:0;
		margin-top:-4px;
	}
	#globalnav .nav1 .m4 > a:hover:before,
	#globalnav .nav1 .m5 > a:hover:before { display:none;}
	#globalnav .nav1 .top { display:none;}
	#globalnav .nav1 > ul > li > a:hover:before,
	.new #globalnav .nav1 > ul > li.m0 > a:before,
	.soon #globalnav .nav1 > ul > li.m1 > a:before,
	.past #globalnav .nav1 > ul > li.m2 > a:before,
	.interview #globalnav .nav1 > ul > li.m3 > a:before,
	.genre #globalnav .nav1 > ul > li.m4 > a:before,
	.ranking #globalnav .nav1 > ul > li.m5 > a:before,
	.feature #globalnav .nav1 > ul > li.m6 > a:before { background:#282426;}
	/*genre*/
	#globalnav .m-list {
		width:220px; text-align:left; background:#fff;
		border:2px solid #282426;
		border-radius:10px; overflow:hidden;
		box-shadow:rgba(0, 0, 0, 0.1) 0 3px 5px;
		position:absolute; top:30px; left:0; z-index:100;
		display:none;
		}
	#globalnav .m-list li { display:block; border-bottom:1px solid #e5e5e5;}
	#globalnav .m-list li:last-child { border-bottom:none;}
	#globalnav .m-list li a {
		display:block; font-size:14px; line-height:34px;
		font-weight:bold; padding:1px 16px 0;
		position:relative;
	}
	#globalnav .m-list a:hover { background:#282426; color:#fff;}
	#globalnav .nav1 .m4:hover .m-list,
	#globalnav .nav1 .m5:hover .m-list { display:block;}
	/*sns*/
	#globalnav .nav2 { position:absolute; top:62px; right:0; z-index:10;}
	#globalnav .nav2:before {
		content:""; display:block; width:35px; height:10px;
		background:url(../img/parts.png) no-repeat -175px -55px;
		background-size:210px auto;
		position:absolute; top:11px; right:74px;
	}
	#globalnav .nav2 a {
		display:block; width:32px; height:32px; border-radius:50%;
		font-size:0; color:transparent;
		background:#282426; position:absolute; top:0;
	}
	#globalnav .nav2 .tw a { right:37px;background:#55acee;}
	#globalnav .nav2 .fb a { right:0;background:#3b5998;}
	#globalnav .nav2 .tw a:hover { background:#282426;}
	#globalnav .nav2 .fb a:hover { background:#282426;}
	#globalnav .nav2 a:after {
		content:""; display:block; width:20px; height:20px;
		background:url(../img/parts.png) no-repeat;
		background-size:210px auto;
		position:absolute; top:50%; left:50%;
		margin:-10px 0 0 -10px;
	}
	#globalnav .nav2 .tw a:after { background-position:-100px -25px;}
	#globalnav .nav2 .fb a:after { background-position:-125px -25px;}
/*search*/
.searchField { width:240px; position:absolute; top:20px; right:0;}
	.searchField > span { display:none;}
	.searchField input[type="text"] {
		width:100%; height:30px; font-size:14px; line-height:1.5;
		border-radius:50px; background:#fff;
		border:1px solid #282426; padding:0 1em;
		position:relative; z-index:2;
		transition:all 0.3s;
	}
	.searchField button {
		width:38px; height:28px; font-size:0; color:transparent;
		background:#fff; border-radius:0 50px 50px 0;
		position:absolute; top:1px; left:100%; z-index:3;
		margin-left:-40px; cursor:pointer;
	}
	.searchField button:before {
		content:""; width:20px; height:20px;
		background:url(../img/parts.png) no-repeat -150px -25px;
		background-size:210px auto;
		position:absolute; top:50%; right:8px;
		margin-top:-10px;
	}
	.searchField input[type="text"]::-webkit-input-placeholder { color:#8d8d8d; opacity:1;}
	.searchField input[type="text"]:-moz-placeholder { color:#8d8d8d;}
	.searchField input[type="text"]::-moz-placeholder { color:#8d8d8d; opacity:1;}
	.searchField input[type="text"]:-ms-input-placeholder { color:#8d8d8d;}
	.searchField input[type="text"]:focus { background:#fff5fb;}
	.searchField input[type="text"]:focus + button { background:#fff5fb;}
.idx #globalheader .searchField,
.search #globalheader .searchField { display:none;}
/*suggest*/
.suggestbox {
	min-width:200px; max-width:280px;
	position:absolute; top:35px; right:-25px; z-index:1000;
	background:#fff; border-radius:10px; overflow:hidden;
	box-shadow:0 0 8px rgba(0, 0, 0, 0.2);
	display:none;
	}
	.suggestbox li { border-bottom:1px solid #eee;}
	.suggestbox li a {
		display:block; width:100%; height:32px;
		font-size:14px; line-height:33px; text-align:left;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		padding:0 1em 0 2.5em; position:relative;
	}
	.suggestbox li a:before {
		content:""; display:block; width:20px; height:20px;
		background:url(../img/parts.png) no-repeat -150px -25px;
		background-size:210px auto;
		position:absolute; top:50%; left:8px;
		margin-top:-9px; opacity:0.2;
	}
	.suggestbox .history li a:before { background-position:-185px -110px;}
	.suggestbox li a:hover { background:#f0f0f0;}
	/**/
	.suggestbox .delete { text-align:center;}
	.suggestbox .delete a {
		display:inline-block; font-size:13px; color:#999;
		padding:12px 12px 12px 25px; position:relative;
	}
	.suggestbox .delete a:before,
	.suggestbox .delete a:after {
		content:''; display:block; width:13px; height:1px;
		background:#999; margin:0;
		position:absolute; top:17.5px; left:5px;
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	.suggestbox .delete a:after {
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
	}
#mOpen, #mClose, #mCover, #mSearch { display:none;}

/*fixed*/
#globalheader.fixed {
	width:100%; min-width:970px; height:50px;
	text-align:left; position:fixed; top:0; left:0; margin:0;
	-webkit-animation:slideIn .5s ease 0s 1 normal;
	animation:slideIn .5s ease 0s 1 normal;
	box-shadow:0 2px 6px rgba(0, 0, 0, 0.08);
	}
	@-webkit-keyframes slideIn {
		0%{ top:-100px;}
		100% { top:0;}
	}
	@keyframes slideIn {
		0%{ top:-100px;}
		100% { top:0;}
	}
	#globalheader.fixed .headinner { width:100%; padding:0;}
	#globalheader.fixed h1 { width:140px; height:22px; position:absolute; top:14px; left:20px;}
	#globalheader.fixed .nav1 { width:auto; top:0; left:180px;}
	#globalheader.fixed .nav1 > ul { padding:0;}
	#globalheader.fixed .nav1 > ul > li { padding:0 6px;}
	#globalheader.fixed .nav1 > ul > li > a { font-size:13px; height:50px; line-height:50px; padding-top:2px;}
	#globalheader.fixed .nav1 > ul > li > a:before { top:47px;}
	#globalheader.fixed .nav1 .m4 > a,
	#globalheader.fixed .nav1 .m5 > a { padding-right:12px;}
	#globalheader.fixed .nav1 .m4 > a:after,
	#globalheader.fixed .nav1 .m5 > a:after { border-width:7px 4px 4px 4px; margin-top:-2px;}
	#globalheader.fixed .m-list { top:40px;}
	#globalheader.fixed .m-list li a { font-size:13px;}
	#globalheader.fixed .nav2 { top:10px; right:15px;}
	/*search*/
	#globalheader.fixed .searchField { height:50px; top:0; right:135px;}
	#globalheader.fixed .searchField input[type="text"] {
		width:30px; height:30px; padding:0;
		background:transparent; color:transparent;
		position:absolute; top:11px; right:0; z-index:2;
	}
	#globalheader.fixed .searchField button {
		width:30px; height:28px; border-radius:50%;
		margin-left:-31px; top:12px; z-index:1;
	}
	#globalheader.fixed .searchField button:before {
		width:18px; height:18px;
		background-position:-175px -35px;
		right:5px; margin-top:-9px;
	}
	#globalheader.fixed .searchField button:after {
		content:""; display:block; width:35px; height:10px;
		background:url(../img/parts.png) no-repeat -175px -70px;
		background-size:210px auto;
		position:absolute; top:9px; left:-41px;
	}
	#globalheader.fixed .searchField input[type="text"]:hover { width:100%; background:#fff; padding:0 1.2em; color:#0a0a0a; z-index:20;}
	#globalheader.fixed .searchField input[type="text"]:focus { width:100%; background:#fff5fb; padding:0 1.2em; color:#0a0a0a; z-index:20;}
	#globalheader.fixed .searchField input[type="text"]::-webkit-input-placeholder { opacity:0;}
	#globalheader.fixed .searchField input[type="text"]:-moz-placeholder { opacity:0;}
	#globalheader.fixed .searchField input[type="text"]::-moz-placeholder { opacity:0;}
	#globalheader.fixed .searchField input[type="text"]:-ms-input-placeholder { opacity:0;}
	#globalheader.fixed .searchField input[type="text"]:hover::-webkit-input-placeholder { opacity:1;}
	#globalheader.fixed .searchField input[type="text"]:hover:-moz-placeholder { opacity:1;}
	#globalheader.fixed .searchField input[type="text"]:hover::-moz-placeholder { opacity:1;}
	#globalheader.fixed .searchField input[type="text"]:hover:-ms-input-placeholder { opacity:1;}
	#globalheader.fixed .searchField input[type="text"]:focus::-webkit-input-placeholder { opacity:1;}
	#globalheader.fixed .searchField input[type="text"]:focus:-moz-placeholder { opacity:1;}
	#globalheader.fixed .searchField input[type="text"]:focus::-moz-placeholder { opacity:1;}
	#globalheader.fixed .searchField input[type="text"]:focus:-ms-input-placeholder { opacity:1;}
	
	#globalheader.fixed .searchField input[type="text"]:focus + button { z-index:20; border-radius:0 50px 50px 0; background:#fff5fb;}
	#globalheader.fixed .searchField input[type="text"]:focus + button:before { right:8px;}
	#globalheader.fixed .searchField input[type="text"]:focus + button:after { display:none;}

/*detail*/
.detail #container { padding-top:50px !important;}
.detail #mylist-menu { display:none;}
.detail #globalheader.fixed { -webkit-animation:none; animation:none;}
.detail #globalheader {
	width:100%; min-width:970px; height:50px;
	text-align:left; position:fixed; top:0; left:0; margin:0;
	box-shadow:0 2px 6px rgba(0, 0, 0, 0.08);
	}
	.detail #globalheader .headinner { width:100%; padding:0;}
	.detail #globalheader h1 { width:140px; height:22px; position:absolute; top:14px; left:20px;}
	.detail #globalheader .nav1 { width:auto; top:0; left:180px;}
	.detail #globalheader .nav1 > ul { padding:0;}
	.detail #globalheader .nav1 > ul > li { padding:0 6px;}
	.detail #globalheader .nav1 > ul > li > a { font-size:13px; height:50px; line-height:50px; padding-top:2px;}
	.detail #globalheader .nav1 > ul > li > a:before { top:47px;}
	.detail #globalheader .nav1 .m4 > a,
	.detail #globalheader .nav1 .m5 > a { padding-right:12px;}
	.detail #globalheader .nav1 .m4 > a:after,
	.detail #globalheader .nav1 .m5 > a:after { border-width:7px 4px 4px 4px; margin-top:-2px;}
	.detail #globalheader .m-list { top:40px;}
	.detail #globalheader .m-list li a { font-size:13px;}
	.detail #globalheader .nav2 { top:10px; right:15px;}
	/*search*/
	.detail #globalheader .searchField { height:50px; top:0; right:135px;}
	.detail #globalheader .searchField input[type="text"] {
		width:30px; height:30px; padding:0;
		background:transparent; color:transparent;
		position:absolute; top:11px; right:0; z-index:2;
	}
	.detail #globalheader .searchField button {
		width:30px; height:28px; border-radius:50%;
		margin-left:-31px; top:12px; z-index:1;
	}
	.detail #globalheader .searchField button:before {
		width:18px; height:18px;
		background-position:-175px -35px;
		right:5px; margin-top:-9px;
	}
	.detail #globalheader .searchField button:after {
		content:""; display:block; width:35px; height:10px;
		background:url(../img/parts.png) no-repeat -175px -70px;
		background-size:210px auto;
		position:absolute; top:9px; left:-41px;
	}
	.detail #globalheader .searchField input[type="text"]:hover { width:100%; background:#fff; padding:0 1.2em; color:#0a0a0a; z-index:20;}
	.detail #globalheader .searchField input[type="text"]:focus { width:100%; background:#fff5fb; padding:0 1.2em; color:#0a0a0a; z-index:20;}
	.detail #globalheader .searchField input[type="text"]::-webkit-input-placeholder { opacity:0;}
	.detail #globalheader .searchField input[type="text"]:-moz-placeholder { opacity:0;}
	.detail #globalheader .searchField input[type="text"]::-moz-placeholder { opacity:0;}
	.detail #globalheader .searchField input[type="text"]:-ms-input-placeholder { opacity:0;}
	.detail #globalheader .searchField input[type="text"]:hover::-webkit-input-placeholder { opacity:1;}
	.detail #globalheader .searchField input[type="text"]:hover:-moz-placeholder { opacity:1;}
	.detail #globalheader .searchField input[type="text"]:hover::-moz-placeholder { opacity:1;}
	.detail #globalheader .searchField input[type="text"]:hover:-ms-input-placeholder { opacity:1;}
	.detail #globalheader .searchField input[type="text"]:focus::-webkit-input-placeholder { opacity:1;}
	.detail #globalheader .searchField input[type="text"]:focus:-moz-placeholder { opacity:1;}
	.detail #globalheader .searchField input[type="text"]:focus::-moz-placeholder { opacity:1;}
	.detail #globalheader .searchField input[type="text"]:focus:-ms-input-placeholder { opacity:1;}
	
	.detail #globalheader .searchField input[type="text"]:focus + button { z-index:30; border-radius:0 50px 50px 0; background:#fff5fb;}
	.detail #globalheader .searchField input[type="text"]:focus + button:before { right:8px;}
	.detail #globalheader .searchField input[type="text"]:focus + button:after { display:none;}

/*footer*/
#globalfooter .inner { text-align:center; background:#282426; font-weight:bold; padding:30px 20px; position:relative;}
	#globalfooter .inner p { font-size:10px; color:#fff; opacity:0.5;}
	#globalfooter .footerlink { font-size:0; padding:10px 0 30px;}
	#globalfooter .footerlink li { display:inline-block; margin:0 15px;}
	#globalfooter .footerlink li a { display:inline-block; font-size:12px; color:#fff; position:relative;}
	#globalfooter .footerlink li a:hover { opacity:0.7;}
	#globalfooter .footerlink li a:hover:after { opacity:0;}
	#globalfooter .jasrac { font-size:10px; position:absolute; top:20px; left:20px;}
	#globalfooter .jasrac:after { content:""; clear:both; display:block;}
	#globalfooter .jasrac img { width:55px; margin-right:8px; float:left;}
	#globalfooter .jasrac p { display:block; text-align:left; line-height:1.3; float:left; padding-top:15px;}
	#globalfooter .jasrac p span { display:block;}
	.article #globalfooter{display:none;}
#ptop {
	position:fixed; bottom:20px; right:20px; z-index:200;
	transition:all 0.5s; visibility:hidden; opacity:0;
	}
	#ptop a {
		display:block; width:80px; height:80px;
		background:rgba(65, 57, 57, 0.8); border-radius:50%;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:relative;
	}
	#ptop a:hover { background:rgba(65, 57, 57, 1);}
	#ptop a:before {
		content:""; display:block; width:22px; height:22px;
		border-top:4px solid #fff; border-left:4px solid #fff;
		position:absolute; top:50%; left:50%;
		margin:-7px 0 0 -13px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	#ptop.end { bottom:22px;}

#featurebn { background:#fff; text-align:center; padding:50px 0 40px;}
	#featurebn ul { font-size:0;}
	#featurebn ul li { display:inline-block; width:130px; vertical-align:top;}
	#featurebn ul li a { display:block; width:100%; font-size:12px;}
	#featurebn ul li img { display:block; margin-bottom:6px; border:1px solid #d6d6d6;}
	#featurebn ul li a:hover img { opacity:0.8;}
	#featurebn ul li a:before {
		content:""; display:block; width:110px; height:110px;
		background:transparent no-repeat;
		background-size:cover;
		border:1px solid #d6d6d6; margin:0 auto 8px;
		box-sizing:border-box; -webkit-box-sizing:border-box;
	}
	#featurebn ul li.b1 a:before { background-image:url(../img/bn_dabear.png);}
	#featurebn ul li.b2 a:before { background-image:url(../img/bn_daimei.png);}
	#featurebn ul li.b3 a:before { background-image:url(../img/bn_tbs.png);}
	#featurebn ul li.b4 a:before { background-image:url(../img/bn_naze.png);}
	#featurebn ul li.b5 a:before { background-image:url(../img/bn_fod.png);}
	#featurebn ul li.b6 a:before { background-image:url(../img/bn_wafu.png);}
/*AD*/
.ad.rich { text-align:center;}
.ad.btm { background:#f0f0f0; text-align:center; padding:40px 0;}
#main .ad.btm { background:#fff;}
.ad.btm .bn { display:inline-block; margin:0 5px;}
.ad.sp { display:none;}
/*share*/
#sharebtn {
	width:80px; position:fixed; bottom:150px; right:20px; z-index:200;
	transition:all 0.5s; visibility:hidden; opacity:0;
	}
	#sharebtn:before {
		content:""; display:block; width:65px; height:20px;
		background:url(../img/parts.png) no-repeat -100px 0;
		background-size:210px auto;
		margin:0 auto;
	}
	#sharebtn a {
		display:block; width:80px; height:80px;
		background:rgba(255, 255, 255, 0.8);
		border-radius:50%; border:5px solid #282426;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:relative; margin-top:7px;
	}
	#sharebtn a:hover { background:rgba(255, 255, 255, 1);}
	#sharebtn a:before {
		content:""; display:block; width:48px; height:48px;
		background:url(../img/parts.png) no-repeat;
		background-size:210px auto;
		position:absolute; top:50%; left:50%;
		margin:-24px 0 0 -24px;
	}
	#sharebtn .tw:before { background-position:0 0;}
	#sharebtn .fb:before { background-position:-50px 0;}
	#sharebtn.end { bottom:150px;}

/*@contents
/////////////////////////////////////////////////////////////////////*/
#contents { display:table; width:1020px; table-layout:fixed; padding:30px 0 80px; margin:0 auto;}
#main, #side { display:table-cell; vertical-align:top;}
/*more*/
.link.more a {
	display:inline-block; font-size:13px; font-weight:bold;
	border-bottom:1px solid #282426;
	padding-bottom:1px; margin-right:18px;
	position:relative;
	}
	.link.more a:after {
		content:""; display:block; width:7px; height:7px;
		border-top:1px solid #282426; border-right:1px solid #282426;
		position:absolute; top:50%; right:-12px; margin-top:-4px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.link.more a:hover { border-color:transparent; color:#e4007f;}
	.link.more a:hover:after { border-color:#e4007f;}
.btn.more { text-align:center; padding-top:20px;}
.btn.more a {
	display:inline-block; min-width:300px; height:38px;
	font-size:15px; font-weight:bold; line-height:38px;
	background:#282426; color:#fff;
	padding:0 12px; position:relative;
	}
	.btn.more a:after {
		content:""; display:block; width:0; height:0;
		border:6px solid transparent;
		border-top-color:#fff;
		border-width:10px 6px 0 6px;
		position:absolute; top:50%; left:50%;
		margin:-5px 0 0 3.5em;
	}
	.btn.more a:hover { background:#e4007f;}
	/*close*/
	.btn.more.close a { opacity:0.3;}
	.btn.more.close a:hover { background:#282426; opacity:0.25;}
	.btn.more.close a:after { transform:rotate(180deg);}
	
/*pic*/
.pic { width:100%; overflow:hidden; position:relative;}
	.picinner {
		width:100%; height:0;
		padding-top:56.25%;
		background:transparent no-repeat;
		background-size:100% auto;
		position:absolute; top:0; left:0;
	}
	.ptph{
		display:block;
		margin:0 auto;
		/*height:100%;*/
		max-width:100%;
		max-height:100%;
	}
	.video .picinner:after {
		content:""; display:block; width:40px; height:40px;
		background:url(../img/play.png) no-repeat 0 0;
		background-size:40px auto;
		position:absolute; top:50%; left:50%;
		margin:-20px 0 0 -20px;
	}
	.carousel.headline .video .picinner:after { display:none;}
	.list-past .video .picinner:after,
	.post .past .video .picinner:after,
	.ranking .list-inner:nth-child(n+11) .video .picinner:after {
		width:30px; height:30px; margin:-15px 0 0 -15px;
		background-position:0 -45px;
	}
/*category*/
.category a {
	display:inline-block !important;
	padding:0 !important;
	font-size:11px; font-weight:bold; color:#e4007f;
	}
	.category a:before {
		content:""; display:inline-block; width:10px; height:10px;
		background:url(../img/parts.png) no-repeat -65px -120px;
		background-size:210px auto;
		vertical-align:middle;
		margin:0 4px 2px 0;
	}
	.category a + a { padding-left:10px !important;}
	.category a:hover { opacity:0.6 !important;}
/*tag*/
.tag { border-top:1px solid #d6d6d6; padding:40px 0;}
.tag h3 { font-size:16px; padding-bottom:15px; position:relative;}
.tag ul { font-size:0;}
	.tag li { display:inline-block; vertical-align:top; margin:0 5px 8px 0;}
	.tag a {
		display:inline-block; height:22px; font-size:13px;
		line-height:22px; text-align:center; color:#262626;
		background:#eee; border-radius:50px; padding:0 10px;
		overflow:hidden;
	}
	.tag a:hover { background:#282426; color:#fff;}

/*@side
/////////////////////////////////////////////////////////////////////*/
#side { width:300px;}
.side-block { padding-bottom:30px;}
.side-block:last-child { padding-bottom:0;}
.side-block h2 {
	font-size:18px;
	border-bottom:1px solid #282426;
	padding:0 0 12px; position:relative;
}
.side-block .more { text-align:right; margin-right:-5px;}
.side-block .more a { font-size:12px;}
.side-block .more a:after { margin-top:-4.5px;}
/*list*/
.side-block.list ul { margin-bottom:10px;}
	.side-block.list li { border-bottom:1px solid #d6d6d6;}
	.side-block.list li:last-child { border-color:#282426;}
	.side-block.list li a {
		display:block; min-height:42px;
		font-size:13px; line-height:1.5;
		padding:12px 5px 10px 22px; position:relative;
	}
	.side-block.list li a:before {
		content:""; display:block; width:6px; height:6px;
		background:#282426; border-radius:50%;
		position:absolute; top:50%; left:7px;
		margin-top:-3px;
	}
	.side-block.list li a:hover { background:#f5f5f5;}
/*ranking*/
.side-block.ranking ol { margin-bottom:10px;}
	.side-block.ranking li { counter-increment:num; border-bottom:1px solid #d6d6d6;}
	.side-block.ranking li:last-child { border-color:#282426;}
	.side-block.ranking li a {
		display:block; min-height:42px;
		font-size:13px; line-height:1.5;
		padding:12px 5px 10px 44px; position:relative;
	}
	.side-block.ranking li a:hover { background:#f5f5f5;}
	.side-block.ranking li a:before {
		content:counter(num); display:block;
		width:26px; height:26px; line-height:26px;
		font-size:14px; font-weight:bold; text-align:center; color:#fff;
		border-radius:50%; background:#282426;
		position:absolute; top:50%; left:5px;
		margin-top:-13px;
	}
	.side-block.ranking li:nth-child(1) a:before { background:#ffd905;}
	.side-block.ranking li:nth-child(2) a:before { background:#b9c0c5;}
	.side-block.ranking li:nth-child(3) a:before { background:#d69956;}
	/*mylist*/
	.side-block.ranking.mylist li a .tb { display:table; width:100%; table-layout:fixed;}
	.side-block.ranking.mylist li a .tb > div { display:table-cell; vertical-align:middle;}
	.side-block.ranking.mylist li a .tb .pic { width:60px; height:60px;}
	.side-block.ranking.mylist li a .tb .picinner {
		height:60px;
		background-position:center center;
		background-size:auto 100%;
		background-color:#f5f5f5;
	}
	.side-block.ranking.mylist li a .tb .txt { padding:0 0 22px 12px; position:relative;}
	.side-block.ranking.mylist li a .tb .registered {
		display:inline-block; height:18px; line-height:18px;
		font-size:11px; color:#444;
		background:#f0f0f0; border-radius:50px; padding:0 8px;
		position:absolute; bottom:0; left:12px;
	}
	.side-block.ranking.mylist li a:before { top:28px; margin-top:0;}

.side-block.ranking li.up a { padding-right:50px;}
.side-block.ranking li.up a:after {
	content:""; display:block;
	width:30px; height:30px;
	background:url(../img/parts.png) no-repeat -45px -85px;
	background-size:210px auto;
	position:absolute; top:50%; right:0;
	margin-top:-14px;
}
/*TVer*/
.side-block.tver { border:1px solid #282426; padding:23px 15px 15px; margin-bottom:40px;}
	.side-block.tver h2 { padding-left:0;}
	.side-block.tver h2 .sub { display:block; font-size:13px; margin:-5px 0 5px;}
	.side-block.tver .credit {
		width:85px; height:20px;
		background:url(../img/tver_icon.png) no-repeat 0 -80px;
		background-size:90px auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; bottom:10px; right:-3px;
		transition:none;
	}
	.side-block.tver .credit:hover { background-position:0 -105px;}
	.side-block.tver ul { padding-top:15px;}
	.side-block.tver li { margin-bottom:15px;}
	.side-block.tver li a { display:block;}
	.side-block.tver li a:hover { opacity:0.7;}
	.side-block.tver .pic { height:151px;}
	.side-block.tver .picinner:after {
		content:""; display:block; width:64px; height:64px;
		background:url(../img/tver_play.png) no-repeat;
		background-size:contain;
		position:absolute; top:50%; left:50%;
		margin:-32px 0 0 -32px;
	}
	.side-block.tver h3 {
		font-size:16px; font-weight:normal; line-height:1.2; margin:8px 0 4px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.side-block.tver p {
		font-size:12px; line-height:1.2; margin-bottom:3px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
/*writer*/
.side-block.writer ul { padding:10px 0;}
	.side-block.writer li { margin-bottom:5px;}
	.side-block.writer li a {
		display:block; min-height:28px;
		font-size:13px; line-height:1.5;
		padding:5px 5px 0 45px; position:relative;
	}
	.side-block.writer li a span {
		border-bottom:1px solid #282426;
		transition:border-color 0.2s;
	}
	.side-block.writer li a img {
		display:block; width:28px; border-radius:50%;
		position:absolute; top:0; left:5px;
	}
	.side-block.writer li a:hover { color:#e4007f;}
	.side-block.writer li a:hover span { border-color:transparent;}
/*normal*/
.side-block.normal ul { padding:10px 0;}
	.side-block.normal li a {
		display:block;
		font-size:13px; line-height:1.5;
		padding:4px 4px 4px 25px; position:relative;
	}
	.side-block.normal li a:before {
		content:""; display:block; width:0; height:0;
		border:4px solid transparent;
		border-left-color:#0a0a0a;
		border-width:4px 4px 4px 7px;
		position:absolute; top:50%; left:8px;
		margin-top:-4px;
	}
	.side-block.normal li a span {
		border-bottom:1px solid #282426;
		transition:border-color 0.2s;
	}
	.side-block.normal li a:hover { color:#e4007f;}
	.side-block.normal li a:hover span { border-color:transparent;}
/*banner*/
.side-block.banner a { display:block; margin-bottom:10px;}
.side-block.banner a img { display:block; width:100%;}
/*ad*/
.side-block.ad .bn { display:block; margin-bottom:10px;}
/*sns*/
.side-block.followsns h2 { margin-bottom:12px;}
.side-block.followsns > div { width:290px; overflow:hidden;}
.side-block.followsns > div + div { margin-top:8px;}

/*@main
/////////////////////////////////////////////////////////////////////*/
#main { padding-right:50px;}
.idx #main h2 { font-size:24px; padding:0 5px 20px;}
.toplist { border-top:1px solid #282426; padding:30px 0 25px; position:relative;}
	.toplist:last-child { border-bottom:1px solid #282426;}
	.toplist-inner { display:table; width:100%; table-layout:fixed; padding:0 5px;}
	.toplist-inner > div { display:table-cell; vertical-align:top;}
	.toplist .photo { width:214px;}
	.toplist .photo a { display:block;}
	.toplist .photo .pic { height:120px;}
	.toplist .photo .title { font-size:14px; font-weight:bold; line-height:1.35; padding:8px 0;}
	.toplist .photo a:hover .pic { opacity:0.7;}
	.toplist .photo a:hover .title { color:#e4007f;}
	.toplist .other { padding-left:25px;}
	.toplist .other ul { margin-bottom:20px;}
	.toplist .other li a {
		display:block; font-size:14px; line-height:1.5;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		padding:4px 4px 4px 25px; position:relative;
	}
	.toplist .other li a:before {
		content:""; display:block; width:0; height:0;
		border:4px solid transparent;
		border-left-color:#0a0a0a;
		border-width:4px 4px 4px 7px;
		position:absolute; top:50%; left:8px;
		margin-top:-4px;
	}
	.toplist .other li a:hover { background:#222; color:#fff;}
	.toplist .other li a:hover:before { border-left-color:#fff;}
	.toplist .other li a:hover .pr { color:#fff; border-color:#fff;}
	.toplist .other .more { text-align:right;}
/*carousel*/
.carousel { margin-bottom:40px; position:relative;}
	.carousel h2 { padding-bottom:15px !important;}
	.carousel-inner { position:relative;}
	.carousel .more { position:absolute; top:7px; right:0;}
	.carousel .pic { width:214px; height:120px;}
	.carousel .slider a { display:block; position:relative;}
	.carousel .title { padding:8px 0 3px;}
	.carousel h3 { font-size:15px; line-height:1.35; margin-bottom:7px;}
	.carousel p {
		font-size:12px; line-height:1.5;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.carousel .category { padding-top:2px;}
	.carousel .category a { letter-spacing:-0.03em;}
	.carousel .category a:before { margin-right:2px;}
	.carousel .category a + a { padding-left:7px !important;}
	.carousel:not(.headline) .slider a:hover .pic { opacity:0.7;}
	.carousel:not(.headline) .slider a:hover h3 { color:#e4007f;}
.carousel.headline { margin-bottom:40px;}
	.carousel.headline h2 { display:none;}
	.carousel.headline .slider { height:315px; padding:0 3px 0 5px;}
	.carousel.headline .pic { width:560px; height:315px;}
	.carousel.headline .pic:after {
		content:""; display:block; width:100%; height:55%;
		position:absolute; bottom:0; left:0; opacity:0.9;
		background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 100%);
		background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.9) 100%);
		background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 100%);
		background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 100%);
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 )";
	}
	.carousel.headline .picinner:before {
		content:""; display:block;
		width:100%; height:0;
		padding-top:56.25%;
		background:#000; opacity:0;
		position:absolute; top:0; left:0;
	}
	.carousel.headline a:hover .picinner:before { opacity:0.3;}
	.carousel.headline .title {
		width:100%; font-size:22px; color:#fff;
		line-height:1.3; font-weight:bold;
		max-height:54px; padding:0 25px; overflow:hidden;
		position:absolute; bottom:32px; left:0;
		display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
	}
	.carousel.headline .category {
		height:24px; padding:0 25px;
		position:absolute; bottom:0; left:0;
	}
	.carousel.headline .video .title { padding-right:70px;}
	.carousel.headline .video > a:after {
		content:""; display:block; width:40px; height:40px;
		background:url(../img/play.png) no-repeat 0 0;
		background-size:40px auto;
		position:absolute; bottom:15px; right:18px;
	}
.carousel.other .picinner { background-size:cover; background-position:center;}

/*slick*/
.slick-slide { outline:none; position:relative; transition:all 0.5s;}
.slider-multiple .slick-slide { width:214px; margin:0 5px;}
.slider-single .slick-slide { opacity:0.4;}
.slider-single .slick-current {
	opacity:1; z-index:110;
	-webkit-transform:scale(1.002); transform:scale(1.002);
}
.Windows .slider-single .slick-current { -webkit-transform:scale(1); transform:scale(1);}
/*slick-arrow*/
.slick-arrow {
	display:block; width:30px; height:120px;
	font-size:0; line-height:0; color:transparent; cursor:pointer;
	position:absolute; top:0; z-index:100;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	transition:all 0.2s;
	}
	.slick-prev { left:-25px;}
	.slick-next { right:-27px;}
	.slick-arrow:after {
		content:""; display:block; width:14px; height:14px;
		border-top:2px solid #282426; border-right:2px solid #282426;
		position:absolute; top:50%; margin-top:-7px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.slick-next:after { left:4px;}
	.slick-prev:after {
		border:none; left:10px;
		border-bottom:2px solid #282426;
		border-left:2px solid #282426;
	}

.slider-photo .slick-arrow { width:50px; height:0; padding-top:50%;}
	.slider-photo .slick-prev { left:0;}
	.slider-photo .slick-next { right:0;}
	.slider-photo .slick-arrow:before {
		content:""; display:block; width:40px; height:40px;
		border-radius:50%; background:rgba(40, 36, 38, 0.3);
		position:absolute; top:50%; z-index:101;
		margin-top:-20px;
		/*transition:all 0.2s;*/
	}
	.slider-photo .slick-prev:before { left:0;}
	.slider-photo .slick-next:before { right:0;}
	.slider-photo .slick-arrow:after {
		content:""; display:block; width:10px; height:10px;
		border-top:2px solid #fff; border-right:2px solid #fff;
		position:absolute; top:50%; left:50%; z-index:102;
		margin-top:-6.5px;
	}
	.slider-photo .slick-next:after { left:22px;}
	.slider-photo .slick-prev:after {
		border:none; left:17px;
		border-bottom:2px solid #fff;
		border-left:2px solid #fff;
	}

.carousel .arrows .slick-arrow {
	display:block; width:50px; height:100%;
	position:absolute; top:0; z-index:100;
	}
	.carousel .arrows .slick-prev { left:5px;}
	.carousel .arrows .slick-next { right:3px;}
	.carousel .arrows .slick-arrow:before {
		content:""; display:block; width:52px; height:52px;
		border-radius:50%; background:#282426;
		position:absolute; top:50%; z-index:101;
		margin-top:-26px; transition:all 0.2s;
	}
	.carousel .arrows .slick-prev:before { left:-24px;}
	.carousel .arrows .slick-next:before { right:-24px;}
	.carousel .arrows .slick-arrow:after {
		content:""; display:block; width:14px; height:14px;
		border-top:3px solid #fff; border-right:3px solid #fff;
		position:absolute; top:50%; z-index:102;
		margin-top:-7.5px;
	}
	.carousel .arrows .slick-next:after { left:36px;}
	.carousel .arrows .slick-prev:after {
		border:none; left:-3px;
		border-bottom:3px solid #fff;
		border-left:3px solid #fff;
	}
.slick-arrow.slick-disabled { display:none !important;}

/*slick-dots*/
.carousel.headline .slick-dots { text-align:center; padding-top:12px;}
	.carousel.headline .slick-dots li {
		display:inline-block; width:8px; height:8px;
		background:#ccc; border-radius:50%;
		vertical-align:top; margin:0 4px; position:relative;
	}
	.carousel.headline .slick-dots li button {
		width:100%; height:100%; cursor:pointer;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:0; left:0;
	}
	.carousel.headline .slick-dots li.slick-active { background:#282426;}

/*photo*/
.slider-photo .pic {
	/* width:670px !important; height:670px !important;background:#eee;*/
	width:auto !important; height:auto !important;
	}
	.slider-photo .picinner {
		width:100%; height:100%; padding-top:0;
		background-position:center center;
		background-size:contain;
	}
	.slider-photo .ptph {
		max-width:670px;
		max-height:670px;
		height:auto;
	}
.slider-photo .slick-dots { display:block; text-align:center; font-size:0; padding-top:5px; margin:0;}
	.slider-photo .slick-dots li {
		display:inline-block; vertical-align:top;
		width:110px; height:110px; background:#fff;
		border:3px solid transparent;
		cursor:pointer; overflow:hidden;
		margin:10px; position:relative;
		transition:all 0.2s;
	}
	.slider-photo .slick-dots li img {
		display:block; width:101%;
		background:transparent no-repeat center center;
		background-size:contain;
		position:absolute; top:0; left:0;
	}
	.slider-photo .slick-dots li:hover { opacity:0.7;}
	.slider-photo .slick-dots li.slick-active:hover { opacity:1;}
	/*.slider-photo .slick-dots li.slick-active { background:#eee;}*/
	.slider-photo .slick-dots li.slick-active { opacity:0.5;}
	.slider-photo .slick-dots li.slick-active:hover { opacity:0.5;}

/*//////////////List//////////////*/
.list .heading {
	border-bottom:3px solid #282426;
	padding:10px 0 15px; margin-bottom:10px;
	position:relative;
	}
	.list .heading h2 { display:inline-block; font-size:28px;}
	.list .heading p { display:inline-block; font-size:14px; font-weight:bold; margin-left:20px;}
	.list .heading p br { display:none;}
	.list .heading p.date { font-size:13px; position:absolute; top:24px; right:0; font-weight:normal;}
	.list .heading .link.more { position:absolute; top:10px; right:0;}
	.list .heading .link.more a {
		min-width:140px; height:28px; line-height:28px;
		font-size:14px; color:#fff; text-align:center; background:#282426;
		padding:0 23px 0 20px; margin-right:0;
	}
	.list .heading .link.more a:after { right:12px; border-color:#fff;}
	.list .heading .link.more a:hover { background:#e4007f;}
.list.soon .heading,
.list.past .heading,
.list.ranking.word .heading { margin-bottom:30px;}
.list-block + .list-block { padding-top:50px;}
.list-block > h3 { height:36px; border-bottom:1px solid #282426; position:relative;}
.list-block > h3 span {
	display:inline-block; min-width:180px; height:36px;
	font-size:18px; text-align:center;
	border:1px solid #282426; border-bottom:none;
	background:#fff; padding:12px 25px 0;
	position:absolute; top:0; left:10px;
}
.past .list-block { padding-bottom:0;}
.past .list-block > h3 { display:none;}
.list-inner { border-bottom:1px solid #d6d6d6; position:relative;}
	.list-inner .tb > a { display:table; width:100%; table-layout:fixed; padding:20px 0;}
	.list-inner .tb > a > div { display:table-cell; vertical-align:top;}
	.list-inner .tb .pic { width:200px; height:113px;}
	.list-inner .tb .title { padding-left:25px;}
	.list-inner .tb .title h3 {
		max-height:45px; font-size:16px; line-height:1.5;
		margin-bottom:10px; overflow:hidden;
		display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
	}
	.list-inner .tb .title p {
		font-size:13px; margin-bottom:8px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.list-inner .tb a:hover .pic { opacity:0.7;}
	.list-inner .tb a:hover h3 { color:#e4007f;}
	.list-inner .category { width:445px; position:absolute; top:120px; left:225px; z-index:10;}
.list-past {
	background:#eee; border-radius:16px;
	padding:22px 25px 25px; margin:0 30px 30px;
	position:relative;
	}
	.list-past:before {
		content:""; display:block; width:0; height:0;
		border:8px solid transparent;
		border-bottom-color:#eee;
		border-width:8px 8px 13px 8px;
		position:absolute; bottom:100%; left:75px;
	}
	.list-past > h3 { font-size:15px; padding:0 0 13px 5px;}
	.list-past .tb { background:#fff; border-bottom:1px solid #eee;}
	.list-past .tb:last-child { border-bottom:none;}
	.list-past .tb > a { padding:15px;}
	.list-past .tb .pic { width:130px; height:73px;}
	.list-past .tb .title { padding:5px 20px 0;}
	.list-past .tb .title h3 { font-size:14px; font-weight:normal; line-height:1.35; margin-bottom:12px;}
	.list-past .tb .title p {
		font-size:12px; margin-bottom:7px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.list-past .tb a:hover h3 { color:#0a0a0a; opacity:0.7;}
/*switching*/
.switching {
	text-align:center; font-size:0;
	border-bottom:1px solid #282426;
	padding-bottom:25px;
	}
	.switching li { display:inline-block; vertical-align:top; padding:0 10px; position:relative;}
	.switching li:after {
		content:""; display:block; width:1px; height:22px;
		background:#282426;
		position:absolute; top:50%; right:0;
		margin-top:-11px;
	}
	.switching li:last-child:after { display:none;}
	.switching li a { display:block; font-size:16px; font-weight:bold; padding:10px 20px;}
	.switching li a:hover { color:#e4007f;}
	.switching li a.active { color:#e4007f;}
/*ranking*/
.ranking .list-inner .tb .rank { width:60px; padding-left:5px;}
.ranking .list-inner .tb .rank span {
	display:block; width:38px; height:38px; line-height:38px;
	font-size:22px; font-weight:bold; text-align:center; color:#fff;
	border-radius:50%; background:#282426;
	}
	.ranking .list-inner:nth-child(1) .tb .rank span { background:#ffd905;}
	.ranking .list-inner:nth-child(2) .tb .rank span { background:#b9c0c5;}
	.ranking .list-inner:nth-child(3) .tb .rank span { background:#d69956;}
.ranking .list-inner:nth-child(n+11) .tb .pic { width:120px; height:68px;}
.ranking .list-inner:nth-child(n+11) .tb .rank span { background:none; color:#282426; line-height:1.2;}
.ranking .list-inner .tb.up { padding-right:50px; position:relative;}
.ranking .list-inner .tb.up:after {
	content:""; display:block;
	width:40px; height:45px;
	background:url(../img/parts.png) no-repeat 0 -85px;
	background-size:210px auto;
	position:absolute; top:50%; right:0;
	margin-top:-20px;
}
.ranking:not(.word) .list-inner .tb.up:after { top:20px; margin-top:0;}
.ranking .list-inner .category { width:385px; left:285px;}
.ranking .list-inner:nth-child(n+11) .category { width:270px; top:75px; left:400px; text-align:right;}
.ranking.word .list-inner .tb .title { font-size:16px; font-weight:bold; line-height:1.35; vertical-align:middle;}
.ranking.word .list-inner .tb a:hover .title { color:#e4007f;}
/*search*/
.searchbox {
	height:156px; background:#f5f5f5;
	margin-bottom:50px; position:relative;
	}
	.searchbox h2 { font-size:24px; position:absolute; top:63px; left:35px;}
	.searchbox .searchField { width:540px; position:absolute; top:50px; left:100px;}
	.searchbox .searchField input[type="text"] {
		width:100%; height:46px; font-size:17px; line-height:1.6;
		border-radius:50px; background:#fff;
		border:2px solid #282426; padding:0 1.2em;
		position:relative; z-index:2;
	}
	.searchbox .searchField button {
		width:55px; height:42px;
		background:#fff; border-radius:0 50px 50px 0;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:2px; left:100%; z-index:3;
		margin-left:-57px; cursor:pointer;
	}
	.searchbox .searchField button:before {
		content:""; width:30px; height:30px;
		background:url(../img/parts.png) no-repeat -175px 0;
		background-size:210px auto;
		position:absolute; top:50%; right:17px;
		margin-top:-15px;
	}
	.searchbox .searchField input[type="text"]::-webkit-input-placeholder { color:#282426; opacity:1;}
	.searchbox .searchField input[type="text"]:-moz-placeholder { color:#282426;}
	.searchbox .searchField input[type="text"]::-moz-placeholder { color:#282426; opacity:1;}
	.searchbox .searchField input[type="text"]:-ms-input-placeholder { color:#282426;}
	.searchbox .searchField input[type="text"]:focus { background:#fff5fb;}
	.searchbox .searchField input[type="text"]:focus + button { background:#fff5fb;}
	.searchbox .link.more { position:absolute; top:120px; right:30px;}
	.searchbox .link.more a { font-size:14px;}
	.searchbox .link.more a:after { margin-top:-5px;}
.searchbox .suggestbox { top:45px; left:0; max-width:370px;}
.idx .searchbox { height:126px;}
.idx .searchbox h2 { top:53px;}
.idx .searchbox .searchField { top:40px;}
.search .searchbox { margin-bottom:0;}
.search.list .heading { padding:6px 0 10px;}
.search.list .heading h2 { font-size:26px; line-height:1.35;}
.search.list .heading h2 span { color:#e4007f;}
.search .note { font-size:12px;padding:10px 0 0;text-align:right;color:#777;}

/*@article
/////////////////////////////////////////////////////////////////////*/
.article .category { padding:0 0 10px;}
.post-mini { border-bottom:1px solid #282426; padding-bottom:70px; margin-bottom:60px;}
.post-mini .heading { padding:10px 0 20px; position:relative;}
	.post-mini .heading h2 { font-size:22px; line-height:1.35; margin-bottom:10px;}
	.post-mini .heading h2 a:hover { color:#e4007f;}
	.post-mini .heading .meta { width:560px; line-height:1.35; margin-bottom:15px;}
	.post-mini .heading .date,
	.post-mini .heading .credit { display:inline-block; vertical-align:middle;}
	.post-mini .heading .date { font-size:13px; margin-right:20px; }
		.heading .date { display:block !important;padding-bottom:4px;}
	.post-mini .heading .credit { font-size:12px;}
.post-mini .inner { display:table; width:100%; table-layout:fixed;}
	.post-mini .inner > div { display:table-cell; vertical-align:top;}
	.post-mini .inner .pic { width:220px; text-align:center; padding-top:134px;}
	.post-mini .inner .pic a { display:block;}
	.post-mini .inner .pic p {
		display:inline-block; font-size:13px; font-weight:bold;
		border-bottom:1px solid #282426;
		padding:0 2px 1px; position:relative;
	}
	.post-mini .inner .pic p:after {
		content:""; display:block; width:7px; height:7px;
		border-top:1px solid #282426; border-right:1px solid #282426;
		position:absolute; top:50%; right:-10px; margin-top:-4px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.post-mini .inner .pic a:hover { opacity:0.7;}
	.post-mini .inner .pic a:hover p { border-color:transparent;}
	.post-mini .inner .summary { padding-left:25px;}
	.post-mini .inner .summary p {
		height:100px; font-size:15px; line-height:1.7; overflow:hidden;
		display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;
	}
	.post-mini .inner .btn.all { text-align:center; padding-top:15px;}
	.post-mini .inner .btn.all a {
		display:inline-block; min-width:220px; height:32px;
		font-size:14px; font-weight:bold; line-height:30px;
		border:1px solid #282426;
		padding:0 8px; position:relative;
	}
	.post-mini .inner .btn.all a:after {
		content:""; display:block; width:9px; height:9px;
		border-top:1px solid #282426; border-right:1px solid #282426;
		position:absolute; top:50%; right:18px;
		margin-top:-5px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.post-mini .inner .btn.all a:hover { background:#282426; color:#fff;}
	.post-mini .inner .btn.all a:hover:after { border-color:#fff;}

/*post*/
.post { overflow:hidden;}
.post .heading { padding-bottom:20px; position:relative;}
	.post .heading h2 { font-size:26px; line-height:1.35; margin-bottom:8px;}
	.post .heading .meta { width:560px; line-height:1.35; margin-bottom:15px;}
	.post .heading .date,
	.post .heading .credit { display:inline-block; vertical-align:top;}
	.post .heading .date { font-size:14px; margin-right:20px;}
	.post .heading .credit { font-size:13px; padding-top:1px;}
.post .image { padding-bottom:30px;}
	.post .image .pic { width:670px; height:377px;}
	.post .image .pic a { display:block; width:100%; height:100%;}
	.post .image .pic a:hover { opacity:0.7;}
	.post .image .meta {
		display:table; width:100%; table-layout:fixed;
		font-size:12px; line-height:1.35; padding:10px 5px;
	}
	.post .image .meta > span { display:table-cell; vertical-align:top;}
	.post .image .meta .credit { width:35%; text-align:right; padding-left:1em;}
	/*thumbnail*/
	.post .thumbnail { text-align:center; font-size:0; padding-top:20px;}
	.post .thumbnail li { display:inline-block; vertical-align:top; margin:5px;}
	.post .thumbnail li a {
		display:block; width:120px; height:67px; position:relative;
		border:1px solid #e6e6e6; overflow:hidden;
		box-sizing:content-box;
	}
	.post .thumbnail li a:hover { opacity:0.7;}
	/*video*/
	.post .image .player { width:100%; height:0; padding-top:56.25%; background:#000; position:relative;}
	.post .image .player.cx { height:auto; padding-top:0; position:relative;}
	.post .image .player:not(.cx) iframe { width:100%; height:100%; position:absolute; top:0; left:0;}
	.post .image .player a { display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
	.post .image .player a img { display:block; width:100%;}
	.post .image .tver {
		background:rgb(64,184,220);
		background:-webkit-linear-gradient(left, rgba(64,184,220,1) 0%, rgba(60,219,229,1) 100%);
		background:-moz-linear-gradient(left, rgba(64,184,220,1) 0%, rgba(60,219,229,1) 100%);
		background:-ms-linear-gradient(left, rgba(64,184,220,1) 0%, rgba(60,219,229,1) 100%);
		background:linear-gradient(to right, rgba(64,184,220,1) 0%, rgba(60,219,229,1) 100%);
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b8dc', endColorstr='#3cdbe5',GradientType=1 )";
		padding-top:0; position:relative;
		border-radius:0 0 16px 16px;
	}
	.post .image .tver .progtitle {
		min-height:120px; line-height:1.35; color:#fff;
		padding:18px 120px 15px 20px; position:relative;
		min-height:70px;
		background:rgba(0, 0, 0, 0.2);
	}
	.post .image .tver .progtitle h3 { font-size:24px; margin-bottom:5px;}
	.post .image .tver .progtitle p { font-size:15px; font-weight:bold; line-height:1.3; margin-bottom:5px;}
	.post .image .tver .progtitle p.summary { font-size:16px;}
	.post .image .tver .progtitle p .end { color:#0a0a0a; font-weight:normal;}
	.post .image .tver .progtitle a {
		display:block; width:90px; height:75px;
		background:url(../img/tver_icon.png) no-repeat 0 0;
		background-size:90px auto;
		position:absolute; bottom:22px; right:10px;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
	.post .image .tver .progtitle a:hover { opacity:0.8;}
	/*link*/
	.post .image .tver .tverlink { min-height:60px;}
	.post .image .tver .tverlink a {
		display:block; width:100%;
		font-size:23px; font-weight:bold; color:#fff;
		line-height:1.35; text-align:center;
		padding:13px 20px 7px; position:relative;
	}
	.post .image .tver .tverlink a:hover { opacity:0.8;}
	.post .image .tver .tverlink a:before {
		content:""; display:inline-block; width:45px; height:45px;
		background:url(../img/tver_icon.png) no-repeat 0 -130px;
		background-size:90px auto;
		vertical-align:middle; margin:-5px 20px 0 -20px;
	}
	.post .image .tver .tverlink a:after {
		content:""; display:inline-block; width:12px; height:12px;
		border-top:3px solid #fff; border-right:3px solid #fff;
		vertical-align:middle; margin:-5px 0 0 10px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	
	/*btn*/
	.post .image .playbtn { width:60%; text-align:center; padding:10px 0; margin:0 auto;}
	.post .image .playbtn a {
		display:block; font-size:15px; font-weight:bold;
		height:42px; line-height:42px; border-radius:10px;
		background:#282426; color:#fff;
		position:relative;
	}
	.post .image .playbtn a:before {
		content:""; display:inline-block; width:22px; height:22px;
		background:url(../img/play.png) no-repeat 0 -80px;
		background-size:40px auto;
		vertical-align:middle;
		margin:0 10px 4px 0;
	}
	.post .image .playbtn a:hover { opacity:0.8;}
	.post .image .backbtn { width:50%; text-align:center; padding:40px 0 10px; margin:0 auto;}
	.post .image .backbtn a {
		display:block; font-size:15px; font-weight:bold;
		height:40px; line-height:40px;
		background:#282426; color:#fff;
		position:relative;
	}
	.post .image .backbtn a:before {
		content:""; display:block; width:10px; height:10px;
		border-bottom:1px solid #fff; border-left:1px solid #fff;
		position:absolute; top:50%; left:20px;
		margin-top:-5.5px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.post .image .backbtn a:hover { opacity:0.8;}
	/*player guide*/
	.post .image .guide{background:#eee;text-align:center;padding:10px 12px 8px;color:#1641a7;font-size:14px;font-weight:bold;line-height:1.2;}
.post .text { padding-bottom:40px;}
	.post .text .inner { padding-bottom:20px;font-size:16px; line-height:2; }
	.post .text .inner h3 { font-size:18px; font-weight:bold; line-height:2; padding:20px 0;}
	.post .text .inner p { padding-bottom:35px;}
	.post .text .inner p.link { font-size:15px; line-height:1.8;}
	.post .text .inner a { color:#e4007f; border-bottom:1px solid #e4007f;}
	.post .text .inner a:hover { color:#0a0a0a; border-bottom:1px solid transparent; opacity:0.7;}
	.post .text .inner .linkList { font-size:16px; line-height:2; padding-bottom:25px;}
	.post .text .inner .linkList li { padding-bottom:10px; }
	.post .text .inner .linkList li:before{content:'・';margin-left:0;}
	.post .text .inner .linkList a { color:#e4007f; border-bottom:1px solid #e4007f;}
	.post .text .inner .linkList a:hover { color:#0a0a0a; border-bottom:1px solid transparent; opacity:0.7;}
	.post .text .inner img { display:block; max-width:100%; height:auto; margin:0 auto 10px;}
	/*innerpic*/
	.post .text .innerpic { padding:0 15px 45px; text-align:center;}
	.post .text .innerpic img{display:block;max-width:100%;margin:0 auto 10px;}
	.post .text .innerpic .meta {display:table; width:100%; table-layout:fixed;}
	.post .text .innerpic .meta > span {
		display:table-cell; vertical-align:top;
		font-size:12px; line-height:1.35; text-align:left;
		padding:0 7px;
	}
	.post .text .innerpic .meta > span.credit { width:35%; text-align:right; padding-left:1em;}
	/*player*/
	.post .text .player { width:84%; height:0; padding-top:calc( 9 / 16 * 84%); position:relative; margin:0 auto 45px;}
	.post .text .player.youtube4x3 { padding-top:calc(3 / 4 * 84%);}
	.post .text .player iframe { width:100%; height:100%; position:absolute; top:0; left:0;}
	/*pagelink*/
	.post .text .pagelink { padding-bottom:45px;}
	.post .text .pagelink .next {
		display:table; width:100%; table-layout:fixed;
		font-size:15px; line-height:1.5; font-weight:bold;
		border:1px solid #282426;
		margin-bottom:25px;
	}
	.post .text .pagelink .next span { display:table-cell; vertical-align:middle;}
	.post .text .pagelink .next .title { width:8em; font-weight:bold; text-align:right;}
	/*
	.post .text .pagelink .next .title:after {
		content:""; display:block; width:0; height:0;
		border:6px solid transparent;
		border-left-color:#0a0a0a;
		border-width:6px 6px 6px 9px;
		position:absolute; top:50%; right:0;
		margin-top:-6px;
	}
	*/
	.post .text .pagelink .next .title:after {
		content:""; display:inline-block; width:15px; height:10px;
		background:url(../img/parts.png) no-repeat -45px -120px;
		background-size:210px auto;
		vertical-align:middle; margin:0 0 3px 8px;
	}
	.post .text .pagelink .next a {
		display:block; color:#e4007f; padding:12px 8px 12px 10px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
		border-bottom:0;
	}
	.post .text .pagelink .next a:hover { color:#282426;}
	.post .text .pagelink ul { font-size:0; text-align:center;}
	.post .text .pagelink ul li { display:inline-block; margin:0 3px; position:relative;}
	.post .text .pagelink ul li a,
	.post .text .pagelink ul li span {
		display:inline-block; min-width:30px; height:34px;
		font-size:15px; border:1px solid #282426;
		line-height:2.2em; vertical-align:middle; color:#0a0a0a;
	}
	.post .text .pagelink ul li.num span,
	.post .text .pagelink ul li.num a:hover { background:#282426; color:#fff;}
	.post .text .pagelink ul li.left { margin-right:13px;}
	.post .text .pagelink ul li.right { margin-left:13px;}
	.post .text .pagelink ul li.left a,
	.post .text .pagelink ul li.right a { font-size:14px; font-weight:bold; border:none;}
	.post .text .pagelink ul li.left a { padding:3px 0 0 17px;}
	.post .text .pagelink ul li.right a { padding:3px 16px 0 0;}
	.post .text .pagelink ul li.left a:before,
	.post .text .pagelink ul li.right a:before {
		content:""; display:block; width:8px; height:8px;
		border-top:1px solid #282426; border-right:1px solid #282426;
		position:absolute; top:50%; margin-top:-3.5px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.post .text .pagelink ul li.left a:before {
		border:none; left:3px;
		border-bottom:1px solid #282426;
		border-left:1px solid #282426;
	}
	.post .text .pagelink ul li.right a:before { right:3px;}
	.post .text .pagelink ul li.left a:hover,
	.post .text .pagelink ul li.right a:hover { opacity:0.6;}
	.post .text .pagelink ul li.dot { margin:0;}
	.post .text .pagelink ul li.dot span { font-size:13px; border:none; padding-top:4px; min-width:15px;}
/*widgets*/
.post .text .widgets { width:84%; text-align:center; padding-bottom:30px; margin:0 auto;}
	.post .text .widgets iframe { width:100% !important; margin:0 auto !important;}
	/*.post .text .widgets iframe { display:block;margin:0 auto !important;width:560px !important; }*/
	
/*youtube*/
.post .text .youtube {
	width:84%; height:0;
	padding-top:calc(9 / 16 * 84%);
	margin:0 auto 45px; position:relative;
	padding-bottom:0;
	}
	.post .text .youtube iframe {
		width:100% !important; height:100% !important;
		position:absolute; top:0; left:0;
	}

/*radiko*/
.post .radiko { width:580px; margin:10px auto 40px;}
	.post .radiko a {
		display:table; width:100%; table-layout:fixed;
		background:#df3066; border-radius:6px;
	}
	.post .radiko a > div { display:table-cell; vertical-align:middle;}
	.post .radiko .pic { width:252px; padding:12px 0 12px 12px;}
	.post .radiko .pic img { display:block; width:100%;}
	.post .radiko .title {
		font-size:17px; font-weight:bold; color:#fff; line-height:1.5;
		padding:12px 65px 12px 15px; position:relative;
	}
	.post .radiko .title:before {
		content:""; display:block; width:32px; height:32px;
		background:url(../img/radiko_arr.png) no-repeat 0 0;
		background-size:32px auto;
		position:absolute; top:50%; right:9px; z-index:10;
		margin-top:-16px;
	}
	.post .radiko .title:after {
		content:""; display:block; width:50px; height:100%;
		background:#c81f53; border-radius:0 6px 6px 0;
		position:absolute; top:0; right:0;
	}
	.post .radiko a:hover { background:#c81f53;}
.post .text .inner .linkRadiko { font-size:16px; line-height:1.8; padding:0 0 25px 40px; position:relative;}
	.post .text .inner .linkRadiko:before {
		content:""; display:block; width:32px; height:32px;
		background:url(../img/radiko_arr.png) no-repeat 0 -35px;
		background-size:32px auto;
		position:absolute; top:0px; left:0;
	}
	.post .text .inner .linkRadiko a { color:#e4007f; border-bottom:1px solid #e4007f;}
	.post .text .inner .linkRadiko a:hover { color:#0a0a0a; border-bottom:1px solid transparent; opacity:0.7;}

/*otherlink*/
/*.article .text .inner + .otherlink { border-top:1px solid #d6d6d6; padding:40px 0;}*/
.article .otherlink { border-top:1px solid #d6d6d6; padding:40px 0;}
.article .tag + .otherlink { border-top:none; padding:0 0 40px;}
	.article .otherlink > h3 { font-size:16px; padding-bottom:2px; position:relative;}
	.article .otherlink li { padding:0 0 7px 25px; position:relative;}
	.article .otherlink li:before {
		content:""; display:block; width:0; height:0;
		border:4px solid transparent;
		border-left-color:#0a0a0a;
		border-width:4px 4px 4px 7px;
		position:absolute; top:7px; left:8px;
	}
	.article .otherlink a { font-size:14px; line-height:1.6;}
	.article .otherlink a span {
		border-bottom:1px solid #282426; margin-right:5px;
		transition:border-color 0.2s;
	}
	.article .otherlink a:hover { color:#e4007f;}
	.article .otherlink a:hover span { border-color:transparent;}
	/*
	.article .otherlink-logo { height:36px; position:absolute; top:-10px; right:0;}
	.article .otherlink-logo img { height:100%;}
	*/
	.article_origin{text-align:right;padding-bottom:15px;}
	.article_origin a { margin-left:auto;height:36px;display:inline-block;}
	.article_origin a img { height:100%;}

.article .otherlink .list-inner .tb > a { padding:12px 0;}
.article .otherlink .list-inner .tb .pic { width:160px; height:90px;}
.article .otherlink .list-inner .tb .title { padding-top:6px;}
.article .otherlink .list-inner .tb .title p {
	max-height:70px; font-size:15px; line-height:1.6;
	display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
	margin:0; white-space:normal; overflow:hidden;
}
.article .otherlink .list-inner .tb > a:hover .title p .pr { border-color:inherit;}
.article .otherlink .list-inner:last-child { border-bottom:none;}

.post-mini .tag,
.post-mini .otherlink { border-top:none !important; padding:40px 10px 0 !important;}
.post-mini .tag h3 { padding-bottom:12px;}
.post-mini .otherlink h3 { padding-bottom:2px;}
.post-mini .tag a { font-size:12px; height:21px;}

/*past*/
.article .past { background:#eee; border-radius:16px; padding:25px;}
	.article .past > h3 { font-size:16px; padding:0 0 13px 5px;}
	.article .past .tb { background:#fff; border-bottom:1px solid #eee;}
	.article .past .tb:last-child { border-bottom:none;}
	.article .past .tb > a { display:table; width:100%; table-layout:fixed; padding:15px;}
	.article .past .tb > a > div { display:table-cell; vertical-align:top;}
	.article .past .tb .pic { width:130px; height:73px;}
	.article .past .tb .title { padding:5px 20px 0;}
	.article .past .tb .title h3 { font-size:14px; font-weight:normal; line-height:1.35; margin-bottom:10px;}
	.article .past .tb .title p {
		font-size:12px; margin-bottom:7px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.article .past .tb > a:hover { opacity:0.7;}
/*profile*/
.article .profile { border-top:1px solid #d6d6d6; padding:40px 0;}
	.article .profile > h3 { font-size:16px; padding-bottom:15px;}
	.article .profile .inner { min-height:105px; padding:10px 0 0 130px; position:relative;}
	.article .profile .pic {
		width:105px; height:105px;
		border-radius:50%;
		position:absolute; top:0; left:5px;
		overflow:hidden;
	}
	.article .profile .pic img { display:block; width:100%; border-radius:50%;}
	.article .profile h4 { font-size:14px; padding-bottom:12px;}
	.article .profile p { font-size:12px !important; line-height:1.6 !important; padding-bottom:0 !important;}
	.article .profile .link.more { position:absolute; top:8px; right:0;}
/*sns*/
.snsbtn { position:relative;}
	.snsbtn ul { display:table; width:100%; table-layout:fixed;}
	.snsbtn li { display:table-cell; vertical-align:top; padding:0 1px; overflow:hidden;}
	.snsbtn li:first-child { padding-left:0;}
	.snsbtn li:last-child { padding-right:0;}
	.snsbtn li a {
		display:block; width:100%; height:32px; line-height:33px;
		font-size:13px; font-weight:bold; text-align:center; color:#fff;
		white-space:nowrap; overflow:hidden; border-radius:1px;
		padding-left:8px; position:relative;
	}
	.snsbtn li a:hover { filter:alpha(opacity=80); opacity:0.8;}
	.snsbtn .tw a { background:#55acee;}
	.snsbtn .fb a { background:#3b5998;}
	.snsbtn .hatena a { background:#008fde;}
	.snsbtn .pocket a { background:#e8334a; font-size:14px;}
	.snsbtn .line a { background:#00c300; padding-left:16px;}
	.snsbtn li a:before {
		content:""; display:block; width:30px; height:30px;
		background:url(../img/parts.png) no-repeat;
		background-size:210px auto;
		position:absolute; top:50%; left:6px;
		margin-top:-15px;
	}
	.snsbtn .tw a:before { background-position:0 -50px;}
	.snsbtn .fb a:before { background-position:-35px -50px;}
	.snsbtn .hatena a:before { background-position:-70px -50px;}
	.snsbtn .pocket a:before { background-position:-105px -50px;}
	.snsbtn .line a:before { background-position:-140px -50px;}
	.snsbtn .fbBtn { position:absolute; top:-28px; right:0;}

/*feature*/
.feature .list-inner .tb .pic { height:150px;}
.feature .picinner { padding-top:75%; background-position:center center;}
.feature .list-inner .tb .title p { white-space:normal; font-size:14px; line-height:1.8;}

.article:not(.index) .other-post .post-mini:first-child { border-top:1px solid #282426; padding-top:70px; margin-top:60px;}

/*PR*/
.pr {
	display:inline-block; font-size:11px; color:#333; text-align:center;
	border:1px solid #555; border-radius:2px;
	padding:0 4px; margin-right:5px; position:relative;
	line-height:14px; font-weight:normal !important; z-index:100;
}
.idx .toplist .photo .pr {top:-2px;}
.idx .toplist li a .pr {top:-1px;}
.idx .headline .pr {border-color:#fff;color:#fff;top:-4px;margin-right:7px; }

/*@matome
/////////////////////////////////////////////////////////////////////*/
.matome #main { padding-bottom:40px;}
.matome .heading a,
.matome .list-menu a,
.matome .list-detail .inner a { color:#e4007f; border-bottom:1px solid #e4007f; padding-bottom:1px;}
.matome .heading a:hover,
.matome .list-menu a:hover,
.matome .list-detail .inner a:hover { border-bottom:1px solid transparent; opacity:0.7;}

.matome .heading { position:relative;}
	.matome .heading h2 {
		font-size:25px; line-height:1.35;
		border-bottom:3px solid #282426;
		padding-bottom:10px; margin-bottom:30px;
	}
	.matome .heading p { font-size:16px; line-height:2; padding-top:25px;}
	.matome .heading .image { width:670px;}
	.matome .heading .image img { display:block; width:100%;}
	.matome .heading .link { padding-left:20px;}
	.matome .heading .link a {
		display:inline-block; font-weight:bold;
		line-height:1.35; position:relative;
	}
	.matome .heading .link a:before {
		content:""; display:block; width:0; height:0;
		border:5px solid transparent;
		border-left-color:#e4007f;
		border-width:5px 5px 5px 8px;
		position:absolute; top:6px; left:-16px;
	}
.matome #list-outer { padding-top:45px;}
.matome .list-menu {
	background:#eee; border-radius:16px;
	padding:22px 25px 25px;
	position:relative;
	}
	.matome .menu-block { margin-bottom:25px;}
	.matome .menu-block:last-child { margin-bottom:0;}
	.matome .list-menu h3 { font-size:19px; padding:0 0 12px 5px;}
	.matome .list-menu .tb {
		display:table; width:100%; table-layout:fixed;
		background:#fff; border-bottom:1px solid #eee; padding:15px;
	}
	.matome .list-menu .tb:last-child { border-bottom:none;}
	.matome .list-menu .tb > div { display:table-cell; vertical-align:top;}
	.matome .list-menu .tb .pic { width:130px; height:73px;}
	.matome .list-menu .tb .title { padding:0 15px;}
	.matome .list-menu .tb .title h4 { font-size:15px; line-height:1.35; margin-bottom:8px;}
	.matome .list-menu .tb .meta-date { font-size:13px; line-height:1.5; margin-bottom:2px;}
	.matome .list-menu .tb .meta-name { font-size:12px; line-height:1.5;}
.matome .list-detail { padding-top:70px;}
.matome .list-detail + .list-detail { padding-top:80px;}
	.matome .list-detail .title {
		background:#fff; line-height:1.35;
		border:3px solid #282426; border-radius:14px;
		padding:16px 23px; margin-bottom:25px;
		position:relative;
	}
	.matome .list-detail .title h3 { font-size:26px; margin-bottom:5px;}
	.matome .list-detail .title p { font-size:18px; padding-right:140px;}
	.matome .list-detail .title:before,
	.matome .list-detail .title:after {
		content:" "; width:0; height:0;
		position:absolute; top:100%; left:18%;
		border:solid transparent;
		pointer-events:none;
	}
	.matome .list-detail .title:after {
		border-color:rgba(255, 255, 255, 0);
		border-top-color:#fff;
		border-width:10px;
		margin-left:-10px;
	}
	.matome .list-detail .title:before {
		border-color:rgba(40, 36, 38, 0);
		border-top-color:#282426;
		border-width:14px;
		margin-left:-14px;
	}
	.matome .list-detail .title .regist { position:absolute; top:100%; right:14px; margin-top:-42px;}
	.matome .list-detail .title .regist a { height:28px; padding:4px 15px 0 30px;}
	.matome .list-detail .title .regist a:before { left:12px;}
	.matome .list-detail .inner { padding:0 10px;}
	.matome .list-detail .image { margin-bottom:20px;}
	.matome .list-detail .image .pic { width:650px; height:366px;}
	.matome .list-detail .image .meta {
		display:table; width:100%; table-layout:fixed;
		font-size:12px; line-height:1.35; padding:10px 0;
	}
	.matome .list-detail .image .meta > span { display:table-cell; vertical-align:top;}
	.matome .list-detail .image .meta .cap { width:80%;}
	.matome .list-detail .image .meta .credit { font-size:11px; text-align:right; padding-left:20px;}
	.matome .list-detail .summary p { font-size:17px; line-height:2; margin-bottom:20px;}
	.matome .list-detail .details { border-top:1px solid #d6d6d6;}
	.matome .list-detail .details dl {
		display:table; width:100%; table-layout:fixed;
		font-size:15px; line-height:2; padding:6px 0 5px;
		border-bottom:1px solid #d6d6d6;
	}
	.matome .list-detail .details dt,
	.matome .list-detail .details dd { display:table-cell; vertical-align:top;}
	.matome .list-detail .details dt { width:10em; font-weight:bold;}
.matome .information { padding-top:30px;}
.matome .information > h3 { font-size:18px; padding-bottom:12px; position:relative;}
.matome .information.video > a {
	display:table; width:100%; table-layout:fixed;
	border:1px solid #282426 !important; color:#0a0a0a !important;
	padding:12px !important; border-radius:10px;
	}
	.matome .information.video > a > div { display:table-cell; vertical-align:top;}
	.matome .information.tver .pic { width:240px; height:135px;}
	.matome .information.tver .picinner:after {
		content:""; display:block; width:60px; height:60px;
		background:url(../img/tver_play.png) no-repeat;
		background-size:contain;
		position:absolute; top:50%; left:50%;
		margin:-30px 0 0 -30px;
	}
	.matome .information.tver .progtitle { padding:5px 10px 40px 20px; position:relative;}
	.matome .information.tver .progtitle h3 { font-size:17px; line-height:1.5; margin-bottom:10px;}
	.matome .information.tver .progtitle p { font-size:14px; line-height:1.35; margin-bottom:5px;}
	.matome .information.tver .progtitle .credit {
		width:85px; height:20px;
		background:url(../img/tver_icon.png) no-repeat 0 -80px;
		background-size:90px auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; bottom:0; right:0;
	}
	.matome .information.past { width:520px;}
	.matome .information.past .pic { width:160px; height:90px;}
	.matome .information.past .picinner:after { display:none;}
	.matome .information.past .progtitle { vertical-align:middle; text-align:center; padding:0 10px 0 20px; position:relative;}
	.matome .information.past .progtitle h3 { font-size:16px; line-height:1.5; margin-bottom:15px;}
	.matome .information.past .progtitle .credit {
		display:inline-block; width:95%; height:30px;
		font-size:14px; text-align:center; line-height:30px;
		background:#eee; border-radius:50px;
		padding:0 20px; position:relative;
	}
	.matome .information.past .progtitle .credit:after {
		content:""; display:block; width:7px; height:7px;
		border-top:1px solid #282426; border-right:1px solid #282426;
		position:absolute; top:50%; right:20px; margin-top:-4px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.matome .video a:hover { opacity:0.7;}
.matome .list-detail .otherlink ul { padding-top:3px;}
	.matome .list-detail .otherlink li { padding:0 0 7px 25px; position:relative;}
	.matome .list-detail .otherlink li:before {
		content:""; display:block; width:0; height:0;
		border:4px solid transparent;
		border-left-color:#0a0a0a;
		border-width:4px 4px 4px 7px;
		position:absolute; top:7px; left:8px;
	}
	.matome .list-detail .otherlink a {
		font-size:14px; line-height:1.6;
		color:#0a0a0a !important;
		border-bottom:1px solid #282426 !important;
	}
	.matome .list-detail .otherlink a:hover { border-bottom:1px solid transparent; opacity:0.7;}
.matome .list-detail .backlink { text-align:right; padding-top:30px;}
	.matome .list-detail .backlink a {
		display:inline-block; font-size:14px; font-weight:bold;
		padding-right:16px; position:relative;
	}
	.matome .list-detail .backlink a:after {
		content:""; display:block; width:0; height:0;
		border:5px solid transparent;
		border-bottom-color:#e4007f;
		border-width:5px 5px 8px 5px;
		position:absolute; bottom:3px; right:0;
	}
.matome .link-btn { text-align:center; padding-top:70px;}
	.matome .link-btn a {
		display:block; width:520px; height:55px;
		font-size:17px; font-weight:bold; line-height:1.2;
		border:2px solid #282426;
		margin:0 auto 15px; position:relative;
	}
	.matome .link-btn a:after {
		content:""; display:block; width:10px; height:10px;
		border-top:2px solid #282426; border-right:2px solid #282426;
		position:absolute; top:50%; right:18px;
		margin-top:-6px;
		transform:rotate(45deg);
	}
	.matome .link-btn a span {
		width:100%; padding:0 38px 0 30px;
		position:absolute; top:50%; left:0;
		transform:translateY(-50%);
	}
	.matome .link-btn a:hover { background:#282426; color:#fff;}
	.matome .link-btn a:hover:after { border-color:#fff;}

/*@info
/////////////////////////////////////////////////////////////////////*/
.info #contentsIn { width:880px; padding-top:10px; margin:0 auto;}
.info #contentsIn h2 {
	font-size:28px; border-bottom:3px solid #282426;
	padding:0 5px 10px; margin-bottom:40px;
}
.info #contentsIn .inner { padding:0 10px 40px;}
.info #contents a { color:#0a0a0a; border-bottom:1px solid #282426;}
.info #contents a:hover { color:#e4007f; border-color:transparent;}

/*about*/
.about #contentsIn p { font-size:18px; line-height:1.8; text-align:center; padding-bottom:40px; font-weight:bold;}
.about #contentsIn p span { font-size:26px; color:#e4007f;}
.about #contentsIn p.large { font-size:27px; line-height:2;}

/*requirement*/
.requirement #contentsIn h3 {
	display:inline-block; font-size:20px; border:1px solid #262626;
	padding:8px 10px; margin-bottom:20px;
}
.requirement #contentsIn h4 { font-size:18px; margin-bottom:10px;}
.requirement #contentsIn h4 span { font-size:17px;}
.requirement #contentsIn dl { font-size:14px; line-height:1.5; border-top:1px solid #ddd; margin:0 0 20px;}
.requirement #contentsIn dl:after { content:""; clear:both; display:block;}
.requirement #contentsIn dt { width:8em; padding:5px 0 5px 0.5em; float:left;}
.requirement #contentsIn dd { border-bottom:1px solid #ddd; padding:5px 0 5px 8em; position:relative;}
.requirement #contentsIn dd:before { content:"："; display:block; position:absolute; top:3px; left:6.5em;}
.requirement #contentsIn .note { font-size:13px; line-height:1.5; text-indent:-1em; padding:0 0 0 1em;}
/*copyright*/
.copyright #contentsIn p { font-size:16px; line-height:2; padding-bottom:40px;}

/*contact*/
.contact #contentsIn h2 span { color:#e4007f;}
.contact #contentsIn p.read {
	font-size:16px; line-height:1.8;
	text-align:center; padding-bottom:10px;
}
.contact #contentsIn p.note {
		font-size:14px; text-indent:-1em; line-height:1.8;
		padding-left:1em; margin-left:1.5em;
}
.contact #contentsIn p.note span { background:#eee; padding:1px 3px 2px;}
.contact #contentsIn .attn { border:solid 1px #555; padding:30px 35px;}
.contact #contentsIn .attn h4 { font-size:16px; margin-bottom:16px;}
.contact #contentsIn .attn p { font-size:14px; line-height:1.8; padding:0;}
/*error message*/
.errormessage #main{padding-bottom:150px;}
.errormessage h2{font-size:28px;margin:40px 0;line-height:1.4;}
.errormessage p{font-size:16px;margin:20px 0;line-height:1.5;}
/*form*/
.contact .form-block p.red { font-size:13px; font-weight:bold; padding:0 5px 16px 1.5em;}
.contact .form-block .red { color:#e4007f;}
.contact .form-block { padding-bottom:60px;}
	.contact .form-block form p + dl { margin-top:0;}
	.contact .form-block dl { display:table; width:100%; table-layout:fixed; padding:1.5em 1em;}
	.contact .form-block dt,
	.contact .form-block dd {
		display:table-cell; vertical-align:top;
		line-height:1.5; position:relative;
	}
	.contact .form-block dt { width:220px; font-size:16px; padding:8px 0 0 10px;}
	.contact .form-block .err {
		display:block; font-size:13px; font-weight:bold;
		color:#e4007f; margin-top:4px;
		display:none;
	}
	.contact .form-block input {
		width:100%; height:42px; font-size:16px;
		background:#fff; border:1px solid #444;
		border-radius:5px;
		padding:9px 1em; position:relative;
	}
	.contact .form-block textarea {
		width:100%; height:200px; font-size:16px;
		line-height:1.35; background:#fff; border-radius:5px;
		border:1px solid #444; padding:10px; position:relative;
	}
	.contact .form-block input:focus,
	.contact .form-block textarea:focus { border:1px solid #e4007f;}
	/*btn*/
	.contact .form-block .send { text-align:center; padding-top:40px;}
	.contact .form-block button {
		display:inline-block; width:420px; height:56px;
		line-height:56px; font-size:20px; color:#fff; font-weight:600;
		border-radius:2px; background:#383838;
		-webkit-box-shadow:none; box-shadow:none;
		padding:0; margin:0 10px; cursor:pointer;
		position:relative; z-index:10;
	}
	.contact .form-block button.back { width:160px; background:#999;}
	.contact .form-block button:hover { opacity:0.8;}
	.contact .form-block button.na { background:#d5d5d5;}
	.contact .form-block button.na:hover { opacity:1;}
	.contact .form-block::-moz-focus-inner { padding:0; border:0;}
	/*attention*/
	.contact .attention {
		height:270px; background:#f5f5f5;
		padding:30px; margin-top:10px;
		overflow:auto; -webkit-overflow-scrolling:touch;
	}
	.contact .form-block .attention h3 { font-size:13px; padding-bottom:0.5em;}
	.contact .form-block .attention p { font-size:13px; line-height:1.8; padding-bottom:20px;}
	.contact .form-block .attention p:last-child { padding-bottom:0;}
	.contact #contents .attention a { color:#e4007f; border-bottom:1px solid #e4007f;}
	.contact #contents .attention a:hover { color:#000; border-bottom:1px solid #000;}
	/*check*/
	.contact .form-block .checkbox { text-align:center; padding-top:40px;}
	.contact .form-block input[type="checkbox"] { display:none;}
	.contact .form-block .checkbox label {
		display:inline-block; vertical-align:middle;
		height:44px; line-height:44px; font-size:15px;
		background:#f5f5f5; border-radius:5px;
		padding:0 30px 0 60px;
		cursor:pointer; position:relative;
	}
	.contact .form-block .checkbox label:before {
		content:''; display:block; width:18px; height:18px;
		border:2px solid #ccc; border-radius:5px;
		position:absolute; top:50%; left:28px;
		margin-top:-11px;
		transition:border-color 0.1s linear;
	}
	.contact .form-block .checkbox label:after {
		content:''; display:block; width:5px; height:11px;
		border-right:2px solid #fff;
		border-bottom:2px solid #fff;
		position:absolute; top:50%; left:36px; margin-top:-8px;
		opacity:0;
		transition:opacity 0.1s linear;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	/*checkbox*/
	.contact .form-block .checkbox label:hover { color:#e4007f; background:#fff0f8;}
	.contact .form-block .checkbox label:hover:before { border-color:#e4007f;}
	.contact .form-block input[type="checkbox"]:checked + label { color:#e4007f; background:#fff0f8;}
	.contact .form-block input[type="checkbox"]:checked + label:before { border-color:#e4007f; background:#e4007f;}
	.contact .form-block input[type="checkbox"]:checked + label:after { opacity:1;}
	/*select*/
	.selectdd {position:relative;}
	.selectdd label {
		border:1px solid #000; border-radius:5px;
		display:inline-block; width:80%; height:42px;
		font-size:16px; font-weight:500; line-height:42px;
		color:#000; text-align:left; background:#fff;
		white-space:nowrap; overflow:hidden;
		padding:0 35px 0 15px; cursor:pointer;
		position:relative; z-index:1;
	}
	.selectdd label:before {
		content:''; display:block; width:35px; height:40px;
		background:#fff;
		position:absolute; top:0; right:0;
	}
	.selectdd label:after {
		content:''; display:block; width:0; height:0;
		position:absolute; top:50%; right:15px; margin-top:-5px;
		border:7px transparent solid;
		border-top-color:#000;
		border-width:12px 7px 0 7px;
	}
	.selectdd label:active {border:solid 1px #e4007f;}
	.selectdd select {
		display:inline-block; width:85%; height:40px;
		font-size:16px; line-height:1.5; cursor:pointer; opacity:0;
		position:absolute; top:0; left:0; z-index:2;
	}
	.selectdd select option { opacity:1; background-color:#fff;}
	
	/*confirm*/
	.contact.confirm .attention { margin-top:30px;}
	.contact.confirm .form-block dd p {
		font-size:15px; line-height:1.8; letter-spacing:0.02em;
		background:#f5f5f5; padding:8px 15px 7px;
	}
	/*done*/
	.contact #contentsIn .done { text-align:center; padding:60px 0 100px;}
	.contact #contentsIn .done h3 { font-size:24px; margin-bottom:20px;}
	.contact #contentsIn .done p { font-size:16px; line-height:1.8; padding:0 5px 16px 1.5em;}

	
/*@recommend
/////////////////////////////////////////////////////////////////////*/
.article.index #main .recommend {
	border-bottom:1px solid #282426;
	padding-bottom:50px; margin-bottom:50px;
}
.article:not(.index) #main article + .recommend { padding-top:60px;}
#side .recommend { padding-bottom:30px;}

/*outbrain*/
#main .AR_2.ob-widget { margin:0 !important;}
#main .AR_2.ob-widget .ob-widget-header { padding-top:0 !important; text-indent:0 !important;}
#main .AR_2.ob-strip-layout .ob-widget-header { color:#0a0a0a !important; padding-bottom:5px !important; font-weight:bold;}
#main .AR_2.ob-strip-layout .ob-rec-text { color:#0a0a0a !important; font-size:13px !important;}
#main .AR_2.ob-widget .ob-widget-section .ob-dynamic-rec-container .ob-rec-source { line-height:1.2 !important;}

/*logly*/
#side #logly-lift-4237154 #logly-lift-widget-content-head {
	font-size:18px !important; font-weight:bold !important;
	border-bottom:1px solid #282426 !important;
	padding-bottom:12px; margin-bottom:5px !important;
}
#side #logly-lift-4237154 .logly-lift-ad { width:140px !important; margin:7px 5px !important;}
#side #logly-lift-4237154 .logly-lift-ad-title { font-size:13px !important;}
#side #logly-lift-4237154 .logly-lift-ad-title a { color:#0a0a0a !important;}
#side #logly-lift-4237154 .logly-lift-ad-title a:hover { text-decoration:underline;}
#side #logly-lift-4237154 .logly-lift-ad-disclosure a { font-size:11px !important; color:#888 !important;}
/*popIn*/
#side ._popIn_recommend_header {
	font-size:18px !important;
	font-weight:bold !important;
	color:#0a0a0a !important;
	border-bottom:1px solid #282426 !important;
	margin-bottom:12px !important;
	padding-bottom:12px !important;
	padding-left:3px;
}
#side ._popIn_recommend_articles { border-top:none !important;}
#side ._popIn_recommend_art_title a { font-size:13px !important; line-height:1.35 !important; color:#0a0a0a !important;}
#side ._popIn_idx1 { margin-bottom:15px !important;}


/*animation*/
@-webkit-keyframes fadeIn {
	0% { opacity:0;}
	100% { opacity:1;}
}
@keyframes fadeIn {
	0% { opacity:0;}
	100% { opacity:1;}
}

/*transition*/
#globalnav .nav1 > ul > li > a:before,
#globalnav .nav1 .m4 > a:after,
.carousel .pic, .carousel h3,
.carousel.headline .picinner:before,
.toplist .photo .pic, .toplist .photo .title,
.toplist .other li a:before,
.list-inner .tb .pic, .list-inner .tb .title, .list-inner .tb .title h3,
.post .inner .tb .pic p { transition:all 0.2s;}

/*loading*/
.loading { position:relative;}
.loading .carousel { opacity:0;}
.loading .image { opacity:0;}
.loader {
	width:710px; height:100%;
	background:#fff;
	position:absolute; top:0; left:-20px; z-index:100;
	transition:all 0.3s;
}
.loader div {
	width:56px; height:56px; border-radius:50%;
	position:absolute; top:33%; left:50%;
	margin-left:-28px;
	border-top:3px solid rgba(0, 0, 0, 0.1);
	border-right:3px solid rgba(0, 0, 0, 0.1);
	border-bottom:3px solid rgba(0, 0, 0, 0.1);
	border-left:3px solid #000;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-animation:load 1.1s infinite linear;
	animation:load 1.1s infinite linear;
}
.loading .loader div { top:290px;}

@-webkit-keyframes load {
	0% { -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100% { -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}
@keyframes load {
	0% { -webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100% { -webkit-transform:rotate(360deg); transform:rotate(360deg);}
}

/*＠media
///////////////////////////////////////////////////////*/
@media screen and (-webkit-min-device-picel-ratio:2),(min-resolution:2dppx){
}
/*IE11*/
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #globalnav .m-list li a { padding-top:2px;}
	*::-ms-backdrop, .btn.more a { padding-top:1px;}
	*::-ms-backdrop, .list .heading .link.more a { padding-top:1px;}
	*::-ms-backdrop, .post-mini .inner .btn.all a { padding-top:1px;}
	*::-ms-backdrop, .post .text .pagelink .next span { padding-top:3px;}
	*::-ms-backdrop, .post .image .backbtn a { padding-top:2px;}
	*::-ms-backdrop, .post .image .backbtn a:before { margin-top:-5px;}
}
/*Edge*/
@supports (-ms-ime-align:auto) {
	.post .text .pagelink ul li.left a:before,
	.post .text .pagelink ul li.right a:before { margin-top:-2px;}
}
/*Tablet*/
.Tablet #globalheader:not(.fixed) { width:100%; left:0; margin-left:0;}
.Tablet #contents { padding-top:30px;}
.Tablet .post .image .playbtn a { padding-top:1px;}


/*＠other
///////////////////////////////////////////////////////*/
.carousel .slider { opacity:0; transition:opacity 0.3s;}
.carousel .slider.slick-initialized { opacity:1;}

/*magnific*/
.mfp-bg {
	width:100%; height:100%; background:#fff;
	position:fixed; top:0; left:0; z-index:1042; overflow:hidden;
	opacity:0.9;
}
.mfp-wrap {
	width:100%; height:100%; position:fixed; top:0; left:0; z-index:1043;
	outline:none !important; -webkit-backface-visibility:hidden;
	-webkit-overflow-scrolling:touch;
}
.mfp-container {
	width:100%; height:100%; text-align:center;
	position:absolute; top:0; left:0;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	}
	.mfp-container:before { content:''; display:inline-block; height:100%; vertical-align:middle;}
	.mfp-align-top .mfp-container:before { display:none;}
.mfp-content { position:relative; display:inline-block; text-align:left; vertical-align:middle; margin:0 auto; z-index:1045;}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width:100%; cursor:auto;}
.mfp-ajax-cur { cursor:progress;}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out;}
.mfp-zoom { cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in;}
.mfp-auto-cursor .mfp-content { cursor:auto;}
.mfp-close, .mfp-arrow,
.mfp-preloader,
.mfp-counter { -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.mfp-loading.mfp-figure { display:none;}
.mfp-hide { display:none !important;}
.mfp-preloader {
	position:absolute; top:50%; left:8px; right:8px; z-index:1044;
	width:auto; text-align:center; color:#ccc; margin-top:-0.8em;
	}
	.mfp-preloader a { color:#ccc;}
	.mfp-preloader a:hover { color:#fff;}
	.mfp-s-ready .mfp-preloader { display:none;}
.mfp-s-error .mfp-content { display:none;}
.mfp-close, .mfp-arrow {
	display:block; background:none;
	cursor:pointer; border:0; outline:none;
	-webkit-box-shadow:none; box-shadow:none;
	-webkit-appearance:none;
	-webkit-tap-highlight-color:transparent;
	padding:0; 
	transition:all 0.2s;
	z-index:1046 !important;
}
button::-moz-focus-inner { padding:0; border:0;}
/*close*/
.mfp-close {
	width:50px; height:50px; border-radius:50px; background:#222;
	text-indent:150%; white-space:nowrap; overflow:hidden;
	position:absolute; top:-25px; right:-25px;
	transition:all 0.2s;
	}
	.mfp-close:before {
		content:""; display:block; width:20px; height:20px;
		background:url(../img/parts.png) no-repeat -185px -85px;
		background-size:210px auto;
		position:absolute; top:50%; left:50%;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
/*iframe*/
.mfp-iframe-holder { padding-top:40px; padding-bottom:40px;}
.mfp-iframe-holder .mfp-content { line-height:0; width:100%; max-width:800px;}
.mfp-iframe-scaler { width:100%; height:0; overflow:hidden; padding-top:56.25%;}
.mfp-iframe-scaler iframe {
	display:block; width:100%; height:100%;
	position:absolute; top:0; left:0;
}
.mfp-inline-holder { padding:30px 0;}
/*img*/
img.mfp-img {
	display:block; width:auto; max-width:96%; height:auto; line-height:0;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	margin:0 auto;
}
/*///////////animation///////////*/
.mfp-zoom-in .mfp-container,
.mfp-zoom-in.mfp-bg {
	opacity:0;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.mfp-zoom-in.mfp-ready .mfp-container { opacity:1;}
.mfp-zoom-in.mfp-ready.mfp-bg { opacity:0.9;}
.mfp-zoom-in.mfp-removing .mfp-container,
.mfp-zoom-in.mfp-removing.mfp-bg { opacity:0;}

/*///////////modalbox///////////*/
.msg-modal .mfp-bg { opacity:0.5;}
.msg-modal .mfp-zoom-in.mfp-ready .mfp-container { opacity:1;}
.msg-modal .mfp-zoom-in.mfp-ready.mfp-bg { opacity:0.5;}
.msg-modal .mfp-zoom-in.mfp-removing .mfp-container,
.msg-modal .mfp-zoom-in.mfp-removing.mfp-bg { opacity:0;}
.modalbox {
	width:700px; background:#fff;
	border:5px solid #222; border-radius:20px;
	margin:0 auto; position:relative;
	}
	.modalbox-inner { padding:25px 30px;}
	.modalbox-inner p { font-size:16px; line-height:1.8;}
	.modalbox-inner p + p { padding-top:20px;}
	.modalbox-inner p a { color:#e4007f; border-bottom:1px solid #e4007f;}
	.modalbox-inner p a:hover { color:#222; border-color:#222;}
	.modalbox .btn { text-align:center; padding-top:25px;}
	.modalbox .btn a {
		display:inline-block; min-width:300px; height:42px;
		font-size:15px; font-weight:bold; line-height:42px;
		background:#282426; color:#fff;
		padding:0 20px; position:relative;
	}
	.modalbox .btn a:hover { background:#e4007f;}

/*＠RSS用記事
///////////////////////////////////////////////////////*/
.txplus .post .image .pic { width:670px; height:auto;}
.txplus .post .image .pic img { height:auto; max-height:450px;}
.txplus .post .text .inner p a img { margin-bottom:-10px;}
.txplus .post .text .inner p a span { color:#e4007f !important;}
.txplus .post .text .inner p strong span {
	display:block; width:100%; line-height:1.5;
	border-color:#e4007f !important;
	padding:.1em 0 .15em .7em !important;
}
.txplus .youtube_embed { width:640px; height:360px; margin:0 auto 40px; position:relative;}
.txplus .youtube_embed iframe { width:100%; height:100%; position:absolute; top:0; left:0;}

.expost .post .image .pic { width:670px; height:auto;}
.expost .post .image .pic img { height:auto; max-height:450px;}
.expost .post .text .inner h2 { font-size:20px; line-height:1.8; padding-bottom:20px;}
.expost .post .text .inner p.wp-caption-text { font-size:14px;}
.expost .post .text .inner .wp-caption { width:100% !important;}
.expost .post .text .inner p span { font-size:16px !important;}

.catari .post .text .inner h2 { font-size:20px; line-height:1.8; padding-bottom:20px;}
.catari .post .text .inner h5 { font-size:16px; font-weight:normal; line-height:2; padding-bottom:20px;}
.catari .post .text .inner h5 a { text-decoration:underline;}



/*＠TOP hametaro
///////////////////////////////////////////////////////*/
#globalheader.hametaro h1 { width:290px; background-image:url(../img/logo_hametaro.png);}
#globalheader.hametaro:not(.fixed) .searchField input[type="text"] { background:#fff5fb;}
#globalheader.hametaro:not(.fixed) .searchField button { background:#fff5fb;}
#globalheader.hametaro.fixed h1 { width:172px; height:19px; top:16px; left:0;}
#globalheader.hametaro.fixed .searchField input[type="text"]:hover { background:#fff5fb;}



/*/////////////////////////////////////////////////////////////////////////
＠add 201908
/////////////////////////////////////////////////////////////////////////*/
.picinner { text-indent:110%; white-space:nowrap; overflow:hidden;}
.pic.square .picinner { background-position:center center; background-size:auto 100%;}
.side-block.timeline { min-height:810px; border:1px solid #282426; padding:8px 0 0; margin-bottom:30px;}

/*regist*/
.regist { position:absolute; top:11px; right:0;}
	.regist a {
		display:inline-block; height:28px; line-height:1.35;
		font-size:13px; font-weight:bold; color:#e4007f;
		border:2px solid #e4007f; background:#fff;
		border-radius:50px; padding:4px 18px 0 32px;
		position:relative;
	}
	.regist a:before {
		content:""; display:block; width:15px; height:15px;
		background:url(../img/parts.png) no-repeat -20px -135px;
		background-size:210px auto;
		position:absolute; top:50%; left:13px;
		margin-top:-8px;
	}
	.regist.added a:before { background-position:-120px -135px;}
	.regist a:hover { background:#feeff6;}

/*link*/
.whatis a {
	display:block; height:26px;
	font-size:10px; line-height:1.3;
	padding:6px 0 0 28px; position:relative;
	}
	.whatis a span { font-weight:bold; border-bottom:1px solid #222; padding-bottom:1px;}
	.whatis a:hover { color:#e4007f;}
	.whatis a:hover span { border-color:#e4007f;}
	.whatis.push a:before {
		content:""; display:block; width:25px; height:15px;
		background:url(../img/parts.png) no-repeat -70px -135px;
		background-size:210px auto;
		position:absolute; top:50%; left:0;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	.whatis.mylist a { padding:6px 0 0 18px;}
	.whatis.mylist a:before {
		content:""; display:block; width:15px; height:15px;
		background:url(../img/parts.png) no-repeat -100px -135px;
		background-size:210px auto;
		position:absolute; top:50%; left:0;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
.heading .links { position:absolute; top:15px; right:0;}
.heading .links .whatis { display:inline-block; vertical-align:top; margin-left:15px;}
.heading .links .whatis a { font-size:12px;}

/*nav*/
.mylist #globalnav .nav1 > ul { padding-right:230px;}
.mylist #globalheader.fixed .nav1 > ul { padding:0;}
.mylist #globalnav .nav2 { right:110px;}
.mylist #globalnav .nav3 { position:absolute; top:62px; right:0; z-index:10;}
	.mylist #globalnav .nav3:before {
		content:""; display:block; width:60px; height:10px;
		background:url(../img/parts.png) no-repeat -80px -120px;
		background-size:210px auto;
		position:absolute; top:11px; right:36px;
	}
	.mylist #globalnav .nav3 a {
		display:block; width:32px; height:32px;
		font-size:0; color:transparent;
		background:#e4007f; border-radius:50%;
	}
	.mylist #globalnav .nav3 a:after {
		content:""; display:block; width:25px; height:15px;
		background:url(../img/parts.png) no-repeat -40px -135px;
		background-size:210px auto;
		position:absolute; top:50%; left:50%;
		margin:-7.5px 0 0 -12.5px;
	}
	.mylist #globalheader.fixed .nav2{right:15px;}
	.mylist #globalnav .nav3 a:hover { background:#282426;}
	.mylist #globalheader.fixed .nav3 { display:none;}
	.mylist #globalheader .nav3 { display:block;}
	#globalheader .nav3 { display:none;}
	#globalnav .whatis.push { display:none;}

/*mylist-menu*/
#mylist-menu { height:32px; background:#f5f5f5; margin-bottom:10px;}
	#mylist-menu .inner {
		max-width:1020px; height:100%;
		text-align:center; margin:0 auto;
		position:relative; overflow:hidden;
	}
	#mylist-menu .scrl { max-width:870px; height:32px; overflow:hidden;}
	#mylist-menu .inner ul { display:inline-block; }
	#mylist-menu .inner ul li { display:inline-block; margin-right:14px;}
	#mylist-menu .inner ul li a {
		display:block; height:32px; line-height:33px;
		font-size:12px; white-space:nowrap;
		padding-left:18px; position:relative;
	}
	#mylist-menu .inner ul li a:before {
		content:""; display:block; width:15px; height:15px;
		background:url(../img/parts.png) no-repeat -20px -135px;
		background-size:210px auto;
		position:absolute; top:50%; left:0;
		transform:translateY(-50%);
		opacity:0.2;
	}
	#mylist-menu .scrl .title {
		display:inline-block; height:32px; line-height:33px;
		font-size:12px; white-space:nowrap;
		margin:0 5px 0 110px;
	}
	/*btn*/
	#mylist-menu .whatis.push { position:absolute; top:3px; right:170px;}
	#mylist-menu .mylist-btn { position:absolute; top:0; right:0;}
	#mylist-menu .mylist-btn a {
		display:block; width:150px; height:32px; line-height:33px;
		font-size:13px; font-weight:bold; color:#fff;
		text-align:center; background:#e4007f;
		padding:0 10px 0 23px; position:relative;
	}
	#mylist-menu .mylist-btn a:before {
		content:""; display:block; width:15px; height:15px;
		background:url(../img/parts.png) no-repeat 0 -135px;
		background-size:210px auto;
		position:absolute; top:50%; left:10px;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	#mylist-menu .mylist-btn a:hover { opacity:0.6;}

/*＠search
///////////////////////////////////////////////////////*/
.search .heading { margin-top:60px;}
.search-detail { border:2px solid #222; padding:45px 40px; margin-top:35px;}
	.search-detail .inner { display:table; width:100%; table-layout:fixed; position:relative;}
	.search-detail .inner > div { display:table-cell; vertical-align:top;}
	.search-detail .pic { width:160px;}
	.search-detail .pic.square { height:160px;}
	.search-detail .pic.square .picinner { height:160px; padding-top:0;position:static;}
	.search-detail .pic .picinner {position:static;}
	.search-detail .profile { font-size:14px; line-height:1.5; padding-left:25px;}
	.search-detail .profile h2 { font-size:24px; margin-bottom:12px;}
	.search-detail .profile > p { padding-bottom:12px;}
	.search-detail .profile dl { display:flex; flex-wrap:wrap; width:100%;}
	.search-detail .profile dt { width:130px; font-size:13px; white-space:nowrap; overflow:hidden; padding:2px 0 6px;}
	.search-detail .profile dd {
		width:calc(100% - 130px); font-weight:bold;
		padding:0 0 6px 10px; position:relative;
	}
	.search-detail .profile dd:before { content:":"; font-weight:normal; position:absolute; top:-1px; left:0;}
	.bangumi .search-detail .profile dt { width:80px;}
	.bangumi .search-detail .profile dd { width:calc(100% - 80px);}
	.search-detail .regist { position:absolute; top:-62px; right:-30px;}
	.search-detail .link.more { position:absolute; top:-28px; right:-12px;}
	.search-detail .profile dd a {border-bottom:1px solid #222; position:relative;}
	.search-detail .profile dd a:hover {color:#e4007f; border-color:#e4007f;}
	/*links*/
	.search-detail .links { padding-top:25px;}
	.search-detail .links li { display:block; vertical-align:top; margin:0 15px 10px 0;}
	.search-detail .links li a {
		display:inline-block; font-size:13px; line-height:1.25;
		border-bottom:1px solid #222; position:relative;
		margin-left:12px;padding-bottom:1px;
	}
	.search-detail .links li:before {
		content:""; display:block; width:0; height:0;
		border:4px solid transparent;
		border-left-color:#0a0a0a;
		border-width:4px 0 4px 7px;
		margin-top:5px; position:absolute;
	}
	.search-detail .links li a:hover { color:#e4007f; border-color:#e4007f;}
	/*freearea*/
	.search-detail .freearea p { font-size:14px; line-height:1.6; padding-top:20px;}
	.search-detail .freearea a { border-bottom: 1px solid #222; position: relative;}
	.search-detail .freearea a:hover { color: #e4007f; border-color: #e4007f;}
	.search-detail .freearea .tag {padding-bottom:0;border-top:none;}
	.search-detail .freearea .tag a { border-bottom: none; position: static;}
	.search-detail .freearea .tag a:hover { color: #fff; }

/*＠mylist
///////////////////////////////////////////////////////*/
.mylist .alert { font-size:27px; text-align:center; color:#959595; padding:130px 0 120px;}
.mylist .selected-list { padding:20px 0;}
	.mylist .selected-list ul { font-size:0;}
	.mylist .selected-list ul li { display:inline-block; width:210px; vertical-align:top; margin:0 20px 40px 0; position:relative;}
	.mylist .selected-list ul li:nth-child(3n) { margin-right:0;}
	.mylist .selected-list ul li a { display:block; width:100%;}
	.mylist .selected-list ul li .pic { width:100%; height:0; padding-top:56.25%; background:#f5f5f5;}
	.mylist .selected-list ul li .title { min-height:35px; font-size:14px; line-height:1.5; padding:8px 35px 0 0;}
/*carousel*/
.mylist .carousel { border-top:1px solid #222; padding-top:40px; margin-top:40px;}
	.mylist .carousel h2 { font-size:24px; padding:0 5px 20px;}
	.mylist .carousel .more { top:47px;}
	.mylist .slider-multiple .slick-slide { width:210px; margin:0 20px 0 0;}
	.mylist .carousel .pic { width:210px; height:118px; background:#f5f5f5;}
	.mylist .carousel .title { min-height:35px; font-size:14px; line-height:1.5; padding:8px 35px 0 0;}
/*btn*/
.mylist #main .cancel,
.mylist #main .register {
	display:block; width:30px; height:32px;
	font-size:11px; font-weight:bold; color:#e4007f;
	text-align:center; cursor:pointer; padding-top:17px;
	position:absolute; top:120px; right:0; z-index:100;
	}
	.mylist #main .cancel:before,
	.mylist #main .register:before {
		content:""; display:block; width:15px; height:15px;
		background:url(../img/parts.png) no-repeat -120px -135px;
		background-size:210px auto;
		position:absolute; top:0; left:50%;
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	.mylist #main .cancel { color:#999;}
	.mylist #main .cancel:hover { color:#e4007f;}
	.mylist #main .register:before { background-position:-20px -135px; top:1px;}

.mylist #main .cancel,
.mylist #main .register,
.mylist .selected-list ul li .pic { transition:all 0.2s;}
.mylist .selected-list ul li a:hover { opacity:0.7;}

/*チュートリアル*/
.mylist.tutorial .tutorialBlock{
	font-size:14px;line-height:1.8;
	padding:10px 0;
}
	.mylist.tutorial .tutorialBlock .blk{
		padding:10px 0;
	}
	.mylist.tutorial .tutorialBlock .blk.zb{
		background:#f9f9f9; padding:25px 30px;
		margin-top:20px;
		border-radius:12px;
	}
	.mylist.tutorial .tutorialBlock .blk a { border-bottom:1px solid #222;}
	.mylist.tutorial .tutorialBlock .blk a:hover { color:#e4007f; border-color:#e4007f;}
	.mylist.tutorial .tutorialBlock h3{ font-size:18px; color:#e4007f; padding-bottom:0.6em;}
	.mylist.tutorial .tutorialBlock h4{
		padding:0.4em 0;
		font-size:16px;
		background:#ffebf6;
		border-radius:12px 12px 0 0;
	}
	.mylist.tutorial .tutorialBlock h5{
		padding-bottom:0.6em;
	}
	.mylist.tutorial .tutorialBlock ul li{
		list-style:disc;
		margin-left:20px;
		padding-bottom:6px;
	}
		.mylist.tutorial .tutorialBlock .blk.zb ul li{
			list-style:circle;
			line-height:1.5;
		}
	.mylist.tutorial .tutorialBlock .guideimage{
		display:table; table-layout:fixed; width:100%; margin-bottom:10px;
	}
	.mylist.tutorial .tutorialBlock .guideimage .gd{
		display:table-cell; text-align:center;
		padding:5px;
	}
	.mylist.tutorial .tutorialBlock .guideimage img{
		width:100%;
		display:block;
	}
	.mylist.tutorial .tutorialBlock .largebutton{
		display:block; width:300px; height:38px;
		font-size:15px; font-weight:bold; line-height:38px;
		background:#e4007f; color:#fff; text-align:center; text-decoration:none;
		padding:0 12px; margin:30px auto 0; position:relative;
		border:none !important;
	}
	.mylist.tutorial .tutorialBlock .largebutton:after {
		content:""; display:block; width:8px; height:8px;
		border-top:2px solid #fff; border-right:2px solid #fff;
		position:absolute; top:50%; right:20px; margin-top:-4px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.mylist.tutorial .tutorialBlock .largebutton:hover { color:#fff !important; opacity:0.7;}
	.mylist.tutorial .tutorialBlock .sp{ display:none !important;}

/*WEBプッシュ*/
.mylist.webpush .tutorialBlock{
	font-size:14px;line-height:1.8;
	padding:10px 0; font-size:16px;
	}
	.mylist.webpush .tutorialBlock .blk > p {padding-bottom:15px;}
	.mylist.webpush .tutorialBlock .blk{
		padding:10px 0;
	}
	.mylist.webpush .tutorialBlock .blk.bordertop{
		border-top:solid 1px #666;
		padding-top:25px;
	}
	.mylist.webpush .tutorialBlock .blk.zb{
		background:#f9f9f9; padding:25px 30px;
		margin:20px 0;
		border-radius:12px;
		line-height:1.6;
		font-size:15px;
	}
	.mylist.webpush .tutorialBlock .blk.border{
		padding:30px 30px;
		border:solid 5px #f3f3f3;
		border-radius:8px;
		margin:0 0 20px;
	}
	.mylist.webpush .tutorialBlock .blk a { border-bottom:1px solid #222;}
	.mylist.webpush .tutorialBlock .blk a:hover { color:#e4007f; border-color:#e4007f;}
	.mylist.webpush .tutorialBlock h3{ font-size:20px; color:#e4007f; padding-bottom:0.6em;}
	.mylist.webpush .tutorialBlock h4{ font-size:18px; line-height:1.5; padding-bottom:0.6em;}
	.mylist.webpush .tutorialBlock .border h4{
		text-indent:-1.1em;
		padding:1.5em 0 0.8em 1.1em;
	}
	.mylist.webpush .tutorialBlock h5{
		font-size:15px;
		padding-bottom:0.6em;
	}
	.mylist.webpush .tutorialBlock .border h5{
		padding-bottom:0;
	}
	.mylist.webpush .tutorialBlock ul li{
		list-style:disc;
		margin-left:22px;
		padding-bottom:6px;
		font-size:15px;
	}
		.mylist.webpush .tutorialBlock .blk.zb ul li{
			list-style:circle;
		}
	.mylist.webpush .tutorialBlock .guideimage{
		display:table; table-layout:fixed; width:100%; margin-bottom:20px;
	}
	.mylist.webpush .tutorialBlock .guideimage .gd{
		display:table-cell; text-align:center;
		padding:5px;
	}
	.mylist.webpush .tutorialBlock .guideimage img{
		width:70%;
		display:block;
	}
	.mylist.webpush .tutorialBlock .guideimage img.wide{
		width:90%;
	}
		.mylist.webpush .tutorialBlock .red { color:#e00 !important;}
		.mylist.webpush .tutorialBlock .switch{ display:none !important;}
		.Windows.mylist.webpush .tutorialBlock .switch.windows { display:block !important;}
		.Mac.mylist.webpush .tutorialBlock .switch.mac { display:block !important;}
		.iOS.mylist.webpush .tutorialBlock .switch.ios { display:block !important;}
		.pc.mylist.webpush .tutorialBlock .switch.pc { display:block !important;}
		.sp.mylist.webpush .tutorialBlock .switch.sp { display:block !important;}
		
	.mylist.webpush .tutorialBlock .guideimage img.border{
		border:solid 1px #ddd;
	}
	.mylist.webpush .tutorialBlock .guideimage img.btmm{
		margin-bottom:15px;
	}
	.mylist.webpush .tutorialBlock .largebutton{
		display:block; width:300px; height:38px;
		font-size:15px; font-weight:bold; line-height:38px;
		background:#e4007f; color:#fff; text-align:center; text-decoration:none;
		padding:0 12px; margin:30px auto 0; position:relative;
		border:none !important;
	}
	.mylist.webpush .tutorialBlock .largebutton:after {
		content:""; display:block; width:8px; height:8px;
		border-top:2px solid #fff; border-right:2px solid #fff;
		position:absolute; top:50%; right:20px; margin-top:-4px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.mylist.webpush .tutorialBlock .largebutton:hover { color:#fff !important; opacity:0.7;}
	.mylist.webpush .tutorialBlock .setting {
		background:#fdeef6;
		margin:20px 0;
		padding:20px;
		border-radius:8px;
		display:table;
	}
	.mylist.webpush .tutorialBlock .setting > div {
		display:table-cell; padding:0 15px; vertical-align:middle;
		font-weight:bold; font-size:16px;
	}
	.mylist.webpush .tutorialBlock .setting > div a {
		display:block;
		text-indent:-5000px;
		width:100px; height:100px;
		background:#fff url(../img/wp_bell.png) center center no-repeat;
		background-size:85% auto;
		border:solid 3px #e4007f;
		border-radius:16px;
	}
	.mylist.webpush .tutorialBlock .setting > div a:hover {border-width:0px;}
	.mylist.webpush .tutorialBlock .blk.border p strong{
		background:#ff9;
	}

/*/////////////////////////////////////////////////////////////////////////
＠add 202003
/////////////////////////////////////////////////////////////////////////*/
.search-more { padding-top:60px;}
	.search-more h2 { font-size:26px; margin-bottom:8px;}
	.search-more ul li { font-size:16px; padding:10px 10px 0 17px; position:relative;}
	.search-more ul li a:before {
		content:""; display:block; width:0; height:0;
		border:5px solid transparent;
		border-left-color:#0a0a0a;
		border-width:5px 5px 5px 8px;
		position:absolute; top:17px; left:0;
	}
	.search-more ul li a {
		display:inline-block; max-width:100%;
		border-bottom:1px solid #282426;
		line-height:1.35; padding-bottom:1px;
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	.search-more ul li a:hover { border-color:transparent; color:#e4007f;}
	/*.search-more ul li a strong { color:#e4007f;}*/

/*media*/
.media-detail { position:relative;}
	.media-detail .inner { position:relative;}
	.media-detail .inner img { display:block; height:80px;}
	.media-detail .regist { top:100%; right:5px; margin-top:-30px;}
	.media-detail .text p { font-size:16px; line-height:1.8; padding-top:25px;}
	.media-detail .text p a { border-bottom:1px solid #222;}
	.media-detail .links { text-align:center; padding-top:35px;}
	.media-detail .links li { display:inline-block; vertical-align:top; margin:8px 10px;}
	.media-detail .links li:before { margin-top:7px; display:none;}
	.media-detail .links li a {
		display:inline-block; font-size:14px;
		line-height:1.25; letter-spacing:0.03em;
		border-bottom:1px solid #222;
		margin-left:20px; padding-bottom:1px; position:relative;
	}
	.media-detail .links li.tw a,
	.media-detail .links li.insta a { margin-left:30px;}
	.media-detail .links li a:before {
		content:""; display:block; width:0; height:0;
		border:5px solid transparent;
		border-left-color:#0a0a0a;
		border-width:5px 0 5px 8px;
		position:absolute; top:5px; left:-15px;
	}
	.media-detail .links li.tw a:before,
	.media-detail .links li.fb a:before,
	.media-detail .links li.insta a:before {
		content:""; display:block; width:20px; height:20px;
		background:url(../img/parts.png) no-repeat;
		background-size:210px auto;
		position:absolute; top:50%; left:-28px;
		transform:translateY(-50%);
		border:none;
	}
	.media-detail .links li.tw a:before { background-position:-140px -130px;}
	.media-detail .links li.fb a:before { background-position:-165px -130px; left:-25px;}
	.media-detail .links li.insta a:before { background-position:-190px -130px;}
	.media-detail .text p a:hover,
	.media-detail .links li a:hover { color:#e4007f; border-color:#e4007f;}
/*pick up*/
.list-box { width:103.5%; font-size:0; margin:0 0 0 -2%;}
	.list-box .list-inner {
		display:inline-block; vertical-align:top;
		width:31.5%; border:none; margin:1%;
	}
	.list-box .list-inner:nth-child(3n) { margin-right:0;}
	.list-box .list-inner a { display:block; width:100%; padding:7px; background:#fff; position:relative;}
	.list-box .list-inner a .pic { width:100%; height:0; padding-top:56.25%;}
	.list-box .list-inner a .title { font-size:15px; font-weight:bold; line-height:1.4; padding:5px 0;}
	.list-box .list-inner a:hover { box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1); transform:scale(1.1); z-index:20;}
	.list-box .btn.more { padding-top:10px;}
	.list-box .list-inner.new a:before {
		content:"new!"; display:block; width:40px; height:40px;
		font-size:14px; font-weight:bold; color:#fff;
		text-align:center; line-height:38px;
		background:#e4007f; border-radius:50%;
		position:absolute; top:-7px; left:-7px; z-index:10;
	}

/*talent*/
.talent .heading .link.more { position:absolute; top:20px; right:0;}
	.talent .heading .link.more a {
		min-width:0; height:auto; line-height:1;
		font-size:14px; color:#0a0a0a; text-align:left;
		background:none; padding:0 0 1px; margin-right:18px;
	}
	.talent .heading .link.more a:after {
		width:8px; height:8px;
		border-color:#282426;
		right:-12px; margin-top:-5px;
	}
	.talent .heading .link.more a:after { right:-12px; border-color:#282426;}
	.talent .heading .link.more a:hover { background:none; border-color:transparent; color:#e4007f;}
	.talent .heading .link.more a:hover:after { border-color:#e4007f;}

.talent .sortby { text-align:right; padding:5px 0 0; position:relative;}
	.talent .sortby .inner { display:inline-block; width:160px; position:relative;}
	.talent .sortby .inner > a {
		display:inline-block; width:100%; height:30px;
		font-size:14px; font-weight:bold; line-height:26px;
		text-align:center; letter-spacing:0.03em; border:2px solid #222;
		padding:0 25px 0 15px; position:relative;
		cursor:pointer;
	}
	.talent .sortby .inner > a:after {
		content:""; display:block; width:0; height:0;
		border:5px solid transparent;
		border-top-color:#222;
		border-width:9px 5px 0 5px;
		position:absolute; top:50%; right:10px;
		margin-top:-4px;
	}
	.talent .sortby .inner > a:hover,
	.talent .sortby .inner > a.active { background:#222; color:#fff;}
	.talent .sortby .inner > a:hover:after,
	.talent .sortby .inner > a.active:after { border-top-color:#fff;}
	.talent .sortby .inner > a.active:after { transform:rotate(-180deg); margin-top:-5px;}
	/**/
	.talent .sortby .inner ul {
		width:100%; background:#fff;
		border:2px solid #222; padding:5px 0;
		position:absolute; top:28px; left:0; z-index:200;
		display:none;
		cursor:pointer;
	}
	.talent .sortby .inner ul li a {
		display:block; font-size:14px; font-weight:bold;
		text-align:center; padding:10px 0;
	}
	.talent .sortby .inner ul li a:hover { background:#222; color:#fff;}

.talent-list { width:690px; padding:20px 0; margin-left:-8px;}
	.talent-list ul { font-size:0;}
	.talent-list ul li {
		display:inline-block; width:155px; vertical-align:top;
		margin:0 8px 25px; position:relative;
	}
	.talent-list ul li a { display:block; width:100%;}
	.talent-list ul li a:hover { opacity:0.7;}
	.talent-list ul li .pic { width:100%; height:0; padding-top:100%;}
	.talent-list .pic.square .picinner { padding-top:100%; background-size:100% auto;}
	.talent-list ul li .title { min-height:35px; font-size:13px; line-height:1.35; padding:7px 30px 0 0;}
	.talent #main .cancel,
	.talent #main .register { top:157px;}
