@charset "utf-8";
/*-------------------------------------------------------------
			header
-------------------------------------------------------------*/
header{	
	height:1145px;/*変更900px*/
	/*background-color:#FFF;*/
	background-image:url(../img/main/bg%401x.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.header-ttl-area{
	position:relative;
	top:0;
	width:100%;
	height:1145px;
	padding-top:130px;
	/*overflow:hidden;*/
	/*background-color:#FFF;*/
	/*background-image:url(../img/main/bg@1x.png);*/
	background-repeat:no-repeat;
	background-position:center bottom;
	
	box-sizing:border-box;
}
.header-ttl-wrap{
	position:relative;
	width:995px;
	height:975px;
	margin:0px auto 0px;
	border:3px solid #FFF;
	background-image:url(../img/main/main%401x.jpg);
	box-sizing:border-box;
	background-color:#FFF;
	
	box-shadow: 0px 2px 5px 1px rgba(120, 120, 120, 0.4);
}
#header-ttl{
	position:absolute;
	text-align:center;
	width:718px;
	margin:auto;
	left:0px;
	right:0px;
	bottom:280px;
	transition:all 0.56s  cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
	
	-moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer */
    -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
    -webkit-user-select: none; /* Chrome, Safari, and Opera */
    -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
    user-select: none;
}
.set{
	opacity:0;
}
.header-ttl-in{
	opacity:1;
}
.prv-btn{
	position:absolute;
	right:0px;
	top:16px;
	box-shadow: 0px 2px 5px 1px #464646;
	opacity:0;
	transition:all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s;
}
/*
.prv-btn:after{
	display:block;
	position:absolute;
	top: -12px;
	left:-10px;
	width:43px;
	height:41px;
	line-height: 0px;
	content:url(../img/main/main-item-new@1x.png);
	background-size:50px 28px;
}*/
.prv-btn a{
	transition:0.2s;
}
.prv-btn a:hover{
	opacity:0.8;
}
.opm-btn{
	position:absolute;
	right:15px;
	bottom:40px;
	/*box-shadow: 0px 2px 5px 1px #464646;*/
	opacity:0;
	transition:all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 1.6s;
}
.opm-btn a{
	transition:0.2s;
}
.opm-btn a:hover{
	opacity:0.8;
}
.countdown-btn{
	visibility:hidden;
	position:absolute;
	left:15px;
	top:15px;
	opacity: 0;
	transition:all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 1.7s;
}
#countdown{
	box-shadow: 0px 2px 5px 1px #464646;
	transition:0.2s;
}
#countdown:hover{
	opacity:0.85;
}
.in{
	transform:translateX(-15px);
	opacity:1;
}
.in-opacity{
	opacity:1;
}
.cdv-in{
	opacity: 1;
  	visibility: visible;
}
.tw-btn{
	position:absolute;
	left:21px;
	bottom:25px;
}
.tw-btn a{
	transition:0.2s;
}
.tw-btn a:hover{
	opacity:0.8;
}
.movie-btn{
	position:absolute;
	right:15px;
	bottom:21px;
}
.movie-btn a{
	transition:0.2s;
}
.movie-btn a:hover{
	opacity:0.85;
}
.header-chara{
	position:absolute;
	bottom:-30px;
	opacity:0;
}
#A{
	/*left:230px;*/
}
#B{
	left:510px;
}
#C{
	left:-90px;
}
#D{
	left:70px;
}
#E{
	right:-85px;
}
.header-chara img::selection {
background:rgba(255,255,255,0.00);
}
.header-chara::-moz-selection {
background:rgba(255,255,255,0.00);
}
/*-------------------------------------------------------------
			main
-------------------------------------------------------------*/
main{
	padding-bottom:60px;
	overflow:hidden;
	/*border-top:solid 1px rgba(80,20,20,0.4);*/
}
/*-------------------------------------------------------------
			topic
-------------------------------------------------------------*/
.topic{
	padding-top:10px;
	margin-bottom:10px;
}
.topic-list{
	margin-top:20px;
	font-size:0;
}
.topic-list li{
	position:relative;
	display:inline-block;
	width:490px;
	height:148px;
	margin-bottom:20px;
	box-shadow: 0px 2px 5px 0px rgb(80, 80, 80);
	box-sizing:border-box;
}
.topic-list li:nth-child(odd){
	margin-left:15px;
}
.topic-inframe:after{
	position: absolute;
	display: block;
	content: "";
	top: 3px;
	right: -3px;
	width:490px;
	height:148px;
	border-radius:5px;
	background-color:#FFF;
	/*background-image:url(../img/index/info-bg@1x.png);*/
	z-index: -1;
}
.topic-list li a{
	display:block;
	transition:0.2s;
}
.topic-list li a:hover{
	opacity:0.65;
}
.topic-list li a:before, .topic-nolink:before{
	position: absolute;
	display: block;
	content: "";
	top: 3px;
	right: -3px;
	width:100%;
	height:100%;
	border-radius:5px;
	background-image:url(../img/main/info-bg%401x.png);
}
.topic-list li a img,  .topic-nolink img{
	position:absolute;
	z-index: 2;
}


