@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Merriweather&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/hannari.css');
@import url('https://fonts.googleapis.com/css?family=Oxanium&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700&display=swap&subset=japanese');

/*=======================================================
TOP画像
=======================================================*/
article{
	padding-top: 110px;
	background-image: url(/html/img/westernredceder/wrc_background1.jpg);
	background-repeat: repeat;
}

article #pan-list {
	margin-bottom: 0px;
}

#heading:before{
	content:'';
	display:block;
	width:100%;
	height: 90px;
	background-color: #fff;
	margin-top: -50px;
	}

.top_image {
	background-color: #333;
 }
.top_image .image {
	width: 100%;
	padding-top: 30%;
	background-image: url(/html/img/westernredceder/westernredcedar_top2.jpg);
	background-size: cover;
	background-position: center 50%;
	background-repeat: no-repeat;
	text-indent: -9999%;
 }
/*=======================================================
TOP ロゴ
=======================================================*/

.sec-wrap{
	width: 100%;
	height: 100%;
}

.sec-wrap .title_sec{
	width: 950px;
	margin: 0 auto; 
	text-align: center;
	margin: 60px 0 60px 0;
}

.sec-wrap .title_sec .title_a{
	color: #000;
	font-family: "Futura", sans-serif;;
	font-size: 80px;
	letter-spacing: 4px;
}

.sec-wrap .title_sec .title_a span{
	color: #000;
	font-family: "Futura", sans-serif;;
	font-size: 60px;
	letter-spacing: 4px;
	vertical-align: text-bottom;
}

.sec-wrap .title_sec .title_b{
	color: #000;
	font-family: "Futura", sans-serif;;
	font-size: 50px;
	letter-spacing: 4px;
}

/*=======================================================
コピー
=======================================================*/

.sec-wrap .catch_sec{
	width: 950px;
	margin: 100px auto 0 auto; 
	text-align: center;
}

.sec-wrap .catch_sec .copy {
	text-align: center;
}

