@charset "shift_jis";

/*----------------------------------
header
----------------------------------*/
#header {
 margin: 0 10px;
}
#main {
 background: url(../images/main.png) no-repeat;
 background-size:cover;
 width:100%;
 height:0;
 padding-top:56.7%;
 margin: 8% auto 0px;
}
#main h1 {
 position:absolute;
 top:0;
 left:0;
}
#main h1 #stage {
}

#main h1 #Stage {
 text-indent:-9999px;
}



.maincar-anime {
    position: absolute;
    width: 44%;
    height: auto;
    margin-left:30%;
    margin-top:28%;
}
.maincar-anime-animation {
    -webkit-animation: maincar-anime-animation_gwd-keyframes 0.2s linear 0s 1 normal forwards;
    -moz-animation: maincar-anime-animation_gwd-keyframes 0.2s linear 0s 1 normal forwards;
    animation: maincar-anime-animation_gwd-keyframes 0.2s linear 0s 1 normal forwards;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes maincar-anime-animation_gwd-keyframes {
    0% {
        left: 2px;
        top: 0px;
        -webkit-animation-timing-function: linear;
    }
    100% {
        left: 0px;
        top: 2px;
        -webkit-animation-timing-function: linear;
    }
}
@-moz-keyframes maincar-anime-animation_gwd-keyframes {
    0% {
        left: 2px;
        top: 0px;
        -moz-animation-timing-function: linear;
    }
    100% {
        left: 0px;
        top: 2px;
        -moz-animation-timing-function: linear;
    }
}
@keyframes maincar-anime-animation_gwd-keyframes {
    0% {
        left: 2px;
        top: 0px;
        animation-timing-function: linear;
    }
    100% {
        left: 0px;
        top: 2px;
        animation-timing-function: linear;
    }
}



/*----------------------------------
sign
----------------------------------*/
#sign {
 position:relative;
 margin: -4% 10px 0;
}
#sign h2 {
}
#sign h2 img {
 position:absolute;
 width:90%;
 height:auto;
 z-index:1;
}

/*----------------------------------
eventArea
----------------------------------*/
.eventBg {
 display:block;
 width:100%;
 height:auto;
}
#eventArea {
 margin: 20% 10px 0;
}
#eventArea #event {
 background: url(../images/mission-sub.png) no-repeat 0 0 #ff3700;
 background-size: 11% auto;
 position:relative;
 margin-top:-1%;
}
#eventArea #event #eventTxt {
 font-size:1.2em;
 color:#FFF;
 line-height:1.3;
 margin:0 6% 0 12%;
 padding:5% 0 5%;
}
#eventArea #event h2 {
 width:90%;
 height:auto;
 margin:0px auto 2%;
}
#eventArea #event h2 img {
 width:90%;
 height:auto;
 z-index:9999;
 margin: 0 auto 6%;
 display:block;
}
#eventArea #event #info {
 background:#FFF;
 padding:10px;
 margin:0 10px;
 position:relative;
}

#eventArea #event #info #schedule {
 position:relative;
}

#eventArea #event #info #schedule img.month {
 position:absolute;
 margin-top:8%;
 margin-left:6%;
 z-index:10;
 width:20%;
 height:auto;
}
#eventArea #event #info #scheduleBg {
}
#eventArea #event #info #scheduleBg img.scheduleNumber {
 position:absolute;
 top:0;
 width:32%;
 height:auto;
 -webkit-animation: animeSchedule 10s linear infinite;
 -moz-animation: animeSchedule 10s linear infinite;
 animation: animeSchedule 10s linear infinite;
}
@-webkit-keyframes animeSchedule {
	0%	{ -webkit-transform: rotate(-0deg); }
	100%	{ -webkit-transform :rotate(360deg); }
}
@@-moz-keyframes animeSchedule {
	0%	{ -webkit-transform: rotate(-0deg); }
	100%	{ -webkit-transform :rotate(360deg); }
}
@keyframes animeSchedule {
	0%	{ transform: rotate(-0deg); }
	100%	{ transform :rotate(360deg); }
}


#eventArea #event #info h3 {
 background: url(../images/event-title.gif) no-repeat;
 background-size:100% auto;
 position:absolute;
 margin-top:7%;
 left:35%;
 width:60%;
 height:auto;
 padding-top:23.4%;
 text-indent:-9999px;
}
#eventArea #event #info p#subTitle {
 background: url(../images/event-title2.gif) no-repeat;
 background-size:100% auto;
 margin:35% auto -3%;
 width:50%;
 height:auto;
 padding-top:5%;
 text-indent:-9999px;
}

#eventArea #event #info ul {
 border-top:1px solid #ff3700;
 margin-bottom:3%;
}
#eventArea #event #info ul li {
 list-style-type:none;
 font-size:1.2em;
 line-height:1.5;
 font-weight:bold;
 color:#ff3700;
 padding:2% 0;
 border-bottom:1px solid #ff3700;
}
#eventArea #event #info p {
 font-size:1.2em;
 color:#555;
 line-height:1.5;
 margin-bottom:3%;
}


/*----------------------------------
aboutArea
----------------------------------*/
#aboutArea {
 background:url(../images/about-bg.gif) repeat;
 background-size: 10%;
 padding: 0 10px 15%;
 position:relative;
}
#aboutBg {
 position:relative;
}
#aboutArea .eventBg {
 position:absolute;
 z-index:10;
 display:block;
}
#aboutArea .bg1 {
 position:absolute;
 top:0;
 left:10%;
 width:50%;
 height:auto;
}
#aboutArea .bg2 {
 position:absolute;
 margin-top:10%;
 left:60%;
 width:30%;
 height:auto;
}

