@charset "utf-8";
/*
青山歯科医院 旧WPテーマ（info）の style.css をそのまま使用（画像のパスのみ /assets/img/ に変更）2026.10
*/


/*----------------------------------------
■共通設定
-----------------------------------------*/

body, h1, h2, h3, h4, h5, h6, p, td, th, ol, ul, li, dl, dt, dd, form, pre{
	margin:0;
	padding:0;
	font-family:Helvetica,'游ゴシック',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	font-size: 14px;
	color:#666666;
	word-break:break-all;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
	letter-spacing:0.04em;
}

h1, h2, h3, h4, h5, h6{
font-weight:normal;
}

body{
background:#FFF;
	line-height:2;
}

.min{
    font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}


p {
	margin-bottom:18px;
}

#wrapper{
min-width:1080px;
overflow:hidden;
position:relative;
}

#wrapper-sp{
min-width:1080px;
overflow:hidden;
position:relative;
}


ul{
list-style:none;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}


img {
max-width:100%;
	vertical-align:bottom;
	border: none;
}

a:link {
color:#724D4C;
	text-decoration:underline;
-webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   -ms-transition: all .2s;
   transition: all .2s;
	opacity:1;
}

a:visited {
		color:#724D4C;
}

a:active,
a:hover {
color:#724D4C;
	text-decoration:none;
opacity:0.6;
}


.brown{
color:#724D4C;
}

.pink{
color:#F079A3;
}


/*----------------------------------------
■汎用クラス
-----------------------------------------*/
.clearfix{
	zoom:1;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}

.pagetop{
position:absolute;
bottom:10px;
right:10px;
width:38px;
height:38px;
margin:0;
}
.pagetop a{
	display:block;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
outline-style:none;
	background:url(/assets/img/pagetop.svg) no-repeat;
background-size:100%;
}

.alignright{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}
.alignleft{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.aligncenter{
	clear:both;
	display:block;
	margin:25px auto;
}
.postmeta{
	clear:both;
}
.post {
	zoom:1;
}
.post .post{
	margin:10px;
}
.post:after{
	content:"";
	display:block;
	clear:both;
}

.wp-pagenavi{
	margin-top:20px;
	clear:both;
}

.table-a{
	width:100%;
	border:solid 1px #000000;
	margin-bottom:18px;
}
.table-a th{
	padding:5px;
	font-weight:bold;
	background:#ffffff;
	border:solid 1px #000000;
}
.table-a td{
	padding:5px;
	background:#ffffff;
	border:solid 1px #000000;
}




/*----------------------------------------
■ヘッダー
-----------------------------------------*/

#header-area{
}

#header{
width: 1000px;
    height: 140px;
    margin: auto;
    position: relative;
}
#header h1{
    line-height: 1;
    font-size: 11px;
    font-weight: normal;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 100%;
    color: #999999;
}
#logo-area {
    width: 400px;
    position: absolute;
    top: 48px;
    left: 50%;
    margin-left: -200px;
    text-align: center;
}

#logo-top {
    font-size: 13px;
   line-height: 1.2;
    margin-bottom: 10px;
}
#header #logo {
    width: 260px;
    margin: 0 auto;
}

#header #logo a {
    width: 100%;
    height: 58px;
    background: url(/assets/img/logo.svg) no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    overflow: hidden;
    outline-style: none;
    display: block;
}

#head-tel-area {
    width: 260px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 40px;
}

#header-tel {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 10px;
}
#header-tel span{
font-size:13px;
}

#header-address {
    line-height: 1;
    margin-bottom: 12px;
}
#header-accsess {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 0px;
}
#header-accsess span {
    font-size: 16px;
    margin-left: 4px;
    padding: 2px 4px;
    background: #FFF6F8;
    border: solid 1px #FFE7F2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}


#top-head-slide-area{
height:625px;
width:100%;
}
#top-head-slide{
height: 625px;
    overflow: hidden;
    display: block;
}

.top-head-slide-box{
width:100%;
height:625px;
display:block;
}

.top-head-slide-message{
    width: 310px;
    padding-right: 690px;
margin:0 auto;
}

.top-head-slide-catch{
    width: 52px;
    margin-bottom: 0;
    margin-left: 30px;
    float: right;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 44px;
    float: right;
    line-height: 1;
}

.top-head-slide-text {
-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 18px;
    float: right;
    margin-top: 2px;
       line-height: 2.3;
}
span.top-head-slide-line {
    padding-right: 14px;
    display: inline-block;
    border-right: solid 2px #FFE0DD;
}

span.top-head-slide-pink {
    background-image: url(/assets/img/gara-pink.jpg) ;
background-size: auto 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
display:inline-block;
}
span.top-head-slide-brown {
    background-image: url(/assets/img/gara-brown.jpg) ;
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
display:inline-block;
}

.top-head-slide-text span{
padding-right: 10px;
    display: inline;
    border-right: solid 2px #FFE0DD;
}



#top-head-slide1{
background:url(/assets/img/top-header1.png) no-repeat top center;
background-size:1800px;
}
#top-head-slide2{
background:url(/assets/img/top-header2.png) no-repeat top center;
background-size:1800px;
}


/*----------------------------------------
■キャッチイメージ
-----------------------------------------*/

h2{
font-weight:normal;
}

#header-catch-area{
background-position-x:center !important;
}

#wrapper-sp #header-catch-area{
background-size:100% !important;
}

#header-catch-area{
background:url(/assets/img/header-clinic.jpg) no-repeat top center fixed;
background-size:cover;
width:100%;
margin-bottom:20px;
position:relative;
display:block;
}

.page-id-7 #header-catch-area{
background:url(/assets/img/header-access.jpg) no-repeat top center fixed;
background-size:cover;
}
.page-id-6 #header-catch-area{
background:url(/assets/img/header-guide.jpg) no-repeat top center fixed;
background-size:cover;
}
.page-id-8 #header-catch-area{
background:url(/assets/img/header-contact2.jpg) no-repeat top center fixed;
background-size:1900px;
}

.page-id-8 #wrapper-sp #header-catch-area{
background:url(/assets/img/header-contact2.jpg) no-repeat top center fixed;
background-size:2160px !important;
}


#header-catch-area::before {
  content: "";
    display: block;
    background: url(/assets/img/top-map-white.png) no-repeat 0px -1px;
    background-size: auto 50%;
    position: absolute;
    width: 100%;
    height:300px;
    top: 0;
    left: 0;
}


#header-catch {
  width: 1000px;
    margin: 0 auto;
    padding:60px 0;
    position: relative;
}
#page-title {
    background: url(/assets/img/icon-logo-white.svg) no-repeat top center;
    background-size: 80px;
    padding-top: 100px;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.3;
    color: #FFF;
}
.page-title-eng {
    font-size: 22px;
    font-style: italic;
  }

.page-title-name {
    font-size: 32px;
    display: inline;
    text-align: center;
}




/*----------------------------------------
■メイン
-----------------------------------------*/
#main{
	width:100%;
	    margin: 40px 0 0;
}
.home #main{
   margin: 60px 0 0;
}

/*----------------------------------------
■コンテンツ
-----------------------------------------*/

#contents-area {
    width: 1000px;
    margin: 0 auto 60px;
}

.home #contents-area {
    width: 100%;
    margin: 0 auto;
}

#contents{
	width:690px;
	margin-left:60px;
	float:right;
}

#breadNavi{
    text-align: center;
    margin-bottom: 0px;
    font-size: 12px;
    color: #724D4C;
}
#breadNavi a {
    color: #724D4C;
}
#breadNavi a img{
    width: 12px;
    line-height: 0;
    font-size: 0;
    vertical-align: -2px;
}


#text-2 ul{
	padding:0 0 10px 0;
	list-style: square inside none;
}

/*----------------------------------------
■サイド
-----------------------------------------*/


#side-banner-title{
    text-align: center;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 8px;
}

ul#side-banner li {
    text-align: center;
    margin-bottom: 10px;
}

ul#side-banner li:last-child {
    margin-bottom: 0px;
}
ul#side-banner li a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    line-height: 1.3;
    border-radius: 10px;
    font-size: 12px;
}
ul#side-banner li span {
    font-size: 16px;
    padding-left: 22px;
}



#side-menu{
background:#FFF9F8;
padding:4px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
    margin-bottom: 15px;
}

#side-menu-naiyou{
background:#FFF;
padding:15px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

#side-menu-title{
text-align:center;
line-height:1.4;
margin:0;
padding:16px 0;
font-size:16px;
}
#side-menu-title span{
font-size:18px;
}

#side-menu-first{
 text-align: center;
margin-bottom:16px;
}
#side-menu-first img{
border-radius:4px;
}



ul#side-menu-list{
margin-bottom:20px;
}
ul#side-menu-list li{
    margin-bottom: 15px;
    display: table;
    width: 100%;
    background: url(/assets/img/h3-bar2.png) repeat-x bottom center;
    background-size: auto 5px;
    padding-bottom: 20px;
}

ul#side-menu-list li:last-child{
margin-bottom:0px;
}

ul#side-menu-list li a{
text-decoration:none;
}

.side-menu-img{
width:80px;
height:80px;
display:table-cell;
vertical-align:middle;
margin:0;
}

