/*
Theme Name: Petit
Theme URI: http://crazy-wp.com/
Author: CRAZY WP
Author URI: http://crazy-wp.com/
*/
-------------------------------------------------------------- */

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;
}
a:hover, a:active, a:focus{
	cursor: auto;
}

/*===============================
	テキスト,フォント
=================================*/
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: 'Questrial', sans-serif;
}
.ft-gothic{
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.ft-myoutyou{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

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

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

/*===============================
	画像
=================================*/
.img-responsive{
	width: 100%;
}
img.alignright{
	float: right;
}
.border-img{
	background: url('images/background/border-rough.png');
	background-repeat: repeat-x;
	background-position-y: 30px;
	padding-bottom: 30px;
}
.bg-icon1:before{
	 content: url("images/background/bg_icon1.png");
}

/*===============================
	基本構造
=================================*/
html,body {
	width: 100%;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 16px;
	background: white;
	/*background: url('images/background/halftone.png'); */
}
#page {
	width: 100%;
	margin-bottom: 80px;
}
.top-contents{
	padding: 80px 0;
}
/* 	サイト横幅
-------------------------*/
header,footer,.site-width section{
	max-width: 1080px;
	margin: 0 auto;
}

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

/*===============================
	トップライン
=================================*/
/* 	背景
-------------------------*/
.top-line{
	background: none;
}

/* 	縦幅
-------------------------*/
.top-line,.top-line p.left,.top-line a.right,.top-line p.center{
	min-height: 30px;
}
.top-line section div{
	margin: 0;
	padding: 0;
}
.top-line p.left,.top-line a.right{
	font-size: 0.8em;
	margin: 0;
	padding-top: 6px;
	background: none;
}
.top-line p.center{
	font-size: 1rem;
	margin: 0;
	padding-top: 3px;
	letter-spacing: 0.2em;
}
.top-line a.right{
	display: inline-block;
	font-size: 0.8rem;
	margin: 0;
	padding: 15px;
	letter-spacing: 0.2em;
	background:  #4b3f3a;
	color: white;
}
.top-line a.right:hover, .top-line a.right:active, .top-line a.right:focus{
	text-decoration: none;
	cursor: auto;
}
.top-line p.tel{
	font-size: 1.2rem;
	letter-spacing: 0.1px;
	padding: 0 15px;
	padding-top: 20px;
	padding-right: 0;
}
.top-line p.tel span.mark{
	font-size: 1rem;
	background: none;
	padding-right: 5px;
}
/* 	配色
-------------------------*/
body#yellow .top-line a.right{
	background: #f6e86c;
	color: #444;
}
body#blue .top-line a.right{
	background: #4bc3f3;
}
body#orange .top-line a.right{
	background: #fdc325;
}
body#pink .top-line a.right{
	background: #f29c9f;
}
body#black .top-line a.right{
	background: #333;
}
/* 	
-------------------------*/
/*===============================
	ヘッダー
=================================*/
.header{
	min-height: 40px;
	overflow: hidden;
}
.header .tel{
	font-size: 20px;
}
.header{
	background: white;
}
/* 	ロゴ
-------------------------*/

/* 	ロゴ中央表示
-------------------------*/
#top-logo{
	margin: 0 auto;
	margin-bottom: 10px;
}
#top-logo, #footer-logo{
	width: 250px;
}
#top-logo h1{
	width: 100%;
}
#top-logo .sub-logo{
	font-size: 0.5em;
}
#top-logo img, #footer-logo img{
	width: 60%;
	margin: 0 auto;
}

/*===============================
	トップバナー
=================================*/
.top-baner, .img-slider{
	background: none;
	margin: 20px auto;
	margin-bottom: 60px;
}
.top-baner section > div{
	padding: 0;
}
.top-baner img{
	-webkit-border-top-left-radius: 0px;  
	-webkit-border-top-right-radius: 0px;  
	-webkit-border-bottom-right-radius: 0px;  
	-webkit-border-bottom-left-radius: 0px;  
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;  
	-moz-border-radius-bottomleft: 0px;
	padding: 0;
}
.top-baner .top-baner-container{
	margin: 0 auto;
	padding: 0;
}

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

