@charset "UTF-8";
/*
Theme Name:Hash
Template:broden
Theme URI:http://hashmedia.net
Author:Hash
Version:20160525

gleen:#c8dde0--#9ac4c9--#70a8af
black:#36393b--#545454
blue:#7399b8
yellow:#ffeb6d
*/
@import url('../broden/style.css');
:focus { /* for firefox*/
	outline-style: none;
	-moz-outline-style: none;
}
body {
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif !important;
	font-weight: 500;
	word-break: break-all;
	word-wrap: break-word;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif !important;
	font-weight: bold;
}
.post .post-cat ul li a,
.post .post-meta .post-comment a,
.post .post-meta .post-date,
.error-404.not-found h1 { font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif !important; }
p {
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif !important;
	font-weight: 500;
}
figure img {
	min-width: 100%;
	max-height: 360px;
	object-fit: cover;
	overflow: hidden;
}
/* header & footer
------------------------------------ */
header .header-bottom.sticky .brand-logo a .logo-fixed { max-height: 25px; }
header .header-main .brand-logo a img,
.sidebar-navigation .sidebar-navigation-logo a img {
	max-width: 206px !important;
	max-height: 60px !important;
}
.blog-main { margin: 40px; }
@media screen and (max-width:991px) {
.blog-main { margin: 10px; }
}
@media screen and (max-width:767px) {
header .header-main .brand-logo a img,
.sidebar-navigation .sidebar-navigation-logo a img {
	max-width: 103px !important;
	max-height: 30px !important;
}
header .header-main .brand-logo {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
}
@media screen and (max-width:479px) {
.blog-main { margin: 0px; }
}
footer .footer-menu ul {
	text-align: center;
	margin: 0;
	padding: 0;
}
footer .footer-menu ul li {
	display: inline-block;
	margin: 0;
	padding: 5px 8px;
}
footer .footer-menu ul li a {
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
}
footer .footer-menu ul li a:hover {
	color: #9ac4c9;
	text-decoration: none;
}
/* go to top */
.back-to-top,
.back-to-top a {
	width: 90px;
	height: 50px;
	line-height: 1;
}
.back-to-top a{ padding: 10px 0 0;}
.back-to-top span {	
	display: block;
	font-size: 9px;
	padding: 5px 0 0;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif !important;
}
@media screen and (max-width:767px) {
.back-to-top {bottom: 100px;}
}
/* sidebar
------------------------------------ */
.widget_tag_cloud .tagcloud a {
	display: inline-block;
	margin: 3px;
}
/* MOST POPULAR WIDGET - LATEST POSTS WIDGET */
.popular-posts .widget-inwrap > ul > li {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 15px 0;
}
.popular-posts .widget-inwrap > ul > li~li{ border-top: 1px solid #eee; }
.popular-posts .widget-inwrap > ul > li:first-child{ padding: 0 0 15px; }
.popular-posts .widget-inwrap > ul > li:last-child{ padding: 15px 0 0; }
.popular-posts ul li .post-image{
	display: inline-block;
	float: left;
	max-width: 70px;
}
.popular-posts .post-inwrap{ margin: 0 0 0 90px; }
.popular-posts .post-inwrap .post-cat{ display: inline-block; }
.popular-posts .post-inwrap .post-date{
	padding: 0;
	margin: 5px 0 0;
}
.popular-posts .post-inwrap .post-date:before{ background-color: transparent; }
.popular-posts .post-inwrap .post-title{ margin: 0 0 5px; }
.popular-posts .post-inwrap .post-title h2{
	font-size: 13px;
	font-weight: 400;
	letter-spacing: -0.2px;
}
.popular-posts .post-inwrap .post-title h2 a:hover {
	background-color: transparent;
	text-decoration: underline;
}
/* featured
------------------------------------ */
.blog-feautured .featured-style-1,
.blog-feautured .featured-style-2,
.blog-feautured .featured-style-width,
.blog-feautured .featured-style-4 {
	max-height: 300px !important;
	overflow: hidden !important;
}
.blog-feautured .slick-slide,
.blog-feautured .post-image,
.blog-feautured .post-image a,
.blog-feautured .post {
	height: 300px !important;
	overflow: hidden;
}
.blog-feautured .post-image a {
	display: block;
	overflow: hidden;
}
.blog-feautured .post figure a img {
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	overflow: hidden;
}

@media screen and (max-width:767px) {
.blog-feautured .featured-style-1,
.blog-feautured .featured-style-2,
.blog-feautured .featured-style-width,
.blog-feautured .featured-style-4,
.blog-feautured .slick-slide,
.blog-feautured .post-image,
.blog-feautured .post-image a,
.blog-feautured .post { height: 240px !important; }
.blog-feautured .post .post-inwrap .post-title h2 { font-size: 22px; }
}

@media screen and (max-width:479px) {
.blog-feautured .featured-style-1,
.blog-feautured .featured-style-2,
.blog-feautured .featured-style-width,
.blog-feautured .featured-style-4,
.blog-feautured .slick-slide,
.blog-feautured .post-image,
.blog-feautured .post-image a,
.blog-feautured .post { height: 200px !important; }
.blog-feautured .post .post-inwrap .post-title h2 { font-size: 16px; }
.blog-feautured .slick-arrow { display: none !important; }
}
/* post
------------------------------------ */
/* breadcrumb */
#breadcrumb {
	font-size: 14px;
	padding: 0 0 15px;
	margin: 0;
	clear: both;
}
#breadcrumb div {
	display: inline-block;
	padding: 0 8px 0 0;
	margin: 0px;
}
#breadcrumb div span { padding: 0 8px 0 0; }
#breadcrumb a { color: #9ac4c9; }

