@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:768px){
	
.pc{display:none !important;}	
.sp{display:block;}	

.entry-content .size-large,
.entry-content .size-full{
	width:auto;
	height:auto;
}


/* 文字サイズ */

#top{
	width:100%;
	margin: 0;
	box-sizing:border-box;
}


.content{
	width: 100%;
	margin:15px 0 0 0;
	padding:0 10px;
	box-sizing:border-box;
}
.inner{
	padding:0 10px;
}

.flex_wrap{ display:block; margin-bottom:30px;}
.flex_wrap .img,.flex_wrap .text{ width:100%;}







/*  header-------------------------------------*/
#header{
	width:100%;
	height:60px;
	margin:-46px 0 0 0;
	box-sizing:border-box;
}



#header .logo{
	display:none;
}
#header .logo img{
	width:190px;
}

#header .info,
#header .info_sub{display: none;}

#header .bg{
	background-size: 95%;
	background-position: top 140px center;
}

	
#header .btn_mail{
	width: 80px;
	height:20px;
	float:right;
	text-align: center;
	margin:10px 100px 5px 0;
	font-size:12px;
	box-sizing:border-box;
}
#header .btn_mail a{
	width:100%;
	display: inline-block;
	background:#00A0DA;
	color:#FFF;
	margin:0;
	padding:10px 3px;
}







/*  mv-------------------------------------*/
.mv{width:100%;
	height: auto;
	margin:0 auto;
	box-sizing:border-box;
	position:relative;
	z-index:100;
}
.mv:before,.mv:after{
	height:110%;
	background-size:contain;
}
.mv img{
	width:100%;
	margin:0 auto;
	border-radius:0 !important;
}




/* アコーディオン */
#gnav{
	border: none;
	top:20px;
	right: 0;
	z-index:600;
	text-align:left;
	position:fixed;
}

#gnav li{
	margin:10px 0px 20px 0;
}

#gnav li a{
	padding:0 10px 0 20px;
	color:#0045B9;
	font-size:15px;
}
#gnav li a:hover{
	background:none;
	color:#D1DD0F;
	opacity:0.7;
	transition:.4s;
}
#gnav ul{ padding-top:20px;}
#gnav li a span{
	margin-left:5px; font-size:13px;}
label{
	height:20px;
	padding:5px 15px 25px !important;
	display: inline-block;
	position: absolute;
	top:-10px;
	right: 10px;
	background:#BEE3F4 !important;
	font-size: 1.4em;
	font-weight:normal !important;
	z-index:9999 !important;
}

label:hover{
	box-shadow:none;
	transform: translate3d(0, 4px, 0);
}

nav {
	position: fixed;
	top: 0;
	right: -340px;
	width: 250px;
	height: 100%;
	transition: left .5s, right .5s;
	background-color: #fff !important;
	border-left: 2px solid #A98160;
	z-index:0;
}
input[type="checkbox"]#open{display: none;}
input[type="checkbox"]#open:checked ~ nav {right: 0;}
input[type="checkbox"]#open ~ label:after{
	font-family: FontAwesome;
	content: "MENU";
	font-size:12px;
	color:#FFF;
}
input[type="checkbox"]#open:checked ~ label:after{
	font-family: FontAwesome;
	content: "\f00d";
}

#gnav li{display: block;}
#gnav li{border: none; width:100%;}

/* アコーディオンここまで */





/* top_main-------------------------------------*/


.top_main h2{
font-size:24px !important;
}
.top_main h2 span.english{
color:#A98260;
margin:0;
padding:10px;
font-size:24px !important;
text-align:center;
font-family: 'Montserrat', sans-serif;
}

.top_main h3{
	font-size:18px;
	margin-bottom:0 !important;
	line-height:130%;
}
.top_news .news{
	width:100% !important;
	text-align:center !important;
}





/*  top_news-------------------------------------*/
.top_news{
width:96%;
height:auto;
margin:0 auto 50px auto;
padding:10px 0 0;
border:1px solid #DEF0F8;
background:#FFF;
}
.top_news .btn{
	margin:10px auto 0;
	padding:8px;
}
.top_news dl{
width:100%;
padding: 15px 0 0;
}
.top_news dl:after{
display:none;
}
.top_news dl:before{
content: "お知らせ";
color:#0045B9;
background:#DEF0F8;
padding: 7px 25px;
}
.top_news dt,.top_news dd{
	width:100%;
display: inline-block;
margin:0;
box-sizing:border-box;
}
.top_news dt{
margin-top:10px !important;
}

