/*
Theme Name:  Child for Birth.
Theme URI:  https://hiramahp.jp
Description:  Child theme for the Birth theme.
Author: Kojunkai
Textdomain:
Author URI:
Template:  birth_tcd057
Version:  2.1.1
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

.post_content { color:#333333!important; }
.single-news .post_content { color:#333333!important; }
body.page .post_content { color:#333333!important; }

#page_header { min-width: 950px; }
#archive_catch { display: none; }

@media only screen and (max-width:1280px) {
#header_top { display:none; }
#header { height:90px; width:100%; min-width:0; right:0px; top:0px; right:0; z-index:100; margin:0; }
#header_inner { height:90px; width:100%; min-width:0; margin:0; padding:0; }
	.pc #logo_text, .pc #logo_image { padding-left: 30px; }
	.pc #global_menu { padding-right: 30px; }

#main_contents { width:auto; margin:0 auto; padding:0; }
#main_col { width:auto; min-width:0; margin:40px auto 0; padding:0 20px; }
#left_col { width:70%; width:-webkit-calc(100% - 330px); width:-moz-calc(100% - 330px); width:calc(100% - 330px); margin:0 0 20px 0; }
#side_col { width:30%; width:-webkit-calc(300px); width:-moz-calc(300px); width:calc(300px); margin:0 0 40px 0; }
.no_side_content #left_col { width:auto; float:none; }
#footer_contact_area { width: 100%;
		       min-width: 950px; }
#footer_contact_area_inner { width: auto;
	       margin-left: 20px; margin-right:20px;}
#bread_crumb ul { margin-left: 20px;
		  width: auto;
		 min-width: 0px; }
#bread_crumb { min-width: 0px; }

#header_slider { min-width: 0px; }
#index_blog { width: auto;
	      min-width: 0px;}
#index_blog_inner { width: auto; }
.index_content { width: auto; }
#footer_contact .design_button a { min-width: 100px; }
#footer_tel .number { font-size: 30px; }
}

@media only screen and (max-width:992px) {
#header_top { display:none; }
#header { height:56px; width:100%; min-width:0; right:0px; top:0px; right:0; z-index:100; margin:0; }
#header_inner { height:56px; width:100%; min-width:0; margin:0; padding:0; }
#footer_contact_area_inner { margin-left: 0; margin-right:0;}
#footer_contact .design_button a { min-width: 180px; }
}

/* 全体 */
div#bread_crumb,div.side_headline {
	background-color: #b7c4cf!important;
}

#side_col {
	margin-top: 0;
}

div#main_col.clearfix:after { display:none; }

.news-template-default #side_col {
	display: none;
}

.news-template-default #left_col {
	width: 100%;
}

#searchform {
	background-color: #fff;
}

.post_content,body.page .post_content {
	color: #333;
}

.post_content p {
	font-size: 1.2em;
	line-height: 1.8;
}

.post_content li {
	font-size: 1.2em;
	line-height: 140%;
	margin-bottom: 1em;
	margin-left: 20px;
}

.post_content figure figcaption {
	text-align: center;
	color: #a0a0a0;
}

.post_content ul {
	list-style: square outside none;
	margin-left: 0;
}

.post_content table {
	font-size: 1pc;
}

.post_content th {
	background: #fffef2;
	vertical-align: middle;
}

.blog_table .sp1 {
	margin-bottom: 0;
}

.single-news .post_content {
	color: #333;
}

h4.style4z {
	color: #505050;
	background-color: #fff8cc;
	padding: .8em 1em!important;
	font-weight: 700;
	margin: 1.2em 0!important;
	font-size: 18px;
	border-bottom: 1px solid #ddd;
	line-height: 1.6;
	letter-spacing: .1em;
	border-radius: 5px;
}

.my_strong {
	padding: 3px 0;
	background-color: #ffffe0;
	border-bottom: red 1px dotted;
}

#page_header .square_headline {
	opacity: .9;
}

#index_news_list .title {
	font-size: large;
	line-height: 1.1em;
}

#footer_contact_area {
	margin-bottom: 0;
}

#footer_menu li a {
	font-size: smaller;
}

.pb-widget-headline h2.pb_headline {
	padding: .5em;
	padding-left: .8em;
	letter-spacing: .1em;
}

.pc #global_menu>ul>li>a {
	font-size: 1pc;
	font-weight: 600;
}

.page_navi {
	margin-bottom: 40px;
}



/* サイドバーナビゲーション */
.side_widget.widget_search {
	margin-bottom: 25px;
}

.widget_nav_menu {
	margin-bottom: 0;
	font-size: 1pc;
	font-weight: 500;
}

.widget_nav_menu .menu-item {
	display: none;
}

.widget_nav_menu .menu-item-has-children>a {
	font-weight: 700;
	color: #1e73be;
	display: none;
}

