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

/*
.exT_sdtext {
}
*/






/* common */
body {
	color:#666;
	padding:0;
	margin:0;
	background-color:FFF;
}

body.gold-child {
	background: none;
	margin: 0 !important;

}

iframe {
	border: none;
	padding:0 !important;
	margin:0 !important;
}

a img {
	border: none;
}

.clearfix {
  display: block; 
  clear: both;
}

.common_wrap {
	width: 100%;
	min-width:1110px;
	position: absolute;
	z-index:2;
	left:0;
}

/*

イベント等単発間に合わせ

*/


/*夏季休業*/
#kaki-kyugyo {
	margin: 0 0 24px 0;
	border: 1px #FF9000 solid;
}

#kaki-kyugyo h2 {
	display: block;
	width: 100%;
	margin-bottom: 24px;
	padding-top: 16px;
	padding-bottom: 16px;
	color:#F00;
	font-size: 120%;
	text-align: center;
}

#kaki-kyugyo p {
	text-align: center;
	padding: 0 16px 0 16px;
	margin-bottom: 8px;
}

#kaki-kyugyo .qpB {
	width: 100%;
	font-size: 130%;
	text-align: center;
	padding: 8px;
	color: #FFF;
	background: #FF8829;
}

#kaki-kyugyo .qpB p {
	padding: 0;
}



.cam_r_mail {
	padding:0;
	margin:0;
}


.cam_r_mail a {
	display: block;
	padding: 0;
	margin:0;
	text-align: center;
	background: #FF8829;
	color:#FFF !important;
	text-decoration: none !important;
	font-size: 14px;
	/*width: 250px;*/
	/*height: 15px;*/
}

.cam_r_mail a:hover {
	background: #3498DB;
	color: #FFF !important;
}

.coution {
	color: #F00;
	border: #F00 2px solid;
	width: 100%;
	padding: 20px;
}

.over_h {
	overflow: hidden;
}

/* 黒豆 */
.pc-detail_kuromame {
	width: 100%;
	color: #000;
	overflow: hidden;
	height: auto;
}

.pc-detail_kuromame h2 {
	font-size: 30px;
	color: #000;
	border-left: #000 17px solid;
	border-bottom: #000 2px solid;
	background-color: #FFF;
	width: 100%;
	padding-left: 10px;
	clear:both;
}

.pc-detail_kuromame h3 {
	font-size: 100%;
	font-weight: normal;
	color: #FFF;
	background: #000;
	border-left: #999 10px solid;
	padding: 5 0 3 3px !important;
	margin: 15px 0 15px 0 !important;
	clear: both;
}

.pc-detail_kuromame h4 {
	font-size: 100%;
	font-weight: normal;
	color: #000;
	padding: 5 0 3 3px !important;
	margin: 15px 0 15px 0 !important;
	clear: both;
}

.pc-detail_kuromame p {
	/*overflow: hidden;*/
	font-size: 100% !important ;
	height: auto;
	margin-top: 5px;
	zoom:1;
}

.pc-detail_kuromame p.address {
	border: #993333 solid 3px;
	background:#FFF;
	padding:10px;
	overflow: hidden;
	height: auto;
}

p.clear {
	clear:both;
}

.img-center {
	display: block;
	margin: 0 auto 0 auto;
}

.pc-detail img {
	margin-bottom: 15px;
}

.pc-detail_kuromame .list-red {
	color:#F00;
	background:#FFF;
	border: #993333 solid 1px;
	padding: 15px;
	list-style: inside;
}

.pc-detail_kuromame .t-listy {
	width: 100%;
	table-layout:fixed;
	text-align: center;
	color:#000;
	background:#FFF;
	margin-bottom:40px;
}

.pc-detail_kuromame .t-listy tr {
}

.pc-detail_kuromame .t-listy caption {
	padding: 10px;
	text-align: center;
	color: #FFF;
	background:#FF8829;
}

.pc-detail_kuromame .t-listy td.list-title {
	color: #993333;
	border-bottom: #993333 solid 4px;
	padding: 10px 0 0 0;
	margin: 15px 0 25px 0;
}

.pc-detail_kuromame a {
	color: #3E470B;
	text-decoration: underline;
}

.pc-detail_kuromame a:hover {
	color: #3E470B;
	text-decoration: none;
}

.pc-detail_kuromame a:visited {
	color: #3E470B;
	text-decoration: none;
}

.pc-detail_kuromame a img:hover {
	opacity:0.7;
}

F

.pc-detail_kuromame ul {
}


.pc-detail_kuromame ul li {
	
}

/*

フレーム用

*/