/* 	共通
-------------------------*/
nav{
	font-weight: bold;
	font-size: 16px;
	overflow: hidden;
}
nav ul{
	padding: 0;
	position: relative;
}
nav ul li{
	float: left;
	box-sizing: border-box;
	color: #555;
}
nav ul li a{
	display: block;
	padding: 10px 15px;
	margin: 0 auto;
	color: #555;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
nav ul li a:hover, nav ul li a:active, nav ul li a:focus,  nav ul li a:focus{
	background: #4b3f3a;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: white;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/* 	配色
-------------------------*/
body#yellow nav ul li a:hover, body#yellow nav ul li a:active, body#yellow nav ul li a:focus, body#yellow nav ul li a:focus{
	background: #f6e86c;
	color: #444;
}
body#blue nav ul li a:hover, body#blue nav ul li a:active, body#blue nav ul li a:focus, body#blue nav ul li a:focus{
	background: #4bc3f3;
}
body#orange nav ul li a:hover, body#orange nav ul li a:active, body#orange nav ul li a:focus, body#orange nav ul li a:focus{
	background: #fdc325;
}
body#pink nav ul li a:hover, body#pink nav ul li a:active, body#pink nav ul li a:focus, body#pink nav ul li a:focus{
	background: #f29c9f;
}
body#black nav ul li a:hover, body#black nav ul li a:active, body#black nav ul li a:focus, body#black nav ul li a:focus{
	background: #333;
}

