@charset "utf-8";
/* CSS Document */

/*-- タイトル --*/
#main .ttl { background: url(../../images/special/bg_ttl.png) repeat-y center top; color: #fff; line-height: 1.6; margin: 0 0 18px 0; padding: 8px 30px 7px; }

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

/*-------- 終了対応 --------*/
#main_02 #special #event_end {margin: 0 auto 20px; width: 1064px; text-align: center; background-color: #333333; color: #ffffff; padding: 15px 0; letter-spacing: 0.5px;}

/*-------- メインビジュアル --------*/
#main_02 #special #mainvisual {margin: 0 auto 30px; width: 1064px;}

/*-------- イベント概要 --------*/
#main_02 #special #event_info ul.left { margin: 0 0 20px 0; width: 650px; float: left;}
#main_02 #special #event_info ul.left li{margin: 0 0 14px 0; display: flex; align-items:baseline;}
#main_02 #special #event_info ul.left > li span.info_tit{border: solid 1px #fc7817; color: #fc7817; 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_info ul.left li a{color: #333; text-decoration: underline; transition: 0.3s ease-in-out;}
#main_02 #special #event_info ul.left li a:hover{color: #c5101e;}
#main_02 #special #event_info p.right{float: right; padding: 70px 50px 0 0;}

/*-------- イベント物販 --------*/
#main_02 #special #event_product {width: 980px; margin: 0 auto; padding: 20px 0 0 0;}
#main_02 #special #event_product ul.product_list {display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#main_02 #special #event_product ul.product_list>li {width: 460px; float: left; padding: 0 0 70px 0;}
#main_02 #special #event_product ul.product_list>li:nth-child(odd) {margin: 0 58px 0 0;}
#main_02 #special #event_product ul.product_list li dt{ margin: 12px 0 15px 0; letter-spacing: 0.8px; line-height: 1.4; padding: 0 0 4px 0; border-bottom: dotted 1px #000;}
#main_02 #special #event_product ul.product_list li dt span.copy{ font-size: 11px; font-weight: normal; letter-spacing: 0.5px;}
#main_02 #special #event_product ul.product_list li dd span{font-size: 13px; width: 107px; height: 23px; background-color: #333333; color: #ffffff; padding: 3px 8px; letter-spacing: 2px; margin: 0 10px 0 0;}
#main_02 #special #event_product ul.product_list li dd.price {margin: 0 0 15px 0;}
#main_02 #special #event_product ul.product_list li dd.txt { font-weight: normal; font-size: 13px; letter-spacing: 1.2px; line-height: 1.5; border-bottom: dotted 1px #000; padding: 0 0 10px 0;}
#main_02 #special #event_product ul.product_list li dd.annotation { font-weight: normal; letter-spacing: 1.2px; margin: 10px 0 0 0; font-size: 11px;}
#main_02 #special #event_product dd.btn_area {padding:0; margin: 10px 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 ul#event_contents {margin: 0 0 90px 0;}
#main_02 #special ul#event_contents li{text-align: center; margin: 0 0 30px 0;}

/*-------- イベント展示 --------*/
#main_02 #special ul#event_display {margin: 0 0 90px 0;}
#main_02 #special ul#event_display li{text-align: center; margin: 0 0 30px 0;}

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

/*-------- フッター --------*/
footer .box_inner {width: 1200px; margin: 0 auto; position:relative;}
footer #footer_sns {position: absolute; top:90px!important; left:0!important;}
footer #footer_sns .fb-like{ margin: 0 10px 0 0;}
#twitter-widget-0{vertical-align: top;}


/*-- ページャー --*/
.nav_box { margin-bottom: 30px;}
.nav_box .page_nav { float: left; }
.nav_box .page_nav ul li { float: left; font-size: 14px; font-weight: bold; border: solid 3px #333333; padding: 12px 14px; margin: 0 2px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184); }
.nav_box .page_nav ul li.active { float: left; font-size: 14px; font-weight: bold; border: solid 3px #333333; padding: 12px 14px; margin: 0 2px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184); background: #333333; color: #fff; }
.nav_box .page_nav ul li:hover { background: #333333; color: #fff; }
.nav_box .page_nav a { color: #333333; }
.nav_box .page_nav a:hover { color: #fff; }
.nav_box .page_nav a:visited { color: #333333; }

/*-- スペシャル一覧 --*/
#special_list { margin-bottom: 30px; }
#special_list .special_article a { color: #333333; }
#special_list .special_article { font-size: 14px; border: solid 1px #dcdcdc; padding: 12px 14px; margin-right: 16px; border-radius: 5px; box-shadow: 0 2px 0 0 rgb(184, 184, 184); margin-bottom: 16px; }
#special_list .special_article dt img { width: 257px; height: 88px; display: block; }
#special_list .special_article dt { width: 257px; float:left; border: solid 2px #e3e3e3; margin-right: 10px; transition: 0.3s ease-in-out; }
#special_list .special_article dl:hover dt { border: solid 2px #c5101e; }
#special_list .special_article dl:hover dd.title { color: #c5101e; }
#special_list .special_article dd.data p { vertical-align: middle; border-left: solid 5px #c5101e; padding-left: 6px; font-size: 14px; line-height: 17px; margin-left: 270px; font-weight: bold;  }
#special_list .special_article dd.title  { margin: 4px 0 10px 270px; padding-bottom: 4px; font-size: 16px; font-weight: bold; line-height: 22px; border-bottom: dotted 1px #7f7f7f; }
#special_list .special_article dd.detail  { line-height: 18px; }