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 #fff701; padding: 30px; width: 1140px; margin: 0 auto; font-weight: bold; color: #333333; box-sizing: border-box; background-color: #ffffef;}
#main_02 #special h3 { background-color: #1d2087; 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: #1d2087;}

/*-------- イベント概要 --------*/
#main_02 #special #event_info ul.left > li span.info_tit{border: solid 1px #1d2087; color: #1d2087; 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: #e60202;}

#main_02 #agf_catch {text-align: center;}

/*-------- イベント物販 --------*/
#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: #333333;}
#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 #333333; border-right: solid 1px #333333; -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 #event_product ul.product_list li#product_03 dt span.copy {font-size: 10px; font-weight: normal; letter-spacing: 0.3px;}
#main_02 #special #event_product ul.product_list li#product_03 .commin_soon_txt {font-size: 23px; margin: 30px 0 0 0; text-align: center;}


/*-------- フッター --------*/
footer {width: 100%; position: relative;}
footer #box_inner {width: 1200px; margin: 0 auto; position:relative;}
footer #box_inner #footer_sns .fb_iframe_widget > span {vertical-align: baseline !important;}


/* 【スライダー】
--------------------------------------*/
.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;}
#product_02 .slick-prev,.slick-next {display: none;}

/*-------- ちびきゃらでこしーる --------*/
.deco_img {width: 980px;  background-color: #FFF; text-align: center; margin: 0px auto!important;}
.deco_sns {width: 980px; background-color: #FFF; margin: 0px auto 35px auto!important; padding: 20px 0 20px 0;}
.deco_sns a {display: block; width: 275px; margin: auto;}
.deco_sns a:hover {opacity: .7;}

/*-------- ちみメガキャンペーン --------*/
#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 .pic02 {width: 950px; height: auto; float: left; position: relative;}
#campaign_cont .pic02 img {width: 100%; height: auto;}
#campaign_cont .button03_1{width: 275px; height: 73px; position: absolute; z-index: 100; top: 510px; left: 350px; cursor: pointer; transition: all ease .3s;}
#campaign_cont .button03_1:hover {opacity: .7;}

/*-------- メモリアルフォト --------*/
.pic03 {width: 950px; height: auto; position: relative; margin: auto;}
.pic03 img {width: 100%; height: auto;}
.button03_2{width: 275px; height: 73px; position: absolute; z-index: 100; top: 555px; left: 590px; cursor: pointer; transition: all ease .3s;}
.button03_2:hover {opacity: .7;}