@charset "utf-8";

/*------------------------------------------------
   Common
------------------------------------------------*/
html{
}

body{
background-color: #ffffff;
color: #120e0f;
font-family: sans-serif;
font-size: 12px;
-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

a:link{
color: #ffa932;
}

a:visited{
color: #ffa932;
}

a:active{
color: #ffa932;
}

.notice{
color: #ec3902;
font-weight: bold;
}
.additional{
font-size: 9px;
}
.text-center{
text-align: center;
}
.text-right{
text-align: right;
}
.img-right{
float: right;
margin: 0 0 10px 10px;
}

/* header */
header{
display: flex;
justify-content: space-between;
align-items: center;
padding: 9px 6px 6px 6px;
border-top: 4px solid #0592e4;
}
header #logo {
	width: 138px;
}
header #logo a,
.rsv-blk a {
	display: inline-block;
}
header #logo img{
width: 36.8vw;
max-width: 150px;
}

.rsv-blk {
	display: flex;
}

.rsv-blk #mail {
	margin-right: 5px;
}

header #tel img,
header #mail img {
	width: 26.667vw;
	max-width: 150px;
}

.reserv span {
	display: inline-block;
	font-size: 10px;
	margin-top: 2px;
}

/* pagetitle */
#pagetitle{
padding: 10px 0;
background-color: #ececec;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
text-align: center;
}
#pagetitle img{
width: 300px;
border: 1px solid #dbdbdb;
}

/* gnav */
#gnav{
padding: 10px 0 4px;
background-color: #e5faff;
}
#gnav ul{
margin: 0 auto;
width: 300px;
}
#gnav ul:after{
display: block;
content: "";
clear: both;
}
#gnav li{
float: left;
margin: 0 6px 6px 0;
padding: 0 4px 0 6px;
width: 96px; height: 64px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow: 0 0 2px #bbcdd7;
background: url("../img/bg_gnav.png"), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1f71e0), color-stop(0.56, #0592e4), color-stop(0.40, #0592e4), color-stop(0.00, #3fb1f3));
background: url("../img/bg_gnav.png"), -webkit-linear-gradient(top, #3fb1f3 0%, #0592e4 40%, #0592e4 56%, #1f71e0 100%);
background: url("../img/bg_gnav.png"), -moz-linear-gradient(top, #3fb1f3 0%, #0592e4 40%, #0592e4 56%, #1f71e0 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0592e4', endColorstr='#3fb1f3', GradientType=0 );
background: url("../img/bg_gnav.png"), linear-gradient(to bottom, #3fb1f3 0%, #0592e4 40%, #0592e4 56%, #1f71e0 100%);
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: 96px 39px, 100% 100%;
background-size: 96px 39px, 100% 100%;
border: 3px solid #8fd0f5;
border-radius: 6px;
text-align: center;
text-shadow: -1px 0 #0474b5;
}
#gnav li:nth-child(3),
#gnav li:nth-child(6){
margin-right: 0;
}
#gnav li a{
display: block;
width: 100%; height: 100%;
color: #ffffff;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-overflow: ellipsis;
}
#gnav li a img{
width: 35px;
margin: 5px 0 4px;
}
/* news */

#news .box{
padding: 0 10px;
}
#news section.box{
border-top: 4px solid #dddddd;
background: url("../img/bg_h2.gif") center top repeat-x;
-webkit-background-size: 2px 13px;
background-size: 2px 13px;
clear: both;
}
#news div.box{
padding-top:10px;
border-top: 1px solid #dbdbdb;
}
#news h2{
margin-bottom: 10px;
padding: 12px 10px 9px 34px;
background: url("../img/icon_h2.gif") 6px center no-repeat;
-webkit-background-size: 25px 18px;
background-size: 25px 18px;
border-bottom: 1px solid #ebebeb; 
color: #0592e4;
font-size: 13px;
}
#news h3{
margin-bottom:5px;
padding-left: 6px;
border-left: 4px solid #007bdf;
font-size: 13px;
font-weight:bold;
}
#news p{
margin-bottom: 10px;
font-size: 13px;
line-height: 1.4;
}
#news p.edge{
margin-bottom: 20px;
}
.mark-link{
padding-right: 16px;
background: url(../img/mark_link.gif) right center no-repeat;
-webkit-background-size: 12px 12px;
background-size: 12px 12px;
text-align: right;
clear: both;
}

