@charset "utf-8";
/*
Theme Name:BIRTH-CHILD
Description:WordPressテーマ「BIRTH」の子テーマ
Template:birth_tcd057
Version: 1.4.8
*/
@import url("../birth_tcd057/style.css");
@import url("../birth_tcd057/pagebuilder/assets/css/googlemap.css");

body{
	font-size: 17px;
}
body, a, #index_course_list a:hover, #previous_next_post a:hover, #course_list li a:hover {
    color: #000000;
}
body.page .post_content {
    font-size: 17px;color: #000000;
}
body.page .post_content p{
	    font-size: 17px;
}
body.page .post_content p a{
	font-size: 17px;
	text-decoration:underline;
}
#index_3box .title a{
	background-color: #086bca;
	font-size: 28px;
}
#index_3box .box:last-child{
	border-right:none;
}
#course_list #course9 {
       margin: 0 0 100px 0;
}
.color_font{
	color: #086bca;
}
.color_font_pink{
	color: #ff7a8b;
}
.weight_font{
	font-weight: bold;
}
.text_center{
	text-align: center;
}
.text_right{
	text-align: right;
}
.underline_font{
	text-decoration: underline;
}
.underline_blue_font {
  border-bottom: solid 3px #086bca;
}
.text-smaller{
	font-size: 70%;
}
.text-bigger{
	font-size: 130%;
}
.text-more-bigger{
	font-size: 170% !important;
}
.mt-30{
	margin-top: 30px !important;
}
.mt-50{
	margin-top: 50px !important;
}
.ml-10{
	margin-left: 10px !important;
}
.mb-30{
	margin-bottom: 30px !important;
}
/*ロゴ*/
#header #header_inner #logo_text, #header #header_inner #logo_image {
    top: 60%;
}
@media screen and (max-width:1280px) {
	#header #header_inner #logo_text, #header #header_inner #logo_image{
		top: 50%;
	}
}
.pc-br-only{
	display: block;
}
@media screen and (max-width:676px) {
	.pc-br-only{
		display: none;
	}
}
/*グローバルメニュー*/
.pc #global_menu > ul > li > a {
    font-size: 18px;
}
.pc #global_menu > ul > li{
	margin: 0 0 0 14px;
}
#header_button {
    margin: 18px 0 0 26px;
}
#mobile_menu #global_menu .child_menu_button .icon:before {
	font-size: 15px !important;
	line-height: 18px !important;
}
/*ヘッダー*/
#header_button {
    margin: 10px 0 0 26px;
}
#header_button a {
    height: 40px;
    line-height: 40px;
	margin-top: 4px;
	min-width: 196px;
}
.header-wrap{
	display: flex;
	justify-content: space-between;
}
.header_add01{
	text-align: center;
    font-size: 11px;
    border: 1px solid #086bca;
    color: #086bca;
    padding: 4px;
	width: 100%;
}
.header_add02{
    font-size: 11px;
    padding: 5px;
}
/*フッター*/
#footer_tel .time {
    line-height: 1.3;
}
#footer_contact .headline {
    top: 85%;
}
#footer_contact .button {
    position: relative;
}
#footer_contact_area .footer_contact_content{
	font-size: 17px;
}
#footer_tel .number a{
	color: #086bca;
	text-decoration: underline;
}
#footer_tel .number span{
	text-decoration: none;
}
/*トップページ*/
#index_intro .image .button:hover {
    color: #086bca;
}
/*治療のご案内*/
#curse_main_content .desc {
    font-size: 17px;
}
@media screen and (max-width:650px) {
	#main_contents #curse_main_content .desc {
		font-size: 17px;
	}
}
	

/*診療スケジュール表*/
#index_company .left_area {
    /*width: 360px;*/
	text-align: left;
}
#index_company .right_area {
    width: 590px;
}
@media screen and (max-width:650px) {
	#index_company{
		padding: 40px 0 0 0;
	}
}
#index_company .desc{
	line-height: 1.5;
}
.attention-01{
	background-color: #e0b2b5;
	line-height: 1.5;
	color: #fff;
	display: inline-block;
    padding: 10px 20px;
	margin-top: 20px;
	display: block;
    text-align: center;
}
.attention-02{
	font-size: 36px;
    color: #000;
    font-weight: 500;
    text-align: center;
    line-height: 1.5;
    margin: 0 0 10px 0;
}
@media screen and (max-width:650px) {
	.attention-02{
		font-size: 21px;
	}
}