.side-menu-img img{
width:100%;
height:100%;
object-fit:cover;
  border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

}
.side-menu-text{
padding-left:10px;
vertical-align:middle;
text-align:left;
display:table-cell;
font-size:16px;
line-height:1.4;
margin:0;
}

#side-menu-bottom{
text-align:center;
margin:0;
line-height:1.3;
font-size: 16px;
}
li#side-banner-faq a {
    background: url(/assets/img/naname-haikei-blue.jpg) no-repeat;
    background-size: 300px;
}

li#side-banner-mail a {
    background: url(/assets/img/naname-haikei-pink.jpg) no-repeat;
    background-size: 300px;
}

#side-menu-bottom span{
font-size: 20px;
}

li#side-banner-faq span {
    color: #8acbff;
    background: url(/assets/img/icon-faq.svg) no-repeat 0 0px;
    background-size: 18px;
}

li#side-banner-mail span {
    color: #f078a3;
    background: url(/assets/img/icon-mail.svg) no-repeat 0 5px;
    background-size: 16px;
}


.side-menu-text span{
     font-size: 19px;
    display: inline-block;
    padding-top: 4px;
}

#side-time .time-t td, #side-time .time-t th {
     padding: 2px 0;
    font-size: 11px;
    line-height: 1.2;
}

#side-time .time-t th:first-child{
 padding-right: 8px;
}

#side-time .time-t td.time-time {
       width: 22%;
    padding-right: 8px;
}
#side-time .time-t td {
 font-size: 12px;
    line-height: 1.1;
}
#side-time .time-t td img {
    width: 10px;
}

#side-time{
    position: relative;
}

#side-clinic {
    padding: 20px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: url(/assets/img/top-guide-yoyaku-alogo.png) no-repeat top center #F1F8FB;
    background-size: 100%;
    position: relative;
    padding-bottom: 120px;
}

div#side-clinic:before {
    content: "";
    display: block;
    width: 100%;
    height: 224px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    background: url(/assets/img/top-guide-gaikan.png) no-repeat bottom;
    background-size: 100%;
}

#side-clinic-logo-area{
    background: url(/assets/img/icon-logo.svg) no-repeat top center;
    background-size: 60px;
    padding-top: 76px;
}
#side-clinic-logo-top {
 text-align: center;
    font-size: 10px;
    margin-bottom: 4px;
    line-height: 1;
    padding-top: 10px;
}
#side-clinic-logo {
     text-align: center;
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 16px;
}
#side-clinic-logo span{
 font-size: 10px;
}

#side-clinic-access {
    text-align: center;
    line-height: 1.6;
    font-size: 16px;
    margin-bottom: 8px;
}
#side-clinic-access span {
    font-size: 14px;
    margin-left: 4px;
    padding: 2px 4px;
    background: #FFF6F8;
    border: solid 1px #FFE7F2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#side-clinic-address {
    line-height: 1.4;
    text-align: center;
    font-size: 13px;
    margin-bottom: 10px;
}

#side-clinic-tel-top {
    text-align: center;
    line-height: 1;
    margin-bottom: 4px;
    font-size: 16px;
}

#side-clinic-tel {
    text-align: center;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 13px;
}
#side-clinic-tel span {
    font-size: 30px;
}

#side-clinic-tel a{
color:#F079A3;
}

#side-clinic-access-btn{
margin: 0;
    overflow: hidden;
    border-radius: 0px 0px 4px 4px;
}
#side-clinic-access-btn a{
display:block;
width:100%;
background:#724D4C;
text-align:center;
color:#FFF;
line-height:1;
padding:10px 0;
text-decoration:none;
}
#side-clinic-access-btn a:hover {
    padding: 12px 0;
}
#side-clinic-access-btn span {
    background: url(/assets/img/icon-access.svg) no-repeat 0 1px;
    background-size: 14px;
    padding-left: 18px;
}


#side_left{
	width:250px;
	float:left;
}


.widget_area {
    padding: 20px 20px;
    background: #fcfbfa;
    margin-bottom: 10px;
    border-radius: 4px;
}

.side-title {
    text-align: center;
    font-size: 18px;
    line-height: 1.4;
}

.widget_area ul li {
    border-bottom: dashed 1px #EEE;
    padding-bottom: 10px;
    margin-bottom: 10px;
line-height:1.6;
}
.widget_area ul li a{
color: #f077a3;
}


#widget_01_category-3 ul{
	background:#ffffff;
	list-style:none;
	padding:10px 7px;
	margin-bottom:15px;
}
#widget_01_category-3 a{
	background:none no-repeat left center;
	padding-left:17px;
	line-height:25px;
}
#widget_01_archives-3 ul{
	background:#ffffff;
	list-style:none;
	padding:10px 7px;
	margin-bottom:15px;
}
#widget_01_archives-3 a{
	background:none no-repeat left center;
	padding-left:17px;
	line-height:25px;
}
#widget_01_new-3 ul{
	background:#ffffff;
	list-style:none;
	padding:10px 7px;
	margin-bottom:15px;
}
#widget_01_new-3 a{
	background:none no-repeat left center;
	padding-left:17px;
	line-height:25px;
}


#widget_banner-3 ul{
	list-style:none;
}
#widget_banner-3 li{
	margin-bottom:10px;
	text-align:center;
}
#widget_banner-3 li .banner_textlink{
	text-align:right;
}


#side_right{
	width:200px;
	float:right;
}
/*----------------------------------------
■facebook/twitter
-----------------------------------------*/
#tabs{
height:370px;
}

#tabs ul{
width: 200px;
margin-bottom:7px;
}
#tabs li{
margin:0;
padding:0;
}

#tabs #tab_facebook{
background:none no-repeat;
display: block;
width:100px;
height:40px;
text-indent: -9999px;
outline-style:none;
}
#tabs .ui-tabs-selected #tab_facebook{
background:none no-repeat;
}

#tabs #tab_twitter{
background:none no-repeat right top;
display: block;
width:100px;
height:40px;
text-indent: -9999px;
outline-style:none;
}
#tabs .ui-tabs-selected #tab_twitter{
background:none no-repeat right top;
}


.ui-tabs-hide { display: none; }
.ui-tabs {
margin: 10px 0 0 0;
}
.ui-tabs-nav {

list-style: none;
margin: 0;
padding: 0;

}
.ui-tabs-nav:after {
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li { 
float: left; 
font-weight: bold;
width: 99px;
}
.ui-tabs-nav a{
display: block;
}
.ui-tabs-nav a {
margin: 1px 0 0;
padding-left: 0;
text-align: center;
outline: 0;
text-decoration:none;
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 1px;
z-index: 2;
margin-top: 0;
color: #000;
}



.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { cursor: text; }
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover,
.ui-tabs-nav .ui-tabs-deselectable a:focus,
.ui-tabs-nav .ui-tabs-deselectable a:active { cursor: pointer; }
.ui-tabs-disabled { opacity: .4; }
.ui-tabs-panel { padding: 0; }
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-tabs-panel { width: 178px; border: 0px solid #ade500/*{borderColorActive}*/;}
.ui-tabs-panel img { border:none; }


/*----------------------------------------
■フッター
-----------------------------------------*/

#footer-area{
    border-top: solid 1px #dcd4cc52;
    padding-top: 40px;
    position: relative;
}


#footer{
width:1000px;
margin:0 auto;
}

#footer-logo-area{
margin-top: 16px;
width:270px;
float:left;
margin-right:20px;
}

#footer-logo-top {
    font-size: 13px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 10px;
}

#footer-logo{
    text-align: center;
    margin-bottom: 12px;
}
#footer-logo img{
width:90%;
}

#footer-logo-access{
font-size: 18px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 0px;
}
#footer-logo-access span{
font-size:16px;
margin-left:4px;
padding:2px 4px;
background:#FFF6F8;
border:solid 1px #FFE7F2;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

#footer-con-tel{
 text-align: center;
font-size:32px;
  line-height: 1;
    margin-bottom: 10px;
}
#footer-con-tel span{
font-size:13px;
}
#footer-con-area{
margin-top: 10px;
width:260px;
float:left;
}

#footer-con-address {
    line-height: 1;
    text-align: center;
}
#footer-con-mail{
margin:0;
text-align:center;
}
#footer-con-mail a{
    display: inline-block;
    padding: 10px 22px;
    text-align: center;
    color: #f078a3;
    border-radius: 20px;
    background: url(/assets/img/naname-haikei-pink.jpg) no-repeat;
    background-size: 300px;
    line-height: 1.2;
    text-decoration: none;
}
#footer-con-mail a span{
    background: url(/assets/img/icon-mail.svg) no-repeat 0 3px;
background-size:12px;
padding-left:16px;
}

#footer-time-area{
width:430px;
float:right;
}

.time-t-area{
margin-bottom: 6px;
    background: url(/assets/img/alogo.png) no-repeat top left #F2F8FB;
    background-size: auto 100%;
border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
padding:5px 15px;
}
.time-t{
}
.time-t td,
.time-t th{
font-weight:normal;
color:#724D4C;
    padding: 12px 0px;
    line-height: 1.4;
text-align: center;
}

.time-t th:first-child {
    text-align: right;
    padding-right: 10px;
}


.time-t td{
width: 8%;
}

.time-t td.time-time{
font-size:16px;
width: 30%;
text-align: right;
padding-right:10px;
}

.time-t tr{
border-bottom:dashed 1px #724e4c40;
}
.time-t tr:last-child{
border-bottom:none;
}

