@charset "shift_jis";

body {
	margin:0;padding:0;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}
a{text-decoration:none;}

/*【タイトル】*/
#title{margin:0;padding:10px;text-align:left;letter-spacing:2px;font-size:14px;border-top: 1px solid #ccc;border-bottom:none;}

/*【スクロールの外枠】*/
#scroll_out {
	margin-bottom:10px;
	padding:5px 0 0 0;
	border-top:1px solid #ccc;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

ul#item_box{
	margin:0;
	padding:0 0 0 5px;
	display:block;
	list-style: none;
}
li{
	width:152px;
	margin:0;
	display: inline-block;
	vertical-align:top;
}
/*画像のサイズ*/
#item_box .gazo{width:150px;padding:1px;}

/**********************************/
/*■カラー設定*/
/**********************************/
/*【白背景】*/
#item_box .free{background-color:#bf0000;color:#fff;}
#item_box .price{color:#000;}
#item_box .teika{color:#000;}
#item_box .nebiki{background-color:#bf0000;color:#fff;}
#item_box .price_w{color:#bf0000;}
#item_box .p10on{background-color:#bf0000;color:#fff;}
#item_box .p10on b{color:#fff;}
#item_box .nebiki_cp{background-color:#bf0000;color:#fff;}
#item_box .nashi_point{background-color:#bf0000;color:#fff;}

#item_box #ap_tsujo.ap_p10alwys + a .p10on s   {background:#bf0000;color:#fff;}
#item_box #ap_nashi.ap_p10alwys + a .p10on s   {background:#bf0000;color:#fff;}


/**********************************/
/*■共通スタイル*/
/**********************************/

#item_box .gazo     {display:block;}
#item_box a:hover   {opacity:0.8;}

/*******************************/
/*送料無料*/
/*******************************/
#item_box .free          {width:50px;height:14px;margin-right:8px;padding:3px 0;letter-spacing:1px;text-decoration:none;text-align:center;line-height:15px;font-size:10px;font-weight:normal;position:relative;top:0px;float:left;display:block;}

/*******************************/
/*通常の表示*/
/*******************************/
#item_box .price         {width:100%;height:20px;margin:0;padding:0;text-align:left;line-height:22px;font-size:12px;font-weight:bold;float:left;color: #bf0000;}
#item_box .csv-kakaku:after  {content:"円";}

/*******************************/
/*税込み（通常）*/
/*******************************/
#item_box .zei{margin-left:-4px;font-size:10px;}

/*******************************/
/*■価格（二重価格）*/
/*******************************/
/*当店通常価格*/
#item_box .teika:before {content:"当店通常価格";white-space: pre ;}
#item_box .teika         {margin-top:5px;text-align:left;line-height:10px;font-size:10px;font-weight:normal;}
#item_box .teika b       {line-height:10px;font-size:8px;font-weight:normal;}
#item_box .teika:after  {content:"円のところ";}

/*値引き*/
#item_box .nebiki        {width:100%;margin:2px 0 3px;padding:4px 0 3px 0;text-align:center;line-height:12px;font-size:12px;font-weight:bold;}
#item_box .nebiki b      {font-size:12px;}
#item_box .nebiki:after  {content:" 円OFF";white-space: pre ;}