.f_h {
	font-size: 100%;
	min-width:1110px;
	font-weight: normal;
	color: #FFF;
	background: #FF8829;
	border-left: #F96 10px solid;
	padding: 5 0 3 3px !important;
	margin: 15px 0 15px 0 !important;
	clear: both;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}


/*

ニュース

*/
#news_area {
	width:100%;
	height:250px;
	overflow: hidden;
	padding: 0;
	font-size:80%;
	margin-top:0;
	border-bottom: 1px solid #3498DB;
}

#news_area h2 {
	padding:8px;
	margin:0;
	font-size: 100%;
	color: #FFF;
	background: #3498DB;
}

.ticker {
	margin:0 ;
	padding:0;
	overflow: hidden;
}

.ticker li {
	padding: 5px 0 5px 10.5em;
	text-indent: -8em;
	border-bottom: #999999 1px dashed;
	background: url(http://www.rakuten.ne.jp/gold/otona/news/new015_06.gif) no-repeat;
	background-position: 0px 8px;
}

.ticker li.notnew {
	padding: 5px 0 5px 10.5em;
	text-indent: -8em;
	border-bottom: #999999 1px dashed;
	background: none;
}

.ticker li span {
	display: inline-block;
	width: 8em;
	text-indent: 0;
}

.ticker li a {
	text-decoration: underline;
	color:#000;
}

.ticker li a:hover {
	text-decoration: none;
}


/*
#pagebody {
	background: #FFF;
	width: 974px;
	margin: 0  auto 0 auto;	
}
*/

a {	
	text-decoration:none;
	color:#666;
}

a:hover {
	text-decoration:underline;
	color:#666;
}

a:visited {
	color:#666;
}



.tex-red {
	color: #F00;
}

.breakdown {
	background: #FFF;
	border: #666 1px solid;
	padding: 20px;
}

/*

購入情報

*/

#recentry_area {
	width:98%;
	overflow: hidden;
	padding: 0;
	font-size:80%;
	margin-top:5px;
	border-bottom: 1px solid #2ECC71;
}

#recentry_area h2 {
	padding:8px;
	margin:0;
	font-size: 100%;
	color: #FFF;
	background: #2ECC71;
}

#recentry_area table {
	border-collapse:collapse;
}

#recentry_area table tr {
	border-bottom: #2ECC71 1px solid;
}

#recentry_area table td {
	padding: 5px 5px 5px 5px;
}






/* --------
	GOLD
		-------- */

.child-cont {
	font-size: 80%;
}


.child-cont h2 {
	margin: 0px;
}

.child-cont h3 {
	margin: 5px 10px 5px 10px;
	border-bottom: 2px solid #C14740 ;
}

.child-cont p {
	margin: 5px 10px 5px 10px;
}

/* delivery */
.delivery {
	width: 95%;
	margin: auto;
	background:#FFF;
	table-layout: fixed;
	border-collapse: collapse;
	font-size:80%;
}

.delivery th {
	font-size:150%;
	padding: 10px;
	border: #CCC 1px solid;
}

.delivery td {
	padding: 10px ;
	border: #CCC 1px solid;
	margin: 0;
}

.delivery td img {
	display: block;
	margin: auto;	
}

/*
-----------------------------------------
*共通説明文
-----------------------------------------
*/

.coupon_info {
	width: 365px;
	font-size: 14px;
}

.coupon_info p {
	margin: 0 0 5px 0;
}

.coupon_info:nth-child(odd) {
	float: left;
}

.coupon_info:nth-child(even) {
	float: right;
}

.attention {
	font-size: 80%;
	padding: 5px 10px 10px 10px;
	border: #F00 1px solid;
	clear: both;
}

.attention p {
	margin:0;
}

.attention .attention_title {
	color: #F00;
	text-align: center;
}

#new_item {	
	overflow: hidden;
	border-top: #FF8829 2px solid ;
	border-bottom: #FF8829 2px solid ;
	margin-bottom: 25px;
}

#new_item h3 {
	color: #FFF;
	background: #FF8829;
	padding: 10px 0 10px 0;
	margin-top: 0;
	text-align: center;
	font-weight: normal;
}

#new_item .new_item_box {
	float: left;
	width: 220px;
	height: 270px;
	margin: 0 50px 33px 0;
	border-bottom: #CCC solid 1px;
}


#new_item .new_item_box:nth-child(3n) {
	float: right;
	margin-right: 0;
}

#new_item .new_item_box img {
	margin: 0;
}

#new_item .new_item_box p {
	margin: 0;
	font-size:80%;
}

/* common_banner */
.common_page_banner {
}

.common_page_banner p {
	margin: 0 0 30px 0;
	font-size:80%;
}



