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

/*---------
01.共通
02.ヘッダー
03.ナビゲーション
04.サイドバー
05.フッター
----------*/

/*---------
01.共通
----------*/

.pcnone{
	display:none;
}

.pc{
	display:block;
}

.sp{
	display:none;
}

@font-face {
    font-family: 'shingopro-regular';
    src: url('../font/A-OTF-UDShinGoPro-Regular.woff') format('woff2'),
         url('../font/A-OTF-UDShinGoPro-Regular.woff') format('woff'),
		 url(../font/A-OTF-UDShinGoPro-Regular.otf)  format('opentype'); /* ttf - Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ryumin-regular';
    src:url('../font/A-OTF-RyuminPro-Regular.woff') format('woff2'),
         url('../font/A-OTF-RyuminPro-Regular.woff') format('woff'),
		 url(../font/A-OTF-RyuminPro-Regular.otf)  format('opentype'); /* ttf - Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'utsukushi';
    src:url('../font/Utsukushi.woff') format('woff2'),
         url('../font/Utsukushi.woff') format('woff'),
		 url(https://yokokawa-ortho.com/wp/wp-content/themes/stinger7child/font/Utsukush.otf)  format('opentype'); /* ttf - Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

body{
	background:#fff;
	width:auto;
}

#wrapper{
	font-family: 'utsukushi';
	 font-size:12px;
	 overflow:hidden;
}

.contents_in{
	max-width:960px;
	margin:0 auto;
}

a:hover{
	color:#9e8dbb;
}


/*---------
02.ヘッダー
----------*/

#headbox{
	/*max-width:960px;*/
	width:auto;
	padding:0;
}

#header-l{
	padding:24px 0 22px;
	width:34%;
	text-align:center;
}

#header-l h1{
	max-width:398px;
	margin:0 0 0 auto;
}

#header-l h1, #header-l h1 a{
	padding:0;
}

#header-l img{
	margin:0;
}

#header-r{
	width:54%;
}

#header-r #header_r_top{
	background:#eae0be;
}

#header-r #header_r_top .contents_in{
	max-width:562px;
	margin:0;
}

#header-r #header_r_bottom{
	background:#e9eadb;
}

#header-r #header_r_bottom .contents_in{
	/*max-width:562px;*/
	margin:0;
}

#header-r #header_r_top .tel_box{
	background:#edd8dc;
	max-width:201px;
	width:36%;
	padding:16px 0;
	float:left;
}

#header-r #header_r_top img{
	display:inline-block;
	vertical-align:auto;
}

#header-r #header_r_top span{
	font-size:18px;
	padding:0 0 0 10px;
}

#header-r #header_r_top .reservation{
	background:#eae0be;
	max-width:361px;
	width:64%;
	padding:15px 0 16px;
	float:left;
}

#main .title, .title{
	background:#f4f5e5;
	text-shadow:none;
	box-shadow:none;
	border:none;
	border-radius:0;
	color:#000;
	font-weight:normal;
	display:block;
	font-size:12px;
	padding:9px 0 10px;
	margin:0;
	float:left;
}

#practice_time .title{
	max-width:65px;
	width:16%;
}

#close_day .title{
	max-width:42px;
	width:24%;
}
#header_r_bottom .in{
	background:#e9eadb;
	padding:9px 0 10px;
	float:left;
	text-align:center;
}

#practice_time .in{
	max-width:320px;
	width:84%;
}

#close_day .in{
	/*width:76%;*/
}

#practice_time{
	float:left;
	max-width:385px;
	width:52%;
}

#close_day{
	float:left;
max-width: 350px;
width: 48%;
}



/*---------
03.ナビゲーション
----------*/

#gnav2{
	max-width:none;
	width:100%;
	/*text-align:start;*/
	background:#d7c6dc;
	padding:0;
}

#gnav2 ul{
	height:14px;
}

nav{
	max-width:1200px;
	margin:0 auto;
	padding:13px 0 14px;
}

#gnav2 ul li{
	background:none;
	height:auto;
	padding:0 0;
	font-size:14px;
}

#gnav2 ul li a{
	padding:0;
	font-weight:normal;
	line-height:normal;
	height:auto;
	width:150px;
	color:#000;
}

#gnav2 ul li:first-child{
	/*width:5%;*/
}

#gnav2 li:first-child a{
	width:auto;
	text-indent:inherit;
	background:none;
}

#gnav2 ul li:last-child{
	/*width:auto;*/
}

