@charset "utf-8";
/*リセット*/
ul,li,p,h1,audio,dl,dd,dt,div,nav,header,section,img,address {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:16px;
	line-height:1.6;
	list-style-type:none;
	overflow:hidden;
	font-style:normal;
}
/*バックグラウンドイメージ*/
body {
	background:url(../back.jpg);
	background-attachment:fixed;
	margin:0;
	-webkit-text-size-adjust: 100%;
}
/*全体*/
#container {
	width: 92%;
	padding:2%;
	margin:0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: hsla(0,0%,0%,0.30);
	overflow:hidden;
	color:#fff;
}
/*楽天リンク前に投入*/
a[href*="rakuten"]:not(.images):before{
	content:"5.1AIRSHOP \697D\5929\5E02\5834\5E97";
}
/*Yahoo!リンク前に投入*/
a[href*="yahoo"]:before {
	content:"5.1AIRSHOP Yahoo!\30B7\30E7\30C3\30D4\30F3\30B0\5E97";
}
/*非表示*/
#news dd br {
	display:none;
}
/*ヘッダー(ナビゲーション)*/
header {
	background: hsla(60,4%,10%,0.5);
	width:100%;
}
header h1 {
	font-size:14px;
}
nav ul  {
	background:#fff;
}
nav ul li:not(:first-child) {
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
nav ul li:nth-child(1) {
	background:hsla(60,2%,9%,1.00);
}
nav ul li:nth-child(2) {
	margin:0.25%;
	width:35.5%;
	background:hsla(60,2%,9%,1.00);
}
nav ul li:nth-child(3) {
	margin:0.25%;
	width:63.5%;
	background:hsla(60,2%,9%,1.00);
}
nav ul li:nth-child(4) {
	width:33%;
	margin:0.25%;
	background:hsla(60,2%,9%,1.00);
}
nav ul li:nth-child(5) {
	width:28%;
	margin:0.25%;
	background:hsla(60,2%,9%,1.00);
}
nav ul li:nth-child(6) {
	width:37.5%;
	margin:0.25%;
	background:hsla(60,2%,9%,1.00);
}
nav ul li img {
	width:35%;
}
nav ul li:not(:first-child) a {
	color:#fff;
	display:block;	
}
.about nav ul li:nth-child(2),
.product nav ul li:nth-child(4),
.contact nav ul li:nth-child(6) {
	background:#fff;
	color:#000;
}
/*メインコンテンツ*/
.top #container .main section:first-child img {
	width:100%;
	}
/*表題*/
section h1 {
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	margin-top:1.5em;
}
.product section h1,
.about section h1,
.contact section h1 {
	border-bottom:1px solid #000;
	margin:0 1%;
}
/*プロダクト情報*/
.product section h1 span {
	font-size:16px;
	font-weight:normal;
	display:block;
}
/*NEWS*/
#news .left {
	width:100%;
}
#news img {
	float:right;
	width:100%;
}
#news dl dt {
	color:#000;
	background:#fff;
	font-weight:bold;
	padding-left:10px;
	text-align:center;
	margin-top:1em;
}
#news dd,
#news p {
	margin-top:5px;
	font-size:14px;
}
/*news_a only*/
section a {
	color:#fff;
}
#news .left p+p+p {
	background:#f03;
	text-align:center;
}
/*カウントダウンタイマー*/
#CDT {
	color: #000;
	font-weight: bold;
}
#CDT .number-wrapper {
 margin:5px 0 0 5px;
	background:#fff;
	padding:2px;
	padding-top:1em;
	border-radius:5px;
}
#CDT .number {
	 font-size: 25px;
}
#CDT .end .number-wrapper {
	background: hsla(50,100%,50%,1.00);
	color:#f03;
	margin:1em auto;
	padding:0;
	display:block;
	text-align:center;
}