#common_banner {
	width: 100%;
	padding: 0;
	margin:0;
	overflow: hidden;
}

#common_banner a:hover {
	text-decoration: none;
}

#common_banner h2 {
	font-size: 30px;
	color: #FF8829;
	border-left: #FF8829 17px solid;
	border-bottom: #FF8829 2px solid;
	background-color: #FFF;
	width: 730px;
	padding-left: 10px;
	clear:both;	
}


.big_frame {
	width: 440px;
	border: #CCCCCC 1px solid;
	margin: 0 10px 20px 0;
	background: #FFF;
	overflow: hidden;
	float:left;
}

.big_frame h3 {
	margin: 0 0 5px 0;
	padding:10px;
	background: #FF8829;
	color: #FFF;
	font-weight: bolder;
}

.big_frame h3 a {
	color: #FFF;
}


.big_frame p {
	overflow: hidden;
	height: auto;
	margin:10px;
}

.big_frame img {
	border: #CCCCCC 1px solid;
}

.big_frame img:hover {
	border: #066 1px solid;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.longside_banner {
	width: 305px;
	border: #CCCCCC 1px solid;
	background: #FFF;
	overflow: hidden;
	margin: 0 0 10px 0;
}

.longside_banner h3 {
	color: #993333;
	margin: 5px 0 0 3px;
}

.longside_banner h3 a {
	color: #993333;
}

.longside_banner h3 a:hover {
	color: #993333;
}

.longside_banner p {
	margin: 0 5px 5px 0;
	overflow: hidden;
}

.longside_banner img {
	float: left;
	margin: 5px;
	border: #CCCCCC 1px solid;
}

.longside_banner img:hover {
	border: #066 1px solid;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}




.banner-lefter {
	float: left;
	margin: 8px;	
}

.banner_righter {
	float: right;
	margin: 8px;
}

.go_detail {
	display:block;
	background: #090;
	text-align: center;
	color:#FFF;
	padding: 5px 0 5px 0;
}

.go_detail:hover {
	background: #060;
	text-decoration: none;

}

.go_detail a:hover {
	text-decoration: none;
}


/* ----- ヘッダ ----- */
#store_header {
	width: 1110px;
	min-width:1110px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

#store_header .row {
	margin-bottom: 8px;
}

#store_header a:hover {
	text-decoration: underline;
}

#store_header a:hover img {
	opacity:0.7;
}

#store_header img {
	border:1px #EEE solid;
}

#store_header a p {
	color: #666;
	margin: 0;
	padding: 0;
	font-size:60%;
}

/* *************廃止予定************* */

/*
#store_header .logo {
	float: left;
	color: #999;
	font-size:10px;
	margin:0;
	font-weight:normal;
}

#store_header h2 {
	margin: 0;
	float: left;
}

#store_header ul {
	list-style: none;
	float:left;
	margin: 28px 0 0 40px;
	padding:0;
}

#store_header ul li {
	float: left;
	margin: 0 15px 0 0;
}

#store_header ul li a {
	color: #000 !important;
	font-size: 10px;
	text-decoration: none;
}

#store_header ul li a:hover {
	text-decoration: underline;
}

.header_cart {
	float: right;
	margin-top: 13px;
}
*/


/* ヘッダナビ */
#gnavi_wrap {
	background: #FF8829;
	width:100%;
	min-width: 1110px;
	margin-bottom: 7px;
}

#gnavi {
	list-style: none;
	overflow: hidden;
	width:1110px;
	margin:0 auto 0 auto;
	padding: 0;
}

#gnavi li {
	font-size: 16px;
	float: left;
	position:relative;
	white-space:nowrap;
}

#gnavi li a {
	display: block;
	padding: 5px 10px 5px 10px;
	color: #FFF !important;
	text-decoration: none;
}

#gnavi li a:hover {
	background: #3498DB;
}

/* トップバナー */
#top_banner {
	overflow: hidden;
	width: 1106px;
	margin: 0 auto 0 auto;
}

.topb {
	float: left;
	margin: 0 17px 7px 0;
}

.topb_last {
	float: right;
	margin: 0 0 7px 0; 
}

/* トップバナーフリースペース */
#top_banner_free {
	margin: 430px auto 0 auto;
	text-align:center;
}

/* カテゴリナビ */
#cat_navi_wrap {
	width:100%;
	min-width: 1110px;
	background: #3498DB;
}

#cat_navi {
	list-style: none;
	width: 1110px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 0;
}

#cat_navi li {
	font-size: 16px;
	float: left;
	position:relative;
	white-space:nowrap;
}

#cat_navi li a {
	display:block;
	padding: 5px 10px 5px 10px;
	color: #FFF !important;
	text-decoration: none;
}

