@charset "utf-8";
/*
Theme Name: P2
Author: wp.theme.builder.01
*/
/* -------------- フォントファミリー font-family -------------- */
@font-face	{
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face	{
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face	{
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face	{
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face	{
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
@font-face	{
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 100;
}
@font-face	{
	font-family: "Helvetica Neue";
	src: local("Helvetica Neue Regular");
	font-weight: 200;
}
@font-face	{
	font-family: "Yu Mincho";
	src: local("Yu Mincho Medium");
	font-weight: 100;
}
@font-face	{
	font-family: "Yu Mincho";
	src: local("Yu Mincho Medium");
	font-weight: 200;
}
@font-face	{
	font-family: "Yu Mincho";
	src: local("Yu Mincho Medium");
	font-weight: 300;
}
@font-face	{
	font-family: "Yu Mincho";
	src: local("Yu Mincho Medium");
	font-weight: 400;
}
@font-face	{
	font-family: "Yu Mincho";
	src: local("Yu Mincho Bold");
	font-weight: bold;
}
html, button, input, select, textarea	{
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Meiryo, メイリオ, "Yu Gothic", YuGothic, Verdana, sans-serif;
	font-family: a-otf-ud-shin-go-pr6n, Meiryo, メイリオ, "Yu Gothic", YuGothic, Verdana, sans-serif;
	font-weight: 300;
	font-style: normal;
}
h1, h2, h3, h4, h5	{
	font-family: a-otf-ud-shin-go-pr6n, Meiryo, メイリオ, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
	font-weight: bold;
}
.slug, .eng	{
	font-family: 'Zilla Slab', -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
}
code, kbd, pre, samp	{
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace, serif;
}
.span-mincho	{
	font-family: "Yu Mincho", Yu Mincho, serif;
}
@media all and (-ms-high-contrast: none) 	{
	html, button, input, select, textarea	{
		font-family: Verdana, Meiryo, sans-serif;
	}
	.span-mincho	{
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
}
@media all and (-ms-high-contrast: active)	{
	html, button, input, select, textarea	{
		font-family: Verdana, Meiryo, sans-serif;
	}
	.span-mincho	{
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
}
/* ---------- サイト幅 基本 ---------- */
.site-main .inner, #location .inner, .page-type-title-container .inner, .content-title-container .inner, .site-width .inner, .single .entry-header-container, .single .entry-content-main, .single.attachment .site-main-no-sidebar #content .entry-content, .site-width, #bottom-banner .inner, .site-footer .inner	{
	width: 100%;
	padding: 0 10px;
	margin: 0 auto;
}
/* ---------- 位置固定アイテム ---------- */
#page-top	{
	bottom: 10px;
	right: 10px;
}
#fixed-item	{
	bottom: 10px;
	left: 10px;
	background-color: rgba(255,255,255,0.75);
}
.fixed-content	{
	position: fixed;
	bottom: 100px;
	right: 0;
	z-index: 100;
}
@media only screen and (min-width: 769px)	{
	#main	{
		min-height: calc( 768px - 400px );
	}
	.site-main-no-sidebar .full-width, .site-main-no-sidebar .full-width .inner, .full-width, .full-width .inner	{
		width: 100%;
	}
	#location .inner, .site-main-no-sidebar .inner, .page-type-title-container .inner, .site-main-no-sidebar .content-title-container .inner, #header-logo-wrap .inner, .site-main-no-sidebar .site-width .inner, .single .site-main-no-sidebar .entry-header-container, .single .site-main-no-sidebar .entry-content-main, #bottom-banner .inner, .site-footer .inner, .site-width	{
		padding: 0 20px;
	}
	.site-main-has-sidebar .inner, .site-main-has-sidebar .content-title-container .inner, .site-main-has-sidebar .site-width .inner, .single .site-main-has-sidebar .entry-header-container, .single .site-main-has-sidebar .entry-content-main, .site-main-has-sidebar .site-width	{
		padding: 0;
	}
	#header-logo-wrap .inner	{
		padding-top: 20px;
	}
	#site-navigation	{
		font-size: 20px;
		padding: 20px;
	}
	.single .entry-header-container.single-header-flex	{
		padding: 20px;
	}
}
/* ---------- リキッド
@media only screen and (min-width: 769px)	{
	.site-main-has-sidebar, #header-logo-wrap .inner, #header-image, .banner-text, #skippr .slider-text, #site-navigation, #location .inner, .page-type-title-container .inner, .site-main-no-sidebar .inner, .single .site-main-no-sidebar .entry-header-container, .single .site-main-no-sidebar .entry-content-main, #bottom-banner .inner, .site-footer .inner, .site-width	{
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}
	.site-main-no-sidebar .pager-single, .single .site-main-no-sidebar .entry-header-container.single-header-flex	{
		width: calc( 100% - 20px * 2 );
		max-width: calc( 1200px - 20px * 2 );
	}
}
@media only screen and (min-width: 1217px)	{
	#page-top {
		right: calc( 50% + 10px - 1200px / 2 );
	}
}
 ---------- */
