@charset "EUC-JP";

*{
	margin:0;
	padding:0;
}

html,body{
	width:100%;
	height:100%;
}

.clear{
	clear:both;
}

.pc-hidden{
	display:none;
}

.sp-hidden{
	display:block;
}

img{
	border:none;
	height:auto;
}

body{
	background-color:#fff;
}

a:link, a:visited, a:hover{
	text-decoration:none;
}


p, h1, h2, h3, h4, dt, dd, th, td, .top-link{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	line-height:2;
	letter-spacing:2px;
	text-align: justify;
}

.credit, .footer ul li{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height:2;
	letter-spacing:2px;
}

.header{
	width:100%;
	padding:1% 0;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(255,255,255,0.8);
	z-index:1;
	display:inline-block;
	text-align: center;
}

#wrapper{
	width:800px;
	margin:140px auto 0;
}

.top-textbox{
	margin:40px 0;
}

.big_box{
	margin:100px 0 0;
}

.big_box h1{
	margin-bottom:30px;
}

.caption_box{
	width:430px;
	float:left;
	margin-right:20px;
}

.sukima{
	width:100%;
	display:inline-block;
	text-align: center;
	margin:70px 0;
}

.caption_box_big{
	margin:45px 0;
}

.middle-space{
	margin:20px 0;
}

.big-img, .middle-box h1{
	margin-bottom:20px;
}

.product_wrapper{
	width:100%;
}

.blue{
	background-color:#EEF8FA;
	margin-top:45px;
	padding:30px 0 15px;
}

.new{
	margin-bottom:8px;
}

.scalp{
	background-color:#fff;
	padding-top:10px;
}


.product_wrapper h1{
	margin-left:80px;
}

.big-box{
	width:80%;
	margin:80px auto;
}

.item-img{
	margin-right:30px;
	float:left;
}

.item-text{
	overflow:hidden;
   zoom:1;
}

.power-box{
	margin:25px 0;
}

.power-box h3, .power-box h4{
	margin-bottom:5px;
}

.caption_box_big :last-of-type .power-box{
	margin-bottom:0;
}

.item-text p{
	margin:15px 0;
}

.item-text table{
	margin-top:15px;
}

.item-text th, .item-text td{
	padding:5px 0;
}

.item-text table :last-of-type th{
	vertical-align:top;
}

.oil-ex{
	background-color:#fff;
	padding:18px;
}

.oil-ex dt{
	margin-bottom:5px;
}

.oil-ex dd{
	margin-bottom:10px;
}

.oil-ex dl :last-of-type dd{
	margin-bottom:0;
}

.item-link a{
	width:200px;
	height:100%;
	display: block;
}

.item-img a:link, .item-img a:visited, .footer a:link, .footer a:visited{
	text-decoration:none;
}

.buy_link, .com-text{
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-align: center;
}

.buy_now, .comingsoon{
	width:200px;
	padding:10px 5px;
	margin-left:95px;
}

.buy_now{
	background-color:#A11E35;
}

.buy_now:hover{
	background-color:#b27280;
}

.comingsoon{
	background-color:#666;
}

footer{
	width:100%;
}

.footer{
	width:900px;
	padding:30px;
	margin:0 auto;
	text-align: center;
}

.top-link{
	display:block;
	margin:10px 0 40px;
}

.footer ul li{
	display:inline-block;
	border-left:1px solid #000;
	padding:0 15px;
	margin:15px 0 20px;
}

.footer ul li:first-child{
	border:0;
}

.credit, .top-link{
	text-align: center;
}

/*文字の設定*/

.top-textbox p, .caption_box p, .caption_box_big p, .item-text p, .oil-ex dt, .oil-ex dd, .top-link, .footer a:link, .footer a:visited{
	color:#666;
}

.top-textbox p, .caption_box p, .caption_box_big p, .power-box h4, .top-link{
	font-size:13px;
}

.big_box h1, .middle-box h1, .caption_box_big h2, .power-box h4, .product_wrapper h1, .item-text h2{
	color:#A11E35;
}

.big_box h1, .caption_box_big h2, .item-text h2{
	font-size:16px;
}

.middle-box h1, .product_wrapper h1{
	font-size:22px;
}

.middle-space, .power-box h3, .item-text h3{
	font-size:14px;
}

.item-text th{
	width:150px;
	text-align: left;
	font-size:10px;
}

.item-text td, .small, .credit{
	font-size:10px;
}

.item-text p, .footer ul li{
	font-size:12px;
}

.oil-ex dt, .top-link{
	font-weight:bold;
}

.oil-ex dt, .oil-ex dd{
	font-size:11px;
}


/*戻るボタン*/

.p-top {
    position: fixed;
    bottom: 3%;
    right: 2%;
	z-index:1000;
	padding:1%;
}



/*スマホ*/

@media screen and (max-width:800px){

	.pc-hidden{
		display:block;
	}
	
	.sp-hidden{
		display:none;
	}

	img{
		height:auto;
	}

	.header, .big_box, .caption_box, .sukima, .img-box img, .img_box img, .big-img img, .item-link a, .product_wrapper, .comingsoon, .big-box, .footer{
		width:100%;
	}
	
	.item-img img{
		width:100%;
	}
	
	.header img{
		width:50%;
	}

	#wrapper{
		width:90%;
		margin:80px auto;
	}
		
	.top-textbox p, .caption_box p, .item-text p, .caption_box_big p, .power-box h4{
		font-size:13px;
	}
		
	.big_box h1, .middle-space, .middle-box h1, .caption_box_big h2, .product_wrapper h1{
		text-align: center;
	}
	
	.big_box h1{
		font-size:11px;
		margin-bottom:20px;
	}
		
	.caption_box{
		margin-bottom:25px;
	}
	
	.big_box{
		margin:50px 0 0;
	}
	
	.middle-box h1, .product_wrapper h1{
		font-size:16px;
	}
	
	.product_wrapper h1{
		margin-left:0;
	}
	
	.caption_box_big{
		margin:30px 0 50px;
	}
	
	.middle-box :last-of-type .caption_box_big{
		margin-bottom:0;
	}
	
	.caption_box_big h2, .item-text h2{
		font-size:13px;	
	}
	
	.middle-space, .power-box h3, .item-text h3{
		font-size:12px;
	}
	
	.item-text h3{
		margin-top:25px;
	}
	
	.buy_now, .comingsoon{
		margin:10px;
	}
	
	.item-text{
		width:90%;
		margin-left:20px;
	}
	
	.item-link{
		width:90%;
		margin-left:5px;
	}
	
	.item-link a{
		text-decoration:none;
	}
	
	.item-img{
		margin-bottom:17px;
	}
	
	.item-img img{
		margin-left:10px;
	}
	
	.footer{
		padding:20px 0;
	}
	
	.footer ul{
		list-style-type: none;
		margin-bottom:15px;
	}
	
	.footer ul li{
		font-size:9px;
		display: inline-block;
		border:0;
		margin:5px 0;

	}
	
	.credit{
		font-size:8px;
	}

}

/* CSS Document */