@charset "UTF-8";

/*
Theme Name: magmix v2 SP
Theme URI: 
Description: 
Author: mozuya
Version: 1.0
*/

/* Web Font */
@font-face {
	font-family: 'icomoon';
	src:url('common/fonts/icomoon.eot?-qz7pb2');
	src:url('common/fonts/icomoon.eot?#iefix-qz7pb2') format('embedded-opentype'),
		url('common/fonts/icomoon.woff?-qz7pb2') format('woff'),
		url('common/fonts/icomoon.ttf?-qz7pb2') format('truetype'),
		url('common/fonts/icomoon.svg?-qz7pb2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-line:before {
	content: "\e009";
}
.icon-hatena:before {
	content: "\e00a";
}
.icon-facebook:before {
	content: "\e60d";
}
.icon-twitter:before {
	/*content: "\e611";*/
	width: 15px;
	height: 15px;
	display: inline-block;
	content: '';
	background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%201227%22%3E%0A%20%20%3Cpath%20fill%3D%27%23fff%27%20d%3D%22m714.16%2C519.28L1160.89%2C0h-105.86l-387.89%2C450.89L357.33%2C0H0l468.49%2C681.82L0%2C1226.37h105.87l409.63-476.15%2C327.18%2C476.15h357.33l-485.86-707.09h.03Zm-145%2C168.54l-47.47-67.89L144.01%2C79.69h162.6l304.8%2C435.99%2C47.47%2C67.89%2C396.2%2C566.72h-162.6l-323.31-462.45v-.03Z%22%2F%3E%0A%3C%2Fsvg%3E");

}

i.x:before {
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	content: '';
	background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%201227%22%3E%0A%20%20%3Cpath%20fill%3D%27%23fff%27%20d%3D%22m714.16%2C519.28L1160.89%2C0h-105.86l-387.89%2C450.89L357.33%2C0H0l468.49%2C681.82L0%2C1226.37h105.87l409.63-476.15%2C327.18%2C476.15h357.33l-485.86-707.09h.03Zm-145%2C168.54l-47.47-67.89L144.01%2C79.69h162.6l304.8%2C435.99%2C47.47%2C67.89%2C396.2%2C566.72h-162.6l-323.31-462.45v-.03Z%22%2F%3E%0A%3C%2Fsvg%3E);
}

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }




/* Product Style
-------------------------------------------------------------------------------*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.chromeframe {position: absolute; top: 0;}
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

body {
	font-size: 15px;
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	line-height: 1.1;
}
body, select, input, textarea {color: #333;}
a {color: #000;}

a {-webkit-tap-highlight-color: #fcd700;}
a:hover {color: #999;}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* タップ時の色 */
a {
	-webkit-tap-highlight-color: rgba(255,255,255,0.5);
}
twitterwidget {
	max-width: 300px !important;
	margin-left: auto;
	margin-right: auto;
}
p:empty {
	display: none;
}
.center {
	text-align: center;
}
.bt,
.mw_wp_form input[type=submit],
.mw_wp_form input[type=button] {
	display: inline-block;
	margin: 1em 10px;
	padding: 10px 20px;
	background: #333;
	color: #fff;
	border: 0 none;
	border-radius: 4px;
	line-height: 1.1;
	font-size: 1.1em;
	text-decoration: none;
	-webkit-appearance: none;
}
.mw_wp_form input[type=button],
.mw_wp_form input[name=submitBack] {
	background: #333;
}
.bt:hover,
.mw_wp_form input[type=submit]:hover,
.mw_wp_form input[type=button]:hover {
	background: #000;
	color: #fff;
}
.bt-firstpage {
	display: block;
	margin: 0 0 1.5em;
	padding: 10px 0px 9px;
	color: #333;
	font-size: 1.2em;
	text-shadow: 0px 1px 0px #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.1;
	border: 1px solid #333;
	border-radius: 5px;
	box-shadow: #bbb 0px 1px 1px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
}
.bt-pageend {
	display: block;
	margin: 0 0 1.5em;
	color: #fff;
	background: #FF6F4D;
	border-radius: 5px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.1;
}
.disabled {
	opacity: 0.3;
	-webkit-filter: grayscale(100%); /* モノトーンに変換 webkit */
	-moz-filter: grayscale(100%); /* モノトーンに変換 Firefox */
	filter: grayscale(100%); /* モノトーンに変換 CSS3 */
}
.mw_wp_form table {
	width: 100%;
}
.mw_wp_form th,
.mw_wp_form td {
	display: block;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}
.mw_wp_form input[type=text],
.mw_wp_form input[type=email],
.mw_wp_form textarea {
	width: 97%;
	padding: 3px;
	font-size: 1.1em;
	border: 2px solid #bbb;
	border-radius: 3px;
}
.mw_wp_form_confirm .form-note {
	display: none;
}
.message {
	padding: 15px;
	background: #cee8db;
	color: #063;
	font-weight: bold;
}
.message-confirm {
	display: none;
	color: #630;
	background: #fcec9c;
}
.mw_wp_form_confirm .message-confirm {
	display: block;
}
.box-sample {
	display: inline-table;
}
.box-sample-wrap,
.box-sample-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #B8E986;
	font-size: 28px;
	font-weight: 300;
	color: #fff;
	text-shadow: 1px 1px 0px #999;
	letter-spacing: 1px;	
	line-height: 1.1;
}
.header-box,
.side-box,
.content-box,
.side-box-repeat div[id*="div-gpt-ad"] {
	text-align: center;
}
.side-box,
.content-box {
	margin: 15px 0;
}
.header-box div,
.header-box iframe,
.side-box div,
.side-box iframe,
.side-box-repeat > div,
.side-box-repeat > div > div,
.content-box div,
.content-box iframe {
	margin-left: auto;
	margin-right: auto;
}
div[class*="fluct-unit"] {
	display: inline-block;
}

.wrapper {
	padding-top: 45px;
}
body.single .wrapper {
	padding-top: 45px;
}
body.single-publicity .wrapper {
	padding-top: 45px;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 6px 10px;
	background: #fff;
	z-index: 999999;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}
