@charset "UTF-8";
/* CSS Document */

* {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/********* 商品ページ *********/
#itempage a {
	text-decoration:underline;
	display:inline;
-webkit-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden;
}
#itempage a:hover{
color:#ccc; text-decoration:underline;
	background-color:#fff;
	opacity: 0.9;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
}
.itemlink{font-size:11px;}
.itemlink a{text-decoration:underline;}
#itempage{width:630px; margin:0 auto 50px; padding:0; background:#fff;}

#itempage h4{margin: 15px 0 5px;font-size:16px;letter-spacing: 1px;font-weight:bold;}
#item-name{width:630px; padding:5px 0 3px 0; position:relative;}
#item-name h2{ font-size:16px; font-weight: normal; margin:0; padding:0; line-height:20px;}
#item-name h2 span{ font-size:11px; margin:0 0 0 20px;}
#item-name #bland-name,#item-name #brand-name{ position:absolute; right:0; bottom:0px; font-size:9px;line-height: 20px;}
#itempage p {letter-spacing: 1px;font-size:12px;margin-top:15px;}

#item-title-area{ margin:0; padding:50px 0 60px; text-align:center;}


#item-title-area p{font-size:11px; line-height:18px; margin:0; padding:0;}

.itemarea{
	margin-bottom:80px;
}

.blog-link{ margin:20px 0 0 0;}
.blog-link ul{ line-height:20px; padding:0; margin:5px 0 0 0;}
.blog-link ul li{ background:url(https://www.rakuten.ne.jp/gold/kozlife/images/common/blank.png) no-repeat left 5px; list-style:none; padding:0 0 0 23px;}
.blog-link a{ font-size:11px; color:#0000ff; text-decoration:underline;}
.blog-link a:hover{ text-decoration: none;}



.tip {color: #fff;background:#1d1d1d;display:none; padding:3px; position:absolute; z-index:1000;}


#preview{position:absolute;display:none;color:#fff;}
#staff-comment{font-size: 12px;padding: 30px; margin-bottom: 60px; border: 1px solid #727577; border-radius: 10px;}

.series,.detail{
	margin-bottom:30px;
}
.detail p{margin: 10px 0 0px;}
.series h5,.detail h5{
	font-size:15px;
	margin:0 0 5px;
}
.series h5 span,.detail h5 span{
	font-size:11px;
	font-weight:normal;
	padding-left:10px;
}

.series p:nth-of-type(2){
	padding-top:20px;
}

#itempage .spec-area{
    margin-bottom:100px;
}

h4.spec-title {
    margin: 0 0 10px 0 !important;
    display: inline-block;
    background: #dcdcdc;
    padding: 2px 5px;
    font-size: 12px !important;
    font-weight: bold;
}

#spec-area h4,#itempage .spec-area h4{
	background:#dcdcdc;
	display:inline;
	padding:2px 5px;
	font-size:12px;
    font-weight:bold;
}
#spec-area table,.spec-area table{
	width:100%;
	margin-top:10px;
	border-collapse:collapse;
	font-size:11px;
}

#spec-area table tr,.spec-area table tr{
	border-bottom:1px #444 solid;
}

#spec-area table tr:last-child,.spec-area table tr:last-child{
	border-bottom:none;
}

#spec-area table td,.spec-area table td{
	padding:20px 0 20px 50px;
}



hr.dot-line{
	border:none;
	border-top:dashed 1px #333;
	height:20px;
	color:#fff;
	margin:0 0 50px;
}

/*見出しコメント*/
#item-title-area #item-title-name,.item-title-name {
    height: 15px;
    margin: 0 auto;
    vertical-align: middle;
}
#item-title-area #item-title-name p,.item-title-name p {
	 margin:0 5px;
}
#item-title-area #item-title-name h2,.item-title-name h2 {
    letter-spacing: 1px;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
    padding: 0 10px;
    margin: 0;
}
h2{
	margin:50px auto 30px;
  font-size: 11px;
  font-weight:normal;
  color: hsl(30, 70, 20);}
  
  
  
  
/********* ブランドページ *********/

#brandpage{width:900px; margin:0 auto 50px; padding:0; background:#fff;}
#brandpage a:hover .itemname{
	text-decoration:underline;
-webkit-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;
	backface-visibility: hidden;
	-webkit-backface-visibility:hidden;}
.layout {
    overflow: hidden;
    position: relative;
    zoom: 1;
    width: 900px;
    margin: 0 auto;
    padding: 60px 0 20px 0;
}
#brandpage h4{
	margin:0 0 50px 0;
	font-size:13px;
}
#brandpage p{font-size:11px; line-height:18px; margin:0; padding:0;}

.layout img {
    width: 400px;
    float: left;
}
.layout-right {
    width: 400px;
	margin-left:50px;
    float: left;
}
table#item{
	width:100%;
}
table#item td{
	padding-bottom:60px;
}
table#item img{
	display:inline;
  vertical-align: bottom;
}
table#item h4,#itemspace h4,#itemspace2 h4,#itemspace3 h4{
	margin:0;
	font-size:13px;
}
div.itemname{
	display:inline-block;
  vertical-align: bottom;
  padding-left:20px;
}
span.itemname{
	display:inline-block;
  vertical-align: bottom;
  padding-left:0px;
}
.brandtext h2{
	margin:0 0 20px 0;
	font-size:14px;
	font-weight:bold;
}
.brandtext{
	margin:50px 0 100px;
	text-align:center;
}

#itemspace{width:100%;}
#itemspace2,#itemspace3{width:100%;margin-top:100px;}
.itemspace{width:140px;display:inline-block;margin:60px 106.6px 0 0;}

.itemspace:nth-of-type(4),.itemspace:nth-of-type(8),.itemspace:nth-of-type(12),.itemspace:nth-of-type(16){margin:60px 0 0 0;}