@charset "utf-8";
/*=====================
■共通
■スマホ
■PC
■フッター
■TOPページ
■中ページ
■プライバシーポリシー
■取り扱い商品
■清流フィット
■畳フロアー
■ネクア
■問い合わせ
■料金表
■ブログ
=====================*/

/*共通----------------*/
@border-radius-base: 2px;
@border-radius-large: 3px;
@border-radius-small: 1px;
.dropdown-backdrop {　position: static;　}
/*
@gray-base: #000;
@brand-primary: darken(#428bca, 6.5%);
@brand-success: #5cb85c;
@brand-info: #5bc0de;
@brand-warning: #f0ad4e;
@brand-danger: #d9534f;
*/
font-family: 'SourceHanSansJP-Bold';
	src: url('../fonts/SourceHanSansJP-Bold.otf') format('opentype'),  url('../fonts/SourceHanSansJP-Bold.woff') format('woff');
}
@font-face {
	font-family: 'SourceHanSansJP-Regular';
	src: url('../fonts/SourceHanSansJP-Regular.otf') format('opentype'),  url('../fonts/SourceHanSansJP-Regular.woff') format('woff');
}
/*
@font-face {
	font-family: 'SourceHanSansJP-Light';
	src: url('../fonts/SourceHanSansJP-Light.otf') format('opentype'),  url('../fonts/SourceHanSansJP-Light.woff') format('woff');
}
*/
*{
	font-family: 'SourceHanSansJP-Light',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
/*img{
	border-radius:5px!important;
	-webkit-border-radius:5px!important;
	-moz-border-radius:5px!important;
}*/
a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
html{
	font-size:13px;
	line-height: 160%;
	letter-spacing:0.05rem;
	font-weight:400;
}
p{
	color: #666666 !important;
}
.pan{
	font-size:12px;
}
.pan a{
	color:#666;
}
td,th{
	background:#FFF;
}
/*ナビゲーション*/
nav.navbar li a{
}

/*スマホ--------------*/
@media screen and (max-width : 767px){
	html {
		font-size:13px;
	}
	/*ナビゲーション*/
	nav.navbar{
		background:none !important;
		border:none !important;
	}
	div.navbar-header{
		position:relative;
		height:75px;
	}
	.navbar-toggle{
		border:none !important;
		position:absolute;
		top:20%;
		right:5%;
	}
	.navbar-toggle span{
		color:#000 !important;
	}
	.navbar-brand{
		position:absolute;
		top:0;
		left:25%;
	}
	div#container{
		width:100%;
		padding:0 30px;
	}
}
/*PC + タブレット------*/
@media screen and (min-width: 768px){
	body{
		margin:50px 50px 0 30px;
	}
	/*ナビゲーション*/
	nav.navbar{
		margin-top:100px;
		width:200px !important;
		float:left !important;
		background:none !important;
		border:none !important;
		position:fixed;
	}
	ul.nav{
		margin-top:30px;
	}
	ul.nav li{
		width:100% !important;
		text-align:right !important;
	}	
	ul.nav li a{
		padding:10px !important;
		clear:both;
	}
	/*コンテンツ*/
	div#container{
		float:left;
		margin-left:300px;
		width:580px;
	}
}
/*フッター------------*/
footer{
	margin-top:50px;
	padding-bottom:10px;
	text-align:right;
	font-size:11px;
}
footer a{
	color:#666;
}
footer a:hover{
	color:#000;
}
@media screen and (max-width : 767px){
	footer div{
		font-size:8px;
	}
}
/*TOP---------------*/
body{
	background:url('../images/background.png') repeat;
}
div#main{
	margin-bottom:0!important;
}
div#main p{
	font-size:130%;
	color:#333 !important;
	margin-bottom:15px;
}
@media screen and (max-width : 767px){
	div#main p{
		margin-left:10px;
		margin-bottom:10px;
	}
	div#main p.textillate04{
		margin-top:20px;
	}
}
div#main p.textillate04{
	font-size:120%;
	/*text-align:center;*/
}
div#slide{
	margin-top:0!important;
}
div#slide img{
	width:100%;
}
div.topBlock{
	margin-top:40px;
}
div.topBlock h2{
	font-size:160%;
}
div.topBlock a{
	color:#666;
}
div.topBlock a:hover{
	color:#999;
}
div.topBlock img.lineup{
	padding:20px 0 10px 0;
	width:100%;
}
p.topTxt{
	margin-top:20px;
}
div.topBlock p,
p.topTxt{
	line-height:180%;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	/*background: #fff;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
/*中ページ*/
.innerBlock h2{
	margin-bottom:40px;
	font-size:220%;
}
.innerBlock div#main{
	margin-bottom:20px;
}
.innerBlock div#main img{
	width:100%;
}

