@charset "UTF-8";
/*
Theme Name: あい歯科クリニック小倉
Theme URI: https://dent-ai.com/kokura
Author: kiraramarketing
Description:  あい歯科クリニック小倉
Version: 1.0
*/

body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
width:100% !important;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
/***************************************************************************************************************

PCスタート

**************************************************************************************************************/
@media screen and (min-width:769px)  {
body,html {
width: 100%;
margin: 0;
padding: 0;
}

html {
overflow: auto;
}
body {
overflow: hidden;
min-width: 700px;
}
/*.anime {
width: 100%;
height: 100%;
max-height: 1080px;
background-color: #E9E3E3;
position: relative;
}

.anime img {
display: block;
position: absolute;
top: 28%;
left: 40%;
}*/

.mainSite {
width: 100%;
height: 100%;
max-height: 1080px;
background-color: #FC6;
position: relative;
}

.mainSite p {
font-size: 160%;
color: #FFF;
position: absolute;
top: 42%;
left: 40%;
}
.fade {  
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
/* transition: 0.3s ease-in-out;*/  
}  

.fade:hover {  
opacity: 0.7 !important;
filter: alpha(opacity=70) !important;
-ms-filter: "alpha(opacity=70)" !important;
}	
.pt0{
padding-top: 0 !important;
}
.pt20{
padding-top: 20px !important;
}
.pt100{
padding-top: 100px !important;
}
.pb100{
padding-bottom: 110px !important;
}
.pb110{
padding-bottom: 110px !important;
}
.pb115{
padding-bottom: 115px !important;
}
.pb160{
padding-bottom: 160px !important;
}
.pb190{
padding-bottom: 190px !important;
}
.mb20{
margin-bottom: 20px !important;
}
.mb200{
margin-bottom: 200px !important;
}
.mb45{
margin-bottom: 45px !important;
}
.mb50{
margin-bottom: 50px !important;
}
.mb70{
margin-bottom: 70px !important;
}
.mb80{
margin-bottom: 80px !important;
}
.mb100{
margin-bottom: 100px !important;
}
.mb150{
margin-bottom: 150px !important;
}
.mt0{
margin-top: 0 !important;
}
.mt20{
margin-top: 20px !important;
}
.mt30{
margin-top: 30px !important;
}
.mt90{
margin-top: 90px !important;
}
.mt100{
margin-top: 100px !important;
}
.mt140{
margin-top: 140px !important;
}
.mr5{
margin-right: 5px !important;
}
.mt200{
margin-top: 200px;
}
.mb75{
margin-bottom:75px;
}
.pt90 {
padding-top: 90px;
}
.center{
text-align: center !important;
}

#wrapper{
width:100%;
}

.pcnone{
display: none !important;
}

/***************************************

ヘッダー設定

***************************************/	
#headerpc{
width: 100%;
margin-top: 15px;
}
.header_container{
width: 1000px;
margin: 0 auto;
height: 95px;
padding-left: 20px;
padding-top: 10px;
}

.header_container h1{
color: #000;
font-size: 13px;
}
.header_logo{
float: left;
width:353px;
height: 70px;
box-sizing: border-box;	
margin-top: 5px;
}
.header_contact{
float: left;
height: 70px;
width: 325px;
margin-left: 192px;
}
.header_contact img,.header_contact p{
float: left;
margin: 0;
}
.header_contact img{
margin-right: 10px;
}
.mt5{
margin-top: 5px !important;
}
.header_contact p{
font-size: 12px;
}
.font24{
font-size: 24px !important;
font-weight: 700;
}
a.header_mail{
display: block;
float: right;
margin-right: 30px;
width: 80px;
height: 80px;
border-radius: 50%;
background: #F5CA1F;
color: #000;
text-align: center;
padding-top: 17px;
font-size: 12px;
box-sizing: border-box;
margin-top: -10px;
}

#header_wrap{
border-top:54px solid #e8879f;
width: 100%;
height: 190px;
box-sizing: border-box;
background: #fff;
}


