@charset "utf-8";

/*--------------------------------------------------------
memo: サブページ用スタイル
--------------------------------------------------------*/

/* 【00】汎用設定
------------------------------------------*/

.subTtl02{
	font-size:16px;
	font-weight:bold;
	color:#3c7019;
	margin-bottom:20px;
	}

.subTtl03{
	font-size:1.2em;
	color:#cb2700;
	font-weight:bold;
	margin-bottom:10px;
	}

.subTtl04{
	font-size:1.2em;
	color:#005eb6;
	font-weight:bold;
	}
	
.subTtl05{
	background: #f3e9d1;
	color:#45351a;
	font-weight:bold;
	border-radius: 5px;
	padding:5px 10px;
	margin-bottom:20px;
	}
	
.borderBox{
	padding-bottom:30px;
	margin-bottom:30px;
	background:url(../images/border.png) no-repeat center bottom;
}


/* 【01】大枠設定
------------------------------------------*/

#sub #content{
	width: 980px;
	background: url(../images/bg_content.png) 0 0;
	border-radius: 3px;
	margin: 0;
	padding: 10px;
}

#sub #content .inner{
	background: #fff;
	border-radius: 3px;
	padding: 10px 0 0 0;
}

#sub.blog #sideNav h3{
	background:url(../images/ttl_blog_side.gif) no-repeat 0 -6px;
	padding: 0 0 10px 15px;
	margin: 0 0 10px 0;
}

#sub.blog #sideNav ul{
	margin: 0 0 20px 0;
}

#sub.blog #sideNav ul li{
	list-style: none;
}


/* 【02】パン屑リスト
===========================================*/
#pankuzu{
	background: #f6f4f2;
	border-radius: 3px;
	margin: 0 0 10px 0;
	padding: 3px 10px;
}

#pankuzu p,
#pankuzu h1{
	float: left;
	font-size: 13px;
}

#pankuzu p{
	padding: 0 5px 0 0;
}
/* end
===========================================*/


/* 【03】タイトル関連
===========================================*/

/* ページ上部の中見出し */
#ttl01{
	width: 100%;
	background: #eae5e0 url(../images/icon_carpet.jpg) no-repeat 10px center;
	margin: 0 0 20px 0;
	padding: 10px 0;
	border-radius: 3px;

	color: #403018;
	font-size: 18px;
}

#ttl01 span{
	display: block;
	padding: 0 0 0 55px;
}

/* 小見出し1 */
.subTtl01{
	background:url(../images/icon_ttl01.png) no-repeat 0 5px;
	border-bottom: 1px dotted #d5cbbe;
	margin: 0 0 20px 0;
	padding: 0 0 3px 0;

	color: #403018;
}

.subTtl01 span{
	padding: 0 0 0 15px;
}

/* 小見出し2 */
.subTtl02{
}
/* end
===========================================*/


/* 【04】テキスト関連
===========================================*/

/* 文字色強調(赤) */
.tcRed{
	color: #da0000;
}

.tcGreen{
	color: #2d6702;
}

/* end
===========================================*/


/* 【05】汎用設定、サマリー
===========================================*/

/* 余白リセット */
.reset{
	margin: 0!important;
}

/* センタリング */
.ctr{
	text-align: center;
}

/* センタリング(下部余白＋10px) */
.ctr02{
	text-align: center;
	padding: 0 0 10px 0;
}

/* センタリング(下部余白＋20px) */
.ctr03{
	text-align: center;
	padding: 0 0 20px 0;
}


/* サムネイル左詰め */
.imgL{
	float: left;
	margin: 0 15px 10px 0;
}

.imgL2{
	float: left;
	margin: 0 0 10px 0;
	text-align: center;
}

.imgL2 img{
	margin: 0 5px 0 0;
}

/* サムネイル右詰め */
.imgR{
	float: right;
	margin: 0 0 10px 15px;
}

/* 汎用ボックス */
.commonBox{
	padding: 0 0 20px 0;	
}

/* 汎用ボックス 段落調整 */
.commonBox p{
	padding: 0 0 10px 0;	
}

/* サマリ格納ボックス */
.summeryBox{
	padding: 0 0 10px 0;
}

/* 並列：サマリー01 */
.commonBox .summery01{
	float: left;

	width: 29.4%;

	background: #eeeae5;
	border-radius: 5px;
	padding: 10px;
	margin: 0 10px 10px 0;
}

.commonBox .summery01 h4{
	background: url(../images/icon_ttl02.jpg) no-repeat 0 4px;
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;

	font-weight: bold;
}

.commonBox .summery01 p{
	padding: 0 0 15px 0;
}


/* 横幅MAX：サマリー02 */
.commonBox .summery02{
	width: 97%;
	background: #eeeae5;
	border-radius: 5px;
	padding: 10px;
}

.commonBox .summery02 h4{
	background: url(../images/icon_ttl02.jpg) no-repeat 0 6px;
	margin: 0 0 15px 0;
	padding: 0 0 10px 15px;

	border-bottom: 1px dotted #a8a096;

	font-size: 15px;
	font-weight: bold;
}

.commonBox .summery02 ul{
	list-style: none;
}

