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

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

----------------------------------------------*/
@media only screen and (max-width: 767px) {
  /*
	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;
    -webkit-text-size-adjust: 100%;
    background: #efefef; }
  * {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  a {
    outline: none; }
  a:link,
  a:visited {
    color: #08b5e0;
    text-decoration: underline; }
  a:hover,
  a:focus,
  a:active {
    color: #9bbdc6;
    text-decoration: underline; }
  img {
    max-width: 100%;
    width: auto;
    height: auto; }
  .pc_n {
    display: none; }
  .pc_b {
    display: none; }
  .pc_i {
    display: none; }
  .sp_n {
    display: none; }
  .sp_b {
    display: block; }
  .sp_i {
    display: inline; }
  .font-os {
    font-family: 'Open Sans', sans-serif; }
  .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active {
    display: inline-block; }
  .inner {
    padding: 0 3%; }
  /*
	clearfix
----------------------------------------------*/
  .clearfix:after, header .header-menu ul.header-menu-list:after, #slide-show #loopslider_wrap:after, #news-detail section#news-detail-wrapper div.inner .contents:after, #discography-detail section#discography-detail-wrapper div.inner .contents:after, #artist-top section#artist-top-wrapper .heading .inner:after, #artist-discography section#artist-discography-wrapper .artist-discography-list .category-release-list:after, #about section#about-wrapper div.inner ul.about-list:after, footer .footer-menu ul.footer-menu-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 {
    display: block;
    clear: both;
    content: ""; }
  /*
    loading
----------------------------------------------*/
  #loader-bg {
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #FFF;
    z-index: 6;
    background: #dfdfdf; }
  #loader {
    width: 80%;
    margin: 0 auto;
    padding: 2% 0;
    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: 6; }
  .loading-logo {
    width: 80%;
    margin: 0 auto 5% auto; }
  .loading-message div {
    padding: 0 0 2% 0;
    display: inline-block;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold; }
  .bounce {
    -webkit-animation: blink 1s ease-in-out infinite;
    animation: blink 1s ease-in-out infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
  @-webkit-keyframes blink {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  @keyframes blink {
    0% {
      opacity: 0; }
    100% {
      opacity: 1; } }
  /*
	header
----------------------------------------------*/
  header {
    width: 100%;
    margin: 0 0 0 0;
    padding: 6px 0 0 3%;
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5; }
    header .inner {
      padding: 0; }
    header .logo {
      width: 190px;
      text-align: center;
      margin: 12px 0 0 0;
      float: left; }
    header .header-menu {
      width: 103%;
      height: 100%;
      position: fixed;
      top: 0;
      left: -3%;
      background-color: rgba(0, 0, 0, 0.8);
      z-index: 3;
      display: none; }
      header .header-menu ul.header-menu-list {
        width: 90%;
        margin: 0 auto;
        background: #FFF;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -3%;
        left: 0;
        border: 1px solid #000;
        border-radius: 15px; }
        header .header-menu ul.header-menu-list li {
          width: 50%;
          padding: 5%;
          float: left;
          position: relative; }
          header .header-menu ul.header-menu-list li:nth-child(2), header .header-menu ul.header-menu-list li:nth-child(4), header .header-menu ul.header-menu-list li:nth-child(6) {
            border-left: 1px solid #666; }
          header .header-menu ul.header-menu-list li:nth-child(1), header .header-menu ul.header-menu-list li:nth-child(2), header .header-menu ul.header-menu-list li:nth-child(3), header .header-menu ul.header-menu-list li:nth-child(4) {
            border-bottom: 1px solid #666; }
          header .header-menu ul.header-menu-list li:after {
            content: "";
            width: 4px;
            height: 4px;
            border-top: 2px solid #666;
            border-right: 2px solid #666;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
            right: 8%; }
          header .header-menu ul.header-menu-list li a {
            font-size: 12px;
            font-size: 1.2rem;
            color: #000;
            text-decoration: none;
            display: block;
            letter-spacing: 2px; }
    header .menu-trigger {
      display: inline-block;
      -webkit-transition: all .4s;
      transition: all .4s;
      box-sizing: border-box;
      width: 44px;
      height: 44px;
      z-index: 3;
      position: relative;
      float: right; }
      header .menu-trigger:before {
        content: "menu";
        position: absolute;
        top: 0;
        right: 1px;
        left: 0;
        font-size: 10px;
        font-size: 1.0rem;
        text-align: center; }
      header .menu-trigger span {
        display: inline-block;
        -webkit-transition: all .4s;
        transition: all .4s;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        width: 58%;
        margin: 0 auto;
        height: 3px;
        background-color: #000;
        border-radius: 4px; }
        header .menu-trigger span:nth-of-type(1) {
          top: 22px; }
        header .menu-trigger span:nth-of-type(2) {
          top: 30px; }
        header .menu-trigger span:nth-of-type(3) {
          top: 14px; }
    header .menu-trigger.active {
      position: relative;
      z-index: 4; }
      header .menu-trigger.active:before {
        content: "close";
        position: absolute;
        top: 0;
        right: 1px;
        left: 0;
        font-size: 10px;
        font-size: 1.0rem;
        text-align: center;
        color: #FFF; }
      header .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(7px) rotate(-45deg);
        transform: translateY(7px) rotate(-45deg);
        background-color: #FFF !important;
        box-shadow: none;
        top: 14px; }
      header .menu-trigger.active span:nth-of-type(2) {
        opacity: 0; }
      header .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg);
        background-color: #FFF !important;
        box-shadow: none;
        top: 21px; }
  /*
	wrapper
----------------------------------------------*/
  #wrapper {
    padding: 50px 0 0 0; }
  /*
	slide-show
----------------------------------------------*/
  #slide-show {
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    position: relative;
    overflow: hidden; }
    #slide-show .slide-list {
      margin: 0 auto;
      display: inline;
      overflow: hidden;
      float: left; }
      #slide-show .slide-list li {
        max-height: 200px;
        margin: 0 8px;
        float: left;
        overflow: hidden;
        display: table;
        background: #FFF; }
        #slide-show .slide-list li:last-child {
          margin: 0 0 0 8px; }
        #slide-show .slide-list li a {
          vertical-align: middle;
          display: table-cell; }
          #slide-show .slide-list li a img {
            max-height: 200px; }
  /*
	top-news
----------------------------------------------*/
  #top-news {
    padding: 5% 0 8% 0;
    position: relative; }
    #top-news h2 {
      width: 200px;
      margin: 0 auto 8% auto;
      font-size: 14px;
      font-size: 1.4rem;
      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: 5% 0 8% 0;
    position: relative;
    background: #dfdfdf; }
    #top-discography h2 {
      width: 220px;
      margin: 0 auto 8% auto;
      font-size: 14px;
      font-size: 1.4rem;
      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: 5% 0 8% 0;
    position: relative; }
    #top-video h2 {
      width: 200px;
      margin: 0 auto 8% auto;
      font-size: 14px;
      font-size: 1.4rem;
      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 5% 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: 60px;
        margin: 0 0 5% 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: 200px;
          margin: 0 auto 5% auto;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 38%;
          -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: 6.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: 10% 0 0 0; }
  /*
	news-detail
----------------------------------------------*/
  #news-detail {
    position: relative; }
    #news-detail section#news-detail-wrapper {
      padding: 0 0 5% 0; }
      #news-detail section#news-detail-wrapper .heading {
        height: 60px;
        margin: 0 0 5% 0;
        background-color: #ffcc00;
        position: relative; }
        #news-detail section#news-detail-wrapper .heading h2 {
          width: 200px;
          margin: 0 auto 5% auto;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 38%;
          -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: 6.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 article {
          padding: 0 0 0 0; }
          #news-detail section#news-detail-wrapper div.inner .contents .detail article p.date {
            margin: 0 0 1% 0;
            font-size: 10px;
            font-size: 1.0rem; }
          #news-detail section#news-detail-wrapper div.inner .contents .detail article h3.title {
            margin: 0 0 5% 0;
            font-size: 15px;
            font-size: 1.5rem;
            line-height: 155%; }
          #news-detail section#news-detail-wrapper div.inner .contents .detail article .thumbnail {
            margin: 0 0 3% 0;
            text-align: center; }
            #news-detail section#news-detail-wrapper div.inner .contents .detail article .thumbnail img {
              width: 60%; }
          #news-detail section#news-detail-wrapper div.inner .contents .detail article div.sentence {
            margin: 0 0 3% 0;
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 165%; }
            #news-detail section#news-detail-wrapper div.inner .contents .detail article div.sentence iframe {
              width: 100%;
              height: 51vw !important;
              min-height: 169px;
              max-height: 406px; }
            #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: 8% 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 + li {
              margin: 0 0 0 5px; }
        #news-detail section#news-detail-wrapper div.inner .contents .breadcrumbs {
          margin: 10% 0 0 0; }
      #news-detail section#news-detail-wrapper div.inner .pagenation {
        margin: 3% 0 3% 0;
        text-align: center; }
  /*
	discography-detail
----------------------------------------------*/
  #discography-detail {
    position: relative; }
    #discography-detail section#discography-detail-wrapper {
      padding: 0 0 5% 0; }
      #discography-detail section#discography-detail-wrapper .heading {
        height: 60px;
        margin: 0 0 5% 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 1% auto;
            font-size: 16px;
            font-size: 1.6rem;
            letter-spacing: 3px;
            text-align: center; }
          #discography-detail section#discography-detail-wrapper .heading .name p {
            margin: 0 auto 0 auto;
            font-size: 10px;
            font-size: 1.0rem;
            text-align: center; }
      #discography-detail section#discography-detail-wrapper div.inner h3 {
        width: 200px;
        margin: 3% auto 8% auto;
        font-size: 14px;
        font-size: 1.4rem;
        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 0 0; }
        #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 3% 3% 0;
            font-size: 10px;
            font-size: 1.0rem;
            display: inline-block; }
          #discography-detail section#discography-detail-wrapper div.inner .contents .detail article p.tag {
            margin: 0 1% 0 0;
            padding: 1% 2%;
            font-size: 10px;
            font-size: 1.0rem;
            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: 1% 2%;
            font-size: 10px;
            font-size: 1.0rem;
            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 2% 0;
            font-size: 19px;
            font-size: 1.9rem;
            line-height: 155%;
            color: #623c22; }
          #discography-detail section#discography-detail-wrapper div.inner .contents .detail article .thumbnail-button {
            margin: 0 0 5% 0; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .detail article .thumbnail-button .thumbnail {
              margin: 0 0 2% 0;
              text-align: center; }
              #discography-detail section#discography-detail-wrapper div.inner .contents .detail article .thumbnail-button .thumbnail img {
                width: 78.125%; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .detail article .thumbnail-button .button {
              width: 78.125%;
              margin: 3% auto 0 auto;
              padding: 3%;
              border-radius: 20px;
              background: #FFF;
              text-align: center;
              border: 1px solid #cccccc; }
              #discography-detail section#discography-detail-wrapper div.inner .contents .detail article .thumbnail-button .button a {
                font-size: 13px;
                font-size: 1.3rem;
                color: #666666;
                text-align: center;
                text-decoration: none;
                display: block;
                border-radius: 20px; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .detail article .thumbnail-button .button + .button {
              margin: 2% auto 0 auto; }
          #discography-detail section#discography-detail-wrapper div.inner .contents .detail article p.model-price {
            margin: 0 0 3% 0;
            font-size: 10px;
            font-size: 1.0rem; }
          #discography-detail section#discography-detail-wrapper div.inner .contents .detail article div.sentence {
            margin: 0 0 3% 0;
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 165%; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .detail article div.sentence iframe {
              width: 100%;
              height: 51vw !important;
              min-height: 169px;
              max-height: 406px; }
            #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 .detail article ul.sns-share {
            margin: 8% 0 0 0;
            text-align: left; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .detail article ul.sns-share li {
              display: inline-block;
              ackground-color: #FFF;
              border-radius: 50%; }
            #discography-detail section#discography-detail-wrapper div.inner .contents .detail article ul.sns-share li + li {
              margin: 0 0 0 5px; }
      #discography-detail section#discography-detail-wrapper div.inner .breadcrumbs {
        margin: 10% 0 0 0; }
  /*
	artist-menu
----------------------------------------------*/
  .artist-menu {
    width: 96%;
    margin: 0 auto 0 auto;
    position: relative;
    z-index: 1;
    text-align: center; }
    .artist-menu div.artist-menu-header {
      padding: 3% 0;
      background: #FFF;
      position: relative;
      border-radius: 50px;
      border: 1px solid #cccccc; }
      .artist-menu div.artist-menu-header p {
        font-size: 13px;
        font-size: 1.3rem;
        color: #666666; }
      .artist-menu div.artist-menu-header:after {
        content: "▼";
        font-size: 10px;
        font-size: 1.0rem;
        color: #666666;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 5%; }
    .artist-menu .artist-menu-list {
      width: 92%;
      margin: 0 auto 0 auto;
      display: none; }
      .artist-menu .artist-menu-list li {
        text-align: center;
        position: relative;
        padding: 4% 0;
        background-color: #FFF;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        border-left: 1px solid #cccccc; }
        .artist-menu .artist-menu-list li:last-child {
          border-radius: 0 0 10px 10px; }
        .artist-menu .artist-menu-list li a {
          font-size: 13px;
          font-size: 1.3rem;
          color: #666666;
          text-decoration: none;
          position: relative;
          display: block; }
  /*
	artist-top
----------------------------------------------*/
  #artist-top {
    position: relative; }
    #artist-top section#artist-top-wrapper {
      padding: 0 0 5% 0; }
      #artist-top section#artist-top-wrapper .heading {
        margin: 0 0 5% 0; }
        #artist-top section#artist-top-wrapper .heading .inner div.artist-name {
          width: 106%;
          height: 60px;
          background: #ffcc00;
          position: relative;
          left: -3%; }
          #artist-top section#artist-top-wrapper .heading .inner div.artist-name .name {
            text-align: center;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            left: 0; }
            #artist-top section#artist-top-wrapper .heading .inner div.artist-name .name h2 {
              margin: 0 0 1% 0;
              font-size: 16px;
              font-size: 1.6rem;
              letter-spacing: 3px; }
            #artist-top section#artist-top-wrapper .heading .inner div.artist-name .name p {
              font-size: 10px;
              font-size: 1.0rem; }
        #artist-top section#artist-top-wrapper .heading .inner figure.artist-image {
          width: 106%;
          position: relative;
          left: -3%;
          text-align: center;
          background: #FFF;
          line-height: 0; }
          #artist-top section#artist-top-wrapper .heading .inner figure.artist-image img {
            max-height: 250px; }
      #artist-top section#artist-top-wrapper .case-no {
        text-align: center;
        font-size: 12px;
        font-size: 1.2rem;
        color: #333; }
  /*
	artist-news
----------------------------------------------*/
  #artist-news {
    position: relative; }
    #artist-news section#artist-news-wrapper {
      padding: 0 0 5% 0; }
      #artist-news section#artist-news-wrapper .heading {
        height: 60px;
        margin: 0 0 5% 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 1% auto;
            font-size: 16px;
            font-size: 1.6rem;
            letter-spacing: 3px;
            text-align: center; }
          #artist-news section#artist-news-wrapper .heading .name p {
            margin: 0 auto 0 auto;
            font-size: 10px;
            font-size: 1.0rem;
            text-align: center; }
      #artist-news section#artist-news-wrapper .artist-news-list {
        padding: 3% 0 0 0;
        position: relative; }
        #artist-news section#artist-news-wrapper .artist-news-list h3 {
          width: 200px;
          margin: 0 auto 8% auto;
          font-size: 14px;
          font-size: 1.4rem;
          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 .breadcrumbs {
        margin: 10% 0 0 0; }
  /*
	artist-discography
----------------------------------------------*/
  #artist-discography {
    position: relative; }
    #artist-discography section#artist-discography-wrapper {
      padding: 0 0 5% 0; }
      #artist-discography section#artist-discography-wrapper .heading {
        height: 60px;
        margin: 0 0 5% 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 1% auto;
            font-size: 16px;
            font-size: 1.6rem;
            letter-spacing: 3px;
            text-align: center; }
          #artist-discography section#artist-discography-wrapper .heading .name p {
            margin: 0 auto 0 auto;
            font-size: 10px;
            font-size: 1.0rem;
            text-align: center; }
      #artist-discography section#artist-discography-wrapper .artist-discography-list {
        padding: 3% 0 0 0;
        position: relative; }
        #artist-discography section#artist-discography-wrapper .artist-discography-list h3 {
          width: 200px;
          margin: 0 auto 8% auto;
          font-size: 14px;
          font-size: 1.4rem;
          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 5% 0;
          text-align: center; }
          #artist-discography section#artist-discography-wrapper .artist-discography-list .category-release-list li {
            display: inline-block;
            position: relative; }
            #artist-discography section#artist-discography-wrapper .artist-discography-list .category-release-list li a {
              font-size: 13px;
              font-size: 1.3rem;
              color: #000;
              text-decoration: none;
              letter-spacing: 2px; }
          #artist-discography section#artist-discography-wrapper .artist-discography-list .category-release-list li + li {
            margin: 0 0 0 3%; }
            #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: -12px; }
        #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 .breadcrumbs {
        margin: 10% 0 0 0; }
  /*
	artist-discography
----------------------------------------------*/
  #artist-video {
    position: relative; }
    #artist-video section#artist-video-wrapper {
      padding: 0 0 5% 0; }
      #artist-video section#artist-video-wrapper .heading {
        height: 60px;
        margin: 0 0 5% 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 1% auto;
            font-size: 16px;
            font-size: 1.6rem;
            letter-spacing: 3px;
            text-align: center; }
          #artist-video section#artist-video-wrapper .heading .name p {
            margin: 0 auto 0 auto;
            font-size: 10px;
            font-size: 1.0rem;
            text-align: center; }
      #artist-video section#artist-video-wrapper .artist-video-list {
        padding: 3% 0 0 0;
        position: relative; }
        #artist-video section#artist-video-wrapper .artist-video-list h3 {
          width: 200px;
          margin: 0 auto 8% auto;
          font-size: 14px;
          font-size: 1.4rem;
          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 .breadcrumbs {
        margin: 10% 0 0 0; }
  /*
	artist-profile
----------------------------------------------*/
  #artist-profile {
    position: relative; }
    #artist-profile section#artist-profile-wrapper {
      padding: 0 0 5% 0; }
      #artist-profile section#artist-profile-wrapper .heading {
        height: 60px;
        margin: 0 0 5% 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 1% auto;
            font-size: 16px;
            font-size: 1.6rem;
            letter-spacing: 3px;
            text-align: center; }
          #artist-profile section#artist-profile-wrapper .heading .name p {
            margin: 0 auto 0 auto;
            font-size: 10px;
            font-size: 1.0rem;
            text-align: center; }
      #artist-profile section#artist-profile-wrapper .artist-profile-contents {
        padding: 3% 0 0 0;
        position: relative; }
        #artist-profile section#artist-profile-wrapper .artist-profile-contents h3 {
          width: 200px;
          margin: 0 auto 8% auto;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          -webkit-font-feature-settings: "liga" 0;
          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 {
          margin: 0 0 3% 0;
          text-align: center;
          background: #FFF;
          line-height: 0; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .image img {
            max-height: 250px; }
        #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .name {
          margin: 0 0 5% 0;
          font-size: 16px;
          font-size: 1.6rem; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .name span {
            margin: 0 0 0 5px;
            font-size: 10px;
            font-size: 1.0rem;
            position: relative;
            top: -1px;
            letter-spacing: 1px; }
        #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .content {
          margin: 0 0 6% 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 145%; }
        #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .official_site {
          margin: 0 0 3% 0; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .official_site span {
            width: 80px;
            margin: 0 1% 0 0;
            padding: 3px 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 3% 0; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .blog span {
            width: 80px;
            margin: 0 1% 0 0;
            padding: 3px 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 3% 0; }
          #artist-profile section#artist-profile-wrapper .artist-profile-contents .contents .detail .twitter span {
            width: 80px;
            margin: 0 1% 0 0;
            padding: 3px 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: 80px;
          margin: 0 1% 0 0;
          padding: 3px 0;
          font-size: 10px;
          font-size: 1.0rem;
          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: 10px;
          font-size: 1.0rem;
          color: #000;
          text-decoration: none; }
      #artist-profile section#artist-profile-wrapper .breadcrumbs {
        margin: 10% 0 0 0; }
  /*
	shopping
----------------------------------------------*/
  #shopping {
    position: relative; }
    #shopping section#shopping-wrapper {
      padding: 0 0 5% 0; }
      #shopping section#shopping-wrapper .heading {
        height: 60px;
        margin: 0 0 5% 0;
        background-color: #ffcc00;
        position: relative; }
        #shopping section#shopping-wrapper .heading h2 {
          width: 220px;
          margin: 0 auto 5% auto;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 38%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #shopping section#shopping-wrapper .heading h2 span {
            padding: 0 20px;
            position: relative;
            top: 6.5px;
            background: #ffcc00; }
      #shopping section#shopping-wrapper div.inner p.outline {
        margin: 0 0 5% 0;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 145%;
        text-align: center; }
      #shopping section#shopping-wrapper div.inner ul.shopping-list {
        margin: 0 0 0 0; }
        #shopping section#shopping-wrapper div.inner ul.shopping-list li {
          width: 100%;
          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: 40px;
              font-size: 16px;
              font-size: 1.6rem;
              display: table-cell;
              text-align: center;
              vertical-align: middle;
              background: #FFF;
              border: 1px solid #d9d9d9;
              border-radius: 15px 0 0 15px; }
            #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd {
              padding: 3% 3%;
              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 15px 15px 0; }
              #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .heading {
                height: auto;
                margin: 0 0 3% 0;
                padding: 0 0 0 0;
                font-size: 12px;
                font-size: 1.2rem;
                color: #623c22;
                background-color: transparent;
                line-height: 145%; }
                #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .heading span.bg-yellow {
                  margin: 0 3px 0 0;
                  padding: 2px 4px;
                  font-size: 10px;
                  font-size: 1.0rem;
                  color: #FFF;
                  background: #f9c73e;
                  position: relative;
                  top: -1px; }
              #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .detail p.paragraph {
                padding: 0 0 0 0;
                font-size: 10px;
                font-size: 1.0rem;
                line-height: 165%; }
                #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 {
                  width: 30%;
                  margin: 0 0 0 5px;
                  display: inline-block;
                  vertical-align: middle;
                  line-height: 0; }
                #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .detail p.paragraph span.hmv {
                  width: 20%; }
              #shopping section#shopping-wrapper div.inner ul.shopping-list li dl dd .detail p.paragraph + p.paragraph {
                margin: 3% 0 0 0; }
        #shopping section#shopping-wrapper div.inner ul.shopping-list li + li {
          margin: 3% auto 0 auto; }
      #shopping section#shopping-wrapper div.inner .breadcrumbs {
        margin: 10% 0 0 0; }
  /*
	about
----------------------------------------------*/
  #about {
    position: relative; }
    #about section#about-wrapper {
      padding: 0 0 5% 0; }
      #about section#about-wrapper .heading {
        height: 60px;
        margin: 0 0 5% 0;
        background-color: #ffcc00;
        position: relative; }
        #about section#about-wrapper .heading h2 {
          width: 180px;
          margin: 0 auto 5% auto;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 38%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #about section#about-wrapper .heading h2 span {
            padding: 0 20px;
            position: relative;
            top: 6.5px;
            background: #ffcc00; }
      #about section#about-wrapper div.inner p.catch {
        margin: 0 0 3% 0;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 145%;
        text-align: center; }
      #about section#about-wrapper div.inner p.outline {
        margin: 0 0 5% 0;
        font-size: 10px;
        font-size: 1.0rem;
        line-height: 165%;
        text-align: center; }
      #about section#about-wrapper div.inner ul.about-list {
        margin: 0 0 0 0; }
        #about section#about-wrapper div.inner ul.about-list li {
          width: 100%;
          margin: 0 auto;
          padding: 3%;
          border: 1px solid #d9d9d9;
          border-radius: 15px;
          background: #FFF;
          position: relative; }
          #about section#about-wrapper div.inner ul.about-list li a {
            display: block;
            text-decoration: none; }
            #about section#about-wrapper div.inner ul.about-list li a .detail {
              margin: 0 auto; }
              #about section#about-wrapper div.inner ul.about-list li a .detail h3 {
                margin: 0 0 2% 0;
                font-size: 14px;
                font-size: 1.4rem;
                color: #623c22;
                position: relative; }
              #about section#about-wrapper div.inner ul.about-list li a .detail p {
                margin: 0 0 0 0;
                font-size: 10px;
                font-size: 1.0rem;
                color: #623c22; }
              #about section#about-wrapper div.inner ul.about-list li a .detail .button {
                width: 22px;
                height: 22px;
                margin: 0 auto;
                border: 1px solid #623c22;
                border-radius: 5px;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 6%; }
                #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: -1px;
                  left: 0;
                  border-style: solid;
                  border-width: 4px 0 4px 8px;
                  border-color: transparent #623c22 transparent #623c22; }
        #about section#about-wrapper div.inner ul.about-list li + li {
          margin: 3% 0 0 0; }
      #about section#about-wrapper div.inner .breadcrumbs {
        margin: 10% 0 0 0; }
  /*
	about-us
----------------------------------------------*/
  #about-us {
    position: relative; }
    #about-us section#about-us-wrapper {
      padding: 0 0 5% 0; }
      #about-us section#about-us-wrapper .heading {
        height: 60px;
        margin: 0 0 5% 0;
        background-color: #ffcc00;
        position: relative; }
        #about-us section#about-us-wrapper .heading h2 {
          width: 220px;
          margin: 0 auto 5% auto;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 38%;
          -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: 6.5px;
            background: #ffcc00; }
      #about-us section#about-us-wrapper div.inner .image {
        margin: 0 auto 5% auto;
        padding: 2%;
        background: #FFF;
        border-radius: 10px; }
        #about-us section#about-us-wrapper div.inner .image figure {
          width: 100%;
          height: 100%;
          padding: 7% 10%;
          border: 1px solid #ddc392;
          border-radius: 10px;
          position: relative;
          text-align: center; }
      #about-us section#about-us-wrapper div.inner .detail {
        margin: 0 auto 0 auto; }
        #about-us section#about-us-wrapper div.inner .detail p {
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 145%; }
          #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: 5% 0 0 0; }
      #about-us section#about-us-wrapper div.inner .button {
        width: 78.125%;
        margin: 5% auto 0 auto;
        padding: 3%;
        border-radius: 20px;
        background: #FFF;
        text-align: center;
        border: 1px solid #cccccc; }
        #about-us section#about-us-wrapper div.inner .button a {
          font-size: 13px;
          font-size: 1.3rem;
          color: #666666;
          text-align: center;
          text-decoration: none;
          display: block;
          border-radius: 20px; }
      #about-us section#about-us-wrapper div.inner .breadcrumbs {
        margin: 10% 0 0 0; }
  /*
	inquiry-request
----------------------------------------------*/
  #inquiry-request {
    position: relative; }
    #inquiry-request section#inquiry-request-wrapper {
      padding: 0 0 5% 0; }
      #inquiry-request section#inquiry-request-wrapper .heading {
        height: 60px;
        margin: 0 0 5% 0;
        background-color: #ffcc00;
        position: relative; }
        #inquiry-request section#inquiry-request-wrapper .heading h2 {
          width: 280px;
          margin: 0 auto 5% auto;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 38%;
          -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: 6.5px;
            background: #ffcc00; }
      #inquiry-request section#inquiry-request-wrapper div.inner p.catch {
        margin: 0 0 3% 0;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 145%;
        text-align: center; }
      #inquiry-request section#inquiry-request-wrapper div.inner p.outline {
        margin: 0 0 5% 0;
        font-size: 10px;
        font-size: 1.0rem;
        line-height: 165%;
        text-align: center; }
      #inquiry-request section#inquiry-request-wrapper div.inner .outline + .outline {
        margin: 3% 0 8% 0; }
      #inquiry-request section#inquiry-request-wrapper div.inner .form {
        margin: 0 auto 3% auto;
        font-size: 12px;
        font-size: 1.2rem; }
        #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 3% 0;
          padding: 3% 3% 3% 3%;
          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 2% 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: 100%;
            padding: 2px;
            font-size: 13px;
            font-size: 1.3rem; }
          #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: 100%;
            max-width: 100%;
            padding: 2px;
            font-size: 13px;
            line-height: 145%; }
        #inquiry-request section#inquiry-request-wrapper div.inner .form .form-contents {
          margin: 0 0 5% 0; }
        #inquiry-request section#inquiry-request-wrapper div.inner .form .btn .send-btn {
          width: 78.125%;
          margin: 5% auto 0 auto;
          padding: 3%;
          border-radius: 20px;
          background: #FFF;
          text-align: center;
          border: 1px solid #cccccc;
          font-size: 13px;
          font-size: 1.3rem;
          color: #666666;
          text-align: center;
          text-decoration: none;
          display: block;
          border-radius: 20px;
          display: block;
          border-style: none;
          cursor: pointer;
          -webkit-appearance: none; }
      #inquiry-request section#inquiry-request-wrapper div.inner .breadcrumbs {
        margin: 10% 0 0 0; }
  /*
	audition-demotape
----------------------------------------------*/
  #audition-demotape {
    position: relative; }
    #audition-demotape section#audition-demotape-wrapper {
      padding: 0 0 5% 0; }
      #audition-demotape section#audition-demotape-wrapper .heading {
        height: 60px;
        margin: 0 0 5% 0;
        background-color: #ffcc00;
        position: relative; }
        #audition-demotape section#audition-demotape-wrapper .heading h2 {
          width: 280px;
          margin: 0 auto 5% auto;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 38%;
          -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: 6.5px;
            background: #ffcc00; }
      #audition-demotape section#audition-demotape-wrapper div.inner p.catch {
        margin: 0 0 3% 0;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 145%;
        text-align: center; }
      #audition-demotape section#audition-demotape-wrapper div.inner p.outline {
        margin: 0 0 5% 0;
        font-size: 10px;
        font-size: 1.0rem;
        line-height: 165%;
        text-align: center; }
      #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list {
        margin: 0 0 0 0; }
        #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li {
          margin: 0 auto;
          padding: 3% 3% 4% 3%;
          border: 1px solid #ddc392;
          border-radius: 15px;
          background: #FFF; }
          #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li h3 {
            margin: 0 0 3% 0;
            font-size: 14px;
            font-size: 1.4rem;
            text-align: center;
            color: #623c22; }
          #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li p {
            font-size: 10px;
            font-size: 1.0rem;
            line-height: 165%; }
          #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li p + p {
            margin: 3% 0 0 0; }
          #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li:nth-child(1), #audition-demotape section#audition-demotape-wrapper div.inner ul.application-list li:nth-child(3) {
            padding: 3% 3% 4% 2%; }
            #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: 3% auto 0 auto; }
      #audition-demotape section#audition-demotape-wrapper div.inner .breadcrumbs {
        margin: 10% 0 0 0; }
  /*
	401,403,404,500
----------------------------------------------*/
  #error {
    position: relative; }
    #error section#error-wrapper {
      padding: 0 0 5% 0; }
      #error section#error-wrapper .heading {
        height: 60px;
        margin: 0 0 5% 0;
        background-color: #ffcc00;
        position: relative; }
        #error section#error-wrapper .heading h2 {
          width: 310px;
          margin: 0 auto 5% auto;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          line-height: 135%;
          color: #666666;
          letter-spacing: 3px;
          text-align: center;
          border-bottom: 1px solid #999999;
          position: absolute;
          top: 24%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 0;
          left: 0; }
          #error section#error-wrapper .heading h2 span {
            padding: 0 10px;
            position: relative;
            top: 16.5px;
            background: #ffcc00;
            display: inline-block; }
      #error section#error-wrapper div.inner {
        margin: 0 auto 5% auto; }
        #error section#error-wrapper div.inner p.outline {
          font-size: 10px;
          font-size: 1.0rem;
          line-height: 165%;
          text-align: center; }
          #error section#error-wrapper div.inner p.outline a {
            color: #000; }
  /*
	footer
----------------------------------------------*/
  footer {
    padding: 5% 0 3% 0;
    background: #dfdfdf; }
    footer .footer-menu {
      margin: 0 0 8% 0; }
      footer .footer-menu ul.footer-menu-list {
        margin: 0 auto;
        padding: 0 0;
        border: 1px solid #7F7F7F;
        border-radius: 15px; }
        footer .footer-menu ul.footer-menu-list li {
          width: 50%;
          padding: 5%;
          float: left;
          position: relative; }
          footer .footer-menu ul.footer-menu-list li:nth-child(2), footer .footer-menu ul.footer-menu-list li:nth-child(4), footer .footer-menu ul.footer-menu-list li:nth-child(6) {
            border-left: 1px solid #7F7F7F; }
          footer .footer-menu ul.footer-menu-list li:nth-child(1), footer .footer-menu ul.footer-menu-list li:nth-child(2), footer .footer-menu ul.footer-menu-list li:nth-child(3), footer .footer-menu ul.footer-menu-list li:nth-child(4) {
            border-bottom: 1px solid #7F7F7F; }
          footer .footer-menu ul.footer-menu-list li:after {
            content: "";
            width: 4px;
            height: 4px;
            border-top: 2px solid #666;
            border-right: 2px solid #666;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
            right: 8%; }
          footer .footer-menu ul.footer-menu-list li a {
            font-size: 12px;
            font-size: 1.2rem;
            color: #000;
            text-decoration: none;
            display: block;
            letter-spacing: 2px; }
    footer .logo-share {
      margin: 0 auto 5% auto;
      text-align: center; }
      footer .logo-share ul.share {
        margin: 0 0 5% 3%;
        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 .logo-share p.logo {
        width: 80%;
        margin: 0 auto;
        text-align: center; }
    footer .copyright {
      font-size: 10px;
      font-size: 1.0rem;
      text-align: center; }
  /*
	breadcrumbs
----------------------------------------------*/
  div.breadcrumbs span {
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 145%; }
    div.breadcrumbs span a {
      text-decoration: none;
      color: #000; }
    div.breadcrumbs span:first-child {
      margin: 0 2.5px 0 0; }
  div.breadcrumbs span + span {
    margin: 0 0 0 5px; }
  /*
	pagenation
----------------------------------------------*/
  div.pagenation {
    margin: 5% 0 0 0;
    text-align: center; }
  /*
	news-list&release-list
----------------------------------------------*/
  ul.news-list,
  ul.release-list {
    margin: 0 0 0 0; }
    ul.news-list li,
    ul.release-list li {
      width: 48.5%;
      float: left; }
      ul.news-list li:nth-child(2),
      ul.release-list li:nth-child(2) {
        margin: 0 0 0 2%; }
      ul.news-list li:nth-child(2n + 1),
      ul.release-list li:nth-child(2n + 1) {
        margin: 5% 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: 100%;
        margin: 0 0 2% 0;
        position: relative;
        line-height: 0;
        text-align: center;
        background-color: #FFF;
        overflow: hidden;
        display: table;
        line-height: 0; }
        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 {
            height: 66.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 4% 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: 6px 0 0 0;
            font-size: 10px;
            font-size: 1.0rem;
            float: left; }
          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 {
            margin: 1px 0 0 0;
            padding: 3px 10px;
            font-size: 10px;
            font-size: 1.0rem;
            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 {
            margin: 1px 0 0 0;
            padding: 3px 10px;
            font-size: 10px;
            font-size: 1.0rem;
            color: #FFF;
            background: #623c22;
            border-radius: 100px;
            float: right; }
        ul.news-list li .contents .title,
        ul.release-list li .contents .title {
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 145%; }
          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 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: 12px;
          font-size: 1.2rem;
          line-height: 145%; }
          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: 5% 0 0 2%; }
  /*
	artist-list
----------------------------------------------*/
  ul.artist-list {
    margin: 0 0 0 0; }
    ul.artist-list li {
      width: 48.5%;
      float: left; }
      ul.artist-list li:nth-child(2) {
        margin: 0 0 0 2%; }
      ul.artist-list li:nth-child(2n + 1) {
        margin: 5% 0 0 0; }
      ul.artist-list li:nth-child(1) {
        margin: 0 0 0 0; }
      ul.artist-list li .thumbnail {
        width: 100%;
        margin: 0 0 3% 0;
        position: relative;
        line-height: 0;
        text-align: center;
        background-color: #FFF;
        overflow: hidden;
        display: table;
        line-height: 0; }
        ul.artist-list li .thumbnail a {
          display: table-cell;
          vertical-align: middle; }
          ul.artist-list li .thumbnail a img {
            height: 66.8%; }
      ul.artist-list li .contents {
        margin: 0 0 0 0; }
        ul.artist-list li .contents .title {
          margin: 0 0 1% 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 145%; }
          ul.artist-list li .contents .title a {
            color: #000;
            text-decoration: none; }
        ul.artist-list li .contents .sub {
          font-size: 10px;
          font-size: 1.0rem; }
    ul.artist-list li + li {
      margin: 5% 0 0 2%; }
  /*
	video-list
----------------------------------------------*/
  ul.video-list {
    margin: 0 0 0 0; }
    ul.video-list li {
      width: 100%;
      padding: 56.25% 0 0 0;
      position: relative; }
      ul.video-list li iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
    ul.video-list li + li {
      margin: 3% 0 0 0; }
  /*
	btn-more-view
----------------------------------------------*/
  .btn-more-view {
    width: 78.125%;
    margin: 5% auto 0 auto;
    padding: 3%;
    border-radius: 20px;
    background: #FFF;
    text-align: center;
    border: 1px solid #cccccc; }
    .btn-more-view a {
      font-size: 13px;
      font-size: 1.3rem;
      color: #666666;
      text-align: center;
      text-decoration: none;
      display: block;
      border-radius: 20px; }
  /*
	to-top
----------------------------------------------*/
  .to-top {
    width: 9%;
    bottom: 5px;
    right: 5px;
    position: fixed; } }