@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Poppins);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
div#tab01 {
  width: 135px;
  height: 230px;
  position: absolute;
  top: 70px;
  left: -45px;
  text-indent: -9999px;
  z-index: 9999;
}

@media screen and (max-width: 1050px) {
  div#tab01 {
    display: none;
  }
}
div#tab02 {
  width: 135px;
  height: 230px;
  position: absolute;
  top: 265px;
  left: -45px;
  text-indent: -9999px;
  z-index: 9999;
}

@media screen and (max-width: 1050px) {
  div#tab02 {
    display: none;
  }
}
div#tab03 {
  width: 135px;
  height: 230px;
  position: absolute;
  top: 460px;
  left: -45px;
  text-indent: -9999px;
  z-index: 9999;
}

@media screen and (max-width: 1050px) {
  div#tab03 {
    display: none;
  }
}
/* ----IE9---*/
div#tab01:not(:target) {
  width: 135px;
  height: 230px;
  position: fixed;
  top: 70px;
  left: -45px;
  text-indent: -9999px;
  z-index: 9999\9;
}

div#tab02:not(:target) {
  width: 135px;
  height: 230px;
  position: fixed;
  top: 265px;
  left: -45px;
  text-indent: -9999px;
  z-index: 9999\9;
}

div#tab03:not(:target) {
  width: 135px;
  height: 230px;
  position: fixed;
  top: 460px;
  left: -45px;
  text-indent: -9999px;
  z-index: 9999\9;
}

/* ---ラルナ---*/
div#tab02 a#event2 {
  outline: none;
  display: block;
  background: url("https://www.rakuten.ne.jp/gold/low-ya/img3/bana/tab-larna95x200-2.png") no-repeat scroll 0 0 transparent;
  background-position: 20px 0px;
  width: 135px;
  height: 230px;
}

div#tab02 a#event2:hover {
  outline: none;
  display: block;
  background: url("https://www.rakuten.ne.jp/gold/low-ya/img3/bana/tab-larna95x200-2.png") no-repeat scroll 0 0 transparent;
  background-position: 45px 0px;
  width: 135px;
  height: 230px;
}

/* ------------------------タブ3-------------------------------*/
/* ----アシンメトリー---*/
div#tab03 a#event3 {
  outline: none;
  display: block;
  background: url("https://www.rakuten.ne.jp/gold/low-ya/img4/bana/tab-asymmetry-95x200.png") no-repeat scroll 0 0 transparent;
  background-position: 20px 0px;
  width: 135px;
  height: 230px;
}

div#tab03 a#event3:hover {
  outline: none;
  display: block;
  background: url("https://www.rakuten.ne.jp/gold/low-ya/img4/bana/tab-asymmetry-95x200.png") no-repeat scroll 0 0 transparent;
  background-position: 45px 0px;
  width: 135px;
  height: 230px;
}