/*
Theme Name:haku child
Theme URI:
Description:WordPressテーマ「haku」の自作子テーマです。
Template:haku_tcd080
Author:shitateya-to-shokunin
Author URI:https://shanari-shirts.jp/
Version:2.7.4
*/


/*Common*/
@media screen and (min-width: 750px){	
    .br-pc { display:block; }
    .br-sp { display:none; }
}
@media (max-width: 749px) {	
    .br-pc {display:none!important;}
    .br-sp {display:block!important;}
}

#page_header .catch{
	font-weight: bold!important;
}

/* HAKU：ページ上部へ戻る（画像差し替え版） */
/* ==========================
   ページトップボタン配置
========================== */
#return_top {
  right: 20px;
  bottom: 20px;
}

#return_top a {
  width: 100px !important;
  height: 180px !important;
  position: relative;
  background: transparent !important;
}

/* 通常 */
#return_top a::before {
  content: "";
  position: absolute;
  inset: 0;

  width: auto !important;
  height: auto !important;

  background: url("https://shanari-shirts.jp/wp/wp-content/uploads/2026/01/pagetop.png")
    no-repeat center bottom;
  background-size: 100px 180px;

  pointer-events: none;
}

/* hover */
#return_top a::after {
  content: "";
  position: absolute;
  inset: 0;

  background: url("https://shanari-shirts.jp/wp/wp-content/uploads/2026/01/pagetop_hover.png")
    no-repeat center bottom;
  background-size: 100px 180px;

  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}

#return_top a:hover::after {
  opacity: 1;
}
@media screen and (max-width: 749px) {

  /* 疑似要素は使わない */
  #return_top a::before,
  #return_top a::after {
    display: none !important;
  }

  /* a 自体に画像を持たせる */
  #return_top a {
    width: 70px !important;
    height: 126px !important;

    background: url("https://shanari-shirts.jp/wp/wp-content/uploads/2026/01/pagetop.png")
      no-repeat center bottom !important;
    background-size: 70px 126px !important;
  }

  /* 押している間だけ切替 */
  #return_top a:active {
    background-image: url("https://shanari-shirts.jp/wp/wp-content/uploads/2026/01/pagetop_hover.png") !important;
  }
}




/*Common End*/








/*Top End*/
.index_post_list{
    height: 400px;
	}
.index_post_list .post_list_area{
	width: 100%;
	height: 400px;
	}
.index_post_list.active .post_list_area1{
	display: none;
	}
#cb_contents_num8 h3{
	text-align: center;
	font-weight: 500;
	}

.qa-section details {
	border-bottom: 1px solid #ddd;
}

.qa-section summary {
  cursor: pointer;
  padding: 10px;
  list-style: none; /* デフォルトの三角を非表示にしたい場合は後述 */
}

.qa-section summary::-webkit-details-marker {
  display: none; /* Safari/Chromeのデフォルトマーカー非表示 */
}

.qa-section .answer {
  padding: 10px;
  animation: fadeIn 0.3s ease-in-out;
}

.qa-section p:last-child{
	margin-bottom: 0;
}

/* 開閉アニメーション風（CSSのみ簡易） */
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@media screen and (min-width: 750px){
	.qa-section summary,.qa-section .answer {
		font-size: 16px;
	}
}
@media (max-width: 749px) {
	#cb_contents_num8{
		padding-top: 50px!important;
	}
	.qa-section details {
		margin: 0 30px;
	}
	.qa-section summary,.qa-section .answer {
		font-size: 14px;
	}
}
/*Top End*/

/*Item商品ページ共通*/
.page-id-128 .lead,
.page-id-190 .lead,
.page-id-195 .lead,
.page-id-201 .lead,
.page-id-203 .lead,
.page-id-205 .lead{
	text-align: center;
}
@media screen and (min-width: 750px){
.company_content1 .data_list{
	font-size: var(--tcdce-ul-font-size-pc)!important;
	}
}
@media (max-width: 749px) {	
.company_content1 .data_list{
	font-size: var(--tcdce-ul-font-size-sp)!important;
	}
}

.company_content1 .data_list dt{
	white-space: nowrap;
}
/*Item共通 End*/

/*Item*/
/*--（写真とテキストを上下変更する際に使用）
@media screen and (max-width: 749px) {
.page-id-190 .content_wrap.layout_type1 {
    display: flex;
    flex-direction: column-reverse;
  }
}
--/
/*Item End*/


/*Item-shanari-shirts*/
/*Item-shanari-shirts End*/

/*Reuse*/
.page-id-72 .lead{
	text-align: center;
}
@media screen and (min-width: 750px){
.page-id-72 ol{
	font-size: var(--tcdce-ul-font-size-pc)!important;
	}
}
@media (max-width: 749px) {	
   .page-id-72 ol{
	font-size: var(--tcdce-ul-font-size-sp)!important;
	}
}
/*Reuse End*/


