@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 #1f5de9; padding: 30px; width: 1140px; margin: 0 auto; font-weight: bold; color: #333333; box-sizing: border-box; background-color: #ffffd6;}
#main_02 #special h3 { background-color: #ffd800; padding: 12px; color: #222222; 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: #ffd800;}

/*-------- イベント概要 --------*/
#main_02 #special #event_info ul.left > li span.info_tit{border: solid 1px #3fa9f9; color: #fff; background-color:#3fa9f9;  text-align: center; margin: 0 13px 0 0; padding: 6px 0 0 0; font-size: 14px; display: block; width: 90px; height: 18px; float: left;}
#main_02 #special #event_info ul.left li p{font-size: 16px; width: 550px; 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 #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 .more_txt{text-align: center; font-size: 40px; margin: -30px 0 50px 0;}
#main_02 #special #event_product ul.product_list li dd span{font-size: 13px; width: 107px; height: 23px; background-color: #3fa9f9; color: #ffffff; padding: 3px 8px; letter-spacing: 2px; margin: 0 10px 0 0;}

/*イベント概要リンク挙動*/
#main_02 #special #event_info ul.left li a:hover{color: #1f5de9;}


/*-------- 展示情報 --------*/
#main_02 #special ul#event_display {margin: 0 0 30px 0;}
#main_02 #special ul#event_display li:nth-child(1) {margin: -10px 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);}

/*-------- 注意事項 --------*/
#main_02 #special ul#caution li{margin: 0 0 13px 0;letter-spacing: 0.5px;font-size: 16px;}

/*-------- フッター --------*/
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;}--*/