@charset "utf-8";


/*
########################################################
	ページ全体情報
########################################################
*/

.sm {
	display: none !important;
}
.br-pc { display:block; }
.br-sp, .br-sp2 { display:none; }
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
.narrowcolumn .postmetadata, .widecolumn .postmetadata {
	display: inline;
	text-align: right;
	font-size: 92%;
}
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.screen-reader-text {
	position: absolute;
	left: -1000em;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	padding: 0 4px 5px;
	margin: 0;
}
.window {
	margin: 0;
	padding: 0;
	width: 100%;
}
.page {
	margin: 0 auto;
	padding: 0;
	width: 1100px;
}
.pageIn {
	margin: 0 auto;
	padding: 0;
	width: 915px;
}
.center_btn {
	margin: 20px auto;
	display: block;
}
.tel-link.small {
	font-size: 15px;
}
.caption {
	font-size: 12px;
}
.flexBox {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.gray_line {
	color: #bfbfbf !important;
}
.gray_bg {
	background-color: #f8f8f8;
}

h2.blueBox {
	text-align: center;
	font-size: 18px !important;
	font-weight: normal;
}
h2.blueBox span {
	background-color: #e8f2ff;
	padding: 10px 15px !important;
	display: inline-block;
	border: 1px solid #223190;
	margin: 0 auto !important;
	width: auto;
}



/*
########################################################
	ヘッダー
########################################################
*/

.header_leftBlock {
	width: 850px;
}
p.h1tag {
	color: #898989;
	margin-top: 10px;
	font-size: 13px;
}
#header_logo {
	width: 402px;
	height: 71px;
	margin-top: 30px;
}
.head_info {
	margin-top: 65px;
}
.header_rightBlock {
	width: 250px;
	height: 125px;
	background: url("../img/head_yoyakuBg.svg") no-repeat center top;
	color: white;
	text-align: center;
	padding-top: 20px;
}
p.head_tel {
	font-size: 26px;
}
.header_rightBlock .icon_tel {
	width: 26px;
	height: 9px;   
    background: url(../img/icon_tel_w.svg);
    background-size: 26px 9px;
    margin: 10px 5px 0 0;
    display: inline-block;
}






/*
########################################################
	グローバルメニュー
########################################################
*/

#gNavi {
	margin: 20px 0;
}
#globalMenu {
	margin: 0 auto;
	padding: 20px 0;
}
#globalMenu li {
	float: left;
	font-size: 16px;
}
#globalMenu li:after {
    content: "／";
    color: #bfbfbf;
    vertical-align: middle;
    position: relative;
    top: -1.5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#globalMenu li:last-child:after {
    content: "";
}
#globalMenu li a {
	padding: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
#globalMenu li:first-child a {
	padding-left: 0;
}
#globalMenu li a:link,#globalMenu li a:visited, #globalMenu li span {
	color: #313131;
}
#globalMenu li a:hover {
	color: #b9a978;
}
.head_banner img {
	width: 163px;
}



/*
########################################################
	トップページ
########################################################
*/

/*トップメインイメージ スライダー*/
#top_mainImg {
	width: 85%;
	height: 550px;
	position: relative;
	margin-bottom: 100px;
}
.fadeSlider {
	width: 100%;
	height: 100%;
	position: relative;
}
.fadeSlider span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.fadeSlider span img {
    width: 100%;
    height: 550px;
    overflow: hidden;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.fadeSlider_01 {
	animation: fadeSlideImg01 15s ease-out infinite;
	animation-delay: 3s;
}
.fadeSlider_02 {
	opacity: 0;
	animation: fadeSlideImg02 15s ease-out infinite;
	animation-delay: 3s;
}
.fadeSlider_03 {
	opacity: 0;
	animation: fadeSlideImg03 15s ease-out infinite;
	animation-delay: 3s;
}
.fadeSlider_04 {
	opacity: 0;
	animation: fadeSlideImg04 15s ease-out infinite;
	animation-delay: 3s;
}
@keyframes fadeSlideImg01 {
    0% { opacity: 1; }
    25% { opacity: 0; }
    50% { opacity: 0; }
    75% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeSlideImg02 {
    0% { opacity: 0; }
    25% { opacity: 1; }
    50% { opacity: 0; }
    75% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes fadeSlideImg03 {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 1; }
    75% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes fadeSlideImg04 {
    0% { opacity: 0; }
    25% { opacity: 0; }
    50% { opacity: 0; }
    75% { opacity: 1; }
    100% { opacity: 0; }
}

.top_mainP {
	position: absolute;
	top: 0;
	right: -82px;
}

/*お知らせ*/
#infoBox {
	margin-bottom: 150px;
}
.top_entry {
	margin-top: 20px;
}
.top_entry li {
	padding: 20px 0;
	border-bottom: 1px dashed #dde0dc;
}
.top_day {
	margin-right: 20px;
	width: 140px;
	color: #898989;
}
.info_con {
	width: 735px;
}
.info_con dt {
	font-weight: bold;
	margin-bottom: 10px;
}

/*診療内容*/
.topGuideList {
	margin: 50px 0 150px;
}
.topGuideList li {
	background: url(../img/top_GuideListBg.svg) no-repeat center center;
	background-size: contain;
	width: 202px;
	height: 202px;
	
	font-size: 24px;
	margin-bottom: 30px;
}
.topGuideList li a {
	color: white;
	display: flex;
	width: 202px;
	height: 202px;
	justify-content: center;
	align-items: center;
}

/*診療時間・アクセス*/
#tmAc_Block {
	margin-bottom: 150px;
}
#timeBox table, td, th {
	border-collapse: collapse;
}
#timeBox table {
	width: 100%;
	margin: 50px 0;
}
#timeBox td, #timeBox th {
	padding: 10px 30px;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}