/* ---------- サイト幅 min-width: 1040px ---------- */
@media only screen and (min-width: 769px)	{
	body	{
		min-width: 1140px;
	}
	.site-main-has-sidebar, #header-logo-wrap .inner, #header-image, .banner-text, #skippr .slider-text, #site-navigation, #location .inner, .page-type-title-container .inner, .site-main-no-sidebar .inner, .single .site-main-no-sidebar .entry-header-container, .single .site-main-no-sidebar .entry-content-main, #bottom-banner .inner, .site-footer .inner, .site-width	{
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}
	.site-main-no-sidebar .pager-single, .single .site-main-no-sidebar .entry-header-container.single-header-flex	{
		width: calc( 1140px - 20px * 2 );
	}
}
@media only screen and (min-width: 1157px)	{
	#page-top {
		right: calc( 50% + 10px - 1140px / 2 );
	}
}
/* ---------- ヘッダー ---------- */
#header-logo img, #footer-logo img	{
	margin-bottom: 10px;
}
@media only screen and (max-width: 768px)	{
	#header-container.have-logo.nav-s-height	{
		padding-top: 0;
	}
	#header-logo-s	{
		font-size: 10px;
		height: auto;
	}
	#header-logo-s.logo-s-absolute	{
		position: relative;
	}
	#header-logo-s img	{
		height: 40px;
	}
}
@media only screen and (min-width: 769px)	{
	#header-logo-wrap .inner	{
		padding-bottom: 20px;
	}
	#header-logo	{
		font-size: 16px;
		text-align: center;
		width: 100%;
	}
	#header-logo img	{
		width: 210px;
	}
	#navbar	{
		background-color: #F7F8F8;
	}
	#site-navigation ul.nav-menu li a	{
		font-weight: bold;
	}
	#site-navigation ul.nav-menu .current_page_item > a, #site-navigation ul.nav-menu .current-page-ancestor > a, #site-navigation ul.nav-menu .current-menu-item > a, #site-navigation ul.nav-menu .current-menu-ancestor > a, #site-navigation ul.nav-menu li a:hover, #site-navigation ul.nav-menu .current-post-ancestor a {
		opacity: 1;
		color: #999;
	}
}
/* ---------- 基本設定：表示／非表示、カラー ---------- */
.mera-wrap	{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.taglist a:before	{
	content: none;
}
.author	{
	display: initial;
	margin-right: 0;
}
article .date	{
	margin-right: 0;
}
.entry-data .author:before	{
	content: "|";
    opacity: 0.5;
    margin: 0 10px;
}
body, body a, .color-default	{
	color: #000;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.color-theme	{
	
}
.bgcolor-theme	{
	
}
.color-in-bgcolor	{
	color: #FFF;
}
body	{
	font-size: 16px;
	line-height: 1.7;
}
h1, h2, h3, h4, h5, h6	{
	margin: 30px 0 10px;
}
h1	{
	font-size: 28px;
}
h2	{
	font-size: 24px;
}
h3	{
	font-size: 22px;
}
h4	{
	font-size: 20px;
}
h5	{
	font-size: 18px;
}
#location, #location .page-title, #location a	{
	font-size: 10px;
}
.loop-content .entry-body	{
	font-size: 12px;
}
#footer-copy	{
	font-size: 10px;
	text-align: center;
}
.mera-wrap .taglist {
	position: absolute;
	top: 5px;
	left: 5px;
}
#top-showcase .mera-wrap .taglist {
	position: relative;
	top: auto;
	left: auto;
}
@media only screen and (max-width: 768px)	{
	.display-thumbnail-m .mera-wrap .taglist {
		position: relative;
		top: auto;
		left: auto;
	}
	.date-display-true	{
		display: block;
	}
	.entry-data .author:before	{
		content: none;
	}
}
@media only screen and (min-width: 769px)	{
	body	{
		font-size: 18px;
	}
	h1, h2, h3, h4, h5, h6	{
		margin: 40px 0 10px;
	}
	h1	{
		font-size: 38px;
	}
	h2	{
		font-size: 34px;
	}
	h3	{
		font-size: 28px;
	}
	h4	{
		font-size: 24px;
	}
	h5	{
		font-size: 20px;
	}
	#location, #location .page-title, #location a	{
		font-size: 12px;
	}
	.loop-content .entry-body	{
		font-size: 14px;
	}
	#footer-copy	{
		font-size: 12px;
	}
	.sidebar	{
		font-size: 14px;
	}
	.mera-wrap	{
		font-size: 16px;
	}
	.mera-wrap .taglist {
		top: 10px;
		left: 10px;
	}
}
/* ---------- 本文 ---------- */
.margin-thick .fc-child-container + .fc-child-container	{
	margin-top: 40px;
}
.block-link .btn-m	{
    color: #FFF;
    line-height: 1;
    padding: 10px 20px;
	margin-top: 5px;
	margin-right: 0;
	margin-left: auto;
    background-color: #999;
    box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.07);
}
.page-title-container	{
	text-align: center;
}
.single .page-title-container	{
	display: none;
}
.page-title-container .page-type-title .slug, .page-posttype-archive .page-title-container .page-type-title .page-type-title-body	{
	display: none;
}
.page-type-title-body + .archive-label:before	{
	content: none;
}
.fc-thumbset-row	{
	position: relative;
}
.fc-thumbset-row .fc-thumbset-thumbnail	{
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.fc-thumbset-row .fc-thumbset-thumbnail:before	{
	content: '';
	padding-top: 100%;
}
.fc-thumbset-row .fc-thumbset-content .block-link:before	{
	content: '';
	position: absolute;
	top: 0
	;right: 0;
	bottom: 0;
	left: 0;
}
/* ---------- 
.pager-no-title	{
	justify-content: space-between;
}
.pager-no-title a	{
	margin-right: 0;
	margin-left: 0;
}
 ---------- */
.author .page-title-container .author-info	{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.author .page-title-container .inner .author-text	{
	text-align: left;
	width: 72%;
}
.author .page-title-container .inner .avatar	{
	width: 25%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.author .page-title-container .inner .avatar:before	{
	content: '';
	display: block;
	padding-top: 100%;
}
@media only screen and (max-width: 768px)	{
	.author .page-title-container .inner	{
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: solid 1px #F6F6F6;
		border-bottom: solid 1px #F6F6F6;
	}
	.author .page-title-container .inner .page-type-title	{
		font-size: 20px;
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 769px)	{
	.author .page-title-container .author-info	{
		align-items: center;
		padding: 20px;
		border: solid 1px #F6F6F6;
	}
	.author .page-title-container .inner .page-type-title	{
		font-size: 28px;
	}
}
/* ---------- タグクラウド ---------- */
ul.wp-tag-cloud	{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.wp-tag-cloud li	{
	margin: 0 0.5em 0.5em 0;
}
.wp-tag-cloud li a	{
	font-size: 14px !important;
	color: #000;
	line-height: 1;
	display: block;
	padding: 0.4em;
	background-color: #FFF;
	border-radius: 100px;
	border: solid 1px #4C4948;
}
@media (min-width: 769px)	{
	.wp-tag-cloud li a	{
		font-size: 18px !important;
	}
}
/* ---------- ページャー 改ページ -------------------- */
.pager-more	{
	font-size: 16px;
	text-align: center;
	line-height: 1;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
	border-top: dashed 1px #DDD;
}
.pager-more > *	{
	padding: 7px 10px;
	background-color: #EEE;
	border-radius: 2px;
}
.pager-more > *:first-child	{
	margin-left: 10px;
}
.pager-more > span	{
	color: #FFF;
    background-color: #CCC;
}
.pager-more >  a	{
	color: #000;
	background-color: #EEE;
}
.pager-more > * + *	{
	margin-left: 7px;
}
.pager-more a:hover	{
	color: #FFF;
	background-color: #d93600;
}
@media only screen and (max-width: 768px)	{
	.va-top-m .fc-thumbset-row	{
		align-items: flex-start;
	}
}
/* ---------- トップ ---------- */
.fc-grid .fc-grid-thumbnail	{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.fc-grid .fc-grid-thumbnail:before	{
	content: '';
	display: block;
	padding-top: 50%;
}
.fc-grid .fc-grid-thumbnail a	{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.home .optionblock-before	{
	text-align: center;
}
.home .optionblock-before h2	{
	margin-bottom: 0;
}
#top-showcase .optionblock-before	{
	height: 48px;
}
#top-showcase .optionblock-before h2	{
	font-size: 48px;
	color: #F19168;
	font-weight: 500;
	line-height: 1;
	width: calc( 100% - 20px );
	position: absolute;
	top: 0;
	z-index: 2;
}
#top-showcase .optionblock-main	{
	margin-top: -24px;
}
#top-featured	{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #F6F6F6;
}
#top-featured .optionblock-before h2	{
	color: #55B87F;
}
#top-pickup .optionblock-before h2	{
	color: #45AAD8;
}
#top-new .optionblock-before h2	{
	color: #F19BB7;
}
.letter-spacing-wide	{
	letter-spacing: 0.2em;
}
.display-thumbnail-m .va-css	{
	
}
@media only screen and (max-width: 768px)	{
	#top-featured .fc-grid + .fc-grid	{
		margin-top: 20px;
	}
}
@media only screen and (min-width: 769px)	{
	#top-showcase	{
		margin-top: 80px;
	}
	#top-showcase .optionblock-before	{
		height: 64px;
	}
	#top-showcase .optionblock-before h2	{
		font-size: 64px;
		width: 1100px;
	}
	#top-showcase .optionblock-main	{
		margin-top: -32px;
	}
	#top-featured	{
		padding-top: 40px;
		padding-bottom: 40px;
	}
}
/* ---------- シングル ---------- */
@media only screen and (max-width: 768px)	{
	.single .entry-header-container.single-header-flex	{
		flex-direction: column-reverse;
	}
	.single .single-header-flex .entry-header, .single .single-header-flex .article-image	{
		width: 100% !important;
	}
	.single .single-header-flex .entry-header h1	{
		font-size: 22px;
	}
}
@media (min-width: 769px)	{
	.single #content .entry-content	{
		width: 900px;
	}
}
/* ---------- アーカイブ ---------- */
article .loop-content .entry-title	{
	font-size: 18px;
}
.taglist-post_tag a	{
	background-color: #FFF;
	border: solid 1px #4C4948;
}
.article-container article .taglist .taglist-post_tag	{
	display: none;
}
.taglist a, .taglist .tax-order-1 a	{
	background-color: #FFF;
	border-radius: 100px;
}
article.term-interview .article-image	{
	border-bottom: solid 5px #8DC21F;
}
article.term-life-hack .article-image	{
	border-bottom: solid 5px #EC705C;
}
article.term-column .article-image	{
	border-bottom: solid 5px #54B77F;
}
article.term-event .article-image	{
	border-bottom: solid 5px #44AAD7;
}
article.term-other .article-image	{
	border-bottom: solid 5px #F09AB6;
}
article.term-etc .article-image	{
	border-bottom: solid 5px #F09067;
}
article.term-report .article-image	{
	border-bottom: solid 5px #f4b527;
}
article .taglist a.taglist-term-interview	{
	color: #8DC21F;
	border: solid 1px #8DC21F;
}
article .taglist a.taglist-term-life-hack	{
	color: #EC705C;
	border: solid 1px #EC705C;
}
article .taglist a.taglist-term-column	{
	color: #54B77F;
	border: solid 1px #54B77F;
}
article .taglist a.taglist-term-event	{
	color: #44AAD7;
	border: solid 1px #44AAD7;
}
article .taglist a.taglist-term-other	{
	color: #F09AB6;
	border: solid 1px #F09AB6;
}
article .taglist a.taglist-term-report	{
	color: #f4b527;
	border: solid 1px #f4b527;
}
article .taglist a.taglist-term-etc	{
	color: #F09067;
	border: solid 1px #F09067;
}
.article-image	{
	margin-bottom: 5px;
}
#top-showcase .article-image	{
	border-width: 0 0 10px;
}
.article-image:before	{
	padding-top: 56.25%;
}
#top-showcase .article-image:before	{
	padding-top: 50%;
}
@media only screen and (min-width: 769px)	{
	article.term-interview .article-image, article.term-life-hack .article-image, article.term-column .article-image, article.term-event .article-image, article.term-other .article-image, article.term-report .article-image, article.term-etc .article-image	{
		border-width: 0 0 10px;
	}
	#top-showcase .article-image	{
		border-width: 0 0 20px;
	}
	article .loop-content .entry-title	{
		font-size: 24px;
	}
}
/* ---------- ボトムバナー ---------- */
#bottom-banner	{
	padding-top: 20px;
	padding-bottom: 20px;
}
#bottom-banner .taglist	{
	text-align: center;
	align-items: center;
}
#bottom-banner .taglist a, .page-slug-tags #content .taglist a	{
	padding: 0.5em;
	background-color: #FFF;
	border: solid 1px #4C4948;
}
@media only screen and (min-width: 769px)	{
	#bottom-banner	{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#bottom-banner .taglist a, .page-slug-tags #content .taglist a	{
		font-size: 24px;
	}
}
/* ---------- フッター ---------- */
#colophon	{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #373838;
}
#colophon, #colophon a	{
	color: #FFF;
}
#colophon > div + div	{
	margin-top: 10px;
}
#footer-logo	{
	font-size: 12px;
	text-align: center;
}
#footer-logo img	{
	width: 80px;
}
#footer-menu	{
	text-align: center;
}
#colophon aside + aside	{
	margin-top: 10px;
}
.footer-nav ul.menu > li	{
	margin-right: 5px;
}
@media only screen and (min-width: 769px)	{
	#colophon {
		padding-top: 40px;
		padding-bottom: 30px;
	}
	#colophon > div + div	{
		margin-top: 40px;
	}
	#footer-logo	{
		font-size: 16px;
	}
	.footer-nav ul.menu > li	{
		padding: 0 1.5em;
		margin: 0;
	}
	.footer-nav ul.menu > li + li	{
		border-left: solid 1px #FFF;
	}
	.footer-nav ul.menu > li > a:before	{
		content: none;
	}
	#footer-logo img	{
		width: 250px;
	}
}
/* ---------- 広告 ---------- */
.single #content .entry-body p:last-child + div	{
	margin-top: 20px;
}