@charset "UTF-8";

/*
Theme Name: オトナンサー2016 SP
Theme URI: 
Description: 
Author: mozuya
Author URI: http://www.mozuya.net/
Version: 1.0
*/

/* Web Font */
@font-face {
	font-family: "title";
	src: url('common/fonts/migu1cb-j.eot');
	src: url('common/fonts/migu1cb-j.eot?v=20160121') format('embedded-opentype'),
	url('common/fonts/migu1cb-j.woff?v=20160121') format('woff'),
	url('common/fonts/migu1cb-j.ttf?v=20160121')  format('truetype');
}

/*
	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.2;
	padding-bottom: 0 !important;
}
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;
}
.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.2;
	font-size: 1.1em;
	text-decoration: none;
	-webkit-appearance: none;
}
.mw_wp_form input[type=button],
.mw_wp_form input[name=submitBack] {
	background: #666;
}
.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.2;
	border: 1px solid #666;
	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;
	border: 3px solid #d0004d;
	background: #FF005D;
	border-radius: 5px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2;
}
.bt-pageend:hover {
	background: #fff;
	border: 3px solid #FF005D;
	color: #FF005D;
}
.disabled {
	opacity: 0.3;
	-webkit-filter: grayscale(100%); /* モノトーンに変換 webkit */
	-moz-filter: grayscale(100%); /* モノトーンに変換 Firefox */
	filter: grayscale(100%); /* モノトーンに変換 CSS3 */
	filter: progid:DXImageTransform.Microsoft.BasicImage(Opacity=0.3, GrayScale=1); /* モノトーンに変換 IE5.5以降用 */
}
.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: #93ddf5;
	font-size: 24px;
	font-weight: 300;
	color: #026f9a;
	letter-spacing: 1px;	
	line-height: 1.2;
}
.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;
}

.wrapper {
	padding-top: 66px;
}
body.home .wrapper {
	padding-top: 48px;
}
body.single .wrapper {
	padding-top: 56px;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 8px;
	background: #fff;
	z-index: 99999;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}
body.is_gallery header,
body.single header {
  position: absolute;
}
header .logo,
header h1 {
	line-height: 0;
}
.header-title {
	background: #eee;
	line-height: 1.2;
}
.header-title h1 {
	padding: 5px 5px 3px;
	font-size: 12px;
	font-weight: normal;
}
.header-hot-word h2 {
	position: absolute;
	/*top: 8px;*/
	top: 16px;
	right: 65px;
	width: 89px;
	height: 43px;
	background: url(common/img/header-btn-hotword.png) no-repeat 0 0;
	background-size: 89px 86px;
	text-indent: -9999px;
}
.header-hot-word h2.active {
	background-position: 0 -43px;
}

.header-hot-word section {
	display: none;
	position: absolute;
	/*top: 56px;*/
	top: 73px;
	left: 0;
}

.header-hot-word ul {
	display: block;
	flex-wrap: wrap;
	z-index: 10;
	width: 100%;
	padding: 10px;
	background: #FF005D;
	box-shadow: 0 3px 6px rgba(0,0,0,.3);
}

.header-hot-word ul:not(:last-of-type):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: #FF005D;
	border-width: 7px;
	margin-left: -7px;
}
.header-hot-word ul li {
	display: inline-block;
	margin: 5px;
}
.header-hot-word ul:not(:last-of-type) {
	border-bottom: 3px solid #FFF;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.header-hot-word ul:last-of-type {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.header-hot-word a {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
header nav h2 {
	position: absolute;
	top: 16px;
	/*top: 8px;*/
	right: 10px;
	width: 43px;
	height: 43px;
	background: url(common/img/header-btn-menu.png) no-repeat 0 0;
	background-size: 43px 86px;
	text-indent: -9999px;
}
header nav h2.active {
	background-position: 0 -43px;
}
header nav ul {
	display: none;
	position: absolute;
	z-index: 10;
	/*top: 56px;*/
	top: 73px;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #666;
	text-align: center;
	box-shadow: 0 3px 6px rgba(0,0,0,.3);
}
header nav ul:after {
	bottom: 100%;
	right: 25px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 0, 93, 0);
	border-bottom-color: #666;
	border-width: 7px;
	margin-left: -7px;
}
header nav ul li {
	display: inline-block;
	width: 32%;
	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 {
	padding: 4px 0;
	font-size: 17px;
	color: #fff;
}
.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.2;
}
.home-post-list a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.3;
}
.home-post-list .thumbnail {
	display: block;
	width: 90px;
	float: left;
	margin: 3px 10px 0 0;
	line-height: 0;
	text-align: center;
}
.home-post-list .thumbnail img{
	width: 90px;
	height: 80px;
	object-fit: cover;
	border: .5px solid #ccc;
}
.home-post-list .text {
	display: block;
	overflow: hidden;
}

