/* CSS Document */
@charset "shift-jis";

/*------- PC_start -------*/
		
.inner_content{width:900px;}

/*200924__追記*/
.pc_none{ display:none;}
#kanban img{ width:100%;}
#kanban_img{ width:100%; overflow: hidden; padding:1% 0; background-color:#6f0000;}	
#kanban_img img{ width:100%;}	
/*200924__追記*/
	
#hot_wrap{overflow-x: hidden; background-position:center top;}

#hot_wrap a{ text-decoration:none; color:black;border:none;}
#hot_wrap a img{ border:none;}
#hot_wrap a:hover img{ opacity:0.8;}
#hot_wrap img{ vertical-align:bottom;}
	
		
/*==================================看板==================================*/

#hot_wrap #kanban_wrap{width: 100%; position:relative; background-repeat:repeat-x; background-position:center top;overflow:hidden; margin-bottom:85px;}

#hot_wrap #kanban_wrap #kanban{max-width: 1080px; overflow: hidden; margin: 0 auto;}


#hot_wrap #kanban_wrap .kanimg6{ position:absolute; right:0; top:0;}
#hot_wrap #kanban_wrap .kanimg7{ position:absolute; left:0; top:0;}
#hot_wrap #kanban_wrap .kanimg1{ position: absolute; top: 10%; left: 53%; margin: auto; transform: translateY(-5%) translateX(-50%); -webkit- transform: translateY(-5%) translateX(-50%); -moz-transform: translateY(-5%) translateX(-50%); -ms-transform: translateY(-5%) translateX(-50%); -o-transform: translateY(-5%) translateX(-50%);}
	
#hot_wrap #kanban_wrap .kanimg2{  position:absolute; top:20px; left:2%;}
#hot_wrap #kanban_wrap .kanimg3{  position:absolute; bottom: 1%;left: 0%;}
#hot_wrap #kanban_wrap .kanimg4{  position:absolute; top:120px; right:5%;}
#hot_wrap #kanban_wrap .kanimg5{  position:absolute; top:40px; right:7%;}


#hot_wrap .wrap{max-width: 1000px; margin: 0 auto;overflow: hidden;}


/*==================================看板下ナビメニュー==================================*/
#hot_wrap #navi_wrap{ width: 100%; margin: 0px auto; margin-top:15px; text-align:center;}
#hot_wrap #navi_wrap li{width:26.6%; height:90px; margin:1% 0.8% 0 0.5%; 	font-size: 22px;
font-weight: bold; text-align: center; border: 2px solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;-o-border-radius: 10px; -ms-border-radius: 10px; line-height: 1em; color: #6f0000; position:relative; display: inline-block; -webkit-transition: all .3s;transition: all .3s;}
#hot_wrap #navi_wrap li img{ width:100%;}
	  
#hot_wrap #navi_wrap li:hover{color: white; border: 2px solid #6f0000; background-color:#6f0000;}	
#hot_wrap #navi_wrap li a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent:-999px;}

#hot_wrap #navi_wrap li .nav_txt p{ position:absolute; top:50%; right:-50%; left:50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

#hot_wrap h2.kanban_title{ color:#6f0000; text-align:center; position:relative; margin-top:45px; font-size:25px;}
#hot_wrap h2.kanban_title span{ background-color:white; position:relative; padding: 0 40px;}
#hot_wrap h2.kanban_title:before{position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px;content: ''; background: #6f0000;}	

/*マウスホバー時、商品名に線を引くアニメーション__200924追記*/
#hot_wrap #navi_wrap li .nav_txt p span{ position:relative;}
#hot_wrap #navi_wrap li .nav_txt p span:before{ content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background:white;transform: scale(0, 1); transform-origin: left; transition: 0.4s;}
#hot_wrap #navi_wrap li:hover .nav_txt p span:before{ transform: scale(1);}