.widget_nav_menu .current_page_ancestor,.widget_nav_menu .current_page_item.menu-item-has-children {
	display: block;
}

.widget_nav_menu .sub-menu .menu-item {
	display: block;
	padding-left: 20px;
	position: relative;
}

.widget_nav_menu .sub-menu .menu-item:before {
	content: "";
	position: absolute;
	top: 11pt;
	left: 6px;
	width: 0;
	height: 0;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent #4e789d;
}

.widget_nav_menu .current-menu-item>a,.widget_nav_menu .current_page_item>a {
	color: #1e73be;
	pointer-events: none;
}

.widget_nav_menu .sub-menu .menu-item:last-child {
	margin-bottom: 30px;
}

.widget_nav_menu .side_headline {
	display: none;
}

.widget_nav_menu ul li a {
    padding: 6px 0;
}

@media only screen and (max-width:992px) {
    .side_widget.widget_nav_menu { font-size: 1pc;
				   margin-bottom: 0;}
}

@media screen and (max-width:950px) {
	.widget_nav_menu .sub-menu .menu-item {
		background-color: #f5f5f5;
		margin-bottom: 0;
		border: 1px solid #ddd;
		border-bottom: 0;
		line-height: 3em;
	}

	.widget_nav_menu .current_page_ancestor {
		padding: 0!important;
		border-bottom: 1px solid #ddd;
		margin-bottom: 50px;
	}

	.widget_nav_menu .sub-menu .menu-item:last-child {
		margin-bottom: 0;
	}

	.widget_nav_menu .sub-menu .menu-item:before {
		border-color: transparent;
	}

	.widget_nav_menu .sub-menu .current-menu-item {
		display: none;
	}

	.widget_nav_menu .side_headline {
		display: block;
		margin-bottom: 0;
		background-color: #fff!important;
		color: #666;
		font-weight: 700;
		padding-left: .5em;
		font-size: 1pc;
	}

	.widget_nav_menu a {
		display: inline-block;
		width: 100%;
	}

	.widget_search {
		display: none;
	}
	.widget_nav_menu ul ul {
		margin-left: 0;
	}
	.styled_post_list1_widget,.widget_media_image {
	    display: none;
	}
}


/* フッター */
#footer_contact .design_button a { background-color: #FFF !important;
				   border: 1px solid #6193bf !important;
				   color: #6193bf !important;
				   font-size: 110%; }
#footer_contact .design_button a:hover { background-color: #EEF7FF !important; }

/* フロントページ */

#my_intro {
	max-width: 850px;
	margin: 0 auto;
	text-align: center;
	padding: 2em 0;
}

#pr_content {
	min-width: inherit;
	padding: 0;
	width: 100%;
	margin-top: 20px;
}

#pr_content_inner {
	margin-left: 3px;
}

#pr_content .item {
	height: 75pt;
	width: 380px;
	position: relative;
	float: left;
	margin: 0 20px 0 0;
	width: -webkit-calc(100%/3 - 15px);
	width: -moz-calc(100%/3 - 15px);
	width: calc(100%/3 - 15px);
	box-sizing: border-box;
	border-radius: 0px;
	overflow: hidden;
}

#pr_content .item:last-child {
	margin-right: 0;
}

#pr_content .image {
	height: 75pt;
	width: 75pt;
	display: block;
	float: left;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#pr_content .image img {
	width: 100%;
	height: auto;
	display: block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: #fff;
	-Webkit-transition-property: opacity;
	-webkit-transition: .5s;
	-moz-transition-property: opacity;
	-moz-transition: .5s;
	-ms-transition-property: opacity;
	-ms-transition: .5s;
	-o-transition-property: opacity;
	-o-transition: .5s;
	transition-property: opacity;
	transition: .5s;
}

#pr_content .image:hover img {
	opacity: .5;
	width: 100%;
	height: auto;
}

#pr_content .title {
	float: left;
	display: block;
	width: -webkit-calc(100% - 75pt);
	width: -moz-calc(100% - 75pt);
	width: calc(100% - 75pt);
	height: 75pt;
	position: relative;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#pr_content .title span {
	display: inline;
	vertical-align: middle;
	line-height: 75pt;
	letter-spacing: .2em;
}

#pr_content a {
	color: #696969;
}

#pr_content a:active,#pr_content a:hover {
	text-decoration: none;
	background-color: #eee;
}

#index_menu .title {
	font-size: 17px;
}

#index_menu .title a {
	display: block;
	height: 58px;
	line-height: 58px;
	text-align: center;
	font-weight: 700;
	color: #666;
	background-color: #f5f5f5;
}

#index_menu .title a:hover {
	text-decoration: none;
	background-color: #e0e0e0;
}

#index_menu.index_content:last-of-type {
	margin-bottom: 0;
}

