@charset "utf-8";
/* グルメトップ */
/*====================================================
common
====================================================*/
.mainArea{margin:auto;max-width:1200px;min-width:1000px;position:relative;width:100%;overflow:hidden}
.fwCms_box.frame_LM{float:left;position:relative;width:16.7%}
.fwCms_box.frame_MB{float:left;width:83.3%}
.footer{background:#fff!important}
footer.footer.pc {background-color: #F3F3F3 !important;}
div#pc_grm_mainBnr{margin-top:-10px}
/* PCの時非表示 */
div#sp_grm_info,div#sp_grm_mainBnr,div#sp_grm_cate,div#sp_grm_osusumeTokushu{display:none}
.border01 {background: #fff !important;}
.hotitems, .checkeditems {padding: 30px 0 !important;border-top: 1px solid #eee;}
div.grm_rankArea, div#pc_grm_osusumeTokushu {border-top: 1px solid #eee}
a:hover img {-moz-opacity: .8;opacity: .8;filter: alpha(opacity=80)}
/*====================================================
メインバナー
====================================================*/
div#pc_grm_mainBnr .mainslider .slider01 .slick-slide li{width:1000px!important;height:360px!important}
div#pc_grm_mainBnr .slick-dots li button:before{width:10px!important;height:10px!important}
div#pc_grm_mainBnr .slick-dots li{width:15px!important;height:6px!important;margin:0 8px!important;position:relative;top:2px;padding-top:-2px}
div#pc_grm_mainBnr .mainslider .slick-slide:not(.slick-center){-webkit-filter:opacity(40%)!important;-moz-filter:opacity(40%)!important;-o-filter:opacity(40%)!important;-ms-filter:opacity(40%)!important;filter:opacity(40%)!important}
div#pc_grm_mainBnr .mainslider .slider01 .slick-next{right:11%!important}
div#pc_grm_mainBnr .mainslider .slider01 .slick-prev{left:11%!important}
/*====================================================
大カテバナー
====================================================*/
div#grm_cateBnrList ul li{float:left;width:24.2%;margin-right:1%;margin-bottom:2px;line-height:1em}
div#grm_cateBnrList ul li:nth-child(4),div#grm_cateBnrList ul li:nth-child(8){margin-right:0}
div#grm_cateBnrList ul li a{display:inline-block;font-size:12px;line-height:1.2em;color:#333}
div#grm_cateBnrList ul li a span.bnrImg{position:relative;display:inline-block}
div#grm_cateBnrList ul li a span.bnrImg span.bnrTitle{position:absolute;bottom:0;left:0;width:100%;padding:10px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(74,54,44,0.5);color:#fff;font-weight:700;text-align:center;font-size:15px}
div#grm_cateBnrList ul li a span.bnrTxt{padding:5px 5px 10px;display:inline-block;height:45px}
/*====================================================
ランキング
====================================================*/
div.grm_rankArea{margin-bottom:2%}
div.grm_rankArea ol{margin-right:-2%}
div.grm_rankArea ol li{width:18%;float:left;margin-right:2%;margin-bottom:2%}
div.grm_rankArea ol li .itemName{font-size:12px;line-height:1.1em;display:inline-block;margin:3px 0;height: 25px}
div.grm_rankArea ol li .itemName:hover{color:#f88d01;text-decoration:underline}
/* 価格 */
div.grm_rankArea ol li em.itemPrice{font-size:16px;color:#c00;display:block;text-align:right;margin-bottom:5px}
div.grm_rankArea ol li em span.monthTxt{font-size:13px;color:#c00}
div.grm_rankArea ol li em.itemPrice span.zei{color:#999;font-size:11px;display:inline-block;margin-left:2px}
/* カート */
div.grm_rankArea ol li div.cartBtn{text-align:right}
div.grm_rankArea ol li div.cartBtn button.cartBtn{height:40px;font-weight:700;border:none;text-align:center;font-size:15px;color:#fff;border-radius:10px;-moz-border-radius:10px;background:#c00 url(/excludes/gourmet/pg/sale/common/carticon.svg) no-repeat;background-size:21px;padding:0 10px 0 29px;background-position:7px 8px;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",Osaka,"MS PGothic",arial,helvetica,sans-serif}
div.grm_rankArea ol li div.cartBtn button.cartBtn span{color:#fff}
div.grm_rankArea .linkTopBox{text-align:right}
div.grm_rankArea .linkTopBox a{font-size:12px}
div.grm_rankArea .linkTopBox a:hover{color:#f88d01;text-decoration:underline}
/* ランキング */
div.grm_rankArea ol li div.rankBox{position:relative}
div.grm_rankArea ol li div.rankBox:before{content:'';width:50px;height:25px;display:block;background:#333;color:#fff;font-size:14px;font-weight:700;text-align:center;line-height:26px;position:absolute;left:0;top:0;z-index:1}
div.grm_rankArea ol li div.rankIcon_01:before{content:'1位';background:#D9B340}
div.grm_rankArea ol li div.rankIcon_02:before{content:'2位';background:#707B83}
div.grm_rankArea ol li div.rankIcon_03:before{content:'3位';background:#A05325}
div.grm_rankArea ol li div.rankIcon_04:before{content:'4位'}
div.grm_rankArea ol li div.rankIcon_05:before{content:'5位'}
div.grm_rankArea ol li div.rankIcon_06:before{content:'6位'}
div.grm_rankArea ol li div.rankIcon_07:before{content:'7位'}
div.grm_rankArea ol li div.rankIcon_08:before{content:'8位'}
div.grm_rankArea ol li div.rankIcon_09:before{content:'9位'}
div.grm_rankArea ol li div.rankIcon_10:before{content:'10位'}
div#newitem ol li div.rankBox:before {display: none;}
/*====================================================
おすすめ特集
====================================================*/
h2.pc_grm_contents_title{color:#333;display:block;font-size:20px;margin:15px auto;font-weight:400}
h2.pc_grm_contents_title span.upDate {color: #cc0000;font-size: 12px;position: relative;top: -1px;left: 4px;}
div#pc_grm_osusumeTokushu ul li{width:48%;float:left;margin-right:2%;text-align:center;margin-bottom:1%}
div#pc_grm_osusumeTokushu ul li:nth-child(even){margin-right:0}
div#pc_grm_osusumeTokushu ul li a span{display:inline-block;margin-top:2px;font-size:12px}
div#pc_grm_osusumeTokushu ul li a:hover span{color:#f88d01;text-decoration:underline}
div#pc_grm_osusumeTokushu a.cateTop_txtLink{color:#333;display:block;text-align:right;font-size:13px}
div#pc_grm_osusumeTokushu a.cateTop_txtLink:hover{color:#f88d01;text-decoration:underline}
/*====================================================
サイドバナー
====================================================*/
#sidebarbox{width:120px;height:445px;top:65px;right:0;position:fixed;z-index:1;display:block}
/* 1つめ */
#sidebarbox #sidebar{width:120px;height:200px;top:65px;right:0;text-indent:-9999px;position:fixed;z-index:9999;display:block}
#sidebarbox #sidebar #sidebar_link{width:120px;height:200px;display:block;background:no-repeat scroll 0 0 transparent;position:relative;top:0;left:0;outline:none;z-index:9999}
/* 2つめ */
#sidebarbox #sidebar2{width:120px;height:200px;top:267px;right:0;text-indent:-9999px;position:fixed;z-index:9999;display:block}
#sidebarbox #sidebar2 #sidebar_link{width:120px;height:200px;display:block;background:no-repeat scroll 0 0 transparent;position:relative;top:0;left:0;outline:none;z-index:9999}
#sidebarbox button{z-index:99999;position:absolute;top:403px;width:94px;height:30px;text-align:center;font-size:15px;right:9px;background-color:#f8f8f8;border:1px solid #bebebe;color:#333;border-radius:100px;-moz-border-radius:100px}
#sidebarbox button span.batsu{color:#333;position:relative;left:-3px}
#sidebarbox button span.btnTxt{color:#333!important}
@media screen and (max-width:750px) {
/* 
★スマホ用CSS 
*/
.mainArea{min-width:auto}
.fwCms_box.frame_MB{float:none;width:100%}
/* SPの時表示 */
div#sp_grm_info,div#sp_grm_mainBnr,div#sp_grm_cate,div#sp_grm_osusumeTokushu{display:block}
/* SPの時非表示 */
div#pc_grm_mainBnr,.fwCms_box.frame_LM,div#pc_grm_osusumeTokushu,div#pc_grm_sitemaparea,div#sidebarbox{display:none}
.checkeditems,.hotitems{border-top:10px solid #f3f3f3;padding:30px 0 15px!important}
.footer{margin-top:0!important}
div#sp_grm_courseRank h2 {color: #333;margin: 10px 0 10px 5px;font-size: 18px;}
/*------------------------------------------
メインバナー
------------------------------------------*/
div#sp_grm_mainBnr ul.slider-center .slick-slide:not(.slick-center){-webkit-filter:opacity(50%);-moz-filter:opacity(50%);-o-filter:opacity(50%);-ms-filter:opacity(50%);filter:opacity(50%);transition:.2s linear}
div#sp_grm_mainBnr ul.slick-slider{display:block!important}
div#sp_grm_mainBnr ul.slider-center{display:none}
div#sp_grm_mainBnr .slick-next,div#sp_grm_mainBnr .slick-prev{right:2px;width:35px;height:35px;top:100px}
div#sp_grm_mainBnr .slick-prev,div#sp_grm_mainBnr .slick-next{position:absolute;top:44%;width:40px;height:40px;display:block;cursor:pointer;color:#333;border:none;outline:none;background:#333;border-radius:100%;font-size:0;color:transparent}
div#sp_grm_mainBnr .slick-next:before,div#sp_grm_mainBnr .slick-prev:before{font-family:slick;font-size:35px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
div#sp_grm_mainBnr .slick-prev{left:7px!important;z-index:1}
div#sp_grm_mainBnr .slick-prev:before{display:block;position:absolute;top:14px;left:16px;content:"";width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
div#sp_grm_mainBnr .slick-next:before{display:block;position:absolute;top:14px;left:13px;content:"";width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;background:none}
div#sp_grm_mainBnr .slick-prev:before,div#sp_grm_mainBnr .slick-next:before{font-size:0;line-height:1;color:#333;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*====================================================
大カテバナー
====================================================*/
div#grm_cateBnrList {border-bottom: 10px solid #f3f3f3}
div#grm_cateBnrList ul li{width:50%;margin-bottom:2px;line-height:1em;margin-right:0}
div#grm_cateBnrList ul li a{margin-right:2px}
div#grm_cateBnrList ul{margin:2px 0 0 2px}
div#grm_cateBnrList ul li a span.bnrTxt{height:52px}
div#grm_cateBnrList ul li a span.bnrImg span.bnrTitle{font-size:13px;padding:5px 0}
/*====================================================
ランキング
====================================================*/
h2.pc_grm_contents_title {padding-left:5px}
div.grm_rankArea div.scrollItemList{position:relative}
div.grm_rankArea div.scrollItemList:after{content:"";display:block;width:33px;height:33px;position:absolute;right:2px;top:27%;background:url(/excludes/gourmet/top/common/controls_02.svg) no-repeat -47px -1px;background-size:82px}
div.grm_rankArea div.rankList{overflow-y:hidden;overflow-x:scroll;position:relative}
div.grm_rankArea div.rankList ol{margin:0 0 0 2px;width:1455px}
div.grm_rankArea div.rankList ol li{width:145px;float:left;line-height:1em;margin-right:0;margin-bottom:0}
/* カート */
div.grm_rankArea div.rankList ol li div.rankBox{margin-right:10px;position:relative}
div.grm_rankArea ol li div.cartBtn button.cartBtn{font-size:13px;width:100%}
div.grm_rankArea ol li div.cartBtn button.cartBtn span{position:relative;top:-2px}
div.grm_rankArea .linkTopBox{width:1455px;padding:15px}
/*====================================================
お知らせ
====================================================*/
div#sp_grm_info{border:1px solid #ccc;padding:0 10px 10px;margin:3%}
div#sp_grm_info ul li{line-height:1.2em}
div#sp_grm_info a{color: #333;font-size: 12px;line-height: 1.2em;text-decoration: underline;display: inline-block;margin-bottom:5px}
div#sp_grm_info li.ttlTxt p{color:#333;font-weight:700;margin-top:10px;margin-bottom: 3px;font-size: 14px}
div#sp_grm_info li.ttlTxt p.redTxt{color:#c00;font-size: 14px;margin-bottom: 5px}
}