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

/*たぐちクリニックCSS*/
/*リセットcss*/
* {
	margin:0;
    padding:0;
    border:0;
}
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#333;
    font-size:16px;
    line-height:1.8;/*行間*/
    background:url(../img/bg_body.jpg);
    background-repeat:no-repeat;
    background-size:100% auto;
    
}
  


/*ヘッダー開始*/

#header {
	width:100%;
    height:160px;
    background:#fff;
    border-bottom:10px solid #1EAC1A;
  
}
#header_inner{
    width:98%;
    max-width:1000px;
    margin:0 auto;
}
#header_left{
	float:left;
    
}
#header_right{
    float:right;
    padding-right:20px;
    
}
#header_left img {  
width:310px;
    margin:5px 0 7px;
}
#header_left span,
#footer_right span.green {
    display:block;
    background:#1EAC1A;
    color:#fff;
    text-align:center;
    font-size:13px;
    border-radius:15px;
    width:310px;
    margin-bottom:3px;
}
#header_left p{
    font-size:14px;
    color:#1EAC1A;
}
.contact{
    color:#1EAC1A;
    border:solid 1px #1EAC1A;
    background:#fff;
    padding:5px 20px;
    border-radius:5px;
    font-weight:bold;
    width:220px;
    text-align:center;
    margin-top:5px;
    
}
.tel a{
    text-decoration:none;
    color:#1EAC1A;
    font-weight:bold;
    font-size:24px;
}
.time{
    font-size:13px;
    color:#1EAC1A;
}
.sp_tel{
	display:none;
    

}
@media (max-width: 1000px) {
	#header_left p{
		display:none;
	  }
	.time{
		display:none;
	}
	#footer_right span.green{
		display:none;
}
}
@media (max-width: 768px) {
	#header_left img {
	   width:200px; 
	}
	#header_left span {
		font-size:11px;
	    width:210px;
	}
#header {
		height: 100px;
		border-bottom: 5px solid #1EAC1A;
    }
.contact{
		margin-top: 15px;	
}
}
@media (max-width: 640px) {
	.contact{
	    font-size:14px;
	    padding: 5px 0;
		width: 175px;
	    margin-top: 23px;
	}
.tel a{
	font-size: 19px;	
	}
}
@media (max-width: 480px) {
	#header_left span {
	display:none;
	}
	#header_left img{
	    width: 173px;
	}
	.sp_tel{display:block;
	}
	.contact{
	display:none;
	}	
	.tel a .tel_txt{
	display:none;
	}  
	.tel a img {width:50px;
	    margin-top:5px;
	} 
	#header {
		height:60px;
	    border-bottom: 2px solid #1EAC1A;
	}
}

/*ヘッダー終了*/
/*コンテンツ開始*/
#contents{
    width:100%;
    max-width:1000px;
    background:#fff;
    margin:0 auto;
    
}
#left_box{
    width:210px;
    float:left;
    padding:20px;
    box-sizing:border-box;
    
}
#menu li{
    list-style:none;
    margin-bottom:9px;
}
#menu li a{
    text-decoration:none;
    color:#fff;
    background:#1EAC1A;
    display:block;
    width:100%;
    text-align:center;
    padding:15px 0;
    border-radius:10px;
    
}
#right_box{
	width:770px;
    float:right;
    padding:20px 20px 20px 0;
    
    
}
.main{
	width:100%;
    text-align:center; 
    margin:0 0 20px;  
}
.main img {
    width:100%;
}
.layout{
	width:100%;
    box-sizing:border-box;
    border:1px solid #8B6;
    padding-bottom:50px;
    margin:0 0 50px;
    
}
.layout h2.ttl {
    color:#44801C;
    border-bottom:5px solid #8B6;
    font-size:20px;
    padding:0px 0 0 30px;
    height:39px;
    width:100%;
    box-sizing:border-box;
    background:url(../img/bg_ttl2.jpg);
    background-size:100% auto;
    margin:0 0 50px;
}
.info {
    margin:0 auto 20px;
    width:96%;
    max-width:700px;
}
.info th {
	display:block;
    width:100%;
    box-sizing:border-box;
    text-align:left;
    font-weight:bold;
    padding:15px 0 0;
    
    
}
.info td {
	display:block;
    width:100%;
    box-sizing:border-box;
    text-align:left;
    padding:5px 0 15px 1em;
    border-bottom:1px dotted #1FB822;
    
}
.info td .textred{
    color:#f00;
}
.info_01{
    margin-top:10px;
}
.text_r{
	text-align:right;
    padding:0 30px 0 0;
    
    
}
.kamoku{
    width:100%;
    text-align:center;  
}
.kamoku span{
    display:inline-block;
    padding:10px 20px;
    text-align:center;
    background:#f0e68c;
    margin:0 15px;
    font-size:22px;
    font-weight:bold;
    box-shadow:5px 7px 9px -1px #ddd;
    
   
}
.tbl_time {
    width:96%;
    max-width:690px;
    margin:0 auto;
    box-sizing:border-box;
    border-collapse:collapse;
    border-left:1px solid #aaa;
   	border-top:1px solid #aaa;
    
    
}
.tbl_time tr th {
	width:12%;
    text-align:center;
    background:#eee;
    padding:12px 0;
    height:35px;
    border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;
    
    
}
.tbl_time tr th.zikan {
    width:28%;
}