#cat_navi li a:hover {
	background: #FF8829;
}


/* ヘッダ */


/* ヘッダーバナー */
.slide_top {
	width: 1110px;
	margin:0;
	padding:0;
}




#banner_area {
	overflow: hidden;
	margin: 0 0 5px 0;
}

#banner_area img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}



#campaign_big_banner {
	margin: 0 6px 0 0 ;
	float: left;
}

#top_recommend_banner_large {
	margin: 0 0 6px 0;
	float: left;
}

#top_recommend_banner_left {
	margin: 0 4px 0 0;
	float: left;
}

#top_recommend_banner_right {
	float: left;
}


/* category */
.category_itemnamelink {
}

.cat_menu {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.cat_menu li {
	float: left;
	list-style: none;
}

.cat_menu li a {
	display: block;
	width: 373px;
	margin: 0 10px 10px 0;
	background: #3498DB;
	padding: 10px 0 10px 10px;
	color: #FFF;
	text-decoration: none;
}

.cat_menu li a:hover {
	background: #FF8829;
	color: #FFF;
}

.cat_menu li a:visited {
	color: #FFF;
}


.cat-tab {
	table-layout: fixed;
	background-color: #FFF;
	font-size: 100%;
	color:#000;
	border-collapse:collapse;
	margin-bottom: 25px;
	border: #C14740 solid 1px ;
}

.cat-tab-name {
	white-space: nowrap;
	text-align: center;
}

.cat-tab td {
	padding: 8px 15px 8px 15px;
}

.cat-tab th {
	padding: 8px 15px 8px 15px;
	color:#C14740;
	background: #FFF;
	font-weight: normal;
}

.cat-tab tr {
	border-bottom:#C14740 solid 1px ;
}


.pref-tab {
	width: 100%;
	table-layout: fixed;
	background-color: #FFF;
	font-size: 100%;
	color:#000;
	border-collapse:collapse;
	margin-bottom: 25px;
	border: #C14740 solid 1px ;
}

.pref-tab td {
	border: #C14740 solid 1px ;
}

.pref-tab th {
	border: #C14740 solid 1px ;
	padding: 5px;
	font-weight: normal;
	vertical-align: top;
}

.pref {
	color: #FFF;
	background: #C14740;
	padding: 3px 0 0 0;
	border-bottom: #f96 solid 2px;
	border-top: #f96 solid 2px;
}



/* left cal */
.left_cat {
	overflow: hidden;
}

.left_cat h3 {
	margin: 10px 0 2px 0;
	background: #3498DB;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	padding: 5px;
	font-size: 14px;
}

#left_cat_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	font-size: 12px;
	background: #FF8829;
}

#left_cat_menu ul a {
	display: block;
	color: #FFF;
	padding: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:solid 1px #FFFFFF;
}

#left_cat_menu ul li {
	border-bottom:solid 1px #FFFFFF;
}


#left_cat_menu ul li ul {
	overflow: hidden;
	border-top: solid 1px #FFFFFF;
	background: #FFF;
}
/*
#left_cat_menu ul li:hover ul {
	height:auto;
}
*/

#left_cat_menu ul li ul a {
	color: #FF8829;
	padding-left: 25px;
}

#left_cat_menu ul li ul a:hover {
	color: #3498DB;
}


#left_cat_menu ul li ul li {
	position: relative;
	border: none;
}

#left_cat_menu ul li:after {
	content: "";
	position: absolute;
	top:11px;
	left:20px;
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-left: 3px solid #FF8829;
}



#left_cat_menu ul li ul li ul li ul li {
	background: #FFF;
}

#left_cat_menu ul li ul li ul a {
	padding-left: 30px;
	color: #FF8829;
}

#left_cat_menu ul li ul li ul li:after {
	content: "";
	position: absolute;
	top:11px;
	left:25px;
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-left: 3px solid #FF8829;
}

#left_cat_menu ul li ul li ul li {
	border: none;
}

#left_cat_menu ul li ul li ul li ul a {
	padding-left: 45px;
	color: #FF8829;
}

#left_cat_menu ul li ul li ul li ul li:after {
	content: "";
	position: absolute;
	top:11px;
	left:40px;
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-left: 3px solid #FF8829;
}




.left_wrapper {
	width:326px;
	margin-top: 22px;
	overflow: hidden;
}

.left_wrapper img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#left_cam_banner {
	margin-top: 22px;
}

.left_banner {
	width: 150px;
	float: left;
	margin: 0 5px 10px 0;
}

.left_banner img {
	margin-bottom:10px;
}

.left_wrapper img {
	margin-bottom:10px;
}


.side_banner {
	margin-bottom: 10px;
	
}