.post_content #index_menu h4 {
	padding-top: 0;
	margin-bottom: 0;
}

#index_menu.index_content {
	padding: 0!important;
}

#index_menu .box {
	float: left;
	width: 33.33333%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#index_topics {
	display: table;
	width: 100%;
	background-color: #0a7dc4;
}

.index_topics_title {
	display: table-cell;
	background-color: #112d61;
	padding: 0 2pc 0 33px;
	color: #fff;
	font-weight: 700;
	vertical-align: middle;
	font-family: Gill Sans,Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.index_topics_content {
	display: table-cell;
	padding: 6px 1em;
	background-color: #0a7dc4;
	vertical-align: middle;
	line-height: 1em;
	width: 100%;
}

.index_topics_content a {
	color: #fff;
}

.index_topics_content a:hover {
	text-decoration: underline;
}

.index_topics_tel {
	display: table-cell;
	text-align: right;
	color: #fff;
	white-space: nowrap;
	vertical-align: middle;
	padding: 0 30px;
	border-left: 1px dotted #fff;
}

.index_topics_tel span {
	font-weight: 700;
}

.index_topics_tel span:before {
	content: "\f095";
	font-size: 13px;
}

.index_free_space.index_content {
	padding-top: 10px;
}

#index_menu {
	display: none;
}

#my_intro_text {
	font-family: Times New Roman,游明朝,Yu Mincho,游明朝体,YuMincho,ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,HiraMinProN-W3,HGS明朝E,ＭＳ\ Ｐ明朝,MS PMincho,serif;
	font-weight: 500;
	text-align: left;
}

#kamoku_mid,#kamoku_min {
	display: none;
}

#kamoku_large {
	display: inline;
}

#index_blog_list2 {
	margin: 30px 0 0;
	border: 1px solid #ddd;
	Background-color: #fff;
}

#index_blog_list2 article {
	border-bottom: 1px dotted #ccc;
}

#index_blog_list2 article:last-child {
	border: 0;
}

#index_blog_list2 ul {
	padding: 0 2em;
}

#index_blog_list2 li {
	display: inline-block;
	line-height: 3.5em;
	font-size: 1em;
}

#index_blog_list2 li.date {
	margin: 0;
	padding-right: 1em;
	color: #7eb23b;
}

#index_blog_list2 li.category {
	margin: 0 1em 0 0;
	font-size: 80%;
}

#index_blog_list2 li.category span {
	background-color: #7eb23b;
	padding: 3px 20px;
	border-radius: 3px;
}

#index_blog_list2 li.category span a {
	pointer-events: none;
	color: #fff;
}

#index_blog_list2 li.title a {
	color: #333333;
}

#index_blog_list2 li.title a:hover {
	color: #1e73be;
}


#index_blog_list2 li.topic span {
	background-color: #0a7dc4;
	padding: 3px 25px;
	border-radius: 3px;
	font-weight: bold;
}

#index_blog_list2 li.topic-date {
	padding-right: 0;
}

.well3 li:last-child {
	margin-bottom: 0;
}

#my_index_ad_banner {
	margin: 32px 0 0;
	text-align: center;
}

#my_index_ad_banner .ban-s {
	display: none;
}

@media screen and (max-width:1280px) {
	#index_blog_list2 {
		margin: 30px 20px 0;
	}

	#my_index_ad_banner {
		margin: 32px 20px 0;
	}
}

@media screen and (max-width:750px) {
	#index_blog_list2 {
		margin: 30px 0 0;
	}

	#index_blog_list2 li.title {
		line-height: 1.2em;
		margin-bottom: 1em;
	}

	#my_index_ad_banner {
		margin: 32px 0 0;
	}

	#my_index_ad_banner .ban-l {
		display: none;
	}

	#my_index_ad_banner .ban-s {
		display: inline;
	}
}

@media screen and (min-width:1280px) {
	#pr_content {
		margin-top: 40px;
	}

	.index_topics_inner {
		width: 1186px;
		margin: 0 auto;
	}

	.index_topics_title {
		border: 0;
		padding: 0 2em;
	}

	.index_topics_tel {
		padding-right: 0;
		border-left: 0;
	}

	#my_intro {
		max-width: 950px;
		padding: 5pc 0;
		text-align: left;
	}

	.index_free_space.index_content {
		padding-top: 20px;
	}

	#index_gmap.index_content {
		padding-top: 3pc;
	}
}

