/* sample-00固有: 使用中のヘッダー用ブログパーツ#97に適用 */

/* ヘッダー要素ブロックの高さを100%にする */
div.p-blogParts[data-partsid="97"]{
  position: relative;
  height: 100%;

  line-height: 1;

  #hero-top{
    position: absolute;
    top: 0;
    width: 100%;
  }

  #hero-middle {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
  }

  #hero-bottom{
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  
  /* ボタン専用ラッパー */
  #white-button-wrapper{
    /* セクション内だけで有効な局所変数を宣言 */
    --color_text: var(--swl-text_color--black);
    --color_main: #fff;
    /* ボタンの背景スタイルを上書き */
      [class*=is-style-btn_] {
        --the-btn-color: var(--color_main);
        --the-btn-color2: var(--color_main);
        /* --the-btn-bg: var(--the-btn-color); */
    }
  
    /* ボタンのテキストのスタイルを上書き */
    .is-style-btn_normal a{
      color: var(--color_text);
    }
    .is-style-btn_line a:hover{
      color: var(--color_text) !important;
    }
  }
  
}