/* ### レイアウト ### */

html {
	font-size: 13px;
}



body {
	margin-right: 10px;
	margin-left: 10px;
}


/* header */


header {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border:none;
	height: auto;
	padding-bottom:1em;
}


header h1 {
	float: none;
	margin-top: 10px;
	text-align: center;
	font-weight: normal;
	font-size: 13px;
}

header h1 img {
	width:55%;
	float: none;
	margin-right: 0px;
	line-height: 0;
}

header h1 p {
	line-height: 1.5em;
	padding-top: 0px;
}

.header-txt {
	float: none;
}

.wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


header div#headerMenu {
	float: none;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	font-size: 80%;
}	


/*スライダー*/

#slide-nav {
	padding-bottom: 10px;
}


.bx-wrapper .bx-pager.bx-default-pager a {
	margin-right: 15px!important;
	margin-left: 15px!important;
}


.bx-wrapper .bx-controls-direction a {
	display:none;
	top: 125%!important;
	width: 20px;
	height: 20px;

}



/*ぱんくず*/
#breadlist {
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.8;
}


/*コンテンツエリア*/


#main {
	width: 100%;
	margin-right: auto;
	margin-left: auto;

	clear: both;

}

#main-nav {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 0px;

}


#contentMain {
	float:none;
	width: 100%;
	padding-bottom: 0px;
	line-height: 1.3em;
	clear: both;
}


/*コンテンツエリア MT */

.mainConts {
	float:none;
	width: 100%;
}



/* サイドエリア */


#sidebar {
	float:none;
	width: 100%;
	margin-bottom: 0px;
}

#sidebar #breadlist {
	display:block;
}



.float-l-sp {
	width:46%;
	float:left;
	padding-top:10px!important;
	padding-right: 5px;
	padding-left: 5px;
}



.sns-list {
	border:none;
	padding: 0px;
}

.side-clinic-info {
	margin-bottom: 0px;
	margin-top: 20px;
	font-size: 100%;
}


.side-price-discount {
	background-color:#E74C3C;
	text-align: center;
}

.side-price-discount a {display:block;}
.side-price-discount img {width:60%;}

.side-price {
	margin-top:10px;
	background-color:#297FB8;
	text-align: center;
}

.side-10year {
	margin-top:10px;
	background-color:#278037;
	text-align: center;
}

.side-price a {display:block;}
.side-price img {width:60%;}

.side-example {
	margin-top:10px;
	background-color:#16A086;
	text-align: center;
}
.side-example a {display:block;}
.side-example  img {width:60%;}


/* サイドエリア MT */

.sideConts {
	float: none;
	width: 100%;
}




/* フッター */


footer {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: -10px;
}


#footer-wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
}

.footer-info {
	width: 100%;
	float: none;
	margin-bottom: 10px;
	text-align: center;
}

.footer-info img{

}


.footer-contact {
	float: none;
	padding-right: 0px;


}


.footer-menu {
	clear:both;
	float: none;
	padding-left: 0.5em;
	padding-bottom: 20px;


}

.footer-menu ul {
	font-size: 100%;
	line-height: 1.3em;
}


/* ### スマホのみ表示 ### */
.sp-info-box {
	font-size: 100%;
	color: #000000;
	line-height: 1.5;
	font-weight: normal;

	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;     /* 枠線の装飾 */
	background-color: #ffffff;
	padding: 10px;
	display: block;
	border: 2px solid #1B5825;
	margin-bottom: 20px;
}

/* ### スマホのみ表示 ヘッダーTEL ### */
.sp-header-tel {
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;     /* 枠線の装飾 */
	padding: 5px;
	color: #000000;
	text-align: center;
	background-color: #E9F8EC;
	margin-top: 0.5em;
	line-height: 1.8em;
	border: 1px solid #278037;
}


/* グローバルナビ レスポンシブ */

#globalNavi-rps {
	margin-bottom: 0px;


}

