
@media only screen and (max-width:800px) {


/*---------pc,sp切り替え 始---------*/

.show_sp {
              display:block !important;
}

.show_pc {
              display:none;
}

p {
	letter-spacing:0px !important;
}

* {
	width:100% !important;

}

img {
	height:auto !important;
}

body{
	min-width:320px !important;
}

.wrapper {
	margin-top:17.0%;
	width:100% !important;
	letter-spacing:0.3px !important;
}


/*---------pc,sp切り替え 終---------*/



/*---------ヘッダー 始---------*/
header{
	width:100% !important;
}

h1 {
	width:70% !important;
	margin:2% 0 0 1.5% !important;
	max-width:400px;
	line-height:40px;
}

h1 img {
	width:100% !important;
	height:auto;
}

.top_head {
	width:100% !important;
	height:auto !important;
	padding:0 0 2% 0;
	background:#fff;
	z-index:200;
	position:fixed;
	top:0;
	margin:0;
}

.top_head_right {
	width:28% !important;
	height:auto !important;
	float:right;
	margin:2% 0 0% 0 !important;
	max-width:150px !important;
}

.top_head_right img{
	width:100% !important;
	height:auto;
	float:right;
}

.top_head_right .right_menu_a {
	width:40% !important;
	height:auto;
	float:right;
	padding:2% 0% 0% 0%;
	margin-left:5%;
}

.tel_no {
	width:40% !important;
	height:auto ;
	float:right;
	max-width:80px;
	padding:2% 0% 0% 0%;
}

.naka_main  {
	background:none;
}

.naka_main_sp  {
	width:100% !important;
	background:#765c30;
	padding:0 2.5%;
}




/*---------ヘッダー 始---------*/


/*---------ナビゲーション 始---------*/

.sidr{
display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:200px !important;overflow-x:none;overflow-y:auto;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif Meiryo, メイリオ, sans-serif;font-size:13px;background:#f45a0e;color:#fff;
}
.sidr .sidr-inner{padding:0 0 15px;}

.sidr .sidr-inner>p{margin-left:15px;margin-right:15px;}

.sidr.right{left:auto;right:-260px;}

.sidr.left{left:-260px;right:auto;}

.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;}

.sidr p{font-size:13px;margin:0 0 12px;}

.sidr p a{color:rgba(255,255,255,0.9);}

.sidr>p{margin-left:15px;margin-right:15px;}

.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #ff7430;}

.sidr ul li{display:block;margin:0;line-height:38px;border-top:1px solid #ff7430;border-bottom:1px solid #e0530d; text-align:left}

.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:39px;}

.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{}

.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff; letter-spacing:1px;}

.sidr ul li ul{border-bottom:none;margin:0}

.sidr ul li ul li{line-height:40px;font-size:13px}

.sidr ul li ul li:last-child{border-bottom:none}

.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px;}

.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222;}

.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px;}

.sidr form{margin:0 15px;}

.sidr label{font-size:13px;}

.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both;}

.sidr input[type=checkbox]{width:auto;display:inline;clear:none;}

.sidr input[type=button],.sidr input[type=submit]{color:#fff;background:#fff;}

.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9);}


/*---------ナビゲーション 終---------*/



/*---------共通 始---------*/

#main {
	width:100% !important;
	padding:0 2.5% 0!important;
}

h2{
	font-size:16px !important;
	border-left:7px solid #f45a0e !important;
	background:none !important;
	height:auto !important;
	text-indent:0px !important;
	line-height:20px !important;
	padding:7px 0 3px 10px;
	width:92.5% !important;
}

h3{
	font-size:15px !important;
}

.content_g_border{
	width:100% !important;
	height:auto !important;
}

.content_g_border p {
	padding:2.5%;
	line-height:24px;
}

.content_g_border img {
	margin-bottom:2.5%;
}


#page_top img{
	width:12% !important;
}

footer img{
	width:100% !important;
	padding:0 2.5%;
	
}

.f_contact{
	margin:0 !important;
}
.f_contact img{
	width:80% !important;
	margin:0;
}

small>p{
	height:auto;
	line-height:15px;
	padding:10px 0;
}

.sp_tel {
	margin-bottom:20px !important;
}

.footer_bottom{
	border-top:none;
}

.addres{
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.img_4bunnoiti{
	width:50% !important;
	float:right;
	margin-left:2.5%;
}



#main .sp_ver {
	margin-left:2.5% !important;
}


.main_img_naka {
	width:100%;
	height:125px;
	background-size:700px 125px !important;
}

.naka_title {
	font-size:22px;
	height:60px;
	margin-top:25px;
}

.naka_title img{
	width:250px !important;
	margin:0 auto;
	margin-top:5px;
}

#main table {
	width:100% !important;
}

#main th , #main td{
	padding:3px 0 0 7px;
	line-height:24px;
}

#main th{
	width:29% !important;
}

#main td {
	padding-right:7px;
}

#main td img{
	width:35% !important;
	max-width:80px;
	margin:3px 0px 0 0;
}

/*---------共通 始---------*/