/***************************************

フッター設定

***************************************/
.copy{
text-align: center;
width: 100%;
color: #fff;
background: #e8879f;
height: 62px;
line-height: 62px;
}
/***************************************

グーグルマップ

***************************************/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/***************************************

プレオープン

***************************************/
.preopenwrap{
width: 100%;
padding-top: 290px;
background: #99d6ec;
padding-bottom: 200px;
}
.pretopcontainer{
width: 1000px;
position: relative;
margin: 0 auto;
height: 1080px;
padding-bottom: 170px;
}
div.dentalback{
position: absolute;
left: -156px;
top: -167px;
width: 1308px;
height: 1398px;
background: url(image/preopen/dentalback.svg);
}

h4.preh4{
text-align: center;
font-size: 31px;
color: #00aee0;
z-index: 10;

line-height: 1;
font-weight: 700;
}
h4.preh4 span{
font-size: 31px;
color: #00aee0;
font-weight: 700;
position: relative;
}
h4.preh4 span:before{
content: "";
background: url(image/preopen/h4before.svg);
display: inline-block;
width: 29px;
height: 67px;
vertical-align: middle;
background-position: center;
position: absolute;
top:25%;
left: -50px;
}
h4.preh4 span:after{
content: "";
background: url(image/preopen/h4after.svg);
display: inline-block;
width: 29px;
height: 67px;
vertical-align: middle;
background-position: center;
position: absolute;
top:25%;
right: -50px;
}


.pretxt03{
text-align: center;
color: #000;
font-size: 25px;
font-weight: 700;
position: relative;
margin-top: 60px;
}
.pretxt04{
text-align: center;
color: #000;
font-size: 50px;
font-weight: 700;
position: relative;
}

h2.preh2_01{
font-size: 66px;
position: relative;
text-align: center;
font-weight: 900;
color: #00aee0;
vertical-align: middle;
letter-spacing: 1px;
}
.marker_yellow_hoso {
background: linear-gradient(transparent 50%, #f6f399 50%);
}

span.preh2_01_01{
color:#de738f;
vertical-align: middle;
}


h2.preh2_01 img{
vertical-align: middle;
margin: -8px 5px 0;
}

div.senkoyoyaku{
width: 549px;
height: 117px;
margin: 56px auto 0;
position: relative;
border-radius: 20px;
font-size: 44px;
color: #fff100;
text-align: center;
font-weight: 700;
line-height: 58px;
background: #50b9e3;
}
div.senkoyoyaku:after{
display: inline-block;
content: "";
background: url(image/common/head_icon.png);
width: 117px;
height: 127px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
line-height: 117px;
position: absolute;
right: -30px;
}
div.senkoyoyaku span{
vertical-align:middle;
line-height: 117px;
}

div.toho{
width: 176px;
height: 176px;
border-radius: 50%;
background: #50b9e3;
text-align: center;
position: absolute;
left: 762px;
color: #fff;
font-weight: 700;
font-size: 23px;
display: table;
}
div.toho span{
color: #fff;
font-weight: 700;
font-size: 23px;
display: table-cell;
vertical-align: middle;
text-align:center;
}

div.chusha{
width: 143px;
height: 143px;
border-radius: 50%;
background: #50b9e3;
text-align: center;
position: absolute;
top:122px;
left: 866px;
color: #fff;
font-weight: 700;
font-size: 23px;
display: table;
}
div.chusha span{
color: #fff;
font-weight: 700;
font-size: 23px;
display: table-cell;
vertical-align: middle;
text-align:center;
}

div.prebox01{
position: relative;
width: 788px;
margin: 55px auto;
}

div.preimage{
float: left;
width: 261px;
height: 261px;
}
div.pretxt01{
float: right;
width: 479px;
}
h3.preh3box{
font-size: 16px;
font-weight: 700;
color: #e8879f;
}
p.prepbox{
color: #000;
}
span.shomei{
display: block;
margin-top: 15px;
}

div.pretxt02{
font-size: 20px;
font-weight: 700;
}
div.prebottomcontainer{
margin: 0 auto;
width: 1000px;
}
.map{
width: 100%;
margin: 45px auto 0;
}
.prebottom{
width: 100%;
margin-top: 65px;
}
table.pretable{
float: left;
width: 776px;
border-top: 1px solid #00aee0;
border-left: 1px solid #00aee0;
}
table.pretable th{
background: #fff100;
text-align: center;
border-bottom: 1px solid #00aee0;
border-right: 1px solid #00aee0;
color: #00aee0;
padding: 18px 0;
}
table.pretable td{
background: #fff;
text-align: center;
border-bottom: 1px solid #00aee0;
border-right: 1px solid #00aee0;
padding: 18px 0;
color: #00aee0;
}
div.jikanright{
float: right;
width: 200px;
background: #fff;
color: #00aee0;
font-size: 14px;
height: 184px;
padding: 20px;
box-sizing: border-box;
}
div.bottomlinkbox{
width: 1000px;
display: flex;
justify-content: space-between;
margin-top: 40px;
}
div.bottomlinkbox a{
width: 476px;
display: block;
background: #fff100;
color: #00aee0;
height: 150px;
text-align: center;
font-weight: 700;
border-radius: 20px;
box-sizing: border-box;
}
div.bottomlinkbox a:nth-child(2){
font-size: 30px;
padding-top: 30px;
}
span.bottomlinkbox01{
font-size: 22px;
padding-top: 25px;
display: block;
}
span.bottomlinkbox02{
font-size: 38px;
display: block;
}
span.bottomlinkbox02:before{
content: "";
width: 56px;
height: 56px;
background: url(image/preopen/tel.svg) no-repeat;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -5px;
}
/*********************************

お問い合わせ

**********************************/
#contact_wrap{
width: 100%;
margin: 45px 0;
padding-bottom: 190px;
}


