@charset "utf-8";
/*
Theme Name: temp01
Theme URI: http://wordpress.org/
Description: 治療院テンプレート1
Author: sungrove
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: sungrove
*/
@import url("css/sanitize.css");
@import url("css/styles-bx.css");  // for slider

* {
	margin:0;
	padding: 0;
}

body {
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
	line-height: 1.6;
	font-size: 17px;
	color: #000000;
	width: 100%;
	height: 100%;
	letter-spacing:0.1em;
}

a { text-decoration: none; }
li { list-style: none; }
img { border:none; }
address { font-style: normal; }
.sp{ display:none;}
/************************************************************************************
 common
************************************************************************************/
.bold {
	font-weight: bold;
}
.mgb20 {
	margin-bottom: 20px;
}
.hover_c {
	opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
.hover_c:hover {
	-webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;

    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
}
.f_box {
	display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
}
.inner_box{
	max-width:1000px;
	margin:0 auto;
}
h2{
	font-size:37px;
	color:#9ac822;
	text-align:center;
	font-weight: bold;
}
h3{
	color:#9ac822;
	font-size: 20px;
	text-align: center;
}
.btn01{
	color:#fff;
	display:block;
	padding: 12px 20px 12px 0;
	width: 360px;
	margin: 60px auto;
	font-size: 22px;
	letter-spacing: 0.15em;
	line-height: 40px;
	height: 65px;
	text-align:center;
	background:url(img/common/ico_btn01.png)no-repeat top 21px right 30px,
	#f79906;
	font-weight: bold;
}
.top03 .txt{
	padding:0 30px;

}
.top03{
	background:#f3eacd;
	padding: 58px 0 35px;
}
.txtleft {
	text-align: left;
}
/***********
horizon
************/
.f_h_start {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.f_h_center {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}
.f_h_end {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.f_h_sb {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.f_h_sa {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.f_wrap {
	-webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
/***********
vertical
************/
.f_column {
	-webkit-box-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
}
.f_start {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.f_end {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.f_center {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.f_baseline {
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}
.f_stretch {
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.f_hv_center {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
	
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.greeting .txt{
	margin-right: 60px;
}

/************************************************************************************
 header	
************************************************************************************/
header {
	position: fixed;
	width: 100%;
	background: #ffffff;
	z-index: 1000;
}
header .inner_box{
	padding:45px 0 48px;
	position:relative;
}
.head_tel_box{
	font-size:33px;
	font-weight:bold;
	color: #7ba314;
}
.tel{
	background: url(img/common/ico_tel.png)no-repeat 10px;
	padding-left: 40px;
	line-height: 2.5em;
	margin-left: 90px;
	letter-spacing: -0.2pt;
	color: #9ac822;
	}
.tel a {
color: #7ba314;
	
}
.head_mail_bt a{
	background: url(img/common/ico_mail_pc.png)no-repeat right 20px top 16px ,#f79906;
	color:#fff;
	padding: 10px 50px 10px 30px;
	display:block;
	margin-top:15px;
	font-size: 16px;
	letter-spacing: -0.01pt;
}
.access_bt a{
	position:absolute;
	width:180px;
	height:25px;
	top:0;
	right:0;
	background: url(img/common/ico_acbt.png)no-repeat 22px 7px,#ededed;
	color: #777;
	text-align: center;
	letter-spacing: 2pt;
	display:block;
	font-size: 14px;
	padding-left: 10px;
}
span.menu,span.menu2{
	display:none;
}
nav{
	margin-top: -23px;
	background:#60b125;
}
nav ul{
	width:1000px;
	margin:0 auto;
	padding: 18px 0;
}
nav ul li{
	width:20%;	
}
nav ul li:last-child{
	display:none;	
}
nav ul li a{
	color:#fff;
	font-size:20px;
	border-right:2px solid rgba(255,255,255,0.71);
	display:block;
	text-align:center;
}
nav ul li:first-child a{
	border-left:2px solid rgba(255,255,255,0.71);
	
}
/************************************************************************************
 contents
************************************************************************************/
.top{
	margin-bottom: 80px;
}
.top01{
	text-align:center;
	line-height: 1.5em;
	padding-bottom: 40px;
}
.top01 h2{
	margin: 60px 0 75px;
}
.top01_box{
	background: url(img/top/bg_top01.png)no-repeat;
	color: #533310;
	font-size: 29px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff,1px 1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, -1px -1px 2px #fff,1px 1px 3px #fff, 1px -1px 3px #fff, -1px 1px 3px #fff, -1px -1px 3px #fff;
	padding: 140px 0 40px;
	margin: 68px 0 45px;
	line-height: 1.2em;
}
.red{
	color:#ff0005;
}
.orange{
	color:#ff8a00
}
.red span{
	font-size: 150%;
}
.top02 h2{
	margin-bottom: 35px;
}
.blog .thumb img,
.top03 img, .top02 img, #bloglist img{
	margin-bottom:28px;
		background:#fff;
	padding:5px;
	/* box-shadow */
box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);
border-radius:3px

}
.top02 ul li{
	width:316px;
}
.top02 .txt{
	padding:5px;
}
.top03 .txt{
	line-height: 1.55em;
}
.shadow{
	background:#fff;
	padding:5px;
	/* box-shadow */
box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,0.2);
border-radius:3px
}
.top_blog h2{
line-height:1.2em;
font-size:30px;	
}
.top03 h2{
	font-size: 34px;
	text-align:left;
	line-height: 1.1em;
	margin-bottom: 20px;
}
h2 span{
	font-size:17px;
	color:#b39b51;
	display:block;
	padding-left: 5px;
}
.top_blog h2 span{
	color:#b4ad98
}
.top_blog h2{
	margin-bottom:38px;
}
.top02{
	padding: 40px 0;
	background:#f9f4eb;
}
.top_blog{
	padding:50px;
	font-size:18px;
}
.top_blog .date{
	color: #7ba314;
	font-weight: bold;
}
.top_blog_tit a{
	color: #7ba314;
	/* border-bottom: 1px dotted #7ba314; */
	font-weight: bold;
}
.blog_cont a,
a.read-more{
	color: #000;
	border:0;
	font-weight: normal;
}
.top_blog dt{
	width: 133px;
}
.top_blog dd{
	width: 860px;
}
dl{
	border-top:1px solid #dadecf;
	border-bottom:1px solid #dadecf;
	padding:25px 0;
}
#kv_under{
	padding-top:220px;
	background: url(img/common/bg_kv_under.png) center center / auto 100% no-repeat,url(img/common/bg_kv_under2.png);
	height: 480px;
	border-bottom: 5px solid #a9cd3d;
	text-align:center;
}
@media screen and (max-width:767px) {
	
	#kv_under{
		padding-top:50px;
	}
}

#kv_under.menu {
	background: url(img/common/bg_kv_under.png) center center / auto 100% no-repeat,url(img/common/bg_kv_under2.png);
}
#kv_under.owner {
	background: url(img/owner/owner_kv.png) center center / auto 100% no-repeat,url(img/common/bg_kv_under2.png);
}
#kv_under.voice {
	background: url(img/voice/voice_kv.png) center center / auto 100% no-repeat,url(img/common/bg_kv_under2.png);
}
#kv_under.contact {
	background: url(img/contact/contact_kv.png) center center / auto 100% no-repeat,url(img/common/bg_kv_under2.png);
}
#kv_under.blog {
	background: url(img/blog/blog_kv.png) center center / auto 100% no-repeat,url(img/common/bg_kv_under2.png);
}
#kv_under.access {
	background: url(img/access/access_kv.png) center center / auto 100% no-repeat,url(img/common/bg_kv_under2.png);
}








