@charset "utf-8";

/** --------------------------------------------------------------------------------
 * html5doctor.com Reset Stylesheet
 * v1.6.1
 * Last Updated: 2010-09-17
 * Author: Richard Clark - http://richclarkdesign.com
 * Twitter: @rich_clark
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline;
}

main {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

body {
  line-height: 1.43;
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  font-size: 87.5%;/* 14px相当 */
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline;
}

/** ----------------------------------------
 * フォントサイズ調整
 */
html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

/** ----------------------------------------
 * リスト
 */
ol,
ul {
  list-style-type: none;
}


/** --------------------------------------------------------------------------------
 * change colours to suit your needs
 */
ins {
  color: #000;
  background-color: none;
  text-decoration: none;
}

/** --------------------------------------------------------------------------------
 * change colours to suit your needs
 */
mark {
  color: #000;
  background-color: #ff9;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/** ----------------------------------------
 *  table
 */
table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

th {
  vertical-align: middle;
  font-weight: normal;
  text-align: center;
  empty-cells: show;
}

td {
  vertical-align: middle;
  empty-cells: show;
}

/** --------------------------------------------------------------------------------
 * change border colour to suit your needs
 */
hr {
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #cccccc;
  display: block;
  height: 1px;
}

input, select {
  vertical-align: middle;
}

/** --------------------------------------------------------------------------------
 * img
 */
img {
  vertical-align: bottom;
  border-style: none;
}

/** --------------------------------------------------------------------------------
 * Galaxy Nexus バグ対策
 */
.galaxyNexus * {
  text-shadow: none !important;
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert button {
    background-color: #AEDEF4;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #a1d9f2; }
    .sweet-alert button:active {
      background-color: #81ccee; }
    .sweet-alert button.cancel {
      background-color: #D0D0D0; }
      .sweet-alert button.cancel:hover {
        background-color: #c8c8c8; }
      .sweet-alert button.cancel:active {
        background-color: #b6b6b6; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

.reward-ad-alert .sa-button-container {
  display: flex;
  flex-direction: column;
}

.reward-ad-alert .sa-button-container button.confirm { 
  order: 0;
}

.reward-ad-alert .sa-button-container::after {
  content: "※動画再生時の音量にご注意ください";
  color: #797979;
  font-size: 13px;
  order: 1;
}

.reward-ad-alert .sa-button-container button.cancel {
  order: 2;
  background-color: #fff !important;
  color: #e80 !important;
  border: 1px solid #e80 !important;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    margin: 2px;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset "utf-8";

/*----------------------------------------------------------------------------
<div class="lyricBody">
  <span class="ruby"><span class="rb">歌詞</span><span class="rt">かし</span></span>
</div>
----------------------------------------------------------------------------*/
.lyricBody {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  letter-spacing: 1px;
  line-height: 2.3;
}

@media only screen and (min-width: 641px) {/* 以上 */
  .lyricBody {
    padding: 5px 10px 10px;
  }
}

@media only screen and (max-width: 640px) {/* 以下 */
  .lyricBody {
    padding: 15px 0;
  }
}

.lyricBody div span.ruby {
  margin-bottom: 0.55em;
  display: inline-table;
  position: relative;
  vertical-align: bottom;
}

.lyricBody span.ruby span.rb {
  display: table-row;
  position: relative;
  line-height: 1.2;
}

.lyricBody span.ruby span.rt {
  display: table-header-group;
  line-height: 1.8;
  color: #999;
  white-space: nowrap;
  text-align: center;
  letter-spacing: -0.001em;
  before: '(';/* IE7以下 */
  after: ')';/* IE7以下 */
}

* + html .lyricBody span.ruby span.rt {
  padding: 0 4px;
  display: inline;
  color: #ef8100;
}

.lyricBody span.ruby span.rt_hidden {
  visibility: hidden;
}

* + html .lyricBody span.ruby span.rt_hidden {
  display: none;
}

.lyricBody div.small {
  font-size: 13px;
}

.lyricBody div.small span.ruby span.rt {
  font-size: 7px;
}

.lyricBody div.medium {
  font-size: 17px;
}

.lyricBody div.medium span.ruby span.rt {
  font-size: 11px;
}

.lyricBody div.large {
  font-size: 21px;
}

.lyricBody div.large span.ruby {
  line-height: 2.6;
}

.lyricBody div.large span.ruby span.rt {
  font-size: 14px;
}

/* 新ルビ */
.lyricBody div ruby.ruby--new {
  margin-bottom: 0.55em;
  display: inline-table;
  position: relative;
  vertical-align: bottom;
}

.lyricBody ruby.ruby--new rb.rb {
  display: table-row;
  position: relative;
  line-height: 1.2;
}

.lyricBody ruby.ruby--new rt.rt {
  display: table-header-group;
  line-height: 1.8;
  color: #999;
  white-space: nowrap;
  text-align: center;
  letter-spacing: -0.001em;
  before: '(';/* IE7以下 */
  after: ')';/* IE7以下 */
}

* + html .lyricBody ruby.ruby--new rt.rt {
  padding: 0 4px;
  display: inline;
  color: #ef8100;
}

.lyricBody ruby.ruby--new rt.rt_hidden {
  visibility: hidden;
}

* + html .lyricBody ruby.ruby--new rt.rt_hidden {
  display: none;
}

.lyricBody div.small {
  font-size: 13px;
}

.lyricBody div.small ruby.ruby--new rt.rt {
  font-size: 7px;
}

.lyricBody div.medium {
  font-size: 17px;
}

.lyricBody div.medium ruby.ruby--new rt.rt {
  font-size: 11px;
}

.lyricBody div.large {
  font-size: 21px;
}

.lyricBody div.large ruby.ruby--new {
  line-height: 2.6;
}

.lyricBody div.large ruby.ruby--new rt.rt {
  font-size: 14px;
}
@charset "utf-8";

/** --------------------------------------------------------------------------------
 * html body
 */
html {
  overflow-y: scroll;
}

body {
  width: 100%;
  min-width: 1040px;
  background-color: #fff;
  /*background-color: #fffae4;あとで調整*/
  color: #343330;
  font-size: small;
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.5;
}

blockquote {
  color: #808080;
  font-weight: bold;
}

cite,
cite a {
  color: #e80;
  font-style: normal;
  font-size: 12px;
}

cite a:hover {
  opacity: 0.7;
}

.loader-inner {
  line-height: 315px;
}

.line-scale-pulse-out div,
.ball-pulse div {
  background: #e80;
}

/** --------------------------------------------------------------------------------
 * ハイパーテキスト
 */
a {
  color: #343330;
  outline: none;
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

a:hover,
a:active {
  color: #e80;
}

a img {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

a:hover img {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

/** --------------------------------------------------------------------------------
 * フォント
 */
@font-face {
  font-family: utIcon;
  src:url('/fonts/utIcon.eot?0509');
  src:url('/fonts/utIcon.eot?#iefix?0509') format('embedded-opentype'),
      url('/fonts/utIcon.woff?0509') format('woff'),
      url('/fonts/utIcon.ttf?0509') format('truetype'),
      url('/fonts/utIcon.svg#utIcon?0509') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: smileIcon;
  src:url('/fonts/smileIcon.eot?');
  src:url('/fonts/smileIcon.eot?#iefix') format('embedded-opentype'),
      url('/fonts/smileIcon.woff?') format('woff'),
      url('/fonts/smileIcon.ttf?') format('truetype'),
      url('/fonts/smileIcon.svg?#smileIcon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: idolIcon;
  src:url('/fonts/idolIcon.eot');
  src:url('/fonts/idolIcon.eot?#iefix') format('embedded-opentype'),
      url('/fonts/idolIcon.woff') format('woff'),
      url('/fonts/idolIcon.ttf') format('truetype'),
      url('/fonts/idolIcon.svg#idolIcon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'quiz';
  src:  url('/fonts/quiz.eot?f2e3ce');
  src:  url('/fonts/quiz.eot?f2e3ce#iefix') format('embedded-opentype'),
        url('/fonts/quiz.ttf?f2e3ce') format('truetype'),
        url('/fonts/quiz.woff?f2e3ce') format('woff'),
        url('/fonts/quiz.svg?f2e3ce#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: vocaloIcon;
  src:url('/fonts/vocalo.eot');
  src:url('/fonts/vocalo.eot?#iefix') format('embedded-opentype'),
      url('/fonts/vocalo.woff') format('woff'),
      url('/fonts/vocalo.ttf') format('truetype'),
      url('/fonts/vocalo.svg#vocalo') format('svg');
  font-weight: normal;
  font-style: normal;
}

/** --------------------------------------------------------------------------------
 * $header
 */
header {
  /*border-bottom: 3px solid #e80;*/
  background-color: #343330;
  line-height: 1.0;
}

.header__inner {
  width: 1040px;
  margin: 0 auto;
  padding: 10px 0;
}

.header__inner:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
  content: ".";
}

.header__inner * {
  display: block;
  float: left;
}

header a {
  text-decoration: none !important;
}

header .headerLogo {
  width: 100px;
  margin-right: 15px;
}

.headerLogo img {
  width: 100%;
}

/** ------------------------------
 * グローバルナビ
 */
.globalNav {
  margin-top: 8px;
  font-size: 12px;
}

.globalNav__item a:before {
  font-family: utIcon;
}

.globalNav__item a {
  position: relative;
  display: block;
  margin: 0 2px;
  padding: 5px 12px;
  /*padding: 5px 13px;*/
  border-radius: 3px;
  color: #fff;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.globalNav__item a:before {
  display: inline-block;
  margin-top: -2px;
  margin-right: 2px;
  font-weight: normal;
  font-size: 15px;
  vertical-align: middle;
}

.globalNav__item--search a:before {
  content: "\e92c";
}

.globalNav__item--ranking a:before {
  content: "\e908";
}

.globalNav__item--sp a:before {
  content: "\e90b";
}

.globalNav__item--quiz a:before {
  font-family: 'quiz';
  content: "\e906";
}

.globalNav__item--keyword a:before {
  content: "\e921";
}

.globalNav__item--news a:before {
  content: "\e90c";
}

.globalNav__item--pickupArtist a:before {
  content: "\e934";
}

.globalNav__item--mypage a:before {
  content: "\e928";
}

.globalNav__item--idol a:before {
  content: "\e918";
}

.globalNav__item--karaoke a:before {
  content: "\e927";
}

.globalNav__item--live a:before {
  content: "\e937";
}

.globalNav__item--current a {
  background-color: #e80;
  color: #fff !important;
}

.globalNav__item--mypage {
  position: relative;
  z-index: 60;
}

/** ------------------------------
 * マイメニュー
 */
.myMenu {
  display: none;
  position: relative;
  z-index: 50;
  width: 1040px;
  margin: 0 auto;
}

.myMenu > div {
  position: absolute;
  right: 0;
  width: 380px;
  padding: 3px;
  border: 1px solid #ddd;
  box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  background-color: #eee;
  font-size: 0;
}

.myMenu ul {
  padding: 10px 5px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
}

.myMenu ul:before {
  display: block;
  position: absolute;
  top: -30px;
  right: 80px;
  z-index: 10;
  border-width: 15px 10px;
  border-style: solid;
  border-color: transparent transparent #eee transparent;
  content: " ";
}

.myMenu ul:after {
  display: block;
  position: absolute;
  top: -33px;
  right: 78px;
  z-index: 8;
  border-width: 17px 12px 16px;
  border-style: solid;
  border-color: transparent transparent #d6d6d6 transparent;
  content: " ";
}

.myMenu__item {
  display: inline-block;
  position: relative;
  width: 33.33%;
  box-sizing: border-box;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}

.myMenu__item:before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 74%;
  margin: auto;
  background-color: #ddd;
  content: " ";
}

.myMenu__item--right:before {
  display: none;
}

.myMenu__item:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 74%;
  height: 1px;
  margin: auto;
  background-color: #ddd;
  content: " ";
}

.myMenu__item--bottom:after {
  display: none;
}

.myMenu__item a {
  display: block;
  padding: 25px 3px;
  text-decoration: none;
}

.myMenu__item a:before {
  display: block;
  margin: 0 auto 10px;
  font-weight: normal;
  font-size: 34px;
  font-family: utIcon;
  text-align: center;
  vertical-align: middle;
}

.myMenu__item--lyricHistory a:before {
  /*content: "\e65a";
  content: "\e6aa";*/
  content: "\e92a";
}

.myMenu__item--newsHistory a:before {
  /*content: "\e6ab";*/
  content: "\e92e";
}

.myMenu__item--spHistory a:before {
  /*content: "\e622";*/
  content: "\e92d";
}

.myMenu__item--search a:before {
  content: "\e92c";
}

.myMenu__item--sp a:before {
  content: "\e600";
}

.myMenu__item--ranking a:before {
  content: "\e691";
}

.myMenu__item--keyword a:before {
  content: "\e64a";
}

.myMenu__item--news a:before {
  content: "\e605";
}

.myMenu__item--request a:before {
  /*content: "\e620";*/
  content: "\e930";
}

.myMenu__item--favourite a:before {
  /*content: "\e604";*/
  content: "\e92b";
}

.myMenu__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7;
  width:100%;
  height:100%;
  background: transparent;
}

/** ------------------------------
 * SNSナビ
 */
.shareLink {
  float: right;
}

.shareLink--left {
  float: left;
}

.snsNav {
  margin-top: 2px;
  float: left;
  font-size: 42px;
  vertical-align: top;
}

.snsNav__item {
  width: 43px;
  height: 45px;
  margin-bottom: 2px;
  margin-left: 5px;
  overflow: hidden;
}

.snsNav__item a {
  display: block;
  position: relative;
  padding-left: 55px;
  /*color: #fff;*/
  text-decoration: none !important;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.snsNav__item a:before {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  font-family: utIcon;
  line-height: 42px;
}

.snsNav__item a:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.snsNav__item--twitter a:before {
  color: #343330;
  content: "\e692";
}

.snsNav__item--facebook a:before {
  color: #3b5998;
  content: "\e694";
}

.snsNav__item--googleplus a:before {
  color: #d84937;
  content: "\e693";
}

/* LINEアイコン
.snsNav__item--line a:before {
  color: #00c300;
  content: "\e695";
}
*/

.snsNav__item--youtube a:before {
  color: #cc181e;
  content: "\e6ae";
}

.snsNav__item--share a:before {
  color: #ee7b00;
  content: "\e6ad";
}

.snsNav__item--favourite a:before {
  display: inline-block;
  top: 1px;
  width: 43px;
  height: 43px;
  border: 1px solid #eebe00;
  -webkit-border-radius: 7px;
          border-radius: 7px;
  box-sizing: border-box;
  color: #fff;
  color: #eebe00;
  font-size: 60%;
  text-align: center;
  content: "\e604";
}

.snsNav__item--favourite a.favourite--on:before {
  background-color: #eebe00;
  color: #fff;
}

.snsNav__item--hatena a:before {
  color: #008fde;
  content: "\e935";
}

.indexSubttl--withShare .shareLink {
  position: absolute;
  top: 2px;
  right: 10px;
}

/** ------------------------------------------------------------
 * TOP
 */

/** ------------------------------
 * billboard
 */
.billboard {
  background-color: #fee3bf;
}

.billboard__inner {
  width: 1040px;
  margin: 0 auto;
  padding: 10px 0;
}

.billboard__inner:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
  content: ".";
}

/* バナー */
.billboardBanner {
  margin-bottom: 10px;
  text-align: center;
}

.billboardBanner a {
  display: inline-block;
}

.billboardSlide {
  float: left;
  width: 626px;
  min-height: 294px;
  padding: 23px 41px 0;
  border: 1px solid #ddd;
  background-color: #fff;
}

/* スライド */
.billboardSlide--video {
  float: left;
  width: auto;
  min-height: 180px;
  padding: 12px 41px 0;
  padding-bottom: 10px;
  border:none;
  background: #ddd;
}

.billboardSlide__title {
  margin-top: 8px;
}

/* top動画スライド */
.billboard--sidebar {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  background-color: #f2f2f0;
}

.billboardSlide--sidebar {
  background-color: #f2f2f0;
  width: 100%;
}

.billboardSlide--sidebar__item a {
  display: table;
  width: 100%;
  text-decoration: none;
  table-layout: fixed;
  unicode-bidi: embed;
  direction: rtl;
}

.billboardSlide--sidebar__item a > * {
  display: table-cell;
  direction: ltr;
}

.billboardSlide--sidebar__sub {
  width: 150px;
  vertical-align: top;
}

.billboardSlide--sidebar__sub--video {
  width: 100px;
  padding: 5px;
}

.billboardSlide--sidebar__sub--video img {
  width: 100%;
  height: auto;
  padding: 5px 0;
}

.billboardSlide--sidebar__title {
  padding-left: 20px;
  vertical-align: middle;
}

/* bxSlider */
.bx-prev,
.bx-next {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 22px;
  height: 110px;
  margin: auto;
  padding: 0;
  /* border: 1px solid #ddd; */
  background-color: #333;
  color: #fff !important;
  font-size: 0;
  /* text-decoration: none !important; */
  line-height: 0;
  cursor: pointer;
  transition: all 0.5s ease;
}

.bx-prev:hover,
.bx-next:hover {
  background-color: #f3a318;
}

.bx-prev:before,
.bx-next:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 3px;
  width: 24px;
  height: 24px;
  margin: auto;
  font-size: 24px;
  font-family: utIcon;
  line-height: 1.0;
  text-indent: -4px;
}

.bx-prev {
  left: -43px;
}

.bx-next {
  right: -42px;
}

.bx-prev:before {
  content: "\e69a";
}

.bx-next:before {
  content: "\e69d";
}

/** ------------------------------
 * 201903 topContents
 */
.topContents {
  background-color: #acaba9;
}

.topContents__inner {
  width: 1040px;
  margin: 0 auto;
  padding: 10px 0 45px;
}

.topContents__inner:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
  content: ".";
}

/* スライド */
.topContents__slide {
  float: left;
  width: 710px;
  height: 380px;
  background-color: #fff;
}

.articleSlide__item {
  /*width: 560px;
  height: 380px;*/
  position: relative;
  margin: 0 5px;
}

.articleSlide__item img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.articleSlide__title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4.6154em;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(85, 85, 85, .8);
  color: #fff;
}

.articleSlide__title span {
  display: block;
}

/* slickJS */
.articleSlide__list .slick-list {
  position: relative;
}

/* スライダーの上と下の三角 */
/* .articleSlide__list .slick-list:before ,
.articleSlide__list .slick-list:after {
  display: block;
  position: absolute;
  z-index: 999;
  opacity: .8;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 41px 72px;
  content: " ";
} */

/* .articleSlide__list .slick-list:before {
  top: 0;
  left: 0;
  border-color: #222 transparent transparent #222;
}

.articleSlide__list .slick-list:after {
  bottom: 0;
  right: 0;
  border-color: transparent #222 #222 transparent;
} */

/* arrow */
.slick-prev ,
.slick-next {
  position: absolute;
  z-index: 9999;
}

.slick-prev {
  top: 10px;
  left: 20px;
}

.slick-next {
  right: 20px;
  bottom: 10px;
}

.slick-prev:hover ,
.slick-next:hover {
  cursor: pointer;
}
.slick-prev:before ,
.slick-next:before {
  color: #fff;
  font-size: 26px;
  font-family: utIcon;
}

.slick-prev:before {
  content: "\e911";
}

.slick-next:before {
  content: "\e913";
}

/* dots */
.slick-dots {
  position: absolute;   
  z-index: 9999;      
  width: 100%;        
  padding: 10px 0;    
  font-size: 15px;     
  text-align: center;   
}

.slick-dots li {
  display: inline-block;
}

.slick-dots li + li {
  margin-left: 20px;
}

.slick-dots button {
  width: 10px;
  height: 10px;
  padding: 0;
  overflow: hidden;
  border: none;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
       -o-border-radius: 50%;
          border-radius: 50%;
  background-color: #c7c7c6;
  line-height: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}

.slick-dots button:hover {
  cursor: pointer;
}

.slick-active button {
  background-color: #646361;
}
/* 201309 */

/* 新着歌詞 */
.billboardNewest {
  background-color: #fff;
  width: 298px;
  border: 1px solid #ddd;
  float: right;
  position: relative;
}

.billboardNewest__title {
  font-size: 131%;
  line-height: 44px;
  background-color: #eee;
  margin: 5px 1px 1px;
  padding: 0 19px;
  position: relative;
}

.billboardNewest__title:before {
  content: "";
  background-color: #e80;
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
}

.billboardNewest__more {
  line-height: 1.0;
  position: absolute;
  top: 20px;
  right: 19px;
}

.billboardNewest__more a {
  color: #fff;
  text-decoration: none;
  background-color: #343330;
  padding: 1px 8px 1px 13px;
  display: block-inline;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.billboardNewest__more a:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.billboardNewest__more a:after {
  font-family: utIcon;
  content: "\e699";
  vertical-align: bottom;
}

.billboardNewestList__item {
  padding: 10px 20px 8px;
}

.billboardNewestList__item:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.billboardNewestList__item + .billboardNewestList__item {
  border-top: 1px solid #eee;
}

.billboardNewestList__title {
  font-size: 93%;
  font-weight: bold;
  text-overflow: ellipsis;/* テキストが表示領域からはみ出た場合、末尾に省略符号「…」を表示 */
  white-space: nowrap;/* 自動改行しない */
  display: block;
  overflow: hidden;/* overflowの値にvisible以外のものを指定 */
}

.billboardNewestList__name,
.billboardNewestList__date {
  font-size: 85%;
}

.billboardNewestList__name {
  float: left;
}

.billboardNewestList__name a {
  color: #e80;
}

.billboardNewestList__date {
  color: #888;
  margin-left: 10px;
  float: right;
}

/* 201903 */
.topContents__newest {
  background-color: #fff;
  width: 300px;
  height: 380px;
  float: right;
  overflow: hidden;
}
/* 201903 */

/* 検索 */
.billboardSearch {
  background-color: #e80;
  clear: both;
}

.billboardSearch__inner {
  text-align: center;
  width: 1040px;
  margin: 0 auto;
  padding: 10px 0;
}

.billboardSearch__inputArea {
  background-color: #fff;
  width: 710px;
  margin: 0 auto;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.billboardSearch__inputArea:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.billboardSearch__inputArea input[type="text"],
.billboardSearch__inputArea button {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  font-size: 15px;
  line-height: 1.7;
  background-color: transparent;
  margin: 0;
  padding: 0;
  float: left;
  outline: none;
  border: none;
}

/*201903*/
.topContentsSearch {
  background-color: #343330;
  position: relative;
}

.topContentsSearch #search {
  position: absolute;
  top: -80px;
}

.topContentsSearch__inner {
  font-size: 0;
  text-align: center;
  width: 1040px;
  margin: 0 auto;
  padding: 10px 0;
}

.topContentsSearch__item {
  vertical-align: middle;
  display: inline-block;
}

.topContentsSearch__item + .topContentsSearch__item {
  margin-left: 10px;
}

.topContentsSearch__inputArea {
  background-color: #fff;
  width: 530px;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.topContentsSearch__inputArea:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.topContentsSearch__inputArea input[type="text"],
.topContentsSearch__submitBtn button ,
.topContentsSearch__detailSearch a {
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  font-size: 14px;
  outline: none;
}

.topContentsSearch__inputArea input[type="text"],
.topContentsSearch__submitBtn button {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
}
/*201903*/

/* プルダウン装飾JS用 */
.easy-select-box {
  color: #e80;
  font-size: 14px;
  text-align: left;
  background-color: #fffdf4;
  width: 152px !important;
  float: left;
  position: relative;
}

.easy-select-box .esb-displayer {
  text-indent: 5px;
  line-height: 27px;
  height: 27px;
  padding: 0 27px 0 3px;
  cursor: pointer;
}

.easy-select-box .esb-displayer:after {
  font-family: utIcon;
  content: "\e697";
  color: #e80;
  font-size: 26px;
  height: 26px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3px;
  z-index: 1;
}

.easy-select-box .esb-displayer:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: 'alpha(opacity=80)';
}

.easy-select-box:hover .esb-displayer {
  text-decoration:none;
}

.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer {
  background-position: 0 -36px;
}

.easy-select-box .esb-dropdown {
  background-color: #fff;
  width: 145px !important;
  max-height: 200px;
  display: none;
  border: 1px solid #ddd;
  overflow: auto;
  position: absolute;
  z-index: 999;
}

.easy-select-box .esb-item {
  background-color: #fffdf4;
  padding: 3px 6px;
  cursor: pointer;
}

.easy-select-box .esb-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #e80;
}

/* 201903 */
.topContentsSearch__inputArea .easy-select-box {
  color: #343330;
  font-size: 14px;
  text-align: left;
  background-color: #e9e9e9;
  width: 120px !important;
  margin-right: 10px;
  float: left;
  position: relative;
}

.topContentsSearch__inputArea .easy-select-box .esb-displayer {
  line-height: 27px;
  height: 27px;
  padding: 0 25px 0 10px;
  cursor: pointer;
}

.topContentsSearch__inputArea .easy-select-box .esb-displayer:after {
  font-family: utIcon;
  content: "\e697";
  color: #343330;
  font-size: 26px;
  height: 26px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.topContentsSearch__inputArea .easy-select-box .esb-dropdown {
  background-color: #fff;
  width: 118px !important;
  max-height: 200px;
  display: none;
  border: 1px solid #ddd;
  overflow: auto;
  position: absolute;
  z-index: 999;
}

.topContentsSearch__inputArea .easy-select-box .esb-item {
  background-color: #fff;
  padding: 3px 6px;
  cursor: pointer;
}

.topContentsSearch__inputArea .easy-select-box .esb-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #999;
}
/* 201903 */

/* input */
.billboardSearch input[type="text"] {
  width: 420px;
  margin-right: 15px;
}

.billboardSearch button {
  color: #fff;
  text-align: center;
  background-color: #343330;
  width: 123px;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.billboardSearch button:before {
  font-family: utIcon;
  content: "\e92c";
  margin-right: 5px;
}

.billboardSearch button:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

/* 201903 */
.topContentsSearch input[type="text"] {
  line-height: 27px;
  width: 100%;
  height: 27px;
  float: left;
}

.topContentsSearch__submitBtn button ,
.topContentsSearch__detailSearch a{
  color: #fff;
  text-align: center;
  text-indent: .05em;
  line-height: 37px;
  letter-spacing: .05em;
  width: 115px;
  height: 37px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.topContentsSearch__submitBtn button {
  background-color: #e80;
}

.topContentsSearch__inputArea {
  position: relative;
  padding-left: 35px;
  box-sizing: border-box;
}

.topContentsSearch__inputArea:before {
  content: "\e92c";
  top: 7px;
  left: 10px;
  color: #777;
  font-family: utIcon;
  font-size: 15px;
  position: absolute;
  z-index: 1000;
}

.topContentsSearch__detailSearch a{
  background-color: #343330;
  display: block;
  border: solid 1px #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

.topContentsSearch__detailSearch a:hover,
.topContentsSearch__submitBtn button:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}
/* 201903 */

/** ------------------------------------------------------------
 * container
 */
#container {
  width: 1040px;
  margin: 0 auto;
  padding: 16px 0;
  position: relative;
}

#container:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

/** ------------------------------------------------------------
 * contents
 */
#contents {
  width: 710px;
  float: left;
}

/** ------------------------------
 * contentBox
 */
.contentBox {
  background-color: #fff;
  margin-bottom: 15px;
  clear: both;
  border: 1px solid #ddd;
  position: relative;
}

.contentBox--half {
  background-color: transparent;
  width: 348px;
  margin-bottom: 0;
  padding: 1px;
  float: left;
  clear: none;
  border: none;
  position: relative;
  z-index: 5;
}

.contentBox--half  + .contentBox--half {
  float: right;
}

.contentBox--halfRanking {
  border: 1px solid #ddd;
  padding: 0;
}

.halfBoxWrapper {
  margin-bottom: 15px;
  position: relative;
}

.halfBoxWrapper:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.halfBoxWrapper__inner:before,
.halfBoxWrapper__inner:after {
  content: "";
  background-color: #fff;
  width: 348px;
  display: block;
  border: 1px solid #ddd;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.halfBoxWrapper__inner:before{
  left: 0;
}

.halfBoxWrapper__inner:after{
  right: 0;
}

/* 2011903 */
.mainContents {
  background-color: #fff;
  margin-bottom: 20px;
  clear: both;
  border: 1px solid #ddd;
  position: relative;
}

.contentMain__inner {
  margin: 10px;
  overflow: hidden;
}

.halfContents__wrap {
  margin-bottom: 20px;
  position: relative;
}

.halfContents__wrap:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.halfContents__wrapInner:before,
.halfContents__wrapInner:after {
  content: " ";
  background-color: #fff;
  width: 350px;
  display: block;
  border: 1px solid #ddd;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  -webkit-box-shadow: 0 5px 0 #e9e9e9;
     -moz-box-shadow: 0 5px 0 #e9e9e9;
       -o-box-shadow: 0 5px 0 #e9e9e9;
          box-shadow: 0 5px 0 #e9e9e9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

.halfContents__wrapInner:before{
  left: 0;
}

.halfContents__wrapInner:after{
  right: 0;
}

.mainContents__wrapHalf {
  width: 350px;
  float: left;
  z-index: 5;
  position: relative;
}

.mainContents__wrapHalf + .mainContents__wrapHalf {
  float: right;
}

/* shadow */
.contentsShadow {
  -webkit-box-shadow: 0 5px 0 #e9e9e9;
     -moz-box-shadow: 0 5px 0 #e9e9e9;
       -o-box-shadow: 0 5px 0 #e9e9e9;
          box-shadow: 0 5px 0 #e9e9e9;
}
/* 2011903 */

.contentBox__title {
  color: #e80;/* 基本色 */
  font-size: 131%;
  margin: 5px 1px 1px;
  padding: 10px 9px;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.contentBox__title__ruby {
  width: 100%;
  color: #888;
  font-size: 10px;
  vertical-align: bottom;
}

/* 201903 */
.contentHead {
  width: 100%;
  display: table;
  table-layout: auto;
  border-collapse: separate;
  border-spacing:  10px 14px;
  border-top: solid 4px #343330;
  border-bottom: solid 1px #f2f2f2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

.contentHead__ttl ,
.contentHead__view {
  vertical-align: middle;
  display: table-cell;
}

.contentHead__ttl {
  font-size: 1.15em;
  font-weight: bold;
  position: relative;
}

.contentHead__ttlIcon {
  padding-left: 2.75em;
}

.contentHead__ttlIcon:before {
  font-family: utIcon;
  font-size: 2.1404682em;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin: auto 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

/* 先行歌詞 */
.heading__no__icon {
  font-size: 1.15em;
  font-weight: bold;
  position: relative;
  color: #555;
}

/* icon */
/* 新着 */
.contentHead__ttlIcon--type01:before {
  content: "\e901";
}

/* ランキング */
.contentHead__ttlIcon--type02:before {
  content: "\e900";
}

/* ピックアップ歌詞 */
.contentHead__ttlIcon--type03:before {
  content: "\e902";
}

/* 特集 */
.contentHead__ttlIcon--type04:before {
  content: "\e903";
}

/* カラオケコラム */
.contentHead__ttlIcon--type05:before {
  content: "\e932";
}

/* 新着エンタメニュース */
.contentHead__ttlIcon--type06:before {
  content: "\e904";
}

/* ハッシュタグ */
.contentHead__ttlIcon--type07:before {
  content: "\e926";
}

/* PICK UP アーティスト */
.contentHead__ttlIcon--type08:before {
  content: "\e933";
}

/* 動画 */
.contentHead__ttlIcon--type09:before {
  content: "\e905";
}

/* ライブコラム */
.contentHead__ttlIcon--type10:before {
  content: "\e936";
}

.contentHead__view {
  text-align: right;
}

.contentHead__view a {
  white-space: nowrap;
  padding-right: 10px;
  display: inline-block;
  position: relative;
}

.contentHead__view a:after {
  content: " ";
  width: 6px;
  height: 6px;
  margin: auto 0;
  border-top: solid 1px;
  border-right: solid 1px;
  display: block;
  position: absolute;
  top: -2px;
  bottom: 0;
  right: 1px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* pink */
.contentColor--style01 a:hover ,
.contentColor--style01 .contentHead__ttl ,
.contentColor--style01 .contentHead__view a ,
.contentColor--style01 .articleList__view a ,
.contentColor--style01 .articleTag {
  color: #f02361;
}

.contentColor--style01 .rankNo__icon {
  background-color: #f02361;
}

.contentColor--style01 .articleList__view a:hover {
  background-color: #f02361;
  border-color: #f02361;
}

/* gold */
.contentColor--style02 a:hover ,
.contentColor--style02 .contentHead__ttl ,
.contentColor--style02 .contentHead__view a ,
.contentColor--style02 .articleList__view a ,
.contentColor--style02 .articleTag {
  color: #e80;
}

.contentColor--style02 .rankNo__icon {
  background-color: #e80;
}

.contentColor--style02 .articleList__view a:hover {
  background-color: #e80;
  border-color: #e80;
}

/* bluegreen */
.contentColor--style03 a:hover ,
.contentColor--style03 .contentHead__ttl ,
.contentColor--style03 .contentHead__view a ,
.contentColor--style03 .articleList__view a ,
.contentColor--style03 .articleTag {
  color: #2aa29a;
}

.contentColor--style03 .rankNo__icon {
  background-color: #2aa29a;
}

.contentColor--style03 .articleList__view a:hover {
  background-color: #2aa29a;
  border-color: #2aa29a;
}

/* violet */
.contentColor--style04 a:hover ,
.contentColor--style04 .contentHead__ttl ,
.contentColor--style04 .contentHead__view a ,
.contentColor--style04 .articleList__view a ,
.contentColor--style04 .articleTag {
  color: #ad64be;
}

.contentColor--style04 .rankNo__icon {
  background-color: #ad64be;
}

.contentColor--style04 .articleList__view a:hover {
  background-color: #ad64be;
  border-color: #ad64be;
}

/* blue */
.contentColor--style05 a:hover ,
.contentColor--style05 .contentHead__ttl ,
.contentColor--style05 .contentHead__view a ,
.contentColor--style05 .articleList__view a ,
.contentColor--style05 .articleTag {
  color: #5467b2;
}

.contentColor--style05 .rankNo__icon {
  background-color: #5467b2;
}

.contentColor--style05 .articleList__view a:hover {
  background-color: #5467b2;
  border-color: #5467b2;
}

/* リアルタイムランキング  */
.contentColor--realtime a:hover ,
.contentColor--realtime .contentHead__ttl ,
.contentColor--realtime .contentHead__view a ,
.contentColor--realtime .articleList__view a ,
.contentColor--realtime .articleTag {
  color: #f35454;
}

.contentColor--realtime .rankNo__icon {
  background-color: #f35454;
}

.contentColor--realtime .articleList__view a:hover {
  background-color: #f35454;
  border-color: #f35454;
}

/* twitter */
.contentColor--twitter .contentHead__ttl {
  color: #343330;
}

/* facebook */
.contentColor--facebook .contentHead__ttl {
  color: #3b5998;
}
/* 201903 */

/* アーティスト歌詞一覧 */
.lyricsInfo {
  font-size: 0.9em;
  padding: 4px 10px;
}

/* 201904 */
.lyricsDate {
  color: #888;
  font-size: 1.111112em;
}

/* オススメ歌詞 */
.contentBox__title--recommend {
  padding-right: 120px;
}

.contentBox__titleSub {
  color: #343330;
  font-size: 13px;
  line-height: 1.2;
  display: block;
}

.contentBox__title a {
  color: #e80;
}

.contentBox__title a:before {
  font-family: utIcon;
  content: "\e690";
  color: #ccc;
  font-size: 12px;
  vertical-align: middle;
  margin-right: -0.2em;
}

.contentBox__title--lyricTitle,
.contentBox__title--article {
  color: #343330;
  font-size: 160%;
  background-color: #f6f6f6;
  padding: 15px 17px 13px 19px;
}

.contentBox__title--lyricTitle {
  padding-right: 78px;
  position: relative;
}

.contentBox__title--article {
  font-size: 193%;
}

.contentBox__title--lyricTitle:after,
.contentBox__title--article:after {
  content: "";
  background-color: #fff;
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.contentBox__title:before {
  content: "";
  background-color: #e80;/* 基本色 */
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
}

/* タイアップ情報 */
.lyricTieup {
  color: #888;
  font-size: 14px;
  vertical-align: middle;
}

.lyricTieup:before {
  content: "―";
  font-size: 10px;
  margin-right: 0.8em;
}

/* サブタイトル */
.contentBox__subTitle {
  color: #e80;
  font-size: 116%;
  padding: 0.6em 10px;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.contentBox__subTitle--line {
  border-top: 1px solid #ddd;
}

/* もっと見る */
.contentBox__more {
  line-height: 1.0;
  position: absolute;
  top: 20px;
  right: 9px;
}

.contentBox__subTitle + .contentBox__more {
  margin-top: -2.1em;
  top: auto;
}

.contentBox__more a {
  color: #fff;
  text-decoration: none;
  background-color: #343330;
  padding: 1px 8px 1px 13px;
  display: block-inline;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.contentBox__more a:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.contentBox__more a:after {
  font-family: utIcon;
  content: "\e699";
  vertical-align: bottom;
}

.contentBox__footerMore {
  text-align: right;
  padding: 10px 9px;
  border-top: 1px solid #ddd;
}

.contentBox__footerMore a {
  color: #fff;
  text-decoration: none;
  background-color: #343330;
  padding: 1px 8px 1px 13px;
  display: block-inline;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.contentBox__footerMore a:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.contentBox__footerMore a:after {
  font-family: utIcon;
  content: "\e699";
  vertical-align: bottom;
}

/* 赤紫 */
.contentBox__title--keyword {
  color: #ab538b;
  border-bottom: none;
}
.contentBox__title--keyword:before,
.contentBox__more--keyword a {
  background-color: #ab538b;
}

/* スミレ */
.contentBox__title--news {
  color: #7f5ed4;
}
.contentBox__title--news:before,
.contentBox__more--news a {
  background-color: #7f5ed4;
}

/* 黄緑 */
.contentBox__title--recentPopular {
  color: #72c331;
}
.contentBox__title--recentPopular:before,
.contentBox__more--recentPopular a {
  background-color: #72c331;
}

/* 黄緑 */
.contentBox__title--pickup {
  color: #31c3ad;
}
.contentBox__title--pickup:before {
  background-color: #31c3ad;
}

/* 紅 */
.contentBox__title--special {
  color: #d0475a;
}
.contentBox__title--special:before,
.contentBox__more--special a {
  background-color: #d0475a;
}

/* ツイート */
.contentBox__title--tweet {
  color: #55acee;
}
.contentBox__title--tweet:before {
  background-color: #55acee;
}

/* コラム */
.contentBox__title--wp {
  color: #343330;
}
.contentBox__title--wp:before {
  background-color: #343330;
}

/* タグ */
.contentBox__title--lyricTag {
  color: #3faba3;
}
.contentBox__title--lyricTag:before {
  background-color: #3faba3;
}

/* 内容 */
.contentBox__body {
  margin: 1px;
}

.contentBox__body--text {
  font-size: 109%;
}

.contentBox__body--sitemap a {
  color: #e80;
}

.contentBox__body--sitemap a:hover {
  opacity: 0.6;
}

.contentBox__body--sitemap p {
  font-weight: bold;
}

.contentBox__body--sitemap dt {
  width: 100%;
  box-sizing: border-box
}

/* 検定リクエスト */
.contentBox__title--quizRequest span {
  display: -webkit-flex;
  display:   -moz-flex;
  display:    -ms-flex;
  display:     -o-flex;
  display:        flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
}

.contentBox__title--quizRequest span:before {
  display: block;
  margin-right: 10px;
  font-size: 2.290076em;
  line-height: 1;
  font-family: 'quiz';
  content: "\e900";
}

/** ------------------------------
 *記事関連
 */
.articleGenreAndType {
  background-color: #f6f6f6;
  padding: 4px 8px;
  border-bottom: 1px solid #ddd;
}

.articleGenreAndType a {
  color: #0044cc;
  margin-left: 8px;
}

.articleGenreAndType a:hover {
  opacity: 0.6;
}

.articleOverview {
  padding: 15px;
}

.articleOverview .articleOverview__img {
  width: 100%;
  min-height: 460px;
  display: flex;
  align-items: center;
}

.articleOverview img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.articleOverview .articleOverview__description {
  color: #555452;
  font-size: 15px;
  line-height: 1.5;
  word-break: break-all;
  margin-top: 20px;
}

.articleOverview__date {
  color: #bbb;
  margin: 4px 0;
}

.articleOverview__writer:after {
  content: "";
  display: block;
  clear: both;
}

.articleOverview__writer__articleSub {
  color: #bbb;
  margin-right: 6px;
  float: left;
}

.articleOverview__writer__writerPerson {
  float: left;
}

.articleOverview__writer__writerPerson a {
  color: #0044cc;
}

/** 特集のハッシュタグ */
.articleOverview__tags {
  margin-top: 8px;
}

.articleOverview__tags a {
  color: #0044cc;
}

.articleInfo {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.articleInfo:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

/* old
.bodyImageList {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 4px;
}

.bodyImageList__item {
  vertical-align: middle;
  display: table-cell;
  border: 1px solid #ddd;
} */

/* ▽202106 */
.bodyImageList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}

.bodyImageList + .bodyImageList {
  margin-top: 4px;
}

.bodyImageList__item {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 4px * 4 ) ) / 5 );
  width:         calc( ( ( 100% - .01px ) - ( 4px * 4 ) ) / 5 );
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.bodyImageList__item + .bodyImageList__item {
  margin-left: 4px;
}
/* ▲202106 */

.bodyImageList__item--empty {
  border: none;
}

.bodyImageList__item a {
  display: block;
  width: 100%;
  height: 128px;
  display: flex;
}

.bodyImageList__item img {
  max-width: 100%;
  max-height: 100%;
  align-self: center;
}

/** ------------------------------
 * ぎゅっとまとめ
 */
.articleSummary {
  margin: 15px 15px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
}

.articleSummary dt {
  margin-left: 10px;
  padding: 5px 1em 3px;
  position: relative;
  display: inline-block;
  line-height: 1;
  color: #fff;
  background-color: #e80;
  font-size: 90%;
  vertical-align: bottom;
}

.articleSummary dt::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #e80 transparent transparent;
}

.articleSummary dd {
  padding: 1.2em 3em;
  border: 1px solid #e80;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  font-size: 112%;
}

.articleSummary li {
  margin: 0.8em 0;
  padding-left: 30px;
  position: relative;
}

.articleSummary li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 8px;
  height: 3px;
  border-left: 3px solid #e80;
  border-bottom: 3px solid #e80;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.articleSummary + .related__article {
  margin-top: 15px;
}

.articleSummary + .related__article > * {
  margin-top: 0;
}

/** ------------------------------
 *日付
 */
.articleInfo__date {
  color: #888;
  line-height: 4em;
  float: left;
}

.articleInfo .articleInfo__date {
  line-height: 1.5;
  margin-top: 2.30769em;
}

.contentBox__voteTime {
  text-align: center;
  padding: 20px 10px;
}

/** ------------------------------
 * shareLink
 */
.contentBox .shareLink {/* ページ項目内の場合
  line-height: 1.0;
  padding: 3px 12px 5px 0;*/
}

.contentBox .shareLink:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.shareLink__item {
  padding: 5px 5px;
  float: left;
}

.shareLink__item .twitter-share-button {
  width: 105px !important;
}

/* 横幅wide */
.wideShareLink {
  margin-right: 1px;
}

.wideShareLink .shareLink {
  width: 100%;
  text-align: center;
  padding: 1px 0 0;
  display: table;
  table-layout: fixed;
  float: none;
  clear: both;
  border-top: 1px solid #ddd;
}

.wideShareLink .snsNav {
  width: 100%;
  margin: 0;
  padding: 0;
  display: table-cell;
  float: none;
  position: relative;
}

.wideShareLink .shareLink div + div {
  border-left: 1px solid #fff;
}

.wideShareLink .shareLink .snsNav__item {
  width: auto;
  height: auto;
  margin: 0;
}

.wideShareLink .shareLink a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  background-color: #ccc;
  padding: 10px 0 10px 0;
  display: block;
}

.wideShareLink .snsNav__item--twitter a {
  background-color: #55acee;
}

.wideShareLink .snsNav__item--facebook a {
  background-color: #3b5998;
}

.wideShareLink .snsNav__item--googleplus a {
  background-color: #d84937;
}

.wideShareLink .snsNav__item--youtube a {
  background-color: #cc181e;
}

.wideShareLink .snsNav__item--share a {
  background-color: #e80;
}

.wideShareLink .shareLink a:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.wideShareLink .snsNav__item a:before {
  color: #fff !important;
  font-size: 24px;
  line-height: 1.2;
  width: 24px;
  margin: 0 auto 4px;
  position: static;
}

.wideShareLink .snsNav__item--twitter a:before {
  content: "\e6a9";
}

.wideShareLink .snsNav__item--facebook a:before {
  content: "\e6a8";
}

.wideShareLink .snsNav__item--googleplus a:before {
  content: "\e6a7";
}

.wideShareLink .snsNav__item--youtube a:before {
  content: "\e647";
}

.wideShareLink .snsNav__item--share a:before {
  content: "\e61b";
}

/* 記事 */
.article__body {
  color: #555452;
  font-size: 15px;
  line-height: 1.5;
  padding: 25px 20px;
}

.article__body a {
  color: #0044cc;
  text-decoration: underline;
}

.article__body img {
  margin: 20px auto;
  display: block;
  max-width: 100%;
}

/* .article__body img {
  max-width: 100%;
}

.article__body img.center {
  margin: 0 auto;
} */

.article__body img.floatRight {
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 2em;
  float: right;
}

.article__body img.floatLeft {
  margin-top: 2em;
  margin-bottom: 2em;
  margin-right: 2em;
  float: left;
}

.article__body #reviews {
  margin: 10px -22px;
}

.article__body #reviews h2 {
  font-size: initial;
  border-bottom: initial;
}

.article__body #reviews .btn_sbs a {
  color: #fff;
}

.article__body hr+br,
.article__body .lyricCard+br {
  display: none;
}

.article__body .openTrunkBody {
  text-align: center;
}

.article__body .openTrunkBody a {
  color: #fff;
  background-color: #e80;
  width: 600px;
  padding: 10px;
  display: inline-block;
  border-radius: 100px;
}

.article__body .trunkBody {
  display: none;
}

.article__body h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5em;
  margin: 7px 0;
  border-bottom: 2px solid #e80;
}

.article__body h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5em;
  margin: 5px 0;
  padding-left: 3px;
  border-left: 3px solid #e80;
}

.article__body h4 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5em;
  margin: 5px 0;
  padding-left: 6px;
  border-left: 6px double #e80;
}

.article__body table {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.article__body__pagerNext {
  text-align: center;
  margin-top: 16px;
}

.article__body__pagerNext a {
  color: #fff;
  background-color: #e80;
  width: 600px;
  padding: 10px;
  display: inline-block;
  border-radius: 100px;
  text-decoration: none;
}

.article__body__pagerNext a:hover {
  opacity: 0.6;
}

.article__body__pager {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 1px;
  padding: 10px;
}

.article__body__pager__item,
.article__body__pager__item a {
  display: inline-block;
}

.article__body__pager__item--current {
  background-color: #eee;
}

.article__body__pager__item a:hover {
  border-color: #e80;
}

.article__body__pager__item--current,
.article__body__pager__item a {
  padding: 4px 12px;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.article__body__pager__item a {
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.article__body__pager__item--prev a,
.article__body__pager__item--next a {
  color: #0044cc;/* リンク色 */
}

.article__body__pager__item--prev a:before {
  font-family: utIcon;
  content: "\e63c";
  vertical-align: middle;
  margin-right: 5px;
}

.article__body__pager__item--next a:after {
  font-family: utIcon;
  content: "\e63d";
  vertical-align: middle;
  margin-left: 5px;
}

/* 特集記事内 */
.article__body cite
{
  color: #808080;
}

.ut-int
{
  color: maroon;
}

.ut-photocap
{
  color: gray;
  font-size: x-small;
}

.ut-red
{
  color: red;
  font-weight: bold;
}

.ut-blue
{
  color:blue;
  font-weight: bold;
}

.ut-yellow
{
  color: #ffd900;
  font-weight: bold;
}

.ut-green
{
  color: green;
  font-weight: bold;
}

.ut-pink
{
  color: #FFA8B8;
  font-weight: bold;
}

.ut-deep-pink
{
  color: #ff33dd;
  font-weight: bold;
}

.ut-light-blue
{
  color: #00FFFF;
  font-weight: bold;
}

.ut-purple
{
  color: purple;
  font-weight: bold;
}

.ut-yellow-marker
{
  background: linear-gradient(transparent 70%,yellow 50%);
  font-weight: bold;
}

/* 目次 */
.article__index {
  font-size: 14px;
  background-color: #FCFCFC;
  margin: 20px;
  padding: 20px 25px;
  border: 1px solid #CCC;
}

.article__index label {
  color: #0044cc;
  cursor: pointer;
}

.article__index ol {
  display: none;
}

.article__index--title input[type="checkbox"] {
  display: none;
}

.article__index a {
  color: #0044cc;
}

.article__index a:hover {
  opacity: 0.6;
}

.article__index--title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.article__index--h2 {
}

.article__index--h3 {
  padding-left: 2.0em;
}

.article__date {
  color: #bbb;
  text-align: right;
  padding-right: 4px;
}

.article__pager {
  font-size: 14px;
  height: 30px;
  padding: 10px 15px;
  position: relative;
}

.article__pager__item {
  vertical-align: middle;
}

.article__pager__item a {
  color: #0044cc;
  text-align: center;
  width: 300px;
  padding: 4px 5px;
  display: inline-block;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.article__pager__item a:hover {
  border-color: #e80;
}

.article__pager__item--prev {
  float: left;
}

.article__pager__item--prev a:before {
  font-family: utIcon;
  content: "\e63c";
  vertical-align: middle;
  margin-right: 5px;
}

.article__pager__item--next {
  float: right;
}

.article__pager__item--next a:after {
  font-family: utIcon;
  content: "\e63d";
  vertical-align: middle;
  margin-left: 5px;
}

/** ------------------------------
 * ライター
 */
.writerInfo {
  padding: 6px 8px;
}

.writerInfo:after {
  content: "";
  display: block;
  clear: both;
}

.writerInfo__profile {
  color: #555452;
  word-break: break-all;
  float: right;
}

.writerInfo__profile a {
  color: #e80;
}

.writerInfo__profile__name {
  font-size: 16px;
  font-weight: bold;
}

.writerInfo__image {
  margin: 0 10px 10px 0;
  float: left;
}

.writerInfo__image img {
  width: auto;
  height: auto;
  max-width: 160px;
  max-height: 160px;
  display: block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.youtube {
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.youtube iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.abematv {
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.abematv iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

a.abematvlink {
  display: none;
}

.article__mainImage {
  text-align: center;
  margin: -24px -20px 25px;
}

.article__mainImage img {
  max-width: 100%;
}

.lyricCard ,
.lyricCard a {
  color: #0044cc;
  width: 100%;
  display: table;
  table-layout: fixed;
  direction: rtl;
  unicode-bidi: embed;
  text-decoration: none;
}

.lyricCard {
  margin: 25px 0 8px;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.lyricCard .text,
.lyricCard .image {
  padding: 10px;
  display: table-cell;
  direction: ltr;
  vertical-align: top;
}

.lyricCard .text {
  line-height: 1.2;
  padding-left: 0;
}

.lyricCard .text .title {
  font-weight: bold;
  text-decoration: underline;
}

.lyricCard .text .artist {
  color: #808080;
  font-size: 90%;
  line-height: 1.6;
  margin-bottom: 8px;
}

.lyricCard .text .artist span + span {
  margin-left: 5px;
}

.lyricCard .text .line {
  font-size: 80%;
  line-height: 1.6;
}

.lyricCard .image {
  width: 100px;
  text-decoration: none;
}

.lyricCard .image img {
  width: 100%;
  margin: 0 auto;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.lyricCard + br {
  display: none;
}

.lyricCard__pattern1 .lyricTitle,
.lyricCard__pattern1 .lyricInfo
{
  display: inline-block;
}

.lyricCard__pattern1 .lyricTitle
{
  margin-right: 40px;
}

.lyricCard__pattern1 .lyricInfo
{
  margin-bottom: 8px;
}

.lyricCard__pattern4 a:hover .moreBtn {
  color: #fff;
  background-color: #e80;
}

.lyricCard__pattern4 {
  padding: 11px 0px;
  margin:0px;
  position: relative;
  border-top: 2px dotted #ccc;
  border-bottom: none;
  border-right: none;
  border-left: none;
  -webkit-border-radius: none;
     -moz-border-radius: none;
          border-radius: none;
}

.lyricCard__pattern4 .text {
  padding: 0px 0px 0px 10px;
}

.lyricCard__pattern4 .image {
  width: 108px;
  padding: 0px;
}

.lyricCard__pattern4 .image img {
  box-shadow: 3px 3px 1px #CCC;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.lyricCard__pattern4 .lyricTitle .title
{
  font-size: 16px;
  font-weight: bold;
  color: #313131;
  text-decoration: none;
}

.lyricCard__pattern4 .lyricTitle .artist
{
  font-size: 15px;
  color: #343330;
}

.lyricCard .lyricInfo
{
  font-size: 90%;
}

.lyricCard__pattern4 .lyricInfo .lyricCard__subTitle
{
  margin-bottom: 32px;
  font-size: 12px;
  color: #888;
}

.lyricCard__pattern4 .moreBtn{
  position: absolute;
  right: 0px;
  bottom: 11px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: normal;
  color: #e80;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

/* 戻るリンク */
.contentBox__backLink {
  text-align: center;
  margin-top: 10px;
  padding-top: 1px;
  border-top: 1px solid #ddd;
  position: relative;
}

.contentBox__backLink a {
  font-size: large;
  text-decoration: none;
  background-color: #f6f6f6;
  padding: 10px 19px;
  display: block;
}

.contentBox__backLink a:before {
  font-family: utIcon;
  content: "\e6a1";
  font-size: 26px;
  line-height: 1.0;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
}

/* リンク */
.contentBox__buttonLink {
  text-align: center;
  width: 100%;
  padding-top: 1px;
  display: table;
  table-layout: fixed;
  clear: both;
  border-top: 1px solid #ddd;
}

.contentBox__buttonLink > div {
  display: table-cell;
  position: relative;
}

.contentBox__buttonLink div + div {
  border-left: 1px solid #fff;
}

.contentBox__buttonLink a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  background-color: #42e2a7;
  padding: 10px 19px;
  display: block;
}

.contentBox__buttonLink div + div a {
  background-color: #a1dc3c;
}

.contentBox__buttonLink a:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.contentBox__buttonLink a:before {
  font-family: utIcon;
  content: "\e684";
  font-size: 20px;
  line-height: 1.0;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.contentBox__buttonLink div + div a:before {
  content: "\e691";
}

/** ------------------------------
 * 歌詞詳細
 */
.lyricData {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.lyricBody + .lyricData {
  border-top: 1px solid #ddd;
  border-bottom: none;
}

.lyricBody + .lyricData .lyricData__sub {
  height: auto;
}

.lyricBody + .lyricData .lyricData__main {
  width: 570px;
  margin-right: 0;
}

.lyric--body {
  height: 20px;
}

.lyricData:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.lyricData__sub {
  width: 100px;
  min-height: 100px;
  float: left;
}

.lyricData__sub img {
  width: 100%;
}

.lyricData__main {
  width: 410px;
  margin-right: 160px;
  float: right;
}

.lyricData .shareLink {
  line-height: 1.0;
  width: 144px;
  position: absolute;
  top: 7px;
  right: 10px;
}

/* 楽曲制作 */
.lyricWork {
  margin-bottom: 5px;
  /*border-bottom: 1px solid #eee;*/
}

.lyricWork__title,
.lyricWork__body {
  margin-bottom: 3px;
}

.lyricWork__title {
  font-weight: bold;
  margin-right: 10px;
  float: left;
}

.lyricWork__body {
  color: #888;
  word-break: break-all;
  overflow: hidden;
}

/* アフィリンク */
.lyricLink:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.lyricLink__item {
  margin-right: 5px;
  float: left;
}

.youtubeLink {
  font-size: 15px;
  margin: 0 20px 10px 10px;
  float: right;
}

.lnk_ytube_long {
  color: #e80;
  padding: 5px 15px;
  display: inline-block;
  border: 2px solid #e80;
  border-radius: 10px;
}

.lnk_ytube_long::before {
  font-family: utIcon;
  content: "\e60a";
  color: #e80;
  line-height: 1;
  vertical-align: middle;
  padding-right: 4px;
}

.article__body .youtubeLink a {
  color: #fff;
  text-decoration: none;
  background-color: #e80;
  padding: 4px 15px 4px 10px;
  display: block-inline;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.article__body .youtubeLink a:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.article__body .youtubeLink a:before {
  font-family: utIcon;
  content: "\e61d";
  font-size: 120%;
  vertical-align: middle;
  margin-top: -1px;
  padding-right: 6px;
  display: inline-block;
}

/*
.lyricLink__button {
  color: #fff !important;
  text-decoration: none !important;
  line-height: 26px;
  background-color: #e80;
  padding: 0 15px;
  display: inline-block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.lyricLink__button:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.lyricLink__button--iTunes:before {
  font-family: utIcon;
  content: "\e61b";
  vertical-align: middle;
  margin-right: 3px;
}

.lyricLink__button--youtube:before {
  font-family: utIcon;
  content: "\e647";
  vertical-align: middle;
  margin-right: 3px;
}
*/

/* カテゴリ */
.lyricCategory {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.lyricCategory__title  {
  font-weight: bold;
  margin-right: 10px;
  float: left;
}

.lyricCategory__body {
  color: #888;
  overflow: hidden;
}

.lyricCategory__body a {
  color: #e80;
}

/* キーワード */
.lyricKeyword {
  padding-top: 10px;
  clear: both;
}

.lyricKeyword__inner {
  padding-top: 10px;
  border-top: 1px solid #eee;
  list-style-type: none;
}

.lyricKeyword__item {
  margin-right: 5px;
  display: inline-block;
}

.lyricKeyword__item a {
  color: #0044cc;
}

/* 歌詞フォント */
.lyricFont {
  background-color: #eee;
  width: 415px;
  margin-left: 10px;
  padding: 5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.lyricFont--bodyFrame {
  width: auto;
  margin: 15px 10px 10px 10px;
  float: right;
}

.lyricFont__size {
  background-color: #fff;
  min-height: 54px;
  padding: 8px 10px;
  float: left;
  border-radius: 3px;
}

.lyricFont__size + .lyricFont__size {
  margin-left: 5px;
}

.lyricFont__title {
  color: #fff;
  font-size: 85%;
  text-align: center;
  background-color: #343330;
  margin-bottom: 5px;
  padding: 2px 0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.lyricFont input[type="button"] {
  background-color: #f6f6f6;
  padding: 3px 10px;
  margin: 0px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  cursor: pointer;
}

.lyricFont input[disabled="disabled"] {
  color: #e80;
  background-color: #fff;
  border-color: #e80;
}

/* 歌詞 */
.lyricBody {
  margin: 25px 20px 5px;
}

/* 歌詞お楽しみ */
.hopeVote {
  margin: 30px;
}

.hopeVote__message {
  font-size: medium;
  text-align: center;
  line-height: 1.8;
  padding-bottom: 20px;
}

.hopeVote__message span {
  display: inline-block;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(255,242,0,0)), color-stop(60%,rgba(255,242,0,1)), color-stop(100%,rgba(255,255,0,1)));
  background: -webkit-linear-gradient(top, rgba(255,242,0,0) 59%,rgba(255,242,0,1) 60%,rgba(255,255,0,1) 100%);
  background:    -moz-linear-gradient(top, rgba(255,242,0,0) 59%, rgba(255,242,0,1) 60%, rgba(255,255,0,1) 100%);
  background:     -ms-linear-gradient(top, rgba(255,242,0,0) 59%,rgba(255,242,0,1) 60%,rgba(255,255,0,1) 100%);
  background:      -o-linear-gradient(top, rgba(255,242,0,0) 59%,rgba(255,242,0,1) 60%,rgba(255,255,0,1) 100%);
  background:         linear-gradient(to bottom, rgba(255,242,0,0) 59%,rgba(255,242,0,1) 60%,rgba(255,255,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fff200', endColorstr='#ffff00',GradientType=0 );
}

.hopeVote__balloon {
  color: #e80;
  font-size: 120%;
  text-align: center;
  background-color: #fff;
  margin-bottom: 20px;
  padding: 30px 10px;
  border: 1px solid #e6e6e6;
  position: relative;
}

.hopeVote__balloon:before {
  content: "";
  margin-left: -20px;
  display: block;
  border-style: solid;
  border-width: 15px 10px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 10;
}

.hopeVote__balloon:after {
  content: "";
  margin-left: -21px;
  display: block;
  border-style: solid;
  border-width: 16px 11px;
  border-color: #d6d6d6 transparent transparent transparent;
  position: absolute;
  bottom: -32px;
  left: 50%;
  z-index: 8;
}

.rankingList {
  border-top: 1px solid #ddd;
}

.balloon + .rankingList {
  border-top: 1px solid #ddd !important;
}

.hopeVoteButton {
  text-align: center;
}

.hopeVoteButton button {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  color: #fff;
  font-size: large;
  line-height: 25px;
  background-color: #e80;
  width: 50%;
  margin: 0;
  padding: 10px 0;
  display: inline-block;
  outline: none;
  border: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;
}

.hopeVoteButton button:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

/* tweet */
.tweetBox {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.tweetBox:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

/*
.tweetBox:before {
  font-family: utIcon;
  content: "\e6a9";
  color: #fff;
  font-size: 60px;
  text-align: center;
  line-height: 100px;
  background-color: #55acee;
  width: 100px;
  height: 100px;
  margin-right: 10px;
  display: block;
  float: left;
  overflow: hidden;
}
  */

.tweetBox__label {
  color: #fff;
  font-size: 18px;
  background-color: #55acee;
  padding: 4px 10px;
}

.tweetBox__input {
  width: 100%;
  display: table;
}

.tweetBox__input div {
  color: #55acee;
  font-size: 17px;
  text-align: center;
  vertical-align: middle;
  height: 4em;
  display: table-cell;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}

.tweetBox__input div.selected {
  color: #555;
  background-color: #fffe66;
}

.tweetBox__button {
  text-align: center;
  margin: 10px 0 0;
}

.tweetBox__input input[type="text"] {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  font-size: 15px;
  text-align: center;
  line-height: 1.7;
  background-color: transparent;
  width: 80px;
  margin: 0 10px;
  padding: 4px 6px;
  outline: none;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.tweetBox__button input[type="button"] {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  color: #fff;
  font-size: medium;
  text-align: center;
  line-height: 2;
  background-color: #55acee;
  margin: 0 0 0 10px;
  padding: 0 25px;
  border: none;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.tweetBox__button input[type="button"]:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.lyricBody__row {
  margin: 10px 0;
  padding-left: 3.2em;
  position: relative;
}

.lyricBody__row + .lyricBody__row {
  padding-top: 10px;
  border-top: 1px dotted #ddd;
}

.lyricBody__number {
  color: #fff;
  text-align: center;
  background-color: #55acee;
  min-width: 2em;
  padding: 0 0.2em;
  display: block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: absolute;
  left: 0;
}

.lyricLineNum {
  cursor: pointer;
}

.lyricLineNum:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

/****************公開後歌詞▼▼ アルファ版 20201101
*********************************/
.gaugeWrap--newLyric .voteBtn::before {
  top: 10px;
}

.gaugeWrap--newLyric .openVoteResult::before {
  top: 11px;
}

.gaugeWrap--newLyric .gaugeLst span:not(:nth-child(6)) {
  padding-top: 35px;
}

.newLyricSwitch {
  margin: 18px auto 0;
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
}

.newLyricSwitch__item {
  display: table-cell;
  padding: 0 2px;
}

.newLyricSwitch__item > button {
  margin: 0;
  padding: 5px 4px;
  border-radius: 3px;
  border: 1px solid #ddd;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.2;
  cursor: pointer;
  appearance: none;
  background: #fff;
  outline: none;
}

.newLyricSwitch__item > button > span {
  font-size: 80%;
}

.furiganaButton--disabled {
  color: #ccc;
  background-color: #eee;
}


/* 関連リンク */
.relatedLink {
  padding: 20px 20px 10px;
  border-top: 1px solid #ddd;
}

.relatedLink__title {
  color: #e80;
  font-size: medium;
  font-weight: bold;
  /*margin: 0 0 12px;*/
  margin: 0 0 10px;
  border-bottom: 2px solid #e80;
}

.relatedLink__body {
  line-height: 1.8;
}

.relatedLink__body--lyric img {
  max-width: 100%;
}

.relatedLink__body--lyric a {
  color: #0044cc;
}

.relatedLink__body--lyric a.box {
  text-decoration: none;
  background-color: #fff;
  padding: 4px 6px;
  display: inline-block;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.relatedLink__body--lyric a.box:hover {
  border-color: #e80;
}

.relatedLink__item a {
  color: #555452;
  text-decoration: none;
  padding-left: 20px;
  position: relative;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.relatedLink__item a:before {
  font-family: utIcon;
  content: "\e683";
  font-size: 12px;
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  top: 0.1em;
  left: 0;
}

.relatedLink__item a:hover {
  color: #e80;
}

.relatedLink__banners {
  margin: 16px 0;
}

.relatedLink__banners aside + aside {
  margin-top: 12px;
}

.relatedLink__banners aside div {
  display: inline-block;
  width: 50%;
  float: left;
  padding: 0 6px;
  box-sizing: border-box;
}

.relatedLink__banners aside img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.relatedLink__banners aside:after {
  content: "";
  display: table;
  clear: both;
}

/* 歌詞関連情報 */
.lyricRelatedInfo .relatedLink {
  padding: 20px 20px 10px;
  border-top: 0px;
}

.lyricRelatedInfo .relatedLink:first-of-type {
  border-top: 1px solid #ddd;
}

/* アルバム詳細 */
.albumDetail {
  margin-top: 0;
  padding: 17px 20px 15px;
  border-top: 1px solid #ddd;
}

.albumDetail a {
  color: #0044cc;
}

.albumDetail__heading {
  padding: 0 20px;
  border-top: 1px solid #ddd;
}

.albumDetail__heading h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5em;
  margin: 7px 0;
  border-bottom: 2px solid #e80;
}

.albumDetail__heading + .albumDetail {
  border-top: none;
}

.albumDetail__title {
  color: #e80;
  font-size: medium;
  font-weight: bold;
  margin: 0 0 12px;
  border-bottom: 2px solid #e80;
}

.albumDetail__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.albumDetail__body img {
  max-width: 160px;
  margin: 0 15px 10px 0;
  float: left;
  -ms-flex-positive: 1;
   -webkit-box-flex: 1;
          flex-grow: 1;
  -ms-flex-item-align: start;
           align-self: flex-start;
}

.albumDetail__contentDetail + .albumDetail__contentInfo {
  margin-top: 20px;
}

/* アーティスト詳細 */
/*.artistInfo
{
  width: 100%;
  padding: 10px;
  display: table;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
}

.artistInfo .artistImage
{
  vertical-align: middle;
  padding-right: 10px;
  display: table-cell;
}

.artistInfo .artistImage img
{
  max-width: 338px;
  max-height: 300px;
}

.artistInfo .artistTags
{
  vertical-align: top;
  width: 100%;
  display: table-cell;
}

.artistInfo .keywordLineUp
{
  max-height: 300px;
  overflow: auto;
}
*/
/* アーティスト情報 */
/*.artistInfo__profile__name {
  font-size: medium;
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 4px;
  padding-top: 8px;
  border-top: 1px solid #ddd;
}

.artistInfo__profile__image {
  text-align: center;
  margin-bottom: 8px;
}

.artistInfo__profile__image img {
  max-width: 600px;
}

.artistInfo__latest__title {
  font-size: medium;
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 4px;
  padding-top: 8px;
  border-top: 1px solid #ddd;
}
*/
/* 投票 */
.gauge {
  margin: 15px 10px 10px;
}

.gauge:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.gauge__button button {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  color: #bbb;
  font-size: 15px;
  line-height: 2.1;
  vertical-align: top;
  background-color: #fff;
  width: 65px;
  margin: 0;
  padding: 36px 0 0;
  outline: none;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
  cursor: pointer;
}

.gauge__button .voted {
  color: #e80;
  background-color: #fff59d;
  border-color: #fff59d;
}

.gauge__button .mostVoted {
  color: #e80;
  border-color: #e80;
}

.gauge__button button:before {
  font-family: smileIcon;
  content: "\e6b4";
  font-size: 32px;
  line-height: 1.1;
  margin-left: -0.5em;
  position: absolute;
  top: 8px;
  left: 50%;
}

.gauge__button button.kandoBtn:before {
  content: "\e6b1";
}

.gauge__button button.rennaiBtn:before {
  content: "\e6b0";
}

.gauge__button button.gennkiBtn:before {
  content: "\e602";
}

.gauge__button button.openVoteResult:before {
  content: "";
  background-image: url("/images/pc/pie.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  top: 6px;
}

.gauge__button .openVoteResult {
  color: #fff;
  background-color: #50cc33;
  border-color: #50cc33;
}

/*
.gauge__button .favourite {
  color: #e80;
  font-size: 300%;
  line-height: 1.7;
  padding-top: 1px;
}

.gauge__button .favourite:before {
  display: none;
}

.gauge__button .favourite {
  border-color: #e80;
}

.gauge__button .favourite--on {
  color: #fff;
  background-color: #e80;
}
*/

/** ------------------------------
 * 基本の一覧
 */
.list__item,
.list__item > a {
  width: 100%;
  display: table;
  table-layout: fixed;
  direction: rtl;
  unicode-bidi: embed;
}

.list__item + .list__item {
  border-top: 1px solid #ddd;
}

.list__item > a {
  text-decoration: none;
}

.list__main,
.list__sub,
.list__content {
  padding: 10px;
  display: table-cell;
  direction: ltr;
}

.list__main {
  line-height: 1.8;
  vertical-align: middle;
  padding-left: 0;
}

.list__sub {
  text-decoration: none;
  vertical-align: top;
  width: 100px;
}

.list__sub--compact {
  width: 65px;
}

.list__sub img {
  width: 100%;
}

.list__content {
  line-height: 1.8;
  vertical-align: middle;
}

.list__release {
  color: #fff;
  font-size: 11px;
  text-align: center;
  line-height: 1.4;
  vertical-align: middle;
  background-color: #bbb;
  padding: 0 0.5em;
  display: inline-block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.list__title {
  font-weight: bold;
}

.list__title--large {
  font-size: 116%;
}

.list__title--indexRanking a:hover {
  color: #72c331;
}

.list__title--pickup a:hover {
  color: #31c3ad;
}

.list__title--special {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;
}

a:hover .list__title--special {
  color: #d0475a;
}

.list__name,
.list__date {
  font-size: 85%;
}

.list__name a {
  color: #e80;/* 基本色 */
}

.list__name a:before {
  font-family: utIcon;
  content: "\e690";
  color: #ccc;
  font-size: 12px;
  vertical-align: middle;
  margin-right: -0.2em;
}

.list__message {
  color: #888;
  font-size: 93%;
  margin-top: 5px;
}

.list__date {
  color: #e80;/* 基本色 */
  text-align: right;
}

/* 黄緑 */
.list__name--ranking a {
  color: #72c331;
}

/* 黄緑 */
.list__name--pickup a {
  color: #31c3ad;
}

/* 紅 */
.list__date--special {
  color: #d0475a;
}

.list__voteCount {
  text-align: right;
  line-height: 1.2;
}

.list__voteCount span {
  color: #e80;
  font-size: 200%;
}

.list__button {
  text-align: right;
}

.list__button button {
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  color: #fff;
  text-align: right;
  background-color: #333;
  margin: 5px 0 0;
  padding: 3px 8px 3px 10px;
  border: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.list__button button:hover {
  background-color: #e80;
}


.list__button button:after {
  font-family: utIcon;
  content: "\e699";
  vertical-align: middle;
  margin-left: 3px;
}

/* 201903 */
/* 縦 */
.articleList__item ,
.articleList__item > a {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  direction: rtl;
  border-spacing: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

.articleList__item + .articleList__item {
  border-top: solid 1px #f2f2f2;
}

.articleList__item a {
  color: #555;
}

.articleList__main ,
.articleList__sub {
  vertical-align: top;
  padding: 10px;
  display: table-cell;
  direction: ltr;
}

.articleList__main {
  position: relative;
}

.articleList__ttlWrap {
  min-height: 70px;
}

.articleList__stateIcon {
  font-size: 0;
  margin-bottom: 3px;
}

.articleList__stateIcon .stateIcon + .stateIcon {
  margin-left: 5px;
}

.articleList__ttl {
  font-size: 14px;
  font-weight: bold;
}

.articleList__ttl .stateIcon {
  margin-right: 5px;
}

.articleList__ttl a {
  word-break: break-all;
  word-wrap: break-word;
  display: inline-block;
  position: relative;
}

.newestList .articleList__ttl a {
  display: inline;
}

.articleList__subTtl {
  color: #999;
  font-size: 12px;
  font-weight: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.articleList__name {;
  text-overflow: ellipsis;
  line-height: 20px;
  white-space: nowrap;
  padding-right: 90px;
  overflow: hidden;
}

.articleList__view {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.articleList__view a ,
.articleList__view span {
  color: #999;
  font-size: 11px;
  text-align: center;
  line-height: 20px;
  width: 80px;
  height: 20px;
  display: block;
  overflow: hidden;
  border: solid 1px;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
       -o-border-radius: 50px;
          border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

.articleList__view a:hover {
  color: #fff;
}

.articleList__message {
  color: #999;
  font-size: 12px;
  word-break: break-all;
  word-wrap: break-word;
  margin-top: 5px;
}

.articleList__sub {
  width: 90px;
  padding-right: 0;
}
.articleList__sub img {
  width: 100%;
}

.articleList__ads {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding-top: 15px;
}

.articleList--itemHalf {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  overflow: hidden;
}

.articleList--itemHalf .articleList__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  width: 50%;
  margin: 0 -1px -1px 0;
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.articleList--itemHalf .articleList__main ,
.articleList--itemHalf .articleList__sub {
  display: block;
}

.articleList--itemHalf .articleList__main {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  overflow: hidden;
}

.articleList--itemHalf .articleList__sub {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
}

.articleList--itemHalf .articleList__item + .articleList__item {
  border-top: none;
}

/* 最新歌詞 */
.topContents__newest .newestList {
  border-top: solid 1px transparent;
}

.newestList .articleList__ttl {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
  overflow: hidden;
}

.newestList .articleList__ttl {
  font-size: 13px;
}

/* rankNo */
.rankNo {
  margin-left: 50px;
  position: relative;
}

.rankNo__icon {
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  text-indent: .1em;
  letter-spacing: .1em;
  line-height: 20px;
  background-color:#555;
  width: 40px;
  height: 18px;
  display: inline-block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
       -o-border-radius: 3px;
          border-radius: 3px;
  position: absolute;
  top: 1.5px;
  left: -50px;
}

/* コラム/pick up */
.columnList .articleList__main ,
.pickupList .articleList__main {
  vertical-align: middle;
}

.columnList .articleList__sub {
  width: 130px;
}

.pickupList .articleList__sub {
  width: 134px;
}

/* 横 */
.articleFlex {
  font-size: 0;
  margin: 5px;
}

.articleFlex__item {
  vertical-align: top;
  width: 25%;
  padding: 5px;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

#sidebar .articleFlex__item {
  width: 50%;
}

.articleFlex__item a {
  display: block;
}

.articleFlex__thumb img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.pr_article {
  position: relative;
}

.article_pr_label {
  position: absolute;
  bottom: 5px; 
  right: 5px; 
  background-color: rgba(165, 165, 165, 0.8);
  color: #fff;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 10px;
  z-index: 10;
}

.articleFlex__ttl {
  font-size: 12px;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  max-height: 4.5em;
  margin-top: 10px;
  overflow: hidden;
}

.article_pr::before {
  display: contents;
  content: '[PR]';
}

/* タグ */
.articleTag {
  font-size: 14px;
  margin-top: 5px;
  word-break: break-all;
}

.tagInfo {
  display: flex;
  display:-webkit-box;
  padding: 10px 15px;
}

.tagInfo .shareLink {
  flex-grow: 1;
  -webkit-box-flex: 1;
}

/* 201903 */

/** ------------------------------
 * JSカレンダー
 */
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #e80;
  font-weight: normal;
}

.ui-datepicker th {
  color: #fff;
  background-color: #444;
  padding: 4px 0;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  font-weight: bold;
}

.ui-datepicker .ui-datepicker-title select {
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  text-align: center;
  text-decoration: none;
  line-height: 1.8;
  vertical-align: middle;
  padding-top: 2px;
}

.ui-datepicker .ui-datepicker-prev:before {
  font-family: utIcon;
  content: "\e696";
}

.ui-datepicker .ui-datepicker-next:before {
  font-family: utIcon;
  content: "\e699";
}

.ui-widget-header .ui-icon {
  background-image: none !important;
}

.voteSurvey {
  border-top: 1px solid #ddd;
}

.voteSurvey td .selectOuter {
  width: 160px;
}

.voteSurvey__button {
  text-align: center;
}

.voteSurvey td input[type="text"] {
  width: 148px
}

.voteSurvey td input[type="button"] {
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  color: #fff;
  text-align: right;
  background-color: #e80;
  width: 10em;
  padding: 5px;
  border: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
  text-align: center;
}

.voteSurvey td input[type="button"] + input[type="button"] {
  background-color: #343330;
}

/** ------------------------------
 * 箱型の一覧
 */
.blockList {
  background: #eee url("/images/common/tableBg.png") no-repeat 100% 100%;
  margin-bottom: 1px;
}

.blockList__inner {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.blockList__inner--last {
  border-bottom: none;
}

.blockList__inner:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.blockList__item {
  width: 235px;
  float: left;
  border-right: 1px solid #ddd;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.blockList__item + .blockList__item + .blockList__item {
  width: 234px;
  border-right: none;
}

.blockList__image {
  vertical-align: top;
  width: 100%;
  height: 234px;
}

/** ------------------------------
 * 特集などの一覧（blockListに入るもの）
 */
.preface {
  text-decoration: none !important;
  padding-top: 244px;
}

.preface:before {/* 各ボックスの高さが揃っているように見せるための背景の白い領域 */
  content: "";
  background-color: #fff;
  width: 235px;
  display: block;
  border-right: 1px solid #ddd;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.preface__title,
.preface__body,
.preface__date {
  padding: 0 10px;
}

.preface__title,
.preface__body {
  position: relative;
}

.preface__title {
  font-weight: bold;
  font-size: 109%;
  margin-bottom: 7px;
}

.preface__body {
  color: #888;
  font-size: 85%;
  padding-bottom: 1.0em;
}

.preface__date {
  color: #e80;
  font-size: 85%;
  text-align: right;
  width: 215px;
  position: absolute;
  bottom: 0.4em;
}

.preface__sub {
  width: 235px;
  position: absolute;
  top: 0;
}

.preface__sub img {
  vertical-align: top;
  width: 100%;
  height: 234px;
}

/** ------------------------------
 * 営業枠
 */
.billboardGroup {
  background-color: white;
  padding: 4px;
}

.billboardGroup:after {
  content: '';
  display: block;
  clear: both;
}

.billboardPromotion {
  float: left;
}

.promotionList {
  width: 736px;
}

.promotionList__item {
  width: 40%;
  /* padding-left: 2px;
  padding-right: 2px; */
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.promotionList__item:nth-child(even) {
  margin-bottom: 4px;
}

.promotionList__item--main {
  width: 60%;
  padding-right: 4px;
}

.promotion {
  width: 100%;
  /* border: 1px solid rgba(0,0,0,0.2); */
  position: relative;
  /* box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.promotion a {
  display: block;
}

.promotion__image {
}

.promotion__image img {
  width: 100%;
  height: 163px;
}

.promotionList__item--main .promotion__image img {
  height: 330px;
}

.promotion__content {
  background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,0.9));
  background-image: linear-gradient(transparent,rgba(0,0,0,0.9));
  width: 100%;
  height: 80%;
  padding: 26% 4px 8px 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.promotionList__item--main .promotion__content {
  padding: 30% 4px 8px 4px;
}

.promotion__title {
  color: #fff;
  font-size: 105%;
  padding: 6px 4px;
}

.promotionList__item--main .promotion__title {
  font-size: 130%;
  padding: 10px 10px 20px;
  position: absolute;
  bottom: 0;
}

.promotion__artist {
  padding: 0 6px 4px 6px;
}

.promotionList__item--main .promotion__artist {
  padding: 0 10px 4px 14px;
}

.promotion__artist span {
  color: #ccc;
}

.promotion__artist span:before {
  font-family: utIcon;
  content: "\e690";
  color: #ccc;
  font-size: 12px;
  vertical-align: middle;
}


/*
.promotions {
  width: 710px;
  height: 330px;
  float: left;
}

.promotions__section {
  padding: 8px;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.promotions__section--main {
  width: 70%;
}

.promotions__section--sub {
  width: 30%;
}

.promoMain {
  width: 100%;
  position: relative;
}

.promoMain__image {
}

.promoMain__image img {
  max-width: 100%;
}

.promoMain__content {
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.promoMain__content__title {
  color: #fff;
  font-size: 140%;
  padding: 8px;
}

.promoSub {
  width: 260px;
  height: 165px;
  position: relative;
}

.promoSub__image img {
  width: 260px;
  height: 165px;
}

.promoSub__title {
  position: absolute;
  bottom: 0;
  left: 0;
}

.promo__container {
  position: relative;
}

.promo__image {
  width: 100%;
  height: 200px;
  display: block;
}

.promo__top .promo__image {
  height: 300px;
}

.promo__caption {
  color: white;
  background-color: rgba(0,0,0,0.7);
  width: 100%;
  padding: 12px;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
}

.promo__caption h3 {
  font-weight: bold;
}

.promo__top .list__main {
  line-height: normal;
  padding: 8px;
}

.promo__top .list__title {
  font-size: 1.7em;
}

.promo__top .list__sub {
  width: 200px;
  padding: 4px;
}

 .promoBlock {
  width: 100%;
 }

 .promoBlock__item {
  width: 50%;
 }

 .promoBlock__item:first-child {
  float: left;
 }

 .promoBlock__item:last-child {
  float: right;
 }

 .rectangleBanner.promotion {
  background-color: #fff;
  border: 1px solid #ddd;
 }
 */

/** ------------------------------
 * pickupList
 */
.pickupList {
  width: 100%;
  display: table;
  border-collapse: separate;/* firefoxでborderが出ないバグ対策 */
  border-spacing: 0;/* firefoxでborderが出ないバグ対策 */
}
/*
.pickupList__item {
  vertical-align: top;
  padding: 10px 8px 10px 10px;
  display: table-cell;
}

.pickupList__item +.pickupList__item {
  border-left: 1px solid #ddd;
}

.pickupList__itemInner {
  text-decoration: none !important;
  width: 100%;
  display: table;
  direction: rtl;
  unicode-bidi: embed;
}

.pickupList__main,
.pickupList__sub {
  vertical-align: top;
  display: table-cell;
  direction: ltr;
}

.pickupList__title {
  font-weight: bold;
}

.pickupList__date {
  color: #888;
  font-size: 83%;
  text-align: right;
  margin-top: 5px;
}

.pickupList__sub {
  width: 65px;
  padding-right: 8px;
}

.pickupList__sub img {
  width: 100%;
}
*/
/** ------------------------------
 * 基本のtable
 */
table {
  border-collapse: separate;/* firefoxでborderが出ないバグ対策 */
  border-spacing: 0;/* firefoxでborderが出ないバグ対策 */
}

th,
td {
  padding: 8px 10px;
}

tr + tr > * {
  border-top: 1px solid #ddd;
}

tr > td + td {
  border-left: 1px dotted #ddd;
}

th {
  font-weight: bold;
  background-color: #eee;
  position: relative;
}

/* シンプルなtable */
.simpleTable {
  margin-bottom: 2px;
}

.simpleTable th,
.simpleTable td {
  padding: 14px 20px;
}

.simpleTable tr > th:first-of-type {
  font-size: 109%;
  background-color: transparent;
  width: 200px;
  position: relative;
}

.simpleTable tr > th:first-of-type:before {
  content: "";
  background-color: #e80;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.simpleTable td {
  color: #555452;
}

/** ------------------------------
 * 自由入力エリア
 */
.freeArea {
  color: #555452;
  font-size: 109%;
  margin-bottom: 1px;
  padding: 10px 10px 25px;
  border-bottom: 1px solid #ddd;
}

.freeArea a {
  color: #0044cc;
}

.freeArea img {
  max-width: 100%;
}

/** ------------------------------
 * キーワード
 */
.keywordList__tag {
  width: 11em;
  text-align: center;
}

.keywordList__tagLink {
  word-break: break-all;
  color: #0044cc !important;
}

.keywordList__tagLink:before {
  font-family: utIcon;
  content: "\e64a";
  color: #aaa;
  font-size: 10px;
}

.keywordList__tagLink:hover:before {
  color: #e80;
}

.keywordList__title {
  font-weight: bold;
}

.keywordList__name {
  color: #0044cc !important;
  font-size: 85%;
  vertical-align: middle;
}

.keywordList__name:before {
  font-family: utIcon;
  content: "\e690";
  color: #ccc;
  font-size: 12px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: -0.2em;
}

.keywordList__lyric {
  padding-left: 0;
  padding-right: 0;
}

.keywordList__list {
  padding-left: 15px;
  padding-right: 15px;
}

.keywordList__list + .keywordList__list {
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px dotted #ddd;
}

/** ------------------------------
 * 検索
 */
.searchResult__head {
  width: 230px;
}

.searchResult__artist {
  width: 140px;
}

.searchResult__title a {
  font-weight: bold;
  color: #0044cc;
}

.searchResult__name {
  font-size: 85%;
}

.searchResult__artist a,
.searchResult__name a {
  color: #0044cc;
}

.searchResult__name a:before {
  font-family: utIcon;
  content: "\e690";
  color: #ccc;
  font-size: 12px;
  vertical-align: middle;
  margin-right: -0.2em;
}

.searchResult__lyricist {
  font-size: 0.9em;
}

.searchResult__lyricist p {
  display: flex;
  overflow: hidden;
}

.songWriters {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.artistLyricList .searchResult__head {
  width: 210px;
}

.artistLyricList .searchResult__artist {
  width: 190px;
}

.artistLyricList .artistList__beginning a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5em;
  max-height: calc(1.5em * 3);
}

/** ------------------------------
 * 該当なし
 */
.noItem {
  color: #888;
  font-size: medium;
  text-align: center;
  margin: 50px 15px;
}

.noItem--line {
  margin: 0;
  padding: 50px 15px;
  border-top: 1px solid #ddd;
}

/** ------------------------------
 * 送信完了
 */
.sendMessage {
  color: #888;
  font-size: medium;
  text-align: center;
  margin: 80px 15px;
}

/** ------------------------------
 * 歌詞検索
 */
.searchForm__title {
  width: 230px;
}

/** ------------------------------
 * フォーム関連
 */
table input[type="text"],
table textarea {
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  font-size: 108%;
  padding: 4px 6px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

table input[type="text"] {
  width: 80%;
}

table textarea {
  width: 94%;
  height: 200px;
}

/* ボタン */
.formButton {
  text-align: center;
  margin-top: 1px;
  padding: 10px;
  border-top: 1px solid #ddd;
}

.formButton > * {
  display: inline-block;
}

.formButton button {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  color: #fff;
  font-size: medium;
  text-align: center;
  line-height: 2;
  background-color: #343330;
  margin: 0;
  padding: 0 60px;
  border: none;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.formButton button:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

/* 歌詞検索フォーム */
.lyricSearchForm th {
  width: 110px;
  padding-left: 0;
  padding-right: 0;
}

.lyricSearchForm h3 {
  font-weight: bold;
}

.lyricSearchForm td input[type="text"] {
  width: 92%;
}

/* selects装飾 */
td .selectOuter {
  width: 96%;
  overflow: hidden;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
}

td select {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  font-size: 108%;
  line-height: 1.7;
  background-color: transparent;
  margin: 0;
  padding: 4px 0;
  outline: none;
  border: none;
}

td .selectOuter:after {
  font-family: utIcon;
  content: "\e697";
  color: #e80;
  font-size: 26px;
  position: absolute;
  top: -0.1em;
  right: 0;
  z-index: 1;
}

td .selectOuter select {
  width: 112%;
  padding-left: 5px;
  position: relative;
  z-index: 10;
}

td .selectOuter select option {
  padding-left: 5px;
}

/** ------------------------------
 * 歌詞リクエスト
 */
.lyricForm__head {
  width: 210px;
  padding-left: 0;
  padding-right: 0;
}

.lyricForm textarea,
.lyricForm input[type="text"] {
  width: 80%;
}

/** ------------------------------
 * ランキングタブ
 */

.switchTabRanking {
  background: #eee;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.switchTabRanking__inner {
  padding: 10px;
}

.switchTabRanking__inner:after {
  content: '';
  clear: both;
  display: block;
}

.switchTabRanking__item {
  text-align: center;
  float: left;
  width: calc((100% - 30px) / 4);
  border: 1px solid #D6A810;
  border-radius: 4px;
  background-color: #fff;
  box-sizing: border-box;
}

.switchTabRanking__item + .switchTabRanking__item {
  margin-left: 10px;
}

.switchTabRanking__item a {
  display: inline-block;
  width: 100%;
  padding: 5px;
  color: #D6A810;
  box-sizing: border-box;
}

.switchTabRanking__item--current a {
  color: #fff;
}

.switchTabRanking__item--current.switchTabRanking__item--lyric {
  background: #D6A810;
}

.switchTabRanking__item--current.switchTabRanking__item--movie {
  background: #AD64BE;
  border-color: #AD64BE;
}

.switchTabRanking__item--current.switchTabRanking__item-hope {
  background: #5467b2;
  border-color: #5467b2;
}

.switchTabRanking__item--current.switchTabRanking__item--feeling {
  background: #f46b88;
  border-color: #f46b88;
}

.switchTabRanking__item--current.switchTabRanking__item--reviewLyric {
  background: #f02361;
  border-color: #f02361;
}

.switchTabRanking__item--current.switchTabRanking__item--reviewArtist {
  background: #3faba3;
  border-color: #3faba3;
}

.switchTabRanking__item--current.switchTabRanking__item--reviewNews {
  background: #5467B2;
  border-color: #5467B2;
}

.switchTabRanking__item--current.switchTabRanking__item--reviewSpecialArticle {
  background: #ad64be;
  border-color: #ad64be;
}

.highlightTtl {
  padding: 15px;

  text-align: center;
  color: #fff;
}

.indexSubttl {
  padding: 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid;
}

.indexSubttl--withShare {
  position: relative;
}

.indexSubttl h2 {
  font-weight: bold;
  font-size: 1.2em;
}

.indexSubttl.indexSubttl--lyric {
  color: #D6A810;
  border-color: #D6A810;
}

.highlightTtl.highlightTtl--lyric {
  background-color: #D6A810;
}

.indexSubttl.indexSubttl--movie {
  color: #AD64BE;
  border-color: #AD64BE;
}

.highlightTtl.highlightTtl--movie {
  background-color: #AD64BE;
}

.indexSubttl.indexSubttl--hope {
  color: #5467b2;
  border-color: #5467b2;
  border-top: 4px solid #5467b2;
}

.indexSubttl.indexSubttl--allHope {
  color: #5467b2;
  border-color: #5467b2;
}

.highlightTtl.highlightTtl--hope {
  background-color: #5467b2;
}

.indexSubttl.indexSubttl--feeling {
  color: #f46b88;
  border-color: #f46b88;
}

.highlightTtl.highlightTtl--feeling {
  background-color: #f46b88;
}

.indexSubttl.indexSubttl--reviewLyric {
  color: #f02361;
  border-color: #f02361;
}

.highlightTtl.highlightTtl--reviewLyric {
  background-color: #f02361;
}

.indexSubttl.indexSubttl--reviewArtist {
  color: #3faba3;
  border-color: #3faba3;
}

.highlightTtl.highlightTtl--reviewArtist {
  background-color: #3faba3;
}

.indexSubttl.indexSubttl--reviewNews {
  color: #5467B2;
  border-color: #5467B2;
}

.highlightTtl.highlightTtl--reviewNews {
  background-color: #5467B2;
}

.indexSubttl.indexSubttl--reviewSpecialArticle {
  color: #ad64be;
  border-color: #ad64be;
}

.highlightTtl.highlightTtl--reviewSpecialArticle {
  background-color: #ad64be;
}

.boxArea_rank--movie .icoTxt_rank {
  background: #AD64BE;
}

.boxArea_rank--movie .icoTxt_rank_top3::before {
  color: #AD64BE;
}

/** ------------------------------
 * ランキングタイプタブ
 */

 .switchTabRankingType {
  background: #eee;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.switchTabRankingType__inner {
  padding: 10px;
}

.switchTabRankingType__inner:after {
  content: '';
  clear: both;
  display: block;
}

.switchTabRankingType__item {
  text-align: center;
  float: left;
  width: calc((100% - 30px) / 3);
  border: 1px solid #C0C0C0;
  border-radius: 4px;
  background-color: #fff;
  box-sizing: border-box;
}

.switchTabRankingType__item + .switchTabRankingType__item {
  margin-left: 10px;
}

.switchTabRankingType__item a {
  display: inline-block;
  width: 100%;
  padding: 2px;
  color: #C0C0C0;
  box-sizing: border-box;
}

.switchTabRankingType__item--current a {
  color: #fff;
}

.switchTabRankingType__item--current.switchTabRankingType__item--daily {
  background: #C0C0C0;
}

.switchTabRankingType__item--current.switchTabRankingType__item--latest {
  background: #C0C0C0;
}

.switchTabRankingType__item--current.switchTabRankingType__item--weekly {
  background: #C0C0C0;
}

.switchTabRankingType__item--current.switchTabRankingType__item--monthly {
  background: #C0C0C0;
}

/** ------------------------------
 * ランキング提案
 */
.rankingRequestForm th {
  text-align: left;
  width: 210px;
  padding-left: 20px;
  padding-right: 0;
}

.rankingRequestForm td {
  text-align: center;
  padding-bottom: 15px;
}

.rankingRequestForm textarea,
.rankingRequestForm input[type="text"] {
  width: 90%;
}

.rankingRequestConfirm th {
  text-align: left;
  width: 210px;
  padding-left: 20px;
  padding-right: 0;
}

.rankingRequestConfirm td {
  text-align: left;
}

/* ボタン */
.rankingRequestButton {
  margin-top: 10px;
}

.rankingRequestButton button {
  display: block;
  margin: 10px auto;
  padding: 10px;
  width: calc(100% - 200px);
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  color: #fff;
  background-color: #D6A810;
  border: 0;
  border-radius: 50px;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  cursor: pointer;
}

.rankingRequestButton button:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.lnk_moreRanking_wrapper {
  padding: 10px;
}

.lnk_moreRanking {
  color: #D6A810;
  border: 2px solid #D6A810;
  border-radius: 50px;
  box-sizing: border-box;
  display: block;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  width: 100%;
}

.lnk_moreRanking:hover {
  color: #fff;
  background-color: #D6A810;
}

/** ------------------------------
 * ライター応募
 */
.writerEntryForm__head {
  width: 210px;
  padding-left: 0;
  padding-right: 0;
}

.writerEntryForm textarea,
.writerEntryForm input[type="text"] {
  width: 80%;
}

/** ------------------------------
 * 各種情報掲載
 */
.publishRequestForm__head {
  width: 210px;
  padding-left: 0;
  padding-right: 0;
}

.publishRequestForm textarea,
.publishRequestForm input[type="text"] {
  width: 80%;
}

/** ------------------------------
 * ハッシュタグの紹介文（本番）
 */
.lyricTagIntroduction__title {
  color: #e80;
  font-size: 20px;
  font-weight: normal;
}
.lyricTagIntroduction__body {
  color: #000;
  font-size: 17px;
  font-weight: normal;
  margin-top: 10px;
}
.lyricTagIntroduction__userInfo {
  color: #888;
  font-size: 15px;
  font-weight: normal;
  margin-top: 10px;
}


/** ------------------------------
 * ハッシュタグの紹介文応募
 */
.lyricTagIntroductionForm th {
  text-align: left;
  width: 210px;
  padding-left: 20px;
  padding-right: 0;
}

.lyricTagIntroductionForm td {
  text-align: center;
  padding-bottom: 15px;
}

.lyricTagIntroductionForm textarea,
.lyricTagIntroductionForm input[type="text"] {
  width: 95%;
}

.lyricTagIntroductionForm__new {
  text-align: left;
  padding-top: 5px;
  padding-left: 15px;
  padding-left: 15px;
}

.lyricTagIntroductionForm__addLyric {
  text-align: right;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.lyricTagIntroductionForm__addLyric button {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  color: #fff;
  font-size: small;
  text-align: center;
  line-height: 2;
  background-color: #343330;
  margin: 0;
  padding: 0 20px;
  border: none;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.lyricTagIntro  ductionForm .body {
  width: 95%;
  height: 300px;
}

.lyricTagIntroductionForm .previewButton {
  text-align: center;
  margin-top: 1px;
  padding: 10px;
  border-top: 1px solid #ddd;
}

.lyricTagIntroductionForm .previewButton button {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  color: #fff;
  font-size: medium;
  text-align: center;
  line-height: 2;
  background-color: #e80;
  margin: 0;
  padding: 5px 60px;
  border: none;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.lyricTagIntroductionForm .lyricTagIntroductionForm__preview {
  text-align: left;
}

.lyricTagIntroductionForm .lyricTagIntroductionForm__previewTitle {
  color: #e80;
  font-size: 20px;
  font-weight: normal;
}

.lyricTagIntroductionForm .lyricTagIntroductionForm__previewBody {
  color: #000;
  font-size: 17px;
  font-weight: normal;
  margin-top: 10px;
}

.lyricTagIntroductionForm .lyricTagIntroductionForm__previewUserInfo {
  color: #888;
  font-size: 15px;
  font-weight: normal;
  margin-top: 10px;
}

.lyricTagIntroductionSent {
  color: #888;
  font-size: medium;
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
}

.lyricTagIntroductionSent__tableHeader {
  color: #888;
  font-size: medium;
  text-align: center;
}

.lyricTagIntroductionSent__table {
  margin-top: 10px;
  margin-bottom: 30px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.lyricTagIntroductionSent__table td {
  font-size: large;
  font-weight: bold;
}

/** ------------------------------
 * ハッシュタグ検索
 */
.selectTagWindow th {
  width: 210px;
  padding-right: 0;
  padding-left: 0;
}

.selectTagWindow div {
  text-align: center;
}

.selectTagWindow textarea,
.selectTagWindow input[type="text"] {
  width: 80%;
}

.selectTagWindow select {
  width: 90%;
}

.selectTagWindow .select {
  text-align: center;
  margin-top: 1px;
  padding: 10px;
  border-top: 1px solid #ddd;
}

.selectTagWindowSearchLoading {
  padding-top: 10px;
  padding-bottom: 20px;
}

/** ------------------------------
 * 歌詞リンク検索
 */
.selectLyricWindow th {
  width: 210px;
  padding-right: 0;
  padding-left: 0;
}

.selectLyricWindow div {
  text-align: center;
}

.selectLyricWindow textarea,
.selectLyricWindow input[type="text"] {
  width: 80%;
}

.selectLyricWindow select {
  width: 90%;
}

.selectLyricWindow .select {
  text-align: center;
  margin-top: 1px;
  padding: 10px;
  border-top: 1px solid #ddd;
}

.selectLyricWindow .selected {
  text-align: center;
  margin-top: 1px;
  padding: 10px;
  border-top: 1px solid #ddd;
}

.selectLyricWindowSearchLoading {
  padding-top: 10px;
  padding-bottom: 20px;
}

.selectLyricWindowSelectedLyric {
  padding-bottom: 20px;
}

.selectLyricWindowSelectedLyric input[type="text"] {
  text-align: center;
}

.selectLyricWindow__resultTitle {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.selectLyricWindow__resultArtist {
  color: #000;
  font-size: 15px;
  font-weight: normal;
  text-align: center;
}

.selectLyricWindow__resultArtist span:before {
  font-family: utIcon;
  content: "\e690";
  color: #ccc;
  font-size: 14px;
  vertical-align: middle;
  margin-right: 2px;
}

/** ------------------------------
 * ハッシュタグ紹介文プレビュー
 */
.previewWindow .previewWindow__preview {
  margin: 20px;
}

.previewWindow__previewTheme {
  color: #e80;/* 基本色 */
  font-size: 131%;
  margin: 5px 1px 1px;
  padding: 10px 9px;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.previewWindow__previewTheme:before {
  content: "";
  background-color: #e80;/* 基本色 */
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  top: -4px;
  left: 0;
}


.previewWindow .previewWindow__previewTitle {
  color: #e80;
  font-size: 20px;
  font-weight: normal;
}

.previewWindow .previewWindow__previewBody {
  color: #000;
  font-size: 17px;
  font-weight: normal;
  margin-top: 10px;
}

.previewWindow .previewWindow__previewUserInfo {
  color: #888;
  font-size: 15px;
  font-weight: normal;
  margin-top: 10px;
}

.previewWindow__loading {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}


/* 必須 */
.mandatoryfield {
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  vertical-align: middle;
  background-color: #e80;
  padding: 1px 4px;
  display: inline-block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

/** ------------------------------------------------------------
 * エラーメッセージ
 */
.errorMessage {
  margin-bottom: 1px;
  padding: 20px 100px;
  border-bottom: 1px solid #ddd;
}

.errorMessage__title {
  font-family: "Times New Roman", serif;
  color: #ef8100;
  font-size: xx-large;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  padding: 0 20px;
}

.errorMessage__body {
  color: #824e1c;
  background-color: #fffae4;
  padding: 15px;
  border: 1px solid #ddd;
  list-style-type: square;
}

.errorMessage__item {
  margin-left: 1.5em;
}

/** ------------------------------
 * pager
 */
.pager {
  /*margin-bottom: 1px;*/
  padding: 10px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

table + .pager,
.list + .pager,
.blockList + .pager,
#loadIcon + .pager {
  border-top: 1px solid #ddd;
  border-bottom: none;
}

.pager__item {
  display: inline-block;
  vertical-align: middle;
}

.pager__item a ,
.pager__item span {
  /*display: inline-block;*/
  display: block;
  padding: 6px 12px 4px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background-color: #fff;
}

.pager__item a {
  text-decoration: none;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}

.pager__item a:hover {
  border-color: #e80;
  color: #e80;
}

/*.pager__item--current {
  background-color: #eee;
}*/

.pager__item--current a ,
.pager__item--current span {
  /*padding: 4px 12px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;*/
  border: 1px solid #e80;
  color: #e80;
}

.pager__item--prev a ,
.pager__item--next a ,
.pager__item--first a ,
.pager__item--last a {
  /*color: #e80; 基本色 */
  width: .77em;
  position: relative;
  z-index: 0;
  overflow: hidden;
  text-indent: 300%;
  white-space: nowrap;
}

.pager__item--prev a:before ,
.pager__item--next a:before ,
.pager__item--first a:before ,
.pager__item--last a:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-left: -.019231em; /* -.25px */
  font-family: utIcon;
  line-height: 1;
  text-indent: 0;
}

.pager__item--prev a:before {
  content: "\e6a2";
}

.pager__item--next a:before {
  content: "\e6a5";
}

.pager__item--first a:before {
  /*font-family: utIcon;
  content: "\e63c";
  vertical-align: middle;
  margin-right: 5px;*/
  content: "\e939";
}

.pager__item--last a:before {
  /*font-family: utIcon;
  content: "\e63d";
  vertical-align: middle;
  margin-left: 5px;*/
  content: "\e93a";
}

/** ------------------------------
 * newIcon
 */
.newIcon {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  vertical-align: middle;
  background-color: #e80;
  padding: 0 0.5em;
  display: inline-block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

/** ------------------------------
 * preIcon
 */
.preIcon {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  vertical-align: middle;
  background-color: #28c4e5;
  padding: 0 0.5em;
  display: inline-block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

/* 201903 */
.stateIcon {
  color: #fff;
  font-size: 11px;
  text-align: center;
  text-indent: .1em;
  text-transform: uppercase;
  line-height: 20px;
  letter-spacing: .1em;
  vertical-align: middle;
  height: 18px;
  padding: 0 5px;
  display: inline-block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
       -o-border-radius: 3px;
          border-radius: 3px;
}

.stateIcon__pre {
  background-color: #5dc2e0;
}

.stateIcon__new {
  background-color: #f6542c;
}

.stateIcon__pop {
  background-color: #ff4ca6;
}

/** ------------------------------
 * popularIcon
 */
.popularIcon {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  vertical-align: middle;
  background-color: #f44aa2;
  padding: 0 0.5em;
  display: inline-block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

/** ------------------------------
 * 検索時スライド
 */
.searchSlide {
  margin-bottom: 1px;
  padding: 16px 41px 13px;
  border-bottom: 1px solid #ddd;
}

.searchSlide a {
  display: inline-block;
}

.searchSlide img {
  width: 100%;
  display: inline-block !important;
}

.searchSlide__itemOuter {
  width: 108px !important;
}

.searchSlide__item {
  text-align: center;
  word-break: break-all;
}

.searchSlide__name {
  margin-top: 8px;
}

/* JS関連 */
.searchSlide .bx-prev,
.searchSlide .bx-next {
  height: 68px;
}

/** ------------------------------
 * 表示切替タブ
 */
.switchTab {
  padding-left: 5px;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.switchTab__inner {
  display: table;
}

.switchTab__item {
  display: table-cell;
}

.switchTab__item a {
  background-color: #fff;
  text-decoration: none;
  margin: 10px 0 0 5px;
  padding: 5px 15px;
  display: block;
  border: 1px solid #ddd;
  border-bottom-style: none;
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.switchTab__item a:hover {
  color: #e80;
}

.switchTab__item--current a {
  color: #343330 !important;
  font-weight: bold;
  background-color: #eee;
  margin-bottom: -1px;
  padding-bottom: 6px;
}

/** ------------------------------
 * ニュース検索
 */
.newsSearch {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.newsSearch:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.newsSearch__inner {
  background-color: #fff;
  width: 440px;
  padding: 4px;
  float: left;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.newsSearch__inner:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.newsSearch__inner * {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  font-size: 15px;
  line-height: 1.7;
  background-color: transparent;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
}

.newsSearch input[type="text"] {
  width: 330px;
  margin-left: 5px;
  float: left;
}

.newsSearch button {
  color: #fff;
  text-align: center;
  background-color: #e80;
  width: 100px;
  float: right;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.newsSearch button:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.newsSearch button:before {
  font-family: utIcon;
  content: "\e92c";
  margin-right: 5px;
}

.newsSearch .easy-select-box {
  background-color: #fff;
  width: 230px !important;
  height: 27px;
  margin-right: 2px;
  padding: 4px 1px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.newsSearch .easy-select-box .esb-dropdown {
  width: 220px !important;
}

.newsSearch__fullWidth {
  width: 100%;
  box-sizing: border-box;
}

.grid {
  padding-left: 1px;
}

#loadIcon {
  text-align: center;
  margin: 30px 0;
}

/** ------------------------------
 * ランキング
 */
.rankingIcon {
  color: #fff;
  font-size: medium;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  line-height: 1.5;
  background-color: #e80;
  min-width: 1.6em;
  padding: 0 0.3em;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: absolute;
  left: 0;
}

.rankingIcon--index {
  background-color: #72c331;
  padding: 0;
}

.list__main--ranking {
  padding-left: 3.6em;
  position: relative;
}

.list__main--indexRanking {
  padding-left: 2.6em;
  position: relative;
}

/** ------------------------------
 * 新着
 */
.newestList__releaseHead {
  text-align: center;
  width: 7em;
  padding-left: 0;
  padding-right: 0;
}

.newestList__release {
  color: #888;
  font-size: 85%;
  text-align: center;
}

.newestList__title a {
  font-weight: bold;
}

.newestList__name {
  font-size: 85%;
}

.newestList__name a {
  color: #e80;
}

/** ------------------------------
 * テキスト基本形
 */
.space {
  color: #555452;
  line-height: 1.6;
  padding: 40px 25px;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.space--line {
  border-bottom: 1px solid #ddd;
}

.themeColor {
  color: #e80 !important;
}

/**/
.longText {
  line-height: 1.6;
  margin-top: 10px;
}

.longText__title {
  line-height: 1.4;
  padding: 10px 25px 7px;
  display: inline-block;
  border-bottom: 3px solid #e80;
}

.longText__title h2 {
  font-size: medium;
  font-weight: bold;
}

.longText__body {
  color: #555452;
  margin: -2px 0 25px;
  padding: 13px 25px 0;
  border-top: 1px solid #ddd;
}

.basicList {
  margin: 10px 0 10px 2.2em;
  list-style-type: square;
}

.basicList a{
  text-decoration: underline;
}

.numberList {
  margin: 1em 0 1em 2em;
  list-style-type: decimal;
}

.numberList a {
  color: #299ac1;
}

.numberList > li + li {
  margin-top: 1em;
}

.numberList--LRSpace > li {
  margin-left: 3em;
  margin-right: 3em;
}

.numberList > li span {
  font-weight: bold;
  display: block;
}

.numberList > li > ul {
  list-style-type: square;
}

.numberList > li > ul > li {
  margin-top: 0.5em;
  margin-left: 1.2em;
}

.bracketList li {
  padding-left: 2.2em;
  position: relative;
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
}

.bracketList li + li {
  margin-top: 0.3em;
}

.bracketList li:before {
  content: "(" counter(cnt) ") ";
  display: marker;
  position: absolute;
  left: 0;
}

.compactList::after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.compactList dt {
  font-weight: bold;
  float: left;
}

.compactList dt::after {
  content: ":";
}

.compactList dd {
  overflow: hidden;
}

/* サイン */
.sign {
  color: #555452;
  margin: 25px;
}

.sign:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.sign__inner {
  float: right;
}

.sign__title {
  font-weight: bold;
}

/** ------------------------------------------------------------
 * sidebar
 */
#sidebar {
  width: 300px;
  float: right;
}

/** ------------------------------
 * banner
 */
.rectangleBanner {
  /*margin-bottom: 15px;*/
  margin-bottom: 20px;
}

.MediumRectangleBanner {
  margin-bottom: 20px;
  min-height: 300px;
  position: relative;
}

.MediumRectangleBanner__item {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.MediumRectangleStickyBanner {
  margin-bottom: 20px;
  min-height: 300px;
}

/** ------------------------------
 * 話題のキーワード
 */
.keywordLineUp {
  background-color: #fffcf6;
  padding: 10px 10px 4px;
}

.keywordLineUp--index {
  background-color: #fbf4f8;
 }

.keywordLineUp:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.keywordLineUp li {
  margin: 0 6px 6px 0;
  float: left;
}

.keywordLineUp li a {
  text-decoration: none;
  background-color: #fff;
  padding: 3px 5px;
  display: inline-block;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.keywordLineUp li a:hover {
  color: #e80;
  border-color: #e80;
}

.keywordLineUp--index li a:hover {
  color: #ab538b;
  border-color: #ab538b;
}

/** ------------------------------
 * 音楽特集
 */
.specialLineUp__item {
  margin: 10px;
}

/*.specialLineUp__item + .specialLineUp__item {
  border-top: 1px solid #eee;
}*/

.specialLineUp__item a {
  /*width: 100%;
  display: table;
  table-layout: fixed;
  direction: rtl;
  unicode-bidi: embed;
  color: #0044cc;*/
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  align-items: center;
}

.specialLineUp__item a:hover {
  /*color: #7f5ed4;*/
  color: #5467B2;
}

/*.specialLineUp__main,
.specialLineUp__sub {
  padding: 10px;
  display: table-cell;
  direction: ltr;
}*/

.specialLineUp__main {
  /*vertical-align: middle;
  padding-left: 0;*/
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-left: 10px;
  min-height: 63px;
  word-break: break-all;
}

.specialLineUp__sub {
  /*vertical-align: top;*/
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 120px;
}

.specialLineUp__sub img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  align-self: center;
}

.specialLineUp__type {
  margin-top: auto;
  padding-top: 5px;
  text-align: right;
}

.specialLineUp__type span:before {
  display: inline-block;
  margin-right: .5em;
  font-size: .825em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e64a";
}

/* .specialLineUp--featureColumn */
.specialLineUp--featureColumn .specialLineUp__item a:hover {
  color: #AD64BE;
}

.specialLineUp--featureColumn .specialLineUp__type {
  color: #AD64BE;
}

/** ------------------------------
 * twitter
 */
#twitter {
  height: 480px;
  margin-bottom: 15px;
  overflow: hidden;
}
#twitter.mainContents {
  height: 300px;
  margin-bottom: 20px;
}
/** ------------------------------
 * facebook
 */
#facebook {
  height: 600px;
}

#facebook.mainContents {
  height: 400px;
  overflow: hidden;
}

/** ------------------------------------------------------------
 * errorPage
 */
.errorPage {
  text-align: center;
  padding: 80px 0;
}

.errorPage__title {
  color: #e80;
  font-size: 54px;
  line-height: 1.3;
}

.errorPage__title--bk {
  color: #343330;
  font-size: 96px;
  font-weight: bold;
}

.errorPage__text {
  color: #999;
  font-size: medium;
}

.errorPage__text--bk {
  color: #343330;
}

.errorPageButton {
  margin: 30px auto 0;
  max-width: 300px;
  text-align: center;
}

.errorPageButton + .errorPageButton {
  margin-top: 20px;
}

.errorPageButton > a {
  padding: 10px 20px;
  -webkit-border-radius: 100px;
          border-radius: 100px;
  display: block;
  vertical-align: top;
  color: #fff;
  background-color: #343330;
  text-decoration: none;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
          box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.errorPageButton > a:hover {
  background-color: #555;
}

#exceptionMessage {
  text-align: left;
  background-color: #fff;
  margin-top: 40px;
  padding: 20px;
  border: 3px solid #e80;
}

/** ------------------------------------------------------------
 * footer
 */
footer {
  color: #9a9998;
  font-size: 13px;
  background-color: #343330;
}

footer:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

footer a,
footer a:hover,
footer a:active {
  color: #fff;
}

/* バナー */
.footerBanner {
  text-align: center;
  background-color: #c2beae;
  padding: 10px 0;
}

.footerBanner a {
  display: inline-block;
}

.footer__inner {
  width: 1040px;
  margin: 0 auto;
  margin-bottom: 80px;
  padding: 10px 0;
  position: relative;
}

.footer__inner:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

/* メイン領域 */
.footer__main {
  width: 810px;
  float: left;
  position: relative;
}
/* Logo */
.footerLogo {
  margin-bottom:20px;
  border-bottom: 3px solid #e80;
}
.footer__main ul {
  width:100%;
  display:table;
}
.footer__main ul li {
  width:20%;
  display:table-cell;
}
.footerNavi {
  line-height:1.8em;
  margin-bottom:20px;
}
.footerNavi .tSpace {
  padding-top:1.8em;
}
.footer__main ul:nth-of-type(2)
{
  width:auto;
}
.footer__main ul:nth-of-type(2) li
{
  width:auto;
}
.footer__main ul:nth-of-type(2) li:nth-of-type(n+2) {
  padding-left:25px;
}
/* Copyright , rss */
.footerInfo {
  margin-top:20px;
}
.footerInfo li:nth-of-type(1) {
  font-size: 11px;
  vertical-align:middle;
  width:75%;
}
.footerInfo  li:nth-of-type(2) {
  font-size: 14px;
  text-align:right;
  line-height: 1.2;
  width:25%;
}
.footerInfo  li:nth-of-type(2) p {
  text-align:left;
  text-indent: 1em;
  padding-bottom:5px;
}
.footerInfo  li:nth-of-type(2) a {
  text-decoration: none;
  background-color: #e80;
  /* margin-left:3px; */
  padding: 3px 20px 3px 35px;
  display: inline-block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.footerInfo  li:nth-of-type(2) a:hover {
  background-color: #f3a318;
}
.footerInfo  li:nth-of-type(2) a:before {
  font-family: utIcon;
  content: "\e6a6";
  position: absolute;
  top: 3px;
  left: 3px;
}

/* 201903 */
/* カテゴリ一覧 */
.footerCategory {
  width: 100%;
  margin-top: 10px;
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

.footerCategory__item {
  vertical-align: top;
  display: table-cell;
}

.footerCategory__itemSpecial {
  width: 40%;
}

/* カテゴリリスト */
* + .categoryList {
  margin-top: 30px;
}

.categoryList {
  display: block !important;
}

.categoryList__item {
  width: auto !important;
  padding: 0 !important;
  display: list-item !important;
}

.categoryList__item + .categoryList__item {
  margin-top: 5px;
}

/* カテゴリ定義リスト */
.categoryDefine__ttl {
  color: #fff;
}

.categoryDefine__ttl + .categoryDefine__body {
  margin-top: 5px;
}

.categoryDefine__body {
  padding-left: 1em;
}

.categoryDefine__body .categoryDefine__ttl {
  color: #9a9998;
}

.categoryDefine__body .categoryDefine__body {
  padding-left: 0;
}

.categoryDefine__wrap:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.categoryDefine__wrapHalf {
  width: 50%;
  float: left;
}

/* メニュー */
* + .footerMenu {
  margin-top: 25px;
}

.footerMenu {
  font-size: 0;
  display: block !important;
}

.footerMenu__item {
  font-size: 13px;
  width: auto !important;
  display: inline-block !important;
}

.footerMenu__item + .footerMenu__item {
  margin-left: 20px;
  padding-left: 0 !important;
}

/* コピーライト RSS */
* + .footerFoot {
  margin-top: 25px;
}

.footerFoot:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.footerFoot #copyright {
  color: #9a9998;
  font-size: 11px;
  float: left;
}

.footerFoot #copyright a {
  color: #9a9998;
}

.rssInfo {
  margin: -7px 0 0;
  float: right;
}

.rssInfo__ttl {
  text-indent: .5em;
}

.rssList {
  font-size: 0;
}

.rssList__item {
  width: auto !important;
  display: inline-block !important;
}

.rssList__item + .rssList__item {
  margin-left: 5px;
}

.rssList__item a {
  color: #fff;
  font-size: 12px;
  text-align: center;
  background-color: #e18c32;
  padding: 2px 20px;
  padding-left: 35px;
  display: inline-block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
       -o-border-radius: 3px;
          border-radius: 3px;
  position: relative;
}

.rssList__item a:before {
  font-family: utIcon;
  content: "\e6a6";
  font-size: 1.2em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin: auto 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
}
/* 201903 */

/* 許諾 */
.license {
  width: 210px;
  float: right;
}

.license__sub {
  font-size: 0;
  text-align: left;
}

.license__sub li {
  margin-bottom: 5px;
}

.license__item + .license__item {
  margin-left: 5px;
}

.license__item--jasrac {
  width: 60px;
}

.license__item--nextone {
  width: 60px;
}

.license__main {
  font-size: 10px;
  line-height: 1.3;
  margin-top: 5px;
}

/* 相互リンク */
.footerLink {
  background-color: #777;
  width: 1040px;
  margin: 10px auto;
  position: relative;
}

/* 掲載メディア */
.footerMedia {
  width: 1040px;
  margin: 10px auto;
  position: relative;
}

.footerMedia li {
  width: 45%;
  display: inline-block;
}

/** ----------------------------------------
 * モーダル
 */
#lean_overlay {
  background: #000;
  width:100%;
  height:100%;
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index:100;
}

.modalWindow {
  width: 400px;
  display: none;
}

.modalWindow button.close {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  font-size: 16px;
  background-color: transparent;
  width: 26px;
  height: 26px;
  margin: auto;
  overflow: hidden;
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  cursor: pointer;
}

.modalWindow button.close:before {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  font-family: utIcon;
  color: #fff;
  content: "\e639";
  text-align: center;
  line-height: 26px;
  background-color: #343330;
  width: 26px;
  height: 26px;
  outline: none;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  position: absolute;
  top: 0;
  right: 0;
}

/** ------------------------------
 * iTunes
 */
.iTunesData {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.iTunesData:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.iTunesData--last {
  border-bottom: none;
}

.iTunesData__sub {
  width: 110px;
  float: left;
}

.iTunesData__sub img {
  width: 100%;
}

.iTunesData__main {
  width: 556px;
  float: right;
}

.iTunesInfo {
  padding: 8px 0;
}

.iTunesInfo__title,
.iTunesInfo__body {
  margin-bottom: 3px;
}

.iTunesInfo__title {
  font-weight: bold;
  width: 60px;
  margin-right: 10px;
  float: left;
}

.iTunesInfo__body {
  color: #888;
}

.iTunesData__sub img + .iTunesData__purchase {
  text-align: center;
  margin-top: 10px;
}

.iTunesData__audio {
  background-color: #000;
  height: 2.7em;
  padding: 2px 0 2px 4em;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  clear: both;
  position: relative;
}

.iTunesData__audio:before {
  content: "試聴";
  color: #fff;
  background-color: #666;
  padding: 0 5px;
  border: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.iTunesData__audio audio {
  vertical-align: top;
  width: 80%;
  height: 2.7em;
  margin: 0;
  padding: 0;
}

.showITunesPlayer {
  cursor: pointer;
}

.iTunesPreview {
  display: none;
}

/** ------------------------------
 * 投稿ランキング
 */
.balloon {
  color: #fff;
  font-size: 118%;
  text-align: center;
  background-color: #e80;
  margin: 10px 70px 7px;
  padding: 15px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: relative;
}

.balloon:after {
  content: "";
  margin-left: -10px;
  display: block;
  border-style: solid;
  border-width: 10px;
  border-color: #e80 transparent transparent transparent;
  position: absolute;
  bottom: -20px;
  left: 50%;
}

.balloon {
  background-color: #e80;
  margin-top: 25px 0 5px;
}

.rankingList {
  border-top: 1px solid #ddd;
}

.balloon + .rankingList {
  border-top: 1px solid #ddd !important;
}

.contentBox__title + .contentBox__body > .rankingList,
.pager + .rankingList {
  border-top: none;
}

.rankingList .rankingList__item {
  padding: 0 10px;
}

.rankingList__title {
  background-color: #eee;
  margin: 0 -10px 10px;
  padding: 8px 12px;
  border-bottom: 1px solid #ddd;
}

.rankingList_simple .rankingList__title {
  margin-bottom: 0px;
  background-color: #fff;
}

.rankingList_simple .rankingList__title .rankingList__time {
  color: #999;
}

.rankingList__item + .rankingList__item {
  border-top: 1px solid #ddd;
}

.rankingList_simple .rankingList__item {
  border-top: none;
}

.rankingList__title h2 {
  color: #343330;
  font-size: 116%;
  font-weight: bold;
  margin-top: 16px;
}

.rankingList__image {
  margin-right: 12px;
  float: left;
}

.rankingList__time {
  color: #e80;
  font-size: 93%;
  padding-top: 4px;
}

.rankingList__message {
  margin: 20px 10px;
}

.rankingList__finished {
  color: #e00;
  font-size: 116%;
  font-weight: bold;
  text-align: right;
  padding: 5px 0 0;
}

.rankingList__button {
  text-align: center;
  margin: 0 -10px;
  padding: 10px 0;
  border-top: 1px dashed #ddd;
}

.rankingList__button button,
.rankingList__button a,
.rankingList__button span {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  color: #fff;
  line-height: 25px;
  background-color: #e80;
  width: 30%;
  margin: 0;
  padding: 6px 0;
  display: inline-block;
  border: none;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.rankingList__button a {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.rankingList__button a:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
  text-decoration: none;
}

.rankingList__button span {
  color: #aaa;
  background-color: #ddd;
}

.rankingList__button a.rankingList__resultButton {
  background-color: #333;
}

.rankingList + .pager {
  border-top: 1px solid #ddd;
  border-bottom: none;
}

/* 結果 */
.voteCount {
  font-size: 30px;
  text-align: center;
  background-color: #f6f6f6;
  margin-bottom: 2px;
  padding: 30px 0;
  position: relative;
}

.voteCount:after {
  content: "";
  width: 100%;
  display: block;
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: -2px;
  left: 0;
}

.voteCount:before {
  font-family: utIcon;
  content: "\e671";
}

.voteCount span {
  color: #f33;
  font-size: 56px;
  margin: 0 5px;
}

input.voted {
  background-color: yellow;
}

input.mostVoted {
  color: red;
}

/* 投票結果 1位 */
.voteTop {
  background: #fce7cc url("/images/common/bg1.gif") repeat 0 0;
  padding: 7px;
  border-bottom: 1px solid #fff;
}

.voteTop + .list {
  border-top: 1px solid #ddd;
}

.voteTop__inner {
  background-color: #fff;
  padding: 2px;
  border: 1px solid #f8ab45;
}

.voteTop__inner:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.voteTop__main {
  width: 470px;
  padding-top: 6em;
  float: right;
  position: relative;
}

.voteTop__title {
  font-size: 20px;
  font-weight: bold;
}

.voteTop__name a {
  color: #e80;/* 基本色 */
}

.voteTop__name a:before {
  font-family: utIcon;
  content: "\e690";
  color: #ccc;
  font-size: 12px;
  vertical-align: middle;
  margin-right: -0.2em;
}

.voteTop__sub {
  width: 200px;
  float: left;
}

.voteTop__sub img {
  width: 200px;
}

.voteTop__icon {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  text-align: center;
  line-height: 1.2em;
  background-color: #e80;
  width: 1.2em;
  display: block;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  position: absolute;
  top: 15px;
  left: 0;
}

/** ------------------------------
 * パンくずリスト
 */
.path {
  padding-bottom: 10px;
  -ms-word-break: break-all;
      word-break: break-all;
  word-wrap: break-word;
}

.path:before {
  font-family: utIcon;
  content: "\e602";
  margin-right: -0.2em;
}

.path li {
  display: inline-block;
}

.path li + li:before {
  content: ">";
  font-size: 10px;
}

.path li a {
  color: #0044cc;
}


/** ------------------------------
 * 特集検索
 */
/* アーティスト検索ボタン */
.contentBox__title__artistSearch {
  text-align: right;
  margin-top: 6px;
  position: absolute;
  top: 0;
  right: 0;
}

.contentBox__title__artistSearch a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background-color: #000;
  margin-right: 3px;
  padding: 6px 10px 6px 30px;
  display: inline-block;
  border: none;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  position: relative;
}

.contentBox__title__artistSearch a:before {
  font-family: utIcon;
  content: "\e92c";
  font-size: 20px;
  position: absolute;
  left: 7px;
  top: 2px;
}

.specialArticleSearch {
  margin-bottom: 8px;
  border-bottom: 1px solid #ddd;
}

/* サブカテゴリ選択 */
ul.specialArticleSearch__categoryGenre {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 6px 6px;
}

ul.specialArticleSearch__categoryGenre ol {
  display: table-row;
}

ul.specialArticleSearch__categoryGenre li {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

ul.specialArticleSearch__categoryGenre li a {
  color: #888;
  padding: 8px 0;
  display: block;
  border: 1px solid #888;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

ul.specialArticleSearch__categoryGenre li a:hover {
  color: #e80;
  border: 1px solid #e80;
}

ul.specialArticleSearch__categoryGenre li.selected {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

ul.specialArticleSearch__categoryGenre li.selected a {
  color: #fff;
  background-color: #e80;
  padding: 8px 0;
  border: 1px solid #e80;
  display: block;
}

/* 種類選択 */
ul.specialArticleSearch__categoryType {
  margin-top: 8px;
}

ul.specialArticleSearch__categoryType:after {
  clear: both;
}

ul.specialArticleSearch__categoryType li {
  text-align: center;
  vertical-align: middle;
  padding: 6px 10px;
  float: left;
  border-right: 1px solid #ddd;
}

ul.specialArticleSearch__categoryType li.last {
  border-right: none;
}

ul.specialArticleSearch__categoryType li a {
  color: #888;
}

ul.specialArticleSearch__categoryType li a:hover {
  color: #e80;
}

ul.specialArticleSearch__categoryType li.selected {
  border-bottom: 2px solid #e80;
}

ul.specialArticleSearch__categoryType li.selected a {
  color: #e80;
}

.specialArticleSearch:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

/* 人気の特集ランキング */
.specialArticleRankingLink {
  text-align: center;
  margin: 6px 0;
}

.specialArticleRankingLink a {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  background-color: #ee4e00;
  padding: 8px 22px 8px 58px;
  display: inline-block;
  border: none;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  position: relative;
}

.specialArticleRankingLink a:before {
  font-family: utIcon;
  content: "\e691";
  font-size: 30px;
  position: absolute;
  top: -2px;
  left: 22px;
}

.specialArticleRankingLink a:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

/** ------------------------------
 * 特集一覧 - アーティスト検索
 */
.specialArticleArtistSearch {
  background-color: #eee;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.specialArticleArtistSearch__inner {
  background-color: #fff;
  width: 90%;
  padding: 4px;
  float: left;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.specialArticleArtistSearch__inner:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.specialArticleArtistSearch__inner * {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  font-size: 15px;
  line-height: 1.7;
  background-color: transparent;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
}

.specialArticleArtistSearch input[type="text"] {
  width: 510px;
  float: left;
  margin-left: 5px;
}

.specialArticleArtistSearch button {
  color: #fff;
  text-align: center;
  background-color: #e80;
  width: 100px;
  float: right;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.specialArticleArtistSearch button:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.specialArticleArtistSearch button:before {
  font-family: utIcon;
  content: "\e92c";
  margin-right: 5px;
}

.specialArticleArtistSearch:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.specialArticlePopularArtist {
  background-color: #fffcf6;
  padding: 10px 10px 4px;
  border-bottom: 1px solid #ddd;
}

.specialArticlePopularArtist--index {
  background-color: #fbf4f8;
 }

.specialArticlePopularArtist:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.specialArticlePopularArtist li {
  margin: 0 6px 6px 0;
  float: left;
}

.specialArticlePopularArtist li a {
  text-decoration: none;
  background-color: #fff;
  padding: 3px 5px;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.specialArticlePopularArtist li a:hover {
  color: #e80;
  border-color: #e80;
}

.specialArticlePopularArtist--index li a:hover {
  color: #ab538b;
  border-color: #ab538b;
}

/** ------------------------------
 * 人気の特集ランキング
 */
.specialArticleWeeklyRanking {
  padding: 5px 10px;
}

.specialArticleWeeklyRanking__Title {
  font-weight: bold;
  text-align: center;
  background-color: #fffae4;
  margin-bottom: 10px;
  padding: 15px 10px;
  border: 1px dotted #333333;
  border-radius: 5px;
}

.specialArticleWeeklyRanking__Pager {
  text-align: right;
}

.specialArticleWeeklyRanking__Article ,
.specialArticleWeeklyRanking__Article a {
  color: #000;
  width: 100%;
  display: table;
  table-layout: fixed;
  direction: rtl;
  unicode-bidi: embed;
}

.specialArticleWeeklyRanking__Article {
  margin: 8px 0;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.specialArticleWeeklyRanking__Article a:hover {
  color: #e80;
}

.specialArticleWeeklyRanking__Article .text,
.specialArticleWeeklyRanking__Article .image {
  padding: 10px 10px 12px 10px;
  display: table-cell;
  direction: ltr;
  vertical-align: top;
}

.specialArticleWeeklyRanking__Article .text {
  line-height: 1.2;
  padding-left: 0;
  position: relative;
}

.specialArticleWeeklyRanking__Article .text .title {
  font-weight: bold;
}

.specialArticleWeeklyRanking__Article .text .description {
  font-size: 90%;
  line-height: 1.6;
  margin-bottom: 8px;
}

.specialArticleWeeklyRanking__Article .image {
  width: 100px;
  text-decoration: none;
}

.specialArticleWeeklyRanking__Article .image img {
  width: 100%;
  border-radius: 3px;
}

.specialArticleWeeklyRanking__Article .writer {
  color: #272672;
  font-size: 90%;
  position: absolute;;
  bottom: 4px;
  right: 4px;
}

.specialArticleWeeklyRanking__Article + br {
  display: none;
}

/** ------------------------------
 * ステージャーライブランキング
 */
.stagerLiveRanking {
  padding: 5px 10px;
}

.stagerLiveRanking__topImage img {
  width: 100%;
}

.stagerLiveRanking__topMessage {
  color: #888;
  font-size: 15px;
  text-align: center;
  margin: 20px 12px 10px 12px;
}

.stagerLiveRanking__topMessage--presented {
  color: #888;
  font-size: 12px;
  text-align: right;
  margin-top: 16px;
}

.stagerLiveRanking__Title {
  font-weight: bold;
  text-align: center;
  background-color: #fffae4;
  margin-bottom: 10px;
  padding: 15px 10px;
  border: 1px dotted #333333;
  border-radius: 5px;
}

.stagerLiveRanking__Pager {
  text-align: right;
}

.stagerLiveRanking__Article {
  color: #000;
  width: 100%;
  display: table;
  table-layout: fixed;
  direction: rtl;
  unicode-bidi: embed;
}

.stagerLiveRanking__Article {
  margin: 8px 0 14px 0;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.stagerLiveRanking__Article a:hover {
  color: #fa3;
}

.stagerLiveRanking__Article .text,
.stagerLiveRanking__Article .image {
  vertical-align: top;
  padding: 10px 10px 12px 10px;
  display: table-cell;
  direction: ltr;
}

.stagerLiveRanking__Article .text {
  line-height: 1.2;
  padding-left: 0;
  position: relative;
}

.stagerLiveRanking__Article .text .title {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 4px;
}

.stagerLiveRanking__Article .text .title .user_id {
  color: #888;
  font-size: 75%;
}

.stagerLiveRanking__Article .text .description {
  font-size: 90%;
  line-height: 1.6;
  margin-bottom: 8px;
}

.stagerLiveRanking__Article .image {
  text-decoration: none;
  width: 100px;
}

.stagerLiveRanking__Article .image img {
  width: 100%;
  border-radius: 3px;
}

.stagerLiveRanking__Article .writer {
  color: #272672;
  font-size: 90%;
  position: absolute;;
  bottom: 4px;
  right: 4px;
}

.stagerLiveRanking__Article + br {
  display: none;
}

/*
.specialArticleSearch__inner {
  background-color: #fff;
  width: 50%;
  padding: 4px;
  float: left;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.specialArticleSearch__inner:after {
  content: ".";
  font-size: 0;
  line-height: 0;
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.specialArticleSearch__inner * {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  font-size: 15px;
  line-height: 1.7;
  background-color: transparent;
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
}

.specialArticleSearch input[type="text"] {
  width: 236px;
  margin-left: 5px;
  float: left;
}

.specialArticleSearch button {
  color: #fff;
  text-align: center;
  background-color: #e80;
  width: 100px;
  float: right;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.specialArticleSearch button:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.specialArticleSearch button:before {
  font-family: utIcon;
  content: "\e92c";
  margin-right: 5px;
}

.specialArticleSearch .easy-select-box {
  background-color: #fff;
  height: 27px;
  margin-right: 2px;
  padding: 4px 1px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
*/

/** ------------------------------
 * JQuery UI Dialog
 */
.ui-widget-overlay {
  background: #000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
}

.dialog-base .ui-dialog-content {
  background-color: #fff;
  padding: 0;
  overflow: auto;
}

.dialog-base .ui-dialog-titlebar {
  display: none;
}


/**
 * 掲載メディア
 */
.media__list {
  padding: 20px 10px;
}

.media__list li {
  text-align: center;
  vertical-align: top;
  width: 49%;
  display: inline-block;
}

.media__list img {
  background-color: #fff;
  width: 80%;
  padding: 10px 20px;
}

.media__list a:hover {
  opacity: 0.5;
}

.media__list p {
  padding: 7px 5px;
}

.adSpotBannerLyric {
  text-align: center;
  margin-bottom: 15px;
}

.adSpotBannerLyric img {
  max-width: 100%;
}

/** ------------------------------
 * アーティスト一覧
 */
.artistList--item {
  text-align: center;
}

.artistList__header--name,
.artistList--name {
  width: 40%;
}

td.kanaListItem {
  text-align: center;
  background-color: #F5D0A9;
  padding-bottom: 20px;
}

.kanaListItem a {
  font-weight: bold;
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

.kanaListItem span {
  font-size: 16px;
  background-color: #fff;
  width: 100%;
  padding: 10px 3px;
  display: inline-block;
  border: 1px solid #000;
  border-radius: 4px;
}

.kanaListItem a:hover > span {
  border: 1px solid #e80;
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;
}

.kanaListItem a.hover > span {
  color: #e80;
  border: 1px solid #e80;
}

span.kanaListItem__text--disable {
  color: #000;
  background-color: #efefef;
  border: none;
  box-shadow: none;
}

.kanaListItem--selected span {
  color: #e80;
  border: 1px solid #e80;
}

.charBox {
  margin-bottom: 10px;
}

.kanaTable {
  background-color: #F5D0A9;
  padding: 0 10px;
}

.kanaTable td {
  border: none;
}

.charBox .contentBox {
  margin-bottom: 5px;
}

.artistList--item span {
  color: #ccc;
}

td.artistList--name {
  word-break: break-all;
}

/*みんなの気持ちコーナー*/
.voteResultBarGraph .bar {
  text-align: center;
  float: left;
}

.barOuterWrapper {
  height: 1.2em;
  overflow: hidden;
}

.barNarrowTextHider {
  width: 1px;
  display: inline-block;
}

.barInnerWrapper {
  white-space: nowrap;
  display: inline-block;
}

/* 友情 */
.voteResultBarGraph .bar0 {
  background-color: #FF685E;
}

/* 感動 */
.voteResultBarGraph .bar1 {
  background-color: #5496d9;
}

/* 恋愛 */
.voteResultBarGraph .bar2 {
  background-color: #f46b88;
}

/* 元気 */
.voteResultBarGraph .bar3 {
  background-color: #f0d220;
}

.voteResultBarGraph:after {
  content: "";
  display: table;
  clear: both;
}

.voteResultBarGraph .bar {
  font-family: 'Dosis', sans-serif;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  font-style: italic;
  height: 21px;
  padding: 18px 0;
  border-bottom: 3px solid #ddd;
}

.voteResultBarGraph .bar:first-child {
  border-radius: 5px 0 0px 5px;
}

.voteResultBarGraph .bar:last-child {
  border-radius: 0 5px 5px 0;
}

.voteResultBarGraph .bar:only-child {
  border-radius: 5px;
}

.voteResultBarGraph_info {
  margin: 10px 40px;
}

.lst_voteResultBarGraph_info {
  max-width: 300px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.voteResultBarGraph_info_Item::before {
  content: "";
  vertical-align: sub;
  background: #ddd;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 2px;
}

.voteResultBarGraph_info_Item:nth-of-type(1)::before {
  background: #FF685E;
}

.voteResultBarGraph_info_Item:nth-of-type(2)::before {
  background: #5496d9;
}

.voteResultBarGraph_info_Item:nth-of-type(3)::before {
  background: #f46b88;
}

.voteResultBarGraph_info_Item:nth-of-type(4)::before {
  background: #f0d220;
}

.notyet_info {
  text-align: center;
  margin: 50px 0;
}


/****************artist▼▼ 20190207
*********************************/
.contentsBox {
  background: #fff;
  border: 1px solid #bbb;
  border-top: none;
}

.contentsBox + .contentsBox {
  margin-top: 20px;
}

.contentsBox + #_popIn_recommend,
.contentsBox + div[class^="xlift_"],
.contentsBox + #logly-lift-widget {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-top: 4px solid #555;
}



.contentsTtl {
  border-top: 5px solid #555;
  border-bottom: 1px solid #eee;
}

.artistTtl {
  color: #3faba3;
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: .1em;
  padding: 18px 10px;
}

.artistTtl_ruby {
  width: 100%;
  color: #888;
  font-size: 10px;
  font-weight: normal;
  vertical-align: bottom;
}

.artistTtl h1 {
  font-weight: bold;
}

.artistImg {
  text-align: center;
  padding: 10px;
}

.artistLstWrap {
  margin: 20px 0 10px;
  padding: 10px;
  position: relative;
}

.artistLstTtl {
  font-family: 'Dosis', sans-serif;
  color: #3faba3;
  font-size: 2.6em;
  font-weight: 600;
  font-style: italic;
  text-transform: capitalize;
  background: #fff;
  padding: 0 10px 0 0;
  position: absolute;
  top: -16px;
  left: 10px;
}

.artistLst {
  font-size: 1.1em;
  padding-top: 16px;
  border-top: 1px solid #3faba3;
}

.artistLst_items {
  margin: 10px 0;
}

.lnk_artistLst_items {
  color: #0044cc;
  padding-left: 34px;
  position: relative;
}

.lnk_artistLst_items::before {
  font-family: utIcon;
  content: "\e697";
  color: #3faba3;
  font-size: 2em;
  display: inline-block;
  position: absolute;
  top: -10px;
  left: 0;
}

.artistDisc img {
  width: 50%;
  border-radius: 5px;
}

.artistDisc a {
  color: #e80;
}

.relation_ttl {
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  max-width: 570px;
  display: inline-block;
  overflow: hidden;
}

/*tag*/
.artistHashtag {
  margin: 20px;
  border: 2px solid #3faba3;
  border-radius: 3px;
}

.artistHashtagTtl {
  color: #3faba3;
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px;
}

.artistTagsLst {
  background: #3faba3;
  max-height: 78px;
  padding: 0 0 10px 20px;
  display: flex;
  flex-wrap: wrap;
  overflow-y: scroll;
}

.artistTagsLst_item {
  padding: 10px 20px 0px 0px;
}

.lnk_artistTagsLst_item {
  color: #fff;
  font-size: 1.1em;
  line-height: 30px;
  background: #fff;
  padding: 0 1em;
  display: block;
  border-radius: 0 3px 3px 0;
  position: relative;
  transition: .2s;
}

.lnk_artistTagsLst_item::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 12px 15px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 0;
  left: -12px;
  transition: .2s;
}

.lnk_artistTagsLst_item::after {
  content: '';
  background: #3faba3;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  display: block;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 0;
}

.txt_artistTagsLst_item {
  color: #3faba3;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 118px;
  display: block;
  overflow: hidden;
}

/*人気ランキング***************/
.artist_indexTtl {
  padding: 10px;
  display: flex;
  align-items: center;
  border-top: 4px solid #555;
  border-bottom: 1px solid #eee;
}

[class^=indexTtl_] {
  font-size: 1.3em;
  font-weight: bold;
  width: 100%;
  padding-left: 10px;
  box-sizing: border-box;
}

.indexTtl_rank {
  color: #D6A810;
}

.rank_ttl_ico::before {
  color: #e80;
}

.rank_ttl_ico {
  color: #2aa29a;
}

.rank_vocalo_ico::before {
  content: "\e900";
  color: #2aa29a;
  font-family: "vocaloIcon" !important;
}

.indexTtl_article,
.article_ttl_ico::before {
  color: #AD64BE;
}

.indexTtl_movie,
.movie_ttl_ico::before {
  color: #AD64BE;
}

.indexTtl_news,
.news_ttl_ico::before {
  color: #5467B2;
}

.indexTtl_plf,
.plf_ttl_ico::before {
  color: #3faba3;
}

.indexTtl_info,
.info_ttl_ico::before {
  color: #3faba3;
}

.indexTtl_album,
.album_ttl_ico::before {
  color: #AD64BE;
}

.indexTtl_rank_centered {
  text-align: center;
  border-top: 4px solid #D6A810;
}

.ttl_ico {
  line-height: 1;
}

.ttl_ico::before {
  font-family: utIcon;
  font-size: 3em;
}

.ttl_share {
  width: 133px;
}

.rank_ttl_ico::before {
  content: "\e900";
}

.article_ttl_ico::before {
  content: "\e903";
}

.movie_ttl_ico::before {
  content: "\e905";
}

.news_ttl_ico::before {
  content: "\e904";
}

.plf_ttl_ico::before {
  content: "\e906";
}

.info_ttl_ico::before {
  content: "\e907";
}

.album_ttl_ico::before {
  content: "\e938";
}

.boxArea_tieIn {
  color: #888;
  font-size: .9em;
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px dashed #ddd;
}

.boxArea_rank {
  padding: 0px 0 10px 10px;
  display: flex;
  flex-wrap: wrap;
}

.boxArea_rank img {
  width: 100%;
}

.lst_boxArea {
  width: calc((100% - 50px) / 5);
  margin: 10px 10px 0 0;
}

.boxArea_ttl {
  font-weight: bold;
  margin: 5px 0;
  margin-bottom: 15px;
}

.hopeRanking .lst_boxArea {
  padding-bottom: 30px;
}

.boxArea_hopeVotePointTxtWrap {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.boxArea_hopeVotePointTxtinr {
  font-family: 'Dosis', sans-serif;
  color: #5467b2;
  font-weight: 60;
  font-style: italic;
  line-height: 1.2;
  display: inline-block;
  border-bottom: 8px solid #fef952;
}

.boxArea_hopeVotePointTxt {
  font-size: 1.6em;
  letter-spacing: 1px;
  word-break: break-all;
  word-wrap: break-word;
}

.boxArea_ptTxt {
  font-size: 1.2em;
}

.boxArea_square_img {
  height: 126px;
  margin-top: 8px;
  border: 1px solid #ddd;
  position: relative;
  overflow: hidden;
}

.boxArea_square_img img {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

[class^=icoTxt_] {
  color: #fff;
  font-size: .7rem;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 1px 8px;
  display: inline-block;
  border-radius: 2px;
}

.icoTxt_rank {
  vertical-align: bottom;
  background: #D6A810;
  margin-right: .5em;
}

.icoTxt_rank_top3::before {
  font-family: utIcon;
  content: "\e908";
  color: #D6A810;
  font-size: 1.4em;
  font-weight: normal;
  margin-right: 2px;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -20px;
}

.icoTxt_rank_top3.icoTxt_rank {
  margin-left: 20px;
  position: relative;
}

[class^=lnk_moreArtist_] {
  color: #555;
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  margin: 10px auto;
  padding: 10px;
  width: calc(100% - 200px);
  display: block;
  border: 1px solid #555;
  border-radius: 50px;
  box-sizing: border-box;
}

.lnk_moreArtist_Rank {
  color: #D6A810;
  border: 2px solid #D6A810;
}

.lnk_moreArtist_Rank:hover {
  color: #fff;
  background: #D6A810;
}

.articleWrap {
  padding: 10px;
  display: flex;
}

.article_block {
  width: calc((100% - 40px) / 5);
}

.article_block + .article_block {
  margin-left: 10px;
}

.article_tmbWrap {
  max-height: 100px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  overflow-y: hidden;
}

.article_tmbWrap img:not(.movie_tmb) {
  width: 100%;
  position: relative;
  top: -14px;
}

.article_ttl {
  font-size: .9em;
  font-weight: bold;
}

.lnk_moreArtist_feature {
  color: #AD64BE;
  border: 2px solid #AD64BE;
}

.lnk_moreArtist_feature:hover {
  color: #fff;
  background: #AD64BE;
}

.movie_tmb {
  width: 100%;
}

.article_date {
  color: #999;
  font-size: .9em;
  margin-top: 5px;
}

.lnk_moreArtist_news {
  color: #5467B2;
  border: 2px solid #5467B2;
}

.lnk_moreArtist_news:hover {
  color: #fff;
  background: #5467B2;
}

.boxArea {
  padding: 10px;
}

.artist_info h3 {
  color: #3faba3;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 10px;
  border-left: 4px solid #3faba3;
}

.artist_info a {
  color: #0044cc;
}

.artist_info img {
  max-width:100%;
}

.artist_wiki {
  border-top: 4px solid #555;
}

.artist_wiki a {
  color: #e80;
}




/****************artist▲▲
*********************************/


/*sidebar*/
#sidebar [class^=indexTtl_] {
  font-size: 1.15em;
}

#sidebar .artistTagsLst {
  max-height: 160px;
  overflow: hidden;
}

#twitter {
  margin-top: 20px;
  border: 1px solid #ddd;
}

[class^=lnk_indexTtl] {
  white-space: nowrap;
}

[class^=lnk_indexTtl]::after {
  content: '';
  width: 6px;
  height: 6px;
  margin: auto;
  display: inline-block;
  transform: rotate(45deg);
}

.lnk_indexTtl_etmt {
  color: #5467B2;
}

.lnk_indexTtl_etmt::after {
  border-top: 1px solid #5467B2;
  border-right: 1px solid #5467B2;
}

.indexTtl_tag,
.tag_ttl_ico::before {
  color: #3faba3;
}

.tag_ttl_ico::before {
  content: "\e926";
}

.lnk_indexTtl_tag {
  color: #3faba3;
}

.lnk_indexTtl_tag::after {
  border-top: 1px solid #3faba3;
  border-right: 1px solid #3faba3;
}


/****************feelingGaugeRanking20190212▼▼
*********************************/
.lowerContents [class^=feeling_] {
  margin-top: 0;
}

.indexTtl {
  background: #fff;
}

.feelingRank_ttl_ico {
  content: "\e900";
}

.feelingRank_ttl_ico::before {
  content: "\e900";
  color: #f02361;
}

.indexTtl_feelingRank,
.lnk_indexTtl_feelingRank,
.indexTtl_feelingRank::before {
  color: #f02361;
}

.feelTtl  h2{
  font-size: 1.2em;
  font-weight: bold;
}

.tab {
  background: #eee;
  padding-top: 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.tabLst {
  padding: 0 10px 10px;
  display: flex;
  justify-content: space-between;
}

.tabList_item {
  text-align: center;
  width: calc((100% - 20px)/4);
  position: relative;
  box-sizing: border-box;
}

.lnk_tabLst_item {
  background: #fff;
  padding: 5px;
  display: block;
  border: 2px solid #888;
  border-radius: 4px;
}

.lnk_tabLst_item::before {
  font-family: utIcon;
  content: "\e904";
  font-size: 1.4em;
  line-height: 0;
  vertical-align: sub;
  display: inline-block;
}

.tabList_item.active::after {
  content: "";
  margin-left: -6px;
  border: 6px solid transparent;
  border-top: 8px solid #555;
  position: absolute;
  left: 50%;
}

/*友情*/
.tabList_item:nth-of-type(1).active::after {
  border-top: 8px solid #FF685E;
}

.tabList_item:nth-of-type(1) .lnk_tabLst_item {
  color: #FF685E;
  border: 1px solid #FF685E;
}

.tabList_item:nth-of-type(1).active .lnk_tabLst_item {
  color: #fff;
  background: #FF685E;
}

.tabList_item:nth-of-type(1) .lnk_tabLst_item::before {
  content: "\e922";
  color: #FF685E;
}

.tabList_item:nth-of-type(1).active .lnk_tabLst_item::before {
  color: #fff;
}

.feeling_1 .feelTtl {
  color: #FF685E;
  border-color: #FF685E;
}

.feeling_1 .icoTxt_feelingRank {
  background: #FF685E;
}

.feeling_1 .moreBtn_ranks {
  color: #FF685E;
  border: 1px solid #FF685E;
}

.feeling_1 .icoTxt_rank {
  background: #FF685E;
}

.feeling_1 .icoTxt_rank_top3::before {
  color: #FF685E;
}

/*感動*/
.tabList_item:nth-of-type(2).active::after {
  border-top: 8px solid #5697d9;
}

.tabList_item:nth-of-type(2) .lnk_tabLst_item {
  color: #5697d9;
  border: 1px solid #5697d9;
}

.tabList_item:nth-of-type(2).active .lnk_tabLst_item {
  color: #fff;
  background: #5697d9;
}

.tabList_item:nth-of-type(2) .lnk_tabLst_item::before {
  content: "\e924";
  color: #5697d9;
}

.tabList_item:nth-of-type(2).active .lnk_tabLst_item::before {
  color: #fff;
}

.feeling_2 .feelTtl {
  color: #5697d9;
  border-color: #5697d9;
}

.feeling_2 .icoTxt_feelingRank {
  background: #5697d9;
}

.feeling_2 .moreBtn_ranks {
  color: #5697d9;
  border: 1px solid #5697d9;
}

.feeling_2 .icoTxt_rank {
  background: #5697d9;
}

.feeling_2 .icoTxt_rank_top3::before {
  color: #5697d9;
}

/*恋愛*/
.tabList_item:nth-of-type(3).active::after {
  border-top: 8px solid #f46b88;
}

.tabList_item:nth-of-type(3) .lnk_tabLst_item {
  color: #f46b88;
  border: 1px solid #f46b88;
}

.tabList_item:nth-of-type(3).active .lnk_tabLst_item {
  color: #fff;
  background: #f46b88;
}

.tabList_item:nth-of-type(3) .lnk_tabLst_item::before {
  content: "\e923";
  color: #f46b88;
}

.tabList_item:nth-of-type(3).active .lnk_tabLst_item::before {
  color: #fff;
}

.feeling_3 .feelTtl {
  color: #f46b88;
  border-color: #f46b88;
}

.feeling_3 .icoTxt_feelingRank {
  background: #f46b88;
}

.feeling_3 .moreBtn_ranks {
  color: #f46b88;
  border: 1px solid #f46b88;
}

.feeling_3 .icoTxt_rank {
  background: #f46b88;
}

.feeling_3 .icoTxt_rank_top3::before {
  color: #f46b88;
}

/*元気*/
.tabList_item:nth-of-type(4).active::after {
  border-top: 8px solid #d6bd23;
}

.tabList_item:nth-of-type(4) .lnk_tabLst_item::before {
  content: "\e925";
  color: #d6bd23;
}

.tabList_item:nth-of-type(4).active .lnk_tabLst_item {
  color: #fff;
  background: #d6bd23;
}

.tabList_item:nth-of-type(4) .lnk_tabLst_item {
  color: #d6bd23;
  border: 1px solid #d6bd23;
}

.tabList_item:nth-of-type(4).active .lnk_tabLst_item::before {
  color: #fff;
}

.feeling_4 .feelTtl {
  color: #d6bd23;
  border-color: #d6bd23;
}

.feeling_4 .icoTxt_feelingRank {
  background: #d6bd23;
}

.feeling_4 .moreBtn_ranks {
  color: #d6bd23;
  border: 1px solid #d6bd23;
}

.feeling_4 .icoTxt_rank {
  background: #d6bd23;
}

.feeling_4 .icoTxt_rank_top3::before {
  color: #d6bd23;
}
/*タブ切り替えここまで*/



/****************hopeRanking20190212▼▼
*********************************/
.indexTtl_hopeRank {
  color: #5467b2;
}

.hopeRank_ttl_ico::before {
  content: "\e900";
  color: #5467b2;
}

.lnk_hopeRanking_feature {
  border-radius: 50px;
  border: 2px solid #5467b2;
  box-sizing: border-box;
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  padding: 10px;
  text-align: center;
  margin: 10px auto;
  width: calc(100% - 200px);
  color: #5467b2;
}

.btn_sbs--double .lnk_hopeRanking_feature {
  width: 49%;
  padding: 6px;
  margin: 0;
}

.lnk_hopeRanking_feature:hover {
  color: #fff;
  background: #5467b2;
}

.hopeRanking .icoTxt_rank {
  background: #5467b2;
}

.indexSubttl [class^=icoTxt_] {
  color: #fff;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 1.5px 12px;
  display: inline-block;
  border-radius: 7.5px;
}

.icoTxt_subttle {
  vertical-align: middle;
  margin-right: .5em;
  margin-bottom: 5px;
}

.icoTxt_subttle--hope {
  background: #5467b2;
}

.hopeRanking .icoTxt_rank_top3::before {
  color: #5467b2;
}

.hopeRanking_boxArea_tmb {
  border-bottom: 1px solid #ddd;
}

.icoTxt_hope_rank1::before {
  font-family: utIcon;
  content: "\e908";
  color: #5467b2;
  margin-left: 5px;
  font-size: 3em;
  font-weight: normal;
  display: inline-block;
}

.icoTxt_hope_rank::before {
  font-family: utIcon;
  content: "\e908";
  color: #5467b2;
  margin-left: 5px;
  font-size: 2.6em;
  font-weight: normal;
  display: inline-block;
}

.main_hopeRanking_boxArea_tmb {
  padding: 10px;
  min-height: 125px;
}

.parts_hopeRanking_boxArea_tmb {
  display: flex;
  display: -webkit-flex;
  flex-direction: row-reverse;
}

.hopeRanking_boxArea_TOPtmb_contents {
  width: calc(100% - 110px);
  padding-left: 10px;
  overflow: hidden;
}

.lnk_hopeRanking_boxArea_tmb {
  display: block;
}

.hopeRanking_boxArea_ttl_noClip {
  color: #5467b2;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.4;
  word-break: break-all;
}

.icoTxt_hopeRanking {
  background: #f5a21b;
}

.icoTxt_hopeRanking--lyric {
  background: #5467b2;
}

.hopeRankingArea_tieIn {
  color: #888;
  font-size: .9em;
  margin-top: 5px;
}

.hopeRanking_hopeVotePointTxtWrap {
  text-align: center;
}

.hopeRanking_hopeVotePointTxtinr {
  font-family: 'Dosis', sans-serif;
  color: #5467b2;
  font-weight: 600;
  font-style: italic;
  line-height: 1.2;
  display: inline-block;
  border-bottom: 8px solid #fef952;
}

.hopeRanking_rank1_hopeVotePointTxt {
  font-size: 5em;
  letter-spacing: 3px;
}

.hopeRanking_hopeVotePointTxt {
  font-size: 4em;
  letter-spacing: 3px;
}

.hopeRanking_boxArea_rank1_img {
  width: 175px;
  height: auto;
  text-align: center;
}

.hopeRanking_boxArea_rank1_img img {
  width: 100%;
}

.hopeRanking_boxArea_img {
  width: 125px;
  height: auto;
  text-align: center;
}

.hopeRanking_boxArea_img img {
  width: 100%;
}

/****************reviewRanking20190212▼▼
*********************************/
.reviewRank_box {
  padding-bottom: 10px;
}

.reviewRank_ttl_ico::before {
  content: "\e900";
  color: #f5a21b;
}

.indexTtl_reviewRank {
  color: #f5a21b;
}

.lnk_indexTtl_review {
  color: #0044cc;
  align-self: flex-end;
}

.parts_boxArea_tmb {
  display: flex;
  display: -webkit-flex;
  flex-direction: row-reverse;
}

.indexTtl_noIcon {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 10px;
  padding: 14px 10px;
  border-top: 4px solid #555;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}

.indexTtl_noIcon > * {
  font-weight: bold;
}

.icoTxt_lowerRankIn {
  vertical-align: bottom;
  margin-left: 20px;
  margin-right: .5em;
  padding: 1px 10px;
  display: inline-block;
  position: relative;
}

.icoTxt_lowerRankIn::before {
  font-family: utIcon;
  content: "\e908";
  font-size: 1.4em;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -20px;
  z-index: 10000;
}

.icoTxt_lowerRankIn::after {
  content: '';
  border-style: solid;
  border-width: 8px 5px 8px 0px;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.icoTxt_hopeRank {
  background: #5467b2;
}

.icoTxt_hopeRankIn {
  background: #5467b2;
}

.icoTxt_hopeRankIn::before {
  color: #5467b2;
}

.indexTtl_hopeRank,
.lnk_indexTtl_hopeRank,
.indexTtl_hopeRank::before {
  color: #5467b2;
}

.boxArea_artists_move_top {
  font-size: 1.1em;
  margin-top: 5px;
  display: block;
}

.boxArea_Bigsquare_img {
  width: 100px;
  height: 100px;
}

.boxArea_Bigsquare_img img {
  width: 100%;
}

.boxArea_TOPtmb_contents {
  width: calc(100% - 110px);
  padding-left: 10px;
  overflow: hidden;
}

.boxArea_ttl_noClip {
  color: #555;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.4;
  word-break: break-all;
}

.icoTxt_reviewRank {
  background: #f5a21b;
}

.rank1ttl {
  font-family: 'Fjalla One', sans-serif;
  color: #5467b2;
  font-size: 1.4em;
  text-transform: uppercase;
  letter-spacing: 2px;
  white-space: nowrap;
  margin-bottom: 10px;
  padding: 2px 0 1px 24px;
  display: block;
  /*border-top: 1px solid #5467b2;
  border-bottom: 1px solid #5467b2;*/
  position: relative;
}

.noUppercase {
  text-transform: capitalize;
}

.rank1ttl::after {
  font-family: utIcon;
  content: "\e908";
  font-weight: bold;
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0;
}

.moreBtn_relative {
  margin: 4px 0 0 auto;
}

.lowerContents .boxArea_tieIn {
  margin-top: -26px;
  margin-bottom: 10px;
}

.lst_boxArea {
  min-height: 55px;
  position: relative;
}

.lst_boxArea_tmb:not(.rank_4) {
  margin-top: 10px;
  border-top: 1px solid #ddd;
}

.lnk_lst_boxArea_tmb {
  min-height: 77px;
  padding: 10px;
  display: block;
}

.lnk_lst_boxArea_new {
  min-height: 55px;
  padding: 0 10px 10px 10px;
  display: block;
}

.reviewRankArea_tieIn {
  color: #888;
  font-size: .9em;
  margin-top: 5px;
}

.rank1ttl.rank1ttl_reviewRank {
  color: #f5a21b;
  /*border-top-color: #f5a21b;
  border-bottom-color: #f5a21b;*/
}

.rank1ttl.rank1ttl_reviewRank--lyric {
  color: #f02361;
}

.rank1ttl.rank1ttl_reviewRank--artist {
  color: #3faba3;
}

.rank1ttl.rank1ttl_reviewRank--news {
  color: #5467B2;
}

.rank1ttl.rank1ttl_reviewRank--specialArticle {
  color: #ad64be;
}


/*レビューのところ*/
.reviewWrap {
  margin: 10px 0;
  padding: 0 10px;
  display: flex;
}

.reviewIco {
  width: 100px;
  position: relative;
}

[class*=gender_] .reviewIco::before {
  font-family: utIcon;
  content: "\e900";
  color: #ddd;
  font-size: 4em;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 15px;
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.gender_1 .reviewIco::before {
  content: "\e91f";
  color: #2d99e7;
}

.gender_2 .reviewIco::before {
  content: "\e91e";
  color: #ff80c2;
}

.gender_3 .reviewIco::before {
  content: "\e91f";
  color: #ffc107;
}

.reviewContents {
  width: calc(100% - 90px);
  max-width: calc(100% - 90px);
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 10px;
  position: relative;
}

.reviewContents::before {
  content: "";
  border: 8px solid transparent;
  border-right: 16px solid #aaa;
  position: absolute;
  top: 20px;
  left: -24px;
}

.reviewContents::after {
  content: "";
  border: 8px solid transparent;
  border-top: 8px solid #fff;
  border-right: 16px solid #fff;
  position: absolute;
  top: 20px;
  left: -22px;
}

.reviewHeader {
  padding: 5px 0;
}

.reviewHeader:after {
  content: '';
  clear: both;
  display: block;
}

.reviewHeader .reviewName {
  float: left;
}

.reviewHeader .reviewTime {
  float: right;
}

.reviewTime {
  font-family: 'Quicksand', sans-serif;
  color: #999;
  text-align: right;
  letter-spacing: 1px;
}

.reviewDisc {
  padding-top: 10px;
  border-top: 1px solid #ddd;
}

.reviewDisc > * {
  word-break: break-word;
}

.reviewName {
  color: pink;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 1px;
}

.reviewCenterButton {
  text-align:center;
  padding: 10px;
}

.reviewCenterButton .lnk_opinion {
  margin: 0 auto;
  display: block;
}

.gender_1 .reviewName {
  color: #2d99e7;
}

.gender_2 .reviewName {
  color: #ff80c2;
}

.gender_3 .reviewName {
  color: #ffc107;
}

.reviewComment {
  color: #4a4545;
  line-height: 2;
}

.lnk_more_reviewRank {
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  background: #f5a21b;
  width: 400px;
  margin: auto;
  padding: 10px;
  display: block;
  border-bottom: 2px solid #ddd;
  border-radius: 50px;
  box-sizing: border-box;
}

.reviewTtl {
  color: #f5a21b;
  font-size: 1.2em;
  font-weight: bold;
  padding: 15px;
  border-top: 4px solid #777;
  border-bottom: 1px solid #ddd;
}

.reviewTtl--lyric {
  color: #f02361;
}

.reviewTtl--artist {
  color: #3faba3;
}

.reviewTtl--news {
  color: #5467B2;
}

.reviewTtl--specialArticle {
  color: #ad64be;
}

.clipTxt {
  clip: rect(80px, 80px, 80px, 80px);
  position: absolute;
}

.icoTxt_reviewRank {
  background: #f5a21b;
}

.icoTxt_reviewRank--lyric {
  background: #f02361;
}

.icoTxt_reviewRank--artist {
  background: #3faba3;
}

.icoTxt_reviewRank--news {
  background: #5467B2;
}

.icoTxt_reviewRank--specialArticle {
  background: #ad64be;
}

.moreBtn_reviewRanks {
  color: #f5a21b;
  border: 1px solid #f5a21b;
}

.btn__flexbox {
  display: flex;
  justify-content: space-between;
  padding: 5px 0 0 0;
}

.report__btn {
  border-bottom: solid 0.5px #ddd;
  padding: 3px 0 0 0;
  opacity: 0.5;
}

.report__btn:hover {
  border-bottom: solid 0.5px #e80;
}

.reaction__btn {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.toggle__good,.toggle__bad {
  width: 18px;
  cursor: pointer;
}

.toggle__animation {
  animation: 0.8s ease 0s 1 normal none running kXaYhP;
}


@keyframes kXaYhP {
  0%, 100% {
    transform: scale(1);
  }

  20% {
    transform: scale(1.2);
  }

  30% {
    transform: scale(1.2);
  }

  45% {
    transform: scale(0.9);
  }

  80% {
    transform: scale(1);
  }
}

.count__number {
  margin: 0 25px 0 6px;
  font-size: 10px;
  color: #999;
}

/*レビュー返信*/
.reviewReply {
  margin-top: 10px;
  padding-left: 5px;
}

.reviewReply .reviewName {
  color: #33CC66;
}

.reviewReply .reviewComment {
  padding: 5px;
  padding-left: 10px;
  border-left: 4px solid #aaa;
}

/*text icon*/
[class^=icoTxt_] {
  color: #fff;
  font-size: .7rem;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 1px 8px;
  display: inline-block;
  border-radius: 2px;
}

[class^=icoTxt_] + [class^=icoTxt_] {
  margin-left: .2em;
}

.icoTxt_rank {
  vertical-align: bottom;
  background: #D6A810;
  margin-right: .5em;
}

.icoTxt_new {
  text-transform: uppercase;
  background: #FF3B2D;
}

.icoTxt_pre {
  background: #28C4E5;
}

.icoTxt_fav {
  background: #FF2994;
}

.icoTxt_sp {
  background: #d70035;
  padding: 2px 8px;
  border: 1px solid #fff;
  border-radius: 30px;
  position: absolute;
  bottom: 65px;
  right: 2px;
  z-index: 100;
}

.icoTxt_lowerRank {
  vertical-align: middle;
  margin-right: .5em;
  margin-bottom: 5px;
}


/****************movie20190213▼▼
*********************************/
.releaseDate {
  font-size: .9em;
  margin: 10px 10px 0;
}

.movieTtl_mainTxt {
  font-size: 1.4em;
  line-height: 1.2;
  word-break: break-all;
}

.movieTtl_afterTxt {
  font-size: .9rem;
}

.movie_box {
  border-top: 4px solid #555;
}

.movieTtl {
  color: #2AA29A;
  font-weight: bold;
  letter-spacing: 1px;
  background: #fff;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

.movieTtl .boxArea_artists_move_top {
  color: #0044cc;
}

.boxArea_ttlTieIn {
  color: #aaa;
  font-weight: normal;
  margin-left: 10px;
  display: inline;
}


.movie_subTtl {
  color: #fff;
  font-family: 'Quicksand', sans-serif;
  font-size: 1.4em;
  letter-spacing: 1px;
  background: #333;
  padding: 10px;
}

.movie_contents {
  background: #ddd;
}

.indexTtl_hope {
  color: #5467b2;
}

.hope_ttl_ico::before {
  content: "\e91d";
  color: #5467b2;
}

.hopeVoteMessage {
  color: #555;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  line-height: 2;
  margin: 20px 0;
}

.hopeVoteMsgTtl {
  color: #5467b2;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 20px;
  padding: 5px;
  border-top: 2px solid #5467b2;
  border-bottom: 2px solid #5467b2;
}

.hopeVoteTtlTxt {
  color: #5467b2;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
}

.hopeVotePointTxtWrap {
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #5467b2;
}

.lnk_moreHope {
  color: #5467b2;
  font-size: 15px;
  text-align: center;
  background: #fff;
  width: 400px;
  margin: 10px auto;
  padding: 6px;
  display: block;
  border: 2px solid #5467b2;
  border-radius: 30px;
}

.hopeVotePointTxtinr {
  font-family: 'Dosis', sans-serif;
  color: #5467b2;
  font-weight: 600;
  font-style: italic;
  line-height: 1.2;
  margin-bottom: 20px;
  display: inline-block;
  border-bottom: 8px solid #fef952;
}

.hopeVotePointTxt {
  font-size: 7em;
  letter-spacing: 3px;
}

.lnk_moreHope:hover {
  color: #fff;
  background: #5467b2;
}

.indexTtl_review {
  color: #f5a21b;
}

.review_ttl_ico::before {
  content: "\e91b";
  color: #f5a21b;
}


/*みんなの気持ち*/
.indexTtl_feel {
  color: #f02361;
}

.feel_ttl_ico::before {
  content: "\e919";
  color: #f02361;
}

.voteResultBarGraph {
  width: 90%;
  margin: auto;
}

.lnk_moreArtist_feelRank {
  color: #f02361;
  border: 2px solid #f02361;
}

.lnk_moreArtist_feelRank:hover {
  color: #fff;
  background: #f02361;
}

.lyricTtl {
  color: #555;
  font-size: 1.2em;
  font-weight: bold;
  padding: 15px;
  border-top: 4px solid #555;
  border-bottom: 1px solid #ddd;
}

.lnk_moreArtist_lyric {
  color: #e80;
  border: 2px solid #e80;
}

.lnk_moreArtist_lyric:hover {
  color: #fff;
  background: #e80;
}

.lnk_moreArtist_reviewLyric {
  color: #f02361;
  border: 2px solid #f02361;
}

.lnk_moreArtist_reviewLyric:hover {
  color: #fff;
  background: #f02361;
}

.lnk_moreReview {
  border-radius: 50px;
  border: 2px solid #f5a21b;
  box-sizing: border-box;
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  padding: 10px;
  text-align: center;
  margin: 10px auto;
  width: calc(100% - 200px);
  color: #f5a21b;
}

.lnk_moreReview:hover {
  color: #fff;
  background: #f5a21b;
}

.btn_sbs {
  width: calc(100% - 20px);
  margin: 10px auto 10px;
  display: flex;
  justify-content: space-between;
}

.more_Btn_review {
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  background: #f5a21b;
  width: 49%;
  margin: auto;
  padding: 10px;
  display: block;
  border-bottom: 2px solid #ddd;
  border-radius: 50px;
  box-sizing: border-box;
}

.lnk_more_reviewRank:hover,
.more_Btn_review:hover,
.more_Btn_news:hover {
  color: #fff;
  opacity: 0.7;
}

.more_Btn_topic {
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  background: #f02361;
  width: 49%;
  padding: 10px;
  display: block;
  border-bottom: 2px solid #ddd;
  border-radius: 50px;
  position: relative;
  box-sizing: border-box;
  text-decoration: none !important;
}

.more_Btn_topic::before,
.more_Btn_topic::after {
  font-family: utIcon;
  content: "\e604";
  color: #fff;
  font-size: .9em;
  position: absolute;
  top: 11px;
}

.more_Btn_topic::before {
  left: 18px;
}

.more_Btn_topic::after {
  right: 18px;
}

.more_Btn_topic:hover {
  color: #fff;
  opacity: 0.7;
}


/*form*/
.commentFormWrap {
  background: #333;
  margin: 10px 0;
  padding: 20px 10px 10px;
}

.newCommentFormWrap {
  background: #333;
  margin: 10px 0;
  padding: 20px 10px 10px;
}

.commentForm * {
  -webkit-appearance: none;
     -moz-appearance: none;
       -o-appearance: none;
          appearance: none;
  font-family: monospace;
  outline: none;
  border: none;
}

.reviewForm_ttl {
  color: #ddd;
  font-size: 1.2em;
  margin-bottom: 5px;
}

.reviewSubmit {
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  background: #ff5b4f;
  width: 100%;
  margin-top: 10px;
  padding: 14px;
  border-radius: 5px;
}

.reviewTextarea {
  color: #000;
  font-size: 1.4em;
  line-height: 1.5;
  width: 100%;
  height: 10em;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
}

.reviewRegister {
  background: #fff;
  margin-top: 10px;
  padding: 10px;
  border: 2px solid #f5a21b;
  border-radius: 10px;
  position: relative;
}

.reviewRegister::before {
  content: "";
  border: 6px solid transparent;
  border-bottom: 14px solid #fff;
  position: absolute;
  top: -20px;
  left: 82px;
  z-index: 1000;
}

.reviewRegister::after {
  content: "";
  border: 8px solid transparent;
  border-bottom: 16px solid #f5a21b;
  position: absolute;
  left: 80px;
  top: -26px;
}

.reviewRegisterTtl {
  font-family: 'Dosis', sans-serif;
  color: #f5a21b;
  font-size: 3.4em;
  font-weight: 600;
  font-style: italic;
  text-align: center;
  line-height: .8;
  margin: 20px;
}

.reviewRegisterTtl_small {
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  margin-top: 1.6em;
  display: inline-block;
}

.reviewRegister_note {
  color: #777;
  font-size: .9rem;
  text-align: center;
  margin-bottom: 20px;
  padding: 10px;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

.reviewWindow_close {
  color: #777;
  background: #fff;
  width: 100%;
  margin-top: 20px;
  padding: 20px 10px 10px;
  border-top: 1px solid #ddd;
}

.reviewWindow_close::before {
  font-family: utIcon;
  content: "\e60c";
  color: #555;
  font-size: 1.2em;
  line-height: 0;
  vertical-align: middle;
  margin-top: -4px;
  margin-right: 6px;
  display: inline-block;
}

.reviewNotice {
  color: #eee;
  margin-top: 8px;
  margin-bottom: 2px;
}

.reviewNotice a {
  color: #e80;
}

.reviewRecaptchaNotice {
  color: #aaa;
  font-size: 0.9em;
  text-align: right;
  margin-top: 8px;
}

.reviewRecaptchaNotice a {
  color: #aaa;
  font-size: 0.8em;
}

#postReviewRegister {
  display: none;
}

.reviewRegister_items {
  margin-bottom: 10px;
}

.reviewRegister_item {
  margin-bottom: 10px;
}

.reviewRegister_itemTtl {
  color: #f5a21b;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.reviewCenterBtn {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.radioLst_reviewRegister {
  display: flex;
  justify-content: space-between;
}

.radioLst_reviewRegister label {
  color: #fff;
  font-size: .8rem;
  text-align: center;
  width: 100%;
  padding: 10px 5px;
  display: block;
  border-radius: 5px;
  box-sizing: border-box;
}

.radioLst_reviewRegister input[type="radio"] {
  display: none;
}

/*gender*/
.radioLst_gender_item {
  width: calc((100% - 20px)/3);
}

.radioLst_gender_item input[type="radio"]:checked + label {
  color: #fff;
}

.radioLst_gender_item label[for="genderMen"] {
  color: #6bbbec;
  border: 2px solid #6bbbec;
}

.radioLst_gender_item input[type="radio"]:checked + label[for="genderMen"] {
  background: #6bbbec;
}

.radioLst_gender_item label[for="genderWomen"] {
  color: #ffb2c1;
  border: 2px solid #ffb2c1;
}

.radioLst_gender_item input[type="radio"]:checked + label[for="genderWomen"] {
  background: #ffb2c1;
}

.radioLst_gender_item label[for="genderOther"] {
  color: #99d64a;
  border: 2px solid #99d64a;
}

.radioLst_gender_item input[type="radio"]:checked + label[for="genderOther"] {
  background: #99d64a;
}

.reviewRegister_item input[type="text"]{
  color: #777;
  background: #ededec;
  width: 100%;
  height: 40px;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
}

/*age*/
.radioLst_age_item {
  width: calc((100% - 25px)/5);
}

.radioLst_age_item input[type="radio"]:checked + label {
  color: #fff;
}

.radioLst_age_item label[for="age10"] {
  color: #ffb052;
  border: 2px solid #ffb052;
}

.radioLst_age_item input[type="radio"]:checked + label[for="age10"] {
  background: #ffb052;
}

.radioLst_age_item label[for="age20"] {
  color: #ffb2c1;
  border: 2px solid #ffb2c1;
}

.radioLst_age_item input[type="radio"]:checked + label[for="age20"] {
  background: #ffb2c1;
}

.radioLst_age_item label[for="age30"] {
  color: #6bbbec;
  border: 2px solid #6bbbec;
}

.radioLst_age_item input[type="radio"]:checked + label[for="age30"] {
  background: #6bbbec;
}

.radioLst_age_item label[for="age40"] {
  color: #99d64a;
  border: 2px solid #99d64a;
}

.radioLst_age_item input[type="radio"]:checked + label[for="age40"] {
  background: #99d64a;
}

.radioLst_age_item label[for="age50"] {
  color: #cabbec;
  border: 2px solid #cabbec;
}

.radioLst_age_item input[type="radio"]:checked + label[for="age50"] {
  background: #cabbec;
}



/****************lyric20190213▼▼
*********************************/

.gaugeWrap {
  background: #fff;
  padding: 10px;
  display: flex;
}

.gaugeLstFlex {
  flex-grow: 1;
}

.gaugeWrap .lyricFont {
  flex: 0 0 285px;
  margin-left: 0;
}

.gaugeWrap .lyricFont .rubyButton {
  height: 25px;
}

.gaugeLst {
  text-align: center;
  width: 100%;
  margin: -5px;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px;
  cursor: pointer;
}

.gaugeLst span {
  color: #bbb;
  line-height: 2;
  vertical-align: middle;
  display: table-cell;
  border-radius: 3px;
  position: relative;
}

.voteBtn {
  font-family: utIcon;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.gaugeLst span:not(:nth-child(6)) {
  padding-top: 50px;
}

.voteBtn::before {
  font-size: 2em;
  margin-left: -0.5em;
  top: 18px;
  left: 50%;
}

.gaugeLst span:not(:nth-child(6))::before {
  line-height: 1.1;
  position: absolute;

}

.gaugeLst span:nth-of-type(1)::before {
  content: "\e922";
}

.gaugeLst span:nth-of-type(2)::before {
  content: "\e924";
}

.gaugeLst span:nth-of-type(3)::before {
  content: "\e923";
}

.gaugeLst span:nth-of-type(4)::before {
  content: "\e925";
}

.openVoteResult::before {
  content: "";
  background-image: url(/images/sp/graph.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 25px;
  height: 25px;
  margin: auto;
  display: block;
  top: 19px;
  left: 0;
  right: 0;
}

.gaugeLst .voted[data-type="1"] {
  color: #fff;
  background: #FF685E;
  border-color: #FF685E;
}

.gaugeLst .voted[data-type="1"]:hover {
  opacity: .7;
}

.gaugeLst .voted[data-type="2"] {
  color: #fff;
  background: #5697d9;
  border-color: #5697d9;
}

.gaugeLst .voted[data-type="2"]:hover {
  opacity: .7;
}

.gaugeLst .voted[data-type="3"] {
  color: #fff;
  background: #f46b88;
  border-color: #f46b88;
}

.gaugeLst .voted[data-type="3"]:hover {
  opacity: .7;
}

.gaugeLst .voted[data-type="4"] {
  color: #fff;
  background: #d6bd23;
  border-color: #d6bd23;
}

.gaugeLst .voted[data-type="4"]:hover {
  opacity: .7;
}

.yujoBtn:hover {
  color: #fff;
  background: #FF685E;
  border-color: #FF685E;
}

.kandoBtn:hover {
  color: #fff;
  background: #5697d9;
  border-color: #5697d9;
}

.rennaiBtn:hover {
  color: #fff;
  background: #f46b88;
  border-color: #f46b88;
}

.gennkiBtn:hover {
  color: #fff;
  background: #d6bd23;
  border-color: #d6bd23;
}

.gaugeLst .openVoteResult {
  background: #555;
}

.gaugeLst .openVoteResult:hover {
  opacity: 0.7;
}

.gaugeLst .openVoteResult a {
  color: #fff;
}

.gaugeLst_youtubeLink {
  width: 90px;
}

.lnk_gaugeLst_youtubeLink {
  color: #fff;
  background: #e80;
  min-height: 60px;
  padding-top: 18px;
  display: block;
  border-radius: 3px;
}

.lnk_gaugeLst_youtubeLink::after {
  font-family: utIcon;
  content: "\e920";
  color: #fff;
  font-size: 1.5em;
  line-height: 1.1;
  margin: auto;
  margin-left: -0.5em;
  position: absolute;
  top: 45px;
  bottom: 6px;
  left: 0;
  right: 0;
}

.lnk_gaugeLst_youtubeLink:hover {
  color: #fff;
  opacity: 0.7;
}

.lyricBody {
  background: #fff;
  padding: 10px;
}

[class^=lnk_lyric] {
  font-size: 15px;
  padding: 6px;
  display: block;
  border-radius: 30px;
}

[class^=lnk_lyric] + [class^=lnk_lyric] {
  margin-top: 10px;
}

.lyricBody--darkMode {
  background: #343330;
  color: #EEE;
  margin: 0;
  padding: 35px 30px 5px;
}

.lnk_lyricComment {
  color: #fff;
  background: #2aa29a;
  border: 2px solid #2aa29a;
}

.lnk_lyricVote {
  color: #2aa29a;
  background: #fff;
  border: 2px solid #2aa29a;
}

.lnk_lyricReview {
  color: #fff;
  background: #f5a21b;
  border: 2px solid #f5a21b;
}

.lnk_opinion {
  color: #f5a21b;
  font-weight: bold;
  text-align: center;
  width: 100%;
  padding: 10px;
  display: block;
  border: 2px solid #f5a21b;
  border-radius: 50px;
  box-sizing: border-box;
}

.lnk_opinion:hover {
  color: #fff;
  background: #f5a21b;
}

.lnk_opinion + .lnk_opinion {
  margin-left: 10px;
}

.lnk_rankVote {
  color: #fff;
  background: #ff328a;
  width: 450px;
  border: 2px solid #ff328a;
  border-radius: 5px;
}

.lnk_rankVote:hover {
  background: #ff328a;
  opacity: 0.7;
}

/*koukaimae*/
.hopeVoteWrap {
  background: #fff;
  padding: 10px 10px 20px;
}

.hopeVoteMessage {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  line-height: 2;
  margin: 20px 0;
}

.bgborder_txt {
  font-weight: bold;
  background: linear-gradient(transparent 50%,yellow 50%);
}

.hopeVoteTimeWrap {
  height: 50px;
  position: relative;
}

.hopeVoteTimeWrap::after {
  content: "";
  margin: auto;
  border: 1px solid #5467b2;
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
}

.hopeVoteTime {
  font-family: 'Quicksand', sans-serif;
  color: #5467b2;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  background: #fff;
  width: 240px;
  margin: auto;
  padding: 5px 20px;
  display: inline-block;
  border: 2px solid #5467b2;
  border-radius: 20px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  box-sizing: border-box;
}

.hopeVoteTtlTxt {
  color: #5467b2;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
}

.hopeVotePointTxtWrap {
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 2px solid #5467b2;
}

.hopeVotePointTxtinr {
  font-family: 'Dosis', sans-serif;
  color: #5467b2;
  font-weight: 600;
  font-style: italic;
  line-height: 1.2;
  margin-bottom: 20px;
  display: inline-block;
  border-bottom: 8px solid #fef952;
}

.hopeVotePointTxt {
  font-size: 7em;
  letter-spacing: 3px;
}

.ptTxt {
  font-size: 2em;
}

.hopeVoteBtn {
  color: #fff;
  font-size: 1.2em;
  background: #5467b2;
  width: 49%;
  padding: 6px;
  display: block;
  border: 2px solid #5467b2;
  border-radius: 30px;
}

.lnk_lyricReviewBtn {
  color: #5467b2;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  width: 49%;
  padding: 10px;
  display: block;
  border: 2px solid #5467b2;
  border-radius: 50px;
  box-sizing: border-box;
}

.lnk_lyricReviewBtn:hover {
  color: #fff;
  background: #5467b2;
}

img.mediumCenteredImg {
  width: 65%;
  display: block;
  margin: 0 auto;
}

.lyricFurigana {
  padding: 5px;
  text-align: right;
  color: #888;
  border-top: 1px solid #ddd;
}













/****************レコメンド広告20190225▼▼
*********************************/
[class^="xlift_"] {
  margin-top: 20px;
  margin-bottom: 40px !important;
  border: 1px solid #ddd;
  border-top: 4px solid #555;
}

[class^="xlift_"]::before {
  color: #555 !important;
  margin: 0 0 10px !important;
  padding: 14px !important;
  border-top: none !important;
}

#_popIn_recommend_div ._popIn_recommend_header,
.logly-lift-widget-header {
  color: #555 !important;
  background: #fff;
  margin: 0 0 10px !important;
  padding: 14px !important;
  border-top: none !important;
}

#logly-lift-widget,
#_popIn_recommend {
  margin-top: 20px;
  border: 1px solid #ddd;
  border-top: 4px solid #555;
}


/** --------------------------------------------------------------------------------
 * ボタン 201904
 */
.btnList {
  margin: 0 -5px -5px;
  margin-top: 10px;
  overflow: hidden;
}

.btnList__item {
  width: 100%;
  margin-bottom: 5px;
  padding: 0 5px;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

/* 2box */
.btnList__box2 .btnList__item {
  width: 50%;
}

/* 3box */
.btnList__box3 .btnList__item {
  width: 33.3%;
}

/* 4box */
.btnList__box4 .btnList__item {
  width: 25%;
}

/* 5box */
.btnList__box5 .btnList__item {
  width: 20%;
}

.btnList__item a {
  color: #e80;
  font-size: 14px;
  text-align: center;
  text-indent: .05em;
  letter-spacing: .05em;
  padding: 3px 5px;
  display: block;
  border: solid 1px #e80;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
}

.btnList__item a:hover {
  color: #fff !important;
  background-color: #e80;
}

/** --------------------------------------------------------------------------------
 * アーティストカード 201904
 */
.artistCard {
  margin: 25px 0 8px;
  padding: 10px;
  border: solid 1px #ccc;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.artistCard a {
  text-decoration: none;
}

.artistCard__info {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  direction: rtl;
}

.artistCard__info__main ,
.artistCard__info__sub {
  vertical-align: middle;
  display: table-cell;
}

.artistCard__info__main {
  padding-left: 10px;
  direction: ltr;
}

.artistCard__info__main .artistCard__name a {
  color: #0044cc;
  font-size: 16px;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  text-decoration: underline;
}

.artistCard__text {
  font-size: 13px;
  max-height: 6em;
  margin-top: 5px;
  overflow: hidden;
}

.artistCard__info__sub {
  height: 100px;
  width: 150px;
}

.artistCard__info__sub img {
  max-width: 100%;
  max-height: 100%;
}

.artistCard__btn {
  margin: 0 -.5%;
  margin-top: 10px;
  overflow: hidden;
}

.artistCard__btn__item {
  width: 24%;
  margin: 0 .5%;
  float: left;
}

.artistCard__btn__item a {
  font-size: 14px;
  text-align: center;
  text-indent: .05em;
  letter-spacing: .05em;
  padding: 4px 10px 3px;
  display: block;
  border: solid 1px #0044cc;
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px;
}

.artistCard__btn__item a:hover {
  color: #fff;
  background-color: #0044cc;
}


/** --------------------------------------------------------------------------------
 * テーマ別アーティスト一覧 201904
 */
.artistTheme {
  font-size: 10px;
  border: solid 1px #ddd !important;
}

.artistTheme__head {
  text-align: center;
  padding: 20px 20px 0;
  border-bottom: solid 8px;
}

.artistTheme__head img {
  width: 100%;
}

.artistTheme__desc {
  font-size: 1.4em;
  text-indent: .01em;
  letter-spacing: .01em;
  padding: 20px 10px;
  display: block;
}

.artistTheme__desc h1 {
  font-size: 2em;
}

.artistTheme__desc h2 {
  font-size: 1.6em;
}

.artistTheme__desc h3 {
  font-size: 1.17em;
}

.artistTheme__title {
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  text-indent: 0.15em;
  letter-spacing: 0.15em;
  padding: 25px 0;
  border-bottom: solid 1px;
}

.artistTheme__list {
  margin-bottom: -1px;
  padding: 0 10px;
}

.artistTheme__list:after {
  content: " ";
  font-size: 0;
  height: 0;
  display: block;
  clear: both;
  visibility:hidden;
}

.artistTheme__item {
  width: 33.3%;
  padding: 30px 15px;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

.artistTheme__item:after {
  content: " ";
  background-color: #ddd;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  left: -10px;
  right: -11px;
}

.artistTheme__item:nth-of-type(3n+1) {
  clear: both;
}

.artistTheme__thumb img {
  width: 100%;
}

.artistTheme__detail {
  width: 100%;
  margin-top: 20px;
}

.artistTheme__info {
  height: 10.2em;
  overflow: hidden;
}

.artistTheme__name {
  font-size: 1.5em;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  max-height: 5.8em;
  padding: 3px 0 1px;
  padding-left: 10px;
  display: block;
  overflow: hidden;
  border-left: solid 5px;
}

.artistTheme__text {
  color: #343330;
  font-size: 1.3em;
  line-height: 1.75;
  word-break: break-all;
  word-wrap: break-word;
  max-height: 5.1em;
  margin-top: 10px;
  overflow: hidden;
}


/* テーマカラー */
/* 黒ベース01/オレンジ */
.artistTheme--col01 ,
.artistTheme--col01 .artistTheme__item a {
  color: #e80;
  border-color: #e80;
}

.artistTheme--col01 .artistTheme__desc h1 ,
.artistTheme--col01 .artistTheme__desc h2 ,
.artistTheme--col01 .artistTheme__desc h3 {
  color: #f5a21b;
}

.artistTheme--col01 .artistTheme__head {
  color: #fff;
  background-color: #161616;
  border-color: #e80;
}


/* 黒ベース02/紫 */
.artistTheme--col02 ,
.artistTheme--col02 .artistTheme__item a ,
.artistTheme--col02 .btnList__item a ,
.artistTheme--col02 .artistTheme__desc h1 ,
.artistTheme--col02 .artistTheme__desc h2 ,
.artistTheme--col02 .artistTheme__desc h3 {
  color: #9e61cc;
  border-color: #9e61cc;
}

.artistTheme--col02 .artistTheme__head {
  color: #fff;
  background-color: #161616;
  border-color: #9e61cc;
}

.artistTheme--col02 .btnList__item a:hover {
  background-color: #9e61cc;
}


/* 白ベース01/水色 */
.artistTheme--col03 ,
.artistTheme--col03 .artistTheme__item a ,
.artistTheme--col03 .btnList__item a ,
.artistTheme--col03 .artistTheme__desc h1 ,
.artistTheme--col03 .artistTheme__desc h2 ,
.artistTheme--col03 .artistTheme__desc h3 {
  color: #118ad7;
  border-color: #118ad7;
}

.artistTheme--col03 .artistTheme__head {
  color: #161616;
  background-color: #fff;
  border-color: #118ad7;
}

.artistTheme--col03 .btnList__item a:hover {
  background-color: #118ad7;
}


/* 白ベース02/ピンク */
.artistTheme--col04 ,
.artistTheme--col04 .artistTheme__item a ,
.artistTheme--col04 .btnList__item a ,
.artistTheme--col04 .artistTheme__desc h1 ,
.artistTheme--col04 .artistTheme__desc h2 ,
.artistTheme--col04 .artistTheme__desc h3 {
  color: #ff6986;
  border-color: #ff6986;
}

.artistTheme--col04 .artistTheme__head {
  color: #161616;
  background-color: #fff;
  border-color: #ff6986;
}

.artistTheme--col04 .btnList__item a:hover {
  background-color: #ff6986;
}


/* 白ベース02/黄緑 */
.artistTheme--col05 ,
.artistTheme--col05 .artistTheme__item a ,
.artistTheme--col05 .btnList__item a ,
.artistTheme--col05 .artistTheme__desc h1 ,
.artistTheme--col05 .artistTheme__desc h2 ,
.artistTheme--col05 .artistTheme__desc h3 {
  color: #5eb21c;
  border-color: #5eb21c;
}

.artistTheme--col05 .artistTheme__head {
  color: #161616;
  background-color: #fff;
  border-color: #5eb21c;
}

.artistTheme--col05 .btnList__item a:hover {
  background-color: #5eb21c;
}

/* pickupArtist特集一覧 */
.picupArtist__show .artistTheme__item:not(:nth-of-type(3n+1)) {
  border-left: solid 1px #ddd;
}


/* ページャー */
.artistTheme + .pager {
  border: 1px solid #bbb;
  border-top: none;
}

/* トップ */
.artistTheme .artistTheme__head--top {
  background: none;
  border-bottom: none;
}

.artistTheme__head--top .artistTheme__desc {
  background: #161616;
}

/* 広告 */
.artistTheme__ads {
  background-color: #fff;
  margin: 0 -11px;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  clear: both;
}

.artistTheme__ads .MediumRectangleBanner--half {
  width: 50%;
}

.artistTheme__ads .MediumRectangleBanner {
  margin-bottom: 0;
}


/** --------------------------------------------------------------------------------
 * sns 201904
 */
.snsList {
  font-size: 0;
  margin: 0 0 -10px -10px;
}

.snsList__item {
  font-size: 10px;
  vertical-align: middle;
  width: 33.3%;
  padding: 0 0 10px 10px;
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

.snsList__item a {
  color: #fff;
  text-indent: 1000%;
  line-height: 4em;
  white-space: nowrap;
  background-color: #555;
  display: block;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
  overflow: hidden;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

.snsList__item a:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.sns__faceBook a {
  background-color: #3b5998;
}

.sns__twitter a {
  background-color: #343330
}

.sns__youTube a {
  background-color: #f00
}

.snsList__item a:before {
  font-family: utIcon;
  font-size: 2.4em;
  text-align: center;
  text-indent: 0;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.sns__faceBook a:before {
  content: "\e6a8";
}

.sns__twitter a:before {
  content: "\e6a9";
}

.sns__youTube a:before {
  content: "\e6ae";
}


/** --------------------------------------------------------------------------------
 * app 201904
 */
.appList {
  font-size: 0;
  text-align: center;
}

.appList__item {
  vertical-align: middle;
  display: inline-block;
}

.app__googlePlay {
  width: 51.5%;
}

.app__appStore {
  width: 48.5%;
}

.appList__item a {
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

.app__appStore a {
  padding: 6.58% 7%;
  padding-right: 0;
}

.appList__item img {
  width: 100%;
}


/** --------------------------------------------------------------------------------
 *
 */
.MediumRectangleBanner--half {
  width: 50%;
  float: left;
}

.MediumRectangleBanner--half .MediumRectangleBanner {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.sideBySideBanner:after {
  content: '';
  clear: both;
  display: block;
}

.sideBySideBanner .MediumRectangleBanner {
  width: 50%;
  float: left;
  margin: 10px auto;
}

.oneRectangleBanner {
  padding: 10px 0;
  width: 50%;
  margin: 0 auto;
  text-align: center;
}

.topBanner {
  margin-top: 15px;
}

/* もっと見るボタン */
.moreBtn {
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  padding: 10px;
  display: block;
  border: 1px solid;
  border-radius: 50px;
  box-sizing: border-box;
}

.moreBtn__medium {
  width: calc(100% - 200px);
  margin: 0 auto;
}

.moreBtn:hover {
  color: #fff !important;
}

.moreBtn--style01 {
  color: #f02361;
}

.moreBtn--style01:hover {
  background-color: #f02361;
}

.moreBtn--style02 {
  color: #d6a810;
}

.moreBtn--style02:hover {
  background-color: #d6a810;
}

.moreBtn--style03 {
  color: #2aa29a;
}

.moreBtn--style03:hover {
  background-color: #2aa29a;
}

.moreBtn--style04 {
  color: #ad64be;
}

.moreBtn--style04:hover {
  background-color: #ad64be;
}

.moreBtn--style05 {
  color: #5467b2;
}

.moreBtn--style05:hover {
  background-color: #5467b2;
}

.linkBtn--lyricTag {
  border-color: #3faba3;
  color: #3faba3;
}

.linkBtn--lyricTag:hover {
  background-color: #3faba3;
  color: #fff;
}

/* 201905 ランキング用シェアボタン */
.snsShare {
  min-width: 240px;
  margin-left: auto;
  overflow: hidden;
}

.indexTtl_rank + .snsShare {
  margin-left: 6px;
}

.snsShare__item {
  float: left;
}

.snsShare__item + .snsShare__item {
  margin-left: 6px;
}

.snsShare__item a {
  color: #fff;
  font-size: 11px;
  text-align: center;
  padding: 7px 12px 5px;
  display: block;
  -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           -o-border-radius: 3px;
               border-radius: 3px;
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
             transition: all 0.4s ease;
}

.snsShare__item--twitter a {
  background-color: #343330;
}

.snsShare__item--facebook a {
  background-color: #3b5998;
}

.snsShare__item a:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.snsShare__item span {
  display: inline-block;
}

.snsShare__item span:before {
  font-family: utIcon;
  line-height: 1;
  vertical-align: text-top;
  width: 1em;
  height: 1em;
  margin-right: 5px;
  display: inline-block;
}

.snsShare__item--twitter span:before {
  content: "\e6a9";
}

.snsShare__item--facebook span:before {
  content: "\e6a8";
}

/* 201905 レビューランキング用moreボタン */
.reviewMore {
  text-align: center;
  width: calc(100% - 80px);
  margin: 20px auto;
  display: flex;
  justify-content: center;
  border-collapse: separate;
  border-spacing: 10px 0;
}

.reviewMore__item {
  display: inline-block;
  width: 49%;
  margin: 0 5px;
}

.reviewMore__item a {
  font-size: 1.1em;
  font-weight: bold;
  text-indent: .1em;
  letter-spacing: .1em;
  padding: 5px 10px;
  display: block;
  border: solid 2px;
  border-radius: 50px;
  box-sizing: border-box;
}

/* アーティスト */
.reviewMore--artist .reviewMore__item a {
  color: #3faba3;
  border-color: #3faba3;
}

.reviewMore--artist .reviewMore__item a:hover {
  color: #fff;
  background-color: #3faba3;
}

/* ニュース */
.reviewMore--news .reviewMore__item a {
  color: #5467B2;
  border-color: #5467B2;
}

.reviewMore--news .reviewMore__item a:hover {
  color: #fff;
  background-color: #5467B2;
}

/* 特集記事 */
.reviewMore--specialArticle .reviewMore__item a {
  color: #ad64be;
  border-color: #ad64be;
}

.reviewMore--specialArticle .reviewMore__item a:hover {
  color: #fff;
  background-color: #ad64be;
}

.blueLink {
  color: #0044cc;
}

.card,
.card a {
  font-size: 12px;
  color: #0044cc;
  display: table;
  table-layout: fixed;
  width: 100%;
  direction: rtl;
  unicode-bidi: embed;
  text-decoration: none;
}

.card {
  margin: 25px 0 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.card .cardContent,
.card .cardImage {
  padding: 10px;
  display: table-cell;
  direction: ltr;
  vertical-align: top;
}

.card .cardHeading {
  margin-bottom: 8px;
}

.card .cardContent {
  padding-left: 0;
  line-height: 1.1;
}

.card .cardTitle {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
}

.card .cardSubtitle {
  font-size: 12px;
  line-height: 1.4;
  color: #808080;
}

.card .cardImage {
  width: 120px;
  text-decoration: none;
}

.card .cardImage img {
  max-width: 100%;
  margin: 0 auto;
}

.card .image img {
  width: 100%;
  border-radius: 3px;
}

.articleCard .cardSubtitle span + span{
  margin-left: 5px;
}

/* 20190610 歌詞短縮URL */
.shortUrlTtl {
  border-top: 4px solid #555;
  padding: 10px 10px 0;
  text-align: center;
}

.shortUrlBox {
  padding: 10px;
  text-align: center;
  font-weight: bold;
}

.inputText {
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
  font-size: 108%;
  padding: 4px 6px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.shortUrlBox .inputText {
  width: 360px;
}

/* floatの解除 */
.clearfix:after {
  content: '';
  clear: both;
  display: block;
}

/* ライターランキング */

.highlightTtl.highlightTtl--writerRanking {
  background-color: #D6A810;
  font-size: 0.9em;
}

.indexSubttl.indexSubttl--writerRanking {
  color: #D6A810;
  border-bottom: 2px solid #D6A810;
}

.rank1ttl_writerRank {
  color: #D6A810;
}

.indexSubttl.indexSubttl--writerRanking a {
  color: #D6A810;
}

.indexSubttl__weeklyRanking {
  text-align: center;
  font-weight: bold;
  flex-grow: 1;
}

.indexSubttl__weeklyRanking span {
  color: #000;
  display: block;
  font-weight: normal;
  margin-top: 4px;
}

.writer_boxArea .boxArea_TOPtmb_contents {
  position: relative;
}

.writer_boxArea + .writer_boxArea{
  border-top: 1px solid #ddd;
}

.writerRank__links {
  font-size: 0.9em;
  position: absolute;
  padding-left: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 25px;
}

.writerInfo__linkSns {
  font-weight: bold;
  float: left;
  margin-bottom: 30px;
  margin-left: 5px;
}

.writerInfo__linkSns a:before {
  font-family: "utIcon";
  content: "\025B6";
  display: inline-block;
  margin-right: 5px;
}

.writerInfo__linkTwitter {
  color: #5dc2e0 !important;
}

.writerInfo__linkInstagram {
  color: #AD64BE !important;
}

.writerRank__linkProfile {
  border: 1px solid #D6A810;
  border-radius: 10px;
  color: #D6A810;
  padding: 0px 8px;
  float: right;
  display: block;
  margin-top: 50px;
}

.writerRank__linkProfile:hover {
  color: #fff;
  background: #D6A810;
}

.writerRank__profile {
  color: #888;
  margin: 5px 0 25px;
}

.writerRank__profile a {
  color: #0044cc;
}

.writerRank__mvp .writerRank__profile {
  margin: 5px 0 15px;
}

.writerRank__mvp .writerRank__links {
  position: static;
}

.writerRank__mvp .writerInfo__linkSns {
  margin-bottom: 0;
}

.writer_boxArea .boxArea_Bigsquare_img {
  width: 120px;
  height: 120px;
}

.indexSubttl--writerRanking a {
  line-height: 2;
}

.indexSubttl--writerRanking .navArrow__left {
  float: left;
  margin-right: 10px;
}

.indexSubttl--writerRanking .navArrow__right {
  float: right;
  margin-left: 10px;
}

.indexSubttl--writerRanking .navArrow {
  background: #D6A810;
  color: #fff;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 15px;
  position: relative;
}

.indexSubttl--writerRanking .navArrow.navArrow__left:before{
  content: "\e6a2";
  display: block;
  font-family: "utIcon";
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.indexSubttl .navArrow.navArrow__right:before{
  content: "\e6a5";
  display: block;
  font-family: "utIcon";
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.boxArea_ttl--mvpWriter {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.boxArea_ttl--mvpWriter span {
  display: block;
  color: #D6A810;
}

.boxArea_ttl--mvpWriter a {
  font-size: 1.4em;
}

.writerRank__topArticle {
  padding: 0 10px;
}

.writerRankCard .cardImage {
  width: 120px;
  height: 120px;
}

.writerRankCard .cardImage img {
  width: 100%;
}

.writerRankCard__title {
  color: #000;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 8px;
}

.writerRankCard__date {
  color: #888;
}

.writerInfo__profile__name {
  display: flex;
}

.writerInfo__profile__name p {
  flex-grow: 1;
  align-self: flex-end;
}

.writerInfo__label {
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 0.95em;
  font-weight: bold;
  padding: 1px 8px;
}

.writerInfo__achievements {
  padding: 10px;
}

.writerInfo__achievements .writerInfo__label + .writerInfo__label {
  margin-left: 5px;
}

.writerInfo__label--rankIco:before {
  font-family: "utIcon";
  content: '\e908';
  padding-right: 8px;
}

.writerInfo__label--starIco:before {
  font-family: "utIcon";
  content: '\e604';
  padding-right: 8px;
}

.writerInfo__label--mvp {
  background-color: #ff6552;
}

.writerInfo__label--rank {
  background-color: #D6A810;
}

.writerInfo__label--mvpCount {
  color: #ff6552;
  display: block;
  margin-top: 5px;
}

.writerInfo__label--topArticle {
  color: #D6A810;
  border: 1px solid;
  padding: 4px 8px;
  padding-right: 15px;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  line-height: 1;
}

.writerInfo__label--topArticle:before {
  display: inline-block;
  content: '';
  border: 8px solid;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 9px solid transparent;
  position: absolute;
  bottom: -1px;
  right: 0px;
}

.writerInfo__label--topArticle:after {
  display: inline-block;
  content: '';
  border: 8px solid #fff;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 9px solid transparent;
  position: absolute;
  bottom: -1px;
  right: -1px;
}

.indexSubttl--writerInfo {
  padding: 10px 15px;
  color: #e80;
  border-bottom: 1px solid #e80;
  border-top: 1px solid #eee;
}

.writerInfo__links {
  margin-top: 10px;
}

.writer_rank_not_found {
  text-align: center;
  padding-top: 15px;
}

.writer_rank_not_found a {
  color: #0044cc;
}

/* 関連記事 */
.related__article {
  margin-top: 30px;
  text-align: center;
}

.related__article p {
  background-color: #e80;
  color: #fff;
  display: inline-block;
  padding: 10px;
  width: 480px;
  height: 13px;
  font-size: 18px;
  line-height: 14px;
  text-decoration: none;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 10px;
}

/* ライター詳細ページ　*/

.writerInfo_ranking_lnk {
  color: #fff;
  background: #f5a21b;
  font-size: 15px;
  padding: 6px 35px;
  border: 2px solid #f5a21b;
  border-radius: 50px;
}

.writerInfo_ranking_lnk:hover {
  opacity: 0.8;
  color: #fff;
}

.writerInfo_ranking_lnk_wrapper {
  text-align:center;
  margin-bottom: 20px;
  margin-top: 40px;
}

/** --------------------------------------------------------------------------------
 * アーカイブ
 */
.yearlyArchive {
  background-color: #eee;
}

.yearlyArchive__year {
  padding: 10px;
  font-size: 16px;
}

.yearlyArchive__month {
  padding: 10px;
  background-color: #fff;
}

.monthList {
  font-size: 0;
  margin: 0 0 -5px -5px;
}

.monthList__item {
  display: inline-block;
  font-size: 14px;
  width: 16.6666%;
  padding: 0 0 5px 5px;
  box-sizing: border-box;
}

.monthList__item a {
  text-align: center;
  display: block;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 5px;
}

.monthList__item a:hover {
  border-color: #e80;
}

/** --------------------------------------------------------------------------------
 * 新：歌詞ページ
 */
.newLyricTitle {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  line-height: 1.2;
  word-break: break-all;
  letter-spacing: 1px;
}

.newLyricTitle_afterTxt {
  font-size: .9rem;
}

.newLyricTitle__sub {
  display: table;
  width:  100%;
  direction: rtl;
  unicode-bidi: bidi-override;
}

.newLyricTitle__sub > * {
  display: table-cell;
  direction: ltr;
}

.newLyricTitle__kana {
  width: 100%;
  color: #888;
  font-size: 10px;
  vertical-align: bottom;
}

.newLyricTitle__stateIcon {
  padding-left: 5px;
  font-size: 0;
  float: right;
  white-space: nowrap;
  vertical-align: top;
}

.newLyricTitle__stateIcon .stateIcon {
  padding-top: 2px;
  padding-bottom: 2px;
  height: auto;
  line-height: 1;
}

.newLyricTitle__stateIcon .stateIcon + .stateIcon {
  margin-left: 5px;
}

.newLyricTitle__main {
  margin-top: 3px;
  color: #2AA29A;
  font-size: 1.4em;
  font-weight: bold;
}

.newLyricTitle__subTitle {
  margin-top: 2px;
  color: #888;
  display: block;
  font-size: 12px;
}

.lyricData__main--new {
  margin-right: 0;
  padding-left: 20px;
  width: auto;
  float: none;
  overflow: hidden;
}

.newLyricWork {
  margin-bottom: 5px;
}

.newLyricWork__name,
.newLyricWork__date,
.newLyricWork__title,
.newLyricWork__body {
  margin-bottom: 1px;
}

.newLyricWork__name a {
  font-size: 15px;
  color: #0044cc;
}

.newLyricWork__name a:before {
  margin-right: -0.1em;
  content: "\e690";
  color: #ccc;
  font-family: utIcon;
  vertical-align: middle;
}

.newLyricWork__date {
  color: #888;
}

.newLyricWork__title {
  font-weight: bold;
  margin-right: 10px;
  float: left;
}

.newLyricWork__body {
  color: #888;
  word-break: break-all;
  overflow: hidden;
}

.newLyricWork__body a {
  color: #0044cc;
}

.newLyricWorkFooter {
  text-align: right;
}

/*
.newLyricWorkFooter::after {
  content: "";
  display: block;
  clear: both;
}
*/

.newLyricWorkFooter > div + div {
  float: right;
}

.newLyricSubpart {
  margin-right: -10px;
  font-weight: bold;
}

.newLyricSubpart::after {
  content: "";
  display: block;
  clear: both;
}

.newLyricSubpart > li {
  border-left: 1px solid #eee;
  padding: 0 15px;
  display: inline-block;
  cursor: pointer;
}

.newLyricSubpart__icon {
  margin-right: 0.4em;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  line-height: 26px;
  color:#fff;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}

.newLyricSubpart__player .newLyricSubpart__icon {
  background-color: #333;
}

.newLyricSubpart__player .newLyricSubpart__icon::before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 3px;
  height: 8px;
  border-style: solid;
  border-width: 0 3px;
  border-color: transparent #fff;
}

.newLyricSubpart__player .newLyricSubpart__icon--off::before {
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #fff;
  left: 2px;
  width: 0;
  height: 0;
}


.newLyricSubpart__youtube .newLyricSubpart__icon {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  width: 26px;
  height: 20px;
  line-height: 20px;
  background-color: #c4302b;
}

.newLyricSubpart__youtube a {
  color: #343330;
}

.newLyricSubpart__youtube .newLyricSubpart__icon::before {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 3px;
  height: 8px;
  border-style: solid;
  border-width: 0 3px;
  border-color: transparent #fff;
}

.newLyricSubpart__youtube .newLyricSubpart__icon--off::before {
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #fff;
  left: 3px;
  width: 0;
  height: 0;
}

.newLyricSubpart__favo .newLyricSubpart__icon {
  border: 1px solid #e80;
  color: #e80;
  background-color: #fff;
}

.favourite--on .newLyricSubpart__icon {
  color: #fff;
  background-color: #e80;
}

/* 動画スライダー */
.billboardSlide--newLyric a:hover img {
  opacity: 1;
}

.billboardSlide__thumb {
  position: relative;
}

.billboardSlide__thumb::before {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 46px;
  height: 28px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background-color: rgba(180,180,180,0.7);
}

.billboardSlide--newLyric a:hover .billboardSlide__thumb::before {
  background-color: rgba(180,180,180,0.55);
}

.billboardSlide__thumb::after {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent #fff;
  opacity: 0.8;
}

.newLyricVideo {
  text-align: center;
}

.newLyricVideo__inner {
  padding-bottom: 10px;
  display: inline-block;
}

#youtubeContainerClose {
  padding: 6px 1.5em;
  display: inline-block;
  line-height: 1.4;
  color: #fff;
  background: rgba(0,0,0,0.8);
  font-weight: bold;
  cursor: pointer;
}

#youtubeContainerClose:hover {
  opacity: 0.85;
}

#youtubeContainerClose::before {
  font-family: utIcon;
  content: "\e60c";
  color: #fff;
  vertical-align: middle;
}

/* tag */
.newLyricTag {
  text-align: left;
  line-height: 1.6;
  width: 280px;
}

.newLyricTag a {
  color: #0044cc;
}

.relatedLink--newLyric {
  margin-top: 0;
}

/* シェア */
.shareArea {
  border-top: 4px solid #555;
  display: table;
  width: 100%;
  display: table-cell;
}

.shareArea__item {
  display: table-cell;
  vertical-align: middle;
}

.shareArea .shortUrlTtl {
  border-top: none;
}

.shareArea__item--SNS {
  width: 30%;
}

.newShareLink {
  margin: 0 auto;
  padding: 0 8px;
  display: table;
  width: calc(100% - 16px);
  table-layout: fixed;
  text-align: center;
  font-weight: bold;
}

.newShareLink__item {
  display: table-cell;
  padding: 0 2px;
}

.newShareLink__item > a {
  padding: 10px 4px;
  border-radius: 3px;
  display: block;
  line-height: 1.2;
  color: #fff;
}

.newShareLink__item > a:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

.newShareLink__item--twitter a {
  background-color: #343330;
}

.newShareLink__item--facebook a {
  background-color: #1877f2;
}


/* 投票結果 */
.newLyricFont {
  position: relative;
}

.newLyricVoteWrap {
  position: absolute;
  width: 100%;
}

.newLyricVoteWrap .voteResultBarGraph_info {
  margin-right: 30px;
  margin-left: 30px;
}

.newLyricVote {
  padding: 20px 15px 10px;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  position: relative;
  display: block;
  background: #f6f6f6;
}

.newLyricVote::before {
  content: "";
  position: absolute;
  top: 23px;
  left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 10px 7px 0;
  border-color: transparent #f6f6f6 transparent transparent;
  z-index: 2;
}

.newLyricVote::after {
  content: "";
  position: absolute;
  top: 23px;
  left: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 10px 7px 0;
  border-color: transparent #ccc transparent transparent;
  z-index: 1;
}

.newLyricVote button {
  margin: 0;
  padding: 0;
  border: none;
  -webkit-border-radius: 2em;
          border-radius: 2em;
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  font-size: 22px;
  color: #fff;
  cursor: pointer;
  appearance: none;
  outline: none;
}

.newLyricVote button::before {
  font-family: utIcon;
  content: "\e60c";
  color: #333;
  vertical-align: middle;
}

.newLyricVote button:hover {
  opacity: 0.8;
}

.newLyricVote .hopeVoteMessage {
  margin: 0 auto 10px;
  max-width: 250px;
  line-height: 1.3;
  font-size: 1.14em;
}

/* フォント */
.lyricFont--new {
  width: auto;
  white-space: nowrap;
}

.lyricFont--new .lyricFont__size {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.lyricFont--new input[type="button"] {
  padding: 3px 7px;
}

/* レビュー */
.newCommentFormWrap--new {
  margin-bottom: 0;
}

.newCommentFormWrap--new .commentForm * {
  font-family: inherit;
}

.newCommentFormWrap--new .reviewRegister_itemTtl {
  margin-bottom: 0.2em;
}

.newCommentFormWrap--new .reviewFormFooter .reviewRegister_itemTtl {
  margin: 0.3em 0.6em 0 0;
  float: left;
}

.newCommentFormWrap--new .reviewRegister_itemTtl + * {
  overflow: hidden;
}

.commentForm label,
.commentForm button {
  cursor: pointer;
}

.reviewFormFooter {
  margin-top: 10px;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.reviewFormFooter > div {
  display: table-cell;
  vertical-align: top;
}

.reviewFormFooter > div + div {
  padding-left: 15px;
}

.reviewFormFooter__input {
  width: 63%;
}

.reviewFormFooter__input .radioLst_reviewRegister label {
  padding: 2px 4px;
}

.newCommentFormWrap--new .reviewTextarea {
  display: block;
}

.reviewFormFooter__button .reviewSubmit {
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  width: 340px;
  display: block;
}

.reviewFormFooter__input + .reviewFormFooter__button .reviewSubmit {
  padding: 19px 14px 18px;
  width: 100%;
}

.reviewRegister_nickname {
  color: #fff;
}

.newCommentFormWrap--new .reviewForm_ttl {
  font-weight: bold;
}

/* lyricData--new */
.lyricData--new {
  display: flex;
}

.lyricData--new .lyricData__sub {
  float: none;
}

.lyricData--new .lyricData__main {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.lyricData--new .newLyricWorkFooter {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/** --------------------------------------------------------------------------------
 * 新：歌詞ページ：サイドバー
 */
/* 特集 */
.specialLineUp__date {
  /*margin-top: 4px;*/
  margin-top: auto;
  padding-top: 5px;
  color: #999;
  text-align: right;
}

.specialLineUpMore {
  padding: 10px;
  border-top: 1px solid #ddd;
  font-weight: bold;
  text-align: center;
}

.specialLineUpMore a {
  padding: 10px;
  border-radius: 50px;
  display: block;
}

.specialLineUpMore--feature a {
  color: #ad64be;
  border: 2px solid #ad64be;
}

.specialLineUpMore--feature a:hover {
  color: #fff;
  background: #ad64be;
}

.specialLineUpMore--news a {
  color: #5467B2;
  border: 2px solid #5467B2;
}

.specialLineUpMore--news a:hover {
  color: #fff;
  background: #5467B2;
}

/* ニュース */
.newsLineUpMore {
  padding: 10px;
  border-top: 1px solid #ddd;
  font-weight: bold;
  text-align: center;
}
.newsLineUpMore a {
  padding: 10px;
  border-radius: 50px;
  display: block;
}

.newsLineUpMore--feature a {
  color: #5467B2;
  border: 2px solid #5467B2;
}

.newsLineUpMore--feature a:hover {
  color: #fff;
  background: #5467B2;
}

.newsHeadImage {
  min-height: 660px;
}

/* ランキング */
.newRanking__item {
  border-bottom: 1px solid #eee;
}

.newRanking__item a {
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #0044cc;
}

.newRanking__item > a > * {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
}

.newRanking__sub {
  padding-right: 0 !important;
  width: 4em;
  text-align: center;
}

.newRanking__sub span {
  padding: 5px 4px 4px;
  border: 1px solid #464646;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  display: block;
  line-height: 1;
  color: #464646;
}

.newRanking__item:nth-child(-n+3) .newRanking__sub span {
  color: #fff;
  font-weight: bold;
}

.newRanking__item:nth-child(1) .newRanking__sub span {
  border-color: #d5a90a;
  background-color: #d5a90a;
}

.newRanking__item:nth-child(2) .newRanking__sub span {
  border-color: #909090;
  background-color: #909090;
}

.newRanking__item:nth-child(3) .newRanking__sub span {
  border-color: #c1784d;
  background-color: #c1784d;
}

.newRanking__subTitle {
  margin-top: 4px;
  font-size: .9em;
  color: #999;
}

.newRankingMore {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  text-align: center;
}

.newRankingMore a {
  padding: 10px;
  border-radius: 50px;
  display: block;
  color: #d6a810;
  border: 2px solid #d6a810;
}

.newRankingMore a:hover {
  color: #fff;
  background: #d6a810;
}

.newRankingSNS {
  padding: 10px;
  font-weight: bold;
  text-align: center;
}

.newRankingSNS .snsShare__item {
  width: calc(50% - 3px);
}


/* --------------------------------------------------------------------------------
 * ▽202106
 */
/* =====================
  contentSection
===================== */
.contentSection {
  border: 1px solid #ddd;
}


/* =====================
  contentHeader
===================== */
.contentHeader {
  margin: 10px;
}



/* =====================
  contentHeaderTitle
===================== */
.contentHeaderTitle {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}


/*  contentHeaderTitle__main
------------------------*/
.contentHeaderTitle__main {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  color: #e80;
  font-weight: bold;
  font-size: 130.769231%; /* 17px */
}

.contentHeaderTitle__main:before {
  display: inline-block;
  margin-right: 10px;
  font-weight: normal;
  font-size: 2.294118em; /* 39px */
  font-family: utIcon;
  line-height: 1;
  vertical-align: middle;
}

/* contentHeaderTitle__main--news */
.contentHeaderTitle__main--news {
  color: #5467B2;
}

.contentHeaderTitle__main--news:before {
  content: "\e904";
}

/* contentHeaderTitle__main--rank */
.contentHeaderTitle__main--rank:before {
  content: "\e900";
}

/* contentHeaderTitle__main--featureColumn */
.contentHeaderTitle__main--featureColumn {
  color: #ad64be;
}

.contentHeaderTitle__main--featureColumn:before {
  content: "\e903";
}

/* contentHeaderTitle__main--featureColumnRank */
.contentHeaderTitle__main--featureColumnRank {
  color: #ad64be;
}

.contentHeaderTitle__main--featureColumnRank:before {
  content: "\e93c";
}

/* contentHeaderTitle__main--recommend */
.contentHeaderTitle__main--recommend:before {
  content: "\e93b";
}


/*  contentHeaderTitle__sub
------------------------*/
.contentHeaderTitle__sub {
  -ms-align-self: center;
      align-self: center;
  margin-left: auto;
  padding-left: 10px;
  white-space: nowrap;
}



/* =====================
  contentMain
===================== */
.contentMain {
  margin: 1px;
}

.contentMain .pager {
  padding: 0;
  padding-top: 1px;
  border-top: 1px solid #ddd;
}

.contentMain .pager__inner {
  padding: 10px;
  background-color: #eee;
}


/*  contentMain--wrap
------------------------*/
.contentMain--wrap {
  margin: 10px;
}


/*  contentMain--borderTop
------------------------*/
.contentMain--borderTop {
  border-top: 1px solid #ddd;
}



/* =====================
  contentSearch
===================== */
.contentSearch {
  padding: 1px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}


/*  contentSearch__item
------------------------*/
.contentSearch__item + .contentSearch__item {
  margin-top: 1px;
  border-top: 1px solid #ddd;
}



/* =====================
  contentSearchForm
===================== */
.contentSearchForm {
  padding: 10px;
  background-color: #eee;
}


/*  contentSearchForm__item
------------------------*/
.contentSearchForm__item + .contentSearchForm__item {
  margin-top: 5px;
}



/* =====================
  contentSearchArchive
===================== */
.contentSearchArchive {
  margin-bottom: -.3em;
  padding: 0 3px;
  text-align: right;
}

.contentSearchArchive a {
  color: #e80;
}



/* =====================
  contentSearchInput
===================== */
.contentSearchInput {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
}


/*  contentSearchInput__item
------------------------*/
.contentSearchInput__item {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  width: -webkit-calc( ( 100% - .01px ) - ( 100px + 5px ) );
  width:         calc( ( 100% - .01px ) - ( 100px + 5px ) );
}

.contentSearchInput__item + .contentSearchInput__item {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 100px;
  margin-left: 5px;
}

.contentSearchInput input {
  width: 100%;
  height: 25px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 15px;
  line-height: 1.7;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.contentSearchInput button {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  background-color: #e80;
  color: #fff;
  font-size: 15px;
  line-height: 1.7;
  text-align: center;
  outline: none;
  cursor: pointer;
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
      -ms-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.contentSearchInput button:before {
  display: inline-block;
  margin-right: 5px;
  font-size: .8em;
  font-family: utIcon;
  line-height: 1;
  content: "\e92c";
}

.contentSearchInput button:hover {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}

/* contentSearchInput--featureNews */
.contentSearchInput--featureNews button {
  background-color: #5467B2;
}

/* contentSearchInput--featureColumn */
.contentSearchInput--featureColumn button {
  background-color: #ad64be;
}



/* =====================
  contentCategory
===================== */
.contentCategory {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0px 10px 0 5px;
}

.contentCategory:first-child {
  margin-top: 10px;
}


/*  contentCategory__item
------------------------*/
.contentCategory__item {
  margin: 0 0 10px 5px;
}

.contentCategory__item > a {
  display: block;
  padding: 8px 8px 6px;
  border: 1px solid #e80;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #e80;
  -webkit-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}

.contentCategory__item > a:hover {
  background-color: #e80;
  color: #fff;
}

/* contentCategory__item--current */
.contentCategory__item--current a {
  background-color: #e80;
  color: #fff;
}

/* contentCategory__item--typeTag */
.contentCategory__item--typeTag {
  margin-left: auto;
}

/* contentCategory--featureNews */
/* categoryTab */
/*タブ切り替え*/
.categoryTab .active {
  background: #5467B2;
}

/*タブのスタイル*/
.categoryTab_item {
  margin: 12px 0 0 8px;
  width: 150px;
  height: 45px;
  background: #C0C0C0;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  float: left;
  transition: all .5s;
}

.categoryTab_item:hover {
  opacity: 0.7;
  color: #fff;
}

/*タブ内のサブカテゴリ*/
.tab_content {
  width: 100%;
  overflow: hidden;
  border-top: 3px solid #5467B2;
  border-bottom: 1px solid #ddd;
}

.contentCategory:first-child {
  margin: 0;
}

.contentCategory--featureNews .contentCategory__item:nth-child(6n+1) {
  margin: 0 0 10px 10px !important;
}

.contentCategory--featureNews .contentCategory__item > a {
  border-color: #5467B2;
  color: #5467B2;
}

.contentCategory--featureGenreNews {
  margin: 12px auto 0 !important;
  width: fit-content;
  justify-content: left;
}

.contentCategory--featureGenreNews li {
  width: 15.5%;
  text-align: center;
  word-break: keep-all;
}


.contentCategory--featureNews .contentCategory__item > a:hover {
  background-color: #5467B2;
  color: #fff;
}

.contentCategory--featureNews .contentCategory__item--current a {
  background-color: #5467B2;
  color: #fff;
}

/* contentCategory--featureColumn */
.contentCategory--featureColumn .contentCategory__item > a {
  border-color: #ad64be;
  color: #ad64be;
}

.contentCategory--featureGenreColumn {
  margin: 0px;
  width: 100%;
}

.contentCategory--featureGenreColumn li {
  width: 15.5%;
  text-align: center;
  word-break: keep-all;
}


.contentCategory--featureColumn .contentCategory__item > a:hover {
  background-color: #ad64be;
  color: #fff;
}

.contentCategory--featureColumn .contentCategory__item--current a {
  background-color: #ad64be;
  color: #fff;
}



/* =====================
  contentType
===================== */
.contentType {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-end;
  -ms-align-items: stretch;
      align-items: stretch;
  font-size: 13px;
  margin-top: 5px;
}


/*  contentType__item
------------------------*/
.contentType__item + .contentType__item {
  margin-left: 10px;
}

.contentType__item a {
  color: #e80;
}

.contentType__item a:before {
  display: inline-block;
  margin-right: .5em;
  font-size: .825em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e64a";
}

/* contentType--featureColumn */
.contentType--featureColumn .contentType__item a {
  color: #ad64be;
}

.contentType__item--hidden {
  display: none;
}



/* =====================
  contentHashtag
===================== */
.contentHashtag {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-end;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-top: 7px;
  font-size: 13px;
}


/*  contentHashtag__item
------------------------*/
.contentHashtag__item + .contentHashtag__item {
  margin-left: 10px;
}

.contentHashtag__item + .contentHashtag__item--archive {
  margin-left: 15px;
}

.contentHashtag__item a {
  color: #e80;
}

/* contentHashtag--featureColumn */
.contentHashtag--featureColumn .contentHashtag__item a {
  color: #ad64be;
}



/* =====================
  contentTitle
===================== */
.contentTitle {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  padding: 20px 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid #e80;
}


/*  contentTitle__main
------------------------*/
.contentTitle__main {
  color: #e80;
  font-weight: bold;
  font-size: 115.384615%; /* 15px */
}


/*  contentTitle__sub
------------------------*/
.contentTitle__sub {
  -ms-align-self: flex-end;
      align-self: flex-end;
  margin-left: auto;
}

/* contentTitle--featureColumn */
.contentTitle--featureColumn {
  border-bottom-color: #ad64be;
}

.contentTitle--featureColumn .contentTitle__main {
  color: #ad64be;
}



/* =====================
  contentPager
===================== */
.contentPager {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  position: relative;
  z-index: 0;
}

/*  contentPager__item
------------------------*/
.contentPager__item + .contentPager__item {
  position: relative;
  z-index: 0;
  margin-left: 1em;
}

.contentPager__item + .contentPager__item:before {
  display: block;
  position: absolute;
  top: .15em;
  bottom: .3em;
  left: -.5em;
  width: 1px;
  background-color: #343330;
  content: " ";
}

.contentPager__item a {
  color: #04c;
}

.contentPagerArchive__item {
  margin-bottom: -.3em;
  padding: 0 3px;
  text-align: right;
}

.contentPagerArchive__item--news {
  color: #e80;
}

.contentPagerArchive__item--news a {
  color: #e80;
}

.contentPagerArchive__item--specialArticle {
  color: #AD64BE;
}

.contentPagerArchive__item--specialArticle a {
  color: #AD64BE;
}



/* =====================
  featureColumnRank
===================== */
/*  featureColumnRank__item
------------------------*/
.featureColumnRank__item {
  overflow: hidden;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.featureColumnRank__item:first-of-type {
  border-top: none;
}

.featureColumnRank__item + .featureColumnRank__item {
  border-top: none;
}

.featureColumnRank__item a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: row-reverse;
     -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
       -o-flex-direction: row-reverse;
          flex-direction: row-reverse;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  position: relative;
  z-index: 0;
  padding: 10px;
  align-items: center;
}

.featureColumnRank__item a:hover {
  color: #ad64be;
}



/* =====================
  featureColumnRankNumber
===================== */
.featureColumnRankNumber {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 9;
  width: 4.5em;
  border: 1px solid #464646;
  border-right: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  color: #464646;
  line-height: 1.846154;
  letter-spacing: .06em;
  text-align: center;
  text-indent: .06em;
  -webkit-transition: all .5s;
     -moz-transition: all .5s;
      -ms-transition: all .5s;
       -o-transition: all .5s;
          transition: all .5s;
}

.featureColumnRank__item:nth-of-type(-n+3) .featureColumnRankNumber {
  color: #fff;
}

.featureColumnRank__item:nth-of-type(1) .featureColumnRankNumber ,
.featureColumnRank__item:nth-of-type(1) .featureColumnRankNumber:before {
  border-color: #d5a90a;
  background-color: #d5a90a;
}

.featureColumnRank__item:nth-of-type(2) .featureColumnRankNumber ,
.featureColumnRank__item:nth-of-type(2) .featureColumnRankNumber:before {
  border-color: #909090;
  background-color: #909090;
}

.featureColumnRank__item:nth-of-type(3) .featureColumnRankNumber ,
.featureColumnRank__item:nth-of-type(3) .featureColumnRankNumber:before {
  border-color: #c1784d;
  background-color: #c1784d;
}

.featureColumnRankNumber:before {
  display: block;
  position: absolute;
  top: -1px;
  right: -6px;
  bottom: -1px;
  z-index: 0;
  -webkit-transform: skewX(-20deg);
      -ms-transform: skewX(-20deg);
       -o-transform: skewX(-20deg);
          transform: skewX(-20deg);
  width: .846154em;
  border: 1px solid #464646;
  border-left: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  content: " ";
}

/*.featureColumnRankNumber:before ,
.featureColumnRankNumber:after {
  display: block;
  position: absolute;
  top: 0;
  content: " ";
}

.featureColumnRankNumber:before {
  left: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
  width: 0;
  height: 0;
  border-width: 2px 2.5px;
  border-style: solid;
  border-color: transparent #e80 #e80 transparent;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.featureColumnRankNumber:after {
  right: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
  width: 0;
  height: 0;
  border-width: .923077em .4615385em;
  border-style: solid;
  border-color: #e80 transparent transparent #e80;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}*/

.featureColumnRank__item a:hover .featureColumnRankNumber {
  opacity: 0.8;
  -ms-filter: alpha(opacity=80);
}



/* =====================
  featureColumnRankDetail
===================== */
.featureColumnRankDetail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-left: 10px;
}


/*  featureColumnRankDetail__item
------------------------*/
.featureColumnRankDetail__item + .featureColumnRankDetail__item {
  margin-top: 5px;
}



/* =====================
  featureColumnRankTitle
===================== */
.featureColumnRankTitle {
  font-weight: bold;
}



/* =====================
  featureColumnRankText
===================== */
.featureColumnRankText {
  line-height: 1.75;
}



/* =====================
  featureColumnRankType
===================== */
.featureColumnRankType {
  text-align: right;
}

.featureColumnRankDetail__item + .featureColumnRankType {
  margin-top: auto;
  padding-top: 5px;
}

.featureColumnRankType span {
  display: inline-block;
  color: #ad64be;
}

.featureColumnRankType span:before {
  display: inline-block;
  margin-right: .5em;
  font-size: .825em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e64a";
}



/* =====================
  featureColumnRankThumb
===================== */
.featureColumnRankThumb {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  width: 200px;
  height: 105px;
  align-items: center;
}

.featureColumnRankThumb img {
  display: block;
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
}



/* =====================
  contentFooter
===================== */
.contentFooter {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: center;
      align-items: center;
  margin: 10px;
}


/*  contentFooter__item
------------------------*/
.contentFooter__item + .contentFooter__item {
  margin-left: 10px;
}



/* =====================
  articleSection
===================== */
.articleSection {
  border: 1px solid #ddd;
}

.articleSection + .articleSection {
  margin-top: 20px;
}

.articleSection .contentsBox {
  border: none;
  background-color: transparent;
}

.articleSection .artist_indexTtl {
  border: none;
}

.articleSection .relatedLink {
  margin: 10px;
  padding: 0;
  border: none;
}


/*  articleSection__item
------------------------*/
.articleSection__item + .articleSection__item {
  border-top: 1px solid #ddd;
}


/* =====================
  articleHeader
===================== */
.articleHeader {
  border-bottom: solid 1px #ddd;
  background-color: #f6f6f6;
}


/*  articleHeader__item
------------------------*/
.articleHeader__item {
  padding: 10px 20px;
}

.articleHeader__item + .articleHeader__item {
  border-top: 1px solid #ddd;
}



/* =====================
  articleHeaderTitle
===================== */
.articleHeaderTitle {
  padding: 20px;
}


/*  articleHeaderTitle__main
------------------------*/
.articleHeaderTitle__main {
  font-size: 192.307692%; /* 25px */
}


/*  articleHeaderTitle__sub
------------------------*/
.articleHeaderTitle__sub {
  margin-bottom: -10px;
  text-align: right;
}

.articleHeaderTitle__sub a {
  display: inline-block;
  color: #e80;
}

.articleHeaderTitle__sub a:before {
  display: inline-block;
  margin-right: .4em;
  font-size: .85em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e64a";
}

/* articleHeaderTitle__sub--featureColumn */
.articleHeaderTitle__sub--featureColumn a {
  color: #ad64be;
}



/* =====================
  articleHeaderTag
===================== */
.articleHeaderTag {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  flex-wrap: wrap;
}


/*  articleHeaderTag__item
------------------------*/
.articleHeaderTag__item {
  padding-right: 10px;
}

.articleHeaderTag__item a {
  color: #04c;
}



/* =====================
  articleMain
===================== */
.articleMain {
  margin: 20px;
}

.articleMain .article__body {
  margin: 20px 0;
  padding: 0;
}

.articleMain .relatedLink {
  margin: 0;
  padding: 0;
  border: none;
}


/*  articleMain__item
------------------------*/
.articleMain__item + .articleMain__item {
  margin-top: 20px;
}

.articleMain__item + .articleMain__item.article__body {
  padding-top: 20px;
  border-top: 1px solid #ddd;
}



/* =====================
  articleOverview
===================== */
.articleMain .articleOverview {
  padding: 0;
}


/*  articleOverview__item
------------------------*/
.articleOverview__item + .articleOverview__item {
  margin-top: 10px;
}



/* =====================
  articleDate
===================== */
.articleDate {
  color: #888;
}



/* =====================
  articleFigure
===================== */
.articleFigure {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: center;
      align-items: center;
  height: 330px;
}

.articleFigure img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
}


/*  .articleFigure__item
------------------------*/
.articleFigure__item  + .articleFigure__item {
  margin-left: 20px;
}



/* =====================
  articleView
===================== */
.articleView {
  text-align: center;
}

.articleView a {
  color: #04c;
  font-size: 107.692%; /* 14px */
}

.articleFigure + .articleView {
  margin-top: 20px;
}

.articleView__specialArticle {
  margin-top: 20px;
}



/* =====================
  articleBack
===================== */
.articleBack {
  margin: 0 -20px;
}

.articleBack a {
  display: block;
  padding: 10px;
  background-color: #eee;
  color: #04c;
  font-size: 107.692%; /* 14px */
  text-align: center;
}

.articleFigure + .articleBack {
  margin-top: 20px;
}



/* =====================
  articleWriter
===================== */
.articleWriter {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-end;
  -ms-align-items: center;
      align-items: center;
  margin-top: 20px;
  font-size: 13px;
}


/*  articleWriter__item
------------------------*/
.articleWriter__item + .articleWriter__item {
  margin-left: 10px;
}


/*  articleWriter__thumb
------------------------*/
.articleWriter__thumb {
  position: relative;
  z-index: 0;
  width: 60px;
  overflow: hidden;
  border-radius: 50px;
}

.articleWriter__thumb:before {
  display: block;
  padding-top: 100%;
  content: " ";
}

.articleWriter__thumb img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  margin: auto;
}


/*  articleWriter__name
------------------------*/
.articleWriter__name a {
  text-decoration: none;
  font-size: 15px;
}



/* =====================
  articleFooter
===================== */
.articleFooter {
  margin: 20px;
}

.articleFooter .newShareLinkWrap {
  margin-left: -10px;
}

.articleFooter .newShareLink {
  width: 100%;
  padding: 0;
}

.articleFooter .newShareLink__item {
  padding: 0;
  padding-left: 10px;
}


/*  articleFooter__item
------------------------*/
.articleFooter__item + .articleFooter__item {
  margin-top: 20px;
}



/* =====================
  newShareLinkWrap
===================== */
/*  newShareLinkWrap--w50
------------------------*/
.newShareLinkWrap--w50 .newShareLink {
  width: 50%;
}

/*  newShareLinkWrap--right
------------------------*/
.newShareLinkWrap--right .newShareLink {
  margin: 0 auto;
  margin-right: 0;
}



/* =====================
  prefaceContainer
===================== */
.prefaceContainer {
  margin: 10px;
}



/* =====================
  prefaceList
===================== */
.prefaceList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
       flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -10px -10px;
  justify-content: flex-start;
  /*-ms-align-items: flex-start;
      align-items: flex-start;*/
}

.prefaceList + .prefaceList {
  margin-top: 10px;
}


/*  prefaceList__item
------------------------*/
.prefaceList__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  width: -webkit-calc( ( ( 100% - .01px ) - ( 10px * 3 ) ) / 3 );
  width:         calc( ( ( 100% - .01px ) - ( 10px * 3 ) ) / 3 );
  margin: 0 0 10px 10px;
}

.prefaceList__item a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      -o-flex-direction: column-reverse;
          flex-direction: column-reverse;
    justify-content: flex-start;
    -ms-align-items: stretch;
        align-items: stretch;
}

.prefaceList__item a:hover {
  color: #ad64be;
}



/* =====================
  prefaceListDetail
===================== */
.prefaceListDetail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1 0 auto;
     -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
       -o-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-top: 10px;
}


/*  prefaceListDetail__item
------------------------*/
.prefaceListDetail__item + .prefaceListDetail__item {
  padding-top: 5px;
}


/*  prefaceListDetail__title
------------------------*/
.prefaceListDetail__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-weight: bold;
}


/*  prefaceListDetail__type
------------------------*/
.prefaceListDetail__type {
  margin-top: auto;
  text-align: right;
}

.prefaceListDetail__type span {
  display: inline-block;
  color: #ad64be;
}

.prefaceListDetail__type span:before {
  display: inline-block;
  margin-right: .4em;
  font-size: .9em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e64a";
}



/* =====================
  prefaceListThumb
===================== */
.prefaceListThumb {
  height: 117px;
  display: flex;
}

.prefaceListThumb img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  align-self: center;
}



/* =====================
  recommendList
===================== */
/*  recommendList__item
------------------------*/
.recommendList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}

.recommendList__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  width: -webkit-calc( ( ( 100% - .01px ) - (  10px * 2 ) ) / 3 );
  width:         calc( ( ( 100% - .01px ) - (  10px * 2 ) ) / 3 );
}

.recommendList__item + .recommendList__item {
  margin-left: 10px;
}

.recommendList__item a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -webkit-flex-direction: column-reverse;
     -moz-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
       -o-flex-direction: column-reverse;
          flex-direction: column-reverse;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}



/* =====================
  recommendListDetail
===================== */
.recommendListDetail {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1 0 auto;
     -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
       -o-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-top: 10px;
}


/*  recommendListDetail__item
------------------------*/
.recommendListDetail__item + .recommendListDetail__item {
  padding-top: 5px;
}


/*  recommendListDetail__title
------------------------*/
.recommendListDetail__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-weight: bold;
}


/*  recommendListDetail__type
------------------------*/
.recommendListDetail__type {
  margin-top: auto;
  text-align: right;
}

.recommendListDetail__type a ,
.recommendListDetail__type span {
  display: inline-block;
  color: #e80;
}

.recommendListDetail__type a:before ,
.recommendListDetail__type span:before {
  display: inline-block;
  margin-right: .4em;
  font-size: .9em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e64a";
}



/* =====================
  recommendListThumb
===================== */
.recommendListThumb img {
  display: block;
  width: 100%;
}

/*
 * ▲202106
 * --------------------------------------------------------------------------------/



/* ▽202107 */
/** --------------------------------------------------------------------------------
 * アルバム一覧
 */
.albumList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 10px 10px 0 0;
}

.albumList__item {
  display: -webkit-flex;
    display:    -moz-flex;
    display:     -ms-flex;
    display:      -o-flex;
    display:         flex;
    justify-content: flex-start;
    -ms-align-items: stretch;
        align-items: stretch;
    width: -webkit-calc( ( ( 100% - .01px ) - ( 10px * 3 ) ) / 3 );
    width:         calc( ( ( 100% - .01px ) - ( 10px * 3 ) ) / 3 );
    margin: 0 0 10px 10px;
  }

.albumList__item a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
}

.albumListThumb {
  min-height: 0%;
  height: 222px;
  width:  auto;
  border: 1px solid #ddd;
}

.albumListThumb img {
  display: block;
  width: 100%;
  height: 222px;
  width:  auto;
  max-width: 100%;
  margin: 0 auto;
}

.ArtistAlbumListThumb {
  min-height: 0%;
  height: 132px;
  width:  auto;
  border: 1px solid #ddd;
}

.ArtistAlbumListThumb img {
  display: block;
  width: 100%;
  height: 130px;
  width:  auto;
  max-width: 100%;
  margin: 0 auto;
}

.albumListDetail {
  margin-top: 0px;
  margin-bottom: auto;
  padding-top: 5px;
  font-size: 14px;
  -ms-word-break: break-all;
      word-break: break-all;
  word-wrap: break-word;
}

.albumListDetail__title {
  font-weight: bold;
}

.albumListDetail__release {
  color: #999;
  font-size: 85.714286%; /* 12px */
}

.albumListDetail__release:before {
  display: inline-block;
  font-size: .9em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e66f";
}

.albumList--item5 .albumList__item {
  width: -webkit-calc( ( ( 100% - .01px ) - ( 10px * 5 ) ) / 5 );
  width:         calc( ( ( 100% - .01px ) - ( 10px * 5 ) ) / 5 );
}

.albumList--item5 .albumListDetail__title {
  font-size: 85.714286%; /* 12px */
}

.lnk_moreArtist_Album {
  color: #AD64BE;
  border: 2px solid #AD64BE;
}

.lnk_moreArtist_Album:hover {
  color: #fff;
  background: #AD64BE;
}
/** --------------------------------------------------------------------------------
 * アルバム詳細
 */
.albumContents {
  padding: 15px;
}

.albumContents__item + .albumContents__item {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}

.albumDetails {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;  
  justify-content: flex-start;
  -ms-align-items: flex-start;
      align-items: flex-start;
}

.albumDetails__item + .albumDetails__item {
  margin-left: 30px;
}

.albumDetailsThumb {
  /*-webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  width: 250px;*/
  width: 30%;
  min-width: 180px;
}

.albumDetailsThumb img {
  width: 100%;
  -webkit-box-shadow: 6px 6px 0 #eee;
          box-shadow: 6px 6px 0 #eee;
}

.albumDetailsInfo {
  -webkit-flex: 1 0 auto;
     -moz-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
       -o-flex: 1 0 auto;
          flex: 1 0 auto;
  /*width: -webkit-calc( ( 100% - .01px ) - ( 250px + 30px ) );
  width:         calc( ( 100% - .01px ) - ( 250px + 30px ) );*/
}

.albumDetailsInfo__item + .albumDetailsInfo__item {
  margin-top: 20px;
}

.albumDetailsInfo__item a {
  color: #4264c0;
}

.albumDetailsInfo__item a:hover {
  color: #343330;
}

.albumTitle {
  color: #343330;
  font-weight: bold;
  font-size: 138.4615384615385%; /* 18px */
  letter-spacing: .04em;
}

.albumRelease {
  color: #999;
}

.albumRelease:before {
  display: inline-block;
  font-size: .9em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e66f";
}

.albumDetails + .albumRecorded {
  margin-top: 15px;
}

.albumRecorded__item + .albumRecorded__item {
  /*border-bottom: 1px solid #ddd;*/
  margin-top: 20px;
}

.albumRecorded__item a {
  display: block;
  position: relative;
  z-index: 0;
  padding: 2px 0;
  padding-right: 7.230769em; /* 94px */
}

.albumRecorded__item a {
  display: block;
  position: relative;
  z-index: 0;
  padding: 2px 0;
  padding-right: 7.230769em; /* 94px */
  text-decoration: underline;
  color: #4264c0;
}

.albumRecorded__item a:hover {
  color: #343330;
  text-decoration: none;
}

.albumArtist {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;  
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  margin: 0 0 -5px -5px;
}

.albumArtist__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
   -ms-flex: 1 0 auto;
    -o-flex: 1 0 auto;
       flex: 1 0 auto;
  justify-content: flex-start;
  -ms-align-items: stretch;
    align-items: stretch;
  width: -webkit-calc( ( ( 100% - .01px ) - ( 5px * 2 ) ) / 2 );
  width:         calc( ( ( 100% - .01px ) - ( 5px * 2 ) ) / 2 );
  margin: 0 0 5px 5px;
}

.albumArtist__item:only-child {
  -webkit-flex: 0 1 auto;
     -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
       -o-flex: 0 1 auto;
          flex: 0 1 auto;
  /*width: 100%;*/
}

.albumArtist__item + .albumArtist__item:last-child {
  -webkit-flex: 0 1 auto;
     -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
       -o-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-right: auto;
}

.albumArtist__item a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  /*display: block;*/
  position: relative;
  z-index: 0;
  padding: 6px 30px 4px;
  border: 1px solid #bbb;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f6f6f6;
  color: #343330;
  font-weight: bold;
  line-height: 1.35;
  text-align: center;
  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

.albumArtist__item a:after {
  display: block;
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
          transform: rotate(45deg);
  width: .615385em;
  height: .615385em;
  margin: auto 0;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  box-sizing: border-box;
  content: " ";
}


.albumArtist__item a:hover {
  /*background-color: #e80;
  color: #fff;*/
  opacity: .7;
}
/* ▲202107 */

.recommendAdTag {
  margin: 10px 0;
  min-height: 500px;
}

/** ------------------------------
 * 作詞・作曲・編曲 見出し
 */
.contentBox--songWriter .contentBox__title {
  border-bottom: none;
}

/** ------------------------------
 * 作詞・作曲・編曲 タブ
 */
/*.switchTabSongWriterType {
  background: rgb(192, 128, 8);
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}*/

.switchTabSongWriter__inner {
  /*padding: 10px;*/
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  padding: 0 10px;
  border-bottom: 1px solid #ddd;
}

/*.switchTabSongWriter__inner:after {
  content: '';
  clear: both;
  display: block;
}*/

.switchTabSongWriter__item {
  /*float: left;
  width: calc((100% - 20px) / 3);
  background-color: #fff;
  border: 1px solid #c0c0c0;*/
  width: -webkit-calc( ( 100% - ( 10px * 2 ) ) / 4 );
  width:         calc( ( 100% - ( 10px * 2 ) ) / 4 );
  margin-bottom: -1px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.switchTabSongWriter__item + .switchTabSongWriter__item {
  margin-left: 10px;
}

.switchTabSongWriter__item a {
  /*display: inline-block;
  width: 100%;
  padding: 2px;
  box-sizing: border-box;
  color: #c0c0c0;*/
  display: block;
  padding: 5px 15px;
  background-color: #eee;
}

.switchTabSongWriter__item--current {
  border-bottom-color: #fff;
}

.switchTabSongWriter__item--current a {
  /*color: #fff;*/
  background-color: #fff;
  color: #e80;
  font-weight: bold;
}

/*.switchTabSongWriter__item--current.switchTabSongWriter__item--lyricist {
  background: #C0C0C0;
}*/

/*.switchTabSongWriter__item--current.switchTabSongWriter__item--composer {
  background: #C0C0C0;
}*/

/*.switchTabSongWriter__item--current.switchTabSongWriter__item--arranger {
  background: #C0C0C0;
}*/

/** ------------------------------
 * 作詞・作曲・編曲 ソート
 */
.sortTabSongWriter {
  display: table;
  margin: 0 auto;
  padding: 10px;
}

.sortTabSongWriter__inner {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  border: 1px solid #e80;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.3;
  text-align: center;
}

.sortTabSongWriter__item {
  width: -webkit-calc( 4em + ( 20px * 2 ) );
  width:         calc( 4em + ( 20px * 2 ) );
}

.sortTabSongWriter__item + .sortTabSongWriter__item {
  border-left: 1px solid #e80;
}

.sortTabSongWriter__item a {
  display: block;
  padding: 5px 20px;
  text-decoration: none;
}

.sortTabSongWriter__item--current a {
  background-color: #e80;
  color: #fff;
}

/** ------------------------------
 * 作詞・作曲・編曲 見出し
 */

/* .pagerSongWriter {
  position: relative;
  z-index: 0;
  height: 50px;
}

.sortTabSongWriter + .pagerSongWriter {
  margin-top: -10px;
}

.pagerSongWriter .lyricsInfo {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
} */

.pagerSongWriter {
  padding: 10px;
  padding-bottom: 8px;
}

.pager {
  padding: 0;
  border-bottom: none;
}

.sortTabSongWriter + .pagerSongWriter {
  margin-top: -10px;
}

.lyricsInfo {
  margin-top: 2px;
  text-align: right;
  font-size: 12px;
}

#sidebar_follow_ad_area {
  margin-top: 10px;
  z-index: 5000;
}

.lnk_moreWordpressArticle {
  color: #AD64BE;
  border: 2px solid #AD64BE;
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
  margin: 25px auto;
  padding: 10px;
  width: calc(100% - 200px);
  display: block;
  border: 1px solid #AD64BE;
  border-radius: 50px;
  box-sizing: border-box;
}

.lnk_moreWordpressArticle:hover {
  color: #fff;
  background: #AD64BE;
}

.more_Btn_news {
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  background: #333;
  width: 49%;
  padding: 10px;
  display: block;
  border-bottom: 2px solid #ddd;
  border-radius: 50px;
  position: relative;
  box-sizing: border-box;
  text-decoration: none !important;
  margin: 0 auto;
}

.article__body_news h2 {
  margin: 18px 0;
}

.articleImagePager {
  margin: 20px auto;
  text-align: center;
  width: 100%;
  color: #e80;
  display: flex;
  justify-content: space-between;
}

.articleImagePager .articleImagePager__prev,
.articleImagePager .articleImagePager__next {
  width: 30%;
}

.articleImagePager .articleImagePager__back {
  width: 35%;
}

.articleImagePager .articleImagePager__back a {
  display: block;
  width: 100%;
  padding: 15px 0;
  color: #e80;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.1rem;
  border: 1px solid #e80;
}

.articleImagePager .articleImagePager__prev a,
.articleImagePager .articleImagePager__next a {
  display: block;
  width: 100%;
  padding: 15px 0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.1rem;
  border: 1px solid #e80;
  background: #e80;
}


/* 特集ページ検証用 */
/* article list start */
.article-list-orange {
  background: #fff5e3;
  border: solid 2px #ffd997;
  padding:12px;
  margin:12px 8px;
  list-style:disc;
  line-height:2em;
}

.article-list-orange li {
  margin-left: 20px;
}

.article-list-black {
  border: solid 2px #333;
  padding:12px;
  margin:12px 8px;
  list-style:disc;
  line-height:2em;
}

.article-list-black li {
  margin-left: 20px;
}
/* article list end */

/* article table start */
.tb-profile {
  border:none !important;
}

.tb-profile tr + tr > *{
  border-top:none;
}

.tb-profile th {
border: 2px solid #fff;
border-collapse: collapse;
width:30%;
}

.tb-profile td {
  border: 2px solid #fff;
  border-collapse: collapse;
  width:70%;
}

.tb-profile th {
  background:#ffd997;
}

.tb-profile td {
  background: #fff5e3;
}

.article__body table .tb-profile table{
  border:none;
}

/* 記事中動画 */
.articleVideo {
  padding-bottom: 6px;
  border-bottom: 1px solid #eee;
  background-color: #f2f2f0;
  font-size: 12px;
}

.articleVideo #articleVideoContainer {
  position: fixed;
  top: 10%;
  right: 30%;
  z-index: 100;
  overflow: visible;
}

#articleVideoContainerClose {
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  /* right: 0; */
  left: 313px;
  bottom: 100%;
  display: block;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.4;
  background: rgba(0,0,0,0.7);
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  appearance: none;
  outline: none;
}

.articleYoutube,
.articleYoutube__container {
  position: relative;
  height: 0;
  overflow: hidden;
}

.articleYoutube iframe,
.articleYoutube__container iframe {
  position: absolute;
  top: 0;
  left: 0;
}

.youtube-btn-top {
  text-align: center;
  margin-top: 24px;
  color: #333;
}
  
.youtubeButton {
  text-align: center;
  margin-bottom: 24px;
}

.youtube-btn-inner {
  padding: 12px;
  font-size: 22px;
  background-image: linear-gradient(90deg, #33e894 0%, #009efd 100%);
  color: #fff;
  font-weight: bold;
  border: 1px;
  box-shadow: 0 3px 7px #333;
}

.youtube-btn-play {
  border: 2px solid #fff;
  padding: 4px;
  font-size: 18px;
  margin-left: 6px;
  border-radius: 24px;
}
/* article table end */

.third-line-end-ellipsis {
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.flex-items-space-between {
  display: -webkit-flex;
  display:   -moz-flex;
  display:    -ms-flex;
  display:     -o-flex;
  display:        flex;
  justify-content: space-between;
  padding: 10px;
}

.round-box {
  text-align: center;
  padding: 5px;
  border: 1px solid;
  border-radius: 4px;
  box-sizing: border-box;
}

.disabled-link {
  pointer-events: none;
  color: #808080;
  background-color: #dcdcdc;
  border-color: #dcdcdc;
}

.reviewWrap.lightText *, .reviewWrap.lightText .reviewIco:before {
  color: #999 !important;
}

.kenteiButtonLink-orange {
  background-color: #ee8800 !important;
  border-bottom-color: #cc6600 !important;
  color: #ffffff;
}

.kenteiButtonLink-pink {
  background-color: #ff69b4 !important;
  border-bottom-color: #db7093 !important;
  color: #ffffff;
}

.kenteiButtonLink-red {
  background-color: #e14848 !important;
  border-bottom-color: #D12323 !important;
  color: #ffffff;
}

.kenteiButtonLink-blue {
  background-color: #4CAEFF !important;
  border-bottom-color: #007BE0 !important;
  color: #ffffff;
}

.kenteiButtonLink-green {
  background-color: #3fb342 !important;
  border-bottom-color: #328A33 !important;
  color: #ffffff;
}

.kenteiButtonLink-black {
  background-color: #434242 !important;
  border-bottom-color: #361933 !important;
  color: #ffffff;
}

.buttonLink a ,
.buttonLink button {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  border: none;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 5px solid #000;
  background-color: #666;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: .1em;
  line-height: 1.5;
  text-align: center;
  text-indent: .1em;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.buttonLink button {
  -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
      -ms-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}

.buttonLink a:hover ,
.buttonLink button:hover {
  opacity: .8;
  -ms-filter: alpha(opacity=80);
}

.buttonLink button:hover {
  cursor: pointer;
}

.buttonLink span {
  display: inline-block;
  position: relative;
  z-index: 0;
}

.buttonLink-orange {
  background-color: #ee8800 !important;
  border-bottom-color: #cc6600 !important;
  color: #ffffff;
}

.buttonLink-pink {
  background-color: #ff69b4 !important;
  border-bottom-color: #db7093 !important;
  color: #ffffff;
}

.buttonLink-red {
  background-color: #e14848 !important;
  border-bottom-color: #D12323 !important;
  color: #ffffff;
}

.buttonLink-blue {
  background-color: #4CAEFF !important;
  border-bottom-color: #007BE0 !important;
  color: #ffffff;
}

.buttonLink-green {
  background-color: #3fb342 !important;
  border-bottom-color: #328A33 !important;
  color: #ffffff;
}

.buttonLink-black {
  background-color: #434242 !important;
  border-bottom-color: #361933 !important;
  color: #ffffff;
}/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 15px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	//background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	padding-top: 5px;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: top;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #9f9d96;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #343330;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	//background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	//background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/*! jQuery UI - v1.11.2 - 2014-10-16
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_ffd27a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}