.top_news dd{
width:100%;
text-align: center !important;
box-sizing:border-box;
}

.top_news dd a{
color:#555;
}




/*  dr-------------------------------------*/
#dr{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:-15px auto 0 auto;
	padding:0;
	background:none;
}
#dr .text_area{
	width:100%;
	text-align:center !important;
	float:none;
	margin:0 auto;
}
#dr .text_area img{
	width:auto;
	margin:0 auto;
}
#dr .text_area h2{
	color:#0045B9;
	font-size:20px !important;
	text-align:center !important;
	line-height:140%;
	border-bottom:1px solid #0045B9;
	margin-bottom:20px;
	margin:0;
	padding:0 0 10px 0;
}
#dr .text_area p{
	color:#00A0DA;
	padding:0;
}






/*  needs_0425-------------------------------------*/
#needs h2{margin-top:0;}
#needs .needsbox_01,
#needs .needsbox_02{
	width:100%;
	margin:0 0 10px 0;
}
#needs .needsbox_01 img,
#needs .needsbox_02 img{
	width:40%;
	float:left;
}
#needs .needsbox_01 .text_area h3,
#needs .needsbox_02 .text_area h3{
	margin:0 auto 10px auto !important;
	padding:0;
}
#needs .needsbox_01 .text_area h3 span,
#needs .needsbox_02 .text_area h3 span{
	font-size:15px;
	padding:0;
}
#needs .needsbox_01 .text_area,
#needs .needsbox_02 .text_area{
	width:60%;
	float:left;
	margin:0 auto !important;
	padding:20px 10px 10px 10px;
}
#needs .needsbox_01 .text_area p,
#needs .needsbox_02 .text_area p{
	margin-top:20px;
	line-height:180%;
}



/*  sub_main_needs_0425-------------------------------------*/
#sub_main .needs .needsbox_01,
#sub_main .needs .needsbox_02{
	width:100%;
	margin:0 0 10px 0;
}
#sub_main .needs .needsbox_01 img,
#sub_main .needs .needsbox_02 img{
	width:40%;
	float:left;
}
#sub_main .needs .needsbox_01 .text_area h3,
#sub_main .needs .needsbox_02 .text_area h3{
	margin:0 auto 20px auto !important;
	padding:0;
}
#sub_main .needs .needsbox_01 .text_area h3 span,
#sub_main .needs .needsbox_02 .text_area h3 span{
	font-size:15px;
	padding:0;
}
#sub_main .needs .needsbox_01 .text_area,
#sub_main .needs .needsbox_02 .text_area{
	width:60%;
	margin:0 auto !important;
	padding:8px;
}
,
#sub_main .needs .needsbox_01 .text_area p,
#sub_main .needs .needsbox_02 .text_area p{
	text-align:center;
	font-size:12px;
	line-height:180%;
}





/*  point-------------------------------------*/
#point p.text{
margin:0 0 20px 0;
}
#point .box_left{
width:49%;
float:left;
text-align:center;
margin:0;
padding:20px 10px 0;
box-sizing:border-box;
}
#point .box_left h3{
	font-size:16px;
}

#point h3.bg01{
	background:url(../img/top/point_bg01.png) no-repeat 43%;
}
#point h3.bg02{
	background:url(../img/top/point_bg02.png) no-repeat 43%;
}
#point h3.bg03{
	background:url(../img/top/point_bg03.png) no-repeat 43%;
}
#point h3.bg04{
	background:url(../img/top/point_bg04.png) no-repeat 43%;
}
#point h3.bg01,
#point h3.bg02,
#point h3.bg03,
#point h3.bg04{
	background-size:40px;
}

#point .inner p{
	text-align:center;
	margin-bottom:10px;
}








/*  treatment-------------------------------------*/


