/*
Theme Name: HANITONE
Theme URI: https://hanitone.jp/
Description: HANITONE用のZen子テーマ
Author: Toshihiro Izawa
Author URI: https://example.com/
Template: zen_tcd113
Version: 1.0
*/

/* 追加調整用のCSSはここに記述 */

/* 親要素を右上に配置 */
#header_slider_container .header_slider_content.direction_vertical {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: block !important;        /* flex解除 */
    transform: none !important;       /* 中央寄せ解除 */
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* キャッチコピーラッパーを右上に固定して下げる */
#header_slider_container .header_slider_content.direction_vertical > div {
    position: absolute !important;
    top: 80px !important;             /* ←ここで下にずらす */
    right: 0 !important;
    transform: none !important;       /* translate解除を強制 */
    margin: 0 0 0 0 !important;
    writing-mode: vertical-rl !important; /* 縦書きを維持 */
    white-space: normal !important;
    line-height: 1.6 !important;
    text-align: start !important;
	letter-spacing: 1.2em;
}

/* PC表示のときだけロゴを大きくする */
@media screen and (min-width: 1024px) {
  /* 通常ヘッダー時 */
  #header {
    height: auto !important;   /* 高さを自動にしてロゴが潰れないように */
  }

  #header_logo img {
    width: 348px !important;   /* ロゴサイズを拡大（調整可） */
    height: auto !important;   /* アスペクト比を維持 */
  }
	
/* ヘッダー背景を透過にする */
#header.type2 {
    background: transparent !important;
    box-shadow: none !important;          /* 影があれば消す */
}
	
}