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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0; padding: 0; }


/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
.hidetxt{ text-indent: 100%; white-space: nowrap; overflow: hidden; }

#content {margin: 0; padding: 0;}
#special {background-color: #000;}


/*-------hover-------*/
#special a img{
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

#special a img:hover{
	filter:alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity:0.6;
	zoom:1;
}

/*-------- メインビジュアル --------*/
#special #mainvisual {background: url(../../images/pc/bg_img_20220707.jpg) no-repeat top center; height: 830px; position: relative; overflow: hidden;}
#special #mainvisual::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: -webkit-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,1)); background: -moz-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,1)); background: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,1)); }
#special #mainvisual ul#mainvisual_inner{width: 1200px; height: 830px; position: relative; margin: 0 auto;}
#special #mainvisual ul#mainvisual_inner li {position: absolute;}
#special #mainvisual ul#mainvisual_inner li.sub_img{ right: -165px; top:0px;; width: 887px; height: 750px;}
/* #special #mainvisual ul#mainvisual_inner li.main_img{ left: -140px; bottom:0;  top: 70px; width: 758px; height: 833px;} */

/*ロゴ*/
#special #mainvisual ul#mainvisual_inner li.logo { left:145px; top:40px; width:187px; height:80px; }
#special #mainvisual ul#mainvisual_inner li.logo02 { left:673px; top:10px; width:187px; height:80px; }
/*商品画像*/
#special #mainvisual ul#mainvisual_inner li.itemimg._item01 { width:1000px; top: 36%; left:50%; transform:translateY(-50%) translateX(-50%); -webkit-\ transform:translateY(-50%) translateX(-50%); }
#special #mainvisual ul#mainvisual_inner li.itemimg._item01 .main_img { width:100%; }
#special #mainvisual ul#mainvisual_inner li.itemimg._item02 .main_img { left:394px; top:-147px; }
#special #mainvisual ul#mainvisual_inner li.itemimg._item02 .main_img img { width:905px; }
/*詳しくはこちら*/
#special #mainvisual ul#mainvisual_inner li.top_btn img { width:381.6px; height:99.9px; }
#special #mainvisual ul#mainvisual_inner li.top_btn a {display:block;}
#special #mainvisual ul#mainvisual_inner li.top_btn { width:auto; height:auto; left:50%; top:76%; transform:translateY(-50%) translateX(-50%); -webkit-\ transform:translateY(-50%) translateX(-50%); }
/*コードギアス公式サイト*/
#special #mainvisual ul#mainvisual_inner li.official_btn { width:437px; height:63px; top:86%; left:50%; transform:translateY(-50%) translateX(-50%); -webkit-\ transform:translateY(-50%) translateX(-50%); }

/*-------- event --------*/
.venue{ width:100%; height:auto; text-align:center; background: linear-gradient(#000,#120e2d,#000);}
.venue img { width:40%; max-width:500px; height:auto; margin:1% 1% 0; }
#event p{ color:#fff; text-align:center; font-weight:bold; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
#event p:nth-of-type(1){ font-size:2rem; margin:15px auto 0;}
#event p:nth-of-type(2){ font-size:1.5rem; margin:7px auto 20px;}
#event p .date{font-size:2.4rem; display:inline-block; vertical-align:-2px;}
.announcement{width:100%; height:auto; text-align:center; background: linear-gradient(#000,#2f352f,#000); margin-top:40px;}
.announcement img{ width:640px; max-width:90%; height:auto; margin:auto;}

/*-------- about --------*/
#special #about {background: url(../../images/pc/about_bg.jpg) no-repeat top center; height: 805px; width: 100%;}
#special #about ul{ width:1200px; margin: 0 auto; text-align: center;}
#special #about ul li.about_tit{padding: 70px 0 0 0; margin: 0 0 50px 0; }
#special #about ul li.about_txt{margin: 0 0 70px 0;}


/*-------- item --------*/
#special #item {background: url(../../images/pc/item_bg_20180824.jpg) no-repeat top center; height: 670px; width: 100%;}
#special #item ul{ width:1200px; margin: 0 auto; text-align: center;}
#special #item ul li.item_tit{padding: 30px 0 0 0; margin: 0 0 20px 0; }
#special #item ul li.item_info{margin: 40px 0 0 0; position: relative; width: 1200px; height: 200px;}
#special #item ul li.item_info p.item_btn{position: absolute; right:330px; bottom:0;}


/*-------- other --------*/
#special #other {background: url(../../images/pc/other_bg.jpg) no-repeat bottom center; width: 100%; text-align: center; padding: 0 0 100px 0;}

#special #other ul.bnr_area {width:1060px; margin: 50px auto 0; padding: 0 0 20px 0;}
#special #other ul.bnr_area li{float: left; margin: 0 16px 0 0; border: 1px solid #808080; padding: 10px; box-sizing: border-box;}
#special #other ul.bnr_area li:nth-child(2){margin: 0;}

#special #other ul.bnr_area_2 {width:1060px; margin: 20px auto 0; padding: 0 0 20px 0;}
#special #other ul.bnr_area_2 li{float: left; margin: 0 16px 0 0; border: 1px solid #808080; padding: 10px; box-sizing: border-box;}
#special #other ul.bnr_area_2 li:nth-child(2){margin: 0;}

#special #other p.other_tit {padding: 30px 0 0 0; margin: 0 0 15px 0;}
#special #other ul.other_list{width: 1200px; margin: 0 auto;}
#special #other ul.other_list li{float: left; margin: 0 25px 25px 0;}
#special #other ul.other_list li:nth-child(7n){margin-right:0;}


.copy { 
	text-align: center;
	font-size: 12px;
	line-height: 1.5em;
	padding: 25px;
	color: #fff;
}


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