@charset "UTF-8";
/***********************************************************************
media queries setting
**********************************************************************/
/***********************************************************************
ipad用
**********************************************************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* iPadに適用するスタイルをここに記述 */
  .sticky-area .text-wrapper {
    margin-top: 0 !important; }

  .sticky-area .text-wrapper .producer-box {
    margin-top: 8% !important; } }
/***********************************************************************
グローバルメニュー
**********************************************************************/
.header-nav-wrapper ul li {
  font-size: clamp(12px, 1.2vw, 18px) !important; }
  @media (max-width: 900px) {
    .header-nav-wrapper ul li {
      padding: 0 2% !important;
      text-align: center; } }

/***********************************************************************
main-slide
**********************************************************************/
.main-wrapper {
  /*catch-inner*/ }
  .main-wrapper .slick-slider {
    height: auto !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d; }
  .main-wrapper .catch-inner {
    right: 10%;
    bottom: 8%;
    z-index: -9; }
    @media (max-width: 768px) {
      .main-wrapper .catch-inner {
        opacity: 0; } }
  .main-wrapper .catch-left .catch-inner {
    right: auto;
    left: 10%;
    bottom: 8%; }
    @media (max-width: 768px) {
      .main-wrapper .catch-left .catch-inner {
        /*left: auto;
        right: 10%;*/ } }

/*main-wrapper*/
.main-slide li a {
  display: block;
  height: 100%;
  width: 100%; }

/***********************************************************************
タグページ
**********************************************************************/
@media (max-width: 768px) {
  #article-tag-list .article-list-wrapper {
    overflow: clip; } }

@media (max-width: 768px) {
  #article-list .article-list-wrapper {
    overflow: clip; } }

/***********************************************************************
トップページ
**********************************************************************/
.aboutus-wrapper {
  background-image: url(../images/top/about-img-20250621.jpg); }
  @media (max-width: 768px) {
    .aboutus-wrapper {
      background-image: url(../images/top/about-img-sp-20250621.jpg); } }

.newarticles-wrapper .article-detail-columns .text-area {
  padding-right: 1.5rem;
  padding-left: 0; }
  @media (max-width: 768px) {
    .newarticles-wrapper .article-detail-columns .text-area {
      padding-right: .25rem;
      padding-left: .25rem; } }

/***********************************************************************
リンクボタン
**********************************************************************/
.article-list-wrapper ul .article .article-link-btn a {
  padding-left: 0;
  padding-right: 0; }
  .article-list-wrapper ul .article .article-link-btn a span {
    font-size: clamp(15px, 1.4vw, 19px); }

.article-list-wrapper ul .article .text-box {
  padding-left: .25rem; }
  @media (max-width: 768px) {
    .article-list-wrapper ul .article .text-box {
      padding-right: .25rem; } }