/*
-----------------------------------------
*カテゴリページ
-----------------------------------------
*/

/* カテゴリ作り込み */
.u-cat {
}

.u-cat h4 {
	font-size: 140% !important;
	border-left: none !important;
	display: inline;
}

.u-cat .reason {
	border-bottom: #FF8829 5px solid;
	margin: 0 0 15px 0;
	padding: 15px 0 15px 0;
}

.subcategory_list {
display:none !important;
}

a.subcategory_list {
display: block !important;
text-decoration: none;
border: 5px solid #999;
height: 40px; /* 店舗ごとに任意 */
width: 200px; /* 店舗ごとに任意 */
margin-top: 10px; /* 店舗ごとに任意 */
padding-top: 2px; /* 店舗ごとに任意 */
line-height:40px; /* 店舗ごとに任意 */
text-align: center; /* 店舗ごとに任意 */
}

/* マウスオーバー時のあしらいを設定 */
a.subcategory_list:hover {
filter:alpha(opacity=50); /* マウスオーバーで50%の透明になるように指定しています */
-moz-opacity: 0.5;
opacity: 0.5;
}


.cat_item {	
	overflow: hidden;
	border-top: #FF8829 2px solid ;
	border-bottom: #FF8829 2px solid ;
	margin-bottom: 25px;
}

.cat_item h3 {
	color: #FFF;
	background: #FF8829;
	padding: 10px 0 10px 0;
	margin-top: 0;
	text-align: center;
	font-weight: normal;
}

.cat_item .cat_item_box {
	float: left;
	width: 220px;
	margin: 0 50px 33px 0;
}


.cat_item .cat_item_box:nth-child(3n) {
	float: right;
	margin-right: 0;
}

.cat_item .cat_item_box img {
	margin: 0;
}

.cat_item .cat_item_box p {
	margin: 0;
	font-size:80%;
}

.coupon_get_btm a {
	text-align: center;
	font-size: 180%;
	display: block;
	clear:both;
	width: 100%;
	margin: 10px 0 10px 0;
	background: #2ECC71;
	color: #FFF !important;
	text-decoration: none !important;
}

.coupon_get_btm a:hover {
	background: #FF9000;
}




.head-name {
	white-space: nowrap;
	text-align:center;
	width: 100px;
}

.breadcrumbs_list {
	color: #ff9000 !important;
}

.breadcrumbs_list a {
	color: #ff9000 !important;
}



#rakutenLimitedId_inshop_recommend {
 width:100% !important;
 margin-top: 0 !important;
 /*background-color: #FFEEE3;*/
}

#rakutenLimitedId_inshop_recommend div.recoInshopBlock {
	background: none !important;
}

#rakutenLimitedId_inshop_recommend #recoInshopRecommend .recoInshopRecoCont .inshopApiBtLeft {
	background: none !important;
}

#allShopsRecommendWidget, #rnkInShopPartsArea {
	width:100% !important;
}

#rnkInShopWrapper {
	width:100% !important;
	/*background-color: #FFEEE3;*/
}

#rnkInShopMain {
	width:100%;
}

.price2 {
	margin: 0 0 15px 0;
}


/*
	選択項目肢
*/

.choice {
	display: block;
	width: 440px;
	font-size:100% !important;
	color: #FFF !important;
	margin:30px 0 5px 0 !important;
	border-left: #F96 5px solid;
	padding: 5px 0 5px 0;
	background-color:#FF8829;
}

select {
	width: 440px;
}










/*


ここから新css


*/

/************************
*						*
*						*
*		共通パーツ 		*
*						*
*						*
*************************/

/*共通設定*/
body {
}
p {
	margin-bottom: 36px;
	padding: 0 36px 0 36px;
	color: #343434;
	font-size: 80%;
}
td.sdtext {
}
td.sdtext a {
}
.sale_desc {
	display: block;
	padding: 16px 0 16px 0;
	background: #FFF;
}
#pagebody table tbody tr td table tbody tr td table tbody tr td table tbody tr td table tbody tr {
	background: #FFF;
}
.img-lefter {
	float: left;
	margin: 0 15px 15px 36px !important;
	padding: 0 !important;	
}
.img-righter {
	float: right;
	margin: 0 36px; 15px 15px;
}
.img-center {
	display: block;
	margin: 0 auto 0 auto;
}

/*共通パーツ*/
.heading , .heading2 , .heading3 , .heading4 , .heading5 {
	font-weight: bold;
	color: #343434;
}
.heading {
	font-size: 200%;
}
.heading2 {
	font-size: 150%;
}
.heading4 {
	font-size: 120%;
}
.heading5 {
	font-size: 100%;
}