/*診療の流れ*/

.tcd-pb-widget.widget2 {
    margin-bottom: 0px;
    background-color: #f9f9f9;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding: 10px 20px 10px 20px;
}
.tcd-pb-widget.widget2.widget-color-b {
    background-color: #e6f0fa;
}
.tcd-pb-widget.widget2.widget-color-b span {
    color: #086bca;
	font-size: 20px;
}
.tcd-pb-widget.widget2 h5 {
    color: #086bca;
}
.tcd-pb-widget.widget2 p {
    line-height: 1.8;
    margin: 0 0 2em 0;
}

#curse_main_content .desc {
    line-height: 1.7;
}
/*診察を受ける日に*/
.t-rec {
  margin: 0 auto;
  padding: 20px 0 20px 0;
  font-size: 30px;
  color:#086bca;
}
@media screen and (max-width:650px) {
	.t-rec {
	  font-size: 21px;
	}
}
.ttl-rec {
  margin: 10px 0
}
.t-rec-3 .ttl-rec {
  color: #086bca;
  text-align: center;
  overflow: hidden;
}
.t-rec-3 .ttl-rec span {
  display: inline-block;
  position: relative;
}
.t-rec-3 .ttl-rec span:before,
.t-rec-3 .ttl-rec span:after {
  content: "";
  border-bottom: 2px solid #086bca;
  width: 100%;
  margin: 0 15px;
  position: absolute;
  bottom: 17px;
}
.t-rec-3 .ttl-rec span:before {
  right: 100%;
}
.t-rec-3 .ttl-rec span:after {
  left: 100%;
}
.t-rec-ul{
	margin-left: 20px;
}
.t-rec-ul li span {
    font-size: 26px;
    color: #086bca;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 8px;
}