@media screen and (max-width:650px) {
	#index_menu {
		display: block;
	}

	.index_topics_title {
		padding: 0 1em;
	}

	.index_topics_tel {
		display: none;
	}

	.index_topics_content a:hover {
		text-decoration: none;
	}

	#kamoku_min {
		display: inline;
	}

	#kamoku_large,#kamoku_mid,#pr_content {
		display: none;
	}

	#index_free_space2 {
		margin-bottom: 20px;
	}

	#index_menu .box {
		float: none;
		width: auto;
		margin: 0 10px;
	}

	#index_menu .title a {
		text-align: center;
		border-radius: 6px;
		height: 56px;
		line-height: 56px;
		font-weight: 600;
		border: 2px solid #eee;
		padding-right: 5px;
		padding-bottom: 0.2em;
		background-color: #fff;
	}
	#index_menu .title a:hover {
		background-color: #fafafa;
	}

	#index_menu .title {
		margin: 10px;
	}

	#index_menu .title span {
		display: inline;
		vertical-align: middle;
		line-height: 60px;
		letter-spacing: .2em;
	}

	#index_blog {
		margin: 0;
	}

	#my_intro {
		padding: 0 20px 20px;
	}

	.post_content #my_intro p {
		margin-bottom: 0;
	}

	.index_free_space.index_content {
		padding: 0;
	}

	#index_blog_inner {
		padding-top: 40px;
	}
}

@media screen and (min-width:651px) and (max-width:992px) {
	#index_menu {
		display: block;
	}

	.index_topics_title {
		padding: 0 1em 0 20px;
	}

	#kamoku_min,.index_topics_tel {
		display: none;
	}

	#kamoku_mid {
		display: inline;
		padding: 0;
	}

	#kamoku_large,#pr_content {
		display: none;
	}

	#index_free_space2 {
		margin: 20px 20px 0;
	}

	#index_blog {
		margin: 0;
	}

	#my_intro {
		max-width: 50pc;
		padding: 20px 20px 0;
	}

	.index_free_space.index_content {
		padding: 0;
	}

	#index_menu .title a {
		margin-bottom: 10px;
		margin-right: 10px;
		border-radius: 5px;
	}

	#index_menu .box:last-child a {
		margin-right: 0;
	}
}

@media screen and (min-width:800px) {
	#my_intro_text {
		padding: 30px;
		position: relative;
		margin-bottom: 0;
	}

	#my_intro_text:after,#my_intro_text:before {
		content: '';
		width: 30px;
		height: 30px;
		position: absolute;
	}

	#my_intro_text:before {
		border-left: solid 1px #0a7dc4;
		border-top: solid 1px #0a7dc4;
		top: 0;
		left: 0;
	}

	#my_intro_text:after {
		border-right: solid 1px #0a7dc4;
		border-bottom: solid 1px #0a7dc4;
		bottom: 0;
		right: 0;
	}

	#my_intro {
		padding-bottom: 40px;
	}
}


/* 特徴実績ページ */
h3#archive_news_title {
	padding: .5em;
	padding-left: .8em;
	font-family: Arial, "Hiragino Sans", "Yu Gothic Medium", "Meiryo", sans-serif;
	line-height: 1.4;
	letter-spacing: .1em;
	margin-bottom: 30px;
	border-left: 5px solid #1e90ff;
	font-size: 25px;
	text-align: left;
	background-color: #ffffff;
	color: #505050;
}
@media screen and (max-width: 767px){
    h3#archive_news_title { font-size: 20px; }
}

body.post-type-archive-news #main_col {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

h3.my-news-title {
	font-size: 20px!important;
	margin-bottom: 18px!important;
	font-weight: 700!important;
}

.my-news-title a {
	color: #4682b4!important;
}

.my-news-title a:hover {
	color: #b0c4de!important;
}

.my-news-excerpt {
	line-height: 1.6em;
	font-size: 1.1em;
}

#archive_news_list {
    border: 0;
    margin-top: 20px;
}

#archive_news_list .item {
	float: none;
	width: 100%;
	height: auto;
	border: 0;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	margin: 0;
	padding: 20px 20px 30px;
}

#archive_news_list .title_area {
	padding: 0;
	position: relative;
	top: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

#archive_news_list .image {
	width: 150px;
	float: left;
	margin: 0 20px 0 0;
	border-radius: 5px;
}

.pb_news_list,.pb_news_list-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.pb_news_list {
	color: #666;
	font-size: 14px;
	line-height: 2;
}

.pb_news_list-item {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 10px;
}

.pb_news_list-item:first-child {
	border-top: 1px solid #ddd;
}

.pb_news_list-item>:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    #archive_news_list .item { border-bottom: none!important; }
    #archive_news_list {
	border-top: none!important;
	margin: 30px 0!important;}
}


@media screen and (max-width:600px) {
	#archive_news_list .image {
		width: 100%!important;
		float: none;
		margin: 0 0 20px;
	}

	.pb_news_list-item {
		border: 0!important;
		padding: 0;
		margin: 0 0 20px;
	}

	#archive_news_list .item {
		padding: 0 0 40px;
	}
}
