@charset "utf-8";
a:hover img{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}
/*====================================================
common
====================================================*/
div#pc_sp_grm_top_contents{margin:auto;width:1000px;position:relative;margin-bottom:40px}
/*------------------------------------------
PCの時に非表示
------------------------------------------*/
.rankMoreBtn p,div#sp_fvImg,div.sp_box,div#sp_grm_osusumeTokushu,div#sp_grm_cate{display:none}
/*------------------------------------------
TOPへ
------------------------------------------*/
.pagetop{bottom:20px!important}
/*------------------------------------------
ヘッダーカテゴリ非表示
------------------------------------------*/
div.nav-global-cat-in ul.list-nav-global-cat{display:none}
div.nav-global-cat-in ul.slick-slider{display:block!important}
/*====================================================
メイン
====================================================*/
div#pc_sp_grm_top_contents .fixed2{position:fixed!important;width:100%!important;z-index:20!important;top:47px!important;left:0!important}
/*------------------------------------------
ご注意
------------------------------------------*/
div#hanpu_ip_info h2{font-size:30px;text-align:center;padding:15px 0;margin:20px 0 0;background-color:#c00;color:#fff}
div#hanpu_ip_info{text-align:center}
div#hanpu_ip_info p{display:inline-block;font-size:16px;margin:5px 0 5px 20px}
div#hanpu_ip_info p a{text-decoration:underline;color:#08c}
/*------------------------------------------
ぱんくず
------------------------------------------*/
div#breadcrumbList{width:1000px;margin:0 auto 5px;font-size:13px;color:#333}
div#breadcrumbList a{font-size:13px;color:#333;text-decoration:none}
div#breadcrumbList a:hover{text-decoration:underline;color:#f88d01}
/*------------------------------------------
カテゴリ
------------------------------------------*/
div#pc_hanpulp_cate{background-color:#f7f7f7;font-size:14px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:20px 0}
div#pc_hanpulp_cate ul{width:1000px;margin:0 auto}
div#pc_hanpulp_cate ul li{float:left;width:199px;text-align:center;border-right:1px solid #ccc}
div.cate_04 ul li {width: 250px!important}
div#pc_hanpulp_cate ul li:last-child{border-right:none;width:201px}
div#pc_hanpulp_cate ul li a{height:39px;width:100%;display:inline-block}
div#pc_hanpulp_cate ul li a span{position:relative;top:9px}
div#pc_hanpulp_cate ul li a.kohousou{border-bottom:5px solid #f39700}
div#pc_hanpulp_cate ul li a.kohousou:hover{background-color:#f39700}
div#pc_hanpulp_cate ul li a.takusaibin{border-bottom:5px solid #992b00}
div#pc_hanpulp_cate ul li a.takusaibin:hover{background-color:#992b00}
div#pc_hanpulp_cate ul li a.cookkit{border-bottom:5px solid #91b821}
div#pc_hanpulp_cate ul li a.cookkit:hover{background-color:#91b821}
div#pc_hanpulp_cate ul li a.sake{border-bottom:5px solid #1d4fa0}
div#pc_hanpulp_cate ul li a.sake:hover{background-color:#1d4fa0}
div#pc_hanpulp_cate ul li a.flower{border-bottom:5px solid #f78393}
div#pc_hanpulp_cate ul li a.flower:hover{background-color:#f78393}
div#pc_hanpulp_cate ul li a:hover span{color:#fff}
/*------------------------------------------
商品一覧
------------------------------------------*/
div#sp_grm_courseRank input,div#sp_grm_courseRank .top_rank_TabTabItem{display:none}
div#sp_grm_courseRank .top_rank_TabTabContents{border-bottom:1px solid #eee}
div#sp_grm_courseRank div#fragment-5:last-child{border-bottom:none}
div#sp_grm_courseRank h2.sp_grm_contentsTitle{color:#333;display:block;font-size:20px;margin:-110px auto 12px;font-weight:400;padding-top:120px}
div#grm_itemList ul{margin-right:-15px}
div#grm_itemList ul li{position:relative;width:238px;float:left;margin-right:15px;margin-bottom:15px;height:550px}
@media screen and (min-width:900px) {
div#grm_itemList ul li {display: block !important}
} 
div#grm_itemList ul li:last-child{margin-bottom:0;border-bottom:none}
/* ランキングアイコン */
div#grm_itemList ul li a:before{content:'';width:35px;height:35px;display:block;border-radius:50%;background:#333;color:#fff;font-size:15px;font-weight:700;text-align:center;line-height:35px;position:absolute;top:40px;left:5px;z-index:10}
div#grm_itemList ul li.rankIcon_01 a:before{content:'1';background:#D9B340}
div#grm_itemList ul li.rankIcon_02 a:before{content:'2';background:#707B83}
div#grm_itemList ul li.rankIcon_03 a:before{content:'3';background:#A05325}
div#grm_itemList ul li.rankIcon_04 a:before{content:'4'}
div#grm_itemList ul li.rankIcon_05 a:before{content:'5'}
div#grm_itemList ul li.rankIcon_06 a:before{content:'6'}
div#grm_itemList ul li.rankIcon_07 a:before{content:'7'}
div#grm_itemList ul li.rankIcon_08 a:before{content:'8'}
div#grm_itemList ul li.rankIcon_09 a:before{content:'9'}
div#grm_itemList ul li.rankIcon_10 a:before{content:'10'}
div#grm_itemList ul li.rankIcon_11 a:before{content:'11'}
div#grm_itemList ul li.rankIcon_12 a:before{content:'12'}
div#grm_itemList ul li.rankIcon_13 a:before{content:'13'}
div#grm_itemList ul li.rankIcon_14 a:before{content:'14'}
div#grm_itemList ul li.rankIcon_15 a:before{content:'15'}
div#grm_itemList ul li.rankIcon_16 a:before{content:'16'}
div#grm_itemList ul li.rankIcon_17 a:before{content:'17'}
div#grm_itemList ul li.rankIcon_18 a:before{content:'18'}
div#grm_itemList ul li.rankIcon_19 a:before{content:'19'}
div#grm_itemList ul li.rankIcon_20 a:before{content:'20'}
div#grm_itemList ul li.rankIcon_21 a:before{content:'21'}
div#grm_itemList ul li.rankIcon_22 a:before{content:'22'}
div#grm_itemList ul li.rankIcon_23 a:before{content:'23'}
div#grm_itemList ul li.rankIcon_24 a:before{content:'24'}
div#grm_itemList ul li.rankIcon_25 a:before{content:'25'}
div#grm_itemList ul li.rankIcon_26 a:before{content:'26'}
div#grm_itemList ul li.rankIcon_27 a:before{content:'27'}
div#grm_itemList ul li.rankIcon_28 a:before{content:'28'}
div#grm_itemList ul li.rankIcon_29 a:before{content:'29'}
div#grm_itemList ul li.rankIcon_30 a:before{content:'30'}
div#grm_itemList div.grm_itemArea{position:relative}
div#grm_itemList div.itemImg .num_off{background-color:#ec0000;color:#fff;font-size:18px;display:block;padding:9px 0;text-align:center;font-weight:700}
div#grm_itemList div.itemImg a{display:block}
/* pict */
div#grm_itemList div.itemSpec .itemPict{margin-bottom:5px;margin-top:5px}
/* 冷凍便・日本酒 */
div#grm_itemList div.itemSpec .itemPict span.reitou,div#grm_itemList div.itemSpec .itemPict span.nihonshu{background-color:#476eb3;border-radius:5px;-moz-border-radius:5px;color:#fff;font-size:13px;display:inline-block;padding:5px;margin-right:1px}/* 冷蔵便・和風 */
div#grm_itemList div.itemSpec .itemPict span.reizou,div#grm_itemList div.itemSpec .itemPict span.wafu{background-color:#934b99;border-radius:5px;-moz-border-radius:5px;color:#fff;font-size:13px;display:inline-block;padding:5px;margin-right:1px}/* 常温・焼酎・家庭菜園 */
div#grm_itemList div.itemSpec .itemPict span.jouon,div#grm_itemList div.itemSpec .itemPict span.shochu,div#grm_itemList div.itemSpec .itemPict span.kateisaien{background-color:#df6c0f;border-radius:5px;-moz-border-radius:5px;color:#fff;font-size:13px;display:inline-block;padding:5px;margin-right:1px}
/* バラ */
div#grm_itemList div.itemSpec .itemPict span.rose{background-color:#df4f6a;border-radius:5px;-moz-border-radius:5px;color:#fff;font-size:13px;display:inline-block;padding:5px;margin-right:1px}
/* 洋風 */
div#grm_itemList div.itemSpec .itemPict span.youfu{background-color:#df6c0f;border-radius:5px;-moz-border-radius:5px;color:#fff;font-size:13px;display:inline-block;padding:5px;margin-right:1px}
/* 観葉植物 */
div#grm_itemList div.itemSpec .itemPict span.kanyo, div#grm_itemList div.itemSpec .itemPict span.garden{background-color:#090;border-radius:5px;-moz-border-radius:5px;color:#fff;font-size:13px;display:inline-block;padding:5px;margin-right:1px}
/* 送料無料 */
div#grm_itemList div.itemSpec .itemPict span.souryou{background-color:#c00;border-radius:5px;-moz-border-radius:5px;color:#fff;font-size:13px;display:inline-block;padding:5px;margin-right:1px}
div#grm_itemList div.itemSpec .itemPict span.coolInfo{display:inline-block;font-size:11px;color:#999;width:106px;position:relative;top:4px;left:3px}
div#grm_itemList div.itemSpec a.itemName_txt{line-height:1.2em;display:inline-block;height:30px;font-size:14px;margin-bottom:7px}
div#grm_itemList div.itemSpec a.itemName_txt:hover{color:#f88d01;text-decoration:underline}
div#grm_itemList div.itemSpec div.itemPriceBox{text-align:right}
div#grm_itemList div.itemSpec div.itemPriceBox span.otoku{display:inline-block;font-size:16px;color:#fa0000;background-color:#fff100;padding:5px;margin-bottom:7px;font-weight:700}
div#grm_itemList div.itemSpec div.itemPriceBox span.otoku span.zei{color:#fa0000;font-size:11px}
div#grm_itemList div.itemSpec div.itemPriceBox .itemPrice{margin-bottom:5px}
div#grm_itemList div.itemSpec div.itemPriceBox s{font-size:16px;color:#333}
div#grm_itemList div.itemSpec div.itemPriceBox s span{font-size:14px}
div#grm_itemList div.itemSpec div.itemPriceBox em{font-size:20px;color:#C00;font-weight:700;font-style:normal;display:inline-block;line-height:.7em;margin-left:8px}
div#grm_itemList div.itemSpec div.itemPriceBox em span.month{color:#c00;font-size:16px}
div#grm_itemList div.itemSpec div.itemPriceBox em span.zei{font-size:11px;font-weight:100;color:#999}
div#grm_itemList div.itemSpec div.itemPriceBox span.waribiki{background-color:#f8d701;font-size:24px;font-weight:700;color:#c00;font-weight:700;margin-left:7px;padding:5px 7px;display:inline-block}
div#grm_itemList div.itemSpec div.itemPriceBox span.waribiki span.zei{font-size:11px}
div#grm_itemList div.itemSpec div.itemPriceBox span.waribiki span.hiki{font-size:13px;color:#c00}
/* カート */
div#grm_itemList div.itemSpec div.itemPriceBox div.cartArea{text-align:right}
div#grm_itemList div.itemSpec div.itemPriceBox div.cartArea div.itemNum{margin-bottom:10px}
div#grm_itemList div.itemSpec div.itemPriceBox div.cartArea div.itemNum span{font-size:16px;display:inline-block;margin-right:5px;position:relative;top:2px}
div#grm_itemList div.itemSpec div.itemPriceBox div.cartArea select{height:40px;width:60px}
div#grm_itemList div.itemSpec div.itemPriceBox div.cartArea button{height:40px;font-weight:700;border:none;text-align:center;font-size:16px;margin-bottom:7px;color:#fff;border-radius:10px;-moz-border-radius:10px;background:#c00 url(/excludes/gourmet/pg/sale/common/carticon.svg) no-repeat;background-size:31px;padding:0 10px 0 45px;background-position:9px 4px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif}
div#grm_itemList div.itemSpec div.itemPriceBox div.cartArea button:hover{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80)}
div#grm_itemList div.itemSpec div.itemPriceBox div.cartArea button span{color:#fff}
div#grm_itemList div.itemCopy{font-size:12px;line-height:1.3em}
div#grm_itemList div.itemCopy td{vertical-align:top}
div#grm_itemList div.itemCopy td.specName{display:inline-block;width:85px}
div#grm_itemList div.itemCopy td.specTxt{display:inline-block;width:145px}
div.takusaibin_chushaku{border-radius:10px;-moz-border-radius:10px;border:1px solid #c00;padding:3%;margin:3% 10% 6%;font-size:16px;line-height:1.3em}
div.takusaibin_chushaku p.ttlTxt{font-weight:700}
div.takusaibin_chushaku p:nth-child(2){margin-bottom:10px}
/*------------------------------------------
キャンペーン
------------------------------------------*/
div#campagne h2{font-size:30px;text-align:center;padding:15px 0;margin:0 0 15px;background-color:#269948;color:#fff}
div#campagne table{margin:0 auto;font-size:18px;line-height:1.5em}
/*====================================================
フッター
====================================================*/
div#pc_sp_grm_foot{max-width:1200px;margin:0 auto}
div#pc_sp_grm_foot div#grm_link_box{text-align:right;font-size:12px;margin-bottom:10px}
div#pc_sp_grm_foot div#grm_link_box a:hover{color:#f88d01;text-decoration:underline}

@media screen and (max-width:750px) {
	/* 
★スマホ用CSS 
 */
/*====================================================
common
====================================================*/
div#pc_sp_grm_top_contents{width:100%;margin-bottom:0}
/*------------------------------------------
SPの時に非表示
------------------------------------------*/
div#pc_fvImg,div.pc_box,div#pc_hanpulp_cate,div#pc_grm_sitemaparea,div#pc_sake_sideBnr{display:none}
/*------------------------------------------
SPの時に表示
------------------------------------------*/
.rankMoreBtn p,div#sp_fvImg,div.sp_box,div#sp_grm_osusumeTokushu,div#sp_grm_cate{display:block}
/*====================================================
メイン
====================================================*/
div#pc_sp_grm_top_contents p#deadLineBox{padding:5px 0;font-size:16px}
div#sp_fvImg a{width:94%;display:inline-block;position:relative;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center;font-weight:700;background:#c00;color:#fff;text-decoration:none;font-size:16px;padding:8px 0;margin:3% 3% 0;line-height:1.1em}
div#sp_fvImg a:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:10px;top:24px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
/*------------------------------------------
ぱんくず
------------------------------------------*/
div#breadcrumbList{width:94%}
/*------------------------------------------
ご注意
------------------------------------------*/
div#hanpu_ip_info div.spr_accordionBox{display:none}
div#hanpu_ip_info .spr_accordion{border:1px solid #c00;width:94%;margin:3% auto}
div#hanpu_ip_info h2{background-color:#fff;color:#c00;font-size:18px;margin:0;position:relative}
div#hanpu_ip_info h2:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #c00;border-right:1px solid #c00;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:10px;top:20px;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
div#hanpu_ip_info h2.active:after{content:"";-webkit-transform:rotate(315deg)!important;-moz-transform:rotate(315deg)!important;-ms-transform:rotate(315deg)!important;transform:rotate(315deg)!important;top:27px}
div#hanpu_ip_info p{display:inline-block;font-size:15px;margin:3% 0 0}
div#hanpu_ip_info p span:nth-child(2){display:block;margin-bottom:6%}
/*-------------------------------------------
商品一覧
------------------------------------------*/
div#sp_grm_courseRank .top_rank_TabTabItem{display:block}
div#grm_itemList ul{margin-right:0}
div#grm_itemList ul li{margin-bottom:3%;padding-bottom:3%;border-bottom:1px solid #eee;float:none;width:94%;margin-left:auto;margin-right:auto;height:auto}
div#grm_itemList ul li:last-child{border-bottom:1px solid #eee;margin-bottom:3%}
div#sp_grm_courseRank .top_rank_TabTabContents{border-bottom:none}
div#sp_grm_courseRank h2.sp_grm_contentsTitle{font-size:18px;margin:0 auto;padding-top:30px}
div#grm_itemList div.grm_itemArea div.itemImg{width:38%;float:left}
div#grm_itemList div.grm_itemArea div.itemSpec{width:60%;float:right}
div#grm_itemList div.itemImg .num_off{font-size:15px}
div#grm_itemList ul li a:before{content:'';width:25px;height:25px;font-size:13px;line-height:25px;top:38px;left:3px}
div#grm_itemList div.itemSpec .itemPict{margin-top:0}
div#grm_itemList div.itemSpec .itemPict span.coolInfo{width:100%;top:0;margin-top:3px;font-size:11px;left:0}
div#grm_itemList div.itemSpec a.itemName_txt{height:35px;margin-bottom:5px}
div#grm_itemList div.itemSpec div.itemPriceBox span.otoku{font-size:13px}
div#grm_itemList div.itemSpec div.itemPriceBox s{display:inline-block;margin-bottom:5px}
div#grm_itemList div.itemCopy td.specColon{width:1%}
div#grm_itemList div.itemCopy td.specTxt{width:100%}
div#grm_itemList .rankMoreBtn p{display:block}
div#grm_itemList .rankMoreBtn{display:block;padding:17px 0;font-size:14px;text-align:center;text-decoration:none;width:200px;color:#333;border-radius:26px;position:relative;margin:6% auto;border:1px solid #ccc;background-color:#f7f7f7}
div#grm_itemList .rankMoreBtn:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #999;border-right:1px solid #999;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;right:44px;top:41%;margin-top:-5px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
div#grm_itemList .rankMoreBtnClose:after{content:"";-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none;top:25px;right:55px}
div#grm_itemList a.moreItemBtn{margin:6% 3% 6% 0}
/*---------------------------
タブメニュー
---------------------------*/
.top_rank_TabTab{clear:both;position:relative}
.top_rank_TabTab input[type='radio']{display:none;width:20%;float:left;position:absolute;opacity:0;height:auto;top:0;left:0;border:none;border-radius:0}
.top_rank_TabTab select,input{-webkit-appearance:none;line-height:30px;font-size:14px}
.top_rank_TabTab label{display:block;width:20%;float:left}
.top_rank_TabTab input#radio-tab1:checked+label .top_rank_TabTabItem,.top_rank_TabTab input#radio-tab2:checked+label .top_rank_TabTabItem,.top_rank_TabTab input#radio-tab3:checked+label .top_rank_TabTabItem,.top_rank_TabTab input#radio-tab3d:checked+label .top_rank_TabTabItem{height:50px;margin-bottom:-2px;position:relative}
.top_rank_TabTab input:checked+label .top_rank_TabTabItem{box-sizing:border-box;border-bottom:0;box-sizing:border-box}
.top_rank_TabTab input:checked+label .top_rank_TabTabItem span{color:#fff;font-weight:700}
.top_rank_TabTab input:checked+label .top_rank_TabTabItem{border-right:none;background-color:#EF8B16}
.top_rank_TabTab .top_rank_TabTabItem span{border-bottom:0;color:#333;position:relative;top:13px;line-height:1.2em;font-size:12px}
.top_rank_TabTab .top_rank_TabTabItem span.line_02{position:relative;top:4px;line-height:.5em!important}
.top_rank_TabTabItem{background-color:#eee;text-align:center;height:50px;font-size:18px;border-right:1px solid #ccc}
.top_rank_TabTab label:last-child .top_rank_TabTabItem{border-right:none}
.top_rank_TabTab .br_n{border-right:none!important}
/* 4個の時 */
div.tab04 label {width: 25%}
div.tab04 label:nth-of-type(1) .top_rank_TabTabContents {margin-right: -300%!important}
div.tab04 label:nth-of-type(2) .top_rank_TabTabContents {margin: 0 -200% 0 -100%!important}
div.tab04 label:nth-of-type(3) .top_rank_TabTabContents {margin: 0 -100% 0 -200%!important}
div.tab04 label:nth-of-type(4) .top_rank_TabTabContents {margin: 0 0 0 -300%!important}
/*----------------------------
タブページ
---------------------------*/
.top_rank_TabTab input:checked + label .top_rank_TabTabContents{display:block}
.top_rank_TabTab .top_rank_TabTabContents{display:none;font-size:14px;color:#333}
.top_rank_TabTab label:nth-of-type(1) .top_rank_TabTabContents{margin-right:-400%!important}
.top_rank_TabTab label:nth-of-type(2) .top_rank_TabTabContents{margin:0 -300% 0 -100%!important}
.top_rank_TabTab label:nth-of-type(3) .top_rank_TabTabContents{margin:0 -200%!important}
.top_rank_TabTab label:nth-of-type(4) .top_rank_TabTabContents{margin:0 -100% 0 -300%!important}
.top_rank_TabTab label:nth-of-type(5) .top_rank_TabTabContents{margin:0 0 0 -400%!important}
.top_rank_TabTab label[for="radio-tab3"] .top_rank_TabTabContents div#otodoke_txtBox{padding:2%}
.top_rank_TabTab label[for="radio-tab3d"] .top_rank_TabTabContents div#detail_txtBox{padding:2%}
div.takusaibin_chushaku{margin:3%;font-size:14px}
/* 4個の時 */
/*------------------------------------------
キャンペーン
------------------------------------------*/
div#campagne h2{font-size:20px;padding:10px 0;margin:0 0 10px}
div#campagne table{margin:0 auto 6%;font-size:14px;line-height:1.5em;width:94%}
div#campagne table tr td:first-child{width:60px} 
}