/*女性外来*/
.ladies-day{
	color: #ff7a8b;
	font-weight: bold;
	font-size: 12px;
}
.female-doctor{
	color: #ff7a8b;
	font-weight: bold;
}
.male-doctor{
	color: #076BCA;
	font-weight: bold;
	font-size: 25px;
}
/*診療表のテーブル*/
#schedule_table td, #schedule_table th {
    /*vertical-align: top;*/
	line-height: 1;
	padding: 20px 7px ;
	font-weight: bold;
	border: 1px solid #ccc;
}
@media screen and (max-width: 650px){
	#schedule_table tbody td, #schedule_table tbody th {
		padding: 15px 2px;
	}
}
#schedule_table td.color-thin-pink {
    background-color: #fff1f3;
}
#schedule_table span.pink-circle,.explanatory-note span.pink-circle{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff7a8b;
    display: inline-block;
}
#schedule_table{
	font-size:18px;
	/*display: block;*/
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	/*border-top: none;
    border-left: none;*/
	font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	border-top: none;
    border-left:none;
}
@media screen and (max-width: 1280px){
	#schedule_table{
		display: table;;
	}
}
@media screen and (max-width: 650px){
	#schedule_table{
		display: block;
	}
}
/*大腸内視鏡検査のページのテーブル*/
#schedule_table_d td, #schedule_table_d th {
    vertical-align: top;
	line-height: 1;
	padding: 20px 10px !important;
	font-weight: normal;
	border: 1px solid #ccc;
}
@media screen and (max-width: 650px){
	#schedule_table_d tbody td, #schedule_table_d tbody th {
		padding: 15px 2px;
	}
}
#schedule_table_d td.color-thin-pink {
    background-color: #fff1f3;
}
#schedule_table_d span.pink-circle,.explanatory-note span.pink-circle{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ff7a8b;
    display: inline-block;
}
#schedule_table_d{
	font-size:18px;
	/*display: block;*/
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	/*border-top: none;
    border-left: none;*/
}
@media screen and (max-width: 1280px){
	#schedule_table_d{
		display: table;;
	}
}
@media screen and (max-width: 650px){
	#schedule_table_d{
		display: block;;
	}
}
#schedule_table_d .color {
    background: #eff5f6;
}
.schedule_w thead{
	border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.schedule_w tr{
	border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.post_content td.color-thin-pink{
	background-color: #fff1f3;
}
.post_content p.bg-thin-pink{
	background-color: #fff1f3;
	margin: 0;
	/*display: inline-block;*/
    padding: 3px 10px;
}
.post_content span.blue-circle{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #076BCA;/*背景色*/
	margin: 0 auto;
	display: inline-block;
}
.post_content span.pink-circle{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ff7a8b;/*背景色*/
	margin: 0 auto;
	display: inline-block;
}
.post_content span.pink-circle.p-margin{
	margin-left: 10px;
}
@media screen and (max-width: 600px){
	.post_content span.pink-circle.p-margin{
		margin-left: 0px;
	}
}
body.page .post_content span.ladies-day{
	font-size: 12px;
	margin: 0;
}
.explanatory-note{
	font-size: 20px;
	text-align: right;
	margin-top: 10px;
}
@media screen and (max-width: 1280px){
	.explanatory-note{
	text-align: left;
	}
}
.explanatory-add{
	text-align: left;
	font-size: 19px;
	line-height: 1.4;
}
.table-timeschedule{
	margin-top: 30px;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
	
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.table-timeschedule thead{
    background: #fafafa;
}
.table-timeschedule .header {
    width: 180px;
    background: #fff;
}
.table-timeschedule td, .table-timeschedule th {
    padding: 10px 4px;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	width: 110px;
}
.table-timeschedule .td-color {
    background: #eff5f6;
}
.table-timeschedule .td-top {
    vertical-align: top;
}
.table-timeschedule .table-title{
	width: 110px;
}
@media screen and (min-width:1024px) {
	#body #container{
		box-shadow:none;
	}
}
.explanatory-color{
    font-size: 20px;
    text-align: right;
    margin-top: 10px;
    margin-bottom: 20px;
	color: #ff7a8b;
}
@media screen and (max-width: 1280px){
	.explanatory-color{
	
	}
}
.ladiesday-area{
	width: 80px;
    height: 20px;
    background: #fff1f3;
    margin: 0 auto;
    display: inline-block;
	border: 1px solid #ccc;
}
/*手術について*/
.ttl-info{
	text-align: center;
	font-size: 30px;
}
.list-disease{
	display: inline-block;
	font-size: 17px;
}
.list-disease li{
	float: left;
	margin-right: 18px;
	list-style-type:none;
}
.list-disease li:last-child{
	margin-right: 0;
}
.text-small{
	font-size: 80%;
}
.article-02{
	display: flex;
	flex-direction: row;
	/*justify-content:space-between;*/
}
.article-02-item{
	margin: 3%;
}
@media screen and (max-width:676px) {
	.article-02{
		display:block;;
	}
	.article-02-item .illust{
		text-align: center;
	}
}
/*アクセス*/
body.page .post_content p.number{
	font-size: 38px;
    color: #086bca;
	font-weight: 500;
	margin-bottom: 10px;
}
@media screen and (max-width:676px) {
	body.page .post_content p.number{
		font-size: 26px;
	}
}
.number span {
    font-size: 24px;
	font-weight: 500;
	color: #086bca;
}
body.page .post_content p.time {
    line-height: 1.4;
}
#access-train,#access-bus,#access-car{
	list-style:none;
	font-size: 17px;
}
@media screen and (max-width:676px) {
	#access-train,#access-bus,#access-car{
		margin-left: 0;
	}
}
#access-train li.name {
    font-weight: bold;
    color: #0068b7;
	font-size: 22px;
}
#access-bus li.name {
    font-weight: bold;
    color: #0068b7;
	font-size: 22px;
}
#access-car li.name {
    font-weight: bold;
    color: #0068b7;
	font-size: 22px;
}
.tcd-wrap{
	margin-bottom: 100px;
    background-color: #ffffff;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding: 35px 50px 45px 60px;
}
@media screen and (max-width:676px) {
	.tcd-wrap{
		padding: 20px;
	}
}

/* googlemap */
.pb_googlemap_footer_button {
    background: #fff;
    border: 1px solid #086bca;
}
.post_content #wrap-access p {
	margin: 0;
}
.pb_googlemap_footer{
	margin-bottom: 40px;
}
.post_content .pb_googlemap_footer_button:hover {
    text-decoration: none;
	background-color: #086bca;
	color: #fff;
}


/*よくある質問*/
#archive_faq_list .question {
    font-size: 17px;
}