.time-t td img {
    width: 12px;
}
#guide-first-flow .time-t td img {
width: 14px;
}
#guide-first-flow .time-t td,#guide-first-flow .time-t th{
font-size: 16px;
}
#guide-first-flow .time-t td.time-time{
    font-size: 20px;
}

.time-hosoku{
text-align:right;
color:#888;
font-size:12px;
    margin: 0;
}
#side-clinic .time-hosoku{
padding-top:6px;
position:relative;
font-size:11px;
text-align:center;
}
#side-clinic .time-hosoku span{
  padding-left: 12px;
    background: url(/assets/img/icon-herf.svg) no-repeat 0 4px;
    background-size: 8px;
}

.time-hosoku span{
    padding-left: 16px;
    background: url(/assets/img/icon-herf.svg) no-repeat 0 4px;
    background-size: 10px;
    line-height: 1.2;
    margin: 0;
color:#000;
}

.nav-area{
width: 1000px;
    margin: 0 auto;
       padding: 30px 0;
}
header .nav-area{
margin-bottom:20px;
}

.nav-area ul{
font-size:0px;
text-align:center;
}
.nav-area ul li{
    display: inline;
    padding: 0;
    font-size: 18px;
    height: 48px;
    line-height: 1.4;
}

.nav-area ul li:first-child span {
    width: 10px;
    height: 10px;
    background: url(/assets/img/icon-home.svg) no-repeat;
    background-size: 100%;
    margin: 3px auto 0;
}

.nav-area ul li a {
      text-decoration: none;
    color: #724D4C;
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
}
.nav-area ul li::after {
    content: "";
    display: inline-block;
    background: url(/assets/img/nav-slash.png) no-repeat;
    background-size: 100%;
    width: 25px;
    height: 48px;
    margin: 0 30px;
}
.nav-area ul li:last-child::after {
 display: none;
}

.nav-area ul li span {
    display: block;
    font-size: 12px;
    color: #F079A3;
}

#footer-bottom{
padding:28px 0;
background:#FCFBFA;
}

#footer-link{
margin-bottom:12px;
}
#footer-link ul{
font-size:0;
text-align:center;
}
#footer-link ul li{
display:inline-block;
font-size:12px;
}

#footer-link ul li a{
color:#724D4C;
text-decoration:none;
}

#footer-link ul li::after{
content:"|";
padding:0 10px;
color:#724D4C;
}
#footer-link ul li:last-child::after{
content:"";
padding:0px;
}

address{
font-size:12px;
	margin:0;
	text-align:center;
	font-style:normal;
}
address a{
color:#724D4C;
}

/*----------------------------------------
■トップページ
-----------------------------------------*/

#top-guide-head-catch{
text-align:center;
line-height:1;
font-size:80px;
margin-bottom:16px;
    margin-right: -40px;
}
#top-guide-head-catch span{
font-size:70px;
}

#top-guide-head-catch2{
text-align:center;
line-height:1;
font-size:80px;
    margin-bottom: 20px;
}
#top-guide-head-catch2 span{
font-size:80px;
}
#top-guide-head-dai {
    font-size: 32px;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
}
#top-guide-head-text {
    text-align: center;
    font-size: 16px;
}


#top-guide-box-area {
padding:30px 0 90px;
    width: 1000px;
    margin: 0 auto;
display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-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;
}

#top-guide-box-area div.top-guide-box:nth-child(3n) {
    margin-right: 0;
}

.top-guide-box {
box-sizing: border-box;
    width: 300px;
    margin-right: 50px;
margin-bottom:50px;
}
#top-guide-box-area div.top-guide-box:nth-child(n + 4) {
    margin-bottom: 0;
}



#top-guide-box1 {
padding: 20px;
    background: #F1F8FB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
background:url(/assets/img/top-guide-yoyaku-alogo.png) no-repeat top center #F1F8FB;
background-size:100%;
position:relative;
}

#top-guide-box1::before {
        content: "";
    display: block;
    width: 100%;
    height: 266px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    background: url(/assets/img/top-guide-gaikan.png) no-repeat bottom;
    background-size: 100%;
}


#top-guide-yoyaku-title {
    text-align: center;
    padding-top: 50px;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 8px;
    background: url(/assets/img/icon-logo.svg) no-repeat top center;
    background-size: 30px;
}

#top-guide-yoyaku-tel {
    text-align: center;
    font-size: 34px;
    line-height: 1;
    margin-bottom: 8px;
}

#top-guide-yoyaku-tel a{
color:#F079A3;
}


#top-guide-yoyaku-tel span{
 font-size:13px;
}

#top-guide-time {
    text-align: center;
    line-height: 1.6;
    margin-bottom: 8px;
    font-size: 14px;
    position: relative;
}
#top-guide-hoken {
    text-align: center;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 14px;
    position: relative;
}

#top-guide-mail {
    text-align: center;
    font-size: 14px;
    margin: 0;
position: relative;
}

#top-guide-mail a {
    display: inline-block;
    padding: 12px 24px;
    background: #FFF;
    font-size: 14px;
    text-decoration: none;
    color: #F079A3;
    line-height: 1;
    border-radius: 10px;
}
#top-guide-mail a span{
padding-left: 16px;
    background: url(/assets/img/icon-mail.svg) no-repeat 0 3px;
    background-size: 12px;
} 


.top-guide-box-img {
    margin-bottom: 22px;
position:relative;
}
.top-guide-box-img a{

}
.top-guide-box-img a:hover{
opacity: 0.9;
}
.top-guide-box-img a::after {
 background: url(/assets/img/icon-logo-white.svg) no-repeat top center;
    background-size: 72px;
    content: "";
    display: block;
    width: 72px;
    height: 84px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -36px;
opacity:0;
-webkit-transition: all .4s;
   -moz-transition: all .4s;
   -o-transition: all .4s;
   -ms-transition: all .4s;
   transition: all .4s;
}

.top-guide-box-img a:hover::after {
opacity:0.8;
}


.top-guide-box-img::before{
position:absolute;
    top: -26px;
    right: 10px;
width:98px;
height:40px;
margin:0;
content:"";
display:block;
    z-index: 1;
}

#top-guide-box2 .top-guide-box-img::before{
background:url(/assets/img/top-menu-no1.png) no-repeat;
background-size:100%;
}
#top-guide-box3 .top-guide-box-img::before{
background:url(/assets/img/top-menu-no2.png) no-repeat;
background-size:100%;
}
#top-guide-box4 .top-guide-box-img::before{
background:url(/assets/img/top-menu-no3.png) no-repeat;
background-size:100%;
}
#top-guide-box5 .top-guide-box-img::before{
background:url(/assets/img/top-menu-no4.png) no-repeat;
background-size:100%;
}
#top-guide-box6 .top-guide-box-img::before{
background:url(/assets/img/top-menu-no5.png) no-repeat;
background-size:100%;
}



.top-guide-box-img img{
width:100%;
   border-radius: 4px;
    overflow: hidden;
position:relative;
}



.top-guide-box-name {
    text-align: center;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 14px;
}
.top-guide-box-name a{
color:#F079A3;
}
.top-guide-box-name span{
    display: inline-block;
    border-bottom: solid 2px #FFE0DD;
    padding-bottom: 4px;
}

.top-guide-box-name-top {
    text-align: center;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 14px;
}

.top-guide-box-text {
  margin-bottom: 10px;
}


#top-dr-area {
      height: 527px;
    background: url(/assets/img/top-dr-bg.png) no-repeat top center;
    background-size: 1500px;
    margin-bottom: 340px;
}

#top-dr {
    width: 1000px;
    position: relative;
    margin: 0 auto;
}

#top-dr-message {
    width: 500px;
    position: absolute;
    top: -40px;
    right: 30px;
}

#top-dr-message-name {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 26px;
display: inline-block;
    margin-top: 196px;
float: right;
}

#top-dr-message-name span{
margin-bottom: 10px;
 font-size: 20px;
}

#top-dr-message-catch {
    width: 132px;
    display: inline-block;
    float: right;
    margin-left: 35px;
    margin-bottom: 0;
    margin-left: 30px;
    float: right;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 50px;
    float: right;
    line-height: 1.4;
}

span.top-dr-message-catch-brown{
    background-image: url(/assets/img/gara-brown.jpg);
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
    display: inline-block;
    border-right: solid 2px #FFE0DD;
}
span.top-dr-message-catch-pink {
    background-image: url(/assets/img/gara-pink.jpg);
    background-size: auto 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
margin-top:56px;
    display: inline-block;
    border-right: solid 2px #FFE0DD;
}


#top-dr-message-text {
    display: inline-block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 18px;
float: right;
    margin-left: 20px;
    margin-top: 64px;
}

#top-dr-eng {
    position: absolute;
    top: 0;
    right: 90px;
    width: 126px;
    margin: 0;
}

#top-dr-clinic{
position:absolute;
width:546px;
margin:0;
top: 400px;
right:0;
}
ul#top-dr-clinic li:last-child {
    margin-right: 0;
}
ul#top-dr-clinic li {
    width: 170px;
    float: left;
    margin-right: 18px;
}
ul#top-dr-clinic li img{
width:100%;
border-radius:4px;
}
#top-dr-clinic-img1{
margin-top:33px;
}
#top-dr-clinic-img2{
margin-top:90px;
}


