@charset "UTF-8";
/**
*
* 記事ページ
*
* 注意
* メインカラム、左ナビ、右ナビの順番はorderで変更
**/
/**
* .column_left_wrap
* /info/ページ 左ナビ
**/
.column_left_wrap {
  width: 220px;
  order: 0;
}
@media (max-width: 959px) {
  .column_left_wrap {
    width: 320px;
    order: 0;
  }
  .column_left_wrap.tab {
    margin-bottom: 1rem;
    order: 0
  }
}
@media (max-width: 767px) {
  /* .column_left_wrap {
    width: 100%;
    order: 5;
  } */
}
/**
* .column_right_wrap
* /info/ページ 右ナビ
**/
.column_right_wrap {
  width: 220px;
  order: 5;
}
@media (max-width: 959px) {
  .column_right_wrap {
    width: 320px;
    order: 5;
  }
}
@media (max-width: 767px) {
  /* .column_right_wrap {
    width: 100%;
    order: 3;
  } */
}
.column_right_wrap > a > img {
  margin: 0 0 16px;
}
/**
* .column_right_wrap_sub
* /info/ページ 右ナビサブ
**/
.column_right_wrap_sub > a > img {
  margin: 0 0 16px;
}
@media (max-width: 767px) {
  .column_right_wrap_sub {
    width: 100%;
    display: block;
    margin: 0 0 16px;
  }
}
/**
* .column_center_wrap
* /info/ページ メインカラム
**/
#main.column_article_wrap {
  width: calc(100% - 240px);
}
#main.column_center_wrap, .column_center_wrap {
  width: calc(100% - 480px);
  order: 2;
  overflow: visible;
}
@media (max-width: 959px) {
  #main.column_center_wrap, .column_center_wrap, #main.column_article_wrap {
    width: 100%;
    order: 0;
  }
  .column_right_wrap {
    width: 100%;
    order: 3;
  }
  .column_left_wrap {
    width: 100%;
    order: 5;
    margin-top: 1rem;
  }
  .similar_column > div {
    width: 100%;
  }
}
@media (max-width: 959px) {
  #main.column_center_wrap, .column_center_wrap, #main.column_article_wrap {
    order: 1;
  }
}
@media (max-width: 767px) {
  #main.column_center_wrap, .column_center_wrap, #main.column_article_wrap {
    padding: 0;
  }
  /* #main.column_center_wrap,
  .column_center_wrap {
    width: 100%;
    order: 0;
  } */
}
/**
 * .column_center_head
 * /info/ページ メインカラム タイトル
**/
.column_center_head {
  padding-bottom: 1.5rem;
}
.column_article_wrap .column_center_head {
  border-bottom: 2px solid #efeae0;
  padding-bottom: 1.8rem;
}
@media (max-width: 767px) {
  .column_center_head {
    padding-bottom: 1rem;
  }
}
.column_center_head .title02 {
  font-size: 2.4rem;
  font-weight: 700;
  font-feature-settings: 'palt';
  line-height: 1.4;
}
.column_center_head .title02 img {
  width: 22px;
  height: 22px;
  margin-left: 3px;
  position: relative;
  top: -4px;
}
@media (max-width: 767px) {
  .column_center_head .title02 {
    font-size: 2rem;
    margin: 0;
  }
  .column_center_head .title02::before {
    width: 1em;
    height: 0.1666em;
    margin-left: -12px;
    margin-right: 0.5em;
  }
}
.column_article_wrap .title03 {
  color: #a09a93;
  font-size: 1.8rem;
  font-weight: 700;
}
.column_article_wrap .title03 span {
  color: var(--sub_c);
}
@media (max-width: 767px) {
  .column_article_wrap .title03 {
    font-size: 1.8rem;
    text-align: center;
    margin: 8px 0 12px;
  }
}
.as-title {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  border-bottom: 6px dotted var(--sub_c);
  font-size: 2.4rem;
  font-weight: bold;
  font-family: inherit;
  margin: 4rem 0 2rem;
  padding-bottom: 1rem;
}
/* NOTE: 2025.06.12 style.blog.cssより移動しました */
.as-title.title--h1, .as-title.title--h2, .as-title.title--h3, .as-title.title--h4, .as-title.title--h5, .as-title.title--h6 {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.as-title.title--h1 {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 6px dotted var(--sub_c);
  font-size: 2.4rem;
  font-weight: bold;
  font-family: inherit;
}
@media (max-width: 767px) {
  .as-title.title--h1 {
    font-size: 2rem;
  }
}
.as-title.title--h2 {
  margin-top: 6rem;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 6px dotted var(--sub_c);
  font-size: 2.4rem;
  font-weight: bold;
  font-family: inherit;
}
@media (max-width: 767px) {
  .as-title.title--h2 {
    font-size: 2rem;
  }
}
.as-title.title--h3 {
  margin-top: 6rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--sub_c);
  font-size: 2.2rem;
  font-weight: bold;
  font-family: inherit;
}
@media (max-width: 767px) {
  .as-title.title--h3 {
    margin-top: 3rem
  }
  .image--left .as-title.title--h3 {
    margin-top: 0
  }
}
.as-title.title--h4 {
  margin-top: 6rem;
  font-size: 2.2rem;
  font-weight: bold;
  font-family: inherit;
}
@media (max-width: 767px) {
  .as-title.title--h4 {}
}
.as-title.title--h5 {
  margin-top: 6rem;
  font-size: 2.2rem;
  font-weight: bold;
  font-family: inherit;
}
@media (max-width: 767px) {
  .as-title.title--h5 {}
}
.as-title.title--h6 {
  margin-top: 6rem;
  font-size: 1.25em;
  font-weight: bold;
  font-family: inherit;
  line-height: inherit;
}
@media (max-width: 767px) {
  .as-title.title--h6 {}
}
@media (min-width: 768px) {
  * + .as-title.title--h1, * + .as-title.title--h2, * + .as-title.title--h3, * + .as-title.title--h4, * + .as-title.title--h5, * + .as-title.title--h6 {
    margin-top: 6rem !important;
  }
  .as-title.title--h1 + *, .as-title.title--h2 + *, .as-title.title--h3 + *, .as-title.title--h4 + *, .as-title.title--h5 + *, .as-title.title--h6 + * {
    margin-top: 3rem !important;
  }
}
@media (max-width: 767px) {
  * + .as-title.title--h1, * + .as-title.title--h2, * + .as-title.title--h3, * + .as-title.title--h4, * + .as-title.title--h5, .as-title.title--h6 {
    margin-top: 24px !important;
  }
  .as-title.title--h1 + *, .as-title.title--h2 + *, .as-title.title--h3 + *, .as-title.title--h4 + *, .as-title.title--h5 + *, .as-title.title--h6 + * {
    margin-top: 24px !important;
  }
}
@media (max-width: 767px) {
  .as-title {
    font-size: 2rem;
    margin: 4rem 0 2rem;
  }
}
.table_column {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: inherit;
  margin: 16px auto 0;
  border-collapse: collapse;
  background-color: #f5f5f5;
}
.table_column > tbody > tr > th, .table_column > tbody > tr > td {
  border: 1px solid #e1e1e1;
  vertical-align: middle;
  padding: 16px;
}
.table_column > tbody > tr > th {
  width: 20%;
  min-width: 100px;
  text-align: left;
}
@media (max-width: 767px) {
  .table_column > tbody > tr > th {
    width: 8em;
  }
}
/**
 *
 * メディア
 * NOTE: style.blog.cssより移植
 *
**/
.as-video {}
.as-video.video--center {
  display: flex;
  justify-content: center;
}
* + .as-video {
  margin-top: 48px;
}
.as-video > video {
  max-width: 600px;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
.as-video > iframe {
  max-width: 600px;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}
.as-video.video--full-width > video {
  max-width: none;
}
.as-video.video--full-width > iframe {
  max-width: none;
}
/**
 * .column_sns_wrap
 * /info/ページ SNSボタンを配置する際に使用
**/
.column_sns_wrap {
  display: none;
  width: 144px;
}
@media (max-width: 767px) {
  .column_sns_wrap {
    display: none;
  }
}

/**
 * .column_list_wrap
 * /info/ページ 記事一覧
**/
.column_list_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #fff;
  padding: 16px;
  margin: 0 0 16px;
}
*+.column_list_wrap {
  margin-top: 16px;
}
.column_wrap {
  display: block;
  border-bottom: 1px solid #efeae0;
  width: 100%;
  margin: 0 0 16px;
  padding: 0 0 16px;
  position: relative;
}
.column_wrap:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
.column_wrap > div {
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  align-items: flex-start;
}
.column_wrap .column_img {
  width: 120px;
  position: relative;
}
.column_wrap .column_img img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
  aspect-ratio: 3 / 2;
}
.column_wrap .column_text {
  width: calc(100% - 135px);
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .column_wrap .column_img {
    width: 78px;
  }
  .column_wrap .column_img img {
    height: 52px;
  }
  .column_wrap .column_text {
    width: calc(100% - 88px);
  }
}
.column_wrap .column_text .column_title {
  font-size: 1.4rem;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 24px;
  width: 100%;
  order: 2;
}
.column_wrap .column_text .column_title img {
  width: 18px;
  height: 18px;
  margin-left: 3px;
  position: relative;
  top: -4px;
}
.column_wrap .column_text .column_category {
  display: block;
  color: #a09a93;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.2ex;
  width: 100%;
  margin: 8px 0 0;
  order: 10;
}
.column_wrap .column_text .column_date {
  display: block;
  color: #a09a93;
  font-size: 10px;
  font-weight: bold;
  font-family: Arial, Helvetica, "sans-serif";
  line-height: 1;
  letter-spacing: 0.2ex;
  width: 100%;
  margin: 0 0 4px;
  order: 1;
}
.column_wrap .column_text .column_main {
  color: rgba(0, 0, 0, 0.56);
  font-size: 1.2rem;
  font-feature-settings: "palt";
  order: 5;
}
.column_wrap .column_text .column_main br {
  display: none;
}
@media (max-width: 767px) {
  .column_wrap .column_text .column_main {
    display: none;
  }
}
/**
 * .column_side_wrap
 * /info/ページ サイド共通パーツ
**/
.column_side_wrap {
  margin-bottom: 1.5rem;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #d2d0cd
}
.column_side_title {
  border-radius: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: var(--main_c);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.02ex;
  text-align: center;
  padding: 14px 8px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.column_side_title span.icon-crown {
  width: 20px;
  height: 20px;
  margin-left: -10px;
  background: center center / 20px url(/common/images/icon-crown.png) no-repeat;
  display: inline-block;
}
@media (max-width: 767px) {
  .column_side_wrap {
    margin-top: 2rem;
  }
  .column_side_title {
    font-size: 1.4rem;
    line-height: 16px;
  }
}
/**
 * .ranking_parts
 * /info/ページ ランキングのラッパー
**/
.ranking_parts {
  counter-reset: ranking-number;
}
/**
* .ranking_column
* /info/ページ ランキング
*
* 注意
* 動的出力のためテンプレートに存在しない
**/
.ranking_column {
  padding: 1.2rem .8rem 1.2rem 1rem;
  border-bottom: 1px dashed #d2d0cd;
  display: flex;
  justify-content: space-between;
}
.ranking_column:last-child {
  border-bottom: none
}
.ranking_column_img {
  width: 48px;
  position: relative
}
.ranking_column_img > img {
  width: 48px;
  height: auto;
  border-radius: 4px;
  object-fit: cover;
  position: relative;
  z-index: 1;
  aspect-ratio: 3 / 2;
}
.ranking_column_img > img + img {
  display: none;
}
/* ランキングフラッグ（デフォルト不使用） */
/* ランクアイコン */
.ranking_column_img::before {
  width: 20px;
  height: 20px;
  background: #efeae0;
  border-radius: 50%;
  color: #a09a93;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: -7px;
  left: -5px;
  counter-increment: ranking-number;
  content: counter(ranking-number);
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  z-index: 2;
}
/* ランク1 */
.ranking_column:nth-child(1) .ranking_column_img::before {
  background: linear-gradient(to bottom right, #c1a814 0%, #a0870a 100%);
  color: #fff;
}
/* ランク2 */
.ranking_column:nth-child(2) .ranking_column_img::before {
  background: linear-gradient(to bottom right, #adaca6 0%, #8e8c80 100%);
  color: #fff;
}
/* ランク3 */
.ranking_column:nth-child(3) .ranking_column_img::before {
  background: linear-gradient(to bottom right, #aa771d 0%, #8c5e14 100%);
  color: #fff;
}
.ranking_column_TITLE {
  width: calc(100% - 60px);
}
.ranking_column_TITLE > img {
  display: none;
}
/* ランキングフラッグ（デフォルト不使用） */
.ranking_column_TITLE > p {
  font-size: 1.2rem;
  font-weight: 500;
  font-feature-settings: "palt";
}
.ranking_column_TITLE > p + p {
  font-size: 1rem;
}
/* バナー */
.column_side_banner {
  text-align: center;
}
* + .column_side_banner {
  margin-top: 1.5rem;
}
.column_side_banner a {
  display: block;
}
.column_side_banner * + a {
  margin-top: 1.5rem;
}
.column_side_banner img {
  max-width: none;
  width: 100%;
  height: auto;
}
@media (max-width: 1200px) {
  .column_side_banner {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .column_side_banner a {
    width: calc(50% - (20px / 2));
    margin: 0;
  }
}
@media (max-width: 767px) {
  .column_side_banner a {
    width: 100%;
  }
}
/* カテゴリ */
.category_parts {
  padding: 0;
  font-feature-settings: "palt";
}
.category_parts > li {
  padding: 0;
  margin: 0;
}
.category_parts > li + li {
  border-top: 1px dashed #d2d0cd
}
.category_parts > li > a {
  display: block;
  font-size: 1.3rem;
}
.category_parts > li a > span {
  padding: .6rem 1rem .6rem 2.2rem;
  display: block;
}
.category_parts li span:first-child {
  display: none
}
.category_parts > li a > span:only-child {
  padding: .8rem 2rem;
  font-size: 1.5rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  position: relative
}
.category_parts > li a > span:only-child::before {
  content: '';
  display: block;
  width: 15px;
  border-top: 1px solid var(--main_c);
  margin: 0 auto;
  top: 50%;
  position: absolute;
  left: 0;
}
.category_parts > li a > * + span {}
@media (max-width: 767px) {
  .category_parts > li > a {}
  .category_parts > li a > span {}
  .category_parts > li a > span:first-child {}
  .category_parts > li a > * + span {}
  .category_parts > li a > span:only-child {}
}
/**
 * .column_detail_wrap
 * /info/[ID]/ページ 詳細ページ 共通ラッパー
**/
.column_detail_wrap {
  border-radius: 10px;
  background-color: #fff;
  padding: 4rem 6rem;
  overflow: hidden;
  position: relative;
}
.column_article_wrap .column_detail_wrap:nth-child(n+2) {
  margin-top: 2rem
}
@media (max-width: 767px) {
  .column_detail_wrap {
    padding: 1.5rem;
    border-radius: 8px;
  }
}
/**
 * .column_detail_head
 * /info/[ID]/ページ 詳細ページ記事メイン画像、日付など
**/
.column_detail_head {
  font-size: 1.4rem;
  margin-bottom: 4rem;
  position: relative
}
.column_detail_head_cts {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin-top: 2rem;
}
.column_detail_head_cts.like {
  padding-right: 55px;
}
.column_detail_head time {
  font-weight: 700;
  display: inline-block;
}
.column_detail_head .cate {
  margin-left: 1rem;
  color: #a09a93;
  display: inline-block;
}
.cate_list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  margin: 4px 0 0 -4px;
  gap: 4px;
}
.column_detail_head .cate_button {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  border-radius: 3em;
  background: var(--main_c);
  color: #fff;
  height: 26px;
  margin: 6px 3px 0;
  padding: 0 12px;
}
.column_detail_head .cate_list .cate_button {
  display: flex;
  margin: 0;
}
/* NOTE: ↓ php側のhtmlの記述が間違っている状態なので、以下のセレクタに .column_detail_head_ctsの記載が必要です。 */
.column_detail_head_cts time {
  flex: initial;
  width: 6em;
  margin: 0;
}
.column_detail_head_cts time + time {
  width: 4em;
}
.column_detail_head_cts .cate {
  flex: auto;
  width: calc(100% - 6em - 4em);
  margin: 0;
}
.column_detail_head_cts .cate_list {
  flex: initial;
}
.column_detail_head_cts .cate_list + .cate_list {
  margin-left: 4px;
}
/* NOTE: ↑ php側のhtmlの記述が間違っている状態なので、上記のセレクタに .column_detail_head_ctsの記載が必要です。 */
.column_detail_head .like_box {
  position: absolute;
  right: 0;
  top: 50px;
}
.column_detail_head > figure {
  width: 100%;
  position: relative;
  z-index: 1;
}
.column_detail_head > * + figure {
  margin-top: 30px;
  text-align: center;
}
.column_detail_head > figure > img {
  margin: 1rem auto 2rem;
  display: block;
}
.figure_img {
  margin: 2rem auto 1rem;
  text-align: center;
}
.figure_img > img {
  margin: 2rem auto;
  display: block;
}
@media (max-width: 767px) {
  .column_detail_head {
    font-size: 1.2rem;
    margin-bottom: 1.5rem
  }
  .column_detail_head_cts {
    margin-top: 1rem;
  }
  .column_detail_head_cts.like {
    padding-right: 45px
  }
  .column_detail_head > * + figure {
    margin-top: 1rem;
  }
  .column_detail_head .like_box {
    top: 40px;
  }
}
/**
* .column_detail_head
* /info/[ID]/ページ 詳細ページ 記事本文
*
* 注意
* 動的出力のHTMLにより編集できないためセレクタの階層構造の厳密な違いに注意
* 本文テキストは基本的にpタグなどに内包されない状態なので隣接セレクタ等がうまく動作しない
* よってmarginなどは、隣接（自身の次要素）のmargin-topではなく、自身にmargin-topを記述する
**/
.column_detail_cts {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.1ex;
  overflow: hidden
}
@media (max-width: 767px) {
  .column_detail_cts {
    font-size: 13px;
    line-height: 28px;
  }
}
.column_detail_cts p {
  font-size: inherit;
  margin: 16px 0;
}
.column_detail_cts p:empty {
  min-height: 1em;
}
.column_detail_cts img {
  margin: 2rem 0;
}
.column_detail_cts i {
  font-style: italic;
}
.column_detail_cts s {
  text-decoration: line-through;
}
.column_detail_cts u {
  text-decoration: underline;
}
.column_detail_cts a {
  color: var(--sub_c);
  text-decoration: underline;
}
.column_detail_cts > hr {
  border-top: 1px solid;
  border-right: none;
  border-bottom: none;
  border-left: none;
  color: #e1e1e1;
  margin: 32px 0;
}
.column_detail_cts table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: inherit;
  margin: 16px auto 0;
}
.column_detail_cts table tr > th, .column_detail_cts table tr > td {
  border: 1px solid #e1e1e1;
  vertical-align: middle;
  padding: 16px;
}
.column_detail_cts table tr > th {
  background-color: #f6f4f3;
  vertical-align: middle;
  text-align: left;
}
.column_detail_cts table tr > td {
  vertical-align: middle;
}
@media (max-width: 767px) {
  .column_detail_cts table {
    font-size: 11px;
    font-feature-settings: "palt";
    line-height: 20px;
  }
  .column_detail_cts table tr > th, .column_detail_cts table tr > td {
    padding: 12px;
  }
}
.column_detail_cts ul {
  margin: 16px 0 16px;
}
.column_detail_cts ul > li {
  font-size: inherit;
  line-height: 1.5;
  position: relative;
  padding: 0 0 0 1.5em;
}
.column_detail_cts ul > li::before {
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: var(--main_c);
  position: absolute;
  left: 0;
  top: 0.75em;
  z-index: 1;
  transform: translate(0, -50%) scale(0.5);
}
.column_detail_cts ul > li + li {
  margin-top: 8px;
}
/* 特殊な構造の部分 */
.column_detail_cts .image {
  margin: 16px 0;
}
.column_detail_cts .image > img {
  max-width: none;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .column_detail_cts .image {
    margin: 16px -16px;
  }
}
.column_detail_cts > div > h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.8;
  margin: 0 0 8px;
}
.column_detail_cts > div > p {
  font-size: 1.4rem;
  line-height: 1.8;
}
/************目次************/
.mokuji__wrap {
  margin-bottom: 6rem;
  display: flex;
  justify-content: space-between;
}
.mokuji__ttl {
  width: 50px;
  padding: 15px 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: #f6f4f3;
  color: var(--sub_c);
  font-weight: 700;
  text-align: center;
}
@media (max-width: 767px) {
  .mokuji__ttl {
    width: 30px;
  }
  .mokuji__ttl span br {
    display: none
  }
}
.mokuji__list {
  width: calc(100% - 70px);
  font-weight: 500;
  counter-reset: listnum;
  list-style: none;
}
@media (max-width: 767px) {
  .mokuji__list {
    width: calc(100% - 40px);
  }
}
.mokuji__item a {
  width: 100%;
  padding: 0.6rem 4.5rem 0.6rem 2rem;
  transition: all .2s linear;
  border-bottom: 1px solid #efeae0;
  color: unset;
  font-size: 1.4rem;
  text-decoration: unset;
  display: block;
  position: relative;
}
@media (max-width: 767px) {
  .mokuji__item a {
    font-size: 1.2rem;
  }
}
.mokuji__item:first-child a {
  border-top: 1px solid #efeae0;
}
.mokuji__item a:hover {
  color: var(--sub_c);
  opacity: 1
}
.mokuji__item > a::before {
  margin-left: -20px;
  margin-right: 1rem;
  font-size: 1.6rem;
  color: var(--sub_c);
  counter-increment: listnum;
  content: counter(listnum);
}
.mokuji__item a::after {
  width: 10px;
  height: 14px;
  content: '';
  background-image: url(/common/images/icon-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px;
}
/************お気に入りボタン（画像上）************/
.like_box {
  position: relative;
}
.column_detail_btn_like, .column_detail_btn_unlike {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 5;
}
.movie_desc .column_detail_btn_like,
.movie_desc .column_detail_btn_unlike {
  position: absolute;
  inset: auto 5px auto auto;
  z-index: 5;
}
.column_detail_btn_like a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background: var(--main_c);
  cursor: pointer;
}
.column_detail_btn_unlike a {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  background: #808080;
  cursor: pointer;
}
.column_detail_btn_unlike a:hover {
  background: var(--main_c);
  border: none;
  opacity: 1
}
.column_detail_btn_like a::before, .column_detail_btn_unlike a::before {
  content: "\f141";
  color: #fff;
  font-family: "Ionicons";
  font-size: 2.6rem;
}
@media (max-width: 767px) {
  .column_detail_btn_like, .column_detail_btn_unlike {
    right: 0;
  }
  .column_detail_btn_like a, .column_detail_btn_unlike a {
    width: 40px;
    height: 40px;
  }
  .column_detail_btn_like a::before, .column_detail_btn_unlike a::before {
    font-size: 1.8rem;
  }
}
/************関連リンク************/
.relative-link {
  display: flex;
  flex-wrap: wrap;
  gap: 2ex;
}
.relative-link a {
  display: block;
  color: var(--text_link_c);
  text-decoration: underline;
  width: 100%;
}
/************リンクコピー************/
.text-link {
  margin-top: 4rem;
  position: relative
}
.text-link__ttl {
  margin-bottom: .5rem;
  background: #fff;
  color: var(--main_c);
  font-weight: 500;
  position: absolute;
  top: -13px;
  left: 18px;
  z-index: 1;
}
.copy-link {
  position: relative;
  padding: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  display: flex;
}
.copy-link input {
  padding: 10px;
  color: var(--sub_c);
  border: none;
  outline: none;
  width: 100%;
}
.copy-link button {
  padding: 10px 15px;
  background: var(--main_c);
  font-size: 18px;
  color: #fff;
  outline: none;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.copy-link button:active {
  background: var(--sub_c);
}
.copy-link button::before {
  content: "Copied!";
  position: absolute;
  top: -50px;
  right: -5px;
  background: var(--main_c);
  border-radius: 20px;
  padding: 9px 10px;
  font-size: 14px;
  display: none;
}
.copy-link button::after {
  content: "";
  position: absolute;
  top: -16px;
  right: 25px;
  width: 10px;
  height: 10px;
  background: var(--main_c);
  transform: rotate(45deg);
  display: none;
}
.copy-link.active button::after, .copy-link.active button::before {
  display: block;
}
/************記事下固定（SNSボタン）************/
@media (min-width: 768px) {
  .social-btn-area {
    margin-top: 2rem;
    padding: 2rem 4rem;
    background: #f6f4f3;
  }
}
.sns-btn {
  display: flex;
  gap: 10px
}
.sns-btn li {
  width: 25%;
}
.sns-btn li a {
  width: 100%;
  height: 50px;
  font-weight: 700;
  background: #fff;
  border-radius: 6px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.sns-btn li a::before {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 2.4rem;
  font-weight: 100;
}
@media (max-width: 767px) {
  .social-btn-area {
    margin-top: 2rem;
    font-size: 1rem;
  }
  .sns-btn {
    gap: 4px
  }
  .sns-btn li a {
    height: 40px;
    gap: 2px;
  }
  .sns-btn li a::before {
    font-size: 1.6rem
  }
}
a.sns-btn__tw {
  border: 1px solid #55acee;
  color: #55acee;
  border: 1px solid #515151;
  color: #515151;
}
a.sns-btn__fb {
  border: 1px solid #3b5998;
  color: #3b5998
}
a.sns-btn__line {
  border: 1px solid #6cc755;
  color: #6cc755
}
a.sns-btn__pocket {
  border: 1px solid #ee4056;
  color: #ee4056
}
a.sns-btn__tw::before {
  content: "\e61b";
}
a.sns-btn__fb::before {
  content: "\f09a";
}
a.sns-btn__line::before {
  content: "\f3c0";
}
a.sns-btn__pocket::before {
  content: "\f265";
}
.sns-btn li a:hover {
  opacity: 1
}
a.sns-btn__tw:hover {
  background-color: #55acee;
  color: #fff;
  background-color: #515151;
  color: #fff;
}
a.sns-btn__fb:hover {
  background-color: #3b5998;
  color: #fff;
}
a.sns-btn__line:hover {
  background-color: #6cc755;
  color: #fff;
}
a.sns-btn__pocket:hover {
  background-color: #ee4056;
  color: #fff;
}
/************記事下固定（会社概要・ボタン・ダウンロード）************/
.column_detail_bottom {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid #efeae0
}
.column_detail_bottom__ttl {
  margin-bottom: 1.5rem;
  font-size: 2.2rem;
  text-align: center;
}
/************会社概要************/
.column_detail_bottom-company {}
.column_detail_bottom-company__btn {
  margin: 1.5rem 0;
  text-align: center
}
.column_detail_bottom-company__btn a {
  width: 100%;
  max-width: 380px;
  height: 50px;
  margin: 0 auto;
  background: #fff;
  border: 2px solid var(--main_c);
  border-radius: 8px;
  color: var(--main_c);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}
.column_detail_bottom-company__btn a::before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: center center / 20px url(/common/images/icon-company.png) no-repeat;
  display: inline-block;
}
/************プレスリリース************/
.column_detail_bottom-press {
  margin-top: 6rem;
  text-align: center
}
.column_detail_bottom-press__download {}
.column_detail_bottom-press__download a {
  color: var(--sub_c);
  font-weight: 500;
  text-decoration: underline
}
.column_detail_bottom-press__download a::before {
  content: "";
  width: 13px;
  height: 13px;
  margin-right: 5px;
  background: center center / 13px url(/common/images/icon-download.png) no-repeat;
  display: inline-block;
}
.column_detail_bottom-catalog__list {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.column_detail_bottom-catalog__item {
  width: calc(25% - 15px);
}
.column_detail_bottom-catalog__item a {
  display: block;
}
@media (max-width: 767px) {
  .column_detail_bottom-catalog__list {
    gap: 20px 20px;
  }
  .column_detail_bottom-catalog__item {
    width: 100%;
    margin: 1rem 0;
  }
  .column_detail_bottom-press {
    margin-top: 0
  }
}
.column_detail_bottom-catalog__item img {
  width: 100%;
}
.column_detail_bottom-catalog__desc {
  margin-top: 1rem;
}
.column_detail_bottom-catalog__ttl {
  margin-top: 5px;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--font_c);
  line-height: 1.35;
}
/************お問い合わせ************/
.column_detail_bottom-contact {
  margin-top: 6rem;
  padding: 4rem;
  background: #f6f4f3;
  text-align: center
}
.column_detail_bottom-contact__ttl {
  font-size: 1.8rem;
  font-weight: 700;
}
.column_detail_bottom-contact__txt {
  margin-top: 1rem;
  padding-bottom: .5rem;
  border-bottom: 1px dashed var(--sub_c);
  font-weight: 500;
  display: inline-block;
}
.column_detail_bottom-contact__btn {
  margin-top: 1.5rem;
  text-align: center;
}
.column_detail_bottom-contact__btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 2px solid var(--main_c);
  background: #fff;
  color: var(--main_c);
  font-weight: 500;
  font-feature-settings: 'palt';
  line-height: 1.1;
  width: 100%;
  max-width: 380px;
  min-height: 3.333em;
  margin: 0 auto;
  padding: 0.5em 1em;
  transition: ease .2s;
}
.column_detail_bottom-contact__btn a:hover {
  background: var(--main_c);
  color: #fff;
  opacity: 1
}
.column_detail_bottom-contact__btn .subc {
  border: 2px solid var(--sub_c);
  color: var(--sub_c);
}
.column_detail_bottom-contact__btn .subc:hover {
  background: var(--sub_c);
}
@media (max-width: 767px) {
  .column_detail_bottom-contact {
    margin-top: 2rem
  }
}
/**
* .similar_column
* /info/[ID]/ページ 詳細ページ 関連記事
**/
.similar_column {
  width: 100%;
  border-top: 1px solid #efeae0;
  margin-top: 1.5rem;
  padding-top: 16px;
  display: block;
}
.similar_column > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* 画像 */
.similar_column_img {
  width: 100px;
  height: auto;
  position: relative;
}
.similar_column_img img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
  aspect-ratio: 3 / 2;
}
/* テキスト */
.similar_column_img + * {
  width: calc(100% - 120px);
}
.similar_column_img ~ .similar_column_detail {
  display: none
}
.similar_column_img + * > p, .similar_column_title > p {
  color: inherit;
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 23px;
}
.similar_column_img + * > p:first-of-type + p, .similar_column_title > p:first-of-type + p {
  color: rgba(0, 0, 0, 0.56);
  font-size: 10px;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 2.2rem;
  margin-top: 2px;
}
.similar_column_title p:last-child {
  display: none;
}
.similar_column_detail p {
  font-size: 7.5px;
  display: none;
}
@media (max-width: 767px) {
  /* 画像 */
  .similar_column_img {
    width: 25%;
    transform: translate(0, 6.66%);
  }
  /* テキスト */
  .similar_column_img + *, .similar_column_img ~ .similar_column_detail {
    width: calc(75% - 16px);
  }
}
.column_base_wrap {
  width: 90vw;
  margin: 0 auto;
}
/**
* .sozai
* /info/[ID]/ページ 詳細ページ 素材一覧ページ
**/
.sozai__nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border: solid 1px #efeae0;
  padding: 8px;
}
* + .sozai__nav {
  margin-top: 1em;
}
.sozai__nav > li {}
.sozai__nav > li + li {
  border-top: solid 1px #f6f4f3;
}
.column_detail_cts .sozai__nav > li::before {
  transform: translate(0, -16.66%) scale(0.5);
}
.sozai__nav a {
  display: block;
  font-weight: 700;
  line-height: 1;
  width: fit-content;
  padding: 8px;
}
.sozai__data {
  border-collapse: collapse;
  background-color: #fff;
  width: 100%;
  table-layout: fixed;
}
* + .sozai__data {
  margin-top: 1em;
}
.column_detail_cts .sozai__data th, .column_detail_cts .sozai__data td, .sozai__data th, .sozai__data td {
  border: 1px solid #bfbfbf;
  background: transparent;
  font-size: 13px;
  font-weight: 400;
  font-feature-settings: 'palt';
  text-align: center;
  padding: 0 1em;
  vertical-align: middle;
}
.column_detail_cts .sozai__data th, .sozai__data th {
  background: #f2f2f2;
}
.column_detail_cts .sozai__name, .sozai__name {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}
* + .sozai__name {
  margin-top: 1em;
}
.sozai__data + .sozai__name {
  margin-top: 2em;
}
.sozai__text {
  font-size: 14px;
  font-weight: inherit;
}
* + .sozai__text {}
.sozai__name + .sozai__text {
  margin-top: 0;
}
.count_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.count_txt {
  color: #000;
  text-align: left;
  font-size: 1.2rem;
  letter-spacing: 0;
}
.count_txt > span {
  margin-right: .2em;
  font-size: 1.6rem;
  font-weight: bold;
}
.type_time {
  padding: 0 1em;
  margin-left: 1em;
}
.count_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1rem;
}
.coumn_text .count_txt {
  order: 10;
}
@media screen and (max-width: 1200px) {
  .count_txt {
    display: block !important;
  }
}
.count_new {
  display: block;
  border-radius: 6px 0 0 0;
  border: solid 1px var(--main_c);
  background: var(--main_c);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .count_new {}
}
@media screen and (min-width: 960px) {
  .count_new.disp_new {
    font-size: 24px;
    padding: 8px 16px;
  }
}
@media screen and (max-width: 767px) {
  .count_list {
    display: block
  }
}
.mokuji__para {
  padding-left: 1.5em;
}
/**
 * .lapping-mark
 * /info/[ID]/ページ 詳細ページ 包装に関するマーク一覧ページ
**/
/* lapping-mark common */
.column_detail_wrap:has(.lapping-mark) .column_detail_head {
  margin: 0;
}
.column_detail_wrap:has(.lapping-mark) .column_detail_head figure {
  display: none;
}
.lapping-mark {
  font-size: 14px;
  position: relative;
  z-index: 1;
}
.lapping-mark-inner {}
.lapping-mark p + p, .lapping-mark p + ul, .lapping-mark ul + p, .lapping-mark p + ol, .lapping-mark ol + p, .lapping-mark ul + ul {
  margin-top: 1em;
}
.lapping-mark-txt {
  margin: auto 0;
  max-width: 1064px;
  text-align: left;
}
.lapping-mark-txt p {
  text-align: justify;
}
.lapping-mark-txt p a {
  color: #990000;
}
.lapping-mark-txt p a:visited {
  color: #cc7a7a;
}
.lapping-mark-txt h4 {
  font-size: 1.125em;
  font-weight: bold;
  margin: 1.5em 0 1em;
}
@media screen and (min-width: 768px) {
  .lapping-mark-link:hover, .lapping-mark-txt p a:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width:768px) and (max-width:1280px) {
  .lapping-mark-txt {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .lapping-mark-txt {
    padding: 0;
  }
}
/* lapping-mark page title */
.lapping-mark-page-title {
  margin-bottom: 3.375em;
  position: relative;
  text-align: center;
}
.lapping-mark-page-title span {
  color: #248747;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 2em;
  font-weight: bold;
  line-height: 1;
}
.lapping-mark-page-title span small {
  display: block;
  font-size: .75em;
}
.lapping-mark-page-title::before {
  background-color: #248747;
  border-radius: .1875em;
  bottom: -1em;
  content: "";
  display: inline-block;
  height: .375em;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 4em;
}
@media screen and (min-width: 768px) {
  .lapping-mark-page-title span br {
    display: none;
  }
}
/* lapping-mark heading */
.lapping-mark-page-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 6px dotted var(--sub_c);
  font-size: 1.5em;
  font-weight: bold;
  margin: 2.5em 0 1.5em;
  padding-bottom: .75em;
  position: relative;
}
.lapping-mark-page-heading span {
  font-size: .6667em;
}
/* lapping-mark page style */
.lapping-mark-label__wrap {
  display: flex;
  align-items: flex-start;
}
.lapping-mark-label__pic {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  overflow: hidden;
}
.lapping-mark-label__pic img {
  width: 100%;
  object-fit: contain;
}
.lapping-mark-label__pic img + img {
  margin-left: .25em;
}
.lapping-mark-label__txt dt {
  border-bottom: 1px solid var(--sub_c);
  font-size: 1.8rem;
  font-weight: bold;
  font-family: inherit;
  margin-top: 1.5em;
  margin-bottom: 1rem;
  padding-bottom: .25em;
}
.lapping-mark-label__txt dt span {
  color: inherit;
  font-size: .8333em;
  font-weight: normal;
}
.lapping-mark-label__txt dd {
  margin-top: 1em;
  padding: 0 1em;
}
.lapping-mark-label__txt dd p a {
  display: block;
  width: fit-content;
}
.lapping-mark-label__txt .c-check {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  gap: 1em 3em;
}
.lapping-mark-label__txt .c-check li {
  padding-left: 1.5em;
  position: relative;
}
.lapping-mark-label__txt .c-check li::before {
  content: "\f111";
  display: inline-block;
  background: transparent;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #94989a;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-weight: 400;
  font-family: "Font Awesome 6 Free";
  font-size: 1em;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 33.33%);
}
.lapping-mark-label__txt .c-check li.is-active::before {
  content: "\f058";
  color: #d60000;
  font-weight: 900;
}
.lapping-mark-label__overview dd .c-check {
  letter-spacing: -.4em;
}
.lapping-mark-label__overview dd .c-check li {
  display: inline-block;
  letter-spacing: normal;
  margin: 0;
}
.lapping-mark-label__txt {
  counter-reset: number 0;
}
.lapping-mark-label__detail dt::before {
  align-content: center;
  background-color: var(--main_c);
  border-radius: 50%;
  color: #fff;
  content: counter(number);
  counter-increment: number 1;
  display: inline-flex;
  height: 1.75em;
  justify-content: center;
  margin-right: .5em;
  width: 1.75em;
}
.lapping-mark-label__detail dd h5 {
  font-weight: bold;
}
.lapping-mark-label__detail dd * + h5 {
  margin-top: 1em;
}
.lapping-mark-label__detail dd ol {
  counter-reset: consecutive 0;
}
.lapping-mark-label__detail dd ol > li {
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.lapping-mark-label__detail dd ol > li::before {
  content: counter(consecutive)"）";
  counter-increment: consecutive 1;
}
.lapping-mark-label__detail dd ol li + li {
  margin-top: .25em;
}
.lapping-mark-label__detail dd ol li p, .lapping-mark-label__detail dd li ul li, .lapping-mark-label__detail .c-basis h5 {
  text-indent: 0;
}
.lapping-mark-label__detail .c-basis h4 {
  display: inline;
  margin: 0;
}
.lapping-mark-label__detail .c-basis ol > li {
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.lapping-mark-label__detail .c-basis ol > li + li {
  margin-top: 1em;
}
.lapping-mark-label__detail .c-contact span {
  display: inline-block;
  width: 6em;
}
.lapping-mark-label__detail .c-contact span::after {
  content: "：";
  float: right;
}
@media screen and (min-width: 768px) {
  .lapping-mark-label__wrap {
    justify-content: space-between;
  }
  .lapping-mark-label__pic {
    border-radius: 12px;
    border: 1px solid var(--sub_c);
    background-color: #fff;
    width: 144px;
    aspect-ratio: 1 / 1;
  }
  .lapping-mark-label__wrap .lapping-mark-label__txt {
    flex: 1;
    padding-right: 2em;
  }
}
@media screen and (max-width: 767px) {
  .lapping-mark-label__wrap {
    flex-direction: column-reverse;
  }
  .lapping-mark-label__pic {
    border-radius: 12px;
    border: 1px solid var(--sub_c);
    background-color: #fff;
    width: 160px;
    margin: 0 auto;
    aspect-ratio: auto;
  }
  .lapping-mark-label__pic img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
  }
  .lapping-mark-label__wrap .lapping-mark-label__txt dt span {
    display: block;
    padding-left: 2em;
  }
  .lapping-mark-label__wrap .lapping-mark-label__txt .c-check li {
    display: block;
  }
}
/* table wrapper */
.lapping-mark-table-scroll {
  margin: .25em auto 3em;
}
@media screen and (max-width: 767px) {
  .lapping-mark-table-scroll {
    overflow: auto;
    white-space: nowrap;
    width: 100%;
  }
  .lapping-mark-table-scroll::-webkit-scrollbar {
    height: 5px;
  }
  .lapping-mark-table-scroll::-webkit-scrollbar-track {
    background-color: var(--sub_c);
  }
  .lapping-mark-table-scroll::-webkit-scrollbar-thumb {
    background-color: #999;
  }
}
/* table */
.lapping-mark .lapping-mark-table, .lapping-mark-table {
  border-collapse: collapse;
  border-left: 1px solid var(--sub_c);
  border-spacing: 0;
  border-top: 1px solid var(--sub_c);
  width: 100%;
}
.lapping-mark table tr > th, .lapping-mark table tr > td, .lapping-mark-table th, .lapping-mark-table td {
  border-top: none;
  border-right: 1px solid var(--sub_c);
  border-bottom: 1px solid var(--sub_c);
  border-left: none;
  font-size: .875em;
  text-align: center;
  vertical-align: middle;
}
.lapping-mark table tr > th, .lapping-mark-table th {
  background-color: var(--bg_underlayer_c);
  font-weight: bold;
  padding: .5em 1em;
}
.lapping-mark table tr > td, .lapping-mark-table td {
  height: 3em;
  padding: 0 1em;
}
.lapping-mark-table td i {
  font-style: normal;
  line-height: 1;
  vertical-align: middle;
}
.lapping-mark-table td i::before {
  color: #248747;
  font-size: 1.825em;
  padding: 0 .25em;
}
.lapping-mark-table .lapping-mark-table__cell-head {
  text-align: left;
}
.lapping-mark-table .c-stage {
  width: 12%;
}
.lapping-mark-table .c-stage i {
  display: block;
  font-style: normal;
}
.lapping-mark-table .c-stage span {
  display: block;
  font-feature-settings: 'palt';
}
.lapping-mark-table + p {
  margin-top: 1em;
}
@media screen and (min-width: 768px) {
  .column_detail_cts .lapping-mark-table, .lapping-mark-table {
    table-layout: fixed;
  }
  .lapping-mark-table tr:first-child [rowspan="2"]:first-child {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .column_detail_cts .lapping-mark-table, .lapping-mark-table {
    table-layout: auto;
  }
}
/*会員限定ページ*/
.column_detail_short {
  /*display: -webkit-box;*/
  /*-webkit-box-orient: vertical;*/
  /*-webkit-line-clamp: 3;*/
  position: relative;
  overflow: hidden;
}
.column_detail_short:before {
  content: "";
  position: absolute;
  border-style: none;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100px;
  background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 100px);
}
.column_regist_wrap {
  text-align: center;
  border: solid 1px #dbb402;
  padding: 1.5rem;
  margin: 3rem 0;
  border-radius: 8px;
}
.column_regist_btn {
  padding: .8rem 3rem;
  background-color: var(--main_c);
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  display: inline-block;
  margin: 1rem 0 0;
  font-weight: 700;
}
.column_regist_txt {
  background-color: #fff;
  width: fit-content;
  margin: -2.8rem auto 0;
  padding: 0 1.5rem;
}
.column_regist_txt span {
  color: var(--main_c);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .column_detail_short {}
}