@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 #f0e764; padding: 30px; width: 1140px; margin: 0 auto; font-weight: bold; color: #333333; box-sizing: border-box; background-color: #fff;}
#main_02 #special h3 { background-color: #ee3a6d; padding: 12px; color: #fff; font-size: 18px; font-weight: bold; margin: 20px 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: #ee3a6d;}

/*-------- イベント概要 --------*/
#main_02 #special #event_info ul.left > li span.info_tit_1{color: #fff!important; background-color: #4bb9ae; text-align: center; margin: 0 13px 0 0; padding: 6px 0 0 0; font-size: 14px; display: block; width: 150px; height: 18px; float: left;}
#main_02 #special #event_info ul.left li p{font-size: 16px; width: 600px; 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;}

.period {background-image: url("/megahobby/event/mhexpo_mini/images/pc/bg.png"); background-repeat: no-repeat; background-size: contain; padding: 32px 0px;}
.period table {width: 900px; text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0-2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF; margin-left: 31px; }
.period table tr th{font-size: 20px; text-align: left; padding: 5px 0;}
.period table tr td{font-size: 16px; text-align: left; padding: 5px 0;}
.event_txt {margin: 25px 0 0 0;}
#main_02 #special .event_txt p{font-size: 20px; line-height: 1.5;}


/*-------- イベント物販 --------*/
#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 dd.price_1 {margin: 0 0 15px 0; border-bottom: dotted 1px #000; padding: 0 0 17px 0;}
#main_02 #special #event_product dd.price_1 span {font-size: 13px; width: 107px; height: 23px; background-color: #4bb9ae !important; color: #fff; padding: 3px 8px; letter-spacing: 2px; margin: 0 10px 0 0;} 

#main_02 #special .more_txt{text-align: center; font-size: 40px; margin: -30px 0 50px 0;}

#product_bnr img{width: 100%;}


/*-------- とり子セレクション掘り出し物市 --------*/
#event_market {width: 100%; text-align: center;}
#event_market img {width: 980px; height: auto;}

/*-------- 展示情報 --------*/
#event_exhibition {width: 100%; text-align: center;}
#event_exhibition img {width: 980px; height: auto;}

/*-------- 連動企画 --------*/
#event_planning {width: 100%; text-align: center;}
#event_planning img {width: 980px; height: auto;}
#event_planning .period {background-color:#0064bd; padding: 8px 0px 14px; color:#FFF; width: 980px; margin: 10px auto; border-radius: 15px; background-image: none;}
#event_planning .period table{width: 900px; margin: 10px auto 0px; text-shadow: none;}
#event_planning .period table tr td:nth-child(2){text-align: center;}
#event_planning .period table tr td:last-child {text-align: right;}


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


/*=====================================================================
【pc style small】
=======================================================================*/
@media (min-width: 767px) {
	
#main_02 #special .event_txt p{font-size: 20px; line-height: 1.5;}	
	
	
}