.mw_wp_form_g-enquete .action-buttons {
text-align: center;
}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input{
background: #9E292C !important;
width: 300px;
color: #fff;
overflow:hidden;
border:none;
cursor:pointer;
line-height: 30px;
}

.mw_wp_form_confirm .btn input{
/*送信ボタン用*/
background: #9E292C !important;
width: 300px;
color: #fff;
overflow:hidden;
border:none;
cursor:pointer;
line-height: 30px;
}

#submitback input{
/*戻るボタン用*/
background: #9E292C !important;
width:80px;
height:30px;
color: #fff;
overflow:hidden;
border:none;
cursor:pointer;
line-height: 30px;
}


.mw_wp_form_g-enquete input[type="submit"], .mw_wp_form_g-enquete input[type="button"], .mw_wp_form_g-enquete button {
border: none !important;
border-radius:0 !important;
font-size: 20px !important;

box-shadow: none !important;
color: #fff !important;
cursor: pointer;
-webkit-appearance: button;
line-height: 20px;
padding: 10px 30px !important;
text-shadow: none !important;
}
.mw_wp_form_g-enquete input[type="submit"]:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.mw_wp_form_g-enquete .require {
display: none;
}
.hisu{
color:#FF0004;
margin-left: 20px;
font-size: 12px;
}

/*********************************

固定ページ設定

**********************************/
#pagehead{
width: 100%;
height: 500px;
position: relative;
}
#pagehead p{
position: absolute;
top:35%;
left: 45%;
font-size: 20px;
padding: 50px 40px;
background: #E8879F;
color: #fff;
font-weight: 700;
letter-spacing: 2px;

}
.contact_pagehead{
background:url(image/pagehead/about_clinic.jpg) center center;
background-size: cover;
}
.page{
width: 1000px;
margin: 0 auto;
}
.page a{
text-decoration: underline;
color: #F3ABB1;
}
.border_yellow1{
background: url(image/page/border_yellow1.svg) bottom;
background-repeat: no-repeat;
padding-bottom: 12px;
}
.border_yellow2{
background: url(image/page/border_yellow2.svg) bottom;
background-repeat: no-repeat;
padding-bottom: 12px;
}
h2.pagesection{
font-size: 23px;
text-align: center;
margin-top: 17px;
margin-bottom: 45px;

}
h4.titlesub{
color: #F3ABB1;
text-align: center;
font-size: 10px;
}
/*********************************

お問い合わせ

**********************************/
.btn{
color: #fff;
margin: 30px auto;
width: 300px;
}