/*******************************/
/*【％OFFアイコン】*/
/*******************************/
.icon_nebiki       {width:100%;height:18px;letter-spacing:1px;line-height:20px;font-size:14px;font-weight:normal;text-align:center;background:#bf0000;color:#fff;float:left;}
.icon_nebiki::after{content:"％OFF";font-size:12px;}

/*デフォルト非表示：値引きアピ時のみ表示*/
.icon_nebiki{display:none;}
#ap_nebiki + a .icon_nebiki{display:block;}

/*******************************/
/*ポイントバックアピール*/
/*******************************/
#item_box .p10on   {width:100%;margin:2px 0 0 0;padding:2px 0 0 0;text-align:center;line-height:13px;font-size:12px;float:left;}
#item_box .p10on i {font-size:11px;font-style:normal;display:block;}
#item_box .p10on b {padding: 0 0 2px 0;font-size:10px;font-weight:normal;display: block;}

/*******************************/
/*■クーポンアピール*/
/*******************************/
/*値引き*/
#item_box .nebiki_cp      {width:100%;margin:3px 0 0 0;padding:8px 0 7px 0;text-align:center;line-height:12px;font-size:10px;float:left;}
#item_box .nebiki_cp b    {font-size:10px;}


/*******************************/
/*■山崎実業 ポイントアピール*/
/*******************************/
/*値引き*/
#item_box .nashi_point      {width:100%;margin:5px 0 0 0;padding:8px 0 7px 0;text-align:center;line-height:12px;font-size:12px;float:left;}
#item_box .nashi_point      {font-size:12px;}

/****************************/
/*売り切れ表示*/
/****************************/
/*【初期化】売り切れBOX非表示*/
#item_box .sold_out_msg,
#item_box .sold_out_box              {display:none;}

/*売り切れ表示の枠*/
#item_box .soldout + a               {position:relative;clear:both;display:block;}
#item_box .soldout + a .sold_out_box {display:block;}

#item_box .soldout + a .sold_out_msg::before      {content:"ご好評につき売り切れました";white-space:pre;font-size:10px;font-weight:normal;}
#item_box .soldout + a .sold_out_msg              {width:100%;text-align:center;color:#fff;position:absolute;top:0;left:0;z-index:9999;display:block !important;}
#item_box .soldout + a .sold_out_box              {width:100%;height:100%;margin:0;text-align:center;background:#666;position:absolute;top:0;left:0;opacity: 0.7;z-index:9998;display:block !important;}

/*【入荷予定あり】表示*/
.nyuka + a .sold_out_msg::before {content: "入荷予定あり\A" !important;color: #000 !important;}
.nyuka + a .sold_out_box         {background-color: #fff !important;}

/*【調整】テキストのサイズ・位置*/
#item_box .sold_out_msg                           {margin:18% 0 0 0;line-height:28px;font-size:20px;font-weight:bold;}


/****************************/
/*【リセット用】*/
/****************************/
#item_box .csv-ap_hantei{display:none;}

/*■ポイント*/
#item_box .p10on    {display:none;}

/*■クーポン*/
#item_box .teika_cp,
#item_box .nebiki_cp,
#item_box .price_cp {display:none;}

/*■二重価格*/
#item_box .teika,
#item_box .nebiki,
#item_box .price_w  {display:none;}

/*■通常価格*/
#item_box .price    {display:none;}

/*■山崎実業用ポイント*/
#item_box .nashi_point{display:none;}

/*■プライスBOXの高さ*/
#item_box .price_box{width:150px;height:55px;margin:2px 0 -2px 0;padding:0 0 0 1px;clear: both;float:left;}

/**********************************/
/*【通常価格】#ap_tsujo           */
/**********************************/
#item_box #ap_tsujo{display:none;}

/*■通常価格*/
#item_box #ap_tsujo + a .price              {display:block;}

/*■プライスBOXの高さ*/
#item_box #rank_no1 #ap_tsujo + a.item_box  {padding-top:20px;}
#item_box #rank_no  #ap_tsujo + a.item_box  {padding-top:20px;}

/*■常時P10倍*/
/*
#item_box #ap_tsujo.ap_p10alwys + a .p10on  {display:block !important;}
#item_box #ap_tsujo.ap_p10alwys + a .p10on b{display:none;}
*/

/*■プライスBOXの高さ*/
#item_box #ap_tsujo + a .price_box            {height:30px;margin:2px 0 -2px 0;}
/*
#item_box #ap_tsujo.ap_p10alwys + a .price_box{height:55px;margin:2px 0 -2px 0;}
*/

/**********************************/
/*【ポイント】#ap_point           */
/**********************************/
#item_box #ap_point{display:none;}

/*■通常価格*/
#item_box #ap_point + a .price    {display:block;}

/*■ポイント*/
#item_box #ap_point + a .p10on    {display:block;}

/*■プライスBOXの高さ*/
#item_box #ap_point + a .price_box          {margin:2px 0 -2px 0;}

/**********************************/
/*【値引きクーポン】#ap_cpnebiki  */
/**********************************/
#item_box #ap_cpnebiki{display:none;}

/*■通常価格*/
#item_box #ap_cpnebiki + a .price    {display:block;}

/*■クーポン*/
#item_box #ap_cpnebiki + a .nebiki_cp{display:block;}
/*定額クーポンを非表示*/
#item_box #ap_cpnebiki + a .csv-cp_teigaku{display:none;}

/**********************************/
/*【定額クーポン】#ap_cpteigaku   */
/**********************************/
#item_box #ap_cpteigaku{display:none;}

/*■通常価格*/
#item_box #ap_cpteigaku + a .price    {display:block;}

/*■クーポン*/
#item_box #ap_cpteigaku + a .nebiki_cp{display:block;}
/*値引きクーポンを非表示*/
#item_box #ap_cpteigaku + a .csv-cp_nebiki{display:none;}

/**********************************/
/*【クーポン】#ap_coupon          */
/**********************************/
#item_box #ap_coupon{display:none;}

/*■クーポン*/
#item_box #ap_coupon + a .teika_cp,
#item_box #ap_coupon + a .nebiki_cp,
#item_box #ap_coupon + a .price_cp {display:block;}

/**********************************/
/*【二重価格あり】#ap_nebiki      */
/**********************************/
#item_box #ap_nebiki{display:none;}

/*■二重価格*/
#item_box #ap_nebiki + a .teika,
#item_box #ap_nebiki + a .nebiki,
#item_box #ap_nebiki + a .price  {display:block;}

/*■プライスBOXの高さ*/
#item_box #ap_nebiki + a .price_box          {margin:-2px 0 2px 0;}

/**********************************/
/*【アピールなし】#ap_nashi       */
/**********************************/
#item_box #ap_nashi{display:none;}

/*■通常価格*/
#item_box #ap_nashi + a .price    {display:block;}

/*■山崎実業用ポイント*/
#item_box #ap_nashi + a .nashi_point    {display:none;}

/*■常時P10倍*/
#item_box #ap_nashi.ap_p10alwys + a .p10on     {display:block !important;}
#item_box #ap_nashi.ap_p10alwys + a .p10on b   {display:none;}

/*****************************************/
/*以上*/
/*****************************************/