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

title : 渋沢栄一
scope : 渋沢栄一

last modify : 2021/02/01 TCI福岡_Yoneshima WEB2TCI-18747 余白調整

2021/01/28 TCI福岡_Yoneshima WEB2TCI-18747 レイアウト修正
2021/01/25 TCI福岡_Yoneshima WEB2TCI-18747 新規作成

========================================================== */

/* ------------------------------------ */
/* ▼ 共通CSS上書き */
/* ------------------------------------ */

.cmn_table_of_contents>ul {
  background: #fff;
}
.cmn_table_of_contents li a>span:nth-of-type(2):last-of-type,
.cmn_table_of_contents li .nolink>span:nth-of-type(2):last-of-type {/* 2段落目の文字サイズのみ小さくする */
  font-size: 16px;
}
.cmn_table_of_contents li a {
  background: none;
  padding: 0 24px 0 1.15em;
  text-indent: -1.15em;
}
.cmn_table_of_contents li .nolink {
  background: none;
  padding: 0 24px 0 1em;
  text-indent: -1em;
}
.cmn_table_of_contents ul li.h3-case {
  display: block;
}
.cmn_table_of_contents li a {
  color: #0d53de;
  line-height: 1.6;
}
.cmn_table_of_contents li a>span:nth-of-type(1) {
  color: #000;
}
.cmn_table_of_contents ul li.h3-case a,
.cmn_table_of_contents ul li.h3-case .nolink {
  background: none;
  padding-left: 3.25em;
  text-indent: -2.25em;
}
.cmn_table_of_contents ul li.h3-case .nolink {
  display:block;
}
.cmn_table_of_contents li a>span {
  border-bottom: none;
}
.cmn_3col.cmn_item_list .cmn_col_block {
  background-color: transparent;
}
.cmn_item_img {
  background: #fff;
}
.cmn_item_img img.original_goods {
  position: absolute;
  z-index: 1;
  max-width: 90px;
  top: 36px;
  left: 60px;
  width: 100%;
}
.knowledge_categories__part .slider {
  margin-top: 50px;
}

.banner_h1 .txth1>.txth1_inner {
  line-height: 1.4;
}

@media (min-width:768px) {
  .cmn_table_of_contents.adj_position {
    margin: 0 0 0 110px;
  }
  .cosplay .cmn_table_of_contents.adj_position {
    margin: 0 0 0 55px;
  }
}

@media (max-width:768px) {
  .cmn_item_img img.original_goods {
    position: absolute;
    max-width: 60px;
    top: 19.5%;
    left: 30%;
  }
}

.knowledge_bg_wrap {
  background: none;
}
.knowledge_categories__part {
  padding: 40px 40px 0;
}


/* ------------------------------------ */
/* ▼ title */
/* ------------------------------------ */
/* -- anchor h3 -- */
.anchor h3 {
  background: url("/app/themes/wp-templ/tips/image/h2_bkg.jpg");
  color: #fff;
  font-weight: 600;
  letter-spacing: .026em;
  line-height: 1.18;
  margin: 0 auto;
  position: relative;
}

.anchor h3 > span {
  background: none;
  display: block;
  padding: 5px 0 3px;
  position: relative;
}

.anchor h3 > span::before {
  background: #fff;
  content: "";
  height: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
}

@media (min-width: 768px) {
  .anchor h3 {
    font-size: 23px;
    margin-top: 50px;
    padding: 10px 15px 9px 30px;
  }

  .anchor h3 > span::before {
    left: -20px;
    width: 4px;
  }
}

@media (max-width: 767px) {
  .anchor h3 {
    font-size: 20px;
    margin-top: 0;
    padding: 5px 10px 5px 20px;
  }

  .anchor h3 > span::before {
    left: -10px;
    width: 3px;
  }

  .banner_h1 .txth1{
    line-height: 1.1;
  }
}

/* -- anchor h4 -- */
.anchor h4 {
  background: #ebd6a0;
  background: linear-gradient(rgba(246, 240, 228, .8), rgba(236, 214, 160, .8));
  color: #8f5219;
  font-weight: 600;
  letter-spacing: .026em;
  margin: 0;
  position: relative;
  text-indent: inherit;
}

.anchor h4::before {
  display: none;
}

.anchor h4 > span {
  background: url("/app/themes/wp-templ/tips/image/bkg.png");
  display: block;
  position: relative;
}