#aboutArea .glacoCar {
 display:block;
 width:40%;
 height:auto;
 margin: 3% auto 0;
}


/*----------------------------------
missionArea
----------------------------------*/
#missionArea {
 position:relative;
 padding-top:-20%;
}
.icon25 {
 margin: 0 auto;
 margin-top:-10%;
 width:35%;
 height:auto;
 display:block;
}


#missionArea #mission {
 background:#FFF;
 padding:12% 10px 10px 10px;
 margin: -12% 10px 10px 10px;
}

#missionArea #mission h2 {
 background: url(../images/mission25-title.gif) no-repeat;
 background-size:100% auto;
 width:70%;
 height:auto;
 padding-top:11.5%;
 margin:0 auto;
 text-indent:-9999px;
}
#missionArea #mission p#mainMission {
 font-size:1.2em;
 font-weight:bold;
 line-height:1.5;
 margin-top:3%;
 margin-bottom:3%;
}
#missionArea #mission ul {
}
#missionArea #mission ul li {
 background:#ff7c25;
 padding:5px;
 margin-bottom:1px;
}
#missionArea #mission ul li a {
 display:inline-block;
 width:100%;
 background: url(../images/icon-arrow.png) no-repeat 100% 50%;
 background-size:9px 14px;
}
#missionArea #mission ul li img {
 float:left;
 width:45%;
 height:auto;
}
#missionArea #mission ul li .missionR {
 overflow:hidden;
}
#missionArea #mission ul li .missionR h3 {
 width:80%;
 height:auto;
 text-indent:-9999px;
 padding-top:24.7%;
}
#missionArea #mission ul li .missionR p {
 font-size:1.3em;
 line-height:1.0;
 margin-left:5%;
 margin-right:6%;
 color:#FFF;
}

#missionArea #mission ul li.comp {
 background: url(../images/mission25-comp.png) no-repeat 57% 10% #ff3700;
 background-size: 14% auto;
}

#missionArea #mission ul li#mission01 .missionR h3 {
 background: url(../images/mission25-no01-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission02 .missionR h3 {
 background: url(../images/mission25-no02-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission03 .missionR h3 {
 background: url(../images/mission25-no03-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission04 .missionR h3 {
 background: url(../images/mission25-no04-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission05 .missionR h3 {
 background: url(../images/mission25-no05-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission06 .missionR h3 {
 background: url(../images/mission25-no06-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission07 .missionR h3 {
 background: url(../images/mission25-no07-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission08 .missionR h3 {
 background: url(../images/mission25-no08-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission09 .missionR h3 {
 background: url(../images/mission25-no09-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission10 .missionR h3 {
 background: url(../images/mission25-no10-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission11 .missionR h3 {
 background: url(../images/mission25-no11-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission12 .missionR h3 {
 background: url(../images/mission25-no12-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission13 .missionR h3 {
 background: url(../images/mission25-no13-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission14 .missionR h3 {
 background: url(../images/mission25-no14-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission15 .missionR h3 {
 background: url(../images/mission25-no15-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission16 .missionR h3 {
 background: url(../images/mission25-no16-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission17 .missionR h3 {
 background: url(../images/mission25-no17-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission18 .missionR h3 {
 background: url(../images/mission25-no18-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission19 .missionR h3 {
 background: url(../images/mission25-no19-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission20 .missionR h3 {
 background: url(../images/mission25-no20-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission21 .missionR h3 {
 background: url(../images/mission25-no21-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission22 .missionR h3 {
 background: url(../images/mission25-no22-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission23 .missionR h3 {
 background: url(../images/mission25-no23-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission24 .missionR h3 {
 background: url(../images/mission25-no24-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}
#missionArea #mission ul li#mission25 .missionR h3 {
 background: url(../images/mission25-no25-number.gif) no-repeat 100% 20% ;
 background-size:50% auto;
}

#bnr {
 margin: 7% 10px;
}
#bnr a {
}
#bnr a img {
 width:100%;
}



/*----------------------------------
page-top
----------------------------------*/
.gotop{
    position: fixed;
    right: 0;
    bottom: 0;
    margin:0 0 70% 0;
    z-index:9999;
}
.gotop a{
    width: 36px;
    height: 71px;
    display: block;
    background: url(../images/pagetop.png) no-repeat;
    background-size: 36px 71px;
    text-indent:-9999px;
}



/*----------------------------------
footer
----------------------------------*/
footer{
	border-top:#DDD 1px solid;
	padding:0;
	color:#333;
	margin-top:10px;
	float:none;
 background:#fff;
	clear:both;}
	footer a:link,
	footer a:visited{
		color:#333;
		text-decoration:none;
		color:#E50011;}
	footer #fLogo{
		text-align:right;
		padding:10px 20px;}
	#Fwrap {
		width:300px;
		margin:0 auto;}

ul#channel-nav {
	padding: 20px 10px 0;
	position: relative;}
ul#channel-nav li {
	float:left;
	width:50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	margin: 0 0 12px 0px;
	padding: 0 0 0 10px;
	background: url(../images/arr01.gif) left center no-repeat;
 background-size: 3px 5px;
 -webkit-background-size: 3px 5px;
}

ul#channel-nav li a {
	display: block;
  color:#333;}

footer div.Soft99{
	margin: 0 10px;
	text-align:right;
}

footer address {
	margin: 5px 0 0 0;
	padding: 10px 0;
	text-align: center;
/*	border-top: 1px solid #444444;*/
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}