/*
Theme Name: Leaf
Theme URI: http://crazy-wp.com/
Author: CRAZY WP
Author URI:  http://crazy-wp.com/
Version: 1.2
*/
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, p {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
html,body {
	width: 100%;
	background: #fff;
	line-height: 1;
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*===============================
	テキスト,フォント
=================================*/
h1{ font-size: 24px;}
h2{ font-size: 22px;}
h3{ font-size: 20px;}
h4{ font-size: 18px;}
p{ font-size: 14px; line-height: 1.6em;}
.t-right{
	text-align: right;
}
.t-left{
	text-align: left;
}
.t-center{
	text-align: center;
}
.ft-family1{
	font-family: 'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;
}

/*===============================
	背景
=================================*/
.bg-gray{
	background: #f9f9f9;
}

/*===============================
	配置
=================================*/
.fl-right{
	float: right;
}
.fl-left{
	float: left;
}
.mt10{
	margin-top: 10px;
}

/*===============================
	画像
=================================*/
.img-responsive{
	width: 100%;
}
img.alignright{
	float: right;
}

/*===============================
	基本構造
=================================*/
html,body {
	width: 100%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	font-size: 16px;
}
#page {
	width: 100%;
}
.top-contents{
	padding: 80px 0;
}
/* 	サイト横幅
-------------------------*/
header,footer,.site-width section{
	max-width: 1080px;
	margin: 0 auto;
}

/*===============================
	基本フォント
=================================*/
html,body,#top-logo,.footer,nav a,a:hover,p,a{
	color: #555;
}


/*===============================
	トップライン
=================================*/
.top-line{
	background: #eef1dd;
}
/* 	縦幅
-------------------------*/
.top-line,.top-line p.left,.top-line a.right,.top-line p.center{
	min-height: 30px;
}
.top-line p.left,.top-line a.right{
	font-size: 0.8em;
	margin: 0;
	padding-top: 6px;
}
.top-line p.center{
	font-size: 1rem;
	margin: 0;
	padding-top: 3px;
	letter-spacing: 0.2em;
	color: #666;
}
.top-line a.right{
	display: inline-block;
	font-size: 1.2rem;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 0.2em;
	color: #666;
	background: #c6bf9f;
}
/*===============================
	ヘッダー
=================================*/
.header{
	background: #f8faeb;
	min-height: 100px;
	overflow: hidden;
}
/* 	ロゴ
-------------------------*/
#top-logo{
	width: 150px;
	margin-top: 15px;
}
#top-logo h1{
	width: 100%;
}
#top-logo .sub-logo{
	font-size: 0.5em;
}
/* 	トップバナー
-------------------------*/
.top-baner{
	padding-bottom: 40px;
	background: #f8faec;
}
.top-baner img{
	-webkit-border-top-left-radius: 3px;  
	-webkit-border-top-right-radius: 3px;  
	-webkit-border-bottom-right-radius: 3px;  
	-webkit-border-bottom-left-radius: 3px;  
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;  
	-moz-border-radius-bottomleft: 3px;
}
.flex-direction-nav .flex-prev{
	left: 0;
}
.flex-direction-nav .flex-next{
	right: 0;
}

/*===============================
	ナビゲーション
=================================*/

/* 	ヘッダーナビ
-------------------------*/
nav{
	font-family: 'A1 Mincho', 'A1明朝', 'A-OTF A1明朝 Std', 'ヒラギノ明朝 Pro W3', serif !important;}
nav ul{
	overflow: hidden;
}
nav ul li{
	float: left;
}
nav ul li a{
	padding: 10px 20px;
	display: block;
}
.header nav{
	float: right;
	margin-top: 30px;
}
.header nav li:hover{
	background: #dee3c4;
	-webkit-border-top-left-radius: 3px;  
	-webkit-border-top-right-radius: 3px;  
	-webkit-border-bottom-right-radius: 3px;  
	-webkit-border-bottom-left-radius: 3px;  
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;  
	-moz-border-radius-bottomleft: 3px;
}
header a.sp-menu{
	visibility: hidden;
	display: none;
}