.index_content{
	
}
.index_content:last-of-type {
    margin-bottom: 0;
}
/*初めて受診される方へ*/
.index_3box_wrap #index_3box {
    padding-top: 0px;
}
.index_3box_wrap #index_3box .box .title a:hover{
    text-decoration: none;
	color: #b4d2ef;
}
/*用語集*/
.glossary-list  h3{
	font-size: 26px;
    font-weight: bold;
    color: #086bca;
    margin: 0 0 13px 0;
}
.glossary-list .entry {
    
    padding: 0 0 24px;
    font-size: 17px;
    line-height: 1.5;
    color: #333;
    margin: 0 0 24px;
}
.glossary-list .entry .article{
    line-height: 1.7;
}
.glossary-list .entry-treatment{
	margin-left: 30px;
}
.glossary-list h3.glossary-h3-title{
	font-size: 36px;
}
@media screen and (max-width:676px) {
	.glossary-list h3.glossary-h3-title{
		font-size: 28px;
	}
}
/*サイトマップ*/
#sitemap  .ul_sitemap {
	margin: 0px;
	padding: 0px;
}
#sitemap .ul_sitemap li {
	list-style-type: none;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 35px;
}
#sitemap .ul_sitemap li a {
	background-image: url(../img/sitemap/li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

/*次のページに行くボタン*/
.post_content .next_button,#curse_main_content .next_button{
	float: right;
    text-align: center;
    margin: 0;
}
.post_content .next_button a,#curse_main_content .next_button a{
	background-color: #086bca;
	color: #fff;
	display: inline-block;
    height: 55px;
    line-height: 55px;
    min-width: 220px;
    padding: 0 20px;
    color: #fff;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.post_content .next_button a:hover,#curse_main_content .next_button a:hover{
	color: #086bca;
	background-color: #fff;
	text-decoration: none;
	border: 1px solid #086bca;
}

/*医師の紹介*/
.pb_staff_list-item .pb_staff_list-description,.pb_staff_list-item .pb_staff_list-career{
	font-size: 17px;
}
.pb_staff_list-item .pb_staff_list-career .pb_staff_list-career-heading{
	font-size: 21px;
}
.post_content .detail_button a{
	background-color: #086bca;
	color: #ffffff;
	display: inline-block;
	line-height: 55px;
    min-width: 220px;
    padding: 0 20px;
	text-align: center;
	text-decoration: none;
}
.post_content .detail_button a:hover{
	color: #dddddd;
}
.article-02-detail{
	border: 1px solid #dddddd;
    margin-bottom: 20px;
}
/*よくある質問*/
.answer p{
	font-size: 17px;
}

/*トップページ 3つのウリ*/
.index_content{
	padding: 40px 30px 40px 30px;
	background-color: transparent;
	text-align: center;
}
@media screen and (max-width:676px) {
	.index_content{
		padding: 40px 30px 40px 30px;
	}
}
.index_content:first-of-type {
    top: 0;
    margin: 0 auto 0px;
}
.post_content .pickup {
	margin: 0 auto;
}
.post_content .pickup a {
	text-decoration: none;
}
.post_content .p-container{
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}
.post_content .pickup_box {
	width: 100%;
}
.post_content .pickup_box p.pick-title{
	font-size: 27px;
	padding-top: 30px;
}