#treatment .box_green_flow{
width:100%;
height:90px;
margin:0;
padding:0 10px;
text-align:center;
font-size:14px;
box-sizing:border-box;
}
#treatment .box_green_flow h3{
	padding:10px 0 0 0;
}
#treatment .box_green_flow a{
display: inline-block;
padding: 10px 70px;
background:#FFF;
color:#D1DD0F;
border:#D1DD0F 2px solid;
box-shadow:0 4px #D1DD0F;
border-radius: 7px;
transition:0s;
}

#treatment .box_green_flow a:hover{
color:#FFA543;
border-radius: 7px;
border:#D1DD0F 2px solid;
box-shadow:none;
transform: translate3d(0, 4px, 0);
}

#treatment .box_green_flow img{
float:left;
margin:0;
}

#treatment  .treatment_in{
width:100%;
text-align: center;
margin: 30px 0 50px 0;
}

#sub_main .box_02 h3,
#treatment .box_01 h3,
#treatment .box_02 h3{
	width:100%;
float:left;
font-size:14px;
margin:0 !important;
}

#treatment .box_01,
#treatment .box_02{
width:48%;
height:60px;
float:left;
margin:0 5px 5px 0;
display: inline-block;
}

#treatment .box_01 a{
display: inline-block;
padding:10px;
background:#FFF;
color:#7FCBE9;
border:#7FCBE9 2px solid;
box-shadow:0 4px #7FCBE9;
border-radius: 7px;
transition:0s;
box-sizing:border-box;
}

#treatment .box_01 a:hover{
color:#FFA543;
border-radius: 7px;
border:#7FCBE9 2px solid;
box-shadow:none;
transform: translate3d(0, 4px, 0);
}
#treatment .box_02 a{
display: inline-block;
padding:10px;
background:#FFF;
color:#D1DD0F;
border:#D1DD0F 2px solid;
box-shadow:0 4px #D1DD0F;
border-radius: 7px;
transition:0s;
}
#treatment .box_02 a:hover{
color:#FFA543;
border-radius: 7px;
border:#D1DD0F 2px solid;
box-shadow:none;
transform: translate3d(0, 4px, 0);
}


#treatment .box_02 img,
#treatment .box_01 img{
	display:none;
}




/*  type_0425-------------------------------------*/
#type .typebox_01 {
	padding:10px 20px 40px 20px;
}

#type .typebox_01 h2.box-title {left: 35%;}
#type .typebox_in{
	width:50%;
	padding:10px 5px;
}
#type .typebox_in_last{
	width:100%;
	margin:0 auto;
	padding:10px 5px;
}
#type .typebox_in_last img{
	width:50%;
}
#type .typebox_in_last  h3{
	color:#0045B9;
	margin:0;
	font-weight:100;
	font-size:15px;
}


#type .typebox_in img{width:auto;}
#type .typebox_in:nth-child(odd){padding-right:10px;}
#type .typebox_in:nth-child(even){padding-left:10px;}

#type .typebox_in h3{font-size:16px;}




/*  menu_0426-------------------------------------*/



#menu h2{
	margin-top:0;
}
#menu .menubox_01,
#menu .menubox_02{
	width:100%;
	height:auto;
	overflow:hidden;
	float:none;
	display:block;
	margin:0 auto 20px auto;
	padding:10px;
	position:relative;
}
#menu .menubox_01:before,
#menu .menubox_02:before{
	display:block;
	content:"";
	width:90%;
	height:90%;
	border:1px solid #fff;
	position:absolute;
	top:5%;
	left:5%;
}
#menu .menubox_01 .btn,
#menu .menubox_02 .btn{
	margin-top:10px;
}

#menu .menubox_01{
	background:url(../img/top/menu_adult.jpg) no-repeat;
	background-size:100%;
	height:auto;
	overflow:hidden;
	margin:0 0 20px 0;
}
#menu .menubox_02{
	background:url(../img/top/menu_kids.jpg) no-repeat;
	background-size:100% !important;
	margin:0;
}


#menu .menubox_01 h3,
#menu .menubox_02 h3{
	font-size:24px;
	margin:30px auto 20px auto !important;
	padding-bottom:20px;
}
#menu .menubox_02{
	margin-bottom:60px;}










/*  concept_0426-------------------------------------*/
#concept{
	margin-bottom: 30px;
}
#concept .concept_in{
	width:90%;
	text-align: center;
	margin: 30px auto 0;
}

