/* CSS Document */

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	font-family:'Noto Sans Japanese', sans-serif;
	background-image:url(../img/background.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:center center;
	width:100%;
	height:auto;
	display:block;
	overflow:auto;
	background-color:#000000;
	
}
nav, ul {
	position:relative;
	color:#ffd23e;
	display:inline-block;
	margin:0;
	padding:0;
}
nav {
	text-align:center;
	
}
li {
	list-style:none;	
	float:left;
}
/*
footer {
	display: inline-block;
    width: 100%;
    height: 50px;
    position: relative;
    color: #fff;
	font-size:9px;
	padding-top:100px;
	padding-bottom:50px;
	z-index:10;
}
*/
.page {
	width:100%;
	height:100vh;
	display:block;	
}
#trailerPage {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	display:none;	
	position:fixed;
	top:0px;
	z-index:9;
	
}
.videoWrapper {
	height:100%;
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display:flex;
	
	-moz-box-direction: column;
    -webkit-box-direction: column;
    -ms-flexbox-direction: column;
    flex-direction: column;
	
	-webkit-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: center;
}

.closeButtun {
	width: 20px;
	height:20px;
    margin: 30px auto 0px;
    padding: 0;
    display: block;
    position: absolute;
	z-index:9;
	left:3%;
    color: #fff;
    text-align: center;
	cursor:pointer;
	opacity:0.65;
}
.movie {
	width:100%;
	height:90%;
	position:relative;
}
.rollP {
	display:block;
	width:50%;
	padding:20px;
	perspective:500px;
	margin:0 auto;
}
h1.sw_view {
	text-align:center;
}
.sw_view {
	transform:rotateX(56deg);
	font-size:25px;
	color:#ffd23e;
	font-weight:600;
	line-height:50px;
}

h2 {
	color:#fff;
	display:block;
	z-index:1;
	position:relative;
}
p {
	position:relative;	
	color:#ffffff;
}
.nextIcon {
	width:42px;
	height:auto;
	display:inline-block;
	opacity:0;	
	-webkit-animation: rotateChar 4s ease-in-out 4s 1 normal forwards;
	-moz-animation: rotateChar 4s ease-in-out 4s 1 normal forwards;
	-o-animation: rotateChar 4s ease-in-out 4s 1 normal forwards;
	animation: rotateChar 4s ease-in-out 4s 1 normal forwards;
}
.news {
	overflow:auto;
}
.pdB0 {
	padding-bottom:0px !important;	
}
.news h2 {
	float:left;
	font-size:12px;	
	margin-left:50px;
	margin-top:36px;
}
.news ul {
	margin-left:26px;
	margin-top:20px;
}
.news li {
	font-size:12px;	
	color:#fff;
	clear:both;
	text-shadow:0 0 5px rgba(10, 17, 47, 1)
}
.news a:link, .news a:visited {
	color:#ffd23e;
}
@keyframes rotate180Char {
	0% {
		transform:perspective(250px) rotateY(-90deg);
		opacity:0;
		}
	50% {
		transform:perspective(250px) rotateY(0deg);
		opacity:1;
		}	
	100% {
		transform:perspective(250px) rotateY(90deg);
		opacity:0;
		}
		
}
.countNumSet {
	float:left;
	display:block;
	text-align:center;
	width:60px;
	padding:0px 4px;
	opacity:0;
	/*
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform:rotateY(-90deg);
	*/
	-webkit-animation: rotateChar 3s ease-in-out 2.5s 1 normal forwards;
	-moz-animation: rotateChar 3s ease-in-out 2.5s 1 normal forwards;
	-o-animation: rotateChar 3s ease-in-out 2.5s 1 normal forwards;
	animation: rotateChar 3s ease-in-out 2.5s 1 normal forwards;
}
@keyframes rotateChar {
	0% {
		-webkit-transform:rotateY(-90deg) ;
		-moz-transform:rotateY(-90deg) ;
		-ms-transform: rotateY(-90deg);
		-o-transform: rotateY(-90deg);
		transform:rotateY(-90deg);
		opacity:0;
		}
	100% {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		transform:rotateY(0deg);
		opacity:1;
		}
		
}
.countNum {
	clear:both;	
	display:inline-block;
	font-size:42px;
	font-weight:500;
	line-height:42px;
	text-shadow:0px 0px 15px #000;
	width:100%;
}
.countUnit {
	clear:both;
	display:inline-block;	
	width:60px;
}