#kv_under span{
	font-size:55px;
	display:inline-block;
	margin-top:90px;
	width:100%;
	color:#fff;
	font-weight:bold;
	text-align: center;
	padding-left: 100px;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
.menu_page h4{
	width:303px;
	height:62px;
	padding-top: 12px;
	margin-bottom:20px;
	vertical-align:middle;
	background:#9ac822;
	font-size:24px;
	text-align:center;
	color:#fff;
}
.under{
	background:#f3fae2;
}	
.menu_box{
	background:#fff;
	padding:15px 20px 25px;
	margin-bottom:55px;
	color:#000;
}
.under{
	padding:60px 0;
}
.menu_box .ico_area{
	display:table;
	width:675px;
	border-collapse: separate;
  	border-spacing: 23px 0;
  	margin:20px 0;
  	color:#9ac822;
}
.menu_box .hours{
	width:675px;
    color:#9ac822;
    font-size:
}
.menu_box .hours{
	width:456px;
	font-size:24px;
	margin: 50px 0 0;
}
.menu_box .hours li{
	font-weight:bold;
}
.menu_box .hours span:nth-child(1){
	font-size:21px;
}
.menu_box .hours span:nth-child(2),
.menu_box .hours span:nth-child(3){
	font-size:15px
}
.menu_box .ico_area li{
	background:#f2f8e2;
	border:#9ac822 1px solid;
	border-radius:5px;
	width:116px;
	text-align:center;
	height:48px;
	font-size:14px;
	vertical-align:middle;
	display:table-cell;
	line-height:1.2em;
	padding: 5px 8px;
	margin-right:23px;
}
.rbox{
	padding: 0 30px 30px;
	/* font-size: 14px; */
}
.ico_area span{
	font-size:24px;
	color:#a1cc31;
}
.voice .inner_box{
}
h3.type2{
	text-align:left;
	padding:15px;
	border: 1px solid;
	border-radius:5px;
	background:#fff;
	margin-bottom:20px;
	position: relative;
}
h3.type2 span{
	position:absolute;
	content:"";
	width:auto;
	height:auto;
	font-size:18px;
	bottom:10px;
	right:10px;

}


