@charset "utf-8";

/*====================================
         ヘッダーカテゴリの設定
=====================================*/

#herd_category_area
{
	width:980px;
}

/*直下のulのみ余白を消去*/
#herd_category_area > ul
{
	letter-spacing: -0.4em; /*文字間隔を詰めて、display:inline-block;で発生する隙間を削除*/
	margin:0;
	padding:0;
}
#herd_category_area > ul > li
{
	letter-spacing: normal;	/*詰めた文字間隔を元に戻す*/
	list-style-type: none;
	margin-left:1px;
}

#herd_category_area a
{
	text-decoration: none;
	color:#000000;
}
#herd_category_area a:hover
{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}








/*ヘッダー親メニューの設定*/
#herd_category_01,
#herd_category_02,
#herd_category_03,
#herd_category_04,
#herd_category_05,
#herd_category_06,
#herd_category_07,
#herd_category_08,
#herd_category_09,
#herd_category_10,
#herd_category_11
{
	position:relative;
	display: inline-block;
/*	background-color: transparent;*/
	height: 470px;/*ヘッダーナビの画像の高さ70px+ヘッダーカテゴリメニューが伸び切った時点の高さ400pxの合計470pxを設定。firefoxでの遅延対策。ヘッダーナビにマウスカーソルが乗る ⇒ iframeを表示 ⇒ iframe内部のメニューにマウスが乗る ⇒ iframe内にカテゴリ一覧メニューを表示。この流れの中で、マウスカーソルが高速で移動してきた場合、iframe内部のメニューにマウスが乗るイベントを感知する前にカーソルがメニュー上を過ぎ去ってしまい、カテゴリ一覧が表示されないまま真っ白い空欄のiframeになってしまうのを回避する。*/
}



.arrow
{/*矢印*/
	display:none;	/*デフォルトで非表示*/
	width: 0;
	height: 0;
	position: absolute;
	top:54px;
	left:36px;
	border-style: solid;
	border-width: 0px 8px 16px 8px;
	border-color: transparent transparent #FFFFFF transparent;
}
#herd_category_01:hover .arrow,
#herd_category_02:hover .arrow,
#herd_category_03:hover .arrow,
#herd_category_04:hover .arrow,
#herd_category_05:hover .arrow,
#herd_category_06:hover .arrow,
#herd_category_07:hover .arrow,
#herd_category_08:hover .arrow,
#herd_category_09:hover .arrow,
#herd_category_10:hover .arrow,
#herd_category_11:hover .arrow
{/*マウスオーバーで矢印を表示*/
	display:block;
}






/*ヘッダーサブメニューにマウスが乗っていないデフォルト状態の設定*/
#herd_category_01_sub,
#herd_category_02_sub,
#herd_category_03_sub,
#herd_category_04_sub,
#herd_category_05_sub,
#herd_category_06_sub,
#herd_category_07_sub,
#herd_category_08_sub,
#herd_category_09_sub,
#herd_category_10_sub,
#herd_category_11_sub
{
	display: block;
	visibility: hidden;/*非表示*/
	position: absolute;

	height: 0px;		/*ヘッダーメニューのマウスが乗っていないデフォルト時の高さ*/
	/*height: 400px;*/		/*ヘッダーメニューの高さ*/

	font-size:small;
	z-index:10;

	overflow:hidden;	/*動作中、はみ出した分を描画しない*/

	box-shadow: 0 3px 8px #333333;	/*影を付ける*/
	border-radius: 10px;		/*角を丸める*/

	/*マウスを乗せた際の伸びる速度*/
/*
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
*/

	/*マウスを乗せた際の動作パターン*/
/*
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
*/
}

/*ヘッダーサブメニューにマウスを乗せて伸び切った状態の設定*/
#herd_category_01:hover #herd_category_01_sub,
#herd_category_02:hover #herd_category_02_sub,
#herd_category_03:hover #herd_category_03_sub,
#herd_category_04:hover #herd_category_04_sub,
#herd_category_05:hover #herd_category_05_sub,
#herd_category_06:hover #herd_category_06_sub,
#herd_category_07:hover #herd_category_07_sub,
#herd_category_08:hover #herd_category_08_sub,
#herd_category_09:hover #herd_category_09_sub,
#herd_category_10:hover #herd_category_10_sub,
#herd_category_11:hover #herd_category_11_sub
{
	visibility:inherit;/*表示*/
	height: 400px;	/*ヘッダーメニューにマウスを乗せて伸び切った時点の高さ*/
}






