@charset "UTF-8";
/* ==========================================================
 SP用Style定義
========================================================== */
/* 基本設定 （ベース）
================================================ */
/* 基本設定 （ベース）
================================================ */
html {
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
  padding-right: constant(safe-area-inset-right);
  padding-left: constant(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  padding-left: env(safe-area-inset-left);
}

body {
  color: #222;
  font-family: 'Roboto', 'Noto Sans JP', sans-serif;
  font-weight: 400;
  background: #f5f5f5;
}

body.show-modal {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

p {
  font-size: 1.3rem;
  line-height: 1.7;
}

a {
  color: #222;
}

input,
select,
button,
textarea {
  color: #222;
  font-family: 'Roboto', 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

input:not([type="text"]):not([type="number"]):not([type="search"]):not([type="tel"]):not([type="email"]),
select,
button {
  cursor: pointer;
}

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

img[data-src] {
  opacity: 0;
  transition: 0.5s;
}

/* 基本レイアウト
================================================ */
/* 01_共通ヘッダー
------------------------------ */
/* メインヘッダー */
.main-header {
  position: relative;
  top: 0;
  width: 100%;
  height: 56px;
  text-align: center;
  background: #fff;
  z-index: 30;
}

.main-header::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}

.main-header.show-modal {
  position: fixed;
  z-index: 30;
}

.main-header__logo {
  position: absolute;
  left: 0;
  right: 0;
  width: 120px;
  height: 56px;
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.main-header__logo-link {
  display: block;
  position: relative;
  height: 56px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
}

.main-header__logo-link::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%20254%2060'%3E%3Cpath%20d='M252.34%2024.59L239.65%206.21C236.41%201.7%20233.49.1%20227%20.1H4.77C1.27.1-1.07%203.17.5%206.6l8.23%2017.07a13.61%2013.61%200%200%201%201.7%206.44%2013.64%2013.64%200%200%201-1.7%206.44L.5%2053.63c-1.57%203.37.77%206.47%204.27%206.47H227c6.46%200%209.38-1.58%2012.62-6.09l12.69-18.39a9.49%209.49%200%200%200%201.58-5.51%209.54%209.54%200%200%200-1.55-5.52z'%20fill='%23f40071'/%3E%3Cpath%20d='M60.92%2036.91a1.63%201.63%200%200%201-.76%201.31c-8.06%206.87-22.08%207.69-27.25%207.69h-4.13A2.62%202.62%200%200%201%2026%2043.09V15.72c0-.62.31-.94.7-.94H36a.7.7%200%200%201%20.69.7v22.35c0%20.69.22%201.21%201.06%201.21a36.4%2036.4%200%200%200%2022-8.25.68.68%200%200%201%201.2.41zM89%2044.8a15%2015%200%200%201-1.51.07H66.35a.7.7%200%200%201-.69-.69v-4.81a.7.7%200%200%201%20.69-.69h19.44c4.12%200%205.56-4.47%205.56-8.8s-1.44-8.73-5.56-8.73H66.35a.7.7%200%200%201-.69-.69v-4.88a.71.71%200%200%201%20.69-.7h21.1A15%2015%200%200%201%2089%2015c7.41.72%2012.65%207.6%2012.65%2014.92S96.37%2044.07%2089%2044.8zm58.89-25.17a.71.71%200%200%201-.71.7H136a.69.69%200%200%200-.69.69v5.28a.69.69%200%200%200%20.7.69h11.15a.72.72%200%200%201%20.71.7v4.11a.72.72%200%200%201-.71.7H136a.71.71%200%200%200-.7.64c-.1%203.27-2.11%2011.74-14.74%2011.74h-11.4a.7.7%200%200%201-.7-.7v-4.36a.69.69%200%200%201%20.7-.68h9.94c4.85%200%205.22-4.1%205.33-5.94a.64.64%200%200%200-.7-.7h-14.57a.7.7%200%200%201-.7-.7v-4.11a.7.7%200%200%201%20.7-.7h14.58a.69.69%200%200%200%20.7-.69V21a.69.69%200%200%200-.68-.69h-14.6a.7.7%200%200%201-.7-.7v-4a.7.7%200%200%201%20.7-.7h38a.71.71%200%200%201%20.71.7zm25.48%2024.17a16.93%2016.93%200%200%201-3.1.25h-14.55a.64.64%200%200%201-.65-.64v-3.56a.64.64%200%200%201%20.65-.64h13.39a5.58%205.58%200%200%200%202.35-.54c1.64-.93%201.6-2.69%201.6-3.94a.63.63%200%200%200-.65-.6h-16.69a.64.64%200%200%201-.65-.64v-3a.65.65%200%200%201%20.65-.64h16.69a.63.63%200%200%200%20.65-.6c0-1.25%200-3-1.6-3.94a5.74%205.74%200%200%200-2.35-.53h-13.39a.66.66%200%200%201-.65-.65v-3.57a.64.64%200%200%201%20.65-.64h14.55a15.55%2015.55%200%200%201%203.1.26c6.58%201.14%208.83%206.13%208.83%2011.8s-2.2%2010.67-8.83%2011.82zm56-14.78l-6.47%2015.09a1.1%201.1%200%200%201-1.15.76h-9.19a.64.64%200%200%201-.58-.94l7.29-17.88a5.53%205.53%200%200%200%20.41-3.24c-.32-1.48-1.55-2.38-3.54-2.38h-8.5c-2.82%200-4.52%201.61-5.45%204l-3.42%208.9a1.11%201.11%200%200%201-1%20.63h-9.57a.45.45%200%200%201-.44-.65s3.65-9.8%203.82-10.17c2.5-5.59%206.74-8.27%2013.22-8.27h13.63c12.15.01%2013.19%208.47%2010.9%2014.13z'%20fill='%23fff'/%3E%3Cpath%20d='M248.82%2049.76a5.17%205.17%200%201%200%205.18%205.17%205.19%205.19%200%200%200-5.18-5.17zm0%209.62a4.38%204.38%200%200%201-4.4-4.45%204.39%204.39%200%201%201%208.77%200%204.36%204.36%200%200%201-4.35%204.45zm2.38-5.78a1.7%201.7%200%200%200-.51-1.33%202.33%202.33%200%200%200-1.57-.45h-2.38v6.23h.8V55.3h1.32l1.46%202.75h.9l-1.46-2.77a1.67%201.67%200%200%200%201.46-1.68zm-2.54%201h-1.12v-2h1.5c.69%200%201.36.24%201.36%201.05a.79.79%200%200%201-.52.82%203.09%203.09%200%200%201-1.2.1z'%20fill='%23f40071'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 120px;
  height: 28px;
}

.main-header-btn__item {
  position: relative;
  margin: 0;
}

.main-header-btn__item-link {
  display: block;
  width: 56px;
  height: 56px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
}

.main-header-btn__mymenu {
  float: left;
  cursor: pointer;
}

.main-header-btn__mymenu .main-header-btn__item-link::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24px'%20height='24px'%20viewBox='0%200%2060%2036'%3E%3Cg%20fill='%23222'%3E%3Crect%20width='60'%20height='4'%20y='.1'%20rx='2'/%3E%3Crect%20width='60'%20height='4'%20y='16.1'%20rx='2'/%3E%3Crect%20width='60'%20height='4'%20y='32.1'%20rx='2'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}

.main-header-btn__search {
  float: right;
  cursor: pointer;
}

.main-header-btn__search .main-header-btn__item-link::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24px'%20height='24px'%20viewBox='0%200%2059%2060'%3E%3Cpath%20fill='%23222'%20d='M58.66%2058.07l-15.32-16a1.25%201.25%200%200%200-.7-.34A24.94%2024.94%200%200%200%2042%207.36a24.49%2024.49%200%200%200-34.8%200%2025%2025%200%200%200%200%2035.09%2024.35%2024.35%200%200%200%2017.4%207.26%2024.32%2024.32%200%200%200%2016.72-6.62%201.12%201.12%200%200%200%20.31.68L57%2059.73a1.18%201.18%200%200%200%20.86.37%201.16%201.16%200%200%200%20.83-.34%201.2%201.2%200%200%200-.03-1.69zM24.6%2047.31a22%2022%200%200%201-15.72-6.56%2022.57%2022.57%200%200%201%200-31.7%2022.13%2022.13%200%200%201%2031.43%200%2022.55%2022.55%200%200%201%200%2031.7%2022%2022%200%200%201-15.71%206.56z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}

.main-header--fixed {
  position: fixed;
}

.main-header--fixed.show-modal + .point-header {
  padding: 0;
}

/* アラート（推奨外のブラウザ時） */
.header-caution {
  position: relative;
  height: 48px;
  background: #fff;
}

.header-caution__inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  padding: 0 12px;
  text-align: center;
}

.header-caution__text {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
}

.header-caution__link {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
}

/* 02_共通フッター
------------------------------ */
.site-footer__inner {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 0 32px;
}

.site-footer__heading {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 16px 0;
  text-align: left;
  font-weight: 500;
  border-radius: 2px;
}

.site-footer__lmark {
  margin: 0 auto 24px;
  width: 180px;
}

.site-footer__logo {
  width: 200px;
  margin: 0 auto;
}

.site-footer-nav {
  margin: 24px auto;
  text-align: center;
}

.site-footer-nav__list {
  text-align: left;
}

.site-footer-nav__item {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  display: inline-block;
  position: relative;
}

.site-footer-nav__item:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: -1px;
  width: 1px;
  height: 12px;
  background: #222;
}

.site-footer-nav__item-link {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  display: block;
  padding: 8px 12px;
}

.site-footer-copyright__list {
  margin: 0 auto 24px;
  padding: 0 12px;
}

.site-footer-copyright__item {
  display: inline-block;
}

.site-footer-copyright__item--jasrac {
  margin: 0px 4% 4% 0;
  width: 52%;
}

.site-footer-copyright__item--jasrac .site-footer-copyright__image-wrapper {
  padding-top: 32.3%;
}

.site-footer-copyright__item--nextone {
  margin: 0 0 4% 0;
  width: 42%;
}

.site-footer-copyright__item--nextone .site-footer-copyright__image-wrapper {
  padding-top: 41.4%;
}

.site-footer-copyright__item--lmark {
  margin: 0 4% 0 0;
  width: 70%;
}

.site-footer-copyright__item--lmark .site-footer-copyright__image-wrapper {
  padding-top: 24.7%;
}

.site-footer-copyright__item--pmark {
  margin: 0;
  width: 18%;
}

.site-footer-copyright__image-wrapper {
  position: relative;
}

.site-footer-copyright__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.site-footer-copyright__link {
  display: block;
  position: relative;
  padding-top: 100%;
}

.site-footer__copy {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  text-align: center;
}

/* アプリ一覧 */
.site-footer__app-info-block {
  margin: 0 0 24px;
  padding: 0 12px;
}

.site-footer__app-link-item {
  border-top: 1px solid #e5e5e5;
}

.site-footer__app-link-list:last-of-type .site-footer__app-link-item:last-child {
  border-bottom: 1px solid #e5e5e5;
}

.site-footer__app-link {
  display: table;
  position: relative;
  width: 100%;
  padding: 12px 20px 12px 0;
}

.site-footer__app-link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 4px;
  width: 8px;
  height: 14px;
}

.site-footer__app-link-icon-wrapper {
  display: table-cell;
  width: 42px;
}

.site-footer__app-link-icon {
  position: relative;
  padding-top: 100%;
}

.site-footer__app-link-icon-image {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.site-footer__app-link-desc {
  display: table-cell;
  padding: 0 0 0 12px;
  vertical-align: middle;
}

.site-footer__app-link-name {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: block;
  margin: 0 0 2px;
  text-align: left;
  font-weight: 500;
}

.site-footer__app-link-detail {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  display: block;
  height: 48px;
}

.site-footer__app-more-btn.c-more-btn__link {
  width: 100%;
  max-width: inherit;
  border-radius: 0;
  border: 1px solid #ccc;
  color: #222;
}

.site-footer__app-more-btn.c-more-btn__link::after {
  content: none;
}

/* ソーシャルメディア・レコチョク オウンドメディア共通 */
.site-footer__media-info-block {
  margin-bottom: 24px;
  padding: 0 12px;
}

/* ソーシャルメディア */
.site-footer__media-link-item {
  border-top: 1px solid #e5e5e5;
}

.site-footer__media-link-item:last-child {
  border-bottom: 1px solid #e5e5e5;
}

.site-footer__media-link {
  display: table;
  position: relative;
  width: 100%;
  padding: 6px 20px 6px 0;
}

.site-footer__media-link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 4px;
  width: 8px;
  height: 14px;
}

.site-footer__media-link-icon-wrapper {
  display: table-cell;
  width: 36px;
}

.site-footer__media-link-icon {
  position: relative;
  padding-top: 100%;
}

.site-footer__media-link-icon-image {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
}

.site-footer__media-link-desc {
  display: table-cell;
  padding-left: 4px;
  vertical-align: middle;
  font-weight: 500;
  line-height: 36px;
}

/* レコチョク オウンドメディア */
.site-footer__ownedmedia {
  width: 140px;
}

.site-footer__ownedmedia-link {
  display: block;
  position: relative;
  padding-top: 32%;
}

.site-footer__ownedmedia-link-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

/* サイトマップ */
.site-sitemap {
  padding: 0 12px;
}

.site-sitemap__inner:last-child {
  border-bottom: 1px solid #e5e5e5;
}

.site-sitemap-block {
  border-top: 1px solid #e5e5e5;
}

.site-sitemap-block__heading-link {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  display: block;
  position: relative;
  width: 100%;
  padding: 16px 20px 16px 0;
  text-align: left;
  font-weight: 500;
}

.site-sitemap-block__heading-link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  right: 4px;
  width: 8px;
  height: 14px;
  display: block;
  transition: 0.5s;
}

.site-sitemap-block__heading-link--close::after {
  right: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}

.site-sitemap-block__heading-link--open::after {
  right: 0;
  transform: translate(-50%, -50%) rotate(-90deg);
}

.site-sitemap-list {
  display: none;
  padding: 0 0 8px;
}

.site-sitemap-list__item-link {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  display: block;
  padding: 8px 12px;
}

/* 04_コンテナー
------------------------------ */
.container {
  display: block;
  padding: 0 0 24px;
}

/* 05_ページ
------------------------------ */
.page-heading {
  position: relative;
  padding: 32px 12px;
  text-align: center;
  background: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
}

/* 06_セクション
------------------------------ */
.c-section {
  margin: 0 auto 10px;
  padding: 24px 0 36px;
  background: #fff;
}

.c-section-top-button {
  margin: -10px auto 10px;
  padding: 24px 0 36px;
  background: #fff;
}

.page-heading + .c-section {
  padding: 0 0 36px;
}

.c-section--modal {
  border-bottom: none;
}

.c-section--modal-credit {
  padding: 0 0 36px;
}

.c-section__body {
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden;
}

.c-section__header {
  position: relative;
}

.c-section__heading {
  max-width: 640px;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  color: #222;
  margin: 0 auto 24px;
  padding: 0 12px;
}

.c-section__heading--anchor {
  margin: -80px auto 24px;
  padding: 80px 12px 0;
}

.c-section__heading-notes {
  position: relative;
  max-width: 640px;
  margin: 0 auto 20px;
  padding: 0 12px 0 24px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}

.c-section__heading-notes::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 12px;
  width: 1px;
  height: 100%;
  background: #222;
}

.c-section__body + .c-section__heading-notes {
  margin: 36px auto 24px;
}

.c-section__heading--modal {
  padding: 0 12px;
}

.c-section__text {
  margin: 0 0 12px;
  padding: 0 12px;
}

.c-section__text--mt {
  margin: 24px 0 0;
}

.c-section__body--video-modal {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.c-section__body--notices {
  overflow: visible;
}

/* 07_子セクション
------------------------------ */
.c-section-child {
  margin: 0 auto 32px;
}

.c-section-child__heading {
  padding: 0 12px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}

.c-section-child__heading:not(.c-section-child__heading--mb_narrow) {
  margin: 0 auto 12px;
}

.c-section-child__heading--modal {
  font-weight: 700;
}

/* 08_ナビゲーション（SP）
------------------------------ */
.nav-header {
  position: relative;
  background: #fff;
}

.nav-header::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}

.nav-header--fixed {
  padding: 56px 0 0;
}

.appeal-link {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #f54687;
  display: block;
  position: relative;
  padding: 8px 24px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}

.appeal-link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23aaa'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 12px;
  width: 6px;
  height: 12px;
}

.tab-gnav {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.tab-gnav__item {
  display: table-cell;
  position: relative;
  text-align: center;
  font-size: 1.4rem;
}

.tab-gnav__item-link {
  display: block;
  padding: 16px 0;
}

/* active */
.tab-gnav__item--active .tab-gnav__item-link {
  position: relative;
  color: #f54687;
  font-weight: 500;
}

.tab-gnav__item--active .tab-gnav__item-link::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #f54687;
}

/* 共通パーツ
================================================ */
/* 01_テキスト
------------------------------ */
.c-text {
  margin: 0 0 24px;
  padding: 0 12px;
}

/* 文字 - リンク */
.c-text-link {
  color: #1a72e8;
  text-decoration: underline;
}

/* 文字 - 色 */
.c-color-main {
  color: #222;
}

.c-color-muted {
  color: #ccc;
}

.c-color-error {
  color: #c00303;
}

.c-color-highlight {
  color: #f54687;
  font-weight: 500;
}

/* 文字 - 太さ */
.c-text-bold {
  font-weight: 700;
}

/* dヒッツ送客リンク - アーティスト情報 */
.c-dhits-section--sp {
  float: left;
  width: 100%;
  padding: 0 12px;
}

.c-dhits-section--pc {
  display: none;
}

.c-dhits-section__body-wrap {
  margin-top: 24px;
}

.c-dhits-section__body {
  display: block;
  max-width: 640px;
  width: 100%;
  padding: 8px;
  border: 1px solid #e5e5e5;
}

.c-dhits-section__body--outerlink {
  position: relative;
}

.c-dhits-section__body--outerlink::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%23ccc'%20d='M11.51%200h-3.1v.98h1.92L6.2%205.11l.21.21.27.27.21.21%204.14-4.14v1.93H12V.49L11.51%200z'/%3E%3Cpath%20fill='%23ccc'%20d='M9.57%2011.02H.97V2.44h5.67v-.98H0V12H10.54V5.36h-.97v5.66z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  width: 14px;
  height: 14px;
  right: 16px;
}

.c-dhits-title {
  margin-bottom: 4px;
  color: #404040;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6;
}

.c-dhits-item {
  display: flex;
  align-items: center;
}

.c-dhits-item__photo {
  flex-shrink: 0;
  width: 75px;
}

.c-dhits-item__photo-image {
  width: 100%;
  background: no-repeat 50%;
  background-size: contain;
}

.c-dhits-item-text {
  flex-grow: 1;
  padding: 0 32px 0 12px;
}

.c-dhits-item-text__main {
  color: #f54687;
  font-size: 1.2rem;
  line-height: 1.4;
}

.c-dhits-item-text__main-highlight {
  font-weight: 700;
}

.c-dhits-item-text__artist {
  margin-top: 4px;
  font-size: 1.2rem;
  word-break: break-all;
  line-height: 1.4;
}

.c-dhits-item-text__sub {
  margin-top: 4px;
  color: #777;
  font-size: 1rem;
  line-height: 1.4;
}

/* dヒッツ送客リンク - バナー */
.c-dhits-section__banner {
  margin-top: 24px;
}

.c-dhits-section__banner-link {
  display: block;
  max-width: 480px;
  margin: 0 auto;
}

/* VOS送客リンク */
.c-vos-section {
  float: left;
  width: 100%;
}

.c-vos-section--artist .c-vos-section__body {
  margin: 0 auto 12px;
}

.c-vos-section--album .c-vos-section__body, .c-vos-section--music .c-vos-section__body {
  margin: 24px auto 0;
}

.c-vos-section__body {
  display: block;
  max-width: 480px;
  padding: 0 12px;
  box-sizing: content-box;
}

/* 枠つきリンク */
.c-link-box__item {
  position: relative;
  display: block;
  padding: 12px 24px;
  margin: 24px 12px 12px;
  border: 1px solid #e5e5e5;
  text-align: center;
}

.c-link-box__item:last-of-type {
  margin: 0 12px 0;
}

.c-link-box__item:not(:first-of-type) {
  margin: 0 12px 12px;
}

.c-link-box__item:not(:last-of-type) {
  margin: 0 12px 12px;
}

.c-link-box__btn--outer-link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%23ccc'%20d='M11.51%200h-3.1v.98h1.92L6.2%205.11l.21.21.27.27.21.21%204.14-4.14v1.93H12V.49L11.51%200z'/%3E%3Cpath%20fill='%23ccc'%20d='M9.57%2011.02H.97V2.44h5.67v-.98H0V12H10.54V5.36h-.97v5.66z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 6px;
  width: 12px;
  height: 12px;
}

.c-link-box__main-text {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 0 0 8px;
  font-weight: 500;
  text-align: center;
}

.c-one-month-free-icon {
  width: auto;
  margin: -3px 4px 0 6px;
  height: 16px;
  vertical-align: middle;
}

.c-link-box__logo {
  max-width: 180px;
  margin: 0 auto 12px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height: 58px;
}

.c-link-box__logo--recochoku {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%20254%2060'%3E%3Cpath%20d='M252.34%2024.59L239.65%206.21C236.41%201.7%20233.49.1%20227%20.1H4.77C1.27.1-1.07%203.17.5%206.6l8.23%2017.07a13.61%2013.61%200%200%201%201.7%206.44%2013.64%2013.64%200%200%201-1.7%206.44L.5%2053.63c-1.57%203.37.77%206.47%204.27%206.47H227c6.46%200%209.38-1.58%2012.62-6.09l12.69-18.39a9.49%209.49%200%200%200%201.58-5.51%209.54%209.54%200%200%200-1.55-5.52z'%20fill='%23f40071'/%3E%3Cpath%20d='M60.92%2036.91a1.63%201.63%200%200%201-.76%201.31c-8.06%206.87-22.08%207.69-27.25%207.69h-4.13A2.62%202.62%200%200%201%2026%2043.09V15.72c0-.62.31-.94.7-.94H36a.7.7%200%200%201%20.69.7v22.35c0%20.69.22%201.21%201.06%201.21a36.4%2036.4%200%200%200%2022-8.25.68.68%200%200%201%201.2.41zM89%2044.8a15%2015%200%200%201-1.51.07H66.35a.7.7%200%200%201-.69-.69v-4.81a.7.7%200%200%201%20.69-.69h19.44c4.12%200%205.56-4.47%205.56-8.8s-1.44-8.73-5.56-8.73H66.35a.7.7%200%200%201-.69-.69v-4.88a.71.71%200%200%201%20.69-.7h21.1A15%2015%200%200%201%2089%2015c7.41.72%2012.65%207.6%2012.65%2014.92S96.37%2044.07%2089%2044.8zm58.89-25.17a.71.71%200%200%201-.71.7H136a.69.69%200%200%200-.69.69v5.28a.69.69%200%200%200%20.7.69h11.15a.72.72%200%200%201%20.71.7v4.11a.72.72%200%200%201-.71.7H136a.71.71%200%200%200-.7.64c-.1%203.27-2.11%2011.74-14.74%2011.74h-11.4a.7.7%200%200%201-.7-.7v-4.36a.69.69%200%200%201%20.7-.68h9.94c4.85%200%205.22-4.1%205.33-5.94a.64.64%200%200%200-.7-.7h-14.57a.7.7%200%200%201-.7-.7v-4.11a.7.7%200%200%201%20.7-.7h14.58a.69.69%200%200%200%20.7-.69V21a.69.69%200%200%200-.68-.69h-14.6a.7.7%200%200%201-.7-.7v-4a.7.7%200%200%201%20.7-.7h38a.71.71%200%200%201%20.71.7zm25.48%2024.17a16.93%2016.93%200%200%201-3.1.25h-14.55a.64.64%200%200%201-.65-.64v-3.56a.64.64%200%200%201%20.65-.64h13.39a5.58%205.58%200%200%200%202.35-.54c1.64-.93%201.6-2.69%201.6-3.94a.63.63%200%200%200-.65-.6h-16.69a.64.64%200%200%201-.65-.64v-3a.65.65%200%200%201%20.65-.64h16.69a.63.63%200%200%200%20.65-.6c0-1.25%200-3-1.6-3.94a5.74%205.74%200%200%200-2.35-.53h-13.39a.66.66%200%200%201-.65-.65v-3.57a.64.64%200%200%201%20.65-.64h14.55a15.55%2015.55%200%200%201%203.1.26c6.58%201.14%208.83%206.13%208.83%2011.8s-2.2%2010.67-8.83%2011.82zm56-14.78l-6.47%2015.09a1.1%201.1%200%200%201-1.15.76h-9.19a.64.64%200%200%201-.58-.94l7.29-17.88a5.53%205.53%200%200%200%20.41-3.24c-.32-1.48-1.55-2.38-3.54-2.38h-8.5c-2.82%200-4.52%201.61-5.45%204l-3.42%208.9a1.11%201.11%200%200%201-1%20.63h-9.57a.45.45%200%200%201-.44-.65s3.65-9.8%203.82-10.17c2.5-5.59%206.74-8.27%2013.22-8.27h13.63c12.15.01%2013.19%208.47%2010.9%2014.13z'%20fill='%23fff'/%3E%3Cpath%20d='M248.82%2049.76a5.17%205.17%200%201%200%205.18%205.17%205.19%205.19%200%200%200-5.18-5.17zm0%209.62a4.38%204.38%200%200%201-4.4-4.45%204.39%204.39%200%201%201%208.77%200%204.36%204.36%200%200%201-4.35%204.45zm2.38-5.78a1.7%201.7%200%200%200-.51-1.33%202.33%202.33%200%200%200-1.57-.45h-2.38v6.23h.8V55.3h1.32l1.46%202.75h.9l-1.46-2.77a1.67%201.67%200%200%200%201.46-1.68zm-2.54%201h-1.12v-2h1.5c.69%200%201.36.24%201.36%201.05a.79.79%200%200%201-.52.82%203.09%203.09%200%200%201-1.2.1z'%20fill='%23f40071'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.c-link-box__logo--tower-records-music {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%20346.38%2053.22'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fdd000;}.cls-2{fill:%23d7000f;}%3C/style%3E%3C/defs%3E%3Cg%20id='レイヤー_2'%20data-name='レイヤー%202'%3E%3Cg%20id='レイヤー_1-2'%20data-name='レイヤー%201'%3E%3Crect%20class='cls-1'%20width='346.38'%20height='53.22'/%3E%3Cpolygon%20class='cls-2'%20points='27.64%2015.31%2026.98%209.96%2013.82%209.96%2014.48%2015.31%2018.15%2015.31%2021.57%2043.26%2027.47%2043.26%2024.06%2015.31%2027.64%2015.31'/%3E%3Cpolygon%20class='cls-2'%20points='87.12%2038.15%2082.46%2038.15%2081.37%2029.27%2086.04%2029.27%2085.41%2024.16%2080.75%2024.16%2079.58%2014.59%2084.24%2014.59%2083.68%209.96%2073.11%209.96%2077.18%2043.26%2087.74%2043.26%2087.12%2038.15'/%3E%3Cpolygon%20class='cls-2'%20points='144.54%2038.15%20139.88%2038.15%20138.79%2029.27%20143.45%2029.27%20142.83%2024.16%20138.17%2024.16%20137%2014.6%20141.66%2014.6%20141.09%209.96%20130.53%209.96%20134.6%2043.26%20145.16%2043.26%20144.54%2038.15'/%3E%3Cpath%20class='cls-2'%20d='M155.35,32.45l.6,4.93c.06.5-.09.9-.73.9h-1.38a1.12,1.12,0,0,1-1.09-.9L150.08,15.5c-.07-.5,0-.9.72-.9h1.39a1.13,1.13,0,0,1,1.09.9l.69,5.68h5.32l-.82-6.69c-.54-3.35-1.13-4.52-4.64-4.52h-5.45c-3.07,0-4.37,1.59-3.89,4.52l3,24.24a5.36,5.36,0,0,0,5.15,4.53h5.27c3.4,0,3.88-1,3.56-4.53l-.77-6.28Z'/%3E%3Cpath%20class='cls-2'%20d='M43.4,43.26H37.46a5.31,5.31,0,0,1-5.11-4.53l-3-24.24c-.47-2.93.88-4.52,3.94-4.52h6.19c2.5,0,4.09,2,4.4,4.52l3,24.24C47.23,41.79,45.9,43.26,43.4,43.26Zm-2.73-5.88L38,15.5a1.07,1.07,0,0,0-1-.91H35.76c-.7,0-.84.41-.78.91l2.67,21.88a1.08,1.08,0,0,0,1,.9h1.2A.71.71,0,0,0,40.67,37.38Z'/%3E%3Cpath%20class='cls-2'%20d='M175.07,43.26h-5.95A5.29,5.29,0,0,1,164,38.73l-3-24.24c-.47-2.93.88-4.52,3.94-4.52h6.19c2.5,0,4.08,2,4.4,4.52l3,24.24C178.9,41.79,177.57,43.26,175.07,43.26Zm-2.73-5.88L169.67,15.5a1.06,1.06,0,0,0-1-.9h-1.21c-.71,0-.84.4-.78.9l2.67,21.88a1.07,1.07,0,0,0,1,.9h1.21A.71.71,0,0,0,172.34,37.38Z'/%3E%3Cpath%20class='cls-2'%20d='M97.45,23.21a.74.74,0,0,1-.82.91H94.54l-1.16-9.53h2.06a1.12,1.12,0,0,1,1.07.91Zm6.68,7.49c-.39-2.73-1.33-3.84-3.27-4.22,1.66-.45,2.5-1.88,2.22-4.37l-.93-7.62C101.84,12,100.3,10,97.8,10H86.9L91,43.26h5.9L95.14,29h2.1a1.06,1.06,0,0,1,1,.91L99.9,43.26h5.76Z'/%3E%3Cpath%20class='cls-2'%20d='M123.39,23.21a.74.74,0,0,1-.82.91h-2.1l-1.16-9.52h2.07a1.11,1.11,0,0,1,1.07.9Zm6.69,7.49c-.4-2.73-1.34-3.84-3.28-4.22,1.66-.45,2.5-1.88,2.23-4.37l-.94-7.62c-.31-2.5-1.85-4.52-4.35-4.52H112.83l4.07,33.29h5.91L121.07,29h2.1a1.07,1.07,0,0,1,1,.91l1.63,13.32h5.77Z'/%3E%3Cpath%20class='cls-2'%20d='M188.83,23.21a.74.74,0,0,1-.82.91h-2.09l-1.16-9.52h2.06a1.1,1.1,0,0,1,1.07.9Zm6.69,7.49c-.4-2.73-1.34-3.84-3.28-4.22,1.66-.45,2.51-1.88,2.23-4.37l-.93-7.62c-.32-2.5-1.86-4.52-4.36-4.52h-10.9l4.07,33.29h5.91L186.52,29h2.1a1.06,1.06,0,0,1,1,.91l1.63,13.32h5.77Z'/%3E%3Cpath%20class='cls-2'%20d='M231.46,30.41l1,8.32c.34,3.06-1,4.53-3.47,4.53h-7.4c-2.24,0-3.33-1-4-4.53l-.79-6.43h5.9l.63,5.08a1.11,1.11,0,0,0,1.07.9h1.22c.63,0,.79-.4.72-.9l-.6-4.89c-.39-1.76-.84-2.24-2.2-2.87l-4.47-1.92c-2.55-1.11-2.85-1.59-3.38-4.47l-1.06-8.74c-.47-2.93,1.41-4.52,3.89-4.52H225c2.49,0,4.17,2,4.49,4.52l.86,7.14h-5.9l-.75-6.13a1.13,1.13,0,0,0-1.09-.9h-1.2c-.71,0-.79.4-.73.9l.67,5.49c.38,1.83.23,1.68,1.5,2.32l6,2.88C230.62,26.9,231,27.62,231.46,30.41Z'/%3E%3Cpath%20class='cls-2'%20d='M200.27,43.26,196.21,10h9.7c2.49,0,5.17,2,5.49,4.52l3,24.24c.34,3.06-.93,4.53-3.43,4.53Zm7.15-5c.64,0,.79-.4.73-.9L205.48,15.5a1.14,1.14,0,0,0-1.08-.91h-2.08l2.89,23.69Z'/%3E%3Cpath%20class='cls-2'%20d='M73.27,37.17,70,10h-5.8L67.5,37.38c.07.5-.12.9-.76.9h-1.1a1,1,0,0,1-1-.9L61.3,10H55.38l3.35,27.41c.06.5-.12.9-.76.9H56.58a1.09,1.09,0,0,1-1-.9L52.18,10H46.66l3.51,28.76c.47,2.74,2.23,4.53,5.18,4.53h3.59a3.15,3.15,0,0,0,3.24-1.87,4.23,4.23,0,0,0,3.28,1.87h3.21C71.86,43.26,73.83,40.68,73.27,37.17Z'/%3E%3Cpath%20class='cls-2'%20d='M240.88,16.06c-.42-3.55,1.63-6.09,5.26-6.09h3.62a5,5,0,0,1,3.72,1.83c.58-1.25,1.83-1.83,3.67-1.83h4c3.34,0,5.47,1.75,5.84,4.5l3.51,28.79h-6.26L260.9,15.47a1.13,1.13,0,0,0-1.17-.87h-1.54c-.75,0-1,.37-.92.87l3.38,27.79H254L250.6,15.47a1.08,1.08,0,0,0-1.09-.87h-1.25c-.75,0-1,.37-.92.87l3.43,27.79h-6.55Z'/%3E%3Cpath%20class='cls-2'%20d='M325.76,32.45h5.3l.79,6.3c.42,3.55-.16,4.51-3.58,4.51H323a5.33,5.33,0,0,1-5.17-4.51l-3-24.28c-.38-3,.83-4.5,3.88-4.5h5.46c3.5,0,4.26,1.12,4.67,4.5l.8,6.72h-5.3l-.71-5.72a1.12,1.12,0,0,0-1.09-.87h-1.41c-.67,0-.76.37-.71.87l2.67,21.9a1.15,1.15,0,0,0,1.08.92h1.42c.62,0,.75-.42.71-.92Z'/%3E%3Cpath%20class='cls-2'%20d='M305.32,10H311l4.09,33.29h-5.67Z'/%3E%3Cpath%20class='cls-2'%20d='M305.52,38.75c.38,3-1,4.51-3.46,4.51h-7.42c-2.26,0-3.51-.92-4-4.51l-.79-6.42h5.92l.63,5a1.12,1.12,0,0,0,1.08.92h1.21c.63,0,.8-.42.71-.92l-.58-4.88c-.42-1.75-.83-2.29-2.21-2.88l-4.47-1.92c-2.58-1.08-3-1.54-3.37-4.46l-1.09-8.76c-.37-3,1.42-4.5,3.88-4.5h6.47c2.5,0,4.17,2,4.5,4.5l.88,7.13h-5.93l-.75-6.13a1.07,1.07,0,0,0-1.08-.87h-1.21c-.71,0-.79.37-.71.87l.67,5.51c.21,1.88.21,1.71,1.5,2.33l6,2.88c1.71.8,2.26,1.42,2.59,4.22Z'/%3E%3Cpath%20class='cls-2'%20d='M278.65,37.37a1,1,0,0,0,1,.88h1.21a.67.67,0,0,0,.75-.88L278.31,10h6.05l3.51,28.74c.37,3.09-1,4.55-3.47,4.55h-6a5.28,5.28,0,0,1-5.09-4.55L269.8,10h5.47Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  max-width: 280px;
  background-position: center;
}

.c-link-box__sub-text {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  text-align: center;
  line-height: 1.7;
}

.c-link-box__item .c-link-box__text-list {
  display: inline-block;
  margin: 0 auto;
  text-align: left;
}

.c-link-box__item .c-link-box__text-list-item {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #222;
  display: block;
}

/* リスト */
.c-text-list {
  margin: 0 0 12px;
  padding: 0 12px;
}

.c-text-list:last-child {
  margin: 0;
}

.c-text-list--child {
  padding: 0;
}

.c-text-list__item {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  margin: 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
  line-height: 1.8;
}

.c-text-list__item::before {
  content: "・";
}

.c-text-list__item--dash::before {
  content: "- ";
}

/* 注意文言 */
.c-notes-list {
  margin: 0 0 12px;
  padding: 0 12px;
}

.c-notes-list:last-child {
  margin: 0 0 2px;
}

.c-notes-list--prepaid:last-child {
  margin: 12px 0 0;
}

.c-notes-list__item {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  margin: 0;
  padding: 0 0 8px 1em;
  text-indent: -1em;
  line-height: 1.6;
}

.c-notes-list__item::before {
  content: "※";
}

.c-notes-text {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 0 12px;
  padding: 0 0 0 1em;
  text-indent: -1em;
}

.c-notes-text::before {
  content: "※";
}

.c-notes-text__link {
  color: #aaa;
  text-decoration: underline;
}

/* 規約関連系 リスト */
.c-terms-list {
  margin: 0 0 30px;
  padding: 0 12px;
}

.c-terms-list__item {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 0 0 12px;
}

/* 規約関連系説明リスト */
.c-terms-dlist {
  margin: 0;
}

.c-terms-dlist__title {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  position: relative;
  margin: 0 0 12px;
  padding: 0 12px 0 20px;
  font-weight: 700;
}

.c-terms-dlist__title::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 12px;
  width: 1px;
  height: 100%;
  background: #222;
}

.c-terms-dlist__content {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 0 0 24px 12px;
}

.c-terms-dlist__content--nowrap {
  margin: 0 12px 24px;
}

.c-terms-dlist__content--bold {
  font-size: 1.2rem;
  font-weight: 700;
}

/* 規約関連系 ナンバーリスト */
.c-terms-number-list {
  margin: 0 0 12px 1em;
  padding: 0 12px;
}

.c-terms-number-list__item {
  margin: 0 0 0.5em;
  list-style-type: decimal;
}

/* 規約関連系 通常テキスト */
.c-terms-text {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 0 12px 0.5em 1em;
}

.c-terms-text__right {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 0 12px 0.5em;
  text-align: right;
}

/* 規約関連系 上部へ戻るボタン */
.c-terms-top-link {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: inline-block;
  position: relative;
  padding: 0 18px 0 0;
}

.c-terms-top-link::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='6px'%20height='12px'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23222'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 4px;
  width: 6px;
  height: 12px;
  transform: translateY(-50%) rotate(-90deg);
}

/* スクロールボックス */
.c-scroll-block {
  max-width: 640px;
  height: 300px;
  margin: 24px 12px;
  padding: 24px 0;
  border: 1px solid #e5e5e5;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

/* リード文 */
.c-lead-text {
  margin: 0 0 24px;
  padding: 0 12px;
}

.c-lead-text--center {
  margin: 0 0 24px;
  padding: 0 12px;
  text-align: center;
}

/* 検索結果やランキングの0件表示時の文言 */
.c-no-result-message {
  padding: 32px 0;
  text-align: center;
}

/* エラー文言 */
.c-error {
  margin: 0 12px 24px;
  padding: 12px;
  border: 1px solid #c00303;
  background: #faebeb;
  border-radius: 4px;
}

.c-error__text {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #c00303;
}

.c-error__link {
  color: #c00303;
  text-decoration: underline;
}

/* 境界線つきテキスト */
.c-line__text {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  position: relative;
  display: block;
  margin: 12px auto;
  padding: 0 12px;
  width: 100%;
  text-align: center;
}

.c-line__text::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  left: 12px;
  width: 40%;
  height: 1px;
  background: #ccc;
}

.c-line__text::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  right: 12px;
  width: 40%;
  height: 1px;
  background: #ccc;
}

/* 02_ボタン
------------------------------ */
.c-btn-function {
  font-size: 1.6rem;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  display: block;
  width: 90%;
  max-width: 240px;
  margin: 0 auto;
  padding: 14px 0;
  background: #333;
  border-radius: 3px;
}

.c-btn-function--primary {
  background: #f54687;
}

.c-btn-function--secondary {
  background: #333;
}

.c-btn-function--third {
  padding: 13px 0;
  background: #fff;
  color: #222;
  border: 1px solid #222;
}

.c-btn-function--light {
  padding: 13px 0;
  border: 1px solid #f54687;
  background: #fff;
  color: #f54687;
}

.c-btn-function--disabled {
  background: #e5e5e5;
  pointer-events: none;
}

.c-btn-function--light.c-btn-function--disabled {
  border: 1px solid #e5e5e5;
  background: #fff;
  color: #aaa;
}

.c-btn-function--docomo {
  margin: 0 auto 12px;
  background: #c03;
}

.c-btn-function--long-text {
  font-size: 1.3rem;
}

.c-btn-function--yahoo {
  position: relative;
  margin: 0 auto 12px;
  padding: 14px 8px 14px 38px;
  background: #ff0033;
  font-size: 1.3rem;
}

.c-btn-function--yahoo::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  left: 8px;
  width: 30px;
  height: 18px;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/yahoo_icon.png);
  background-size: contain;
}

.c-btn-function--facebook {
  position: relative;
  margin: 0 auto 12px;
  padding: 14px 8px 14px 38px;
  background: #1D2088;
  font-size: 1.3rem;
}

.c-btn-function--facebook::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23fff'%20d='M30%20.1a30%2030%200%200%200-4.69%2059.64v-21H17.7V30.1h7.61v-6.61c0-7.52%204.48-11.67%2011.33-11.67a46.55%2046.55%200%200%201%206.72.58v7.39h-3.78c-3.73%200-4.89%202.31-4.89%204.68v5.63H43l-1.33%208.67h-7v21A30%2030%200%200%200%2030%20.1z'/%3E%3Cpath%20fill='%231D2088'%20d='M41.68%2038.77L43%2030.1h-8.31v-5.63c0-2.37%201.16-4.68%204.89-4.68h3.78V12.4a46.55%2046.55%200%200%200-6.72-.58c-6.85%200-11.33%204.15-11.33%2011.67v6.61H17.7v8.67h7.61v21a30.73%2030.73%200%200%200%209.38%200v-21z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  left: 8px;
  width: 24px;
  height: 24px;
}

.c-btn-function--playpass {
  position: relative;
  padding: 14px 8px 14px 38px;
  border: 1px solid #6ad8d9;
  background: #fff;
  color: #6ad8d9;
}

.c-btn-function--playpass::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  left: 8px;
  width: 28px;
  height: 28px;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/playpass_icon.png);
  background-size: contain;
}

/* 横並び */
.c-btn-col2 {
  overflow: hidden;
  max-width: 516px;
  margin: 0 auto;
}

.c-btn-col2__item {
  float: left;
  width: 50%;
}

.c-btn-col2__item:nth-child(1) {
  padding: 0 10px 0 12px;
}

.c-btn-col2__item:nth-child(2) {
  padding: 0 12px 0 10px;
}

.c-btn-col2__item .c-btn-function {
  font-size: 1.3rem;
  line-height: 1.3;
  width: 100%;
}

/* もっとみる（読み込み） */
.c-more-btn {
  margin: 24px auto 0;
}

.c-more-btn__link {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  display: block;
  position: relative;
  width: 80%;
  height: 40px;
  max-width: 240px;
  margin: 0 auto;
  padding: 0 24px;
  border: 1px solid #222;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
}

.c-more-btn__link::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23222'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 12px;
  transform: translateY(-50%) rotate(90deg);
}

.c-more-btn__link--loading::after {
  width: 16px;
  height: 16px;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/icon_loading_01.gif);
  background-size: 16px;
  filter: grayscale(0.99);
}

/* もっとみる（遷移） */
.c-more-link {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.c-more-link__link {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #222;
  display: inline-block;
  position: relative;
  padding: 8px 20px 8px 12px;
  background: #f5f5f5;
  border-radius: 9in;
  line-height: 10px;
}

.c-more-link__link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23aaa'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 8px;
  width: 6px;
  height: 10px;
}

.c-section__heading-wrap--more {
  display: table;
  width: 100%;
  max-width: 640px;
  margin: 0 auto 24px;
  padding: 0 12px;
  overflow: hidden;
}

.c-section__heading--more {
  display: table-cell;
  max-width: 180px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* ボタン - ブロック */
.c-btn-block {
  text-align: center;
}

.c-btn-block__inner--rbt {
  margin: 0 12px 24px;
  padding: 24px 0px 8px;
  background: #f5f5f5;
}

.c-btn-block__inner--rbt .c-btn-function {
  margin: 0 auto 12px;
}

.c-btn-block__heading {
  margin: 0 auto 12px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}

.c-btn-block__heading--purchasecomp {
  margin: 0 auto 22px;
  line-height: 1;
}

.c-btn-block__heading-capacity {
  color: #222;
  font-weight: 400;
}

.c-btn-block__btn-link {
  display: inline-block;
}

.c-btn-block__btn-image--googleplay {
  width: 181px;
}

.c-btn-block__btn-image--appstore {
  width: 145px;
}

.c-btn-block__notes {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  display: block;
  margin: 0 auto 12px;
}

.c-btn-block__notes--purchasecomp {
  margin: 22px auto 0;
  line-height: 1;
}

/* 戻るボタン */
.c-btn-back {
  margin: 32px auto 0;
}

/* 03_リンク
------------------------------ */
/* 矢印付きテキストリンク */
.c-link-arrow {
  margin: 0 0 1.5rem;
  padding: 0 12px;
}

.c-link-arrow--align_right {
  text-align: right;
}

.c-link-arrow__link {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: inline-block;
  position: relative;
  padding: 0 12px 0 0;
}

.c-link-arrow__link::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5px'%20height='11px'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23222'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 11px;
  transform: translateY(-50%);
}

/* 矢印付きモーダルリンク */
.c-modal-arrow {
  margin: 0 0 1.5rem;
  padding: 0 12px;
}

.c-modal-arrow--align_right {
  text-align: right;
}

.c-modal-arrow__inner {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: inline-block;
  position: relative;
  padding: 0 12px 0 0;
}

.c-modal-arrow__inner::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5px'%20height='11px'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23222'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 5px;
  height: 11px;
  transform: translateY(-50%);
}

.c-modal-arrow__inner--notes {
  text-indent: 0;
}

.c-modal-arrow--product-lock,
.c-link-arrow--product-lock {
  margin: 16px 0 0;
}

.c-modal-arrow--product-lock .c-modal-arrow__inner {
  position: relative;
  padding: 0 12px 0 18px;
}

.c-modal-arrow--product-lock .c-modal-arrow__inner::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13px'%20height='13px'%20viewBox='0%200%2011%2012'%3E%3Cpath%20fill='%23222'%20d='M5.75%206.03h-.5v4h.5v-4z'/%3E%3Cpath%20fill='%23222'%20d='M10.26%203.53H8.73A3.42%203.42%200%200%200%205.5%200a3.42%203.42%200%200%200-3.23%203.53H.74a.75.75%200%200%200-.74.76v7a.75.75%200%200%200%20.74.71h9.52a.75.75%200%200%200%20.74-.75v-7a.75.75%200%200%200-.74-.72zM5.5.5a2.93%202.93%200%200%201%202.74%203H2.76A2.93%202.93%200%200%201%205.5.5zm5%2010.75a.25.25%200%200%201-.25.25H.74a.25.25%200%200%201-.25-.25v-7A.26.26%200%200%201%20.74%204h9.52a.26.26%200%200%201%20.25.26z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 13px;
  height: 16px;
  transform: translateY(-50%);
}

/* 04_表示
------------------------------ */
/* 三点リーダー */
.c-el {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-el2 {
  max-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  word-break: break-all;
}

/* 共通ブロック
================================================ */
/* 01_パンくずリスト
------------------------------ */
.breadcrumb {
  max-width: 1000px;
  margin: 0 auto;
  padding: 8px 12px;
}

.breadcrumb-list {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumb-list__item {
  position: relative;
  display: inline;
  margin: 0 14px 0 0;
  line-height: 1.1;
}

.breadcrumb-list__item:first-child {
  padding: 0;
}

.breadcrumb-list__item::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23222'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  display: inline;
  width: 5px;
  height: 9px;
  top: 50%;
  margin-top: -4.5px;
}

.breadcrumb-list__item:last-child::after {
  content: none;
}

.breadcrumb-list__item-link {
  font-size: 1rem;
  color: #222;
  padding: 0 8px 0 0;
}

/* 02_タブ
------------------------------ */
.c-tab {
  max-width: 1000px;
  margin: auto;
}

.c-tab-nav {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.c-tab-nav__item {
  position: relative;
}

.c-tab-nav__item-inner {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
}

/* fix */
.c-tab-nav--fix {
  display: table;
  table-layout: fixed;
}

.c-tab-nav--fix .c-tab-nav__item::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}

.c-tab-nav--fix .c-tab-nav__item {
  display: table-cell;
  text-align: center;
}

.c-tab-nav--fix .c-tab-nav__item-inner {
  display: block;
  position: relative;
  width: 100%;
  padding: 16px 0;
  line-height: 1;
}

/* auto */
.c-tab-nav--auto {
  width: 3000px;
  margin: 0;
  overflow: hidden;
  right: 0;
}

.c-tab-nav--auto::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}

.c-tab-nav--auto .c-tab-nav__item {
  float: left;
}

.c-tab-nav--auto .c-tab-nav__item-inner {
  display: block;
  position: relative;
  padding: 16px 12px;
  line-height: 1;
  text-align: center;
}

.c-tab-nav--auto .c-tab-nav__item-inner--rington-external {
  padding-right: 26px;
}

.c-tab-nav--auto .c-tab-nav__item-inner--rington-external::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%23ccc'%20d='M11.51%200h-3.1v.98h1.92L6.2%205.11l.21.21.27.27.21.21%204.14-4.14v1.93H12V.49L11.51%200z'/%3E%3Cpath%20fill='%23ccc'%20d='M9.57%2011.02H.97V2.44h5.67v-.98H0V12H10.54V5.36h-.97v5.66z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 12px;
  width: 10px;
  height: 10px;
}

.c-tab-nav--auto::-webkit-scrollbar,
.slider-wrap::-webkit-scrollbar {
  display: none;
}

/* 2行タブ */
.c-tab-nav--auto .c-tab-nav-2-lines {
  padding: 6px 12px;
}

.c-tab-nav-2-lines__line-1,
.c-tab-nav-2-lines__line-2 {
  display: block;
}

.c-tab-nav-2-lines__line-2 {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  padding: 2px 0 0;
}

/* active */
.c-tab-nav__item--active .c-tab-nav__item-inner {
  color: #f54687;
  font-weight: 500;
}

.c-tab-nav--fix .c-tab-nav__item--active::after,
.c-tab-nav--auto .c-tab-nav__item--active::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #f54687;
}

/* disabled */
.c-tab-nav__item--disabled .c-tab-nav__item-inner {
  color: #ccc;
  pointer-events: none;
}

.c-tab-body--serch-all {
  margin: 0;
}

/* スライダー */
.c-tab .slider-wrap {
  position: relative;
  opacity: 0;
}

.c-tab .slider-wrap::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}

/* 03_モーダル
------------------------------ */
/* モーダル共通 */
.c-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 90vw;
  max-width: 480px;
  max-height: 75%;
  background: #fff;
  transform: translate(-50%, -50%);
  z-index: 60;
}

.c-modal--video {
  background: #000;
  max-height: none;
}

.c-modal__inner {
  overflow-y: auto;
  max-height: 75vh;
  padding: 24px 0 32px;
  -webkit-overflow-scrolling: touch;
}

.c-modal__inner .c-section {
  border: none;
}

.c-modal__inner--video {
  padding: 0;
  max-height: none;
}

.c-modal__inner--error {
  overflow-y: auto;
  max-height: 75vh;
  padding: 24px 0;
}

.c-modal__inner--product {
  padding: 24px 0;
}

.c-modal__text {
  margin: 0 0 18px;
  padding: 0 12px;
}

.c-modal__text--center {
  margin: 0 0 24px;
  text-align: center;
}

.c-modal__text--last {
  margin: 0;
}

.c-modal__text:last-of-type {
  margin: 0;
}

.c-modal__close {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23fff'%20d='M58%2060.1L30%2032%202%2060.1l-2-2%2028-28L0%202%202%20.1l28%2028%2028-28L60%202%2032%2030.1l28%2028z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  position: absolute;
  top: -34px;
  right: 0;
  width: 22px;
  height: 22px;
  cursor: pointer;
  z-index: 60;
}

.c-modal-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  z-index: 50;
}

.c-modal .c-section:last-child,
.c-modal .c-section-child:last-child {
  margin: 0 auto;
  padding: 0;
}

/* ビデオモーダル */
.video-modal {
  /* 初期非表示 */
  display: none;
}

/* 04_検索ボックス
------------------------------ */
.c-search-box {
  position: relative;
}

.c-search-box__form {
  width: 100%;
  height: 40px;
  padding: 0 34px 0 44px;
  line-height: 1.2;
  border: 1px solid #ccc;
  border-radius: 20px;
  background: #fff;
}

.c-search-box__form::-webkit-input-placeholder {
  color: #aaa;
}

.c-search-box__form::placeholder {
  color: #aaa;
}

.c-search-box__form[type="search"]::-webkit-search-cancel-button,
.c-search-box__form[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.c-search-box__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2059%2060'%3E%3Cpath%20fill='%23222'%20d='M58.66%2058.07l-15.32-16a1.25%201.25%200%200%200-.7-.34A24.94%2024.94%200%200%200%2042%207.36a24.49%2024.49%200%200%200-34.8%200%2025%2025%200%200%200%200%2035.09%2024.35%2024.35%200%200%200%2017.4%207.26%2024.32%2024.32%200%200%200%2016.72-6.62%201.12%201.12%200%200%200%20.31.68L57%2059.73a1.18%201.18%200%200%200%20.86.37%201.16%201.16%200%200%200%20.83-.34%201.2%201.2%200%200%200-.03-1.69zM24.6%2047.31a22%2022%200%200%201-15.72-6.56%2022.57%2022.57%200%200%201%200-31.7%2022.13%2022.13%200%200%201%2031.43%200%2022.55%2022.55%200%200%201%200%2031.7%2022%2022%200%200%201-15.71%206.56z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  left: 16px;
  width: 20px;
  height: 20px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.c-search-box__reset {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23ccc'%20d='M58%2060.1L30%2032%202%2060.1l-2-2%2028-28L0%202%202%20.1l28%2028%2028-28L60%202%2032%2030.1l28%2028z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: none;
  right: 14px;
  width: 14px;
  height: 14px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* 05_SNSシェアボタン
------------------------------ */
.c-sharebtn__list {
  text-align: center;
}

.c-sharebtn__item {
  display: inline-block;
  margin: 0 24px 0 0;
}

.c-sharebtn__item:last-child {
  margin: 0;
}

.c-sharebtn__item-link {
  display: block;
  width: 28px;
  height: 28px;
}

.c-sharebtn__item-link--twitter {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30'%20r='30'%20fill='%231da1f2'/%3E%3Cpath%20fill='%23fff'%20d='M24.51%2045.82c13.3%200%2020.58-11%2020.58-20.57v-.94a14.76%2014.76%200%200%200%203.61-3.74%2014.9%2014.9%200%200%201-4.16%201.14%207.31%207.31%200%200%200%203.18-4%2014.56%2014.56%200%200%201-4.59%201.75%207.24%207.24%200%200%200-12.53%204.95%206.9%206.9%200%200%200%20.19%201.65%2020.53%2020.53%200%200%201-14.91-7.56%207.24%207.24%200%200%200%202.24%209.66%207.28%207.28%200%200%201-3.28-.91v.09a7.22%207.22%200%200%200%205.8%207.09%207%207%200%200%201-1.9.26%207.56%207.56%200%200%201-1.36-.13%207.24%207.24%200%200%200%206.75%205%2014.49%2014.49%200%200%201-9%203.1%2016.22%2016.22%200%200%201-1.72-.1%2020.47%2020.47%200%200%200%2011.08%203.24'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.c-sharebtn__item-link--facebook {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%231777f2'%20d='M30%20.1a30%2030%200%200%200-4.69%2059.64v-21H17.7V30.1h7.61v-6.61c0-7.52%204.48-11.67%2011.33-11.67a46.55%2046.55%200%200%201%206.72.58v7.39h-3.78c-3.73%200-4.89%202.31-4.89%204.68v5.63H43l-1.33%208.67h-7v21A30%2030%200%200%200%2030%20.1z'/%3E%3Cpath%20fill='%23fff'%20d='M41.68%2038.77L43%2030.1h-8.31v-5.63c0-2.37%201.16-4.68%204.89-4.68h3.78V12.4a46.55%2046.55%200%200%200-6.72-.58c-6.85%200-11.33%204.15-11.33%2011.67v6.61H17.7v8.67h7.61v21a30.73%2030.73%200%200%200%209.38%200v-21z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.c-sharebtn__item-link--line {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30'%20r='30'%20fill='%2300b123'/%3E%3Cpath%20fill='%23fff'%20d='M49.95%2028.2C49.95%2019.27%2041%2012%2030%2012s-19.95%207.27-19.95%2016.2c0%208%207.1%2014.7%2016.68%2015.98.65.14%201.54.43%201.76.98a4.1%204.1%200%2001.07%201.8l-.29%201.7c-.08.5-.4%201.98%201.73%201.08s11.5-6.76%2015.68-11.58c2.89-3.17%204.28-6.4%204.28-9.96'/%3E%3Cpath%20fill='%2300b123'%20d='M25.95%2023.88h-1.4a.39.39%200%2000-.4.4v8.7a.39.39%200%2000.4.38h1.4a.39.39%200%2000.38-.39v-8.7a.39.39%200%2000-.38-.39m9.63%200h-1.4a.39.39%200%2000-.39.4v5.16l-3.98-5.38-.03-.04-.03-.03-.02-.02h-.01l-.03-.02v-.01l-.03-.01-.03-.02h-.01l-.03-.01h-1.51a.39.39%200%2000-.38.39v8.7a.39.39%200%2000.38.38h1.4a.39.39%200%2000.4-.38V27.8l3.98%205.39a.38.38%200%2000.1.1H34l.01.02h.02l.02.02h.04a.35.35%200%2000.1.02h1.4a.39.39%200%2000.39-.39v-8.69a.39.39%200%2000-.39-.39m-13.02%207.3h-3.8v-6.9a.39.39%200%2000-.39-.4h-1.4a.39.39%200%2000-.39.4v8.69a.39.39%200%2000.11.26v.01h.01a.39.39%200%2000.27.11h5.6a.39.39%200%2000.38-.38v-1.4a.39.39%200%2000-.39-.4m20.73-5.11a.39.39%200%2000.4-.39v-1.4a.39.39%200%2000-.4-.39h-5.58a.39.39%200%2000-.27.11l-.01.01a.39.39%200%2000-.11.27v8.7a.39.39%200%2000.1.26l.01.01a.39.39%200%2000.27.1h5.6a.39.39%200%2000.38-.38v-1.4a.39.39%200%2000-.39-.39h-3.8v-1.46h3.8a.39.39%200%2000.4-.4v-1.4a.39.39%200%2000-.4-.38h-3.8v-1.47z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

/* 07_ジャンル一覧
------------------------------ */
.c-genre-list {
  position: relative;
  overflow: hidden;
  padding: 0 12px;
}

.c-genre-list__item {
  float: left;
  margin: 0 2.3% 2.3% 0;
  width: 31.8%;
  height: 90px;
}

.c-genre-list__item:nth-child(3n) {
  margin-right: 0;
}

.c-genre-list__item:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.c-genre-list__item-image {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.c-genre-list__link {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  filter: grayscale(0.4);
}

.c-genre-list__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background: rgba(0, 0, 0, 0.4);
}

.c-genre-list__link-text {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #fff;
  position: absolute;
  top: 50%;
  padding: 0 10px;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  z-index: 1;
}

.c-genre-list__link-text--narrow {
  letter-spacing: -0.02em;
}

.c-genre-list__link-text--small {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #fff;
}

/* 08_特集バナー
------------------------------ */
.c-specialbnr-list {
  overflow: hidden;
  padding: 0 12px;
  font-size: 0;
}

.c-specialbnr-list__item {
  display: inline-block;
  width: 48.25%;
  vertical-align: top;
}

.c-specialbnr-list__item:not(:nth-child(2n)) {
  margin-right: 3.5%;
}

.c-specialbnr-list__item:not(:nth-last-child(-n+2)) {
  margin-bottom: 12px;
}

.c-specialbnr-list__item-link {
  display: block;
  position: relative;
  padding-top: 52.5%;
}

.c-specialbnr-list__item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

/* 09_ダウンロードボタン
------------------------------ */
.c-download-block {
  margin: 0 12px;
  padding: 24px 12px;
  background: #f5f5f5;
}

.c-download-block__inner {
  overflow: hidden;
  margin: 0 auto;
}

.c-download-block .c-btn-block__btn {
  margin: 12px auto;
}

.c-download-block__btn:not(:last-child) .c-btn-block__btn {
  margin: 12px auto 24px;
}

.c-download-block__btn {
  margin: 0 auto 26px;
}

.c-download-block__btn:last-child {
  margin: 0 auto;
}

.c-download-block__text {
  margin: 24px 0 0;
}

.c-download-block__notice {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 24px 0 0;
}

.c-download-block__album-lock-icon {
  display: inline-block;
  position: relative;
  margin: 0 5px 5px 0;
  padding: 0 12px 0 0;
}

.c-download-block__album-lock-icon::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12px'%20height='13px'%20viewBox='0%200%2011%2012'%3E%3Cpath%20fill='%23222'%20d='M5.75%206.03h-.5v4h.5v-4z'/%3E%3Cpath%20fill='%23222'%20d='M10.26%203.53H8.73A3.42%203.42%200%200%200%205.5%200a3.42%203.42%200%200%200-3.23%203.53H.74a.75.75%200%200%200-.74.76v7a.75.75%200%200%200%20.74.71h9.52a.75.75%200%200%200%20.74-.75v-7a.75.75%200%200%200-.74-.72zM5.5.5a2.93%202.93%200%200%201%202.74%203H2.76A2.93%202.93%200%200%201%205.5.5zm5%2010.75a.25.25%200%200%201-.25.25H.74a.25.25%200%200%201-.25-.25v-7A.26.26%200%200%201%20.74%204h9.52a.26.26%200%200%201%20.25.26z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 13px;
  transform: translateY(-50%);
}

/* 10_注意文言
------------------------------ */
.c-caution {
  max-width: 1000px;
  margin: 0 12px 30px;
  padding: 10px 12px;
  background: #faebeb;
  border: 1px solid #c00303;
  border-radius: 3px;
}

.c-caution__text {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #c00303;
  margin: 0 0 0.7rem;
}

.c-caution__text:last-child {
  margin: 0;
}

.c-notice {
  max-width: 1000px;
  margin: 0 12px 30px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}

.c-notice__text {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 0 0 0.7rem;
}

.c-notice__text:last-child {
  margin: 0;
}

.c-notice__list-text {
  margin: 0 0 8px;
  padding: 0 0 0 2px;
}

/* 11_ダウンロード方法
------------------------------ */
.c-howto-download__text {
  margin: 0 0 24px;
  padding: 0 12px;
  text-align: left;
}

.c-howto-download__image {
  max-width: 360px;
  margin: 0 auto;
  padding: 0 12px;
}

/* 12_試聴プレイヤー （mediaElementsのオーバーライド）
------------------------------ */
.mejs__button > button {
  margin: 5px 6px;
}

.mejs__currenttime-container {
  /* 現在の再生時間の余白調整 */
  padding: 10px 6px 0;
}

.mejs__duration-container {
  /* 全体時間の余白調整：一部状況で見切れないように右端を少し多めにとる */
  padding: 10px 16px 0 6px;
}

.mejs__time-rail {
  padding-top: 5px;
  height: auto;
}

.mejs__container {
  background: transparent;
}

.mejs__controls:not([style*="display: none"]) {
  background: transparent;
}

.mejs__horizontal-volume-total {
  top: 11px;
}

/* 13_特集関連のヘッダ
------------------------------ */
/* 一覧 */
.c-specialpage-bnr-list {
  padding: 24px 12px;
}

.c-specialpage-bnr-list__item {
  margin: 0 auto 24px;
  max-width: 480px;
}

.c-specialpage-bnr__link {
  display: block;
}

/* バナーエリア */
.c-special-heading-section {
  position: relative;
  overflow: hidden;
}

.c-special-heading__inner {
  background-color: #fff;
}

/* リード文 */
.c-special-heading-text {
  padding: 22px 10px 0;
}

.c-special-heading-text__heading {
  margin: 0 0 20px;
}

/* 特集用段落指定 */
.c-special-heading-text__lead h2 {
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.7;
}

/* フリー入力エリア */
.c-special-extra-section--top {
  margin: 0 0 24px 0;
}

.c-special-extra-section--bottom {
  margin: 32px 0 0 0;
}

/* 14_計画メンテナンスページ
------------------------------ */
.maintenance {
  padding: 0 12px;
}

.maintenance__text {
  margin: 0 0 1.5em;
}

/* 15_支払い画面（クレジットカード・プリペイドカード・呼出音）
------------------------------ */
.c-payment {
  max-width: 640px;
  margin: 24px 12px;
  border-bottom: 1px solid #e5e5e5;
}

.c-payment--rbt {
  margin: 16px 12px;
  border-bottom: none;
}

.c-payment--rbt .c-payment__price-inner {
  font-size: 2.2rem;
}

.c-payment__inner {
  overflow: hidden;
  display: table;
  width: 100%;
  margin: 0 auto;
  padding: 12px 0;
  border-top: 1px solid #e5e5e5;
}

.c-payment__type {
  font-size: 1.6rem;
  line-height: 1.6;
  display: table-cell;
  vertical-align: middle;
  font-weight: 500;
}

.c-payment__price {
  display: table-cell;
}

.c-payment__price-tax {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #222;
  margin: 0 0 0 4px;
}

.c-payment__price-inner {
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: right;
  font-weight: 500;
}

.c-payment__ask-text {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  text-align: right;
}

.c-payment__ask-price {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 4px 0 0;
  text-align: right;
}

.c-payment__price-inner--difference {
  color: #c00303;
}

/* 16_スライダー
------------------------------ */
.slider-wrap {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

/* 17_テーブル
------------------------------ */
.c-table {
  width: 100%;
  margin: 0 0 24px;
  padding: 0 12px;
  display: block;
}

.c-table-head__item {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  background: #f5f5f5;
  padding: 12px;
  width: 33%;
  border: 1px solid #e5e5e5;
}

.c-table-head .c-table-head__item:last-child {
  background: #f54687;
  color: #fff;
}

.c-table-body__title {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #222;
  padding: 8px 12px;
  background: #f5f5f5;
  text-align: left;
  border: 1px solid #e5e5e5;
}

.c-table-body__item {
  background: #fff;
  text-align: center;
  font-size: 1.3rem;
  vertical-align: middle;
  border: 1px solid #e5e5e5;
}

/* 19_商品リスト
------------------------------ */
.c-product-list__audition-btn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.c-product-list__audition-btn::after {
  content: "";
  display: block;
  position: absolute;
}

.c-product-list__audition-btn--play::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30'%20r='30'%20fill='%23fff'%20fill-opacity='.8'/%3E%3Cpath%20fill='%23777'%20d='M30%201A29%2029%200%201%201%201%2030%2029%2029%200%200%201%2030%201m0-1a30%2030%200%201%200%2030%2030A30%2030%200%200%200%2030%200z'/%3E%3Cpath%20fill='%23777'%20d='M43.73%2030L23.75%2045.02V14.98L43.73%2030z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.c-product-list__audition-btn--pause::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30.1'%20r='30'%20fill='%23fff'%20fill-opacity='.8'/%3E%3Cpath%20fill='%23f54687'%20d='M30%202.1a28%2028%200%201%201-28%2028%2028%2028%200%200%201%2028-28m0-2a30%2030%200%201%200%2030%2030%2030%2030%200%200%200-30-30z'/%3E%3Crect%20width='20'%20height='20'%20x='20'%20y='20.1'%20fill='%23f54687'%20rx='1.25'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.c-product-list__audition-btn--loading::after {
  opacity: 0.7;
  border: solid 1px #aaa;
  border-radius: 50%;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/icon_loading_01.gif) no-repeat 50%;
  background-size: 14px auto;
  background-color: #fff;
  filter: grayscale(0.99);
}

.c-product-list__link--unavailable {
  background: #e5e5e5;
}

.c-product-list__link--unavailable .c-product-list__thum {
  opacity: 0.4;
  background: #e5e5e5;
}

.c-product-list--gridview_col2 {
  padding: 0 12px;
  font-size: 0;
}

.c-product-list--gridview_col2 .c-product-list__item {
  width: 48.25%;
  margin-bottom: 16px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 1rem;
}

.c-product-list--gridview_col2 .c-product-list__item:nth-child(2n) {
  margin-right: 0;
}

.c-product-list--gridview_col2 .c-product-list__item:not(:nth-child(2n)) {
  margin-right: 3.5%;
}

.c-product-list--gridview_col2 .c-product-list__item:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.c-product-list--gridview_col2 .c-product-list__link {
  display: block;
  position: relative;
}

.c-product-list--gridview_col2 .c-product-list__thum {
  letter-spacing: -0.5em;
  background: #f5f5f5;
}

.c-product-list--gridview_col2 .c-product-list__thum-image {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.c-product-list--gridview_col2 .c-product-list__info {
  position: relative;
  height: 112px;
  padding: 10px 0;
}

.c-product-list--gridview_col2 .c-product-list__title {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  font-weight: 500;
}

.c-product-list--gridview_col2 .c-product-list__artist {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #222;
  margin: 2px 0 0;
}

.c-product-list--gridview_col2 .c-product-list__tieup {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  max-height: 3em;
  margin: 8px 0 0;
}

.c-product-list--gridview_col2 .c-product-list__data {
  display: none;
}

.c-product-list--gridview_col2 .c-product-list__icon {
  margin: 8px 0 0;
  font-size: 0;
}

.c-product-list--gridview_col2 .c-product-list__icon-image {
  width: auto;
  height: 14px;
}

.c-product-list--gridview_col2 .c-product-list__icon-image:not(:last-child) {
  margin: 0 4px 0 0;
}

.c-product-list--gridview_col2 .c-product-list__audition {
  position: absolute;
  bottom: 112px;
  right: 0;
  width: 36px;
  height: 36px;
}

.c-product-list--gridview_col2 .c-product-list__audition::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-product-list--gridview_col2 .c-product-list__audition-btn::after {
  bottom: 4px;
  right: 4px;
  width: 30px;
  height: 30px;
}

.c-product-list--gridview_col2 .c-product-list__audition-btn--loading::after {
  background-size: 18px;
}

.c-product-list--gridview_col2 .c-product-list__link--unavailable .c-product-list__info {
  padding: 10px 8px;
}

.c-product-list--gridview_col3 {
  padding: 0 12px;
  font-size: 0;
}

.c-product-list--gridview_col3 .c-product-list__item {
  width: 31%;
  margin-bottom: 12px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 1rem;
}

.c-product-list--gridview_col3 .c-product-list__item:nth-child(3n) {
  margin-right: 0;
}

.c-product-list--gridview_col3 .c-product-list__item:not(:nth-child(3n)) {
  margin-right: 3.5%;
}

.c-product-list--gridview_col3 .c-product-list__item:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.c-product-list--gridview_col3 .c-product-list__link {
  display: block;
  position: relative;
}

.c-product-list--gridview_col3 .c-product-list__thum {
  letter-spacing: -0.5em;
  background: #f5f5f5;
}

.c-product-list--gridview_col3 .c-product-list__thum-image {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.c-product-list--gridview_col3 .c-product-list__info {
  position: relative;
  height: 70px;
  padding: 6px 0;
}

.c-product-list--gridview_col3 .c-product-list__title {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  font-weight: 500;
}

.c-product-list--gridview_col3 .c-product-list__artist {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #222;
}

.c-product-list--gridview_col3 .c-product-list__icon {
  margin: 8px 0 0;
  font-size: 0;
}

.c-product-list--gridview_col3 .c-product-list__icon-image {
  width: auto;
  height: 14px;
}

.c-product-list--gridview_col3 .c-product-list__icon-image:not(:last-child) {
  margin: 0 4px 0 0;
}

.c-product-list--gridview_col3 .c-product-list__audition {
  position: absolute;
  bottom: 70px;
  right: 0;
  width: 30px;
  height: 30px;
}

.c-product-list--gridview_col3 .c-product-list__audition::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-product-list--gridview_col3 .c-product-list__audition-btn::after {
  bottom: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
}

.c-product-list--gridview_col3 .c-product-list__link--unavailable .c-product-list__info {
  padding: 10px 8px;
}

.c-product-list--viewchange,
.c-product-list--listview {
  padding: 0 12px;
}

.c-product-list--viewchange .c-product-list__item,
.c-product-list--listview .c-product-list__item {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}

.c-product-list--viewchange .c-product-list__item:first-child,
.c-product-list--listview .c-product-list__item:first-child {
  border-top: 1px solid #e5e5e5;
}

.c-product-list--viewchange .c-product-list__link,
.c-product-list--listview .c-product-list__link {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 12px 0;
}

.c-product-list--viewchange .c-product-list__link::after,
.c-product-list--listview .c-product-list__link::after {
  content: "";
}

.c-product-list--viewchange .c-product-list__link[href]::after,
.c-product-list--listview .c-product-list__link[href]::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8px'%20height='16px'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 6px;
  width: 8px;
  height: 16px;
}

.c-product-list--viewchange .c-product-list__link--present,
.c-product-list--listview .c-product-list__link--present {
  padding: 32px 0;
}

.c-product-list--viewchange .c-product-list__thum,
.c-product-list--listview .c-product-list__thum {
  display: table-cell;
  vertical-align: top;
  width: 75px;
  height: 75px;
  letter-spacing: -0.5em;
}

.c-product-list--viewchange .c-product-list__thum-image,
.c-product-list--listview .c-product-list__thum-image {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  background-color: #f5f5f5;
}

.c-product-list--viewchange .c-product-list__info,
.c-product-list--listview .c-product-list__info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 0 18px 0 12px;
}

.c-product-list--viewchange .c-product-list__title,
.c-product-list--listview .c-product-list__title {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: -1px 0 0;
  font-weight: 500;
}

.c-product-list--viewchange .c-product-list__title--purchase-history,
.c-product-list--listview .c-product-list__title--purchase-history {
  margin: 0 0 2px;
}

.c-product-list--viewchange .c-product-list__artist,
.c-product-list--listview .c-product-list__artist {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
}

.c-product-list--viewchange .c-product-list__artist--link,
.c-product-list--listview .c-product-list__artist--link {
  position: relative;
  color: #f54687;
}

.c-product-list--viewchange .c-product-list__artist--link::after,
.c-product-list--listview .c-product-list__artist--link::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23f54687'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  width: 6px;
  height: 9px;
  margin: 0 0 0 4px;
}

.c-product-list--viewchange .c-product-list__artist--link-disabled,
.c-product-list--listview .c-product-list__artist--link-disabled {
  color: #ccc;
}

.c-product-list--viewchange .c-product-list__artist--link-disabled::after,
.c-product-list--listview .c-product-list__artist--link-disabled::after {
  content: none;
}

.c-product-list--viewchange .c-product-list__tieup,
.c-product-list--listview .c-product-list__tieup {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 8px 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.c-product-list--viewchange .c-product-list__data,
.c-product-list--listview .c-product-list__data {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 8px 0 0;
}

.c-product-list--viewchange .c-product-list__detail,
.c-product-list--listview .c-product-list__detail {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 12px 0 0;
}

.c-product-list--viewchange .c-product-list__icon,
.c-product-list--listview .c-product-list__icon {
  margin: 3px 0 0;
  font-size: 0;
}

.c-product-list--viewchange .c-product-list__icon-image,
.c-product-list--listview .c-product-list__icon-image {
  width: auto;
  height: 14px;
}

.c-product-list--viewchange .c-product-list__icon-image:not(:last-child),
.c-product-list--listview .c-product-list__icon-image:not(:last-child) {
  margin: 0 4px 0 0;
}

.c-product-list--viewchange .c-product-list__icon-image--present,
.c-product-list--listview .c-product-list__icon-image--present {
  margin: 0 4px 4px 0;
}

.c-product-list--viewchange .c-product-list__icon-image--present:not(:last-child),
.c-product-list--listview .c-product-list__icon-image--present:not(:last-child) {
  margin: 0 4px 4px 0;
}

.c-product-list--viewchange .c-product-list__icon-image--lock,
.c-product-list--listview .c-product-list__icon-image--lock {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
}

.c-product-list--viewchange .c-product-list__icon-image--lock::before,
.c-product-list--listview .c-product-list__icon-image--lock::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2011%2012'%3E%3Cpath%20fill='%23666'%20d='M5.75%206.03h-.5v4h.5v-4z'/%3E%3Cpath%20fill='%23666'%20d='M10.26%203.53H8.73A3.42%203.42%200%200%200%205.5%200a3.42%203.42%200%200%200-3.23%203.53H.74a.75.75%200%200%200-.74.76v7a.75.75%200%200%200%20.74.71h9.52a.75.75%200%200%200%20.74-.75v-7a.75.75%200%200%200-.74-.72zM5.5.5a2.93%202.93%200%200%201%202.74%203H2.76A2.93%202.93%200%200%201%205.5.5zm5%2010.75a.25.25%200%200%201-.25.25H.74a.25.25%200%200%201-.25-.25v-7A.26.26%200%200%201%20.74%204h9.52a.26.26%200%200%201%20.25.26z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
}

.c-product-list--viewchange .c-product-list__audition,
.c-product-list--listview .c-product-list__audition {
  position: absolute;
  top: 57px;
  left: 46px;
  width: 30px;
  height: 30px;
}

.c-product-list--viewchange .c-product-list__audition--wish,
.c-product-list--listview .c-product-list__audition--wish {
  left: 57px;
}

.c-product-list--viewchange .c-product-list__audition::before,
.c-product-list--listview .c-product-list__audition::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-product-list--viewchange .c-product-list__audition-btn::after,
.c-product-list--listview .c-product-list__audition-btn::after {
  bottom: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
}

.c-product-list--viewchange .c-product-list__rank,
.c-product-list--listview .c-product-list__rank {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 40px;
  margin: 0;
  text-align: center;
  z-index: 5;
}

.c-product-list--viewchange .c-product-list__rank-number,
.c-product-list--listview .c-product-list__rank-number {
  display: block;
  margin: 0;
}

.c-product-list--viewchange.c-product-list--ranking .c-product-list__link,
.c-product-list--listview.c-product-list--ranking .c-product-list__link {
  padding: 12px 30px 12px 44px;
}

.c-product-list--viewchange.c-product-list--ranking .c-product-list__audition,
.c-product-list--listview.c-product-list--ranking .c-product-list__audition {
  left: 89px;
}

.c-product-list--viewchange.c-product-list--whishlist .c-product-list__link,
.c-product-list--listview.c-product-list--whishlist .c-product-list__link {
  padding: 12px 42px 12px 12px;
}

.c-product-list--viewchange.c-product-list--whishlist .c-product-list__info,
.c-product-list--listview.c-product-list--whishlist .c-product-list__info {
  padding: 0 0 0 12px;
}

.c-product-list--listview .c-product-list__artist + .c-product-list__icon {
  margin: 8px 0 0;
}

.c-product-list--listview .c-artist-list__title + .c-product-list__icon {
  margin: 8px 0 0;
}

.c-product-list__rank {
  margin: 0 0 8px;
  vertical-align: top;
  height: 24px;
}

.c-product-list__rank-number {
  display: inline-block;
  text-align: center;
  font-size: 1.8rem;
  font-family: "Roboto";
  font-weight: 500;
  line-height: 25px;
  vertical-align: top;
  color: #aaa;
}

.c-product-list__rank-number--number_1 {
  color: #e5c237;
}

.c-product-list__rank-number--number_2 {
  color: #979797;
}

.c-product-list__rank-number--number_3 {
  color: #d06c29;
}

.c-product-list__discount {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 8px 0 0;
}

.c-product-list__discount-arrow {
  padding: 0 5px;
}

.c-product-list__discounted-price {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #f54687;
}

.c-product-list__original-price-label {
  padding: 0 10px 0 0;
}

.c-product-list__original-price {
  text-decoration: line-through;
}

.c-product-list__priceoff-price {
  font-size: 1.4rem;
  margin: 8px 0 0;
  line-height: 1.4;
  text-indent: -2px;
}

.c-product-list__data + .c-product-list__priceoff-price {
  margin: 2px 0 0;
}

.c-product-list__priceoff-price-discounted {
  color: #f54687;
}

.c-product-list__priceoff-data {
  margin: 12px 0 0;
  color: #aaa;
  line-height: 1.4;
}

.c-product-list--listview .c-product-list__priceoff-price {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
}

.c-product-list--listview .c-product-list__priceoff-price-arrow {
  padding: 0 2px;
}

.c-product-list--listview .c-product-list__priceoff-data {
  text-align: right;
  font-size: 1.1rem;
}

.c-product-list--gridview_col2 .c-product-list__priceoff-price {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
}

.c-product-list--gridview_col2 .c-product-list__priceoff-price-arrow {
  padding: 0;
}

.c-product-list--gridview_col2 .c-product-list__priceoff-data {
  text-align: left;
  font-size: 1rem;
}

.c-product-list--gridview_col2 .c-product-list__priceoff-data-text {
  display: none;
}

.c-product-list-lead {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 0 0 16px;
  padding: 0 12px;
}

.c-product-list--ranking-top {
  padding: 0 12px;
  font-size: 0;
}

.c-product-list--ranking-top .c-product-list__item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 1rem;
  width: 31%;
  margin-bottom: 12px;
}

.c-product-list--ranking-top .c-product-list__item:nth-child(3n) {
  margin-right: 0;
}

.c-product-list--ranking-top .c-product-list__item:not(:nth-child(3n)) {
  margin-right: 3.5%;
}

.c-product-list--ranking-top .c-product-list__item:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.c-product-list--ranking-top .c-product-list__item:nth-last-child(-n+3) {
  margin-bottom: 12px;
}

.c-product-list--ranking-top .c-product-list__link {
  display: block;
  position: relative;
}

.c-product-list--ranking-top .c-product-list__thum {
  letter-spacing: -0.5em;
  background: #f5f5f5;
}

.c-product-list--ranking-top .c-product-list__thum-image {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.c-product-list--ranking-top .c-product-list__info {
  position: relative;
  height: 58px;
  padding: 6px 0;
}

.c-product-list--ranking-top .c-product-list__title {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  font-weight: 500;
}

.c-product-list--ranking-top .c-product-list__artist {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #222;
}

.c-product-list--ranking-top .c-product-list__tieup {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 8px 0 0;
}

.c-product-list--ranking-top .c-product-list__icon {
  margin: 8px 0 0;
  font-size: 0;
}

.c-product-list--ranking-top .c-product-list__icon-image {
  width: auto;
  height: 14px;
}

.c-product-list--ranking-top .c-product-list__icon-image:not(:last-child) {
  margin: 0 4px 0 0;
}

.c-product-list--ranking-top .c-product-list__audition {
  position: absolute;
  bottom: 58px;
  right: 0;
  width: 30px;
  height: 30px;
}

.c-product-list--ranking-top .c-product-list__audition::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-product-list--ranking-top .c-product-list__audition-btn::after {
  bottom: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
}

.c-product-list--ranking-top .c-product-list__link--unavailable .c-product-list__info {
  padding: 10px 8px;
}

/* 06_アーティストリスト
------------------------------ */
.c-artist-list__item {
  position: relative;
}

.c-artist-list__link {
  display: block;
  position: relative;
}

.c-artist-list__thum {
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  height: auto;
  border: 1px solid #e5e5e5;
  letter-spacing: -0.5em;
  border-radius: 50%;
  box-sizing: content-box;
}

.c-artist-list__thum::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-artist-list__thum-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-artist-list__title {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  font-weight: 500;
}

/* リスト型 */
.c-product-list--viewchange,
.c-artist-list--listview {
  padding: 0 12px;
}

.c-product-list--viewchange .c-artist-list__item,
.c-artist-list--listview .c-artist-list__item {
  border-bottom: 1px solid #e5e5e5;
}

.c-product-list--viewchange .c-artist-list__item:first-child,
.c-artist-list--listview .c-artist-list__item:first-child {
  border-top: 1px solid #e5e5e5;
}

.c-product-list--viewchange .c-artist-list__link,
.c-artist-list--listview .c-artist-list__link {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 12px 42px 12px 0;
}

.c-product-list--viewchange .c-artist-list__link::after,
.c-artist-list--listview .c-artist-list__link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 6px;
  width: 8px;
  height: 16px;
}

.c-product-list--viewchange .c-artist-list__link--disabled,
.c-artist-list--listview .c-artist-list__link--disabled {
  background: #e5e5e5;
}

.c-product-list--viewchange .c-artist-list__thum,
.c-artist-list--listview .c-artist-list__thum {
  display: table-cell;
  vertical-align: top;
  width: 75px;
}

.c-product-list--viewchange .c-artist-list__info,
.c-artist-list--listview .c-artist-list__info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 0 0 0 12px;
}

.c-product-list--viewchange .c-artist-list__icon,
.c-artist-list--listview .c-artist-list__icon {
  margin: 1px 0 0;
  font-size: 0;
}

.c-product-list--viewchange .c-artist-list__icon-image,
.c-artist-list--listview .c-artist-list__icon-image {
  width: auto;
  height: 14px;
  margin: 3px 3px 0 0;
}

.c-artist-list--listview .c-artist-list__link--disabled .c-artist-list__thum {
  opacity: 0.3;
}

.c-artist-list__artist + .c-artist-list__icon {
  margin: 7px 0 0;
}

/* パネル型 */
.c-artist-list--gridview {
  padding: 0 12px;
  font-size: 0;
}

.c-artist-list--gridview .c-artist-list__item {
  display: inline-block;
  width: 31%;
  vertical-align: top;
  margin-right: 3.5%;
  margin-bottom: 18px;
  font-size: 1rem;
}

.c-artist-list--gridview .c-artist-list__item:nth-child(3n) {
  margin-right: 0;
}

.c-artist-list--gridview .c-artist-list__item:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.c-artist-list--gridview .c-artist-list__info {
  position: relative;
  padding: 0 0 6px;
}

.c-artist-list--gridview .c-artist-list__title {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  margin: 12px 0 0;
  text-align: center;
}

.c-artist-list--gridview .c-artist-list__artist {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #222;
}

.c-artist-list--gridview .c-artist-list__item--excursionli:nth-child(3n) {
  margin-right: 0;
}

.c-artist-list--gridview .c-artist-list__item--excursionli:nth-last-child(-n+3) {
  margin-bottom: 0;
}

.c-artist-list--gridview .c-artist-list__item--excursion .c-artist-list__title {
  margin: 10px 0 0;
  text-align: left;
}

/* 08_リスト表示変更
------------------------------ */
.c-viewchange {
  overflow: hidden;
  margin: 8px 0;
  padding: 0 12px 0 8px;
}

/* パネル・リスト型切替 */
.c-viewchange-btn {
  float: left;
  opacity: 0;
}

.c-viewchange-btn__list {
  font-size: 0;
}

.c-viewchange-btn__item {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 44px;
  vertical-align: top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  transition: 0.5s;
}

.c-viewchange-btn__item-listview::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23ccc'%20d='M12%2012H0V0h12zM60%200H20v12h40zM12%2024H0v12h12zm48%200H20v12h40zM12%2048H0v12h12zm48%200H20v12h40z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
}

.c-viewchange-btn__item-listview.active::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M12%2012H0V0h12zM60%200H20v12h40zM12%2024H0v12h12zm48%200H20v12h40zM12%2048H0v12h12zm48%200H20v12h40z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.c-viewchange-btn__item-gridview::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23ccc'%20d='M24%2024H0V0h24zm0%2012H0v24h24zm36%200H36v24h24zm0-36H36v24h24z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
}

.c-viewchange-btn__item-gridview.active::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M24%2024H0V0h24zm0%2012H0v24h24zm36%200H36v24h24zm0-36H36v24h24z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

/* 並べ替え */
.c-viewchange-sort {
  clear: right;
  text-align: center;
}

.c-viewchange-sort__list {
  display: table;
  height: 44px;
  font-size: 0;
}

.c-viewchange-sort__item {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.c-viewchange-sort__item:last-child {
  border: none;
}

.c-viewchange-sort__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  right: 0;
  width: 1px;
  height: 20px;
  background: #ccc;
}

.c-viewchange-sort__item:last-child::before {
  content: none;
}

.c-viewchange-sort__item-inner {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #aaa;
  height: 20px;
  padding: 0 18px;
  vertical-align: top;
  line-height: 20px;
}

.c-viewchange-sort__item--on .c-viewchange-sort__item-inner {
  color: #222;
  font-weight: 500;
  cursor: default;
}

.c-viewchange-sort__item:last-child .c-viewchange-sort__item-inner {
  padding-right: 0;
}

/* 並べ替え 右揃え */
.c-viewchange-sort-right {
  float: right;
  text-align: right;
}

.c-viewchange-sort-right__list {
  display: table;
  height: 44px;
  font-size: 0;
}

/* 20_商品情報
------------------------------ */
/* 20_商品情報(アルバム・シングルページ)
------------------------------ */
.c-product-main {
  float: left;
  width: 42.5%;
  max-width: 164px;
  padding: 0 12px;
}

.c-product-main-info {
  overflow: hidden;
}

.c-product-main-info__photo {
  position: relative;
  float: left;
  width: 100%;
  background: #f5f5f5;
}

.c-product-main-info__photo-image {
  background: 50% no-repeat;
  background-size: contain;
}

.c-product-main-info__audition-btn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.c-product-main-info__audition-btn::after {
  content: "";
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  bottom: 4px;
  right: 4px;
}

.c-product-main-info__audition-btn--play::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30'%20r='30'%20fill='%23fff'%20fill-opacity='.8'/%3E%3Cpath%20fill='%23777'%20d='M30%201A29%2029%200%201%201%201%2030%2029%2029%200%200%201%2030%201m0-1a30%2030%200%201%200%2030%2030A30%2030%200%200%200%2030%200z'/%3E%3Cpath%20fill='%23777'%20d='M43.73%2030L23.75%2045.02V14.98L43.73%2030z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.c-product-main-info__audition-btn--pause::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30.1'%20r='30'%20fill='%23fff'%20fill-opacity='.8'/%3E%3Cpath%20fill='%23f54687'%20d='M30%202.1a28%2028%200%201%201-28%2028%2028%2028%200%200%201%2028-28m0-2a30%2030%200%201%200%2030%2030%2030%2030%200%200%200-30-30z'/%3E%3Crect%20width='20'%20height='20'%20x='20'%20y='20.1'%20fill='%23f54687'%20rx='1.25'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.c-product-main-info__audition-btn--loading::after {
  opacity: 0.7;
  border: solid 1px #aaa;
  border-radius: 50%;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/icon_loading_01.gif) no-repeat 50%;
  background-size: 16px auto;
  background-color: #fff;
  filter: grayscale(0.99);
}

/* 楽曲・アルバムページ詳細情報 */
.c-product-main-detail {
  float: left;
  width: 57.5%;
  padding: 0 12px 0 0;
  overflow: hidden;
}

.c-product-main-detail__title {
  font-size: 1.8rem;
  font-weight: 500;
  color: #222;
}

.c-product-main-detail__artist {
  margin: 4px 0 0;
}

.c-product-main-detail__artist-inner {
  position: relative;
  display: inline;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #f54687;
}

.c-product-main-detail__artist-inner::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23f54687'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  width: 5px;
  height: 10px;
  display: inline-block;
  margin: 0 0 0 5px;
}

.c-product-main-detail__artist-inner--disable {
  color: #aaa;
}

.c-product-main-detail__artist-inner--disable::after {
  content: none;
}

.c-product-main-detail__data {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  padding: 16px 0 0;
}

.c-product-main-detail__tieup {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  padding: 16px 0 0;
}

.c-product-main-detail-campaign {
  float: right;
  width: 100%;
  padding: 0 12px;
}

/* 気になるアルバム */
.c-product-main-btn {
  float: left;
  display: block;
  width: 100%;
  margin: 24px auto 0;
}

.c-product-main-btn__like {
  display: block;
  position: relative;
  width: 180px;
  text-align: left;
  vertical-align: bottom;
  font-size: 1.2rem;
  border-radius: 24px;
  margin: 0 auto;
  padding: 12px 0 12px 12px;
  line-height: 1;
}

.c-product-main-btn__like::before {
  content: "";
  position: absolute;
  top: 13px;
  width: 14px;
  height: 14px;
}

.c-product-main-btn__like--off {
  border: 1px solid #ccc;
  text-align: center;
  color: #aaa;
}

.c-product-main-btn__like--off::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill='%23aaa'%20d='M13.7%200H.3a.3.3%200%2000-.21.1.33.33%200%2000-.09.22v13.36a.3.3%200%2000.3.32.28.28%200%2000.15-.04L7%208.89l6.55%205.07a.28.28%200%2000.15.04.3.3%200%2000.3-.32V.32a.31.31%200%2000-.3-.32zM7%207.63l-6%204.64V1h12v11.27z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  top: 12px;
  left: 16px;
}

.c-product-main-btn__like--on {
  height: 38px;
  color: #f54687;
  text-align: center;
}

.c-product-main-btn__like--on::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill='%23f54687'%20d='M13.7%200H.3a.3.3%200%2000-.21.1.33.33%200%2000-.09.22v13.36a.3.3%200%2000.3.32.28.28%200%2000.15-.04L7%208.89l6.55%205.07a.28.28%200%2000.15.04.3.3%200%2000.3-.32V.32a.31.31%200%2000-.3-.32z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  left: 0;
}

.c-product-main-btn__like--loading::before {
  filter: grayscale(0.99);
  width: 15px;
  height: 15px;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/icon_loading_01.gif) no-repeat 50%;
  background-size: 15px auto;
}

/* WebView用 気になるボタン */
.c-product-main-purchase__like-wrapper {
  display: table-cell;
  width: 83px;
  vertical-align: middle;
}

.c-product-main-purchase__like {
  display: block;
  position: relative;
  width: 180px;
  text-align: left;
  vertical-align: bottom;
  font-size: 1.2rem;
  border-radius: 24px;
  width: 83px;
  padding: 12px 0 12px 22px;
  border-radius: 3px;
  line-height: 1;
}

.c-product-main-purchase__like::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  width: 14px;
  height: 14px;
}

.c-product-main-purchase__like--off {
  border: 1px solid #ccc;
  text-align: center;
  color: #aaa;
}

.c-product-main-purchase__like--off::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill='%23aaa'%20d='M13.7%200H.3a.3.3%200%2000-.21.1.33.33%200%2000-.09.22v13.36a.3.3%200%2000.3.32.28.28%200%2000.15-.04L7%208.89l6.55%205.07a.28.28%200%2000.15.04.3.3%200%2000.3-.32V.32a.31.31%200%2000-.3-.32zM7%207.63l-6%204.64V1h12v11.27z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.c-product-main-purchase__like--on {
  height: 38px;
  text-align: center;
  color: #f54687;
}

.c-product-main-purchase__like--on::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill='%23f54687'%20d='M13.7%200H.3a.3.3%200%2000-.21.1.33.33%200%2000-.09.22v13.36a.3.3%200%2000.3.32.28.28%200%2000.15-.04L7%208.89l6.55%205.07a.28.28%200%2000.15.04.3.3%200%2000.3-.32V.32a.31.31%200%2000-.3-.32z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.c-product-main-purchase__like--loading::before {
  filter: grayscale(0.99);
  width: 15px;
  height: 15px;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/icon_loading_01.gif) no-repeat 50%;
  background-size: 15px auto;
}

/* 購入ボタンエリア */
.c-product-main-purchase-wrap {
  float: right;
  width: 100%;
  margin: 24px auto 0;
}

.c-product-main-purchase__item {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 12px;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}

.c-product-main-purchase__item + .c-product-main-purchase__item {
  border-top: none;
}

.c-product-main-purchase__info {
  display: table-cell;
  vertical-align: middle;
}

.c-product-main-purchase__video {
  display: table-cell;
  position: relative;
  width: 75px;
  vertical-align: middle;
}

.c-product-main-purchase__thum {
  width: 75px;
  height: 75px;
  background: #000;
}

.c-product-main-purchase__thum-image {
  background: 50% no-repeat;
  background-size: contain;
}

.c-product-main-purchase__audition {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 75px;
  height: 75px;
  cursor: pointer;
}

.c-product-main-purchase__audition-btn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.c-product-main-purchase__audition-btn::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}

.c-product-main-purchase__audition-btn--play::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30'%20r='30'%20fill='%23fff'%20fill-opacity='.8'/%3E%3Cpath%20fill='%23777'%20d='M30%201A29%2029%200%201%201%201%2030%2029%2029%200%200%201%2030%201m0-1a30%2030%200%201%200%2030%2030A30%2030%200%200%200%2030%200z'/%3E%3Cpath%20fill='%23777'%20d='M43.73%2030L23.75%2045.02V14.98L43.73%2030z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.c-product-main-purchase__audition-btn--pause::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30.1'%20r='30'%20fill='%23fff'%20fill-opacity='.8'/%3E%3Cpath%20fill='%23f54687'%20d='M30%202.1a28%2028%200%201%201-28%2028%2028%2028%200%200%201%2028-28m0-2a30%2030%200%201%200%2030%2030%2030%2030%200%200%200-30-30z'/%3E%3Crect%20width='20'%20height='20'%20x='20'%20y='20.1'%20fill='%23f54687'%20rx='1.25'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.c-product-main-purchase__audition-btn--loading::after {
  opacity: 0.7;
  border: solid 1px #aaa;
  border-radius: 50%;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/icon_loading_01.gif) no-repeat 50%;
  background-size: 16px auto;
  background-color: #fff;
  filter: grayscale(0.99);
}

.c-product-main-purchase__info {
  position: relative;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.c-product-main-purchase__info-icon {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
}

.c-product-main-purchase__info-icon--video {
  position: inherit;
  display: block;
}

.c-product-main-purchase__info-icon-image {
  width: auto;
  height: 14px;
}

.c-product-main-purchase__info-icon + .c-product-main-purchase__type {
  margin: 18px 0 0;
}

.c-product-main-purchase__info-icon + .c-product-main-purchase__type--video {
  margin: 4px 0 0;
}

.c-product-main-purchase__video + .c-product-main-purchase__info {
  padding: 0 12px;
}

.c-product-main-purchase__type {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 500;
}

.c-product-main-purchase__spec {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  display: block;
  margin: 3px 0 0;
}

.c-product-main-purchase__price {
  display: table-cell;
  width: 88px;
  vertical-align: middle;
}

.c-product-main-purchase__price-btn-link {
  width: 88px;
  padding: 12px 2px;
  line-height: 1;
  text-indent: -2px;
  font-size: 1.8rem;
  background: #f54687;
}

.c-product-main-purchase__present {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #f54687;
  margin: 6px 0 0;
  text-align: center;
}

.c-tab-nav + .c-tab-body .c-product-main-purchase__item {
  border-top: none;
}

.slider-wrap + .c-tab-body .c-product-main-purchase__item {
  border-top: none;
}

/* シェアボタン */
.c-product-main-btn__share {
  margin: 18px 0 0;
}

/* 楽曲・アルバムページサブ情報 */
.c-product-main-subinfo {
  padding: 0 12px;
}

.c-product-main-subinfo__heading {
  max-width: 640px;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  color: #222;
  position: relative;
  width: 100%;
  padding: 24px 0;
}

.c-product-main-subinfo__heading::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  width: 8px;
  height: 16px;
}

.c-product-main-subinfo__heading--close::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transform: translateY(-50%) rotate(90deg);
}

.c-product-main-subinfo__heading--open::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transform: translateY(-50%) rotate(-90deg);
}

.c-product-main-subinfo__wrap {
  border-bottom: 1px solid #e5e5e5;
}

.c-product-main-subinfo__wrap:last-child {
  border: none;
}

.c-product-main-subinfo__body {
  padding: 0 12px 24px;
}

.c-product-main-subinfo__lylic {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 20_商品情報
------------------------------ */
.c-product-info {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0 12px;
  overflow: hidden;
}

.c-product-info__thum {
  display: table-cell;
  width: 75px;
  margin: 0 12px 0 0;
  vertical-align: top;
}

.c-product-info__thum-image {
  border: 1px solid #e5e5e5;
  background: 50% no-repeat;
  background-size: contain;
  background-color: #f5f5f5;
}

.c-product-info__thum-image--video {
  border: 1px solid #e5e5e5;
  background: 50% no-repeat;
  background-size: contain;
  background-color: #000;
}

.c-product-info__info {
  display: table-cell;
  width: 100%;
  padding: 0 0 0 12px;
  vertical-align: top;
}

.c-product-info__title {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
}

.c-product-info__artist {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
}

.c-product-info__artist--link {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #f54687;
}

.c-product-info__artist--link::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='5px'%20height='10px'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23f54687'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  width: 5px;
  height: 10px;
  display: inline-block;
  margin: 0 0 0 5px;
}

.c-product-info__spec {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 6px 0 0;
}

.c-product-info__icon {
  margin: 4px 0 0;
  font-size: 0;
}

.c-product-info__icon-image {
  width: auto;
  height: 14px;
  margin: 0 3px 3px 0;
}

.c-product-info__icon-image--lock {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
}

.c-product-info__icon-image--lock::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2011%2012'%3E%3Cpath%20fill='%23666'%20d='M5.75%206.03h-.5v4h.5v-4z'/%3E%3Cpath%20fill='%23666'%20d='M10.26%203.53H8.73A3.42%203.42%200%200%200%205.5%200a3.42%203.42%200%200%200-3.23%203.53H.74a.75.75%200%200%200-.74.76v7a.75.75%200%200%200%20.74.71h9.52a.75.75%200%200%200%20.74-.75v-7a.75.75%200%200%200-.74-.72zM5.5.5a2.93%202.93%200%200%201%202.74%203H2.76A2.93%202.93%200%200%201%205.5.5zm5%2010.75a.25.25%200%200%201-.25.25H.74a.25.25%200%200%201-.25-.25v-7A.26.26%200%200%201%20.74%204h9.52a.26.26%200%200%201%20.25.26z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  left: 0;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
}

.c-product-info__icon-text {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #f54687;
}

.c-product-list__data + .c-product-list__icon .c-product-info__icon-text,
.c-product-list__priceoff-price + .c-product-list__icon .c-product-info__icon-text {
  margin: 0;
}

.c-product-info__icon-image + .c-product-info__icon-text {
  display: inline-block;
  height: 13px;
  margin: 0 0 3px 4px;
  line-height: 1;
}

.c-product-list__icon-image + .c-product-info__icon-text {
  display: inline-block;
  height: 13px;
  margin: 0 0 0 4px;
  line-height: 1;
}

.c-product-info__track {
  padding: 0 12px 0 0;
}

/* 特典 */
.c-product-campaign {
  margin: 24px auto 0;
}

.c-product-campaign__item {
  margin: 0 0 12px;
  background: #f5f5f5;
  border-left: 5px solid #fba0c2;
  border-radius: 3px;
}

.c-product-campaign .c-product-campaign__item:last-child {
  margin: 0;
}

.c-product-campaign__link {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #222;
  position: relative;
  display: block;
  padding: 10px 32px 10px 12px;
}

.c-product-campaign__link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23222'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  right: 15px;
  width: 6px;
  height: 12px;
}

/* Webview用 告知文 */
.c-product-announce {
  margin: 0 12px 24px;
  padding: 10px 12px;
  background: #f5f5f5;
  font-size: 1.1rem;
  line-height: 1.4;
}

.c-product-announce__link {
  display: block;
  margin-top: 8px;
  text-align: center;
  font-size: 1.4rem;
}

/* 21_フォーム
------------------------------ */
/* 12_フォーム
------------------------------ */
.c-form {
  padding: 0 12px;
}

.c-form__question {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 0 8px;
  font-weight: 500;
}

.c-form__question:not(:first-of-type) {
  margin: 24px 0 8px;
}

.c-form__question-required {
  width: auto;
  height: 14px;
  margin: 0 0 0 10px;
  vertical-align: -2px;
}

.c-form__question-sub {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  font-weight: 400;
}

/* 確認画面 */
.c-form__answer-confirm {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  padding: 12px;
  background: #f5f5f5;
  border-radius: 3px;
}

/* セレクトボックス */
.c-form__select {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='40px'%20viewBox='0%200%2048%2060'%3E%3Cpath%20fill='%23f5f5f5'%20d='M0%20.1h48v60H0z'/%3E%3Cpath%20fill='%23222'%20d='M24%2035.05l-.32-.32-9.39-9.26.33-.32L24%2034.41l9.38-9.26.33.32-9.39%209.26z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 42px 0 12px;
  border: 1px solid #e5e5e5;
  background-position: right;
}

.c-form__select--error {
  border: 1px solid #c00303;
}

/* テキストエリア */
.c-form__textarea {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: block;
  max-width: 100%;
  min-width: 100%;
  min-height: 80px;
  padding: 12px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}

.c-form__textarea::-webkit-input-placeholder {
  color: #aaa;
}

.c-form__textarea::placeholder {
  color: #aaa;
}

.c-form__checkbox + .c-form__textarea {
  margin: 12px 0 0;
}

.c-form__textarea--large {
  min-height: 120px;
}

.c-form__textarea-count {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 8px 0 0;
  text-align: right;
}

.c-form__textarea--error {
  border: 1px solid #c00303;
}

/* テキストボックス */
.c-form__textbox {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: block;
  width: 100%;
  min-height: 45px;
  padding: 12px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}

.c-form__textbox::-webkit-input-placeholder {
  color: #aaa;
}

.c-form__textbox::placeholder {
  color: #aaa;
}

.c-form__textbox--error {
  border: 1px solid #c00303;
}

/* チェックボックス */
.c-form__checkbox {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: block;
  padding: 13px 10px;
}

.c-form-checkbox-list {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}

.c-form__checkbox-input {
  display: none;
}

.c-form__checkbox-text {
  position: relative;
}

.c-form__checkbox-text::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  border: 1px solid #ccc;
  vertical-align: -3px;
  border-radius: 2px;
}

.c-form__checkbox-input:checked + .c-form__checkbox-text::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='11px'%20height='8px'%20viewBox='0%200%209.67%206.77'%3E%3Cpolygon%20fill='%23f54687'%20points='9.67%200.64%209.03%200%203.54%205.5%200.64%202.59%200%203.23%203.54%206.77%209.67%200.64'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 2px;
  width: 11px;
  height: 8px;
}

.c-form__checkbox--error {
  border: 1px solid #c00303;
}

/* チェックボックス（同意） */
.c-form-agree {
  margin: 30px auto 0;
  text-align: center;
}

.c-form-agree__label {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: inline-block;
}

.c-form-agree__input {
  display: none;
}

.c-form-agree__text {
  position: relative;
}

.c-form-agree__text::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  margin: 0 6px 0 0;
  border: 1px solid #ccc;
  vertical-align: -3px;
  border-radius: 2px;
}

.c-form-agree__input:checked + .c-form-agree__text::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%209.67%206.77'%3E%3Cpolygon%20fill='%23f54687'%20points='9.67%200.64%209.03%200%203.54%205.5%200.64%202.59%200%203.23%203.54%206.77%209.67%200.64'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  left: 3px;
  width: 11px;
  height: 8px;
}

/* ラジオボタン */
.c-form__radio {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: block;
  padding: 13px 10px;
  cursor: pointer;
}

.c-form__radio:nth-child(2n) {
  border-left: 1px solid #e5e5e5;
}

.c-form-radio-list {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}

.c-form__radio-input {
  display: none;
}

.c-form__radio-text {
  display: block;
  position: relative;
  padding: 0 0 0 22px;
}

.c-form__radio-text::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  left: 0;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  border: 1px solid #ccc;
  vertical-align: -2px;
  border-radius: 50%;
}

.c-form__radio-text::after {
  content: "";
}

.c-form__radio-input:checked + .c-form__radio-text::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  position: absolute;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #f54687;
  border-radius: 50%;
}

.c-form__radio--error {
  border: 1px solid #c00303;
}

/* ラジオボタン - リスト */
.c-form-checkbox-list__item:not(:last-child),
.c-form-radio-list__item:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}

/* ラベル */
.c-form__label {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  margin: 24px 0 0;
}

/* ボタン */
.c-form-btn {
  width: 100%;
  overflow: hidden;
  max-width: 400px;
  margin: 0 auto;
  padding: 0 12px;
  font-size: 0;
}

.c-form-btn__item {
  display: inline-block;
  vertical-align: middle;
}

.c-form-btn__item:first-child {
  width: 35%;
  padding: 0 12px 0 0;
}

.c-form-btn__item:last-child {
  width: 65%;
}

.c-form-btn__item .c-btn-function {
  width: 100%;
}

@media screen and (max-width: 359px) {
  .c-form-btn .c-btn-function {
    font-size: 1.5rem;
  }
  .c-form-btn .c-btn-function:first-child {
    width: 40%;
  }
  .c-form-btn .c-btn-function:last-child {
    width: 60%;
  }
}

/* エラー */
.c-form__answer--error .c-form__textbox,
.c-form__answer--error .c-form__textarea,
.c-form__answer--error .c-form-radio-list {
  border-color: #c00303;
}

/* エラーメッセージ */
.c-form-error {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #c00303;
  margin: 10px 0 0;
}

/* 文字カウント */
.c-form__count {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  margin: 6px 0 0;
  text-align: right;
}

/* 22_説明ページ
------------------------------ */
/* 説明系ページ用CSS
================================================ */
/* アイコン
------------------------------ */
/* 矢印 */
.icon-arrow {
  position: relative;
}

.icon-arrow::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 0;
}

.icon-arrow--s::after {
  width: 6px;
  height: 10px;
}

.icon-arrow--s_bottom::after {
  width: 6px;
  height: 10px;
  transform: translateY(-50%) rotate(90deg);
}

.icon-arrow--s_top::after {
  width: 6px;
  height: 10px;
  transform: translateY(-50%) rotate(-90deg);
}

.icon-arrow--s_left::after {
  width: 6px;
  height: 10px;
  transform: translateY(-50%) rotate(180deg);
}

.icon-arrow--m::after {
  width: 8px;
  height: 12px;
}

.icon-arrow--m_bottom::after {
  width: 8px;
  height: 12px;
  transform: translateY(-50%) rotate(90deg);
}

.icon-arrow--m_top::after {
  width: 8px;
  height: 12px;
  transform: translateY(-50%) rotate(-90deg);
}

.icon-arrow--m_left::after {
  width: 8px;
  height: 12px;
  transform: translateY(-50%) rotate(180deg);
}

.icon-arrow--l::after {
  width: 8px;
  height: 16px;
}

.icon-arrow--l_bottom::after {
  width: 8px;
  height: 16px;
  transform: translateY(-50%) rotate(90deg);
}

.icon-arrow--l_top::after {
  width: 8px;
  height: 16px;
  transform: translateY(-50%) rotate(-90deg);
}

.icon-arrow--l_left::after {
  width: 8px;
  height: 16px;
  transform: translateY(-50%) rotate(180deg);
}

/* ヘッダー
------------------------------ */
.c-guide-header {
  display: inline-block;
  width: 100%;
  background: #fff;
}

.c-guide-heading {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 0 12px;
}

.c-guide-heading__text {
  display: block;
  padding: 48px 12px 24px;
  text-align: center;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.5;
}

.c-guide-heading__image {
  padding: 0 0 12px;
}

.c-guide-nav__wrap {
  margin: 0 auto 24px;
  background: #f5f5f5;
}

.c-guide-nav__list {
  position: relative;
  margin: 0 auto;
  padding: 24px 0;
  text-align: center;
  font-size: 0;
  z-index: 1;
}

.c-guide-nav__item {
  display: inline-block;
  max-width: 520px;
  width: 90%;
  margin: 0 auto 12px;
}

.c-guide-nav__item:last-child {
  margin: 0 auto;
}

.c-guide-nav__link {
  display: block;
  position: relative;
  padding: 12px 32px;
  background: #fff;
}

.c-guide-nav__text {
  display: inline-block;
  padding: 0 16px 0 0;
  font-size: 1.2rem;
  line-height: 1.3;
}

/* セクション
------------------------------ */
.c-guide-section {
  margin: 0 auto 10px;
  padding: 24px 0 12px;
  background: #fff;
}

.c-guide-section:first-of-type {
  padding: 0 0 12px;
}

.c-guide-section__heading {
  position: relative;
  max-width: 1000px;
  margin: 0 auto 24px;
  padding: 0 12px 0 24px;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.5;
}

.c-guide-section__heading::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 12px;
  width: 1px;
  height: 100%;
  background: #222;
}

.c-guide-section__heading--anchor {
  margin: -80px auto 24px;
  padding: 80px 12px 0 24px;
}

.c-guide-section__body {
  max-width: 1000px;
  margin: auto;
}

.c-guide-section__body:not(:last-of-type) {
  padding-bottom: 24px;
}

.c-guide-text {
  margin: 0 auto 24px;
  padding: 0 12px;
  font-size: 1.4rem;
}

.c-guide-text--note {
  color: #aaa;
}

.c-guide-note {
  display: block;
  margin: 4px 0 0;
  font-size: 1.2rem;
  color: #aaa;
  line-height: 1.8;
}

.c-guide-note .c-guide-link {
  color: #aaa;
}

.c-guide-image {
  max-width: 710px;
  margin: 0 auto 24px;
  padding: 0 12px;
}

.c-guide-button {
  margin: 36px 0;
  padding: 0 12px;
}

/* 手順
------------------------------ */
.c-guide-section__heading--step {
  padding: 0 12px 0 46px;
}

.c-guide-section__heading--step::before {
  content: none;
}

.c-guide-section__heading-num {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 12px;
  width: 24px;
  height: 24px;
  text-align: center;
  background: #ccc;
  font-size: 1.4rem;
  line-height: 25px;
  border-radius: 50%;
}

/* キャンペーンバナー
------------------------------ */
.c-guide-campaign-bnr {
  margin: 0 12px 24px;
  padding: 18px;
  background: #f5f5f5;
}

.c-guide-campaign-bnr__image {
  max-width: 480px;
  margin: auto;
}

.c-guide-campaign-bnr__image:not(:last-child) {
  margin-bottom: 18px;
}

.c-guide-campaign-bnr__link {
  display: block;
}

/* 使い方ガイド
------------------------------ */
.c-guide-link {
  padding: 0 12px 0 0;
}

.c-guide-link--inline {
  padding: 0;
}

.c-guide-link__list {
  background: #f5f5f5;
  margin: 0 0 24px;
  padding: 12px 16px;
}

.c-guide-link__item {
  display: inline-block;
  width: 100%;
  margin: 0 auto 12px;
  font-size: 1.3rem;
  background: #fff;
}

.c-guide-link__item:last-child {
  margin: 0 auto;
}

.c-guide-link__item-link {
  display: block;
  padding: 12px 16px;
}

.c-guide-list {
  display: block;
  margin: 0 auto 24px;
  padding: 0 12px;
}

.c-guide-list__item {
  margin: 0 auto 16px;
  font-size: 1.3rem;
  line-height: 1.2;
}

.c-guide-list__item:last-child {
  margin: 0 auto;
}

.c-guide-text__inner-hedding {
  margin: 32px auto 8px;
  padding: 0 12px;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 500;
}

/* PCダウンローダー */
.c-guide-downloader__wrap {
  background: #fff;
}

.c-guide-downloader__main {
  width: 100%;
  height: 550px;
  background: #f8c2d6;
  background: linear-gradient(135deg, #f8c2d6 1%, #f684ac 100%);
}

.c-guide-downloader__inner {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

.c-guide-downloader__title-img {
  width: 70%;
  margin: 0 auto;
  padding: 55px 0 40px;
}

.c-guide-downloader__text-wrap {
  position: absolute;
  top: 210px;
  left: 0;
  text-align: left;
}

.c-guide-downloader__text--1 {
  letter-spacing: 0.1em;
  font-size: 2.1rem;
  line-height: 1.5;
}

.c-guide-downloader__text--2 {
  margin: 0 0 60px;
  letter-spacing: 0.1em;
  font-size: 2.8rem;
  line-height: 1.5;
}

.c-guide-downloader__text--3 {
  margin: 14px 0 0;
  font-size: 1.7rem;
  line-height: 1.8;
  color: #555555;
}

.c-guide-downloader__main-img {
  position: absolute;
  top: 155px;
  right: -5px;
  width: 525px;
}

.c-guide-downloader__donload-block {
  overflow: hidden;
}

.c-guide-downloader__btn {
  float: left;
  margin: 0 30px 0 0;
}

.c-guide-downloader__btn img {
  width: auto;
  height: 60px;
}

.c-guide-downloader__copy-text {
  position: relative;
  width: 1000px;
  margin: 60px auto 40px;
  text-align: center;
  font-size: 2.0rem;
  line-height: 1.8;
  color: #333;
}

.c-guide-downloader__copy-text::before {
  content: "";
  position: absolute;
  top: 34px;
  left: 50px;
  display: block;
  width: 60px;
  height: 1px;
  transform: rotate(45deg);
  background: #000;
}

.c-guide-downloader__copy-text::after {
  content: "";
  position: absolute;
  top: 34px;
  right: 50px;
  display: block;
  width: 60px;
  height: 1px;
  transform: rotate(-45deg);
  background: #000;
}

.c-guide-downloader__info {
  width: 1000px;
  margin: 0 auto;
  padding: 0 0 90px;
  text-align: center;
}

.c-guide-downloader__info-list {
  overflow: hidden;
}

.c-guide-downloader__info-item {
  float: left;
  width: 45%;
}

.c-guide-downloader__info-item:nth-child(2n) {
  margin-left: 10%;
}

.c-guide-downloader__info-heading {
  padding: 26px 0;
  margin: 0px 0 26px;
  font-size: 2.2rem;
  font-weight: 600;
  color: #333;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #000;
}

.c-guide-downloader__info-heighlight {
  background: linear-gradient(transparent 65%, #ffe6ef 0%);
}

.c-guide-downloader__info-text {
  color: #4c4c4c;
  padding: 10px auto;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.8;
}

.c-guide-downloader__info-more {
  margin: 60px 0 0;
  color: #808080;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: left;
}

.c-guide-downloader__bottom {
  text-align: center;
  background-color: #e9e9e9;
}

.c-guide-downloader__bottom img {
  margin: 12px 15px 37px;
  width: auto;
  height: 55px;
}

.c-guide-downloader__bottom-header {
  padding: 25px 0 0;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1.5;
}

.c-guide-downloader__bottom-block {
  text-align: center;
}

.c-guide-section.c-guide-downloader__sorry {
  padding: 24px 0 12px;
}

/* 116 アルバムスマート購入とは
================================================ */
.about-ask-lead {
  margin: 0 0 36px;
  padding: 0 12px;
}

.about-ask {
  padding: 0 12px;
}

.about-ask__image {
  max-width: 320px;
  margin: 0 auto 12px;
}

.about-ask__text {
  margin: 0 auto 24px;
}

/* ==========================================================
 幅：999px以下
========================================================== */
@media screen and (max-width: 999px) {
  /* 基本設定
    ================================================ */
  .disp-small {
    display: block;
  }
  .disp-large {
    display: none;
  }
  /* 基本レイアウト
    ================================================ */
  /* 03_マイページメニュー（SP）
    ------------------------------ */
  .mymenu-block {
    position: fixed;
    top: 0;
    left: 0;
    width: 85%;
    max-width: 325px;
    min-width: 275px;
    height: 100%;
    background: #f5f5f5;
    transform: translateX(-120%);
    z-index: 60;
  }
  .mymenu-block--open {
    transform: translateX(0);
  }
  .mymenu-block__inner {
    position: relative;
    overflow-y: auto;
    height: 100%;
    padding: 0;
  }
  .mypage-nav {
    padding: 0;
  }
  .mypage-nav-block {
    width: 100%;
    margin: 0 0 10px;
    padding: 0 12px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
  }
  .mypage-nav-block:last-child {
    margin: 0;
    border-bottom: none;
  }
  .mypage-nav__item {
    padding: 0 0 0 8px;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    user-select: none;
  }
  .mypage-nav__item:last-child {
    border-bottom: none;
  }
  .mypage-nav__item-name {
    font-size: 1.6rem;
    line-height: 1.6;
    display: block;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .mypage-nav__item-mail {
    font-size: 1.1rem;
    line-height: 1.4;
    color: #aaa;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .mypage-nav__item-mail--caution {
    font-size: 1.3rem;
    line-height: 1.3;
    color: #c00303;
    position: relative;
    display: block;
    margin: 8px 0 0;
    padding: 0 0 0 17px;
  }
  .mypage-nav__item-mail--caution::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23c00303'%20d='M30%2060.1a30%2030%200%201%201%2030-30%2030%2030%200%200%201-30%2030zm0-57.18A27.18%2027.18%200%201%200%2057.18%2030.1%2027.21%2027.21%200%200%200%2030%202.92zM32.82%2044a2.82%202.82%200%201%201-5.64%200A2.86%202.86%200%200%201%2030%2041.16%202.79%202.79%200%200%201%2032.82%2044zm-1.12-9.25V13.39a2%202%200%200%200-3.95%200v21.36a2%202%200%201%200%203.95%200z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    left: 0;
    width: 14px;
    height: 14px;
  }
  .mypage-nav__item-link {
    font-size: 1.3rem;
    line-height: 1.3;
    color: #222;
    display: block;
    position: relative;
    padding: 16px 16px 16px 40px;
  }
  .mypage-nav__item-link::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: block;
    left: 0;
    width: 20px;
    height: 20px;
  }
  .mypage-nav__item-link--notices::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M22%2053.31h16c-.49%204-4.45%207-8.7%206.67-3.69-.28-7.41-3.64-7.3-6.67zM30%200c-2.14%200-3.41%201.21-3.83%203.64-7.58%201.23-11.83%206.12-14.12%2011.07a29.74%2029.74%200%200%200-1.79%2011%2058.51%2058.51%200%200%201-.82%2010.49A17.27%2017.27%200%200%201%204%2046.51c-1.29%201.14-2.63%202.23-4%203.42h60c-1.41-1.19-2.75-2.28-4-3.42a17.27%2017.27%200%200%201-5.4-10.3%2058.51%2058.51%200%200%201-.82-10.49%2029.74%2029.74%200%200%200-1.79-11c-2.29-5-6.54-9.83-14.13-11.07C33.45%201.41%2032.15%200%2030.05%200zM5.33%2048a19.27%2019.27%200%200%200%206-11.42%2061.48%2061.48%200%200%200%20.85-10.84%2027.32%2027.32%200%200%201%201.65-10.31C16.17%2010.25%2020.52%205.17%2030%205.17s13.85%205.08%2016.14%2010.29a27.51%2027.51%200%200%201%201.66%2010.31%2061.48%2061.48%200%200%200%20.85%2010.84c.9%204.89%202.85%208.6%206%2011.38L5.33%2048z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-nav__item-link--myartist::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M30%2057.5l-.68-.67c-1.97-1.94-3.91-3.81-5.8-5.64C10.38%2038.5%200%2028.44%200%2018.3A15.16%2015.16%200%200111.58%203.1%2017.07%2017.07%200%200130%209.47a17.26%2017.26%200%200118.45-6.35A15.13%2015.13%200%200160%2018.3c0%2010.15-10.38%2020.2-23.53%2032.91-1.88%201.82-3.82%203.7-5.79%205.63zM16.2%204.42a15.97%2015.97%200%2000-4.11.53A13.3%2013.3%200%20001.94%2018.3c0%209.34%2010.12%2019.14%2022.94%2031.53%201.67%201.62%203.38%203.27%205.12%204.98q2.6-2.56%205.12-4.97c12.82-12.4%2022.94-22.2%2022.94-31.54A13.27%2013.27%200%200047.95%204.98C42.48%203.5%2034.79%205%2030.84%2011.72L30%2013.14l-.84-1.42a14.71%2014.71%200%2000-12.96-7.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-nav__item-link--wishlist::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M1.3%201.5A1.3%201.3%200%20000%202.8v54.4a1.28%201.28%200%20001.29%201.3%201.28%201.28%200%2000.65-.17L30%2037.7l28.06%2020.62A1.29%201.29%200%200060%2057.2V2.8a1.3%201.3%200%2000-1.3-1.3zm56.76%201.94v52.65L30%2035.3%201.94%2056.09V3.44z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    left: 1px;
    width: 18px;
    height: 18px;
  }
  .mypage-nav__item-link--ask::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M30%2060.1a30%2030%200%201%201%2030-30%2030%2030%200%200%201-30%2030zM30%202a28.06%2028.06%200%201%200%2028.06%2028.1A28.09%2028.09%200%200%200%2030%202zm0%2050.21A22.15%2022.15%200%200%201%207.85%2030.1h1.94A20.19%2020.19%200%200%200%2030%2050.31zm0-5.51a16.63%2016.63%200%200%201-16.64-16.6h1.93a14.66%2014.66%200%200%200%2010.34%2014%2015%2015%200%200%200%204.37.66zm22.15-16.6h-1.94A20.14%2020.14%200%200%200%2034.7%2010.43a20.54%2020.54%200%200%200-4.7-.54V8a22.13%2022.13%200%200%201%2022.15%2022.1zm-5.51%200h-1.93a14.66%2014.66%200%200%200-11.29-14.31%2015.15%2015.15%200%200%200-3.42-.4v-1.93A16.62%2016.62%200%200%201%2046.64%2030.1zM30%2039.19a9.09%209.09%200%201%201%209.09-9.09A9.1%209.1%200%200%201%2030%2039.19zm0-15.44a6.35%206.35%200%201%200%206.35%206.35A6.36%206.36%200%200%200%2030%2023.75z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-nav__item-link--present::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M22.82%2029.85L19.08%2041.1a1%201%200%2000.36%201.12.99.99%200%20001.17-.01l9.32-7%209.31%207a.98.98%200%2000.6.2%201%201%200%2000.94-1.31l-3.74-11.26%208.36-6.53a1%201%200%2000-.61-1.78H34.6l-3.74-10.77a1%201%200%2000-1.87%200l-3.73%2010.77h-10.2a1%201%200%2000-.6%201.78zm3.14-6.32a1%201%200%2000.94-.67l3.03-8.73%203.02%208.73a1%201%200%2000.94.67h8.01l-6.63%205.17a1%201%200%2000-.34%201.1l2.96%208.91-7.36-5.54a.99.99%200%2000-1.2%200l-7.36%205.54%202.96-8.9a1%201%200%2000-.33-1.1l-6.64-5.18z'/%3E%3Cpath%20fill='%23222'%20d='M56%2026.16a26%2026%200%2010-45.72%2016.97v16.94l19.86-3.75L50%2060.07V42.83h-.02A26.02%2026.02%200%200056%2026.16zm-50.01%200A24.01%2024.01%200%201130%2050.25a24.08%2024.08%200%2001-24.01-24.1zM48%2057.66L30.14%2054.3l-17.88%203.38V45.2a25.87%2025.87%200%200035.75-.27z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-nav__item-link--purchasehistory::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%20width='100%'%20height='100%'%3E%3Cpath%20fill='%23222'%20d='M29.55%2035.6l10.89-6.83-1.04-1.62-9.4%205.9V7h-1.94v26.05l-9.4-5.9-1.03%201.62%2010.88%206.83h1.04z'/%3E%3Cpath%20fill='%23222'%20d='M58.06%2025.21v25.87H1.94V25.21H0V53h60V25.21h-1.94z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-nav__item-link--utagift::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M31.69%2016.58l15.01-6.52L38.9.1l-9.38%2016.48h-.04L23.04.24l-9.84%208.39%2012.9%207.95H5.5V60.1h49V16.58zm20.91%201.91v10.5H31.05v-10.5zM39.16%203.5l4.52%205.78-10.4%204.52zm-16.92-.09l4.47%2011.3-10.3-6.33zM7.4%2018.49h21.55v10.5H7.4zm21.55%2039.7H7.4V31.12h21.55zm23.66%200H31.05V31.12H52.6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-nav__item-link--review::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M50.02%2060L30%2045.2%209.98%2060%2018%2036.3%200%2022.5h22.06L30%200l7.94%2022.5H60L42%2036.3zM5.39%2024.33l14.77%2011.33-6.55%2019.38L30%2042.92l16.39%2012.12-6.55-19.38L54.6%2024.33H36.62L30%205.55l-6.62%2018.78z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-nav__item-link--other {
    padding: 16px 24px 16px 0px;
  }
  .mypage-nav__item-link--other::before {
    background: none;
  }
  .mypage-nav__item-link::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: block;
    right: 6px;
    width: 6px;
    height: 12px;
  }
  .mypage-nav__item-link--logout {
    padding: 16px 24px 16px 0px;
    text-align: left;
  }
  .mypage-nav__item-link--logout::before {
    background: none;
  }
  .mypage-nav__item-link--login {
    display: inline-block;
    width: 85%;
    margin: 16px 0 16px -8px;
    padding: 12px 0;
    border: 1px solid #222;
    text-align: center;
    border-radius: 3px;
  }
  .mypage-nav__item-link--login::before {
    background: none;
  }
  .mypage-nav__item-link--login::after {
    background: none;
  }
  .mypage-nav--logout {
    padding: 0 0 0 8px;
  }
  .mypage-nav--logout .mypage-nav__item {
    padding: 0;
    text-align: center;
  }
  .mypage-nav__share {
    padding: 24px 0 36px;
    text-align: center;
  }
  .mypage-nav__share-item {
    display: inline-block;
  }
  .mypage-nav__share-icon {
    position: relative;
    display: block;
    width: 42px;
    height: 42px;
  }
  .mypage-nav__share-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 42px;
    height: 42px;
  }
  .mypage-nav__share-icon--facebook::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%231777f2'%20d='M30%20.1a30%2030%200%200%200-4.69%2059.64v-21H17.7V30.1h7.61v-6.61c0-7.52%204.48-11.67%2011.33-11.67a46.55%2046.55%200%200%201%206.72.58v7.39h-3.78c-3.73%200-4.89%202.31-4.89%204.68v5.63H43l-1.33%208.67h-7v21A30%2030%200%200%200%2030%20.1z'/%3E%3Cpath%20fill='%23fff'%20d='M41.68%2038.77L43%2030.1h-8.31v-5.63c0-2.37%201.16-4.68%204.89-4.68h3.78V12.4a46.55%2046.55%200%200%200-6.72-.58c-6.85%200-11.33%204.15-11.33%2011.67v6.61H17.7v8.67h7.61v21a30.73%2030.73%200%200%200%209.38%200v-21z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-nav__share-icon--twitter::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30'%20r='30'%20fill='%231da1f2'/%3E%3Cpath%20fill='%23fff'%20d='M24.51%2045.82c13.3%200%2020.58-11%2020.58-20.57v-.94a14.76%2014.76%200%200%200%203.61-3.74%2014.9%2014.9%200%200%201-4.16%201.14%207.31%207.31%200%200%200%203.18-4%2014.56%2014.56%200%200%201-4.59%201.75%207.24%207.24%200%200%200-12.53%204.95%206.9%206.9%200%200%200%20.19%201.65%2020.53%2020.53%200%200%201-14.91-7.56%207.24%207.24%200%200%200%202.24%209.66%207.28%207.28%200%200%201-3.28-.91v.09a7.22%207.22%200%200%200%205.8%207.09%207%207%200%200%201-1.9.26%207.56%207.56%200%200%201-1.36-.13%207.24%207.24%200%200%200%206.75%205%2014.49%2014.49%200%200%201-9%203.1%2016.22%2016.22%200%200%201-1.72-.1%2020.47%2020.47%200%200%200%2011.08%203.24'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-nav__share .mypage-nav__share-item:last-child {
    margin: 0 0 0 40px;
  }
  .mymenu-block__close {
    position: absolute;
    top: 0;
    left: 100%;
    width: 46px;
    height: 46px;
    opacity: 0;
    z-index: 60;
  }
  .mymenu-block__close::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23fff'%20d='M58%2060.1L30%2032%202%2060.1l-2-2%2028-28L0%202%202%20.1l28%2028%2028-28L60%202%2032%2030.1l28%2028z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 22px;
    height: 22px;
  }
  .mymenu-block--open .mymenu-block__close {
    opacity: 1;
  }
  /* スライダー */
  .c-product-list-slider,
  .c-artist-list-slider {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 12px 12px;
  }
  .c-product-list-slider::-webkit-scrollbar,
  .c-artist-list-slider::-webkit-scrollbar {
    display: none;
  }
  .c-product-list-slider .c-product-list--gridview_col2,
  .c-artist-list-slider .c-artist-list--gridview {
    width: 520vw;
    padding: 0;
  }
  .c-product-list-slider .c-product-list--gridview_col2 .c-product-list__item,
  .c-artist-list-slider .c-artist-list__item {
    width: 40vw;
    max-width: 260px;
    margin: 0 3.2vw 0 0;
  }
  .c-product-list-slider .c-product-list--gridview_col2 .c-product-list__item:nth-child(3n),
  .c-artist-list-slider .c-artist-list__item:nth-child(3n) {
    margin: 0 12px 0 0;
  }
  .c-product-list-slider .c-product-list--gridview_col2 .c-product-list__item:last-child,
  .c-artist-list-slider .c-artist-list__item:last-child {
    margin: 0;
  }
}

/* ==========================================================
 幅：640px以下
========================================================== */
@media screen and (max-width: 640px) {
  /* 共通ブロック
    ================================================ */
  /* 19_商品リスト
    ------------------------------ */
  .c-product-list-slider .c-product-list--gridview_col2_col2 .c-product-list__item,
  .c-artist-list-slider .c-artist-list__item {
    width: 40vw;
    max-width: 260px;
    margin: 0 3.2vw 0 0;
  }
}

/* ==========================================================
 幅：641px以上
========================================================== */
@media screen and (min-width: 641px) and (max-width: 999px) {
  /* 共通ブロック
    ================================================ */
  /* 19_商品リスト
    ------------------------------ */
  /* パネル型（2カラム） */
  .c-product-list--gridview_col2 .c-product-list__item {
    width: 31%;
    margin-bottom: 18px;
  }
  .c-product-list--gridview_col2 .c-product-list__item:not(:nth-child(2n)) {
    margin-right: 0;
  }
  .c-product-list--gridview_col2 .c-product-list__item:not(:nth-child(3n)) {
    margin-right: 3.5%;
  }
  .c-product-list--gridview_col2 .c-product-list__info {
    height: 112px;
    padding: 10px 0;
  }
  .c-product-list--gridview_col2 .c-product-list__title {
    font-size: 1.3rem;
    line-height: 1.3;
    color: #222;
  }
  .c-product-list--gridview_col2 .c-product-list__audition-btn::after {
    width: 30px;
    height: 30px;
  }
  /* パネル型（3カラム） */
  .c-product-list--gridview_col3 .c-product-list__audition {
    width: 36px;
    height: 36px;
  }
  .c-product-list--gridview_col3 .c-product-list__audition-btn::after {
    width: 30px;
    height: 30px;
  }
  /* スライダー */
  .c-product-list-slider .c-product-list--gridview_col2 .c-product-list__item,
  .c-artist-list-slider .c-artist-list__item {
    width: 184px;
    max-width: 260px;
    margin: 0 1.8vw 0 0;
  }
}

/* ==========================================================
 幅：481px以上
========================================================== */
@media screen and (min-width: 481px) {
  .header-campaign-bnr {
    display: none;
  }
}

/* ==========================================================
 幅：380px以下
========================================================== */
@media screen and (max-width: 380px) {
  /* グリッドリスト切り替え
    ================================================ */
  .c-viewchange-sort__item-inner {
    height: 18px;
    padding: 0 10px;
    font-size: 1.2rem;
    line-height: 18px;
  }
}

/* ==========================================================
 幅：330px以下
========================================================== */
@media screen and (max-width: 330px) {
  /* グリッドリスト切り替え
    ================================================ */
  .c-viewchange {
    margin: 12px 0 20px;
  }
  .c-viewchange-btn__item {
    width: 32px;
    height: 32px;
  }
  .c-viewchange-btn__item:first-child {
    margin: 0 4px 0 0;
  }
  .c-viewchange-sort__list {
    height: 32px;
  }
  .c-viewchange-sort-right__list {
    height: 32px;
  }
  .c-viewchange-sort__item::before {
    top: 7px;
  }
  /* 支払い画面（クレジットカード・プリペイドカード）
    ------------------------------ */
  .c-payment__price-tax {
    font-size: 1rem;
    color: #aaa;
  }
  .c-payment__ask-text {
    font-size: 1rem;
    color: #aaa;
  }
}

/* ==========================================================
 デバイスが横向きの場合
========================================================== */
@media (orientation: landscape) {
  /* 縦:350px以下 */
}

@media (orientation: landscape) and (max-height: 360px) {
  .c-modal {
    max-width: 380px;
  }
}

@media (orientation: landscape) {
  /* 縦:280px以下 */
}

@media (orientation: landscape) and (max-height: 280px) {
  .c-modal {
    max-width: 320px;
  }
}

/* TOPページ
================================================ */
.top-main-hero {
  padding: 6px 0 24px;
  margin: 0 auto 12px;
  background: #fff;
}

.top-main__info {
  margin: 0 auto;
}

/* 検索エリア
------------------------------ */
.top-search {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 12px;
}

.top-search .c-search-box {
  margin: 0 auto 24px;
}

.top-search .c-search-box__form {
  border: 1px solid #222;
}

/* 重要なお知らせ
------------------------------ */
.top-notice {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 12px;
}

.top-notice__link {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  display: block;
  position: relative;
  padding: 12px 24px 12px 12px;
  border-top: 1px solid #e5e5e5;
  text-align: left;
}

.top-notice__link:last-child {
  border-bottom: 1px solid #e5e5e5;
}

.top-notice__link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23aaa'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 12px;
  width: 8px;
  height: 16px;
}

.top-notice__time {
  display: block;
  margin: 0 0 2px;
  color: #aaa;
}

/* スライダー
------------------------------ */
.top-campaignbnr {
  margin: 0 auto;
}

.top-campaignbnr-list {
  overflow: hidden;
  visibility: hidden;
}

.top-campaignbnr-list.slick-initialized {
  visibility: visible;
}

.top-campaignbnr-list .slick-list {
  margin: 0 auto 20px;
}

.top-campaignbnr-list button {
  font-size: 0;
}

.top-campaignbnr-list__item {
  float: left;
  width: 75vw;
  max-width: 640px;
  margin: 0 6px 0 0;
}

.top-campaignbnr-list__item-link {
  display: block;
  position: relative;
  padding-top: 52.5%;
}

.top-campaignbnr-list__item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

/* お知らせ
------------------------------ */
.top-info-wrap {
  margin: 0 auto;
}

.top-info-list {
  margin: 0 auto;
  padding: 0 12px;
}

.top-info-list__item {
  border-bottom: 1px solid #e5e5e5;
}

.top-info-list__item:first-child {
  border-top: 1px solid #e5e5e5;
}

.top-info-list__item-link {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: block;
  position: relative;
  padding: 12px 30px 12px 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-info-list__item-link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23aaa'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 12px;
  width: 6px;
  height: 12px;
}

.top-info-list__item-link--caution {
  color: #c00303;
}

/* dヒッツバナー
------------------------------ */
.top-dhits-banner {
  max-width: 480px;
  margin: 0 auto;
  padding: 24px 12px 0;
  box-sizing: content-box;
}

.top-dhits-banner__link {
  display: block;
  position: relative;
  padding-top: 20.4%;
}

.top-dhits-banner__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

/* Myアーティスト新着・アルバムスマート購入
------------------------------ */
.top-main__info-inner {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

.top-main__info-item {
  margin: 0 auto;
  padding: 0 0 48px;
  border-bottom: 10px solid #f5f5f5;
}

.top-main__info-item:last-child {
  margin: 24px auto 0;
  padding: 0;
  box-shadow: none;
  border: none;
}

.top-main__recommend-heading-wrap {
  display: table;
  width: 100%;
  max-width: 640px;
  margin: 0 auto 20px;
  padding: 0 12px;
}

.top-main__recommend__heading {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.top-main__recommend-list.c-product-list--gridview_col3 .c-product-list__item:not(:nth-child(-n+3)) {
  display: none;
}

.c-product-list--gridview_col3 .c-product-list__item.top-main__recommend-item--large-bnr {
  width: 65.5%;
  margin: 0;
}

/* ランキング
------------------------------ */
.top-ranking__block {
  max-width: 640px;
  margin: 0 auto 24px;
  padding: 0 12px;
}

.top-ranking__block:last-of-type {
  margin: 0 auto;
  border: none;
}

.top-ranking__block .c-section__heading-wrap--more {
  padding: 0;
}

.top-ranking__block .c-section__body {
  border-bottom: 1px solid #e5e5e5;
}

.top-ranking__block .c-product-list--ranking-top {
  padding: 0;
}

.top-ranking__block:last-child .c-section__body {
  border: none;
}

/* 特集
------------------------------ */
.top-special__block {
  max-width: 640px;
  margin: 0 auto 40px;
  padding: 0;
}

.top-special__block--border-none {
  border: none;
}

/* キャンペーンバナー
------------------------------ */
.top-campaign-bnr {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 12px;
}

.top-campaign-bnr--mt {
  margin: 40px auto 0;
}

.header-campaign-bnr__link {
  display: block;
  position: relative;
  padding-top: 12.5%;
  margin: 0 auto;
}

.header-campaign-bnr__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

/* 02_アルバムページ
================================================ */
/* 01_購入ボタンエリア
------------------------------ */
.c-product-main-purchase__ask,
.c-product-main-purchase__discount {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #f54687;
  margin: 6px 0 0;
}

.c-product-main-purchase__price-normal {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  display: block;
  margin: 0 0 6px;
  text-align: center;
  text-decoration: line-through;
}

.album-list-item {
  overflow: hidden;
}

/* 02_アルバム収録曲
------------------------------ */
.album-track-list {
  position: relative;
  border-top: 1px solid #e5e5e5;
}

.c-product-main-purchase__item + .album-track-list {
  border-top: none;
}

.c-tab-nav + .c-tab-body .album-track-list,
.c-tab-control + .c-tab-body .album-track-list {
  margin: 0;
  border-top: none;
}

.album-track-list + .album-track-list {
  border-top: none;
}

.album-track-list__disc {
  padding: 24px 12px 12px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.3rem;
  font-weight: 700;
}

.album-track-list__item {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}

/* 試聴 */
.album-track-list__audition {
  display: table-cell;
  position: relative;
  width: 48px;
  vertical-align: middle;
}

.album-track-list__audition-btn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.album-track-list__audition-btn::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 24px;
  height: 24px;
}

.album-track-list__audition-btn--play::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30'%20r='30'%20fill='%23fff'%20fill-opacity='.8'/%3E%3Cpath%20fill='%23777'%20d='M30%201A29%2029%200%201%201%201%2030%2029%2029%200%200%201%2030%201m0-1a30%2030%200%201%200%2030%2030A30%2030%200%200%200%2030%200z'/%3E%3Cpath%20fill='%23777'%20d='M43.73%2030L23.75%2045.02V14.98L43.73%2030z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.album-track-list__audition-btn--pause::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30.1'%20r='30'%20fill='%23fff'%20fill-opacity='.8'/%3E%3Cpath%20fill='%23f54687'%20d='M30%202.1a28%2028%200%201%201-28%2028%2028%2028%200%200%201%2028-28m0-2a30%2030%200%201%200%2030%2030%2030%2030%200%200%200-30-30z'/%3E%3Crect%20width='20'%20height='20'%20x='20'%20y='20.1'%20fill='%23f54687'%20rx='1.25'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.album-track-list__audition-btn--loading::after {
  opacity: 0.7;
  border: solid 1px #aaa;
  border-radius: 50%;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/icon_loading_01.gif) no-repeat 50%;
  background-size: 14px auto;
  background-color: #fff;
  filter: grayscale(0.99);
}

/* 情報 */
.album-track-list__info {
  display: table-cell;
  width: 100%;
  padding: 10px 12px 10px 0;
  vertical-align: middle;
}

.album-track-list__title {
  display: table;
  table-layout: fixed;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4;
}

.album-track-list__item--active .album-track-list__title {
  color: #f54687;
}

.album-track-list__title-inner,
.album-track-list__number {
  display: table-cell;
  vertical-align: middle;
  word-break: break-all;
}

.album-track-list__title-inner {
  width: auto;
}

.album-track-list__number {
  padding: 0 2px 0 0;
  white-space: nowrap;
}

.album-track-list__artist {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 4px 0 0;
}

.album-track-list__spec {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 4px 0 0;
}

.album-track-list__tieup {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 4px 0 0;
}

.album-track-list__present {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #f54687;
  margin: 4px 0 0;
}

/* WebView用 気になるボタン */
.album-track-list__like-wrapper {
  display: table-cell;
  width: 95px;
  /* 右余白を12px */
  vertical-align: middle;
}

.album-track-list__like {
  display: block;
  position: relative;
  width: 180px;
  text-align: left;
  vertical-align: bottom;
  font-size: 1.2rem;
  border-radius: 24px;
  width: 83px;
  padding: 12px 0 12px 22px;
  border-radius: 3px;
  line-height: 1;
}

.album-track-list__like::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 8px;
  width: 14px;
  height: 14px;
}

.album-track-list__like--off {
  border: 1px solid #ccc;
  text-align: center;
  color: #aaa;
}

.album-track-list__like--off::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill='%23aaa'%20d='M13.7%200H.3a.3.3%200%2000-.21.1.33.33%200%2000-.09.22v13.36a.3.3%200%2000.3.32.28.28%200%2000.15-.04L7%208.89l6.55%205.07a.28.28%200%2000.15.04.3.3%200%2000.3-.32V.32a.31.31%200%2000-.3-.32zM7%207.63l-6%204.64V1h12v11.27z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.album-track-list__like--on {
  height: 38px;
  text-align: center;
  color: #f54687;
}

.album-track-list__like--on::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill='%23f54687'%20d='M13.7%200H.3a.3.3%200%2000-.21.1.33.33%200%2000-.09.22v13.36a.3.3%200%2000.3.32.28.28%200%2000.15-.04L7%208.89l6.55%205.07a.28.28%200%2000.15.04.3.3%200%2000.3-.32V.32a.31.31%200%2000-.3-.32z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.album-track-list__like--loading::before {
  filter: grayscale(0.99);
  width: 15px;
  height: 15px;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/icon_loading_01.gif) no-repeat 50%;
  background-size: 15px auto;
}

/* 購入ボタン */
.album-track-list__price {
  display: table-cell;
  width: 87px;
  padding: 10px 12px 10px 0;
  vertical-align: middle;
}

.album-track-list__price-btn-link {
  font-size: 1.6rem;
  line-height: 1.3;
  color: #f54687;
  text-align: center;
  display: block;
  padding: 9px 2px;
  border: 1px solid #f54687;
  text-align: center;
  background: #fff;
  border-radius: 3px;
  width: 75px;
  padding: 10px 2px;
  line-height: 1;
  text-indent: -2px;
}

.album-track-list__price-text {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  text-align: center;
  margin: 6px 0 0;
}

.album-track-list__price-btn + .album-track-list__price-text {
  margin: 6px 0 0;
}

/* ハイレゾスペック切替タブ */
.tab-album-spec {
  margin: 4px 0 0;
}

.tab-album-spec .c-tab-nav__item-inner {
  font-size: 1.2rem;
}

/* 商品の説明 */
.product-about-btn {
  max-width: 1000px;
  margin: 0 auto 36px;
}

.product-about-lead {
  margin: 0 0 36px;
}

.product-format-heading {
  padding: 0 12px;
  font-weight: 500;
}

.product-format {
  padding: 0 12px;
}

.product-format__title {
  font-size: 1.3rem;
  line-height: 1.7;
}

.product-format__content {
  padding: 0 0 0 1em;
  font-size: 1.2rem;
  line-height: 1.7;
}

.product-format__content:last-of-type {
  margin: 0 0 18px;
}

.product-format__content--notes {
  padding: 0 0 0 2em;
  color: #222;
  text-indent: -1em;
}

/* 03_下部固定アルバム情報
------------------------------ */
.album-info-fixed {
  position: fixed;
  bottom: -126px;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  background: #fff;
  z-index: 40;
  opacity: 0;
  transition: 0.4s;
}

.album-info-fixed--open {
  bottom: 0;
  opacity: 1;
}

.album-info-fixed__type {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  height: 26px;
  padding: 0 12px;
  background: #f5f5f5;
  line-height: 26px;
}

.album-info-fixed__type-flac {
  margin: 0 0 0 1em;
}

.album-info-fixed__inner {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 12px;
}

.album-info-fixed__thum,
.album-info-fixed__info,
.album-info-fixed__btn {
  display: table-cell;
  vertical-align: middle;
}

.album-info-fixed__thum {
  width: 75px;
}

.album-info-fixed__thum-image {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.album-info-fixed__info {
  width: 100%;
  padding: 0 12px;
}

.album-info-fixed__title {
  font-size: 1.3rem;
  font-weight: 500;
  color: #222;
  line-height: normal;
}

.album-info-fixed__artist {
  display: inline-block;
  margin: 3px 0 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.album-info-fixed__artist-inner {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #f54687;
  display: inline-block;
  position: relative;
  max-width: 100%;
}

a.album-info-fixed__artist-inner {
  padding: 0 10px 0 0;
}

a.album-info-fixed__artist-inner::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23f54687'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  right: 0;
  width: 6px;
  height: 12px;
  margin: 0 0 0 7px;
}

.album-info-fixed__ask {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #f54687;
  margin: 7px 0 0;
}

.album-info-fixed__btn {
  width: 100px;
}

.album-info-fixed__btn-link {
  width: 100px;
  padding: 12px 2px;
}

.album-info-fixed__price-normal {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  display: block;
  margin: 0 0 6px;
  text-align: center;
  text-decoration: line-through;
  line-height: 1.3;
}

/* 03_楽曲ページ
================================================ */
/* 01_楽曲サブ情報
------------------------------ */
/* 歌詞 */
.c-product-main-subinfo__lylic-title {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 0 4px;
  font-weight: 500;
}

.c-product-main-subinfo__lylic-artist {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  margin: 0 0 8px;
}

.c-product-main-subinfo__lylic-writer {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.c-product-main-subinfo__lylic-composer {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 0 8px;
}

.c-product-main-subinfo__lylic-main {
  padding: 12px 0 0;
  font-size: 1.3rem;
  line-height: 1.5;
  border-top: 1px solid #e5e5e5;
}

.c-product-main-subinfo__body--no-lylic {
  padding: 0 0 24px;
}

.c-product-main-subinfo__lylic-table-title {
  display: table-cell;
  width: 36px;
}

.c-product-main-subinfo__lylic-table-name {
  display: table-cell;
}

/* 04_アーティストページ
================================================ */
/* 01_アーティスト情報
------------------------------ */
.artist-wrap {
  padding: 24px 0 12px;
}

.artist-main {
  position: relative;
  overflow: hidden;
}

.artist-main__photo {
  padding: 0 24px;
  text-align: center;
}

.artist-main__photo-image {
  width: 70%;
  max-width: 320px;
  background: no-repeat 50%;
  background-size: contain;
}

.artist-main-info {
  padding: 24px 12px;
}

.artist-main-info__title {
  font-size: 1.8rem;
  font-weight: 500;
  color: #222;
  margin: 0 auto 24px;
  text-align: center;
}

.artist-main-info__myartist {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
}

.artist-main-info__myartist-btn {
  display: block;
  position: relative;
  width: 180px;
  text-align: left;
  vertical-align: bottom;
  font-size: 1.2rem;
  border-radius: 24px;
  margin: 0 auto;
  padding: 12px 0 12px 12px;
  line-height: 1;
}

.artist-main-info__myartist-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  width: 14px;
  height: 14px;
}

.artist-main-info__myartist-btn--off {
  border: 1px solid #ccc;
  text-align: center;
  color: #aaa;
}

.artist-main-info__myartist-btn--off::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill='%23aaa'%20d='M13.14%201.95a3.32%203.32%200%2000-.4-.4A3.84%203.84%200%200011.3.83a4.05%204.05%200%2000-.58-.11l-.2-.01C10.43.7%2010.3.69%2010.19.7a4.04%204.04%200%2000-.82.1c-.06%200-.11.02-.17.03a4%204%200%2000-.7.26l-.1.04a3.96%203.96%200%2000-.68.44l-.14.13a3.77%203.77%200%2000-.57.6%203.98%203.98%200%2000-.4-.46l-.13-.12a3.78%203.78%200%2000-.33-.27L6%201.35a3.8%203.8%200%2000-.44-.26l-.04-.02a4.04%204.04%200%2000-.5-.2L4.86.83%204.48.75%204.32.72A4.12%204.12%200%20003.86.7H3.8c-.13%200-.26%200-.39.02l-.18.01a4.17%204.17%200%2000-.53.1%203.95%203.95%200%2000-.49.17A3.5%203.5%200%20000%204.37%203.96%203.96%200%2000.24%205.7q.08.22.19.45a9.26%209.26%200%20001.16%201.83%2045.02%2045.02%200%20003.9%204.06l1.35%201.32.16.16.16-.16%201.35-1.31a32.23%2032.23%200%20004.56-5A5.03%205.03%200%200014%204.38a3.56%203.56%200%2000-.86-2.42zm-5.33%209.38l-.81.79-.77-.75-.05-.04C3.28%208.53%201%206.3%201%204.37a2.56%202.56%200%20011.96-2.58%203.2%203.2%200%2001.82-.1%202.89%202.89%200%20012.4%201.2L7%204.01l.82-1.12a2.99%202.99%200%20012.43-1.2%203.14%203.14%200%2001.8.1A2.55%202.55%200%200113%204.37c0%201.94-2.29%204.16-5.18%206.96z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  top: 12px;
  left: 16px;
}

.artist-main-info__myartist-btn--on {
  color: #f54687;
  text-align: center;
}

.artist-main-info__myartist-btn--on::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill='%23f54687'%20d='M13.14%201.95a3.32%203.32%200%2000-.4-.4A3.84%203.84%200%200011.3.83a4.05%204.05%200%2000-.58-.11l-.2-.01C10.43.7%2010.3.69%2010.19.7a4.04%204.04%200%2000-.82.1c-.06%200-.11.02-.17.03a4%204%200%2000-.7.26l-.1.04a3.96%203.96%200%2000-.68.44l-.14.13a3.77%203.77%200%2000-.57.6%203.98%203.98%200%2000-.4-.46l-.13-.12a3.78%203.78%200%2000-.33-.27L6%201.35a3.8%203.8%200%2000-.44-.26l-.04-.02a4.04%204.04%200%2000-.5-.2L4.86.83%204.48.75%204.32.72A4.12%204.12%200%20003.86.7H3.8c-.13%200-.26%200-.39.02l-.18.01a4.17%204.17%200%2000-.53.1%203.95%203.95%200%2000-.49.17A3.5%203.5%200%20000%204.37%203.96%203.96%200%2000.24%205.7q.08.22.19.45a9.26%209.26%200%20001.16%201.83%2045.02%2045.02%200%20003.9%204.06l1.35%201.32.16.16.16-.16%201.35-1.31a32.23%2032.23%200%20004.56-5A5.03%205.03%200%200014%204.38a3.56%203.56%200%2000-.86-2.42z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  left: 0;
}

.artist-main-info__myartist-btn--loading::before {
  filter: grayscale(0.99);
  width: 15px;
  height: 15px;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/icon_loading_01.gif) no-repeat 50%;
  background-size: 15px auto;
}

.artist-main-info__profile {
  position: relative;
  overflow: hidden;
  margin: 18px auto 0;
}

.artist-main-info__profile-text {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
}

.artist-main-info__profile--more {
  position: relative;
  margin: 6px 0;
  padding: 0 16px 0 0;
  float: right;
  font-size: 1.2rem;
}

.artist-main-info__profile--more::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23222'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 6px;
  width: 6px;
  height: 12px;
}

.artist-main-info__profile--close .artist-main-info__profile-text {
  max-height: 4.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.artist-main-info__profile--open .artist-main-info__profile--more::after {
  transform: translateY(-50%) rotate(-90deg);
}

.artist-main-info__profile--close .artist-main-info__profile--more::after {
  transform: translateY(-50%) rotate(90deg);
}

/* Myアーティスト・シェアボタン */
.artist-main__share {
  margin: 18px auto 0;
}

/* 特典情報 */
.artist-main-campaign {
  margin: 0 12px 24px;
}

/* 種別タブ */
.artist-tab {
  position: relative;
}

/* ローディング */
.contents-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1;
}

.contents-loading__image {
  position: absolute;
  top: 48px;
  left: 50%;
  width: 25px;
  transform: translateX(-50%);
  filter: grayscale(0.99);
}

/* 中見出し */
.artist-crosshead {
  margin: 24px 12px;
  font-size: 1.6rem;
}

/* すべてタブ コンテンツ表示セクション */
.artist-contents-section {
  margin-bottom: 0;
}

.artist-contents-section:nth-child(n+2) {
  padding-top: 0;
}

.artist-contents-section:last-of-type {
  padding-bottom: 0;
}

/* RecMusicへのリンク */
.artist-recmusic {
  margin: 0 auto 10px;
  background: #fff;
}

.artist-recmusic__link {
  font-size: 1.6rem;
  line-height: 1.6;
  position: relative;
  display: block;
  max-width: 640px;
  margin: 0 auto;
  padding: 32px 42px 32px 12px;
  font-weight: 500;
}

.artist-recmusic__link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%23ccc'%20d='M11.51%200h-3.1v.98h1.92L6.2%205.11l.21.21.27.27.21.21%204.14-4.14v1.93H12V.49L11.51%200z'/%3E%3Cpath%20fill='%23ccc'%20d='M9.57%2011.02H.97V2.44h5.67v-.98H0V12H10.54V5.36h-.97v5.66z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 14px;
  width: 16px;
  height: 16px;
}

/* ==========================================================
 幅：641px以上
========================================================== */
@media screen and (min-width: 641px) and (max-width: 999px) {
  /* アーティスト写真表示領域調整
    ------------------------------ */
  .artist-main__photo-wrap {
    display: block;
    position: relative;
    width: 50%;
    height: auto;
    margin: 0 auto;
    padding: 50% 0 0;
  }
}

/* 05_商品ページ
================================================ */
/* 01_商品情報
------------------------------ */
.product-info-wrap {
  margin: 0 auto 24px;
}

.product-purchase {
  margin: 0 auto 24px;
  padding: 0 12px 0;
}

.product-payment__type {
  margin: 0 0 12px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.4rem;
}

.product-payment__type--unselected {
  position: relative;
}

.product-payment__type--unselected::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='6px'%20height='12px'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23aaa'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -20px;
  width: 6px;
  height: 12px;
  transform: translateY(-50%) rotate(90deg);
}

.product-payment__price {
  font-size: 2.0rem;
  color: #f54687;
  font-weight: 500;
}

.product-payment__btn-block {
  margin: 0 12px 24px;
  border-bottom: 1px solid #e5e5e5;
}

.product-payment__btn {
  margin: 0 0 48px;
}

.product-payment__btn--utagift {
  margin: 0;
}

.product-info {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

.product-info__main {
  overflow: hidden;
}

/* 価格 */
.product-price__block {
  margin: 24px 12px 0;
  padding: 12px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: right;
}

.product-price__price-tax {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 0 0 0 4px;
}

.product-price__ask-text {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #f54687;
  margin: 0 0 6px;
}

.product-price__ask-price {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 8px 0 0;
}

.product-notes {
  margin: 8px 0 0;
  font-size: 1.0rem;
  color: #aaa;
  line-height: 1.3;
}

/* 転送禁止文言 */
.product-song-lock {
  margin: 24px 0;
}

.product-song-lock--purchase-page {
  margin: 24px 0 0;
  padding: 0 12px;
}

.product-song-lock--purchase-page .c-modal-arrow {
  margin: 0;
}

.product-song-lock .c-modal-arrow {
  padding: 0;
}

.product-info-modal.c-modal-arrow {
  margin: 3px 0 1.5rem;
  padding: 0;
}

/* キャンペーン情報 */
.product-campaign {
  margin: 24px auto 0;
  padding: 0 12px;
}

/* 03_支払い方法選択
------------------------------ */
.product-tab-nav {
  width: 100%;
}

.product-tab-nav__item {
  width: 50%;
}

.product-tab-nav__item-inner {
  margin: 0 auto;
}

.product-payment__heading {
  margin: 0 auto 12px;
  padding: 0;
}

.product-payment {
  margin: 0 auto 30px;
}

.product-payment-list {
  margin: 0 auto 24px;
  border: 1px solid #e5e5e5;
}

.product-payment-list__item {
  border-bottom: 1px solid #e5e5e5;
}

.product-payment-list__item:last-child {
  border-bottom: none;
}

.product-payment-list__label {
  font-size: 1.6rem;
  line-height: 1.6;
  display: block;
  position: relative;
  padding: 18px 12px 18px 48px;
  vertical-align: baseline;
  font-weight: 500;
  cursor: pointer;
}

.product-payment-list__input {
  display: none;
}

.product-payment-list__text {
  vertical-align: middle;
}

.product-payment-list__text::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  left: 12px;
  width: 20px;
  height: 20px;
  margin: 0 6px 0 0;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.product-payment-list--active .product-payment-list__input + .product-payment-list__text::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  left: 17px;
  width: 10px;
  height: 10px;
  background: #f54687;
  border-radius: 50%;
}

.product-payment-list--active .product-payment-list__input + .product-payment-list__text {
  color: #222;
}

.product-payment-list__body {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  max-width: 380px;
  margin: 0 auto;
  padding: 0 18px 18px;
}

.product-payment-list__image {
  display: block;
  max-width: 380px;
  margin: 0 auto 8px;
}

.product-payment-list__image--paypay {
  max-width: 150px;
}

.product-payment-list__image--aueasy {
  max-width: 170px;
  margin: 0 auto 16px;
}

.product-payment-list__image--rakuten {
  max-width: 235px;
}

.product-payment-list__notes {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #c00303;
  margin-top: 4px;
}

/* 利用規約 */
.product-payment__terms {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 0 auto 24px;
  text-align: center;
}

.product-payment__terms--top {
  margin: 0 auto 24px;
  text-align: center;
}

.product-payment__terms-link {
  color: #222;
  text-decoration: underline;
}

.product-payment__btn .c-btn-function,
.product-download__btn .c-btn-function {
  width: 100%;
  max-width: 480px;
}

/* 04_収録曲（モーダル）
------------------------------ */
.product-track {
  padding: 0 12px;
}

.product-track__heading {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 0 12px;
  font-weight: 700;
}

.product-track__list {
  margin: 0 0 24px;
}

.product-track__list:last-of-type {
  margin: 0;
}

.product-track__item {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  margin: 0 0 12px;
}

/* Myアーティスト登録 */
.procuct-myartist {
  margin: 0;
  padding: 0 0 48px;
  border-bottom: none;
}

.procuct-myartist__heading {
  padding: 0;
}

.procuct-myartist__heading::before {
  content: none;
}

.procuct-myartist__text {
  margin: 0 0 12px;
  word-break: break-all;
  text-indent: -6px;
}

/* 注意事項 */
.procuct-notes {
  margin: 0;
  padding: 0 0 48px;
  border-bottom: none;
}

.procuct-notes:last-child {
  padding: 0;
}

.procuct-notes__heading {
  padding: 0 0 0 14px;
}

.procuct-notes__heading::before {
  left: 4px;
}

.procuct-notes-text-list {
  padding: 0;
}

.procuct-notes-text-list .c-text-list__item:last-child {
  margin: 0;
}

.procuct-notes-text-list--utagift {
  padding: 0 0 16px;
}

.product-other-items {
  padding: 0 12px;
}

.product-other-items .c-section:first-child {
  padding: 30px 0 48px;
  border-top: 1px solid #e5e5e5;
}

/* ラジオボタン */
.procuct-myartist__radio {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: inline-block;
  cursor: pointer;
}

.procuct-myartist__radio:not(:last-child) {
  margin: 0 20px 0 0;
}

.procuct-myartist__radio-input {
  display: none;
}

.procuct-myartist__radio-text {
  display: block;
  position: relative;
}

.procuct-myartist__radio-text::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  margin: 0 6px 0 0;
  border: 1px solid #ccc;
  vertical-align: -3px;
  border-radius: 50%;
}

.procuct-myartist__radio-input:checked + .procuct-myartist__radio-text::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #f54687;
  border-radius: 50%;
}

/* エルマーク */
.product-lmark {
  padding: 0 0 0 4px;
}

.product-lmark__image {
  width: 55px;
  margin: 0 4px 0 0;
  vertical-align: -9px;
}

.product-lmark__text {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #222;
  display: inline-block;
}

/* 05_重複購入防止（モーダル）
------------------------------ */
.product-modal-btn {
  margin: 24px auto 12px;
}

/* 06_ハイレゾ確認（モーダル）
------------------------------ */
.product-modal-image {
  margin: 0 auto 24px;
  padding: 0 12px;
}

.product-modal-confirm-btn {
  margin: 0 auto 36px;
}

.product-modal-purchase-btn {
  margin: 0 auto;
}

.product-modal-text {
  margin: 0 0 12px;
}

/* 05_うたコード入力ページ
================================================ */
.utacode-main {
  max-width: 720px;
  margin: 0 auto;
}

.utacode-main .c-product-info__track {
  margin: 0;
}

/* うたコード入力 */
.utacode-input {
  margin: 0 12px;
  padding: 24px 0 0;
}

.utacode-input__text {
  margin: 0 0 12px;
}

.utacode-input__input {
  font-size: 1.6rem;
  line-height: 1.6;
  width: 100%;
  height: 40px;
  margin: 0 auto 18px;
  padding: 0 12px;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12) inset;
}

.utacode-input__input::-webkit-input-placeholder {
  color: #aaa;
}

.utacode-input__input::placeholder {
  color: #aaa;
}

.utacode-input__input::-webkit-inner-spin-button,
.utacode-input__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* 06_プリペイドカード決済確認
================================================ */
.prepaid-main .c-product-info__track {
  margin: 0;
}

.prepaid-link-arrow {
  max-width: 640px;
  margin: 0 auto 12px;
}

/* 07_クレジットカード決済確認
================================================ */
.credit-main .c-product-info {
  margin: 0 auto 24px;
}

.credit-main .c-product-info__track {
  margin: 0;
}

/* 06_購入完了ページ
================================================ */
/* 01_情報エリア
------------------------------ */
.purchasecomp-main {
  max-width: 1000px;
  margin: 0 auto 24px;
  padding: 0 12px;
}

.purchasecomp-section {
  max-width: 1000px;
  margin: 0 auto 24px;
}

.purchasecomp-section:last-child {
  margin: 0 auto;
}

.purchasecomp-main__message {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  margin: 0 0 12px;
  font-weight: 500;
}

.purchasecomp-section__heading {
  max-width: 640px;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  color: #222;
  margin: 0 0 8px;
  padding: 0 12px;
}

.purchasecomp-section__lead {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #aaa;
  margin: 0 0 12px;
  padding: 0 12px;
}

.purchasecomp-main-image {
  display: block;
  max-width: 420px;
  margin: 0 auto;
}

.purchasecomp-main__notes {
  margin-top: 18px;
  text-align: center;
  color: #aaa;
}

/* 特設コンテンツ */
.purchasecomp-special-content-wrapper {
  margin: 0 auto 10px;
  padding: 24px 12px;
  background: #fff;
}

.purchasecomp-special-content-wrapper .purchasecomp-special-content--utagift {
  margin-bottom: 0;
}

.purchasecomp-special-content {
  max-width: 500px;
  margin: 0 auto;
}

.purchasecomp-special-content--utagift {
  margin-bottom: 32px;
}

.video-wrapper {
  position: relative;
  padding-top: 56.25%;
}

.video-wrapper .mejs__fill-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.purchasecomp-special-content__text {
  margin-top: 18px;
  font-size: 1.4rem;
}

.purchasecomp-special-content__text-foot {
  display: block;
  margin-top: 8px;
}

/* Webview用 告知文 */
.purchasecomp-main__announce {
  margin-top: 24px;
  padding: 10px 12px;
  background: #f5f5f5;
  font-size: 1.1rem;
  line-height: 1.4;
}

.purchasecomp-main__announce-link {
  color: #1a72e8;
  text-decoration: underline;
}

/* 02_ダウンロード
------------------------------ */
.download-album {
  overflow: hidden;
  margin: 0 auto 24px;
}

.download-album__info-block {
  max-width: 640px;
}

.download-album__function-block {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 12px;
  text-align: center;
}

.download-album__info-inner {
  margin: 0 0 12px;
}

/* レコチョクダウンローダー */
.download-downloader__title {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 auto 16px;
  padding: 0 12px;
  font-weight: 500;
}

.download-downloader__block {
  margin: 0 12px 64px;
  padding: 32px 24px;
  background: #f5f5f5;
}

.download-downloader__inner {
  display: table;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}

.download-downloader__lead {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  font-weight: 500;
}

.download-downloader__lead--text {
  display: inline-block;
  margin: 0 0 0 8px;
  text-indent: 1px;
  font-size: 1.5rem;
}

.download-downloader__lead--image {
  display: inline-block;
  width: auto;
  height: 33px;
}

.download-downloader__lead-sub {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: block;
  margin: 0 0 2px;
}

.download-downloader__btn {
  display: table-cell;
}

.download-downloader__btn .c-btn-function--light {
  width: 100%;
  margin: 0 0 0 auto;
  font-size: 1.3rem;
}

/* スペック切替 */
.download-specchange__block {
  display: table;
  width: 100%;
  padding: 0 12px;
  margin: 0 auto 16px;
}

.download-specchange__title {
  font-size: 1.6rem;
  line-height: 1.6;
  display: table-cell;
  font-weight: 500;
}

.download-specchange__inner {
  display: table-cell;
  text-align: right;
}

.download-specchange__text {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  display: inline-block;
  position: relative;
  padding: 1px 0 0;
  line-height: 30px;
}

.download-specchange__select {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  position: relative;
  width: 160px;
  height: 30px;
  padding: 0 24px 0 12px;
  border: 1px solid #ccc;
}

.download-specchange__select-block {
  display: inline-block;
  position: relative;
  margin: 0 0 0 6px;
  vertical-align: top;
}

.download-specchange__select-block::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  right: 12px;
  border-top: 5px solid #606060;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/* 収録曲ダウンロード */
.download-track {
  margin: 0 12px;
}

.download-track__inner {
  padding: 16px 24px;
  background: #f5f5f5;
}

.download-track__inner:not(:last-child) {
  margin: 0 auto 12px;
}

.download-track__disc {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  max-width: 640px;
  margin: 0 auto;
  padding: 0 0 12px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 500;
}

.download-track-list__item {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
}

.download-track-list__item:last-child {
  border-bottom: none;
}

.download-track-list {
  max-width: 640px;
  margin: 0 auto;
  padding: 0;
}

.download-track-list__info {
  display: table-cell;
  vertical-align: middle;
  padding: 0 12px 0 0;
}

.download-track-list__title {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  font-weight: 500;
}

.download-track-list__artist {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 3px 0 0;
}

.download-track-list__spec {
  position: absolute;
  bottom: -4px;
  width: 100%;
  margin: 0;
  font-size: 1.0rem;
  line-height: 1.1;
  color: #aaa;
  text-align: center;
}

.download-track-list__btn {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 104px;
  padding: 12px 0;
}

.download-track-list__btn-link {
  display: block;
  position: relative;
  width: 34px;
  height: 34px;
  margin: 0 0 0 auto;
  border: 1px solid #f54687;
  background: #fff;
  border-radius: 3px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.download-track-list__btn-link::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%23f54687'%20d='M11.26%206.09v4.18H.74V6.09H0V11h12V6.09h-.74z'/%3E%3Cpath%20fill='%23f54687'%20d='M6.35%207.11l2.72-2.67-.52-.52-2.18%202.14V1h-.74v5.05L3.46%203.92l-.53.51%202.72%202.68h.7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 18px;
  height: 18px;
}

.download-track-list__btn-link--loading::before {
  width: 14px;
  height: 14px;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/icon_loading_wishlist.gif) no-repeat 50%;
  background-size: 14px auto;
  vertical-align: -3px;
}

.download-track-list__btn-link--disabled {
  color: #ccc;
  border: 1px solid #ccc;
}

.download-track-list__btn-link--disabled::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%23ccc'%20d='M11.26%206.09v4.18H.74V6.09H0V11h12V6.09h-.74z'/%3E%3Cpath%20fill='%23ccc'%20d='M6.35%207.11l2.72-2.67-.52-.52-2.18%202.14V1h-.74v5.05L3.46%203.92l-.53.51%202.72%202.68h.7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.download-app__text {
  margin: 12px auto 0;
  font-size: 1.2rem;
  line-height: 2.2rem;
  text-align: center;
}

.download-bottom__btn {
  margin: 24px 0 0;
}

.download-album__info-notes {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
}

/* 10_ランキングページ
================================================ */
.c-ranking-viewchange {
  margin: 12px 0 6px;
}

/* 集計日
------------------------------ */
.c-ranking-aggregate-date {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  text-align: right;
  margin: 0 0 30px;
  padding: 0 12px 0 0;
}

/* TOWER RECORDS MUSICバナー
------------------------------ */
.ranking-tower-records-music-bnr {
  padding: 32px 12px 0;
  background: #fff;
}

.ranking-tower-records-music-bnr__link {
  display: block;
  position: relative;
  max-width: 640px;
  padding-top: 80px;
  margin: 0 auto;
}

.ranking-tower-records-music-bnr-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

/* App Passアプリから表示された際のメッセージ表示部分
------------------------------ */
.apppass-info {
  border: solid 1px #f69;
  margin: 10px;
  padding: 10px;
  background-color: #fff;
}

.apppass-info__text {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #f69;
}

.apppass-info__list {
  margin-top: 10px;
  margin-bottom: 10px;
}

.apppass-info__item {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #222;
  line-height: 1.8;
}

.apppass-info__notes {
  font-size: 1rem;
  color: #aaa;
}

/* ==========================================================
 幅：663px以下
========================================================== */
@media screen and (max-width: 663px) {
  /* TOWER RECORDS MUSICバナー表示領域調整
    ------------------------------ */
  .ranking-tower-records-music-bnr__link {
    padding-top: 12.5%;
  }
}

/* レシートページ
================================================ */
.container--page-receipt {
  padding: 16px;
  font-size: 1.6rem;
}

.container--page-receipt p {
  font-size: 1.6rem;
}

.receipt-header {
  position: relative;
  height: 50px;
}

.receipt-header__logo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 137px;
}

.receipt-header__detail {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  text-align: right;
}

.receipt-print {
  margin: 32px 0;
  text-align: center;
}

.receipt-print__link {
  color: #222;
}

.receipt-title {
  margin-bottom: 24px;
  text-align: center;
  font-weight: bold;
}

.receipt-detail {
  display: table;
  margin-top: 8px;
  font-weight: bold;
  word-break: break-word;
}

.receipt-detail__label {
  display: table-cell;
  width: 80px;
}

.receipt-price {
  margin-top: 32px;
  text-align: right;
  font-weight: bold;
}

.receipt-tax {
  text-align: right;
  font-weight: bold;
}

/* ==========================================================
 幅：500px未満
========================================================== */
@media screen and (max-width: 499px) {
  /* レシートページ
    ================================================ */
  .receipt-header {
    height: auto;
    text-align: center;
  }
  .receipt-header__logo {
    position: static;
    transform: none;
  }
  .receipt-header__detail {
    position: static;
    margin-top: 32px;
    text-align: center;
    transform: none;
  }
}

/* 11_検索ページ
================================================ */
/* 01_検索エリア
------------------------------ */
.search-block {
  position: relative;
  margin: 0 auto;
  padding: 0 12px 24px;
  background: #fff;
}

.serch-tab {
  max-width: inherit;
}

.serch-tab--individual {
  background: #fff;
}

.serch-tab-wrap {
  background: #fff;
}

.serch-tab-control {
  max-width: 1000px;
  margin: 0 auto;
}

.serch-tab-body__item-inner {
  max-width: 1000px;
  margin: 0 auto;
}

.search-modal-heading__update {
  padding: 0 8px;
}

/* マイページ共通
================================================ */
/* 背景表示用
------------------------------ */
.mypage-wrapper {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}

/* アイテムなし
------------------------------ */
.mypage-no-item {
  margin: auto;
  padding: 0 12px;
}

.mypage-no-item__icon {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto 24px;
}

.mypage-no-item__icon::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  left: 0;
  width: 120px;
  height: 120px;
}

.mypage-no-item__icon--notices::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23ccc'%20d='M22%2053.31h16c-.49%204-4.45%207-8.7%206.67-3.69-.28-7.41-3.64-7.3-6.67zM30%200c-2.14%200-3.41%201.21-3.83%203.64-7.58%201.23-11.83%206.12-14.12%2011.07a29.74%2029.74%200%200%200-1.79%2011%2058.51%2058.51%200%200%201-.82%2010.49A17.27%2017.27%200%200%201%204%2046.51c-1.29%201.14-2.63%202.23-4%203.42h60c-1.41-1.19-2.75-2.28-4-3.42a17.27%2017.27%200%200%201-5.4-10.3%2058.51%2058.51%200%200%201-.82-10.49%2029.74%2029.74%200%200%200-1.79-11c-2.29-5-6.54-9.83-14.13-11.07C33.45%201.41%2032.15%200%2030.05%200zM5.33%2048a19.27%2019.27%200%200%200%206-11.42%2061.48%2061.48%200%200%200%20.85-10.84%2027.32%2027.32%200%200%201%201.65-10.31C16.17%2010.25%2020.52%205.17%2030%205.17s13.85%205.08%2016.14%2010.29a27.51%2027.51%200%200%201%201.66%2010.31%2061.48%2061.48%200%200%200%20.85%2010.84c.9%204.89%202.85%208.6%206%2011.38L5.33%2048z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.mypage-no-item__icon--myartist::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23ccc'%20d='M30%2057.5l-.68-.67c-1.97-1.94-3.91-3.81-5.8-5.64C10.38%2038.5%200%2028.44%200%2018.3A15.16%2015.16%200%200111.58%203.1%2017.07%2017.07%200%200130%209.47a17.26%2017.26%200%200118.45-6.35A15.13%2015.13%200%200160%2018.3c0%2010.15-10.38%2020.2-23.53%2032.91-1.88%201.82-3.82%203.7-5.79%205.63zM16.2%204.42a15.97%2015.97%200%2000-4.11.53A13.3%2013.3%200%20001.94%2018.3c0%209.34%2010.12%2019.14%2022.94%2031.53%201.67%201.62%203.38%203.27%205.12%204.98q2.6-2.56%205.12-4.97c12.82-12.4%2022.94-22.2%2022.94-31.54A13.27%2013.27%200%200047.95%204.98C42.48%203.5%2034.79%205%2030.84%2011.72L30%2013.14l-.84-1.42a14.71%2014.71%200%2000-12.96-7.3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.mypage-no-item__icon--wishlist::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23ccc'%20d='M1.3%201.5A1.3%201.3%200%20000%202.8v54.4a1.28%201.28%200%20001.29%201.3%201.28%201.28%200%2000.65-.17L30%2037.7l28.06%2020.62A1.29%201.29%200%200060%2057.2V2.8a1.3%201.3%200%2000-1.3-1.3zm56.76%201.94v52.65L30%2035.3%201.94%2056.09V3.44z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.mypage-no-item__icon--ask::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23ccc'%20d='M30%2060.1a30%2030%200%201%201%2030-30%2030%2030%200%200%201-30%2030zM30%202a28.06%2028.06%200%201%200%2028.06%2028.1A28.09%2028.09%200%200%200%2030%202zm0%2050.21A22.15%2022.15%200%200%201%207.85%2030.1h1.94A20.19%2020.19%200%200%200%2030%2050.31zm0-5.51a16.63%2016.63%200%200%201-16.64-16.6h1.93a14.66%2014.66%200%200%200%2010.34%2014%2015%2015%200%200%200%204.37.66zm22.15-16.6h-1.94A20.14%2020.14%200%200%200%2034.7%2010.43a20.54%2020.54%200%200%200-4.7-.54V8a22.13%2022.13%200%200%201%2022.15%2022.1zm-5.51%200h-1.93a14.66%2014.66%200%200%200-11.29-14.31%2015.15%2015.15%200%200%200-3.42-.4v-1.93A16.62%2016.62%200%200%201%2046.64%2030.1zM30%2039.19a9.09%209.09%200%201%201%209.09-9.09A9.1%209.1%200%200%201%2030%2039.19zm0-15.44a6.35%206.35%200%201%200%206.35%206.35A6.36%206.36%200%200%200%2030%2023.75z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.mypage-no-item__icon--presents::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23ccc'%20d='M22.82%2029.85L19.08%2041.1a1%201%200%2000.36%201.12.99.99%200%20001.17-.01l9.32-7%209.31%207a.98.98%200%2000.6.2%201%201%200%2000.94-1.31l-3.74-11.26%208.36-6.53a1%201%200%2000-.61-1.78H34.6l-3.74-10.77a1%201%200%2000-1.87%200l-3.73%2010.77h-10.2a1%201%200%2000-.6%201.78zm3.14-6.32a1%201%200%2000.94-.67l3.03-8.73%203.02%208.73a1%201%200%2000.94.67h8.01l-6.63%205.17a1%201%200%2000-.34%201.1l2.96%208.91-7.36-5.54a.99.99%200%2000-1.2%200l-7.36%205.54%202.96-8.9a1%201%200%2000-.33-1.1l-6.64-5.18z'/%3E%3Cpath%20fill='%23ccc'%20d='M56%2026.16a26%2026%200%2010-45.72%2016.97v16.94l19.86-3.75L50%2060.07V42.83h-.02A26.02%2026.02%200%200056%2026.16zm-50.01%200A24.01%2024.01%200%201130%2050.25a24.08%2024.08%200%2001-24.01-24.1zM48%2057.66L30.14%2054.3l-17.88%203.38V45.2a25.87%2025.87%200%200035.75-.27z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.mypage-no-item__icon--purchasehistory::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%20width='100%'%20height='100%'%3E%3Cpath%20fill='%23ccc'%20d='M29.55%2035.6l10.89-6.83-1.04-1.62-9.4%205.9V7h-1.94v26.05l-9.4-5.9-1.03%201.62%2010.88%206.83h1.04z'/%3E%3Cpath%20fill='%23ccc'%20d='M58.06%2025.21v25.87H1.94V25.21H0V53h60V25.21h-1.94z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.mypage-no-item__icon--utagift::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23ccc'%20d='M31.69%2016.58l15.01-6.52L38.9.1l-9.38%2016.48h-.04L23.04.24l-9.84%208.39%2012.9%207.95H5.5V60.1h49V16.58zm20.91%201.91v10.5H31.05v-10.5zM39.16%203.5l4.52%205.78-10.4%204.52zm-16.92-.09l4.47%2011.3-10.3-6.33zM7.4%2018.49h21.55v10.5H7.4zm21.55%2039.7H7.4V31.12h21.55zm23.66%200H31.05V31.12H52.6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.mypage-no-item__icon--review::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23ccc'%20d='M50.02%2060L30%2045.2%209.98%2060%2018%2036.3%200%2022.5h22.06L30%200l7.94%2022.5H60L42%2036.3zM5.39%2024.33l14.77%2011.33-6.55%2019.38L30%2042.92l16.39%2012.12-6.55-19.38L54.6%2024.33H36.62L30%205.55l-6.62%2018.78z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.mypage-no-item__message {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  margin: 0 0 24px 0;
  text-align: center;
}

.mypage-lead {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  margin: 0 auto 30px;
  padding: 0 12px;
}

/* マイページ・ポータル
================================================ */
/* 背景表示用
------------------------------ */
.mypage__inner {
  position: relative;
  background: #f5f5f5;
}

.mypage-link__block {
  width: 100%;
  margin: 0 0 12px;
  border-bottom: 1px solid #e5e5e5;
}

.mypage-link__block:last-child {
  margin: 0;
}

/* セクション
------------------------------ */
.mypage-section__title {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  margin: 0 auto 12px;
  padding: 12px 12px 0;
}

.mypage-link {
  margin: 0 auto;
  padding: 0 12px;
  background: #fff;
}

/* リンク
------------------------------ */
.mypage-link__item {
  position: relative;
  padding: 0 0 0 8px;
  border-bottom: 1px solid #e5e5e5;
}

.mypage-link__item:last-child {
  border-bottom: none;
}

.mypage-link__item--primary:first-child {
  border-top: 1px solid #e5e5e5;
}

.mypage-link__item .c-btn-function {
  margin: 0 auto 8px;
}

.mypage-link__item-link {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: block;
  position: relative;
  padding: 16px 0 16px 40px;
}

.mypage-link__item-link::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  left: 0;
  width: 20px;
  height: 20px;
}

.mypage-link__item-link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 6px;
  width: 6px;
  height: 12px;
}

.mypage-link__item-link--notices::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M22%2053.31h16c-.49%204-4.45%207-8.7%206.67-3.69-.28-7.41-3.64-7.3-6.67zM30%200c-2.14%200-3.41%201.21-3.83%203.64-7.58%201.23-11.83%206.12-14.12%2011.07a29.74%2029.74%200%200%200-1.79%2011%2058.51%2058.51%200%200%201-.82%2010.49A17.27%2017.27%200%200%201%204%2046.51c-1.29%201.14-2.63%202.23-4%203.42h60c-1.41-1.19-2.75-2.28-4-3.42a17.27%2017.27%200%200%201-5.4-10.3%2058.51%2058.51%200%200%201-.82-10.49%2029.74%2029.74%200%200%200-1.79-11c-2.29-5-6.54-9.83-14.13-11.07C33.45%201.41%2032.15%200%2030.05%200zM5.33%2048a19.27%2019.27%200%200%200%206-11.42%2061.48%2061.48%200%200%200%20.85-10.84%2027.32%2027.32%200%200%201%201.65-10.31C16.17%2010.25%2020.52%205.17%2030%205.17s13.85%205.08%2016.14%2010.29a27.51%2027.51%200%200%201%201.66%2010.31%2061.48%2061.48%200%200%200%20.85%2010.84c.9%204.89%202.85%208.6%206%2011.38L5.33%2048z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.mypage-link__item-link--myartist::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M30%2057.5l-.68-.67c-1.97-1.94-3.91-3.81-5.8-5.64C10.38%2038.5%200%2028.44%200%2018.3A15.16%2015.16%200%200111.58%203.1%2017.07%2017.07%200%200130%209.47a17.26%2017.26%200%200118.45-6.35A15.13%2015.13%200%200160%2018.3c0%2010.15-10.38%2020.2-23.53%2032.91-1.88%201.82-3.82%203.7-5.79%205.63zM16.2%204.42a15.97%2015.97%200%2000-4.11.53A13.3%2013.3%200%20001.94%2018.3c0%209.34%2010.12%2019.14%2022.94%2031.53%201.67%201.62%203.38%203.27%205.12%204.98q2.6-2.56%205.12-4.97c12.82-12.4%2022.94-22.2%2022.94-31.54A13.27%2013.27%200%200047.95%204.98C42.48%203.5%2034.79%205%2030.84%2011.72L30%2013.14l-.84-1.42a14.71%2014.71%200%2000-12.96-7.3z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.mypage-link__item-link--wishlist::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M1.3%201.5A1.3%201.3%200%20000%202.8v54.4a1.28%201.28%200%20001.29%201.3%201.28%201.28%200%2000.65-.17L30%2037.7l28.06%2020.62A1.29%201.29%200%200060%2057.2V2.8a1.3%201.3%200%2000-1.3-1.3zm56.76%201.94v52.65L30%2035.3%201.94%2056.09V3.44z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  left: 1px;
}

.mypage-link__item-link--ask::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M30%2060.1a30%2030%200%201%201%2030-30%2030%2030%200%200%201-30%2030zM30%202a28.06%2028.06%200%201%200%2028.06%2028.1A28.09%2028.09%200%200%200%2030%202zm0%2050.21A22.15%2022.15%200%200%201%207.85%2030.1h1.94A20.19%2020.19%200%200%200%2030%2050.31zm0-5.51a16.63%2016.63%200%200%201-16.64-16.6h1.93a14.66%2014.66%200%200%200%2010.34%2014%2015%2015%200%200%200%204.37.66zm22.15-16.6h-1.94A20.14%2020.14%200%200%200%2034.7%2010.43a20.54%2020.54%200%200%200-4.7-.54V8a22.13%2022.13%200%200%201%2022.15%2022.1zm-5.51%200h-1.93a14.66%2014.66%200%200%200-11.29-14.31%2015.15%2015.15%200%200%200-3.42-.4v-1.93A16.62%2016.62%200%200%201%2046.64%2030.1zM30%2039.19a9.09%209.09%200%201%201%209.09-9.09A9.1%209.1%200%200%201%2030%2039.19zm0-15.44a6.35%206.35%200%201%200%206.35%206.35A6.36%206.36%200%200%200%2030%2023.75z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.mypage-link__item-link--present::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M22.82%2029.85L19.08%2041.1a1%201%200%2000.36%201.12.99.99%200%20001.17-.01l9.32-7%209.31%207a.98.98%200%2000.6.2%201%201%200%2000.94-1.31l-3.74-11.26%208.36-6.53a1%201%200%2000-.61-1.78H34.6l-3.74-10.77a1%201%200%2000-1.87%200l-3.73%2010.77h-10.2a1%201%200%2000-.6%201.78zm3.14-6.32a1%201%200%2000.94-.67l3.03-8.73%203.02%208.73a1%201%200%2000.94.67h8.01l-6.63%205.17a1%201%200%2000-.34%201.1l2.96%208.91-7.36-5.54a.99.99%200%2000-1.2%200l-7.36%205.54%202.96-8.9a1%201%200%2000-.33-1.1l-6.64-5.18z'/%3E%3Cpath%20fill='%23222'%20d='M56%2026.16a26%2026%200%2010-45.72%2016.97v16.94l19.86-3.75L50%2060.07V42.83h-.02A26.02%2026.02%200%200056%2026.16zm-50.01%200A24.01%2024.01%200%201130%2050.25a24.08%2024.08%200%2001-24.01-24.1zM48%2057.66L30.14%2054.3l-17.88%203.38V45.2a25.87%2025.87%200%200035.75-.27z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.mypage-link__item-link--purchasehistory::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%20width='100%'%20height='100%'%3E%3Cpath%20fill='%23222'%20d='M29.55%2035.6l10.89-6.83-1.04-1.62-9.4%205.9V7h-1.94v26.05l-9.4-5.9-1.03%201.62%2010.88%206.83h1.04z'/%3E%3Cpath%20fill='%23222'%20d='M58.06%2025.21v25.87H1.94V25.21H0V53h60V25.21h-1.94z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.mypage-link__item-link--utagift::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M31.69%2016.58l15.01-6.52L38.9.1l-9.38%2016.48h-.04L23.04.24l-9.84%208.39%2012.9%207.95H5.5V60.1h49V16.58zm20.91%201.91v10.5H31.05v-10.5zM39.16%203.5l4.52%205.78-10.4%204.52zm-16.92-.09l4.47%2011.3-10.3-6.33zM7.4%2018.49h21.55v10.5H7.4zm21.55%2039.7H7.4V31.12h21.55zm23.66%200H31.05V31.12H52.6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.mypage-link__item-link--other {
  padding: 16px 0;
}

.mypage-link__item-link--other::before {
  background: none;
}

.mypage-link__item-link--logout {
  display: none;
  padding: 16px 24px 16px 0px;
}

.mypage-link__item-link--logout::before {
  background: none;
}

/* 会員情報
------------------------------ */
.mypage-link--prof {
  padding: 0 16px 16px;
}

.mypage-link--prof .mypage-link__item {
  padding: 0;
}

.mypage-link__item-name {
  font-size: 1.6rem;
  line-height: 1.6;
  display: block;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mypage-link__item-mail {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mypage-link__item-mail--caution {
  display: inline-block;
  position: relative;
  margin: 8px 0 0;
  padding: 0 0 0 17px;
}

.mypage-link__item-mail--caution::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23c00303'%20d='M30%2060.1a30%2030%200%201%201%2030-30%2030%2030%200%200%201-30%2030zm0-57.18A27.18%2027.18%200%201%200%2057.18%2030.1%2027.21%2027.21%200%200%200%2030%202.92zM32.82%2044a2.82%202.82%200%201%201-5.64%200A2.86%202.86%200%200%201%2030%2041.16%202.79%202.79%200%200%201%2032.82%2044zm-1.12-9.25V13.39a2%202%200%200%200-3.95%200v21.36a2%202%200%201%200%203.95%200z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  left: 0;
  width: 14px;
  height: 14px;
}

.mypage-link__item-mail--caution::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23c00303'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: -10px;
  width: 6px;
  height: 12px;
}

.mypage-link__item-mail--caution button {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #c00303;
}

/* モーダル
------------------------------ */
.mypage-modal__heading {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #c00303;
  max-width: 640px;
  margin: 0 auto 24px;
  padding: 0 12px;
  text-align: left;
}

.mypage-modal__text {
  margin: 0;
  padding: 0;
}

.mypage-modal-btn {
  margin: 0 auto 24px;
}

.mypage-modal-btn + .c-modal-arrow {
  margin: 0;
}

/* アルバムスマート購入ページ
================================================ */
.about-album-smart {
  margin: 24px 0 0;
  text-align: center;
}

/* お知らせ
================================================ */
/* リスト
------------------------------ */
.notices-list__item {
  border-bottom: 1px solid #e5e5e5;
}

/* 各お知らせ
------------------------------ */
.notices {
  padding: 0 12px;
}

.notices-item {
  margin: -48px 0 0;
  padding: 84px 0 36px;
  border-bottom: 1px solid #e5e5e5;
}

.notices-item:first-child {
  border-top: 1px solid #e5e5e5;
}

.notices-item__title {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 0 6px;
  font-weight: 700;
}

.notices-item__date {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  display: block;
  margin: 0 0 18px;
}

.notices-item__text {
  font-size: 1.5rem;
  line-height: 2.0;
}

/* お知らせ - 個別ページ
------------------------------ */
.notice-container {
  padding-bottom: 0;
}

.notice-section {
  margin-bottom: 0;
}

.notice {
  padding: 0 12px;
}

.notice__title {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 0 6px;
  font-weight: 700;
}

.notice__date {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  display: block;
  margin: 0 0 18px;
}

.notice__text {
  font-size: 1.5rem;
  line-height: 2.0;
}

/* 購入履歴ページ
================================================ */
.receipt-link {
  display: inline-block;
  width: 75px;
  /* 画像の横幅揃え */
  margin-bottom: 8px;
  text-align: center;
  background-color: #f5f5f5;
  line-height: 24px;
  z-index: 1;
}

.receipt-link--utagift {
  position: absolute;
  top: 95px;
  /* 余白 + 画像の縦幅 */
  margin-bottom: 0;
}

.purchase-history-list__info {
  display: table;
  width: 100%;
  padding: 0 0 12px;
}

.purchase-history-list__btn {
  width: 100%;
  margin: 0 0 12px;
  vertical-align: middle;
  overflow: hidden;
  text-align: right;
}

.purchase-history-list__btn .c-btn-function {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #f54687;
  position: relative;
  width: 100%;
  max-width: inherit;
  margin: 0;
  padding: 12px 0;
}

.purchase-history-list__btn .c-btn-function::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%23f54687'%20d='M11.26%206.09v4.18H.74V6.09H0V11h12V6.09h-.74z'/%3E%3Cpath%20fill='%23f54687'%20d='M6.35%207.11l2.72-2.67-.52-.52-2.18%202.14V1h-.74v5.05L3.46%203.92l-.53.51%202.72%202.68h.7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  left: 16px;
  width: 18px;
  height: 18px;
}

.purchase-history-list__btn .c-btn-function--loading::before {
  width: 14px;
  height: 14px;
  background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/icon_loading_wishlist.gif) no-repeat 50%;
  background-size: 14px auto;
  vertical-align: -3px;
}

.purchase-history-list__btn .c-btn-function--disabled {
  color: #ccc;
  border: 1px solid #ccc;
  background: #fff;
}

.purchase-history-list__btn .c-btn-function--disabled::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%23ccc'%20d='M11.26%206.09v4.18H.74V6.09H0V11h12V6.09h-.74z'/%3E%3Cpath%20fill='%23ccc'%20d='M6.35%207.11l2.72-2.67-.52-.52-2.18%202.14V1h-.74v5.05L3.46%203.92l-.53.51%202.72%202.68h.7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.purchase-history-list__btn-inner {
  float: right;
  position: relative;
  width: 49%;
  margin: 0;
}

.purchase-history-list__btn-inner:nth-child(2) {
  margin: 0 2% 0 0;
}

.c-product-list--listview .purchase-history-list__detail {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.purchase-history-list__spec {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  display: block;
  width: 100%;
  margin: 8px 0 0;
  text-align: center;
}

.purchase-history-contact {
  margin: 0 0 1.5rem;
}

.purchase-history-contact__link {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #aaa;
  display: inline-block;
  position: relative;
  padding: 0 12px 0 0;
}

.purchase-history-contact__link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 6px;
  height: 12px;
}

.purchase-history-track {
  margin: 0;
  padding: 0;
}

.purchase-history-track__heading {
  position: relative;
  margin: 0 0 12px;
  padding: 0 22px 0 0;
  font-size: 1.5rem;
  border: none;
}

.purchase-history-track__heading::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23222'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 6px;
  height: 12px;
}

.purchase-history-track__heading--open::after {
  transform: translateY(-50%) rotate(-90deg);
}

.purchase-history-track__heading--close::after {
  transform: translateY(-50%) rotate(90deg);
}

.purchase-history-track__item {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 16px 0 0;
  border-bottom: 1px solid #e5e5e5;
}

.purchase-history-track__item:last-of-type {
  border: none;
}

.purchase-history-track__inner {
  margin: 0 0 12px;
}

.purchase-history-track__info {
  display: table;
  width: 100%;
  padding: 0 0 16px;
}

.purchase-history-track__title {
  font-size: 1.5rem;
  font-weight: 500;
}

.purchase-history-track__artist {
  padding: 6px 0 0;
  font-size: 1.3rem;
  color: #aaa;
}

.purchase-history-track__disc {
  margin: 0 auto;
  padding: 0 0 12px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.5rem;
  font-weight: 500;
}

.purchase-history-subtext {
  float: left;
  width: 100%;
}

.purchase-history-contact {
  float: left;
  width: 100%;
}

.purchase-history-btn-block {
  margin: 0 auto 16px;
}

.purchase-history-type-name {
  margin-left: 5.5rem;
  text-indent: -5.5rem;
}

/* 気になるリスト・マイアーティスト
================================================ */
/* 共通
------------------------------ */
.c-edit-btn {
  position: relative;
  clear: both;
  margin: 0 12px 36px;
  text-align: right;
  font-size: 1.4rem;
}

.c-edit-btn__link {
  display: inline-block;
  padding: 0 12px 0 0;
}

.c-edit-btn__link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 0;
  width: 6px;
  height: 12px;
}

.edit-message {
  margin: 30px 0 36px;
  text-align: center;
  font-size: 1.4rem;
}

.edit-removal-btn {
  margin: 36px auto 0;
}

.mypage-view-sort {
  overflow: hidden;
  margin: 0 0 15px;
  padding: 0 12px;
}

.mypage-view-sort .c-viewchange-sort__list {
  margin: 0 auto;
}

.mypage-view-sort .c-viewchange-sort__list:last-child .c-viewchange-sort__item-inner {
  padding: 0 10px;
}

/* 気になるリスト
------------------------------ */
.c-product-list__link {
  display: block;
  position: relative;
}

/* チェックボックス */
.wishlist-check-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wishlist-check-box__label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.wishlist-check-box__tick {
  display: none;
}

/* 初期状態 */
.wishlist-check-box__star {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  right: 12px;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

/* 選択状態 */
.wishlist-check-box__tick:checked + .wishlist-check-box__star {
  border: 1px solid #222;
  background: #222;
}

.wishlist-check-box__tick:checked + .wishlist-check-box__star::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%209.67%206.77'%3E%3Cpolygon%20fill='%23fff'%20points='9.67%200.64%209.03%200%203.54%205.5%200.64%202.59%200%203.23%203.54%206.77%209.67%200.64'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 11px;
  height: 8px;
}

/* マイアーティストページ
------------------------------ */
/* チェックボックス */
.myartist-check-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.myartist-check-box__label {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.myartist-check-box__tick {
  display: none;
}

/* 初期状態 */
.myartist-check-box__star {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  right: 12px;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

/* 選択状態 */
.myartist-check-box__tick:checked + .myartist-check-box__star {
  border: 1px solid #222;
  background: #222;
}

.myartist-check-box__tick:checked + .myartist-check-box__star::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%209.67%206.77'%3E%3Cpolygon%20fill='%23fff'%20points='9.67%200.64%209.03%200%203.54%205.5%200.64%202.59%200%203.23%203.54%206.77%209.67%200.64'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  width: 11px;
  height: 8px;
}

/* Myアーティスト編集時のリスト右矢印削除 */
.myartist-edit.c-artist-list--listview .c-artist-list__link::after {
  content: none;
}

/* プレイヤー
================================================ */
.player-text {
  margin: 0 auto 24px;
  padding: 0 12px;
}

/* 16_Special_page
================================================ */
/* 特集一覧
------------------------------ */
.specialpage-bnr-list__wrap {
  background: #fff;
  padding: 0 0 36px;
}

.specialpage-bnr-list {
  padding: 24px 12px;
}

.specialpage-bnr-list__item {
  margin: 0 auto 24px;
  max-width: 480px;
}

.specialpage-bnr__link {
  display: block;
}

.specialpage-viewchange {
  margin: 6px 0 24px;
}

.specialpage-no-result-message {
  border-bottom: none;
}

/* 67_ログイン
================================================ */
.login-block {
  margin: 0 auto;
  padding: 60px 12px;
}

.login-block:first-of-type {
  margin: 0 0 60px;
}

.login-block .c-btn-function {
  width: 100%;
}

.login-block__text {
  max-width: 240px;
  margin: 16px auto 0;
  text-align: right;
  line-height: 1.7;
}

.login-block__text-link {
  text-decoration: underline;
}

/* 検索モーダル
================================================ */
/* 共通
------------------------------ */
.search-modal__inner {
  overflow-y: auto;
}

.search-modal-search {
  padding: 12px;
}

.search-modal-heading {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  position: relative;
  padding: 9px 12px;
  background: #f5f5f5;
  font-weight: 400;
}

/* サジェスト */
.search-suggest-nav {
  margin: 0;
  font-size: 0;
}

.search-suggest-nav__item {
  display: inline-block;
  width: 50%;
  border-top: 1px solid #e5e5e5;
  list-style: none;
}

.search-suggest-nav__item-link {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: block;
  padding: 15px 18px;
}

.search-suggest-nav__item:nth-child(2n+1) {
  border-right: 1px solid #e5e5e5;
}

.search-suggest-nav__item:last-child,
.search-suggest-nav__item:nth-child(2n+1):nth-last-child(2) {
  border-bottom: none;
}

.search-suggest-nav--sp-header .search-suggest-nav__item {
  position: relative;
  width: 100%;
}

.search-suggest-nav--sp-header .search-suggest-nav__item::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2059%2060'%3E%3Cpath%20fill='%23ccc'%20d='M58.66%2058.07l-15.32-16a1.25%201.25%200%200%200-.7-.34A24.94%2024.94%200%200%200%2042%207.36a24.49%2024.49%200%200%200-34.8%200%2025%2025%200%200%200%200%2035.09%2024.35%2024.35%200%200%200%2017.4%207.26%2024.32%2024.32%200%200%200%2016.72-6.62%201.12%201.12%200%200%200%20.31.68L57%2059.73a1.18%201.18%200%200%200%20.86.37%201.16%201.16%200%200%200%20.83-.34%201.2%201.2%200%200%200-.03-1.69zM24.6%2047.31a22%2022%200%200%201-15.72-6.56%2022.57%2022.57%200%200%201%200-31.7%2022.13%2022.13%200%200%201%2031.43%200%2022.55%2022.55%200%200%201%200%2031.7%2022%2022%200%200%201-15.71%206.56z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  left: 12px;
  width: 16px;
  height: 16px;
}

.search-suggest-nav--sp-header .search-suggest-nav__item .search-suggest-nav__item-link {
  padding: 15px 18px 15px 40px;
}

.search-suggest-artist {
  padding: 0 0 72px;
}

.search-suggest-artist .c-artist-list__item {
  padding: 0 12px;
}

.search-suggest-artist .c-artist-list__title {
  font-size: 1.6rem;
  line-height: 1.6;
}

/* 検索履歴／急上昇ワード */
.search-modal-nav__item:not(:last-of-type) {
  border-bottom: 1px solid #e5e5e5;
}

.search-modal-nav__item-link {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: block;
}

/* 急上昇ワード */
.search-modal-nav--trend-word .search-modal-nav__item-link {
  padding: 15px 18px;
}

.search-modal-nav__rank {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #fff;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 4px 0 0;
  text-align: center;
  vertical-align: 1px;
  background: #333;
  font-weight: 400;
  line-height: 24px;
  border-radius: 50%;
}

.search-modal-nav__rank--1 {
  background: #e5c237;
  color: #fff;
}

.search-modal-nav__rank--2 {
  background: #979797;
  color: #fff;
}

.search-modal-nav__rank--3 {
  background: #d06c29;
  color: #fff;
}

/* TOPページ検索モーダル */
.search-modal--top {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 60;
}

/* 下層ページ検索モーダル */
.search-modal--second {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-height: 100vh;
  z-index: 60;
  overflow-y: auto;
}

.search-modal--second .search-modal__inner {
  background: #fff;
  box-shadow: 2px 8px 8px rgba(0, 0, 0, 0.1);
}

.search-modal-search--second {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.search-modal-search--second .c-search-box {
  display: table-cell;
  width: 100%;
}

.search-modal-search--second .search-modal-search__close {
  display: table-cell;
  width: 70px;
  text-align: right;
}

.search-modal-search--second .search-modal-search__close-btn {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  height: 40px;
}

/* 200_ヘルプ・お問い合わせ
================================================ */
/* 01_メインナビゲーション
------------------------------ */
.help-primary-nav {
  max-width: 560px;
  margin: 0 auto 30px;
  padding: 0 12px;
}

.help-primary-nav__item {
  float: left;
  width: 50%;
}

.help-primary-nav__item:nth-child(2n+1) {
  padding: 0 6px 0 0;
}

.help-primary-nav__item:nth-child(2n) {
  padding: 0 0 0 6px;
}

.help-primary-nav__item-link {
  display: block;
  position: relative;
  width: 100%;
  height: 162px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.08);
}

.help-primary-nav__item-link::before {
  content: "";
  display: block;
  position: absolute;
  top: 18%;
  left: 50%;
  width: 28px;
  height: 42px;
  transform: translateX(-50%);
}

.help-primary-nav__item-link--faq::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2040%2060'%3E%3Cpath%20fill='%23222'%20d='M24.4%2043.13H16v-5.84a8%208%200%200%201%201.19-4.64%2027.9%2027.9%200%200%201%205.19-4.8q6.12-4.73%206.12-10a8.44%208.44%200%200%200-2.39-6.32%208.54%208.54%200%200%200-6.23-2.34Q11%209.19%209.4%2021.53L0%2019.84q.86-9.23%206.79-14.48A20.64%2020.64%200%200%201%2021%20.1%2019.46%2019.46%200%200%201%2034.61%205%2015.9%2015.9%200%200%201%2040%2017.24a16.51%2016.51%200%200%201-1.49%206.91%2016.09%2016.09%200%200%201-3.38%205.06%20101.84%20101.84%200%200%201-8%206.3A6.12%206.12%200%200%200%2024.91%2038a17.82%2017.82%200%200%200-.51%205.13zm1.72%206.15V60.1H16V49.28z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.help-primary-nav__item-link--beginner::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2040%2060'%3E%3Cpath%20fill='%23222'%20d='M20%2014.07L0%20.1v46l20%2014%2020-14V.1zM1.9%203.75L20%2016.39v41.39L1.9%2045.14z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.help-primary-nav__item-text {
  position: absolute;
  bottom: 12%;
  left: 0;
  width: 100%;
  padding: 0 12px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.help-primary-nav__item-link--beginner .help-primary-nav__item-text {
  bottom: 20%;
}

/* 02_規約、その他ナビゲーション
------------------------------ */
.help-secondary-nav {
  padding: 0 12px;
}

.help-secondary-nav__item-link {
  display: block;
  padding: 12px 24px 11px 0;
  font-size: 1.3rem;
  line-height: 1.3;
}

.help-secondary-nav__item-link::before {
  content: "・";
}

/* 05_お問い合わせエリア
------------------------------ */
.help-inquiry-btn {
  margin: 24px auto 0;
}

.help-inquiry-notes {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  padding: 0 12px;
}

/* 06_質問カテゴリー
------------------------------ */
.faq-category-nav {
  margin: 0 0 48px;
  border-top: 1px solid #e5e5e5;
  font-size: 0;
}

.faq-category-nav__item {
  display: inline-block;
  width: 50%;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: top;
}

.faq-category-nav__item:nth-child(2n+1) {
  border-right: 1px solid #e5e5e5;
}

.faq-category-nav__item-link {
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  padding: 0 12px;
  text-align: left;
  font-size: 1.3rem;
}

.faq-category-nav__item-link--active {
  color: #222;
  cursor: default;
}

.faq-category-nav__item-link--active::after {
  background: none;
}

/* 07_質問リスト
------------------------------ */
.faq-list {
  border-bottom: 1px solid #e5e5e5;
}

/* question */
.faq-list__question {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
  border-top: 1px solid #e5e5e5;
}

.faq-list__question::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 6px;
  height: 12px;
  transform: translateY(-50%) rotate(90deg);
}

.faq-list__question--open::after {
  transform: translateY(-50%) rotate(-90deg);
}

.faq-list__question-inner {
  width: 100%;
  padding: 0 36px 0 12px;
  text-align: left;
}

/* answer */
.faq-list__answer {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0 12px;
}

/* アイコン */
.faq-list__icon {
  display: table-cell;
  width: 36px;
  padding: 12px 0;
  vertical-align: middle;
}

.faq-list__icon-inner {
  display: block;
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 1.3rem;
  line-height: 23px;
  border-radius: 50%;
}

.faq-list__icon-inner--question {
  border: 1px solid #8f8f8f;
  background: #8f8f8f;
  color: #fff;
}

.faq-list__icon-inner--answer {
  border: 1px solid #222;
  color: #222;
}

/* テキスト */
.faq-list__text {
  display: table-cell;
  padding: 14px 0 12px;
  font-size: 1.3rem;
  line-height: 1.5;
}

.faq-list__text--question {
  font-weight: 500;
}

.faq-list__text--answer {
  border-top: 1px solid #e5e5e5;
}

/* 300_お問い合わせ
================================================ */
.inquiry-form {
  margin: 36px 0;
}

.c-form__textarea--inquiry {
  min-height: 200px;
}

.inquiry-form-btn {
  margin: 0 auto 60px;
}

.inquiry-form-btn .c-form-btn__item {
  width: 50%;
}

.inquiry-complete-text {
  margin: 0 0 30px;
  padding: 0 12px;
}

/* ボタン */
.inquiry-form-btn {
  width: 100%;
  overflow: hidden;
  max-width: 480px;
  margin: 0 auto;
  padding: 0 12px;
  font-size: 0;
}

.inquiry-form-btn__item {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

.inquiry-form-btn__item:first-child {
  padding: 0 2.4% 0 0;
}

.inquiry-form-btn__item:last-child {
  padding: 0 0 0 2.4%;
}

.inquiry-form-btn__item .c-btn-function {
  width: 100%;
}

/* 著作権管理団体番号
================================================ */
.copyright-numbers {
  padding: 0 12px;
  margin: 0 0 24px;
}

.copyright-numbers__title {
  margin: 0 0 4px;
  font-size: 1.6rem;
}

.copyright-logo {
  display: inline-block;
}

/* 118_ハイレゾの楽しみ方
================================================ */
.hires-heading {
  margin: 0 0 18px;
  padding: 0 12px;
  color: #222;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.7;
}

.hires-sub-heading {
  margin: 0 0 12px;
  padding: 0 12px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.7;
}

.hires-scroll__target {
  margin: -72px auto 24px;
  padding: 72px 12px 0;
}

/* スペック */
.hires-spec-detail-wrap {
  margin: 0 0 24px;
  padding: 0 12px;
}

.hires-spec-detail {
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
  border: 1px solid #ddd;
}

.hires-spec-detail__item {
  font-size: 1.2rem;
  line-height: 1.4;
}

.hires-spec-detail__item:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.hires-spec-detail__heading {
  width: 140px;
  padding: 8px 12px;
  text-align: left;
  vertical-align: middle;
  background: #f3f3f3;
  font-weight: 400;
}

.hires-spec-detail__content {
  padding: 8px 12px;
  vertical-align: middle;
}

/* 無料音源 */
.hires-trial:not(:last-of-type) {
  margin: 0 0 24px;
}

.hires-trial-product .c-product-list__item,
.hires-trial-product .c-product-list__item:first-child {
  border: none;
}

.hires-trial-product .c-product-list__link {
  padding-top: 0;
}

.hires-trial-btn {
  width: 100%;
  max-width: 528px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 0;
}

.hires-trial-btn__item {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}

.hires-trial-btn__item:first-of-type {
  padding: 0 6px 0 12px;
}

.hires-trial-btn__item:last-of-type {
  padding: 0 12px 0 6px;
}

.hires-trial-btn__item .c-btn-function {
  width: 100%;
  font-size: 1.4rem;
}

/*購入／ダウンロード*/
.howto-play-wrap:not(:last-of-type) {
  margin: 0 12px 12px;
}

.howto-play-step__item {
  padding: 0 0 0 1.4em;
  text-align: left;
  font-size: 1.3rem;
  line-height: 1.7;
  text-indent: -1.4em;
}

.howto-play-step__item-num {
  padding: 0 0.4em 0 0;
}

.howto-play-wrap .c-btn-block__btn {
  margin: 12px auto 0;
}

.howto-play-text {
  text-align: left;
}

/* ハイレゾ楽曲を探す */
.hires-search-btn__item:not(:last-child) {
  margin: 0 0 12px;
}

/* ==========================================================
 幅：640px以上
========================================================== */
@media screen and (min-width: 640px) {
  /* ハイレゾ楽曲を探す */
  .hires-search-btn {
    max-width: 620px;
    margin: 0 auto;
    padding: 0 12px;
    overflow: hidden;
  }
  .hires-search-btn__item {
    float: left;
    width: 50%;
  }
  .hires-search-btn__item .c-btn-function {
    width: 100%;
    max-width: 280px;
  }
  .hires-search-btn__item:nth-child(2n+1) {
    padding: 0 6px 0 12px;
  }
  .hires-search-btn__item:nth-child(2n) {
    padding: 0 12px 0 6px;
  }
  .hires-search-btn__item .c-btn-function {
    width: 100%;
    font-size: 1.4rem;
  }
}

/* 特集ページ共通
================================================ */
/* ページ内ナビゲーション
------------------------------ */
.special-page-nav-wrap {
  max-width: 640px;
  margin: 0 auto;
}

.special-page-nav {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: 0;
}

.special-page-nav:first-of-type {
  border-top: 1px solid #e5e5e5;
}

.special-page-nav__item {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: table-cell;
  width: 50%;
  height: 50px;
  padding: 2px 12px 0;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
  vertical-align: middle;
}

.special-page-nav__item:nth-child(2n+1) {
  border-right: 1px solid #e5e5e5;
}

.special-page-nav__item--outerlink {
  position: relative;
}

.special-page-nav__item--outerlink::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%23ccc'%20d='M11.51%200h-3.1v.98h1.92L6.2%205.11l.21.21.27.27.21.21%204.14-4.14v1.93H12V.49L11.51%200z'/%3E%3Cpath%20fill='%23ccc'%20d='M9.57%2011.02H.97V2.44h5.67v-.98H0V12H10.54V5.36h-.97v5.66z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  right: 16px;
}

/* 本文
------------------------------ */
.special-lead {
  margin: 0 0 18px;
  padding: 0 12px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
}

.special-lead__notes {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #222;
  display: block;
  margin: 18px 0 0;
  padding: 0 0 0 1em;
  text-align: left;
  text-indent: -1em;
}

.special-text {
  margin: 0 0 18px;
  padding: 0 12px;
}

.special-image {
  max-width: 640px;
  margin: 0 auto 24px;
  padding: 0 12px;
}

/* クレジットカード一覧
================================================ */
.credit-registered {
  width: 100%;
  margin: 0 auto 24px;
  padding: 0 12px;
}

.credit-registered__item {
  overflow: hidden;
  display: table;
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  padding: 16px;
  border: 1px solid #e5e5e5;
  vertical-align: middle;
}

.credit-registered__number {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: table-cell;
  vertical-align: middle;
}

.credit-registered__expiration {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  display: table-cell;
  padding: 0 0 0 16px;
  text-align: right;
  vertical-align: middle;
}

.credit-registered__expiration--error {
  color: #c00303;
}

.credit__available-list {
  display: block;
  margin: 0 auto;
  max-width: 320px;
}

.credit__btn--add {
  margin: 0 auto 12px;
}

.credit__btn--add .c-btn-function {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #fff;
  position: relative;
  max-width: 260px;
  padding: 16px 0 14px 16px;
}

.credit__btn--add .c-btn-function::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23fff'%20d='M60%2031H31v29h-2V31H0v-2h29V0h2v29h29z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  left: 28px;
  width: 16px;
  height: 16px;
}

/* ==========================================================
 幅：320px以下
========================================================== */
@media screen and (max-width: 320px) {
  .credit-registered__number {
    padding: 0 0 0 8px;
  }
  .credit-registered__expiration {
    padding: 0 0 0 8px;
  }
}

/* 特典共通
================================================ */
/* 注意文言
------------------------------ */
.present-notes {
  margin: 24px 12px 0;
}

.present-notes-list {
  margin: 24px 0 0;
}

.present-notes-list__item {
  line-height: 1.7;
}

/* 特典情報
------------------------------ */
.present-info {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 auto 30px;
  padding: 0 12px;
  overflow: hidden;
}

.present-info__info {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.present-info__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.present-info__date {
  margin: 10px 0 0;
  color: #888;
  font-size: 1.1rem;
}

/* フリー入力エリア
------------------------------ */
.present-main {
  padding: 0 12px;
  font-size: 1.3rem;
  line-height: 1.7;
}

.present-main img {
  display: block;
  max-width: 480px;
  margin: auto;
}

.present-main a {
  text-decoration: underline;
}

/* ボタン
------------------------------ */
.present-main-btn {
  margin: 36px auto 0;
}

.present-main-btn .c-btn-function:not(:first-child) {
  margin: 18px auto 0;
}

/* ダウンロードボタン 注意文言 */
.present-download-notes {
  margin: 12px 0 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
  text-align: center;
  font-size: 1.2rem;
}

.present-download-notes::before {
  content: "※";
}

/* 特典の実行方法
------------------------------ */
.present-howto-heading {
  padding: 0 12px;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.7;
}

.present-howto-heading:not(:first-of-type) {
  margin: 24px 0 0;
}

.present-howto-heading__step {
  color: #f54687;
}

/* 対象商品
------------------------------ */
.c-product-list__present-target {
  margin: 8px 0 0;
  color: #888;
  font-size: 1.1rem;
  line-height: 1.7;
}

.present-target-type {
  margin: 0 12px;
  padding: 12px;
  background: #f5f5f5;
}

/* 特典 - あたり
================================================ */
.present-win {
  margin: 0 12px;
  padding: 24px 15px;
  background: #fff3f7;
}

.present-win__heading {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
}

.present-win__lead {
  margin: 16px 0 0;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.5;
}

.present-win__text {
  max-width: 480px;
  margin: 12px auto 0;
  text-align: center;
}

.present-win__image {
  max-width: 480px;
  margin: 12px auto 18px;
}

.present-win__utacode {
  max-width: 480px;
  margin: 24px auto 0;
  padding: 12px;
  text-align: center;
  background: #fff;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.present-win__btn {
  margin: 18px auto 0;
}

.present-win-append {
  margin: 18px auto 0;
}

/* 特典 - はずれ
================================================ */
.present-lose {
  margin: 0 12px;
  padding: 24px 15px;
  text-align: center;
  background: #f5f5f5;
}

.present-lose__heading {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1.5;
}

.present-lose__text {
  margin: 12px 0 0;
}

/* 特典 - 応募
================================================ */
.present-input-btn {
  margin: 30px auto 0;
  padding: 0 12px;
}

/* 特典 - 応募完了
================================================ */
.present-back-btn {
  margin-top: 30px;
}

/* うたギフト購入履歴
================================================ */
/* リスト
------------------------------ */
.utagift-list-data {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 12px 0 0;
}

.utagift-list-data--received {
  color: #222;
}

.utagift-list-data--attention {
  color: #c00303;
}

.utagift-history-link {
  text-align: center;
}

.utagift-receive-info {
  margin: 0 0 24px;
}

/* うたギフト購入完了
================================================ */
.utagift-prepurchase-main {
  margin: 0 auto;
}

.utagift-prepurchase-info {
  padding: 0;
}

.utagift-prepurchase-main__message {
  font-size: 1.3rem;
  font-weight: 500;
  color: #222;
  font-weight: 400;
  margin: 0 0 8px;
}

/* Webview用 告知文 */
.utagift-purchasecomp-main__announce {
  margin: 36px 12px 0;
}

/* うたギフトの送り方 */
.utagift-send-list {
  margin: 0 auto;
  padding: 0 12px;
}

.utagift-send-list__item {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}

.utagift-send-list__item-inner--message {
  display: block;
  position: relative;
  padding: 12px 0 12px 0;
}

a.utagift-send-list__item-inner--mail {
  display: block;
  position: relative;
  padding: 12px 40px 12px 0;
}

a.utagift-send-list__item-inner--mail::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2012%2012'%3E%3Cpath%20fill='%23ccc'%20d='M11.51%200h-3.1v.98h1.92L6.2%205.11l.21.21.27.27.21.21%204.14-4.14v1.93H12V.49L11.51%200z'/%3E%3Cpath%20fill='%23ccc'%20d='M9.57%2011.02H.97V2.44h5.67v-.98H0V12H10.54V5.36h-.97v5.66z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
  display: block;
  right: 12px;
  width: 15px;
  height: 15px;
}

.utagift-send-list__heading {
  position: relative;
  padding: 0 0 0 46px;
}

.utagift-send-list__heading::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  left: 0;
  width: 32px;
}

.utagift-send-list__heading--mail::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2090%2058'%3E%3Cpath%20fill='%23f54687'%20d='M85%20.1H5a5%205%200%200%200-5%205v48a5%205%200%200%200%205%205h80a5%205%200%200%200%205-5v-48a5%205%200%200%200-5-5zm0%203a2%202%200%200%201%20.69.13L45.1%2026.67h-.2L4.31%203.23A2%202%200%200%201%205%203.1zm2%2050a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-48a2%202%200%200%201%20.43-1.22l41%2023.65h1.2l41-23.65A2%202%200%200%201%2087%205.1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  height: 20px;
}

.utagift-send-list__heading--line::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2087%2083'%3E%3Cpath%20fill='%2300b900'%20d='M87%2035.45C87%2016%2067.49.1%2043.5.1S0%2016%200%2035.45c0%2017.47%2015.48%2032.1%2036.38%2034.87%201.42.3%203.34.93%203.83%202.14a8.9%208.9%200%200%201%20.14%203.94l-.62%203.73c-.19%201.1-.87%204.31%203.77%202.35s25-14.77%2034.18-25.29C84%2050.27%2087%2043.25%2087%2035.45zm-58.85%2010.4a.85.85%200%200%201-.84.85H15.12a.83.83%200%200%201-.59-.24.83.83%200%200%201-.24-.59v-19a.85.85%200%200%201%20.85-.84h3.05a.85.85%200%200%201%20.85.84V42h8.29a.85.85%200%200%201%20.84.85zm7.36%200a.85.85%200%200%201-.85.85h-3a.85.85%200%200%201-.85-.85v-19a.85.85%200%200%201%20.85-.84h3a.85.85%200%200%201%20.85.84zm21%200a.85.85%200%200%201-.85.85h-3a.71.71%200%200%201-.21%200h-.05a.7.7%200%200%201-.21-.21l-8.7-11.76v11.12a.85.85%200%200%201-.85.85h-3a.85.85%200%200%201-.84-.85v-19a.85.85%200%200%201%20.84-.84h3.29l.07.08%208.69%2011.75V26.87a.84.84%200%200%201%20.84-.84h3a.85.85%200%200%201%20.85.84zm16.85-15.92a.85.85%200%200%201-.85.85h-8.29V34h8.29a.85.85%200%200%201%20.85.85v3a.85.85%200%200%201-.85.85h-8.29V42h8.29a.85.85%200%200%201%20.85.85v3.05a.85.85%200%200%201-.85.85H60.32a.83.83%200%200%201-.58-.24.87.87%200%200%201-.23-.59v-19a.86.86%200%200%201%20.23-.58.81.81%200%200%201%20.58-.24h12.19a.85.85%200%200%201%20.85.85z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  height: 30px;
}

.utagift-send-list__heading--other {
  line-height: 27px;
}

.utagift-send-list__heading--other::after {
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2090%2075'%3E%3Cpath%20fill='%23f54687'%20d='M85%20.1H5a5%205%200%200%200-5%205v48.35a5%205%200%200%200%205%205h32.85L31.5%2075.1l18.92-16.61H85a5%205%200%200%200%205-5V5.13A5%205%200%200%200%2085%20.1zm2%2053.35a2%202%200%200%201-2%202H51.15a3.22%203.22%200%200%200-2%20.73L39.5%2064s.5-1.51%202.35-5.54c.55-1.2-.85-3-2.85-3H5a2%202%200%200%201-2-2V5.13a2%202%200%200%201%202-2h80a2%202%200%200%201%202%202z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  height: 27px;
}

.utagift-send-list__heading-inner {
  max-width: 640px;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
  color: #222;
  font-weight: 400;
}

.utagift-send-list__notes {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 4px 0 0;
}

.utagift-send-list__body {
  margin: 20px 0 0;
}

.utagift-send-list__text {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
}

.utagift-message {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  margin: 12px auto 18px;
  padding: 12px;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12) inset;
}

/* うたギフト受け取り
================================================ */
.utagift-receive {
  margin: 0 12px 24px;
  padding: 30px 12px 24px;
  text-align: center;
  background: #fff3f7;
}

.utagift-receive__heading {
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 500;
}

.utagift-receive__image {
  max-width: 480px;
  margin: 24px auto;
}

.utagift-receive__date {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
  margin: 12px 0 0;
}

.utagift-receive-notes {
  margin: 12px 12px 0;
}

.utagift-receive-link {
  max-width: 640px;
  margin: 0 auto;
}

.utagift-receive-text {
  margin: 24px 0 0;
  padding: 0 12px;
}

.utagift-modal-arrow {
  margin: 0;
  padding: 0;
}

.utagift-notes-section.purchasecomp-section {
  margin: 24px 0 0;
}

/* プリペイドカード
================================================ */
/* プリペイドカード残高
------------------------------ */
.prepaid-limit {
  margin: 0 auto 24px;
  padding: 0 12px;
}

.prepaid-limit__text {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #aaa;
  padding: 0 8px;
  text-align: center;
}

.prepaid-limit__amount {
  margin: 20px auto 24px;
  padding: 0 3px 0 0;
  text-align: center;
  font-size: 1.8rem;
}

.prepaid-limit__amount-number {
  font-size: 3.6rem;
  font-weight: 500;
}

.prepaid-limit__expire {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  display: block;
  margin: 0 0 12px;
  text-align: center;
}

/* プリペイドカード残高追加
------------------------------ */
.prepaid-add-about {
  margin: 0 12px 24px;
  padding: 0;
}

.prepaid-add-about__image {
  max-width: 640px;
  margin: 0 auto 12px;
}

.prepaid-add-about__notes {
  margin: 0;
}

.prepaid-add-btn {
  margin: 30px auto 48px;
  padding: 0 12px;
}

/* 利用規約 */
.prepaid-terms {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 130px;
  margin: 24px 12px 0;
  padding: 15px;
  border: 1px solid #e5e5e5;
}

.prepaid-terms__title {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  margin: 5px 0 15px;
  text-align: center;
}

.prepaid-terms__content {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #aaa;
}

/* ニュース詳細ページ
================================================ */
/* 01_ニュース詳細
------------------------------ */
.artist-news__section {
  padding: 0 0 36px;
}

/* メイン画像 */
.artist-news__main {
  position: relative;
  width: 100%;
  margin: 0 0 16px;
  padding: 66.6666% 0 0;
  background: #d5d5d5;
}

.artist-news__main-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* ニュース情報 */
.artist-news__info {
  margin: 0;
  padding: 0 12px;
  overflow: hidden;
}

.artist-news__info-title {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 0 12px;
  font-weight: 500;
}

.artist-news__info-description {
  font-size: 1.3rem;
  line-height: 1.3;
  color: #222;
  margin: 0 0 12px;
  line-height: 1.6;
}

.artist-news__info-provision {
  display: table;
  float: right;
}

.artist-news__info-provision-text {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #222;
  display: table-cell;
  padding: 0 8px 0 0;
  vertical-align: middle;
}

.artist-news__info-provision-icon {
  display: table-cell;
  height: 16px;
  width: auto;
}

.artist-news__notes {
  margin: 0 0 16px;
  padding: 0 12px;
  overflow: hidden;
}

.artist-news__notes-stamp {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #aaa;
  float: left;
  line-height: 2.2rem;
}

.artist-news__notes-stamp--date {
  margin: 0 8px 0 0;
}

.artist-news__notes-share {
  float: right;
}

.artist-news__notes-share .c-sharebtn__list {
  text-align: right;
}

.artist-news__notes-share .c-sharebtn__item {
  margin: 0 24px 0 0;
}

.artist-news__notes-share .c-sharebtn__item:last-child {
  margin: 0;
}

/* ==========================================================
 PC用Style定義
========================================================== */
/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 基本設定
    ================================================ */
  /* 基本設定
================================================ */
  body {
    padding: 0;
  }
  p {
    font-size: 1.5rem;
    line-height: 1.9;
  }
  .isPc a:hover,
  button:hover {
    opacity: 0.6;
  }
  .disp-small {
    display: none;
  }
  .disp-large {
    display: block;
  }
  /* 基本レイアウト
    ================================================ */
  /* 01_共通ヘッダー
------------------------------ */
  .site-header {
    position: relative;
  }
  /* メインヘッダー */
  .main-header {
    position: absolute;
    height: 66px;
  }
  .main-header.main-header--fixed {
    position: fixed;
    top: 0;
  }
  .main-header__inner {
    max-width: 1000px;
    margin: 0 auto;
  }
  .main-header__logo {
    position: inherit;
    float: left;
    width: 112px;
    height: 66px;
    margin: 0;
    padding: 19px 0;
  }
  .main-header__logo-link {
    display: block;
    width: 112px;
    height: 28px;
  }
  .main-header__logo-link::before {
    width: 112px;
    height: 28px;
  }
  /* 検索ボックス */
  .main-header__search {
    float: left;
    width: 360px;
    margin: 0 0 0 36px;
    padding: 13px 0;
  }
  /* アラート（推奨外のブラウザ時） */
  .header-caution {
    width: 100%;
    z-index: 100;
    border-bottom: 1px solid #e5e5e5;
  }
  .header-caution__inner {
    width: 100%;
    max-width: 1000px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .header-caution__text {
    display: inline-block;
  }
  .header-caution__link {
    display: inline-block;
  }
  /* 02_共通フッター
------------------------------ */
  .site-footer__inner {
    position: relative;
    max-width: 1000px;
    padding: 32px 0;
    overflow: hidden;
  }
  .site-footer__info {
    width: 100%;
  }
  .site-footer-nav {
    margin: 0px auto 40px 0;
  }
  /* アプリ一覧 */
  .site-footer__heading {
    margin: 0 auto 16px;
    border-bottom: 1px solid #e5e5e5;
  }
  .site-footer__heading--sitemap {
    margin: 0 auto 32px;
  }
  .site-footer__app-info-block {
    padding: 0;
  }
  .site-footer__app-link-list {
    overflow: hidden;
  }
  .site-footer__app-link-item {
    float: left;
    width: 49%;
    background: #fff;
    border: none;
  }
  .site-footer__app-link-item:first-child {
    margin: 0 2% 0 0;
  }
  .site-footer__app-link {
    float: left;
    display: table-cell;
    width: auto;
    padding: 16px;
  }
  .site-footer__app-link::after {
    content: none;
  }
  .site-footer__app-link-sub {
    display: block;
    margin: 0 0 4px;
    color: #aaa;
  }
  .site-footer__app-link-icon-wrapper {
    width: 50px;
  }
  .site-footer__app-info-block--service-list .site-footer__app-link-item {
    width: 25%;
    margin: 0;
    background: none;
  }
  .site-footer__app-info-block--service-list .site-footer__app-link {
    padding: 0 16px 16px 0;
  }
  .site-footer__app-link-list:last-of-type .site-footer__app-link-item:last-child {
    border: none;
  }
  /* 税表記 */
  .notes-tax {
    padding: 0 0 24px;
  }
  /* ソーシャルメディア・レコチョク オウンドメディア共通 */
  .site-footer__media-info-block-wrapper {
    display: table;
    width: 100%;
  }
  .site-footer__media-info-block {
    display: inline-block;
    width: calc(50% - 20px);
    padding: 0;
    vertical-align: top;
  }
  .site-footer__media-info-block:first-child {
    margin-right: 40px;
  }
  /* ソーシャルメディア */
  .site-footer__media-link-item {
    border: none;
  }
  .site-footer__media-link-item:last-child {
    border: none;
  }
  .site-footer__media-link {
    display: inline-block;
    width: auto;
    padding: 0;
  }
  .site-footer__media-link::after {
    content: none;
  }
  .site-footer__media-link-desc {
    font-size: 1.3rem;
  }
  /* サイトマップ */
  .site-sitemap {
    overflow: hidden;
    margin: 0 auto 8px;
    padding: 0;
    border: none;
  }
  .site-sitemap__inner {
    float: left;
    width: 31.73333%;
    margin: 0 2.4% 0 0;
  }
  .site-sitemap__inner:last-of-type {
    margin: 0;
    border-bottom: none;
  }
  .site-sitemap-block {
    margin: 0 0 32px;
    border: none;
  }
  .site-sitemap-block__heading-link {
    margin: 0 0 16px;
    padding: 0;
    font-weight: 700;
  }
  button.site-sitemap-block__heading-link {
    pointer-events: none;
  }
  .site-sitemap-block__heading-link::after {
    content: none;
  }
  .site-sitemap-list {
    display: block !important;
  }
  .site-sitemap-list__item {
    margin: 0 0 12px;
  }
  .site-sitemap-list__item:last-child {
    margin: 0;
  }
  .site-sitemap-list__item-link {
    padding: 0;
  }
  /* コピーライト */
  .site-footer-copyright {
    overflow: hidden;
  }
  .site-footer-copyright__item {
    margin: 0;
    padding: 0 40px 0 0;
  }
  .site-footer-copyright__item--jasrac {
    width: 27%;
  }
  .site-footer-copyright__item--nextone {
    width: 22%;
  }
  .site-footer-copyright__item--lmark {
    width: 29.9%;
    padding: 0;
  }
  .site-footer-copyright__item--pmark {
    float: left;
    width: 11.5%;
  }
  /* 04_コンテナー
------------------------------ */
  .container {
    padding: 0;
  }
  /* 複数カラム */
  .container--multi-col {
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
  }
  .container--multi-col .c-section {
    margin: 0;
    border: none;
  }
  .container__inner {
    width: 1000px;
    margin: auto;
  }
  /* Clearfix */
  .container__inner::after {
    display: block;
    content: "";
    clear: both;
  }
  /* 05_ページ
------------------------------ */
  .page-heading {
    padding: 60px 0;
    font-size: 2.4rem;
  }
  /* 06_セクション
------------------------------ */
  .page-heading + .c-section {
    padding: 0 0 48px;
  }
  .c-section {
    margin: 0 0 10px;
    padding: 36px 0 48px;
  }
  .c-section-top-button {
    margin: -10px 0 10px;
    padding: 36px 0 48px;
  }
  .c-section--modal-credit {
    padding: 0 0 48px;
  }
  .c-section__body {
    max-width: 1000px;
  }
  .c-section__heading {
    max-width: 1000px;
    font-size: 2rem;
    line-height: 2.0;
    margin: 0 auto 24px;
    padding: 0;
  }
  .c-section__heading--modal {
    margin: 0 auto 24px;
    padding: 0;
  }
  .c-section__heading--anchor {
    margin: -102px auto 24px;
    padding: 102px 0 0;
  }
  .c-section__heading-notes {
    max-width: 1000px;
    margin: 0 auto 24px;
    padding: 0 0 0 14px;
    font-size: 1.8rem;
  }
  .c-section__heading-notes::before {
    left: 0;
    width: 2px;
  }
  .c-section__text {
    padding: 0;
  }
  .c-section__text--center {
    text-align: center;
  }
  /* コンテンツ幅 750px */
  .c-section--width_narrow .c-section__body,
  .c-section--width_narrow .c-section__heading,
  .c-section--width_narrow .c-section__heading-notes {
    width: 750px;
  }
  /* 07_子セクション
------------------------------ */
  .c-section-child {
    margin: 0 auto 48px;
  }
  .c-section-child__heading {
    padding: 0;
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .c-section-child__heading:not(.c-section-child__heading--mb_narrow) {
    margin: 0 auto 24px;
  }
  /* 08_ナビゲーション（PC）
------------------------------ */
  .nav-header {
    margin: 0 auto;
    padding: 66px 0 0;
  }
  .nav-header_inner {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
  }
  .nav-header_inner::after {
    content: "";
    display: block;
    clear: both;
  }
  /* メインナビゲーション */
  .main-header-nav {
    float: right;
  }
  .main-header-nav__item {
    font-size: 1.3rem;
    line-height: 1.3;
    color: #222;
    display: block;
    position: relative;
    float: left;
    cursor: pointer;
  }
  .main-header-nav__item:hover {
    opacity: 0.6;
  }
  .main-header-nav__item-link {
    display: block;
    position: relative;
    height: 26px;
    margin: 20px 0;
    padding: 0 18px 0 24px;
    line-height: 26px;
  }
  .main-header-nav__item-link--myartist::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M30%2057.5l-.68-.67c-1.97-1.94-3.91-3.81-5.8-5.64C10.38%2038.5%200%2028.44%200%2018.3A15.16%2015.16%200%200111.58%203.1%2017.07%2017.07%200%200130%209.47a17.26%2017.26%200%200118.45-6.35A15.13%2015.13%200%200160%2018.3c0%2010.15-10.38%2020.2-23.53%2032.91-1.88%201.82-3.82%203.7-5.79%205.63zM16.2%204.42a15.97%2015.97%200%2000-4.11.53A13.3%2013.3%200%20001.94%2018.3c0%209.34%2010.12%2019.14%2022.94%2031.53%201.67%201.62%203.38%203.27%205.12%204.98q2.6-2.56%205.12-4.97c12.82-12.4%2022.94-22.2%2022.94-31.54A13.27%2013.27%200%200047.95%204.98C42.48%203.5%2034.79%205%2030.84%2011.72L30%2013.14l-.84-1.42a14.71%2014.71%200%2000-12.96-7.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: block;
    left: 0;
    width: 16px;
    height: 16px;
  }
  .main-header-nav__item-link--wish::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M1.3%201.5A1.3%201.3%200%20000%202.8v54.4a1.28%201.28%200%20001.29%201.3%201.28%201.28%200%2000.65-.17L30%2037.7l28.06%2020.62A1.29%201.29%200%200060%2057.2V2.8a1.3%201.3%200%2000-1.3-1.3zm56.76%201.94v52.65L30%2035.3%201.94%2056.09V3.44z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: block;
    left: 0;
    width: 16px;
    height: 14px;
  }
  .main-header-nav__item-link--mypage::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2057%2060'%3E%3Cpath%20fill='%23222'%20d='M28.5%2031.07a15.49%2015.49%200%201%201%2015.42-15.49A15.48%2015.48%200%200%201%2028.5%2031.07zm0-29A13.55%2013.55%200%201%200%2042%2015.58%2013.53%2013.53%200%200%200%2028.5%202zM0%2060.1h2a27%2027%200%200%201%2053%200h2a28.88%2028.88%200%200%200-57%200z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: block;
    left: 16px;
    width: 18px;
    height: 16px;
  }
  .main-header-nav__item:last-child .main-header-nav__item-link {
    padding: 0 0 0 40px;
    border-left: 1px solid #e5e5e5;
  }
  /* ナビゲーション */
  .tab-gnav {
    position: initial;
    display: block;
    float: left;
    width: auto;
    height: 46px;
  }
  .tab-gnav__item {
    position: initial;
    display: inline-block;
  }
  .tab-gnav__item-link {
    padding: 16px 20px;
  }
  .tab-gnav__item-link:not(.hover-none):hover {
    position: relative;
    opacity: 1;
    background: #f5f5f5;
    z-index: 11;
  }
  .tab-sub-gnav {
    display: none;
  }
  .tab-gnav__item-link:not(.hover-none):hover + .tab-sub-gnav,
  .tab-sub-gnav:hover {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    padding: 24px 24px 8px;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
  }
  .tab-sub-gnav__item {
    position: relative;
    float: left;
    display: inline-block;
    margin: 0 18px 18px 0;
    padding: 10px 24px 10px 16px;
    background: #f5f5f5;
    border-radius: 24px;
    line-height: 10px;
    transition: 0.5s;
  }
  .tab-sub-gnav__item:hover {
    opacity: 0.6;
  }
  .tab-sub-gnav__item-link::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23aaa'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    right: 10px;
    width: 6px;
    height: 10px;
  }
  .tab-sub-gnav__item--ranking {
    margin: 0 -1px;
    padding: 0;
    background: none;
  }
  .tab-sub-gnav__item--ranking:hover {
    opacity: 1;
  }
  .tab-sub-gnav--ranking-heading {
    font-size: 1.5rem;
    line-height: 1.5;
    display: block;
    margin: 0 0 16px;
    padding: 0 20px;
    position: relative;
  }
  .tab-sub-gnav--ranking-heading::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 6px;
    width: 2px;
    height: 100%;
    background: #222;
  }
  .tab-sub-gnav__item--ranking:last-child .tab-sub-gnav--ranking-heading {
    margin: 16px 0;
  }
  /* サブナビゲーション */
  .sub-nav {
    float: right;
  }
  .sub-nav__item {
    font-size: 1.3rem;
    line-height: 1.3;
    color: #222;
    display: block;
    position: relative;
    float: left;
    cursor: pointer;
  }
  .sub-nav__item:hover {
    opacity: 0.6;
  }
  .sub-nav__item-link {
    display: block;
    position: relative;
    height: 46px;
    line-height: 46px;
  }
  .sub-nav__item-link--help {
    padding: 0 28px 0 42px;
  }
  .sub-nav__item-link--help::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2040%2060'%3E%3Cpath%20fill='%23222'%20d='M20%2014.07L0%20.1v46l20%2014%2020-14V.1zM1.9%203.75L20%2016.39v41.39L1.9%2045.14z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: block;
    left: 18px;
    width: 12px;
    height: 18px;
  }
  /* 共通パーツ
    ================================================ */
  /* 01_テキスト
------------------------------ */
  .c-text {
    padding: 0;
  }
  /* リスト */
  .c-text-list {
    margin: 0;
    padding: 0 0 6px;
  }
  .c-text-list__item {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0 0 0.3em;
  }
  /* 注意文言 */
  .c-notes-list {
    padding: 0;
  }
  .c-notes-list--prepaid:last-child {
    margin: 24px 0 0;
  }
  .c-notes-list__item {
    font-size: 1.5rem;
    line-height: 1.5;
    line-height: 1.9;
  }
  .c-notes-text {
    font-size: 1.2rem;
    margin: 0;
  }
  /* 規約関連系 リスト */
  .c-terms-list {
    margin: 0 0 42px;
    padding: 0;
  }
  .c-terms-list__item {
    font-size: 1.3rem;
  }
  /* 規約関連系説明リスト */
  .c-terms-dlist__title {
    font-size: 1.3rem;
    margin: 0 0 14px;
    padding: 0 0 0 12px;
  }
  .c-terms-dlist__title::before {
    left: 0;
  }
  .c-terms-dlist__content {
    font-size: 1.3rem;
    margin: 0 0 42px;
  }
  .c-terms-dlist__content--bold {
    font-size: 1.3rem;
  }
  /* 規約関連系 ナンバーリスト */
  .c-terms-number-list {
    padding: 0 0 0 12px;
  }
  .c-terms-number-list__item {
    margin: 0 0 0.5em;
    list-style-type: decimal;
  }
  /* 規約関連系 通常テキスト */
  .c-terms-text {
    font-size: 1.3rem;
    margin: 0 0 0.5em 1em;
  }
  .c-terms-text__top {
    font-size: 1.3rem;
    margin: 0 0 0.5em 0;
  }
  .c-terms-text__right {
    font-size: 1.3rem;
    margin: 0 0 0.5em;
  }
  .c-scroll-block {
    max-width: inherit;
    height: 300px;
    margin: 24px auto;
    padding: 12px 8px;
    border: 1px solid #e5e5e5;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  /* リード文 */
  .c-lead-text {
    margin: 0 0 48px;
    padding: 0;
  }
  .c-lead-text--center {
    margin: 0 0 48px;
    padding: 0;
  }
  /* エラー文言 */
  .c-error {
    margin: 0 0 36px;
    padding: 18px;
  }
  .c-error__text {
    font-size: 1.3rem;
  }
  .c-line__text {
    font-size: 1.2rem;
    margin: 16px auto;
  }
  /* 02_ボタン
------------------------------ */
  /* ボタン - 機能系 */
  .c-btn-function {
    max-width: 280px;
    padding: 19px 0;
  }
  .c-btn-function--light {
    padding: 18px 0;
  }
  .c-btn-function--long-text {
    font-size: 1.5rem;
  }
  .c-btn-function--yahoo, .c-btn-function--facebook {
    font-size: 1.5rem;
    padding: 19px 8px 19px 40px;
    line-height: 1.2;
  }
  .c-btn-function--yahoo::before, .c-btn-function--facebook::before {
    left: 16px;
  }
  /* 横並び */
  .c-btn-col2 {
    max-width: 600px;
  }
  .c-btn-col2__item:first-child {
    padding: 0 10px 0 0;
  }
  .c-btn-col2__item:nth-child(2) {
    padding: 0 0 0 10px;
  }
  .c-btn-col2__item .c-btn-function {
    font-size: 1.5rem;
  }
  /* もっとみる（読み込み） */
  .c-more-btn {
    margin: 36px auto 0;
  }
  .c-more-btn__link {
    font-size: 1.3rem;
    width: 280px;
    height: 40px;
    line-height: 39px;
    border-radius: 20px;
  }
  .c-more-btn__link::after {
    right: 24px;
  }
  /* もっとみる（遷移） */
  .c-more-link {
    padding: 0;
  }
  .c-more-link__link {
    padding: 10px 24px 10px 16px;
    font-size: 1.3rem;
  }
  .c-more-link__link::after {
    right: 10px;
  }
  .c-section__heading-wrap--more {
    max-width: 1000px;
    margin: 0 auto 24px;
    padding: 0;
  }
  /* 戻るボタン */
  .c-btn-back {
    margin: 48px auto 0;
  }
  /* ボタン - ブロック */
  .c-btn-block__heading {
    font-size: 1.8rem;
  }
  .c-btn-block__btn-image--googleplay,
  .c-btn-block__btn-image--appstore {
    width: auto;
    height: 60px;
  }
  .c-btn-block__notes {
    font-size: 1.2rem;
  }
  .c-btn-block__inner--rbt {
    margin: 0 0 48px;
  }
  /* 03_リンク
------------------------------ */
  /* 矢印付きテキストリンク */
  .c-link-arrow {
    padding: 0;
  }
  .c-link-arrow--product-lock {
    padding: 0;
  }
  /* dヒッツ送客リンク - アーティスト情報 */
  .c-dhits-section--sp {
    display: none;
  }
  .c-dhits-section--sp-artist {
    display: none;
  }
  .c-dhits-section--pc {
    display: block;
  }
  .c-dhits-section__body-wrap {
    margin: 10px auto;
    background-color: #fff;
  }
  .c-dhits-section__body {
    max-width: 1000px;
    margin: 0 auto;
    padding: 24px 0;
    border: none;
  }
  .c-dhits-title {
    margin-bottom: 12px;
    font-size: 2rem;
  }
  .c-dhits-item__photo {
    width: 110px;
  }
  .c-dhits-item-text {
    padding-right: 40px;
  }
  .c-dhits-item-text__main {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-dhits-item-text__artist {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-dhits-item-text__sub {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  /* dヒッツ送客リンク - バナー */
  .c-dhits-section__banner {
    margin: 10px auto;
    padding: 24px 0;
    background-color: #fff;
  }
  /* VOS送客リンク */
  .c-vos-section--artist .c-vos-section__body, .c-vos-section--album .c-vos-section__body, .c-vos-section--music .c-vos-section__body {
    margin: 48px auto 0;
  }
  /* 枠つきリンク */
  .c-link-box__item {
    margin: 24px 0 12px;
    padding: 16px 36px;
  }
  .c-link-box__item:last-of-type {
    margin: 0;
  }
  .c-link-box__item:not(:first-of-type) {
    margin: 0 0 12px;
  }
  .c-link-box__item:not(:last-of-type) {
    margin: 0 0 12px;
  }
  .c-link-box__main-text {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0 0 8px;
    font-weight: 500;
    text-align: center;
  }
  .c-one-month-free-icon {
    margin: -3px 6px 0 8px;
    height: 18px;
  }
  .c-link-box__sub-text {
    font-size: 1.2rem;
    text-align: center;
  }
  .c-link-box__item .c-link-box__text-list {
    width: 45%;
  }
  .c-link-box__item .c-link-box__text-list-item {
    font-size: 1.2rem;
  }
  /* 枠つきリンク 外部リンク */
  .c-link-box__btn--outer-link::after {
    right: 18px;
  }
  /* 共通ブロック
    ================================================ */
  /* 01_パンくずリスト
------------------------------ */
  .breadcrumb {
    margin: 0 auto;
    padding: 12px 0;
  }
  /* 02_タブ
------------------------------ */
  .c-tab-nav__item-inner {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-tab-nav--auto .c-tab-nav__item-inner {
    padding: 15px 24px;
  }
  /* 2行タブ */
  .c-tab-nav--auto .c-tab-nav-2-lines {
    padding: 5px 24px 8px;
  }
  .c-tab-body--serch-all {
    margin: 0;
  }
  /* ボタン付きタブ */
  .c-tab-control {
    position: relative;
  }
  .c-tab-control .c-tab-nav--auto {
    padding: 0 24px;
  }
  .c-tab-control .c-tab-nav__item-inner {
    /*font-size: 1.4rem;*/
  }
  /* ボタン付きタブ - ボタン下の背景 */
  .c-tab-control__btn-wrap::before,
  .c-tab-control__btn-wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 34px;
    height: 44px;
  }
  .c-tab-control__btn-wrap::before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
  }
  .c-tab-control__btn-wrap::after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
  }
  /* ボタン付きタブ - ボタン */
  .c-tab-control__btn {
    display: block;
    position: absolute;
    top: 0;
    width: 34px;
    height: 44px;
    z-index: 1;
  }
  .c-tab-control__btn::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 6px;
    height: 12px;
  }
  .c-tab-control__btn:hover::after {
    opacity: 0.7;
  }
  .c-tab-control__btn--prev {
    left: 0;
  }
  .c-tab-control__btn--prev::after {
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(180deg);
  }
  .c-tab-control__btn--next {
    right: 0;
  }
  .c-tab-control__btn--next::after {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  /* 04_モーダル
------------------------------ */
  .c-modal__inner {
    padding: 24px 20px 36px;
  }
  .c-modal__inner--video {
    padding: 0;
  }
  .c-modal__inner--error {
    padding: 24px;
  }
  .c-modal__inner--product {
    padding: 24px;
  }
  .c-modal__text {
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0;
  }
  .c-modal__text--center {
    margin: 0 0 30px;
  }
  .c-modal-arrow__inner--notes {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-modal-arrow--product-lock {
    padding: 0;
  }
  /* 05_検索ボックス
------------------------------ */
  .c-search-box__form {
    font-size: 1.3rem;
    padding: 0 70px 0 20px;
  }
  .c-search-box__btn {
    right: 16px;
    left: inherit;
  }
  .c-search-box__reset {
    right: 50px;
  }
  /* 06_ジャンル一覧
------------------------------ */
  /* ジャンル一覧ページ用 */
  .c-genre-list {
    padding: 0;
  }
  .c-genre-list__item {
    margin: 0 1.2% 1.2% 0;
    width: 13.25714%;
    height: 110px;
  }
  .c-genre-list__item:nth-child(3n) {
    margin-right: 1.2%;
  }
  .c-genre-list__item:nth-child(7n) {
    margin-right: 0;
  }
  .c-genre-list__link:after {
    height: 110px;
  }
  .c-genre-list__link-text {
    font-size: 1.6rem;
  }
  .c-genre-list__link-text--small {
    font-size: 1.4rem;
  }
  /* 07_特集バナー
------------------------------ */
  .c-specialbnr-list {
    padding: 0;
  }
  .c-specialbnr-list__item {
    width: 32%;
    margin: 0 2% 2% 0;
  }
  .c-specialbnr-list__item:not(:nth-last-child(-n+2)) {
    margin: 0 2% 2% 0;
  }
  .c-specialbnr-list__item:nth-last-child(-n+3) {
    margin: 0 2% 0 0;
  }
  .c-specialbnr-list__item:nth-child(3n) {
    margin: 0;
  }
  /* 08_ダウンロードボタン
------------------------------ */
  .c-download-block {
    margin: 0;
    padding: 30px 140px;
  }
  .c-download-block__inner {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .c-download-block__btn {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
  }
  .c-download-block__btn:not(:last-child) .c-btn-block__btn {
    margin: 12px auto;
  }
  .c-download-block__notice {
    font-size: 1.3rem;
    text-align: center;
  }
  /* サンプル音源（ハイレゾ） */
  .c-download-block__inner--hires-sample {
    display: block;
    text-align: center;
    font-size: 0;
  }
  .c-download-block__inner--hires-sample .c-download-block__btn {
    vertical-align: top;
  }
  .c-download-block__inner--hires-sample .c-download-block__btn:not(.disp-none) {
    display: inline-block;
  }
  /* 09_注意文言
------------------------------ */
  .c-caution {
    margin: 0 auto 50px;
    padding: 18px 22px;
  }
  .c-caution__text {
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: center;
  }
  .c-caution__text--left {
    text-align: left;
  }
  .c-notice {
    margin: 0 auto 50px;
    padding: 18px 24px;
  }
  .c-notice__text {
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: center;
  }
  .c-notice__text--left {
    text-align: left;
  }
  .c-notice__list-text {
    padding: 0 0 0 2px;
  }
  /* 10_ダウンロード方法
------------------------------ */
  .c-howto-download__text {
    margin: 0 0 36px;
    padding: 0;
  }
  /* 11_特集関連のヘッダ
------------------------------ */
  /* リード文 */
  .c-special-heading-bg {
    opacity: 0.25;
    filter: blur(25px);
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: no-repeat 50%;
    background-size: cover;
    z-index: -1;
  }
  .c-special-heading__inner {
    display: table;
    table-layout: fixed;
    max-width: 1000px;
    margin: auto;
    padding: 24px 0;
    overflow: hidden;
    background-color: inherit;
  }
  .c-special-heading-img,
  .c-special-heading-text {
    display: table-cell;
    vertical-align: middle;
  }
  .c-special-heading-img {
    width: 45.2%;
    padding: 0 3.2% 0 0;
  }
  .c-special-heading-text {
    width: 54.8%;
    padding: 0;
  }
  .c-special-heading-text__heading {
    margin: 0 0 24px;
    font-size: 2rem;
  }
  /* 特集用段落指定 */
  .c-special-heading-text__lead p {
    font-size: 1.4rem;
  }
  .c-special-heading-text__lead h2 {
    font-size: 1.4rem;
    line-height: 1.9;
  }
  /* シェアボタン */
  .c-sharebtn__list--special {
    text-align: right;
  }
  /* 12_支払い画面（クレジットカード・プリペイドカード）
------------------------------ */
  .c-payment {
    max-width: 1000px;
    margin: 24px auto;
  }
  .c-payment__inner {
    padding: 18px 0;
  }
  .c-payment__type {
    font-size: 1.8rem;
  }
  .c-payment__price-inner {
    font-size: 1.8rem;
  }
  .c-payment__price-tax {
    font-size: 1.2rem;
    margin: 0 0 0 4px;
  }
  .c-payment__ask-text {
    font-size: 1.2rem;
  }
  .c-payment__ask-price {
    font-size: 1.2rem;
  }
  /* 13_テーブル表示
------------------------------ */
  .c-table {
    padding: 0;
  }
  .c-table-head__item {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-table-body__title {
    font-size: 1.2rem;
    padding: 12px;
  }
  .c-table-body__item {
    font-size: 1.5rem;
  }
  /* 15_商品リスト
    ------------------------------ */
  /* 06_商品リスト パネル型
------------------------------ */
  .c-product-list--gridview_col2,
  .c-product-list--gridview_col3 {
    padding: 0;
  }
  .c-product-list--gridview_col2 .c-product-list__item,
  .c-product-list--gridview_col3 .c-product-list__item {
    width: 14.66667%;
    margin: 0 2.4% 24px 0;
  }
  .c-product-list--gridview_col2 .c-product-list__item:not(:nth-child(6n)),
  .c-product-list--gridview_col3 .c-product-list__item:not(:nth-child(6n)) {
    margin: 0 2.4% 24px 0;
  }
  .c-product-list--gridview_col2 .c-product-list__item:nth-child(6n),
  .c-product-list--gridview_col3 .c-product-list__item:nth-child(6n) {
    margin: 0 0 24px;
  }
  .c-product-list--gridview_col2 .c-product-list__item:nth-last-child(-n+6),
  .c-product-list--gridview_col3 .c-product-list__item:nth-last-child(-n+6) {
    margin-bottom: 0;
  }
  .c-product-list--gridview_col2 .c-product-list__info,
  .c-product-list--gridview_col3 .c-product-list__info {
    padding: 10px 0;
  }
  .c-product-list--gridview_col2 .c-product-list__title,
  .c-product-list--gridview_col3 .c-product-list__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-product-list--gridview_col2 .c-product-list__artist,
  .c-product-list--gridview_col3 .c-product-list__artist {
    font-size: 1.2rem;
    margin: 2px 0 0;
  }
  .c-product-list--gridview_col2 .c-product-list__icon-image:not(:last-child),
  .c-product-list--gridview_col3 .c-product-list__icon-image:not(:last-child) {
    margin: 0 5px 0 0;
  }
  /* パネル型（2カラム） */
  .c-product-list--gridview_col2 .c-product-list__info {
    height: 122px;
  }
  /* パネル型（3カラム） */
  .c-product-list--gridview_col3 .c-product-list__info {
    height: 82px;
  }
  /* 共通 */
  .c-product-list__artist + .c-product-list__icon,
  .c-product-list__data + .c-product-list__icon,
  .c-product-list__data + .c-product-list__priceoff-price {
    margin: 8px 0 0;
  }
  .c-product-list__priceoff-price + .c-product-list__icon,
  .c-product-list__priceoff-price + .c-product-list__icon .c-product-info__icon-text {
    margin: 0;
  }
  /* 試聴 */
  .c-product-list--gridview_col2 .c-product-list__audition {
    bottom: 122px;
  }
  .c-product-list--gridview_col3 .c-product-list__audition {
    bottom: 82px;
    width: 36px;
    height: 36px;
  }
  .c-product-list--gridview_col3 .c-product-list__audition-btn::after {
    width: 30px;
    height: 30px;
  }
  .c-product-list--gridview_col3 .c-product-list__audition-btn--loading::after {
    background-size: 18px;
  }
  /* 06_商品リスト リスト型
------------------------------ */
  .c-product-list--listview {
    padding: 0;
  }
  .c-product-list--listview .c-product-list__link {
    padding: 12px 0 12px 12px;
  }
  .c-product-list--listview .c-product-list__link--present {
    padding: 32px 0;
  }
  .c-product-list--listview .c-product-list__audition {
    position: absolute;
    top: 57px;
    left: 57px;
    width: 30px;
    height: 30px;
  }
  .c-product-list--listview .c-product-list__audition::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .c-product-list--listview .c-product-list__info {
    width: 47.5%;
    padding: 0 0 0 2.4%;
  }
  .c-product-list--listview .c-product-list__info--wide {
    width: 100%;
    padding: 0 20px 0 2.4%;
  }
  .c-product-list--listview .c-product-list__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-product-list--listview .c-product-list__artist {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 58.8%;
    width: 27.2%;
  }
  .c-product-list--listview .c-product-list__artist--original-pos {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    transform: none;
  }
  .c-product-list--listview .c-product-list__subtext {
    font-size: 1.3rem;
  }
  .c-product-list--listview .c-product-list__icon {
    margin: 4px 0 0;
  }
  .c-product-list--listview .c-product-list__icon-image {
    height: 16px;
    margin: 0 5px 0 0;
  }
  .c-product-list--listview .c-product-list__icon-image--present {
    margin: 0 5px 5px 0;
  }
  .c-product-list--listview .c-product-list__icon-image--present:not(:last-child) {
    margin: 0 5px 5px 0;
  }
  .c-product-list--listview .c-product-list__icon-image--lock {
    width: 15px;
    height: 16px;
  }
  .c-product-list--listview .c-product-list__icon-image--lock::before {
    width: 15px;
    height: 16px;
  }
  .c-product-list--listview .c-product-list__data {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
    left: 89.4%;
    width: 8.2%;
    margin: 0;
  }
  .c-product-list--listview .c-product-list__artist + .c-product-list__data {
    margin: 0;
  }
  /* 06_商品リスト リスト・グリッド共通型
------------------------------ */
  .c-product-list--viewchange {
    padding: 0;
    font-size: 0;
  }
  .c-product-list--viewchange .c-product-list__item {
    display: inline-block;
    position: relative;
    width: 14.66667%;
    margin: 0 2.4% 24px 0;
    vertical-align: top;
    font-size: 1rem;
    border: none;
  }
  .c-product-list--viewchange .c-product-list__item:not(:nth-child(6n)) {
    margin: 0 2.4% 24px 0;
  }
  .c-product-list--viewchange .c-product-list__item:nth-child(6n) {
    margin: 0 0 24px;
  }
  .c-product-list--viewchange .c-product-list__item:nth-last-child(-n+6) {
    margin-bottom: 0;
  }
  .c-product-list--viewchange .c-product-list__item:first-child {
    border: none;
  }
  .c-product-list--viewchange .c-product-list__link {
    display: block;
    position: relative;
    padding: 0;
  }
  .c-product-list--viewchange .c-product-list__link[href]::after {
    content: none;
  }
  .c-product-list--viewchange .c-product-list__thum {
    display: block;
    width: auto;
    height: auto;
    vertical-align: inherit;
    letter-spacing: -0.5em;
    background: #f5f5f5;
  }
  .c-product-list--viewchange .c-product-list__thum-image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
  }
  .c-product-list--viewchange .c-product-list__info {
    display: block;
    height: 122px;
    padding: 10px 0;
  }
  .c-product-list--viewchange .c-product-list__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-product-list--viewchange .c-product-list__artist {
    font-size: 1.2rem;
    margin: 2px 0 0;
  }
  .c-product-list--viewchange .c-product-list__tieup {
    font-size: 1.1rem;
    line-height: 1.4;
    color: #aaa;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
    max-height: 3em;
    margin: 8px 0 0;
  }
  .c-product-list--viewchange .c-product-list__data {
    display: none;
  }
  .c-product-list--viewchange .c-product-list__icon {
    margin: 8px 0 0;
    font-size: 0;
  }
  .c-product-list--viewchange .c-product-list__icon-image:not(:last-child) {
    margin: 0 5px 0 0;
  }
  .c-product-list--viewchange .c-product-list__priceoff-price + .c-product-list__icon {
    margin: 4px 0 0;
  }
  .c-product-list--viewchange .c-product-list__audition {
    bottom: 122px;
    top: inherit;
    left: inherit;
    right: 0;
    width: 36px;
    height: 36px;
  }
  .c-product-list--viewchange .c-product-list__audition-btn::after {
    bottom: 4px;
    right: 4px;
    width: 30px;
    height: 30px;
  }
  .c-product-list--viewchange .c-product-list__audition-btn--loading::after {
    background-size: 18px;
  }
  .c-product-list--viewchange .c-product-list__link--unavailable .c-product-list__info {
    padding: 10px 8px;
  }
  .c-product-list--viewchange.c-product-list--ranking .c-product-list__link {
    padding: 0;
  }
  .c-product-list--viewchange.c-product-list--ranking .c-product-list__audition {
    left: inherit;
  }
  .c-product-list--viewchange.c-product-list--ranking .c-product-list__rank {
    position: inherit;
    top: inherit;
    left: inherit;
    width: 100%;
    height: 24px;
    margin: 0 0 12px;
    text-align: left;
    vertical-align: top;
    transform: inherit;
  }
  .c-product-list--viewchange.c-product-list--ranking .c-product-list__rank-number {
    display: inline-block;
  }
  /* 割引価格表示（アルバムスマート購入など） */
  .c-product-list__discount {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
    left: 68%;
    width: 30%;
    margin: 0;
  }
  /* 06_商品リスト ランキング
------------------------------ */
  .c-product-list__rank {
    margin: 0 0 12px;
  }
  /* 商品リスト　リード文 */
  .c-product-list-lead {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0 0 20px;
    padding: 0;
    max-height: 3.4em;
  }
  /* 06_商品リスト TOPランキング
------------------------------ */
  .c-product-list--ranking-top {
    position: relative;
    padding: 0;
  }
  .c-product-list--ranking-top .c-product-list__item {
    position: relative;
    width: 48%;
    height: 100px;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
  }
  .c-product-list--ranking-top .c-product-list__item:first-child {
    border-top: 1px solid #e5e5e5;
  }
  .c-product-list--ranking-top .c-product-list__item:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .c-product-list--ranking-top .c-product-list__item:nth-child(n + 4) {
    margin-right: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
  .c-product-list--ranking-top .c-product-list__item:nth-child(4) {
    border-top: 1px solid #e5e5e5;
  }
  .c-product-list--ranking-top .c-product-list__item:nth-child(5) {
    top: 100px;
  }
  .c-product-list--ranking-top .c-product-list__item:nth-child(6) {
    top: 200px;
  }
  .c-product-list--ranking-top .c-product-list__item:nth-child(-n + 3) {
    margin-right: 4%;
  }
  .c-product-list--ranking-top .c-product-list__link {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 12px 0 12px 44px;
  }
  .c-product-list--ranking-top .c-product-list__thum {
    display: table-cell;
    vertical-align: top;
    width: 75px;
    height: 75px;
    letter-spacing: -0.5em;
  }
  .c-product-list--ranking-top .c-product-list__thum-image {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
  }
  .c-product-list--ranking-top .c-product-list__info {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 0 18px 0 12px;
  }
  .c-product-list--ranking-top .c-product-list__title {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: -1px 0 0;
    font-weight: 500;
  }
  .c-product-list--ranking-top .c-product-list__artist {
    font-size: 1.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .c-product-list--ranking-top .c-product-list__icon {
    margin: 3px 0 0;
    font-size: 0;
  }
  .c-product-list--ranking-top .c-product-list__icon-image {
    width: auto;
    height: 16px;
  }
  .c-product-list--ranking-top .c-product-list__icon-image:not(:last-child) {
    margin: 0 4px 0 0;
  }
  .c-product-list--ranking-top .c-product-list__rank {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    z-index: 5;
  }
  .c-product-list--ranking-top .c-product-list__rank-number {
    display: block;
    margin: 0 0 6px;
  }
  .c-product-list--ranking-top .c-product-list__audition {
    position: absolute;
    top: 57px;
    left: 89px;
    width: 30px;
    height: 30px;
  }
  .c-product-list--ranking-top .c-product-list__audition::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .c-product-list--ranking-top .c-product-list__audition-btn {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  .c-product-list--ranking-top .c-product-list__audition-btn::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 24px;
    height: 24px;
  }
  .c-product-list--ranking-top .c-product-list__audition-btn--play::after {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30'%20r='30'%20fill='%23fff'%20fill-opacity='.8'/%3E%3Cpath%20fill='%23777'%20d='M30%201A29%2029%200%201%201%201%2030%2029%2029%200%200%201%2030%201m0-1a30%2030%200%201%200%2030%2030A30%2030%200%200%200%2030%200z'/%3E%3Cpath%20fill='%23777'%20d='M43.73%2030L23.75%2045.02V14.98L43.73%2030z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .c-product-list--ranking-top .c-product-list__audition-btn--pause::after {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Ccircle%20cx='30'%20cy='30.1'%20r='30'%20fill='%23fff'%20fill-opacity='.8'/%3E%3Cpath%20fill='%23f54687'%20d='M30%202.1a28%2028%200%201%201-28%2028%2028%2028%200%200%201%2028-28m0-2a30%2030%200%201%200%2030%2030%2030%2030%200%200%200-30-30z'/%3E%3Crect%20width='20'%20height='20'%20x='20'%20y='20.1'%20fill='%23f54687'%20rx='1.25'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .c-product-list--ranking-top .c-product-list__audition-btn--loading::after {
    opacity: 0.7;
    border: solid 1px #aaa;
    border-radius: 50%;
    background: url(https://resource.lap.recochoku.jp/rc-p1/front/common/icon_loading_01.gif) no-repeat 50%;
    background-size: 14px auto;
    background-color: #fff;
    filter: grayscale(0.99);
  }
  .c-product-list--ranking-top .c-product-list__link--unavailable {
    background: #e5e5e5;
  }
  .c-product-list--ranking-top .c-product-list__link--unavailable .c-product-list__thum {
    opacity: 0.4;
  }
  /* 07_アーティストリスト
------------------------------ */
  /* リスト型 */
  .c-artist-list--listview {
    padding: 0;
  }
  .c-artist-list--listview .c-artist-list__info {
    padding: 0 0 0 24px;
  }
  .c-artist-list--listview .c-artist-list__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-artist-list--listview .c-artist-list__link {
    padding: 12px 42px 12px 12px;
  }
  /* パネル型 */
  .c-artist-list--gridview {
    padding: 0;
  }
  .c-artist-list--gridview .c-artist-list__item {
    width: 14.66667%;
    margin: 0 2.4% 24px 0;
  }
  .c-artist-list--gridview .c-artist-list__item:nth-child(3n) {
    margin: 0 2.4% 24px 0;
  }
  .c-artist-list--gridview .c-artist-list__item:nth-child(6n) {
    margin: 0 0 24px;
  }
  .c-artist-list--gridview .c-artist-list__item:nth-last-child(-n+6) {
    margin-bottom: 0;
  }
  .c-artist-list--gridview .c-artist-list__item--excursionli:nth-child(2n) {
    margin: 0 2.4% 24px 0;
  }
  .c-artist-list--gridview .c-artist-list__item--excursionli:nth-child(6n) {
    margin: 0 0 24px;
  }
  .c-artist-list--gridview .c-artist-list__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-product-list--viewchange .c-artist-list__item {
    display: inline-block;
    width: 14.66666%;
    margin: 0 2.4% 24px 0;
    border: none;
    vertical-align: top;
  }
  .c-product-list--viewchange .c-artist-list__item:first-child {
    border: none;
  }
  .c-product-list--viewchange .c-artist-list__item:nth-child(3n) {
    margin: 0 2.4% 24px 0;
  }
  .c-product-list--viewchange .c-artist-list__item:nth-child(6n) {
    margin: 0 0 24px;
  }
  .c-product-list--viewchange .c-artist-list__item:nth-last-child(-n+6) {
    margin-bottom: 0;
  }
  .c-product-list--viewchange .c-artist-list__link {
    display: block;
    padding: 0;
  }
  .c-product-list--viewchange .c-artist-list__link::after {
    content: none;
  }
  .c-product-list--viewchange .c-artist-list__thum {
    display: block;
    width: 100%;
  }
  .c-product-list--viewchange .c-artist-list__info {
    position: relative;
    display: block;
    padding: 0 0 6px;
  }
  .c-product-list--viewchange .c-artist-list__title {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 11px 0 0;
    text-align: center;
  }
  .c-product-list--viewchange .c-artist-list__artist {
    font-size: 1.1rem;
    line-height: 1.4;
    color: #222;
  }
  .c-product-list--viewchange .c-product-list__icon-image {
    height: 16px;
  }
  /* 08_リスト表示変更
------------------------------ */
  .c-viewchange {
    margin: 16px 0 8px;
    padding: 0;
  }
  .c-tab-body .c-viewchange + .c-product-list {
    margin: 16px 0 0;
  }
  .c-tab-body .c-viewchange + .c-section {
    padding: 8px 0 48px;
  }
  /* 並べ替え */
  .c-viewchange-sort__item-inner {
    font-size: 1.5rem;
    line-height: 1.5;
    line-height: 20px;
  }
  /* 16_商品情報
    ------------------------------ */
  /* 16_商品情報(アルバム・シングルページ)
------------------------------ */
  .c-product-main {
    position: absolute;
    float: inherit;
    width: 30%;
    max-width: 300px;
    padding: 0;
  }
  .c-product-main-info {
    padding: 0 36px 0 0;
  }
  .c-product-main-info__photo {
    margin: 0 24px 0 0;
  }
  .c-product-main-info__audition-btn::after {
    width: 32px;
    height: 32px;
    bottom: 6px;
    right: 6px;
  }
  .c-product-main-info__audition-btn--loading::after {
    background-size: 20px;
  }
  .c-product-main-btn {
    float: inherit;
    width: 30%;
    margin: 0 70% 0 0;
    padding: 300px 36px 0 0;
  }
  /* 楽曲・アルバムページ詳細情報 */
  .c-product-main-detail {
    float: right;
    width: 70%;
    padding: 0;
  }
  .c-product-main-detail__title {
    font-size: 2.4rem;
  }
  .c-product-main-detail__artist {
    margin: 8px 0 0;
  }
  .c-product-main-detail__artist-inner {
    font-size: 1.6rem;
  }
  .c-product-main-detail__artist-inner::after {
    width: 7px;
    height: 12px;
  }
  .c-product-main-detail__like {
    margin: 30px 0 0;
  }
  .c-product-main-detail-campaign {
    width: 70%;
    padding: 0;
  }
  /* 購入ボタンエリア */
  .c-product-main-purchase-wrap {
    width: 70%;
    padding: 0;
  }
  .c-product-main-purchase__item {
    padding: 16px 0 16px 12px;
  }
  .c-product-main-purchase__type {
    font-size: 1.8rem;
  }
  .c-product-main-purchase__spec {
    margin: 6px 0 0;
  }
  .c-product-main-purchase__price {
    width: 120px;
  }
  .c-product-main-purchase__price-btn-link {
    width: 120px;
    padding: 14px 0;
    font-size: 2rem;
  }
  /* シェアボタン */
  .c-product-main-sharebtn {
    margin: 24px 0 0;
  }
  .c-product-main-sharebtn .c-sharebtn__list {
    text-align: left;
  }
  /* 楽曲・アルバムページサブ情報 */
  .c-product-main-subinfo {
    padding: 0;
  }
  .c-product-main-subinfo__heading {
    max-width: 1000px;
    font-size: 2rem;
    line-height: 2.0;
    max-width: 1000px;
  }
  /* 06_商品情報
------------------------------ */
  .c-product-info {
    padding: 0;
  }
  .c-product-info__thum {
    width: 100px;
  }
  .c-product-info__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-product-info__artist {
    font-size: 1.3rem;
    margin: 2px 0 0;
  }
  .c-product-info__spec {
    font-size: 1.2rem;
  }
  .c-product-list__icon-image + .c-product-info__icon-text {
    height: 14px;
  }
  /* 特典 */
  .c-product-campaign__item {
    font-size: 1.2rem;
  }
  /* Webview用 告知文 */
  .c-product-announce {
    margin: 0 0 24px;
  }
  /* 17_フォーム
    ------------------------------ */
  /* 17_フォーム
------------------------------ */
  .c-form {
    padding: 0;
  }
  .c-form__question {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-form__question-required {
    font-size: 1.3rem;
  }
  /* 確認画面 */
  .c-form__answer-confirm {
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 16px;
  }
  /* セレクトボックス */
  .c-form__select {
    font-size: 1.5rem;
    line-height: 1.5;
    height: 44px;
    padding: 0 48px 0 12px;
    background-size: auto 42px;
  }
  /* テキストエリア */
  .c-form__textarea {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-form__textarea-count {
    font-size: 1.3rem;
  }
  /* テキストボックス */
  .c-form__textbox {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  /* ラジオボタン */
  .c-form__radio {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  /* チェックボックス */
  .c-form__checkbox {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .c-form__checkbox-input:checked + .c-form__checkbox-text::after {
    top: 7px;
  }
  /* チェックボックス（同意） */
  .c-form-agree {
    margin: 36px auto 0;
  }
  /* ラベル */
  .c-form__label {
    font-size: 1.5rem;
    line-height: 1.5;
    line-height: 1.9;
  }
  /* ボタン */
  .c-form-btn {
    max-width: 455px;
  }
  .c-form-btn__item:first-child {
    padding: 0 24px 0 0;
  }
  /* エラーメッセージ */
  .c-form-error {
    font-size: 1.3rem;
  }
  /* 18_説明ページ
    ------------------------------ */
  /* 説明系ページ用CSS
================================================ */
  /* ヘッダー
------------------------------ */
  .c-guide-heading {
    padding: 24px 0 60px;
  }
  .c-guide-heading__text {
    font-size: 3.2rem;
    font-weight: 500;
    padding: 48px 0 0;
  }
  .c-guide-heading__image {
    margin: 0 auto;
    padding: 0;
  }
  .c-guide-nav__wrap {
    margin: 0 auto 48px;
  }
  .c-guide-nav__list {
    max-width: 1200px;
    padding: 24px 0 8px;
  }
  .c-guide-nav__item {
    width: auto;
    max-width: inherit;
    padding: 0 16px 16px 0;
    margin: 0;
  }
  .c-guide-nav__item:last-child {
    padding: 0 0 16px;
  }
  .c-guide-nav__text {
    font-size: 1.5rem;
  }
  /* セクション
------------------------------ */
  .c-guide-section {
    padding: 60px 0;
  }
  .c-guide-section:first-of-type {
    padding: 0 0 48px;
  }
  .c-guide-section__heading {
    margin: 0 auto 36px;
    padding: 1px 0 1px 20px;
    font-size: 2.4rem;
  }
  .c-guide-section__heading::before {
    left: 0;
    width: 2px;
  }
  .c-guide-section__heading--anchor {
    margin: -102px auto 36px;
    padding: 102px 0 0 20px;
  }
  .c-guide-section__body:not(:last-of-type) {
    padding-bottom: 48px;
  }
  .c-guide-text {
    margin: 0 0 36px;
    padding: 0;
  }
  .c-guide-text {
    font-size: 1.7rem;
  }
  .c-guide-note {
    font-size: 1.3rem;
  }
  .c-guide-image {
    margin: 0 auto 36px;
    padding: 0;
    max-width: 1000px;
  }
  .c-guide-image--w50 {
    width: 50%;
  }
  .c-guide-image--w60 {
    width: 60%;
  }
  .c-guide-image--w70 {
    width: 70%;
  }
  .c-guide-image--w80 {
    width: 80%;
  }
  .c-guide-image--w90 {
    width: 90%;
  }
  .c-guide-button {
    position: relative;
    padding: 0;
    z-index: 1;
  }
  /* カラム
------------------------------ */
  .c-guide-column {
    overflow: hidden;
  }
  .c-guide-column__item {
    float: left;
    width: 50%;
  }
  .c-guide-column__item:nth-child(2n+1) {
    padding: 0 18px 0 0;
  }
  .c-guide-column__item:nth-child(2n) {
    padding: 0 0 0 18px;
  }
  /* 手順
------------------------------ */
  .c-guide-section__heading--step {
    padding: 0 0 0 46px;
  }
  .c-guide-section__heading-num {
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    font-size: 1.9rem;
    line-height: 32px;
  }
  /* キャンペーンバナー
------------------------------ */
  .c-guide-campaign-bnr {
    margin: 0 auto 36px;
    padding: 18px;
    text-align: center;
    font-size: 0;
  }
  .c-guide-campaign-bnr__image {
    display: inline-block;
    width: 50%;
    padding: 18px;
  }
  .c-guide-campaign-bnr__image:not(:last-child) {
    margin-bottom: 0;
  }
  /* 使い方ガイド
------------------------------ */
  .c-guide-multi-col {
    width: 100%;
    background: #fff;
  }
  .c-guide-multi-col__block {
    display: table;
    width: 1000px;
    margin: 0 auto;
  }
  .c-guide-section--narrow {
    display: table-cell;
    width: 74%;
    padding: 0 0 48px 6%;
  }
  .c-guide-sidenav {
    display: table-cell;
    width: 20%;
  }
  .c-guide-sidenav__list {
    position: sticky;
    top: calc(66px + 24px);
    overflow-y: scroll;
    height: calc(100vh - (66px + 24px * 2));
    padding: 16px 0;
  }
  .c-guide-sidenav__item {
    border-bottom: 1px solid #e5e5e5;
  }
  .c-guide-sidenav__item:first-child {
    border-top: 1px solid #e5e5e5;
  }
  .c-guide-sidenav__btn,
  .c-guide-sidenav__link {
    display: block;
    width: 100%;
    padding: 12px 24px 12px 12px;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: left;
  }
  .c-guide-sidenav__btn.is-active,
  .c-guide-sidenav__link.is-active {
    background-color: #e5e5e5;
  }
  .c-guide-sidenav__child {
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
  }
  .c-guide-sidenav__child:last-child {
    border-bottom: none;
  }
  .c-guide-sidenav__child-link {
    display: block;
    padding: 12px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .c-guide-text__inner-hedding {
    margin: 32px auto 8px;
    padding: 0;
    font-size: 1.8rem;
  }
  .c-guide-text__inner-hedding:first-of-type {
    margin: 0 auto 8px;
  }
  .c-guide-list {
    padding: 0;
  }
  .c-guide-list__item {
    margin: 0 auto 12px;
    font-size: 1.5rem;
  }
  /* 116 アルバムスマート購入とは
================================================ */
  .about-ask-lead {
    margin: 0 0 60px;
    padding: 0;
    text-align: center;
  }
  .about-ask {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 auto 36px;
  }
  .about-ask__image,
  .about-ask__text {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
  }
  .about-ask__image {
    padding: 0 12px 0 0;
  }
  .about-ask__text {
    padding: 0 0 0 12px;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* TOPページ
    ================================================ */
  .top-main__info {
    overflow: hidden;
    max-width: 1000px;
  }
  .top-main__info-item {
    float: right;
    width: 37.4%;
    padding: 0 0 0 56px;
    box-shadow: none;
    border: none;
  }
  .top-main__info-item:last-child {
    float: left;
    width: 62.6%;
    margin: 0;
  }
  /* 検索エリア
    ------------------------------ */
  .top-search {
    margin: 36px auto;
    padding: 0;
  }
  .top-search .c-search-box {
    margin: 0 auto 18px;
  }
  /* 重要なお知らせ
    ------------------------------ */
  .top-notice {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
  }
  .top-notice__link {
    font-size: 1.5rem;
    line-height: 1.5;
    display: table;
    padding: 24px 32px;
  }
  .top-notice__time {
    display: table-cell;
    padding: 0 32px 0 0;
  }
  .top-notice__title {
    display: table-cell;
    width: 100%;
  }
  /* スライダー
    ------------------------------ */
  .top-main-hero {
    margin: 0 auto;
    padding: 6px 0 0;
  }
  .top-campaignbnr {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  .top-campaignbnr-list {
    overflow: hidden;
  }
  .top-campaignbnr-list .slick-list {
    margin: 0 auto;
  }
  .top-campaignbnr-list__item {
    max-width: 500px;
    margin: 0 3px;
  }
  /* 矢印 */
  .top-campaignbnr-list:hover .top-campaignbnr-arrow {
    opacity: 1;
  }
  .top-campaignbnr-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.18);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
    transition: 0.1s;
    z-index: 1;
  }
  .top-campaignbnr-arrow::after {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23f54687'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 20px;
  }
  .top-campaignbnr-arrow--prev {
    left: 578px;
  }
  .top-campaignbnr-arrow--prev::after {
    transform: translate(-50%, -50%) rotateY(180deg);
  }
  .top-campaignbnr-arrow--next {
    right: 78px;
  }
  .top-campaignbnr-arrow--next::after {
    transform: translate(-50%, -50%);
  }
  .top-campaignbnr-list.slick-initialized {
    margin-left: -500px;
  }
  /* 特集バナー
    ------------------------------ */
  .top-specialbnr {
    max-width: 1000px;
    margin: 0 auto 72px;
  }
  .top-specialbnr-list {
    overflow: hidden;
  }
  .top-specialbnr-list__item {
    float: left;
    width: 32%;
  }
  .top-specialbnr-list__item:not(:nth-last-child(-n+3)) {
    margin-bottom: 2%;
  }
  .top-specialbnr-list__item:not(:nth-child(3n)) {
    margin-right: 2%;
  }
  .top-specialbnr-list__item-link {
    display: block;
    position: relative;
    padding-top: 37.267080745341616%;
  }
  .top-specialbnr-list__item-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
  }
  /* 新着
    ------------------------------ */
  .top-main__info-inner .c-product-list--gridview_col2 .c-product-list__item {
    width: 22.2561%;
    margin-right: 3.6585%;
  }
  .top-main__info-inner .c-product-list--gridview_col2 .c-product-list__item:nth-child(4n) {
    margin-right: 0;
  }
  /* TOPICS
    ------------------------------ */
  .top-main__info-inner:first-child {
    margin: 0 0 48px;
  }
  .top-main__topics-list {
    margin: 0 auto 40px;
  }
  .top-main__topics-item {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
  }
  .top-main__topics-item:first-child {
    border-top: 1px solid #e5e5e5;
  }
  .top-main__topics-link {
    display: block;
    padding: 10px 0;
    overflow: hidden;
  }
  .top-main__topics-thum {
    float: left;
    vertical-align: top;
    width: 60px;
    height: 60px;
    letter-spacing: -0.5em;
  }
  .top-main__topics-thum-image {
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
  }
  .top-main__topics-info {
    position: relative;
    float: left;
    width: 75%;
    height: 40px;
    margin: 9px 0 10px 12px;
  }
  .top-main__topics-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .top-main__topics-text--caution {
    color: #c00303;
  }
  /* Myアーティスト新着・アルバムスマート購入
    ------------------------------ */
  .top-main__recommend-heading-wrap {
    display: table;
    width: 100%;
    max-width: 1000px;
    margin: 0 0 4px;
    padding: 0;
  }
  .top-main__recommend__heading {
    font-size: 1.8rem;
    display: table-cell;
    vertical-align: middle;
  }
  .top-main__recommend-heading-wrap .c-more-link {
    vertical-align: middle;
  }
  .top-main__recommend-text {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0 0 16px;
    color: #555;
  }
  .top-main__recommend-block:first-child .top-main__recommend-list {
    margin: 0 0 16px;
    border-bottom: 1px solid #e5e5e5;
  }
  .top-main__recommend-list.c-product-list--gridview_col3 .c-product-list__item {
    width: 16%;
    margin: 0 5% 24px 0;
  }
  .top-main__recommend-list.c-product-list--gridview_col3 .c-product-list__item:not(:nth-child(-n+3)) {
    display: inline-block;
  }
  .top-main__recommend-list.c-product-list--gridview_col3 .c-product-list__item:nth-child(5) {
    margin: 0 0 24px 0;
  }
  .c-product-list--gridview_col3 .c-product-list__item.top-main__recommend-item--large-bnr,
  .c-product-list--gridview_col3 .c-product-list__item.top-main__recommend-item--small-bnr {
    display: none;
  }
  .top-main__recommend-list.c-product-list--gridview_col3 .c-product-list__item .c-product-list__audition {
    top: 27px;
    left: 27px;
    width: 24px;
    height: 24px;
  }
  .top-main__recommend-list.c-product-list--gridview_col3 .c-product-list__item .c-product-list__audition .c-product-list__audition-btn::after {
    bottom: 3px;
    right: 3px;
    width: 18px;
    height: 18px;
  }
  /* ランキング
    ------------------------------ */
  .top-ranking__block {
    max-width: 1000px;
    margin: 0 auto 48px;
    padding: 0;
  }
  .top-ranking__block .c-section__body {
    border: none;
  }
  /* 特集
    ------------------------------ */
  .top-special__block {
    max-width: 1000px;
    margin: 0 auto 24px;
    padding: 0 0 24px;
    border-bottom: 1px solid #e5e5e5;
  }
  .top-special__block:last-of-type {
    margin: 0 auto;
    padding: 0;
    border: none;
  }
  .top-special__block--pickup {
    padding: 0 0 32px;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 02_アルバムページ
    ================================================ */
  /* 01_アルバム収録曲
    ------------------------------ */
  /* アルバムトラック情報 */
  .album-track-list {
    margin: 0 auto 12px;
  }
  .album-track-list:last-child {
    margin: 0 auto;
  }
  .album-track-list__disc {
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 24px 0;
  }
  .album-track-list__info {
    padding: 12px 12px 12px 0;
  }
  .album-track-list__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .album-track-list__spec {
    font-size: 1.2rem;
  }
  .album-track-list__tieup {
    font-size: 1.2rem;
    margin: 6px 0 0;
  }
  /* 購入ボタン */
  .album-track-list__price {
    width: 96px;
    padding: 12px 0;
  }
  .album-track-list__price-btn-link {
    width: 96px;
    padding: 11px 2px;
    font-size: 20px;
  }
  /* ハイレゾスペック切替タブ */
  .tab-album-spec {
    position: relative;
  }
  .tab-album-spec .c-tab-nav__item-inner {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  /* スペック3種以上 */
  .tab-album-spec--long {
    padding: 0 24px;
  }
  .tab-album-spec__btn {
    display: block;
    position: absolute;
    top: 0;
    width: 24px;
    height: 44px;
    z-index: 1;
  }
  .tab-album-spec__btn::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: block;
    width: 6px;
    height: 12px;
  }
  .tab-album-spec__btn-prev {
    left: 0;
  }
  .tab-album-spec__btn-prev::before {
    left: 0;
    transform: translateY(-50%) rotate(180deg);
  }
  .tab-album-spec__btn-next {
    right: 0;
  }
  .tab-album-spec__btn-next::before {
    right: 0;
  }
  /* 商品の説明 */
  .product-format-heading,
  .product-format {
    padding: 0;
  }
  .product-format__title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .product-format__content {
    font-size: 1.3rem;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 04_アーティストページ
    ================================================ */
  /* 01_アーティスト情報
    ------------------------------ */
  .artist-main__inner {
    max-width: 1000px;
    overflow: hidden;
    padding: 0;
  }
  .artist-main__photo {
    position: inherit;
    float: left;
    width: 36%;
    padding: 0;
  }
  .artist-main__photo-body {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 66.66666% 0 0;
  }
  .artist-main__photo-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    background: no-repeat 50%;
    background-size: contain;
  }
  .artist-main-info {
    float: right;
    overflow: hidden;
    width: 64%;
    padding: 0 0 24px 24px;
  }
  .artist-main-info__title {
    font-size: 2.4rem;
    margin: 0 0 24px;
    text-align: left;
  }
  .artist-main-info__btn {
    float: left;
  }
  .artist-main-info__myartist {
    float: left;
    width: auto;
  }
  .artist-main-info__profile {
    float: right;
    width: 100%;
  }
  /* シェアボタン */
  .artist-main__share {
    float: left;
    margin: 0 0 0 24px;
    padding: 0;
    line-height: 32px;
    position: relative;
  }
  .artist-main__share .c-sharebtn__item {
    float: left;
    width: 24px;
    height: 35px;
    margin: 0 24px 0 0;
  }
  .artist-main__share .c-sharebtn__item-link {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 0 0;
  }
  /* 特典情報 */
  .artist-main-campaign {
    float: right;
    width: 64%;
    margin: 0 0 24px;
    padding: 0 0 0 24px;
  }
  /* 中見出し */
  .artist-crosshead {
    margin: 24px 0;
  }
  /* すべてタブ コンテンツ表示セクション */
  .artist-contents-section {
    margin-bottom: 0;
  }
  /* 商品リスト (公開開始日の表示があるのでスタイル上書き) */
  .artist-container .c-product-list__info {
    width: 41.5%;
  }
  .artist-container .c-product-list__artist {
    left: 52.8%;
  }
  .artist-container .c-product-list__data {
    left: 83.4%;
    width: 14.2%;
  }
  /* RecMusicへのリンク */
  .artist-recmusic__link {
    font-size: 1.8rem;
    max-width: 1000px;
    padding: 32px 42px 32px 0;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 05_商品ページ
    ================================================ */
  /* 01_商品情報
    ------------------------------ */
  .product-purchase {
    float: left;
    width: 65%;
    padding: 0 40px 0 0;
  }
  .product-payment__btn-block {
    margin: 0 0 24px;
  }
  .product-info-wrap {
    float: right;
    width: 35%;
    padding: 0;
  }
  .product-info-block {
    padding: 16px;
    border: 1px solid #e5e5e5;
  }
  .product-info-wrap + .product-other-items {
    margin: 0 0 0 65%;
  }
  /* 価格 */
  .product-price__block {
    margin: 10px 0 0;
  }
  .product-price__ask-text {
    font-size: 1.2rem;
  }
  .product-price__price-inner {
    font-size: 2.4rem;
  }
  .product-price__price-tax {
    font-size: 1.2rem;
  }
  .product-price__ask-price {
    font-size: 1.2rem;
  }
  .product-song-lock--purchase-page {
    margin: 12px 0 0;
    padding: 0;
  }
  /* キャンペーン情報 */
  .product-campaign {
    padding: 0;
  }
  /* 03_支払い方法選択
    ------------------------------ */
  .product-payment {
    margin: 0 0 40px;
  }
  .product-payment__heading {
    padding: 0 0 12px;
    margin: 0;
  }
  .product-payment-list {
    margin: 0 auto;
    background: #fff;
  }
  .product-payment-list__body {
    font-size: 1.3rem;
    max-width: 520px;
  }
  .product-payment-list__image-wrapper {
    display: table;
    margin-bottom: 8px;
  }
  .product-payment-list__link {
    display: table-cell;
  }
  .product-payment-list__image--paypay {
    max-width: 180px;
  }
  .product-payment-list__image--aueasy {
    max-width: 210px;
  }
  .product-payment-list__image--rakuten {
    margin-bottom: 0;
  }
  .product-payment-list__image--rakuten:first-child {
    margin-right: 14px;
  }
  .product-payment-list__notes {
    font-size: 1.3rem;
  }
  .product-payment__terms {
    font-size: 1.2rem;
    margin: 24px auto 16px;
  }
  .product-payment__terms--top {
    font-size: 1.2rem;
    margin: 16px auto 12px;
    text-align: center;
  }
  .product-payment__btn .c-btn-function,
  .product-download__btn .c-btn-function {
    width: 100%;
    max-width: 100%;
  }
  .product-download__btn {
    margin: 16px 0 0;
  }
  .product-payment__caution {
    font-size: 1.3rem;
  }
  /* 0円商品の場合 */
  .product-purchase__inner--disabled {
    position: relative;
    padding: 8px 16px;
    pointer-events: none;
  }
  .product-purchase__inner--disabled::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
  }
  /* Myアーティスト登録 */
  .procuct-myartist {
    float: left;
    margin: 0;
    padding: 0;
    border-bottom: none;
  }
  .procuct-myartist__heading {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .procuct-myartist__text {
    font-size: 1.3rem;
    margin: 0 0 16px;
  }
  .procuct-myartist__radio:not(:last-child) {
    margin: 0 30px 0 0;
  }
  /* 注意事項 */
  .procuct-notes {
    float: left;
    margin: 0;
    padding: 0 0 48px;
  }
  .procuct-notes__heading {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .procuct-notes .c-text-list__item {
    font-size: 1.3rem;
  }
  .procuct-notes .c-text-list__item .c-modal-arrow__inner--notes {
    font-size: 1.3rem;
  }
  .procuct-notes-text-list--utagift {
    padding: 0 0 16px;
  }
  .product-other-items {
    float: right;
    width: 35%;
    margin: 0;
    padding: 0;
  }
  .product-other-items .c-section:first-child {
    padding: 16px 0 48px;
    border: none;
  }
  .product-lmark {
    padding: 8px 0 0 4px;
  }
  /* 05_重複購入防止（モーダル）
    ------------------------------ */
  .product-modal-btn {
    margin: 24px auto;
  }
  /* 06_ハイレゾ確認（モーダル）
    ------------------------------ */
  .product-modal-image {
    padding: 0;
  }
  /* 05_うたコード入力ページ
    ================================================ */
  /* うたコード入力 */
  .utacode-input {
    margin: 0;
    padding: 30px 0 0;
  }
  /* 06_プリペイドカード決済確認
    ================================================ */
  .prepaid-link-arrow {
    max-width: 1000px;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 06_購入完了ページ
    ================================================ */
  /* 01_情報エリア
    ------------------------------ */
  .purchasecomp-main {
    margin: 0 auto 56px;
    padding: 0;
  }
  .purchasecomp-main .product-info__photo,
  .purchasecomp-main .product-info__video {
    width: 100px;
  }
  .purchasecomp-main-image {
    max-width: 560px;
  }
  .purchasecomp-main__share .c-sharebtn__item-link {
    width: 36px;
    height: 36px;
  }
  /* 特設コンテンツ */
  .purchasecomp-special-content-wrapper {
    margin: 0 0 10px;
    padding: 36px 0;
  }
  .purchasecomp-special-content-wrapper .purchasecomp-special-content--utagift {
    margin-bottom: 0;
  }
  .purchasecomp-special-content--utagift {
    margin-bottom: 60px;
  }
  .purchasecomp-special-content__text {
    font-size: 1.9rem;
  }
  .purchasecomp-special-content__text-foot {
    margin-top: 16px;
  }
  .purchasecomp-section {
    margin: 0 auto 32px;
  }
  .purchasecomp-section__heading {
    max-width: 1000px;
    font-size: 2rem;
    line-height: 2.0;
    padding: 0;
  }
  .purchasecomp-section__lead {
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0;
  }
  /* Webview用 告知文 */
  .purchasecomp-main__announce {
    margin-top: 56px;
    padding: 18px 22px;
    text-align: center;
    line-height: 1.5;
  }
  /* 02_ダウンロード
    ------------------------------ */
  /* レコチョクダウンローダー */
  .download-downloader__title {
    font-size: 2rem;
    padding: 0;
  }
  .download-downloader__block {
    margin: 0 auto 64px;
    padding: 32px 0;
  }
  .download-downloader__lead {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .download-downloader__lead--image {
    height: 46px;
  }
  .download-downloader__lead--text {
    font-size: 1.6rem;
  }
  .download-downloader__lead-sub {
    font-size: 1.5rem;
  }
  .download-downloader__btn .c-btn-function--light {
    font-size: 1.6rem;
  }
  /* スペック切替 */
  .download-specchange__block {
    padding: 0;
  }
  .download-specchange__title {
    font-size: 2rem;
  }
  .download-specchange__text {
    font-size: 1.5rem;
    line-height: 1.5;
    line-height: 30px;
  }
  /* 収録曲ダウンロード */
  .download-track {
    margin: 0 auto;
  }
  .download-track__heading {
    max-width: 1000px;
    font-size: 2rem;
    line-height: 2.0;
  }
  .download-track__inner {
    clear: right;
  }
  .download-track__inner:not(:last-child) {
    margin: 0 auto 24px;
  }
  .download-track-list {
    max-width: 640px;
  }
  .download-album {
    margin: 0 auto 36px;
  }
  .download-album__info-block {
    float: left;
    max-width: inherit;
    margin: 0;
    padding: 0;
  }
  .download-album__function-block {
    float: right;
    max-width: inherit;
    margin: 0;
    padding: 0;
  }
  .download-album__btn .c-btn-function {
    margin: 0 0 0 auto;
  }
  .download-track__disc {
    font-size: 1.6rem;
  }
  .download-track-list__title {
    font-size: 1.6rem;
  }
  .download-track-list__artist {
    font-size: 1.3rem;
  }
  .download-track-list__spec {
    top: 0;
    bottom: inherit;
    padding: 0 0 0 8px;
  }
  .download-track-list__btn {
    width: 168px;
    padding: 16px 0;
  }
  .download-track-list__btn-link {
    font-size: 1.6rem;
    line-height: 1.3;
    color: #f54687;
    text-align: center;
    width: 160px;
    height: 42px;
    margin: 0 0 0 auto;
    padding: 0 16px 0 47px;
    line-height: 41px;
    text-indent: inherit;
  }
  .download-track-list__btn-link--disabled {
    color: #ccc;
  }
  .download-track-list__btn-link::before {
    left: 16px;
    transform: translate(0, -50%);
  }
  .download-bottom__btn {
    margin: 40px 0 0;
  }
  .download-album__info-notes {
    font-size: 1.3rem;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 商品種別/ジャンルタブ（スライダーを動作させるため開発側で追加）
    ------------------------------ */
  /* 横幅確保 */
  .c-tab-ranking {
    min-width: 640px;
  }
  .c-tab-ranking-genre {
    min-width: 2400px;
  }
  /* 10_ランキングページ
    ================================================ */
  .special-link-arrow__link {
    font-size: 1.5rem;
  }
  .c-ranking-viewchange {
    margin: 18px 0 6px;
  }
  /* 集計日
    ------------------------------ */
  .c-ranking-aggregate-date {
    padding: 0;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* レシートページ
    ================================================ */
  .container--page-receipt {
    padding: 16px;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 11_検索ページ
    ================================================ */
  /* 01_検索エリア
    ------------------------------ */
  .search-suggest-nav__item {
    display: inline-block;
    width: 50%;
  }
  .search-suggest-nav__item:first-child,
  .search-suggest-nav__item:nth-child(2) {
    border-top: none;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* マイページ共通
    ================================================ */
  /* メイン
    ------------------------------ */
  /* 2カラムの右側 */
  .container--multi-col .container__main {
    float: right;
    width: 750px;
    padding: 0;
  }
  /* リード文 */
  .mypage-lead {
    margin: 0 auto 60px;
    padding: 0;
    font-size: 1.5rem;
  }
  /* サイドバー
    ------------------------------ */
  .container--multi-col .container__sub {
    float: left;
    width: 210px;
    margin: 60px 0 0;
  }
  .mypage-menu-list {
    font-size: 1.3rem;
    margin: 0 0 12px;
    padding: 0 0 12px;
  }
  .mypage-menu-list:not(:last-of-type) {
    border-bottom: 1px solid #e5e5e5;
  }
  .mypage-menu-list__item {
    position: relative;
  }
  .mypage-menu-list__link {
    display: block;
    position: relative;
    padding: 11px 0 11px 38px;
    line-height: 1.3;
  }
  .mypage-menu-list__link::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: block;
    left: 0;
    width: 20px;
    height: 20px;
  }
  .mypage-menu-list__link--notices::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M22%2053.31h16c-.49%204-4.45%207-8.7%206.67-3.69-.28-7.41-3.64-7.3-6.67zM30%200c-2.14%200-3.41%201.21-3.83%203.64-7.58%201.23-11.83%206.12-14.12%2011.07a29.74%2029.74%200%200%200-1.79%2011%2058.51%2058.51%200%200%201-.82%2010.49A17.27%2017.27%200%200%201%204%2046.51c-1.29%201.14-2.63%202.23-4%203.42h60c-1.41-1.19-2.75-2.28-4-3.42a17.27%2017.27%200%200%201-5.4-10.3%2058.51%2058.51%200%200%201-.82-10.49%2029.74%2029.74%200%200%200-1.79-11c-2.29-5-6.54-9.83-14.13-11.07C33.45%201.41%2032.15%200%2030.05%200zM5.33%2048a19.27%2019.27%200%200%200%206-11.42%2061.48%2061.48%200%200%200%20.85-10.84%2027.32%2027.32%200%200%201%201.65-10.31C16.17%2010.25%2020.52%205.17%2030%205.17s13.85%205.08%2016.14%2010.29a27.51%2027.51%200%200%201%201.66%2010.31%2061.48%2061.48%200%200%200%20.85%2010.84c.9%204.89%202.85%208.6%206%2011.38L5.33%2048z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__item--active .mypage-menu-list__link--notices::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23f54687'%20d='M22%2053.31h16c-.49%204-4.45%207-8.7%206.67-3.69-.28-7.41-3.64-7.3-6.67zM30%200c-2.14%200-3.41%201.21-3.83%203.64-7.58%201.23-11.83%206.12-14.12%2011.07a29.74%2029.74%200%200%200-1.79%2011%2058.51%2058.51%200%200%201-.82%2010.49A17.27%2017.27%200%200%201%204%2046.51c-1.29%201.14-2.63%202.23-4%203.42h60c-1.41-1.19-2.75-2.28-4-3.42a17.27%2017.27%200%200%201-5.4-10.3%2058.51%2058.51%200%200%201-.82-10.49%2029.74%2029.74%200%200%200-1.79-11c-2.29-5-6.54-9.83-14.13-11.07C33.45%201.41%2032.15%200%2030.05%200zM5.33%2048a19.27%2019.27%200%200%200%206-11.42%2061.48%2061.48%200%200%200%20.85-10.84%2027.32%2027.32%200%200%201%201.65-10.31C16.17%2010.25%2020.52%205.17%2030%205.17s13.85%205.08%2016.14%2010.29a27.51%2027.51%200%200%201%201.66%2010.31%2061.48%2061.48%200%200%200%20.85%2010.84c.9%204.89%202.85%208.6%206%2011.38L5.33%2048z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__link--myartist::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M30%2057.5l-.68-.67c-1.97-1.94-3.91-3.81-5.8-5.64C10.38%2038.5%200%2028.44%200%2018.3A15.16%2015.16%200%200111.58%203.1%2017.07%2017.07%200%200130%209.47a17.26%2017.26%200%200118.45-6.35A15.13%2015.13%200%200160%2018.3c0%2010.15-10.38%2020.2-23.53%2032.91-1.88%201.82-3.82%203.7-5.79%205.63zM16.2%204.42a15.97%2015.97%200%2000-4.11.53A13.3%2013.3%200%20001.94%2018.3c0%209.34%2010.12%2019.14%2022.94%2031.53%201.67%201.62%203.38%203.27%205.12%204.98q2.6-2.56%205.12-4.97c12.82-12.4%2022.94-22.2%2022.94-31.54A13.27%2013.27%200%200047.95%204.98C42.48%203.5%2034.79%205%2030.84%2011.72L30%2013.14l-.84-1.42a14.71%2014.71%200%2000-12.96-7.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__item--active .mypage-menu-list__link--myartist::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23f54687'%20d='M30%2057.5l-.68-.67c-1.97-1.94-3.91-3.81-5.8-5.64C10.38%2038.5%200%2028.44%200%2018.3A15.16%2015.16%200%200111.58%203.1%2017.07%2017.07%200%200130%209.47a17.26%2017.26%200%200118.45-6.35A15.13%2015.13%200%200160%2018.3c0%2010.15-10.38%2020.2-23.53%2032.91-1.88%201.82-3.82%203.7-5.79%205.63zM16.2%204.42a15.97%2015.97%200%2000-4.11.53A13.3%2013.3%200%20001.94%2018.3c0%209.34%2010.12%2019.14%2022.94%2031.53%201.67%201.62%203.38%203.27%205.12%204.98q2.6-2.56%205.12-4.97c12.82-12.4%2022.94-22.2%2022.94-31.54A13.27%2013.27%200%200047.95%204.98C42.48%203.5%2034.79%205%2030.84%2011.72L30%2013.14l-.84-1.42a14.71%2014.71%200%2000-12.96-7.3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__link--wishlist::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M1.3%201.5A1.3%201.3%200%20000%202.8v54.4a1.28%201.28%200%20001.29%201.3%201.28%201.28%200%2000.65-.17L30%2037.7l28.06%2020.62A1.29%201.29%200%200060%2057.2V2.8a1.3%201.3%200%2000-1.3-1.3zm56.76%201.94v52.65L30%2035.3%201.94%2056.09V3.44z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    left: 1px;
    width: 18px;
    height: 18px;
  }
  .mypage-menu-list__item--active .mypage-menu-list__link--wishlist::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23f54687'%20d='M1.3%201.5A1.3%201.3%200%20000%202.8v54.4a1.28%201.28%200%20001.29%201.3%201.28%201.28%200%2000.65-.17L30%2037.7l28.06%2020.62A1.29%201.29%200%200060%2057.2V2.8a1.3%201.3%200%2000-1.3-1.3zm56.76%201.94v52.65L30%2035.3%201.94%2056.09V3.44z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__link--ask::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M30%2060.1a30%2030%200%201%201%2030-30%2030%2030%200%200%201-30%2030zM30%202a28.06%2028.06%200%201%200%2028.06%2028.1A28.09%2028.09%200%200%200%2030%202zm0%2050.21A22.15%2022.15%200%200%201%207.85%2030.1h1.94A20.19%2020.19%200%200%200%2030%2050.31zm0-5.51a16.63%2016.63%200%200%201-16.64-16.6h1.93a14.66%2014.66%200%200%200%2010.34%2014%2015%2015%200%200%200%204.37.66zm22.15-16.6h-1.94A20.14%2020.14%200%200%200%2034.7%2010.43a20.54%2020.54%200%200%200-4.7-.54V8a22.13%2022.13%200%200%201%2022.15%2022.1zm-5.51%200h-1.93a14.66%2014.66%200%200%200-11.29-14.31%2015.15%2015.15%200%200%200-3.42-.4v-1.93A16.62%2016.62%200%200%201%2046.64%2030.1zM30%2039.19a9.09%209.09%200%201%201%209.09-9.09A9.1%209.1%200%200%201%2030%2039.19zm0-15.44a6.35%206.35%200%201%200%206.35%206.35A6.36%206.36%200%200%200%2030%2023.75z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__item--active .mypage-menu-list__link--ask::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23f54687'%20d='M30%2060.1a30%2030%200%201%201%2030-30%2030%2030%200%200%201-30%2030zM30%202a28.06%2028.06%200%201%200%2028.06%2028.1A28.09%2028.09%200%200%200%2030%202zm0%2050.21A22.15%2022.15%200%200%201%207.85%2030.1h1.94A20.19%2020.19%200%200%200%2030%2050.31zm0-5.51a16.63%2016.63%200%200%201-16.64-16.6h1.93a14.66%2014.66%200%200%200%2010.34%2014%2015%2015%200%200%200%204.37.66zm22.15-16.6h-1.94A20.14%2020.14%200%200%200%2034.7%2010.43a20.54%2020.54%200%200%200-4.7-.54V8a22.13%2022.13%200%200%201%2022.15%2022.1zm-5.51%200h-1.93a14.66%2014.66%200%200%200-11.29-14.31%2015.15%2015.15%200%200%200-3.42-.4v-1.93A16.62%2016.62%200%200%201%2046.64%2030.1zM30%2039.19a9.09%209.09%200%201%201%209.09-9.09A9.1%209.1%200%200%201%2030%2039.19zm0-15.44a6.35%206.35%200%201%200%206.35%206.35A6.36%206.36%200%200%200%2030%2023.75z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__link--presents::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M22.82%2029.85L19.08%2041.1a1%201%200%2000.36%201.12.99.99%200%20001.17-.01l9.32-7%209.31%207a.98.98%200%2000.6.2%201%201%200%2000.94-1.31l-3.74-11.26%208.36-6.53a1%201%200%2000-.61-1.78H34.6l-3.74-10.77a1%201%200%2000-1.87%200l-3.73%2010.77h-10.2a1%201%200%2000-.6%201.78zm3.14-6.32a1%201%200%2000.94-.67l3.03-8.73%203.02%208.73a1%201%200%2000.94.67h8.01l-6.63%205.17a1%201%200%2000-.34%201.1l2.96%208.91-7.36-5.54a.99.99%200%2000-1.2%200l-7.36%205.54%202.96-8.9a1%201%200%2000-.33-1.1l-6.64-5.18z'/%3E%3Cpath%20fill='%23222'%20d='M56%2026.16a26%2026%200%2010-45.72%2016.97v16.94l19.86-3.75L50%2060.07V42.83h-.02A26.02%2026.02%200%200056%2026.16zm-50.01%200A24.01%2024.01%200%201130%2050.25a24.08%2024.08%200%2001-24.01-24.1zM48%2057.66L30.14%2054.3l-17.88%203.38V45.2a25.87%2025.87%200%200035.75-.27z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__item--active .mypage-menu-list__link--presents::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23f54687'%20d='M22.82%2029.85L19.08%2041.1a1%201%200%2000.36%201.12.99.99%200%20001.17-.01l9.32-7%209.31%207a.98.98%200%2000.6.2%201%201%200%2000.94-1.31l-3.74-11.26%208.36-6.53a1%201%200%2000-.61-1.78H34.6l-3.74-10.77a1%201%200%2000-1.87%200l-3.73%2010.77h-10.2a1%201%200%2000-.6%201.78zm3.14-6.32a1%201%200%2000.94-.67l3.03-8.73%203.02%208.73a1%201%200%2000.94.67h8.01l-6.63%205.17a1%201%200%2000-.34%201.1l2.96%208.91-7.36-5.54a.99.99%200%2000-1.2%200l-7.36%205.54%202.96-8.9a1%201%200%2000-.33-1.1l-6.64-5.18z'/%3E%3Cpath%20fill='%23f54687'%20d='M56%2026.16a26%2026%200%2010-45.72%2016.97v16.94l19.86-3.75L50%2060.07V42.83h-.02A26.02%2026.02%200%200056%2026.16zm-50.01%200A24.01%2024.01%200%201130%2050.25a24.08%2024.08%200%2001-24.01-24.1zM48%2057.66L30.14%2054.3l-17.88%203.38V45.2a25.87%2025.87%200%200035.75-.27z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__link--purchasehistory::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%20width='100%'%20height='100%'%3E%3Cpath%20fill='%23222'%20d='M29.55%2035.6l10.89-6.83-1.04-1.62-9.4%205.9V7h-1.94v26.05l-9.4-5.9-1.03%201.62%2010.88%206.83h1.04z'/%3E%3Cpath%20fill='%23222'%20d='M58.06%2025.21v25.87H1.94V25.21H0V53h60V25.21h-1.94z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__item--active .mypage-menu-list__link--purchasehistory::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2060'%20width='100%'%20height='100%'%3E%3Cpath%20fill='%23f54687'%20d='M29.55%2035.6l10.89-6.83-1.04-1.62-9.4%205.9V7h-1.94v26.05l-9.4-5.9-1.03%201.62%2010.88%206.83h1.04z'/%3E%3Cpath%20fill='%23f54687'%20d='M58.06%2025.21v25.87H1.94V25.21H0V53h60V25.21h-1.94z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__link--utagift::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23222'%20d='M31.69%2016.58l15.01-6.52L38.9.1l-9.38%2016.48h-.04L23.04.24l-9.84%208.39%2012.9%207.95H5.5V60.1h49V16.58zm20.91%201.91v10.5H31.05v-10.5zM39.16%203.5l4.52%205.78-10.4%204.52zm-16.92-.09l4.47%2011.3-10.3-6.33zM7.4%2018.49h21.55v10.5H7.4zm21.55%2039.7H7.4V31.12h21.55zm23.66%200H31.05V31.12H52.6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__item--active .mypage-menu-list__link--utagift::before {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%2060%2060'%3E%3Cpath%20fill='%23f54687'%20d='M31.69%2016.58l15.01-6.52L38.9.1l-9.38%2016.48h-.04L23.04.24l-9.84%208.39%2012.9%207.95H5.5V60.1h49V16.58zm20.91%201.91v10.5H31.05v-10.5zM39.16%203.5l4.52%205.78-10.4%204.52zm-16.92-.09l4.47%2011.3-10.3-6.33zM7.4%2018.49h21.55v10.5H7.4zm21.55%2039.7H7.4V31.12h21.55zm23.66%200H31.05V31.12H52.6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
  }
  .mypage-menu-list__link--other {
    padding: 11px 0;
  }
  .mypage-menu-list__link--other::before {
    content: inherit;
  }
  .mypage-menu-list__item--active .mypage-menu-list__link {
    color: #222;
  }
  /* アイテムなし
    ------------------------------ */
  .mypage-no-item__icon {
    width: 192px;
    height: 192px;
  }
  .mypage-no-item__icon::before {
    width: 192px;
    height: 192px;
  }
  .mypage-no-item__message {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  /* マイページ・ポータル
    ================================================ */
  /* 背景表示用
    ------------------------------ */
  .mypage__main {
    background: #fff;
  }
  .mypage__inner {
    max-width: 1000px;
    margin: 0 auto 32px;
    background: #fff;
    overflow: hidden;
  }
  .mypage-link__block {
    float: left;
    width: 49%;
    margin: 0 0 22px;
    padding: 0;
    border: none;
  }
  /* セクション
    ------------------------------ */
  .mypage-section__title {
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0;
  }
  .mypage-link__block--acount {
    margin: 0 2% 48px 0;
  }
  .mypage-link__block--main {
    width: 100%;
    margin: 0;
    padding: 0 0 32px;
    border: none;
  }
  /* リンク
    ------------------------------ */
  .mypage-link {
    padding: 12px 0;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
  }
  .mypage-link--main {
    max-width: 1000px;
    margin: 0 auto;
    border: none;
    border-radius: none;
    overflow: hidden;
  }
  .mypage-link__item {
    padding: 0 24px;
    border: none;
  }
  .mypage-link__item--primary {
    float: left;
    display: inline-block;
    width: 23.5%;
    margin: 0 2% 2% 0;
    padding: 0;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
  }
  .mypage-link__item--primary:nth-child(4n) {
    margin: 0 0 2%;
  }
  .mypage-link__item--primary:last-child {
    border: 1px solid #e5e5e5;
  }
  .mypage-link__item-link {
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 80px 24px 24px;
    text-align: center;
  }
  .mypage-link__item-link::before {
    top: 44px;
    left: 0;
    right: 0;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    transform: translateY(-50%) scale(1.25);
  }
  .mypage-link__item-link::after {
    background: none;
  }
  .mypage-link__item-link--wishlist::before {
    width: 22px;
    height: 22px;
  }
  .mypage-link__item-link--other {
    padding: 8px 0;
    text-align: left;
  }
  .mypage-link__item-link--logout {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding: 0;
  }
  /* 会員情報
    ------------------------------ */
  .mypage-link--prof {
    padding: 0 0 12px;
    border: none;
  }
  .mypage-link--prof .mypage-link__item {
    position: relative;
    width: 100%;
    padding: 0;
  }
  .mypage-link__item-link--prof {
    width: 100%;
    padding: 0;
  }
  .mypage-link__item-mail {
    font-size: 1.2rem;
  }
  /* モーダル
    ------------------------------ */
  .mypage-modal__heading {
    font-size: 1.5rem;
    line-height: 1.5;
    max-width: 1000px;
    padding: 0;
  }
  .mypage-modal__text {
    margin: 0 0 4px;
  }
  .mypage-modal-btn {
    margin: 16px auto 24px;
  }
  /* お知らせ
    ================================================ */
  /* リスト
    ------------------------------ */
  .notices-list {
    width: 750px;
  }
  .notices-list__link {
    padding: 12px 50px 12px 36px;
  }
  .notices-list__title {
    margin: 0 0 16px;
  }
  .notices-list__date {
    text-align: left;
  }
  /* 各お知らせ
    ------------------------------ */
  .notices-item {
    margin: -66px 0 0;
    padding: 102px 0 36px;
  }
  /* 気になるリスト・マイアーティスト
    ================================================ */
  /* 共通
    ------------------------------ */
  .c-edit-btn {
    margin: 0 0 24px;
  }
  .mypage-view-sort {
    padding: 0;
  }
  .edit-removal-btn {
    margin: 36px auto 0px;
  }
  /* 購入履歴
    ================================================ */
  .c-product-list--listview .purchase-history-list__item {
    overflow: hidden;
  }
  .c-product-list--listview .purchase-history-list__main {
    padding: 12px 0;
  }
  .c-product-list--listview .purchase-history-list__main .c-product-list__info {
    width: 100%;
    padding: 0 18px 0 12px;
  }
  .c-product-list--listview .purchase-history-list__detail {
    padding: 0 0 0 87px;
  }
  .purchase-history-list__item {
    min-height: 131px;
    /* 余白 + 画像の縦幅 + レシート表示ボタンの縦幅 */
  }
  .receipt-link {
    position: absolute;
    top: 95px;
    /* 余白 + 画像の縦幅 */
    margin-bottom: 0;
  }
  .receipt-link--utagift {
    left: 12px;
  }
  .purchase-history-list__info {
    display: table-cell;
    width: 45%;
  }
  .purchase-history-list__btn {
    display: table-cell;
    width: 42%;
  }
  .purchase-history-list__btn .c-btn-function {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0 0 0 auto;
    padding: 8px 12px 8px 37px;
    text-align: center;
  }
  .purchase-history-list__btn .c-btn-function::before {
    left: 32px;
  }
  .purchase-history-list__btn-inner {
    width: 48%;
  }
  .purchase-history-list__btn-inner:nth-child(2) {
    margin: 0 4% 0 0;
  }
  .purchase-history-track {
    float: left;
    width: 100%;
  }
  .purchase-history-track__item {
    padding: 24px 0;
  }
  .purchase-history-track__inner {
    padding: 0 0 0 87px;
  }
  .purchase-history-track__info {
    display: table-cell;
    vertical-align: middle;
    width: 33.4%;
    padding: 0 12px 0 0;
  }
  .purchase-history-track__disc {
    padding: 24px 0 12px;
    font-size: 1.6rem;
  }
  .purchase-history-track__heading {
    margin: 0;
    font-size: 1.6rem;
  }
  .purchase-history-track__title {
    font-size: 1.6rem;
    font-weight: 500;
  }
  .purchase-history-track__artist {
    padding: 8px 0 0;
  }
  .purchase-history-subtext,
  .purchase-history-contact {
    padding: 0 0 0 87px;
  }
  .purchase-history-specchange {
    display: block;
    margin: 12px 0 24px;
    padding: 0 22px;
  }
  .purchase-history-type-name {
    margin-left: 5.5rem;
    text-indent: -5.5rem;
  }
  /* マイアーティストページ
    ------------------------------ */
  .myartist-list {
    text-align: left;
  }
  .myartist-list__item {
    width: 152px;
    max-width: none;
    padding: 0;
    margin: 0 38px 40px 0;
  }
  .myartist-list__item:nth-child(4n) {
    margin-right: 0;
  }
  /* プレイヤー
    ================================================ */
  .player-text {
    padding: 0;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 64_ご利用端末一覧
    ================================================ */
  .device-list {
    letter-spacing: -0.5em;
  }
  .device-list__item {
    display: inline-block;
    width: 50%;
    margin: 0 0 48px;
    border-bottom: none;
    letter-spacing: 0;
  }
  .device-list__item:last-of-type {
    margin: 0 0 48px;
  }
  .device-list__item:nth-child(2n+1) {
    padding: 0 24px 0 0;
  }
  .device-list__item:nth-child(2n) {
    padding: 0 0 0 24px;
  }
  .device-info-heading {
    font-size: 1.7rem;
  }
  .device-info-table {
    font-size: 1.5rem;
  }
  .btn-device {
    padding: 14px 0;
    font-size: 1.6rem;
  }
  /* モーダル
    ------------------------------ */
  .modal-edit-device {
    padding: 50px 24px;
  }
  .modal-edit-device__heading {
    font-size: 1.5rem;
  }
  .modal-edit-device__removal-notice {
    font-size: 1.3rem;
  }
  /* テキスト入力欄
    ------------------------------ */
  .text-input__input {
    font-size: 1.5rem;
  }
}

/* 16_Special_page
================================================ */
/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 特集一覧
    ------------------------------ */
  .specialpage-bnr-list__wrap {
    padding: 0 0 48px;
  }
  .specialpage-bnr-list {
    padding: 24px 0;
    letter-spacing: -.4em;
  }
  .specialpage-bnr-list__item {
    display: inline-block;
    margin: 0 2.4% 24px 0;
    width: 31.7%;
    max-width: none;
    letter-spacing: normal;
  }
  .specialpage-bnr-list__item:nth-child(3n) {
    margin: 0 0 24px;
  }
  .specialpage-viewchange {
    margin: 30px 0;
  }
  .specialpage-no-result-message {
    padding: 48px 0 0;
    letter-spacing: initial;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 64_ご利用端末一覧
    ================================================ */
  .device-list {
    letter-spacing: -0.5em;
  }
  .device-list__item {
    display: inline-block;
    width: 50%;
    margin: 0 0 48px;
    border-bottom: none;
    letter-spacing: 0;
  }
  .device-list__item:last-of-type {
    margin: 0 0 48px;
  }
  .device-list__item:nth-child(2n+1) {
    padding: 0 24px 0 0;
  }
  .device-list__item:nth-child(2n) {
    padding: 0 0 0 24px;
  }
  .device-info-heading {
    font-size: 1.7rem;
  }
  .device-info-table {
    font-size: 1.5rem;
  }
  .btn-device {
    padding: 14px 0;
    font-size: 1.6rem;
  }
  /* モーダル
    ------------------------------ */
  .modal-edit-device {
    padding: 50px 24px;
  }
  .modal-edit-device__heading {
    font-size: 1.5rem;
  }
  .modal-edit-device__removal-notice {
    font-size: 1.3rem;
  }
  /* テキスト入力欄
    ------------------------------ */
  .text-input__input {
    font-size: 1.5rem;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 67_ログイン
    ================================================ */
  .login-block__text {
    max-width: 280px;
    font-size: 1.2rem;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 検索モーダル
    ================================================ */
  /* 下層ページ検索モーダル */
  .search-modal--second {
    top: 60px;
    bottom: auto;
    left: 50%;
    max-width: 360px;
    margin: 0 0 0 -352px;
    text-align: left;
    border: 1px solid #e5e5e5;
    background: #fff;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  }
  .search-suggest-nav {
    margin: 0;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 200_ヘルプ・お問い合わせ
    ================================================ */
  /* 01_メインナビゲーション
    ------------------------------ */
  .help-primary-nav {
    max-width: 100%;
    margin: 0 auto 36px;
    padding: 0;
  }
  .help-primary-nav:nth-child(2n+1) {
    padding: 0 12px 0 0;
  }
  .help-primary-nav:nth-child(2n) {
    padding: 0 0 0 12px;
  }
  .help-primary-nav__item-link {
    height: 140px;
    background-position: 60px 50%;
  }
  .help-primary-nav__item-link--faq::before,
  .help-primary-nav__item-link--beginner::before {
    top: 50%;
    left: 60px;
    transform: translateY(-50%);
  }
  .help-primary-nav__item-text {
    bottom: 50%;
    padding: 0 24px 0 90px;
    font-size: 2.0rem;
    transform: translateY(50%);
  }
  .help-primary-nav__item-link--beginner .help-primary-nav__item-text {
    bottom: 50%;
  }
  /* 03_規約、その他ナビゲーション
    ------------------------------ */
  .help-secondary-nav {
    padding: 0;
    font-size: 0;
  }
  .help-secondary-nav__item {
    display: inline-block;
    width: 32%;
  }
  .help-secondary-nav__item:nth-child(3n+1),
  .help-secondary-nav__item:nth-child(3n+2) {
    margin: 0 2% 0 0;
  }
  .help-secondary-nav__item-link {
    padding: 12px 0;
    font-size: 1.5rem;
  }
  .help-secondary-nav__item-link::before {
    content: none;
  }
  .help-secondary-nav__item-link::after {
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%'%20height='100%'%20viewBox='0%200%205.56%2010'%3E%3Cpath%20fill='%23ccc'%20d='M5.56%205L.63%2010%200%209.36%204.29%205%200%20.64.63%200l4.93%205z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    width: 6px;
    height: 12px;
    margin: 0 0 0 12px;
    vertical-align: -1px;
  }
  /* 04_お問い合わせエリア
    ------------------------------ */
  .help-inquiry-btn {
    margin: 36px auto 0;
  }
  /* 06_質問リスト
    ------------------------------ */
  .faq-list__question::after {
    right: 6px;
  }
  .faq-list__question-inner {
    padding: 0 36px 0 0;
  }
  .faq-list__answer {
    padding: 0;
  }
  /* アイコン */
  .faq-list__icon {
    width: 54px;
  }
  .faq-list__icon-inner {
    width: 30px;
    height: 30px;
    font-size: 1.5rem;
    line-height: 28px;
  }
  /* テキスト */
  .faq-list__text {
    padding: 22px 0 20px;
    font-size: 1.5rem;
  }
  /* 300_お問い合わせ
    ================================================ */
  .inquiry-form {
    margin: 48px 0;
  }
  /* ボタン */
  .inquiry-form-btn {
    max-width: 640px;
  }
  .inquiry-form-btn__item:first-child {
    padding: 0 7% 0 0;
  }
  .inquiry-form-btn__item:last-child {
    padding: 0 0 0 7%;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* ハイレゾの楽しみ方
    ================================================ */
  .hires-heading {
    padding: 0;
    font-size: 1.7rem;
  }
  .hires-sub-heading {
    padding: 0;
    font-size: 1.7rem;
  }
  .hires-scroll__target {
    margin: -102px auto 36px;
    padding: 102px 12px 0;
  }
  /* スペック */
  .hires-spec-detail-wrap {
    padding: 0;
  }
  .hires-spec-detail__item {
    font-size: 1.5rem;
  }
  .hires-spec-detail__heading {
    width: 180px;
    padding: 10px 12px;
  }
  .hires-spec-detail__content {
    padding: 10px 12px;
  }
  /* 無料音源 */
  .hires-trial {
    padding: 24px 0 24px;
    border-bottom: 1px solid #ddd;
  }
  .hires-trial:first-of-type {
    border-top: 1px solid #ddd;
  }
  .hires-trial:not(:last-of-type) {
    margin: 0;
  }
  .hires-trial-btn {
    max-width: 620px;
    margin: 12px auto 0;
  }
  /*購入／ダウンロード*/
  .howto-play-wrap {
    margin: 0 0 24px;
    padding: 30px 80px;
  }
  .howto-play-wrap:not(:last-of-type) {
    margin: 0 0 24px;
  }
  .howto-play-step__item {
    font-size: 1.5rem;
  }
  /* ハイレゾ楽曲を探す */
  .hires-trial-btn__item .c-btn-function,
  .hires-search-btn__item .c-btn-function {
    font-size: 1.7rem;
  }
  .hires-search-btn {
    padding: 0;
  }
  .hires-search-btn__item:not(:last-child) {
    margin: 0 0 24px;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 特集ページ共通
    ================================================ */
  /* ページ内ナビゲーション
    ------------------------------ */
  .special-page-nav-wrap {
    max-width: 750px;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
  }
  .special-page-nav__item {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  /* 本文
    ------------------------------ */
  .special-lead {
    margin: 0 0 24px;
    padding: 0;
    font-size: 1.7rem;
  }
  .special-lead__notes {
    font-size: 1.3rem;
    text-align: center;
  }
  .special-text {
    margin: 0 0 24px;
    padding: 0;
  }
  .special-image {
    padding: 0;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* クレジットカード一覧
    ================================================ */
  .credit-registered {
    padding: 0;
  }
  .credit-registered__number {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .credit-registered__expiration {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .credit__btn--add .c-btn-function {
    font-size: 1.6rem;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    max-width: 320px;
    padding: 21px 0 19px 24px;
  }
  .credit__btn--add .c-btn-function::before {
    width: 26px;
    height: 26px;
    left: 26px;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* 特典共通
    ================================================ */
  /* 注意文言
    ------------------------------ */
  .present-notes {
    margin: 24px 0 0;
  }
  .present-notes-list__item {
    line-height: 1.9;
  }
  /* 特典情報
    ------------------------------ */
  .present-info {
    padding: 0;
  }
  /* フリー入力エリア
    ------------------------------ */
  .present-main {
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.9;
  }
  /* ボタン
    ------------------------------ */
  /* ダウンロードボタン 注意文言 */
  .present-download-notes {
    font-size: 1.3rem;
  }
  /* 特典の実行方法
    ------------------------------ */
  .present-howto-heading {
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.9;
  }
  /* 対象商品
    ------------------------------ */
  .present-target-type {
    margin: 0;
    padding: 18px;
  }
  /* 特典 - あたり
    ================================================ */
  .present-win {
    margin: 0;
  }
  .present-win__heading {
    font-size: 2.8rem;
  }
  /* 特典 - はずれ
    ================================================ */
  .present-lose {
    margin: 0;
  }
  .present-lose__heading {
    font-size: 1.9rem;
  }
  /* 特典 - 応募
    ================================================ */
  .present-input-btn {
    margin: 36px auto 0;
    padding: 0 12px;
  }
  /* 特典 - 応募完了
    ================================================ */
  .present-back-btn {
    margin-top: 36px;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* うたギフト受け取り
    ================================================ */
  .utagift-receive {
    margin: 0 0 36px;
  }
  .utagift-receive__heading {
    font-size: 2rem;
  }
  .utagift-receive-notes {
    margin: 12px 0 0;
  }
  .utagift-receive-text {
    padding: 0;
  }
  .utagift-receive-modal {
    padding: 0;
  }
  .utagift-receive-link {
    max-width: 1000px;
  }
  /* うたギフト購入完了
    ================================================ */
  .utagift-prepurchase-main {
    margin: 0 auto;
  }
  .utagift-prepurchase-main__message {
    font-size: 1.8rem;
  }
  /* Webview用 告知文 */
  .utagift-purchasecomp-main__announce {
    max-width: 1000px;
    margin: 48px auto 0;
  }
  /* うたギフトの送り方 */
  .utagift-send-list {
    margin: 0 auto;
    padding: 0;
  }
  .utagift-send-list__item-inner {
    padding: 28px 48px 28px 24px;
  }
  .utagift-send-list__item:nth-child(2n) .utagift-send-list__item-inner {
    padding: 28px 24px;
  }
  .utagift-send-list__heading {
    padding: 0 0 0 70px;
    background-size: 45px auto;
  }
  .utagift-send-list__heading::after {
    width: 45px;
  }
  .utagift-send-list__heading--mail::after {
    height: 29px;
  }
  .utagift-send-list__heading--line::after {
    height: 42px;
  }
  .utagift-send-list__heading--other {
    line-height: 1.4;
    height: 40px;
  }
  .utagift-send-list__heading--other::after {
    height: 38px;
  }
  .utagift-send-list__heading-inner {
    max-width: 1000px;
    font-size: 2rem;
    line-height: 2.0;
  }
  .utagift-send-list__notes {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .utagift-send-list__body {
    margin: 0;
    padding: 0 0 0 70px;
  }
  .utagift-send-list__text {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .utagift-message {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 24px auto;
    padding: 18px;
  }
  .utagift-notes-section.purchasecomp-section {
    margin: 48px 0 0;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* プリペイドカード
    ================================================ */
  .prepaid-image {
    padding: 0;
  }
  /* プリペイドカード残高
    ------------------------------ */
  .prepaid-limit {
    margin: 0 auto 36px;
    padding: 0;
  }
  .prepaid-limit__expire {
    font-size: 1.3rem;
  }
  /* プリペイドカード残高追加
    ------------------------------ */
  .prepaid-add-about {
    margin: 0 0 36px;
    padding: 0;
  }
  .prepaid-add-about__image {
    max-width: 750px;
  }
  .prepaid-add-btn {
    margin: 36px auto 48px;
    padding: 0;
  }
  /* 利用規約 */
  .prepaid-terms {
    height: 180px;
    margin: 36px 0 0;
    padding: 18px;
  }
  .prepaid-terms__content {
    font-size: 1.2rem;
  }
}

/* ==========================================================
 幅：1000px以上
========================================================== */
@media screen and (min-width: 1000px) {
  /* ニュース詳細ページ
    ================================================ */
  /* 01_ニュース詳細
    ------------------------------ */
  .artist-news__section {
    padding: 0 0 48px;
  }
  .artist-news__body {
    max-width: inherit;
  }
  /* メイン画像 */
  .artist-news__main {
    position: relative;
    width: 100%;
    margin: 0 0 24px;
    padding: 360px 0 0;
  }
  /* ニュース情報 */
  .artist-news__info {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
  }
  .artist-news__info-title {
    font-size: 2.4rem;
    margin: 0 0 24px;
    font-weight: 500;
  }
  .artist-news__info-description {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0 0 24px;
    line-height: 2.0;
  }
  .artist-news__info-provision-text {
    font-size: 1.3rem;
  }
  .artist-news__info-provision-icon {
    height: 18px;
  }
  .artist-news__notes {
    max-width: 1000px;
    margin: 0 auto 24px;
    padding: 0;
    overflow: hidden;
  }
  .artist-news__notes-stamp {
    font-size: 1.3rem;
  }
}

/* ==========================================================
 プラグイン用Style定義
========================================================== */
/* Slick Slider
================================================ */
.slick-slider {
  display: block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

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

.slick-track {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
}

.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;
  height: 100%;
  min-height: 1px;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-arrow.slick-hidden {
  display: none;
}

.mejs__offscreen {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.mejs__container {
  background: #000;
  font-family: Helvetica,Arial,serif;
  position: relative;
  text-align: left;
  text-indent: 0;
  vertical-align: top;
}

.mejs__container, .mejs__container * {
  box-sizing: border-box;
}

.mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.mejs__fill-container, .mejs__fill-container .mejs__container {
  height: 100%;
  width: 100%;
}

.mejs__fill-container {
  background: transparent;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.mejs__container:focus {
  outline: none;
}

.mejs__iframe-overlay {
  height: 100%;
  position: absolute;
  width: 100%;
}

.mejs__embed, .mejs__embed body {
  background: #000;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.mejs__fullscreen {
  overflow: hidden !important;
}

.mejs__container-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

.mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video {
  height: 100% !important;
  width: 100% !important;
}

.mejs__background, .mejs__mediaelement {
  left: 0;
  position: absolute;
  top: 0;
}

.mejs__mediaelement {
  height: 100%;
  width: 100%;
  z-index: 0;
}

.mejs__poster {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

:root .mejs__poster-img {
  display: none;
}

.mejs__poster-img {
  border: 0;
  padding: 0;
}

.mejs__overlay {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}

.mejs__layer {
  z-index: 1;
}

.mejs__overlay-play {
  cursor: pointer;
}

.mejs__overlay-button {
  background: url(mejs-controls.svg) no-repeat;
  background-position: 0 -39px;
  height: 80px;
  width: 80px;
}

.mejs__overlay:hover > .mejs__overlay-button {
  background-position: -80px -39px;
}

.mejs__overlay-loading {
  height: 80px;
  width: 80px;
}

.mejs__overlay-loading-bg-img {
  -webkit-animation: a 1s linear infinite;
  animation: a 1s linear infinite;
  background: transparent url(mejs-controls.svg) -160px -40px no-repeat;
  display: block;
  height: 80px;
  width: 80px;
  z-index: 1;
}

@-webkit-keyframes a {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes a {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.mejs__controls {
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.mejs__controls:not([style*="display: none"]) {
  background: rgba(255, 0, 0, 0.7);
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.35));
}

.mejs__button, .mejs__time, .mejs__time-rail {
  font-size: 10px;
  height: 40px;
  line-height: 10px;
  margin: 0;
  width: 32px;
}

.mejs__button > button {
  background: transparent url(mejs-controls.svg);
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin: 10px 6px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 20px;
}

.mejs__button > button:focus {
  outline: 1px dotted #999;
}

.mejs__container-keyboard-inactive [role=slider], .mejs__container-keyboard-inactive [role=slider]:focus, .mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus {
  outline: 0;
}

.mejs__time {
  box-sizing: content-box;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  height: 24px;
  overflow: hidden;
  padding: 16px 6px 0;
  text-align: center;
  width: auto;
}

.mejs__play > button {
  background-position: 0 0;
}

.mejs__pause > button {
  background-position: -20px 0;
}

.mejs__replay > button {
  background-position: -160px 0;
}

.mejs__time-rail {
  direction: ltr;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 40px;
  margin: 0 10px;
  padding-top: 10px;
  position: relative;
}

.mejs__time-buffering, .mejs__time-current, .mejs__time-float, .mejs__time-float-corner, .mejs__time-float-current, .mejs__time-hovered, .mejs__time-loaded, .mejs__time-marker, .mejs__time-total {
  border-radius: 2px;
  cursor: pointer;
  display: block;
  height: 10px;
  position: absolute;
}

.mejs__time-total {
  background: rgba(255, 255, 255, 0.3);
  margin: 5px 0 0;
  width: 100%;
}

.mejs__time-buffering {
  -webkit-animation: b 2s linear infinite;
  animation: b 2s linear infinite;
  background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 75%, transparent 0, transparent);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.4) 75%, transparent 0, transparent);
  background-size: 15px 15px;
  width: 100%;
}

@-webkit-keyframes b {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}

@keyframes b {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}

.mejs__time-loaded {
  background: rgba(255, 255, 255, 0.3);
}

.mejs__time-current, .mejs__time-handle-content {
  background: rgba(255, 255, 255, 0.9);
}

.mejs__time-hovered {
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
}

.mejs__time-hovered.negative {
  background: rgba(0, 0, 0, 0.2);
}

.mejs__time-buffering, .mejs__time-current, .mejs__time-hovered, .mejs__time-loaded {
  left: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: all .15s ease-in;
  transition: all .15s ease-in;
  width: 100%;
}

.mejs__time-buffering {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.mejs__time-hovered {
  -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
  transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}

.mejs__time-hovered.no-hover {
  -webkit-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}

.mejs__time-handle, .mejs__time-handle-content {
  border: 4px solid transparent;
  cursor: pointer;
  left: 0;
  position: absolute;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 11;
}

.mejs__time-handle-content {
  border: 4px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  height: 10px;
  left: -7px;
  top: -4px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  width: 10px;
}

.mejs__time-rail .mejs__time-handle-content:active, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail:hover .mejs__time-handle-content {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mejs__time-float {
  background: #ddd;
  border: 1px solid #222;
  bottom: 100%;
  color: #111;
  display: none;
  height: 17px;
  margin-bottom: 9px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 36px;
}

.mejs__time-float-current {
  display: block;
  left: 0;
  margin: 2px;
  text-align: center;
  width: 30px;
}

.mejs__time-float-corner {
  border: 5px solid #ddd;
  border-color: #ddd transparent transparent;
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}

.mejs__long-video .mejs__time-float {
  margin-left: -23px;
  width: 64px;
}

.mejs__long-video .mejs__time-float-current {
  width: 60px;
}

.mejs__broadcast {
  color: #fff;
  height: 10px;
  position: absolute;
  top: 15px;
  width: 100%;
}

.mejs__fullscreen-button > button {
  background-position: -80px 0;
}

.mejs__unfullscreen > button {
  background-position: -100px 0;
}

.mejs__mute > button {
  background-position: -60px 0;
}

.mejs__unmute > button {
  background-position: -40px 0;
}

.mejs__volume-button {
  position: relative;
}

.mejs__volume-button > .mejs__volume-slider {
  -webkit-backface-visibility: hidden;
  background: rgba(50, 50, 50, 0.7);
  border-radius: 0;
  bottom: 100%;
  display: none;
  height: 115px;
  left: 50%;
  margin: 0;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 25px;
  z-index: 1;
}

.mejs__volume-button:hover {
  border-radius: 0 0 4px 4px;
}

.mejs__volume-total {
  background: rgba(255, 255, 255, 0.5);
  height: 100px;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 8px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2px;
}

.mejs__volume-current {
  left: 0;
  margin: 0;
  width: 100%;
}

.mejs__volume-current, .mejs__volume-handle {
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
}

.mejs__volume-handle {
  border-radius: 1px;
  cursor: ns-resize;
  height: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 16px;
}

.mejs__horizontal-volume-slider {
  display: block;
  height: 36px;
  position: relative;
  vertical-align: middle;
  width: 56px;
}

.mejs__horizontal-volume-total {
  background: rgba(50, 50, 50, 0.8);
  height: 8px;
  top: 16px;
  width: 50px;
}

.mejs__horizontal-volume-current, .mejs__horizontal-volume-total {
  border-radius: 2px;
  font-size: 1px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
}

.mejs__horizontal-volume-current {
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  top: 0;
  width: 100%;
}

.mejs__horizontal-volume-handle {
  display: none;
}

.mejs__captions-button, .mejs__chapters-button {
  position: relative;
}

.mejs__captions-button > button {
  background-position: -140px 0;
}

.mejs__chapters-button > button {
  background-position: -180px 0;
}

.mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector {
  background: rgba(50, 50, 50, 0.7);
  border: 1px solid transparent;
  border-radius: 0;
  bottom: 100%;
  margin-right: -43px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 50%;
  visibility: visible;
  width: 86px;
}

.mejs__chapters-button > .mejs__chapters-selector {
  margin-right: -55px;
  width: 110px;
}

.mejs__captions-selector-list, .mejs__chapters-selector-list {
  list-style-type: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item {
  color: #fff;
  cursor: pointer;
  display: block;
  list-style-type: none !important;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 0;
}

.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover {
  background-color: #c8c8c8 !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.mejs__captions-selector-input, .mejs__chapters-selector-input {
  clear: both;
  float: left;
  left: -1000px;
  margin: 3px 3px 0 5px;
  position: absolute;
}

.mejs__captions-selector-label, .mejs__chapters-selector-label {
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 10px 0;
  width: 100%;
}

.mejs__captions-selected, .mejs__chapters-selected {
  color: #21f8f8;
}

.mejs__captions-translations {
  font-size: 10px;
  margin: 0 0 5px;
}

.mejs__captions-layer {
  bottom: 0;
  color: #fff;
  font-size: 16px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
}

.mejs__captions-layer a {
  color: #fff;
  text-decoration: underline;
}

.mejs__captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: 400;
}

.mejs__captions-position {
  bottom: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}

.mejs__captions-position-hover {
  bottom: 35px;
}

.mejs__captions-text, .mejs__captions-text * {
  background: rgba(20, 20, 20, 0.5);
  box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
  padding: 0;
  white-space: pre-wrap;
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
  display: none;
}

.mejs__overlay-error {
  position: relative;
}

.mejs__overlay-error > img {
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}

.mejs__cannotplay, .mejs__cannotplay a {
  color: #fff;
  font-size: .8em;
}

.mejs__cannotplay {
  position: relative;
}

.mejs__cannotplay a, .mejs__cannotplay p {
  display: inline-block;
  padding: 0 15px;
  width: 100%;
}

.disp-none {
  display: none;
}

.visibility-none {
  visibility: hidden;
  height: 0;
}

/* 01_mediaelementplayer上書き用
------------------------------ */
.mejs__overlay-button {
  background-image: url(https://resource.lap.recochoku.jp/rc-p1/front/common/mejs-controls.png);
}

.mejs__overlay-loading-bg-img {
  background-image: url(https://resource.lap.recochoku.jp/rc-p1/front/common/mejs-controls.png);
}

.mejs__button > button {
  background-image: url(https://resource.lap.recochoku.jp/rc-p1/front/common/mejs-controls.png);
}

.mejs__fill-container {
  position: absolute;
  width: 100%;
  height: 100%;
}