@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;}
.cf:before, .cf:after {
	content:".";
	display:block;
	clear:both;
	color:#fff; 
	height:0;
	visibility:hedden;}
div{
	display: block;}
article, .section{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	max-width:960px;
	width:100&%;
	height:auto;}
.respo{
	max-width: 100%;
	width: 100%;
	height: auto;}
.br{display:none;}
/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
売場面積日本一
*-*-*-*-**-*-*--*-*--*--*--**/

p.top{
	max-wdth:960px;	
	width: 100%;
	height: auto;
	margin-bottom:20px;}
div.area01{
	height: 400px;
	max-width: 960px;
	width: 100%;
	margin-bottom: 0em;}
.waku{
	border: solid 2px #333333;
	width: 252px;
	height: 252px;}
.number{
	font-size: 3em;
	font-weight: bold;
	position: relative;
	top:20px;
	left:205px;}
.left01{
	float: left;
	display: block;}
.right01{
	float: right;
	display: block;}
p.title01{
	width:205px;
	border-bottom: solid 2px #333;
	padding-top:30px;
	padding-bottom: 0.2em;
	margin-left:25px;	
    font-size:25px;
	line-height:35px;
	color:#4C4845;
	display:block;	
	font-weight:bold;}
p.text01{
	width:205px;
	margin-top:30px;
	margin-left:20px;
	 font-size:17px;
	line-height:20px;
	color:#4C4845;
	display:block;	
	text-justify:distribute;
	letter-spacing: 0em; }
/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
ダイビング商品取扱い数日本一
*-*-*-*-**-*-*--*-*--*--*--**/
div.area02{
	height: 460px;
	max-width: 960px;
	width: 100%;
	display:block;}
p.title02{
	width:205px;
	border-bottom: solid 2px #333;
	padding-bottom: 0.2em;
	padding-top:30px;
	margin-left:25px;	
	font-size:25px;
	line-height:28px;
	letter-spacing: -0.1em; 
	color:#4C4845;
	display:block;	
	font-weight:bold;}
p.text02{
	width:205px;
	margin-top:35px;
	margin-left:25px;
	 font-size:17px;
	line-height:20px;
	color:#4C4845;
	display:block;	
	text-justify:distribute;
	letter-spacing: 0em; }
.right02{
	float: right;}
.left02{
	float: left;
	width: 606px;}
/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
お客様数日本一
*-*-*-*-**-*-*--*-*--*--*--**/
div.area03{
	background:url(../images/2017reason_04.jpg) no-repeat;
	height: 550px;
	max-width: 960px;
	width: 100%;
	margin-bottom: 2em;}