/* Flexnav Base Styles */

  ul.flexnav  {
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;     /* 枠線の装飾 */
	border:1px solid #CCCCCC;
	margin-bottom: 2em;
  } 



  .flexnav li {
	width: 100%!important;
	font-size: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	}

  .flexnav li:last-child {
border-bottom:none;
	}


  .flexnav li ul li a {
	background-color:rgba(39,128,55,1);
	padding-top: 1.2em;
	padding-right: 0.8em;
	padding-bottom: 1.2em;
	padding-left: 0.8em;
}




/* トップ　このような症状の方が来院されています */
.symptom-list li {
	width: 50%;
	border:none;
}

.sp-symptom-list-height {min-height:30px;}

.table-symptom td {
text-align:center;
}


.table-symptom td a {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


.table-symptom td img {
	float:none;
	clear:both;
	vertical-align: middle;
}


/* トップ　メニュー */

.menu-list ul {

	font-size: 100%;
	line-height: 1.4em;
	margin-left: 0px;
}

.menu-list li {
	float: none;
	padding-bottom: 20px;
	width: 100%;
	padding-left: 0px;
	text-align: center;
}

.menu-list li p {margin-top:10px;}
.menu-list li img {margin-bottom:10px;max-width:80%;}


/* トップ　関連サイト */
.link-list {


}

.link-list ul {
	list-style:none;
	line-height: 1.4em;
	font-size: 100%;
}

.link-list li {
	width: 50%;
	float: left;
	border:none;

}

.link-list li img{
width:60%;
}


/*見出し*/

.lead-txt {
	font-size: 150%;
	color: #333333;
	line-height: 1.4em;
	font-weight: normal;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);

}




/*お知らせ
---------------------------------------------------- */

.newsmenu {	font-size: 100%;}


.newsmenu dl {
	clear: both;
	line-height: 1.3em;
}

.newsmenu dt {
	color: #666666;
	float: none;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 90%;
	font-weight: bold;
	clear: both;
}

.newsmenu dt img {
	margin-left: 10px;
	vertical-align: middle;

}

.newsmenu dd {
	padding-bottom: 10px;
	padding-left: 0em;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}


/*2ndメニュー************************ */


#Lnavi{
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;
	border: 1px solid #CCCCCC;
	padding: 10px;
}

#Lnavi ul{ border:none; }

#Lnavi ul li{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCCCCC;}

#Lnavi ul li:last-child{border:none;}


/*見出し*/

.main-title-first {
	background-size:100% auto; 
	height: 100px;
	width: 100%;
}


.main-title-about-chiro {
	background-size:100% auto; 
	height: 100px;
	width: 100%;
}

.main-title-about-clinic {
	background-size:100% auto; 
	height: 100px;
	width: 100%;
}


.main-title-treatment-menu {
	background-size:100% auto; 
	height: 100px;
	width: 100%;
}




.main-title-txt {
	font-size: 200%;
/*	font-family: "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif; */
	color: #FFFFFF;
	padding-top: 65px;
	padding-left: 10px;
	text-shadow: 1px 1px 3px #000000;

}

.menu-title {
	font-size: 140%;
	display: inline;
}




.main-title-txt-2nd {
	height: 60px;
	font-size: 200%;
	color: #FFFFFF;
	padding-top: 40px;
	padding-left: 10px;
}


.main-title-2nd {
	background-size:100% auto; 
	height: 100px;
	width: 100%;
	background-position: 0px 0px;
}



.main-title-2nd-about {
	background-size:100% auto; 
	height: 100px;
	width: 100%;
	background-position: 0px 0px;
}

.main-title-2nd-chiro {
	background-size:100% auto; 
	height: 100px;
	width: 100%;
	background-position: 0px 0px;
}

.main-title-2nd-treatment {
	background-size:100% auto; 
	height: 100px;
	width: 100%;
	background-position: 0px 0px;
}

.main-title-2nd-other {
	background-size:100% auto; 
	height: 100px;
	width: 100%;
	background-position: 0px 0px;
}