tr.amLine td {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.timeTh {
	text-align: left !important;
}
.apTitle, .accInfo span {
	font-weight: bold;
}
.timeAn {
	font-size: 14px;
}
.accGaikan {
	width: 460px;
}

#accessBox {
	padding: 70px 0;
}
.accInfo img {
	width: 235px;
	margin-bottom: 50px;
}
.accInfo p {
	font-size: 16px;
	margin-bottom: 30px;
}
.accTel {
	font-size: 30px;
	font-weight: normal !important;
}



/*
########################################################
	ページ
########################################################
*/
#page_mainImg {
	width: 100%;
	height: 300px;
	position: relative;
	background-color: #e8f2ff;
}
#page_mainImg img {
	width: 100%;
	height: 300px;
    overflow: hidden;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
h2.page_mainP {
	font-size: 30px;
	color: #223190;
	position: absolute;
	top: 48%;
	right: 10%;
}
#pankuzu {
	width: 100%;
	padding: 10px 0;
	color: white;
	background-color: #3f4c9e;
}
#pankuzu a {
	color: white;
}
.subNv_Block {
	width: 100%;
	background-color: #f8f8f8;
	padding: 20px 0;
	text-align: center;
}
.subNv_Block ul li {
	display: inline-block;
	padding: 0 10px;
}
.subNv_Block ul li a {
	color: white;
	background-color: #3f4c9e;
	padding: 3px 5px;
	font-size: 16px;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

h2.color_ttl {
	font-size: 30px;
	text-align: center;
	margin: 50px 0;
}
h2.color_ttl span {
	color: #223190;
}

h3.line_ttl {
	text-align: center;
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 50px;
	line-height: 1.2;
}
h3.line_ttl span {
	position: relative;
	display: inline-block;
	padding: 0 75px;
}
h3.line_ttl span:before, h3.line_ttl span:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 60px;
	height: 1px;
	background-color: #e5e5e5;
}
h3.line_ttl span:before {left:0;}
h3.line_ttl span:after {right: 0;}


/* 医院紹介 */
h2.slash_ttl:before {
	content: '＼';
	color: #bfbfbf;
	margin-right: 50px;
}
h2.slash_ttl:after {
	content: '／';
	color: #bfbfbf;
	margin-left: 50px;
}
.info_mainP, #info_setsubiBox {
	margin: 50px auto;
}
#info_setsubiBox ul li {
	width: 47%;
	margin-bottom: 70px;
}
#info_setsubiBox ul li img {
	width: 100%;
	height: 350px;
	margin-bottom: 10px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
#info_setsubiBox ul li p {
	color: #898989;
	text-align: justify;
}
#info_doctorBox h2, #info_staffBox h2 {
	margin-bottom: 20px;
}
.doctorLeft {
	/* margin: 10px 0 0 95px; */
	margin: 10px auto;
	width: 445px;
	text-align: justify;
}
.doctorLeft p {
	margin-bottom: 30px;
}
.doctorLeft h4 {
	font-size: 16px;
}
h3.nameBox, .dfBox p {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
}
h3.nameBox .name {
	font-size: 30px;
	font-weight: bold;
}
h3.nameBox .kana {
	font-size: 16px;
}
.degree {
	color: #223190;
	margin-bottom: 50px !important;
}
	.doctorImg {
		width: 100%;
	}
