/*
Theme Name: Mojuri Child
Theme URI: http://www.wpbingosite.com/mojuri
Author: wpbingo
Description: This is a child theme for Mojuri
Version: 1.0
Author URI: http://wpbingosite.com
Template: mojuri
Text Domain: mojuri-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/*LINE font*/
@font-face {
  font-family: 'LINESeedJP';
  src: url('fonts/LINESeedJP_TTF_Rg.eot'); /* IE用 */
  src: url('fonts/LINESeedJP_TTF_Rg.eot?#iefix') format('embedded-opentype'),
       url('fonts/LINESeedJP_OTF_Rg.woff2') format('woff2'), 
       url('fonts/LINESeedJP_OTF_Rg.woff') format('woff'); 
  font-weight: normal;
  font-style: normal;
font-display: swap; /* これを追加すると読み込み中の文字消えを防げます */
}

/*headersticky*/


 body p{
  font-family: 'LINESeedJP', sans-serif;
}
.line-fonts{
  font-family: 'LINESeedJP', sans-serif!important;
}
.bwp-image-description{
  font-family: 'LINESeedJP', sans-serif!important;
}

h1,h2,h3,h4,h5,h6,h7,h8{
  font-family: "Zen Old Mincho", Sans-serif!important;
}
span.comments-link {
  display: none;
}
.comments-link {
  display: none!important;
}
.rating.none {
    display: none!important;
}
/*contact*/
.contact-us-form label:before{
  content: ""!important;
}
span.hissu {
  color: rgb(202, 2, 2);
  margin-left: 10px;
  font-size: 12px;
}
.recapcha-box{
  text-align: center;
  margin-bottom: 20px;
}
.recapcha-box p {
  white-space: pre-line;
  text-align: center;
  font-size: 10px;
}
/*リキャプチャ消す*/
.grecaptcha-badge { visibility: hidden; }
/*header*/

.header-page-link{
  display: none;
}
	body.wp-singular .post-thumbnail img{
		width: 100%;
	}

/*商品アーカイブのブランド削除*/
.widget.bwp-filter.bwp-filter-brand {
    display: none!important;
}
.bwp-widget-feature-product .star-rating {
    display: none!important;
}
.bwp-header.header-v2 .wpbingoLogo {
  /* margin: 0 30px; */
}
.bwp-header .wpbingoLogo img {
  max-height: 50px;
}
.bwp-navigation ul>li.level-0>a{
  /* font-family: "Zen Old Mincho", Sans-serif!important; */
  font-family: 'LINESeedJP', sans-serif!important;
}
/*デフォルトのモバイル固定メニュー消す*/
.header-mobile-fixed {
  display: none!important;
}
@media screen and (min-width: 991px) {
  .col-xl-8.col-lg-8.col-md-12.col-sm-12.col-12.header-center.content-header {
    width: 100%;
    max-width: 100%;
    flex: auto;
}
  .col-xl-2.col-lg-2.col-md-12.col-sm-12.col-12.header-left {
    display: none;
}
  .col-xl-2.col-lg-2.col-md-12.col-sm-12.col-12.header-right {
    display: none;
}
}

/*HOME*/

/*TOP slider*/
.elementor-element-69c9cce .item-info.horizontal_end.vertical_middle.align_center {
  left: -250px;
}
	#slick-slide11 .item-info.horizontal_start.vertical_middle.align_center{
		margin-left: 200px;
	}
.sp-slider-top-contens .subtitle-slider{
  text-shadow: 
  0.5px 0.5px 0 #fff,
 -0.5px -0.5px 0 #fff,
 -0.5px 0.5px 0 #fff,
  0.5px -0.5px 0 #fff;
}
.sp-slider-top-contens .description-slider {
  text-shadow: 
  0.5px 0.5px 0 #fff,
 -0.5px -0.5px 0 #fff,
 -0.5px 0.5px 0 #fff,
  0.5px -0.5px 0 #fff;
}
.sp-slider-top-contens .title-slider {
  text-shadow: 
  0.5px 0.5px 0 #fff,
 -0.5px -0.5px 0 #fff,
 -0.5px 0.5px 0 #fff,
  0.5px -0.5px 0 #fff;
}


@media screen and (max-width: 991px) {
  .elementor-element-69c9cce .item-info.horizontal_end.vertical_middle.align_center {
    left: 0px;
  }
  img.slaider-sp-logo {
    max-width: 60%;
    margin: 0 auto;
}
}