header .logo,
header h1 {
	line-height: 0;
}
.body-top {
	background: #eee;
	line-height: 1.1;
}
.body-top h1,
.body-top > p {
	padding: 5px 5px 3px;
	font-size: 12px;
	font-weight: normal;
}
.header-hot-word h2.active {
	background-position: 0 -43px;
}
.header-hot-word ul {
	display: none;
	z-index: 10;
	position: absolute;
	top: 56px;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #333;
	box-shadow: 0 3px 6px rgba(0,0,0,.3);
}
.header-hot-word ul:after {
	bottom: 100%;
	right: 102px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 0, 93, 0);
	border-bottom-color: #333;
	border-width: 7px;
	margin-left: -7px;
}
.header-hot-word ul li {
	display: inline-block;
	margin: 5px;
}
.header-hot-word a {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
header nav h2 {
	position: absolute;
	top: 9px;
	right: 7px;
	width: 36px;
	height: 36px;
	padding-top: 36px;
	background: url(common/img/menu.png?v2) no-repeat left top;
	background-size: 36px 72px;
	overflow: hidden;
}
header nav h2.active {
	background-position: left bottom;
}
header nav ul {
	display: none;
	position: absolute;
	z-index: 10;
	top: 56px;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #ae4cff;
	text-align: center;
	box-shadow: 0 3px 6px rgba(0,0,0,.3);
}
header nav ul:after {
	bottom: 100%;
	right: 18px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 0, 93, 0);
	border-bottom-color: #ae4cff;
	border-width: 7px;
	margin-left: -7px;
}
header nav ul li {
	display: inline-block;
	width: 49%;
	padding: 5px;
}
header nav ul li.search {
	width: 100%;
}
header nav a {
	display: block;
	padding: 6px 0;
	background: #fff;
	border-radius: 4px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
header nav .social-facebook a,
header nav .social-twitter a,
header nav .social-line a {
	padding: 4px 0;
	font-size: 17px;
	color: #fff;
}
.social-line-introduction{
	text-align: center;
}
.social-line-introduction a{
	display: block;
	max-width: 300px;
	margin: 0 auto 30px;
	padding: 12px 0;
	background: #00C100;
	border-radius: 4px;
	color: #fff;
	font-size: 17px;
	line-height: 0.9;
	text-align: center;
	text-decoration: none;
}
.icon-line{
	text-align: center;
}
.home-banner li {
	margin: 15px;
	text-align: center;
}
.home-banner img {
	width: 100%;
	height: auto;
}


.home-slider-section {
	margin: 15px 0;
}
.home-post-list {
	padding: 10px;
}
.home-post-list li {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	line-height: 1.1;
}
.home-post-list a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.3;
}
.home-post-list .thumbnail {
	display: block;
	width: 60px;
	float: left;
	padding: 3px 10px 0 0;
	line-height: 0;
	text-align: center;
}
.home-post-list .text {
	display: block;
	overflow: hidden;
}
.home-post-list .date {
	font-size: 11px;
	color: #999;
}
#home-slide-list {
	width: 320px;
	margin: 0 auto;
	overflow: hidden;
	-webkit-transform: translateZ(0);
}
#home-slide-list dt {
	display: none;
}
#home-slide-list > ul:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
#home-slide-list > ul > li {
	float: left;
	width: 320px;
}
#home-slide-list .recent {
	display: inline-block;
	margin-left: 3px;
	padding: 2px 3px;
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	background: rgb(207, 23, 60);
	color: #fff;
	border-radius: 4px;
	line-height: 1;
	vertical-align: middle;
}

#home-slide-tab {
	position: relative;
	width: 100%;
	height: 36px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 1;
}
/*
#home-slide-tab ul {
	position: absolute;
	display: table;
	top: 0;
	left: 0;
}
#home-slide-tab ul li {
	display: table-cell;
	vertical-align: bottom;
}
*/
#home-slide-tab ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	height: 36px;
	margin: 0;
	list-style: none;
}
#home-slide-tab li {
	/* width: 24%; */
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	padding: 0 2px;
}
#home-slide-tab li:first-child {
	padding: 0 2px 0 0;
}
#home-slide-tab li:last-child {
	padding: 0 0 0 2px;
}

#home-slide-tab a {
	display: block;
	/* min-width: 85px; */
	/* margin-right: 2px; */
	padding: 8px 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #aaa;
	white-space: nowrap;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transition: all .1s;
}
#home-slide-tab .active a {
	padding: 11px 0;
	background: #ae4cff;
}
#home-slide-tab .active a[data-label="マンガ"] { background: #f04e29 }
#home-slide-tab .active a[data-label="アニメ"] { background: #62c653 }
#home-slide-tab .active a[data-label="ゲーム"] { background: #4DABFF }
#home-slide-tab .active a[data-label="データ"] { background: #ff0083 }
#home-slide-tab .active a[data-label="特撮"] { background: #f6e400; color: #111; }

#home-slide-marker {
	margin-bottom: 25px;
	text-align: center;
}
#slide-prev,
#slide-next,
#home-slide-marker ul {
	display: inline-block;
	margin: 0;
	vertical-align: -25%;
}
#slide-prev,
#slide-next {
	font-size: 30px;
	color: #333;
}
#home-slide-marker li {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 0 3px;
	background: #fff;
	border: 2px solid #888;
	border-radius: 15px;
}
#home-slide-marker li.active {
	background: #333;
	border: 2px solid #333;
}




/* Detail
-------------------------------------------------------------------------------*/
article section {
	line-height: 1.8;
}
article .detail {
	margin: 10px;
}
article .detail a {
	word-wrap: break-word;
}
article img {
	max-width: 100%;
	height: auto;
}
article .figure300 img {
	width: 300px;
}
.topicpath {
	margin: 0 10px 10px;
	font-size: 10px;
	line-height: 1.4;
}
.topicpath,
.topicpath a {
	color: #999;
	text-decoration: none;
}
.topicpath li {
	display: inline-block;
}
.topicpath li:before {
	content: '» ';
}
.topicpath li.home:before {
	content: '';
}
body.single .topicpath li.current_item {
	display: none;
}

