﻿@charset "utf-8";
/*====================================================
キャンペーン
====================================================*/
div#campaign_slider {max-width: 1000px;margin: 15px auto;}
div#campaign_slider h2{color: #333;display: block;font-size: 20px;margin: 0 0 10px;font-weight: 400;}
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:30.3%;float:left;margin-right:3%}
@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}

}