.voice .txt{
	padding:0 5px 40px;
}
.greeting{
	padding: 40px 0 50px;
}
.greeting img{
	padding-right: 40px;
}
.license{
	padding:50px 0;	
}
.profile{
	padding:50px 0;
	background:#fff;
}
.owner h2{
	text-align:left;
	font-size:34px;
	margin-bottom: 35px;
}
#bloglist .blog_tit{
	font-size:20px;
	color: #9ac822;
	font-weight: bold;
}
#bloglist .date{

	color: #9ac822;
}
#bloglist .cat{
	font-size:12px;
	color: #9ac822;
	border: 1px solid #9ac822;
	padding:2px 5px
}
#bloglist .txt{
	color:#000;
	margin-top:30px
}
#bloglist .txt a{
	color:#000;
}
#bloglist #side li {
    margin: 5px 0px 5px 20px;
    border-bottom: 1px dotted #9ac822;
    padding: 5px 0px;
}

.blog #side li {
    margin: 5px 0px 5px 20px;
    border-bottom: 1px dotted #9ac822;
    padding: 5px 0px;
}
.blog #side li:last-child {
    border-bottom: none;
}
.thumb{
	margin-right:40px
}
#bloglist ul li{
	margin-bottom:70px;
}
#bloglist h2{
	margin-bottom:40px;
}
#bloglist .thumb_bg{
	width:256px;
}
#bloglist .thumb_bg img{
	width:100%;
	height:auto;
}
.blog.under .thumb{
	margin-top: 28px;
	margin-right:0;
}
.thumb img {
	width:100%;
	max-width: 100%;
	height: auto;
}
.blog .date {
	margin-left: 20px;
	font-size: 16px;
}
.blog .cat {
 	border: 1px solid #8fb826;
    color: #8fb826;
    font-size: 14px;
    margin-left: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
}
.blog .blog_box {
	margin-top: 20px;
	margin-left: 20px;
}
.pager{
	margin:100px auto 60px;
	width:91px;
	font-size:0;
}
.pager img{
	display:inline-block;
}
/***お問い合わせブロック***/
.cta{
	padding:50px 0;
	text-align:center;
	background:#fff;
	font-size: 14px;
	color:#443514;
	/* margin-top: 60px; */
}
.owner .inner_box{
	padding-left:40px;
	padding-right:60px;
}
.cta_tel{
	font-size:27px;
	color:#443514;
	font-weight:bold;
	position:relative;
	display:inline-block;
}
.cta_tel:before{
	position:absolute;
	content:"";
	background:url(img/common/ico_cta_tel.png)no-repeat;
	width:30px;
	height:30px;
	top:10px;
	left:-30px;
}
.cta_mail a{
	font-size:23px;
	color:#443514;	
	font-weight:bold;
	position:relative;
	display:inline-block;
}

