/*
Theme Name: Puppy
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{
	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: 'Walter Turncoat', cursive;
}
.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%;
}
.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;
}
input,textarea{
	color: #555;
}
a:active, a:visited,a:hover{
	color: #555;
}

/*===============================
	トップライン
=================================*/
/* 	背景
-------------------------*/
.top-line{
	background: none;
}
body#yellow .top-line{
	background: #f7f6a3;
}
body#blue .top-line{
	background: #e0eff3;
}
body#orange .top-line{
	background: #f8e4ce;
}

/* 	縦幅
-------------------------*/
.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:  #c1d568;
	color: white;
}
.top-line a.right:hover, .top-line a.right:active{
	text-decoration: none;
	cursor: auto;
}
.top-line p.tel{
	font-size: 1.2rem;
	letter-spacing: 0.1px;
	padding: 15px;
	padding-right: 0;
}
.top-line p.tel span.mark{
	font-size: 0.8rem;
	background: none;
}
body#yellow .top-line a.right{
	background: #ffffe2;
}
body#blue .top-line a.right{
	background: #dbdbb6;
}
body#orange .top-line a.right{
	background: #c6bf9f;
}
/*===============================
	ヘッダー
=================================*/
.header{
	min-height: 40px;
	overflow: hidden;
}
.header .tel{
	font-size: 20px;
}
/* 	背景色
-------------------------*/
.header{
	background: none;
}
body#yellow .header, body#yellow .top-baner{
	background: #faf9d4;
}
body#blue .header, body#blue .top-baner{
	background: #ecfafa;
}
body#orange .header, body#orange .top-baner{
	background: #faf0e5;
}
/* 	ロゴ
-------------------------*/
/* 	ロゴ中央表示
-------------------------*/
#top-logo{
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
}
#top-logo{
	width: 250px;
}
#top-logo h1{
	width: 100%;
}
#top-logo .sub-logo{
	font-size: 0.5em;
}

/*===============================
	トップバナー
=================================*/
.top-baner{
	background: none;
	margin: 20px auto;
	margin-bottom: 60px;
}
.top-baner section > div{
	padding: 0;
}
.top-baner img{
	max-height: 400px;
	-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;
}
nav ul{
	overflow: hidden;
	padding: 0;
}
nav ul li{
	float: left;
	box-sizing: border-box;
	color: #555;
}
nav ul li a{
	display: block;
	padding: 10px 20px;
	color: #555;
}
nav ul li a:hover{

}
nav ul li a:first-child{
	padding-left: 0;
}