#top-map-message-area{
    position: absolute;
    top: -280px;
    left: 50%;
    margin-left: -500px;
    width: 1000px;
    background: url(/assets/img/top-map-foot.png) no-repeat;
    background-size: 158px;
    z-index: 2;
}

#top-map{
position:relative;
}

#top-map-message{
margin-left:30px;
    padding-top: 30px;

width:260px;
}

#top-map-catch {
float:right;
    margin-bottom: 0;
    margin-left:15px;
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
    font-size: 50px;
    line-height: 1.4;
}

span.top-map-catch-brown2 {
    background-image: url(/assets/img/gara-brown.jpg);
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    border-right: solid 2px #FFE0DD;
    font-size: 32px;
    padding-right: 4px;
    margin-left: 10px;
}

span.top-map-catch-brown {
    background-image: url(/assets/img/gara-brown.jpg);
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 display: inline-block;
    border-right: solid 2px #FFE0DD;
    margin-top: 30px;
}

#wrapper span.top-map-catch-pink {
    background-image: url(/assets/img/gara-pink.jpg);
    background-size: 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 display: inline-block;
    margin-top: 90px;
    display: inline-block;
    border-right: solid 2px #FFE0DD;
}

#wrapper-sp span.top-map-catch-pink {
   color:#F079A3;
    margin-top: 90px;
    border-right: solid 2px #FFE0DD;
}
span.top-map-catch-pink span {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all;
 letter-spacing: -0.04em;
}

#top-map-text {
float:right;
    display: inline-block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 18px;
    margin-top: 94px;
}


#top-map-eng {
    position: absolute;
    top: 56px;
    left: 20px;
    width: 99px;
    margin: 0;
}



.simplemap {
position: relative;
    display: block;
}

.home .simplemap::before {
    position: absolute;
    content: "";
    width: 371px;
    display: block;
    height: 162px;
    top: -1px;
    left: 0;
    margin: 0;
    background: url(/assets/img/top-map-white.png) no-repeat;
    background-size: 100%;
    z-index: 1;
}

#top-news-area {
padding:26px 0;
 
}
#top-news{
width:1000px;
margin:0 auto;
font-size: 0;
    text-align: left;
}
#top-news-title{
display: inline-block;
    font-size: 16px;
    width: 230px;
    padding-right: 29px;
    margin-right: 30px;
    border-right: solid 1px #CCCCCC;
margin-bottom: 0px;
}
#top-news-post-area{
display: inline-block;
 width: 610px;
}
#top-news-post-area ul li {
    font-size: 16px;
    margin-top: 7px;
margin-bottom: 0px;
}

#top-news-post-area ul li span{
    margin-right: 20px;
}


#top-news-more{
    display: inline-block;
    text-align: right;
    width: 98px;
margin-bottom: 0px;
}
#top-news-more a{
text-decoration:none;
color:#F079A3;
}


/*----------------------------------------
■診療案内
-----------------------------------------*/


#guide-first-jisan {
      text-align: center;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 24px;
}

#guide-first-jisan span {
    border-bottom: solid 2px #FFE0DD;
    padding-bottom: 2px;
    display: inline-block;
}
#guide-first-tel-area{
    text-align: center;
    margin-bottom: 10px;
}
#guide-first-tel-yoyaku {
    display: inline;
    margin-right: 10px;
    font-size: 18px;
    line-height: 1;
}
#guide-first-tel {
    display: inline;
    font-size: 32px;
    line-height: 1;
}
#guide-first-tel span {
    font-size: 13px;
}
#guide-first-tel-time {
    text-align: center;
    line-height: 1;
    margin-bottom: 30px;
}

#guide-first-flow {
background: #fcfbfa;
    outline-offset: -10px;
    outline: solid 1px #FFF;
    padding: 30px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
     margin-bottom: 40px;
    position: relative;
}
#guide-first-flow-moji img {
    width: 82px;
}
#guide-first-flow-moji {
    position: absolute;
    top: 30px;
    left: -10px;
    margin: 0;
}

#guide-first-flow-title {
text-align: center;
    font-size: 16px;
    width: 120px;
    margin: 0 auto 24px;
    background: #f078a3;
    padding: 8px 40px;
    border-radius: 4px;
    color: #FFF;
    line-height: 1;
}
#guide-first-flow-title span {
    background: url(/assets/img/icon-first.svg) no-repeat 0 2px;
    background-size: 10px;
    padding-left: 16px;
}

ul#guide-first-step{
    margin-bottom: 30px;
    text-align: center;
    font-size: 0;
}

ul#guide-first-step li {
      width: 144px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: top;
}
ul#guide-first-step li:last-child {
    margin-right: 0px;
}

.guide-first-flow-img {
    width: 100%;
    height: 100px;
    margin-bottom: 14px;
}
.guide-first-flow-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

ul#guide-first-banner {
    text-align: center;
    margin-bottom: 40px;
font-size:0;
}
ul#guide-first-banner li:last-child {
margin-right:0px;
}

ul#guide-first-banner li{
  display: inline-block;
      width: 240px;
margin-right:15px;
}


ul#guide-first-banner li a{
    display: block;
    padding: 16px 0;
    text-decoration: none;
    line-height: 1.2;
    border-radius: 60px;
    font-size: 12px;
}
li#guide-first-banner-faq a{
     background: url(/assets/img/naname-haikei-blue.jpg) no-repeat;
    background-size: 300px;
}
li#guide-first-banner-mail a{
    background: url(/assets/img/naname-haikei-pink.jpg) no-repeat;
    background-size: 300px;
}
ul#guide-first-banner li span{
font-size:20px;
  padding-left: 22px;
}
li#guide-first-banner-mail span {
    color: #f078a3;
 background: url(/assets/img/icon-mail.svg) no-repeat 0 5px;
    background-size: 16px;
}
li#guide-first-banner-faq span {
    color: #8ACBFF;
    font-size: 18px;
    background: url(/assets/img/icon-faq.svg) no-repeat;
      background-size: 18px;
  
}

.guide-musiba-flow-dai {
    text-align: center;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 6px;
}
.guide-musiba-flow-c {
    text-align: center;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 12px;
}


.guide-first-flow-step {
    text-align: center;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 6px;
}

.guide-first-flow-name {
text-align: center;
    line-height: 1.2;
    font-size: 18px;
    margin: 0;
}
#guide-first-banner-title {
       text-align: center;
    font-size: 20px;
    line-height: 1.4;
}
#guide-first-banner-title span {
    font-size: 16px;
}

.guide-top-catch{
    text-align: center;
    font-size: 24px;
    margin-bottom: 16px;
    line-height: 1;
    padding-top: 10px;
}

.guide-top-name{
    text-align: center;
    font-size: 32px;
    margin-bottom: 36px;
    line-height: 1;
}

.guide-top-name span{
border-bottom: solid 2px #FFE0DD;
    padding: 0 10px 4px 10px;
    display: inline-block;
    background-image: url(/assets/img/gara-pink.jpg);
    background-size: 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.guide-top-area-l {
    width: 420px;
    float: right;
    margin-left: 30px;
}
.guide-top-area-r {
    width: 240px;
    float: left;
}


.guide-top-img {
    margin: 0;
    width: 100%;
}
.guide-top-img img{
    width: 100%;
border-radius:4px;
}

ul.guide-top-list {
    margin-bottom: 16px;
}


ul.guide-top-list li span {
    background: url(/assets/img/icon-check.svg) no-repeat;
    background-size: 22px;
    padding-left: 30px;
}
ul.guide-top-list li {
    font-size: 18px;
    line-height: 1.8;
}


.guide-top-text {
    margin: 0;
}
.guide-top-area {
    margin-bottom: 30px;
}


.guide-more-box {
    background: #fcfbfa;
    padding: 30px;
    border-radius: 4px;
outline-offset: -10px;
    outline: solid 1px #FFF;
}

.guide-area{
    padding-bottom: 40px;
margin-bottom:30px;
    border-bottom: dashed 2px #EEE;
}

#guide div.guide-area:last-child{
  padding-bottom: 0px;
margin-bottom:0px;
    border-bottom: none;
}

ul.guide-musiba-flow {
    margin-bottom: 20px;
}

ul.guide-musiba-flow li {
    width: 144px;
    float: left;
    margin-right: 18px;
}

ul.guide-musiba-flow li:last-child {
    margin-right: 0px;
}

.guide-musiba-flow-text {
    margin: 0;
}

.guide-musiba-flow-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.guide-musiba-flow-img {
    width: 100%;
    height: 170px;
    margin-bottom: 14px;
}




#guide-lader-l {
    width: 190px;
    float: left;
}
#guide-lader-r {
    width: 410px;
    float: right;
}

.guide-laser-img {
    width: 100%;
    height: 240px;
    margin: 0;
}

.guide-laser-img img{
   width: 100%;
   height: 100%;
object-fit:cover;
    border-radius: 4px;
}

#guide-lader-r .guide-box-catch1{
text-align:left;
}
#kyosei3 .guide-box-catch1 span br {
display:none;
}

#kids2 p.guide-box-catch1 br:first-child{
display:none;
}

#beauty3 p.guide-box-catch1 br:first-child{
display:none;
}

.guide-more-dai:hover {
   border-radius:10px;
}

.guide-more-detail {
    padding-top: 16px;
}