/*hone contants*/
.pbm-0 p{
  margin-bottom: 0px!important;
}
.salon-bac-w .info{
  background-color: #ffffffb8;
  padding: 10px 25px;
}
.salon-bac-w .info h3.title-banner{
  margin-bottom: 15px!important;
}

/*HOME  slider menu*/
#st-slider-wrapper {
  overflow: hidden;
  width: 100%;
}

/* 右側を突き抜けさせる設定 */
#st-slider-wrapper .slick-list {
  overflow: visible !important;
}

/* スライド自体の設定 */
.st-kantu-slider .slick-slide {
  opacity: 1 !important;
  position: relative;
  padding: 0px!important;
}

/* 画像の設定 */
.st-kantu-slider .slick-slide img {
  width: 100%;
  height: auto;
  display: block;
}

/* --- 画像の左下に文字を入れる設定 --- */
.st-image-box a {
  position: relative;
  display: block;
  text-decoration: none;
}

.st-text-group {
  position: absolute;
  left: 40px;
  /* left: 20px; */
  bottom: 20px;
  pointer-events: none;
  color: #fff;
  text-shadow: 1px 1px 6px rgba(0,0,0,0.8);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 5;
}

/* メインテキスト（大きめ） */
.st-item-text {
  font-size: 28px;     
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.05em;
  font-family: serif;
}

/* サブテキスト（小さめ） */
.st-item-text-sub {
  font-size: 13px;
  font-weight: normal;
  margin-top: 5px;
}

/* 矢印のカスタマイズ（!importantでテーマの強制上書きを防ぐ） */
.st-kantu-slider .slick-next {
  right: 25px !important;
  z-index: 100;
}
.st-kantu-slider .slick-prev {
  left: 15px !important;
  z-index: 100;
}
.st-kantu-slider .slick-prev:before, 
.st-kantu-slider .slick-next:before {
  /* color: #75E1D6 !important; */
  font-size: 30px !important;
  opacity: 1 !important;
}
.st-kantu-slider .slick-disabled {
  opacity: 0.2 !important; /* 薄くする */
  pointer-events: none;    /* クリックを無効にする */
}

/* 矢印共通の土台（丸枠） */
.st-kantu-slider .slick-prev,
.st-kantu-slider .slick-next {
  width: 40px !important;
  height: 40px !important;
  /* background: #fff !important; */
  border: 1px solid #fff !important; /* 丸の枠線 */
  border-radius: 50% !important;
  z-index: 100;
  transition: all 0.3s;
}

/* ホバー時に色を反転させる（お好みで） */
.st-kantu-slider .slick-prev:hover,
.st-kantu-slider .slick-next:hover {
  background: #b88062 !important;
}

/* 標準の矢印アイコンを消して、新しい「>」を作る */
.st-kantu-slider .slick-prev:before,
.st-kantu-slider .slick-next:before {
  content: '' !important; /* 標準のアイコンを消す */
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff; /* 矢印の色 */
  border-right: 2px solid #fff; /* 矢印の色 */
  position: absolute;
  top: 50%;
  left: 50%;
}

/* 左矢印：向きを逆にする */
.st-kantu-slider .slick-prev:before {
  transform: translate(-35%, -50%) rotate(-135deg);
}

/* 右矢印：向きを調整 */
.st-kantu-slider .slick-next:before {
  transform: translate(-65%, -50%) rotate(45deg);
}

/* ホバー時に矢印の色を白にする（背景反転に合わせて） */
.st-kantu-slider .slick-prev:hover:before,
.st-kantu-slider .slick-next:hover:before {
  border-color: #fff;
}

.st-text-group span{
  font-family: "Zen Old Mincho", Sans-serif!important;
}
.st-item.st-image-box.slick-slide a img {
  transition: opacity 0.3s ease; /* 0.3秒かけてゆっくり変化させる */
}

.st-item.st-image-box.slick-slide a img:hover{
  opacity: 0.7;
}
/* ベーススタイル */
.custom-event-card {
  width: 100%;
  margin: 2rem 0;
  font-family: sans-serif;
}

.custom-event-card__inner {
  display: flex;
  flex-direction: column-reverse; /* SP時は画像を上、テキストを下に */
  gap: 20px;
  align-items: center;
}

.custom-event-card__content {
  width: 100%;
}

.custom-event-card__title {
  font-size: 1.5rem;
  margin-bottom: 15px;
  color: #CB8161;
  font-family: "Zen Old Mincho", Sans-serif!important;
}