article h1,
.section-archive-list h1 {
	margin: 10px;
	font-size: 23px;
	font-weight: normal;
	line-height: 1.3;
	letter-spacing: -1px;
}
article h1.photo {
  font-size: 18px;
}
.article-meta-top {
	margin: 10px;
	font-size: 16px;
	line-height: 1.1;
}
.article-meta-top,
.article-meta-top a {
	color: #999;
}
.article-meta-top a:hover {
	color: #999;
}
.article-meta-top li {
	display: inline-block;
}
.article-meta-top-tag {
	margin: 10px;
	font-size: 16px;
	line-height: 1.1;
}
.article-meta-top-tag,
.article-meta-top-tag a {
	color: #999;
}
.article-meta-top-tag a:hover {
	color: #999;
}
.article-meta-top-tag li {
	margin:0 0 10px;
}

.article-author .writer:after {
	content: ', ';
}
.article-author .writer:last-child:after {
	content: '';
}
.article-middle,
.article-middle-link-wrap,
.article-related,
.article-latest {
	margin-bottom: 20px;
}
.article-middle,
.article-meta-box {
	text-align: center;
}
.article-middle div,
.article-meta-box div {
	margin-left: auto;
	margin-right: auto;
}

.article-middle-link-wrap {
	overflow: hidden;
}
.article-middle-link li {
	line-height: 1.5;
	margin-bottom: 10px;
}
.article-related,
.article-recommend {
	width: 336px;
	float: left;
}
.article-related {
	margin-right: 20px;
}
.article-tags {
	overflow: hidden;
	margin: 15px 0;
}
.social-comment a {
	background: #c00;
}
.social-twitter a {
	background: #000;
}
.social-facebook a {
	background: #3b5998;
}
.social-line a {
	background: #00C100;
}
.article-tags,
.article-tags a {
	color: #333;
}
.article-tags a:hover {
	color: #999;
}