/*回り込み*/
.float-r-03 {
	float: none;
	clear: both;
	text-align: center;
	width: 100%;

}

.float-l-02 {
	float: none;
	margin-bottom:10px;
	clear: both;
	text-align: center;
}


.float-r-02 {
	margin-top:-20px;
	float: none;
	width: 100%;
}

.float-l-03 {
	float: none;
	margin-right:0px;
	margin-bottom:20px;
	text-align: center;
}


/*角丸枠*/
div.exp-round-link {
	margin-right: 1em;
	margin-left: 1em;
}



/* 院内風景
---------------------------------------------------- */

.facluty-box {
	float: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 20px;
}


.facluty-box .txt-sml {
font-size:100%;
}



/* スタッフ紹介
---------------------------------------------------- */

.table-staff img {
	float:none;
	margin-right: 0px;
	display:block;
	text-align:center;
	margin-bottom:15px;
}


.table-staff-nav img {
	float:none;
	margin-right: 0px;
	display: block;

}

.staff-position-p {
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom:0px;
}

.staff-position {background-image:url(../../about_clinic/images/staff/pic_shibata_figure_sp.jpg);}
.staff-position2 {background-image:url(../../about_clinic/images/staff/pic_wada_figure_sp.jpg);}

.staff-pic-face {
	margin-bottom: 10px;
	float: none;
	clear:both;
	text-align: center;
}

.staff-position3 img {
	float: none;
}

.staff-position-p2 {
	padding-top: 10px;
	float:none;
	clear:both;
	width: 100%;
}




/* 治療院情報
---------------------------------------------------- */

.service-menu-icon li {
	border: 3px solid #ffffff;     /* 枠線の装飾 */
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	width: 80px;
	height:40px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 5px;
	display: table-cell;
	float:left;
}


.sp-google-calendar {
width:100%!important;
}




