@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;
}
/* 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';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/css/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/css/fonts/slick.eot');
    src: url('/css/fonts/slick.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/slick.woff') format('woff'),
         url('/css/fonts/slick.ttf') format('truetype'),
         url('/css/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    margin-bottom: 18px;
}

.slick-dots
{
    position: absolute;
    bottom: -22px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 4px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 12px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
@charset "utf-8";

/** --------------------------------------------------------------------------------
 * html body
 */
body {
  line-height: 1.5;
  /*color: #343330;*/
  color: #555;
  min-width: 320px;
  background-color: #fff;
  font-size: 14px;
  /*font-family: monospace;*/
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,"HelveticaNeue",Verdana,sans-serif;
  margin: auto;
  max-width: 750px;
}

.shadow img {
  box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

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

input[type="button"],
input[type="text"],
input[type="submit"],
input[type="image"],
input[type="search"],
textarea{
 -webkit-appearance: none;
 border-radius: 0;
}

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

cite a:hover {
  opacity: 0.7;
}

.rect_bnr {
  margin-bottom: 14px;
  text-align: center;
}

.rect_bnr + .rect_bnr {
  margin-top: 10px;
}

.lnk_rect_bnr {
  margin: 0 auto;
  width: 300px;
  display: block;
}

input[type="button"],
input[type="text"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

header + .threeToOneRectangleBanner {
  padding: 0;
}

.loader-inner {
  line-height: 200px;
  text-align: center;
}

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



/** --------------------------------------------------------------------------------
 * ハイパーテキスト
 */
a {
  color: #343330;
  outline: none;
  text-decoration: none;
}

/*
a:hover,
a:active {
  color: #343330;
}
*/

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

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

@font-face {
  font-family: smileIcon;
  src:url('/fonts/smileIcon.eot?-8rtbiz');
  src:url('/fonts/smileIcon.eot?#iefix-8rtbiz') format('embedded-opentype'),
      url('/fonts/smileIcon.woff?-8rtbiz') format('woff'),
      url('/fonts/smileIcon.ttf?-8rtbiz') format('truetype'),
      url('/fonts/smileIcon.svg?-8rtbiz#utIcon') 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;
}

/** ------------------------------
 * 基本のtable
 */
table {
  border-bottom: 1px solid #ddd;
  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 {
  position: relative;
  background-color: #f2f2f0;
  font-weight: bold;
}



/** --------------------------------------------------------------------------------
 * $header
 */
header {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  line-height: 1.0;
}

header img {
  height: 25px;
}

.headerLogo {
  padding: 10px 0;
  height: 25px;
  background: #222;
  text-align: center;
}

.headerLogo img {
  height: 25px;
  width: 97px;
}

/*hamburger*/
.navControl {
  position: absolute;
  right: 36px;
  top: 6px;
}

.navBar,
.navBar::before,
.navBar::after {
  background-color: #fff;
  content: '';
  height: 3px;
  left: 0;
  position: absolute;
  transition: all .5s;
  width: 24px;
}

.navBar {
  left: 0;
  margin: auto;
  right: 0;
  top: 15px;
}

.navBar::before {
  top: 8px;
}

.navBar::after {
  bottom: 8px;
}

.active .navBar {
  background: transparent;
  opacity: 1;
}

.active .navBar::before {
  transform: translateY(-8px) rotate(-45deg);
}

.active .navBar::after {
  transform: translateY(8px) rotate(45deg);
}


/** ------------------------------
 * 開閉メニュー
 */
.globalNav {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  display: none;
  font-size: 0;
}

.navOpen .globalNav {
  display: block;
}

.globalNav__title {
  padding: 10px;
  color: #fff;
  background-color: #e80;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}

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

.globalNav__item br {
  display: none;
}

@media only screen and (max-width: 420px) {/* 以下 */
  .globalNav__item br {
    display: block;
  }
}

@media only screen and (max-width: 400px) {/* 以下 */
  .globalNav__item {
    font-size: 13px;
  }
}

@media only screen and (max-width: 350px) {/* 以下 */
  .globalNav__item {
    font-size: 12px;
  }
}

.globalNav__item:not(:nth-of-type(3n)):before {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  height: 74%;
  width: 1px;
  background-color: #ddd;
}

.globalNav__menuBody {
  position: relative;
}

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

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

.globalNav__item a {
  padding: 17px 3px;
  display: block;
  text-decoration: none;
}

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

.globalNav__item--history a::before {
  content: "\e92a";
}

/*
.globalNav__item--lyricHistory a:before {
  content: "\e6aa";
}

.globalNav__item--newsHistory a:before {
  content: "\e6ab";
}

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

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

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

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

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

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

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

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

.globalNav__item--request a::before {
  content: "\e930";
}

.globalNav__item--favourite a::before {
  content: "\e92b";
}

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

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

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

/** ------------------------------------------------------------
 * cotents
 */

.contents {
  position: relative;
}

.topContents {
  background: #ededed;
  font-size: 12px;
  padding-bottom: 14px;
}

.topContents section + section {
  margin: 14px 0;
}

.topContents a:hover,
.topContents a:active {
  color: inherit;
  opacity: 0.7;
}

/** ------------------------------
 * パンくずリスト
 */
.breadCrumbs {
  text-align: left;
  padding: 0 5px;
  margin: 0;
  background-color: #fff;
}

main .breadCrumbs:first-child {
  border-top: 3px solid #e80;
}

.path {
  padding: 10px 0;
  font-size: 12px;
  color: #000;
  -ms-word-break: break-all;
      word-break: break-all;
  word-wrap: break-word;
}

.path:before {
  margin-right: -0.2em;
  font-family: utIcon;
  content: "\e602";
}

.path li {
  display: inline;
}

.path li + li::before {
  content: ">";
  font-size: 10px;
}

.path li a {
  color: #0044cc;
}


/** ------------------------------------------------------------
 * TOP
 */
 .threeToOneRectangleBanner {
   padding: 10px 0;
   text-align: center;
   background-color: #fff;
   min-height: 300px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .threeToOneRectangleBanner a {
   margin: 0 auto;
   width: 300px;
   display: block;
 }

 .threeToOneRectangleBanner img {
   width: 100%;
   height: auto;
 }

 .boxAreaRank .threeToOneRectangleBanner {
   margin-bottom: 10px;
   border-top: 1px solid #eee;
   border-bottom: 1px solid #eee;
 }

 .threeToOneRectangleBanner > div {
   margin: 0 auto; 
 }

/* バナー
.threeToOneRectangleBanner.borderBottom {
  border-bottom: 1px solid #ddd;
}

header + .threeToOneRectangleBanner {
  padding-top: 0;
}

header.navOpen + .threeToOneRectangleBanner {
  padding-top: 10px;
}
*/

/* slider 20181219*/
.topSlide_items {
  margin: 0 5px;
  position: relative;
}

.topSlide_items img {
  width: 100%;
}

.topSlide_ttlWrap {
  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: rgba(0,0,0,0.7);
}

.topSlide_ttl {
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

[class^=arrow_]::before {
  color: #fff;
  font-family: utIcon;
  font-weight: normal;
  font-size: .8em;
  margin: auto;
  position: absolute;
  z-index: 1000;
}

.arrow_left::before {
  content: "\e911";
  top: 10px;
  left: 20px;
}

.arrow_right::before {
  content: "\e913";
  bottom: 10px;
  right: 20px;
}

/* 検索窓 20181219*/
.searchWrap {
  background: #333;
  padding: 10px;
}

.searchBar_top {
  position: relative;
}

.searchBar_top input {
  background: #fff;
  border-radius: 5px;
  border: none;
  color: #969798;
  /*font-size: 16px;iPhone対策*/
  font-size: 1.1em;
  outline: none;
  padding: 10px 10px 10px 40px;
  line-height: 1.5;
  width: 100%;
}

.searchBar_top input:focus {
  outline: 0;
}

.searchBar_top input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #969798;
}
.searchBar_top input::-moz-placeholder { /* Firefox 19+ */
  color: #969798;
}
.searchBar_top input:-ms-input-placeholder { /* IE 10+ */
  color: #969798;
}
.searchBar_top input:-moz-placeholder { /* Firefox 18- */
  color: #969798;
}

.searchBar_top::before {
  content: "\e92c";
  top: 10px;
  left: 12px;
  color: #969798;
  font-family: utIcon;
  font-weight: normal;
  font-size: 1.1em;
  margin: auto;
  position: absolute;
  z-index: 1000;
}

.btn_searchWrap {
  display: flex;
  display: -webkit-flex;
  padding: 10px 0;
  justify-content: space-between;
}

.btn_search {
  background: #e80;
  border-radius: 5px;
  border: none;
  color: #fff;
  font-size: 1.1em;
  padding: 10px;
  text-align: center;
  width: calc((100% - 10px)/2);
}

.lnk_moreSearch {
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  display: block;
  color: #fff;
}

a.lnk_moreSearch:hover,
a.lnk_moreSearch:active {
  color: #fff;
}

/* グローバルメニュー 20181219*/
.menuWrap {
  background: #fff;
  border-bottom: 1px solid #555;
  margin-bottom: 14px;
}

.menuLst {
  display: flex;
  display: -webkit-flex;
  padding: 10px 0;
}

.menuLstItems {
  position: relative;
  width: calc(100% / 4);
  height: 60px;
}

.menuLstItems:not(:last-of-type) {
  border-right: 1px solid #ddd;
}

.lnk_menuLstItems {
  display: block;
  height: 100%;
  text-transform: uppercase;
}

.lnk_menuLstItems::before {
  font-family: utIcon;
  font-weight: normal;
  font-size: 3em;
  margin: auto;
  line-height: 1;
  top: 2px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.lnk_menuLstItems_Rank {
  color: #D6A810;
}

.lnk_menuLstItems_Rank::before {
  color: #D6A810;
  content: "\e900";
}

.lnk_menuLstItems_new {
  color: #F02361;
}

.lnk_menuLstItems_new::before {
  color: #F02361;
  content: "\e901";
}

.lnk_menuLstItems_ft {
  color: #AD64BE;
}

.lnk_menuLstItems_ft::before {
  color: #AD64BE;
  content: "\e903";
}

.lnk_menuLstItems_news {
  color: #5467B2;
}

.lnk_menuLstItems_news::before {
  color: #5467B2;
  content: "\e904";
}

.lnk_menuLstItems_kentei { 
  color: #e80;
}

.lnk_menuLstItems_kentei::before {
  font-family: 'quiz';
  content: "\e905";
  color: #e80
}

.menuLstItems_txt {
  position: absolute;
  bottom: 0px;
  margin: auto;
  right: 0;
  left: 0;
  text-align: center;
}


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

.billboardBanner a {
  display: inline-block;
}

/* 検索 */
.searchBar {
  padding: 10px;
  background-color: #e80;
}

.searchBar__inputArea {
  display: table;
  table-layout: fixed;
  border-radius: 100px;
  width: 100%;
  background-color: #fff;
}

.searchBar__inputArea > * {
  padding: 3px;
  display: table-cell;
  vertical-align: middle;
}

.searchBar__inputArea > * > * {
  margin: 0;
  padding: 0;
  border: none;
  line-height: 1.7;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  background-color: transparent;
  font-size: 15px;
  font-family: monospace;
  outline: none;
}

.searchBar__selectOuter {
  width: 116px;
  position: relative;
  overflow: hidden;
}

.searchBar__selectOuter:after {
  position: absolute;
  z-index: 1;
  top: -1px;
  right: 0;
  color: #343330;
  font-size: 26px;
  font-family: utIcon;
  content: "\e697";
}

.searchBar select {
  margin-right: 5px;
  padding-left: 10px;
  position: relative;
  z-index: 10;
  width: 100%;
  color: #e80;
}

.searchBar select option {
  padding-left: 10px;
}

.searchBar input {
  padding: 0 5px;
  width: 100%;
  box-sizing: border-box;
  color: #e80;
}

.searchBar__buttonOuter {
  width: 28px;
}

.searchBar button {
  border-radius: 100px;
  position: relative;
  width: 100%;
  height: 28px;
  color: #fff;
  background-color: #343330;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease;
  text-indent: -9999px;
  overflow: hidden;
}

.searchBar button:hover {
  opacity: 0.8;
}

.searchBar button:before {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  font-family: utIcon;
  content: "\e630";
  font-size: 24px;
  line-height: 1.2;
  text-indent: 0;
}


/* billboard 20181219*/
.srideWrap {
  background: #fff;
  padding: 10px 0;
  position: relative;
  overflow: hidden;
}


.topSlide_inr {
  position: relative;
  width: 100%;
  height: calc(100vw / 1.5);
}

/* スライダーの上と下の三角 */
/* .topSlide_inr::before,
.topSlide_inr::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  z-index: 100;
    opacity: 0.7;
}

.topSlide_inr::before {
  border-width: 50px 100px 0 0;
  border-color: #000 transparent transparent transparent;
  left: 0;
  top: 0;
}

.topSlide_inr::after {
  bottom: 0;
  border-width: 0 0 50px 100px;
  border-color: transparent transparent #000 transparent;
  right: 0;
}

.topSlide_inr .bxslider{
  display: none;
} */

.topSlide_inr .bxslider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

/** ------------------------------
 * billboardスライド
 */
.billboard {
  padding: 10px;
  position: relative;
  background-color: #f2f2f0;
  overflow: hidden;
}

.billboard--top {
  background-color: #fffae4;
}

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

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

.billboardSlide__sub {
  width: 100px;
  vertical-align: top;
}

.billboardSlide__sub--video {
  width: 130px;
}

.billboardSlide__sub img {
  width: 100px;
  height: 100px;
}

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

.billboardSlide__title {
  padding-left: 10px;
  vertical-align: middle;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000 !important;
}

.billboard--top .bx-wrapper .bx-pager.bx-default-pager a:hover,
.billboard--top .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #343330 !important;
}

/** ------------------------------
 * タイトル 20181213

.indexTitle {
  padding: 12px 10px;
  line-height: 1.0;
  color: #fff;
  background-color: #e80;
  font-size: 21px;
  text-align: center;
}

.indexTitle--pvRanking {
  background-color: #72c331;
}

.indexTitle--pvRanking:before {
  margin-right: -0.2em;
  font-family: utIcon;
  content: "\e691";
  font-weight: normal;
  vertical-align: top;
  font-size: 24px;
  line-height: 1.0;
}

.indexTitle--keyword:before {
  margin-right: -0.2em;
  font-family: utIcon;
  content: "\e64a";
  font-weight: normal;
  vertical-align: top;
  font-size: 24px;
  line-height: 1.0;
}

.indexTitle--news {
  background-color: #31c3ad;
}

.indexTitle--news:before {
  margin-right: -0.2em;
  font-family: utIcon;
  content: "\e605";
  font-weight: normal;
  vertical-align: top;
  font-size: 24px;
  line-height: 1.0;
}

.indexTitle--pickup {
  background-color: #7f5ed4;
}
.indexTitle--pickup:before {
  margin-right: -0.2em;
  font-family: utIcon;
  content: "\e691";
  font-weight: normal;
  vertical-align: top;
  font-size: 24px;
  line-height: 1.0;
}

.indexTitle--special {
  background-color: #ab538b;
}
.indexTitle--special:before {
  margin-right: -0.2em;
  font-family: utIcon;
  content: "\e600";
  font-weight: normal;
  vertical-align: top;
  font-size: 24px;
  line-height: 1.0;
}

.indexTitle--newest {
  background-color: #d0475a;
}
.indexTitle--newest:before {
  margin-right: -0.2em;
  font-family: utIcon;
  content: "\e61b";
  font-weight: normal;
  vertical-align: top;
  font-size: 24px;
  line-height: 1.0;
}

.indexTitle--wp {
  background-color: #343330;
}

.indexTitle--wp:before {
  margin-right: -0.2em;
  font-family: utIcon;
  content: "\e600";
  font-weight: normal;
  vertical-align: top;
  font-size: 24px;
  line-height: 1.0;
}
*/
.mainAreas {
  background: #fff;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

/*181213 TOPコーナー見出し*/
.indexTtl {
  align-items: center;
  border-top: 4px solid #555;
  display: flex;
  display: -webkit-flex;
  height: 40px;
  justify-content: space-between;
  padding: 14px 10px;
  position: relative;
}

[class^=indexTtl_] {
  font-size: 1.3em;
  font-weight: bold;
  padding: 0 5px 0 50px;
  width: 100%;
}

[class^=indexTtl_]::before {
  display: inline-block;
  font-family: utIcon;
  font-weight: normal;
  font-size: 2.6em;
  left: 10px;
  position: absolute;
  vertical-align: bottom;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.box_lnk_indexTtl {
  padding-right: 16px;
  white-space: nowrap;
}
/*
[class^=lnk_indexTtl] {
  position: relative;
}

[class^=lnk_indexTtl]::after {
  content: '';
  height: 6px;
  margin: auto;
  position: absolute;
  top: 3px;
  transform: rotate(45deg);
  right: -10px;
  width: 6px;
}
*/
[class^=lnk_indexTtl]::after {
  content: '';
  display: inline-block;
  height: 6px;
  margin: auto;
  transform: rotate(45deg);
  width: 6px;
}

/* 先行歌詞　*/
.heading__no__icon {
  font-size: 1.3em;
  font-weight: bold;
  padding: 0 5px 0 0px;
  width: 100%;
}
.lnk_indexTtl_pre{
  color: #AD64BE;
}

.lnk_indexTtl_pre::after {
  border-top: 1px solid #AD64BE;
  border-right: 1px solid #AD64BE;
}

/*今話題のハッシュタグ*/
.indexTtl_tag,
.lnk_indexTtl_tag,
.indexTtl_tag:before {
  color: #3faba3;
}

.indexTtl_tag:before {
  content: "\e926";
}

.lnk_indexTtl_tag::after {
  border-top: 1px solid #3faba3;
  border-right: 1px solid #3faba3;
}

/*歌詞ランキング*/
.indexTtl_rank,
.lnk_indexTtl_rank {
  color: #D6A810;
  width: auto;
}

.indexTtl_rank__vocalo::before {
  content: "\e900";
  color: #2aa29a !important;
  font-family: "vocaloIcon" !important;
}

.indexTtl_rank::before {
  content: "\e900";
}

.lnk_indexTtl_rank::after {
  border-top: 1px solid #D6A810;
  border-right: 1px solid #D6A810;
}

.boxAreaRank .lst_boxArea:first-of-type {
  padding-top: 10px;
}

/*新着歌詞*/
.indexTtl_new,
.lnk_indexTtl_new,
.indexTtl_new::before {
  color: #F02361;
}

.indexTtl_new::before {
  content: "\e901";
}

/*コラム*/
.indexTtl_column {
  color: #AD64BE;
}

.indexTtl_column:before {
  content: "\e932";
}


.lnk_indexTtl_new::after {
  border-top: 1px solid #F02361;
  border-right: 1px solid #F02361;
}

/*ピックアップ*/
.indexTtl_pcup,
.lnk_indexTtl_pcup,
.indexTtl_pcup::before {
  color: #2AA29A;
}

.indexTtl_pcup::before {
  content: "\e902";
}

.lnk_indexTtl_pcup::after {
  border-top: 1px solid #2AA29A;
  border-right: 1px solid #2AA29A;
}

/*特集*/
.indexTtl_feature,
.lnk_indexTtl_feature {
  color: #AD64BE;
}

.indexTtl_feature::before {
  content: "\e903";
}

.lnk_indexTtl_feature::after {
  border-top: 1px solid #AD64BE;
  border-right: 1px solid #AD64BE;
}

/*エンタメ*/
.indexTtl_etmt,
.lnk_indexTtl_etmt,
.indexTtl_etmt::before {
  color: #5467B2;
}

.indexTtl_etmt::before {
  content: "\e904";
}

.lnk_indexTtl_etmt::after {
  border-top: 1px solid #5467B2;
  border-right: 1px solid #5467B2;
}

/*pick up*/
.indexTtl_pickup {
  color: #ad64be;
}

.indexTtl_pickup::before {
  content: "\e933";
}

/*ライブコラム*/
.indexTtl_live {
  color: #ad64be;
}

.indexTtl_live::before {
  content: "\e936";
}

/*アルバム*/
.indexTtl_album,
.indexTtl_album::before {
  color: #AD64BE;
}

.indexTtl_album::before {
  content: "\e938";
}

/******************************
コーナー
******************************/
.lst_boxArea {
  position: relative;
  min-height: 55px;
}

.lst_boxArea_tmb {
  min-height: 77px;
}

.lst_boxArea + .lst_boxArea {
  border-top: 1px solid #eee;
  padding-top: 10px;
}

.lnk_lst_boxArea_tmb {
  display: block;
  min-height: 77px;
  padding: 0 10px 10px 10px;
}

.lnk_lst_boxArea_new {
  display: block;
  min-height: 55px;
  padding: 0 10px 10px 10px;
}

[class^=icoTxt_] {
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  font-size: .7rem;
  letter-spacing: 1px;
  padding: 1px 8px;
}

[class^=icoTxt_] + [class^=icoTxt_] {
  margin-left: .2em;
}

.icoTxt_rank {
  background: #D6A810;
  margin-right: .5em;
  vertical-align: bottom;
}

.icoTxt_rank_movie {
  background: #AD64BE;
}

.icoTxt_new {
  background: #f6542c;
  text-transform: uppercase;
}

.icoTxt_pre {
  background: #5dc2e0;
}

.icoTxt_fav {
  background: #ff4ca6;
}

.icoTxt_sp {
  background: #d70035;
  border-radius: 30px;
  border: 1px solid #fff;
  bottom: 65px;
  right: 2px;
  position: absolute;
  padding: 2px 8px;
  z-index: 100;
}

.releaseDate {
  color: #555;
}

[class^=moreBtn_] {
  border-radius: 30px;
  display: block;
  padding: 2px;
  text-align: center;
  width: 80px;
}

[class$=moreBtn_fix] {
  bottom: 10px;
  position: absolute;
  right: 10px;
}

.boxInr_tieIn {
  color: #888;
  font-weight: bold;
  font-size: .8em;
  padding-left: .2em;
}

.boxArea_preLyric {
  padding: 0 0 0 0;
}

.boxArea {
  padding: 0 10px 10px 10px;
}

.boxArea_artists {
  bottom: 14px;
  font-size: 1.2em;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 180px);
}

.boxArea_artists_move {
  left: 85px;
}

.boxArea_square_img {
  height: 65px;
  overflow: hidden;
  width: 65px;
}

.boxArea_square_img img {
  width: 100%;
}

.parts_boxArea_tmb {
  display: flex;
  display: -webkit-flex;
  flex-direction: row-reverse;
}

.boxArea_tmb_contents {
  overflow: hidden;
  padding-left: 10px;
  width: calc(100% - 75px);
}

/*歌詞ランキング 20181213*/
.boxArea_ttl,
.boxArea_tieIn {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.boxArea_ttl {
  font-size: 1.2em;
  margin-bottom: 4px;
}

.boxArea_tieIn {
  color: #888;
}

.moreBtn_ranks {
  border: 1px solid #D6A810;
  color: #D6A810;
}

/*新着 20181213*/
.boxArea_new_contents {

}

.moreBtn_news {
  border: 1px solid #F02361;
  color: #F02361;
  margin: 10px 0 0 auto;
}

/*ピックアップ*/
.moreBtn_pcups {
  border: 1px solid #2AA29A;
  color: #2AA29A;
}

/*特集*/
.lst_boxArea_feature {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.lst_boxArea_feature--wrap {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: -10px;
}

.lst_boxArea_feature--wrap .parts_boxArea_feature {
  margin-top: 10px;
}

.parts_boxArea_feature {
  position: relative;
  width: calc((100% - 10px)/2);
}

.boxArea_feature_img img {
  width: 100%;
}

.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;
}

.pr_article {
  position: relative;
}

.boxArea_ttl_feature {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-weight: bold;
  overflow: hidden;
  margin-top: 5px;
}

/*特集が1のとき*/
.lnk_only_parts_boxArea_feature {
  display: table;
}

.lnk_only_parts_boxArea_feature > * {
  display: table-cell;
  vertical-align: middle;
}

.lnk_only_parts_boxArea_feature .boxArea_feature_img {
  max-width: 200px;
  padding-right: 20px;
}


/** ------------------------------------------------------------
 * 話題のキーワード 181213
*/
.keywordLineUp {
  padding: 10px 0 0 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fffae4;
  font-size: 0;
}

.keywordLineUp li {
  margin: 0 10px 10px 0;
  display: inline-block;
  font-size: medium;
}

.keywordLineUp li a {
  padding: 5px 8px;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #343330;
  display: inline-block;
  background-color: #fff;
  text-decoration: none;
}

.keywordLineUp li a:before {
  margin-right: 5px;
  font-family: utIcon;
  content: "\e64a";
  color: #e4e4e4;
  font-size: 11px;
}

.more {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #f2f2f0;
  font-size: 15px;
}

.more a {
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
  display: block;
  color: #e80;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
}

.more a:after {
  margin: auto;
  border-radius: 100px;
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  color: #fff;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: #e80;
  font-family: utIcon;
  content: "\e699";
  line-height: 1.0;
}

@media only screen and (max-width: 380px) {
  .more__name {
    display: none;
  }
}

.more--pvRanking a {
  color: #72c331;
}

.more--pvRanking a:after {
  background-color: #72c331;
}

.more--news a {
  color: #31c3ad;
}

.more--news a:after {
  background-color: #31c3ad;
}

.more--wp a {
  color: #343330;
}

.more--wp a:after {
  background-color: #343330;
}

.more--ranking a {
  color: #7f5ed4;
}

.more--ranking a:after {
  background-color: #7f5ed4;
}

.more--special a {
  color: #ab538b;
}

.more--special a:after {
  background-color: #ab538b;
}

.more--ranking a {
  color: #7f5ed4;
}

.more--ranking a:after {
  background-color: #7f5ed4;
}

.more--newest a {
  color: #d0475a;
}

.more--newest a:after {
  background-color: #d0475a;
}


/** ------------------------------
 * PR表記
 */
.PR {
  color: #aaa;
  font-size: 11px;
  font-weight: normal;
}

/** ------------------------------
 * 基本の一覧
*/
.list__item {
  border-bottom: 1px solid #fff;
}

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

.list__item,
.list__item > a {
  display: table;
  table-layout: fixed;
  width: 100%;
  direction: rtl;
  unicode-bidi: embed;
}

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

.list__main {
  vertical-align: middle;
}

.list__sub {
  padding-right: 5px;
  width: 75px;
  vertical-align: top;
  text-decoration: none;
}

.list__sub img {
  width: 100%;
}

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

.list__sub--special img {
  width: 100%;
}

.list__release {
  margin-top: -0.5em;
  margin-right: -0.3em;
  padding: 0 0.6em;
  border-radius: 3px;
  display: inline-block;
  color: #fff;
  background-color: #bbb;
  text-align: center;
  font-size: 11px;
  line-height: 1.7;
  vertical-align: middle;
}

.list__title {
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 16px;
}

.list__title--short {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list__title--break {
  word-wrap: break-word;
}

.list__title--icon {
  margin: -10px -10px 10px -10px;
  padding: 5px 23px 5px 12px;
  position: relative;
  line-height: 1.3;
  color: #343330;
  background-color: #f2f2f0;
  text-decoration: none;
}

.list__title--icon a {
  display: block;
}

.list__title--icon a:after {
  margin: auto;
  content: "\e6a5";
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  height: 1em;
  line-height: 1.0;
  color: #e80;
  font-family: utIcon;
  font-size: 14px;
}

.list__message,
.list__beginning {
  color: #888;
  font-size: 13px;
}

.list__beginning + .list__name {
  margin: 5px -10px -5px;
  padding: 5px 10px 0;
  border-top: 1px dotted #ddd;
}

.list__beginning + .list__name a {
  color: #0044cc;
}

.list__name,
.list__name * {
  color: #999;
}

.list__name {
  font-size: 13px;
  line-height: 1.3;
}

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

.list__name__artist {
  margin-bottom: 4px;
}

.list__name__lyricist {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.9em;
}

.list__name__lyricist p{
  display: flex;
  overflow: hidden;
}

.song_writers {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}


/* 投票結果 */
.list__date {
  margin-top: 5px;
  color: #e80;
  font-size: 12px;
  text-align: right;
}

.list__date--news {
  color: #31c3ad;
}

.list__voteCount {
  margin-top: 5px;
  text-align: right;
  line-height: 1.2;
}

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

.list__button {
  text-align: right;
}

.list__button {
  border-top: 1px dotted #ddd;
  padding: 10px;
  background-color: #fbfbfb;
}

.list__button button {
  padding: 6px 8px 6px 10px;
  border: none;
  border-radius: 3px;
  display: block;
  color: #fff;
  background-color: #343330;
  font-family: monospace;
  cursor: pointer;
}

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

.list__link {
  color: #0044cc;
}

/** ------------------------------
 * JSカレンダー
 */
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: monospace;
}

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

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

.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-radius: 3px;
  border: 1px solid #ccc;
}

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

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

.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;
}

/** ------------------------------
 * モーダルウィンドウ
 */
.modalWindow {
  width: 300px;
  border-radius: 6px;
  background-color: #fff;
  display: none;
}

.modalWindow__title {
  padding: 10px 15px;
  border-radius: 6px 6px 0 0;
  border-bottom: 1px solid #ddd;
  position: relative;
  line-height: 1.4;
  font-size: 15px;
  font-weight: bold;
  background-color: #f2f2f0;
}

.modalWindow__title h2,
.modalWindow__title h3,
.modalWindow__title h4 {
  font-weight: bold;
}

.modalWindow button.close {
  margin: auto;
  border: none;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 26px;
  height: 26px;
  font-size: 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  background-color: transparent;
  overflow: hidden;
}

.modalWindow button.close:before {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 6px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  color: #fff;
  background-color: #343330;
  outline: none;
  text-align: center;

  font-family: utIcon;
  content: "\e639";
}

.modalWindow__body {
  padding: 15px;
}

.voteSurvey {
  margin-top: -15px;
}

.voteSurvey dt,
.voteSurvey dd {
  padding-right: 0;
  padding-left: 0;
}

.voteSurvey .selectOuter,
.voteSurvey .selectOuter select,
.voteSurvey input[type="text"] {
  width: 250px !important;
  height: 36px;
  font-size: 16px !important;
  font-family: monospace;
}

.voteSurvey .selectOuter {
  padding: 0 !important;
}

.voteSurvey .selectOuter select,
.voteSurvey input[type="text"] {
  padding: 8px 6px !important;
}

.voteSurvey__button {
  text-align: center;
}

.voteSurvey input[type="button"] {
  padding: 5px;
  border: none;
  border-radius: 3px;
  text-align: right;
  width: 10em;
  color: #fff;
  background-color: #e80;
  font-family: monospace;
  cursor: pointer;
  text-align: center;
}

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

.voteSurvey__button {
  margin-top: 10px;
  text-align: center;
}

.voteSurvey__button input {
  border-radius: 3px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  box-sizing: border-box;
  width: 40%;
  height: 2.5em;
  color: #fff;
  background-color: #e80;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  vertical-align: top;
}

.voteSurvey__button input + input {
  background-color: #343330;
}

/**/
input.voted {
  background-color: yellow;
}

input.mostVoted {
  color: red;
}

#lean_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  height: 100%;
  width :100%;
  background: #000;
  display: none;
}

/* 歌詞をシェア */
.lyricShare {
  text-align: center;
  font-size: 17px;
}

.lyricShare__item + .lyricShare__item {
  margin-top: 15px;
}

.lyricShare__item a {
  padding: 12px 12px 12px 32px;
  border-radius: 3px;
  position: relative;
  display: block;
  color: #e80;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
}

.lyricShare__item--line a {
  color: #fff;
  background-color: #00c300;
}

.lyricShare__item--twitter a {
  color: #fff;
  background-color: #55acee;
}

.lyricShare__item a:before {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  width: 30px;
  height: 30px;
  font-family: utIcon;
  font-size: 30px;
  line-height: 1.0;
  vertical-align: middle;
}

.lyricShare__item--line a:before {
  content: "\e6ac";
}

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


/** ------------------------------
 * 特集専用リスト

.spList__item {
  padding: 10px;
}

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

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

.spList__sub {
  margin: 0 15px 10px 0;
  float: left;
}

.spList__sub img {
  width: 75px;
}

.spList__title {
  margin-bottom: 3px;
  font-weight: bold;
  font-size: 16px;
}

.spList__message {
  color: #777;
  font-size: 12px;
}
*/
/** ------------------------------
 * 特集などの一覧
 */
.blockList {
  border-bottom: 1px solid #ddd;
  position: relative;
  word-break: break-all;
}

.spList__item + .blockList {/* TOPページ用 */
  padding-top: 10px;
  border-top: 1px solid #ddd;
}

.blockList:before,
.blockList:after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 1px;
  background-color: #ddd;
}

.blockList:before {
  left: 33.33%;
}

.blockList:after {
  left: 66.66%;
}

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

.blockList__item {
  display: block;
  float: left;
  width: 33.33%;
  box-sizing: border-box;
}

.blockList__item:nth-of-type(3n+1) {
  clear: both;
}

.blockList__main {
  padding: 10px 10px 15px;
}

.blockList__title {
  font-size: 12px;
  font-weight: bold;
}

.blockList__body {
  color: #777;
  font-size: 13px;
}

.blockList__body {
  color: #777;
  font-size: 13px;
}

.blockList__date {
  margin-top: 3px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #ddd;
  color: #e80;
  font-size: 12px;
  text-align: right;
}

.blockList__sub {
  padding-top: 10px;
  text-align: center;
}

.spList__item + .blockList .blockList__sub {/* TOPページ用 */
  padding-top: 0;
}

.blockList__sub img {
  width: 75px;
}

/** ------------------------------
 * 営業枠
 */
.promotionList__item {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.promotionList__item--main {
  width: 100%;
  float: none;
  padding: 4px;
}

.promotionList__item:nth-child(2) {
  padding-left: 4px;
  padding-right: 2px;
}

.promotionList__item:nth-child(3) {
  padding-left: 2px;
  padding-right: 4px;
}

.promotion__image img {
  width: 100%;
}

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

.promotion__content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80%;
  box-sizing: border-box;
  background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,0.8));
  background-image: linear-gradient(transparent,rgba(0,0,0,0.8));
}

.promotion__title {
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 105%;
  padding: 10px 8px;
}

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


@media (min-width: 320px) and (max-width: 375px) {
  .promotion__title {
    font-size: 90%;
  }
}

@media (max-width: 320px) {
  .promotion__title {
    font-size: 80%;
  }
}


/** ------------------------------
 * ランキング
 */

.rankingIcon {
  margin-bottom: 2px;
  border-radius: 3px;
  display: block;
  width: 2.5em;
  color: #fff;
  background-color: #e80;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
}

.rankingIcon--index {
  width: 4.5em;
  background-color: #72c331;
}

.rankingRequestButton {
  margin-top: 10px;
}

.rankingRequestButton button {
  display: block;
  width: 100%;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
  color: #fff;
  background-color: #D6A810;
  border: 0;
  border-radius: 50px;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  cursor: pointer;
}


/** ------------------------------------------------------------
 * 下層
 */
/** ------------------------------
 * タイトル
 */
.mainTitle {
  padding: 10px;
  border-top: 3px solid #e80;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  font-weight: bold;
}

.mainTitle--ruby {
  overflow: hidden;
  line-height: 1.8;
  color: #888;
  font-size: 0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mainTitle:before {
  margin: -0.3em -0.3em 0 0;
  font-family: utIcon;
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.0;
}

.mainTitle--pvRanking::before {
  content: "\e691";
}

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

.mainTitle--newest::before {
  content: "\e61b";
}

.mainTitle--search::before {
  content: "\e630";
}

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

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

.mainTitle--history::before {
  content: "\e65a";
}

.mainTitle--favourite::before {
  content: "\e604";
}

.mainTitle--mail::before {
  content: "\e687";
}

.mainTitle--lyricRequest::before {
  content: "\e630";
}

.mainTitle--lyricRequest {
  color: #e80;
  font-size: 14px;
}

.mainTitle--quizRequest {
  color: #e80;
}

.mainTitle--quizRequest::before {
  margin: 0;
  font-size: 2.166667em; /* 39px */
  font-family: 'quiz';
  content: "\e900";
}

/** 候補 **/
.lyricOptions {
  padding-bottom: 40px;
}

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

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

.subTitle {
  padding: 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #e80;
  font-size: medium;
  font-weight: bold;
}

.subTitle--bg {
  background-color: #f6f6f6;
}

.subTitle--noLine {
  border-top: none;
}

/* 記事系 */
.articleTitle {
  padding: 10px;
  border-top: 3px solid #e80;
  border-bottom: 1px dotted #ddd;
  background-color: #f2f2f0;
  font-size: 18px;
  line-height: 1.3;
  font-weight: bold;
}

.breadCrumbs + .articleTitle {
  border-top: none;
}

.articleTitle__sub {
  margin-top: 3px;
  display: block;
  color: #888;
  font-size: 15px;
  font-weight: normal;
}

.articleTitle__sub a {
  color: #0044cc;
}

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

.articleGenreAndType {
  background-color: #f2f2f0;
  padding: 4px 8px;
  border-bottom: 1px solid #ddd;
}

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

/* 開閉 */
.touch {
  position: relative;
  cursor: pointer;
}

.touch:before {
  margin: auto;
  border-width: 5px 10px;
  border-style: solid;
  border-color: transparent #343330 transparent transparent;
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 44px;
  bottom: 0;
}

.opened:before {
  border-color: transparent #ccc transparent transparent;
}

.touch:after {
  margin: auto;
  padding: 5px;
  border-radius: 3px;
  content: "\e630";
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  font-family: utIcon;
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  color: #fff;
  background-color: #343330;
  font-size: 22px;
  line-height: 24px;
}

.opened:after {
  background-color: #ccc;
}

.touch + * {
  display: none;
}

/** ------------------------------
 * SNSナビ
 */
.snsNav {
  padding: 8px 10px;
  border-bottom: 1px solid #ddd;
  font-size: 0;
  text-align: left;
  min-height: 44px;
}

.snsNav--noLine {
  border-bottom: none;
}

.snsNav__item {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 44px;
  font-size: 0;
  line-height: 1.0;
  vertical-align: top;
  overflow: hidden;
}

.snsNav__item + .snsNav__item {
  margin-left: 9px;
}

.snsNav__item a {
  padding-left: 42px;
  display: block;
  font-size: 10px;
  color: #fff;
  text-decoration: none !important;
}

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

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

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

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

.snsNav__item--line a:before {
  content: "\e695";
  color: #00c300;
}

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

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

.snsNav__item--favourite {
  display: block;
  height: 100%;
  font-size: 24px;
  line-height: 42px;
  text-align: center;
  color: #e80;
  border: 1px solid #e80;
  border-radius: 7px;
  box-sizing: border-box;
}

.snsNav__item--favourite.favourite--on {
  color: white;
  background-color: #e80;
}

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

/* タグページ シェアー+アマゾン*/
.shareAndAmazonLink {
  display: flex;
  border-bottom: 1px solid #ddd;
}

.shareAndAmazonLink .snsNav {
  flex-grow: 1;
  border-bottom: none;
}

.shareAndAmazonLink .amazonLink {
  height: 60px;
  width: 100px;
  position: relative;
}

.shareAndAmazonLink .amazonLink a {
  position: absolute;
  bottom: 8px;
  right: 10px;
}

/* articleInfo */
.relatedLink + .articleInfo,
.lyricBody + .articleInfo {
  border-top: 1px solid #ddd;
}

.articleInfo {
  background: #fff;
}

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

.articleDate {
  padding: 10px 15px 0;
  color: #999;
  font-size: 11px;
}

.bodyImageTitle {
  margin: 0 0 10px;
  border-bottom: 2px solid #e80;
  color: #e80;
  font-weight: bold;
  font-size: 16px;
}

.bodyImageTitle > span {
  font-size: 13px;
}

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

.bodyImageList__item {
  display: table-cell;
  vertical-align: middle;
  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% - .1px ) - ( 4px * 2 ) ) / 3 );
  width:         calc( ( ( 100% - .1px ) - ( 4px * 2 ) ) / 3 );
  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: 110px;
  display: flex;
}

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

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