.social-button {
	overflow: hidden;
	margin: 0;
	font-size: 11px;
	font-family: Arial, sans-serif;
	line-height: 1;
	text-align: center;
}
.social-button li {
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
}
.social-button a {
	display: inline-block;
	width: 56px;
	padding: 6px 7px 4px;
	color: #fff;
	line-height: 1.2;
	border-radius: 4px;
	text-decoration: none;
}
.social-button a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.social-button a .social-icon {
	display: block;
	margin-bottom: 2px;
	font-size: 20px;
	vertical-align: top;
}
.social-button i,
.social-hatena strong {
	margin: 0 5px 0 0;
}
.social-button-top {
	margin-top: 20px;
}
.social-button-large {
	margin: 30px 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
.social-button-large li {
	min-width: 80px;
	display: inline-block;
	margin: 0 5px;
	padding: 0 5px;
}
.social-button-large a {
	display: block;
	padding: 4px 0;
	background: #aaa;
	font-size: 18px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	border-radius: 4px;
	text-decoration: none;
}
.social-button-large a span {
	display: block;
	font-size: 12px;
}
.social-button-large a .social-icon,
.social-button-large a .fa {
	margin: 0 0 2px;
	font-size: 1.4em;
}
.social-button-large a .label,
.social-button-large a .count {
	font-weight: bold;
}
.social-comment a { background: #c00;}
.social-twitter a { background: #000;}
.social-facebook a { background: #3b5998;}
.social-line a { background: #00C100;}
.social-hatena a { background: #008fde;}

.social-button-large .social-comment a { background: #fff; color: #c00; border: 2px solid #c00; }
.social-button-large .social-twitter a { background: #fff; color: #000; border: 2px solid #000; }
.social-button-large .social-facebook a { background: #fff; color: #3b5998; border: 2px solid #3b5998; }
.social-button-large .social-line a { background: #fff; color: #00C100; border: 2px solid #00C100; }
.social-button-large .social-hatena a { background: #fff; color: #008fde; border: 2px solid #008fde; }

.social-button-large li {
	min-width: 0;
	width: 50px;
	margin: 0 1px;
	padding: 0;
}
.social-button-large a span {
	font-size: 9px;
}
.social-button-large a {
	border-radius: 5px;
}


.article-tags {
	margin: 10px;
	font-size: 0.8em;
}
.article-tags,
.article-tags a {
	color: #333;
}
.article-tags a:hover {
	color: #999;
}
.post-excerpt {
	margin: 10px 0;
	padding: 10px;
	font-size: 0.9em;
	color: #333;
	background: #eee;
}
.detail {
	margin: 10px;
	line-height: 1.7;
}
.detail h2 {
	margin: 1em 0 0.5em;
	font-size: 1.3em;
}
/*
.detail h3 {
	margin: 0.5em 0;
	font-size: 1.1em;
}
*/
.detail h3,
.detail h4,
.detail h5 {
	margin: 0.5em 0;
	font-size: 1em;
}
.detail .post-index h3 {
	margin: 0;
}
.detail p,
.detail figure {
	margin: 0.8em 0;
}
.detail figure {
	width: 100%;
}
.detail figure.figure300 {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.detail figcaption {
	line-height: 1.4;
	color: #888;
	font-size: 12px;
}
.detail figure iframe {
	max-width: 100%;
}
.detail figure iframe[src*="youtube"],
.detail figure iframe[src*="vimeo"] {
	max-height: 60vw;
}
.detail figure iframe[id*="twitter-widget"] {
	max-height: 100%;
}
article figure.script {
	width: 100%;
	text-align: center;
}
article figure.script div.script {
	display: inline-block;
	text-align: left;
}

#detail-text ol li {
	margin: 0.3em 0 0.3em 1.5em;
	list-style: decimal;
}
#detail-text ul li {
	margin: 0.3em 0 0.3em 1.5em;
	list-style: disc;
}
.nextpage a {
	display: table;
	width: 100%;
	min-height: 45px;
	margin: 1em auto;
	border: 4px solid #333;
	border-radius: 6px;
	color: #333;
	font-weight: bold;
	background: #333;
	text-decoration: none;
}
.nextpage span {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.1;
}
.nextpage .label {
	width: 70px;
	text-align: center;
	/*background: url(common/img/icon_nextpage2.png) no-repeat 5px center;*/
	/*text-indent: -9999px;*/
	color: #fff;
	font-size: 13px;
	
}
.nextpage .label i {
	margin: 0 0 0 5px;
}
.nextpage .linktext {
	padding: 10px 13px;
	background: #fff;
	border-radius: 2px;
}
.nextpage a:hover {
	border: 4px solid #333;
	background: #333;
	color: #333;
}

.post-nav {
	display: table;
	width: 300px;
	margin: 15px auto;
}
.post-nav li {
	display: table-cell;
	width: 33%;
	line-height: 1.1;
	background: #fff;
	border: 3px solid #333;
}
.post-nav li:nth-child(1) {
	border-radius: 7px 0 0 7px;
	/*
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	*/
}
.post-nav li:nth-child(2) {
	border-left: 0 none;
	border-right: 0 none;
}
.post-nav li:nth-child(3) {
	border-radius: 0 7px 7px 0;
	/*
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	*/
}
.post-nav li a {
	display: block;
	padding: 10px 0;
	text-align: center;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.post-nav li a:hover {
	color: #333;
}
.post-nav a:empty {
	display: none;
}
.advisor-profile {
	margin: 15px 10px;
	padding: 8px 10px 10px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-size: 13px;
	line-height: 1.4;
	overflow: hidden;
}
.advisor-profile h2 {
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: normal;
}
.advisor-profile figure {
	width: 100%;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: center;
}
.advisor-profile-text {
	overflow: hidden;
	font-size: 12px;
	line-height: 1.5;
}
.advisor-profile p {
	margin: 0.5em 0 0 0;
}
.advisor-label {
	font-size: 12px;
}
.writer-profile {
	margin: 15px 10px;
	padding: 8px 10px 10px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-size: 13px;
	line-height: 1.4;
	overflow: hidden;
}
.writer-profile h2 {
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: normal;
}
.writer-profile figure {
	width: 100%;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: center;
}
.writer-profile-text {
	overflow: hidden;
	font-size: 12px;
	line-height: 1.5;
}
.writer-profile p {
	margin: 0.5em 0 0 0;
}
.pagination,
.single-pagenation {
	margin: 20px 0;
	text-align: center;
}
.pagination > span,
.pagination > a,
.single-pagenation > span,
.single-pagenation > a {
	display: inline-block;
	margin: 0 1px 8px;
	padding: 4px 6px;
	background: #eee;
	border-radius: 30px;
	line-height: 1;
}
.pagination > span,
.single-pagenation > span {
	border: 2px solid #999;
	background: #999;
	color: #fff;
}
.pagination > a,
.single-pagenation > a {
	text-decoration: none;
	border: 2px solid #333;
	font-weight: bold;
}
.pagination > a:hover,
.single-pagenation > a:hover {
	border: 2px solid #333;
	color: #333
}

.post-index {
	margin: 0 0 1em 0;
	padding: 5px 7px;
	background: #F7EBED;
	font-size: 12px;
}
.post-index h3 {
	font-size: 13px;
}
.post-index ul li {
	/*list-style: disc;
	margin: 5px 0 5px 1.5em;*/
	margin: 3px 0;
}
.post-index ol li {
	list-style: decimal;
	margin: 5px 0 5px 1.5em;
}
.post-index li.active {
	color: #333;
	font-weight: bold;
}
.post-index ol {
	display: none;
}
.post-index ol.post-index-page1 {
	display: block;
}





.post-attachment-list {
	margin: 20px 0;
}
.post-attachment-list img {
	border: 2px solid #999;
}
.detail .post-attachment-list h2 {
	font-size: 1.1em;
}
.post-attachment-list li {
	display: inline-block;
	vertical-align: middle;
	padding-right: 5px;
}
.post-parent-title {
	font-size: 1.2em;
	line-height: 1.4;
}
.post-parent-title a {
	font-weight: bold;
}

.archive-list li {
	overflow: hidden;
	padding: 10px;
}
.archive-list li p {
	font-size: 11px;
	color: #666;
}
.archive-list li figure {
	float: left;
	width: 80px;
	margin: 2px 10px 5px 0;
	text-align: center;
}
.archive-list li .post-list-detail {
	overflow: hidden;
	line-height: 1.4;
}
.archive-list h2 {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.1;
}
.archive-list h2 a {
	color: #333;
	text-decoration: none;
}
.archive-list li .post-list-date {
	margin: 5px 0;
	color: #999;
	font-size: 11px;
	line-height: 1.1;
}
#writer-profile {
	margin-bottom: 25px;
	padding: 8px 10px 10px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-size: 13px;
	line-height: 1.4;
	color: #444;
}
.detail #writer-profile h2 {
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: normal;
	font-family: Platino, serif;
	color: #444;
}
.detail #writer-profile h2 a {
	color: #444;
}
.detail #writer-profile p {
	margin: 0;
}

.article-meta-special {
	display: inline-block;
	margin: 0 10px;
	padding: 3px 10px;
	font-size: 12px;
	border-radius: 20px;
	text-decoration: none;
	vertical-align: bottom;
}
.article-meta-wakaru {
	background: #ffbb34;
	color: #000;
}
.article-meta-yashiro {
	background: #006A2B;
	color: #fff;
}

.relative {
	margin: 30px 10px 15px;
}
.relative h2 {
	font-size: 18px;
}
.relative h2 i {
	color: #333;
	margin: 0 7px 0 0;
	font-size: 28px;
	vertical-align: middle;
}
.relative li {
	margin: 5px 0 5px 12px;
	line-height: 1.5;
}
.relative li:before {
	float: left;
	margin: 0 5px 0 0;
	content: "\f192";
	font-family: FontAwesome;
	color: #bbb;
}
.relative li div {
	overflow: hidden;
}









/* Comments
-------------------------------------------------------------------------------*/
#comments {
	margin-top: 2em;
}
#respond {
	padding: 10px;
}
.comments-title {
	padding: 10px 0 5px 10px;
	font-size: 1.2em;
	color: #333;
}
article .detail p.logged-in-as {
	margin: 0.5em 0;
}
.comment-list {
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 1.4;
}
article .detail .comment-list p {
	margin: 0.5em 0;
}
.tiles {
	display: none;
}
.comment-body .wpulike,
.comment-body .reply {
	display: inline-block;
	margin: 5px 20px 5px 0;
}

.wpulike .counter a.text,
.comment-body .reply a {
	background: #f7f7f7;
	padding: 2px 10px;
	border: 1px solid #aaa;
	border-radius: 3px;
	text-decoration: none;
	color: #333;
	white-space: nowrap;
	font-size: 0.9em !important;
}
.wpulike .counter a.text:hover,
.comment-body .reply a:hover {
	background: #eee;
	border: 1px solid #ccc;
}
.comment-body {
	overflow: hidden;
	padding: 2px 0 0 0;
}
.children .comment-body {
	padding: 2px 5px 5px 5px;
}
.comment-metadata {
	overflow: hidden;
	line-height: 1.3;
}
.comment-text {
	margin: 0.8em 0;
	padding: 0;
}
.comment-meta {
	color: #aaa;
}
.comment-author {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.1;
}
.comment-list p {
	margin: 0 0 0.5em 0;
}
.comment-list li.comment {
	padding: 10px;
	border-top: 1px dashed #ccc;
}
.comment-list li {
	position: relative;
	display: block;
	margin-bottom: 5px;
}
.comment-list .children li {
	position: relative;
	margin: 7px 0 0 25px;
	padding: 5px;
	border: 2px solid #ddd;
	background-color: #ffffff;
	border-radius: 7px;
}
.comment-list .children li:after, .comment-list .children li:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.comment-list .children li:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}
.comment-list .children li:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ddd;
	border-width: 10px;
	margin-left: -10px;
}
.comment-list .children li .reply {
	display: none;
}
.comment-respond label {
	display: block;
}
.comment-form-comment input[type=text],
.comment-form-comment input[type=email],
.comment-form-comment textarea {
	width: 95%;
}
.form-submit {
	text-align: center;
}
.comment-respond input[type=submit] {
	-webkit-appearance: none;
	display: inline-block;
	padding: 10px 20px;
	background: #333;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	border: 0 none;
	border-radius: 5px;
	font-weight: bold;
}
.wpulike .count-box {
	margin-left: 5px;
	font-size: 1em !important;
}
#comment {
	width: 100%;
	height: 100px;
}
.comment-form-author,
.comment-form-email {
	margin-bottom: 5px;
}
.comment-form p {
	margin: 0 0 0.5em;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-comment textarea {
	width: 100%;
	margin: 2px 0;
	padding: 3px;
	border: 1px solid #333;
	font-size: 1.1em;
}











/* side
-------------------------------------------------------------------------------*/
.home-pickup-title,
.side aside {
	margin: 15px 0;
}
.home-pickup-title,
.side-title {
	padding: 0 10px 20px;
}
.home-pickup-title h3,
.side-title h2,
.side-title h3 {
	position: relative;
	font-size: 18px;
	line-height: 1.1;
}

.side-title h3 span,
.side-title h2 span {
	position: relative;
	display: block;
}
.side-title h2:before,
.side-title h2:after,
.side-title h2 span:before,
.side-title h2 span:after,
.side-title h3:before,
.side-title h3:after,
.side-title h3 span:before,
.side-title h3 span:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	display: block;
	width: 100%;
	height: 6px;
	background: #E2E0E0;
	border-radius: 3px;
	box-shadow: 0 0 0 3px #fff;
	transform: skew(16deg, 0deg);
	-webkit-transform: skew(16deg, 0deg);
	z-index: 1;
}
.side-title h2:before,
.side-title h2:after,
.side-title h2 span:before,
.side-title h3:before,
.side-title h3:after,
.side-title h3 span:before {
	width: 10px;
}
.side-title h2:before,
.side-title h3:before {
	left: 0;
	background: #FF6F4D;
	z-index: 4;
}
.side-title h2:after,
.side-title h3:after {
	left: 12px;
	background: #8BEA7D;
	z-index: 3;
}
.side-title h2 span:before,
.side-title h3 span:before {
	left: 24px;
	background: #4DABFF;
	z-index: 2;
}





.home-pickup li,
.side-ranking ol > li,
.side-items li,
.side-recommend li,
.side-releted li {
	margin: 8px;
}
.side-ranking ol > li,
.side-items ul > li {
	min-height: 25px;
	margin: 8px;
	padding-left: 35px;
	list-style-type: none;
	background: url(common/img/ranking.png) no-repeat 0 0;
	background-size: 30px auto;
	line-height: 1.4;
}
.side-items ul > li {
	padding-left: 0;
	background: none;
}
.side-ranking ol > li:nth-child(2) { background-position: 0 -126px }
.side-ranking ol > li:nth-child(3) { background-position: 0 -252px }
.side-ranking ol > li:nth-child(4) { background-position: 0 -378px }
.side-ranking ol > li:nth-child(5) { background-position: 0 -504px }
.side-ranking ol > li:nth-child(6) { background-image: url(common/img/ranking-6.png) }
.side-ranking ol > li:nth-child(7) { background-image: url(common/img/ranking-7.png) }
.side-ranking ol > li:nth-child(8) { background-image: url(common/img/ranking-8.png) }
.side-ranking ol > li:nth-child(9) { background-image: url(common/img/ranking-9.png) }
.side-ranking ol > li:nth-child(10) { background-image: url(common/img/ranking-10.png) }

.side-ranking ol > li[data-extra="PR"] { background: url(common/img/no4pr.png) no-repeat 0 0; background-size: 30px auto; }
.side-ranking ol > li[data-extra="PR"] ~ li:nth-child(5) { background-position: 0 -378px }
.side-ranking ol > li[data-extra="PR"] ~ li:nth-child(6) { background-image: url(common/img/ranking.png); background-position: 0 -504px }
.side-ranking ol > li[data-extra="PR"] ~ li:nth-child(7) { background-image: url(common/img/ranking-6.png) }
.side-ranking ol > li[data-extra="PR"] ~ li:nth-child(8) { background-image: url(common/img/ranking-7.png) }
.side-ranking ol > li[data-extra="PR"] ~ li:nth-child(9) { background-image: url(common/img/ranking-8.png) }
.side-ranking ol > li[data-extra="PR"] ~ li:nth-child(10) { background-image: url(common/img/ranking-9.png) }
.side-ranking ol > li[data-extra="PR"] ~ li:nth-child(11) { background-image: url(common/img/ranking-10.png) }

.side-ranking .tab {
	padding: 0 10px;
}
.side-ranking .tab ul {
	display: flex;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1;
}
.side-ranking .tab ul li {
	flex-grow: 1;
	width: 100%;
	margin: 0 5px;
}
.side-ranking .tab ul li:first-child {
	margin-left: 0;
}
.side-ranking .tab ul li:last-child {
	margin-right: 0;
}
.side-ranking .tab a {
	display: block;
	height: 26px;
	line-height: 26px;
  padding: 0;
  color: #fff;
  background: #333;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  opacity: 0.3;
}
.side-ranking .tab a[href*="manga"] { background: #FF6F4D }
.side-ranking .tab a[href*="anime"] { background: #61c251 }
.side-ranking .tab a[href*="game"] { background: #4DABFF }
.side-ranking .rank-detail { display: none }
.side-ranking [data-rank-view=""] a[href="#rank-manga"],
.side-ranking [data-rank-view="#rank-manga"] a[href="#rank-manga"],
.side-ranking [data-rank-view="#rank-anime"] a[href="#rank-anime"],
.side-ranking [data-rank-view="#rank-game"] a[href="#rank-game"] { opacity: 1 }
.side-ranking [data-rank-view=""] #rank-manga,
.side-ranking [data-rank-view="#rank-manga"] #rank-manga,
.side-ranking [data-rank-view="#rank-anime"] #rank-anime,
.side-ranking [data-rank-view="#rank-game"] #rank-game { display: block }

.home-pickup li,
.side-recommend li,
.side-releted li {
	overflow: hidden;
	list-style: none;
}
.home-pickup li a,
.side-recommend li a,
.side-releted li a,
.side-ranking li a,
.side-items li a {
	text-decoration: none;
}
.side-ranking li a,
.side-items li a {
	font-weight: bold;
}
.home-pickup li figure,
.side-recommend li figure,
.side-releted li figure {
	width: 70px;
	padding: 0 10px 0 0;
	float: left;
	line-height: 0;
	text-align: center;
}
.home-pickup li h3,
.side-recommend li h3,
.side-releted li h3 {
	overflow: hidden;
}

.readmore {
	margin: 10px 0;
	text-align: center;
}
.readmore a {
	display: inline-block;
	padding: 5px 20px;
	line-height: 1.2;
	border: 2px solid #333;
	border-radius: 5px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.readmore a i {
	margin-right: 5px;
}
#home-slide-list .readmore {
	margin: 0 0 15px;
}

.side aside.side-search {
	margin: 15px 0 0 0;
	padding: 10px;
	background: #E6E6E6;
}
.side-search-wrap {
	display: table;
	width: 100%;
	border: 2px solid #333;
	border-radius: 5px;
	background: #333;
}
.side-search-input,
.side-search-button {
	display: table-cell;
	vertical-align: middle;
}
.side-search-input {
	/*width: 256px;*/
}
.side-search-input input {
	width: 100%;
	height: 33px;
	padding: 5px;
	border: 0 none;
	border-radius: 3px 0 0 3px;
	font-size: 16px;
}
.side-search-button {
	position: relative;
	width: 56px;
	height: 33px;
}
.side-search-button input {
	width: 56px;
	height: 33px;
	opacity: 0.01;
	background: none;
}
.side-search-button:before {
	content: '\f002';
	position: absolute;
	top: 3px;
	left: 17px;
	color: #fff;
	font-family: FontAwesome;
	font-size: 24px;
}
.side aside.side-category {
	margin: 0 0 15px;
	overflow: hidden;
}
.side-category li {
	width: 50%;
	float: left;
}
.side-category li a {
	display: block;
	padding: 12px 0;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	border-right: 2px solid #E6E6E6;
	border-bottom: 2px solid #E6E6E6;
}
.side-category li:nth-child(2n) a {
	border-right: 0 none;
}

.side-items .side-title {
	padding: 0 0 10px;
}
.side-items * + .side-title {
	margin-top: 15px;
}
.side-items > figure,
.side-items > div {
	margin: 8px;
}
.side-items > div {
	line-height: 1.4;
}
.side-items figure {
	text-align: center;
	line-height: 1;
}
.side-items img {
	max-width: 100%;
}





footer {
	margin: 30px auto 0;
	padding: 20px 20px 210px;
	text-align: left;
	background: #eee;
	color: #333;
	font: normal 12px/1.2 Helvetica,sans-serif;
}
footer p {
	line-height: 1.5;
}
#pagetop {
	display: none;
}
#pagetop a {
	position: fixed;
	bottom: 130px;
	right: 20px;
	display: inline-block;
	padding: 5px;
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,.7);
	color: #333;
	z-index: 10;
}
#pagetop a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	color: #333;
}
#pagetop i {
	font-size: 30px;
}
#pagetop span {
	display: block;
	font-size: 10px;
	font-weight: bold;
}
.footer-link li {
	margin: 0 0 16px;
	text-align: center;
}
.footer-link-inline {
	margin: 0 0 16px;
	text-align: center;
}
.footer-link-inline li {
	display: inline-block;
	margin: 0 8px 16px 8px;
}