/* post-meta */
.post .post-cat ul li a { text-decoration: none; }
.post .post-cat ul li a:hover { background-color: #c8dde0 }
.post .post-comment,
.post .post-meta .post-date,
.post .post-meta .author {
	position: relative;
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.7px;
	text-transform: uppercase;
}
/* post text*/
.page-post .post-header .post-title h1 { font-size: 32px; }
.post .post-content h2 {
	font-size: 24px;
	margin: 40px 0 10px;
	padding: 10px 0;
	border-bottom: 2px solid #9ac4c9;
}
.post .post-content h3 {
	font-size: 20px;
	margin: 20px 0 10px;
	padding: 0 20px;
	border-left: 2px solid #9ac4c9;
}

@media screen and (max-width:767px) {
.page-post .post-header .post-title h1 { font-size: 24px; }
.post .post-content h2 { font-size: 20px; }
.post .post-content h3 { font-size: 18px; }
}
.post .post-content,
.post .post-content p,
.post-entry,
.post-entry p,
.post-content table td,
.post-content table a,
.post-content dd,
.post-comments .comment-list li .comment-text table td,
.post-comments .comment-list li .comment-text table a,
.post-comments .comment-list li .comment-text dd {
	font-size: 16px;
	line-height: 1.5;
	padding: 10px 0;
	color: #545454;
}
.post .post-content p a,
.post-post-entry p a,
.post-content table tbody th a,
.post-content dd a,
.post .post-content ul li a,
.post .post-content ol li a,
.post-content table tbody td a {
	-webkit-tap-highlight-color: #9ac4c9;
	color: #36393b;
	font-weight: normal;
	text-decoration: underline;
	background: none !important;
}
.post .post-content p a:hover,
.post-post-entry p a:hover,
.post-content table tbody th a:hover,
.post-content dd a:hover,
.post .post-content ul li a:hover,
.post .post-content ol li a:hover,
.post-content table tbody td a:hover {
	color: #545454;
	text-decoration: none;
	background: #9ac4c9 !important;
}
/* pagelink */
.pagelink {
	color: #fff;
	background: #70a8af;
	border: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 -3px 0 0 rgba(0, 0, 0, 0.2) inset;
	-webkit-transition: background 0.3s, opacity 0.3s;
	transition: background 0.3s, opacity 0.3s;
}
.pagelink:hover {
	text-decoration: none !important;
	color: #ffffff !important;
	background-color: #9ac4c9;
}
/* ul,ol */
.post .post-content ul li,
.post .post-content ol li {
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 15px;
}
/* blockquote */
.post .post-content blockquote {
	position: relative;
	border: 0;
	padding: 30px;
	margin: 15px 0 20px;
	background: #EEEEEE;
}
.post .post-content blockquote:before {
	content: "“";
	font-size: 600%;
	font-family: sans-serif;
	line-height: 1em;
	color: #CCC;
	position: absolute;
	left: 0;
	top: 0;
}
.post .post-content blockquote p {
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;
	color: #111;
	text-decoration: none;
}
.post .post-content blockquote p:first-letter {
	float: none;
	font-size: inherit;
	margin: auto;
}
/* iframe responsive */
.resetwidth img,
.resetwidth video,
.resetwidth object .resetwidth iframe {
	width: initial; /* 初期状態にリセット */
	max-width: initial; /* 初期状態にリセット */
	display: inline;
}
/* iframeのレスポンシブ */
.youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.instagram iframe,
.instagram-media iframe,
.youtube iframe {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
/* 出典 */
figure.wp-caption figcaption.wp-caption-text {
	color: #CCC !important;
	font-size: 12px !important;
	margin: 0;
	padding: 0;
}
figure.wp-caption figcaption.wp-caption-text a { color: #CCC; }
figure.wp-caption figcaption.wp-caption-text a:after {
	content: "\f08e";
	font-family: FontAwesome;
	padding: 0 0 0 5px;
}
.page-post .post-tags {
	margin: 15px 0;
	padding: 10px 0;
	font-size: 12px;
}
.page-post .post-tags p {
	display: inline;
	margin: 0 0 0 10px;
}
.page-post .post-tags a {
	display: inline-block;
	text-transform: none;
	padding: 3px;
	color: #36393b;
}
/* iine */
.iinebox {
	background-repeat: no-repeat;
	background-size: cover;
	margin: 15px 0;
	background-position: center center;
}
.iinebox .mod-fb-bt {
	display: inline-block;
	margin: 10px 0;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
}
.iinebox .fb-bt {
	background: rgba(0, 0, 0, 0.6);
	color: #FFF;
	padding: 30px;
	text-align: center;
	font-weight: bold;
}
.iinebox .fb-bt .txtsmall { font-size: 14px; }
.iinebox .fb-bt p { margin: 10px; }
.iinebox .fb-bt p i.fa-twitter { color: #09BAE9; }
.iinebox .fb-bt p i.fa-thumbs-o-up { color: #6277a1; }
/* related-posts */
.related-posts {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 15px 0;
}
.related-posts .related-posts-inwrap { display: block; }
.related-posts .post { display: block; }
/* ad */
.page-post .post-inwrap .adbox {	text-align: center;}
.page-post .post-inwrap .adbox > div { margin: 0 auto;}
.mt15{	margin-top: 15px;}
.mb15{	margin-bottom: 15px;}
._popIn_recommend_header {
	font-size: 24px;
	margin: 10px 0 10px !important;
	padding: 10px 0;
	border-bottom: 2px solid #9ac4c9;
}
/* SNS */
.page-post .post-inwrap {
	position: relative;
	margin: 0;
}
.page-post .post-inwrap .social-share {
	padding: 0;
	margin: 15px 0;
	border-bottom: none;
	height: 65px;
	overflow: hidden;
}
.page-post .post-inwrap .social-share.share-top { margin: 25px 0; }
.page-post .post-inwrap .social-share ul {
	display: inline-block;
	width: 100%;
	height: 65px;
}
.page-post .post-inwrap .social-share ul li {
	display: block;
	float: left;
	width: 25%;
	height: 65px;
	text-align: center;
	background: #EEE;
}
.page-post .post-inwrap .social-share ul li .fb-like { margin: 0 auto; }
.page-post .post-inwrap .social-share ul li a {
	width: 100%;
	height: 65px;
	text-decoration: none;
	color: #fff;
	line-height: 1.2;
	padding: 0;
}
.page-post .post-inwrap .social-share ul li a.line { background-color: #25af00; }
.page-post .post-inwrap .social-share ul li a.line:hover { background: #219900; }
.page-post .post-inwrap .social-share ul li a.hatebu { background-color: #00a5de; }
.page-post .post-inwrap .social-share ul li a.hatebu:hover { background: #008cbd; }
.page-post .post-inwrap .social-share ul li a span {
	font-size: 12px;
	float: none;
	font-weight: bold;
	margin: 0;
}
.page-post .post-inwrap .social-share ul li a i,
.page-post .post-inwrap .social-share ul li a span.fa-hatena {
	float: none;
	font-size: 24px;
	line-height: 30px;
	margin: 10px 0 0 0;
}

@media screen and (min-width:480px) {
.page-post .post-inwrap .social-share .mod-fb-bt {
	padding: 5px 0 0;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3);
}
}

@media screen and (max-width:767px) {
.page-post .post-inwrap .social-share ul li a i,
.page-post .post-inwrap .social-share ul li a span.fa-hatena {
	font-size: 20px;
	line-height: 26px;
}
}

@media screen and (max-width:479px) {
.page-post .post-inwrap .social-share ul li a span { font-size: 10px; }
.page-post .post-inwrap .social-share .mod-fb-bt { padding: 10px 0 0; }
}
/*post prev&next*/
.post-directions {
	margin: 0;
	padding: 50px;
	background-color: #333;
}
/* PAGINATION */
.pagination { margin: 15px 0 0; }
.post .post-content .pagination-s p {
	margin: 15px 0 0;
	font-size: 18px;
}
.post .post-content .pagination-s p span{ margin: 0 10px; }
.post .post-content .pagination-s p a{ color:#9ac4c9; }
.page-post .pagination ul {
	display: block;
	text-align: center;
}
.page-post .pagination ul a { display: inline-block; }
.page-post .pagination ul li {
	display: inline-block;
	font-size: 11px;
	line-height: 35px;
	color: #545454;
	font-weight: 900;
	text-align: center;
	width: 35px;
	height: 35px;
	margin-bottom: 0px;
	text-decoration: none;
	background: #EEE;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.page-post .pagination ul a li {
	background: #9ac4c9;
	color: #36393b;
}
.page-post .pagination ul a li:hover {
	background: #c8dde0;
	color: #545454;
}
@media screen and (max-width:767px) {
.page-post .pagination ul {
	text-align: center;
	margin-bottom : 5px !important;
}
}
/* Comment */
.post-comments .comment-respond form .btn{
	border:1px solid #9ac4c9;
	margin-top: 15px;
}
.post-comments .comments-title a:before {content: "";}
.post-comments .comment-list li .comment-image {
	display: none;
	float: none;
}
.post-comments .comment-list li .comment-inwrap{margin: 0}

/* LP */
.lp .readmore { margin-bottom: 5px; }
.lp .readmore .btn {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 0;
	border-radius: 0;
	background-color: #FFF;
	color: #9ac4c9;
	font-weight: bold;
	margin-bottom: 15px;
}
.lp .readmore .btn.btn-info{
	background-color: #9ac4c9;
	color: #fff;
}

/*form*/
.lp .readmore .btn.btn-info:hover,
.post-comments .comment-respond form .btn:hover,
.wpcf7-form input.wpcf7-submit:hover { background-color: #9ac4c9; }

/* ad */
.thirdPartyRoot {
	background-color: white;
	border: 1px solid #ccc;
	font-family: sans-serif;
	max-width: 100%;
	height: 102px;
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0;
}
.thirdPartyMediaClass {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0;
	overflow: hidden;
}
.thirdPartyMediaClass img{
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;
	object-fit: cover;
}
.thirdPartySubtitleClass {
	padding: 5px;
	margin: 0;
	margin-left: 100px;
	color: #9ac4c9;
	font-size: 16px;
	line-height: 1.1;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.fbDefaultNativeAdWrapper {
	height:  auto;
	color: #545454;
	font-size: 12px;
	line-height: 1.1;
	margin: 0 0 0 100px;
	vertical-align: top;
}
.thirdPartyTitleClass {
	padding: 5px;
	margin: 0;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.thirdPartyCallToActionClass {
	display: inline-block;
	background-color: #9ac4c9;
	border-radius: 3px;
	padding: 6px 15px;
	color: #36393b;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	bottom: 5px;
	right: 5px;
}