.articleSummary dt {
  margin-left: 10px;
  padding: 5px 1em 4px;
  position: relative;
  display: inline-block;
  line-height: 1;
  color: #fff;
  background-color: #e80;
  font-size: 12px;
  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: 0.5em 0.7em 0.5em 0.9em;
  border: 1px solid #e80;
  -webkit-border-radius: 16px;
          border-radius: 16px;
  font-size: 15px;
}

.articleSummary li {
  margin: 0.7em 0;
  padding-left: 19px;
  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;
}

/** ------------------------------
 * 検索時スライド
 */
.searchSlide {
  padding: 0;
}

.searchSlide__title {
  padding: 4px 8px;
  border-radius: 6px 6px 0 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 4px;
  position: relative;
  line-height: 1.4;
  font-size: 15px;
  font-weight: bold;
  background-color: #f2f2f0;
  color: #e80;
}

.bx-viewport {
}

.searchSlide a {
  display: block;
}

.searchSlide img {
  display: inline-block !important;
  width: 100%;
}

@media only screen and (min-width: 420px) {
  .searchSlide__itemOuter {
    width: 136px !important;
  }
}

.searchSlide__item {
  text-align: center;
  word-break: break-all;
}

.searchSlide__name {
  margin-top: 5px;
  line-height: 1.2;
  font-size: 11px;
}

/* JS関連 */
.searchSlide .bx-prev,
.searchSlide .bx-next {
  margin: 18px 0 58px 0;
  padding: 0 7px;
  border-radius: 2px;
  border: none;
  display: inline-block;
  line-height: 1.8;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  color: #fff;
  background: rgba(0,0,0,0.5);
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease;
}

.searchSlide .bx-prev {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  line-height: 60px;
}

.searchSlide .bx-prev:before {
  content: "\e69a";
  font-family: utIcon;
}

.searchSlide .bx-next {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  line-height: 60px;
}

.searchSlide .bx-next:after {
  content: "\e69d";
  font-family: utIcon;
}


/** ------------------------------
 * 該当なし
 */
.noItem {
  margin: 50px 15px;
  color: #888;
  font-size: 15px;
  text-align: center;
}

.noItem--line {
  margin: 0;
  padding: 50px 15px;
  border-top: 1px solid #ddd;
}

.noItem--bottomLine {
  margin: 0;
  padding: 50px 15px;
  border-bottom: 1px solid #ddd;
}

/** ------------------------------
 * 送信完了
 */
.sendMessage {
  margin: 30px 10px;
  color: #888;
  font-size: 14px;
}

/** ------------------------------
 * 表示切替タブ
 */
.switchTab {
  /*border-bottom: 1px solid #ddd;
  background-color: #f2f2f0;*/
  padding: 10px;
}

.switchTab__inner {
  display: table;
  width: 100%;
  border: 1px solid #e80;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 11.5px;
  line-height: 1.3;
  text-align: center;
  table-layout: fixed;
  border-collapse: separate;
}

.switchTab__item {
  display: table-cell;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  /*background-color: #fff;*/
  vertical-align: middle;
}

.switchTab__item + .switchTab__item {
  border-left: 1px solid #e80;
}

.switchTab__item a {
  display: block;
  padding: 5px;
  /*color: #e80;*/
  text-decoration: none;
}

.switchTab__item--current a {
  background-color: #e80;
  color: #fff;
}

/** ------------------------------
 * ランキングページタブ
 */

.switchTabRanking {
  padding: 0 10px 10px;
  font-size: 11.5px;
}

.switchTabRanking__inner + .switchTabRanking__inner {
  margin-top: 8px;
}

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

.switchTabRanking__item {
  float: left;
  width: calc(50% - 4px);
  text-align: center;
  border: 1px solid #D6A810;
  border-radius: 4px;
  box-sizing: border-box;
  background: #fff;
}

.switchTabRanking__item a {
  color: #D6A810;
}

.switchTabRanking__item--current a {
  color: #fff;
}

.switchTabRanking__item--current.switchTabRanking--lyric {
  background: #D6A810;
}

.switchTabRanking__item--current.switchTabRanking--movie {
  background: #AD64BE;
  border-color: #AD64BE;
}

