@charset "UTF-8";

body {
	-webkit-text-size-adjust: 100%;/* スマホレイアウト防止 */　
	width: 100%;
	margin: 0px;
	padding: 0px;
	color:#313131;
	animation: fadeIn 2s ease 0s 1 normal;/* フェードイン */　
    -webkit-animation: fadeIn 2s ease 0s 1 normal;/* フェードイン */　
	background-color:#FFF;
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-family: "Sawarabi Mincho";
}

.img{
	max-width: 100%;
	height:auto;
	}
.w100{max-width: 100%;}
.w80{
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

/* 隙間をなくす */
li img,dt img,dd img{
vertical-align:bottom;
}

/* IEの隙間をなくす */
img{
	vertical-align: top;
	vertical-align: bottom;
}	
.switch {
	visibility: hidden;}/* スマホＰＣ切り替えＣＳＳ*/

#wrap {
	width: 100%;
	overflow:hidden;
}

a{ outline: none;}

a:link,
a:visited {
	color: #870E10;/* #582A0E */
	font-weight: normal;
}

a:hover,
a:active {
	text-decoration:underline;
	color: #353434;
}
a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.red{color:#FF0004;}


.clearfloat {/* フロート解除　*/
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}

/* フェードイン ------------------*/
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}
@media screen and (max-width: 700px) {/*タブレット*/
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 0.5s;/* スマホは少し表示時間を早めています*/
}
}

/* 改行 ----------------------------------------------------------------------------------*/

.br-sp { } /**スマホ改行非表示*/
.br-pc { display:none; } /**ＰＣ改行非表示*/

@media screen and (max-width: 700px) {/*タブレット*/
.br-sp { display:none; } /*スマホ改行非表示*/
.br-pc {display:block; } /*ＰＣ改行非表示*/
}

/*vegasスライダー----------------------------------------------------------------------------------*/
#vegas_box{
	width: 100%;
	height:600px;
	overflow:hidden;
	font-size:0;
}
.vegas_text{
	text-align:center;
	margin-top:240px;
}

@media screen and (max-width: 750px) {/*タブレット*/
#vegas_box{height:400px;}
.vegas_text{margin-top:150px; padding:0 10px;}
}
@media screen and (max-width: 450px) {/*スマホ*/
#vegas_box{height:300px;}
.vegas_text{padding:0px 20px; margin:130px auto 0px;}
}


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

header{width: 100%;}
.inner{margin: 0 auto;}
.header_in{
	max-width:1000px;
	width:100%;
	margin:0 auto;
	overflow: hidden;
}
.logo{
	max-width:295px;
	padding-top:20px;
	margin:5px;
	width:30%;
	float:left;
	}
.header_right{
	float:right;
	width:65%;
}
ul.h_menu{
	display:flex;
	margin:0px 0px 5px;
	align-items:center;
	justify-content:flex-end;
	}
ul.h_menu li{margin:5px;}
ul.h_sns{
	display:flex;
	width:100%;
	justify-content:flex-end;
}
ul.h_sns li{padding:0px 8px;}
.sns_icon{padding:5px 0px 0px 0px;}
.h_tel{display:none;}


@media screen and (max-width:700px){
header .inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position:relative;
}
.logo{width:250px;padding-top:10px;}
ul.h_sns{display:none;}
ul.h_menu{display:none;}
.h_tel{
	display:block;
	background-color:#ad8a64;
	width:150px;
	position:absolute;
	text-align:center;
	top:0;
	right:80px;
	overflow:hidden;
}
ul.h_list{
	display:flex;
	align-items:center;
	padding:3px 0px;
}
ul.h_list li{
}

}

@media screen and (max-width:500px){
.logo{width:200px;}
.h_tel{
	width:110px;
	right:70px;
	}
ul.h_list{padding:10px 0px;}
}
@media screen and (max-width:400px){
.logo{width:180px;}
.h_tel{
	width:100px;
	right:70px;
	}
ul.h_list{padding:12px 0px;}
}
@media screen and (max-width:370px){
.logo{width:160px;}
}
@media screen and (max-width:350px){
.logo{width:150px;}
}
@media screen and (max-width:340px){
.logo{width:140px;}
}
@media screen and (max-width:330px){
.logo{width:130px;}
}

