/*
Theme Name:GENSEN_child
Theme URI:
Description:WordPressテーマ「GENSEN」の自作子テーマです。
Template:gensen_tcd050
Author:TCD
Author URI:https://tcd-theme.com/
Version:2.1.1
*/

/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
/* スライダー */
#header_slider { width:90%; position:relative; margin:69px auto 100px; }




/* list */
li::marker {
  font-size: larger;
}

/* font */
.top_msg {
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.top_gyoukan {
	line-height: 5em;
}













@media only screen and (min-width:1025px) {
    /* 全体のサイズ */
    .cb_0 {
      position: relative;
      width: 100%;
      height: 450px;
    }
    /* 背景画像とサイズの指定 */
    .top-background-container:before {
      content: "";
      display: block;
      /* 背景画像の表示 */
      background-image: url('https://www.yoshida-garasu.co.jp/wp/wp-content/uploads/2024/12/image-1.gif');
      background-size: cover;
      background-position: center;
      /* 背景画像のサイズ */
      width: 85%;
      height: 100%;
      margin-left: auto;
    }

 .top-overlay-text {
      /* テキストと背景のスタイル */
      color: white;
      text-align: center;
　 　　font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
      padding: 20px;
      background-color: rgba(0, 0, 0, 0.5);
    }

    /* 4の位置 */
    .position-4 {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 30%;
    }
	}
@media (max-width: 767px) {
    /* 全体のサイズ */
    .background-container {
      position: relative;
      width: 100%;
      height: 450px;
    }
    /* 背景画像とサイズの指定 */
    .top-background-container:before {
      content: "";
      display: block;
      /* 背景画像の表示 */
      background-image: url('https://www.yoshida-garasu.co.jp/wp/wp-content/uploads/2024/12/image-1.gif');
      background-size: cover;
      background-position: center;
      /* 背景画像のサイズ */
      width: 85%;
      height: 100%;
      margin-left: auto;
    }

    .top-overlay-text {
      /* テキストと背景のスタイル */
      color: white;
      font-size: 24px;
      text-align: center;
　 　　font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
      padding: 20px;
      background-color: rgba(0, 0, 0, 0.5);
    }
    /* 4の位置 */
    .position-4 {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 60%;
    }
  }