.article-list-wrapper ul .article .article-link-btn .suteki a,
.newarticles-wrapper .article-link-btn .suteki a {
  background-color: #00a6d3 !important;
  border-color: #00a6d3 !important; }

.article-list-wrapper ul .article .article-link-btn .suteki a img,
.newarticles-wrapper .article-link-btn .suteki a img {
  fill: #42AFE3; }
.article-list-wrapper ul .article .article-link-btn .suteki a:hover,
.newarticles-wrapper .article-link-btn .suteki a:hover {
  background-color: #fff;
  color: #00a6d3; }
  .article-list-wrapper ul .article .article-link-btn .suteki a:hover span,
  .newarticles-wrapper .article-link-btn .suteki a:hover span {
    background-image: url("../images/common/icon-arrow-suteki-hover.svg"); }
  .article-list-wrapper ul .article .article-link-btn .suteki a:hover span.suteki,
  .newarticles-wrapper .article-link-btn .suteki a:hover span.suteki {
    background-image: url("../images/feature-article/suteki-banner-hover.svg"); }
.article-list-wrapper ul .article .article-link-btn .suteki a span,
.newarticles-wrapper .article-link-btn .suteki a span {
  background-image: url("../images/common/icon-arrow-suteki.svg"); }

.article-list-wrapper ul .article .article-link-btn .suteki a span.suteki,
.newarticles-wrapper .article-link-btn .suteki a span.suteki {
  background: url("../images/feature-article/suteki-banner.svg") no-repeat 0 0;
  display: inline-block;
  height: min(1vw, 14px);
  width: 130px; }
  @media (max-width: 768px) {
    .article-list-wrapper ul .article .article-link-btn .suteki a span.suteki,
    .newarticles-wrapper .article-link-btn .suteki a span.suteki {
      height: 12px;
      width: 120px; } }

.article-list-wrapper ul .article .article-link-btn a span span,
.article-list-wrapper ul .article .article-link-btn.yamaguchi a span span {
  transform: scale(0.8, 1);
  display: inline-block;
  background: none;
  padding-left: 0;
  transform-origin: top left;
  margin-right: -1.5em; }

.newarticles-wrapper .article-detail-columns .article-link-btn a:hover span span,
.newarticles-wrapper .article-detail-columns .article-link-btn.yamaguchi a:hover span span,
.article-list-wrapper ul .article .article-link-btn a:hover span span,
.article-list-wrapper ul .article .article-link-btn.yamaguchi a:hover span span,
.article-list-wrapper ul .article .article-link-btn a span span:hover,
.article-list-wrapper ul .article .article-link-btn.yamaguchi a span span:hover {
  background: none; }

.newarticles-wrapper .article-detail-columns .article-link-btn a span span,
.newarticles-wrapper .article-detail-columns .article-link-btn.yamaguchi a span span {
  transform: scale(0.75, 1);
  display: inline-block;
  background: none;
  padding-left: 0;
  transform-origin: top left;
  margin-right: -1.75em; }

.article-list-wrapper ul .article .article-link-btn a span span.narrow,
.article-list-wrapper ul .article .article-link-btn.yamaguchi a span span.narrow {
  transform: scale(0.7, 1);
  margin-right: -1.5em;
  margin-left: -.4em; }

.newarticles-wrapper .article-detail-columns .article-link-btn a span span.narrow,
.newarticles-wrapper .article-detail-columns .article-link-btn.yamaguchi a span span.narrow {
  transform: scale(0.7, 1);
  margin-right: -1.5em;
  margin-left: -.4em; }

/***********************************************************************
特集記事
**********************************************************************/
.lower-page .content-box #anchor1, .lower-page .content-box #anchor2, .lower-page .content-box #anchor3, .lower-page .content-box #anchor4, .lower-page .content-box #anchor5, .lower-page .content-box #anchor6 {
  padding-top: calc(86px + 26px);
  margin-top: -26px; }
  @media (max-width: 768px) {
    .lower-page .content-box #anchor1, .lower-page .content-box #anchor2, .lower-page .content-box #anchor3, .lower-page .content-box #anchor4, .lower-page .content-box #anchor5, .lower-page .content-box #anchor6 {
      padding-top: 0;
      margin-top: 42px;
      margin-bottom: 38px; } }

.sticky-area .text-wrapper .image + .txt {
  margin-top: 86px; }
  @media (max-width: 768px) {
    .sticky-area .text-wrapper .image + .txt {
      margin-top: 42px; } }
.sticky-area .text-wrapper .image a {
  color: #0068b7; }

.lower-page .main-wrapper .article-catch span:not(.text-adjustment) {
  white-space: nowrap; }

.article-list-wrapper ul .article .sub-head span:not(.text-adjustment) {
  color: #000; }

/*SUTEKICOLLECTION*/
.sticky-area .sticky-item .text-block .merchandise-link .suteki {
  display: block;
  width: 260px; }

.sticky-area .sticky-item .text-block .merchandise-link .suteki img {
  border: none;
  border-radius: 0;
  padding-bottom: 9px;
  width: 100%; }

.lower-page .connection-wrapper .merchandise-link .suteki {
  display: block;
  width: 320px; }
  @media (max-width: 768px) {
    .lower-page .connection-wrapper .merchandise-link .suteki {
      width: 230px; } }

.lower-page .connection-wrapper .merchandise-link .suteki img {
  border: none;
  border-radius: 0;
  padding-bottom: 9px;
  width: 100%; }

.lower-page .footer-fixed-menu .suteki img {
  margin: 0 .25rem 5px .15rem;
  width: 150px; }

.sticky-area .text-wrapper .content-box .article-images-slide-infinitescroll + .image {
  margin-top: 0; }

.sticky-area .sticky-item .text-block .contents-list li .upright-none {
  text-orientation: mixed;
  /*margin-top: .3rem;*/ }

.sticky-item .text-block .contents-list li:not(.en) .space {
  padding: 0.25rem 0 !important; }
  @media (max-width: 768px) {
    .sticky-item .text-block .contents-list li:not(.en) .space {
      padding: 0.25rem 0 !important; } }

.connection-link-btn .link a {
  color: #0068b7; }

.lower-page .connection-wrapper .connection-link-btn .text-box .sub-head a {
  color: #0068b7; }

.connection-wrapper .shop-info-wrapper.shopname-2line::before {
  height: 97px; }

@media (max-width: 768px) {
  .lower-page .main-wrapper .article-catch.size-small {
    font-size: 20px; } }

.hyphen {
  font-size: 13px;
  margin-left: 0 !important;
  padding-bottom: .25rem;
  padding-top: .25rem; }

.hyphen-before {
  padding: .5rem;
  position: relative; }
  .hyphen-before::before {
    content: "";
    display: block;
    height: 10px;
    width: 2px;
    background: #000;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%); }

.caution-txt {
  color: #a22627;
  font-size: 17px;
  text-align: center;
  margin: 8rem auto 0; }
  @media (max-width: 768px) {
    .caution-txt {
      font-size: 16px;
      padding: 0 1.5rem;
      margin: 3rem auto 0; } }

/***********************************************************************
英語翻訳時
**********************************************************************/
.lang-wrapper {
  display: none; }

.lang-english {
  /*要素を非表示*/
  /*article-link-btn*/ }
  .lang-english .main-wrapper .catch-inner {
    max-width: 660px;
    width: 50%;
    right: 7%; }
  .lang-english.lower-page .header-logo {
    max-width: 286px; }
  .lang-english.lower-page .article-catch {
    writing-mode: inherit;
    margin: -6% 0 0 0vw; }
    @media (max-width: 768px) {
      .lang-english.lower-page .article-catch {
        bottom: 10%;
        left: 5%; } }
    .lang-english.lower-page .article-catch span {
      margin-bottom: .5rem; }
      @media (max-width: 768px) {
        .lang-english.lower-page .article-catch span {
          display: inline !important;
          line-height: 160%;
          margin-left: 0 !important; } }
  .lang-english .article-list-wrapper ul .article .sub-head, .lang-english.lower-page .main-wrapper .article-catch {
    text-align: left; }
  .lang-english .article-list-wrapper ul .article .sub-head {
    writing-mode: inherit;
    top: auto !important;
    left: .5rem;
    right: auto;
    bottom: 2rem; }
    .lang-english .article-list-wrapper ul .article .sub-head span {
      display: inline;
      line-height: 200% !important;
      margin-left: 0; }
  .lang-english .article-link-btn {
    display: inherit !important; }
    .lang-english .article-link-btn li {
      width: 100% !important; }
      .lang-english .article-link-btn li + li {
        margin-top: 0.5rem !important; }
  .lang-english .newarticles-wrapper .title-wrapper .article-title {
    text-align: left; }
  .lang-english .tag-list {
    display: flex;
    flex-wrap: wrap; }
  .lang-english .sticky-area .sticky-item .text-block .contents-list {
    display: inherit; }
    .lang-english .sticky-area .sticky-item .text-block .contents-list .en {
      margin-bottom: 2rem; }
      .lang-english .sticky-area .sticky-item .text-block .contents-list .en img {
        height: 28px; }
    .lang-english .sticky-area .sticky-item .text-block .contents-list li {
      background: none;
      padding: 0;
      line-height: 140%;
      text-align: left;
      writing-mode: inherit; }
      .lang-english .sticky-area .sticky-item .text-block .contents-list li.en {
        padding-left: 0;
        transform: rotate(0deg); }
      .lang-english .sticky-area .sticky-item .text-block .contents-list li:not(.en) {
        background: url(../images/common/icon-arrow-contents-sp.svg) no-repeat 0 center;
        background-size: 10px 12px;
        font-weight: 500;
        padding-left: 1rem; }
      .lang-english .sticky-area .sticky-item .text-block .contents-list li + li {
        margin-top: 1rem; }
  .lang-english .sticky-area .text-wrapper {
    margin-top: 0 !important; }
    .lang-english .sticky-area .text-wrapper .sub-head {
      text-align: left; }
    .lang-english .sticky-area .text-wrapper p {
      text-align: left; }
  .lang-english .sticky-area .sticky-item .text-block .merchandise-link a .big {
    font-size: clamp(14px, 2.5vw, 34px); }
  @media (max-width: 768px) {
    .lang-english .connection-wrapper .merchandise-link a .big {
      font-size: 28px; } }
  .lang-english .sticky-area .sticky-item .text-block .merchandise-link a .small {
    white-space: nowrap; }

/*lang-english*/