@charset "UTF-8";
/*----------------------------------------------

	「Mastard Records」公式サイト
	http://www.mastardrecords.com/

----------------------------------------------*/
@media only screen and (min-width: 768px) {
  /*
	basic
----------------------------------------------*/
  html {
    font-size: 62.5%; }
  body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    background: #efefef; }
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    zoom: 1; }
  a {
    outline: none; }
  a:link,
  a:visited {
    color: #08b5e0;
    text-decoration: underline; }
  a:hover,
  a:focus,
  a:active {
    color: #9bbdc6;
    text-decoration: underline; }
  .pc_n {
    display: none; }
  .pc_b {
    display: block; }
  .pc_i {
    display: inline; }
  .sp_n {
    display: none !important; }
  .sp_b {
    display: none !important; }
  .sp_i {
    display: none !important; }
  .inner {
    width: 1020px;
    margin: 0 auto; }
  .font-os {
    font-family: 'Open Sans', sans-serif; }
  /*
	clearfix
----------------------------------------------*/
  .clearfix:after, header:after, .header-fixed:after, #slide-show #loopslider_wrap:after, #slide-show .slide-list:after, #news-detail section#news-detail-wrapper div.inner .contents:after, #discography-detail section#discography-detail-wrapper div.inner .contents:after, .artist-menu .artist-menu-list:after, #artist-top section#artist-top-wrapper .heading .inner:after, #artist-discography section#artist-discography-wrapper .artist-discography-list .category-release-list:after, #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents:after, #about section#about-wrapper div.inner ul.about-list:after, ul.news-list:after,
  ul.release-list:after, ul.news-list li .contents .date-new:after, ul.news-list li .contents .date-tag:after,
  ul.release-list li .contents .date-new:after,
  ul.release-list li .contents .date-tag:after, ul.artist-list:after, ul.video-list:after {
    display: block;
    clear: both;
    content: ""; }
  /*
    loading
----------------------------------------------*/
  #loader-bg {
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #FFF;
    z-index: 4;
    background: #dfdfdf; }
  #loader {
    width: 345px;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    color: #333;
    z-index: 5; }
  .loading-logo {
    margin: 0 0 20px 0; }
  .loading-message div {
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem; }
  .bounce01 {
    -webkit-animation: blink 1s ease-in-out infinite;
    animation: blink 1s ease-in-out infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
  .bounce02 {
    -webkit-animation: blink 1s ease-in-out infinite;
    animation: blink 1s ease-in-out infinite;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s; }
  .bounce03 {
    -webkit-animation: blink 1s ease-in-out infinite;
    animation: blink 1s ease-in-out infinite;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
  .bounce04 {
    -webkit-animation: blink 1s ease-in-out infinite;
    animation: blink 1s ease-in-out infinite;
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s; }
  .bounce05 {
    -webkit-animation: blink 1s ease-in-out infinite;
    animation: blink 1s ease-in-out infinite;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; }
  .bounce06 {
    -webkit-animation: blink 1s ease-in-out infinite;
    animation: blink 1s ease-in-out infinite;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s; }
  .bounce07 {
    -webkit-animation: blink 1s ease-in-out infinite;
    animation: blink 1s ease-in-out infinite;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s; }
  @-webkit-keyframes blink {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes blink {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  /*
	header
----------------------------------------------*/
  header {
    min-width: 1020px;
    margin: 0 auto 0 auto; }
    header .logo {
      width: 280px;
      height: 100px;
      float: left;
      display: table; }
      header .logo h1 {
        display: table-cell;
        vertical-align: middle; }
        header .logo h1 img {
          width: 280px; }
    header .header-menu ul.header-menu-list {
      margin: 0 0 0 0;
      line-height: 100px;
      float: right;
      display: table; }
      header .header-menu ul.header-menu-list li.header-menu-item {
        width: auto;
        float: left;
        display: table-cell;
        vertical-align: middle; }
        header .header-menu ul.header-menu-list li.header-menu-item a.header-menu-anchor {
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: bold;
          color: #000;
          text-decoration: none;
          letter-spacing: 2px;
          position: relative; }
          header .header-menu ul.header-menu-list li.header-menu-item a.header-menu-anchor:after {
            content: "";
            width: 0;
            max-width: 100%;
            height: 3px;
            margin: 0 auto;
            background: #ffcc00;
            position: absolute;
            right: 0;
            bottom: -5px;
            left: 0;
            -webkit-transition: 0.3s;
            transition: 0.3s; }
          header .header-menu ul.header-menu-list li.header-menu-item a.header-menu-anchor:hover:after {
            width: 100%; }
        header .header-menu ul.header-menu-list li.header-menu-item:nth-child(6) {
          position: relative; }
          header .header-menu ul.header-menu-list li.header-menu-item:nth-child(6):hover ul.drop-down-menu {
            display: block; }
          header .header-menu ul.header-menu-list li.header-menu-item:nth-child(6) ul.drop-down-menu {
            width: 190px;
            padding: 10px 15px;
            position: absolute;
            bottom: -75px;
            left: -140px;
            line-height: normal;
            background: #000;
            display: none;
            z-index: 1; }
            header .header-menu ul.header-menu-list li.header-menu-item:nth-child(6) ul.drop-down-menu:before {
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 5px 12px 5px;
              border-color: transparent transparent #000 transparent;
              position: absolute;
              top: -12px;
              right: 18px; }
            header .header-menu ul.header-menu-list li.header-menu-item:nth-child(6) ul.drop-down-menu li {
              margin: 0 0 0 0; }
              header .header-menu ul.header-menu-list li.header-menu-item:nth-child(6) ul.drop-down-menu li a {
                font-size: 13px;
                font-size: 1.3rem;
                font-weight: bold;
                color: #FFF;
                text-decoration: none; }
              header .header-menu ul.header-menu-list li.header-menu-item:nth-child(6) ul.drop-down-menu li:hover a {
                color: #ffcc00; }
            header .header-menu ul.header-menu-list li.header-menu-item:nth-child(6) ul.drop-down-menu li + li {
              margin: 10px 0 0 0; }
      header .header-menu ul.header-menu-list li.header-menu-item + li.header-menu-item {
        margin: 0 0 0 25px; }
      header .header-menu ul.header-menu-list .current:after {
        width: 100% !important; }
  /*
	header-fixed
----------------------------------------------*/
  .header-fixed {
    width: 100%;
    min-width: 1020px;
    margin: 0 auto 0 auto;
    background: #ffcc00;
    position: fixed;
    top: -62px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 1; }
    .header-fixed .logo {
      width: 280px;
      height: 60px;
      float: left;
      display: table; }
      .header-fixed .logo h1 {
        display: table-cell;
        vertical-align: middle; }
        .header-fixed .logo h1 img {
          width: 280px; }
    .header-fixed .header-menu-fixed ul.header-menu-list {
      margin: 0 0 0 0;
      line-height: 60px;
      float: right;
      display: table; }
      .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item {
        width: auto;
        float: left;
        display: table-cell;
        vertical-align: middle; }
        .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item a.header-menu-anchor {
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: bold;
          color: #000;
          text-decoration: none;
          letter-spacing: 2px;
          position: relative; }
          .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item a.header-menu-anchor:after {
            content: "";
            width: 0;
            max-width: 100%;
            height: 3px;
            margin: 0 auto;
            background: #623c22;
            position: absolute;
            right: 0;
            bottom: -5px;
            left: 0;
            -webkit-transition: 0.3s;
            transition: 0.3s; }
          .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item a.header-menu-anchor:hover:after {
            width: 100%; }
        .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item:nth-child(6) {
          position: relative; }
          .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item:nth-child(6):hover ul.drop-down-menu {
            display: block; }
          .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item:nth-child(6) ul.drop-down-menu {
            width: 190px;
            padding: 10px 15px;
            position: absolute;
            bottom: -95px;
            left: -140px;
            line-height: normal;
            background: #000;
            display: none;
            z-index: 1; }
            .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item:nth-child(6) ul.drop-down-menu:before {
              content: "";
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 0 5px 12px 5px;
              border-color: transparent transparent #000 transparent;
              position: absolute;
              top: -12px;
              right: 18px; }
            .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item:nth-child(6) ul.drop-down-menu li {
              margin: 0 0 0 0; }
              .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item:nth-child(6) ul.drop-down-menu li a {
                font-size: 13px;
                font-size: 1.3rem;
                font-weight: bold;
                color: #FFF;
                text-decoration: none; }
              .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item:nth-child(6) ul.drop-down-menu li:hover a {
                color: #ffcc00; }
            .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item:nth-child(6) ul.drop-down-menu li + li {
              margin: 10px 0 0 0; }
      .header-fixed .header-menu-fixed ul.header-menu-list li.header-menu-item + li.header-menu-item {
        margin: 0 0 0 25px; }
      .header-fixed .header-menu-fixed ul.header-menu-list .current:after {
        width: 100% !important; }
  /*
	slide-show
----------------------------------------------*/
  #slide-show {
    margin: 0 auto 0 auto;
    padding: 140px 0 80px 0;
    position: relative;
    overflow: hidden; }
    #slide-show .slide-list {
      margin: 0 auto;
      display: inline;
      overflow: hidden;
      float: left; }
      #slide-show .slide-list li {
        margin: 0 10px;
        float: left;
        overflow: hidden;
        display: table;
        background: #FFF; }
        #slide-show .slide-list li:last-child {
          margin: 0 0 0 10px; }
        #slide-show .slide-list li a {
          vertical-align: middle;
          display: table-cell; }
          #slide-show .slide-list li a img {
            transition: 0.5s; }
        #slide-show .slide-list li:hover a img {
          opacity: 0.7; }
  /*
	top-news
----------------------------------------------*/
  #top-news {
    padding: 60px 0 60px 0;
    position: relative; }
    #top-news h2 {
      width: 236px;
      margin: 0 auto 47.5px auto;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      color: #666666;
      letter-spacing: 3px;
      text-align: center;
      border-bottom: 1px solid #999999; }
      #top-news h2 span {
        padding: 0 20px;
        position: relative;
        top: 7.5px;
        background: #efefef; }
  /*
	top-discography
----------------------------------------------*/
  #top-discography {
    padding: 60px 0 60px 0;
    position: relative;
    background: #dfdfdf; }
    #top-discography h2 {
      width: 280px;
      margin: 0 auto 47.5px auto;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      color: #666666;
      letter-spacing: 3px;
      text-align: center;
      border-bottom: 1px solid #999999; }
      #top-discography h2 span {
        padding: 0 20px;
        position: relative;
        top: 7.5px;
        background: #dfdfdf; }
  /*
	top-video
----------------------------------------------*/
  #top-video {
    padding: 60px 0 60px 0;
    position: relative; }
    #top-video h2 {
      width: 260px;
      margin: 0 auto 47.5px auto;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: bold;
      color: #666666;
      letter-spacing: 3px;
      text-align: center;
      border-bottom: 1px solid #999999; }
      #top-video h2 span {
        padding: 0 20px;
        position: relative;
        top: 7.5px;
        background: #efefef; }
  /*
	news&release&artist
----------------------------------------------*/
  #news, #release, #artist, #video {
    position: relative; }
    #news section#news-wrapper,
    #news section#release-wrapper,
    #news section#artist-wrapper,
    #news section#video-wrapper, #release section#news-wrapper,
    #release section#release-wrapper,
    #release section#artist-wrapper,
    #release section#video-wrapper, #artist section#news-wrapper,
    #artist section#release-wrapper,
    #artist section#artist-wrapper,
    #artist section#video-wrapper, #video section#news-wrapper,
    #video section#release-wrapper,
    #video section#artist-wrapper,
    #video section#video-wrapper {
      padding: 0 0 35px 0; }
      #news section#news-wrapper .heading,
      #news section#release-wrapper .heading,
      #news section#artist-wrapper .heading,
      #news section#video-wrapper .heading, #release section#news-wrapper .heading,
      #release section#release-wrapper .heading,
      #release section#artist-wrapper .heading,
      #release section#video-wrapper .heading, #artist section#news-wrapper .heading,
      #artist section#release-wrapper .heading,
      #artist section#artist-wrapper .heading,
      #artist section#video-wrapper .heading, #video section#news-wrapper .heading,
      #video section#release-wrapper .heading,
      #video section#artist-wrapper .heading,
      #video section#video-wrapper .heading {
        height: 140px;
        margin: 0 0 60px 0;
        background-color: #ffcc00;
        position: relative; }
        #news section#news-wrapper .heading h2,
        #news section#release-wrapper .heading h2,
        #news section#artist-wrapper .heading h2,
        #news section#video-wrapper .heading h2, #release section#news-wrapper .heading h2,
        #release section#release-wrapper .heading h2,
        #release section#artist-wrapper .heading h2,
        #release section#video-wrapper .heading h2, #artist section#news-wrapper .heading h2,
        #artist section#release-wrapper .heading h2,
        #artist section#artist-wrapper .heading h2,
        #artist section#video-wrapper .heading h2, #video section#news-wrapper .heading h2,
        #video section#release-wrapper .heading h2,
        #video section#artist-wrapper .heading h2,
        #video section#video-wrapper .heading h2 {
          width: 240px;
          margin: 0 auto 0 auto;
          font-size: 22px;
          font-size: 2.2rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 43%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #news section#news-wrapper .heading h2 span,
          #news section#release-wrapper .heading h2 span,
          #news section#artist-wrapper .heading h2 span,
          #news section#video-wrapper .heading h2 span, #release section#news-wrapper .heading h2 span,
          #release section#release-wrapper .heading h2 span,
          #release section#artist-wrapper .heading h2 span,
          #release section#video-wrapper .heading h2 span, #artist section#news-wrapper .heading h2 span,
          #artist section#release-wrapper .heading h2 span,
          #artist section#artist-wrapper .heading h2 span,
          #artist section#video-wrapper .heading h2 span, #video section#news-wrapper .heading h2 span,
          #video section#release-wrapper .heading h2 span,
          #video section#artist-wrapper .heading h2 span,
          #video section#video-wrapper .heading h2 span {
            padding: 0 20px;
            position: relative;
            top: 7.5px;
            background: #ffcc00; }
      #news section#news-wrapper .breadcrumbs,
      #news section#release-wrapper .breadcrumbs,
      #news section#artist-wrapper .breadcrumbs,
      #news section#video-wrapper .breadcrumbs, #release section#news-wrapper .breadcrumbs,
      #release section#release-wrapper .breadcrumbs,
      #release section#artist-wrapper .breadcrumbs,
      #release section#video-wrapper .breadcrumbs, #artist section#news-wrapper .breadcrumbs,
      #artist section#release-wrapper .breadcrumbs,
      #artist section#artist-wrapper .breadcrumbs,
      #artist section#video-wrapper .breadcrumbs, #video section#news-wrapper .breadcrumbs,
      #video section#release-wrapper .breadcrumbs,
      #video section#artist-wrapper .breadcrumbs,
      #video section#video-wrapper .breadcrumbs {
        margin: 80px 0 0 0; }
      #news section#news-wrapper .pagenation,
      #news section#release-wrapper .pagenation,
      #news section#artist-wrapper .pagenation,
      #news section#video-wrapper .pagenation, #release section#news-wrapper .pagenation,
      #release section#release-wrapper .pagenation,
      #release section#artist-wrapper .pagenation,
      #release section#video-wrapper .pagenation, #artist section#news-wrapper .pagenation,
      #artist section#release-wrapper .pagenation,
      #artist section#artist-wrapper .pagenation,
      #artist section#video-wrapper .pagenation, #video section#news-wrapper .pagenation,
      #video section#release-wrapper .pagenation,
      #video section#artist-wrapper .pagenation,
      #video section#video-wrapper .pagenation {
        text-align: center;
        margin: 40px 0 0 0; }
  #release section#release-wrapper .heading h2 {
    width: 270px; }
  /*
	news-detail
----------------------------------------------*/
  #news-detail {
    position: relative; }
    #news-detail section#news-detail-wrapper {
      padding: 0 0 35px 0; }
      #news-detail section#news-detail-wrapper .heading {
        height: 140px;
        margin: 0 0 60px 0;
        background-color: #ffcc00;
        position: relative; }
        #news-detail section#news-detail-wrapper .heading h2 {
          width: 240px;
          margin: 0 auto 0 auto;
          font-size: 22px;
          font-size: 2.2rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 43%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #news-detail section#news-detail-wrapper .heading h2 span {
            padding: 0 20px;
            position: relative;
            top: 7.5px;
            background: #ffcc00; }
      #news-detail section#news-detail-wrapper div.inner .contents {
        margin: 0 0 0 0; }
        #news-detail section#news-detail-wrapper div.inner .contents .detail {
          width: 589px;
          float: left; }
          #news-detail section#news-detail-wrapper div.inner .contents .detail article {
            padding: 0 0 0 0; }
            #news-detail section#news-detail-wrapper div.inner .contents .detail article p.date {
              margin: 0 0 15px 0;
              font-size: 16px;
              font-size: 1.6rem; }
            #news-detail section#news-detail-wrapper div.inner .contents .detail article h3.title {
              margin: 0 0 25px 0;
              font-size: 26px;
              font-size: 2.6rem;
              line-height: 36px; }
            #news-detail section#news-detail-wrapper div.inner .contents .detail article figure.thumbnail {
              margin: 0 0 55px 0;
              text-align: center; }
            #news-detail section#news-detail-wrapper div.inner .contents .detail article div.sentence {
              margin: 0 0 10px 0;
              font-size: 14px;
              font-size: 1.4rem;
              line-height: 25px; }
              #news-detail section#news-detail-wrapper div.inner .contents .detail article div.sentence iframe {
                width: 100%;
                height: 331px !important; }
              #news-detail section#news-detail-wrapper div.inner .contents .detail article div.sentence strong {
                font-weight: bold; }
            #news-detail section#news-detail-wrapper div.inner .contents .detail article ul.sns-share {
              margin: 40px 0 0 0;
              text-align: left; }
              #news-detail section#news-detail-wrapper div.inner .contents .detail article ul.sns-share li {
                display: inline-block;
                ackground-color: #FFF;
                border-radius: 50%; }
                #news-detail section#news-detail-wrapper div.inner .contents .detail article ul.sns-share li img {
                  -webkit-transition: 0.3s;
                  transition: 0.3s; }
                #news-detail section#news-detail-wrapper div.inner .contents .detail article ul.sns-share li:hover img {
                  opacity: 0.6; }
              #news-detail section#news-detail-wrapper div.inner .contents .detail article ul.sns-share li + li {
                margin: 0 0 0 5px; }
        #news-detail section#news-detail-wrapper div.inner .contents .thumbnail {
          width: 381px;
          margin: 30px 0 0 0;
          text-align: center;
          float: right; }
          #news-detail section#news-detail-wrapper div.inner .contents .thumbnail img {
            width: 100%;
            height: auto; }
      #news-detail section#news-detail-wrapper div.inner .pagenation {
        margin: 40px 0 80px 0;
        text-align: center; }
  /*
	discography-detail
----------------------------------------------*/
  #discography-detail {
    position: relative; }
    #discography-detail section#discography-detail-wrapper {
      padding: 0 0 35px 0; }
      #discography-detail section#discography-detail-wrapper .heading {
        height: 140px;
        margin: 0 0 60px 0;
        background-color: #ffcc00;
        position: relative; }
        #discography-detail section#discography-detail-wrapper .heading .name {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #discography-detail section#discography-detail-wrapper .heading .name h2 {
            margin: 0 auto 20px auto;
            font-size: 26px;
            font-size: 2.6rem;
            letter-spacing: 3px;
            text-align: center; }
            #discography-detail section#discography-detail-wrapper .heading .name h2 span {
              padding: 0 20px;
              position: relative;
              top: 7.5px;
              background: #ffcc00; }
          #discography-detail section#discography-detail-wrapper .heading .name p {
            margin: 0 auto 0 auto;
            font-size: 14px;
            font-size: 1.4rem;
            text-align: center; }
      #discography-detail section#discography-detail-wrapper div.inner h3 {
        width: 280px;
        margin: 50px auto 47.5px auto;
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        color: #666666;
        letter-spacing: 3px;
        text-align: center;
        border-bottom: 1px solid #999999; }
        #discography-detail section#discography-detail-wrapper div.inner h3 span {
          padding: 0 20px;
          position: relative;
          top: 7.5px;
          background: #efefef; }
      #discography-detail section#discography-detail-wrapper div.inner .contents {
        margin: 0 0 60px 0; }
        #discography-detail section#discography-detail-wrapper div.inner .contents .detail {
          width: 589px;
          float: right; }
          #discography-detail section#discography-detail-wrapper div.inner .contents .detail article {
            padding: 0 0 0 0; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .detail article p.date {
              margin: 0 20px 20px 0;
              font-size: 14px;
              font-size: 1.4rem;
              display: inline-block; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .detail article p.tag {
              margin: 0 5px 0 0;
              padding: 5px 20px;
              font-size: 11px;
              font-size: 1.1rem;
              font-weight: bold;
              color: #FFF;
              background: #623c22;
              border-radius: 100px;
              display: inline-block;
              position: relative;
              top: -1px; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .detail article p.hmv-lawson {
              padding: 5px 20px;
              font-size: 11px;
              font-size: 1.1rem;
              font-weight: bold;
              color: #FFF;
              background: #ff0042;
              border-radius: 100px;
              display: inline-block;
              position: relative;
              top: -1px; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .detail article h4.title {
              margin: 0 0 15px 0;
              font-size: 26px;
              font-size: 2.6rem;
              line-height: 36px;
              color: #623c22; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .detail article p.model-price {
              margin: 0 0 40px 0;
              font-size: 14px;
              font-size: 1.4rem; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .detail article div.sentence {
              margin: 0 0 10px 0;
              font-size: 14px;
              font-size: 1.4rem;
              line-height: 25px; }
              #discography-detail section#discography-detail-wrapper div.inner .contents .detail article div.sentence iframe {
                width: 100%;
                height: 331px !important; }
              #discography-detail section#discography-detail-wrapper div.inner .contents .detail article div.sentence strong {
                font-weight: bold; }
        #discography-detail section#discography-detail-wrapper div.inner .contents .thumbnail-button {
          width: 400px;
          margin: 0 0 0 0;
          text-align: center;
          float: left; }
          #discography-detail section#discography-detail-wrapper div.inner .contents .thumbnail-button .thumbnail {
            width: 400px;
            margin: 0 0 30px 0; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .thumbnail-button .thumbnail img {
              width: 100%;
              height: auto; }
          #discography-detail section#discography-detail-wrapper div.inner .contents .thumbnail-button .button {
            width: 400px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            background: #FFF;
            border: 1px solid #666666;
            border-radius: 25px;
            -webkit-transition: 0.3s;
            transition: 0.3s; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .thumbnail-button .button a {
              font-size: 15px;
              font-size: 1.5rem;
              color: #666666;
              text-decoration: none;
              -webkit-transition: 0.3s;
              transition: 0.3s;
              display: block;
              border-radius: 25px; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .thumbnail-button .button:hover {
              background: #666666; }
              #discography-detail section#discography-detail-wrapper div.inner .contents .thumbnail-button .button:hover a {
                color: #FFF; }
          #discography-detail section#discography-detail-wrapper div.inner .contents .thumbnail-button .button + .button {
            margin: 20px 0 0 0; }
      #discography-detail section#discography-detail-wrapper div.inner .pagenation {
        margin: 40px 0 80px 0;
        text-align: center; }
  /*
	artist-menu
----------------------------------------------*/
  .artist-menu {
    position: relative; }
    .artist-menu .artist-menu-list {
      width: 1020px;
      height: 50px;
      line-height: 50px;
      margin: 0 auto;
      padding: 0 125px 0 135px;
      background: #FFF;
      border-radius: 25px; }
      .artist-menu .artist-menu-list li {
        float: left;
        text-align: center; }
        .artist-menu .artist-menu-list li a {
          font-size: 16px;
          font-size: 1.6rem;
          text-decoration: none;
          color: #000;
          position: relative;
          letter-spacing: 1px; }
          .artist-menu .artist-menu-list li a:before {
            content: "";
            width: 0;
            height: 3px;
            margin: 0 auto;
            background: #ffcc00;
            position: absolute;
            right: 0;
            bottom: -14px;
            left: 0;
            -webkit-transition: 0.3s;
            transition: 0.3s; }
          .artist-menu .artist-menu-list li a:hover:before {
            width: 100%; }
        .artist-menu .artist-menu-list li:nth-child(1) {
          width: 35px; }
        .artist-menu .artist-menu-list li:nth-child(2) {
          width: 47px;
          margin: 0 0 0 120px; }
        .artist-menu .artist-menu-list li:nth-child(3) {
          width: 105px;
          margin: 0 0 0 120px; }
        .artist-menu .artist-menu-list li:nth-child(4) {
          width: 55px;
          margin: 0 0 0 108px; }
        .artist-menu .artist-menu-list li:nth-child(5) {
          width: 60px;
          margin: 0 0 0 110px; }
  /*
	artist-top
----------------------------------------------*/
  #artist-top {
    position: relative; }
    #artist-top section#artist-top-wrapper {
      padding: 0 0 35px 0; }
      #artist-top section#artist-top-wrapper .heading {
        margin: 0 0 30px 0; }
        #artist-top section#artist-top-wrapper .heading .inner div.artist-name {
          width: 440px;
          height: 380px;
          background: #ffcc00;
          float: left;
          position: relative; }
          #artist-top section#artist-top-wrapper .heading .inner div.artist-name .name {
            padding: 0 20px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            left: 0;
            text-align: center; }
            #artist-top section#artist-top-wrapper .heading .inner div.artist-name .name h2 {
              margin: 0 0 10px 0;
              font-size: 28px;
              font-size: 2.8rem;
              line-height: 34px; }
            #artist-top section#artist-top-wrapper .heading .inner div.artist-name .name p {
              font-size: 14px;
              font-size: 1.4rem; }
        #artist-top section#artist-top-wrapper .heading .inner figure.artist-image {
          width: 580px;
          height: 380px;
          float: right;
          background: #FFF;
          position: relative; }
          #artist-top section#artist-top-wrapper .heading .inner figure.artist-image img {
            margin: 0 auto;
            max-width: 100%;
            height: auto;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            left: 0; }
      #artist-top section#artist-top-wrapper .case-no {
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        color: #333; }
  /*
	artist-news
----------------------------------------------*/
  #artist-news {
    position: relative; }
    #artist-news section#artist-news-wrapper {
      padding: 0 0 35px 0; }
      #artist-news section#artist-news-wrapper .heading {
        height: 140px;
        margin: 0 0 60px 0;
        background-color: #ffcc00;
        position: relative; }
        #artist-news section#artist-news-wrapper .heading .name {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #artist-news section#artist-news-wrapper .heading .name h2 {
            margin: 0 auto 20px auto;
            font-size: 26px;
            font-size: 2.6rem;
            letter-spacing: 3px;
            text-align: center; }
            #artist-news section#artist-news-wrapper .heading .name h2 span {
              padding: 0 20px;
              position: relative;
              top: 7.5px;
              background: #ffcc00; }
          #artist-news section#artist-news-wrapper .heading .name p {
            margin: 0 auto 0 auto;
            font-size: 14px;
            font-size: 1.4rem;
            text-align: center; }
      #artist-news section#artist-news-wrapper .artist-news-list {
        padding: 60px 0 60px 0;
        position: relative; }
        #artist-news section#artist-news-wrapper .artist-news-list h3 {
          width: 280px;
          margin: 0 auto 47.5px auto;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999; }
          #artist-news section#artist-news-wrapper .artist-news-list h3 span {
            padding: 0 20px;
            position: relative;
            top: 7.5px;
            background: #efefef; }
      #artist-news section#artist-news-wrapper .pagenation {
        text-align: center;
        margin: 40px 0 0 0; }
  /*
	artist-discography
----------------------------------------------*/
  #artist-discography {
    position: relative; }
    #artist-discography section#artist-discography-wrapper {
      padding: 0 0 35px 0; }
      #artist-discography section#artist-discography-wrapper .heading {
        height: 140px;
        margin: 0 0 60px 0;
        background-color: #ffcc00;
        position: relative; }
        #artist-discography section#artist-discography-wrapper .heading .name {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #artist-discography section#artist-discography-wrapper .heading .name h2 {
            margin: 0 auto 20px auto;
            font-size: 26px;
            font-size: 2.6rem;
            letter-spacing: 3px;
            text-align: center; }
            #artist-discography section#artist-discography-wrapper .heading .name h2 span {
              padding: 0 20px;
              position: relative;
              top: 7.5px;
              background: #ffcc00; }
          #artist-discography section#artist-discography-wrapper .heading .name p {
            margin: 0 auto 0 auto;
            font-size: 14px;
            font-size: 1.4rem;
            text-align: center; }
      #artist-discography section#artist-discography-wrapper .artist-discography-list {
        padding: 60px 0 60px 0;
        position: relative; }
        #artist-discography section#artist-discography-wrapper .artist-discography-list h3 {
          width: 280px;
          margin: 0 auto 47.5px auto;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999; }
          #artist-discography section#artist-discography-wrapper .artist-discography-list h3 span {
            padding: 0 20px;
            position: relative;
            top: 7.5px;
            background: #efefef; }
        #artist-discography section#artist-discography-wrapper .artist-discography-list .category-release-list {
          margin: 0 0 40px 0; }
          #artist-discography section#artist-discography-wrapper .artist-discography-list .category-release-list li {
            float: left;
            position: relative; }
            #artist-discography section#artist-discography-wrapper .artist-discography-list .category-release-list li a {
              font-size: 14px;
              font-size: 1.4rem;
              color: #000;
              text-decoration: none;
              letter-spacing: 2px; }
            #artist-discography section#artist-discography-wrapper .artist-discography-list .category-release-list li:hover a {
              text-decoration: underline; }
          #artist-discography section#artist-discography-wrapper .artist-discography-list .category-release-list li + li {
            margin: 0 0 0 40px; }
            #artist-discography section#artist-discography-wrapper .artist-discography-list .category-release-list li + li:before {
              content: "|";
              font-size: 14px;
              font-size: 1.4rem;
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
              left: -25px; }
        #artist-discography section#artist-discography-wrapper .artist-discography-list #single, #artist-discography section#artist-discography-wrapper .artist-discography-list #album, #artist-discography section#artist-discography-wrapper .artist-discography-list #bluray-dvd {
          display: none; }
        #artist-discography section#artist-discography-wrapper .artist-discography-list .pagenation {
          margin: 40px 0 0 0;
          text-align: center; }
  /*
	artist-video
----------------------------------------------*/
  #artist-video {
    position: relative; }
    #artist-video section#artist-video-wrapper {
      padding: 0 0 35px 0; }
      #artist-video section#artist-video-wrapper .heading {
        height: 140px;
        margin: 0 0 60px 0;
        background-color: #ffcc00;
        position: relative; }
        #artist-video section#artist-video-wrapper .heading .name {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #artist-video section#artist-video-wrapper .heading .name h2 {
            margin: 0 auto 20px auto;
            font-size: 26px;
            font-size: 2.6rem;
            letter-spacing: 3px;
            text-align: center; }
            #artist-video section#artist-video-wrapper .heading .name h2 span {
              padding: 0 20px;
              position: relative;
              top: 7.5px;
              background: #ffcc00; }
          #artist-video section#artist-video-wrapper .heading .name p {
            margin: 0 auto 0 auto;
            font-size: 14px;
            font-size: 1.4rem;
            text-align: center; }
      #artist-video section#artist-video-wrapper .artist-video-list {
        padding: 60px 0 60px 0;
        position: relative; }
        #artist-video section#artist-video-wrapper .artist-video-list h3 {
          width: 280px;
          margin: 0 auto 47.5px auto;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999; }
          #artist-video section#artist-video-wrapper .artist-video-list h3 span {
            padding: 0 20px;
            position: relative;
            top: 7.5px;
            background: #efefef; }
      #artist-video section#artist-video-wrapper .pagenation {
        text-align: center;
        margin: 40px 0 0 0; }
  /*
	artist-profile
----------------------------------------------*/
  #artist-profile {
    position: relative; }
    #artist-profile section#artist-profile-wrapper {
      padding: 0 0 35px 0; }
      #artist-profile section#artist-profile-wrapper .heading {
        height: 140px;
        margin: 0 0 60px 0;
        background-color: #ffcc00;
        position: relative; }
        #artist-profile section#artist-profile-wrapper .heading .name {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #artist-profile section#artist-profile-wrapper .heading .name h2 {
            margin: 0 auto 20px auto;
            font-size: 26px;
            font-size: 2.6rem;
            letter-spacing: 3px;
            text-align: center; }
            #artist-profile section#artist-profile-wrapper .heading .name h2 span {
              padding: 0 20px;
              position: relative;
              top: 7.5px;
              background: #ffcc00; }
          #artist-profile section#artist-profile-wrapper .heading .name p {
            margin: 0 auto 0 auto;
            font-size: 14px;
            font-size: 1.4rem;
            text-align: center; }
      #artist-profile section#artist-profile-wrapper .artist-profile-contents {
        padding: 60px 0 60px 0;
        position: relative; }
        #artist-profile section#artist-profile-wrapper .artist-profile-contents h3 {
          width: 280px;
          margin: 0 auto 47.5px auto;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          font-feature-settings: "liga" 0; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents h3 span {
            padding: 0 20px;
            position: relative;
            top: 7.5px;
            background: #efefef; }
        #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .image {
          width: 400px;
          float: left;
          text-align: center; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .image img {
            max-width: 100%;
            height: auto; }
        #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail {
          width: 571px;
          float: right; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .name {
            margin: 0 0 25px 0;
            font-size: 28px;
            font-size: 2.8rem; }
            #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .name span {
              margin: 0 0 0 5px;
              font-size: 14px;
              font-size: 1.4rem;
              position: relative;
              top: -5px;
              letter-spacing: 1px; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .content {
            margin: 0 0 25px 0;
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 30px; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .official_site {
            margin: 0 0 15px 0; }
            #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .official_site span {
              width: 86px;
              margin: 0 10px 0 0;
              padding: 6px 0;
              font-size: 11px;
              font-size: 1.1rem;
              color: #FFF;
              background: #623c22;
              border-radius: 20px;
              text-align: center;
              display: inline-block; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .blog {
            margin: 0 0 15px 0; }
            #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .blog span {
              width: 86px;
              margin: 0 10px 0 0;
              padding: 6px 0;
              font-size: 11px;
              font-size: 1.1rem;
              color: #FFF;
              background: #ddc392;
              border-radius: 20px;
              text-align: center;
              display: inline-block; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .twitter {
            margin: 0 0 15px 0; }
            #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .twitter span {
              width: 86px;
              margin: 0 10px 0 0;
              padding: 6px 0;
              font-size: 11px;
              font-size: 1.1rem;
              color: #FFF;
              background: #2e9dd7;
              border-radius: 20px;
              text-align: center;
              display: inline-block; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .facebook span {
            width: 86px;
            margin: 0 10px 0 0;
            padding: 6px 0;
            font-size: 11px;
            font-size: 1.1rem;
            color: #FFF;
            background: #0c22a5;
            border-radius: 20px;
            text-align: center;
            display: inline-block; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .official_site a,
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .blog a,
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .twitter a,
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .facebook a {
            font-size: 14px;
            font-size: 1.4rem;
            color: #000;
            text-decoration: none; }
            #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .official_site a:hover,
            #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .blog a:hover,
            #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .twitter a:hover,
            #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .facebook a:hover {
              text-decoration: underline; }
  /*
	shopping
----------------------------------------------*/
  #shopping {
    position: relative; }
    #shopping section#shopping-wrapper {
      padding: 0 0 35px 0; }
      #shopping section#shopping-wrapper .heading {
        height: 140px;
        margin: 0 0 60px 0;
        background-color: #ffcc00;
        position: relative; }
        #shopping section#shopping-wrapper .heading h2 {
          width: 260px;
          margin: 0 auto 47.5px auto;
          font-size: 22px;
          font-size: 2.2rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 43%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #shopping section#shopping-wrapper .heading h2 span {
            padding: 0 20px;
            position: relative;
            top: 7.5px;
            background: #ffcc00; }
      #shopping section#shopping-wrapper div.inner p.outline {
        margin: 0 0 55px 0;
        font-size: 30px;
        font-size: 3.0rem;
        line-height: 45px;
        text-align: center; }
      #shopping section#shopping-wrapper div.inner ul.shopping-list {
        margin: 0 0 60px 0; }
        #shopping section#shopping-wrapper div.inner ul.shopping-list li {
          width: 848px;
          margin: 0 auto; }
          #shopping section#shopping-wrapper div.inner ul.shopping-list li dl {
            width: 100%;
            display: table; }
            #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dt {
              width: 70px;
              font-size: 36px;
              font-size: 3.6rem;
              display: table-cell;
              text-align: center;
              vertical-align: middle;
              background: #FFF;
              border: 1px solid #d9d9d9;
              border-radius: 20px 0 0 20px; }
            #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd {
              padding: 25px 20px;
              display: table-cell;
              vertical-align: middle;
              background: #FFF;
              border-top: 1px solid #d9d9d9;
              border-right: 1px solid #d9d9d9;
              border-bottom: 1px solid #d9d9d9;
              border-radius: 0 20px 20px 0; }
              #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .heading {
                height: auto;
                margin: 0 0 20px 0;
                padding: 0 0 0 0;
                font-size: 20px;
                font-size: 2.0rem;
                color: #623c22;
                background-color: transparent;
                line-height: 29px; }
                #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .heading span.bg-yellow {
                  margin: 0 5px 0 0;
                  padding: 3px 5px;
                  font-size: 14px;
                  font-size: 1.4rem;
                  color: #FFF;
                  background: #f9c73e;
                  position: relative;
                  top: -2px; }
              #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .detail p.paragraph {
                padding: 0 0 0 0;
                font-size: 14px;
                font-size: 1.4rem;
                line-height: 22px; }
                #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .detail p.paragraph span.hmv,
                #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .detail p.paragraph span.amazon {
                  margin: 0 0 0 10px;
                  display: inline-block;
                  vertical-align: middle;
                  line-height: 0;
                  -webkit-transition: 0.3s;
                  transition: 0.3s; }
                  #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .detail p.paragraph span.hmv:hover,
                  #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .detail p.paragraph span.amazon:hover {
                    opacity: 0.7; }
              #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .detail p.paragraph + p.paragraph {
                margin: 20px 0 0 0; }
        #shopping section#shopping-wrapper div.inner ul.shopping-list li + li {
          margin: 30px auto 0 auto; }
  /*
	about
----------------------------------------------*/
  #about {
    position: relative; }
    #about section#about-wrapper {
      padding: 0 0 35px 0; }
      #about section#about-wrapper .heading {
        height: 140px;
        margin: 0 0 60px 0;
        background-color: #ffcc00;
        position: relative; }
        #about section#about-wrapper .heading h2 {
          width: 260px;
          margin: 0 auto 47.5px auto;
          font-size: 22px;
          font-size: 2.2rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 43%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #about section#about-wrapper .heading h2 span {
            padding: 0 20px;
            position: relative;
            top: 7.5px;
            background: #ffcc00; }
      #about section#about-wrapper div.inner p.catch {
        margin: 0 0 45px 0;
        font-size: 30px;
        font-size: 3.0rem;
        line-height: 45px;
        text-align: center; }
      #about section#about-wrapper div.inner p.outline {
        margin: 0 0 45px 0;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        text-align: center; }
      #about section#about-wrapper div.inner ul.about-list {
        margin: 0 0 60px 0; }
        #about section#about-wrapper div.inner ul.about-list li {
          width: 320px;
          height: 300px;
          margin: 0 auto;
          border: 1px solid #d9d9d9;
          border-radius: 30px;
          background: #FFF;
          float: left;
          position: relative;
          -webkit-transition: 0.3s;
          transition: 0.3s; }
          #about section#about-wrapper div.inner ul.about-list li:hover {
            background: #f7f7f7; }
          #about section#about-wrapper div.inner ul.about-list li a {
            width: 320px;
            height: 300px;
            border-radius: 30px;
            display: block; }
            #about section#about-wrapper div.inner ul.about-list li a .detail {
              margin: 0 auto;
              position: absolute;
              top: 50%;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
              right: 0;
              left: 0;
              text-align: center; }
              #about section#about-wrapper div.inner ul.about-list li a .detail h3 {
                margin: 0 0 15px 0;
                font-size: 20px;
                font-size: 2.0rem;
                color: #623c22;
                line-height: 25px;
                position: relative; }
              #about section#about-wrapper div.inner ul.about-list li a .detail p {
                margin: 0 0 30px 0;
                font-size: 12px;
                font-size: 1.2rem;
                color: #623c22; }
              #about section#about-wrapper div.inner ul.about-list li a .detail .button {
                width: 29px;
                height: 29px;
                margin: 0 auto;
                border: 2px solid #623c22;
                border-radius: 7px;
                position: relative; }
                #about section#about-wrapper div.inner ul.about-list li a .detail .button:after {
                  content: "";
                  width: 0;
                  height: 0;
                  margin: 0 auto;
                  position: absolute;
                  top: 50%;
                  -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
                  right: -3px;
                  left: 0;
                  border-style: solid;
                  border-width: 6px 0 6px 12px;
                  border-color: transparent #623c22 transparent #623c22; }
        #about section#about-wrapper div.inner ul.about-list li + li {
          margin: 0 0 0 30px; }
  /*
	about-us
----------------------------------------------*/
  #about-us {
    position: relative; }
    #about-us section#about-us-wrapper {
      padding: 0 0 35px 0; }
      #about-us section#about-us-wrapper .heading {
        height: 140px;
        margin: 0 0 60px 0;
        background-color: #ffcc00;
        position: relative; }
        #about-us section#about-us-wrapper .heading h2 {
          width: 260px;
          margin: 0 auto 47.5px auto;
          font-size: 22px;
          font-size: 2.2rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 43%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #about-us section#about-us-wrapper .heading h2 span {
            padding: 0 20px;
            position: relative;
            top: 7.5px;
            background: #ffcc00; }
      #about-us section#about-us-wrapper div.inner .image {
        width: 800px;
        height: 200px;
        margin: 0 auto 25px auto;
        padding: 10px;
        background: #FFF;
        border-radius: 30px; }
        #about-us section#about-us-wrapper div.inner .image figure {
          width: 100%;
          height: 100%;
          border: 1px solid #ddc392;
          border-radius: 30px;
          position: relative; }
          #about-us section#about-us-wrapper div.inner .image figure img {
            width: 450px;
            margin: 0 auto;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            left: 0; }
      #about-us section#about-us-wrapper div.inner .detail {
        width: 794px;
        margin: 0 auto 55px auto; }
        #about-us section#about-us-wrapper div.inner .detail p {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 30px; }
          #about-us section#about-us-wrapper div.inner .detail p span {
            font-weight: bold;
            color: #623c22; }
        #about-us section#about-us-wrapper div.inner .detail p + p {
          margin: 30px 0 0 0; }
      #about-us section#about-us-wrapper div.inner .button {
        width: 180px;
        height: 40px;
        margin: 0 auto 80px auto;
        text-align: center;
        line-height: 40px;
        background: #FFF;
        border: 1px solid #cccccc;
        border-radius: 20px;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
        #about-us section#about-us-wrapper div.inner .button a {
          font-size: 14px;
          font-size: 1.4rem;
          color: #666666;
          text-decoration: none;
          -webkit-transition: 0.3s;
          transition: 0.3s; }
        #about-us section#about-us-wrapper div.inner .button:hover {
          background: #666666; }
          #about-us section#about-us-wrapper div.inner .button:hover a {
            color: #FFF; }
  /*
	inquiry-request
----------------------------------------------*/
  #inquiry-request {
    position: relative; }
    #inquiry-request section#inquiry-request-wrapper {
      padding: 0 0 35px 0; }
      #inquiry-request section#inquiry-request-wrapper .heading {
        height: 140px;
        margin: 0 0 60px 0;
        background-color: #ffcc00;
        position: relative; }
        #inquiry-request section#inquiry-request-wrapper .heading h2 {
          width: 380px;
          margin: 0 auto 47.5px auto;
          font-size: 22px;
          font-size: 2.2rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 43%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #inquiry-request section#inquiry-request-wrapper .heading h2 span {
            padding: 0 20px;
            position: relative;
            top: 7.5px;
            background: #ffcc00; }
      #inquiry-request section#inquiry-request-wrapper div.inner p.catch {
        margin: 0 0 45px 0;
        font-size: 30px;
        font-size: 3.0rem;
        line-height: 45px;
        text-align: center; }
      #inquiry-request section#inquiry-request-wrapper div.inner p.outline {
        margin: 0 0 45px 0;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        text-align: center; }
      #inquiry-request section#inquiry-request-wrapper div.inner .outline + .outline {
        margin: 22px 0 55px 0; }
      #inquiry-request section#inquiry-request-wrapper div.inner .form {
        width: 700px;
        margin: 0 auto 60px auto;
        font-size: 16px;
        font-size: 1.6rem; }
        #inquiry-request section#inquiry-request-wrapper div.inner .form .form-name,
        #inquiry-request section#inquiry-request-wrapper div.inner .form .form-mail,
        #inquiry-request section#inquiry-request-wrapper div.inner .form .form-title,
        #inquiry-request section#inquiry-request-wrapper div.inner .form .form-contents {
          margin: 0 0 20px 0;
          padding: 12px 20px 20px 20px;
          background-color: #f3eac9; }
          #inquiry-request section#inquiry-request-wrapper div.inner .form .form-name .form-item-name,
          #inquiry-request section#inquiry-request-wrapper div.inner .form .form-mail .form-item-name,
          #inquiry-request section#inquiry-request-wrapper div.inner .form .form-title .form-item-name,
          #inquiry-request section#inquiry-request-wrapper div.inner .form .form-contents .form-item-name {
            margin: 0 0 12px 0; }
            #inquiry-request section#inquiry-request-wrapper div.inner .form .form-name .form-item-name .red,
            #inquiry-request section#inquiry-request-wrapper div.inner .form .form-mail .form-item-name .red,
            #inquiry-request section#inquiry-request-wrapper div.inner .form .form-title .form-item-name .red,
            #inquiry-request section#inquiry-request-wrapper div.inner .form .form-contents .form-item-name .red {
              color: #F00; }
          #inquiry-request section#inquiry-request-wrapper div.inner .form .form-name input,
          #inquiry-request section#inquiry-request-wrapper div.inner .form .form-mail input,
          #inquiry-request section#inquiry-request-wrapper div.inner .form .form-title input,
          #inquiry-request section#inquiry-request-wrapper div.inner .form .form-contents input {
            width: 660px;
            padding: 5px;
            font-size: 16px;
            font-size: 1.6rem; }
          #inquiry-request section#inquiry-request-wrapper div.inner .form .form-name textarea,
          #inquiry-request section#inquiry-request-wrapper div.inner .form .form-mail textarea,
          #inquiry-request section#inquiry-request-wrapper div.inner .form .form-title textarea,
          #inquiry-request section#inquiry-request-wrapper div.inner .form .form-contents textarea {
            width: 660px;
            max-width: 660px;
            padding: 5px;
            font-size: 16px;
            line-height: 20px; }
        #inquiry-request section#inquiry-request-wrapper div.inner .form .form-contents {
          margin: 0 0 30px 0; }
        #inquiry-request section#inquiry-request-wrapper div.inner .form .btn .send-btn {
          width: 210px;
          height: 45px;
          margin: 0 auto 0 auto;
          display: block;
          border-radius: 30px;
          border-style: none;
          border: 1px solid #cccccc;
          background: #FFF;
          color: #666666;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          cursor: pointer;
          -webkit-appearance: none;
          -webkit-transition: 0.3s;
          transition: 0.3s; }
          #inquiry-request section#inquiry-request-wrapper div.inner .form .btn .send-btn:hover {
            background: #666666;
            color: #FFF; }
  /*
	audition-demotape
----------------------------------------------*/
  #audition-demotape {
    position: relative; }
    #audition-demotape section#audition-demotape-wrapper {
      padding: 0 0 35px 0; }
      #audition-demotape section#audition-demotape-wrapper .heading {
        height: 140px;
        margin: 0 0 60px 0;
        background-color: #ffcc00;
        position: relative; }
        #audition-demotape section#audition-demotape-wrapper .heading h2 {
          width: 460px;
          margin: 0 auto 47.5px auto;
          font-size: 22px;
          font-size: 2.2rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 43%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #audition-demotape section#audition-demotape-wrapper .heading h2 span {
            padding: 0 20px;
            position: relative;
            top: 7.5px;
            background: #ffcc00; }
      #audition-demotape section#audition-demotape-wrapper div.inner p.catch {
        margin: 0 0 45px 0;
        font-size: 30px;
        font-size: 3.0rem;
        line-height: 45px;
        text-align: center; }
      #audition-demotape section#audition-demotape-wrapper div.inner p.outline {
        margin: 0 0 45px 0;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        text-align: center; }
      #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list {
        margin: 0 0 80px 0; }
        #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li {
          width: 800px;
          margin: 0 auto;
          padding: 50px 70px;
          border: 1px solid #ddc392;
          border-radius: 20px;
          background: #FFF; }
          #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li h3 {
            margin: 0 0 35px 0;
            font-size: 20px;
            font-size: 2.0rem;
            text-align: center;
            color: #623c22; }
          #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li p {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 22px; }
          #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li p + p {
            margin: 27px 0 0 0; }
          #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li:nth-child(1) p, #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li:nth-child(3) p {
            text-indent: -1em;
            padding-left: 1em; }
        #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li + li {
          margin: 40px auto 0 auto; }
  /*
	401,403,404,500
----------------------------------------------*/
  #error {
    position: relative; }
    #error section#error-wrapper {
      padding: 0 0 35px 0; }
      #error section#error-wrapper .heading {
        height: 140px;
        margin: 0 0 75px 0;
        background-color: #ffcc00;
        position: relative; }
        #error section#error-wrapper .heading h2 {
          width: 750px;
          margin: 0 auto 47.5px auto;
          font-size: 22px;
          font-size: 2.2rem;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 43%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #error section#error-wrapper .heading h2 span {
            padding: 0 20px;
            position: relative;
            top: 7.5px;
            background: #ffcc00; }
      #error section#error-wrapper div.inner {
        margin: 0 auto 45px auto; }
        #error section#error-wrapper div.inner p.outline {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 30px;
          text-align: center; }
          #error section#error-wrapper div.inner p.outline a {
            color: #000; }
  /*
	footer
----------------------------------------------*/
  footer {
    padding: 40px 0 40px 0;
    background: #dfdfdf; }
    footer .footer-menu ul.footer-menu-list {
      margin: 0 auto 40px auto;
      display: table; }
      footer .footer-menu ul.footer-menu-list li {
        width: auto;
        float: left;
        display: table-cell;
        vertical-align: middle; }
        footer .footer-menu ul.footer-menu-list li a {
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: bold;
          color: #000;
          text-decoration: none;
          letter-spacing: 2px;
          position: relative; }
          footer .footer-menu ul.footer-menu-list li a:after {
            content: "";
            width: 0;
            max-width: 100%;
            height: 3px;
            margin: 0 auto;
            background: #FFCC00;
            position: absolute;
            right: 0;
            bottom: -5px;
            left: 0;
            -webkit-transition: 0.3s;
            transition: 0.3s; }
          footer .footer-menu ul.footer-menu-list li a:hover:after {
            width: 100%; }
      footer .footer-menu ul.footer-menu-list li + li {
        margin: 0 0 0 30px; }
      footer .footer-menu ul.footer-menu-list .current:after {
        width: 100% !important; }
    footer .logo-share {
      margin: 0 auto 22px auto;
      text-align: center; }
      footer .logo-share p.logo {
        width: 293px;
        display: inline-block;
        vertical-align: middle; }
        footer .logo-share p.logo img {
          width: 293px; }
      footer .logo-share ul.share {
        margin: 0 0 0 22px;
        display: inline-block;
        vertical-align: middle; }
        footer .logo-share ul.share li {
          display: inline-block; }
        footer .logo-share ul.share li + li {
          margin: 0 0 0 10px; }
    footer .copyright {
      font-size: 12px;
      font-size: 1.2rem;
      text-align: center; }
  /*
	breadcrumbs
----------------------------------------------*/
  div.breadcrumbs span {
    font-size: 12px;
    font-size: 1.2rem; }
    div.breadcrumbs span a {
      text-decoration: none;
      color: #000; }
      div.breadcrumbs span a:hover {
        text-decoration: underline; }
    div.breadcrumbs span:first-child {
      margin: 0 5px 0 0; }
  div.breadcrumbs span + span {
    margin: 0 0 0 10px; }
  /*
	news-list&release-list
----------------------------------------------*/
  ul.news-list,
  ul.release-list {
    margin: 0 0 0 0; }
    ul.news-list li,
    ul.release-list li {
      width: 240px;
      float: left; }
      ul.news-list li:nth-child(2), ul.news-list li:nth-child(3), ul.news-list li:nth-child(4),
      ul.release-list li:nth-child(2),
      ul.release-list li:nth-child(3),
      ul.release-list li:nth-child(4) {
        margin: 0 0 0 20px; }
      ul.news-list li:nth-child(4n + 1),
      ul.release-list li:nth-child(4n + 1) {
        margin: 30px 0 0 0; }
      ul.news-list li:nth-child(1),
      ul.release-list li:nth-child(1) {
        margin: 0 0 0 0; }
      ul.news-list li .thumbnail,
      ul.release-list li .thumbnail {
        width: 240px;
        height: 160px;
        margin: 0 0 17px 0;
        position: relative;
        line-height: 0;
        text-align: center;
        background-color: #FFF;
        overflow: hidden;
        display: table; }
        ul.news-list li .thumbnail a,
        ul.release-list li .thumbnail a {
          display: table-cell;
          vertical-align: middle; }
          ul.news-list li .thumbnail a img,
          ul.release-list li .thumbnail a img {
            -webkit-transition: 0.5s;
            transition: 0.5s; }
        ul.news-list li .thumbnail:hover a img,
        ul.release-list li .thumbnail:hover a img {
          -webkit-transform: scale(1.05);
          transform: scale(1.05);
          opacity: 0.8; }
      ul.news-list li .contents,
      ul.release-list li .contents {
        margin: 0 0 0 0; }
        ul.news-list li .contents .date-new, ul.news-list li .contents .date-tag,
        ul.release-list li .contents .date-new,
        ul.release-list li .contents .date-tag {
          margin: 0 0 12px 0; }
          ul.news-list li .contents .date-new .date, ul.news-list li .contents .date-tag .date,
          ul.release-list li .contents .date-new .date,
          ul.release-list li .contents .date-tag .date {
            margin: 5px 0 0 0;
            font-size: 12px;
            font-size: 1.2rem;
            float: left;
            letter-spacing: 0.5px; }
          ul.news-list li .contents .date-new .new, ul.news-list li .contents .date-tag .new,
          ul.release-list li .contents .date-new .new,
          ul.release-list li .contents .date-tag .new {
            padding: 5px 20px;
            font-size: 11px;
            font-size: 1.1rem;
            font-weight: bold;
            background: #ffcc00;
            border-radius: 100px;
            float: right; }
          ul.news-list li .contents .date-new .tag, ul.news-list li .contents .date-tag .tag,
          ul.release-list li .contents .date-new .tag,
          ul.release-list li .contents .date-tag .tag {
            padding: 5px 20px;
            font-size: 11px;
            font-size: 1.1rem;
            font-weight: bold;
            color: #FFF;
            background: #623c22;
            border-radius: 100px;
            float: right; }
        ul.news-list li .contents .title,
        ul.release-list li .contents .title {
          margin: 0 0 0 0;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 22px; }
          ul.news-list li .contents .title a,
          ul.release-list li .contents .title a {
            color: #000;
            text-decoration: none; }
            ul.news-list li .contents .title a:hover,
            ul.release-list li .contents .title a:hover {
              text-decoration: underline; }
            ul.news-list li .contents .title a span,
            ul.release-list li .contents .title a span {
              color: #623c22; }
        ul.news-list li .contents .outline,
        ul.release-list li .contents .outline {
          margin: 5px 0 0 0;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 22px; }
          ul.news-list li .contents .outline a,
          ul.release-list li .contents .outline a {
            color: #000;
            text-decoration: none; }
    ul.news-list li + li,
    ul.release-list li + li {
      margin: 30px 0 0 20px; }
  ul.release-list li .contents .title {
    font-weight: bold; }
  /*
	artist-list
----------------------------------------------*/
  ul.artist-list {
    margin: 0 0 0 0; }
    ul.artist-list li {
      width: 240px;
      float: left; }
      ul.artist-list li:nth-child(2), ul.artist-list li:nth-child(3), ul.artist-list li:nth-child(4) {
        margin: 0 0 0 20px; }
      ul.artist-list li:nth-child(4n + 1) {
        margin: 30px 0 0 0; }
      ul.artist-list li:nth-child(1) {
        margin: 0 0 0 0; }
      ul.artist-list li .thumbnail {
        width: 240px;
        height: 160px;
        margin: 0 0 17px 0;
        position: relative;
        line-height: 0;
        text-align: center;
        background-color: #FFF;
        overflow: hidden;
        display: table; }
        ul.artist-list li .thumbnail a {
          display: table-cell;
          vertical-align: middle; }
          ul.artist-list li .thumbnail a img {
            -webkit-transition: 0.5s;
            transition: 0.5s; }
        ul.artist-list li .thumbnail:hover a img {
          -webkit-transform: scale(1.05);
          transform: scale(1.05);
          opacity: 0.8; }
      ul.artist-list li .contents {
        margin: 0 0 0 0; }
        ul.artist-list li .contents .title {
          margin: 0 0 5px 0;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 22px; }
          ul.artist-list li .contents .title a {
            color: #000;
            text-decoration: none; }
            ul.artist-list li .contents .title a:hover {
              text-decoration: underline; }
        ul.artist-list li .contents .sub {
          font-size: 10px;
          font-size: 1.0rem; }
    ul.artist-list li + li {
      margin: 30px 0 0 20px; }
  /*
	video-list
----------------------------------------------*/
  ul.video-list {
    margin: 0 0 0 0; }
    ul.video-list li {
      width: 500px;
      float: left; }
      ul.video-list li:nth-child(odd) {
        margin: 20px 0 0 0; }
      ul.video-list li:nth-child(1) {
        margin: 0 0 0 0; }
      ul.video-list li:nth-child(2) {
        margin: 0 0 0 20px; }
    ul.video-list li + li {
      margin: 20px 0 0 20px; }
  /*
	btn-more-view
----------------------------------------------*/
  .btn-more-view {
    width: 180px;
    height: 40px;
    margin: 30px auto 0 auto;
    border-radius: 20px;
    background: #FFF;
    text-align: center;
    line-height: 40px;
    border: 1px solid #cccccc;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    .btn-more-view a {
      font-size: 14px;
      font-size: 1.4rem;
      color: #666666;
      text-align: center;
      text-decoration: none;
      display: block;
      border-radius: 20px;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
    .btn-more-view:hover {
      background: #666666; }
      .btn-more-view:hover a {
        color: #FFF; }
  /*
	to-top
----------------------------------------------*/
  .to-top {
    bottom: 10px;
    right: 10px;
    position: fixed; } }