.switchTabRanking__item--current.switchTabRanking--hope {
  background: #5467b2;
  border-color: #5467b2;
}

.switchTabRanking__item--current.switchTabRanking--feeling {
  background: #f46b88;
  border-color: #f46b88;
}

.switchTabRanking__item--current.switchTabRanking--reviewLyric {
  background: #f02361;
  border-color: #f02361;
}

.switchTabRanking__item--current.switchTabRanking--reviewArtist {
  background: #3faba3;
  border-color: #3faba3;
}

.switchTabRanking__item--current.switchTabRanking--reviewNews {
  background: #5467B2;
  border-color: #5467B2;
}

.switchTabRanking__item--current.switchTabRanking--reviewSpecialArticle {
  background: #ad64be;
  border-color: #ad64be;
}

.switchTabRanking__item + .switchTabRanking__item {
  margin-left: 8px;
}

.switchTabRanking__item a {
  display: block;
  padding: 6px 0;
}

.indexTtl_noIcon.lyricRankingTtl {
  color: #D6A810;
  border-bottom: 1px solid #D6A810;
}

.indexTtl_noIcon.movieRankingTtl {
  color: #AD64BE;
  border-bottom: 1px solid #AD64BE;
}

.indexTtl_noIcon.hopeRankingTtl {
  color: #5467b2;
  border-bottom: 1px solid #5467b2;
  border-top: 4px solid #5467b2;
}

.indexTtl_noIcon.allHopeRankingTtl {
  color: #5467b2;
  border-bottom: 1px solid #5467b2;
}

.indexTtl_noIcon.feelingRankingTtl {
  color: #f46b88;
  border-bottom: 1px solid #f46b88;
}

.indexTtl_noIcon.reviewRankingTtl--lyric {
  color: #f02361;
  border-bottom: 1px solid #f02361;
}

.indexTtl_noIcon.reviewRankingTtl--artist {
  color: #3faba3;
  border-bottom: 1px solid #3faba3;
}

.indexTtl_noIcon.reviewRankingTtl--news {
  color: #5467B2;
  border-bottom: 1px solid #5467B2;
}

.indexTtl_noIcon.reviewRankingTtl--specialArticle {
  color: #ad64be;
  border-bottom: 1px solid #ad64be;
}

.indexTtl_noIcon.reviewRankingTtl--writer {
  color: #D6A810;
  border-bottom: 1px solid #D6A810;
}

.indexTtl_noIcon.indexTtl_rank {
  color: #D6A810;
  border-top: 4px solid #D6A810;
}

.highlightTtl {
  padding: 10px;
  color: #fff;
  text-align: center;
}

.highlightTtl--lyric,
.highlightTtl--writer {
  background: #D6A810;
}

.highlightTtl--movie {
  background: #AD64BE;
}

.highlightTtl--hope {
  background: #5467b2;
}

.highlightTtl--feeling {
  background: #f46b88;
}

.highlightTtl--reviewLyric {
  background: #f02361;
}

.highlightTtl--reviewArtist {
  background: #3faba3;
}

.highlightTtl--reviewNews {
  background: #5467B2;
}

.highlightTtl--reviewSpecialArticle {
  background: #ad64be;
}

/** ------------------------------
 * 記事
 */
.articleOverview {
  padding: 0 15px;
}

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

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

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

.articleOverview__date {
  color: #bbb;
  font-size: 11px;
  margin: 4px 0;
}

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

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

.articleOverview__writer__writerPerson {
  float: left;
}

.articleOverview__writer__writerPerson a {
  color: #0044cc;
}

/** ------------------------------
 * ランキングタイプタブ
 */

 .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;
}

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

.articleOverview__tags a {
  color: #0044cc
}

.articleBody {
  padding: 5px 15px;
  color: #555452;
  font-size: 15px;
  line-height: 1.5;
  word-break: break-all;
}

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

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

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

.articleBody .trunkBody {
  display: none;
}

.articleBody .articleBody__img {
  text-align: center;
  min-height: 345px;
  display: flex;
  align-items: center;
}

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

.articleBody img.floatRight {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  margin-top: 1em;
}

.articleBody img.floatLeft {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-top: 1em;
}

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

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

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

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

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

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

.articleBody__pagerNext a {
  background-color: #e80;
  color: #fff;
  display: inline-block;
  padding: 10px;
  width: 90%;
  border-radius: 3px;
  text-decoration: none;
}

.articleBody__pagerNext a:hover {
  opacity: 0.6;
}

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

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

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

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

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

.articleBody__pager__item a {
  text-decoration: none;
  transition: all 0.5s ease;
}

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

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

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

.articleBody #reviews {
  font-size: 12px;
  margin: 10px -15px;
}

.articleBody #reviews h2 {
  margin: initial;
  font-size: initial;
  line-height: initial;
  border-bottom: initial;
}

.articleBody #reviews .more_Btn_review,
.articleBody #reviews .more_Btn_topic {
  color: #fff;
}

/* 特集記事内 */
.articleBody 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;
}

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

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

.articleIndex ol {
  display: none;
}

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

.articleIndex--title {
  font-weight: bold;
  font-size: 17px;
  text-align: center;
}

.articleIndex a {
  color: #0044cc;
}

.articleIndex--h3 {
  padding-left: 2em;
}

.articlePager {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 6px 7px;
  background-color: #f2f2f0;
  text-align: center;
  height: 35px;
  display: relative;
}

.articlePagerItem {
  display: inline-block;
}

.articlePagerItem a {
  display: inline-block;
  font-size: 12px;
  padding: 5px;
  width: 140px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 3px;
  vertical-align: middle;
  background-color: #fff;
}

.articlePagerItem--prev {
  float: left;
}

.articlePagerItem--prev a {
  color: #0044cc;
}

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

.articlePagerItem--next {
  float: right;
}

.articlePagerItem--next a {
  color: #0044cc;
}

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


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

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

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

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

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

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

.lyricCard .text .line {
  font-size: 11px;
  line-height: 1.4;
}

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

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

.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: 14px;
  font-weight: bold;
  color: #313131;
  text-decoration: none;
}

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

.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;
  width: 80px;
  font-size: 14px;
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #e80;
  color: #e80;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

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

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

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

.writerInfo__profile a {
  color: #e80;
}

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

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

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

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

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

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

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

/** ------------------------------
 * iTunes
 */
.iTunesData {
  border-bottom: 1px solid #ddd;
}

.iTunesData__inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  direction: rtl;
  unicode-bidi: embed;
}

.iTunesData__main,
.iTunesData__sub {
  padding: 10px;
  display: table-cell;
  direction: ltr;
}

.iTunesData__main {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 13px;
  vertical-align: middle;
}

.iTunesData__sub {
  width: 110px;
  vertical-align: top;
}

.iTunesData__sub img {
  width: 100%;
}

.iTunesInfo__title,
.iTunesInfo__body {
  margin-bottom: 6px;
}

.iTunesInfo__title {
  width: 60px;
  margin-right: 10px;
  float: left;
  font-weight: bold;
}

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

.iTunesData__purchase {
  margin-top: 10px;
  text-align: center;
}

.iTunesData__audio {
  margin: 4px 10px 10px;
}

.iTunesData__audio audio {
  width: 100%;
}

.iTunesPreview {
  display: none;
  background: #fff;
}

/** ------------------------------
 * 吹き出し
 */
.balloon {
  margin: 10px 20px 7px;
  padding: 15px;
  border-radius: 3px;
  position: relative;
  z-index: 100;
  color: #fff;
  background-color: #e80;
  text-align: center;
}

.balloon:after {
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #e80 transparent transparent transparent;
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 50%;
}

/** ------------------------------
 * 投稿ランキング
 */
.rankingList .rankingList__item {
  padding: 0 10px;
  border-bottom: 1px solid #ddd;
}

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

.rankingList__title {
  margin: 0 -10px 10px;
  padding: 8px 12px;
  border-bottom: 1px solid #ddd;
  background-color: #f6f6f6;
}

.rankingList__item + .rankingList__item {
  border-bottom: 1px solid #ddd;
}

.rankingList__main {
  margin-left: 87px;
}

.rankingList__title h2 {
  color: #343330;
  font-weight: bold;
  font-size: 116%;
}

.rankingList__image {
  float: left;
}

.rankingList__image img {
  width: 75px;
}

.rankingList__time {
  padding-top: 4px;
  color: #e80;
  font-size: 93%;
}

.rankingList__message {
  margin: 20px 0;
}

.rankingList__finished {
  padding: 5px 0 0;
  color: #e00;
  text-align: right;
  font-size: 116%;
  font-weight: bold;
}

.rankingList__button {
  margin: 0 -10px;
  border-top: 1px dashed #ddd;
  text-align: center;
}

.rankingList__button button,
.rankingList__button a,
.rankingList__button span {
  margin: 10px auto;
  padding: 10px 0;
  border: none;
  border-radius: 3px;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  box-sizing: border-box;
  display: block;
  color: #fff;
  background-color: #e80;
  font-family: monospace;
  width: 80%;
}

.rankingList__button span {
  color: #aaa;
  background-color: #ddd;
}

.rankingList__button a.rankingList__resultButton {
  background-color: #333;
}

/* 結果 */
.voteCount {
  margin-bottom: 2px;
  padding: 30px 5px;
  position: relative;
  background-color: #fffae4;
  text-align: center;
  font-size: 25px;
}

.voteCount:after {
  border-bottom: 1px solid #ddd;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  content: "";
  display: block;
}

.voteCount:before {
  font-family: utIcon;
  content: "\e671";
}

.voteCount span {
  margin: 0 5px;
  color: #f33;
  font-size: 45px;
}

/* 投票期間 */
.voteTime {
  padding: 10px;
  text-align: center;
  background-color: #fffae4;
}

.voteTime dt {
  color: #e80;
  font-size: 18px;
}

.voteTime dd {
  color: #888;
}

/** ------------------------------
 * ニュース検索
 */
.newsSearch {
  border-bottom: 1px solid #ddd;
  background-color: #f2f2f0;
}

.newsSearch__mainTitle {
  position: absolute;
  top: 10px;
  right: 10px;
}

.newsSearch__mainTitle button {
  border-radius: 5px;
  border: none;
  position: relative;
  right: 3px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background-color: #e80;
  cursor: pointer;
  margin: auto;
  padding: 6px 10px 6px 30px;
}

.newsSearch__mainTitle button:before {
  position: absolute;
  left: 7px;
  font-family: utIcon;
  content: "\e630";
  font-size: 20px;
}

.newsSearch__inner {
  border-radius: 100px;
  position: relative;
  padding: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.newsSearch__inner * {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  line-height: 1.7;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  background-color: transparent;
  font-size: 15px;
  font-family: monospace;
  outline: none;
}

.newsSearch input {
  padding: 0 34px 0 10px;
  width: 100%;
  box-sizing: border-box;
  display: block;
}

.newsSearch button {
  border-radius: 100px;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 28px;
  height: 28px;
  color: #fff;
  background-color: #343330;
  text-align: center;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}


.newsSearch button:before {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  font-family: utIcon;
  content: "\e630";
  font-size: 24px;
  line-height: 1.2;
  text-indent: 0;
}

.newsSearch__select {
  margin-bottom: 5px;
}

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

.newsSearch__select .selectOuter {
  position: relative;
}

.newsSearch__select .selectOuter:after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 3px;
  color: #e80;
  font-size: 26px;
  font-family: utIcon;
  content: "\e697";
}

.newsSearch__select select {
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  padding: 4px 10px;
  border: 1px solid #ddd;
  background-color: #fff;
  width: 100%;
  box-sizing: border-box;
  height: 35px;
  border-radius: 5px;
}

/** ------------------------------
 * 特集検索
 */
.specialArticleSearch {
  border-bottom: 1px solid #ddd;
}

/* アーティスト検索ボタン */
.specialArticleSearch__artistSearch {
  margin-top: 6px;
  text-align: right;
}

.specialArticleSearch__artistSearch a {
  border-radius: 5px;
  border: none;
  position: relative;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background-color: #000;
  margin-right: 3px;
  padding: 6px 10px 6px 30px;
  display: inline-block;
}

.specialArticleSearch__artistSearch a:before {
  position: absolute;
  left: 7px;
  top: 2px;
  font-family: utIcon;
  content: "\e630";
  font-size: 20px;
}

/* サブカテゴリ選択 */
ul.specialArticleSearch__categoryGenre {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 6px 6px;
}

ul.specialArticleSearch__categoryGenre ol {
  display: table-row;
}

ul.specialArticleSearch__categoryGenre li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #888;
}

ul.specialArticleSearch__categoryGenre li a {
  display: block;
  color: #888;
  padding: 8px 0;
}

ul.specialArticleSearch__categoryGenre li.selected {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e80;
}

ul.specialArticleSearch__categoryGenre li.selected a {
  font-weight: bold;
  display: block;
  color: #fff;
  background-color: #e80;
  padding: 8px 0;
}

/* 種類選択 */
ul.specialArticleSearch__categoryType {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
}

ul.specialArticleSearch__categoryType ol {
  display: table-row;
}

ul.specialArticleSearch__categoryType li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: medium;
}

ul.specialArticleSearch__categoryType li a {
  display: block;
  padding: 12px 0;
  color: #888;
}

ul.specialArticleSearch__categoryType li.selected {
  border-bottom: 2px solid #e80;
}

ul.specialArticleSearch__categoryType li.selected a {
  font-weight: bold;
  display: block;
  color: #e80;
  padding: 8px 0;
}

/* 人気の特集ランキング */
.specialArticleRankingLink {
  margin: 6px 0;
  text-align: center;
}

.specialArticleRankingLink a {
  border-radius: 5px;
  border: none;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background-color: #ee4e00;
  padding: 8px 20px 8px 56px;
  display: inline-block;
  white-space: nowrap;
}

.specialArticleRankingLink a:before {
  position: absolute;
  left: 20px;
  top: -3px;
  font-family: utIcon;
  content: "\e691";
  font-size: 30px;
}

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

/** ------------------------------
 * 特集一覧 - アーティスト検索
 */
.specialArticleArtistSearch {
  border-bottom: 1px solid #ddd;
  padding: 10px;
}