table.list01{
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
table.list01 th{
vertical-align: middle;
padding: 20px;
background: #FDF7E2;
font-weight: 700;
text-align: center;
width: 183px;
border-bottom: 1px solid #ccc;
}
table.list01 td{
padding: 20px;
border-bottom: 1px solid #ccc;
}
.form_blanc{
margin-left: 10px;
}
select{
font-size:14px;
}
input {
font-size:14px;
}
#archives-dropdown-3{
margin-bottom: 20px;
}
table.list01 th span{
font-size: 12px;
font-weight: 500;
}

/************************

よくある質問、お問い合わせ

*************************/
div.faq-wrap,div.contact-wrap{
width: 1000px;
margin: 0 auto;
padding-top: 94px;
}
.cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
color: #ffffff;
}
.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}
.cp_actab label {
font-weight: bold;
line-height: 2.2;
position: relative;
display: block;
padding: 0 0 0 1em;
cursor: pointer;
margin: 0 0 1px 0;
color: #4d4d4d;
padding-left: 80px;
background-image: url("image/faq/q.svg");
background-repeat: no-repeat;
background-position: left top;
padding-bottom: 26px;
background-size: 37px 37px;
border-bottom: 1px solid #4d4d4d;
}
.cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.35s;
transition: max-height 0.35s;
color: #4d4d4d;
margin-bottom: 90px;
line-height: 2;
}
.cp_actab .cp_actab-content a{
color: #40343d;
text-decoration: underline;
}
.cp_actab .cp_actab-content p {
margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
max-height: 20em;
}
/* Icon */
.cp_actab label::after {
line-height: 3;
position: absolute;
top: 0;
right: 0;
display: block;
width: 3em;
height: 3em;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
content: '';
background: url("image/faq/yajirushi.svg") no-repeat;
}
.cp_actab input[type=checkbox]:checked + label::after {
transform: rotateZ(180deg);
}
h2.faq-h2,h2.contact-h2{
font-size: 33px;
color: #40343d;
font-weight: 700;
text-align: center;
letter-spacing: 2px;
}
p.faq-sub,p.contact-sub{
text-align: center;
color: #edd0e5;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 100px;
}
p.contact-txt{
margin-bottom: 40px;
}
div.form-wrap{
width: 100%;
}

}