/************************
*						*
*						*
*		ヘッダー 		*
*						*
*						*
*************************/

/* ヘッダー */
#header {
	width: 100%;
	margin: 0 0 0 10px;
	padding: 32px 0 0 0;
}

#header #logo {
	width: 250px;
	margin-right: 10px;
	float:left;
}

#header #logo h1 {
	font-size:50%;
	font-weight:normal;
}

#header-menu {
	padding: 4px 0 8px 0;
	margin: 0;
	float:left;
}

#header-menu li {
	list-style: none;
	float: left;
	font-size: 75%;
	margin: 0 4px 0 0;
}

#header-menu li a {
	display: block;
	text-decoration:none;
	color: #777;
	padding: 4px 4px 4px 4px;
	margin: 0 0 8px 0;
	background-color: #F9F9F9;
	border: 1px solid #CCC;
}

/************************
*						*
*						*
*	カテゴリメニュー 	*
*						*
*						*
*************************/

/* カテゴリメニュー*/
.container {
    position: relative;
    margin: 16px auto;
    padding: 0 0;
    clear: both;
}

.container li {
	list-style:none;
}

/*********

@media only screen and (min-width: 1200px) {
    .container {
        width: 1210px;

    }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .container {
        width: 1030px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 682px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 428px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 479px) {
    .container {
        width: 320px;
        margin: 0 auto;
    }
}

**********/
  
.mcd-menu {
  list-style: none;
  padding: 0;
  margin: 0 0 0 10px;
  background: #F9F9F9;
  /*height: 100px;*/
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  
  /* == */
  width: 250px;
  /* == */
}
.mcd-menu li {
  position: relative;
  /*float:left;*/
}
.mcd-menu li a {
  display: block;
  text-decoration: none;
  padding: 12px 20px;
  color: #777;
  /*text-align: center;
  border-right: 1px solid #E7E7E7;*/
  
  /* == */
  text-align: left;
/*  height: 36px;*/
  position: relative;
  border-bottom: 1px solid #EEE;
  /* == */
}
.mcd-menu li a i {
  /*display: block;
  font-size: 30px;
  margin-bottom: 10px;*/
  
  /* == */
  float: left;
  font-size: 20px;
  margin: 0 10px 0 0;
  /* == */
  
}
/* == */
.mcd-menu li a p {
  float: left;
  margin: 0 ;
}
/* == */

.mcd-menu li a strong {
  display: block;
  text-transform: uppercase;
}
.mcd-menu li a small {
  display: block;
  font-size: 10px;
}

.mcd-menu li a i, .mcd-menu li a strong, .mcd-menu li a small {
  position: relative;
  
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}
.mcd-menu li:hover > a i {
    opacity: 1;
    -webkit-animation: moveFromTop 300ms ease-in-out;
    -moz-animation: moveFromTop 300ms ease-in-out;
    -ms-animation: moveFromTop 300ms ease-in-out;
    -o-animation: moveFromTop 300ms ease-in-out;
    animation: moveFromTop 300ms ease-in-out;
}
.mcd-menu li:hover a strong {
    opacity: 1;
    -webkit-animation: moveFromLeft 300ms ease-in-out;
    -moz-animation: moveFromLeft 300ms ease-in-out;
    -ms-animation: moveFromLeft 300ms ease-in-out;
    -o-animation: moveFromLeft 300ms ease-in-out;
    animation: moveFromLeft 300ms ease-in-out;
}
.mcd-menu li:hover a small {
    opacity: 1;
    -webkit-animation: moveFromRight 300ms ease-in-out;
    -moz-animation: moveFromRight 300ms ease-in-out;
    -ms-animation: moveFromRight 300ms ease-in-out;
    -o-animation: moveFromRight 300ms ease-in-out;
    animation: moveFromRight 300ms ease-in-out;
}

.mcd-menu li:hover > a {
  color: #e67e22;
}
.mcd-menu li a.active {
  position: relative;
  color: #e67e22;
  border:0;
  /*border-top: 4px solid #e67e22;
  border-bottom: 4px solid #e67e22;
  margin-top: -4px;*/
  box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  
  /* == */
  border-left: 4px solid #e67e22;
  border-right: 4px solid #e67e22;
  margin: 0 -4px;
  /* == */
}
.mcd-menu li a.active:before {
  content: "";
  position: absolute;
  /*top: 0;
  left: 45%;
  border-top: 5px solid #e67e22;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 42%;
  left: 0;
  border-left: 5px solid #e67e22;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  /* == */
}

/* == */
.mcd-menu li a.active:after {
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  border-right: 5px solid #e67e22;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
/* == */

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}