.specialArticleArtistSearch__inner {
  border-radius: 100px;
  position: relative;
  padding: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.specialArticleArtistSearch__inner * {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  line-height: 1.7;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  background-color: transparent;
  font-size: 15px;
  font-family: monospace;
  outline: none;
}

.specialArticleArtistSearch input {
  padding: 0 34px 0 10px;
  width: 100%;
  box-sizing: border-box;
  display: block;
}

.specialArticleArtistSearch button {
  border-radius: 100px;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 28px;
  height: 28px;
  color: #fff;
  background-color: #343330;
  text-align: center;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}

.specialArticleArtistSearch button:before {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  font-family: utIcon;
  content: "\e630";
  font-size: 24px;
  line-height: 1.2;
  text-indent: 0;
}

.specialArticlePopularArtist {
  padding: 6px 0 0 6px;
  border-bottom: 1px solid #ddd;
  background-color: #fffae4;
  font-size: 0;
}

.specialArticlePopularArtist li {
  margin: 0 6px 6px 0;
  display: inline-block;
  font-size: medium;
}

.specialArticlePopularArtist li a {
  padding: 5px 8px;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #343330;
  display: inline-block;
  background-color: #fff;
  text-decoration: none;
}

/** ------------------------------
 * 人気の特集ランキング
 */
.specialArticleWeeklyRanking {
  padding: 5px 10px;
}

.specialArticleWeeklyRanking__Title {
  text-align: center;
  background-color: #fffae4;
  padding: 15px 10px;
  margin-bottom: 5px;
  border: 1px dotted #333333;
  border-radius: 5px;
  font-weight: bold;
}

.specialArticleWeeklyRanking__PagerTop {
  text-align: right;
}

.specialArticleWeeklyRanking__Article,
.specialArticleWeeklyRanking__Article a {
  font-size: 12px;
  color: #000;
  display: table;
  table-layout: fixed;
  width: 100%;
  direction: rtl;
  unicode-bidi: embed;
}

.specialArticleWeeklyRanking__Article {
  margin: 8px 0;
  border: 1px solid #ccc;
  border-radius: 3px;
}

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

.specialArticleWeeklyRanking__Article .text {
  position: relative;
  padding-left: 0;
  line-height: 1.1;
}

.specialArticleWeeklyRanking__Article .text .title {
  font-weight: bold;
}

.specialArticleWeeklyRanking__Article .text .description {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 8px;
}

.specialArticleWeeklyRanking__Article .image {
  width: 80px;
  text-decoration: none;
}

.specialArticleWeeklyRanking__Article .image img {
  width: 100%;
  border-radius: 3px;
}

.specialArticleWeeklyRanking__Article .writer {
  position: absolute;;
  bottom: 4px;
  right: 4px;
  color: #272672;
  font-size: 90%;
}

/** ------------------------------
 * ステージャーライブランキング
 */
.stagerLiveRanking {
  padding: 5px 10px;
}

.stagerLiveRanking img {
  margin: 0;
}

.stagerLiveRanking__topImage img {
  width: 100%;
}

.stagerLiveRanking__topMessage {
  margin: 20px 12px 10px 12px;
  color: #888;
  font-size: 15px;
  text-align: center;
}

.stagerLiveRanking__topMessage--presented {
  font-size: 12px;
  margin-top: 16px;
  text-align: right;
  color: #888;
}

.stagerLiveRanking__Title {
  text-align: center;
  background-color: #fffae4;
  padding: 15px 10px;
  margin-bottom: 10px;
  border: 1px dotted #333333;
  border-radius: 5px;
  font-weight: bold;
}

.stagerLiveRanking__Article {
  color: #000;
  display: table;
  table-layout: fixed;
  width: 100%;
  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 {
  padding: 10px 10px 12px 10px;
  display: table-cell;
  direction: ltr;
  vertical-align: top;
}

.stagerLiveRanking__Article .text {
  position: relative;
  padding-left: 0;
  line-height: 1.2;
}

.stagerLiveRanking__Article .text .title {
  font-weight: bold;
  font-size: 110%;
  margin-bottom: 4px;
}

.stagerLiveRanking__Article .text .title .user_id {
  margin-bottom: 4px;
  font-size: 70%;
  color: #888;
}

.stagerLiveRanking__Article .text .description {
  font-size: 90%;
  line-height: 1.6;
  margin-bottom: 16px;
}

.stagerLiveRanking__Article .text .description a {
  color: #e80;
}

.stagerLiveRanking__Article .text .roomUrl {
  position: absolute;
  bottom: 6px;
  right: 6px;
}

.stagerLiveRanking__Article .text .roomUrl a {
  color: #e83;
}

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

.stagerLiveRanking__Article .image img {
  width: 100%;
  border-radius: 3px;
}

.stagerLiveRanking__Article .writer {
  font-size: 90%;
  position: absolute;;
  bottom: 4px;
  right: 4px;
  color: #272672;
}

.stagerLiveRanking__Article + br {
  display: none;
}

/* 画像で見る */
.grid {
  margin: 0 auto;
  width: 300px;
}

.grid-item {
  width: 100px;
}

.grid-item a {
  display: block;
}

.grid-item img {
  width: 100%;
}

@media only screen and (min-width: 400px) {
  .grid {
    width: 400px;
  }
}
@media only screen and (min-width: 450px) {
  .grid {
    width: 450px;
  }
  .grid-item {
    width: 150px;
  }
}
@media only screen and (min-width: 600px) {
  .grid {
    width: 600px;
  }
}
@media only screen and (min-width: 800px) {
  .grid {
    width: 800px;
  }
  .grid-item {
    width: 200px;
  }
}
@media only screen and (min-width: 1000px) {
  .grid {
    width: 1000px;
  }
}
@media only screen and (min-width: 1200px) {
  .grid {
    width: 1200px;
  }
}

/** ------------------------------
 * マイアーティスト設定
 */
.artistSearch {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #f2f2f0;
}

.artistSearch__inner {
  border-radius: 100px;
  position: relative;
  padding: 4px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.artistSearch__inner * {
  margin: 0;
  padding: 0;
  border: none;
  position: relative;
  line-height: 1.7;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  background-color: transparent;
  font-size: 15px;
  font-family: monospace;
  outline: none;
}

.artistSearch input {
  padding: 0 34px 0 10px;
  width: 100%;
  box-sizing: border-box;
  display: block;
}

.artistSearch button {
  border-radius: 100px;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 28px;
  height: 28px;
  color: #fff;
  background-color: #343330;
  text-align: center;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}


.artistSearch button:before {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  font-family: utIcon;
  content: "\e630";
  font-size: 24px;
  line-height: 1.2;
  text-indent: 0;
}

.list__myArtistbutton {
  border-top: 1px dotted #ddd;
  padding: 6px;
  background-color: #fbfbfb;
}

.list__myArtistbutton button {
  width: 200px;
  padding: 8px 0;
  border: none;
  border-radius: 3px;
  display: block;
  color: #fff;
  font-family: monospace;
  cursor: pointer;
}

.list__myArtistbutton button.add {
  background-color: #e80;
}

.list__myArtistbutton button.delete {
  background-color: #343330;
}

.myArtistbutton {
  border-top: 1px dotted #ddd;
  padding: 6px;
  background-color: #fbfbfb;
  text-align: center;
}

.myArtistbutton button {
  width: 200px;
  padding: 8px 0;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-family: monospace;
  cursor: pointer;
}

.myArtistbutton button.add {
  background-color: #e80;
}

.myArtistbutton button.delete {
  background-color: #343330;
}

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

.freeArea:empty {
  display: none;
}

.freeArea a {
  color: #e80;
}

/** ------------------------------
 * ajaxロード中
 */
.loadImage {
  margin: 0 auto;
  padding: 30px 0;
  display: block;
}




/*newIcon*/
.newIcon {
  margin-top: -0.5em;
  margin-right: -0.2em;
  padding: 0 0.6em;
  border-radius: 3px;
  display: inline-block;
  color: #fff;
  background-color: #e80;
  text-align: center;
  font-size: 11px;
  line-height: 1.7;
  vertical-align: middle;
}

/*preIcon*/
.preIcon {
  margin-top: -0.5em;
  margin-right: -0.2em;
  padding: 0 0.6em;
  border-radius: 3px;
  display: inline-block;
  color: #fff;
  background-color: #28c4e5;
  text-align: center;
  font-size: 11px;
  line-height: 1.7;
  vertical-align: middle;
}

/*popularIcon*/
.popularIcon {
  margin-top: -0.5em;
  margin-left: -0.2em;
  padding: 0 0.6em;
  border-radius: 3px;
  display: inline-block;
  color: #fff;
  background-color: #f44aa2;
  text-align: center;
  font-size: 11px;
  line-height: 1.7;
  vertical-align: middle;
}

/** ------------------------------
 * ハッシュタグ一覧
 */
.keywordList {
  border-bottom: 1px solid #ddd;
  line-height: 1.3;
}

.keywordList__tag {
  border-bottom: 1px solid #ddd;
  background-color: #f2f2f0;
}

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

.keywordList__tag a {
  padding: 8px 23px 8px 10px;
  position: relative;
  display: block;
  color: #0044cc !important;
}

.keywordList__tag a:before {
  content: "\e64a";
  color: #e80;
  font-family: utIcon;
  font-size: 10px;
}

.keywordList__tag a:after {
  margin: auto;
  content: "\e6a5";
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  height: 1em;
  line-height: 1.0;
  color: #e80;
  font-family: utIcon;
  font-size: 14px;
  font-weight: bold;
}

.keywordList__list {
  padding: 10px;
}

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

.keywordList__title {
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: bold;
}

.keywordList__name {
  position: relative;
  color: #999;
  font-size: 85%;
  vertical-align: middle;
}

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

/** ------------------------------
 * フォーム関連
 */
.form dt {
  padding: 15px 10px 5px;
  color: #e80;
  font-size: 14px;
}

.form dt:before {
  margin-right: 3px;
  line-height: 1.2;
  content: "\e63a";
  color: #ccc;
  font-family: utIcon;
}

.form dt h3 {
  display: inline;
}

.form dd {
  padding: 0 10px 5px;
  min-height: 2em;
}

.form--confirm dd {
  padding-bottom: 15px;
}

.form--confirm dd {
  font-size: 15px;
}

.form--confirm dd + dt {
  border-top: 1px solid #ddd;
}

.form input[type="text"],
.form textarea {
  padding: 8px 6px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 15px;
  font-family: monospace;
}

.form input[type="text"] {
  width: 100%;
}

.form textarea {
  width: 100%;
  height: 150px;
}

.form select {
  margin: 0;
  padding: 4px 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  line-height: 1.7;
  background-color: transparent;
  font-size: 108%;
  font-family: monospace;
  outline: none;
}

.form .selectOuter {
  padding: 0 6px;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
}

.form .selectOuter:after {
  position: absolute;
  z-index: 1;
  top: -0.1em;
  right: 0;
  color: #e80;
  font-size: 26px;
  font-family: utIcon;
  content: "\e697";
}

.form .selectOuter select {
  padding-left: 5px;
  position: relative;
  z-index: 10;
}

.form .selectOuter select option {
  padding-left: 5px;
}


/* ボタン */
.formButton {
  margin-top: 1px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  background-color: #f2f2f0;
  text-align: center;
}

.formButton > * {
  display: inline-block;
}

.formButton button {
  margin: 0;
  padding: 0 60px;
  border-radius: 2px;
  border: none;
  line-height: 2;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  color: #fff;
  background-color: #343330;
  font-size: medium;
  text-align: center;
  cursor: pointer;
}

.formButton .formButton--search {
  letter-spacing: 0.5em;
}

.formButton .formButton--search:before {
  font-family: utIcon;
  content: "\e630";
  line-height: 1.2;
}

.formButton--double button {
  padding: 0 10px;
  box-sizing: border-box;
  min-width: 146px;
}

.formButton--double button:before {
  content: "";
}

/* 必須 */
.mandatoryfield {
  padding: 0 4px;
  border-radius: 3px;
  float: right;
  display: block;
  color: #fff;
  background-color: #343330;
  font-weight: normal;
  font-size: 10px;
  vertical-align: bottom;
}

/* エラーメッセージ */
.errorMessage {
  padding: 5px 15px 15px;
  position: relative;
}

.errorMessage__title {
  padding: 0 15px;
  color: #ef8100;
  font-weight: bold;
  font-family: "Times New Roman", serif;
  font-size: 30px;
  line-height: 1.1;
  text-align: center;
}

.errorMessage__title:before {
  margin-right: 7px;
  content: "＼";
  font-size: 21px;
}

.errorMessage__title:after {
  margin-left: 7px;
  content: "／";
  font-size: 21px;
}

.errorMessage__body {
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  position: relative;
  z-index: 9;
  color: #824e1c;
  background-color: #fffae4;
  list-style-type: square;
  font-size: 12px;
}

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

.errorMessage:after {
  margin-left: -12px;
  border-width: 17px 12px;
  border-style: solid;
  border-color: #ddd transparent transparent transparent;
  position: absolute;
  bottom: -17px;
  left: 50%;
  z-index: 8;
  content: "";
  display: block;
}

.errorMessage__item {
  margin: 4px 0 4px 1em;
}

/** ------------------------------------------------------------
 * pager
 */
.pager {
  border-bottom: 1px solid #ddd;
  /*padding: 6px 5px 3px;
  background-color: #f2f2f0;*/
  padding: 10px 10px 8px;
  text-align: center;
  font-size: 0;
}

#loadIcon + .pager ,
.list + .pager {
  border-top: 1px solid #ddd;
}

.pager__item {
  /*margin: 0 3px 3px 0;*/
  display: inline-block;
  vertical-align: middle;
}

.pager__item + .pager__item {
  margin-left: 3px;
}

.pager__item a ,
.pager__item span {
  /*display: inline-block;
  padding: 6px 12px;
  min-width: 1em;
  text-align: center;*/
  display: block;
  padding: 6px 9px;
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background-color: #fff;
  font-size: 12px;
}

.pager__item a {
  -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 a ,
.pager__item--current span {
  /*border-color: #e80;*/
  border: 1px solid #e80;
  color: #e80;
}

.pager__item--prev a,
.pager__item--next a ,
.pager__item--first a,
.pager__item--last a {
  /*padding-right: 8px;
  padding-left: 8px;
  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";
}

/** ------------------------------
 * textList
 */
.textList {
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  line-height: 1.3;
}

.textList__title {
  padding: 10px 10px 8px;
  font-weight: bold;
}

.textList__body {
  padding: 0 10px 10px;
  color: #888;
  position: relative;
  font-size: 13px;
}

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

/** ------------------------------
 * テキスト基本形
 */
.space {
  padding: 30px 15px;
  position: relative;
  color: #555452;
  line-height: 1.6;
}

.space--line {
  border-bottom: 1px solid #ddd;
}

.themeColor {
  color: #e80 !important;
  font-size: 17px;
}

/* 長文系 */
.longText {
  margin-top: 10px;
  line-height: 1.6;
}

.longText__title {
  padding: 10px 15px 7px;
  border-bottom: 3px solid #e80;
  display: inline-block;
  line-height: 1.4;
}

.longText__title h2 {
  font-weight: bold;
  font-size: medium;
}

.longText__body {
  margin: -2px 0 20px;
  padding: 13px 15px 0;
  border-top: 1px solid #ddd;
  color: #555452;
}

/* リスト */
.basicList {
  margin: 15px 0 15px 1em;
  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 {
  display: block;
  font-weight: bold;
}

.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 {
  position: absolute;
  left: 0;
  display: marker;
  content: "(" counter(cnt) ") ";
}

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

.compactList dt {
  float: left;
  clear: both;
  font-weight: bold;
}

.compactList dt::after {
  content: ":";
}

/* サイン */
.sign {
  margin: 25px 15px;
  color: #555452;
}

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

.sign__inner {
  float: right;
}

.sign__title {
  margin-bottom: 5px;
  color: #fff;
  background-color: #343330;
  font-weight: bold;
  text-align: center;
}

/** ------------------------------
 * サイトマップ
 */
.sitemap a {
  color: #e80;
}

.sitemap a:hover {
  opacity: 0.6;
}

.sitemap p {
  font-weight: bold;
}

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

.sitemap .basicList {
    margin: 5px 0 5px 1em;
}

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

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

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

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

.lyricData__sub {
  padding: 10px;
  float: left;
  width: 65px;
}

.lyricData__sub img {
  width: 100%;
}

.lyricWork {
  padding: 10px;
  overflow: hidden;
}

/* 楽曲制作 */
.lyricData--lyricDetail .lyricWork {
  padding-right: 136px;
  min-height: 41px;/* 作詞作曲などの登録が2項目以下の場合用補正 */
}

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

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

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

.lyricWork__body a {
  color: #0044cc;
}

/* アフィリンク */
.lyricLink {
  padding: 8px 10px 4px;
  border-top: 1px solid #eee;
  clear: both;
}

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

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

/* カテゴリ */
.lyricCategory {
  padding: 5px 10px;
  border-top: 1px solid #eee;
  clear: both;
}

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

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

.lyricCategory__body a {
  color: #e80;
}

/* キーワード */
.lyricKeyword {
  padding: 5px 10px;
  border-top: 1px solid #eee;
  clear: both;
}

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

.lyricKeyword__item a {
  color: #0044cc;
}

/* 歌詞フォント */
.lyricFont {
  display: table;
  border-collapse: separate;
  border-spacing: 5px;
  table-layout: fixed;
  width: 100%;
  background-color: #eee;
}

.lyricFont__size {
  padding: 8px 10px 4px;
  border-radius: 3px;
  display: table-cell;
  background-color: #fff;
}

.lyricFont__size + .lyricFont__size {
  width: 41%;
}

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

.lyricFont__body span {
  padding: 3px 7px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #f6f6f6;
  cursor: pointer;
}

.lyricFont__body span.rubyButton {
  text-transform: uppercase;
}

.lyricFont__body span.disabled {
  border-color: #e80;
  color: #e80;
  background-color: #fff;
}

.lyricFont__body {
  display: table;
  border-collapse: separate;
  border-spacing: 5px;
  table-layout: fixed;
  width: 100%;
}

.lyricFont__body span {
  display: table-cell;
  text-align: center;
}

.lyricBackLink {
  padding: 10px;
}

.lnk_lyricBack {
  border-radius: 50px;
  border: 2px solid #e80;
  color: #e80;
  font-size: 1.2em;
  text-align: center;
}

.lnk_lyricBack--reviewLyric {
  color: #f02361;
  border: 2px solid #f02361;
}

.lnk_lyricBack--reviewArtist {
  color: #3faba3;
  border: 2px solid #3faba3;
}

.lnk_lyricBack--reviewNews {
  color: #5467B2;
  border: 2px solid #5467B2;
}

.lnk_lyricBack--reviewSpecialArticle {
  color: #ad64be;
  border: 2px solid #ad64be;
}


/* 投票 */
.gauge__button {
  display: table;
  border-collapse: separate;
  border-spacing: 5px;
  table-layout: fixed;
  width: 100%;
  text-align: center;
}

.gauge__button span {
  padding-top: 23px;
  border: 1px solid #e6e6e6;
  position: relative;
  display: table-cell;
  border-radius: 3px;
  line-height: 2;
  color: #bbb;
  background-color: #fff;
  font-size: 13px;
  vertical-align: middle;
}

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

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

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

.gauge__button span:nth-of-type(2)::before {
  content: "\e6b1";
}

.gauge__button span:nth-of-type(3)::before {
  content: "\e6b0";
}

.gauge__button span:nth-of-type(4)::before {
  content: "\e602";
}

.gauge__button span:nth-of-type(5)::before {
  top: 3px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/images/sp/pie.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

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

/* 歌詞 */
/*
.lyricBody {
  margin: 0 15px;
}*/

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

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

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

.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 {
  margin: 0 auto 20px;
  padding: 30px 10px;
  border: 1px solid #e6e6e6;
  position: relative;
  width: 278px;
  color: #e80;
  background-color: #fff;
  text-align: center;
}

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

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

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

.rankingList_simple .rankingList__title {
  border-bottom: none;
  margin: 0 -10px;
  background-color: #fff;
}

.rankingList_simple .rankingList__time {
  color: #999;
}

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

.hopeVoteButton {
  text-align: center;
}

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

/* 想いゲージパーセンテージ */
.voteResultBarGraph .bar {
  text-align: center;
  float: left;
}

.barOuterWrapper {
  overflow: hidden;
  height: 1.2em;
}

.barNarrowTextHider {
  display: inline-block;
  width: 1px;
}

.barInnerWrapper {
  display: inline-block;
  white-space: nowrap;
}

/* 友情 */
.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;
}

/* リンク */
.lyricAction {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 10px;
  background-color: #f6f6f6;
  text-align: center;
  font-size: 17px;
}

.lyricAction__button + .lyricAction__button {
  margin-top: 10px;
}

.lyricAction__button a {
  padding: 12px;
  border-radius: 3px;
  position: relative;
  display: block;
  color: #e80;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
}

.lyricAction__button--ranking a {
  color: #fff;
  background-color: #a1dc3c;
}

.lyricAction__button--comment a {
  color: #fff;
  background-color: #42e2a7;
}

.lyricAction__button a:before {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  width: 30px;
  height: 30px;
  font-family: utIcon;
  font-size: 30px;
  line-height: 1.0;
  vertical-align: middle;
}

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

.lyricAction__button--comment a:before {
  top: 3px;
  content: "\e684";
}

.artist_youtubeItems {
  padding: 8px 15px;
  border-bottom: 1px solid #eee;
}

div .artist_youtubeItems:last-of-type {
  border-bottom: none;
}

.boxArea_youtube_contents {
  overflow: hidden;
  padding-left: 10px;
  width: calc(100% - 140px);
}

.boxArea_youtube_img {
  overflow: hidden;
  width: 130px;
}

.boxArea_youtube_img img {
  width: 100%;
}

.boxArea_youtube_move {
  left: 150px;
}

.youtubeLink {
  margin: 10px 6px 10px 4px;
  float: right;
  font-size: 14px;
}

.articleBody .youtubeLink a {
  padding: 8px 15px 8px 10px;
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  background-color: #e80;
  text-decoration: none;
  transition: all 0.5s ease;
}

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

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

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

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

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

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

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

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

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

.tweetBox__input input[type="text"] {
  margin: 0 10px;
  padding: 4px 6px;
  border: 1px solid #ddd;
  border-radius: 2px;
  width: 70px;
  line-height: 1.7;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  background-color: #fff;
  font-size: 15px;
  font-family: monospace;
  outline: none;
  text-align: center;
}

.tweetBox__button input[type="button"] {
  margin-right: auto;
  margin-left: auto;
  padding: 2px 0;
  border-radius: 2px;
  border: none;
  display: block;
  width: 90%;
  line-height: 2;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  color: #fff;
  background-color: #55acee;
  font-size: medium;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease;
  font-family: monospace;
}

.tweetBox__button input[type="button"]:hover {
  opacity: 0.8;
}

.tweetBox__button input[type="button"].inline {
  padding: 4px 10px;
  display: inline;
  width: auto;
}

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


/* LINE */
.lineSubTitle {
  text-align: center;
  font-size: 16px;
  padding: 6px;
  color: #fff;
  background-color: #00c300;
}

.lineDescription {
  border-bottom: 1px solid #ddd;
  background-color: #f2f2f0;
  font-size: 15px;
  padding: 4px 6px;
  text-align: center;
}

.lineText {
  display: table;
  width: 100%;
  color: #00c300;
  font-size: 17px;
  text-align: center;
}

.lineText span {
  padding: 0 15px;
  display: table-cell;
  vertical-align: middle;
  height: 4em;
}

.lineSelect {
  display: table;
  border-collapse: separate;
  border-spacing: 5px;
  table-layout: fixed;
  width: 100%;
  background-color: #eee;
}

.lineSelect > * {
  display: table-cell;
  font-size: 18px;
  box-sizing: border-box;
  vertical-align: top;
}

.lineSelect > span:nth-of-type(2) {
  width: 45%;
}

.lineSelect input,
.lineSelect button {
  padding: 6px 0;
}

.lineSelect input {
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  box-sizing: border-box;
  font-size: 16px;
  width: 100%;
  height: 2.5em;
  background-color: #fff;
  font-family: monospace;
  outline: none;
  text-align: center;
  vertical-align: top;
}

.lineSelect button {
  border-radius: 3px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 2.5em;
  color: #fff;
  color: #00c300;
  background-color: #00c300;
  cursor: pointer;
  font-size: 16px;
  font-family: utIcon;
  text-align: center;
  vertical-align: top;
}

#decrementLine:before {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  color: #fff;
  font-family: utIcon;
  font-size: 20px;
  content: "\e611";
  line-height: 20px;
  overflow: hidden;
  text-align: center;
}

#incrementLine:before {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  color: #fff;
  font-family: utIcon;
  font-size: 20px;
  content: "\e60f";
  line-height: 20px;
  overflow: hidden;
  text-align: center;
}

.submitLyricLine {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.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 {
  padding: 0 0.2em;
  border-radius: 3px;
  position: absolute;
  left: 0;
  display: block;
  min-width: 2em;
  color: #fff;
  background-color: #55acee;
  text-align: center;
}

.lyricBody__number--line {
  background-color: #00c300;
}

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

.snsNav + .relatedLink {
  margin-top: 0;
}

.relatedLink__title {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  color: #e80;
  background-color: #f6f6f6;
  font-size: medium;
  font-weight: bold;
}

.relatedLink__body {
  padding: 10px;
  line-height: 1.8;
  overflow: hidden;
}

.relatedLink__body--lyric {
  background: #fff;
}

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

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

.relatedLink__body--lyric a.box {
  padding: 5px 8px;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #e80;
  display: inline-block;
  background-color: #fff;
  text-decoration: none;
}

.relatedLink__item a {
  padding: 5px 10px 5px 20px;
  color: #e80;
  display: block;
  position: relative;
  text-decoration: none;
  line-height: 1.3;
}

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

/* トップバナー */
.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;
}

/* 歌詞関連情報Youtube動画 */
.relatedLink .lyric_youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.relatedLink .lyric_youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* アルバム詳細 */
.albumDetail {
  padding: 0 0 10px;
  border-bottom: 1px solid #ddd;
}

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

.albumDetail a {
  color: #0044cc;
}

.albumDetail__heading {
  padding: 0 10px;
}

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

.albumDetail__title {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  color: #e80;
  background-color: #f6f6f6;
  font-size: medium;
  font-weight: bold;
}

.albumDetail__body {
  padding: 10px;
}

.albumDetail__body img {
  float: left;
  margin: 0 15px 10px 0;
  max-width: 100px;
}

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

/* アーティスト詳細 */
.artistImage {
  margin: 15px 0;
}

.artistImage img {
  max-width: 100%;
  max-height: 300px;
  display: block;
  margin: 0 auto;
}

.artistTags.keywordLineUp {
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

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

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

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

.artistInfo__latest__title {
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid #ddd;
  margin-bottom: 4px;
  font-size: medium;
  font-weight: bold;
}

.artist_wiki {
  border-top: 4px solid #555;
}

.artist_wiki a {
 color: #e80;
}

/** ------------------------------------------------------------
 * errorPage
 */
.errorPage {
  padding: 20px 15px;
  text-align: center;
}

.errorPage__title {
  color: #e80;
  font-size: 20px;
  line-height: 1.3;
}

.errorPage__title--bk {
  color: #343330;
  font-size: 70px;
  font-weight: bold;
}

.errorPage__text {
  color: #999;
  font-size: medium;
}

@media only screen and (max-width: 340px) {
  .errorPage__text {
    font-size: 14px;
  }
}

.errorPage__text--bk {
  color: #343330;
}

.errorPageButton {
  margin: 30px auto 40px;
  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 {
  margin-top: 40px;
  padding: 20px;
  border: 3px solid #e80;
  background-color: #fff;
  text-align: left;
}

/** ------------------------------------------------------------
 * footer
 */
footer {
  color: #f2f2f0;
  background-color: #343330;
  text-align: center;
}

.license,
.footerNavi,
.footerLink,
.footerMedia {
  padding: 10px 5px;
  border-top: 1px solid #676664;
  line-height: 1.3em;
}

.copyright {
  padding: 10px 5px 120px 5px;
  border-top: 1px solid #676664;
  line-height: 1.3em;
}

.footerNavi {
  color: #9a9998;
  text-align:left;
  padding: 10px 15px;
  line-height:1.5em;
}
.footerNavi ul {
  display:table;
  width:100%;
  margin-bottom:20px;
}
.footerNavi ul:nth-last-of-type(1) {
  margin-bottom:0;
}
.footerNavi ul li {
  display:table-cell;
  width:50%;
}

.footerNavi a {
  color: #fff;
}
/* 相互リンク */
.footerLink {
  background-color: #777;
}
/* 掲載メディア */
.footerMedia {
  background-color: #777;
}

/* 許諾 */
.license {
  font-size: 11px;
}

.license__main {
  margin-top: 5px;
}

.license__item {
  height: 60px;
}

/* コピーライト */
.copyright {
  font-size: 11px;
}


/** ------------------------------
 * 歌詞リクエスト
 */
.requestLink {
  padding: 10px 0;
}

.lnk_request {
  background: #e80;
  border-radius: 50px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  margin: auto;
  letter-spacing: 1px;
  padding: 6px;
  text-align: center;
  width: calc(100% - 20px);
}

.lnk_request::before {
  content: "\e929";
  color: #fff;
  display: inline-block;
  font-weight: normal;
  font-family: utIcon;
  margin-right: 6px;
}

/** ------------------------------
 * ハッシュタグの紹介文（本番）
 */
.lyricTagIntroduction__title {
  color: #e80;
  font-weight: normal;
  font-size: 20px;
}

.lyricTagIntroduction__body {
  margin-top: 10px;
  color: #000;
  font-weight: normal;
  font-size: 17px;
}

.lyricTagIntroduction__userInfo {
  margin-top: 10px;
  color: #888;
  font-weight: normal;
  font-size: 15px;
}

/** ------------------------------
 * ハッシュタグ紹介文応募
 */
.lyricTagIntroductionForm__addLyric {
  margin-top: 1px;
  text-align: right;;
}

.lyricTagIntroductionForm__addLyric button {
  margin: 0;
  padding: 0 25px;
  border-radius: 2px;
  border: none;
  line-height: 2;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  color: #fff;
  background-color: #343330;
  font-size: small;
  text-align: center;
  cursor: pointer;
}

.lyricTagIntroductionForm__preview .lyricTagIntroductionForm__previewTitle {
  color: #e80;
  font-weight: normal;
  font-size: 20px;
}

.lyricTagIntroductionForm__preview .lyricTagIntroductionForm__previewBody {
  margin-top: 10px;
  color: #000;
  font-weight: normal;
  font-size: 17px;
}

.lyricTagIntroductionForm__preview .lyricTagIntroductionForm__previewUserInfo {
  margin-top: 10px;
  color: #888;
  font-weight: normal;
  font-size: 15px;
}

.lyricTagIntroductionSent {
  border-top: 1px solid #ddd;
  padding-top: 10px;
  padding-left: 10px;
  margin-top: 10px;
  color: #888;
  font-size: medium;
}

.lyricTagIntroductionSent__table {
  margin-top: 5px;
  margin-bottom: 30px;
  margin-left: 20px;
}

.lyricTagIntroductionSent__table dt {
  color: #e80;
  font-size: 12px;
}

.lyricTagIntroductionSent__table dt::before {
  margin-right: 3px;
  line-height: 1.2;
  content: "\e63a";
  color: #ccc;
  font-family: utIcon;
}

.lyricTagIntroductionSent__table dd {
  min-height: 2em;
  font-size: large;
  font-weight: bold;
}


/** ------------------------------
 * ハッシュタグ検索
 */
#selectTagWindow select {
  width: 100%;
  border: 1px solid #ddd;
  padding-left: 5px;
  padding-right: 20px;
}

#selectTagWindow .select {
  position: relative;
}

#selectTagWindow .select:after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  color: #e80;
  font-size: 26px;
  font-family: utIcon;
  content: "\e697";
}

#selectTagWindow .selectTagWindowSearchLoading {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

/** ------------------------------
 * 歌詞検索
 */
#selectLyricWindow select {
  width: 100%;
  border: 1px solid #ddd;
  padding-left: 5px;
  padding-right: 20px;
}

#selectLyricWindow .select {
  position: relative;
}

#selectLyricWindow .select:after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  color: #e80;
  font-size: 26px;
  font-family: utIcon;
  content: "\e697";
}