/* 	トップナビ
-------------------------*/
.top-nav{
	background: none;
	margin: 0 auto;
	margin-bottom: 10px;
}
.top-line a.sp-menu{
	visibility: hidden;
	display: none;
}
.top-nav nav ul{
	position: relative;
	float: left;
	left: 50%;
}
.top-nav nav ul li{
	text-align: center;
	position: relative;
	float: left;
	left: -50%;
}
.top-nav nav ul li a{
	text-align: center;
}
.top-nav nav ul li.img-nav-home a{
	background: url('images/background/img-nav-home.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-greeting a{
	background: url('images/background/img-nav-greeting.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-staff a{
	background: url('images/background/img-nav-staff.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-facility a{
	background: url('images/background/img-nav-facility.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-consult a{
	background: url('images/background/img-nav-consult.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-blog a{
	background: url('images/background/img-nav-blog.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-contact a{
	background: url('images/background/img-nav-contact.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-pencil a{
	background: url('images/background/img-nav-pencil.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-cat a{
	background: url('images/background/img-nav-cat.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-human a{
	background: url('images/background/img-nav-human.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-dog a{
	background: url('images/background/img-nav-dog.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-syringe a{
	background: url('images/background/img-nav-syringe.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-hurt a{
	background: url('images/background/img-nav-hurt.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-medicine a{
	background: url('images/background/img-nav-medicine.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-parking a{
	background: url('images/background/img-nav-parking.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-medicalmark a{
	background: url('images/background/img-nav-medicalmark.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-search a{
	background: url('images/background/img-nav-search.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-hotel a{
	background: url('images/background/img-nav-hotel.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-track a{
	background: url('images/background/img-nav-track.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-car a{
	background: url('images/background/img-nav-car.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-marker a{
	background: url('images/background/img-nav-marker.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-clock a{
	background: url('images/background/img-nav-clock.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-en a{
	background: url('images/background/img-nav-en.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-facebook a{
	background: url('images/background/img-nav-facebook.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-twitter a{
	background: url('images/background/img-nav-twitter.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-hospital a{
	background: url('images/background/img-nav-hospital.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-stethoscope a{
	background: url('images/background/img-nav-stethoscope.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-book a{
	background: url('images/background/img-nav-book.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-face a{
	background: url('images/background/img-nav-face.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-talk a{
	background: url('images/background/img-nav-talk.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-mail a{
	background: url('images/background/img-nav-mail.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-pethotel a{
	background: url('images/background/img-nav-pethotel.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-about a{
	background: url('images/background/img-nav-about.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-price a{
	background: url('images/background/img-nav-price.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-shop a{
	background: url('images/background/img-nav-shop.png') no-repeat;
	background-position-x: 35px;
}
.top-nav nav ul li.img-nav-trimming a{
	background: url('images/background/img-nav-trimming.png') no-repeat;
	background-position-x: 35px;
}


/*===============================
	トップページコンテンツ共通
=================================*/
.top-contents h1.title{
	font-size: 1rem;
	text-align:center;
	color: #555;
	max-width: 300px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.top-contents p.sub-title{
	font-size:1rem;
	text-align:center;
	margin-bottom: 30px;
}


body#orange #sidebar-blog h2{
	border-bottom: 1px solid #f3d5a9;
}
body#black #sidebar-blog h2{
	border-bottom: 1px solid #b2a775;
}
.recomend div.title, .merit div.title, .access div.title, .voice div.title, .news div.title{
	margin-bottom: 60px;
}

/*===============================
	ページタイトル - Page Title -
=================================*/
.page-title{
	background: #f6f3ed;
	height: 80px;
	color: #333;
}
.page-title h1{
	line-height: 80px;
	padding: 0;
	margin: 0;
	font-size: 1.8rem;
}
/* 	配色
-------------------------*/
body#yellow .page-title{
	background: #f6f3ed;
}
body#blue .page-title{
	background: #f6f3ed;
}
body#orange .page-title{
	background: #f6f3ed;
}
body#pink .page-title{
	background: #f6f3ed;
}
body#black .page-title{
	background: #f6f5f5;
}

/*===============================
	3カラムウィジェット - 3 colum Widgets -
=================================*/
.colum3 .colum-container .panel{
	background: #f6f3ed;
	position: relative;
}
/* 	ボディ配色 -Body Color-
-------------------------*/
body#yellow .colum3 .colum-container .panel{
	background: #f7f6e7;
}
body#blue .colum3 .colum-container .panel{
	background: #edf5f8;
}
body#orange .colum3 .colum-container .panel{
	background: #f9f6ee;
}
body#pink .colum3 .colum-container .panel{
	background: #faf4f9;
}
body#black .colum3 .colum-container .panel{
	background: #f6f5f5;
}
/* 	ヘッダー配色 -Header Color-
-------------------------*/
body#yellow .colum3 .colum-container .panel .panel-header{
	background: rgba(241,237,114,0.7);
	background: #f5e86c;
	color: #444;
}
body#blue .colum3 .colum-container .panel .panel-header{
	background: rgba(33,172,232,0.7);
}
body#orange .colum3 .colum-container .panel .panel-header{
	background: rgba(232,181,31,0.7);
}
body#pink .colum3 .colum-container .panel .panel-header{
	background: rgba(241,152,161,0.7);
}
body#black .colum3 .colum-container .panel .panel-header{
	background: rgba(37,37,37,0.7);
}

.colum3 .colum-container .panel .panel-header{
	padding: 5px 15px;
	position: absolute;
	background: rgba(44,19,3,0.7);
	top: 10px;
	color: white;
	z-index: 999;
}
.colum3 .colum-container .panel .panel-header h1{
	padding: 0;
	margin: 0;
}
.colum3 .colum-container .panel .panel-body{
	min-height: 380px;
}
.colum3 .colum-container .panel .panel-body img{
	margin-bottom: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px
}
.colum3 .colum-container .panel .panel-body a.watch-more{
	position: absolute;
	bottom: 10px;
	right: 15px;
}

/* 	3カラム　ショート - 3colum short-
-------------------------*/
.colum3-short{
	margin-top: 40px;
}
.colum3-short .colum-container .panel{
	color: white;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	padding: 15px;
	padding-bottom: 5px;
	position: relative;
}
.colum3-short div.col-lg-4:last-child .panel{
	background: #f6f3ed;
}
.colum3-short div.col-lg-4:last-child .panel .panel-img img{
	border: 1px solid #ccc;
	background: white;
	padding: 3px;
	box-sizing: border-box;
}
.colum3-short .colum-container .panel:hover, .colum3-short .colum-container .panel:active, .colum3-short .colum-container .panel:focus, .colum3-short .colum-container .panel:focus{
	border: 1px solid	#4b3f3a;
}
.colum3-short .colum-container .panel .panel-header h1{
	color: #4b3f3a;
	padding: 0;
	margin: 0;
	font-size: 1.2rem;
	font-weight: bold;
}
.colum3-short .colum-container .panel .panel-header h1:first-letter{
	color: #f4c310;
}
/* 	配色
-------------------------*/
body#yellow .colum3-short .colum-container .panel .panel-header h1:first-letter{
	color: #f4c310;
}
body#yellow .colum3-short div.col-lg-4:last-child .panel{
	background: #f7f6e7;
}
body#blue .colum3-short .colum-container .panel .panel-header h1:first-letter{
	color: #4bc3f3;
}
body#orange .colum3-short .colum-container .panel .panel-header h1:first-letter{
	color: #f4c310;
}
body#pink .colum3-short .colum-container .panel .panel-header h1:first-letter{
	color: #c6b69a;
}
body#black .colum3-short .colum-container .panel .panel-header h1:first-letter{
	color: #f4c310;
}

.colum3-short .colum-container .panel .panel-body{
	min-height: 80px;
	padding-left: 0;
	padding-bottom: 0;
}
.colum3-short .colum-container .panel .panel-body p{
	font-size: 0.8rem;
	margin-bottom: 0;
}
.colum3-short .colum-container .panel  .panel-img{
	height: 100%;
	position: relative;
}
.colum3-short .colum-container .panel span.watch-more{
	bottom: 5px;
	right: 10px;
	position: absolute;
	background: none;
	color: #4b3f3a !important;
	background: none !important;
}


/*===============================
	アクセス - Access -
=================================*/
.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;
	text-align: left;
}
.access .info p{
	font-size: 1.2rem;
}
.access .info p.tel{
	font-size: 1.6rem;
}
.access .btn-detail:hover, .access .btn-detail:active, .access .btn-detail:focus, .access .btn-detail:focus{
	color: white;
}
.access p.sub-title{
	padding-bottom: 30px;
}

/*===============================
	ニュース - News -
=================================*/
.news{
	min-height: 210px;
	padding: 40px 20px;
	margin-top: 30px;
}
.news div.title{
	margin-bottom: 0;
}
.news h1{
	margin-top: 0;
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(123,102,94,0.77);
}
.news .news-title{
	font-size: 14px;
}
.news, .news .news-section p, .news .news-section a, .news a.watch-other{

}
.news .news-section p:last-child{
	margin-bottom: 0;
}
 .news a.watch-other{
	 margin-right: 0;
 }
/*===============================
	商品 - Product -
=================================*/
.product #post-contents h2.title{
	text-align: left;
	font-size: 16px;
	text-align: center;
	line-height: 1.5rem;
}
.product #post-contents p{
	text-align: left;
}
.product div.title{
	margin: 0;
	padding: 40px 0;
	text-align: center;
}
.product #post-contents .panel img{
	height: 125px;
}
.product #post-contents h1{
	background: none;
	text-align: center;
	font-size: 1.8rem;
}
.product #post-contents h2, .page div.main-ctn h2{
	width: 100% !important;
}
.single-product #post-contents h1, .single-product #post-contents p{

}
.single-product #post-contents img, .access #post-contents img{
}

/* 	パネル
-------------------------*/
.product .panel{
	display: block;
	background: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	min-height: 250px;
}
.product .panel:hover, .product .panel:active, .product .panel:focus{
	opacity: 0.7;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/*===============================
	購入方法
=================================*/
.policy-link, .policy-link:hover,  .policy-link:active,  .policy-link:focus{
	color: #b99569;
}

/*===============================
	テーブル
=================================*/
table{
	width: 100%;
	border: 1px solid #dacbad;
	border-bottom: none;
	margin-bottom: 10px;
	border-left: none;
}
table tr.title td{
	border-left: 1px solid #f6f3ed;
}
table th,table td, table tr.title{
	border-bottom: 1px solid #f6f3ed;
	font-size: 1rem;
}
table tr.last th, table tr.last td{
	border-bottom: none;
}
table td{
	border-left: 1px solid #f6f3ed;
}
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: #fcf7f2;
}
table.time tr.title th, table.price tr.title th, table.price tr.title td{
	background: #fbe9d5;
}
/* 	ボーダーカラー
-------------------------*/
table, table tr.title td, table th,table td, table tr.title, table td{
	border-color: #cbc1a8;
}

/* 	バックグラウンドカラー
-------------------------*/
/*
table tr:nth-child(1){
	background: #dfd9ce;
}
table.head2row tr:nth-child(2){
	background: #dfd9ce;
}
table.head3row tr:nth-child(2), table.head3row tr:nth-child(3){
	background: #dfd9ce;
}
table.head-bg-none tr:nth-child(1){
	background: none;;
}
*/
table tr.bg1{
	background: #faf8f4;
}


/* 	tableなし
-------------------------*/
table.table-none, table.table-none tr, table.table-none tr th, table.table-none tr td, table.table-none tr.title th{
	border: none;
	background: none;
}
table.table-none tr.title th{
	padding-left: 0;
}

/*===============================
	ボタン
=================================*/
btn-group .btn:last-child{
	margin: 0;
}
.product .btn-group{
	margin: 30px 0;
}
.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, .btn:active, .btn:focus{
	-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-big{
	padding: 20px 80px;
	border-radius: 0;
	border: none;
}
/* 	プライマリー
-------------------------*/
.btn-primary{
	background: #da2644;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
	background: #c02741;
}
/* 	詳細はコチラ用
-------------------------*/
.btn-detail{
	background: #c7b79b;
	margin: 10px 0;
	color: white;
	padding: 11px 12px;
	padding-bottom: 10px;
	border: none;
}
.btn-detail:hover, .btn-detail:active, .btn-detail:focus{
	background: #d5b749;
	color: white;
}
.panel-body a.btn-detail:hover, .panel-body a.btn-detail:active, .panel-body a.btn-detail:focus{
	color: white;
}
/* 	もっと見るボタン
-------------------------*/
.watch-more{
	background: #4b3f3a;
	padding: 5px 10px;
	padding-right: 7px;
	font-size: 0.8rem;
	color: white !important;
}
.watch-more i{
	padding-left: 5px;
	color: #f4b411;
	font-size: 0.9rem;
}
.watch-more:hover, .watch-more:active, .watch-more:focus{
	text-decoration: none;
}
/* 	配色
-------------------------*/
body#yellow .watch-more{
	background: #745c4c;
}
body#blue .watch-more{

}
body#blue .watch-more i{

}
body#orange .watch-more{
	background: ;
}
body#pink .watch-more{
	background: #c6b69a;
}
body#pink .watch-more i{

}
body#black .watch-more{
	background: #333;
}
body#black .watch-more i{

}