/* 	トップナビ
-------------------------*/
.top-nav{
	background: none;
	margin: 40px auto;
	margin-bottom: 0;
}
.top-nav a.sp-menu{
	visibility: hidden;
	display: none;
}
.top-nav nav ul li{
	text-align: center;
	width: 150px;
	margin-bottom: 60px;
}
.top-nav nav ul li a{
	padding: 0;
	padding-top: 80px;
	text-align: center;
	margin: 0 auto;
}
.top-nav nav ul li.img-nav-home a{
	background: url('images/background/img-nav-home.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-greeting a{
	background: url('images/background/img-nav-greeting.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-staff a{
	background: url('images/background/img-nav-staff.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-facility a{
	background: url('images/background/img-nav-facility.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-consult a{
	background: url('images/background/img-nav-consult.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-blog a{
	background: url('images/background/img-nav-blog.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-contact a{
	background: url('images/background/img-nav-contact.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-pencil a{
	background: url('images/background/img-nav-pencil.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-cat a{
	background: url('images/background/img-nav-cat.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-human a{
	background: url('images/background/img-nav-human.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-dog a{
	background: url('images/background/img-nav-dog.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-syringe a{
	background: url('images/background/img-nav-syringe.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-hurt a{
	background: url('images/background/img-nav-hurt.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-medicine a{
	background: url('images/background/img-nav-medicine.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-parking a{
	background: url('images/background/img-nav-parking.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-medicalmark a{
	background: url('images/background/img-nav-medicalmark.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-search a{
	background: url('images/background/img-nav-search.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-hotel a{
	background: url('images/background/img-nav-hotel.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-track a{
	background: url('images/background/img-nav-track.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-car a{
	background: url('images/background/img-nav-car.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-marker a{
	background: url('images/background/img-nav-marker.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-clock a{
	background: url('images/background/img-nav-clock.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-en a{
	background: url('images/background/img-nav-en.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-facebook a{
	background: url('images/background/img-nav-facebook.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-twitter a{
	background: url('images/background/img-nav-twitter.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-hospital a{
	background: url('images/background/img-nav-hospital.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-stethoscope a{
	background: url('images/background/img-nav-stethoscope.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-book a{
	background: url('images/background/img-nav-book.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-face a{
	background: url('images/background/img-nav-face.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-talk a{
	background: url('images/background/img-nav-talk.png') no-repeat;
	background-position-x: 45px;
}
.top-nav nav ul li.img-nav-mail a{
	background: url('images/background/img-nav-mail.png') no-repeat;
	background-position-x: 45px;
}






/*===============================
	トップページコンテンツ共通
=================================*/
.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#yellow .top-contents h1.title{
	border-bottom: 2px double #d9e594;
}
body#blue .top-contents h1.title{
	border-bottom: 2px double #d9e594;
}
body#orange .top-contents h1.title{
	border-bottom: 2px double #f3d5a9;
}
body#orange #sidebar-blog h2{
	border-bottom: 1px solid #f3d5a9;
}
body#black .top-contents h1.title{
	border-bottom: 2px double #b2a775;
	font-family: Gill Sans / Gill Sans MT, sans-serif;
}
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;
}

/*===============================
	アクセス - 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{
	color: white;
}
.access p.sub-title{
	padding-bottom: 30px;
}

/*===============================
	ニュース - News -
=================================*/
.news{
	min-height: 210px;
	padding: 20px;
}
.news div.title{
	margin-bottom: 0;
}
.news h1{
	margin-top: 0;
	font-size: 16px;
	padding-bottom: 30px;
	margin-bottom: 10px;
}
.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 #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;
}
.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{
	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{
	color: #b99569;
}

/*===============================
	お問合せ
=================================*/
.contact input, .contact textarea{
	color: black;
	width: 70%;
}
.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: #c4a580;
	color: white;
}

/*===============================
	テーブル
=================================*/
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: #fcfdf8;
}
table.time tr.title th, table.price tr.title th, table.price tr.title td{
	background: #f0f3e0;
}
body#orange table.time th, body#orange table.price th{
	background: #fdfaf3;
}
body#orange table.time tr.title th, body#orange table.price tr.title th, body#orange table.price tr.title td{
	background: #f9e7cd;
}
/* 	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%;
}

/* 	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{
	-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{
	background: #c02741;
}
/* 	詳細はコチラ用
-------------------------*/
.btn-detail{
	background: #c1d568;
	margin: 10px 0;
	color: white;
}
.btn-detail:hover, .btn-detail:active{
	background: #aabb5a;
	color: white;
}
body#black .btn-detail{
	background: #c4a580;
}
body#black .btn-detail:hover{
	background: #8f855a;
}
.panel-body a.btn-detail:hover{
	color: white;
}
/* 	グレー
-------------------------*/
.btn-gray{
	background: #ddd;
}
.btn-gray:hover{
	background: #ccc;
}
/* 	ボタングループ
-------------------------*/
.btn-group{
	text-align: center;
	display: block;
}
.btn-group .btn{
	margin-right: 20px;
	margin-bottom: 20px;
	float: none;
}

/*===============================
	パネル
=================================*/
.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: 0;
	margin: 0 15px;
	min-height: 700px;
	padding: 200px;
	padding-top: 10px;
	padding-bottom: 50px;
}
.page #post-contents h1, .page div.main-ctn h1{
	background: none;
	font-size: 1.8rem;
	margin: 0;
	padding: 15px 0;
	border: none;
	margin-bottom: 30px;
}
.page #post-contents p{
	margin: 10px 0;
	line-height: 1.5rem;
	font-size: 0.9rem;
	letter-spacing: 0.1rem;
}
#post-contents h1{
	font-size: 1.4rem;
	padding: 10px;
	margin-bottom: 20px;
}
#post-contents h2{
	padding-bottom: 20px;
	margin-bottom: 10px;
	background: url('images/background/border-rough.png');
	background-repeat: repeat-x;
	background-position-y: 30px;
	padding-bottom: 30px;
}
#post-contents h3:before{
	content: url("images/background/bg_icon1.png");
}
#post-contents p{
	padding-left: 25px;
}
.page #post-contents p img{
	margin-bottom: 60px;
}

/* 	ブログ
-------------------------*/
.blog div.main-ctn{
	padding: 15px 10px 15px 50px;
}


/* 	ブログサイドバー
-------------------------*/
#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: #f1f2ea;
	min-height: 100px;
	overflow: hidden;
	padding: 50px;
}
.copyright{
	text-align: right;
	float: right;
	bottom:-50px;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #aaa;
}
.footer nav ul li a{
	color: #888;
}
.footer nav ul li:hover, .footer nav ul li:active{
	cursor: auto;
}
#footer-logo{
	font-size: 2rem;
	text-align: center;
}

body#black .footer{
	background: #444;
}
body#black .footer nav a{
	color: white;
}
body#black .copyright{
	color: #666;
}

/*===============================
	ページネーション - 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{
	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;
}


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

/* 	画像スライダー
-------------------------*/
.flexslider{
	margin-bottom: 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{
	opacity: 0.7;
}
/* 	その他を見る
-------------------------*/
a.watch-other{
	margin-right: 20px;
	float: right;
	font-size: 0.8rem;
}
body#black a.watch-other{
	color: #b99569;
}

div.social{
	margin: 15px 0;
}

/*===============================
	メディアクエリ
=================================*/
@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{
		display: none;
		visibility: hidden;
	}
	/* 	ロゴ
	-------------------------*/
	body#black #top-logo{
		margin: 0 auto;
	}
	body#black #top-logo img{
		padding-left: 20px;
	}
	
	.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;
	}
	.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%;
	}
	
	/* 	メインコンテンツ
	-------------------------*/
	.page div.main-ctn{
		padding: 15px;
		padding-bottom: 50px;
	}
	
	/* 	ニュース
	-------------------------*/
	.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以下用（スマートフォン用）の記述 */	
	.access .info{
		margin-top: 10px;
	}
	.top-baner div.flexslider{
		margin-top: 10px;
	}
	
	.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;
	}
}