/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
  width: 100%;
  height: auto;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
@charset "UTF-8";
/* CSS Document */

html{
  font-family: Hiragino Sans, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro",
  "メイリオ", Meiryo, sans-serif;
  font-weight: 300;

  -webkit-font-smoothing: antialiased;
}

body{
  box-sizing: border-box;
  background: #fff;
  /* #fafafa;*/
  color: var(--gray-scale-color-black);

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

dd, dl, dt, figure, h1, h2, h3, h4, h5, h6, li, ol, p, ul{
  padding: 0;
  margin: 0;
  line-height: 1.5em;
}

a{
  display: block;
  color: var(--gray-scale-color-black);
  text-decoration: none;
}

a:hover{
  opacity: 0.8;
}

/*user agent stylesheetを打ち消すため/*/
body a{
  color: var(--gray-scale-color-black);
}

body a:hover{
  color: var(--gray-scale-color-black);
}

/*/user agent stylesheetを打ち消すため*/

li{
  list-style: none;
}

h2{
  margin: 15px 0 15px 0;
  font-size: 18px;
  font-weight: 700;
}

/*h2 見出しと説明*/
.title__main{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.title__description{
  vertical-align: middle;
  font-size: 10px;
}

section{
  margin-bottom: 30px;
}

strong, b{
  font-weight: bold;
}

/*  201512追加//キャプション// */
.wp-caption{
  max-width: 100%;
  padding: 0;
  background: #fff;
  border: none;
  text-align: center;
}

.wp-caption-text{
  color: #999;
  font-size: 80%;
}

/*instagramのiframe*/
iframe[src*="instagram"]{
  width: 98% !important;
}

/* layout
   ========================================================================== */
.main-header{
  width: 100%;
  height: auto;
  padding: 20px 0 35px;
}

.header{
  width: 1018px;
  margin-left: auto;
  margin-right: auto;
}

.header__description{
  display: block;
  margin-bottom: 10px;
}

.header__description p{
  color: #77736f;
  font-size: 11px;
  line-height: 1.3em;
}

.header_logo{
  display: inline-block;
  width: 368px;
}

.header_logo img{
  display: block;
  width: 240px;
}

@media only screen and (max-width: 1060px){
  .header__description{
    margin-left: 10px;
  }

  .header_logo img{
    margin-left: 10px;
  }
}

.main-container{
  width: 1018px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.l-content{
  float: left;
  width: 652px;
  overflow: hidden;
}

/* ml-sliderのｐｃのみのスタイルこちらに記載/ */
.metaslider .caption{
  padding: 25px 20px 15px !important;
  font-size: 21px;
  line-height: 1.4;
}

/* /ml-sliderのｐｃのみのスタイルこちらに記載 */

.l-side{
  float: right;
  width: 336px;
  overflow: hidden;
}

.l-side h2{
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 15px;
}

.l-side h3, .widget h3{
  margin-bottom: 10px;
  font-size: 15px;
}

.l-side .button_more{
  margin-top: 20px;
}

/* button
   ========================================================================== */
.button_more{
  box-sizing: border-box;
  display: block;
  width: 336px;
  padding-top: 18px;
  padding-bottom: 18px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  border: 1px solid #4f442c;
  font-size: 14px;
  text-align: center;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* compornents
   ========================================================================== */
.articlelist li{
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}

.articlelist .articlelist_img{
  display: table-cell;
}

.articlelist .articlelist_img img{
  display: block;
  width: 100px;
  height: 100px;

  -o-object-fit: cover;
  object-fit: cover;
}

.articlelist_box{
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}

.articlelist .articlelist_title{
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;
  position: relative;
}

.articlelist .articlelist_txt{
  height: 38px;
  margin: 5px 0 25px;
  overflow: hidden;
  color: #88847a;
  font-size: 12px;

  text-overflow: clip;
}

.articlelist .articlelist_date{
  display: block;
  color: #ccc;
  font-size: 12px;
  line-height: 1em;
  position: absolute;
  bottom: 10px;
}

/* 新商品紹介 */

.articlelist2{
  width: 100%;
  overflow: hidden;
}

.articlelist2 li{
  box-sizing: border-box;
  float: left;
  width: 31.2%;
  margin-right: 20px;
  margin-bottom: 15px;
  background-color: #fff;
  overflow: hidden;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.articlelist2 li:nth-child(3n){
  margin-right: 0;
}

.articlelist2 li:nth-child(3n + 1){
  clear: left;
}

.articlelist2 .articlelist_img{
  vertical-align: middle;
  margin-bottom: 10px;
  overflow: hidden;
}

.articlelist2 .articlelist_img > img{
  display: block;
  width: 100%;
  height: 137px;

  -o-object-fit: cover;
  object-fit: cover;
}

.articlelist2 .articlelist_title{
  display: -webkit-box;
  height: 75px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6em;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.articlelist2 .articlelist_date{
  display: block;
  margin-top: 6px;
  margin-left: 10px;
  margin-bottom: 10px;
  color: #ccc;
  font-size: 12px;
  line-height: 1em;
}

/* 人気記事ランキング */

.articlelist3 li{
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.articlelist3 li .rank{
  padding: 4px 6px;
  background: #ffb5bb;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.articlelist3 li .rank_1{
  background: #f0b157;
}

.articlelist3 li .rank_2{
  background: #adbabc;
}

.articlelist3 li .rank_3{
  background: #967b4d;
}

.articlelist3 .articlelist_img{
  display: table-cell;
}

.articlelist3 .articlelist_img > img{
  display: block;
  width: 80px;
  height: 80px;

  -o-object-fit: cover;
  object-fit: cover;
}

.articlelist3 .articlelist_box{
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  position: relative;
}

.articlelist3 .articlelist_title{
  display: -webkit-box;
  height: 54px;
  overflow: hidden;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.6;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: clip;
}

/* 人気記事ランキング-TOP用 */

.articlelist-rank-top li{
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}

.articlelist-rank-top li .rank{
  padding: 4px 6px;
  background: #ffb5bb;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.articlelist-rank-top li .rank_1{
  background: #f0b157;
}

.articlelist-rank-top li .rank_2{
  background: #adbabc;
}

.articlelist-rank-top li .rank_3{
  background: #967b4d;
}

.articlelist-rank-top .articlelist_img{
  display: table-cell;
}

.articlelist-rank-top .articlelist_img > img{
  display: block;
  width: 80px;
  height: 80px;

  -o-object-fit: cover;
  object-fit: cover;
}

.articlelist-rank-top .articlelist_box{
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  position: relative;
}

.articlelist-rank-top .articlelist_title{
  display: -webkit-box;
  overflow: hidden;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: clip;
}

/* もっと見る遷移後/ */
#popular{
  float: left;
  width: 652px;
  overflow: hidden;
}

#popular > .articlelist3 li{
  margin-bottom: 20px;
}

#popular > .articlelist3 li .rank{
  font-size: 12px;
}

#popular > .articlelist3 .articlelist_img > img{
  width: 100px;
  height: 100px;
}

#popular > .articlelist3 .articlelist_box{
  padding-left: 20px;
}

#popular > .articlelist3 .articlelist_title{
  display: -webkit-box;
  height: auto;
  font-size: 14px;
  line-height: 1.8em;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* /もっと見る遷移後 */

/* 区長インタビュー/ */

.postCover{
  vertical-align: middle;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.postCover img{
  display: block;
  height: auto;

  -o-object-fit: cover;
  object-fit: cover;
}

.articlelist4{
  width: 100%;
  overflow: hidden;
}

.articlelist4 li{
  box-sizing: border-box;
  float: left;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 15px;
  background-color: #fff;
  overflow: hidden;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.articlelist4 li:nth-child(2n){
  margin-right: 0;
}

.articlelist4 li:nth-child(2n + 1){
  clear: left;
}

.articlelist4 .articlelist_img{
  vertical-align: middle;
  margin-bottom: 10px;
  overflow: hidden;
}

.articlelist4 .articlelist_img > img{
  display: block;
  width: 100%;
  height: 200px;

  -o-object-fit: cover;
  object-fit: cover;
}

.articlelist4 .articlelist_title{
  display: -webkit-box;
  height: 40px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6em;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.articlelist_txt{
  display: -webkit-box;
  height: 53px;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
  overflow: hidden;
  font-size: 12px;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.articlelist4 .articlelist_date{
  display: block;
  margin-top: 6px;
  margin-left: 15px;
  margin-bottom: 10px;
  color: #ccc;
  font-size: 12px;
  line-height: 1em;
}

/* /区長インタビュー */

/*
.carousel {
    width:100%;
    padding: 0;
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch;
    overflow-scrolling:touch;
    white-space:nowrap;
}

.carousel li {
    margin: 5px;
    text-align: center;
    display: inline-block;
}

.carousel p{
    line-height: 1.8em;
}

.carousel .sp_slide {
    width: 165px;
}

.carousel .circle {
    width: 120px;
    border-radius: 50%;
}
.carousel .pro {
    font-size: 8px;
}
.carousel .name {
    font-size: 11px;
    line-height: 1em;
}
.carousel img {
    margin-bottom: 20px;
    vertical-align: bottom;
}

*/

.popularity-items{
  width: 100%;
  padding: 0;
  font-size: 0;
}

.popularity-item{
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.popularity-item:nth-child(4n){
  margin-right: 0;
}

.popularity-item img{
  box-sizing: border-box;
  vertical-align: bottom;
  width: 155px;
  height: auto;
  border: 1px solid #e3e3e3;
}

/*//////////topページ専門家///////////*/

#carousel{
  width: 652px;
  margin-bottom: 30px;
}

.carousel-items{
  font-size: 0;
  text-align: center;
}

.carousel-item{
  display: inline-block;
  width: 140px;
  text-align: center;
}

.carousel-item img{
  vertical-align: middle;
  max-width: 165px;
  height: auto;
}

.carousel .circle{
  width: 110px;
  margin-bottom: 20px;
  border-radius: 50%;
}

.carousel .pro{
  margin-bottom: 3px;
  font-size: 9px;
  text-align: center;
}

.carousel .name{
  font-size: 11px;
  text-align: center;
}

/*//////////topページ専門家終わり///////////*/

.bannerAD{
  vertical-align: middle;
  margin-bottom: 30px;
  text-align: center;
}

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

.banner{
  margin-bottom: 10px;
}

.banner img{
  vertical-align: bottom;
  width: 100%;
  /*余白消し*/
  height: auto;
}

.tagList__inner{
  padding: 15px;
  background: #fff;
}

.tagList li{
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
}

.tagList a::before{
  content: "#";
  display: inline;
  vertical-align: middle;
  padding-right: 2px;
  cursor: default;
  pointer-events: none;
  position: relative;
  top: -2px;
}

.tagList a:hover{
  margin-bottom: -1px;
  border-bottom: 1px solid #4f442c;
  opacity: 1;
}

.tagList a:hover{
  margin-bottom: -1px;
  border-bottom: 1px solid #4f442c;
  opacity: 1;
}

/* snsLink__inner */
.snsLink__inner{
  padding: 15px;
  background: #fff;
}

.snsLink__inner .snsLink__items{
  list-style: none;
  margin-top: 16px;
  line-height: 0;
  text-align: center;
}

.snsLink__inner .snsLink__items li:first-child{
  margin-left: 0;
}

.snsLink__inner .snsLink__items li{
  display: inline-block;
  width: auto;
  margin-left: 5px;
  font-size: 14px;
}

.snsLink__inner p{
  margin-top: 16px;
  font-size: 12px;
  text-align: center;
}

.snsLink__inner .snsLink__items a{
  display: block;
  width: 40px;
  height: 40px;
  text-indent: 105%;
  overflow: hidden;
}

.categoryNav{
  width: 625px;
}

.categoryNav h2{
  display: inline-block;
  margin-top: 0;
  margin-right: 6px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.categoryNav a{
  display: block;
  min-width: 36px;
  padding: 8px 20px 7px;
  background-color: #ffb5bb;
  border-radius: 32px;
  color: #fff;
  text-align: center;
  transition: 0.3s linear;

  transition-property: all;
}

.categoryNav a:active, .categoryNav a:hover{
  background-color: #ff838d;
  color: #fff;
}

footer{
  background-color: #faf9f8;
  /*#e8e4e4; */
}

.footer__inner{
  box-sizing: border-box;
  width: 1018px;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  /*padding-bottom: 30px;*/

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* categoryNav/ */
.footer__categoryNav{
  float: left;
  display: inline-block;
  width: 520px;
}

.footer__categoryNav p{
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
}

.footer__categoryNav__items{
  overflow: hidden;
}

.footer__categoryNav__items li{
  float: left;
  width: 127px;
  margin-bottom: 5px;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-align: left;
}

.footer__categoryNav__items li:nth-child(4n + 1){
  clear: left;
}

.footer__categoryNav__items li a{
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #5f5644;
}

/* /categoryNav */

.footer__logo{
  float: right;
  display: block;
  width: 360px;
  margin-bottom: 20px;
  text-align: center;
}

.footer__logo img{
  width: 200px;
}

/* description/ */

.footer__description{
  display: block;
  margin-bottom: 10px;
  text-align: justify;

  text-justify: inter-ideograph;
}

.footer__description h1{
  margin-bottom: 20px;
  color: #5f5644;
  font-size: 14px;
}

.footer__description p{
  color: #5f5644;
  font-size: 10px;
  line-height: 20px;
}

/* /description */

.footerBtm__inner{
  clear: both;
  padding-top: 40px;
}

/* globalNav__items/ */
.footer__globalNav__items{
  display: inline-block;
  margin-bottom: 5px;
}

.footer__globalNav__items li{
  display: inline-block;
  line-height: 1.3em;
}

.footer__globalNav__items li a{
  display: inline-block;
  width: auto;
  height: 20px;
  color: #5f5644 !important;
  font-size: 9px;

  white-space: nowrap;
}

.footer__globalNav__items li::after{
  content: "|";
  padding-left: 5px;
  padding-right: 4px;
  cursor: default;
  pointer-events: none;
  color: #5f5644;
  font-size: 11px;
}

/* /globalNav__items */
/* copyright/ */
.footer__copyright p{
  display: inline-block;
  color: #5f5644;
  font-size: 10px;
  line-height: 1.5em;
}

/* /copyright */

/*  header login */
.header__login{
  display: inline-block;
  vertical-align: top;
  width: 290px;
  padding-top: 8px;
  padding-right: 14px;
  text-align: center;
}

.header__login a:hover{
  opacity: 0.8;
  color: #fff !important;
  transition: 0.5s ease-in-out;
  filter: alpha(opacity=80);

  -moz-opacity: 0.8;
}

.header__items li{
  display: inline-block;
  margin-left: 13px;
}

.buttonRedMin, .buttonRedMinSP{
  clear: both;
  display: block;
  max-width: 300px;
  padding: 10px 0;
  margin-left: auto;
  margin-right: auto;
  background-color: #2b2827;
  background-color: #f92962;
  border: 1px solid #f92962;
  border-radius: 25px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  position: relative;
}

.buttonRedMin{
  width: 120px;
  font-size: 16px;
  font-size: 12px;
  line-height: 26px;
  line-height: 10px;
}

.buttonMin, .buttonMinSP{
  clear: both;
  display: block;
  width: 98px;
  max-width: 300px;
  padding: 3px 0;
  margin-left: auto;
  margin-right: auto;
  background-color: #2b2827;
  border: 1px solid #2b2827;
  border-radius: 25px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  position: relative;
}
/* .is-noad */
.buttonMin.is-noad{
  background-color: #f92962;
  border: 1px solid #f92962;
}

.header__itemNormal a{
  font-size: 14px;
}

a.buttonLogout:hover{
  display: block;
  cursor: pointer;
  color: #333 !important;
}

.footer__snsLink{
  display: block;
  text-align: center;
}

.footer__snsLink__items{
  list-style: none;
  text-align: center;
}

.footer__snsLink__items li{
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin-left: 10px;
  font-size: 14px;
}

.footer__snsLink__items li:first-child{
  margin-left: 0;
}

.footer__snsLink__items a{
  display: block;
  width: 40px;
  height: 40px;
  text-indent: 105%;
  overflow: hidden;
}

.snsLink_facebook a{
  background: url("../img/ico_facebook.png?2") no-repeat 50%;
  background-size: 28px;
  border-radius: 10%;
}

.snsLink_twitter a{
  background: url("../img/ico_twitter.png?2") no-repeat 50%;
  background-size: 28px;
  border-radius: 10%;
}

.snsLink_instagram a{
  background: url("../img/ico_instagram.png?2") no-repeat 50%;
  background-size: 28px;
  border-radius: 10%;
}

.snsLink_line a{
  background: url("../img/ico_line.png?2") no-repeat 50%;
  background-size: 28px;
  border-radius: 10%;
}

.snsLink_pinterest a{
  background: url("../img/ico_pinterest.svg") no-repeat 50%;
  background-size: 28px;
  border-radius: 10%;
}

.snsLink_youtube a{
  background: url("../img/ico_youtube.svg") no-repeat 50%;
  background-size: 28px;
  border-radius: 10%;
}

/* /sns */

/* #searchform/ */
.m_rss1{
  display: inline-block;
  vertical-align: top;
  width: 320px;
  position: relative;
}

.m_rss2{
  display: none !important;
}

fieldset, fieldset > input{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /*ブラウザ別に設定されているデフォルトスタイルを無効*/
}

fieldset, form{
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
}

.m_rss1 #s{
  box-sizing: border-box;
  width: 100%;
  height: 45px;
  padding: 2px 42px 2px 8px;
  background: none;
  background-color: #e1e1e1;
  border: none;
  border: solid 1px #dadada;
  border-bottom: none;
  border-radius: 4px;
  font-size: 14px;
  line-height: 35px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.m_rss1 input[type="image"]{
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);

  -webkit-transform: translateY(-50%);
}

/*headerNavの箇所の調整*/

/*▼▼▼▼▼▼▼▼▼style.css 移植▼▼▼▼▼▼▼▼▼*/

.article{
  float: left;
  width: 652px;
  margin-bottom: 10px;
  overflow: hidden;
}

#content_box{
  overflow: hidden;
}

.breadcrumbs{
  width: 100%;
  margin-bottom: 10px;
  color: var(--gray-scale-color-black);
  font-size: 0.625em;
  line-height: 1.5em;
}

.breadcrumbs a{
  display: inline-block;
}

.breadcrumbs a:link, .breadcrumbs a:hover{
  color: var(--gray-scale-color-black);
  text-decoration: underline;
}

/*タイトル系*/

.title{
  clear: both;
  margin-bottom: 5px;
  font-size: 0.875em;
  line-height: 1.6;
}

.single-title{
  float: left;
  padding: 0 20px 15px 20px;
  margin-bottom: 7px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
  "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 21px;
  font-weight: bold;
  line-height: 30px;
}


/*西暦月日*/
.single-postmeta{
  clear: both;
  float: left;
  display: block;
  margin: 5px 20px 0 20px;
  color: #868686;
  font-size: 0.75em;
  line-height: 24px;
}

.single_post{
  padding-bottom: 10px;
  background-color: #fff;
}

.single_post a{
  display: inline;
  color: var(--gray-scale-color-black);
  text-decoration: underline;
}

/* .is-member */
.single_post.is-member{
  pointer-events: none;
  position: relative;
}

.single_post.is-member::before, .single_post.is-member::after{
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
}

.single_post.is-member::before{
  height: 100px;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  top: 120px;
}

.single_post.is-member::after{
  height: calc(100% - 220px);
  background: #fff;
  bottom: 0;
}

.single_post.is-member .c_area{
  pointer-events: none;
}

.c_area{
  clear: both;
  margin: 0 20px 10px 20px;
}

.c_area h2{
  padding: 6px 10px;
  margin: 0 0 20px !important;
  background: #f4f1e7;
  font-size: 19px;
}

.c_area h3{
  padding: 5px 3px;
  margin: 30px 0 20px 0;
  border-bottom: 2px solid #c5c2be;
  font-size: 17px;
}

.c_area p{
  margin-bottom: 20px;
  line-height: 1.8em !important;
  word-wrap: break-word;
}

.c_area img{
  max-width: 100%;
  height: auto;
}

/* 本文の自動整形(wpautop)をオフにしたため */
.c_area div .content{
  margin-bottom: 20px;
  line-height: 1.8;
  word-wrap: break-word;
}

/*タレントコラム用image/*/
.c_area .aligncenter{
  margin: 0.3em auto 0 auto !important;
}

.c_area img.aligncenter, .c_area img.alignnone{
  display: block;
}

/*/タレントコラム用image*/

/* 記事詳細「会員登録して続きを読む」エリア */
.c-readmore{
  height: 500px;
  overflow: hidden;
  position: relative;
}

.c-readmore__box{
  display: flex;
  justify-content: center;
  width: 100%;
  position: absolute;
  top: 150px;
  left: 0;
  z-index: 2;
}

.c-readmore__box__heading{
  padding-left: 20px;
  margin: 0 !important;
  color: var(--gray-scale-color-black);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  position: relative;
}

.c-readmore__box__heading::before{
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin: auto;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_5040_543)%22%3E%0A%3Cpath%20d%3D%22M8.00016%202.50008C9.31564%202.50008%2010.3811%203.5256%2010.3811%204.79175V6.16675H5.61921V4.79175C5.61921%203.5256%206.68469%202.50008%208.00016%202.50008ZM3.71445%204.79175V6.16675H3.23826C2.18766%206.16675%201.3335%206.98888%201.3335%208.00008V13.5001C1.3335%2014.5113%202.18766%2015.3334%203.23826%2015.3334H12.7621C13.8127%2015.3334%2014.6668%2014.5113%2014.6668%2013.5001V8.00008C14.6668%206.98888%2013.8127%206.16675%2012.7621%206.16675H12.2859V4.79175C12.2859%202.5144%2010.3662%200.666748%208.00016%200.666748C5.63409%200.666748%203.71445%202.5144%203.71445%204.79175ZM8.95254%209.83341V11.6667C8.95254%2012.1738%208.52695%2012.5834%208.00016%2012.5834C7.47338%2012.5834%207.04778%2012.1738%207.04778%2011.6667V9.83341C7.04778%209.32638%207.47338%208.91675%208.00016%208.91675C8.52695%208.91675%208.95254%209.32638%208.95254%209.83341Z%22%20fill%3D%22%23B38D1B%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_5040_543%22%3E%0A%3Crect%20width%3D%2213.3333%22%20height%3D%2214.6667%22%20fill%3D%22white%22%20transform%3D%22translate(1.3335%200.666748)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat top left / 100% 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.c-readmore__box__buttons{
  max-width: 358px;
  padding-top: 10px;
  margin: 0 auto;
}

.c-readmore__box__buttons a{
  margin-top: 16px;
}

.c-readmore__wrap{
  height: 100%;
  pointer-events: none;
  position: relative;
  z-index: 1;
}

.c-readmore__wrap *{
  pointer-events: none;
}

.c-readmore__wrap > *:nth-child(n+3){
  display: none;
}

.c-readmore__wrap > *:nth-child(n+2) img{
  filter: blur(5px);
}

.c-readmore__wrap::before, .c-readmore__wrap::after{
  content: "";
  display: block;
  width: 100%;
  pointer-events: none;
  position: absolute;
  left: 0;
  z-index: 2;
}

.c-readmore__wrap::before{
  height: 100px;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  top: 0;
}

.c-readmore__wrap::after{
  height: calc(100% - 100px);
  background: #fff;
  bottom: 0;
}
/* /記事詳細「会員登録して続きを読む」エリア */

/* 会員登録への導線用エリア */
.c_attention{
  padding: 20px;
  background: #faf9f8;
}

.c_attention .buttonRedMin{
  display: block;
  margin-top: 5px;
  color: #fff;
  text-decoration: none;
}

/*引用*/

blockquote{
  padding: 10px 20px;
  margin: 0 0 20px;
  background: rgb(254, 252, 223);
  font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
  "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  position: relative;
}

blockquote::before{
  content: "“";
  font-family: "ＭＳ Ｐゴシック", sans-serif;
  color: #eabc4d;
  font-size: 200%;
  line-height: 1em;
  position: absolute;
  top: 5px;
  left: 5px;
}

blockquote p{
  margin-bottom: 15px !important;
}

/*引用*/
/*記事装飾*/
.pen_pink{
  background: linear-gradient(transparent 40%, #ffd1de 40%);
}

/*記事装飾*/
.ref_topics{
  padding: 10px;
  border: solid 1px #e7e7e7;
}

.b_zone{
  margin: 10px 0;
  color: #999 !important;
  font-size: 12px !important;
  line-height: 1.5em !important;
  position: relative;
}

/*widget-sidebar系*/
#sidebars .widget{
  /*background-color: #fafafa;*/
  background: #f7f4f0 !important;
}

@media screen and (max-width: 400px){
  #sidebars .widget{
    padding: 1px 10px 1px 10px;
  }
}

.widget{
  margin-bottom: 0;
  overflow: hidden;
}

#sidebars .widget{
  padding: 10px;
  padding-top: 0;
  background: white;
}

.widget .title{
  color: #545e68;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

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

/*編集部ピックアップ記事/取材・インタビューを囲っているwrap*/
#npcatch{
  width: 100%;
  padding-top: 5px;
  padding-bottom: 10px;
  margin: 0 0 5px;
  background: #fff;
  box-shadow: rgba(82, 82, 82, 0.12) 0 0 1px 1px;
  font-size: 0.813em !important;

  -webkit-box-shadow: rgba(82, 82, 82, 0.12) 0 0 1px 1px;
  -moz-box-shadow: rgba(82, 82, 82, 0.12) 0 0 1px 1px;
}

#npcatch .title{
  padding: 0;
  color: var(--gray-scale-color-black);
}

#npcatch li{
  clear: both;
  vertical-align: top;
  padding: 10px 10px 0 10px;
  margin: 0 0 5px;
  background: #fff;
  overflow: hidden;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
  "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  color: var(--gray-scale-color-black);
  color: var(--gray-scale-color-black);
  color: var(--gray-scale-color-black);
  font-size: 1em;
  line-height: 1.3em !important;
}

.sidebar.c-4-12 a{
  color: #868686;
}

/*いろいろ追加（カテゴリー色分け）*/
/*変更する場合、functions.php#is_grid_list_categoryも修正*/
.mama, .talentcolumn, .entertainment, .beauty, .husband, .health, .recipe, .child, .housework, .none, .news, .campaign, .sponsored, .partner, .fashion, .pregnancy, .birth, .life, .urumama, .manga{
  display: grid;
}

.mama, .fashion, .pregnancy, .birth, .life, .urumama{
  padding: 0 10px;
  background: #f97d7e !important;
  color: #fff;
  font-size: 0.625em;
  line-height: 1.7 !important;
  text-transform: uppercase;
}

.manga{
  padding: 0 10px;
  background: #6ab75c !important;
  color: #fff;
  font-size: 0.625em;
  line-height: 1.7 !important;
  text-transform: uppercase;
}

.talentcolumn{
  padding: 0 10px;
  background: #5b7fa1 !important;
  color: #fff;
  font-size: 0.625em;
  line-height: 1.7 !important;
  text-transform: uppercase;
}

.entertainment{
  padding: 0 10px;
  background: #ffaf88 !important;
  color: #fff;
  font-size: 0.625em;
  line-height: 1.7 !important;
  text-transform: uppercase;
}

.husband{
  padding: 0 10px;
  background: #96d3e5 !important;
  color: #fff;
  font-size: 0.625em;
  line-height: 1.7 !important;
  text-transform: uppercase;
}

.recipe, .partner{
  padding: 0 10px;
  background: #f2a248 !important;
  color: #fff;
  font-size: 0.625em;
  line-height: 1.7 !important;
  text-transform: uppercase;
}

.beauty{
  padding: 0 10px;
  background: #e64f78 !important;
  color: #fff;
  font-size: 0.625em;
  line-height: 1.7 !important;
  text-transform: uppercase;
}

.health{
  padding: 0 10px;
  background: #a069a0 !important;
  color: #fff;
  font-size: 0.625em;
  line-height: 1.7 !important;
  text-transform: uppercase;
}

.child{
  padding: 0 10px;
  background: #3fa880 !important;
  color: #fff;
  font-size: 0.625em;
  line-height: 1.7 !important;
  text-transform: uppercase;
}

.housework{
  padding: 0 10px;
  background: #635844 !important;
  color: #fff;
  font-size: 0.625em;
  line-height: 1.7 !important;
  text-transform: uppercase;
}

.none, .campaign, .sponsored, .news{
  padding: 0 10px;
  background: #ccc;
  color: #fff;
  font-size: 0.625em;
  line-height: 1.7 !important;
  text-transform: uppercase;
}

/*ライター紹介*/
.execphpwidget_ttl{
  border-bottom: 1px solid #ddd;
}

.author-info{
  padding: 10px;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #eee;
  overflow: hidden;
}

.author-avatar{
  float: left;
  margin-right: 10px;
}

.author-avatar img{
  width: 100%;
}

.avatar{
  float: left;
}

.author-link{
  margin-top: 5px;
  font-size: 11px;
  text-align: right;
}

.sidebar.c-4-12 a{
  color: #868686;
}

.author-description h2{
  margin: 0 0 5px;
  font-size: 13px;
}

.author-description p{
  font-size: 11px;
  line-height: 17px;
}

.author-description a{
  display: inline-block;
}

.author-description a:hover{
  opacity: 1;
  text-decoration: underline;
}

/*マンガかさん（カテゴリー）/*/
.postsby{
  margin-bottom: 5px;
  /* border-bottom: solid 2px #FFFFFF; */
  font-size: 1.125em;
}

.postsby .tt2{
  margin-left: 5px;
  color: #868686;
  font-size: 0.625em !important;
  font-weight: normal;
}

.category_des, .tag_des{
  margin-top: 10px;
  margin-bottom: 15px;
  color: #868686;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5em;
}

.post{
  float: left;
  width: 31.7%;
  height: 240px;
  margin-right: 15px;
}

.last{
  margin-right: 0 !important;
}

.excerpt{
  margin-bottom: 15px;
  background-color: #fff;
  position: relative;
}

.single_page{
  height: 100%;
  background-color: white;
  overflow: hidden;
}

.single .post{
  width: 99%;
  padding-right: 1%;
}

.post-content{
  clear: both;
  max-height: 76px;
  margin-top: 15px;
  margin-bottom: 10px;
  overflow: hidden;
}

#featured-thumbnail{
  float: left;
  width: 100%;
  max-width: 580px;
}

.featured-thumbnail{
  max-height: 139px;
  overflow: hidden;
}

.featured-thumbnail img{
  width: 100%;
  height: auto;
}

.wp-post-image{
  float: left;
}

.title_tblk{
  margin: 10px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}

.s_time{
  display: block;
  margin-bottom: 5px;
  color: #868686;
  font-size: 0.75em;
  font-weight: normal;
}

/*/マンガかさん（カテゴリー）*/

/*▼recommend系/▼*/

/*banner*/

.sq_bn{
  width: 300px !important;
}

/*▼あなたにおすすめ（poppin）▼*/
#_popIn_recommend{
  width: 98% !important;
  margin-left: 1%;
  margin-right: 1%;
}

._popIn_recommend_container{
  margin: 0 !important;
  position: relative;
}

/*タイトル*/
._popIn_recommend_header{
  padding: 8px;
  background-color: #ccc;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1;
}

/*囲っているwrap*/
._popIn_recommend_articles{
  background: #fff;

  white-space: nowrap;
}

._popIn_recommend_credit{
  opacity: 0.6;
  font-size: 10px;
  position: absolute;
  right: 5px;
  bottom: 25px;
}

div._popIn_infinite_page{
  overflow: hidden;
}

/*▼/あわせて読みたい(x-lift)▼*/

.x3_container{
  clear: both;
  padding: 0;
  background: #fafafa !important;
}

/*wisteriaに合わせる為の調整（768以上のスタイルに）*/
@media screen and (min-width: 768px){
  .x3_container{
    margin-left: 10px;
    margin-right: 10px;
  }
}

/*タイトル*/
.x3_header{
  padding: 5px;
  padding-top: 15px;
  padding-left: 0;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}

.x3_container ul{
  list-style: none !important;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.x3_container li{
  margin: 0;
}

.x3_articleArea a{
  display: block;
  padding: 10px 5px;
}

.x3_articleArea a:link, .x3_articleArea a:visited{
  color: var(--gray-scale-color-black);
  text-decoration: none;
}

/*▼/今、あなたにオススメ(wisteria)▼*/
#_wisteria_recommend_contents{
  background: #fafafa !important;
}

#_wisteria_recommend_contents ul li + div{
  clear: both;
  padding: 0 0 5px;
  font-family: arial;
  color: #999;
  font-size: 11px;
  text-align: right;
}

/*▲/recommend系▲*/

/* 利用規約/ */
.single_page{
  height: 100%;
  padding: 0 15px;
  margin-top: 5px;
  background-color: white;
  overflow: hidden;
}

.single_page header{
  margin-bottom: 0;
}

.single_page .title{
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 1.125em;
}

.single_page p{
  margin-bottom: 20px;
}

.single_page dt{
  font-weight: bold;
}

.single_page dd{
  margin-bottom: 15px;
}

/* /利用規約 */

/*お問い合わせページ（ご意見ご感想）*/
a.products-boxLink_y{
  box-sizing: border-box;
  display: block;
  max-width: 420px;
  padding: 15px 10px;
  margin: 20px auto;
  background: #f2a248;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3em;
  text-align: center;
  text-decoration: none !important;
  text-shadow: rgba(0, 0, 0, 0.1) 0 -1px 1px;
  position: relative;
}

span.wpcf7-form-control-wrap{
  position: relative;
}

.wpcf7-text{
  width: 90% !important;
  padding: 6px 6px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
  "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  color: var(--gray-scale-color-black) !important;
  font-size: 1em !important;
}