.tbl_time td {
	text-align:center;
    line-height:1.3em;
    padding:12px 0;
    height:35px;
     border-bottom:1px solid #aaa;
    border-right:1px solid #aaa;
    
    
}
.tbl_time td.tdtime{
    font-weight:bold;
    background:#eee;
    
}
.tbl_time .atention{
	color:#f00;  
	letter-spacing:0;
    font-size:14px;

}
.kyuusinn{
	width:96%;
    max-width:690px;
    margin:10px auto 0;
    text-align:left;
    background:url(../img/bg_clover.png);
    background-repeat:no-repeat;
    background-position:bottom right;
	background-size: auto 100%;
	padding-bottom: 25px;
    
   	
}
.tbl_atention{
    width:96%;
    max-width:690px;
    margin:15px auto 0;
    color:#333;
}
	
.access{
    width:96%;
    max-width:690px;
    margin:0 auto;
    
}
.adress{
	width:100%;  
    margin-bottom:40px;
}
.adress th{
	text-align:left;
    border-bottom:1px dotted #1EAC1A;
    padding:10px 0 10px 10px;
}
.adress td{
    padding:10px 0 10px 20px;
    border-bottom:1px dotted #1EAC1A;
}
.map{
	width:90%;   
	margin:0 auto 40px;        
}
.map img{
    width:100%;
}
.map2{
    width:96%;
    max-width:690px;
    margin:0 auto;
}
.map2 iframe {
    width:100%;
    height:450px;
}


/*コンテンツ終了*/

/*------------------------------------------------------------
サブページ
------------------------------------------------------------*/
 /*心療案内*/
.ttl_02 {
color: #44801C;
    border-bottom: 5px solid #8B6;
    font-size:20px;
    padding:13px 0 0 30px;
    height:60px;
    width:100%;
    box-sizing:border-box;
    background:url(../img/bg_ttl2.jpg);
    background-size:100% auto;
    margin:0 0 30px;  
}
.maintxt{
	width:94%;
    margin:0 auto 30px;
    padding-bottom:65px;
    font-size:15px;
    background:url(../img/clinic-02.png);
    background-position:bottom right;
	background-size:auto 100%;
    background-repeat:no-repeat;
    
}

.sub_layout{
	width:96%; 
    margin:0 auto 30px;   
}
.sub_ttl{
	color:#1FB822;
    border-bottom:2px dotted #1FB822;
    border-top:2px dotted #1FB822;
    font-size:18px;
    padding:3px 0 2px 30px;
    width:100%;
    box-sizing:border-box;
    background:#F0FCD4;
    margin:0 0 30px;     
}
.tbl_clinic{
    width:90%;
    max-width:500px;
    margin:0 auto;
    border:none;
}
.tbl_clinic th{
    font-weight:normal;
    text-align:left;
    width:110px;
    
    
}
 /*心療案内終了*/

 /*Q&A開始*/

.answer{
	text-indent:-1.5em;
    padding-left:2.5em;
    padding-right:1em;
    
}

.answer .txt_blue{
    color:#09F;
    font-weight:bold;
    
}
 /*Q&A終了*/

 /*アクセス開始*/

.tbl_access{
    width:90%;
    margin:0 auto 30px;
}

.tbl_access th{
    font-weight:normal;
    text-align:left;
    width:130px;   
}
.tizu{
	width:100%;
    text-align:center;
    
}
.tizu img{
    width:90%;
	margin-bottom:20px;
}
.route_area{
    width:100%;
}
.route{
    width:48%;
    margin:0 1% 30px;
    float:left;
    
}
.route img{
    width:100%;
}
.route p {
    border:1px solid #1FB822;
    margin-bottom:10px;
    padding:5px;
    font-size:15px;
    border-radius:10px;
    
}

 /*アクセス終了*/

 /*リンク開始*/
.tbl_link {
	margin:0 auto;	
}

.tbl_link th {
   text-align:left;
   font-weight:normal;
   padding:10px 30px 10px 0;     
}
.tbl_link td a {
    color:#000;
}
 /*リンク終了*/

/*フッター開始*/
#footer{
	width:100%;
    background:#fff;
    border-top:10px solid #1EAC1A;
   padding-bottom:20px;
}
.footer_inner {
   width:1000px;
    margin:0 auto;     
}
#footer_left{
    float:left;
    margin-top:50px;
}
#footer_left img {  
width:310px;
    margin:5px 0 7px;
}
#footer_left span{
    display:block;
    background:#1EAC1A;
    color:#fff;
    text-align:center;
    font-size:13px;
    border-radius:15px;
    width:310px;
    margin-bottom:3px;
}
#footer_left p{
    font-size:14px;
    color:#1EAC1A;
}
#footer_right{
    float:right;
    padding-right:20px;
}
#footer_menu{
    margin:30px 0 20px;
}
#footer_menu li{
    list-style:none;
    float:left; 
      
}
#footer_menu li a{
    text-decoration:none;
    display:inline-block;
    text-align:center;
    color:#000;
    padding:0 15px;
    border-right:2px solid #999;
    height:22px;
    line-height:1.2em;

}
#footer_menu li a.first{
	border-left:2px solid #999;    
}
 /*フッター終了*/




