@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

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


/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/

html{
	overflow-y: scroll;
	overflow-x: hidden;
}

html,body{
	width: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

textarea,input{ max-width: 95%; }

input[type="submit"],input[type="image"],
input[type="reset"],input[type="button"],
input[type="file"]{ max-width: none; }


/*●画像サイズの調整*/
img {
	max-width: 100%;
	height: auto;
	float:none !important;
	text-align:center !important;
	}

.fl,
.fr,
.photo_left,
.photo_right,
.photo,
.photo_img{
	float:none;
	width:100% ;
	height: auto;
	padding:0 !important;
	margin:8px;
	border:none !important;
	text-align:center;
}

/*--------------------------------------------------------
エリアの設定
--------------------------------------------------------*/

#wrapper{
	padding-top: 0;
}


/*--------------------------------------------------------
トップ
--------------------------------------------------------*/

#top-menu{
	float: none;
}

#top-menu li{
	text-align: left;
	display: block;
}

.picup_photo{width:23%;}
.picup_title{font-size:0.9em; line-height:1.5em;}
.picup_lead{display:none !important; font-size:0.76em; line-height:1.5em;}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
#header{background:none; width:100%;}
/*●ヘッダの回り込み解除*/
#header,
#header #logo,
#header #side_shop,
#header #side_tel{
	float: none;
	width: 100%;
	padding:0;
	text-align:center;
}
#navi,
#main-contents,
#main-contents #main,
#main-contents #side,
#footer{
	float: none;
	width: 100%;
	height:auto;
	padding:0;
}
#header_word{padding:10px 0 !important;}
#header #logo{padding:10px 0 !important;}
#header #logo img{ width:80%;}
#side_shop,
#side_tel{padding:5px 0 !important;}
#side_tel img{ width:55%;}


/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/
#navi{margin:0;}
#navi #navi_btn { display:block;
background-image:
url(../../img/navi_arrow.gif),
linear-gradient(180deg,rgb(255,255,255) 0%,rgb(236,236,236) 62%,rgb(255,255,255) 100%);
background-repeat:no-repeat, no-repeat;
background-position: 98% 50%, 0% 0%;
display:block; padding:18px 4% 18px 2%; font-size:16px;
width:94%;
border-bottom:#74a92d 5px solid;
border-top:#eee 1px solid;
font-weight:bold;
}

#navi ul{display:none;}

#navi ul li{ float:none; display:block; width:100%; position:static !important;}
#navi ul li a{ width:auto !important; float:none; text-align:left; padding-left:35px; border-bottom:1px solid #eee; background:url(../../img/link_arrow.gif) no-repeat 10px 50%; }
#navi ul li a:hover{ border-bottom:1px solid #eee;}
#navi ul li ul{position:inherit !important; width:100%; top:inherit !important; left:inherit !important;}
#navi ul li ul li a{background:url(../../img/side_link.gif) no-repeat 20px 50%; display:block !important;}


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/
#top_main { padding:0 0 5px 0; height:100%; margin-bottom:20px;}
#in_main{width:100% !important;}
#in_main #in_main_img{display:none;}
#in_main #in_main_wrp{width:100% !important; float:none;}
#in_main #in_main_wrp #in_main_title{font-size:20px !important; margin:2% 0 2% 2% !important; padding:0.5% 0 0.5% 2% !important;  font-weight:bold;}
#top_main #main_img{width:100% !important; margin:0 auto;}
#top_main #main_img img{border:none !important;}
.bx-viewport { left:auto !important; border:none !important;}
.bx-pager{bottom:-20px !important;} 
#main_img_list li{  border:3px solid #fff !important;}
#main-image .catch-copy{ font-size: 1.4em; }

.box{margin:0 0px 20px 0px;}
.detail_box{padding:0 10px;}
#access{margin:0 auto /*width:100%*/; text-align:center;}

/*--------------------------------------------------------
TOP
--------------------------------------------------------*/
.top_profile_img{display:none;}
#top_contents li {float:none; display:block; width:auto !important; display:block; margin:0 0 10px 0;}
#top_contents li img{width:100%;}
#top_contents li.no_li{float:none; margin:0 0 10px 0;}
/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

/*●最新情報の回り込みを解除*/
#main-contents dl.news dt,
#main-contents dl.news dd.cat,
#main-contents dl.dl-style01 dt{ float: none; }
#main-contents dl.dl-style01-1 dt{ float: none; }

#main-contents dl.news dt{ margin-bottom: 0.4em; }