#concept .concept_in ul li.one{
	width:100%;
	float:none;
	border:1px dotted #0045B9;
	border-bottom:none;
}
#concept .concept_in ul li{
	width:50%;
	height:180px;
	border:1px dotted #0045B9;
	border-bottom:none;
	border-collapse:collapse;
	padding:15px 0;
	box-sizing:border-box;
}

#concept .concept_in ul li:nth-child(odd){
	border-left:none;}
#concept .concept_in ul li:nth-child(6),
#concept .concept_in ul li:last-child{
	border-bottom:1px dotted #0045B9 !important;}
	
#concept .concept_in ul li.one{
	border-left:1px dotted #0045B9;
}
	

/*  column_0426-------------------------------------*/
#column{
	padding:0;}
#column h2{
	margin-bottom:10px;
}
#column .entry{
	width:98%;
	float:none;
	border-right:none;
	border-bottom:1px solid #FFF;
	margin:0 auto;
	padding:20px 30px;
}
/*#column .entry:nth-child(2),
#column .entry:nth-child(3){
	display:none;}*/

#column .entry span.title{
	padding:10px 0 5px 0;
}





/*  clinic0427-------------------------------------*/
#clinic{
	width:100%;
	height:auto;
	background:url(../img/top/clinic_bg_sp.jpg) no-repeat center center;
	color:#0045B9;
	padding:25px 0;
}
#clinic .clinic_in{
	width:90%;
	margin:0 auto;
	padding:0 10px;
}
#clinic .clinic_in img{
	width:100%;
	box-sizing:border-box;
}
#clinic .clinic_in p{
	margin-bottom:20px;
	line-height:130%;
}

#clinic .clinic_in .left{
	width:100%;
	float:none;
	margin:20px 0;
}
#clinic .clinic_in .left p{
	margin-bottom:0;}
	
	
#clinic .clinic_in .clinic_inner{
	width:90%;
	margin:0 auto;
}






/*  access-------------------------------------*/
#access{margin-bottom:30px;}

#access h3{
	font-size:16px;
	color:#0045B9;
}
#access h3 span{
	width:40%;
	margin:0 auto 20px auto;
}

#access #map{
	width: 100%;
	height: 300px;
	float:none;
}
#access .info{
	width:100%;
	float:none;
	text-align:center;
	padding:0;
}
#access .info h4{
	font-size:15px;
	margin:0;
}
#access .info .tel{display:none;}	

#access .info .btn{
	text-align:center;
}












/*  footer_0427-------------------------------------*/
#footer{
	border-top:none;
	text-align:center;
}
#footer .logo img{
	width:80%;}
#footer .footer_box{
	width:100%;
	float:none;
	margin:0 0 30px 0;
}


#footer .footer_box table{
	margin-bottom:10px;
}


#footer .footer_center{
	width:100%;
	float:none;
	text-align:center;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
}
#footer .footer_center img{
	width:auto;
	margin:0;}
#footer .footer_center ul.sns_box{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
#footer .footer_center ul.sns_box li{
	width:47%;
	margin:5px 5px 0 5px;
	float:left;
}

#footer .footer_center ul.sns_box img{
	width:100%;
}

#footer .footer_right{
	width:100%;
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	float:none;
	box-sizing:border-box;
}

#footer .footer_box ul.foot_nav{
	width:100%;
	margin:20px 0 0 0;
	padding:0;
	border-left:none !important;
}


#footer ul.foot_nav li{
	width:50%;
	float:left;
	margin:0;
	padding:8px 0;
	text-align:center;
	box-sizing:border-box;
}
#footer ul.foot_nav li:nth-child(1),
#footer ul.foot_nav li:nth-child(2),
#footer ul.foot_nav li:nth-child(3),
#footer ul.foot_nav li:nth-child(4),
#footer ul.foot_nav li:nth-child(5),
#footer ul.foot_nav li:nth-child(6),
#footer ul.foot_nav li:nth-child(7),
#footer ul.foot_nav li:nth-child(8),
#footer ul.foot_nav li:nth-child(9){
	border-bottom:1px dotted #0047AD;
}
#footer ul.foot_nav li:nth-child(1),
#footer ul.foot_nav li:nth-child(2){
	border-top:1px solid #0047AD;
}
#footer ul.foot_nav li:nth-child(odd){
	border-right:1px dotted #0047AD;
}
#footer ul.foot_nav li:nth-child(11),
#footer ul.foot_nav li:nth-child(10){
	/*width:100%;
	margin:0;
	padding:8px 0;
	text-align:center;
	box-sizing:border-box;*/
	border-bottom:1px solid #0047AD;
}