.mcd-menu li ul,
.mcd-menu li ul li ul {
  position: absolute;
  height: auto;
  min-width: 200px;
  padding: 0;
  margin: 0;
  background: #F9F9F9;
  /*border-top: 4px solid #e67e22;*/
  opacity: 0;
  visibility: hidden;
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  /*top: 130px;*/
  z-index: 1000;
  
  /* == */
  left:280px;
  top: 0px;
  border-left: 4px solid #e67e22;
  /* == */
}
.mcd-menu li ul:before {
  content: "";
  position: absolute;
  /*top: -8px;
  left: 23%;
  border-bottom: 5px solid #e67e22;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;*/
  
  /* == */
  top: 25px;
  left: -9px;
  border-right: 5px solid #e67e22;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  /* == */
}
.mcd-menu li:hover > ul,
.mcd-menu li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  /*top: 100px;*/
  
  /* == */
  left:250px;
  /* == */
}
/*.mcd-menu li ul li {
  float: none;
}*/
.mcd-menu li ul li a {
  padding: 10px;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #EEE;
  
  /* == */
  height: auto;
  /* == */
}
.mcd-menu li ul li a i {
  font-size: 16px;
  display: inline-block;
  margin: 0 10px 0 0;
}
.mcd-menu li ul li ul {
  left: 230px;
  top: 0;
  border: 0;
  border-left: 4px solid #e67e22;
}  
.mcd-menu li ul li ul:before {
  content: "";
  position: absolute;
  top: 15px;
  /*left: -14px;*/
  /* == */
  left: -9px;
  /* == */
  border-right: 5px solid #e67e22;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
.mcd-menu li ul li:hover > ul {
  top: 0px;
  left: 200px;
}




/*.mcd-menu li.float {
  float: right;
}*/
.mcd-menu li a.search {
  /*padding: 29px 20px 30px 10px;*/
  padding: 10px 10px 15px 10px;
  height: 36px;
  clear: both;
}
.mcd-menu li a.search i {
  margin: 0;
  display: inline-block;
  font-size: 18px;
}
.mcd-menu li a.search input {
  border: 1px solid #EEE;
  padding: 10px;
  background: #FFF;
  outline: none;
  color: #777;
  
  /* == */
  width:170px;
  float:left;
  /* == */
}
.mcd-menu li a.search button {
  border: 1px solid #e67e22;
  /*padding: 10px;*/
  background: #e67e22;
  outline: none;
  color: #FFF;
  margin-left: -4px;
  
  /* == */
  float:left;
  padding: 8px 8px 8px 8px;
  /* == */
}
.mcd-menu li a.search input:focus {
  border: 1px solid #e67e22;
}


.search-mobile { 
	display:none !important;
	background:#e67e22;
	border-left:1px solid #e67e22;
	border-radius:0 3px 3px 0;
}
.search-mobile i { 
	color:#FFF; 
	margin:0 !important;
}

/* レフトナビ内 */
.ori-cart , .left-new {
	margin-bottom: 16px;
}

.left-new {
	background-color: #FFF;
}

.left-new li {
	border: #EEE 1px solid;
	margin-bottom: 8px;
}


.left-new p {
	padding: 8px;
	margin-bottom:8px;
	border-bottom: #EEE 1px solid;
}

.left-new img {
	width: 100%;
}

/************************
*						*
*						*
*	カテゴリページ 		*
*						*
*						*
*************************/

#risFil img {
/*	width: 100%; */
}

.category_uppertext p {
	padding: 0;
	font-size: 100%;
}

.category_uppertext .heading {
	font-size: 250%;
}
.category_uppertext .heading2 {
	font-size: 187.5%;
}
.category_uppertext .heading4 {
	font-size: 150%;
}
.category_uppertext .heading5 {
	font-size: 125%;
}

/* 価格周り */

.prize {
	width: 50%;
	float: right;
	font-size:60%;
	color:#000;
	border-collapse:collapse;
	margin: 5px 0 10px 10px;
}
.prize caption {
	padding:10px;
	font-size: 100%;
	border-top: #B20000 2px solid;
	border-bottom: #B20000 2px solid;
}
.prize tr {
	border-bottom: #B20000 1px solid;
}
.prize td {
	padding:5px 2px 5px 2px;
}
span.category_itemtaxpostage {
	font-size:10px; /* 送料・税込の非表示 */
}
span.category_itemprice {
	color:#bf0000;font-size:24px;font-weight:bold; display:block; /* 価格 */
}
table {
	z-index:0;
} 
span.category_itemprice:before {
	content:"PRICE ";font-size:10px;
}

/************************
*						*
*						*
*	　コンテンツ内 		*
*						*
*						*
*************************/