/* 	グレー
-------------------------*/
.btn-gray{
	background: #ddd;
}
.btn-gray:hover, .btn-gray:active, .btn-gray:focus{
	background: #ccc;
}
/* 	ボタングループ
-------------------------*/
.btn-group{
	text-align: center;
	display: block;
}
.btn-group .btn{
	margin-right: 20px;
	margin-bottom: 20px;
	float: none;
}

/*===============================
	パネル
=================================*/
.panel{
	display: block;
}
.panel-head{
	padding: 0 15px;
}
.panel-default{
	background: none;
	border: none;
}
.panel-default .panel-head h2.title{
	font-size: 14px;
}
.panel-default .panel-body img{
	border: 1px solid #c6ad8c;
}
.menu-wrap ul{
	float: left;
	z-index: 777;
	margin: 0;
}

/*===============================
	投稿コンテンツ
=================================*/
.post-content{
	line-height: 2rem;
}
/* 	固定ページ
-------------------------*/
.page div.main-ctn{
	padding: 50px 0;
	min-height: 700px;
}
.page #post-contents h1, .page div.main-ctn h1{
	background: none;
	font-size: 1.2rem;
	margin: 0;
	padding: 10px 0;
	padding-left: 15px;
	border: none;
	border-left: 7px solid #ad9f87;
	margin-bottom: 30px;
	color: white;
	background: #53433c;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
}
.page #post-contents h2, .page div.main-ctn h2{
    margin: 0 0 1.5em;
    padding: 0.8em;
    padding-left: 0;
    border-bottom: 1px dashed #4b3f3a;
    font-size: 1.143em;
    font-weight: bold;
    width: 80%;
}
.page #post-contents h3, .page div.main-ctn h3{
	font-size: 1rem;
	font-weight: bold;
	padding-left: 10px;
}
/* 	配色
-------------------------*/
body#yellow .page #post-contents h1, .page div.main-ctn h1{
	background: #f7f1c1;
	border-left: 7px solid #f8e02a;
	color: #444;
}
body#yellow .page #post-contents h2, .page div.main-ctn h2{
	border-bottom: 1px dashed #aaa;
}
body#yellow #post-contents h2:before, body#yellow #sidebar-blog h2:before,body#yellow  .bg-icon1:before{
	content: url("images/background/bg_icon_yellow.png");
}
body#blue .page #post-contents h1, .page div.main-ctn h1{
	background: #cbe6f2;
	border-left: 7px solid #2faee4;
	color: #444;
}
body#blue .page #post-contents h2, .page div.main-ctn h2{
	border-bottom: 1px dashed #aaa;
}
body#blue #post-contents h2:before,  body#blue #sidebar-blog h2:before,body#blue  .bg-icon1:before{
	content: url("images/background/bg_icon_blue.png");
}
body#orange .page #post-contents h1, .page div.main-ctn h1{
	background: #f5dea0;
	border-left: 7px solid #fac124;
	color: #444;
}
body#orange .page #post-contents h2, .page div.main-ctn h2{
	border-bottom: 1px dashed #aaa;
}
body#orange #post-contents h2:before,  body#orange #sidebar-blog h2:before,body#orange  .bg-icon1:before{
	content: url("images/background/bg_icon_orange.png");
}
body#pink .page #post-contents h1, .page div.main-ctn h1{
	background: #f5e0e2;
	border-left: 7px solid #f29c9f;
	color: #444;
}
body#pink .page #post-contents h2, .page div.main-ctn h2{
	border-bottom: 1px dashed #aaa;
}
body#pink #post-contents h2:before,  body#pink #sidebar-blog h2:before, body#pink .bg-icon1:before{
	content: url("images/background/bg_icon_pink.png");
}
body#black .page #post-contents h1, .page div.main-ctn h1{
	background: #eee;
	border-left: 7px solid #333;
	color: #444;
}
body#black .page #post-contents h2, .page div.main-ctn h2{
	border-bottom: 1px dashed #aaa;
}
body#black #post-contents h2:before,  body#black #sidebar-blog h2:before,body#black  .bg-icon1:before{
	content: url("images/background/bg_icon_black.png");
}