#footer ul.foot_nav li:before{
display:none;
}
#footer ul.foot_nav li a{
color:#0047AD;
padding:5px;
transition:0.4s;
text-decoration:none;
}
#footer ul.foot_nav li a:hover{
color:#CFDC0D;
border-bottom:none;
padding:5px;
text-decoration:none;
}



#footer .copy{
	display:block;
	text-align:center;
	margin-top:10px;
	font-size:10px;
}





/*  btn-------------------------------------*/
.btn_half{
width:48%;
text-align: center;
margin:10px 3px 25px 3px;
float:left;
}
.btn_half a{
width: 98%;
padding: 10px;
display: inline-block;
background:#00A0DA;
color:#FFF;
box-shadow:0 4px #CCCCCC;
transition:0s;
box-sizing:border-box;
}

.btn_half a:hover{
box-shadow:none;
transform: translate3d(0, 4px, 0);}











.concept_box{width: 40%; height: auto; margin: 10px;}
.concept_box img{width: 100px;}
.concept_box .point img{width: 70px;}
.concept_box p span{font-size: 0.8em;}
.concept_box p:last-child{margin-bottom: 1.5em;}
.concept_box p.line2{margin: 1em 0 -0.35em;}

.treatment .btn_ortho,.treatment .btn_root{display:block;}
.treatment ul{display: inline;}
.treatment ul li a{
background: linear-gradient(-60deg,#3ca1ff 50%,#63b4ff 50%)!important;
box-shadow: 0 3px 0 #1c85e7!important;}
.treatment ul.first li:nth-child(even) a,
.treatment ul.second li:nth-child(even) a{
background: linear-gradient(-60deg,#ff6e8c 50%,#ff8ba3 50%)!important;
box-shadow: 0 3px 0 #e02148!important;}
.treatment ul li a:hover{box-shadow: none!important;}


.dr_in{width: 100%;}
.dr_in img{width: 100%;}


.img_L,.img_R,.txt_fl{float:none;margin: auto 0;}
.img_L,.img_R{text-align: center;}
.txt_fl{width: 90%;padding: 0 20px;}
.txt_fl p.name,.txt_fl p.name.f_r{text-align: center;}


.access #map,.access .info{float: none;width: 95%; margin: auto;}
.access .info{text-align: center;padding-top: 40px;}
.access .info p{text-indent: 0;}

#footer .foot_logo{height: 30px;}
#footer .foot_logo img{width: 300px;}

#footer .footer_in{
	width: 100%;
	text-align: center;}
#footer .footer_in ul{text-align: left;margin: 0 10px;}
#footer .footer_in table{margin:20px auto;}
#footer .copy{text-align: center;}




/*  btn02-------------------------------------*/
.ortho_btn{
margin:auto;
}
p.btn02{text-align: center;
margin:30px;}

/*  esthetic-------------------------------------*/
#crown{
width: 100%;
}
#crown img{
width:100%;
}



/*  pagetop-------------------------------------*/

#pagetop{
padding:0;
position:fixed;
bottom:65px;
right:3px;
z-index:9999;
}
#pagetop a{
	width:50px;
	height:50px;
	padding-top:10px;
}





/*  共通-------------------------------------*/
.pc{display:none;}
.sp{display:block;}

.widht_auto{
	width:auto;
}

.margin-bottom0{
	margin-bottom:0 !important;
}

#sub_main .box_L,
#sub_main .box_R{
	width:100%;
	margin:0;
}



/*  btn-------------------------------------*/
.btn{
	width:90%;
}


#sub_main .btn{
	margin-bottom:10px;
}






/*  sub_main-------------------------------------*/

#sub_main .content{
	width: 100%;
	padding:0 10px;
	box-sizing:border-box;
}