.caption {
	font-size:10px;
}
/*Renovaとは*/
#whats p {
	font-size:14px;
	margin-top:10px;
}
#whats div {
	margin-top:10px;
	overflow:hidden;
}
#whats div img {
	width:49%;
	float:left;
}
#whats div img:nth-child(2),
#whats div img:nth-child(4) {
	margin-left:2%;
}
#whats div img:nth-child(3),
#whats div img:nth-child(4) {
	margin-bottom:2%;
	margin-top:2%;
}
/*フットナビゲーション*/
footer {
	border-top:4px double #fff;
}
footer ul {
	margin:1em auto;
	width:100%;
}
footer ul li {
	float:left;
	list-style-type:none;
	margin-bottom:1%;
}
footer img {
	width:39px;
	bottom:0px;
	padding:0 0 0 5px;
}
footer a {
	text-decoration:none;
	color:#fff;
	margin:1em;
	border-bottom:1px solid #fff;
}
/*メイン白ベース*/
.product .main,
.about .main,
.contact .main {
	background:#fff;
	color:#000;
}
/*プロダクト*/
.product section ul li {
	float:left;
	width:50%;
	text-align:center;
	margin:1em 0;
}
.product section img {
	width:100%;
}
.product #detail img:nth-child(5) {
	visibility: hidden;
	position:absolute;
	width:0%;
	height:0%;
}
.product #detail div {
	margin:1em 0em;
	font-size:7px;
	width:100%;
}
.product #detail div img {
	width:95%;
	margin:0px;
	float:left;
}
.product #detail div p:nth-child(2) {
	margin-left:4%;
	font-size:9px;
	width:65%;
	line-height:14px;
	position:absolute;
}
.product #detail div p:nth-child(3) {
	font-size:16px;
	margin:60% 0 0 40%;
	font-weight:bold;
	width:50%;
	text-align:right;
	transform:rotate(-20deg);
	-webkit-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	position:absolute;
}
.product #detail div p:nth-child(3) span:nth-child(7),
.product #detail div p:nth-child(3) span:nth-child(8),
.product #detail div p:nth-child(3) span:nth-child(9),
.product #detail div p:nth-child(3) span:nth-child(10),
.product #detail div p:nth-child(3) span:nth-child(11),
.product #detail div p:nth-child(3) span:nth-child(12) {
	color:#f03;
}
.product #detail div p:nth-child(3) span{
	border-bottom: none;
}
.product #detail div + p:nth-child(2) {
	clear:both;
	margin:1em 1%;	
	font-size:14px;
	font-weight:bold;	
	border:5px double #000;
	padding:1%;
}
.product #detail p:nth-child(3) {
	margin:1em 1%;	
}
.product #detail p:nth-child(3) span,
.about section p span {
	border-bottom:#000 1px dotted;
}
.top #whats p span {
	border-bottom:#FFF 1px dotted;
}
.product #detail p:nth-child(4) {
	margin:1em 1%;	
	background:#ccc;
	padding:2%;
	font-size:14px;
}
.product section:not(:first-child),
.about section {
	width:100%;
	margin:1em auto;	
}
.product #radious {
	position:absolute;
	margin:-20px auto;
	font-weight:bold;
	width:50%;
}
.product #radious span {
	padding:0 2px;
	border-radius:10px;
	color:#F69;
}
/*アバウト*/
.about section p {
	width:96%;
	margin-left:2%;
	margin-top:1em;
}
.about section img {
	margin-top:1em;
	width:96%;
	margin-left:2%;
}
.about br {
	display:none;
}
.about #black img {
	width:40%;
	float:right;
}

/*コンタクト*/
.contact .main {
	background:url(../images/Blackline.jpg) no-repeat #fff 0 0;
	background-size: 123% ;
	}
.contact .main section {
	background:hsla(0,0%,100%,0.5);
	width:96%;
	margin:1em auto;	
}
.contact .main #adress p {
	 margin-top:0.5em;	
}
.contact .main #adress p:nth-child(5) {
	border:4px #000 double;
	width:90%;
	margin:1em auto;
	padding:0 5px;
}
.contact .main section p span {
	background:#ddd;
	padding:1px;
	border-radius:5px;
}
.contact .main section p .bold,
.contact .main section a {
	color:#000;
	font-weight:bold;
}
.contact .main #atten dl dt {
	font-size:18px;
	display:inline;
	font-weight:bold;
	border-bottom:1px solid #000;
	width:100%;
}
.contact .main #atten dl dd {
	margin-bottom:0.5em;
}
.contact .main #atten br,
.contact .main #adress p:nth-child(5) br {
	display:none;
}

/*ページトップ*/
.page-top {
 position: fixed;
	bottom: 20px;
	right:0;
 padding: 10px;
	background: #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
 -ms-filter: "alpha(opacity=80)";
 -moz-opacity: 0.8;
 -khtml-opacity: 0.8;
 opacity: 0.8;
	color:#fff;
	z-index:1000;
}
.pc {
	display:none;
	}