.home-post-list .text .title{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.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-right: 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: 3px;
	line-height: 1;
	vertical-align: middle;
}
span[data-category] {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 4px;
	font-size: 0.7em;
	font-weight: bold;
	background: #666;
	color: #fff;
	border-radius: 3px;
	line-height: 1;
	vertical-align: middle;
}
.archive-list span[data-category] {
	font-size: 0.75em;
	vertical-align: 5%;
}
span[data-category="ライフ"] { background: #206cdf }
span[data-category="漫画"] { background: #ff6f00 }
span[data-category="エンタメ"] { background: #FF005D }
span[data-category="SNS"] { background: #1DA1F2; display: none }
span[data-category="ペット"] { background: #1aa766 }

#home-slide-tab {
	position: relative;
	width: 100%;
	height: 40px;
	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 a {
	display: block;
	min-width: 85px;
	margin-right: 2px;
	padding: 10px 8px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #FFBECE;
	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;
}
#home-slide-tab .active a {
	padding: 10px 8px 15px;
	background: #FF005E;
}

#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: #666;
}
#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: #666;
	border: 2px solid #666;
}




/* 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: 10px;
	font-size: 12px;
}
.topicpath,
.topicpath a {
	color: #999;
}
.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.2;
}
.article-meta-top,
.article-meta-top a {
	color: #999;
}
.article-meta-top a:hover {
	color: #999;
}
.article-meta-top li {
	margin: 0 0 10px;
}
.article-meta-top .article-info > span {
	display: block;
}
.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;
}
.social-button,
.article-tags {
	overflow: hidden;
	margin: 15px 0;
}
.social-button {
	margin: 10px 0 0;
	font: normal 13px/1 Arial, sans-serif;
	text-align: center;
}
.social-button li {
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
}
.social-button a {
	display: inline-block;
	min-width: 50px;
	padding: 5px;
	color: #fff;
	font-size: 11px;
	line-height: 1.2;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
}
.social-button a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.social-comment a {
	background: #c00;
}
.social-twitter a {
	background: #000;
}

.social-button i.x{
	font-size: 14px;
}
i.x:before{
	width: 16px;
	height: 16px;
	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");
}
.social-facebook a {
	background: #3b5998;
}
.social-line a {
	background: #00C100;
}
i.line {
	display: inline-block;
	width: 40px;
	height: 20px;
	background: url(common/img/icn-line.png) no-repeat 0 0;
	background-size: 40px 20px;
}
.social-hatena a {
	background: #008fde;
}
.social-hatena strong {
	line-height: 1;
}
.social-button i,
.social-hatena strong {
	display: block;
	margin-bottom: 1px;
	font-size: 20px;
}
.social-button-top {
	margin-top: 20px;
}
.article-tags,
.article-tags a {
	color: #666;
}
.article-tags a:hover {
	color: #999;
}


.article-tags {
	margin: 10px;
	font-size: 0.8em;
}
.article-tags,
.article-tags a {
	color: #666;
}
.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.2;
}
.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 #FF005D;
	background: #FF005D;
	color: #FF005D;
}

.post-nav {
	display: table;
	width: 300px;
	margin: 15px auto;
}
.post-nav li {
	display: table-cell;
	width: 33%;
	line-height: 1.2;
	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: #FF005D;
}
.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;
}
.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 #FF005D;
	color: #FF005D
}

.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: #FF005D;
	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: 0.9em;
	color: #666;
}
.archive-list li figure {
	float: left;
	width: 80px;
	margin: 5px 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.2;
}
.archive-list h2 a {
	color: #FF005D;
	text-decoration: none;
}
.archive-list li .post-list-date {
	margin: 5px 0;
	color: #999;
	font-size: 0.9em;
}
#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: #FF005D;
	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: #FF005D;
}
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.2;
}
.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: #FF005D;
	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 0 8px 20px;
	background: url(common/img/home-list-title-bg.png) no-repeat 8px bottom;
	background-size: auto 31px;
}
.home-pickup-title h3,
.side-title h3 {
	font: normal 22px/1.2 title,sans-serif;
}
.home-pickup li,
.side-ranking li,
.side-recommend li,
.side-releted li {
	margin: 8px;
}
.side-ranking 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-ranking li:nth-child(2) {
	background-position: 0 -126px;
}
.side-ranking li:nth-child(3) {
	background-position: 0 -252px;
}
.side-ranking li:nth-child(4) {
	background-position: 0 -378px;
}
.side-ranking li:nth-child(5) {
	background-position: 0 -504px;
}
.side-ranking li:nth-child(6) {
	background-image: url(common/img/ranking-6.png);
}
.side-ranking li:nth-child(7) {
	background-image: url(common/img/ranking-7.png);
}
.side-ranking li:nth-child(8) {
	background-image: url(common/img/ranking-8.png);
}
.side-ranking li:nth-child(9) {
	background-image: url(common/img/ranking-9.png);
}
.side-ranking li:nth-child(10) {
	background-image: url(common/img/ranking-10.png);
}

.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 {
	text-decoration: none;
}
.side-ranking 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;
	border: 2px solid #FF005D;
	border-radius: 30px;
	color: #FF005D;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.readmore a i {
	margin-right: 5px;
}
#home-slide-list .readmore {
	margin: 0 0 10px;
}

.side-title h3 {
	min-height: 25px;
	font: 22px/1.2 title,sans-serif;
}

.side aside.side-search {
	margin: 15px 0 0 0;
	padding: 10px;
	background: #E6E6E6;
}
.side-search-wrap {
	display: table;
	width: 100%;
	border: 2px solid #FF005D;
	border-radius: 5px;
	background: #FF005D;
}
.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 {
	width: 56px;
	height: 33px;
	background: url(common/img/side-search-button-bg.png) center center;
}
.side-search-button input {
	width: 56px;
	height: 33px;
	opacity: 0.01;
	background: none;
}

.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;
}

.latest-title {
	position: relative;
	margin: 16px 10px 0;
	padding: 0 0 10px 35px;
	background: url(common/img/home-latest-title-bg.png) no-repeat 12px bottom;
}

.swiper-latest-container{
	overflow: hidden;
}

.swiper-latest-container h2{
	margin: 12px 10px 0;
	font-size: 28px;
}

.swiper-latest-container h2 a{
	text-decoration: none;
}

.swiper-latest-container h2 img{
	width: 45px;
	height: 45px;
	position: absolute;
	top: -8px;
	left: -3px;
}

.swiper-latest-container .latest-slide{
	width: 100%;
	margin: 0 auto;
}

.swiper-latest-container .latest-slide li.swiper-slide{
	overflow: hidden;
	padding: 10px;
}
.swiper-latest-container .latest-slide li.swiper-slide a{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.3;
}

.swiper-latest-container .latest-slide .thumbnail img{
	display: block;
	margin: 0 auto 8px;
	width: 340px;
	height: 340px;
	object-fit: cover;
	border-radius: 24px;
	border: .5px solid #ccc;
}

.swiper-latest-container .latest-slide li.swiper-slide .text {
	display: block;
}
.swiper-latest-container .latest-slide li.swiper-slide .date {
	font-size: 11px;
	color: #999;
}
.swiper-latest-container .latest-slide li.swiper-slide .recent {
	display: inline-block;
	margin-right: 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: 3px;
	line-height: 1;
	vertical-align: middle;
}

.swiper-latest-container .swiper-pagination{
	position: static;
}
.swiper-latest-container .swiper-pagination-bullet-active{
	background: #000;
}

.swiper-latest-container .swiper-pagination .swiper-pagination-bullet{
	margin: 0 4px;
}


footer {
	margin: 30px auto 0;
	padding: 20px;
	text-align: left;
	background: #eee;
	color: #666;
	font: normal 12px/1.2 Helvetica,sans-serif;
}
body.single-post footer {
	padding: 20px 20px 220px;
}
footer p {
	line-height: 1.5;
}
#pagetop {
	display: none;
}
#pagetop a {
	position: fixed;
	bottom: 230px;
	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: #FF005D;
	z-index: 10;
}
#pagetop a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	color: #FF005D;
}
#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 dd a {
	text-decoration: none;
}
.side-ranking dd li {
	overflow: hidden;
}
.side-ranking dd figure {
	float: left;
	margin-right: 10px;
}
.side-ranking dd div {
	overflow: hidden;
}
.side-ranking dd 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: #FF005D;
}
#rankling_tab > span a[href="#ranking_comic"] {
	background: #ff6f00;
}
#rankling_tab > span a[href="#ranking_sns"] {
	background: #1DA1F2;
}
#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;
}

/* テーマ特集 */
.detail.special {
	margin: 0;
	padding: 0;
}
article.special figure {
	width: 100%;
	margin: 0;
}
article.special figure.keyvisual {
	line-height: 0;
}
article.special .post-excerpt {
	margin: 0;
}
.list-special-category {
	margin: 10px;
}
.list-special-category p {
	font-size: 0.9em;
}
.list-special-category h2 {
	position: relative;
	margin: 1.2em 0 0.5em;
	padding-bottom: 9px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2;
}
.list-special-category h2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 3px;
	background: #FF005D;
	border-radius: 10px;
}
.list-special-category h2 span {
	/*display: inline-block;*/
	display: table;
	position: relative;
	padding-left: 12px; 
}
.list-special-category h2 span:before,
.list-special-category h2 span:after {
	position: absolute;
	content: '\0020';
	left: 0;
	width: 6px;
	height: 6px;
	background: #FF005D;
	border-radius: 16px;
}
.list-special-category h2 span:before {
	top: 1px;
}
.list-special-category h2 span:after {
	top: 12px;
	background: #333;
}
.list-special {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.list-special > li {
	width: 48.5%;
	margin: 10px 0 5px;
	line-height: 1.3;
}
.list-special > li a {
	text-decoration: none;
}
.list-special h3 {
	font-size: 0.9em;
	font-feature-settings: 'palt';
	letter-spacing: 0.5px;
}
.list-special-post-figure {
	display: block;
	width: 100%;
	height: 30vw;
	margin-bottom: 8px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
.side-special-banner {
	line-height: 0;
}
.side-special-banner img {
	max-width: 100%;
	height: auto;
}

/* テーマ特集への誘導リンク、テーマ特集の前後リンク */
.nextpage.special a { border: 4px solid #ff6f00; background: #ff6f00; color: #ff6f00; }
.nextpage.special .label { font-size: 16px }
.nextpage.special .label i { margin: 0 3px 0 0 }
.special-nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 25px 10px;
}
.special-nav li {
	width: 32%;
}
.special-nav a {
	display: block;
	height: 40px;
	line-height: 40px;
	box-shadow: 0 0 0 2px #000 inset;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.special-nav a:hover {
	color: #FF005D;
	box-shadow: 0 0 0 2px #FF005D inset;
}
.special-nav .special-nav-top a {
	background: #000;
	color: #fff;
}
.special-nav .special-nav-top a:hover {
	background: #FF005D;
}

/* 記事末カスタムボタン */
.custom-button-wrap { margin:0; line-height:0; }
.custom-button-wrap .bt-firstpage { margin-bottom:0; text-shadow:none; border:0 none; padding:10px; }
.post-attachment-list .custom-button-wrap img { border: 0 none; }

/* スライド末尾レコメンド */
.photo_extra_related {
	margin: 0 auto;
}
.photo_extra_related h2 {
	margin-bottom: 15px;
	flex-grow: 1;
	color: #1A62AA;
	font-size: 1.4em;
	font-weight: normal;
}
.photo_extra_related ul {
	border-top: 1px solid #ccc;
}
.photo_extra_related li {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.photo_extra_related li > a {
	display: flex;
	text-decoration: none;
}
.photo_extra_related figure {
	width: 90px !important;
	min-width: 90px !important;
	height: 90px !important;
	min-height: 90px !important;
	margin-right: 20px;
	overflow: hidden;
	background-size: cover !important;
	background-position: center center !important;
	box-shadow: 0 0 0 2px rgba(0,0,0,.2);
}
.photo_extra_related figure img {
	width: auto;
	height: auto;
	max-width: 100%;
}
.photo_extra_related h3 {
	padding-left: 10px;
	font-size: 14px;
	line-height: 1.4;
}

/* 記事下コンテンツ */
.extra-content {
	margin: 15px 10px;
}
.extra-content h2 {
	margin: 0 0 0.5em;
	font-size: 1.3em;
}
.extra-content iframe {
	max-width: 100%;
	height: 55vw;
}

/* Your recommend
-------------------------------------------------------------------------------*/
.your-recommend-contents__body {
	box-sizing: border-box;
	margin: 0;
    padding: 0 10px;
    border: 0;
	font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1.6;
  }
.your-recommend-contents__item1_only {
    display: block;
    width: 100%;
  }
  
  .your-recommend-contents__item1_only--thumb {
    width: 100%;
  }
  .your-recommend-contents__item1_only--thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .your-recommend-contents__item1_only--text {
    margin-top: 14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.71;
  }
  
  .your-recommend-contents__item1 {
    display: block;
    width: 100%;
	text-decoration:none;
  }
  
  .your-recommend-contents__item1--thumb {
    width: 100%;
  }
  .your-recommend-contents__item1--thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .your-recommend-contents__item1--text {
    margin-top: 14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.71;
  }
  
  .your-recommend-contents__list {
    width: 100%;
    margin-top: 20px;
	margin-bottom: 20px;
  }
  
  .your-recommend-contents__item2 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
	text-decoration:none;
  }
  .your-recommend-contents__item2 + .your-recommend-contents__item2 {
    margin-top: 10px;
  }
  
  .your-recommend-contents__item2--thumb {
    aspect-ratio: 1/1;
    max-width: unset;
  }
  .your-recommend-contents__item2--thumb img {
    width: 90px;
    height: 90px;
    -o-object-fit: cover;
    object-fit: cover;
    max-width:initial;
  }
  
  .your-recommend-contents__item2--text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5;
  }
  .your_recommend_title {
	font-family: Meiryo, 'Lucida Grande', YuGothic, Verdana, sans-serif;
    font-size: 20px;
    margin: 0px 0px 0px 0px;
	font-weight: bold;
    padding-top: 30px;
}

/* === OneSignal バーを上部固定＆アニメーション無効化 === */
#onesignal-slidedown-container {
	z-index: 99999 !important;
	top: 0;
	bottom: auto !important;
}

/* OTONA_DEV-148 ギャラリースライド末尾のウィジェット */
h2.slider-end-widget-title {
	font-size: 1.4em;
	font-weight: 500;
	text-align: left;
	color: #1a62aa;
	margin-bottom: 10px;
}

ul.slider-end-widget-list {
	display: flex;
	flex-direction: column;
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ddd;
}

li.slider-end-widget-item {
	border-bottom: 1px solid #ddd;
}

a.slider-end-widget-link {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 10px;
	height: 120px;
	box-sizing: border-box;
	color: inherit;
	text-decoration: none;
	position: relative;
}

a.slider-end-widget-link:hover {
	text-decoration: underline;
}

.slider-end-widget-thumbnail {
	width: 100px;
	height: 100px;
	object-fit: cover;
	margin-right: 8px;
	flex-shrink: 0;
	border-radius: 4px;
}

.slider-end-widget-content {
	flex: 1;
	padding-right: 8px;
	overflow: hidden;
}

.slider-end-widget-content-title {
	font-size: 16px;
	line-height: 1.2em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-height: 3.6em;
}

.slider-end-widget-company {
	position: absolute;
	bottom: 4px;
	right: 8px;
	font-size: 10px;
	text-align: left;
	color: #666;
	padding-left: 120px;
}

/* ギャラリー旧式swiperから前後ボタン装飾をとる */
.wrapper .swiper-button-next,
.wrapper .swiper-button-prev,
.wrapper .swiper-container-rtl .swiper-button-next,
.wrapper .swiper-container-rtl .swiper-button-prev{
	background-image: none;
}

figure.slide-img-section img{
	padding: 0 15px;
}
/* job-offer Box Styles SP */
.job-offer-container {
    margin: 20px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.job-offer-grid {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.job-offer-card {
    display: block; /* SP: Stack vertically */
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    text-decoration: none;
    color: inherit;
    position: relative;
}
.job-offer-card-content {
    margin-bottom: 10px;
}
.job-offer-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
    line-height: 1.4;
}
.job-offer-company {
    font-size: 13px;
    color: #666;
    margin-bottom: 10px;
}
.job-offer-meta-row {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #555;
    margin-bottom: 4px;
}
.job-offer-meta-row .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    color: #037acc;
}
.job-offer-meta-row:last-child {
    margin-bottom: 0;
}
.job-offer-card-right {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.job-offer-detail-btn {
    display: inline-block;
    background: #037acc;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 4px;
}
.job-offer-update {
    font-size: 10px;
    color: #999;
    align-self: center;
}
.job-offer-footer {
    text-align: right;
    margin-top: 10px;
    font-size: 11px;
    color: #999;
}
.job-offer-logo-img {
    height: 14px;
    vertical-align: middle;
    margin-left: 4px;
}
.swiper-slide-job-offer {
    height: auto !important;
}





/* Decoration for Recommended Posts Title */
.box-title.latest-title {
	position: relative;
	margin: 0 0 7px;
	padding: 0 0 9px 12px;
	background: url(../pc/common/img/home-list-title-bg02.png) no-repeat 0 bottom;
}

/* ==========================================================================
   Recommended Posts Isolation (SP)
   ========================================================================== */

/* Title Decoration */
.recommend-box-title {
	position: relative;
	margin: 0 0 7px;
	padding-bottom: 5px;
}
.recommend-box-title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #ccc;
	border-radius: 3px;
}
.recommend-box-title h2 span {
	display: table;
	position: relative;
	padding-left: 17px;
}
.recommend-box-title h2 span:before,
.recommend-box-title h2 span:after {
	position: absolute;
	content: '\0020';
	left: 0;
	width: 8px;
	height: 8px;
	background: #FF005D;
	border-radius: 16px;
}
.recommend-box-title h2 span:before {
	top: 3px;
}
.recommend-box-title h2 span:after {
	top: 15px;
	background: #333;
}
.recommend-box-title h2 {
	min-height: 25px;
	font: 22px/1.2 title,sans-serif;
}

/* Layout - Writer/Advisor */
.recommend-box-writer {
	margin: 24px 10px;
}
.recommend-box-writer ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 16px;
	gap: 18px 2%;
}
.recommend-box-writer ul li {
	flex: 0 0 100%;
	padding: 0 8px;
}
.recommend-box-writer ul li a {
	text-decoration: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.recommend-box-writer ul li a div {
	margin: 0 0 4px;
	flex: 0 0 26%;
}
.recommend-box-writer ul li a div img {
	width: 100%;
	object-fit: contain;
}
.recommend-box-writer ul li a h3 {
	flex: 0 0 72%;
	line-height: 1.2;
	font-size: 14px;
	padding: 8px;
}

/* Layout - Tag */
.recommend-box-tag {
	margin: 24px 10px;
}
.recommend-box-tag ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 16px;
	gap: 18px 1.2%;
}
.recommend-box-tag ul li {
	flex: 0 0 100%;
	padding: 0 8px;
}
.recommend-box-tag ul li a {
	text-decoration: none;
	display: flex;
	flex-wrap: wrap;
}
.recommend-box-tag ul li a div {
	flex: 26%;
}
.recommend-box-tag ul li a div img {
	width: 100%;
	object-fit: contain;
}
.recommend-box-tag ul li a h3 {
	flex: 0 0 72%;
	line-height: 1.2;
	font-size: 14px;
	padding: 8px;
}

/* Layout - Category */
.recommend-box-category {
	margin: 24px 10px;
}
.recommend-box-category ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 16px;
	gap: 18px 2%;
}
.recommend-box-category ul li {
	flex: 0 0 100%;
	padding: 0 8px;
}
.recommend-box-category ul li a {
	text-decoration: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.recommend-box-category ul li a div {
	margin: 0 0 4px;
	flex: 0 0 26%;
}
.recommend-box-category ul li a div img {
	width: 100%;
	object-fit: contain;
}
.recommend-box-category ul li a h3 {
	flex: 0 0 72%;
	line-height: 1.2;
	font-size: 14px;
	padding: 8px;
}

/* Keyword Tag Links */
.related-datapage-links ul {
	display: flex !important;
	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;
}