/*---------トップ 始---------*/
#index .main_img{
	width:100%;
	height:175px;
	background:url(../img/sp/sp_top_main.jpg) no-repeat top center;
	background-size:420px 175px;
}

#index #main .content01  {
	margin-top:2.5%;
	width:100% !important;
}

#index #main .content01 li {
	width:48.75% !important;
	float:left;
	padding:0;
	margin:2.5% 0 0 0;
}

#index #main .content01 .sp_ver {
	margin-left:2.5%;
}
#index .content_g_border h2 a img{
	float:right;
	width:35% !important;
	max-width:100px;
	margin:-2px 0px 0 0;
}

#index .topics {
	margin-bottom:50px;
}

#index .topics ul {
	padding:2.5%;
}

#index .topics ul li {
	height:auto;
	line-height:24px;
	text-indent:0;
	padding:0 1.5%;
	font-size:14px !important;
	list-style:0.3px;
}

.uketuke {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*---------トップ 終---------*/



/*---------ご挨拶・当院について 始---------*/

#greetings .main_img_naka{
	background:url(../img/naka/main_img_greeting.jpg) no-repeat center center;
}

#greetings .content_g_border_left{
	margin:0;
	padding:2.5%;
}

#greetings .content_g_border_left .name{
	width:60% !important;
}

#greetings .content_g_border_left ul li{
	margin:0;
	padding:0px 2.5% 0;
	font-size:12px !important;
}

#greetings .content_g_border_right p{
	padding:2.5%;
	line-height:24px;
}


#greetings iframe{
	width:100% !important;
}

/*---------ご挨拶・当院について 終---------*/




/*---------院内紹介・アクセス 始---------*/
#accesss .main_img_naka{
	background:url(../img/naka/main_img_access.jpg) no-repeat center center;
}

#accesss .l_box {
}

#accesss .l_box li {
	width:48.75% !important;
	float:left;
	padding:0 !important;
	margin:2.5% 0 0 0 !important;
}

#accesss #main .l_box .sp_ver {
	margin-left:2.5% !important;
}

#accesss #main .l_box .sp_ver {
	margin-left:2.5% !important;
}
/*---------院内紹介・アクセス 終---------*/



/*---------症例 始---------*/
#cases .main_img_naka{
	background:url(../img/naka/main_img_case.jpg) no-repeat center center;
}
#cases h3{
	font-size:16px !important;
	line-height:56px;
}

#cases h3+p{
	line-height:24px;
}

#cases h4{
	font-size:16px !important;
	line-height:24px !important;
	margin-top:10px !important;
}

#cases .content_g_border+h4{
	margin-top:15px !important;
}

#cases .anker li {
	width:48.75% !important;
	float:left;
	padding:0 !important;
	margin:2.5% 0 0 0 !important;
	padding-top:2px !important; 
}

#cases .anker .two {
	padding-top:7px !important;
}

#cases .anker .sp_ver{
	margin-left:2.5% !important;
}

#cases .case_new li , #cases .case li , #cases .case_one li{
	width:31.66666666% !important;
	margin:0 2.5% 10px 0;
	font-size:13px;
	font-weight:normal;
	color:#555;
}

#cases .mtb20 {
	margin:10px 0 0 0 !important;
}

#cases .case_one li{
	margin:0 34.33333% !important;
}

#cases .case_yajirusi  {
	width:20% !important;
	margin-bottom:15px !important;
}


#cases .back li{
	width:50% !important;
	margin:30px 25% 50px 25% !important;
	font-size:15px !important;
}

#cases .case .mr0{
	margin-right:0 !important;
}

/*---------症例 終---------*/




/*---------矯正歯科 始---------*/

#orthodontics .main_img_naka{
	background:url(../img/naka/main_img_orthodontic.jpg) no-repeat center center;
}

#orthodontics .content_right .price {
	margin-left:2.5% !important;
	text-indent:10px;
}

#orthodontics .content_right p.price {
	margin:2.5% 2.5% 0;
}
#orthodontics .content_right p {
	padding:2.5% !important;
	line-height:24px;
}

#orthodontics .koukou p>img {
	margin-top:0%;
}

#orthodontics .koukou .last_text {
	margin:0 !important;
}

#orthodontics hr {
	width:95% !important;
	padding:2.5% !important;
}


#orthodontics .souti {
	padding:2.5% !important;
	margin-bottom:120px;
	
}
#orthodontics .arrow img p{
	width:100% !important;
	float:left;
}

#orthodontics .arrow p{
	width:100% !important;
	float:left;
	margin-top:-20px;
}

#orthodontics .arrow{
	width:30% !important;
	margin-left:33% !important;
}

#orthodontics .bracket img {
	margin-bottom:0px !important;
}

#orthodontics .bracket p {
	margin-bottom:30px !important;
	color:#555;
	font-size:14px;
	margin-top:-5px;
}

#orthodontics p.friction_sp{
	width:100% !important;
	text-align:left;
	color:#555;
	margin:0;
	padding:0;
	line-height:24px;
	letter-spacing:0.5px;
	font-size:15px;
	font-weight:normal;
}

/*---------矯正歯科 終---------*/



