@charset "utf-8";
/*====================================================
キャンペーン
====================================================*/
div#campaign_slider {max-width: 1000px;margin: 15px auto;}
div#campaign_slider h2 {
    color: #333;
    display: block;
    font-size: 36px;
    text-align: center;
    margin: 56px auto 15px;
    line-height: 1.3em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
}
div#campaign_slider ul{margin-right:-.8%;overflow:hidden;margin-bottom:0}
div#campaign_slider li{width:50%;float:left}
div#campaign_slider div.bnr_box{width:94%;float:left;margin-right:3%;margin-bottom: 6%;box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4)}
@media screen and (max-width:1200px) {
div#campaign_slider div.bnr_box img{width:100%}
}
div#campaign_slider .bnr_box.sp_bnr,div#campaign_slider div.sp_campaign_btn {display: none;}
@media screen and (max-width:750px) {
/* 
★スマホ用CSS 
*/
/*====================================================
キャンペーン
====================================================*/
div#campaign_slider h2 {padding-left: 5px;font-size: 16px;}
div#campaign_slider .bnr_box.pc_bnr {display: none;}
div#campaign_slider .bnr_box.sp_bnr {display: block;}
div#campaign_slider{margin-top:5px}
div#campaign_slider .slick-next,div#campaign_slider .slick-prev{width:20px;height:25px;position:absolute;top:55%;transition:all .5s;-webkit-transition:all .5s;cursor:pointer;z-index:12}
div#campaign_slider ul.slick-dots{display:none!important}
div#campaign_slider .slick-next{right:0;background:url(/excludes/gourmet/common/img/common/sp/arrow_right.svg) center/20px 25px no-repeat}
div#campaign_slider .slick-prev{left:-5px;background:url(/excludes/gourmet/common/img/common/sp/arrow_left.svg) center/20px 25px no-repeat}
div#campaign_slider .slick-next:before,div#campaign_slider .slick-prev:before{display:none}
div#campaign_slider .slick-slide{opacity:.5;transition:.5s}
div#campaign_slider .slick-current{opacity:1}
div#campaign_slider div.sp_campaign_btn{display:block;margin:0 auto;overflow:hidden;max-width:360px;padding:0 3% 3%}
div#campaign_slider div.sp_campaign_btn div.box_01{float:left;width:49%;margin-right:1%}
div#campaign_slider div.sp_campaign_btn div.box_02{float:right;width:49%;margin-left:1%}
div#campaign_slider div.sp_campaign_btn img{width:100%;height:auto}

}