/* CSS Document */

@charset "UTF-8";

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 62.5%;
	color: #111111;
	line-height: 1;
	font-weight: normal;
	background: #fff;
}

	* {
		box-sizing: border-box;
	}

img {
	width : auto;
	max-width : 100%;
	height: auto;
}

p {
	margin:0;
	padding:0;
	line-height:1.8;
}

hr {
	border: 0;
	height: 1px;
	background:#ccc;

}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}


/* リンク
---------------------------------------------------- */
a:link {
	color:#0066FF;
	background: transparent;
	
}
a:visited {
	color:#0066ff;
	background: transparent;
}
a:hover, a:active {
	color:#0099FF;
	background: transparent;
	/*text-decoration:none;*/
}
a img {
	border:none;
	color:#FFFFFF;
	background:transparent;
	background-color: rgba(255, 255, 255, .01); /* 透明度を低く指定 */
}

table {
	border-collapse: collapse;
}


/* 全体構造
---------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	padding:0;
 	height: 100%;
	min-height: 100%;
	/*max-width: 1400px;*/
	background: url(../img/back.png) repeat-y;
	overflow: hidden; /*--レスポンシブレイアウト時の右側の余白を消す--*/
	}

#wrapper img {vertical-align:bottom;}

.box {
	max-width: 1400px;
	margin: 0 auto;
}

.note {margin:30px 2%;font-size:1.2rem;color:#555;}

h3 {
	font-size: 2.4rem;
	color:#333;
	margin: 16px 0;
	padding:8px 0 8px 30px;
	background:url("../img/icon_logo.png") no-repeat 6px 12px;
	background-size:16px;
}
h3 span{font-size: 1.2rem;}

.address {text-align:center;margin:10% 5%;font-size:1.2rem;}
.address a {width:70%;
	margin:10px 15% 5%;
	padding:15px;background:#ff3300;
	border-radius:16px;padding:8px;
	font-size:1.2rem;color:#fff;
	text-decoration:none;
	display: block;
	}

.mb {display:none}


/*ヘッダー
----------------------------------------------------------------*/
#header {
	max-width: 1400px;
	width:100%;
	margin:0px auto;
	padding:0;
	overflow: auto;
	}

#logo {	
	width:39%;
	margin:30px 1% 20px;
	text-align:left;
	float:left;
	}
	
.head_btn {	
	width:25%;
	margin:50px 2% 0;
	float:left;
	}

.global-nav-box {
	margin:0 auto;
	padding:0;
	width:100%;
	background:#111;
	}

.global-nav {
	margin:0 auto;
	padding:0;
	max-width:1400px;
	}

.global-nav li {
	width:calc(100%/6);
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	text-align:center;
	}

.global-nav a {
	background:#111;
	padding:16px 0;
	display:block;
	}