#selectLyricWindow .selectLyricWindowSearchLoading {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

#selectLyricWindow .selectLyricWindowSelectedLyric__content {
  padding: 5px 10px;
}

#selectLyricWindow .selectLyricWindow__resultTitle {
  padding-left: 5px;
  color: #000;
  font-weight: bold;
  font-size: 17px;
}

#selectLyricWindow .selectLyricWindow__resultArtist {
  color: #000;
  font-weight: normal;
  font-size: 15px;
}

#selectLyricWindow .selectLyricWindow__resultArtist span:before {
  margin-right: 2px;
  content: "\e690";
  color: #ccc;
  font-size: 14px;
  font-family: utIcon;
  vertical-align: middle;
}

#selectLyricWindow .selectLyricWindowSelected {
  width: 90%;
}

/** ------------------------------
 * ハッシュタグ紹介文プレビュー
 */
#previewWindow .previewWindow__preview {
  margin: 20px;
}

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

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

#previewWindow .previewWindow__previewTitle {
  color: #e80;
  font-weight: normal;
  font-size: 20px;
}

#previewWindow .previewWindow__previewBody {
  margin-top: 10px;
  color: #000;
  font-weight: normal;
  font-size: 17px;
}

#previewWindow .previewWindow__previewUserInfo {
  margin-top: 10px;
  color: #888;
  font-weight: normal;
  font-size: 15px;
}

#previewWindow .previewWindow__loading {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px;
}

.previewButton {
  margin-top: 1px;
  border-top: 1px solid #ddd;
  padding: 10px;
  text-align: center;
}

.previewButton button {
  margin: 0;
  padding: 5px 60px;
  border-radius: 2px;
  border: none;
  line-height: 2;
  -webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
          appearance: none;
  color: #fff;
  background-color: #e80;
  font-size: medium;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease;
}

/* adsense */
.adsByGoogle {
  text-align: right;
  font-size: 12px;
  color: #888888;
  padding-right: 4px;
}

/*movie_ad*/

#compass-fit-3737958 #compass-fit-widget {
  border-top: 1px solid #ddd;
}

#compass-fit-3737958 .compass-fit-ad {
  width: 100% !important;
}

#compass-fit-3737958 .compass-fit-ad-image {
  padding: 0 10px;
}

#compass-fit-3737958 .compass-fit-ad-content {
  padding: 0 0 0 10px;
}

/*news_artist_ad*/

#compass-fit-3741337 #compass-fit-widget-content {
  border-bottom: 1px solid #ddd;
}

#compass-fit-3737958 #compass-fit-widget {
  border-top: 1px solid #ddd;
}

#compass-fit-widget-content>a {
  display: table;
  table-layout: fixed;
  width: 100%;
  direction: rtl;
  unicode-bidi: embed;
}

/*artist_ad*/

#compass-fit-3737962 #compass-fit-widget-content {
  border-bottom: 1px solid #ddd;
}

#compass-fit-3737962 .list__date {
  color: #e80;
}

#compass-fit-3737962 .list__sub img {
  width: 75px !important;
  height: 75px !important;
}

/** ------------------------------
 * 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 {
  padding: 0;
  overflow: auto;
  background-color: #fff;
}

.dialog-base .ui-dialog-titlebar {
  display: none;
}

/**
 * 掲載メディア
 */
.mediaList {
  text-align: center;
  padding: 10px 20px;
  margin-bottom: 30px;
}

.mediaList li {
  text-align: center;
  padding: 5px 10px;
}

.mediaList img {
  width: 90%;
  padding: 10px;
  background-color: #fff;
}

#pageTopScrollBtn a {
  padding-top: 46px;
  border: 1px solid #fff;
  border-radius: 3px;
  position: fixed;
  bottom: 180px;
  right: 10px;
  display: block;
  width: 46px;
  height: 0;
  line-height: 30px;
  color: #fff;
  background-color: rgba(0,0,0,0.6);
  text-align: center;
  overflow: hidden;
  z-index: 2000001;
}

#pageTopScrollBtn a::before {
  content: "";
  margin: auto;
  border-style: solid;
  border-width: 0 8px 12px 8px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
}

#pageTopScrollBtn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.adSpotBannerLyric {
  text-align: center;
  margin: 6px 0;
}

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

/** ------------------------------
 * アーティスト一覧
 */
.charBox {
  clear: both;
  position: relative;
}

.charBox table {
  padding: 10px 25px 0;
  background-color: #F5D0A9;
}

.charBox td {
  text-align: center;
  border: none;
}

.charBox span {
  padding: 10px 3px;
  border: 1px solid #000;
  border-radius: 4px;
  background-color: #fff;
  width: 100%;
  display: inline-block;
  font-size: 16px;
}

.kanaListItem {
  padding-bottom: 20px;
}

.kanaListItem a {
  font-weight: bold;
}

.kanaListItem--selected span {
  color: #e80;
  border: 1px solid #e80;
}

.kanaListItem a.hover > span {
  border: 1px solid #e80;
  color: #e80;
}

span.kanaListItem__text--disable {
  box-shadow: none;
  background-color: #efefef;
  color: #000;
  border: none;
}

.artistList--item {
  text-align: center;
}

.artistList--item a {
  color: #e80;
}

.artistList--name {
  padding-right: 20px;
  text-align: left;
}

.artistList--name a {
  display: block;
}

.artistList--name a:after {
  margin: auto;
  content: "\e6a5";
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  height: 1em;
  line-height: 1.0;
  color: #e80;
  font-family: utIcon;
  font-size: 14px;
}

.artistList--item span {
  color: #ccc;
}

.noArtist {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #f2f2f0;
  font-size: 15px;
}

.utatenAjaRecommend {
  border-top: 3px solid #e80;
}

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

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


/****************20181226 artistPage
*********************************/
.artistContents {
  background: #ededed;
  font-size: 12px;
  padding-bottom: 10px;
}

.artistContents [class^=indexTtl_] {
  letter-spacing: 1px;
}

.artistContents .threeToOneRectangleBanner {
  background: none;
  margin-bottom: 10px;
  padding: 0;
}

.artistContents section {
  margin: 14px 0;
}

.artistContents .lst_boxArea + .lst_boxArea {
  border-top: none;
}

.artistContents .lst_boxArea {
  border-bottom: 1px solid #eee;
}

.artistTtl {
  border-top: 4px solid #555;
  border-bottom: 1px solid #eee;
  color: #3faba3;
  font-weight: bold;
  font-size: 1.5em;
  letter-spacing: .2em;
  padding: 18px 10px;
}

.artistTtl_ruby {
  overflow: hidden;
  line-height: 1.8;
  color: #888;
  font-size: 0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: .2em;
}

.artistTtl h1 {
  font-weight: bold;
}

.artistDiscWrap {
  padding: 10px;
}

.artistDiscWrap img {
  width: 100%;
}

.artistDisc {
  border-top: 1px solid #ddd;
  font-size: 1.2em;
  margin-top: 30px;
  padding-top: 20px;
}

.artistDisc img {
  border-radius: 5px;
  width: 50%;
}

.artistDisc a {
  color: #0044cc;
}

.artistLstWrap {
  margin: 20px 0 10px;
  position: relative;
  padding: 10px;
}

.artistLstTtl {
  background: #fff;
  color: #3faba3;
  font-size: 2.6em;
  font-weight: 600;
  font-style: italic;
  font-family: 'Dosis', sans-serif;
  left: 10px;
  padding: 0 10px 0 0;
  position: absolute;
  top: -16px;
  text-transform: capitalize;
}

.artistLst {
  border-top: 1px solid #3faba3;
  font-size: 1.2em;
  padding-top: 16px;
}

.artistLst_items {
  margin: 10px 0;
}

.lnk_artistLst_items {
  color: #0044cc;
  padding-left: 34px;
  position: relative;
}

.lnk_artistLst_items::before {
  content: "\e697";
  color: #3faba3;
  display: inline-block;
  font-family: utIcon;
  font-size: 2em;
  left: 0;
  position: absolute;
  top: -10px;
}

[class^=lnk_moreArtist_] {
  border-radius: 50px;
  border: 1px solid #555;
  color: #555;
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 10px;
  padding: 10px;
  text-align: center;
}

.lnk_moreArtist_Rank,
.lnk_moreArtist_movie {
  box-sizing: border-box;
  margin: 10px auto;
  width: calc(100% - 20px);
}

.lnk_moreArtist_Rank {
  border: 2px solid #D6A810;
  color: #D6A810;
}

.lnk_moreArtist_movie {
  border: 2px solid #AD64BE;
  color: #AD64BE;
}

.lnk_moreArtist_news {
  border: 2px solid #5467B2;
  color: #5467B2;
}

.lnk_moreArtist_feature {
  border: 2px solid #AD64BE;
  color: #AD64BE;
}

.lnk_moreArtist_album {
  border: 2px solid #AD64BE;
  color: #AD64BE;
}

.artist_indexTtl {
  align-items: center;
  border-top: 4px solid #555;
  border-bottom: 1px solid #eee;
  padding: 18px 10px;
  margin-bottom: 10px;
  position: relative;
}

[class*=artist_indexTtl_] {
  width: auto;
}

.boxArea_squareBig_img {
  height: 120px;
  overflow: hidden;
  width: 120px;
}


/*関連動画*/
.indexTtl_movie,
.lnk_indexTtl_movie,
.indexTtl_movie::before {
  color: #AD64BE;
}

.indexTtl_movie::before {
  content: "\e905";
}

.boxArea_movie_img {
  overflow: hidden;
  width: 100px;
}

.boxArea_movie_ttl {
  font-size: 1.2em;
  font-weight: bold;
}

.parts_boxArea_movie {
  align-items: center;
}

.parts_boxArea_movie img {
  width: 100%;
}

.lnk_lst_boxArea_movie {
  display: block;
  padding: 0 10px 10px 10px;
}

.boxArea_movie_contents {
  overflow: hidden;
  padding-left: 10px;
  width: calc(100% - 110px);
}

/*プロフィール*/
.indexTtl_plf,
.lnk_indexTtl_plf,
.indexTtl_plf::before {
  color: #3faba3;
}

.indexTtl_plf::before {
  content: "\e906";
}

.artist_plf img {
  border-radius: 5px;
  width: 200px;
}

/*最新情報*/
.indexTtl_info,
.lnk_indexTtl_info,
.indexTtl_info::before {
  color: #3faba3;
}

.indexTtl_info::before {
  content: "\e907";
}

.artist_indexTtl_only {
  /*
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  */
}

.artist_plf h3 {
  border-left: 4px solid #3faba3;
  color: #3faba3;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 10px;
  padding-left: 10px;
}

.artist_plf a {
  color: #0044cc;
  font-weight: bold;
  text-decoration: underline;
}





/****************20190108 artistPage
*********************************/
[id^=cf_async_] + .lst_boxArea {
  margin-top: 10px;
}

/*関連ハッシュタグ*/
section + .artistHashtag {
  background: #fff;
  margin-top: -14px;
}

.artistHashtagTtl {
  color: #3faba3;
  font-weight: bold;
  font-size: 1.4em;
  padding: 10px;
}

.artistTagsLst {
  background: #3faba3;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  padding: 10px 10px 10px 20px;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  width: 100%;
}