.table-clinic {
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.table-clinic th {
	display:block;
	border-collapse: collapse;
	font-weight: normal;
	border-right-style: none;
	background-color: #E9F8EC;
	text-align: left;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;
}

.table-clinic td {
	display:block;
	border-collapse: collapse;
	line-height: 1.4;
	font-size: 90%;
	padding: 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
}



/* 治療メニュー
---------------------------------------------------- */
 

.profile-txt {
	position:relative;
	left: 0px;
	top: 0px;
	width: 100%;
	background-color:#003300\9; /* IE8以下に適応 \9 */
	background-color:rgba(39,128,55,0.8);
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;         /* CSS3 */
	padding: 0px;
	color: #FFFFFF;
	font-size: 13px;
	clear: both;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}

.profile-txt-space-sp-tb {
	padding: 10px;
}



/* 会社概要
---------------------------------------------------- */

.table-company {
	border-collapse: collapse;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.table-company th {
	border-collapse: collapse;
	font-weight: normal;
	border-right-style: solid;
	background-color: #E9F8EC;
	text-align: left;
	border-top-style: none;
	border-left-style: solid;
	padding: 5px;
	display: block;
	border-bottom-style: none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #999999;
	border-left-color: #999999;
}

.table-company td {
	border-collapse: collapse;
	line-height: 1.4;
	font-size: 90%;
	padding: 5px;
	display: block;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}


/*-------------------------------------------------- */
/* サイトマップ
---------------------------------------------------- */

.link-sitemap {
	float: none;
	width: 100%;
}




/* 患者さまの声
---------------------------------------------------- */


.voice-position {
	padding-top: 10px;
	float: none;
	width: 100%;
}


.voice-patient-pic {
	float: none;
	width: 100%;
	text-align: center;
}

.float-l-dr {
	float: none;
	padding-right: 0px;
	width: 100%;
	clear: both;
	text-align: center;
}


/* フォーム
---------------------------------------------------- */

.table-form {
	border-collapse: collapse;
	font-size: 90%;
	line-height: 1.6;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-style: none;
}

.table-form th {
	border-collapse: collapse;
	font-weight: normal;
	background-color: #E9F8EC;
	text-align: left;
	padding: 8px;
	display: block;
	width:auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.table-form td {
	border-collapse: collapse;
	font-size: 90%;
	padding: 8px;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: 1;
}


/*-------------------------------------------------- */
/* 症状カルテ
---------------------------------------------------- */

/* ### プルダウンメニュー tinynav.js ### */

.tinynav {
	display: block;
	clear: both;
	width:92%;
	margin-right: auto;
	margin-left: auto;
	font-size:16px!important;
	background:#fff!important;
}


#nav-karte { display: none }

#nav-select {
	display:block;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;
	background-color:#278037;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	clear: both;
	margin-bottom: 20px;

	float: none;
}


ul.karte-list li {
	float:left;
	margin-right:0px;
	margin-top:20px;
	width:auto;
}


/*-------------------------------------------------- */
/* 開院10周年
---------------------------------------------------- */

ul.ten-year-list {
	margin-left:0%;
}

ul.ten-year-list li {


	border:#1C5926 solid 1px;

	float:none;
	margin-left:0%;
	width:100%;
	padding:0.5em;
	margin-bottom:5%;
	
}

ul.ten-year-list li p{
	min-height:15px;
}


/* スマホのみモーダルウィンドウ
---------------------------------------------------- */
#open01
{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	z-index: 10000;	
}

.close_overlay {
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.5;
	z-index: 5;
}

.modal_window {
	top: 15%;
	left: 5%;
	width: 90%;
	text-align: center;
	display: block;
	position: absolute;
	z-index: 10;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


.modal_window p {
/*
	padding: 0 15px 15px 15px;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
*/
}


.sp-header-btn {
display:block;
float:right;
width:35%;
}




/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
	0% {opacity:0;display:block;}
	100% {opacity:1;}
}
div#modal div:target {
	-webkit-animation-name: modalFadeIn; 
  	-webkit-animation-duration: 1s;
  	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display:block;
}


/* --------------------------------------------------------------- */


/* ### 画像 ### */
img	{max-width: 100%;
	height: auto;}


/* ### テキスト置換 ### */

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


	
/* ### スマホ表示専用 ### */


.sp-round-box {
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;     /* 枠線の装飾 */
	border: 1px solid #cccccc;
	margin: 5px;
	min-height:100px;
}

.sp-display-non {
display:none;
}

.sp-fc {
float:none!important;
clear:both!important;
}

.sp-fc2 {
float:none!important;
clear:both!important;
display:block;
margin:0 auto 10px!important;
}

.sp-txt-sml {
font-size:12px!important;
}

.sp-txt-sml-14 {
font-size:14px!important;
}

.sp-img-width-80 {
width:80%;
}

.sp_mgnl0{
	margin-left:0!important;}

.sp-br {
clear:both;
display:block;
}

.sp-center {
text-align:center;
}

.pc-display-non {
display:block;
}


/*　　アンカー
----------------------------------------------------------*/

.anchor {
	margin-top:0px;
	padding-top:0px;
}



/* Page Top */

#pageTop {
	position:fixed;
	bottom:20px;
	right:20px;

	width:50px;
	height:50px;
	

	
	}

* html #pageTop {
	display: none;
	float: right;
	width:50px;
	height:50px;
	}


/* バナー表示 */

#footer-bnr {
	display: block;
	position:fixed;
	bottom:20px;
	left:10px;
	text-align:left;
	float:left;
	z-index:999999;

}


* html #footer-bnr {
	display: block;

	}

#footer-bnr img{
	width:65%;
	height:auto;
 }
 
 .bnr_10_close {
 	width:8%!Important;
 }
 
 
 body.ten-year #footer-bnr{
 	display:none;
 }
 
 
.letter_box{
	padding: 20px 20px;}
.letter_box h3{
	font-size:130%;}