/*200925__追記*/
#hot_wrap #navi_wrap2{ margin:35px auto 0; padding-left:80px;}
#hot_wrap #navi_wrap2 li{ width:calc(85%/2); display:inline-block; }
#hot_wrap #navi_wrap2 li div{overflow:hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;-o-border-radius: 10px; -ms-border-radius: 10px;}
#hot_wrap #navi_wrap2 li:nth-child(1){ margin-right:60px;}
#hot_wrap #navi_wrap2 li img{ width:100%;}
#hot_wrap #navi_wrap2 li p{ color:#6f0000; padding-top:5px; position:relative;}

#hot_wrap #navi_wrap2 li a p span{ position:relative; font-weight: bold;}/*線引きアニメーション*/
#hot_wrap #navi_wrap2 li a p span:before{ content: ""; position: absolute; left: 0; bottom:0px; width: 100%; height: 2px; background: #6f0000; transform: scale(0, 1); transform-origin: left; transition: 0.4s;}
#hot_wrap #navi_wrap2 li a:hover p span:before{ transform: scale(1);}

#hot_wrap #navi_wrap2 li a:hover img{transform: scale(1.05); transition-duration: 0.3s; opacity:1.0 !important;}


/*予備*/
#hot_wrap #navi_wrap_pre{ width: 100%; margin: 0px auto; margin-top:20px; text-align:center;}
#hot_wrap #navi_wrap_pre li{width:27.6%; height:90px; font-size: 24px;
font-weight: bold; text-align: center; border-radius: 10px; -moz-border-radius: 5px; -webkit-border-radius: 10px;-o-border-radius: 5px; -ms-border-radius: 5px; line-height: 1em; color: #6f0000; position:relative; display: inline-block;}
#hot_wrap #navi_wrap_pre li img{ width:100%;}



/*==================================見出し==================================*/
#hot_wrap h3{     margin-top: -60px;    text-align: center; padding-top: 60px; width: 100%;}

#hot_wrap h3 img { width:100%;max-width: 1000px;}
	
#hot_wrap h5{color: black;font-size:26px;font-weight: bold; margin: 6% 0 15px; text-align: center;}

#hot_wrap h6{text-align:center; padding: 5px 0;margin-bottom: 10px; font-size:18px; font-weight:normal;}

div.shop_foot{ margin:0 auto; border-top: 1px solid grey;}
div.shop_foot h6{padding: 15px 0 0!important;}

div.shop_foot ul{}
div.shop_foot ul li{ width:calc(99%/3); display:inline-block;}

/*マウスホバー時、商品名に線を引くアニメーション__200924追記*/
div.shop_foot h6 a span{ position:relative;}
div.shop_foot h6 a span:before{ content: ""; position: absolute; left: 0; bottom: 5px; width: 100%; height: 1px; background: /*#555*/black;transform: scale(0, 1); transform-origin: left; transition: 0.4s;}
div.shop_foot h6 a:hover span:before { transform: scale(1);}

/*==================================▼商品リスト 共通▼==================================*/
#hot_wrap .item_wrap{ margin: 0 -2% 0 0; width: 102%; overflow: hidden; padding-top: 5px;}
#hot_wrap .item_wrap dl dt{ font-weight: bold;}
#hot_wrap .item_wrap dl dd p.item_name{ font-size: 20px; font-weight: bold; padding:2px 0 0;color:black;}
#hot_wrap .item_wrap dl dd p.txt{ font-size: 70%; font-weight:normal; padding:2px 0 0;color:black/*#ffffff*/;}
#hot_wrap .item_wrap dl{position:relative;}
#hot_wrap .item_wrap dl .icon_souryou{display: none;}
/*==================================▼商品リスト 1列　item_w-max▼==================================*/
#hot_wrap .item_wrap dl.item_w-max{ width: 98%; margin: 20px 0 0 0;padding: 0; color:black/*#ffffff*/;}
#hot_wrap .item_wrap dl.item_w-max .icon_img{position:absolute;top:-25px; left: 0px; z-index: 10;}
#hot_wrap .item_wrap dl.item_w-max .icon_souryou{display: none;}
#hot_wrap .ranking3made .item_wrap dl.item_w-max{ margin: 0 2% 5% 0; width: 31.333%; float: left;}
#hot_wrap .item_wrap dl.item_w-max div.itemimg img{border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;}
	
	
/*1カラム*/	
	
	
#hot_wrap .item_wrap1　{ margin: 0 -2% 0 0; width: 102%; overflow: hidden; padding-top: 5px;}
#hot_wrap .item_wrap1 dl dt{ font-weight: bold;}
#hot_wrap .item_wrap1 dl dd p.item_name{ font-size:25px; font-weight: bold; padding:10px 0 0;color:black;}
#hot_wrap .item_wrap1 dl dd p.txt{ font-size: 70%; font-weight:normal; padding:2px 0 0;color:black;}
#hot_wrap .item_wrap1 dl{position:relative;}
#hot_wrap .item_wrap1 dl .icon_souryou{display: none;}
/*==================================▼商品リスト 1列　item_w-max▼==================================*/
#hot_wrap .item_wrap1 dl.item_w-max{ width: 98%; margin: 20px auto 0 auto;padding: 0; color:black;}
#hot_wrap .item_wrap1 dl.item_w-max .icon_img{position:absolute;top:-25px; left: 0px; z-index: 10;}
#hot_wrap .item_wrap1 dl.item_w-max .icon_souryou{display: none;}
#hot_wrap .item_wrap1 dl.item_w-max div.itemimg{overflow:hidden; border-radius: 10px;}
#hot_wrap .item_wrap1 dl.item_w-max div.itemimg img{border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; display: block; transition-duration: 0.3s;}