/* ヘッダー ナビゲーション ----------------------------------------------------------------------------------*/
header nav {
	padding:10px 0px;
	background:#eee8dc;
	width:100%;
}
header nav ul{
	max-width:1000px;
	padding:0px;
	margin:0 auto;
	list-style-type: none;
	display:flex;
}
header nav ul li{
	font-size:15px;
	line-height:140%;
	flex-grow:1;
	padding:3px 0px;
	text-align:center;
	border-right:solid 1px #FFF;
	}
header nav ul li a:link,
header nav ul li a:visited {
	color:#301507;
	text-decoration: none;
	font-weight: normal;
}
header nav ul li a:hover,
header nav ul li a:active {
	text-decoration: none;
	color: #887362;
}
.li_fast{border-left:solid 1px #FFF;}

#nav_toggle{display: none;}
.menu_moji{display:none !important;}/*ＰＣでは非表示ボタン */
.li_none{display:none !important;}/*ＰＣでは非表示ボタン */
.menu_img{}



@media screen and (max-width:700px){
header nav{
	z-index: 10000 !important;
	display: none;
	position: absolute;
	top:80px;
	width: 100%;
	left: 0;
}
header nav ul{
	display: block;
	margin: 0 auto;
	width: 90%;
}
header nav ul li{
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px solid #fff;
	border-right:none;
}
header nav ul li:last-child{
	border: none;
}
.li_fast{border-left:none;}
header nav ul li a{
	display: block;
	color: #fff;
	text-decoration: none;
	font-size:16px;
	font-weight: bold;
	padding:11px;
}
.menu_moji{display:block !important;color: #fff;}
.li_none{display:block !important;color: #fff;}
.menu_img{display:none !important;}  

#nav_toggle{/*開閉ボタン*/
	display: block;
	width: 40px;
	height: 40px;
	position: relative;
	top: 0px;
	right:20px;
	z-index: 10000 !important;
}
#nav_toggle div {
	position: relative;
}
#nav_toggle div p{
	top:100px;
	text-align:center;
	font-size:12px;
}
#nav_toggle span{
	display: block;
	height: 3px;
	background: #000;
	position:absolute;
	width: 100%;
	right:0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;	
}
#nav_toggle span:nth-child(1){
	top:0px;
}
#nav_toggle span:nth-child(2){
	top:12px;
}
#nav_toggle span:nth-child(3){
	top:24px;
}
#nav_toggle span:nth-child(4){
	top:30px;
	text-align:center;
	font-size:13px;
	background:#FFF;
	
}
	
/*開閉ボタンopen時*/
.open #nav_toggle span:nth-child(1) {
		top: 12px;
	   -webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.open #nav_toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav_toggle span:nth-child(3) {
		top: 12px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
}
@media screen and (max-width:500px){
header nav{top:74px;}
}
/*TEl＆MAP(SP) ----------------------------------------------------------------------------------*/
.li_in{
	display:flex;
	justify-content:center;
	}



/*フッダー ----------------------------------------------------------------------------------*/
footer{
	width: 100%;
}	
/*footer1　白-----------*/
.footer1{
	width: 100%;
	border-top:solid 1px #ccc;
	background-color:#FFF;
}
.footer_in{
	width: 100%;
	max-width:1000px;
	overflow: hidden;
	margin:0 auto;
	padding:30px 0px;
}
.footer_in h2{
	margin:10px 20px 30px;
}
ul.footer_list{/* logo.tel.LINE */
	display:flex;
	justify-content:center;
	align-items:center;
}
ul.footer_list li{
	text-align:left;
	padding:0px 10px;
	font-size:13px;
	}
/*footer2　茶-----------*/
.footer2{
	width: 100%;
	background-color:#482317;
}
.f_copy{
	color:#FFF;
	text-align:center;
	font-size:12px;
}