.artistTagsLst--wrap {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.artistTagsLst_item {
  padding: 0 20px 0 0;
}

.artistTagsLst--wrap .artistTagsLst_item {
  margin: 5px 0;
}

.artistTagsLst_item:nth-last-of-type(1) {
  padding: 0 10px 0 0;
}

.lnk_artistTagsLst_item {
  background: #fff;
  border-radius: 0 3px 3px 0;
  color: #fff;
  display: block;
  font-size: 1.1em;
  line-height: 30px;
  position: relative;
  padding: 0 1em;
  transition: .2s;
}

.lnk_artistTagsLst_item::before {
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 15px 12px 15px 0;
  content: '';
  height: 0;
  left: -12px;
  position: absolute;
  top: 0;
  transition: .2s;
  width: 0;
}

.lnk_artistTagsLst_item::after {
  background: #3faba3;
  border-radius: 100%;
  content: '';
  display: block;
  height: 6px;
  left: 0;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 6px;
  z-index: 2;
}

.txt_artistTagsLst_item {
  color: #3faba3;
  display: block;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



/****************artistPage
*********************************/


.lowerContents section {
  margin-top: 14px;
}

.lowerContents section.noMargin {
  margin-top: 0;
}

/****************hopeRanking▼▼ 20190123
*********************************/

.allHopeRankingTtl [class^=icoTxt_],
.hopeRankingTtl [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;
}

.lowerContents {
  background: #ededed;
  font-size: 12px;
  padding-bottom: 14px;
}

.lowerContents .indexTtl {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.lowerContents .indexTtl--noMargin {
  margin-bottom: 0;
}

.icoTxt_lowerRank {
  margin-right: .5em;
  vertical-align: bottom;
}

.indexTtl_noIcon {
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #eee;
  font-size: 1.4em;
  margin-bottom: 10px;
  padding: 14px 10px;
  text-align: center;
}

.indexTtl_noIcon > * {
  font-weight: bold;
}

.indexTtl_rank_centered {
  text-align: center;
  border-top: 4px solid #D6A810;
  color: #D6A810;
}

.icoTxt_lowerRankIn {
  display: inline-block;
  margin-left: 20px;
  margin-right: .5em;
  position: relative;
  padding: 1px 10px;
  vertical-align: bottom;
}

.icoTxt_lowerRankIn::before {
  content: "\e908";
  display: inline-block;
  font-family: utIcon;
  font-size: 1.4em;
  left: -20px;
  position: absolute;
  top: -2px;
  z-index: 10000;
}

.icoTxt_lowerRankIn::after {
  border-width: 8px 5px 8px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  z-index: 1;
}

.indexTtl_hopeRank::before {
  content: "\e900";
}

.icoTxt_hopeRank {
  background: #5467b2;
  margin-right: .5em;
  vertical-align: bottom;
}

.icoTxt_hopeRankIn {
  background: #5467b2;
}

.icoTxt_hopeRankIn::before {
  color: #5467b2;
}

.indexTtl_hopeRank,
.lnk_indexTtl_hopeRank,
.indexTtl_hopeRank::before {
  color: #5467b2;
}

.boxArea_artists_move_top {
  left: 120px;
}

.boxArea_Bigsquare_img {
  height: 100px;
  width: 100px;
}

.boxArea_Bigsquare_img img {
  width: 100%;
}

.boxArea_TOPtmb_contents {
  overflow: hidden;
  padding-left: 10px;
  width: calc(100% - 110px);
}

.lst_boxArea_top .boxArea_artists {
  width: calc(100% - 220px);
}

.boxArea_ttl_noClip {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 30px;
  word-break: break-all;
}

.rank1ttl {
  /*border-top: 1px solid #5467b2;
  border-bottom: 1px solid #5467b2;*/
  color: #5467b2;
  display: block;
  font-size: 1.4em;
  font-family: 'Fjalla One', sans-serif;
  letter-spacing: 2px;
  margin-bottom: 4px;
  padding: 2px 0 1px 20px;
  position: relative;
  text-transform: uppercase;
  white-space: nowrap;
}

.noUppercase {
  text-transform: capitalize;
}

.rank1ttl::after {
  content: "\e908";
  display: inline-block;
  font-family: utIcon;
  font-weight: bold;
  left: 0;
  position: absolute;
  top: 1px;
}

.moreBtn_relative {
  margin: 4px 0 0 auto;
}

.lowerContents .boxArea_tieIn {
  margin-top: -30px;
  margin-bottom: 10px;
}

.hope_boxArea_artists {
  font-size: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.boxArea_rank1_img {
  height: auto;
  width: 100px;
  text-align: center;
}

.boxArea_rank1_img img {
  width: 100%;
}

.boxArea_rank_img {
  height: auto;
  width: 65px;
  text-align: center;
}

.boxArea_rank_img img {
  width: 100%;
}

.hopeRanking_rank1ttl {
  color: #5467b2;
  display: block;
  font-size: 2.6em;
  font-family: 'Fjalla One', sans-serif;
}

.hopeRanking_rank1ttl::after {
  content: "\e908";
  display: inline-block;
  font-family: utIcon;
  font-weight: bold;
  left: 0;
}

.hopeRanking_rankttl {
  color: #5467b2;
  display: block;
  font-size: 2em;
  font-family: 'Fjalla One', sans-serif;
}

.hopeRanking_rankttl::after {
  content: "\e908";
  display: inline-block;
  font-family: utIcon;
  font-weight: bold;
  left: 0;
}

.hopeRanking_hopeVotePointTxtWrap{
  text-align: right;
  padding-right: 8px;
}

.hopeRanking_hopeVotePointTxtinr {
  border-bottom: 8px solid #fef952;
  color: #5467b2;
  display: inline-block;
  font-style: italic;
  font-family: 'Dosis', Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2;
}

.hopeRanking_rank1_hopeVotePointTxt {
  font-size: 3em;
  letter-spacing: 3px;
}

.hopeRanking_hopeVotePointTxt {
  font-size: 2.5em;
  letter-spacing: 3px;
}

.ptTxt {
  font-size: 1.5em;
}

.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% - 20px);
  color: #5467b2;
}

.hopeRank .boxArea_tieIn {
  margin-top: -26px;
  margin-bottom: 10px;
}

.hopeRank .boxArea_artists {
  font-size: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/****************omoiRanking▼▼ 20190124
*********************************/
.lowerContents [class^=feeling_] {
  margin-top: 0;
}

.indexTtl {
  background: #fff;
}

.indexTtl_feelingRank::before {
  content: "\e900";
}

.icoTxt_feelingRankIn {
  background: #f02361;
}

.icoTxt_feelingRankIn::before {
  color: #f02361;
}

.indexTtl_feelingRank,
.lnk_indexTtl_feelingRank,
.indexTtl_feelingRank::before {
  color: #f02361;
}


.tabLst {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.tabList_item {
  box-sizing: border-box;
  position: relative;
  text-align: center;
  width: calc((100% - 20px)/4);
}

.lnk_tabLst_item {
  background: #fff;
  border-radius: 4px;
  border: 2px solid #888;
  display: block;
  padding: 5px;
}

.lnk_tabLst_item::before {
  content: "\e904";
  display: inline-block;
  font-family: utIcon;
  font-size: 1.4em;
  line-height: 0;
  vertical-align: sub;
}

.tabList_item.active::after {
  border: 6px solid transparent;
  border-top: 8px solid #555;
  content: "";
  left: 50%;
  margin-left: -6px;
  position: absolute;
}

/*友情*/
.tabList_item:nth-of-type(1).active::after {
  border-top: 8px solid #FF685E;
}

.tabList_item:nth-of-type(1) .lnk_tabLst_item {
  border: 1px solid #FF685E;
  color: #FF685E;
}

.tabList_item:nth-of-type(1).active .lnk_tabLst_item {
  background: #FF685E;
  color: #fff;
}

.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;
}

.feeling_1 .rank1ttl {
  color: #FF685E;
  /*border-top-color: #FF685E;
  border-bottom-color: #FF685E;*/
}

.feeling_1 .icoTxt_feelingRank {
  background: #FF685E;
}

.feeling_1 .moreBtn_ranks {
  border: 1px solid #FF685E;
  color: #FF685E;
}

/*感動*/
.tabList_item:nth-of-type(2).active::after {
  border-top: 8px solid #5697d9;
}

.tabList_item:nth-of-type(2) .lnk_tabLst_item {
  border: 1px solid #5697d9;
  color: #5697d9;
}

.tabList_item:nth-of-type(2).active .lnk_tabLst_item {
  background: #5697d9;
  color: #fff;
}

.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;
}

.feeling_2 .rank1ttl {
  color: #5697d9;
  /*border-top-color: #5697d9;
  border-bottom-color: #5697d9;*/
}

.feeling_2 .icoTxt_feelingRank {
  background: #5697d9;
}

.feeling_2 .moreBtn_ranks {
  border: 1px solid #5697d9;
  color: #5697d9;
}

/*恋愛*/
.tabList_item:nth-of-type(3).active::after {
  border-top: 8px solid #f46b88;
}

.tabList_item:nth-of-type(3) .lnk_tabLst_item {
  border: 1px solid #f46b88;
  color: #f46b88;
}

.tabList_item:nth-of-type(3).active .lnk_tabLst_item {
  background: #f46b88;
  color: #fff;
}

.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;
}

.feeling_3 .rank1ttl {
  color: #f46b88;
  /*border-top-color: #f46b88;
  border-bottom-color: #f46b88;*/
}

.feeling_3 .icoTxt_feelingRank {
  background: #f46b88;
}

.feeling_3 .moreBtn_ranks {
  border: 1px solid #f46b88;
  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 {
  background: #d6bd23;
  color: #fff;
}

.tabList_item:nth-of-type(4) .lnk_tabLst_item {
  border: 1px solid #d6bd23;
  color: #d6bd23;
}

.tabList_item:nth-of-type(4).active .lnk_tabLst_item::before {
  color: #fff;
}

.feeling_4 .feelTtl {
  color: #d6bd23;
}

.feeling_4 .rank1ttl {
  color: #d6bd23;
  /*border-top-color: #d6bd23;
  border-bottom-color: #d6bd23;*/
}

.feeling_4 .icoTxt_feelingRank {
  background: #d6bd23;
}

.feeling_4 .moreBtn_ranks {
  border: 1px solid #d6bd23;
  color: #d6bd23;
}
/*タブ切り替えここまで*/



/****************reviewRanking▼▼ 20190125
*********************************/
.withinWrap {
  margin-top: 20px;
}

.boxArea_reviewRank {
  padding-bottom: 10px;
}


.indexTtl_reviewRank {
  font-size: 16px;
}

.indexTtl_reviewRank::before {
  content: "\e91b";
}

.icoTxt_reviewRankIn {
  background: #f5a21b;
}

.icoTxt_reviewRankIn::before {
  color: #f5a21b;
}

.indexTtl_reviewRank,
.lnk_indexTtl_reviewRank,
.indexTtl_reviewRank::before {
  color: #f5a21b;
  width: auto;
}

.lnk_indexTtl_review {
  position: absolute;
  right: 4px;
  bottom: 5px;
  color: #0044cc;
  font-size: 0.95em;
}

.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;
}

.review_boxArea:not(:nth-of-type(1)) {
  border-top: 1px solid #ddd;
  padding-top: 10px;
  margin-top: 10px;
}

/*レビューのところ*/
.reviewWrap {
  display: flex;
  padding: 0 10px;
}

.reviewIco {
  position: relative;
  width: 70px;
}

[class*=gender_] .reviewIco::before {
  content: "\e900";
  color: #ddd;
  font-family: utIcon;
  font-size: 3em;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
  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 {
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 10px;
  max-width: calc(100% - 90px);
  padding: 10px;
  position: relative;
  width: calc(100% - 90px);
}

.reviewContents::before {
  /*border-top: 8px solid #FF685E;*/
  border: 8px solid transparent;
  border-right: 16px solid #ddd;
  content: "";
  left: -24px;
  top: 20px;
  position: absolute;
}

.reviewContents::after {
  border-top: 8px solid #fff;
  border: 8px solid transparent;
  border-right: 16px solid #fff;
  content: "";
  left: -22px;
  top: 20px;
  position: absolute;
}

.reviewHeader {
  padding: 5px 0;
}

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

.reviewName {
  float: left;
}

.reviewTime {
  color: #999;
  font-family: 'Quicksand', sans-serif;
  letter-spacing: 1px;
  text-align: right;
  float: right;
}

.reviewDisc {
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

.reviewDisc > * {
  word-break: break-word;
}

.reviewName {
  color: pink;
  font-weight: bold;
  font-size: 1.1em;
  letter-spacing: 1px;
}

.gender_1 .reviewName {
  color: #2d99e7;
}

.gender_2 .reviewName {
  color: #ff80c2;
}

.gender_3 .reviewName {
  color: #ffc107;
}

.reviewComment {
  color: #4a4545;
  line-height: 2;
}

.btn__flexbox {
  display: flex;
  justify-content: space-between;
  padding: 5px 0 0 0;
}

.report__btn {
  border-bottom: solid 0.5px #ddd;
  padding: 2.5px 0 0 0;
  opacity: 0.5;
}

.reaction__btn {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.toggle__good,.toggle__bad {
  width: 18px;
}

.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;
}

.more_Btn_review {
  background: #f5a21b;
  border-radius: 50px;
  border-bottom: 2px solid #ddd;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  margin: auto;
  padding: 10px;
  text-align: center;
  width: calc(100% - 20px);
}

.reviewTtl {
  color: #f5a21b;
}

.reviewTtl--lyric {
  color: #f02361;
}

.reviewTtl--artist {
  color: #3faba3;
}

.reviewTtl--news {
  color: #5467B2;
}

.reviewTtl--specialArticle {
  color: #ad64be;
}

.reviewNotice {
  color: #eee;
  margin-top: 8px;
  margin-bottom: 2px;
}

.reviewNotice a {
  color: #e80;
}

.reviewRecaptchaNotice {
  margin-top: 8px;
  color: #aaa;
  text-align: right;
  font-size: 0.9em;
}

.reviewRecaptchaNotice a {
  color: #aaa;
  font-size: 0.8em;
}

.clipTxt {
  position: absolute;
  clip: rect(80px, 80px, 80px, 80px);
}

.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 {
  border: 1px solid #f5a21b;
  color: #f5a21b;
}

.moreBtn_reviewRanks--lyric {
  border: 1px solid #f02361;
  color: #f02361;
}

.linkBtn--lyricTag {
  background-color: #fff;
  border-color: #3faba3;
  color: #3faba3;
}


/****************公開前歌詞▼▼ 20190128
*********************************/
.txtIco_wrap {
  margin-bottom: 5px;
}

.lyricTtl {
  background: #fff;
  border-top: 4px solid #555;
  border-bottom: 1px solid #ddd;
  color: #2AA29A;
  font-weight: bold;
  letter-spacing: 1px;
  overflow: hidden;
  padding: 10px;
}

.lyricTtl_mainTxt {
  font-size: 1.6em;
  line-height: 1.2;
  word-break: break-all;
}

.lyricTtl_afterTxt {
  font-size: 1rem;
}

.lowerContents .boxArea_ttlTieIn {
  color: #888;
  margin: 0;
}


.lyricData {
  background: #fff;
  border-bottom: 1px solid #ddd;
}

.gaugeWrap {
  background: #fff;
}

.gaugeLst {
  border-collapse: separate;
  border-spacing: 5px;
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}

.gaugeLst span {
  border-radius: 3px;
  color: #bbb;
  display: table-cell;
  line-height: 2;
  position: relative;
  vertical-align: middle;
}

.voteBtn {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  font-family: utIcon;
}

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

.voteBtn::before {
  font-size: 1.5em;
  left: 50%;
  margin-left: -0.5em;
  top: 6px;
}

.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 {
  background-image: url(/images/sp/graph.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  margin: auto;
  right: 0;
  top: 5px;
  width: 20px;
}


.gaugeLst .voted[data-type="1"]  {
  background: #FF685E;
  border-color: #FF685E;
  color: #fff;
}

.gaugeLst .voted[data-type="2"]  {
  background: #5697d9;
  border-color: #5697d9;
  color: #fff;
}

.gaugeLst .voted[data-type="3"]  {
  background: #f46b88;
  border-color: #f46b88;
  color: #fff;
}

.gaugeLst .voted[data-type="4"]  {
  background: #d6bd23;
  border-color: #d6bd23;
  color: #fff;
}

.gaugeLst .openVoteResult {
  background: #555;
}

.gaugeLst .openVoteResult a {
  color: #fff;
}

.gaugeLst_youtubeLink {
  width: 70px;
}

.lnk_gaugeLst_youtubeLink {
  background: #e80;
  border-radius: 3px;
  color: #fff;
  display: block;
  padding: 2px;
  min-height: 45px;
}

.lnk_gaugeLst_youtubeLink::after {
  bottom: 6px;
  color: #fff;
  content: "\e920";
  font-family: utIcon;
  font-size: 1.5em;
  line-height: 1.1;
  left: 0;
  margin-left: -0.5em;
  margin: auto;
  position: absolute;
  right: 0;
}

.lyricBody {
  background: #fff;
  padding: 10px;
}

[class^=lnk_lyric] {
  border-radius: 30px;
  display: block;
  font-size: 15px;
  padding: 6px;
}

[class^=lnk_lyric] + [class^=lnk_lyric] {
  margin-top: 10px;
}

.lyricBody--darkMode {
  background: #343330;
  color: #EEE;
}

.lnk_lyricComment {
  background: #2aa29a;
  border: 2px solid #2aa29a;
  color: #fff;
}

.lnk_lyricVote {
  background: #a1dc3c;
  color: #fff;
}

.lnk_lyricReview {
  background: #f5a21b;
  border: 2px solid #f5a21b;
  color: #fff;
}




/****************公開後歌詞▼▼ 20190129
*********************************/
.hopeVoteWrap {
  background: #fff;
  padding: 10px 10px 20px;
}

.hopeVoteMessage {
  font-size: 1.2em;
  line-height: 2;
  margin: 20px 0;
  text-align: center;
  font-weight: bold;
}

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

.hopeVoteTimeWrap {
  position: relative;
  height: 50px;
}

.hopeVoteTimeWrap::after {
  border: 1px solid #5467b2;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 16px;
}

.hopeVoteTime {
  background: #fff;
  border: 2px solid #5467b2;
  border-radius: 20px;
  box-sizing: border-box;
  color: #5467b2;
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  font-family: 'Quicksand', sans-serif;
  left: 0;
  letter-spacing: 1px;
  margin: auto;
  padding: 5px 20px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 220px;
  z-index: 2;
}

.hopeVoteTtlTxt {
  color: #5467b2;
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
}

.hopeVotePointTxtWrap {
  border-bottom: 2px solid #5467b2;
  margin-bottom: 20px;
  text-align: center;
}

.hopeVotePointTxtinr {
  border-bottom: 8px solid #fef952;
  color: #5467b2;
  display: inline-block;
  font-style: italic;
  font-family: 'Dosis', Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
}

.hopeVotePointTxt {
  font-size: 7em;
  letter-spacing: 3px;
}

.ptTxt {
  font-size: 2em;
}

.hopeVoteBtn {
  background: #5467b2;
  border: 2px solid #5467b2;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 15px;
  padding: 6px;
  width: 100%;
}

.hopeVoteBtn + .lnk_lyricReviewBtn {
  margin-top: 10px;
}

.lnk_lyricReviewBtn {
  background: #fff;
  border: 2px solid #5467b2;
  color: #5467b2;
  text-align: center;
}

.mainAreas + .hopeRank {
  margin-top: 14px;
}

.lowerContents .threeToOneRectangleBanner {
  background: none;
}

/****************公開後歌詞▼▼ アルファ版 20201101
*********************************/
.newLyricFont__size {
  padding: 8px 10px 4px;
  border-radius: 3px;
  display: table-cell;
  background-color: #fff;
}

.newLyricFont__size + .newLyricFont__size {
  width: 33%;
}

.hopeVote_indexTtl {
  align-items: center;
  border-top: 4px solid #555;
  border-bottom: 1px solid #eee;
  padding: 18px 10px;
  position: relative;
}

.newHopeVoteWrap {
  background: #fff;
  padding: 0px 10px 20px;
}

.hopeVoteLyricInfo {
  font-size: 1.2em;
  line-height: 2;
  margin: 5px 0;
  text-align: center;
  font-weight: bold;
}

.hopeVoteLyricInfoWrap {
  border-top: 2px solid #5467b2;
  margin-top: 20px;
  border-bottom: 2px solid #5467b2;
  margin-bottom: 20px;
  text-align: center;
}

.newIndex .youtube {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}


/****************movie▼▼ 20190129
*********************************/

.movie_subTtl {
  background: #333;
  font-size: 1.4em;
  font-family: 'Quicksand', sans-serif;
  color: #fff;
  letter-spacing: 1px;
  padding: 10px;
}

.movieAreas,
.movieAreas .billboard {
  background: #fff;
}

.indexTtl_hope {
  color: #5467b2;
}

.indexTtl_hope::before {
  content: "\e91d";
}

.indexTtl_hope,
.lnk_indexTtl_hope,
.indexTtl_hope::before {
  color: #5467b2;
}

.hopeVoteMsgTtl {
  border-top: 2px solid #5467b2;
  border-bottom: 2px solid #5467b2;
  color: #5467b2;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 20px;
  padding: 5px;
  text-align: center;
}

.lnk_moreHope {
  background: #fff;
  border: 2px solid #5467b2;
  border-radius: 30px;
  color: #5467b2;
  display: block;
  font-size: 15px;
  margin: 10px 0;
  padding: 6px;
  text-align: center;
}

.lnk_moreReview {
  background: #fff;
  border: 2px solid #f5a21b;
  border-radius: 30px;
  color: #f5a21b;
  display: block;
  font-size: 15px;
  margin: 10px 0;
  padding: 6px;
  text-align: center;
}

/*みんなの気持ちコーナー*/
.indexTtl_feel::before {
  content: "\e919";
}

.indexTtl_feel,
.lnk_indexTtl_feel,
.indexTtl_feel::before {
  color: #f02361;
  letter-spacing: 1px;
  width: auto;
}

.voteResultBarGraph .bar {
  border-bottom: 3px solid #ddd;
  color: #fff;
  font-family: 'Dosis', sans-serif;
  font-style: italic;
  font-size: 1.2em;
  font-weight: 600;
  height: 21px;
  padding: 18px 0;
}

.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 {
  display: flex;
  justify-content: space-between;
}

.voteResultBarGraph_info_Item::before {
  background: #ddd;
  border-radius: 2px;
  content: "";
  display: inline-block;
  height: 15px;
  margin-right: 5px;
  vertical-align: sub;
  width: 15px;
}

.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;
}

.lnk_morefeeling {
  border: 2px solid #f02361;
  border-radius: 50px;
  color: #f02361;
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 10px;
  padding: 10px;
  text-align: center;
}

.more_Btn_topic {
  background: #f02361;
  border-radius: 50px;
  border-bottom: 2px solid #ddd;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  margin: 10px auto auto;
  padding: 10px;
  position: relative;
  text-align: center;
  width: calc(100% - 20px);
  text-decoration: none !important;
}

.more_Btn_topic::before,
.more_Btn_topic::after {
  color: #fff;
  content: "\e604";
  font-family: utIcon;
  font-size: .9em;
  position: absolute;
  top: 11px;
}

.more_Btn_topic::before {
  left: 20px;
}

.more_Btn_topic::after {
  right: 20px;
}

.notyet_info {
  margin: 50px 0;
  text-align: center;
}


/*form*/
.newCommentFormWrap {
  background: #333;
  margin: 10px 0;
  padding: 20px 10px 10px;
}

.reviewRegister_nickname {
  color: #fff;
}

.commentFormWrap {
  background: #333;
  padding: 20px 10px 10px;
  margin: 10px 0;
}

.commentForm * {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  font-family: monospace;
  border: none;
  outline: none;
}

.reviewForm_ttl {
  color: #ddd;
  font-size: 1.2em;
  margin-bottom: 5px;
}

.reviewSubmit {
  background: #ff5b4f;
  border-radius: 5px;
  color: #fff;
  margin-top: 10px;
  padding: 14px;
  text-align: center;
  width: 100%;
  font-size: 1.4em;
}

.reviewTextarea {
  font-size: 1.4em;
  box-sizing: border-box;
  border-radius: 5px;
  color: #333;
  height: 10em;
  line-height: 1.5;
  padding: 10px;
  width: 100%;
}

.reviewRegister {
  background: #fff;
  border: 2px solid #f5a21b;
  border-radius: 10px;
  margin-top: 10px;
  padding: 10px;
  position: relative;
}

.reviewRegister::before {
  border: 6px solid transparent;
  border-bottom: 14px solid #fff;
  content: "";
  left: 82px;
  position: absolute;
  top: -20px;
  z-index: 1000;
}

.reviewRegister::after {
  border: 8px solid transparent;
  border-bottom: 16px solid #f5a21b;
  content: "";
  left: 80px;
  top: -26px;
  position: absolute;
}

.reviewRegisterTtl {
  color: #f5a21b;
  text-align: center;
  font-weight: 600;
  font-style: italic;
  font-size: 3.4em;
  line-height: .8;
  font-family: 'Dosis', sans-serif;
  margin: 20px;
}

.reviewRegisterTtl_small {
  font-size: .8rem;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  margin-top: -4px;
}

.reviewRegister_note {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  color: #777;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
}

.reviewWindow_close {
  background: #fff;
  border-top: 1px solid #ddd;
  color: #777;
  margin-top: 20px;
  padding: 20px 10px 10px;
  width: 100%;
}

.reviewWindow_close::before {
  content: "\e60c";
  color: #555;
  display: inline-block;
  font-family: utIcon;
  font-size: 1.2em;
  line-height: 0;
  margin-right: 6px;
  margin-top: -4px;
  vertical-align: middle;
}

#postReviewRegister {
  display: none;
}

.reviewRegister_items {
  margin-bottom: 10px;
}

.reviewRegister_item {
  margin-bottom: 10px;
}

.reviewRegister_itemTtl {
  color: #f5a21b;
  font-weight: bold;
  font-size: 1.1em;
  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 {
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  padding: 10px 5px;
  text-align: center;
  width: 100%;
}

.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"] {
  border: 2px solid #6bbbec;
  color: #6bbbec;
}

.radioLst_gender_item input[type="radio"]:checked + label[for="genderMen"] {
  background: #6bbbec;
}

.radioLst_gender_item label[for="genderWomen"] {
  border: 2px solid #ffb2c1;
  color: #ffb2c1;
}

.radioLst_gender_item input[type="radio"]:checked + label[for="genderWomen"] {
  background: #ffb2c1;
}

.radioLst_gender_item label[for="genderOther"] {
  border: 2px solid #99d64a;
  color: #99d64a;
}

.radioLst_gender_item input[type="radio"]:checked + label[for="genderOther"] {
  background: #99d64a;
}

.reviewRegister_item input[type="text"]{
  background: #ededec;
  border-radius: 5px;
  box-sizing: border-box;
  color: #777;
  height: 40px;
  padding: 10px;
  width: 100%;
}

/*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"] {
  border: 2px solid #ffb052;
  color: #ffb052;
}

.radioLst_age_item input[type="radio"]:checked + label[for="age10"] {
  background: #ffb052;
}

.radioLst_age_item label[for="age20"] {
  border: 2px solid #ffb2c1;
  color: #ffb2c1;
}

.radioLst_age_item input[type="radio"]:checked + label[for="age20"] {
  background: #ffb2c1;
}

.radioLst_age_item label[for="age30"] {
  border: 2px solid #6bbbec;
  color: #6bbbec;
}

.radioLst_age_item input[type="radio"]:checked + label[for="age30"] {
  background: #6bbbec;
}

.radioLst_age_item label[for="age40"] {
  border: 2px solid #99d64a;
  color: #99d64a;
}

.radioLst_age_item input[type="radio"]:checked + label[for="age40"] {
  background: #99d64a;
}

.radioLst_age_item label[for="age50"] {
  border: 2px solid #cabbec;
  color: #cabbec;
}

.radioLst_age_item input[type="radio"]:checked + label[for="age50"] {
  background: #cabbec;
}
/*age fin*/


.lyric_txtTtl {
  border-top: 4px solid #555;
  border-bottom: 1px solid #ddd;
  background: #fff;
  font-size: 1.4em;
  font-weight: bold;
  padding: 15px;
}

.lyricFurigana {
  border-top: 1px solid #ddd;
  background: #fff;
  padding-top: 7px;
  margin-top: 5px;
  text-align: right;
  color: #888;
  font-size: 0.8em;
}



/****************movie▲▲
*********************************/










/**以下消す予定*******************************/

/** --------------------------------------------------------------------------------
 * コメント入力
 */
 /*
 .commentBalloon__posn {
  position: relative;
}

.commentBalloon {
  background-color: #fff;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 15px;
  border: solid 2px #f5a21b;
  border-radius: 7px;
  -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
       -o-border-radius: 7px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
  position: relative;
}

.commentBalloon__posn .commentBalloon {
  min-width: 300px;
}

* + .commentBalloon {
  margin-top: 15px;
}

.noItem + .commentBalloon {
  margin-top: 65px;
}

.commentBalloon__posn .commentBalloon {
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  z-index: 999;
}

.commentBalloon__posn * + .commentBalloon {
  margin-top: 0;
}

.commentBalloon:before ,
.commentBalloon:after {
  content: " ";
  width: 0;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-width: 26px 12px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9999;
}

.commentBalloon:before {
  border-color: transparent transparent #f5a21b transparent;
  top: -52px;
}

.commentBalloon:after {
  border-color: transparent transparent #fff transparent;
  top: -46px;
}

.commentBalloon--noArrow:before ,
.commentBalloon--noArrow:after {
  content: none;
}


.commentBalloon__item + .commentBalloon__item {
  margin-top: 15px;
  padding-top: 15px;
  border-top: dotted 2px #ddd;
}

/* 応援ありがとう */
/*
.commentBalloon__thx {
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  color: #f5a21b;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin: 0 -15px;
}

.commentBalloon__thx span:before ,
.commentBalloon__thx span:after {
  font-family: 'icomoon';
  font-size: 26px;
  font-weight: normal;
  vertical-align: bottom;
  display: inline-block;
}

.commentBalloon__thx span:before {
  content: "\e906";
  margin-right: 2px;
}

.commentBalloon__thx span:after {
  content: "\e907";
  margin-left: 2px;
}
*/
/* テキスト */
/*.commentBalloon__text {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: .1em;
}

.commentBalloon__text + .commentForm {
  margin-top: 15px;
}
*/
/* 注釈 */
/*.commentBalloon__text__notes {
  font-size: 12px;
  font-weight: normal;
  display: block;
}

*/

/** --------------------------------------------------------------------------------
 * コメント入力フォーム
 */
 /*
.commentForm form * {
  appearance: none;
  -webkit-appearance: none;
     -moz-appearance: none;
       -o-appearance: none;
  font-family: monospace;
  border: none;
  outline: none;
}

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

.commentForm__item + .commentForm__item {
  margin-top: 10px;
}

.commentForm__item__cell {
  vertical-align: bottom;
  display: table-cell;
}

.commentForm__item__float {
  width: 55%;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
}

.commentForm__item__float + .commentForm__item__float {
  width: 45%;
  padding-left: 5px;
}
:?
/* 見出し */
.commentForm__item__title {
  width: 100%;
  display: block;
}

/* radio */
.commentForm__radioContents {
  margin: 0 -5px;
}

.commentForm__radioList {
  width: 100%;
  display: table;
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 5px 0;
}

.commentForm__radioList__item {
  vertical-align: middle;
  display: table-cell;
}

.commentForm__radioList__item input[type="radio"] {
  display: none;
}

.commentForm__radioList__item label {
  color: #fff;
  text-align: center;
  background-color: #ccc;
  padding: 5px 0;
  width: 100%;
  height: 31px;
  display: block;
  border: solid 1px #999;
  border-radius: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
}

.commentForm__radioList__item input[type="radio"]:checked + label {
  background-color: #fcfcfc;
}

/* 男性 */
.commentForm__radioList__item label[for="genderMen"] {
  background-color: #6bbbec;
  border-color: #6bbbec;
}

.commentForm__radioList__item input[type="radio"]:checked + label[for="genderMen"] {
  color: #6bbbec;
}

/* 女性 */
.commentForm__radioList__item label[for="genderWomen"] {
  background-color: #ffb2c1;
  border-color: #ffb2c1;
}

.commentForm__radioList__item input[type="radio"]:checked + label[for="genderWomen"] {
  color: #ffb2c1;
}

/* その他 */
.commentForm__radioList__item label[for="genderOther"] {
  background-color: #99d64a;
  border-color: #99d64a;
}

.commentForm__radioList__item input[type="radio"]:checked + label[for="genderOther"] {
  color: #99d64a;
}

/* 10代 */
.commentForm__radioList__item label[for="age10"] {
  background-color: #ffb052;
  border-color: #ffb052;
}

.commentForm__radioList__item input[type="radio"]:checked + label[for="age10"] {
  color: #ffb052;
}

/* 20代 */
.commentForm__radioList__item label[for="age20"] {
  background-color: #ffb2c1;
  border-color: #ffb2c1;
}

.commentForm__radioList__item input[type="radio"]:checked + label[for="age20"] {
  color: #ffb2c1;
}

/* 30代 */
.commentForm__radioList__item label[for="age30"] {
  background-color: #6bbbec;
  border-color: #6bbbec;
}

.commentForm__radioList__item input[type="radio"]:checked + label[for="age30"] {
  color: #6bbbec;
}

/* 40代 */
.commentForm__radioList__item label[for="age40"] {
  background-color: #99d64a;
  border-color: #99d64a;
}

.commentForm__radioList__item input[type="radio"]:checked + label[for="age40"] {
  color: #99d64a;
}

/* 50代 */
.commentForm__radioList__item label[for="age50"] {
  background-color: #cabbec;
  border-color: #cabbec;
}

.commentForm__radioList__item input[type="radio"]:checked + label[for="age50"] {
  color: #cabbec;
}

/* input text */
.commentForm__inputText input[type="text"] {
  background-color: #ededec;
  width: 100%;
  height: 31px;
  padding: 9px 10px;
  border-radius: 5px;
  box-sizing: border-box;
}

/* textarea */
.commentForm__textarea {
  line-height: normal;
}

.commentForm__textarea textarea {
  line-height: 1.25;
  background-color: #ededec;
  width: 100%;
  height: 10em;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  resize: none;
}

/* 送信する */
.commentForm__submit {
  padding: 0 2px 2px 0;
}
.commentForm__item__cell.commentForm__submit {
  width: 60px;
  padding-left: 5px;
}

.commentForm__submit button {
  color: #fff;
  font-size: 16px;
  text-align: center;
  text-indent: .05em;
  letter-spacing: .05em;
  background-color: #f5a21b;
  width: 100%;
  height: 29px;
  padding: 0;
  border: solid 1px #fff;
  border-radius: 5px;
  box-shadow: 2px 2px 0 #968c85;
  box-sizing: border-box;
}

/* 閉じる */
.commentBalloon__close {
  text-indent: .08em;
  letter-spacing: .08em;
  text-align: center;
  margin-top: 20px;
  padding: 2px 10px;
  border: dotted 2px #ddd;
}

.commentBalloon__close span {
  padding-left: 22px;
  display: inline-block;
  position: relative;
}

.commentBalloon__close span:before ,
.commentBalloon__close span:after {
  width: 15px;
  height: 15px;
  margin: auto 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.commentBalloon__close span:before {
  content: " ";
  background-color: #666;
  border-radius: 50px;
}

.commentBalloon__close span:after {
  content: "×";
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}

/* 新着コラム */

.newColumn {
  margin-top: 14px;
  background: #ffffff;
}

.newColumn_indexTtl {
  font-size: 1.3em;
  font-weight: bold;
  border-top: 4px solid #555;
  border-bottom: 1px solid #ddd;
  padding: 14px;
}

.lnk_moreColumn {
  padding: 10px;
}

.lnk_moreColumn a {
  border: 2px solid #555;
  border-radius: 50px;
  color: #555;
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  padding: 10px;
  text-align: center;
}

/****************LINE 歌詞▼▼ 20190305
*********************************/
.lnk_moreArtist_lyric {
  border: 2px solid #e80;
  box-sizing: border-box;
  color: #e80;
  margin: auto;
  width: calc(100% - 20px);
}





/****************広告▼▼ 20190227
*********************************/





[id^="logly-lift_reccomend_"],
[id^="logly-lift-"],
[class^="xlift_"],
#_popIn_recommend {
  background: #fff;
  margin-top: 14px;
}

[id^="logly-lift_reccomend_"]::before,
[class^="xlift_"]::before {
  background: #fff !important;
  border-top: 4px solid #555 !important;

  content: 'あなたにおすすめの歌詞';
  color: #555 !important;
  display: block;
  font-size: 1.3em !important;
  padding: 14px !important;
}

[id^="logly-lift_reccomend_"]::before {
  border-bottom: none !important;
}

._popIn_recommend_header {
  display: block;
  padding: 14px !important;
  font-size: 1.3em !important;
  line-height: 1.5;
  border-top: 4px solid #555 !important;
  background: #fff !important;
  color: #555 !important;
}

/*
[class^="xlift_"]::before {
  border-bottom: 1px solid #ddd;
}
*/
/*

.lyric_txtTtl {
  border-top: 4px solid #555;
  border-bottom: 1px solid #ddd;
  background: #fff;
  font-size: 1.4em;
  font-weight: bold;
  padding: 15px;
}



[class^="xlift_"] {
  margin-bottom: 40px !important;
  border: 1px solid #ddd;
  border-top: 4px solid #555;
}

[class^="xlift_"]::before {
  border-top: none !important;
  color: #555 !important;
  margin: 0 0 10px !important;
  padding: 14px !important;
}

#_popIn_recommend_div ._popIn_recommend_header,
.logly-lift-widget-header {
  background: #fff;
  border-top: none !important;
  color: #555 !important;
  margin: 0 0 10px !important;
  padding: 14px !important;
}

#logly-lift-widget {
  border: 1px solid #ddd;
  border-top: 4px solid #555;
  margin-top: 20px;
}

*/


/** --------------------------------------------------------------------------------
 * 縦リスト 201904
 */

.indexTtl + .articleList {
  margin-top: -10px;
}

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

.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;
  -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
       -o-transition: all .5s ease;
          transition: all .5s ease;
}

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

.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-weight: bold;
}

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