#hot_wrap .item_wrap1 dl.item_w-max a:hover div.itemimg img{transform: scale(1.1); transition-duration: 0.5s;}
											
#hot_wrap dl.item_w-max .hoverno a:hover img { opacity:1;!important}

/*マウスホバー時、商品名に線を引くアニメーション__200924追記*/
#hot_wrap a p.item_name span{ position:relative;}
#hot_wrap a p.item_name span:before{ content: ""; position: absolute; left: 0; bottom: 0px; width: 100%; height: 1px; background: /*#555*/black;transform: scale(0, 1); transform-origin: left; transition: 0.4s;}
#hot_wrap a:hover p.item_name span:before { transform: scale(1);}

#hot_wrap a div.prices{ position:relative;}
#hot_wrap a div.prices:before{ content: ""; position: absolute; left: 0; bottom: 0px; width: 60%; height: 1px; background: /*#555*/#932017;transform: scale(0, 1); transform-origin: left; transition: 0.4s;}
#hot_wrap a div.prices_rank1:before{width: 30%;}
#hot_wrap a:hover div.prices:before { transform: scale(1);}


/*==================================▼商品リスト 2列　item_2▼==================================*/

#hot_wrap .item_wrap dl.item_2{ margin-top: 3%; width: 46%; float: left; margin:0.5%; padding:1%;}
#hot_wrap .item_wrap dl.item_2 a{ display:block;}
#hot_wrap .item_wrap dl.item_2 dl{	display: inline-block;}

#hot_wrap .item_wrap dl.item_2 dd.itemimg{ clear:both; margin-bottom:10px;  overflow:hidden;  border-radius: 10px;}

#hot_wrap .item_wrap dl.item_2 .icon_img{position:absolute;top:-20px; left: 0px; z-index: 10; width: 30%;}

#hot_wrap .item_wrap dl.item_2 .itemimg img{ float:left; 	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; display: block; transition-duration: 0.3s;}
#hot_wrap .item_wrap dl.item_2 a:hover .itemimg img{transform: scale(1.1); transition-duration: 0.5s;}
/*▼アイコン▼*/
#hot_wrap .icon2{width:100%; overflow: hidden;}
#hot_wrap .icon2 li{ float:left; padding-right: 3px;}
#hot_wrap .icon2 li img{width: 40px;}
.item_wrap dl.item_w-max dd.dc { width: 100%; float: left;}
	
/*▼価格プログラム▼*/
#hot_wrap div.prices{font-size:150%; color:#932017; font-weight:bold; position: relative; top:-5px; margin-right:2%;min-height: 1em;}
#hot_wrap div.prices span.prdisp-icon{ position: relative; bottom: -3px; right: 15px;}/*アイコン位置*/
#hot_wrap div.prices span.prdisp-icon img{ width:1.5em;}/*アイコンサイズ*/
#hot_wrap .item_wrap dl.item_w-max dd div.prices{ width: 100%; margin:0; position: relative; top: -25px;}
	
