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

h2 {
	font-size: 28px;
	margin-bottom: 20px;
}
h3 {
	margin-bottom: 5px;
}
p {
	text-align: left;
}
header p {
	margin-bottom: 20px;
}
header .inner {
	margin-bottom: 0;
}
h1 a img  {
	margin: 0;
	width: 100%;
}
.main_taidan {
	overflow: hidden;
}
.main_taidan img {
    border-radius: 25px;
}
.main_taidan img {
    object-position: center 0px;
    border-radius: 25px;
    width: 100%;
    object-fit: cover;
    height: 530px;
}
.main_taidan p {
    text-align: center;
}
.main_read {
	margin-top: 20px;
}

.gray {
	color: #565656;
	text-align: center;
}
.main_taidan_namae {
    margin-right: 50px;
}
.t_honbun .f_right,.t_honbun .f_left {
	flex: 0 0 35%;
}
.t_honbun .tate {
	flex: 0 0 26%;
}
figcaption {
	padding: 5px 0 25px 0;
}
figcaption p {
	padding: 0;
	margin: 0;
}
.f_right {
	margin-left: 20px;
}
.f_left {
	margin-right: 20px;
}
.t_photo {
    width: 100%;
    height: auto;
    padding: 7px 0 0 0;
    margin: 0 0 0 auto;
}
.red , .blue {
	font-weight: bold;
}
.red {
	color :#e60020;
}
.blue {
	color: #00139b;
}
.huton_red {
    padding: 4px 20px;
}

.t_h3 {
    letter-spacing: 1.2px;
}
.t_honbun .flex {
	justify-content: left;
    align-items: flex-start;
}
.t_honbun .t_title {
	margin-bottom: 30px;
	align-items: center;
}

/* 親要素のコンテナに、相対位置の基準を設定します */
.t_h3_left {
  width: 10px;   /* 装飾全体の幅（必要に応じて調整） */
  height: 60px; /* 装飾全体の高さ（必要に応じて調整） */
  position: relative; /* 擬似要素の配置基準にする */
  margin: 0 20px 0 0;
  /* 必要であれば、ここにコンテンツの背景色などを設定できます */
}

/* 上半分の青い三角形（左上から右下へのグラデーションを応用） */
.t_h3_left::before {
  content: ""; /* 擬似要素には必須 */
  position: absolute; /* 親要素 .decorated-element を基準に配置 */
  top: 0;
  left: 0;
  width: 100%; /* 親要素の幅に合わせる */
  height: 100%; /* 親要素の高さの半分 */
  
  /* グラデーションで三角形を表現 */
  /* to bottom right で左上から右下へのグラデーション */
  /* #0000ff が 50% の位置まで、その後は transparent に切り替わる */
  background: linear-gradient(to bottom left, #0000ff 50%, transparent 50%);
}

/* 下半分の赤い三角形（左上から右下へのグラデーションを応用） */
.t_h3_left::after {
  content: ""; /* 擬似要素には必須 */
  position: absolute; /* 親要素 .decorated-element を基準に配置 */
  bottom: 0; /* 下端に配置 */
  left: 0;
  width: 100%; /* 親要素の幅に合わせる */
  height: 100%; /* 親要素の高さの半分 */

  /* グラデーションで三角形を表現 */
  /* to top right で左下から右上へのグラデーション */
  /* #ff0000 が 50% の位置まで、その後は transparent に切り替わる */
  background: linear-gradient(to top right, #015f41 50%, transparent 50%);
}
.t_honbun p {
    margin-bottom: 20px;
}
.t_honbun figcaption {
	padding-bottom: 0;
}
.post p,.footer_red p {
	text-align: center;
}

@media screen and (max-width: 751px) {
	h1 a img {
		width: 100%;
		height: auto;
	}
	h2 {
		margin-bottom: 20px;
	}
	figcaption {
	    padding: 10px 0 10px 0;
	}
	.main_taidan_namae {
		margin: 0;
	}
	.t_h3_left {
		height: 100px;
		width: 15px;
	}
	.huton_red {
		padding: 4px 15px;
	}
	.main_logo {
		width: 40%;
	}
	.honbun_flex {
	 display: inline-block;
	}
	.main_taidan img {
	    object-position: center -12px;
		height: 220px;
	}
	.t_title {
		display: flex;
	}
	.t_h3 {
		text-align: left;
	}
	.f_left, .f_right {
		margin: 0;
	}
}