@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("//fonts.googleapis.com/css?family=Lusitana|Teko");
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

::-moz-selection {
 background:#000;
 color:#fff;
}
::selection {
	background: #000;
	color: #fff;
}
.sp {
	display:none !important;
}
* { outline: none; }
body {
	font-family: "Yu Gothic", YuGothic, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	background-color: #000;
}
#bdWrap {
	background: url(../images/bd_bg.jpg) no-repeat fixed left top / 100% auto;
	min-width: 1200px;
	width: 100%;
	min-height: 620px;
}
#bdWrap h1 {
	padding-top: 31.2222%;
	width: 56.25%;
	margin-left: 41.1666%;
	background: url(../images/logo.png) no-repeat center center / contain;
}
#bdWrap1 {
	padding: 130px 0px 0px;
	position: relative;
}
#catch {
	background: url(../images/catch.png) no-repeat center center;
	width: 66px;
	position: fixed;
	left: 60px;
	top: 0px;
	bottom: 50px;
}
#bdWrap2 { padding: 0px 3.16666% 75px 44.1666%; }
#bdWrap2 .bdinWrap {
	background: rgba(0,106,174,.8);
	padding: 10px;
	border: 1px solid rgba(0,0,0,1);
}
#bdWrap2 .bdinWrap h2 {
	font-size: 30px;
	line-height: 44px;
	color: rgba(0,131,214,1);
	background: rgba(0,0,0,1);
	text-align: center;
	padding: 18px;
	font-weight: bold;
}
#bdWrap2 .bdinWrap h2 span {
	font-size: 25px;
	color: #ff0024;
}
.price {
	font-size: 20px;
	line-height: 72px;
	text-align: center;
	height: 72px;
}
#bdWrap2 .bdinWrap #bd1 {
	font-size: 16px;
	line-height: 29px;
	text-align: center;
	background: rgba(255,255,255,1);
	color: rgba(0,0,0,1);
	margin-bottom: 20px;
}
#bdWrap2 .bdinWrap h3 {
	font-size: 16px;
	line-height: 25px;
	font-weight: bold;
	color: rgba(0,131,214,1);
	text-align: center;
	padding: 10px;
	background: #000;
}
#bdWrap2 .bdinWrap #bd2 {
	color: rgba(0,0,0,1);
	background: rgba(255,255,255,1);
	margin-bottom: 20px;
}
#bdWrap2 .bdinWrap #bd2 p {
	padding: 50px;
	line-height: 29px;
	font-size: 16px;
}
#bdWrap2 .bdinWrap h4 {
	font-size: 16px;
	line-height: 70px;
	font-weight: bold;
	color: #f00;
	background: rgba(0,0,0,1);
	text-align: center;
}
.discPg {
	font-size: 16px;
	line-height: 29px;
	color: rgba(0,0,0,1);
	padding: 30px 50px;
	background: rgba(255,255,255,1);
	margin-bottom: 5px;
}
.discin { padding-top: 55px; }
.discin h5 {
	font-size: 16px;
	line-height: 70px;
	font-weight: bold;
	text-align: center;
	height: 70px;
	background: rgba(255,255,255,1);
}
#bdWrap2 .discin h5 { color: rgba(0,85,139,1) }
.discin p,
.discin dl {
	font-size: 16px;
	line-height: 29px;
	padding: 30px 50px;
	margin-bottom: 5px;
	font-weight: bold;
}
.discin dd {
	padding-left: 1em;
	padding-bottom: 7px;
}
#bdWrap3 { padding: 0px 3.16666% 60px 44.1666%; }
#bdWrap3 .bdinWrap {
	background: rgba(255,0,0,.8);
	padding: 10px;
	border: 1px solid rgba(0,0,0,1);
}
#bdWrap3 .bdinWrap h2 {
	font-size: 30px;
	line-height: 160px;
	font-weight: bold;
	color: rgba(204,0,0,1);
	background: rgba(0,0,0,1);
	height: 160px;
	text-align: center;
}
#bdWrap3 #bd3 { margin-bottom: 20px; }
#bdWrap3 .bdinWrap h4 {
	font-size: 16px;
	line-height: 70px;
	font-weight: bold;
	color: #c00;
	background: rgba(0,0,0,1);
	text-align: center;
}
.mt { margin-top: 50px; }
#bdWrap3 #bd4 { margin-bottom: 20px; }
#bdWrap3 .discin h5 { color: rgba(204,0,0,1); }
#bdWrap4 { padding: 0px 3.16666% 80px; }
#bdGoods {
	width: 1126px;
	position: relative;
	margin-left: auto;
}
#bdGoods h2 {
	background: rgba(0,106,174,.8);
	border: 1px solid rgba(0,0,0,1);
	height: 88px;
	line-height: 88px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
#goodsList {
	display: flex;
	justify-content: space-between;
	padding-bottom: 60px;
}
#goodsList li {
	width: 340px;
	background: rgba(0,106,174,.8);
	border: 1px solid rgba(0,0,0,1);
	padding: 5px;
}
#goodsList li img {
	display: block;
	height: 323px;
}
.goodsName {
	height: 120px;
	display: flex;
	align-items: center;
	padding-top: 5px;
}
.goodsName p {
	font-size: 20px;
	font-weight: bold;
	line-height: 34px;
	text-align: center;
	width: 100%;
}
.goodsName p span,
.goodsName p a { color: #F00; }
.goodsName p a:hover { text-decoration: none; }
#bdGoods h3 {
	background: rgba(255,0,0,.8);
	border: 1px solid rgba(0,0,0,1);
	height: 88px;
	line-height: 88px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
#tkimg {
	background: rgba(255,0,0,.8);
	padding: 5px;
	border: 1px solid rgba(0,0,0,1);
}
#tkimg p {
	background: rgba(255,255,255,1) url(../images/tkimg.jpg) no-repeat center top;
	padding-top: 660px;
	padding-left: 20px;
	line-height: 26px;
	font-size: 14px;
	color: #000;
	padding-bottom: 20px;
}
footer { padding: 0px 3.16666% 40px 44.1666%; }
footer .bdinWrap {
	background: rgba(255,0,0,.8);
	padding: 10px;
	border: 1px solid rgba(0,0,0,1);
	margin-bottom: 35px;
}
footer .bdinWrap h2 {
	font-size: 30px;
	line-height: 160px;
	font-weight: bold;
	color: rgba(204,0,0,1);
	background: rgba(0,0,0,1);
	height: 160px;
	text-align: center;
}
footer p {
	font-size: 14px;
	line-height: 26px;
}
#bttop {
	height: 96px;
	width: 96px;
	position: fixed;
	left: 0px;
	bottom: 0px;
	background:#000;
}
#bttop a {
	background: url(../images/bttop.png);
	display: block;
	height: 96px;
}
#bttop a:hover {
	opacity:0.8;
}

#ytBox {
	padding-top: 29%;
	position: relative;
	width: 52.666%;
	margin-left: auto;
	margin-right: 3.16666%;
	margin-top: 50px;
	margin-bottom: 50px;
}
#ytBox iframe {
	position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}