/*
Theme Name: meviy04_2
Description: Meviy Blog Template
Author: MASAtoshi OKA
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meviy04_2
Tested up to: 5.7
Requires PHP: 6.3
Version: 4.2
*/

/* TITLE */
h1.entry-title{
	font-weight: 700;
	font-size: 1.8em;
	color: #555;
	line-height: 140%;
	margin: 10px 0 0px 0;
	-webkit-box-sizing: border-box;
	clear: both;
 }
h1.entry-title{ padding: 0 }
h1.entry-title small{
font-size: 15px; font-weight: 600;
}
h1.entry-title a:hover,
h2.entry-title a:hover,
p.series_title a:hover{
	color: #000;
}
h1.entry-title small.company_name br{display: none;}
a.cat_title{
	display: block;
	float: left;
	font-size: 12px;
	padding: 2px 10px;
	background: #555;
	color: #fff !important;
	margin: 0 10px 10px 0;
	font-weight: 500;
}
/*entry-content */
.entry-content { font-size: 1.2em; overflow: hidden; color: #555; padding-bottom: 0px; padding-top: 30px;}
/* Headng */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
	clear: both ;
	position: relative;
	font-weight: 600;
	overflow: auto;
	box-sizing: border-box;
	color: #555; /* #24569F */
	line-height: 160%;
	margin: 40px 0 20px 0px;
}
.entry-content h1{border-left: solid 7px #555;  padding: 0px 0 0px 10px;}
.entry-content h2{border-left: 10px #24569F solid; background: #e8e8e8; padding: 10px 0 10px 15px; }
.entry-content h3{border-left: 10px #24569F solid; padding: 0px 0 0px 15px; }
.entry-content h4{border-bottom: solid 1px #555; padding-left: 5px;}
.entry-content h5,
.entry-content h6{
	border-bottom: dotted 1px #555;
}
.entry-content h1 { font-size: 1.8em; }
.entry-content h2 { font-size: 1.4em; margin: 60px 0 30px 0px;}
.entry-content h3 { font-size: 1.3em; }
.entry-content h4 { font-size: 1.2em; }
.entry-content h5 { font-size: 1.1em; }
.entry-content h6 { font-size: 1em; }

/* タグ　メタ情報 */
.entry_tag{display: block;width: 100%; margin-bottom: 30px;}
.entry-meta a, .entry-cat a { font-size: 9px; padding: 3px; color: #24569F !important; overflow: hidden;  margin: 0 0 10px 0;}
.entry-meta a:hover, .entry-cat a:hover { background-color: #24569F; color: #fff !important; }
.tagchecklist{display: none;}
.entry-date { font-size: 1em; text-align: right}
.wp-caption {max-width:100%}
.entry-content strong{}
.entry-content p a{text-decoration: underline; color: #24569F;}
.entry-content a:hover {color: #0092ff !important;}
.entry-content p, .entry-content div, .entry-content pre, .entry-content kbd, .entry-content tt .entry-content ul, .entry-content ol, .entry-content table, .entry-content address, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content blockquote p, .entry-content dl, .entry-content dt, .entry-content dd {line-height: 170%; }
.entry-content p{padding-bottom: 20px ; font-size: 1em;}
.entry-content p:first-child, .entry-content div:first-child, .entry-content pre:first-child, .entry-content kbd:first-child, .entry-content tt:first-child, .entry-content ul:first-child, .entry-content ol:first-child, .entry-content table:first-child, .entry-content address:first-child, .entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child, .entry-content blockquote p:first-child, .entry-content dl:first-child, .entry-content dt:first-child, .entry-content dd:first-child { margin-top: 0px; }
.entry-content pre code, .entry-content code, .entry-content pre, .entry-content kbd, .entry-content tt { font-size: 1.2em; }
.entry-content blockquote { margin: 10px; background-color: #fcfcfc; padding: 15px; }

/* 本文フォーマット */
.entry-content p{color: #555; letter-spacing:0.05em; margin-bottom: 10px;}
.entry-content small { font-size: 0.7em; }
.entry-content ul, .entry-content ol { list-style-position:outside; margin-bottom: 15px; padding-left: 15px;  }
.entry-content ul li, .entry-content ol li { margin-top: 10px; margin-left: 25px; line-height: 160%; font-size: 1em; list-style-type:inherit}
.entry-content ul li li, .entry-content ol li li { font-size: 1em; }
.entry-content ul ul, .entry-content ol ol { margin: 10px 0 0 10px; }
.entry-content table{
	width: 100%;
	max-width: 100% !important;
	border: 1px #ddd solid;
	border-collapse: collapse;
	margin: 20px 0;
	/* table-layout: fixed; */
}
.entry-content th, .entry-content td {
	border: 1px #ddd solid;
	padding: 5px;
	font-size: 0.8em;
}
.entry-content th p, .entry-content td p{padding: 0; margin:0;}
.entry-content td ul, .entry-content td ol {padding-left: 0px;}
.entry-content th { background-color: #fcfcfc; }
.entry-content th, .entry-content td { word-break:break-all; }
.entry-content img { border: none; max-width: 100% !important;}
.entry-content .wp-smiley { border: 0 none; }
.entry-content .wp-caption { background-color: transparent; padding: 0px; border: none; text-align: center; margin: 10px; }
.entry-content .wp-caption img { margin: 0 0 5px; border: 0 none; }
.entry-content .wp-caption p.wp-caption-text { margin: 0; font-size: 0.7em; margin-bottom: 20px; }

/* 他記事へのリンク */
.internal a{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 90%;
	margin: 20px auto;
	background: #fff;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	padding: 20px;
	box-sizing: border-box;
	cursor: pointer;
}
.internal_thumb{
	width: 500px;
	margin-right: 15px;
}
.internal_thumb img{
	width: 100%;
	height: auto;
	margin: 5px 0 0 0;
	margin-top: 5px;
}
.internal_desc{
	display: block;
}
.entry-content p.internal_title{
	font-size: 17px;
	font-weight: 600;
	margin: 0;
	padding: 0;
}
.entry-content p.internal_content{
	font-size: 12px;
	margin: 0;
	padding: 0;
}
.entry-content p.internal_content small{
	font-size: 10px;
}
@media screen and (max-width:700px) {


}

/* 会社情報 */
.company_logo, .company_detail{display: block;}
.company_detail{width: 50%; margin-left: 5%; float: right}
.company_detail.about_only{width: 100%}
.company_logo{width: 45%; float: left;}
.company_logo td{vertical-align: top;}
.company_detail.about_only .company_logo{display: none;}
.company_detail h3{font-weight: 600; margin-bottom: 10px;}
.company_detail p{font-size: 14px;}
.company_logo img{width: 100%; height: auto;}
.company_logo table{border: none; margin-top: 30px;}
.company_logo td{font-size: 12px; border: none; margin-top: 10px; padding: 4px;}

/* 前後のページ */
h4.post-nav{text-align: center; margin: 30px 0 0 0 ; padding: 0; font-size: 14px; font-weight: 600;}
.post-navigation {
	font-size: 0.9em;
	clear: both;
	padding: 0px 0;
	border: 2px solid #555;
	color: #444;
	overflow: hidden;
	margin: 6px 0 30px 0;
	display: flex;
	box-sizing: border-box;
}
.post-navigation a { color: #444 !important; }
.post-navigation a:hover { color: black; }
.post-previous, .post-next{
	width: 50%;
}
.nav_between{width: 2px; border-right: 2px solid #555;margin: 7px 0;}
.post-previous:hover, .post-next:hover{background: #bababa;}
.post-navigation table{width: 100%; height: 100%;}
.post-navigation table td{
	padding: 10px;
	vertical-align: middle;
	line-height: 140%;
}

td.arrow_prev, td.arrow_next{width: 35px;}
.post-navigation table td.arrow_prev{padding: 0 0 0 10px;}
.post-navigation table td.arrow_next{padding: 0 10px 0 0;}
td.arrow_prev p, td.arrow_next p{
	display: inline-block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
}
td.arrow_prev p{
	background: url(../images/common/nav_prev.png)0 0 no-repeat;
	background-size: contain;
}
td.arrow_next p{
	background: url(../images/common/nav_next.png)0 0 no-repeat;
	background-size: contain;
}

.meta-post-nav { font-size: 1.2em; }
h2.archive_cat_title{
	display: inline-block;
	border: 3px solid #005ebf;
	border-left: 20px solid #005ebf;
	font-size: 15px;
	font-weight: 600;
	color: #005ebf;
	padding: 5px 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}
.balloon{
  position: relative;
  padding: 20px;
  background: #ebf1f7;
  margin: 20px 0 30px 0;
}
.balloon::before{
  content: '';
  position: absolute;
  left: 35px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ebf1f7;
  border-left: 15px solid transparent;
}
.area_line{border: 2px solid #555;}
.area_yellow{background: #FAED00}
.area_blue{background: #005EAB; color: #fff}
.area_gray{background: #555; color: #fff}
.area_yellow a {color: #555}
.circle_thumb{
	display: block;
	width: 100px; height: 100px;
	float: none;
	clear: both;
	margin: 0px 0;
	-moz-border-radius:50px;
	border-radius:50px;
	overflow: hidden;
}
.circle_thumb img{width: 100%; height: auto; margin: 0; padding: 0}
.circle_thumb_right, .circle_thumb_left{
	display: block;
	width: 100px; height: 100px;
	float: none;
	clear: both;
	margin: 0px 0;
	-moz-border-radius:50px;
	border-radius:50px;
	overflow: hidden;
}
.circle_thumb_right{float: right; margin-left: 20px;}
.circle_thumb_left{ float: left; margin-right: 20px;}
.circle_thumb .wp-caption{width: 100%; height: 100%; margin: 0; padding: 0; position: relative;}
.circle_thumb .wp-caption p.wp-caption-text{
	position: absolute; bottom: 10px; text-align: center;
	z-index: 9000;
	font-weight: 600;
	font-size: 14px;
}
.btn_yellow, .btn_blue{
	display: block;
	width: 100%;
}
.btn_yellow a, .btn_blue a {
	display: block;
	float: none;
	font-size: 1.5em;
	text-align: center;
	padding: 20px;
	color: #444;
	width: 90%;
	margin: 40px auto;
	font-weight: 600;
	text-decoration: none;
	-moz-border-radius:15px;
	border-radius:15px;
	box-sizing: border-box;
}
.btn_yellow a{background-color: #ffc600; }
.btn_blue a{background-color: #005EAB; color: #fff !important}
.btn_yellow a:hover { background-color: #555; color: #fff !important; opacity: 1;;  }
.button_blue a:hover { background-color: #555; color: #fff !important;  }

.box_line, .box_yellow, .box_blue, .box_gray{
	display: inline-block;
	font-size: 1.2em;
	font-weight: 600;
	padding: 5px 10px;
	margin: 10px 0
}
.box_line{border: 2px solid #555;}
.box_yellow{background: #FAED00}
.box_blue{background: #005EAB; color: #fff}
.box_gray{background: #555; color: #fff}

.area_line, .area_yellow, .area_blue, .area_gray{
	display: block;
	width: 90%;
	font-size: 1.1em;
	font-weight: 400;
	padding: 10px 10px;
	margin: 20px 5%;
	-moz-border-radius:10px;
	border-radius:10px;
	box-sizing: border-box;
}

.box_name{display: block; float: none; width: 100px;
	font-weight: 600;
	font-size: 14px;
	margin: 0px 0 20px;
	text-align: center;
}
.text_big{font-size: 1.8em}


/* ライター情報 writer_info.php */
.single_writer_area{
	width: 700px;
	float: none;
	display: block;
	background: #fafafa;
	padding: 20px 40px;
	margin: 20px auto 40px auto;
	-moz-border-radius:10px;
	border-radius:10px;
}
.single_writer_area h3{
	font-size: 13px;
	margin: 0;
	font-weight: 600;
	margin: 0 0 20px 0;
	padding: 5px 0;
	text-align:center;
	border-bottom: 1px dotted #929292;
	letter-spacing: 4px;
}
.single_writer_area img{
	display: block;
	overflow: hidden;
	width: 150px; height: auto;
	float: left;
	margin-right: 20px;
}
.single_writer_area h2{
	margin-top: 60px;
	font-size: 20px;
	font-weight: 600;
	line-height: 120%;
}
.single_writer_area h2 small{font-size: 12px;}
.single_writer_area h2 a {color: #555;}
.single_writer_area h2 a:hover{text-decoration: underline;}
.single_writer_info{ margin-top: 20px; }
.single_writer_info p{font-size: 15px; line-height: 160%; margin-bottom: 12px; text-align: justify;}
a.single_writer_link{
	float: left;
	display: block; width: 100px;
	text-align: center;
	padding: 5px 10px; ;
	font-weight: 600;
	font-size: 0.8em;
	color: #555 !important;
	margin: 5px auto 0 auto;
	border: 1px solid #555
}
a.single_writer_link:hover{
	background: #555;
	color: #fff !important;
	opacity: 1 !important;
}
@media screen and (max-width:770px) {
	.single_writer_area{
		width: 100%;
	margin: 20px 0;
		box-sizing: border-box;
		padding: 20px !important;
	}
}

/* 記事下h3 */
section.single_pickup h3,
section.single_related h3,
.single_writer_info h3{
	display: block;
	padding: 2px 0 0 10px;
	margin-left: 10px;
	border-left: 4px solid #555;
	font-size: 17px;
	font-weight: 600;
}

/* ライター情報 SMALL */
.single_writer_name{display: block;}

.single_writer_name table{width: 100%; margin: 10px 0;}
.single_writer_name td{padding: 10px; vertical-align: middle; box-sizing: border-box;}
.single_writer_name td.td_portrait{width: 100px;}
.single_writer_name img{
	display: block;
	width: 80px;
	height: 80px;
	-moz-border-radius:40px;
	border-radius:40px;
	overflow: hidden;
	float: left;
}
.single_writer_name a h2{
	color: #555;
	font-size: 16px;
	font-weight: 600;
}
.single_writer_name a p{
	color: #bebebe;
	font-size: 12px;
}

.single_writer_example{}
.single_writer_example h4{
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	margin: 10px 0;
}
.single_writer_example ul{list-style: none; margin: 0; padding: 0;}
.single_writer_example ul li{
	padding: 10px;
	font-size: 14px;
	border-top: 1px solid #ececec;
}
.single_writer_example ul li small{font-size: 12px; padding-left: 10px;}
.single_writer_example ul li:last-child{border-bottom: 1px solid #ececec;}
.single_writer_example ul li a{color: #555;}
.single_writer_example ul li:hover{
	background: #b8d3ea;
}
a.single_writer_link{
	display: block;
	float: none;
	margin: 30px auto 0 auto;
	width: 200px;
	padding: 10px;
	border: 2px solid #555;
	text-align: center;
	color: #555;
	font-size: 14px;
	font-weight: 500;
}
a.single_writer_link:hover{
	background: #555;
	color: #fff;;
}

/* 目次 */
.ez-toc-section{padding-top: 60px;}/* 20201126 */
#ez-toc-container{
	display: block;
	width: 70%;
	margin: 50px 15%;
	padding: 0px;
	box-sizing: border-box;
	-moz-border-radius:5px;
	border-radius:5px;
	border: #555 2px solid;
	background: #fff;
	overflow: hidden;
}
p.ez-toc-title{
	font-size: 1.3em !important;
	font-weight: 500 !important;
	color: #fff !important;
	background: #555;
	padding: 5px 20px !important;
	margin-bottom: 0;
}
ul.ez-toc-list {
	list-style: disc;
	padding-top: 10px;
}
ul.ez-toc-list li {font-size: 1em; margin: 0px 0 15px 20px; color: #555; font-weight: 600;}
ul.ez-toc-list li a{color: #555}
ul.ez-toc-list li a:hover{color: #24569F}
ul.ez-toc-list ul {padding-top: 0px; list-style: disc; margin: 0;}
ul.ez-toc-list ul li {font-size: 16px; margin: 3px 0; padding-left: 0px;}


/* 画像付き目次 */
.content_before{}

.image_index{
	display: block;
	width: 100%;
	margin: 50px 0;
	padding:0px 0;
	box-sizing: border-box;
	-moz-border-radius:5px;
	border-radius:5px;
	border: #555 2px solid;
	background: #fff;
	overflow: hidden;
}
.image_index ul li {
	font-size: 15px;
	color: #555;
	font-weight: 600;
}
.image_index ul li a{color: #555}
.image_index ul li a:hover{color: #24569F}
ul.text_index {
	list-style: disc;
	padding-top: 10px;
}

ul.text_index ul {padding-top: 0px; list-style: disc; margin: 0;}
ul.text_index ul li { margin: 3px 0; padding-left: 0px;}
ul.img_index{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 20px 0;
}
ul.img_index li{
	width: calc(33% - 20px);
	margin: 10px;
	list-style-type: none;
	line-height: 100% !important;
}
ul.img_index li img{width: 100%; height: auto;}
.index_img_text_ol{
	display: flex;
	justify-content: flex-start;
}
@media screen and (max-width:600px) {
	.image_index ul li {font-size: 14px;}
	ul.img_index li{
		width: calc(50% - 20px);
		margin: 10px;
		list-style-type: none;
		line-height: 120%;
	}
}
@media screen and (max-width:400px) {
	.image_index ul li {font-size: 14px;}
	ul.img_index {flex-direction: column;}
	ul.img_index li{width: 100%; margin: 10px 0;}
	.image_index ul li a{
		display: flex;
		justify-content: flex-start
	}
	.image_index ul li img{width: 100px !important; height: auto;}
	.index_img_text {width: calc(100% - 110px); margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}
}



/* 関連記事 */
section.single_pickup,
section.single_related{
	padding-bottom:5px;
	display: block;
	clear: both;
	overflow: hidden;
	width: 100%;
}
ul.related_post{
	display:flex;
	flex-wrap:wrap;
	margin:30px auto;
	justify-content:space-between;
	align-items: stretch;
	width: 100%;
	padding: 0 !important;
}
ul.related_post li{
	width: calc(33.3% - 20px) ;
	margin:0 10px !important;
	position:relative;
	display:block;
	overflow:hidden;
	margin-bottom: 15px;
	padding: 0 !important;
	box-sizing: border-box;
}
ul.related_post li a{width:100% !important; display: block; clear: both; color: #555; padding: 3px; box-sizing: border-box;}
ul.related_post li a.wp_rp_title{padding: 0; box-sizing: border-box; line-height: 150%; font-size: 14px;}
ul.related_post li a img{
	width:100%; height:auto; margin: 0 0 7px 0 !important; padding: 0 !important;
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	box-shadow:0px 0px 3px rgba(0,0,0,0.2);
}

/* YARPP */
.yarpp-thumbnails-horizontal{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-top: 20px;
	padding: 0 !important;
}
.yarpp-thumbnails-horizontal a.yarpp-thumbnail{
	width: calc(33.3% - 20px) !important;
	margin:0 10px !important;
	position:relative;
	display:block;
	margin-bottom: 15px;
	padding: 3px;
	box-sizing: border-box;
	box-sizing: border-box;
	border: none !important;
	color: #555;
}
.yarpp-thumbnails-horizontal a.yarpp-thumbnail img{
	width: 100% !important;
	height: auto !important;
	margin: 0 0 7px 0 ;
	padding: 0;
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	box-shadow:0px 0px 3px rgba(0,0,0,0.2);
}
.yarpp-thumbnails-horizontal a.yarpp-thumbnail .yarpp-thumbnail-title{
	font-weight: 400;
	padding:  0px !important;
	font-size: 14px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 !important;
	height: auto !important;
	display: block;
}
.yarpp-thumbnails-horizontal a.yarpp-thumbnail .yarpp-thumbnail-default {width:100% !important; height: auto; display: block; margin: 0;}
.yarpp-thumbnails-horizontal a.yarpp-thumbnail .yarpp-thumbnail-default > img{min-width: 100%; min-height: auto;}

@media screen and (max-width:700px) {
	section.single_pickup,
	section.single_related{
		background: #f6f6f6;
		padding: 10px 0;
		width: calc(100% - 20px);
		float: none;
		margin: 20px auto;
		-moz-border-radius:5px;
		border-radius:5px;
		box-sizing: border-box;
	}
	section.single_pickup h3,
	section.single_related h3{
		font-size: 14px;
		float: none;
		margin: 0 auto;
		border-left: none;
		padding: 3px 0;
		text-align: center;
		border-bottom: 2px solid #555;
		border-top: 2px solid #555;
		width: calc(100% - 40px);
	}
	section.single_pickup h3{margin-top: 15px;}
	ul.related_post{flex-direction: column; justify-content: space-around;}
	ul.related_post li{
		width: auto !important;
		display: flex;
		margin-bottom: 10px !important;
		background: #fff;
		}
	ul.related_post li:hover{background: #ededed}
	ul.related_post li a{width: auto !important; vertical-align: middle; display:inline-block;}
	ul.related_post li a.wp_rp_thumbnail{
		width: 100px !important;
	}
	ul.related_post li a.wp_rp_title{
		width: calc(100% - 100px) !important;
		padding: 5px;
		box-sizing: border-box;
	}
	.yarpp-thumbnails-horizontal{
		padding: 0 10px !important ;
	}
	.yarpp-thumbnails-horizontal a.yarpp-thumbnail {
		display: flex;
		width: 100% !important;
		height: auto;
		background: #fff;
		margin :0 0 10px 0 !important;
		padding: 0 !important;
	}
	.yarpp-thumbnails-horizontal a.yarpp-thumbnail img{
		width: 100px !important;
		display: inline-block;
		margin: 0;
	}
	.yarpp-thumbnails-horizontal a.yarpp-thumbnail .yarpp-thumbnail-title{
		width: calc(100% - 100px) ;
		display: inline-block;
		padding: 10px !important;
		box-sizing: border-box;
		height: auto !important;
		overflow: visible;
	}
}
/* Context related post */
.crp_related{
	padding-bottom:5px;
	display: block;
	clear: both;
	overflow: hidden;
	width: 100%;
}
.crp_related h2{}
.crp_related ul{
	display:flex;
	flex-wrap:wrap;
	margin:30px auto;
	justify-content:space-between;
	align-items: stretch;
	width: 100%;
	padding: 0 !important;
}
.crp_related ul li{
	width: calc(33.3% - 20px) ;
	margin: 10px !important;
	position:relative;
	display:block;
	overflow:hidden;
	margin-bottom: 15px;
	padding: 0 !important;
	box-sizing: border-box;
}
.crp_related ul li a.crp_link{
	width:100% !important;
	display: block;
	clear: both;
	color: #555;
	padding: 0 !important;
	box-sizing: border-box;
}
.crp_related ul li a.crp_link figure{padding: 0 !important; margin: 0 !important;}

.crp_title{
	line-height: 150%;
	font-size: 14px;
}
.crp_related ul li a figure img{
	width:100% !important;
	height:auto;
	margin: 0 !important;
	padding: 0 !important;
	-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
	box-shadow:0px 0px 3px rgba(0,0,0,0.2);
}

@media screen and (max-width:770px) {
	h3.series_title{
	width: calc(100% - 20px);
	margin: 30px 10px;
	}
}

@media screen and (max-width:650px) {
	.text_big{font-size: 1.3em}
	.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {letter-spacing: 0em;}
	.entry-content h1 { font-size: 1.8em; }
	.entry-content h2 { font-size: 1.4em ; }
	.entry-content h3 { font-size: 1.2em; }
	.entry-content h4 { font-size: 1.1em; }
	.entry-content h5 { font-size: 1em; }
	.entry-content h6 { font-size: 1em; }
	.writer_box{
	display: inline-block;
	height: auto; width: 40%;
	margin: 15px  2.5%;
	}
	h1.entry-title, h2.entry-title, .h1_series p {font-size: 1.4em;}/* 20210208 */
	.company_detail{width: 100%; margin-left: 0; float: none}
	.company_detail.about_only{width: 100%}
	.company_logo{width: 100%; float: none;}
	.company_detail.about_only .company_logo{display: none;}
	.company_detail h3{font-weight: 600; margin-bottom: 10px;}
	.company_detail p{font-size: 14px;}

	.single_writer_area{padding: 10px 5px;}
	.single_writer_img{width: 100px; height: 100px;}
	.single_writer_info{width: 100%; padding: 0;}

	.bubble_img{
		float: none;
		margin: 0 auto 40px auto;
	}
	.bubble_text{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.bubble_text::before{
	  left: calc(50% - 15px);
	  top: -30px;
	  border: 15px solid transparent;
	  border-bottom: 15px solid #fff;
	}

}

.dl_bnr{
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	flex-wrap: nowrap;
	width: 100%;
	background: #fff;
	-moz-border-radius:10px;
	border-radius:10px;
	overflow: hidden;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	padding: 10px;
	background: #ffc600;
	margin: 10px 0;
}
.dl_bnr_img{
	width: 130px;
	}
.dl_bnr_img img{
	width:100%;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
}
.dl_bnr_text{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 130px);
	padding: 0 10px;
	color: #555;
	box-sizing: border-box;
}
.entry-content .dl_bnr_text h3{
	border: none;
	margin: 0 0 7px 0;
	padding: 0 !important;
	font-size: 20px;
	line-height: 130%;
}
.entry-content .dl_bnr_text h3 small{font-size: 14px;}
.entry-content .dl_bnr_text h3 small br{display: none;}
.entry-content .dl_bnr_text p{font-size: 14px; margin: 0;}

.dl_cat_bnr {
	width: 100%;
	/* -moz-border-radius:10px;
	border-radius:10px; */
	overflow: hidden;
	padding: 30px;
	background: #fff;
	margin: 20px 0;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.dl_cat_bnr h3{
	border: none;
	margin: 0 0 7px 0;
	padding: 0 !important;
	font-size: 20px;
	line-height: 130%;
}
.dl_cat_bnr ul{
	display: flex;
	justify-content: space-around;
	list-style: none;
	margin:0;
	padding: 20px 0;
}
.dl_cat_bnr ul li{
	list-style-type: none;
	width: 100px ;
	margin: 0;
	padding: 0;
}
a.dl_cat_bnr_link{
	display: block;
	width: 90%;
	max-width: 400px;
	margin: 10px auto 0 auto;
	background: #ffc600;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align: center;
	padding: 10px;
	color: #000;
	font-weight: 600;
	font-size: 20px;
}
a.dl_cat_bnr_link:hover{
	background: #000;
	color: #fff !important;
	opacity: 1;
}

/* ショートコードバナー */
.post_bnr{
	cursor: pointer;
	padding: 20px 0;
}
.post_bnr a{
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	box-sizing: border-box;
	-moz-border-radius:10px;
	border-radius:10px;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	cursor: pointer !important;
}
.post_bnr.bnr_black a{color: #000;}
.post_bnr.shadow_1 a{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.post_bnr.shadow_2 a{box-shadow: rgba(0, 0, 0, 0.6) 0 5px }
.post_bnr.shadow_3 a{box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}

.post_bnr.text_big a{
	font-size: 20px;
}
.post_bnr a:hover{
	opacity: 0.8;
	cursor: pointer !important;
	color: #fff !important;
}
.post_bnr a:hover img{opacity: 1;}
.post_bnr_img,
.post_bnr_text{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.post_bnr_img img{
	height: 30px;
	width: auto;
	margin-right: 20px;
}
.post_bnr.arrow_white_1 a:after,
.post_bnr.arrow_white_2 a:after,
.post_bnr.arrow_white_3 a:after,
.post_bnr.arrow_white_4 a:after,
.post_bnr.arrow_black_1 a:after,
.post_bnr.arrow_black_2 a:after,
.post_bnr.arrow_black_3 a:after,
.post_bnr.arrow_black_4 a:after{
	content: "";
	display: block;
	width: 40px;
	margin-left: 15px;
}
.post_bnr.arrow_white_1 a:after{ background: url(../images/common/arrow_a_white.png) center center no-repeat; background-size: contain;}
.post_bnr.arrow_white_2 a:after{ background: url(../images/common/arrow_b_white.png) center center no-repeat; background-size: contain;}
.post_bnr.arrow_white_3 a:after{ background: url(../images/common/arrow_c_white.png) center center no-repeat; background-size: contain;}
.post_bnr.arrow_white_4 a:after{ background: url(../images/common/arrow_d_white.png) center center no-repeat; background-size: contain;}
.post_bnr.arrow_black_1 a:after{ background: url(../images/common/arrow_a_black.png) center center no-repeat; background-size: contain;}
.post_bnr.arrow_black_2 a:after{ background: url(../images/common/arrow_b_black.png) center center no-repeat; background-size: contain;}
.post_bnr.arrow_black_3 a:after{ background: url(../images/common/arrow_c_black.png) center center no-repeat; background-size: contain;}
.post_bnr.arrow_black_4 a:after{ background: url(../images/common/arrow_d_black.png) center center no-repeat; background-size: contain;}

.post_bnr small{
	display: block;
	width: 100%;
	font-size: 12px;
	text-align: center;
}
@media screen and (max-width:700px) {
	.post_bnr a{
		flex-direction: column;
		text-align: center;
		padding-bottom: 5px;
	}
	.post_bnr_img, .post_bnr_text{
		display: block;
		float: none;
		margin: 5px auto;
	}
	.post_bnr_img img{
		width: 90%;
		height: auto;
		margin: 0;
	}
}
.post_bnr.bnr_round a{
	-moz-border-radius:100px;
	border-radius:100px;
}


.post_bnr2 a {
	display: flex;
	justify-content: center;
	margin: 20px 0;
}
.post_bnr2_img_pc{
	max-width: 100% ;
	-moz-border-radius:7px;
	border-radius:7px;
	overflow: hidden;;
}
.post_bnr2_img_sp{display: none;}


@media screen and (max-width:600px) {
	.post_bnr2_img_pc{display: none;}
	.post_bnr2_img_sp{
		display: block;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
		-moz-border-radius:7px;
		border-radius:7px;
		overflow: hidden;
	}

}

/* コラム */
.post_column{
	display: block;
	float: none;
	width: calc(100% - 30px);
	margin: 30px auto;
	padding: 20px 20px 10px 20px;
	background: #fff;
	color: #0a1464;
	border: 2px solid #0a1464;
	-moz-border-radius:10px;
	border-radius:10px;
}
.post_column p,
.post_column li,
.post_column h2,
.post_column h3,
.post_column h4,
.post_column h5{
	color: #0a1464;
}
.entry-content .post_column h5{
	font-size: 22px;
	border-bottom: 2px solid #0a1464;
	text-align: center;
}
.entry-content .post_column ul.post_column_img_row{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	margin: 20px 0 !important;
	padding: 0 !important;
	list-style: none;
}
.entry-content .post_column ul.post_column_img_row li{
	width: auto;
	max-width: 100%;
	display: block;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}
.entry-content .post_column ul.post_column_img_row li p{
	margin: 2px 0 0 0 !important;
	font-size: 0.8em;
	text-align: center;
}

.entry-content .post_column ul.post_column_img_row.column_img_2{
	justify-content: space-between;
}
.entry-content .post_column ul.post_column_img_row.column_img_2 li{
	width: calc(50% - 10px);
}
.entry-content .post_column ul.post_column_img_row li img{
	max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.entry-content .post_column ul.post_column_img_row.column_img_2 li img{
	width: 100%;
	height: auto;
}

@media screen and (max-width:600px) {
	.entry-content .post_column ul.post_column_img_row.column_img_2{
		flex-wrap: wrap;
	}
	.entry-content .post_column ul.post_column_img_row.column_img_2 li{
		width: auto;
		margin: 10px 0 !important;
	}
}