/*---------お問い合わせ 始---------*/
#contacts .main_img_naka{
	background:url(../img/naka/main_img_orthodontic.jpg) no-repeat center center;
}
#contacts #main p{
	line-height:24px;
}
#contacts #main .inquirys_label {
	width:22% !important;
    font-size:11px;
}

#contacts .inquirys .inquirys_cont {
	width:77% !important;
}

#contacts #main .kennmei {
	width:50% !important;
}

#contacts #main .yubin {
	width:30% !important;
}


#contacts .inquirys .inquirys_cont imput {
	width:75% !important;
}

#contacts .inquirys .inquirys_submit {
	width:50% !important;
}

#contacts #main .goiken {
	width:20% !important;
}

#contacts #main .kakuninn{
	width:50% !important;
}

/*---------お問い合わせ 終---------*/




/*---------治療費について　始---------*/

#costs .main_img_naka{
	background:url(../img/naka/main_img_cost.jpg) no-repeat center center;
}

#costs .content_g_border p{
	margin:0;
	padding:2.5%;
	line-height:24px !important;
}
#costs .content_g_border p>img{
	margin-left:2.5%;
}


#costs .cost_box{
	margin-bottom:21px;
}

#costs .cost_box p{
	margin-bottom:5px;
}

#costs .orange{
	color:#f45a0e !important;
	font-weight:bold;
}

#costs .content_right .flow01 , #costs .content_right .flow02 , #costs .content_right .flow03 , #costs .content_right .flow04 , #costs .content_right .flow05, #costs .content_right .flow06{
	width:100% !important;
	background:#FFF !important;
	border:1px solid #ddd;
	height:auto !important;
	margin-bottom:10px !important;
	margin-right:0 !important;
	line-height:24px !important;
	padding-bottom:10px;
}


#costs .content_right .flow01 .flow_title , #costs .content_right .flow02 .flow_title , #costs .content_right .flow03 .flow_title , #costs .content_right .flow04 .flow_title , #costs .content_right .flow05 .flow_title , #costs .content_right .flow06 .flow_title {
	width:150px !important;
	padding:7px 10px 3px;
	font-size:18px;
	color:#fff;
	background:#f4b62d;
	font-weight:bold;
	margin:4.5%; 
}


#costs .content_right .yajirusi{
	width:25% !important;
	margin:10px auto !important; 
	height:auto;
}

#costs .content_right .yajirusi2{
	width:100% !important;
	margin:10px auto !important; 
	height:auto;
}

#costs .content_right .yajirusi2 p{
	width:286px !important;
	margin:10px auto !important; 
	height:auto;
}


#costs .content_right .flow_text {
	width:95% !important;
	margin:0 0 0 2.5% !important;
	padding:0 !important;
}

#costs .content_right .flow04 ul , #costs .content_right .flow05 ul , #costs .content_right .flow06_left , #costs .content_right .flow06_right{
	width:95% !important;
	margin:0 0 10px 2.5% !important;
	padding:0 !important;
}


#costs .content_right .flow05 {
	width:100% !important;
	margin:0!important;
	padding:0 !important;
}

#costs .content_right .flow01 .price , #costs .content_right .flow03 .price , #costs .content_right .flow04 .price , #costs .content_right .flow05 .price  , #costs .content_right .flow06 .price{
	width:97.5% !important;
	float:right !important;
	margin:0px 0px 5px 2.5% !important;
	padding:0px !important;
	letter-spacing:0.7px;
}

#costs .content_right .two_way p img{
	width:40% !important;
	margin:10px 0 !important; 
}
#costs .content_right .two_way p{
	width:80% !important;
	margin:0px 0 0 22.5% !important;
}

#costs .content_right .flow04 .price_kome {
	line-height:30px;
	height:20px !important;
}

#costs .content_right .sp_kome{
	font-size:12px;
	text-indent:95px;
	line-height:15px;
	margin-bottom:5px;
	color:#999;
}

#costs .content_right .flow05 .price_kome02 , #costs .content_right .flow06 .price_kome02 , #costs .content_right .flow05 .price_kome01 {
	height:auto !important;
}

#costs p.chui_sp{
	font-size:12px;
	line-height:24px;
	padding-left:8px;
	margin-bottom:74px;
	letter-spacing:0.3px;
}

#costs .content_right .flow05 p.price02 , #costs .content_right .flow05 p.price03 {
	width:95% !important;
	padding:0 0 0 0% !important;
	margin:0 0 5px 2.5% !important;
}
#costs p.chui_sp>span {
	padding-left:0px !important;
	text-indent:0 !important;
	line-height:24px !important;
}

#costs .content_g_border p{
	line-height:24px !important;
}

/*治療費について　終*/


/*--20151222_nanba_eDit--*/
#main table.photo{width:100%; margin:0; padding:0; table-layout:fixed;}
#main table.photo td{width:33.33% !important; padding:0 0 5px !important; line-height:normal !important;}
#main table.photo td:nth-child(even){text-align:center;}
#main table.photo td:last-child{text-align:right;}
#main table.photo td img{max-width:100% !important; width:auto !important;}
#main table.photo+p{height:30px; line-height:50px; width:72px; margin:0 auto;}

}