#topic-fdbanner{
	width:995px;
	height:160px;
	margin-left:0px;
}
/*-------------------------------------------------------------
			information
-------------------------------------------------------------*/
.info h1{
	margin-bottom:20px;
}
.info::after{
     content:"";
     display:block;
     clear:both;
}
.info-box{
	position: relative;
	width:33.33%;
	height:485px;
	float:left;
	box-sizing:border-box;
}
.in-frame{
	position:relative;
	width:320px;
	height:470px;
	padding:15px 12px 20px 15px; 
	border-radius:5px;
	background-color:#FFF;
	box-shadow: 0px 2px 5px 0px rgb(68, 68, 68);
	box-sizing:border-box;
	background-image:url(../img/main/infobox_dot%401x.png), url(../img/main/infobox_dot%401x.png),url(../img/main/infobox_dot%401x.png),url(../img/main/infobox_dot%401x.png);
	background-repeat:no-repeat;
	background-position:left 7px top 8px, right 7px top 8px,left 7px bottom 7px, right 7px bottom 7px;
	/*background-position:left 10px top 10px, right 10px top 10px, left 10px bottom 10px,  right 10px bottom 10px;*/
}
.in-frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 5px;
	right: -5px;
	width:320px;
	height:470px;
	border-radius:5px;
	background-image:url(../img/main/info-bg%401x.png);
	z-index: -1;
}

.in-frame h2{
	padding-bottom:10px;
	box-sizing:border-box;
	border-bottom:1px dashed #6f6f6f;
}

/*==news==*/
.news-list-box{
	width:100%;
	height:390px;
	padding-top:10px;
	overflow:auto;
	box-sizing:border-box;
}
.news-list-box li{
	width:100%;
	height:100px;
	padding:10px 0px 0px 1px;
	border-bottom:1px dotted #6f6f6f;
	overflow:hidden;
	box-sizing:border-box;/*追加*/
}
.news-list-box li:after{
	content:"";
	display:block;
	clear:both;	
}
.news-img{
	position: relative;
	float:left;
	width:78px;
	height:78px;
	border:1px solid #F5F5F5;
	background-color:#868686;
	box-sizing:border-box;
}
.news-txt{
	width:190px;
	/*margin-left: 10px;*/
	display: block;
	float: right;
	position: relative;
	font-size:.75rem;
	
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}
.news-txt a{
	transition:0.2s;
}
.news-txt a:hover{
	color:red;
}
.dataTime{
	font-size:.75rem;
	font-weight:bold;
	line-height:1.6em;
}

/*==twitter==*/

.tw-info{
	padding:15px 5px;
	box-sizing:border-box;
}
.tw-follow-btn{
	position:absolute;
	top:29px;
	right:17px;
}
.tw-txt{
	font-size:.875rem;
	/*font-weight:bold;*/
	line-height:1.8em;
	letter-spacing:-1px;
}
.tw-txt a{
	text-decoration:none;
	transition:0.2s;
	letter-spacing: 0px;
}
.tw-name{
	color:inherit;
	font-weight:bold;
}
.tw-f{
	color:#BBBBBB;
}
.tw-txt a:hover{
	color:red;	
}

/*==movie==*/
.movie-box{
	padding:15px 15px 10px 6px;
	box-sizing:border-box;
}
.movie-list{
	position:relative;
	margin-bottom:15px;
}
.movie-list a{
	transition:0.2s;
}
.movie-list a:hover{
	opacity:0.75;
}
.movie-ttl{
	display:inline-block;
	margin-top:5px;
	padding:1px 1em;
	font-size:.6875rem;
	font-weight:bold;
	color:#515151;
	/*color:#FFF;
	background-color:#8F8F8F;*/
	box-sizing:border-box;
}
.op-txt{
	border-left:4px solid #00FFF3;
}
.ts-txt{
	border-left:4px solid #860002;
}
.new-tage{
	position:absolute;
	top:-10px;
	left:-10px;
	z-index:10;
}

/*==ADD 1214==*/

.header-news{
	position:relative;
	overflow:hidden;
	width:995px;
	height:30px;
	margin:0 auto 10px;
	border-radius:2px;
	box-sizing:border-box;
	/*box-shadow: 0px 2px 5px 1px rgba(120, 120, 120, 0.4);*/
}
.header-news.in-frame:after {
	display: block;
	content: "";
	clear:both;
}
.header-news-ttl{
	float:left;
	width:80px;
	padding-left:10px;
}
#header-news-list{
	position:relative;
	float:left;
	width:795px;
	height:30px;
	font-size:.75rem;
}
#header-news-list li{
	top:0;
	left:0;
	list-style:none;
	display:none;
	position:absolute;
	height:28px;
	line-height:28px;
	letter-spacing:0.05em;
	font-weight:bold;
	text-shadow: 0px 0px 3px #FFFFFF , 0px 0px 3px #FFFFFF;
}
.header-news-contents a{
	color:inherit;
	transition:0.2s;
}
.header-news-contents a:hover{
	color:red;
}
#more-btn{
	width:95%;
	height:42px;
	text-align:center;
	background-color:#660001;
	border-radius:3px;
	margin:1em 10px 1em 5px;
	box-sizing:border-box;
	cursor:pointer;
	line-height:20px;
	font-size:.75rem;
	color:#FFF;
}