.wpcf7-textarea{
  width: 90% !important;
  padding: 6px 6px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
  "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  color: var(--gray-scale-color-black) !important;
  font-size: 1em !important;
}

span.wpcf7-list-item{
  margin-left: 0.5em;
}

.wpcf7-submit{
  padding: 5px 20px;
  background: #645b46 !important;
  border: none;
  border-radius: 0 !important;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
  "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  color: #fff !important;
  font-size: 1em;

  -webkit-appearance: none !important;
  webkit-border-radius: 0 !important;
}

/*mtlWrap(レシピ)/*/

.mtlWrap{
  margin: 0 0 10px;
}

.mtlWrap dt{
  float: left;
  margin: 0 0 8px;
}

.mtlWrap dd{
  margin: 0 0 8px;
}

/*/mtlWrap(レシピ)*/

/* 蛍光ペンピンク */
.pen_pink{
  background: linear-gradient(transparent 40%, #ffd1de 40%);
}

/*20170307記事中の強調箇所*/
.a_zone{
  /*padding: 10px 20px; */
  padding: 10px 10px 10px 10px;
  margin: 20px 0;
  background: #fff8f6;
  font-size: 16px;
  line-height: 1.6em;
  position: relative;
}

.a_zone p{
  margin-bottom: 10px !important;
}

/*20170307記事中の強調しない箇所*/
.b_zone{
  margin: 10px 0;
  color: #999 !important;
  font-size: 12px !important;
  line-height: 1.5em !important;
  position: relative;
}

.b_zone p{
  margin: 10px 0;
  color: #999 !important;
  font-size: 12px !important;
  line-height: 1.5em !important;
}

/* 広告個別対応201810-後日消す/ */
.pr_zone{
  padding: 10px 10px 10px 10px;
  margin: 20px 0;
  background: rgb(254, 252, 223);
  font-size: 16px;
  line-height: 1.6em;
  position: relative;
}

.pr_zone p{
  margin-bottom: 10px !important;
}

/* SNS系/ */

.sharewrap{
  overflow: hidden;
}

ul.socialBtn{
  margin: 0.6em 0;
}

.socialBtn li{
  list-style-type: none;
}

.socialBtn li a{
  float: left;
  width: 24%;
  height: 62px !important;
  margin: 0 auto;
  color: #fff;
  line-height: 62px !important;
  text-align: center;
  text-decoration: none;
  position: relative;
}

.socialBtn .fb a{
  display: inline-block;
  background: #5b7fa1;
}

.socialBtn .tw a{
  display: inline-block;
  background: #96d3e5;
}

.socialBtn .line a{
  display: inline-block;
  background: #69c92a;
}

.socialBtn li iframe{
  float: right;
  width: 26%;
}

.socialBtn li img{
  margin-top: 15px;
}

.socialBtn li span{
  display: none;
}

/*20160411追記(フォローしよう/友達に追加しよう)*/

ul.socialBtn_02{
  list-style: none;
  width: 100%;
  margin: 0;
  overflow: hidden;
  text-align: center;
}

.socialBtn_02 li a{
  display: block;
  width: 100%;
  color: #fff !important;
  font-size: 0.75em;
  line-height: 3;
  text-decoration: none;
}

.socialBtn_02 li{
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}

li.Btn_tw{
  float: left;
  width: 48%;
  background: #96d3e5;
}

li.Btn_line{
  float: right;
  width: 48%;
  background: #69c92a;
}

ul.socialBtn_02 img{
  vertical-align: middle;
}

/*/SNS系*/

/* 次ページボタン */
.c_area p{
  line-height: 1.8em !important;
  word-wrap: break-word;
}

.page-page{
  width: 100%;
  margin: 30px 0 30px;
  text-align: center;
}

.page-page a{
  display: inline-block;
  text-decoration: none;
}

.page-page a span{
  padding: 12px 15px;
  background: #fbecdf;
  border: 1px solid #fbecdf;
  border-radius: 18px;
  box-shadow: none;
  color: #000;
  font-weight: bold;

  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
}

/* /次ページボタン */

/* dash_border/ */
hr.dash_border{
  width: 100%;
  padding: 10px auto auto;
  border-top: dashed 1px #ccc;
  border-bottom: none;
}

hr{
  clear: both;
  margin: 35px 0;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

/* /dash_border */

/* pagination/ */
.pagination{
  clear: left;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 0.75em !important;
  text-align: center;
}

.pagination ul{
  display: inline-block;
  vertical-align: middle;
  list-style: none;
}

.pagination ul li{
  float: left;
  margin-right: 10px;
}

.pagination ul li:last-child{
  margin-right: 0;
}

.pagination .currenttext{
  background-color: #fff;
  border: solid 1px #635b46;
  color: var(--gray-scale-color-black);
}

.pagination a{
  background-image: url("/interspace/wp-content/themes/portal_v1-1child/images/bg_pt1.png");
  border: solid 1px #fff;
}

.pagination a, .pagination2{
  float: left;
  display: inline-block;
  padding: 8px 9px;
  background: #e4e4e4;
  color: #858585;
  line-height: 1.2em;
  text-decoration: none;
}

.currenttext, .pagination a:hover{
  float: left;
  display: inline-block;
  padding: 8px 9px;
  line-height: 1.2em;
  text-decoration: none;
}

/* /pagination */

/* youtube-container/ */
#youtube-container{
  height: 0;
  padding-top: 30px;
  padding-bottom: 56.25%;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}

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

/* /youtube-container */

/* #facebook-container/ */
#facebook-container{
  padding-top: 30px;
  padding-bottom: 80%;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}

#facebook-container iframe{
  width: 80%;
  height: 100% !important;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* /#facebook-container */

/*<!--レシピ特集-->*/
.parent1{
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0;
  margin-top: 2px;
  margin-bottom: 10px;
}

.parent1 div{
  float: left;
  width: 50%;
  text-align: center;
}

.parent1 .child{
  float: left;
  list-style: none;
  width: 100px;
  text-align: center;
}

.parent1 .child_on{
  padding-top: 8px;
  padding-bottom: 8px;
  background: #f2a248;
  color: #fff;
  font-size: 0.875em;
  position: relative;
}

.parent1 .child_off{
  padding-top: 8px;
  padding-bottom: 8px;
  background: #fff;
  color: #f2a248;
  font-size: 0.875em;
}

.parent1 .child_on::after{
  content: " ";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;

  border-top-color: #ea9e47;
}

/* レシピ特集ページ/ */
.special{
  clear: both;
  /*box-shadow:rgba(82, 82, 82, 0.05) 0px 0px 1px 1px;
    -webkit-box-shadow:rgba(82, 82, 82, 0.05) 0px 0px 1px 1px;
    -moz-box-shadow:rgba(82, 82, 82, 0.05) 0px 0px 1px 1px;*/
  width: 100%;
  margin-top: 10px;
  background: #fff;
  border-top: solid 2px #f2a248;
}

.special ul{
  display: table;
  table-layout: fixed;
  width: 100%;
}