/*****************************************************************************************************************************************************************************************

スマートフォン用css

****************************************************************************************************************************************************************************************/
@media screen and  ( max-width:768px) {
/*// スマホに適用するスタイルを書く //*/
.spnone{
display: none !important;
}
body,html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

.anime {
width: 100%;
height: 100%;
max-height: 1080px;
background-color: #E9E3E3;
position: relative;
}

.anime img {
display: block;
position: absolute;
top: 28%;
left: 40%;
}

.mainSite {
width: 100%;
height: 100%;
max-height: 1080px;
background-color: #FC6;
position: relative;
}

.mainSite p {
font-size: 160%;
color: #FFF;
position: absolute;
top: 42%;
left: 40%;
}
.fade {  
-webkit-transition: 0.3s ease-in-out;  
-moz-transition: 0.3s ease-in-out;  
-o-transition: 0.3s ease-in-out;  
/* transition: 0.3s ease-in-out;*/  
}  

.fade:hover {  
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}	
.pt100{
padding-top: 50px;
}
.pb100{
padding-bottom: 50px;
}
.pb160{
padding-bottom: 160px;
}
.pb190{
padding-bottom: 190px;
}
.mb20{
margin-bottom: 20px;
}
.mb45{
margin-bottom: 45px !important;
}
.mb50{
margin-bottom: 50px;
}
.mb70{
margin-bottom: 70px;
}
.mb80{
margin-bottom: 40px !important;
}
.mb100{
margin-bottom: 50px !important;
}
.mb200{
margin-bottom: 100px;
}
.mt20{
margin-top: 20px;
}
.mt90{
margin-top: 90px;
}
.mt100{
margin-top: 50px !important;
}
.mr5{
margin-right: 5px;
}
.mt200{
margin-top: 100px;
}
.backcolor_beige{
background: #f8f6f2;
}

.multiple { padding: 0;}
.multiple img { width: 100%;}
.multiple div { margin: 0 5px;}
.multiple .slick-next { right: 17px;　z-index: 100;}
.multiple .slick-prev { left: 23px; z-index: 100;}	
/*************************************

ヘッダー

************************************/	
#spheader{
width: 100%;
background: #fff;
/*height:60px;*/
text-align: center;
box-sizing: border-box;
}
.headerlogo_sp{
width:60vw;
z-index: 1000;
/*position: fixed;*/
/*top: 2vw;
left: 2vw;*/
margin: 0 auto;
/*padding: 3vw 0;*/
/*height:60px;*/
box-sizing: border-box;
vertical-align: middle;
}
.headerlogo_sp a{
vertical-align: middle;
width: 100%;
display: block;
height:60px;
line-height: 60px;
}
.headerlogo_sp img{
vertical-align: middle;
width: 100%;
height: auto;
}

.spnavlogo{
width: 80%;
margin: 0 auto;
}




.sppremain{
width: 90%;
margin: 0 auto;
}
.preopenwrap{
width: 100%;
background: #99d6ec;
padding-bottom: 50px;
}

/***************************************

フッター設定

***************************************/
.copy{
text-align: center;
width: 100%;
color: #fff;
background: #e8879f;
height: 10vw;
line-height: 10vw;
font-size: 3vw;
}
/***************************************

グーグルマップ

***************************************/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/***************************************

プレオープン

***************************************/
div.pretxt02{
font-size: 4vw;
font-weight: 700;
margin-top: 10vw;
}
div.prebottomcontainer{
margin: 0 auto;
width: 90%;
}
.map{
width: 100%;
margin: 45px auto 0;
}
.prebottom{
width: 100%;
margin-top: 65px;
}
table.pretable{
width: 100%;
border-top: 1px solid #00aee0;
border-left: 1px solid #00aee0;
}
table.pretable th{
background: #fff100;
text-align: center;
border-bottom: 1px solid #00aee0;
border-right: 1px solid #00aee0;
color: #00aee0;
padding: 5vw 0;
}
table.pretable td{
background: #fff;
text-align: center;
border-bottom: 1px solid #00aee0;
border-right: 1px solid #00aee0;
padding: 5vw 0;
color: #00aee0;
}
div.jikanright{
margin-top: 5vw;
width: 100%;
background: #fff;
color: #00aee0;
font-size: 14px;
padding:5vw;
box-sizing: border-box;
}
div.bottomlinkbox{
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 40px;
flex-wrap: wrap;
}
div.bottomlinkbox a{
width: 100%;
display: block;
background: #fff100;
color: #00aee0;
text-align: center;
font-weight: 700;
border-radius: 5vw;
box-sizing: border-box;
margin-bottom: 5vw;
}
div.bottomlinkbox a:nth-child(1){
padding: 4vw 0;
}
div.bottomlinkbox a:nth-child(2){
font-size: 5vw;
padding: 4vw 0;
}
span.bottomlinkbox01{
font-size: 4vw;

display: block;
}
span.bottomlinkbox02{
font-size: 5vw;
display: block;
}
span.bottomlinkbox02:before{
content: "";
width: 5vw;
height: 5vw;
background: url(image/preopen/tel.svg) no-repeat;
background-size: contain;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -5px;
}
div.prebox01{
width: 90%;
margin: 10vw auto 0;
background: #fff;
border-radius: 5vw;
padding: 5vw;
box-sizing: border-box;
}

