/* =Reset default browser CSS.
-------------------------------------------------------------- */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
section, nav, article, aside, hgroup, header, footer, figure, figcaption
 {
	background: transparent;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

body {
	line-height: 1;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#000;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul li {
	list-style: none;
/*	float:left;　*/
}

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

a {
	color:#fff;
	text-decoration:none;
}

.color_w{
	color:#fff;
}
.color_bl{
	color:#000;
}

a:hover {
	color:#CCCCCC;
	text-decoration:none;
}

a.opacity:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.mar5 {
	text-align:left;
	margin:5px auto;
}
.mar10-1 {
	text-align:right;
	margin:10px auto;
}

.mar5-1 {
	text-align:right;
	margin:5px auto;
}
.mar5-1t {
	text-align:right;
	margin-top:5px;
}
.mar10 {
	margin:5px auto;
}
.mar-70 {
	margin-top:-70px;
}
.mar8 {
	margin-top:8px;
}
.mar20 {
	margin-top:20px;
}
.mar20a {
	margin:20px 0 10px 0;
}
.mar20b {
	margin:20px 0 0 0;
}
.mar40a {
	margin:40px 0 10px 0;
}
.mar_l50 {
	margin-left:50px;
}


.pad20 {
	padding-top:20px;
}

.r_color_b {
	color:#ff0000;
	font-size:small;
	font-weight:bold;
}

input[type=button] {
	width:220px;
	text-align:center;
	color:#FFF;
	padding:10px 0;
	font-size:14px;
	font-weight:bold;
	background:#FF9FAD;
	border:none;
}


#container {
	background:#000;
}

header {
	color:#fff;
	width:100%;
}

h1 {
	display:block;
	vertical-align:center;
	text-align:center;
}

h1 img {
	width:16%;
}

h3 {
	font-size:1.0rem;
	line-height:1.4rem;
	display:block;
	vertical-align:center;
	text-align:center;
}


.t_img {
  height: 60px;
  position: relative;
}
 
.t_img img {
	width:16%;
  position: absolute;
  left: 90%;
  margin-left: -6%;
}

.title{
	margin:10px auto 60px auto;
}

.title img {
	width:12%;
	margin:120px auto;
}

.center{
	text-align:center;
}
.center_b{
	text-align:center;
	font-weight:bold;
}

.b_red{
	color:#ff0000;
	font-weight:bold;
}
.red{
	color:#ff0000;
}

.contact img {
	width:100%;
}

.top-contents {
	position:relative;
	width:100%;
}

.bx-viewport{
	width: 100%;
	overflow: hidden;
	position: relative;
}

#news {
	bottom:0;
	left:0;
	width:100%;
	padding:auto 0;
}

.news_contents {
	padding:0 20px;
}

.news_contents h2 > img {
	width:100px;
}

#news dt {
	float:left;
	width:12%;
	color:#fff;
	font-size:13px;
	line-height:1.5em;
	padding:5px 0 0 0;
}

#news dd {
	float:left;
	width:77%;
	color:#fff;
	font-size:13px;
	line-height:1.5em;
	padding: 5px 0 0 0;
}

#news a {
	color:#FFF;
}

#news_hov:hover{color:#E0B388; font-weight: bold;cursor: pointer;}

footer {
	padding:20px 0;
	text-align:center;
	font-size:12px;
	color:#FFF;
}
footer a {
	color:#FFF;
}
.ft_wrap{
	margin: 20px 0 0 0;
}

.pagetop {
	display:block;
	padding:10px 0;
	width:50px;
	margin:0 auto;
}

.pagetop img {
	width:50px;
}

.top_news{margin:2px 0 0 0;}
.top_news ul{margin: 0 auto 10px;width: 90%;}
.top_news1{margin:10px 0 0 0;}
.top_news1 ul{margin: 0 auto 10px;width: 90%;}
.top_news_ttl{margin:0 auto 10px; padding-top: 40px;}
.top_ttl{position: absolute; top:30%; left: -100%;right: -40%;bottom: -100%; margin:-45px auto auto; width: 30%; z-index: 90; }
.top_ttl img{width: 35%;}

.top_ttl1{margin:3px auto; width: 45%;}
.top_item_ttl{ margin:20px 0 0px 0; padding: 15px 0 15px 0; width:100%;}
.top_item_ttl a{font-weight: bold;}
.top_item_ttl1{ margin:15px auto; width:65%;}
.top_item_ttl0{ margin:-50px auto 10px auto; width:100%;}
.top_item_ttl2{ margin:10px auto 10px auto; width:100%;}
.top_item_ttl3{ margin:20px auto 10px auto; width:100%;}
.top_item_ttl1 img{ width:85%;}
.top_news_blogttl{ margin:1px auto; padding-bottom: 5px;}
.top_news_blogttl2{ margin:8px auto; padding-bottom: 5px;}
.top_news_img img{height: auto; width: 90%;}
.top_news_img1 img{height: auto; width: 50%;}
.top_news_img2 img{height: auto; width: 70%;}
.top_news_img3 img{height: auto; width: 90%;}
.top_news_img4 img{height: auto; width: 40%;}