/*各ヘッダーサブメニュー個別の設定*/
#herd_category_01_sub
{
	left: 0px;
	width:978px;

/*	background-image:url("http://image.rakuten.co.jp/donya/cabinet/material/spacer.gif");*/
/*	background: linear-gradient(-120deg, #00FFFF, #0000FF);*/	/*斜めグラデーション*/
/*	background: radial-gradient(#00FFFF, #0000FF);	*/		/*円形グラデーション*/

	background: linear-gradient(360deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)), url("");
	background-repeat:no-repeat;
	background-position: center 42%;
	background-color: #FFFFFF;
/*	background-size: cover;*/	/*領域内全体に表示*/
	background-size: contain;	/*領域内に収めて表示*/
}
#herd_category_02_sub
{
	left: -89px;
	width:978px;

	background: linear-gradient(360deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)), url("");
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	background-size: contain;	/*領域内に収めて表示*/
}
#herd_category_03_sub
{
	left: -178px;
	width:978px;

	background: linear-gradient(360deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)), url("");
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	background-size: contain;	/*領域内に収めて表示*/
}
#herd_category_04_sub
{
	left: -267px;
	width:978px;

	background: linear-gradient(360deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)), url("");
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	background-size: contain;	/*領域内に収めて表示*/
}
#herd_category_05_sub
{
	left: -356px;
	width:978px;

	background: linear-gradient(360deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)), url("");
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	background-size: contain;	/*領域内に収めて表示*/
}
#herd_category_06_sub
{
	left: -445px;
	width:978px;

	background: linear-gradient(360deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)), url("");
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	background-size: contain;	/*領域内に収めて表示*/
}
#herd_category_07_sub
{
	left: -534px;
	width:978px;

	background: linear-gradient(360deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0)), url("https://www.rakuten.ne.jp/gold/donya/iframe_header/img/background_camera_2.jpg");
	background-repeat:no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
	background-size: 100%;	/*全体表示*/
}
#herd_category_08_sub
{
	left: -623px;
	width:978px;

	background: linear-gradient(360deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)), url("");
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	background-size: contain;	/*領域内に収めて表示*/
}
#herd_category_09_sub
{
	left: -712px;
	width:978px;

	background: linear-gradient(360deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0)), url("https://www.rakuten.ne.jp/gold/donya/iframe_header/img/background_goods_2.jpg");
	background-repeat:no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
	background-size: 100%;	/*全体表示*/
}
#herd_category_10_sub
{
	left: -801px;
	width:978px;

	background: linear-gradient(360deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)), url("https://www.rakuten.ne.jp/gold/donya/iframe_header/img/background_vr_2.jpg");
	background-repeat:no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	background-size: 100%;	/*全体表示*/
}
#herd_category_11_sub
{
	left: -890px;
	width:978px;

	background: linear-gradient(360deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0)), url("https://www.rakuten.ne.jp/gold/donya/iframe_header/img/background_robot_2.jpg");
	background-repeat:no-repeat;
	background-position: center bottom;
	background-color: #FFFFFF;
	background-size: 100%;	/*全体表示*/
}











/*各ヘッダーサブメニュー内のリストの設定*/

#herd_category_01_sub .category,
#herd_category_02_sub .category,
#herd_category_03_sub .category,
#herd_category_04_sub .category,
#herd_category_05_sub .category,
#herd_category_06_sub .category,
#herd_category_07_sub .category,
#herd_category_08_sub .category,
#herd_category_09_sub .category,
#herd_category_10_sub .category,
#herd_category_11_sub .category
{
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 0px;

	border-right-style: solid;
	border-right-color: #666666;
	border-right-width: 1px;
	padding-right: 15px;	/*リストとボーダー間のスペース*/
}