.commonBox .summery02 li{
	padding: 0 0 10px 0;
}

.commonBox .summery02 p{
	padding: 0 0 15px 0;
}

/* 可変式サマリー2
=========================================================== */

.commonBox02{
	background: #eeeae5;
	padding: 10px;
	border-radius: 5px;
}

.commonBox02 h3,
.subTtl06{
	background: url(../images/icon_ttl02.jpg) no-repeat 0 4px;
	margin: 0 0 15px 0;
	padding: 0 0 10px 15px;

	border-bottom: 1px dotted #a8a096;
	font-weight: bold;
}

/* 並列：サマリー01 */
.commonBox02 .summery01{
	float: left;

	width: 29.2%;

	background: #fff;
	border-radius: 5px;
	padding: 10px;
	margin: 0 10px 10px 0;
}

.commonBox02 .summery01 h4{
	margin: 0 0 10px 0;
	font-weight: bold;
}

.commonBox02 p{
	padding: 0 0 15px 0;
}

/* 横幅MAX：サマリー02 */
.commonBox02 .summery02{
	width: 97%;
	background: #fff;
	border-radius: 5px;
	margin: 0 0 10px 0;
	padding: 10px;
}

.commonBox02 .summery02 h4{
	margin: 0 0 10px 0;

	font-size: 15px;
	font-weight: bold;
}

.commonBox02 .summery02 ul{
	list-style: none;
}

.commonBox02 .summery02 li{
	padding: 0 0 10px 0;
}

.commonBox02 .summery02 p{
	padding: 0 0 15px 0;
}


/* 横幅MAX：サマリー03 */
.commonBox02 .summery03{
	float: left;
	width: 46.3%;

	background: #fff;
	border-radius: 5px;
	margin: 0 9px 10px 0;
	padding: 10px;
}

.commonBox02 .summery03.reset{
	margin: 0 0 10px 0!important;
}

.commonBox02 .summery03 h4{
	margin: 0 0 10px 0;

	font-size: 15px;
	font-weight: bold;
}

.commonBox02 .summery03 ul{
	list-style: none;
}

.commonBox02 .summery03 li{
	padding: 0 0 10px 0;
}

.commonBox02 .summery03 p{
	padding: 0 0 15px 0;
}


/* 横幅MAX：サマリー04 */
.commonBox02 .summery04{
	float: left;
	width: 29%;

	background: #fff;
	border-radius: 5px;
	margin: 0 9px 10px 0;
	padding: 10px;
}

.commonBox02 .summery04.reset{
	margin: 0 0 10px 0!important;
}

.commonBox02 .summery04 h4{
	margin: 0 0 10px 0;

	font-size: 15px;
	font-weight: bold;
}

.commonBox02 .summery04 ul{
	list-style: none;
}

.commonBox02 .summery04 li{
	padding: 0 0 10px 0;
}

.commonBox02 .summery04 p{
	padding: 0 0 15px 0;
}

.commonBox03{
	border-top: 1px dashed #d5cbbe;
	margin-top:20px;
	padding-top:20px;
}

#top .commonBox04 .summery01{
	background: #fff;
	border: 1px solid #e5dbbf;
	border-radius: 3px;
	width: 365px;
	padding: 9px;
	margin: 0 10px 10px 0;
	float: left;
}

.commonBox04 .summery01{
	background: #fff;
	border: 1px solid #f2f2f2;
	border-radius: 3px;
	width: 333px;
	padding: 10px;
	margin: 0 10px 10px 0;
	float: left;
}

.commonBox04 .image{
	margin: 0 0 10px 0;
}

.commonBox04 .end{
	margin: 0;
}

#top .commonBox04 .end{
	margin: 0;
}

.commonBox04 .leftBox{
	float: left;
	width: 350px;
}

.commonBox04 .rightBox{
	float: right;
	width: 352px;
}

.commonBox04 .addressBox{
	padding: 0 0 20px 0;
}

.commonBox04 .addressBox.line{
	background: url(../images/dot_line.png) repeat-x left bottom;
	padding: 0 0 10px 0!important;
	margin: 0 0 20px 0;
}

.commonBox04 .addressBox p{
	padding: 0 0 10px 0;
}


/* end
===========================================*/


@media only screen and (max-width: 800px) {

/* タブレット向け
================================================*/

body{
	font-size: 16px!important;
}

#footer{
	height: inherit;
	padding: 20px 0 10px 0;
}

#sub #content{
	float: none;
	width: 95.5%;
	margin: 0 auto;
}

/* ヘッダ */
#masthead .headInq .btn a{
	padding: 13px 10px 9px 10px!important;
}

.headInq .btn a{
	padding: 18px 10px 13px 10px!important;
}


/* ページ下部、店舗・お問い合わせ部分の調整 */
.shop{
	width: 100%;
}

#top .commonBox04 {
	width: 100%;
	margin: 0 auto 20px auto;
}

#top .commonBox04 .summery01{
	width: 46%;
}

#frameBox{
	margin: 0;
	padding: 0 10px 10px 10px;
}