p.title03{
	width:205px;
	border-bottom: solid 2px #333;
	padding-bottom: 0.2em;
	padding-top:30px;
	margin-left:25px;	
    font-size:24px;
	letter-spacing: -0.1em;
	line-height:35px;
	color:#4C4845;
	display:block;	
	font-weight:bold;
	background: #FFF;}
p.text03{
	width:205px;
	margin-top:30px;
	margin-left:20px;
	font-size:17px;
	line-height:20px;
	color:#4C4845;
	display:block;	
	text-justify:distribute;
	letter-spacing: 0em; }
.white{
	background: #fff;
	position: relative;
	top:50px;
	left: 50px;}

/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
絶対価格宣言
*-*-*-*-**-*-*--*-*--*--*--**/
div.area04{
	background:#E70012;
	height: 550px;
	max-width: 960px;
	width: 100%;
	display:block;
	margin-bottom: 2em;}
.b_red{
	position: relative;}
p.title04{
	width:205px;
	border-bottom: solid 2px #333;
	padding-bottom: 0.2em;
	padding-top:0px;
	margin-left:25px;	
    font-size:25px;
	line-height:28px;
	letter-spacing: -0.1em; 
	color:#4C4845;
	display:block;	
	font-weight:bold;}
p.text04{
	width:205px;
	margin-top:30px;
	margin-left:25px;
	 font-size:17px;
	line-height:20px;
	color:#4C4845;
	display:block;	
	text-justify:distribute;
	letter-spacing: 0em; }
.kakaku{
	margin: 2.5em;}
.last{
	position:absolute;
	top:50px;
	left:650px;}
.kakaku2{
	display: block;
	color: #fff;
	font-size: 3em;
	font-weight: 100;
	position:absolute;
	top: 60px;
	left: 555px;}
.kakaku3{
	display: block;
	background: #fff;
	max-width:960px;
	width: 100%;
	color: #ff0000;
	font-size: 3.2em;
	font-weight: normal;
	position:absolute;
	top: 150px;
	left:0;
	text-align: center;
	line-height: 1.6;}

/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
だからこそ〜
*-*-*-*-**-*-*--*-*--*--*--**/
p.dakara {
	 max-width:960px;
	 width: 100%;
	 font-size:35px;
	 color:#E70012;
	 text-align:center;
	 padding-top:40px;}
p.saidai{
	 max-width:960px;
	 width: 100%;
  	 font-size:60px;
	 line-height:70px;
	 text-align:center;
	 font-weight:bold;
	 padding-top:40px;
	 color:#999;
	 text-shadow: 3px 3px 3px #000;
	 margin-bottom:40px;}
p.left{
	float:left;}
p.right{
	float:right;}
.center{
	text-align:center;
	margin:2em auto 3em;}
a.btn01{
	max-width:800px;
	width:100%;
	height:auto;
	padding:0.5em 2em;
	color: #000;
	background-color: #fff100;
	border-bottom: 5px solid #ccc100;
	text-align:center;
	margin:2em auto 3em;
	font-size:1.2em;
	font-weight:bold;}
a.btn01:hover {
	margin-top: 3px;
	color: #000;
	background: # fff20a;
	border-bottom: 2px solid #ccc100;
}


/*===============================================
●画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	売場面積日本一
	*-*-*-*-**-*-*--*-*--*--*--**/

	p.top{
		max-width:768px;	
		width: 100%;
		height: auto}
	div.area01{
		height: auto;
		max-width: 768px;
		width: 100%;
		margin-bottom: 0em;
		position: relative;
	}
	.photo1{
		max-width: 400px;
		width: 54%;
		height: auto;
		position: absolute;
		top:0px;
		right: 0px;
	}
	.waku{
		border: solid 2px #333333;
		width: 252px;
		height: 252px;
		z-index:15000;
	}
	.number{
		font-size: 2.5em;
		font-weight: bold;
		position: relative;
		top:0px;
		left:middle;}
	.left01{
		float: none;
		width: 30%;}
	.right01{
		float: right;
		max-width: 500px;}
	p.title01{
		width:205px;
		padding-top:0px;
		padding-bottom: 0.2em;
		font-size:25px;
		line-height:20px;}
	p.text01{
		width:205px;
		margin-top:30px;
		margin-left:20px;
		 font-size:17px;
		line-height:20px;
		letter-spacing: 0em; }
	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	ダイビング商品取扱い数日本一
	*-*-*-*-**-*-*--*-*--*--*--**/
	div.area02{
		height: auto;
		max-width: 768px;
		width: 100%;
		margin-top: 11em;
		position: relative;
		display:block;}
	.photo2{
		max-width: 400px;
		width: 54%;
		height: auto;
		position: absolute;
		top:0px;
		left: 0px;
	}
	p.title02{
		width:205px;
		border-bottom: solid 2px #333;
		padding-bottom: 0.2em;
		padding-top:0px;
		margin-left:25px;	
		font-size:25px;
		line-height:28px;
		letter-spacing: -0.1em; 
		color:#4C4845;
		display:block;	
		font-weight:bold;}
	p.text02{
		width:205px;
		margin-top:35px;
		margin-left:25px;
		 font-size:17px;
		line-height:20px;
		color:#4C4845;
		display:block;	
		text-justify:distribute;
		letter-spacing: 0em; }
	.right02{
		float: right;}
	.left02{
		float: left;
		width: 606px;}
	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	お客様数日本一
	*-*-*-*-**-*-*--*-*--*--*--**/
	div.area03{
		background:url(../images/2017reason_04.jpg) no-repeat;
		height: 550px;
		max-width: 768px;
		width: 100%;
		margin-top: 4em;/*上のエリアとのスペース*/
		margin-bottom: 2em;}
	p.title03{
		width:205px;
		border-bottom: solid 2px #333;
		padding-bottom: 0.2em;
		padding-top:0px;
		margin-left:25px;	
		font-size:24px;
		letter-spacing: -0.1em;
		line-height:35px;
		color:#4C4845;
		display:block;	
		font-weight:bold;
		background: #FFF;}
	p.text03{
		width:205px;
		margin-top:30px;
		margin-left:20px;
		font-size:17px;
		line-height:20px;
		color:#4C4845;
		display:block;	
		text-justify:distribute;
		letter-spacing: 0em; }
	.white{
		background: #fff;
		position: relative;
		top:60px;
		left: 50px;}

	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	絶対価格宣言
	*-*-*-*-**-*-*--*-*--*--*--**/
	div.area04{
		/*background:#E70012;*/
		height: 500px;
		max-width: 768px;
		width: 100%;
		display:block;
		margin-bottom: 2em;}
	.b_red{
		position: relative;}
	p.title04{
		width:205px;
		border-bottom: solid 2px #333;
		padding-bottom: 0.2em;
		padding-top:0px;
		margin-left:25px;	
		font-size:25px;
		line-height:28px;
		letter-spacing: -0.1em; 
		color:#4C4845;
		display:block;	
		font-weight:bold;}
	p.text04{
		width:205px;
		margin-top:30px;
		margin-left:25px;
		font-size:17px;
		line-height:20px;
		color:#4C4845;
		display:block;	
		text-justify:distribute;
		letter-spacing: 0em; }
	.kakaku{
		margin: 2.5em;}
	.last{
		position:absolute;
		top:50px;
		left:60%;}
	.kakaku2{
		display: block;
		font-size: 3em;
		position:absolute;
		top: 0px;
		left:5%;}

	.kakaku3{
		display: block;
		max-width:768px;
		width: 100%;
		font-size: 2.2em;
		position:absolute;
		top: 100px;
		left:0;
		line-height: 1.6;}

	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	だからこそ〜
	*-*-*-*-**-*-*--*-*--*--*--**/
	p.dakara {
		 max-width:768px;
		 width: 100%;
		 font-size:35px;
		 text-align:center;
		 padding-top:40px;}
	p.saidai{
		 max-width:768px;
		 width: 100%;
		 font-size:60px;
		 line-height:70px;
		 text-align:center;
		 font-weight:bold;
		 padding-top:40px;
		 text-shadow: 3px 3px 3px #000;
		 margin-bottom:40px;}
	p.left{
		float:left;
		max-width: 350px;
		width: 45%;
		height: auto;
		}
	p.right{
		float:right;
		max-width: 350px;
		width: 45%;
		height: auto;}
}
	
/*===============================================
●画面の横幅が667pxまで
===============================================*/
@media screen and (max-width : 645px ){
	div.area04{
		/*background:#E70012;*/
		height: 480px;
		max-width: 768px;
		width: 100%;
		display:block;
		margin-bottom: 2em;}
	.kakaku2{
		display: block;
		font-size: 3em;
		position:absolute;
		top: 0px;
		left:2%;}

	.kakaku3{
		display: block;
		max-width:667px;
		width: 100%;
		font-size: 1.4em;
		position:absolute;
		top: 100px;
		left:0;
		line-height: 1.6;}

	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	だからこそ〜
	*-*-*-*-**-*-*--*-*--*--*--**/
	p.dakara {
		 max-width:667px;
		 width: 100%;
		 font-size:35px;
		 text-align:center;
		 padding-top:40px;}
	p.saidai{
		 max-width:667px;
		 width: 100%;
		 font-size:60px;
		 line-height:70px;
		 text-align:center;
		 font-weight:bold;
		 padding-top:40px;
		 text-shadow: 3px 3px 3px #000;
		 margin-bottom:40px;}
	p.left{
		float:left;
		max-width: 350px;
		width: 45%;
		height: auto;
		}
	p.right{
		float:right;
		max-width: 350px;
		width: 45%;
		height: auto;}
}

/*===============================================
●s画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:480px){
	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	売場面積日本一
	*-*-*-*-**-*-*--*-*--*--*--**/
	p.top{
		max-width:480px;	
		width: 100%;
		height: auto}
	div.area01{
		height: auto;
		max-width: 480px;
		width: 100%;
		margin-bottom: 0em;
		position: relative;
	}
	.photo1{
		max-width: 480px;
		width: 100%;
		height: auto;
		position: absolute;
		top:260px;
		right: 0px;
	}
	.waku{
		border: solid 2px #333333;
		width: 252px;
		height: 252px;
		z-index:15000;
	}
	.number{
		font-size: 2.5em;
		font-weight: bold;
		position: relative;
		top:0px;
		left:middle;}
	.left01{
		float: none;
		width: 100%;
		margin: -2em 0 1em 1em;
	}
	.right01{
		float: none;
		width: 100%;}
	p.title01{
		width:205px;
		border-bottom: solid 2px #333;
		padding-top:0px;
		padding-bottom: 0.2em;
		margin-left:25px;	
		font-size:25px;
		line-height:20px;
		color:#4C4845;
		display:block;	
		font-weight:bold;}
	p.text01{
		width:205px;
		margin-top:30px;
		margin-left:20px;
		 font-size:17px;
		line-height:20px;
		color:#4C4845;
		display:block;	
		text-justify:distribute;
		letter-spacing: 0em; }
	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	ダイビング商品取扱い数日本一
	*-*-*-*-**-*-*--*-*--*--*--**/
	div.area02{
		height: auto;
		max-width: 480px;
		width: 100%;
		margin-top: 33em;/*上とのスペース*/
		position: relative;
		display:block;}
	.photo2{
		max-width: 480px;
		width: 100%;
		height: auto;
		position: absolute;
		top:280px;
		left: 0px;
	}
	p.title02{
		width:205px;
		border-bottom: solid 2px #333;
		padding-bottom: 0.2em;
		padding-top:0px;
		margin-left:25px;	
		font-size:25px;
		line-height:28px;
		letter-spacing: -0.1em; 
		color:#4C4845;
		display:block;	
		font-weight:bold;}
	p.text02{
		width:205px;
		margin-top:35px;
		margin-left:25px;
		 font-size:17px;
		line-height:20px;
		color:#4C4845;
		display:block;	
		text-justify:distribute;
		letter-spacing: 0em; }
	.right02{
		float: right;}
	.left02{
		float: left;
		width: 606px;}
	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	お客様数日本一
	*-*-*-*-**-*-*--*-*--*--*--**/
	div.area03{
		background:url(../images/2017reason_04.jpg) no-repeat;
		height: 550px;
		max-width: 480px;
		width: 100%;
		margin-top: 24em;/*上のエリアとのスペース*/
		margin-bottom: 2em;}
	p.title03{
		width:205px;
		border-bottom: solid 2px #333;
		padding-bottom: 0.2em;
		padding-top:0px;
		margin-left:25px;	
		font-size:24px;
		letter-spacing: -0.1em;
		line-height:35px;
		color:#4C4845;
		display:block;	
		font-weight:bold;
		background: #FFF;}
	p.text03{
		width:205px;
		margin-top:30px;
		margin-left:20px;
		font-size:17px;
		line-height:20px;
		color:#4C4845;
		display:block;	
		text-justify:distribute;
		letter-spacing: 0em; }
	.white{
		background: #fff;
		position: relative;
		top:60px;
		left: 50px;}

	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	絶対価格宣言
	*-*-*-*-**-*-*--*-*--*--*--**/
	div.area04{
		height: 400px;
		max-width: 480px;
		width: 100%;
		margin-bottom: 2em;}
	.b_red{
		position: relative;}
	p.title04{
		width:205px;
		border-bottom: solid 2px #333;
		padding-bottom: 0.2em;
		padding-top:0px;
		margin-left:25px;	
		font-size:25px;
		line-height:28px;
		letter-spacing: -0.1em; 
		color:#4C4845;
		display:block;	
		font-weight:bold;}
	p.text04{
		width:205px;
		margin-top:30px;
		margin-left:25px;
		font-size:17px;
		line-height:20px;
		color:#4C4845;
		display:block;	
		text-justify:distribute;
		letter-spacing: 0em; }
	.kakaku{
		margin: 2em;
		width: 30%;
		height: auto;
	}
	.last{
		position:absolute;
		top:-60px;
		left:40%;}
	.kakaku2{
		display: block;
		font-size: 2.2em;
		position:absolute;
		top: 0px;
		left:2%;}
	.kakaku3{
		display: block;
		max-width:480px;
		width: 100%;
		font-size: 1.6em;
		position:absolute;
		top: 80px;
		left:0;
		line-height: 1.6;}

	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	だからこそ〜
	*-*-*-*-**-*-*--*-*--*--*--**/
	p.dakara {
		 max-width:480px;
		 width: 100%;
		 font-size:20px;
		 padding-top:40px;}
	p.saidai{
		 max-width:480px;
		 width: 100%;
		 font-size:40px;
		 line-height:50px;
		 padding-top:40px;
		 margin-bottom:40px;}
	p.left{
		float:none;
		max-width: 400px;
		width: 100%;
		height: auto;
		margin: 0 auto 1em;
		}
	p.right{
		float:none;
		max-width: 400px;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	.center{
		text-align:center;
		margin:2em auto 0.5em;}
	.br{display:inline-block;}
	a.btn01{
		max-width:480px;
		width:100%;
		height:auto;
		padding:0.5em 0.5em;
		color: #000;
		background-color: #fff100;
		border-bottom: 5px solid #ccc100;
		text-align:center;
		margin:2em auto 1em;
		font-size:1em;
		font-weight:bold;}
	a.btn01:hover {
		margin-top: 3px;
		color: #000;
		background: # fff20a;
		border-bottom: 2px solid #ccc100;}
}
	
/*===============================================
●s画面の横幅が410pxまで
===============================================*/
@media screen and (max-width:410px){
	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	ダイビング商品取扱い数日本一
	*-*-*-*-**-*-*--*-*--*--*--**/
	div.area02{
		margin-top: 29em;/*上とのスペース*/
	}
	/*--*-*-*-*-*-*-*-*-*-*-*-*-*-*
	絶対価格宣言
	*-*-*-*-**-*-*--*-*--*--*--**/
	div.area04{
		margin-top: 160px;
		height: 400px;
		max-width: 410px;
		width: 100%;
		margin-bottom: 2em;}
	.b_red{
		position: relative;}
	p.title04{
		width:205px;
		border-bottom: solid 2px #333;
		padding-bottom: 0.2em;
		padding-top:0px;
		margin-left:25px;	
		font-size:25px;
		line-height:28px;
		letter-spacing: -0.1em; 
		color:#4C4845;
		display:block;	
		font-weight:bold;}
	p.text04{
		width:205px;
		margin-top:30px;
		margin-left:25px;
		font-size:17px;
		line-height:20px;
		color:#4C4845;
		display:block;	
		text-justify:distribute;
		letter-spacing: 0em; }
	.kakaku{
		margin: 3em;
		width: 40%;
		height: auto;
	}
	.last{
		position:absolute;
		top:-220px;
		left:2%;}
	.kakaku2{
		display: block;
		font-size: 2em;
		position:absolute;
		top: -40px;
		left:2%;}
	.kakaku3{
		display: block;
		max-width:480px;
		width: 100%;
		font-size: 1.4em;
		position:absolute;
		top: 60px;
		left:0;
		line-height: 1.6;}
}
/*===============================================
●s画面の横幅が320pxまで
===============================================*/
@media screen and (max-width:320px){
	div.area02{
		margin-top: 22em;/*上とのスペース*/
		}
	div.area03{
		margin-top: 18em;/*上のエリアとのスペース*/
	}
	.white{
		position: relative;
		top:60px;
		left: 20px;}
	.last{
		position:absolute;
		top:-220px;
		left:2%;}
	.kakaku2{
		font-size: 1.6em;
	}
	p.saidai{
		 max-width:480px;
		 width: 100%;
		 font-size:28px;
		 line-height:40px;
		 padding-top:20px;
		 margin-bottom:40px;}
}