.articleList__ttl {
  font-size: 14px;
  word-break: break-all;
  word-wrap: break-word;
  display: inline-block;
  position: relative;
}

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

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

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

.articleList__view {
  color: #999;
  font-size: 12px;
  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__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%;
}

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

/* pick up */
.pickupList .articleList__main {
  vertical-align: middle;
}

.pickupList .articleList__sub {
  width: 40%;
}


/** --------------------------------------------------------------------------------
 * カラーセット 201904
 */
/* pink */
.contentColor--style01 .contentHead__ttl ,
.contentColor--style01 .contentHead__view a ,
.contentColor--style01 .articleList__view ,
.contentColor--style01 .articleTag {
  color: #f02361;
}

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

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

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

/* bluegreen */
.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;
}

/* violet */
.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;
}

/* blue */
.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;
}


/** --------------------------------------------------------------------------------
 * ボタン 201904
 */
.btnList {
  margin: 0 -5px -5px;
  margin-top: 10px;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  .btnList {
    margin: 0 -2.5px -5px;
    margin-top: 10px;
  }
}

.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;
}
@media screen and (max-width: 600px) {
  .btnList__item {
    padding: 0 2.5px;
  }
}

/* 4-2box */
.btnList__box4-2 .btnList__item {
  width: 25%;
}
@media screen and (max-width: 600px) {
  .btnList__box4-2 .btnList__item {
    width: 50%;
  }
}

.btnList__item a {
  color: #e80;
  font-size: 13px;
  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: 10px 0;
  padding: 10px;
  border: solid 1px #ccc;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.artistCard a {
  text-decoration: none;
}

.artistCard__head {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  direction: rtl;
}

.artistCard__name ,
.artistCard__thumb {
  vertical-align: middle;
  display: table-cell;
}

.artistCard__name {
  padding-left: 15px;
  direction: ltr;
}

.artistCard__name a {
  color: #0044cc;
  font-size: 16px;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  text-decoration: underline;
}

.artistCard__thumb {
  height: 87px;
  width: 40%;
  max-width: 300px;
}

.artistCard__thumb img {
  max-width: 100%;
  max-height: 100%;
}

.artistCard__text {
  font-size: 13px;
  max-height: 6em;
  margin-top: 10px;
  overflow: hidden;
}

.artistCard__btn {
  margin: 0 -3px;
  margin-top: 10px;
  overflow: hidden;
}

@media screen and (max-width: 600px) {
.artistCard__btn {
    margin: 0 -2.5px -5px;
    margin-top: 10px;
  }
}

.artistCard__btn__item {
  width: 25%;
  padding: 0 3px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
       box-sizing: border-box;
}

@media screen and (max-width: 600px) {
  .artistCard__btn__item {
    width: 50%;
    margin-bottom: 5px;
    padding: 0 2.5px;
  }
}

.artistCard__btn__item a {
  font-size: 13px;
  text-align: center;
  text-indent: .05em;
  letter-spacing: .05em;
  padding: 3px 10px;
  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;
  overflow: hidden;
}

.artistTheme__head {
  text-align: center;
  padding: 10px 10px 0;
  border-bottom: solid 6px;
}

.artistTheme__head img {
  width: 100%;
}

.artistTheme__desc {
  font-size: 1.2em;
  text-indent: .01em;
  letter-spacing: .01em;
  padding: 10px;
  display: block;
}

.artistTheme__desc h1 {
  font-size: 1.8em;
}

.artistTheme__desc h2 {
  font-size: 1.6em;
}

.artistTheme__desc h3 {
  font-size: 1.4em;
}

.artistTheme__title {
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  text-indent: 0.15em;
  letter-spacing: 0.15em;
  padding: 12px 0;
  border-bottom: solid 1px;
}

.artistTheme__list {
  margin-bottom: -1px;
  padding-left: 10px;
  overflow: hidden;
}

.artistTheme__item {
  padding: 20px 0;
  padding-right: 10px;
  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: -300%;
}

@media screen and (min-width: 601px) { /*601以上*/
  .artistTheme__item {
    width: 33.3%;
  }
}
@media screen and (max-width: 600px) { /*600以下*/
  .artistTheme__item {
    width: 50%;
  }
}

@media screen and (min-width: 601px) {  /*601以上*/
  .artistTheme__item:nth-of-type(3n+1) {
    clear: both;
  }
}

@media screen and (max-width: 600px) { /*600以下*/
  artistTheme__item:nth-of-type(2n+1) {
    clear: both;
  }
}

.artistTheme__info {
  margin-top: 10px;
  padding-bottom: 6.7em;
  position: relative;
}

.artistTheme__thumb img {
  width: 100%;
}

.artistTheme__name {
  font-size: 1.4em;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
  padding-left: 7px;
  display: block;
  border-left: solid 5px;
}

.artistTheme__text {
  color: #555;
  font-size: 1.3em;
  word-break: break-all;
  word-wrap: break-word;
  height: 4.4em;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}


/* テーマカラー */
/* 黒ベース01/オレンジ */
.artistTheme--col01 ,
.artistTheme--col01 .artistTheme__item a {
  color: #e80;
  border-color: #e80;
}

.artistTheme--col01 .artistTheme__head {
  color: #fff;
  background-color: #161616;
  border-color: #e80;
}

.artistTheme--col01 .artistTheme__desc h1 ,
.artistTheme--col01 .artistTheme__desc h2 ,
.artistTheme--col01 .artistTheme__desc h3 ,
.artistTheme--col01 .artistTheme__related a {
  color: #f5a21b;
}


/* 黒ベース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,
.artistTheme--col02 .artistTheme__related a {
  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,
.artistTheme--col03 .artistTheme__related a {
  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,
.artistTheme--col04 .artistTheme__related a {
  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,
.artistTheme--col05 .artistTheme__related a {
  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;
}

/* トップ */
.artistTheme .artistTheme__head--top {
  background: none;
  border-bottom: none;
}

.artistTheme__head--top .artistTheme__desc {
  background: #161616;
}

/* 広告 */
.artistTheme__ads {
  float: left;
  width: 100%;
  padding: 10px 5px 6px;
  border-bottom: 1px solid #ddd;
  margin-left: -10px;
}

.artistTheme__ads--gray {
  background: #ddd;
}

.artistTheme__related {
  padding: 5px;
  font-size: 13px;
}

.artistTheme__related dl dt {
  font-weight: bold;
}

.artistTheme__related dl dd {
  margin-top: 4px;
}


/** --------------------------------------------------------------------------------
 * sns
 */
.snsList {
  font-size: 0;
  max-width: 300px;
  display: block;
  margin: 0 auto;
}

.snsList__item {
  font-size: 10px;
  vertical-align: middle;
  width: 33.3%;
  padding: 0 5px;
  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;
}

.sns__faceBook a {
  background-color: #3b5998;
  border: solid #3b5998 1px;
}

.sns__twitter a {
  background-color: #343330;
  border: solid #bbbbbb 1px;
}

.sns__youTube a {
  background-color: #f00;
  border: solid #f00 1px;
}

.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";
}

/* 201904 */
.lyricsDate {
  color: #999;
  font-size: 11px;
}

/* 201905 ランキング用シェアボタン */
.snsShare {
  margin: 10px;
  overflow: hidden;
}

.snsShare__item {
  width: calc((100% - 10px) / 2);
  float: left;
}

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

.snsShare__item a {
  color: #fff;
  font-size: 1.1em;
  text-align: center;
  padding: 6px 10px;
  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";
}

.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: 8px 0;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.card .cardContent,
.card .cardImage {
  padding: 10px;
  display: table-cell;
  direction: ltr;
  vertical-align: top;
}

.card .cardImage img {
  max-width: 100%;
  margin: 0 auto;
}

.card .cardHeading {
  margin-bottom: 8px;
}

.card .cardContent {
  padding-left: 0;
  line-height: 1.1;
}

.card .cardTitle {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

.card .cardSubtitle {
  font-size: 12px;
  line-height: 1.4;
  color: #808080;
}

.card .cardImage {
  width: 100px;
  text-decoration: none;
}

.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;
}

.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 {
  box-sizing: border-box;
  width: 100%;
}

/* ライターランキング */

.reviewRankingTtl--writerRanking {
  display: flex;
  font-size: 12px;
}

.reviewRankingTtl--writerRanking h4 {
  flex-grow: 1;
  color: #000;
}

.reviewRankingTtl--writerRanking h4 span {
  display: block;
  font-weight: normal;
}

.reviewRankingTtl--writerRanking .navArrow {
  background: #D6A810;
  color: #fff;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 15px;
  position: relative;
  margin: 0 auto;
}

.reviewRankingTtl--writerRanking .navArrow.navArrow:before {
  display: block;
  font-family: "utIcon";
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.reviewRankingTtl--writerRanking .navArrow.navArrow__left:before{
  content: "\e6a2";
}

.reviewRankingTtl--writerRanking .navArrow.navArrow__right:before{
  content: "\e6a5";
}

.rank1ttl_reviewRank--writer {
  color: #D6A810;
}

.writerRank__profile {
  color: #888;
  margin-bottom: 20px;
}

.writerRank__linkSns {
  width: calc(80% - 120px);
  width: 150px;
}

.lst_boxArea--writerRank .moreBtn_ranks {
  width: 120px;
}

.writerRankCard .cardContent {
  color: #000;
}

.writerRankCard__title {
  font-weight: bold;
  margin: 8px 0;
}

.writerRankCard__date {
  color: #888;
}

.writerInfo__achievements {
  padding: 5px 0;
}

.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;
}

.writerInfo__label {
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 0.95em;
  font-weight: bold;
  padding: 1px 8px;
}

.writerInfo__label + .writerInfo__label {
  margin-top: 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;
}

.writerInfo__links {
  margin-top: 5px;
  font-weight: bold;
}

.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;
}

.indexTtl__writerInfo {
  color: #f5a21b;
  padding: 0 5px;
}

.writerInfo a {
  color: #0044cc;
}

.writerInfo__subTtl {
  color: #f5a21b;
  border-bottom: 1px solid #f5a21b;
}

.mvpWriter__month {
  color: #D6A810;
}

.mvpWriter__name {
  font-size: 1.2em;
}

.writer_rank_not_found {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.writer_rank_not_found a {
  color: #0044cc;
  font-size: 15px;
}

/* ライター詳細ページ　*/

.sp_writerInfo_ranking_lnk {
  color: #fff;
  background: #f5a21b;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 45px;
  border: 2px solid #f5a21b;
  border-radius: 50px;
}

.sp_writerInfo_ranking_lnk_wrapper {
  text-align:center;
  margin-bottom: 40px;
  margin-top: 40px;
}

/* 関連記事 */
.related__articlePager {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 6px 7px;
  background-color: #f2f2f0;
  text-align: center;
  height: 35px;
  display: relative;
  margin-left: calc( ( 100% - 100vw ) / 2 );
  margin-right: calc( ( 100% - 100vw ) / 2 );
}

.related__article {
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
}

.related__article p {
  background-color: #e80;
  color: #fff;
  display: inline-block;
  padding: 10px;
  width: auto;
  height: 13px;
  font-size: 15px;
  line-height: 14px;
  text-decoration: none;
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 10px;
}

/** --------------------------------------------------------------------------------
 * アーカイブ
 */
.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: 8.3333%;
  padding: 0 0 5px 5px;
  box-sizing: border-box;
}
@media screen and (max-width:768px) {
  .monthList__item {
    width: 16.6666%;
  }
}
@media screen and (max-width:600px) {
  .monthList__item {
    width: 25%;
  }
}
@media screen and (max-width:425px) {
  .monthList__item {
    width: 33.3333%;
  }
}

.monthList__item a {
  text-align: center;
  display: block;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 5px;
}

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

/** --------------------------------------------------------------------------------
 * 新：歌詞ページ
 */
.lowerContents--newLyric {
  background: #fff;
}

.newLyricTitle {
  padding: 10px 10px 0;
  border-top: 1px solid #eee;
  overflow: hidden;
  color: #2AA29A;
  font-weight: bold;
  letter-spacing: 1px;
}

.newLyricTitle_afterTxt {
  font-size: 1rem;
}

.newLyricTitle__sub {
  font-size: 0.9em;
  letter-spacing: normal;
}

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

.iconText {
  float: right;
  font-weight: bold;
  font-size: .7rem;
  letter-spacing: 1px;
}

.iconText__item {
  margin-left: 2px;
  padding: 1px 8px;
  border-radius: 2px;
  color: #fff;
  float: left;
  display: block;
  white-space: nowrap;
}

.iconText--new {
  background: #ff3b2d;
  text-transform: uppercase;
}

.iconText--pre {
  background: #28c4e5;
}

.iconText--fav {
  background: #ff2994;
}

.newLyricTitle__kana {
  overflow: hidden;
  line-height: 1.8;
  color: #888;
  font-size: 0.85em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newLyricTitle__main {
  line-height: 1.2;
  font-size: 1.6em;
  font-weight: bold;
  word-break: break-all;
}

.newLyricTitle__subTitle {
  margin-top: 3px;
  display: block;
  color: #888;
  font-size: 0.6em;
}

.newLyricTitle + .lyricData {
  padding: 6px 10px 10px;
}

.newLyricTitle + .lyricData .lyricData__sub {
  padding: 0 10px 0 0;
}

.newLyricTitle + .lyricData .releaseDate {
  color: #888;
}

.newLyricTitle + .lyricData .lyricWork {
  padding: 0;
}

.newLyricTitle + .lyricData .articleTitle__sub {
  margin-top: 0;
}

.newLyricSubpart {
  display: flex;
  height: 28px;
  margin-top: -1px;
  padding: 8px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-weight: bold;
}

@media only screen and (max-width: 320px) {
  .newLyricSubpart {
    font-size: 0.9em;
  }
}

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

.newLyricSubpart > li {
  padding: 0 10px;
  display: inline-block;
  flex-grow: 1;
}

.newLyricSubpart > li + li {
  border-left: 1px solid #eee;
}

.newLyricSubpart__icon {
  margin-right: 0.3em;
  -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: #f00;
}

.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;
}

.newLyricSubpart__iTunes .newLyricSubpart__icon {
  color: #000;
  margin-right: 4px;
  transform: rotate(90deg);
}

.newLyricSubpart__iTunes .newLyricSubpart__icon::before {
  content: '꓿';
  font-size: 1.4em;
}

.newLyricSubpart__iTunes .newLyricSubpart__icon--off {
  transform: none;
}

.newLyricSubpart__iTunes .newLyricSubpart__icon--off::before {
  content: '♪' !important;
  font-size: 1em;
}

.circle__icon {
  border-radius: 50%;
  border-width: 4px 0 4px 7px;
  border: 1px solid;
  width: 26px;
  height: 26px;
}

/* 動画 */
.newLyricVideo {
  padding-bottom: 6px;
  border-bottom: 1px solid #eee;
  background-color: #f2f2f0;
  font-size: 12px;
}