.guide-more-dai {
border-radius:0px;
background: #FFF;
    padding: 14px 0;
    line-height: 1;
    text-align: center;
    font-size: 18px;
     margin-bottom: 10px;
    position: relative;
-webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   -ms-transition: all .2s;
   transition: all .2s;
}

.guide-more-dai:after {
    content: "";
    display: block;
       width: 30px;
    height: 28px;
    position: absolute;
    right: 14px;
    top: 12px;
    background: url(/assets/img/icon-click.svg) no-repeat;
    background-size: 100%;
-webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   -ms-transition: all .2s;
   transition: all .2s;
}

.guide-more-dai.nowOpen:after {

     width: 12px;
    height: 12px;
    position: absolute;
    right: 20px;
    top: 20px;
  background: url(/assets/img/icon-minasu.svg) no-repeat;
    background-size: 100%;
}


.guide-more-sbox .closeBtnHat {
    display: none;
}


.guide-more-dai{

}

.guide-more-dai span {
    font-size: 24px;
    margin: 0 2px;
}
.guide-more-detail {
    margin-bottom: 30px;
}

.guide-more-box div.guide-more-detail {
 margin-bottom: 0px;
}

.guide-box-catch1{
text-align: center;
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 1.6;
}
.guide-box-catch1 span{
font-size: 22px;
}


#kyosei-hanarabi {
    margin-bottom: 10px;
}


#kyosei-hanarabi ul {
    text-align: center;
    font-size: 0;
}

#kyosei-hanarabi ul li{
display:inline-block;
width:144px;
margin-right:18px;
margin-bottom: 20px;
}
#kyosei-hanarabi ul li:nth-child(4n),
#kyosei-hanarabi ul li:last-child{
margin-right:0px;
}

.kyosei-hanarabi-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.kyosei-hanarabi-img {
    width: 100%;
    height: 85px;
    margin-bottom: 14px;
}


.kyosei-hanarabi-text {
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
}


#kids-kyosei {
    margin-bottom: 30px;
}
#kids-kyosei ul li {
    background: #FFF;
    margin-bottom: 12px;
    display: table;
}
#kids-kyosei ul li:last-child{
    margin-bottom: 0px;
}

.kids-kyosei-dai {
    display: table-cell;
    padding: 10px 15px;
    text-align: center;
    margin: 0;
font-size:16px;
    width: 26%;
line-height:1.4;
}
.kids-kyosei-dai span{
font-size:20px;
}
li#kids-kyosei1 .kids-kyosei-dai{
background:#FEF6F3;
}
li#kids-kyosei1 .kids-kyosei-dai span{
color:#F079A3;
}
li#kids-kyosei2 .kids-kyosei-dai{
background:#F0F7FD;
}
li#kids-kyosei2 .kids-kyosei-dai span{
color:#8ACBFF;
}

.kids-kyosei-text {
    display: table-cell;
     padding: 10px 15px;
line-height:1.8;
}


ul.guide-kids-area li {
    width: 300px;
    float: left;
    margin-right: 30px;
}
ul.guide-kids-area li:last-child {
    margin-right: 0px;
}


.guide-kids-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.guide-kids-img {
    width: 100%;
    height: 220px;
    margin-bottom: 14px;
}

.beauty-t {
    background: #FFF;
    margin-bottom: 30px;
}

.beauty-t td,
.beauty-t th{
line-height:1.4;
}
.beauty-t td{
padding:10px;
    line-height: 1.6;
    text-align: center;
}
.beauty-t td img {
    width: 16px;
}

.beauty-t th{
font-weight:normal;
    text-align: left;
font-size: 13px;
    padding: 10px 15px;
}
.beauty-t th span {
    font-size: 20px;
}

.beauty-s-u {
    background: #FEF6F3;
}
.beauty-s-t {
    background: #FEF7ED;
}
.beauty-s-s {
    background: #F0F7FD;
}





.beauty-t tr:last-child {
    border-bottom: none;
}
.beauty-t tr {
    border-bottom: dashed 1px #EEE;
}


.guide-box-text {
    margin: 0;
}
#guide-implant-what{
margin-bottom:30px;
}

#guide-implant-what-l {
    width: 350px;
    float: left;
}
#guide-implant-what-l .guide-box-catch1{
text-align:left;
}
#guide-implant-what-r {
    width: 240px;
    margin-left: 30px;
    float: right;
  
}

.guide-implant-what-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.guide-implant-what-img {
    width: 100%;
    height: 184px;
    margin: 0;
}

.implant-t td{

}
.implant-t th{
background: #724C4C;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
    line-height: 1;
    color: #FFF;
    padding: 10px 0;
}

.implant-t tr.implant-i-img td {
    padding: 0;
    background: #FFF;
}

.implant-t tr th{
 border-right: solid 1px #EEEEEE;
}
.implant-t tr th:last-child{
 border-right:none;
}
.implant-t th.implant-i{
background:#E96C91;
}

.implant-t tr{
border-bottom:solid 1px #EEEEEE;
}
.implant-t tr:last-child{
border-bottom:none;
}

.implant-t tr td.implant-merit-i,
.implant-t tr td.implant-demerit-i{
font-weight:bold;
}


.implant-t tr td{
padding: 15px;
    border-right: solid 1px #EEEEEE;
    vertical-align: top;
}
.implant-t tr td:last-child{
border-right:none;
}

.implant-merit{
background:#FEF6F3;
}
.implant-demerit{
background:#F0F7FD;
}

.implant-merit td ul li{
    background: url(/assets/img/icon-maru.svg) no-repeat 0 6px;
    background-size: 12px;
    padding-left: 18px;
    line-height: 1.6;
    margin-bottom: 6px;
}

.implant-demerit td ul li{
    background: url(/assets/img/icon-batu.svg) no-repeat 0 6px;
    background-size: 12px;
    padding-left: 18px;
    line-height: 1.6;
    margin-bottom: 6px;
}
.implant-merit td ul li:last-child,
.implant-demerit td ul li:last-child {
margin-bottom: 0px;
}





/*----------------------------------------
■医院までのアクセス
-----------------------------------------*/

#access-head{
    margin-bottom: -30px;
    position: relative;
}

#access-head-catch span {
    display: inline;
    border-bottom: solid 2px #FFE0DD;
    padding-bottom: 10px;
}
#access-head-catch {
    font-size: 24px;
    line-height: 2.2;
    text-align: center;
    margin: 0;
}
#access-head-image {
 margin-bottom: 30px;
}

#access-head-access {
text-align: center;
    font-size: 44px;
    margin-bottom: 10px;
    line-height: 1;
    background-image: url(/assets/img/gara-pink.jpg);
  background-size: 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#access-head-access span {
    font-style: italic;
    font-size: 60px;
    margin: 0 4px 0 2px;
}


div#access-map {
    position: relative;
    width: 1000px;
    margin: 0 auto 0px;
}
div#access-map-l {
  width: 96%;
    margin-left: -20%;
}

#access-map-l .simplemap::before{
    transform: scale(-1, 1);
    right: 0;
left:auto;
}
#access-map-r {
    width: 196px;
    padding-left: 80px;
    position: absolute;
    top: -20px;
    right: 0px;
    background: url(/assets/img/top-map-foot.png) no-repeat;
    background-size: 158px;
}

#access-map-eng img {
    width: 100px;
}
#access-map-eng {
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0;
}


#access-map-catch{
margin-bottom:50px;
}
#access-map-catch img{
width:196px;
}

#access-map-google a {
    display: inline-block;
    padding: 12px 34px;
    border: solid 1px #f078a3;
    color: #FFF;
    background: #f078a3;
    text-decoration: none;
    line-height: 1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#access-map-google {
    margin: 0;
    text-align: center;
}


#access-time{
margin-bottom: 6px;
background: url(/assets/img/alogo.png) no-repeat top left #F2F8FB;
    background-size: auto 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 5px 15px;
}


#access-info-area{
    margin: 0px 0 30px;
}

#access-info-l{
    width: 46%;
    margin-right: 4%;
    float: left;
}

#access-info-r{
    width: 50%;
    float: left;
}

#access-info-area .time-t td:last-child {
    width: 11%;
}

#access-info-area .time-t td {
    width: 9%;
}
#access-info-area .time-t td.time-time {
    font-size: 14px;
    width: 35%;
}



#access-ingo-logo-tel span {
    font-size: 26px;
}

#access-ingo-logo-tel {
    text-align: center;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 13px;
}

#access-ingo-logo-address {
      margin-bottom: 16px;
    line-height: 1;
    text-align: center;
    font-size: 14px;
}
#access-info-yoyaku {
    text-align: center;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 4px;
}

#access-info-tel {
    text-align: center;
    font-size: 32px;
    margin: 0;
    line-height: 1;
}

#access-info-logo-top{
    font-size: 13px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 10px;
}
#access-info-tel span {
    font-size: 13px;
}


#access-info-logo{
text-align: center;
    margin-bottom: 8px;
}

#access-info-logo img {
    width: 243px;
}

#access-ingo-logo-access {
    font-size: 18px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 0px;
}

#access-ingo-logo-access span {
    font-size: 16px;
    margin-left: 4px;
    padding: 2px 4px;
    background: #FFF6F8;
    border: solid 1px #FFE7F2;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}



#access-googlemap{
margin-bottom:30px;
}

#access-access-area{
position:relative;
}

#access-moji {
    position: absolute;
    top: -20px;