/*youtube iframe上のテキストを非表示にする*/
.video-js .vjs-dock-text { 
    display: none; 
}

.side-ranking li {
	overflow: hidden;
	font-size: 14px;
}
.side-ranking li figure {
	float: left;
	padding: 0 8px 0 3px;
}
.side-ranking li div {
	overflow: hidden;
}

#vsp_player,
.ulizahtml5 {
	margin-left: auto;
	margin-right: auto;
}
#vsp_player + figcaption {
	margin-top: 5px;
}

/* カテゴリ別ランキング */
.side-ranking dt {
	display: none;
}
.side-ranking dt.tab {
	display: block;
}
.side-ranking dd a,
.side-items a {
	text-decoration: none;
}
.side-ranking dd li,
.side-items li {
	overflow: hidden;
}
.side-ranking dd figure,
.side-items li figure {
	float: left;
	margin-right: 10px;
}
.side-ranking dd div,
.side-items li div {
	overflow: hidden;
}
.side-ranking dd figure img,
.side-items li figure img {
	width: 50px;
	height: 50px;
}
#rankling_tab {
	display: table;
	width: 100%;
	padding: 10px;
}
#rankling_tab > span {
	display: table-cell;
	width: 33%;
	vertical-align: bottom;
}
/*
#rankling_tab > span:nth-child(2),
#rankling_tab > span:nth-child(3) {
	width: 27.5%;
}
*/
#rankling_tab > span a {
	display: block;
	margin: 0 5px;
	padding: 8px 0 5px;
	color: #fff;
	border-radius: 5px 5px 0 0;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	opacity: 0.3;
}
#rankling_tab > span a[href="#ranking_life"] {
	background: #206cdf;
}
#rankling_tab > span a[href="#ranking_entertainment"] {
	background: #333;
}
#rankling_tab > span a[href="#ranking_comic"] {
	background: #ff6f00;
}
#rankling_tab > span a.active {
	opacity: 1;
}

