@charset "UTF-8";

#timeout{
  z-index: 1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
}

html{
  /* 画像ファイルの指定 */
  background-image: url(../images/new2016web_background.svg);
  background-position: center right;
  background-repeat: repeat-y;
  background-size: 100%;
  background-color: white;
}

body {
  background-color: rgba(250,250,250,0.8);
  margin: 0 auto;
  width: 70%;
}

header{
  width: 100%;
}

header img{
  width: 100%;
  background-color: rgba(255,255,255,0.7);
}

a img{
  border-style: none;
}

#copy{
  text-align: center;
  width:60%;
  margin: 0 auto;
  display: none;
}

.target{
  display: none;
}

.links{
    width: 90%;
    margin: -2% auto 2%;
}

.links img{
  width: 30%;
  opacity: 1;
}

.whkabout{
  margin: 2% 3% 0 17%;
    -webkit-transform: rotate(24deg);
     -moz-transform: rotate(24deg);
      -ms-transform: rotate(24deg);
       -o-transform: rotate(24deg);
          transform: rotate(24deg);
}

.column{
  margin: 2% 3% 0 2%;
    -webkit-transform: rotate(24deg);
     -moz-transform: rotate(24deg);
      -ms-transform: rotate(24deg);
       -o-transform: rotate(24deg);
          transform: rotate(24deg);
}

.info{
  margin: -2% 1% 0 2%;
  -webkit-transform: rotate(24deg);
     -moz-transform: rotate(24deg);
      -ms-transform: rotate(24deg);
       -o-transform: rotate(24deg);
          transform: rotate(24deg);
}

.FAQ{
  margin: -2% 0 0 2%;
    -webkit-transform: rotate(24deg);
     -moz-transform: rotate(24deg);
      -ms-transform: rotate(24deg);
       -o-transform: rotate(24deg);
          transform: rotate(24deg);
}

.gallary{
  margin: -2% 0 0 2%;
    -webkit-transform: rotate(24deg);
     -moz-transform: rotate(24deg);
      -ms-transform: rotate(24deg);
       -o-transform: rotate(24deg);
          transform: rotate(24deg);
}

#slider1{
  background-color: rgba(250,250,250,0.8);
  border: 15px solid rgba(250,250,250,0.8);
  margin: 0 auto;
  width: 97% !important;
}

#position-center{
  margin: 0 auto;
}

#newswrapper{
    width:100%;
    height: 90%;
    margin: 5% auto 0;
}

#news{
    width:37.5%;
    height:43%;
    padding: 3%;
    float:left;
    margin: 2% 2% 2% 5%;
    overflow:auto;
    background-color: rgba(255,255,255,0.8);
    border:10px solid rgba(200,200,200,0.6);
}

#news a{
    padding: 1% 1% 1% 0;
    color: #399CCD;
    text-align:center;
    text-decoration:underline;
}

#news dl {
        color:#99CCFF;
        text-decoration:underline;
        display:block;
}

.date {
  margin:0;
  font-size:1.12em;
}

.release {
  margin-bottom:0;
  font-size:1.15em;
  border-bottom: 1px solid #D3D3D3;

}

#twitter-whk {
    float: left;
    width: 37.5%;
    height: 55%;
    margin: 2% 5% 5% 2%;
    border: 10px solid rgba(200,200,200,0.6);
    background-color: white;
}

/*#facebook-whk {
    float: left;
    height: 350px;
    width: 37.5%;
    margin: 1% 5% 5% 2.5%;
    border: 10px solid rgba(200,200,200,0.6);
    background-color: white;
}*/

footer {
    clear: both;
    background-color: rgba(255,255,255,0.7);
    width: 100%;
}

footer p {
    text-align: center;
    font-size: 1em;
}

footer p a {
    margin-left: 10px;
    font-size: 0.8em;
}

/*ページ上部へのジャンプボタン*/
#page-top {
  position: fixed;
  bottom: 30px;
  right: 1%;
  font-size: 100%;
  font-weight:bold;

}
  
#page-top a {
  background:#5c7d9d;
  text-decoration: none;
  color: white;
  width: 60px;
  padding: 6px 0;
  text-align: center;
  display: block;
  border-radius: 0.1em;}

#page-top a:hover {
  text-decoration: none;
  background:#72899c;
  color:white;}