#main-contents dl.news dt,
#main-contents dl.dl-style01 dt{
	padding-right: 1em;
	padding-left: 1em;
}
#main-contents dl.dl-style01-1 dt{
	padding-right: 1em;
	padding-left: 1em;
}

#main-contents dl.news dd.cat{
	display: inline-block;
	width: auto;
	margin: 0 1em 0.5em;
	padding: 0.3em 1em;
}

#main-contents dl.news dd,
#main-contents dl.dl-style01 dd{ 
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 1em;
}

#main-contents dl.dl-style01-1 dd{ 
	margin: 0 0 10px 0;
	padding: 0 1em 0.8em 1em;
}




/*●Tableをブロック表示に*/
#main-contents .table-style01,
#main-contents .table-style01 thead,
#main-contents .table-style01 tbody,
#main-contents .table-style01 tfoot,
#main-contents .table-style01 tr,
#main-contents .table-style01 th,
#main-contents .table-style01 td{ display: block; }

#main-contents .table-style01 th,
#main-contents .table-style01 td{
	float: left;
	width: 100%!important;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
}

#main-contents .table-style01{ /zoom : 1; }
#main-contents .table-style01:after{ content : ''; display : block; clear : both; height:0; }

.box-wrap .box-l,
.box-wrap .box-r{
	float: none;
	width: 100%;
}


/*Youtube動画*/
#main-contents .v-wrap{
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
}

#main-contents .v-wrap iframe,
#main-contents .v-wrap object,
#main-contents .v-wrap embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*治療例 ボックス*/
.ex-box{
	float:none;
	margin:0 auto;
}

.ex_arrow{
	display:none !important;
}


/*  治療の流れページ
-----------------------------------------------------------------------------*/
.flow_l{
	float:none !important;
	text-align:center;
	border:none !important;
}

.flow_r{
	float:none !important;
	width:90%;
	margin:5px 5%;

}


/*--------------------------------------------------------
患者様の声ページ
--------------------------------------------------------*/
.voice_image{
	float: none;
	text-align: center!important;
	/*margin: 0 auto 8px !important;*/
	max-width: 100%; 
    height:auto;
	margin-right:0 !important;
	border:none !important;
}

/*  院案内ページ
-----------------------------------------------------------------------------*/


.staff{
	float:left;
	width:45%;
	margin:5px;
}



/*--------------------------------------------------------
サブコンテンツ / サイドバー
--------------------------------------------------------*/

#side_access img{width:100%;}
#side .side_banner li{background:none; width:43%; margin:30px 1% 1% 1%; text-align:center; float:left; padding:1.5% !important;}
#side .side_banner li img{width:100%;}


/*折り畳み*/
#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn{
	display: block;
	margin-bottom: 1em;
	padding: 0.5em;
	padding-left: 2.5em!important;
	border-bottom: 2px solid #7ca41e;
	background: url(../images/icon/icon-arrow07.png) 1em center no-repeat #b3d465;
	color: #fff;
	cursor: pointer;
}

.sub-column #sub-contents-in,
.sub-column #sidebar-in{ display: none; }

.sub-column .showSubConts,
.sub-column .showSidebar{
	display: block!important;
}

.col1 .sub-column .ranking .item-img,
.col2 #sub-contents .ranking .item-img,
.col2r #sub-contents .ranking .item-img,
.col1 .sub-column .profile-img,
.col2 #sub-contents .profile-img,
.col2r #sub-contents .profile-img{
	float: none;
	padding-right: 0;
}

.col1 .sub-column .banner li,
.col2 #sub-contents .banner li,
.col2r #sub-contents .banner li{
	display: block;
	margin-right: 0;
}

.sub-column dl.search-box{ width: 100%; }

.sub-column dl.search-box dt{
	margin-right: 0;
	margin-bottom: 0.4em;;
	width: 100%;
}

.sub-column dl.search-box dt,
.sub-column dl.search-box dd{ float: none; }


/*--------------------------------------------------------
診療案内ページ
--------------------------------------------------------*/
.shinryo_name{
	font-size:0.7em;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
#pc_footer{display:none;}
#sp_footer{display:block !important; background:#FFF; padding:15px 0;}
.page_top{width:100% !important;}

/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	right: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.page-top a{
	display: block;
	border: 0;
	border-top: 1px solid #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.page-top a:link,
.page-top a:visited,
.page-top a:hover,
.page-top a:active{
	background: url(../images/common/bg-pagetop.gif) 14px center no-repeat #59493f;
	color: #fff;
}

.page-top:not(\*|*){ position: static; }/* Opera9以下 */

}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */


/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/