#gazou-wide{
	margin:0;
}

#gnav2 ul.sub-menu li a:hover {
	background:#d7c6dc;
}






/*---------
04.サイドバー
----------*/

#side{
	/*max-width:240px;*/
	width:20%;
	/*margin:20px 0 0;*/
	background:#f0f0e1;
	padding:29px 20px 0;
	box-sizing:border-box;
}

#side .sb{
	max-width:200px;
	margin:0 auto 10px;
}

#side .sb img{
	width:100%;
}

#side ul h4{
	background:#cecebf;
	text-align:center;
	border:none;
	padding:9px 0 8px;
	max-width:200px;
	color:#000;
	font-size:14px;
}

#side ul .sidemenu_small_box{
	padding:15px 0;
}

#side ul .sidemenu_small_box li{
	font-size:12px;
	line-height:30px;
	text-align:center;
}



/*---------
05.フッター
----------*/

#page-top a{
	background:#9e8dbb;
}

#page-top a:hover{
	background:#d7c6dc;
}






footer .freemedical_foot{
	background:#f9faea;
	font-size:24px;
	padding:38px 0 40px;
}

#footer_top{
	/*max-width:960px;
	margin:0 auto;*/
}

#footer_top .footer_top_l{
	background:#dfdfd0;
	float:left;
	width:46%;
}

#footer_top .footer_top_l .contents_in{
	max-width:398px;
	margin:0 0 0 auto;
}

#footer_top .footer_top_r{
	background:#eae0be;
	width:54%;
	float:left;
}

#footer_top .footer_top_r .contents_in{
	max-width:562px;
	margin:0;
}

#footer_top h2{
	background:#dfdfd0;
	margin:0 0 0 auto;
	padding:14px 0 12px 28px;
	box-sizing:border-box;
	max-width:398px;
	width:100%;
}

#footer_top h2:before, h2:after{
	content:inherit;
	display:none;
}

#footer_top .tel_box{
	background:#edd8dc;
	max-width:201px;
	width:100%;
	padding:20px 0;
	float:left;
}

#footer_top .tel_box img{
	display:inline-block;
	vertical-align:auto;
}

#footer_top  span{
	font-size:20px;
	padding:0 0 0 10px;
}

#footer_top .reservation{
	background:#eae0be;
	max-width:361px;
	width:100%;
	padding:20px 0;
	float:left;
}

#footer_top .reservation img{
	display:inline-block;
	vertical-align:auto;
}

/*#footer_middle{
	max-width:960px;
	margin:0 auto;
}*/

#footer_m_l{
	padding:20px 0 28px;
	width:50%;
	box-sizing:border-box;
	float:left;
}

#footer_m_l .contents_in{
	max-width:480px;
	width:100%;
	margin:0 0 0 auto;
}

#footer_m_l .address{
	padding:0 0 20px 4px;
	text-align:left;
	font-size:14px;
	line-height:25px;
}

#footer_m_l .time_schedule{
	max-width:453px;
}

#footer_m_l .time_schedule img{
	width:100%;
}

#footer_m_l .time_schedule table{
	max-width:453px;
	width:100%;
	border:1px solid #010101;
	font-family: 'utsukushi';
}

#footer_m_l .time_schedule table tr th{
	border:none;
	box-shadow:none;
	background:#cecebf;
	font-size:14px;
	padding:0;
	line-height:40px;
}

#footer_m_l .time_schedule table tr th.time01{
	width:110px;
}

#footer_m_l .time_schedule table tr td{
	border:none;
	font-size:14px;
	padding:0;
	line-height:40px;
	font-family: 'shingopro-regular';
}

#footer_m_l .time_schedule table tr.color_time td{
	background:#f6f7e6;
}

#footer_m_l .time_schedule table tr td.time02{
	font-family: 'utsukushi';
}











#footer_m_r{
	width:50%;
	float:right;
}

#footer_m_r .map{
	width:100%;
}

#footer_m_r .map iframe{
	height:380px;
	width:100%;
}

#footer_bottom{
	background:#dfdfd0;
	padding:10px 0 26px;
}

#footer_bottom .next_btn{
	text-align:right;
	font-family: 'shingopro-regular';
	padding:0 20px 30px 0;
	box-sizing:border-box;
}

#footer_bottom .footer_text{
	max-width:960px;
	margin:0 auto;
	font-family: 'shingopro-regular';
	padding:0 0 0 26px;
	box-sizing:border-box;
	text-align:start;
}

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