#news ul{
	font-size:13px;
	padding:0 15px;
}

#news ul li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#DDDDDD dotted 1px;
}

#news time{
	margin-bottom:5px;
	display:block;
}
#news dl dt{
	font-weight:bold;
	margin-bottom:5px;
}

/* contents */
#contents .box{
padding: 0 10px;
}
#contents section.box{
border-top: 4px solid #dddddd;
background: url("../img/bg_h2.gif") center top repeat-x;
-webkit-background-size: 2px 13px;
background-size: 2px 13px;
clear: both;
}
#contents div.box{
padding-top:10px;
border-top: 1px solid #dbdbdb;
}
#contents h2{
margin-bottom: 10px;
padding: 12px 10px 9px 34px;
background: url("../img/icon_h2.gif") 6px center no-repeat;
-webkit-background-size: 25px 18px;
background-size: 25px 18px;
border-bottom: 1px solid #ebebeb; 
color: #0592e4;
font-size: 13px;
}
#contents h3{
margin-bottom:5px;
padding-left: 6px;
border-left: 4px solid #007bdf;
font-size: 13px;
font-weight:bold;
}
#contents p{
margin-bottom: 10px;
font-size: 13px;
line-height: 1.4;
}
#contents p.edge{
margin-bottom: 20px;
}
.mark-link{
padding-right: 16px;
background: url(../img/mark_link.gif) right center no-repeat;
-webkit-background-size: 12px 12px;
background-size: 12px 12px;
text-align: right;
clear: both;
}

/* table */
table{
margin-bottom: 20px;
width: 100%;
border-collapse: collapse;
border: 1px solid #e4e4e4;
font-size: 11px;
line-height: 1.3;
}
table th,
table td{
padding: 5px;
border: 1px solid #e4e4e4;
text-align: left;
vertical-align: middle;
}
table th{
background-color: #f9f9f9;
}
table td{
background-color: #ffffff;
}

/* footer */
footer{
padding-top:20px;
color: #ffffff;
text-align: center;
}
#link-pc{
padding-top: 7px;
height: 42px;
background-color: #dddddd;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size: 11px;
}
#link-pc a{
display: block;
margin: 0 auto;
width: 160px; height: 28px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1a92d3), color-stop(0.35, #2bbbee));
background: -webkit-linear-gradient(top, #2bbbee 35%, #1a92d3 100%);
background: -moz-linear-gradient(top, #2bbbee 35%, #1a92d3 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a92d3', endColorstr='#ff2bbbee', GradientType=0 );
background: linear-gradient(to bottom, #2bbbee 35%, #1a92d3 100%);
border: 1px solid #ccd6d9;
border-radius: 5px;
box-shadow: 0 0 2px #d5d5d5;
color: #ffffff;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px #53aecb;
line-height: 28px;
}
#link-pc a img{
width: 27px;
vertical-align: middle;
}
#copy{
height: 42px;
background-color: #0592e4;
font-size: 9px;
text-shadow: 0 1px #0474b5;
line-height: 42px;
}

/*------------------------------------------------
   Top page
------------------------------------------------*/
/* keyvisual */
#keyvisual{
width: 100%; height: 142px;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: 100% auto;
background-size: cover;
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
}
/* h2 */
#contents .h2-top{
margin-bottom: 0;
}
/* treatments-nav */
#treatments-nav{
}
#treatments-nav ul li{
height: 50px;
background: url(../img/mark_arrow.gif) right center no-repeat;
-webkit-background-size: 33px 23px;
background-size: 33px 23px;
border-bottom: 1px solid #ebebeb;
}
#treatments-nav ul li a{
display: block;
padding: 14px 0 0 105px;
width: 100%; height: 50px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background-position: 12px center;
background-repeat: no-repeat;
-webkit-background-size: 79px 39px;
background-size: 79px 39px;
color:#120e0f;
font-size: 14px;
font-weight: bold;
text-decoration: none;
line-height: 0.8;
}
#treatments-nav ul li span.eng{
color: #0592e4;
font-size: 8px;
font-weight: normal;
}
#treatments-nav ul li a#nav01{ background-image: url(../img/img_nav01.jpg);}
#treatments-nav ul li a#nav02{ background-image: url(../img/img_nav02.jpg);}
#treatments-nav ul li a#nav03{ background-image: url(../img/img_nav03.jpg);}
#treatments-nav ul li a#nav04{ background-image: url(../img/img_nav04.jpg);}
#treatments-nav ul li a#nav05{ background-image: url(../img/img_nav05.jpg);}
#treatments-nav ul li a#nav06{ background-image: url(../img/img_nav06.jpg);}


