@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

body {
  width: 100%;
  height: auto;
  font-size: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /*	background-color: $main-bg;*/
  /*	background-color: rgb(65,66,156);
  	@include filter-gradient(#41429c, #3c5f87, vertical);
  	@include background-image(linear-gradient(top,  rgb(65,66,156) 0%,rgb(65,66,156) 25%,rgb(185,153,194) 30%,rgb(185,153,194) 50%,rgb(110,73,114) 55%,rgb(110,73,114) 75%,rgb(60,95,135) 80%,rgb(60,95,135) 100%));*/
  background-image: url(../dl/img/bg_main.jpg);
  background-size: cover;
  background-position: center -2%;
  color: white;
  overflow-x: hidden;
  line-height: 1.2em; }
  @media screen and (min-width: 321px) and (max-width: 359px) {
    body {
      font-size: 85%; } }
  @media screen and (min-width: 360px) and (max-width: 384px) {
    body {
      zoom: 0.85; } }

li {
  list-style-type: none; }

img {
  border-style: none;
  vertical-align: middle; }
  @media screen and (max-width: 359px) {
    img {
      zoom: 0.45; } }
  @media screen and (min-width: 360px) and (max-width: 384px) {
    img {
      zoom: 0.5; } }
  @media screen and (min-width: 385px) and (max-width: 580px) {
    img {
      zoom: 0.6; } }
  @media screen and (min-width: 581px) and (max-width: 600px) {
    img {
      zoom: 0.8; } }
  @media screen and (min-width: 601px) and (max-width: 620px) {
    img {
      zoom: 0.86; } }
  @media screen and (min-width: 621px) and (max-width: 829px) {
    img {
      zoom: 0.9; } }
  @media screen and (min-width: 830px) {
    img {
      zoom: 1.0; } }

a {
  color: #ff9;
  line-height: 1.5em; }
  a:visited {
    color: #fff; }
  a:hover {
    color: #00ffff;
    text-decoration: none; }
  a:active {
    color: #fcfcfc; }

.clearfix, .footer {
  display: inline-block; }
  .clearfix:after, .footer:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden; }

.shadow, body {
  text-shadow: 0px 0px 1px #001847,  0px 0px 5px #001847,  0px 0px 5px #001847; }

.alpha {
  border-radius: 5px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* IE */
  -moz-opacity: 0.5; }

.full_scr {
  min-width: 320px;
  width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -99; }

.wrapper {
  width: 100%;
  height: auto;
  win-width: 320px;
  min-height: 100%;
  margin: 0;
  z-index: -999; }
  .wrapper:before {
    content: '';
    display: inline-block;
    min-height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

.container {
  width: 100%;
  height: auto;
  min-height: 100%;
  display: table-cell; }

.box {
  width: 100%;
  max-height: auto;
  min-height: 60px;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 2; }
  .box img {
    max-width: 120px;
    margin: 0 0.5em 0 0.5em;
    border: solid 1px #CBC7D6;
    -webkit-box-reflect: below 4px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0.6, transparent), to(rgba(0, 0, 0, 0.5))); }

.content {
  width: 85%;
  text-align: center;
  margin: 1% auto 0 -42.5%;
  display: table-cell;
  z-index: 1;
  position: absolute;
  left: 50%; }
  @media screen and (max-height: 460px) {
    .content {
      margin: 0 auto 0 -42.5%; } }
  .content img {
    max-width: 540px; }

#title4 {
  top: 8.5%; }
  @media screen and (max-height: 460px) {
    #title4 {
      top: 6%; } }

#title3 {
  top: 145%; }
  @media screen and (min-height: 430px) {
    #title3 {
      top: 130%; } }
  @media screen and (min-height: 600px) {
    #title3 {
      top: 137%; } }

#title2 {
  top: 250%; }
  @media screen and (max-height: 430px) {
    #title2 {
      top: 275%; } }

#title1 {
  top: 367%; }
  @media screen and (max-height: 430px) {
    #title1 {
      top: 395%; } }

.link_area {
  font-size: 84%;
  text-align: center;
  width: 100%;
  z-index: 99;
  margin: -23% auto 0.5em auto;
  /*	position: absolute;
  	left: 50%;*/ }
  @media screen and (max-height: 430px) {
    .link_area {
      margin: -35% auto 0.5em auto; } }
  .link_area img {
    margin: 0 0.5em 0.2em 0.5em;
    max-width: 214px; }

@media screen and (max-height: 430px) {
  #set {
    margin-top: -45%; } }

.footer {
  width: 100%;
  font-size: 85%;
  vertical-align: middle;
  text-align: center;
  position: fixed;
  bottom: 1%;
  height: 2em;
  padding: 0.1em 0 0.1em 0;
  line-height: 2em;
  z-index: 999; }

#fc1, #fc2, #fc3, #fc4 {
  min-height: 100%; }

#fc4 {
  top: 0; }

/*#bg4 {
	background-color: #41429C;
}*/
#fc3 {
  top: 120%; }
  @media screen and (max-height: 430px) {
    #fc3 {
      top: 142%; } }

/*#bg3 {
	background-color: #B999C2;
}*/
#fc2 {
  top: 238%; }
  @media screen and (max-height: 430px) {
    #fc2 {
      top: 265%; } }

/*#bg2 {
	background-color: #6E4972;
}*/
#fc1 {
  top: 355%; }
  @media screen and (max-height: 430px) {
    #fc1 {
      top: 385%; } }

/*#bg1 {
	background-color: #3C5F87;
}*/
.standby img {
  opacity: 0.55;
  filter: gray(opacity=55);
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  clip: rect(auto, auto, auto, auto); }
  .standby img:hover {
    filter: none;
    -webkit-filter: grayscale(100%); }