/*プライバシーポリシー*/
.privacy h3{
	font-size:130%;
}
.privacy div{
	margin-top:20px;
	border-bottom:solid 1px #DDD;
	padding-bottom:10px;
}
.privacy div p{
	margin-left:25px;
}
.privacy div ul{
	list-style:decimal;
}
.privacy div ul li{
	color:#666;
	line-height:180%;
}

/*取り扱い商品*/
.products div{
	margin-bottom:20px;
}
.products div a{
	color:#666;
}
.products div a img{
	width:100%;
	padding-bottom:10px;
}
.productInner p span{
	color:#990000;
}
.productInner .main img{
	width:100%;
	margin-bottom:20px;
}
.productInner div img{
	width:100%;
	padding-bottom:5px;
}
.productInner h3{
	margin:25px 0;
}

/*清流フィット*/
.fit .col-xs-4,
.fit .col-md-2{
	font-size:10px;
}

/*畳フロアー*/
.pagetop{
	display:block;
	text-align:right;
	color:#666;
	font-size:12px;
}
.pagetop:hover{
	color:#CCC;
}
.tatami div p.d{
	font-size:12px;
	text-align:right;
	margin-top:5px;
}
.tatami div.b{
	border-bottom:1px solid #DDD;
	padding:20px 0;
	margin-bottom:40px;
}

/*ネクア*/
.nequa .col-xs-4,
.nequa .col-md-4,
.nequa .col-md-3{
	font-size:12px;
}
.nequa .row div,
.nequa .row p span{
	font-size:12px;
}
.nequa .col-xs-6 span,
.nequa .col-md-4 span{
	font-size:7px;
}
.nequa .row p span{
	line-height:140%;
}
div.font-sm div div{
	font-size:8px !important;
}

/*問い合わせ*/
.contact p span,
.contact label span{
	color:#990000;
}
.contact p.d{
	margin:20px 0 40px 0;
}
.contact div.sub{
	margin-top:40px;
}

/*料金表*/
.price h3{
	margin-top:15px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding:10px 5px;
	background:#FFF;
}
.price h4{
	font-weight:bold;
	font-size:100%;
	margin-top:15px;
}
.price p.note{
	text-align:right;
	margin-top:20px;
	font-size:10px;
}
.price p span{
	color:#990000;
	font-size:12px;
	line-height:100% !important;
	margin:5px 0 0 0 !important;
}
.price div.b{
	border-bottom:1px solid #DDD;
	padding-bottom:20px;
}
.price table{
	width:100%;
}
.price table th{
	text-align:center !important;
}
.price tr.s td{
	font-size:10px;
}
.price table td,
.price table th{
	font-size:12px;
	vertical-align:middle !important;
}
.price table .p,
.price table tr.p td{
	font-size:11px;
	text-align:right;
}
.price table th{
	font-weight:normal;
}

/*ブログ*/
.blog .panel-title span{
	font-size:12px;
	padding-right:10px;
}
.blog .panel-title a{
	color:#21610B;
}
.blog .panel-title a:hover{
	color:#4B8A08;
}
.blog img{
	width:100%;
}
.detail p{
	margin-top:30px;
}
.detail .b{
	text-align:right;
}