#sub_main .img_left{
	margin-bottom:15px;
}


#sub_main p img{
	width: 100%;
}


h1,h2,h3,h4{letter-spacing:2px;}

.treatment02 .green_100 h3{
	margin:30px auto !important;
	font-size:14px !important;
	font-weight:bold;
}
.treatment02 .green_100{
	width:93% !important;
	margin:0 7px 20px 9px !important;
}









#sub_main p{
	font-size:15px;
}




#sub_main .page_link{
	margin-top:-40px;
	padding-top:40px;
}

.staff_area .staff_box{
	width:100%;
	margin:10px 0 20px 0;
	padding:0;
	float:right;
	box-sizing:border-box;
}
.staff_area .staff_box h4{
	font-size:16px !important;
}



#sub_main .box_01{
	padding:10px;
}
#sub_main .box_01 h3{
	font-size:18px;
	margin:10px 0;
}
#sub_main .box_01 ul li{
	font-size:14px;
}






/*  sub_main_0502-------------------------------------*/

#sub_main h1{
	top:40%;
	left:0;
	font-size:32px;
}
#sub_main h2 {
	font-size:22px;
	width:100%;
    margin: 20px 0;
	line-height:180%;
	letter-spacing:1px;
}
#sub_main h2 span{
    border-left: 3px solid #0045B9;
    border-right:none;
    padding: 10px 5px;
}

#sub_main h3 {
    margin:0 0 20px 0;
	font-size:20px;
	line-height:130%;
}
#sub_main h4{
	margin: 20px 0 10px 0;
	font-size:18px;
}
#sub_main h5{
	font-size:14px;
	margin:0 auto 10px auto;
}
#sub_main h5 span{
	padding:0 15px 3px;
}





#sub_main .pankuzu{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(../img/common/pankuzu_bg.png);
	margin-top:-10px;
	padding:10px;
	box-sizing:border-box;
}

#sub_main .pankuzu ul{
	width:1000px;
	margin:0 auto;
	color:#0045B9;
	font-size:12px;
}
#sub_main .pankuzu ul li{
	float:left;
}
#sub_main .pankuzu ul li:after{
	content:" / ";
}
#sub_main .pankuzu ul li:last-child:after{
	content:none;
}
#sub_main .pankuzu ul li a{
	color:#0045B9;
	transition:0.4s;
}
#sub_main .pankuzu ul li a:hover{
	opacity:0.4;
	transition:0.4s;
}





/*  table-------------------------------------*/
#sub_main table{
	width:100% !important;
}
#sub_main table th,
#sub_main table td{
	padding:5px;
}
#sub_main table th{width:20%;}
#sub_main table td{
	text-align:left !important;}


#sub_main table.flow_menu td{
	padding:0 5px;
}
#sub_main table.contact th{width:30%;}


/*  treatment02-------------------------------------*/
.treatment02{
	width: 100%;
	padding: 0px 0px 50px;
	position:relative;
}
.treatment02 .content{
	text-align: center;
}

.treatment02 ul{
	width:100%;
}

.treatment02 ul li.blue,
.treatment02 ul li.green{
	width:45%;
	margin:0 5px 10px 0;
	box-sizing:border-box;
	font-weight:bold;
}
.treatment02 ul li.blue a{
	width:98% !important;
	height:80px;
	margin:0;
	padding: 25px 15px 15px 15px;
	display:inline-block;
	float:left;
	background:#FFF;
	border-radius: 7px;
	color: #7FCBE9;
	border:2px solid #7FCBE9; 
	box-shadow: 0 3px 0 #7FCBE9;
	font-size: 14px !important;
	letter-spacing:1px;
	box-sizing:border-box !important;
}

.treatment02 ul li.green a{
	width:98% !important;
	height:80px;
	margin:0;
	padding: 25px 15px 15px 15px;
	display:inline-block;
	float:left;
	background:#FFF !important;
	border-radius: 7px;
	color: #D1DD0F;
	border:2px solid #D1DD0F;
	box-shadow: 0 3px 0 #D1DD0F !important;
	font-size: 14px !important;
	letter-spacing:1px;
	box-sizing:border-box !important;
}





