@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900');
/*------------------------------------base*/
body{
font-family: 'Noto Sans JP', sans-serif;
font-size:100%;
color:#fff;	
	text-align: center;
-webkit-text-size-adjust: none;
background: #930000;
background: -moz-linear-gradient(left,  #930000 0%, #d10000 35%, #d10000 65%, #930000 100%);
background: -webkit-linear-gradient(left,  #930000 0%,#d10000 35%,#d10000 65%,#930000 100%);
background: linear-gradient(to right,  #930000 0%,#d10000 35%,#d10000 65%,#930000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#930000', endColorstr='#930000',GradientType=1 );
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.inner{position:relative;width:1000px;	padding: 0;	margin: 0 auto;z-index: 2}
.item{position:relative;margin:0 0 2em 0;z-index: 2}
.center{text-align: center;}
.flex{display:flex; justify-content: space-between; flex-flow:row wrap;}

img{width:100%;height:auto;}
a{color:#0071ba; display:block;
 -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover{opacity:0.6;}


/* アスタリスク　注釈用 */
ul.ast {	list-style: none;font-size: 90%;line-height: 120%;margin: 10px 0 0 0;text-align: left;}
ul.ast li {	margin: 0 0 5px 0;	padding-left: 1em;	text-indent: -1em;}
ul.ast li:before {	content: "\203b";	color: #fff;}
ul.ast li.red:before {	content: "\203b";	color: #fff;}

@keyframes delay {
0% {    opacity: 0;  }   
50% {    opacity: 0;  }
100% {    opacity: 1;  }
}
.delay {
  animation-name: delay;
  animation-duration: 1s;
  animation-timing-function: ease-out;
  animation-fill-mode:  forwards;

}
/*メニュー要素の出現アニメ*/
.fadein { opacity: 0;  transition: 1s;}
.fadein.is-show {  opacity: 1;}
/*右から*/
.fadein_right {  opacity: 0;  transform: translate(0, 20%);  transition: 1s;}
.fadein_right.is-show {  transform: translate(0, 0);  opacity: 1;}
/*左から*/
.fadein_left {  opacity: 0;  transform: translate(-100%, 0);  transition: 3s;
  animation-name: delay;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-fill-mode:  forwards;
}
.fadein_left.is-show {  transform: translate(0, 0);  opacity: 1;}
/*下から*/
.fadein_up {  opacity: 0;  transform: translate(0, 10%);  transition: 1s;}
.fadein_up.is-show {  transform: translate(0, 0);  opacity: 1;}
/*上から*/
.fadein_down {  opacity: 0;  transform: translate(0, -80%);  transition: 1.5s;}
.fadein_down.is-show {  transform: translate(0, 0);  opacity: 1;}


/*------------------------------------*/
/*


/*upper*/
#header_upper{padding:0.75em;position: absolute;margin:auto;left:0;right:0;top:0;z-index: 1}
#header_upper .inner{justify-content: space-between;z-index:1;}
#logo{width:77px;}
#headersns{flex-basis:80%;text-align: right;}
#headersns ul{display:flex;justify-content: flex-end;flex-flow:row wrap; align-items: center;}
#headersns li.icon {width:30px;margin:0 3px 0 0}
#headersns li.headline{width:246px;line-height: 1;}

section{margin:0 0 4em 0;position: relative;}
header{ position: relative;}
header h1{position:absolute;top:30%;left:0;right:0;margin:auto;width:80%;min-width:1000px;}

#uppertext{font-size:133%;margin:0 0 2em 0;}

#wp_derby .dlbtn{position: absolute; bottom:8%;left:0;right:0;margin:auto; width:250px;}

#wp_stamp #dlbox{position: absolute;  top:17%;left:0;right:0;margin:auto; width:87%;}
#wp_stamp #dlbox.flex .item{flex-basis:48%;margin:0 0 2em 0;}
#wp_stamp #dlbox.flex .item .dlimg{margin:0 0 1em 0;}
#wp_stamp #dlbox.flex .item .dlbtn{margin:auto; width:250px;}


#howto ul.ast{margin:1em 0 0 1em;}



/* footer
================================================== */
footer{
padding:1em 0.5em 2em 0.5em;
text-align: center;
color:#fff;
}
footer .inner{align-items: center;justify-content: space-between;}

footer a{width:77px;}
#copyright{font-size: 90%;font-weight:200;}


#totop {z-index: 100;
    position: fixed;
    bottom:0em;
    right: 1em;
}
#totop a {
    width: 40px;
    display: block;
}