@charset "UTF-8";
*{ box-sizing: border-box;}
html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}
html, body { height:100%; }
img { border: 0; vertical-align: bottom; border-style: none;}
a img { border-style:none;}
a { outline: none; }
a:link,a:visited,a:active {outline: none; text-decoration: none;}
a:link { color: #E9385B;}
a:visited { color: #E9385B;}
a:hover { color: #069;}
a:active { color: #09C;}


body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px; line-height: 1.5; color: #333; background:  url(../img/bg.jpg) top center #fac916; font-feature-settings : "palt";}

body#top{background: url(../img/bg.jpg) top center #fac916;}

.msg_bg{background: url(/omega20th/img/02/msg_bg.png) top center no-repeat; background-attachment:fixed; padding: 32px 0 64px 0;}
.hs_bg{background: url(/omega20th/img/02/hs_bg.png) right 250px no-repeat; background-attachment:fixed; padding: 32px 0 64px 0;}

#customElement{width: 100%; height: 100%;}
#customElement, #background-front {position: fixed; right: 0;  bottom: 0; top 0; width: auto;  min-width: 100%;  height: auto; min-height: 100%; z-index: -1; }




.opp{ filter:alpha(opacity=30)!important; -moz-opacity: 0.3!important; opacity: 0.3!important;}

.header-bg{ width: 100%; margin: 0 auto; background:url(/omega20th/img/02/header_bg.png) top center no-repeat; margin-top: 6px;}
.paddingbottom{margin-top: -10px; }
.header-box{width: 95%; max-width: 1000px; margin: 0 auto; text-align: center; padding-top: 110px;}
.wp-box{width: 100%; margin: 0 auto 0 auto; background: url(/omega20th/img/02/main_bg.png); padding: 32px 0 64px 0; margin-top: 6px;}
.wp-box2{width: 100%; margin: 0 auto 0 auto; background: url(/omega20th/img/02/main_bg.png); padding: 32px 0 64px 0; margin-top: 0; box-shadow : 0 0 0 2px #9e8418, 0 0 0 4px #fff, 0 0 0 6px #804040;}
.wp-box3{width: 100%; margin: 0 auto 0 auto; background: url(/omega20th/img/02/main_bg.png); padding: 0 0 0 0; margin-top: 6px;}

.index_cont_box{width: 95%; max-width: 1200px; margin: 0 auto;}


h2{padding: 0 0 0 0;}

h3{
	width: 94.5%;
	margin: 0 auto;
	font-size: 40px;
	color: #ffd800;
	text-shadow: 0 -1px 1px #ffd800, -1px 0 1px #000, 1px 0 1px #000;
	text-align: center; padding: 32px 0;
	font-family: "Sawarabi Mincho";
}
hr.h3_border{
	border: 0;
    height: 2px;
    margin-bottom: 16px;
    background-image: -webkit-linear-gradient(left, rgba(255,216,0,0), rgba(255,216,0,0.75), rgba(255,216,0,0));
    background-image:    -moz-linear-gradient(left, rgba(255,216,0,0), rgba(255,216,0,0.75), rgba(255,216,0,0));
    background-image:     -ms-linear-gradient(left, rgba(255,216,0,0), rgba(255,216,0,0.75), rgba(255,216,0,0));
    background-image:      -o-linear-gradient(left, rgba(255,216,0,0), rgba(255,216,0,0.75), rgba(255,216,0,0));
}

.title_sp{
	width: 94.5%;
	margin: 0 auto;
	padding-bottom: 24px;
	color: #fff;
	text-align: center;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #000, 1px 0 1px #000;
}


h1 img,
h2 img{width: auto; max-width: 100%;}

.gettw{ text-align:center; padding-bottom:0;}
.gettw img{width: auto; max-width: 95%;}

#outlogo-box{width: 100px; margin: 0 auto 10px auto;}
#outlogo-box img{width: 100%; max-width: 100px;}

#outlogo-box-in{z-index:100; position:absolute; top:-10px;}
/*
#top hr{
border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(158,132,24,0), rgba(158,132,24,0.75), rgba(158,132,24,0));
    background-image:    -moz-linear-gradient(left, rgba(158,132,24,0), rgba(158,132,24,0.75), rgba(158,132,24,0));
    background-image:     -ms-linear-gradient(left, rgba(158,132,24,0), rgba(158,132,24,0.75), rgba(158,132,24,0));
    background-image:      -o-linear-gradient(left, rgba(158,132,24,0), rgba(158,132,24,0.75), rgba(158,132,24,0));
}
*/

/* menu */

.menu{width: 100%; margin: 0 auto; background: url(/omega20th/img/02/menu_bg.jpg);  box-shadow : 0 0 0 2px #9e8418, 0 0 0 4px #fff, 0 0 0 6px #804040;}
.menu-box{width: 95%; max-width: 1200px; margin: 0 auto;}
.menu-box ul{padding: 0; margin: 0; list-style-type: none; letter-spacing: -.40em;}
.menu-box li{padding: 0; margin: 0; text-align: center; letter-spacing: normal; font-weight: bold; font-family: "Sawarabi Mincho"; display:inline-block; font-size: 25px; width: calc(25% - 2px); border-left: solid 1px #777;}
.menu-box li:last-child{border-right: solid 1px #777;}

.menu-box li img{width: auto; max-width: 100%;}
.menu-box li a{ text-decoration: none;  display:block;  width: 100%; padding: 20px 16px; color: #000; margin-top: 0;}
.menu-box li a:hover{background-color:rgba(255,255,255,0.40);}
#top .menu-box li.page_top a{background-color:rgba(255,255,255,0.40);}
#sp .menu-box li.page_sp a{background-color:rgba(255,255,255,0.40);}
#hs .menu-box li.page_hs a{background-color:rgba(255,255,255,0.40);}
#mg .menu-box li.page_mg a{background-color:rgba(255,255,255,0.40);}
.menu-top{width: 95%; max-width: 1200px; margin: 0 auto; padding-bottom: 10px; }
.menu-top .menu-top_page_title{width: 49%; float: left; color: #fff; line-height: 1; padding-top: 12px; padding-bottom: 6px;}
.menu-top .menu-top_page_sns{width: 45%; max-width: 170px; float: right; text-align: right;}

.menu-box p{font-size: 12px; margin-top: -15px;}
.menu-box span.newtxt{width: calc(100% - 10px); max-width: 60px; margin: 0 auto; display: block; color: #fff; letter-spacing: 0.1em;
 -webkit-animation:blink 1.5s ease-in-out infinite alternate;
 -moz-animation:blink 1.5s ease-in-out infinite alternate;
 animation:blink 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
 0% {opacity:0.5;}
 100% {opacity:1;}
}

@-moz-keyframes blink{
 0% {opacity:0.5;}
 100% {opacity:1;}
}

@keyframes blink{
 0% {opacity:0.5;}
 100% {opacity:1;}
}

#top .menu-top .menu-top_page_title{color: #fff;}

#outmenu-box-in{background: #000;}
#outlogo-box-in{}
.undermenu .menu{/*margin-top: 16px;*/}

li.logo_menu{width: calc(15% - 2px); }
li.logo_menu a{border: none;}
li.logo_menu a:hover{filter:alpha(opacity=65); -moz-opacity:0.65;  -khtml-opacity:0.65; opacity:0.65; background: none;}

.news_in_box{width: 95%; margin: 0 auto;}
#news{ position:relative; overflow:hidden; margin: 0 auto; padding: 0% 0 4%; }
#news .innerbox{ margin-left:-0.6%; }
#news .box{ display:block; position:relative; float:left; width:19.4%; height: 250px; margin:0.6% 0 0 0.6%; border-radius:3px; border: solid 5px #fff; background: #fff;}
#news .box:hover{border: solid 5px #ffd800;}
#news .border{ position: absolute; z-index:15; width: 100%;height: 100%;top: 0; left: 0; border-radius:3px;}
#news .box:before{ content: ""; display: block;  /* padding-top: 115%;*/ /* 1:1 */}
#news .inner{  position: absolute;  top: 0; left: 0;  width: 100%; height: 100%;}
#news .thum{ display:block; position:relative; width:100%; margin:0 0 5%; }
#news .text{ display:block; position:relative; width:95%; margin:0 auto; font-size:13px; line-height:140%; color:#333; word-break: break-all;}
#news .date{ display:block;position:absolute; width:90%;bottom:5%;left:5%; color:#999; font-size:11px; line-height:0%; }
#news .text span{ color:#a00; padding-right: 0.5em; }

.game-list {width: 96%; margin: 0 auto; letter-spacing: -.40em;}
.game-list li{width: calc(20% - 10px); display: inline-block; letter-spacing: normal; border: solid 5px #fff; margin: 5px;}
.game-list li:hover{ border: solid 5px #ffd800;}
.game-list li img{width: 100%;}

.titles { max-width: 925px; width: 95%; margin: 0 auto;}
.titles ul{ list-style: none; letter-spacing: -.40em;}
.titles li{ margin: 0 1% 2% 1%; width: 18%; display: inline-block; text-align: center; font-size: 80%; line-height: 130%; letter-spacing: normal; color: #fff;}
.titles li span{ font-size:110%; font-weight:bold; line-height:150%; color: #fff; text-shadow: 0 -1px 1px #FFF, -1px 0 1px #000, 1px 0 1px #000;}
.titles li img{ width: 100%; border: solid 1px #fff; margin-bottom: 10px;}

.clearfix{ clear:both;}
.clearfix2{ clear:both; height:50px;}
.clearfix3{ clear:both; height:100px;}
.clearfix4{ clear:both; height:200px;}

#calendars{ /* margin-top:-5%; */ letter-spacing: -.40em;}
.calendar{ display:inline-block;  width: calc(25% - 10px);  text-align:center;  margin-bottom:3%; letter-spacing: normal; margin: 5px 5px 16px 5px;}
.calendar h4, .calendar2 h4{  font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;  font-weight:bold;
	color: #fff;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #000, 1px 0 1px #000;
}
.calendar img, .calendar2 img{width:100%;}
.calendar a,.calendar span,.calendar2 a,.calendar2 span{ display:inline-block; width:48%; margin:0 1%; background-color:#555; background:linear-gradient(to bottom,#555,#222); color:#fff; border:1px #999 solid; text-decoration:none; font-size:80%; padding:1% 0; border-radius:5px; margin-top:1%;}
.calendar span,.calendar2 span{ background-color:#666; background-image:none; color:#999;}

.calendar2{width:95%;  margin: 0 auto 32px auto; text-align:center;max-width:925px;}
.calendar2 a,.calendar2 span{width:23%;}

.notice{ max-width: 860px; width: 95%; margin: 30px auto; font-size: 90%; border: solid 1px #333; padding: 20px; background:#fff;}
.notice h4{ font-weight:bold; padding-bottom:10px;}
.notice ol{ /*list-style:none;*/}
.notice li{ /*text-indent:-1em;*/ margin-left:1em;}

.meg_box{width: calc(100% - 64px); max-width: 800px; margin: 0 auto 42px auto; font-size: 20px; line-height:1.92; padding: 32px; color: #fff; text-shadow: 0 -1px 1px #000, -1px 0 1px #000, 1px 0 1px #fff,0 -2px 1px #000;}
.meg_name{width: 100%; text-align: right;}
.mes_line img{width: 100%;}

.hidden_box{	position: absolute; width: 0; height: 0; overflow: hidden;}
.footer{ width: 100%; text-align:center; border-top:solid 1px #333333; background:#fff;}
.footer #sns{ text-align: center; padding: 30px 0 40px;}
.footer #sns img{ margin: 0 5px;}

#sns2{ text-align: center; letter-spacing: -.40em; text-align: right;}
#sns2 a{width: calc(25% - 5px); display:inline-block; letter-spacing: normal; max-width: 40px; padding-right: 5px;}
#sns2 img{ width: 100%; }

.footer .copyright{ font-size: 90%; padding: 20px; font-family: Arial, Helvetica, sans-serif;}

ul.link_list_txt{list-style-type: none; letter-spacing: -.40em; margin-bottom: 32px;}
ul.link_list_txt li{display:inline-block; letter-spacing: normal; padding: 0 6px;}

.stage{ position: relative; width: 100%; padding-top: 56.25%;}
.stage iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

.pv-box{width: 95%; margin: 0 auto; border: solid 2px #fff; margin-top: 32px;}

.ofst{width: 80px; display:inline-block; line-height: 1;}
.ofst a{width: auto; max-width: 94px; text-align: center; color: #000; font-size: 14px; font-weight: normal; display:inline-block; margin-left: 8px;}
.ofst a:hover{opacity:0.65;}

/*  hs */
.timeline_box{ width: 95%; max-width: 870px; margin: 0 auto; padding-top: 32px;}
.timeline { list-style: none;}
.timeline > li {}
.timeline h4{padding: 0 10px 10px 5px; color: #fff; font-size: 20px; line-height: 1; border-bottom: solid 1px #ffddbb;}
.timeline h4.point{color: #ffffb3;}
.timeline-date,
.timeline-date2 { color: #fff; font-weight: bold; color: #fff;}

.timeline-date{ padding: 8px 5px; padding-bottom:0; }
.timeline-date2{ padding: 8px 5px; padding-bottom:0; }

.banner_big{width: 95%; max-width: 1000px; margin: 0 auto; padding-bottom: 10px;}
.banner_big img{width: auto; max-width: 100%;}

.banner_big2{width: 95%; max-width: 1000px; margin: 0 auto; letter-spacing: -.40em; margin-top: 20px;}
.banner_big2 li.live_banner{width: calc(50% - 5px); display: inline-block; letter-spacing: normal; margin-right: 5px;}
.banner_big2 li.item_banner{width: calc(50% - 5px); display: inline-block; letter-spacing: normal; margin-left: 5px;}

.banner_big2 img{width: auto; max-width: 100%;}




@media ( min-width : 750px ){
.timeline-date,
.timeline-date2 { width: 132px; float: left; font-weight: bold; border-bottom: none; color: #fff; padding-top: 6px;}
.timeline-date { margin-top: 0;}
.timeline-date2{ margin-top: 0;}
.timeline h4{border-bottom: none; padding: 0 0 62px 0; line-height: 1; font-size: 32px;}

.timeline-content,
.timeline-content2{width: 80%; float: left; border-left: 3px #ffddbb solid; padding-left: 30px;}

.timeline-content:before,
.timeline-content2:before{content: '';  width: 30px;  height: 30px; position: absolute;  border-radius: 100%;}

.timeline-content:before{background: #ff8000; left: 118px;  top: 0;}
.timeline-content2:before{background: #f7db5d; left: 118px;  top: 0;}

.timeline > li { margin-bottom: 60px;}
.timeline > li { overflow: hidden; margin: 0;  position: relative; background-color:rgba(0,0,0,0);}


}
#nav{
	position: fixed;
	top: 150px;
	right: 10px;
	z-index:100;
	text-shadow: 0 -1px 1px #000, -1px 0 1px #000, 1px 0 1px #000;
}
#nav li a{color: #fff;}

#nav li {
	/* display:inline-block; */
	padding: 2px 10px;
	list-style: none;
}

#nav li a:hover{color: #f9ce38; margin-left: -10px;}

#nav .on a{
	color: #f9ce38;
	 margin-left: -10px;
}
#contents {
	position: relative;
	z-index: 100;
	width: 100%;

}

.on_now{ border-right: solid 5px #eaae21;}


/*  movie*/
.movie-box{width: 95%; max-width: 930px; margin: 0 auto; letter-spacing: -.40em;}
.movie-box li{width: calc(33% - 8px); margin: 0 4px; display: inline-block; letter-spacing: normal; margin-bottom: 8px; vertical-align: top; text-align: center;}
.movie-box li a{color: #fff;}
.movie-box li:hover{opacity: 0.6;}
.movie-box img{width: calc(100% - 2px);   border: solid 1px #fff;}

/* new */
.new_icon{
z-index: 1;
 position: relative;
 width: 100%;
}
.new_calenda{
z-index: 2;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
}

@media screen and (max-width: 850px) {
	.menu-box li{	font-size:3.375vw;}
}

@media screen and (min-width: 640px) {
	/* #customElement { width: 100%; height: 100%; background: #000; position: relative; top: 0; left: 0; z-index: 0; background: url("../images/index/main-bg.jpg") no-repeat top center;  -moz-background-size:100% auto; background-size:100% auto; text-align:center; background-attachment:fixed;}*/
	.YTPOverlay.raster{background:url(/omega20th/img/02/raster.png);}
}

@media screen and (max-width: 639px) {
#video, #customElement{background:none;}
#customElement{display: none;}

	#news .box{ width:32%; height: 250px; margin:0.6% 0 0 0.6%; border-radius:3px; border: solid 5px #fff;}
	.game-list li{width: calc(33% - 10px);}
	.menu{margin-bottom: 6px;}
	.paddingbottom{padding-bottom: 0;}
	.calendar{ width: calc(50% - 10px);}
	.titles li{ width: 29.5%;}
	.header-bg{ margin: 0 auto; background:url(/omega20th/img/02/header_bg_sf.jpg) top center no-repeat; padding-bottom: 0; -moz-background-size:100% auto; background-size:100% auto; }
	h1{width: 70%; margin: 0 auto;}
	h3{font-size:6.375vw;}
	.msg_bg, .hs_bg{background:none;}
	.meg_box{width: calc(95% - 0); max-width: 800px; margin: 0 auto 42px auto;  padding: 32px 0;}
	.menu-top{width: 100%; max-width: 800px; margin: 0 auto; padding-bottom: 10px;}
	.menu-top .menu-top_page_title{width:40%; font-size:2.375vw; text-align: center; padding-top: 3.5%;}
	.menu-box li{width: 49.9%; font-size:5.375vw; border-left: none; border-bottom: solid 1px #777;}
	.menu-box li:last-child{border-right: none;}
	.menu-box li:nth-child(3), .menu-box li:nth-child(4){border-bottom: none;}
	.menu-box{width: 100%; max-width: 1200px; margin: 0 auto;}
	#nav{display: none;}
	.movie-box li{width: calc(50% - 10px);}

}

@media screen and (max-width: 400px) {
	.meg_name{width:100%; font-size:5.175vw; text-align: center;}
}



@media screen and (max-width: 340px) {
	#news .box{ width:48%; height: 230px; margin:0.6% 0 0 0.6%; border-radius:3px;}
	h3{font-size:8.375vw;}
	#sns2 a{width: calc(50% - 5px);  max-width: auto;}
	.meg_name{font-size:5.075vw;}
}




.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}