/* AmaQuick */
.amaquick-box{
	overflow: hidden;
	padding: 0;
	margin: 10px 0 5px;
}
.amaquick-image{
	float: left;
	display: block;
	margin: 0 15px 0 0;
    text-align:center;
    min-width:120px;
}
.amaquick-image img {
	max-width: 120px;
	max-height: 160px;
}
.amaquick-info{
	overflow: hidden;
}
.amaquick-name, .amaquickName {
    line-height: 150%;
    margin-bottom: 15px;
}
.amaquick-name:before, .amaquickName:before {
    content: "\f270";
    font-family: FontAwesome;
    font-size: 1em;
    margin-right: 7px;
    color: #444;
    position: relative;
    top: 1px;
}
.amaquick-detail {
	line-height: 120%;
	margin-bottom: 7px;
	font-size: 13px;
    color: #555;
}
.amaquick-description {
    font-size: 13px;
    line-height: 130%;
    margin-top: 10px;
    margin-bottom: 20px;
}
.amaquick-description a {
    color: #777;
}
.amaquick-detail a {
    color: #777;
}
.amaquick-description a:hover {
    color: #999;
}
.amaquick-detail a:hover {
    color: #999;
}
.amaquick-footer{
	display: block;
	overflow: hidden;
	font-size:13px;
}