.cta_mail a:before{
	position:absolute;
	content:"";
	background: url(img/common/ico_cta_mail.png)no-repeat;
	width:30px;
	height:30px;
	top:10px;
	left:-30px;
}
#main{width:640px;}
#side{width:310px;
text-align:center;}
#side h3{
	padding:15px;
	border:2px solid;
	border-radius:5px;
	background:#fff;
	margin-bottom:20px;	
	padding:10px;
}
#side ul{
	margin-bottom:30px;
}
#side a{
	color:#9ac822;
	font-size:18px;
}
#side a:hover{
	text-decoration:underline;
	opacity:1;
}
/***お問い合わせ***/
.contact table{
	width:100%;
}
.contact th{
	width:230px;
	text-align:right;
	padding: 15px;
	color: #7ba314;
	vertical-align: top;
}
.contact tr{
	display: block;
	margin-bottom: 40px;
}
input[type=text],
input[type=email]{
	background:#fff;
	border:1px solid #dae3c4;
	height:48px;
	padding: 0 10px;
}
:placeholder-shown {
    color: #e0e0e0; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
     color: #e0e0e0; }

/* Firefox 18- */
:-moz-placeholder {
     color: #e0e0e0; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
     color: #e0e0e0; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
     color: #e0e0e0; }
textarea{
	background:#fff;
	border:1px solid #dae3c4;
	width:559px;
	height:200px
}
input[type="submit"]{
	color:#fff;
	display:block;
	padding: 12px 20px 12px 0;
	width: 300px;
	margin: 60px auto 90px;
	font-size: 22px;
	letter-spacing: 0.15em;
	line-height: 40px;
	height: 65px;
	text-align:center;
	background:url(img/common/ico_btn01.png)no-repeat top 21px right 30px,
	#f79906;
}
.access h3{
	text-align:left;
	margin-bottom:20px;
}
.access01{
	padding:40px 0 90px;

}
.access02{
	padding:40px 0 80px;
	background:#faffee;
}
.access02 iframe{
	width:100%;
}
.access.under{
	padding:0
}
.access01 p{
	margin-bottom:1.5em;
}
/************************************************************************************
 footer
************************************************************************************/
footer {
	background:#439607;
	color:#fff;
}
.copyright{
	text-align:center;
	padding-bottom: 10px;
}
footer ul{
	text-align:center;
	width: 850px;
	padding: 20px 0 20px;
	font-size:0;
	margin:0 auto;
}
footer ul li{
	text-align:center;
	font-size: 18px;
	display:inline-block;
}
footer ul li a{
	color:#fff;
	border-left: 2px solid #fff;
	padding: 0 15px 0 15px;
	line-height: 25px;
	height: 25px;
}
footer ul li:first-child a{
	border:0;
}