div.preimage{
float: left;
width: 30vw;
height: 30vw;
}
div.pretxt01{
float: right;
width: 45vw;
}
h3.preh3box{
clear: both;

margin-top: 5vw;
font-size: 3vw;
font-weight: 700;
color: #e8879f;
}
p.prepbox{
color: #000;
margin-top: 5vw;
font-size: 3vw;
width: 100%;
}
span.shomei{
display: block;
margin-top: 5vw;
font-size: 3vw;
}

div.sptelbox{
width: 100%;
background: #ffffef;
padding: 5vw 10vw;
box-sizing: border-box;
margin-bottom: 10vw;
}
div.sptelbox a{
display: block;
margin-bottom: 5vw;
}
p.spheadtxt{
font-size: 2vw;
text-align: center;
}
p.sptelboxtxt01:before{
content: "";
display: inline-block;
background: url(image/common/head_icon.png);
width: 10vw;
height: 11vw;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
p.sptelboxtxt02{
text-align: center;
font-size: 2.7vw;
}

/*********************************

固定ページ設定

**********************************/
#pagehead{
width: 100%;
height: 250px;
position: relative;
}
#pagehead p{
text-align: center;
position: absolute;
top:35%;
left: 25%;
font-size: 16px;
padding: 25px 20px;
background: #E8879F;
color: #fff;
font-weight: 700;
letter-spacing: 2px;
line-height: 1.2;
width: 50%;
box-sizing: border-box;

}
.contact_pagehead{
background:url(image/pagehead/about_clinic.jpg) center center;
background-size: cover;
}
.page {
width: 92%;
margin: 0 4%;
padding-top: 30px;
}	
h4.titlesub {
color: #F3ABB1;
text-align: center;
font-size: 10px;
}	
h2.pagesection {
font-size: 18px;
text-align: center;
margin-top: 17px;
margin-bottom: 25px;
}	
.border_yellow1 {
/*background: url(image/page/border_yellow1.svg) bottom;
background-repeat: repeat;
background-repeat: no-repeat;*/
padding-bottom: 12px;
border-bottom: 2px solid #f5ca1f;
}	
.mb94{
margin-bottom: 40px;
}
.pb84{
padding-bottom: 40px;
}

div.page p{
font-size: 3vw;
line-height: 1.7;
}

/*********************************

お問い合わせ

**********************************/
#contact_wrap{
width: 100%;
margin: 45px 0;
padding-bottom: 20vw;
}


.mw_wp_form_g-enquete .action-buttons {
text-align: center;
}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input{
background: #9E292C !important;
width: 300px;
color: #fff;
overflow:hidden;
border:none;
cursor:pointer;
line-height: 30px;
}

.mw_wp_form_confirm .btn input{
/*送信ボタン用*/
background: #9E292C !important;
width: 300px;
color: #fff;
overflow:hidden;
border:none;
cursor:pointer;
line-height: 30px;
}

#submitback input{
/*戻るボタン用*/
background: #9E292C !important;
width:80px;
height:30px;
color: #fff;
overflow:hidden;
border:none;
cursor:pointer;
line-height: 30px;
}


.mw_wp_form_g-enquete input[type="submit"], .mw_wp_form_g-enquete input[type="button"], .mw_wp_form_g-enquete button {
border: none !important;
border-radius:0 !important;
font-size: 20px !important;

box-shadow: none !important;
color: #fff !important;
cursor: pointer;
-webkit-appearance: button;
line-height: 20px;
padding: 10px 30px !important;
text-shadow: none !important;
}
.mw_wp_form_g-enquete input[type="submit"]:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.mw_wp_form_g-enquete .require {
display: none;
}
.hisu{
color:#FF0004;
margin-left: 20px;
font-size: 12px;
}
.btn{
margin: 20px 0;
text-align: center;
}