/*スマホ用*/
@media (max-width: 1000px) {
	#contents {
	    width:100%;
	}	
#left_box {
		width:100%;
	    float:none;
	    margin:0 auto;
	    padding:0;
	}
	#right_box {
		width:100%;
	    float:none;
	    margin:0 auto;
	    padding:0;
	}
.footer_inner {
		width:100%;
    }
	#footer_left {
		display:none;   
}
	#footer_right {
		float:none;
   		 margin:0 auto;
	    padding-right:0;
	    text-align:center;
	    }
	#footer_left img{
	    display:none;
	}
	#footer_menu li{
		float:none;
	    display:inline-block;
	        

	}

/*スマホのtop*/
.layout{
		width:96%;
	    margin:0 auto 50px;	    
	}

/*スマホのリンク用*/

	#menu {
		margin:10px 0;
	}
	#menu li {
		width:19%;
	    float:left;
	    margin:0 0.5%;
	}
}


@media (max-width: 768px) {

	/*スマホのtop*/

.layout h2.ttl{
		margin-bottom:20px;
    }
	.adress{
	    margin:0 auto 20px;    
	}
	.route p{
		font-size:14px;
}
}
@media (max-width: 640px) {
	#menu li {
		font-size:15px;
	    }
		.tbl_link {
			margin-bottom:30px;
		    }
		
		.tbl_link th {
			width:100%;
			display:block;
			box-sizing:border-box;
		    padding-bottom:0;
		}
	.tbl_link td {
			width:100%;
			display:block;
			box-sizing:border-box;
			padding-bottom:20px;
		}
	#footer_menu li a {
		padding:0 11px;
	}
	/*スマホのtop*/
	.kamoku span{
		font-size:17px;
	    margin:0 7px;
	}
	.tbl_access th{
		width:85px;
}
	.route p{
		height:55px;		
}
	.route img{
		max-width:230px;
}
	.adress th{
		padding:10px 0;
	    font-size:15px;
	    width:80px;
}
	.adress td{
		font-size:15px;
}
}
@media (max-width: 480px) {
	.tbl_time td.tdtime{
		font-size:14px;
	}
	.tbl_time td{
		font-size:14px;

	}
	.tbl_access{
		font-size:14px;
	    }
	
	.tbl_access th{
		display:block;
		width:100%;
	    text-align:center;
	    border-top:1px solid #999;
	    border-bottom:1px solid #999;
	    
}
.tbl_access td{
		display:block;
		width:100%;
    	text-align:center;
    	padding:10px 0;
}
	.route{
		float:none;
	    width:90%;
	    margin:0 auto 30px;
	    text-align:center;
	    
}
	.route p{
		height:auto;
}
	.tbl_link{
		font-size:14px;
}
	.kyuusinn{
		background:url(../img/bg_clover.png);
    	background-repeat:no-repeat;
    	background-position:bottom right;
		background-size: auto 75%;
	}
}
@media (max-width: 414px) {
	#menu li {
		font-size:14px;
	    }
	.tbl_link td {
		font-size:13px;  
	}
	#footer_menu li a{
		font-size:11px;
}
	#footer_right p{
		font-size:13px;	
	}
	.tbl_atention{
	    font-size:14px;
	    
	}

/*スマホのtop*/
	.info {font-size:14px;
	}
	.kamoku span {
		display:block;
	    width:180px;
	    margin:0 auto 20px;    
	}
	.layout{
		padding-bottom:8px;		
	}	
	.tbl_time{
		font-size:12px;
	}
	.tbl_time td.tdtime {
		font-size:12px;
	}
	.tbl_time td{
		font-size:12px;
	}
	.tbl_time tr th{
		padding:3px 0;
	}	
	.kyuusinn{
		font-size:14px;
	    padding-bottom:30px;
	    background:url(../img/bg_clover.png);
    	background-repeat:no-repeat;
    	background-position:bottom right;
		background-size: 150px auto;
	}

	
	.adress{
		font-size:14px;
	}
	.adress td{
		padding:10px 0;
	}
	.tbl_clinic{
		font-size:14px;
	    }
	.tbl_clinic th{
		width:75px;
	}
	.sub_ttl{
		font-size:16px;
	    margin-bottom:10px;
	    padding-left:10px;
}	
	.answer{
		font-size:14px;
	    line-height:1.5em;
}	
																																								
}
@media (max-width: 360px) {
	#menu li {
		font-size:13px;
	    }
}

.inline_b {
   display:inline-block;
}
/*------------------------------------------------------------
clearfix
------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}