.doctorCenter {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.doctorRight {
	width: 480px;
	height: 360px;
	margin-bottom: 50px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.dfBox, #info_staffBox {
	text-align: center;
	margin-bottom: 200px;
}
#info_staffBox img {
	width: 675px;
	height: 400px;
	margin-bottom: 50px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
/*#info_staffBox p {
	width: 100%;
	text-align: left;
}*/


/* 診療内容 */
.guide_Block, .products_Block {
	margin: 100px auto 50px;
	padding-bottom: 100px;
	border-bottom: 1px solid #e5e5e5;
}
.guide_Block img, .concept_Box img {
	width: 430px;
	height: 290px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.guide_Block p, .concept_Box p {
	width: 525px;
	line-height: 200%;
	text-align: justify;
}

#guide1Box img, #guide3Box img, #guide6Box img, #guide8Box img, #guide10Box img, #conceptBox1 img {
	margin-left: 90px;
}
#guide2Box img, #guide5Box img, #guide7Box img, #guide9Box img,#conceptBox2 img {
	margin-right: 90px;
}
.guide_imgBox {
	width: 715px;
	margin: 40px auto 0;
}
.guide_imgBox img {
	width: 330px;
	height: 225px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
#guide4Box p {
	width: 100%;
}

/* なるべく抜かない治療 */
.concept_mainP, .concept_Box {
	margin-bottom: 50px;
}
#concept_telBox {
	padding: 50px 0;
	text-align: center;
	margin-bottom: 50px;
}
#concept_telBox p {
	margin-bottom: 30px;
}
#concept_telBox .icon_tel {
	width: 44px;
	height: 15px;   
    background: url(../img/icon_tel_b.svg);
    background-size: 44px 15px;
    margin-right: 10px;
    display: inline-block;
}
.concept_tel {
	color: #223190;
}
.concept_tel span {
	font-size: 20px;
}
.concept_tel p {
	font-size: 42px;
	margin: 20px 0 0;
}

/* アンチエイジング */
h3.antiagin_ttl{
	font-size: 22px;
	text-align: center;
	margin-top: -30px;
	margin-bottom: 50px;
}

h3.antiagin_ttl2{
	font-size: 22px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
}

h3.antiagin_ttl3{
	font-size: 22px;
	text-align: center;
	margin-top: 70px;
	margin-bottom: 70px;
}

table.antiagin{
	margin: 30px auto;
	width: 60%;
}

table.antiagin td{
	border: solid 1px #313131;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

table.antiagin td.gray{
	background-color: #f8f8f8;
}

table.antiagin .tbl2{
	margin-top: 30px;
}

/* 材料のこだわり */
.products_mainP {
	margin: 50px auto 20px;
}
.products_Block ul li {
	width: 325px;
}
.pro_mainImg {
	width: 325px;
	height: 220px;
	border: 1px solid #223190;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
}
.pro_mainImg img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.products_Block h4 {
	font-size: 18px;
	margin-bottom: 10px;
	text-align: center;
}
.products_Block p {
	text-align: justify;
	margin-bottom: 30px;
}
.pro_btnImg {
	width: 100%;
	text-align: center;
}
.pro_btnImg img {
	width: 225px;
	height: 60px;
}


/* 404 */
.block404 {
	padding: 50px 0 100px !important;
	text-align: center;
	line-height: 200%;
}
.block404 p {
	margin-bottom: 45px;
}



/*
########################################################
	フッター
########################################################
*/
#fotNavi ul {
	text-align: center;
	margin-bottom: 50px;
}
#fotNavi ul li {
	display: inline-block;
	padding: 0 20px;
}
#fotInfo {
	margin-top: 30px;
	margin-bottom: 30px;
}
.fotInfoLeft img {
	width: 210px;
	margin-bottom: 10px;
}
.fotAdd {
	font-size: 12px;
}
.fotInfoRight .icon_tel {
	width: 26px;
	height: 9px;   
    background: url(../img/icon_tel_g.svg);
    background-size: 26px 9px;
    margin: 8px 5px 0 0;
    vertical-align: top;
    display: inline-block;
}
.fotInfoRight span {
	color: #626262;
	vertical-align: top;
}
.fotInfoRight p {
	font-size: 12px;
}
.fot_tel {
	font-size: 33px !important;
	display: inline-block;
	margin-left: 10px;
}
#copy {
	color: #898989;
	font-size: 11px;
	margin-bottom: 50px;
}
#goTopPage{
  width: 47px;
  height: 47px;
  position: fixed;
  right: 3%;
  bottom: 3%;
}