.page #post-contents p{
	line-height: 1.5rem;
	font-size: 0.9rem;
	letter-spacing: 0.1rem;
	padding-left: 10px;
}
#post-contents h1{
	font-size: 1.4rem;
	padding: 10px;
	margin-bottom: 20px;
}
#post-contents h2:before{
	content: url("images/background/bg_icon1.png");
}
#post-contents p{

}
.page #post-contents p img{
	margin-bottom: 60px;
}

/* 	ブログ
-------------------------*/
.blog div.main-ctn{

}


/* 	ブログサイドバー
-------------------------*/
#sidebar-blog h2{
	font-size: 1rem;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	text-align: left;
}
#sidebar-blog h2:before{
	content: url("images/background/bg_icon1.png");
}
.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;
}
#sidebar-blog input[type="text"]{
	width: 70%;
}


/* 	新しい記事へ、前の記事へナビ
-------------------------*/
.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: #312622;
	min-height: 100px;
	overflow: hidden;
	padding: 20px;
}
.copyright{
	text-align: right;
	float: right;
	bottom:-10px;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #aaa;
}
/* 	配色
-------------------------*/
body#yellow .footer{
	background: #f4f1c6;
}
body#yellow .copyright{
	color: #888
}
body#yellow .footer nav ul li a{
	color: #444;
}
body#blue .footer{
	background: #9ed3eb;
}
body#blue .copyright{
	color: #eee;
}
body#orange .footer{
	background: #f4d47b;
}
body#orange .copyright{
	color: #eee
}
body#pink .footer{
	background: #f5afb1;
}
body#pink .copyright{
	color: #eee;
}
body#black .footer{
	background: #eee;
}
body#black .footer nav ul li a{
	color: #444;
}
body#black .copyright{
	color: #666;
}