.custom-event-card__desc {
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 25px;
  color: #7f7f7f;
  font-family: 'LINESeedJP', sans-serif!important;
}

.custom-event-card__image {
  width: 100%;
}

.custom-event-card__image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: opacity 0.3s;
}

.custom-event-card__image a:hover img {
  opacity: 0.8;
}

/* ボタンのスタイル */
.custom-event-card__btn {
  display: inline-block;
  padding: 10px 40px;
  border: 1px solid #CB8161;
  color: #CB8161;
  background-color: #fff;
  text-decoration: none;
  font-size: 0.9rem;
  letter-spacing: 0.1em;
  transition: all 0.3s ease;
}

.custom-event-card__btn:hover {
  background-color: #CB8161;
  color: #fff;
}

.woocommerce-Tabs-panel a.wp-block-button__link:hover {
  color: white !important;
}

/*商品シングルページ*/
.bwp-single-product .cart,
.bwp-single-product .woosw-btn{
  display: none!important;
}
.woocommerce-Tabs-panel a.wp-block-button__link:hover{
  color: white!important;
}
.woocommerce-Tabs-panel a.wp-block-button__link{
  font-family: "Zen Old Mincho", Sans-serif!important;
}
.main-single-product h1.product_title.entry-title{
  font-family: "Zen Old Mincho", Sans-serif!important;
}
.main-single-product .woocommerce-Tabs-panel h4{
  font-family: "Zen Old Mincho", Sans-serif!important;
}
.bwp-woo-categories.slider .item-title{
	    text-transform: none!important;
}
/*固定ページ*/
/* .page-id-28209 .page-title.bwp-title{
  display: none!important;
} */

/* PCサイズ (768px以上) */
@media screen and (min-width: 768px) {
  .custom-event-card__title {
    font-size: 2.5rem;
    margin-bottom: 40px;
  }
  .custom-event-card__desc{
    font-size: 1rem;
    margin-bottom: 40px;
  }
  .custom-event-card__inner {
      flex-direction: row; /* 2カラムに変更 */
      justify-content: space-between;
      gap: 70px;
  }

  .custom-event-card__content,
  .custom-event-card__image {
      width: 50%;
  }
}
/* レスポンシブ調整 */
@media screen and (max-width: 767px) {
  .st-item-text {
    font-size: 20px;
  }
  .st-item-text-sub {
    font-size: 11px;
  }
    .back-top {
        display: block!important;
    }
}


/*サーチアーカイブページ修正*/
@media screen and (min-width: 767px) {
  /* ここに767px以上の時に適用したいスタイルを書く */
  .search-results .post-content{
    margin-left: 20px;
  }
}

/*honowa-singleページ*/
/* honowa-singleページ */
.single-post h4.line-title-ol {
  display: flex;         /* 横並びにして、中身を整列させる */
  align-items: center;    /* 垂直方向の真ん中 */
  text-align: center;
  color: #cb8161;
}

.single-post h4.line-title-ol:before,
.single-post h4.line-title-ol:after {
  content: '';
  flex-grow: 1;           /* これがポイント！線を限界まで伸ばす */
  height: 1px;
  background-color:#ebebeb;
}

/* 文字と線の間に余白を作る */
.single-post h4.line-title-ol:before {
  margin-right: 15px;
}

.single-post h4.line-title-ol:after {
  margin-left: 15px;
}

.text-center{
  text-align: center;
}

 .single-post .aligncenter{
  text-align: center;
 }
.single-post p{
  margin-bottom: 1.5rem!important;
}
.single-post .post-content{
  font-size: 16px!important;
}
/* リンク内の画像にマウスを乗せた時の設定 */
a img {
  /* 変化の速さを指定（0.3秒かけて変化） */
  transition: opacity 0.3s ease;
}

a img:hover {
  /* マウスが乗った時に透明度を 0.7（70%）にする */
  opacity: 0.7;
  /* カーソルを指の形にする（念のため） */
  cursor: pointer;
}
.no-click {
    pointer-events: none; /* クリックやホバーを無効化 */
    cursor: default;     /* カーソルを矢印のままにする（任意） */
}



/*pstアーカイブデザイン調整*/
.category-posts .cate-post-content .grid-post .entry-thumb {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.category-posts .cate-post-content .grid-post .entry-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;   /* ← これが重要 */
}

.products-content .rating{
	display: none!important;
}