/*===============================
	トップページコンテンツ共通
=================================*/
.top-contents h1.title{
	font-size:1.8rem; text-align:center;
	color: #555;
	padding-bottom: 10px;
	border-bottom: 2px double #d9e594;
	max-width: 300px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.top-contents p.sub-title{
	font-size:1.6rem; text-align:center;
	margin-bottom: 30px;
}
.recomend div.title, .merit div.title, .access div.title, .voice div.title, .news div.title{
	margin-bottom: 60px;
}

/*===============================
	オススメ
=================================*/
.recomend .panel-body{
	padding: 30px 15px;
}
.recomend img{
	margin: 0 auto;
}
.recomend .ctn p.description{
	padding: 10px 0;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	letter-spacing: 0.2em;
	line-height: 1.5em;
}
.recomend .ctn{
	padding: 10px;
	box-shadow: none;
}
.recomend .ctn h2.title{
	font-size: 1.4rem;
	text-align: center;
	margin: 10px auto;
	border-bottom: 1px double #efefef;
	max-width: 100px;
}
.recomend .ctn a.btn-detail{
	color: white;
}
.recomend .panel-body{
	background: #f5f5f5;	
	-webkit-border-top-left-radius: 3px;  
	-webkit-border-top-right-radius: 3px;  
	-webkit-border-bottom-right-radius: 3px;  
	-webkit-border-bottom-left-radius: 3px;  
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;  
	-moz-border-radius-bottomleft: 3px;
}

/*===============================
	当院の強み
=================================*/
.merit{
	background: #f8f8f8;
}
.merit .row h1{
	font-size: 1.6rem;
	padding: 10px 15px;
	margin: 0;
}
.merit .row h1 i{
	color: #d9e594;
	padding-right: 20px;
	font-size: 2.2em;
	position: relative;
	top: 6px;
}
.merit .row p{
	padding: 15px;
	letter-spacing: 0.2rem;
	line-height: 2rem;
}

/*===============================
	お客様の声
=================================*/
.voice .panel{
	box-shadow: none;
	background: #f9f9f9;
	margin-bottom: 20px;
}
.voice .panel-head h2.title{
	font-size: 1.2rem;
}
.voice .row p{
	letter-spacing: 0.1rem;
	line-height: 2rem;
}
.voice .panel img{
	margin-bottom: 10px;
}



/*===============================
	アクセス
=================================*/
.access section.panel-access{
	background: none;
	-webkit-border-top-left-radius: 0;  
	-webkit-border-top-right-radius: 0;  
	-webkit-border-bottom-right-radius: 0;  
	-webkit-border-bottom-left-radius: 0;  
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;  
	-moz-border-radius-bottomleft: 0;
	box-shadow: none;
}
.access .tel{
	font-size: 1.8rem;
}
.access .info{
	overflow: hidden;
	margin-bottom: 10px;
}
.access .btn-detail:hover{
	color: white;
}

/*===============================
	ニュース
=================================*/
.news a, .news a:hover{
	color: #555;
}
.news a.btn-detail, .news a.btn-detail:hover{
	color: white;
}
.news .news-section{
	margin-bottom: 30px;
}



/*===============================
	テーブル
=================================*/
table{
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
table tr.title td{
	border-left: 1px solid #ccc;
}
table th,table td, table tr.title{
	border-bottom: 1px solid #ccc;
	font-size: 1rem;
}
table tr.last th, table tr.last td{
	border-bottom: none;
}
table td{
	border-left: 1px solid #ccc;
}
table th, table td{
	padding: 10px;
	text-align: center;
}
table tr.title th, table tr.title td{
	font-size: 1.2rem;
	border-right: none;
	text-align: left;
}
table.time th, table.price th{
	background: #fbfcf8;
}
table.time tr.title th, table.price tr.title th, table.price tr.title td{
	background: #eef1dd;
}
/* 	timeテーブル
-------------------------*/
table.time tr.title th{
	padding-left: 20px;
}

/* 	priceテーブル
-------------------------*/
table.price{
	width: 60%;
}
table.price tr.title th, table.price tr.title td{
	text-align: center;
}
table.price th{
	width: 70%;
}
table.price td{
	width: 30%;
}


/*===============================
	ボタン
=================================*/
.btn{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
.btn{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.btn:hover{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.btn-detail{
	background:#c6bf9f;
	margin: 10px 0;
	color: white;
}
.btn-detail:hover{
	background:#afa98d;
	color: white;
}
.panel-body a.btn-detail:hover{
	color: white;
}
.btn-gray{
	background: #ddd;
}
.btn-gray:hover{
	background: #ccc;
}

/*===============================
	パネル
=================================*/
.panel-head{
	padding: 0 15px;
}

.menu-wrap ul{
	float: right;
	z-index: 777;
}

/*===============================
	投稿コンテンツ
=================================*/
#post-contents h1{
	background: #efefef;
	font-size: 1.4rem;
	padding: 10px;
	margin-bottom: 20px;
	-webkit-border-top-left-radius: 3px;  
	-webkit-border-top-right-radius: 3px;  
	-webkit-border-bottom-right-radius: 3px;  
	-webkit-border-bottom-left-radius: 3px;  
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;  
	-moz-border-radius-bottomleft: 3px;
}

/* 	ブログサイドバー
-------------------------*/
#sidebar-blog h2{
	font-size: 1rem;
	border-bottom: 1px solid #d9e594;
	margin-bottom: 20px;
}
.sidebar-widget > div{
	margin-bottom: 30px;
}
.sidebar-widget > div > ul{
	padding: 0;
}
.sidebar-widget > div > ul > li{
	margin-bottom: 10px;
}
span.post-date{
	font-size: 0.7rem;
}

/* 	新しい記事へ、前の記事へナビ
-------------------------*/
.nav-below{
	overflow: hidden;
	margin: 20px 0;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 10px;
}
.nav-below .nav-previous{
	float: right;
	
}
.nav-below .nav-next{
	float: left;
}

/*===============================
	フッター
=================================*/
.footer{
	background: #efefef;
	min-height: 100px;
	overflow: hidden;
}
.copyright{
	text-align: right;
	float: right;
	bottom:-25px;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #aaa;
}

/*===============================
	その他
=================================*/
/* ページトップへ戻るボタン
-------------------------*/
#pageTop{
	background:rgba(150,150,150,0.5);
	-webkit-border-top-left-radius: 3px;  
	-webkit-border-top-right-radius: 3px;  
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	color:#FFF;
	padding:20px;
	position:fixed;
	bottom: 0px;
	right:20px;

}
#pageTop:hover{
	opacity: 0.7;

}
/* 	その他を見る
-------------------------*/
a.watch-other{
	margin-right: 20px;
	float: right;
	font-size: 0.8rem;
}

/*===============================
	メディアクエリ
=================================*/
@media screen and (max-width: 979px) { /* 979px以下用（タブレット用）の記述 */
	/* 	ロゴ中央表示
	-------------------------*/
	#top-logo{
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.top-line a.right{
		display: block;
		text-align: center;
	}
	/* 	トップナビメニュー
	-------------------------*/
	.header nav{
		margin-top: 0;
		position: relative;
		overflow: hidden;
		float: none;
	}

}
@media screen and (max-width: 768px) { /* 768px以下用（タブレット／スマートフォン用）の記述 */
	.top-line a.right{
		font-size: 15px;
		padding-top: 8px;
	}
	.merit .row h1{
		font-size: 18px;
		line-height: 2rem;
	}
	.merit .row h1 i{
		font-size: 30px;
		top: 2px;
		padding: 0;
	}
	.top-contents h1.title{
		font-size: 26px;
	}
	.top-contents p.sub-title{
		font-size: 20px;
	}
	table.price{
		width: 100%;
	}
	.copyright{
		bottom: 0;
	}
	
}
@media screen and (max-width: 479px) { /* 479px以下用（スマートフォン用）の記述 */	
	.access .info{
		margin-top: 10px;
	}
	.top-baner div.flexslider{
		margin-top: 10px;
	}
	/* 	メニュー非表示
	-------------------------*/
	.menu-wrap{
		display: none; /*要素のエリアも非表示*/
	}
	/* 	メニューボタン表示
	-------------------------*/
	header a.sp-menu{
		visibility: visible;
		display: block;
		width: 100%;
		float: right;
		font-size: 10px;
		margin-bottom: 0;
	}
	header a.sp-menu i{
		font-size: 30px;
	}
	/* 	スマホ用メニューをリスト表示
	-------------------------*/
	#top-menu, #top-menu ul, #top-menu ul li{
		width: 100%;
	}
	#top-menu ul li{
		text-align: center;
	}
	
	.top-contents h1.title{
		font-size: 24px;
	}
	.top-contents p.sub-title{
		font-size: 18px;
	}

}