/* 連載 */
.column-profile,
.column-lead {
	padding: 10px;
	line-height: 1.7;
}
.column-lead {
	background: #eee;
	font-size: 0.9em;
}
.single-column .content {
	margin-bottom: 25px;
}
.single-column fogure.cover {
	text-align: center;
}
.column-profile > * {
	margin-bottom: 0.8em;
}
article.column figure {
	margin: 0;
}
article.column figure.cover {
	width: 100%;
	margin: 15px 0;
}
article.column figure img {
	max-width: 100%;
	height: auto;
	border: 0 none;
}
.column-profile {
	margin: 0 0 15px 0;
	line-height: 1.7;
}
.column-lead {
	margin: 25px 0;
	padding: 15px;
	background: #eee;
	border-radius: 3px;
	line-height: 1.7;
}
.column-profile > * {
	margin-bottom: 0.8em;
}
.archive-list-tile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.archive-list-tile > li {
	width: 48%;
}
.archive-list-tile li figure {
	width: 100%;
	float: none;
	margin-bottom: 5px;
	padding-right: 0;
}
.custom-link-button-series,
.custom-link-button-series:hover {
	position: relative;
	display: flex;
	padding: 0;
	background: #FF6F4D;
	border: 3px solid #FF6F4D;
	color: #333;
	font-size: 17px;
}
.custom-link-button-prefix {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	color: #fff;
}
.custom-link-button-label {
	display: flex;
	align-items: center;
	flex-grow: 1;
	padding: 10px;
	background: #fff;
	border-radius: 3px;
}
.custom-link-button-series:hover .custom-link-button-label {
	background: #FF6F4D;
	color: #fff;
}
main .content aside.content-box-column-bottom {
	margin-top: 30px;
}


/* ボタンリンク */
.button_link,
article figure.button_link {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	width: 100% !important;
	margin: 15px auto !important;
	padding: 12px !important;
	background: #eee !important;
	border-radius: 5px !important;
	text-align: left !important;
	line-height: 1.1 !important;
}
.button_link h3,
.detail .button_link h3,
.button_link h4,
.detail .button_link h4 {
	width: 100%;
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 600;
}
.button_link > *:nth-child(2) {
	width: 130px;
	min-width: 130px;
	padding-right: 10px;
	line-height: 0;
}
.button_link > *:nth-child(3) {
	width: calc( 100% - 130px );
	flex-grow: 1;
}
.button_link_list {
	overflow: inherit !important;
}
.button_link_list > li {
	display: block !important;
	margin: 0 !important;
	margin-bottom: 12px !important;
	padding: 0 !important;
}
.button_link_list > li:last-child {
	margin-bottom: 0;
}
.button_link_list > li:before {
	display: none !important;
}
.button_link_list a {
	display: block;
	height: 32px;
	line-height: 32px;
	border-radius: 4px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
	transition: transform .2s ease;
}
.button_link_list a:hover {
	transform: scale(1.1);
}
.button_link_list a strong {
	font-size: 15px;
	font-weight: bold;
}
/*
@media screen and (max-width: 320px) {
.button_link_list a span {
	display: none;
}
.button_link > *:nth-child(1) {
	width: 80px;
	min-width: 80px;
}
}
*/
.button_link img,
.post-attachment-list .button_link img {
	border: 0 none !important;
}



