@charset "UTF-8";
/*
Theme Name: BASE-new
Theme URI:
Description:
Author:
Author URI:
Version: 0.0.1
*/
/********************追加CSS********************/
.legacy-post-single .page-title{
background: #000;
}

//レコメンド
.recommend-content h2 {
  margin-bottom: 1.5em;
  padding-bottom: 0;
}
.recommend-content h2:after {
  display: none;
}
.recommend-content .btn {
  position: absolute;
  bottom: 0;
}
.recommend-content .container {
  padding-bottom: 30px;
  border-bottom: 1px solid #999999;
}
@media (min-width: 768px) {
  .recommend-content .container {
    max-width: 800px !important;
  }
}
@media (max-width: 767px) {
  .recommend-content .container {
    padding-bottom: 10px;
  }
  .recommend-content .container .col {
    margin-bottom: 40px;
  }
}
.recommend-content .container .recommend-inner {
  position: relative;
  display: flex;
  align-content: center;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .recommend-content .container .recommend-inner {
    justify-content: space-evenly;
  }
}
.recommend-content .container .recommend-inner .img-box figure img {
  border-radius: 50%;
}
.recommend-content .container .recommend-inner .text-box p {
  margin: 0;
}
.recommend-content .container .recommend-inner .text-box .item-name {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.8;
}
.recommend-content .container .recommend-inner .text-box .item-price {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: bold;
  color: #ff2800;
  margin-top: 5px;
  margin-bottom: 30px;
}

.transition-mask,.transition-overlay,.transition-overlay-s {position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:110vh;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(110%);-ms-transform:translateX(110%);transform:translateX(110%);-webkit-transition:background 0.2s ease,color 0.2s ease;-moz-transition:background 0.2s ease,color 0.2s ease;transition:background 0.2s ease,color 0.2s ease}
.transition-mask {background:#fff;z-index:10}
.transition-overlay {background:#000;z-index:9}
.transition-overlay-s {background:#fff;z-index:8;mix-blend-mode:exclusion}

/* SP footer */
@media screen and (max-width: 767px) {
  /* Searchbox */
  .footer_searchbox {
    padding: 24px 16px;
    background: #fff;
  }
  .footer_searchbox .footer_searchbox_inner {
    padding: 0;
  }
  .footer_searchbox form {
    display: flex;
  }
  .footer_searchbox .input_text, .footer_searchbox .input_submit {
    display: inline-block;
    margin: 0;
  }
  .searchbox_input .input_submit button, .footer_searchbox .input_submit button {
    background: black;
    border-radius: 0 3px 3px 0;
    color: white;
    padding: 0 10px;
    line-height: 38px;
    border: none;
  }
  .footer_searchbox .input_text input {
    width: 100%;
    padding: 10px;
    line-height: 38px;
    font-size: 16px;
    box-sizing: border-box;
    border-radius: 3px 0 0 3px;
    max-height: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

  footer .input_text {
    margin: 0;
    width: 100%;
  }

  footer .input_text input {
    border: 1px solid black !important;
    border-radius: 3px 0 0 3px !important;
  }

  footer .input_submit {
    border: none;
  }

  footer .input_submit button {
    background: black;
    border-radius: 0 3px 3px 0;
    color: white;
    padding: 0 10px;
    line-height: 38px;
  }

  /* Search Filters */
  .footer_search h3 {
    background: #000;
    padding: 17px 16px;
    border-bottom: 1px solid #333;
    font-size: 12px;
    color: #fff;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1;
  }

  .footer_search .footer_inner li {
    background: #333 !important;
    border: none !important;
    border-bottom: 1px solid #575757 !important;
    text-align: left;
    margin-top: 0 !important;
    padding-left: 16px;
    padding-right: 16px;
    line-height: 40px;
  }

  .footer_search .footer_inner a {
    padding: 5px 0;
  }

  .footer_search .footer_inner li a:link,
  .footer_search .footer_inner li a:visited {
    color: white;
    text-decoration: none;
  }
  li.nested-collapse {
    padding: 0 !important;
  }
  footer {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  footer .container {
    padding: 0;
  }
  footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .footer_search .list_search-item li,
  .footer_sns .list_footer_sns li {
    width: 100% !important;
  }
  .footer_lhme_link .footer_inner a {
    border: 1px solid #1db2e6;
    width: 92%;
    padding: 27px 0;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .footer_lhme_link .footer_inner img {
    width: 20%;
  }
  /* Guide */
  .footer_guide .footer_inner li {
    padding: 4px 16px;
    margin-top: -1px;
    line-height: 40px;
    border: 1px solid #ddd;
  }

  .footer_guide li:before,
  .footer_guide li:after {
    content: none;
  }

  .footer_guide .footer_inner li a {
    padding-left: 0px;
    color: #000;
    text-decoration: none;
  }

  /* Collapse */
  footer .footer_search .footer_inner ul.js-collapse:not(.start-open) {
    display: none;
  }

  .list_items.js-collapse li:not(.other) {
    position: relative;
    padding-left: 50px;
  }
  .list_items li a {
    text-decoration: none;
    padding: 5px 0;
  }
  .list_items.js-collapse li img {
    max-height: 25px;
    position: absolute;
    left: 15px;
    top: calc(50% - 12.5px);
}

  /* Icons */
  .js-collapse-toggle::after,
  .footer_search li a::after,
  .footer_guide li a::after {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    -webkit-font-smoothing: antialiased;
    float: right;
    background: transparent;
    position: static;
    width: 10.5px;
    height: 12px;
  }

  .js-collapse-toggle::after {
    content: "\f067";
  }

  .js-collapse-toggle.open::after {
    content: "\f068";
  }

  .footer_search li a::after,
  .footer_guide li a::after {
    content: "\f105";
    color: #575757;
  }

  .footer_lhme_link {
    margin: 20px auto 0;
}

  .copy_right {
    background: #fff;
    color: #000;
  }
  .footer_sns .footer_inner {border:none;margin:0;}
  .footer_sns .footer_sns_icons {
    padding:40px 30px 20px;
    text-align:center;
    display:flex;
    justify-content: space-around;
  }
  .footer_sns .footer_sns_icons li {
    width:30px;
  }
  .footer_sns .footer_sns_icons a {
    display:block;
    color: #000;
  }
  .footer_sns .footer_sns_icons i {
    font-size:30px;
  }
}

.article_detail .gutters .row {
  display: flex;
  margin-right: -1%;
  margin-left: -1%;
}
.article_detail .span_6 {
  width: 50%;
}
.article_detail .span_4 {
  width: 33.33%;
}
.article_detail .gutters .col {
  padding: 0 1%;
}

.container img {
  height: auto;
}

.recommend-inner .img-box {
    max-width: 130px;
    flex: 0 0 130px;
    padding-right: 15px;
}

.recommend-inner .text-box{
  max-width: calc(100% - 130px);
  flex: 0 0 calc(100% - 130px);
}

.recommend-content .container .recommend-inner .img-box figure img {
    width: 115px;
    height: 115px;
    object-fit: cover;
}

.recommend-content .col:not(:last-child) {
    margin-bottom: 30px;
}