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

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

#main_02 .clearfix{clear: both;}

/* 【スペシャル詳細】
--------------------------------------*/
#main_02 .ttl { background: url(/megahobby/event/agf_2019/cms/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_info ul.full-w{width: 1000px!important;}
#main_02 #special #event_info ul.full-w li p{width: auto!important;}

/*-------- イベント物販 --------*/
#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 auto;}
#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);}

/*-------- イベント情報内テキスト --------*/

/*-------- info_01 --------*/

.info_01{
	font-family:'Kiwi Maru',"メイリオ","Meiryo","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka","sans-serif";
	width: 980px;
	margin: 0 auto;
	background-size: auto auto;
	background-color: rgba(253, 246, 226, 0.6);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 6px, rgba(255, 255, 255, 1) 6px, rgba(255, 255, 255, 1) 9px );
}

.info_01 p.bnr_txt{
	font-weight: 400;
	font-size: 18px!important;
    line-height: 1.8;
	padding: 2rem 0 2rem 2.5rem;
	text-align: left;
	
}
.info_01 .bnr_txt .txt_large{
	font-size: 25px!important;
}

.info_01 .bnr_txt .txt_under{
	background:linear-gradient(transparent 60%, #ff6 60%);
	font-size: 22px!important;
}

.info_01 .followup_txt{
	text-align:center;
	font-size:55px !important;
	color:#e73563;
	padding:1rem;
	width:50%;
	margin:auto;
	border:4px solid #e73563;
	background:rgba(255, 255, 255, 0.41);
}

.info_01 .event_cont{
	display: inline-block;
}

.info_01 .cont_01{
	width:70%;
	float: left;
}
.info_01 .cont_02{
	width:30%;
	padding-top:6rem;
}
.info_01 .cont_02 img{
	width: 75%;
}

.booth_info1{width:93.5%; margin:2% auto;}
.booth_info2{width:93.5%; margin:0 auto 2%;}
.booth_info3{width:43%; margin:0 1% 4%; display:inline-block;}
.booth_info4{width:48%; margin:0 1% 4%; display:inline-block;}

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