/*------------------------------------------------
   Clinic page
------------------------------------------------*/
/* list-clinic */
.list-clinic{
margin-bottom: 10px;
}
.list-clinic li{
margin-bottom: 10px;
line-height: 1.4;
}
.list-clinic li:after{
display: block;
content: "";
clear: both;
}
.list-clinic li img{
float: left;
margin: 0 10px 10px 0;
width: 125px;
}
/* businessphotos */
#contents h2#businessphotos{
font-size: 12px;
}

/*------------------------------------------------
   Treatments page
------------------------------------------------*/
.box-treatment p:after{
display: block;
content: "";
clear: both;
}
.box-treatment img{
width: 125px;
}
/* list-treatments */
.list-treatments{
margin-bottom: 10px;
font-size: 13px;
}
ul.edge{
margin-bottom: 20px;
}
.list-treatments li{
margin-bottom: 3px;
padding-left: 8px;
background: url(../img/mark_list.gif) 0 6px no-repeat;
-webkit-background-size: 3px 3px;
background-size: 3px 3px;
line-height: 1.3;
}
.list-treatments li.check{
margin-bottom: 3px;
padding-left: 12px;
background: url(../img/mark_check.gif) 0 4px no-repeat;
-webkit-background-size: 8px 6px;
background-size: 8px 6px;
line-height: 1.3;
}

/*------------------------------------------------
   Access page
------------------------------------------------*/
#img-access{
width: 300px;
}

/*------------------------------------------------
   Price page
------------------------------------------------*/
.th-price01{ width:38%; text-align: center;}
.th-price02{ width:39%; text-align: center;}
.th-price03{ width:23%; text-align: center;}

/*------------------------------------------------
   Contact page
------------------------------------------------*/
.contact-blk {
	margin-top: 20px;
}
.contact-blk .input {
	margin-bottom: 15px;
}
.contact-blk .input p {
	display: block;
}
.input_box input,
.input_box textarea {
	width: 100% !important;
	display: inline-block;
	padding: 5px;
}
.submit-btn-list {
	display: flex;
	justify-content: center;
}
.submit-btn-list input {
	background: linear-gradient(to bottom, #3fb1f3 0%, #0592e4 40%, #0592e4 56%, #1f71e0 100%);
    border: none;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
}
.submit-btn-list input:first-child {
	margin-right: 20px;
}
.mfp_element_submit, 
.mfp_element_reset, 
.mfp_element_button, 
button.mfp_next, 
button.mfp_prev {
	text-shadow: none !important;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password {
	box-shadow: none !important;
	border-radius: 0 !important;
}
table#mfp_confirm_table tr th, 
table#mfp_confirm_table tr td {
	width: auto !important;
}