#hot_wrap .ranking3made .item_wrap dl.item_w-max dd div.prices{text-align: right;font-size:150%; color:#de8627; font-weight:bold; position: relative; top:5px;}



/*fondan, blanko*/
#hot_wrap .item_wrap .item_cb{ clear:both;}


/*==================================上部固定ナビ==================================*/
#hot_wrap .nav {
	padding:0px;
	margin: 0 auto;
	width: 100%;		
	background-color:#801c14;
	background-repeat:repeat;
	display:none;
	z-index: 99999;
	overflow: hidden;
}

#hot_wrap div.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: block !important;
}
#hot_wrap .nav #nav_list{ width: 100%; margin: 0 auto; overflow:hidden; text-align:center}
#hot_wrap .nav #nav_list li{font-size: 15px; font-weight: bold; width: 11.5%; text-align: center; height: 40px; border-right: 1px solid white/*#AAD1EB*/; line-height: 1em;display: inline-table;}

#hot_wrap .nav #nav_list li:nth-child(1){ border-left: 1px solid white;}	
#hot_wrap .nav #nav_list li a{color: #FFF; display:block;}
#hot_wrap .nav #nav_list li:hover{ background-color:#6e1811;}

#hot_wrap .nav #nav_list li p{display: inline-block; padding-top:20px; height:40px;}

/*マウスホバー時、商品名に線を引くアニメーション__200924追記*/
#hot_wrap #nav_list a p span{ position:relative;}
#hot_wrap a p span:before{ content: ""; position: absolute; left: 0; bottom: 3px; width: 100%; height: 1px; background: white;transform: scale(0, 1); transform-origin: left; transition: 0.2s;}
#hot_wrap a:hover p span:before { transform: scale(1);}

/*==================================サイズ==================================*/
#hot_wrap .size_wrap{ width:100%; max-width:1000px;overflow: hidden; margin-bottom:20%;}
#hot_wrap .size_wrap ul{ border-top: solid 1px #333333; margin:auto;}
#hot_wrap .size_wrap li{ float:left; padding:1.5%; margin:1%; text-align:center;	border-radius: 20px; background-image:url(https://www.rakuten.ne.jp/gold/kaguin/images/180921hot/bk_navi_3.jpg);}
#hot_wrap .size_wrap a{ display:block;}
#hot_wrap .size_wrap p{
	display: inline-block; padding:7%;color: #6f0000; font-weight:bold;}
#hot_wrap .size_wrap li.w15{ width:15%; font-size:90%;}

/*==================================スライダー==================================*/
#hot_wrap .slider_wrap{ padding: 0; margin-bottom: 0; display:block }
#hot_wrap .slider_wrap li.item{ padding: 0.5%;}

#hot_wrap .slider_wrap li.item:hover{ background-color:#590000;}
#hot_wrap .slider_wrap li p{padding: 0.5em; line-height: 1.2em; font-size: 14px; height:39px}
#hot_wrap .slider_wrap img{	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;}

/*==================================ページTOPへ==================================*/
#hot_wrap #p_top2 ,#hot_wrap #p_top2 a:hover { position: fixed; bottom:0px; right:0; z-index:99999;}
#hot_wrap #p_top2 a:hover {} 
#hot_wrap #p_top2 img{opacity:1.0 !important;}
		

/*==================================特集はこちら等==================================*/

#hot_wrap .bn_title a { width:70%; padding:1.5% 0; margin:0 auto 10% auto; text-align:center; color:#FFF; background:#814123;font-size: 130%; display:block; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}
	
#hot_wrap .bn_title span {font-size:75%}		
	
#hot_wrap .bottom { margin-bottom:13%;}


/*自社本店価格プロ*/
#hot_wrap .spesicalprice{ font-size:60% !important; padding-right:1%; color:/*#04046b*/#932017 !important;}
#hot_wrap .price{ display:inline; color:#932017;}
#hot_wrap .intax{ display:inline; font-size:65%; padding-left:1%;}

/*------- PC_end -------*/