left:-20px;
margin:0
}
#access-moji img{
width:99px;
}


ul#access-access-list{
display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-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;
margin-bottom:20px;
font-size: 0;
}

ul#access-access-list li {
   display: inline-block;
    width: 330px;
    box-sizing: border-box;
    margin-right: 30px;
    margin-bottom: 20px;
}
ul#access-access-list li:nth-child(even) {
border-right:none;
margin-right:0px;
}
.access-access-name {
     font-size: 20px;
    line-height: 1;
    margin: 0 0 1px;
    text-align: center;
}

.access-access-name br{
display:none;
}
.access-access-text {
    line-height: 1.6;
    text-align: center;
margin-bottom:0;
}


.access-access-name span {
    padding: 6px 0 6px 30px;
}


.access-car .access-access-name span {
    background: url(/assets/img/icon-car.svg) no-repeat 0 5px;
    background-size: 24px;
}
.access-bus .access-access-name span {
    background: url(/assets/img/icon-bus.svg) no-repeat 0 5px;
    background-size: 24px;
}
.access-train .access-access-name span {
    background: url(/assets/img/icon-train.svg) no-repeat 0 5px;
    background-size: 24px;
}
.access-access-img img {
      border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.access-access-img {
    margin: 0 0 12px;
    width: 100%;
    height: 200px;
}
#access-access-top{
    margin-bottom: 26px;
}

#access-access-top .access-access-img {
    height: 300px;
}

#access-access-top .access-access-name{
    font-size: 24px;

}

/*----------------------------------------
■青山歯科について
-----------------------------------------*/

#doctor {
    background: url(/assets/img/clinic-dr-img.png) no-repeat bottom 0 left -16px;
    background-size: 414px;
    margin-bottom: 40px;
    position: relative;
      height: 480px;
    margin-top: 20px;
}

#doctor-catch {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 48px;
    float: right;
       line-height: 1.6;
    margin-left: 8px;
}

#doctor-text {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 18px;
    float: right;
    margin-top: 65px;
}

#doctor-doctor img {
    width: 124px;
}
#doctor-doctor {
  position: absolute;
    margin: 0;
    right: 110px;
    top: -12px;
}

#doctor-name {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 20px;
    float: right;
    margin-top: 65px;
    margin-right: 20px;
 line-height: 1;
}
#doctor-name span {
    font-size: 26px;
    margin-top: 10px;
}

span.doctor-catch-kenkou {
     border-right: solid 2px #FFE0DD;
    /* padding-right: 10px; */
    background-image: url(/assets/img/gara-brown.jpg);
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
display: inline-block;
}


span.doctor-catch-kounai {
    margin-top: 54px;
    border-right: solid 2px #FFE0DD;
    /* padding-right: 10px; */
    background-image: url(/assets/img/gara-pink.jpg);
    background-size: 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
display: inline-block;
}

.concept-head{
height:415px;
position:relative;
margin-bottom:14px;
}
#concept1 .concept-head{
background:url(/assets/img/clinic-concept-img1.png) no-repeat;
background-size:100%;
}
#concept2 .concept-head{
background:url(/assets/img/clinic-concept-img2.png) no-repeat;
background-size:100%;
}

#concept-catch {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 50px;
    /* float: right; */
    line-height: 1.5;
    margin-left: 8px;
}

#concept2 #concept-catch {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 50px;
   float: right;
    line-height: 1.5;
    margin-left: 8px;
margin-right: 20px;
}


span.concept-catch-p {
    border-right: solid 2px #FFE0DD;
    /* padding-right: 10px; */
  background-image: url(/assets/img/gara-brown.jpg);
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
display: inline-block;
}

span.concept-catch-b {
    border-right: solid 2px #FFE0DD;
    /* padding-right: 10px; */
    background-image: url(/assets/img/gara-pink.jpg);
    background-size: 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
      writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
display: inline-block;
}


#concept2 span.concept-catch-p {
    margin-top: 180px;
}


.concept-text{
text-align:center;
font-size:16px;
line-height:1.8;
}
.concept-text span{
font-size:20px;
  border-bottom: solid 2px #FFE0DD;
}

#concept1 {
padding-top: 20px;
    margin-bottom: 40px;
}

#concept2 {
padding-top: 20px;
    margin-bottom: 40px;
}

#facility-top-text{
text-align:center;
line-height:1;
font-size:18px;
margin-bottom:20px;
}
#facility-top-text span{
font-size:26px;
margin:0 4px;
}

.facility-img img{
width:100%;
height:100%;
object-fit:cover;
}

ul#facility-slide li{
width:330px;
margin-right:30px;
margin-bottom: 30px;
}
ul#facility-slide li:nth-child(even){
margin-right:0px;
}

.facility-img{
height:262px;
margin-bottom:18px;
}
.facility-catch{
text-align:center;
font-size:18px;
line-height:1;
margin-bottom:8px;
}
.facility-catch span{
font-size:20px;
}
.facility-text{
margin-bottom:0px;
}


#facility-slide-area{
}
ul#facility-slide{
display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-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;
}


/*----------------------------------------
■お問い合わせ
-----------------------------------------*/

#faq-top-text{
     margin-bottom: 35px;
text-align:center;
}

.faq-post-head {
    width: 100%;
   position:relative;
}



.faq-post-btn {
      text-align: right;
    display: table-cell;
    width: 14px;
}
.faq-post-btn img{
width:100%;
}
.faq-post-btn span{
    display:inline-block;
  background: #f078a3;
    color: #FFF;
    padding: 6px 10px;
    line-height: 1;
    border-radius: 10px;
}
.faq-post-title{
    font-size: 20px;
    line-height: 1.6;
    width: 100%;
    margin-right: 20px;
margin-bottom:0;
    position: relative;
}

.faq-post-title:after {
    content: "";
    display: block;
       width: 30px;
    height: 28px;
    position: absolute;
    right: 0px;
    top: 6px;
    background: url(/assets/img/icon-click.svg) no-repeat;
background-size:100%;
-webkit-transition: all .2s;
   -moz-transition: all .2s;
   -o-transition: all .2s;
   -ms-transition: all .2s;
   transition: all .2s;
}

.faq-post-title.nowOpen:after {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 14px;
    right: 4px;
  background: url(/assets/img/icon-minasu.svg) no-repeat;
background-size:100%;
}

li.faq-post {
    padding-bottom: 15px;
    border-bottom: dashed 1px #EEEEEE;
    margin-bottom: 15px;
}

#faq-post-area{
margin-bottom:40px;
}

#faq-post-area li.faq-post:last-child{
   border-bottom: none;
}
.faq-post-naiyou.switchDetail {
padding: 30px;
    margin-top: 16px;
    background: #fcfbfa;
    outline-offset: -10px;
    outline: solid 1px #FFF;
    border-radius: 4px;
}

.faq-post-naiyou.switchDetail .closeBtnHat{
text-align:center;
    margin: 0;
}

.faq-post-naiyou.switchDetail .closeBtnHat span{
    display: none;
    font-size: 11px;
    padding: 6px 12px;
    line-height: 1;
    color: #82605f;
    font-family: serif;
    background: #FFF;
    border-radius: 10px;
}



.faq-post-title:before{
content:"Q";
font-size:24px;
margin-right:10px;
color:#f078a3;
}

#contact-form-area{
position:relative;
}

#contact-form-area span.wpcf7-not-valid-tip{
    font-size: 10px;
    padding-top: 10px;
}
#contact-form-area div.wpcf7-validation-errors, #contact-form-area div.wpcf7-acceptance-missing {
    text-align: center;
    color: #ff0000;
    border: solid 1px #ff0000;
}

#contact-form-area div.wpcf7-mail-sent-ok {
    border: solid 1px #8ACBFF;
    text-align: center;
    color: #8ACBFF;
}


#text-mailform{
    position: absolute;
    margin: 0;
    top: 30px;
    left: -30px;
}

#text-mailform img{
width:183px;
}



#contact-top-text {
margin-bottom:20px;
    text-align: center;
}

#contact-top-tel-yoyaku {
    display: inline-block;
    margin-right: 20px;
    font-size: 18px;
    line-height: 1.6;
}
#contact-top-tel-tel {
    display: inline-block;
    line-height: 1.4;
    font-size: 32px;
}
span.contact-top-tel-s {
    font-size: 16px;
}
span.contact-top-tel-time {
    font-size: 18px;
}

#contact-top-tel-area {
    text-align: center;
    margin-bottom: 20px;
}

#contact-head-huki img {
}
#contact-head-huki {
    text-align: center;
margin-bottom: 20px;
}

#contact-head-area {
    margin: 0 auto 40px;
}

#contact-head-text {
    font-size: 16px;
margin:0;
}

#contact-form-text span{
    font-size: 18px;
}


#contact-form-area{
padding:40px 30px;
    background: #fcfbfa;
    outline-offset: -10px;
    outline: solid 1px #FFF;
    border-radius: 4px;
}
#contact-form{
    margin: 0 auto;
}

#contact-tel-catch{
font-size: 22px;
    margin-bottom: 10px;
    line-height: 1.4;
}

#contact-tel-catch span{
background: url(/assets/img/icon-logo.svg) no-repeat top center;
    background-size: 78px;
    padding-top: 110px;
    display: inline-block;
}

#contact-tel-tel span {
    font-size: 13px;
}
#contact-tel-tel {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 8px;
}