/***********************************

	detail
	廃止予定のマークアップ
	ページ情報の以降が完了次第削除
	2016/08/24

************************************/

.detail {
	table-layout: fixed;
	margin: 15px 0 15px 0;
	width: 100% !important;
	color: #000;
	font-size:85%;
	border-collapse:collapse;
	background-color:none;
	border-bottom: solid 1px #FF8829;
}

.detail caption {
	color: #FFF;
	font-size: 120%;
	background-color: #FF8829;
	padding: 5px 5px;
}

.detail tr {
	border-top: solid 1px #FF8829;
}

.detail td {
	padding:10px;
}

.detail th {
	font-weight:normal;
}

/* 商品ページ */
.item_desc {
	display: block;
	margin: auto;
}

.item_desc img {
	border: 2px solid #EEE;
	margin-bottom: 12px;
}

.item_desc a img:hover {
	opacity:0.7;
}

.item_desc p {
	margin-bottom: 12px;
}

.item_desc hr {
	border-top: 1px solid #CCCCCC ;
}

.sale_desc {
	display: block;
	padding: 16px 0 16px 0;
	background: #FFF;
}
#pagebody table tbody tr td table tbody tr td table tbody tr td table tbody tr td table tbody tr {
	background: #FFF;
}


/* 商品名、キャッチコピー */

.catch_copy {
	font-size: 80% !important;
	display: block;
	border-top: #FF8829 solid 2px;
	border-bottom: #FF8829 solid 2px;
	margin-bottom: 0px;
	padding: 3px 0 0 0;
}
.item_name {
	font-size: 90% !important;
	font-weight: normal !important;
	padding:8px 5px 8px 5px ;
	background-color: #FF8829;
	color: #FFF !important;
	display: block;
}


/***********************************

	.item_desc まわり

************************************/
.dsf-fixed-block {
	width:100%;
}

.item_desc .det {
	border: #ff9000 1px solid;
	margin: 0 0 16px 0;
}

.item_desc h2 {
	color: #FFF;
	font-size: 80%;
	background: #ff9000;
	margin-top: 0;
	padding: 8px;
}
.item_desc p {
	font-size:80%;
	padding: 0 10px 0 10px;
}




/* レシピ */
.recipe_list {
	overflow: hidden;
	border: #FF8829 1px solid;
	padding: 15px 15px 15px 30px;
	margin:0 36px 0 0;
}

.recipe_list li {
	font-size: 80%;
	list-style-type: decimal;
	margin: 0 0 20px 0;
	margin-bottom: 20px;
}

.recipe_list h4 {
	margin: 0;
}

.recipe_list:after {
	clear: both;
}

.material_cooking {
	overflow: hidden;
	padding:5px;
	background: #FF8829;
	margin: 0 36px 0 30px;
	color: #FFF;
}

/************************
*						*
*						*
*	　	フッター 		*
*						*
*						*
*************************/

/* footer */
#footer {
	margin-top: 35px;
	width:1110px;
	overflow: hidden;
}
.mail_address {
	display: block;
	text-align: center;
	background: #FFF;
	width:200px;
	margin:5px auto 0 auto;
	text-decoration: none;
	color: #FF8829 !important;

}
#footer_f_1 {
	width: 100%;
	min-width: 1110px;
	background: #FF8829;
	color: #FFF !important;
	position:absolute;
	z-index:1;
	left:0;
}
#footer_f_1 p {
	color: #FFFFFF;
	font-size: 100%;
	margin: 18px 0 18px 0;
	padding: 0;
}
#footer_content {
	width: 1110px;
	margin: 0 auto 0 auto;
	font-size:12px;
}
#footer_content h4 {
	padding:0;
	margin:0;
}
.footer_rack {
	overflow:hidden;
}
.footer_box {
	width: 280px;
	margin: 15px 135px 15px 0;
	_margin: 15px 50px 15px 0;
	float:left;
}
.footer_box_last {
	width: 280px;
	margin: 15px 0 15px 0;
	float: right;
}
.footer_btm {
}
p.footer_tel {
	display: block;
	background: #FFF;
	text-align: center;
	width:100%;
	color: #FF8829 !important;
	font-size: 25px;
	font-weight:bold;
}
.footer_btm a {
	display:block;
	text-align: center;
	text-decoration: none;
	background: #FFF;
	width:50%;
	margin: 0 auto 0 auto;
	color: #FF8829 !important;
	padding:5px;
}
.footer_btm a:hover {
	background: #3498DB;
	color: #FFF !important;
}
.footer_copy {
	display: block;
	text-align:center;
	margin: 15px 15px;
	width: 100&;
	min-width:1110px;
	clear:both;
}