@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* 表示・非表示切り替え用 */
.pc-only {
  display: block;
}

.sp-only {
  display: none;
}

@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }
}


.entry-content {
  background-image: url(https://nodo-hair.com/wp-content/uploads/2026/05/bg_pc.png);
  background-repeat: repeat-y;
  background-size: contain;
}
.nodo-recruit-hero {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	.nodo-recruit-hero .nodo-hero-main-visual {
		background-image: url(https://nodo-hair.com/wp-content/uploads/2026/06/carousel01.jpg) !important;
		background-size: contain !important;
	}
	.nodo-recruit-hero {
    	min-height: 49svh !important;
	}
}



/* Instagram Swiper */
#sb_instagram {
  overflow: hidden;
}

.nodo-instagram-swiper {
  position: relative;
  width: 100%;
  padding: 0 0 40px;
  overflow: visible;
}

.nodo-instagram-swiper .swiper-wrapper {
  align-items: stretch;
}

.nodo-instagram-swiper .swiper-slide {
  height: auto;
}

.nodo-instagram-swiper .sbi_item {
  width: 100% !important;
  height: 100%;
  box-sizing: border-box;
}

/* 投稿画像 */
.nodo-instagram-swiper .sbi_photo,
.nodo-instagram-swiper img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}

/* 矢印 */
.nodo-instagram-swiper .swiper-button-prev,
.nodo-instagram-swiper .swiper-button-next {
  color: #111;
  width: 36px;
  height: 36px;
}

.nodo-instagram-swiper .swiper-button-prev::after,
.nodo-instagram-swiper .swiper-button-next::after {
  font-size: 20px;
}

/* ページネーション */
.nodo-instagram-swiper .swiper-pagination {
  bottom: 0;
}

.nodo-instagram-swiper .swiper-pagination-bullet {
  opacity: 0.3;
}

.nodo-instagram-swiper .swiper-pagination-bullet-active {
  opacity: 1;
}

/* スマホ */
@media screen and (max-width: 767px) {
  .nodo-instagram-swiper {
    padding-bottom: 36px;
  }

  .nodo-instagram-swiper .swiper-button-prev,
  .nodo-instagram-swiper .swiper-button-next {
    display: none;
  }
}

@media screen and (min-width: 768px) {
	.swiper-button-next, .swiper-button-prev {
		::slotted(svg), svg {
			height: 20px!important;
			object-fit: contain;
			transform-origin: center;
			width: 20px!important;
			fill: currentColor;
			pointer-events: none;
			filter: drop-shadow(0 0 0 currentColor);
		}
	}
	.nodo-instagram-swiper .swiper-button-prev, .nodo-instagram-swiper .swiper-button-next {
		color: #FFF;
		width: 48px;
		height: 48px;
		background: rgba(0, 0, 0, 0.3);
		border-radius: 24px;
	}
	.swiper-button-prev {
		margin-left: 20px!important;
	}
	.swiper-button-next {
		margin-right: 20px!important;
	}
}

@media screen and (max-width: 480px) {
	#sb_instagram .sbi_type_carousel .sbi_playbtn, #sb_instagram .sbi_type_video .sbi_playbtn {
		z-index: 2;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		margin-top: 0;
		margin-left: 0;
		padding: 0;
		font-size: 18px;
	}
}

.swiper-pagination {
    display: none;
}