#contact-tel-close {
    font-size: 16px;
    margin: 0;
    line-height: 1;
}



#contact-head-l {
text-align:center;
}

#contact-head-r {

}

.h3-area {
text-align: center;
    margin-bottom: 30px;
    background: url(/assets/img/h3-bar2.png) repeat-x top 70px center;
    background-size: auto 9px;
}

.post .h3-area {
 margin-bottom: 40px;
padding-bottom:20px;
    background: url(/assets/img/h3-bar2.png) repeat-x bottom center;
    background-size: auto 9px;
}



h3 {
  font-weight: normal;
    font-size: 30px;
    text-align: center;
    margin-bottom: 4px;
    line-height: 1.3;
    letter-spacing: 0.1em;
}

#privacy-area h3 {
  font-size: 26px;
}


h3 span {
    background: url(/assets/img/icon-logo.svg) no-repeat top center #FFF;
    background-size: 36px;
    padding: 56px 14px 0 18px;
    display: inline-block;
}


.h3-s {
    font-size: 14px;
    line-height: 1;
    margin: 0;
}

#contact-form-text {
font-size: 16px;
    text-align: center;
    line-height: 1;
    padding-top: 10px;
    margin-bottom: 30px;
}

#form-area{
margin:0 auto;
}

.form-t td,
.form-t th {
    padding: 10px 10px;
    line-height: 1;
}
.form-t th {
width:30%;
font-weight:normal;
text-align:right;
font-size:16px;
    vertical-align: top;
    padding-top: 20px;
}

.form-t input, .form-t textarea {
    border: none;
    padding: 10px;
    box-sizing: border-box;
}
.form-t input{
width:65%;
}
.form-t textarea{
width:100%;
}
table.form-t {
    margin-bottom: 30px;
}

#contact-privacy-title {
    text-align: center;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 10px;
}


#contact-privacy-text {
    text-align: center;
    font-size: 12px;
    line-height: 1;
    margin: 0;
}

#contact-privacy-box {
    margin-bottom: 40px;
}


.contact-btn {
    width: 260px;
    margin: 0 auto 20px;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.contact-btn input.wpcf7-form-control {
 width: 100%;
    line-height: 1;
    padding: 13px 0;
    font-size: 16px;
    text-align: center !important;
    color: #FFF;
    /* font-weight: bold; */
    border: 0;
    cursor: pointer;
    background: #f078a3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#wpcf7-submit{
	text-align:center;
}

.wpcf7-list-item{
	white-space:nowrap;
	display:block;
	float:left;
}



/*----------------------------------------
■サイトマップ
-----------------------------------------*/


p#sitemap-top-text {
    font-size: 16px;
    margin-bottom: 26px;
}


#sitemap-area-l {
    width: 46%;
    float: left;
    margin-right: 8%;
}
#sitemap-area-r {
    width: 46%;
    float: left;
}

.sitemap-name{
      background: url(/assets/img/h3-bar2.png) repeat-x bottom center;
    background-size: auto 5px;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.sitemap-name a {
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    font-size: 22px;
}

#sitemap-area ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dashed 1px #d2cecf;
}
#sitemap-area ul li a{
    color: #f078a3;
    padding-left: 18px;
    background: url(/assets/img/icon-maru.svg) no-repeat 0 4px;
    background-size: 12px;
}


#sitemap-area ul {
  margin-bottom: 50px;
    margin-top: -10px;
}


/*----------------------------------------
■プライバシーポリシー
-----------------------------------------*/


#privacy-area {
    margin-bottom: 30px;
}


.privacy-box {
    margin-bottom: 50px;
}
.privacy-text {
    margin: 0;
}

.privacy-box ul{
padding-top:14px;
}

.privacy-box ul li {
    background: url(/assets/img/icon-maru.svg) no-repeat 0 8px;
    background-size: 12px;
    padding-left: 18px;
}


.privacy-box .h3-area {
    background-position-y: 12px;
}
.privacy-box h3 span {
    background: #FFF;
    padding-top: 0;
}


/*----------------------------------------
■ブログ
-----------------------------------------*/

.news-all-box {
    margin-bottom:40px;
}
.news-all-date {
    margin-bottom: 12px;
    line-height: 1;
    font-size: 16px;
}

.news-all-date span {
    border-right: solid 1px #f077a3;
    border-left: solid 1px #f077a3;
    padding: 0 12px;
}


.news-all-catch {
    font-size: 26px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    line-height: 1.6;
    background: url(/assets/img/h3-bar2.png) repeat-x bottom center;
    background-size: auto 9px;
}

.news-all-catch a{
     text-decoration: none;

}

.news-all-catch a:hover{

}

.news-all-more {
      margin: 0;
    text-align: right;
}

.news-all-more a {
    display: inline-block;
    background: #fcfbfa;
    padding: 10px 20px;
    line-height: 1;
    text-decoration: none;
    border-radius: 10px;
}

.news-all-more a span {
    background: url(/assets/img/icon-plus.svg) no-repeat 0 4px;
    background-size: 12px;
    padding-left: 20px;
}


ul.sns-list {
    text-align: center;
    font-size: 0;
}
ul.sns-list li {
    width: 120px;
    display: inline-block;
    text-align: center;
    background: #EEE;
    margin-right: 10px;
    border-radius: 20px;
}

ul.sns-list li.sns-fb {
background:#7DA2EF;
}
ul.sns-list li.sns-tw {
background:#97CDF5;
}
ul.sns-list li.sns-google {
background:#FB9494;
}
ul.sns-list li a {
    display: block;
    width: 100%;
    padding: 8px 0;
}


ul.sns-list li img {
    width: 16px;
}

ul.sns-list li:last-child {
    margin-right: 0px;
}


#single-news-area{
  text-align: center;
    /* padding: 40px 30px; */
    /* background: #fcfbfa; */
    /* outline-offset: -10px; */
    /* outline: solid 1px #FFF; */
    margin-bottom: 40px;
    /* border-radius: 4px; */
}
.single-news-date{
    margin-top: -20px;
    font-size: 16px;
    margin-bottom: 30px;
    text-align: center;
}


.single-news-date span {
    border-right: solid 1px #f077a3;
    border-left: solid 1px #f077a3;
    padding: 0 12px;
}


#single_social{
	list-style:none;
}
#single_social li{
	float:left;
}
.postmeta{
	border-top:solid 1px #000000;
	padding:10px 0;
}
.postmeta p{
	margin-top:5px;
}

/*----------------------------------------
■個別設定
-----------------------------------------*/

#kouji-area{
padding:160px 0 40px;
text-align:center;
}

.kouji{
font-size:18px;
line-height:1.6;
}

.kouji span{
font-size:40px;
background:url(/assets/img/icon-logo.svg) no-repeat top center;
background-size:80px;
padding-top:120px;
}
.kouji-tel{
font-size:32px;
}
.kouji-tel span{
font-size:13px;
}



.wptouch-desktop-switch
	{
	    text-align: center;
    margin-top: 40px;
    width: 1080px;
    margin-bottom: 40px;
    font-size: 22px;
	}

.wow{
visibility: hidden;
}

.custom-reservation-btn {
    padding: 12px 20px !important;
    margin-bottom: 10px;
    border-radius: 10px !important;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important;
    opacity: 1 !important;
    position: relative;
    z-index: 10;
}

#top-guide-box1 .custom-reservation-btn:nth-of-type(5) {
    background: rgba(77, 184, 232, 0.8) !important;
}

#top-guide-box1 .custom-reservation-btn:nth-of-type(6) {
    background: rgba(6, 199, 85, 0.9) !important;
}

.custom-reservation-btn a {
    text-decoration: none;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif !important;
    display: block;
    width: 100%;
}

.custom-reservation-btn a span {
    display: block;
    color: #FFFFFF !important;
}


/* 予約ボタン共通スタイル */
.btn-web, .btn-line {
    padding: 12px 20px !important;
    margin-bottom: 10px !important;
    border-radius: 10px !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important;
    display: block !important;
}

/* WEB予約ボタン(ブルー) */
.btn-web {
    background: rgba(77, 184, 232, 0.9) !important;
}

/* LINE予約ボタン(LINEカラー) */
.btn-line {
    background: #06C755 !important;
}

/* リンクのスタイル */
.btn-web a, .btn-line a {
    text-decoration: none !important;
    display: block !important;
    width: 100% !important;
    color: #FFFFFF !important;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif !important;
}

.btn-web a span, .btn-line a span {
    color: #FFFFFF !important;
}

/* LINE予約案内 */
.line-guide-area {
    margin-bottom: 40px;
}

.line-guide-box {
    background: #fcfbfa;
    padding: 30px;
    border-radius: 4px;
    margin-bottom: 20px;
    outline-offset: -10px;
    outline: solid 1px #FFF;
}

.line-guide-title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: solid 2px #FFE0DD;
}

.line-guide-number {
    background: #06C755;
    color: #FFF;
    font-size: 24px;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 15px;
}

