@charset "utf-8";
/*
 * base CSS
 * ---------------------------------------------
 * 共通レイアウトに関わるCSSです
 */

a {
  color: white;
  text-decoration: underline;
}

a:visited {
  color: white;
  text-decoration: underline;
}

a:hover, a:focus, a:active {
  color: #ff5933;
  text-decoration: none;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

/*
 * js-hoverSwapSoftWrap
 * ゆっくり変わるロールオーバー用
 */
.js-hoverSwapSoftWrap {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
}

html {
  min-width: 1008px;
  background: black;
  color: white;
}

body {
  min-width: 1008px;
  background: black url(./bg.jpg) no-repeat 50% 0;
  color: white;
}

.portal-lov4 {
  width: 1000px;
  margin: 0 auto;
}

.portal-lovre3 {
  width: 1000px;
  margin: 0 auto;
}

.portal-arena {
  width: 1000px;
  margin: 0 auto;
}


.portal-previous {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 67px;
  *zoom: 1;
}

  .portal-previous:before, .portal-previous:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .portal-previous:after {
    clear: both;
  }

  .portal-previous .portal-previous-item {
    width: 333px;
    text-align: center;
  }

    .portal-previous .portal-previous-item .portal-previous-title {
      margin-bottom: 50px;
    }

    .portal-previous .portal-previous-item .js-hoverSwapSoftWrap {
      margin: 0 auto;
    }

  .portal-previous-item {
    float: left; padding-bottom:40px;
  }

p.anime-shogo{position: absolute; top:-10px; left:50%; padding-left:300px; z-index: 100; width: 250px;}

p.anime-shogo a {transition:0.5s;}
p.anime-shogo a:hover {opacity:0.5;}

/*
a:hover img {
 opacity: 0.5;
}
 
a img {
 transition: opacity 0.3s ease-out;
}
*/
/* ossi abe write */
.imghover{display: inline-block; position: relative;}
.imghover img {position: relative; z-index: 0; transition: 0.4s ease;}
.imghover img + img {position:absolute; left: 0; top: 0; z-index: 10; opacity: 0;}
.imghover:hover img + img{opacity: 1;}