table.list01{
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
table-layout: fixed;
margin-bottom: 20vw;
}
table.list01 tbody{
width: 100%;
}
table.list01 th{
vertical-align: middle;
padding: 3vw;
font-size: 3vw 1vw;
background: #FDF7E2;
font-weight: 700;
text-align: center;
width:100% !important;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
}
table.list01 td{
padding: 3vw;
font-size: 3vw;
width:100% !important;
box-sizing: border-box;
border-bottom: 1px solid #ccc;
}
.mwform-tel-field input[type="text"]{
margin-bottom: 3vw;
}
.form_blanc{
margin-bottom: 10px;
display: block;
}
select{
font-size:14px;
}
input {
font-size:14px;
}
#archives-dropdown-3{
margin-bottom: 20px;
}
input[type="text"]{
width:100%;
}

textarea{
width:100%;
}

p.navbtn{
color: #000;
font-weight: 700;

}
p.navbtn_sub{
font-size: 8px;
color: #E8879F;
display: block;

}
.top_yoyaku_sp{
text-align: left !important;
}	
.dentalicon:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 50px;/*画像の幅*/
height: 50px;/*画像の高さ*/
background-image:url(image/common/dentalicon.svg);
background-size: contain;
vertical-align: middle;
}	


a.telbtn{
display: block;
}	
a.contactbtn{
display: block;
}
.mb8{
margin-bottom: 8px;
}
.sp_telmailwrap_footer {
width: 100%;
padding: 20px 0 0;
background: #ffffef;
}
/************************

よくある質問、お問い合わせ

*************************/
div.faq-wrap,div.contact-wrap{
width: 90%;
margin: 0 auto;
padding-top: 10vw;
}
.cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
color: #ffffff;
}
.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}
.cp_actab label {
font-weight: bold;
line-height: 2.2;
position: relative;
display: block;
padding: 0 0 0 1em;
cursor: pointer;
margin: 0 0 1px 0;
color: #4d4d4d;
padding-left: 10vw;
padding-right: 10vw;
background-image: url("image/faq/q.svg");
background-repeat: no-repeat;
background-position: left top;
padding-bottom: 26px;
background-size: 8vw 8vw;
border-bottom: 1px solid #4d4d4d;
}
.cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.35s;
transition: max-height 0.35s;
color: #4d4d4d;
margin-bottom: 90px;
line-height: 2;
}
.cp_actab .cp_actab-content a{
color: #40343d;
text-decoration: underline;
}
.cp_actab .cp_actab-content p {
margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
max-height: 20em;
}
/* Icon */
.cp_actab label::after {
line-height: 3;
position: absolute;
right: 0;
display: block;
height: 6vw;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-align: center;
width: 6vw;
top: 2vw;
}
.cp_actab input[type=checkbox] + label::after {
content: '';
background: url("image/faq/yajirushi.svg") no-repeat;
}
.cp_actab input[type=checkbox]:checked + label::after {
transform: rotateZ(180deg);
}
h2.faq-h2,h2.contact-h2{
font-size: 33px;
color: #40343d;
font-weight: 700;
text-align: center;
letter-spacing: 2px;
}
p.faq-sub,p.contact-sub{
text-align: center;
color: #edd0e5;
font-size: 11px;
letter-spacing: 1px;
margin-bottom: 8vw;
}
p.contact-txt{
margin-bottom: 40px;
}
div.form-wrap{
width: 100%;
}
p.contact-txt{
font-size: 3vw;
margin-bottom: 5vw;
}
}

/*****************************************************************************************************************************

スマホサイトcss終了

******************************************************************************************************************************/







/*!
* jquery-drawer v3.2.2
* Flexible drawer menu using jQuery, iScroll and CSS.
* http://git.blivesta.com/drawer
* License : MIT
* Author : blivesta <design@blivesta.com> (http://blivesta.com/)
*/