.global-nav .gn_ministage a:hover,.gn_ministage_h a{background:#38bdef;}
.global-nav .gn_stageq a:hover,.gn_stageq_h a {background:#f1c411;}
.global-nav .gn_stepladder a:hover,.gn_stepladder_h a {background:#aaba1c;}	
.global-nav .gn_stageupperq a:hover,.gn_stageupperq_h a {background:#ff8400;}
.global-nav .gn_others a:hover,.gn_others_h a,.gn_others_h a {background:#666;}

.global-nav a:hover {
opacity:1;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

	
/*フッター
----------------------------------------------------------------*/
#footer-box {
	text-align:center;
	width:100%;
	margin:0px auto;
	padding:20px 30px;
	overflow: auto;
	background:#111;

}

#footer {
	max-width: 1400px;
	margin: 0 auto;
	color:#FFFFFF;
}

#f_logo {margin:10px 0 40px;text-align:left;}
#copy {font-size:1.6rem;margin:10px;}

.info {
	width:calc(100%/3);
	margin:0;
	padding:10px 4%;
	font-size:1.5rem;
	text-align:left;
	float:left;
	}

/*トップページ
----------------------------------------------------------------*/
section {margin:0;padding:0;}
.slider {width:100%;}
.slick-slide {margin: 0px;}
.slick-slide img {width: 100%;}

.slick-prev:before,
.slick-next:before {
      color: black;
    }

.slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
.slick-active {
      opacity: .5;
    }

.slick-current {
      opacity: 1;
    }

#news_tit {font-size:1.8rem;color:#fff;text-align:center;background:#111;margin:20px 3% 0;padding:10px;}
#news {margin:0px 3% 20px;border:1px solid #333;padding:10px;}
.date {font-size:1.2rem;margin: 20px 30px 16px;color:#666;}
.info-txt {font-size:1.6rem;margin:0 30px 14px;}


.top_btn {width:31.3333%;margin:2% 1%;float:left;text-align:center;}

.top_btn a:hover img {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
}
/*製品ページ
----------------------------------------------------------------*/
#tit_product {
	width:80%;
	margin: 1.6rem 2% 0.8rem;
	padding:0;
	}

#cth_product {
	color: #FFF;
	text-align: center;
	padding: 1.6rem;
	margin: 0 0 0 0;
	font-size: 1.6rem;
	}

.nintei {
	color: #666;
	text-align: right;
	margin:1rem 1rem -3rem 0;
	padding:0;
	font-size:1.4rem;
	}

.shikaku {
	color:#fff;text-align:center;background:#333;font-size:14px;width:70%;margin:20px 15%;padding:10px 0;
	}

.chr {width:90%;margin:50px auto;border-radius:4px;}
.chr_tit {color:#333;font-size:2.0rem;font-weight:bold;width:30%;margin:0 2% 16px 4%;float:left;}
.chr_txt {color:#333;font-size:1.4rem;width:62%;margin:4px 2% 16px 0;float:left;}

.spec {width:36%;text-align:center;margin:2% 0 2% 6%;float:left;vertical-align:top;}
.photo {width:52%;text-align:center;margin:2% 6% 2% 0;float:left;vertical-align:top;}
.size {width:80%;margin:10px 10% 50px;}

.product_txt {font-size:1.4rem;}
.prouct_img {width:83.36%;margin:10px 8.32% 30px;}
.assemble {width:calc(82%/3);margin:0.5% 3%;}

.benri {width:calc(92%/4);float:left;margin:0 1%;font-size:1.3rem;}
.benri img {margin-bottom:8px;}

.pdf {margin:20px;font-size:1.4rem;text-align:center;}
.pdf a {background:url("../img/pdf_icon.gif")no-repeat;padding:0 0 0 20px;}

.spec th,.spec td {padding:0.8rem;font-size:1.6rem;}
.spec th {text-align:right;vertical-align:top;line-height:1.6;white-space:nowrap;padding-right:0rem;}
.spec td {text-align:left;color:#666;line-height:1.6;}

.mb_50-30 {margin-bottom:50px;}


/*ministage
----------------------------------------------------------------*/
.cth_ministage {background:#38bdef;}
.tit_ministage {border-top: solid 1px #59BFD9;border-bottom: solid 1px #59BFD9;}
.chr_mini .chr_tit {color:#38bdef;}


/*stageQ
----------------------------------------------------------------*/
.cth_stageq  {background: #f1c411;}
.tit_stageq{border-top: solid 1px #FFDB00;border-bottom: solid 1px #f1c411;}
.chr_stageq .chr_tit {color:#f1c411;}

/*サイズ一覧*/
.q_size {
	width:90%;
	margin:10px 5% 50px;
	border: solid 2px;
}
.q_size th, .q_size td {
	border: solid 1px;
	padding:10px 4px;
	text-align:center;
	font-size:1.6rem;
}
.q_size th {
	background:#ccc;
	font-weight:normal;
}

.yt {width:100%;height:800px;margin-bottom:10px;}

/*stepladder
----------------------------------------------------------------*/
.cth_ladder {background:#aaba1c;}
.tit_ladder {border-top: solid 1px #aaba1c;border-bottom: solid 1px #aaba1c;}


/*stageupperQ
----------------------------------------------------------------*/
.cth_stageupperq {background:#ff8400;}
.tit_stageupperq {border-top: solid 1px #ff8400;border-bottom: solid 1px #ff8400;}
.chr_stageupperq  .chr_tit {color:#ff8400;}


/*others
----------------------------------------------------------------*/
.cth_others {background:#666;}
.tit_others {border-top: solid 1px #666;border-bottom: solid 1px #666;}

.pho_compact {width:90%;margin:0 5%;}
.pho_compact div {width:calc(92%/4);float:left;margin:1%;}


/*companyprofile
----------------------------------------------------------------*/
.copr,.customers {width:90%;margin:20px 5%;}
.copr td,.copr th {font-size:1.6rem;line-height:1.6;border:1px solid #333;padding:2rem 1%;}
.copr th {width:28%;color:#fff;white-space:nowrap;background:#555;}
.copr th span {font-size:1.2rem;font-weight:normal;}
.copr td {width:68%;color:#333;}

.customers td {padding:2rem;font-size:1.6rem;color:#333;}


@media screen and ( max-width:1399px )
{
	#header,.global-nav,.box,#footer {max-width:1200px;}
	.yt {height:676px;}
}




@media screen and ( max-width:1024px )
{
	/*.chr_tit {font-size:1.8rem;margin:0 2% 16px 2%;}
	.chr_txt {font-size:1.4rem;width:64%;margin:4px 0% 16px 0;}*/
	.chr_tit {font-size:1.6rem;width:35%;margin:0 1% 16px;}
	.chr_txt {font-size:1.2rem;width:62%;margin:4px 0 16px 0;}
	.q_size th, .q_size  td {font-size:1.3rem;}
	.benri {font-size:1rem;}
	.spec th,.spec td {padding:0.8rem;font-size:1.2rem;}
	.prouct_img {width:100%;margin:10px 0 30px;}
	h3 {
	font-size: 2.0rem;
	background:url("../img/icon_logo.png") no-repeat 6px 11px;
	margin: 16px 1%;
	padding:7px 0 7px 28px;
	background-size:14px;
	}
	h3 span {font-size: 1.0rem;}
	.yt {height:500px;}
}


@media screen and ( max-width:599px )
{
	#logo {width:50%;margin:20px 8% 20px 2%;float:left;}
	.head_btn {width:35%;margin:27px 0 10px;}
	.fax {display:none;}
	.global-nav li {width:calc(100%/3);}

	h3{font-size: 1.6rem;background:url("../img/icon_logo.png") no-repeat 6px 9px;margin: 16px 1%;padding:7px 0 7px 24px;background-size:12px;}

	#footer {padding:20px 1%;}

	#f_logo {margin:10px 0 30px;width:60%;text-align:left;}
	
	#copy {font-size:1.2rem;}

	.info {
	width:calc(100%/1);
	margin:0;
	padding:0px 0 30px 0;
	font-size:1.2rem;
	float:none;
	}

	.date {font-size:1.1rem;margin:0 2% 12px;}
	.info-txt {font-size:1.2rem;margin:0 2% 10px;}

	.shikaku {font-size:1rem;width:96%;margin:14px 2%;padding:6px 0;}
	#tit_product {width:96%;}
	.nintei {font-size:1rem;}

	.chr {width:100%;margin:30px auto;}
	.chr_tit {width:100%;text-align:center;font-size:1.8rem;margin:0;float:none;}
	.chr_txt {width:100%;text-align:center;font-size:0.9rem;margin-bottom:10px;float:none;}
	.spec {width:70%;text-align:center;margin:5% 15%;float:none;}
	.photo {width:80%;text-align:center;margin:0 10% 2%;float:none;}
	.size {width:90%;margin:10px 5% 30px;}

	.product_txt {font-size:1.1rem;}
	.assemble {width:calc(92%/2);margin:0 2%;}

	#cth_product {padding:1rem;font-size: 1.2rem;text-align: left;}

	.benri {width:calc(92%/2);float:left;margin:0 2% 1rem;font-size:1.1rem;}

	.pdf {margin:20px 5%;font-size:1.2rem;}
	.pdf a {background-size:12px;padding:0 0 0 16px;}

	.spec th,.spec td {padding:0.6rem;font-size:1.3rem;}

	.copr,.customers {width:98%;margin:20px 1%;}
	.copr th {font-size:1.2rem;line-height:1.4;}
	.copr td {font-size:1rem;line-height:1.4;}
	.copr th span {font-size:0.9rem;}
	
	.customers td {padding:1rem;font-size:1rem;}

	.pho_compact div {width:calc(96%/2);float:left;margin:1%;}

	.q_size {width:98%;margin:10px 1% 30px;}
	.q_size th, .q_size td {padding:10px 2px;font-size:1.1rem;}

	.top_btn {width:46%;margin:2%;}

	.yt {height:220px;}

	.note {
	margin:20px 0 20px 10px;
	text-align:left;
	font-size:0.8rem;
	}	
	.mbn {display:none;}
	.mb {display:block}	

	.mb_50-30 {margin-bottom:30px;}
}