#footer_top .footer_top_l{
 	width:40%;
}

#footer_top .footer_top_r{
	width:60%;
}



}


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

.pcnone{
	display:block;
}


/*---------
02.ヘッダー
----------*/

.sb-toggle-right{
	background:#d7c6dc;
	color:#fff;
}

#header-l{
	float:none;
	max-width:none;
	width:auto;
	padding:15px 0;
}

#header-l h1{
	max-width:none;
	margin:0;
	width:auto;
}




/*---------
03.ナビゲーション
----------*/

nav{
	display:none;
	background:#fff;
}

#s-navi .uehon p.reservation a{
	background:none;
	border:none;
	padding:0;
	width:auto;
	float:none;
}

.sb-slidebar a img{
	margin:0;
	display:inline;
}


#s-navi .uehon p.tel_number{
	margin:0;
	background:#edd8dc;
	padding:14px 0 15px;
	text-align:center;
	width:48%;
}

#s-navi .uehon .tel_number span{
	font-size:18px;
	padding:0 0 0 10px;
}

#s-navi .uehon .reservation span{
	font-size:14px;
	padding:0 0 0 10px;
}

#s-navi .uehon .reservation{
	background:#eae0be;
	padding:15px 0 16px;
	width:48%;
}

.acordion_tree ul.menu li{
	background:#d7c6dc;
}

.acordion_tree ul.menu li li{
	background:#f5eaf8;
}

.acordion_tree ul.menu li a{
	padding:0 0 5px;
}

#s-navi span.ttl{
	font-size:20px;
}


/*---------
05.フッター
----------*/

#footer_top .footer_top_l{
	float:none;
	width:auto;
}

#footer_top .footer_top_l .contents_in{
	max-width:none;
	margin:0;
}

#footer_top .footer_top_r{
	float:none;
	width:auto;
}

#footer_top .footer_top_r .contents_in{
	max-width:none;
}

#footer_top h2{
	float:none;
	max-width:none;
	text-align:center;
	padding:14px 0 12px;
}

#footer_top h2 img{
	margin:0 auto;
	max-width:306px;
	width:100%;
}

#footer_top .tel_box{
	max-width:none;
	width:50%;
}

#footer_top .reservation{
	max-width:none;
	width:50%;
}

#footer_m_l{
	width:auto;
	margin:0 auto;
	float:none;
	padding:20px 0 30px;
}

#footer_m_l .contents_in{
	margin:0 auto;
}

#footer_m_l .address{
	padding:0 10px 20px 50px;
}

#footer_m_l .time_schedule{
	padding:0 0 0 50px;
}

#footer_m_r{
	max-width:none;
	width:auto;
	float:none;
}

#footer_m_r .map{
	max-width:none;
}

#footer_m_r .map iframe{
	max-width:none;
}

#footer_m_r .next_btn{
	text-align:right;
	padding:10px 20px 15px 0;
}

#footer_bottom{
	padding:16px 0;
}

#footer_bottom .footer_text{
	text-align:center;
	padding:0;
}




#footer_nav{
	background:#f0f0e1;
	padding:29px 20px 30px;
	box-sizing:border-box;
}

#footer_nav .sb{
	max-width:200px;
	margin:0 auto 10px;
}

#footer_nav .sb img{
	width:100%;
}

#footer_nav ul h4{
	background:#cecebf;
	text-align:center;
	border:none;
	padding:9px 0 8px;
	max-width:200px;
	margin:0 auto;
	color:#000;
	font-size:14px;
}

#footer_nav ul .sidemenu_small_box{
	padding:15px 0;
}

#footer_nav ul .sidemenu_small_box li{
	font-size:12px;
	line-height:30px;
	text-align:center;
}


}

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

.pc{
	display:none;
}

.sp{
	display:block;
}

/*---------
03.ナビゲーション
----------*/

#s-navi .uehon p.tel_number{
	width:auto;
}

#s-navi .uehon .reservation{
	width:auto;
	margin:10px auto 0;
}

/*---------
05.フッター
----------*/

#footer_top .tel_box{
	float:none;
	width:auto;
}

#footer_top .reservation{
	float:none;
	width:auto;
}

#footer_m_l .address{
	max-width:366px;
	margin:0 auto;
	padding:0 0 20px;
}

#footer_m_l .time_schedule{
	padding:0;
	margin:0 auto;
}

#footer_m_r .map iframe{
	height:280px;
}

#footer_bottom .footer_text{
	line-height:19px;
}




}