.sec-wrap .catch_sec .copy h2{
	color: #fff;
	font-size: 40px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.sec-wrap .catch_sec .text_jp {
	margin-top: 50px;
}

.sec-wrap .catch_sec .text_jp p{
	color: #000;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 3;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.sec-wrap .catch_sec .text_en {
	margin-top: 50px;
}

.sec-wrap .catch_sec .text_en p{
	color: #000;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 2;
	/*font-family: 'Merriweather', serif; */
	font-family: 'Oxanium', cursive;
}

/*=======================================================
特徴
=======================================================*/

.sec-wrap .tokucho_sec{
	overflow: hidden;
	width: 950px;
	margin: 150px auto 200px auto; 
	text-align: center;
}

.sec-wrap .tokucho_sec .item{
	margin-top: 50px;
	text-align: left;
	float: left;
}

.sec-wrap .tokucho_sec .item dl{

}

.sec-wrap .tokucho_sec .item dt{
	display: inline-block;
	color: #fff;
	font-size: 26px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-left: 20px;
}

.sec-wrap .tokucho_sec .item dd{
	display: inline-block;
	width: 480px;
	color: #000;
	font-size: 14px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 20px 0 0 20px;
	line-height: 2;
}

.sec-wrap .tokucho_sec .item img{
	width: 400px;
	float: right;
}


/*=======================================================
シダープラス
=======================================================*/
.sec-wrap .content_sec{
	width: 100%;
	margin: 100px auto; 
	overflow: hidden;
	text-align: center;
}

.sec-wrap .content_sec .midashi h3{
	color:#fff;
	font-size: 36px;
	font-family: 'Oxanium', cursive;
}

.sec-wrap .content_sec h3{
	display: block;
	color:#fff;
	font-size: 24px;
	font-family: 'Oxanium', cursive;
}

.sec-wrap .content_sec .content_01a{
	overflow: hidden;
	margin-top: 120px;
	text-align: right;
	float: left;
}

.sec-wrap .content_sec .content_01a dl{
	width: 180px;
}

.sec-wrap .content_sec .content_01a dl img{
	width: 60px;
	padding-bottom: 10px;
}

.sec-wrap .content_sec .content_01a .title{
	display: inline-block;
	color:#000;
	font-size: 24px;
	text-align: right;
	font-family: 'Oxanium', cursive;
}

.sec-wrap .content_sec .content_01a dd {
	text-align: left;
}

.sec-wrap .content_sec .content_01a .cap{
	color:#000;
	font-size: 12px;
	text-align: right;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .content_sec .content_01a .text{
	margin-top: 5px;
	color:#000;
	font-size: 12px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align: left;
}

.sec-wrap .content_sec .content_01a .link{
	width: 180px;
	/*box-sizing: border-box;
	border: solid 1px #fff;*/
	margin-top: 7px;
	text-align: right;
}

.sec-wrap .content_sec .content_01a .link a{
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .content_sec .content_01a dd img{
	padding: 10px 0 30px 20px;
}

.sec-wrap .content_sec .content_01a img{
	display: inline-block;
	width: 70px;
	
}

/* イメージ画像 */
.sec-wrap .content_sec .content_01b{
	margin-top: 120px;
	text-align: right;
	float: right;
}

.sec-wrap .content_sec .content_01b img{
	display: inline-block;
}

/*=======================================================
エイジングシダー（テキスト挿入により調整）
=======================================================*/

.sec-wrap .content_sec .content_01ab{
	overflow: hidden;
	margin-top: 122px;
	text-align: right;
	float: left;
}

.sec-wrap .content_sec .content_01ab dl{
	width: 180px;
}

.sec-wrap .content_sec .content_01ab dl img{
	width: 60px;
	padding-bottom: 10px;
}

.sec-wrap .content_sec .content_01ab .title{
	display: inline-block;
	color:#000;
	font-size: 24px;
	text-align: right;
	font-family: 'Oxanium', cursive;
}

.sec-wrap .content_sec .content_01ab dd {
	text-align: left;
}

.sec-wrap .content_sec .content_01ab .cap{
	color:#000;
	font-size: 12px;
	text-align: right;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .content_sec .content_01ab .text{
	margin-top: 5px;
	color:#000;
	font-size: 12px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align: left;
}

.sec-wrap .content_sec .content_01ab .link{
	width: 180px;
	/*box-sizing: border-box;
	border: solid 1px #fff;*/
	margin-top: 5px;
	text-align: right;
}

.sec-wrap .content_sec .content_01ab .link a{
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .content_sec .content_01ab dd img{
	padding: 10px 0 30px 20px;
}

.sec-wrap .content_sec .content_01ab img{
	display: inline-block;
	width: 70px;
	
}

/* イメージ画像 */
.sec-wrap .content_sec .content_01bb{
	margin-top: 120px;
	text-align: right;
	float: right;
}

.sec-wrap .content_sec .content_01bb img{
	display: inline-block;
}


/*=======================================================
シダースクエア
=======================================================*/
.sec-wrap .content_sec .content_02a{
	overflow: hidden;
	margin-top: 123px;
	text-align: left;
	float: right;
}
.sec-wrap .content_sec .content_02a dl{
	width: 180px;

}

.sec-wrap .content_sec .content_02a dl img{
	width: 60px;
	padding-bottom: 10px;
}

.sec-wrap .content_sec .content_02a .title{
	display: inline-block;
	color:#000;
	font-size: 24px;
	text-align: left;
	font-family: 'Oxanium', cursive;
}

.sec-wrap .content_sec .content_02a dd {
	text-align: left;
}

.sec-wrap .content_sec .content_02a .cap{
	color:#000;
	font-size: 12px;
	text-align: left;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .content_sec .content_02a .text{
	margin-top: 5px;
	color:#000;
	font-size: 12px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align: left;
}

.sec-wrap .content_sec .content_02a .link{
	width: 180px;
	/*box-sizing: border-box;
	border: solid 1px #fff;*/
	margin-top: 25px;
	text-align: left;
}

.sec-wrap .content_sec .content_02a .link a{
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .content_sec .content_02a dd img{
	padding: 10px 0 30px 20px;
}

.sec-wrap .content_sec .content_02a img{
	display: inline-block;
	width: 70px;
	
}
/* イメージ画像 */
.sec-wrap .content_sec .content_02b{
	margin-top: 120px;
	text-align: left;
	float: left;
}

.sec-wrap .content_sec .content_02b img{
	display: inline-block;
}

/*=======================================================
ラフウッドパネル、羽目板　右から
=======================================================*/

.sec-wrap .content_sec .content_03a{
	overflow: hidden;
	margin-top: 120px;
	text-align: left;
	float: right;
}
.sec-wrap .content_sec .content_03a dl{
	width: 180px;
	height: 405px;
}

.sec-wrap .content_sec .content_03a .title{
	display: inline-block;
	color:#000;
	font-size: 20px;
	text-align: left;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .content_sec .content_03a dd {
	text-align: left;
}

.sec-wrap .content_sec .content_03a .cap{
	color:#000;
	font-size: 12px;
	text-align: left;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .content_sec .content_03a .text{
	margin-top: 20px;
	color:#000;
	font-size: 12px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align: left;
}

.sec-wrap .content_sec .content_03a .link{
	width: 180px;
	/*box-sizing: border-box;
	border: solid 1px #fff;*/
	margin-top: 27px;
	text-align: left;
}

.sec-wrap .content_sec .content_03a .link a{
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .content_sec .content_03a dd img{
	padding: 10px 0 30px 20px;
}

.sec-wrap .content_sec .content_03a img{
	display: inline-block;
	width: 70px;
	
}
/* イメージ画像 */
.sec-wrap .content_sec .content_03b{
	margin-top: 120px;
	text-align: left;
	float: left;
}

.sec-wrap .content_sec .content_03b img{
	display: inline-block;
	width: 750px;
}

/*=======================================================
デコパネル　左から
=======================================================*/

.sec-wrap .content_sec .content_04a{
	overflow: hidden;
	margin-top: 120px;
	text-align: right;
	float: left;
}

.sec-wrap .content_sec .content_04a dl{
	width: 180px;
	height: 405px;
}

.sec-wrap .content_sec .content_04a dl img{
	width: 70px;
	padding-bottom: 20px;
}

.sec-wrap .content_sec .content_04a .title{
	display: inline-block;
	color:#000;
	font-size: 20px;
	text-align: right;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .content_sec .content_04a dd {
	text-align: left;
}

.sec-wrap .content_sec .content_04a .cap{
	color:#000;
	font-size: 12px;
	text-align: right;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .content_sec .content_04a .text{
	margin-top: 20px;
	color:#000;
	font-size: 12px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: justify;
	text-justify: inter-ideograph;
	text-align: left;
}

.sec-wrap .content_sec .content_04a .link{
	width: 180px;
	/*box-sizing: border-box;
	border: solid 1px #fff;*/
	margin-top: 27px;
	text-align: right;
}

.sec-wrap .content_sec .content_04a .link a{
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .content_sec .content_04a dd img{
	padding: 10px 0 30px 20px;
}

.sec-wrap .content_sec .content_04a img{
	display: inline-block;
	width: 70px;
	
}

/* イメージ画像 */
.sec-wrap .content_sec .content_04b{
	margin-top: 120px;
	text-align: right;
	float: right;
}

.sec-wrap .content_sec .content_04b img{
	display: inline-block;
	width: 750px;
}


/*=======================================================
シダーグリルプレート
=======================================================*/

.sec-wrap .other{
	width: 100%;
	margin: 0 auto; 
	margin-top: 100px;
}

.sec-wrap .other .textBox {
	border: 1px solid #fff;
	padding: 30px 30px 60px 30px;
	position: relative;
}

.sec-wrap .other .textBox img{
	width: 350px;
	position: absolute;
	top: 16px;
	left: 580px;
}

.sec-wrap .other .textBox dt{
	color: #000;
	font-size: 20px;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .other .textBox .link a{
	color: #fff;
	font-size: 12px;
	font-family: 'Noto Sans JP', sans-serif; 
}

.sec-wrap .other .textBox dd{
	color: #000;
	font-size: 14px;
	font-family: 'Noto Sans JP', sans-serif; 
	/*font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	padding-top: 10px;
	line-height: 2;
	}
		
.sec-wrap .other .textBox::before {
	background-image: url(/html/img/westernredceder/wrc_background1.jpg);
	color: #fff;
	content: "OTHER";
	font-size: 26px;
	font-weight: bold;
	left: 30px;
	padding: 3px 10px;
	position: absolute;
	top: -20px;
	font-family: 'Oxanium', cursive;
}