.anchor h4 > span::before {
  background: #ebd6a0;
  background: linear-gradient(#f6f0e4, #ebd6a0);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%;
}

.anchor h4 > span > span {
  position: relative;
}

@media (min-width: 768px) {
  .anchor h4 {
    font-size: 22px;
  }

  .anchor h4 > span {
    padding: 15px 35px 11px;
  }
}

@media (max-width: 767px) {
  .anchor h4 {
    font-size: 20px;
    line-height: 1.25;
  }

  .anchor h4 > span {
    padding: 8px 20px 6px;
  }
}

/* -- post_title_h5 -- */
div.post_title_h5 > h5,
dl.post_title_h5 > dt {
  color: #18561e;
  font-size: 1.1em;
  font-weight: 600;
  margin: 0 0 1% 1em;
  text-indent: -1em;
}

h5.post_title_h5::before,
div.post_title_h5 > h5::before,
dl.post_title_h5 > dt::before {
  content: "◆";
}

dl.post_title_h5 > dd {
  line-height: inherit;
  margin: 0 0 2.5% 1.5em;
}

div.post_title_h5 div:not(.pink_back):not(.ukiyoe-shoga-link-area) {
  padding-left: 0;
}

div.post_title_h5 > div:not(.pink_back):not(.ukiyoe-shoga-link-area):not(.product):not(.cmn_bnr_area) {
  padding-left: 1em;
}

div.post_title_h5 div .cmn_bnr_area {
  padding-right: 0;
}

@media (min-width: 768px) {
  div.post_title_h5 div.ukiyoe-shoga-link-area {
    padding: 40px 59px 10px;
  }
}

@media (max-width: 767px) {
  div.post_title_h5 div.ukiyoe-shoga-link-area {
    padding: 20px;
  }
}

/* -- post_title_h6 -- */
div.post_title_h6 > h6,
dl.post_title_h6 > dt {
  color: #9e1c1c;
  font-size: 1.05em;
  font-weight: 600;
  margin: 0 0 1% 1em;
  text-indent: -1em;
}

h6.post_title_h6::before,
div.post_title_h6 > h6::before,
dl.post_title_h6 > dt::before {
  content: "●";
}

div.post_title_h6 div {
  padding-left: 1em;
}

dl.post_title_h6 > dd {
  margin: 0 0 2.5% 1.2em;
}

.ol_01 h6 {
  color: #18561e;
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: .5em;
}

/* -- post_title_h7 -- */
div.post_title_h7 > h7,
dl.post_title_h7 > dt {
  color: #1822a9;
  display: block;
  font-size: 1em;
  font-weight: 600;
  margin: 0 0 1% 1em;
  text-indent: -1em;
}

h7.post_title_h7::before,
div.post_title_h7 > h7::before,
dl.post_title_h7 > dt::before {
  content: "★";
}

dl.post_title_h7 > dd {
  margin: 0 0 2.5% 1em;
}

/* ------------------------------------ */
/* ▼ box_tips_detail */
/* ------------------------------------ */
.box_tips_detail .wcm {
  padding: 0;
}

@media (min-width: 768px) {
  .box_tips_detail {
    margin-top: -10px;
  }

  .box_tips_detail .box__text {
    margin-bottom: 0;
  }
}

/* ------------------------------------ */
/* ▼ tips_acc_btn */
/* ------------------------------------ */
.tips_acc_btn_wrap .cmn_link_btn {
  border-radius: 0;
  display: block;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
}

.tips_acc_btn_wrap .cmn_link_btn.is_active .closed_text {
  display: none;
}

.tips_acc_btn_wrap .cmn_link_btn:not(.is_active) .opened_text {
  display: none;
}

@media (min-width: 768px) {
  .tips_acc_btn_wrap {
    margin: 10px 75px 0 auto;
    max-width: 190px;
  }
}

@media (max-width: 767px) {
  .tips_acc_btn_wrap {
    margin: 0 20px 0 auto;
    max-width: 180px;
  }
}

/* ------------------------------------ */
/* ▼ tipsh_detail_content */
/* ------------------------------------ */
@media (min-width: 768px) {
  .tipsh_detail_content {
    margin-top: 35px;
  }
}


/* ------------------------------------ */
/* ▼ 包丁の種類（.kitchen-knife-basic）個別対応 */
/* ------------------------------------ */

/* ▼▼▼ .post_title_h5 ▼▼▼*/
.kitchen-knife-basic div.post_title_h5>h5,
.kitchen-knife-basic dl.post_title_h5>dt {
  color: #9e1c1c;
  font-size: 1.05em;
  font-weight: 600;
  margin: 0 0 1% 1em;
  text-indent: -1em;
}

.kitchen-knife-basic h5.post_title_h5::before,
.kitchen-knife-basic div.post_title_h5>h5::before,
.kitchen-knife-basic dl.post_title_h5>dt::before {
  content: "●";
}

@media (min-width: 768px) {
  .kitchen-knife-basic dl.post_title_h5>dd {
    margin: 0 0 2.5% 1.2em;
  }
}

.parts_wrap.item_list_border {
  margin: 0 0 2.5% 0;
  padding-bottom: 0;
}

/* ▲▲▲ .post_title_h5 ▲▲▲*/

/* ------------------------------------ */
/* ▼ 刀剣コスプレ（.cosplay）個別対応 */
/* ------------------------------------ */

.max_w_880 {
  max-width: 880px;
}

.cmn_section.h2_icon_pattern .box__text {
  margin: 35px auto 0;
  max-width: 750px;
}

.cmn_section.h2_icon_pattern .box_txt {
  text-align: left;
  font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝体","游明朝","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","HG明朝E","ryo-display-plusn",serif;
}