#sub_main .btn_01{
	margin:30px auto;
}




.entry-content .box_02{
	width:100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
	float:none;
}
.entry-content .box_02 h3{
	font-size:16px !important;
}



#sub_main table.flow_menu td h4{
	font-size:14px !important;
}

#sub_main input.btn{
	width: 100%;
}

#footer .footer_center p.footer_btn02{
	width:100% !important;
	margin:0 auto !important;
}
#footer .footer_center .footer_btn02 img{
	width:150px !important;
	float:none
}

#header h1.toppage{
	text-align:center;
	background:#1D50A2;
	color:#FFF;
	margin-top:15px;
	padding:10px;
	box-sizing:border-box;
	line-height:120%;
}


/*  header1107——————————————————*/
#sub_header{
	width:100%;
	height:60px;
	margin:-60px 0 0 0;
	box-sizing:border-box;
}

#sub_header .logo{
	display:none;
}
#sub_header .logo img{
	width:190px;
}

#sub_header .info,
#sub_header .info_sub{display: none;}

#sub_header .bg{
	background-size: 95%;
	background-position: top 140px center;
}
	
#sub_header .btn_mail{
	width: 80px;
	height:20px;
	float:right;
	text-align: center;
	margin:10px 100px 5px 0;
	font-size:12px;
	box-sizing:border-box;
}
#sub_header .btn_mail a{
	width:100%;
	display: inline-block;
	background:#00A0DA;
	color:#FFF;
	margin:0;
	padding:10px 3px;
}

#sub_header h1.toppage{
	text-align:center;
	background:#1D50A2;
	color:#FFF;
	margin-top:15px;
	padding:10px;
	box-sizing:border-box;
	line-height:120%;
}


}



@media screen and (min-width:600px){
label{display: none;}
input[type="checkbox"]{display: none;}


}





@media screen and (max-width:517px){
	
#header .btn_mail{
	display:none;}	
	
.content p{
	font-size:14px;
}
	
.treatment ul.first li:nth-child(4) a,
.treatment ul.second li:nth-child(4) a{
background: linear-gradient(-60deg,#3ca1ff 50%,#63b4ff 50%)!important;
box-shadow: 0 3px 0 #1c85e7!important;}

.treatment ul li:nth-child(3) a{
background: linear-gradient(-60deg,#ff6e8c 50%,#ff8ba3 50%)!important;
box-shadow: 0 3px 0 #e02148 !important;}
.treatment ul.first li a:hover,
.treatment ul.second li a:hover{box-shadow: none!important;}


.ortho_btn{
margin:auto;
}
p.btn02{text-align: center;
margin:30px;}

#dr .text_area img{
	width:100%;
}
#type .typebox_01 {
	margin-bottom:50px;
    padding:40px 5px 0;
}
#type .typebox_01 h2.box-title {
	width:70%;
    font-size: 22px !important;
}
#type .typebox_in h3,
#type .typebox_in_last h3{font-size:13px;}


#type .typebox_in img{width:100%;}

#type .typebox_in:nth-child(odd){
	width:50%;
	padding-right:5px;}
#type .typebox_in:nth-child(even){
	width:50%;
	padding-left:5px;}


#type .typebox_in:nth-child(1),
#type .typebox_in:nth-child(2){
	width:50%;
}

	
	


#footer{
	padding-bottom:70px;
}


#footer .footer_center ul.sns_box li{
	width:47%;
	margin:3px 5px 0 3px;
	float:left;
}




.sp_footer_link
{
	background:#00A0DA;
	display: block;
	width: 100%;
	position: fixed;
	bottom: 0px;
	height: auto;
	z-index: 99;
	padding: 0 !important;
	box-sizing:border-box;
	border-top: 1px solid #fff;
}
footer.sp_footer_link ul{
	padding: 0 !important;
	margin:0 !important;
}
footer.sp_footer_link ul li {
	float: left;
	width: calc(100% / 3);
	display: block;
	padding:10px;
	margin:0;
	text-align:center;
	list-style: none;
	box-sizing:border-box;
	line-height:50%;
}