/*Order*/
.page-id-74 .lead{
	text-align: center;
}
/*Order End*/

/*Process*/
.page-id-80 .lead{
	text-align: center;
}
.page-id-80 h3{
	font-weight: 500!important;
	--tcdce-h3-font-size-pc: 22px;
    --tcdce-h3-font-size-sp: 18px;
}
/*Process End*/

/*Collaboration*/
.page-id-76 .lead{
	text-align: center;
}
.page-id-76 .name{
	line-height: 1.6;
}
/*Collaboration End*/

/*Tour*/
.page-id-78 .lead{
	text-align: center;
}
.page-id-78 .googlemap{
	position: relative;
    padding-bottom: 75%;
    margin: 0;
    height: 0;
    overflow: hidden;
	}
.page-id-78 .googlemap iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
	}
/*googlemapをモノトーンにする*/
.page-id-78 .googlemap iframe,
.page-id-78 .googlemap object,
.page-id-78 .googlemap embed {
	-webkit-filter: grayscale(100%);
 	-moz-filter: grayscale(100%);
 	-ms-filter: grayscale(100%);
 	-o-filter: grayscale(100%);
 	filter: grayscale(100%);
 	-webkit-transition: all 0.7s ease;
 	-moz-transition: all 0.7s ease;
 	-o-transition: all 0.7s ease;
 	transition: all  0.7s ease;
	}
.page-id-78 .googlemap iframe:hover,
.page-id-78 .googlemap object:hover,
.page-id-78 .googlemap embed:hover {
 	-webkit-filter: grayscale(0%);
 	-moz-filter: grayscale(0%);
 	-ms-filter: grayscale(0%);
 	-o-filter: grayscale(0%);
 	filter: grayscale(0%);
	}
/*googlemapをモノトーンにする end*/
/*Tour End*/


/*Contact*/
.wpcf7{
	background: #fff!important;
	border: none!important;
}
.wpcf7 form{
	margin: 0!important;
}
.wpcf7 table{
	border-top: 1px solid #ddd;
	}

.wpcf7 table tr{
	border-bottom: 1px solid #ddd;
	}
.wpcf7 table th{
	border-top: none;
	border-right: 1px solid #ddd;
	border-left: none;
	border-bottom: none;
	}
.wpcf7 table td{
	border: none;
	}

.wpcf7 p{
	margin-bottom: 0!important;
}

.wpcf7 .must_icon{
	font-size: 12px!important;
}

.wpcf7-list-item{
	margin: 0;
}

.wpcf7 select, .wpcf7 .wpcf7-list-item-label{
	font-size: var(--tcdce-ul-font-size-pc)!important;
	line-height: 1.8!important;
}

.wpcf7-not-valid-tip{
	margin-top: 10px;
	}

@media (max-width: 749px) {	
.wpcf7 table th{
	border-right: none;
	}
.wpcf7 table th p{
	font-size: 14px!important;
	}

.wpcf7 select, .wpcf7 .wpcf7-list-item-label{
	font-size: var(--tcdce-ul-font-size-sp)!important;
	}
	
.wpcf7 table th{
	width: 100%;
	display: block;
	border-bottom: none;
	padding: 10px;
	text-align: left;
	}
.wpcf7 table td{
	display: block;
	padding: 0 10px 10px;
	width: 100%;
	}

.wpcf7-not-valid-tip{
	font-size: var(--tcdce-ul-font-size-sp)!important;
	margin-top: 10px;
	}
	
}
/*Contact End*/

/*Company*/
.page-id-322 .lead{
	text-align: center;
}
.page-id-322 .googlemap{
	position: relative;
    padding-bottom: 75%;
    margin: 0;
    height: 0;
    overflow: hidden;
	}
.page-id-322 .googlemap iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    vertical-align: bottom;
	}
/*googlemapをモノトーンにする*/
.page-id-322 .googlemap iframe,
.page-id-322 .googlemap object,
.page-id-322 .googlemap embed {
	-webkit-filter: grayscale(100%);
 	-moz-filter: grayscale(100%);
 	-ms-filter: grayscale(100%);
 	-o-filter: grayscale(100%);
 	filter: grayscale(100%);
 	-webkit-transition: all 0.7s ease;
 	-moz-transition: all 0.7s ease;
 	-o-transition: all 0.7s ease;
 	transition: all  0.7s ease;
	}
.page-id-322 .googlemap iframe:hover,
.page-id-322 .googlemap object:hover,
.page-id-322 .googlemap embed:hover {
 	-webkit-filter: grayscale(0%);
 	-moz-filter: grayscale(0%);
 	-ms-filter: grayscale(0%);
 	-o-filter: grayscale(0%);
 	filter: grayscale(0%);
	}
/*googlemapをモノトーンにする end*/
/*Company End*/

/*English*/
.page-id-169 h3{
	font-weight: 500!important;
}
/*English End*/