@media screen and (max-width:1280px) {
	.post_content .pickup_box p.pick-title{
		font-size: 20px;
	}
}
@media screen and (max-width:676px) {
	.post_content .p-container {
		display: block;
	}
	.post_content .pickup_box p.pick-title{
		font-size: 18px;
	}
}
.post_content .pickup_box1 {
  background-image: url("https://abt.heteml.net/dev.fukuda-cpc.com/wp/wp-content/uploads/2020/09/no1.jpg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.post_content .pickup_box1 a {
  color:#fff;
}
.post_content .pickup_box1 a:hover {
  color: #fff;
}
.post_content .pickup_box1 .inner {
  padding: 20px;
  height: 260px;
  background: linear-gradient(to bottom, rgba(8, 107, 202, 1) 25%, rgba(8, 107, 202, 0) 100%);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.post_content .pickup_box1 .inner:hover{
	background-color: #086bca;
}
.post_content .pickup_box2 {
  background-image: url("https://abt.heteml.net/dev.fukuda-cpc.com/wp/wp-content/uploads/2020/09/no3.jpg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.post_content .pickup_box2 a {
  color:#fff;
}
.post_content .pickup_box2 a:hover {
  color: #fff;
}
.post_content .pickup_box2 .inner {
  padding: 20px;
  height: 260px;
  background: linear-gradient(to bottom, rgba(8, 107, 202, 1) 25%, rgba(8, 107, 202, 0) 100%);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.post_content .pickup_box2 .inner:hover{
	background-color: #086bca;
}
.post_content .pickup_box3 {
  background-image: url("https://abt.heteml.net/dev.fukuda-cpc.com/wp/wp-content/uploads/2020/09/3665098_m.jpg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.post_content .pickup_box3 a {
  color:#fff;
}
.post_content .pickup_box3 a:hover {
  color:#fff;
}
.post_content .pickup_box3 .inner {
  padding: 20px;
  height: 260px;
  background: linear-gradient(to bottom, rgba(8, 107, 202, 1) 25%, rgba(8, 107, 202, 0) 100%);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.post_content .pickup_box3 .inner:hover{
	background-color: #086bca;
}
.post_content p.en-ttl {
	text-align: center;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.1;
  font-family: 'Roboto Condensed', sans-serif;
}
body.page .post_content p{
	margin-bottom: 0; 
}
@media screen and (max-width:676px) {
	.post_content .pickup_box1 .inner {
	  padding: 20px;
	  height: 140px;
	}
	.post_content .pickup_box2 .inner {
	  padding: 20px;
	  height: 140px;
	}
	.post_content .pickup_box3 .inner {
	  padding: 20px;
	  height: 140px;
	}
}
/*トップページメインビジュアル*/
#header_slider {
	height: 500px;
}
#header_slider .item {
	height: 500px !important;
}
body.page .post_content p a.about-telnum{
	font-size: 38px;
    color: #086bca;
    font-weight: 500;
	text-decoration: underline;
}
@media screen and (max-width:676px) {
	body.page .post_content p a.about-telnum{
		font-size: 34px;
	}
}
/*トップページ　タイトル*/
#index_news .headline{
	position: relative;
	display: inline-block;
	padding: 0 55px;
}
#index_news .headline:before,#index_news .headline:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 3px;
	background-color: #086bca;
}
#index_news .headline:before {
  left:0;
}
#index_news .headline:after {
  right: 0;
}

#index_news_list .title_area_inner{
	text-align: left;
}
#index_news {
    padding-bottom: 40px;
	border-top: 1px solid #086bca;
	border-bottom: 1px solid #086bca;
}
#index_headline_set1{
	padding-bottom: 40px;
}
#index_headline_set3{
	border-top: 1px solid #086bca;
	padding-bottom: 40px;
}
#index_headline_set2{
	border-top: 1px solid #086bca;
	padding-bottom: 40px;
}
#index_gmap{
	border-top: 1px solid #086bca;
}
/*おしらせ*/
#tcd_ad_widget-2,#styled_post_list1_widget-2,#tcdw_category_list_widget-2,#tcdw_archive_list_widget-2{
	display: none;
}
#schedule_table td.slash{
    background-image: linear-gradient(to bottom right, transparent, transparent 50%, #ccc 50%,#ccc 51%, transparent 51%, transparent);
}

/*診療表のpadding*/
#schedule_table td.org-padding30{
    padding: 30px 7px;
}
#schedule_table td.org-padding10{
    padding: 10px 7px;
}

/****フッター****/
.design_button a {
    min-width: 180px;
}

/****幅調整****/
.width-adjust{
	width: 760px;
	margin: 0 auto;
}
@media screen and (max-width:676px) {
	.width-adjust{
		width: 100%;
	}
}
.post_content h2.top_lead{
	font-size: 27px;
    font-weight: normal;
    margin-bottom: 42px;
}
@media screen and (max-width:676px) {
	.post_content h2.top_lead{
		font-size: 22px;
	}
}

#course_list li{
	width: 100%;
}

/***「診療案内」ページ****/
#course_list #course9 .title{
	height: auto;
}
#course_list #course9 li{
	border-right: none;
}
@media screen and (max-width:1280px) {
	#course_list #course9 ol{
		border: 1px solid #ddd;
	}
	
	#course_list #course9 .title {
		width: auto;
	}
	#course_list #course9 .title span{
		position: relative;
	}
}