.newLyricVideo .bxslider {
  margin-bottom: 0;
  padding-bottom: 18px;
  overflow: hidden;
}

.newLyricVideo .slick-dots {
  bottom: -4px;
  background-color: #f2f2f0;
  padding-bottom: 3px;
}

.newLyricVideo__item > a {
  display: table;
  table-layout: fixed;
  width: 100%;
  direction: rtl;
  unicode-bidi: bidi-override;
}

.newLyricVideo__item > a > * {
  display: table-cell;
  padding: 10px 10px 2px;
  direction: ltr;
}

.newLyricVideo__main {
  vertical-align: middle;
}

.newLyricVideo__sub {
  padding-right: 0 !important;
  width: 130px;
  vertical-align: top;
}

.newLyricVideo__sub span {
  display: block;
  position: relative;
}

.newLyricVideo__sub span::before {
  content: "";
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 36px;
  height: 24px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  background-color: rgba(180,180,180,0.7);
}

.newLyricVideo__sub span::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: 5px 0 5px 8px;
  border-color: transparent transparent transparent #fff;
  opacity: 0.8;
}

.newLyricVideo__sub img {
  width: 100%;
  display: block;
}

.newLyricVideo #youtubeContainer {
  position: fixed;
  bottom: 0;
  left: 0;
  width:  100%;
  z-index: 300;
  overflow: visible;
}

#youtubeContainerClose {
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  right: 0;
  bottom: 100%;
  display: block;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4;
  background: rgba(0,0,0,0.7);
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  appearance: none;
  outline: none;
}

.toggleVideoPanel__close {
  display: table;
  position: relative;
  z-index: 0;
  margin: 0 auto;
  margin-top: 10px;
  padding: 0;
  padding-right: 1.5em;
  border: none;
  background-color: transparent;
  color: #04c;
  font-size: 14px;
  line-height: 1.5;
  outline: none;
}

.toggleVideoPanel__close:after {
  display: block;
  position: absolute;
  top: .25em;
  right: .45em;
  bottom: 0;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);
  width: .6em;
  height: .6em;
  margin: auto 0;
  border-right: 2px solid #04c;
  border-bottom: 2px solid #04c;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  content: " ";
  -webkit-transition: all .25s;
       -o-transition: all .25s;
          transition: all .25s;
}

.toggleVideoPanel__close:hover {
  cursor: pointer;
}


/* 広告 */

/* 歌詞表示切替 */
.newLyricSwitch {
  margin: 0 auto;
  padding: 0 8px;
  display: table;
  width: calc(100% - 16px);
  table-layout: fixed;
  text-align: center;
}

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

.newLyricSwitch__item > span {
  padding: 5px 4px;
  border-radius: 3px;
  border: 1px solid #ddd;
  display: block;
  line-height: 1.2;
}

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

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

/* tag */
.newLyricTag {
  margin: -10px 10px 5px 5px;
  text-align: right;
  line-height: 1.6;
}

.newLyricTag a {
  margin-left: 5px;
  color: #0044cc;
}

.relatedLink--newLyric {
  margin-top: 0;
}

/* 投票 */
.hopeVoteMessage--newLyric {
  margin: 15px 0 10px;
  line-height: 1.4;
}

/* シェアリンク */
.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 10px;
}

.newShareLink__item > a {
  padding: 7px 4px;
  border-radius: 3px;
  display: block;
  line-height: 1.2;
  color: #fff;
}

.newShareLink__item--twitter a {
  background-color: #343330;
}

.newShareLink__item--facebook a {
  background-color: #1877f2;
}

.newShareLink__item--line a {
  background-color: #00b900;
}

/* ランキング */
.newRanking {
  margin-top: 10px;
}

.newRanking__item {
  border-bottom: 1px solid #eee;
}

.newRanking__item a {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.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__title {
  font-size: 1.2em;
  font-weight: bold;
  overflow-wrap: break-word;
}

.newRanking__subTitle {
  margin-top: 4px;
  color: #888;
}

/* 特集 */
.newSpecialList {
  margin-top: -10px;
}

.newSpecialList__item {
  border-bottom: 1px solid #eee;
}

.newSpecialList__item a {
  display: table;
  table-layout: fixed;
  width: 100%;
  direction: rtl;
  unicode-bidi: embed;
}

.newSpecialList__item > a > * {
  display: table-cell;
  padding: 10px;
  direction: ltr;
}

.newSpecialList__sub {
  padding-right: 0 !important;
  width: 70px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
}

.newSpecialList__sub img {
  width: 100%;
}

.newSpecialList__main {
  vertical-align: middle;
}

.newSpecialList__title {
  font-size: 1.2em;
  font-weight: bold;
}

.newSpecialList__date {
  margin-top: 4px;
  color: #999;
  text-align: right;
}

.newSpecialList + .lnk_moreArtist_feature {
  margin: 10px;
}

/* この歌詞へのご意見 */
.lnk_lyricComment--newLyric {
  margin: 0 10px;
  text-align: center;
}

.lyricFont--new .lyricFont__size {
  padding: 8px 0px 4px;
}

/* lyricFont--new */
.lyricFont--new .lyricFont__size + .lyricFont__size {
  width: auto;
}

.lyricFont--new .lyricFont__body span {
  padding: 3px 0px;
}

/* 歌詞詳細 */
.lyricBody + .newLyricData {
  border-top: 1px solid #ddd;
  border-bottom: none;
}

.newLyricData {
  display: flex;
}

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

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

.newLyricData__main {
  flex-grow: 1;
}

.newLyricData__sub {
  padding: 10px;
  width: 65px;
}

.newLyricData__sub img {
  width: 100%;
}

/* 楽曲制作 */
.newLyricData--lyricDetail .lyricWork {
  padding-right: 136px;
  min-height: 41px;/* 作詞作曲などの登録が2項目以下の場合用補正 */
}

/* トップバナー */
.affiliateBanners {
  margin: 16px 0;
}

.affiliateBanners aside {
  padding: 0 6px;
}

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

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

.affiliateBanners aside img {
  display: block;
  margin: 0 auto;
  width: 100%;
  min-height: 74px;
}

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

.newsHeadImage {
  min-height: 350px;
}

.newsHeadImage img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  max-height: 330px;
}

.recommendAdTag {
  margin: 10px 8px;
  min-height: 500px;
}

.adMoveTag img {
  height: 313px;
}


/* --------------------------------------------------------------------------------
 * ▽202106
 */
/* =====================
  contentSection
===================== */
.contentSection {
  border-top: 1px solid #ddd;
}

.contentSection .snsShare {
  margin: 0;
  font-size: 13px;
}



/* =====================
  contentHeader
===================== */
.contentHeader {
  margin: 10px;
}


/*  contentHeader__item
------------------------*/
.contentHeader__item {
  margin-top: 5px;
}


/* =====================
  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: 16px;
}

.contentHeaderTitle__main:before {
  display: inline-block;
  margin-right: 10px;
  font-weight: normal;
  font-size: 2.5625em; /* 41px */
  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 {
  color: #d6a810;
}

.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;
}



/* =====================
  contentHeaderBtn
===================== */
.contentHeaderBtn button {
  margin: 0;
  padding: 6px 10px;
  border: none;
  border-radius: 5px;
  background-color: #e80;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.contentHeaderBtn button:before {
  display: inline-block;
  margin-right: 5px;
  margin-top: -.076923076em;
  font-weight: normal;
  font-size: .85em;
  font-family: utIcon;
  content: "\e630";
}

/* contentHeaderBtn--featureNews */
.contentHeaderBtn--featureNews button {
  background-color: #5467B2;
}

/* contentHeaderBtn--featureColumn */
.contentHeaderBtn--featureColumn button {
  background-color: #ad64be;
}


/* =====================
  contentHeaderArchive
===================== */
.contentHeaderArchive {
  font-size: 12px;
  text-align: right;
}

.contentHeaderArchive a {
  color: #e80;
}



/* =====================
  contentMain
===================== */
.contentMain .pager {
  background-color: #eee;
}


/*  contentMain--wrap
------------------------*/
.contentMain--wrap {
  margin: 10px;
}


/*  contentMain--bordetTop
------------------------*/
.contentMain--borderTop {
  border-top: 1px solid #ddd;
}


/* =====================
  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: 15px 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #e80;
}

/* contentTitle--featureColumn */
.contentTitle--featureColumn {
  border-color: #ad64be;
}


/*  contentTitle__main
------------------------*/
.contentTitle__main {
  color: #e80;
  font-weight: bold;
  font-size: 14px;
}

/* contentTitle--featureColumn */
.contentTitle--featureColumn .contentTitle__main {
  color: #ad64be;
}


/*  contentTitle__sub
------------------------*/
.contentTitle__sub {
  -ms-align-self: flex-end;
      align-self: flex-end;
  margin-left: auto;
}

.contentTitle__sub .contentType {
  margin: 0;
}

.contentTitle__sub .contentType__item + .contentType__item {
  margin-left: 5px;
}



/* =====================
  contentSearch
===================== */


/*  contentSearch__item
------------------------*/
.contentSearch__item {
  border-top: 1px solid #ddd;
}



/* =====================
  contentSearchForm
===================== */
.contentSearchForm {
  padding: 10px;
  border-bottom: 1px solid rgb(221, 221, 221);
}


/*  contentSearchForm__item
------------------------*/
.contentSearchForm__item + .contentSearchForm__item {
  margin-top: 5px;
}



/* =====================
  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;
  position: relative;
  z-index: 0;
  padding: 4px;
  padding-left: 33px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
}

.contentSearchInput:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ddd;
  font-family: utIcon;
  content: "\e630";
}

.contentSearchInput input {
  width: 100%;
  height: 25px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 13px;
  line-height: 1.7;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.contentSearchInput__item {
  width: 100%
}

/* =====================
  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: 10px 0;
}


/*  contentCategory__item
------------------------*/
.contentCategory__item {
  margin: 0 0 5px 5px;
  width: 31%;
  text-align: center;
  word-break: keep-all;
}

.contentCategory__item > a {
  display: block;
  padding: 6px 5px 4px;
  border: 1px solid #e80;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  color: #e80;
}

.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: 120px;
  height: 40px;
  background-color: #C0C0C0;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  transition: all .5s;
}

/*タブ内のサブカテゴリ*/
.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(3n+1) {
  margin: 0 0 10px 0 !important;
}

.contentCategory--featureNews .contentCategory__item > a {
  border-color: #5467B2;
  color: #5467B2;
}

.contentCategory--featureGenreNews {
  margin: 12px auto 0 !important;
  width: fit-content;
  justify-content: center;
}

.contentCategory--featureGenreNews li {
  width: 31%;
  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--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: 10px;
}


/*  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__item--hidden {
  display: none;
}

/* contentType--featureColumn */
.contentType--featureColumn .contentType__item a {
  color: #ad64be;
}


/* =====================
  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: 10px;
  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;
}



/* =====================
  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;
  font-size: 13px;
}

/*  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 {
  font-size: 12px;
  text-align: right;
  margin-top: 10px;
}

.contentPagerArchive__item--news a {
  color: #e80;
}

.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;
  font-size: 13px;
  align-items: center;
}



/* =====================
  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;
  font-size: 0.8461538461538462em;
  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: 25%;
  min-width: 100px;
  max-width: 130px;
}

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



/* =====================
  contentFooter
===================== */
.contentFooter {
  margin: 10px;
}

.contentFooter .contentPager {
  justify-content: flex-end;
}


/*  contentFooter__item
------------------------*/
.contentFooter__item + .contentFooter__item {
  margin-top: 10px;
}



/* =====================
  articleSection
===================== */
.articleSection {
  border-top: 1px solid #ddd;
}

.articleSection .contentsBox {
  border: none;
  background-color: transparent;
}

.articleSection .artist_indexTtl {
  border-top: none;
}

.articleSection #reviews .mainAreas {
  border: none;
}


.articleSection .relatedLink {
  margin: 0;
  padding: 10px;
  border: none;
}

.articleSection .snsShare {
  font-size: 13px;
}


/*  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 15px;
}

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



/* =====================
  articleHeaderTitle
===================== */
.articleHeaderTitle {
  padding: 15px;
}


/*  articleHeaderTitle__main
------------------------*/
.articleHeaderTitle__main {
  font-size: 18px;
  font-weight: bold;
}


/*  articleHeaderTitle__sub
------------------------*/
.articleHeaderTitle__sub {
  margin-bottom: -5px;
  font-size: 12px;
  text-align: right;
}

.articleHeaderTitle__sub a {
  display: inline-block;
  color: #e80;
}

.articleHeaderTitle__sub a:before {
  display: inline-block;
  margin-right: .4em;
  font-size: .9em;
  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: 15px;
}

.articleMain .articleBody {
  padding: 0;
}

.articleMain .relatedLink {
  margin: 0;
  padding: 0;
  border: none;
}


/*  articleMain__item
------------------------*/
.articleMain__item + .articleMain__item {
  margin-top: 15px;
}

.articleMain__item + .articleMain__item.articleBody {
  padding-top: 15px;
  border-top: 1px solid #ddd;
}



/* =====================
  articleOverview
===================== */
.articleMain .articleOverview {
  padding: 0;
}


/*  articleOverview__item
------------------------*/
.articleOverview__item + .articleOverview__item {
  margin-top: 10px;
}



/* =====================
  articleDate
===================== */
.articleMain .articleDate {
  padding: 0;
  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: 200px;
}

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


/*  .articleFigure__item
------------------------*/
.articleFigure__item  + .articleFigure__item {
  margin-left: 20px;
}



/* =====================
  articleView
===================== */
.articleView {
  text-align: center;
}

.articleView a {
  color: #04c;
  font-size: 15px;
}

.articleFigure + .articleView {
  margin-top: 15px;
}

.articleView__specialArticle {
  margin: 15px 0 12px 0;
}


/* =====================
  articleBack
===================== */
.articleBack {
  margin: 0 -15px;
  font-size: 15px;
}

.articleBack a {
  display: block;
  padding: 10px;
  background-color: #eee;
  color: #04c;
  text-align: center;
}

.articleFigure + .articleBack {
  margin-top: 15px;
}



/* =====================
  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: 15px;
}

.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: 15px;
}



/* =====================
  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;
}

.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 * 2 ) ) / 2 );
  width:         calc( ( ( 100% - .01px ) - ( 10px * 2 ) ) / 2 );
  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;
}



/* =====================
  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: 5px;
  font-size: 12px;
}


/*  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 img {
  display: block;
  /* width: 100%; */
  /* height: 100%; */
  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 );
  width:         calc( ( ( 100% - .01px ) - 10px ) / 2 );
}

.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: 5px;
  font-size: 12px;
}


/*  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;
}

@media screen and (max-width:600px) {
  .albumList__item {
    width: -webkit-calc( ( ( 100% - .01px ) - ( 10px * 3 ) ) / 3 );
    width:         calc( ( ( 100% - .01px ) - ( 10px * 3 ) ) / 3 );
  }
}

.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%;
  width: auto;
  height: 113px;
  border: 1px solid #ddd;
}

.albumListThumb img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 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;
}

@media screen and (max-width:425px) {
  .albumListDetail {
    font-size: 12px;
  }
}

.albumListDetail__title {
  font-weight: bold;
}

.albumListDetail__release {
  margin-top: 2px;
  color: #999;
  font-size: 85.714286%;
}

.albumListDetail__release:before {
  display: inline-block;
  font-size: .9em;
  font-family: utIcon;
  vertical-align: middle;
  content: "\e66f";
}

.boxArea.artist_boxArea .albumList {
  margin: 0 0 -10px -10px;
}

.boxArea.artist_boxArea .albumListDetail {
  font-size: 12px;
}

.boxArea.artist_boxArea .albumListDetail__release {
  font-size: 1em;
}
/** --------------------------------------------------------------------------------
 * アルバム詳細
 */

.albumContents {
  padding: 10px;
}

.albumContents__item + .albumContents__item {
  margin-top: 20px;
  padding-top: 10px;
  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;
}


@media screen and (max-width:600px) {
  .albumDetails {
    display: block;
  }
}

.albumDetails__item + .albumDetails__item {
  margin-left: 30px;
}
@media screen and (max-width:600px) {
  .albumDetails__item + .albumDetails__item {
    margin: 0;
    margin-top: 26px;
  }
}

.albumDetailsThumb {
  /*-webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  width: 250px;*/
  width: 30%;
  min-width: 180px;
}

@media screen and (max-width:600px) {
  .albumDetailsThumb {
    text-align: center;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}

.albumDetailsThumb img {
  width: 40%;
  -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: 128.5714285714286%; /* 18px */
  letter-spacing: .04em;
}

.albumRelease {
  color: #999;
  font-size: 13px;
}

.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; */
  font-size: 13px;
  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;
}

@media screen and (max-width:600px) {
  .albumArtist {
    display: block;
    margin: 0;
  }
}


.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;
}

@media screen and (max-width:600px) {
  .albumArtist__item {
    width: 100%;
    margin: 0 auto;
  }
}

.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%;*/
}

@media screen and (max-width:600px) {
  .albumArtist__item + .albumArtist__item {
    margin-top: 5px;
  }
}

.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;
  font-size: 13px;
  line-height: 1.35;
  text-align: center;
  -webkit-transition: all .4s ease;
       -o-transition: all .4s ease;
          transition: all .4s ease;
}


@media screen and (max-width:600px) {
  .albumArtist__item a {
    padding: 12px 30px 10px;
  }
}

@media screen and (max-width:600px) {
  .albumArtist__item a > br{
    display: none;
  }
}

.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;
}

/** --------------------------------------------------------------------------------
 * 戻るボタン
 */
.backLink {
  margin: 10px;
}

.backLink a {
  display: block;
  position: relative;
  z-index: 0;
  padding: 6px;
  border: 2px solid #e80;
  border-radius: 50px;
  color: #e80;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}

.backLink a:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto 0;
  font-weight: normal;
  font-size: 1.2em;
  font-family: utIcon;
  content: "\e69a";
}
/* ▲202107 */

.recommendAdTag {
  margin: 10px 8px;
  min-height: 150px;
}

.adMoveTag img {
  height: 313px;
}

#_cm-css-reset,
._cm-os-slider {
  margin-bottom: 150px !important;
}

/** ------------------------------
 * 作詞・作曲・編曲タブ
 */

/*.switchTabSongWriter {
  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% - 30px) / 3);
  border: 1px solid #C0C0C0;
  background-color: #fff;*/
  width: -webkit-calc( ( 100% - ( 5px * 2 ) ) / 3 );
  width:         calc( ( 100% - ( 5px * 2 ) ) / 3 );
  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: 5px;
}

.switchTabSongWriter__item a {
  /*display: inline-block;
  width: 100%;
  padding: 2px;
  color: #C0C0C0;
  box-sizing: border-box;*/
  display: block;
  padding: 5px 15px;
  background-color: #eee;
  font-size: 13px;
}

.switchTabSongWriter__item--current {
  border-bottom-color: #fff;
}

.switchTabSongWriter__item--current a {
  /*color: #fff;*/
  background-color: #fff;
  color: #e80;
}

/*.switchTabSongWriter__item--current.switchTabSongWriter__item--lyricist {
  background: #C0C0C0;
}*/

/*.switchTabSongWriter__item--current.switchTabSongWriter__item--composer {
  background: #C0C0C0;
}*/

/*.switchTabSongWriter__item--current.switchTabSongWriter__item--arranger {
  background: #C0C0C0;
}*/

/** ------------------------------
 * 作詞・作曲・編曲 ページャー周り
 */
.pagerSongWriter {
  padding: 10px;
  padding-bottom: 8px;
}

.switchTab + .pagerSongWriter {
  margin-top: -10px;
}

.pagerSongWriter .pager {
  padding: 0;
  border-bottom: none;
}

.pagerSongWriter .lyricsInfo {
  font-size: 13px;
}

.pagerSongWriter .pager + .lyricsInfo {
  margin-top: 10px;
}

.tonefuse_music_ad_area {
  height: 50px;
  text-align: center;
}

.instagram-media {
  position: static !important;
}

.lnk_moreWordpressArticle {
  border-radius: 50px;
  border: 1px solid #AD64BE;
  color: #AD64BE;
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 20px;
  padding: 10px;
  text-align: center;
}

.more_Btn_news {
  background: #333;
  border-radius: 50px;
  border-bottom: 2px solid #ddd;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 1.2em;
  margin: 10px auto auto;
  padding: 10px;
  position: relative;
  text-align: center;
  width: calc(100% - 20px);
  text-decoration: none !important;
}

.articleBody__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: 34%;
}

.articleImagePager .articleImagePager__back a {
  display: block;
  width: 100%;
  padding: 15px 0;
  color: #e80;
  font-weight: bold;
  text-decoration: none;
  font-size: 0.8rem;
  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: 0.8rem;
  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;
}

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

/* 記事中動画 */
.articleVideo {
  padding-bottom: 6px;
  border-bottom: 1px solid #eee;
  background-color: #f2f2f0;
  font-size: 12px;
}

.articleVideo #articleVideoContainer {
  position: fixed;
  bottom: 0;
  left: 0;
  width:  100%;
  z-index: 100;
  overflow: visible;
}

#articleVideoContainerClose {
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  right: 0;
  bottom: 100%;
  display: block;
  width: 1.4em;
  height: 1.4em;
  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 {
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
  overflow: hidden;
}

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

.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 */

.border-bottom {
  border-bottom: 1px solid;
}

.flex-items-space-between {
  display: -webkit-flex;
  display:   -moz-flex;
  display:    -ms-flex;
  display:     -o-flex;
  display:        flex;
  justify-content: space-between;
  padding: 5px 10px;
}

.round-box {
  text-align: center;
  padding: 10px;
  border: 1px solid;
  border-radius: 4px;
  box-sizing: border-box;
}

.disabled-link {
  pointer-events: none;
  color: #808080;
  background-color: #dcdcdc;
  border-color: #dcdcdc;
}

.container {
  background: #ededed;
  font-size: 12px;
  padding-bottom: 10px;
}

.container [class^=indexTtl_] {
  letter-spacing: 1px;
}

.container .threeToOneRectangleBanner {
  background: none;
  margin-bottom: 10px;
  padding: 0;
}

.container .lst_boxArea + .lst_boxArea {
  border-top: none;
}

.container .lst_boxArea {
  border-bottom: 1px solid #eee;
}

.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;
}