@charset "utf-8";
/* CSS Document */

.event-h1-title {
position: relative; /* 子要素の基準にする */
width: 100%;
max-width: 100%; /* 必要に応じて調整 */
margin: 0 auto;
overflow: hidden;
}

/* 画像の設定 */
.event-image {
/*  width: 100%;
height: auto;
display: block;*/
}

/* グラデーション透過オーバーレイ */
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* 左から右への黒から透明へのグラデーション */
background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
z-index: 1; /* 画像の上に配置 */
}

/* テキストの配置 */
.h1-content {
position: absolute;
width: 40%;
top: 50%;
left: 7%; /* 左端から少し空ける */
transform: translate(-5%,-50%); /* 垂直方向のセンター寄せ */
z-index: 2; /* オーバーレイの上に配置 */
color: #fff;
}
.h1-txt-main{
font-family: "ヒラギノ明朝 ProN", HiraMinProN-W3, "游明朝体", "Yu Mincho", YuMincho, serif;
font-size:5.0rem;	
line-height: 5.5rem;
text-align: center;
font-weight: 700;
}
.h1-txt-sub{
font-family: "ヒラギノ明朝 ProN", HiraMinProN-W3, "游明朝体", "Yu Mincho", YuMincho, serif;
font-size:2.5rem;	
text-align: center;

}
.h1-txt-date{
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
font-size:2.0rem;		
background-color: #fff;
padding: 0 5px;
text-align: center;
font-weight: 500;
}


/* スマホのみ
------------------------ */
@media (max-width: 767px) {
.event-h1-title {
position: relative; /* 子要素の基準にする */
width: 100%;
max-width: 100%; /* 必要に応じて調整 */
margin: 0 auto;
overflow: hidden;
min-height: 180px;
}
	
/* テキストの配置 */
.h1-content {
width: 100%;
top: 0%;
left: 0;
transform: translate(0%,0%); /* 垂直方向のセンター寄せ */
padding:20px 40px;

}
.h1-txt-main{
font-family: "ヒラギノ明朝 ProN", HiraMinProN-W3, "游明朝体", "Yu Mincho", YuMincho, serif;
font-size: 3.0rem;	
line-height: 3.5rem;
}
.h1-txt-sub{
font-family: "ヒラギノ明朝 ProN", HiraMinProN-W3, "游明朝体", "Yu Mincho", YuMincho, serif;
font-size: 1.8rem;	

}
.h1-txt-date{
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
font-size: 1.5rem;		
margin: 10px 2px;
pading: 0 5px;
}
}