footer.sp_footer_link ul li a {
	color:#FFF;
	border-right: 1px solid #fff;
	display: block;
}
footer.sp_footer_link ul li a span{
	font-size:10px;
}
footer.sp_footer_link ul li:last-child a{
	border-right: none;
}
footer.sp_footer_link ul li a i {
	width: auto;
	color:#FFF;
	display:block;
}

#sub_main table.nomal,
#sub_main table.price {
	width:100% !important;
	border-collapse:collapse !important;
}

#sub_main table.normal th,
#sub_main table.normal td{
	width:100%;
	display:block;
	box-sizing:border-box;
	margin:0;
	border-left:1px solid #0045B9;
	text-align:center !important;
}

#sub_main table.width_100{
	border-left:none;
}


#sub_main table.price th{
	font-size:12px !important;
	font-weight:normal;
	padding:5px;
	text-align:left;
}


#sub_main table.case{
	width:100% !important;
	margin:0 0 30px 0;
}


#sub_header .btn_mail{
	display:none;}	







}
/*  esthetic-------------------------------------*/
#crown{
width: 100%;
}
#crown img{
width:100%;
}






@media screen and (max-width:343px){
.concept .tit p{font-size: 7vw;}
.concept_box img{width:25vw;}
.treatment .btn_ortho a, .treatment .btn_root a{width: 80%;}
.treatment li a{width:35vw;}
#footer .footer_in ul{text-align: center;}
#footer .footer_in ul .foot_nav_in{text-align: left;}



.btn_mail{
float:left;
text-align: center;
font-size:12px;
box-sizing:border-box;
}
.btn_mail a{
width:90px;
display: inline-block;
background:#FFA544;
color:#FFF;
margin:0 0 0 5px;
padding:0;
border:#FFA544 1px solid;
box-shadow:0 4px #FD8800;
border-radius: 7px;
transition:0s;
}

.btn_mail a:hover{
border:#FFA544 1px solid;
box-shadow:none;
transform: translate3d(0, 4px, 0);
}
.btn_mail span{
color:#FFA544;
background:#FFF;
border:1px solid #FFF;
margin-right:3px;
padding:5px 3px 5px 5px;
border-radius: 7px;
}


#sub_main h2 {
	font-size:22px !important;
	width:100%;
    margin: 20px 0;
	line-height:180%;
	letter-spacing:0;
}
#sub_main h2 span{
    border-left: 3px solid #0045B9;
    border-right:none;
    padding:5px;
}

#needs .needsbox_01 .text_area p,
#needs .needsbox_02 .text_area p{
	font-size:12px !important;
}




}

@media screen and (max-width:320px){
#type .typebox_in h3,
#type .typebox_in_last h3{font-size:11px;}


}



@media screen and (max-width:768px){

.recruit_table{
	width:100%;
	margin:0 auto;
	border-collapse:collapse !important;
}
.recruit_table th{
	font-size:12px;
	width:20% !important;
}
#contact{
	text-align: left;
	margin:0 auto;
	font-size:14px;
}
#contact th{
	width: 100%;
	display:block;
	text-align:left;
	box-sizing:border-box;
}
#contact td{
	width: 100%;
	display:block;
	text-align:left;
	box-sizing:border-box;
}
#contact tr:nth-of-type(n+2) > th, #contact tr:nth-of-type(n+2) > td{
	border-bottom: solid 1px #e2e2e2;
}
#contact tr:last-of-type > th, #contact tr:last-of-type > td{
	border-bottom: none;
}
#contact .browncell{
	background: #f9f6ed;
}
#top_news .top_news_content{
	width: 100%;
}
    
    
    ul#dot {
        padding: 10px;
        background-size: cover;
        background-position: bottom;
    }
    ul#dot li {
        flex-basis: 100%;
        padding: 15px;
    }

    
    #codid-19 .beige-back {
        padding: 10px;
    }
    #codid-19 ul.check {
        padding-left: 25px;
    }

    
    #codid-19 .btn {
        width: 100%;
        margin: 30px auto;
        box-sizing: border-box;
    }
    #codid-19 .btn a {
        font-size: 14px;
        padding: 10px 0;
    }

    #codid-19 .btn a span {
        display: none;
    }
    #codid-19 table.price{
        font-size: 15px;
    }

.entry-content img.size-full,
.entry-content img.size-large{
	width:100%;
}




}