user-scalable=yesuser-scalable=yes@charset "utf-8";
/* CSS Document */

/*-- タイトル --*/
#special{ margin: 20px 0;}


/* 【スペシャル詳細】
--------------------------------------*/
#main_02 .ttl { background: url(../images/bg_ttl_contents.png) no-repeat center top; color: #fff; line-height: 1.6; margin: 0 0 30px 0; padding: 17px 0px 0px 80px; height: 33px; letter-spacing: 2px; font-size: 17px;}
#main_02 #special { border: solid 8px #ffc1c1; padding: 30px; width: 1140px; margin: 0 auto; font-weight: bold; color: #464646; box-sizing: border-box; background-color: #FFFFFF;}
#main_02 #special h3 { background-color: #e73563; padding: 12px; color: #fff; font-size: 18px; font-weight: bold; margin: 0 0 30px 18px; height: 16px; position: relative; }
#main_02 #special h3::before {position: absolute; left: -18px; bottom: 0; content: ''; width: 15px; height: 40px; background-color: #e73563;}

/*-------- イベント概要 --------*/
#main_02 #special #event_info ul.left > li span.info_tit{border-style: none; background-color: #00afcc; color: #FFF; text-align: center; margin: 0 13px 0 0; padding: 6px 0 0 0; font-size: 14px; display: block; width: 95px; height: 18px; float: left;}
#main_02 #special #event_info ul.left li p{font-size: 16px; line-height: 1.4;}
/*注記*/
#main_02 #special #event_info ul.left > li p span.annotation{ font-size: 14px;}
/*赤文字*/
#main_02 #special #event_info ul.left > li p span.red{ color: #e72e60;}


/*-------- イベント物販 --------*/
#main_02 #special #event_product {width: 980px; margin: 0 auto; padding: 20px 0 0 0;}
#main_02 #special #event_product dd.btn_area a { color: #464646;}
#main_02 #special #event_product dd.btn_area p {float: left; width: 208px; font-size: 11px; border: solid 1px #333; padding: 12px 0 12px 14px; position: relative; display: inline-block; transition: 0.3s ease-in-out;}
#main_02 #special #event_product dd.btn_area p::before{content: ''; width: 5px; height: 5px; border: 0px; border-top: solid 1px #464646; border-right: solid 1px #464646; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 15px; margin-top: -4px; transition: 0.3s ease-in-out;}
#main_02 #special #event_product dd.btn_area p:hover {color: #c5101e; border: 1px solid #c5101e;}
#main_02 #special #event_product dd.btn_area p:hover::before {border-top: solid 1px #c5101e; border-right: solid 1px #c5101e;}
#main_02 #special #event_product dd.btn_area p.pb_btn {margin: 0 10px 0 0;}

/*-------- イベント展示 --------*/
#main_02 #special ul#event_display {margin: 0;}
#main_02 #special ul#event_display li{text-align: center; margin:30px 0;}
#main_02 #special ul#event_display li a{opacity: 1; transition: 0.3s ease-in-out;}
#main_02 #special ul#event_display li a:hover{opacity: 0.8; filter: alpha(opacity=80);}

/*-------- ちみメガキャンペーン --------*/
#campaign{background: url(../../images/pc/campaign_bg.jpg) no-repeat center top; clear: both; padding: 30px 0 30px 0;}
#campaign_cont {background: url(../../images/pc/campaign_contents_bg.png) no-repeat center top; clear: both; text-align: center; width: 950px; margin: 0 auto; padding: 20px 0 50px 0;}
#campaign_cont ul {list-style: none; padding: 5px 0 0 0; text-align: center;}
#campaign_cont li {display: inline-block; margin: 0 0 10px 0!important;}
#campaign_cont .pic01 {width: 900px; height: auto; margin: 10px; float: left; position: relative;}
#campaign_cont .pic01 img {width: 100%; height: auto;}
#campaign_cont .button01_1{width: 230px; height: 62px; position: absolute; z-index: 100; top: 265px; left: 469px; cursor: pointer; transition: all ease .3s;}
#campaign_cont .button01_1:hover {opacity: .7;}

/*-------- フッター --------*/
footer {width: 100%; position: relative;}
footer #box_inner {width: 1200px; margin: 0 auto; position:relative;}
footer #box_inner #footer_sns {position: absolute; top:15px; right:0px;}
footer #box_inner #footer_sns .fb-like{float: left; margin: 0 10px 0 0;}



/* 【スライダー】
--------------------------------------*/
.slider { width: 460px;}
/*-- PREV/NEXTボタン --*/
.slick-prev,.slick-next{ height: 40px; width: 35px; z-index: 10;}
.slick-prev { left: 0;}
.slick-next { right: 0;}
.slick-prev:before { background: url(../images/arrow_l.png); content: ''; display: block; height: 35px; width: 35px; opacity: 1; transition: 0.3s ease-in-out;}
.slick-next:before { background: url(../images/arrow_r.png); content: ''; display: block; height: 35px; width: 35px; opacity: 1; transition: 0.3s ease-in-out;}
.slick-prev:hover::before { opacity: 0.8; filter: alpha(opacity=80); }
.slick-next:hover::before { opacity: 0.8; filter: alpha(opacity=80); }

/*-- PREV/NEXTボタン非表示時 --*/
/*--#product_01 .slick-prev,.slick-next {display: none;}--*/