.special .sp_tt1{
  display: table-cell;
  width: 10%;
  padding: 8px;
  border-right: 1px solid #eeeded;
  color: #f2a248;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

.special .sp_tt2{
  display: table-cell;
  padding: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}

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

.sp_imgul{
  margin-bottom: 5px;
}

.sp_imgul li{
  display: table-cell;
  vertical-align: middle;
  padding-top: 1px;
  padding-left: 1px;
}

.sp_imgul li img{
  display: block;
  max-width: 99%;
  height: auto;
}

.sp_blk{
  padding: 5px 10px 15px 10px;
  overflow: hidden;
}

.sp_read{
  margin-bottom: 20px;
  background: #fff;
  font-size: 12px;
  line-height: 1.6;
}

.sp_morebt{
  width: 60%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  background: #645b46;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

/* /レシピ特集ページ */
.fuji_ad{
  padding: 10px;
  margin: 0 0 20px 0;
  background-color: #f7f7f7;
  border: 1px solid #eee;
  font-weight: bold;
}

.fuji_ad a:hover{
  color: #69a7db !important;
  text-decoration: underline;
}

.fuji_ad a:link{
  color: #69a7db !important;
  text-decoration: underline;
}

.fuji_ad a:visited{
  color: #69a7db !important;
}

/* /ライター・イラストレーターページ */
.creater_wrap{
  min-height: 96px;
  margin: 20px 0;
}

.creater_thumb{
  float: left;
  width: 96px;
  height: 96px;
  padding-right: 15px;
}

.creater_info{
  display: table-cell;
}

.creater_name{
  display: table-cell;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}

.creater_name span{
  margin-left: 10px;
  color: #868686;
  font-size: 12px;
  font-weight: 400;
}

.creater_description{
  display: -webkit-box;
  width: 541px;
  height: 36px;
  margin: 5px 0;
  overflow: hidden;
  font-size: 12px;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.creater_more, .creater_more_02{
  margin-top: 15px;
  font-size: 12px;
  text-align: right;
}

.creater_more_02 a{
  display: inline-block !important;
}

.c_single_head{
  width: 652px;
  margin-bottom: 18px;
}

.c_single_head + .c_area_main .l-content{
  padding-top: 20px;
}

.c_single_time{
  color: #888;
  font-size: 12px;
  line-height: 1.6;
}

.c_single_heading{
  margin-top: 8px;
  color: #333;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}

.c_area_main ul{
  margin-left: 1em;
  margin-bottom: 1em;
}

.c_area_main li{
  list-style: disc;
}

rea_main li{
  list-style: disc;
}

/* =======================================================================
共通footer
======================================================================= */
footer#common{
  width: 100%;
  background-color: #faf9f8;
  overflow: hidden;
  text-align: center;
}

footer#common a{
  color: #2b2827;
}

footer#common .footer__inner{
  max-width: 1082px;
  padding-top: 10px;
  margin: 30px auto;
}

footer#common .footer__logo{
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

footer#common .footer__logo p{
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

.footer__logo img{
  width: 210px;
  height: auto;
}

@media only screen and (min-width: 980px){
  .footer__logo img{
    width: 260px;
    height: auto;
  }
}

.footer__end{
  color: #9c9592;
  font-size: 10px;
  text-align: center;
}

.pageTop__wrap{
  margin-bottom: 30px;
}

.pageTop__wrap a{
  display: inline-block;
  padding: 5px;
  color: #635d5a;
}

.pageTop__wrap img{
  width: 20px;
  height: auto;
  margin-bottom: 5px;
}

.pageTop__wrap span{
  display: block;
  font-size: 14px;
  line-height: 21px;
}

.footerNav{
  margin-bottom: 10px;
}

.footerNav ul{
  list-style: none;
  text-align: center;
}

.footerNav ul li{
  display: inline-block;
  margin-left: 10px;
}

.footerNav ul li a{
  display: block;
  padding: 5px;
  color: #635d5a;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}

.footerNav ul li a:first-of-type{
  margin-left: 0;
}

.globalNav nav{
  width: 100%;
  min-width: 320px;
  text-align: center;
}

.globalNav nav ul{
  list-style: none;
  line-height: 55px;
  text-align: center;
}

.globalNav nav ul li{
  display: block;
  margin-left: 0;
  margin-bottom: 35px;
}

.globalNav nav ul li a{
  display: block;
  font-size: 0.625rem;
  line-height: 15px;
  text-align: center;
}

.globalNav nav ul li a span{
  display: block;
  margin-top: 10px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 24px;
}

.globalNav nav ul li a > span{
  text-decoration: underline;
}

@media only screen and (min-width: 980px){
  .globalNav nav ul{
    list-style: none;
    line-height: 55px;
    text-align: center;
  }

  .globalNav nav ul li{
    display: inline-block;
    margin-left: 70px;
  }

  .globalNav nav ul li:first-of-type{
    margin-left: 0;
  }
}

/* =======================================================================
footer end
======================================================================= */

/* =======================================================================
吹き出し
======================================================================= */
.speech{
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.speech .face1, .speech .face2{
  float: left;
  width: 80px;
  margin-right: -90px;
}

.speech .face1 .name, .speech .face2 .name{
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.name span{
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
}

.speech .face1 img{
  width: 74px;
  height: auto;
  border: solid 3px #eedfd9;
  border-radius: 50%;
}

.speech .face2 img{
  width: 74px;
  height: auto;
  border: solid 3px #dcedf1;
  border-radius: 50%;
}

.speech .saywrap{
  width: 100%;
}

.says{
  display: inline-block;
  padding: 17px 13px;
  margin: 5px 0 0 105px;
  background: #f2f0e5;
  border-radius: 12px;
  position: relative;
}

.says:after{
  content: "";
  display: inline-block;
  border: 13px solid transparent;
  border-right: 13px solid #f2f0e5;
  position: absolute;
  top: 18px;
  left: -23px;
}

.says p{
  padding: 0;
  margin: 0;
  font-size: 14px;
}

/* =======================================================================
ガーデン診断用フォーム＆結果
======================================================================= */
.GardenDiagnostics__Wrap{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.GardenDiagnostics__Form{
  display: flex;
  justify-content: center;
  align-items: center;
}

.GardenDiagnostics__Form > *{
  margin: 0 0.25rem;
}

.GardenDiagnostics__Select{
  padding: 0.5rem;
}

.GardenDiagnostics__FormBtn{
  display: inline-flex;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 8px;
  background-color: #645b46;
  border: 1px solid #645b46;
  border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: 0.2s ease-in-out all;
}

.GardenDiagnostics__FormBtn:hover{
  opacity: 0.9;
}

.GardenDiagnostics__Results{
  margin-top: 2rem;
  text-align: center;
}

.GardenDiagnostics__ResultsImg{
  width: 240px;
}

.GardenDiagnostics__ResultsText{
  margin-top: 1rem;
}

.GardenDiagnostics__ResultsName{
  margin-top: 1rem;
  font-size: 2rem;
  font-weight: bold;
}

.GardenDiagnostics__ResultsBtn{
  display: inline-flex !important;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 0.5rem 1.5rem;
  margin-top: 1.5rem;
  background-color: #ef7373;
  border-radius: 6px;
  box-shadow: 0 2px 0 #a54e4e;
  cursor: pointer;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  text-decoration: none;
}

/* =======================================================================
連載漫画一覧ページ
======================================================================= */

.FeatureComic{
  padding: 1rem;
  background-color: #ffeaea;
  border-radius: 10px;
}

.FeatureComic__TitleBlock{
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #f5d6d6;
}

.FeatureComic__Title{
  display: flex;
  align-items: center;
  color: #ff1b5a;
}

.FeatureComic__Title::before{
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%23FF1B5A%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2215.5%22%20cy%3D%229.5%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%229.5%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zM12%2020c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208zm4.41-6.11c-.35-.22-.82-.11-1.03.24-.74%201.17-2%201.87-3.38%201.87s-2.64-.7-3.38-1.88c-.22-.35-.68-.46-1.03-.24-.35.22-.46.68-.24%201.03C8.37%2016.54%2010.1%2017.5%2012%2017.5s3.63-.97%204.65-2.58c.22-.35.11-.81-.24-1.03z%22%2F%3E%3C%2Fsvg%3E");
}

.ComicRanking{
  padding: 1rem;
  background-color: #fffbd9;
  border-radius: 10px;
}

.ComicRanking__TitleBlock{
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e9e5c3;
}

.ComicRanking__Title{
  display: flex;
  align-items: center;
}

.ComicRanking__Title::before{
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%2024%2024%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22%235f5644%22%3E%3Cg%3E%3Crect%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%2F%3E%3Crect%20fill%3D%22none%22%20height%3D%2224%22%20width%3D%2224%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C8c-1.45%2C0-2.26%2C1.44-1.93%2C2.51l-3.55%2C3.56c-0.3-0.09-0.74-0.09-1.04%2C0l-2.55-2.55C12.27%2C10.45%2C11.46%2C9%2C10%2C9%20c-1.45%2C0-2.27%2C1.44-1.93%2C2.52l-4.56%2C4.55C2.44%2C15.74%2C1%2C16.55%2C1%2C18c0%2C1.1%2C0.9%2C2%2C2%2C2c1.45%2C0%2C2.26-1.44%2C1.93-2.51l4.55-4.56%20c0.3%2C0.09%2C0.74%2C0.09%2C1.04%2C0l2.55%2C2.55C12.73%2C16.55%2C13.54%2C18%2C15%2C18c1.45%2C0%2C2.27-1.44%2C1.93-2.52l3.56-3.55%20C21.56%2C12.26%2C23%2C11.45%2C23%2C10C23%2C8.9%2C22.1%2C8%2C21%2C8z%22%2F%3E%3Cpolygon%20points%3D%2215%2C9%2015.94%2C6.93%2018%2C6%2015.94%2C5.07%2015%2C3%2014.08%2C5.07%2012%2C6%2014.08%2C6.93%22%2F%3E%3Cpolygon%20points%3D%223.5%2C11%204%2C9%206%2C8.5%204%2C8%203.5%2C6%203%2C8%201%2C8.5%203%2C9%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.SerializeComic{
  width: 100%;
  padding-top: 2rem;
  border-top: 2px solid #e5e5e5;
}

.SerializeComic__TitleBlock{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.SerializeComic__Title{
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}

.SerializeComic__TitleMoreBtn{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 32px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 32px;
  font-size: 12px;
  font-weight: bold;
}

.SerializeComic__TitleMoreBtn::after{
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.28%205.03a.75.75%200%200%200%200%201.06L7.18%209l-2.9%202.91a.75.75%200%201%200%201.05%201.06l3.45-3.45a.75.75%200%200%200%200-1.05L5.34%205.03a.76.76%200%200%200-1.06%200Z%22%20fill%3D%22%234D4529%22%2F%3E%3Cpath%20d%3D%22M9.22%205.03a.75.75%200%200%200%200%201.06L12.12%209l-2.9%202.91a.75.75%200%200%200%201.05%201.06l3.45-3.45a.75.75%200%200%200%200-1.05l-3.45-3.45a.75.75%200%200%200-1.05.01Z%22%20fill%3D%22%234D4529%22%2F%3E%3C%2Fsvg%3E");
}

.SerializeComic__MoreBtn{
  display: none;
}

.SerializeComic__List{
  display: grid;
  gap: 1rem;
  margin-top: 1rem;

  counter-reset: number 0;
  grid-template-columns: repeat(3, 1fr);
}

/* .is-member */
.SerializeComic__Item.is-member .SerializeComic__ItemTitle span{
  display: inline-block;
}

.SerializeComic__Item.is-member .SerializeComic__ItemTitle span::after{
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: no-repeat top left / 100% 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_897_2664)%22%3E%0A%3Cpath%20d%3D%22M8.00016%202.49984C9.31564%202.49984%2010.3811%203.52536%2010.3811%204.7915V6.1665H5.61921V4.7915C5.61921%203.52536%206.68469%202.49984%208.00016%202.49984ZM3.71445%204.7915V6.1665H3.23826C2.18766%206.1665%201.3335%206.98864%201.3335%207.99984V13.4998C1.3335%2014.511%202.18766%2015.3332%203.23826%2015.3332H12.7621C13.8127%2015.3332%2014.6668%2014.511%2014.6668%2013.4998V7.99984C14.6668%206.98864%2013.8127%206.1665%2012.7621%206.1665H12.2859V4.7915C12.2859%202.51416%2010.3662%200.666504%208.00016%200.666504C5.63409%200.666504%203.71445%202.51416%203.71445%204.7915ZM8.95254%209.83317V11.6665C8.95254%2012.1735%208.52695%2012.5832%208.00016%2012.5832C7.47338%2012.5832%207.04778%2012.1735%207.04778%2011.6665V9.83317C7.04778%209.32614%207.47338%208.9165%208.00016%208.9165C8.52695%208.9165%208.95254%209.32614%208.95254%209.83317Z%22%20fill%3D%22%23B38D1B%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_897_2664%22%3E%0A%3Crect%20width%3D%2213.3333%22%20height%3D%2214.6667%22%20fill%3D%22white%22%20transform%3D%22translate(1.3335%200.666504)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  pointer-events: none;
  position: relative;
  top: 2px;
  left: 0;
}

.SerializeComic__ItemInner{
  display: block;
}

.SerializeComic__Rank{
  position: relative;
}

.SerializeComic__Rank::after{
  content: counter(number) " ";
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 36px;
  height: 36px;
  padding-top: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2236px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2236px%22%20fill%3D%22%23FF1B5A%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%203H5v18l7-3%207%203V3z%22%2F%3E%3C%2Fsvg%3E");
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: -4px;
  left: 4px;

  counter-increment: number 1;
}

.SerializeComic__Img{
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;

  object-fit: cover;
}

.SerializeComic__Img--Yonkoma{
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}

.SerializeComic__ItemTitle{
  margin-top: 8px;
  font-size: 14px;
  font-weight: bold;
}

.SerializeComic__ItemTags{
  margin-top: 4px;
  color: #969393;
  font-size: 12px;
}

/* =======================================================================
広告案件特集ページ
======================================================================= */

.SponsorComicPickup{
  padding: 24px;
  margin-bottom: 0;
  background-color: #ffeaea;
  border-radius: 10px;

  grid-column: span 3;
}

.SponsorComicHeading{
  font-size: 24px;
}

.SponsorComicPickup__Heading2{
  margin-bottom: 0;

  grid-column: span 3;
}

.SponsorComicPickup__HeadingBlock{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
  border-bottom: 1px solid #ffccda;
}

.SponsorComicPickup__Heading{
  margin: 0;
  color: #eb1c1c;
  font-size: 20px;
  font-weight: bold;
}

.SponsorComicPickup__Heading::before{
  content: "";
  padding: 0 11px;
  margin-right: 0.3rem;
  background-image: url(../img/update-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

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

.SponsorComicPickup__Title{
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.SponsorComicPickup__Category{
  margin-bottom: 8px;
  color: #999;
  font-size: 11px;
  text-align: right;
}

.SponsorComicPickup__Description{
  display: -webkit-box;
  margin-top: 16px;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 12px;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.SponsorComicPickup__BtnBlock{
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.SponsorComicPickup__More{
  margin-top: 16px;
  font-weight: bold;
}

.SponsorComicPickup__Img{
  box-sizing: border-box;
  width: 280px;
  height: 160px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;

  object-fit: cover;
}

.SponsorComicPickup__Inner{
  display: flex;
  gap: 24px;
  margin-top: 16px;
}

.SerializeComic__List .wp-post-image{
  float: none;
}

.SponsorComicList__Category{
  margin-top: 10px;
  color: #ccc;
  font-size: 14px;
}

.SponsorComicList__Img{
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 10px;

  object-fit: cover;
}

/* 営業LP */

.AdsPage{
  box-sizing: border-box;
  width: 100%;
  max-width: 616px;
  color: #25211f;

  -webkit-box-sizing: border-box;
  scroll-behavior: smooth;
}

.AdsPage__Heading01{
  margin: 0;
  color: #ff1b59;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.AdsPage__Heading01::before{
  content: attr(en);
  display: block;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.3em;
}

.AdsPage .AdsHero__Img{
  width: 100%;
  height: auto;
  margin: auto;
}

.AdsPage .WhatSelect{
  padding: 0 16px;
  margin-top: 40px;
}

.AdsPage .WhatSelect__Lead{
  margin-top: 24px;
  margin-bottom: 0;
  color: #fb8e5f;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.AdsPage .WhatSelect__Remark{
  width: 100%;
  max-width: 347px;
  margin: 12px auto 0 auto;
  color: #fb8e5f;
  font-size: 12px;
  text-align: left;
}

.AdsPage .WhatSelect__Description{
  margin-top: 24px;
  color: #25211f;
  font-size: 20px;
  font-weight: 500;
}

.AdsPage .Youtube{
  margin-top: 64px;
}

.AdsPage .Youtube__Wrap{
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.AdsPage .Youtube__Wrap iframe{
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.AdsPage .Feature{
  padding: 64px 16px;
  margin-top: 64px;
  background-color: #fdf5f8;
}

.AdsPage .Feature__List{
  padding: 0;
  margin: 0;
}

.AdsPage .Feature__Item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 32px;
  list-style: none;
  margin-top: 40px;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.AdsPage .Feature__Img{
  width: 250px;
  position: relative;
}

.AdsPage .Feature__Img img{
  display: block;
  width: 200px;
  height: auto;
  margin-left: auto;
}

.AdsPage .Feature__Number{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 80px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2291%22%20height%3D%2289%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.237%2064.296c3.515%207.96%2011.091%2012.841%2019.214%2013.293%203.906%205.38%209.975%209.147%2017.1%209.919%206.46.7%2012.599-1.2%2017.385-4.859l9.131%206.035.547-8.921c8.692-.808%2015.912-7.639%2016.886-16.655a18.59%2018.59%200%200%200-.724-7.543A24.01%2024.01%200%200%200%2090.47%2040.36c1.21-11.202-5.451-21.43-15.545-25.183-1.817-6.95-7.766-12.39-15.342-13.21a17.81%2017.81%200%200%200-9.31%201.497%2023.517%2023.517%200%200%200-9.25-2.993C30.988-.61%2021.737%204.735%2017.367%2013.205%208.45%2015.961%201.574%2023.789.506%2033.661c-.511%204.763.391%209.36%202.386%2013.351a22.3%2022.3%200%200%200%20.345%2017.284Z%22%20fill%3D%22%23FFA4B9%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
}

.AdsPage .Feature__Number span{
  font-size: 24px;
}

.AdsPage .Feature__Lead{
  flex: 1;
  color: #25211f;

  -webkit-box-flex: 1;
  -ms-flex: 1;
}

.AdsPage .Feature__Lead span{
  color: #ff1b59;
  font-size: 1.5em;
}

.AdsPage .Flow{
  padding: 0 16px;
  margin-top: 64px;
}

.AdsPage .Flow__List{
  padding: 0;
  margin: 0;
  margin-top: 40px;
}

.AdsPage .Flow__Item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 32px;
  list-style: none;
  padding-left: 40px;
  position: relative;

  -webkit-box-align: center;
  -ms-flex-align: center;
}

.AdsPage .Flow__Item:not(:last-of-type)::after{
  content: "";
  width: 1px;
  height: 100%;
  border-left: 3px dotted #ffa4b9;
  position: absolute;
  top: 40px;
  left: 16px;
}

.AdsPage .Flow__Heading{
  margin: 0;
  margin-top: 24px;
  color: #25211f;
  font-size: 26px;
  font-weight: bold;
  position: relative;
}

.AdsPage .Flow__Heading::before{
  content: "";
  width: 12px;
  height: 12px;
  background-color: #ffa4b9;
  border-radius: 12px;
  position: absolute;
  top: 12px;
  left: -28px;
}

.AdsPage .Flow__Img{
  width: 160px;
  height: 160px;
  margin: 20px 0 20px 20px;
  text-align: center;
}

.AdsPage .Flow__Img img{
  max-height: 100%;
}

.AdsPage .Flow__Body{
  flex: 1;

  -webkit-box-flex: 1;
  -ms-flex: 1;
}

.AdsPage .Flow__Description{
  margin: 0;
  margin-top: 16px;
}

.AdsPage .Flow__Mark{
  position: relative;
}

.AdsPage .Flow__Mark::after{
  content: "※";
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: -10px;
  right: -5px;
  transform: scale(0.7);
}

.AdsPage .Flow__Note{
  color: #999;
  font-size: 12px;
}

.AdsPage .User{
  padding: 64px 16px;
  margin-top: 64px;
  background-color: #f8f7f7;
}

.AdsPage .User__Heading{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #25211f;
  font-size: 24px;
  font-weight: bold;

  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
}

.AdsPage .User__Heading::before{
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10%2022h4m-6-7h8M5%209a7%207%200%201%201%2013.206%203.236A6.972%206.972%200%200%201%2016%2014.734l-.542%202.566a2%202%200%200%201-1.977%201.7h-2.962a2%202%200%200%201-1.977-1.7L8%2014.745A6.992%206.992%200%200%201%205%209v0Z%22%20stroke%3D%22%2325211F%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.AdsPage .User__List{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  padding: 0;
  margin: 0;
  margin-top: 40px;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
}

.AdsPage .User__Item{
  list-style: none;
  width: 260px;
  position: relative;
}

.AdsPage .User__Item:last-of-type{
  width: 100%;
  text-align: center;
}

.AdsPage .User__Comment{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 117px;
  height: 120px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22119%22%20height%3D%22121%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M112.332%2094.348c6.858-9.38%207.446-21.404%202.544-31.1%203.615-8.112%203.918-17.645.053-26.402-3.503-7.94-9.801-13.772-17.229-16.864l.882-14.592-10.683%205.325c-6.74-9.514-19.461-13.304-30.54-8.41a24.825%2024.825%200%200%200-8.24%205.876C41.902%205.9%2033.863%206.128%2026.392%209.434%2012.627%2015.514%205.246%2030.049%207.645%2044.23.82%2050.972-1.5%2061.487%202.612%2070.797a23.787%2023.787%200%200%200%207.948%209.77c.013%204.24.875%208.56%202.715%2012.698%205.45%2012.328%2017.811%2019.458%2030.526%2018.857%209.143%208.474%2022.789%2011.199%2034.92%205.844%205.85-2.591%2010.565-6.705%2013.85-11.677a29.788%2029.788%200%200%200%2019.761-11.94Z%22%20fill%3D%22%23F9EBEF%22%2F%3E%3C%2Fsvg%3E");
  color: #ff1b59;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: -20px;
  bottom: -40px;

  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
}

.AdsPage .User__Comment[data-item="age"]{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22120%22%20height%3D%22122%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.305%2039.268C-1.892%2050.104.652%2061.87%207.897%2069.967c-1.393%208.771.782%2018.058%206.782%2025.516%205.438%206.763%2013.031%2010.766%2021.006%2011.83l2.925%2014.323%208.941-7.909c8.972%207.447%2022.242%207.815%2031.676.219a24.823%2024.823%200%200%200%206.44-7.807c7.56.335%2015.266-1.966%2021.626-7.093%2011.723-9.435%2015.091-25.385%209.103-38.463%204.847-8.279%204.366-19.035-2.014-26.964a23.796%2023.796%200%200%200-10.206-7.379%2031.412%2031.412%200%200%200-5.91-11.563C89.811%204.179%2076.026.49%2063.901%204.363c-11.025-5.82-24.912-4.92-35.243%203.393-4.981%204.017-8.47%209.21-10.356%2014.864-7.078%203.063-12.99%208.863-15.997%2016.648Z%22%20fill%3D%22%23F9EBEF%22%2F%3E%3C%2Fsvg%3E");
  top: 10px;
  left: auto;
  right: 20px;
  bottom: auto;
}

.AdsPage .User__Note{
  margin: 0;
  margin-top: 12px;
  font-size: 12px;
  text-align: right;
}

.AdsPage .Price{
  padding: 0 16px;
  margin-top: 64px;
}

.AdsPage .Price__List{
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  margin-top: 40px;
  border: 1px solid #f9ebef;
  border-radius: 8px;

  border-collapse: separate;
  border-spacing: 0;
}

.AdsPage .Price__Heading{
  width: 100%;
  padding: 16px;
  background-color: #f9ebef;
  color: #ff1b59;
  font-size: 18px;
  font-weight: bold;
}

.AdsPage .Price__Title{
  padding: 24px 0;
  border-top: 1px solid #f9ebef;
  border-right: 1px solid #f9ebef;
  font-size: 24px;
  font-weight: bold;
}

.AdsPage .Price__Body{
  padding: 24px 0;
  border-top: 1px solid #f9ebef;
  color: #ff1b59;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}

.AdsPage .Price__Body span{
  color: #25211f;
  font-size: 24px;
}

.AdsPage .Price__Other{
  margin-top: 40px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.AdsPage .Price__Other span{
  color: #ff1b59;
}

.AdsPage .Price__List[data-list="bnr"]{
  border: 1px solid #eee;
}

.AdsPage .Price__List[data-list="bnr"] .Price__Heading{
  background-color: #eee;
  color: #25211f;
}

.AdsPage .Price__List[data-list="bnr"] .Price__Title{
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  font-size: 20px;
}

.AdsPage .Price__List[data-list="bnr"] .Price__Body{
  border-top: 1px solid #eee;
  color: #25211f;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.AdsPage .Case{
  padding: 64px 16px;
  margin-top: 64px;
  background-color: #f8f7f7;
}

.AdsPage .Case__Heading{
  margin: 0;
  margin-top: 40px;
  color: #25211f;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.AdsPage .Case__List{
  display: grid;
  gap: 24px;
  width: 100%;
  margin-top: 24px;

  grid-template-columns: repeat(2, 1fr);
}

.AdsPage .Case__Item{
  background-color: #fff;
  border-radius: 10px;
}

.AdsPage .Case__Inner{
  display: block;
}

.AdsPage .Case__Img{
  box-sizing: border-box;
  width: 100%;
  height: 140px;

  -webkit-box-sizing: border-box;
  -o-object-fit: cover;
  object-fit: cover;
}

.AdsPage .Case__Title{
  padding: 16px;
  margin: 0;
  color: #25211f;
  font-size: 16px;
  font-weight: bold;
}

.AdsPage .ContactBtn__Block{
  width: 110px;
  height: 110px;
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 2;
}

.AdsPage .ContactBtn{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 110px;
  background-color: #ff1b59;
  border-radius: 80px;
  text-align: center;
}

.AdsPage .ContactBtn__Icon{
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cpath%20d%3D%22M6.1%2033.3c-.8%200-1.4-.3-2-.8-.6-.6-.8-1.2-.8-2V9.4c0-.8.3-1.4.8-2%20.6-.6%201.2-.8%202-.8h27.8c.8%200%201.4.3%202%20.8.6.6.8%201.2.8%202v21.1c0%20.8-.3%201.4-.8%202-.6.6-1.2.8-2%20.8H6.1zM20%2020.8c.1%200%20.3%200%20.4-.1.1%200%20.2-.1.4-.2l12.7-8.2c.2-.1.3-.2.4-.4.1-.2.1-.3.1-.5%200-.4-.2-.8-.6-1-.4-.2-.7-.2-1.1%200L20%2018.3%207.8%2010.5c-.4-.2-.8-.3-1.2%200-.4.2-.6.5-.6%201%200%20.2%200%20.4.1.6.1.2.2.3.4.4l12.7%208.2c.1.1.2.1.4.2.1-.1.3-.1.4-.1z%22%20style%3D%22fill%3A%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.AdsPage .ContactBtn__Text{
  margin-bottom: 6px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.AdsPage .Contact{
  padding: 0 16px;
  padding-top: 64px;
}

.AdsPage .Contact__Label{
  margin-bottom: 4px;
  color: #25211f;
  font-weight: bold;
}

.AdsPage .Contact .wpcf7-text{
  padding: 12px 16px;
  background-color: #f9f9f9;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  color: #25211f !important;
}

.AdsPage .Contact .wpcf7-text::-webkit-input-placeholder{
  color: #c9c9c9;
}

.AdsPage .Contact .wpcf7-text::-moz-placeholder{
  color: #c9c9c9;
}

.AdsPage .Contact .wpcf7-text:-ms-input-placeholder{
  color: #c9c9c9;
}

.AdsPage .Contact .wpcf7-text::-ms-input-placeholder{
  color: #c9c9c9;
}

.AdsPage .Contact .wpcf7-text::placeholder{
  color: #c9c9c9;
}

.AdsPage .Contact .wpcf7-textarea{
  padding: 12px 16px;
  background-color: #f9f9f9;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  color: #25211f !important;
}

.AdsPage .Contact .wpcf7-textarea::-webkit-input-placeholder{
  color: #c9c9c9;
}

.AdsPage .Contact .wpcf7-textarea::-moz-placeholder{
  color: #c9c9c9;
}

.AdsPage .Contact .wpcf7-textarea:-ms-input-placeholder{
  color: #c9c9c9;
}

.AdsPage .Contact .wpcf7-textarea::-ms-input-placeholder{
  color: #c9c9c9;
}

.AdsPage .Contact .wpcf7-textarea::placeholder{
  color: #c9c9c9;
}

.AdsPage .Contact .wpcf7-form-control-wrap{
  display: block;
}

.AdsPage .Contact .wpcf7-form-control.wpcf7-checkbox{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 8px;

  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
}

.AdsPage .Contact span.wpcf7-list-item{
  margin-left: 0;
  position: relative;
}

.AdsPage .Contact .wpcf7-list-item-label{
  cursor: pointer;
  color: #25211f;
  font-size: 16px;
}

.AdsPage .Contact input[type="checkbox"]{
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  z-index: 1;
}

.AdsPage .Contact input[type="checkbox"] + .wpcf7-list-item-label:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-color: #f9f9f9;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  position: relative;
  top: -3px;
}

.AdsPage .Contact input[type="checkbox"]:checked + .wpcf7-list-item-label:before{
  background-color: #ff1b59;
  border: 1px solid #ff1b59;
}

.AdsPage .Contact input[type="checkbox"]:checked + .wpcf7-list-item-label:after{
  /*チェックアイコン*/
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2214%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.202.446c.311-.29.725-.45%201.155-.446.429.003.84.17%201.147.463a1.598%201.598%200%200%201%20.06%202.25l-8.81%2010.77c-.151.16-.334.287-.537.376a1.688%201.688%200%200%201-1.847-.333L.527%207.815a1.588%201.588%200%200%201-.042-2.329%201.69%201.69%200%200%201%202.383.041l4.623%204.517%207.67-9.55a.581.581%200%200%201%20.043-.048h-.002Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 14px;
  position: absolute;
  top: -2px;
  left: 6px;
}

.AdsPage .Contact .wpcf7-form-control.wpcf7-radio{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 8px;

  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
}

.AdsPage .Contact .wpcf7-radio span.wpcf7-list-item{
  margin-top: -8px;
}

.AdsPage input[type="radio"]{
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  z-index: 1;
}

.AdsPage input[type="radio"] + .wpcf7-list-item-label{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: -1rem;
  cursor: pointer;
}

.AdsPage input[type="radio"] + .wpcf7-list-item-label::before{
  content: "";
  width: 32px;
  height: 32px;
  margin-top: auto;
  margin-right: 4px;
  margin-bottom: auto;
  background: #f9f9f9;
  border: 1px solid #d9d9d9;
  border-radius: 100%;
  transition: background-color 0.5s;

  -webkit-transition: background-color 0.5s;
}

.AdsPage input[type="radio"]:checked + .wpcf7-list-item-label::before{
  background-color: #ff1b59;
  box-shadow: inset 0 0 0 3px #fff;

  -webkit-box-shadow: inset 0 0 0 3px #fff;
}

.AdsPage .Contact .wpcf7-submit{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 48px;
  padding: 5px 20px;
  margin: 0 auto;
  margin-top: 40px;
  background: #ff1b59 !important;
  border: none;
  border-radius: 48px !important;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
  "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;

  -webkit-appearance: none !important;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  webkit-border-radius: 48px !important;
}

.AdsPage .ajax-loader{
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/*TOP改修 sagara*/

.TopHero{
  margin-bottom: 32px;
}

.TopSliderHero{
  width: 100%;
  max-width: 1018px;
  margin: 0 auto;
}

.TopSliderHero .slick-list{
  padding: 0 100px;
}

.TopSliderHero__Item{
  display: block;
  margin: 0 10px;
}

.TopSliderHero__Item img{
  width: auto;
  height: 405px;
}

.TopSliderNavigation{
  padding: 0 32px;
  margin-top: 16px;
}

.TopSliderNavigation__ArrowPrev{
  width: 32px;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #fff;
  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%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23DEDEDE%22%20d%3D%22M16.06%202.454a1.5%201.5%200%200%201%200%202.12L8.637%2012l7.425%207.425a1.5%201.5%200%200%201-2.121%202.12L5.454%2013.06a1.5%201.5%200%200%201%200-2.12l8.486-8.486a1.5%201.5%200%200%201%202.12%200Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.TopSliderNavigation__ArrowNext{
  width: 32px;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #fff;
  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%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23DEDEDE%22%20d%3D%22M16.06%202.454a1.5%201.5%200%200%201%200%202.12L8.637%2012l7.425%207.425a1.5%201.5%200%200%201-2.121%202.12L5.454%2013.06a1.5%201.5%200%200%201%200-2.12l8.486-8.486a1.5%201.5%200%200%201%202.12%200Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  transform: rotate(180deg);
}

.TopSliderNavigation__Item{
  margin: 0 10px;
  cursor: pointer;
}

.TopSliderNavigation__Item img{
  width: auto;
  height: 100px;
}

/* slick */
.TopSliderNavigation .slick-list{
  padding: 0 !important;
  margin: 0 auto;
}

.TopSliderInterview{
  padding: 0 32px;
  margin-top: 16px;
}

.TopSliderInterview__Item{
  margin: 0 8px;
  cursor: pointer;
}

h3.TopSliderInterview__Name{
  margin: 0;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
}

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

.TopPage .l-content section{
  padding-top: 32px;
  margin-bottom: 32px;
  border-top: 1px solid #eee;
}

.SideSponsored__Item{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
}

.SideSponsored__Img{
  width: 80px;
  height: 80px;

  object-fit: cover;
}

h3.SideSponsored__Title{
  display: -webkit-box;
  height: 36px;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 12px;
  font-weight: 500;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: clip;
}

.SideSponsored__Tag{
  color: #c4c4c4;
  font-size: 10px;
}

.TopMoreBtn{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 48px;
  margin: 0 auto;
  margin-top: 16px;
  border: 2px solid #4f442c;
  border-radius: 48px;
  color: var(--gray-scale-color-black);
  font-size: 16px;
  font-weight: 700;
}

.TopPickup{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.TopPickup__Item{
  width: calc((100% - 24px) / 2);
}

.TopPickup__Img{
  width: 100%;
  height: auto;
}

.TopPickup__Tag{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 18px;
  border: 1px solid #ccc;
  color: #ccc;
  font-size: 10px;
  font-weight: 700;
}

.TopPickup__Tag--Disney{
  border: 1px solid #be8ffa;
  color: #be8ffa;
}

.TopPickup__Tag--Public{
  border: 1px solid #939dc1;
  color: #939dc1;
}

.TopPickup__Tag--Interview{
  border: 1px solid #fea565;
  color: #fea565;
}

.TopPickup__Tag--Mama{
  border: 1px solid #fe659c;
  color: #fe659c;
}

h3.TopPickup__Title{
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 16px;
}

.TopPickup__Description{
  margin: 0;
  font-size: 12px;
}

.TopPickup__Heading{
  color: #f92962;
}

.TopTags{
  display: grid;
  gap: 8px;
  margin-top: 16px;

  grid-template-columns: repeat(5, 1fr);
}

.TopTags__Inner{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.TopTags__Img{
  width: 100%;
  height: auto;
}

.TopTags__Title{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 20%);
  color: #fff;
  font-size: 16px;
  text-align: center;
  text-shadow: 0 0 4px rgb(0 0 0 / 60%);
  position: absolute;
  top: 0;
  left: 0;
}

/*リワード広告用アナウンスモーダル by.aoki*/
.reward-content{
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  filter: blur(6px);

  -ms-filter: blur(6px);
}

.reward-content:after{
  content: "";
  background: linear-gradient(rgba(255, 255, 255, 0) 0,
  rgba(255, 255, 255, 0.8) 300px);
}

.reward-modal{
  box-sizing: border-box;
  display: none;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  width: 100dvw;
  height: 100dvh;
  padding: 16px;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300001;
}

.reward-modal *{
  box-sizing: border-box;
}

.reward-wrap{
  width: 100%;
  max-width: 430px;
  padding: 32px 0;
  background-color: #fff;
  border: 1px solid #f92962;
  text-align: center;
}

.reward-modal p{
  margin-bottom: 0;
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

.reward-modal p strong{
  font-weight: bold;
}

.reward-modal button{
  display: block;
  width: 100%;
  max-width: 175px;
  padding: 0.75em 0;
  margin: 16px auto 0 auto;
  background-color: #f92962;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;

  appearance: none;
}

.reward-modal hr{
  width: calc(100% - 100px);
  max-width: 254px;
  margin: 24px auto;
  border-bottom: 1px dashed #e9e9e9;
}

.reward-modal button#reward-hide, .reward-modal button#reward-register{
  background-color: #fff;
  border: 1px solid #f92962;
  color: #f92962;
}

.reward-modal button#reward-login{
  background-color: #fff;
  border: 1px solid #888;
  color: #333;
}

.reward-modal #reward-campaign p{
  padding: 0;
  margin: 0;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.86;
}

.reward-modal #reward-campaign p span{
  color: #f92962;
}

.reward-modal #reward-remark{
  width: calc(100% - 48px);
  max-width: 310px;
  padding: 16px;
  margin: 16px auto 0 auto;
  background: #e9e9e9;
  border-radius: 4px;
}

.reward-modal #reward-remark p{
  margin: 0;
  color: #888;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.6;
  text-align: left;
}

.reward-modal #reward-remark p a{
  color: #0b89b3;
  text-decoration: underline;
}

.reward-modal button#reward-retry{
  display: none;
}

/*広告ラベル 20221005 by.aoki*/
.ad-text{
  margin: 0 0 18px;
  color: #9c9592;
  line-height: 1;
  text-align: center;
  position: relative;
}

.ad-text > span{
  padding: 0 1em;
  background: #fff;
  font-size: 12px;
  position: relative;
  z-index: 1;
}

.ad-text:before{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 50%;
  left: 0;
}

/*記事下ツインレクタングル広告 20221118 by.aoki*/
.bnr_twin_rectangle{
  display: flex;
  margin-bottom: 20px;
}

.bnr_twin_rectangle div{
  width: 50%;
  height: auto;
}

/* taboola調整用 20230515 by.aoki */
.tbl-header-with-text{
  padding: 6px 10px !important;
  margin: 0 0 20px !important;
  background: #f4f1e7 !important;
}

.tbl-feed-header-text{
  color: #5f5644 !important;
  font-size: 19px !important;
  line-height: 1.5rem !important;
}

/*動画埋め込み用 20230508 by.aoki*/
.movie_box_swiper{
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between;
  padding: 0 0 1em;
  margin-bottom: 30px;
  overflow-x: scroll;
  overflow-scrolling: touch;

  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}

.movie_box_swiper .wp-video{
  min-width: 240px;
  margin-right: 16px;
  position: relative;
}

.btn_moreinfo{
  box-sizing: border-box;
  display: block !important;
  max-width: 420px;
  padding: 15px 10px;
  margin: -10px auto 30px;
  background: #ffb5bb;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3em;
  text-align: center;
  text-decoration: none !important;
  text-shadow: rgba(0, 0, 0, 0.1) 0 -1px 1px;
  position: relative;
}

.movie_box{
  margin-bottom: 30px;
}

.movie_box .wp-video{
  width: auto;
  min-width: 240px;
  max-height: 450px;
  margin-left: auto;
  margin-right: auto;
}

/*　イラストレーター・ライター一覧　*/
.CreatorList__Item{
  margin-top: 40px;
}

.CreatorList__AuthorBlock{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.CreatorList__AuthorImg{
  width: 70px;
  height: 70px;
}

.CreatorList__AuthorName{
  font-size: 16px;
  font-weight: 700;
}

.CreatorList__AuthorDescription{
  display: -webkit-box;
  height: 36px;
  margin-top: 4px;
  overflow: hidden;
  font-size: 12px;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: clip;
}

.CreatorList__ArticleBlock{
  padding: 24px;
  background-color: #f5f5f5;
  border-radius: 8px;
}

.CreatorList__ArticleHeadingBlock{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;

  -webkit-box-align: center;
  -webkit-box-pack: justify;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
}

.CreatorList__ArticleHeading{
  font-size: 16px;
  font-weight: 700;
}

.CreatorList__ArticleMoreBtn{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 32px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 32px;
  font-size: 12px;
  font-weight: bold;

  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
}

.CreatorList__ArticleMoreBtn::after{
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.28%205.03a.75.75%200%200%200%200%201.06L7.18%209l-2.9%202.91a.75.75%200%201%200%201.05%201.06l3.45-3.45a.75.75%200%200%200%200-1.05L5.34%205.03a.76.76%200%200%200-1.06%200Z%22%20fill%3D%22%234D4529%22%2F%3E%3Cpath%20d%3D%22M9.22%205.03a.75.75%200%200%200%200%201.06L12.12%209l-2.9%202.91a.75.75%200%200%200%201.05%201.06l3.45-3.45a.75.75%200%200%200%200-1.05l-3.45-3.45a.75.75%200%200%200-1.05.01Z%22%20fill%3D%22%234D4529%22%2F%3E%3C%2Fsvg%3E");
}

.CreatorList__ArticleList{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-top: 12px;
}

.CreatorList__ArticleItem{
  width: calc((100% - 48px) / 3);
}

.CreatorList__ArticleInner{
  display: block;
}

.CreatorList__ArticleImg{
  width: 100%;
  border-radius: 8px;

  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
}

.CreatorList__ArticleTitle{
  display: -webkit-box;
  height: 54px;
  margin-top: 4px;
  overflow: hidden;
  font-size: 12px;
  font-weight: normal;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: clip;
}

/* サイドバーメディア紹介枠 */
.TopPublications__Item{
  padding: 8px 0;
  margin: 0;
  border-bottom: 1px solid #eee;
}

.TopPublications__Date{
  color: #ccc;
  font-size: 12px;
}

.TopPublications__Title[class]{
  margin: 0;
  font-size: 14px;
  font-weight: normal;
}

/* ママスタTV代用 */
.tv_wrapper video{
  display: block;
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: auto;
}

@charset "UTF-8";
:root {
  --accent-color-error-dark: rgba(75, 11, 11, 1);
  --accent-color-error-error: rgba(249, 37, 37, 1);
  --accent-color-error-light: rgba(254, 211, 211, 1);
  --accent-color-info-info: rgba(41, 174, 203, 1);
  --accent-color-info-info: rgba(12, 52, 61, 1);
  --accent-color-info-light: rgba(212, 239, 245, 1);
  --accent-color-not-dark: rgba(23, 37, 41, 1);
  --accent-color-not-light: rgba(219, 229, 231, 1);
  --accent-color-not-not: rgba(75, 124, 135, 1);
  --accent-color-succes-dark: rgba(17, 47, 11, 1);
  --accent-color-succes-light: rgba(215, 235, 212, 1);
  --accent-color-succes-succes: rgba(55, 157, 38, 1);
  --accent-color-warning-dark: rgba(75, 57, 11, 1);
  --accent-color-warning-light: rgba(254, 242, 211, 1);
  --accent-color-warning-warning: rgba(249, 189, 37, 1);
  --brand-color-brand-color: rgba(249, 41, 98, 1);
  --gray-disable-gray: rgb(172, 172, 172);
  --gray-scale-color-black: rgba(51, 51, 51, 1);
  --gray-scale-color-gray: rgb(136, 136, 136);
  --gray-scale-color-light: rgb(233, 233, 233);
  --gray-scale-color-white: rgba(255, 255, 255, 1);
  --guide-bg: rgba(22, 25, 25, 0.1);
  --guide-main: rgba(0, 240, 255, 1);
  --guide-text: rgba(255, 92, 0, 1);
  --secondary-color-blue: rgba(11, 137, 179, 1);
  --thema-color-dark-3: rgba(75, 12, 29, 1);
  --thema-color-light-3: rgba(254, 234, 239, 1);
  --thema-color-primary: rgba(249, 41, 98, 1);
  --trans-sparency-black-10: rgba(51, 51, 51, 0.1);
  --trans-sparency-black-20: rgba(51, 51, 51, 0.2);
  --trans-sparency-black-50: rgba(51, 51, 51, 0.5);
}

.renew-style .text-h-1 {
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  font-size: 1.5rem;
  line-height: 1.8;
}
.renew-style .text-h-2 {
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  font-size: 1.25rem;
  line-height: 1.8;
}
.renew-style .text-h-3 {
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  font-size: 1.125rem;
  line-height: 1.8;
}
.renew-style .text-subtitle {
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  font-size: 1rem;
  line-height: 1.8;
}
.renew-style .text-body-1-bold {
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  font-size: 1rem;
  line-height: 1.8;
}
.renew-style .text-body-2-regular {
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  font-size: 1rem;
  line-height: 1.8;
}
.renew-style .text-body-3-bold {
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  font-size: 0.875rem;
  line-height: 1.5;
}
.renew-style .text-body-4-regular {
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  font-size: 0.875rem;
  line-height: 1.5;
}
.renew-style .text-button-1-bold {
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  font-size: 1rem;
  line-height: 1.8;
}
.renew-style .text-button-2-regular {
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  font-size: 0.875rem;
  line-height: 1.5;
}
.renew-style .text-link-1-regular {
  color: var(--secondary-color-blue);
  font-weight: 400;
  text-decoration: underline;
  text-transform: none;
  font-size: 0.875rem;
  line-height: 1.5;
}
.renew-style .text-link-2-regular {
  color: var(--secondary-color-blue);
  font-weight: 400;
  text-decoration: underline;
  text-transform: none;
  font-size: 0.75rem;
  line-height: 1.5;
}
.renew-style .text-caption-1-regular {
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  font-size: 0.75rem;
  line-height: 1.5;
}
.renew-style .text-caption-2-regular {
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  font-size: 0.625rem;
  line-height: 1.5;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css 
// =======================================================================
// Document
// =======================================================================

// =======================================================================
// 1. Correct the line height in all browsers.
// 2. Prevent adjustments of font size after orientation changes in
//    IE on Windows Phone and in iOS.

html {
  line-height: 1.15; // 1
  -ms-text-size-adjust: 100%; // 2
  -webkit-text-size-adjust: 100%; // 2
}

// =======================================================================
// Sections
// =======================================================================

//
// Remove the margin in all browsers (opinionated).
//

body {
  margin: 0;
}

//
// Add the correct display in IE 9-.
//

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

//
// Correct the font size and margin on `h1` elements within `section` and
// `article` contexts in Chrome, Firefox, and Safari.
//

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

// =======================================================================
// Grouping content
// =======================================================================

//
// Add the correct display in IE 9-.
// 1. Add the correct display in IE.
//

figcaption,
figure,
main {
  // 1
  display: block;
}

//
// Add the correct margin in IE 8.
//

figure {
  margin: 1em 40px;
}

//
// 1. Add the correct box sizing in Firefox.
// 2. Show the overflow in Edge and IE.
//

hr {
  box-sizing: content-box; // 1
  height: 0; // 1
  overflow: visible; // 2
}

//
// 1. Correct the inheritance and scaling of font size in all browsers.
// 2. Correct the odd `em` font sizing in all browsers.
//

pre {
  font-family: monospace, monospace; // 1
  font-size: 1em; // 2
}

// =======================================================================
// Text-level semantics
// =======================================================================

//
// 1. Remove the gray background on active links in IE 10.
// 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
//

a {
  background-color: transparent; // 1
  -webkit-text-decoration-skip: objects; // 2
}

//
// 1. Remove the bottom border in Chrome 57- and Firefox 39-.
// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
//

abbr[title] {
  border-bottom: none; // 1
  text-decoration: underline; // 2
  text-decoration: underline dotted; // 2
}

//
// Prevent the duplicate application of `bolder` by the next rule in Safari 6.
//

b,
strong {
  font-weight: inherit;
}

//
// Add the correct font weight in Chrome, Edge, and Safari.
//

b,
strong {
  font-weight: bolder;
}

//
// 1. Correct the inheritance and scaling of font size in all browsers.
// 2. Correct the odd `em` font sizing in all browsers.
//

code,
kbd,
samp {
  font-family: monospace, monospace; // 1
  font-size: 1em; // 2
}

//
// Add the correct font style in Android 4.3-.
//

dfn {
  font-style: italic;
}

//
// Add the correct background and color in IE 9-.
//

mark {
  background-color: #ff0;
  color: #000;
}

//
// Add the correct font size in all browsers.
//

small {
  font-size: 80%;
}

//
// Prevent `sub` and `sup` elements from affecting the line height in
// all browsers.
//

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

// =======================================================================
// Embedded content
// =======================================================================

//
// Add the correct display in IE 9-.
//

audio,
video {
  display: inline-block;
}

//
// Add the correct display in iOS 4-7.
//

audio:not([controls]) {
  display: none;
  height: 0;
}

//
// Remove the border on images inside links in IE 10-.
//

img {
  border-style: none;
}

//
// Hide the overflow in IE.
//

svg:not(:root) {
  overflow: hidden;
}

// =======================================================================
// Forms
// =======================================================================

//
// 1. Change the font styles in all browsers (opinionated).
// 2. Remove the margin in Firefox and Safari.
//

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; // 1
  font-size: 100%; // 1
  line-height: 1.15; // 1
  margin: 0; // 2
}

//
// Show the overflow in IE.
// 1. Show the overflow in Edge.
//

button,
input {
  // 1
  overflow: visible;
}

//
// Remove the inheritance of text transform in Edge, Firefox, and IE.
// 1. Remove the inheritance of text transform in Firefox.
//

button,
select {
  // 1
  text-transform: none;
}

//
// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
//    controls in Android 4.
// 2. Correct the inability to style clickable types in iOS and Safari.
//

button,
html [type="button"], // 1
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; // 2
}

//
// Remove the inner border and padding in Firefox.
//

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

//
// Restore the focus styles unset by the previous rule.
//

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

//
// Correct the padding in Firefox.
//

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

//
// 1. Correct the text wrapping in Edge and IE.
// 2. Correct the color inheritance from `fieldset` elements in IE.
// 3. Remove the padding so developers are not caught out when they zero out
//    `fieldset` elements in all browsers.
//

legend {
  box-sizing: border-box; // 1
  color: inherit; // 2
  display: table; // 1
  max-width: 100%; // 1
  padding: 0; // 3
  white-space: normal; // 1
}

//
// 1. Add the correct display in IE 9-.
// 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
//

progress {
  display: inline-block; // 1
  vertical-align: baseline; // 2
}

//
// Remove the default vertical scrollbar in IE.
//

textarea {
  overflow: auto;
}

//
// 1. Add the correct box sizing in IE 10-.
// 2. Remove the padding in IE 10-.
//

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; // 1
  padding: 0; // 2
}

//
// Correct the cursor style of increment and decrement buttons in Chrome.
//

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

//
// 1. Correct the odd appearance in Chrome and Safari.
// 2. Correct the outline style in Safari.
//

[type="search"] {
  -webkit-appearance: textfield; // 1
  outline-offset: -2px; // 2
}

//
// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
//

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

//
// 1. Correct the inability to style clickable types in iOS and Safari.
// 2. Change font properties to `inherit` in Safari.
//

::-webkit-file-upload-button {
  -webkit-appearance: button; // 1
  font: inherit; // 2
}

// =======================================================================
// Interactive
// =======================================================================

//
// Add the correct display in IE 9-.
// 1. Add the correct display in Edge, IE, and Firefox.
//

details, // 1
menu {
  display: block;
}

//
// Add the correct display in all browsers.
//

summary {
  display: list-item;
}
// =======================================================================
// Scripting
// =======================================================================

//
// Add the correct display in IE 9-.
//

canvas {
  display: inline-block;
}

//
// Add the correct display in IE.
//

template {
  display: none;
}
// =======================================================================
// Hidden
// =======================================================================

//
// Add the correct display in IE 10-.
//

[hidden] {
  display: none;
}
*/
.renew-style {
  color: var(--gray-scale-color-black);
}
.renew-style * {
  box-sizing: border-box;
}
.renew-style h1, .renew-style h2, .renew-style h3 {
  margin: initial;
  color: var(--gray-scale-color-black);
}
.renew-style section {
  margin: initial;
}

.globalHeading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.globalHeading::after {
  content: "";
  width: 60px;
  height: 1px;
  background-color: var(--brand-color-brand-color);
}

.renew-style {
  /*////////// is-center////////// */
}
.renew-style .mb-0[class] {
  margin-bottom: 0;
}
.renew-style .mb-xxs[class] {
  margin-bottom: 0.25rem;
}
.renew-style .mb-xs[class] {
  margin-bottom: 0.5rem;
}
.renew-style .mb-s[class] {
  margin-bottom: 1rem;
}
.renew-style .mb-m[class] {
  margin-bottom: 1.5rem;
}
.renew-style .mb-l[class] {
  margin-bottom: 2rem;
}
.renew-style .mb-xl[class] {
  margin-bottom: 2.5rem;
}
.renew-style .mb-xxl[class] {
  margin-bottom: 3rem;
}
.renew-style .mb-h[class] {
  margin-bottom: 4rem;
}
.renew-style .mb-xh[class] {
  margin-bottom: 5rem;
}
.renew-style .mt-0[class] {
  margin-top: 0;
}
.renew-style .mt-xxs[class] {
  margin-top: 0.25rem;
}
.renew-style .mt-xs[class] {
  margin-top: 0.5rem;
}
.renew-style .mt-s[class] {
  margin-top: 1rem;
}
.renew-style .mt-m[class] {
  margin-top: 1.5rem;
}
.renew-style .mt-l[class] {
  margin-top: 2rem;
}
.renew-style .mt-xl[class] {
  margin-top: 2.5rem;
}
.renew-style .mt-xxl[class] {
  margin-top: 3rem;
}
.renew-style .mt-h[class] {
  margin-top: 4rem;
}
.renew-style .mt-xh[class] {
  margin-top: 5rem;
}
.renew-style .ml-0[class] {
  margin-left: 0;
}
.renew-style .ml-xxs[class] {
  margin-left: 0.25rem;
}
.renew-style .ml-xs[class] {
  margin-left: 0.5rem;
}
.renew-style .ml-s[class] {
  margin-left: 1rem;
}
.renew-style .ml-m[class] {
  margin-left: 1.5rem;
}
.renew-style .ml-l[class] {
  margin-left: 2rem;
}
.renew-style .ml-xl[class] {
  margin-left: 2.5rem;
}
.renew-style .ml-xxl[class] {
  margin-left: 3rem;
}
.renew-style .ml-h[class] {
  margin-left: 4rem;
}
.renew-style .ml-xh[class] {
  margin-left: 5rem;
}
.renew-style .mr-0[class] {
  margin-right: 0;
}
.renew-style .mr-xxs[class] {
  margin-right: 0.25rem;
}
.renew-style .mr-xs[class] {
  margin-right: 0.5rem;
}
.renew-style .mr-s[class] {
  margin-right: 1rem;
}
.renew-style .mr-m[class] {
  margin-right: 1.5rem;
}
.renew-style .mr-l[class] {
  margin-right: 2rem;
}
.renew-style .mr-xl[class] {
  margin-right: 2.5rem;
}
.renew-style .mr-xxl[class] {
  margin-right: 3rem;
}
.renew-style .mr-h[class] {
  margin-right: 4rem;
}
.renew-style .mr-xh[class] {
  margin-right: 5rem;
}
.renew-style .mx-0[class] {
  margin-left: 0;
  margin-right: 0;
}
.renew-style .mx-xxs[class] {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.renew-style .mx-xs[class] {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.renew-style .mx-s[class] {
  margin-left: 1rem;
  margin-right: 1rem;
}
.renew-style .mx-m[class] {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.renew-style .mx-l[class] {
  margin-left: 2rem;
  margin-right: 2rem;
}
.renew-style .mx-xl[class] {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.renew-style .mx-xxl[class] {
  margin-left: 3rem;
  margin-right: 3rem;
}
.renew-style .mx-h[class] {
  margin-left: 4rem;
  margin-right: 4rem;
}
.renew-style .mx-xh[class] {
  margin-left: 5rem;
  margin-right: 5rem;
}
.renew-style .my-0[class] {
  margin-top: 0;
  margin-bottom: 0;
}
.renew-style .my-xxs[class] {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.renew-style .my-xs[class] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.renew-style .my-s[class] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.renew-style .my-m[class] {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.renew-style .my-l[class] {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.renew-style .my-xl[class] {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.renew-style .my-xxl[class] {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.renew-style .my-h[class] {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.renew-style .my-xh[class] {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.renew-style .m-0[class] {
  margin: 0;
}
.renew-style .m-xxs[class] {
  margin: 0.25rem;
}
.renew-style .m-xs[class] {
  margin: 0.5rem;
}
.renew-style .m-s[class] {
  margin: 1rem;
}
.renew-style .m-m[class] {
  margin: 1.5rem;
}
.renew-style .m-l[class] {
  margin: 2rem;
}
.renew-style .m-xl[class] {
  margin: 2.5rem;
}
.renew-style .m-xxl[class] {
  margin: 3rem;
}
.renew-style .m-h[class] {
  margin: 4rem;
}
.renew-style .m-xh[class] {
  margin: 5rem;
}
.renew-style .pb-0[class] {
  padding-bottom: 0;
}
.renew-style .pb-xxs[class] {
  padding-bottom: 0.25rem;
}
.renew-style .pb-xs[class] {
  padding-bottom: 0.5rem;
}
.renew-style .pb-s[class] {
  padding-bottom: 1rem;
}
.renew-style .pb-m[class] {
  padding-bottom: 1.5rem;
}
.renew-style .pb-l[class] {
  padding-bottom: 2rem;
}
.renew-style .pb-xl[class] {
  padding-bottom: 2.5rem;
}
.renew-style .pb-xxl[class] {
  padding-bottom: 3rem;
}
.renew-style .pb-h[class] {
  padding-bottom: 4rem;
}
.renew-style .pb-xh[class] {
  padding-bottom: 5rem;
}
.renew-style .pt-0[class] {
  padding-top: 0;
}
.renew-style .pt-xxs[class] {
  padding-top: 0.25rem;
}
.renew-style .pt-xs[class] {
  padding-top: 0.5rem;
}
.renew-style .pt-s[class] {
  padding-top: 1rem;
}
.renew-style .pt-m[class] {
  padding-top: 1.5rem;
}
.renew-style .pt-l[class] {
  padding-top: 2rem;
}
.renew-style .pt-xl[class] {
  padding-top: 2.5rem;
}
.renew-style .pt-xxl[class] {
  padding-top: 3rem;
}
.renew-style .pt-h[class] {
  padding-top: 4rem;
}
.renew-style .pt-xh[class] {
  padding-top: 5rem;
}
.renew-style .pl-0[class] {
  padding-left: 0;
}
.renew-style .pl-xxs[class] {
  padding-left: 0.25rem;
}
.renew-style .pl-xs[class] {
  padding-left: 0.5rem;
}
.renew-style .pl-s[class] {
  padding-left: 1rem;
}
.renew-style .pl-m[class] {
  padding-left: 1.5rem;
}
.renew-style .pl-l[class] {
  padding-left: 2rem;
}
.renew-style .pl-xl[class] {
  padding-left: 2.5rem;
}
.renew-style .pl-xxl[class] {
  padding-left: 3rem;
}
.renew-style .pl-h[class] {
  padding-left: 4rem;
}
.renew-style .pl-xh[class] {
  padding-left: 5rem;
}
.renew-style .pr-0[class] {
  padding-right: 0;
}
.renew-style .pr-xxs[class] {
  padding-right: 0.25rem;
}
.renew-style .pr-xs[class] {
  padding-right: 0.5rem;
}
.renew-style .pr-s[class] {
  padding-right: 1rem;
}
.renew-style .pr-m[class] {
  padding-right: 1.5rem;
}
.renew-style .pr-l[class] {
  padding-right: 2rem;
}
.renew-style .pr-xl[class] {
  padding-right: 2.5rem;
}
.renew-style .pr-xxl[class] {
  padding-right: 3rem;
}
.renew-style .pr-h[class] {
  padding-right: 4rem;
}
.renew-style .pr-xh[class] {
  padding-right: 5rem;
}
.renew-style .px-0[class] {
  padding-left: 0;
  padding-right: 0;
}
.renew-style .px-xxs[class] {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.renew-style .px-xs[class] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.renew-style .px-s[class] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.renew-style .px-m[class] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.renew-style .px-l[class] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.renew-style .px-xl[class] {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.renew-style .px-xxl[class] {
  padding-left: 3rem;
  padding-right: 3rem;
}
.renew-style .px-h[class] {
  padding-left: 4rem;
  padding-right: 4rem;
}
.renew-style .px-xh[class] {
  padding-left: 5rem;
  padding-right: 5rem;
}
.renew-style .py-0[class] {
  padding-top: 0;
  padding-bottom: 0;
}
.renew-style .py-xxs[class] {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.renew-style .py-xs[class] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.renew-style .py-s[class] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.renew-style .py-m[class] {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.renew-style .py-l[class] {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.renew-style .py-xl[class] {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.renew-style .py-xxl[class] {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.renew-style .py-h[class] {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.renew-style .py-xh[class] {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.renew-style .p-0[class] {
  padding: 0;
}
.renew-style .p-xxs[class] {
  padding: 0.25rem;
}
.renew-style .p-xs[class] {
  padding: 0.5rem;
}
.renew-style .p-s[class] {
  padding: 1rem;
}
.renew-style .p-m[class] {
  padding: 1.5rem;
}
.renew-style .p-l[class] {
  padding: 2rem;
}
.renew-style .p-xl[class] {
  padding: 2.5rem;
}
.renew-style .p-xxl[class] {
  padding: 3rem;
}
.renew-style .p-h[class] {
  padding: 4rem;
}
.renew-style .p-xh[class] {
  padding: 5rem;
}
@media only screen and (max-width: 768px) {
  .renew-style .mb-0-sm[class] {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mb-xxs-sm[class] {
    margin-bottom: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mb-xs-sm[class] {
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mb-s-sm[class] {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mb-m-sm[class] {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mb-l-sm[class] {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mb-xl-sm[class] {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mb-xxl-sm[class] {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mb-h-sm[class] {
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mb-xh-sm[class] {
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mt-0-sm[class] {
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mt-xxs-sm[class] {
    margin-top: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mt-xs-sm[class] {
    margin-top: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mt-s-sm[class] {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mt-m-sm[class] {
    margin-top: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mt-l-sm[class] {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mt-xl-sm[class] {
    margin-top: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mt-xxl-sm[class] {
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mt-h-sm[class] {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mt-xh-sm[class] {
    margin-top: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .ml-0-sm[class] {
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .ml-xxs-sm[class] {
    margin-left: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .ml-xs-sm[class] {
    margin-left: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .ml-s-sm[class] {
    margin-left: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .ml-m-sm[class] {
    margin-left: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .ml-l-sm[class] {
    margin-left: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .ml-xl-sm[class] {
    margin-left: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .ml-xxl-sm[class] {
    margin-left: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .ml-h-sm[class] {
    margin-left: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .ml-xh-sm[class] {
    margin-left: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mr-0-sm[class] {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mr-xxs-sm[class] {
    margin-right: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mr-xs-sm[class] {
    margin-right: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mr-s-sm[class] {
    margin-right: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mr-m-sm[class] {
    margin-right: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mr-l-sm[class] {
    margin-right: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mr-xl-sm[class] {
    margin-right: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mr-xxl-sm[class] {
    margin-right: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mr-h-sm[class] {
    margin-right: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mr-xh-sm[class] {
    margin-right: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .m-0-sm[class] {
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .m-xxs-sm[class] {
    margin: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .m-xs-sm[class] {
    margin: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .m-s-sm[class] {
    margin: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .m-m-sm[class] {
    margin: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .m-l-sm[class] {
    margin: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .m-xl-sm[class] {
    margin: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .m-xxl-sm[class] {
    margin: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .m-h-sm[class] {
    margin: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .m-xh-sm[class] {
    margin: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mx-0-sm[class] {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mx-xxs-sm[class] {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mx-xs-sm[class] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mx-s-sm[class] {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mx-m-sm[class] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mx-l-sm[class] {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mx-xl-sm[class] {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mx-xxl-sm[class] {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mx-h-sm[class] {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .mx-xh-sm[class] {
    margin-left: 5rem;
    margin-right: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .my-0-sm[class] {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .my-xxs-sm[class] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .my-xs-sm[class] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .my-s-sm[class] {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .my-m-sm[class] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .my-l-sm[class] {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .my-xl-sm[class] {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .my-xxl-sm[class] {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .my-h-sm[class] {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .my-xh-sm[class] {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pb-0-sm[class] {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pb-xxs-sm[class] {
    padding-bottom: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pb-xs-sm[class] {
    padding-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pb-s-sm[class] {
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pb-m-sm[class] {
    padding-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pb-l-sm[class] {
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pb-xl-sm[class] {
    padding-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pb-xxl-sm[class] {
    padding-bottom: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pb-h-sm[class] {
    padding-bottom: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pb-xh-sm[class] {
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pt-0-sm[class] {
    padding-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pt-xxs-sm[class] {
    padding-top: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pt-xs-sm[class] {
    padding-top: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pt-s-sm[class] {
    padding-top: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pt-m-sm[class] {
    padding-top: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pt-l-sm[class] {
    padding-top: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pt-xl-sm[class] {
    padding-top: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pt-xxl-sm[class] {
    padding-top: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pt-h-sm[class] {
    padding-top: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pt-xh-sm[class] {
    padding-top: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pl-0-sm[class] {
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pl-xxs-sm[class] {
    padding-left: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pl-xs-sm[class] {
    padding-left: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pl-s-sm[class] {
    padding-left: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pl-m-sm[class] {
    padding-left: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pl-l-sm[class] {
    padding-left: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pl-xl-sm[class] {
    padding-left: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pl-xxl-sm[class] {
    padding-left: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pl-h-sm[class] {
    padding-left: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pl-xh-sm[class] {
    padding-left: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pr-0-sm[class] {
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pr-xxs-sm[class] {
    padding-right: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pr-xs-sm[class] {
    padding-right: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pr-s-sm[class] {
    padding-right: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pr-m-sm[class] {
    padding-right: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pr-l-sm[class] {
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pr-xl-sm[class] {
    padding-right: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pr-xxl-sm[class] {
    padding-right: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pr-h-sm[class] {
    padding-right: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .pr-xh-sm[class] {
    padding-right: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .p-0-sm[class] {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .p-xxs-sm[class] {
    padding: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .p-xs-sm[class] {
    padding: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .p-s-sm[class] {
    padding: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .p-m-sm[class] {
    padding: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .p-l-sm[class] {
    padding: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .p-xl-sm[class] {
    padding: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .p-xxl-sm[class] {
    padding: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .p-h-sm[class] {
    padding: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .p-xh-sm[class] {
    padding: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .px-0-sm[class] {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .px-xxs-sm[class] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .px-xs-sm[class] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .px-s-sm[class] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .px-m-sm[class] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .px-l-sm[class] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .px-xl-sm[class] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .px-xxl-sm[class] {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .px-h-sm[class] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .px-xh-sm[class] {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .py-0-sm[class] {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .py-xxs-sm[class] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .py-xs-sm[class] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .py-s-sm[class] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .py-m-sm[class] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .py-l-sm[class] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .py-xl-sm[class] {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .py-xxl-sm[class] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .py-h-sm[class] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  .renew-style .py-xh-sm[class] {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mb-0-md[class] {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mb-xxs-md[class] {
    margin-bottom: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mb-xs-md[class] {
    margin-bottom: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mb-s-md[class] {
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mb-m-md[class] {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mb-l-md[class] {
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mb-xl-md[class] {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mb-xxl-md[class] {
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mb-h-md[class] {
    margin-bottom: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mb-xh-md[class] {
    margin-bottom: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mt-0-md[class] {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mt-xxs-md[class] {
    margin-top: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mt-xs-md[class] {
    margin-top: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mt-s-md[class] {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mt-m-md[class] {
    margin-top: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mt-l-md[class] {
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mt-xl-md[class] {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mt-xxl-md[class] {
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mt-h-md[class] {
    margin-top: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mt-xh-md[class] {
    margin-top: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .ml-0-md[class] {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .ml-xxs-md[class] {
    margin-left: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .ml-xs-md[class] {
    margin-left: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .ml-s-md[class] {
    margin-left: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .ml-m-md[class] {
    margin-left: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .ml-l-md[class] {
    margin-left: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .ml-xl-md[class] {
    margin-left: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .ml-xxl-md[class] {
    margin-left: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .ml-h-md[class] {
    margin-left: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .ml-xh-md[class] {
    margin-left: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mr-0-md[class] {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mr-xxs-md[class] {
    margin-right: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mr-xs-md[class] {
    margin-right: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mr-s-md[class] {
    margin-right: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mr-m-md[class] {
    margin-right: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mr-l-md[class] {
    margin-right: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mr-xl-md[class] {
    margin-right: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mr-xxl-md[class] {
    margin-right: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mr-h-md[class] {
    margin-right: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mr-xh-md[class] {
    margin-right: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .m-0-md[class] {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .m-xxs-md[class] {
    margin: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .m-xs-md[class] {
    margin: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .m-s-md[class] {
    margin: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .m-m-md[class] {
    margin: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .m-l-md[class] {
    margin: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .m-xl-md[class] {
    margin: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .m-xxl-md[class] {
    margin: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .m-h-md[class] {
    margin: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .m-xh-md[class] {
    margin: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mx-0-md[class] {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mx-xxs-md[class] {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mx-xs-md[class] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mx-s-md[class] {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mx-m-md[class] {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mx-l-md[class] {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mx-xl-md[class] {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mx-xxl-md[class] {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mx-h-md[class] {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .mx-xh-md[class] {
    margin-left: 5rem;
    margin-right: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .my-0-md[class] {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .my-xxs-md[class] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .my-xs-md[class] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .my-s-md[class] {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .my-m-md[class] {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .my-l-md[class] {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .my-xl-md[class] {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .my-xxl-md[class] {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .my-h-md[class] {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .my-xh-md[class] {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pb-0-md[class] {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pb-xxs-md[class] {
    padding-bottom: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pb-xs-md[class] {
    padding-bottom: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pb-s-md[class] {
    padding-bottom: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pb-m-md[class] {
    padding-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pb-l-md[class] {
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pb-xl-md[class] {
    padding-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pb-xxl-md[class] {
    padding-bottom: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pb-h-md[class] {
    padding-bottom: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pb-xh-md[class] {
    padding-bottom: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pt-0-md[class] {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pt-xxs-md[class] {
    padding-top: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pt-xs-md[class] {
    padding-top: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pt-s-md[class] {
    padding-top: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pt-m-md[class] {
    padding-top: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pt-l-md[class] {
    padding-top: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pt-xl-md[class] {
    padding-top: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pt-xxl-md[class] {
    padding-top: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pt-h-md[class] {
    padding-top: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pt-xh-md[class] {
    padding-top: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pl-0-md[class] {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pl-xxs-md[class] {
    padding-left: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pl-xs-md[class] {
    padding-left: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pl-s-md[class] {
    padding-left: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pl-m-md[class] {
    padding-left: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pl-l-md[class] {
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pl-xl-md[class] {
    padding-left: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pl-xxl-md[class] {
    padding-left: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pl-h-md[class] {
    padding-left: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pl-xh-md[class] {
    padding-left: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pr-0-md[class] {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pr-xxs-md[class] {
    padding-right: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pr-xs-md[class] {
    padding-right: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pr-s-md[class] {
    padding-right: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pr-m-md[class] {
    padding-right: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pr-l-md[class] {
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pr-xl-md[class] {
    padding-right: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pr-xxl-md[class] {
    padding-right: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pr-h-md[class] {
    padding-right: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .pr-xh-md[class] {
    padding-right: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .p-0-md[class] {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .p-xxs-md[class] {
    padding: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .p-xs-md[class] {
    padding: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .p-s-md[class] {
    padding: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .p-m-md[class] {
    padding: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .p-l-md[class] {
    padding: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .p-xl-md[class] {
    padding: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .p-xxl-md[class] {
    padding: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .p-h-md[class] {
    padding: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .p-xh-md[class] {
    padding: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .px-0-md[class] {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .px-xxs-md[class] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .px-xs-md[class] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .px-s-md[class] {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .px-m-md[class] {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .px-l-md[class] {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .px-xl-md[class] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .px-xxl-md[class] {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .px-h-md[class] {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .px-xh-md[class] {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .py-0-md[class] {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .py-xxs-md[class] {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .py-xs-md[class] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .py-s-md[class] {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .py-m-md[class] {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .py-l-md[class] {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .py-xl-md[class] {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .py-xxl-md[class] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .py-h-md[class] {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .py-xh-md[class] {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.renew-style .text-center[class] {
  text-align: center;
}
.renew-style .text-right[class] {
  text-align: right;
}
.renew-style .text-left[class] {
  text-align: left;
}
.renew-style .flex[class] {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .renew-style .display-none-sm[class] {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .display-none-md[class] {
    display: none;
  }
}
.renew-style .display-inline[class] {
  display: inline;
}
@media only screen and (max-width: 768px) {
  .renew-style .display-inline-sm[class] {
    display: inline;
  }
}
@media only screen and (min-width: 768px) {
  .renew-style .display-inline-md[class] {
    display: inline;
  }
}
.renew-style .border-b-0 {
  border-bottom: 0;
}
.renew-style .text-gray-gray[class] {
  color: var(--gray-scale-color-gray);
}
.renew-style .text-bland-pink[class] {
  color: var(--brand-color-brand-color);
}
.renew-style .text-secondary-blue[class] {
  color: var(--secondary-color-blue);
}
.renew-style .bg-thema-light-3[class] {
  background-color: var(--thema-color-light-3);
}

.renew-style .cardList-l {
  width: 100%;
  padding: 0.5rem;
  background-color: var(--gray-scale-color-white);
  border-bottom: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardList-l--borderTop {
  border-top: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardList-l--borderNone[class] {
  border-bottom: 0;
}
.renew-style .cardList-l__inner {
  display: block;
  position: relative;
}
.renew-style .cardList-l__img {
  width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.renew-style .cardList-l__heading {
  display: -webkit-box;
  overflow: hidden;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.renew-style .cardList-l__date {
  color: var(--gray-scale-color-gray);
  text-align: right;
}
.renew-style .cardList-m {
  width: 100%;
  background-color: var(--gray-scale-color-white);
  border-bottom: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardList-m--borderTop {
  border-top: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardList-m--borderNone[class] {
  border-bottom: 0;
}
.renew-style .cardList-m__inner {
  display: block;
  position: relative;
}
.renew-style .cardList-m__img {
  width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.renew-style .cardList-m__heading {
  display: -webkit-box;
  overflow: hidden;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.renew-style .cardList-m__date {
  color: var(--gray-scale-color-gray);
  text-align: right;
}
.renew-style .cardList-s {
  width: 100%;
  padding: 0.5rem;
  background-color: var(--gray-scale-color-white);
  border-bottom: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardList-s--borderTop {
  border-top: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardList-s--borderNone[class] {
  border-bottom: 0;
}
.renew-style .cardList-s__inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  position: relative;
}
.renew-style .cardList-s__img {
  width: 96px;
  height: 96px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.renew-style .cardList-s__body {
  flex: 1;
}
.renew-style .cardList-s__heading {
  display: -webkit-box;
  overflow: hidden;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.renew-style .cardList-s__date {
  color: var(--gray-scale-color-gray);
  text-align: right;
}
.renew-style .cardList-xs {
  width: 100%;
  background-color: var(--gray-scale-color-white);
  border-bottom: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardList-xs--borderTop {
  border-top: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardList-xs--borderNone[class] {
  border-bottom: 0;
}
.renew-style .cardList-xs__inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}
.renew-style .cardList-xs__img {
  width: 60px;
  height: 60px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.renew-style .cardList-xs__body {
  flex: 1;
}
.renew-style .cardList-xs__heading {
  display: -webkit-box;
  overflow: hidden;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.renew-style .cardListPc-l {
  width: 100%;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: var(--gray-scale-color-white);
  border-bottom: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardListPc-l--borderTop {
  padding-top: 0.5rem;
  border-top: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardListPc-l--borderNone[class] {
  border-bottom: 0;
}
.renew-style .cardListPc-l__inner {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  position: relative;
}
.renew-style .cardListPc-l__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.renew-style .cardListPc-l__img {
  width: 285px;
  height: 160px;
  object-fit: cover;
}
.renew-style .cardListPc-l__heading {
  text-decoration: none;
}
.renew-style .cardListPc-l__date {
  color: var(--gray-scale-color-gray);
  text-align: right;
}
.renew-style .cardListPc-m {
  width: 100%;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: var(--gray-scale-color-white);
  border-bottom: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardListPc-m--borderTop {
  border-top: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardListPc-m--borderNone[class] {
  border-bottom: 0;
}
.renew-style .cardListPc-m__inner {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-decoration: none;
  position: relative;
}
.renew-style .cardListPc-m__img {
  width: 120px;
  height: 120px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.renew-style .cardListPc-m__body {
  flex: 1;
}
.renew-style .cardListPc-m__heading {
  display: -webkit-box;
  flex: 1;
  overflow: hidden;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.renew-style .cardListPc-m__date {
  color: var(--gray-scale-color-gray);
  text-align: right;
}
.renew-style .cardListPc-s {
  width: 100%;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: var(--gray-scale-color-white);
  border-bottom: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardListPc-s--borderTop {
  border-top: solid 1px var(--gray-scale-color-light);
}
.renew-style .cardListPc-s--borderNone[class] {
  border-bottom: 0;
}
.renew-style .cardListPc-s__inner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  position: relative;
}
.renew-style .cardListPc-s__img {
  width: 80px;
  height: 80px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.renew-style .cardListPc-s__body {
  flex: 1;
}
.renew-style .cardListPc-s__heading {
  display: -webkit-box;
  overflow: hidden;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.renew-style .cardListPc-s__date {
  color: var(--gray-scale-color-gray);
  text-align: right;
}
.renew-style .cardList-l__img.is-community, .renew-style .cardList-m__img.is-community, .renew-style .cardList-s__img.is-community, .renew-style .cardList-xs__img.is-community, .renew-style .cardListPc-l__img.is-community, .renew-style .cardListPc-m__img.is-community, .renew-style .cardListPc-s__img.is-community, .renew-style .cardListPc-xs__img.is-community {
  height: auto;
  aspect-ratio: inherit;
  object-fit: inherit;
}
.renew-style .cardList-l__flex, .renew-style .cardList-m__flex, .renew-style .cardList-s__flex, .renew-style .cardList-xs__flex, .renew-style .cardListPc-l__flex, .renew-style .cardListPc-m__flex, .renew-style .cardListPc-s__flex, .renew-style .cardListPc-xs__flex {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.renew-style .cardList-l__comments, .renew-style .cardList-m__comments, .renew-style .cardList-s__comments, .renew-style .cardList-xs__comments, .renew-style .cardListPc-l__comments, .renew-style .cardListPc-m__comments, .renew-style .cardListPc-s__comments, .renew-style .cardListPc-xs__comments {
  padding-left: 18px;
  color: var(--gray-scale-color-gray);
  position: relative;
}
.renew-style .cardList-l__comments::before, .renew-style .cardList-m__comments::before, .renew-style .cardList-s__comments::before, .renew-style .cardList-xs__comments::before, .renew-style .cardListPc-l__comments::before, .renew-style .cardListPc-m__comments::before, .renew-style .cardListPc-s__comments::before, .renew-style .cardListPc-xs__comments::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzNjFfMjU3OCkiPiA8cGF0aCBkPSJNMy4zNzk1NyAxMC42OTk2QzMuNzMyMyAxMC40NDI2IDQuMTg4OTUgMTAuMzc3IDQuNTk5MSAxMC41MjQ2QzUuMzIzNzEgMTAuNzg3MSA2LjEzNTgyIDEwLjkzNzUgNi45OTk4OCAxMC45Mzc1QzEwLjQwOTYgMTAuOTM3NSAxMi42ODc0IDguNzM2MzMgMTIuNjg3NCA2LjU2MjVDMTIuNjg3NCA0LjM4ODY3IDEwLjQwOTYgMi4xODc1IDYuOTk5ODggMi4xODc1QzMuNTkwMTIgMi4xODc1IDEuMzEyMzggNC4zODg2NyAxLjMxMjM4IDYuNTYyNUMxLjMxMjM4IDcuNDM3NSAxLjY1MTQ1IDguMjc5NjkgMi4yODg1NSA5LjAwMTU2QzIuNTIzNzEgOS4yNjY4IDIuNjM4NTUgOS42MTY4IDIuNjExMjEgOS45NzIyN0MyLjU3MjkzIDEwLjQ2NzIgMi40NTUzNSAxMC45MjExIDIuMzAyMjMgMTEuMzIzQzIuNzY3MDcgMTEuMTA3IDMuMTUyNjIgMTAuODY2NCAzLjM3OTU3IDEwLjcwMjNWMTAuNjk5NlpNMC41Nzk1NzEgMTEuODA5OEMwLjYyODc4OSAxMS43MzU5IDAuNjc1Mjc0IDExLjY2MjEgMC43MTkwMjQgMTEuNTg4M0MwLjk5MjQ2MSAxMS4xMzQ0IDEuMjUyMjMgMTAuNTM4MyAxLjMwNDE4IDkuODY4MzZDMC40ODM4NjggOC45MzU5NCAtMC4wMDAxMTY4NTMgNy43OTU3IC0wLjAwMDExNjg1MyA2LjU2MjVDLTAuMDAwMTE2ODUzIDMuNDIwNyAzLjEzMzQ4IDAuODc1IDYuOTk5ODggMC44NzVDMTAuODY2MyAwLjg3NSAxMy45OTk5IDMuNDIwNyAxMy45OTk5IDYuNTYyNUMxMy45OTk5IDkuNzA0MyAxMC44NjYzIDEyLjI1IDYuOTk5ODggMTIuMjVDNS45ODU0MyAxMi4yNSA1LjAyMjkzIDEyLjA3NSA0LjE1MzQgMTEuNzYwNUMzLjgyODAxIDExLjk5ODQgMy4yOTc1NCAxMi4zMjM4IDIuNjY4NjMgMTIuNTk3M0MyLjI1NTc0IDEyLjc3NzcgMS43ODU0MyAxMi45NDE4IDEuMjk4NzEgMTMuMDM3NUMxLjI3Njg0IDEzLjA0MyAxLjI1NDk2IDEzLjA0NTcgMS4yMzMwOSAxMy4wNTEyQzEuMTEyNzcgMTMuMDczIDAuOTk1MTk2IDEzLjA5MjIgMC44NzIxNDkgMTMuMTAzMUMwLjg2NjY4IDEzLjEwMzEgMC44NTg0NzcgMTMuMTA1OSAwLjg1MzAwOCAxMy4xMDU5QzAuNzEzNTU1IDEzLjExOTUgMC41NzQxMDIgMTMuMTI3NyAwLjQzNDY0OSAxMy4xMjc3QzAuMjU2OTE0IDEzLjEyNzcgMC4wOTgzMjA2IDEzLjAyMTEgMC4wMjk5NjEzIDEyLjg1N0MtMC4wMzgzOTgxIDEyLjY5MyAtMC4wMDAxMTY4NTkgMTIuNTA3IDAuMTIyOTMgMTIuMzgxMkMwLjIzNTAzOSAxMi4yNjY0IDAuMzM2MjExIDEyLjE0MzQgMC40MzE5MTQgMTIuMDEyMUMwLjQ3ODM5OSAxMS45NDkyIDAuNTIyMTQ5IDExLjg4NjMgMC41NjMxNjQgMTEuODIzNEwwLjU3MTM2OCAxMS44MDk4SDAuNTc5NTcxWiIgZmlsbD0iIzg4ODg4OCIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzIzNjFfMjU3OCI+IDxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 2px;
  left: 0;
}
.renew-style .cardList-l.is-member .cardList-l__date, .renew-style .cardList-l.is-member .cardList-m__date, .renew-style .cardList-l.is-member .cardList-s__date, .renew-style .cardList-l.is-member .cardList-xs__date, .renew-style .cardList-l.is-member .cardListPc-l__date, .renew-style .cardList-l.is-member .cardListPc-m__date, .renew-style .cardList-l.is-member .cardListPc-s__date, .renew-style .cardList-l.is-member .cardListPc-xs__date, .renew-style .cardList-m.is-member .cardList-l__date, .renew-style .cardList-m.is-member .cardList-m__date, .renew-style .cardList-m.is-member .cardList-s__date, .renew-style .cardList-m.is-member .cardList-xs__date, .renew-style .cardList-m.is-member .cardListPc-l__date, .renew-style .cardList-m.is-member .cardListPc-m__date, .renew-style .cardList-m.is-member .cardListPc-s__date, .renew-style .cardList-m.is-member .cardListPc-xs__date, .renew-style .cardList-s.is-member .cardList-l__date, .renew-style .cardList-s.is-member .cardList-m__date, .renew-style .cardList-s.is-member .cardList-s__date, .renew-style .cardList-s.is-member .cardList-xs__date, .renew-style .cardList-s.is-member .cardListPc-l__date, .renew-style .cardList-s.is-member .cardListPc-m__date, .renew-style .cardList-s.is-member .cardListPc-s__date, .renew-style .cardList-s.is-member .cardListPc-xs__date, .renew-style .cardList-xs.is-member .cardList-l__date, .renew-style .cardList-xs.is-member .cardList-m__date, .renew-style .cardList-xs.is-member .cardList-s__date, .renew-style .cardList-xs.is-member .cardList-xs__date, .renew-style .cardList-xs.is-member .cardListPc-l__date, .renew-style .cardList-xs.is-member .cardListPc-m__date, .renew-style .cardList-xs.is-member .cardListPc-s__date, .renew-style .cardList-xs.is-member .cardListPc-xs__date, .renew-style .cardListPc-l.is-member .cardList-l__date, .renew-style .cardListPc-l.is-member .cardList-m__date, .renew-style .cardListPc-l.is-member .cardList-s__date, .renew-style .cardListPc-l.is-member .cardList-xs__date, .renew-style .cardListPc-l.is-member .cardListPc-l__date, .renew-style .cardListPc-l.is-member .cardListPc-m__date, .renew-style .cardListPc-l.is-member .cardListPc-s__date, .renew-style .cardListPc-l.is-member .cardListPc-xs__date, .renew-style .cardListPc-m.is-member .cardList-l__date, .renew-style .cardListPc-m.is-member .cardList-m__date, .renew-style .cardListPc-m.is-member .cardList-s__date, .renew-style .cardListPc-m.is-member .cardList-xs__date, .renew-style .cardListPc-m.is-member .cardListPc-l__date, .renew-style .cardListPc-m.is-member .cardListPc-m__date, .renew-style .cardListPc-m.is-member .cardListPc-s__date, .renew-style .cardListPc-m.is-member .cardListPc-xs__date, .renew-style .cardListPc-s.is-member .cardList-l__date, .renew-style .cardListPc-s.is-member .cardList-m__date, .renew-style .cardListPc-s.is-member .cardList-s__date, .renew-style .cardListPc-s.is-member .cardList-xs__date, .renew-style .cardListPc-s.is-member .cardListPc-l__date, .renew-style .cardListPc-s.is-member .cardListPc-m__date, .renew-style .cardListPc-s.is-member .cardListPc-s__date, .renew-style .cardListPc-s.is-member .cardListPc-xs__date, .renew-style .cardListPc-xs.is-member .cardList-l__date, .renew-style .cardListPc-xs.is-member .cardList-m__date, .renew-style .cardListPc-xs.is-member .cardList-s__date, .renew-style .cardListPc-xs.is-member .cardList-xs__date, .renew-style .cardListPc-xs.is-member .cardListPc-l__date, .renew-style .cardListPc-xs.is-member .cardListPc-m__date, .renew-style .cardListPc-xs.is-member .cardListPc-s__date, .renew-style .cardListPc-xs.is-member .cardListPc-xs__date {
  display: block;
  padding-left: 20px;
  position: relative;
}
.renew-style .cardList-l.is-member .cardList-l__date::before, .renew-style .cardList-l.is-member .cardList-m__date::before, .renew-style .cardList-l.is-member .cardList-s__date::before, .renew-style .cardList-l.is-member .cardList-xs__date::before, .renew-style .cardList-l.is-member .cardListPc-l__date::before, .renew-style .cardList-l.is-member .cardListPc-m__date::before, .renew-style .cardList-l.is-member .cardListPc-s__date::before, .renew-style .cardList-l.is-member .cardListPc-xs__date::before, .renew-style .cardList-m.is-member .cardList-l__date::before, .renew-style .cardList-m.is-member .cardList-m__date::before, .renew-style .cardList-m.is-member .cardList-s__date::before, .renew-style .cardList-m.is-member .cardList-xs__date::before, .renew-style .cardList-m.is-member .cardListPc-l__date::before, .renew-style .cardList-m.is-member .cardListPc-m__date::before, .renew-style .cardList-m.is-member .cardListPc-s__date::before, .renew-style .cardList-m.is-member .cardListPc-xs__date::before, .renew-style .cardList-s.is-member .cardList-l__date::before, .renew-style .cardList-s.is-member .cardList-m__date::before, .renew-style .cardList-s.is-member .cardList-s__date::before, .renew-style .cardList-s.is-member .cardList-xs__date::before, .renew-style .cardList-s.is-member .cardListPc-l__date::before, .renew-style .cardList-s.is-member .cardListPc-m__date::before, .renew-style .cardList-s.is-member .cardListPc-s__date::before, .renew-style .cardList-s.is-member .cardListPc-xs__date::before, .renew-style .cardList-xs.is-member .cardList-l__date::before, .renew-style .cardList-xs.is-member .cardList-m__date::before, .renew-style .cardList-xs.is-member .cardList-s__date::before, .renew-style .cardList-xs.is-member .cardList-xs__date::before, .renew-style .cardList-xs.is-member .cardListPc-l__date::before, .renew-style .cardList-xs.is-member .cardListPc-m__date::before, .renew-style .cardList-xs.is-member .cardListPc-s__date::before, .renew-style .cardList-xs.is-member .cardListPc-xs__date::before, .renew-style .cardListPc-l.is-member .cardList-l__date::before, .renew-style .cardListPc-l.is-member .cardList-m__date::before, .renew-style .cardListPc-l.is-member .cardList-s__date::before, .renew-style .cardListPc-l.is-member .cardList-xs__date::before, .renew-style .cardListPc-l.is-member .cardListPc-l__date::before, .renew-style .cardListPc-l.is-member .cardListPc-m__date::before, .renew-style .cardListPc-l.is-member .cardListPc-s__date::before, .renew-style .cardListPc-l.is-member .cardListPc-xs__date::before, .renew-style .cardListPc-m.is-member .cardList-l__date::before, .renew-style .cardListPc-m.is-member .cardList-m__date::before, .renew-style .cardListPc-m.is-member .cardList-s__date::before, .renew-style .cardListPc-m.is-member .cardList-xs__date::before, .renew-style .cardListPc-m.is-member .cardListPc-l__date::before, .renew-style .cardListPc-m.is-member .cardListPc-m__date::before, .renew-style .cardListPc-m.is-member .cardListPc-s__date::before, .renew-style .cardListPc-m.is-member .cardListPc-xs__date::before, .renew-style .cardListPc-s.is-member .cardList-l__date::before, .renew-style .cardListPc-s.is-member .cardList-m__date::before, .renew-style .cardListPc-s.is-member .cardList-s__date::before, .renew-style .cardListPc-s.is-member .cardList-xs__date::before, .renew-style .cardListPc-s.is-member .cardListPc-l__date::before, .renew-style .cardListPc-s.is-member .cardListPc-m__date::before, .renew-style .cardListPc-s.is-member .cardListPc-s__date::before, .renew-style .cardListPc-s.is-member .cardListPc-xs__date::before, .renew-style .cardListPc-xs.is-member .cardList-l__date::before, .renew-style .cardListPc-xs.is-member .cardList-m__date::before, .renew-style .cardListPc-xs.is-member .cardList-s__date::before, .renew-style .cardListPc-xs.is-member .cardList-xs__date::before, .renew-style .cardListPc-xs.is-member .cardListPc-l__date::before, .renew-style .cardListPc-xs.is-member .cardListPc-m__date::before, .renew-style .cardListPc-xs.is-member .cardListPc-s__date::before, .renew-style .cardListPc-xs.is-member .cardListPc-xs__date::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: no-repeat top left/100% 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_897_2664)%22%3E%0A%3Cpath%20d%3D%22M8.00016%202.49984C9.31564%202.49984%2010.3811%203.52536%2010.3811%204.7915V6.1665H5.61921V4.7915C5.61921%203.52536%206.68469%202.49984%208.00016%202.49984ZM3.71445%204.7915V6.1665H3.23826C2.18766%206.1665%201.3335%206.98864%201.3335%207.99984V13.4998C1.3335%2014.511%202.18766%2015.3332%203.23826%2015.3332H12.7621C13.8127%2015.3332%2014.6668%2014.511%2014.6668%2013.4998V7.99984C14.6668%206.98864%2013.8127%206.1665%2012.7621%206.1665H12.2859V4.7915C12.2859%202.51416%2010.3662%200.666504%208.00016%200.666504C5.63409%200.666504%203.71445%202.51416%203.71445%204.7915ZM8.95254%209.83317V11.6665C8.95254%2012.1735%208.52695%2012.5832%208.00016%2012.5832C7.47338%2012.5832%207.04778%2012.1735%207.04778%2011.6665V9.83317C7.04778%209.32614%207.47338%208.9165%208.00016%208.9165C8.52695%208.9165%208.95254%209.32614%208.95254%209.83317Z%22%20fill%3D%22%23B38D1B%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_897_2664%22%3E%0A%3Crect%20width%3D%2213.3333%22%20height%3D%2214.6667%22%20fill%3D%22white%22%20transform%3D%22translate(1.3335%200.666504)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.c-card, .c-card--border {
  margin-top: 16px;
}
.c-card__col {
  width: 100%;
  padding: 8px 0;
  background-color: #fff;
  border-top: solid 1px #e9e9e9;
}
.c-card__col:first-of-type {
  padding-top: 0;
  border-top: none;
}
.c-card__col__inner {
  display: flex !important;
  gap: 16px;
  text-decoration: none !important;
  position: relative;
}
@media only screen and (max-width: 1079px) {
  .c-card__col__inner {
    gap: 8px;
  }
}
.c-card__col__inner:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1079px) {
  .c-card__col__inner:hover {
    opacity: 1;
  }
}
.c-card__col__img, .c-card__col__img--sp72 {
  width: 120px;
  line-height: 0;
}
@media only screen and (max-width: 1079px) {
  .c-card__col__img, .c-card__col__img--sp72 {
    width: 96px;
  }
}
.c-card__col__img img, .c-card__col__img--sp72 img {
  width: 120px;
  height: 120px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@media only screen and (max-width: 1079px) {
  .c-card__col__img img, .c-card__col__img--sp72 img {
    width: 96px;
    height: 96px;
  }
}
@media only screen and (max-width: 1079px) {
  .c-card__col__img--sp72 {
    width: 72px;
  }
}
@media only screen and (max-width: 1079px) {
  .c-card__col__img--sp72 img {
    width: 72px;
    height: 72px;
  }
}
.c-card__col__body {
  flex: 1;
}
.c-card__col__heading {
  display: -webkit-box;
  flex: 1;
  margin: 0 !important;
  overflow: hidden;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.c-card__col__flex, .c-card__col__flex--reverse {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  position: relative;
}
.c-card__col__flex--reverse {
  flex-direction: row-reverse;
}
.c-card__col__date {
  color: #888;
  font-size: 12px;
  text-align: right;
}
.c-card__col__comments {
  padding-left: 18px;
  margin: 0;
  color: #888;
  font-size: 12px;
  line-height: 1;
  position: relative;
}
.c-card__col__comments::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzNjFfMjU3OCkiPiA8cGF0aCBkPSJNMy4zNzk1NyAxMC42OTk2QzMuNzMyMyAxMC40NDI2IDQuMTg4OTUgMTAuMzc3IDQuNTk5MSAxMC41MjQ2QzUuMzIzNzEgMTAuNzg3MSA2LjEzNTgyIDEwLjkzNzUgNi45OTk4OCAxMC45Mzc1QzEwLjQwOTYgMTAuOTM3NSAxMi42ODc0IDguNzM2MzMgMTIuNjg3NCA2LjU2MjVDMTIuNjg3NCA0LjM4ODY3IDEwLjQwOTYgMi4xODc1IDYuOTk5ODggMi4xODc1QzMuNTkwMTIgMi4xODc1IDEuMzEyMzggNC4zODg2NyAxLjMxMjM4IDYuNTYyNUMxLjMxMjM4IDcuNDM3NSAxLjY1MTQ1IDguMjc5NjkgMi4yODg1NSA5LjAwMTU2QzIuNTIzNzEgOS4yNjY4IDIuNjM4NTUgOS42MTY4IDIuNjExMjEgOS45NzIyN0MyLjU3MjkzIDEwLjQ2NzIgMi40NTUzNSAxMC45MjExIDIuMzAyMjMgMTEuMzIzQzIuNzY3MDcgMTEuMTA3IDMuMTUyNjIgMTAuODY2NCAzLjM3OTU3IDEwLjcwMjNWMTAuNjk5NlpNMC41Nzk1NzEgMTEuODA5OEMwLjYyODc4OSAxMS43MzU5IDAuNjc1Mjc0IDExLjY2MjEgMC43MTkwMjQgMTEuNTg4M0MwLjk5MjQ2MSAxMS4xMzQ0IDEuMjUyMjMgMTAuNTM4MyAxLjMwNDE4IDkuODY4MzZDMC40ODM4NjggOC45MzU5NCAtMC4wMDAxMTY4NTMgNy43OTU3IC0wLjAwMDExNjg1MyA2LjU2MjVDLTAuMDAwMTE2ODUzIDMuNDIwNyAzLjEzMzQ4IDAuODc1IDYuOTk5ODggMC44NzVDMTAuODY2MyAwLjg3NSAxMy45OTk5IDMuNDIwNyAxMy45OTk5IDYuNTYyNUMxMy45OTk5IDkuNzA0MyAxMC44NjYzIDEyLjI1IDYuOTk5ODggMTIuMjVDNS45ODU0MyAxMi4yNSA1LjAyMjkzIDEyLjA3NSA0LjE1MzQgMTEuNzYwNUMzLjgyODAxIDExLjk5ODQgMy4yOTc1NCAxMi4zMjM4IDIuNjY4NjMgMTIuNTk3M0MyLjI1NTc0IDEyLjc3NzcgMS43ODU0MyAxMi45NDE4IDEuMjk4NzEgMTMuMDM3NUMxLjI3Njg0IDEzLjA0MyAxLjI1NDk2IDEzLjA0NTcgMS4yMzMwOSAxMy4wNTEyQzEuMTEyNzcgMTMuMDczIDAuOTk1MTk2IDEzLjA5MjIgMC44NzIxNDkgMTMuMTAzMUMwLjg2NjY4IDEzLjEwMzEgMC44NTg0NzcgMTMuMTA1OSAwLjg1MzAwOCAxMy4xMDU5QzAuNzEzNTU1IDEzLjExOTUgMC41NzQxMDIgMTMuMTI3NyAwLjQzNDY0OSAxMy4xMjc3QzAuMjU2OTE0IDEzLjEyNzcgMC4wOTgzMjA2IDEzLjAyMTEgMC4wMjk5NjEzIDEyLjg1N0MtMC4wMzgzOTgxIDEyLjY5MyAtMC4wMDAxMTY4NTkgMTIuNTA3IDAuMTIyOTMgMTIuMzgxMkMwLjIzNTAzOSAxMi4yNjY0IDAuMzM2MjExIDEyLjE0MzQgMC40MzE5MTQgMTIuMDEyMUMwLjQ3ODM5OSAxMS45NDkyIDAuNTIyMTQ5IDExLjg4NjMgMC41NjMxNjQgMTEuODIzNEwwLjU3MTM2OCAxMS44MDk4SDAuNTc5NTcxWiIgZmlsbD0iIzg4ODg4OCIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzIzNjFfMjU3OCI+IDxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=) no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.c-card__col.is-disabled .c-card__col__inner {
  opacity: 0.5;
  pointer-events: none;
}
.c-card__col.is-member .c-card__col__flex, .c-card__col.is-member .c-card__col__flex--reverse {
  padding-left: 23px;
}
.c-card__col.is-member .c-card__col__flex::before, .c-card__col.is-member .c-card__col__flex--reverse::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: no-repeat top left/100% 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_897_2664)%22%3E%0A%3Cpath%20d%3D%22M8.00016%202.49984C9.31564%202.49984%2010.3811%203.52536%2010.3811%204.7915V6.1665H5.61921V4.7915C5.61921%203.52536%206.68469%202.49984%208.00016%202.49984ZM3.71445%204.7915V6.1665H3.23826C2.18766%206.1665%201.3335%206.98864%201.3335%207.99984V13.4998C1.3335%2014.511%202.18766%2015.3332%203.23826%2015.3332H12.7621C13.8127%2015.3332%2014.6668%2014.511%2014.6668%2013.4998V7.99984C14.6668%206.98864%2013.8127%206.1665%2012.7621%206.1665H12.2859V4.7915C12.2859%202.51416%2010.3662%200.666504%208.00016%200.666504C5.63409%200.666504%203.71445%202.51416%203.71445%204.7915ZM8.95254%209.83317V11.6665C8.95254%2012.1735%208.52695%2012.5832%208.00016%2012.5832C7.47338%2012.5832%207.04778%2012.1735%207.04778%2011.6665V9.83317C7.04778%209.32614%207.47338%208.9165%208.00016%208.9165C8.52695%208.9165%208.95254%209.32614%208.95254%209.83317Z%22%20fill%3D%22%23B38D1B%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_897_2664%22%3E%0A%3Crect%20width%3D%2213.3333%22%20height%3D%2214.6667%22%20fill%3D%22white%22%20transform%3D%22translate(1.3335%200.666504)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  pointer-events: none;
  position: absolute;
  top: -2px;
  left: 0;
}
.c-card__col.is-series .c-card__col__coin {
  margin: 0;
}
.c-card__col.is-series .c-card__col__coin span {
  display: inline-block;
  padding: 8px 8px 8px 28px;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  color: #888;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  position: relative;
}
.c-card__col.is-series .c-card__col__coin span::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik01Ljg4NTI1IDMuMjVDNS44ODUyNSAzLjI1MzEyIDUuODg4MzggMy4yNjg3NSA1LjkwNCAzLjI5Njg4QzUuOTIyNzUgMy4zMzQzNyA1Ljk2NjUgMy4zOTM3NSA2LjA1MDg4IDMuNDY4NzVDNi4wNjMzOCAzLjQ3ODEzIDYuMDc1ODggMy40OTA2MiA2LjA4ODM4IDMuNUM1LjUwNCAzLjUxMjUgNC45MzUyNSAzLjU1MzEyIDQuMzg4MzggMy42MjgxMkw0LjM4NTI1IDMuMjVDNC4zODUyNSAyLjY4NzUgNC42ODgzOCAyLjIzNzUgNS4wNDQ2MyAxLjkxNTYyQzUuNDAwODggMS41OTM3NSA1Ljg3OSAxLjMzNzUgNi40MDQgMS4xMzc1QzcuNDYwMjUgMC43MzQzNzUgOC44Njk2MyAwLjUgMTAuMzg1MyAwLjVDMTEuOTAwOSAwLjUgMTMuMzEwMyAwLjczNDM3NSAxNC4zNjM0IDEuMTM0MzdDMTQuODg4NCAxLjMzNDM3IDE1LjM2NjUgMS41OTA2MyAxNS43MjI4IDEuOTEyNUMxNi4wNzkgMi4yMzQzOCAxNi4zODUzIDIuNjg3NSAxNi4zODUzIDMuMjVWNi41VjkuNzVDMTYuMzg1MyAxMC4zMTI1IDE2LjA4MjEgMTAuNzYyNSAxNS43MjU5IDExLjA4NDRDMTUuMzY5NiAxMS40MDYyIDE0Ljg5MTUgMTEuNjYyNSAxNC4zNjY1IDExLjg2MjVDMTQuMDY2NSAxMS45NzgxIDEzLjczODQgMTIuMDc4MSAxMy4zODg0IDEyLjE2MjVWMTAuNjA5NEMxMy41NDc4IDEwLjU2MjUgMTMuNjk0NiAxMC41MTI1IDEzLjgzMjEgMTAuNDU5NEMxNC4yNTcxIDEwLjI5NjkgMTQuNTUwOSAxMC4xMjE5IDE0LjcyMjggOS45Njg3NUMxNC44MDcxIDkuODkzNzUgMTQuODUwOSA5LjgzNDM4IDE0Ljg2OTYgOS43OTY4OEMxNC44ODg0IDkuNzYyNSAxNC44ODg0IDkuNzUgMTQuODg4NCA5Ljc1VjguMzg3NUMxNC43MjI4IDguNDY4NzUgMTQuNTQ3OCA4LjU0Mzc1IDE0LjM2NjUgOC42MTI1QzE0LjA2NjUgOC43MjgxMyAxMy43Mzg0IDguODI4MTIgMTMuMzg4NCA4LjkxMjVWNy4zNTkzOEMxMy41NDc4IDcuMzEyNSAxMy42OTQ2IDcuMjYyNSAxMy44MzIxIDcuMjA5MzdDMTQuMjU3MSA3LjA0Njg4IDE0LjU1MDkgNi44NzE4NyAxNC43MjI4IDYuNzE4NzVDMTQuODA3MSA2LjY0Mzc1IDE0Ljg1MDkgNi41ODQzNyAxNC44Njk2IDYuNTQ2ODhDMTQuODg1MyA2LjUxODc1IDE0Ljg4ODQgNi41MDMxMyAxNC44ODg0IDYuNVY1LjEzNzVDMTQuNzIyOCA1LjIxODc1IDE0LjU0NzggNS4yOTM3NSAxNC4zNjY1IDUuMzYyNUMxMy45Mzg0IDUuNTI1IDEzLjQ0NzggNS42NjI1IDEyLjkxOTYgNS43NjU2MkMxMi43NjAzIDUuNTMxMjUgMTIuNTc1OSA1LjMzMTI1IDEyLjM5NDYgNS4xNjg3NUMxMi4wNzkgNC44ODQzNyAxMS43MTM0IDQuNjUzMTMgMTEuMzMyMSA0LjQ2MjVDMTIuMzIyOCA0LjM5MDYyIDEzLjE4NTMgNC4yMDYyNSAxMy44MzIxIDMuOTU5MzdDMTQuMjU3MSAzLjc5Njg4IDE0LjU1MDkgMy42MjE4OCAxNC43MjI4IDMuNDY4NzVDMTQuODA3MSAzLjM5Mzc1IDE0Ljg1MDkgMy4zMzQzNyAxNC44Njk2IDMuMjk2ODhDMTQuODg1MyAzLjI2ODc1IDE0Ljg4ODQgMy4yNTMxMiAxNC44ODg0IDMuMjVDMTQuODg4NCAzLjI1IDE0Ljg4ODQgMy4yMzQzOCAxNC44Njk2IDMuMjAzMTJDMTQuODUwOSAzLjE2NTYzIDE0LjgwNzEgMy4xMDYyNSAxNC43MjI4IDMuMDMxMjVDMTQuNTUwOSAyLjg3NSAxNC4yNTcxIDIuNyAxMy44MzIxIDIuNTQwNjNDMTIuOTg1MyAyLjIxNTYzIDExLjc2NjUgMiAxMC4zODUzIDJDOS4wMDQgMiA3Ljc4NTI1IDIuMjE1NjIgNi45NDE1IDIuNTM3NUM2LjUxNjUgMi43IDYuMjIyNzUgMi44NzUgNi4wNTA4OCAzLjAyODEzQzUuOTY2NSAzLjEwMzEzIDUuOTIyNzUgMy4xNjI1IDUuOTA0IDMuMkM1Ljg4NTI1IDMuMjM0MzggNS44ODUyNSAzLjI0Njg4IDUuODg1MjUgMy4yNDY4OFYzLjI1Wk0xLjg4NTI1IDcuMjVDMS44ODUyNSA3LjI1MzEzIDEuODg4MzggNy4yNjg3NSAxLjkwNCA3LjI5Njg4QzEuOTIyNzUgNy4zMzQzNyAxLjk2NjUgNy4zOTM3NSAyLjA1MDg4IDcuNDY4NzVDMi4yMjI3NSA3LjYyNSAyLjUxNjUgNy44IDIuOTQxNSA3Ljk1OTM3QzMuNzg1MjUgOC4yODEyNSA1LjAwNCA4LjQ5Njg3IDYuMzg1MjUgOC40OTY4N0M3Ljc2NjUgOC40OTY4NyA4Ljk4NTI1IDguMjgxMjUgOS44MjkgNy45NTkzN0MxMC4yNTQgNy43OTY4OCAxMC41NDc4IDcuNjIxODcgMTAuNzE5NiA3LjQ2ODc1QzEwLjgwNCA3LjM5Mzc1IDEwLjg0NzggNy4zMzQzNyAxMC44NjY1IDcuMjk2ODhDMTAuODgyMSA3LjI2ODc1IDEwLjg4NTMgNy4yNTMxMyAxMC44ODUzIDcuMjVDMTAuODg1MyA3LjI1IDEwLjg4NTMgNy4yMzQzOCAxMC44NjY1IDcuMjAzMTJDMTAuODQ3OCA3LjE2NTYzIDEwLjgwNCA3LjEwNjI1IDEwLjcxOTYgNy4wMzEyNUMxMC41NDc4IDYuODc1IDEwLjI1NCA2LjcgOS44MjkgNi41NDA2M0M4Ljk4NTI1IDYuMjE4NzUgNy43NjY1IDYuMDAzMTMgNi4zODUyNSA2LjAwMzEzQzUuMDA0IDYuMDAzMTMgMy43ODUyNSA2LjIxODc1IDIuOTQxNSA2LjU0MDYzQzIuNTE2NSA2LjcwMzEyIDIuMjIyNzUgNi44NzgxMyAyLjA1MDg4IDcuMDMxMjVDMS45NjY1IDcuMTA2MjUgMS45MjI3NSA3LjE2NTYzIDEuOTA0IDcuMjAzMTJDMS44ODUyNSA3LjIzNzUgMS44ODUyNSA3LjI1IDEuODg1MjUgNy4yNVpNMC4zODUyNTQgNy4yNUMwLjM4NTI1NCA2LjY4NzUgMC42ODgzNzkgNi4yMzc1IDEuMDQ0NjMgNS45MTU2M0MxLjQwMDg4IDUuNTkzNzUgMS44NzkgNS4zMzc1IDIuNDA0IDUuMTM3NUMzLjQ2MDI1IDQuNzM0MzggNC44Njk2MyA0LjUgNi4zODUyNSA0LjVDNy45MDA4OCA0LjUgOS4zMTAyNSA0LjczNDM4IDEwLjM2MzQgNS4xMzQzOEMxMC44ODg0IDUuMzM0MzcgMTEuMzY2NSA1LjU5MDYyIDExLjcyMjggNS45MTI1QzEyLjA3OSA2LjIzNDM4IDEyLjM4NTMgNi42ODc1IDEyLjM4NTMgNy4yNVYxMC41VjEzLjc1QzEyLjM4NTMgMTQuMzEyNSAxMi4wODIxIDE0Ljc2MjUgMTEuNzI1OSAxNS4wODQ0QzExLjM2OTYgMTUuNDA2MiAxMC44OTE1IDE1LjY2MjUgMTAuMzY2NSAxNS44NjI1QzkuMzEwMjUgMTYuMjY1NiA3LjkwMDg4IDE2LjUgNi4zODUyNSAxNi41QzQuODY5NjMgMTYuNSAzLjQ2MDI1IDE2LjI2NTYgMi40MDcxMyAxNS44NjU2QzEuODgyMTMgMTUuNjY1NiAxLjQwNzEzIDE1LjQwOTQgMS4wNDc3NSAxNS4wODc1QzAuNjg4Mzc5IDE0Ljc2NTYgMC4zODUyNTQgMTQuMzEyNSAwLjM4NTI1NCAxMy43NVYxMC41VjcuMjVaTTEwLjg4NTMgMTAuNVY5LjEzNzVDMTAuNzE5NiA5LjIxODc1IDEwLjU0NDYgOS4yOTM3NSAxMC4zNjM0IDkuMzYyNUM5LjMxMDI1IDkuNzY1NjIgNy45MDA4OCAxMCA2LjM4NTI1IDEwQzQuODY5NjMgMTAgMy40NjAyNSA5Ljc2NTYyIDIuNDA3MTMgOS4zNjU2M0MyLjIyNTg4IDkuMjk2ODggMi4wNTA4OCA5LjIyMTg4IDEuODg1MjUgOS4xNDA2MlYxMC41QzEuODg1MjUgMTAuNTAzMSAxLjg4ODM4IDEwLjUxODggMS45MDQgMTAuNTQ2OUMxLjkyMjc1IDEwLjU4NDQgMS45NjY1IDEwLjY0MzggMi4wNTA4OCAxMC43MTg4QzIuMjIyNzUgMTAuODc1IDIuNTE2NSAxMS4wNSAyLjk0MTUgMTEuMjA5NEMzLjc4NTI1IDExLjUzMTIgNS4wMDQgMTEuNzQ2OSA2LjM4NTI1IDExLjc0NjlDNy43NjY1IDExLjc0NjkgOC45ODUyNSAxMS41MzEyIDkuODI5IDExLjIwOTRDMTAuMjU0IDExLjA0NjkgMTAuNTQ3OCAxMC44NzE5IDEwLjcxOTYgMTAuNzE4OEMxMC44MDQgMTAuNjQzOCAxMC44NDc4IDEwLjU4NDQgMTAuODY2NSAxMC41NDY5QzEwLjg4MjEgMTAuNTE4OCAxMC44ODUzIDEwLjUwMzEgMTAuODg1MyAxMC41Wk0yLjQwNzEzIDEyLjYxNTZDMi4yMjU4OCAxMi41NDY5IDIuMDUwODggMTIuNDcxOSAxLjg4NTI1IDEyLjM5MDZWMTMuNzVDMS44ODUyNSAxMy43NSAxLjg4NTI1IDEzLjc2NTYgMS45MDQgMTMuNzk2OUMxLjkyMjc1IDEzLjgzNDQgMS45NjY1IDEzLjg5MzggMi4wNTA4OCAxMy45Njg4QzIuMjIyNzUgMTQuMTI1IDIuNTE2NSAxNC4zIDIuOTQxNSAxNC40NTk0QzMuNzg1MjUgMTQuNzgxMiA1LjAwNCAxNC45OTY5IDYuMzg1MjUgMTQuOTk2OUM3Ljc2NjUgMTQuOTk2OSA4Ljk4NTI1IDE0Ljc4MTIgOS44MjkgMTQuNDU5NEMxMC4yNTQgMTQuMjk2OSAxMC41NDc4IDE0LjEyMTkgMTAuNzE5NiAxMy45Njg4QzEwLjgwNCAxMy44OTM4IDEwLjg0NzggMTMuODM0NCAxMC44NjY1IDEzLjc5NjlDMTAuODg1MyAxMy43NjI1IDEwLjg4NTMgMTMuNzUgMTAuODg1MyAxMy43NVYxMi4zODc1QzEwLjcxOTYgMTIuNDY4OCAxMC41NDQ2IDEyLjU0MzcgMTAuMzYzNCAxMi42MTI1QzkuMzEwMjUgMTMuMDE1NiA3LjkwMDg4IDEzLjI1IDYuMzg1MjUgMTMuMjVDNC44Njk2MyAxMy4yNSAzLjQ2MDI1IDEzLjAxNTYgMi40MDcxMyAxMi42MTU2WiIgZmlsbD0iI0ZGNUMwMCIvPiA8L3N2Zz4=") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 7px;
  left: 8px;
}
.c-card--border {
  padding-top: 8px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.c-card--border + .c-section-series {
  margin-top: 16px;
}

.renew-style .button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  position: relative;
  font-size: 1rem;
  line-height: 1.8;
}
.renew-style .button::after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  right: 16px;
}
.renew-style .button-l {
  width: 100%;
  height: 48px;
}
.renew-style .button-l--primary {
  background-color: var(--brand-color-brand-color);
  color: var(--gray-scale-color-white);
}
.renew-style .button-l--primary::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_895%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_895)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.renew-style .button-l--secondary {
  border: 1px solid var(--brand-color-brand-color);
  color: var(--brand-color-brand-color);
}
.renew-style .button-l--secondary::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_906%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_906)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.renew-style .button-l--default {
  border: 1px solid var(--gray-scale-color-gray);
  color: var(--gray-scale-color-black);
}
.renew-style .button-l--default::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_912%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_912)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22%23888888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.renew-style .button-l--back {
  border: 1px solid var(--gray-scale-color-gray);
  color: var(--gray-scale-color-black);
}
.renew-style .button-l--back::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_912%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_912)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22%23888888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  left: 16px;
  right: auto;
  transform: rotate(180deg);
}
.renew-style .button-l:disabled, .renew-style .button-l--disabled {
  background-color: var(--gray-scale-color-light);
  color: #acacac;
}
.renew-style .button-l:disabled::after, .renew-style .button-l--disabled::after {
  content: none;
}
.renew-style .button-m {
  width: 100%;
  max-width: 358px;
  height: 48px;
}
.renew-style .button-m--primary {
  background-color: var(--brand-color-brand-color);
  color: var(--gray-scale-color-white);
}
.renew-style .button-m--primary::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_895%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_895)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.renew-style .button-m--secondary {
  border: 1px solid var(--brand-color-brand-color);
  color: var(--brand-color-brand-color);
}
.renew-style .button-m--secondary::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_906%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_906)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.renew-style .button-m--default {
  border: 1px solid var(--gray-scale-color-gray);
  color: var(--gray-scale-color-black);
}
.renew-style .button-m--default::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_912%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_912)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22%23888888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.renew-style .button-m--back {
  border: 1px solid var(--gray-scale-color-gray);
  color: var(--gray-scale-color-black);
}
.renew-style .button-m--back::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_912%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_912)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22%23888888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  left: 16px;
  right: auto;
  transform: rotate(180deg);
}
.renew-style .button-m:disabled, .renew-style .button-m--disabled {
  background-color: var(--gray-scale-color-light);
  color: #acacac;
}
.renew-style .button-m:disabled::after, .renew-style .button-m--disabled::after {
  content: none;
}
.renew-style .button-s {
  width: 336px;
  height: 48px;
}
.renew-style .button-s--primary {
  background-color: var(--brand-color-brand-color);
  color: var(--gray-scale-color-white);
}
.renew-style .button-s--primary::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_895%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_895)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.renew-style .button-s--secondary {
  border: 1px solid var(--brand-color-brand-color);
  color: var(--brand-color-brand-color);
}
.renew-style .button-s--secondary::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_906%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_906)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.renew-style .button-s--default {
  border: 1px solid var(--gray-scale-color-gray);
  color: var(--gray-scale-color-black);
}
.renew-style .button-s--default::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_912%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_912)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22%23888888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.renew-style .button-s--back {
  border: 1px solid var(--gray-scale-color-gray);
  color: var(--gray-scale-color-black);
}
.renew-style .button-s--back::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_912%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_912)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22%23888888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  left: 16px;
  right: auto;
  transform: rotate(180deg);
}
.renew-style .button-s:disabled, .renew-style .button-s--disabled {
  background-color: var(--gray-scale-color-light);
  color: #acacac;
}
.renew-style .button-s:disabled::after, .renew-style .button-s--disabled::after {
  content: none;
}
.renew-style .button-xs {
  width: 175px;
  height: 48px;
}
.renew-style .button-xs--primary {
  background-color: var(--brand-color-brand-color);
  color: var(--gray-scale-color-white);
}
.renew-style .button-xs--primary::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_895%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_895)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.renew-style .button-xs--secondary {
  border: 1px solid var(--brand-color-brand-color);
  color: var(--brand-color-brand-color);
}
.renew-style .button-xs--secondary::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_906%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_906)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.renew-style .button-xs--default {
  border: 1px solid var(--gray-scale-color-gray);
  color: var(--gray-scale-color-black);
}
.renew-style .button-xs--default::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_912%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_912)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22%23888888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.renew-style .button-xs--back {
  border: 1px solid var(--gray-scale-color-gray);
  color: var(--gray-scale-color-black);
}
.renew-style .button-xs--back::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22mask0_541_912%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23F92962%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23mask0_541_912)%22%3E%3Cpath%20d%3D%22M9.39976%2018L7.99976%2016.6L12.5998%2012L7.99976%207.4L9.39976%206L15.3998%2012L9.39976%2018Z%22%20fill%3D%22%23888888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  left: 16px;
  right: auto;
  transform: rotate(180deg);
}
.renew-style .button-xs:disabled, .renew-style .button-xs--disabled {
  background-color: var(--gray-scale-color-light);
  color: #acacac;
}
.renew-style .button-xs:disabled::after, .renew-style .button-xs--disabled::after {
  content: none;
}

.c-button, .c-button--back, .c-button--white, .c-button--simple, .c-button--disabled, .c-button--secondary {
  display: block !important;
  padding: 15px 30px;
  margin-top: 16px;
  background: #f92962;
  border: 1px solid #f92962;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.c-button::before, .c-button--back::before, .c-button--white::before, .c-button--simple::before, .c-button--disabled::before, .c-button--secondary::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 2px;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 22px;
  bottom: 0;
  transform: rotate(45deg);
}
.c-button span, .c-button--back span, .c-button--white span, .c-button--simple span, .c-button--disabled span, .c-button--secondary span {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.c-button:hover, .c-button--back:hover, .c-button--white:hover, .c-button--simple:hover, .c-button--disabled:hover, .c-button--secondary:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 768px) {
  .c-button:hover, .c-button--back:hover, .c-button--white:hover, .c-button--simple:hover, .c-button--disabled:hover, .c-button--secondary:hover {
    opacity: 1;
  }
}
.c-button.is-noarrow::before, .is-noarrow.c-button--back::before, .is-noarrow.c-button--white::before, .is-noarrow.c-button--simple::before, .is-noarrow.c-button--disabled::before, .is-noarrow.c-button--secondary::before {
  display: none;
}
.c-button--secondary {
  background: #fff;
  border-color: #f92962;
}
.c-button--secondary::before {
  border-right-color: #f92962;
  border-top-color: #f92962;
}
.c-button--secondary span {
  color: #f92962;
}
.c-button--disabled {
  background: #e9e9e9;
  pointer-events: none;
  border-color: #e9e9e9;
}
.c-button--disabled::before {
  display: none;
}
.c-button--disabled span {
  color: #acacac;
}
.c-button--simple {
  background: transparent;
  border-color: transparent;
}
.c-button--simple::before {
  display: none;
}
.c-button--simple span {
  color: #0b89b3;
}
.c-button--white {
  background: #fff;
  border-color: #888;
}
.c-button--white::before {
  border-right-color: #888;
  border-top-color: #888;
}
.c-button--white span {
  color: #333;
}
.c-button--back {
  background: #fff;
  border-color: #888;
}
.c-button--back::before {
  left: 22px;
  right: auto;
  bottom: 0;
  transform: rotate(-135deg);
  border-right-color: #888;
  border-top-color: #888;
}
.c-button--back span {
  color: #333;
}

.c-tab {
  /*--------------- ランキング関連 ---------------*/
  /*--------------- .c-tab-series ---------------*/
}
.c-tab-ranking__tabs {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #e9e9e9;
}
.c-tab-ranking__tab {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 155px;
  height: 48px;
  padding-top: 2px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  cursor: pointer;
  color: #888;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
  position: relative;
  top: 1px;
  left: 0;
  z-index: 2;
}
.c-tab-ranking__tab.is-active {
  background: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  pointer-events: none;
  color: #f92962;
  border-left-color: #e9e9e9;
  border-right-color: #e9e9e9;
  border-top-color: #e9e9e9;
}
.c-tab-ranking__box {
  display: none;
  padding-top: 24px;
}
.c-tab-ranking--sp .c-tab-ranking__tabs {
  width: calc(100% - 16px);
  margin: 0 auto;
}
.c-tab-series {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
}
.c-tab-series__button {
  margin: 0 0 0 16px !important;
}
.c-tab-series__button a, .c-tab-series__button span {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
}
.c-tab-series__button a {
  color: #0b89b3;
  text-decoration: underline;
}
.c-tab-series__button a:hover, .c-tab-series__button a:visited, .c-tab-series__button a:active {
  color: #0b89b3;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .c-tab-series__button a:hover, .c-tab-series__button a:visited, .c-tab-series__button a:active {
    text-decoration: underline;
  }
}
.c-tab-series__button span {
  color: #333;
  font-weight: 600;
}

.renew-style .tag {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  color: var(--gray-scale-color-gray);
  font-weight: 300;
  line-height: 1.5;
  font-size: 0.875rem;
  line-height: 1.5;
  text-decoration-line: underline;
}

.renew-style .accordion__button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: 48px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.renew-style .accordion__button::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2025%2025%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.1333%2019.6999V13.6999H6.1333V12.2H12.1333V6.19998H13.6333V12.2H19.6333V13.6999H13.6333V19.6999H12.1333Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}
.renew-style .accordion__contents {
  display: none;
  padding: 1rem;
}
.renew-style .accordion__contents.active {
  display: block;
}

.renew-style .categoryNavi {
  display: flex;
  align-items: center;
  width: 100%;
  height: 32px;
  background-color: #fff;
  border-bottom: 1px solid var(--gray-scale-color-light);
  overflow-x: hidden;
  position: fixed;
  top: 55px;
  left: 0;
  z-index: 100;
}
@media only screen and (min-width: 768px) {
  .renew-style .categoryNavi {
    justify-content: space-between;
    padding-left: 0;
    border-bottom: 0;
    position: relative;
    top: auto;
    left: auto;
  }
}
.renew-style .categoryNavi__wrapper {
  width: 100%;
  height: 32px;
}
@media only screen and (min-width: 768px) {
  .renew-style .categoryNavi__wrapper {
    display: none;
  }
}
.renew-style .categoryNavi__header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding-left: 1rem;
  padding-right: 0.25rem;
  background-color: var(--brand-color-brand-color);
  color: var(--gray-scale-color-white);
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .renew-style .categoryNavi__header {
    display: none;
  }
}
.renew-style .categoryNavi__header::after {
  content: "";
  border-top: 16px solid transparent;
  border-left: 16px solid var(--brand-color-brand-color);
  border-right: 16px solid transparent;
  border-bottom: 16px solid transparent;
  position: absolute;
  right: -32px;
}
.renew-style .categoryNavi__items {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media only screen and (min-width: 768px) {
  .renew-style .categoryNavi__items {
    width: 100%;
    overflow-x: hidden;
  }
}
.renew-style .categoryNavi__items::-webkit-scrollbar {
  display: none;
}
.renew-style .categoryNavi__item {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (max-width: 768px) {
  .renew-style .categoryNavi__item:first-of-type a.categoryNavi__anchor {
    color: var(--gray-scale-color-white);
  }
}
.renew-style .categoryNavi__item.is-current .categoryNavi__anchor {
  border-bottom: 2px solid var(--brand-color-brand-color);
  color: var(--gray-scale-color-black);
  font-weight: 600;
}
.renew-style .categoryNavi__anchor {
  display: flex;
  align-items: center;
  height: 30px;
  color: var(--gray-scale-color-gray);
  white-space: nowrap;
}

.renew-style .breadcrumbs__item {
  display: inline-block;
  color: var(--gray-scale-color-gray);
  font-weight: 400;
  text-transform: none;
  font-size: 0.75rem;
  line-height: 1.5;
}
.renew-style .breadcrumbs__item a {
  color: var(--secondary-color-blue);
  text-decoration: underline;
}

.c-breadcrumbs {
  display: -webkit-box;
  max-height: 32px;
  overflow: hidden;
  font-size: 0.625rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.c-breadcrumbs li {
  display: inline;
}
.c-breadcrumbs li > a, .c-breadcrumbs li > span {
  display: inline;
  font-size: 0.625rem;
  line-height: 1.6;
}
.c-breadcrumbs li > a::after, .c-breadcrumbs li > span::after {
  content: ">";
  display: inline-block;
  margin: 0 0.625rem;
  pointer-events: none;
  color: #000;
  font-size: 0.625rem;
  line-height: 1.6;
}
.c-breadcrumbs li > a {
  outline: none;
  color: #0b89b3;
  text-decoration: underline;
}
.c-breadcrumbs li > a span {
  color: #0b89b3;
}
.c-breadcrumbs li > a:hover {
  color: #0b89b3;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .c-breadcrumbs li > a:hover {
    text-decoration: underline;
  }
}
.c-breadcrumbs li > span {
  color: #000;
}
.c-breadcrumbs li:last-child > *::after {
  display: none;
}

.renew-style .contact-form-item {
  margin-top: 1rem;
}
.renew-style .contact-form-required {
  color: var(--accent-color-error-error);
}
.renew-style .contact-form-note {
  color: var(--gray-scale-color-gray);
}
.renew-style .contact-form-select {
  width: 100%;
  max-width: 358px;
  height: 38px;
  position: relative;
}
.renew-style .contact-form-select select.wpcf7-form-control {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  appearance: none;
}
.renew-style a.contact-form-note {
  color: var(--gray-scale-color-gray);
  text-decoration: underline;
}
.renew-style .contact-form-select-box {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  background: #fff;
  border: 1px solid var(--gray-scale-color-gray);
  border-radius: 0.5rem;
  font-size: 0.875rem;
  position: relative;
  z-index: 2;
}
.renew-style .contact-form-select-box::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2014.6538L7.59619%2010.25H16.4038L12%2014.6538Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
  position: absolute;
  top: 8px;
  right: 8px;
}
.renew-style .contact-form-select-list {
  display: none;
  width: 100%;
  background: var(--gray-scale-color-white);
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 10;
  box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.renew-style .contact-form-select-item {
  width: 100%;
  padding: 0.75em;
}
.renew-style .contact-form-select-item:hover {
  background: var(--accent-color-info-light);
}
.renew-style .wpcf7-text {
  width: 100% !important;
  max-width: 358px;
  padding: 0.625rem 1rem;
  background-color: #fff;
  border: 1px solid var(--gray-scale-color-gray);
  border-radius: 0.5rem;
  color: var(--gray-scale-color-black) !important;
  font-size: 0.875rem !important;
  position: relative;
}
.renew-style .wpcf7-text::placeholder {
  color: var(--gray-disable-gray);
}
.renew-style .wpcf7-text:placeholder-shown {
  background-color: #fff;
  border: 1px solid var(--gray-scale-color-gray);
  color: var(--gray-disable-gray);
}
.renew-style .wpcf7-text:not(:placeholder-shown) {
  background-color: var(--accent-color-info-light);
  border: 1px solid var(--accent-color-info-info);
}
.renew-style .wpcf7-textarea {
  width: 100% !important;
  padding: 0.625rem 1rem;
  background-color: #fff;
  border: 1px solid var(--gray-scale-color-gray);
  border-radius: 0.5rem;
  color: var(--gray-scale-color-black) !important;
  font-size: 0.875rem !important;
  position: relative;
}
.renew-style .wpcf7-textarea::placeholder {
  color: var(--gray-disable-gray);
}
.renew-style .wpcf7-textarea:not(:placeholder-shown) {
  background-color: var(--accent-color-info-light);
  border: 1px solid var(--accent-color-info-info);
}
.renew-style .wpcf7-textarea:not(:placeholder-shown)::after {
  width: 0;
  height: 0;
  background-image: none;
}
.renew-style .wpcf7-form-control-wrap {
  display: block;
}
.renew-style .wpcf7-form-control.wpcf7-checkbox {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.renew-style span.wpcf7-list-item {
  margin-left: 0;
  position: relative;
  /*項目ごとの余白を調整*/
}
.renew-style input[type=checkbox] {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  z-index: 1;
  /*既存のチェックボックスを見えなくする*/
}
.renew-style .wpcf7-list-item-label {
  display: flex;
}
.renew-style .wpcf7-list-item-label:before {
  /*チェックボックスの枠*/
  content: "";
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 0.125rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.3077%2020.5C4.80257%2020.5%204.375%2020.325%204.025%2019.975C3.675%2019.625%203.5%2019.1974%203.5%2018.6923V5.3077C3.5%204.80257%203.675%204.375%204.025%204.025C4.375%203.675%204.80257%203.5%205.3077%203.5H18.6923C19.1974%203.5%2019.625%203.675%2019.975%204.025C20.325%204.375%2020.5%204.80257%2020.5%205.3077V18.6923C20.5%2019.1974%2020.325%2019.625%2019.975%2019.975C19.625%2020.325%2019.1974%2020.5%2018.6923%2020.5H5.3077ZM5.3077%2019H18.6923C18.7692%2019%2018.8397%2018.9679%2018.9038%2018.9038C18.9679%2018.8397%2019%2018.7692%2019%2018.6923V5.3077C19%205.23077%2018.9679%205.16024%2018.9038%205.09613C18.8397%205.03203%2018.7692%204.99998%2018.6923%204.99998H5.3077C5.23077%204.99998%205.16024%205.03203%205.09612%205.09613C5.03202%205.16024%204.99997%205.23077%204.99997%205.3077V18.6923C4.99997%2018.7692%205.03202%2018.8397%205.09612%2018.9038C5.16024%2018.9679%205.23077%2019%205.3077%2019Z%22%20fill%3D%22%23707070%22%2F%3E%3C%2Fsvg%3E");
  cursor: pointer;
  text-align: center;
  position: relative;
  top: -2px;
}
.renew-style input[type=checkbox]:checked + .wpcf7-list-item-label:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.6%2015.8538L17.323%209.13075L16.2692%208.07693L10.6%2013.7462L7.74998%2010.8962L6.69615%2011.95L10.6%2015.8538ZM5.3077%2020.5C4.80257%2020.5%204.375%2020.325%204.025%2019.975C3.675%2019.625%203.5%2019.1974%203.5%2018.6923V5.3077C3.5%204.80257%203.675%204.375%204.025%204.025C4.375%203.675%204.80257%203.5%205.3077%203.5H18.6923C19.1974%203.5%2019.625%203.675%2019.975%204.025C20.325%204.375%2020.5%204.80257%2020.5%205.3077V18.6923C20.5%2019.1974%2020.325%2019.625%2019.975%2019.975C19.625%2020.325%2019.1974%2020.5%2018.6923%2020.5H5.3077Z%22%20fill%3D%22%230B89B3%22%2F%3E%3C%2Fsvg%3E");
}
.renew-style input[type=submit].wpcf7-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 358px;
  height: 48px;
  padding: 5px 20px;
  margin-top: 40px;
  background-color: var(--brand-color-brand-color) !important;
  border: none;
  border-radius: 0.5rem !important;
  cursor: pointer;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  color: #fff !important;
  font-size: 1rem;
  font-weight: bold;
  transition: background-color 0.15s ease-in-out;
}
.renew-style input[type=submit].wpcf7-submit:hover {
  background-color: var(--thema-color-dark-dark-1);
}
.renew-style input[type=submit].wpcf7-submit:active {
  background-color: var(--thema-color-dark-dark-1);
}
.renew-style input[type=submit].wpcf7-submit:disabled {
  background: var(--gray-scale-color-gray-light-light-1) !important;
  color: var(--gray-scale-color-gray-light-light-3) !important;
}
.renew-style .wpcf7-list-item.first {
  margin: 0;
}
.renew-style span.wpcf7-not-valid-tip {
  display: block;
  border: none;
  color: var(--accent-color-error-error);
  font-size: 0.75rem;
  position: static;
  top: auto;
  left: auto;
}
.renew-style div.wpcf7 img.ajax-loader {
  display: block;
  width: 16px;
  height: auto;
  margin: 8px auto;
  border: none;
}

.c-heading {
  /*--------------- .c-heading-global ---------------*/
  /*--------------- .c-heading-border ---------------*/
}
.c-heading-global {
  padding-bottom: 9px;
  margin: 0;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.8;
  text-align: center;
  position: relative;
}
.c-heading-global + .c-section-series {
  margin-top: 24px;
}
.c-heading-global::before {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  margin: auto;
  background: #f92962;
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.c-heading-border, .c-heading-border--top, .c-heading-border--left, .c-heading-border--right, .c-heading-border--bottom {
  margin: 0;
  border: 1px solid #e9e9e9;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
}
.c-heading-border--top {
  padding-top: 15px;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.c-heading-border--left {
  padding-left: 15px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
}
.c-heading-border--right {
  padding-right: 15px;
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
}
.c-heading-border--bottom {
  padding-bottom: 15px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.c-heading-border--bottom + .c-card--border {
  border-top: 0;
}
.c-heading-border + .c-card--border, .c-heading-border--top + .c-card--border, .c-heading-border--left + .c-card--border, .c-heading-border--right + .c-card--border, .c-heading-border--bottom + .c-card--border {
  margin-top: 0;
}

.renew-style .modal-member, .renew-style .modal-member--pc, .renew-style .modal-member--sp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 16px;
  padding-right: 16px;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300001;
}
.renew-style .modal-member__box {
  width: 100%;
  max-width: 358px;
  background: #fff;
  border-radius: 8px;
  position: relative;
  left: 0;
}
.renew-style .modal-member__wrap {
  padding-top: 32px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 40px;
}
.renew-style .modal-member__heading {
  padding-left: 20px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
}
.renew-style .modal-member__heading::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: no-repeat top left/100% 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_897_2664)%22%3E%0A%3Cpath%20d%3D%22M8.00016%202.49984C9.31564%202.49984%2010.3811%203.52536%2010.3811%204.7915V6.1665H5.61921V4.7915C5.61921%203.52536%206.68469%202.49984%208.00016%202.49984ZM3.71445%204.7915V6.1665H3.23826C2.18766%206.1665%201.3335%206.98864%201.3335%207.99984V13.4998C1.3335%2014.511%202.18766%2015.3332%203.23826%2015.3332H12.7621C13.8127%2015.3332%2014.6668%2014.511%2014.6668%2013.4998V7.99984C14.6668%206.98864%2013.8127%206.1665%2012.7621%206.1665H12.2859V4.7915C12.2859%202.51416%2010.3662%200.666504%208.00016%200.666504C5.63409%200.666504%203.71445%202.51416%203.71445%204.7915ZM8.95254%209.83317V11.6665C8.95254%2012.1735%208.52695%2012.5832%208.00016%2012.5832C7.47338%2012.5832%207.04778%2012.1735%207.04778%2011.6665V9.83317C7.04778%209.32614%207.47338%208.9165%208.00016%208.9165C8.52695%208.9165%208.95254%209.32614%208.95254%209.83317Z%22%20fill%3D%22%23B38D1B%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_897_2664%22%3E%0A%3Crect%20width%3D%2213.3333%22%20height%3D%2214.6667%22%20fill%3D%22white%22%20transform%3D%22translate(1.3335%200.666504)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  pointer-events: none;
  position: absolute;
  top: 4px;
  left: 0;
}
.renew-style .modal-member__read {
  margin-top: 24px;
  color: #333;
  font-size: 14px;
  line-height: 1.6;
}
.renew-style .modal-member__button {
  margin-top: 32px;
}
.renew-style .modal-member__login {
  margin-top: 24px;
  text-align: center;
}
.renew-style .modal-member__login a {
  display: inline-block;
  color: #0b89b3;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.renew-style .modal-member__back {
  border-top: 1px solid #e9e9e9;
}
.renew-style .modal-member__back a {
  display: block;
  padding-top: 16px;
  padding-bottom: 16px;
  cursor: pointer;
  color: #888;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.renew-style .modal-member--pc .modal-member__box {
  top: 100px;
}
.renew-style .modal-member--sp .modal-member__box {
  top: 50px;
}

.c-modal {
  /*--------------- .c-modal-series ---------------*/
}
.c-modal-series, .c-modal-series--single {
  box-sizing: border-box;
  display: none;
  justify-content: center;
  align-items: center;
  width: 100dvw;
  height: 100dvh;
  padding: 16px;
  background: rgba(51, 51, 51, 0.2);
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300001;
}
@media only screen and (max-width: 768px) {
  .c-modal-series, .c-modal-series--single {
    padding: 56px 16px 140px 16px;
    overflow: inherit;
  }
}
@media screen and (max-height: 695px) {
  .c-modal-series, .c-modal-series--single {
    align-items: flex-start;
  }
}
.c-modal-series *, .c-modal-series--single * {
  box-sizing: border-box;
}
.c-modal-series__wrap {
  width: 100%;
  max-width: 358px;
  padding: 32px 16px;
  background: #fff;
  border-radius: 8px;
}
@media only screen and (max-width: 768px) {
  .c-modal-series__wrap {
    max-height: calc(100dvh - 139px);
    overflow: auto;
  }
}
.c-modal-series__heading {
  margin: 0 !important;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
}
.c-modal-series__subheading {
  margin: 32px 0 0 0 !important;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  text-align: left;
}
.c-modal-series__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
}
.c-modal-series__meta__read {
  margin: 0 !important;
  color: #333;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}
.c-modal-series__meta__remark {
  margin: 0 !important;
  color: #888;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.33;
}
.c-modal-series__meta__remark a {
  display: inline-block;
  color: #0b89b3;
  text-decoration: underline;
}
.c-modal-series__summary.is-coin {
  margin: 32px 0 0 0 !important;
  text-align: center;
}
.c-modal-series__summary.is-coin span {
  display: inline-block;
  padding-left: 20px;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}
.c-modal-series__summary.is-coin span::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik01Ljg4NTI1IDMuMjVDNS44ODUyNSAzLjI1MzEyIDUuODg4MzggMy4yNjg3NSA1LjkwNCAzLjI5Njg4QzUuOTIyNzUgMy4zMzQzNyA1Ljk2NjUgMy4zOTM3NSA2LjA1MDg4IDMuNDY4NzVDNi4wNjMzOCAzLjQ3ODEzIDYuMDc1ODggMy40OTA2MiA2LjA4ODM4IDMuNUM1LjUwNCAzLjUxMjUgNC45MzUyNSAzLjU1MzEyIDQuMzg4MzggMy42MjgxMkw0LjM4NTI1IDMuMjVDNC4zODUyNSAyLjY4NzUgNC42ODgzOCAyLjIzNzUgNS4wNDQ2MyAxLjkxNTYyQzUuNDAwODggMS41OTM3NSA1Ljg3OSAxLjMzNzUgNi40MDQgMS4xMzc1QzcuNDYwMjUgMC43MzQzNzUgOC44Njk2MyAwLjUgMTAuMzg1MyAwLjVDMTEuOTAwOSAwLjUgMTMuMzEwMyAwLjczNDM3NSAxNC4zNjM0IDEuMTM0MzdDMTQuODg4NCAxLjMzNDM3IDE1LjM2NjUgMS41OTA2MyAxNS43MjI4IDEuOTEyNUMxNi4wNzkgMi4yMzQzOCAxNi4zODUzIDIuNjg3NSAxNi4zODUzIDMuMjVWNi41VjkuNzVDMTYuMzg1MyAxMC4zMTI1IDE2LjA4MjEgMTAuNzYyNSAxNS43MjU5IDExLjA4NDRDMTUuMzY5NiAxMS40MDYyIDE0Ljg5MTUgMTEuNjYyNSAxNC4zNjY1IDExLjg2MjVDMTQuMDY2NSAxMS45NzgxIDEzLjczODQgMTIuMDc4MSAxMy4zODg0IDEyLjE2MjVWMTAuNjA5NEMxMy41NDc4IDEwLjU2MjUgMTMuNjk0NiAxMC41MTI1IDEzLjgzMjEgMTAuNDU5NEMxNC4yNTcxIDEwLjI5NjkgMTQuNTUwOSAxMC4xMjE5IDE0LjcyMjggOS45Njg3NUMxNC44MDcxIDkuODkzNzUgMTQuODUwOSA5LjgzNDM4IDE0Ljg2OTYgOS43OTY4OEMxNC44ODg0IDkuNzYyNSAxNC44ODg0IDkuNzUgMTQuODg4NCA5Ljc1VjguMzg3NUMxNC43MjI4IDguNDY4NzUgMTQuNTQ3OCA4LjU0Mzc1IDE0LjM2NjUgOC42MTI1QzE0LjA2NjUgOC43MjgxMyAxMy43Mzg0IDguODI4MTIgMTMuMzg4NCA4LjkxMjVWNy4zNTkzOEMxMy41NDc4IDcuMzEyNSAxMy42OTQ2IDcuMjYyNSAxMy44MzIxIDcuMjA5MzdDMTQuMjU3MSA3LjA0Njg4IDE0LjU1MDkgNi44NzE4NyAxNC43MjI4IDYuNzE4NzVDMTQuODA3MSA2LjY0Mzc1IDE0Ljg1MDkgNi41ODQzNyAxNC44Njk2IDYuNTQ2ODhDMTQuODg1MyA2LjUxODc1IDE0Ljg4ODQgNi41MDMxMyAxNC44ODg0IDYuNVY1LjEzNzVDMTQuNzIyOCA1LjIxODc1IDE0LjU0NzggNS4yOTM3NSAxNC4zNjY1IDUuMzYyNUMxMy45Mzg0IDUuNTI1IDEzLjQ0NzggNS42NjI1IDEyLjkxOTYgNS43NjU2MkMxMi43NjAzIDUuNTMxMjUgMTIuNTc1OSA1LjMzMTI1IDEyLjM5NDYgNS4xNjg3NUMxMi4wNzkgNC44ODQzNyAxMS43MTM0IDQuNjUzMTMgMTEuMzMyMSA0LjQ2MjVDMTIuMzIyOCA0LjM5MDYyIDEzLjE4NTMgNC4yMDYyNSAxMy44MzIxIDMuOTU5MzdDMTQuMjU3MSAzLjc5Njg4IDE0LjU1MDkgMy42MjE4OCAxNC43MjI4IDMuNDY4NzVDMTQuODA3MSAzLjM5Mzc1IDE0Ljg1MDkgMy4zMzQzNyAxNC44Njk2IDMuMjk2ODhDMTQuODg1MyAzLjI2ODc1IDE0Ljg4ODQgMy4yNTMxMiAxNC44ODg0IDMuMjVDMTQuODg4NCAzLjI1IDE0Ljg4ODQgMy4yMzQzOCAxNC44Njk2IDMuMjAzMTJDMTQuODUwOSAzLjE2NTYzIDE0LjgwNzEgMy4xMDYyNSAxNC43MjI4IDMuMDMxMjVDMTQuNTUwOSAyLjg3NSAxNC4yNTcxIDIuNyAxMy44MzIxIDIuNTQwNjNDMTIuOTg1MyAyLjIxNTYzIDExLjc2NjUgMiAxMC4zODUzIDJDOS4wMDQgMiA3Ljc4NTI1IDIuMjE1NjIgNi45NDE1IDIuNTM3NUM2LjUxNjUgMi43IDYuMjIyNzUgMi44NzUgNi4wNTA4OCAzLjAyODEzQzUuOTY2NSAzLjEwMzEzIDUuOTIyNzUgMy4xNjI1IDUuOTA0IDMuMkM1Ljg4NTI1IDMuMjM0MzggNS44ODUyNSAzLjI0Njg4IDUuODg1MjUgMy4yNDY4OFYzLjI1Wk0xLjg4NTI1IDcuMjVDMS44ODUyNSA3LjI1MzEzIDEuODg4MzggNy4yNjg3NSAxLjkwNCA3LjI5Njg4QzEuOTIyNzUgNy4zMzQzNyAxLjk2NjUgNy4zOTM3NSAyLjA1MDg4IDcuNDY4NzVDMi4yMjI3NSA3LjYyNSAyLjUxNjUgNy44IDIuOTQxNSA3Ljk1OTM3QzMuNzg1MjUgOC4yODEyNSA1LjAwNCA4LjQ5Njg3IDYuMzg1MjUgOC40OTY4N0M3Ljc2NjUgOC40OTY4NyA4Ljk4NTI1IDguMjgxMjUgOS44MjkgNy45NTkzN0MxMC4yNTQgNy43OTY4OCAxMC41NDc4IDcuNjIxODcgMTAuNzE5NiA3LjQ2ODc1QzEwLjgwNCA3LjM5Mzc1IDEwLjg0NzggNy4zMzQzNyAxMC44NjY1IDcuMjk2ODhDMTAuODgyMSA3LjI2ODc1IDEwLjg4NTMgNy4yNTMxMyAxMC44ODUzIDcuMjVDMTAuODg1MyA3LjI1IDEwLjg4NTMgNy4yMzQzOCAxMC44NjY1IDcuMjAzMTJDMTAuODQ3OCA3LjE2NTYzIDEwLjgwNCA3LjEwNjI1IDEwLjcxOTYgNy4wMzEyNUMxMC41NDc4IDYuODc1IDEwLjI1NCA2LjcgOS44MjkgNi41NDA2M0M4Ljk4NTI1IDYuMjE4NzUgNy43NjY1IDYuMDAzMTMgNi4zODUyNSA2LjAwMzEzQzUuMDA0IDYuMDAzMTMgMy43ODUyNSA2LjIxODc1IDIuOTQxNSA2LjU0MDYzQzIuNTE2NSA2LjcwMzEyIDIuMjIyNzUgNi44NzgxMyAyLjA1MDg4IDcuMDMxMjVDMS45NjY1IDcuMTA2MjUgMS45MjI3NSA3LjE2NTYzIDEuOTA0IDcuMjAzMTJDMS44ODUyNSA3LjIzNzUgMS44ODUyNSA3LjI1IDEuODg1MjUgNy4yNVpNMC4zODUyNTQgNy4yNUMwLjM4NTI1NCA2LjY4NzUgMC42ODgzNzkgNi4yMzc1IDEuMDQ0NjMgNS45MTU2M0MxLjQwMDg4IDUuNTkzNzUgMS44NzkgNS4zMzc1IDIuNDA0IDUuMTM3NUMzLjQ2MDI1IDQuNzM0MzggNC44Njk2MyA0LjUgNi4zODUyNSA0LjVDNy45MDA4OCA0LjUgOS4zMTAyNSA0LjczNDM4IDEwLjM2MzQgNS4xMzQzOEMxMC44ODg0IDUuMzM0MzcgMTEuMzY2NSA1LjU5MDYyIDExLjcyMjggNS45MTI1QzEyLjA3OSA2LjIzNDM4IDEyLjM4NTMgNi42ODc1IDEyLjM4NTMgNy4yNVYxMC41VjEzLjc1QzEyLjM4NTMgMTQuMzEyNSAxMi4wODIxIDE0Ljc2MjUgMTEuNzI1OSAxNS4wODQ0QzExLjM2OTYgMTUuNDA2MiAxMC44OTE1IDE1LjY2MjUgMTAuMzY2NSAxNS44NjI1QzkuMzEwMjUgMTYuMjY1NiA3LjkwMDg4IDE2LjUgNi4zODUyNSAxNi41QzQuODY5NjMgMTYuNSAzLjQ2MDI1IDE2LjI2NTYgMi40MDcxMyAxNS44NjU2QzEuODgyMTMgMTUuNjY1NiAxLjQwNzEzIDE1LjQwOTQgMS4wNDc3NSAxNS4wODc1QzAuNjg4Mzc5IDE0Ljc2NTYgMC4zODUyNTQgMTQuMzEyNSAwLjM4NTI1NCAxMy43NVYxMC41VjcuMjVaTTEwLjg4NTMgMTAuNVY5LjEzNzVDMTAuNzE5NiA5LjIxODc1IDEwLjU0NDYgOS4yOTM3NSAxMC4zNjM0IDkuMzYyNUM5LjMxMDI1IDkuNzY1NjIgNy45MDA4OCAxMCA2LjM4NTI1IDEwQzQuODY5NjMgMTAgMy40NjAyNSA5Ljc2NTYyIDIuNDA3MTMgOS4zNjU2M0MyLjIyNTg4IDkuMjk2ODggMi4wNTA4OCA5LjIyMTg4IDEuODg1MjUgOS4xNDA2MlYxMC41QzEuODg1MjUgMTAuNTAzMSAxLjg4ODM4IDEwLjUxODggMS45MDQgMTAuNTQ2OUMxLjkyMjc1IDEwLjU4NDQgMS45NjY1IDEwLjY0MzggMi4wNTA4OCAxMC43MTg4QzIuMjIyNzUgMTAuODc1IDIuNTE2NSAxMS4wNSAyLjk0MTUgMTEuMjA5NEMzLjc4NTI1IDExLjUzMTIgNS4wMDQgMTEuNzQ2OSA2LjM4NTI1IDExLjc0NjlDNy43NjY1IDExLjc0NjkgOC45ODUyNSAxMS41MzEyIDkuODI5IDExLjIwOTRDMTAuMjU0IDExLjA0NjkgMTAuNTQ3OCAxMC44NzE5IDEwLjcxOTYgMTAuNzE4OEMxMC44MDQgMTAuNjQzOCAxMC44NDc4IDEwLjU4NDQgMTAuODY2NSAxMC41NDY5QzEwLjg4MjEgMTAuNTE4OCAxMC44ODUzIDEwLjUwMzEgMTAuODg1MyAxMC41Wk0yLjQwNzEzIDEyLjYxNTZDMi4yMjU4OCAxMi41NDY5IDIuMDUwODggMTIuNDcxOSAxLjg4NTI1IDEyLjM5MDZWMTMuNzVDMS44ODUyNSAxMy43NSAxLjg4NTI1IDEzLjc2NTYgMS45MDQgMTMuNzk2OUMxLjkyMjc1IDEzLjgzNDQgMS45NjY1IDEzLjg5MzggMi4wNTA4OCAxMy45Njg4QzIuMjIyNzUgMTQuMTI1IDIuNTE2NSAxNC4zIDIuOTQxNSAxNC40NTk0QzMuNzg1MjUgMTQuNzgxMiA1LjAwNCAxNC45OTY5IDYuMzg1MjUgMTQuOTk2OUM3Ljc2NjUgMTQuOTk2OSA4Ljk4NTI1IDE0Ljc4MTIgOS44MjkgMTQuNDU5NEMxMC4yNTQgMTQuMjk2OSAxMC41NDc4IDE0LjEyMTkgMTAuNzE5NiAxMy45Njg4QzEwLjgwNCAxMy44OTM4IDEwLjg0NzggMTMuODM0NCAxMC44NjY1IDEzLjc5NjlDMTAuODg1MyAxMy43NjI1IDEwLjg4NTMgMTMuNzUgMTAuODg1MyAxMy43NVYxMi4zODc1QzEwLjcxOTYgMTIuNDY4OCAxMC41NDQ2IDEyLjU0MzcgMTAuMzYzNCAxMi42MTI1QzkuMzEwMjUgMTMuMDE1NiA3LjkwMDg4IDEzLjI1IDYuMzg1MjUgMTMuMjVDNC44Njk2MyAxMy4yNSAzLjQ2MDI1IDEzLjAxNTYgMi40MDcxMyAxMi42MTU2WiIgZmlsbD0iI0ZGNUMwMCIvPiA8L3N2Zz4=") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 5px;
  left: 0;
}
.c-modal-series__coin {
  padding: 9px 14px;
  margin-top: 6px;
  background: #f8f8f8;
}
.c-modal-series__coin p {
  margin: 0 !important;
  text-align: center;
}
.c-modal-series__coin p span {
  display: inline-block;
  padding-left: 20px;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}
.c-modal-series__coin p span::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik01Ljg4NTI1IDMuMjVDNS44ODUyNSAzLjI1MzEyIDUuODg4MzggMy4yNjg3NSA1LjkwNCAzLjI5Njg4QzUuOTIyNzUgMy4zMzQzNyA1Ljk2NjUgMy4zOTM3NSA2LjA1MDg4IDMuNDY4NzVDNi4wNjMzOCAzLjQ3ODEzIDYuMDc1ODggMy40OTA2MiA2LjA4ODM4IDMuNUM1LjUwNCAzLjUxMjUgNC45MzUyNSAzLjU1MzEyIDQuMzg4MzggMy42MjgxMkw0LjM4NTI1IDMuMjVDNC4zODUyNSAyLjY4NzUgNC42ODgzOCAyLjIzNzUgNS4wNDQ2MyAxLjkxNTYyQzUuNDAwODggMS41OTM3NSA1Ljg3OSAxLjMzNzUgNi40MDQgMS4xMzc1QzcuNDYwMjUgMC43MzQzNzUgOC44Njk2MyAwLjUgMTAuMzg1MyAwLjVDMTEuOTAwOSAwLjUgMTMuMzEwMyAwLjczNDM3NSAxNC4zNjM0IDEuMTM0MzdDMTQuODg4NCAxLjMzNDM3IDE1LjM2NjUgMS41OTA2MyAxNS43MjI4IDEuOTEyNUMxNi4wNzkgMi4yMzQzOCAxNi4zODUzIDIuNjg3NSAxNi4zODUzIDMuMjVWNi41VjkuNzVDMTYuMzg1MyAxMC4zMTI1IDE2LjA4MjEgMTAuNzYyNSAxNS43MjU5IDExLjA4NDRDMTUuMzY5NiAxMS40MDYyIDE0Ljg5MTUgMTEuNjYyNSAxNC4zNjY1IDExLjg2MjVDMTQuMDY2NSAxMS45NzgxIDEzLjczODQgMTIuMDc4MSAxMy4zODg0IDEyLjE2MjVWMTAuNjA5NEMxMy41NDc4IDEwLjU2MjUgMTMuNjk0NiAxMC41MTI1IDEzLjgzMjEgMTAuNDU5NEMxNC4yNTcxIDEwLjI5NjkgMTQuNTUwOSAxMC4xMjE5IDE0LjcyMjggOS45Njg3NUMxNC44MDcxIDkuODkzNzUgMTQuODUwOSA5LjgzNDM4IDE0Ljg2OTYgOS43OTY4OEMxNC44ODg0IDkuNzYyNSAxNC44ODg0IDkuNzUgMTQuODg4NCA5Ljc1VjguMzg3NUMxNC43MjI4IDguNDY4NzUgMTQuNTQ3OCA4LjU0Mzc1IDE0LjM2NjUgOC42MTI1QzE0LjA2NjUgOC43MjgxMyAxMy43Mzg0IDguODI4MTIgMTMuMzg4NCA4LjkxMjVWNy4zNTkzOEMxMy41NDc4IDcuMzEyNSAxMy42OTQ2IDcuMjYyNSAxMy44MzIxIDcuMjA5MzdDMTQuMjU3MSA3LjA0Njg4IDE0LjU1MDkgNi44NzE4NyAxNC43MjI4IDYuNzE4NzVDMTQuODA3MSA2LjY0Mzc1IDE0Ljg1MDkgNi41ODQzNyAxNC44Njk2IDYuNTQ2ODhDMTQuODg1MyA2LjUxODc1IDE0Ljg4ODQgNi41MDMxMyAxNC44ODg0IDYuNVY1LjEzNzVDMTQuNzIyOCA1LjIxODc1IDE0LjU0NzggNS4yOTM3NSAxNC4zNjY1IDUuMzYyNUMxMy45Mzg0IDUuNTI1IDEzLjQ0NzggNS42NjI1IDEyLjkxOTYgNS43NjU2MkMxMi43NjAzIDUuNTMxMjUgMTIuNTc1OSA1LjMzMTI1IDEyLjM5NDYgNS4xNjg3NUMxMi4wNzkgNC44ODQzNyAxMS43MTM0IDQuNjUzMTMgMTEuMzMyMSA0LjQ2MjVDMTIuMzIyOCA0LjM5MDYyIDEzLjE4NTMgNC4yMDYyNSAxMy44MzIxIDMuOTU5MzdDMTQuMjU3MSAzLjc5Njg4IDE0LjU1MDkgMy42MjE4OCAxNC43MjI4IDMuNDY4NzVDMTQuODA3MSAzLjM5Mzc1IDE0Ljg1MDkgMy4zMzQzNyAxNC44Njk2IDMuMjk2ODhDMTQuODg1MyAzLjI2ODc1IDE0Ljg4ODQgMy4yNTMxMiAxNC44ODg0IDMuMjVDMTQuODg4NCAzLjI1IDE0Ljg4ODQgMy4yMzQzOCAxNC44Njk2IDMuMjAzMTJDMTQuODUwOSAzLjE2NTYzIDE0LjgwNzEgMy4xMDYyNSAxNC43MjI4IDMuMDMxMjVDMTQuNTUwOSAyLjg3NSAxNC4yNTcxIDIuNyAxMy44MzIxIDIuNTQwNjNDMTIuOTg1MyAyLjIxNTYzIDExLjc2NjUgMiAxMC4zODUzIDJDOS4wMDQgMiA3Ljc4NTI1IDIuMjE1NjIgNi45NDE1IDIuNTM3NUM2LjUxNjUgMi43IDYuMjIyNzUgMi44NzUgNi4wNTA4OCAzLjAyODEzQzUuOTY2NSAzLjEwMzEzIDUuOTIyNzUgMy4xNjI1IDUuOTA0IDMuMkM1Ljg4NTI1IDMuMjM0MzggNS44ODUyNSAzLjI0Njg4IDUuODg1MjUgMy4yNDY4OFYzLjI1Wk0xLjg4NTI1IDcuMjVDMS44ODUyNSA3LjI1MzEzIDEuODg4MzggNy4yNjg3NSAxLjkwNCA3LjI5Njg4QzEuOTIyNzUgNy4zMzQzNyAxLjk2NjUgNy4zOTM3NSAyLjA1MDg4IDcuNDY4NzVDMi4yMjI3NSA3LjYyNSAyLjUxNjUgNy44IDIuOTQxNSA3Ljk1OTM3QzMuNzg1MjUgOC4yODEyNSA1LjAwNCA4LjQ5Njg3IDYuMzg1MjUgOC40OTY4N0M3Ljc2NjUgOC40OTY4NyA4Ljk4NTI1IDguMjgxMjUgOS44MjkgNy45NTkzN0MxMC4yNTQgNy43OTY4OCAxMC41NDc4IDcuNjIxODcgMTAuNzE5NiA3LjQ2ODc1QzEwLjgwNCA3LjM5Mzc1IDEwLjg0NzggNy4zMzQzNyAxMC44NjY1IDcuMjk2ODhDMTAuODgyMSA3LjI2ODc1IDEwLjg4NTMgNy4yNTMxMyAxMC44ODUzIDcuMjVDMTAuODg1MyA3LjI1IDEwLjg4NTMgNy4yMzQzOCAxMC44NjY1IDcuMjAzMTJDMTAuODQ3OCA3LjE2NTYzIDEwLjgwNCA3LjEwNjI1IDEwLjcxOTYgNy4wMzEyNUMxMC41NDc4IDYuODc1IDEwLjI1NCA2LjcgOS44MjkgNi41NDA2M0M4Ljk4NTI1IDYuMjE4NzUgNy43NjY1IDYuMDAzMTMgNi4zODUyNSA2LjAwMzEzQzUuMDA0IDYuMDAzMTMgMy43ODUyNSA2LjIxODc1IDIuOTQxNSA2LjU0MDYzQzIuNTE2NSA2LjcwMzEyIDIuMjIyNzUgNi44NzgxMyAyLjA1MDg4IDcuMDMxMjVDMS45NjY1IDcuMTA2MjUgMS45MjI3NSA3LjE2NTYzIDEuOTA0IDcuMjAzMTJDMS44ODUyNSA3LjIzNzUgMS44ODUyNSA3LjI1IDEuODg1MjUgNy4yNVpNMC4zODUyNTQgNy4yNUMwLjM4NTI1NCA2LjY4NzUgMC42ODgzNzkgNi4yMzc1IDEuMDQ0NjMgNS45MTU2M0MxLjQwMDg4IDUuNTkzNzUgMS44NzkgNS4zMzc1IDIuNDA0IDUuMTM3NUMzLjQ2MDI1IDQuNzM0MzggNC44Njk2MyA0LjUgNi4zODUyNSA0LjVDNy45MDA4OCA0LjUgOS4zMTAyNSA0LjczNDM4IDEwLjM2MzQgNS4xMzQzOEMxMC44ODg0IDUuMzM0MzcgMTEuMzY2NSA1LjU5MDYyIDExLjcyMjggNS45MTI1QzEyLjA3OSA2LjIzNDM4IDEyLjM4NTMgNi42ODc1IDEyLjM4NTMgNy4yNVYxMC41VjEzLjc1QzEyLjM4NTMgMTQuMzEyNSAxMi4wODIxIDE0Ljc2MjUgMTEuNzI1OSAxNS4wODQ0QzExLjM2OTYgMTUuNDA2MiAxMC44OTE1IDE1LjY2MjUgMTAuMzY2NSAxNS44NjI1QzkuMzEwMjUgMTYuMjY1NiA3LjkwMDg4IDE2LjUgNi4zODUyNSAxNi41QzQuODY5NjMgMTYuNSAzLjQ2MDI1IDE2LjI2NTYgMi40MDcxMyAxNS44NjU2QzEuODgyMTMgMTUuNjY1NiAxLjQwNzEzIDE1LjQwOTQgMS4wNDc3NSAxNS4wODc1QzAuNjg4Mzc5IDE0Ljc2NTYgMC4zODUyNTQgMTQuMzEyNSAwLjM4NTI1NCAxMy43NVYxMC41VjcuMjVaTTEwLjg4NTMgMTAuNVY5LjEzNzVDMTAuNzE5NiA5LjIxODc1IDEwLjU0NDYgOS4yOTM3NSAxMC4zNjM0IDkuMzYyNUM5LjMxMDI1IDkuNzY1NjIgNy45MDA4OCAxMCA2LjM4NTI1IDEwQzQuODY5NjMgMTAgMy40NjAyNSA5Ljc2NTYyIDIuNDA3MTMgOS4zNjU2M0MyLjIyNTg4IDkuMjk2ODggMi4wNTA4OCA5LjIyMTg4IDEuODg1MjUgOS4xNDA2MlYxMC41QzEuODg1MjUgMTAuNTAzMSAxLjg4ODM4IDEwLjUxODggMS45MDQgMTAuNTQ2OUMxLjkyMjc1IDEwLjU4NDQgMS45NjY1IDEwLjY0MzggMi4wNTA4OCAxMC43MTg4QzIuMjIyNzUgMTAuODc1IDIuNTE2NSAxMS4wNSAyLjk0MTUgMTEuMjA5NEMzLjc4NTI1IDExLjUzMTIgNS4wMDQgMTEuNzQ2OSA2LjM4NTI1IDExLjc0NjlDNy43NjY1IDExLjc0NjkgOC45ODUyNSAxMS41MzEyIDkuODI5IDExLjIwOTRDMTAuMjU0IDExLjA0NjkgMTAuNTQ3OCAxMC44NzE5IDEwLjcxOTYgMTAuNzE4OEMxMC44MDQgMTAuNjQzOCAxMC44NDc4IDEwLjU4NDQgMTAuODY2NSAxMC41NDY5QzEwLjg4MjEgMTAuNTE4OCAxMC44ODUzIDEwLjUwMzEgMTAuODg1MyAxMC41Wk0yLjQwNzEzIDEyLjYxNTZDMi4yMjU4OCAxMi41NDY5IDIuMDUwODggMTIuNDcxOSAxLjg4NTI1IDEyLjM5MDZWMTMuNzVDMS44ODUyNSAxMy43NSAxLjg4NTI1IDEzLjc2NTYgMS45MDQgMTMuNzk2OUMxLjkyMjc1IDEzLjgzNDQgMS45NjY1IDEzLjg5MzggMi4wNTA4OCAxMy45Njg4QzIuMjIyNzUgMTQuMTI1IDIuNTE2NSAxNC4zIDIuOTQxNSAxNC40NTk0QzMuNzg1MjUgMTQuNzgxMiA1LjAwNCAxNC45OTY5IDYuMzg1MjUgMTQuOTk2OUM3Ljc2NjUgMTQuOTk2OSA4Ljk4NTI1IDE0Ljc4MTIgOS44MjkgMTQuNDU5NEMxMC4yNTQgMTQuMjk2OSAxMC41NDc4IDE0LjEyMTkgMTAuNzE5NiAxMy45Njg4QzEwLjgwNCAxMy44OTM4IDEwLjg0NzggMTMuODM0NCAxMC44NjY1IDEzLjc5NjlDMTAuODg1MyAxMy43NjI1IDEwLjg4NTMgMTMuNzUgMTAuODg1MyAxMy43NVYxMi4zODc1QzEwLjcxOTYgMTIuNDY4OCAxMC41NDQ2IDEyLjU0MzcgMTAuMzYzNCAxMi42MTI1QzkuMzEwMjUgMTMuMDE1NiA3LjkwMDg4IDEzLjI1IDYuMzg1MjUgMTMuMjVDNC44Njk2MyAxMy4yNSAzLjQ2MDI1IDEzLjAxNTYgMi40MDcxMyAxMi42MTU2WiIgZmlsbD0iI0ZGNUMwMCIvPiA8L3N2Zz4=") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 5px;
  left: 0;
}
.c-modal-series__alert {
  margin: 10px 0 0 0 !important;
  color: #f92525;
  font-size: 10px;
  font-weight: 300;
  line-height: 1.33;
  text-align: left;
}
.c-modal-series__alert + .c-modal-series__buttons > *:first-of-type {
  margin-top: 4px;
}
@media only screen and (max-width: 768px) {
  .c-modal-series--single .c-modal-series__wrap {
    max-height: calc(100dvh - 196px);
  }
}

.c-pagination {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 0.75em !important;
  text-align: center;
}
.c-pagination ul {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  padding: 0;
}
.c-pagination ul li {
  float: left;
  margin-right: 10px;
}
.c-pagination ul li:last-child {
  margin-right: 0;
}
.c-pagination a, .c-pagination .c-pagination2, .c-pagination .currenttext {
  float: left;
  display: inline-block;
  padding: 8px 9px;
  opacity: 0.8;
  line-height: 1.2em;
  text-decoration: none;
}
.c-pagination a:hover, .c-pagination .c-pagination2:hover, .c-pagination .currenttext:hover {
  opacity: 1;
}
@media only screen and (max-width: 1079px) {
  .c-pagination a:hover, .c-pagination .c-pagination2:hover, .c-pagination .currenttext:hover {
    opacity: 0.8;
  }
}
.c-pagination a {
  background: #e4e4e4;
  background-image: url("../../images/bg_pt1.png");
  border: solid 1px #fff;
  color: #858585;
}
.c-pagination .c-pagination2 {
  background: #e4e4e4;
  color: #858585;
}
.c-pagination .currenttext {
  background: #fff;
  border: solid 1px #635b46;
  color: #333;
}

.c-section {
  /*--------------- .c-section-series ---------------*/
  /*--------------- .c-section-seriesPager ---------------*/
}
.c-section-series {
  margin: 48px 0 0 0;
}
.c-section-series + .c-tab-series, .c-section-series + .c-card--border {
  margin-top: 16px;
}
.c-section-series__heading {
  margin: 32px 0 16px 0 !important;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  position: relative;
}
.c-section-series__heading:first-of-type {
  margin-top: 0 !important;
}
.c-section-series__heading::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: auto;
  border-top: 1px dashed #333;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.c-section-series__heading span {
  display: inline-block;
  padding: 0 16px;
  background: #fff;
  position: relative;
  z-index: 2;
}
.c-section-series__summary {
  margin: 16px 0 0 0 !important;
  text-align: center;
}
.c-section-series__summary + .c-section-series__buttons > *:first-of-type {
  margin-top: 8px;
}
.c-section-series__summary span {
  display: inline-block;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}
.c-section-series__summary.is-coin span {
  padding-left: 20px;
}
.c-section-series__summary.is-coin span::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;base64,IDxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik01Ljg4NTI1IDMuMjVDNS44ODUyNSAzLjI1MzEyIDUuODg4MzggMy4yNjg3NSA1LjkwNCAzLjI5Njg4QzUuOTIyNzUgMy4zMzQzNyA1Ljk2NjUgMy4zOTM3NSA2LjA1MDg4IDMuNDY4NzVDNi4wNjMzOCAzLjQ3ODEzIDYuMDc1ODggMy40OTA2MiA2LjA4ODM4IDMuNUM1LjUwNCAzLjUxMjUgNC45MzUyNSAzLjU1MzEyIDQuMzg4MzggMy42MjgxMkw0LjM4NTI1IDMuMjVDNC4zODUyNSAyLjY4NzUgNC42ODgzOCAyLjIzNzUgNS4wNDQ2MyAxLjkxNTYyQzUuNDAwODggMS41OTM3NSA1Ljg3OSAxLjMzNzUgNi40MDQgMS4xMzc1QzcuNDYwMjUgMC43MzQzNzUgOC44Njk2MyAwLjUgMTAuMzg1MyAwLjVDMTEuOTAwOSAwLjUgMTMuMzEwMyAwLjczNDM3NSAxNC4zNjM0IDEuMTM0MzdDMTQuODg4NCAxLjMzNDM3IDE1LjM2NjUgMS41OTA2MyAxNS43MjI4IDEuOTEyNUMxNi4wNzkgMi4yMzQzOCAxNi4zODUzIDIuNjg3NSAxNi4zODUzIDMuMjVWNi41VjkuNzVDMTYuMzg1MyAxMC4zMTI1IDE2LjA4MjEgMTAuNzYyNSAxNS43MjU5IDExLjA4NDRDMTUuMzY5NiAxMS40MDYyIDE0Ljg5MTUgMTEuNjYyNSAxNC4zNjY1IDExLjg2MjVDMTQuMDY2NSAxMS45NzgxIDEzLjczODQgMTIuMDc4MSAxMy4zODg0IDEyLjE2MjVWMTAuNjA5NEMxMy41NDc4IDEwLjU2MjUgMTMuNjk0NiAxMC41MTI1IDEzLjgzMjEgMTAuNDU5NEMxNC4yNTcxIDEwLjI5NjkgMTQuNTUwOSAxMC4xMjE5IDE0LjcyMjggOS45Njg3NUMxNC44MDcxIDkuODkzNzUgMTQuODUwOSA5LjgzNDM4IDE0Ljg2OTYgOS43OTY4OEMxNC44ODg0IDkuNzYyNSAxNC44ODg0IDkuNzUgMTQuODg4NCA5Ljc1VjguMzg3NUMxNC43MjI4IDguNDY4NzUgMTQuNTQ3OCA4LjU0Mzc1IDE0LjM2NjUgOC42MTI1QzE0LjA2NjUgOC43MjgxMyAxMy43Mzg0IDguODI4MTIgMTMuMzg4NCA4LjkxMjVWNy4zNTkzOEMxMy41NDc4IDcuMzEyNSAxMy42OTQ2IDcuMjYyNSAxMy44MzIxIDcuMjA5MzdDMTQuMjU3MSA3LjA0Njg4IDE0LjU1MDkgNi44NzE4NyAxNC43MjI4IDYuNzE4NzVDMTQuODA3MSA2LjY0Mzc1IDE0Ljg1MDkgNi41ODQzNyAxNC44Njk2IDYuNTQ2ODhDMTQuODg1MyA2LjUxODc1IDE0Ljg4ODQgNi41MDMxMyAxNC44ODg0IDYuNVY1LjEzNzVDMTQuNzIyOCA1LjIxODc1IDE0LjU0NzggNS4yOTM3NSAxNC4zNjY1IDUuMzYyNUMxMy45Mzg0IDUuNTI1IDEzLjQ0NzggNS42NjI1IDEyLjkxOTYgNS43NjU2MkMxMi43NjAzIDUuNTMxMjUgMTIuNTc1OSA1LjMzMTI1IDEyLjM5NDYgNS4xNjg3NUMxMi4wNzkgNC44ODQzNyAxMS43MTM0IDQuNjUzMTMgMTEuMzMyMSA0LjQ2MjVDMTIuMzIyOCA0LjM5MDYyIDEzLjE4NTMgNC4yMDYyNSAxMy44MzIxIDMuOTU5MzdDMTQuMjU3MSAzLjc5Njg4IDE0LjU1MDkgMy42MjE4OCAxNC43MjI4IDMuNDY4NzVDMTQuODA3MSAzLjM5Mzc1IDE0Ljg1MDkgMy4zMzQzNyAxNC44Njk2IDMuMjk2ODhDMTQuODg1MyAzLjI2ODc1IDE0Ljg4ODQgMy4yNTMxMiAxNC44ODg0IDMuMjVDMTQuODg4NCAzLjI1IDE0Ljg4ODQgMy4yMzQzOCAxNC44Njk2IDMuMjAzMTJDMTQuODUwOSAzLjE2NTYzIDE0LjgwNzEgMy4xMDYyNSAxNC43MjI4IDMuMDMxMjVDMTQuNTUwOSAyLjg3NSAxNC4yNTcxIDIuNyAxMy44MzIxIDIuNTQwNjNDMTIuOTg1MyAyLjIxNTYzIDExLjc2NjUgMiAxMC4zODUzIDJDOS4wMDQgMiA3Ljc4NTI1IDIuMjE1NjIgNi45NDE1IDIuNTM3NUM2LjUxNjUgMi43IDYuMjIyNzUgMi44NzUgNi4wNTA4OCAzLjAyODEzQzUuOTY2NSAzLjEwMzEzIDUuOTIyNzUgMy4xNjI1IDUuOTA0IDMuMkM1Ljg4NTI1IDMuMjM0MzggNS44ODUyNSAzLjI0Njg4IDUuODg1MjUgMy4yNDY4OFYzLjI1Wk0xLjg4NTI1IDcuMjVDMS44ODUyNSA3LjI1MzEzIDEuODg4MzggNy4yNjg3NSAxLjkwNCA3LjI5Njg4QzEuOTIyNzUgNy4zMzQzNyAxLjk2NjUgNy4zOTM3NSAyLjA1MDg4IDcuNDY4NzVDMi4yMjI3NSA3LjYyNSAyLjUxNjUgNy44IDIuOTQxNSA3Ljk1OTM3QzMuNzg1MjUgOC4yODEyNSA1LjAwNCA4LjQ5Njg3IDYuMzg1MjUgOC40OTY4N0M3Ljc2NjUgOC40OTY4NyA4Ljk4NTI1IDguMjgxMjUgOS44MjkgNy45NTkzN0MxMC4yNTQgNy43OTY4OCAxMC41NDc4IDcuNjIxODcgMTAuNzE5NiA3LjQ2ODc1QzEwLjgwNCA3LjM5Mzc1IDEwLjg0NzggNy4zMzQzNyAxMC44NjY1IDcuMjk2ODhDMTAuODgyMSA3LjI2ODc1IDEwLjg4NTMgNy4yNTMxMyAxMC44ODUzIDcuMjVDMTAuODg1MyA3LjI1IDEwLjg4NTMgNy4yMzQzOCAxMC44NjY1IDcuMjAzMTJDMTAuODQ3OCA3LjE2NTYzIDEwLjgwNCA3LjEwNjI1IDEwLjcxOTYgNy4wMzEyNUMxMC41NDc4IDYuODc1IDEwLjI1NCA2LjcgOS44MjkgNi41NDA2M0M4Ljk4NTI1IDYuMjE4NzUgNy43NjY1IDYuMDAzMTMgNi4zODUyNSA2LjAwMzEzQzUuMDA0IDYuMDAzMTMgMy43ODUyNSA2LjIxODc1IDIuOTQxNSA2LjU0MDYzQzIuNTE2NSA2LjcwMzEyIDIuMjIyNzUgNi44NzgxMyAyLjA1MDg4IDcuMDMxMjVDMS45NjY1IDcuMTA2MjUgMS45MjI3NSA3LjE2NTYzIDEuOTA0IDcuMjAzMTJDMS44ODUyNSA3LjIzNzUgMS44ODUyNSA3LjI1IDEuODg1MjUgNy4yNVpNMC4zODUyNTQgNy4yNUMwLjM4NTI1NCA2LjY4NzUgMC42ODgzNzkgNi4yMzc1IDEuMDQ0NjMgNS45MTU2M0MxLjQwMDg4IDUuNTkzNzUgMS44NzkgNS4zMzc1IDIuNDA0IDUuMTM3NUMzLjQ2MDI1IDQuNzM0MzggNC44Njk2MyA0LjUgNi4zODUyNSA0LjVDNy45MDA4OCA0LjUgOS4zMTAyNSA0LjczNDM4IDEwLjM2MzQgNS4xMzQzOEMxMC44ODg0IDUuMzM0MzcgMTEuMzY2NSA1LjU5MDYyIDExLjcyMjggNS45MTI1QzEyLjA3OSA2LjIzNDM4IDEyLjM4NTMgNi42ODc1IDEyLjM4NTMgNy4yNVYxMC41VjEzLjc1QzEyLjM4NTMgMTQuMzEyNSAxMi4wODIxIDE0Ljc2MjUgMTEuNzI1OSAxNS4wODQ0QzExLjM2OTYgMTUuNDA2MiAxMC44OTE1IDE1LjY2MjUgMTAuMzY2NSAxNS44NjI1QzkuMzEwMjUgMTYuMjY1NiA3LjkwMDg4IDE2LjUgNi4zODUyNSAxNi41QzQuODY5NjMgMTYuNSAzLjQ2MDI1IDE2LjI2NTYgMi40MDcxMyAxNS44NjU2QzEuODgyMTMgMTUuNjY1NiAxLjQwNzEzIDE1LjQwOTQgMS4wNDc3NSAxNS4wODc1QzAuNjg4Mzc5IDE0Ljc2NTYgMC4zODUyNTQgMTQuMzEyNSAwLjM4NTI1NCAxMy43NVYxMC41VjcuMjVaTTEwLjg4NTMgMTAuNVY5LjEzNzVDMTAuNzE5NiA5LjIxODc1IDEwLjU0NDYgOS4yOTM3NSAxMC4zNjM0IDkuMzYyNUM5LjMxMDI1IDkuNzY1NjIgNy45MDA4OCAxMCA2LjM4NTI1IDEwQzQuODY5NjMgMTAgMy40NjAyNSA5Ljc2NTYyIDIuNDA3MTMgOS4zNjU2M0MyLjIyNTg4IDkuMjk2ODggMi4wNTA4OCA5LjIyMTg4IDEuODg1MjUgOS4xNDA2MlYxMC41QzEuODg1MjUgMTAuNTAzMSAxLjg4ODM4IDEwLjUxODggMS45MDQgMTAuNTQ2OUMxLjkyMjc1IDEwLjU4NDQgMS45NjY1IDEwLjY0MzggMi4wNTA4OCAxMC43MTg4QzIuMjIyNzUgMTAuODc1IDIuNTE2NSAxMS4wNSAyLjk0MTUgMTEuMjA5NEMzLjc4NTI1IDExLjUzMTIgNS4wMDQgMTEuNzQ2OSA2LjM4NTI1IDExLjc0NjlDNy43NjY1IDExLjc0NjkgOC45ODUyNSAxMS41MzEyIDkuODI5IDExLjIwOTRDMTAuMjU0IDExLjA0NjkgMTAuNTQ3OCAxMC44NzE5IDEwLjcxOTYgMTAuNzE4OEMxMC44MDQgMTAuNjQzOCAxMC44NDc4IDEwLjU4NDQgMTAuODY2NSAxMC41NDY5QzEwLjg4MjEgMTAuNTE4OCAxMC44ODUzIDEwLjUwMzEgMTAuODg1MyAxMC41Wk0yLjQwNzEzIDEyLjYxNTZDMi4yMjU4OCAxMi41NDY5IDIuMDUwODggMTIuNDcxOSAxLjg4NTI1IDEyLjM5MDZWMTMuNzVDMS44ODUyNSAxMy43NSAxLjg4NTI1IDEzLjc2NTYgMS45MDQgMTMuNzk2OUMxLjkyMjc1IDEzLjgzNDQgMS45NjY1IDEzLjg5MzggMi4wNTA4OCAxMy45Njg4QzIuMjIyNzUgMTQuMTI1IDIuNTE2NSAxNC4zIDIuOTQxNSAxNC40NTk0QzMuNzg1MjUgMTQuNzgxMiA1LjAwNCAxNC45OTY5IDYuMzg1MjUgMTQuOTk2OUM3Ljc2NjUgMTQuOTk2OSA4Ljk4NTI1IDE0Ljc4MTIgOS44MjkgMTQuNDU5NEMxMC4yNTQgMTQuMjk2OSAxMC41NDc4IDE0LjEyMTkgMTAuNzE5NiAxMy45Njg4QzEwLjgwNCAxMy44OTM4IDEwLjg0NzggMTMuODM0NCAxMC44NjY1IDEzLjc5NjlDMTAuODg1MyAxMy43NjI1IDEwLjg4NTMgMTMuNzUgMTAuODg1MyAxMy43NVYxMi4zODc1QzEwLjcxOTYgMTIuNDY4OCAxMC41NDQ2IDEyLjU0MzcgMTAuMzYzNCAxMi42MTI1QzkuMzEwMjUgMTMuMDE1NiA3LjkwMDg4IDEzLjI1IDYuMzg1MjUgMTMuMjVDNC44Njk2MyAxMy4yNSAzLjQ2MDI1IDEzLjAxNTYgMi40MDcxMyAxMi42MTU2WiIgZmlsbD0iI0ZGNUMwMCIvPiA8L3N2Zz4=") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 5px;
  left: 0;
}
.c-section-seriesPager {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 0 20px 40px 20px;
}
@media only screen and (max-width: 390px) {
  .c-section-seriesPager {
    padding: 0 10px 15px 10px;
  }
}
.c-section-seriesPager * {
  box-sizing: border-box;
}
.c-section-seriesPager__button, .c-section-seriesPager__button--long {
  display: block !important;
  width: 100%;
  max-width: 160px;
  padding: 13px 10px 11px 10px;
  margin: 9px 9px 0 0;
  background: #fff;
  border: 1px solid #888;
  border-radius: 8px;
  cursor: pointer;
  outline: none;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
@media only screen and (max-width: 390px) {
  .c-section-seriesPager__button, .c-section-seriesPager__button--long {
    max-width: 129px;
    margin: 8px 8px 0 0;
  }
}
.c-section-seriesPager__button span, .c-section-seriesPager__button--long span {
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.c-section-seriesPager__button:hover, .c-section-seriesPager__button--long:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 768px) {
  .c-section-seriesPager__button:hover, .c-section-seriesPager__button--long:hover {
    opacity: 1;
  }
}
.c-section-seriesPager__button--long {
  max-width: 268px;
}
@media only screen and (max-width: 390px) {
  .c-section-seriesPager__button--long {
    max-width: 217px;
    margin-right: 0;
  }
}

.l-body, .l-body--v5, .l-body--v4-member {
  /*--------------- common ---------------*/
  /*--------------- v4-member ---------------*/
  /*--------------- v5 ---------------*/
}
.l-body, .l-body--v5, .l-body--v4-member, .l-body *, .l-body--v5 *, .l-body--v4-member *, .l-body ::before, .l-body--v5 ::before, .l-body--v4-member ::before, .l-body ::after, .l-body--v5 ::after, .l-body--v4-member ::after {
  box-sizing: border-box;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.l-body img, .l-body--v5 img, .l-body--v4-member img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.l-header {
  /*--------------- v4-member ---------------*/
  /*--------------- v5 ---------------*/
}
.l-header--v4-member {
  padding: 20px 0;
  box-shadow: 0 2px 2px #d5d0cd;
}
@media only screen and (max-width: 1079px) {
  .l-header--v4-member {
    padding: 20px 12px;
  }
}
.l-header--v4-member .l-header__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-header--v4-member .l-header__logout button {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  color: #888;
  font-size: 14px;
  font-weight: 600;
}
.renew-style .headerAlert, .renew-style .headerAlert--sp, .renew-style .headerAlert--pc {
  padding: 0.25rem 0.625rem;
  background: #fed3d3;
}
.renew-style .headerAlert__wrap {
  margin: 0 auto;
}
.renew-style .headerAlert__read {
  line-height: 1.6;
  position: relative;
}
.renew-style .headerAlert__read::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.00004%201.33331C4.32004%201.33331%201.33337%204.31998%201.33337%207.99998C1.33337%2011.68%204.32004%2014.6666%208.00004%2014.6666C11.68%2014.6666%2014.6667%2011.68%2014.6667%207.99998C14.6667%204.31998%2011.68%201.33331%208.00004%201.33331ZM7.33337%2011.3333V9.99998H8.66671V11.3333H7.33337ZM7.33337%204.66665V8.66665H8.66671V4.66665H7.33337Z%22%20fill%3D%22%234B0B0B%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  left: 0;
}
.renew-style .headerAlert__read a {
  display: inline-block;
  vertical-align: text-top;
  color: #4b0b0b;
  font-size: 12px;
  text-decoration: underline;
}
.renew-style .headerAlert--pc .headerAlert__wrap {
  width: 1018px;
}
.renew-style .headerAlert--pc .headerAlert__read {
  display: flex;
  align-items: center;
  padding-left: 1.375rem;
}
.renew-style .headerAlert--sp {
  width: calc(100% + 32px);
  padding-top: 0.3125rem;
  padding-left: 1rem;
  padding-bottom: 0.3125rem;
  position: relative;
  top: 0;
  left: -16px;
}
.renew-style .headerAlert--sp .headerAlert__wrap {
  width: 100%;
}
.renew-style .headerAlert--sp .headerAlert__read {
  padding-left: 1.175rem;
}
.renew-style .headerAlert--sp .headerAlert__read::before {
  top: 5px;
}
.renew-style .headerWarning, .renew-style .headerWarning--sp, .renew-style .headerWarning--pc {
  padding: 0.375rem 0.625rem;
  background: #fef2d3;
}
.renew-style .headerWarning__wrap {
  margin: 0 auto;
}
.renew-style .headerWarning__read {
  line-height: 1.6;
  position: relative;
}
.renew-style .headerWarning__read::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.00029%200.583313C6.49325%200.583313%206.08362%200.941744%206.08362%201.3854V1.86665C3.99247%202.23761%202.41695%203.85682%202.41695%205.79685V6.43351C2.41695%207.57146%201.97294%208.67684%201.16226%209.56414L0.735441%2010.0329C0.569296%2010.2133%200.537785%2010.4615%200.652368%2010.6695C0.766952%2010.8776%201.00758%2011.0104%201.27112%2011.0104H12.7295C12.993%2011.0104%2013.2336%2010.8776%2013.3482%2010.6695C13.4628%2010.4615%2013.4313%2010.2133%2013.2651%2010.0329L12.8383%209.56665C12.0276%208.67684%2011.5836%207.57146%2011.5836%206.43351V5.79685C11.5836%203.85682%2010.0081%202.23761%207.91695%201.86665V1.3854C7.91695%200.941744%207.50732%200.583313%207.00029%200.583313ZM7.00029%202.98956C8.77346%202.98956%2010.2086%204.24532%2010.2086%205.79685V6.43351C10.2086%207.63413%2010.6068%208.80467%2011.3459%209.80727H2.65471C3.39377%208.80467%203.79195%207.63413%203.79195%206.43351V5.79685C3.79195%204.24532%205.22711%202.98956%207.00029%202.98956ZM8.83362%2011.8125H7.00029H5.16695C5.16695%2012.2386%205.35888%2012.6471%205.70263%2012.9479C6.04638%2013.2487%206.51331%2013.4166%207.00029%2013.4166C7.48726%2013.4166%207.95419%2013.2487%208.29794%2012.9479C8.64169%2012.6471%208.83362%2012.2386%208.83362%2011.8125Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  left: 0;
}
.renew-style .headerWarning__read a {
  display: inline-block;
  vertical-align: text-top;
  color: #4b0b0b;
  font-size: 12px;
  text-decoration: underline;
}
.renew-style .headerWarning--pc .headerWarning__wrap {
  width: 1018px;
}
.renew-style .headerWarning--pc .headerWarning__read {
  display: flex;
  align-items: center;
  padding-left: 1.375rem;
}
.renew-style .headerWarning--sp {
  width: calc(100% + 32px);
  padding-top: 0.3125rem;
  padding-left: 1rem;
  padding-bottom: 0.3125rem;
  position: relative;
  top: 0;
  left: -16px;
}
.renew-style .headerWarning--sp .headerWarning__wrap {
  width: 100%;
}
.renew-style .headerWarning--sp .headerWarning__read {
  padding-left: 1.175rem;
}
.renew-style .headerWarning--sp .headerWarning__read::before {
  top: 6px;
}
.renew-style .headerTab {
  width: 100%;
  border-bottom: 1px solid var(--gray-scale-color-light);
}
.renew-style .headerTab__items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1018px;
  margin-left: auto;
  margin-right: auto;
}
.renew-style .headerTab__items {
  display: flex;
  flex-wrap: nowrap;
}
.renew-style .headerTab__item {
  height: 48px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.renew-style .headerTab__item.is-current .headerTab__anchor {
  border-bottom: 2px solid var(--brand-color-brand-color);
  color: var(--gray-scale-color-black);
  font-weight: 600;
}
.renew-style .headerTab__anchor {
  display: flex;
  align-items: center;
  height: 100%;
  color: var(--gray-scale-color-black);
  white-space: nowrap;
}
.renew-style .headerNavigation {
  display: none;
  width: 100%;
  height: calc(100vh - 56px);
  background-color: var(--gray-scale-color-white);
  opacity: 0;
  position: absolute;
  top: 55px;
  left: 0;
  z-index: 2000;
  visibility: hidden;
}
.renew-style .headerNavigation.active {
  display: block;
  opacity: 1;
  overflow-y: scroll;
  visibility: visible;
}
.renew-style .headerButton {
  display: none;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  right: 0;
}
.renew-style .headerButton.active {
  display: flex;
}
.renew-style .headerButton__menu {
  width: 20px;
  height: 17px;
}
.renew-style .headerButton__close {
  width: 24px;
  height: 24px;
}
.renew-style .headerRegist {
  padding: 10px;
  color: #f92962;
  position: absolute;
  top: 17%;
  right: 50px;
}

.l-content {
  /*--------------- v4-member ---------------*/
  /*--------------- v5 ---------------*/
}
.l-footer {
  /*--------------- v4-member ---------------*/
  /*--------------- v5 ---------------*/
}
.l-footer-breadcrumbs {
  padding: 2.1875rem 0;
  background: #fff;
}
.l-footer-breadcrumbs .article {
  margin-bottom: 0;
}
.l-footer--v4-member {
  padding: 30px 0;
  margin-top: 70px;
}
@media only screen and (max-width: 1079px) {
  .l-footer--v4-member {
    margin-top: 40px;
  }
}
.l-footer--v4-member .l-footer__wrap {
  width: 100%;
  max-width: 1142px;
  padding: 0 30px;
  margin: 0 auto;
}
@media only screen and (max-width: 1079px) {
  .l-footer--v4-member .l-footer__wrap {
    padding: 0 8px;
  }
}
.l-footer--v4-member .l-footer__logo {
  display: flex;
  justify-content: center;
  text-align: center;
}
.l-footer--v4-member .l-footer__logo a {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.l-footer--v4-member .l-footer__logo a span {
  display: block;
  text-align: center;
}
.l-footer--v4-member .l-footer__logo a img {
  margin-top: 10px;
}
.l-footer--v4-member .l-footer__nav {
  padding-top: 5px;
}
.l-footer--v4-member .l-footer__nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 50px;
  list-style: none;
  padding: 0;
}
@media only screen and (max-width: 1079px) {
  .l-footer--v4-member .l-footer__nav ul {
    flex-direction: column;
  }
}
.l-footer--v4-member .l-footer__nav ul li {
  margin-top: 35px;
  text-align: center;
}
.l-footer--v4-member .l-footer__nav ul li a {
  display: inline-block;
  color: #333;
  text-decoration: none;
}
.l-footer--v4-member .l-footer__nav ul li a small {
  font-size: 10px;
}
.l-footer--v4-member .l-footer__nav ul li a span {
  display: block;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}
.l-footer--v4-member .l-footer__pagetop {
  margin-top: 40px;
  text-align: center;
}
.l-footer--v4-member .l-footer__pagetop a {
  display: inline-block;
  padding-top: 20px;
  color: #333;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.l-footer--v4-member .l-footer__pagetop a::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  margin: auto;
  border-top: 3px solid #d5d0ce;
  border-left: 3px solid #d5d0ce;
  pointer-events: none;
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  transform: rotate(45deg);
}
.l-footer--v4-member .l-footer__links {
  margin-top: 30px;
}
.l-footer--v4-member .l-footer__links ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 20px;
  list-style: none;
  padding: 0;
}
.l-footer--v4-member .l-footer__links ul li {
  text-align: center;
}
.l-footer--v4-member .l-footer__links ul li a {
  display: inline-block;
  color: #333;
  font-size: 12px;
  text-decoration: none;
}
.l-footer--v4-member .l-footer__copyright {
  padding: 10px 0;
  color: #9c9592;
  font-size: 10px;
  text-align: center;
}
.renew-style .snsList__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
@media only screen and (max-width: 390px) {
  .renew-style .snsList__items {
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
    max-width: 17.875rem;
    margin: 0 auto;
  }
}
.renew-style .snsList__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.6875rem;
  height: 3.6875rem;
  background-color: #fff;
  border: 0.0625rem solid #e9e9e9;
  border-radius: 3rem;
}
.renew-style .snsList__item img {
  width: auto;
  height: auto;
}

.renew-style .spMenuList {
  height: 1400px;
  border-top: 1px solid var(--gray-scale-color-light);
  overflow-y: scroll;
}
.renew-style .spMenuList__items {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid var(--gray-scale-color-light);
  border-bottom: 1px solid var(--gray-scale-color-light);
}
.renew-style .spMenuList__header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  border-bottom: 1px solid var(--gray-scale-color-light);
}
.renew-style .spMenuList__headerText {
  display: flex;
  align-items: center;
  height: 48px;
  border-bottom: 2px solid var(--brand-color-brand-color);
}
.renew-style .spMenuList__item {
  width: 100%;
  height: 48px;
  border-bottom: 1px solid var(--gray-scale-color-light);
}
.renew-style .spMenuList__item--manga {
  width: 50%;
}
.renew-style .spMenuList__item:nth-of-type(even) {
  border-right: 1px solid var(--gray-scale-color-light);
}
.renew-style .spMenuList__item:last-of-type {
  border-bottom: 0;
}
.renew-style .spMenuList__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.renew-style .spMenuList__inner::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2217%22%20fill%3D%22none%22%20viewBox%3D%220%200%2017%2017%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22m5.83%2015.386-.947-.946%205.49-5.49-5.49-5.49.946-.946%206.436%206.436-6.436%206.436Z%22%2F%3E%3C%2Fsvg%3E");
}
.renew-style .spMenuList__more {
  margin-left: auto;
  color: var(--gray-scale-color-gray);
}
.renew-style .spMenuList__caption {
  margin-left: auto;
  color: var(--gray-scale-color-gray);
}
@media only screen and (max-width: 390px) {
  .renew-style .spMenuList__caption {
    font-size: 0.625rem;
    line-height: 1.5;
  }
}
.renew-style .spMenuAge {
  border-top: 1px solid var(--gray-scale-color-light);
  border-bottom: 1px solid var(--gray-scale-color-light);
}
.renew-style .spMenuLogout {
  margin-top: 2.5rem;
}
.renew-style .spMenuLogout__button {
  display: block;
  padding: 1rem;
  color: #333;
  font-size: 0.875rem;
  position: relative;
}
.renew-style .spMenuLogout__button::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M18.9143%2010.6325C19.2508%2010.2828%2019.2508%209.71728%2018.9143%209.3713L14.3314%204.60568C13.9948%204.25597%2013.4506%204.25597%2013.1177%204.60568C12.7847%204.95538%2012.7811%205.52085%2013.1177%205.86684L16.2326%209.10344L7.42127%209.10716C6.94508%209.10716%206.56198%209.50523%206.56198%2010C6.56198%2010.4948%206.94508%2010.8929%207.42127%2010.8929H16.2326L13.1177%2014.1295C12.7811%2014.4792%2012.7811%2015.0447%2013.1177%2015.3906C13.4542%2015.7366%2013.9984%2015.7403%2014.3314%2015.3906L18.9143%2010.6325ZM6.84841%203.4524C7.3246%203.4524%207.7077%203.05434%207.7077%202.55954C7.7077%202.06475%207.3246%201.66669%206.84841%201.66669H3.98411C2.24404%201.66669%200.833374%203.13246%200.833374%204.9405V15.0595C0.833374%2016.8676%202.24404%2018.3334%203.98411%2018.3334H6.84841C7.3246%2018.3334%207.7077%2017.9353%207.7077%2017.4405C7.7077%2016.9457%207.3246%2016.5476%206.84841%2016.5476H3.98411C3.19284%2016.5476%202.55196%2015.8817%202.55196%2015.0595V4.9405C2.55196%204.11832%203.19284%203.4524%203.98411%203.4524H6.84841Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
}

@media only screen and (max-width: 768px) {
  .renew-style.in-tab {
    padding-top: 38px;
  }
}
.renew-style .topTab {
  padding-left: 1rem;
  padding-right: 1rem;
  border-bottom: 1px solid var(--gray-scale-color-light);
}
@media only screen and (max-width: 768px) {
  .renew-style .topTab {
    width: 100%;
    background-color: var(--gray-scale-color-white);
    position: fixed;
    top: 55px;
    left: 0;
    z-index: 100;
  }
}
.renew-style .topTab__items {
  display: flex;
  gap: 0.5rem;
}
.renew-style .topTab__item {
  width: 25%;
}
.renew-style .topTab__link {
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .renew-style .topTab__link {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.renew-style .topTab__link:hover, .renew-style .topTab__link.is-active {
  border-bottom: 2px solid var(--brand-color-brand-color);
}
.renew-style .topTab__link.is-active {
  font-weight: 600;
}
.renew-style .topRanking__number {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--gray-scale-color-white);
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  line-height: 1.8;
}
.renew-style .topRanking__number--1 {
  width: 40px;
  height: 40px;
  background-color: #e3b642;
}
.renew-style .topRanking__number--2 {
  width: 24px;
  height: 24px;
  background-color: #888;
}
@media only screen and (min-width: 768px) {
  .renew-style .topRanking__number--2 {
    width: 40px;
    height: 40px;
  }
}
.renew-style .topRanking__number--3 {
  width: 24px;
  height: 24px;
  background-color: #d16603;
}
@media only screen and (min-width: 768px) {
  .renew-style .topRanking__number--3 {
    width: 40px;
    height: 40px;
  }
}
.renew-style .topRanking__number--4 {
  width: 24px;
  height: 24px;
  background-color: #ffc5c5;
}
@media only screen and (min-width: 768px) {
  .renew-style .topPickup__items {
    display: flex;
    gap: 0.5rem;
  }
}
.renew-style .topPickup__img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.renew-style .topPickup__body {
  display: flex;
  align-items: center;
  gap: 8px;
}
.renew-style .topPickup__new {
  color: var(--brand-color-brand-color);
}
.renew-style .topRecommend {
  padding-left: 1rem;
  padding-right: 1rem;
}
.renew-style .topRecommend__movie {
  line-height: 0;
}
.renew-style .topRecommend__movie video {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.renew-style .topRecommend__button {
  margin-top: 1rem;
}
.renew-style .topInterview__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .renew-style .topInterview__items {
    flex-wrap: nowrap;
  }
}
.renew-style .topInterview__inner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.renew-style .topInterview__heading {
  word-break: break-all;
}
.renew-style .topInterview__img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
}
.renew-style .topInterview__item {
  width: calc((100% - 8px) / 2);
  border: 1px solid var(--gray-scale-color-light);
  border-radius: 0.5rem;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .renew-style .topInterview__item {
    width: calc((100% - 8px) / 4);
  }
}
.renew-style .topComic__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}
.renew-style .topComic__inner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.renew-style .topComic__img {
  width: 208px;
  height: auto;
  object-fit: cover;
}
.renew-style .topComic__item {
  width: calc((100% - 8px) / 2);
  border: 1px solid var(--gray-scale-color-light);
  border-radius: 0.5rem;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .renew-style .topComic__item {
    width: calc((100% - 24px) / 3);
  }
}
.renew-style .topComic__heading {
  text-align: center;
}
.renew-style .topTv video {
  display: block;
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: auto;
}
.renew-style .topFeature__banners {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .renew-style .topFeature__banners {
    flex-wrap: nowrap;
  }
}
.renew-style .topFeature__banner {
  display: flex;
  justify-content: center;
  width: calc((100% - 8px) / 2);
  height: 105px;
  border: 1px solid var(--gray-scale-color-light);
  border-radius: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .renew-style .topFeature__banner {
    width: calc((100% - 8px) / 4);
    height: 130px;
  }
}
.renew-style .topFeature__bannerInner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .renew-style .topFeature__bannerInner {
    flex-direction: column-reverse;
    gap: 0.5rem;
  }
}
.renew-style .topFeature__bannerText {
  font-weight: 400;
  line-height: 1.7;
  text-align: center;
  font-size: 1rem;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) {
  .renew-style .topFeature__bannerText {
    font-size: 0.875rem;
    line-height: 1.5;
  }
}
.renew-style .topFeature__bannerImg {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

@media only screen and (max-width: 768px) {
  .l-sidebar-breadcrumbs {
    margin: 2rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .l-sidebar-breadcrumbs__wrap {
    padding: 0 1rem;
  }
}

.renew-style .sideRanking__number {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--gray-scale-color-white);
  font-weight: 600;
  text-decoration: none;
  text-transform: none;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  line-height: 1.8;
}
.renew-style .sideRanking__number--1 {
  width: 24px;
  height: 24px;
  background-color: #e3b642;
}
.renew-style .sideRanking__number--2 {
  width: 24px;
  height: 24px;
  background-color: #888;
}
.renew-style .sideRanking__number--3 {
  width: 24px;
  height: 24px;
  background-color: #d16603;
}
.renew-style .sideRanking__number--4 {
  width: 24px;
  height: 24px;
  background-color: #ffc5c5;
}
.renew-style .sideMedia items--borderTop {
  border-top: solid 1px var(--gray-scale-color-light);
}
.renew-style .sideMedia__item {
  width: 100%;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: var(--gray-scale-color-white);
  border-bottom: solid 1px var(--gray-scale-color-light);
}
.renew-style .sideMedia__heading {
  display: -webkit-box;
  overflow: hidden;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.renew-style .sideMedia__date {
  color: var(--gray-scale-color-gray);
  text-align: right;
}
.renew-style .sideRecommend__movie {
  line-height: 0;
}
.renew-style .sideRecommend__movie video {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.renew-style .sideRecommend__button {
  margin-top: 1rem;
}

.renew-style .contact-warning {
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1.5rem;
  background-color: var(--accent-color-warning-light);
  border-radius: 1rem;
  color: var(--accent-color-warning-dark);
}
.renew-style .contact-warning-heading {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.renew-style .contact-warning-heading::before {
  content: "";
  width: 24px;
  height: 24px;
  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%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%234B390B%22%20d%3D%22M11%2017h2v-6h-2v6Zm1-8c.283%200%20.52-.096.713-.287A.967.967%200%200%200%2013%208a.967.967%200%200%200-.287-.713A.968.968%200%200%200%2012%207a.968.968%200%200%200-.713.287A.967.967%200%200%200%2011%208c0%20.283.096.52.287.713.192.191.43.287.713.287Zm0%2013a9.738%209.738%200%200%201-3.9-.788%2010.099%2010.099%200%200%201-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738%209.738%200%200%201%202%2012c0-1.383.263-2.683.788-3.9a10.099%2010.099%200%200%201%202.137-3.175c.9-.9%201.958-1.612%203.175-2.137A9.738%209.738%200%200%201%2012%202c1.383%200%202.683.263%203.9.788a10.098%2010.098%200%200%201%203.175%202.137c.9.9%201.613%201.958%202.137%203.175A9.738%209.738%200%200%201%2022%2012a9.738%209.738%200%200%201-.788%203.9%2010.098%2010.098%200%200%201-2.137%203.175c-.9.9-1.958%201.613-3.175%202.137A9.738%209.738%200%200%201%2012%2022Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.renew-style .contact-qa-heading {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--thema-color-dark-dark-3);
}
.renew-style .contact-qa-heading::before {
  content: "";
  width: 8px;
  height: 20px;
  background-color: var(--brand-color-brand-color);
}
.renew-style .contact-qa-list {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 1rem;
}
.renew-style .contact-qa-list li {
  margin-top: 0.5rem;
}
.renew-style .contact-qa-list section {
  border: 1px solid var(--gray-scale-color-light);
  border-radius: 0.5rem;
}
.renew-style .contact-qa-question {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 1.125rem 1rem;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.renew-style .contact-qa-question::after {
  content: "";
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.11342%207.4192L4.46603%206L12.3143%2014.2346L20.1625%206L21.5151%207.4192L12.3143%2017.073L3.11342%207.4192Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}
.renew-style .contact-qa-question.is-close::after {
  transform: rotate(180deg);
}
.renew-style .contact-qa-answer {
  display: none;
  padding: 1rem;
  border-top: 1px solid var(--gray-scale-color-light);
}

.renew-style .articleCategory {
  margin-top: 5px;
  margin-right: 20px;
  color: var(--gray-scale-color-gray);
  font-size: 0.625rem;
  line-height: 1.5;
}
.renew-style .articleCategory-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.renew-style .articleCategory-wrapper.is-member {
  justify-content: flex-start;
  margin-bottom: 0.5rem;
}
.renew-style .articleAdShop-wrapper {
  display: grid;
  gap: 0.75rem;
  width: 100%;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}
.renew-style .articleAdShop-button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 0.5rem 0.25rem;
  background-color: #f1a348;
  color: #fff;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  font-size: 0.875rem;
  line-height: 1.5;
}
.renew-style .articleComments, .renew-style .articleComments--mobile {
  margin: 40px 0;
}
.renew-style .articleComments p, .renew-style .articleComments--mobile p {
  margin-bottom: 0;
}
.renew-style .articleComments-head__read {
  color: #333;
  font-size: 16px;
}
.renew-style .articleComments-head__read a {
  display: inline-block !important;
  margin-left: 5px;
  color: #00e;
  font-size: 13px;
  text-decoration: underline;
}
.renew-style .articleComments-post__textarea textarea {
  width: 100%;
  height: 60px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  outline: none;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  resize: vertical;
}
.renew-style .articleComments-post__textarea textarea::placeholder {
  color: #ccc;
  font-weight: 700;
}
.renew-style .articleComments-post__remark {
  margin-top: 3px;
  color: #333;
  font-size: 13px;
  line-height: 1.25;
}
.renew-style .articleComments-post__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: 10px;
}
.renew-style .articleComments-post__count {
  width: auto;
  padding-right: 15px;
  color: #333;
  font-size: 13px;
  text-align: right;
}
.renew-style .articleComments-post__nickname input[type=text] {
  width: 180px;
  padding: 6px 10px;
  border: 1px solid #ccc;
  outline: none;
  color: #333;
  font-size: 16px;
}
.renew-style .articleComments-post__nickname input[type=text]::placeholder {
  color: #ccc;
}
.renew-style .articleComments-post__submit {
  margin-left: 3px;
}
.renew-style .articleComments-post__submit button {
  padding: 7px 8px;
  background: #f92962;
  border: none;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.renew-style .articleComments-sort {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  position: relative;
}
.renew-style .articleComments-sort__select {
  border: none;
  cursor: pointer;
  outline: none;
  color: #333;
  font-size: 15px;
  position: relative;
  z-index: 1;
}
.renew-style .articleComments-sort::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  background: #fff;
  border-top: 12px solid #333;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 0;
  border-radius: 2px;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  z-index: 2;
  border-style: solid;
}
.renew-style .articleComments-list {
  list-style: none;
  margin-left: 0;
}
.renew-style .articleComments-list__li {
  list-style: none;
  margin-top: 10px;
}
.renew-style .articleComments-list__li:first-of-type {
  margin-top: 6px;
}
.renew-style .articleComments-list__head {
  display: flex;
  align-items: flex-end;
}
.renew-style .articleComments-list__heading {
  color: #333;
  font-size: 16px;
  font-weight: 700;
}
.renew-style .articleComments-list__id {
  margin-left: 5px;
  color: #999;
  font-size: 12px;
}
.renew-style .articleComments-list__id strong {
  font-size: 12px;
  font-weight: 700;
}
.renew-style .articleComments-list__comment {
  margin-top: 2px;
  color: #333;
  font-size: 15px;
  line-height: 1.3;
}
.renew-style .articleComments-list__foot {
  display: flex;
  align-items: center;
  margin-top: 4px;
}
.renew-style .articleComments-list__buttons {
  display: flex;
}
.renew-style .articleComments-list__button, .renew-style .articleComments-list__button--bad, .renew-style .articleComments-list__button--good {
  width: 15px;
  height: 15px;
  background: transparent;
  background-repeat: no-repeat;
  background-position: top 1px left;
  background-size: 100% 100%;
  border: none;
  cursor: pointer;
}
.renew-style .articleComments-list__button--good {
  background-image: url("../images/ic_comments_good.png");
}
.renew-style .articleComments-list__button--bad {
  background-image: url("../images/ic_comments_bad.png");
}
.renew-style .articleComments-list__count, .renew-style .articleComments-list__count--bad, .renew-style .articleComments-list__count--good {
  margin-left: 1px;
  margin-right: 10px;
  color: #999;
  font-size: 13px;
}
.renew-style .articleComments-list__reply {
  margin-right: 10px;
}
.renew-style .articleComments-list__reply a {
  color: #333;
  font-size: 13px;
  text-decoration: none;
}
.renew-style .articleComments-list__x {
  margin-right: 10px;
}
.renew-style .articleComments-list__x a {
  color: #999;
  font-size: 13px;
  text-decoration: none;
}
.renew-style .articleComments-list__time {
  margin-right: 10px;
  color: #999;
  font-size: 13px;
}
.renew-style .articleComments-more {
  text-align: right;
}
.renew-style .articleComments-more a {
  display: inline-block;
  padding-left: 4px;
  padding-bottom: 4px;
  border-bottom: 2px solid #0989b3;
  color: #333;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
}
.renew-style .articleComments-powered {
  margin-top: 10px;
}
.renew-style .articleComments-powered__read {
  color: #666;
  font-size: 11px;
  text-align: right;
}
.renew-style .articleComments-guide {
  margin-top: 25px;
}
.renew-style .articleComments-guide__read {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.renew-style .articleComments-guide__read a {
  display: inline;
  color: #0b89b3;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.renew-style .articleComments-modal {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300001;
}
.renew-style .articleComments-modal__box {
  max-width: 324px;
  padding: 10px 25px 15px 25px;
  background: #fff;
}
.renew-style .articleComments-modal__read {
  margin-top: 25px;
  color: #333;
  font-size: 15px;
  line-height: 1.5 !important;
}
.renew-style .articleComments-modal__close {
  padding: 0;
  margin-top: 25px;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  color: #333;
  font-size: 15px;
  line-height: 1.5 !important;
  text-decoration: underline;
}
.renew-style .articleComments-modal.is-active {
  display: flex;
}
.renew-style .articleComments-link {
  margin-top: 40px;
}
.renew-style .articleComments-link a {
  color: #000;
  font-size: 14px;
  line-height: 1.6;
  text-decoration: underline;
}
.renew-style .articleComments-link a:hover {
  text-decoration: none;
}
.renew-style .articleComments--mobile {
  padding: 0 0.375rem;
}
.renew-style .articleComments--mobile .articleComments__wrap {
  padding: 0 0.625rem;
}
.renew-style .articleComments--mobile .articleComments-post__textarea textarea {
  height: 56px;
  font-size: 15px;
}
.renew-style .articleComments--mobile .articleComments-post__nickname input[type=text] {
  font-size: 15px;
}
.renew-style .articleComments--mobile .articleComments-post__count {
  width: calc(100% - 180px);
}
.renew-style .articleComments--mobile .articleComments-post__submit {
  margin-top: 3px;
  margin-left: 0;
}
.renew-style .articleComments--mobile .articleComments-post__submit button {
  width: 180px;
  font-size: 15px;
}
.renew-style .articleComments--mobile .articleComments-link a:hover {
  text-decoration: underline;
}
.renew-style .articleSns-list {
  display: flex;
  gap: 0.5rem;
}
.renew-style .articleSns-item {
  width: calc((100% - 16px) / 3);
}
.renew-style .articleSns-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  border-radius: 0.25rem;
}
.renew-style .articleSns-inner--x {
  background-color: #0f1419;
}
.renew-style .articleSns-inner--x img {
  width: 14px;
  height: 13px;
}
.renew-style .articleSns-inner--fb {
  background-color: #415e9b;
}
.renew-style .articleSns-inner--fb img {
  width: 10px;
  height: 16px;
}
.renew-style .articleSns-inner--line {
  background-color: #00b900;
}
.renew-style .articleSns-inner--line img {
  width: 18px;
  height: 17px;
}
.renew-style .articleMember {
  padding-left: 20px;
  margin-top: 5px;
  color: #b38d1b;
  position: relative;
}
.renew-style .articleMember::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: no-repeat top left/100% 100%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_897_2664)%22%3E%0A%3Cpath%20d%3D%22M8.00016%202.49984C9.31564%202.49984%2010.3811%203.52536%2010.3811%204.7915V6.1665H5.61921V4.7915C5.61921%203.52536%206.68469%202.49984%208.00016%202.49984ZM3.71445%204.7915V6.1665H3.23826C2.18766%206.1665%201.3335%206.98864%201.3335%207.99984V13.4998C1.3335%2014.511%202.18766%2015.3332%203.23826%2015.3332H12.7621C13.8127%2015.3332%2014.6668%2014.511%2014.6668%2013.4998V7.99984C14.6668%206.98864%2013.8127%206.1665%2012.7621%206.1665H12.2859V4.7915C12.2859%202.51416%2010.3662%200.666504%208.00016%200.666504C5.63409%200.666504%203.71445%202.51416%203.71445%204.7915ZM8.95254%209.83317V11.6665C8.95254%2012.1735%208.52695%2012.5832%208.00016%2012.5832C7.47338%2012.5832%207.04778%2012.1735%207.04778%2011.6665V9.83317C7.04778%209.32614%207.47338%208.9165%208.00016%208.9165C8.52695%208.9165%208.95254%209.32614%208.95254%209.83317Z%22%20fill%3D%22%23B38D1B%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_897_2664%22%3E%0A%3Crect%20width%3D%2213.3333%22%20height%3D%2214.6667%22%20fill%3D%22white%22%20transform%3D%22translate(1.3335%200.666504)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

/*--------------- utility ---------------*/
.u-wrap, .u-wrap--v5, .u-wrap--v4-member {
  width: 100%;
  margin: 0 auto;
  /*--------------- v4-member ---------------*/
  /*--------------- v5 ---------------*/
}
.u-wrap--v4-member {
  max-width: 650px;
  padding: 0 30px;
}
@media only screen and (max-width: 1079px) {
  .u-wrap--v4-member {
    padding: 0 8px;
  }
}
/*--------------- project ---------------*/
.p-404 {
  padding-top: 32px;
}
@media only screen and (max-width: 768px) {
  .p-404 {
    padding: 32px 16px 0 16px;
  }
}
.p-404__subheading {
  margin: 0;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  .p-404 .postsby {
    padding-left: 0;
  }
}
.p-404 section {
  margin: 24px 0 0 0;
}
.p-404 section p {
  color: #333;
  font-size: 14px;
  line-height: 1.6;
  word-break: break-all;
}
.p-404 section p:first-of-type {
  margin-top: 0;
}
.p-404 section p a {
  color: #0b89b3;
  text-decoration: underline;
}
.p-404 section p a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .p-404 section p a:hover {
    text-decoration: underline;
  }
}
.p-404__bg, .p-404__bg--gray {
  padding: 16px 16px 32px 16px;
  margin-bottom: 56px;
  border-radius: 4px;
}
.p-404__bg--gray {
  background: #e9e9e9;
}
.p-404__bg p, .p-404__bg--gray p {
  margin-top: 16px;
}

.p-read_article_history {
  padding-top: 32px;
}
.p-read_article_history__heading {
  margin: 56px 0 0 0;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.p-read_article_history__heading:first-of-type {
  margin-top: 0;
}
.p-read_article_history__nopost {
  margin: 16px 0 0 0;
  color: #000;
  font-size: 14px;
  line-height: 1.6;
}
.p-read_article_history__card {
  margin-top: 16px;
}
.p-read_article_history__col {
  width: 100%;
  padding-bottom: 8px;
  margin-bottom: 8px;
  background-color: #fff;
  border-bottom: solid 1px #e9e9e9;
}
.p-read_article_history__col__inner {
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  position: relative;
}
@media only screen and (max-width: 1079px) {
  .p-read_article_history__col__inner {
    gap: 8px;
  }
}
.p-read_article_history__col__inner:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 1079px) {
  .p-read_article_history__col__inner:hover {
    opacity: 1;
  }
}
.p-read_article_history__col__img {
  width: 120px;
}
@media only screen and (max-width: 1079px) {
  .p-read_article_history__col__img {
    width: 96px;
  }
}
.p-read_article_history__col__img img {
  width: 120px;
  height: 120px;
  aspect-ratio: 1/1;
  object-fit: cover;
}
@media only screen and (max-width: 1079px) {
  .p-read_article_history__col__img img {
    width: 96px;
    height: 96px;
  }
}
.p-read_article_history__col__body {
  flex: 1;
}
.p-read_article_history__col__heading {
  display: -webkit-box;
  flex: 1;
  margin: 0;
  overflow: hidden;
  color: #333;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media only screen and (max-width: 1079px) {
  .p-read_article_history__col__heading {
    -webkit-line-clamp: 3;
  }
}
.p-read_article_history__col__flex {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-top: 8px;
}
.p-read_article_history__col__date {
  color: #888;
  font-size: 12px;
  text-align: right;
}
.p-read_article_history__col__comments {
  padding-left: 18px;
  margin: 0;
  color: #888;
  font-size: 12px;
  position: relative;
}
.p-read_article_history__col__comments::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIzNjFfMjU3OCkiPiA8cGF0aCBkPSJNMy4zNzk1NyAxMC42OTk2QzMuNzMyMyAxMC40NDI2IDQuMTg4OTUgMTAuMzc3IDQuNTk5MSAxMC41MjQ2QzUuMzIzNzEgMTAuNzg3MSA2LjEzNTgyIDEwLjkzNzUgNi45OTk4OCAxMC45Mzc1QzEwLjQwOTYgMTAuOTM3NSAxMi42ODc0IDguNzM2MzMgMTIuNjg3NCA2LjU2MjVDMTIuNjg3NCA0LjM4ODY3IDEwLjQwOTYgMi4xODc1IDYuOTk5ODggMi4xODc1QzMuNTkwMTIgMi4xODc1IDEuMzEyMzggNC4zODg2NyAxLjMxMjM4IDYuNTYyNUMxLjMxMjM4IDcuNDM3NSAxLjY1MTQ1IDguMjc5NjkgMi4yODg1NSA5LjAwMTU2QzIuNTIzNzEgOS4yNjY4IDIuNjM4NTUgOS42MTY4IDIuNjExMjEgOS45NzIyN0MyLjU3MjkzIDEwLjQ2NzIgMi40NTUzNSAxMC45MjExIDIuMzAyMjMgMTEuMzIzQzIuNzY3MDcgMTEuMTA3IDMuMTUyNjIgMTAuODY2NCAzLjM3OTU3IDEwLjcwMjNWMTAuNjk5NlpNMC41Nzk1NzEgMTEuODA5OEMwLjYyODc4OSAxMS43MzU5IDAuNjc1Mjc0IDExLjY2MjEgMC43MTkwMjQgMTEuNTg4M0MwLjk5MjQ2MSAxMS4xMzQ0IDEuMjUyMjMgMTAuNTM4MyAxLjMwNDE4IDkuODY4MzZDMC40ODM4NjggOC45MzU5NCAtMC4wMDAxMTY4NTMgNy43OTU3IC0wLjAwMDExNjg1MyA2LjU2MjVDLTAuMDAwMTE2ODUzIDMuNDIwNyAzLjEzMzQ4IDAuODc1IDYuOTk5ODggMC44NzVDMTAuODY2MyAwLjg3NSAxMy45OTk5IDMuNDIwNyAxMy45OTk5IDYuNTYyNUMxMy45OTk5IDkuNzA0MyAxMC44NjYzIDEyLjI1IDYuOTk5ODggMTIuMjVDNS45ODU0MyAxMi4yNSA1LjAyMjkzIDEyLjA3NSA0LjE1MzQgMTEuNzYwNUMzLjgyODAxIDExLjk5ODQgMy4yOTc1NCAxMi4zMjM4IDIuNjY4NjMgMTIuNTk3M0MyLjI1NTc0IDEyLjc3NzcgMS43ODU0MyAxMi45NDE4IDEuMjk4NzEgMTMuMDM3NUMxLjI3Njg0IDEzLjA0MyAxLjI1NDk2IDEzLjA0NTcgMS4yMzMwOSAxMy4wNTEyQzEuMTEyNzcgMTMuMDczIDAuOTk1MTk2IDEzLjA5MjIgMC44NzIxNDkgMTMuMTAzMUMwLjg2NjY4IDEzLjEwMzEgMC44NTg0NzcgMTMuMTA1OSAwLjg1MzAwOCAxMy4xMDU5QzAuNzEzNTU1IDEzLjExOTUgMC41NzQxMDIgMTMuMTI3NyAwLjQzNDY0OSAxMy4xMjc3QzAuMjU2OTE0IDEzLjEyNzcgMC4wOTgzMjA2IDEzLjAyMTEgMC4wMjk5NjEzIDEyLjg1N0MtMC4wMzgzOTgxIDEyLjY5MyAtMC4wMDAxMTY4NTkgMTIuNTA3IDAuMTIyOTMgMTIuMzgxMkMwLjIzNTAzOSAxMi4yNjY0IDAuMzM2MjExIDEyLjE0MzQgMC40MzE5MTQgMTIuMDEyMUMwLjQ3ODM5OSAxMS45NDkyIDAuNTIyMTQ5IDExLjg4NjMgMC41NjMxNjQgMTEuODIzNEwwLjU3MTM2OCAxMS44MDk4SDAuNTc5NTcxWiIgZmlsbD0iIzg4ODg4OCIvPiA8L2c+IDxkZWZzPiA8Y2xpcFBhdGggaWQ9ImNsaXAwXzIzNjFfMjU3OCI+IDxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0id2hpdGUiLz4gPC9jbGlwUGF0aD4gPC9kZWZzPiA8L3N2Zz4=) no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.p-read_article_history__buttons {
  margin-top: 0;
}
.p-read_article_history__button, .p-read_article_history__button--back {
  width: 100%;
  padding: 15px 0 13px 0;
  margin-top: 16px;
  background: none;
  border: none;
  border-radius: 8px;
  box-shadow: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.33;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.p-read_article_history__button::before, .p-read_article_history__button--back::before {
  content: "";
  display: block;
  pointer-events: none;
}
.p-read_article_history__button--back {
  border: 1px solid #888;
  color: #333;
}
.p-read_article_history__button--back::before {
  width: 10px;
  height: 10px;
  margin: auto;
  border-top: 2px solid #888;
  border-left: 2px solid #888;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  transform: rotate(-45deg);
}

.p-series {
  padding-top: 13px;
}
@media only screen and (max-width: 390px) {
  .p-series {
    padding-top: 0;
  }
}

.p-p_list {
  padding-top: 13px;
}
@media only screen and (max-width: 390px) {
  .p-p_list {
    padding-top: 0;
  }
}
.p-p_list__nopage {
  padding-top: 16px;
  margin: -1px 0 0 0 !important;
  border-top: 1px solid #fff;
  color: #333;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  text-align: left;
  position: relative;
  z-index: 2;
}
.p-p_list__buttons {
  padding-top: 25px;
}
.p-p_list__buttons a {
  margin-top: 15px;
}