/*footerもくじ-----------*/
.f_mokuji_box{
	display:flex;
	margin-bottom:20px;
	justify-content:center;
}
.f_mokuji_boxin{margin:0px 20px;}
.f_mokuji_boxin h3{
	color:#FFF;
	font-size:12px;
}
ul.f_list{margin:10px;}
ul.f_list li{
	font-size:11px;
	background:url(../img/base/f_icon.png) no-repeat left center;
	padding-left:15px;
	margin:3px;
}
ul.f_list li a:link,
ul.f_list li a:visited {
	color:#FFF;
}
.f_r{float:right;}
.f_l{float:left;}
@media screen and (max-width: 800px) {
.f_mokuji_boxin{margin:0px;}
}
@media screen and (max-width: 700px) {
.footer_in{padding:30px 0px 5px;}
ul.footer_list{flex-wrap:wrap;}
ul.footer_list li{width:100%;margin-bottom:10px;}
.f_mokuji_box{display:none;}
}

/* SP_footer  ----------------------------------------------------------------------------------*/

ul.fnav_sp{display:none;}

@media screen and (max-width: 700px) {
.footer_in{
	padding:15px 0px;
}
ul.fnav_sp{
	width:100%;
	display:flex;
	position:fixed;
	bottom:0;
	background-color:#1d1410;
	padding-bottom:20px;
}
ul.fnav_sp li{}

footer{/* fnav表示時のみ下に隙間*/
	width: 100%;
	padding-bottom:120px;
}
.footer2{background-color:#efe8dc;}
.f_copy{color:#482317;}
}

@media screen and (max-width: 600px) {
footer{padding-bottom:100px;}
}
@media screen and (max-width: 500px) {
footer{padding-bottom:90px;}
}
@media screen and (max-width: 400px) {
footer{padding-bottom:80px;}
}

/* 文字  ----------------------------------------------------------------------------------*/
.S{
	font-size:15px;
	line-height: 150%;
}
.M{
	font-size:20px;
	line-height: 130%;
	margin-bottom:10px;
	color:#9f7853;
}
.L{
	font-weight:bold;
	font-size:30px;
	line-height:140%;
	margin-bottom:10px;
}
.pink{color:#ec5d6f;}
.white{color:#FFF;}

.marker{
	background: linear-gradient(transparent 0%, #ffff66 0%);
}

@media screen and (max-width: 600px) {/*PC*/
.S{font-size:13px;line-height: 130%;}
.M{font-size:15px;line-height: 130%;}
.L{font-size:20px;line-height: 150%;}
}
/* title ----------------------------------------------------------------------------------*/
.title-border {
	display: flex;
	text-align:center;
	align-items: center;
	justify-content: center;
	font-size:45px;
	font-family: 'Playfair Display', serif;
	letter-spacing:1px;
	color:#9f7853;
}
.title-border:before,
.title-border:after {
	border-top: 1px solid #9f7853;
	content: "";
	flex-grow: 1;
	
}
.title-border:before {
	margin-right: 1rem;
}
.title-border:after {
	margin-left: 1rem;
}
.title_j{
	font-size:14px;
	text-align:center;
	margin-bottom:40px;
}

.title1{
	font-size:25px;
	line-height:120%;
	color:#9f7853;
	margin-bottom:20px;
	padding:15px;
	background:#eee8dc;
	text-align:center;
}

@media screen and (max-width: 600px) {
.title-border {font-size:25px;}
.title1{
	font-size:18px;
	line-height:120%;
	padding:10px;
	}
}


/* 配置 ----------------------------------------------------------------------------------*/
.right1{float: right;}
.left1{float: left;}	
.hover:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}
.m10{margin:10px;}
.m20{margin:20px;}

.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mtb20{margin:20px 0px;}
.mt20{margin-top:20px;}

/* ページＴＯＰ  ----------------------------------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 100%;
}
#page-top a {
    background:#981e23;
    text-decoration: none;
    color: #FFF;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
	color: #482317;
    text-decoration: none;
    background: #d6b38f;
}
@media screen and (max-width: 700px) {
#page-top {display:none;}
#page-top a {display:none;}
}

/* 共通 ----------------------------------------------------------------------------------*/
.main{
	width: 100%;
	overflow:hidden;
}
.p_top{
	padding-top: 50px;
}
.sukima{padding-bottom:30px;}

.box{
	width: 100%;
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	box-sizing: border-box;
}
.box_in{padding:0px 10px 10px;}

.pan{
	font-size: small;
	max-width:980px;
	margin:0 auto;
	padding:5px;
	width:100%;
}

.center{text-align:center;}
.pink{color:#ED1178;}
.red{color:#AD0002;}
@media screen and (max-width: 1050px) {/*box1050以下*/
.p_top{padding-top:30px;}
.box{
	width: 95%;
	padding-top:0px;}
}
@media screen and (max-width: 600px) {

.center{text-align:left;}
}
/* 2nd共通 ----------------------------------------------------------------------------------*/
.wrap_2nd{
	width:97%;
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	padding:70px 0px 0px;
	display:flex;
	justify-content:space-between;
}
.main_2nd{
	width:73%;
}
.box_2nd{
	width: 100%;
	overflow:hidden;
	box-sizing: border-box;
	margin-bottom:20px;
}

@media screen and (max-width: 700px) {
.wrap_2nd{flex-wrap:wrap;width:100%;}
.main_2nd{width:95%;margin:0 auto;}

}

/* 2nd_side ----------------------------------------------------------------------------------*/
.side{width:25%;}
.sideA{
	border: solid 4px #eee8dc;
	margin-bottom:20px;
	background-color:#FFF;
}

.side_h2{
	font-family: 'Playfair Display', serif;
	font-size:25px;
	color:#9f7853;
	background-color:#eee8dc;
	text-align:center;
}
.side_p{
	background-color:#eee8dc;
	font-size:12px;
	text-align:center;
	padding-bottom:10px;
}
ul.side_banner{margin-bottom:10px;}
ul.side_banner li{margin-bottom:10px;}

/* side用メニューbtn*/
ul.side_li{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:10px 5px;
	
}
ul.side_li li{
	background:#f9f7f2;
	border-radius: 15px;         /* CSS3 */
	-moz-border-radius: 15px;    /* Firefox */
	-webkit-border-radius: 15px; /* Safari,Chrome */
	behavior: url("PIE.htc");
	margin: 5px;
	padding: 8px 10px;
	font-size:13px;
	line-height:130%;
	display: inline-block !important;
	align-self:center;
	width:100%;
}
ul.side_li li :link,
ul.side_li li :visited {
	color:#482317;
	text-decoration: none !important;
	font-weight: normal;
}
ul.side_li li:hover,
ul.side_li li:active {
	background-color:#ebcbc2;
	text-decoration: none;
}

@media screen and (max-width: 700px) {
.side{
	width:100%;
	padding:0% 3%;
	background:#f9f7f2;
}
ul.side_banner{
	display:flex;
	margin:20px 0px;
}
ul.side_banner li{
	margin:10px;
}
}



/* PT ----------------------------------------------------------------------------------*/
.pt1{background:url(../img/beginner/pt.jpg) center center;background-size: cover;width: 100%;}/*初めての方へ*/
.pt2{background:url(../img/price/pt.jpg) center center;background-size: cover;width: 100%;}/*料金表*/
.pt3{background:url(../img/about/pt.jpg) center center;background-size: cover;width: 100%;}/*当院について*/
.pt4{background:url(../img/symptom/pt.jpg) center center;background-size: cover;width: 100%;}/*お悩みから選ぶ*/
.pt5{background:url(../img/recruit/pt.jpg) center center;background-size: cover;width: 100%;}/*求人*/
.pt6{background:url(../img/menu/pt.jpg) center center;background-size: cover;width: 100%;}/*メニュー*/
.pt7{background:url(../img/products/pt.jpg) center center;background-size: cover;width: 100%;}/*取り扱い商品*/
.pt8{background:url(../img/qa/pt.jpg) center center;background-size: cover;width: 100%;}/*Q＆A*/
.pt9{background:url(../img/campaign/pt.jpg) center center;background-size: cover;width: 100%;}/*キャンペーン*/
.pt10{background:url(../img/emax/pt.jpg) center center;background-size: cover;width: 100%;}/*各メニュー*/
.pt_h2{
	text-align:center;
	font-size:35px;
	color:#FFF;
	padding:70px 0px;
}
@media screen and (max-width: 800px) {
.pt_h2{
	font-size:25px;
	padding:50px 0px;
}
}
@media screen and (max-width: 500px) {
.pt1{background:url(../img/beginner/pt_sp.jpg) center center;background-size: cover;width: 100%;}/*初めての方へ*/
.pt3{background:url(../img/about/pt_sp.jpg) center center;background-size: cover;width: 100%;}/*当院について*/
.pt8{background:url(../img/qa/pt_sp.jpg) center center;background-size: cover;width: 100%;}/*Q＆A*/
.pt_h2{
	font-size:25px;
	padding:30px 0px;
}
}


/* ボタン ----------------------------------------------------------------------------------*/
.btn1{
	background-color:#b08c65;
	padding: 0.5em 1em;
	display: inline-block;
	text-decoration: none;
	font-size:14px;
}
.btn1:link,
.btn1:visited {
	color:#FFF;
	font-weight: normal;
	text-decoration: none;
}
.btn1:hover,
.btn1:active {
	color:#2a1e1a;
	text-decoration: none;
	background-color:#d6b38f;
}

.btn2{/* 少し小さめ*/
	background-color:#b08c65;
	padding: 0.5em 1em;
	display: inline-block;
	text-decoration: none;
	font-size:14px;
}
.btn2:link,
.btn2:visited {
	color:#FFF;
	font-weight: normal;
	text-decoration: none;
}
.btn2:hover,
.btn2:active {
	color:#2a1e1a;
	text-decoration: none;
	background-color:#d6b38f;
}
@media screen and (max-width: 500px) {
.btn1{font-size:12px;}
.btn2{font-size:12px;
padding:2px 10px;}
}

/* swiperスライダー ----------------------------------------------------------------------------------*/
.swiper-container{
	text-align: center;
}
.swiper-container .swiper-slide img{
	max-width: 100%;
	height: auto;
}
.prettyprint{
	border: none;
	background: #fafafa;
	color: #697d86;
}

/* BG ----------------------------------------------------------------------------------*/

.bg1{
	background:#efe8dc;
	padding:100px 0px;
}
.bg2{
	background:#FFF;
	padding:100px 0px;
}
.bg3{
	background:#f0f0f0;
	padding:100px 0px;
}
@media screen and (max-width: 600px) {
.bg1,.bg2,.bg3{padding:70px 0px;}
}

/* TOP ----------------------------------------------------------------------------------*/

/*smoothスライダー*/
#smooth{
	width: 100%;
	margin:20px 0px 170px;
}
#makeMeScrollable { 
	width:100%;
	position: relative; 
	}   
#makeMeScrollable div.scrollableArea img {
	 position: relative;
	 width:250px;
	 margin:5px;
	 float: left;
	 padding: 0; 
	 }
@media screen and (max-width: 600px) {
#smooth{margin:0px 0px 120px;}
#makeMeScrollable div.scrollableArea img {width:150px;}
}

@media screen and (max-width: 400px) {
#smooth{margin:0px 0px 100px;}
}

/* ごあいさつ*/
.intro_box{
	max-width:1000px;
	width: 100%;
	width: 90%;
	padding:150px 0px 50px;
	margin:0px auto;
}
.intro_box h2{
	margin-bottom:30px;
	text-align:center;
}
.intro_box p{
	font-size:16px;
	line-height:180%;
	text-align:center;
	margin-bottom:20px;
}
.top_btn{
	text-align:center;
	margin:30px 0px;
}
@media screen and (max-width: 700px) {
.intro_box{padding:100px 0px 20px;}
.intro_box h2{margin-bottom:0px;}
.intro_box p{
	font-size:15px;
	line-height:150%;
	text-align:left;
	margin:20px 0px 0px;
}
}
@media screen and (max-width: 400px) {
.intro_box{padding:70px 0px 20px;}
}

ul.symptoms{
	display:flex;
	flex-wrap:wrap;
	margin:40px 0px 0px;
	justify-content:space-between;
}
ul.symptoms li{
	width:32%;
	margin-bottom:15px;
}


ul.machine{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
ul.machine li{
	background:#FFF;
	border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	behavior: url("PIE.htc");
	margin: 10px 5px;
	padding: 10px 15px;
	border: solid 1px #ebcbc2;
	font-size:14px;
	line-height:130%;
	display: inline-block !important;
	align-self:center;
	text-align:center;
}
ul.machine li :link,
ul.machine li :visited {
	color:#482317;
	text-decoration: none !important;
	font-weight: normal;
}
ul.machine li:hover,
ul.machine li:active {
	background-color:#ebcbc2;
	text-decoration: none;
}

ul.products{
	display:flex;
	flex-wrap:wrap;
	margin:40px 0px 0px;
	justify-content:space-between;
}
ul.products li{
	width:32%;
	margin-bottom:15px;
}



@media screen and (max-width: 700px) {
ul.symptoms{
	margin:20px 0px 0px;
	justify-content:space-between;
}

ul.machine{
	padding:0px;
}
ul.symptoms li{
	width:48%;
}
ul.machine li{
	text-align:center;
	width:40%;
	font-size:12px;
	line-height:120%;
	border-radius: 15px;         /* CSS3 */
	-moz-border-radius: 15px;    /* Firefox */
	-webkit-border-radius: 15px; /* Safari,Chrome */
	padding:10px;
	margin:5px;
}
ul.products{margin:20px 0px 0px;}
ul.products li{width:48%;}
}

@media screen and (max-width: 400px) {
ul.machine li{width:35%;}

}

/*　新着情報　*/

.top_news{/* お知らせ */
	width:95%;
	max-width:900px;
	margin:10px auto 50px;
	box-sizing: border-box;
}
table.news {
	box-sizing: border-box;
	width:100%;
	margin:10px auto 10px;
}
table.news tr th {}
table.news tr td {
	font-size: 15px;
	line-height: 130%;
	margin: 0px;
	padding:15px 30px;
	border-bottom:dashed 1px #CCC;
}
@media screen and (max-width: 640px) {/* SP */
.top_news{
	padding: 15px;
	box-sizing: border-box;
	margin:10px auto;
}
table.news {
	margin:0 auto;
}
table.news tr td {
	font-size: 13px;
	line-height: 120%;
	padding:10px;
}
}

/* TOP_キャンペーン */
ul.top_campaign{
	display:flex;
	flex-wrap:wrap;
	margin:20px 0px;
	justify-content:center;
	}
ul.top_campaign li{
	width:32%;
	margin:5px;
}
@media screen and (max-width: 640px) {/* SP */
ul.top_campaign li{
	width:42%;
}
}

/* TOP_SNS */
.sns_box{
	max-width:1000px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.sns_in{
	width:49%;
	text-align:center;
	padding-bottom:30px;
	overflow:hidden;
}
.facebook{
	width:90%;
	height:500px;
	margin:0 auto;
	overflow:hidden;
}
.insta{
	width:90%;
	margin:0 auto;
	overflow:hidden !important;
}
.blog{
	max-width:1000px;
	width:100%;
	margin:0 auto;
}
@media screen and (max-width: 700px) {
.sns_box{flex-wrap:wrap;}
.sns_in{
	width:100%;
	margin-bottom:30px;
	display:block;
	}
.sns_in p{margin:10px;}
.facebook{
	height:500px;
}
.insta{
}
}

/* 表 --------------------------------------------*/
table.type01 {
	width:100%;
	margin:5px auto;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color:#FFFFFF;
    font-size:15px;
	line-height:140%;
	}
table.type01 span{
	font-size:12px;
}
table.type01 th {
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
	vertical-align:middle;
	text-align:center;
}
table.type01 td {
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
	text-align:center;
}
.nowrap{white-space: nowrap;}
.t_left{text-align:left !important;}


@media screen and (max-width: 600px) {/*タブレット*/
table.type01{font-size:12px;}
table.type01 span{font-size:10px;}
table.type01 th {padding: 3px;}
table.type01 td {padding: 3px;}
}

/* 当院について ----------------------------------------------------------------------------------*/
.about_tel{
	width:70%;
	margin:5px auto;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 初めての方へ ----------------------------------------------------------------------------------*/

.beginner_img{
	width:40%;
	float:right;
	margin:0px 0px 15px 15px;
}
@media screen and (max-width: 700px) {/*タブレット*/
.beginner_img{
	width:100%;
	float:none;
	text-align:center;
	margin:10px 0px;
	box-sizing: border-box;
	padding:0px;
}
}

/* お悩みから選ぶ ----------------------------------------------------------------------------------*/
.symptom_box{
	padding:0px 10px 10px;
	display:flex;
	justify-content:space-between;
	}
.symptom_img{
	width:45%;
	text-align:center;
}
.symptom_txt{width:50%;}

ul.txt_btn{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:10px 5px;
	
}
ul.txt_btn li{
	background:#f9f7f2;
	border-radius: 15px;         /* CSS3 */
	-moz-border-radius: 15px;    /* Firefox */
	-webkit-border-radius: 15px; /* Safari,Chrome */
	behavior: url("PIE.htc");
	margin: 5px;
	padding: 8px 10px;
	font-size:14px;
	line-height:130%;
	display: inline-block !important;
	align-self:center;
	width:100%;
}
ul.txt_btn li :link,
ul.txt_btn li :visited {
	color:#482317;
	text-decoration: none !important;
	font-weight: normal;
}
ul.txt_btn li:hover,
ul.txt_btn li:active {
	background-color:#ebcbc2;
	text-decoration: none;
}
@media screen and (max-width: 500px) {
.symptom_img{width:40%;}
.symptom_txt{width:60%;}
ul.txt_btn li{font-size:11px;}
}

/* メニュー ----------------------------------------------------------------------------------*/
.menu_box{
	border:solid 3px #b48e67;
	padding:10px;
	margin:0px 0px 15px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.menu_photo{width:20%;}
.menu_txt{width:75%;}
.menu_box h3{
	color:#b48e67;
	font-size:20px;
	line-height:130%;
	font-weight:bold;
}
.menu_btn{text-align:right;}
@media screen and (max-width: 500px) {
.menu_photo{width:30%;}
.menu_txt{width:68%;}
.menu_box h3{font-size:14px;}
.menu_btn{text-align:right;margin:5px 0px;}
}

/* Q&A ----------------------------------------------------------------------------------*/

.hidden_box {
    margin: 10px 0px;/*前後の余白*/
    padding: 10px;
	border: solid 2px #9f7853;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
}
.hidden_box label {
    padding: 0px;
    cursor :pointer;
}
.p_q{
	color:#9f7853;
	font-weight: bold;
	font-size:16px;
	line-height: 130%;
}

.hidden_box label:hover {color:#c5ac90;}
.hidden_box input {display: none;}
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.p_a{
	padding:5px 5px 5px 20px;
	font-size:15px;
	line-height: 150%;
}

.hidden_box input:checked ~ .hidden_show {/*クリックで中身表示*/
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

@media screen and (max-width: 500px) {
.p_q{font-size:14px;}
.p_a{font-size:12px;
padding:0px;}
}


/* 当院について ----------------------------------------------------------------------------------*/

.voice_box{
	background-color:#fef7fa;
	padding:20px;
	border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	margin:10px 0px;
}
.voice_box p{
	font-size:15px;
	line-height: 150%;
	margin-bottom:10px;
}
@media screen and (max-width: 600px) {
.voice_box p{
	font-size:12px;
	line-height: 130%;
	margin-bottom:15px;
	}
}


/*各メニューページ ----------------------------------------------------------------------------------*/
.check_box{
	background-color:#fef7fa;
	padding:20px;
	border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	margin:10px 0px 30px;
}
.check_box h2{
	font-size:20px;
	line-height: 130%;
	color:#9f7853;
}
ul.check{
	padding:0.5em;
	list-style-type:none;
}
ul.check li{
	font-size:15px;
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
ul.check li:after,ul.check li:before {
	position:absolute;
	content:'';
	display:block;
	background: #FFC107;
	top: 0.43em;
	left: 0.5em;
	height: 11px;
	width: 4px;
	border-radius: 10px;
	transform: rotate(45deg);
}
ul.check li:before {
	top: 0.6em;
	left: 0.2em;
	height:8px;
	transform:rotate(-45deg);
}
ul.rf{
	display:flex;
	justify-content:center;
}
ul.rf li{
	margin:10px;
	font-size:13px;
	line-height:130%;
	text-align:center;
}
ul.rf li img{
	margin-bottom:5px;
}
@media screen and (max-width: 600px) {
.check_box{
	padding:10px;
}
.check_box h2{
	font-size:16px;
	line-height: 130%;
	color:#9f7853;
}
ul.check li{
	font-size:13px;
}
}
/*料金表ページ ----------------------------------------------------------------------------------*/
.price_box1{
	border:solid 2px #F5CC53;
	border-radius: 20px;         /* CSS3 */
    -moz-border-radius: 20px;    /* Firefox */
    -webkit-border-radius: 20px; /* Safari,Chrome */
	padding:10px;
	overflow:hidden;
}
.price_box1 h2{color:#E59909;}

@media screen and (max-width: 600px) {
.price_box1 h2{font-size:16px;}
}

/*画像配置 ----------------------------------------------------------------------------------*/
.img_right20{float: right;width: 20%;margin-left: 10px;}
.img_right30{float: right;width: 30%;margin-left: 10px;}
.img_right40{float: right;width: 40%;margin-left: 10px;}
.img80{
width: 80%;
margin: 0 auto
}
/* TOPお知らせ ----------------------------------------------------------------------------------*/
.news_box{
	border: double 7px #664611;
	background:#FFF;
	padding:30px;
	max-width:850px;
	width:90%;
	margin:30px auto 0px;
	box-sizing: border-box;
}

.news_box h2{
	font-weight:bold;
	font-size:25px;
	line-height:140%;
	color:#CF146B;
	text-align:center;
	margin-bottom:10px;
}
.news_box p{
	font-size:16px;
	line-height:140%;
	margin-bottom:10px;
}
.news_box p span{
	font-weight:bold;
	font-size:18px;
}
@media screen and (max-width: 600px) {
.news_box{
	padding:10px;
	border: double 5px #664611;
}
.news_box h2{
	font-size:15px;
	margin-bottom:10px;
	text-align:center;
}
.news_box p{
	font-size:12px;
}
.news_box p span{font-size:15px;}
}

/* M22 ----------------------------------------------------------------------------------*/
.kouka_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.kouka_img{width: 28%;}
.kouka_txt{width: 70%;}

@media screen and (max-width: 600px) {
.kouka_box{
	flex-wrap: wrap;
	justify-content: center;
}
.kouka_img{
	width: 70%;
	text-align: center;
	margin-bottom: 10px;
}
.kouka_txt{width: 100%;}
.kouka_txt h2{text-align: center;}
}
/* ケアシス ----------------------------------------------------------------------------------*/
.caresys_box1{display: flex;}
.caresys_img{
	max-width: 250px;
	margin-left: 10px;
}
@media screen and (max-width: 900px) {
.caresys_box1{display: block;margin-bottom: 50px;}
.caresys_img{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
}


/* マヌカ ----------------------------------------------------------------------------------*/
.manuka_img{
	float: right;
	max-width: 200px;
	margin-left: 20px;
}
@media screen and (max-width: 800px) {
.manuka_img{
	float: none;
	margin: 0 auto 20px;
	}
}