#herd_category_01_sub .category ul,
#herd_category_02_sub .category ul,
#herd_category_03_sub .category ul,
#herd_category_04_sub .category ul,
#herd_category_05_sub .category ul,
#herd_category_06_sub .category ul,
#herd_category_07_sub .category ul,
#herd_category_08_sub .category ul,
#herd_category_09_sub .category ul,
#herd_category_10_sub .category ul,
#herd_category_11_sub .category ul
{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 10px;
	padding: 0px;
}
#herd_category_01_sub .category li,
#herd_category_02_sub .category li,
#herd_category_03_sub .category li,
#herd_category_04_sub .category li,
#herd_category_05_sub .category li,
#herd_category_06_sub .category li,
#herd_category_07_sub .category li,
#herd_category_08_sub .category li,
#herd_category_09_sub .category li,
#herd_category_10_sub .category li,
#herd_category_11_sub .category li
{
	background-color: rgba(255,255,255,0.70);

	font-weight: bold;
	margin-bottom: 0px;
	line-height:1.75;
	letter-spacing:0.1em;
}

/*
#herd_category_01_sub .category li:last-child,
#herd_category_02_sub .category li:last-child,
#herd_category_03_sub .category li:last-child,
#herd_category_04_sub .category li:last-child,
#herd_category_05_sub .category li:last-child,
#herd_category_06_sub .category li:last-child,
#herd_category_07_sub .category li:last-child,
#herd_category_08_sub .category li:last-child,
#herd_category_09_sub .category li:last-child,
#herd_category_10_sub .category li:last-child,
#herd_category_11_sub .category li:last-child
{
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
}
*/




#herd_category_area .category_inner_text_area .cat_midashi,
#herd_category_01_sub .category li .cat_midashi,
#herd_category_02_sub .category li .cat_midashi,
#herd_category_03_sub .category li .cat_midashi,
#herd_category_04_sub .category li .cat_midashi,
#herd_category_05_sub .category li .cat_midashi,
#herd_category_06_sub .category li .cat_midashi,
#herd_category_07_sub .category li .cat_midashi,
#herd_category_08_sub .category li .cat_midashi,
#herd_category_09_sub .category li .cat_midashi,
#herd_category_10_sub .category li .cat_midashi,
#herd_category_11_sub .category li .cat_midashi
{
	background-color: rgba(255,128,128,0.70);
	padding-left:10px;
	font-weight: bold;
}

#herd_category_area .category_inner_text_area .sub_midashi
{
	font-size: large;
	font-weight: bold;
	color: #900;
	padding-top:5px;
	margin-bottom:10px;
}


.category li
{
	width:270px;
}




#herd_category_01_sub .left_box,
#herd_category_01_sub .center_box,
#herd_category_01_sub .right_box,
#herd_category_02_sub .left_box,
#herd_category_02_sub .center_box,
#herd_category_02_sub .right_box,
#herd_category_03_sub .left_box,
#herd_category_03_sub .center_box,
#herd_category_03_sub .right_box,
#herd_category_04_sub .left_box,
#herd_category_04_sub .center_box,
#herd_category_04_sub .right_box,
#herd_category_05_sub .left_box,
#herd_category_05_sub .center_box,
#herd_category_05_sub .right_box,
#herd_category_06_sub .left_box,
#herd_category_06_sub .center_box,
#herd_category_06_sub .right_box,
#herd_category_07_sub .left_box,
#herd_category_07_sub .center_box,
#herd_category_07_sub .right_box,
#herd_category_08_sub .left_box,
#herd_category_08_sub .center_box,
#herd_category_08_sub .right_box,
#herd_category_09_sub .left_box,
#herd_category_09_sub .center_box,
#herd_category_09_sub .right_box,
#herd_category_10_sub .left_box,
#herd_category_10_sub .center_box,
#herd_category_10_sub .right_box,
#herd_category_11_sub .left_box,
#herd_category_11_sub .center_box,
#herd_category_11_sub .right_box
{
	float:left;
	width:300px;
}