.drawer-open{
overflow:hidden!important;
}
.drawer-nav{
position:fixed;z-index:2;
top:0;
overflow:hidden;
width:16.25rem;
height:100%;
color:#fff;
background: #323232;
}
.drawer-brand{
font-size:1.5rem;
font-weight:700;
line-height:3.75rem;
display:block;
padding-right:.75rem;
padding-left:.75rem;
text-decoration:none;
color:#fff
}
.drawer-menu{
display: block;
/*margin: 0 0 15px;*/
padding: 0 10px 20px 10px;
/*border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #4d4d4d;*/
list-style:none；font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 15px;
/*background: #333;*/
color: #fff;
}
.arrow{
position: relative;
display: inline-block;
padding: 0 5px 0 16px;
color: #fff;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.sample4-2::before{
width: 15px;
height: 15px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
}
.sample4-2::after{
left: 6px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #000;
}
.drawer-menu li{
/*
border-bottom: 1px solid #000;
margin-bottom: 10px;*/
display: block;
margin: 0;
text-align: left;
padding: 8px ;
/*line-height: 40px;*/
/*border-top: 1px solid #4d4d4d;*/
/*border-bottom: #666 1px solid;*/
/*padding: 0 0 5px 15px;*/

}
.drawer-menu li a{
font-weight: 500;
color: #fff;
text-decoration: none;
height: 25px ;
/*padding-left: 25px;*/
}
.drawer-menu-item{
font-size:1rem;
display:block;
padding:.75rem;
text-decoration:none;
color:#222}
.drawer-menu-item:hover{
text-decoration:underline;
color:#555;
background-color:transparent}
.drawer-overlay{
position:fixed;
z-index:1;top:0;
left:0;display:none;
width:100%;
height:100%;
background-color:rgba(0,0,0,.2)
}
.drawer-open .drawer-overlay{
display:block
}
.drawer--top .drawer-nav{
top:-100%;
left:0;
width:100%;
height:auto;
max-height:100%;
-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);
transition:top .6s cubic-bezier(.19,1,.22,1)}
.drawer--top.drawer-open .drawer-nav{top:0}
.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{
left:-16.25rem;
-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);
transition:left .6s cubic-bezier(.19,1,.22,1)}
.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{
left:0}
.drawer--left.drawer-open .drawer-hamburger{
left:16.25rem}.drawer--right .drawer-nav{
right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);
transition:right .6s cubic-bezier(.19,1,.22,1)}
.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0;
z-index: 500;}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}

.drawer-hamburger{
position:fixed;
background: #fff;
z-index:4;
top:-5px;
display:block;
box-sizing:content-box;
width:2rem;padding:0;
padding:18px .75rem 30px;
-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;
/*background-color:transparent*/}

.drawer-hamburger:hover{
cursor:pointer;
background: #f5db67;/*background-color:transparent*/
}
.drawer-hamburger-icon{
position:relative;
display:block;
margin-top:10px}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{
width:100%;
height:2px;
-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);
transition:all .6s cubic-bezier(.19,1,.22,1);
background-color:#de738f;
}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{
position:absolute;
top:-10px;
left:0;
content:" "
}
.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon
{background-color:transparent
}
.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}
.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}

@media (min-width:64em){
.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}
.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}
.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}
.drawer--sidebar .drawer-container{max-width:48rem}

}@media (min-width:75em){
.drawer--sidebar .drawer-nav{width:16.25rem}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}
.drawer--sidebar .drawer-container{max-width:60rem}}

.drawer--navbarTopGutter{padding-top:3.75rem}
.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar{z-index:3;top:0;width:100%}
.drawer-navbar--fixed{position:fixed}
.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}
.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}
.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}
@media (min-width:64em){
.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}
.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}
.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}
.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}
.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}
.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}

.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}
.drawer-dropdown-menu>li{width:100%;list-style:none}
.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}
.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}
.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.drawer-container{margin-right:auto;margin-left:auto}
@media (min-width:64em){
.drawer-container{max-width:60rem}
@media (min-width:75em){.drawer-container{max-width:70rem}}