@charset "UTF-8";
/* ==========================================================

title : 刀剣ワールド 東京 共通スタイル
scope : 刀剣ワールド 東京 共通

memo： 

2024/12 WEB2TCI-49106 em指定の文字サイズclass（0.05em刻み）追加
2023/04/17 WEB2TCI-34978_tanaka 記事カテゴリトップページスタイル追加
2023/049/36 WEB2TCI-34302_igarashi デザインパーツにYouTube準備中画像レイアウト追加
2022/04/19 tanaka／名古屋刀剣ワールド（meihaku）をもとに追加

========================================================== */
/* ------------------------------------ */
/* ▼ base.css 上書き */
/* ------------------------------------ */
p, li, dl, table {
  word-break: normal;
}

/* ------------------------------------ */
/* ▼ 親要素への適用で直下の全子要素に上部余白を付与する */
/* ------------------------------------ */
/* PC SP 共通 */
.cmn_mt_lv00_5>* {
  margin-top: .5rem;
}

.cmn_mt_lv01>* {
  margin-top: 1rem;
}

.cmn_mt_lv01_5>* {
  margin-top: 1.5rem;
}

.cmn_mt_lv02>* {
  margin-top: 2rem;
}

.cmn_mt_lv02_5>* {
  margin-top: 2.5rem;
}

.cmn_mt_lv03>* {
  margin-top: 3rem;
}

.cmn_mt_lv03_5>* {
  margin-top: 3.5rem;
}

.cmn_mt_lv04>* {
  margin-top: 4rem;
}

.cmn_mt_lv04_5>* {
  margin-top: 4.5rem;
}

.cmn_mt_lv05>* {
  margin-top: 5rem;
}

.cmn_mt_lv05_5>* {
  margin-top: 5.5rem;
}

.cmn_mt_lv06>* {
  margin-top: 6rem;
}

.cmn_mt_lv06_5>* {
  margin-top: 6.5rem;
}

/* 子要素1つ目にも上部余白を付与したい場合は「.cmn_first_add_mt」を追加付与 */
.cmn_mt_lv00_5:not(.cmn_first_add_mt)>*:first-child,
.cmn_mt_lv01:not(.cmn_first_add_mt)>*:first-child,
.cmn_mt_lv01_5:not(.cmn_first_add_mt)>*:first-child,
.cmn_mt_lv02:not(.cmn_first_add_mt)>*:first-child,
.cmn_mt_lv02_5:not(.cmn_first_add_mt)>*:first-child,
.cmn_mt_lv03:not(.cmn_first_add_mt)>*:first-child,
.cmn_mt_lv03_5:not(.cmn_first_add_mt)>*:first-child,
.cmn_mt_lv04:not(.cmn_first_add_mt)>*:first-child,
.cmn_mt_lv04_5:not(.cmn_first_add_mt)>*:first-child,
.cmn_mt_lv05:not(.cmn_first_add_mt)>*:first-child,
.cmn_mt_lv05_5:not(.cmn_first_add_mt)>*:first-child,
.cmn_mt_lv06:not(.cmn_first_add_mt)>*:first-child,
.cmn_mt_lv06_5:not(.cmn_first_add_mt)>*:first-child {
  margin-top: 0;
}

/* PC Only */
@media (min-width: 768px) {
  .cmn_pc_mt_lv00_5>* {
    margin-top: .5rem;
  }

  .cmn_pc_mt_lv01>* {
    margin-top: 1rem;
  }

  .cmn_pc_mt_lv01_5>* {
    margin-top: 1.5rem;
  }

  .cmn_pc_mt_lv02>* {
    margin-top: 2rem;
  }

  .cmn_pc_mt_lv02_5>* {
    margin-top: 2.5rem;
  }

  .cmn_pc_mt_lv03>* {
    margin-top: 3rem;
  }

  .cmn_pc_mt_lv03_5>* {
    margin-top: 3.5rem;
  }

  .cmn_pc_mt_lv04>* {
    margin-top: 4rem;
  }

  .cmn_pc_mt_lv04_5>* {
    margin-top: 4.5rem;
  }

  .cmn_pc_mt_lv05>* {
    margin-top: 5rem;
  }

  .cmn_pc_mt_lv05_5>* {
    margin-top: 5.5rem;
  }

  .cmn_pc_mt_lv06>* {
    margin-top: 6rem;
  }

  .cmn_pc_mt_lv06_5>* {
    margin-top: 6.5rem;
  }

  /* 子要素1つ目にも上部余白を付与したい場合は「.cmn_pc_first_add_mt」を追加付与 */
  .cmn_pc_mt_lv00_5:not(.cmn_pc_first_add_mt)>*:first-child,
  .cmn_pc_mt_lv01:not(.cmn_pc_first_add_mt)>*:first-child,
  .cmn_pc_mt_lv01_5:not(.cmn_pc_first_add_mt)>*:first-child,
  .cmn_pc_mt_lv02:not(.cmn_pc_first_add_mt)>*:first-child,
  .cmn_pc_mt_lv02_5:not(.cmn_pc_first_add_mt)>*:first-child,
  .cmn_pc_mt_lv03:not(.cmn_pc_first_add_mt)>*:first-child,
  .cmn_pc_mt_lv03_5:not(.cmn_pc_first_add_mt)>*:first-child,
  .cmn_pc_mt_lv04:not(.cmn_pc_first_add_mt)>*:first-child,
  .cmn_pc_mt_lv04_5:not(.cmn_pc_first_add_mt)>*:first-child,
  .cmn_pc_mt_lv05:not(.cmn_pc_first_add_mt)>*:first-child,
  .cmn_pc_mt_lv05_5:not(.cmn_pc_first_add_mt)>*:first-child,
  .cmn_pc_mt_lv06:not(.cmn_pc_first_add_mt)>*:first-child,
  .cmn_pc_mt_lv06_5:not(.cmn_pc_first_add_mt)>*:first-child {
    margin-top: 0;
  }
}

/* SP Only */
@media screen and (max-width: 767px) {
  .cmn_sp_mt_lv00_5>* {
    margin-top: .5rem;
  }

  .cmn_sp_mt_lv01>* {
    margin-top: 1rem;
  }

  .cmn_sp_mt_lv01_5>* {
    margin-top: 1.5rem;
  }

  .cmn_sp_mt_lv02>* {
    margin-top: 2rem;
  }

  .cmn_sp_mt_lv02_5>* {
    margin-top: 2.5rem;
  }

  .cmn_sp_mt_lv03>* {
    margin-top: 3rem;
  }

  .cmn_sp_mt_lv03_5>* {
    margin-top: 3.5rem;
  }

  .cmn_sp_mt_lv04>* {
    margin-top: 4rem;
  }

  .cmn_sp_mt_lv04_5>* {
    margin-top: 4.5rem;
  }

  .cmn_sp_mt_lv05>* {
    margin-top: 5rem;
  }

  .cmn_sp_mt_lv05_5>* {
    margin-top: 5.5rem;
  }

  .cmn_sp_mt_lv06>* {
    margin-top: 6rem;
  }

  .cmn_sp_mt_lv06_5>* {
    margin-top: 6.5rem;
  }

  /* 子要素1つ目にも上部余白を付与したい場合は「.cmn_sp_first_add_mt」を追加付与 */
  .cmn_sp_mt_lv00_5:not(.cmn_sp_first_add_mt)>*:first-child,
  .cmn_sp_mt_lv01:not(.cmn_sp_first_add_mt)>*:first-child,
  .cmn_sp_mt_lv01_5:not(.cmn_sp_first_add_mt)>*:first-child,
  .cmn_sp_mt_lv02:not(.cmn_sp_first_add_mt)>*:first-child,
  .cmn_sp_mt_lv02_5:not(.cmn_sp_first_add_mt)>*:first-child,
  .cmn_sp_mt_lv03:not(.cmn_sp_first_add_mt)>*:first-child,
  .cmn_sp_mt_lv03_5:not(.cmn_sp_first_add_mt)>*:first-child,
  .cmn_sp_mt_lv04:not(.cmn_sp_first_add_mt)>*:first-child,
  .cmn_sp_mt_lv04_5:not(.cmn_sp_first_add_mt)>*:first-child,
  .cmn_sp_mt_lv05:not(.cmn_sp_first_add_mt)>*:first-child,
  .cmn_sp_mt_lv05_5:not(.cmn_sp_first_add_mt)>*:first-child,
  .cmn_sp_mt_lv06:not(.cmn_sp_first_add_mt)>*:first-child,
  .cmn_sp_mt_lv06_5:not(.cmn_sp_first_add_mt)>*:first-child {
    margin-top: 0;
  }
}

/* ------------------------------------ */
/* ▼ margin.anchor ul li a span */
/* ------------------------------------ */
.t0b5 {
  margin-bottom: 5px;
  margin-top: 0;
}

.t5b0 {
  margin-bottom: 0;
  margin-top: 5px;
}

.t0b10 {
  margin-bottom: 10px;
  margin-top: 0;
}

.t10b0 {
  margin-top: 10px;
  margin-bottom: 0;
}

.t0b15 {
  margin-bottom: 15px;
  margin-top: 0;
}

.t15b0 {
  margin-bottom: 0;
  margin-top: 15px;
}

.t0b20 {
  margin-bottom: 20px;
  margin-top: 0;
}

.t20b0 {
  margin-bottom: 0;
  margin-top: 20px;
}

.t0b25 {
  margin-bottom: 25px;
  margin-top: 0;
}

.t25b0 {
  margin-bottom: 0;
  margin-top: 25px;
}

.t0b30 {
  margin-bottom: 30px;
  margin-top: 0;
}

.t30b0 {
  margin-bottom: 0;
  margin-top: 30px;
}

.t0b35 {
  margin-bottom: 35px;
  margin-top: 0;
}

.t35b0 {
  margin-bottom: 0;
  margin-top: 35px;
}

.t0b40 {
  margin-bottom: 40px;
  margin-top: 0;
}

.t40b0 {
  margin-bottom: 0;
  margin-top: 40px;
}

.t0b45 {
  margin-bottom: 45px;
  margin-top: 0;
}

.t45b0 {
  margin-bottom: 0;
  margin-top: 45px;
}

.t0b50 {
  margin-bottom: 50px;
  margin-top: 0;
}

.t50b0 {
  margin-bottom: 0;
  margin-top: 50px;
}

.t0b55 {
  margin-bottom: 55px;
  margin-top: 0;
}

.t55b0 {
  margin-bottom: 0;
  margin-top: 55px;
}

.t0b60 {
  margin-bottom: 60px;
  margin-top: 0;
}

.t60b0 {
  margin-bottom: 0;
  margin-top: 60px;
}

.t0b65 {
  margin-bottom: 65px;
  margin-top: 0;
}

.t65b0 {
  margin-bottom: 0;
  margin-top: 65px;
}

.t0b70 {
  margin-bottom: 70px;
  margin-top: 0;
}

.t70b0 {
  margin-bottom: 0;
  margin-top: 70px;
}

.t0b75 {
  margin-bottom: 75px;
  margin-top: 0;
}

.t75b0 {
  margin-bottom: 0;
  margin-top: 75px;
}

.t0b80 {
  margin-bottom: 80px;
  margin-top: 0;
}

.t80b0 {
  margin-bottom: 0;
  margin-top: 80px;
}

.t0b85 {
  margin-bottom: 85px;
  margin-top: 0;
}

.t85b0 {
  margin-bottom: 0;
  margin-top: 85px;
}

.t0b90 {
  margin-bottom: 90px;
  margin-top: 0;
}

.t90b0 {
  margin-bottom: 0;
  margin-top: 90px;
}

.t0b95 {
  margin-bottom: 95px;
  margin-top: 0;
}

.t95b0 {
  margin-bottom: 0;
  margin-top: 95px;
}

.t0b100 {
  margin-bottom: 100px;
  margin-top: 0;
}

.t100b0 {
  margin-bottom: 0;
  margin-top: 100px;
}

/* ------------------------------------ */
/* ▼ margin top, bottom, right, left */
/* ------------------------------------ */
/* PC SP 共通 */
.mt0 {
  margin-top: 0 !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

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

.ml0 {
  margin-left: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

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

.mr10 {
  margin-right: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

/* PC Only */
@media (min-width: 768px) {
  .pc_mt0 {
    margin-top: 0 !important;
  }

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

  .pc_ml0 {
    margin-left: 0 !important;
  }

  .pc_mt5 {
    margin-top: 5px !important;
  }

  .pc_mt10 {
    margin-top: 10px !important;
  }

  .pc_mt15 {
    margin-top: 15px !important;
  }

  .pc_mt20 {
    margin-top: 20px !important;
  }

  .pc_mt25 {
    margin-top: 25px !important;
  }

  .pc_mt30 {
    margin-top: 30px !important;
  }

  .pc_mt35 {
    margin-top: 35px !important;
  }

  .pc_mt40 {
    margin-top: 40px !important;
  }

  .pc_mt50 {
    margin-top: 50px !important;
  }

  .pc_mt60 {
    margin-top: 60px !important;
  }

  .pc_mt70 {
    margin-top: 70px !important;
  }

  .pc_mt80 {
    margin-top: 80px !important;
  }

  .pc_mt90 {
    margin-top: 90px !important;
  }

  .pc_mt100 {
    margin-top: 100px !important;
  }
}

/* SP Only */
@media screen and (max-width: 767px) {
  .sp_mt0 {
    margin-top: 0 !important;
  }
  .sp_mr0 {
    margin-right: 0 !important;
  }
  .sp_ml0 {
    margin-left: 0 !important;
  }
  .sp_mt5 {
    margin-top: 5px !important;
  }
  .sp_mt10 {
    margin-top: 10px !important;
  }
  .sp_mt15 {
    margin-top: 15px !important;
  }
  .sp_mt20 {
    margin-top: 20px !important;
  }
  .sp_mt25 {
    margin-top: 25px !important;
  }
  .sp_mt30 {
    margin-top: 30px !important;
  }
  .sp_mt35 {
    margin-top: 35px !important;
  }
  .sp_mt40 {
    margin-top: 40px !important;
  }
  .sp_mt50 {
    margin-top: 50px !important;
  }
  .sp_mt60 {
    margin-top: 60px !important;
  }
  .sp_mt70 {
    margin-top: 70px !important;
  }
  .sp_mt80 {
    margin-top: 80px !important;
  }
  .sp_mt90 {
    margin-top: 90px !important;
  }
  .sp_mt100 {
    margin-top: 100px !important;
  }
  
  .sp_mb0 {
    margin-bottom: 0 !important;
  }
  .sp_mb5 {
    margin-bottom: 5px !important;
  }
  .sp_mb10 {
    margin-bottom: 10px !important;
  }
  .sp_mb15 {
    margin-bottom: 15px !important;
  }
  .sp_mb20 {
    margin-bottom: 20px !important;
  }
  .sp_mb25 {
    margin-bottom: 25px !important;
  }
  .sp_mb30 {
    margin-bottom: 30px !important;
  }
  .sp_mb35 {
    margin-bottom: 35px !important;
  }
  .sp_mb40 {
    margin-bottom: 40px !important;
  }
  .sp_mb50 {
    margin-bottom: 50px !important;
  }
  .sp_mb60 {
    margin-bottom: 60px !important;
  }
  .sp_mb70 {
    margin-bottom: 70px !important;
  }
  .sp_mb80 {
    margin-bottom: 80px !important;
  }
  .sp_mb90 {
    margin-bottom: 90px !important;
  }
  .sp_mb100 {
    margin-bottom: 100px !important;
  }
}

/* ------------------------------------ */
/* ▼ padding */
/* ------------------------------------ */
.p10b10 {
  padding-bottom: 10px;
  padding-top: 10px;
}

.p0b1010 {
  padding-bottom: 10px;
  padding-top: 0;
}

.p20b20 {
  padding-bottom: 20px;
  padding-top: 20px;
}

.p0b1020 {
  padding-bottom: 20px;
  padding-top: 0;
}

.p30b30 {
  padding-bottom: 30px;
  padding-top: 30px;
}

.p0b1030 {
  padding-bottom: 30px;
  padding-top: 0;
}

.p40b40 {
  padding-bottom: 40px;
  padding-top: 40px;
}

.p0b1040 {
  padding-bottom: 40px;
  padding-top: 0;
}

.p50b50 {
  padding-bottom: 50px;
  padding-top: 50px;
}

.p0b1050 {
  padding-bottom: 50px;
  padding-top: 0;
}

.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

/* TOP向け（キャラクター紹介）対応 */
@media (max-width: 767px) {
  .pt65,
  .pt70 {
    padding-top: 0px !important;
  }
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

/* ------------------------------------ */
/* ▼ line height */
/* ------------------------------------ */
.line14 {
  line-height: 14px;
}

.line15 {
  line-height: 15px;
}

.line16 {
  line-height: 16px;
}

.line17 {
  line-height: 17px;
}

.line18 {
  line-height: 18px;
}

.line19 {
  line-height: 19px;
}

.line20 {
  line-height: 20px;
}

.line21 {
  line-height: 21px;
}

.line22 {
  line-height: 22px;
}

.line23 {
  line-height: 23px;
}

.line24 {
  line-height: 24px;
}

.line25 {
  line-height: 25px;
}

.line26 {
  line-height: 26px;
}

.line27 {
  line-height: 27px;
}

.line28 {
  line-height: 28px;
}

.line29 {
  line-height: 29px;
}

.line30 {
  line-height: 30px;
}

/* ------------------------------------ */
/* ▼ FONT Weight */
/* ------------------------------------ */
.fwB {
  font-weight: 600;
}

.fwN {
  font-weight: 400;
}

/* ------------------------------------ */
/* ▼ FONT Size px指定 */
/* ------------------------------------ */
.fz0 {
  font-size: 0;
}

.fz10 {
  font-size: 10px;
}

.fz11 {
  font-size: 11px;
}

.fz12 {
  font-size: 12px;
}

.fz13 {
  font-size: 13px;
}

.fz14 {
  font-size: 14px;
}

.fz15 {
  font-size: 15px;
}

.fz16 {
  font-size: 16px;
}

.fz17 {
  font-size: 17px;
}

.fz18 {
  font-size: 18px;
}

.fz19 {
  font-size: 19px;
}

.fz20 {
  font-size: 20px;
}

.fz21 {
  font-size: 21px;
}

.fz22 {
  font-size: 22px;
}

.fz23 {
  font-size: 23px;
}

.fz24 {
  font-size: 24px;
}

.fz25 {
  font-size: 25px;
}

.fz26 {
  font-size: 26px;
}

.fz27 {
  font-size: 27px;
}

.fz28 {
  font-size: 28px;
}

.fz29 {
  font-size: 29px;
}

.fz30 {
  font-size: 30px;
}

/* ------------------------------------ */
/* ▼ FONT Size em指定 */
/* ------------------------------------ */
.fz0_6em {
  font-size: .6em;
}
.fz0_65em {
  font-size: .65em;
}
.fz0_7em {
  font-size: .7em;
}
.fz0_75em {
  font-size: .75em;
}
.fz0_8em {
  font-size: .8em;
}
.fz0_85em {
  font-size: .85em;
}
.fz0_9em {
  font-size: .9em;
}
.fz0_95em {
  font-size: .95em;
}
.fz1em {
  font-size: 1em;
}
.fz1_05em {
  font-size: 1.05em;
}
.fz1_1em {
  font-size: 1.1em;
}
.fz1_15em {
  font-size: 1.15em;
}
.fz1_2em {
  font-size: 1.2em;
}
.fz1_25em {
  font-size: 1.25em;
}
.fz1_3em {
  font-size: 1.3em;
}
.fz1_35em {
  font-size: 1.35em;
}
.fz1_4em {
  font-size: 1.4em;
}
.fz1_45em {
  font-size: 1.45em;
}
.fz1_5em {
  font-size: 1.5em;
}
/* SP Only */
@media screen and (max-width: 767px) {
  .sp_fz0_6em {
    font-size: .6em;
  }
  .sp_fz0_65em {
    font-size: .65em;
  }
  .sp_fz0_7em {
    font-size: .7em;
  }
  .sp_fz0_75em {
    font-size: .75em;
  }
  .sp_fz0_8em {
    font-size: .8em;
  }
  .sp_fz0_85em {
    font-size: .85em;
  }
  .sp_fz0_9em {
    font-size: .9em;
  }
  .sp_fz0_95em {
    font-size: .95em;
  }
  .sp_fz1em {
    font-size: 1em;
  }
  .sp_fz1_05em {
    font-size: 1.05em;
  }
  .sp_fz1_1em {
    font-size: 1.1em;
  }
  .sp_fz1_15em {
    font-size: 1.15em;
  }
  .sp_fz1_2em {
    font-size: 1.2em;
  }
  .sp_fz1_25em {
    font-size: 1.25em;
  }
  .sp_fz1_3em {
    font-size: 1.3em;
  }
  .sp_fz1_35em {
    font-size: 1.35em;
  }
  .sp_fz1_4em {
    font-size: 1.4em;
  }
  .sp_fz1_45em {
    font-size: 1.45em;
  }
  .sp_fz1_5em {
    font-size: 1.5em;
  }
}

/* ------------------------------------ */
/* ▼ clearfix */
/* ------------------------------------ */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
/* end MacIE5 */

/* ------------------------------------ */
/* ▼ 画像のborderを消す */
/* ------------------------------------ */
.bordernone {
  border: none !important;
}

/* ------------------------------------ */
/* ▼ インデント */
/* ------------------------------------ */
.text-indent {
  padding-left: 1em;
  text-indent: -1em;
}

/* 注釈・インデント */
span.indent::before {
  content: "※";
  width: 1.5em;
}

span.indent {
  padding-top: 5px;
  padding-left: 1em;
  text-indent: -1em;
  display: inline-block;
}

/* Width content*/
.w730 {
  margin: 0 auto;
  max-width: 730px;
  padding: 0 10px;
}

.w760 {
  margin: 0 auto;
  max-width: 780px;
  padding: 0 10px;
}

.w840 {
  margin: 0 auto;
  max-width: 860px;
  padding: 0 10px;
}

.w880 {
  margin: 0 auto;
  max-width: 900px;
  padding: 0 10px;
}

.w920 {
  margin: 0 auto;
  max-width: 940px;
  padding: 0 10px;
}

.w940 {
  margin: 0 auto;
  max-width: 940px;
  padding: 0 15px;
}

.w1000 {
  margin: 0 auto;
  max-width: 1020px;
  padding: 0 19px;
}

.w1060 {
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 10px;
}

/* ------------------------------------ */
/* ▼ table用width */
/* ------------------------------------ */
.w80 {
  width: 80px !important;
}

.w85 {
  width: 85px !important;
}

.w90 {
  width: 90px !important;
}

.w95 {
  width: 95px !important;
}

.w100 {
  width: 100px !important;
}

.w110 {
  width: 110px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w140 {
  width: 140px !important;
}

.w150 {
  width: 150px !important;
}

.w160 {
  width: 160px !important;
}

.w170 {
  width: 170px !important;
}

.w180 {
  width: 180px !important;
}

.w190 {
  width: 190px !important;
}

.w200 {
  width: 200px !important;
}

.w250 {
  width: 250px !important;
}

.w300 {
  width: 300px !important;
}

.w350 {
  width: 350px !important;
}

.w400 {
  width: 400px !important;
}

.w450 {
  width: 450px !important;
}

.w500 {
  width: 500px !important;
}

.w550 {
  width: 550px !important;
}

.w600 {
  width: 600px !important;
}

.w650 {
  width: 650px !important;
}

.w700 {
  width: 700px !important;
}

.w750 {
  width: 750px !important;
}

.w800 {
  width: 800px !important;
}

.w850 {
  width: 850px !important;
}

.w900 {
  width: 900px !important;
}

.w950 {
  width: 950px !important;
}

/* pc only width */
@media (min-width: 768px) {
  .pc_w80 {
    width: 80px !important;
  }

  .pc_w85 {
    width: 85px !important;
  }

  .pc_w90 {
    width: 90px !important;
  }

  .pc_w95 {
    width: 95px !important;
  }

  .pc_w100 {
    width: 100px !important;
  }

  .pc_w110 {
    width: 110px !important;
  }

  .pc_w120 {
    width: 120px !important;
  }

  .pc_w130 {
    width: 130px !important;
  }

  .pc_w140 {
    width: 140px !important;
  }

  .pc_w150 {
    width: 150px !important;
  }

  .pc_w160 {
    width: 160px !important;
  }

  .pc_w170 {
    width: 170px !important;
  }

  .pc_w180 {
    width: 180px !important;
  }

  .pc_w190 {
    width: 190px !important;
  }

  .pc_w200 {
    width: 200px !important;
  }

  .pc_w250 {
    width: 250px !important;
  }

  .pc_w300 {
    width: 300px !important;
  }

  .pc_w350 {
    width: 350px !important;
  }

  .pc_w400 {
    width: 400px !important;
  }

  .pc_w450 {
    width: 450px !important;
  }

  .pc_w500 {
    width: 500px !important;
  }

  .pc_w550 {
    width: 550px !important;
  }

  .pc_w600 {
    width: 600px !important;
  }

  .pc_w650 {
    width: 650px !important;
  }

  .pc_w680 {
    width: 680px !important;
  }

  .pc_w700 {
    width: 700px !important;
  }

  .pc_w750 {
    width: 750px !important;
  }

  .pc_w780 {
    width: 780px !important;
  }

  .pc_w800 {
    width: 800px !important;
  }

  .pc_w850 {
    width: 850px !important;
  }

  .pc_w880 {
    width: 880px !important;
  }

  .pc_w900 {
    width: 900px !important;
  }

  .pc_w950 {
    width: 950px !important;
  }

  .pc_w980 {
    width: 980px !important;
  }
}

/* sp only width */
@media screen and (max-width: 767px) {
  .sp_w50 {
    width: 50px !important;
  }

  .sp_w55 {
    width: 55px !important;
  }

  .sp_w60 {
    width: 60px !important;
  }

  .sp_w65 {
    width: 65px !important;
  }

  .sp_w70 {
    width: 70px !important;
  }

  .sp_w75 {
    width: 75px !important;
  }

  .sp_w80 {
    width: 80px !important;
  }

  .sp_w85 {
    width: 85px !important;
  }

  .sp_w90 {
    width: 90px !important;
  }

  .sp_w95 {
    width: 95px !important;
  }

  .sp_w100 {
    width: 100px !important;
  }

  .sp_w110 {
    width: 110px !important;
  }

  .sp_w120 {
    width: 120px !important;
  }

  .sp_w130 {
    width: 130px !important;
  }

  .sp_w140 {
    width: 140px !important;
  }

  .sp_w150 {
    width: 150px !important;
  }

  .sp_w160 {
    width: 160px !important;
  }

  .sp_w170 {
    width: 170px !important;
  }

  .sp_w180 {
    width: 180px !important;
  }

  .sp_w190 {
    width: 190px !important;
  }

  .sp_w200 {
    width: 200px !important;
  }

  .sp_w250 {
    width: 250px !important;
  }

  .sp_w300 {
    width: 300px !important;
  }

  .sp_w350 {
    width: 350px !important;
  }

  .sp_w400 {
    width: 400px !important;
  }

  .sp_w450 {
    width: 450px !important;
  }

  .sp_w500 {
    width: 500px !important;
  }

  .sp_w550 {
    width: 550px !important;
  }

  .sp_w600 {
    width: 600px !important;
  }

  .sp_w650 {
    width: 650px !important;
  }

  .sp_w680 {
    width: 680px !important;
  }

  .sp_w700 {
    width: 700px !important;
  }

  .sp_w750 {
    width: 750px !important;
  }

  .sp_w780 {
    width: 780px !important;
  }

  .sp_w800 {
    width: 800px !important;
  }
}

/* pc only width percent */
@media (min-width: 768px) {
  .pc_w01p {
    width: 1% !important;
  }

  .pc_w02p {
    width: 2% !important;
  }

  .pc_w03p {
    width: 3% !important;
  }

  .pc_w04p {
    width: 4% !important;
  }

  .pc_w05p {
    width: 5% !important;
  }

  .pc_w06p {
    width: 6% !important;
  }

  .pc_w07p {
    width: 7% !important;
  }

  .pc_w08p {
    width: 8% !important;
  }

  .pc_w09p {
    width: 9% !important;
  }

  .pc_w10p {
    width: 10% !important;
  }

  .pc_w11p {
    width: 11% !important;
  }

  .pc_w12p {
    width: 12% !important;
  }

  .pc_w13p {
    width: 13% !important;
  }

  .pc_w14p {
    width: 14% !important;
  }

  .pc_w15p {
    width: 15% !important;
  }

  .pc_w16p {
    width: 16% !important;
  }

  .pc_w17p {
    width: 17% !important;
  }

  .pc_w18p {
    width: 18% !important;
  }

  .pc_w19p {
    width: 19% !important;
  }

  .pc_w20p {
    width: 20% !important;
  }

  .pc_w21p {
    width: 21% !important;
  }

  .pc_w22p {
    width: 22% !important;
  }

  .pc_w23p {
    width: 23% !important;
  }

  .pc_w24p {
    width: 24% !important;
  }

  .pc_w25p {
    width: 25% !important;
  }

  .pc_w26p {
    width: 26% !important;
  }

  .pc_w27p {
    width: 27% !important;
  }

  .pc_w28p {
    width: 28% !important;
  }

  .pc_w29p {
    width: 29% !important;
  }

  .pc_w30p {
    width: 30% !important;
  }

  .pc_w31p {
    width: 31% !important;
  }

  .pc_w32p {
    width: 32% !important;
  }

  .pc_w33p {
    width: 33% !important;
  }

  .pc_w34p {
    width: 34% !important;
  }

  .pc_w35p {
    width: 35% !important;
  }

  .pc_w36p {
    width: 36% !important;
  }

  .pc_w37p {
    width: 37% !important;
  }

  .pc_w38p {
    width: 38% !important;
  }

  .pc_w39p {
    width: 39% !important;
  }

  .pc_w40p {
    width: 40% !important;
  }

  .pc_w41p {
    width: 41% !important;
  }

  .pc_w42p {
    width: 42% !important;
  }

  .pc_w43p {
    width: 43% !important;
  }

  .pc_w44p {
    width: 44% !important;
  }

  .pc_w45p {
    width: 45% !important;
  }

  .pc_w46p {
    width: 46% !important;
  }

  .pc_w47p {
    width: 47% !important;
  }

  .pc_w48p {
    width: 48% !important;
  }

  .pc_w49p {
    width: 49% !important;
  }

  .pc_w50p {
    width: 50% !important;
  }

  .pc_w51p {
    width: 51% !important;
  }

  .pc_w52p {
    width: 52% !important;
  }

  .pc_w53p {
    width: 53% !important;
  }

  .pc_w54p {
    width: 54% !important;
  }

  .pc_w55p {
    width: 55% !important;
  }

  .pc_w56p {
    width: 56% !important;
  }

  .pc_w57p {
    width: 57% !important;
  }

  .pc_w58p {
    width: 58% !important;
  }

  .pc_w59p {
    width: 59% !important;
  }

  .pc_w60p {
    width: 60% !important;
  }

  .pc_w61p {
    width: 61% !important;
  }

  .pc_w62p {
    width: 62% !important;
  }

  .pc_w63p {
    width: 63% !important;
  }

  .pc_w64p {
    width: 64% !important;
  }

  .pc_w65p {
    width: 65% !important;
  }

  .pc_w66p {
    width: 66% !important;
  }

  .pc_w67p {
    width: 67% !important;
  }

  .pc_w68p {
    width: 68% !important;
  }

  .pc_w69p {
    width: 69% !important;
  }

  .pc_w70p {
    width: 70% !important;
  }

  .pc_w71p {
    width: 71% !important;
  }

  .pc_w72p {
    width: 72% !important;
  }

  .pc_w73p {
    width: 73% !important;
  }

  .pc_w74p {
    width: 74% !important;
  }

  .pc_w75p {
    width: 75% !important;
  }

  .pc_w76p {
    width: 76% !important;
  }

  .pc_w77p {
    width: 77% !important;
  }

  .pc_w78p {
    width: 78% !important;
  }

  .pc_w79p {
    width: 79% !important;
  }

  .pc_w80p {
    width: 80% !important;
  }

  .pc_w81p {
    width: 81% !important;
  }

  .pc_w82p {
    width: 82% !important;
  }

  .pc_w83p {
    width: 83% !important;
  }

  .pc_w84p {
    width: 84% !important;
  }

  .pc_w85p {
    width: 85% !important;
  }

  .pc_w86p {
    width: 86% !important;
  }

  .pc_w87p {
    width: 87% !important;
  }

  .pc_w88p {
    width: 88% !important;
  }

  .pc_w89p {
    width: 89% !important;
  }

  .pc_w90p {
    width: 90% !important;
  }

  .pc_w91p {
    width: 91% !important;
  }

  .pc_w92p {
    width: 92% !important;
  }

  .pc_w93p {
    width: 93% !important;
  }

  .pc_w94p {
    width: 94% !important;
  }

  .pc_w95p {
    width: 95% !important;
  }

  .pc_w96p {
    width: 96% !important;
  }

  .pc_w97p {
    width: 97% !important;
  }

  .pc_w98p {
    width: 98% !important;
  }

  .pc_w99p {
    width: 99% !important;
  }

  .pc_w100p {
    width: 100% !important;
  }
}

/* sp only width percent */
@media screen and (max-width: 767px) {
  .sp_w01p {
    width: 1% !important;
  }

  .sp_w02p {
    width: 2% !important;
  }

  .sp_w03p {
    width: 3% !important;
  }

  .sp_w04p {
    width: 4% !important;
  }

  .sp_w05p {
    width: 5% !important;
  }

  .sp_w06p {
    width: 6% !important;
  }

  .sp_w07p {
    width: 7% !important;
  }

  .sp_w08p {
    width: 8% !important;
  }

  .sp_w09p {
    width: 9% !important;
  }

  .sp_w10p {
    width: 10% !important;
  }

  .sp_w11p {
    width: 11% !important;
  }

  .sp_w12p {
    width: 12% !important;
  }

  .sp_w13p {
    width: 13% !important;
  }

  .sp_w14p {
    width: 14% !important;
  }

  .sp_w15p {
    width: 15% !important;
  }

  .sp_w16p {
    width: 16% !important;
  }

  .sp_w17p {
    width: 17% !important;
  }

  .sp_w18p {
    width: 18% !important;
  }

  .sp_w19p {
    width: 19% !important;
  }

  .sp_w20p {
    width: 20% !important;
  }

  .sp_w21p {
    width: 21% !important;
  }

  .sp_w22p {
    width: 22% !important;
  }

  .sp_w23p {
    width: 23% !important;
  }

  .sp_w24p {
    width: 24% !important;
  }

  .sp_w25p {
    width: 25% !important;
  }

  .sp_w26p {
    width: 26% !important;
  }

  .sp_w27p {
    width: 27% !important;
  }

  .sp_w28p {
    width: 28% !important;
  }

  .sp_w29p {
    width: 29% !important;
  }

  .sp_w30p {
    width: 30% !important;
  }

  .sp_w31p {
    width: 31% !important;
  }

  .sp_w32p {
    width: 32% !important;
  }

  .sp_w33p {
    width: 33% !important;
  }

  .sp_w34p {
    width: 34% !important;
  }

  .sp_w35p {
    width: 35% !important;
  }

  .sp_w36p {
    width: 36% !important;
  }

  .sp_w37p {
    width: 37% !important;
  }

  .sp_w38p {
    width: 38% !important;
  }

  .sp_w39p {
    width: 39% !important;
  }

  .sp_w40p {
    width: 40% !important;
  }

  .sp_w41p {
    width: 41% !important;
  }

  .sp_w42p {
    width: 42% !important;
  }

  .sp_w43p {
    width: 43% !important;
  }

  .sp_w44p {
    width: 44% !important;
  }

  .sp_w45p {
    width: 45% !important;
  }

  .sp_w46p {
    width: 46% !important;
  }

  .sp_w47p {
    width: 47% !important;
  }

  .sp_w48p {
    width: 48% !important;
  }

  .sp_w49p {
    width: 49% !important;
  }

  .sp_w50p {
    width: 50% !important;
  }

  .sp_w51p {
    width: 51% !important;
  }

  .sp_w52p {
    width: 52% !important;
  }

  .sp_w53p {
    width: 53% !important;
  }

  .sp_w54p {
    width: 54% !important;
  }

  .sp_w55p {
    width: 55% !important;
  }

  .sp_w56p {
    width: 56% !important;
  }

  .sp_w57p {
    width: 57% !important;
  }

  .sp_w58p {
    width: 58% !important;
  }

  .sp_w59p {
    width: 59% !important;
  }

  .sp_w60p {
    width: 60% !important;
  }

  .sp_w61p {
    width: 61% !important;
  }

  .sp_w62p {
    width: 62% !important;
  }

  .sp_w63p {
    width: 63% !important;
  }

  .sp_w64p {
    width: 64% !important;
  }

  .sp_w65p {
    width: 65% !important;
  }

  .sp_w66p {
    width: 66% !important;
  }

  .sp_w67p {
    width: 67% !important;
  }

  .sp_w68p {
    width: 68% !important;
  }

  .sp_w69p {
    width: 69% !important;
  }

  .sp_w70p {
    width: 70% !important;
  }

  .sp_w71p {
    width: 71% !important;
  }

  .sp_w72p {
    width: 72% !important;
  }

  .sp_w73p {
    width: 73% !important;
  }

  .sp_w74p {
    width: 74% !important;
  }

  .sp_w75p {
    width: 75% !important;
  }

  .sp_w76p {
    width: 76% !important;
  }

  .sp_w77p {
    width: 77% !important;
  }

  .sp_w78p {
    width: 78% !important;
  }

  .sp_w79p {
    width: 79% !important;
  }

  .sp_w80p {
    width: 80% !important;
  }

  .sp_w81p {
    width: 81% !important;
  }

  .sp_w82p {
    width: 82% !important;
  }

  .sp_w83p {
    width: 83% !important;
  }

  .sp_w84p {
    width: 84% !important;
  }

  .sp_w85p {
    width: 85% !important;
  }

  .sp_w86p {
    width: 86% !important;
  }

  .sp_w87p {
    width: 87% !important;
  }

  .sp_w88p {
    width: 88% !important;
  }

  .sp_w89p {
    width: 89% !important;
  }

  .sp_w90p {
    width: 90% !important;
  }

  .sp_w91p {
    width: 91% !important;
  }

  .sp_w92p {
    width: 92% !important;
  }

  .sp_w93p {
    width: 93% !important;
  }

  .sp_w94p {
    width: 94% !important;
  }

  .sp_w95p {
    width: 95% !important;
  }

  .sp_w96p {
    width: 96% !important;
  }

  .sp_w97p {
    width: 97% !important;
  }

  .sp_w98p {
    width: 98% !important;
  }

  .sp_w99p {
    width: 99% !important;
  }

  .sp_w100p {
    width: 100% !important;
  }
}

/* ------------------------------------ */
/* ▼ negative margin */
/* ------------------------------------ */
.mt-10 {
  margin-top: -10px;
}

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

.mt-20 {
  margin-top: -20px;
}

.mt-25 {
  margin-top: -25px;
}

.mt-30 {
  margin-top: -30px;
}

.mt-35 {
  margin-top: -35px;
}

.mt-40 {
  margin-top: -40px;
}

.mt-45 {
  margin-top: -45px;
}

.mt-50 {
  margin-top: -60px;
}

/* ------------------------------------ */
/* ▼ FLOAT */
/* ------------------------------------ */
.floatL {
  display: inline-block;
  float: left;
}

.floatR {
  display: inline-block;
  float: right;
}

/* ------------------------------------ */
/* ▼ Text-Align */
/* ------------------------------------ */
.taL {
  text-align: left !important;
}

.taC {
  text-align: center !important;
}

.taC img {
  margin: 0 auto;
}

.taR {
  text-align: right !important;
}

.alignleft {
  float: left;
  margin: 0 .5em .5em 0;
}

.alignright {
  float: right;
  margin: 0 0 .5em 1em;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto .5em;
  max-width: 722px;
}

/* ------------------------------------ */
/* ▼ Color */
/* ------------------------------------ */
.red_txt {
  color: #9e1c1c !important;
}

.green_txt {
  color: #18561e !important;
}

.navy_txt {
  color: #1822a9 !important;
}

/* グレーボタンにするクラス */
.gr {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .8;
}

.gr:hover {
  opacity: 1 !important;
}

/* ------------------------------------ */
/* ▼ display */
/* ------------------------------------ */
.dBlock {
  display: block;
}

/* ------------------------------------ */
/* ▼ RWD classes */
/* ------------------------------------ */
@media (min-width:768px) {
  .pc {
    display: block !important;
  }

  .pc_inline {
    display: inline !important;
  }

  .pc_inline_b {
    display: inline-block !important;
  }

  .sp,
  .sp_inline,
  .sp_inline_b {
    display: none !important;
  }
}

@media (max-width:767px) {
  .pc,
  .pc_inline,
  .pc_inline_b {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  .sp_inline {
    display: inline !important;
  }

  .sp_inline_b {
    display: inline-block !important;
  }
}

/* ------------------------------------ */
/* ▼ Body */
/* ------------------------------------ */
html {
  /* 謎余白の対策 */
  overflow: auto;
}

body {
  color: #000;
  font-family: "HiraKakuPro-W3","Hiragino Kaku Gothic ProN W3","Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", 游ゴシック, "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", メイリオ, Osaka, sans-serif;
  height: 100%;
  letter-spacing: .06em;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  word-break: break-all;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  word-break: normal;
  word-wrap: break-word;
  /* PC・スマホ・iPad 全部指定 */
  font-feature-settings: "palt";
}

@media (max-width: 767px) {
  body {
    letter-spacing: .04em;
  }

  body.fixMenu {
    position: fixed;
    overflow: hidden;
    top: 0;
  }

  body.fixMenu header {
    height: 100%;
    position: fixed;
    overflow: scroll;
  }
}

.wcm {
  max-width: 1000px;
  margin: auto;
  width: 100%;
}

.no-link {
  cursor: default;
  opacity: 1 !important;
}

.no-link img {
  opacity: 1 !important;
}

/* ipad用 hover透過キャンセル処理のために移動した記述 ここから */
.breadcrumbs li a:hover,
.thumbs li a:hover,
.thumbs li a:hover img,
.charm_detail_content__zoom ul li:not(.active):hover,
.anchortips ul li a:hover,
.btn_ppl_arr:hover {
  opacity: .5;
}

#map_box_full #closebtn:hover {
  opacity: .8;
}

/* ipad用 hover透過キャンセル処理のために移動した記述 ここまで */

/* ipad用 hover透過キャンセル処理 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body :hover img,
  body :hover,
  .breadcrumbs li a:hover,
  #map_box_full #closebtn:hover,
  .thumbs li a:hover,
  .thumbs li a:hover img,
  .charm_detail_content__zoom ul li:not(.active):hover,
  .anchortips ul li a:hover,
  .btn_ppl_arr:hover {
    opacity: 1;
  }
}

/* ------------------------------------ */
/* ▼ header */
/* ------------------------------------ */
.header_wrap img {
  vertical-align: bottom;
}

.header_wrap {
  background: #1c2a36;
  background: linear-gradient(90deg, rgba(42,120,193,1) 0%, rgba(42,120,193,1) 49%, rgba(28,42,54,1) 50%, rgba(28,42,54,1) 100%);
  width: 100%;
}

.header_inner {
  background: #2a78c1;
  background: linear-gradient(90deg, rgba(42,120,193,1) 0%, rgba(38,79,141,1) 20%, rgba(28,42,54,1) 50%, rgba(28,42,54,1) 100%);
  display: flex;
  align-items: center;
  margin: auto;
  max-width: 1024px;
  padding: 5px 12px 5px 12px;
  position: relative;
  width: 100%;
}

.header_logo {
  display: block;
  width: 177px;
  margin-top: 2px;
}

@media (min-width: 768px) {
  .header_inner {
    max-height: 60px;
    overflow: hidden;
  }
  .header_logo {
    margin-left: 12px;
  }
}

@media (max-width: 1023px) {
  .header_inner {
    align-items: center;
  }
}

@media (max-width: 767px) {
  .header_wrap {
    z-index: 99;
    background: #1c2a36;
  }

  .header_inner {
    display: block;
    padding: 0 14px;
  }
}

/* ------------------------------------ */
/* ▼ nav */
/* ------------------------------------ */
.nav_wrap {
  margin-left: auto;
  max-width: 722px;
  width: 78.9%;
}

.nav_list {
  display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
  margin-right: 2px;
  max-height: 60px;
  overflow: hidden;
  overflow-x: auto;
}

.nav_list>li {
  white-space: nowrap;
}

.nav_list>li>a {
  background-color: #5fafac;
  border-radius: 100vh;
  display: inline-block;
  line-height: 1;
  min-width: 110px;
  margin: 0 5px;
  text-align: center;
}

.nav_list>li.nav_type>a {
  background-color: #6199d8;
}
.nav_list>li.nav_basic>a {
  background-color: #7a73b0;
}
.nav_list>li.nav_sword>a {
  background-color: #a774b4;
}
.nav_list>li.nav_history>a {
  background-color: #c76296;
}
.nav_list>li.nav_map>a {
  background-color: #c95a62;
}
.nav_list>li.nav_link>a {
  background-color: #bd583d;
}

.nav_list_text {
  color: #FFF;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .04em;
  position: relative;
  padding: 5px 15px 5px 15px;
  width: 100%;
}

.nav_list_text::after {
  content: "";
  display: block;
  position: absolute;
  border-color: transparent transparent transparent #FFFFFF;
  border-style: solid;
  border-width: 3px 0 3px 5px;
  height: 0;
  right: 5px;
  top: calc(50% - 3px);
  width: 0;
}

.header_sp__nav {
  display: none;
  font-size: 0;
}

@media (max-width:1023px) {
  .nav_list_text {
    padding: 6px 14px 6px 14px;
  }
}

@media (max-width:767px) {
  .header_sp__logo_h1 {
    font-size: 0;
    float: left;
    max-width: 66%;
  }

  .header_sp__logo {
    display: block;
    float: left;
    min-height: 95px;
    overflow: hidden;
    position: relative;
    width: auto;
  }

  .header_sp__logo img {
    max-height: 75px;
    margin: 10px 0;
    width: auto;
  }

  .header_sp__menubtn {
    float: right;
    font-size: 18px;
    height: 65px;
  }
  .header_sp__menubtn.cmn_link_btn {
    margin: 15px -1px 0 0;
    width: 134px;
    display: flex;
      align-items: center;
      justify-content: center;
  }
  .header_sp__menubtn.cmn_link_btn .cmn_link_btn_text {
    font-size: 18px;
    font-weight: normal;
    white-space: nowrap;
  }
  .header_sp__menubtn.cmn_link_btn .cmn_link_btn_text::after {
    border-color: #fff transparent transparent transparent;
    border-width: 8px 5px 0 5px;
    top: calc(50% - 4px);
  }
  .header_sp__menubtn.active .cmn_link_btn_text,
  .cmn_link_btn_text.btn_close_text {
    display: none;
  }
  .header_sp__menubtn.active .cmn_link_btn_text.btn_close_text {
    display: block;
    padding: 10px 26px 10px 10px;
  }
  .header_sp__menubtn.active .cmn_link_btn_text.btn_close_text::after {
    border-color: transparent transparent #fff transparent;
    border-width: 0 5px 8px 5px;
  }

  .header_sp__nav {
    background: #fff;
    display: none;
    left: 0;
    padding: 3px 0;
    position: absolute;
    width: 100%;
    z-index: 10;
  }

  .header_sp__nav::before,
  .header_sp__nav::after {
    background: #366e85;
    background-size: 12px 3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
  }

  .header_sp__nav::before {
    top: 0;
  }

  .header_sp__nav::after {
    bottom: 0;
  }

  .header_sp__nav ul {
    border-top: 1px solid #d2d2d2;
  }

  .header_sp__nav ul li {
    background-repeat: no-repeat;
    background-position: center right 14px;
    background-size: 6px 9px;
  }

  .header_sp__nav ul li.no-link {
    background-color: #e8e8e8;
    background-image: url(../image-cmn/header/ico_ar_right_gold_hide.png?date=20210506);
  }

  .header_sp__nav ul li.has_sub {
    background-image: url(../image-cmn/header/ico_ar_down_gold.png?date=20210506);
    background-position: top 26px right 14px;
    background-size: 9px 6px;
  }

  .header_sp__nav ul li.has_sub .icon {
    height: 57px;
    position: absolute;
    right: 0;
    z-index: 1;
  }

  .header_sp__nav>ul>li.has_sub>.icon {
    width: 100%;
  }

  .header_sp__nav ul li a {
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 19px 12px;
    border-bottom: 1px solid #d2d2d2;
    color: #0d53de;
    display: block;
    font-size: 17px;
    letter-spacing: .03em;
    padding: 15px 30px 14px 39px;
  }


  .header_sp__nav>ul>li.ico_diamond>a {
    background-image: url(../image-cmn/footer/ico_dots_menu.png?date=20210506);
    background-position: 13px center;
  }
  .header_sp__nav>ul>li.ico_top>a {
    background-image: url(../image-cmn/header/ico-nav-top-sp.png?date=20210506);
    background-size: 21px 16px;
    background-position: 13px center;
  }

  .header_sp__nav>ul>li.ico_sword>a {
    background-image: url(../image-cmn/header/ico-nav-sword-sp.png?date=20210506);
    background-size: 16px 16px;
    background-position: 15px center;
  }

  .header_sp__nav>ul>li.ico_museum>a {
    background-image: url(../image-cmn/header/ico-nav-museum-sp.png?date=20210506);
    background-size: 23px 17px;
    background-position: 12px center;
  }

  .header_sp__nav>ul>li.ico_facility>a {
    background-image: url(../image-cmn/header/ico-nav-facility-sp.png?date=20210506);
    background-size: 16px 16px;
    background-position: 15px center;
  }

  .header_sp__nav>ul>li.ico_shop>a {
    background-image: url(../image-cmn/header/ico-nav-shop-sp.png);
    background-size: 20px 19px;
    background-position: 13px center;
  }

  .header_sp__nav>ul>li.ico_exhibit>a {
    background-image: url(../image-cmn/header/ico-nav-exhibit-sp.png?date=20210506);
    background-size: 25px 14px;
    background-position: 12px center;
  }

  .header_sp__nav>ul>li.ico_access>a {
    background-image: url(../image-cmn/header/ico-nav-access-sp.png?date=20210506);
    background-size: 17px 21px;
    background-position: 16px center;
  }

  .header_sp__nav>ul>li.ico_information>a {
    background-image: url(../image-cmn/header/ico-nav-information-sp.png?date=20210506);
    background-size: 18px 16px;
    background-position: 15px center;
  }

  .header_sp__nav ul li.no-link a {
    background: url(../image-cmn/header/ico_dots_menu_hide.png?date=20210506) no-repeat center left 15px;
    background-size: 19px 12px;
    color: #848484;
  }

  .header_sp__nav ul li a em {
    font-style: normal;
    margin-left: -7px;
    margin-right: -7px;
  }

  .header_sp__nav ul li.active {
    background-image: url(../image-cmn/header/ico_ar_up_gold.png?date=20210506);
  }

  .header_sp__nav ul li .sub {
    background: #f7f4ef;
    border-top: 0;
    display: none;
  }

  .header_sp__nav .sub .sub {
    display: none !important;
  }

  body .header_sp__nav ul li .sub li .sub li a {
    background-position: center left 40px;
    padding-left: 60px;
  }

  .header_sp__nav ul li .sub li.no-link {
    background-color: #e8e8e8;
  }

  .header_sp__nav ul li .sub li a {
    padding-left: 53px;
    position: relative;
  }

  .header_sp__nav ul li .sub li a::before,
  .header_sp__nav ul li .sub li a::after {
    background-color: #a83f43;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    left: 40px;
    top: 50%;
    width: 9px;
  }

  .header_sp__nav ul li .sub li a::before {
    margin-top: -3px;
    transform: rotate(45deg);
  }

  .header_sp__nav ul li .sub li a::after {
    margin-top: 3px;
    transform: rotate(-45deg);
  }

  .header_sp__nav ul li .sub li.no-link a {
    background: url(../image-cmn/header/ico_dots_menu_hide.png?date=20210506) no-repeat center left 24px;
    background-size: 14px 9px;
    border-bottom: 1px solid #d2d2d2;
    color: #848484;
    padding-left: 44px;
  }

  .header_sp__nav ul li .sub.sub_sns li,
  .header_sp__nav ul li .sub li.new_tab {
    background-image: url(../image-cmn/header/ico_newtab.png?date=20210506);
    background-position: top 20px right 13px;
    background-size: 18px 16px;
  }

  .header_sp__nav ul li .sub.sub_sns li.no-link {
    background-color: #e8e8e8;
    background-image: url(../image-cmn/header/ico_newtab_hide.png?date=20210506);
    background-position: top 20px right 13px;
    background-size: 18px 16px;
  }

  .header_sp__nav .btn_close {
    display: block;
    font-size: 18px;
    height: 45px;
    margin: 20px auto 39px;
    width: 149px;
    border: none;
    text-shadow: none;
    box-shadow: none;
  }
  .header_sp__nav .btn_close .cmn_link_btn_text {
    font-size: 18px;
    padding: 10px 26px 10px 22px;
    font-weight: normal;
  }
}

@media (max-width:430px) {
  .header_sp__logo,
  .header_sp__logo_h1 {
    width: 50%;
  }
  .header_sp__logo_h1 .header_sp__logo {
    width: 100%;
  }
  .header_sp__logo {
    min-height: inherit;
  }
  .header_sp__logo img {
    height: auto;
    width: 100%;
  }

  .header_sp__menubtn {
    height: auto;
  }
  .header_sp__menubtn.cmn_link_btn {
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .header_sp__nav ul li a {
    background-position: top 22px left 14px;
    font-size: 16px;
    line-height: 1.4;
    padding: 18px 30px 16px 39px;
  }
}

/* ------------------------------------ */
/* ▼ Breadcrumbs */
/* ------------------------------------ */
.breadcrumbs {
  font-size: 0;
  margin: 16px auto 15px;
  font-feature-settings: normal;
}
.breadcrumbs li {
  color: #000;
  display: inline-block;
  font-weight: 600;
  letter-spacing: -.03em;
  vertical-align: top;
}
.breadcrumbs li a {
  color: #0d53de;
  position: relative;
}
.breadcrumbs li a br {
  display: none;
}
.breadcrumbs li::after {
  color: #000;
  content: "＞";
  margin: 0 3px;
}

.breadcrumbs li:last-of-type::after {
  content: "";
}

@media print, screen and (min-width: 768px) {
  .breadcrumbs {
    max-width: 1000px;
    width: 100%;
  }
  .breadcrumbs li {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  .breadcrumbs {
    max-width: 85%;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .breadcrumbs li {
    font-size: 14px;
  }
}

/* ------------------------------------ */
/* ▼ footer */
/* ------------------------------------ */
/* footer info */
.footer_info_wrap {
  margin: 117px auto 0;
  position: relative;
  width: 92.18%; /* 幅を変更する場合は.btn_gotop_sp値も要変更 */
}

.footer_info_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 790px;
  padding: 28px 0;
  width: 100%;
}

.footer_info_col:nth-of-type(1) {
  padding-left: 5.5%;
  width: 35.2%;
}

.footer_info_col:nth-of-type(2) {
  padding-left: 2%;
  width: 64.8%;
}

.footer_info_name {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
}

.footer_info_name_large {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .06em;
}

.footer_info_address {
  font-size: 16px;
  letter-spacing: .05em;
}

.footer_info_list {
  margin: 3px 0 0 1px;
  font-size: 14px;
  letter-spacing: .055em;
}

@media (max-width:767px) {
  .footer_info_wrap {
    margin-top: 100px;
    padding: 0 9%;
  }

  .footer_info_col:nth-of-type(1) {
    padding: 0;
    width: 100%;
  }

  .footer_info_col:nth-of-type(2) {
    margin-top: 17px;
    padding: 0;
    width: 100%;
  }

  .footer_info_list {
    margin: 9px 0 0 0;
  }

  .footer_info_list>li:not(:first-of-type) {
    margin-top: 10px;
  }

  .footer_info_annotation {
    display: inline-block;
    padding-left: 1em;
    text-indent: -1em;
  }
}

/* footer */
#footer {
  background: url(/app/themes/wp-templ/image-cmn/footer/bg-footer.png) repeat-x top center;
  background-size: 100% 155px;
  padding-top: 30px;
  position: relative;
  margin: 0 auto;
  width: 100%;
}

#footer img {
  vertical-align: bottom;
}

.btn_gotop {
  backface-visibility: hidden;
  bottom: 70px;
  display: none;
  font-size: 0;
  position: fixed;
  right: 3.91%;
  transition: 0s;
  width: 190px;
  z-index: 2;
}
.btn_gotop.cmn_link_btn {
  font-size: 14px;
  width: 200px;
  display: none;
}
.btn_gotop.cmn_link_btn .cmn_link_btn_text {
  font-weight: normal;
}
.btn_gotop.cmn_link_btn[href="#header"] {
  background: #98d2eb;
}
.btn_gotop.cmn_link_btn[href="#header"] .cmn_link_btn_text {
  color: #000;
  padding: 6px 0 6px 18px;
}
.btn_gotop.cmn_link_btn[href="#header"] .cmn_link_btn_text::after {
  border-color: transparent transparent #000 transparent;
  border-width: 0 5px 8px 5px;
  left: 0;
}
.btn_gotop.btn_sitetop.cmn_link_btn {
  font-size: 11px;
}
.btn_gotop.btn_sitetop.cmn_link_btn .cmn_link_btn_inner {
  padding: 0 5px;
  white-space: nowrap;
}
.btn_gotop.btn_sitetop.cmn_link_btn .cmn_link_btn_text {
  background: url(../image-cmn/footer/ico-btn-sitetop.png) no-repeat left center;
  background-size: 14px;
  padding: 8px 0 8px 16px;
  letter-spacing: .04em;
}
.btn_gotop.btn_sitetop.cmn_link_btn .cmn_link_btn_text::after {
  content: none;
}

body.top .btn_gotop {
  bottom: 20px;
}

.btn_gotop.btn_sitetop {
  bottom: 20px;
}

.btn_gotop_sp .roll:hover {
  opacity: 1;
}

a.btn_gotop_sp {
  /* fixed時の左右ブレ対処 */
  transition: none;
}

.btn_gotop.fixed {
  bottom: 66px;
  position: absolute;
  right: 0;
}

body.top .btn_gotop.fixed {
  bottom: 15px;
  right: 0;
}

.btn_gotop.btn_sitetop.fixed {
  bottom: 15px;
  right: 0;
}

.footer_inner {
  margin: auto;
  max-width: 780px;
  padding: 0 0 20px;
  width: 100%;
}

.footer_office_info {
  text-align: center;
  padding: 0 4%;
}
.footer_office_info_name {
  line-height: 1;
}
.footer_office_info_logo {
  max-width: 207px;
}
.footer_office_info_address {
  font-size: 15px;
  line-height: 1.4;
  margin-top: 15px;
}
.footer_office_info_tell {
  line-height: 1.5;
  font-size: 22px;
}

.footer_inner .footer_cols {
  margin-bottom: 17px;
}

.footer_inner [class*="col_"] {
  float: left;
}

.footer_inner [class*="col_"] li a {
  color: #0d53de;
  font-size: 15px;
  letter-spacing: .6px;
}

.footer_inner [class*="col_"] li a:hover,
.footer_inner .footer_hor_menu li a:hover {
  opacity: .5;
}

.footer_inner [class*="col_"] li {
  margin-bottom: 5px;
}

.footer_inner [class*="col_"] li.no-link {
  color: #848484;
}

.footer_inner .col_1 {
  width: 175px;
}

.footer_inner .col_2 {
  width: 205px;
}

.footer_inner .col_2 li .sub {
  left: -4px;
  position: relative;
}

.footer_inner .col_3 {
  width: 256px;
}

.footer_inner .col_4 {
  padding-top: 2px;
  width: 144px;
}

.footer_inner [class*="col_"] .sub {
  padding-top: 5px;
}

.footer_inner [class*="col_"] .sub li {
  background: url(../image-cmn/footer/bg_sub_menu.png?date=20210506) no-repeat top 5px left 11px;
  padding-left: 21px;
}

.footer_inner .footer_hor_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.footer_inner .footer_hor_menu li {
  background: url(../image-cmn/footer/ico_dots_menu.png?date=20210506) no-repeat center left 0;
  background-size: 19px 12px;
  font-size: 14px;
  letter-spacing: .025em;
  margin-right: 22px;
  padding-left: 25px;
  width: auto;
}

.footer_inner .footer_hor_menu li.no-link {
  background: url(../image-cmn/footer/ico_dots_menu_hide.png?date=20210506) no-repeat center left;
  background-size: 19px 12px;
  color: #848484;
}

.footer_inner .footer_hor_menu li:last-child {
  margin-right: 0;
}

.footer_inner .footer_hor_menu li a {
  color: #0d53de;
}

.footer_inner .footer_hor_menu li:hover a {
  color: #A92121;
  opacity: 1;
}

.footer_inner #footer_logo_area {
  margin: 23px auto 0;
  width: 760px;
  text-align: center;
}

.footer_inner #footer_logo {
  width: 760px;
  margin: 0 auto 10px;
  font-size: 0;
}

.footer_inner #footer_logo li {
  display: inline-block;
  vertical-align: middle;
}

.footer_inner #footer_logo li:nth-child(1) {
  width: 31.6%;
  margin-right: 5.27%;
}
.footer_inner #footer_logo li:nth-child(2) {
  width: 25.3%;
}
.footer_inner #footer_logo li:nth-child(3) {
  width: 20.4%;
  margin-left: 6.5%;
}

#footer_copy {
  font-size: 15px;
  line-height: 1.66;
}

footer .box_copyright {
  background-color: #1d2b38;
  border-top: 10px solid #4784c9;
  font-size: 15px;
  line-height: 1;
  position: relative;
  text-align: center;
}

footer .box_copyright .company_info {
  letter-spacing: 1px;
  max-width: 630px;
  margin: 0 auto;
}

footer .box_copyright .company_info .address {
  padding: .4em 0 0;
  display: block;
}

footer .box_copyright .company_info strong {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}

footer .box_copyright .copyright {
  color: #FFF;
  font-size: 12px;
  letter-spacing: .06em;
  padding: 6px 0;
}

.footer_inner .txt__l {
  color: #b83333;
  font-size: 15px;
  letter-spacing: .15px;
  line-height: 21px;
  margin: 0 auto 0;
  padding: 20px 0 0;
  max-width: 630px;
  text-align: left;
  clear: both;
}

/* フッターはリンク色を変えない */
a.change_link_color {
  color: #FFF;
}

@media (min-width:768px) {
  .footer_inner .footer_hor_menu li:not(.no-link):hover {
    background-image: url(../image-cmn/footer/ico_dots_menu_red.png?date=20210506);
  }

  a.btn_gotop {
    transition: 0s;
  }

  .btn_gotop_sp {
    display: none !important;
  }
}

@media (max-width:767px) {
  #footer {
    border-width: 3px;
  }

  .footer_inner {
    padding-top: 0;
  }

  .footer_inner .footer_hor_menu {
    text-align: left;
  }

  .footer_inner .footer_hor_menu li {
    background: url(../image-cmn/footer/ico_ar_right_gold.png?date=20210506);
    background-position: center right 17px;
    background-repeat: no-repeat;
    background-size: 6px 9px;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .footer_inner .footer_hor_menu li.no-link {
    background-image: url(../image-cmn/footer/ico_ar_right_gold_hide.png?date=20210506);
    background-position: center right 17px;
    background-repeat: no-repeat;
    background-size: 6px 9px;
  }

  .footer_inner .footer_hor_menu li a {
    background: url(../image-cmn/footer/ico_dots_menu.png?date=20210506) no-repeat center left 15px;
    background-size: 19px 12px;
    border-bottom: 1px solid #d2d2d2;
    color: #0d53de;
    display: block;
    font-size: 17px;
    letter-spacing: 2px;
    padding: 18px 15px 15px 46px;
  }

  .footer_inner .footer_hor_menu li.no-link a {
    background: url(../image-cmn/footer/ico_dots_menu_hide.png?date=20210506) no-repeat center left 15px;
    background-size: 19px 12px;
    color: #848484;
  }

  .footer_inner #footer_logo_area {
    margin-top: 30px;
    width: 100%;
  }

  .footer_inner #footer_logo {
    text-align: center;
    width: 100%;
  }

  .footer_inner #footer_logo li:nth-child(1) {
    width: 80%;
    margin: 1rem auto 0;
  }
  .footer_inner #footer_logo li:nth-child(2) {
    width: 70%;
    margin: 1rem auto 0;
  }
  .footer_inner #footer_logo li:nth-child(3) {
    width: 70%;
    margin: 1rem auto 0;
  }

  .footer_inner #footer_copy {
    padding: 0 4%;
  }

  footer .box_copyright {
    font-size: 16px;
    padding: 0;
    text-align: center;
  }

  footer .box_copyright .company_info {
    letter-spacing: 0;
    line-height: 1.5;
  }

  footer .box_copyright .company_info .address {
    padding: 0;
    display: block;
  }

  footer .box_copyright .company_info strong {
    display: block;
    font-size: 25px;
    letter-spacing: -.5px;
    margin-bottom: 0;
  }

  footer .box_copyright .copyright {
    font-size: 12px;
    letter-spacing: .8px;
    line-height: 1.5;
    padding: 6px 70px;
    position: static;
  }

  .btn_gotop_sp {
    bottom: 15px;
    display: none;
    font-size: 0;
    height: 50px;
    margin: auto;
    position: fixed;
    right: 80px;
    width: 50px;
    z-index: 10;
    background: #98d2eb;
    border: solid 1px #213152;
    text-align: center;
  }
  .btn_gotop_sp .btn_gotop_sp_inner {
    display: inline-block;
    padding: 30px 0 0;
    position: relative;
    width: 50px;
  }
  .btn_gotop_sp .btn_gotop_sp_inner::after {
    content: "";
    display: block;
    border-color: transparent transparent #000 transparent;
    border-style: solid;
    border-width: 0 10px 17px 10px;
    height: 0;
    position: absolute;
    left: calc(50% - 10px);
    top: 9px;
    width: 0;
  }
  .btn_gotop_sp .btn_gotop_sp_text {
    color: #000;
    font-size: 10px;
    display: block;
    transform: scale(0.8);
    letter-spacing: -0.01em;
    padding: 0;
    white-space: nowrap;
  }
  .btn_gotop_sp.btn_sitetop {
    background: #366e85;
  }
  .btn_gotop_sp.btn_sitetop .btn_gotop_sp_text {
    color: #FFF;
    margin-left: -2px;
  }
  .btn_gotop_sp.btn_sitetop  .btn_gotop_sp_inner::after {
    content: none;
  }
  .btn_gotop_sp.btn_sitetop .btn_gotop_sp_inner {
    background: url(../image-cmn/footer/ico-btn-sitetop.png) no-repeat top 7px center;
    background-size: 21px;
  }

  body.top .btn_gotop_sp {
    right: 15px;
  }

  body.top .footer_info_wrap.no-fixed .btn_gotop_sp {
    /* -4.241701(画面右端までの%値) = ((100 - 92.18) / 2) * (100 / 92.18) */
    right: calc(-4.241701% + 15px);
  }

  .btn_gotop_sp.btn_sitetop {
    right: 15px;
  }

  .footer_info_wrap.no-fixed .btn_gotop_sp {
    bottom: auto;
    position: absolute;
    top: -66px;
    right: calc(-4.241701% + 80px);
  }

  .footer_info_wrap.no-fixed .btn_gotop_sp.btn_sitetop {
    right: calc(-4.241701% + 15px);
  }

  .footer_sns {
    text-align: center;
  }

  .footer_sns li {
    margin-right: 15px;
  }

  .footer_sns li:last-child {
    margin: 0;
  }

  footer .box_copyright::after {
    display: none;
  }

  .footer_inner .txt__l {
    margin-top: 11px;
    padding: 0 40px;
  }
}

@media (max-width:413px) {
  footer .box_copyright .company_info strong {
    font-size: 23px;
  }

  footer .box_copyright .company_info::after {
    height: 56px;
    right: 5px;
    top: -12px;
    width: 61px;
  }

  footer .box_copyright .copyright {
    padding: 5px 25px;
  }
}

/* ------------------------------------ */
/* ▼ attention_word */
/* ------------------------------------ */
.attention_word {
  max-width: 790px;
  margin: 30px auto 80px;
}

#not-found .attention_word {
  display: none;
}

.attention_word h3 img {
  display: block;
  margin: 0 auto 20px;
}

.attention_word ul {
  font-size: 0;
  margin: auto;
}

.attention_word ul li {
  display: inline-block;
  font-size: 16px;
  letter-spacing: .06em;
  margin-bottom: 5px;
  padding: 0 8px;
  position: relative;
  vertical-align: top;
}

.attention_word ul li::after {
  background: #0a0a0a;
  content: "";
  height: 11px;
  margin-top: -6px;
  right: 0;
  position: absolute;
  top: 50%;
  width: 1px;
}

.attention_word input,
.attention_word label {
  display: none;
}


@media (max-width: 767px) {
  .attention_word {
    margin: 30px auto 0;
    padding: 0;
    position: relative;
    width: 90%;
  }

  .attention_word h3 img {
    display: block;
    margin: 0 auto 14px;
  }

  .attention_word ul {
    width: 100%;
  }

  .attention_word ul li {
    background: #fff;
    display: inline-block;
    letter-spacing: 0;
    margin-bottom: 10px;
    margin: 0 1% 2%;
    padding: 0 0px;
    text-align: center;
    width: 31%;
  }

  .attention_word ul li::after {
    display: none;
  }

  .attention_word ul li span {
    border: 1px solid #b28e5f;
    display: block;
    padding: 5px 0;
  }

  /* CSSアコーディオン */
  .attention_word-hide {
    height: 0;
    opacity: 0;
  }

  .attention_word label {
    border: 1px solid #b28e5f;
    bottom: -27px;
    box-sizing: content-box;
    color: #0d53de;
    display: block;
    font-size: 14px;
    height: 26px;
    left: 1%;
    letter-spacing: 0;
    line-height: 1.9em;
    margin: 0;
    padding: 0 0px;
    position: absolute;
    text-align: center;
    width: 97%;
    z-index: 100;
  }

  .attention_word label::after {
    content: '+';
    display: inline-block;
    -webkit-transition: all .5s;
    transition: all .5s;
  }

  .attention_word input[type=checkbox]:checked~.attention_word-hide {
    height: auto;
    opacity: 1;
    transition: all .5s;
  }

  .attention_word input[type=checkbox]:checked+label::after {
    transform: rotate(45deg);
  }
}

@media only screen and (max-width: 413px) {
  .attention_word ul li {
    font-size: 0;
  }

  .attention_word ul li span {
    font-size: 10px;
    padding: 5px 0;
  }
}

/* ------------------------------------ */
/* ▼ SEO */
/* ------------------------------------ */
.box_seo {
  border: solid 1px #b68c83;
  margin: 60px auto 0;
  padding: 2px;
  max-width: 700px;
}

.box_seo .seo_frame {
  background-image:
    url(../image-cmn/seo/bg-seo-02.png?date=20210506),
    url(../image-cmn/seo/bg-seo-01.jpg?date=20210506);
  background-position: right bottom, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 239px 104px, 150px auto;
  line-height: 1.55;
  padding: 14px 36px;
  position: relative;
  text-align: justify;
  font-size: 15px;
  letter-spacing: .0175em;
}

@media (min-width: 768px) {
  .seo_frame .colspan {
    display: none !important;
  }

  .seo_frame .expand {
    display: block;
  }

  .seo_frame .expand p {
    word-break: normal;
  }

  .btn_seo {
    display: none;
  }
}

@media (max-width:767px) {
  .box_seo {
    margin: 30px auto 0;
    width: 82%;
  }

  .box_seo .seo_frame {
    background-size: 150px 65px, 150px auto;
    padding: .5em;
  }

  .box_seo .seo_frame:after {
    background: no-repeat;
    clear: both;
    content: '';
    display: table;
    height: 0;
    position: static;
  }

  .box_seo .seo_frame .expand p {
    line-height: 28px;
    max-height: 112px;
  }

  .box_seo .seo_frame .expand.active p {
    display: inline;
  }

  .seo_frame .colspan {
    display: block;
  }

  .seo_frame__wrapper {
    position: relative;
  }

  .seo_frame__wrapper .ico_seo {
    display: none;
  }

  .btn_seo {
    color: #0d53de !important;
    display: block;
    font-size: 15px;
    letter-spacing: -1.5px;
    margin: 3px 0 0 0;
    text-align: right;
  }

  .seo_frame .expand .btn_seo {
    display: block;
    float: right;
  }

  .seo_frame .expand.active .btn_seo {
    float: none;
  }
}

@media only screen and (max-width: 413px) {
  body .box_seo .seo_frame {
    font-size: 12px;
  }

  .btn_seo {
    font-size: 12px;
  }
}

/* ------------------------------------ */
/* ▼ map */
/* ------------------------------------ */
.y_mapbox {
  display: block;
  font-size: 0;
  margin: 0 auto;
  position: relative;
}

.mod_map_box .y_mapbox {
  margin: 14px auto 0;
}

.mod_map_box .y_mapbox .y_map {
  height: 446px;
  width: 540px;
}

.mod_map_box .y_mapbox .y_map img {
  height: 440px;
  width: 534px;
}

.y_map img {
  border: 1px solid #cccccc;
  width: 100%;
}

.map_ptbox {
  background: url("../image-cmn/museum/bg_map_pt.png?date=20210506") no-repeat center top;
  background-size: 100% 100%;
  box-sizing: border-box;
  height: 131px;
  top: 0%;
  left: 0%;
  margin-left: 36%;
  margin-top: 15%;
  padding: 5px;
  position: absolute;
  text-align: center;
  vertical-align: top;
  width: 116px;
  z-index: 6;
}

.map_pt {
  height: 78px;
  margin: 0 auto;
  text-align: center;
  width: 100px;
}

.map_facility_name {
  background: #990033;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  margin: 0 auto;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
}

.y_map_icn {
  height: 42px;
}

.bnr_yahoo {
  margin: 5px 0 20px;
}

#map_box_full {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

#gmap_full {
  width: 100%;
  height: 100%;
}

#map_box_full #closebtn {
  background: url(../image-cmn/museum/btn_map_close.png?date=20210506) no-repeat;
  bottom: 20px;
  cursor: pointer;
  font-size: 0;
  height: 38px;
  left: 50%;
  margin-left: -58px;
  position: fixed;
  width: 117px;
  z-index: 300;
}

#map_box_full .map_ptbox {
  background: none;
  border: 2px solid #0068b7;
  border-radius: 6px;
  height: 115px;
  margin: 0;
  position: static;
}

#map_box_full .gm-style-iw {
  text-align: center;
}

#map_box_full .gm-style-iw+div {
  display: none !important;
}

@media (max-width: 767px) {
  .map_ptbox {
    background-size: 50% 50%;
    display: none;
    height: 131px;
    top: 0%;
    left: 0%;
    margin-left: 36%;
    margin-top: 11%;
    padding: 5px;
    width: 116px;
  }

  .gm-style-pbc+div {
    display: none !important;
  }
}

/* ------------------------------------ */
/* ▼ fancybox */
/* ------------------------------------ */
body .fancybox-toolbar {
  display: none !important;
}

body .fancybox-close-small {
  background: url(../image-cmn/museum/ico_closepopup.png?date=20210506) no-repeat top left;
  height: 35px;
  top: -35px;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  width: 35px;
}

body .fancybox-close-small::after {
  display: none;
}

/* ------------------------------------ */
/* ▼ BOX ZOOM FONT SIZE */
/* ------------------------------------ */
/* BOX ZOOM FONT SIZE*/
.box__font__size__inner {
  border-bottom: 1px solid #30518e;
  padding: 1px 10px 5px;
  margin-right: 2px;
}

.charm_detail_content__zoom {
  font-size: 0;
  position: relative;
}

.charm_detail_content__zoom span,
.charm_detail_content__zoom ul,
.charm_detail_content__zoom ul li {
  display: inline-block;
  vertical-align: bottom;
}

.charm_detail_content__zoom ul {
  vertical-align: middle;
}

.charm_detail_content__zoom span {
  font-size: 18px;
  line-height: 1.3;
  margin-right: 12px;
  margin-bottom: 2px;
}

.charm_detail_content__zoom ul li {
  background: #a6c9ed;
  border-radius: 100vh;
  color: #000;
  cursor: pointer;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  margin-right: 8px;
  padding: 0;
  text-align: center;
  width: 30px;
}

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

.charm_detail_content__zoom ul li.active {
  background: #30518e;
  color: #fff;
  cursor: default;
}

.charm_detail_content__zoom ul li:not(.active):hover {
  color: #333;
}

.charm_detail_content__zoom ._small {
  font-size: 16px;
  height: 27px;
  line-height: 27px;
  width: 27px;
}

.charm_detail_content__zoom ._large {
  font-size: 20px;
  height: 33px;
  line-height: 33px;
  width: 33px;
}

/* =============== heading octagon ================= */
.cmn_heading_octagon {
  background:
  url(../image-cmn/title/bg-ttl-octagon01-top.png?date=20210506) no-repeat top center,
  url(../image-cmn/title/bg-ttl-octagon01-bottom.png?date=20210506) no-repeat bottom center;
  background-size: 100% auto;
  color: #fff;
  font-size: 19px;
  line-height: 1.2;
  margin: 0 auto;
  padding: 9px 0 8px;
  position: relative;
  width: 420px;
}

.cmn_heading_octagon::before,
.cmn_heading_octagon::after {
  background-color: #b28e5f;
  content: "";
  display: block;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 200px;
}

.cmn_heading_octagon::before {
  right: 105%;
}

.cmn_heading_octagon::after {
  left: 105%;
}

.cmn_heading_octagon>span {
  background: url(../image-cmn/title/bg-ttl-octagon01-middle.png?date=20210506) repeat top left;
  background-size: 100% auto;
  display: block;
  padding: 0 10px;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.cmn_heading_octagon>span>span {
  display: inline-block;
  font-weight: 600;
  padding: 0 33px;
  position: relative;
}

.cmn_heading_octagon>span>span::before,
.cmn_heading_octagon>span>span::after {
  background: url(../image-cmn/bgtitle/ico_dots.png?date=20210506) no-repeat center;
  content: "";
  display: block;
  height: 17px;
  position: absolute;
  top: 50%;
  width: 23px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.cmn_heading_octagon>span>span::before {
  left: 0;
}

.cmn_heading_octagon>span>span::after {
  right: 0;
}

@media (max-width: 767px) {
  .cmn_heading_octagon {
    font-size: 16px;
    line-height: 1.3;
    padding: 6px 0;
    width: 250px;
  }

  .cmn_heading_octagon:before,
  .cmn_heading_octagon:after {
    width: 30px;
  }

  .cmn_heading_octagon>span {
    font-feature-settings: "pkna";
    padding: 2px 5px 3px;
  }

  .cmn_heading_octagon>span>span {
    padding: 0;
  }

  .cmn_heading_octagon>span>span:before,
  .cmn_heading_octagon>span>span:after {
    background: none;
  }
}

@media (max-width: 340px) {
  .cmn_heading_octagon:before,
  .cmn_heading_octagon:after {
    width: 15px;
  }
}

/* ============== banner_cmn single ================ */
.banner_cmn {
  background: url(../image-cmn/bgtitle/detail_banner.jpg?date=20210506) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  color: #FFF;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝体", "游明朝", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "HG明朝E", "ryo-display-plusn", serif;
  font-size: 18px;
  font-weight: 600;
  height: 100%;
  min-height: 153px;
  margin-bottom: 26px;
  padding: 25px 20px;
  position: relative;
  text-align: left;
  width: 100%;
}

.banner_cmn::before,
.banner_cmn::after {
  bottom: -149px;
  content: "";
  height: 149px;
  position: absolute;
  width: 314px;
}

.banner_cmn::before {
  background: url(../image-cmn/bgtitle/bg_charm_detail_flower01.png?date=20210506) no-repeat top left;
  left: 0;
}

.banner_cmn::after {
  background: url(../image-cmn/bgtitle/bg_charm_detail_flower02.png?date=20210506) no-repeat top left;
  right: 0;
}

.banner_cmn__txt {
  display: table-cell;
  padding: 0 0 0 16px;
  vertical-align: middle;
}

.banner_cmn span {
  color: #fff;
  display: inline-block;
  font-size: 21px;
  font-weight: 600;
  line-height: 23px;
  margin-bottom: 8px;
  margin-right: 10px;
  min-width: 96px;
  padding: 6px 10px;
  text-align: center;
}

.banner_cmn h1 {
  color: #fff;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: .8px;
  line-height: 1.5;
}

@media screen and (max-width: 1024px) {
  .banner_cmn h1 {
    font-weight: 400;
  }
}

@media (max-width: 767px) {
  .banner_cmn {
    background: url(../image-cmn/bgtitle/detail_banner_sp.jpg?date=20210506) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    font-size: 14px;
    margin-bottom: 0;
    min-height: 120px;
    padding: 15px 7px;
  }

  .banner_cmn::before,
  .banner_cmn::after {
    display: none;
  }

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

  .banner_cmn span {
    font-weight: normal;
    margin: 0;
  }

  .banner_cmn h1 {
    font-size: 24px;
    letter-spacing: 1.2px;
    line-height: 29px;
    height: auto;
    margin-top: 5px;
    text-overflow: inherit;
    white-space: normal;
    width: auto;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .banner_cmn span {
    padding: 10px 10px 4px;
  }
}

/* ------------------------------------ */
/* ▼ コンポーネント パーツC アンカーリンク */
/* ------------------------------------ */
.cmn_anchor {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}

.cmn_anchor>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.cmn_anchor>ul>li {
  background-color: #731517;
  display: flex;
  position: relative;
}

.cmn_anchor>ul>li>a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  padding: .75em 10px .64em .3em;
  position: relative;
  text-align: center;
  width: 100%;
}

.cmn_anchor>ul>li>a>span {
  color: #fff;
  display: inline-block;
  font-feature-settings: "palt";
  letter-spacing: .06em;
  line-height: 1.2;
  padding-right: 26px;
  position: relative;
}

.cmn_anchor>ul>li>a>span::before,
.cmn_anchor>ul>li>a>span::after {
  content: "";
  display: block;
  position: absolute;
}

.cmn_anchor>ul>li>a>span::before {
  background-color: #fff7e7;
  height: 16px;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}

.cmn_anchor>ul>li>a>span::after {
  border-color: #731517 transparent transparent transparent;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  height: 0;
  right: 5px;
  top: calc(50% - 4px);
  width: 0;
}

@media (min-width: 768px) {
  .cmn_anchor>ul>li {
    border-top: solid 2px #fff7e7;
    border-bottom: solid 2px #000;
    margin: 0 -10px;
    padding: 0 10px;
    width: calc(100% / 3 + 13px);
  }

  .cmn_anchor>ul.col2>li {
    width: calc(50% + 10px);
  }

  .cmn_anchor>ul.col3>li {
    width: calc(100% / 3 + 13px);
  }

  .cmn_anchor>ul.col4>li {
    width: calc(25% + 15px);
  }

  .cmn_anchor>ul.col5>li {
    width: calc(20% + 16px);
  }

  .cmn_anchor>ul>li::before,
  .cmn_anchor>ul>li::after {
    background: url(../image-cmn/anchor/bg-anchor-line.jpg?date=20210506) repeat 0 0;
    content: "";
    display: block;
    height: calc(100% - 6px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    z-index: 2;
  }

  .cmn_anchor>ul>li::before {
    left: 9px;
  }

  .cmn_anchor>ul>li::after {
    right: 9px;
  }

  .cmn_anchor>ul>li:hover {
    z-index: 1;
  }

  .cmn_anchor>ul>li>a {
    background-color: #731517;
  }

  .cmn_anchor>ul>li>a:hover {
    background-color: #c95456;
    opacity: .8;
  }
}

@media screen and (max-width: 767px) {
  .cmn_anchor {
    padding: 0 10px;
  }

  .cmn_anchor>ul {
    border-top: solid 2px #fff7e7;
    border-bottom: solid 2px #000;
    flex-wrap: wrap;
    padding: 0;
  }

  .cmn_anchor>ul+ul {
    border-top: none;
    margin-top: -2px;
    position: relative;
  }

  .cmn_anchor>ul+ul::before,
  .cmn_anchor>ul+ul::after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }

  .cmn_anchor>ul+ul::before {
    background-color: #d38e90;
  }

  .cmn_anchor>ul+ul::after {
    background-color: #390b0c;
    top: 1px;
  }

  .cmn_anchor>ul>li {
    width: 100%;
  }

  .cmn_anchor>ul:not(:first-of-type)::before,
  .cmn_anchor>ul:not(:first-of-type)::after,
  .cmn_anchor>ul>li:not(:first-of-type)::before,
  .cmn_anchor>ul>li:not(:first-of-type)::after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .cmn_anchor>ul:not(:first-of-type)::before,
  .cmn_anchor>ul>li:not(:first-of-type)::before {
    background-color: #d38e90;
  }

  .cmn_anchor>ul:not(:first-of-type)::after,
  .cmn_anchor>ul>li:not(:first-of-type)::after {
    background-color: #390b0c;
    top: 1px;
  }

  .cmn_anchor>ul>li>a {
    padding: .75em .3em .64em;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmn_anchor>ul>li>a {
    padding: .9em 10px .49em .3em;
  }

  .cmn_anchor>ul>li>a>span::before {
    top: calc(50% - 2px);
    transform: translateY(-50%);
  }

  .cmn_anchor>ul>li>a>span::after {
    top: calc(50% - 6px);
  }
}

/* ------------------------------------ */
/* ▼ コンポーネント パーツC アンカーリンク02 */
/* ------------------------------------ */
.cmn_anchor_02 {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}

.cmn_anchor_02>ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.cmn_anchor_02>ul>li {
  display: flex;
  position: relative;
}

.cmn_anchor_02>ul>li>a {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  padding: .5em .5em .55em .7em;
  position: relative;
  text-align: center;
  width: 100%;
}

.cmn_anchor_02>ul>li>a>span {
  color: #fff;
  display: inline-block;
  font-feature-settings: "palt";
  letter-spacing: .08em;
  line-height: 1.2;
  padding-right: 30px;
  position: relative;
}

.cmn_anchor_02>ul>li>a>span::before,
.cmn_anchor_02>ul>li>a>span::after {
  background-color: #fff;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  top: 50%;
  width: 14px;
}

.cmn_anchor_02>ul>li>a>span::before {
  right: 9px;
  transform: rotate(47deg);
}

.cmn_anchor_02>ul>li>a>span::after {
  right: 0;
  transform: rotate(-47deg);
}

@media (min-width: 768px) {
  .cmn_anchor_02>ul {
    background-image: url(../image-cmn/anchor/bg-anchor-02.jpg?date=20210506);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
  }

  .cmn_anchor_02>ul+ul {
    border-top: solid 1px #fff;
  }

  .cmn_anchor_02>ul>li {
    margin: 0 -10px;
    padding: 0 10px;
    width: calc(100% / 3 - 18px);
  }

  .cmn_anchor_02>ul.col2>li {
    width: calc(50% - 38px);
  }

  .cmn_anchor_02>ul.col3>li {
    width: calc(100% / 3 - 18px);
  }

  .cmn_anchor_02>ul.col4>li {
    width: calc(25% + 15px);
  }

  .cmn_anchor_02>ul.col5>li {
    width: calc(20% + 16px);
  }

  .cmn_anchor_02>ul>li::before,
  .cmn_anchor_02>ul>li::after {
    background: url(../image-cmn/anchor/bg-anchor-02-line.jpg?date=20210506) repeat 0 0;
    content: "";
    display: block;
    height: calc(100% - 10px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    z-index: 2;
  }

  .cmn_anchor_02>ul>li::before {
    left: 9px;
  }

  .cmn_anchor_02>ul>li::after {
    right: 9px;
  }

  .cmn_anchor_02>ul>li:hover {
    z-index: 1;
  }

  .cmn_anchor_02>ul>li>a:hover {
    background-color: #de6666;
    opacity: .8;
  }
}

@media screen and (max-width: 767px) {
  .cmn_anchor_02 {
    padding: 0 10px;
  }

  .cmn_anchor_02>ul {
    flex-wrap: wrap;
    padding: 0;
  }

  .cmn_anchor_02>ul+ul {
    border-top: solid 1px #fff;
  }

  .cmn_anchor_02>ul>li {
    background-image: url(../image-cmn/anchor/bg-anchor-02.jpg?date=20210506);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    width: 100%;
  }

  .cmn_anchor_02>ul>li:nth-of-type(n+2) {
    border-top: solid 1px #fff;
  }

  .cmn_anchor_02>ul>li>a {
    font-size: 15px;
    padding: .75em .3em .64em;
  }

  .cmn_anchor_02>ul>li>a>span::before,
  .cmn_anchor_02>ul>li>a>span::after {
    top: 50%;
    width: 10px;
  }

  .cmn_anchor_02>ul>li>a>span::before {
    right: 6px;
    transform: rotate(47deg);
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmn_anchor_02>ul>li>a {
    padding: .7em .5em .35em .7em;
  }

  .cmn_anchor_02>ul>li>a>span::before,
  .cmn_anchor_02>ul>li>a>span::after {
    top: 40%;
  }
}

/* ------------------------------------ */
/* ▼ コンポーネント パーツC アンカーリンク03 */
/* ------------------------------------ */
.cmn_anchor03 {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  margin-top: 10px;
}

.cmn_anchor03>ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 8px 0 12px;
  background-image: url(../image-cmn/anchor/bg-anchor-spacer.png);
  background-repeat: no-repeat;
  background-position: bottom right 13px;
  background-size: 23%;
}

.cmn_anchor03>ul>li {
  display: flex;
  position: relative;
  background-image: url(../image-cmn/anchor/anchor_bg.png);
  border: 1px solid #731517;
}
.cmn_anchor03>ul>li:hover {
  background-image: url(../image-cmn/anchor/anchor_bg_hv02.png);
}
.cmn_anchor03>ul.btn_color_green>li {
  background-image: url(../image-cmn/anchor/anchor_bg_green.png);
  background-size: 50%;
  border: 1px solid #849766;
}
.cmn_anchor03>ul.btn_color_green>li:hover {
  background-image: url(../image-cmn/anchor/anchor_bg_green_hv.png);
}
.cmn_anchor03>ul.btn_color_yellow>li {
  background-image: url(../image-cmn/anchor/anchor_bg_yellow.png);
  background-size: 50%;
  border: 1px solid #bd9f35;
}
.cmn_anchor03>ul.btn_color_yellow>li:hover {
  background-image: url(../image-cmn/anchor/anchor_bg_yellow_hv.png);
}
.cmn_anchor03>ul.btn_color_brown>li {
  background-image: url(../image-cmn/anchor/anchor_bg_brown.png);
  background-size: 50%;
  border: 1px solid #968465;
}
.cmn_anchor03>ul.btn_color_brown>li:hover {
  background-image: url(../image-cmn/anchor/anchor_bg_brown_hv.png);
}
.cmn_anchor03>ul>li:hover a {
  opacity: .6;
}


.cmn_anchor03>ul>li>a {
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  padding: .50em 5px .39em .3em;
  position: relative;
  text-align: center;
  width: 100%;
}

.cmn_anchor03>ul>li>a>span {
  display: inline-block;
  font-feature-settings: "palt";
  letter-spacing: .06em;
  line-height: 1.2;
  padding-right: 16px;
}

.cmn_anchor03>ul>li>a::before,
.cmn_anchor03>ul>li>a::after {
  content: "";
  display: block;
  position: absolute;
}

.cmn_anchor03>ul>li>a::before {
  background-color: #ffffff;
  height: 16px;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}

.cmn_anchor03>ul>li>a::after {
  border-color: #463500 transparent transparent transparent;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  height: 0;
  right: 8px;
  top: calc(50% - 4px);
  width: 0;
}

@media (min-width: 768px) {
  .cmn_anchor03>ul {
    margin-top: 5px;
  }
  .cmn_anchor03>ul>li {
    margin-right: 5px;
  }

  .cmn_anchor03>ul.col2>li {
    width: calc(50% - 5px);
  }
  .cmn_anchor03>ul.col2>li:nth-of-type(n+3) {
    margin-top: 5px;
  }
  .cmn_anchor03>ul.col2 {
    background-position: bottom 5px right 13px;
  }

  .cmn_anchor03>ul.col3>li {
    width: calc(100% / 3 - 5px);
  }
  .cmn_anchor03>ul.col3>li:nth-of-type(n+4) {
    margin-top: 5px;
  }

  .cmn_anchor03>ul.col4>li {
    width: calc(25% - 5px);
  }
  .cmn_anchor03>ul.col4>li:nth-of-type(n+5) {
    margin-top: 5px;
  }

  .cmn_anchor03>ul.col5>li {
    width: calc(20% - 5px);
  }
  .cmn_anchor03>ul.col5>li:nth-of-type(n+6) {
    margin-top: 5px;
  }
  .cmn_anchor03>ul.col5 {
    background-size: 18%;
  }
}

@media screen and (max-width: 767px) {
  .cmn_anchor03 {
    padding: 0 10px;
  }

  .cmn_anchor03>ul {
    padding: 0;
    background-image:none;
  }

  .cmn_anchor03>ul>li {
    width: 100%;
    margin-top: 5px;
  }
  .cmn_anchor03>ul>li:first-of-type {
    margin-top: 0px;
  }
  .cmn_anchor03>ul+ul>li:first-of-type {
    margin-top: 5px;
  }

  .cmn_anchor03>ul>li>a {
    padding: .60em .34em .47em;
  }
}

/* anchor page tips */
.anchortips:after {
  display: none;
}

.anchortips ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -7px 0 0 0;
  padding-bottom: 7px;
}

.anchortips ul li {
  display: block;
  padding: 0;
  margin: 0;
  width: 33.333%;
  overflow: hidden;
}

/* 4列のときは2行にする */
.anchortips ul li.anchor2_2 {
  width: 35%;
  padding: 0 8px;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .anchortips ul li.anchor2_2 {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
}

.anchortips ul li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: calc(100% + 1px);
  height: 100%;
  background: url("../image-cmn/anchor/anchor_bg_hv.png?date=20210506");
  font-size: 18px;
}

.anchortips ul li a:hover {
  background: url("../image-cmn/anchor/anchor_bg_hv.png?date=20210506");
}

.anchortips ul li a span {
  display: block;
  width: 100%;
  word-break: break-all;
}

.anchortips ul li a::before,
.anchortips ul li a::after {
  background: #FFF;
  display: block;
  content: " ";
  height: 100%;
  opacity: .3;
  width: 1px;
}

.anchortips ul li a::after {
  border: none;
  height: 1px;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
}

.anchortips ul li a span::after {
  border-width: 8px 5px 0 5px;
  top: calc(50% - 4px);
}

@media (max-width: 767px) {
  .anchortips ul {
    margin: -7px 10px 0;
  }

  .anchortips ul li {
    width: 50%;
  }

  .anchortips ul li:nth-child(2n+1) {
    margin-top: 0;
  }
}

/* anchor page master */
.anchormaster {
  max-width: 100%;
}

.anchormaster ul li {
  width: 16%;
}

.anchormaster ul li a {
  padding: 19px 15px;
}

.anchormaster ul li a span::after {
  top: calc(50% - 0px);
}

@media (max-width: 767px) {
  .anchormaster ul li {
    width: 50%;
  }

  .anchormaster ul li a span::after {
    top: calc(50% - 4px);
  }
}

/* ================= COMMON BUTTON ================= */
/* パープル */
.btn_ppl {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
}

.btn_ppl span {
  background: url(../image-cmn/button/btn_ppl_after.svg) no-repeat right center, url(../image-cmn/button/btn_ppl.svg) no-repeat left center;
  background-color: #7F1EB0;
  color: #FFF !important;
  display: inline-block;
  font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ryo-display-plusn", serif;
  min-width: 150px;
  padding: 11px 55px 11px 38px;
  position: relative;
}

.btn_ppl span::after,
.btn_ppl span::before {
  border-color: #ffffff transparent transparent transparent;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  content: "";
  display: inline-block;
  height: 0;
  position: absolute;
  top: calc(50% - 4px);
  right: 20px;
  width: 0;
}

.btn_ppl span::before {
  display: none;
}

.btn_ppl.active span::after {
  transform: rotate(180deg);
}

.btn_ppl_arr {
  float: right;
}

.btn_ppl_arr span {
  width: 255px;
  margin-top: 10px;
}

.btn_ppl_arr span::after,
.btn_ppl_arr span::before {
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

.btn_ppl2 span {
  background: url(../image-cmn/button/btn_ppl_after.svg) no-repeat right center, url(../image-cmn/button/btn_ppl.svg) no-repeat left center;
  background-color: #7F1EB0;
}

@media (max-width: 767px) {
  .btn_ppl span {
    width: 250px;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .btn_ppl span {
    padding: 12px 55px 10px 30px;
  }
}



/* グレー */
.btn_gr {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  text-align: center;
}

.btn_gr span {
  background: url(../image-cmn/button/btn_gr_after.svg) no-repeat right center, url(../image-cmn/button/btn_gr.svg) no-repeat left center #9b9b9b;
  color: #FFF !important;
  display: inline-block;
  font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ryo-display-plusn", serif;
  min-width: 150px;
  padding: 11px 55px 11px 38px;
  position: relative;
}

.btn_gr span::after,
.btn_gr span::before {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  content: "";
  display: inline-block;
  height: 0;
  position: absolute;
  right: 20px;
  top: calc(50% - 4px);
  width: 0;
}

.btn_gr span::before {
  display: none;
}

.btn_gr_arr {
  float: right;
}

.btn_gr_arr span {
  margin-top: 10px;
  width: 255px;
}

.btn_gr_arr span::after,
.btn_gr_arr span::before {
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .btn_gr span {
    padding: 12px 55px 10px 30px;
  }
}

/* ------------------------------------ */
/* ▼ コンポーネント パーツA 見出し h2 */
/* ------------------------------------ */
/* 見出しの数で背景パターンを変更する */
/* type01 */
.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+1) .cmn_h2_01 {
  background-image: url(../image-cmn/titleh2/bg-h2-pattern-01.png?date=20210506);
}

.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+1) .cmn_h2_01>span {
  background-color: #39200b;
}

.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+1) .cmn_h2_01>span::before {
  background-image: url(../image-cmn/titleh2/bg-h2-01-01.png?date=20210506);
}

.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+1) .cmn_h2_01>span::after {
  background-image: url(../image-cmn/titleh2/bg-h2-01-02.png?date=20210506);
}

/* type02 */
.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+2) .cmn_h2_01 {
  background-image: url(../image-cmn/titleh2/bg-h2-pattern-02.png?date=20210506);
}

.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+2) .cmn_h2_01>span {
  background-color: #7d6b4f;
}

.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+2) .cmn_h2_01>span::before {
  background-image: url(../image-cmn/titleh2/bg-h2-02-01.png?date=20210506);
}

.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+2) .cmn_h2_01>span::after {
  background-image: url(../image-cmn/titleh2/bg-h2-02-02.png?date=20210506);
}

/* type03 */
.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+3) .cmn_h2_01 {
  background-image: url(../image-cmn/titleh2/bg-h2-pattern-01.png?date=20210506);
}

.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+3) .cmn_h2_01>span {
  background-color: #5d0f12;
}

.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+3) .cmn_h2_01>span::before {
  background-image: url(../image-cmn/titleh2/bg-h2-03-01.png?date=20210506);
}

.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+3) .cmn_h2_01>span::after {
  background-image: url(../image-cmn/titleh2/bg-h2-03-02.png?date=20210506);
}

/* type04 */
.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+4) .cmn_h2_01 {
  background-image: url(../image-cmn/titleh2/bg-h2-pattern-02.png?date=20210506);
}

.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+4) .cmn_h2_01>span {
  background-color: #a28a34;
}

.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+4) .cmn_h2_01>span::before {
  background-image: url(../image-cmn/titleh2/bg-h2-04-01.png?date=20210506);
}

.h2_icon_pattern__wrapper>.h2_icon_pattern:nth-of-type(4n+4) .cmn_h2_01>span::after {
  background-image: url(../image-cmn/titleh2/bg-h2-04-02.png?date=20210506);
}

/* classで背景パターンを変更する */
/* type01 */
.cmn_h2_01.type01 {
  background-image: url(../image-cmn/titleh2/bg-h2-pattern-01.png?date=20210506) !important;
}

.cmn_h2_01.type01>span {
  background-color: #39200b !important;
}

/* type02 */
.cmn_h2_01.type02 {
  background-image: url(../image-cmn/titleh2/bg-h2-pattern-02.png?date=20210506) !important;
}

.cmn_h2_01.type02>span {
  background-color: #7d6b4f !important;
}

/* type03 */
.cmn_h2_01.type03 {
  background-image: url(../image-cmn/titleh2/bg-h2-pattern-01.png?date=20210506) !important;
}

.cmn_h2_01.type03>span {
  background-color: #5d0f12 !important;
}

/* type04 */
.cmn_h2_01.type04 {
  background-image: url(../image-cmn/titleh2/bg-h2-pattern-02.png?date=20210506) !important;
}

.cmn_h2_01.type04>span {
  background-color: #a28a34 !important;
}

@media (min-width: 768px) {
  .cmn_h2_01 {
    background-position: center center;
    background-repeat: repeat;
    background-size: 2.299% auto;
    border: 1px solid #39200b;
    display: block;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝体", "游明朝", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "HG明朝E", "ryo-display-plusn", serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
  }

  .cmn_h2_01>span {
    color: #fff;
    display: inline-block;
    font-feature-settings: "palt";
    letter-spacing: .04em;
    margin: 0 auto;
    padding: 1.392% 4% 1.16%;
    position: relative;
    text-align: center;
    width: 60%;
  }

  .cmn_h2_01>span::before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 98px;
    position: absolute;
    left: -84px;
    top: 50%;
    transform: translateY(-50%);
    width: 171px;
  }

  .cmn_h2_01>span::after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 98px;
    position: absolute;
    right: -84px;
    top: 50%;
    transform: translateY(-50%);
    width: 169px;
  }
}

@media screen and (max-width: 767px) {
  .cmn_h2_01 {
    background-position: center center;
    background-repeat: repeat;
    background-size: 2.299% auto;
    border: 1px solid #39200b;
    display: block;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝体", "游明朝", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "HG明朝E", "ryo-display-plusn", serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1;
    margin: 0 auto;
    overflow: hidden;
  }

  .cmn_h2_01>span {
    color: #fff;
    display: block;
    font-feature-settings: "palt";
    letter-spacing: .04em;
    margin: 0 auto;
    padding: 4% 8% 3%;
    position: relative;
    text-align: center;
    width: 80%;
  }
  .cmn_h2_01>span::before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 98px;
    position: absolute;
    left: -84px;
    top: 50%;
    transform: translateY(-50%);
    width: 171px;
  }

  .cmn_h2_01>span::after {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "";
    display: block;
    height: 98px;
    position: absolute;
    right: -84px;
    top: 50%;
    transform: translateY(-50%);
    width: 169px;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmn_h2_01>span {
    padding: 14px 15px 8px;
  }
}

/* h2 type02 */
.title_h2cmn_02 {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  position: relative;
}

.title_h2cmn_02::after {
  background-color: #55462e;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}

.title_h2cmn_02>span {
  background: url(../image-cmn/titleh2/bg-h2-sword.png?date=20210506) no-repeat right top;
  background-size: cover;
  display: inline-block;
  padding: .3em 4.5em .3em 2.25em;
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .title_h2cmn_02 {
    font-size: 19px;
    line-height: 1.3;
  }

  .title_h2cmn_02>span {
    padding: .25em 4em .25em 1em;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .title_h2cmn_02>span {
    padding: .3em 3.7em .11em 2.25em;
  }
}


.cmn_h2_05 {
  background-color: #2c4d98;
  border: 1px solid #bdab8b;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.1;
  position: relative;
}

.cmn_h2_05>span {
  background: url(../image-cmn/titleh2/bg-h2-05.png) no-repeat right -1px center;
  background-size: 58%;
  display: block;
  padding: .43em 4.5em .43em 2.25em;
}

@media (max-width:767px) {
  .cmn_h2_05 {
    font-size: 19px;
    line-height: 1.3;
  }
  .cmn_h2_05>span {
    padding: .38em 4em .38em 1em;
  }
}

.cmn_h2_06 {
  background-image: url(../image-cmn/titleh2/bg-h2-06-l.jpg), url(../image-cmn/titleh2/bg-h2-06-r.jpg);
  background-repeat: repeat-y, repeat-y;
  background-position: left center, right center;
  background-size: 23%, 20%;
  background-color: #6d7aca;
  border: 1px solid #87734a;
  border-radius: 100vh;
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.3;
  max-width: 780px;
  margin: 0 auto;
  padding: .3em 1.35em .3em;
  text-align: center;
}

@media (max-width:767px) {
  .cmn_h2_06 {
    font-size: 19px;
  }
}

/* ------------------------------------ */
/* ▼ コンポーネント パーツA 見出し h3 */
/* ------------------------------------ */
.cmn_h3_01,
.cmn_h3_02 {
  background-color: #fff;
  border: solid 2px #9b873a;
  border-radius: 100vh;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.cmn_h3_01>span,
.cmn_h3_02>span {
  background-image:
    url(../image-cmn/title/bg-h3-flower01.png?date=20210506),
    url(../image-cmn/title/bg-h3-flower02.png?date=20210506),
    url(../image-cmn/title/bg-h3-pattern.jpg?date=20210506);
  background-repeat: no-repeat, no-repeat, repeat;
  border: solid 1px #fff;
  border-radius: 100vh;
  display: block;
  font-weight: 600;
  overflow: hidden;
  width: 100%;
}

@media (min-width:768px) {
  .cmn_h3_01,
  .cmn_h3_02 {
    font-size: 20px;
    line-height: 1.1;
  }

  .cmn_h3_01>span,
  .cmn_h3_02>span {
    background-position:
      left -27px top 30%,
      right -27px top 30%,
      0 0;
    background-size: 168px auto, 168px auto, 125px auto;
    padding: .475em 5.5em;
  }
  .cmn_h3_02 {
    max-width: 500px;
  }
}

@media screen and (max-width: 767px) {
  .cmn_h3_01,
  .cmn_h3_02 {
    font-size: 19px;
    line-height: 1.2;
  }

  .cmn_h3_01>span,
  .cmn_h3_02>span {
    background-position:
      left -47px top 18%,
      right -47px top 18%,
      0 0;
    background-size: 110px auto, 110px auto, 125px auto;
    padding: .475em 1.5em;
  }
}


@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmn_h3_01>span,
  .cmn_h3_02>span {
    padding: .6em 5.5em .35em;
  }
}

/* A-02-03 関連Youtube動画で使用 */
.cmn_h3_03 {
  font-size: 19px;
  max-width: 1000px;
  overflow: hidden;
  text-align: center;
}

.cmn_h3_03_border {
  display: inline-block;
  position: relative;
}

.cmn_h3_03_border::before,
.cmn_h3_03_border::after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  top: calc(50% - 1px);
  width: 400px;
}

.cmn_h3_03_inner {
  background-position:
    left top,
    right top,
    right bottom,
    left bottom;
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat,
    no-repeat;
  background-size:
    12px 12px,
    12px 12px,
    12px 12px,
    12px 12px;
  display: block;
  padding: 5px 12px;
  position: relative;
}

.cmn_h3_03_inner::before,
.cmn_h3_03_inner::after {
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: 1px 5px;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  left: 50%;
  width: calc(100% - 22px);
  transform: translateX(-50%);
}

.cmn_h3_03_inner::before {
  top: 0;
}

.cmn_h3_03_inner::after {
  bottom: 0;
}

.cmn_h3_03_txt {
  color: #fff;
  display: block;
  font-weight: 600;
  letter-spacing: .065em;
  line-height: 1.2;
  margin-right: -1px;
  margin-left: -1px;
  text-align: center;
}

.cmn_h3_03_txt::before,
.cmn_h3_03_txt::after {
  background-position: 0 0;
  background-repeat: repeat-y;
  background-size: 12px 1px;
  content: "";
  display: block;
  height: calc(100% - 22px);
  position: absolute;
  top: 50%;
  width: 12px;
  transform: translateY(-50%);
}

.cmn_h3_03_txt::before {
  left: 0;
}

.cmn_h3_03_txt::after {
  right: 0;
}

.cmn_h3_03_txt span {
  display: inline-block;
  position: relative;
}

.cmn_h3_03_txt span::after,
.cmn_h3_03_txt span::before {
  background: url(../image-cmn/bgtitle/ico.png) no-repeat 0 0;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  z-index: 1;
}

/* color variation */
/* type01 */
.cmn_h3_03.type01 .cmn_h3_03_border::before,
.cmn_h3_03.type01 .cmn_h3_03_border::after {
  background-color: #9e792e;
}

.cmn_h3_03.type01 .cmn_h3_03_inner {
  background-image:
    url(../image-cmn/bgtitle/bg-h-octa-01-round-01.png),
    url(../image-cmn/bgtitle/bg-h-octa-01-round-02.png),
    url(../image-cmn/bgtitle/bg-h-octa-01-round-03.png),
    url(../image-cmn/bgtitle/bg-h-octa-01-round-04.png);
}

.cmn_h3_03.type01 .cmn_h3_03_inner::before {
  background-color: #9e792e;
  border-bottom: solid 1px #bda16b;
}

.cmn_h3_03.type01 .cmn_h3_03_inner::after {
  background-color: #9e792e;
  border-top: solid 1px #bda16b;
}

.cmn_h3_03.type01 .cmn_h3_03_txt {
  background-color: #9e792e;
}

.cmn_h3_03.type01 .cmn_h3_03_txt::before {
  background-image: url(../image-cmn/bgtitle/bg-h-octa-01-left.png);
}

.cmn_h3_03.type01 .cmn_h3_03_txt::after {
  background-image: url(../image-cmn/bgtitle/bg-h-octa-01-right.png);
}

@media (min-width: 768px) {
  .cmn_h3_03 {
    padding: 0 2em;
  }

  .cmn_h3_03_border::before {
    right: calc(100% + 20px);
  }

  .cmn_h3_03_border::after {
    left: calc(100% + 20px);
  }

  .cmn_h3_03_txt {
    padding: 6px 100px;
  }

  .cmn_h3_03_txt span::after {
    left: -30px;
  }

  .cmn_h3_03_txt span::before {
    right: -30px;
  }
}

@media screen and (max-width: 767px) {
  .cmn_h3_03 {
    font-size: 1.8rem;
    padding: 0 1em;
  }

  .cmn_h3_03_border::before {
    right: calc(100% + 10px);
  }

  .cmn_h3_03_border::after {
    left: calc(100% + 10px);
  }

  .cmn_h3_03_inner {
    min-width: 242px;
  }

  .cmn_h3_03_txt {
    background-position: left center, right center;
    letter-spacing: .04em;
    line-height: 1.1;
    padding: .4em 1.5em;
  }

  .cmn_h3_03_txt span::after {
    left: -27px;
  }

  .cmn_h3_03_txt span::before {
    right: -27px;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmn_h3_03_txt {
    padding: .4em 4.2em .18em;
  }
}
/* 動画用見出し（一時的）▲ */

.cmn_h3_04 {
  background: url(../image-cmn/titleh2/bg-h3-04.jpg) no-repeat right center;
  background-size: 60%;
  background-color: #edd6cf;
  border: 1px solid #87734a;
  border-radius: 100vh;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.3;
  max-width: 780px;
  margin: 0 auto;
  text-align: left;
}
.cmn_h3_04_inner {
  display: block;
  padding: .3em 7em .3em 1.35em;
}
.cmn_h3_04_txt {
  text-shadow:0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf,0 0 3px #edd6cf;
}

@media (max-width:767px) {
  .cmn_h3_04 {
    font-size: 19px;
  }
  .cmn_h3_04_inner {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 100vh;
    padding: .3em 1.35em .3em;
  }
  .cmn_h3_04_txt {
    text-shadow:0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9,0 0 3px #f1ded9;
  }  
}

.cmn_h3_05 {
  background: #804455;
  border: 1px solid #500419;
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.3;
  max-width: 780px;
  margin: 0 auto;
  padding: 0 78px;
  position: relative;
  text-align: center;
}
.cmn_h3_05::before,
.cmn_h3_05::after {
  content: "";
  display: inline-block;
  height: 100%;
  position: absolute;
  z-index: 2;
}
.cmn_h3_05::before {
  background: url(../image-cmn/title/bg-h3-05_l.png) no-repeat top left;
    left: 0;
    background-size: contain;
    min-width: 86px;
}
.cmn_h3_05::after {
  background: url(../image-cmn/title/bg-h3-05_r.png) no-repeat top right;
    right: 0;
    background-size: contain;
    min-width: 90px;
}
.cmn_h3_05>span {
  background: #a4576d;
  display: inline-block;
  padding: .15em 0.5em .2em;
  position: relative;
  width: 100%;
}
.cmn_h3_05>span::before,
.cmn_h3_05>span::after {
  content: "";
  display: block;
  position: absolute;
    bottom: 0;
  height: 100%;
  width: 15px;
}
.cmn_h3_05>span::before {
  background: linear-gradient(to left top, #a4576d 0%, #a4576d 50.4%, transparent 51.9%, transparent 100%);
    right: 100%;
}
.cmn_h3_05>span::after {
  background: linear-gradient(to right top, #a4576d 0%, #a4576d 50.4%, transparent 51.9%, transparent 100%);
    left: 100%;
}

.cmn_h3_05.type02 {
  background: #653636;
}
.cmn_h3_05.type02>span {
  background: #bb5959;
}
.cmn_h3_05.type02>span::before {
  background: linear-gradient(to left top, #bb5959 0%, #bb5959 50.4%, transparent 51.9%, transparent 100%);
}
.cmn_h3_05.type02>span::after {
  background: linear-gradient(to right top, #bb5959 0%, #bb5959 50.4%, transparent 51.9%, transparent 100%);
}

@media (max-width:767px) {
  .cmn_h3_05 {
    padding: 0 25px;
  }
  .cmn_h3_05::before,
  .cmn_h3_05::after {
    content: none;
  }
}

/* ------------------------------------ */
/* ▼ コンポーネント パーツA 見出し h4 */
/* ------------------------------------ */
.cmn_h4_01 {
  border-bottom: 2px solid #a79240;
  font-weight: 600;
  line-height: 1.2;
  position: relative;
}

.cmn_h4_01::before {
  background: url(../image-cmn/title/ico-ttl-gold.png?date=20210506) 0 center / contain no-repeat;
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
}

@media (min-width: 768px) {
  .cmn_h4_01 {
    font-size: 20px;
    padding: 0 0 .45em 1.65em;
  }

  .cmn_h4_01::before {
    margin-top: -.2em;
  }
}

@media screen and (max-width: 767px) {
  .cmn_h4_01 {
    font-size: 18px;
    padding: 0 0 .33em 1.55em;
  }

  .cmn_h4_01::before {
    margin-top: -.18em;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmn_h4_01::before {
    margin-top: -.3em;
  }
}

/* ------------------------------------ */
/* ▼ コンポーネント パーツH リード文 */
/* ------------------------------------ */
.cmn_intro_read {
  margin-left: auto;
  margin-right: auto;
  max-width: 820px;
  padding: 0 20px;
  text-align: left;
  width: 100%;
}

/* ------------------------------------ */
/* ▼ パーツB テキスト／リスト */
/* ------------------------------------ */
/* 通常リスト */
.cmn_disc_list_01>li {
  line-height: 1.6;
  padding-left: 1em;
  position: relative;
}

.cmn_disc_list_01>li::before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

/* 通常リスト（ひし形） */
.cmn_rhombus_list_01>li {
  line-height: 1.6;
  padding-left: 1.3em;
  position: relative;
}

.cmn_rhombus_list_01>li::before {
  content: "◆";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

/* 連番リスト */
.cmn_ordered_list_01 {
  padding-left: 2.5em;
}

.cmn_ordered_list_01>li {
  letter-spacing: .055em;
  line-height: 1.6;
  list-style: decimal;
}

/* 注釈リスト */
.cmn_reference_list_01>li {
  padding-left: 1em;
  position: relative;
}

.cmn_reference_list_01>li::before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

@media (min-width: 768px) {
  .cmn_reference_list_01>li {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .cmn_reference_list_01>li {
    font-size: 1.5rem;
  }
}

/* 定義リスト */
.cmn_def_area {
  border: solid 1px #846915;
}

.cmn_def_title {
  background: url(../image-cmn/bgtitle/bg-ttl02.png?date=20210506) repeat 0 0;
  color: #fff;
  font-weight: 600;
  letter-spacing: .06em;
  padding: 6px 20px;
  text-align: center;
}

.cmn_def_label {
  background: #98853f;
  padding: 3px 0;
  width: 120px;
}

.cmn_def_label>span {
  border-top: solid 1px #cbbc83;
  border-bottom: solid 1px #cbbc83;
  color: #fff;
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1px 10px;
  text-align: center;
}

@media (min-width:768px) {
  .cmn_def_area_inner {
    padding: 20px 20px 25px;
  }

  .cmn_def_list_01 {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .cmn_def_title {
    font-size: 2rem;
  }

  .cmn_def_text {
    font-size: 1.8rem;
    margin-top: 4px;
    width: calc( 100% - 130px);
  }
}

@media screen and (max-width: 767px) {
  .cmn_def_area {
    margin-right: auto;
    margin-left: auto;
    max-width: 500px;
  }
  .cmn_def_area_inner {
    padding: 15px 20px;
  }

  .cmn_def_title {
    font-size: 1.8rem;
  }

  .cmn_def_text {
    margin-top: 5px;
  }
}

/* ============== box description category ================ */
.box_description {
  color: #000;
  margin: 0 auto;
  max-width: 780px;
  padding: 12px 0 45px;
  text-align: center;
}

@media (max-width: 767px) {
  .box_description {
    font-size: 15px;
    letter-spacing: .75px;
    line-height: 22px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 15px 24px;
    text-align: left;
  }
}

.item-hidden {
  display: none;
}

@media (max-width: 767px) {
  .item-hidden {
    display: block;
  }
}

/* ==========common character========= */
.item.no_data {
  cursor: default;
  position: relative;
}

.item.no_data img {
  border: 0;
  position: absolute;
  top: 47.6%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 58.335%;
}

/* 隙間画像が2枚以上並ぶときは1枚目を表示させない */
.item.no_data.hide_spacer img {
  display: none;
}

/* =============Table common========== */
.table_cmn {
  width: 100%;
  border: 1px solid #b28e5f;
  background: #FFF;
}

.table_cmn td,
.table_cmn th {
  line-height: 24px;
  padding: 20px 12px;
  border-bottom: 1px solid #e8ddcf;
  position: relative;
  vertical-align: middle;
  line-height: 24px;
}

.table_cmn th {
  background: url('../image-cmn/table/bg_table.jpg?date=20210506');
  font-weight: 600;
  text-align: center;
  color: #FFF;
  min-width: 100px;
}

.table_cmn tr:last-child td,
.table_cmn tr:last-child th {
  border-bottom: none;
}

@media (max-width:767px) {
  .table_cmn td,
  .table_cmn th {
    padding: 15px 18px;
    font-size: 15px;
  }
}

/* =============Table common========== */
.cmn_tbl {
  border: solid 3px #a29671;
  margin-right: auto;
  margin-left: auto;
}

.cmn_tbl tr {
  border-top: solid 1px #a29671;
}

.cmn_tbl tr:first-child {
  border-top: none;
}

.cmn_tbl th,
.cmn_tbl td {
  border-right: solid 1px #a29671;
  vertical-align: middle;
}

.cmn_tbl th {
  text-align: center;
}

.cmn_tbl th:not(.cmn_not_boder2px, .cmn_not_border2px) {
  border-right: solid 2px #a29671;
}

.cmn_tbl tr th {
  padding: 11px;
}

.cmn_tbl td {
  padding: 11px 10px 11px 30px;
}

.cmn_tbl td.cmn_add_border2px,
.cmn_tbl td.cmn_add_boder2px {
  border-right: solid 2px #a29671;
}

@media (max-width:767px) {
  .cmn_tbl {
    max-width: 600px;
  }

  .cmn_tbl_scroll .cmn_tbl {
    width: 600px;
  }

  .cmn_tbl td {
    padding: 11px;
  }
}

/* ==========Table Keep Left========== */
.cmn_tbl_keepleft_wrap {
  max-width: 780px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 100%;
}

.cmn_tbl_keepleft_scroll {
  overflow-x: auto;
}

.cmn_tbl_keepleft {
  border: solid 3px #a29671;
  display: block;
  width: 780px;
}

.cmn_tbl_keepleft tr {
  border-top: solid 1px #a29671;
  display: flex;
  flex-wrap: wrap;
}

.cmn_tbl_keepleft tr:first-of-type {
  border: none;
}

.cmn_tbl_keepleft th,
.cmn_tbl_keepleft td {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.cmn_tbl_keepleft thead {
  border-top: solid 3px #a29671;
  border-right: solid 2px #a29671;
  border-bottom: solid 3px #a29671;
  border-left: solid 3px #a29671;
  position: absolute;
  left: 0;
  top: 0;
  width: 156px;
  z-index: 2;
}

.cmn_tbl_keepleft thead tr:first-of-type th {
  background-color: #0b4c79;
}

.cmn_tbl_keepleft thead th {
  background-color: #f4ecce;
  width: 100%;
}

.cmn_tbl_keepleft tbody {
  display: flex;
  flex-wrap: wrap;
  padding-left: 158px;
}

.cmn_tbl_keepleft tbody tr {
  width: 100%;
}

.cmn_tbl_keepleft tbody th,
.cmn_tbl_keepleft tbody td {
  border-right: solid 1px #a29671;
  width: 100%;
}

.cmn_tbl_keepleft tbody th:last-of-type,
.cmn_tbl_keepleft tbody td:last-of-type {
  border-right: none;
}

.cmn_tbl_keepleft tbody th {
  background-color: #0b4c79;
  color: #fff;
}

.cmn_tbl_keepleft_scroll::-webkit-scrollbar {
  height: 6px;
}

.cmn_tbl_keepleft_scroll::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, .1);
  border-radius: 3px;
  margin: 0 5px;
}

.cmn_tbl_keepleft_scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .75);
  border-radius: 3px;
}

@media (max-width: 767px) {
  .cmn_tbl_keepleft {
    width: 735px;
  }

  .cmn_tbl_keepleft thead {
    width: 110px;
  }

  .cmn_tbl_keepleft tbody {
    padding-left: 112px;
  }
}

/* =============Table common scroll ========== */
@media (max-width: 640px) {
  .cmn_tbl_scroll {
    overflow-x: scroll;
  }

  .cmn_tbl_scroll::-webkit-scrollbar {
    height: 6px;
  }

  .cmn_tbl_scroll::-webkit-scrollbar-track {
    margin: 0 5px;
    background: rgba(0,0,0,.1);
    border-radius: 3px;
  }

  .cmn_tbl_scroll::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(0,0,0,.75);
  }

  .cmn_tbl_scroll .cmn_tbl {
    margin-bottom: 10px;
  }
}

/* Table color01 */
.cmn_tbl.color01 th {
  background: #f4ecce;
}

.cmn_tbl.color01 .cmn_tbl_top th {
  background: #0b4c79;
  color: #fff;
}

/* Table color02 */
.cmn_tbl.color02 th {
  background: #0b4c79;
  color: #fff;
}

/* Table color03 */
.cmn_tbl.color03 thead th {
  background: #841318 url(../image-cmn/table/bg-thead.png);
  color: #fff;
}
.cmn_tbl.color03 thead th.cmn_thead_title {
	background: url(../image-cmn/table/bg-thead-title.png);
}
.cmn_tbl.color03 thead th.cmn_thead_title .cmn_thead_title_inner {
  color: #fff;
  font-weight: 600;
}
.cmn_tbl.color03 thead th.cmn_thead_title .cmn_thead_title_inner > span {
  position: relative;
}
.cmn_tbl.color03 thead th.cmn_thead_title .cmn_thead_title_inner > span:before,
.cmn_tbl.color03 thead th.cmn_thead_title .cmn_thead_title_inner > span:after {
  background: url(../image-cmn/table/ico-flower.png) no-repeat;
  content: '';
  display: block;
  height: 18px;
  left: -30px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px;
}
.cmn_tbl.color03 thead th.cmn_thead_title .cmn_thead_title_inner > span:after {
  left: auto;
  right: -30px;
}
.cmn_tbl.color03 thead tr {
  border-top: solid 2px #a29671;
}
.cmn_tbl.color03 tbody tr:first-child {
  border-top: solid 1px #a29671;
}
.cmn_tbl.color03  td.first_item {
  background: #f4ecce;
  border-right: none;
  text-align: center;
  padding: 0;
}

/* ====================Banner h1 tip ====================*/
.banner_h1 {
  font-size: 0;
  position: relative;
  text-align: center;
}
.cmn_h1_sitetop_name {
  display: block;
  font-size: 60%;
  font-weight: normal;
  line-height: 1.3;
}
.bannercharmarmor,
.bannercharm {
  margin-bottom: 12px;
}

.top .bannercharm {
  margin-bottom: 0;
}

.bannercharmarmor::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgb(255, 255, 255, .3);
}

.banner_h1 .txth1 {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  font-weight: 600;
  height: 100%;
  letter-spacing: .06em;
  line-height: 1.6;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.banner_h1 .txth1.bg_bl {
  background-color: rgba(0, 0, 0, .5);
}

.banner_h1 .txth1>.txth1_inner {
  display: inline-block;
  padding: 0 1em;
}

.txth1_inner > .txth1_inner_small {
  font-size: 28px;
  border-bottom: 2px solid #fff;
  padding: 0 1em 0.15em;
  line-height: 1.2;
}
.txth1_inner > span {
  display: block;
}

.banner_h1 .txth1 em {
  color: #151056;
  display: inline-block;
  font-size: 20px;
  letter-spacing: 1px;
  margin: 0 auto;
  position: relative;
  text-align: center
}

.bannercharm .txth1 em {
  color: #C2A57F;
}

.banner_h1 .txth1 em::before,
.banner_h1 .txth1 em::after {
  background: #151056;
  content: "";
  height: 1px;
  left: -35px;
  position: absolute;
  top: 50%;
  width: 27px;
}

.banner_h1 .txth1 em::after {
  left: auto;
  right: -35px;
}

.bannercharm .txth1 em::before,
.bannercharm .txth1 em::after {
  background: #C2A57F;
}

.bannercharmarmor,
.bannercharm {
  margin-bottom: 12px;
}

/* ====================Banner single h1 tip ====================*/
.bannerh1_single {
  font-size: 0;
  position: relative;
  text-align: left;
}

.bannerh1_single::before,
.bannerh1_single::after {
  bottom: -149px;
  content: "";
  height: 149px;
  position: absolute;
  width: 314px;
}

.bannerh1_single::before {
  background: url(../image-cmn/bgtitle/bg_charm_detail_flower01.png?date=20210506) no-repeat top left;
  left: 0;
}

.bannerh1_single::after {
  background: url(../image-cmn/bgtitle/bg_charm_detail_flower02.png?date=20210506) no-repeat top left;
  right: 0;
}

.bannerh1_single h1 {
  position: relative;
}

.bannerh1_single .txth1 {
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  color: #fff;
  font-size: 35px;
  font-weight: 300;
  letter-spacing: .8px;
  line-height: 1.5;
  padding: 20px 35px 30px 20px;
  display: block;
  text-shadow: 2px 2px 4px #222;
}

.bannerh1_single .txth1 em {
  color: #fff;
  display: inline-block;
  font-size: 21px;
  font-weight: 600;
  line-height: 23px;
  margin-bottom: 8px;
  text-align: center;
  min-width: 70px;
  padding: 6px 10px;
  margin-right: 10px;
  text-shadow: none;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

  .bannercharmarmor .txth1,
  .bannercharm .txth1 {
    margin-top: 10px;
  }

  .bannerh1_single .txth1 em {
    padding: 10px 10px 2px;
  }
}

@media (max-width: 767px) {
  .banner_h1 {
    padding: 0 10px;
  }

  .banner_h1>h1 {
    position: relative;
  }

  .banner_h1 .txth1 {
    font-size: 5vw;
    line-height: 1.4;
  }

  .banner_h1 .txth1 em {
    font-size: 14px;
    font-feature-settings: "pkna";
    letter-spacing: .8px;
    line-height: inherit;
  }

  .banner_h1 .txth1 em::before,
  .banner_h1 .txth1 em::after {
    width: 11px;
    left: -15px;
  }

  .banner_h1 .txth1 em::after {
    left: auto;
    right: -15px;
  }
  .txth1_inner > .txth1_inner_small {
    font-size: 4vw;
    border-bottom: 1px solid #fff;
    padding: 0 1em 0.15em;
    line-height: 1;
  }
  .bannerh1_single {
    padding: 0 10px;
    background: none !important;
  }

  .bannerh1_single::before,
  .bannerh1_single::after {
    display: none;
  }

  .bannerh1_single .txth1 {
    font-size: 24px;
    letter-spacing: 1.2px;
    line-height: 29px;
    margin: 0;
    padding: 12px;
  }

  .bannerh1_single .txth1 em {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
  }
}

/* ------------------------------------ */
/* ▼ for shortcode */
/* ------------------------------------ */
/*========= 甲冑検索 ショートコード用 ここから =========*/
/* 20190312 綱脇 */
.sc_search_armor_wrap {
  float: right;
  margin: 0 0 13px 54px;
  width: 300px;
}

.sc_search_armor_img_wrap {
  text-align: center;
}

.sc_search_armor_img {
  vertical-align: bottom;
}

.sc_search_armor_title {
  color: #821e7f;
  font-size: 17px;
  letter-spacing: .06em;
  line-height: 27px;
  margin-top: 3px;
  text-align: center;
}

.sc_search_armor_link {
  text-align: center;
}

@media (max-width: 767px) {
  .sc_search_armor_wrap {
    float: none;
    margin: 0 auto 20px;
    width: 100%;
  }

  .sc_search_armor_img {
    width: 100%;
    max-width: 300px !important;
  }

  .sc_search_armor_title {
    font-size: 16px;
  }
}
/*========= 甲冑検索 ショートコード用 ここまで =========*/

/*========= 日本刀検索 ショートコード用 ここから =========*/
/* 20190313 綱脇 */
.sc_search_sword_wrap {
  margin: 20px 0 30px;
}

.sc_search_sword_img_wrap {
  text-align: center;
}

.sc_search_sword_img {
  max-width: 720px !important;
  width: 100% !important;
  vertical-align: bottom;
}

.sc_search_sword_title {
  color: #5a472a;
  font-size: 16px;
  letter-spacing: .05em;
  line-height: 1.4;
  margin: 2px auto 18px;
  text-align: center;
}

.sc_search_sword_list_wrap {
  border: #725e3e 2px solid;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 auto;
  max-width: 722px;
  text-align: center;
  width: 100%;
}

.sc_search_sword_list {
  border-right: #725e3e 1px solid;
  margin-bottom: 0 !important;
}

.sc_search_sword_list:last-of-type {
  border-right: none;
}

.sc_search_sword_list dt,
.sc_search_sword_list dd {
  width: 100%;
}

.sc_search_sword_list dt {
  border-bottom: #725e3e 1px solid;
  background-color: #e4d3b4;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  text-align: center;
  padding: .195em .2em;
}

.sc_search_sword_list dd {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 8px 5px;
}

.sc_search_sword_list .small {
  font-size: 72.22%;
  vertical-align: top;
}

.sc_search_sword_list.last_list dd {
  /* font-weight: 600; */
  letter-spacing: -.012em;
  line-height: 1.27;
  padding: 15px 2px 12px;
}

.sc_search_sword_link {
  text-align: center;
}

.sc_search_armor_link .cmn_link_btn {
  margin-top: 10px;
}

.sc_search_sword_link .cmn_link_btn,
.sc_search_harness_link .cmn_link_btn,
.sc_search_art_link .cmn_link_btn {
  margin-top: 20px;
}

@media (min-width:768px) {
  .sc_search_sword_img_wrap {
    padding: 0 40px;
  }

  .sc_search_armor_link .cmn_link_btn,
  .sc_search_sword_link .cmn_link_btn,
  .sc_search_harness_link .cmn_link_btn,
  .sc_search_art_link .cmn_link_btn {
    max-width: 200px;
  }

  .sc_search_sword_list {
    width: calc(100% / 4);
  }
}

@media (max-width: 767px) {
  .sc_search_sword_list_wrap {
    max-width: 500px;
  }

  .sc_search_sword_img {
    max-width: 500px !important;
  }

  .sc_search_sword_title {
    margin: 2px auto 15px;
    max-width: 500px;
    width: 100%;
  }

  .sc_search_sword_list {
    border: none;
    width: 100%;
  }

  .sc_search_sword_list.last_list {
    width: 100%;
  }

  .sc_search_sword_list dt {
    border-top: #725e3e 1px solid;
    display: block;
  }

  .sc_search_sword_list:first-of-type dt {
    border-top: none;
  }

  .sc_search_sword_list dd {
    display: block;
    padding: 15px 10px;
  }

  .sc_search_sword_list.last_list dd {
    font-weight: 600;
    letter-spacing: -.012em;
    padding: 15px 10px;
  }

  .sc_search_armor_link .cmn_link_btn,
  .sc_search_sword_link .cmn_link_btn,
  .sc_search_harness_link .cmn_link_btn,
  .sc_search_art_link .cmn_link_btn {
    max-width: 200px;
  }
}
/*========= 日本刀検索 ショートコード用 ここまで =========*/

/*========= 鐙 ショートコード用 ここから =========*/
/* 20190606 米嶋 */
.sc_search_harness_img_wrap .sc_search_harness_img {
  border-color: #aaa;
}

.sc_search_harness_title {
  color: #821e7f;
  font-size: 17px;
  letter-spacing: .06em;
  line-height: 27px;
  margin: 20px 0 5px;
  text-align: center;
}

.sc_search_harness_list {
  border: 2px solid #9f792e;
  max-width: 820px;
  margin: 0 auto;
}

.sc_search_harness_list th,
.sc_search_harness_list td {
  border-top: 1px solid #9f792e;
  line-height: 1.3;
  vertical-align: middle;
}

.sc_search_harness_list th {
  background: #eedba2;
  padding: .5em 1.1em;
  width: 23%;
}

.sc_search_harness_list .small {
  font-size: 72.22%;
}

.sc_search_harness_list td {
  padding: .5em 1.1em;
  width: 26%;
}

.sc_search_harness_link {
  text-align: center;
}

@media (min-width: 768px) {
  .sc_search_harness_img_wrap {
    width: 70%;
    margin: 0 auto;
  }

  .sc_search_harness_img_wrap .sc_search_harness_img {
    border-color: #aaa;
  }

  .sc_search_harness_list th,
  .sc_search_harness_list td {
    height: 60px;
  }
}

@media (max-width: 767px) {
  .sc_search_harness_img_wrap {
    text-align: center;
  }

  .sc_search_harness_img_wrap .sc_search_harness_img {
    max-height: 100%;
    max-width: 100%;
  }

  .sc_search_harness_title {
    margin: 10px 0 5px;
  }

  .sc_search_harness_list {
    font-size: 15px;
  }

  .sc_search_harness_list th,
  .sc_search_harness_list td {
    border-bottom: none;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
  }

  .sc_search_harness_list .sc_search_harness_list_title {
    border-top: none;
  }
}
/*========= 鐙 ショートコード用 ここまで =========*/

/*========= 美術品 ショートコード用 ここから =========*/
/* 20190710 奥 */
.sc_search_art_wrap:nth-of-type(n+2) {
  margin-top: 3rem;
}

.sc_search_art_img_wrap .sc_search_art_img {
  border-color: #aaa;
}

.sc_search_art_title {
  color: #821e7f;
  font-size: 17px;
  letter-spacing: .06em;
  line-height: 27px;
  margin: 20px 0 5px;
  text-align: center;
}

.sc_search_art_list {
  border: 2px solid #9f792e;
  max-width: 820px;
  margin: 0 auto;
}

.sc_search_art_list th,
.sc_search_art_list td {
  border-top: 1px solid #9f792e;
  line-height: 1.3;
  vertical-align: middle;
}

.sc_search_art_list th {
  background: #eedba2;
  padding: .5em 1.1em;
  width: 23%;
}

.sc_search_art_list .small {
  font-size: 72.22%;
}

.sc_search_art_list td {
  padding: .5em 1.1em;
  width: 26%;
}

.sc_search_art_link {
  text-align: center;
}

@media (min-width: 768px) {
  .sc_search_art_img_wrap {
    width: 70%;
    margin: 0 auto;
  }

  .sc_search_art_img_wrap .sc_search_art_img {
    border-color: #aaa;
  }

  .sc_search_art_list th,
  .sc_search_art_list td {
    height: 60px;
  }

  .sc_search_art_list.adjW_for_kura,
  .sc_search_art_list.adjW_for_bow {
    /*馬具（鞍）、弓矢用の幅調整*/
    max-width: 532px;
  }
}

@media (max-width: 767px) {
  .sc_search_art_img_wrap {
    text-align: center;
  }

  .sc_search_art_img_wrap .sc_search_art_img {
    max-height: 100%;
    max-width: 100%;
  }

  .sc_search_art_title {
    margin: 10px 0 5px;
  }

  .sc_search_art_list {
    font-size: 15px;
  }

  .sc_search_art_list th,
  .sc_search_art_list td {
    border-bottom: none;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
  }

  .sc_search_art_list .sc_search_art_list_title {
    border-top: none;
  }
}
/*========= 美術品 ショートコード用 ここまで =========*/

/* ------------------------------------ */
/* ▼ col2 layout type01 */
/* ------------------------------------ */
.cmn_col2_type01_btn {
  margin: 30px auto 0;
  max-width: 290px;
  width: 100%;
}

.cmn_col2_type01_btn .cmn_link_btn_text {
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .cmn_col2_type01_btn {
    margin: 30px auto 0;
    max-width: 220px;
  }
}

/* ------------------------------------ */
/* ▼ link list type01 */
/* ------------------------------------ */
.cmn_link_list_type01 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 17px;
  padding-left: 20px;
}

.cmn_link_list_type01>li {
  font-weight: 600;
  line-height: 1.2;
  padding-left: 24px;
  position: relative;
  width: 49%;
}

.cmn_link_list_type01.is_col1>li {
  width: 100%;
}

.cmn_link_list_type01>li::before {
  background: url(../image-cmn/icon/ico-hexagon-red.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  content: "";
  position: absolute;
  top: .1em;
  left: 0;
  height: 16px;
  width: 18px;
}

@media (min-width: 768px) {
  .cmn_link_list_type01:not(.is_col1)>li:nth-of-type(even) {
    margin-left: 2%;
  }

  .cmn_link_list_type01:not(.is_col1)>li:nth-of-type(n+3) {
    margin-top: 17px;
  }

  .cmn_link_list_type01.is_col1>li:nth-of-type(n+2) {
    margin-top: 17px;
  }
}

@media (max-width: 767px) {
  .cmn_link_list_type01 {
    padding: 0;
  }

  .cmn_link_list_type01>li {
    font-size: 15px;
  }

  .cmn_link_list_type01:not(.is_col1)>li:nth-of-type(even) {
    margin-left: 2%;
  }

  .cmn_link_list_type01:not(.is_col1)>li:nth-of-type(n+3) {
    margin-top: 10px;
  }

  .cmn_link_list_type01.is_col1>li:nth-of-type(n+2) {
    margin-top: 10px;
  }
}

/* ------------------------------------ */
/* ▼ common link button */
/* ------------------------------------ */
.cmn_link_btn {
  background-color: #366e85;
  border: solid 1px #213152;
  border-radius: 100vh;
  display: block;
  margin: 0 auto;
  text-align: center;
  transition: opacity .3s;
  width: 100%;
}
.link_btn_radius_none {
  border-radius: 0;
}
.link_btn_radius {
  border-radius: 100vh;
}

.cmn_link_btn:not(.gr_content) {
  cursor: pointer;
}

@media (min-width: 768px) {
  .cmn_link_btn:not(.gr_content):hover {
    opacity: .6;
  }
}

/* ipad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .cmn_link_btn:not(.gr_content):hover {
    opacity: 1;
  }
}

.cmn_link_btn_inner {
  display: block;
  padding: 0 15px;
}

.cmn_link_btn_text {
  color: #fff;
  display: inline-block;
  font-feature-settings: "pkna";
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.4;
  padding: 6px 26px 6px 0;
  position: relative;
}

.cmn_link_btn_text::before,
.cmn_link_btn_text::after {
  content: "";
  display: block;
  position: absolute;
}

/* .cmn_link_btn_text::before {
  background-color: #fff7e7;
  height: 16px;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
} */

.cmn_link_btn_text::after {
  border-color: transparent transparent transparent #FFFFFF;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  height: 0;
  right: 5px;
  top: calc(50% - 5px);
  width: 0;
}

/* color variation */
/* gray */
.cmn_link_btn.gr_content {
  background-color: #aaa;
  border-color: #7f7f7f;
}

.cmn_link_btn.gr_content .cmn_link_btn_text::before {
  background-color: #fff;
}

.cmn_link_btn.gr_content .cmn_link_btn_text::after {
  border-color: transparent transparent transparent #aaa;
}

/* red */
.cmn_link_btn.link_btn_red {
  background-color: #841318;
  border-color: #431215;
}

/* puple */
.cmn_link_btn.link_btn_ppl {
  background-color: #7e1b7b;
  border-color: #561254;
}

/* yellow */
.cmn_link_btn.link_btn_yl {
  background-color: #9b873b;
  border-color: #5f4e10;
}

/* blue */
.cmn_link_btn.link_btn_bl {
  background-color: #0b4c79;
  border-color: #00365b;
}

/* green */
.cmn_link_btn.link_btn_green {
  background-color: #69821b;
  border-color: #3f4d15;
}

/* flower */
.cmn_link_btn.link_btn_flower {
  background: url('../image-cmn/button/bg-btn-gold.png') no-repeat center;
  background-size: cover;
  border: 1px solid #103848;
  border-radius: 0;
  padding: 2px;
  position: relative;
}

.cmn_link_btn.link_btn_flower::before,
.cmn_link_btn.link_btn_flower::after {
  content: none;
}

.cmn_link_btn.link_btn_flower .cmn_link_btn_inner {
  padding: 0;
}

.cmn_link_btn.link_btn_flower .cmn_link_btn_inner::before,
.cmn_link_btn.link_btn_flower .cmn_link_btn_inner::after {
  content: none;
}

.cmn_link_btn.link_btn_flower .cmn_link_btn_inner::after {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 15px;
  top: calc(50% - 3px);
  transform: rotate(0deg);
  width: 0;
}

.cmn_link_btn.link_btn_flower .cmn_link_btn_text::before {
  content: '';
  background: url('../image-cmn/button/bg-btn-flower-l.png') no-repeat left bottom;
  background-size: contain;
  height: 100%;
  width: 20%;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
}

.cmn_link_btn.link_btn_flower .cmn_link_btn_text::after {
  content: '';
  background: url('../image-cmn/button/bg-btn-flower-r.png') no-repeat right top;
  background-size: contain;
  border: none;
  height: 100%;
  width: 20%;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}

.cmn_link_btn.link_btn_flower .cmn_link_btn_text {
  align-items: center;
  background-color: #155f7b;
  border: 1px solid #103848;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 8px 20px;
  margin: 0;
}

@media (max-width:767px) {
  .cmn_link_btn.link_btn_flower .cmn_link_btn_inner::after {
    right: 10%;
  }

  .cmn_link_btn.link_btn_flower .cmn_link_btn_text {
    padding: 8px 10px;
  }
}

/* sword-scholar 矢印調整*/
.sword-scholar .cmn_link_btn.link_btn_flower .cmn_link_btn_inner::after {
  right: 15%;
}


/* flower02 */
.cmn_link_btn.link_btn_flower02 {
  background-color: #20879a;
  border: 1px solid #205e6d;
  border-radius: 0;
  padding: 3px;
  position: relative;
}

.cmn_link_btn.link_btn_flower02::before {
  content: '';
  background: url(../image-cmn/button/bg-btn-flower02-l.png) no-repeat left bottom;
  background-size: auto 50px;
  border: none;
  height: 100%;
  width: 20%;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.cmn_link_btn.link_btn_flower02::after {
  content: '';
  background: url(../image-cmn/button/bg-btn-flower02-r.png) no-repeat right bottom;
  background-size: auto 21px;
  border: none;
  height: 100%;
  width: 20%;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: none;
  transform: none;
}

.cmn_link_btn.link_btn_flower02 .cmn_link_btn_inner {
  padding: 0;
}

.cmn_link_btn.link_btn_flower02 .cmn_link_btn_inner::before {
  content: none;
}

.cmn_link_btn.link_btn_flower02 .cmn_link_btn_inner::after {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 15px;
  top: calc(50% - 4px);
  transform: rotate(0deg);
  width: 0;
}

.cmn_link_btn.link_btn_flower02 .cmn_link_btn_text {
  align-items: center;
  border: 1px solid #f9f2d4;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 8px 20px 8px 35px;
  margin: 0;
}

.cmn_link_btn.link_btn_flower02 .cmn_link_btn_text::before,
.cmn_link_btn.link_btn_flower02 .cmn_link_btn_text::after {
  content: none;
}

@media (max-width:767px) {
  .cmn_link_btn.link_btn_flower02 .cmn_link_btn_inner::after {
    right: 10%;
    top: calc(50% - 5px);
  }

  .cmn_link_btn.link_btn_flower02 .cmn_link_btn_text {
    padding: 8px 10px;
  }
}

/* rounded */
.cmn_link_btn.link_btn_rounded {
  background-color: #fffde1;
  border: 1px solid #8d3535;
  border-radius: 100vh;
  padding: 2px;
  position: relative;
}

.cmn_link_btn.link_btn_rounded::before,
.cmn_link_btn.link_btn_rounded::after {
  content: none;
}

.cmn_link_btn.link_btn_rounded .cmn_link_btn_inner {
  border-radius: 30px;
  padding: 0;
}

.cmn_link_btn.link_btn_rounded .cmn_link_btn_inner::before,
.cmn_link_btn.link_btn_rounded .cmn_link_btn_inner::after {
  content: none;
}

.cmn_link_btn.link_btn_rounded .cmn_link_btn_text {
  border-radius: 30px;
  border: none;
  align-items: center;
  background: linear-gradient(to right, #c92178, #b6233d);
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 12px 30px;
  margin: 0;
}

.cmn_link_btn.link_btn_rounded .cmn_link_btn_text::before {
  content: none;
}

.cmn_link_btn.link_btn_rounded .cmn_link_btn_text::after {
  border: 0;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  width: 12px;
  height: 12px;
  border-style: solid;
  transform: rotate(45deg);
  top: calc(50% - 6px);
  right: 11px;
}

@media (max-width:767px) {
  .cmn_link_btn.link_btn_rounded .cmn_link_btn_text {
    padding: 12px 10px;
  }

  .cmn_link_btn.link_btn_rounded .cmn_link_btn_text::after {
    top: calc(50% - 5px);
  }
}

/* arrow direction variation */
.cmn_link_btn.arrow_top .cmn_link_btn_text::after {
  border-color: transparent transparent #fff transparent;
  border-width: 0 5px 8px 5px;
}

.cmn_link_btn.arrow_bottom .cmn_link_btn_text::after {
  border-color: #fff transparent transparent transparent;
  border-width: 8px 5px 0 5px;
  top: calc(50% - 4px);
}

/* position of the arrow element  */
.arrow_left .cmn_link_btn_text {
  padding-right: 0;
  padding-left: 26px;
}

.arrow_left .cmn_link_btn_text::before {
  right: initial;
  left: 2px;
}

.arrow_left .cmn_link_btn_text::after {
  border-color: transparent #fff transparent transparent;
  border-width: 5px 8px 5px 0;
  right: initial;
  left: 5px;
}

/* IE11対応 */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmn_link_btn_text {
    padding-top: 12px;
    padding-bottom: 4px;
  }
}

@media (max-width: 767px) {
  .cmn_link_btn_text {
    font-size: 14px;
    padding: 10px 26px 10px 0;
  }
}

small.text-space {
  display: inline !important;
  font-size: .5em;
  line-height: 1;
  vertical-align: inherit !important;
}

/* ------------------------------------ */
/* ▼ common cmn_bnr_area */
/* ------------------------------------ */

.cmn_bnr_hexagon_ttl {
  background: url(../image-cmn/bgtitle/bkg_title_related_sub.png?date=20210506) no-repeat center;
  background-size: contain;
  height: 34px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .06em;
  margin: 0 auto 15px;
  max-width: 307px;
  padding: 2px 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.cmn_bnr_hexagon_ttl > span {
  z-index: 1;
}

.cmn_bnr_hexagon_ttl > span span {
  display: inline-block;
  max-width: 323px;
  padding: 2px 35px 0;
}

.cmn_bnr_area {
  margin-right: auto;
  margin-left: auto;
  padding: 0 10px;
}

.cmn_bnr_area a {
  display: block;
}

.cmn_bnr_area img {
  vertical-align: bottom;
  margin-left: auto;
  margin-right: auto;
}

.box__detail .cmn_bnr_area img {
  border: none;
}

.cmn_bnr_cap {
  letter-spacing: .02em;
  line-height: 1.3;
  margin-top: 7px;
}

.cmn_bnr_text_wrap {
  position: relative;
}

.cmn_bnr_text {
  background: #062b68;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.2;
  min-width: 144px;
  position: absolute;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
  transition: opacity .3s;
}

.cmn_bnr_add_deco_border {
  position: relative;
}

.cmn_bnr_add_deco_border::before {
  background-color: #366e85;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width:768px) {
  .cmn_bnr_area_wrap {
    margin-top: 25px;
  }

  .box__title + .cmn_bnr_area_wrap {
    margin-top: 0;
  }

  .cmn_bnr_cap {
    font-size: 1.5rem;
  }

  .cmn_bnr_area + .cmn_bnr_area {
    margin-top: 35px;
  }

  .cmn_bnr_area.col01 {
    max-width: 420px;
  }

  .cmn_bnr_area.col01.cmn_bnr_w_500 {
    max-width: 520px;
  }

  .cmn_bnr_area.col01.bnr_l {
    max-width: 720px;
  }

  .cmn_bnr_area.col01 figure:nth-child(n+2) {
    margin-top: 20px;
  }

  .cmn_bnr_area.col02,
  .cmn_bnr_area.col03 {
    display: flex;
    flex-wrap: wrap;
  }

  .cmn_bnr_area.col02 {
    justify-content: center;
    max-width: 880px; /* バナー両端に余白付与のため */
  }

  .cmn_bnr_area.col02.cmn_bnr_w_300 {
    max-width: 680px; /* バナー両端に余白付与のため */
  }

  .cmn_bnr_area.col02.cmn_has_spacer {
    justify-content: flex-start;
  }

  .cmn_bnr_area.col02.cmn_has_spacer figure {
    position: relative;
  }

  .cmn_bnr_area.col02.cmn_has_spacer figure:last-child:after {
    content:'';
    background:url("../image-cmn/banner/bnr-spacer-col2.png?date=20210506") no-repeat top center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 117.5%;
    width: 80%;
    height: 100%;
  }

  .cmn_bnr_area.col02 figure {
    max-width: 400px;
    margin-left: 1.745%;
    margin-right: 1.745%;
    width: 46.512%;
  }

  .cmn_bnr_area.col02 figure:nth-child(n+3) {
    margin-top: 20px;
  }

  .cmn_bnr_area.col02.cmn_bnr_w_300 figure {
    max-width: 300px;
    margin-left: 2.2725%;
    margin-right: 2.2725%;
    width: 45.455%;
  }

  .cmn_bnr_area.col03 {
    max-width: 950px;
  }

  .cmn_bnr_area.col03.cmn_has_spacer {
    background: url("../image-cmn/banner/bnr-spacer.png?date=20210506") no-repeat right 2.5% bottom 20px;
    background-size: 30% auto;
  }

  .cmn_bnr_area.col03.cmn_has_spacer figure:last-of-type {
    background-color: #fff;
  }

  .cmn_bnr_area.col03 figure {
    margin-left: 1.6115%;
    max-width: 300px;
    width: 32.259%;
  }

  .cmn_bnr_area.col03 figure:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .cmn_bnr_area.col03 figure:nth-child(n+4) {
    margin-top: 15px;
  }

  .cmn_bnr_area.col03 .cmn_bnr_cap {
    margin-top: 5px;
  }

  .cmn_bnr_text_wrap:hover .cmn_bnr_text {
    opacity: .6;
  }

  .cmn_bnr_text {
    font-size: 1.6rem;
    padding: 3px 10px;
    top: 10px;
  }

  .cmn_bnr_add_deco_border {
    padding-top: 60px;
  }

  .cmn_bnr_add_deco_border::before {
    width: 87%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .cmn_bnr_text_wrap:hover .cmn_bnr_text {
    opacity: 1;
  }
}

@media (max-width:767px) {
  .cmn_bnr_area_wrap {
    margin-top: 30px;
  }

  .box__title + .cmn_bnr_area_wrap {
    margin-top: 0;
  }

  .cmn_bnr_area {
    max-width: 550px;
  }

  .cmn_bnr_area + .cmn_bnr_area {
    margin-top: 20px;
  }

  .cmn_bnr_area figure {
    width: 100%;
  }

  .cmn_bnr_area figure:nth-child(n+2) {
    margin-top: 20px;
  }

  .cmn_bnr_cap {
    font-size: 1.4rem;
    padding: 0 2px;
  }

  .cmn_bnr_text {
    font-size: 4.5vw;
    padding: 4px 12px;
    top: 3vw;
  }

  .cmn_bnr_add_deco_border {
    padding-top: 30px;
  }

  .cmn_bnr_add_deco_border::before {
    width: 95%;
  }

  .box__detail .cmn_bnr_area img {
    margin-left: 0;
  }
}

/* bnr gr */
.cmn_bnr_area .gr_content {
  pointer-events: none;
}

.cmn_bnr_area .gr_content .roll:hover {
  opacity: 1;
}

/* 記事コンテンツバナー（共通処理）
---------------------------------------*/

/* -- テキスト可変バナー用共通スタイル -- */
.cmn_text_bnr figure > a,
.cmn_text_bnr figure > span {
  display: block;
  position: relative;
}

.cmn_text_bnr figure:not(.not_arrow) > a::after,
.cmn_text_bnr figure:not(.not_arrow) > span::after {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/btn_chronology_arrow.png?date=20210506) no-repeat 0 0;
  background-size: 100% auto;
  bottom: 0;
  content: "";
  display: block;
  height: 26px;
  width: 26px;
  position: absolute;
  right: 0;
}

@media (min-width: 768px) {
  .cmn_text_bnr.col02 .cmn_bnr_cap {
    letter-spacing: .06em;
  }

  .cmn_text_bnr.col03 .cmn_bnr_cap {
    letter-spacing: .01em;
  }
}

@media (max-width: 767px) {
  .cmn_text_bnr img {
    width: 100%;
  }
}

/* -- has_text -- */
.cmn_text_bnr .has_text > a,
.cmn_text_bnr .has_text > span {
  align-items: flex-start;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border: 2px solid #b38f5f;
  display: flex;
  justify-content: flex-start;
}

.cmn_text_bnr .bf_tour_local_gourmet_link.has_text>a,
.cmn_text_bnr .bf_tour_local_gourmet_link.has_text>span {
  border: 2px solid #da6d04;
}

.cmn_text_bnr.col02 .has_text > a,
.cmn_text_bnr.col02 .has_text > span {
  padding: 14.905% 4% 1.6%;
}

.cmn_text_bnr.col02.cmn_bnr_w_300 .has_text > a,
.cmn_text_bnr.col02.cmn_bnr_w_300 .has_text > span {
  padding: 12.07% 4% 1.60%;
}

.cmn_text_bnr.col03 .has_text > a,
.cmn_text_bnr.col03 .has_text > span {
  padding: 11.67% 4% 2%;
}

.cmn_text_bnr .has_text .bnr_txt {
  align-items: center;
  background-color: #fff;
  border: 1px solid #483f33;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  color: #000;
  display: flex;
  font-feature-settings: "pkna";
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: .06em;
  line-height: 1.2;
  margin: 0 auto;
  min-height: 30px;
  padding: 1.4% 5%;
  position: relative;
  text-align: center;
  width: 80%;
}

@media (min-width: 768px) {
  .cmn_text_bnr .has_text > a:hover .bnr_txt {
    color: #a92121;
  }

  .cmn_text_bnr.col01 .has_text > a,
  .cmn_text_bnr.col01 .has_text > span {
    overflow: hidden;
    padding: 8% 5.5% 1.5% 4%;
  }

  .cmn_text_bnr.col01.cmn_bnr_w_500 .has_text > a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .has_text > span {
    padding: 9.6% 5.5% 1.6% 4%;
  }

  .cmn_text_bnr.col01 .has_text .bnr_txt,
  .cmn_text_bnr.col02 .has_text .bnr_txt {
    font-size: 15px;
  }

  .cmn_text_bnr.col01 .has_text .bnr_txt {
    margin-right: 0;
    padding: 1%;
    width: 68%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .cmn_text_bnr .has_text > a:hover .bnr_txt {
    color: #000;
  }
}

@media (max-width: 767px) {
  .cmn_text_bnr.col01 .has_text > a,
  .cmn_text_bnr.col01 .has_text > span {
    padding: 14.204% 4% 1.60%;
  }
  .cmn_text_bnr .has_text .bnr_txt,
  .cmn_text_bnr.col01 .has_text .bnr_txt {
    padding: 2% 9%;
    width: 90%;
  }
  .cmn_text_bnr.col01 .has_text .bnr_txt {
    font-size: 16px;
  }
}

/* -- 各バナーテキスト用ボーダーを設定 -- */
/* 基礎知識 */
.cmn_text_bnr .has_text.bf_knowledge_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_knowledge_armor_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_knowledge_arms_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_meihaku_sword_basic_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_knowledge_ninja_link .bnr_txt,
.cmn_text_bnr .has_text.bf_arquebus-bow_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_knowledge_arquebus_link .bnr_txt {
  border: 1px solid #483f33;
}

/* 刀剣 */
.cmn_text_bnr .has_text.bf_gokaden_meikou_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_modern_sword_artisan_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_museum_katana_historian_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_bf_imperial_sword_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_sword_artisan_directory_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_search_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_sword_legend_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_sword_girl_link .bnr_txt,
.cmn_text_bnr .has_text.bf_meihaku_tengasanmeisou_link .bnr_txt {
  border: 1px solid #5c2f2d;
}

/* 人物 */
.cmn_text_bnr .has_text.bf_women_touken_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_historian_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_edo-domain100_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_daimyo_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_sengokuwarlords_festival_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_tokugawa15_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_princess_femalewarlord_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_number2_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_historian_armor .bnr_txt,
.cmn_text_bnr .has_text.bf_historian_history .bnr_txt {
  border: 1px solid #3e253c;
}

/* 雑学 */
.cmn_text_bnr .has_text.bf_sword_and_dance_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_sword_in_comics_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_novel_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_movie_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_samurai_customs_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_kabuki_touken_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_ritual_culture_clash_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_mythology_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_comic_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_cosplay_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_minoden_sekicity_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_world_touken_link .bnr_txt,
.cmn_text_bnr .has_text.bf_shibusawaeiichi_link .bnr_txt {
  border: 1px solid #243b3a;
}

/* 武具・書画・美術品 */
.cmn_text_bnr .has_text.bf_search_art_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_ukiyoe_artist_link .bnr_txt,
.cmn_text_bnr .has_text.bf_ukiyoe_series_link .bnr_txt {
  border: 1px solid #4d5e50;
}

/* 歴史 */
.cmn_text_bnr .has_text.bf_strange_story_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_battle_history_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_female_history_buff_link .bnr_txt,
.cmn_text_bnr .has_text.bf_taiga_kamakuradono13_link .bnr_txt {
  border: 1px solid #5c2f2d;
}

/* 合戦 */
.cmn_text_bnr .has_text.bf_kosenjo_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_battle_strategy_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_sekigahara_wars_link .bnr_txt {
  border: 1px solid #40440f;
}

/* 組織 */
.cmn_text_bnr .has_text.bf_organization_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_organization_tosho_link .bnr_txt {
  border: 1px solid #0f333a;
}

/* 施設 */
.cmn_text_bnr .has_text.bf_castle_town_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_museum_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_religious_building_link .bnr_txt ,
.cmn_text_bnr .has_text.bf_castle_building_link .bnr_txt {
  border: 1px solid #143846;
}

/* 刀剣広場 */
.cmn_text_bnr .has_text.bf_hiroba_blog_link .bnr_txt {
  border: 1px solid #0f333a;
}

/* -- 各バナー用背景画像を設定 -- */
/* リサーチ 城をめぐる戦い */
.cmn_text_bnr .has_text.bf_research-castle_link > a,
.cmn_text_bnr .has_text.bf_research-castle_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr_siege_600_150_bg.png?date=20210506) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
  background-size: 100%;
}

/* 刀剣広場 刀剣ブログ */
.cmn_text_bnr .has_text.bf_hiroba_blog_link > a,
.cmn_text_bnr .has_text.bf_hiroba_blog_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-blog-link-600x300.jpg?date=20210506) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
  background-size: 100%;
}

/* 名古屋刀剣ワールド／刀剣の基本 */
.cmn_text_bnr .has_text.bf_meihaku_sword_basic_link > a,
.cmn_text_bnr .has_text.bf_meihaku_sword_basic_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-basic-link-600x300.jpg?date=20210506) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
  background-size: 100%;
}

/* 刀剣コスプレ（名博メーハク版） */
.cmn_text_bnr .has_text.bf_meihaku_cosplay_link > a,
.cmn_text_bnr .has_text.bf_meihaku_cosplay_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-meihaku-cosplay-link-600x300.jpg?date=20210818) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
  background-size: 100%;
}

/* 刀剣写真・日本刀画像一覧 */
.cmn_text_bnr .has_text.bf_search_link > a,
.cmn_text_bnr .has_text.bf_search_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-link-600x300.jpg?date=20210506);
}

/* 日本史／全国の合戦・古戦場（地域別） */
.cmn_text_bnr .has_text.bf_kosenjo_link > a,
.cmn_text_bnr .has_text.bf_kosenjo_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-kosenjo-link-600x300.jpg?date=20210506);
}

/* 武将・歴史人の日本刀（イラスト） */
.cmn_text_bnr .has_text.bf_sword_legend_link > a,
.cmn_text_bnr .has_text.bf_sword_legend_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-legend-link-600x300.jpg?date=20210506);
}

/* 刀剣展示 博物館の日本刀 */
.cmn_text_bnr .has_text.bf_museum_link > a,
.cmn_text_bnr .has_text.bf_museum_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-museum-link-600x300.jpg?date=20210506);
}

/* 刀剣奉納 神社・仏閣の日本刀 */
.cmn_text_bnr .has_text.bf_religious_building_link > a,
.cmn_text_bnr .has_text.bf_religious_building_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-religious-building-link-600x300.jpg?date=20210506);
}

/* 刀剣・甲冑展示の城・城郭 */
.cmn_text_bnr .has_text.bf_castle_building_link > a,
.cmn_text_bnr .has_text.bf_castle_building_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-castle-building-link-600x300.jpg?date=20210506);
}

/* 全国の刀剣商（刀剣買取店・販売店）リンク */
.cmn_text_bnr .has_text.bf_organization_tosho_link > a,
.cmn_text_bnr .has_text.bf_organization_tosho_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-organization-tosho-link-600x300.jpg?date=20210506);
}

/* 日本史の珍説 */
.cmn_text_bnr .has_text.bf_strange_story_link > a,
.cmn_text_bnr .has_text.bf_strange_story_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-strange-story-link-600x300.jpg?date=20210506);
}

/* 日本史／合戦歴史年表 */
.cmn_text_bnr .has_text.bf_battle_history_link > a,
.cmn_text_bnr .has_text.bf_battle_history_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-battle-history-link-600x300.jpg?date=20210506);
}

/* 刀剣・甲冑の関連組織 */
.cmn_text_bnr .has_text.bf_organization_link > a,
.cmn_text_bnr .has_text.bf_organization_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-link-organization-600x300.jpg?date=20210506);
}

/* 戦国武将のお祭り */
.cmn_text_bnr .has_text.bf_sengokuwarlords_festival_link > a,
.cmn_text_bnr .has_text.bf_sengokuwarlords_festival_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sengokuwarlords-festival-link-600x300.jpg?date=20210506);
}

/* 五箇伝の名工 */
.cmn_text_bnr .has_text.bf_gokaden_meikou_link > a,
.cmn_text_bnr .has_text.bf_gokaden_meikou_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-gokaden-meikou-link-600x300.jpg?date=20210506);
}

/* 現代刀の名工・名匠・刀鍛冶 */
.cmn_text_bnr .has_text.bf_modern_sword_artisan_link > a,
.cmn_text_bnr .has_text.bf_modern_sword_artisan_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-modern-sword-artisan-600x300.jpg?date=20210506);
}

/* 名家・著名人の日本刀 */
.cmn_text_bnr .has_text.bf_museum_katana_historian_link > a,
.cmn_text_bnr .has_text.bf_museum_katana_historian_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-museum-katana-historian-link-600x300.jpg?date=20210506);
}

/* 戦国武将の合戦戦略 */
.cmn_text_bnr .has_text.bf_battle_strategy_link > a,
.cmn_text_bnr .has_text.bf_battle_strategy_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-battle_strategy-link-600x300.jpg?date=20210506);
}

/* 刀剣の基礎知識 */
.cmn_text_bnr .has_text.bf_knowledge_link > a,
.cmn_text_bnr .has_text.bf_knowledge_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-link-600x300.jpg?date=20210506);
}

/* 甲冑（鎧兜）の基礎知識 */
.cmn_text_bnr .has_text.bf_knowledge_armor_link > a,
.cmn_text_bnr .has_text.bf_knowledge_armor_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-armor-link-600x300.jpg?date=20210506);
}

/* 甲冑師の仕事 */
.cmn_text_bnr .has_text.bf_knowledge_armor_worker_link > a,
.cmn_text_bnr .has_text.bf_knowledge_armor_worker_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-armor-worker-link-600x300.jpg?date=20210506);
}

/* 忍者の基礎知識 */
.cmn_text_bnr .has_text.bf_knowledge_ninja_link > a,
.cmn_text_bnr .has_text.bf_knowledge_ninja_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-ninja-link-600x300.jpg?date=20210506);
}

/* 戦国武将 */
.cmn_text_bnr .has_text.bf_historian_link > a,
.cmn_text_bnr .has_text.bf_historian_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-historian-link-600x300.jpg?date=20210506);
}

/* 主な江戸100藩（家紋） */
.cmn_text_bnr .has_text.bf_edo-domain100_link > a,
.cmn_text_bnr .has_text.bf_edo-domain100_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-edo-domain100-link-600x300.jpg?date=20210506);
}

/* 皇室・公家と刀剣 */
.cmn_text_bnr .has_text.bf_imperial_sword_link > a,
.cmn_text_bnr .has_text.bf_imperial_sword_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-imperial-sword-link-600x300.jpg?date=20210506);
}

/* 歌舞伎と刀剣 */
.cmn_text_bnr .has_text.bf_kabuki_touken_link > a,
.cmn_text_bnr .has_text.bf_kabuki_touken_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-kabuki-touken-link-600x300.jpg?date=20210506);
}

/* 歴女必見！戦国武将を支えた女剣士～女性と刀剣～ */
.cmn_text_bnr .has_text.bf_women_touken_link > a,
.cmn_text_bnr .has_text.bf_women_touken_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-women-touken-link-600x300.jpg?date=20210506);
}

/* 戦国時代の戦国大名一覧 */
.cmn_text_bnr .has_text.bf_daimyo_link > a,
.cmn_text_bnr .has_text.bf_daimyo_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-daimyo-link-600x300.jpg?date=20210506);
}

/* 現代に残る武士の風習 */
.cmn_text_bnr .has_text.bf_samurai_customs_link > a,
.cmn_text_bnr .has_text.bf_samurai_customs_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-samurai-customs-link-600x300.jpg?date=20210506);
}

/* 美濃伝の刀剣／岐阜県関市の刃物 */
.cmn_text_bnr .has_text.bf_minoden_sekicity_link > a,
.cmn_text_bnr .has_text.bf_minoden_sekicity_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-minoden-sekicity-link-600x300.jpg?date=20210506);
}

/* 世界の剣・甲冑（鎧兜） */
.cmn_text_bnr .has_text.bf_world_touken_link > a,
.cmn_text_bnr .has_text.bf_world_touken_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-world-touken-link-600x300.jpg?date=20210506);
}

/* 徳川十五代将軍 */
.cmn_text_bnr .has_text.bf_tokugawa15_link > a,
.cmn_text_bnr .has_text.bf_tokugawa15_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-tokugawa15-link-600x300.jpg?date=20210506);
}

/* 歴女向け歴史ガイド */
.cmn_text_bnr .has_text.bf_female_history_buff_link > a,
.cmn_text_bnr .has_text.bf_female_history_buff_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-female-history-buff-link-600x300.jpg?date=20210506);
}

/* 刀剣・歴史小説 */
.cmn_text_bnr .has_text.bf_novel_link > a,
.cmn_text_bnr .has_text.bf_novel_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-novel-link-600x300.jpg?date=20210506);
}

/* 刀剣映画（時代劇・歴史映画監督） */
.cmn_text_bnr .has_text.bf_movie_link > a,
.cmn_text_bnr .has_text.bf_movie_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-movie-link-600x300.jpg?date=20240110);
}

/* 書画・美術品写真／画像 */
.cmn_text_bnr .has_text.bf_search_art_link > a,
.cmn_text_bnr .has_text.bf_search_art_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-art-link-600x300.jpg?date=20210506);
}

/* 刀剣ワールド浮世絵：浮世絵師一覧 */
.cmn_text_bnr .has_text.bf_ukiyoe_artist_link > a,
.cmn_text_bnr .has_text.bf_ukiyoe_artist_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-ukiyoe-artist-link-600x300.jpg?date=20210506);
}

/* 刀剣ワールド浮世絵：浮世絵のシリーズ作品 */
.cmn_text_bnr .has_text.bf_ukiyoe_series_link > a,
.cmn_text_bnr .has_text.bf_ukiyoe_series_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-ukiyoe-series-link-600x300.jpg?date=20210506);
}

/* 刀剣写真・日本刀画像一覧 */
.cmn_text_bnr .has_text.bf_search_cat > a,
.cmn_text_bnr .has_text.bf_search_cat > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-cat-600x300.png?date=20210506);
}

/* 上記「刀剣写真・日本刀画像一覧」のうち五箇伝の名工限定の個別対応 */
.cmn_text_bnr .has_text.bf_search_cat::after {
  content: none;
}
.cmn_text_bnr .has_text.bf_search_cat .for_category {
  padding: 0% 3%;
  width: auto;
  position: relative;
  right: 10%;
  border-radius: 3px;
  font-weight: 600;
  color: #d83b30;
  max-width: 60%;
}
.cmn_text_bnr.col01 .has_text.bf_search_cat .for_category {
  right: 25%;
  max-width: 50%;
}
.cmn_text_bnr .has_text.bf_search_cat .for_category::before {
  content: none;
}
.cmn_text_bnr .has_text.bf_search_cat .for_category::after {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-cat-text_short.png?date=20210506) no-repeat center;
  background-size: contain;
  bottom: 0;
  content: "";
  margin: auto 0 auto 5px;
  position: absolute;
  top: 0;
  left: 100%;
  width: 50px;
}

/* 大関ケ原祭2022 */
.cmn_text_bnr .has_text.bf_oosekigahara_festival2022_link > a,
.cmn_text_bnr .has_text.bf_oosekigahara_festival2022_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/meihaku/bnr-oosekigahara-festival2022-link-600x300.jpg);
}

/* 日本の行事・イベント */
.cmn_text_bnr .has_text.bf_japan_event_link > a,
.cmn_text_bnr .has_text.bf_japan_event_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-japan-event-link-600x300.jpg);
}

/*徳川15代将軍*/
.cmn_text_bnr .has_text.bf_tokugawa_15th_shogun_link > a,
.cmn_text_bnr .has_text.bf_tokugawa_15th_shogun_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-meihaku-tokugawa-15th-shogun-link-600x300.jpg);
}

/*有名な戦国武将の愛刀*/
.cmn_text_bnr .has_text.bf_sengoku_sword_link > a,
.cmn_text_bnr .has_text.bf_sengoku_sword_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/meihaku/bnr-meihaku-warlords-and-swords-link-600x300.jpg);
}

/* 貨幣の基本 */
.cmn_text_bnr .has_text.bf_currency_basic_link > a,
.cmn_text_bnr .has_text.bf_currency_basic_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-meihaku-currency-basic-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/*戦国三英傑*/
.cmn_text_bnr .has_text.bf_three_heroes_link > a,
.cmn_text_bnr .has_text.bf_three_heroes_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-three-heroes-link-600x300.jpg);
}

/*天皇と元号一覧（令和と元号の決め方）*/
.cmn_text_bnr .has_text.bf_era_name_link > a,
.cmn_text_bnr .has_text.bf_era_name_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-era-name-list-link-600x300.jpg);
}

/* 剣舞と詩舞 世界の剣舞 */
.cmn_text_bnr .has_text.bf_sword_and_dance_link > a,
.cmn_text_bnr .has_text.bf_sword_and_dance_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-and-dance-link-600x300.jpg?date=20210506);
}

/* 刀剣にまつわる神事・文化・しきたり */
.cmn_text_bnr .has_text.bf_ritual_culture_clash_link > a,
.cmn_text_bnr .has_text.bf_ritual_culture_clash_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-ritual-culture-clash-link-600x300.jpg?date=20210506);
}

/* 神話・説話に登場の伝説の剣 */
.cmn_text_bnr .has_text.bf_mythology_link > a,
.cmn_text_bnr .has_text.bf_mythology_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-mythology-link-600x300.jpg?date=20210506);
}

/* 刀剣・歴史漫画 */
.cmn_text_bnr .has_text.bf_sword_in_comics_link > a,
.cmn_text_bnr .has_text.bf_sword_in_comics_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-in-comics-link-600x300.jpg?date=20210506);
}

/* 刀剣マンガ（刀剣ことわざ4コマ漫画） */
.cmn_text_bnr .has_text.bf_comic_link > a,
.cmn_text_bnr .has_text.bf_comic_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-comic-link-600x300.jpg?date=20210506);
}

/* 刀剣コスプレ */
.cmn_text_bnr .has_text.bf_cosplay_link > a,
.cmn_text_bnr .has_text.bf_cosplay_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-cosplay-link-600x300.jpg?date=20210506);
}

/* 歴女に人気の城下町100選 */
.cmn_text_bnr .has_text.bf_castle_town_link > a,
.cmn_text_bnr .has_text.bf_castle_town_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-castle-town-link-600x300.jpg?date=20210506);
}

/* 武具・書画・美術品の基礎知識 */
.cmn_text_bnr .has_text.bf_knowledge_arms_link > a,
.cmn_text_bnr .has_text.bf_knowledge_arms_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-arms-link-600x300.jpg?date=20210506);
}

/* 弓の基礎知識 */
.cmn_text_bnr .has_text.bf_arquebus-bow_link > a,
.cmn_text_bnr .has_text.bf_arquebus-bow_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-arquebus-bow-link-600x300.jpg?date=20220920);
}

/* 鉄砲の基礎知識 */
.cmn_text_bnr .has_text.bf_knowledge_arquebus_link > a,
.cmn_text_bnr .has_text.bf_knowledge_arquebus_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-guns-link-600x300.jpg?date=20230712);
}

/* 戦国時代の姫・女武将たち */
.cmn_text_bnr .has_text.bf_princess_femalewarlord_link > a,
.cmn_text_bnr .has_text.bf_princess_femalewarlord_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-princess-femalewarlord-link-600x300.jpg?date=20210506);
}

/* 主君を支えた歴史上の実力者 */
.cmn_text_bnr .has_text.bf_number2_link > a,
.cmn_text_bnr .has_text.bf_number2_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-number2-link-600x300.jpg?date=20210506);
}

/* 著名刀工・刀匠名鑑 */
.cmn_text_bnr .has_text.bf_sword_artisan_directory_link > a,
.cmn_text_bnr .has_text.bf_sword_artisan_directory_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-artisan-directory-link-600x300.jpg?date=20210506);
}

/* 刀剣名刀図鑑 */
.cmn_text_bnr .has_text.bf_search-noted-sword-cat > a,
.cmn_text_bnr .has_text.bf_search-noted-sword-cat > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-noted-sword-cat-600x300.jpg?date=20210506);
}

/* 刀剣女子に好まれる刀剣 */
.cmn_text_bnr .has_text.bf_sword_girl_link > a,
.cmn_text_bnr .has_text.bf_sword_girl_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-girl-link-600x300.jpg?date=20210506);
}

/* 合戦の街 関ヶ原（関ヶ原の戦い） */
.cmn_text_bnr .has_text.bf_sekigahara_wars_link > a,
.cmn_text_bnr .has_text.bf_sekigahara_wars_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sekigahara-wars-link-600x300.jpg?date=20210506);
}

/* 日本史／戦国武将年表 */
.cmn_text_bnr .has_text.bf_historian_history_link > a,
.cmn_text_bnr .has_text.bf_historian_history_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-historian-history-link-600x300.jpg?date=20210506);
}

/* 渋沢栄一の功績 */
.cmn_text_bnr .has_text.bf_shibusawaeiichi_link > a,
.cmn_text_bnr .has_text.bf_shibusawaeiichi_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-shibusawaeiichi-link-600x300.jpg?date=20210506);
}

/* 日本の生活(縄文〜江戸時代の暮らしや文化) */
.cmn_text_bnr .has_text.bf_culture_link > a,
.cmn_text_bnr .has_text.bf_culture_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-culture-link-600x300.jpg?date=20230208);
}

/* 刀ブロ */
.cmn_text_bnr .has_text.bf_toublo_link > a,
.cmn_text_bnr .has_text.bf_toublo_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-toublo-link-600x300.jpg?date=20210506);
}

/*天下三名槍 写し制作プロジェクト */
.cmn_text_bnr .has_text.bf_meihaku_tengasanmeisou_link > a,
.cmn_text_bnr .has_text.bf_meihaku_tengasanmeisou_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/meihaku/bnr-tengasanmeiso-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/* 五月人形の基礎知識 */
.cmn_text_bnr .has_text.bf_gogatsu_dolls_link>a,
.cmn_text_bnr .has_text.bf_gogatsu_dolls_link>span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-gogatsu-dolls-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/* 大河ドラマ「鎌倉殿の13人」 */
.cmn_text_bnr .has_text.bf_taiga_kamakuradono13_link>a,
.cmn_text_bnr .has_text.bf_taiga_kamakuradono13_link>span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-taiga-kamakuradono13-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* 甲冑（鎧兜）の基本 名博メーハク .bf_armor_basic_link */
.cmn_text_bnr .has_text.bf_armor_basic_link > a,
.cmn_text_bnr .has_text.bf_armor_basic_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/meihaku/bnr-armor-basic-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/* 刀剣コスプレ（名博メーハク版） */
.cmn_text_bnr .has_text.bf_meihaku_cosplay_link > a,
.cmn_text_bnr .has_text.bf_meihaku_cosplay_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-meihaku-cosplay-link-600x300.jpg?date=20210818) no-repeat top;
  background-size: 100%;
}

/* 13人の合議制（鎌倉殿の13人） */
.cmn_text_bnr .has_text.bf_kamakura13_link > a,
.cmn_text_bnr .has_text.bf_kamakura13_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-kamakura13-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* 徳川家康 */
.cmn_text_bnr .has_text.bf_historian_tokugawaieyasu_link > a,
.cmn_text_bnr .has_text.bf_historian_tokugawaieyasu_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-historian-link-tokugawaieyasu-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* 鎌倉幕府の執権一覧 */
.cmn_text_bnr .has_text.bf_shikken_hojo_link > a,
.cmn_text_bnr .has_text.bf_shikken_hojo_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-shikken-hojo-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* 第15代最後の将軍／徳川慶喜（よしのぶ）：徳川慶喜の子孫 */
.cmn_text_bnr .has_text.bf_tokugawayoshinobu_shison_link > a,
.cmn_text_bnr .has_text.bf_tokugawayoshinobu_shison_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-tokugawa-yoshinobu-descendants-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* 浮世絵入門 */
.cmn_text_bnr .has_text.bf_ukiyoe_introduction_link > a,
.cmn_text_bnr .has_text.bf_ukiyoe_introduction_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-ukiyoe-introduction-link-600x300.jpg?date=20220415) no-repeat top;
  background-size: 100%;
}

/* 浮世絵展示の博物館・美術館 */
.cmn_text_bnr .has_text.bf_twu_museum_link > a,
.cmn_text_bnr .has_text.bf_twu_museum_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-twu-museum-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* 浮世絵を学ぶ */
.cmn_text_bnr .has_text.bf_learn_ukiyoe_link > a,
.cmn_text_bnr .has_text.bf_learn_ukiyoe_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-learn-ukiyoe-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* 甲冑（鎧兜）写真 */
.cmn_text_bnr .has_text.bf_search_armor_link > a,
.cmn_text_bnr .has_text.bf_search_armor_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-armor-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* 徳川御三家・御三卿と徳川家を支えた武将 */
.cmn_text_bnr .has_text.bf_tokugawa-supported_link > a,
.cmn_text_bnr .has_text.bf_tokugawa-supported_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-tokugawa-supported-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* 徳川家康と愛知県・静岡県 */
.cmn_text_bnr .has_text.bf_tokugawaieyasu-aichi-shizuoka_link > a,
.cmn_text_bnr .has_text.bf_tokugawaieyasu-aichi-shizuoka_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-twn-tokugawaieyasu-aichi-shizuoka-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* 愛知県の風景が描かれた浮世絵 */
.cmn_text_bnr .has_text.bf_aichi-ukiyoe_link > a,
.cmn_text_bnr .has_text.bf_aichi-ukiyoe_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-aichi-ukiyoe-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* 鎌倉9代将軍一覧 */
.cmn_text_bnr .has_text.bf_kamakura9_link > a,
.cmn_text_bnr .has_text.bf_kamakura9_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-kamakura9-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* 足利15代将軍一覧 */
.cmn_text_bnr .has_text.bf_ashikaga15_link > a,
.cmn_text_bnr .has_text.bf_ashikaga15_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-ashikaga15-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/* Web日本史辞典 */
.cmn_text_bnr .has_text.bf_history-important-word_link > a,
.cmn_text_bnr .has_text.bf_history-important-word_link > span {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-history-important-word-link-600x300.jpg) no-repeat top;
  background-size: 100%;
}

/*戦国時代を動かした名軍師*/
.cmn_text_bnr .has_text.bf_great_strategist_link > a,
.cmn_text_bnr .has_text.bf_great_strategist_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-great-strategist-link-600x300.jpg?date=20221205);
}

/*戦国時代のファッション文化*/
.cmn_text_bnr .has_text.bf_sengoku_fashion_link > a,
.cmn_text_bnr .has_text.bf_sengoku_fashion_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sengoku-fashion-link-600x300.jpg?date=20221205);
}

/*日本史年表*/
.cmn_text_bnr .has_text.bf_japanese_history_link > a,
.cmn_text_bnr .has_text.bf_japanese_history_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/meihaku/bnr-meihaku-japanese-history-link-600x300.jpg?date=20221205);
}

/*どうする家康*/
.cmn_text_bnr .has_text.bf_dousuru_ieyasu_link > a,
.cmn_text_bnr .has_text.bf_dousuru_ieyasu_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-dousuru-ieyasu-link-600x300.jpg);
}

/*新撰組*/
.cmn_text_bnr .has_text.bf_shinsengumi_link > a,
.cmn_text_bnr .has_text.bf_shinsengumi_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-shinsengumi-link-600x300.jpg);
}

/*幕末の人物一覧*/
.cmn_text_bnr .has_text.bf_bakumatsu_people_list_link > a,
.cmn_text_bnr .has_text.bf_bakumatsu_people_list_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-bakumatsu-people-list-link-600x300.jpg);
}

/*戦国時代の日常*/
.cmn_text_bnr .has_text.bf_sengoku-nichijo_link > a,
.cmn_text_bnr .has_text.bf_sengoku-nichijo_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sengoku-nichijo-link-600x300.jpg);
}

/*日本の街道・宿場町*/
.cmn_text_bnr .has_text.bf_shukubamachi_link > a,
.cmn_text_bnr .has_text.bf_shukubamachi_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-shukubamachi-link-600x300.jpg);
}

/*戦国時代と茶道*/
.cmn_text_bnr .has_text.bf_sado-sengokuperiod_link > a,
.cmn_text_bnr .has_text.bf_sado-sengokuperiod_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sado-sengokuperiod-600x300.jpg);
}

/*高校で学ぶ日本の歴史*/
.cmn_text_bnr .has_text.bf_high-school-history_link > a,
.cmn_text_bnr .has_text.bf_high-school-history_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-high-school-history-600x300.jpg);
}

/*日本史の豆知識*/
.cmn_text_bnr .has_text.bf_japanese-history-trivia_link > a,
.cmn_text_bnr .has_text.bf_japanese-history-trivia_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-japanese-history-trivia-link-600x300.jpg);
}

/*刀剣ワールド東京 刀剣の基礎*/
.cmn_text_bnr .has_text.bf_tokyo_knowledge_of_sword_link > a,
.cmn_text_bnr .has_text.bf_tokyo_knowledge_of_sword_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-tokyo-knowledge-of-sword-link-600x300.jpg);
}

/*刀剣ワールド東京 東京の歴史*/
.cmn_text_bnr .has_text.bf_tokyo_history_link > a,
.cmn_text_bnr .has_text.bf_tokyo_history_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-tokyo-history-link-600x300.jpg);
}

/*刀剣ワールド大阪 大阪の歴史*/
.cmn_text_bnr .has_text.bf_osaka_history_link > a,
.cmn_text_bnr .has_text.bf_osaka_history_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-osaka-history-link-600x300.jpg);
}

/* 旅探 */
.cmn_text_bnr .has_text.bf_tour_search > a,
.cmn_text_bnr .has_text.bf_tour_search > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-tour-link-300-150x2.png?date=20210506);
  border: 2px solid #1e5a89;
}

/* 旅探 日本の祭り */
.cmn_text_bnr .has_text.bf_festival_search > a,
.cmn_text_bnr .has_text.bf_festival_search > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-festival-link-300-150x2.png?date=20210506);
  border: 2px solid #1e5a89;
}

/*旅探 全国のご当地グルメ*/
.cmn_text_bnr .has_text.bf_tour_local_gourmet_link > a,
.cmn_text_bnr .has_text.bf_tour_local_gourmet_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-local-gourmet-2-600x300.jpg);
}

/* 旅探／日本の名園・庭園100選 */
.cmn_text_bnr .has_text.bf_famous_gardens100_link>a,
.cmn_text_bnr .has_text.bf_famous_gardens100_link>span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr_famous_gardens100_600x300_txt.png);
}

/*旅探 神社・寺院の国宝建造物特集*/
.cmn_text_bnr .has_text.bf_nationaltreasure_link > a,
.cmn_text_bnr .has_text.bf_nationaltreasure_link > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-nationaltreasure_600-300_txt.png);
}

/* ホテバンク */
.cmn_text_bnr .has_text.bf_hotel_search > a,
.cmn_text_bnr .has_text.bf_hotel_search > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-hotel-link-300-150x2.png?date=20210506);
  border: 2px solid #bf9204;
}

/* パブリネット */
.cmn_text_bnr .has_text.bf_public_search > a,
.cmn_text_bnr .has_text.bf_public_search > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-publinet-public-link-300-150x2.png?date=20210506);
  border: 2px solid #983949;
}

/* 城ワールド */
.cmn_text_bnr .has_text.bf_shiro_world_search > a,
.cmn_text_bnr .has_text.bf_shiro_world_search > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-shiro-world-link-300-150x2.png?date=20210506);
  border: 2px solid #983949;
}

/* 特選 日本の城100選（全国の100名城） */
.cmn_text_bnr .has_text.bf_castle_famous-castles100_link>a,
.cmn_text_bnr .has_text.bf_castle_famous-castles100_link>span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-famous-castles100-link-600x300.png);
  border: 2px solid #983949;
}

/* スタディピア */
.cmn_text_bnr .has_text.bf_study_search > a,
.cmn_text_bnr .has_text.bf_study_search > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-study-link-300-150x2.png?date=20210506);
  border: 2px solid #1e5a89;
}

/* ビッグカンパニー */
.cmn_text_bnr .has_text.bf_bigcompany_search > a,
.cmn_text_bnr .has_text.bf_bigcompany_search > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-bigcompany-link-300-150x2.png?date=20210506);
  border: 2px solid #1e5a89;
}

/* クックドア */
.cmn_text_bnr .has_text.bf_cookdoor_search > a,
.cmn_text_bnr .has_text.bf_cookdoor_search > span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-cookdoor-link-300-150x2.png?date=20210506);
  border: 2px solid #1e5a89;
}

/* メディアポ */
.cmn_text_bnr .has_text.bf_mediapo_search>a,
.cmn_text_bnr .has_text.bf_mediapo_search>span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-mediapo-link-300-150x2.png);
  border: 2px solid #1e5a89;
}

/* マーケットピア */
.cmn_text_bnr .has_text.bf_shopping_search>a,
.cmn_text_bnr .has_text.bf_shopping_search>span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-shopping-link-300-150x2.png);
  border: 2px solid #e45c6e;
}

/* エンタメール */
.cmn_text_bnr .has_text.bf_entame_search>a,
.cmn_text_bnr .has_text.bf_entame_search>span {
  background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-entamer-link-600-300.png);
  border: 2px solid #e45c6e;
}

/* リサーチ系のみ白枠レイアウト変更 */
.cmn_text_bnr .bf_tour_search.has_text .bnr_txt,
.cmn_text_bnr .bf_festival_search.has_text .bnr_txt,
.cmn_text_bnr .bf_hotel_search.has_text .bnr_txt,
.cmn_text_bnr .bf_public_search.has_text .bnr_txt,
.cmn_text_bnr .bf_shiro_world_search.has_text .bnr_txt,
.cmn_text_bnr .bf_castle_famous-castles100_link.has_text .bnr_txt,
.cmn_text_bnr .bf_study_search.has_text .bnr_txt,
.cmn_text_bnr .bf_bigcompany_search.has_text .bnr_txt,
.cmn_text_bnr .bf_cookdoor_search.has_text .bnr_txt,
.cmn_text_bnr .bf_mediapo_search.has_text .bnr_txt,
.cmn_text_bnr .bf_shopping_search.has_text .bnr_txt,
.cmn_text_bnr .bf_entame_search.has_text .bnr_txt,
.cmn_text_bnr .bf_tour_local_gourmet_link.has_text .bnr_txt,
.cmn_text_bnr .bf_famous_gardens100_link.has_text .bnr_txt,
.cmn_text_bnr .bf_nationaltreasure_link.has_text .bnr_txt {
  border-radius: 5px;
  font-family: "HiraKakuPro-W3","Hiragino Kaku Gothic ProN W3","Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", 游ゴシック体, "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic",メイリオ, Osaka, sans-serif;
  font-weight: 600;
  margin: 0;
  padding: .5% 2%;
  width: auto;
  white-space: nowrap; /*iOS改行対応*/
}

/* リサーチ系のみ白枠レイアウト変更（iOS改行対応） */
.cmn_text_bnr .bf_tour_search.has_text .bnr_txt::after,
.cmn_text_bnr .bf_tour_search.has_text .bnr_txt::before,
.cmn_text_bnr .bf_festival_search .bnr_txt::after,
.cmn_text_bnr .bf_festival_search .bnr_txt::before,
.cmn_text_bnr .bf_hotel_search .bnr_txt::after,
.cmn_text_bnr .bf_hotel_search .bnr_txt::before,
.cmn_text_bnr .bf_public_search .bnr_txt::after,
.cmn_text_bnr .bf_public_search .bnr_txt::before,
.cmn_text_bnr .bf_shiro_world_search .bnr_txt::after,
.cmn_text_bnr .bf_shiro_world_search .bnr_txt::before,
.cmn_text_bnr .bf_castle_famous-castles100_link .bnr_txt::after,
.cmn_text_bnr .bf_castle_famous-castles100_link .bnr_txt::before,
.cmn_text_bnr .bf_study_search .bnr_txt::after,
.cmn_text_bnr .bf_study_search .bnr_txt::before,
.cmn_text_bnr .bf_bigcompany_search .bnr_txt::after,
.cmn_text_bnr .bf_bigcompany_search .bnr_txt::before,
.cmn_text_bnr .bf_cookdoor_search .bnr_txt::after,
.cmn_text_bnr .bf_cookdoor_search .bnr_txt::before,
.cmn_text_bnr .bf_mediapo_search .bnr_txt::after,
.cmn_text_bnr .bf_mediapo_search .bnr_txt::before,
.cmn_text_bnr .bf_shopping_search.has_text .bnr_txt::before,
.cmn_text_bnr .bf_shopping_search.has_text .bnr_txt::after,
.cmn_text_bnr .bf_entame_search.has_text .bnr_txt::before,
.cmn_text_bnr .bf_entame_search.has_text .bnr_txt::after,
.cmn_text_bnr .bf_tour_local_gourmet_link.has_text .bnr_txt::before,
.cmn_text_bnr .bf_tour_local_gourmet_link.has_text .bnr_txt::after,
.cmn_text_bnr .bf_famous_gardens100_link.has_text .bnr_txt::before,
.cmn_text_bnr .bf_famous_gardens100_link.has_text .bnr_txt::after,
.cmn_text_bnr .bf_nationaltreasure_link.has_text .bnr_txt::before,
.cmn_text_bnr .bf_nationaltreasure_link.has_text .bnr_txt::after {
  content: '.';
  display: inline-block;
  color: transparent;
  pointer-events: none;
}

.cmn_text_bnr .bf_tour_search.has_text > a::after,
.cmn_text_bnr .bf_festival_search.has_text > a::after,
.cmn_text_bnr .bf_hotel_search.has_text > a::after,
.cmn_text_bnr .bf_public_search.has_text > a::after,
.cmn_text_bnr .bf_shiro_world_search.has_text > a::after,
.cmn_text_bnr .bf_castle_famous-castles100_link.has_text > a::after,
.cmn_text_bnr .bf_study_search.has_text > a::after,
.cmn_text_bnr .bf_bigcompany_search.has_text > a::after,
.cmn_text_bnr .bf_cookdoor_search.has_text > a::after,
.cmn_text_bnr .bf_mediapo_search.has_text > a::after,
.cmn_text_bnr .bf_shopping_search.has_text>a::after,
.cmn_text_bnr .bf_entame_search.has_text>a::after,
.cmn_text_bnr .bf_tour_local_gourmet_link.has_text>a::after,
.cmn_text_bnr .bf_famous_gardens100_link.has_text>a::after,
.cmn_text_bnr .bf_nationaltreasure_link.has_text>a::after {
  display: none;
}

.cmn_text_bnr.col01 .bf_tour_search.has_text > a,
.cmn_text_bnr.col01 .bf_festival_search.has_text > a,
.cmn_text_bnr.col01 .bf_hotel_search.has_text > a,
.cmn_text_bnr.col01 .bf_public_search.has_text > a,
.cmn_text_bnr.col01 .bf_shiro_world_search.has_text > a,
.cmn_text_bnr.col01 .bf_castle_famous-castles100_link.has_text > a,
.cmn_text_bnr.col01 .bf_study_search.has_text > a,
.cmn_text_bnr.col01 .bf_bigcompany_search.has_text > a,
.cmn_text_bnr.col01 .bf_cookdoor_search.has_text > a,
.cmn_text_bnr.col01 .bf_mediapo_search.has_text > a,
.cmn_text_bnr.col01 .bf_shopping_search.has_text>a,
.cmn_text_bnr.col01 .bf_entame_search.has_text>a,
.cmn_text_bnr.col01 .bf_tour_local_gourmet_link.has_text>a,
.cmn_text_bnr.col01 .bf_famous_gardens100_link.has_text>a,
.cmn_text_bnr.col01 .bf_nationaltreasure_link.has_text>a {
  padding: 13.5% 5.5% 1% 3%;
}

.cmn_text_bnr.col02 .bf_tour_search.has_text > a,
.cmn_text_bnr.col02 .bf_festival_search.has_text > a,
.cmn_text_bnr.col02 .bf_hotel_search.has_text > a,
.cmn_text_bnr.col02 .bf_public_search.has_text > a,
.cmn_text_bnr.col02 .bf_shiro_world_search.has_text > a,
.cmn_text_bnr.col02 .bf_castle_famous-castles100_link.has_text > a,
.cmn_text_bnr.col02 .bf_study_search.has_text > a,
.cmn_text_bnr.col02 .bf_bigcompany_search.has_text > a,
.cmn_text_bnr.col02 .bf_cookdoor_search.has_text > a,
.cmn_text_bnr.col02 .bf_mediapo_search.has_text > a,
.cmn_text_bnr.col02 .bf_shopping_search.has_text>a,
.cmn_text_bnr.col02 .bf_entame_search.has_text>a,
.cmn_text_bnr.col02 .bf_tour_local_gourmet_link.has_text>a,
.cmn_text_bnr.col02 .bf_famous_gardens100_link.has_text>a,
.cmn_text_bnr.col02 .bf_nationaltreasure_link.has_text>a {
  padding: 14% 4% 1.6%;
}

.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_tour_search.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_festival_search.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_hotel_search.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_public_search.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_shiro_world_search.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_castle_famous-castles100_link.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_study_search.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_bigcompany_search.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_cookdoor_search.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_mediapo_search.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_shopping_search.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_entame_search.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_tour_local_gourmet_link.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_famous_gardens100_link.has_text .bnr_txt,
.cmn_text_bnr.col02.cmn_bnr_w_300 .bf_nationaltreasure_link.has_text .bnr_txt {
  padding: 1.3% 2%;
  font-feature-settings: inherit;
}

.cmn_text_bnr.col03 .bf_tour_search.has_text > a,
.cmn_text_bnr.col03 .bf_festival_search.has_text > a,
.cmn_text_bnr.col03 .bf_hotel_search.has_text > a,
.cmn_text_bnr.col03 .bf_public_search.has_text > a,
.cmn_text_bnr.col03 .bf_shiro_world_search.has_text > a,
.cmn_text_bnr.col03 .bf_castle_famous-castles100_link.has_text > a,
.cmn_text_bnr.col03 .bf_study_search.has_text > a,
.cmn_text_bnr.col03 .bf_bigcompany_search.has_text > a,
.cmn_text_bnr.col03 .bf_cookdoor_search.has_text > a,
.cmn_text_bnr.col03 .bf_mediapo_search.has_text > a,
.cmn_text_bnr.col03 .bf_shopping_search.has_text>a,
.cmn_text_bnr.col03 .bf_entame_search.has_text>a,
.cmn_text_bnr.col03 .bf_tour_local_gourmet_link.has_text>a,
.cmn_text_bnr.col03 .bf_famous_gardens100_link.has_text>a,
.cmn_text_bnr.col03 .bf_nationaltreasure_link.has_text>a {
  padding: 12.67% 3% 1%;
}

@media (min-width: 768px) {
  /* -- col1のみ、PC表示は横幅1000pxの画像を使用 -- */
  /* リサーチ 城をめぐる戦い */
  .cmn_text_bnr.col01 .has_text.bf_research-castle_link > a,
  .cmn_text_bnr.col01 .has_text.bf_research-castle_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-siege-bg-1000x180.jpg?date=20210506) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
    background-size: 100%;
  }

  /* 刀剣広場 刀剣ブログ */
  .cmn_text_bnr.col01 .has_text.bf_hiroba_blog_link > a,
  .cmn_text_bnr.col01 .has_text.bf_hiroba_blog_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-blog-link-1000x180.jpg?date=20210506) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
    background-size: 100%;
  }

  /* 名古屋刀剣ワールド／刀剣の基本 */
  .cmn_text_bnr.col01 .has_text.bf_meihaku_sword_basic_link > a,
  .cmn_text_bnr.col01 .has_text.bf_meihaku_sword_basic_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-basic-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣コスプレ（名博メーハク版） */
  .cmn_text_bnr.col01 .has_text.bf_meihaku_cosplay_link > a,
  .cmn_text_bnr.col01 .has_text.bf_meihaku_cosplay_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-meihaku-cosplay-link-1000x180.jpg) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
    background-size: 100%;
  }

  /* 刀剣写真・日本刀画像一覧 */
  .cmn_text_bnr.col01 .has_text.bf_search_link > a,
  .cmn_text_bnr.col01 .has_text.bf_search_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-link-1000x180.jpg?date=20210506);
  }

  /* 日本史／全国の合戦・古戦場（地域別） */
  .cmn_text_bnr.col01 .has_text.bf_kosenjo_link > a,
  .cmn_text_bnr.col01 .has_text.bf_kosenjo_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-kosenjo-link-1000x180.jpg?date=20210506);
  }

  /* 武将・歴史人の日本刀（イラスト） */
  .cmn_text_bnr.col01 .has_text.bf_sword_legend_link > a,
  .cmn_text_bnr.col01 .has_text.bf_sword_legend_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-legend-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣展示 博物館の日本刀 */
  .cmn_text_bnr.col01 .has_text.bf_museum_link > a,
  .cmn_text_bnr.col01 .has_text.bf_museum_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-museum-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣奉納 神社・仏閣の日本刀 */
  .cmn_text_bnr.col01 .has_text.bf_religious_building_link > a,
  .cmn_text_bnr.col01 .has_text.bf_religious_building_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-religious-building-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣・甲冑展示の城・城郭 */
  .cmn_text_bnr.col01 .has_text.bf_castle_building_link > a,
  .cmn_text_bnr.col01 .has_text.bf_castle_building_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-castle-building-link-1000x180.jpg?date=20210506);
  }

  /* 全国の刀剣商（刀剣買取店・販売店）リンク */
  .cmn_text_bnr.col01 .has_text.bf_organization_tosho_link > a,
  .cmn_text_bnr.col01 .has_text.bf_organization_tosho_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-organization-tosho-link-1000x180.jpg?date=20210506);
  }

  /* 日本史の珍説 */
  .cmn_text_bnr.col01 .has_text.bf_strange_story_link > a,
  .cmn_text_bnr.col01 .has_text.bf_strange_story_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-strange-story-link-1000x180.jpg?date=20210506);
  }

  /* 日本史／合戦歴史年表 */
  .cmn_text_bnr.col01 .has_text.bf_battle_history_link > a,
  .cmn_text_bnr.col01 .has_text.bf_battle_history_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-battle-history-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣・甲冑の関連組織 */
  .cmn_text_bnr.col01 .has_text.bf_organization_link > a,
  .cmn_text_bnr.col01 .has_text.bf_organization_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-link-organization-1000x180.jpg?date=20210506);
  }

  /* 戦国武将のお祭り */
  .cmn_text_bnr.col01 .has_text.bf_sengokuwarlords_festival_link > a,
  .cmn_text_bnr.col01 .has_text.bf_sengokuwarlords_festival_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sengokuwarlords-festival-link-1000x180.jpg?date=20210506);
  }

  /* 五箇伝の名工 */
  .cmn_text_bnr.col01 .has_text.bf_gokaden_meikou_link > a,
  .cmn_text_bnr.col01 .has_text.bf_gokaden_meikou_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-gokaden-meikou_link-1000x180.jpg?date=20210506);
  }

  /* 現代刀の名工・名匠・刀鍛冶 */
  .cmn_text_bnr.col01 .has_text.bf_modern_sword_artisan_link > a,
  .cmn_text_bnr.col01 .has_text.bf_modern_sword_artisan_link > span{
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-modern-sword-artisan-1000x180.jpg?date=20210506);
  }

  /* 名家・著名人の日本刀 */
  .cmn_text_bnr.col01 .has_text.bf_museum_katana_historian_link > a,
  .cmn_text_bnr.col01 .has_text.bf_museum_katana_historian_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-museum-katana-historian-link-1000x180.jpg?date=20210506);
  }

  /* 戦国武将の合戦戦略 */
  .cmn_text_bnr.col01 .has_text.bf_battle_strategy_link > a,
  .cmn_text_bnr.col01 .has_text.bf_battle_strategy_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-battle_strategy-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣の基礎知識 */
  .cmn_text_bnr.col01 .has_text.bf_knowledge_link > a,
  .cmn_text_bnr.col01 .has_text.bf_knowledge_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-link-1000x180.jpg?date=20210506);
  }

  /* 甲冑（鎧兜）の基礎知識 */
  .cmn_text_bnr.col01 .has_text.bf_knowledge_armor_link > a,
  .cmn_text_bnr.col01 .has_text.bf_knowledge_armor_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-armor-link-1000x180.jpg?date=20210506);
  }

  /* 甲冑師の仕事 */
  .cmn_text_bnr.col01 .has_text.bf_knowledge_armor_worker_link > a,
  .cmn_text_bnr.col01 .has_text.bf_knowledge_armor_worker_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-armor-worker-link-1000x180.jpg?date=20210506);
  }

  /* 忍者の基礎知識 */
  .cmn_text_bnr.col01 .has_text.bf_knowledge_ninja_link > a,
  .cmn_text_bnr.col01 .has_text.bf_knowledge_ninja_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-ninja-link-1000x180.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* 戦国武将 */
  .cmn_text_bnr.col01 .has_text.bf_historian_link > a,
  .cmn_text_bnr.col01 .has_text.bf_historian_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-historian-link-1000x180.jpg?date=20210506);
  }

  /* 主な江戸100藩（家紋） */
  .cmn_text_bnr.col01 .has_text.bf_edo-domain100_link > a,
  .cmn_text_bnr.col01 .has_text.bf_edo-domain100_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-edo-domain100-link-1000x180.jpg?date=20210506);
  }

  /* 皇室・公家と刀剣 */
  .cmn_text_bnr.col01 .has_text.bf_imperial_sword_link > a,
  .cmn_text_bnr.col01 .has_text.bf_imperial_sword_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-imperial-sword-link-1000x180.jpg?date=20210506);
  }

  /* 歌舞伎と刀剣 */
  .cmn_text_bnr.col01 .has_text.bf_kabuki_touken_link > a,
  .cmn_text_bnr.col01 .has_text.bf_kabuki_touken_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-kabuki-touken-link-1000x180.jpg?date=20210506);
  }

  /* 歴女必見！戦国武将を支えた女剣士～女性と刀剣～ */
  .cmn_text_bnr.col01 .has_text.bf_women_touken_link > a,
  .cmn_text_bnr.col01 .has_text.bf_women_touken_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-women-touken-link-1000x180.jpg?date=20210506);
  }

  /* 戦国時代の戦国大名一覧 */
  .cmn_text_bnr.col01 .has_text.bf_daimyo_link > a,
  .cmn_text_bnr.col01 .has_text.bf_daimyo_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-daimyo-link-1000x180.jpg?date=20210506);
  }

  /* 現代に残る武士の風習 */
  .cmn_text_bnr.col01 .has_text.bf_samurai_customs_link > a,
  .cmn_text_bnr.col01 .has_text.bf_samurai_customs_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-samurai-customs-link-1000x180.jpg?date=20210506);
  }

  /* 美濃伝の刀剣／岐阜県関市の刃物 */
  .cmn_text_bnr.col01 .has_text.bf_minoden_sekicity_link > a,
  .cmn_text_bnr.col01 .has_text.bf_minoden_sekicity_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-minoden-sekicity-link-1000x180.jpg?date=20210506);
  }

  /* 世界の剣・甲冑（鎧兜） */
  .cmn_text_bnr.col01 .has_text.bf_world_touken_link > a,
  .cmn_text_bnr.col01 .has_text.bf_world_touken_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-world-touken-link-1000x180.jpg?date=20210506);
  }

  /* 徳川十五代将軍 */
  .cmn_text_bnr.col01 .has_text.bf_tokugawa15_link > a,
  .cmn_text_bnr.col01 .has_text.bf_tokugawa15_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-tokugawa15-link-1000x180.jpg?date=20210506);
  }

  /* 歴女向け歴史ガイド */
  .cmn_text_bnr.col01 .has_text.bf_female_history_buff_link > a,
  .cmn_text_bnr.col01 .has_text.bf_female_history_buff_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-female-history-buff-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣・歴史小説 */
  .cmn_text_bnr.col01 .has_text.bf_novel_link > a,
  .cmn_text_bnr.col01 .has_text.bf_novel_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-novel-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣映画（時代劇・歴史映画監督） */
  .cmn_text_bnr.col01 .has_text.bf_movie_link > a,
  .cmn_text_bnr.col01 .has_text.bf_movie_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-movie-link-1000x180.jpg?date=20240110);
  }

  /* 書画・美術品写真／画像 */
  .cmn_text_bnr.col01 .has_text.bf_search_art_link > a,
  .cmn_text_bnr.col01 .has_text.bf_search_art_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-art-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣ワールド浮世絵：浮世絵師一覧 */
  .cmn_text_bnr.col01 .has_text.bf_ukiyoe_artist_link > a,
  .cmn_text_bnr.col01 .has_text.bf_ukiyoe_artist_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-ukiyoe-artist-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣ワールド浮世絵：浮世絵のシリーズ作品 */
  .cmn_text_bnr.col01 .has_text.bf_ukiyoe_series_link > a,
  .cmn_text_bnr.col01 .has_text.bf_ukiyoe_series_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-ukiyoe-series-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣写真・日本刀画像一覧 */
  .cmn_text_bnr.col01 .has_text.bf_search_cat > a,
  .cmn_text_bnr.col01 .has_text.bf_search_cat > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-cat-1000x180.png?date=20210506);
  }

  /* 剣舞と詩舞 世界の剣舞 */
  .cmn_text_bnr.col01 .has_text.bf_sword_and_dance_link > a,
  .cmn_text_bnr.col01 .has_text.bf_sword_and_dance_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-and-dance-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣にまつわる神事・文化・しきたり */
  .cmn_text_bnr.col01 .has_text.bf_ritual_culture_clash_link > a,
  .cmn_text_bnr.col01 .has_text.bf_ritual_culture_clash_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-ritual-culture-clash-link-1000x180.jpg?date=20210506);
  }

  /* 神話・説話に登場の伝説の剣 */
  .cmn_text_bnr.col01 .has_text.bf_mythology_link > a,
  .cmn_text_bnr.col01 .has_text.bf_mythology_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-mythology-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣・歴史漫画 */
  .cmn_text_bnr.col01 .has_text.bf_sword_in_comics_link > a,
  .cmn_text_bnr.col01 .has_text.bf_sword_in_comics_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-in-comics-link-500x90-x2.jpg?date=20210506);
  }

  /* 刀剣マンガ（刀剣ことわざ4コマ漫画） */
  .cmn_text_bnr.col01 .has_text.bf_comic_link > a,
  .cmn_text_bnr.col01 .has_text.bf_comic_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-comic-link-1000x180.jpg?date=20210506);
  }

  /*刀剣コスプレ .bf_cosplay_link*/
  .cmn_text_bnr.col01 .has_text.bf_cosplay_link > a,
  .cmn_text_bnr.col01 .has_text.bf_cosplay_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-cosplay-link-1000x180.jpg?date=20210506);
  }

  /* 歴女に人気の城下町100選 */
  .cmn_text_bnr.col01 .has_text.bf_castle_town_link > a,
  .cmn_text_bnr.col01 .has_text.bf_castle_town_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-castle-town-link-1000x180.jpg?date=20210506);
  }

  /* 武具・書画・美術品の基礎知識 */
  .cmn_text_bnr.col01 .has_text.bf_knowledge_arms_link > a,
  .cmn_text_bnr.col01 .has_text.bf_knowledge_arms_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-arms-link-1000x180.jpg?date=20210506);
  }

  /* 弓の基礎知識 */
  .cmn_text_bnr.col01 .has_text.bf_arquebus-bow_link > a,
  .cmn_text_bnr.col01 .has_text.bf_arquebus-bow_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-arquebus-bow-link-1000x180.jpg?date=20220920);
  }

  /* 鉄砲の基礎知識 */
  .cmn_text_bnr.col01 .has_text.bf_knowledge_arquebus_link > a,
  .cmn_text_bnr.col01 .has_text.bf_knowledge_arquebus_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-knowledge-guns-link-1000x180.jpg?date=20230712);
  }

  /* 戦国時代の姫・女武将たち */
  .cmn_text_bnr.col01 .has_text.bf_princess_femalewarlord_link > a,
  .cmn_text_bnr.col01 .has_text.bf_princess_femalewarlord_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-princess-femalewarlord-link-1000x180.jpg?date=20210506);
  }

  /* 主君を支えた歴史上の実力者 */
  .cmn_text_bnr.col01 .has_text.bf_number2_link > a,
  .cmn_text_bnr.col01 .has_text.bf_number2_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-number2-link-1000x180.jpg?date=20210506);
  }

  /* 著名刀工・刀匠名鑑 */
  .cmn_text_bnr.col01 .has_text.bf_sword_artisan_directory_link > a,
  .cmn_text_bnr.col01 .has_text.bf_sword_artisan_directory_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-artisan-directory-link-1000x180.jpg?date=20210506);
  }

  /* 刀剣名刀図鑑 */
  .cmn_text_bnr.col01 .has_text.bf_search-noted-sword-cat > a,
  .cmn_text_bnr.col01 .has_text.bf_search-noted-sword-cat > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-noted-sword-cat-1000x180.jpg?date=20210506);
  }

  /* 刀剣女子に好まれる刀剣 */
  .cmn_text_bnr.col01 .has_text.bf_sword_girl_link > a,
  .cmn_text_bnr.col01 .has_text.bf_sword_girl_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sword-girl-link-1000x180.jpg?date=20210506);
  }

  /* 合戦の街 関ヶ原（関ヶ原の戦い） */
  .cmn_text_bnr.col01 .has_text.bf_sekigahara_wars_link > a,
  .cmn_text_bnr.col01 .has_text.bf_sekigahara_wars_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sekigahara-wars-link-1000x180.jpg?date=20210506);
  }

  /* 日本史／戦国武将年表 */
  .cmn_text_bnr.col01 .has_text.bf_historian_history_link > a,
  .cmn_text_bnr.col01 .has_text.bf_historian_history_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-historian-history-link-1000x180.jpg?date=20210506);
  }

  /* 日本史／戦国武将年表  フォントサイズ、余白調整*/
  .cmn_text_bnr.col01 .has_text.bf_historian_history_link a{
    padding-top: 8.7%;
  }

  .cmn_text_bnr.col01 .has_text.bf_historian_history_link span{
    display: inline-block;
    margin: 0 auto;
  }

  /* 渋沢栄一の功績 */
  .cmn_text_bnr.col01 .has_text.bf_shibusawaeiichi_link > a,
  .cmn_text_bnr.col01 .has_text.bf_shibusawaeiichi_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-shibusawaeiichi-link-1000x180.jpg?date=20210506);
  }

  /* 日本の生活(縄文〜江戸時代の暮らしや文化) */
  .cmn_text_bnr.col01 .has_text.bf_culture_link > a,
  .cmn_text_bnr.col01 .has_text.bf_culture_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-culture-link-1000x180.jpg?date=20210818);
  }

  /* 刀ブロ */
  .cmn_text_bnr.col01 .has_text.bf_toublo_link > a,
  .cmn_text_bnr.col01 .has_text.bf_toublo_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-toublo-link-1000x180.jpg?date=20210506);
  }

  /*天下三名槍 写し制作プロジェクト */
  .cmn_text_bnr.col01 .has_text.bf_meihaku_tengasanmeisou_link > a,
  .cmn_text_bnr.col01 .has_text.bf_meihaku_tengasanmeisou_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/meihaku/bnr-tengasanmeiso-link-1000x180.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* 五月人形の基礎知識 */
  .cmn_text_bnr.col01 .has_text.bf_gogatsu_dolls_link>a,
  .cmn_text_bnr.col01 .has_text.bf_gogatsu_dolls_link>span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-gogatsu-dolls-link-1000x180.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* 大河ドラマ「鎌倉殿の13人」 */
  .cmn_text_bnr.col01 .has_text.bf_taiga_kamakuradono13_link>a,
  .cmn_text_bnr.col01 .has_text.bf_taiga_kamakuradono13_link>span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-taiga-kamakuradono13-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 刀剣コスプレ（名博メーハク版） */
  .cmn_text_bnr.col01 .has_text.bf_meihaku_cosplay_link>a,
  .cmn_text_bnr.col01 .has_text.bf_meihaku_cosplay_link>span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-meihaku-cosplay-link-1000x180.jpg?date=20210818) no-repeat top;
    background-size: 100%;
  }

  /* 甲冑（鎧兜）の基本 名博メーハク .bf_armor_basic_link */
  .cmn_text_bnr.col01 .has_text.bf_armor_basic_link>a,
  .cmn_text_bnr.col01 .has_text.bf_armor_basic_link>span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/meihaku/bnr-armor-basic-link-1000x180.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* 13人の合議制（鎌倉殿の13人） */
  .cmn_text_bnr.col01 .has_text.bf_kamakura13_link > a,
  .cmn_text_bnr.col01 .has_text.bf_kamakura13_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-kamakura13-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 徳川家康 */
  .cmn_text_bnr.col01 .has_text.bf_historian_tokugawaieyasu_link > a,
  .cmn_text_bnr.col01 .has_text.bf_historian_tokugawaieyasu_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-historian-link-tokugawaieyasu-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 鎌倉幕府の執権一覧 */
  .cmn_text_bnr.col01 .has_text.bf_shikken_hojo_link > a,
  .cmn_text_bnr.col01 .has_text.bf_shikken_hojo_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-shikken-hojo-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 第15代最後の将軍／徳川慶喜（よしのぶ）：徳川慶喜の子孫 */
  .cmn_text_bnr.col01 .has_text.bf_tokugawayoshinobu_shison_link > a,
  .cmn_text_bnr.col01 .has_text.bf_tokugawayoshinobu_shison_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-tokugawa-yoshinobu-descendants-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }
  
  /* 浮世絵入門 */
  .cmn_text_bnr.col01 .has_text.bf_ukiyoe_introduction_link > a,
  .cmn_text_bnr.col01 .has_text.bf_ukiyoe_introduction_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-ukiyoe-introduction-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 浮世絵展示の博物館・美術館 */
  .cmn_text_bnr.col01 .has_text.bf_twu_museum_link > a,
  .cmn_text_bnr.col01 .has_text.bf_twu_museum_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-twu-museum-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 浮世絵を学ぶ */
  .cmn_text_bnr.col01 .has_text.bf_learn_ukiyoe_link > a,
  .cmn_text_bnr.col01 .has_text.bf_learn_ukiyoe_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-learn-ukiyoe-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 甲冑（鎧兜）写真 */
  .cmn_text_bnr.col01 .has_text.bf_search_armor_link > a,
  .cmn_text_bnr.col01 .has_text.bf_search_armor_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-search-armor-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 徳川御三家・御三卿と徳川家を支えた武将 */
  .cmn_text_bnr.col01 .has_text.bf_tokugawa-supported_link > a,
  .cmn_text_bnr.col01 .has_text.bf_tokugawa-supported_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-tokugawa-supported-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 徳川家康と愛知県・静岡県 */
  .cmn_text_bnr.col01 .has_text.bf_tokugawaieyasu-aichi-shizuoka_link > a,
  .cmn_text_bnr.col01 .has_text.bf_tokugawaieyasu-aichi-shizuoka_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-twn-tokugawaieyasu-aichi-shizuoka-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 愛知県の風景が描かれた浮世絵 */
  .cmn_text_bnr.col01 .has_text.bf_aichi-ukiyoe_link > a,
  .cmn_text_bnr.col01 .has_text.bf_aichi-ukiyoe_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-aichi-ukiyoe-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 鎌倉9代将軍一覧 */
  .cmn_text_bnr.col01 .has_text.bf_kamakura9_link > a,
  .cmn_text_bnr.col01 .has_text.bf_kamakura9_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-kamakura9-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 足利15代将軍一覧 */
  .cmn_text_bnr.col01 .has_text.bf_ashikaga15_link > a,
  .cmn_text_bnr.col01 .has_text.bf_ashikaga15_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-ashikaga15-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* Web日本史辞典 */
  .cmn_text_bnr.col01 .has_text.bf_history-important-word_link > a,
  .cmn_text_bnr.col01 .has_text.bf_history-important-word_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-history-important-word-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }

  /* 大関ケ原祭2022 */
  .cmn_text_bnr.col01 .has_text.bf_oosekigahara_festival2022_link > a,
  .cmn_text_bnr.col01 .has_text.bf_oosekigahara_festival2022_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/meihaku/bnr-oosekigahara-festival2022-link-1000x180.jpg);
    background-size: 100%;
  }

  /* 日本の行事・イベント */
  .cmn_text_bnr.col01 .has_text.bf_japan_event_link > a,
  .cmn_text_bnr.col01 .has_text.bf_japan_event_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-japan-event-link-1000x180.jpg);
    background-size: 100%;
  }

  /*徳川15代将軍*/
  .cmn_text_bnr.col01 .has_text.bf_tokugawa_15th_shogun_link > a,
  .cmn_text_bnr.col01 .has_text.bf_tokugawa_15th_shogun_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-meihaku-tokugawa-15th-shogun-link-1000x180.jpg);
    background-size: 100%;
  }

  /*有名な戦国武将の愛刀*/
  .cmn_text_bnr.col01 .has_text.bf_sengoku_sword_link > a,
  .cmn_text_bnr.col01 .has_text.bf_sengoku_sword_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/meihaku/bnr-meihaku-warlords-and-swords-link-1000x180.jpg);
    background-size: 100%;
  }

  /* 貨幣の基本 */
  .cmn_text_bnr.col01 .has_text.bf_currency_basic_link > a,
  .cmn_text_bnr.col01 .has_text.bf_currency_basic_link > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-meihaku-currency-basic-link-1000x180.jpg) no-repeat top;
    background-size: 100%;
  }
  
  /* 戦国三英傑 */
  .cmn_text_bnr.col01 .has_text.bf_three_heroes_link > a,
  .cmn_text_bnr.col01 .has_text.bf_three_heroes_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-three-heroes-link-1000x180.jpg);
    background-size: 100%;
  }

  /* 天皇と元号一覧（令和と元号の決め方） */
  .cmn_text_bnr.col01 .has_text.bf_era_name_link > a,
  .cmn_text_bnr.col01 .has_text.bf_era_name_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-era-name-list-link-1000x180.jpg);
    background-size: 100%;
  }

  /* 戦国時代を動かした名軍師 */
  .cmn_text_bnr.col01 .has_text.bf_great_strategist_link > a,
  .cmn_text_bnr.col01 .has_text.bf_great_strategist_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-great-strategist-link-1000x180.jpg);
    background-size: 100%;
  }

  /* 戦国時代のファッション文化 */
  .cmn_text_bnr.col01 .has_text.bf_sengoku_fashion_link > a,
  .cmn_text_bnr.col01 .has_text.bf_sengoku_fashion_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sengoku-fashion-link-1000x180.jpg);
    background-size: 100%;
  }

  /* 日本史年表 */
  .cmn_text_bnr.col01 .has_text.bf_japanese_history_link > a,
  .cmn_text_bnr.col01 .has_text.bf_japanese_history_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/meihaku/bnr-meihaku-japanese-historyo-link-1000x180.jpg);
    background-size: 100%;
  }

  /* どうする家康 */
  .cmn_text_bnr.col01 .has_text.bf_dousuru_ieyasu_link > a,
  .cmn_text_bnr.col01 .has_text.bf_dousuru_ieyasu_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-dousuru-ieyasu-link-1000x180.jpg);
    background-size: 100%;
  }

  /* 新撰組 */
  .cmn_text_bnr.col01 .has_text.bf_shinsengumi_link > a,
  .cmn_text_bnr.col01 .has_text.bf_shinsengumi_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-shinsengumi-link-1000x180.jpg);
    background-size: 100%;
  }

  /* 幕末の人物一覧 */
  .cmn_text_bnr.col01 .has_text.bf_bakumatsu_people_list_link > a,
  .cmn_text_bnr.col01 .has_text.bf_bakumatsu_people_list_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-bakumatsu-people-list-link-1000x180.jpg);
    background-size: 100%;
  }

  /* 戦国時代の日常 */
  .cmn_text_bnr.col01 .has_text.bf_sengoku-nichijo_link > a,
  .cmn_text_bnr.col01 .has_text.bf_sengoku-nichijo_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sengoku-nichijo-link-1000x180.jpg);
    background-size: 100%;
  }

  /* 日本の街道・宿場町 */
  .cmn_text_bnr.col01 .has_text.bf_shukubamachi_link > a,
  .cmn_text_bnr.col01 .has_text.bf_shukubamachi_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-shukubamachi-link-1000x180.jpg);
    background-size: 100%;
  }
  
  /* 高校で学ぶ日本の歴史 */
  .cmn_text_bnr.col01 .has_text.bf_high-school-history_link > a,
  .cmn_text_bnr.col01 .has_text.bf_high-school-history_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-high-school-history-1000x180.jpg);
    background-size: 100%;
  }

  /* 戦国時代と茶道 */
  .cmn_text_bnr.col01 .has_text.bf_sado-sengokuperiod_link > a,
  .cmn_text_bnr.col01 .has_text.bf_sado-sengokuperiod_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-sado-sengokuperiod-1000x180.jpg);
    background-size: 100%;
  }

  /* 日本史の豆知識 */
  .cmn_text_bnr.col01 .has_text.bf_japanese-history-trivia_link > a,
  .cmn_text_bnr.col01 .has_text.bf_japanese-history-trivia_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-japanese-history-trivia-link-1000x180.jpg);
    background-size: 100%;
  }
  
  /* 刀剣ワールド東京 刀剣の基礎 */
  .cmn_text_bnr.col01 .has_text.bf_tokyo_knowledge_of_sword_link > a,
  .cmn_text_bnr.col01 .has_text.bf_tokyo_knowledge_of_sword_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-tokyo-knowledge-of-sword-link-1000x180.jpg);
    background-size: 100%;
  }

  /* 刀剣ワールド東京 東京の歴史 */
  .cmn_text_bnr.col01 .has_text.bf_tokyo_history_link > a,
  .cmn_text_bnr.col01 .has_text.bf_tokyo_history_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-tokyo-history-link-1000x180.jpg);
    background-size: 100%;
  }

  /* 刀剣ワールド大阪 大阪の歴史 */
  .cmn_text_bnr.col01 .has_text.bf_osaka_history_link > a,
  .cmn_text_bnr.col01 .has_text.bf_osaka_history_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-osaka-history-link-1000x180.jpg);
    background-size: 100%;
  }

  /* リサーチ系のみ白枠レイアウト変更 */
  .cmn_text_bnr.col01 .bf_tour_search.has_text > a,
  .cmn_text_bnr.col01 .bf_festival_search.has_text > a,
  .cmn_text_bnr.col01 .bf_hotel_search.has_text > a,
  .cmn_text_bnr.col01 .bf_public_search.has_text > a,
  .cmn_text_bnr.col01 .bf_shiro_world_search.has_text > a,
  .cmn_text_bnr.col01 .bf_castle_famous-castles100_link.has_text > a,
  .cmn_text_bnr.col01 .bf_study_search.has_text > a,
  .cmn_text_bnr.col01 .bf_bigcompany_search.has_text > a,
  .cmn_text_bnr.col01 .bf_cookdoor_search.has_text > a,
  .cmn_text_bnr.col01 .bf_mediapo_search.has_text > a,
  .cmn_text_bnr.col01 .bf_shopping_search.has_text>a,
  .cmn_text_bnr.col01 .bf_entame_search.has_text>a,
  .cmn_text_bnr.col01 .bf_tour_local_gourmet_link.has_text>a,
  .cmn_text_bnr.col01 .bf_famous_gardens100_link.has_text>a,
  .cmn_text_bnr.col01 .bf_nationaltreasure_link.has_text>a {
    padding: 9.302% 5.5% .2% 3%;
  }
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_tour_search.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_festival_search.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_hotel_search.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_public_search.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_shiro_world_search.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_castle_famous-castles100_link.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_study_search.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_bigcompany_search.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_cookdoor_search.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_mediapo_search.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_shopping_search.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_entame_search.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_tour_local_gourmet_link.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_famous_gardens100_link.has_text>a,
  .cmn_text_bnr.col01.cmn_bnr_w_500 .bf_nationaltreasure_link.has_text>a {
    padding: 10.2% 5.5% 1% 3%;
  }

  .cmn_text_bnr.col02 .bf_tour_search.has_text > a,
  .cmn_text_bnr.col02 .bf_festival_search.has_text > a,
  .cmn_text_bnr.col02 .bf_hotel_search.has_text > a,
  .cmn_text_bnr.col02 .bf_public_search.has_text > a,
  .cmn_text_bnr.col02 .bf_shiro_world_search.has_text > a,
  .cmn_text_bnr.col02 .bf_castle_famous-castles100_link.has_text > a,
  .cmn_text_bnr.col02 .bf_study_search.has_text > a,
  .cmn_text_bnr.col02 .bf_bigcompany_search.has_text > a,
  .cmn_text_bnr.col02 .bf_cookdoor_search.has_text > a,
  .cmn_text_bnr.col02 .bf_mediapo_search.has_text > a,
  .cmn_text_bnr.col02 .bf_shopping_search.has_text>a,
  .cmn_text_bnr.col02 .bf_entame_search.has_text>a,
  .cmn_text_bnr.col02 .bf_tour_local_gourmet_link.has_text>a,
  .cmn_text_bnr.col02 .bf_famous_gardens100_link.has_text>a,
  .cmn_text_bnr.col02 .bf_nationaltreasure_link.has_text>a {
    padding: 14.905% 4% 1.6%;
  }

  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_tour_search.has_text > a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_festival_search.has_text > a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_hotel_search.has_text > a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_public_search.has_text > a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_shiro_world_search.has_text > a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_castle_famous-castles100_link.has_text > a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_study_search.has_text > a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_bigcompany_search.has_text > a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_cookdoor_search.has_text > a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_mediapo_search.has_text > a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_shopping_search.has_text>a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_entame_search.has_text>a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_tour_local_gourmet_link.has_text>a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_famous_gardens100_link.has_text>a,
  .cmn_text_bnr.col02.cmn_bnr_w_300 .bf_nationaltreasure_link.has_text>a {
    padding: 12.67% 4% 1%;
  }

  .cmn_text_bnr.col02 .bf_tour_search.has_text > a:hover,
  .cmn_text_bnr.col02 .bf_festival_search.has_text > a:hover,
  .cmn_text_bnr.col02 .bf_hotel_search.has_text > a:hover,
  .cmn_text_bnr.col02 .bf_public_search.has_text > a:hover,
  .cmn_text_bnr.col02 .bf_shiro_world_search.has_text > a:hover,
  .cmn_text_bnr.col02 .bf_castle_famous-castles100_link.has_text > a:hover,
  .cmn_text_bnr.col02 .bf_study_search.has_text > a:hover,
  .cmn_text_bnr.col02 .bf_bigcompany_search.has_text > a:hover,
  .cmn_text_bnr.col02 .bf_cookdoor_search.has_text > a:hover,
  .cmn_text_bnr.col02 .bf_mediapo_search.has_text > a:hover,
  .cmn_text_bnr.col02 .bf_shopping_search.has_text>a:hover,
  .cmn_text_bnr.col02 .bf_entame_search.has_text>a:hover,
  .cmn_text_bnr.col02 .bf_tour_local_gourmet_link.has_text>a:hover,
  .cmn_text_bnr.col02 .bf_famous_gardens100_link.has_text>a:hover,
  .cmn_text_bnr.col02 .bf_nationaltreasure_link.has_text>a:hover {
    opacity: .5;
  }

  /* 旅探 */
  .cmn_text_bnr.col01 .has_text.bf_tour_search > a,
  .cmn_text_bnr.col01 .has_text.bf_tour_search > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-tour-link-500-90x2.png?date=20210506);
    border: 2px solid #1e5a89;
  }

  /* 旅探 日本の祭り */
  .cmn_text_bnr.col01 .has_text.bf_festival_search > a,
  .cmn_text_bnr.col01 .has_text.bf_festival_search > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-festival-link-500-90x2.png?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* 全国のご当地グルメ */
  .cmn_text_bnr.col01 .has_text.bf_tour_local_gourmet_link > a,
  .cmn_text_bnr.col01 .has_text.bf_tour_local_gourmet_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-local-gourmet-2-1000x180.jpg);
    background-size: 100%;
  }

  /* 旅探 日本の名園・庭園100選 */
  .cmn_text_bnr.col01 .has_text.bf_famous_gardens100_link > a,
  .cmn_text_bnr.col01 .has_text.bf_famous_gardens100_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr_famous_gardens100_1000x180_txt.png);
    background-size: 100%;
  }
  
  /* 旅探 神社・寺院の国宝建造物特集 */
  .cmn_text_bnr.col01 .has_text.bf_nationaltreasure_link > a,
  .cmn_text_bnr.col01 .has_text.bf_nationaltreasure_link > span {
    background-image: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-nationaltreasure_1000-180_txt.png);
    background-size: 100%;
  }

  /* ホテバンク */
  .cmn_text_bnr.col01 .has_text.bf_hotel_search > a,
  .cmn_text_bnr.col01 .has_text.bf_hotel_search > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-hotel-link-500-90x2.png?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* パブリネット */
  .cmn_text_bnr.col01 .has_text.bf_public_search > a,
  .cmn_text_bnr.col01 .has_text.bf_public_search > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-publinet-public-link-500-90x2.png?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* 城ワールド */
  .cmn_text_bnr.col01 .has_text.bf_shiro_world_search > a,
  .cmn_text_bnr.col01 .has_text.bf_shiro_world_search > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-shiro-world-link-500-90x2.png?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* 特選 日本の城100選（全国の100名城） */
  .cmn_text_bnr.col01 .has_text.bf_castle_famous-castles100_link>a,
  .cmn_text_bnr.col01 .has_text.bf_castle_famous-castles100_link>span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-famous-castles100-link-1000x180.png) no-repeat top;
    background-size: 100%;
  }

  /* スタディピア */
  .cmn_text_bnr.col01 .has_text.bf_study_search > a,
  .cmn_text_bnr.col01 .has_text.bf_study_search > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-study-link-500-90x2.png?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* ビッグカンパニー */
  .cmn_text_bnr.col01 .has_text.bf_bigcompany_search > a,
  .cmn_text_bnr.col01 .has_text.bf_bigcompany_search > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-bigcompany-link-500-90x2.png?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* クックドア */
  .cmn_text_bnr.col01 .has_text.bf_cookdoor_search > a,
  .cmn_text_bnr.col01 .has_text.bf_cookdoor_search > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-cookdoor-link-500-90x2.png?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* メディアポ */
  .cmn_text_bnr.col01 .has_text.bf_mediapo_search > a,
  .cmn_text_bnr.col01 .has_text.bf_mediapo_search > span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-mediapo-link-500-90x2.png) no-repeat top;
    background-size: 100%;
  }

  /* マーケットピア */
  .cmn_text_bnr.col01 .has_text.bf_shopping_search>a,
  .cmn_text_bnr.col01 .has_text.bf_shopping_search>span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-shopping-link-500-90x2.png) no-repeat top;
    background-size: 100%;
  }

  /* エンタメール */
  .cmn_text_bnr.col01 .has_text.bf_entame_search>a,
  .cmn_text_bnr.col01 .has_text.bf_entame_search>span {
    background: url(https://webcdn.token.co.jp/www08/token/banner_all/homemate_research/bnr-entamer-link-1000-180.png) no-repeat top;
    background-size: 100%;
  }

}

/* ------------------------------------ */
/* ▼ 関連リンク */
/* ------------------------------------ */
.cmn_related_links {
  padding: 0 10px;
}

.cmn_related_links_title_sub {
  background: url(../image-cmn/title/bkg-title-related-sub.png?date=20210506) top center no-repeat;
  height: 34px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .06em;
  margin: 3rem auto 0;
  max-width: 307px;
  padding: 2px 0;
  position: relative;
  text-align: center;
  width: 100%;
}

.cmn_related_links_title_sub > span {
  z-index: 1;
}

.cmn_related_links_title_sub > span span {
  display: inline-block;
  max-width: 323px;
  padding: 2px 35px 0;
}

.cmn_related_links .cmn_bnr_area.col01 {
  max-width: 563px;
}

.cmn_related_links .cmn_bnr_area {
  justify-content: left;
}

.cmn_related_links .cmn_bnr_area .slick-slide img {
  width: 100%;
}

.cmn_related_links .cmn_bnr_area.col03 {
  background-size: 30% auto;
}

.cmn_mt_lv03 > .cmn_bnr_area.col03,
.cmn_mt_lv03_5 > .cmn_bnr_area.col03 {
  margin-top: 1.5rem;
}

.cmn_related_links .cmn_bnr_area figure {
  background: #fff;
}

/* octagon heading start PC幅可変 SP幅固定 PCSP高さ固定 */
.cmn_related_links_title {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: 600;
  margin-right: auto;
  margin-left: auto;
  max-width: 1000px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.cmn_related_links_title>span {
  display: flex;
  max-width: 780px;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}

.cmn_related_links_title>span::before,
.cmn_related_links_title>span::after {
  background-color: #b28e5f;
  content: "";
  display: block;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 500px;
  z-index: 1;
}

.cmn_related_links_title>span>span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  overflow: hidden;
  padding: 0 35px;
}

@media (min-width: 768px) {
  .cmn_related_links_title>span {
    background-image:
      url(../image-cmn/bgtitle/bg-octagon-heading-left-pc.png?date=20210506),
      url(../image-cmn/bgtitle/bg-octagon-heading-right-pc.png?date=20210506);
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
  }

  .cmn_related_links_title>span::before {
    right: calc(100% + 20px);
  }

  .cmn_related_links_title>span::after {
    left: calc(100% + 20px);
  }

  .cmn_related_links_title>span>span {
    background-image:
      url(../image-cmn/title/ico_h3_white.png?date=20210506),
      url(../image-cmn/title/ico_h3_white.png?date=20210506),
      url(../image-cmn/bgtitle/bg-octagon-heading-center-pc.png?date=20210506);
    background-position: left 5px center, right 5px center, left center;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: auto auto, auto auto, auto auto;
  }
}

@media (max-width: 767px) {
  .cmn_related_links .cmn_bnr_area {
    padding: 0 15px;
  }

  .cmn_related_links .cmn_bnr_area.col02,
  .cmn_related_links .cmn_bnr_area.col03 {
    background: none;
  }

  .cmn_related_links .cmn_bnr_area figure {
    margin-top: 0;
    padding: 0 5px;
  }

  .cmn_related_links .buttons {
    margin: 0 auto;
    width: 90.5%;
  }

  .cmn_related_links .rebtncollapse {
    display: none;
  }

  .cmn_related_links .prev {
    left: -5px;
  }

  .cmn_related_links .next {
    right: -5px;
  }
  .cmn_related_links_title {
    line-height: 1.2;
  }

  .cmn_related_links_title>span {
    background-image:
      url(../image-cmn/bgtitle/bg-octagon-heading-left-sp.png?date=20210506),
      url(../image-cmn/bgtitle/bg-octagon-heading-right-sp.png?date=20210506);
    background-position: left center, right center;
    background-repeat: no-repeat, no-repeat;
    max-width: 324px;
  }

  .cmn_related_links_title>span::before {
    right: calc(100% + 5px);
  }

  .cmn_related_links_title>span::after {
    left: calc(100% + 5px);
  }

  .cmn_related_links_title>span>span {
    background-image: url(../image-cmn/bgtitle/bg-octagon-heading-center-sp.png?date=20210506);
    background-position: left center;
    background-repeat: repeat;
    height: 60px;
    padding: 0 5px;
    /* グラデーションと台形画像色に差異が出るため幅固定 */
    width: 222px;
  }
}

@media screen and (max-width: 400px) {
  .cmn_related_links_title>span {
    max-width: 90%;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmn_related_links_title>span>span {
    padding-top: 5px;
  }
}

/* cmn_bnr_area SPのみスライダー化 */
@media (max-width: 767px) {
  .cmn_bnr_area.cmn_bnr_sp_slider {
    padding: 0 30px;
  }

  .cmn_bnr_area.cmn_bnr_sp_slider .next {
    right: 5px;
  }

  .cmn_bnr_area.cmn_bnr_sp_slider .prev {
    left: 5px;
  }

  .cmn_bnr_area.cmn_bnr_sp_slider figure {
    margin-top: 0;
    padding: 0 5px;
  }
}


/* ------------------------------------ */
/* ▼ sns */
/* ------------------------------------ */
.cmn_sns_wrap {
  margin: 40px auto 0;
}

.cmn_sns_heading {
  line-height: 1;
  padding: 1.1em 0;
  text-align: center;
}

.cmn_sns_heading_text {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 0 30px;
  position: relative;
}

.cmn_sns_heading_text::before,
.cmn_sns_heading_text::after {
  background: url(../image-cmn/title/ico-ttl-gold.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 21px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
}

.cmn_sns_heading_text::before {
  left: 0;
}

.cmn_sns_heading_text::after {
  right: 0;
}

.cmn_sns_heading_text>span {
  display: inline-block;
  text-align: left;
  padding: 0 .55em 0 6.3em;
  position: relative;
}

.cmn_sns_heading_text>span::before {
  background: url(../image-cmn/icon/img-logo-sns.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 63px;
  position: absolute;
  top: 50%;
  left: 17px;
  transform: translateY(-50%);
  width: 120px;
}

.cmn_sns_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto 0;
  max-width: 434px;
  width: 100%;
}

.cmn_sns_btn_list {
  width: 100%;
}

.cmn_sns_btn_list>li:not(:first-of-type) {
  margin-top: 23px;
}

.cmn_sns_btn_list>li>a {
  display: block;
}

.cmn_sns_share_title {
  background-color: #ae3639;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1;
  padding: .67em .2em;
  text-align: center;
}

.cmn_sns_share_inner {
  background-color: #f4ecce;
  border: solid 1px #ae3639;
  padding: 16px 20px 15px;
}

.cmn_sns_share_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 76.17%;
}

.cmn_sns_share_list>li {
  width: 23.32%;
}

.cmn_sns_share_list>li a {
  display: block;
}

.cmn_sns_share_mail {
  margin-top: 15px;
  padding-left: 3px;
}

.cmn_sns_share_mail a {
  background-color: #fff;
  border: solid 1px #274a7b;
  border-left-width: 31px;
  color: #274a7b;
  display: block;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1;
  padding: .6em .9em .6em .7em;
  position: relative;
  text-align: left;
}

.cmn_sns_share_mail a::before {
  background: url(../image-cmn/icon/ico-sns-mail.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  top: 50%;
  left: -22px;
  width: 14px;
  transform: translateY(-50%);
}

.cmn_sns_share_mail a::after {
  border-color: transparent transparent transparent #274a7b;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 5px;
  top: calc(50% - 4px);
  width: 0;
}

@media (min-width: 768px) {
  .cmn_sns_link_col:nth-of-type(1) {
    width: 32.95%;
  }

  .cmn_sns_link_col:nth-of-type(2) {
    width: 58.988%;
  }
}

@media (max-width: 767px) {
  .cmn_sns_wrap {
    margin: 30px auto 0;
  }

  .cmn_sns_heading_text {
    font-size: 1.9rem;
    padding: 0 24px;
  }

  .cmn_sns_heading_text::before,
  .cmn_sns_heading_text::after {
    height: 18px;
    width: 24px;
  }

  .cmn_sns_heading_text>span {
    padding: 0 .2em 0 5.3em;
  }

  .cmn_sns_heading_text>span::before {
    left: 5px;
    width: 84px;
  }

  .cmn_sns_link_col:nth-of-type(1) {
    width: 100%;
  }

  .cmn_sns_link_col:nth-of-type(2) {
    margin-top: 20px;
    width: 100%;
  }

  .cmn_sns_link {
    margin-top: 10px;
    max-width: 280px;
  }

  .cmn_sns_btn_list {
    margin: 0 auto;
    max-width: 200px;
  }

  .cmn_sns_btn_list>li:not(:first-of-type) {
    margin-top: 15px;
  }

  .cmn_sns_share_mail {
    margin-top: 15px;
    padding: 0 10px;
  }
}

@media (max-width: 360px) {
  .cmn_sns_heading_text {
    font-size: 1.7rem;
  }

  .cmn_sns_heading_text>span::before {
    width: 74px;
  }
}

/* ------------------------------------ */
/* ▼ scroll gallery */
/* ------------------------------------ */
.cmn_scroll_gallery {
  background: url(../image-cmn/bg-scroll-gallery.jpg?date=20210506) repeat 0 0;
  margin: 130px auto 0;
  max-width: 1024px;
  padding: 1px 0;
  position: relative;
  width: 100%;
}

.cmn_scroll_gallery_base {
  position: absolute;
  bottom: 0;
  width: 21.583%;
}

.cmn_scroll_gallery_base.north_building {
  left: 0;
}

.cmn_scroll_gallery_base.main_building {
  right: 0;
}

.cmn_scroll_gallery_slider_wrap {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  margin: 1.856% 21.583%;
  padding: 1.27% 0;
  position: relative;
}

.cmn_scroll_gallery_slider_wrap::before,
.cmn_scroll_gallery_slider_wrap::after {
  background-color: #000;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  width: 100%;
}

.cmn_scroll_gallery_slider_wrap::before {
  top: 1.3%;
}

.cmn_scroll_gallery_slider_wrap::after {
  bottom: 1.3%;
}

.cmn_scroll_gallery_slider_inner {
  overflow: hidden;
}

.cmn_scroll_gallery_slider {
  opacity: 1;
  transition: opacity .5s;
  width: 100%;
}

.cmn_scroll_gallery_slider:not(.slick-initialized) {
  opacity: 0;
  padding-top: 16.712%;
  position: relative;
}

.cmn_scroll_gallery_slider:not(.slick-initialized)>.cmn_scroll_gallery_slider_item {
  position: absolute;
  top: 0;
  left: 0;
}

.cmn_scroll_gallery_slider:not(.slick-initialized)>.cmn_scroll_gallery_slider_item img {
  opacity: 0;
}

.cmn_scroll_gallery_slider .cmn_scroll_gallery_slider_item img {
  width: 100%;
}

.slick-track {
  will-change: transform;
}

.cmn_scroll_gallery_slider .slick-slide {
  margin-left: .401%;
}

@media (max-width: 767px) {
  .cmn_scroll_gallery {
    margin-top: 30px;
  }

  .cmn_scroll_gallery_slider_wrap {
    margin: 3% 0;
    padding: 2.5% 0;
  }

  .cmn_scroll_gallery_slider:not(.slick-initialized) {
    padding-top: 33.572%;
  }
}

/* ------------------------------------ */
/* ▼ cmn_list_block */
/* ------------------------------------ */
.cmn_list_block_item {
  line-height: 1.6;
}

.cmn_list_block_item span {
  display: inline-block;
}

.cmn_list_block_label {
  width: 5.5em;
}

@media (min-width: 768px) {
  .cmn_list_block {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .cmn_list_block {
    margin-top: 15px;
    padding: 0 10px 10px;
  }
}

/* ------------------------------------ */
/* ▼ 画像ブロック */
/* ------------------------------------ */
.cmn_img_block {
  text-align: center;
}

.cmn_img_block img {
  vertical-align: bottom;
}

.cmn_img_block>figcaption {
  font-size: 16px;
  margin-top: .3em;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .cmn_img_block img {
    width: 100%;
  }

  .cmn_img_block>figcaption {
    font-size: 15px;
  }
}

/* ------------------------------------ */
/* ▼ テキスト＋画像 */
/* ------------------------------------ */
/* 左テキスト右画像（回り込みなし） */
/* 右テキスト左画像（回り込みなし） */
@media (min-width: 768px) {
  .cmn_flex_wrap_01 .cmn_img_block {
    width: 43.59%;
  }

  .cmn_flex_wrap_01 .cmn_text_block {
    margin-top: -.1667em;
    width: 52.565%;
  }
}

@media screen and (max-width: 767px) {
  .cmn_flex_wrap_01 .cmn_img_block {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
  }

  .cmn_flex_wrap_01 .cmn_text_block {
    margin-top: .5333em;
    width: 100%;
  }
}

/* 左テキスト右画像（回り込み有り） */
/* 右テキスト左画像（回り込み有り） */
@media (min-width: 768px) {
  .cmn_float_wrap_01+.cmn_float_wrap_01 {
    margin-top: 30px;
  }

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

  .cmn_float_wrap_01 .cmn_img_block {
    max-width: 340px;
  }

  .cmn_float_wrap_01.cmn_float_right .cmn_img_block {
    float: right;
    margin-bottom: 1em;
    margin-left: 1em;
  }

  .cmn_float_wrap_01.cmn_float_left .cmn_img_block {
    float: left;
    margin-bottom: 1em;
    margin-right: 1em;
  }

  .cmn_float_wrap_01 .cmn_text_block {
    margin-top: -.1667em;
  }
}

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

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

  .cmn_float_wrap_01 .cmn_img_block {
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
  }

  .cmn_float_wrap_01 .cmn_text_block {
    margin-top: .5333em;
    width: 100%;
  }
}

/* ------------------------------------ */
/* ▼ カラム */
/* ------------------------------------ */
/* ベース */
.cmn_flex_wrap_01 {
  display: flex;
  flex-wrap: wrap;
}

.cmn_flex_wrap_01.cmn_space_between {
  justify-content: space-between;
}

@media (min-width: 768px) {
  .cmn_flex_wrap_01+.cmn_flex_wrap_01 {
    margin-top: 30px;
  }

  .cmn_flex_wrap_01.cmn_flex_reverse {
    flex-direction: row-reverse;
  }
}

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

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

  .cmn_col_block {
    width: 100%;
  }

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

/* 1column */
@media (min-width: 768px) {
  .cmn_1col .cmn_col_block {
    width: 100%;
  }

  .cmn_1col .cmn_col_block:nth-of-type(n+2) {
    margin-top: 2%;
  }
}

/* 2column */
@media (min-width: 768px) {
  .cmn_2col .cmn_col_block {
    width: 49%;
  }

  .cmn_2col .cmn_col_block:nth-of-type(even) {
    margin-left: 2%;
  }

  .cmn_2col .cmn_col_block:nth-of-type(n+3) {
    margin-top: 2%;
  }
}

/* 3column */
@media (min-width: 768px) {
  .cmn_3col .cmn_col_block {
    width: 31.78%;
  }

  .cmn_3col .cmn_col_block:not(:first-of-type) {
    margin-left: 2.33%;
  }

  .cmn_3col.cmn_width_type02 .cmn_col_block {
    width: 31.795%;
  }

  .cmn_3col.cmn_width_type02 .cmn_col_block:not(:first-of-type) {
    margin-left: 2.3075%;
  }

  .cmn_3col .cmn_col_block:nth-of-type(3n+1) {
    margin-left: 0;
  }

  .cmn_3col .cmn_col_block:nth-of-type(n+4) {
    margin-top: 2.5%;
  }
}

/* ------------------------------------ */
/* ▼ 3カラム（画像＋テキスト＋リンク） */
/* ------------------------------------ */
a.cmn_item_link {
  display: block;
}

.cmn_item_img {
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-left: solid 1px #ccc;
  padding-top: 99.199%;
  position: relative;
  text-align: center;
}

.cmn_item_img.cmn_add_border {
  border: solid 1px #ccc;
  text-align: center;
}

.cmn_item_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 99.9%;
  max-width: 99.9%;
  width: auto;
  transform: translate(-50%, -50%);
}

.cmn_item_disc {
  background-position: bottom left, top right;
  background-repeat: no-repeat, no-repeat;
  background-size: 99px auto, 81px auto;
  padding: .7em .8em .9733em .9em;
}

/* color variation */
/* type01 */
.cmn_item_bg_pattern_wrap>.cmn_item_bg_pattern:nth-of-type(3n+1) .cmn_item_disc {
  background-color: #f2f0e2;
  background-image:
    url(../image-cmn/bg-item-orange01.png?date=20210506),
    url(../image-cmn/bg-item-orange02.png?date=20210506);
}

/* type02 */
.cmn_item_bg_pattern_wrap>.cmn_item_bg_pattern:nth-of-type(3n+2) .cmn_item_disc {
  background-color: #dce7f2;
  background-image:
    url(../image-cmn/bg-item-blue01.png?date=20210506),
    url(../image-cmn/bg-item-blue02.png?date=20210506);
}

.cmn_item_bg_pattern_wrap>.cmn_item_bg_pattern.bg_type02 .cmn_item_disc {
  background-color: #dce7f2;
  background-image:
    url(../image-cmn/bg-item-blue01.png?date=20210506),
    url(../image-cmn/bg-item-blue02.png?date=20210506);
}

/* type03 */
.cmn_item_bg_pattern_wrap>.cmn_item_bg_pattern:nth-of-type(3n+3) .cmn_item_disc {
  background-color: #ece6f4;
  background-image:
    url(../image-cmn/bg-item-purple01.png?date=20210506),
    url(../image-cmn/bg-item-purple02.png?date=20210506);
}

.cmn_item_bg_pattern_wrap>.cmn_item_bg_pattern.bg_type03 .cmn_item_disc {
  background-color: #ece6f4;
  background-image:
    url(../image-cmn/bg-item-purple01.png?date=20210506),
    url(../image-cmn/bg-item-purple02.png?date=20210506);
}

.cmn_item_name {
  color: #0d53de;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.6;
  max-height: 56px;
  text-align: left;
}

.cmn_item_name.no_link {
  color: #000;
}

.cmn_item_price {
  color: #000;
  letter-spacing: .04em;
  line-height: 1.2;
  margin-top: .55em;
  text-align: right;
}

.cmn_item_price_tax {
  font-size: 16px;
}

@media (min-width: 768px) {
  .cmn_item_spacer {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cmn_item_spacer img {
    width: 56.455%;
  }

  .cmn_flex_wrap_01.cmn_3col>li:nth-of-type(3n+1).cmn_spacer01,
  .cmn_flex_wrap_01.cmn_3col>li:nth-of-type(3n+1).cmn_spacer02,
  .cmn_flex_wrap_01.cmn_3col>li:nth-of-type(3n+2).cmn_spacer02,
  .cmn_flex_wrap_01.cmn_3col>li:nth-of-type(3n-1).cmn_item_spacer img {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .cmn_item_name {
    max-height: 48px;
  }

  .cmn_item_spacer {
    display: none;
  }
}

/* ------------------------------------ */
/* ▼ 3カラム（画像＋テキスト＋リンク） */
/* ▼ グラデーション */
/* ------------------------------------ */
.cmn_col3_link_list>li a {
  display: block;
}

.cmn_col3_link_list>li a:hover .cmn_col3_link_list_title {
  color: #ccc;
}

.cmn_col3_link_list>li a:hover .cmn_col3_link_list_thumb img {
  opacity: .6;
}

.cmn_col3_link_list_row {
  position: relative;
}

.cmn_col3_link_list_title {
  background: url(../image-cmn/tips/ico-link-arrow01.png?date=20210506), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 22%, rgba(0, 0, 0, .7) 38%, rgba(0, 0, 0, .7) 100%);
  background-position: right bottom, left top;
  background-repeat: no-repeat, repeat;
  bottom: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  padding: 1.5em 1.5em .5em;
  position: absolute;
  text-align: center;
  transition: color .3s;
  width: 100%;
  z-index: 2;
}

.cmn_col3_link_list_title>span {
  display: block;
  letter-spacing: .04em;
  width: 100%;
}

.cmn_col3_link_list_thumb {
  text-align: center;
}

.cmn_col3_link_list_thumb img {
  transition: opacity .3s;
  vertical-align: bottom;
  width: 100%;
}

.cmn_col3_link_list_text {
  color: #000;
  font-size: 16px;
  letter-spacing: .035em;
  margin-top: 12px;
  padding: 0 3px;
}

@media (min-width: 768px) {
  .cmn_col3_link_list_text.js_cmn_ellipsis_text {
    max-height: 78px;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .cmn_col3_link_list_title {
    background-size: 30px auto, auto auto;
    font-size: 16px;
    padding: 1.2em 1.5em .8em 1.5em;
  }

  .cmn_col3_link_list_text {
    font-size: 15px;
    margin-top: 5px;
  }

  .cmn_col3_link_list_text.js_cmn_ellipsis_text {
    max-height: 73px;
    overflow: hidden;
  }
}

/* ------------------------------------ */
/* ▼ cmn_display_item_block */
/* ------------------------------------ */
/* -- cmn_display_item_block -- */
.cmn_display_item_block,
.cmn_display_item_block02 {
  text-align: center;
}

@media (min-width: 768px) {
  .cmn_display_item_block_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .cmn_display_item_block.col01 {
    width: 100%;
  }

  .cmn_display_item_block.col01:not(:only-child),
  .cmn_display_item_block.col02:nth-of-type(n+3),
  .cmn_display_item_block.col04:nth-of-type(n+5) {
    margin-top: 35px;
  }

  .cmn_display_item_block.col02 {
    max-width: 467px;
    width: 49.5%;
  }

  .cmn_display_item_block.col04 {
    max-width: 227px;
    width: 25%;
  }

  .cmn_display_item_block02.col02 {
    max-width: 460px;
    width: 48.5%;
  }

  .cmn_display_item_block02.col02:nth-of-type(n+3) {
    margin-top: 50px;
  }

  .cmn_display_item_block_caption {
    font-size: 1.6rem;
    margin-bottom: 5px;
  }
}

@media (max-width: 767px) {
  .cmn_display_item_block_wrap {
    margin-right: auto;
    margin-left: auto;
    max-width: 467px;
    overflow: hidden;
    padding: 0 10px;
  }

  .cmn_display_item_block:not(:first-of-type) {
    margin-top: 20px;
  }

  .cmn_display_item_block02:not(:first-of-type) {
    margin-top: 30px;
  }

  .cmn_display_item_block.col04 {
    float: left;
    margin-top: 0;
    padding: 0 5px 15px;
    width: 50%;
  }

  .cmn_display_item_block_caption {
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
}

/* -- cmn_display_sp_slider_block -- */
@media (min-width: 768px) {
  .cmn_display_sp_slider_text.slider_text01 {
    padding: 10px 15px;
  }

  .cmn_display_sp_slider_text.slider_text01 {
    height: 95px;
  }

  .cmn_display_sp_slider_text.slider_text02 {
    height: 70px;
  }
}

@media (max-width: 767px) {
  .cmn_display_sp_slider_block {
    padding: 0 20px;
  }

  .cmn_display_sp_slider_block .slick-prev,
  .cmn_display_sp_slider_block .slick-next {
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }

  .cmn_display_sp_slider_block .slick-prev {
    background: url("../image-cmn/ico_prev.png?date=20210506") no-repeat 0 0 / contain;
    left: 0;
  }

  .cmn_display_sp_slider_block .slick-next {
    background: url("../image-cmn/ico_next.png?date=20210506") no-repeat 0 0 / contain;
    right: 0;
  }

  .cmn_display_sp_slider_text.slider_text01 {
    height: 80px;
  }

  .cmn_display_sp_slider_text.slider_text02 {
    height: 60px;
  }
}

/* ------------------------------------ */
/* ▼ cmn_display_link_block */
/* ------------------------------------ */
.cmn_display_link_block {
  background: #e2cd9e;
  border: 1px solid #4b3512;
  display: block;
  position: relative;
  transition: all .2s;
}

.cmn_display_link_block02 {
  display: block;
  transition: all .2s;
}

.cmn_display_link_block::after,
.cmn_display_link_block_text.type02::after {
  background: url("../image-cmn/icon/ico-arrow01.png?date=20210506") no-repeat bottom right / contain;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.cmn_display_link_block:hover,
.cmn_display_link_block02:hover {
  opacity: .5;
}

.cmn_display_link_block_image {
  background-color: #fff;
  font-size: 0;
}

.cmn_display_link_block_image.col02 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.cmn_display_link_block_image.col02 img {
  border: 1px solid #4b3512;
  vertical-align: bottom;
  width: 48.5%;
}

.cmn_display_link_block_text {
  color: #000;
  font-weight: 600;
  line-height: 1.3;
}

.cmn_display_link_block_text.type02 {
  background: #e2cd9e;
  border: 1px solid #4b3512;
  position: relative;
}

.cmn_display_link_block_label {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.cmn_display_link_block_label>span {
  background: url(../image-cmn/bgtitle/bg-ttl02.png?date=20210506) repeat 0 0;
  display: inline-block;
  line-height: 1.2;
  max-width: calc(100% - 40px);
  min-width: 170px;
  padding: .325em .3em .364em;
}

@media (min-width: 768px) {
  .cmn_display_link_block::after,
  .cmn_display_link_block_text.type02::after {
    height: 40px;
    width: 40px;
  }

  .cmn_display_link_block_image.col02 img {
    max-width: 222px;
  }

  .cmn_display_link_block_text {
    padding: 10px 30px;
  }

  .cmn_display_link_block_label {
    padding-bottom: 15px;
  }

  .cmn_display_link_block_text.type02 {
    margin-top: 20px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .cmn_display_link_block:hover,
  .cmn_display_link_block02:hover {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .cmn_display_link_block::after,
  .cmn_display_link_block_text.type02::after {
    height: 30px;
    width: 30px;
  }

  .cmn_display_link_block_text {
    padding: 10px 15px;
  }

  .cmn_display_link_block_label {
    font-size: 15px;
    padding-bottom: 10px;
  }

  .cmn_display_link_block_text.type02 {
    margin-top: 15px;
  }
}

/* ------------------------------------ */
/* ▼ cmn_section_content_block */
/* ------------------------------------ */
@media (min-width: 768px) {
  .cmn_section_content_block {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .cmn_section_content_block.type01 {
    margin-top: 25px;
  }
  .cmn_section_content_block.type02 {
    margin-top: 50px;
  }
}

/* ------------------------------------ */
/* ▼ cmn_section_item_block */
/* ------------------------------------ */
@media (min-width: 768px) {
  .cmn_section_item_block {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .cmn_section_item_block {
    margin-top: 20px;
  }
}

/* ------------------------------------ */
/* ▼ update info */
/* ------------------------------------ */
.cmn_update_info_wrap {
  margin-right: auto;
  margin-left: auto;
  max-width: 864px;
  width: 100%;
}

.cmn_update_info_title {
  background: url(../image-cmn/title/bg-update-info-title.jpg?date=20210506) no-repeat center center;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
  padding: 12px 5px;
  text-align: center;
}

.cmn_update_info_list_wrap {
  border-right: solid 1px #a58f41;
  border-bottom: solid 1px #a58f41;
  border-left: solid 1px #a58f41;
  padding: 20px 25px 15px;
}

.cmn_update_info_list {
  display: flex;
  align-items: flex-start;
  font-size: 1.6rem;
}

.cmn_update_info_list>dt {
  min-width: 170px;
  text-align: left;
}

.cmn_update_info_date {
  background-color: #ede7d3;
  color: #733c07;
  display: inline-block;
  line-height: 1;
  letter-spacing: .03em;
  min-width: 150px;
  padding: 6px 7px 4px 5px;
  text-align: center;
}

.cmn_update_info_list>dd,
.cmn_update_info_list>a {
  letter-spacing: .035em;
  line-height: 1.4;
  padding: 2px 0 0;
  width: auto;
}

@media (max-width: 884px) {
  .cmn_update_info_wrap {
    max-width: calc(100% - 20px);
  }
}

@media (max-width: 767px) {
  .cmn_update_info_title {
    font-size: 1.8rem;
  }

  .cmn_update_info_list_wrap {
    padding: 20px;
  }

  .cmn_update_info_list {
    flex-wrap: wrap;
    font-size: 1.6rem;
  }

  .cmn_update_info_list>dt {
    min-width: auto;
    width: 100%;
  }

  .cmn_update_info_list>dd {
    font-size: 1.5rem;
    margin-top: .5em;
    overflow: hidden;
    padding: 0 0 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
}

/* ------------------------------------ */
/* ▼ cmn_heading_ico */
/* ------------------------------------ */
/* -- cmn_heading_ico01 -- */
.cmn_heading_ico01 {
  text-align: center;
}

.cmn_heading_ico01_text {
  display: inline-block;
  font-weight: 600;
  position: relative;
}

.cmn_heading_ico01_text::before,
.cmn_heading_ico01_text::after {
  background: url(../image-cmn/title/ico-ttl-gold.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.cmn_heading_ico01_text::before {
  left: 0;
}

.cmn_heading_ico01_text::after {
  right: 0;
}

.cmn_heading_ico01_text>span {
  display: inline-block;
  position: relative;
}

@media (min-width: 768px) {
  .cmn_heading_ico01_text {
    font-size: 2.4rem;
    padding: 0 45px;
  }

  .cmn_heading_ico01_text::before,
  .cmn_heading_ico01_text::after {
    height: 21px;
    width: 30px;
  }
}

@media (max-width: 767px) {
  .cmn_heading_ico01_text {
    font-size: 1.9rem;
    padding: 0 30px;
  }

  .cmn_heading_ico01_text::before,
  .cmn_heading_ico01_text::after {
    height: 18px;
    width: 24px;
  }
}

/* ------------------------------------ */
/* ▼ コンポーネント パーツH 共通パーツ */
/* ------------------------------------ */
/* 幅 余白 */
.cmn_section {
  margin-right: auto;
  margin-left: auto;
  padding: 0 10px;
  width: 100%;
}

.cmn_section_inner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

.cmn_section_desc {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}

.cmn_max_w_780 {
  max-width: 780px;
}

.cmn_max_w_860 {
  max-width: 860px;
}

.cmn_max_w_950 {
  max-width: 950px;
}

@media (min-width: 768px) {
  .cmn_pc_max_w_780 {
    max-width: 780px;
  }

  .cmn_pc_max_w_860 {
    max-width: 860px;
  }

  .cmn_pc_max_w_950 {
    max-width: 950px;
  }
}

@media screen and (max-width: 767px) {
  .cmn_section_desc {
    padding: 0 10px;
  }
}

/*===========================================================
  記事用バナー (旧スタイルにつき新規ページでは使用しないでください)
=============================================================*/

/* ▼▼▼ common bnr_line ▼▼▼ */
.bnr_line>ul {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.bnr_line2 {
  max-width: 350px;
}

.bnr_line2 figure.bnr_box,
.bnr_single_line figure.bnr_box {
  border: 2px solid #B38F5F;
  font-size: 0;
  margin-bottom: 5px;
  min-height: 86.25px;
  position: relative;
}

.bnr_single_line figure.bnr_box {
  margin: 0 auto 5px;
  max-width: 504px;
}

.bnr_line2 figure.bnr_box::after,
.bnr_single_line figure.bnr_box::after {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/btn_chronology_arrow.png?date=20210506) no-repeat right bottom;
  background-size: 100%;
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  max-width: 35px;
  position: absolute;
  right: 0;
  width: 100%;
}

.bnr_line2 figure.bnr_box a,
.bnr_single_line figure.bnr_box a {
  box-sizing: border-box;
  color: #000;
  display: block;
  text-align: center;
  min-height: 100%;
  padding: 13% 4% 2%;
  width: 100%;
}

.bnr_single_line figure.bnr_box a {
  padding: 10% 5.5% 2% 4%;
  overflow: hidden;
}

.bnr_line2 figure.bnr_box .txt_name,
.bnr_single_line figure.bnr_box .txt_name {
  background: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  display: block;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝体", "游明朝", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "HG明朝E", "ryo-display-plusn", serif;
  font-feature-settings: "pkna";
  font-size: 16px;
  font-weight: 600;
  margin: 0 auto;
  position: relative;
  padding: 1.4% 5%;
  width: 80%;
}

.bnr_single_line figure.bnr_box .txt_name {
  float: right;
  padding: 1% 7%;
  width: 68%;
}

.bnr_line2 figure.bnr_box span.txt_name:before,
.bnr_line2 figure.bnr_box span.txt_name:after,
.bnr_single_line figure.bnr_box span.txt_name:before,
.bnr_single_line figure.bnr_box span.txt_name:after {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/ico_bnr_bf.png?date=20210506) no-repeat 0 0 /cover;
  bottom: 0;
  content: "";
  display: block;
  height: .5em;
  margin: auto 0;
  top: 0;
  position: absolute;
  width: .75em;
}

.bnr_line2 figure.bnr_box span.txt_name:before,
.bnr_line2 figure.bnr_box:not(.bf_search_cat) span.txt_name:after,
.bnr_single_line figure.bnr_box span.txt_name:before,
.bnr_single_line figure.bnr_box:not(.bf_search_cat) span.txt_name:after {
  display: none;
}

.bnr_line2 span.txt_name:before,
.bnr_single_line span.txt_name:before {
  left: 3%;
}

.bnr_line2 span.txt_name:after,
.bnr_single_line span.txt_name:after {
  right: 3%;
}

.bnr_line .bnr_line2 p,
.bnr_line .bnr_single_line p {
  margin: 0 auto;
  max-width: 504px;
  text-align: left;
}

.bnr_line .bnr_line2 p.no_bnr_box_caption,
.bnr_line .bnr_single_line p.no_bnr_box_caption {
  margin: 5px auto 0;
}

/* ▼▼▼ .bnr_line ▼▼▼ */
.bnr_line {
  display: block;
  margin: 55px auto 30px;
  max-width: 750px;
}

.bnr_line figure img {
  display: block;
}

/*バナー1枚時*/
.bnr_line figure figcaption {
  margin-top: 5px;
  text-align: center;
}

@media(min-width:768px){
  .bnr_line figure {
    margin: 0 auto;
    max-width: 500px;
  }
}

/*バナー2枚時*/
.bnr_line ul li {
  display: inline-block;
  margin: 20px 10px 0;
  vertical-align: top;
}

.bnr_line ul li:nth-child(1),
.bnr_line ul li:nth-child(2) {
  margin-top: 0;
}

.bnr_line .bnr_line2 figure figcaption {
  margin-top: 5px;
  text-align: left;
}

.bnr_line2.no_image img {
  margin-left: auto;
}

@media (max-width:767px) {
  .bnr_line ul li {
    margin: 0 0 10px;
  }

  .bnr_line figure figcaption {
    text-align: left;
  }
}

/* 2枚バナーを並べるとき */
li.bnr_line2 {
  width: 46%;
}

@media (max-width:767px) {
  .bnr_line2.no_image {
    display: none;
  }

  .bnr_line ul li {
    width: 100%;
  }
}

/* ▲▲▲ .bnr_line ▲▲▲ */

/*一枚バナーで、キャプション文がバナーより長い、かつテキストが中央寄りになっている際に使用*/
.bnr_line .bnr_single_line .long_caption {
  max-width: 504px;
  text-align: left;
}

@media (min-width:768px) {
  .bnr_line .bnr_line2 {
    float: left;
    width: calc(50% - 20px);
  }

  .bnr_line .bnr_line2:nth-of-type(odd) {
    clear: both;
  }

  .bnr_line2 .bnr_box .txt_name,
  .bnr_single_line .bnr_box .txt_name {
    line-height: 1.2;
  }
}

@media (max-width:767px) {
  .bnr_line>ul {
    max-width: 345px;
    width: 90%;
  }

  .bnr_line2 {
    margin: 20px auto 0;
  }

  .bnr_line2 figure.bnr_box,
  .bnr_single_line figure.bnr_box {
    min-height: auto;
    line-height: 1;
  }

  .bnr_line2 figure.bnr_box::after,
  .bnr_single_line figure.bnr_box::after {
    max-width: 8%;
  }

  .bnr_line2 figure.bnr_box a,
  .bnr_single_line figure.bnr_box a,
  .bnr_single_line figure.bnr_box.bf_search_cat a {
    padding: 14% 4% 3%;
  }

  .bnr_single_line figure.bnr_box.bf_search_cat .txt_name {
    line-height: 1.3;
    padding: 1% 3%;
  }

  .bnr_line2 figure.bnr_box .txt_name,
  .bnr_single_line figure.bnr_box .txt_name {
    float: none;
    padding: 2% 9%;
    width: 90%;
  }
}

/* ------ 各カテゴリー別指定 ------ */
/*リサーチ 城をめぐる戦い .bf_research-castle_link*/
.bnr_line2 figure.bf_research-castle_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr_siege_600_150_bg.png?date=20210506) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
  background-size: 100%;
}

.bnr_single_line figure.bf_research-castle_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-siege-bg-1000x180.jpg?date=20210506) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
  background-size: 100%;
}

/*刀剣広場 刀剣ブログ .bf_hiroba_blog_link*/
.bnr_line2 figure.bf_hiroba_blog_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-blog-link-600x300.jpg?date=20210506) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_hiroba_blog_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-blog-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*名古屋刀剣ワールド／刀剣の基本 .bf_meihaku_sword_basic_link*/
.bnr_line2 figure.bf_meihaku_sword_basic_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-basic-link-600x300.jpg?date=20210506) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_meihaku_sword_basic_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-basic-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣写真・日本刀画像 .bf_search_link*/
.bnr_line2 figure.bnr_box.bf_search_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_search_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*全国の古戦場一覧 .bf_kosenjo_link*/
.bnr_line2 figure.bnr_box.bf_kosenjo_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-kosenjo-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_kosenjo_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-kosenjo-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*武将・歴史人の日本刀 .bf_sword_legend_link*/
.bnr_line2 figure.bnr_box.bf_sword_legend_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-legend-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_sword_legend_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-legend-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣展示 博物館の日本刀 .bf_museum_link*/
.bnr_line2 figure.bnr_box.bf_museum_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-museum-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_museum_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-museum-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣奉納 神社・仏閣の日本刀 .bf_religious_building_link*/
.bnr_line2 figure.bnr_box.bf_religious_building_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-religious-building-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_religious_building_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-religious-building-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣・甲冑展示の城・城郭 .bf_castle_building_link*/
.bnr_line2 figure.bnr_box.bf_castle_building_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-castle-building-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_castle_building_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-castle-building-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*全国の刀剣商（刀剣買取店・販売店）リンク .bf_organization_tosho_link*/
.bnr_line2 figure.bnr_box.bf_organization_tosho_link{
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-organization-tosho-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box.bf_organization_tosho_link{
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-organization-tosho-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*日本史の珍説 .bf_strange_story_link*/
.bnr_line2 figure.bnr_box.bf_strange_story_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-strange-story-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_strange_story_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-strange-story-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*日本史／合戦・歴史年表 .bf_battle_history_link*/
.bnr_line2 figure.bnr_box.bf_battle_history_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-battle-history-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_battle_history_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-battle-history-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣・甲冑の関連組織 .bf_organization_link*/
.bnr_line2 figure.bnr_box.bf_organization_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-link-organization-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_organization_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-link-organization-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*戦国武将のお祭り .bf_sengokuwarlords_festival_link*/
.bnr_line2 figure.bnr_box.bf_sengokuwarlords_festival_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sengokuwarlords-festival-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_sengokuwarlords_festival_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sengokuwarlords-festival-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*五箇伝の名工 .bf_gokaden_meikou_link*/
.bnr_line2 figure.bnr_box.bf_gokaden_meikou_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-gokaden-meikou-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_gokaden_meikou_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-gokaden-meikou_link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*現代刀の名工・名匠 .bf_modern_sword_artisan_link*/
.clearfix .bnr_line2 figure.bnr_box.bf_modern_sword_artisan_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-modern-sword-artisan-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_modern_sword_artisan_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-modern-sword-artisan-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*名家・著名人の日本刀 .bf_museum_katana_historian_link*/
.bnr_line2 figure.bnr_box.bf_museum_katana_historian_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-museum-katana-historian-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_museum_katana_historian_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-museum-katana-historian-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*戦国武将の合戦戦略 .bf_battle_strategy_link*/
.bnr_line2 figure.bnr_box.bf_battle_strategy_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-battle_strategy-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_battle_strategy_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-battle_strategy-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*日本刀の基礎知識 .bf_knowledge_link*/
.bnr_line2 figure.bnr_box.bf_knowledge_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-knowledge-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_knowledge_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-knowledge-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*甲冑（鎧兜）の基礎知識 .bf_knowledge_armor_link*/
.bnr_line2 figure.bnr_box.bf_knowledge_armor_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-knowledge-armor-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_knowledge_armor_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-knowledge-armor-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*忍者の基礎知識 .bf_knowledge_ninja_link*/
.bnr_line2 figure.bnr_box.bf_knowledge_ninja_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-knowledge-ninja-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box.bf_knowledge_ninja_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-knowledge-ninja-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*戦国武将 .bf_historian_link*/
.bnr_line2 figure.bnr_box.bf_historian_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-historian-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_historian_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-historian-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*主な江戸100藩 .bf_edo-domain100_link*/
.bnr_line2 figure.bnr_box.bf_edo-domain100_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-edo-domain100-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_edo-domain100_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-edo-domain100-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*皇室・公家と刀剣 .bf_imperial_sword_link*/
.bnr_line2 figure.bnr_box.bf_imperial_sword_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-imperial-sword-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_imperial_sword_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-imperial-sword-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*歌舞伎と刀剣 .bf_kabuki_touken_link*/
.bnr_line2 figure.bnr_box.bf_kabuki_touken_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-kabuki-touken-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_kabuki_touken_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-kabuki-touken-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*歴女必見！戦国武将を支えた女剣士～女性と刀剣～ .bf_women_touken_link*/
.bnr_line2 figure.bnr_box.bf_women_touken_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-women-touken-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_women_touken_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-women-touken-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*戦国大名（安土・桃山時代） .bf_daimyo_link*/
.bnr_line2 figure.bnr_box.bf_daimyo_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-daimyo-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_daimyo_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-daimyo-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*現代に残る武士の風習 .bf_samurai_customs_link*/
.bnr_line2 figure.bnr_box.bf_samurai_customs_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-samurai-customs-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_samurai_customs_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-samurai-customs-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*美濃伝の刀剣 関市 .bf_minoden_sekicity_link*/
.bnr_line2 figure.bnr_box.bf_minoden_sekicity_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-minoden-sekicity-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_minoden_sekicity_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-minoden-sekicity-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*世界の剣・刀剣・甲冑（鎧兜） .bf_world_touken_link*/
.bnr_line2 figure.bnr_box.bf_world_touken_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-world-touken-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_world_touken_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-world-touken-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣・甲冑（鎧兜）展示の城郭 .bf_castle_building_link*/
.bnr_line2 figure.bnr_box.bf_castle_building_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-castle-building-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_castle_building_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-castle-building-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*徳川十五代将軍 .bf_tokugawa15_link*/
.bnr_line2 figure.bnr_box.bf_tokugawa15_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-tokugawa15-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_tokugawa15_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-tokugawa15-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*歴女向け歴史ガイド .bf_female_history_buff_link*/
.bnr_line2 figure.bnr_box.bf_female_history_buff_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-female-history-buff-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_female_history_buff_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-female-history-buff-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣・歴史小説 .bf_novel_link*/
.bnr_line2 figure.bnr_box.bf_novel_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-novel-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_novel_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-novel-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*書画・美術品写真 .bf_search_art_link*/
.clearfix .bnr_line2 figure.bnr_box.bf_search_art_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-art-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_search_art_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-art-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣ワールド浮世絵：浮世絵師一覧 .bf_ukiyoe_artist_link*/
.clearfix .bnr_line2 figure.bnr_box.bf_ukiyoe_artist_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-ukiyoe-artist-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_ukiyoe_artist_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-ukiyoe-artist-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣ワールド浮世絵：浮世絵のシリーズ作品 .bf_ukiyoe_series_link*/
.clearfix .bnr_line2 figure.bnr_box.bf_ukiyoe_series_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-ukiyoe-series-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_ukiyoe_series_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-ukiyoe-series-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣写真・日本刀画像 .bf_search_cat*/
.bnr_line2 figure.bnr_box.bf_search_cat {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-cat-600x300.png?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_search_cat {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-cat-1000x180.png?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_line2 figure.bnr_box.bf_search_cat a {
  padding: 13% 15% 2%;
}

.bnr_single_line figure.bnr_box.bf_search_cat::after,
.bnr_line2 figure.bnr_box.bf_search_cat::after {
  content: none;
}

.bnr_single_line figure.bnr_box.bf_search_cat .txt_name,
.bnr_line2 figure.bnr_box.bf_search_cat .txt_name {
  float: none;
  display: inline-block;
  padding: 1% 3%;
  width: auto;
  position: relative;
  right: 36px;
  border-radius: 3px;
  font-weight: 600;
  color: #d83b30;
  max-width: 65%;
}

.bnr_line2 figure.bnr_box.bf_search_cat .txt_name {
  line-height: 1.3;
  padding: 1% 3%;
}

.bnr_single_line figure.bnr_box.bf_search_cat .txt_name::before,
.bnr_line2 figure.bnr_box.bf_search_cat .txt_name::before {
  content: none;
}

.bnr_single_line figure.bnr_box.bf_search_cat .txt_name::after,
.bnr_line2 figure.bnr_box.bf_search_cat .txt_name::after {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-cat-text_short.png?date=20210506) no-repeat center;
  background-size: cover;
  bottom: 0;
  content: "";
  height: 30px;
  margin: auto 0 auto 5px;
  position: absolute;
  top: 0;
  left: 100%;
  width: 64px;
}

/* 剣舞と詩舞 世界の剣舞 .bf_sword_and_dance_link */
.bnr_line2 figure.bnr_box.bf_sword_and_dance_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-and-dance-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_sword_and_dance_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-and-dance-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/* 刀剣にまつわる神事・文化・しきたり .bf_ritual_culture_clash_link */
.bnr_line2 figure.bnr_box.bf_ritual_culture_clash_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-ritual-culture-clash-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_ritual_culture_clash_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-ritual-culture-clash-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/* 神話・説話に登場する伝説の刀剣 .bf_mythology_link */
.bnr_line2 figure.bnr_box.bf_mythology_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-mythology-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_mythology_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-mythology-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣・歴史漫画 .bf_sword_in_comics_link*/
.bnr_line2 figure.bf_sword_in_comics_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-in-comics-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_sword_in_comics_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-in-comics-link-500x90-x2.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣マンガ（刀剣ことわざ4コマ漫画） .bf_comic_link*/
.bnr_line2 figure.bnr_box.bf_comic_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-comic-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_comic_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-comic-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣コスプレ .bf_cosplay_link*/
.bnr_line2 figure.bnr_box.bf_cosplay_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-cosplay-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_cosplay_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-cosplay-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*歴女に人気の城下町 .bf_castle_town_link*/
.bnr_line2 figure.bnr_box.bf_castle_town_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-castle-town-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_castle_town_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-castle-town-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*武具の基礎知識 .bf_knowledge_arms_link*/
.bnr_line2 figure.bnr_box.bf_knowledge_arms_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-knowledge-arms-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_knowledge_arms_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-knowledge-arms-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*戦国時代の姫・女武将たち .bf_princess_femalewarlord_link*/
.bnr_line2 figure.bnr_box.bf_princess_femalewarlord_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-princess-femalewarlord-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_princess_femalewarlord_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-princess-femalewarlord-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*主君や師匠を支えた歴史上の実力者 .bf_number2_link*/
.bnr_line2 figure.bnr_box.bf_number2_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-number2-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_number2_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-number2-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*著名刀工名鑑 .bf_sword_artisan_directory_link*/
.bnr_line2 figure.bnr_box.bf_sword_artisan_directory_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-artisan-directory-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_sword_artisan_directory_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-artisan-directory-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*全国の刀剣商（刀剣買取店・販売店）リンク .bf_organization_tosho_link*/
.bnr_line2 figure.bnr_box.bf_organization_tosho_link{
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-organization-tosho-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_organization_tosho_link{
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-organization-tosho-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣名刀図鑑 .bf_search-noted-sword-cat*/
.bnr_line2 figure.bnr_box.bf_search-noted-sword-cat {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-noted-sword-cat-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}
.bnr_single_line figure.bnr_box.bf_search-noted-sword-cat {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-noted-sword-cat-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*刀剣女子に好まれる刀剣 .bf_sword_girl_link*/
.bnr_line2 figure.bnr_box.bf_sword_girl_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-girl-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_sword_girl_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-girl-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*合戦の街 関ヶ原（関ヶ原の戦い） .bf_sekigahara_wars_link*/
.bnr_line2 figure.bnr_box.bf_sekigahara_wars_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sekigahara-wars-link-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_sekigahara_wars_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sekigahara-wars-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/*天下三名槍 写し制作プロジェクト .bf_meihaku_tengasanmeisou_link*/
.bnr_line2 figure.bnr_box.bf_meihaku_tengasanmeisou_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/meihaku/bnr-tengasanmeiso-link-600x300.jpg?date=20210506?date=20201118) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bf_meihaku_tengasanmeisou_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/meihaku/bnr-tengasanmeiso-link-1000x180.jpg?date=20210506?date=20201118) no-repeat top;
  background-size: 100%;
}

/*刀ブロ .bf_toublo_link*/
.bnr_line2 figure.bnr_box.bf_toublo_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-toublo-link-600x300.jpg?date=20210506?date=20200825) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_toublo_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-toublo-link-1000x180.jpg?date=20210506?date=20200825) no-repeat top;
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bnr_box.bf_toublo_link .txt_name {
  padding: 1% 0;
}

/*名古屋刀剣ワールド／刀剣の基本 .bf_meihaku_sword_basic_link*/
.bnr_line2 figure.bf_meihaku_sword_basic_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-basic-link-600x300.jpg?date=20210506) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_meihaku_sword_basic_link {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-basic-link-1000x180.jpg?date=20210506) no-repeat top;
  background-size: 100%;
}

/* 平安～江戸時代の暮らしや文化 .bf_culture_link */
.bnr_line2 figure.bf_culture_link {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-culture-link-600x300.jpg?date=20210818) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_culture_link {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-culture-link-1000x180.jpg?date=20210818) no-repeat top;
  background-size: 100%;
}

/* 刀剣コスプレ（名博メーハク版） .bf_meihaku_cosplay_link */
.bnr_line2 figure.bf_meihaku_cosplay_link {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-meihaku-cosplay-link-600x300.jpg?date=20210818) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
  background-size: 100%;
}

.bnr_single_line figure.bnr_box.bf_meihaku_cosplay_link {
  background: url(https://webcdn.token.co.jp/www08/token/banner_all/touken-world/bnr-meihaku-cosplay-link-1000x180.jpg?date=20210818) no-repeat top;
  background-size: 100%;
}

/* 旅探 .bf_tour_search*/
.bnr_line2 .bnr_box.bnr_box_search.bf_tour_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-tour-link-300-150x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

.bnr_single_line .bnr_box.bnr_box_search.bf_tour_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-tour-link-500-90x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

/*旅探 日本の祭り .bf_festival_search*/
.bnr_line2 .bnr_box.bnr_box_search.bf_festival_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-festival-link-300-150x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

.bnr_single_line .bnr_box.bnr_box_search.bf_festival_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-festival-link-500-90x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

/* ホテバンク bf_hotel_search */
.bnr_line2 .bnr_box.bnr_box_search.bf_hotel_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-hotel-link-300-150x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

.bnr_single_line .bnr_box.bnr_box_search.bf_hotel_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-hotel-link-500-90x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

/* パブリネット bf_public_search */
.bnr_line2 .bnr_box.bnr_box_search.bf_public_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-publinet-public-link-300-150x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

.bnr_single_line .bnr_box.bnr_box_search.bf_public_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-publinet-public-link-500-90x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

/* 城ワールド bf_shiro_world_search */
.bnr_line2 .bnr_box.bnr_box_search.bf_shiro_world_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-shiro-world-link-300-150x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

.bnr_single_line .bnr_box.bnr_box_search.bf_shiro_world_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-shiro-world-link-500-90x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

/* スタディピア bf_study_search */
.bnr_line2 .bnr_box.bnr_box_search.bf_study_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-study-link-300-150x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

.bnr_single_line .bnr_box.bnr_box_search.bf_study_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-study-link-500-90x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

/* ビッグカンパニー bf_study_search */
.bnr_line2 .bnr_box.bnr_box_search.bf_bigcompany_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-bigcompany-link-300-150x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

.bnr_single_line .bnr_box.bnr_box_search.bf_bigcompany_search {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-bigcompany-link-500-90x2.png?date=20210506) no-repeat top;
  background-size: cover;
}

.bnr_line .bnr_box.bnr_box_search.bf_tour_search,
.bnr_line .bnr_box.bnr_box_search.bf_festival_search,
.bnr_line .bnr_box.bnr_box_search.bf_study_search,
.bnr_line .bnr_box.bnr_box_search.bf_bigcompany_search {
  border: 2px solid #1e5a89;
}

.bnr_line .bnr_box.bnr_box_search.bf_hotel_search {
  border: 2px solid #bf9204;
}

.bnr_line .bnr_box.bnr_box_search.bf_public_search,
.bnr_line .bnr_box.bnr_box_search.bf_shiro_world_search {
  border: 2px solid #983949;
}

/* リサーチ系のみ白枠レイアウト変更 */
.bnr_line .bnr_box_search.bnr_box.bf_tour_search a .txt_name,
.bnr_line .bnr_box_search.bnr_box.bf_festival_search a .txt_name,
.bnr_line .bnr_box_search.bnr_box.bf_hotel_search a .txt_name,
.bnr_line .bnr_box_search.bnr_box.bf_public_search a .txt_name,
.bnr_line .bnr_box_search.bnr_box.bf_shiro_world_search a .txt_name,
.bnr_line .bnr_box_search.bnr_box.bf_study_search a .txt_name,
.bnr_line .bnr_box_search.bnr_box.bf_bigcompany_search a .txt_name {
  border-radius: 5px;
  float: left;
  font-family: "HiraKakuPro-W3","Hiragino Kaku Gothic ProN W3","Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", 游ゴシック体, "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic",メイリオ, Osaka, sans-serif;
  font-weight: 600;
  padding: .5% 2%;
  width: auto;
}

.bnr_line2 figure.bnr_box.bf_tour_search::after,
.bnr_single_line figure.bnr_box.bf_tour_search::after,
.bnr_line2 figure.bnr_box.bf_festival_search::after,
.bnr_single_line figure.bnr_box.bf_festival_search::after,
.bnr_line2 figure.bnr_box.bf_hotel_search::after,
.bnr_single_line figure.bnr_box.bf_hotel_search::after,
.bnr_line2 figure.bnr_box.bf_public_search::after,
.bnr_single_line figure.bnr_box.bf_public_search::after,
.bnr_line2 figure.bnr_box.bf_shiro_world_search::after,
.bnr_single_line figure.bnr_box.bf_shiro_world_search::after,
.bnr_line2 figure.bnr_box.bf_study_search::after,
.bnr_single_line figure.bnr_box.bf_study_search::after,
.bnr_line2 figure.bnr_box.bf_bigcompany_search::after,
.bnr_single_line figure.bnr_box.bf_bigcompany_search::after {
  display: none;
}

.bnr_single_line .bnr_box.bnr_box_search.bf_tour_search a,
.bnr_single_line .bnr_box.bnr_box_search.bf_festival_search a,
.bnr_single_line .bnr_box.bnr_box_search.bf_hotel_search a,
.bnr_single_line .bnr_box.bnr_box_search.bf_public_search a,
.bnr_single_line .bnr_box.bnr_box_search.bf_shiro_world_search a,
.bnr_single_line .bnr_box.bnr_box_search.bf_study_search a,
.bnr_single_line .bnr_box.bnr_box_search.bf_bigcompany_search a {
  padding: 11% 5.5% 2% 5%;
}

.bnr_line2 .bnr_box.bnr_box_search.bf_tour_search a,
.bnr_line2 .bnr_box.bnr_box_search.bf_festival_search a,
.bnr_line2 .bnr_box.bnr_box_search.bf_hotel_search a,
.bnr_line2 .bnr_box.bnr_box_search.bf_public_search a,
.bnr_line2 .bnr_box.bnr_box_search.bf_shiro_world_search a,
.bnr_line2 .bnr_box.bnr_box_search.bf_study_search a,
.bnr_line2 .bnr_box.bnr_box_search.bf_bigcompany_search a {
  padding: 13.7% 3% 10%;
}

.bnr_single_line .bnr_box.bnr_box_search.bf_tour_search a span {
  float: none;
  padding: 1% 2%;
}

@media screen and (max-width:767px) {
  /*------各カテゴリー別指定------*/
  /*リサーチ 城をめぐる戦い .bf_research-castle_link*/
  .bnr_single_line .bf_research-castle_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr_siege_600_150_bg.png?date=20210506) no-repeat top, linear-gradient(to bottom, #370105 0, #7c0a13 50%);
    background-size: 100%;
  }

  /*刀剣広場 刀剣ブログ .bf_hiroba_blog_link*/
  .bnr_single_line figure.bnr_box.bf_hiroba_blog_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-blog-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*名古屋刀剣ワールド／刀剣の基本 .bf_meihaku_sword_basic_link*/
  .bnr_single_line figure.bnr_box.bf_meihaku_sword_basic_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-basic-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*日本刀写真／画像  .bf_search_link*/
  .bnr_single_line figure.bnr_box.bf_search_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*全国の古戦場一覧 .bf_kosenjo_link*/
  .bnr_single_line figure.bnr_box.bf_kosenjo_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-kosenjo-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*武将・歴史人の日本刀 .bf_sword_legend_link*/
  .bnr_single_line figure.bnr_box.bf_sword_legend_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-legend-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*刀剣展示 博物館の日本刀 .bf_museum_link*/
  .bnr_single_line figure.bnr_box.bf_museum_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-museum-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*刀剣奉納 神社・仏閣の日本刀 .bf_religious_building_link*/
  .bnr_single_line figure.bnr_box.bf_religious_building_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-religious-building-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*刀剣・甲冑展示の城・城郭 .bf_castle_building_link*/
  .bnr_single_line figure.bnr_box.bf_castle_building_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-castle-building-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*日本史の珍説 .bf_strange_story_link*/
  .bnr_single_line figure.bnr_box.bf_strange_story_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-strange-story-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*全国の刀剣商（刀剣買取店・販売店）リンク .bf_organization_tosho_link*/
  .bnr_single_line figure.bnr_box.bf_organization_tosho_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-organization-tosho-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*合戦・歴史年表 .bf_battle_history_link*/
  .bnr_single_line figure.bnr_box.bf_battle_history_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-battle-history-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*刀剣・甲冑の関連組織 .bf_organization_link*/
  .bnr_single_line figure.bnr_box.bf_organization_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-link-organization-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*戦国武将のお祭り .bf_sengokuwarlords_festival_link*/
  .bnr_single_line figure.bnr_box.bf_sengokuwarlords_festival_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sengokuwarlords-festival-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*五箇伝の名工 .bf_gokaden_meikou_link*/
  .bnr_single_line figure.bnr_box.bf_gokaden_meikou_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-gokaden-meikou-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*現代刀の名工・名匠 .bf_modern_sword_artisan_link*/
  .bnr_single_line figure.bnr_box.bf_modern_sword_artisan_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-modern-sword-artisan-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*名家・著名人の日本刀 .bf_museum_katana_historian_link*/
  .bnr_single_line figure.bnr_box.bf_museum_katana_historian_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-museum-katana-historian-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*戦国武将の合戦戦略 .bf_battle_strategy_link*/
  .bnr_single_line figure.bnr_box.bf_battle_strategy_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-battle_strategy-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*日本刀の基礎知識 .bf_knowledge_link*/
  .bnr_single_line figure.bnr_box.bf_knowledge_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-knowledge-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*甲冑（鎧兜）の基礎知識 .bf_knowledge_armor_link*/
  .bnr_single_line figure.bnr_box.bf_knowledge_armor_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-knowledge-armor-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*忍者の基礎知識 .bf_knowledge_ninja_link*/
  .bnr_single_line figure.bnr_box.bf_knowledge_ninja_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-knowledge-ninja-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*戦国武将 .bf_historian_link*/
  .bnr_single_line figure.bnr_box.bf_historian_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-historian-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*主な江戸100藩 .bf_edo-domain100_link*/
  .bnr_single_line figure.bnr_box.bf_edo-domain100_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-edo-domain100-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*皇室・公家と刀剣 .bf_imperial_sword_link*/
  .bnr_single_line figure.bnr_box.bf_imperial_sword_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-imperial-sword-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*歌舞伎と刀剣 .bf_kabuki_touken_link*/
  .bnr_single_line figure.bnr_box.bf_kabuki_touken_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-kabuki-touken-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*歴女必見！戦国武将を支えた女剣士～女性と刀剣～ .bf_women_touken_link*/
  .bnr_single_line figure.bnr_box.bf_women_touken_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-women-touken-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*戦国時代の戦国大名 .bf_daimyo_link*/
  .bnr_single_line figure.bnr_box.bf_daimyo_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-daimyo-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*現代に残る武士の風習 .bf_samurai_customs_link*/
  .bnr_single_line figure.bnr_box.bf_samurai_customs_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-samurai-customs-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*美濃伝の刀剣 関市 .bf_minoden_sekicity_link*/
  .bnr_single_line figure.bnr_box.bf_minoden_sekicity_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-minoden-sekicity-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*世界の剣・刀剣・甲冑（鎧兜） .bf_world_touken_link*/
  .bnr_single_line figure.bnr_box.bf_world_touken_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-world-touken-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*刀剣・甲冑（鎧兜）展示の城郭 .bf_castle_building_link*/
  .bnr_single_line figure.bnr_box.bf_castle_building_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-castle-building-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*徳川十五代将軍 .bf_tokugawa15_link*/
  .bnr_single_line figure.bnr_box.bf_tokugawa15_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-tokugawa15-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*歴女向け歴史ガイド .bf_female_history_buff_link*/
  .bnr_single_line figure.bnr_box.bf_female_history_buff_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-female-history-buff-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*刀剣・歴史小説 .bf_novel_link*/
  .bnr_single_line figure.bnr_box.bf_novel_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-novel-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*書画・美術品写真／画像 .bf_search_art_link*/
  .bnr_single_line figure.bnr_box.bf_search_art_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-art-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*刀剣ワールド浮世絵：浮世絵師一覧 .bf_ukiyoe_artist_link*/
  .bnr_single_line figure.bnr_box.bf_ukiyoe_artist_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-ukiyoe-artist-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*刀剣ワールド浮世絵：浮世絵のシリーズ作品 .bf_ukiyoe_series_link*/
  .bnr_single_line figure.bnr_box.bf_ukiyoe_series_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-ukiyoe-series-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*日本刀写真／画像 .bf_search_cat*/
  .bnr_single_line figure.bnr_box.bf_search_cat{
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-cat-600x300.png?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* 剣舞と詩舞 世界の剣舞 .bf_sword_and_dance_link */
  .bnr_single_line figure.bnr_box.bf_sword_and_dance_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-and-dance-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* 刀剣にまつわる神事・文化・しきたり .bf_ritual_culture_clash_link */
  .bnr_single_line figure.bnr_box.bf_ritual_culture_clash_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-ritual-culture-clash-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /* 神話・説話に登場する伝説の刀剣 .bf_mythology_link */
  .bnr_single_line figure.bnr_box.bf_mythology_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-mythology-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*刀剣・歴史漫画 .bf_sword_in_comics_link*/
  .bnr_single_line figure.bnr_box.bf_sword_in_comics_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-in-comics-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*刀剣マンガ（刀剣ことわざ4コマ漫画） .bf_comic_link*/
  .bnr_single_line figure.bnr_box.bf_comic_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-comic-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*刀剣コスプレ .bf_cosplay_link*/
  .bnr_single_line figure.bnr_box.bf_cosplay_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-cosplay-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*歴女に人気の城下町 .bf_castle_town_link*/
  .bnr_single_line figure.bnr_box.bf_castle_town_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-castle-town-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*武具の基礎知識 .bf_knowledge_arms_link*/
  .bnr_single_line figure.bnr_box.bf_knowledge_arms_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-knowledge-arms-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*戦国時代の姫・女武将たち .bf_princess_femalewarlord_link*/
  .bnr_single_line figure.bnr_box.bf_princess_femalewarlord_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-princess-femalewarlord-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*主君や師匠を支えた歴史上の実力者 .bf_number2_link*/
  .bnr_single_line figure.bnr_box.bf_number2_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-number2-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*著名刀工名鑑 .bf_sword_artisan_directory_link*/
  .bnr_single_line figure.bnr_box.bf_sword_artisan_directory_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-artisan-directory-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*刀剣名刀図鑑 .bf_search-noted-sword-cat*/
  .bnr_single_line figure.bnr_box.bf_search-noted-sword-cat {
  background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-search-noted-sword-cat-600x300.jpg?date=20210506) no-repeat top;
  background-size: 100%;
  }

  /*刀剣女子に好まれる刀剣 .bf_sword_girl_link*/
  .bnr_single_line figure.bnr_box.bf_sword_girl_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sword-girl-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*合戦の街 関ヶ原（関ヶ原の戦い） .bf_sekigahara_wars_link*/
  .bnr_single_line figure.bnr_box.bf_sekigahara_wars_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-sekigahara-wars-link-600x300.jpg?date=20210506) no-repeat top;
    background-size: 100%;
  }

  /*天下三名槍 写し制作プロジェクト .bf_meihaku_tengasanmeisou_link*/
  .bnr_single_line .bf_meihaku_tengasanmeisou_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/meihaku/bnr-tengasanmeiso-link-600x300.jpg?date=20210506?date=20201118) no-repeat top;
    background-size: 100%;
  }

  /*刀ブロ .bf_toublo_link*/
  .bnr_single_line figure.bnr_box.bf_toublo_link {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/touken-world/bnr-toublo-link-600x300.jpg?date=20210506?date=20200825) no-repeat top;
    background-size: 100%;
  }

  /* 旅探 .bf_tour_search*/
  .bnr_single_line .bnr_box.bnr_box_search.bf_tour_search {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-tour-link-300-150x2.png?date=20210506) no-repeat top;
    background-size: cover;
  }

  /*旅探 日本の祭り .bf_festival_search*/
  .bnr_single_line .bnr_box.bnr_box_search.bf_festival_search {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-festival-link-300-150x2.png?date=20210506) no-repeat top;
    background-size: cover;
  }

  /* ホテバンク bf_hotel_search */
  .bnr_single_line .bnr_box.bnr_box_search.bf_hotel_search {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-hotel-link-300-150x2.png?date=20210506) no-repeat top;
    background-size: cover;
  }

  /* パブリネット bf_public_search */
  .bnr_single_line .bnr_box.bnr_box_search.bf_public_search {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-publinet-public-link-300-150x2.png?date=20210506) no-repeat top;
    background-size: cover;
  }

  /* 城ワールド bf_shiro_world_search */
  .bnr_single_line .bnr_box.bnr_box_search.bf_shiro_world_search {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-shiro-world-link-300-150x2.png?date=20210506) no-repeat top;
    background-size: cover;
  }

  /* スタディピア bf_study_search */
  .bnr_single_line .bnr_box.bnr_box_search.bf_study_search {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-study-link-300-150x2.png?date=20210506) no-repeat top;
    background-size: cover;
  }

  /* ビッグカンパニー bf_study_search */
  .bnr_single_line .bnr_box.bnr_box_search.bf_bigcompany_search {
    background: url(https://token.webcdn.stream.ne.jp/www08/token/banner_all/homemate_research/bnr-bigcompany-link-300-150x2.png?date=20210506) no-repeat top;
    background-size: cover;
  }

  .bnr_single_line .bnr_box.bnr_box_search.bf_tour_search a,
  .bnr_single_line .bnr_box.bnr_box_search.bf_festival_search a,
  .bnr_single_line .bnr_box.bnr_box_search.bf_hotel_search a,
  .bnr_single_line .bnr_box.bnr_box_search.bf_public_search a,
  .bnr_single_line .bnr_box.bnr_box_search.bf_shiro_world_search a,
  .bnr_single_line .bnr_box.bnr_box_search.bf_study_search a,
  .bnr_single_line .bnr_box.bnr_box_search.bf_bigcompany_search a {
    padding: 14% 5.5% 2% 2%;
  }

  .bnr_line2 figure.bnr_box.bf_tour_search a,
  .bnr_line2 figure.bnr_box.bf_festival_search a,
  .bnr_line2 figure.bnr_box.bf_hotel_search a,
  .bnr_line2 figure.bnr_box.bf_public_search a,
  .bnr_line2 figure.bnr_box.bf_shiro_world_search a,
  .bnr_line2 figure.bnr_box.bf_study_search a,
  .bnr_line2 figure.bnr_box.bf_bigcompany_search :any-link {
    padding: 14% 4% 10%;
  }
  /*------各カテゴリー別指定------*/
}

/* ------ 各カテゴリー別指定_end ------ */
/* ▲▲▲ common bnr_line ▲▲▲ */

/* 基礎知識 */
.bnr_box.bf_knowledge_link .txt_name,
.bnr_box.bf_knowledge_armor_link .txt_name,
.bnr_box.bf_knowledge_arms_link .txt_name,
.bnr_box.bf_meihaku_sword_basic_link .txt_name,
.bnr_box.bf_knowledge_ninja_link .txt_name {
  border: 1px solid #483f33;
}
/* 刀剣 */
.bnr_box.bf_gokaden_meikou_link .txt_name,
.bnr_box.bf_modern_sword_artisan_link .txt_name,
.bnr_box.bf_museum_katana_historian_link .txt_name,
.bnr_box.bf_imperial_sword_link .txt_name,
.bnr_box.bf_sword_artisan_directory_link .txt_name,
.bnr_box.bf_search_link .txt_name,
.bnr_box.bf_sword_legend_link .txt_name,
.bnr_box.bf_sword_girl_link .txt_name,
.bnr_box.bf_search-noted-sword-cat .txt_name,
.bnr_box.bf_meihaku_tengasanmeisou_link .txt_name {
  border: 1px solid #5c2f2d;
}
/* 人物 */
.bnr_box.bf_women_touken_link .txt_name,
.bnr_box.bf_historian_link .txt_name,
.bnr_box.bf_edo-domain100_link .txt_name,
.bnr_box.bf_daimyo_link .txt_name,
.bnr_box.bf_sengokuwarlords_festival_link .txt_name,
.bnr_box.bf_tokugawa15_link .txt_name,
.bnr_box.bf_princess_femalewarlord_link .txt_name,
.bnr_box.bf_number2_link .txt_name,
.bnr_box.bf_historian_armor .txt_name {
  border: 1px solid #3e253c;
}
/* 雑学 */
.bnr_box.bf_sword_and_dance_link .txt_name,
.bnr_box.bf_sword_in_comics_link .txt_name,
.bnr_box.bnr_box.bf_novel_link .txt_name,
.bnr_box.bf_samurai_customs_link .txt_name,
.bnr_box.bf_kabuki_touken_link .txt_name,
.bnr_box.bf_ritual_culture_clash_link .txt_name,
.bnr_box.bf_comic_link .txt_name,
.bnr_box.bf_minoden_sekicity_link .txt_name,
.bnr_box.bf_cosplay_link .txt_name,
.bnr_box.bf_world_touken_link .txt_name,
.bnr_box.bf_mythology_link .txt_name {
  border: 1px solid #243b3a;
}
/* 武具・書画・美術品 */
.bnr_box.bf_search_art_link .txt_name,
.bnr_box.bf_ukiyoe_artist_link .txt_name,
.bnr_box.bf_ukiyoe_series_link .txt_name {
  border: 1px solid #4d5e50;
}
/* 歴史 */
.bnr_box.bf_strange_story_link .txt_name,
.bnr_box.bf_battle_history_link .txt_name,
.bnr_box.bf_female_history_buff_link .txt_name {
  border: 1px solid #5c2f2d;
}
/* 合戦 */
.bnr_box.bf_kosenjo_link .txt_name,
.bnr_box.bf_battle_strategy_link .txt_name,
.bnr_box.bf_sekigahara_wars_link .txt_name {
  border: 1px solid #40440f;
}
/* 組織 */
.bnr_box.bf_organization_link .txt_name,
.bnr_box.bf_organization_tosho_link .txt_name {
  border: 1px solid #0f333a;
}
/* 施設 */
.bnr_box.bf_castle_town_link .txt_name,
.bnr_box.bf_museum_link .txt_name,
.bnr_box.bf_religious_building_link .txt_name,
.bnr_box.bf_castle_building_link .txt_name {
  border: 1px solid #143846;
}
/* 刀剣広場 */
.bnr_box.bf_hiroba_blog_link .txt_name,
.bnr_box.bf_toublo_link .txt_name {
  border: 1px solid #0f333a;
}

/*======================================================================
▲ 記事用バナー (旧スタイルにつき新規ページでは使用しないでください)　ここまで ▲
========================================================================*/


/* ------ 動画のスライダー化 ------ */
.cmn_m_box_item_movie.cmn_3col {
  margin-left: auto;
  margin-right: auto;
  max-width: 780px;
  width: 100%;
}
.cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie {
  width: 31.795%;
}
.cmn_s_box_item_movie a {
  display: block;
}
.cmn_s_box_item_movie a.bg_roll {
  position: relative;
}
.cmn_s_box_item_movie a.bg_roll::after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s;
  width: 100%;
}
.cmn_s_box_item_thum {
  border: 1px solid #000;
  margin-bottom: 15px;
  position: relative;
}
.cmn_s_box_item_thum::after {
  content: '';
  background: url(../image-cmn/ico_play.png?date=20230817) no-repeat center;
  background-size: contain;
  display: block;
  height: 46px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 46px;
}
.cmn_s_box_item_thum img {
  vertical-align: bottom;
}
.cmn_s_box_item_ttl {
  color: #000;
  font-weight: 600;
  width: 100%;
}
.cmn_s_box_item_ttl span{
  display: inline-block;
  font-size: 16px;
  font-feature-settings: 'pkna';
  line-height: 1;
  position: relative;
  padding-left: 1em;
  padding-right: 35px;
}
.cmn_s_box_item_ttl span:after {
  background-color: #1c40b5;
  content: "";
  height: 16px;
  position: absolute;
  top: 50%;
  right: .9em;
  transform: translateY(-50%);
  width: 16px;
}
.cmn_s_box_item_ttl span::before {
  border-left: 8px solid #fff;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: calc(50% - 5px);
  right: 1.1em;
  width: 0;
  z-index: 2;
}
.cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie.spacer {
  padding: 20px 6% 49px;
}
.cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie.spacer img {
  vertical-align: bottom;
}

@media (min-width: 768px) {
  .cmn_m_box_item_movie.cmn_3col {
    background-size: 19.8% auto;
  }
  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie {
    margin-left: 2.308%;
  }
  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(n+4) {
    margin-top: 2.308%;
  }
  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(3n+1) {
    margin-left: 0;
  }
  .cmn_s_box_item_txt_area .cmn_s_box_item_ttl {
    display: inline-block;
    text-align: center;
    position: relative;
  }
  .cmn_s_box_item_movie a.bg_roll:hover::after {
    background: rgba(255, 255, 255, .4);
  }

  /* 隙間画像 */
  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(3n+1):last-of-type,
  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(3n+2):last-of-type {
    position: relative;
  }

  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(3n+1):last-of-type:after,
  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(3n+2):last-of-type:after {
    background: url(../image-cmn/spacer/tips/img-blank-03.png?date=20210506) center top 20px/62% no-repeat;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }

  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(3n+1):last-of-type:after {
    left: 208.2%;
    margin-left: 6.05%;
  }

  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(3n+2):last-of-type:after {
    left: 99%;
    margin-left: 6.05%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .cmn_s_box_item_movie a.bg_roll:hover::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .cmn_m_box_item_movie.cmn_3col {
    background: url(../image-cmn/spacer/tips/img-blank-03.png?date=20210506) no-repeat bottom 55px right 15%;
    background-size: 25% auto;
    padding: 0 10px;
  }
  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie {
    width: 48%;
  }
  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(even) {
    margin-left: 4%;
  }
  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(2) {
    margin-top: 0;
  }
  .cmn_s_box_item_ttl span{
    padding-right: 20px;
  }
  .cmn_s_box_item_ttl span:after {
    right: 0;
  }
  .cmn_s_box_item_ttl span::before {
    right: .2em;
  }
  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie.spacer {
    padding: 20px 8% 45px;
  }
}

@media (max-width: 414px) {
  .cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_thum::after {
    height: 30px;
    width: 30px;
  }
}

/* - スライダー用 -- */
.slick-slider.cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie.spacer {
  display: none !important;
}

@media (min-width: 768px) {
  .slick-slider.cmn_m_box_item_movie.cmn_3col {
    background: none;
    max-width: 798px;
    width: 90%;
  }
  .slick-slider.cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie {
    margin: 0 9px;
  }
  .slick-slider.cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(n+4) {
    margin-top: 0;
  }
  .slick-slider.cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(3n+1) {
    margin-left: 9px;
  }
}

@media (max-width: 767px) {
  .slick-slider.cmn_m_box_item_movie.cmn_3col {
    background: none;
    padding: 0 15px;
    width: 100%;
  }
  .slick-slider.cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie {
    margin: 0 9px;
  }
  .slick-slider.cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(even) {
    margin-left: 9px;
  }
  .slick-slider.cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie.spacer {
    padding: 0;
  }
  .slick-slider.cmn_m_box_item_movie.cmn_3col .slick-arrow {
    z-index: 10;
  }
  .slick-slider.cmn_m_box_item_movie.cmn_3col .prev {
    left: -5px;
  }
  .slick-slider.cmn_m_box_item_movie.cmn_3col .next {
    right: -5px;
  }
}

@media (max-width: 414px) {
  .slick-slider.cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie {
    margin: 0 3px;
  }
  .slick-slider.cmn_m_box_item_movie.cmn_3col .cmn_s_box_item_movie:nth-of-type(even) {
    margin-left: 3px;
  }
}

/* - 動画 カラム数調整用 -- */
.cmn_m_box_item_movie.cmn_1col {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
}
.cmn_m_box_item_movie.cmn_1col .cmn_s_box_item_movie {
  width: 100%;
}
.cmn_m_box_item_movie.cmn_2col {
  margin-left: auto;
  margin-right: auto;
  max-width: 660px;
  width: 100%;
}

@media (min-width: 768px) {
  .cmn_m_box_item_movie.cmn_1col {
    max-width: 320px;
  }
  .cmn_m_box_item_movie.cmn_1col::before,
  .cmn_m_box_item_movie.cmn_1col::after {
    content: "";
    display: block;
    position: absolute;
  }
  .cmn_m_box_item_movie.cmn_1col::before {
    background: url("../image-cmn/bg-map-l.png?date=20210506") 0 0 no-repeat;
    height: 243px;
    left: -340px;
    top: -15px;
    width: 266px;
  }
  .cmn_m_box_item_movie.cmn_1col::after {
    background: url("../image-cmn/bg-map-r.png?date=20210506") 0 0 no-repeat;
    height: 215px;
    right: -410px;
    top: 25px;
    width: 393px;
  }
  .cmn_m_box_item_movie.cmn_2col .cmn_s_box_item_movie {
    width: 48.485%;
  }
  .cmn_m_box_item_movie.cmn_2col .cmn_s_box_item_movie:nth-of-type(2) {
    margin-left: 3.03%;
  }
}

@media (max-width: 767px) {
  .cmn_m_box_item_movie.cmn_1col {
    max-width: 480px;
  }
  .cmn_m_box_item_movie.cmn_2col .cmn_s_box_item_movie {
    width: 48%;
  }
  .cmn_m_box_item_movie.cmn_2col .cmn_s_box_item_movie:nth-of-type(2) {
    margin-left: 4%;
    margin-top: 0;
  }
}

@media (max-width: 414px) {
  .cmn_m_box_item_movie.cmn_2col .cmn_s_box_item_thum::after {
    height: 30px;
    width: 30px;
  }
}

/* - table width -- */

_:-ms-lang(x)::-ms-backdrop, .cmn_s_box_item_ttl span:after {
  transform: translateY(-65%);
}
_:-ms-lang(x)::-ms-backdrop, .cmn_s_box_item_ttl span::before {
  top: calc(50% - 7px);
}

/*=========================
  その他バナー
  =========================*/
/* ▼▼▼ .bnr_up キャプションは左寄せ ▼▼▼ */
.bnr_up figure a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.bnr_up figcaption {
  letter-spacing: .09em;
  margin: 6px 0 0;
  text-align: left;
}

.bnr_up figcaption a {
  display: inline;
}

.bnr_up figure img {
  margin: 0 auto;
  vertical-align: bottom;
}

.bnr_up figure:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .bnr_up {
    margin: 50px auto 0;
    width: 500px;
  }

  .box__text .bnr_up {
    margin: 0 auto;
  }

  .bnr_up figure {
    margin: 0 auto 15px;
    max-width: 700px;
  }

  .bnr_up figcaption.caption {
    font-size: 17px;
  }
}

@media (max-width:767px) {
  .bnr_up {
    margin: 1.5em auto 0;
    width: calc(80% + 20px);
  }

  .box__text .bnr_up {
    margin: 0 auto;
    max-width: 350px;
  }

  .bnr_up figure {
    margin: 0 auto 1.5rem;
  }

  .bnr_up figcaption {
    line-height: normal;
    text-align: left;
  }
}

/* ▲▲▲ .bnr_up キャプションは左寄せ ▲▲▲ */

/* ▼▼▼ .content_banner キャプションは中央寄せ ▼▼▼ */
.content_banner {
  margin: 30px auto 15px;
  max-width: 750px;
  overflow: hidden;
  text-align: center;
}

.content_banner figure {
  display: inline-block;
  margin: 15px auto;
  text-align: center;
}

.content_banner figure img {
  margin: 0 auto;
}

.content_banner figure a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.content_banner figcaption {
  font-size: 17px;
  line-height: 1.4;
  margin: 3px 0 10px;
  text-align: center;
}

@media (max-width:767px) {
  .content_banner {
    margin: 15px auto 0px;
  }

  .content_banner figure {
    margin: 0 auto;
    max-width: 90%;
  }

  .content_banner figcaption {
    font-size: 15px;
  }
}
/* ▲▲▲ .content_banner キャプションは中央寄せ ▲▲▲ */

/* ---------------------------------------- */
/* ▼ 200526_TCI福岡_sakaguchi WEB2TCI-11610 */
/* ---------------------------------------- */

/* floorマップでも一部使用しています。 */

.facility_map_links {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  text-align: center;
}

.facility_map_links:not(.no_spacer):before,
.facility_map_links:not(.no_spacer):after {
  content: '';
  display: block;
  position: absolute;
}

.facility_map_links:not(.no_spacer):before {
  background: url(../image-cmn/bg-map-l.png?date=20210506) no-repeat;
  bottom: 10px;
  height: 243px;
  left: -160px;
  width: 266px;
}

.facility_map_links:not(.no_spacer):after {
  background: url(../image-cmn/bg-map-r.png?date=20210506) no-repeat;
  bottom: 0;
  height: 215px;
  left: auto;
  right: -225px;
  width: 393px;
}

.facility_map_links_ul02 {/* floorマップで使用 */
  display: flex;
  justify-content: center;
}

.facility_map_links_ul01>li,
.facility_map_links_ul02>li,
.facility_map_links_ul03>li {
  max-width: 260px;
  width: 100%;
}

.facility_map_links_ul01:not(.facility_map_links_col2)>li,
.facility_map_links_ul02:not(.facility_map_links_col2)>li,
.facility_map_links_ul03:not(.facility_map_links_col2)>li {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .facility_map_links_col2>li:nth-of-type(even) {
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  .facility_map_all_wrap.facility_map_layout_col2 {
    margin-bottom: 30px;
  }

  .facility_map_links img {
    height: auto;
  }

  .facility_map_links:not(.no_spacer):before,
  .facility_map_links:not(.no_spacer):after {
    display: none;
  }

  .facility_map_links>ul {
    margin-right: auto;
    margin-left: auto;
    max-width: 220px;
    width: 100%;
  }

  .facility_map_links_ul02 {
    display: block;
  }
}

/* ------------------------------------ */
/* ▼ facility btn */
/* ------------------------------------ */
.facility_link_btn {
  background-color: #2477cc;
  border: solid 1px #175799;
  border-radius: 100vh;
  display: block;
  margin: 0 auto;
  position: relative;
  text-align: center;
  transition: opacity .3s;
  width: 100%;
}

@media (min-width: 768px) {
  .facility_link_btn:not(.gr_content):hover {
    opacity: .6;
  }
}

/* ipad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .facility_link_btn:not(.gr_content):hover {
    opacity: 1;
  }
}

/* .facility_link_btn::before,
.facility_link_btn::after {
  border-bottom: solid 1px #7ca5ce;
  border-right: solid 1px #7ca5ce;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  width: 10px;
}

.facility_link_btn::before {
  top: 0;
  left: 0;
}

.facility_link_btn::after {
  top: 0;
  right: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
} */

.facility_link_btn_inner {
  display: block;
}

/* .facility_link_btn_inner::before,
.facility_link_btn_inner::after {
  border-bottom: solid 1px #7ca5ce;
  border-right: solid 1px #7ca5ce;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  width: 10px;
}

.facility_link_btn_inner::before {
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.facility_link_btn_inner::after {
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
} */

.facility_link_btn_text {
  border: solid 1px #7ca5ce;
  border-radius: 100vh;
  color: #fff;
  display: block;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
  margin: 3px 4px;
  padding: 6px 15px 6px 38px;
  position: relative;
}

.facility_link_btn_text::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* icon variation */
.facility_link_btn.type_map .facility_link_btn_text::before {/* floorマップで使用 */
  background: url(../image-cmn/ico-facility-map.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 23px;
  width: 31px;
  left: 12px;
}

.facility_link_btn.type_streetview .facility_link_btn_text {
  padding: 6px 25px 6px 38px;
}

.facility_link_btn.type_streetview .facility_link_btn_text::before {
  background: url(../image-cmn/ico-facility-streetview.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 26px;
  width: 26px;
  left: 12px;
}

.facility_link_btn.type_airplane .facility_link_btn_text {
  padding: 6px 25px 6px 38px;
}

.facility_link_btn.type_airplane .facility_link_btn_text::before {
  background: url(../image-cmn/ico-facility-airplane.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 22px;
  width: 24px;
  left: 12px;
}

.facility_link_btn.type_facilities .facility_link_btn_text {
  padding: 6px 8px 6px 30px;
}

.facility_link_btn.type_facilities .facility_link_btn_text::before {
  background: url(../image-cmn/ico-facility-facilities.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 24px;
  width: 19px;
  left: 12px;
}

.facility_link_btn.type_access .facility_link_btn_text {
  padding: 6px 8px 6px 23px;
}

.facility_link_btn.type_access .facility_link_btn_text::before {
  background: url(../image-cmn/ico-facility-access-info.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 18px;
  width: 19px;
  left: 14px;
}

.facility_link_btn.type_nearby_life .facility_link_btn_text {
  padding: 6px 8px 6px 23px;
}

.facility_link_btn.type_nearby_life .facility_link_btn_text::before {/* floorマップで使用 */
  background: url(../image-cmn/ico-facility-around.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 20px;
  width: 16px;
  left: 15px;
}

.facility_link_btn.type_nearby_marketing .facility_link_btn_text {
  font-size: 20px;
  padding: 15px 8px 15px 35px;
}

.facility_link_btn.type_nearby_marketing .facility_link_btn_text::before {
  background: url(../image-cmn/ico-facility-nearby-marketing.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 26px;
  width: 41px;
  left: 24px;
}

.facility_link_btn.type_nearby_reviews .facility_link_btn_text {
  font-size: 20px;
  letter-spacing: .01em;
  padding: 15px 8px 15px 35px;
}

.facility_link_btn.type_nearby_reviews .facility_link_btn_text::before {
  background: url(../image-cmn/ico-facility-nearby-reviews.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 38px;
  width: 48px;
  left: 20px;
}

.facility_nearby_link_wrap02>li .area_text {
  font-size: 14px;
  font-weight: normal;
}

.facility_link_btn.type_town_life .facility_link_btn_text {
  padding: 3px 8px 5px 21px;
}

.facility_link_btn.type_town_life .facility_link_btn_text::before {
  background: url(../image-cmn/ico-facility-nearby-life.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 24px;
  width: 18px;
  left: 24px;
}

.facility_link_btn.type_town_local .facility_link_btn_text {
  padding: 3px 8px 5px 20px;
}

.facility_link_btn.type_town_local .facility_link_btn_text::before {
  background: url(../image-cmn/ico-facility-nearby-map.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 24px;
  width: 24px;
  left: 20px;
}

.facility_link_btn.type_town_market .facility_link_btn_text {
  padding: 3px 8px 5px 20px;
}

.facility_link_btn.type_town_market .facility_link_btn_text::before {
  background: url(../image-cmn/ico-facility-nearby-data.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 19px;
  width: 21px;
  left: 23px;
}

.facility_link_btn.type_town_sightseeing .facility_link_btn_text {
  padding: 3px 8px 5px 20px;
}

.facility_link_btn.type_town_sightseeing .facility_link_btn_text::before {
  background: url(../image-cmn/ico-facility-nearby-pin.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 26px;
  width: 17px;
  left: 24px;
}

.facility_link_btn.type_town_rent .facility_link_btn_text {
  padding: 3px 8px 5px 20px;
}

.facility_link_btn.type_town_rent .facility_link_btn_text::before {
  background: url(../image-cmn/ico-facility-nearby-price.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 28px;
  width: 27px;
  left: 20px;
}

.facility_link_btn.type_town_access .facility_link_btn_text {
  padding: 3px 8px 5px 20px;
}

.facility_link_btn.type_town_access .facility_link_btn_text::before {
  background: url(../image-cmn/ico-facility-nearby-train.png?date=20210506) no-repeat center center;
  background-size: 100% auto;
  height: 27px;
  width: 24px;
  left: 21px;
}

@media (max-width: 767px) {
  .facility_link_btn.type_access .facility_link_btn_text {
    padding: 6px 8px 6px 38px;
  }

  .facility_link_btn.type_nearby_life .facility_link_btn_text {
    padding: 6px 8px 6px 38px;
  }

  .facility_link_btn.type_nearby_marketing .facility_link_btn_text {
    font-size: 14px;
    padding: 6px 8px 6px 38px;
  }

  .facility_link_btn.type_nearby_marketing .facility_link_btn_text::before {
    height: 18px;
    width: 28px;
    left: 6px;
  }

  .facility_link_btn.type_nearby_reviews .facility_link_btn_text {
    font-size: 14px;
    padding: 6px 8px 6px 42px;
  }

  .facility_link_btn.type_nearby_reviews .facility_link_btn_text::before {
    height: 24px;
    width: 28px;
    left: 10px;
  }

  .facility_link_btn.type_town_life .facility_link_btn_text {
    padding: 6px 8px 6px 34px;
  }

  .facility_link_btn.type_town_life .facility_link_btn_text::before {
    height: 20px;
    width: 14px;
    left: 15px;
  }

  .facility_link_btn.type_town_local .facility_link_btn_text {
    padding: 6px 8px 6px 34px;
  }

  .facility_link_btn.type_town_local .facility_link_btn_text::before {
    height: 20px;
    width: 18px;
    left: 13px;
  }

  .facility_link_btn.type_town_market .facility_link_btn_text {
    padding: 6px 8px 6px 34px;
  }

  .facility_link_btn.type_town_market .facility_link_btn_text::before {
    height: 18px;
    width: 16px;
    left: 14px;
  }

  .facility_link_btn.type_town_sightseeing .facility_link_btn_text {
    padding: 6px 8px 6px 34px;
  }

  .facility_link_btn.type_town_sightseeing .facility_link_btn_text::before {
    height: 20px;
    width: 12px;
    left: 16px;
  }

  .facility_link_btn.type_town_rent .facility_link_btn_text {
    padding: 6px 8px 6px 34px;
  }

  .facility_link_btn.type_town_rent .facility_link_btn_text::before {
    height: 22px;
    width: 20px;
    left: 15px;
  }

  .facility_link_btn.type_town_access .facility_link_btn_text {
    padding: 6px 8px 6px 34px;
  }

  .facility_link_btn.type_town_access .facility_link_btn_text::before {
    height: 22px;
    width: 18px;
    left: 14px;
  }

  .facility_nearby_link_wrap02>li .facility_link_btn_text {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .facility_nearby_link_wrap02>li .facility_link_btn_text>span {
    width: auto;
  }
}

/* color variation */
/* green */
.facility_link_btn.btn_color_green {
  background-color: #05b49e;
  border-color: #098475;
}

.facility_link_btn.btn_color_green .facility_link_btn_text {
  border-color: #80d6cb;
}

.facility_link_btn.btn_color_green::before,
.facility_link_btn.btn_color_green::after,
.facility_link_btn.btn_color_green .facility_link_btn_inner::before,
.facility_link_btn.btn_color_green .facility_link_btn_inner::after {
  border-right: solid 1px #80d6cb;
  border-bottom: solid 1px #80d6cb;
}

/* red */
.facility_link_btn.btn_color_red {
  background-color: #f0544f;
  border-color: #a81d18;
}

.facility_link_btn.btn_color_red .facility_link_btn_text {
  border-color: #e9a4a2;
}

.facility_link_btn.btn_color_red::before,
.facility_link_btn.btn_color_red::after,
.facility_link_btn.btn_color_red .facility_link_btn_inner::before,
.facility_link_btn.btn_color_red .facility_link_btn_inner::after {
  border-right: solid 1px #e9a4a2;
  border-bottom: solid 1px #e9a4a2;
}

/* yellow green */
.facility_link_btn.btn_color_yellowgreen {/* floorマップで使用 */
  background-color: #5ab22f;
  border-color: #3b8218;
}

.facility_link_btn.btn_color_yellowgreen .facility_link_btn_text {
  border-color: #a5d58e;
}

.facility_link_btn.btn_color_yellowgreen::before,
.facility_link_btn.btn_color_yellowgreen::after,
.facility_link_btn.btn_color_yellowgreen .facility_link_btn_inner::before,
.facility_link_btn.btn_color_yellowgreen .facility_link_btn_inner::after {
  border-right: solid 1px #a5d58e;
  border-bottom: solid 1px #a5d58e;
}

/* deep green */
.facility_link_btn.btn_color_deepgreen {/* floorマップで使用 */
  background-color: #00a24c;
  border-color: #398415;
}

.facility_link_btn.btn_color_deepgreen .facility_link_btn_text {
  border-color: #96d2b2;
}

.facility_link_btn.btn_color_deepgreen::before,
.facility_link_btn.btn_color_deepgreen::after,
.facility_link_btn.btn_color_deepgreen .facility_link_btn_inner::before,
.facility_link_btn.btn_color_deepgreen .facility_link_btn_inner::after {
  border-right: solid 1px #96d2b2;
  border-bottom: solid 1px #96d2b2;
}

/* deep blue */
.facility_link_btn.btn_color_deepblue {
  background-color: #2172ad;
  border-color: #24587e;
}

.facility_link_btn.btn_color_deepblue .facility_link_btn_text {
  border-color: #82a9c5;
}

.facility_link_btn.btn_color_deepblue::before,
.facility_link_btn.btn_color_deepblue::after,
.facility_link_btn.btn_color_deepblue .facility_link_btn_inner::before,
.facility_link_btn.btn_color_deepblue .facility_link_btn_inner::after {
  border-right: solid 1px #82a9c5;
  border-bottom: solid 1px #82a9c5;
}

/* IE11対応 */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .facility_link_btn_text {
    padding: 8px 15px 4px 38px;
  }
}

@media (max-width: 767px) {
  .facility_link_btn_text {
    font-size: 14px;
  }
}

/* ------------------------------------ */
/* ▼ cmn_more_link_btn */
/* ------------------------------------ */
.cmn_more_link_btn_wrap:not(.is_show) {
  display: none;
}

.cmn_more_link_btn:not(.is_open) .opened_text {
  display: none;
}

.cmn_more_link_btn.is_open .closed_text {
  display: none;
}

@media (min-width: 768px) {
  .cmn_more_link_btn:not(.is_open) {
    max-width: 320px;
  }
  .cmn_more_link_btn.is_open {
    max-width: 260px;
  }
}

@media (max-width: 767px) {
  .cmn_more_link_btn:not(.is_open) {
    max-width: 240px;
  }
  .cmn_more_link_btn.is_open {
    max-width: 200px;
  }
}

/* ------------------------------------ */
/* ▼ pr_bnr_contents_block */
/* ------------------------------------ */
#not-found .pr_bnr_contents_block {
  display: none;
}

.pr_bnr_block {
  margin: 0 auto;
  opacity: 0;
  transition: .3s;
}

.pr_bnr_content_inner:first-child {
  max-width: 900px;
  margin: 0 auto 40px;
  padding-top: 40px;
  border-top: 1px solid #ae8b61;
}

.pr_bnr_block.slick-initialized {
  height: auto;
  opacity: 1;
}

.pr_bnr_block .prev,
.pr_bnr_block .next {
  z-index: 2;
}

.pr_bnr_item {
  float: left;
}

.pr_bnr_item_image {
  font-size: 0;
}

@media (min-width: 768px) {
  .pr_bnr_contents_block {
    margin-top: 40px;
    padding-bottom: 0;
  }
  .pr_bnr_block {
    height: 200px;
    max-width: 866px;
    padding: 0 25px;
  }
  .pr_bnr_block .prev {
    left: 0;
  }
  .pr_bnr_block .next {
    right: 0;
  }
  .pr_bnr_item {
    margin: 0 16px;
    max-width: 240px;
  }
  .pr_bnr_item_col2.pr_bnr_block {
    max-width: 810px;
  }
  .pr_bnr_item_col2 .pr_bnr_item {
    margin: 0 15px;
    max-width: 340px;
  }
}

@media (max-width: 767px) {
  .pr_bnr_contents_block {
    margin-top: 40px;
  }
  .pr_bnr_block {
    height: 250px;
    max-width: 320px;
  }
  .pr_bnr_content_inner:first-child {
    margin: 0 auto 1.5em;
    padding-top: 1.5em;
    width: 90%;
  }
  .pr_bnr_block .slick-arrow {
    margin-top: 0;
    top: 50%;
  }
  .pr_bnr_block .prev {
    left: -20px;
  }
  .pr_bnr_block .next {
    right: -20px;
  }
  .pr_bnr_item {
    padding: 0 10px;
  }
}

/* ------------------------------------ */
/* ▼ article list slider */
/* ------------------------------------ */
.cmn_article_list {
  margin-right: auto;
  margin-left: auto;
  max-width: 852px;
}

.cmn_article_list:not(.slick-initialized) {
  background-image: url(../image-cmn/spacer/tips/img-blank-01.png?date=20210506);
  background-repeat: no-repeat;
}

.cmn_article_list.slick-initialized {
  max-width: 876px;
}

.cmn_article_list a {
  display: block;
}

.cmn_3col.cmn_article_list .cmn_col_block {
  background-image: url(../image-cmn/bg-slider-01.jpg?date=20210506);
  background-repeat: repeat;
  background-position: 0 0;
}

.cmn_article_list_note {
  margin-top: .8em;
}

.cmn_article_list_ttl {
  font-weight: 600;
  line-height: 1.2;
  height: 22px;
  overflow: hidden;
}

.cmn_article_list_disc {
  color: #000;
  font-size: 16px;
  letter-spacing: .04em;
  line-height: 1.5;
  margin-top: .35em;
  height: 75px;
  overflow: hidden;
}

.is_coming_soon .cmn_article_list_disc {
  color: #9e7943;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  height: 104px;
  width: 100%;
}

.cmn_article_list_btn_wrap {
  line-height: 1;
  margin-top: 4px;
  text-align: right;
}

@media (min-width: 768px) {
  .cmn_article_list:not(.slick-initialized) {
    background-position: bottom 55px right 7.5%;
    background-size: 19.8% auto;
  }

  .cmn_3col.cmn_article_list .cmn_col_block {
    width: 31.456%;
  }

  .cmn_3col.cmn_article_list .cmn_col_block>* {
    padding: 16px;
  }

  .cmn_3col.cmn_article_list .cmn_col_block:not(:nth-of-type(3n+1)) {
    margin-left: 2.817%;
  }

  .slick-initialized.cmn_3col.cmn_article_list .cmn_col_block {
    margin: 0 12px;
  }

  .cmn_article_list .prev {
    left: -22px;
  }

  .cmn_article_list .next {
    right: -22px;
  }
}

@media screen and (max-width: 767px) {
  .cmn_3col.cmn_article_list {
    padding: 0 15px;
  }

  .cmn_article_list:not(.slick-initialized) {
    background-position: bottom 80px right 17%;
    background-size: 25% auto;
  }

  .cmn_3col.cmn_article_list .cmn_col_block {
    margin-top: 0;
    width: 49%;
  }

  .cmn_3col.cmn_article_list .cmn_col_block>* {
    padding: 10px;
  }

  .cmn_3col.cmn_article_list .cmn_col_block:nth-of-type(even) {
    margin-left: 2%;
  }

  .cmn_3col.cmn_article_list .cmn_col_block:nth-of-type(n+3) {
    margin-top: 15px;
  }

  .slick-initialized.cmn_3col.cmn_article_list .cmn_col_block {
    margin: 0 3px;
  }

  .cmn_3col.cmn_article_list .prev {
    left: -5px;
  }

  .cmn_3col.cmn_article_list .next {
    right: -5px;
  }

  .cmn_article_list_ttl {
    font-size: 16px;
    height: 20px;
  }

  .cmn_article_list_disc {
    font-size: 15px;
    height: 68px;
  }

  .is_coming_soon .cmn_article_list_disc {
    font-size: 16px;
    height: 99px;
  }
}

@media screen and (max-width: 360px) {
  .is_coming_soon .cmn_article_list_disc {
    height: 95px;
  }
}

/* ------------------------------------ */
/* ▼ read more btn */
/* ------------------------------------ */
.cmn_read_more_btn {
  background-color: #fff;
  border: solid 1px #1c40b5;
  color: #1c40b5;
  cursor: pointer;
  display: inline-block;
  font-size: 1.5rem;
  letter-spacing: .03em;
  line-height: 1;
  padding: .3em 1.6em .3em .3em;
  position: relative;
}

.cmn_read_more_btn::before,
.cmn_read_more_btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.cmn_read_more_btn::before {
  background-color: #1c40b5;
  height: 14px;
  right: 5px;
  width: 14px;
}

.cmn_read_more_btn::after {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 3px 0 3px 6px;
  height: 0;
  right: 8px;
  width: 0;
}

@media screen and (max-width: 767px) {
  .cmn_read_more_btn {
    font-size: 1.3rem;
    padding: .5em 2em .5em .4em;
  }
}

@media screen and (max-width: 360px) {
  .cmn_read_more_btn {
    font-size: 3.4vw;
  }
}

/* ------------------------------------ */
/* ▼ cmn_item_list */
/* ------------------------------------ */

.cmn_item_list {
  margin-right: auto;
  margin-left: auto;
  max-width: 852px;
}

.cmn_item_list:not(.slick-initialized),
.cmn_item_list .slick-list {
  background-image: url(../image-cmn/spacer/tips/img-blank-01.png?date=20210506);
  background-repeat: no-repeat;
}

.cmn_item_list .prev + .slick-list {
  background-image : none;
}

.cmn_item_list.slick-initialized {
  max-width: 876px;
}

.cmn_item_list a {
  display: block;
}

.cmn_3col.cmn_item_list .cmn_col_block {
  background-color: #fff;
}

.cmn_item_list_note {
  margin-top: .8em;
}

.cmn_item_list_ttl {
  font-weight: 600;
  line-height: 1.2;
  height: 22px;
  overflow: hidden;
}

.cmn_item_list_disc {
  color: #000;
  font-size: 16px;
  letter-spacing: .04em;
  line-height: 1.5;
  margin-top: .35em;
  overflow: hidden;
}

.cmn_item_list_btn_wrap {
  line-height: 1;
  margin-top: 4px;
  text-align: right;
}

@media (min-width: 768px) {
  .cmn_item_list:not(.slick-initialized),
  .cmn_item_list .slick-list {
    background-position: bottom 176px right 7.5%;
    background-size: 19.8% auto;
  }

  .cmn_3col.cmn_item_list .cmn_col_block {
    width: 31.456%;
  }

  .cmn_3col.cmn_item_list .cmn_col_block:not(:nth-of-type(3n+1)) {
    margin-left: 2.817%;
  }

  .slick-initialized.cmn_3col.cmn_item_list .cmn_col_block {
    margin: 0 12px;
  }

  .cmn_item_list .prev {
    left: -22px;
  }

  .cmn_item_list .next {
    right: -22px;
  }
}

@media screen and (max-width: 767px) {
  .cmn_3col.cmn_item_list {
    padding: 0 15px;
  }

  .cmn_item_list:not(.slick-initialized),
  .cmn_item_list .slick-list {
    background-position: bottom 124px right 17%;
    background-size: 25% auto;
  }

  .cmn_3col.cmn_item_list .cmn_col_block {
    margin-top: 0;
    width: 49%;
  }

  .cmn_3col.cmn_item_list .cmn_col_block:nth-of-type(even) {
    margin-left: 2%;
  }

  .cmn_3col.cmn_item_list .cmn_col_block:nth-of-type(n+3) {
    margin-top: 15px;
  }

  .slick-initialized.cmn_3col.cmn_item_list .cmn_col_block {
    margin: 0 3px;
  }

  .cmn_3col.cmn_item_list .prev {
    left: -5px;
  }

  .cmn_3col.cmn_item_list .next {
    right: -5px;
  }

  .cmn_item_list_ttl {
    font-size: 16px;
    height: 20px;
  }

  .cmn_item_list_disc {
    font-size: 15px;
    height: 68px;
  }

  .is_coming_soon .cmn_item_list_disc {
    font-size: 16px;
    height: 99px;
  }
}

@media screen and (max-width: 360px) {
  .is_coming_soon .cmn_item_list_disc {
    height: 95px;
  }
}

/* ------------------------------------ */
/* ▼ 商品サンプルテキスト*/
/* ------------------------------------ */

.cmn_item_img .sample {
  color: #000;
  font-size: 1.8rem;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  left: 2%;
  text-shadow: 0 0 3px #fff;
}

@media screen and (max-width: 767px) {
  .cmn_item_img .sample {
    font-size: 1.5rem;
  }
}

/* ------------------------------------ */
/* ▼ tips 目次 */
/* ------------------------------------ */
.cmn_table_of_contents {
  border: solid 1px #6e5830;
  margin: 0 auto;
  max-width: 650px;
}
.cmn_table_of_contents .title,
.cmn_table_of_contents {
  border-top-left-radius: 36px;
}
.cmn_table_of_contents>ul,
.cmn_table_of_contents {
  border-bottom-right-radius: 36px;
}

/* 目次左寄せ対応 */
@media (min-width:768px) {
  .cmn_table_of_contents.adj_position {
    margin: 0 0 0 120px;
    max-width: 650px;
  }
}

.cmn_table_of_contents .title {
  background: url(../image-cmn/tips/bg-toc-ttl.png);
  color:#000;
  font-weight: 600;
  letter-spacing: .4em;
  line-height: 1.1;
  padding: .42em 1.8em .39em;
  position: relative;
  text-align: center;
  /* width: 126px; */
}
/* .cmn_table_of_contents .title::after {
  background: linear-gradient(to right top, #725e3e 0%, #725e3e 50.4%, transparent 51.9%, transparent 100%);
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 99%;
  height: 100%;
  width: 30px;
} */

.cmn_table_of_contents .title span {
  display: inline-block;
}

.cmn_table_of_contents .title span:after {
  left: auto;
  right: -30px;
}

.cmn_table_of_contents>ul {
  background-image: url(../image-cmn/tips/bg-toc2.png), url(../image-cmn/tips/bg-toc.png);
  background-repeat: no-repeat, repeat;
  background-position: right 3% bottom, left top;
  background-size: 20% auto, auto;
  /* border: solid 1px #6e5830; */
  padding: 7px 10px 28px 34px;
}

.cmn_table_of_contents li:not(:first-of-type) {
  margin-top: 6px;
}

.cmn_table_of_contents li a {
  /* background: url(../image-cmn/icon/ico-hexagon-red.png?date=20210506) no-repeat 0 .2em; */
  background-size: 15px 13px;
  color: #000;
  display: inline-block;
  line-height: 1.3;
  padding: 0 31px 0 25px;
  position: relative;
}

.cmn_table_of_contents .h2-case a {
  font-weight: 600;
}

.cmn_table_of_contents li a:hover {
  color: #a92121;
}

.cmn_table_of_contents li a>span {
  border-bottom: solid 1px #000;
}

.cmn_table_of_contents ul li.h2-case a::before,
.cmn_table_of_contents ul li.h2-case a::after,
.cmn_table_of_contents ul li.h3-case a::before,
.cmn_table_of_contents ul li.h3-case a::after {
  content: "";
  display: block;
  position: absolute;
}

.cmn_table_of_contents ul li.h2-case a::before,
.cmn_table_of_contents ul li.h3-case a::before {
  background-color: #e6d4b3;
  border: solid 1px #b5a079;
  border-radius: 3px;
  height: 16px;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}

.cmn_table_of_contents ul li.h2-case a::after,
.cmn_table_of_contents ul li.h3-case a::after {
  border-color: #563b27 transparent transparent transparent;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  height: 0;
  right: 5px;
  top: calc(50% - 3px);
  width: 0;
}

.cmn_table_of_contents ul li.h3-case {
  display: none;
}

.cmn_table_of_contents ul li.h3-case a {
  background: url(../image-cmn/tips/ico_triangle_down.png?date=20210506) no-repeat top 19px left 25px;
  padding-left: 40px;
}

@media (min-width:768px) {
  .cmn_table_of_contents.has_spacer>ul {
    background-image: url(../image-cmn/spacer/tips/bg-spacer-pinetree.png?date=20210506);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 40.2% auto;
  }
}

@media (max-width:767px) {
  .cmn_table_of_contents>ul {
    background: url(../image-cmn/tips/bg-toc.png);
    padding: 1em;
  }

  .cmn_table_of_contents .title {
    font-feature-settings: "pkna";
    font-size: 19px;
  }

  .cmn_table_of_contents .title span:before {
    left: -35px;
  }

  .cmn_table_of_contents .title span:after {
    right: -35px;
  }
}

/* For IE */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmn_table_of_contents .title {
    line-height: 1;
    padding-top: 8px;
  }

  .cmn_table_of_contents li a {
    background-position: 0 .4em;
    line-height: 1.6;
  }
}

/* ------------------------------------ */
/* ▼ zoomer plugin */
/* 画像拡大縮小 */
/* ------------------------------------ */
.cmn_zoomer_inner .zoomer-controls {
  background: none;
  box-shadow: none;
}

.cmn_zoomer_inner .zoomer-controls span {
  background: rgba(255, 255, 255, 1);
  margin: 0 15px;
}

.cmn_zoomer_inner .zoomer-controls:before {
  display: none;
}

.cmn_zoomer_inner .zoomer-controls-top,
.cmn_zoomer_inner .zoomer-controls-bottom {
  margin-left: 0;
  transform: translate3d(-50%, 0, 0);
}

.cmn_zoomer_inner .zoomer-controls span.zoomer-zoom-out:hover,
.cmn_zoomer_inner .zoomer-controls span.zoomer-zoom-in:hover {
  background: #333;
}

@media (min-width: 768px) {
  .cmn_zoomer {
    height: 130px;
  }
}

@media screen and (max-width: 767px) {
  .cmn_zoomer {
    height: 200px;
  }
}

/* ------------------------------------ */
/* ▼ SNS */
/* ------------------------------------ */
.cmn_sns_box {
  margin: 15px auto 0;
  max-width: 440px;
  width: 100%;
}

.cmn_sns_box img {
  vertical-align: bottom;
}

.cmn_sns_box_inner {
  background-color: #f5e6e2;
  border: 2px solid #b3a290;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 22px 15px 22px 18px;
}

.cmn_sns_box_read_text {
  line-height: 1.4;
}

.cmn_sns_box_read_text .text {
  font-size: 20px;
  font-weight: 600;
}

.cmn_sns_box_read_text .text_sns {
  display: inline-block;
}

.cmn_sns_box_icon_wrap>li>a {
  display: block;
}

@media (min-width:768px) {
  .cmn_sns_box_read_text {
    padding-right: 20px;
    width: 69.88%;
  }

  .cmn_sns_box_icon_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 30.12%;
  }

  .cmn_sns_box_icon_wrap>li {
    width: 26.24%;
  }

  .cmn_sns_box_icon_wrap .line {
    display: none;
  }
}

@media (max-width:767px) {
  .cmn_sns_box {
    padding: 0 20px;
  }

  .cmn_sns_box_inner {
    margin: 0 auto;
    max-width: 450px;
  }

  .cmn_sns_box_icon_wrap>li {
    width: 21%;
  }

  .cmn_sns_box_read_text {
    border-bottom: solid 1px #725e3e;
    font-size: 14px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    width: 100%;
  }

  .cmn_sns_box_read_text .text {
    font-size: 18px;
  }

  .cmn_sns_box_icon_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 10px;
    max-width: 280px;
    width: 100%;
  }
}
/* sns_follow_box */
.sns_follow_box {
  margin-top: 30px;
  margin-bottom: 5px;
}

.sns_follow_box .cmn_sns_box_inner p {
  margin: 0 auto;
}

.sns_follow_box .cmn_sns_box_inner {
  background-image:
    url(../image-cmn/tips/border-01.gif),
    url(../image-cmn/tips/border-01.gif);
  background-repeat: repeat-x;
  background-position: top left,bottom left -6px;
  padding: 32px 15px 30px;
}

.sns_follow_box .cmn_sns_box_read_text {
  padding: 0;
  width: auto;
}

.sns_follow_box .twitter-follow-button {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .box__detail .sns_follow_box {
    padding: 0;
  }
  .sns_follow_box .cmn_sns_box_inner {
    background-position: top -8px left,bottom -8px left -6px;
    max-width: 400px;
    padding: 22px 15px 20px;
  }
}

/* ------------------------------------ */
/* ▼ category list */
/* ------------------------------------ */
.cmn_category_list_wrap {
  margin: 50px auto 0;
  max-width: 940px;
  padding: 0 10px;
  width: 100%;
}

.cmn_category_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cmn_category_list_col {
  width: 100%;
}

.cmn_category_list_title {
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 184px auto;
  color: #fff;
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  min-width: 215px;
  overflow: hidden;
  padding: .4em 3.6em .248em .8em;
  position: relative;
  vertical-align: bottom;
}

.cmn_category_list_title::before {
  background: #fff;
  content: "";
  display: block;
  height: 50px;
  position: absolute;
  right: -102px;
  top: -2px;
  transform: rotate(50deg);
  width: 200px;
}

/* title bg variation */
.cmn_category_list_col:nth-of-type(5n+1) .cmn_category_list_title {
  background-image: url(../image-cmn/tips/bg-category-list01.png?date=20210506);
}

.cmn_category_list_col:nth-of-type(5n+2) .cmn_category_list_title {
  background-image: url(../image-cmn/tips/bg-category-list02.png?date=20210506);
}

.cmn_category_list_col:nth-of-type(5n+3) .cmn_category_list_title {
  background-image: url(../image-cmn/tips/bg-category-list03.png?date=20210506);
}

.cmn_category_list_col:nth-of-type(5n+4) .cmn_category_list_title {
  background-image: url(../image-cmn/tips/bg-category-list04.png?date=20210506);
}

.cmn_category_list_col:nth-of-type(5n+5) .cmn_category_list_title {
  background-image: url(../image-cmn/tips/bg-category-list05.png?date=20210506);
}

.cmn_category_list_col>dd {
  background-color: #f6efe0;
  padding: .8em .2em 1em .7em;
}

.cmn_category_list_link>li:not(:first-of-type) {
  margin-top: 9px;
}

.cmn_category_list_link>li>a,
.cmn_category_list_link>li>span {
  background: url(../image-cmn/icon/ico-hexagon-red.png?date=20210506) no-repeat 0 .3em;
  background-size: 15px 13px;
  color: #000;
  display: inline-block;
  font-size: 15px;
  line-height: 1.5;
  padding-left: 21px;
  position: relative;
}

.cmn_category_list_link>li>a:hover {
  color: #a92121;
}

.cmn_category_list_link>li>a>span {
  border-bottom: solid 1px #000;
}

@media (min-width:768px) {
  .cmn_category_list_link {
    display: flex;
    flex-wrap: wrap;
    margin-top: -.5em;
  }

  .cmn_category_list_link>li {
    margin-right: 1.8em;
    width: calc(100% /3 - 1.8em);
  }

  .cmn_category_list_link>li:first-of-type {
    margin-top: 9px;
  }
}

@media (max-width:767px) {
  .cmn_category_list_wrap {
    margin-top: 30px;
    max-width: 480px;
  }

  .cmn_category_list {
    justify-content: flex-start;
  }

  .cmn_category_list_title {
    font-size: 16px;
  }

  .cmn_category_list_col>dd {
    padding: .8em;
  }

  .cmn_category_list_link>li>a {
    background-position: 0 .2em;
    font-size: 14px;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .cmn_category_list_link>li>a {
    line-height: 1.6;
  }
}

/* ------------------------------------ */
/* ▼ cmn_bg_col_block */
/* ------------------------------------ */
.cmn_bg_col_block_wrap {
  margin: 0 auto;
  max-width: 770px;
}

.cmn_bg_col_block {
  background: url("../image-cmn/info-search/bg-box-pattern01.png?date=20210506") 0 0;
  padding: 5px;
}

.cmn_bg_col_block .cmn_bg_col_block_inner {
  align-items: flex-start;
  background: url("../image-cmn/info-search/bg-box-pattern02-inner.png?date=20210506") 0 0;
  display: flex;
  flex-wrap: wrap;
}

.cmn_bg_col_block_title {
  border-bottom: 1px solid #98853f;
  font-weight: 600;
}

.cmn_bg_col_block_content {
  width: 100%;
}

.cmn_bg_col_block_image {
  font-size: 0;
}

@media (min-width: 768px) {
  .cmn_bg_col_block:not(:first-of-type) {
    margin-top: 20px;
  }

  .cmn_bg_col_block_inner {
    padding: 20px 10px 20px 20px;
  }

  .cmn_bg_col_info_block {
    margin-left: 2.74%;
    width: 75.343%;
  }

  .cmn_bg_col_block_title {
    font-size: 20px;
    margin-top: -2px;
    padding: 0 10px 2px 0;
  }

  .cmn_bg_col_block_content {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    margin-top: 10px;
    width: 96%;
  }

  .cmn_bg_col_block_image {
    width: 21.918%;
  }

  .cmn_bg_col_block_text {
    width: 100%;
  }

  .cmn_bg_col_text {
    font-size: 14px;
    letter-spacing: .08em;
    line-height: 1.58;
    max-height: 110px;
  }

  .cmn_bg_col_btn {
    font-size: 15px;
    margin: 10px 5px 0 auto;
    max-width: 160px;
  }

  .cmn_bg_col_btn .cmn_link_btn_text {
    letter-spacing: 0;
    padding: 4px 16px 4px 0;
  }

  .cmn_bg_col_btn .cmn_link_btn_text::before {
    height: 16px;
    right: -8px;
    width: 16px;
  }

  .cmn_bg_col_btn .cmn_link_btn_text::after {
    border-width: 5px 0 5px 6px;
    right: -5px;
  }
}

@media (max-width: 767px) {
  .cmn_bg_col_block:not(:first-of-type) {
    margin-top: 15px;
  }

  .cmn_bg_col_block_inner {
    padding: 10px;
  }

  .cmn_bg_col_block_title {
    font-size: 18px;
    padding-bottom: 4px;
  }

  .cmn_bg_col_block_content {
    margin-top: 15px;
  }

  .cmn_bg_col_block_image {
    text-align: center;
  }

  .cmn_bg_col_block_text {
    margin-top: 15px;
  }

  .cmn_bg_col_btn {
    margin: 15px auto 0;
    max-width: 200px;
  }
}

/* - is_meihaku -- */
.cmn_bg_col_block.is_meihaku {
  background: url("../image-cmn/info-search/bg-box-pattern02.png?date=20210506") 0 0;
}

@media (min-width: 768px) {
  .cmn_bg_col_block.is_meihaku .cmn_bg_col_btn {
    max-width: 220px;
  }
}

@media (max-width: 767px) {
  .cmn_bg_col_block.is_meihaku .cmn_bg_col_btn {
    max-width: 220px;
  }
}

/* ------------------------------------ */
/* ▼ cmn_bg_list_block */
/* ------------------------------------ */
.cmn_bg_list_block {
  background: #f9f5ed;
  border: 2px solid #a29671;
  padding: 10px;
}

.cmn_bg_list_block_image img {
  vertical-align: bottom;
}

.cmn_bg_list_block_title {
  border-bottom: 1px solid #a29671;
}

.cmn_bg_list_block_title_text_sub {
  color: #c03b38;
  font-size: 16px;
}

@media (min-width: 768px) {
  .cmn_bg_list_block {
    display: flex;
  }

  .cmn_bg_list_block:not(:first-of-type) {
    margin-top: 15px;
  }

  .cmn_bg_list_block_image {
    padding-right: 10px;
    width: 144px;
  }

  .cmn_bg_list_block_inner:only-child {
    width: 100%;
  }

  .cmn_bg_list_block_inner:not(:only-child) {
    width: calc(100% - 144px);
  }

  .cmn_bg_list_block_title {
    font-size: 20px;
    overflow: hidden;
    padding: 0 0 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .cmn_bg_list_block_title_text_sub {
    padding-left: 10px;
  }

  .cmn_bg_list_block_content {
    display: flex;
    flex-wrap: wrap;
    height: calc(100% - 34px);
    justify-content: space-between;
    padding-left: 12px;
  }

  .cmn_bg_list_block_text {
    font-size: 17px;
    margin-top: 10px;
    padding-right: 10px;
  }

  .cmn_bg_list_btn_block_wrap {
    align-items: flex-end;
    display: flex;
    font-size: 15px;
    margin: 15px 0 0 auto;
  }

  .cmn_bg_list_btn_block_wrap:not(:first-of-type) {
    margin-left: 10px;
  }

  .cmn_bg_list_btn_block_wrap .cmn_link_btn {
    width: 120px;
  }

  .cmn_bg_list_btn_block_wrap .cmn_link_btn:not(:first-of-type) {
    margin-left: 10px;
  }

  .cmn_bg_list_btn_block_wrap  .cmn_link_btn_inner {
    padding: 0 5px;
  }

  .cmn_bg_list_btn_block_wrap .cmn_link_btn_text {
    letter-spacing: 0;
    padding: 4px 16px 4px 0;
  }

  .cmn_bg_list_btn_block_wrap .cmn_link_btn_text::before {
    height: 14px;
    right: -8px;
    width: 14px;
  }

  .cmn_bg_list_btn_block_wrap .cmn_link_btn_text::after {
    border-width: 4px 0 4px 6px;
    right: -5px;
  }
}

@media (max-width: 767px) {
  .cmn_bg_list_block:not(:first-of-type) {
    margin-top: 10px;
  }

  .cmn_bg_list_block_image {
    text-align: center;
    margin-top: 15px;
  }

  .cmn_bg_list_block_title {
    padding-bottom: 4px;
  }

  .cmn_bg_list_block_title_text_sub {
    display: block;
    margin-top: 5px;
  }

  .cmn_bg_list_block_content {
    margin-top: 10px;
  }

  .cmn_bg_list_btn_block_wrap {
    margin: 15px auto 0;
    max-width: 200px;
  }

  .cmn_bg_list_btn_block_wrap .cmn_link_btn:not(:first-of-type) {
    margin-top: 10px;
  }
}

/* ------------------------------------ */
/* ▼ cmn_notice postponement */
/* ------------------------------------ */
.cmn_notice_wrap {
  background-color: #fff9dd;
  border: solid 2px #d9ccb7;
  padding: 15px 20px;
  margin: 0 auto;
  max-width: 750px;
  width: 100%;
}

.cmn_notice_heading {
  border-bottom: solid 2px #BF2629;
  color: #000;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  padding: 0 1.5em .2083em 0;
  position: relative;
}

.cmn_notice_heading::after,
.cmn_notice_heading::before {
  display: block;
  content: '';
  position: absolute;
}

.cmn_notice_heading::before {
  z-index: 2;
  top: .5em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: .715em;
  width: .4em;
  height: .4em;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.cmn_notice_heading.is_open::before {
  top: .65em;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.cmn_notice_heading::after {
  top: .3em;
  right: .4em;
  padding: .55em;
  background-color: #BF2629;
  border-radius: 50%;
}

.cmn_notice_inner {
  display: none;
  margin: 20px auto 0;
  max-width: 680px;
  width: 100%;
}

.cmn_notice_text_header {
  text-align: right;
}

.cmn_notice_text {
  font-size: 1.6rem;
  margin-top: 15px;
}

@media (min-width: 1024px) {
  .cmn_notice_heading::after {
    padding: 0.5em;
  }
}

@media (max-width: 770px) {
  .cmn_notice_wrap {
    max-width: calc(100% - 20px);
  }
}

@media (max-width: 767px) {
  .cmn_notice_wrap {
    padding: 20px;
  }

  .cmn_notice_heading {
    text-align: left;
    font-size: 1.6rem;
  }

  .cmn_notice_heading::before {
    top: auto;
    bottom: .8em;
  }

  .cmn_notice_heading.is_open::before {
    top: auto;
    bottom: .6em;
  }

  .cmn_notice_heading::after {
    top: auto;
    bottom: .35em;
  }

  .cmn_notice_text_header {
    font-size: 14px;
  }

  .cmn_notice_text {
    font-size: 15px;
  }
}

/* ------------------------------------ */
/* ▼ cmn_youtube_wrap 201112 TCI福岡_sakaguchi WEB2TCI-16702 */
/* ------------------------------------ */

.cmn_box_item_movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}
.cmn_item_movie a {
  display: block;
}
.cmn_box_item_movie .cmn_item_movie_thum {
  border: 2px solid #000;
  display: block;
  position: relative;
  overflow: hidden;
}
.cmn_box_item_movie .cmn_item_movie_thum::after {
  content: '';
  background: url(../image-cmn/icon/ico-play.png?date=20230817) no-repeat center;
  background-size: contain;
  display: block;
  height: 46px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 46px;
}
.cmn_box_item_movie .cmn_item_movie_thum img {
  border: none;
  vertical-align: bottom;
}
.cmn_box_item_movie .cmn_item_movie_txt_area {
  background: url(../image-cmn/bgtitle/bg-cmn_move.png?date=20210506) repeat 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  padding: 10px 8px;
}
.cmn_box_item_movie .cmn_item_movie_txt_area.not_bg {
  background: none;
  padding: 8px;
}
.cmn_box_item_movie .cmn_item_movie_ttl {
  color: #fff;
}
.cmn_box_item_movie .cmn_item_movie_txt_area.not_bg .cmn_item_movie_ttl {
  color: #000;
}

@media (min-width: 768px) {
  .cmn_item_movie {
    background-color: #fff;
  }
  .cmn_box_item_movie.has_spacer {
    position: relative;
  }
  .cmn_box_item_movie.has_spacer::before,
  .cmn_box_item_movie.has_spacer::after {
    content: '';
    display: block;
    position: absolute;
  }
  .cmn_box_item_movie.has_spacer::before {
    background: url(../image-cmn/bgtitle/bg_cmn_video_l.png?date=20210506) no-repeat 0 0;
    background-size: contain;
    height: 243px;
    width: 266px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);

  }
  .cmn_box_item_movie.has_spacer::after {
    background: url(../image-cmn/bgtitle/bg_cmn_video_r.png?date=20210506) no-repeat 0 0;
    background-size: contain;
    height: 215px;
    width: 393px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .cmn_box_item_movie.has_spacer a {
    position: relative;
    z-index: 5;
  }

  /* col01 */
  .cmn_box_item_movie.col01 .cmn_item_movie {
    width: 320px;
  }
  .cmn_box_item_movie.col01.has_spacer::before{
    left: -10px;
  }
  .cmn_box_item_movie.col01.has_spacer::after {
    right: -80px;
  }

  /* col02 */
  .cmn_box_item_movie.col02 {
    max-width: 630px;
  }
  .cmn_box_item_movie.col02 .cmn_item_movie {
    width: 300px;
  }
  .cmn_box_item_movie.col02 .cmn_item_movie:nth-of-type(even) {
    margin-left: 30px;
  }
  .cmn_box_item_movie.col02 .cmn_item_movie:nth-of-type(n+3) {
    margin-top: 20px;
  }
  .cmn_box_item_movie.col02.has_spacer::before{
    left: -280px;
  }
  .cmn_box_item_movie.col02.has_spacer::after {
    right: -370px;
  }

  /* col03 */
  .cmn_box_item_movie.col03 {
    background: none!important;/*ローカルCSS打ち消し*/
    justify-content: flex-start;
    margin: 0 auto;
    max-width: 810px;
  }
  .cmn_box_item_movie.col03 .cmn_item_movie {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(33.3333% - 20px);
  }
  .cmn_box_item_movie.col03 .cmn_item_movie:nth-of-type(n+4) {
    margin-top: 20px;
  }
  .cmn_box_item_movie.col03.has_spacer::before{
    left: -290px;
  }
  .cmn_box_item_movie.col03.has_spacer::after {
    right: -375px;
  }
  .cmn_box_item_movie.col03 .cmn_item_movie {
    position: relative;
  }
  .cmn_box_item_movie.col03 .cmn_item_movie:last-of-type:nth-of-type(3n+1)::after,
  .cmn_box_item_movie.col03 .cmn_item_movie:last-of-type:nth-of-type(3n+2)::after {
    background: url(../image-cmn/spacer/tips/img-blank-01.png) center center no-repeat;
    background-size: 60% auto;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin: auto;
    height: 100%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .cmn_box_item_movie.col03 .cmn_item_movie:last-of-type:nth-of-type(3n+1)::after {
    left: 216%;
  }
  .cmn_box_item_movie.col03 .cmn_item_movie:last-of-type:nth-of-type(3n+2)::after {
    left: 108%;
  }
}

@media (max-width: 767px) {
  .cmn_box_item_movie.col01 .cmn_item_movie {
    max-width: 320px;
    width: 100%;
  }
    /* スライダー用 */
  .cmn_box_item_movie.slick-slider {
    max-width: 540px;
  }
  .cmn_box_item_movie.slick-slider .cmn_item_movie {
    padding: 0 30px;
  }
  /* スライダー矢印調整 */
  .cmn_box_item_movie .prev {
    left: 0;
    z-index: 1;
  }
  .cmn_box_item_movie .next {
    right: 0;
    z-index: 1;
  }
}

/* ------------------------------------ */
/* ▼ WEB2TCI-21693_igarashi TOPのh2背景画像追加 */
/* ------------------------------------ */
.bnr_section .article_entrance_heading > span > span{
  background: url('../image-cmn/bgtitle/h2_bg.png') repeat;
  border-top: solid 2px #39200b;
  border-bottom: solid 2px #39200b;
}
.bnr_section .article_entrance_heading>span{
  background-image: url(../image-cmn/bgtitle/bg-heading-left.png), url(../image-cmn/bgtitle/bg-heading-right.png);
}

/* YouTube準備中レイアウト対応 */
.cmn_box_item_movie .cmn_item_movie_thum.movie_gr {
  border: none;
}
.cmn_box_item_movie .cmn_item_movie_thum.movie_gr::after {
  content: none;
}

/* ------------------------------------ */
/* ▼ tips_content */
/* ------------------------------------ */

/* -- tips_content -- */
.tips_content_wrap {
  margin-bottom: 40px;
}

.tips_content {
  margin: 0 auto;
  max-width: 918px;
}

.tips_content_inner {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

.tips_content img {
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .tips_content_wrap {
    margin-bottom: 25px;
    padding: 0 10px;
  }
}

/* -- content_item -- */
.tips_content_item {
  background-color: #f7f7eb;
  border-top: 1px solid #296c9f;
  border-right: 1px solid #296c9f;
  border-bottom: 4px solid #296c9f;
  border-left: 1px solid #296c9f;
}

.tips_content_item .item_title_wrap a {
  display: table;
  color: #fff;
  width: 100%;
}

.tips_content_item .item_title_img {
  display: table-cell;
  max-width: 172px;
}

.tips_content_item_wrap .item_title {
  background:
    url(../image-cmn/tips/ttl-bg02.png?date=20210506) right bottom no-repeat,
    url(../image-cmn/tips/ttl-bg01.png) left top repeat;
  display: table-cell;
  font-size: 22px;
  letter-spacing: .06em;
  line-height: 1.4;
  padding-left: 20px;
  vertical-align: middle;
  width: 100%;
}

.tips_content_item_wrap .item_text_wrap {
  padding: 21px 0 26px;
}

.tips_content_item_wrap .item_text {
  font-size: 14px;
  height: 80px;
  letter-spacing: .06em;
  line-height: 1.8;
  margin: 0 auto 10px;
  width: 91.3%;
}

@media (min-width: 768px) {
  .tips_content_item_wrap {
    margin-bottom: 30px;
    width: 50%;
  }
  .tips_content_item_wrap:nth-child(odd) {
    padding-right: 15px;
  }
  .tips_content_item_wrap:nth-child(even) {
    padding-left: 15px;
  }
  .tips_content_item .item_title_wrap a:hover {
    opacity: .5;
  }
  .tips_content_item {
    position: relative;
  }
  .tips_content_item::after {
    background-color: #296c9f;
    border: 1px solid #30518e;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    width: calc(100% + 2px);
    left: -1px;
  }
  .tips_content_item_wrap.item_spacer {
    text-align: center;
  }
  .tips_content_item_wrap.item_spacer img {
    max-width: 200px;
    opacity: 0.6;
  }
  /* 1カラムレイアウト */
  .tips_content_item_wrap.col1 {
    width: 69%; /* h3背景隙間調整のための数値 */
    margin: 0 auto 30px;
    padding-right: 0;
  }
  .tips_content_item_wrap.col1 .item_text {
    height: 60px; /* 2行用に高さ調整 */
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .tips_content_item .item_title_wrap a:hover {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .tips_content_item_wrap {
    margin-bottom: 10px;
    padding: 0;
    width: 100%;
  }
  .tips_content_item_wrap.item_spacer {
    display: none;
  }
  .tips_content_item {
    border-bottom: 2px solid #296c9f;
  }
  .tips_content_item .item_title_img {
    max-height: 105px;
  }
  .tips_content_item_wrap .item_title {
    font-size: 18px;
    padding-left: 8px;
  }
  .tips_content_item_wrap .item_text_wrap {
    padding: 10px 0 15px;
  }
  .tips_content_item_wrap .item_text {
    height: 55px;
    margin-bottom: 5px;
  }
}

/* -- coming_soon -- */
.tips_content_item_wrap.coming_soon .item_text {
  color: #9E7943;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  margin-top: 42px;
}

.tips_content_item_wrap.coming_soon .item_title_wrap {
  display: table;
  color: #fff;
  width: 100%;
}

@media (min-width: 768px) {
  .tips_content_item_wrap.coming_soon .tips_content_item {
    background:
      url(../tips/image/bg-dummy-default.png?date=20210506) bottom no-repeat;
    background-color: #f7f7eb;
    position: relative;
  }
}

@media (max-width: 767px) {
  .tips_content_item_wrap.coming_soon .item_text {
    height: auto;
    margin-top: 8px;
    margin-bottom: 0;
  }
}

/* -- box_link_btn -- */
.box_link_btn_wrap {
  margin: 0 auto;
}

.box_link_btn_wrap.type01 {
  max-width: 180px;
}

@media (min-width: 768px) {
  .box_link_btn_wrap.type01 .box_link_btn_text {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .box_link_btn_wrap {
    width: 310px;
  }
}

/* ----------------------------------------------------------
 ▼ accordion 
---------------------------------------------------------- */
.cmn_acc_content {
  display: none;
}
.open .cmn_acc_content {
  display: block;
}
.cmn_acc_btn .open_text,
.cmn_acc_btn .close_text {
  cursor: pointer;
}
.active.cmn_link_btn.arrow_bottom .cmn_link_btn_text.close_text::after {
  transform: rotate(180deg);
}
.cmn_acc_btn .close_text {
  display: none;
}
.cmn_acc_btn .active .close_text {
  display: block;
}
.cmn_acc_btn .active .open_text {
  display: none;
}

/*========= 浮世絵・書画ページへのリンクデザイン用 ここから =========*/
.ukiyoe-shoga-link-area {
  background: #fff4ef;
  margin: 40px auto 0;
  max-width: 90%;
  padding: 40px 59px 10px;
}
.ukiyoe-shoga-link-area .title_h2cmn {
  color: #fff;
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
}
.ukiyoe-shoga-link-area .title_h2cmn > span {
  background: url(../image_cmn/bgtitle/bg-ttl01.png?date=20210506) repeat 0 0;
  background-size: 52px 25px;
  font-size: 20px;
  padding: 11px 80px;
}
.ukiyoe-shoga-link-area .title_h2cmn:before {
  background: url(../image_cmn/bgtitle/ico-ttl-flower01_l.png?date=20210506) no-repeat right;
  background-size: 100%;
  height: 176px;
  left: -68px;
  top: -86px;
  width: 268px;
}
.ukiyoe-shoga-link-area .title_h2cmn:after {
  background: url(../image_cmn/bgtitle/ico-ttl-flower01_r.png?date=20210506) no-repeat left;
  background-size: 100%;
  height: 193px;
  top: -17px;
  right: -118px;
  width: 191px;
}
.ukiyoe-shoga-link-area .cmn_h2_01 {
  margin-bottom: 20px;
} 
@media (min-width: 768px) {
  .ukiyoe-shoga-link-area .cmn_h2_01>span{
    width: 80%;
  }
} 
.ukiyoe-shoga-link-area .box__detail {
  padding: 0;
}
.ukiyoe-shoga-link-area .box__detail img {
  border: none;
}
.ukiyoe-shoga-link-area .s_box_list_col1 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 100%;
}
.ukiyoe-shoga-link-area .s_box_list_col1 li {
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.ukiyoe-shoga-link-area .s_box_item_thum {
  display: block;
}
.ukiyoe-shoga-link-area .s_box_item_thum_inner {
  background: #fff;
  border: 1px solid #d1c2a5;
  display: block;
  line-height: 0;
  padding: 20px;
}
.ukiyoe-shoga-link-area .s_box_item_thum_inner img {
  max-width: 100%;
}
.ukiyoe-shoga-link-area .s_box_list_col1 li:last-child {
  margin-bottom: 0;
}
.ukiyoe-shoga-link-area .s_box_list_col1 li a {
  max-width: 100%;
}
.ukiyoe-shoga-link-area .s_box_list_col1 li .cmn_link_btn {
  margin: .5rem auto 30px;
  max-width: 180px;
  padding: 2px;  
}
.ukiyoe-shoga-link-area .s_box_list_col1 li a:before {
  border-color: #d1c2a5;
}
.ukiyoe-shoga-link-area .s_box_item_txt_area {
  display: block;
  padding: .5rem 0;
  text-align: center;
}
.ukiyoe-shoga-link-area .cmn_link_btn {
  max-width: 280px;
}
.ukiyoe-shoga-link-area .cmn_acc_btn .active .close_text {
  padding-right: 0;
}
.ukiyoe-shoga-link-area .box__detail .btn_more {
  display: block;
  font-size: 0;
  margin: .5rem auto 30px;
  width: 232px;
}
.ukiyoe-shoga-link-area .box__detail .s_box_item_ttl {
  margin-bottom: 0;
}
.ukiyoe-shoga-link-area .s_box_item_ttl span {
  color: #000;
  display: inline-block;
  font-feature-settings: 'pkna';
  position: relative;
  padding: 0 15px 0 13px;
}
.ukiyoe-shoga-link-area .s_box_item_ttl span:after {
  border-left: 8px solid #4a3616;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: calc(50% - 5px);
  width: 0;
}
.ukiyoe-shoga-link-area .link_btn_wrapper .btn_red {
  float: none;
  display: inline-block;
}
.ukiyoe-shoga-link-area .link_btn_wrapper .btn_red_arr span {
  margin-top: 20px;
}
.ukiyoe-shoga-link-area .possession__wrap .possession_ttl {
  flex-basis: inherit;
}
.ukiyoe-shoga-link-area .possession__wrap .possession_ttl:after {
  content: "／";
}

@media (min-width: 768px) {
  /*line_02*/
  .ukiyoe-shoga-link-area .line_02:nth-child(2n) {
    width: 47%;
    margin-left: 3%;
  }
  .ukiyoe-shoga-link-area .line_02:nth-child(2n+1) {
    width: 47%;
    margin-right: 3%;
  }
  .ukiyoe-shoga-link-area .line_02.center {
    width: 47%;
    margin: 0 auto 20px ;
  }
  /*line_03*/
  .ukiyoe-shoga-link-area .line_03:nth-child(2n) {
    width: 47%;
    margin-right: 3%;
  }
  .ukiyoe-shoga-link-area .line_03:nth-child(2n+1) {
    width: 47%;
    margin-left: 3%;
  }
  .ukiyoe-shoga-link-area .line_03.center {
    width: 47%;
    margin: 0 auto 20px;
  }
  /*line_04*/
  .ukiyoe-shoga-link-area .s_box_list_col1 .line_04 {
    margin: 0 auto 20px;
    text-align: center;
    width: 86%;
  }
}

/* -- 縦長画像（横幅いっぱい表示でないもの）調整用 -- */
.ukiyoe-shoga-link-area .adj_tate .s_box_item_thum img {
  max-width: 57.0356%;
  width: 100%;
}
/* -- 関連する刀剣掲載用スタイル -- */
.ukiyoe-shoga-link-area.sword-link-area {
  padding: 40px 40px 10px;
  max-width: 100%;
}
.ukiyoe-shoga-link-area.sword-link-area .sc_search_sword_wrap {
  margin: 20px 0 30px;
}
.ukiyoe-shoga-link-area.sword-link-area .sc_search_sword_list_wrap {
  margin: 0 auto 20px;
}
.ukiyoe-shoga-link-area.sword-link-area .sc_search_sword_list dd {
  background: #FFF;
}
@media screen and (max-width: 767px) {
  .ukiyoe-shoga-link-area {
    padding: 20px;
  }
  .ukiyoe-shoga-link-area .title_h2cmn > span {
    padding-left: 15px;
    padding-right: 15px;
  }
  .ukiyoe-shoga-link-area .s_box_list_col1 .s_box_item_thum_inner {
    padding: 20px;
  }
  .ukiyoe-shoga-link-area .s_box_list_col1 {
    max-width: none;
  }
  .ukiyoe-shoga-link-area .box__detail {
    padding-bottom: 0;
  }
  .ukiyoe-shoga-link-area .title_h2cmn:before {
    left: -72px;
    top: -122px;
  }
  .ukiyoe-shoga-link-area .title_h2cmn:after {
    content: none;
  }
  .ukiyoe-shoga-link-area .line_02.center {
    width: 100%;
    margin: 0 0 20px;
  }
  .ukiyoe-shoga-link-area .line_03.center {
    width: 100%;
    margin: 0 0 20px;
  }
  .ukiyoe-shoga-link-area .link_btn_wrapper span {
    text-align: left;
  }
}
.ukiyoe-shoga-link-area .ttl__wrap {
  display: block;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .ukiyoe-shoga-link-area .ttl__wrap {
    font-size: 1.5rem;
  }
}
.possession__wrap {
  display: flex;
  justify-content: flex-end;
  line-height: 1.2;
}
.possession__wrap .possession_ttl {
  flex-basis: 3em;
  text-align: left;
}
.possession__wrap .small {
  font-size: 72.22%;
}

/*========= 浮世絵・書画ページへのリンクデザイン用 ここまで =========*/

/* ----------------------------------------------------------
 ▼ バス旅行刀剣博物館鑑賞ツアー .bustour （ボタン2つ）
---------------------------------------------------------- */

.pr-contents_bnr.bustour{
  max-width: 700px;
  position: relative;
}

.pr-contents_bnr.bustour a.bustour_one-day{
  border-radius: 15px;
  position: absolute;
  bottom: 8%;
  right: 27.1%;
  width: 21.5%;
  height: 16%;
  z-index: 1;
}

.pr-contents_bnr.bustour a.bustour_inn{
  border-radius: 15px;
  position: absolute;
  bottom: 8%;
  right: 2.9%;
  width: 23.3%;
  height: 16%;
  z-index: 1;
}

.cmn_bnr_area.col01.bustour_pc1000 {
    max-width: 650px;
}

.bustour_pc1000 .pr-contents_bnr.bustour a.bustour_one-day{
  bottom: 5%;
  right: 30.5%;
  width: 26.5%;
  height: 25%;
}

.bustour_pc1000 .pr-contents_bnr.bustour a.bustour_inn{
  bottom: 5%;
  right: 3%;
  width: 26.5%;
  height: 25%;
}

.pr-contents_bnr.bustour a.bustour_one-day:hover,
.pr-contents_bnr.bustour a.bustour_inn:hover{
  background: #fff;
  opacity: .5;
}

@media (max-width: 767px) {
  .pr-contents_bnr.bustour a.bustour_one-day,
  .bustour_pc1000 .pr-contents_bnr.bustour a.bustour_one-day{
      bottom: 22%;
     right: 18.1%;
      width: 63.5%;
      height: 14%;
  }

  .pr-contents_bnr.bustour a.bustour_inn,
  .bustour_pc1000 .pr-contents_bnr.bustour a.bustour_inn{
      bottom: 5.9%;
      right: 18.1%;
      width: 63.5%;
      height: 13.3%;
  }
}

/* ホームメイトリサーチの使い方バナー */

@media (min-width: 767px) {
  .cmn_bnr_area.col01.bnr-research-guide{
    max-width: 440px;
  }
}