.footer nav ul li a{
	color: white;
}
.footer nav ul li:hover, .footer nav ul li:active, .footer nav ul li:focus{
	cursor: auto;
}
#footer-logo{
	font-size: 2rem;
	text-align: center;
}
#footer-logo a{
	color: white;
}

/*===============================
	ページネーション - Pagenation -
=================================*/
.pagenation{
	overflow: hidden;
}
.pagenation ul{
	margin: 20px auto;
	position: relative;
	float: left;
	left: 50%;
}
.pagenation ul li{
	position: relative;
	display: block;
	float: left;
	left: -50%;
	margin: 0 5px;
	padding: 10px;
	font-size: 1.2rem;
	background: #efefef;
	-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;
}
.pagenation ul li:hover, .pagenation ul li:active, .pagenation ul li:focus{
	background: #ddd;
	cursor: auto;
}
.pagenation ul li.active{
	background: #ccc;
}


/*===============================
	フォーム
=================================*/
input[type="text"],input[type="email"],input[type="password"],textarea{
	min-height: 30px;
	outline: 0;
	-webkit-appearance:none;
	border:none;
	height: 40px;
	background: #f6f5f5;
	font-size: 16px;
	padding: 0 10px;
}
textarea{
	height: 300px;
}
/* 	お問合せフォーム
-------------------------*/
.contact form{
	width: 50%;
	margin: 0 auto;
}
.contact input, .contact textarea{
	color: black;
	width: 100%;
}
.contact input[type="submit"]{
	padding: 10px 40px;
	-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;
	border: none;
	background: #c7b79b;
	color: white;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
/* 	配色
-------------------------*/
.contact input[type="submit"]:hover, .btn-detail:hover, .contact input[type="submit"]:active, .btn-detail:hover, .contact input[type="submit"]:focus, .btn-detail:active{
	background: #ad9f87;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/*===============================
	その他 - Other -
=================================*/

/* 	画像スライダー
-------------------------*/
.flexslider{
	margin-bottom: 0;
}
.flex-direction-nav .flex-next{
	right: 0;
}
.flex-direction-nav .flex-prev{
	left: 0;
}

/* ページトップへ戻るボタン
-------------------------*/
#pageTop{
	font-family: 'BatangChe';
	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, #pageTop:active, #pageTop:focus{
	opacity: 0.7;
}
/* 	その他を見る
-------------------------*/
a.watch-other{
	margin-right: 20px;
	float: right;
	font-size: 0.8rem;
	position: relative;
	top: 9px;
}
body#black a.watch-other{
	color: #b99569;
}