#sub.blog #sideNav h3,
#sub.blog #sideNav ul{
	margin: 10px;
}

}

@media only screen and (min-width: 481px) and (max-width: 767px) {

/* 中間設定
================================================*/

#masthead .unit{
	float: none;
	width: 284px;
	margin: 0 auto;
}

.unit, .field-unit{
	display: inherit;
}

#masthead{
	height: 76px;
}

#masthead .headInq{
	display: none;
}

.headInq .btn{
	padding: 10px 0!important;
}

.nicepricePoint img{
	display: none;
}

.flow{
	width: 100%;
	background: none;
}

.unit, .field-unit{
	display: inherit;
}

#masthead .unit{
	margin: 0 auto;
}

#sub #content{
	margin: 0 auto;
}

/* 並列：サマリー01 フロート解除 */
.commonBox .summery01{
	float: none;
	width: 97%;
}

.commonBox02{
	width: 97%;
}

.commonBox02 .summery01,
.commonBox02 .summery02,
.commonBox02 .summery03,
.commonBox02 .summery04{
	float: none;
	width: 95.5%;
}

/* ページ下部、店舗・お問い合わせ部分の調整 */
.shop{
	width: 100%;
}

/* リフォーム実績 */
.reform .commonBox .imgL,
.reform .commonBox .imgL02,
.reform .commonBox .imgL03,
.reform .thum{
	float: none;
	width: 100%;
	text-align: center;
	margin: 0;
}

.reform .commonBox .summery02{
	width: 96%;
}

.reform .listBox .summery{
	width: 95%;
}

.reform .cut{
	margin: 0 0 10px 0!important;
}

}

@media only screen and (max-width: 480px) {

/* スマホ向け
================================================*/

body{
	font-size: 20px!important;
}

/* ヘッダ */
#masthead .unit{
	float: none;
	width: 284px;
	margin: 0 auto;
}

#masthead .unit{
	margin: 0 auto 35px auto!important;
}

#masthead .unit h1{
	position: absolute!important;	
	top: 16px;
	left: 66px;
}

#masthead .headInq{
	display: none;
}

.pt60{
	padding: 0!important;
	margin: 0!important;
}

.nicepricePoint img{
	display: none;
}

/* コンテンツ部分調整 */
#sub #content{
	float: none;
	width: 90%;
	margin: 0 auto;
}

#ttl01{
	font-size: 23px;
}

#pankuzu p,
#pankuzu h1{
	font-size: 20px;
}

.flow{
	width: 88%;
	background: none;
}

/* カーテン紹介、詳細ボタンブレイク */
#sub.curtain .commonBox .summery02 .imgL{
	margin: 10px 0;
}

#sub.curtain .commonBox .summery02 .detail{
	position: inherit;
	text-align: center;
}

/* センタリング(下部余白＋20px) */
.ctr03{
	text-align: left;
	padding: 0 0 20px 0;
}

/* サムネイル左詰め・右詰め解放 */
.imgL,
.imgL2,
.imgR{
	float: none;
	width: 100%;
	text-align: center;
}

/* リフォーム実績 サムネイル調整 */
.reform .commonBox .imgL,
.reform .commonBox .imgL02,
.reform .commonBox .imgL03,
.reform .thum{
	float: none;
	width: 100%;
	text-align: center;
	margin: 0;
}

/* オーダーカーテン注文の流れ サムネイル調整 */
.order .imgL .img01,
.order .imgL .img02,
.order .imgL .img03{
	margin: 0;
}


/* サマリ、フロート解除 */
.commonBox .summery01{
	float: none;
	width: 94.5%;
}

/* サマリ2、フロート解除 */
.commonBox .summery02{
	float: none;
	width: 94.5%;
}

.commonBox02{
	width: 94.5%;
}

.commonBox02 .summery01,
.commonBox02 .summery02,
.commonBox02 .summery03,
.commonBox02 .summery04{
	float: none;
	width: 94.5%;
}

ul.accesorios{
	margin: 0;
}

ul.accesorios li{
	float: none;
	margin: 0 auto;
	padding: 0 0 0 40px;
}


/* お問い合わせフォーム */
#inquiry table {
	font-size: 14px;
}

#inquiry .inp04{
	width: 30%;
}

#inquiry .inp03,
#inquiry .inp04{
	height: 40px;
	margin: 0 0 5px 0;
}

#inquiry .naiyou{
	height: 350px;
}


#inquiry .address dd {
	margin: -40px 0 0 150px;
	padding: 0;
}

#inquiry .submit .btn{
	padding: 10px;
}


/* 取扱いメーカー */
.makerBox .summery{
	width: 95%;
}

.makerBox .imgL{
	text-align: center!important;
}

#top .commonBox04 {
	width: 95%;
}

#top .commonBox04 .summery01{
	width: 95%;
}

/* ページ下部、店舗・お問い合わせ部分の調整 */
.shop{
	width: 100%;
}

/* リフォーム実績 */
.reform .commonBox .summery02,
.reform .listBox .summery{
	width: 92%;
}

.reform .cut{
	margin: 0 0 10px 0!important;
}

.works .thumb li{
	width: 94%;
	text-align: center;
}

}