.line-guide-title h3 {
    font-size: 24px;
    color: #724D4C;
    margin: 0;
    line-height: 1.4;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

.line-guide-sub {
    font-size: 18px;
    margin-left: 8px;
}

.line-guide-content {
    display: flex;
    align-items: flex-start;
}

.line-guide-qr {
    width: 200px;
    text-align: center;
    margin-right: 30px;
    flex-shrink: 0;
}

.line-guide-qr img {
    width: 180px;
    height: 180px;
    border: solid 2px #724D4C;
    padding: 10px;
    background: #FFF;
    margin-bottom: 10px;
}

.line-guide-qr-text {
    font-size: 14px;
    color: #724D4C;
    line-height: 1.4;
    margin: 0;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

.line-guide-text {
    flex: 1;
}

.line-guide-content p {
    color: #666666;
    line-height: 1.8;
    margin-bottom: 12px;
    font-family: Helvetica,'游ゴシック',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
}

.line-guide-content p:last-child {
    margin-bottom: 0;
}

.line-guide-point {
    color: #F079A3 !important;
    font-weight: bold;
}

.line-guide-note {
    font-size: 13px;
    color: #999;
}
.line-guide-title h3 span {
    background: none !important;
    padding: 0 !important;
}

/* ヘッダー予約ボタン(左側) */
#head-yoyaku-area {
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    margin-left: -350px;
    width: 260px;
    text-align: center;
    z-index: 10;
}

#header-yoyaku-title {
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 8px;
    color: #724D4C;
    font-family: "Times New Roman", "游明朝", YuMincho, serif;
}

.header-btn-web,
.header-btn-line {
    margin-bottom: 8px;
}

.header-btn-web a,
.header-btn-line a {
    display: block;
    padding: 10px 12px;
    text-align: center;
    text-decoration: none;
    border-radius: 8px;
    color: #FFF;
    line-height: 1.2;
    font-size: 13px;
    font-family: "Times New Roman", "游明朝", YuMincho, serif;
}

.header-btn-web a {
    background: rgba(77, 184, 232, 0.85);
}

.header-btn-line a {
    background: #06C755;
}

.header-btn-web a:hover,
.header-btn-line a:hover {
    opacity: 0.8;
}

/* 電話番号エリア(右側) */
#head-tel-area {
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
    margin-left: 300px;
    width: 300px;
    text-align: right;
}

.time-t .time-kome { color: #e60012; font-weight: bold; }
.time-t .time-none { color: #999; }
.time-hosoku span { color: #e60012; }

/* =========================================================
副院長ページ用CSS
PC：テーマの style.css 末尾に追記
スマホ：WPtouchのカスタムCSSにも同じものを追記
========================================================== */

/* ---------- ヘッダー（写真＋キャッチ） ---------- */
#vd-head {
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 0 0 70px;
  padding: 40px 30px 0;
  background: linear-gradient(180deg, #fdf5f6 0%, #fff 100%);
  border-radius: 12px;
}
#vd-head-photo { flex: 0 0 42%; }
#vd-head-photo img { display: block; width: 100%; height: auto; }
#vd-head-text { flex: 1; padding-bottom: 40px; }

#vd-head-catch {
  font-size: 26px;
  line-height: 1.7;
  letter-spacing: .04em;
  white-space: nowrap;
  margin-bottom: 30px;
  padding-left: 18px;
  border-left: 2px solid #f2c4cc;
}
#vd-head-name { font-size: 16px; letter-spacing: .1em; margin-bottom: 14px; }
#vd-head-name span { font-size: 28px; margin-left: 14px; }
#vd-head-badge {
  display: inline-block;
  padding: 6px 16px;
  font-size: 13px;
  color: #fff;
  background: #e8829a;
  border-radius: 20px;
  letter-spacing: .05em;
}

/* ---------- 共通セクション ---------- */
.vd-section { margin-bottom: 70px; }
.vd-lead { font-size: 23px; line-height: 1.8; text-align: center; margin: 10px 0 30px; }
.vd-text { font-size: 16px; line-height: 2.1; margin-bottom: 1.3em; }

/* ---------- 経歴 ---------- */
.vd-career-t { border-collapse: collapse; }
.vd-career-t th,
.vd-career-t td {
  padding: 16px 10px;
  border-bottom: 1px dashed #e5d5d5;
  text-align: left;
  vertical-align: top;
  line-height: 1.7;
}
.vd-career-t th { width: 8em; white-space: nowrap; font-weight: normal; }

/* ---------- 学会 ---------- */
.vd-list { list-style: none; padding: 0; margin: 0; }
.vd-list li {
  position: relative;
  padding: 14px 10px 14px 26px;
  border-bottom: 1px dashed #e5d5d5;
}
.vd-list li::before {
  content: "";
  position: absolute;
  left: 6px; top: 50%;
  width: 8px; height: 8px;
  margin-top: -4px;
  background: #e8829a;
  border-radius: 50%;
}

/* ---------- 趣味 ---------- */
#vd-private-list { display: flex; gap: 20px; list-style: none; padding: 0; margin: 0; }
#vd-private-list li {
  flex: 1;
  padding: 24px;
  background: #fdf5f6;
  border-radius: 10px;
  text-align: center;
}
.vd-private-dai { font-size: 16px; margin-bottom: 10px; }
.vd-private-text { line-height: 1.8; }

/* ---------- 戻るボタン ---------- */
#vd-back { text-align: center; margin: 20px 0 40px; }
#vd-back a {
  display: inline-block;
  padding: 14px 40px;
  border: 1px solid #e8829a;
  border-radius: 30px;
  color: #e8829a;
  text-decoration: none;
}
#vd-back a:hover { background: #e8829a; color: #fff; }

/* ---------- スマホ ---------- */
@media screen and (max-width: 767px) {
  #vd-head { flex-direction: column; gap: 20px; padding: 30px 16px 0; text-align: center; }
  #vd-head-photo { flex: none; width: 75%; margin: 0 auto; }
  #vd-head-text { padding-bottom: 30px; }
  #vd-head-catch { font-size: 22px; border-left: none; padding-left: 0; }
  #vd-head-name span { font-size: 24px; }
  .vd-lead { font-size: 17px; }
  .vd-text,
  .vd-career-t th,
  .vd-career-t td,
  .vd-list li,
  .vd-private-text { font-size: 15px; }
  .vd-career-t th, .vd-career-t td { display: block; width: auto; border: none; padding: 4px 0; }
  .vd-career-t tr { display: block; padding: 12px 0; border-bottom: 1px dashed #e5d5d5; }
  #vd-private-list { flex-direction: column; gap: 12px; }
}
/* =========================================================
副院長 紹介ブロック（TOP・青山歯科について 共通）
PC用 style.css と WPtouchのカスタムCSS の両方に追記
========================================================== */

#top-vd-area { padding: 0 20px 280px; margin-top: -40px; }
#clinic-vd-area { margin: 40px 0 80px; }

.vd-intro {
  display: flex;
  align-items: flex-end;
  gap: 40px;
  max-width: 960px;
  margin: 0 auto;
  padding: 40px 40px 0;
  background: linear-gradient(180deg, #fdf5f6 0%, #fff 100%);
  border-radius: 12px;
}
.vd-intro-photo { flex: 0 0 36%; margin: 0; }
.vd-intro-photo img { display: block; width: 100%; height: auto; }
.vd-intro-text { flex: 1; padding-bottom: 40px; }

.vd-intro-catch {
  font-size: 42px;
  line-height: 1.5;
  letter-spacing: .04em;
  white-space: nowrap;
  margin-bottom: 24px;
  padding-left: 20px;
  border-left: 2px solid #f2c4cc;
}
.vd-intro-name { font-size: 15px; letter-spacing: .1em; margin-bottom: 12px; }
.vd-intro-name span { font-size: 26px; margin-left: 14px; }
.vd-intro-badge {
  display: inline-block;
  margin-bottom: 18px;
  padding: 5px 14px;
  font-size: 12px;
  color: #fff;
  background: #e8829a;
  border-radius: 20px;
  letter-spacing: .05em;
}
.vd-intro-desc { font-size: 15px; line-height: 2; margin-bottom: 24px; }
.vd-intro-btn a {
  display: inline-block;
  padding: 12px 40px;
  border: 1px solid #e8829a;
  border-radius: 30px;
  color: #e8829a;
  text-decoration: none;
  transition: .3s;
}
.vd-intro-btn a:hover { background: #e8829a; color: #fff; }

@media screen and (max-width: 767px) {
  #top-vd-area { padding: 40px 16px 50px; }
  #clinic-vd-area { margin: 30px 0 50px; }
  .vd-intro { flex-direction: column; align-items: center; gap: 16px; padding: 30px 16px 0; text-align: center; }
  .vd-intro-photo { flex: none; width: 65%; }
  .vd-intro-text { padding-bottom: 30px; }
  .vd-intro-catch { font-size: 20px; border-left: none; padding-left: 0; }
  .vd-intro-name span { font-size: 22px; }
  .vd-intro-desc { font-size: 15px; text-align: left; }
}

/* 青山歯科についてページ用（PCのみ） */
@media screen and (min-width: 768px) {
  #clinic-vd-area .vd-intro { gap: 24px; padding: 30px 30px 0; }
  #clinic-vd-area .vd-intro-photo { flex: 0 0 38%; }
  #clinic-vd-area .vd-intro-text { min-width: 0; padding-bottom: 30px; }
  #clinic-vd-area .vd-intro-catch { font-size: 30px; margin-bottom: 18px; }
  #clinic-vd-area .vd-intro-name span { font-size: 22px; }
  #clinic-vd-area .vd-intro-desc { font-size: 14px; }
}