.top_news_item{background: #fff ; padding: 5px; margin: 10px auto; position: relative; width: 90%; z-index: 10;}
.top_news_item1{background: #fff ; padding: 5px; margin: 20px auto; position: relative; width: 90%; z-index: 10;}
.top_news_item2{padding: 5px; margin: 20px auto; position: relative; width: 90%; z-index: 10;}

.attachment{position: relative;margin:auto;padding: 0; top:0; *zoom: 1;}
.attachment img{ width: 100%;}

.abt_detail_block{padding:14px 10px;}
.abt_detail_block dt,.abt_detail_block dd{float: left; font-size: 1.0rem;}
.abt_detail_block dt{text-align: left; }
.abt_detail_block dd{margin-bottom: 1px;}

.top_lg{width: 20%;}
.top_lg{top:3%; right: 2%; z-index: 100;}
.top_block_page{margin: 10px 0 0 0;}
.top_block_page li {margin-right: 0%; width: 35%;}

.detail{margin:auto; width: 65%;}
.detail1{margin:auto; width: 90%;}

.abt_detail img{
	background-color:#fff;
}
.close{
	margin:0 20px 30px 0;
	text-align:right;
	width:5%;
	float:right;
}
.close1{
	background-color:#800000;
	color:#fff;
	height:25px;
	font-weight:bold;
	margin:5px;
}
.close1:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

@media (max-width:767px){
.center_1{text-align:center;}
.mar-70 {margin-top:-50px;}
.t_img {height: 50px;}
.t_img img {width:20%;left: 87%; margin-left: -10%;}
.top_ttl1{width: 70%;}
.top_news ul{width: 100%;}
.top_news_item1{padding:5px;}
.top_block_inner_st{width: 75%;}
.top_block_page li:first-child,.top_block_page li {width: 45%;}
.top_block_page{margin:10px;}
.top_block_inner_st{width: 50%;}
.top_block{width: 90%;}
.top_block_inner > p,.top_block_inner > h2{margin: 25px auto 0; text-align: center; width: 90%;}
.top_block_page li:first-child,.top_block_page li {margin: 0 auto; padding: 10% 0 0 0;width: 100%;}
.top_news_item1 {width: 94%;}
.top_news_blogttl {font-size:1.2rem; margin: 0 auto; padding: 3px 0 ; width: 100%;}
.top_news_blogttl img{margin: 0 auto; width: 60%;}
.top_news_blogttl2 img{margin: 0 auto; width: 70%;}
.top_news_img2 img{height: auto; width: 90%;}
.top_news_img3 img{height: auto; width: 100%;}
.top_main_img{margin-top: 20px;}
.top_item_ttl0{ margin:-50px auto 10px auto;}
.top_item_ttl1{ margin:15px auto; width:90%;}
.top_item_ttl2{width:80%;}
.top_item_ttl1 h3{ font-size: 0.9rem;}
.top_item_ttl0 img{width:80%;}
.top_item_ttl1 img{width:100%;}
.top_item_ttl2 img{width:100%;}
.abt_detail_block dt,.abt_detail_block dd{font-size: 0.8rem;}
.top_lg{width: 20%;}
.top_lg{ top:2%; right: 2%;}
.detail{margin:auto; width: 100%;}
.detail h3{font-size: 0.9rem;}
.detail1{margin:auto; width: 100%;}
.f_s07{font-size: 0.7rem;}
.f_s10{font-size: 1.0rem;}
.f_s12{font-size: 1.2rem;}
}
@media (max-width:500px){
.t_img {height: 40px;}
.t_img img {width:25%;left: 85%; margin-left: -10%;}
}


.contents {
	width:100%;
	margin:0 auto;
}

.blackbox {
	width:100%;
	padding:50px 0;
}

.box {
	max-width:1060px;
	min-width:621px;
	margin:0 auto;
}

/* 製品情報ページ */
.header_t {
	background-image: url("../parts/img/wasi_br.jpg");
	color:#fff;
	width:80%;
	text-align:center;
	margin:20px auto;
}

.header_t img{
	width:90%;
}

.br_gl {
 background-image: url("./parts/img/wasi_br.jpg")
 }
li.wd_gl {
 background-image: url("./parts/img/wood-texture.jpg")
 }
li.y_gl {
 background-image: url("./parts/img/wasi_y.jpg")
 }
li.r_gl {
 background-image: url("./parts/img/wasi_r.jpg")
 }
li.b_gl {
 background-image: url("./parts/img/wasi_b.jpg")
 }
li.g_gl {
 background-image: url("./parts/img/wasi_g.jpg")
 }
li.p_gl {
 background-image: url("./parts/img/wasi_p.jpg")
 }
li.gr_gl {
 background-image: url("./parts/img/wasi_gr.jpg")
 }
ul.gl_gl {
 background-image: url("./parts/img/wasi_gl.jpg")
 }
.attachment-thumbnail {
 background-image: url("./parts/img/wasi_g.jpg")
 }
.attachment-thumbnail {
 background: #000
 }
 .attachment-wb {
 background: #fff
 }
.attachment-w {
 background-color: #fff;
 margin-bottom:20px;
 }

.size-thum{
	width:50%
}
  
.kadomaru {
   border-top-left-radius: 30px;   /* 右上 */
   border-bottom-right-radius: 30px; /* 左下 */
}
.kadomaru_4 {
   border-top-left-radius: 20px;   /* 右上 */
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
}


/* 3-1.Nav
---------------------------------------- */
.DSttl {color:#fff;}
.DSmenu {background:#000;-webkit-transform:translateX(-230px);
	transform:translateX(-230px);-webkit-transition:ease .5s;transition:ease .5s;
	position:absolute;position:fixed; top:0; left:0;width:230px; z-index:9999;}
.DSmenu.action {background:#000; -webkit-transform:translateX(0);transform:translateX(0);
	box-shadow:#fff 5px 5px 10px;-webkit-box-shadow:#fff 5px 5px 10px;-moz-box-shadow:#fff 5px 5px 10px;width:230px;}
.DSmenu .DSbtn 
	{background: #000; position:absolute; top:0;right:-50px;width:50px; height:50px;
	 -webkit-transition:ease .5s;transition:ease .5s;cursor:pointer; text-align: center;box-shadow:#fff 5px 5px 10px;}
.DSmenu .DSbtn:hover {position:absolute; top:0;right:-50px;width:50px; height:50px; background:#E0B388 ;font-weight: bold;}
.DSmenu.action .DSbtn {}
.DSmenu ul{width:100%;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
.DSmenu ul li{list-style-type:none;padding:4px 20px;background:#000;font-size:1.2rem;}
.DSmenu ul a li {color:#999;}
.DSmenu ul li:hover {cursor: pointer; list-style-type:none;/* padding:10px 20px; */background:#000;}
.DSmenu ul li a:hover{color:#DDC287; font-weight: bold;cursor: pointer;}
.hambarg:nth-child(2)
	{position:absolute;top:30%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)
	;height:2px;width:30px;background:#fff;-webkit-transition:ease .5s;transition:ease .5s;}
.hambarg:nth-child(4)
	{position:absolute;top:70%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)
	;height:2px;width:30px;background:#fff;-webkit-transition:ease .5s;transition:ease .5s;}

.DSmenu.action .DSbtn .hambarg:nth-child(2) { top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);}
.DSmenu.action .DSbtn .hambarg:nth-child(4) { top:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);}

.head-bar {background:#480000; position:absolute; position:fixed; top:0; left:0; width:100%; height:100px; overflow:hidden;}
.section {-webkit-transition:ease .5s;transition:ease .5s;}
.section.blur {opacity:0.25;transform:translateX(50px);-webkit-filter: blur(5px);filter: blur(5px);}
.DSmenu a{display:inline;}
#main-nav li a {font-size: 1.2rem;position: relative;display: inline-block;transition: .3s;}
#main-nav li ul li{line-height: 1.2rem; padding: 5px 10px;}
#menu-item-01 {margin-top:15px;}
ul.sub-menu{padding:0.2em 0.5em 0 0.5em;}
.DSttl{display: inline-block; font-size: 12px; padding-top: 20px; text-align: center;-webkit-transition:ease 1s;transition:ease 1s;}
.wh.DSmenu.action .DSttl{opacity: 0;}

@media (min-width:767px){
#main-nav li a::after {position: absolute;bottom: 0;left: 50%;content: '';width: 0;height: 1px
	;background-color: #E0B388;transition: .3s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
#main-nav li a:hover::after {width: 100%;}
}

@media (max-width:767px){
.DSmenu .DSbtn {position:absolute; top:0; right:-50px;width:50px; height:50px
	;-webkit-transition:ease .5s;transition:ease .5s; text-align: center; color: #000
	;box-shadow:#fff 5px 5px 10px;}
.DSmenu .DSbtn:hover {position:absolute; top:0; right:-50px; width:50px; height:50px;	}
.DSmenu .DSbtn .hambarg:nth-child(2) {height:1px;width:30px;}
.hambarg:nth-child(4) {height:1px;width:30px;}
.DSttl{ padding-top:20px;}
}


#page-top{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 10px;
  right: 15px;
  width: 70px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transform: rotateY(270deg);
  transition: .5s;
}

#page-top:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.up_lg{width: 100%;}

@media (max-width:767px){
#page-top{
  bottom: 10px;
  right: 5px;
}
.up_lg{
	width:80%;
}
}