.countTimer {
	overflow:hidden;
	display:block;
	float:left;
	margin-left:80px;
	width:280px;
	font-family:'Franklin Gothic Medium', sans-serif;
	color:#ffffff;
}
.countTitle {
	display:inline-block;
	font-size:10px;
	height:10px;
	width:100%;
	clear:both;
	padding-bottom:11px;
	opacity:0;
	-webkit-animation: fadeInNormal 3s ease-in-out 3s 1 normal forwards;
	-moz-animation: fadeInNormal 3s ease-in-out 3s 1 normal forwards;
	-o-animation: fadeInNormal 3s ease-in-out 3s 1 normal forwards;
	animation:fadeInNormal 3s ease-in-out 3s 1 normal forwards;
}
.newsList {
	opacity:0;
	-webkit-animation: fadeInNormal 3s ease-in-out 3s 1 normal forwards;
	-moz-animation: fadeInNormal 3s ease-in-out 3s 1 normal forwards;
	-o-animation: fadeInNormal 3s ease-in-out 3s 1 normal forwards;
	animation:fadeInNormal 3s ease-in-out 3s 1 normal forwards;
}
.sep_border {
	display: block;
	height:10px;
	width:0%;
	margin:0 auto;
	/*background-image:radial-gradient(#77a3cd,  transparent 73%);	*/
	background-image:radial-gradient(#80c2f1, #5672bc 31%, #77a3cd 41%, transparent 80%);	
	-webkit-animation: forceOn 1s ease-out 3s 1  normal forwards;
	-moz-animation: forceOn 1s ease-out 3s 1  normal forwards;
	-o-animation:forceOn 1s ease-out 3s 1  normal forwards;
	animation:forceOn 1s ease-out 3s 1  normal forwards;
	
}
.sep_border2 {
	display: block;
	height:10px;
	width:50%;
	margin:0 auto;
	background-image:radial-gradient(#f1b480, #cc4048 31%, #ec310c 41%, transparent 80%);
	
}
.p2_oobo2 .sep_border2 {
	transition:width 0.8s cubic-bezier(0.43,-0.93, 0.49, 1.65) 0s;
	width:50%;
}

.p2_oobo2:hover .sep_border2 {
	width:95%;
}
.borderWrap {
	display:inline-block;
	position:relative;
	height:10px;
	width:100%;	
}
#loadingPer {
	display:inline-block;
	width:100%;
	height:auto;
	clear:both;
	font-size:40px;
	font-family:'Franklin Gothic Medium', sans-serif;
	color:rgba(255,255,255,0.65);
	margin-left:50px;
}

@keyframes fadeInNormal{
	0% {
		opacity:0;	
	}
	100% {
		opacity:1;	
	}
}
@keyframes forceOn{
	0% {
		width:0%;	
	}
	100% {
		width:100%;	
	}
}
@keyframes force{
	0% {
		width:98%;	
	}
	25% {
		width:95%;	
	}
	50% {
		width:100%;	
	}
	70% {
		width:98%;	
	}
	85% {
		width:95%;	
	}
	100% {
		width:100%;	
	}
}
.mg_b10 {
	margin-bottom:10px;	
}
.mg_t10 {
	margin-top:10px;	
}
.menu2 {
	width:100%;
	height:40px;
	background-color:#f3d33c;
	background-repeat:no-repeat;
	pointer-events:auto;
}
.tfmheader2 {
	width:100%;
	position:fixed;	
	z-index:10;
	background-image:linear-gradient(to top,transparent, rgba(0,0,0,0.5) 14px,transparent);
	padding-bottom:10px;
	top:0;
}
.tfmheader2 p{
	margin:0 auto;
	background-color:rgba(11, 21, 45, 1);
	width:100%;	
}
.tfmheader2 span {
	display:block;

}
.width10241 {
	width:1004px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	margin:0 auto;
	background-color:rgba(11, 21, 45, 1);

}

.width10242 {
	width:1004px;
	margin:50px auto;
	padding-left:20px;
}

.menu2 ul {
	margin:0px auto;	
}
.menu2 li {
	height:26px;
	margin-top:7px;
	padding:1px 8px;
	border-left:1px solid #000000;
	cursor:pointer;
}
.menu2 li:first-child{
	padding-right:70px;	
}
li.menu2_banner {
	margin-top:6px;
	pointer-events : none;	
}
li.menu2_onair {
	margin-top:6px;	
}
li.sns {
	border-left:none;
	margin-top:8px;	
}
li.sns:nth-last-child(3) {
	padding-left:300px;	
}
.menu2 li:last-child {
	border-right:none;	
}

.menuElement {
	display:inline-block;
	font-size:30px;
	font-weight:700;
	padding:0px 40px;
	cursor:pointer;
}
.menuWraper {
	display:inline-block;
	height:7px;	
	width:100%;
	position:relative;
	top:-10px;
}
.hoverBorder {
	display:inline-block;
	height:100%;
	width:10%;
	background-image:radial-gradient(#ffd23e, transparent 73%);	
		
}
.menu2 .menuElement {
	text-shadow	: 0px 0px 0px #fff;
	transition:text-shadow 2s;
}
.menu2 .hoverBorder {
	width:0%;
	opacity:0;
	transition:width 1s cubic-bezier(.41,-0.49,.63,1.4),opacity 1s  cubic-bezier(.41,-0.49,.63,1.4);	
}
.menu2:hover .menuElement {
	text-shadow	: 0px -5px 30px #ffd23e, 0px 0px 5px #ffd23e;
}
.menu2:hover .hoverBorder {
	width:100%;	
	opacity:1;
}

/* new */
.filter {
	display:block;
	height:100vh;
	width:100%;
	background-image:linear-gradient(rgba(0,0,0,1.0), rgba(0,0,0,0.95) 5px, transparent 80px, transparent 90%, rgba(0,0,0,0.95));
}
.dot {
background-image: repeating-radial-gradient(circle, rgba(51,51,51,0.65), rgba(51,51,51,0.65) 1px, transparent 1px, transparent 100%);
background-size:3px 3px;
}

.frame {
	position:fixed;
	z-index:9;
	display:block;
	height:100vh;
	width:100%;
	pointer-events:none;
	background-image:linear-gradient(rgba(0,0,0,1.0),  transparent 80px, transparent 97%, rgba(0,0,0,0.95));
}
.bg_frame {
	position:fixed;
	z-index:0;
	top:0;
	display:block;
	height:150%;
	width:100%;
	overflow:hidden;
	pointer-events:none;
	background-image:url(../img/background.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:center 0;
	
	
	-webkit-animation: moveBG 8s ease-out 0s 1 normal forwards;
	-moz-animation: moveBG 8s ease-out 0s 1 normal forwards;
	-o-animation: moveBG 8s ease-out 0s 1 normal forwards;
	animation: moveBG 8s ease-out 0s 1 normal forwards;
}
@keyframes moveBG {
	0% {
		background-position:center 0;
		}
	100% {
		background-position:center 30%;
		
		}
		
}
.beforeLoading {
	position:fixed;
	z-index:11;
	pointer-events:none;
	background-color:#000000;
}
.alignCenter {
	text-align:center;	
}

.mainTitle {
	padding-top:100px;
	opacity:0;
	
	-webkit-animation: fadeIn 4.5s cubic-bezier(0,.4,.36,1) 0.7s 1 normal forwards ;
	-moz-animation: fadeIn 4.5s cubic-bezier(0,.4,.36,1) 0.7s 1 normal forwards ;
	-o-animation: fadeIn 4.5s cubic-bezier(0,.4,.36,1) 0.7s 1 normal forwards ;
	animation:fadeIn 4.5s cubic-bezier(0,.4,.36,1) 0.7s 1 normal forwards ;
}
@keyframes fadeIn {
	0% {
		opacity:0;
		-webkit-transform: translateZ(50px);
		-moz-transform: translateZ(50px);
		-ms-transform: translateZ(50px);
		-o-transform: translateZ(50px);
		transform:translateZ(50px);
		}
	100% {opacity:1;
		-webkit-transform: translateZ(0px);
		-moz-transform:translateZ(0px) ;
		-ms-transform: translateZ(0px);
		-o-transform: translateZ(0px);
		transform:translateZ(0px);
	}
}
.subTitle {
	padding-top:5px;
	padding-bottom:14px;
	opacity:0;
	-webkit-animation: fadeIn 7s cubic-bezier(0,.4,.36,1) 1.5s 1 normal forwards;
	-moz-animation: fadeIn 7s cubic-bezier(0,.4,.36,1) 1.5s 1 normal forwards;
	-o-animation: fadeIn 7s cubic-bezier(0,.4,.36,1) 1.5s 1 normal forwards;
	animation:fadeIn 7s cubic-bezier(0,.4,.36,1) 1.5s 1 normal forwards;
}
.toNextPage {
	width:100%;
	display:inline-block;
	padding-top:32px;	
}
.toTopPage {
	width:100%;
	display:inline-block;
	padding-top:150px;	
	padding-bottom:100px;
}
.innerPage {
	width:900px;
	margin:0px auto;
	padding-bottom:0px;
	overflow:auto;
}
.overFlowHidden {
	overflow:hidden;	
}
.perspective200{
	-webkit-perspective: 200px;
	-moz-perspective: 200px;
	-ms-perspective: 200px;
	perspective: 200px;	
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}
.perspective250{
	-webkit-perspective: 250px;
	-moz-perspective: 250px;
	-ms-perspective: 250px;
	perspective: 250px;	
	-webkit-perspective-origin: 50% 50%;
	-moz-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}
.p2_top_banner {
	width:100%;	
	overflow:hidden;
	position:relative;
	background-image:linear-gradient(to left,transparent, rgba(10, 17, 47, 0.65) 10%,rgba(10, 17, 47, 0.65) 90%,transparent);
}
.p2_top_banner img {
	margin:0 auto;
	display:block;
}
.p2_main_title {
	width:100%;
	padding-top:16px;	
	position:relative;
}
.p2_main_title2 {
	margin-top:40px;
}
.p2_normal_text {
	font-size:15px;	
	line-height:21px;
	text-shadow:0px 0px 10px #000000;
}
.p2_normal_text  a:link, .p2_normal_text a:visited{
	color:#ffd23e;
}
.p2_normal_text img {
	margin:10px 0;	
}
.p2_event_table {
	width:859px;	
	border-collapse: collapse;
	background-color:#ffffff;
	box-shadow:1px 1px #f8dd69, -1px -1px #f8dd69;
	margin:20px auto;
	position:relative;
}
.p2_event_table td {
	height:89px;
	padding:8px;
	font-size:18px;
	line-height:22px;
	font-weight:500;
	color:#0a112f;
	background-color:#f8dd69;
	vertical-align:middle;
}
.p2_event_table td span{	
	font-size:20px;
	line-height:26px;
	font-weight:bold;
	color:#0a112f;
}
.p2_event_table td:first-child {
	width:84px;
	background-color:#ffffff;
	text-align:center;
	vertical-align:middle;
}
.p2_event_table td:nth-child(2) {
	width:490px;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
.p2_event_table td:last-child {
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}
.p2_event_table tr:nth-child(2n) td:first-child{
	border-top:1px solid #f8dd69;
	border-bottom:1px solid #f8dd69;
}
.p2_event_table tr:nth-child(2n) td:nth-child(2){
	background-color:#f7c424;
}
.p2_event_table tr:nth-child(2n) td:last-child{
	background-color:#f7c424;
}
.p2_table_fig {
	width:116px;
	float:left;
	padding-right:10px;
}
.p2_table_fig img {
	display:block;
}
.p2_table_fig figcaption {
	font-size:10px;
	color:#ffffff;
	font-weight:500;
	background-color:#f1ce2b;
	text-align:center;
	height:14px;
	line-height:16px;
	width:100%;		
}
.p2_bold_text {
	font-size:16px;
	font-weight:700;
	text-shadow: 0px 0px 8px #000000
}
.p2_oobo2 {
	width:460px;
	margin:26px auto;
	background-image:radial-gradient(rgba(241,180,128, 0.5), rgba(204,64,72,0.65) 15%, rgba(236,49,12, 0.65) 30%, transparent 80%);
	background-size:0% 0%;
	background-repeat:no-repeat;
	background-position:center center;
	transition:background-size 0.5s cubic-bezier(0.43,-0.93, 0.49, 1.65) 0s;
}
.p2_oobo2:hover {
	background-size:70% 70%;	
}
.p2_table_figphoto1 {
	width:196px;
	float:left;	
		
}
.p2_table_figphoto1 img {
	display:block;
}
.p2_table_figphoto1 figcaption {
	width:196px;
	font-size:12px;
	color:#141733;
	font-weight:bold;
	background-color:#f1ce2b;
	text-align:center;
	line-height:14px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:26px;
}
.p2_table_figphoto2 figcaption {
	width:196px;
	font-size:12px;
	color:#141733;
	font-weight:bold;
	background-color:#f1ce2b;
	text-align:center;
	line-height:14px;
	padding-top:17px;
	padding-bottom:18px;
	margin-bottom:26px;
}
.p2_table_figphoto3 figcaption {
	width:196px;
	font-size:11px;
	color:#141733;
	font-weight:bold;
	background-color:#f1ce2b;
	text-align:center;
	line-height:12px;
	padding-top:8px;
	padding-bottom:7px;
	margin-bottom:26px;
}
ul.example {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.example li {
float: left;
width:196px;

padding-right: 26px;
text-align: center;
}

.clearLeft { 
clear: left; 
}

.p2_center_columntext {
	font-size:20px;
	font-weight:bold;
	line-height:1.2;	
}
.fs14 {
	font-size:14px;
	line-height:22px;	
}
.fs17 {
	font-size:17px;	
	line-height:25px;
}
.fwB {
	font-weight:700;
}
.sw_label {
	float:right;
	margin-top:24px;
	position:relative;
}
.two_way_title {
	margin-top:26px;
}
.two_way_title img {
	padding:0 31px;	
}

.yt_trailer {
	margin:20px auto 0px;
	width:874px;
	display:block;
	box-shadow:0 0 30px #000;	
	position:relative;
}

.bgfilter {
	position:relative;
	width:100%;
	height:auto;
	padding:20px 0px;
	overflow:auto;
	background-image: linear-gradient(to bottom, transparent 0%, rgba(10, 17, 47, 0.65) 6%, rgba(10, 17, 47, 0.65) 94%,transparent 100%);	
}
.goodsImage1 {
	width:100%;	
	display:inline-block;
}
.goodsImage1 img {
	padding:0px 10px;	
}
.goodsImage2 {
	width:315px;
	height:auto;
	padding:27px;	
	float:left;
}
.goodsImage2 img{
	padding-bottom:14px;	
}
.p3_mainTitle {
	padding-top:20px;	
	position:relative;
}
.goodsImage3 {
	width:345px;
	height:370px;
	padding-top:25px;
	padding-right:40px;	
	padding-left:32px;
	float:left;
}
.goodsImage3 figcaption {
	font-size:9px;
	color:#ffffff;	
}
.goodsDetailTitle {
	font-size:20px;	
	padding-top:18px;
	padding-bottom:8px;
	line-height:20px;
}
.goodsDetail {
	font-size:11px;	
	line-height:18px;
	padding-bottom:18px;
	padding-right:24px;
}
.innerPageWrapper {
	overflow:auto;	
	height:auto;
}
.hover_pointer {
	cursor:pointer;	
}
#page2 {
	position:relative;
	padding-top:87px;
	opacity:0.0;
}
#page3 {
	position:relative;
	padding-top:87px;	
	opacity:0.0;
	overflow:auto;
}
#loading {
	z-index:11;	
	positioin:relative;
	top:80%;
}
.detail_to {
	margin-right:30px;	
}
#watchTrailer {
	cursor:pointer;	
}
.cp {
text-align:center;
margin: 0 auto 10px;
font-size: 8px; 
line-height:1.4; 
color: #ffffff;
}
.tmcpy {
	font-size:8px;
	padding-top:30px;
	padding-left:20px;	
	padding-bottom:10px;
	text-align:left;
	clear:both;
}
.bgfilterblk {
	font-size:9px;
	position:relative;
	width:100%;
	height:auto;
	padding:25px 0px;
	overflow:auto;
	/*background-color:rgba(11, 21, 45, 0.85);*/
	background-color:#091127;	
}