/* データページ */
article.data #toc_container {
	min-width: 50%;
	padding: 10px 20px;
}
#toc_container.short .toc_toggle {
	display: none;
}
#toc_container.short .toc_list {
	display: block !important;
}
article.data #detail-text a {
	color: #0080DE;
}
article.data #detail-text #toc_container a,
article.data #detail-text .relative-post a {
	color: #000;
}
article.data #detail-text h2 {
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
}
article.data #detail-text .archive-list-data h2 {
	margin: 0 0 4px;
	padding: 0;
	border: 0 none;
}
.archive-list-data li p {
	margin: 0;
}
article.data #detail-text table {
	width: 100%;
	/* table-layout: fixed; */
	border-collapse: collapse;
}
article.data #detail-text table th,
article.data .detail table td {
	padding: 10px;
	border: 1px solid #aaa;
}
article.data #detail-text ul,
article.data #detail-text ol {
	list-style: none;
	overflow: hidden;
}
article.data #detail-text li {
	position: relative;
	margin: 0.5em 0 0.5em 0.5em;
	padding-left: 18px;
	list-style: none;
}
article.data #detail-text .archive-list-data li {
	margin: 20px 0 0 0;
	padding: 0;
}
article.data #detail-text ul > li:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 20px;
	background: #FF6F4D;
}
article.data #detail-text ul.archive-list-data > li:before {
	display: none;
}
article.data #detail-text ol {
	counter-reset: datalist;
}
article.data #detail-text ol > li:before {
	counter-increment: datalist;
	content: counter(datalist);
	position: absolute;
	top: 4px;
	left: -4px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	background: #4DABFF;
	color: #fff;
	border-radius: 20px;
	font-size: 12px;
	font-weight: bold;
}
article.data #detail-text #toc_container li {
	margin: 0.3em 0;
	padding-left: 0;
}
article.data #detail-text #toc_container ul > li:before,
article.data #detail-text #toc_container ol > li:before {
	display: none;
}
article.data #detail-text blockquote {
	position: relative;
	padding: 1px 20px 1px 40px;
	background: #e4f0fb;
	border-radius: 5px;
}
article.data #detail-text blockquote::before {
	content: "\201C";
	font-size: 130px;
	line-height: 1;
	height: 100px;
	position: absolute;
	top: -20px;
	left: -30px;
	z-index: 1;
	font-family: serif;
	color: #4DABFF;
}
.relative-post {
	position: relative;
	margin: 1em 0;
	background: #eee;
	padding: 15px;
}
.relative-post:before {
	content: '関連記事';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	padding: 5px;
	background: #d00;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.1;
}
.relative-post figure {
	float: left;
	width: 100px;
	min-width: 100px;
	margin: 0 15px 0 0;
	line-height: 0;
}
.relative-post figure img {
	width: 100px;
	height: 75px;
	object-fit: cover;
}
#detail-text .relative-post h4 {
	margin: 0 0 8px;
}
#detail-text .relative-post p {
	margin: 0;
	font-size: 12px;
}
article.data .detail > code,
article.data .detail > pre {
	padding: .1em .3em;
	border: solid 1px #bdbdbd;
	background-color: #f5f5f5;
	border-radius: 2px;
	font-family: Consolas,Menlo,Courier,Monaco,monospace,sans-serif;
	line-height: 1;
}
article.data .detail > pre {
	padding: 10px;
}
article.data iframe {
	max-width: 100%;
}
.notice {
	display: flex;
	flex-wrap: wrap;
	margin: 15px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1;
	list-style: none;
}
.notice > li {
	padding: 5px 7px;
	border: 2px solid #d00;
	border-radius: 5px;
	color: #d00;
}
.archive-list-data h2 {
	margin-bottom: 4px;
}
article.data .detail img {
	margin: 0 auto;
}
span.figure,
article.data figure {
	display: block;
	text-align: center;
}
article.data .archive-list-data figure {
	margin-bottom: 0;
	line-height: 0;
}
span.figure + br {
	display: none;
}
.blockquote {
	margin: 1.5em 1em 1.5em 2em;
}

.related-datapage-links ul {
	display: flex;
	flex-wrap: wrap;
}
.related-datapage-links li {
	margin: 0 7px 10px 0;
	line-height: 1.3;
}
.related-datapage-links a {
	display: block;
	padding: 4px 7px 3px;
	border: 2px solid #ff0083;
	border-radius: 15px;
	color: #ff0083;
	font-weight: bold;
	text-decoration: none;
}

.datapage-related-pages {
	margin: -10px 10px 10px 10px;
	list-style: none;
}
.datapage-related-pages li {
	position: relative;
	margin-top: 15px;
}
.datapage-related-pages a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	font-weight: bold;
	text-decoration: none;
	font-feature-settings: 'palt';
	letter-spacing: 0.5px;
}
.datapage-related-pages a > figure {
	width: 50px;
	min-width: 50px;
	margin-right: 10px;
	line-height: 0;
}
.datapage-related-pages img {
	max-width: 100%;
	height: auto;
}
.datapage-related-pages a > span {
	display: block;
	-webkit-box-flex: 1;
			-ms-flex-positive: 1;
					flex-grow: 1;
}

#detail-text > div[align="center"] {
	max-width: 100%;
	overflow-x: hidden;
}
div[id^="div-gpt-ad"] {
	text-align: center;
}
.logly-lift-widget-header {
	padding-left: 10px !important;
}



/* home slide */
#home_slide {
	padding-bottom: 20px;
}
#home_slide figcaption {
	margin-top: 5px;
	padding: 0 10px;
	opacity: 0;
	transition: opacity .5s ease;
}
#home_slide .swiper-slide-active figcaption {
	opacity: 1;
}
#home_slide a {
	text-decoration: none;
}
#home_slide img {
	width: 100%;
	height: auto;
	aspect-ratio: 3/2;
	object-fit: contain;
	object-position: center center;
}
#home_slide .swiper-button-next,
#home_slide .swiper-button-prev {
	top: 45%;
	width: 40px;
	height: 40px;
	color: #333;
	background: rgba(230,230,230,.75);
	border-radius: 5px;
}
#home_slide .swiper-button-next:after,
#home_slide .swiper-button-prev:after {
	font-size: 24px;
}
#home_slide .swiper-horizontal>.swiper-pagination-bullets,
#home_slide .swiper-pagination-bullets.swiper-pagination-horizontal,
#home_slide .swiper-pagination-custom,
#home_slide .swiper-pagination-fraction {
	bottom: 0;
}
#home_slide .swiper-pagination-bullet-active {
	background: #FF6F4D;
}
#home_slide figcaption h2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden; 
	line-height: 1.2;
}
img.webtoon {
	margin: 0;
	display: block;
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
img.webtoon + br {
	display: none;
}

/* onesignal 確認モーダルの重なり調製 */
#onesignal-popover-container,
#onesignal-slidedown-container {
	z-index: 99999 !important
}