#herd_category_01_sub .category li a,
#herd_category_02_sub .category li a,
#herd_category_03_sub .category li a,
#herd_category_04_sub .category li a,
#herd_category_05_sub .category li a,
#herd_category_06_sub .category li a,
#herd_category_07_sub .category li a,
#herd_category_08_sub .category li a,
#herd_category_09_sub .category li a,
#herd_category_10_sub .category li a,
#herd_category_11_sub .category li a
{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}
#herd_category_01_sub .category li a:hover,
#herd_category_02_sub .category li a:hover,
#herd_category_03_sub .category li a:hover,
#herd_category_04_sub .category li a:hover,
#herd_category_05_sub .category li a:hover,
#herd_category_06_sub .category li a:hover,
#herd_category_07_sub .category li a:hover,
#herd_category_08_sub .category li a:hover,
#herd_category_09_sub .category li a:hover,
#herd_category_10_sub .category li a:hover,
#herd_category_11_sub .category li a:hover
{
	background-color: #99FFFF;
}

#herd_category_01_sub .category li a:before,
#herd_category_02_sub .category li a:before,
#herd_category_03_sub .category li a:before,
#herd_category_04_sub .category li a:before,
#herd_category_05_sub .category li a:before,
#herd_category_06_sub .category li a:before,
#herd_category_07_sub .category li a:before,
#herd_category_08_sub .category li a:before,
#herd_category_09_sub .category li a:before,
#herd_category_10_sub .category li a:before,
#herd_category_11_sub .category li a:before
{
content:"\25CF";	/* "●"記号のUnicode */
}


#herd_category_area .category li a:hover
{/*カテゴリのテキスト部分は、マウスオーバーで半透明にしない*/
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1;
	-khtml-opacity:1;
}







/*その他の設定*/

.category_inner_text_area
{
	position: relative;

	border-right-style: solid;
	border-right-color: #666666;
	border-right-width: 1px;

	width:270px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 30px;

	padding-right: 15px;	/*リストとボーダー間のスペース*/

}
.category_inner_text_area a
{
/*	padding-top: 10px;
	padding-left: 10px;*/
	display: block;
}


.category_inner_text_area .mini_box img,
.category_inner_text_area .small_box img,
.category_inner_text_area .medium_box img,
.category_inner_text_area .large_box img
{
	float:left;
	margin-right:5px;
}

.category_inner_text_area .mini_box a
{
	height:76px;
}
.category_inner_text_area .mini_box img
{
	width:76px;
}


.category_inner_text_area .small_box a
{
	height:104px;
}
.category_inner_text_area .small_box img
{
	width:104px;
}


.category_inner_text_area .medium_box a
{
	height:148px;
}
.category_inner_text_area .medium_box img
{
	width:148px;
}

.category_inner_text_area .large_box img
{
	width:270px;
}

#herd_category_area .category_inner_text_area .mini_box,
#herd_category_area .category_inner_text_area .small_box,
#herd_category_area .category_inner_text_area .medium_box,
#herd_category_area .category_inner_text_area .large_box
{
	background-color: rgba(255,255,255,0.70);
}


#herd_category_area .category_inner_text_area .mini_box a:hover,
#herd_category_area .category_inner_text_area .small_box a:hover,
#herd_category_area .category_inner_text_area .medium_box a:hover,
#herd_category_area .category_inner_text_area .large_box a:hover
{
	background-color: #99FFFF;

	/*テキスト部分を、マウスオーバーで半透明にしない*/
/*
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity:1;
	-khtml-opacity:1;
*/
}

#herd_category_area .category_inner_text_area .cat_midashi
{
	padding-left:10px;

	padding-top:3px;
	padding-bottom:2px;
	margin-bottom:5px;
}


.price_list .mini_box .item_price
{
	position: absolute;
	bottom:5%;
	left:30%;
	font-size: x-large;
	font-weight:bold;
	color: #FF0000;
}
.price_list .small_box .item_price
{
	position: absolute;
	bottom:5%;
	left:45%;
	font-size: x-large;
	font-weight:bold;
	color: #FF0000;
}
.price_list .medium_box .item_price
{
	position: absolute;
	bottom:5%;
	left:55%;
	font-size: x-large;
	font-weight:bold;
	color: #FF0000;
}
.price_list .large_box .item_price
{
	position: absolute;
	bottom:-8%;
	left:35%;
	font-size: x-large;
	font-weight:bold;
	color: #FF0000;
}

.item_price .sold_out,
.item_price a.sold_out {
	color: #999999 !important;
}




.clearfix:after
{
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */