@charset "UTF-8";
/* Responsive
============================================================= */
/* Exclude
============================================================= */
/* map-get
============================================================= */
/* color */
/* font */
/* mediaquery
============================================================= */
/* hover
============================================================= */
/* other
============================================================= */
/* textCrop
============================================================= */
/* layout
============================================================= */
/* =============================================================
extend
============================================================= */
.button {
  display: inline-block;
  line-height: 1.2;
  outline: none;
  text-align: center;
  text-decoration: none; }

/* =============================================================
icon
============================================================= */
/* base
============================================================= */
/* Canvas Size
============================================================= */
/* PC Responsive Width
============================================================= */
/* Color
============================================================= */
/* Font
============================================================= */
/* reset
============================================================= */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

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

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* base
============================================================= */
html,
body {
  min-height: 100%; }

html {
  color: #181818;
  overflow-y: scroll; }
  @media screen and (max-width: 767px) {
    html {
      font-size: 24.154589372vw; } }
  @media screen and (min-width: 768px), print {
    html {
      font-size: 351.3909224012%; } }
  @media screen and (min-width: 768px) {
    html {
      font-size: 7.3206442167vw; } }
  @media screen and (min-width: 1366px), print {
    html {
      font-size: 625%; } }
body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 160%;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%; }
  body * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  @media screen and (min-width: 768px), print {
    body {
      font-size: 0.16rem;
      line-height: 1.8; } }
  @media screen and (max-width: 767px) {
    body {
      font-size: 0.14rem;
      line-height: 1.8; } }
  @media screen and (max-width: 767px) {
    body.-menuOpen {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; } }
#main {
  display: block; }

[v-cloak] {
  display: none; }

/*
  --widthPc / --widthSp
  style="--widthPc: 00; --widthSp: 00;"
*/
@media screen and (min-width: 768px), print {
  *[style*="--widthPc"] {
    width: calc(var(--widthPc)/100*1rem); } }

@media screen and (max-width: 767px) {
  *[style*="--widthSp"] {
    width: calc(var(--widthSp)/100*1rem); } }

/* link
============================================================= */
a {
  color: #181818;
  text-decoration: underline;
  /* blank */
  /* pdf */ }
  a:hover {
    text-decoration: none; }

/* image
============================================================= */
img {
  height: auto;
  line-height: 1;
  max-width: 100%;
  vertical-align: top; }

table th img,
table td img {
  vertical-align: middle; }

/* form
============================================================= */
input,
textarea,
label {
  vertical-align: middle; }

/* display
============================================================= */
@media screen and (min-width: 768px), print {
  .-pcItem {
    display: block; } }

@media screen and (max-width: 767px) {
  .-pcItem {
    display: none !important; } }

@media screen and (min-width: 768px), print {
  .-spItem {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .-spItem {
    display: block; } }

/* margin
============================================================= */
@media screen and (min-width: 768px), print {
  .-mt0 {
    margin-top: 0rem; } }

@media screen and (max-width: 767px) {
  .-mt0 {
    margin-top: 0rem; } }

@media screen and (min-width: 768px), print {
  .-mt5 {
    margin-top: 0.05rem; } }

@media screen and (max-width: 767px) {
  .-mt5 {
    margin-top: 0.05rem; } }

@media screen and (min-width: 768px), print {
  .-mt10 {
    margin-top: 0.1rem; } }

@media screen and (max-width: 767px) {
  .-mt10 {
    margin-top: 0.1rem; } }

@media screen and (min-width: 768px), print {
  .-mt15 {
    margin-top: 0.15rem; } }

@media screen and (max-width: 767px) {
  .-mt15 {
    margin-top: 0.15rem; } }

@media screen and (min-width: 768px), print {
  .-mt20 {
    margin-top: 0.2rem; } }

@media screen and (max-width: 767px) {
  .-mt20 {
    margin-top: 0.2rem; } }

@media screen and (min-width: 768px), print {
  .-mt25 {
    margin-top: 0.25rem; } }

@media screen and (max-width: 767px) {
  .-mt25 {
    margin-top: 0.25rem; } }

@media screen and (min-width: 768px), print {
  .-mt30 {
    margin-top: 0.3rem; } }

@media screen and (max-width: 767px) {
  .-mt30 {
    margin-top: 0.3rem; } }

@media screen and (min-width: 768px), print {
  .-mt35 {
    margin-top: 0.35rem; } }

@media screen and (max-width: 767px) {
  .-mt35 {
    margin-top: 0.35rem; } }

@media screen and (min-width: 768px), print {
  .-mt40 {
    margin-top: 0.4rem; } }

@media screen and (max-width: 767px) {
  .-mt40 {
    margin-top: 0.4rem; } }

@media screen and (min-width: 768px), print {
  .-mt45 {
    margin-top: 0.45rem; } }

@media screen and (max-width: 767px) {
  .-mt45 {
    margin-top: 0.45rem; } }

@media screen and (min-width: 768px), print {
  .-mt50 {
    margin-top: 0.5rem; } }

@media screen and (max-width: 767px) {
  .-mt50 {
    margin-top: 0.5rem; } }

@media screen and (min-width: 768px), print {
  .-mt55 {
    margin-top: 0.55rem; } }

@media screen and (max-width: 767px) {
  .-mt55 {
    margin-top: 0.55rem; } }

@media screen and (min-width: 768px), print {
  .-mt60 {
    margin-top: 0.6rem; } }

@media screen and (max-width: 767px) {
  .-mt60 {
    margin-top: 0.6rem; } }

@media screen and (min-width: 768px), print {
  .-mb0 {
    margin-bottom: 0rem; } }

@media screen and (max-width: 767px) {
  .-mb0 {
    margin-bottom: 0rem; } }

@media screen and (min-width: 768px), print {
  .-mb5 {
    margin-bottom: 0.05rem; } }

@media screen and (max-width: 767px) {
  .-mb5 {
    margin-bottom: 0.05rem; } }

@media screen and (min-width: 768px), print {
  .-mb10 {
    margin-bottom: 0.1rem; } }

@media screen and (max-width: 767px) {
  .-mb10 {
    margin-bottom: 0.1rem; } }

@media screen and (min-width: 768px), print {
  .-mb15 {
    margin-bottom: 0.15rem; } }

@media screen and (max-width: 767px) {
  .-mb15 {
    margin-bottom: 0.15rem; } }

@media screen and (min-width: 768px), print {
  .-mb20 {
    margin-bottom: 0.2rem; } }

@media screen and (max-width: 767px) {
  .-mb20 {
    margin-bottom: 0.2rem; } }

@media screen and (min-width: 768px), print {
  .-mb25 {
    margin-bottom: 0.25rem; } }

@media screen and (max-width: 767px) {
  .-mb25 {
    margin-bottom: 0.25rem; } }

@media screen and (min-width: 768px), print {
  .-mb30 {
    margin-bottom: 0.3rem; } }

@media screen and (max-width: 767px) {
  .-mb30 {
    margin-bottom: 0.3rem; } }

@media screen and (min-width: 768px), print {
  .-mr0 {
    margin-right: 0rem; } }

@media screen and (max-width: 767px) {
  .-mr0 {
    margin-right: 0rem; } }

@media screen and (min-width: 768px), print {
  .-mr5 {
    margin-right: 0.05rem; } }

@media screen and (max-width: 767px) {
  .-mr5 {
    margin-right: 0.05rem; } }

@media screen and (min-width: 768px), print {
  .-mr10 {
    margin-right: 0.1rem; } }

@media screen and (max-width: 767px) {
  .-mr10 {
    margin-right: 0.1rem; } }

@media screen and (min-width: 768px), print {
  .-mr15 {
    margin-right: 0.15rem; } }

@media screen and (max-width: 767px) {
  .-mr15 {
    margin-right: 0.15rem; } }

@media screen and (min-width: 768px), print {
  .-mr20 {
    margin-right: 0.2rem; } }

@media screen and (max-width: 767px) {
  .-mr20 {
    margin-right: 0.2rem; } }

@media screen and (min-width: 768px), print {
  .-ml0 {
    margin-left: 0rem; } }

@media screen and (max-width: 767px) {
  .-ml0 {
    margin-left: 0rem; } }

@media screen and (min-width: 768px), print {
  .-ml5 {
    margin-left: 0.05rem; } }

@media screen and (max-width: 767px) {
  .-ml5 {
    margin-left: 0.05rem; } }

@media screen and (min-width: 768px), print {
  .-ml10 {
    margin-left: 0.1rem; } }

@media screen and (max-width: 767px) {
  .-ml10 {
    margin-left: 0.1rem; } }

@media screen and (min-width: 768px), print {
  .-ml15 {
    margin-left: 0.15rem; } }

@media screen and (max-width: 767px) {
  .-ml15 {
    margin-left: 0.15rem; } }

@media screen and (min-width: 768px), print {
  .-ml20 {
    margin-left: 0.2rem; } }

@media screen and (max-width: 767px) {
  .-ml20 {
    margin-left: 0.2rem; } }

/* padding
============================================================= */
@media screen and (min-width: 768px), print {
  .-pcPdg {
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }

@media screen and (max-width: 767px) {
  .-spPdg {
    padding-left: 0.2rem;
    padding-right: 0.2rem; } }

/* text
============================================================= */
.-textRight {
  text-align: right; }

.-textCenter {
  text-align: center; }

.-textLeft {
  text-align: left; }

/* indent
============================================================= */
@media screen and (min-width: 768px), print {
  .-indent {
    padding: 0 0.3rem; } }

@media screen and (max-width: 767px) {
  .-indent {
    padding: 0 0.2rem; } }

/* ==========================================================================
  広告
========================================================================== */
.adsbygoogle {
  background-color: transparent; }
  @media screen and (min-width: 768px), print {
    #footer .adsbygoogle {
      margin-bottom: 0.8rem; } }
  @media screen and (max-width: 767px) {
    #footer .adsbygoogle {
      margin-bottom: 0.3rem; } }
  @media screen and (min-width: 768px), print {
    .genre__side .adsbygoogle {
      margin-bottom: 0.4rem; } }
  @media screen and (min-width: 768px), print {
    .genre__sideSearch .adsbygoogle {
      margin-top: -0.1rem; } }
  @media screen and (min-width: 768px), print {
    .genre__sideTwitter + .adsbygoogle, .genre__sideTwitter + * + .adsbygoogle {
      margin-top: 0.25rem; } }
/* footer
============================================================= */
@media screen and (min-width: 768px), print {
  #footer {
    margin-top: 1.27rem;
    padding-bottom: 1.45rem; } }

@media screen and (max-width: 767px) {
  #footer {
    margin-top: 0;
    padding-top: 0.6rem;
    padding-bottom: 0.72rem; } }

@media screen and (max-width: 767px) {
  #topPage #footer {
    margin-top: 0.8rem;
    padding-bottom: 0.72rem;
    padding-top: 0; } }

@media screen and (min-width: 768px), print {
  .footer__inner {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

@media screen and (max-width: 767px) {
  .footer__inner {
    padding-left: 0.2rem;
    padding-right: 0.2rem; } }

@media screen and (max-width: 767px) {
  .footer__sns {
    padding: 0.25rem 0.2rem 0; } }

@media screen and (max-width: 767px) {
  #topPage .footer__sns {
    border-top: 1px solid #ccc; } }

.footer__snsTitle {
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 1;
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .footer__snsTitle + * {
      margin-top: 0.14rem; } }
  @media screen and (max-width: 767px) {
    .footer__snsTitle + * {
      margin-top: 0.1rem; } }
.footer__snsLead {
  color: #aaa;
  font-size: 0.14rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.2; }
  @media screen and (max-width: 767px) {
    .footer__snsLead {
      line-height: 1.5714285714; } }
.footer__snsLink {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 768px), print {
    .footer__snsLink {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .footer__snsLink {
      flex-wrap: wrap;
      margin-top: 0.27rem; } }
.footer__snsLinkItem {
  width: 0.4rem; }
  @media screen and (max-width: 767px) {
    .footer__snsLinkItem {
      width: 0.5rem; } }
  @media screen and (min-width: 768px), print {
    .footer__snsLinkItem.-button {
      width: auto; } }
  @media screen and (max-width: 767px) {
    .footer__snsLinkItem.-button {
      margin-top: 0.4rem;
      width: 100%; } }
  .footer__snsLinkItem:nth-child(1) {
    margin-right: 0.31rem; }
    @media screen and (max-width: 767px) {
      .footer__snsLinkItem:nth-child(1) {
        margin-right: 0.6rem; } }
  .footer__snsLinkItem:nth-child(2) {
    margin-right: 0.3rem; }
    @media screen and (max-width: 767px) {
      .footer__snsLinkItem:nth-child(2) {
        margin-right: 0.6rem; } }
  .footer__snsLinkItem:nth-child(3) {
    margin-right: 0.31rem; }
    @media screen and (max-width: 767px) {
      .footer__snsLinkItem:nth-child(3) {
        margin-right: 0; } }
  .footer__snsLinkItem:nth-child(4) {
    margin-right: 0.31rem; }
    @media screen and (max-width: 767px) {
      .footer__snsLinkItem:nth-child(4) {
        margin-top: 0.4rem;
        margin-right: 0.6rem; } }
  .footer__snsLinkItem:nth-child(5) {
    margin-right: 0.31rem; }
    @media screen and (max-width: 767px) {
      .footer__snsLinkItem:nth-child(5) {
        margin-top: 0.4rem;
        margin-right: 0.6rem; } }
  .footer__snsLinkItem:nth-child(6) {
    margin-right: 0; }
    @media screen and (max-width: 767px) {
      .footer__snsLinkItem:nth-child(6) {
        margin-top: 0.4rem;
        margin-right: 0; } }
  .footer__snsLinkItem:last-child {
    margin-right: 0; }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .footer__snsLinkItem a {
      transition-duration: 0.25s;
      text-decoration: none !important; }
      .footer__snsLinkItem a:hover {
        opacity: .75; } }
  .footer__snsLinkItem img {
    width: 100%; }

.footer__bnrList {
  border-top: 1px solid #E7E7E7;
  display: flex; }
  @media screen and (min-width: 768px), print {
    .footer__bnrList {
      align-items: center;
      justify-content: center;
      margin-top: 0.4rem;
      padding-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .footer__bnrList {
      flex-wrap: wrap;
      margin-top: 0.3rem;
      padding-top: 0.28rem;
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .footer__bnrList:after {
        content: "";
        display: block;
        width: calc((100% - 0.37rem) / 3); }
      .footer__bnrList > .layout__item {
        width: calc((100% - 0.37rem) / 3); }
        .footer__bnrList > .layout__item:nth-child(n + 4) {
          margin-top: 0.15rem; }
        .footer__bnrList > .layout__item:nth-child(n + 2) {
          margin-left: 0.185rem; }
        .footer__bnrList > .layout__item:nth-child(3n - 2) {
          margin-left: 0px; }
        .footer__bnrList > .layout__item:nth-child(3n) {
          margin-right: -1%; } }
@media screen and (min-width: 768px), print {
  .footer__bnrListItem {
    width: 1.125rem; }
    .footer__bnrListItem.-mbs {
      width: 1.05rem; } }

@media screen and (min-width: 768px), print {
  .footer__bnrListItem:not(:last-child) {
    margin-right: 0.185rem; } }

@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .footer__bnrListItem a {
    transition-duration: 0.25s;
    text-decoration: none !important; }
    .footer__bnrListItem a:hover {
      opacity: .75; } }

.footer__bnrListItem img {
  width: 100%; }

.footer__utility {
  display: flex;
  align-items: center;
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    .footer__utility {
      margin-top: 0.48rem;
      justify-content: center; } }
  @media screen and (max-width: 767px) {
    .footer__utility {
      flex-wrap: wrap;
      margin-top: 0.48rem; } }
@media screen and (min-width: 768px), print {
  .footer__utilityItem {
    font-size: 0.14rem;
    margin-right: 0.11rem;
    padding-right: 0.11rem; } }

@media screen and (max-width: 767px) {
  .footer__utilityItem {
    font-size: 0.12rem;
    margin-right: 0.17rem;
    margin-bottom: 0.07rem;
    padding-right: 0.17rem; } }

@media screen and (max-width: 767px) {
  .footer__utilityItem:first-child, .footer__utilityItem:nth-child(4) {
    min-width: 0.91rem; } }

.footer__utilityItem:not(:last-child) {
  border-right: 1px solid #aaa; }

.footer__utilityItem:last-child {
  margin-right: 0;
  padding-right: 0; }

.footer__utilityItem a {
  color: #aaa;
  text-decoration: none; }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .footer__utilityItem a {
      transition-duration: 0.25s;
      text-decoration: none !important; }
      .footer__utilityItem a:hover {
        opacity: .75; } }
.footer__copyright {
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    .footer__copyright {
      color: rgba(170, 170, 170, 0.67);
      font-size: 0.14rem;
      margin-top: 0.28rem;
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .footer__copyright {
      color: #aaa;
      font-size: 0.12rem;
      margin-top: 0.21rem; } }
/* form
============================================================= */
/* reset */
form input,
form textarea,
form label {
  vertical-align: middle; }
  form input:focus,
  form textarea:focus,
  form label:focus {
    border-color: #dc000c !important; }

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  color: #aaa; }

form input::-moz-placeholder,
form textarea::-moz-placeholder {
  color: #aaa; }

form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
  color: #aaa; }

form input {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none; }
  form input::-ms-clear {
    visibility: hidden; }
  form input::-ms-reveal {
    visibility: hidden; }

form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none; }
  form select::-ms-expand {
    background-color: transparent;
    border: 0;
    display: none; }
  form select:focus {
    border-color: #dc000c; }

form textarea {
  resize: vertical;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  outline: none;
  width: 100%; }

form button,
form input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent; }

form button:focus {
  box-shadow: 0 0 0.1rem #dc000c; }

/* input */
form input[type="text"], form input[type="tel"], form input[type="email"] {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.05rem; }
  @media screen and (min-width: 768px), print {
    form input[type="text"], form input[type="tel"], form input[type="email"] {
      padding: 0.15rem;
      font-size: 0.16rem; } }
  @media screen and (max-width: 767px) {
    form input[type="text"], form input[type="tel"], form input[type="email"] {
      font-size: 16px;
      padding: 0.12rem;
      width: 100%; } }
  @media screen and (min-width: 768px), print {
    form input[type="text"].-small, form input[type="tel"].-small, form input[type="email"].-small {
      width: 0.8rem; } }
  @media screen and (max-width: 767px) {
    form input[type="text"].-small, form input[type="tel"].-small, form input[type="email"].-small {
      width: 0.6rem; } }
  @media screen and (min-width: 768px), print {
    form input[type="text"].-medium, form input[type="tel"].-medium, form input[type="email"].-medium {
      width: 3.7rem; } }
  @media screen and (min-width: 768px), print {
    form input[type="text"].-medium[name="postal_code"], form input[type="tel"].-medium[name="postal_code"], form input[type="email"].-medium[name="postal_code"] {
      width: 1.6rem; } }
  @media screen and (max-width: 767px) {
    form input[type="text"].-medium[name="postal_code"], form input[type="tel"].-medium[name="postal_code"], form input[type="email"].-medium[name="postal_code"] {
      width: 1.4rem;
      margin-right: 0.1rem; } }
  @media screen and (min-width: 768px), print {
    form input[type="text"].-large, form input[type="tel"].-large, form input[type="email"].-large {
      width: 100%; } }
  @media screen and (min-width: 768px), print {
    form input[type="text"].-name, form input[type="tel"].-name, form input[type="email"].-name {
      width: 4rem; } }
  @media screen and (min-width: 768px), print {
    form input[type="text"].-name.-split, form input[type="tel"].-name.-split, form input[type="email"].-name.-split {
      width: 1.95rem; } }
  @media screen and (min-width: 768px), print {
    form input[type="text"].-email, form input[type="tel"].-email, form input[type="email"].-email {
      width: 5rem; } }
  @media screen and (min-width: 768px), print {
    form input[type="text"].-postal, form input[type="tel"].-postal, form input[type="email"].-postal {
      width: 1.85rem; } }
  form input[type="text"].-postalFirst, form input[type="tel"].-postalFirst, form input[type="email"].-postalFirst {
    width: 0.7rem; }
  form input[type="text"].-postalLast, form input[type="tel"].-postalLast, form input[type="email"].-postalLast {
    width: 0.9rem; }
  @media screen and (min-width: 768px), print {
    form input[type="text"].-telSplit, form input[type="tel"].-telSplit, form input[type="email"].-telSplit {
      width: 1rem; } }
  @media screen and (max-width: 767px) {
    form input[type="text"].-telSplit, form input[type="tel"].-telSplit, form input[type="email"].-telSplit {
      width: 0.9rem; } }
  @media screen and (max-width: 767px) {
    form input[type="text"][name^="tel"], form input[type="tel"][name^="tel"], form input[type="email"][name^="tel"] {
      width: 0.84rem; } }
form input[type="radio"] {
  display: inline-block;
  position: absolute;
  opacity: 0; }
  form input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative; }
    @media screen and (min-width: 768px), print {
      form input[type="radio"] + label {
        margin-right: 0.26rem;
        margin-bottom: 0.1rem; } }
    @media screen and (max-width: 767px) {
      form input[type="radio"] + label {
        font-size: 0.16rem;
        line-height: 1.3;
        margin-right: 0.15rem;
        margin-bottom: 0.1rem; } }
    form input[type="radio"] + label:last-of-type {
      margin-right: 0; }
    form input[type="radio"] + label:before {
      background: #fff;
      border-radius: 50%;
      border: 1px solid #ccc;
      content: '';
      display: inline-block;
      position: relative;
      vertical-align: top;
      cursor: pointer; }
      @media screen and (min-width: 768px), print {
        form input[type="radio"] + label:before {
          width: 0.24rem;
          height: 0.24rem;
          margin-right: 0.1rem; } }
      @media screen and (max-width: 767px) {
        form input[type="radio"] + label:before {
          width: 0.16rem;
          height: 0.16rem;
          margin-right: 0.08rem; } }
    form input[type="radio"] + label::after {
      background-color: #dc000c;
      border-radius: 50%;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0; }
      @media screen and (min-width: 768px), print {
        form input[type="radio"] + label::after {
          left: 0.05rem;
          top: 0.05rem;
          width: 0.16rem;
          height: 0.16rem; } }
      @media screen and (max-width: 767px) {
        form input[type="radio"] + label::after {
          left: 0.04rem;
          top: 0.04rem;
          width: 0.1rem;
          height: 0.1rem; } }
  form input[type="radio"]:checked + label::after {
    opacity: 1; }
  form input[type="radio"]:focus + label::before {
    border: 1px solid #dc000c; }
  form input[type="radio"]:disabled + label::before {
    border-color: #f9f9f9;
    background: #f9f9f9; }

form input[type="checkbox"] {
  position: absolute;
  opacity: 0; }
  form input[type="checkbox"] + label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 0.27rem; }
    form input[type="checkbox"] + label:before {
      background: #fff;
      border: 1px solid #d5d5d5;
      content: '';
      display: block;
      position: absolute;
      cursor: pointer;
      left: 0;
      width: 0.17rem;
      height: 0.17rem;
      top: 0.02rem; }
    form input[type="checkbox"] + label::after {
      content: '';
      background: transparent;
      display: block;
      position: absolute;
      opacity: 0;
      border-left: 2px solid #fff;
      border-bottom: 4px solid #fff;
      border-top: 1px solid transparent;
      border-right: 1px solid transparent;
      transform: rotate(-45deg) scaleY(0.5);
      width: 0.1rem;
      height: 0.1rem;
      left: 0.03rem;
      top: 0.02rem; }
  form input[type="checkbox"]:checked + label::before {
    background-color: #dc000c;
    border: 1px solid #dc000c; }
  form input[type="checkbox"]:checked + label::after {
    opacity: 1; }
  form input[type="checkbox"]:focus + label::before {
    border: 1px solid #dc000c;
    border-color: #dc000c; }
  form input[type="checkbox"]:disabled + label::before {
    border-color: #f9f9f9;
    background: #f9f9f9; }

label.checkbox {
  cursor: pointer;
  display: inline-block;
  position: relative; }
  label.checkbox:not(:last-child) {
    margin-right: 0.15rem; }
  label.checkbox input[type="checkbox"] {
    opacity: 1;
    position: relative; }

/* textarea */
form textarea {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.05rem; }
  @media screen and (min-width: 768px), print {
    form textarea {
      font-size: 0.16rem;
      min-height: 2.5rem;
      padding: 0.15rem; } }
  @media screen and (max-width: 767px) {
    form textarea {
      font-size: 0.16rem;
      min-height: 1.6rem;
      padding: 0.15rem; } }
  @media screen and (min-width: 768px), print {
    form textarea.-large {
      min-height: 3.5rem; } }
  @media screen and (max-width: 767px) {
    form textarea.-large {
      min-height: 2.2rem; } }
  @media screen and (min-width: 768px), print {
    form textarea.-small {
      min-height: 0.7rem; } }
  @media screen and (max-width: 767px) {
    form textarea.-small {
      min-height: 0.5rem; } }
/* select */
form select {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0.05rem;
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    form select {
      font-size: 0.16rem;
      padding: 0.16rem 0.45rem 0.16rem 0.15rem; } }
  @media screen and (max-width: 767px) {
    form select {
      font-size: 0.16rem;
      padding: 0.13rem 0.6rem 0.13rem 0.2rem;
      width: 100%; } }
  @media screen and (min-width: 768px), print {
    form select.-medium {
      width: auto; } }
  @media screen and (min-width: 768px), print {
    form select.-birth {
      width: 1rem; } }
  @media screen and (max-width: 767px) {
    form select.-birth {
      width: 0.6rem;
      padding: 0.13rem 0.15rem 0.13rem 0.1rem; } }
  @media screen and (min-width: 768px), print {
    form select.-birth.-year {
      width: 1.2rem; } }
  @media screen and (max-width: 767px) {
    form select.-birth.-year {
      width: 1rem; } }
/* postalButton */
.postalButton {
  background-color: #000;
  color: #fff; }
  @media screen and (min-width: 768px), print {
    .postalButton {
      font-size: 0.12rem;
      padding: 0.05rem 0.1rem;
      margin-left: 0.05rem; } }
  @media screen and (max-width: 767px) {
    .postalButton {
      font-size: 0.12rem;
      margin-top: 0.1rem;
      padding: 0.08rem 0.1rem; } }
/* wrap */
@media screen and (min-width: 768px), print {
  .inputWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center; } }

@media screen and (min-width: 768px), print {
  .inputWrap > *:not(:last-child) {
    margin-right: 0.1rem; } }

@media screen and (max-width: 767px) {
  .inputWrap.-spNameCol {
    display: flex; }
    .inputWrap.-spNameCol > * {
      width: 50%; }
      .inputWrap.-spNameCol > *:not(:last-child) {
        margin-right: 0.1rem; } }

.inputWrap.-labelMargin > label:not(:last-child) {
  margin-right: 0.2rem; }

.selectWrap {
  display: inline-block;
  position: relative; }
  @media screen and (max-width: 767px) {
    .selectWrap {
      width: 100%; }
      .selectWrap + .selectWrap {
        margin-top: 0.05rem; } }
  .selectWrap::after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2629%22%20data-name%3D%22%E3%83%91%E3%82%B9%202629%22%20d%3D%22M7%2C4l7%2C8H0Z%22%20transform%3D%22translate(14%2012)%20rotate(180)%22%20fill%3D%22%23181818%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    display: block;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 0.14rem;
    height: 0.08rem;
    right: 0.16rem; }
  .selectWrap.-arrowMin::after {
    width: 14px;
    height: 8px;
    right: 16px;
    top: 4px; }

.radioWrap {
  overflow: hidden; }
  @media screen and (min-width: 768px), print {
    .radioWrap {
      margin-bottom: -0.1rem; } }
  @media screen and (max-width: 767px) {
    .radioWrap {
      margin-bottom: -0.1rem; } }
  @media screen and (min-width: 768px), print {
    .radioWrap.-block > *:not(:last-child) {
      margin-bottom: 0.1rem; } }
  @media screen and (max-width: 767px) {
    .radioWrap.-block > *:not(:last-child) {
      margin-bottom: 0.1rem; } }
  .radioWrap.-block label {
    display: block !important; }

.fileWrap + .fileWrap {
  margin-top: 0.1rem; }

/* error */
ul.error {
  background-color: rgba(220, 0, 12, 0.1); }
  @media screen and (min-width: 768px), print {
    ul.error {
      padding: 0.2rem; } }
  @media screen and (max-width: 767px) {
    ul.error {
      padding: 0.15rem; } }
  ul.error a {
    text-decoration: underline; }
    @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      ul.error a:hover {
        text-decoration: none; } }
  ul.error + * {
    margin-top: 0.2rem; }

/* formTitle */
.formTitle {
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .formTitle {
      font-size: 0.28rem; } }
  @media screen and (max-width: 767px) {
    .formTitle {
      font-size: 0.2rem; } }
  .formTitle + * {
    margin-top: 0.2rem; }

/* formInfo */
.formInfo + * {
  margin-top: 0.35rem; }

/* formTable */
.formTable {
  background-color: #fff;
  border-top: 1px solid #c9d2cd;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .formTable {
      display: block; }
      .formTable tbody, .formTable tr, .formTable th, .formTable td {
        display: block; } }
  .formTable tr.-verTop th,
  .formTable tr.-verTop td {
    vertical-align: top !important; }
  .formTable tr.-required th span {
    display: flex;
    align-items: center; }
    .formTable tr.-required th span::before {
      background-color: #dc000c;
      color: #fff;
      content: '必須';
      display: inline-block;
      font-size: 0.12rem;
      line-height: 1;
      margin-right: 0.1rem;
      padding: 0.04rem 0.08rem;
      white-space: nowrap; }
  .formTable th,
  .formTable td {
    border-bottom: 1px solid #c9d2cd;
    line-height: 1.4;
    text-align: left;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .formTable th,
      .formTable td {
        padding: 0.15rem; } }
  .formTable th {
    background-color: #F5F5F5;
    font-weight: 700; }
    @media screen and (min-width: 768px), print {
      .formTable th {
        font-size: 0.18rem;
        width: 28%;
        padding: 0.34rem 0.2rem; } }
    @media screen and (max-width: 767px) {
      .formTable th {
        font-size: 0.17rem; } }
    .formTable th.required > span {
      background-color: #dc000c;
      display: inline-block;
      position: relative; }
      @media screen and (min-width: 768px), print {
        .formTable th.required > span {
          padding-right: 0.71rem; } }
      @media screen and (max-width: 767px) {
        .formTable th.required > span {
          padding-right: 0.568rem; } }
  .formTable td {
    letter-spacing: .03em; }
    @media screen and (min-width: 768px), print {
      .formTable td {
        font-size: 0.16rem;
        width: 72%;
        padding: 0.2rem 0.3rem; } }
    @media screen and (max-width: 767px) {
      .formTable td {
        font-size: 0.15rem; } }
    .formTable td span.note {
      display: block;
      color: #dc000c; }
      @media screen and (min-width: 768px), print {
        .formTable td span.note {
          font-size: 0.13rem;
          margin-top: 0.1rem; } }
      @media screen and (max-width: 767px) {
        .formTable td span.note {
          font-size: 0.11rem;
          margin-top: 0.08rem; } }
    .formTable td span.error {
      display: block;
      color: #dc000c; }
      @media screen and (min-width: 768px), print {
        .formTable td span.error {
          margin-top: 0.15rem; } }
      @media screen and (max-width: 767px) {
        .formTable td span.error {
          margin-top: 0.15rem; } }
  .formTable .postal_btn {
    background-color: #dc000c;
    border-radius: 0.05rem;
    color: #fff;
    padding: 0.05rem 0.1rem; }
    @media screen and (min-width: 768px), print {
      .formTable .postal_btn {
        font-size: 0.13rem;
        margin-left: 0.1rem; } }
    @media screen and (max-width: 767px) {
      .formTable .postal_btn {
        font-size: 0.11rem;
        margin-top: 0.1rem; } }
  @media screen and (max-width: 767px) {
    .formTable #form_item_postal_code_sep0 {
      width: 0.8rem; } }
  @media screen and (max-width: 767px) {
    .formTable #form_item_postal_code_sep1 {
      width: 1.1rem; } }
@media screen and (min-width: 768px), print {
  .formTable__note {
    font-size: 0.13rem;
    margin-top: 0.1rem; } }

/* formPrivacy */
@media screen and (min-width: 768px), print {
  .formPrivacy {
    margin-top: 0.4rem; } }

.formPrivacy__title {
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .formPrivacy__title {
      font-size: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .formPrivacy__title {
      font-size: 0.16rem; } }
  .formPrivacy__title + * {
    margin-top: 0.15rem; }

.formPrivacy__contents {
  background-color: #eee;
  height: 2rem;
  overflow-y: scroll;
  padding: 0.3rem 0.35rem;
  -webkit-overflow-scrolling: touch; }
  @media screen and (min-width: 768px), print {
    .formPrivacy__contents {
      font-size: 0.14rem; } }
/* formButton */
.formButton {
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 768px), print {
    .formButton {
      margin-top: 0.5rem; } }
  @media screen and (max-width: 767px) {
    .formButton {
      margin-top: 0.3rem; } }
  @media screen and (min-width: 768px), print {
    .formButton > *:not(:last-child) {
      margin-right: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .formButton > *:not(:last-child) {
      margin-right: 0.15rem; } }
  @media screen and (min-width: 768px), print {
    .formButton .button {
      min-width: 1.79rem;
      padding-left: 0.1rem;
      padding-right: 0.1rem; } }
/* header
============================================================= */
#header {
  background-color: #fff;
  box-shadow: 0 0.03rem 0.03rem rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: space-between;
  position: relative;
  height: 0.7rem;
  position: sticky;
  top: 0; }
  @media screen and (min-width: 768px), print {
    #header {
      padding-left: 0.5rem;
      z-index: 103; } }
  @media screen and (max-width: 767px) {
    #header {
      z-index: 103;
      overflow: hidden; } }
  @media screen and (min-width: 768px), print {
    #header.-on {
      z-index: 999; } }
  @media screen and (max-width: 767px) {
    .-programOpen #header {
      box-shadow: none; } }
  @media screen and (min-width: 768px), print {
    .-menuOpen #header {
      z-index: 103; } }
@media screen and (min-width: 768px), print {
  .header__logo {
    padding-top: 0.21rem;
    width: 1.0975rem;
    position: relative; } }

@media screen and (max-width: 767px) {
  .header__logo {
    width: 1rem;
    min-width: 1rem;
    max-width: 1rem; } }

@media screen and (max-width: 767px) {
  .header__logo > a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .header__logo > a img {
      width: 0.7rem; } }

.header__logo img {
  width: 100%; }

.header__navi {
  display: flex; }

.header__globalNaviWrap {
  height: 100%; }

.header__globalNavi {
  display: flex;
  flex: 1; }
  @media screen and (min-width: 768px), print {
    .header__globalNavi {
      height: 0.7rem; } }
  @media screen and (max-width: 767px) {
    .header__globalNavi {
      width: 2.55rem;
      height: 100%; } }
.header__globalNaviItem {
  border-left: 1px solid #E7E7E7;
  font-weight: 700;
  line-height: 1;
  height: 100%; }
  @media screen and (max-width: 767px) {
    .header__globalNaviItem {
      flex: 1; } }
  @media screen and (min-width: 768px), print {
    .header__globalNaviItem:nth-child(1) {
      width: 1.7rem; } }
  @media screen and (max-width: 767px) {
    .header__globalNaviItem:nth-child(1) {
      width: 0.66rem;
      min-width: 0.66rem;
      max-width: 0.66rem; } }
  @media screen and (min-width: 768px), print {
    .header__globalNaviItem:nth-child(2) {
      width: 1.5rem; } }
  @media screen and (max-width: 767px) {
    .header__globalNaviItem:nth-child(2) {
      width: 0.57rem;
      min-width: 0.57rem;
      max-width: 0.57rem; } }
  @media screen and (min-width: 768px), print {
    .header__globalNaviItem:nth-child(3) {
      width: 1.7rem; } }
  @media screen and (max-width: 767px) {
    .header__globalNaviItem:nth-child(3) {
      width: 0.57rem;
      min-width: 0.57rem;
      max-width: 0.57rem; } }
  @media screen and (min-width: 768px), print {
    .header__globalNaviItem:nth-child(4) {
      width: 1.7rem; } }
  @media screen and (max-width: 767px) {
    .header__globalNaviItem:nth-child(4) {
      width: 0.75rem;
      min-width: 0.75rem;
      max-width: 0.75rem; } }
  .-programOpen .header__globalNaviItem:nth-child(1) .header__globalNaviLink {
    color: #dc000c; }
    @media screen and (max-width: 767px) {
      .-programOpen .header__globalNaviItem:nth-child(1) .header__globalNaviLink {
        position: relative; }
        .-programOpen .header__globalNaviItem:nth-child(1) .header__globalNaviLink::after {
          background-color: #fff;
          content: '';
          display: block;
          width: 100%;
          height: 1px;
          position: absolute;
          left: 0;
          bottom: -1px; } }
.header__globalNaviLink {
  color: #181818;
  text-decoration: none;
  height: 100%;
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 768px), print {
    .header__globalNaviLink {
      align-items: center; } }
  @media screen and (max-width: 767px) {
    .header__globalNaviLink {
      align-items: flex-end;
      font-size: 0.1rem;
      padding-bottom: 0.13rem;
      white-space: nowrap; } }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .header__globalNaviLink {
      transition-duration: 0.25s; }
      .header__globalNaviLink:hover {
        color: #dc000c; } }
  @media screen and (min-width: 768px), print {
    .header__globalNaviLink span {
      display: inline-block;
      position: relative;
      padding-left: 0.34rem; } }
  @media screen and (max-width: 767px) {
    .header__globalNaviLink span {
      display: block;
      text-align: center; }
      .header__globalNaviLink span::before {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.07rem; } }
  @media screen and (min-width: 768px), print {
    .header__globalNaviItem:first-child span {
      padding-left: 0.36rem; } }
.iconProgram {
  position: relative; }
  .iconProgram::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1534%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201534%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.997%22%20height%3D%2227%22%20viewBox%3D%220%200%2025.997%2027%22%3E%0A%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M12.964%2C14.638a1.055%2C1.055%2C0%2C0%2C1-.752-.317L9.5%2C11.5a.253.253%2C0%2C0%2C0-.325-.035%2C5.778%2C5.778%2C0%2C0%2C1-3.2.97A5.858%2C5.858%2C0%2C0%2C1%2C1.311%2C10.1a6.4%2C6.4%2C0%2C0%2C1%2C.445-8.287%2C5.792%2C5.792%2C0%2C0%2C1%2C7.956-.439A6.384%2C6.384%2C0%2C0%2C1%2C11%2C9.566a.28.28%2C0%2C0%2C0%2C.032.338l2.712%2C2.823a1.166%2C1.166%2C0%2C0%2C1-.013%2C1.581A1.052%2C1.052%2C0%2C0%2C1%2C12.964%2C14.638ZM5.979%2C2.292A3.872%2C3.872%2C0%2C0%2C0%2C2.192%2C6.236a3.873%2C3.873%2C0%2C0%2C0%2C3.787%2C3.945A3.873%2C3.873%2C0%2C0%2C0%2C9.766%2C6.236%2C3.872%2C3.872%2C0%2C0%2C0%2C5.979%2C2.292Z%22%20transform%3D%22translate(0%2012.362)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M.454%2C8.905a.928.928%2C0%2C0%2C0%2C.9-.01L7.683%2C5.247a.844.844%2C0%2C0%2C0%2C0-1.478L1.357.122a.928.928%2C0%2C0%2C0-.9-.01A.856.856%2C0%2C0%2C0%2C0%2C.862V8.155a.856.856%2C0%2C0%2C0%2C.454.75Z%22%20transform%3D%22translate(13.012%206.762)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M18.844%2C3.381%2C16.231.657A2.121%2C2.121%2C0%2C0%2C0%2C14.7%2C0H2.164A2.211%2C2.211%2C0%2C0%2C0%2C0%2C2.254v8.228a.27.27%2C0%2C0%2C0%2C.24.272%2C7.3%2C7.3%2C0%2C0%2C1%2C1.572.348.253.253%2C0%2C0%2C0%2C.239-.032.276.276%2C0%2C0%2C0%2C.112-.222V2.536a.287.287%2C0%2C0%2C1%2C.079-.2.264.264%2C0%2C0%2C1%2C.192-.082H14.589a.264.264%2C0%2C0%2C1%2C.192.082l2.454%2C2.555a.289.289%2C0%2C0%2C1%2C.079.2V20.571a.276.276%2C0%2C0%2C1-.271.282H6.906a.262.262%2C0%2C0%2C0-.249.19%2C7.993%2C7.993%2C0%2C0%2C1-.451%2C1.137.348.348%2C0%2C0%2C0%2C.077.338l.416.432a.5.5%2C0%2C0%2C0%2C.361.158H17.313a2.211%2C2.211%2C0%2C0%2C0%2C2.164-2.254V4.975A2.3%2C2.3%2C0%2C0%2C0%2C18.844%2C3.381Z%22%20transform%3D%22translate(6.52%200)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat;
    background-size: 100% auto;
    content: '';
    display: block;
    width: 0.26rem;
    height: 0.27rem; }
    @media screen and (min-width: 768px), print {
      .iconProgram::before {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto; } }
.iconHow::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3414%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203414%22%20transform%3D%22translate(-1002.118%20-25)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(1002.118%2025)%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22screen-alternate%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M17.5%2C24H6.5a1%2C1%2C0%2C0%2C1-.38-1.927%2C14.368%2C14.368%2C0%2C0%2C1%2C3.66-.891.249.249%2C0%2C0%2C0%2C.22-.248V18.25A.25.25%2C0%2C0%2C0%2C9.75%2C18H1.5A1.5%2C1.5%2C0%2C0%2C1%2C0%2C16.5V1.5A1.5%2C1.5%2C0%2C0%2C1%2C1.5%2C0h21A1.5%2C1.5%2C0%2C0%2C1%2C24%2C1.5v15A1.5%2C1.5%2C0%2C0%2C1%2C22.5%2C18H14.246a.25.25%2C0%2C0%2C0-.25.25v2.684a.251.251%2C0%2C0%2C0%2C.22.248%2C14.369%2C14.369%2C0%2C0%2C1%2C3.66.892A1%2C1%2C0%2C0%2C1%2C17.5%2C24ZM2.5%2C2a.5.5%2C0%2C0%2C0-.5.5v11a.5.5%2C0%2C0%2C0%2C.5.5h19a.5.5%2C0%2C0%2C0%2C.5-.5V2.5a.5.5%2C0%2C0%2C0-.5-.5Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M.394%2C7.718a.8.8%2C0%2C0%2C0%2C.782-.009L6.658%2C4.548a.732.732%2C0%2C0%2C0%2C0-1.281L1.176.106A.8.8%2C0%2C0%2C0%2C.394.1.742.742%2C0%2C0%2C0%2C0%2C.747V7.068a.742.742%2C0%2C0%2C0%2C.394.65Z%22%20transform%3D%22translate(1010.697%2029.185)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat;
  background-size: 100% auto;
  content: '';
  display: block;
  width: 0.24rem;
  height: 0.24rem; }
  @media screen and (min-width: 768px), print {
    .iconHow::before {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; } }
  @media screen and (max-width: 767px) {
    .iconHow::before {
      height: 0.26rem; } }
.iconContact::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2223.984%22%20height%3D%2223.984%22%20viewBox%3D%220%200%2023.984%2023.984%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2223.984%22%20height%3D%2223.984%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22Phones-Mobile-Devices_Phone_phone-circle%22%20data-name%3D%22Phones-Mobile-Devices%20%2F%20Phone%20%2F%20phone-circle%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22phone-circle%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M11.992%2C0a11.992%2C11.992%2C0%2C0%2C0%2C0%2C23.984c4.476%2C0%2C6.137-1.743%2C6.742-3.206a4.016%2C4.016%2C0%2C0%2C0-.18-3.6%2C1.911%2C1.911%2C0%2C0%2C0-.017-2.576l-1.431-1.43a1.932%2C1.932%2C0%2C0%2C0-2.722.1l-.211.21a28.16%2C28.16%2C0%2C0%2C1-3.681-3.675L10.7%2C9.6a1.933%2C1.933%2C0%2C0%2C0%2C.106-2.723L9.379%2C5.442a1.93%2C1.93%2C0%2C0%2C0-2.722.107l-.873.872A2.715%2C2.715%2C0%2C0%2C0%2C5.3%2C9.745a28.771%2C28.771%2C0%2C0%2C0%2C8.931%2C8.931%2C2.445%2C2.445%2C0%2C0%2C0%2C1.312.371%2C2.815%2C2.815%2C0%2C0%2C0%2C1.472-.434A2.443%2C2.443%2C0%2C0%2C1%2C16.74%2C20.3c-.659%2C1.1-2.3%2C1.68-4.748%2C1.68a9.99%2C9.99%2C0%2C1%2C1%2C8.245-4.346%2C1%2C1%2C0%2C0%2C0%2C1.649%2C1.133A11.994%2C11.994%2C0%2C0%2C0%2C11.992%2C0Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat;
  background-size: 100% auto;
  content: '';
  display: block;
  width: 0.2398rem;
  height: 0.2398rem; }
  @media screen and (min-width: 768px), print {
    .iconContact::before {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; } }
  @media screen and (max-width: 767px) {
    .iconContact::before {
      height: 0.26rem; } }
.iconOndemand::before {
  background: url(img/logp_ondemand.png) no-repeat;
  background-size: 100% auto;
  content: '';
  display: block;
  width: 0.2398rem;
  height: 0.2398rem; }
  @media screen and (min-width: 768px), print {
    .iconOndemand::before {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; } }
  @media screen and (max-width: 767px) {
    .iconOndemand::before {
      height: 0.26rem; } }
.header__childNavi.deploymentNavi {
  background-color: #181818 !important; }
  @media screen and (min-width: 768px), print {
    .header__childNavi.deploymentNavi {
      width: 8.58rem;
      height: auto;
      top: 0.7rem;
      right: 0;
      left: auto; } }
@media screen and (min-width: 768px), print {
  .header__childNaviInner {
    display: flex; } }

.header__childNaviList {
  background-color: #181818; }
  @media screen and (min-width: 768px), print {
    .header__childNaviList {
      width: 4.04rem;
      padding: 0.42rem 0.5rem 0.5rem; } }
.header__childNaviListItem {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-weight: 700;
  line-height: 1.2; }
  @media screen and (max-width: 767px) {
    .header__childNaviListItem {
      font-size: 0.16rem; } }
  @media screen and (min-width: 768px), print {
    .header__childNaviListItem:not(:last-child) {
      margin-bottom: 0.03rem; } }
  @media screen and (max-width: 767px) {
    .header__childNaviListItem:not(:last-child) {
      margin-bottom: 0.14rem; } }
  .header__childNaviListItem a {
    color: #fff;
    display: block;
    padding: 0.15rem 0.4rem 0.15rem 0.25rem;
    position: relative;
    text-decoration: none; }
    @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .header__childNaviListItem a {
        transition-duration: 0.25s;
        text-decoration: none !important; }
        .header__childNaviListItem a:hover {
          opacity: .75; } }
    @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .header__childNaviListItem a {
        transition-duration: 0.25s; }
        .header__childNaviListItem a:hover {
          color: #dc000c; }
          .header__childNaviListItem a:hover::after {
            background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cg%20id%3D%22Arrows-Diagrams_Arrows_arrow-button-circle-left-1%22%20data-name%3D%22Arrows-Diagrams%20%2F%20Arrows%20%2F%20arrow-button-circle-left-1%22%20transform%3D%22translate(16%2016)%20rotate(180)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Bold%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M8%2C16A8%2C8%2C0%2C0%2C1%2C2.343%2C2.343%2C8%2C8%2C0%2C1%2C1%2C13.657%2C13.657%2C7.948%2C7.948%2C0%2C0%2C1%2C8%2C16ZM9.813%2C3.378a.335.335%2C0%2C0%2C0-.213.077L4.456%2C7.744a.333.333%2C0%2C0%2C0%2C0%2C.512L9.6%2C12.545a.333.333%2C0%2C0%2C0%2C.547-.257V10.5a.333.333%2C0%2C0%2C0-.128-.263l-2.7-2.1a.166.166%2C0%2C0%2C1%2C0-.263l2.7-2.1a.334.334%2C0%2C0%2C0%2C.128-.263l0-1.791a.336.336%2C0%2C0%2C0-.191-.3A.331.331%2C0%2C0%2C0%2C9.813%2C3.378Z%22%20fill%3D%22%23DC000C%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
            background-size: 100% auto; } }
    .header__childNaviListItem a::before {
      background-color: #dc000c;
      content: '';
      display: block;
      width: 0.08rem;
      height: 0.03rem;
      position: absolute;
      left: 0.07rem;
      top: 0;
      bottom: 0;
      margin: auto; }
    .header__childNaviListItem a::after {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cg%20id%3D%22Arrows-Diagrams_Arrows_arrow-button-circle-left-1%22%20data-name%3D%22Arrows-Diagrams%20%2F%20Arrows%20%2F%20arrow-button-circle-left-1%22%20transform%3D%22translate(16%2016)%20rotate(180)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Bold%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M8%2C16A8%2C8%2C0%2C0%2C1%2C2.343%2C2.343%2C8%2C8%2C0%2C1%2C1%2C13.657%2C13.657%2C7.948%2C7.948%2C0%2C0%2C1%2C8%2C16ZM9.813%2C3.378a.335.335%2C0%2C0%2C0-.213.077L4.456%2C7.744a.333.333%2C0%2C0%2C0%2C0%2C.512L9.6%2C12.545a.333.333%2C0%2C0%2C0%2C.547-.257V10.5a.333.333%2C0%2C0%2C0-.128-.263l-2.7-2.1a.166.166%2C0%2C0%2C1%2C0-.263l2.7-2.1a.334.334%2C0%2C0%2C0%2C.128-.263l0-1.791a.336.336%2C0%2C0%2C0-.191-.3A.331.331%2C0%2C0%2C0%2C9.813%2C3.378Z%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      background-size: 100% auto;
      content: '';
      width: 0.16rem;
      height: 0.16rem;
      position: absolute;
      right: 0.15rem;
      bottom: 0;
      top: 0;
      margin: auto;
      border-radius: 50%;
      overflow: hidden; }
      @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        .header__childNaviListItem a::after {
          transition-duration: 0.25s; } }
@media screen and (min-width: 768px), print {
  .header__childNaviSub {
    flex: 1;
    padding: 0.6rem 0.5rem; } }

@media screen and (max-width: 767px) {
  .header__childNaviSub {
    margin-top: 0.4rem; } }

.header__childNaviRelLink {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.header__childNaviRelLinkItem {
  font-weight: 700;
  line-height: 1.2;
  width: 1.72rem; }
  .header__childNaviRelLinkItem.-wide {
    width: 100%; }
  @media screen and (min-width: 768px), print {
    .header__childNaviRelLinkItem {
      font-size: 0.12rem; } }
  @media screen and (min-width: 768px), print {
    .header__childNaviRelLinkItem:not(:last-child) {
      margin-bottom: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .header__childNaviRelLinkItem:not(:last-child) {
      margin-bottom: 0.1rem; } }
  .header__childNaviRelLinkItem a {
    background-color: #000;
    color: #fff;
    display: block; }
    @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .header__childNaviRelLinkItem a:hover .textLinkBlank {
        text-decoration: underline; } }
.header__childNaviRelLinkImage {
  display: block; }
  @media screen and (min-width: 768px), print {
    .header__childNaviRelLinkImage {
      opacity: .44; } }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .header__childNaviRelLinkImage {
      transition-duration: 0.25s; } }
  .header__childNaviRelLinkImage img {
    width: 100%; }
  .header__childNaviRelLinkImage.-blankIcon {
    position: relative; }
    .header__childNaviRelLinkImage.-blankIcon::after {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2212.429%22%20viewBox%3D%220%200%2016%2012.429%22%3E%0A%20%20%3Cg%20id%3D%22app-window-multiple_1_%22%20transform%3D%22translate(0.5%200.5)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape_1479_1_%22%20d%3D%22M.5%2C4.5H14.071%22%20transform%3D%22translate(-0.5%20-1.643)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape_1480_1_%22%20d%3D%22M3.443%2C2.293a.154.154%2C0%2C0%2C0-.143.143.253.253%2C0%2C0%2C0%2C.286.286.154.154%2C0%2C0%2C0%2C.143-.143c-.071-.214-.214-.357-.286-.286%22%20transform%3D%22translate(-1.3%20-1.007)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape_1481_1_%22%20d%3D%22M5.443%2C2.293a.154.154%2C0%2C0%2C0-.143.143.253.253%2C0%2C0%2C0%2C.286.286.154.154%2C0%2C0%2C0%2C.143-.143c-.071-.214-.214-.357-.286-.286%22%20transform%3D%22translate(-1.871%20-1.007)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape_1482_1_%22%20d%3D%22M7.443%2C2.293a.154.154%2C0%2C0%2C0-.143.143.253.253%2C0%2C0%2C0%2C.286.286.154.154%2C0%2C0%2C0%2C.143-.143c-.071-.214-.214-.357-.286-.286%22%20transform%3D%22translate(-2.443%20-1.007)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Rectangle-path_152_1_%22%20d%3D%22M.5%2C1.929A1.433%2C1.433%2C0%2C0%2C1%2C1.929.5H12.643a1.433%2C1.433%2C0%2C0%2C1%2C1.429%2C1.429V9.071A1.433%2C1.433%2C0%2C0%2C1%2C12.643%2C10.5H1.929A1.433%2C1.433%2C0%2C0%2C1%2C.5%2C9.071Z%22%20transform%3D%22translate(-0.5%20-0.5)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape_1483_1_%22%20d%3D%22M14.643%2C2.5a1.433%2C1.433%2C0%2C0%2C1%2C1.429%2C1.429v7.143A1.433%2C1.433%2C0%2C0%2C1%2C14.643%2C12.5H3.929A1.433%2C1.433%2C0%2C0%2C1%2C2.5%2C11.071%22%20transform%3D%22translate(-1.071%20-1.071)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat left 0;
      background-size: 100% auto;
      content: '';
      display: block;
      position: absolute;
      right: 0.9rem;
      bottom: 0.22rem;
      width: 0.15rem;
      height: 0.1143rem; }
      @media screen and (max-width: 767px) {
        .header__childNaviRelLinkImage.-blankIcon::after {
          right: 0.87rem;
          bottom: 0.2rem; } }
    @media screen and (min-width: 768px), print {
      .header__childNaviRelLinkImage.-blankIcon.-iconPosA::after {
        right: 0.35rem;
        bottom: 0.12rem; } }
    @media screen and (max-width: 767px) {
      .header__childNaviRelLinkImage.-blankIcon.-iconPosA::after {
        right: 0.38rem;
        bottom: 0.12rem; } }
    @media screen and (min-width: 768px), print {
      .header__childNaviRelLinkImage.-blankIcon.-iconPosB::after {
        right: 0.58rem;
        bottom: 0.12rem; } }
    @media screen and (max-width: 767px) {
      .header__childNaviRelLinkImage.-blankIcon.-iconPosB::after {
        right: 0.56rem;
        bottom: 0.12rem; } }
  @media screen and (min-width: 768px), print {
    .header__childNaviRelLinkImage.-noOpacity {
      opacity: .8; } }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .header__childNaviRelLinkItem a:hover .header__childNaviRelLinkImage {
      opacity: 1; } }
.header__childNaviRelLinkText {
  padding: 0.18rem 0.1rem 0.19rem; }
  @media screen and (max-width: 767px) {
    .header__childNaviRelLinkText {
      font-size: 0.12rem; } }
.header__utilityNavi {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px), print {
    .header__utilityNavi {
      margin-top: 0.3rem;
      margin-bottom: -0.12rem; } }
  @media screen and (max-width: 767px) {
    .header__utilityNavi {
      margin-top: 0.4rem;
      margin-bottom: -0.26rem; } }
.header__utilityNaviItem {
  padding-left: 1em;
  position: relative;
  line-height: 1.2;
  width: 50%; }
  @media screen and (min-width: 768px), print {
    .header__utilityNaviItem {
      font-size: 0.13rem;
      margin-bottom: 0.12rem; }
      .header__utilityNaviItem:nth-child(odd) {
        padding-right: 0.1rem; } }
  @media screen and (max-width: 767px) {
    .header__utilityNaviItem {
      margin-bottom: 0.26rem; } }
  .header__utilityNaviItem::before {
    color: #999;
    content: '・';
    display: inline;
    position: absolute;
    left: 0;
    top: 0; }
  .header__utilityNaviItem a {
    color: #999;
    text-decoration: none; }
    @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .header__utilityNaviItem a:hover {
        color: #fff;
        text-decoration: underline; } }
/**
 * Visual Editor Styles
 */
/*
<div class="ve">

  <h3>大見出し（h3）<br>改行可<a href="sample">リンク</a></h3>

  <h4>中見出し（h4）<br>改行可<a href="sample">リンク</a></h4>

  <h5>小見出し（h5）<br>改行可<a href="sample">リンク</a></h5>
  
  <h6>小見出し（h6）<br>改行可<a href="sample">リンク</a></h6>

  <p>本文（p）<br>改行可<a href="sample">リンク</a></p>

  <div class="image-wrap">
    <p class="img img-left"><img src="https://placehold.jp/400x300.png" alt=""></p>
    <p class="text">左寄せ画像の回り込みテキスト</p>
  </div>

  <div class="image-wrap">
    <p class="img img-right"><img src="https://placehold.jp/400x300.png" alt=""></p>
    <p class="text">右寄せ画像の回り込みテキスト</p>
  </div>

  <div class="image-wrap">
    <p class="img img-center"><img src="https://placehold.jp/400x300.png" alt=""></p>
    <p class="text">中央寄せ画像の回り込みテキスト</p>
  </div>

  <div class="link-wrap">
    <a href="/" target="_blank">リンクテキスト（div.link-wrap > a）</a>
  </div>

  <ul>
    <li>リスト1</li>
    <li>リスト2</li>
  </ul>

  <ol>
    <li>リスト1</li>
    <li>リスト2</li>
  </ol>

  <table>
    <thead>
      <tr>
        <th scope="col">横に並ぶ見出し</th>
        <th scope="col">横に並ぶ見出し</th>
        <th scope="col">横に並ぶ見出し</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>セル</td>
        <td>セル</td>
        <td>セル</td>
      </tr>
    </tbody>
  </table>

  <table>
    <tbody>
      <tr>
        <th scope="row">縦にならぶ見出し</th>
        <td>セル</td>
        <td>セル</td>
      </tr>
      <tr>
        <th scope="row">縦にならぶ見出し</th>
        <td>セル</td>
        <td>セル</td>
      </tr>
    </tbody>
  </table>

</div>
*/
@media screen and (min-width: 768px), print {
  .ve > * {
    font-size: 0.16rem; } }

@media screen and (max-width: 767px) {
  .ve > * {
    font-size: 0.14rem; } }

@media screen and (min-width: 768px), print {
  .ve > * + * {
    margin-top: 0.3rem; } }

@media screen and (max-width: 767px) {
  .ve > * + * {
    margin-top: 0.2rem; } }

.ve a[href$=".pdf"] {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .ve a[href$=".pdf"] {
      padding-left: 0.34rem; } }
  @media screen and (max-width: 767px) {
    .ve a[href$=".pdf"] {
      padding-left: 0.3rem; } }
  .ve a[href$=".pdf"]::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22office-file-pdf-1%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M.326.025C.221-.021%2C0-.023%2C0%2C.189V4.167a.238.238%2C0%2C0%2C0%2C.327.21A2.375%2C2.375%2C0%2C0%2C0%2C1.75%2C2.2%2C2.375%2C2.375%2C0%2C0%2C0%2C.327.025Z%22%20transform%3D%22translate(8.125%2012.297)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M.875%2C0H.252A.252.252%2C0%2C0%2C0%2C0%2C.252V1.5a.252.252%2C0%2C0%2C0%2C.252.252H.875A.875.875%2C0%2C1%2C0%2C.875%2C0Z%22%20transform%3D%22translate(3.125%2012.123)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M17%2C11H1a1%2C1%2C0%2C0%2C1-1-1V1A1%2C1%2C0%2C0%2C1%2C1%2C0H17a1%2C1%2C0%2C0%2C1%2C1%2C1v9A1%2C1%2C0%2C0%2C1%2C17%2C11ZM13.5%2C1.873A1.629%2C1.629%2C0%2C0%2C0%2C11.875%2C3.5v5a.625.625%2C0%2C1%2C0%2C1.25%2C0V6.375a.252.252%2C0%2C0%2C1%2C.252-.252H14.5a.625.625%2C0%2C1%2C0%2C0-1.25H13.377a.252.252%2C0%2C0%2C1-.252-.252V3.5a.376.376%2C0%2C0%2C1%2C.375-.375h2a.625.625%2C0%2C1%2C0%2C0-1.25Zm-11%2C0a.626.626%2C0%2C0%2C0-.626.625v6a.625.625%2C0%2C1%2C0%2C1.25%2C0V6.375a.252.252%2C0%2C0%2C1%2C.252-.252H4A2.124%2C2.124%2C0%2C1%2C0%2C4%2C1.875Zm5%2C0a.626.626%2C0%2C0%2C0-.625.626v6a.626.626%2C0%2C0%2C0%2C.625.626%2C3.625%2C3.625%2C0%2C0%2C0%2C0-7.25Z%22%20transform%3D%22translate(0%209)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-4%22%20data-name%3D%22Shape%22%20d%3D%22M19.707%2C5.705%2C14.293.291A1%2C1%2C0%2C0%2C0%2C13.585%2C0H2A2%2C2%2C0%2C0%2C0%2C0%2C2V7.75A.25.25%2C0%2C0%2C0%2C.25%2C8h1.5A.25.25%2C0%2C0%2C0%2C2%2C7.748V2.5A.5.5%2C0%2C0%2C1%2C2.5%2C2H12.75a.25.25%2C0%2C0%2C1%2C.25.25V5a2%2C2%2C0%2C0%2C0%2C2%2C2h2.75a.25.25%2C0%2C0%2C1%2C.25.25V21.5a.5.5%2C0%2C0%2C1-.5.5H2.25A.25.25%2C0%2C0%2C1%2C2%2C21.75v-.5A.248.248%2C0%2C0%2C0%2C1.751%2C21H.25a.25.25%2C0%2C0%2C0-.25.25V22a2%2C2%2C0%2C0%2C0%2C2%2C2H18a2%2C2%2C0%2C0%2C0%2C2-2V6.412A1%2C1%2C0%2C0%2C0%2C19.707%2C5.705Z%22%20transform%3D%22translate(4%200)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
    @media screen and (min-width: 768px), print {
      .ve a[href$=".pdf"]::before {
        width: 0.24rem;
        height: 0.24rem; } }
    @media screen and (max-width: 767px) {
      .ve a[href$=".pdf"]::before {
        width: 0.21rem;
        height: 0.21rem; } }
@media screen and (min-width: 768px), print {
  .ve h3 {
    font-size: 0.24rem; } }

@media screen and (max-width: 767px) {
  .ve h3 {
    font-size: 0.24rem; } }

@media screen and (min-width: 768px), print {
  .ve h4 {
    font-size: 0.2rem; } }

@media screen and (max-width: 767px) {
  .ve h4 {
    font-size: 0.2rem; } }

@media screen and (min-width: 768px), print {
  .ve h5 {
    font-size: 0.16rem; } }

@media screen and (max-width: 767px) {
  .ve h5 {
    font-size: 0.16rem; } }

.ve ul li {
  list-style-type: disc;
  margin-left: 1.5em; }

.ve ol li {
  margin-left: 1.5em; }

.ve table {
  width: 100%; }
  .ve table th,
  .ve table td {
    border: 1px solid #ddd; }
    @media screen and (min-width: 768px), print {
      .ve table th,
      .ve table td {
        padding: 0.1rem; } }
    @media screen and (max-width: 767px) {
      .ve table th,
      .ve table td {
        padding: 0.05rem;
        font-size: 0.12rem; } }
  .ve table th {
    background-color: #eee; }
  .ve table th[scope=row] {
    width: 33.33%; }

.ve .link-wrap a {
  color: #181818;
  text-decoration: underline; }

.ve .link-wrap a:visited {
  color: #181818;
  text-decoration: none; }

.ve .link-wrap a:hover {
  color: #181818;
  text-decoration: none; }

.ve .image-wrap::after {
  display: block;
  clear: both;
  content: ''; }

.ve .image-wrap .img {
  overflow: hidden; }
  @media screen and (min-width: 768px), print {
    .ve .image-wrap .img {
      margin-bottom: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .ve .image-wrap .img {
      margin-bottom: 0.2rem; } }
  .ve .image-wrap .img img {
    height: auto;
    max-width: 100%; }

@media screen and (min-width: 768px), print {
  .ve .image-wrap .img-left {
    float: left;
    margin-right: 0.3rem; } }

@media screen and (min-width: 768px), print {
  .ve .image-wrap .img-right {
    float: right;
    margin-left: 0.3rem; } }

@media screen and (min-width: 768px), print {
  .ve .image-wrap .img-left,
  .ve .image-wrap .img-right {
    max-width: 50%; } }

.ve .image-wrap .img-center {
  text-align: center; }

.ve .bold {
  font-weight: 700; }

.ve .italic {
  font-style: italic; }

.ve .gray {
  color: #aaa; }

.ve .red {
  color: #dc000c; }

.ve .blue {
  color: blue; }

@media screen and (min-width: 768px), print {
  .ve .font-big {
    font-size: 0.3rem; } }

@media screen and (max-width: 767px) {
  .ve .font-big {
    font-size: 0.2rem; } }

@media screen and (min-width: 768px), print {
  .ve .font-middle {
    font-size: 0.2rem; } }

@media screen and (max-width: 767px) {
  .ve .font-middle {
    font-size: 0.16rem; } }

@media screen and (min-width: 768px), print {
  .ve .font-small {
    font-size: 0.13rem; } }

@media screen and (max-width: 767px) {
  .ve .font-small {
    font-size: 0.11rem; } }

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden; }

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0; }

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transition: all 0.3s ease-in-out; }
  .modaal-wrapper * {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden; }
  .modaal-wrapper .modaal-close {
    border: none;
    background: transparent;
    padding: 0;
    -webkit-appearance: none; }
  .modaal-wrapper.modaal-start_none {
    display: none;
    opacity: 1; }
  .modaal-wrapper.modaal-start_fade {
    opacity: 0; }
  .modaal-wrapper *[tabindex="0"] {
    outline: none !important; }
  .modaal-wrapper.modaal-fullscreen {
    overflow: hidden; }

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%; }
  .modaal-fullscreen .modaal-outer-wrapper {
    display: block; }

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px; }
  .modaal-fullscreen .modaal-inner-wrapper {
    padding: 0;
    display: block;
    vertical-align: top; }

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto; }
  .modaal-container.is_loading {
    height: 100px;
    width: 100px;
    overflow: hidden; }
  .modaal-fullscreen .modaal-container {
    max-width: none;
    height: 100%;
    overflow: auto; }

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  transition: all 0.2s ease-in-out; }
  .modaal-close:focus, .modaal-close:hover {
    outline: none;
    background: #fff; }
    .modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
      background: #b93d0c; }
  .modaal-close span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }
  .modaal-close:before, .modaal-close:after {
    display: block;
    content: " ";
    position: absolute;
    top: 14px;
    left: 23px;
    width: 4px;
    height: 22px;
    border-radius: 4px;
    background: #fff;
    transition: background 0.2s ease-in-out; }
  .modaal-close:before {
    transform: rotate(-45deg); }
  .modaal-close:after {
    transform: rotate(45deg); }
  .modaal-fullscreen .modaal-close {
    background: #afb7bc;
    right: 10px;
    top: 10px; }

.modaal-content-container {
  padding: 30px; }

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0; }

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: transparent; }
  .modaal-confirm-btn.modaal-ok {
    padding: 10px 15px;
    color: #fff;
    background: #555;
    border-radius: 3px;
    transition: background 0.2s ease-in-out; }
    .modaal-confirm-btn.modaal-ok:hover {
      background: #2f2f2f; }
  .modaal-confirm-btn.modaal-cancel {
    text-decoration: underline; }
    .modaal-confirm-btn.modaal-cancel:hover {
      text-decoration: none;
      color: #2f2f2f; }

@keyframes instaReveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes instaReveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes instaReveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes instaReveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes instaReveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.modaal-instagram .modaal-container {
  width: auto;
  background: transparent;
  box-shadow: none !important; }

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: transparent; }

.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important; }

.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  animation: instaReveal 1s linear forwards; }

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px; }

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%; }

.modaal-gallery-wrap {
  position: relative;
  color: #fff; }

.modaal-gallery-item {
  display: none; }
  .modaal-gallery-item img {
    display: block; }
  .modaal-gallery-item.is_active {
    display: block; }

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff; }
  .modaal-gallery-label:focus {
    outline: none; }

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  transition: all 0.2s ease-in-out; }
  .modaal-gallery-control.is_hidden {
    opacity: 0;
    cursor: default; }
  .modaal-gallery-control:focus, .modaal-gallery-control:hover {
    outline: none;
    background: #fff; }
    .modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
      background: #afb7bc; }
  .modaal-gallery-control span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }
  .modaal-gallery-control:before, .modaal-gallery-control:after {
    display: block;
    content: " ";
    position: absolute;
    top: 16px;
    left: 25px;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background: #fff;
    transition: background 0.2s ease-in-out; }
  .modaal-gallery-control:before {
    margin: -5px 0 0;
    transform: rotate(-45deg); }
  .modaal-gallery-control:after {
    margin: 5px 0 0;
    transform: rotate(45deg); }

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px; }

.modaal-gallery-next-outer {
  right: 45px; }

.modaal-gallery-prev:before, .modaal-gallery-prev:after {
  left: 22px; }

.modaal-gallery-prev:before {
  margin: 5px 0 0;
  transform: rotate(-45deg); }

.modaal-gallery-prev:after {
  margin: -5px 0 0;
  transform: rotate(45deg); }

.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px; }

.modaal-gallery-prev-outer {
  left: 45px; }

.modaal-video-wrap {
  margin: auto 50px;
  position: relative; }

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto; }
  .modaal-video-container iframe,
  .modaal-video-container object,
  .modaal-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%; }

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block; }

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px; } }

@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px; }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    transform: none;
    background: rgba(0, 0, 0, 0.7); }
    .modaal-gallery-control:before, .modaal-gallery-control:after {
      background: #fff; }
  .modaal-gallery-next {
    left: auto;
    right: 20px; }
  .modaal-gallery-prev {
    left: 20px;
    right: auto; } }

@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important; } }

@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important; } }

@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px; }
  .modaal-instagram iframe {
    width: 600px !important; } }

@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important; }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px; } }

@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important; } }

@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none; } }

.modaal-loading-spinner {
  background: none;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  transform: scale(0.25); }

@-ms-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute; }

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff; }

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s; }

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(1) {
  -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(2) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .12s;
  -moz-animation-delay: .12s;
  -webkit-animation-delay: .12s;
  -o-animation-delay: .12s;
  animation-delay: .12s; }

.modaal-loading-spinner > div:nth-of-type(2) {
  -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(3) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .25s;
  -moz-animation-delay: .25s;
  -webkit-animation-delay: .25s;
  -o-animation-delay: .25s;
  animation-delay: .25s; }

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(3) {
  -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(4) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .37s;
  -moz-animation-delay: .37s;
  -webkit-animation-delay: .37s;
  -o-animation-delay: .37s;
  animation-delay: .37s; }

.modaal-loading-spinner > div:nth-of-type(4) {
  -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(5) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -webkit-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s; }

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(5) {
  -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(6) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .62s;
  -moz-animation-delay: .62s;
  -webkit-animation-delay: .62s;
  -o-animation-delay: .62s;
  animation-delay: .62s; }

.modaal-loading-spinner > div:nth-of-type(6) {
  -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(7) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .75s;
  -moz-animation-delay: .75s;
  -webkit-animation-delay: .75s;
  -o-animation-delay: .75s;
  animation-delay: .75s; }

.modaal-loading-spinner > div:nth-of-type(7) {
  -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .87s;
  -moz-animation-delay: .87s;
  -webkit-animation-delay: .87s;
  -o-animation-delay: .87s;
  animation-delay: .87s; }

.modaal-loading-spinner > div:nth-of-type(8) {
  -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); }

/* all
============================================================= */
/* object fit image */
img.objectFit {
  width: 100%;
  height: 100%;
  font-family: 'object-fit: cover;';
  object-fit: cover; }
  img.objectFit.-contain {
    font-family: 'object-fit: contain;';
    object-fit: contain; }

/* sticky */
.sticky {
  position: sticky;
  top: 0; }
  .sticky::before, .sticky::after {
    content: '';
    display: table; }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

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

.slick-arrow.slick-hidden {
  display: none; }

/* Dots */
.slick-dots {
  display: inline-block;
  position: absolute;
  list-style: none;
  line-height: 0;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99; }
  @media screen and (min-width: 768px), print {
    .slick-dots {
      bottom: -0.32rem; } }
  @media screen and (max-width: 767px) {
    .slick-dots {
      bottom: -0.24rem; } }
  .slick-dots li {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    overflow: hidden; }
    @media screen and (min-width: 768px), print {
      .slick-dots li {
        width: 0.11rem;
        height: 0.11rem;
        margin: 0 0.06rem; } }
    @media screen and (max-width: 767px) {
      .slick-dots li {
        width: 0.09rem;
        height: 0.09rem;
        margin: 0 0.04rem; } }
    .slick-dots li button {
      background-color: #ccc;
      border: 0;
      border-radius: 50%;
      color: transparent;
      display: block;
      outline: none;
      line-height: 1;
      font-size: 0;
      padding: 0;
      overflow: hidden;
      cursor: pointer; }
      @media screen and (min-width: 768px), print {
        .slick-dots li button {
          width: 0.11rem;
          height: 0.11rem; } }
      @media screen and (max-width: 767px) {
        .slick-dots li button {
          width: 0.09rem;
          height: 0.09rem; } }
    .slick-dots li.slick-active button {
      background-color: #dc000c; }

/* arrow */
.slick-prev,
.slick-next {
  background-color: #DC000C;
  border-radius: 50%;
  position: absolute;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  color: transparent;
  padding: 0;
  border: none;
  outline: none;
  z-index: 10;
  margin: auto;
  top: 0;
  bottom: 0; }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .slick-prev,
    .slick-next {
      transition-duration: 0.25s;
      text-decoration: none !important; }
      .slick-prev:hover,
      .slick-next:hover {
        opacity: .75; } }
  @media screen and (min-width: 768px), print {
    .slick-prev,
    .slick-next {
      transition-duration: 0.375s;
      height: 0.25rem;
      width: 0.25rem; } }
  @media screen and (max-width: 767px) {
    .slick-prev,
    .slick-next {
      height: 0.36rem;
      width: 0.36rem; } }
  .slick-prev::before,
  .slick-next::before {
    background-color: transparent;
    content: '';
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
    @media screen and (min-width: 768px), print {
      .slick-prev::before,
      .slick-next::before {
        width: 0.07rem;
        height: 0.07rem; } }
    @media screen and (max-width: 767px) {
      .slick-prev::before,
      .slick-next::before {
        border-width: 0.04rem;
        width: 0.1rem;
        height: 0.1rem; } }
@media screen and (min-width: 768px), print {
  .slick-prev {
    left: 0.5rem; } }

@media screen and (max-width: 767px) {
  .slick-prev {
    left: 0.11rem; } }

.slick-prev::before {
  left: 0.04rem;
  transform: rotate(-135deg); }

@media screen and (min-width: 768px), print {
  .slick-next {
    right: 0.5rem; } }

@media screen and (max-width: 767px) {
  .slick-next {
    right: 0.11rem; } }

.slick-next::before {
  right: 0.04rem;
  transform: rotate(45deg); }

/* pageA
============================================================= */
/* about
============================================================= */
@media screen and (max-width: 767px) {
  .about__table {
    width: 200% !important;
    white-space: inherit !important; } }

.about__table th,
.about__table td {
  vertical-align: middle; }

.about__table th {
  width: 35%; }

.about__table td {
  width: 65%; }

.about__bnrS {
  width: 0.88rem; }

.about__bnrM {
  width: 1.2rem; }

.about__bnrL {
  width: 2.34rem; }

/* bannerSpSlider
============================================================= */
@media screen and (min-width: 768px), print {
  .bannerSpSlider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0.6rem 0 0.27rem; } }

@media screen and (max-width: 767px) {
  .bannerSpSlider {
    font-size: 0;
    margin: 0.6rem 0; }
    .bannerSpSlider .slick-slide {
      margin: 0 0.16rem; } }

.bannerSpSlider .slick-slide a {
  display: block; }
  @media screen and (max-width: 767px) {
    .bannerSpSlider .slick-slide a img {
      width: 100%;
      max-width: 1000%; } }
@media screen and (min-width: 768px), print {
  .bannerSpSlider > li {
    width: 2.28rem;
    margin-bottom: 0.33rem; } }

@media screen and (min-width: 768px), print {
  .bannerSpSlider > li:not(:nth-child(3n)) {
    margin-right: 0.33rem; } }

/* bijibo
============================================================= */
.bijibo__mv {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .bijibo__mv {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
.bijibo__mvTitle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); }
  @media screen and (min-width: 768px), print {
    .bijibo__mvTitle {
      top: 0.3rem;
      width: 7.54rem;
      height: 2.77rem; } }
  @media screen and (max-width: 767px) {
    .bijibo__mvTitle {
      top: 0.15rem;
      width: 3.15rem;
      height: 1.16rem; } }
.bijibo__mvDesc {
  position: absolute;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  width: 100%; }
  @media screen and (min-width: 768px), print {
    .bijibo__mvDesc {
      bottom: 0.6rem; } }
  @media screen and (max-width: 767px) {
    .bijibo__mvDesc {
      bottom: 0.26rem;
      padding: 0 0.16rem; } }
.bijibo__mvLead {
  font-family: "Noto Sans JP";
  color: #fff;
  font-weight: 700;
  line-height: 1.6; }
  @media screen and (min-width: 768px), print {
    .bijibo__mvLead {
      text-shadow: 0px 0px 16.682px rgba(0, 0, 0, 0.67), 0px 0px 33.782px #000;
      font-size: 0.32rem;
      margin-bottom: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .bijibo__mvLead {
      text-shadow: 0px 0px 6.975px rgba(0, 0, 0, 0.67), 0px 0px 14.124px #000;
      font-size: 0.14rem;
      margin-bottom: 0.12rem; } }
.bijibo__mvText {
  font-family: "Noto Sans JP";
  font-weight: 500;
  line-height: 1.67;
  color: #fff; }
  @media screen and (min-width: 768px), print {
    .bijibo__mvText {
      font-size: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .bijibo__mvText {
      font-size: 0.12rem; } }
.bijibo__lead {
  border: 6px solid #d9d9d9;
  display: flex;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .bijibo__lead {
      gap: 1.88rem;
      padding: 0.54rem 0.54rem 0.56rem 0.68rem; } }
  @media screen and (max-width: 767px) {
    .bijibo__lead {
      gap: 0.42rem;
      flex-direction: column;
      padding: 0.25rem 0 0.29rem; } }
  .bijibo__lead::before {
    position: absolute;
    content: "VS";
    display: inline-block;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    font-family: "Noto Sans JP";
    color: #dc000c;
    font-size: 0.32rem;
    font-weight: 700;
    line-height: 2; }
  .bijibo__lead p {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #000;
    font-weight: 700;
    line-height: 2;
    font-family: "Noto Sans JP";
    width: 100%; }
    @media screen and (min-width: 768px), print {
      .bijibo__lead p {
        font-size: 0.24rem; } }
    @media screen and (max-width: 767px) {
      .bijibo__lead p {
        font-size: 0.18rem; } }
  .bijibo__lead span {
    font-size: 0.16rem;
    font-weight: 400;
    line-height: 2; }

.bijibo__inner {
  margin-left: auto;
  margin-right: auto;
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .bijibo__inner {
      width: 13rem;
      padding: 0.86rem 1.75rem 0.62rem;
      position: relative; } }
  @media screen and (max-width: 767px) {
    .bijibo__inner {
      padding: 0.36rem 0.3rem 0.31rem; } }
@media screen and (min-width: 768px), print {
  .bijibo__detail:not(:first-child) {
    margin-top: 0.67rem; } }

@media screen and (max-width: 767px) {
  .bijibo__detail:not(:first-child) {
    margin-top: 0.52rem; } }

.bijibo__schedule {
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 768px), print {
    .bijibo__schedule {
      margin-top: 0.4rem; } }
  @media screen and (max-width: 767px) {
    .bijibo__schedule {
      flex-direction: column-reverse;
      margin-top: 0.25rem;
      gap: 0.33rem; } }
.bijibo__scheduleList p {
  font-family: "Noto Sans JP";
  font-weight: 400;
  line-height: 2; }
  @media screen and (min-width: 768px), print {
    .bijibo__scheduleList p {
      font-size: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .bijibo__scheduleList p {
      font-size: 0.16rem; } }
@media screen and (max-width: 767px) {
  .bijibo__scheduleButton {
    text-align: center; } }

.bijibo__scheduleButton a {
  display: inline-block;
  width: auto; }
  @media screen and (min-width: 768px), print {
    .bijibo__scheduleButton a {
      padding: 0.166rem 0.532rem; } }
  @media screen and (max-width: 767px) {
    .bijibo__scheduleButton a {
      padding: 0.166rem 0.532rem; } }
@media screen and (min-width: 768px), print {
  .bijibo___performers {
    margin-top: 0.62rem; } }

@media screen and (max-width: 767px) {
  .bijibo___performers {
    margin-top: 0.39rem; } }

.bijibo___performersTitle {
  font-family: "Noto Sans JP";
  font-weight: 700;
  line-height: 1.67;
  color: #000;
  border-left: 0.05rem solid #dc000c; }
  @media screen and (min-width: 768px), print {
    .bijibo___performersTitle {
      padding: 0.06rem 0.3rem;
      font-size: 0.28rem; } }
  @media screen and (max-width: 767px) {
    .bijibo___performersTitle {
      padding: 0.03rem 0.2rem;
      font-size: 0.18rem; } }
.bijibo___performersList {
  display: grid; }
  @media screen and (min-width: 768px), print {
    .bijibo___performersList {
      gap: 0.25rem;
      grid-template-columns: repeat(3, 1fr);
      margin-top: 0.4rem; } }
  @media screen and (max-width: 767px) {
    .bijibo___performersList {
      gap: 0.33rem 0.136rem;
      grid-template-columns: repeat(2, 1fr);
      margin-top: 0.26rem; } }
  @media screen and (min-width: 768px), print {
    .bijibo___performersList figcaption {
      margin-top: 0.27rem; } }
  @media screen and (max-width: 767px) {
    .bijibo___performersList figcaption {
      margin-top: 0.15rem; } }
.bijibo___performersText {
  color: #000;
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-size: 0.18rem; }
  @media screen and (min-width: 768px), print {
    .bijibo___performersText {
      margin-top: 0.69rem;
      line-height: 2; } }
  @media screen and (max-width: 767px) {
    .bijibo___performersText {
      margin-top: 0.33rem;
      line-height: 1.8; } }
@media screen and (min-width: 768px), print {
  .bijibo__button {
    position: absolute;
    top: 0.42rem;
    right: 0.35rem; } }

@media screen and (max-width: 767px) {
  .bijibo__button {
    text-align: center;
    margin-bottom: 0.25rem; } }

@media screen and (min-width: 768px), print {
  .bijibo__button .button {
    font-size: 0.16rem;
    padding: 0.15rem 0.602rem 0.17rem; } }

@media screen and (max-width: 767px) {
  .bijibo__button .button {
    display: inline-block;
    width: auto;
    font-size: 0.14rem;
    padding: 0.075rem 0.407rem; } }

.bijibo__button .button > span {
  padding-left: 0; }
  .bijibo__button .button > span::before {
    left: initial; }
    @media screen and (min-width: 768px), print {
      .bijibo__button .button > span::before {
        width: 0.17rem;
        height: 0.17rem;
        right: -0.27rem; } }
    @media screen and (max-width: 767px) {
      .bijibo__button .button > span::before {
        width: 0.13rem;
        height: 0.13rem;
        right: -0.27rem; } }
.bijibo__planListWrapper .ve > * + * {
  margin-top: 0; }

.bijibo__planListWrapper .ve h3 {
  font-family: "Noto Sans JP";
  font-weight: 700;
  line-height: 2;
  color: #000; }
  @media screen and (min-width: 768px), print {
    .bijibo__planListWrapper .ve h3 {
      font-size: 0.24rem; } }
  @media screen and (max-width: 767px) {
    .bijibo__planListWrapper .ve h3 {
      font-size: 0.21rem; } }
  .bijibo__planListWrapper .ve h3:nth-of-type(odd) {
    color: #dc000c;
    border-top: 2px solid #dddddd; }
    @media screen and (min-width: 768px), print {
      .bijibo__planListWrapper .ve h3:nth-of-type(odd) {
        padding-top: 0.1rem;
        margin-top: 0.6rem; } }
    @media screen and (max-width: 767px) {
      .bijibo__planListWrapper .ve h3:nth-of-type(odd) {
        padding-top: 0.1rem;
        margin-top: 0.4rem; } }
  @media screen and (min-width: 768px), print {
    .bijibo__planListWrapper .ve h3:nth-of-type(even) {
      margin-bottom: 0.16rem; } }
  @media screen and (max-width: 767px) {
    .bijibo__planListWrapper .ve h3:nth-of-type(even) {
      margin-bottom: 0.2rem; } }
  @media screen and (min-width: 768px), print {
    .bijibo__planListWrapper .ve h3 + p {
      margin-bottom: 0.31rem; } }
  @media screen and (max-width: 767px) {
    .bijibo__planListWrapper .ve h3 + p {
      margin-bottom: 0.28rem; } }
.bijibo__planListWrapper .ve p {
  font-family: "Noto Sans JP";
  font-weight: 400;
  line-height: 2;
  color: #000; }
  @media screen and (min-width: 768px), print {
    .bijibo__planListWrapper .ve p {
      font-size: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .bijibo__planListWrapper .ve p {
      font-size: 0.16rem; } }
@media screen and (min-width: 768px), print {
  .bijibo__planListWrapper .ve div {
    padding-bottom: 0.5rem; } }

@media screen and (max-width: 767px) {
  .bijibo__planListWrapper .ve div {
    padding-bottom: 0.28rem; } }

/* borderBlock
============================================================= */
.borderBlock {
  background-color: #f5f5f5;
  border: 1px solid #ccc; }
  @media screen and (min-width: 768px), print {
    .borderBlock {
      padding: 0.24rem 0.3rem; } }
  @media screen and (max-width: 767px) {
    .borderBlock {
      padding: 0.2rem 0.15rem; } }
  @media screen and (min-width: 768px), print {
    * + .borderBlock {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    * + .borderBlock {
      margin-top: 0.2rem; } }
/* button
============================================================= */
.button {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50px;
  color: #181818;
  font-weight: 500;
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .button {
      font-size: 0.14rem;
      padding: 0.15rem 0.56rem 0.17rem; } }
  @media screen and (max-width: 767px) {
    .button {
      font-size: 0.14rem;
      padding: 0.15rem 0.25rem 0.17rem;
      width: 100%; } }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .button {
      transition-duration: 0.25s;
      box-shadow: 0 0.2rem 0.2rem -0.2rem rgba(0, 0, 0, 0); }
      .button:hover {
        box-shadow: 0 0.2rem 0.2rem -0.2rem rgba(0, 0, 0, 0.4);
        transform: translateY(-5%); } }
  .button > span {
    display: inline-block;
    padding-left: 0.22rem;
    position: relative; }
    .button > span::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M8%2C16A8%2C8%2C0%2C0%2C1%2C2.343%2C2.343%2C8%2C8%2C0%2C1%2C1%2C13.657%2C13.657%2C7.948%2C7.948%2C0%2C0%2C1%2C8%2C16ZM9.813%2C3.378a.335.335%2C0%2C0%2C0-.213.077L4.456%2C7.744a.333.333%2C0%2C0%2C0%2C0%2C.512L9.6%2C12.545a.333.333%2C0%2C0%2C0%2C.547-.257V10.5a.333.333%2C0%2C0%2C0-.128-.263l-2.7-2.1a.166.166%2C0%2C0%2C1%2C0-.263l2.7-2.1a.334.334%2C0%2C0%2C0%2C.128-.263l0-1.791a.336.336%2C0%2C0%2C0-.191-.3A.331.331%2C0%2C0%2C0%2C9.813%2C3.378Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat;
      background-size: 100% auto;
      content: '';
      display: block;
      width: 0.16rem;
      height: 0.16rem;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      transform: scale(-1, 1); }
  .button.-w100 {
    width: 100%; }
  @media screen and (min-width: 768px), print {
    .button.-paddingMin {
      padding-left: 0.3rem;
      padding-right: 0.3rem; } }
  .button.-red {
    background-color: #dc000c;
    border-color: #dc000c;
    color: #fff; }
    .button.-red > span::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cg%20id%3D%22Arrows-Diagrams_Arrows_arrow-button-circle-left-1%22%20data-name%3D%22Arrows-Diagrams%20%2F%20Arrows%20%2F%20arrow-button-circle-left-1%22%20transform%3D%22translate(16%2016)%20rotate(180)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Bold%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M8%2C16A8%2C8%2C0%2C0%2C1%2C2.343%2C2.343%2C8%2C8%2C0%2C1%2C1%2C13.657%2C13.657%2C7.948%2C7.948%2C0%2C0%2C1%2C8%2C16ZM9.813%2C3.378a.335.335%2C0%2C0%2C0-.213.077L4.456%2C7.744a.333.333%2C0%2C0%2C0%2C0%2C.512L9.6%2C12.545a.333.333%2C0%2C0%2C0%2C.547-.257V10.5a.333.333%2C0%2C0%2C0-.128-.263l-2.7-2.1a.166.166%2C0%2C0%2C1%2C0-.263l2.7-2.1a.334.334%2C0%2C0%2C0%2C.128-.263l0-1.791a.336.336%2C0%2C0%2C0-.191-.3A.331.331%2C0%2C0%2C0%2C9.813%2C3.378Z%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat;
      background-size: 100% auto;
      transform: scale(1, 1); }
  .button.-reverse > span::before {
    transform: scale(1, -1); }

/* company
============================================================= */
@media screen and (min-width: 768px), print {
  .company__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -0.5rem; } }

@media screen and (min-width: 768px), print {
  .company__listItem {
    width: 4rem;
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column; } }

@media screen and (max-width: 767px) {
  .company__listItem:not(:last-child) {
    margin-bottom: 0.3rem; } }

@media screen and (min-width: 768px), print {
  .company__listText:not(:last-child) {
    margin-bottom: 0.28rem; } }

.company__listImage {
  display: block; }
  .company__listImage img {
    width: 100%; }

.company__listButton {
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .company__listButton {
      margin-top: auto !important; } }
.company__serviceImage {
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .company__serviceImage {
      margin-top: 0.45rem !important; } }
  @media screen and (max-width: 767px) {
    .company__serviceImage {
      margin-top: 0.35rem !important; } }
  @media screen and (min-width: 768px), print {
    .company__serviceImage img {
      width: 7rem; } }
/* contact
============================================================= */
.contact {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .contact {
      padding: 0.6rem 0 1rem; }
      .contact.-patternA {
        padding-top: 0; } }
  @media screen and (max-width: 767px) {
    .contact {
      padding: 0.3rem 0.2rem 0.6rem; }
      .contact.-patternA {
        padding: 0; } }
.contact__inner {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .contact__inner {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .contact__inner {
      padding: 0.5rem 1.5rem 0.6rem; } }
  @media screen and (max-width: 767px) {
    .contact__inner {
      padding: 0.3rem 0.2rem; } }
@media screen and (min-width: 768px), print {
  .contact__info {
    text-align: center; } }

@media screen and (min-width: 768px), print {
  .contact__info + * {
    margin-top: 0.5rem; } }

@media screen and (max-width: 767px) {
  .contact__info + * {
    margin-top: 0.3rem; } }

@media screen and (min-width: 768px), print {
  .contact__note {
    margin-top: 0.3rem;
    padding: 0 0.2rem; } }

@media screen and (max-width: 767px) {
  .contact__note {
    margin-top: 0.2rem;
    padding: 0 0.1rem; } }

.contact__privacy {
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .contact__privacy {
      margin-top: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .contact__privacy {
      font-size: 0.13rem;
      margin-top: 0.15rem; } }
@media screen and (min-width: 768px), print {
  .contact__complete > p:not(:last-child) {
    margin-bottom: 0.3rem; } }

@media screen and (max-width: 767px) {
  .contact__complete > p:not(:last-child) {
    margin-bottom: 0.2rem; } }

.contact__headText {
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .contact__headText + * {
      margin-top: 0.47rem; } }
  @media screen and (max-width: 767px) {
    .contact__headText + * {
      margin-top: 0.3rem; } }
.contact__subTitle {
  font-size: 0.18rem;
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .contact__subTitle + * {
      margin-top: 0.38rem; } }
  @media screen and (max-width: 767px) {
    .contact__subTitle + * {
      margin-top: 0.2rem; } }
@media screen and (min-width: 768px), print {
  .contact__text {
    text-align: center; } }

@media screen and (min-width: 768px), print {
  .contact__button {
    margin-top: 0.6rem;
    text-align: center; } }

@media screen and (max-width: 767px) {
  .contact__button {
    margin-top: 0.4rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem; } }

@media screen and (min-width: 768px), print {
  .contact__button .button {
    display: inline-block;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    width: 2.77rem;
    line-height: 1; } }

@media screen and (min-width: 768px), print {
  .contact__faq {
    margin-top: 0.5rem; } }

@media screen and (max-width: 767px) {
  .contact__faq {
    margin-top: 0.4rem; } }

.contact__faqTitle {
  background-color: #F5F5F5;
  border-bottom: 1px solid #CCC;
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .contact__faqTitle {
      font-size: 0.18rem;
      padding: 0.28rem 0.3rem; } }
  @media screen and (max-width: 767px) {
    .contact__faqTitle {
      font-size: 0.15rem;
      padding: 0.16rem 0.15rem; } }
.contact__faqListItem {
  border-bottom: 1px solid #CCC; }

.contact__faqListLink {
  display: block;
  line-height: 1.5; }
  @media screen and (min-width: 768px), print {
    .contact__faqListLink {
      padding: 0.26rem 0.5rem 0.24rem; } }
  @media screen and (max-width: 767px) {
    .contact__faqListLink {
      padding: 0.18rem 0.15rem 0.16rem; } }
  .contact__faqListLink > span {
    display: inline-block;
    position: relative; }
    @media screen and (min-width: 768px), print {
      .contact__faqListLink > span {
        padding-left: 0.36rem; } }
    @media screen and (max-width: 767px) {
      .contact__faqListLink > span {
        padding-left: 0.28rem; } }
    .contact__faqListLink > span::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22Interface-Essential_Help_question-help-message%22%20data-name%3D%22Interface-Essential%20%2F%20Help%20%2F%20question-help-message%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22question-help-message%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M.5%2C23.489a.5.5%2C0%2C0%2C1-.5-.5V2.5A2.5%2C2.5%2C0%2C0%2C1%2C2.5%2C0h19A2.5%2C2.5%2C0%2C0%2C1%2C24%2C2.5v14a2.486%2C2.486%2C0%2C0%2C1-.73%2C1.773%2C2.516%2C2.516%2C0%2C0%2C1-1.77.735H6.665a.5.5%2C0%2C0%2C0-.3.1L.8%2C23.385A.5.5%2C0%2C0%2C1%2C.5%2C23.489ZM12%2C13.247a1.5%2C1.5%2C0%2C1%2C0%2C1.5%2C1.5A1.5%2C1.5%2C0%2C0%2C0%2C12%2C13.247ZM12%2C4.5a2%2C2%2C0%2C0%2C1%2C.8%2C3.833%2C3%2C3%2C0%2C0%2C0-1.8%2C2.75%2C1%2C1%2C0%2C0%2C0%2C2%2C0%2C1%2C1%2C0%2C0%2C1%2C.6-.917A4%2C4%2C0%2C1%2C0%2C8%2C6.5a1%2C1%2C0%2C0%2C0%2C2%2C0%2C2%2C2%2C0%2C0%2C1%2C2-2Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      background-size: 100% auto;
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      margin: auto; }
      @media screen and (min-width: 768px), print {
        .contact__faqListLink > span::before {
          width: 0.24rem;
          height: 0.24rem;
          top: 0.05rem; } }
      @media screen and (max-width: 767px) {
        .contact__faqListLink > span::before {
          width: 0.2rem;
          height: 0.2rem;
          top: 0.03rem; } }
.contact__faqListAnswer {
  background-color: #F5F5F5;
  border: 1px solid #ccc;
  position: relative;
  display: none;
  opacity: 0;
  word-break: break-all; }
  .contact__faqListAnswer.-open {
    transition: opacity .15s linear .4s;
    opacity: 1; }
  .contact__faqListAnswer > *:not(:last-child) {
    margin-bottom: 0.2rem; }
  .contact__faqListAnswer > h5:not(:last-child) {
    margin-bottom: 0; }
  @media screen and (min-width: 768px), print {
    .contact__faqListAnswer {
      margin-bottom: 0.3rem;
      margin-left: 0.5rem;
      width: 8.6rem;
      padding: 0.22rem 0.3rem 0.26rem; } }
  @media screen and (max-width: 767px) {
    .contact__faqListAnswer {
      font-size: 0.13rem;
      padding: 0.12rem 0.15rem 0.16rem;
      margin: 0 0.35rem 0.2rem 0.15rem; } }
  .contact__faqListAnswer::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.977%22%20height%3D%2214.977%22%20viewBox%3D%220%200%2014.977%2014.977%22%3E%0A%20%20%3Cg%20id%3D%22%E3%83%91%E3%82%B9_2708%22%20data-name%3D%22%E3%83%91%E3%82%B9%202708%22%20fill%3D%22%23f5f5f5%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M%200.5000012516975403%2013.7694616317749%20L%200.5000012516975403%200.5000012516975403%20L%2013.7694616317749%200.5000012516975403%20L%200.5000012516975403%2013.7694616317749%20Z%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M%201.000000953674316%201.000000953674316%20L%201.000000953674316%2012.56234169006348%20L%2012.56234169006348%201.000000953674316%20L%201.000000953674316%201.000000953674316%20M%209.5367431640625e-07%209.5367431640625e-07%20L%2014.97656154632568%209.5367431640625e-07%20L%209.5367431640625e-07%2014.97656154632568%20L%209.5367431640625e-07%209.5367431640625e-07%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23ccc%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat right 0;
    background-size: 0.1498rem auto;
    content: '';
    position: absolute;
    right: -0.08rem;
    bottom: 0.17rem;
    width: 0.08rem;
    height: 0.08rem; }
  .contact__faqListAnswer::after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2221.71%22%20height%3D%2224%22%20viewBox%3D%220%200%2021.71%2024%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2221.71%22%20height%3D%2224%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22Interface-Essential_Help_headphones-customer-support-human-1%22%20data-name%3D%22Interface-Essential%20%2F%20Help%20%2F%20headphones-customer-support-human-1%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(-1.145%200)%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22headphones-customer-support-human-1%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M1.678%2C0a1.689%2C1.689%2C0%2C1%2C0%2C1.7%2C1.689A1.689%2C1.689%2C0%2C0%2C0%2C1.678%2C0Z%22%20transform%3D%22translate(10.965%2011.341)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M17.21%2C24h-10a.5.5%2C0%2C0%2C1-.5-.5V22a.5.5%2C0%2C0%2C0-.5-.5h-1.5A2.5%2C2.5%2C0%2C0%2C1%2C2.21%2C19V17.02a.5.5%2C0%2C0%2C0-.5-.5c-.191%2C0-.381%2C0-.551-.011a1.239%2C1.239%2C0%2C0%2C1-.965-.52%2C1.215%2C1.215%2C0%2C0%2C1-.189-.743V15.11C-.071%2C14%2C.715%2C12.618%2C1.408%2C11.4l.02-.036.034-.061c.159-.28.34-.6.478-.867A2.04%2C2.04%2C0%2C0%2C0%2C2.155%2C9.6%2C8.2%2C8.2%2C0%2C0%2C1%2C7.569%2C2.324a.5.5%2C0%2C0%2C0%2C.286-.31A2.883%2C2.883%2C0%2C0%2C1%2C10.609%2C0h1.778A2.905%2C2.905%2C0%2C0%2C1%2C15.1%2C1.885a.5.5%2C0%2C0%2C0%2C.289.293%2C9.938%2C9.938%2C0%2C0%2C1%2C6.324%2C9.385c0%2C3.5-1.272%2C6.124-3.78%2C7.814a.5.5%2C0%2C0%2C0-.22.415V23.5A.5.5%2C0%2C0%2C1%2C17.21%2C24ZM5.71%2C17.5a1.25%2C1.25%2C0%2C0%2C0%2C0%2C2.5h.5a1.255%2C1.255%2C0%2C0%2C0%2C1-.5.5.5%2C0%2C0%2C1%2C.266-.181%2C10.5%2C10.5%2C0%2C0%2C0%2C3.8-2.1%2C1%2C1%2C0%2C0%2C1%2C.559-.229%2C3.953%2C3.953%2C0%2C0%2C0%2C1.691-7.364.5.5%2C0%2C0%2C1-.248-.431V2.882A.887.887%2C0%2C0%2C0%2C12.391%2C2H10.609a.89.89%2C0%2C0%2C0-.88.883V9.189a.5.5%2C0%2C0%2C1-.247.431%2C3.94%2C3.94%2C0%2C0%2C0-.131%2C6.751.251.251%2C0%2C0%2C1%2C0%2C.419%2C8.505%2C8.505%2C0%2C0%2C1-1.994.99.506.506%2C0%2C0%2C1-.157.025.5.5%2C0%2C0%2C1-.284-.088%2C1.235%2C1.235%2C0%2C0%2C0-.707-.221Z%22%20transform%3D%22translate(1.145)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    width: 0.2171rem;
    height: 0.24rem;
    position: absolute;
    right: -0.38rem;
    bottom: 0.13rem; }

@media screen and (max-width: 767px) {
  .contact .guide__customer {
    margin-left: 0;
    margin-right: 0; } }

@media screen and (min-width: 768px), print {
  .contact .guide__customer + * {
    margin-top: 0.3rem; } }

@media screen and (max-width: 767px) {
  .contact .guide__customer + * {
    margin-top: 0.2rem; } }

/* contacts
============================================================= */
.contacts {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .contacts {
      padding: 0.3rem 0 1rem; } }
  @media screen and (max-width: 767px) {
    .contacts {
      padding: 0.2rem 0 1rem; } }
@media screen and (min-width: 768px), print {
  .contacts__inner {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

@media screen and (max-width: 767px) {
  .contacts__inner {
    padding: 0 0.2rem; } }

@media screen and (min-width: 768px), print {
  .contacts__contents {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

.contacts__form {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .contacts__form {
      padding: 0.55rem 1.5rem 0.6rem; } }
  @media screen and (max-width: 767px) {
    .contacts__form {
      padding: 0.5rem 0.2rem; } }
.contacts__formTitle {
  font-size: 0.18rem;
  line-height: 1.2;
  text-align: center; }
  .contacts__formTitle + * {
    margin-top: 0.45rem; }

@media screen and (min-width: 768px), print {
  .contacts__formText {
    text-align: center; } }

@media screen and (max-width: 767px) {
  .contacts__formText {
    font-size: 0.16rem; } }

@media screen and (min-width: 768px), print {
  .contacts__formText + * {
    margin-top: 0.5rem; } }

@media screen and (max-width: 767px) {
  .contacts__formText + * {
    margin-top: 0.38rem; } }

/* deploymentNavi
============================================================= */
.deploymentNavi {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 101; }
  @media screen and (min-width: 768px), print {
    .deploymentNavi {
      display: none; }
      .deploymentNavi.-usePc {
        display: block; } }
  @media screen and (max-width: 767px) {
    .deploymentNavi {
      overflow-y: scroll;
      padding: 0.5rem 0.3rem 0.8rem;
      box-sizing: border-box; } }
  .-menuOpen .deploymentNavi {
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
    pointer-events: inherit; }

/* footYoutube
============================================================= */
.footYoutube {
  background-color: #181818;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .footYoutube::after {
      background-color: #000;
      content: '';
      display: block;
      width: 50vw;
      height: 100%;
      position: absolute;
      left: 50vw;
      top: 0; } }
.footYoutube__inner {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 768px), print {
    .footYoutube__inner {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .footYoutube__inner {
      display: flex; } }
.footYoutube__info {
  color: #fff; }
  @media screen and (min-width: 768px), print {
    .footYoutube__info {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.97rem; } }
@media screen and (min-width: 768px), print {
  .footYoutube__infoInner {
    padding: 0.55rem 0; } }

@media screen and (max-width: 767px) {
  .footYoutube__infoInner {
    padding: 0.32rem 0 0.3rem; } }

.footYoutube__title {
  font-size: 0.25rem;
  font-weight: 700; }
  @media screen and (max-width: 767px) {
    .footYoutube__title {
      text-align: center; } }
  .footYoutube__title > span {
    display: inline-block;
    position: relative;
    padding-left: 0.5rem; }
    .footYoutube__title > span::before {
      background: url(img/icon_youtube.png) no-repeat left 0;
      background-size: 100% auto;
      content: '';
      display: block;
      width: 0.41rem;
      height: 0.29rem;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
  .footYoutube__title + * {
    margin-top: 0.06rem; }

.footYoutube__text {
  font-size: 0.14rem;
  line-height: 1.5714285714; }
  @media screen and (max-width: 767px) {
    .footYoutube__text {
      text-align: center; } }
.footYoutube__button {
  width: 2rem; }
  @media screen and (min-width: 768px), print {
    .footYoutube__button {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .footYoutube__button {
      margin: 0.16rem auto 0; } }
.footYoutube__contents {
  background-color: #000; }
  @media screen and (min-width: 768px), print {
    .footYoutube__contents {
      flex: 1;
      padding: 0.49rem 0.3rem 0.56rem; } }
  @media screen and (max-width: 767px) {
    .footYoutube__contents {
      padding: 0.32rem 0 0.46rem 0.2rem;
      overflow-x: scroll; } }
.footYoutube__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .footYoutube__list > .layout__item {
    width: calc((100% - 0.6rem) / 4); }
    .footYoutube__list > .layout__item:nth-child(n + 5) {
      margin-top: 0.2rem; }
    .footYoutube__list > .layout__item:nth-child(n + 2) {
      margin-left: 0.2rem; }
    .footYoutube__list > .layout__item:nth-child(4n - 3) {
      margin-left: 0px; }
    .footYoutube__list > .layout__item:nth-child(4n) {
      margin-right: -1%; }
  @media screen and (max-width: 767px) {
    .footYoutube__list {
      width: 9.6rem;
      padding-right: 0.2rem; } }
  .footYoutube__list p {
    color: #999;
    line-height: 1.3846153846; }
    @media screen and (min-width: 768px), print {
      .footYoutube__list p {
        font-size: 0.13rem;
        margin-top: 0.19rem; } }
    @media screen and (max-width: 767px) {
      .footYoutube__list p {
        font-size: 0.14rem;
        margin-top: 0.18rem; } }
.footYoutube__listVideo > a {
  background-color: #181818;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .footYoutube__listVideo > a img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

/* gaorabelt
============================================================= */
@media screen and (max-width: 767px) {
  .gaorabelt__table {
    width: 200% !important;
    white-space: inherit !important; } }

.gaorabelt__table th,
.gaorabelt__table td {
  vertical-align: middle; }

.gaorabelt__table th {
  text-align: center !important; }

.gaorabelt__table th.number {
  width: 15%; }

.gaorabelt__table th.king {
  width: 40%; }

.gaorabelt__table th.defense {
  width: 15%; }

.gaorabelt__table th.term {
  width: 15%; }

.gaorabelt__table th.date {
  width: 15%; }

.gaorabelt__table td.grey {
  background-color: #f0f0f0; }

.gaorabelt__mainImage {
  text-align: center; }

.banner_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: .2rem;
  margin-bottom: 0.45rem !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .banner_area {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: -0.1rem; } }
  @media screen and (max-width: 767px) {
    .banner_area > li {
      margin-bottom: 0.1rem;
      width: 48%; } }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .banner_area > li a {
      transition-duration: 0.25s;
      text-decoration: none !important; }
      .banner_area > li a:hover {
        opacity: .75; } }
  .banner_area > li img {
    width: 100%; }

@media screen and (min-width: 768px), print {
  .banner_area li:not(:nth-child(4n)) {
    margin-right: .2rem; } }

@media screen and (min-width: 768px), print {
  .king__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -.5rem; } }

@media screen and (min-width: 768px), print {
  .king__text {
    width: 6rem;
    margin-bottom: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

@media screen and (max-width: 767px) {
  .king__text {
    margin-bottom: 0.4rem; } }

@media screen and (min-width: 768px), print {
  .king__img {
    width: 2rem;
    margin-bottom: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

@media screen and (max-width: 767px) {
  .king__img {
    margin-bottom: 0.5rem;
    text-align: center; } }

/* genre
============================================================= */
.genre {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .genre {
      padding: 0.6rem 0 1rem; } }
  @media screen and (max-width: 767px) {
    .genre {
      padding: 0.3rem 0.2rem 0.6rem; } }
@media screen and (min-width: 768px), print {
  .genre__inner {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

@media screen and (min-width: 768px), print {
  .genre__inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; } }

@media screen and (min-width: 768px), print {
  .genre__contents {
    width: 9.5rem; } }

@media screen and (min-width: 768px), print {
  .genre__spTab {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .genre__spTab {
    display: flex; } }

.genre__spTabItem {
  background-color: #E5E5E5;
  width: 50%;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .genre__spTabItem.-active {
    background-color: #dc000c; }

.genre__program {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .genre__program {
      padding: 0.5rem 0.35rem 0.8rem 0.35rem; } }
  @media screen and (max-width: 767px) {
    .genre__program {
      padding: 0.5rem 0.3rem;
      display: none; }
      .genre__program.-active {
        display: block; } }
  @media screen and (min-width: 768px), print {
    .genre__program + * {
      margin-top: 0.3rem; } }
  .genre__program.-bijibo {
    position: relative; }

.genre__programTitle {
  font-weight: 700;
  text-align: center;
  position: relative; }
  .genre__programTitle[class*="-genre"] {
    display: flex;
    justify-content: center; }
    .genre__programTitle[class*="-genre"] > span {
      display: flex;
      align-items: center;
      padding-left: 0; }
      .genre__programTitle[class*="-genre"] > span::before {
        display: inline-flex;
        position: static;
        margin-right: 0.1rem;
        position: relative;
        top: -0.04rem; }
  .genre__programTitle.-genre901 > span::before {
    background: url(img/genre_charactor901.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.49rem;
    height: 0.49rem; }
  .genre__programTitle.-genre902 > span::before {
    background: url(img/genre_charactor902.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.5rem;
    height: 0.55rem; }
  .genre__programTitle.-genre5 > span::before {
    background: url(img/genre_charactor5.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.56rem;
    height: 0.49rem; }
  .genre__programTitle.-genre6 > span::before {
    background: url(img/genre_charactor6.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.56rem;
    height: 0.49rem; }
  .genre__programTitle.-genre9 > span::before {
    background: url(img/genre_charactor9.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.53rem;
    height: 0.59rem; }
  .genre__programTitle.-genre12 > span::before {
    background: url(img/genre_charactor12.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.56rem;
    height: 0.7rem;
    margin-right: 0.05rem; }
  .genre__programTitle.-genre21 > span::before {
    background: url(img/genre_charactor21.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.51rem;
    height: 0.49rem; }
  .genre__programTitle.-genre8 > span::before {
    background: url(img/genre_charactor8.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.41rem;
    height: 0.48rem; }
  .genre__programTitle.-genre903 > span::before {
    background: url(img/genre_charactor903.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.44rem;
    height: 0.47rem; }
  .genre__programTitle.-genre18 > span::before {
    background: url(img/genre_charactor18.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.55rem;
    height: 0.49rem;
    margin-right: 0.05rem; }
  .genre__programTitle.-genre20 > span::before {
    background: url(img/genre_charactor20.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.34rem;
    height: 0.48rem; }
  .genre__programTitle.-genre7 > span::before {
    background: url(img/genre_charactor7.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.49rem;
    height: 0.48rem; }
  .genre__programTitle.-genre22 > span::before {
    background: url(img/genre_charactor22.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.69rem;
    height: 0.51rem;
    margin-right: 0.05rem; }
  .genre__programTitle.-genre23 > span::before {
    background: url(img/genre_charactor23.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.4rem;
    height: 0.48rem; }
  .genre__programTitle.-genre25 > span::before {
    background: url(img/genre_charactor25.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.58rem;
    height: 0.42rem;
    top: 0.02rem; }
  .genre__programTitle.-genre904 > span::before {
    background: url(img/genre_charactor904.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.5rem;
    height: 0.48rem; }
  .genre__programTitle.-genre101 > span::before {
    background: url(img/genre_charactor101.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.57rem;
    height: 0.55rem; }
  .-bijibo .genre__programTitle {
    pointer-events: none; }
  @media screen and (min-width: 768px), print {
    .genre__programTitle {
      font-size: 0.2rem; } }
  .genre__programTitle > span {
    position: relative;
    display: inline-block; }
    @media screen and (min-width: 768px), print {
      .genre__programTitle > span {
        padding-left: 0.43rem; } }
    @media screen and (max-width: 767px) {
      .genre__programTitle > span {
        padding-left: 0.31rem; } }
    .genre__programTitle > span::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2234%22%20height%3D%2228%22%20viewBox%3D%220%200%2034%2028%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2234%22%20height%3D%2228%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3632%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203632%22%20transform%3D%22translate(-148.523%20-646.662)%22%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1062%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201062%22%20width%3D%2214%22%20height%3D%223%22%20rx%3D%221.5%22%20transform%3D%22translate(158.523%20653.662)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22Video-Movies-TV_Mordern-TV_modern-tv-flat%22%20data-name%3D%22Video-Movies-TV%20%2F%20Mordern-TV%20%2F%20modern-tv-flat%22%20transform%3D%22translate(148.523%20646.662)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22modern-tv-flat%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M23.729%2C28H10.271a1.75%2C1.75%2C0%2C1%2C1%2C0-3.5h1.77a.7.7%2C0%2C0%2C0%2C.709-.7V22.4a.706.706%2C0%2C0%2C0-.709-.7H3.187A3.179%2C3.179%2C0%2C0%2C1%2C0%2C18.55V3.15A3.179%2C3.179%2C0%2C0%2C1%2C3.187%2C0H30.813A3.179%2C3.179%2C0%2C0%2C1%2C34%2C3.15v15.4a3.179%2C3.179%2C0%2C0%2C1-3.187%2C3.15H21.958a.7.7%2C0%2C0%2C0-.708.7v1.4a.7.7%2C0%2C0%2C0%2C.708.7h1.771a1.75%2C1.75%2C0%2C1%2C1%2C0%2C3.5ZM4.25%2C3.5a.7.7%2C0%2C0%2C0-.708.7V17.5a.7.7%2C0%2C0%2C0%2C.708.7h25.5a.7.7%2C0%2C0%2C0%2C.709-.7V4.2a.7.7%2C0%2C0%2C0-.709-.7Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1065%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201065%22%20width%3D%2214%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22translate(158.523%20659.662)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      background-size: 100% auto;
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
      @media screen and (min-width: 768px), print {
        .genre__programTitle > span::before {
          width: 0.34rem;
          height: 0.28rem; } }
      @media screen and (max-width: 767px) {
        .genre__programTitle > span::before {
          width: 0.24rem;
          height: 0.2rem; } }
  @media screen and (min-width: 768px), print {
    .genre__programTitle + * {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .genre__program .genre__programTitle {
      display: none; } }
  @media screen and (max-width: 767px) {
    .-active .genre__programTitle {
      color: #fff; }
      .-active .genre__programTitle > span::before {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2234%22%20height%3D%2228%22%20viewBox%3D%220%200%2034%2028%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2234%22%20height%3D%2228%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3632%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203632%22%20transform%3D%22translate(-148.523%20-646.662)%22%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1062%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201062%22%20width%3D%2214%22%20height%3D%223%22%20rx%3D%221.5%22%20transform%3D%22translate(158.523%20653.662)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22Video-Movies-TV_Mordern-TV_modern-tv-flat%22%20data-name%3D%22Video-Movies-TV%20%2F%20Mordern-TV%20%2F%20modern-tv-flat%22%20transform%3D%22translate(148.523%20646.662)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22modern-tv-flat%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M23.729%2C28H10.271a1.75%2C1.75%2C0%2C1%2C1%2C0-3.5h1.77a.7.7%2C0%2C0%2C0%2C.709-.7V22.4a.706.706%2C0%2C0%2C0-.709-.7H3.187A3.179%2C3.179%2C0%2C0%2C1%2C0%2C18.55V3.15A3.179%2C3.179%2C0%2C0%2C1%2C3.187%2C0H30.813A3.179%2C3.179%2C0%2C0%2C1%2C34%2C3.15v15.4a3.179%2C3.179%2C0%2C0%2C1-3.187%2C3.15H21.958a.7.7%2C0%2C0%2C0-.708.7v1.4a.7.7%2C0%2C0%2C0%2C.708.7h1.771a1.75%2C1.75%2C0%2C1%2C1%2C0%2C3.5ZM4.25%2C3.5a.7.7%2C0%2C0%2C0-.708.7V17.5a.7.7%2C0%2C0%2C0%2C.708.7h25.5a.7.7%2C0%2C0%2C0%2C.709-.7V4.2a.7.7%2C0%2C0%2C0-.709-.7Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1065%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201065%22%20width%3D%2214%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22translate(158.523%20659.662)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
        background-size: 100% auto; } }
@media screen and (min-width: 768px), print {
  .genre__programList {
    display: flex;
    flex-wrap: wrap; } }

@media screen and (min-width: 768px), print {
  .genre__programList.-list {
    margin-bottom: -0.4rem; } }

@media screen and (min-width: 768px), print {
  .genre__programList.-small {
    justify-content: space-between;
    padding: 0 0.15rem; } }

@media screen and (max-width: 767px) {
  .genre__programList.-small {
    margin-top: 0.6rem; } }

@media screen and (max-width: 767px) {
  .genre__programListItem {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.15rem; }
    .genre__programListItem:not(:last-child) {
      margin-bottom: 0.2rem; } }

@media screen and (min-width: 768px), print {
  .-large .genre__programListItem {
    width: 2.8rem;
    margin-bottom: 0.4rem; }
    .-large .genre__programListItem:not(:nth-child(3n)) {
      margin-right: 0.2rem; } }

@media screen and (min-width: 768px), print {
  .-list .genre__programListItem {
    width: 2.7rem;
    margin-bottom: 0.4rem; }
    .-list .genre__programListItem:not(:nth-child(4n)) {
      margin-right: 0.2rem; } }

@media screen and (min-width: 768px), print {
  .-small .genre__programListItem {
    width: 4.15rem;
    margin-bottom: 0.3rem; } }

.genre__programListLink {
  color: #181818;
  display: block;
  text-decoration: none; }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .genre__programListLink {
      transition-duration: 0.25s;
      text-decoration: none !important; }
      .genre__programListLink:hover {
        opacity: .75; } }
  @media screen and (max-width: 767px) {
    .genre__programListLink {
      position: relative; } }
  @media screen and (min-width: 768px), print {
    .-small .genre__programListLink {
      display: flex;
      align-items: flex-start;
      height: 100%;
      border-bottom: 1px solid #ccc;
      padding-bottom: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .-small .genre__programListLink {
      padding-top: 0.28rem;
      display: flex;
      justify-content: space-between; } }
.genre__programListImage {
  display: block; }
  .genre__programListImage img {
    width: 100%; }
  .genre__programListImage + * {
    margin-top: 0.2rem; }
  @media screen and (min-width: 768px), print {
    .-small .genre__programListImage {
      width: 2rem;
      margin-right: 0.15rem; } }
  @media screen and (max-width: 767px) {
    .-small .genre__programListImage {
      width: 1.4rem;
      margin-right: 0.1rem; } }
.-small .genre__programListContents {
  flex: 1;
  margin-top: 0; }

.genre__programListTitle {
  line-height: 1.25; }
  @media screen and (max-width: 767px) {
    .genre__programListTitle {
      font-size: 0.16rem; } }
  .genre__programListTitle + * {
    margin-top: 0.1rem; }
  @media screen and (max-width: 767px) {
    .-small .genre__programListTitle {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1;
      position: absolute;
      left: 0;
      top: 0; }
      .-small .genre__programListTitle br {
        display: none; } }
.genre__programListNext {
  display: flex;
  align-items: center; }
  .genre__programListNext .label {
    background-color: #dc000c;
    color: #fff;
    display: block;
    font-size: 0.12rem;
    line-height: 1;
    width: 0.58rem;
    height: 0.18rem;
    padding: 0.02rem 0;
    text-align: center;
    margin-right: 0.08rem; }
  .genre__programListNext .text {
    display: block;
    line-height: 1;
    flex: 1;
    position: relative;
    top: -0.01rem; }
    @media screen and (max-width: 767px) {
      .genre__programListNext .text {
        font-size: 0.16rem; } }
    .genre__programListNext .text.-undecided {
      color: #aaa; }
      @media screen and (min-width: 768px), print {
        .genre__programListNext .text.-undecided {
          font-size: 0.13rem; } }
  @media screen and (min-width: 768px), print {
    .genre__programListNext + * {
      margin-top: 0.11rem; } }
  @media screen and (max-width: 767px) {
    .genre__programListNext + * {
      margin-top: 0.13rem; } }
  @media screen and (min-width: 768px), print {
    .-small .genre__programListNext + * {
      margin-top: 0.07rem; } }
.genre__programListInfo {
  color: #aaa;
  line-height: 1.5714285714; }
  @media screen and (min-width: 768px), print {
    .genre__programListInfo {
      font-size: 0.14rem; } }
.genre__schedule {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .genre__schedule {
      padding: 0.5rem 0.5rem 0.8rem 0.5rem; } }
  @media screen and (max-width: 767px) {
    .genre__schedule {
      padding: 0.5rem 0.3rem;
      display: none; }
      .genre__schedule.-active {
        display: block; } }
.genre__scheduleTitle {
  font-weight: 700;
  text-align: center;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .genre__scheduleTitle {
      font-size: 0.2rem; } }
  .genre__scheduleTitle > span {
    position: relative;
    display: inline-block; }
    @media screen and (min-width: 768px), print {
      .genre__scheduleTitle > span {
        padding-left: 0.38rem; } }
    @media screen and (max-width: 767px) {
      .genre__scheduleTitle > span {
        padding-left: 0.3rem; } }
    .genre__scheduleTitle > span::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Interface-Essential_Date_Calendar_calendar-check%22%20data-name%3D%22Interface-Essential%20%2F%20Date%2FCalendar%20%2F%20calendar-check%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231%22%20height%3D%2232%22%20viewBox%3D%220%200%2031%2032%22%3E%0A%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22calendar-check%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M28.3%2C32H2.7A2.685%2C2.685%2C0%2C0%2C1%2C0%2C29.332V6.667A2.685%2C2.685%2C0%2C0%2C1%2C2.7%2C4H4.717a.671.671%2C0%2C0%2C1%2C.673.667v3a1.011%2C1.011%2C0%2C0%2C0%2C2.022%2C0V1.333a1.348%2C1.348%2C0%2C0%2C1%2C2.7%2C0V3.668A.336.336%2C0%2C0%2C0%2C10.445%2C4H18.87a.671.671%2C0%2C0%2C1%2C.673.667v3a1.011%2C1.011%2C0%2C0%2C0%2C2.022%2C0V1.333a1.348%2C1.348%2C0%2C0%2C1%2C2.7%2C0V3.667A.335.335%2C0%2C0%2C0%2C24.6%2C4H28.3A2.685%2C2.685%2C0%2C0%2C1%2C31%2C6.667V29.332A2.685%2C2.685%2C0%2C0%2C1%2C28.3%2C32ZM3.37%2C12a.672.672%2C0%2C0%2C0-.674.667v16a.671.671%2C0%2C0%2C0%2C.674.666H27.63a.67.67%2C0%2C0%2C0%2C.673-.666v-16A.671.671%2C0%2C0%2C0%2C27.63%2C12Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7.008%2C7.008%2C0%2C0%2C1%2C7%2C14ZM3.649%2C6.763a1.05%2C1.05%2C0%2C0%2C0-.731%2C1.805l1.748%2C1.755a1.909%2C1.909%2C0%2C0%2C0%2C1.364.567c.045%2C0%2C.09%2C0%2C.135%2C0a1.923%2C1.923%2C0%2C0%2C0%2C1.406-.765L10.961%2C5.6a1.051%2C1.051%2C0%2C0%2C0-1.682-1.26L6.011%2C8.694%2C4.4%2C7.084A1.051%2C1.051%2C0%2C0%2C0%2C3.649%2C6.763Z%22%20transform%3D%22translate(8.397%2013.648)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      background-size: 100% auto;
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0.04rem;
      margin: auto; }
      @media screen and (min-width: 768px), print {
        .genre__scheduleTitle > span::before {
          width: 0.31rem;
          height: 0.32rem; } }
      @media screen and (max-width: 767px) {
        .genre__scheduleTitle > span::before {
          width: 0.23rem;
          height: 0.24rem; } }
    @media screen and (min-width: 768px), print {
      .genre__scheduleTitle > span span {
        font-size: 0.16rem; } }
    @media screen and (max-width: 767px) {
      .genre__scheduleTitle > span span {
        font-size: 0.12rem; } }
  @media screen and (min-width: 768px), print {
    .genre__scheduleTitle + * {
      margin-top: 0.5rem; } }
  @media screen and (max-width: 767px) {
    .genre__schedule .genre__scheduleTitle {
      display: none; } }
  @media screen and (max-width: 767px) {
    .-active .genre__scheduleTitle {
      color: #fff; }
      .-active .genre__scheduleTitle > span::before {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Interface-Essential_Date_Calendar_calendar-check%22%20data-name%3D%22Interface-Essential%20%2F%20Date%2FCalendar%20%2F%20calendar-check%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231%22%20height%3D%2232%22%20viewBox%3D%220%200%2031%2032%22%3E%0A%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22calendar-check%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M28.3%2C32H2.7A2.685%2C2.685%2C0%2C0%2C1%2C0%2C29.332V6.667A2.685%2C2.685%2C0%2C0%2C1%2C2.7%2C4H4.717a.671.671%2C0%2C0%2C1%2C.673.667v3a1.011%2C1.011%2C0%2C0%2C0%2C2.022%2C0V1.333a1.348%2C1.348%2C0%2C0%2C1%2C2.7%2C0V3.668A.336.336%2C0%2C0%2C0%2C10.445%2C4H18.87a.671.671%2C0%2C0%2C1%2C.673.667v3a1.011%2C1.011%2C0%2C0%2C0%2C2.022%2C0V1.333a1.348%2C1.348%2C0%2C0%2C1%2C2.7%2C0V3.667A.335.335%2C0%2C0%2C0%2C24.6%2C4H28.3A2.685%2C2.685%2C0%2C0%2C1%2C31%2C6.667V29.332A2.685%2C2.685%2C0%2C0%2C1%2C28.3%2C32ZM3.37%2C12a.672.672%2C0%2C0%2C0-.674.667v16a.671.671%2C0%2C0%2C0%2C.674.666H27.63a.67.67%2C0%2C0%2C0%2C.673-.666v-16A.671.671%2C0%2C0%2C0%2C27.63%2C12Z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7.008%2C7.008%2C0%2C0%2C1%2C7%2C14ZM3.649%2C6.763a1.05%2C1.05%2C0%2C0%2C0-.731%2C1.805l1.748%2C1.755a1.909%2C1.909%2C0%2C0%2C0%2C1.364.567c.045%2C0%2C.09%2C0%2C.135%2C0a1.923%2C1.923%2C0%2C0%2C0%2C1.406-.765L10.961%2C5.6a1.051%2C1.051%2C0%2C0%2C0-1.682-1.26L6.011%2C8.694%2C4.4%2C7.084A1.051%2C1.051%2C0%2C0%2C0%2C3.649%2C6.763Z%22%20transform%3D%22translate(8.397%2013.648)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
        background-size: 100% auto; } }
/* side */
@media screen and (min-width: 768px), print {
  .genre__side {
    width: 3.2rem; } }

@media screen and (max-width: 767px) {
  .genre__side {
    margin-top: 0.6rem; } }

@media screen and (min-width: 768px), print {
  .genre__sideBanner {
    width: 3.06rem;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (max-width: 767px) {
  .genre__sideBanner {
    padding: 0 0.34rem; }
    .genre__sideBanner img {
      width: 100%; } }

.genre__sideBanner a {
  display: block; }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .genre__sideBanner a {
      transition-duration: 0.25s;
      text-decoration: none !important; }
      .genre__sideBanner a:hover {
        opacity: .75; } }
@media screen and (min-width: 768px), print {
  .genre__sideBanner + * {
    margin-top: 0.2rem; } }

@media screen and (max-width: 767px) {
  .genre__sideBanner + * {
    margin-top: 0.25rem; } }

@media screen and (max-width: 767px) {
  .genreDetail .genre__sideBanner {
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }

.genre__sidePresent {
  background-color: #fff;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .genre__sidePresent {
      padding: 0.3rem 0.2rem; } }
  @media screen and (max-width: 767px) {
    .genre__sidePresent {
      margin: 0.55rem 0.35rem 0;
      padding: 0.38rem 0.2rem 0.3rem; } }
  .genre__sidePresent::before {
    content: '';
    position: absolute; }
    @media screen and (min-width: 768px), print {
      .genre__sidePresent::before {
        background: url(img/icon_present.png) no-repeat left 0;
        background-size: 100% auto;
        width: 0.55rem;
        height: 0.585rem;
        right: 0;
        top: 0.2rem;
        right: 0.2rem; } }
    @media screen and (max-width: 767px) {
      .genre__sidePresent::before {
        background: url(img/icon_present@sp.png) no-repeat left 0;
        background-size: 100% auto;
        width: 1.44rem;
        height: 0.39rem;
        right: 0;
        left: 0;
        top: -0.2rem;
        margin: auto; } }
  .genre__sidePresent + * {
    margin-top: 0.2rem; }

.genre__sidePresentImage {
  background: url(img/bg_side_present.png) repeat left 0;
  background-size: 100% auto;
  width: 1.4rem;
  height: 1.4rem;
  padding: 0.1rem;
  margin-left: auto;
  margin-right: auto; }
  .genre__sidePresentImage + * {
    margin-top: 0.2rem; }

.genre__sidePresentImageInner {
  width: 100%;
  height: 100%; }
  .genre__sidePresentImageInner img {
    object-fit: contain;
    width: 100%;
    height: 100%; }

.genre__sidePresentTerm {
  color: #dc000c;
  display: flex;
  line-height: 1; }
  .genre__sidePresentTerm > span {
    border: 1px solid #dc000c;
    font-size: 0.11rem;
    padding: 0.04rem 0.1rem 0.05rem; }
  .genre__sidePresentTerm + * {
    margin-top: 0.1rem; }

.genre__sidePresentText {
  font-size: 0.12rem; }

.genre__sidePresentButton {
  margin-top: 0.18rem;
  text-align: center; }
  .genre__sidePresentButton .button {
    min-width: 2.2rem; }
    @media screen and (max-width: 767px) {
      .genre__sidePresentButton .button {
        width: 2.2rem; } }
@media screen and (min-width: 768px), print {
  .genre__sideTwitter {
    margin-top: 0.3rem !important; } }

@media screen and (max-width: 767px) {
  .genre__sideTwitter {
    display: none !important; } }

@media screen and (min-width: 768px), print {
  .genre__sideTwitter iframe {
    height: 6.32rem !important; } }

@media screen and (min-width: 768px), print {
  .genre__sideSearch {
    margin-top: 0.46rem; } }

@media screen and (max-width: 767px) {
  .genre__sideSearch {
    display: none !important; } }

.genre__sideSearch .programNavi__searchInput {
  width: 100%; }
  .genre__sideSearch .programNavi__searchInput > input {
    width: 100%; }

.genre__sideSearch .programNavi__searchToProgram {
  width: 100%;
  text-align: left;
  margin-top: 0.1rem; }
  @media screen and (min-width: 768px), print {
    .genre__sideSearch .programNavi__searchToProgram > a {
      padding-left: 0.2rem; } }
.genre__sideSearchTitle {
  font-weight: 700;
  line-height: 1; }
  @media screen and (min-width: 768px), print {
    .genre__sideSearchTitle {
      font-size: 0.18rem; } }
  .genre__sideSearchTitle > span {
    padding-left: 0.38rem; }
  @media screen and (min-width: 768px), print {
    .genre__sideSearchTitle + * {
      margin-top: 0.17rem; } }
.genre__sideProgram {
  border: 1px solid #E5E5E5;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05);
  background-color: #fff;
  padding: 0.25rem 0.2rem 0.46rem; }
  @media screen and (min-width: 768px), print {
    .genre__sideProgram {
      border-radius: 0.05rem;
      margin-top: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .genre__sideProgram {
      display: none !important; } }
  .genre__sideProgram .programList {
    box-shadow: none;
    border: none;
    border-radius: 0;
    display: block;
    padding: 0; }
  .genre__sideProgram .programList__item {
    border-top: none !important;
    border-right: none;
    border-bottom: 1px solid #E5E5E5 !important;
    width: 100%; }
    .genre__sideProgram .programList__item:nth-child(2) .programList__link {
      padding-bottom: 0.05rem;
      padding-top: 0.03rem; }
    .genre__sideProgram .programList__item:nth-child(2) .programList__icon img {
      width: 0.44rem; }
    .genre__sideProgram .programList__item:nth-child(7) .programList__icon img {
      width: 0.2143rem; }
    .genre__sideProgram .programList__item:nth-child(12) .programList__link {
      padding-bottom: 0.08rem;
      padding-top: 0.05rem; }
    .genre__sideProgram .programList__item:nth-child(12) .programList__icon img {
      width: 0.34rem; }
    .genre__sideProgram .programList__item:nth-child(13) .programList__icon img {
      width: 0.31rem; }
    .genre__sideProgram .programList__item:nth-child(14) .programList__icon img {
      width: 0.35rem; }
    .genre__sideProgram .programList__item:nth-child(15) .programList__icon img {
      width: 0.45rem; }
  .genre__sideProgram .programList__link {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.1rem 0.05rem;
    min-height: 0.5rem; }
    .genre__sideProgram .programList__link .programList__icon {
      width: 0.45rem;
      height: auto;
      margin-right: 0.15rem; }
      .genre__sideProgram .programList__link .programList__icon img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 0.3rem; }
    .genre__sideProgram .programList__link .programList__label {
      display: block;
      margin: 0;
      height: auto;
      flex: 1;
      text-align: left;
      font-size: 0.14rem; }
      .genre__sideProgram .programList__link .programList__label br {
        display: none; }
  @media screen and (min-width: 768px), print {
    .genre__sideProgram + * {
      margin-top: 0.5rem; } }
/* genreDetail
============================================================= */
.genreDetail {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .genreDetail {
      padding: 0.3rem 0 1rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail {
      padding: 0.2rem 0 1rem; } }
@media screen and (min-width: 768px), print {
  .genreDetail__contents {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

@media screen and (min-width: 768px), print {
  .genreDetail__contents {
    display: flex;
    justify-content: space-between; } }

@media screen and (min-width: 768px), print {
  .genreDetail__contentsMain {
    width: 9.5rem; } }

.genreDetail__contentsImage {
  /*> a{
    @include mq-pc{
      pointer-events: none;
    }

    @include mq-sp{
      display: block;
    }
  }*/ }
  .genreDetail__contentsImage img {
    width: 100%; }

.genreDetail__contentsInner {
  background-color: #fff;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .genreDetail__contentsInner {
      padding: 0.36rem 0.5rem 0.8rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__contentsInner {
      padding: 0.48rem 0.3rem 0.5rem; } }
  @media screen and (min-width: 768px), print {
    .genreDetail__contentsInner > p + p {
      margin-top: 0.4rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__contentsInner > p + p {
      margin-top: 0.3rem; } }
  .genreDetail__contentsInner > p.copy {
    color: #aaa; }

.genreDetail__contentsTitle {
  font-weight: 700;
  line-height: 1.6129032258; }
  @media screen and (min-width: 768px), print {
    .genreDetail__contentsTitle {
      font-size: 0.3rem;
      padding-right: 1.8rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__contentsTitle {
      font-size: 0.2rem; } }
.genreDetail__contentsCopyright {
  color: #999;
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    .genreDetail__contentsCopyright {
      margin-top: 0.03rem;
      padding-right: 1.8rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__contentsCopyright {
      font-size: 0.16rem;
      margin-top: 0.05rem; } }
.genreDetail__contentsSns {
  display: flex; }
  @media screen and (min-width: 768px), print {
    .genreDetail__contentsSns {
      position: absolute;
      right: 0.4rem;
      top: 0.5rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__contentsSns {
      margin-top: 0.15rem; } }
  @media screen and (min-width: 768px), print {
    .genreDetail__contentsSns > li {
      width: 0.45rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__contentsSns > li {
      width: 0.6rem; } }
  @media screen and (min-width: 768px), print {
    .genreDetail__contentsSns > li:not(:last-child) {
      margin-right: 0.11rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__contentsSns > li:not(:last-child) {
      margin-right: 0.15rem; } }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .genreDetail__contentsSns > li a {
      transition-duration: 0.25s;
      text-decoration: none !important; }
      .genreDetail__contentsSns > li a:hover {
        opacity: .75; } }
  .genreDetail__contentsSns > li img {
    width: 100%; }
  @media screen and (min-width: 768px), print {
    .genreDetail__contentsSns + * {
      margin-top: 0.4rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__contentsSns + * {
      margin-top: 0.35rem; } }
@media screen and (min-width: 768px), print {
  .genreDetail__contentsButton {
    display: flex;
    justify-content: center;
    margin-top: 0.5rem; } }

@media screen and (max-width: 767px) {
  .genreDetail__contentsButton {
    margin: 0.6rem 0.4rem 0; } }

@media screen and (min-width: 768px), print {
  .genreDetail__contentsButton > li:not(:last-child) {
    margin-right: 0.21rem; } }

@media screen and (max-width: 767px) {
  .genreDetail__contentsButton > li:not(:last-child) {
    margin-bottom: 0.15rem; } }

.genreDetail__contentsBanner {
  background-color: #F5F5F5;
  border-top: 1px solid #ccc;
  margin-top: 0.6rem;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px), print {
    .genreDetail__contentsBanner {
      padding: 0.3rem 0.35rem 0.1rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__contentsBanner {
      font-size: 0;
      margin-left: -0.1rem;
      margin-right: -0.1rem;
      padding: 0.2rem 0.22rem 0.1rem; } }
@media (hover: hover) and (hover: hover), screen and (hover: hover) and (-ms-high-contrast: active), screen and (hover: hover) and (-ms-high-contrast: none), screen and (-ms-high-contrast: active) and (hover: hover), screen and (-ms-high-contrast: active) and (-ms-high-contrast: active), screen and (-ms-high-contrast: active) and (-ms-high-contrast: none), screen and (-ms-high-contrast: none) and (hover: hover), screen and (-ms-high-contrast: none) and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) and (-ms-high-contrast: none) {
  .genreDetail__contentsBanner a {
    transition-duration: 0.25s;
    text-decoration: none !important; }
    .genreDetail__contentsBanner a:hover {
      opacity: .75; } }
  @media screen and (min-width: 768px), print {
    .genreDetail__contentsBanner > li {
      width: 1.8rem;
      margin-bottom: 0.2rem;
      margin-right: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__contentsBanner > li {
      width: 1.6rem;
      margin-bottom: 0.1rem; }
      .genreDetail__contentsBanner > li:nth-child(odd) {
        margin-right: 0.1rem; } }
  .genreDetail__contentsBanner > li:last-child {
    margin-right: 0; }

.genreDetail__schedule {
  background-color: #fff;
  margin-top: 0.3rem;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .genreDetail__schedule {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .genreDetail__schedule {
      padding: 0.5rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__schedule {
      padding: 0.43rem 0.15rem 0.4rem; } }
.genreDetail__scheduleTitle {
  font-weight: 700;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .genreDetail__scheduleTitle {
      font-size: 0.2rem;
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleTitle {
      font-size: 0.18rem;
      padding: 0 0.05rem; } }
  .genreDetail__scheduleTitle > span {
    position: relative;
    display: inline-block; }
    @media screen and (min-width: 768px), print {
      .genreDetail__scheduleTitle > span {
        padding-left: 0.38rem; } }
    @media screen and (max-width: 767px) {
      .genreDetail__scheduleTitle > span {
        padding-left: 0.3rem; } }
    .genreDetail__scheduleTitle > span::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Interface-Essential_Date_Calendar_calendar-check%22%20data-name%3D%22Interface-Essential%20%2F%20Date%2FCalendar%20%2F%20calendar-check%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231%22%20height%3D%2232%22%20viewBox%3D%220%200%2031%2032%22%3E%0A%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22calendar-check%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M28.3%2C32H2.7A2.685%2C2.685%2C0%2C0%2C1%2C0%2C29.332V6.667A2.685%2C2.685%2C0%2C0%2C1%2C2.7%2C4H4.717a.671.671%2C0%2C0%2C1%2C.673.667v3a1.011%2C1.011%2C0%2C0%2C0%2C2.022%2C0V1.333a1.348%2C1.348%2C0%2C0%2C1%2C2.7%2C0V3.668A.336.336%2C0%2C0%2C0%2C10.445%2C4H18.87a.671.671%2C0%2C0%2C1%2C.673.667v3a1.011%2C1.011%2C0%2C0%2C0%2C2.022%2C0V1.333a1.348%2C1.348%2C0%2C0%2C1%2C2.7%2C0V3.667A.335.335%2C0%2C0%2C0%2C24.6%2C4H28.3A2.685%2C2.685%2C0%2C0%2C1%2C31%2C6.667V29.332A2.685%2C2.685%2C0%2C0%2C1%2C28.3%2C32ZM3.37%2C12a.672.672%2C0%2C0%2C0-.674.667v16a.671.671%2C0%2C0%2C0%2C.674.666H27.63a.67.67%2C0%2C0%2C0%2C.673-.666v-16A.671.671%2C0%2C0%2C0%2C27.63%2C12Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M7%2C14a7%2C7%2C0%2C1%2C1%2C7-7A7.008%2C7.008%2C0%2C0%2C1%2C7%2C14ZM3.649%2C6.763a1.05%2C1.05%2C0%2C0%2C0-.731%2C1.805l1.748%2C1.755a1.909%2C1.909%2C0%2C0%2C0%2C1.364.567c.045%2C0%2C.09%2C0%2C.135%2C0a1.923%2C1.923%2C0%2C0%2C0%2C1.406-.765L10.961%2C5.6a1.051%2C1.051%2C0%2C0%2C0-1.682-1.26L6.011%2C8.694%2C4.4%2C7.084A1.051%2C1.051%2C0%2C0%2C0%2C3.649%2C6.763Z%22%20transform%3D%22translate(8.397%2013.648)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      background-size: 100% auto;
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      margin: auto; }
      @media screen and (min-width: 768px), print {
        .genreDetail__scheduleTitle > span::before {
          bottom: 0.04rem;
          width: 0.31rem;
          height: 0.32rem; } }
      @media screen and (max-width: 767px) {
        .genreDetail__scheduleTitle > span::before {
          top: 0.03rem;
          width: 0.23rem;
          height: 0.24rem; } }
    @media screen and (min-width: 768px), print {
      .genreDetail__scheduleTitle > span span {
        font-size: 0.16rem; } }
    @media screen and (max-width: 767px) {
      .genreDetail__scheduleTitle > span span {
        font-size: 0.12rem; } }
  @media screen and (min-width: 768px), print {
    .genreDetail__scheduleTitle + * {
      margin-top: 0.5rem; } }
.genreDetail__scheduleButton {
  position: absolute; }
  @media screen and (min-width: 768px), print {
    .genreDetail__scheduleButton {
      right: 0.5rem;
      top: -0.13rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleButton {
      right: 0.2rem;
      top: 0.3rem; } }
.genreDetail__scheduleTable {
  width: 100%; }
  @media screen and (min-width: 768px), print {
    .genreDetail__scheduleTable {
      margin-top: 0.5rem; }
      .genreDetail__scheduleTable tr.-pcItem {
        display: table-row; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleTable {
      display: block;
      margin-top: 0.6rem; }
      .genreDetail__scheduleTable tbody,
      .genreDetail__scheduleTable tr,
      .genreDetail__scheduleTable th,
      .genreDetail__scheduleTable td {
        display: block; }
      .genreDetail__scheduleTable tr {
        border: 1px solid #aaa; }
        .genreDetail__scheduleTable tr:not(:last-child) {
          margin-bottom: 0.2rem; }
      .genreDetail__scheduleTable th,
      .genreDetail__scheduleTable td {
        padding-left: 0.1rem !important;
        padding-right: 0.1rem !important; }
      .genreDetail__scheduleTable td:only-child {
        margin-bottom: 0.2rem; } }
  .genreDetail__scheduleTable thead th {
    background-color: #F5F5F5;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-weight: 700;
    line-height: 1; }
    @media screen and (min-width: 768px), print {
      .genreDetail__scheduleTable thead th {
        padding: 0.26rem 0 0.18rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleTable thead {
      display: none; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleTable tbody tr {
      display: flex;
      flex-direction: column;
      position: relative; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleTable tbody tr:last-child > * {
      margin-bottom: 0; } }
  @media screen and (min-width: 768px), print {
    .genreDetail__scheduleTable tbody tr > *:not(:last-child) {
      border-right: 1px solid #ccc; } }
  @media screen and (min-width: 768px), print {
    .genreDetail__scheduleTable tbody th,
    .genreDetail__scheduleTable tbody td {
      border-bottom: 1px solid #ccc;
      vertical-align: middle; } }
  .genreDetail__scheduleTable tbody th {
    text-align: left; }
    @media screen and (min-width: 768px), print {
      .genreDetail__scheduleTable tbody th {
        font-size: 0.18rem;
        padding: 0.2rem 0.34rem 0.16rem; } }
    @media screen and (max-width: 767px) {
      .genreDetail__scheduleTable tbody th.thTitle {
        font-size: 0.16rem;
        order: 2;
        margin-top: 0.15rem;
        padding: 0 0.05rem; } }
    .genreDetail__scheduleTable tbody th.thTitle.-fwNormal {
      font-weight: 400; }
  @media screen and (min-width: 768px), print {
    .genreDetail__scheduleTable tbody td {
      padding: 0.28rem 0.1rem 0.28rem 0.3rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleTable tbody td.td01 {
      order: 4; }
    .genreDetail__scheduleTable tbody td.td02 {
      order: 5; }
    .genreDetail__scheduleTable tbody td.td03 {
      order: 1; }
    .genreDetail__scheduleTable tbody td.td04 {
      order: 3; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleTable tbody td.td01 {
      margin-top: 0.11rem;
      padding: 0 0.05rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleTable tbody td.td02 {
      margin: 0.15rem 0 0.3rem;
      padding: 0 0.05rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleTable tbody td.td03 {
      background-color: #F5F5F5;
      border-bottom: 1px solid #ccc;
      padding: 0.12rem 0.1rem 0.09rem;
      font-size: 0.16rem;
      line-height: 1; }
      .genreDetail__scheduleTable tbody td.td03:first-child + .td04 {
        padding-bottom: 0.25rem; } }
  .genreDetail__scheduleTable tbody td.td03 > div {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .genreDetail__scheduleTable tbody td.td03 > div {
        width: 100%;
        justify-content: space-between; }
        .genreDetail__scheduleTable tbody td.td03 > div:not(:last-child) {
          margin-bottom: 0.05rem; } }
    @media screen and (min-width: 768px), print {
      .genreDetail__scheduleTable tbody td.td03 > div > span {
        white-space: nowrap; } }
    .genreDetail__scheduleTable tbody td.td03 > div .icon {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      font-size: 0;
      margin-bottom: -0.03rem; }
      @media screen and (min-width: 768px), print {
        .genreDetail__scheduleTable tbody td.td03 > div .icon {
          margin-left: 0.15rem; } }
      .genreDetail__scheduleTable tbody td.td03 > div .icon img {
        display: block;
        position: relative;
        margin-bottom: 0.03rem;
        width: 0.2rem;
        height: 0.2rem; }
        @media screen and (min-width: 768px), print {
          .genreDetail__scheduleTable tbody td.td03 > div .icon img:not(:last-child) {
            margin-right: 0.03rem; } }
        @media screen and (max-width: 767px) {
          .genreDetail__scheduleTable tbody td.td03 > div .icon img:not(:last-child) {
            margin-right: 0.05rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleTable tbody td.-blue, .genreDetail__scheduleTable tbody td.-red {
      position: absolute;
      left: -0.15rem;
      top: 0;
      width: 0.05rem;
      height: 100%; } }
  .genreDetail__scheduleTable tbody td.-blue {
    background-color: #8aa8be; }
  .genreDetail__scheduleTable tbody td.-red {
    background-color: #ff8383; }
  .genreDetail__scheduleTable tbody td > .-new {
    font-weight: 700; }

@media screen and (min-width: 768px), print {
  .genreDetail__scheduleTable.-patternA .thTitle {
    display: table-cell !important; } }

.genreDetail__scheduleTable.-patternB td.td02 {
  padding: 0;
  margin-top: 0; }

@media screen and (min-width: 768px), print {
  .genreDetail__scheduleTable.-patternB .thTitle {
    display: table-cell !important; } }

@media screen and (max-width: 767px) {
  .genreDetail__scheduleTable.-patternB td.hash {
    order: 2;
    font-weight: 500;
    padding-left: 0.05rem;
    margin-top: 0.1rem;
    line-height: 1; }
    .genreDetail__scheduleTable.-patternB td.hash + .thTitle {
      margin-top: 0; }
  .genreDetail__scheduleTable.-patternB .thTitle {
    order: 3; }
  .genreDetail__scheduleTable.-patternB .td02 {
    order: 4; } }

@media screen and (min-width: 768px), print {
  .genreDetail__scheduleTable.-patternC td.-spItem,
  .genreDetail__scheduleTable.-patternD td.-spItem {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .genreDetail__scheduleTable.-patternC td.hash,
  .genreDetail__scheduleTable.-patternD td.hash {
    order: 2;
    font-weight: 500;
    padding-left: 0.05rem;
    margin-top: 0.1rem;
    line-height: 1; }
    .genreDetail__scheduleTable.-patternC td.hash + .thTitle,
    .genreDetail__scheduleTable.-patternD td.hash + .thTitle {
      margin-top: 0; }
  .genreDetail__scheduleTable.-patternC .thTitle,
  .genreDetail__scheduleTable.-patternD .thTitle {
    order: 3; }
  .genreDetail__scheduleTable.-patternC .td01,
  .genreDetail__scheduleTable.-patternD .td01 {
    margin-bottom: 0.25rem; }
    .genreDetail__scheduleTable.-patternC .td01 + .td02,
    .genreDetail__scheduleTable.-patternD .td01 + .td02 {
      margin-top: -0.15rem; }
  .genreDetail__scheduleTable.-patternC .td02,
  .genreDetail__scheduleTable.-patternD .td02 {
    order: 4; } }

@media screen and (max-width: 767px) {
  .genreDetail__scheduleTable.-patternD .td04 {
    padding-bottom: 0.25rem; } }

@media screen and (max-width: 767px) {
  .genreDetail__scheduleTable.-patternB .td04 {
    padding-bottom: 0.25rem; } }

@media screen and (min-width: 768px), print {
  .genreDetail__scheduleTable.-patternJ .td04 + .td01 {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .genreDetail__scheduleTable.-patternJ .td01 {
    order: 10;
    margin-top: 0;
    margin-bottom: 0.15rem; }
  .genreDetail__scheduleTable.-patternJ .td02 {
    margin-bottom: 0.08rem; } }

.genreDetail__scheduleIcon {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -0.05rem; }
  @media screen and (min-width: 768px), print {
    .genreDetail__scheduleIcon {
      margin-right: -0.1rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleIcon {
      padding: 0 0.05rem;
      margin-top: 0.06rem; } }
  .genreDetail__scheduleIcon > li {
    font-size: 0;
    width: 0.2rem;
    margin-bottom: 0.05rem; }
    .genreDetail__scheduleIcon > li:not(:last-child) {
      margin-right: 0.05rem; }
    @media screen and (max-width: 767px) {
      .genreDetail__scheduleIcon > li.-live {
        display: none; } }
.genreDetail__scheduleNote {
  color: #AAA;
  line-height: 1.5; }
  .genreDetail__scheduleNote > li {
    position: relative;
    padding-left: 1em; }
    .genreDetail__scheduleNote > li::before {
      content: '※';
      display: inline;
      position: absolute;
      left: 0;
      top: 0; }
    @media screen and (min-width: 768px), print {
      .genreDetail__scheduleNote > li:not(:last-child) {
        margin-bottom: 0.05rem; } }
    @media screen and (max-width: 767px) {
      .genreDetail__scheduleNote > li:not(:last-child) {
        margin-bottom: 0.15rem; } }
  * + .genreDetail__scheduleNote {
    margin-top: 0.3rem; }
  @media screen and (min-width: 768px), print {
    .genreDetail__scheduleTable + .genreDetail__scheduleNote {
      margin-top: 0.4rem;
      padding-left: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleTable + .genreDetail__scheduleNote {
      font-size: 0.13rem; } }
.genreDetail__scheduleDetail {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .genreDetail__scheduleDetail {
      margin-top: 0.48rem;
      padding: 0.5rem 0.3rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleDetail {
      margin-top: 0.5rem;
      padding: 0.3rem 0.15rem; } }
.genreDetail__scheduleDetailIcon {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  @media screen and (min-width: 768px), print {
    .genreDetail__scheduleDetailIcon {
      margin-bottom: -0.3rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleDetailIcon {
      margin-bottom: -0.18rem; } }
  .genreDetail__scheduleDetailIcon > li {
    display: flex;
    align-items: center; }
    @media screen and (min-width: 768px), print {
      .genreDetail__scheduleDetailIcon > li {
        margin-bottom: 0.3rem;
        line-height: 1; } }
    @media screen and (max-width: 767px) {
      .genreDetail__scheduleDetailIcon > li {
        margin-bottom: 0.18rem;
        line-height: 1.5; } }
    .genreDetail__scheduleDetailIcon > li:not(:last-child) {
      margin-right: 0.3rem; }
    .genreDetail__scheduleDetailIcon > li > img {
      display: block;
      margin-right: 0.1rem;
      width: 0.2rem;
      min-width: 0.2rem;
      max-width: 0.2rem; }
    .genreDetail__scheduleDetailIcon > li > span {
      display: inline-block;
      padding-left: 1.2em;
      position: relative; }
      .genreDetail__scheduleDetailIcon > li > span::before {
        content: '…';
        display: block;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0; }

@media screen and (min-width: 768px), print {
  .genreDetail__change {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

@media screen and (min-width: 768px), print {
  .genreDetail__change {
    background-color: #fff;
    margin-top: 0.3rem;
    padding: 0.5rem 0 0.6rem; } }

@media screen and (max-width: 767px) {
  .genreDetail__change {
    padding: 0.5rem 0.2rem 0; } }

@media screen and (min-width: 768px), print {
  .genreDetail__change .newsList .newsList__contents {
    display: flex; }
    .genreDetail__change .newsList .newsList__contents .newsList__date {
      width: 1.4rem;
      padding: 0.01rem 0.06rem 0; }
    .genreDetail__change .newsList .newsList__contents .newsList__text {
      flex: 1; } }

@media screen and (max-width: 767px) {
  .genreDetail__change .newsList .newsList__date {
    font-size: 0.14rem; }
  .genreDetail__change .newsList .newsList__link {
    padding-left: 0.05rem;
    padding-right: 0.05rem; } }

@media screen and (min-width: 768px), print {
  .genreDetail__changeInner {
    width: 10rem;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (max-width: 767px) {
  .genreDetail__changeInner {
    background-color: #fff;
    padding: 0.36rem 0.3rem 0.5rem; } }

.genreDetail__changeTitle {
  font-size: 0.2rem;
  font-weight: 700;
  text-align: center; }
  .genreDetail__changeTitle > span {
    display: inline-block;
    position: relative;
    padding-left: 0.3rem; }
    .genreDetail__changeTitle > span::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Interface-Essential_Date_Calendar_calendar-clock%22%20data-name%3D%22Interface-Essential%20%2F%20Date%2FCalendar%20%2F%20calendar-clock%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22calendar-clock%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M2.5%2C16.5A.5.5%2C0%2C0%2C1%2C2%2C16V7.5A.5.5%2C0%2C0%2C1%2C2.5%2C7H16a.5.5%2C0%2C0%2C1%2C.5.5V9.57a7.281%2C7.281%2C0%2C0%2C1%2C2%2C0V3a1%2C1%2C0%2C0%2C0-1-1H15a.25.25%2C0%2C0%2C1-.25-.25v-1a.75.75%2C0%2C0%2C0-1.5%2C0V4.5a.75.75%2C0%2C0%2C1-1.5%2C0v-2a.5.5%2C0%2C0%2C0-.5-.5H7a.25.25%2C0%2C0%2C1-.25-.25v-1a.75.75%2C0%2C0%2C0-1.5%2C0V4.5a.75.75%2C0%2C0%2C1-1.5%2C0v-2a.5.5%2C0%2C0%2C0-.5-.5H1A1%2C1%2C0%2C0%2C0%2C0%2C3V16.5a2%2C2%2C0%2C0%2C0%2C2%2C2H9.569a7.281%2C7.281%2C0%2C0%2C1%2C0-2Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M6.5%2C13A6.5%2C6.5%2C0%2C1%2C1%2C13%2C6.5%2C6.507%2C6.507%2C0%2C0%2C1%2C6.5%2C13Zm0-11a4.5%2C4.5%2C0%2C1%2C0%2C1.721.343A4.472%2C4.472%2C0%2C0%2C0%2C6.5%2C2Z%22%20transform%3D%22translate(11%2011)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M2.75%2C2.5H1.5V.75A.75.75%2C0%2C0%2C0%2C0%2C.75v2.5A.75.75%2C0%2C0%2C0%2C.75%2C4h2a.75.75%2C0%2C0%2C0%2C0-1.5Z%22%20transform%3D%22translate(16.75%2014.25)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      width: 0.24rem;
      height: 0.24rem;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
  @media screen and (min-width: 768px), print {
    .genreDetail__changeTitle + * {
      margin-top: 0.1rem; } }
@media screen and (min-width: 768px), print {
  .genreDetail__changeButtonWrap {
    margin-top: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center; } }

@media screen and (max-width: 767px) {
  .genreDetail__changeButtonWrap {
    margin-top: 0.5rem;
    width: 2.07rem;
    margin-left: auto;
    margin-right: auto; } }

.genreDetail__changeButton {
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .genreDetail__changeButton:not(:last-child) {
      margin-right: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__changeButton:not(:last-child) {
      margin-bottom: 0.1rem; } }
.genreDetail__scheduleNon {
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .genreDetail__scheduleNon {
      margin-top: 0.4rem; } }
  @media screen and (max-width: 767px) {
    .genreDetail__scheduleNon {
      margin-top: 0.4rem; } }
/* genreMain
============================================================= */
.genreMain {
  background-color: #000;
  overflow: hidden; }
  @media screen and (min-width: 768px), print {
    .genreMain {
      height: 5.1rem;
      padding-top: 0.6rem; } }
  @media screen and (max-width: 767px) {
    .genreMain {
      padding: 0.3rem 0.2rem 0.27rem; } }
.genreMain__inner {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .genreMain__inner {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .genreMain__inner {
      display: flex;
      align-items: center; } }
  .genreMain__inner::before {
    content: '';
    display: block;
    position: absolute; }
    @media screen and (min-width: 768px), print {
      .genreMain__inner::before {
        background: url(img/bg_genremain.png) no-repeat left 0;
        background-size: 100% auto;
        width: 3.805rem;
        height: 3.825rem;
        bottom: -1.38rem;
        right: -1.28rem; } }
    @media screen and (max-width: 767px) {
      .genreMain__inner::before {
        background: url(img/bg_genremain@sp.png) no-repeat left 0;
        background-size: 100% auto;
        width: 1.8737rem;
        height: 1.8585rem;
        bottom: -0.9rem;
        right: -0.31rem; } }
.genreMain__image {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 768px), print {
    .genreMain__image {
      width: 8rem; } }
  .genreMain__image img {
    width: 100%; }
  @media screen and (max-width: 767px) {
    .genreMain__image + * {
      margin-top: 0.23rem; } }
.genreMain__contents {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 768px), print {
    .genreMain__contents {
      flex: 1;
      margin-left: 0.63rem;
      padding-bottom: 0.7rem; } }
.genreMain__contentsLink {
  color: #fff;
  display: block;
  text-decoration: none; }

@media screen and (min-width: 768px), print {
  .genreMain__contentsDate + * {
    margin-top: 0.02rem; } }

.genreMain__contentsTitle {
  font-weight: 700;
  text-decoration: underline; }
  @media screen and (min-width: 768px), print {
    .genreMain__contentsTitle {
      font-size: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .genreMain__contentsTitle {
      font-size: 0.18rem; } }
  .genreMain__contentsTitle a {
    color: #fff; }
  @media screen and (min-width: 768px), print {
    .genreMain__contentsTitle + * {
      margin-top: 0.1rem; } }
  @media screen and (max-width: 767px) {
    .genreMain__contentsTitle + * {
      margin-top: 0.08rem; } }
  @media screen and (min-width: 768px), print {
    .genreMain__contentsLink:hover .genreMain__contentsTitle {
      text-decoration: none; } }
.genreMain__contentsText {
  line-height: 1.625; }
  @media screen and (max-width: 767px) {
    .genreMain__contentsText {
      font-weight: 500; } }
.genreMain__contentsCopy {
  color: #999;
  line-height: 1.3333333333;
  font-size: 0.12rem;
  margin-top: 0.16rem; }

/* genreTitle
============================================================= */
.genreTitle {
  background-color: #fff;
  border-bottom: 0.05rem solid #dc000c; }
  @media screen and (min-width: 768px), print {
    .genreTitle {
      padding: 0.29rem 0 0.21rem; } }
  @media screen and (max-width: 767px) {
    .genreTitle {
      padding: 0.23rem 0.2rem 0.17rem; } }
@media screen and (min-width: 768px), print {
  .genreTitle__inner {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

.genreTitle__main {
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 1.2; }
  .genreTitle__main > span {
    display: inline-block;
    position: relative;
    padding-left: 0.38rem; }
    .genreTitle__main > span::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 0.3rem;
      height: 0.3rem; }
  .-tigers .genreTitle__main > span::before {
    background: url(/common/img/icon_tigers.png) no-repeat left 0;
    background-size: 100% auto; }
  .-soccer .genreTitle__main > span::before {
    background: url(/common/img/icon_soccer.png) no-repeat left 0;
    background-size: 100% auto; }
  .-fighters .genreTitle__main > span {
    padding-left: 0.42rem; }
    .-fighters .genreTitle__main > span::before {
      background: url(/common/img/icon_fighters.png) no-repeat left 0;
      background-size: 100% auto;
      width: 0.4rem;
      height: 0.4rem; }
  .-baseball .genreTitle__main > span::before {
    background: url(/common/img/icon_baseball.png) no-repeat left 0;
    background-size: 100% auto; }
  .-tennis .genreTitle__main > span::before {
    background: url(/common/img/icon_tennis.png) no-repeat left 0;
    background-size: 100% auto; }
  .-motor .genreTitle__main > span::before {
    background: url(/common/img/icon_motorsports.png) no-repeat left 0;
    background-size: 100% auto; }
  .-volleyball .genreTitle__main > span::before {
    background: url(/common/img/icon_volleyball.png) no-repeat left 0;
    background-size: 100% auto; }
  .-wrestling .genreTitle__main > span::before {
    background: url(/common/img/icon_wrestling.png) no-repeat left 0;
    background-size: 100% auto;
    width: 0.24rem;
    height: 0.336rem; }
  .-fight .genreTitle__main > span::before {
    background: url(/common/img/icon_martialarts.png) no-repeat left 0;
    background-size: 100% auto; }
  .-golf .genreTitle__main > span::before {
    background: url(/common/img/icon_golf.png) no-repeat left 0;
    background-size: 100% auto; }
  .-basketball .genreTitle__main > span::before {
    background: url(/common/img/icon_basketball.png) no-repeat left 0;
    background-size: 100% auto; }
  .-football .genreTitle__main > span::before {
    background: url(/common/img/icon_football.png) no-repeat left 0;
    background-size: 100% auto; }
  .-marine .genreTitle__main > span {
    padding-left: 0.42rem; }
    .-marine .genreTitle__main > span::before {
      background: url(/common/img/icon_marine.png) no-repeat left 0;
      background-size: 100% auto;
      width: 0.40375rem;
      height: 0.47175rem; }
  .-season .genreTitle__main > span {
    padding-left: 0.48rem; }
    .-season .genreTitle__main > span::before {
      background: url(/common/img/icon_season.png) no-repeat left 0;
      background-size: 100% auto;
      width: 0.425rem;
      height: 0.374rem; }
  .-drama .genreTitle__main > span {
    padding-left: 0.42rem; }
    .-drama .genreTitle__main > span::before {
      background: url(/common/img/icon_drama.png) no-repeat left 0;
      background-size: 100% auto;
      width: 0.34rem;
      height: 0.31875rem; }
  .-winter .genreTitle__main > span {
    padding-left: 0.42rem; }
    .-winter .genreTitle__main > span::before {
      background: url(/common/img/icon_winter.png) no-repeat left 0;
      background-size: 100% auto;
      width: 0.357rem;
      height: 0.35275rem; }
  .-dosports .genreTitle__main > span {
    padding-left: 0.48rem; }
    .-dosports .genreTitle__main > span::before {
      background: url(/common/img/icon_do.png) no-repeat left 0;
      background-size: 100% auto;
      width: 0.416rem;
      height: 0.264rem; }
  .-andmore .genreTitle__main > span {
    padding-left: 0.52rem; }
    .-andmore .genreTitle__main > span::before {
      background: url(/common/img/icon_extra.png) no-repeat left 0;
      background-size: 100% auto;
      width: 0.456rem;
      height: 0.20784rem; }
  .-variety .genreTitle__main > span::before {
    background: url(/common/img/icon_variety.png) no-repeat left 0;
    background-size: 100% auto; }

/* googleMap
============================================================= */
.googleMap {
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative; }
  .googleMap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; }
  @media screen and (min-width: 768px), print {
    .googleMap + *:not([class^="title"]) {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .googleMap + *:not([class^="title"]) {
      margin-top: 0.2rem; } }
/* guide
============================================================= */
.guide {
  background-color: #F5F5F5;
  padding-bottom: 1rem; }

@media screen and (max-width: 767px) {
  .guide__main {
    position: relative; } }

.guide__main img {
  width: 100%; }

@media screen and (min-width: 768px), print {
  .guide__main + * {
    margin-top: 0.5rem; } }

.guide__mainLead {
  font-weight: 700;
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .guide__mainLead {
      font-size: 0.2rem;
      line-height: 1.7;
      margin-top: 0.55rem; } }
  @media screen and (max-width: 767px) {
    .guide__mainLead {
      font-size: 0.16rem;
      line-height: 1.5;
      position: absolute;
      left: 0;
      right: 0;
      top: 0.43rem;
      margin: auto;
      z-index: 1; } }
.guide__navi {
  display: flex; }
  @media screen and (min-width: 768px), print {
    .guide__navi {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .guide__navi {
      border: 1px solid #E5E5E5;
      border-radius: 0.05rem;
      box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05);
      background-color: #fff;
      padding: 0.2rem 0; } }
  @media screen and (max-width: 767px) {
    .guide__navi {
      margin: 0.2rem 0.2rem -0.14rem 0.2rem; } }
  @media screen and (max-width: 767px) {
    .guide__navi {
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media screen and (min-width: 768px), print {
    .guide__navi + * {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .guide__navi + * {
      margin-top: 0.4rem; } }
@media screen and (min-width: 768px), print {
  .guide__naviItem {
    flex: 1; } }

@media screen and (max-width: 767px) {
  .guide__naviItem {
    background-color: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 0.05rem;
    box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05);
    margin-bottom: 0.14rem;
    width: 1.8rem; } }

@media screen and (min-width: 768px), print {
  .guide__naviItem:not(:last-child) {
    border-right: 1px solid #E5E5E5; } }

.guide__naviItemInner {
  display: flex;
  flex-direction: column;
  height: 100%; }
  @media screen and (min-width: 768px), print {
    .guide__naviItemInner {
      text-align: center;
      padding: 0.3rem 0 0.1rem; } }
  @media screen and (max-width: 767px) {
    .guide__naviItemInner {
      padding: 0.31rem 0.15rem 0.3rem;
      position: relative; } }
.guide__naviImage {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (min-width: 768px), print {
    .guide__naviImage {
      height: 0.41rem; } }
  @media screen and (max-width: 767px) {
    .guide__naviImage {
      height: 0.29rem; } }
  @media screen and (min-width: 768px), print {
    .guide__naviImage.-skper img {
      width: 1.76rem; } }
  @media screen and (max-width: 767px) {
    .guide__naviImage.-skper img {
      width: 1.2rem; } }
  @media screen and (min-width: 768px), print {
    .guide__naviImage.-jcom img {
      width: 1.3rem; } }
  @media screen and (max-width: 767px) {
    .guide__naviImage.-jcom img {
      width: 0.905rem; } }
  @media screen and (min-width: 768px), print {
    .guide__naviImage.-hikari img {
      width: 1.8rem; } }
  @media screen and (max-width: 767px) {
    .guide__naviImage.-hikari img {
      width: 1.2289rem; } }
  @media screen and (min-width: 768px), print {
    .guide__naviImage.-au img {
      width: 1.8rem; } }
  @media screen and (max-width: 767px) {
    .guide__naviImage.-au img {
      width: 1.2289rem; } }
  @media screen and (min-width: 768px), print {
    .guide__naviImage + * {
      margin-top: 0.21rem; } }
.guide__naviImageCableTv {
  font-weight: 700;
  line-height: 1; }
  @media screen and (min-width: 768px), print {
    .guide__naviImageCableTv {
      font-size: 0.24rem; } }
  @media screen and (max-width: 767px) {
    .guide__naviImageCableTv {
      font-size: 0.2rem; } }
.guide__naviText {
  font-size: 0.13rem; }
  @media screen and (min-width: 768px), print {
    .guide__naviText {
      margin-bottom: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .guide__naviText {
      line-height: 1.5384615385;
      margin-top: 0.13rem;
      margin-bottom: 0.24rem; }
      .guide__naviText br {
        display: none; } }
.guide__naviLink {
  margin-top: auto; }
  @media screen and (min-width: 768px), print {
    .guide__naviLink {
      width: 2rem;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .guide__naviLink a::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; } }
  .guide__naviLink .button {
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .guide__naviLink .button {
        padding-top: 0.11rem;
        padding-bottom: 0.11rem; } }
.guide__feature {
  background-color: #fff;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05); }
  @media screen and (min-width: 768px), print {
    .guide__feature {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .guide__feature {
      padding: 0.72rem 1.5rem 0.7rem; } }
  @media screen and (max-width: 767px) {
    .guide__feature {
      margin-left: 0.2rem;
      margin-right: 0.2rem;
      padding: 0.5rem 0.2rem 0.58rem; } }
@media screen and (min-width: 768px), print {
  .guide__featureTitle {
    display: none; } }

@media screen and (max-width: 767px) {
  .guide__featureTitle {
    font-size: 0.18rem;
    font-weight: 700;
    text-align: center; } }

@media screen and (max-width: 767px) {
  .guide__featureTitle + * {
    margin-top: 0.44rem; } }

.guide__featureTable {
  width: 100%; }
  @media screen and (max-width: 767px) {
    .guide__featureTable {
      width: 124% !important;
      white-space: inherit !important;
      line-height: 1.5; }
      .guide__featureTable tr > *:nth-child(1) {
        width: 28% !important; }
      .guide__featureTable tr > *:nth-child(2) {
        width: 20% !important; }
      .guide__featureTable tr > *:nth-child(3), .guide__featureTable tr > *:nth-child(4), .guide__featureTable tr > *:nth-child(5) {
        width: 17.3333% !important; } }
  .guide__featureTable th,
  .guide__featureTable td {
    border-bottom: 1px solid #CCC;
    vertical-align: middle; }
    .guide__featureTable th:not(:last-child),
    .guide__featureTable td:not(:last-child) {
      border-right: 1px solid #CCC; }
  @media screen and (min-width: 768px), print {
    .guide__featureTable thead th {
      padding-bottom: 0.22rem; } }
  @media screen and (min-width: 768px), print {
    .guide__featureTable tbody th,
    .guide__featureTable tbody td {
      padding: 0.34rem 0.2rem 0.34rem 0.4rem; } }
  @media screen and (max-width: 767px) {
    .guide__featureTable tbody th,
    .guide__featureTable tbody td {
      padding: 0.15rem 0.02rem 0.15rem 0.14rem; } }
  .guide__featureTable tbody th {
    background-color: #F5F5F5;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .guide__featureTable tbody th {
        font-size: 0.12rem; }
        .guide__featureTable tbody th br {
          display: none; } }
  .guide__featureTable tbody td {
    position: relative; }
    .guide__featureTable tbody td.-maru {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-width%3D%228%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2217%22%20fill%3D%22none%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center; }
      @media screen and (min-width: 768px), print {
        .guide__featureTable tbody td.-maru {
          background-size: 0.42rem auto; } }
      @media screen and (max-width: 767px) {
        .guide__featureTable tbody td.-maru {
          background-size: 0.2rem auto; } }
    .guide__featureTable tbody td.-sankaku {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2247%22%20height%3D%2241%22%20viewBox%3D%220%200%2047%2041%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M23.5%2C0%2C47%2C41H0Z%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M%2023.5%2016.08758544921875%20L%2013.80629730224609%2033%20L%2033.19370269775391%2033%20L%2023.5%2016.08758544921875%20M%2023.5%200%20L%2047%2041%20L%200%2041%20L%2023.5%200%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center; }
      @media screen and (min-width: 768px), print {
        .guide__featureTable tbody td.-sankaku {
          background-size: 0.47rem auto; } }
      @media screen and (max-width: 767px) {
        .guide__featureTable tbody td.-sankaku {
          background-size: 0.2329rem auto; } }
    .guide__featureTable tbody td span {
      color: #999;
      font-weight: 700;
      position: absolute;
      line-height: 1; }
      @media screen and (min-width: 768px), print {
        .guide__featureTable tbody td span {
          bottom: 0.15rem;
          right: 0.15rem; } }
      @media screen and (max-width: 767px) {
        .guide__featureTable tbody td span {
          font-size: 0.13rem;
          bottom: 0.13rem;
          right: 0.09rem; } }
  @media screen and (min-width: 768px), print {
    .guide__featureTable .iconFeature {
      font-size: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .guide__featureTable .iconFeature {
      display: none; } }
.guide__featureTableLogo {
  font-size: 0;
  display: block; }
  @media screen and (min-width: 768px), print {
    .guide__featureTableLogo.-skper img {
      width: 1.26rem; } }
  @media screen and (max-width: 767px) {
    .guide__featureTableLogo.-skper img {
      width: 0.67rem; } }
  @media screen and (min-width: 768px), print {
    .guide__featureTableLogo.-jcom img {
      width: 1rem; } }
  @media screen and (max-width: 767px) {
    .guide__featureTableLogo.-jcom img {
      width: 0.48rem; } }
  @media screen and (min-width: 768px), print {
    .guide__featureTableLogo.-cable {
      font-size: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .guide__featureTableLogo.-cable {
      font-size: 0.12rem; } }
  @media screen and (min-width: 768px), print {
    .guide__featureTableLogo.-hikari img {
      width: 1.1rem; } }
  @media screen and (max-width: 767px) {
    .guide__featureTableLogo.-hikari img {
      width: 0.58rem; } }
  @media screen and (min-width: 768px), print {
    .guide__featureTableLogo.-au {
      margin-top: 0.13rem; } }
  @media screen and (max-width: 767px) {
    .guide__featureTableLogo.-au {
      margin-top: 0.1rem; } }
  @media screen and (min-width: 768px), print {
    .guide__featureTableLogo.-au img {
      width: 1.1rem; } }
  @media screen and (max-width: 767px) {
    .guide__featureTableLogo.-au img {
      width: 0.58rem; } }
.guide__featureNote {
  line-height: 1.5; }
  @media screen and (min-width: 768px), print {
    .guide__featureNote {
      margin: 0.28rem 0 0 0.2rem; } }
  @media screen and (max-width: 767px) {
    .guide__featureNote {
      margin-top: 0.28rem; } }
  .guide__featureNote > li:not(:last-child) {
    margin-bottom: 0.13rem; }

.guide__customer {
  background-color: #fff;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .guide__customer {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .guide__customer {
      height: 3rem; } }
  @media screen and (max-width: 767px) {
    .guide__customer {
      margin-left: 0.2rem;
      margin-right: 0.2rem;
      padding-bottom: 2.12rem; } }
@media screen and (min-width: 768px), print {
  .guide__customerInner {
    padding: 0.2rem 0.2rem 0.1rem 5.63rem;
    height: 3rem; } }

.guide__customerNote {
  line-height: 1.5;
  font-size: 0.13rem; }
  @media screen and (min-width: 768px), print {
    .guide__customerNote {
      margin: 0.08rem 0.34rem 0 0; } }
  @media screen and (max-width: 767px) {
    .guide__customerNote {
      margin: 0.08rem 0.2rem 0; } }
  .guide__customerNote > li:not(:last-child) {
    margin-bottom: 0.06rem; }

.guide__customerImage {
  display: block;
  position: absolute;
  z-index: 0;
  width: 100%; }
  @media screen and (min-width: 768px), print {
    .guide__customerImage {
      top: 0;
      left: 0;
      height: 100%; } }
  @media screen and (max-width: 767px) {
    .guide__customerImage {
      font-size: 0;
      width: 100%;
      left: 0;
      bottom: 0; } }
  @media screen and (min-width: 768px), print {
    .guide__customerImage img {
      width: auto !important;
      height: 100%; } }
.guide__customerInner {
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 767px) {
    .guide__customerInner {
      padding: 0.38rem 0 0; } }
.guide__customerTitle {
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .guide__customerTitle {
      font-size: 0.25rem;
      line-height: 1.2; } }
  @media screen and (max-width: 767px) {
    .guide__customerTitle {
      font-size: 0.22rem;
      text-align: center;
      line-height: 1.3636363636; } }
.guide__customerHour {
  font-weight: 700;
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    .guide__customerHour {
      margin-top: 0.08rem; } }
  @media screen and (max-width: 767px) {
    .guide__customerHour {
      font-size: 0.13rem;
      margin-top: 0.16rem;
      text-align: center; } }
.guide__customerTel {
  line-height: 1;
  font-weight: 900; }
  @media screen and (min-width: 768px), print {
    .guide__customerTel {
      font-size: 0.5rem;
      margin-top: 0.27rem; } }
  @media screen and (max-width: 767px) {
    .guide__customerTel {
      font-size: 0.34rem;
      margin-top: 0.25rem;
      text-align: center; } }
  .guide__customerTel > a,
  .guide__customerTel > span {
    color: #dc000c;
    position: relative;
    text-decoration: none; }
    @media screen and (min-width: 768px), print {
      .guide__customerTel > a,
      .guide__customerTel > span {
        padding-left: 0.77rem; } }
    @media screen and (max-width: 767px) {
      .guide__customerTel > a,
      .guide__customerTel > span {
        padding-left: 0.52rem; } }
    .guide__customerTel > a::before,
    .guide__customerTel > span::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Phones-Mobile-Devices_Phone_phone-circle%22%20data-name%3D%22Phones-Mobile-Devices%20%2F%20Phone%20%2F%20phone-circle%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258.873%22%20height%3D%2258.873%22%20viewBox%3D%220%200%2058.873%2058.873%22%3E%0A%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%3Cg%20id%3D%22phone-circle%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M29.436%2C0a29.436%2C29.436%2C0%2C0%2C0%2C0%2C58.873c10.987%2C0%2C15.064-4.278%2C16.549-7.87a9.858%2C9.858%2C0%2C0%2C0-.442-8.837%2C4.691%2C4.691%2C0%2C0%2C0-.042-6.323l-3.513-3.51a4.742%2C4.742%2C0%2C0%2C0-6.682.245l-.518.515a69.124%2C69.124%2C0%2C0%2C1-9.036-9.021l.518-.515a4.745%2C4.745%2C0%2C0%2C0%2C.26-6.684l-3.51-3.515a4.738%2C4.738%2C0%2C0%2C0-6.682.263L14.2%2C15.761a6.664%2C6.664%2C0%2C0%2C0-1.178%2C8.159A70.623%2C70.623%2C0%2C0%2C0%2C34.942%2C45.843a6%2C6%2C0%2C0%2C0%2C3.221.911%2C6.91%2C6.91%2C0%2C0%2C0%2C3.613-1.065%2C6%2C6%2C0%2C0%2C1-.685%2C4.151c-1.618%2C2.7-5.646%2C4.124-11.655%2C4.124A24.522%2C24.522%2C0%2C1%2C1%2C49.675%2C43.3a2.456%2C2.456%2C0%2C0%2C0%2C4.048%2C2.781A29.441%2C29.441%2C0%2C0%2C0%2C29.436%2C0Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      background-size: 100% auto;
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      top: 0;
      margin: auto; }
      @media screen and (min-width: 768px), print {
        .guide__customerTel > a::before,
        .guide__customerTel > span::before {
          width: 0.5887rem;
          height: 0.5887rem; } }
      @media screen and (max-width: 767px) {
        .guide__customerTel > a::before,
        .guide__customerTel > span::before {
          width: 0.4046rem;
          height: 0.4046rem;
          top: 0.02rem; } }
@media screen and (min-width: 768px), print {
  .guide__customerText {
    font-size: 0.2rem;
    margin-top: 0.22rem; } }

@media screen and (max-width: 767px) {
  .guide__customerText {
    font-size: 0.16rem;
    margin-top: 0.16rem;
    text-align: center; } }

/* Note 2023.7.20 追加
============================================================= */
.guide__companyNote {
  line-height: 1.5;
  font-size: 0.13rem; }
  @media screen and (min-width: 768px), print {
    .guide__companyNote {
      margin: 0.08rem 0.3rem 0 0; } }
  @media screen and (max-width: 767px) {
    .guide__companyNote {
      margin: 0.08rem 0; } }
  .guide__companyNote > li:not(:last-child) {
    margin-bottom: 0.06rem; }

.guide__privacyNote {
  line-height: 1.5;
  font-size: 0.13rem; }
  @media screen and (min-width: 768px), print {
    .guide__privacyNote {
      margin: 0.08rem 0.34rem 0 0; } }
  @media screen and (max-width: 767px) {
    .guide__privacyNote {
      margin: 0.08rem 0; } }
  .guide__privacyNote > li:not(:last-child) {
    margin-bottom: 0.06rem; }

.guide__twitterNote {
  line-height: 1.5;
  font-size: 0.13rem; }
  @media screen and (min-width: 768px), print {
    .guide__twitterNote {
      margin: 0.36rem 0 0 0; } }
  @media screen and (max-width: 767px) {
    .guide__twitterNote {
      margin: 0.36rem 0; } }
  .guide__twitterNote > li:not(:last-child) {
    margin-bottom: 0.08rem; }

/* guideDetail
============================================================= */
.guideDetail {
  background-color: #F5F5F5;
  margin-top: 0 !important; }
  @media screen and (min-width: 768px), print {
    .guideDetail {
      padding: 0.3rem 0 1rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail {
      padding: 0.2rem 0 1rem; } }
@media screen and (min-width: 768px), print {
  .guideDetail__inner {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

@media screen and (max-width: 767px) {
  .guideDetail__inner {
    padding: 0 0.2rem; } }

.guideDetail__head {
  background-color: #E5E5E5; }

.guideDetail__headTitle {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headTitle {
      display: flex;
      align-items: center;
      padding: 0.77rem 1.2rem 0.42rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headTitle {
      text-align: center;
      padding: 0.5rem 0.1rem 0.4rem; } }
@media screen and (min-width: 768px), print {
  .guideDetail__headTitleLogo {
    margin-right: 0.47rem; } }

@media screen and (max-width: 767px) {
  .guideDetail__headTitleLogo {
    margin-left: auto;
    margin-right: auto; } }

.guideDetail__headTitleLogo.-skper {
  width: 2.21rem; }

.guideDetail__headTitleLogo.-jcom {
  width: 1.7rem; }

.guideDetail__headTitleLogo.-catv {
  color: #DC000C; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headTitleLogo.-catv {
      font-size: 0.35rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headTitleLogo.-catv {
      font-size: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headTitleLogo.-catv + * {
      margin-top: 0.1rem; } }
.guideDetail__headTitleLead {
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headTitleLead {
      font-size: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headTitleLead {
      font-size: 0.16rem;
      margin-top: 0.22rem; } }
@media screen and (min-width: 768px), print {
  .guideDetail__headContents {
    padding: 0.4rem 1rem; } }

@media screen and (max-width: 767px) {
  .guideDetail__headContents {
    padding: 0.2rem; } }

@media screen and (min-width: 768px), print {
  .guideDetail__headContents.-patternA, .guideDetail__headContents.-patternB {
    padding: 0.5rem; } }

@media screen and (min-width: 768px), print {
  .guideDetail__headContents.-patternB {
    padding-top: 0.53rem; } }

.guideDetail__headContentsInner {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsInner {
      padding: 0.5rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headContentsInner {
      padding: 0.2rem; } }
  @media screen and (min-width: 768px), print {
    .-patternA .guideDetail__headContentsInner {
      padding-left: 0.7rem;
      padding-right: 0.7rem; } }
  @media screen and (min-width: 768px), print {
    .-patternB .guideDetail__headContentsInner {
      padding: 0.55rem 1rem 0.8rem; } }
  @media screen and (max-width: 767px) {
    .-patternB .guideDetail__headContentsInner {
      padding-top: 0.35rem; } }
.guideDetail__headContentsTab {
  display: flex; }

.guideDetail__headContentsTabItem {
  line-height: 1.2; }
  @media screen and (max-width: 767px) {
    .guideDetail__headContentsTabItem {
      width: 50%; } }
  .guideDetail__headContentsTabItem a {
    background-color: #0AA2EF;
    color: #fff;
    display: block;
    font-weight: 700;
    text-decoration: none; }
    @media screen and (min-width: 768px), print {
      .guideDetail__headContentsTabItem a {
        padding: 0.23rem 0.45rem 0.21rem; } }
    @media screen and (max-width: 767px) {
      .guideDetail__headContentsTabItem a {
        font-size: 0.16rem;
        padding: 0.23rem 0.35rem 0.21rem; } }
  .guideDetail__headContentsTabItem.-active a {
    background-color: #fff;
    color: #0AA2EF;
    pointer-events: none; }

@media screen and (min-width: 768px), print {
  .guideDetail__headContentsBanner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -0.2rem; } }

@media screen and (min-width: 768px), print {
  .guideDetail__headContentsBanner.-large li {
    width: 5.2rem; } }

@media screen and (min-width: 768px), print {
  .guideDetail__headContentsBanner li {
    margin-bottom: 0.2rem;
    width: 4.9rem; } }

.guideDetail__headContentsBanner li.-w100 {
  width: 100%; }
  .guideDetail__headContentsBanner li.-w100 img {
    width: 100%; }

.guideDetail__headContentsBanner li.-border {
  border: 1px solid #CCC; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsBanner li.-border {
      margin-top: 0.25rem;
      pointer-events: none; } }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsBanner li.-border a {
      padding: 0.34rem 0 0.24rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headContentsBanner li.-border a {
      padding: 0.25rem 0 0.2rem;
      text-decoration: none; } }
.guideDetail__headContentsBanner li.-shadow {
  border-radius: 0.05rem; }
  .guideDetail__headContentsBanner li.-shadow a {
    box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05); }

@media screen and (max-width: 767px) {
  .guideDetail__headContentsBanner li:not(:last-child) {
    margin-bottom: 0.2rem; } }

.guideDetail__headContentsBanner li a {
  display: block;
  position: relative; }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .guideDetail__headContentsBanner li a {
      transition-duration: 0.25s;
      text-decoration: none !important; }
      .guideDetail__headContentsBanner li a:hover {
        opacity: .75; } }
.guideDetail__headContentsBanner .guide__customerTel {
  margin-top: 0;
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsBanner .guide__customerTel {
      font-size: 0.44rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headContentsBanner .guide__customerTel {
      font-size: 0.28rem;
      margin-top: 0.1rem; } }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsBanner .guide__customerTel > span {
      padding-left: 0.7rem; } }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsBanner .guide__customerTel > span::before {
      width: 0.53rem;
      height: 0.53rem; } }
.guideDetail__headContentsBannerTitle {
  font-weight: 700;
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsBannerTitle {
      line-height: 1;
      position: absolute;
      left: 0;
      margin: auto;
      width: 100%;
      font-size: 0.25rem;
      top: -0.16rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headContentsBannerTitle {
      font-size: 0.17rem;
      line-height: 1.5; } }
  .guideDetail__headContentsBannerTitle > span {
    background-color: #fff;
    display: inline-block;
    padding: 0 0.34rem; }

.guideDetail__headContentsBannerTelSub {
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsBannerTelSub {
      margin-top: 0.05rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headContentsBannerTelSub {
      margin-top: 0.1rem; } }
@media screen and (min-width: 768px), print {
  .guideDetail__headContentsLead {
    text-align: center; } }

@media screen and (max-width: 767px) {
  .guideDetail__headContentsLead {
    font-size: 0.16rem; } }

@media screen and (min-width: 768px), print {
  .guideDetail__headContentsLead.-left {
    text-align: left;
    width: 8rem;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (max-width: 767px) {
  .guideDetail__headContentsLead.-spNormal {
    font-size: 0.14rem;
    line-height: 1.5714285714; } }

@media screen and (min-width: 768px), print {
  .guideDetail__headContentsLead + * {
    margin-top: 0.42rem; } }

@media screen and (max-width: 767px) {
  .guideDetail__headContentsLead + .guideDetail__headContentsBanner {
    margin-top: 0.3rem; } }

@media screen and (min-width: 768px), print {
  .guideDetail__headContentsCol {
    display: flex; } }

@media screen and (max-width: 767px) {
  .guideDetail__headContentsCol {
    margin-top: 0.32rem; } }

@media screen and (min-width: 768px), print {
  .guideDetail__headContentsColItem {
    padding: 0.1rem 0 0.34rem; } }

@media screen and (min-width: 768px), print {
  .guideDetail__headContentsColItem:first-child {
    border-right: 1px solid #E5E5E5;
    padding-right: 0.39rem;
    width: 5.3rem; } }

@media screen and (max-width: 767px) {
  .guideDetail__headContentsColItem:first-child {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 0.3rem;
    margin-bottom: 0.28rem; } }

@media screen and (min-width: 768px), print {
  .guideDetail__headContentsColItem:last-child {
    flex: 1;
    margin-left: 0.39rem; } }

@media screen and (max-width: 767px) {
  .guideDetail__headContentsColItem:last-child {
    padding-bottom: 0.4rem; } }

.guideDetail__headContentsTitle {
  color: #0AA2EF;
  font-weight: 700;
  text-align: center;
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsTitle {
      font-size: 0.24rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headContentsTitle {
      font-size: 0.2rem; } }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsTitle b {
      font-size: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headContentsTitle b {
      font-size: 0.26rem; } }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsTitle + * {
      margin-top: 0.21rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headContentsTitle + * {
      margin-top: 0.17rem; } }
.guideDetail__headContentsText {
  font-weight: 500;
  text-align: center;
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsText {
      font-size: 0.18rem; } }
.guideDetail__headContentsButton {
  border: 1px solid #CCC;
  border-radius: 0.05rem;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05); }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsButton {
      margin-top: 0.23rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headContentsButton {
      margin-top: 0.33rem; } }
  .guideDetail__headContentsButton > a {
    display: block;
    text-align: center;
    text-decoration: none; }
    @media screen and (min-width: 768px), print {
      .guideDetail__headContentsButton > a {
        padding: 0.26rem 0.1rem 0.2rem; } }
    @media screen and (max-width: 767px) {
      .guideDetail__headContentsButton > a {
        padding: 0.27rem 0.1rem 0.22rem; } }
    .guideDetail__headContentsButton > a > span {
      display: block; }
      .guideDetail__headContentsButton > a > span:nth-child(1) {
        color: #0AA2EF;
        font-weight: 900; }
        @media screen and (min-width: 768px), print {
          .guideDetail__headContentsButton > a > span:nth-child(1) {
            font-size: 0.26rem; } }
        @media screen and (max-width: 767px) {
          .guideDetail__headContentsButton > a > span:nth-child(1) {
            font-size: 0.18rem; } }
      .guideDetail__headContentsButton > a > span:nth-child(2) {
        font-size: 0.14rem;
        margin-top: 0.03rem; }

.guideDetail__headContentsTel {
  font-weight: 900;
  text-align: center;
  line-height: 1; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsTel {
      font-size: 0.37rem;
      margin-top: 0.24rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headContentsTel {
      font-size: 0.33rem;
      margin-top: 0.26rem; } }
  .guideDetail__headContentsTel a {
    color: #0AA2EF; }
    @media screen and (min-width: 768px), print {
      .guideDetail__headContentsTel a {
        pointer-events: none; } }
.guideDetail__headContentsHour {
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headContentsHour {
      font-size: 0.14rem;
      margin-top: 0.06rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headContentsHour {
      margin-top: 0.1rem; } }
@media screen and (min-width: 768px), print {
  .guideDetail__headContentsNote {
    font-size: 0.14rem;
    margin-top: 0.13rem;
    padding-right: 0.2rem; } }

@media screen and (max-width: 767px) {
  .guideDetail__headContentsNote {
    line-height: 1.5714285714;
    margin-top: 0.26rem;
    padding: 0 0.1rem; } }

.guideDetail__fee {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .guideDetail__fee {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .guideDetail__fee {
      margin-top: 0.3rem;
      padding: 0.52rem 0.5rem 0.8rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__fee {
      margin-top: 0.2rem;
      padding: 0.54rem 0.2rem 0.5rem; } }
.guideDetail__feeTitle {
  text-align: center;
  font-size: 0.18rem; }
  @media screen and (max-width: 767px) {
    .guideDetail__feeTitle + * {
      margin-top: 0.38rem !important; } }
.guideDetail__feeSubTitle {
  font-weight: 400;
  text-align: center;
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    .guideDetail__feeSubTitle {
      font-size: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__feeSubTitle {
      font-size: 0.16rem;
      line-height: 1.6875; } }
  @media screen and (min-width: 768px), print {
    .guideDetail__feeSubTitle + * {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__feeSubTitle + * {
      margin-top: 0.26rem; } }
  @media screen and (min-width: 768px), print {
    * + .guideDetail__feeSubTitle {
      margin-top: 0.6rem; } }
  @media screen and (max-width: 767px) {
    * + .guideDetail__feeSubTitle {
      margin-top: 0.5rem; } }
@media screen and (min-width: 768px), print {
  .guideDetail__feeTable {
    margin-top: 0.3rem; } }

@media screen and (max-width: 767px) {
  .guideDetail__feeTable {
    white-space: inherit !important;
    width: 340% !important; } }

.guideDetail__feeTable th,
.guideDetail__feeTable td {
  vertical-align: top;
  font-size: 0.14rem; }

.guideDetail__feeTable thead th {
  font-weight: 700;
  padding: 0.19rem 0.2rem 0.17rem; }
  .guideDetail__feeTable thead th span {
    font-size: 0.12rem; }

.guideDetail__feeTable tbody tr > * {
  padding: 0.15rem 0.2rem; }
  .guideDetail__feeTable tbody tr > *:nth-child(1), .guideDetail__feeTable tbody tr > *:nth-child(2), .guideDetail__feeTable tbody tr > *:nth-child(3), .guideDetail__feeTable tbody tr > *:nth-child(4) {
    text-align: center; }
  .guideDetail__feeTable tbody tr > *:nth-child(2) {
    padding: 0.2rem; }

.guideDetail__feeTableLogo {
  display: block; }
  .guideDetail__feeTableLogo.-gaoraSports img {
    width: 1.1rem; }
  .guideDetail__feeTableLogo.-select5 img {
    width: 1.05rem; }
  .guideDetail__feeTableLogo.-select10 img {
    width: 1.21rem; }
  .guideDetail__feeTableLogo.-selection img {
    width: 1.21rem; }
  .guideDetail__feeTableLogo.-baseball img {
    width: 1.4rem; }
  .guideDetail__feeTableLogo.-basic img {
    width: 0.98rem; }
  .guideDetail__feeTableLogo.-bleague img {
    width: 1.06rem; }

/* catv */
@media screen and (min-width: 768px), print {
  .guideDetail__headCatvList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -0.2rem; } }

@media screen and (max-width: 767px) {
  .guideDetail__headCatvList {
    margin-top: 0.28rem; } }

.guideDetail__headCatvListItem {
  border: 1px solid #ccc;
  border-radius: 0.05rem;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05); }
  @media screen and (min-width: 768px), print {
    .guideDetail__headCatvListItem {
      width: 5.2rem;
      margin-bottom: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headCatvListItem:not(:last-child) {
      margin-bottom: 0.2rem; } }
  .guideDetail__headCatvListItem > a {
    display: block;
    text-decoration: none;
    text-align: center; }
    @media screen and (min-width: 768px), print {
      .guideDetail__headCatvListItem > a {
        padding: 0.22rem 0.1rem; } }
    @media screen and (max-width: 767px) {
      .guideDetail__headCatvListItem > a {
        padding: 0.24rem 0.2rem; } }
.guideDetail__headCatvListTitle {
  color: #DC000C;
  display: block;
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 1.3; }

.guideDetail__headCatvListText {
  display: block; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headCatvListText {
      font-size: 0.14rem;
      margin-top: 0.1rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headCatvListText {
      line-height: 1.5714285714;
      margin-top: 0.13rem; } }
.guideDetail__headNote {
  margin-top: 0.5rem; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headNote {
      padding: 0 0.36rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headNote {
      font-size: 0.16rem; } }
  .guideDetail__headNote li:not(:last-child) {
    margin-bottom: 0.1rem; }
  .guideDetail__headNote li a {
    color: #DC000C; }
  @media screen and (min-width: 768px), print {
    .-patternB .guideDetail__headNote {
      padding: 0; } }
@media screen and (min-width: 768px), print {
  .guideDetail__headTabCatv {
    display: flex;
    justify-content: center; } }

@media screen and (max-width: 767px) {
  .guideDetail__headTabCatv {
    display: none; } }

.guideDetail__headTabCatv li {
  font-weight: 700;
  line-height: 1; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headTabCatv li:not(:last-child) {
      margin-right: 1px; } }
  .guideDetail__headTabCatv li a {
    background-color: #DC000C;
    color: #fff;
    display: block;
    text-decoration: none;
    height: 100%; }
    @media screen and (min-width: 768px), print {
      .guideDetail__headTabCatv li a {
        padding: 0.14rem 0.3rem 0.16rem; } }
  .guideDetail__headTabCatv li.-active a {
    background-color: #fff;
    color: #181818;
    pointer-events: none; }

.guideDetail__headAreaTitle {
  font-weight: 400;
  line-height: 1.2;
  font-size: 0.2rem;
  padding-left: 0.21rem; }
  .guideDetail__headAreaTitle + * {
    margin-top: 0.19rem; }
  @media screen and (min-width: 768px), print {
    * + .guideDetail__headAreaTitle {
      margin-top: 0.4rem; } }
  @media screen and (max-width: 767px) {
    * + .guideDetail__headAreaTitle {
      margin-top: 0.35rem; } }
.guideDetail__headCatvTable {
  width: 100%; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headCatvTable {
      border-top: 1px solid #CCC; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headCatvTable {
      border-bottom: 1px solid #CCC;
      display: block; }
      .guideDetail__headCatvTable thead,
      .guideDetail__headCatvTable tbody,
      .guideDetail__headCatvTable tr, .guideDetail__headCatvTable th, .guideDetail__headCatvTable td {
        display: block; } }
  @media screen and (min-width: 768px), print {
    .guideDetail__headCatvTable tr > *:nth-child(1) {
      width: 2.5rem; } }
  .guideDetail__headCatvTable th,
  .guideDetail__headCatvTable td {
    text-align: left; }
    @media screen and (min-width: 768px), print {
      .guideDetail__headCatvTable th,
      .guideDetail__headCatvTable td {
        border-bottom: 1px solid #CCC; } }
    @media screen and (min-width: 768px), print {
      .guideDetail__headCatvTable th:not(:last-child),
      .guideDetail__headCatvTable td:not(:last-child) {
        border-right: 1px solid #CCC; } }
    @media screen and (min-width: 768px), print {
      .guideDetail__headCatvTable th,
      .guideDetail__headCatvTable td {
        font-size: 0.14rem;
        padding: 0.2rem;
        line-height: 1.5714285714; } }
  .guideDetail__headCatvTable th {
    background-color: #F5F5F5; }
    @media screen and (max-width: 767px) {
      .guideDetail__headCatvTable th {
        border-top: 1px solid #CCC;
        padding: 0.12rem 0.2rem; } }
    .guideDetail__headCatvTable th a::after {
      background: url(img/icon_hd.png) no-repeat left 0;
      background-size: 100% auto;
      content: '';
      display: inline-block;
      position: relative;
      width: 0.33rem;
      height: 0.17rem;
      top: 0.02rem;
      margin-left: 0.08rem; }
    .guideDetail__headCatvTable th a.-noHD::after {
      display: none; }
  @media screen and (max-width: 767px) {
    .guideDetail__headCatvTable td {
      padding: 0.15rem; } }
@media screen and (min-width: 768px), print {
  .guideDetail__headCatvSelect {
    display: none; } }

@media screen and (max-width: 767px) {
  .guideDetail__headCatvSelect {
    margin-bottom: 0.2rem; } }

.guideDetail__headCatvSelect select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none; }
  .guideDetail__headCatvSelect select::-ms-expand {
    background-color: transparent;
    border: 0;
    display: none; }
  .guideDetail__headCatvSelect select:focus {
    border-color: #dc000c; }

.guideDetail__headCatvSelect select {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0.05rem;
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    .guideDetail__headCatvSelect select {
      font-size: 0.16rem;
      padding: 0.16rem 0.45rem 0.16rem 0.15rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headCatvSelect select {
      font-size: 0.16rem;
      padding: 0.13rem 0.6rem 0.13rem 0.2rem;
      width: 100%; } }
  @media screen and (min-width: 768px), print {
    .guideDetail__headCatvSelect select.-medium {
      width: auto; } }
  @media screen and (min-width: 768px), print {
    .guideDetail__headCatvSelect select.-birth {
      width: 1rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headCatvSelect select.-birth {
      width: 0.6rem;
      padding: 0.13rem 0.15rem 0.13rem 0.1rem; } }
  @media screen and (min-width: 768px), print {
    .guideDetail__headCatvSelect select.-birth.-year {
      width: 1.2rem; } }
  @media screen and (max-width: 767px) {
    .guideDetail__headCatvSelect select.-birth.-year {
      width: 1rem; } }
/* icon
============================================================= */
.iconFeature,
.iconCheck {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .iconFeature,
    .iconCheck {
      padding-left: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .iconFeature,
    .iconCheck {
      padding-left: 0.3rem; } }
  .iconFeature::before,
  .iconCheck::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22notes-list%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.833%22%20height%3D%2226%22%20viewBox%3D%220%200%2023.833%2026%22%3E%0A%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M15.708%2C22.209H2.166A2.169%2C2.169%2C0%2C0%2C1%2C0%2C20.042V2.166A2.169%2C2.169%2C0%2C0%2C1%2C2.166%2C0h19.5a2.169%2C2.169%2C0%2C0%2C1%2C2.166%2C2.166V14.083a1.091%2C1.091%2C0%2C0%2C1-.317.766l-7.041%2C7.041A1.077%2C1.077%2C0%2C0%2C1%2C15.708%2C22.209Zm-13-20.042a.543.543%2C0%2C0%2C0-.542.542V19.5a.543.543%2C0%2C0%2C0%2C.542.542H14.625a.543.543%2C0%2C0%2C0%2C.542-.542V15.708a2.169%2C2.169%2C0%2C0%2C1%2C2.166-2.166h3.792A.542.542%2C0%2C0%2C0%2C21.666%2C13V2.709a.542.542%2C0%2C0%2C0-.541-.542Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M12.077%2C2.208A1.354%2C1.354%2C0%2C1%2C0%2C9.952.53L4.5%2C7.424a.271.271%2C0%2C0%2C1-.4.024L2.312%2C5.661A1.354%2C1.354%2C0%2C0%2C0%2C.4%2C7.577L2.618%2C9.8a2.459%2C2.459%2C0%2C0%2C0%2C3.637-.217Z%22%20transform%3D%22translate(4.705%204.384)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M20.583%2C0H1.083a1.083%2C1.083%2C0%2C1%2C0%2C0%2C2.167h19.5a1.083%2C1.083%2C0%2C0%2C0%2C0-2.167Z%22%20transform%3D%22translate(1.083%2023.833)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
    @media screen and (min-width: 768px), print {
      .iconFeature::before,
      .iconCheck::before {
        width: 0.2383rem;
        height: 0.26rem; } }
    @media screen and (max-width: 767px) {
      .iconFeature::before,
      .iconCheck::before {
        width: 0.2383rem;
        height: 0.26rem; } }
.iconPrograms {
  display: inline-block;
  padding-left: 0.29rem;
  position: relative; }
  .iconPrograms::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207%22%20transform%3D%22translate(1.2%20-5.6)%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_15%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2015%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(0%209.2)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_19%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2019%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(6.4%2013.6)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_22%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2022%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(12.8%209.2)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_17%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2017%22%20width%3D%224.8%22%20height%3D%228%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_18%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2018%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(6.4%204.4)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(12.8)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_16%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2016%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(0%2018.4)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_20%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2020%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(6.4%2022.8)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(12.8%2018.4)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto; }

.iconWeb {
  display: inline-block;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .iconWeb {
      padding-left: 0.57rem; } }
  @media screen and (max-width: 767px) {
    .iconWeb {
      padding-left: 0.41rem; } }
  .iconWeb::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22monitor-edit%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248.997%22%20height%3D%2249%22%20viewBox%3D%220%200%2048.997%2049%22%3E%0A%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M22.589%2C36.75H10.209a2.041%2C2.041%2C0%2C1%2C1%2C0-4.083h5.1a1.023%2C1.023%2C0%2C0%2C0%2C1.022-1.022v-1.02A1.023%2C1.023%2C0%2C0%2C0%2C15.312%2C29.6H4.083A4.088%2C4.088%2C0%2C0%2C1%2C0%2C25.521V4.083A4.088%2C4.088%2C0%2C0%2C1%2C4.083%2C0H32.667A4.088%2C4.088%2C0%2C0%2C1%2C36.75%2C4.083V22.6a.5.5%2C0%2C0%2C1-.149.358l-6.5%2C6.5a.513.513%2C0%2C0%2C1-.36.149H21.438a1.023%2C1.023%2C0%2C0%2C0-1.022%2C1.022v1.02a1.023%2C1.023%2C0%2C0%2C0%2C1.022%2C1.022h3.949a.509.509%2C0%2C0%2C1%2C.375.856l-2.8%2C3.063A.507.507%2C0%2C0%2C1%2C22.589%2C36.75ZM5.1%2C4.083A1.023%2C1.023%2C0%2C0%2C0%2C4.083%2C5.1V22.458A1.023%2C1.023%2C0%2C0%2C0%2C5.1%2C23.479H31.645a1.023%2C1.023%2C0%2C0%2C0%2C1.022-1.022V5.1a1.023%2C1.023%2C0%2C0%2C0-1.022-1.022Z%22%20fill%3D%22%231da1f2%22%2F%3E%0A%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M3.551.3a1.021%2C1.021%2C0%2C0%2C0-1.7.441L.04%2C7.07A1.021%2C1.021%2C0%2C0%2C0%2C1.3%2C8.334L7.631%2C6.525a1.021%2C1.021%2C0%2C0%2C0%2C.443-1.7Z%22%20transform%3D%22translate(22.459%2040.627)%22%20fill%3D%22%231da1f2%22%2F%3E%0A%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M11.973.3A1.021%2C1.021%2C0%2C0%2C0%2C10.53.3L.3%2C10.528a1.021%2C1.021%2C0%2C0%2C0%2C0%2C1.443L6.424%2C18.1a1.021%2C1.021%2C0%2C0%2C0%2C1.443%2C0L18.1%2C7.867a1.021%2C1.021%2C0%2C0%2C0%2C0-1.443Z%22%20transform%3D%22translate(26.353%2026.71)%22%20fill%3D%22%231da1f2%22%2F%3E%0A%20%20%3Cpath%20id%3D%22Shape-4%22%20data-name%3D%22Shape%22%20d%3D%22M7.964%2C1.538a5.427%2C5.427%2C0%2C0%2C0-7.656.086A1.021%2C1.021%2C0%2C0%2C0%2C0%2C2.346a1.035%2C1.035%2C0%2C0%2C0%2C.3.729L6.425%2C9.2a1.1%2C1.1%2C0%2C0%2C0%2C.77.251%2C1.176%2C1.176%2C0%2C0%2C0%2C.77-.345%2C5.361%2C5.361%2C0%2C0%2C0%2C0-7.568Z%22%20transform%3D%22translate(39.469%2022.49)%22%20fill%3D%22%231da1f2%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
    @media screen and (min-width: 768px), print {
      .iconWeb::before {
        width: 0.49rem;
        height: 0.49rem; } }
    @media screen and (max-width: 767px) {
      .iconWeb::before {
        width: 0.3316rem;
        height: 0.3316rem; } }
.iconTel {
  display: inline-block;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .iconTel {
      padding-left: 0.57rem; } }
  @media screen and (max-width: 767px) {
    .iconTel {
      padding-left: 0.52rem; } }
  .iconTel::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244.155%22%20height%3D%2244.155%22%20viewBox%3D%220%200%2044.155%2044.155%22%3E%0A%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M22.077%2C0a22.077%2C22.077%2C0%2C0%2C0%2C0%2C44.154c8.24%2C0%2C11.3-3.209%2C12.412-5.9a7.393%2C7.393%2C0%2C0%2C0-.331-6.628%2C3.518%2C3.518%2C0%2C0%2C0-.031-4.742L31.492%2C24.25a3.557%2C3.557%2C0%2C0%2C0-5.011.184l-.388.387a51.843%2C51.843%2C0%2C0%2C1-6.777-6.766l.388-.387a3.559%2C3.559%2C0%2C0%2C0%2C.2-5.013l-2.633-2.636a3.553%2C3.553%2C0%2C0%2C0-5.011.2l-1.607%2C1.605a5%2C5%2C0%2C0%2C0-.884%2C6.119A52.967%2C52.967%2C0%2C0%2C0%2C26.207%2C34.382a4.5%2C4.5%2C0%2C0%2C0%2C2.415.683%2C5.182%2C5.182%2C0%2C0%2C0%2C2.71-.8%2C4.5%2C4.5%2C0%2C0%2C1-.514%2C3.113c-1.213%2C2.025-4.234%2C3.093-8.741%2C3.093a18.392%2C18.392%2C0%2C1%2C1%2C15.179-8%2C1.842%2C1.842%2C0%2C0%2C0%2C3.036%2C2.086A22.081%2C22.081%2C0%2C0%2C0%2C22.077%2C0Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%230aa2ef%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
    @media screen and (min-width: 768px), print {
      .iconTel::before {
        width: 0.4415rem;
        height: 0.4415rem; } }
    @media screen and (max-width: 767px) {
      .iconTel::before {
        width: 0.4025rem;
        height: 0.4025rem; } }
.iconRelease {
  display: inline-block;
  position: relative;
  padding-left: 0.32rem !important; }
  .iconRelease::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Interface-Essential_Alert_alarm-bell-1%22%20data-name%3D%22Interface-Essential%20%2F%20Alert%20%2F%20alarm-bell-1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.998%22%20height%3D%2224%22%20viewBox%3D%220%200%2018.998%2024%22%3E%0A%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(-2.501%200)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22alarm-bell-1%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M4.736%2C0H.264A.25.25%2C0%2C0%2C0%2C.016.222%2C2.319%2C2.319%2C0%2C0%2C0%2C0%2C.5a2.5%2C2.5%2C0%2C1%2C0%2C5%2C0A2.319%2C2.319%2C0%2C0%2C0%2C4.984.222.248.248%2C0%2C0%2C0%2C4.736%2C0Z%22%20transform%3D%22translate(9.5%2021)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M18.945%2C19.276A16.366%2C16.366%2C0%2C0%2C1%2C17.2%2C11.944v-.768a9.114%2C9.114%2C0%2C0%2C0-3.866-7.622A6.379%2C6.379%2C0%2C0%2C0%2C11%2C2.636V1.5a1.5%2C1.5%2C0%2C1%2C0-3%2C0V2.649A6.738%2C6.738%2C0%2C0%2C0%2C5.148%2C3.926%2C9.2%2C9.2%2C0%2C0%2C0%2C1.8%2C11.176v.768A16.366%2C16.366%2C0%2C0%2C1%2C.053%2C19.276.5.5%2C0%2C0%2C0%2C.5%2C20h18a.5.5%2C0%2C0%2C0%2C.446-.725Z%22%20transform%3D%22translate(2.501)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0.2296rem;
    height: 0.29rem; }

.iconChange {
  display: inline-block;
  position: relative;
  padding-left: 0.4rem !important; }
  .iconChange::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Interface-Essential_Date_Calendar_calendar-clock%22%20data-name%3D%22Interface-Essential%20%2F%20Date%2FCalendar%20%2F%20calendar-clock%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22calendar-clock%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M2.5%2C16.5A.5.5%2C0%2C0%2C1%2C2%2C16V7.5A.5.5%2C0%2C0%2C1%2C2.5%2C7H16a.5.5%2C0%2C0%2C1%2C.5.5V9.57a7.281%2C7.281%2C0%2C0%2C1%2C2%2C0V3a1%2C1%2C0%2C0%2C0-1-1H15a.25.25%2C0%2C0%2C1-.25-.25v-1a.75.75%2C0%2C0%2C0-1.5%2C0V4.5a.75.75%2C0%2C0%2C1-1.5%2C0v-2a.5.5%2C0%2C0%2C0-.5-.5H7a.25.25%2C0%2C0%2C1-.25-.25v-1a.75.75%2C0%2C0%2C0-1.5%2C0V4.5a.75.75%2C0%2C0%2C1-1.5%2C0v-2a.5.5%2C0%2C0%2C0-.5-.5H1A1%2C1%2C0%2C0%2C0%2C0%2C3V16.5a2%2C2%2C0%2C0%2C0%2C2%2C2H9.569a7.281%2C7.281%2C0%2C0%2C1%2C0-2Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M6.5%2C13A6.5%2C6.5%2C0%2C1%2C1%2C13%2C6.5%2C6.507%2C6.507%2C0%2C0%2C1%2C6.5%2C13Zm0-11a4.5%2C4.5%2C0%2C1%2C0%2C1.721.343A4.472%2C4.472%2C0%2C0%2C0%2C6.5%2C2Z%22%20transform%3D%22translate(11%2011)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M2.75%2C2.5H1.5V.75A.75.75%2C0%2C0%2C0%2C0%2C.75v2.5A.75.75%2C0%2C0%2C0%2C.75%2C4h2a.75.75%2C0%2C0%2C0%2C0-1.5Z%22%20transform%3D%22translate(16.75%2014.25)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0.3rem;
    height: 0.3rem; }

.iconPresent {
  display: inline-block;
  position: relative;
  padding-left: 0.41rem !important; }
  .iconPresent::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2230.73%22%20height%3D%2228.302%22%20viewBox%3D%220%200%2030.73%2028.302%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2230.73%22%20height%3D%2228.302%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22Social-Medias-Rewards-Rating_Gifts_gift-box-1%22%20data-name%3D%22Social-Medias-Rewards-Rating%20%2F%20Gifts%20%2F%20gift-box-1%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22gift-box-1%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M16.591%2C13.029H10.736a.326.326%2C0%2C0%2C1-.326-.326V7.173H8.458V12.7a.326.326%2C0%2C0%2C1-.326.326H2.277A2.306%2C2.306%2C0%2C0%2C1%2C0%2C10.751V9.45A2.282%2C2.282%2C0%2C0%2C1%2C2.277%2C7.173H6.969A8.563%2C8.563%2C0%2C0%2C1%2C3.977%2C5.735%2C3.314%2C3.314%2C0%2C0%2C1%2C8.661%2C1.05a4.607%2C4.607%2C0%2C0%2C1%2C.78%2C1.281%2C4.677%2C4.677%2C0%2C0%2C1%2C.781-1.281%2C3.314%2C3.314%2C0%2C1%2C1%2C4.684%2C4.684%2C8.577%2C8.577%2C0%2C0%2C1-2.993%2C1.438h4.677A2.282%2C2.282%2C0%2C0%2C1%2C18.868%2C9.45v1.3A2.3%2C2.3%2C0%2C0%2C1%2C16.591%2C13.029ZM12.569%2C2.675a.707.707%2C0%2C0%2C0-.508.213%2C7.483%2C7.483%2C0%2C0%2C0-.728%2C1.736%2C7.7%2C7.7%2C0%2C0%2C0%2C1.744-.737.714.714%2C0%2C0%2C0-.008-1.007A.7.7%2C0%2C0%2C0%2C12.569%2C2.675Zm-6.266%2C0a.712.712%2C0%2C0%2C0-.511%2C1.208%2C7.58%2C7.58%2C0%2C0%2C0%2C1.741.737%2C7.475%2C7.475%2C0%2C0%2C0-.74-1.748A.708.708%2C0%2C0%2C0%2C6.3%2C2.679Z%22%20transform%3D%22translate(5.891%206.165)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M.325%2C0A.325.325%2C0%2C0%2C0%2C0%2C.325V6.831a.325.325%2C0%2C0%2C0%2C.325.325H3.668A2.285%2C2.285%2C0%2C0%2C0%2C5.939%2C5.041L6.275.349A.328.328%2C0%2C0%2C0%2C5.949%2C0Z%22%20transform%3D%22translate(16.3%2021.145)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M6.275.325A.325.325%2C0%2C0%2C0%2C5.95%2C0H.325A.325.325%2C0%2C0%2C0%2C0%2C.349L.337%2C5.041A2.285%2C2.285%2C0%2C0%2C0%2C2.607%2C7.157H5.95a.325.325%2C0%2C0%2C0%2C.325-.325Z%22%20transform%3D%22translate(8.073%2021.145)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-4%22%20data-name%3D%22Shape%22%20d%3D%22M1.3%2C4.554a1.3%2C1.3%2C0%2C0%2C0%2C1.3-1.3V1.3A1.3%2C1.3%2C0%2C1%2C0%2C0%2C1.3V3.253A1.3%2C1.3%2C0%2C0%2C0%2C1.3%2C4.554Z%22%20transform%3D%22translate(14.023%200)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-5%22%20data-name%3D%22Shape%22%20d%3D%22M3.586%2C3.585a1.3%2C1.3%2C0%2C0%2C0%2C0-1.84L2.205.365a1.3%2C1.3%2C0%2C0%2C0-1.84%2C1.84L1.746%2C3.585A1.3%2C1.3%2C0%2C0%2C0%2C3.586%2C3.585Z%22%20transform%3D%22translate(4.13%204.107)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-6%22%20data-name%3D%22Shape%22%20d%3D%22M3.253%2C0H1.3a1.3%2C1.3%2C0%2C1%2C0%2C0%2C2.6H3.253a1.3%2C1.3%2C0%2C0%2C0%2C0-2.6Z%22%20transform%3D%22translate(0%2013.988)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-7%22%20data-name%3D%22Shape%22%20d%3D%22M3.586.381a1.3%2C1.3%2C0%2C0%2C0-1.84%2C0L.365%2C1.76A1.3%2C1.3%2C0%2C0%2C0%2C2.205%2C3.6L3.586%2C2.221a1.3%2C1.3%2C0%2C0%2C0%2C0-1.84Z%22%20transform%3D%22translate(22.648%204.091)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-8%22%20data-name%3D%22Shape%22%20d%3D%22M3.253%2C0H1.3a1.3%2C1.3%2C0%2C1%2C0%2C0%2C2.6H3.253a1.3%2C1.3%2C0%2C0%2C0%2C0-2.6Z%22%20transform%3D%22translate(26.176%2013.988)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0.04rem !important;
    margin: auto;
    width: 0.3073rem;
    height: 0.283rem; }

.iconApply {
  display: inline-block;
  position: relative;
  padding-left: 0.3rem !important; }
  .iconApply::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224.771%22%20height%3D%2225.049%22%20viewBox%3D%220%200%2024.771%2025.049%22%3E%0A%20%20%3Cg%20id%3D%22pencil-write-1%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M14.138%2C12.62a2.157%2C2.157%2C0%2C0%2C1-1.051.575c-.076.041-3.509%2C1.437-3.511%2C1.438a2.219%2C2.219%2C0%2C0%2C1-2.339-.479%2C2.169%2C2.169%2C0%2C0%2C1-.48-2.339S8.156%2C8.379%2C8.2%2C8.3a2.145%2C2.145%2C0%2C0%2C1%2C.575-1.05L15.558.463A.271.271%2C0%2C0%2C0%2C15.367%2C0H3.385A3.381%2C3.381%2C0%2C0%2C0%2C0%2C3.381V18.309a3.38%2C3.38%2C0%2C0%2C0%2C3.385%2C3.38H18.308a3.381%2C3.381%2C0%2C0%2C0%2C3.381-3.381V5.723a.271.271%2C0%2C0%2C0-.463-.191Z%22%20transform%3D%22translate(0%203.36)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M2.844%2C0A2.141%2C2.141%2C0%2C0%2C0%2C1.309.6L.159%2C1.755a.542.542%2C0%2C0%2C0%2C0%2C.767l2.3%2C2.3a.542.542%2C0%2C0%2C0%2C.767%2C0l1.15-1.151a2.191%2C2.191%2C0%2C0%2C0%2C0-3.067A2.169%2C2.169%2C0%2C0%2C0%2C2.844%2C0Z%22%20transform%3D%22translate(19.769%200)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M7.826.152a.56.56%2C0%2C0%2C0-.767%2C0l-6.9%2C6.9a.542.542%2C0%2C0%2C0%2C0%2C.767l2.3%2C2.3a.542.542%2C0%2C0%2C0%2C.767%2C0l6.9-6.9a.542.542%2C0%2C0%2C0%2C0-.767Z%22%20transform%3D%22translate(10.913%203.557)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-4%22%20data-name%3D%22Shape%22%20d%3D%22M4.032%2C3.02a.542.542%2C0%2C0%2C0%2C.182-.888L2.242.159a.544.544%2C0%2C0%2C0-.887.177L.039%2C3.63a.542.542%2C0%2C0%2C0%2C.7.7Z%22%20transform%3D%22translate(8.226%2012.149)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0.2477rem;
    height: 0.2505rem; }
  .underTitle__main .iconApply {
    padding-left: 0.4rem !important; }
    .underTitle__main .iconApply::before {
      width: 0.2935rem;
      height: 0.2968rem; }

.iconFaq {
  display: inline-block;
  position: relative;
  padding-left: 0.3rem !important; }
  .iconFaq::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.997%22%20height%3D%2223.5%22%20viewBox%3D%220%200%2023.997%2023.5%22%3E%0A%20%20%3Cg%20id%3D%22headphones-customer-support-question%22%20transform%3D%22translate(-0.003%200)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M24%2C14a4.493%2C4.493%2C0%2C0%2C0-3-4.239V9A9%2C9%2C0%2C0%2C0%2C3%2C9v.761a4.5%2C4.5%2C0%2C0%2C0%2C0%2C8.483A1.5%2C1.5%2C0%2C0%2C0%2C5%2C16.83V9A7%2C7%2C0%2C0%2C1%2C19%2C9v7.83a1.494%2C1.494%2C0%2C0%2C0%2C.5%2C1.1v.57c0%2C1.474-1.291%2C2-2.5%2C2H15.219a2%2C2%2C0%2C1%2C0%2C0%2C2H17c2.649%2C0%2C4.5-1.645%2C4.5-4v-.478A4.5%2C4.5%2C0%2C0%2C0%2C24%2C14Z%22%20transform%3D%22translate(0.003%200)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20cx%3D%221.25%22%20cy%3D%221.25%22%20r%3D%221.25%22%20transform%3D%22translate(10.75%2015.501)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M1.25%2C5A1.25%2C1.25%2C0%2C0%2C0%2C2.5%2C3.747%2C1.25%2C1.25%2C0%2C1%2C1%2C4.25%2C4.9%2C2.918%2C2.918%2C0%2C0%2C0%2C2.5%2C7.57v.555a1.25%2C1.25%2C0%2C0%2C0%2C2.5%2C0V7.57a.417.417%2C0%2C0%2C1%2C.25-.383A3.75%2C3.75%2C0%2C1%2C0%2C0%2C3.748%2C1.25%2C1.25%2C0%2C0%2C0%2C1.25%2C5Z%22%20transform%3D%22translate(8.25%205.503)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0.24rem;
    height: 0.235rem; }

.iconPoricy {
  display: inline-block;
  position: relative;
  padding-left: 0.39rem !important; }
  .iconPoricy::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%3Cg%20id%3D%22information-circle%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M14%2C28A14%2C14%2C0%2C0%2C1%2C4.1%2C4.1%2C14%2C14%2C0%2C0%2C1%2C23.9%2C23.9%2C13.913%2C13.913%2C0%2C0%2C1%2C14%2C28ZM12.25%2C19.249a1.167%2C1.167%2C0%2C0%2C0%2C0%2C2.334h4.666a1.167%2C1.167%2C0%2C0%2C0%2C0-2.334h-.875a.292.292%2C0%2C0%2C1-.292-.291V13.417a2.336%2C2.336%2C0%2C0%2C0-2.333-2.333H12.25a1.167%2C1.167%2C0%2C0%2C0%2C0%2C2.333h.875a.292.292%2C0%2C0%2C1%2C.292.292v5.25a.292.292%2C0%2C0%2C1-.292.291ZM14.291%2C5.834a1.75%2C1.75%2C0%2C1%2C0%2C1.75%2C1.749A1.752%2C1.752%2C0%2C0%2C0%2C14.291%2C5.834Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0.28rem;
    height: 0.28rem; }

.iconPdf {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .iconPdf {
      padding-left: 0.34rem; } }
  @media screen and (max-width: 767px) {
    .iconPdf {
      padding-left: 0.3rem; } }
  .iconPdf::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22office-file-pdf-1%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M.326.025C.221-.021%2C0-.023%2C0%2C.189V4.167a.238.238%2C0%2C0%2C0%2C.327.21A2.375%2C2.375%2C0%2C0%2C0%2C1.75%2C2.2%2C2.375%2C2.375%2C0%2C0%2C0%2C.327.025Z%22%20transform%3D%22translate(8.125%2012.297)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M.875%2C0H.252A.252.252%2C0%2C0%2C0%2C0%2C.252V1.5a.252.252%2C0%2C0%2C0%2C.252.252H.875A.875.875%2C0%2C1%2C0%2C.875%2C0Z%22%20transform%3D%22translate(3.125%2012.123)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M17%2C11H1a1%2C1%2C0%2C0%2C1-1-1V1A1%2C1%2C0%2C0%2C1%2C1%2C0H17a1%2C1%2C0%2C0%2C1%2C1%2C1v9A1%2C1%2C0%2C0%2C1%2C17%2C11ZM13.5%2C1.873A1.629%2C1.629%2C0%2C0%2C0%2C11.875%2C3.5v5a.625.625%2C0%2C1%2C0%2C1.25%2C0V6.375a.252.252%2C0%2C0%2C1%2C.252-.252H14.5a.625.625%2C0%2C1%2C0%2C0-1.25H13.377a.252.252%2C0%2C0%2C1-.252-.252V3.5a.376.376%2C0%2C0%2C1%2C.375-.375h2a.625.625%2C0%2C1%2C0%2C0-1.25Zm-11%2C0a.626.626%2C0%2C0%2C0-.626.625v6a.625.625%2C0%2C1%2C0%2C1.25%2C0V6.375a.252.252%2C0%2C0%2C1%2C.252-.252H4A2.124%2C2.124%2C0%2C1%2C0%2C4%2C1.875Zm5%2C0a.626.626%2C0%2C0%2C0-.625.626v6a.626.626%2C0%2C0%2C0%2C.625.626%2C3.625%2C3.625%2C0%2C0%2C0%2C0-7.25Z%22%20transform%3D%22translate(0%209)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-4%22%20data-name%3D%22Shape%22%20d%3D%22M19.707%2C5.705%2C14.293.291A1%2C1%2C0%2C0%2C0%2C13.585%2C0H2A2%2C2%2C0%2C0%2C0%2C0%2C2V7.75A.25.25%2C0%2C0%2C0%2C.25%2C8h1.5A.25.25%2C0%2C0%2C0%2C2%2C7.748V2.5A.5.5%2C0%2C0%2C1%2C2.5%2C2H12.75a.25.25%2C0%2C0%2C1%2C.25.25V5a2%2C2%2C0%2C0%2C0%2C2%2C2h2.75a.25.25%2C0%2C0%2C1%2C.25.25V21.5a.5.5%2C0%2C0%2C1-.5.5H2.25A.25.25%2C0%2C0%2C1%2C2%2C21.75v-.5A.248.248%2C0%2C0%2C0%2C1.751%2C21H.25a.25.25%2C0%2C0%2C0-.25.25V22a2%2C2%2C0%2C0%2C0%2C2%2C2H18a2%2C2%2C0%2C0%2C0%2C2-2V6.412A1%2C1%2C0%2C0%2C0%2C19.707%2C5.705Z%22%20transform%3D%22translate(4%200)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
    @media screen and (min-width: 768px), print {
      .iconPdf::before {
        width: 0.24rem;
        height: 0.24rem; } }
    @media screen and (max-width: 767px) {
      .iconPdf::before {
        width: 0.21rem;
        height: 0.21rem; } }
/* indexNews
============================================================= */
@media screen and (min-width: 768px), print {
  .indexNews {
    padding-top: 0.64rem;
    padding-bottom: 0.64rem; } }

@media screen and (max-width: 767px) {
  .indexNews {
    padding: 0.04rem 0.2rem 0; } }

@media screen and (min-width: 768px), print {
  .indexNews__inner {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

@media screen and (min-width: 768px), print {
  .indexNews__inner {
    display: flex;
    justify-content: space-between;
    padding: 0 0.5rem; } }

@media screen and (min-width: 768px), print {
  .indexNews__release {
    width: 5.5rem; } }

@media screen and (max-width: 767px) {
  .indexNews__release + * {
    margin-top: 0.6rem; } }

@media screen and (min-width: 768px), print {
  .indexNews__change {
    width: 5.5rem; } }

.indexNews__title {
  line-height: 1.2;
  text-align: center;
  font-size: 0.2rem; }
  .indexNews__title > span {
    display: inline-block;
    position: relative;
    padding-left: 0.3rem; }
    .indexNews__title > span::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
    .indexNews__title > span.-release::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Interface-Essential_Alert_alarm-bell-1%22%20data-name%3D%22Interface-Essential%20%2F%20Alert%20%2F%20alarm-bell-1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.998%22%20height%3D%2224%22%20viewBox%3D%220%200%2018.998%2024%22%3E%0A%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(-2.501%200)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22alarm-bell-1%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M4.736%2C0H.264A.25.25%2C0%2C0%2C0%2C.016.222%2C2.319%2C2.319%2C0%2C0%2C0%2C0%2C.5a2.5%2C2.5%2C0%2C1%2C0%2C5%2C0A2.319%2C2.319%2C0%2C0%2C0%2C4.984.222.248.248%2C0%2C0%2C0%2C4.736%2C0Z%22%20transform%3D%22translate(9.5%2021)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M18.945%2C19.276A16.366%2C16.366%2C0%2C0%2C1%2C17.2%2C11.944v-.768a9.114%2C9.114%2C0%2C0%2C0-3.866-7.622A6.379%2C6.379%2C0%2C0%2C0%2C11%2C2.636V1.5a1.5%2C1.5%2C0%2C1%2C0-3%2C0V2.649A6.738%2C6.738%2C0%2C0%2C0%2C5.148%2C3.926%2C9.2%2C9.2%2C0%2C0%2C0%2C1.8%2C11.176v.768A16.366%2C16.366%2C0%2C0%2C1%2C.053%2C19.276.5.5%2C0%2C0%2C0%2C.5%2C20h18a.5.5%2C0%2C0%2C0%2C.446-.725Z%22%20transform%3D%22translate(2.501)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      width: 0.19rem;
      height: 0.24rem; }
    .indexNews__title > span.-change::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Interface-Essential_Date_Calendar_calendar-clock%22%20data-name%3D%22Interface-Essential%20%2F%20Date%2FCalendar%20%2F%20calendar-clock%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22calendar-clock%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M2.5%2C16.5A.5.5%2C0%2C0%2C1%2C2%2C16V7.5A.5.5%2C0%2C0%2C1%2C2.5%2C7H16a.5.5%2C0%2C0%2C1%2C.5.5V9.57a7.281%2C7.281%2C0%2C0%2C1%2C2%2C0V3a1%2C1%2C0%2C0%2C0-1-1H15a.25.25%2C0%2C0%2C1-.25-.25v-1a.75.75%2C0%2C0%2C0-1.5%2C0V4.5a.75.75%2C0%2C0%2C1-1.5%2C0v-2a.5.5%2C0%2C0%2C0-.5-.5H7a.25.25%2C0%2C0%2C1-.25-.25v-1a.75.75%2C0%2C0%2C0-1.5%2C0V4.5a.75.75%2C0%2C0%2C1-1.5%2C0v-2a.5.5%2C0%2C0%2C0-.5-.5H1A1%2C1%2C0%2C0%2C0%2C0%2C3V16.5a2%2C2%2C0%2C0%2C0%2C2%2C2H9.569a7.281%2C7.281%2C0%2C0%2C1%2C0-2Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M6.5%2C13A6.5%2C6.5%2C0%2C1%2C1%2C13%2C6.5%2C6.507%2C6.507%2C0%2C0%2C1%2C6.5%2C13Zm0-11a4.5%2C4.5%2C0%2C1%2C0%2C1.721.343A4.472%2C4.472%2C0%2C0%2C0%2C6.5%2C2Z%22%20transform%3D%22translate(11%2011)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M2.75%2C2.5H1.5V.75A.75.75%2C0%2C0%2C0%2C0%2C.75v2.5A.75.75%2C0%2C0%2C0%2C.75%2C4h2a.75.75%2C0%2C0%2C0%2C0-1.5Z%22%20transform%3D%22translate(16.75%2014.25)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      width: 0.24rem;
      height: 0.24rem; }
  .indexNews__title + * {
    margin-top: 0.12rem; }

.indexNews__button {
  text-align: center;
  margin-top: 0.4rem; }
  .indexNews__button .button {
    width: 3.34rem; }

/* indexSubContents
============================================================= */
.indexSubContents {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .indexSubContents {
      padding: 0.6rem 0 1rem; } }
  @media screen and (max-width: 767px) {
    .indexSubContents {
      padding: 0.8rem 0.2rem 0.6rem; } }
@media screen and (min-width: 768px), print {
  .indexSubContents__inner {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

@media screen and (min-width: 768px), print {
  .indexSubContents__appeal {
    display: flex;
    align-items: center;
    justify-content: space-between; } }

.indexSubContents__appeal + * {
  margin-top: 0.6rem; }

.indexSubContents__appealPresent {
  background-color: #fff;
  position: relative; }
  @media screen and (max-width: 767px) {
    .indexSubContents__appealPresent {
      padding: 0.64rem 0.4rem 0.4rem; } }
  .indexSubContents__appealPresent::before {
    content: '';
    position: absolute; }
    @media screen and (min-width: 768px), print {
      .indexSubContents__appealPresent::before {
        background: url(img/icon_present.png) no-repeat left 0;
        background-size: 100% auto;
        width: 0.87rem;
        height: 1.035rem;
        right: 0;
        top: 0; } }
    @media screen and (max-width: 767px) {
      .indexSubContents__appealPresent::before {
        background: url(img/icon_present.png) no-repeat left 0;
        background-size: 100% auto;
        width: 0.87rem;
        height: 1.035rem;
        right: 0;
        left: 0;
        top: -0.54rem;
        margin: auto;
        z-index: 5; } }
  @media screen and (min-width: 768px), print {
    .indexSubContents__appealPresent {
      border-radius: 0.1rem;
      padding: 0.4rem 0.5rem;
      width: 7.8rem;
      display: flex;
      justify-content: space-between;
      align-items: center; } }
  @media screen and (max-width: 767px) {
    .indexSubContents__appealPresent + * {
      margin-top: 0.6rem; } }
.indexSubContents__appealParkour {
  position: relative; }
  @media screen and (max-width: 767px) {
    .indexSubContents__appealParkour {
      padding: 0.2rem 0.4rem 0.4rem; } }
  @media screen and (min-width: 768px), print {
    .indexSubContents__appealParkour {
      border-radius: 0.1rem;
      padding: 0.2rem 0.2rem;
      width: 3.83rem;
      display: flex;
      justify-content: space-between;
      align-items: center; } }
  @media screen and (max-width: 767px) {
    .indexSubContents__appealParkour + * {
      margin-top: 0.6rem; } }
.indexSubContents__appealPresentImage {
  display: block; }
  @media screen and (min-width: 768px), print {
    .indexSubContents__appealPresentImage {
      background: url(img/bg_present.jpg) repeat left 0;
      background-size: 100% auto;
      margin-right: 0.36rem;
      width: 2rem;
      height: 2rem;
      padding: 0.1rem; } }
  @media screen and (max-width: 767px) {
    .indexSubContents__appealPresentImage {
      background: url(img/bg_present@sp.jpg) repeat left 0;
      background-size: 100% auto;
      width: 2.5rem;
      height: 2.5rem;
      margin-left: auto;
      margin-right: auto;
      padding: 0.15rem; } }
  .indexSubContents__appealPresentImage img {
    width: 100%; }
  @media screen and (max-width: 767px) {
    .indexSubContents__appealPresentImage + * {
      margin-top: 0.22rem; } }
@media screen and (min-width: 768px), print {
  .indexSubContents__appealPresentContents {
    flex: 1;
    padding-right: 0.45rem; } }

.indexSubContents__appealPresentDead {
  color: #dc000c;
  font-size: 0.13rem;
  line-height: 1; }
  .indexSubContents__appealPresentDead > span {
    border: 1px solid #dc000c;
    display: inline-block;
    padding: 0.06rem 0.13rem 0.07rem; }
  .indexSubContents__appealPresentDead + * {
    margin-top: 0.16rem; }

@media screen and (max-width: 767px) {
  .indexSubContents__appealPresentText {
    line-height: 1.5714285714; } }

@media screen and (min-width: 768px), print {
  .indexSubContents__appealPresentText + * {
    margin-top: 0.35rem; } }

@media screen and (max-width: 767px) {
  .indexSubContents__appealPresentText + * {
    margin-top: 0.28rem; } }

@media screen and (min-width: 768px), print {
  .indexSubContents__appealPresentButton {
    display: flex; } }

@media screen and (min-width: 768px), print {
  .indexSubContents__appealPresentButton li:not(:last-child) {
    margin-right: 0.15rem; } }

@media screen and (max-width: 767px) {
  .indexSubContents__appealPresentButton li:not(:last-child) {
    margin-bottom: 0.15rem; } }

@media screen and (min-width: 768px), print {
  .-noPresent .indexSubContents__appealBanner {
    width: 100%; } }

.indexSubContents__appealBannerList {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .indexSubContents__appealBannerList > .layout__item {
    width: calc((100% - 0.2rem) / 2); }
    .indexSubContents__appealBannerList > .layout__item:nth-child(n + 3) {
      margin-top: 0.2rem; }
    .indexSubContents__appealBannerList > .layout__item:nth-child(n + 2) {
      margin-left: 0.2rem; }
    .indexSubContents__appealBannerList > .layout__item:nth-child(odd) {
      margin-left: 0px; }
    .indexSubContents__appealBannerList > .layout__item:nth-child(2n) {
      margin-right: -1%; }
  @media screen and (min-width: 768px), print {
    .indexSubContents__appealBannerList {
      width: 4.76rem; } }
  .indexSubContents__appealBannerList li a {
    display: block; }
  .indexSubContents__appealBannerList li img {
    width: 100%; }
  @media screen and (min-width: 768px), print {
    .-noPresent .indexSubContents__appealBannerList {
      width: 100%;
      display: flex;
      justify-content: center; }
      .-noPresent .indexSubContents__appealBannerList li {
        width: 2.28rem;
        margin-left: 0 !important;
        margin-top: 0 !important; }
        .-noPresent .indexSubContents__appealBannerList li:not(:last-child) {
          margin-right: 0.1rem; } }
.indexSubContents__youtube {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .indexSubContents__youtube {
      display: flex;
      margin-top: 0.8rem; } }
  @media screen and (max-width: 767px) {
    .indexSubContents__youtube {
      margin-top: 0.64rem; } }
@media screen and (min-width: 768px), print {
  .indexSubContents__youtubeInfo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.97rem; } }

@media screen and (min-width: 768px), print {
  .indexSubContents__youtubeInfoInner {
    padding: 0.55rem 0; } }

@media screen and (max-width: 767px) {
  .indexSubContents__youtubeInfoInner {
    padding: 0.32rem 0 0.3rem; } }

.indexSubContents__youtubeTitle {
  font-size: 0.25rem;
  font-weight: 700; }
  @media screen and (max-width: 767px) {
    .indexSubContents__youtubeTitle {
      text-align: center; } }
  .indexSubContents__youtubeTitle > span {
    display: inline-block;
    position: relative;
    padding-left: 0.5rem; }
    .indexSubContents__youtubeTitle > span::before {
      background: url(img/icon_youtube.png) no-repeat left 0;
      background-size: 100% auto;
      content: '';
      display: block;
      width: 0.41rem;
      height: 0.29rem;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
  .indexSubContents__youtubeTitle + * {
    margin-top: 0.06rem; }

.indexSubContents__youtubeText {
  font-size: 0.14rem;
  line-height: 1.5714285714; }
  @media screen and (max-width: 767px) {
    .indexSubContents__youtubeText {
      text-align: center; } }
.indexSubContents__youtubeButton {
  width: 2rem; }
  @media screen and (min-width: 768px), print {
    .indexSubContents__youtubeButton {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .indexSubContents__youtubeButton {
      margin: 0.16rem auto 0; } }
.indexSubContents__youtubeContents {
  background-color: #000; }
  @media screen and (min-width: 768px), print {
    .indexSubContents__youtubeContents {
      flex: 1;
      padding: 0.49rem 0.3rem 0.56rem; } }
  @media screen and (max-width: 767px) {
    .indexSubContents__youtubeContents {
      padding: 0.32rem 0 0.46rem 0.2rem;
      overflow-x: scroll; } }
.indexSubContents__youtubeList {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .indexSubContents__youtubeList > .layout__item {
    width: calc((100% - 0.6rem) / 4); }
    .indexSubContents__youtubeList > .layout__item:nth-child(n + 5) {
      margin-top: 0.2rem; }
    .indexSubContents__youtubeList > .layout__item:nth-child(n + 2) {
      margin-left: 0.2rem; }
    .indexSubContents__youtubeList > .layout__item:nth-child(4n - 3) {
      margin-left: 0px; }
    .indexSubContents__youtubeList > .layout__item:nth-child(4n) {
      margin-right: -1%; }
  @media screen and (max-width: 767px) {
    .indexSubContents__youtubeList {
      width: 9.6rem;
      padding-right: 0.2rem; } }
  .indexSubContents__youtubeList p {
    color: #999;
    line-height: 1.3846153846; }
    @media screen and (min-width: 768px), print {
      .indexSubContents__youtubeList p {
        font-size: 0.13rem;
        margin-top: 0.19rem; } }
    @media screen and (max-width: 767px) {
      .indexSubContents__youtubeList p {
        font-size: 0.14rem;
        margin-top: 0.18rem; } }
.indexSubContents__youtubeListVideo > a {
  background-color: #181818;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .indexSubContents__youtubeListVideo > a img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

@media screen and (min-width: 768px), print {
  .indexSubContents__info {
    display: flex;
    justify-content: space-between; } }

.indexSubContents__infoItem {
  overflow: hidden;
  height: 100%; }
  @media screen and (min-width: 768px), print {
    .indexSubContents__infoItem {
      padding-top: 0.6rem;
      width: 3.8rem; } }
  @media screen and (max-width: 767px) {
    .indexSubContents__infoItem {
      padding-top: 0.66rem; } }
  @media screen and (min-width: 768px), print {
    .indexSubContents__infoItem.-voice {
      width: 4.8rem; } }
.indexSubContents__infoTitle {
  font-size: 0.2rem;
  line-height: 1;
  text-align: center; }
  .indexSubContents__infoTitle > a {
    text-decoration: none; }
  .indexSubContents__infoTitle span {
    display: inline-block;
    position: relative; }
    .indexSubContents__infoTitle span::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; }
    @media screen and (min-width: 768px), print {
      .indexSubContents__infoTitle span.voice {
        margin-bottom: -0.165rem; } }
    .indexSubContents__infoTitle span.voice img {
      position: relative; }
      @media screen and (min-width: 768px), print {
        .indexSubContents__infoTitle span.voice img {
          width: 1.51rem;
          top: -0.08rem; } }
      @media screen and (max-width: 767px) {
        .indexSubContents__infoTitle span.voice img {
          width: 1.51rem; } }
    .indexSubContents__infoTitle span.facebook {
      padding-left: 0.44rem; }
      .indexSubContents__infoTitle span.facebook::before {
        background: url(img/icon_facebook.png) no-repeat left 0;
        background-size: 100% auto;
        width: 0.3rem;
        height: 0.3rem; }
    .indexSubContents__infoTitle span.twitter {
      padding-left: 0.4rem; }
      .indexSubContents__infoTitle span.twitter::before {
        background: url(img/icon_twitter.png) no-repeat left 0;
        background-size: 100% auto;
        width: 0.3rem;
        height: 0.25rem; }
  .indexSubContents__infoTitle + * {
    margin-top: 0.32rem; }

.indexSubContents__infoContents {
  background-color: #fff;
  border-top: 0.03rem solid #dc000c; }
  @media screen and (min-width: 768px), print {
    .indexSubContents__infoContents {
      padding: 0.3rem 0.3rem 0.13rem;
      height: 6.1rem; } }
  @media screen and (max-width: 767px) {
    .indexSubContents__infoContents {
      padding: 0.4rem 0.2rem; } }
  .indexSubContents__infoContents.-facebook .fb_iframe_widget,
  .indexSubContents__infoContents.-facebook .fb_iframe_widget > span,
  .indexSubContents__infoContents.-facebook .fb-container,
  .indexSubContents__infoContents.-facebook iframe {
    width: 100% !important;
    height: 5.2rem !important; }
  @media screen and (max-width: 767px) {
    .indexSubContents__infoContents.-twitter {
      padding-bottom: 0.13rem;
      padding-top: 0.3rem; } }
  .indexSubContents__infoContents.-twitter iframe {
    height: 5.7rem !important; }

.indexSubContents__infoVoiceHead {
  display: flex;
  align-items: center; }
  .indexSubContents__infoVoiceHead + * {
    margin-top: 0.22rem; }

.indexSubContents__infoVoiceHeadImage {
  display: block;
  width: 1rem; }
  @media screen and (min-width: 768px), print {
    .indexSubContents__infoVoiceHeadImage {
      margin-right: 0.25rem; } }
  @media screen and (max-width: 767px) {
    .indexSubContents__infoVoiceHeadImage {
      margin-right: 0.15rem; } }
  .indexSubContents__infoVoiceHeadImage img {
    width: 100%; }

@media screen and (min-width: 768px), print {
  .indexSubContents__infoVoiceHeadContents {
    flex: 1; } }

.indexSubContents__infoVoiceHeadContents dl {
  line-height: 1.4; }
  @media screen and (min-width: 768px), print {
    .indexSubContents__infoVoiceHeadContents dl {
      display: flex; } }
  @media screen and (max-width: 767px) {
    .indexSubContents__infoVoiceHeadContents dl:not(:first-of-type) {
      margin-top: 0.1rem; } }
  .indexSubContents__infoVoiceHeadContents dl dt {
    color: #aaa;
    font-weight: 500;
    width: 4em; }
    @media screen and (min-width: 768px), print {
      .indexSubContents__infoVoiceHeadContents dl dt {
        font-size: 0.14rem;
        margin-right: 0.15rem; } }
    @media screen and (max-width: 767px) {
      .indexSubContents__infoVoiceHeadContents dl dt {
        font-size: 0.12rem; } }
  @media screen and (min-width: 768px), print {
    .indexSubContents__infoVoiceHeadContents dl dd {
      font-size: 0.14rem; } }
  @media screen and (min-width: 768px), print {
    .indexSubContents__infoVoiceHeadContents dl + * {
      margin-top: 0.12rem; } }
.indexSubContents__infoVoiceList > li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (min-width: 768px), print {
    .indexSubContents__infoVoiceList > li:not(:last-child) {
      margin-bottom: 0.24rem; } }
  @media screen and (max-width: 767px) {
    .indexSubContents__infoVoiceList > li:not(:last-child) {
      margin-bottom: 0.27rem; } }
  .indexSubContents__infoVoiceList > li.-staff {
    flex-direction: row-reverse; }
    .indexSubContents__infoVoiceList > li.-staff .icon {
      width: 0.66rem;
      margin: 0.12rem 0 0 0.23rem; }
      .indexSubContents__infoVoiceList > li.-staff .icon > span img {
        width: 100%; }
    .indexSubContents__infoVoiceList > li.-staff .voice {
      font-weight: 400; }
      .indexSubContents__infoVoiceList > li.-staff .voice::before, .indexSubContents__infoVoiceList > li.-staff .voice::after {
        transform: scale(-1, 0.6);
        left: auto; }
      .indexSubContents__infoVoiceList > li.-staff .voice::before {
        right: -0.3rem; }
      .indexSubContents__infoVoiceList > li.-staff .voice::after {
        right: -0.33rem; }

.indexSubContents__infoVoiceList .icon {
  margin-top: 0.24rem;
  margin-right: 0.23rem;
  width: 0.54rem; }
  .indexSubContents__infoVoiceList .icon > span {
    display: block;
    text-align: center; }
    .indexSubContents__infoVoiceList .icon > span img {
      width: 0.4rem; }
  .indexSubContents__infoVoiceList .icon > p {
    font-weight: 500;
    text-align: center;
    line-height: 1.4166666667;
    margin-top: 0.05rem;
    font-size: 0.12rem; }

.indexSubContents__infoVoiceList .voice {
  background-color: #fff;
  border: 1px solid #E7E7E7;
  border-radius: 0.2rem;
  box-shadow: 0 0.03rem 0.1rem rgba(0, 0, 0, 0.005);
  font-weight: 700;
  line-height: 1.4285714286;
  position: relative;
  flex: 1;
  font-size: 0.14rem;
  padding: 0.2rem 0.19rem; }
  .indexSubContents__infoVoiceList .voice::before, .indexSubContents__infoVoiceList .voice::after {
    content: '';
    position: absolute;
    top: 0.45rem;
    transform: scale(1, 0.6); }
  .indexSubContents__infoVoiceList .voice::before {
    left: -0.3rem;
    margin-top: -0.15rem;
    border: 0.15rem solid transparent;
    border-right: 0.15rem solid #FFF;
    z-index: 2; }
  .indexSubContents__infoVoiceList .voice::after {
    left: -0.33rem;
    margin-top: -0.16rem;
    border: 0.16rem solid transparent;
    border-right: 0.16rem solid #E7E7E7;
    z-index: 1; }

@media screen and (min-width: 768px), print {
  .indexSubContents__infoVoiceList + * {
    margin-top: 0.3rem; } }

@media screen and (max-width: 767px) {
  .indexSubContents__infoVoiceList + * {
    margin-top: 0.26rem; } }

.indexSubContents__infoVoiceLink {
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .indexSubContents__infoVoiceLink {
      margin-top: 0.17rem; } }
  @media screen and (max-width: 767px) {
    .indexSubContents__infoVoiceLink {
      margin-top: 0.25rem; } }
  @media screen and (min-width: 768px), print {
    .indexSubContents__infoVoiceLink .button {
      width: 3rem; } }
  .indexSubContents__infoVoiceLink + * {
    margin-top: 0.2rem; }

/* info
============================================================= */
.info {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .info {
      padding: 0.6rem 0 1rem; } }
  @media screen and (max-width: 767px) {
    .info {
      padding: 0.3rem 0.2rem 0.6rem; } }
.info__inner {
  background-color: #fff;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .info__inner {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .info__inner {
      padding: 0.8rem 1.5rem; } }
  @media screen and (max-width: 767px) {
    .info__inner {
      padding: 0.3rem 0.2rem; } }
.info__character {
  display: block;
  margin-top: 0 !important;
  position: absolute; }
  @media screen and (min-width: 768px), print {
    .info__character {
      top: 0.14rem;
      left: 1.85rem;
      width: 0.63rem; } }
  @media screen and (max-width: 767px) {
    .info__character {
      top: -0.16rem;
      left: 0.4rem;
      width: 0.44rem; } }
.info__utility {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .info__utility {
      display: flex;
      justify-content: space-between;
      padding: 0.16rem 0.3rem; } }
  @media screen and (max-width: 767px) {
    .info__utility {
      padding: 0.1rem 0.15rem; } }
  @media screen and (min-width: 768px), print {
    .info__utility + * {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .info__utility + * {
      margin-top: 0.18rem; } }
  @media screen and (min-width: 768px), print {
    * + .info__utility {
      margin-top: 0.5rem; } }
  @media screen and (max-width: 767px) {
    * + .info__utility {
      margin-top: 0.4rem; } }
@media screen and (max-width: 767px) {
  .info__utilityPage {
    font-size: 0.13rem; } }

.info__utilityPager {
  display: flex; }
  @media screen and (max-width: 767px) {
    .info__utilityPager {
      font-size: 0.13rem;
      margin-top: 0.05rem;
      justify-content: flex-end; } }
  @media screen and (min-width: 768px), print {
    .info__utilityPager li:not(:last-child) {
      margin-right: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .info__utilityPager li:not(:last-child) {
      margin-right: 0.1rem; } }
  .info__utilityPager li.-disabled > a,
  .info__utilityPager li.-disabled > span {
    color: #AAA;
    text-decoration: none;
    pointer-events: none; }

/* detail */
@media screen and (min-width: 768px), print {
  .info__detail {
    margin-left: auto;
    margin-right: auto;
    width: 8rem; } }

.info__detailTitle {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .info__detailTitle {
      border-bottom: 0.03rem solid #dc000c;
      font-size: 0.2rem;
      padding: 0.11rem 0.2rem; } }
  @media screen and (max-width: 767px) {
    .info__detailTitle {
      border-bottom: 0.02rem solid #dc000c;
      font-size: 0.16rem;
      padding: 0.09rem 0.15rem; } }
.info__detailDate {
  line-height: 1.2;
  text-align: right; }
  @media screen and (min-width: 768px), print {
    .info__detailDate {
      font-size: 0.14rem;
      margin-top: 0.19rem; } }
  @media screen and (max-width: 767px) {
    .info__detailDate {
      font-size: 0.13rem;
      margin-top: 0.16rem; } }
  @media screen and (min-width: 768px), print {
    .info__detailDate + * {
      margin-top: 0.4rem; } }
  @media screen and (max-width: 767px) {
    .info__detailDate + * {
      margin-top: 0.26rem; } }
.info__detailBack {
  border-top: 1px solid #E5E5E5;
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .info__detailBack {
      margin-top: 0.5rem;
      padding-top: 0.4rem; } }
  @media screen and (max-width: 767px) {
    .info__detailBack {
      margin-top: 0.45rem;
      padding: 0.35rem 0.4rem 0; } }
  @media screen and (min-width: 768px), print {
    .info__detailBack .button {
      padding-left: 0.3rem;
      padding-right: 0.3rem; } }
.info__detailInner::after {
  display: block;
  clear: both;
  content: ''; }

@media screen and (max-width: 767px) {
  .info__detailInner {
    display: flex;
    flex-direction: column; } }

@media screen and (min-width: 768px), print {
  .info__detailImage {
    float: right;
    width: 3.6rem;
    padding-left: 0.2rem;
    padding-bottom: 0.1rem; } }

@media screen and (max-width: 767px) {
  .info__detailImage {
    margin-bottom: 0.4rem; } }

.info__detailImage > img {
  display: block;
  width: 100%; }

.info__detailImage > p {
  color: #999;
  font-size: 0.12rem;
  text-align: right; }
  .info__detailImage > p + * {
    margin-top: 0.2rem; }

/* journal
============================================================= */
/* common */
.journal__good {
  font-family: Roboto;
  font-weight: 700;
  padding-left: 0.22rem;
  position: relative; }
  .journal__good::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22like-1-alternate%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.873%22%20height%3D%2216.248%22%20viewBox%3D%220%200%2017.873%2016.248%22%3E%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M3.537%2C16.248H.745A.745.745%2C0%2C0%2C1%2C0%2C15.5V7.311a.745.745%2C0%2C0%2C1%2C.745-.745H3.537a.737.737%2C0%2C0%2C1%2C.705.552A6.583%2C6.583%2C0%2C0%2C0%2C8.005%2C1.726%2C1.675%2C1.675%2C0%2C0%2C1%2C9.4.014%2C1.49%2C1.49%2C0%2C0%2C1%2C9.61%2C0c.355%2C0%2C1.555.148%2C2.091%2C2.059a6.279%2C6.279%2C0%2C0%2C1-.314%2C3.149.185.185%2C0%2C0%2C0%2C.178.24h4.259a2.049%2C2.049%2C0%2C0%2C1%2C1.294%2C3.637%2C1.855%2C1.855%2C0%2C0%2C1-.67%2C2.406%2C1.868%2C1.868%2C0%2C0%2C1-.745%2C2.234%2C1.856%2C1.856%2C0%2C0%2C1%2C.121.661c0%2C.448-.181%2C1.489-1.862%2C1.489H9.094a14.317%2C14.317%2C0%2C0%2C1-2.979-.314l-.06-.011c-.483-.088-1.031-.187-1.773-.293V15.5A.745.745%2C0%2C0%2C1%2C3.537%2C16.248Zm-1.3-2.608a.558.558%2C0%2C1%2C0%2C.559.558A.559.559%2C0%2C0%2C0%2C2.234%2C13.64ZM9.621%2C1.489H9.608c-.055.012-.113.091-.113.235%2C0%2C2.872-2.533%2C6.246-5.213%2C6.943v5.086c.862.114%2C1.516.235%2C2.041.331l.061.011a13.07%2C13.07%2C0%2C0%2C0%2C2.728.288h4.9a1.682%2C1.682%2C0%2C0%2C0%2C.32-.031.371.371%2C0%2C0%2C0-.367-.342.745.745%2C0%2C0%2C1%2C0-1.489h.745a.372.372%2C0%2C1%2C0%2C0-.745.745.745%2C0%2C0%2C1%2C0-1.489h.745a.372.372%2C0%2C0%2C0%2C0-.745.745.745%2C0%2C1%2C1%2C0-1.49h.372a.558.558%2C0%2C1%2C0%2C0-1.117H10.24A.745.745%2C0%2C0%2C1%2C9.555%2C5.9a7.32%2C7.32%2C0%2C0%2C0%2C.712-3.439C10.071%2C1.753%2C9.766%2C1.489%2C9.621%2C1.489Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23dc000c%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: '';
    display: block;
    width: 0.17873rem;
    height: 0.16248rem;
    position: absolute;
    top: 0;
    bottom: 0.04rem;
    left: 0;
    margin: auto; }
  .journal__good strong {
    font-size: 0.16rem; }
  .journalBox__item .journal__good {
    margin-right: 0.2rem; }
  .journalTopics__listItemCont .journal__good {
    padding-left: 0.19rem;
    font-size: 0.14rem;
    position: relative; }
    .journalTopics__listItemCont .journal__good::before {
      width: 0.14989rem;
      height: 0.13627rem;
      bottom: 0.03rem; }

.journal__views {
  font-family: 'Roboto';
  font-weight: 700; }
  .journal__views strong {
    font-size: 0.16rem;
    position: relative;
    top: 0.01rem; }
  .journal__views span {
    font-size: 0.13rem;
    color: #999;
    display: inline-block;
    margin-left: 0.03rem;
    line-height: 1; }

/* journal */
.journal {
  background-color: #F5F5F5;
  overflow: hidden; }
  @media screen and (min-width: 768px), print {
    .journal {
      padding-bottom: 1.5rem; } }
  @media screen and (max-width: 767px) {
    .journal {
      padding-bottom: 1rem; } }
  .journal.-bgGray {
    background: #f5f5f5; }

.journal__title {
  position: relative;
  z-index: 0; }
  .journal__title::before {
    background: linear-gradient(#181818 0%, #2f0000 100%);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
    @media screen and (min-width: 768px), print {
      .journal__title::before {
        height: 1rem; } }
    @media screen and (max-width: 767px) {
      .journal__title::before {
        height: 0.6rem; } }
  @media screen and (min-width: 768px), print {
    .journal__title.-bgLarge::before {
      height: 4.7rem; } }
  @media screen and (max-width: 767px) {
    .journal__title.-bgLarge::before {
      height: calc(100% + 0.6rem); } }
.journal__titleInner {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 768px), print {
    .journal__titleInner {
      width: 13rem;
      margin-left: auto;
      margin-right: auto;
      padding: 0.31rem 0 0.3rem; } }
  @media screen and (max-width: 767px) {
    .journal__titleInner {
      padding: 0.16rem 0 0.1rem; } }
  .journal__titleInner::before, .journal__titleInner::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22450%22%20height%3D%2222%22%20viewBox%3D%220%200%20450%2022%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Cpath%20d%3D%22M4.284%2C0H450l-4.284%2C22H0Z%22%20transform%3D%22translate(980%20113)%22%20fill%3D%22%23dc000c%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20transform%3D%22translate(-980%20-113)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%3E%20%3Crect%20width%3D%22478%22%20height%3D%225%22%20transform%3D%22translate(976%20117)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20width%3D%22478%22%20height%3D%222%22%20transform%3D%22translate(976%20128)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
    background-size: 100% auto;
    content: '';
    display: block;
    position: absolute; }
    @media screen and (min-width: 768px), print {
      .journal__titleInner::before, .journal__titleInner::after {
        background-size: 4rem auto;
        width: 4rem;
        height: 0.22rem;
        bottom: 0.35rem; } }
    @media screen and (max-width: 767px) {
      .journal__titleInner::before, .journal__titleInner::after {
        background-size: 3.2rem auto;
        width: 0.55rem;
        height: 0.176rem;
        bottom: 0.1rem; } }
  .journal__titleInner::before {
    left: 0; }
    @media screen and (max-width: 767px) {
      .journal__titleInner::before {
        background-position: right 0; } }
  .journal__titleInner::after {
    right: 0; }
  @media screen and (min-width: 768px), print {
    .-bgLarge .journal__titleInner {
      padding: 0.44rem 0 0.4rem; } }
  @media screen and (max-width: 767px) {
    .-bgLarge .journal__titleInner {
      padding: 0.24rem 0 0.4rem; } }
  @media screen and (min-width: 768px), print {
    .-bgLarge .journal__titleInner::before, .-bgLarge .journal__titleInner::after {
      background-size: 100% auto;
      width: 4.5rem;
      bottom: 0.6rem;
      height: 0.22rem; } }
  @media screen and (max-width: 767px) {
    .-bgLarge .journal__titleInner::before, .-bgLarge .journal__titleInner::after {
      bottom: 0.48rem !important; } }
.journal__titleLogo {
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 768px), print {
    .journal__titleLogo {
      width: 4.39rem; } }
  @media screen and (max-width: 767px) {
    .journal__titleLogo {
      width: 2.8rem; } }
  @media screen and (min-width: 768px), print {
    .-bgLarge .journal__titleLogo {
      width: 3.19rem; } }
  @media screen and (max-width: 767px) {
    .-bgLarge .journal__titleLogo {
      width: 2.2rem; } }
  .journal__titleLogo img {
    width: 100%; }

.journal__titleTag {
  border-bottom: 0.05rem solid #fff;
  color: #fff;
  position: relative;
  z-index: 1;
  display: flex; }
  @media screen and (min-width: 768px), print {
    .journal__titleTag {
      width: 13rem;
      margin: -0.22rem auto 0;
      padding-bottom: 0.15rem; } }
.journal__titleTagList {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -0.04rem;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .journal__titleTagList {
      margin-top: -0.1rem;
      padding: 0 0.15rem 0.2rem; } }
.journal__titleTagListItem {
  font-weight: 700;
  line-height: 1.4;
  padding: 0 0.06rem 0 0.07rem;
  margin-bottom: 0.04rem;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .journal__titleTagListItem {
      font-size: 0.12rem; } }
  @media screen and (max-width: 767px) {
    .journal__titleTagListItem {
      font-size: 0.12rem; } }
  .journal__titleTagListItem:not(:last-child)::after {
    background-color: rgba(255, 255, 255, 0.5);
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: -1px;
    top: 0; }
  .journal__titleTagListItem a {
    color: #fff;
    text-decoration: none; }
    @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .journal__titleTagListItem a {
        transition-duration: 0.25s;
        text-decoration: none !important; }
        .journal__titleTagListItem a:hover {
          opacity: .75; } }
.journal__body {
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 768px), print {
    .journal__body {
      width: 13rem;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 768px), print {
    .journal__title + .journal__body {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .journal__title + .journal__body {
      margin-top: 0.42rem; } }
/* journal__pickupSlider */
.journal__pickup {
  position: relative; }
  @media screen and (max-width: 767px) {
    .journal__pickup {
      padding: 0 0.2rem; } }
  @media screen and (min-width: 768px), print {
    .journal__pickup + * {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .journal__pickup + * {
      margin-top: 0.24rem; } }
  .journal__pickup .slick-dots {
    position: absolute;
    bottom: auto;
    left: auto;
    transform: translateX(0.085rem); }
    @media screen and (min-width: 768px), print {
      .journal__pickup .slick-dots {
        top: 0.34rem;
        right: 1.56rem; } }
    @media screen and (max-width: 767px) {
      .journal__pickup .slick-dots {
        right: 0.14rem;
        top: -0.23rem; } }
    @media screen and (min-width: 768px), print {
      .journal__pickup .slick-dots li {
        margin: 0 0.085rem; } }
    @media screen and (max-width: 767px) {
      .journal__pickup .slick-dots li {
        margin: 0 0.07rem; } }
    .journal__pickup .slick-dots li button {
      background-color: #999 !important; }
    .journal__pickup .slick-dots li.slick-active button {
      background-color: #DC000C !important; }

@media screen and (min-width: 768px), print {
  .journal__pickupSlider .slick-track {
    transition-duration: 0.7s !important;
    transition-timing-function: cubic-bezier(0.71, 0.01, 0.36, 1) !important; } }

@media screen and (min-width: 768px), print {
  .journal__pickupSlider .slick-slide {
    transition-timing-function: cubic-bezier(0.71, 0.01, 0.36, 1);
    opacity: 0 !important; } }

@media screen and (min-width: 768px), print {
  .journal__pickupSlider .slick-slide.slick-current {
    transition-duration: 0s !important;
    opacity: 1 !important; } }

.journal__pickupSlider {
  font-size: 0;
  position: relative;
  z-index: 2;
  opacity: 0; }
  .journal__pickupSlider.slick-initialized {
    opacity: 1; }
  .journal__pickupSlider .slick-list {
    overflow: inherit !important; }

.journal__pickupSliderItem {
  display: none; }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderItem {
      font-size: 0.16rem; } }
  @media screen and (max-width: 767px) {
    .journal__pickupSliderItem {
      background-color: #fff;
      font-size: 0.14rem; } }
  .journal__pickupSliderItem:first-child {
    display: block; }

.journal__pickupSliderLink {
  display: block;
  text-decoration: none; }

.journal__pickupSliderItemInner {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderItemInner {
      display: flex; } }
.journal__pickupSliderNum {
  font-family: 'Roboto';
  font-weight: 700;
  color: #dc000c;
  font-weight: 500;
  font-style: italic;
  position: absolute;
  top: 0;
  line-height: 1;
  z-index: 3; }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderNum {
      font-size: 0.8rem;
      right: 1.14rem;
      top: -0.35rem; } }
  @media screen and (max-width: 767px) {
    .journal__pickupSliderNum {
      font-size: 0.46rem;
      right: 0.76rem;
      top: -0.14rem; } }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderNum.-n01 {
      width: 0.87rem; } }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderNum.-n02 {
      width: 0.93rem; } }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderNum.-n03 {
      width: 0.92rem; } }
.journal__pickupSliderEnTitle {
  font-weight: 900;
  font-style: italic;
  position: absolute;
  line-height: 1;
  z-index: 3; }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderEnTitle {
      right: 0.5rem;
      top: 0.3rem;
      width: 0.76rem; } }
  @media screen and (max-width: 767px) {
    .journal__pickupSliderEnTitle {
      right: 0.13rem;
      top: 0.1rem; } }
.journal__pickupSliderImage {
  pointer-events: none; }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderImage {
      width: 8rem;
      -webkit-perspective: 500;
      perspective: 500; } }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderImage > div {
      transform: scale(0.85) translateX(0%) rotateY(-8deg);
      transform-origin: right center;
      transition-duration: 0.7s;
      opacity: 1; } }
  .slick-current .journal__pickupSliderImage {
    pointer-events: inherit; }
    @media screen and (min-width: 768px), print {
      .slick-current .journal__pickupSliderImage > div {
        opacity: 1;
        transform: scale(1) rotateY(0);
        transition-timing-function: cubic-bezier(0.71, 0.01, 0.36, 1);
        transition-delay: 0; } }
  @media screen and (min-width: 768px), print {
    .slick-current + .slick-slide .journal__pickupSliderImage > div, .-backTop .journal__pickupSliderImage > div {
      transition-delay: 0s !important;
      transition-duration: 0s !important;
      opacity: 0.5 !important;
      transform: scale(1.05) translateX(-4%) rotateY(8deg) !important; } }
.journal__pickupSliderContents {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderContents {
      background-color: #fff;
      flex: 1;
      transform: translateX(-5%);
      transition-duration: 0.7s !important;
      transition-timing-function: cubic-bezier(0.71, 0.01, 0.36, 1);
      opacity: 0;
      display: flex;
      padding: 0.75rem 0.5rem 0.4rem; } }
  @media screen and (max-width: 767px) {
    .journal__pickupSliderContents {
      padding: 0.38rem 0.25rem 0.25rem; } }
  @media screen and (min-width: 768px), print {
    .slick-current .journal__pickupSliderContents {
      transition-delay: 0;
      transform: translateX(0);
      opacity: 1; } }
  @media screen and (min-width: 768px), print {
    .slick-current + .slick-slide .journal__pickupSliderContents {
      transform: translateX(5%);
      opacity: 0; } }
@media screen and (min-width: 768px), print {
  .journal__pickupSliderContentsInner {
    display: flex;
    flex-direction: column; } }

.journal__pickupSliderTitle {
  font-weight: 700;
  line-height: 1.33; }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderTitle {
      font-size: 0.28rem; } }
  @media screen and (max-width: 767px) {
    .journal__pickupSliderTitle {
      font-size: 0.2rem; } }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderTitle + * {
      margin-top: 0.12rem; } }
  @media screen and (max-width: 767px) {
    .journal__pickupSliderTitle + * {
      margin-top: 0.07rem; } }
.journal__pickupSliderText {
  line-height: 1.625;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; }

.journal__pickupSliderCopy {
  color: #aaa;
  font-weight: 500;
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderCopy {
      font-size: 0.12rem;
      margin-top: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .journal__pickupSliderCopy {
      font-size: 0.11rem;
      margin-top: 0.15rem; } }
.journal__tagList {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -0.1rem; }
  @media screen and (min-width: 768px), print {
    .journal__tagList {
      margin-right: -0.15rem;
      margin-top: 0.16rem !important; } }
  @media screen and (max-width: 767px) {
    .journal__tagList {
      margin-top: 0.11rem !important; } }
  .journal__tagList > li {
    line-height: 1;
    margin-bottom: 0.1rem; }
    @media screen and (min-width: 768px), print {
      .journal__tagList > li {
        font-size: 0.13rem; } }
    @media screen and (max-width: 767px) {
      .journal__tagList > li {
        font-size: 0.12rem; } }
    .journal__tagList > li:not(:last-child) {
      margin-right: 0.15rem; }
    .journal__tagList > li span {
      cursor: pointer;
      background-color: #F5F5F5;
      border: 1px solid #E5E5E5;
      border-radius: 80px;
      display: block;
      text-decoration: none;
      padding: 0.07rem 0.1rem; }
      @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        .journal__tagList > li span {
          transition-duration: .2s; }
          .journal__tagList > li span:hover {
            border-color: #181818; } }
  @media screen and (min-width: 768px), print {
    .journal__tagList + * {
      margin-top: 0.26rem; } }
  @media screen and (max-width: 767px) {
    .journal__tagList + * {
      margin-top: 0.16rem; } }
  .journalSearch .journal__tagList {
    margin-top: 0 !important;
    margin-right: -0.1rem !important; }
    .journalSearch .journal__tagList > li:not(:last-child) {
      margin-right: 0.1rem !important; }
    .journalSearch .journal__tagList:not(:first-of-type) {
      display: none;
      margin-top: 0.1rem !important; }

.journalSearch__input:checked + .journal__tagList {
  display: flex;
  animation: fade 0.5s ease; }

.journal__pickupSliderUtility {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderUtility {
      margin-top: auto; } }
  @media screen and (max-width: 767px) {
    .journal__pickupSliderUtility {
      margin-top: 0.2rem; } }
.journal__pickupSliderUtilityNum {
  display: flex; }
  .journal__pickupSliderUtilityNum > li:not(:last-child) {
    margin-right: 0.2rem; }

.journal__pickupSliderUtilityDate {
  color: #aaa;
  font-weight: 500; }
  @media screen and (min-width: 768px), print {
    .journal__pickupSliderUtilityDate {
      font-size: 0.13rem; } }
  @media screen and (max-width: 767px) {
    .journal__pickupSliderUtilityDate {
      font-size: 0.11rem; } }
/* journal__article */
@media screen and (min-width: 768px), print {
  .journal__article {
    display: flex;
    justify-content: space-between; } }

@media screen and (min-width: 768px), print {
  .journal__articleMain {
    width: 9rem; } }

@media screen and (max-width: 767px) {
  .journal__articleMain {
    padding: 0 0.2rem; } }

@media screen and (min-width: 768px), print {
  .journal__articleSide {
    width: 3.7rem; } }

@media screen and (max-width: 767px) {
  .journal__articleSide {
    padding: 0 0.2rem 0.6rem;
    margin-top: 0.3rem; } }

@media screen and (min-width: 768px), print {
  .journal__articleSideBanner {
    padding: 0 0.16rem; } }

@media screen and (max-width: 767px) {
  .journal__articleSideBanner {
    padding: 0 0.1rem; } }

.journal__articleSideBanner > a {
  display: block; }

@media screen and (min-width: 768px), print {
  .journal__articleSideBanner + * {
    margin-top: 0.3rem; } }

@media screen and (max-width: 767px) {
  .journal__articleSideBanner + * {
    margin-top: 0.2rem; } }

.journal__articleCategory {
  background: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center; }
  @media screen and (min-width: 768px), print {
    .journal__articleCategory {
      padding: 0.18rem 0.5rem 0.5rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleCategory {
      padding: 0.18rem 0.3rem 0.2rem;
      margin-top: 0.45rem; } }
  @media screen and (min-width: 768px), print {
    .journal__articleCategory + * {
      margin-top: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleCategory + * {
      margin-top: 0.2rem; } }
@media screen and (min-width: 768px), print {
  .journal__articleCategoryTtl {
    font-size: 0.25rem; } }

@media screen and (max-width: 767px) {
  .journal__articleCategoryTtl {
    font-size: 0.2rem; } }

.journal__articleCategoryTtlHash {
  color: #999;
  display: inline-block;
  margin-right: 0.03rem; }
  @media screen and (min-width: 768px), print {
    .journal__articleCategoryTtlHash {
      font-size: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleCategoryTtlHash {
      font-size: 0.16rem; } }
.journal__articleCategoryBtn {
  text-decoration: none;
  font-size: 0.13rem;
  border: 1px solid #e5e5e5;
  border-radius: 0.05rem;
  padding: 0.02rem 0.15rem 0.02rem 0.28rem;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%2210%22%20viewBox%3D%220%200%209%2010%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8562%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208562%22%20transform%3D%22translate(-724%20-2837)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2276%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202276%22%20width%3D%229%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22translate(724%202837)%22%20fill%3D%22%23dc000c%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2277%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202277%22%20width%3D%229%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22translate(724%202841)%22%20fill%3D%22%23dc000c%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2278%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202278%22%20width%3D%229%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22translate(724%202845)%22%20fill%3D%22%23dc000c%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0.14rem 54%;
  background-size: 0.09rem;
  background-color: #fff; }

.journal__articleCategoryIndex {
  width: 100%;
  margin-top: 0.08rem; }

.journal__articleMainAd {
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .journal__articleMainAd {
      margin-top: 0.7rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleMainAd {
      margin-top: 0.3rem; } }
@media screen and (min-width: 768px), print {
  .journal__articleSideAd {
    margin-top: 0.3rem;
    padding: 0 0.15rem; } }

@media screen and (max-width: 767px) {
  .journal__articleSideAd {
    margin-top: 0.3rem;
    padding: 0 0.2rem; } }

/* journal/list
============================================================= */
@media screen and (min-width: 768px), print {
  .journal__articleCategory.-listPage {
    padding-top: 0.38rem; } }

@media screen and (max-width: 767px) {
  .journal__articleCategory.-listPage {
    padding-top: 0.3rem; } }

@media screen and (min-width: 768px), print {
  .journal__articleCategory.-listPage .journal__articleCategoryIndex {
    margin-top: 0.35rem; } }

@media screen and (max-width: 767px) {
  .journal__articleCategory.-listPage .journal__articleCategoryIndex {
    margin-top: 0.25rem; } }

.journal__articleCategory.-listPage .journal__articleCategoryTtl {
  line-height: 1.5; }
  @media screen and (min-width: 768px), print {
    .journal__articleCategory.-listPage .journal__articleCategoryTtl {
      font-size: 0.35rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleCategory.-listPage .journal__articleCategoryTtl {
      font-size: 0.25rem; } }
@media screen and (min-width: 768px), print {
  .journal__articleCategory.-listPage .journal__articleCategoryTtlHash {
    font-size: 0.32rem;
    margin-right: 0.08rem; } }

@media screen and (max-width: 767px) {
  .journal__articleCategory.-listPage .journal__articleCategoryTtlHash {
    font-size: 0.22rem;
    margin-right: 0.05rem; } }

@media screen and (min-width: 768px), print {
  .journal__articleCategory.-listPage .journal__articleCategoryTtlLast {
    font-size: 0.25rem;
    margin-left: 0.06rem; } }

@media screen and (max-width: 767px) {
  .journal__articleCategory.-listPage .journal__articleCategoryTtlLast {
    font-size: 0.18rem;
    margin-left: 0.04rem; } }

.journal__articlePager {
  margin-top: 0.3rem; }
  .journal__articlePager > ul {
    margin: 0 !important; }
    .journal__articlePager > ul > li {
      border: 1px solid #E5E5E5;
      border-radius: 0.05rem;
      box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05);
      font-family: 'Roboto';
      font-weight: 700;
      overflow: hidden;
      width: 0.42rem !important;
      height: 0.42rem !important;
      margin: 0 0.025rem !important;
      font-size: 0.16rem !important; }
      @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        .journal__articlePager > ul > li:not(.current) {
          transition-duration: .2s; }
          .journal__articlePager > ul > li:not(.current):hover {
            border-color: #dc000c; } }
      .journal__articlePager > ul > li > a {
        background-color: #fff !important;
        color: #DC000C !important;
        text-decoration: none !important; }
      .journal__articlePager > ul > li.prev a::before, .journal__articlePager > ul > li.next a::before {
        display: none !important; }
      .journal__articlePager > ul > li.prev a::after, .journal__articlePager > ul > li.next a::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.314%22%20height%3D%2218.386%22%20viewBox%3D%220%200%2011.314%2018.386%22%3E%20%3Cg%20transform%3D%22translate(-323.308%20-2429.307)%22%3E%20%3Cpath%20d%3D%22M-4544.315-8144v10%22%20transform%3D%22translate(-2212.861%2011403.422)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3Cpath%20d%3D%22M-4544.315-8144v10%22%20transform%3D%22translate(-8639.493%20-99.791)%20rotate(135)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
        content: '';
        display: block;
        width: 0.11314rem;
        height: 0.18386rem;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto; }
      .journal__articlePager > ul > li.prev {
        margin-right: 0.125rem !important; }
        .journal__articlePager > ul > li.prev a::after {
          left: -0.02rem; }
      .journal__articlePager > ul > li.next {
        margin-left: 0.125rem !important; }
        .journal__articlePager > ul > li.next a::after {
          right: -0.04rem;
          transform: scale(-1, 1); }
      .journal__articlePager > ul > li.current {
        background-color: #DC000C !important;
        color: #fff; }

.journal__detail {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .journal__detail {
      padding: 0.4rem 0.5rem 1rem; } }
  @media screen and (max-width: 767px) {
    .journal__detail {
      padding: 0.2rem 0.2rem 0.4rem; } }
  .journal__detail .journal__views {
    margin-top: 0; }

.journal__detailHead .journal__tagList {
  margin-top: 0 !important; }

.journal__detailTitle {
  line-height: 1.33;
  font-weight: 400; }
  .journal__detailTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.33) * .5em);
    content: ""; }
  .journal__detailTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.33) * .5em);
    content: ""; }
  @media screen and (min-width: 768px), print {
    .journal__detailTitle {
      font-size: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .journal__detailTitle {
      font-size: 0.2rem; } }
@media screen and (min-width: 768px), print {
  .journal__detailHeadInfo {
    display: flex;
    justify-content: space-between;
    margin-top: 0.3rem; } }
  @media screen and (min-width: 768px) and (min-width: 768px), print {
    .journal__detailHeadInfo > *:nth-child(1) {
      width: 38%;
      max-width: 38%;
      min-width: 38%; }
    .journal__detailHeadInfo > *:nth-child(2) {
      width: 62%;
      max-width: 62%;
      min-width: 62%; } }
@media screen and (max-width: 767px) {
  .journal__detailHeadInfo {
    margin-top: 0.15rem; } }

.journal__detailHeadInfoInner {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  @media screen and (min-width: 768px), print {
    .journal__detailHeadInfoInner {
      margin-top: 0 !important; } }
  @media screen and (max-width: 767px) {
    .journal__detailHeadInfoInner {
      flex-wrap: wrap;
      margin-top: 0.1rem; } }
@media screen and (min-width: 768px), print {
  .journal__author {
    font-size: 0.14rem;
    margin-right: 0.15rem; } }

@media screen and (max-width: 767px) {
  .journal__author {
    font-size: 0.13rem;
    width: 100%;
    text-align: right; } }

.journal__post {
  margin-right: 0.15rem; }
  @media screen and (min-width: 768px), print {
    .journal__post {
      font-size: 0.14rem; } }
  .journal__post > span {
    color: #aaa;
    font-family: 'Roboto';
    font-weight: 700;
    padding-right: 0.1rem; }

.journal__detailHeadButton {
  background-color: #F5F5F5;
  border-bottom: 1px solid #E5E5E5;
  border-top: 1px solid #E5E5E5;
  margin-top: 0.2rem; }
  @media screen and (min-width: 768px), print {
    .journal__detailHeadButton {
      padding: 0.1rem;
      display: flex;
      justify-content: space-between; } }
  @media screen and (max-width: 767px) {
    .journal__detailHeadButton {
      padding: 0.08rem 0.1rem; } }
.journal__detailHeadButtonSns {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .journal__detailHeadButtonSns {
      justify-content: space-between; } }
@media screen and (min-width: 768px), print {
  .journal__detailHeadButtonGood {
    margin-right: 0.15rem; } }

.journal__detailHeadButtonGood > a {
  color: #999; }
  @media screen and (min-width: 768px), print {
    .journal__detailHeadButtonGood > a {
      font-size: 0.18rem;
      padding-top: 0.03rem;
      padding-bottom: 0.03rem; } }
  @media screen and (max-width: 767px) {
    .journal__detailHeadButtonGood > a {
      font-size: 0.16rem; } }
  @media screen and (min-width: 768px), print {
    .journal__detailHeadButtonGood > a .journal__good {
      padding-left: 0.25rem; } }
  @media screen and (max-width: 767px) {
    .journal__detailHeadButtonGood > a .journal__good {
      position: relative;
      top: 1px; } }
  @media screen and (min-width: 768px), print {
    .journal__detailHeadButtonGood > a .journal__good::before {
      bottom: 0;
      width: 0.197rem;
      height: 0.2167rem; } }
@keyframes goodActive {
  from {
    color: #DC000C;
    transform: scale(1); }
  50% {
    color: #DC000C;
    transform: scale(1.2); }
  to {
    color: #000;
    opacity: 1;
    font-weight: 700;
    transform: scale(1); } }
  .journal__detailHeadButtonGood > a.-active .journal__good {
    animation: goodActive .6s linear 0s forwards;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.journal__snsList {
  display: flex; }
  .journal__snsList > li {
    width: 0.45rem; }
    .journal__snsList > li:not(:last-child) {
      margin-right: 0.1rem; }

@media screen and (min-width: 768px), print {
  .journal__detailHeadButtonPrint {
    font-size: 0.14rem;
    line-height: 1; }
    .journal__detailHeadButtonPrint .journal__button {
      padding-bottom: 0.12rem !important;
      padding-top: 0.12rem !important; }
      .journal__detailHeadButtonPrint .journal__button span {
        position: relative;
        padding-left: 0.3rem; }
        .journal__detailHeadButtonPrint .journal__button span::before {
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cg%20id%3D%22print-text%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M1%2C6A1%2C1%2C0%2C0%2C0%2C2%2C5V2h8.836L13%2C4.163V5a1%2C1%2C0%2C0%2C0%2C2%2C0V3.749a1%2C1%2C0%2C0%2C0-.293-.707L12.25.587A2.01%2C2.01%2C0%2C0%2C0%2C10.836%2C0H2A2%2C2%2C0%2C0%2C0%2C0%2C2V5A1%2C1%2C0%2C0%2C0%2C1%2C6Z%22%20transform%3D%22translate(4.75)%22%20fill%3D%22%23dc000c%22%2F%3E%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M18.25%2C17h-12A1.252%2C1.252%2C0%2C0%2C1%2C5%2C15.75V9.5H2.5A2.5%2C2.5%2C0%2C0%2C1%2C0%2C7V2.5A2.5%2C2.5%2C0%2C0%2C1%2C2.5%2C0h19A2.5%2C2.5%2C0%2C0%2C1%2C24%2C2.5V7a2.517%2C2.517%2C0%2C0%2C1-.733%2C1.768A2.484%2C2.484%2C0%2C0%2C1%2C21.5%2C9.5h-2v6.25A1.254%2C1.254%2C0%2C0%2C1%2C18.25%2C17ZM7.5%2C4.957a.5.5%2C0%2C0%2C0-.5.5V14.5a.5.5%2C0%2C0%2C0%2C.5.5H17a.5.5%2C0%2C0%2C0%2C.5-.5V5.457a.5.5%2C0%2C0%2C0-.5-.5ZM3.5%2C2.5a1%2C1%2C0%2C1%2C0%2C1%2C1A1%2C1%2C0%2C0%2C0%2C3.5%2C2.5Z%22%20transform%3D%22translate(0%207)%22%20fill%3D%22%23dc000c%22%2F%3E%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M6.25%2C0H.75a.75.75%2C0%2C0%2C0%2C0%2C1.5h5.5a.75.75%2C0%2C1%2C0%2C0-1.5Z%22%20transform%3D%22translate(8.75%2014.749)%22%20fill%3D%22%23dc000c%22%2F%3E%20%3Cpath%20id%3D%22Shape-4%22%20data-name%3D%22Shape%22%20d%3D%22M4.5%2C0H.75a.75.75%2C0%2C0%2C0%2C0%2C1.5H4.5A.75.75%2C0%2C0%2C0%2C4.5%2C0Z%22%20transform%3D%22translate(8.75%2018.249)%22%20fill%3D%22%23dc000c%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
          background-size: 100% auto;
          width: 0.24rem;
          height: 0.24rem;
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto; } }

@media screen and (max-width: 767px) {
  .journal__detailHeadButtonPrint {
    display: none !important; } }

.journal__button {
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05);
  background-color: #fff;
  border: 1px solid #E5E5E5;
  border-radius: 0.05rem;
  text-decoration: none;
  display: inline-flex; }
  @media screen and (min-width: 768px), print {
    .journal__button {
      padding: 0.08rem 0.15rem; } }
  @media screen and (max-width: 767px) {
    .journal__button {
      padding: 0.04rem 0.15rem; } }
@media screen and (min-width: 768px), print {
  .journal__detailHeadImage {
    margin-top: 0.3rem; } }

@media screen and (max-width: 767px) {
  .journal__detailHeadImage {
    margin-top: 0.2rem; } }

.journal__detailHeadImage img {
  width: 100%; }

.journal__detailHeadImage figcaption {
  line-height: 1.3;
  color: #AAA; }
  .journal__detailHeadImage figcaption::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.3) * .5em);
    content: ""; }
  .journal__detailHeadImage figcaption::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.3) * .5em);
    content: ""; }
  @media screen and (min-width: 768px), print {
    .journal__detailHeadImage figcaption {
      font-size: 0.14rem;
      margin-top: 0.2rem;
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .journal__detailHeadImage figcaption {
      font-size: 0.12rem;
      margin-top: 0.1rem; } }
@media screen and (min-width: 768px), print {
  .journal__detailVe {
    margin-top: 0.4rem; } }

@media screen and (max-width: 767px) {
  .journal__detailVe {
    margin-top: 0.3rem; } }

.journal__articleProgram {
  background-color: #fff;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .journal__articleProgram {
      margin-top: 0.5rem;
      padding: 0.37rem 0.5rem 0.4rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleProgram {
      margin-top: 0.5rem;
      padding: 0.2rem; } }
.journal__articleProgramTitle {
  line-height: 1.8;
  overflow: hidden;
  font-weight: 700; }
  .journal__articleProgramTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * .5em);
    content: ""; }
  .journal__articleProgramTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * .5em);
    content: ""; }
  @media screen and (min-width: 768px), print {
    .journal__articleProgramTitle {
      font-size: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleProgramTitle {
      font-size: 0.16rem; } }
  @media screen and (min-width: 768px), print {
    .journal__articleProgramTitle + * {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleProgramTitle + * {
      margin-top: 0.2rem; } }
@media screen and (min-width: 768px), print {
  .journal__articleButton {
    position: absolute;
    right: 0.5rem;
    top: 0.32rem; } }

@media screen and (max-width: 767px) {
  .journal__articleButton {
    margin-top: 0.2rem; } }

@media screen and (max-width: 767px) {
  .journal__articleButton.-article .journal__articleCategoryBtn {
    text-align: center;
    background-position: 1.3rem center;
    padding-bottom: 0.08rem;
    padding-top: 0.06rem; } }

.journal__articleButton.-tv .journal__articleCategoryBtn {
  background: none;
  padding-left: 0.15rem; }
  @media screen and (min-width: 768px), print {
    .journal__articleButton.-tv .journal__articleCategoryBtn {
      padding-bottom: 0.07rem;
      padding-top: 0.07rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleButton.-tv .journal__articleCategoryBtn {
      display: block;
      width: 100%;
      text-align: center;
      padding-bottom: 0.08rem;
      padding-top: 0.06rem; } }
  .journal__articleButton.-tv .journal__articleCategoryBtn > span {
    position: relative;
    padding-left: 0.3rem; }
    .journal__articleButton.-tv .journal__articleCategoryBtn > span::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2218%22%20viewBox%3D%220%200%2022%2018%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3632%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203632%22%20transform%3D%22translate(-148.522%20-646.952)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1062%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201062%22%20width%3D%229%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22translate(155.522%20650.952)%22%20fill%3D%22%23dc000c%22%2F%3E%20%3Cg%20id%3D%22Video-Movies-TV_Mordern-TV_modern-tv-flat%22%20data-name%3D%22Video-Movies-TV%20%2F%20Mordern-TV%20%2F%20modern-tv-flat%22%20transform%3D%22translate(148.522%20646.952)%22%3E%20%3Cg%20id%3D%22Group%22%20transform%3D%22translate(0%200)%22%3E%20%3Cg%20id%3D%22modern-tv-flat%22%3E%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M15.354%2C18H6.646a1.125%2C1.125%2C0%2C1%2C1%2C0-2.25H7.791a.455.455%2C0%2C0%2C0%2C.459-.45v-.9a.455.455%2C0%2C0%2C0-.459-.45H2.062A2.051%2C2.051%2C0%2C0%2C1%2C0%2C11.925v-9.9A2.051%2C2.051%2C0%2C0%2C1%2C2.062%2C0H19.938A2.051%2C2.051%2C0%2C0%2C1%2C22%2C2.025v9.9a2.051%2C2.051%2C0%2C0%2C1-2.062%2C2.025h-5.73a.455.455%2C0%2C0%2C0-.458.45v.9a.454.454%2C0%2C0%2C0%2C.458.45h1.146a1.125%2C1.125%2C0%2C1%2C1%2C0%2C2.25ZM2.75%2C2.25a.454.454%2C0%2C0%2C0-.458.45v8.55a.454.454%2C0%2C0%2C0%2C.458.45h16.5a.455.455%2C0%2C0%2C0%2C.459-.45V2.7a.455.455%2C0%2C0%2C0-.459-.45Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23dc000c%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1065%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201065%22%20width%3D%229%22%20height%3D%222%22%20rx%3D%221%22%20transform%3D%22translate(155.522%20654.952)%22%20fill%3D%22%23dc000c%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
      background-size: 100% auto;
      width: 0.22rem;
      height: 0.18rem;
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0.01rem;
      bottom: 0;
      margin: auto; }

.journal__articleProgramLink {
  text-decoration: none; }
  @media screen and (min-width: 768px), print {
    .journal__articleProgramLink {
      display: flex; } }
@media screen and (min-width: 768px), print {
  .journal__articleProgramImage {
    width: 2.8rem;
    margin-right: 0.3rem; } }

@media screen and (min-width: 768px), print {
  .journal__articleProgramBody {
    flex: 1; } }

@media screen and (max-width: 767px) {
  .journal__articleProgramBody {
    margin-top: 0.15rem; } }

.journal__articleProgramBodyTitle {
  line-height: 1.8;
  font-weight: 700; }
  .journal__articleProgramBodyTitle::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * .5em);
    content: ""; }
  .journal__articleProgramBodyTitle::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * .5em);
    content: ""; }
  @media screen and (min-width: 768px), print {
    .journal__articleProgramBodyTitle {
      font-size: 0.2rem;
      padding-top: 0.06rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleProgramBodyTitle {
      font-size: 0.16rem; } }
  .journal__articleProgramBodyTitle + * {
    margin-top: 0.1rem; }

.journal__articleProgramBodyNext {
  display: flex;
  align-items: center;
  line-height: 1.2; }
  .journal__articleProgramBodyNext > span.next {
    background: #dc000c;
    color: #fff;
    padding: 0.02rem 0.05rem;
    margin-right: 0.08rem;
    white-space: nowrap;
    position: relative;
    top: 0.01rem; }
    @media screen and (min-width: 768px), print {
      .journal__articleProgramBodyNext > span.next {
        font-size: 0.12rem; } }
    @media screen and (max-width: 767px) {
      .journal__articleProgramBodyNext > span.next {
        font-size: 0.11rem; } }
  @media screen and (min-width: 768px), print {
    .journal__articleProgramBodyNext > span:not([class]) {
      font-size: 0.16rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleProgramBodyNext > span:not([class]) {
      font-size: 0.14rem; } }
.journal__articleProgramBodyText {
  line-height: 1.57; }
  .journal__articleProgramBodyText::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.57) * .5em);
    content: ""; }
  .journal__articleProgramBodyText::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.57) * .5em);
    content: ""; }
  @media screen and (min-width: 768px), print {
    .journal__articleProgramBodyText {
      font-size: 0.14rem;
      margin-top: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleProgramBodyText {
      font-size: 0.12rem;
      margin-top: 0.16rem; } }
.journal__articleAuthor {
  background-color: #fff;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .journal__articleAuthor {
      margin-top: 0.2rem;
      padding: 0.4rem 0.5rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleAuthor {
      margin-top: 0.15rem;
      padding: 0.2rem; } }
  @media screen and (min-width: 768px), print {
    .journal__articleAuthor .journal__articleCategoryBtn {
      padding-bottom: 0.04rem !important;
      padding-top: 0.04rem !important; } }
  @media screen and (max-width: 767px) {
    .journal__articleAuthor .journal__articleCategoryBtn {
      display: block;
      width: 100% !important; } }
@media screen and (min-width: 768px), print {
  .journal__articleAuthorInner {
    display: flex;
    align-items: flex-start; } }

.journal__articleAuthorImage {
  width: 1rem;
  border-radius: 50%;
  overflow: hidden; }
  @media screen and (min-width: 768px), print {
    .journal__articleAuthorImage {
      margin-right: 0.52rem;
      margin-top: 0.1rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleAuthorImage {
      margin-left: auto;
      margin-right: auto; } }
  .journal__articleAuthorImage img {
    width: 100%; }

@media screen and (min-width: 768px), print {
  .journal__articleAuthorBody {
    flex: 1; } }

@media screen and (min-width: 768px), print {
  .journal__articleAuthorName {
    display: flex;
    align-items: center; } }

.journal__articleAuthorNameMain {
  line-height: 1.4;
  font-weight: 700; }
  .journal__articleAuthorNameMain::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.4) * .5em);
    content: ""; }
  .journal__articleAuthorNameMain::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.4) * .5em);
    content: ""; }
  @media screen and (min-width: 768px), print {
    .journal__articleAuthorNameMain {
      font-size: 0.2rem;
      margin-right: 0.19rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleAuthorNameMain {
      font-size: 0.16rem;
      margin-top: 0.1rem;
      text-align: center; } }
.journal__articleAuthorNameSub {
  color: #aaa; }
  @media screen and (min-width: 768px), print {
    .journal__articleAuthorNameSub {
      font-size: 0.14rem;
      position: relative;
      top: 0.01rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleAuthorNameSub {
      font-size: 0.12rem;
      text-align: center;
      margin-top: 0.05rem; } }
.journal__articleAuthorText {
  line-height: 1.8; }
  .journal__articleAuthorText::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((1 - 1.8) * .5em);
    content: ""; }
  .journal__articleAuthorText::after {
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((1 - 1.8) * .5em);
    content: ""; }
  @media screen and (min-width: 768px), print {
    .journal__articleAuthorText {
      font-size: 0.14rem;
      margin-top: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleAuthorText {
      font-size: 0.12rem;
      margin-top: 0.15rem; } }
.journal__articleAuthorLink {
  line-height: 1.3;
  margin-top: 0.2rem; }
  @media screen and (min-width: 768px), print {
    .journal__articleAuthorLink {
      font-size: 0.14rem; } }
  @media screen and (max-width: 767px) {
    .journal__articleAuthorLink {
      font-size: 0.12rem; } }
  .journal__articleAuthorLink > a {
    text-decoration: underline !important; }
    @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .journal__articleAuthorLink > a:hover {
        text-decoration: none !important; } }
    .journal__articleAuthorLink > a[target="_blank"] > span::after {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.7%22%20height%3D%2212.129%22%20viewBox%3D%220%200%2015.7%2012.129%22%3E%3Cg%20id%3D%22app-window-multiple_1_%22%20transform%3D%22translate(0.35%200.35)%22%3E%20%3Cpath%20id%3D%22Shape_1479_1_%22%20d%3D%22M.5%2C4.5H14.071%22%20transform%3D%22translate(-0.5%20-1.643)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.7%22%2F%3E%20%3Cpath%20id%3D%22Shape_1480_1_%22%20d%3D%22M3.443%2C2.293a.154.154%2C0%2C0%2C0-.143.143.253.253%2C0%2C0%2C0%2C.286.286.154.154%2C0%2C0%2C0%2C.143-.143c-.071-.214-.214-.357-.286-.286%22%20transform%3D%22translate(-1.3%20-1.007)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.7%22%2F%3E%20%3Cpath%20id%3D%22Shape_1481_1_%22%20d%3D%22M5.443%2C2.293a.154.154%2C0%2C0%2C0-.143.143.253.253%2C0%2C0%2C0%2C.286.286.154.154%2C0%2C0%2C0%2C.143-.143c-.071-.214-.214-.357-.286-.286%22%20transform%3D%22translate(-1.871%20-1.007)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.7%22%2F%3E%20%3Cpath%20id%3D%22Shape_1482_1_%22%20d%3D%22M7.443%2C2.293a.154.154%2C0%2C0%2C0-.143.143.253.253%2C0%2C0%2C0%2C.286.286.154.154%2C0%2C0%2C0%2C.143-.143c-.071-.214-.214-.357-.286-.286%22%20transform%3D%22translate(-2.443%20-1.007)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.7%22%2F%3E%20%3Cpath%20id%3D%22Rectangle-path_152_1_%22%20d%3D%22M.5%2C1.929A1.433%2C1.433%2C0%2C0%2C1%2C1.929.5H12.643a1.433%2C1.433%2C0%2C0%2C1%2C1.429%2C1.429V9.071A1.433%2C1.433%2C0%2C0%2C1%2C12.643%2C10.5H1.929A1.433%2C1.433%2C0%2C0%2C1%2C.5%2C9.071Z%22%20transform%3D%22translate(-0.5%20-0.5)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.7%22%2F%3E%20%3Cpath%20id%3D%22Shape_1483_1_%22%20d%3D%22M14.643%2C2.5a1.433%2C1.433%2C0%2C0%2C1%2C1.429%2C1.429v7.143A1.433%2C1.433%2C0%2C0%2C1%2C14.643%2C12.5H3.929A1.433%2C1.433%2C0%2C0%2C1%2C2.5%2C11.071%22%20transform%3D%22translate(-1.071%20-1.071)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%220.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
      background-size: 100% auto;
      width: 0.157rem;
      height: 0.12129rem;
      content: '';
      display: inline-block;
      margin-left: 0.08rem;
      position: relative;
      top: 0.01rem; }

/* ve(journal__detailVe)
============================================================= */
.ve.journal__detailVe > p {
  line-height: 1.5; }
  @media screen and (min-width: 768px), print {
    .ve.journal__detailVe > p {
      font-size: 0.18rem !important; } }
  @media screen and (max-width: 767px) {
    .ve.journal__detailVe > p {
      font-size: 0.16rem !important; } }
.ve.journal__detailVe > h3 {
  line-height: 1.5; }
  @media screen and (min-width: 768px), print {
    .ve.journal__detailVe > h3:not(:first-of-type) {
      margin-top: 0.6rem; } }
  @media screen and (max-width: 767px) {
    .ve.journal__detailVe > h3:not(:first-of-type) {
      margin-top: 0.5rem; } }
@media screen and (min-width: 768px), print {
  .ve.journal__detailVe > .image-wrap .img.img-center img {
    max-height: 5.06rem; } }

@media screen and (max-width: 767px) {
  .ve.journal__detailVe > .image-wrap .img.img-center img {
    max-height: 4rem; } }

.ve.journal__detailVe .caption {
  font-weight: 500;
  color: #AAA; }
  @media screen and (min-width: 768px), print {
    .ve.journal__detailVe .caption {
      font-size: 0.14rem; } }
  @media screen and (max-width: 767px) {
    .ve.journal__detailVe .caption {
      font-size: 0.12rem; } }
/* PRINT
============================================================= */
@media print {
  #journalDetail #header {
    display: none; }
  #journalDetail #footer {
    display: none; }
  #journalDetail .journal {
    background-color: #fff; }
  #journalDetail .journal__body {
    width: 100%;
    margin-top: 0; }
  #journalDetail .journal__title {
    display: none; }
  #journalDetail .journal__detailHeadButton {
    display: none; }
  #journalDetail .journal__articleSide {
    display: none; }
  #journalDetail .footYoutube {
    display: none; } }

/* journalBox
============================================================= */
.journalBox__item {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #e5e5e5; }
  .journalBox__item:nth-child(n + 2) {
    margin-top: 0.2rem; }
  .journalBox__item:last-child {
    border-bottom: none;
    padding-bottom: 0; }
  @media screen and (min-width: 768px), print {
    .-topPage .journalBox__item {
      padding-bottom: 0.15rem; }
      .-topPage .journalBox__item:nth-child(n + 2) {
        margin-top: 0.15rem; } }
.journalBox__itemLink {
  text-decoration: none; }
  @media screen and (min-width: 768px), print {
    .journalBox__itemLink {
      display: flex; } }
  @media screen and (min-width: 768px), print {
    .-topPage .journalBox__itemLink {
      padding-left: 0.2rem;
      padding-right: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .-topPage .journalBox__itemLink {
      display: flex;
      padding-left: 0.1rem;
      padding-right: 0.1rem; } }
@media screen and (min-width: 768px), print {
  .journalBox__thumb {
    width: 2.72rem;
    height: 1.53rem; } }

@media screen and (max-width: 767px) {
  .journalBox__thumb {
    height: 1.7606rem; } }

@media screen and (min-width: 768px), print {
  .-topPage .journalBox__thumb {
    width: 1.2rem;
    height: 0.68rem; } }

@media screen and (max-width: 767px) {
  .-topPage .journalBox__thumb {
    width: 0.9rem;
    height: 0.51rem; } }

.journalBox__cont {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  @media screen and (min-width: 768px), print {
    .journalBox__cont {
      flex: 1;
      margin-left: 0.3rem;
      padding-top: 0.04rem; } }
  .-topPage .journalBox__cont {
    margin-left: 0.1rem; }
    @media screen and (max-width: 767px) {
      .-topPage .journalBox__cont {
        flex: 1; } }
@media screen and (min-width: 768px), print {
  .journalBox__ttl {
    font-size: 0.2rem;
    line-height: 1.5;
    width: 100%; } }

@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .journalBox__ttl {
    transition-duration: .2s; } }

@media screen and (max-width: 767px) {
  .journalBox__ttl {
    font-size: 0.16rem;
    line-height: 1.25;
    margin-top: 0.18rem; } }

.-topPage .journalBox__ttl {
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }
  @media screen and (min-width: 768px), print {
    .-topPage .journalBox__ttl {
      font-size: 0.12rem; } }
  @media screen and (max-width: 767px) {
    .-topPage .journalBox__ttl {
      margin-top: 0;
      font-size: 0.11rem;
      line-height: 1.5; } }
@media screen and (min-width: 768px), print {
  .journalBox__itemLink:hover .journalBox__ttl {
    color: #dc000c; } }

.journalBox__txt {
  font-size: 0.14rem;
  line-height: 1.5714285714;
  margin: 0.06rem 0 0.14rem;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }

.journalBox__good {
  padding-left: 0.22rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22like-1-alternate%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.873%22%20height%3D%2216.248%22%20viewBox%3D%220%200%2017.873%2016.248%22%3E%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M3.537%2C16.248H.745A.745.745%2C0%2C0%2C1%2C0%2C15.5V7.311a.745.745%2C0%2C0%2C1%2C.745-.745H3.537a.737.737%2C0%2C0%2C1%2C.705.552A6.583%2C6.583%2C0%2C0%2C0%2C8.005%2C1.726%2C1.675%2C1.675%2C0%2C0%2C1%2C9.4.014%2C1.49%2C1.49%2C0%2C0%2C1%2C9.61%2C0c.355%2C0%2C1.555.148%2C2.091%2C2.059a6.279%2C6.279%2C0%2C0%2C1-.314%2C3.149.185.185%2C0%2C0%2C0%2C.178.24h4.259a2.049%2C2.049%2C0%2C0%2C1%2C1.294%2C3.637%2C1.855%2C1.855%2C0%2C0%2C1-.67%2C2.406%2C1.868%2C1.868%2C0%2C0%2C1-.745%2C2.234%2C1.856%2C1.856%2C0%2C0%2C1%2C.121.661c0%2C.448-.181%2C1.489-1.862%2C1.489H9.094a14.317%2C14.317%2C0%2C0%2C1-2.979-.314l-.06-.011c-.483-.088-1.031-.187-1.773-.293V15.5A.745.745%2C0%2C0%2C1%2C3.537%2C16.248Zm-1.3-2.608a.558.558%2C0%2C1%2C0%2C.559.558A.559.559%2C0%2C0%2C0%2C2.234%2C13.64ZM9.621%2C1.489H9.608c-.055.012-.113.091-.113.235%2C0%2C2.872-2.533%2C6.246-5.213%2C6.943v5.086c.862.114%2C1.516.235%2C2.041.331l.061.011a13.07%2C13.07%2C0%2C0%2C0%2C2.728.288h4.9a1.682%2C1.682%2C0%2C0%2C0%2C.32-.031.371.371%2C0%2C0%2C0-.367-.342.745.745%2C0%2C0%2C1%2C0-1.489h.745a.372.372%2C0%2C1%2C0%2C0-.745.745.745%2C0%2C0%2C1%2C0-1.489h.745a.372.372%2C0%2C0%2C0%2C0-.745.745.745%2C0%2C1%2C1%2C0-1.49h.372a.558.558%2C0%2C1%2C0%2C0-1.117H10.24A.745.745%2C0%2C0%2C1%2C9.555%2C5.9a7.32%2C7.32%2C0%2C0%2C0%2C.712-3.439C10.071%2C1.753%2C9.766%2C1.489%2C9.621%2C1.489Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23dc000c%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-repeat: none;
  background-position: left bottom 0.08rem;
  background-size: 0.1787rem;
  font-family: 'Roboto';
  font-weight: bold; }
  .journalBox__good strong {
    font-size: 0.16rem; }

.journalBox__views {
  margin-left: 0.2rem;
  font-family: 'Roboto';
  font-weight: bold; }
  .journalBox__views strong {
    font-size: 0.16rem; }
  .journalBox__views span {
    font-size: 0.13rem;
    color: #999;
    display: inline-block;
    margin-left: 0.03rem;
    line-height: 1; }

.journalBox__date {
  display: block;
  margin-left: auto;
  font-size: 0.13rem;
  color: #999;
  font-weight: 500; }
  .-topPage .journalBox__date {
    font-weight: 400;
    display: block;
    width: 100%;
    text-align: right; }
    @media screen and (min-width: 768px), print {
      .-topPage .journalBox__date {
        font-size: 0.12rem;
        margin-top: 0.17rem;
        line-height: 1; } }
    @media screen and (max-width: 767px) {
      .-topPage .journalBox__date {
        font-size: 0.11rem;
        margin-top: 0.05rem !important; } }
/* journalPickup
============================================================= */
/* journalSearch
============================================================= */
.journalSearch {
  background: #fff; }

.journalSearch__ttl {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  padding: 0.18rem 0 0.11rem; }

.journalSearch__ttlInner {
  font-size: 0.2rem;
  font-weight: bold;
  padding-left: 0.34rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23dc000c%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ba000a%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22search-circle-alternate%22%20transform%3D%22translate(0.5%200.5)%22%3E%20%3Ccircle%20id%3D%22Oval%22%20cx%3D%224.687%22%20cy%3D%224.687%22%20r%3D%224.687%22%20transform%3D%22translate(6.51%206.513)%22%20stroke%3D%22rgba(0%2C0%2C0%2C0)%22%20stroke-width%3D%221%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M12.5%2C25A12.5%2C12.5%2C0%2C0%2C1%2C3.661%2C3.661%2C12.5%2C12.5%2C0%2C1%2C1%2C21.339%2C21.339%2C12.419%2C12.419%2C0%2C0%2C1%2C12.5%2C25Zm2.659-8.269a.227.227%2C0%2C0%2C1%2C.162.067l3.474%2C3.472A1.041%2C1.041%2C0%2C0%2C0%2C20.268%2C18.8l-3.456-3.454a.262.262%2C0%2C0%2C1-.03-.332%2C6.794%2C6.794%2C0%2C1%2C0-1.752%2C1.759A.228.228%2C0%2C0%2C1%2C15.159%2C16.731Z%22%20transform%3D%22translate(0%20-0.001)%22%20stroke%3D%22rgba(0%2C0%2C0%2C0)%22%20stroke-width%3D%221%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 0.25rem; }

.journalSearch__cont {
  padding: 0.3rem 0.3rem 0.4rem; }

.journalSearch__list {
  display: flex;
  flex-wrap: wrap; }
  .journalSearch__list:not(:first-of-type) {
    display: none; }

.journalSearch__listItem {
  margin: 0 0.1rem 0.1rem 0; }
  .journalSearch__listItem:nth-child(n + 16) {
    display: none; }

.journalSearch__listItemLink {
  display: block;
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
  border-radius: 100px;
  text-decoration: none;
  font-weight: 400;
  font-size: 0.13rem;
  padding: 0.01rem 0.1rem; }

@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.journalSearch__input {
  display: none; }
  .journalSearch__input:checked + .journalSearch__list {
    display: flex;
    animation: fade 0.5s ease; }
  .journalSearch__input:checked ~ .journalSearch__label {
    display: none; }

.journalSearch__label {
  display: block;
  text-align: center;
  position: relative;
  margin-top: 0.12rem;
  cursor: pointer; }
  .journalSearch__label span {
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 0.16rem; }
  .journalSearch__label::before {
    content: "";
    display: block;
    width: 100%;
    left: 0;
    top: 50%;
    height: 1px;
    background: #e5e5e5;
    position: absolute; }

/* journalTopics
============================================================= */
.journalTopics {
  background: #fff; }
  @media screen and (min-width: 768px), print {
    .journalTopics + * {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .journalTopics + * {
      margin-top: 0.3rem; } }
.journalTopics__ttl {
  background: #181818;
  text-align: center;
  padding: 0.21rem 0 0.17rem; }
  .journalTopics__ttl img {
    width: 1.85rem; }
  .-new .journalTopics__ttl img {
    width: 1.1rem; }

.journalTopics__list {
  padding: 0.3rem 0; }

.journalTopics__listItem {
  padding: 0 0.2rem; }
  .journalTopics__listItem:nth-child(n + 2) {
    border-top: 1px solid #e5e5e5;
    padding-top: 0.2rem;
    margin-top: 0.15rem; }

.journalTopics__listItemLink {
  display: flex;
  text-decoration: none;
  position: relative; }

.journalTopics__listItemNum {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #454545;
  color: #fff;
  font-size: 0.2rem;
  width: 0.3rem;
  height: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Roboto';
  font-weight: bold;
  line-height: 1; }
  .journalTopics__listItem:nth-child(1) .journalTopics__listItemNum {
    background-color: #a38b26; }
  .journalTopics__listItem:nth-child(2) .journalTopics__listItemNum {
    background-color: #969282; }
  .journalTopics__listItem:nth-child(3) .journalTopics__listItemNum {
    background-color: #a35126; }

.journalTopics__listItemThumb {
  width: 1.2rem;
  height: 0.68rem; }

.journalTopics__listItemCont {
  flex: 1;
  margin-left: 0.1rem;
  position: relative;
  text-align: right; }

.journalTopics__listItemTtl {
  font-size: 0.12rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left; }
  @media screen and (min-width: 768px), print {
    .journalTopics__listItemTtl {
      min-height: 0.68rem; } }
  @media screen and (max-width: 767px) {
    .journalTopics__listItemTtl {
      min-height: 0.62rem; } }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .journalTopics__listItemTtl {
      transition-duration: .2s; }
      .journalTopics__listItemLink .journalTopics__listItemTtl:hover {
        color: #dc000c; } }
.journalTopics__listItemGood {
  display: flex;
  justify-content: flex-end;
  margin: -0.05rem 0 -0.1rem; }

.journalTopics__date {
  color: #aaa;
  font-size: 0.12rem;
  line-height: 1.2;
  margin-top: 0.1rem; }
  @media screen and (min-width: 768px), print {
    .journalTopics__date {
      margin-left: -0.78rem; } }
  @media screen and (max-width: 767px) {
    .journalTopics__date {
      margin-left: -0.7rem; } }
/* mainVisual
============================================================= */
.mainVisual {
  overflow: hidden;
  position: relative;
  z-index: 102; }
  @media screen and (min-width: 768px), print {
    .mainVisual {
      padding: 1.05rem 0 0.35rem;
      margin-top: -0.7rem;
      pointer-events: none; } }
  .mainVisual::before {
    background-color: #DC000C;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1; }
    @media screen and (min-width: 768px), print {
      .mainVisual::before {
        height: 1.5rem; } }
  @media screen and (min-width: 768px), print {
    .mainVisual .mainVisual__slider .slick-track {
      transition-duration: 0.7s !important;
      transition-timing-function: cubic-bezier(0.71, 0.01, 0.36, 1) !important; } }
  @media screen and (min-width: 768px), print {
    .mainVisual .mainVisual__slider .slick-slide {
      transition-timing-function: cubic-bezier(0.71, 0.01, 0.36, 1);
      opacity: 0 !important; } }
  @media screen and (min-width: 768px), print {
    .mainVisual .mainVisual__slider .slick-slide.slick-current {
      transition-duration: 0s !important;
      opacity: 1 !important; } }
  @media screen and (min-width: 768px), print {
    .mainVisual .mainVisual__sliderThumbWrap .slick-track {
      transition-timing-function: cubic-bezier(0.71, 0.01, 0.36, 1) !important; } }
.mainVisual__inner {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 768px), print {
    .mainVisual__inner {
      min-height: 4.5rem;
      width: 14rem;
      margin-left: auto;
      margin-right: auto;
      pointer-events: initial; } }
  .mainVisual__inner::before {
    background-color: #000;
    content: '';
    display: block;
    position: absolute;
    width: 100vw;
    transform: skew(-60deg);
    z-index: 1; }
    @media screen and (min-width: 768px), print {
      .mainVisual__inner::before {
        bottom: -0.35rem;
        left: 5.9rem;
        height: 1.5rem; } }
.mainVisual__slider {
  font-size: 0;
  position: relative;
  z-index: 2;
  opacity: 0; }
  .mainVisual__slider.slick-initialized {
    opacity: 1; }
  .mainVisual__slider .slick-list {
    overflow: inherit !important; }

.mainVisual__sliderItem {
  display: none; }
  @media screen and (min-width: 768px), print {
    .mainVisual__sliderItem {
      font-size: 0.16rem; } }
  @media screen and (max-width: 767px) {
    .mainVisual__sliderItem {
      font-size: 0.14rem; } }
  .mainVisual__sliderItem:first-child {
    display: block; }

@media screen and (min-width: 768px), print {
  .mainVisual__sliderItemInner {
    display: flex; } }

@media screen and (min-width: 768px), print {
  .mainVisual__sliderImage {
    margin-right: 0.92rem;
    width: 8rem;
    -webkit-perspective: 500;
    perspective: 500; } }

@media screen and (min-width: 768px), print {
  .mainVisual__sliderImage > div {
    transform: scale(0.85) translateX(0%) rotateY(-8deg);
    transform-origin: right center;
    transition-duration: 0.7s;
    opacity: 1; } }

@media screen and (min-width: 768px), print {
  .slick-current .mainVisual__sliderImage > div {
    opacity: 1;
    transform: scale(1) rotateY(0);
    transition-timing-function: cubic-bezier(0.71, 0.01, 0.36, 1);
    transition-delay: 0; } }

@media screen and (min-width: 768px), print {
  .slick-current + .slick-slide .mainVisual__sliderImage > div, .-backTop .mainVisual__sliderImage > div {
    transition-delay: 0s !important;
    transition-duration: 0s !important;
    opacity: 0.5 !important;
    transform: scale(1.05) translateX(-4%) rotateY(8deg) !important; } }

.mainVisual__sliderContents {
  position: relative; }
  .mainVisual__sliderContents::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents::after {
        bottom: 0.35rem;
        right: 0; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents::after {
        bottom: 0.15rem;
        right: 0.08rem; } }
  .mainVisual__sliderContents.-charactor901::after {
    background: url(img/slider_charactor901.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor901::after {
        width: 1.43rem;
        height: 1.42rem;
        right: -0.08rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor901::after {
        width: 0.858rem;
        height: 0.852rem; } }
  .mainVisual__sliderContents.-charactor902::after {
    background: url(img/slider_charactor902.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor902::after {
        width: 1.47rem;
        height: 1.6rem;
        right: -0.28rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor902::after {
        width: 0.882rem;
        height: 0.96rem; } }
  .mainVisual__sliderContents.-charactor5::after {
    background: url(img/slider_charactor5.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor5::after {
        width: 1.58rem;
        height: 1.37rem;
        right: -0.18rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor5::after {
        width: 0.948rem;
        height: 0.822rem; } }
  .mainVisual__sliderContents.-charactor9::after {
    background: url(img/slider_charactor9.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor9::after {
        width: 1.52rem;
        height: 1.7rem;
        right: -0.08rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor9::after {
        width: 0.912rem;
        height: 1.02rem; } }
  .mainVisual__sliderContents.-charactor12::after {
    background: url(img/slider_charactor12.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor12::after {
        width: 1.64rem;
        height: 2.03rem;
        right: -0.58rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor12::after {
        width: 0.82rem;
        height: 1.015rem; } }
  .mainVisual__sliderContents.-charactor21::after {
    background: url(img/slider_charactor21.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor21::after {
        width: 1.36rem;
        height: 1.3rem;
        right: -0.18rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor21::after {
        width: 0.816rem;
        height: 0.78rem; } }
  .mainVisual__sliderContents.-charactor8::after {
    background: url(img/slider_charactor8.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor8::after {
        width: 1.21rem;
        height: 1.41rem;
        right: -0.08rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor8::after {
        width: 0.726rem;
        height: 0.846rem; } }
  .mainVisual__sliderContents.-charactor6::after {
    background: url(img/slider_charactor6.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor6::after {
        width: 1.4rem;
        height: 1.38rem;
        right: -0.34rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor6::after {
        width: 0.84rem;
        height: 0.828rem; } }
  .mainVisual__sliderContents.-charactor903::after {
    background: url(img/slider_charactor903.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor903::after {
        width: 1.27rem;
        height: 1.36rem;
        right: -0.08rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor903::after {
        width: 0.762rem;
        height: 0.816rem; } }
  .mainVisual__sliderContents.-charactor18::after {
    background: url(img/slider_charactor18.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor18::after {
        width: 1.55rem;
        height: 1.38rem;
        right: -0.28rem;
        bottom: 0.25rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor18::after {
        width: 0.93rem;
        height: 0.828rem; } }
  .mainVisual__sliderContents.-charactor20::after {
    background: url(img/slider_charactor20.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor20::after {
        width: 0.99rem;
        height: 1.4rem;
        right: -0.08rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor20::after {
        width: 0.594rem;
        height: 0.84rem; } }
  .mainVisual__sliderContents.-charactor7::after {
    background: url(img/slider_charactor7.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor7::after {
        width: 1.44rem;
        height: 1.41rem;
        right: -0.18rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor7::after {
        width: 0.864rem;
        height: 0.846rem; } }
  .mainVisual__sliderContents.-charactor22::after {
    background: url(img/slider_charactor22.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor22::after {
        width: 1.93rem;
        height: 1.41rem;
        right: -0.58rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor22::after {
        width: 1.158rem;
        height: 0.846rem; } }
  .mainVisual__sliderContents.-charactor23::after {
    background: url(img/slider_charactor23.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor23::after {
        width: 1.18rem;
        height: 1.41rem;
        right: -0.08rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor23::after {
        width: 0.708rem;
        height: 0.846rem; } }
  .mainVisual__sliderContents.-charactor25::after {
    background: url(img/slider_charactor25.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor25::after {
        width: 1.77rem;
        height: 1.29rem;
        right: -0.38rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor25::after {
        width: 1.062rem;
        height: 0.774rem; } }
  .mainVisual__sliderContents.-charactor904::after {
    background: url(img/slider_charactor904.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor904::after {
        width: 1.46rem;
        height: 1.4rem;
        right: -0.08rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor904::after {
        width: 0.876rem;
        height: 0.84rem; } }
  .mainVisual__sliderContents.-charactor101::after {
    background: url(img/slider_charactor101.png) no-repeat left 0;
    background-size: 100% auto; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderContents.-charactor101::after {
        width: 1.59rem;
        height: 1.52rem;
        right: -0.18rem;
        bottom: 0.25rem; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderContents.-charactor101::after {
        width: 0.954rem;
        height: 0.912rem; } }
  @media screen and (min-width: 768px), print {
    .mainVisual__sliderContents {
      width: 4.6rem;
      height: 3.35rem;
      transform: translateX(-5%);
      transition-duration: 0.7s !important;
      transition-timing-function: cubic-bezier(0.71, 0.01, 0.36, 1);
      opacity: 0;
      display: flex;
      align-items: center; } }
  @media screen and (max-width: 767px) {
    .mainVisual__sliderContents {
      padding: 0.28rem 0.3rem 0.25rem; } }
  @media screen and (min-width: 768px), print {
    .slick-current .mainVisual__sliderContents {
      transition-delay: 0;
      transform: translateX(0);
      opacity: 1; } }
  @media screen and (min-width: 768px), print {
    .slick-current + .slick-slide .mainVisual__sliderContents {
      transform: translateX(5%);
      opacity: 0; } }
@media screen and (max-width: 767px) {
  .mainVisual__sliderContentsInner {
    padding-right: 0.8rem; } }

.mainVisual__sliderTitle {
  font-weight: 700;
  line-height: 1.4; }
  @media screen and (min-width: 768px), print {
    .mainVisual__sliderTitle {
      font-size: 0.28rem; } }
  @media screen and (max-width: 767px) {
    .mainVisual__sliderTitle {
      font-size: 0.2rem; } }
  @media screen and (min-width: 768px), print {
    .mainVisual__sliderTitle + * {
      margin-top: 0.12rem; } }
  @media screen and (max-width: 767px) {
    .mainVisual__sliderTitle + * {
      margin-top: 0.07rem; } }
.mainVisual__sliderText {
  line-height: 1.625; }
  @media screen and (min-width: 768px), print {
    .mainVisual__sliderText + * {
      margin-top: 0.27rem; } }
@media screen and (min-width: 768px), print {
  .mainVisual__sliderButton.-col {
    display: flex; }
    .mainVisual__sliderButton.-col > *:not(:last-child) {
      margin-right: 0.1rem; } }

@media screen and (max-width: 767px) {
  .mainVisual__sliderButton.-col {
    opacity: 1; } }

@media screen and (max-width: 767px) {
  .mainVisual__sliderButton {
    opacity: 0; }
    .mainVisual__sliderButton a {
      border-radius: 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }
      .mainVisual__sliderButton a.-preButton {
        width: 2.2rem;
        height: auto;
        right: 0;
        left: auto;
        top: 2rem;
        z-index: 2;
        opacity: 1; } }

.mainVisual__sliderCopy {
  color: #aaa;
  font-weight: 500;
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    .mainVisual__sliderCopy {
      font-size: 0.12rem;
      margin-top: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .mainVisual__sliderCopy {
      font-size: 0.11rem;
      margin-top: 0.15rem; } }
.mainVisual__sliderThumbWrap {
  z-index: 2; }
  @media screen and (min-width: 768px), print {
    .mainVisual__sliderThumbWrap {
      position: absolute;
      right: -0.5rem;
      bottom: 0;
      width: 6.34rem;
      height: 0.7rem !important; } }
  @media screen and (max-width: 767px) {
    .mainVisual__sliderThumbWrap {
      background-color: #000;
      position: relative;
      padding: 0.2rem 0; } }
.mainVisual__sliderThumb {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .mainVisual__sliderThumb::before, .mainVisual__sliderThumb::after {
      content: '';
      position: absolute;
      top: 0;
      width: 1.1rem;
      height: 100%;
      z-index: 1; } }
  @media screen and (min-width: 768px), print {
    .mainVisual__sliderThumb::before {
      background: linear-gradient(to right, #000, transparent);
      left: 0; } }
  @media screen and (min-width: 768px), print {
    .mainVisual__sliderThumb::after {
      background: linear-gradient(to left, #000, transparent);
      right: 0; } }
  .mainVisual__sliderThumb .slick-slide {
    opacity: .5;
    margin-left: 0.05rem !important;
    margin-right: 0.05rem !important; }
    @media screen and (min-width: 768px), print {
      .mainVisual__sliderThumb .slick-slide {
        height: 0.7rem !important; } }
    @media screen and (max-width: 767px) {
      .mainVisual__sliderThumb .slick-slide {
        height: 0.6714rem !important; } }
    .mainVisual__sliderThumb .slick-slide.slick-current {
      opacity: 1;
      position: relative; }
      .mainVisual__sliderThumb .slick-slide.slick-current::before {
        border: 0.04rem solid #dc000c;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        box-sizing: border-box;
        opacity: 1; }

.mainVisual__sliderThumbItem {
  cursor: pointer;
  display: none; }
  .mainVisual__sliderThumbItem:first-child {
    display: block; }

.mainVisual__sliderBg {
  background: url(img/bg_mainVisual.png) no-repeat left 0;
  background-size: 100% auto;
  position: absolute;
  bottom: 0;
  z-index: 0; }
  @media screen and (min-width: 768px), print {
    .mainVisual__sliderBg {
      width: 4.085rem;
      height: 4.05rem;
      right: -0.79rem; } }
  @media screen and (max-width: 767px) {
    .mainVisual__sliderBg {
      width: 1.4924rem;
      height: 1.4804rem;
      right: 0.2rem;
      bottom: -0.2rem; } }
/* menuButton
============================================================= */
.menuButton {
  background-color: #dc000c;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.7rem;
  z-index: 100; }
  @media screen and (min-width: 768px), print {
    .menuButton {
      height: 100%; } }
  @media screen and (max-width: 767px) {
    .menuButton {
      width: 0.59rem;
      padding-top: 0.08rem; } }
.menuButton__text {
  font-size: 0;
  display: block;
  margin-top: 0.111rem;
  text-align: center; }
  .menuButton__text img {
    width: 100%; }
    @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .menuButton__text img {
        transition: transform .2s; } }
    .menuButton__text img:nth-child(1) {
      width: 0.3205rem; }
    .menuButton__text img:nth-child(2) {
      display: none;
      width: 0.3305rem; }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .menuButton:hover .menuButton__text img {
      transform: translateY(0.02rem); } }
  .-menuOpen .menuButton__text img {
    transform: translateY(0) !important; }
    .-menuOpen .menuButton__text img:nth-child(1) {
      display: none; }
    .-menuOpen .menuButton__text img:nth-child(2) {
      display: block; }

.menuButton__icon {
  display: block;
  position: relative;
  width: 0.24rem;
  height: 0.13rem;
  margin-left: auto;
  margin-right: auto; }
  .menuButton__icon::before, .menuButton__icon::after {
    background-color: #fff;
    border-radius: 20px;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 3px; }
  .menuButton__icon::before {
    top: 0; }
    @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .menuButton__icon::before {
        transition: transform .2s; } }
  .menuButton__icon::after {
    bottom: 0; }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .menuButton:hover .menuButton__icon::before {
      transform: translateY(-0.04rem); } }
  .-menuOpen .menuButton__icon {
    background-color: transparent; }
    .-menuOpen .menuButton__icon::before {
      top: 0.03rem;
      transform: rotate(-45deg) !important;
      transition-duration: 0s; }
    .-menuOpen .menuButton__icon::after {
      top: -0.02rem;
      transform: rotate(45deg); }

/* newsList
============================================================= */
.newsList__item {
  border-bottom: 1px solid #e7e7e7; }

.newsList__link {
  display: flex;
  text-decoration: none;
  padding: 0.18rem 0; }

.newsList__image {
  display: block;
  margin-right: 0.19rem;
  width: 1.2rem; }
  .newsList__image img {
    width: 100%; }

.newsList__contents {
  flex: 1; }
  @media screen and (min-width: 768px), print {
    .-pcItemFlex .newsList__contents {
      display: flex; } }
.newsList__date {
  color: #999;
  font-weight: 500; }
  @media screen and (min-width: 768px), print {
    .newsList__date {
      font-size: 0.14rem; } }
  @media screen and (max-width: 767px) {
    .newsList__date {
      font-size: 0.12rem; } }
  @media screen and (min-width: 768px), print {
    .-pcItemFlex .newsList__date {
      padding-left: 0.05rem;
      width: 1.36rem; } }
.newsList__text {
  color: #181818;
  line-height: 1.625; }
  @media screen and (min-width: 768px), print {
    .-pcItemFlex .newsList__text {
      flex: 1; } }
/* noteList
============================================================= */
.noteList {
  color: #AAA;
  line-height: 1.5; }
  .noteList.-colorBlack {
    color: #181818; }
  .noteList.-originalA > li {
    padding-left: 3em; }
    .noteList.-originalA > li::before {
      display: none; }
    .noteList.-originalA > li > span {
      position: absolute;
      left: 0;
      top: 0; }
  .noteList > li {
    position: relative;
    padding-left: 1em; }
    .noteList > li::before {
      content: '※';
      display: inline;
      position: absolute;
      left: 0;
      top: 0; }
    @media screen and (min-width: 768px), print {
      .noteList > li:not(:last-child) {
        margin-bottom: 0.1rem; } }
    @media screen and (max-width: 767px) {
      .noteList > li:not(:last-child) {
        margin-bottom: 0.15rem; } }
  * + .noteList {
    margin-top: 0.3rem; }

/* notFound
============================================================= */
.notFound__text + .notFound__text {
  margin-top: 0.2rem; }

.notFound__button {
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .notFound__button {
      margin-top: 0.5rem; } }
  @media screen and (max-width: 767px) {
    .notFound__button {
      margin-top: 0.3rem; } }
.nowOnAir {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .nowOnAir {
      padding: 0.3rem 0; } }
  @media screen and (max-width: 767px) {
    .nowOnAir {
      padding: 0.2rem 0; } }
@media screen and (min-width: 768px), print {
  .nowOnAir__inner {
    width: 13rem;
    margin-left: auto;
    margin-right: auto;
    display: flex; } }

@media screen and (max-width: 767px) {
  .nowOnAir__inner {
    margin: 0 0.1rem; } }

.nowOnAir__title {
  background-color: #DC000C;
  color: #fff;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 768px), print {
    .nowOnAir__title {
      font-size: 0.12rem;
      width: 1.19rem;
      min-width: 1.19rem;
      max-width: 1.19rem;
      height: 0.52rem; } }
  @media screen and (max-width: 767px) {
    .nowOnAir__title {
      line-height: 1;
      padding: 0.1rem 0; } }
.nowOnAir__body {
  background-color: #fff;
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 768px), print {
    .nowOnAir__body {
      flex: 1; } }
.nowOnAir__info {
  flex: 1;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .nowOnAir__info {
      width: 10.64rem; }
      .nowOnAir__info::after {
        background: linear-gradient(to left, #fff 0%, #fff 31.53%, rgba(255, 255, 255, 0) 100%);
        content: '';
        width: 0.94rem;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1; } }
  @media screen and (max-width: 767px) {
    .nowOnAir__info {
      width: 3.2rem;
      max-width: 3.2rem;
      min-width: 3.2rem; } }
.nowOnAirSlick .slick-slide {
  opacity: .3; }
  .nowOnAirSlick .slick-slide.slick-current {
    opacity: 1; }

@media screen and (min-width: 768px), print {
  .nowOnAirSlick__item {
    width: 8.54rem !important;
    padding: 0 0.4rem;
    height: 0.52rem;
    display: flex;
    align-items: center; } }

@media screen and (max-width: 767px) {
  .nowOnAirSlick__item {
    width: 100%;
    max-width: 100%;
    padding: 0 0.17rem;
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .nowOnAirSlick__item:not(.nowOnAirSlick__item.-live) {
      padding-top: 0.15rem; } }

@media screen and (min-width: 768px), print {
  .slick-slide:not(:last-child) .nowOnAirSlick__item {
    border-right: 1px solid #E5E5E5; } }

.nowOnAirSlick__title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  @media screen and (min-width: 768px), print {
    .nowOnAirSlick__title {
      width: 4.5rem;
      min-width: 4.5rem;
      max-width: 4.5rem;
      margin-right: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .nowOnAirSlick__title {
      order: 3;
      font-size: 0.13rem;
      width: 100%;
      margin-top: 0.08rem;
      padding-bottom: 0.14rem; } }
  .nowOnAirSlick__title > a {
    font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .-live .nowOnAirSlick__title > a {
      padding-left: 0.65rem;
      position: relative; } }
  .-live .nowOnAirSlick__title > a::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245.22%22%20height%3D%2221.208%22%20viewBox%3D%220%200%2045.22%2021.208%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2335%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202335%22%20fill%3D%22%23fff%22%20stroke%3D%22%23dc000c%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2245.22%22%20height%3D%2221.208%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2244.22%22%20height%3D%2220.208%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_7825%22%20data-name%3D%22%E3%83%91%E3%82%B9%207825%22%20d%3D%22M6.768-.7V-3.108h3.588v-1.38H6.768V-6.6h4.044V-7.992H6.768v-2.16h-1.5v2.16H3.42c.2-.552.4-1.116.564-1.692l-1.476-.324a10.324%2C10.324%2C0%2C0%2C1-2.124%2C4.3%2C11.348%2C11.348%2C0%2C0%2C1%2C1.284.852A9.89%2C9.89%2C0%2C0%2C0%2C2.784-6.6H5.268v2.112H2.016v1.38H5.268V-.7H.636v1.4H11.424V-.7ZM18.732-4.1v-2.58h2.712V-4.1Zm-4.212%2C0v-2.58h2.7V-4.1Zm4.212-3.984v-2.076H17.22v2.076H13.08V-2.04h1.44V-2.7h2.7V1.044h1.512V-2.7h2.712v.6h1.5V-8.088ZM32.16-6.96a9.036%2C9.036%2C0%2C0%2C0-.768-2.292L30.384-8.9a11.582%2C11.582%2C0%2C0%2C1%2C.708%2C2.34ZM24.768-3.168a8.735%2C8.735%2C0%2C0%2C1-.624%2C2.784%2C9.643%2C9.643%2C0%2C0%2C1%2C1%2C.5%2C10.972%2C10.972%2C0%2C0%2C0%2C.732-3.1Zm2.484.228A9.031%2C9.031%2C0%2C0%2C1%2C27.8-.708l1.008-.324a9.815%2C9.815%2C0%2C0%2C0-.6-2.184Zm-.816-2.136c.2-.276.42-.564.624-.864.12.252.24.516.348.792ZM35.6-.8H30.2V-2.688a7.893%2C7.893%2C0%2C0%2C1%2C.6%2C1.3%2C7.824%2C7.824%2C0%2C0%2C0%2C1.428-2.064V-.972h1.236V-3.54A19.923%2C19.923%2C0%2C0%2C1%2C34.68-1.872l.84-1.1C35.232-3.3%2C34-4.536%2C33.468-5v-.18h1.9v-1.26h-1.9v-.432l.9.348c.312-.612.7-1.572%2C1.044-2.424L34.2-9.36a15.231%2C15.231%2C0%2C0%2C1-.732%2C2.388v-2.94H32.232v3.468H30.444v1.26h1.44A7.939%2C7.939%2C0%2C0%2C1%2C30.2-2.76V-9.7h-1.32v5.6a12.8%2C12.8%2C0%2C0%2C0-.9-2.256l-.9.372C27.6-6.72%2C28.1-7.512%2C28.536-8.22L27.42-8.748c-.264.588-.636%2C1.272-1.032%2C1.956A4.577%2C4.577%2C0%2C0%2C0%2C26-7.284c.42-.684.912-1.608%2C1.332-2.412l-1.188-.456a15.739%2C15.739%2C0%2C0%2C1-.888%2C2.088c-.084-.084-.18-.168-.264-.252l-.7.888a11.437%2C11.437%2C0%2C0%2C1%2C1.4%2C1.716c-.168.252-.324.492-.492.708-.348.012-.66.036-.948.048l.144%2C1.236%2C1.584-.12V1.032h1.2V-3.936l.612-.048a4.656%2C4.656%2C0%2C0%2C1%2C.156.7l.924-.4V1H30.2V.48h5.4Z%22%20transform%3D%22translate(4.616%2015.164)%22%20fill%3D%22%23dc000c%22%2F%3E%3C%2Fsvg%3E") no-repeat left 0;
    background-size: 100% auto;
    width: 0.4422rem;
    height: 0.21rem;
    content: '';
    display: block;
    position: absolute;
    left: 0; }
    @media screen and (min-width: 768px), print {
      .-live .nowOnAirSlick__title > a::before {
        top: 0.02rem;
        bottom: 0;
        margin: auto; } }
    @media screen and (max-width: 767px) {
      .-live .nowOnAirSlick__title > a::before {
        top: 0.15rem;
        left: 0.17rem; } }
.nowOnAirSlick__timeA {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  @media screen and (min-width: 768px), print {
    .nowOnAirSlick__timeA {
      font-size: 0.14rem; } }
  @media screen and (max-width: 767px) {
    .nowOnAirSlick__timeA {
      order: 2;
      font-size: 0.11rem;
      max-width: 2.4rem; } }
  @media screen and (max-width: 767px) {
    .-live .nowOnAirSlick__timeA {
      padding-top: 0.15rem;
      max-width: 1.8rem; } }
@media screen and (min-width: 768px), print {
  .nowOnAirSlick__timeB {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.14rem;
    width: 0.7rem;
    max-width: 0.7rem;
    min-width: 0.7rem; } }

@media screen and (max-width: 767px) {
  .nowOnAirSlick__timeB {
    font-size: 0.11rem;
    margin-right: 0.1rem;
    order: 1; } }

@media screen and (max-width: 767px) {
  .-live .nowOnAirSlick__timeB {
    padding-top: 0.15rem;
    padding-left: 0.5rem; } }

.nowOnAir__arrow {
  cursor: pointer;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .nowOnAir__arrow {
      width: 0.52rem;
      min-width: 0.52rem;
      max-width: 0.52rem; } }
  @media screen and (max-width: 767px) {
    .nowOnAir__arrow {
      width: 0.36rem;
      min-width: 0.36rem;
      max-width: 0.36rem; } }
  .nowOnAir__arrow.-disabled {
    pointer-events: none; }
    .nowOnAir__arrow.-disabled::before {
      opacity: .3; }
  .nowOnAir__arrow.-prev {
    border-right: 1px solid #E5E5E5; }
  .nowOnAir__arrow.-next {
    border-left: 1px solid #E5E5E5; }
    .nowOnAir__arrow.-next::before {
      transform: scale(-1, 1); }
  .nowOnAir__arrow::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M8%2C16A8%2C8%2C0%2C0%2C1%2C2.343%2C2.343%2C8%2C8%2C0%2C1%2C1%2C13.657%2C13.657%2C7.948%2C7.948%2C0%2C0%2C1%2C8%2C16ZM9.813%2C3.378a.335.335%2C0%2C0%2C0-.213.077L4.456%2C7.744a.333.333%2C0%2C0%2C0%2C0%2C.512L9.6%2C12.545a.333.333%2C0%2C0%2C0%2C.547-.257V10.5a.333.333%2C0%2C0%2C0-.128-.263l-2.7-2.1a.166.166%2C0%2C0%2C1%2C0-.263l2.7-2.1a.334.334%2C0%2C0%2C0%2C.128-.263l0-1.791a.336.336%2C0%2C0%2C0-.191-.3A.331.331%2C0%2C0%2C0%2C9.813%2C3.378Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat;
    background-size: 100% auto;
    content: '';
    display: block;
    width: 0.16rem;
    height: 0.16rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }

/* olList
============================================================= */
.olList {
  margin-left: 1.5em; }

/* pager
============================================================= */
/*
<div class="pager">
  <ul>
    <li class="prev"><a href="/report?page=2" rel="prev"></a></li>
    <li><a href="/report?page=1">1</a></li>
    <li><a href="/report?page=2">2</a></li>
    <li class="current">3</li>
    <li><a href="/report?page=4">4</a></li>
    <li><a href="/report?page=5">5</a></li>
    <li class="next"><a href="/report?page=4" rel="next"></a></li>
  </ul>
</div>
*/
.pager ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 1;
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .pager ul {
      margin: 0.8rem auto; } }
  @media screen and (max-width: 767px) {
    .pager ul {
      margin: 0.55rem auto -0.1rem; } }
  .pager ul li {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (min-width: 768px), print {
      .pager ul li {
        font-size: 0.16rem;
        margin: 0 0.1rem;
        width: 0.5rem;
        height: 0.5rem; } }
    @media screen and (max-width: 767px) {
      .pager ul li {
        font-size: 0.13rem;
        margin: 0 0.05rem 0.1rem;
        width: 0.4rem;
        height: 0.4rem; } }
    .pager ul li.current {
      background-color: #999;
      pointer-events: none; }
    .pager ul li.prev a, .pager ul li.next a {
      background-color: transparent; }
      .pager ul li.prev a::before, .pager ul li.next a::before {
        background-color: transparent;
        border-top: 2px solid #dc000c;
        border-left: 2px solid #dc000c;
        content: ''; }
        @media screen and (min-width: 768px), print {
          .pager ul li.prev a::before, .pager ul li.next a::before {
            width: 0.11rem;
            height: 0.11rem; } }
        @media screen and (max-width: 767px) {
          .pager ul li.prev a::before, .pager ul li.next a::before {
            width: 0.09rem;
            height: 0.09rem; } }
    .pager ul li.prev a::before {
      transform: rotate(-45deg); }
    .pager ul li.next a::before {
      transform: rotate(135deg); }
  .pager ul a {
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    text-decoration: none; }
    @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .pager ul a:hover {
        text-decoration: underline; } }
/* pageTop
============================================================= */
.pageTop {
  background-color: #DC000C;
  cursor: pointer;
  position: fixed;
  right: 0;
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.25s;
  z-index: 99; }
  @media screen and (min-width: 768px), print {
    .pageTop {
      bottom: 0.4rem;
      width: 0.7rem;
      height: 0.7rem; } }
  @media screen and (max-width: 767px) {
    .pageTop {
      bottom: 0.2rem;
      width: 0.4rem;
      height: 0.4rem; } }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .pageTop:hover span::after {
      transform: translateY(-0.03rem); } }
  .pageTop.-active {
    opacity: 1;
    pointer-events: all; }
  .pageTop span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative; }
    .pageTop span::after {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.214%22%20height%3D%2212.728%22%20viewBox%3D%220%200%2021.214%2012.728%22%3E%0A%20%20%3Cg%20transform%3D%22translate(-1623.653%20444.513)%20rotate(-45)%22%3E%0A%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%223%22%20rx%3D%221.5%22%20transform%3D%22translate(1454.914%20841.278)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%2215%22%20height%3D%223%22%20rx%3D%221.5%22%20transform%3D%22translate(1466.914%20856.278)%20rotate(-90)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
      background-size: 100% auto;
      content: '';
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
      top: 0;
      margin: auto; }
      @media screen and (min-width: 768px), print {
        .pageTop span::after {
          width: 0.21rem;
          height: 0.21rem; } }
      @media screen and (max-width: 767px) {
        .pageTop span::after {
          width: 0.16rem;
          height: 0.16rem; } }
      @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        .pageTop span::after {
          transition-duration: 0.25s; } }
/* pdfList
============================================================= */
@media screen and (min-width: 768px), print {
  .pdfList:not(.-pcCol2) {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .pdfList:not(.-pcCol2) > .layout__item {
      width: calc((100% - 0.6rem) / 4); }
      .pdfList:not(.-pcCol2) > .layout__item:nth-child(n + 5) {
        margin-top: 0.2rem; }
      .pdfList:not(.-pcCol2) > .layout__item:nth-child(n + 2) {
        margin-left: 0.2rem; }
      .pdfList:not(.-pcCol2) > .layout__item:nth-child(4n - 3) {
        margin-left: 0px; }
      .pdfList:not(.-pcCol2) > .layout__item:nth-child(4n) {
        margin-right: -1%; } }

@media screen and (max-width: 767px) {
  .pdfList:not(.-pcCol2) {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .pdfList:not(.-pcCol2) > .layout__item {
      width: calc((100% - 0.1rem) / 2); }
      .pdfList:not(.-pcCol2) > .layout__item:nth-child(n + 3) {
        margin-top: 0.1rem; }
      .pdfList:not(.-pcCol2) > .layout__item:nth-child(n + 2) {
        margin-left: 0.1rem; }
      .pdfList:not(.-pcCol2) > .layout__item:nth-child(odd) {
        margin-left: 0px; }
      .pdfList:not(.-pcCol2) > .layout__item:nth-child(2n) {
        margin-right: -1%; } }

@media screen and (min-width: 768px), print {
  .pdfList.-pcCol2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .pdfList.-pcCol2 > .layout__item {
      width: calc((100% - 0.2rem) / 2); }
      .pdfList.-pcCol2 > .layout__item:nth-child(n + 3) {
        margin-top: 0.2rem; }
      .pdfList.-pcCol2 > .layout__item:nth-child(n + 2) {
        margin-left: 0.2rem; }
      .pdfList.-pcCol2 > .layout__item:nth-child(odd) {
        margin-left: 0px; }
      .pdfList.-pcCol2 > .layout__item:nth-child(2n) {
        margin-right: -1%; } }

.pdfList__item a {
  padding-left: 0.05rem;
  padding-right: 0.05rem;
  width: 100%; }
  .pdfList__item a > span {
    padding-left: 0.34rem; }
    @media screen and (min-width: 768px), print {
      .pdfList__item a > span {
        font-size: 0.16rem; } }
    .pdfList__item a > span::before {
      display: none; }
    .pdfList__item a > span::after {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%20%20%3Cg%20id%3D%22office-file-pdf-1%22%20transform%3D%22translate(0%200)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M.326.025C.221-.021%2C0-.023%2C0%2C.189V4.167a.238.238%2C0%2C0%2C0%2C.327.21A2.375%2C2.375%2C0%2C0%2C0%2C1.75%2C2.2%2C2.375%2C2.375%2C0%2C0%2C0%2C.327.025Z%22%20transform%3D%22translate(8.125%2012.297)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M.875%2C0H.252A.252.252%2C0%2C0%2C0%2C0%2C.252V1.5a.252.252%2C0%2C0%2C0%2C.252.252H.875A.875.875%2C0%2C1%2C0%2C.875%2C0Z%22%20transform%3D%22translate(3.125%2012.123)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M17%2C11H1a1%2C1%2C0%2C0%2C1-1-1V1A1%2C1%2C0%2C0%2C1%2C1%2C0H17a1%2C1%2C0%2C0%2C1%2C1%2C1v9A1%2C1%2C0%2C0%2C1%2C17%2C11ZM13.5%2C1.873A1.629%2C1.629%2C0%2C0%2C0%2C11.875%2C3.5v5a.625.625%2C0%2C1%2C0%2C1.25%2C0V6.375a.252.252%2C0%2C0%2C1%2C.252-.252H14.5a.625.625%2C0%2C1%2C0%2C0-1.25H13.377a.252.252%2C0%2C0%2C1-.252-.252V3.5a.376.376%2C0%2C0%2C1%2C.375-.375h2a.625.625%2C0%2C1%2C0%2C0-1.25Zm-11%2C0a.626.626%2C0%2C0%2C0-.626.625v6a.625.625%2C0%2C1%2C0%2C1.25%2C0V6.375a.252.252%2C0%2C0%2C1%2C.252-.252H4A2.124%2C2.124%2C0%2C1%2C0%2C4%2C1.875Zm5%2C0a.626.626%2C0%2C0%2C0-.625.626v6a.626.626%2C0%2C0%2C0%2C.625.626%2C3.625%2C3.625%2C0%2C0%2C0%2C0-7.25Z%22%20transform%3D%22translate(0%209)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-4%22%20data-name%3D%22Shape%22%20d%3D%22M19.707%2C5.705%2C14.293.291A1%2C1%2C0%2C0%2C0%2C13.585%2C0H2A2%2C2%2C0%2C0%2C0%2C0%2C2V7.75A.25.25%2C0%2C0%2C0%2C.25%2C8h1.5A.25.25%2C0%2C0%2C0%2C2%2C7.748V2.5A.5.5%2C0%2C0%2C1%2C2.5%2C2H12.75a.25.25%2C0%2C0%2C1%2C.25.25V5a2%2C2%2C0%2C0%2C0%2C2%2C2h2.75a.25.25%2C0%2C0%2C1%2C.25.25V21.5a.5.5%2C0%2C0%2C1-.5.5H2.25A.25.25%2C0%2C0%2C1%2C2%2C21.75v-.5A.248.248%2C0%2C0%2C0%2C1.751%2C21H.25a.25.25%2C0%2C0%2C0-.25.25V22a2%2C2%2C0%2C0%2C0%2C2%2C2H18a2%2C2%2C0%2C0%2C0%2C2-2V6.412A1%2C1%2C0%2C0%2C0%2C19.707%2C5.705Z%22%20transform%3D%22translate(4%200)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      background-size: 100% auto;
      content: '';
      width: 0.24rem;
      height: 0.24rem;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; }

@media screen and (max-width: 767px) {
  .-pcCol2 .pdfList__item:not(:last-child) {
    margin-bottom: 0.15rem; } }

/* present
============================================================= */
.present {
  background-color: #F5F5F5;
  padding-bottom: 1rem;
  position: relative; }

@media screen and (max-width: 767px) {
  .present__main {
    position: relative; } }

.present__main img {
  width: 100%; }

.present__main + * {
  margin-top: 0.6rem; }

.present__inner {
  position: absolute; }
  @media screen and (min-width: 768px), print {
    .present__inner {
      width: 100%;
      left: 0;
      right: 0;
      top: 0;
      z-index: 1;
      margin: auto;
      display: flex;
      justify-content: center;
      align-items: flex-end;
      aspect-ratio: 1500 / 280; } }
  @media screen and (max-width: 767px) {
    .present__inner {
      padding: 0.54rem 0.45rem 0 0.45rem;
      top: 0;
      left: 0; } }
@media screen and (min-width: 768px), print {
  .present__innerBody {
    padding-bottom: 0.55rem;
    margin-left: 0.43rem; } }

@media screen and (max-width: 767px) {
  .present__innerBody {
    margin-top: 0.3rem; } }

.present__charactor {
  display: block; }
  @media screen and (min-width: 768px), print {
    .present__charactor {
      width: 3.4rem; } }
  @media screen and (max-width: 767px) {
    .present__charactor {
      width: 2.6rem;
      margin-left: auto;
      margin-right: auto; } }
.present__mainTitle {
  color: #dc000c;
  font-weight: 900;
  line-height: 1; }
  @media screen and (min-width: 768px), print {
    .present__mainTitle {
      font-size: 0.7rem; } }
  @media screen and (max-width: 767px) {
    .present__mainTitle {
      font-size: 0.5rem;
      text-align: center; } }
.present__mainText {
  font-weight: 500; }
  @media screen and (min-width: 768px), print {
    .present__mainText {
      font-size: 0.15rem;
      line-height: 1.4666666667;
      margin-top: 0.21rem; } }
  @media screen and (max-width: 767px) {
    .present__mainText {
      font-size: 0.16rem;
      line-height: 1.375;
      margin-top: 0.2rem; }
      .present__mainText br {
        display: none; } }
@media screen and (min-width: 768px), print {
  .present__list {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

@media screen and (min-width: 768px), print {
  .present__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -0.2rem; } }

@media screen and (max-width: 767px) {
  .present__list {
    padding: 0 0.2rem; } }

.present__listItem {
  background: #fff; }
  @media screen and (min-width: 768px), print {
    .present__listItem {
      margin-bottom: 0.2rem;
      width: 6.4rem; } }
  @media screen and (max-width: 767px) {
    .present__listItem:not(:last-child) {
      margin-bottom: 0.2rem; } }
.present__listLink {
  text-decoration: none; }
  @media screen and (min-width: 768px), print {
    .present__listLink {
      display: flex;
      padding: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .present__listLink {
      display: block;
      padding: 0.4rem 0.1rem 0.5rem; } }
.present__listImage {
  background: url(img/bg_present.jpg) no-repeat left 0;
  background-size: 100% auto; }
  @media screen and (min-width: 768px), print {
    .present__listImage {
      width: 2.5rem;
      height: 2.5rem;
      margin-right: 0.45rem;
      padding: 0.1rem; } }
  @media screen and (max-width: 767px) {
    .present__listImage {
      width: 3.34rem;
      height: 3.34rem;
      padding: 0.2rem;
      margin-left: auto;
      margin-right: auto; } }
  .present__listImage > span {
    display: block;
    position: relative; }
    @media screen and (min-width: 768px), print {
      .present__listImage > span {
        width: 2.3rem;
        height: 2.3rem; } }
    @media screen and (max-width: 767px) {
      .present__listImage > span {
        width: 2.94rem;
        height: 2.94rem; } }
.present__listContens {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .present__listContens {
      flex: 1;
      padding-top: 0.45rem; } }
  @media screen and (max-width: 767px) {
    .present__listContens {
      margin-top: 0.3rem;
      padding: 0 0.3rem; } }
.present__number {
  background-color: #dc000c;
  border-radius: 50%;
  width: 0.6rem;
  height: 0.6rem;
  line-height: 1;
  color: #fff;
  padding: 0.06rem 0; }
  .present__number > span {
    display: block;
    text-align: center; }
    .present__number > span:nth-child(1) {
      font-size: 0.25rem;
      font-weight: 700; }
    .present__number > span:nth-child(2) {
      font-size: 0.14rem;
      font-weight: 500;
      margin-top: 0.02rem; }
  .present__listContens .present__number {
    position: absolute; }
    @media screen and (min-width: 768px), print {
      .present__listContens .present__number {
        right: 0;
        top: 0; } }
    @media screen and (max-width: 767px) {
      .present__listContens .present__number {
        right: 0.32rem;
        top: -0.6rem; } }
@media screen and (min-width: 768px), print {
  .present__listDate {
    font-size: 0.13rem; } }

.present__listDate > span {
  border: 1px solid #dc000c;
  color: #dc000c;
  display: inline-block;
  line-height: 1;
  padding: 0.07rem 0.12rem; }

.present__listTitle {
  font-weight: 400; }
  @media screen and (min-width: 768px), print {
    .present__listTitle {
      margin-top: 0.1rem;
      padding-right: 0.35rem; } }
  @media screen and (max-width: 767px) {
    .present__listTitle {
      font-size: 0.16rem;
      margin-top: 0.17rem; } }
@media screen and (min-width: 768px), print {
  .present__listButton {
    margin-top: 0.16rem; } }

@media screen and (max-width: 767px) {
  .present__listButton {
    margin-top: 0.27rem; } }

@media screen and (min-width: 768px), print {
  .present__listButton .button {
    min-width: 2.21rem; } }

/* presentDetail
============================================================= */
.presentDetail {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .presentDetail {
      padding: 0.3rem 0 1rem; } }
  @media screen and (max-width: 767px) {
    .presentDetail {
      padding: 0.2rem 0 1rem; } }
@media screen and (min-width: 768px), print {
  .presentDetail__inner {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

@media screen and (max-width: 767px) {
  .presentDetail__inner {
    padding: 0 0.2rem; } }

@media screen and (min-width: 768px), print {
  .presentDetail__contents {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

.presentDetail__head {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .presentDetail__head {
      display: flex;
      align-items: center;
      padding: 0.8rem 1rem; } }
  @media screen and (max-width: 767px) {
    .presentDetail__head {
      padding: 0.4rem 0.2rem 0.5rem; } }
  @media screen and (min-width: 768px), print {
    .presentDetail__head + * {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .presentDetail__head + * {
      margin-top: 0.2rem; } }
@media screen and (min-width: 768px), print {
  .presentDetail__headImage {
    background: url(img/bg_present_l.jpg) repeat left 0;
    background-size: 100% auto;
    width: 5rem;
    height: 5rem;
    padding: 0.3rem;
    margin-right: 0.7rem; } }

@media screen and (max-width: 767px) {
  .presentDetail__headImage {
    background: url(img/bg_present.jpg) repeat left 0;
    background-size: 100% auto;
    width: 3.34rem;
    height: 3.34rem;
    padding: 0.2rem; } }

@media screen and (max-width: 767px) {
  .presentDetail__headImage + * {
    margin-top: 0.3rem; } }

.presentDetail__headImageInner {
  display: block;
  width: 100%;
  height: 100%; }

.presentDetail__headContents {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .presentDetail__headContents {
      flex: 1;
      padding-top: 0.28rem; } }
.presentDetail__headDate {
  color: #dc000c;
  line-height: 1; }
  @media screen and (min-width: 768px), print {
    .presentDetail__headDate {
      font-size: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .presentDetail__headDate {
      font-size: 0.13rem; } }
  .presentDetail__headDate > span {
    border: 1px solid #dc000c;
    display: inline-block;
    padding: 0.07rem 0.12rem 0.08rem; }
  @media screen and (min-width: 768px), print {
    .presentDetail__headDate + * {
      margin-top: 0.26rem; } }
  @media screen and (max-width: 767px) {
    .presentDetail__headDate + * {
      margin-top: 0.17rem; } }
.presentDetail__headTitle {
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .presentDetail__headTitle {
      font-size: 0.28rem;
      line-height: 1.6071428571; } }
  @media screen and (max-width: 767px) {
    .presentDetail__headTitle {
      font-size: 0.2rem;
      line-height: 1.7; } }
  @media screen and (min-width: 768px), print {
    .presentDetail__headTitle + * {
      margin-top: 0.15rem; } }
  @media screen and (max-width: 767px) {
    .presentDetail__headTitle + * {
      margin-top: 0.24rem; } }
@media screen and (max-width: 767px) {
  .presentDetail__headText {
    font-size: 0.16rem; } }

.presentDetail__headNote {
  line-height: 1.625;
  margin-top: 0.21rem; }
  @media screen and (max-width: 767px) {
    .presentDetail__headNote {
      font-size: 0.16rem; } }
@media screen and (min-width: 768px), print {
  .presentDetail__headSns {
    margin-top: 0.28rem; } }

@media screen and (max-width: 767px) {
  .presentDetail__headSns {
    margin-top: 0.4rem; } }

.presentDetail__headNumber {
  background-color: #dc000c;
  border-radius: 50%;
  line-height: 1;
  color: #fff;
  position: absolute; }
  @media screen and (min-width: 768px), print {
    .presentDetail__headNumber {
      padding: 0.15rem 0;
      width: 1rem;
      height: 1rem;
      right: 0;
      top: -0.62rem; } }
  @media screen and (max-width: 767px) {
    .presentDetail__headNumber {
      padding: 0.06rem 0;
      width: 0.6rem;
      height: 0.6rem;
      right: 0;
      top: -0.6rem; } }
  .presentDetail__headNumber > span {
    display: block;
    text-align: center; }
    .presentDetail__headNumber > span:nth-child(1) {
      font-weight: 700; }
      @media screen and (min-width: 768px), print {
        .presentDetail__headNumber > span:nth-child(1) {
          font-size: 0.35rem; } }
      @media screen and (max-width: 767px) {
        .presentDetail__headNumber > span:nth-child(1) {
          font-size: 0.25rem; } }
    .presentDetail__headNumber > span:nth-child(2) {
      font-weight: 500; }
      @media screen and (min-width: 768px), print {
        .presentDetail__headNumber > span:nth-child(2) {
          font-size: 0.18rem;
          margin-top: 0.04rem; } }
      @media screen and (max-width: 767px) {
        .presentDetail__headNumber > span:nth-child(2) {
          font-size: 0.14rem;
          margin-top: 0.02rem; } }
.presentDetail__form {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .presentDetail__form {
      padding: 0.55rem 1.5rem 0.6rem; } }
  @media screen and (max-width: 767px) {
    .presentDetail__form {
      padding: 0.5rem 0.2rem; } }
.presentDetail__formTitle {
  font-size: 0.18rem;
  line-height: 1.2;
  text-align: center; }
  .presentDetail__formTitle + * {
    margin-top: 0.45rem; }

@media screen and (min-width: 768px), print {
  .presentDetail__formText {
    text-align: center; } }

@media screen and (max-width: 767px) {
  .presentDetail__formText {
    font-size: 0.16rem; } }

@media screen and (min-width: 768px), print {
  .presentDetail__formText + * {
    margin-top: 0.5rem; } }

@media screen and (max-width: 767px) {
  .presentDetail__formText + * {
    margin-top: 0.38rem; } }

/* program
============================================================= */
.program {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .program {
      padding: 0.6rem 0 1rem; } }
  @media screen and (max-width: 767px) {
    .program {
      padding: 0.3rem 0.2rem 0.6rem; } }
@media screen and (min-width: 768px), print {
  .program__contents {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

/* programList
============================================================= */
.programList {
  border: 1px solid #E7E7E7;
  border-radius: 0.05rem;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05);
  padding: 0.1rem;
  display: flex;
  flex-wrap: wrap; }

.programList__item {
  border-right: 1px solid #E7E7E7; }
  @media screen and (min-width: 768px), print {
    .programList__item {
      width: calc(100% / 8); }
      .programList__item:nth-child(8n) {
        border-color: transparent; }
      .programList__item:nth-child(n + 9) {
        border-top: 1px solid #E7E7E7; } }
  @media screen and (max-width: 767px) {
    .programList__item {
      width: calc(100% / 4); }
      .programList__item:nth-child(4n) {
        border-color: transparent; }
      .programList__item:nth-child(n + 5) {
        border-top: 1px solid #E7E7E7; } }
.programList__link {
  background-color: #fff;
  border-radius: 0.05rem;
  color: #181818;
  display: block;
  text-decoration: none;
  padding-bottom: 0.09rem; }
  @media screen and (min-width: 768px), print {
    .programList__link {
      padding-top: 0.14rem; } }
  @media screen and (max-width: 767px) {
    .programList__link {
      padding-top: 0.12rem; } }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .programList__link {
      transition-duration: 0.25s;
      transform-origin: center center; }
      .programList__link:hover {
        box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.08);
        transform: scale(1.2); } }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .programList__item:nth-child(-n + 8) .programList__link {
      transform-origin: center 65%; } }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .programList__item:nth-child(n + 9) .programList__link {
      transform-origin: center 35%; } }
.programList__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.56rem; }
  .programList__icon img {
    width: 0.4rem; }
  .programList__icon.-fighters img {
    width: 0.53rem; }
  .programList__icon.-wrestling img {
    width: 0.3rem; }
  .programList__icon.-marine img {
    width: 0.475rem; }
  .programList__icon.-season img {
    width: 0.5rem; }
  .programList__icon.-drama img {
    width: 0.4rem; }
  .programList__icon.-winter img {
    width: 0.42rem; }
  .programList__icon.-do img {
    width: 0.52rem; }
  .programList__icon.-extra img {
    width: 0.57rem; }

.programList__label {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .programList__label {
      font-size: 0.13rem;
      height: 0.28rem;
      margin-top: 0.03rem; } }
  @media screen and (max-width: 767px) {
    .programList__label {
      font-size: 0.12rem;
      height: 0.27rem;
      margin-top: 0.03rem; } }
/* programNavi
============================================================= */
.programNavi {
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0.7rem;
  width: 100%;
  height: auto;
  z-index: 98; }
  @media screen and (min-width: 768px), print {
    .programNavi {
      min-height: 4rem;
      padding: 0.4rem 0; } }
  @media screen and (max-width: 767px) {
    .programNavi {
      display: none !important; } }
  @media screen and (min-width: 768px), print {
    .programNavi::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22268%22%20height%3D%22192.655%22%20viewBox%3D%220%200%20268%20192.655%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2535%22%20data-name%3D%22%E3%83%91%E3%82%B9%202535%22%20d%3D%22M1390.073%2C117.323V309.978h-268Z%22%20transform%3D%22translate(-1122.073%20-117.323)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      content: '';
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 0;
      width: 2.68rem;
      height: 1.9265rem; } }
  .-programOpen .programNavi {
    opacity: 1;
    pointer-events: inherit; }
  .-programOpen #header + form {
    position: relative;
    z-index: 101; }
  #topPage .programNavi {
    display: none !important; }

.programNavi__inner {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 768px), print {
    .programNavi__inner {
      display: flex;
      justify-content: space-between;
      margin-left: auto;
      margin-right: auto;
      width: 13.28rem; } }
@media screen and (min-width: 768px), print {
  .programNavi__search {
    width: 9rem; } }

@media screen and (max-width: 767px) {
  .programNavi__search + * {
    margin-top: 0.23rem; } }

@media screen and (min-width: 768px), print {
  .programNavi__searchHead {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .programNavi__searchHead > div {
      display: flex;
      align-items: center; } }

@media screen and (max-width: 767px) {
  .programNavi__searchHead {
    padding: 0.3rem 0.3rem 0; } }

@media screen and (min-width: 768px), print {
  .programNavi__searchHead + * {
    margin-top: 0.2rem; } }

@media screen and (max-width: 767px) {
  .programNavi__searchHead + * {
    margin-top: 0.3rem; } }

.programNavi__searchInput {
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05);
  position: relative; }
  @media screen and (min-width: 768px), print {
    .programNavi__searchInput {
      margin-right: 0.2rem; } }
  .programNavi__searchInput > input {
    border-radius: 0.05rem;
    border: 1px solid #E7E7E7 !important;
    padding: 0.2rem 0.75rem 0.2rem 0.2rem !important; }
    @media screen and (min-width: 768px), print {
      .programNavi__searchInput > input {
        width: 3.7rem; } }
  .programNavi__searchInput > button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 0.6rem;
    height: 100%; }
    .programNavi__searchInput > button span {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220.847%22%20viewBox%3D%220%200%2020%2020.847%22%3E%0A%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M18.462%2C20.847a1.5%2C1.5%2C0%2C0%2C1-1.071-.452l-3.868-4.021a.361.361%2C0%2C0%2C0-.462-.049%2C8.229%2C8.229%2C0%2C0%2C1-4.552%2C1.382%2C8.342%2C8.342%2C0%2C0%2C1-6.641-3.322A9.115%2C9.115%2C0%2C0%2C1%2C2.5%2C2.583a8.249%2C8.249%2C0%2C0%2C1%2C11.331-.626%2C9.092%2C9.092%2C0%2C0%2C1%2C1.829%2C11.666.4.4%2C0%2C0%2C0%2C.046.481l3.862%2C4.021a1.661%2C1.661%2C0%2C0%2C1-.019%2C2.251A1.5%2C1.5%2C0%2C0%2C1%2C18.462%2C20.847ZM8.515%2C3.264A5.515%2C5.515%2C0%2C0%2C0%2C3.122%2C8.881%2C5.516%2C5.516%2C0%2C0%2C0%2C8.515%2C14.5a5.516%2C5.516%2C0%2C0%2C0%2C5.393-5.619A5.515%2C5.515%2C0%2C0%2C0%2C8.515%2C3.264Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center;
      background-size: 0.2rem auto;
      display: block;
      width: 0.2rem;
      height: 0.22rem;
      margin-left: auto;
      margin-right: auto; }

@media screen and (min-width: 768px), print {
  .programNavi__searchToProgram {
    text-align: center;
    width: 2rem; } }

@media screen and (max-width: 767px) {
  .programNavi__searchToProgram {
    font-size: 0.16rem;
    margin-top: 0.2rem; } }

.programNavi__searchToProgram a {
  background-color: #fff;
  border: 1px solid #E7E7E7;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05);
  border-radius: 0.05rem;
  color: #181818;
  display: block;
  line-height: 1;
  height: 0.6rem; }
  @media screen and (min-width: 768px), print {
    .programNavi__searchToProgram a {
      padding: 0.2rem 0.1rem; } }
  @media screen and (max-width: 767px) {
    .programNavi__searchToProgram a {
      padding: 0.2rem 0.15rem; } }
  .programNavi__searchToProgram a > span {
    display: inline-block;
    padding-left: 0.29rem;
    position: relative; }
    .programNavi__searchToProgram a > span::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024%22%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207%22%20transform%3D%22translate(1.2%20-5.6)%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_15%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2015%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(0%209.2)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_19%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2019%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(6.4%2013.6)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_22%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2022%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(12.8%209.2)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_17%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2017%22%20width%3D%224.8%22%20height%3D%228%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_18%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2018%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(6.4%204.4)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(12.8)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_16%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2016%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(0%2018.4)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_20%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2020%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(6.4%2022.8)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023%22%20width%3D%224.8%22%20height%3D%228%22%20transform%3D%22translate(12.8%2018.4)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      background-size: 100% auto;
      content: '';
      width: 0.2rem;
      height: 0.2rem;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; }

.programNavi__searchTitle {
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .programNavi__searchTitle {
      font-size: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .programNavi__searchTitle {
      display: none; } }
  .programNavi__searchTitle > span {
    position: relative; }
    @media screen and (min-width: 768px), print {
      .programNavi__searchTitle > span {
        padding-left: 0.56rem; } }
    .programNavi__searchTitle > span::before {
      background: url(img/icon_charactor_search.png) no-repeat left 0;
      background-size: 100% auto;
      content: '';
      display: block;
      width: 0.38rem;
      height: 0.475rem;
      position: absolute;
      left: 0.08rem;
      top: -0.04rem;
      bottom: 0;
      margin: auto; }

@media screen and (max-width: 767px) {
  .programNavi__searchList {
    display: none !important; } }

@media screen and (min-width: 768px), print {
  .programNavi__searchSpList {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .programNavi__searchSpList {
    display: flex;
    padding: 0 0.2rem; } }

@media screen and (max-width: 767px) {
  .programNavi__searchSpListItem {
    box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05); }
    .programNavi__searchSpListItem:not(:last-child) {
      margin-right: 0.22rem; }
    .programNavi__searchSpListItem > a {
      border: 1px solid #E7E7E7;
      color: #181818;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-end;
      text-decoration: none;
      line-height: 1;
      width: 1.1rem;
      height: 1.1rem;
      padding-bottom: 0.16rem; } }

@media screen and (max-width: 767px) {
  .programNavi__searchSpListIcon {
    font-size: 0;
    display: block;
    width: 100%;
    height: 0.45rem;
    margin-bottom: 0.12rem;
    position: relative; }
    .programNavi__searchSpListIcon::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      margin: auto; }
    .programNavi__searchSpListIcon.-program::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_24%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2024%22%20width%3D%2240%22%20height%3D%2240%22%20transform%3D%22translate(44%20751)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202%22%20transform%3D%22translate(-44%20-751)%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207%22%20transform%3D%22translate(46.4%20739.8)%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_15%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2015%22%20width%3D%229.6%22%20height%3D%2216%22%20transform%3D%22translate(0%2018.4)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_19%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2019%22%20width%3D%229.6%22%20height%3D%2216%22%20transform%3D%22translate(12.8%2027.2)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_22%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2022%22%20width%3D%229.6%22%20height%3D%2216%22%20transform%3D%22translate(25.6%2018.4)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_17%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2017%22%20width%3D%229.6%22%20height%3D%2216%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_18%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2018%22%20width%3D%229.6%22%20height%3D%2216%22%20transform%3D%22translate(12.8%208.8)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_21%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2021%22%20width%3D%229.6%22%20height%3D%2216%22%20transform%3D%22translate(25.6)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_16%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2016%22%20width%3D%229.6%22%20height%3D%2216%22%20transform%3D%22translate(0%2036.8)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_20%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2020%22%20width%3D%229.6%22%20height%3D%2216%22%20transform%3D%22translate(12.8%2045.6)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_23%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2023%22%20width%3D%229.6%22%20height%3D%2216%22%20transform%3D%22translate(25.6%2036.8)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      background-size: 100% auto;
      width: 0.4rem;
      height: 0.4rem; }
    .programNavi__searchSpListIcon.-search::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2243%22%20height%3D%2244.658%22%20viewBox%3D%220%200%2043%2044.658%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_17%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2017%22%20transform%3D%22translate(-181%20-644.726)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M21.442%2C24.212a1.745%2C1.745%2C0%2C0%2C1-1.244-.525l-4.492-4.67a.419.419%2C0%2C0%2C0-.537-.057%2C9.557%2C9.557%2C0%2C0%2C1-5.287%2C1.6%2C9.689%2C9.689%2C0%2C0%2C1-7.713-3.858A10.587%2C10.587%2C0%2C0%2C1%2C2.906%2C3a9.58%2C9.58%2C0%2C0%2C1%2C13.16-.727A10.56%2C10.56%2C0%2C0%2C1%2C18.19%2C15.823a.463.463%2C0%2C0%2C0%2C.054.559l4.485%2C4.67a1.929%2C1.929%2C0%2C0%2C1-.022%2C2.614A1.739%2C1.739%2C0%2C0%2C1%2C21.442%2C24.212ZM9.889%2C3.791a6.4%2C6.4%2C0%2C0%2C0-6.264%2C6.524A6.406%2C6.406%2C0%2C0%2C0%2C9.889%2C16.84a6.406%2C6.406%2C0%2C0%2C0%2C6.264-6.525A6.4%2C6.4%2C0%2C0%2C0%2C9.889%2C3.791Z%22%20transform%3D%22translate(181%20665.173)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M.752%2C14.729a1.535%2C1.535%2C0%2C0%2C0%2C1.493-.017L12.707%2C8.679a1.4%2C1.4%2C0%2C0%2C0%2C0-2.444L2.244.2A1.535%2C1.535%2C0%2C0%2C0%2C.752.185%2C1.415%2C1.415%2C0%2C0%2C0%2C0%2C1.425V13.489a1.415%2C1.415%2C0%2C0%2C0%2C.752%2C1.24Z%22%20transform%3D%22translate(202.523%20655.911)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M31.169%2C5.593%2C26.847%2C1.087A3.508%2C3.508%2C0%2C0%2C0%2C24.316%2C0H3.58A3.656%2C3.656%2C0%2C0%2C0%2C0%2C3.729v13.61a.446.446%2C0%2C0%2C0%2C.4.449%2C12.081%2C12.081%2C0%2C0%2C1%2C2.6.576.419.419%2C0%2C0%2C0%2C.4-.053.457.457%2C0%2C0%2C0%2C.186-.368V4.195a.474.474%2C0%2C0%2C1%2C.131-.33.437.437%2C0%2C0%2C1%2C.317-.136h20.1a.437.437%2C0%2C0%2C1%2C.317.136l4.059%2C4.226a.478.478%2C0%2C0%2C1%2C.131.33v25.6a.457.457%2C0%2C0%2C1-.447.466H11.422a.434.434%2C0%2C0%2C0-.412.315%2C13.221%2C13.221%2C0%2C0%2C1-.746%2C1.881.576.576%2C0%2C0%2C0%2C.127.559l.687.714a.834.834%2C0%2C0%2C0%2C.6.261h16.96a3.656%2C3.656%2C0%2C0%2C0%2C3.58-3.729V8.229A3.809%2C3.809%2C0%2C0%2C0%2C31.169%2C5.593Z%22%20transform%3D%22translate(191.784%20644.726)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      background-size: 100% auto;
      width: 0.43rem;
      height: 0.4466rem; }
    .programNavi__searchSpListIcon.-present::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Social-Medias-Rewards-Rating_Gifts_gift-box-1%22%20data-name%3D%22Social-Medias-Rewards-Rating%20%2F%20Gifts%20%2F%20gift-box-1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244.517%22%20height%3D%2241%22%20viewBox%3D%220%200%2044.517%2041%22%3E%0A%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%3Cg%20id%3D%22gift-box-1%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M24.035%2C18.874H15.552a.472.472%2C0%2C0%2C1-.472-.472V10.391H12.252V18.4a.472.472%2C0%2C0%2C1-.472.472H3.3a3.34%2C3.34%2C0%2C0%2C1-3.3-3.3V13.689a3.306%2C3.306%2C0%2C0%2C1%2C3.3-3.3h6.8A12.4%2C12.4%2C0%2C0%2C1%2C5.761%2C8.308a4.8%2C4.8%2C0%2C0%2C1%2C6.786-6.786%2C6.674%2C6.674%2C0%2C0%2C1%2C1.13%2C1.856%2C6.776%2C6.776%2C0%2C0%2C1%2C1.132-1.856A4.8%2C4.8%2C0%2C1%2C1%2C21.6%2C8.308a12.426%2C12.426%2C0%2C0%2C1-4.336%2C2.083h6.776a3.306%2C3.306%2C0%2C0%2C1%2C3.3%2C3.3v1.885A3.338%2C3.338%2C0%2C0%2C1%2C24.035%2C18.874Zm-5.826-15a1.025%2C1.025%2C0%2C0%2C0-.736.309A10.841%2C10.841%2C0%2C0%2C0%2C16.418%2C6.7a11.148%2C11.148%2C0%2C0%2C0%2C2.526-1.067%2C1.035%2C1.035%2C0%2C0%2C0-.012-1.459A1.02%2C1.02%2C0%2C0%2C0%2C18.209%2C3.875ZM9.131%2C3.88a1.032%2C1.032%2C0%2C0%2C0-.74%2C1.751A10.981%2C10.981%2C0%2C0%2C0%2C10.914%2C6.7%2C10.83%2C10.83%2C0%2C0%2C0%2C9.842%2C4.165%2C1.025%2C1.025%2C0%2C0%2C0%2C9.131%2C3.88Z%22%20transform%3D%22translate(8.534%208.931)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M.471%2C0A.471.471%2C0%2C0%2C0%2C0%2C.471V9.9a.471.471%2C0%2C0%2C0%2C.471.471H5.314A3.31%2C3.31%2C0%2C0%2C0%2C8.6%2C7.3L9.09.505A.475.475%2C0%2C0%2C0%2C8.618%2C0Z%22%20transform%3D%22translate(23.614%2030.632)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M9.091.471A.471.471%2C0%2C0%2C0%2C8.62%2C0H.471A.471.471%2C0%2C0%2C0%2C0%2C.505L.488%2C7.3a3.31%2C3.31%2C0%2C0%2C0%2C3.289%2C3.065H8.62A.471.471%2C0%2C0%2C0%2C9.091%2C9.9Z%22%20transform%3D%22translate(11.696%2030.632)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-4%22%20data-name%3D%22Shape%22%20d%3D%22M1.885%2C6.6A1.885%2C1.885%2C0%2C0%2C0%2C3.77%2C4.713V1.885a1.885%2C1.885%2C0%2C0%2C0-3.77%2C0V4.713A1.885%2C1.885%2C0%2C0%2C0%2C1.885%2C6.6Z%22%20transform%3D%22translate(20.315)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-5%22%20data-name%3D%22Shape%22%20d%3D%22M5.195%2C5.193a1.885%2C1.885%2C0%2C0%2C0%2C0-2.665l-2-2A1.885%2C1.885%2C0%2C0%2C0%2C.529%2C3.195l2%2C2A1.885%2C1.885%2C0%2C0%2C0%2C5.195%2C5.193Z%22%20transform%3D%22translate(5.984%205.95)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-6%22%20data-name%3D%22Shape%22%20d%3D%22M4.713%2C0H1.885a1.885%2C1.885%2C0%2C0%2C0%2C0%2C3.77H4.713a1.885%2C1.885%2C0%2C0%2C0%2C0-3.77Z%22%20transform%3D%22translate(0%2020.264)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-7%22%20data-name%3D%22Shape%22%20d%3D%22M5.195.552a1.885%2C1.885%2C0%2C0%2C0-2.665%2C0l-2%2C2A1.885%2C1.885%2C0%2C0%2C0%2C3.195%2C5.216l2-2a1.885%2C1.885%2C0%2C0%2C0%2C0-2.665Z%22%20transform%3D%22translate(32.81%205.927)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape-8%22%20data-name%3D%22Shape%22%20d%3D%22M4.713%2C0H1.885a1.885%2C1.885%2C0%2C0%2C0%2C0%2C3.77H4.713a1.885%2C1.885%2C0%2C0%2C0%2C0-3.77Z%22%20transform%3D%22translate(37.92%2020.264)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      background-size: 100% auto;
      width: 0.4452rem;
      height: 0.41rem; } }

@media screen and (max-width: 767px) {
  .programNavi__searchSpListLabel {
    display: block;
    text-align: center;
    white-space: nowrap;
    width: 100%; } }

@media screen and (min-width: 768px), print {
  .programNavi__appeal {
    padding-top: 0.13rem;
    width: 3.83rem;
    position: relative;
    right: -0.28rem; } }

.programNavi__appealLogo {
  text-align: center; }
  .programNavi__appealLogo img {
    width: 2.56rem; }
  .programNavi__appealLogo + * {
    margin-top: 0.14rem; }

@media screen and (min-width: 768px), print {
  .programNavi__appealImage {
    width: 3.83rem; } }

@media screen and (max-width: 767px) {
  .programNavi__appealImage {
    padding: 0 0.15rem; } }

.programNavi__appealImage img {
  width: 100%; }

@media screen and (min-width: 768px), print {
  .programNavi__appealImage .slick-dots {
    bottom: -0.2rem; } }

@media screen and (max-width: 767px) {
  .programNavi__appealImage .slick-dots {
    bottom: -0.15rem; } }

.programNavi__appealImage .slick-dots .slick-active button {
  background-color: #000 !important; }

/* programNaviIndex
============================================================= */
.programNaviIndex {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .programNaviIndex {
      padding: 0.4rem 0; } }
  @media screen and (max-width: 767px) {
    .programNaviIndex {
      padding-bottom: 0.3rem; } }
  .programNaviIndex::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0; }
    @media screen and (min-width: 768px), print {
      .programNaviIndex::before {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22268%22%20height%3D%22192.655%22%20viewBox%3D%220%200%20268%20192.655%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2535%22%20data-name%3D%22%E3%83%91%E3%82%B9%202535%22%20d%3D%22M1390.073%2C117.323V309.978h-268Z%22%20transform%3D%22translate(-1122.073%20-117.323)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
        background-size: 100% auto;
        width: 2.68rem;
        height: 1.9265rem; } }
    @media screen and (max-width: 767px) {
      .programNaviIndex::before {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22163.488%22%20height%3D%22117.525%22%20viewBox%3D%220%200%20163.488%20117.525%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2535%22%20data-name%3D%22%E3%83%91%E3%82%B9%202535%22%20d%3D%22M1285.562%2C117.323V234.848H1122.073Z%22%20transform%3D%22translate(-1122.073%20-117.323)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
        background-size: 100% auto;
        width: 1.6349rem;
        height: 1.1753rem; } }
.programNaviIndex__inner {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 768px), print {
    .programNaviIndex__inner {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .programNaviIndex__inner {
      display: flex;
      justify-content: space-between; } }
/* sceduleList
============================================================= */
.sceduleList {
  border-top: 1px solid #ccc; }

.sceduleList__item {
  border-bottom: 1px solid #ccc; }
  @media screen and (min-width: 768px), print {
    .sceduleList__item {
      display: flex;
      align-items: stretch; } }
  @media screen and (max-width: 767px) {
    .sceduleList__item {
      padding: 0.15rem 0.05rem 0.16rem; } }
  .sceduleList__item:nth-child(even) {
    background-color: #F5F5F5; }

@media screen and (min-width: 768px), print {
  .sceduleList__dateInner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; } }

.sceduleList__date {
  font-weight: 700;
  line-height: 1;
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .sceduleList__date {
      border-right: 1px solid #ccc;
      width: 1rem;
      padding: 0.2rem 0.16rem;
      min-height: 0.91rem; } }
  @media screen and (max-width: 767px) {
    .sceduleList__date + * {
      margin-top: 0.13rem; } }
@media screen and (max-width: 767px) {
  .sceduleList__dateInner > div {
    display: flex;
    justify-content: center;
    align-items: center; } }

@media screen and (min-width: 768px), print {
  .sceduleList__dateMain {
    font-size: 0.2rem; } }

@media screen and (max-width: 767px) {
  .sceduleList__dateMain {
    font-size: 0.2rem; } }

@media screen and (min-width: 768px), print {
  .sceduleList__dateMain + * {
    margin-top: 0.08rem; } }

@media screen and (min-width: 768px), print {
  .sceduleList__dateSub {
    font-size: 0.13rem; } }

@media screen and (max-width: 767px) {
  .sceduleList__dateSub {
    font-size: 0.12rem;
    margin-left: 0.08rem;
    padding-top: 0.02rem; } }

.sceduleList__dateSub.-sat {
  color: #1A61FF; }

.sceduleList__dateSub.-sun {
  color: #DC000C; }

@media screen and (min-width: 768px), print {
  .sceduleList__program {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    padding: 0.2rem 0.3rem;
    min-height: 0.91rem; } }

@media screen and (min-width: 768px), print {
  .sceduleList__programItem {
    display: flex;
    width: 100%; } }

@media screen and (max-width: 767px) {
  .sceduleList__programItem {
    display: flex; } }

.sceduleList__programItem:not(:last-child) {
  margin-bottom: 0.03rem; }

.sceduleList__programHour {
  font-weight: 700;
  text-align: right;
  width: 2.6em; }
  @media screen and (min-width: 768px), print {
    .sceduleList__programHour {
      margin-right: 0.28rem; } }
  @media screen and (max-width: 767px) {
    .sceduleList__programHour {
      margin-right: 0.22rem; } }
@media screen and (min-width: 768px), print {
  .sceduleList__programContents {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1; } }

.sceduleList__programLink {
  color: #181818; }
  @media screen and (min-width: 768px), print {
    .sceduleList__programLink {
      margin-right: 0.15rem; } }
.sceduleList__programSub {
  color: #aaa;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .sceduleList__programSub {
      font-size: 0.14rem; } }
  @media screen and (max-width: 767px) {
    .sceduleList__programSub {
      font-size: 0.13rem; } }
.sceduleList__programContentsIcon {
  display: flex;
  font-size: 0;
  margin-right: 0.15rem; }
  .sceduleList__programContentsIcon img {
    display: block; }
    @media screen and (min-width: 768px), print {
      .sceduleList__programContentsIcon img {
        width: 0.2rem;
        height: 0.2rem; } }
    @media screen and (max-width: 767px) {
      .sceduleList__programContentsIcon img {
        width: 0.16rem;
        height: 0.16rem; } }
    .sceduleList__programContentsIcon img:not(:last-child) {
      margin-right: 0.03rem; }

/* schedule
============================================================= */
#programTitle {
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    #programTitle {
      font-size: 0.3rem;
      padding-right: 2.8rem; } }
  @media screen and (max-width: 767px) {
    #programTitle {
      font-size: 0.2rem; } }
  @media screen and (min-width: 768px), print {
    #programTitle + * {
      margin-top: 0.2rem; } }
  @media screen and (max-width: 767px) {
    #programTitle + * {
      margin-top: 0.15rem; } }
.ttlRed {
  font-weight: 400;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .ttlRed {
      font-size: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .ttlRed {
      font-size: 0.16rem; } }
.ttlBlack {
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .ttlBlack {
      font-size: 0.18rem;
      margin-top: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .ttlBlack {
      font-size: 0.15rem;
      margin-top: 0.2rem; } }
  .ttlBlack + * {
    margin-top: 0.2rem; }

@media screen and (min-width: 768px), print {
  .programButton {
    position: absolute;
    right: 0.35rem;
    top: 0.5rem;
    bottom: 0;
    margin: auto; } }

@media screen and (max-width: 767px) {
  .programButton {
    width: 2rem;
    margin: 0.2rem auto 0; } }

.notes {
  margin-top: 0.2rem; }

/* search
============================================================= */
.search__head {
  background-color: #f5f5f5; }
  @media screen and (min-width: 768px), print {
    .search__head {
      padding: 0.1rem; } }
  @media screen and (max-width: 767px) {
    .search__head {
      padding: 0.2rem 0.1rem; } }
  .search__head > form {
    display: flex; }
    @media screen and (min-width: 768px), print {
      .search__head > form {
        align-items: center; } }
    @media screen and (max-width: 767px) {
      .search__head > form {
        flex-direction: column; } }
  @media screen and (min-width: 768px), print {
    .search__head + * {
      margin-top: 0.3rem !important; } }
  @media screen and (max-width: 767px) {
    .search__head + * {
      margin-top: 0.2rem !important; } }
.search__head + .selectWrap {
  font-size: 0; }

@media screen and (min-width: 768px), print {
  .search__headSelect {
    margin-right: 0.1rem; } }

@media screen and (max-width: 767px) {
  .search__headSelect {
    order: 1;
    margin-bottom: 0.08rem; } }

@media screen and (min-width: 768px), print {
  .search__headSelect select {
    font-size: 0.14rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem; } }

@media screen and (min-width: 768px), print {
  .search__headInput {
    margin-right: 0.1rem;
    width: 2.4rem; } }

@media screen and (max-width: 767px) {
  .search__headInput {
    order: 2;
    margin-bottom: 0.08rem; } }

@media screen and (min-width: 768px), print {
  .search__headInput input {
    font-size: 0.14rem !important;
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    width: 100% !important; } }

.search__headButton {
  font-size: 0; }
  @media screen and (min-width: 768px), print {
    .search__headButton {
      margin-right: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .search__headButton {
      margin-top: 0.15rem;
      text-align: center;
      order: 4; } }
  .search__headButton .button {
    background-color: #dc000c;
    border: none;
    border-radius: 0.05rem;
    color: #fff;
    padding-bottom: 0.11rem;
    padding-top: 0.11rem; }

.search__headCheckBox {
  font-size: 0; }
  @media screen and (max-width: 767px) {
    .search__headCheckBox {
      order: 3;
      margin-top: 0.08rem; } }
  .search__headCheckBox label {
    font-size: 0.14rem; }

.search__listWrap {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .search__listWrap {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .search__listWrap {
      margin: 0.6rem auto 0;
      padding: 0.5rem 0.8rem; } }
  @media screen and (max-width: 767px) {
    .search__listWrap {
      padding: 0 0.2rem 0.34rem; } }
  @media screen and (min-width: 768px), print {
    .search__listWrap .programList {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .search__listWrap .programList {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .search__listWrap + .search__listWrap {
      margin-top: 0.6rem;
      padding: 0.5rem 0.3rem; } }
/* section
============================================================= */
@media screen and (min-width: 768px), print {
  .section {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

@media screen and (max-width: 767px) {
  .section {
    padding: 0 0.2rem; } }

@media screen and (min-width: 768px), print {
  .section.-margin > *:not(:last-child) {
    margin-bottom: 0.4rem; } }

@media screen and (max-width: 767px) {
  .section.-margin > *:not(:last-child) {
    margin-bottom: 0.3rem; } }

/* servicePage
============================================================= */
.servicePage {
  background-color: #F5F5F5;
  padding-bottom: 1rem; }

@media screen and (max-width: 767px) {
  .servicePage__main {
    position: relative; } }

.servicePage__main img {
  width: 100%; }

@media screen and (min-width: 768px), print {
  .servicePage__main + * {
    margin-top: 0.5rem; } }

@media screen and (max-width: 767px) {
  .servicePage__main + * {
    margin-top: 0.32rem; } }

.servicePage__mainLead {
  font-weight: 700;
  line-height: 1.5;
  text-align: center; }
  @media screen and (min-width: 768px), print {
    .servicePage__mainLead {
      font-size: 0.32rem;
      margin-top: 1.04rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__mainLead {
      font-size: 0.21rem;
      line-height: 1.52;
      margin-top: 0.64rem; } }
@media screen and (min-width: 768px), print {
  .servicePage__mainAttention {
    display: flex;
    justify-content: center;
    margin-top: 0.24rem; } }

@media screen and (max-width: 767px) {
  .servicePage__mainAttention {
    text-align: center;
    margin-top: 0.16rem; } }

.servicePage__mainAttention > span {
  color: #DC000C;
  text-align: center;
  font-size: 0.16rem;
  font-weight: 700;
  list-style: 1.5; }
  @media screen and (min-width: 768px), print {
    .servicePage__mainAttention > span {
      margin-right: 0.24rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__mainAttention > span {
      display: block;
      margin-bottom: 0.08rem; } }
.servicePage__mainAttention > a {
  color: #DC000C;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: underline;
  position: relative;
  top: .1em; }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .servicePage__mainAttention > a:hover {
      text-decoration: none; } }
@media screen and (min-width: 768px), print {
  .servicePage__block {
    width: 13rem;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.32rem; } }

@media screen and (max-width: 767px) {
  .servicePage__block {
    margin-left: 0.24rem;
    margin-right: 0.24rem; } }

.servicePage__blockItem {
  background-color: #fff; }
  @media screen and (min-width: 768px), print {
    .servicePage__blockItem {
      flex: 1;
      padding: 0.64rem 0.4rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__blockItem {
      padding: 0.4rem 0.24rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__blockItem:not(:last-child) {
      margin-bottom: 0.24rem; } }
.servicePage__blocHeadEn {
  text-align: center;
  font-weight: 500;
  text-box-trim: trim-both;
  line-height: 1; }
  @media screen and (min-width: 768px), print {
    .servicePage__blocHeadEn {
      font-size: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__blocHeadEn {
      font-size: 0.16rem; } }
.servicePage__blocHeadTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    .servicePage__blocHeadTitle {
      font-size: 0.24rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__blocHeadTitle {
      font-size: 0.18rem; } }
  .servicePage__blocHeadTitle strong {
    color: #DC000C;
    margin-right: 0.04rem; }
    @media screen and (min-width: 768px), print {
      .servicePage__blocHeadTitle strong {
        font-size: 0.32rem; } }
    @media screen and (max-width: 767px) {
      .servicePage__blocHeadTitle strong {
        font-size: 0.24rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__blocHeadTitle + * {
      margin-top: 0.32rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__blocHeadTitle + * {
      margin-top: 0.24rem; } }
.servicePage__blockList {
  border: 1px solid #D9D9D9; }
  @media screen and (min-width: 768px), print {
    .servicePage__blockList {
      padding: 0.24rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__blockList {
      padding: 0.16rem; } }
.servicePage__blockListItem {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .servicePage__blockListItem {
      padding-bottom: 0.16rem; } }
  .servicePage__blockListItem:not(:last-child) {
    border-bottom: 1px solid #D9D9D9; }
    @media screen and (min-width: 768px), print {
      .servicePage__blockListItem:not(:last-child) {
        margin-bottom: 0.24rem; } }
    @media screen and (max-width: 767px) {
      .servicePage__blockListItem:not(:last-child) {
        margin-bottom: 0.16rem; } }
@media screen and (min-width: 768px), print {
  .servicePage__blockListIcon {
    width: 1rem;
    min-width: 1rem;
    max-width: 1rem; } }

@media screen and (max-width: 767px) {
  .servicePage__blockListIcon {
    width: 0.6rem;
    min-width: 0.6rem;
    max-width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.16rem;
    overflow: hidden; }
    .servicePage__blockListIcon img {
      width: 1rem;
      max-width: 1000%;
      position: relative;
      left: -0.2rem;
      top: -0.2rem; } }

.servicePage__blockListBody {
  flex: 1;
  line-height: 1.33; }
  @media screen and (min-width: 768px), print {
    .servicePage__blockListBody {
      font-size: 0.24rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__blockListBody {
      font-size: 0.18rem; } }
  .servicePage__blockListBody > span {
    display: block;
    padding-top: 0.12rem; }
  @media screen and (min-width: 768px), print {
    .servicePage__blockListBody.-typeA {
      padding-top: 0.12rem; } }
.servicePage__blockArrow {
  display: block;
  text-align: center;
  margin-top: 0.16rem; }
  @media screen and (min-width: 768px), print {
    .servicePage__blockArrow + * {
      margin-top: 0.32rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__blockArrow + * {
      margin-top: 0.24rem; } }
.servicePage__blockFootLogo {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media screen and (min-width: 768px), print {
    .servicePage__blockFootLogo {
      width: 3.44rem;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (min-width: 768px), print {
    .servicePage__blockFootLogo > a:not(:last-child) {
      margin-right: 0.3rem;
      margin-bottom: 0.15rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__blockFootLogo > a:not(:last-child) {
      margin-right: 0.2rem;
      margin-bottom: 0.1rem; } }
  .servicePage__blockFootLogo > a:nth-child(3) {
    margin-right: 0; }
  .servicePage__blockFootLogo > a:nth-child(4) {
    margin-bottom: 0; }

@media screen and (min-width: 768px), print {
  .servicePage__blockFootButton {
    margin-top: 0.48rem; } }

@media screen and (max-width: 767px) {
  .servicePage__blockFootButton {
    margin-top: 0.24rem; } }

@media screen and (max-width: 767px) {
  .servicePage__blockFootButton.-typeA {
    margin-top: 0.475rem !important; } }

.servicePage__blockFootButtonText {
  text-align: center;
  text-box-trim: trim-both; }
  @media screen and (max-width: 767px) {
    .servicePage__blockFootButtonText {
      font-size: 0.16rem; } }
  .servicePage__blockFootButtonText + * {
    margin-top: 0.16rem; }

.servicePage__blockFootButtonMain {
  display: flex;
  justify-content: center; }
  .servicePage__blockFootButtonMain a {
    font-weight: 700;
    width: auto !important; }
    @media screen and (min-width: 768px), print {
      .servicePage__blockFootButtonMain a {
        font-size: 0.21rem;
        padding: 0.2rem 0.4rem; } }
    @media screen and (max-width: 767px) {
      .servicePage__blockFootButtonMain a {
        font-size: 0.16rem;
        padding: 0.24rem 0.24rem; } }
    .servicePage__blockFootButtonMain a img {
      position: relative;
      margin-left: 0.08rem; }
      @media screen and (min-width: 768px), print {
        .servicePage__blockFootButtonMain a img {
          top: 0.05rem; } }
      @media screen and (max-width: 767px) {
        .servicePage__blockFootButtonMain a img {
          top: 0.02rem; } }
.servicePage__blockFootButtonAttention {
  color: #DC000C;
  text-align: center;
  font-weight: 500;
  font-size: 0.14rem;
  text-box-trim: trim-both;
  margin-top: 0.24rem; }

@media screen and (min-width: 768px), print {
  .servicePage__blockInfo {
    width: 12.24rem;
    margin: 1.04rem auto; } }

@media screen and (max-width: 767px) {
  .servicePage__blockInfo {
    margin: 0.84rem auto; } }

.servicePage__blockInfoTitle {
  color: #DC000C;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  text-box-trim: trim-both; }
  @media screen and (min-width: 768px), print {
    .servicePage__blockInfoTitle {
      font-size: 0.32rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__blockInfoTitle {
      font-size: 0.18rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__blockInfoTitle + * {
      margin-top: 0.64rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__blockInfoTitle + * {
      margin-top: 0.32rem; } }
.servicePage__blockInfoBody {
  position: relative; }
  @media screen and (max-width: 767px) {
    .servicePage__blockInfoBody {
      margin-left: 0.24rem;
      margin-right: 0.24rem; } }
.servicePage__blockInfoLink {
  position: absolute;
  z-index: 1;
  font-weight: 500; }
  @media screen and (min-width: 768px), print {
    .servicePage__blockInfoLink {
      font-size: 0.14rem;
      left: 9.99rem;
      bottom: 1.8rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__blockInfoLink {
      font-size: 0.13rem;
      width: 100%;
      left: 0;
      bottom: -0.5rem;
      text-align: center; } }
  .servicePage__blockInfoLink a {
    color: #DC000C; }

.servicePage__navi {
  display: flex; }
  @media screen and (min-width: 768px), print {
    .servicePage__navi {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__navi {
      border: 1px solid #E5E5E5;
      border-radius: 0.05rem;
      box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05);
      background-color: #fff;
      padding: 0.2rem 0; } }
  @media screen and (max-width: 767px) {
    .servicePage__navi {
      margin: 0.2rem 0.2rem -0.14rem 0.2rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__navi {
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media screen and (min-width: 768px), print {
    .servicePage__navi + * {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__navi + * {
      margin-top: 0.4rem; } }
@media screen and (min-width: 768px), print {
  .servicePage__naviItem {
    flex: 1; } }

@media screen and (max-width: 767px) {
  .servicePage__naviItem {
    background-color: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 0.05rem;
    box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05);
    margin-bottom: 0.14rem;
    width: 1.8rem; } }

@media screen and (min-width: 768px), print {
  .servicePage__naviItem:not(:last-child) {
    border-right: 1px solid #E5E5E5; } }

.servicePage__naviItemInner {
  display: flex;
  flex-direction: column;
  height: 100%; }
  @media screen and (min-width: 768px), print {
    .servicePage__naviItemInner {
      text-align: center;
      padding: 0.3rem 0 0.1rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__naviItemInner {
      padding: 0.31rem 0.15rem 0.3rem;
      position: relative; } }
.servicePage__naviImage {
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (min-width: 768px), print {
    .servicePage__naviImage {
      height: 0.41rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__naviImage {
      height: 0.29rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__naviImage.-skper img {
      width: 1.76rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__naviImage.-skper img {
      width: 1.2rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__naviImage.-jcom img {
      width: 1.3rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__naviImage.-jcom img {
      width: 0.905rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__naviImage.-hikari img {
      width: 1.8rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__naviImage.-hikari img {
      width: 1.2289rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__naviImage.-au img {
      width: 1.8rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__naviImage.-au img {
      width: 1.2289rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__naviImage + * {
      margin-top: 0.21rem; } }
.servicePage__naviImageCableTv {
  font-weight: 700;
  line-height: 1; }
  @media screen and (min-width: 768px), print {
    .servicePage__naviImageCableTv {
      font-size: 0.24rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__naviImageCableTv {
      font-size: 0.2rem; } }
.servicePage__naviText {
  font-size: 0.13rem; }
  @media screen and (min-width: 768px), print {
    .servicePage__naviText {
      margin-bottom: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__naviText {
      line-height: 1.5384615385;
      margin-top: 0.13rem;
      margin-bottom: 0.24rem; }
      .servicePage__naviText br {
        display: none; } }
.servicePage__naviLink {
  margin-top: auto; }
  @media screen and (min-width: 768px), print {
    .servicePage__naviLink {
      width: 2rem;
      margin-left: auto;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .servicePage__naviLink a::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; } }
  .servicePage__naviLink .button {
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .servicePage__naviLink .button {
        padding-top: 0.11rem;
        padding-bottom: 0.11rem; } }
.servicePage__feature {
  background-color: #fff;
  box-shadow: 0 0.03rem 0.06rem rgba(0, 0, 0, 0.05); }
  @media screen and (min-width: 768px), print {
    .servicePage__feature {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__feature {
      padding: 0.72rem 1.5rem 0.7rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__feature {
      margin-left: 0.2rem;
      margin-right: 0.2rem;
      padding: 0.5rem 0.2rem 0.58rem; } }
@media screen and (min-width: 768px), print {
  .servicePage__featureTitle {
    display: none; } }

@media screen and (max-width: 767px) {
  .servicePage__featureTitle {
    font-size: 0.18rem;
    font-weight: 700;
    text-align: center; } }

@media screen and (max-width: 767px) {
  .servicePage__featureTitle + * {
    margin-top: 0.44rem; } }

.servicePage__featureTable {
  width: 100%; }
  @media screen and (max-width: 767px) {
    .servicePage__featureTable {
      width: 124% !important;
      white-space: inherit !important;
      line-height: 1.5; }
      .servicePage__featureTable tr > *:nth-child(1) {
        width: 28% !important; }
      .servicePage__featureTable tr > *:nth-child(2) {
        width: 20% !important; }
      .servicePage__featureTable tr > *:nth-child(3), .servicePage__featureTable tr > *:nth-child(4), .servicePage__featureTable tr > *:nth-child(5) {
        width: 17.3333% !important; } }
  .servicePage__featureTable th,
  .servicePage__featureTable td {
    border-bottom: 1px solid #CCC;
    vertical-align: middle; }
    .servicePage__featureTable th:not(:last-child),
    .servicePage__featureTable td:not(:last-child) {
      border-right: 1px solid #CCC; }
  @media screen and (min-width: 768px), print {
    .servicePage__featureTable thead th {
      padding-bottom: 0.22rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__featureTable tbody th,
    .servicePage__featureTable tbody td {
      padding: 0.34rem 0.2rem 0.34rem 0.4rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__featureTable tbody th,
    .servicePage__featureTable tbody td {
      padding: 0.15rem 0.02rem 0.15rem 0.14rem; } }
  .servicePage__featureTable tbody th {
    background-color: #F5F5F5;
    text-align: left; }
    @media screen and (max-width: 767px) {
      .servicePage__featureTable tbody th {
        font-size: 0.12rem; }
        .servicePage__featureTable tbody th br {
          display: none; } }
  .servicePage__featureTable tbody td {
    position: relative; }
    .servicePage__featureTable tbody td.-maru {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-width%3D%228%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2217%22%20fill%3D%22none%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center; }
      @media screen and (min-width: 768px), print {
        .servicePage__featureTable tbody td.-maru {
          background-size: 0.42rem auto; } }
      @media screen and (max-width: 767px) {
        .servicePage__featureTable tbody td.-maru {
          background-size: 0.2rem auto; } }
    .servicePage__featureTable tbody td.-sankaku {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2247%22%20height%3D%2241%22%20viewBox%3D%220%200%2047%2041%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M23.5%2C0%2C47%2C41H0Z%22%20stroke%3D%22none%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M%2023.5%2016.08758544921875%20L%2013.80629730224609%2033%20L%2033.19370269775391%2033%20L%2023.5%2016.08758544921875%20M%2023.5%200%20L%2047%2041%20L%200%2041%20L%2023.5%200%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat center center; }
      @media screen and (min-width: 768px), print {
        .servicePage__featureTable tbody td.-sankaku {
          background-size: 0.47rem auto; } }
      @media screen and (max-width: 767px) {
        .servicePage__featureTable tbody td.-sankaku {
          background-size: 0.2329rem auto; } }
    .servicePage__featureTable tbody td span {
      color: #999;
      font-weight: 700;
      position: absolute;
      line-height: 1; }
      @media screen and (min-width: 768px), print {
        .servicePage__featureTable tbody td span {
          bottom: 0.15rem;
          right: 0.15rem; } }
      @media screen and (max-width: 767px) {
        .servicePage__featureTable tbody td span {
          font-size: 0.13rem;
          bottom: 0.13rem;
          right: 0.09rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__featureTable .iconFeature {
      font-size: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__featureTable .iconFeature {
      display: none; } }
.servicePage__featureTableLogo {
  font-size: 0;
  display: block; }
  @media screen and (min-width: 768px), print {
    .servicePage__featureTableLogo.-skper img {
      width: 1.26rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__featureTableLogo.-skper img {
      width: 0.67rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__featureTableLogo.-jcom img {
      width: 1rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__featureTableLogo.-jcom img {
      width: 0.48rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__featureTableLogo.-cable {
      font-size: 0.18rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__featureTableLogo.-cable {
      font-size: 0.12rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__featureTableLogo.-hikari img {
      width: 1.1rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__featureTableLogo.-hikari img {
      width: 0.58rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__featureTableLogo.-au {
      margin-top: 0.13rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__featureTableLogo.-au {
      margin-top: 0.1rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__featureTableLogo.-au img {
      width: 1.1rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__featureTableLogo.-au img {
      width: 0.58rem; } }
.servicePage__featureNote {
  line-height: 1.5; }
  @media screen and (min-width: 768px), print {
    .servicePage__featureNote {
      margin: 0.28rem 0 0 0.2rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__featureNote {
      margin-top: 0.28rem; } }
  .servicePage__featureNote > li:not(:last-child) {
    margin-bottom: 0.13rem; }

.servicePage__customer {
  background-color: #fff;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .servicePage__customer {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (min-width: 768px), print {
    .servicePage__customer {
      height: 3rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__customer {
      margin-left: 0.2rem;
      margin-right: 0.2rem;
      padding-bottom: 2.12rem; } }
@media screen and (min-width: 768px), print {
  .servicePage__customerInner {
    padding: 0.2rem 0.2rem 0.1rem 5.63rem;
    height: 3rem; } }

.servicePage__customerNote {
  line-height: 1.5;
  font-size: 0.13rem; }
  @media screen and (min-width: 768px), print {
    .servicePage__customerNote {
      margin: 0.08rem 0.34rem 0 0; } }
  @media screen and (max-width: 767px) {
    .servicePage__customerNote {
      margin: 0.08rem 0.2rem 0; } }
  .servicePage__customerNote > li:not(:last-child) {
    margin-bottom: 0.06rem; }

.servicePage__customerImage {
  display: block;
  position: absolute;
  z-index: 0;
  width: 100%; }
  @media screen and (min-width: 768px), print {
    .servicePage__customerImage {
      top: 0;
      left: 0;
      height: 100%; } }
  @media screen and (max-width: 767px) {
    .servicePage__customerImage {
      font-size: 0;
      width: 100%;
      left: 0;
      bottom: 0; } }
  @media screen and (min-width: 768px), print {
    .servicePage__customerImage img {
      width: auto !important;
      height: 100%; } }
.servicePage__customerInner {
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 767px) {
    .servicePage__customerInner {
      padding: 0.38rem 0 0; } }
.servicePage__customerTitle {
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .servicePage__customerTitle {
      font-size: 0.25rem;
      line-height: 1.2; } }
  @media screen and (max-width: 767px) {
    .servicePage__customerTitle {
      font-size: 0.22rem;
      text-align: center;
      line-height: 1.3636363636; } }
.servicePage__customerHour {
  font-weight: 700;
  line-height: 1.2; }
  @media screen and (min-width: 768px), print {
    .servicePage__customerHour {
      margin-top: 0.08rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__customerHour {
      font-size: 0.13rem;
      margin-top: 0.16rem;
      text-align: center; } }
.servicePage__customerTel {
  line-height: 1;
  font-weight: 900; }
  @media screen and (min-width: 768px), print {
    .servicePage__customerTel {
      font-size: 0.5rem;
      margin-top: 0.27rem; } }
  @media screen and (max-width: 767px) {
    .servicePage__customerTel {
      font-size: 0.34rem;
      margin-top: 0.25rem;
      text-align: center; } }
  .servicePage__customerTel > a,
  .servicePage__customerTel > span {
    color: #dc000c;
    position: relative;
    text-decoration: none; }
    @media screen and (min-width: 768px), print {
      .servicePage__customerTel > a,
      .servicePage__customerTel > span {
        padding-left: 0.77rem; } }
    @media screen and (max-width: 767px) {
      .servicePage__customerTel > a,
      .servicePage__customerTel > span {
        padding-left: 0.52rem; } }
    .servicePage__customerTel > a::before,
    .servicePage__customerTel > span::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Phones-Mobile-Devices_Phone_phone-circle%22%20data-name%3D%22Phones-Mobile-Devices%20%2F%20Phone%20%2F%20phone-circle%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2258.873%22%20height%3D%2258.873%22%20viewBox%3D%220%200%2058.873%2058.873%22%3E%0A%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%3Cg%20id%3D%22phone-circle%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M29.436%2C0a29.436%2C29.436%2C0%2C0%2C0%2C0%2C58.873c10.987%2C0%2C15.064-4.278%2C16.549-7.87a9.858%2C9.858%2C0%2C0%2C0-.442-8.837%2C4.691%2C4.691%2C0%2C0%2C0-.042-6.323l-3.513-3.51a4.742%2C4.742%2C0%2C0%2C0-6.682.245l-.518.515a69.124%2C69.124%2C0%2C0%2C1-9.036-9.021l.518-.515a4.745%2C4.745%2C0%2C0%2C0%2C.26-6.684l-3.51-3.515a4.738%2C4.738%2C0%2C0%2C0-6.682.263L14.2%2C15.761a6.664%2C6.664%2C0%2C0%2C0-1.178%2C8.159A70.623%2C70.623%2C0%2C0%2C0%2C34.942%2C45.843a6%2C6%2C0%2C0%2C0%2C3.221.911%2C6.91%2C6.91%2C0%2C0%2C0%2C3.613-1.065%2C6%2C6%2C0%2C0%2C1-.685%2C4.151c-1.618%2C2.7-5.646%2C4.124-11.655%2C4.124A24.522%2C24.522%2C0%2C1%2C1%2C49.675%2C43.3a2.456%2C2.456%2C0%2C0%2C0%2C4.048%2C2.781A29.441%2C29.441%2C0%2C0%2C0%2C29.436%2C0Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
      background-size: 100% auto;
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      top: 0;
      margin: auto; }
      @media screen and (min-width: 768px), print {
        .servicePage__customerTel > a::before,
        .servicePage__customerTel > span::before {
          width: 0.5887rem;
          height: 0.5887rem; } }
      @media screen and (max-width: 767px) {
        .servicePage__customerTel > a::before,
        .servicePage__customerTel > span::before {
          width: 0.4046rem;
          height: 0.4046rem;
          top: 0.02rem; } }
@media screen and (min-width: 768px), print {
  .servicePage__customerText {
    font-size: 0.2rem;
    margin-top: 0.22rem; } }

@media screen and (max-width: 767px) {
  .servicePage__customerText {
    font-size: 0.16rem;
    margin-top: 0.16rem;
    text-align: center; } }

/* Note 2023.7.20 追加
============================================================= */
.servicePage__companyNote {
  line-height: 1.5;
  font-size: 0.13rem; }
  @media screen and (min-width: 768px), print {
    .servicePage__companyNote {
      margin: 0.08rem 0.3rem 0 0; } }
  @media screen and (max-width: 767px) {
    .servicePage__companyNote {
      margin: 0.08rem 0; } }
  .servicePage__companyNote > li:not(:last-child) {
    margin-bottom: 0.06rem; }

.servicePage__privacyNote {
  line-height: 1.5;
  font-size: 0.13rem; }
  @media screen and (min-width: 768px), print {
    .servicePage__privacyNote {
      margin: 0.08rem 0.34rem 0 0; } }
  @media screen and (max-width: 767px) {
    .servicePage__privacyNote {
      margin: 0.08rem 0; } }
  .servicePage__privacyNote > li:not(:last-child) {
    margin-bottom: 0.06rem; }

.servicePage__twitterNote {
  line-height: 1.5;
  font-size: 0.13rem; }
  @media screen and (min-width: 768px), print {
    .servicePage__twitterNote {
      margin: 0.36rem 0 0 0; } }
  @media screen and (max-width: 767px) {
    .servicePage__twitterNote {
      margin: 0.36rem 0; } }
  .servicePage__twitterNote > li:not(:last-child) {
    margin-bottom: 0.08rem; }

/* sign
============================================================= */
@media screen and (min-width: 768px), print {
  .sign {
    margin-top: 0.4rem !important; } }

@media screen and (max-width: 767px) {
  .sign {
    margin-top: 0.3rem !important; } }

/* snsButtonList
============================================================= */
.snsButtonList {
  display: flex; }
  @media screen and (max-width: 767px) {
    .snsButtonList {
      justify-content: center; } }
  .snsButtonList > li {
    width: 0.6rem; }
    .snsButtonList > li:not(:last-child) {
      margin-right: 0.15rem; }
    @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      .snsButtonList > li a {
        transition-duration: 0.25s;
        text-decoration: none !important; }
        .snsButtonList > li a:hover {
          opacity: .75; } }
    .snsButtonList > li img {
      width: 100%; }

/* table
============================================================= */
.table, table.games {
  border-top: 1px solid #ccc;
  width: 100%; }
  .table th, table.games th,
  .table td,
  table.games td {
    border-bottom: 1px solid #ccc; }
    @media screen and (min-width: 768px), print {
      .table th, table.games th,
      .table td,
      table.games td {
        padding: 0.15rem 0.3rem; } }
    @media screen and (max-width: 767px) {
      .table th, table.games th,
      .table td,
      table.games td {
        padding: 0.1rem; } }
    @media screen and (min-width: 768px), print {
      .table th:not(:last-child), table.games th:not(:last-child),
      .table td:not(:last-child),
      table.games td:not(:last-child) {
        border-right: 1px solid #ccc; } }
  .table th, table.games th {
    background-color: #f5f5f5;
    text-align: left; }
  .table.-center th, table.-center.games th,
  .table.-center td,
  table.-center.games td {
    text-align: center; }
  .table.-verticalMiddle th, table.-verticalMiddle.games th,
  .table.-verticalMiddle td,
  table.-verticalMiddle.games td {
    vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .table.-spBlock, table.-spBlock.games {
      display: block; }
      .table.-spBlock thead, table.-spBlock.games thead, .table.-spBlock tbody, table.-spBlock.games tbody,
      .table.-spBlock tr,
      table.-spBlock.games tr, .table.-spBlock th, table.-spBlock.games th, .table.-spBlock td, table.-spBlock.games td {
        display: block; } }
.tableB {
  border-top: 1px solid #ccc;
  width: 100%; }
  .tableB tbody > tr:nth-child(even) th, .tableB tbody > tr:nth-child(even) td {
    background-color: #F5F5F5; }
  .tableB th,
  .tableB td {
    border-bottom: 1px solid #ccc; }
    @media screen and (min-width: 768px), print {
      .tableB th,
      .tableB td {
        padding: 0.15rem 0.3rem; } }
    @media screen and (max-width: 767px) {
      .tableB th,
      .tableB td {
        padding: 0.1rem; } }
    @media screen and (min-width: 768px), print {
      .tableB th:first-child,
      .tableB td:first-child {
        border-right: 1px solid #ccc; } }
    @media screen and (min-width: 768px), print {
      .tableB th:nth-child(2),
      .tableB td:nth-child(2) {
        padding-right: 0.1rem; } }
    @media screen and (min-width: 768px), print {
      .tableB th:last-child,
      .tableB td:last-child {
        padding-left: 0; } }
  .tableB th {
    font-weight: 700; }
  @media screen and (max-width: 767px) {
    .tableB.-spBlock {
      display: block; }
      .tableB.-spBlock thead, .tableB.-spBlock tbody,
      .tableB.-spBlock tr, .tableB.-spBlock th, .tableB.-spBlock td {
        display: block; }
      .tableB.-spBlock th:not(:last-child), .tableB.-spBlock td:not(:last-child) {
        border-bottom: none; } }
/* spTableScroll */
@media screen and (min-width: 768px), print {
  .spTableScrollHead {
    display: none; } }

@media screen and (max-width: 767px) {
  .spTableScrollHead {
    width: 2.74rem;
    margin-bottom: 0.2rem;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (max-width: 767px) {
  * + .spTableScrollHead {
    margin-top: 0.3rem; } }

@media screen and (max-width: 767px) {
  .-indent .spTableScrollHead:first-child {
    margin-top: 0.22rem; } }

@media screen and (max-width: 767px) {
  .spTableScroll {
    overflow: auto;
    position: relative;
    -webkit-overflow-scrolling: touch; }
    .spTableScroll > table {
      width: 220%; } }

@media screen and (min-width: 768px), print {
  * + .spTableScroll {
    margin-top: 0.3rem; } }

/* telLink
============================================================= */
@media screen and (min-width: 768px), print {
  .telLink {
    pointer-events: none;
    text-decoration: none; } }

@media screen and (max-width: 767px) {
  .telLink {
    text-decoration: underline; } }

/* textLinkBlank
============================================================= */
.textLinkBlank {
  display: inline-block;
  padding-right: 0.23rem;
  position: relative; }
  .textLinkBlank::after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2212.429%22%20viewBox%3D%220%200%2016%2012.429%22%3E%0A%20%20%3Cg%20id%3D%22app-window-multiple_1_%22%20transform%3D%22translate(0.5%200.5)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape_1479_1_%22%20d%3D%22M.5%2C4.5H14.071%22%20transform%3D%22translate(-0.5%20-1.643)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape_1480_1_%22%20d%3D%22M3.443%2C2.293a.154.154%2C0%2C0%2C0-.143.143.253.253%2C0%2C0%2C0%2C.286.286.154.154%2C0%2C0%2C0%2C.143-.143c-.071-.214-.214-.357-.286-.286%22%20transform%3D%22translate(-1.3%20-1.007)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape_1481_1_%22%20d%3D%22M5.443%2C2.293a.154.154%2C0%2C0%2C0-.143.143.253.253%2C0%2C0%2C0%2C.286.286.154.154%2C0%2C0%2C0%2C.143-.143c-.071-.214-.214-.357-.286-.286%22%20transform%3D%22translate(-1.871%20-1.007)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape_1482_1_%22%20d%3D%22M7.443%2C2.293a.154.154%2C0%2C0%2C0-.143.143.253.253%2C0%2C0%2C0%2C.286.286.154.154%2C0%2C0%2C0%2C.143-.143c-.071-.214-.214-.357-.286-.286%22%20transform%3D%22translate(-2.443%20-1.007)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Rectangle-path_152_1_%22%20d%3D%22M.5%2C1.929A1.433%2C1.433%2C0%2C0%2C1%2C1.929.5H12.643a1.433%2C1.433%2C0%2C0%2C1%2C1.429%2C1.429V9.071A1.433%2C1.433%2C0%2C0%2C1%2C12.643%2C10.5H1.929A1.433%2C1.433%2C0%2C0%2C1%2C.5%2C9.071Z%22%20transform%3D%22translate(-0.5%20-0.5)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape_1483_1_%22%20d%3D%22M14.643%2C2.5a1.433%2C1.433%2C0%2C0%2C1%2C1.429%2C1.429v7.143A1.433%2C1.433%2C0%2C0%2C1%2C14.643%2C12.5H3.929A1.433%2C1.433%2C0%2C0%2C1%2C2.5%2C11.071%22%20transform%3D%22translate(-1.071%20-1.071)%22%20fill%3D%22none%22%20stroke%3D%22%23dc000c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0.03rem;
    bottom: 0;
    margin: auto;
    width: 0.15rem;
    height: 0.1143rem; }

.tickerNews {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .tickerNews.-typeA {
      padding-bottom: 0; } }
  @media screen and (min-width: 768px), print {
    .tickerNews {
      padding: 0.3rem 0; } }
  @media screen and (max-width: 767px) {
    .tickerNews {
      padding: 0.2rem 0; } }
  .tickerNews + .nowOnAir {
    padding-top: 0; }
    @media screen and (min-width: 768px), print {
      .tickerNews + .nowOnAir {
        margin-top: -0.15rem; } }
@media screen and (min-width: 768px), print {
  .tickerNews__inner {
    width: 13rem;
    margin-left: auto;
    margin-right: auto;
    display: flex; } }

@media screen and (max-width: 767px) {
  .tickerNews__inner {
    margin: 0 0.1rem; } }

.tickerNews__title {
  background-color: #000;
  color: #fff;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 768px), print {
    .tickerNews__title {
      font-size: 0.12rem;
      width: 1.19rem;
      min-width: 1.19rem;
      max-width: 1.19rem;
      height: 0.52rem; } }
  @media screen and (max-width: 767px) {
    .tickerNews__title {
      line-height: 1;
      padding: 0.1rem 0; } }
.tickerNews__body {
  background-color: #fff;
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 768px), print {
    .tickerNews__body {
      flex: 1; } }
.tickerNews__info {
  flex: 1;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .tickerNews__info {
      width: 10.64rem; } }
  @media screen and (max-width: 767px) {
    .tickerNews__info {
      width: 3.2rem;
      max-width: 3.2rem;
      min-width: 3.2rem; } }
@media screen and (min-width: 768px), print {
  .tickerNewsSlick__item {
    padding: 0.1rem 0.3rem; } }

@media screen and (max-width: 767px) {
  .tickerNewsSlick__item {
    padding: 0.15rem 0.17rem; } }

.tickerNewsSlick__item p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 700; }

.tickerNewsSlick__title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  @media screen and (min-width: 768px), print {
    .tickerNewsSlick__title {
      width: 4.5rem;
      min-width: 4.5rem;
      max-width: 4.5rem;
      margin-right: 0.2rem; } }
  @media screen and (max-width: 767px) {
    .tickerNewsSlick__title {
      order: 3;
      font-size: 0.13rem;
      width: 100%;
      margin-top: 0.08rem;
      padding-bottom: 0.14rem; } }
  .tickerNewsSlick__title > a {
    font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .-live .tickerNewsSlick__title > a {
      padding-left: 0.65rem;
      position: relative; } }
  .-live .tickerNewsSlick__title > a::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245.22%22%20height%3D%2221.208%22%20viewBox%3D%220%200%2045.22%2021.208%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2335%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202335%22%20fill%3D%22%23fff%22%20stroke%3D%22%23dc000c%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2245.22%22%20height%3D%2221.208%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2244.22%22%20height%3D%2220.208%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_7825%22%20data-name%3D%22%E3%83%91%E3%82%B9%207825%22%20d%3D%22M6.768-.7V-3.108h3.588v-1.38H6.768V-6.6h4.044V-7.992H6.768v-2.16h-1.5v2.16H3.42c.2-.552.4-1.116.564-1.692l-1.476-.324a10.324%2C10.324%2C0%2C0%2C1-2.124%2C4.3%2C11.348%2C11.348%2C0%2C0%2C1%2C1.284.852A9.89%2C9.89%2C0%2C0%2C0%2C2.784-6.6H5.268v2.112H2.016v1.38H5.268V-.7H.636v1.4H11.424V-.7ZM18.732-4.1v-2.58h2.712V-4.1Zm-4.212%2C0v-2.58h2.7V-4.1Zm4.212-3.984v-2.076H17.22v2.076H13.08V-2.04h1.44V-2.7h2.7V1.044h1.512V-2.7h2.712v.6h1.5V-8.088ZM32.16-6.96a9.036%2C9.036%2C0%2C0%2C0-.768-2.292L30.384-8.9a11.582%2C11.582%2C0%2C0%2C1%2C.708%2C2.34ZM24.768-3.168a8.735%2C8.735%2C0%2C0%2C1-.624%2C2.784%2C9.643%2C9.643%2C0%2C0%2C1%2C1%2C.5%2C10.972%2C10.972%2C0%2C0%2C0%2C.732-3.1Zm2.484.228A9.031%2C9.031%2C0%2C0%2C1%2C27.8-.708l1.008-.324a9.815%2C9.815%2C0%2C0%2C0-.6-2.184Zm-.816-2.136c.2-.276.42-.564.624-.864.12.252.24.516.348.792ZM35.6-.8H30.2V-2.688a7.893%2C7.893%2C0%2C0%2C1%2C.6%2C1.3%2C7.824%2C7.824%2C0%2C0%2C0%2C1.428-2.064V-.972h1.236V-3.54A19.923%2C19.923%2C0%2C0%2C1%2C34.68-1.872l.84-1.1C35.232-3.3%2C34-4.536%2C33.468-5v-.18h1.9v-1.26h-1.9v-.432l.9.348c.312-.612.7-1.572%2C1.044-2.424L34.2-9.36a15.231%2C15.231%2C0%2C0%2C1-.732%2C2.388v-2.94H32.232v3.468H30.444v1.26h1.44A7.939%2C7.939%2C0%2C0%2C1%2C30.2-2.76V-9.7h-1.32v5.6a12.8%2C12.8%2C0%2C0%2C0-.9-2.256l-.9.372C27.6-6.72%2C28.1-7.512%2C28.536-8.22L27.42-8.748c-.264.588-.636%2C1.272-1.032%2C1.956A4.577%2C4.577%2C0%2C0%2C0%2C26-7.284c.42-.684.912-1.608%2C1.332-2.412l-1.188-.456a15.739%2C15.739%2C0%2C0%2C1-.888%2C2.088c-.084-.084-.18-.168-.264-.252l-.7.888a11.437%2C11.437%2C0%2C0%2C1%2C1.4%2C1.716c-.168.252-.324.492-.492.708-.348.012-.66.036-.948.048l.144%2C1.236%2C1.584-.12V1.032h1.2V-3.936l.612-.048a4.656%2C4.656%2C0%2C0%2C1%2C.156.7l.924-.4V1H30.2V.48h5.4Z%22%20transform%3D%22translate(4.616%2015.164)%22%20fill%3D%22%23dc000c%22%2F%3E%3C%2Fsvg%3E") no-repeat left 0;
    background-size: 100% auto;
    width: 0.4422rem;
    height: 0.21rem;
    content: '';
    display: block;
    position: absolute;
    left: 0; }
    @media screen and (min-width: 768px), print {
      .-live .tickerNewsSlick__title > a::before {
        top: 0.02rem;
        bottom: 0;
        margin: auto; } }
    @media screen and (max-width: 767px) {
      .-live .tickerNewsSlick__title > a::before {
        top: 0.15rem;
        left: 0.17rem; } }
.tickerNewsSlick__timeA {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }
  @media screen and (min-width: 768px), print {
    .tickerNewsSlick__timeA {
      font-size: 0.14rem; } }
  @media screen and (max-width: 767px) {
    .tickerNewsSlick__timeA {
      order: 2;
      font-size: 0.11rem;
      max-width: 2.4rem; } }
  @media screen and (max-width: 767px) {
    .-live .tickerNewsSlick__timeA {
      padding-top: 0.15rem;
      max-width: 1.8rem; } }
@media screen and (min-width: 768px), print {
  .tickerNewsSlick__timeB {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.14rem;
    width: 0.7rem;
    max-width: 0.7rem;
    min-width: 0.7rem; } }

@media screen and (max-width: 767px) {
  .tickerNewsSlick__timeB {
    font-size: 0.11rem;
    margin-right: 0.1rem;
    order: 1; } }

@media screen and (max-width: 767px) {
  .-live .tickerNewsSlick__timeB {
    padding-top: 0.15rem;
    padding-left: 0.5rem; } }

.tickerNews__arrow {
  cursor: pointer;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .tickerNews__arrow {
      width: 0.52rem;
      min-width: 0.52rem;
      max-width: 0.52rem; } }
  @media screen and (max-width: 767px) {
    .tickerNews__arrow {
      width: 0.36rem;
      min-width: 0.36rem;
      max-width: 0.36rem; } }
  .tickerNews__arrow.-disabled {
    pointer-events: none; }
    .tickerNews__arrow.-disabled::before {
      opacity: .3; }
  .tickerNews__arrow.-prev {
    border-right: 1px solid #E5E5E5; }
  .tickerNews__arrow.-next {
    border-left: 1px solid #E5E5E5; }
    .tickerNews__arrow.-next::before {
      transform: scale(-1, 1); }
  .tickerNews__arrow::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M8%2C16A8%2C8%2C0%2C0%2C1%2C2.343%2C2.343%2C8%2C8%2C0%2C1%2C1%2C13.657%2C13.657%2C7.948%2C7.948%2C0%2C0%2C1%2C8%2C16ZM9.813%2C3.378a.335.335%2C0%2C0%2C0-.213.077L4.456%2C7.744a.333.333%2C0%2C0%2C0%2C0%2C.512L9.6%2C12.545a.333.333%2C0%2C0%2C0%2C.547-.257V10.5a.333.333%2C0%2C0%2C0-.128-.263l-2.7-2.1a.166.166%2C0%2C0%2C1%2C0-.263l2.7-2.1a.334.334%2C0%2C0%2C0%2C.128-.263l0-1.791a.336.336%2C0%2C0%2C0-.191-.3A.331.331%2C0%2C0%2C0%2C9.813%2C3.378Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat;
    background-size: 100% auto;
    content: '';
    display: block;
    width: 0.16rem;
    height: 0.16rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }

/* title
============================================================= */
@media screen and (min-width: 768px), print {
  .title {
    font-size: 0.24rem; } }

@media screen and (max-width: 767px) {
  .title {
    font-size: 0.18rem; } }

@media screen and (min-width: 768px), print {
  .title + * {
    margin-top: 0.25rem; } }

@media screen and (max-width: 767px) {
  .title + * {
    margin-top: 0.2rem; } }

.titleA {
  font-weight: 700;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .titleA {
      font-size: 0.24rem;
      padding-top: 0.48rem; } }
  @media screen and (max-width: 767px) {
    .titleA {
      font-size: 0.2rem;
      padding-top: 0.34rem; } }
  .titleA::before, .titleA::after {
    content: '';
    height: 0.05rem;
    position: absolute;
    left: 0;
    top: 0; }
  .titleA::before {
    background-color: #F5F5F5;
    width: 100%; }
  .titleA::after {
    background-color: #dc000c; }
    @media screen and (min-width: 768px), print {
      .titleA::after {
        width: 1.5rem; } }
    @media screen and (max-width: 767px) {
      .titleA::after {
        width: 1rem; } }
  @media screen and (min-width: 768px), print {
    .titleA + *:not([class^="title"]) {
      margin-top: 0.35rem !important; } }
  @media screen and (max-width: 767px) {
    .titleA + *:not([class^="title"]) {
      margin-top: 0.2rem !important; } }
  @media screen and (min-width: 768px), print {
    * + .titleA {
      margin-top: 0.8rem; } }
  @media screen and (max-width: 767px) {
    * + .titleA {
      margin-top: 0.5rem; } }
.titleB {
  background-color: #F5F5F5;
  border-bottom: 1px solid #ccc;
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .titleB {
      font-size: 0.18rem;
      padding: 0.24rem 0.3rem; } }
  @media screen and (max-width: 767px) {
    .titleB {
      font-size: 0.15rem;
      padding: 0.12rem 0.2rem; } }
  @media screen and (min-width: 768px), print {
    .titleB + *:not([class^="title"]) {
      margin-top: 0.3rem !important; } }
  @media screen and (max-width: 767px) {
    .titleB + *:not([class^="title"]) {
      margin-top: 0.3rem !important; } }
  @media screen and (min-width: 768px), print {
    * + .titleB {
      margin-top: 0.5rem !important; } }
  @media screen and (max-width: 767px) {
    * + .titleB {
      margin-top: 0.35rem !important; } }
.titleC {
  background-color: #F5F5F5;
  border-left: 0.05rem solid #dc000c;
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .titleC {
      padding: 0.06rem 0.3rem; } }
  @media screen and (max-width: 767px) {
    .titleC {
      padding: 0.03rem 0.2rem; } }
  @media screen and (min-width: 768px), print {
    .titleC + *:not([class^="title"]) {
      margin-top: 0.26rem !important; } }
  @media screen and (max-width: 767px) {
    .titleC + *:not([class^="title"]) {
      margin-top: 0.16rem !important; } }
  @media screen and (min-width: 768px), print {
    * + .titleC {
      margin-top: 0.3rem !important; } }
  @media screen and (max-width: 767px) {
    * + .titleC {
      margin-top: 0.2rem !important; } }
/* topicPath
============================================================= */
.topicPath {
  display: flex;
  font-size: 0.14rem;
  overflow: hidden; }
  @media screen and (min-width: 768px), print {
    .topicPath {
      margin-left: auto;
      margin-right: auto;
      width: 13rem; } }
  @media screen and (max-width: 767px) {
    .topicPath {
      padding: 0 0.2rem; } }
  .topicPath li {
    line-height: 1.2;
    list-style-type: none;
    white-space: nowrap; }
    @media screen and (max-width: 767px) {
      .topicPath li:nth-child(n + 3) {
        overflow: hidden;
        text-overflow: ellipsis; } }
    .topicPath li a {
      color: #999; }
    .topicPath li:last-child a {
      cursor: text;
      pointer-events: none;
      text-decoration: none; }
    .topicPath li:not(:last-child) {
      position: relative;
      padding-right: 0.11rem;
      margin-right: 0.08rem;
      position: relative; }
      .topicPath li:not(:last-child)::before {
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        content: '';
        display: block;
        width: 0.06rem;
        height: 0.06rem;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto; }
      .topicPath li:not(:last-child)::before {
        transform: rotate(45deg); }
  @media screen and (min-width: 768px), print {
    .topicPath + * {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .topicPath + * {
      margin-top: 0.2rem; } }
  @media screen and (min-width: 768px), print {
    .underTitle + .topicPath {
      margin-top: 0.3rem; } }
  @media screen and (max-width: 767px) {
    .underTitle + .topicPath {
      margin-top: 0.2rem; } }
  .underTitle + .topicPath + * {
    margin-top: 0; }

/* topPickup
============================================================= */
.topPickup {
  background-color: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1001;
  display: none; }
  .topPickup.-show {
    display: flex; }

.topPickup__close {
  background-color: #dc000c;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 0.5rem;
  height: 0.5rem; }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .topPickup__close {
      transition-duration: 0.25s;
      text-decoration: none !important; }
      .topPickup__close:hover {
        opacity: .75; } }
  @media screen and (min-width: 768px), print {
    .topPickup__close {
      right: 0.5rem;
      top: 0.5rem; } }
  @media screen and (max-width: 767px) {
    .topPickup__close {
      right: 0.25rem;
      top: 0.25rem; } }
  .topPickup__close::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.77%22%20height%3D%2219.77%22%20viewBox%3D%220%200%2019.77%2019.77%22%3E%0A%20%20%3Cpath%20id%3D%22%E5%90%88%E4%BD%93_7%22%20data-name%3D%22%E5%90%88%E4%BD%93%207%22%20d%3D%22M-2967.071%2C92.726l-8.088%2C8.088-1.8-1.8%2C8.087-8.087-8.088-8.088%2C1.8-1.8%2C8.088%2C8.088%2C8.088-8.088%2C1.8%2C1.8-8.088%2C8.088%2C8.088%2C8.088-1.8%2C1.8Z%22%20transform%3D%22translate(2976.956%20-81.043)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat left 0;
    background-size: 100% auto;
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    display: block; }

@media screen and (max-width: 767px) {
  .topPickup__inner {
    padding: 0 0.2rem; } }

.topPickup__banner + * {
  margin-top: 0.2rem; }

@media screen and (min-width: 768px), print {
  .topPickup__link {
    display: flex;
    align-items: center;
    justify-content: center; } }

@media screen and (min-width: 768px), print {
  .topPickup__link .button {
    width: 2.7rem; } }

@media screen and (min-width: 768px), print {
  .topPickup__linkItem:not(:last-child) {
    margin-right: 0.3rem; } }

@media screen and (max-width: 767px) {
  .topPickup__linkItem:not(:last-child) {
    margin-bottom: 0.1rem; } }

@media screen and (min-width: 768px), print {
  .topTicker + .nowOnAir {
    padding-top: 0;
    padding-bottom: 0.51rem; } }

@media screen and (max-width: 767px) {
  .topTicker + .nowOnAir {
    padding-top: 0; } }

.topTicker {
  background-color: #F5F5F5; }
  @media screen and (min-width: 768px), print {
    .topTicker {
      padding: 0.19rem 0 0.18rem; } }
  @media screen and (max-width: 767px) {
    .topTicker {
      padding: 0.1rem 0; } }
@media screen and (min-width: 768px), print {
  .topTicker__inner {
    width: 13rem;
    margin-left: auto;
    margin-right: auto;
    display: flex; } }

@media screen and (max-width: 767px) {
  .topTicker__inner {
    margin: 0 0.1rem; } }

.topTicker__title {
  background-color: #DC000C;
  color: #fff;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 768px), print {
    .topTicker__title {
      font-size: 0.12rem;
      width: 1.19rem;
      min-width: 1.19rem;
      max-width: 1.19rem;
      height: 0.52rem; } }
  @media screen and (max-width: 767px) {
    .topTicker__title {
      line-height: 1;
      padding: 0.1rem 0; } }
.topTicker__body {
  background-color: #FFDBDD;
  display: flex;
  align-items: center;
  padding: 0 0.2rem;
  font-weight: 700; }
  @media screen and (min-width: 768px), print {
    .topTicker__body {
      flex: 1; } }
  @media screen and (max-width: 767px) {
    .topTicker__body {
      padding-bottom: 0.15rem;
      padding-top: 0.15rem; } }
  .topTicker__body time {
    font-weight: 400;
    white-space: nowrap; }
    @media screen and (min-width: 768px), print {
      .topTicker__body time {
        font-size: 0.14rem;
        width: 1.17rem;
        max-width: 1.17rem;
        min-width: 1.17rem; } }
    @media screen and (max-width: 767px) {
      .topTicker__body time {
        margin-right: 0.16rem; } }
  @media screen and (min-width: 768px), print {
    .topTicker__body p {
      flex: 1; } }
/* ulList
============================================================= */
.ulList {
  line-height: 1.5; }
  @media screen and (min-width: 768px), print {
    .ulList.-fontS {
      font-size: 0.14rem; } }
  @media screen and (max-width: 767px) {
    .ulList.-fontS {
      font-size: 0.13rem; } }
  .ulList.-mlLarge > li {
    padding-left: 3em; }
    @media screen and (min-width: 768px), print {
      .ulList.-mlLarge > li:not(:last-child) {
        margin-bottom: 0.25rem; } }
    @media screen and (max-width: 767px) {
      .ulList.-mlLarge > li:not(:last-child) {
        margin-bottom: 0.15rem; } }
  .ulList > li {
    position: relative;
    padding-left: 1em; }
    .ulList > li::before {
      content: '・';
      display: inline;
      position: absolute;
      left: .25em;
      top: 0; }
    @media screen and (min-width: 768px), print {
      .ulList > li:not(:last-child) {
        margin-bottom: 0.05rem; } }
    @media screen and (max-width: 767px) {
      .ulList > li:not(:last-child) {
        margin-bottom: 0.15rem; } }
  * + .ulList {
    margin-top: 0.1rem; }

.ulStripe > li {
  position: relative; }
  .ulStripe > li::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background: #ccc;
    top: 0;
    left: 0; }
  .ulStripe > li:last-of-type::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background: #ccc;
    bottom: 0;
    left: 0; }
  .ulStripe > li:nth-child(even) {
    background-color: #F5F5F5; }

.ulStripe a {
  display: flex;
  text-decoration: none;
  transition-duration: 0.25s; }
  @media screen and (min-width: 768px), print {
    .ulStripe a {
      align-items: center;
      padding: 0.3rem 0.5rem; } }
  @media screen and (max-width: 767px) {
    .ulStripe a {
      align-items: flex-start;
      padding: 0.2rem 0.1rem; } }
  .ulStripe a .hoverUnder {
    position: relative; }
    .ulStripe a .hoverUnder::before {
      content: "";
      width: 100%;
      height: 1px;
      position: absolute;
      background: #181818;
      bottom: 0;
      left: 0;
      opacity: 0;
      transition-duration: 0.25s; }
  @media screen and (min-width: 768px), print {
    .ulStripe a:hover {
      background-color: #f5f8fa; }
      .ulStripe a:hover .hoverUnder::before {
        opacity: 1; } }
@media screen and (min-width: 768px), print {
  .ulStripe .icon {
    width: 0.7rem;
    height: 0.7rem;
    margin-right: 0.2rem; } }

@media screen and (max-width: 767px) {
  .ulStripe .icon {
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.15rem; } }

.ulStripe .icon img {
  width: 100%; }

.ulStripe .content {
  flex: 1; }

.ulStripe .name {
  display: block;
  font-weight: 700;
  line-height: 1.25; }
  @media screen and (max-width: 767px) {
    .ulStripe .name > * {
      margin-top: 0.03rem; } }
.ulStripe .account {
  color: #999;
  font-weight: 400;
  font-size: 0.14rem; }
  @media screen and (min-width: 768px), print {
    .ulStripe .account {
      margin-left: 0.1rem; } }
  @media screen and (max-width: 767px) {
    .ulStripe .account {
      display: block; } }
@media screen and (min-width: 768px), print {
  .ulStripe .text {
    font-size: 0.14rem; } }

/* underBasic
============================================================= */
.underBasic {
  background-color: #F5F5F5;
  margin-top: 0 !important; }
  @media screen and (min-width: 768px), print {
    .underBasic {
      padding: 0.3rem 0 1.38rem; } }
  @media screen and (max-width: 767px) {
    .underBasic {
      padding: 0.2rem 0 1rem; } }
@media screen and (min-width: 768px), print {
  .underBasic__contents {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

@media screen and (min-width: 768px), print {
  .underBasic__contents {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; } }

@media screen and (max-width: 767px) {
  .underBasic__contents {
    padding: 0 0.2rem; } }

.underBasic__contentsMain {
  background-color: #fff;
  position: relative; }
  @media screen and (min-width: 768px), print {
    .underBasic__contentsMain {
      width: 9.5rem;
      padding: 0.8rem 0.5rem; } }
  @media screen and (max-width: 767px) {
    .underBasic__contentsMain {
      padding: 0.5rem 0.3rem; } }
  .-pcWide .underBasic__contentsMain {
    width: 100%; }
  .-patternA .underBasic__contentsMain {
    padding: 0; }

@media screen and (min-width: 768px), print {
  .underBasic__side {
    width: 3.2rem; } }

@media screen and (max-width: 767px) {
  .underBasic__side {
    margin-top: 0.6rem; } }

@media screen and (min-width: 768px), print {
  .underBasic__sideBanner {
    width: 3.06rem;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (max-width: 767px) {
  .underBasic__sideBanner {
    padding: 0 0.34rem; }
    .underBasic__sideBanner:not(:first-of-type) {
      display: none; }
    .underBasic__sideBanner img {
      width: 100%; } }

.underBasic__sideBanner a {
  display: block; }
  @media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .underBasic__sideBanner a {
      transition-duration: 0.25s;
      text-decoration: none !important; }
      .underBasic__sideBanner a:hover {
        opacity: .75; } }
@media screen and (min-width: 768px), print {
  .underBasic__sideBanner + * {
    margin-top: 0.2rem; } }

@media screen and (max-width: 767px) {
  .genreDetail .underBasic__sideBanner {
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }

@media screen and (min-width: 768px), print {
  .underBasic__section.-pcPadding {
    padding: 0 1.5rem 0.8rem; } }

@media screen and (max-width: 767px) {
  .underBasic__section.-pcPadding {
    padding: 0 0.3rem 0.5rem; } }

.underBasic__section p + p {
  margin-top: 0.2rem; }

.underBasic__section p:not(:first-child) {
  margin-top: 0.1rem; }

@media screen and (min-width: 768px), print {
  .underBasic__section + * {
    margin-top: 0.8rem; } }

@media screen and (max-width: 767px) {
  .underBasic__section + * {
    margin-top: 0.5rem; } }

@media screen and (min-width: 768px), print {
  .underBasic__section .imgTop {
    width: 13rem; } }

@media screen and (max-width: 767px) {
  .underBasic__section .imgTop {
    width: 4.14rem; } }

.underBasic__section .imgTop img {
  width: 100%; }

* + .underBasic__table {
  margin-top: 0.3rem; }

/* underTitle
============================================================= */
.underTitle {
  background-color: #fff;
  border-bottom: 0.05rem solid #dc000c; }
  @media screen and (min-width: 768px), print {
    .underTitle {
      padding: 0.29rem 0 0.21rem; } }
  @media screen and (max-width: 767px) {
    .underTitle {
      padding: 0.23rem 0.2rem 0.17rem; } }
@media screen and (min-width: 768px), print {
  .underTitle__inner {
    margin-left: auto;
    margin-right: auto;
    width: 13rem; } }

.underTitle__main {
  font-size: 0.2rem;
  font-weight: 700;
  line-height: 1.2; }
  .underTitle__main > span {
    display: inline-block;
    position: relative;
    padding-left: 0.38rem; }
    .underTitle__main > span::before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto; }

@media screen and (min-width: 768px) and (max-width: 1040px), print {
  #programPage .underBasic__contentsMain {
    overflow-x: scroll; } }

@media screen and (max-width: 767px) {
  #programPage .underBasic__contentsMain {
    padding: 0;
    margin: 0; } }

@media screen and (min-width: 768px), print {
  #programContent {
    width: 940px;
    margin-left: auto;
    margin-right: auto; } }

#ttBox ul li {
  height: 20px;
  padding: 79px 0 80px; }

#ttBox ul li.hour5 {
  padding: 79px 0 79px; }

@media screen and (min-width: 768px), print {
  #weeklyHeader {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 940px;
    margin: 0 auto 0.1rem; } }

@media screen and (max-width: 767px) {
  #weeklyHeader {
    display: none;
    padding: 0.2rem 0.15rem 0; } }

.weeklyCalendarButton {
  position: relative; }
  @media screen and (min-width: 768px), print {
    .weeklyCalendarButton {
      margin-left: 20px; } }
  @media screen and (max-width: 767px) {
    .weeklyCalendarButton {
      width: 100%;
      display: flex;
      justify-content: center;
      margin-top: -30px; } }
  .weeklyCalendarButton > .flatpickr {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    font-size: 16px; }
  .weeklyCalendarButton > span {
    pointer-events: inherit !important;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
    padding: 8px 10px 8px 12px; }
    .weeklyCalendarButton > span > span {
      position: relative;
      padding-left: 20px; }
      .weeklyCalendarButton > span > span::before {
        background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Crect%20x%3D%2281.977%22%20y%3D%22163.962%22%20class%3D%22st0%22%20width%3D%2282.436%22%20height%3D%2273.278%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%22214.778%22%20y%3D%22163.962%22%20class%3D%22st0%22%20width%3D%2282.443%22%20height%3D%2273.278%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%22347.594%22%20y%3D%22163.962%22%20class%3D%22st0%22%20width%3D%2282.42%22%20height%3D%2273.278%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%2281.977%22%20y%3D%22273.866%22%20class%3D%22st0%22%20width%3D%2282.436%22%20height%3D%2273.27%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%22214.778%22%20y%3D%22273.866%22%20class%3D%22st0%22%20width%3D%2282.443%22%20height%3D%2273.27%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%22347.594%22%20y%3D%22273.866%22%20class%3D%22st0%22%20width%3D%2282.42%22%20height%3D%2273.27%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%2281.977%22%20y%3D%22383.778%22%20class%3D%22st0%22%20width%3D%2282.436%22%20height%3D%2273.269%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%22214.778%22%20y%3D%22383.778%22%20class%3D%22st0%22%20width%3D%2282.443%22%20height%3D%2273.269%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%22347.594%22%20y%3D%22383.778%22%20class%3D%22st0%22%20width%3D%2282.42%22%20height%3D%2273.269%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Frect%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M118.612%2C89.297c9.482%2C0%2C17.176-7.686%2C17.176-17.168v-54.96C135.788%2C7.686%2C128.094%2C0%2C118.612%2C0%20c-9.482%2C0-17.176%2C7.686-17.176%2C17.169v54.96C101.436%2C81.611%2C109.13%2C89.297%2C118.612%2C89.297z%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M255.992%2C89.297c9.483%2C0%2C17.177-7.686%2C17.177-17.168v-54.96C273.169%2C7.686%2C265.475%2C0%2C255.992%2C0%20c-9.482%2C0-17.168%2C7.686-17.168%2C17.169v54.96C238.824%2C81.611%2C246.51%2C89.297%2C255.992%2C89.297z%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M424.287%2C44.899v27.229c0%2C17.038-13.861%2C30.907-30.914%2C30.907c-17.038%2C0-30.906-13.87-30.906-30.907V44.899%20h-75.559v27.229c0%2C17.038-13.869%2C30.907-30.914%2C30.907c-17.038%2C0-30.907-13.87-30.907-30.907V44.899h-75.558v27.229%20c0%2C17.038-13.87%2C30.907-30.915%2C30.907c-17.038%2C0-30.914-13.87-30.914-30.907V44.899H17.866V512h476.267V44.899H424.287z%20M466.65%2C255.557v109.904v9.15v109.912H329.27h-9.151H191.89h-9.167H45.343V374.612v-9.15V255.557v-128.23h137.38h9.167h128.229%20h9.151h137.38V255.557z%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M393.372%2C89.297c9.49%2C0%2C17.176-7.686%2C17.176-17.168v-54.96C410.549%2C7.686%2C402.863%2C0%2C393.372%2C0%20c-9.482%2C0-17.169%2C7.686-17.169%2C17.169v54.96C376.204%2C81.611%2C383.89%2C89.297%2C393.372%2C89.297z%22%20style%3D%22fill%3A%20%23ffffff%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat left 0;
        background-size: 100% auto;
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 14px;
        height: 14px; }

#weeklyHeader dl {
  display: flex;
  align-items: center;
  justify-content: flex-end; }

#weeklyHeader dt {
  font-weight: bold;
  font-size: 14px;
  height: 22px;
  margin-top: 2px;
  padding-right: 3px; }

#weeklyHeader dd {
  padding-left: 15px; }

#weeklyHeader dd a {
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  padding-left: 24px; }
  #weeklyHeader dd a::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cg%20id%3D%22office-file-pdf-1%22%20transform%3D%22translate(0)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M.245.019C.166-.016%2C0-.017%2C0%2C.142V3.125a.179.179%2C0%2C0%2C0%2C.245.158A1.781%2C1.781%2C0%2C0%2C0%2C1.313%2C1.651%2C1.781%2C1.781%2C0%2C0%2C0%2C.245.019Z%22%20transform%3D%22translate(6.094%209.223)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-2%22%20data-name%3D%22Shape%22%20d%3D%22M.656%2C0H.189A.189.189%2C0%2C0%2C0%2C0%2C.189v.935a.189.189%2C0%2C0%2C0%2C.189.189H.656A.656.656%2C0%2C1%2C0%2C.656%2C0Z%22%20transform%3D%22translate(2.344%209.092)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-3%22%20data-name%3D%22Shape%22%20d%3D%22M12.75%2C8.25H.75A.751.751%2C0%2C0%2C1%2C0%2C7.5V.75A.751.751%2C0%2C0%2C1%2C.75%2C0h12a.751.751%2C0%2C0%2C1%2C.75.75V7.5A.751.751%2C0%2C0%2C1%2C12.75%2C8.25ZM10.125%2C1.4a1.222%2C1.222%2C0%2C0%2C0-1.219%2C1.22v3.75a.469.469%2C0%2C1%2C0%2C.938%2C0V4.781a.189.189%2C0%2C0%2C1%2C.189-.189h.842a.469.469%2C0%2C1%2C0%2C0-.938h-.842a.189.189%2C0%2C0%2C1-.189-.189V2.624a.282.282%2C0%2C0%2C1%2C.281-.281h1.5a.469.469%2C0%2C1%2C0%2C0-.938Zm-8.25%2C0a.47.47%2C0%2C0%2C0-.469.469v4.5a.469.469%2C0%2C1%2C0%2C.938%2C0V4.781a.189.189%2C0%2C0%2C1%2C.189-.189H3A1.593%2C1.593%2C0%2C1%2C0%2C3%2C1.406Zm3.75%2C0a.469.469%2C0%2C0%2C0-.468.469v4.5a.469.469%2C0%2C0%2C0%2C.468.469%2C2.719%2C2.719%2C0%2C0%2C0%2C0-5.438Z%22%20transform%3D%22translate(0%206.75)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22Shape-4%22%20data-name%3D%22Shape%22%20d%3D%22M14.78%2C4.279%2C10.72.218A.75.75%2C0%2C0%2C0%2C10.189%2C0H1.5A1.5%2C1.5%2C0%2C0%2C0%2C0%2C1.5V5.813A.188.188%2C0%2C0%2C0%2C.188%2C6H1.313A.187.187%2C0%2C0%2C0%2C1.5%2C5.811V1.875A.375.375%2C0%2C0%2C1%2C1.875%2C1.5H9.563a.187.187%2C0%2C0%2C1%2C.187.187V3.75a1.5%2C1.5%2C0%2C0%2C0%2C1.5%2C1.5h2.062a.188.188%2C0%2C0%2C1%2C.188.188V16.125a.375.375%2C0%2C0%2C1-.375.375H1.688a.187.187%2C0%2C0%2C1-.188-.187v-.375a.186.186%2C0%2C0%2C0-.187-.187H.188A.188.188%2C0%2C0%2C0%2C0%2C15.938V16.5A1.5%2C1.5%2C0%2C0%2C0%2C1.5%2C18h12A1.5%2C1.5%2C0%2C0%2C0%2C15%2C16.5V4.809A.75.75%2C0%2C0%2C0%2C14.78%2C4.279Z%22%20transform%3D%22translate(3%200)%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") no-repeat left 0;
    content: '';
    width: 0.18rem;
    height: 0.18rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto; }

/* ナビ */
#weeklyNav {
  background-color: #F5F5F5;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 14px 25px; }
  @media screen and (min-width: 768px), print {
    #weeklyNav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 0.15rem; } }
  @media screen and (max-width: 767px) {
    #weeklyNav {
      display: none;
      margin: 0.1rem 0.15rem 0.15rem; } }
#weeklyNav #weekBtn {
  display: flex; }

#weeklyNav #weekBtn li {
  font-size: 0; }
  #weeklyNav #weekBtn li:not(:last-child) {
    margin-right: 10px; }
  #weeklyNav #weekBtn li a {
    background-color: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1;
    width: 100px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    padding: 11px 0; }

#weeklyNav #pageLink {
  display: flex;
  line-height: 26px;
  padding-left: 20px; }

#weeklyNav #pageLink li {
  font-weight: bold; }
  @media screen and (min-width: 768px), print {
    #weeklyNav #pageLink li {
      font-size: 14px; } }
  @media screen and (min-width: 768px), print {
    #weeklyNav #pageLink li:not(:last-child) {
      margin-right: 0.2rem; } }
#genreSelect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0.05rem;
  line-height: 1.2; }
  #genreSelect::-ms-expand {
    background-color: transparent;
    border: 0;
    display: none; }
  #genreSelect:focus {
    border-color: #dc000c; }
  @media screen and (min-width: 768px), print {
    #genreSelect {
      font-size: 14px;
      padding: 12px 45px 10px 15px;
      margin-left: 0.2rem; } }
  @media screen and (max-width: 767px) {
    #genreSelect {
      font-size: 16px;
      padding: 0.06rem 0.45rem 0.04rem 0.15rem;
      width: 100%; } }
  @media screen and (min-width: 768px), print {
    #genreSelect.-medium {
      width: auto; } }
  @media screen and (min-width: 768px), print {
    #genreSelect.-birth {
      width: 1rem; } }
  @media screen and (max-width: 767px) {
    #genreSelect.-birth {
      width: 0.6rem;
      padding: 0.13rem 0.15rem 0.13rem 0.1rem; } }
  @media screen and (min-width: 768px), print {
    #genreSelect.-birth.-year {
      width: 1.2rem; } }
  @media screen and (max-width: 767px) {
    #genreSelect.-birth.-year {
      width: 1rem; } }
/* 番組表 */
#timetable {
  position: relative;
  width: 100%;
  padding-top: 75px; }
  #timetable * {
    box-sizing: content-box	!important; }

/* 日付表示部 */
#weeklyDays {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  z-index: 10;
  display: flex;
  justify-content: space-between; }
  @media screen and (min-width: 768px), print {
    #weeklyDays {
      background-color: #181818; } }
  @media screen and (max-width: 767px) {
    #weeklyDays {
      height: 80px; } }
  @media screen and (min-width: 768px), print {
    #weeklyDays .lastday,
    #weeklyDays .nextday {
      width: 21px;
      height: 100%;
      position: relative; }
      #weeklyDays .lastday a,
      #weeklyDays .nextday a {
        display: block;
        width: 100%;
        height: 100%; }
        #weeklyDays .lastday a::before,
        #weeklyDays .nextday a::before {
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_4392%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%204392%22%20transform%3D%22translate(-279%20-398)%22%3E%0A%20%20%20%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_29%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2029%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%20transform%3D%22translate(279%20398)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22Arrows-Diagrams_Arrows_arrow-button-circle-left-1%22%20data-name%3D%22Arrows-Diagrams%20%2F%20Arrows%20%2F%20arrow-button-circle-left-1%22%20transform%3D%22translate(279%20398)%22%3E%0A%20%20%20%20%20%20%3Cg%20id%3D%22Group%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Bold%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M6.5%2C13A6.5%2C6.5%2C0%2C0%2C1%2C1.9%2C1.9%2C6.5%2C6.5%2C0%2C1%2C1%2C11.1%2C11.1%2C6.458%2C6.458%2C0%2C0%2C1%2C6.5%2C13ZM7.973%2C2.745a.272.272%2C0%2C0%2C0-.173.063L3.621%2C6.292a.27.27%2C0%2C0%2C0%2C0%2C.416L7.8%2C10.193a.271.271%2C0%2C0%2C0%2C.444-.209V8.528a.271.271%2C0%2C0%2C0-.1-.214l-2.2-1.71a.135.135%2C0%2C0%2C1%2C0-.214l2.2-1.706a.271.271%2C0%2C0%2C0%2C.1-.214V3.016a.273.273%2C0%2C0%2C0-.156-.246A.269.269%2C0%2C0%2C0%2C7.973%2C2.745Z%22%20fill%3D%22%23dc000c%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") center center;
          background-size: 100% auto;
          content: '';
          width: 13px;
          height: 13px;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          margin: auto; } }
  @media screen and (max-width: 767px) {
    #weeklyDays .lastday,
    #weeklyDays .nextday {
      line-height: 1;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      display: flex;
      align-items: center; }
      #weeklyDays .lastday a,
      #weeklyDays .nextday a {
        background-color: #f5f5f5;
        border-radius: 0.03rem;
        color: #181818;
        display: block;
        font-weight: 700;
        text-decoration: none;
        padding: 0.1rem 0.2rem; } }
#weeklyDays .lastday {
  outline: none;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    #weeklyDays .lastday {
      left: 0.1rem; }
      #weeklyDays .lastday a::before {
        content: '前日へ'; }
      #weeklyDays .lastday a img {
        display: none; } }
#weeklyDays .nextday {
  outline: none;
  overflow: hidden; }
  @media screen and (min-width: 768px), print {
    #weeklyDays .nextday a::before {
      transform: scale(-1, 1); } }
  @media screen and (max-width: 767px) {
    #weeklyDays .nextday {
      right: 0.1rem; }
      #weeklyDays .nextday a::before {
        content: '翌日へ'; }
      #weeklyDays .nextday a img {
        display: none; } }
#weeklyDays ul {
  display: flex; }
  @media screen and (min-width: 768px), print {
    #weeklyDays ul {
      border-radius: 2px;
      overflow: hidden;
      width: 896px;
      padding-top: 10px; } }
  @media screen and (max-width: 767px) {
    #weeklyDays ul {
      border: none;
      width: 100%; } }
#weeklyDays ul li {
  flex: 1;
  border-left: 1px solid #999;
  width: 127px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background: url(../../program/img/bg_otherday.gif) repeat-x left top;
  font-size: 14px;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    #weeklyDays ul li:not(:first-child) {
      display: none; } }
#weeklyDays ul li.today {
  background: url(../../program/img/bg_today.gif) repeat-x left top;
  color: #ffffff;
  border: none; }

#weeklyDays ul li.today a {
  color: #ffffff; }

#weeklyDays ul li.first {
  width: 126px;
  border-left: none;
  border-radius: 2px 0 0 2px; }
  @media screen and (max-width: 767px) {
    #weeklyDays ul li.first {
      background: #dc000c;
      width: 2rem !important;
      height: 80px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      font-size: 0.16rem; }
      #weeklyDays ul li.first a {
        color: #fff;
        text-decoration: none;
        pointer-events: none;
        margin-top: -9px; } }
#weeklyDays ul li.last {
  width: 126px;
  border-radius: 0 2px 2px 0; }

@media screen and (min-width: 768px), print {
  #ttBox {
    width: 940px;
    overflow: auto;
    background: url(../../program/img/bg_timetable.gif) repeat-y left top; } }

/* 時刻 */
#ttBox ul {
  background-color: #E4E4E4;
  border: 1px solid #999;
  border-bottom: none; }

#ttBox ul#box1 {
  float: left; }

#ttBox ul#box2 {
  float: right; }

#ttBox ul li {
  width: 18px;
  border-bottom: 1px solid #999; }

/* 時刻ジャンプ用 */
.hourJump {
  position: absolute;
  left: 0; }

#h12 {
  top: 1261px; }

#h18 {
  top: 2341px; }

#h24 {
  top: 3421px; }

.ttPgm {
  border-bottom: 1px solid #999;
  line-height: 1.4;
  overflow: hidden;
  padding: 0 7px;
  position: absolute;
  z-index: 1; }
  @media screen and (min-width: 768px), print {
    .ttPgm {
      font-size: 14px;
      width: 113px; } }
  @media screen and (max-width: 767px) {
    .ttPgm {
      font-size: 0.14rem;
      width: 3.08rem; }
      .ttPgm:not(.-today) {
        display: none !important; } }
.ttPgm .ttBox {
  padding: 7px 0; }

.ttPgm .ttTime {
  font-size: 12px;
  color: #444; }

.ttPgm .ttTitle {
  font-weight: bold; }

.ttPgm .ttIcons {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 0.05rem; }
  .ttPgm .ttIcons li:not(:last-child) {
    margin-right: 0.02rem; }
  .ttPgm .ttIcons img {
    width: 0.16rem !important;
    height: auto !important; }
    .ttPgm .ttIcons img:not(:last-child) {
      margin-right: 0.02rem; }

.ttPgm .ttSubtitle {
  font-size: 12px;
  color: #444;
  margin-top: 8px; }

@media screen and (min-width: 768px), print {
  #ttPgms {
    height: auto !important; } }

#ttPgms .hover {
  background-color: #ffe5e7 !important;
  overflow: visible;
  z-index: 10;
  border: 2px solid #e50000;
  margin: -2px;
  left: 0; }

/* ページの先頭へ */
#toTheTop {
  position: fixed;
  display: none;
  width: 55px;
  left: 50%;
  bottom: 10px;
  margin-left: 413px;
  z-index: 2000; }

@media screen and (min-width: 768px), print {
  #ttFoot {
    margin-top: 0.4rem; } }

@media screen and (max-width: 767px) {
  #ttFoot {
    padding: 0 0.15rem 0.15rem; } }

#infos {
  width: 460px; }

#infos ul {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 5px 14px; }

#infos li {
  padding: 5px 0; }

#infos li .timestamp {
  font-size: 11px;
  color: #656565;
  display: inline-block;
  margin-right: 8px; }

#iconDescription {
  width: 420px; }

/* youtube
============================================================= */
.youtube {
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative; }
  .youtube iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; }