/*
Theme Name:MIKADO child
Theme URI:
Description:WordPressテーマ「MIKADO」の子テーマです。
Template:mikado_tcd071
Author: Design Plus
Author URI:https://design-plus1.com/tcd-w/
Version:1.3.4
*/

body.home #js-header-video .p-header-content__mobile-arrow{
    display: none !important;
}

/* YouTubeバナー用*/
.yt:hover{
	opacity: 0.85;
}

/* 画像ホバー用*/
.hover-img {
  transition: opacity 0.2s ease;
}

.hover-img:hover {
  opacity: 0.85; /* 好きな値に調整 */
}

/* お客様の声のカスタム用 */
#cb_8 .p-index-contents__title {
    color: #000000;
    font-size: 32px !important;
    margin-bottom: 54px !important;
}

#cb_8 {
	/*padding-bottom: 100px !important;*/
}

#cb_9 {
	padding-bottom: 0px !important;
}

/* 中国伝統風水セミナー */
.yellow_annotation {
   background: linear-gradient(transparent 60%, #FFFE03 60%);
}
#seminar_btn {
	color :white !important;
}
#seminar_btn:hover {
	text-decoration: none !important;
	color: #ffffff;
    background: #00204a;
}

@media screen and (max-width: 767px){
	#cb_9 .p-index-contents__title {
		font-size: 24px !important;
		line-height: 1.2 !important;
        margin-bottom: 22px !important;
	}
	#cb_8 {
		/*padding-bottom: 0px !important;*/
	}
	
	#cb_9 {
    	/*padding-top: 0px !important;*/
	}
	
	#cb_3 .line-element img , #cb_6 .line-element img , #cb_12 .line-element img{
		height: 2.5rem!important;
		width: auto !important;
	}
}

/* ヒーロー動画（PC） */
@media (min-width: 1200px) {
  .p-header-video {
    height: 100dvh !important;
    width: auto;
  }
}
/* ヒーロー動画（スマホ/タブレット）*/
@media screen and (max-width: 1199px) {
  .p-header-video {
    height: calc(100dvh - 60px) !important;
    width: auto !important;
  }
}

/* === LINE バナー（画像版：半分サイズ・重複排除）=== */
/* ヒーロー内 右下固定（基準） */
#js-header-video { position: relative; }

/* 位置とサイズ（“だいたい半分”） */
#js-header-video #line-banner{
  position: absolute;
  right: calc(clamp(4px, 1vw, 14px) + env(safe-area-inset-right));
  bottom: calc(clamp(10px, 1.6vh, 24px) + env(safe-area-inset-bottom));
  /*z-index: 10000;*/
  z-index: 98;
  width: clamp(200px, 23vmax, 384px);
  max-width: none; /* 過去の max-width 指定を打ち消し */
  box-sizing: border-box;
  transform: translateZ(0);
}

/* 画像を枠いっぱいに表示 */
#line-banner img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* LINEバナーのホバーアニメーション */
@media (hover: hover){
  #line-banner img{
    transition: transform .18s cubic-bezier(.2,.8,.2,1),
                box-shadow .22s ease,
                filter .2s ease;
    transform-origin: center;
    will-change: transform, box-shadow, filter;
  }
  #line-banner:hover img{
    transform: scale(1.02);                 /* ← ほんの少し拡大 */
    box-shadow: 0 14px 36px rgba(0,0,0,.18);
    filter: saturate(1.02) brightness(1.02); /* 色味を少しだけ持ち上げ */
  }
  #line-banner:active img{
    transform: scale(1.01);
    box-shadow: 0 10px 24px rgba(0,0,0,.16);
  }
}
@media (prefers-reduced-motion: reduce){
  #line-banner img{ transition: none !important; }
}