@charset "UTF-8";
/*--------------------------------------------------------------------
Body
----------------------------------------------------------------------*/
/*▼テキストハイライトの設定*/
body ::-moz-selection {
  background: #3f729b;
  color: #fefefe;
}
body ::selection {
  background: #3f729b;
  color: #fefefe;
}

body {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

body h1,
h2 {
  color: #111;
}

div#wrapper {
  width: 100%;
  display: block;
  position: relative;
  /*←common.cssに記述されたpagefade用の指定でnoneになっているとswiperの挙動がうまくいかないので、blockを指定してnoneを上書きし、swiperを挙動させるようにしている*/
}

.release_name_long {
  line-height: 26px;
}

/*--------------------------------------------------------------------
contents
----------------------------------------------------------------------*/
#header,
#hero,
#music_stores {
  width: 100%;
}

/*--------------------------------------------------------------------
hero
----------------------------------------------------------------------*/
.hero {
  background: -webkit-gradient(linear, left top, left bottom, from(#f2d7ea), color-stop(35%, #fff));
  background: -o-linear-gradient(top, #f2d7ea 0%, #fff 35%);
  background: linear-gradient(180deg, #f2d7ea 0%, #fff 35%);
  padding-bottom: 140px;
}

.hero2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#faecd5), color-stop(35%, #fff));
  background: -o-linear-gradient(top, #faecd5 0%, #fff 35%);
  background: linear-gradient(180deg, #faecd5 0%, #fff 35%);
  padding-bottom: 140px;
}

.hero h1 {
  font-size: 2.4em;
  text-align: center;
  padding-top: 170px;
}

.hero span {
  display: block;
  font-size: 0.7em;
  margin-bottom: 10px;
}

/*--------------------------------------------------------------------
  music stores
  ----------------------------------------------------------------------*/
#music_stores {
  margin: 0 auto;
  overflow: hidden;
}

.music_store_jacket {
  text-align: center;
}

.music_store_jacket img {
  width: 30%;
  max-width: 330px;
  -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
}

/*--------------------------------------------------------------------
trackList
  ----------------------------------------------------------------------*/
.trackList {
  margin: 120px auto;
}

.trackList p {
  font-size: 1.2em;
  line-height: 1.7em;
  margin: 0 auto;
  padding-left: 30px;
}

.trackList p span {
  font-size: 0.7em;
  letter-spacing: 0.1em;
  padding-left: 8px;
}

/*--------------------------------------------------------------------
jplayer
  ----------------------------------------------------------------------*/
div.jp-audio {
  width: 600px;
  margin: 20px auto;
  padding-left: 90px;
}

a.jp-play {
  background: url("../images/player_icon_songs_common.gif") 0 0 no-repeat;
}

a.jp-play:hover {
  background: url("../images/player_icon_songs_common.gif") -35px 0 no-repeat;
}

a.jp-pause {
  background: url("../images/player_icon_songs_common.gif") -2px -56px no-repeat;
  display: none;
}

a.jp-pause:hover {
  background: url("../images/player_icon_songs_common.gif") -33px -56px no-repeat;
}

.out_date {
  margin-bottom: 20px;
  font-size: 0.9em;
  text-align: center;
}

.btn-gradient-radius {
  background-image: none;
  background-color: #3f729b;
  color: #fff;
}

.btn-gradient-radius span:last-child:before {
  left: 146px;
  height: 12px;
  border-right: 1px dotted #fefefe;
  /* ベースのCSSはstore.btnにある */
}

/*--------------------------------------------------------------------
andMoreTracks
  ----------------------------------------------------------------------*/
.andMoreTracksBox h1 {
  text-align: center;
  font-size: 1.4em;
  margin-bottom: 20px;
}

.andMoreTracks {
  width: 70%;
  margin: 0 auto 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 0.8em;
  line-height: 3;
}

.andMoreTracks li {
  padding: 0 10px;
}

/*--------------------------------------------------------------------
Lyrics
  ----------------------------------------------------------------------*/
.lyricsBox {
  width: 100%;
  text-align: center;
}

.lyrics {
  width: 160px;
  display: inline-block;
  padding: 1px 30px 0 38px;
  border-radius: 40px;
  text-decoration: none;
  color: #111;
  font-size: 1.2em;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translateY(0em);
      -ms-transform: translateY(0em);
          transform: translateY(0em);
  border: 2px #111 solid;
  margin-bottom: 100px;
}

.lyrics:after {
  font-size: 0.9em;
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  color: #111;
  vertical-align: bottom;
  padding-left: 10px;
  position: relative;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  right: 0px;
  top: -11px;
}

.lyrics:hover {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateY(-0.1em);
      -ms-transform: translateY(-0.1em);
          transform: translateY(-0.1em);
  color: #3f729b;
  border: 2px #3f729b solid;
}

.lyrics:hover:after {
  color: #3f729b;
  right: -4px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/*--------------------------------------------------------------------
music videos
----------------------------------------------------------------------*/
#music_videos {
  width: 100%;
  margin: 0 auto 100px;
  overflow: hidden;
  padding: 30px 0 80px;
  background-color: #fafafa;
}

#music_videos h3 {
  text-align: center;
  font-size: 1.4em;
  margin: 0 0 20px;
}

.music_videosBox {
  margin-top: 60px;
}

.box_movie {
  width: 80%;
  overflow: hidden;
  /* 拡大時画像はみ出さないように */
  margin: 0 auto;
  position: relative;
  text-align: center;
}

.box_movie .mv_img {
  width: 100%;
  max-width: 1000px;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-filter: brightness(1) blur(0);
          filter: brightness(1) blur(0);
}

.box_movie img:hover {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: scale(1.01);
      -ms-transform: scale(1.01);
          transform: scale(1.01);
  -webkit-filter: brightness(0.6) blur(1px);
          filter: brightness(0.6) blur(1px);
}

.box_movie:before {
  font-family: Material Icons;
  content: "\e039";
  font-size: 8em;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
}

.box_movie:hover:before {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------------
statement
----------------------------------------------------------------------*/
.statement {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 100px;
}

.statement h2, .statement p {
  width: 70%;
  margin: 0 auto;
  font-size: 0.95em;
  line-height: 2.4;
}

.statement h2 {
  font-size: 1.4em;
  border-bottom: 1px #ccc solid;
  margin: 30px auto 20px;
}

p.author {
  text-align: right;
  margin-bottom: 60px;
}

p.donationLink {
  text-align: center;
  margin: 60px auto 120px;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  font-size: 1.4em;
  width: 90%;
}

.donationLink a {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translateX(0em);
      -ms-transform: translateX(0em);
          transform: translateX(0em);
  display: inline-block;
}

.donationLink a:hover {
  color: #3f729b;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateX(0.06em);
      -ms-transform: translateX(0.06em);
          transform: translateX(0.06em);
}

.donationLink a:after {
  content: "\e89e";
  font-family: "Material Icons";
  font-weight: 900;
  font-size: 1em;
  color: #333;
  position: relative;
  top: 2px;
  right: -6px;
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.donationLink a:hover:after {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  right: -10px;
  opacity: 1;
  color: #3f729b;
}

/*--------------------------------------------------------------------
store btn
----------------------------------------------------------------------*/
.cp_fullscreenmenu {
  text-align: center;
}

.menuModal_bg > .box_menuModal > .menuCategory > .menuCategory__item {
  margin: 0 auto 50px;
}

.menuModal_bg > .box_menuModal > .menuCategory > .menuCategory__item h1 {
  color: #9cbdd7;
}

.menuModal_bg > .box_menuModal > .menuCategory > .menuCategory__item li {
  font-size: 0.95em;
}

.menuModal_bg > .box_menuModal > .menuCategory > .menuCategory__item li a {
  color: #ffffff;
}

.editFontsize {
  font-size: 1em;
  /* なぜかモバイル時にen指定の文字が大きくなるため一時的に修正 */
}

/*--------------------------------------------------------------------
crossLink
----------------------------------------------------------------------*/
.crossLink {
  margin: 0 auto;
  color: #333;
  text-align: center;
  margin: 40px auto 0px;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  font-size: 1.2em;
  width: 90%;
}

.crossLink a {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translateX(0em);
      -ms-transform: translateX(0em);
          transform: translateX(0em);
  display: inline-block;
}

.crossLink a:hover {
  color: #3f729b;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateX(0.06em);
      -ms-transform: translateX(0.06em);
          transform: translateX(0.06em);
}

.crossLink a:after {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  font-size: 1em;
  color: #333;
  position: relative;
  top: 0;
  right: -10px;
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.crossLink a:hover:after {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  right: -16px;
  opacity: 1;
  color: #3f729b;
}

.crossLink .original {
  font-size: 0.75em;
  padding-left: 10px;
}

/*--------------------------------------------------------------------
wallpaper
----------------------------------------------------------------------*/
#wallpaper {
  width: 100%;
  margin: 90px auto 0;
  overflow: hidden;
  padding: 60px 0;
  background-color: #f2f2f2;
  text-align: center;
}

#wallpaper h2 {
  font-size: 1.6em;
  margin: 0 0 60px;
}

.wallpaperBox {
  width: 70%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.wallpaperList {
  margin-bottom: 50px;
}

.wallpaperList p img {
  width: 380px;
}

.wallpaperList li {
  text-align: center;
  margin: 12px auto 0;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  font-size: 1.2em;
  width: 90%;
}

.wallpaperList li a {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translateY(0em);
      -ms-transform: translateY(0em);
          transform: translateY(0em);
  display: inline-block;
}

.wallpaperList li a:hover {
  color: #3f729b;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateY(0.06em);
      -ms-transform: translateY(0.06em);
          transform: translateY(0.06em);
}

.wallpaperList li a:after {
  content: "\e2c4";
  font-family: "Material Icons";
  font-weight: 900;
  font-size: 1em;
  color: #333;
  position: relative;
  top: 0.2em;
  right: -2px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.wallpaperList li a:hover:after {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  color: #3f729b;
  top: 0.24em;
}

/*--------------------------------------------------------------------
Cover art
----------------------------------------------------------------------*/
.categoryBox h3, .cover_art_detail h4, .cover_art_detail p {
  font-family: "EB Garamond", "リュウミン R-KL", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.categoryBox {
  width: 100%;
  padding: 0px 0 200px;
  text-align: center;
  margin-top: 90px;
}

.categoryBox_noMarginTop {
  margin-top: 0px;
}

.sortBox {
  padding: 70px 0 40px;
}

.sortBox_singles {
  padding: 10px 0 40px;
}

.bg_lightgray {
  background-color: #fafafa;
}

.bg_darkgray {
  background-color: #f2f2f2;
}

.sortBox h3 {
  font-size: 1.5em;
  text-align: center;
  margin: 0 auto 3em;
  width: 80%;
}

.cover_artBox {
  width: 960px;
  margin: 60px auto 0;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.cover_artBox li {
  width: 270px;
  height: 270px;
  background-color: #fff;
  position: relative;
  margin-left: 4%;
  margin-bottom: 60px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}
@media screen and (min-width: 960px) {
  .cover_artBox li:hover {
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

.cover_art_detailBox {
  width: 270px;
  height: 270px;
  background-color: rgba(0, 0, 0, 0.7);
  border: 0px solid rgba(255, 255, 255, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.cover_artBox li:hover .cover_art_detailBox {
  opacity: 1;
  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.1);
  border: 14px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cover_art_detail {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 190px;
  text-align: center; /*一応BOX内の文字も中央寄せ*/
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.release_name {
  text-align: center;
  font-size: 1.2em;
  color: #fff;
  width: 100%;
  margin-bottom: 18px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.cover_artBox li:hover .release_name {
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
}

.release_day {
  font-size: 1em;
  color: #ddd;
  margin-bottom: 4px;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
}

.cover_artBox li:hover .release_day {
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition-delay: 0.05s;
       -o-transition-delay: 0.05s;
          transition-delay: 0.05s;
}

.release_tracks {
  font-size: 0.7em;
  color: #ddd;
  margin-bottom: 16px;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
}

.cover_artBox li:hover .release_tracks {
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition-delay: 0.05s;
       -o-transition-delay: 0.05s;
          transition-delay: 0.05s;
}

.cover_art_more {
  color: #fff;
  padding-right: 5px;
  opacity: 0;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.cover_artBox li:hover .cover_art_more {
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition-delay: 0.15s;
       -o-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.cover_art_more:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight: 900;
  font-size: 0.8em;
  color: #fff;
  position: relative;
  top: 1px;
  left: 54px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.cover_art {
  width: 270px;
}

.new {
  font-size: 0.9em;
  color: #fefefe;
  position: absolute;
  top: -35px;
  left: 0;
  right: 0;
  margin: auto;
  border: 1px solid #b30000;
  border-radius: 3px;
  width: 52px;
  padding: 1px 0 2px 3px;
  text-align: center;
  background-color: #b30000;
}

.reset_linehight {
  line-height: 1.3;
}

.box_btnBack {
  margin-top: 0;
}

/*--------------------------------------------------------------------
Media Query
----------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
  /*--------------------------------------------------------------------
  contents -Small
  ----------------------------------------------------------------------*/
  header,
#hero,
#music_videos,
#music_stores {
    width: 100%;
  }
  /*--------------------------------------------------------------------
  Hero -Small
    ----------------------------------------------------------------------*/
  .hero h1 {
    font-size: 1.8em;
    padding-top: 140px;
  }
  /*--------------------------------------------------------------------
  music stores -Small
    ----------------------------------------------------------------------*/
  .music_store_jacket img {
    width: 70%;
  }
  .btn-gradient-radius span:last-child:before {
    left: 120px;
  }
  /*--------------------------------------------------------------------
  music videos  -small
  ----------------------------------------------------------------------*/
  .box_movie {
    width: 90%;
  }
  .box_movie:before {
    visibility: visible;
    opacity: 0.75;
    font-size: 5em;
  }
  /*--------------------------------------------------------------------
  trackList  -small
    ----------------------------------------------------------------------*/
  .trackList {
    width: 90%;
    margin: 100px auto;
  }
  .trackList p {
    font-size: 1em;
    line-height: 1.4em;
  }
  /*--------------------------------------------------------------------
  jplayer  -small
    ----------------------------------------------------------------------*/
  div.jp-audio {
    width: 75%;
    margin: 20px auto;
    padding-left: 0px;
    padding-bottom: 10px;
  }
  div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
    top: -2px;
  }
  .crossLink {
    font-size: 0.9em;
    margin: 60px auto;
  }
  /*--------------------------------------------------------------------
  andMoreTracks  -small
    ----------------------------------------------------------------------*/
  .andMoreTracks {
    width: 50%;
    margin: 0 auto 100px;
    display: block;
    font-size: 0.7em;
    line-height: 3;
  }
  .andMoreTracks li {
    padding: 0 0px 0 0px;
  }
  /*--------------------------------------------------------------------
  statement  -small
  ----------------------------------------------------------------------*/
  .statement h2, .statement p {
    width: 85%;
    font-size: 0.8em;
  }
  p.author {
    text-align: center;
  }
  p.donationLink {
    margin: 100px auto;
    margin: 40px auto 80px;
    font-size: 1.2em;
  }
  /*--------------------------------------------------------------------
  wallpaper  -small
  ----------------------------------------------------------------------*/
  .wallpaperBox {
    width: 80%;
  }
  .wallpaperList p img {
    width: 100%;
  }
  /*--------------------------------------------------------------------
  Cover art  -small
  ----------------------------------------------------------------------*/
  .cover_artBox {
    width: 95%;
  }
  .cover_artBox li {
    width: 44%;
    height: auto;
    position: relative;
    margin-bottom: 70px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
  .cover_art_detailBox {
    width: 100%;
    height: auto;
    min-height: 150px;
    background-color: rgb(255, 255, 255);
    border: 0px solid rgba(255, 255, 255, 0);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    opacity: 1;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  .cover_artBox li:hover .cover_art_detailBox {
    opacity: 1;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .cover_art_detail {
    position: absolute;
    top: 55%;
    width: 100%;
    padding: 0 10px;
  }
  .release_name {
    width: 100%;
    text-align: center;
    font-size: 13.5px;
    line-height: 1.4;
    color: #111;
    margin-bottom: 14px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
  .cover_artBox li:hover .release_name {
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
  .release_day {
    font-size: 11px;
    color: #666;
    margin-bottom: 4px;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
  .cover_artBox li:hover .release_day {
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition-delay: 0.05s;
         -o-transition-delay: 0.05s;
            transition-delay: 0.05s;
  }
  .release_tracks {
    font-size: 11px;
    color: #666;
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
  }
  .cover_artBox li:hover .release_tracks {
    -webkit-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition-delay: 0.05s;
         -o-transition-delay: 0.05s;
            transition-delay: 0.05s;
  }
  .cover_art_more {
    display: none;
  }
  .cover_art {
    width: 100%;
  }
  .new {
    font-size: 0.75em;
    top: -30px;
    width: 46px;
  }
}