div.social{
	margin: 15px 0;
}

/* 	ラベル - Label -
-------------------------*/
.label-default{
	background: #ccc;
}

/* 	カラーパレット - Color Palet -
-------------------------*/
.color-palet{
	border: 1px solid #ccc;
	position: fixed;
	left: -1px;
	padding: 10px;
	background: white;
	z-index: 10000;
}
.color-palet h1{
	font-size: 16px;
	text-align: center;
	margin: 0;
}
.color-palet h1 i{
	font-size: 18px;
	padding: 10px 0;
}
.color-palet h1:hover{
	cursor: pointer;
}
.color-palet p{
	display: none;
}
.color-palet a:hover{
	cursor: pointer;
}
.color-palet span.default{
	color: #4b3f3a;
}
.color-palet span.yellow{
	color: #f6e86c;
}
.color-palet span.blue{
	color: #4bc3f3;
}
.color-palet span.orange{
	color: #fdc325;
}
.color-palet span.pink{
	color: #f29c9f;
}
.color-palet span.black{
	color: #333;
}

/*===============================
	メディアクエリ
=================================*/
@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以下用（タブレット／スマートフォン用）の記述 */

	/* 	トップTEL
	-------------------------*/
	.top-line p.tel{
		text-align: center !important;
		background: #f6f5f5;
		padding: 0;
		margin: 0;
	}
	.top-line p.tel a{
		display: block;
	}
	.top-line p.tel a:hover, .top-line p.tel a:active, .top-line p.tel a:focus{
		background: #eee !important;
	}
	/* 	ロゴ
	-------------------------*/
	.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;
	}
	#footer-logo{
		margin: 0 auto;
	}
	.copyright{
		bottom: 0;
	}
	/* 	ナビメニュー
	-------------------------*/
	.top-nav{
		margin: 30px auto;
		margin-bottom: 0;
	}
	.top-nav nav ul{
		width: 100%;
	}
	.top-nav nav ul li{
		width: 25%;
	}
	.top-nav nav ul li[class^="img-nav-"] a{
		background-position-x: 50%;
	}
	
	/* 	メインコンテンツ
	-------------------------*/
	.main-ctn{
		margin-top:15px;
	}
	.page div.main-ctn{
		padding: 15px;
		padding-bottom: 50px;
	}
	.page #post-contents h2, .page div.main-ctn h2{
		width: 100%;
	}
	
	/* 	パネル
	-------------------------*/
	.colum3-short .colum-container .panel .panel-img{
		padding-left: 0;
	}
	
	/* 	ニュース
	-------------------------*/
	.site-width section.news-section{
		margin-bottom: 30px;
	}
	/* 	アクセス
	-------------------------*/
	.top-contents{
		padding-top: 0px
	}
	.top-contents h1.title, .top-contents p.sub-title{
		font-size: 16px;
	}
	.top-contents p.sub-title{
		margin-bottom: 0;
	}
	.access div.title{
		margin-bottom: 0;
	}
	section.info{
		margin-top: 15px;
	}
	section.info p{
		font-size: 18px;
	}
	/* 	フッター
	-------------------------*/
	.footer{
		padding: 10px;
	}
	#footer-menu{
		margin-top: 15px;
	}
	/* 	お問合せフォーム幅
	-------------------------*/
	.contact input, .contact textarea{
		width: 97.5%;
	}
	
	/* 	ページネーション
	-------------------------*/
	.pagenation{
		overflow: hidden;	
		margin: 30px auto;
	}
	.pagenation ul{
		margin: 30px auto;
	}
	
}
@media screen and (max-width: 479px) { /* 479px以下用（スマートフォン用）の記述 */	
	p{ font-size: 12px;}
	.access .info{
		margin-top: 10px;
	}
	/* 	ロゴ
	-------------------------*/
	.top-nav{
		margin-top: 0;
	}
	/* 	トップバナー
	-------------------------*/
	.top-baner div.flexslider{
		margin-top: 10px;
	}
	.top-baner{
		position: absolute;
		width: 100%;
		padding: 0;
		margin: 0 auto;
		left: 0;
	}
	/* 	News
	-------------------------*/
	.news{
		margin-top: 0;
		margin-bottom: 0;
	}
	/* 	メニュー非表示
	-------------------------*/
	.menu-wrap{
		display: none; /*要素のエリアも非表示*/
	}
	/* 	メニューボタン表示
	-------------------------*/
	.sp-menu-container{
		background: #4b3f3a;
		padding: 0;
		margin: 0;
	}
	.top-line a.sp-menu{
		visibility: visible;
		display: block;
		margin: 0 auto;
		font-size: 10px;
		border-radius: 0;
	}
	.top-line 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;
	}	
	.btn-group img{
		width: 100%;
		margin-bottom: 10px;
	}

	/* 	ページパディング
	-------------------------*/
	.page div.main-ctn{
		padding:40px 15px;
		padding-top: 0;
	}
	.product #post-contents .panel img{
		height: 100%;
	}

	/* 	お問合せフォーム幅
	-------------------------*/
	.contact input, .contact textarea{
		width: 97%;
	}
	
	.map iframe{
		height: 200px;
	}
	a.watch-other{
		font-size: 0.6rem;
		margin-top: 10px;
	}
	
	/* 	パネル
	-------------------------*/
	.colum3{
		margin-top: 170px;
	}
	.colum3-short{
		margin-top: 0;
	}
	.colum3 .colum-container .panel .panel-header h1{
		font-size: 20px;
	}
	.colum3 .colum-container .panel .panel-body{
		min-height: 100px;
	}
	.colum3 .colum-container .panel .panel-body img{
		margin-top: 40px;
	}
	.colum3 .colum-container .panel .panel-body div.pl-none{
		padding-left: 0;
	}
	.colum3 .colum-container .panel .panel-body div.pd-none{
		padding: 0;
	}
	.colum3-short .colum-container .panel{
		min-height: 160px;
	}
	/* 	もっと見るボタン
	-------------------------*/
	.colum3 .colum-container .panel .panel-body a.watch-more{

	}
}