/* 01: ゴールドリボン */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-01 {
    position: relative;
    margin: 30px;
    height: auto;
    text-align: center;
    padding: 15px 5px;
    background: linear-gradient(90deg, #b39855 0%, #fff9e6 50%, #b39855 100%); /* ゴールドのグラデーション */
    color: #fff;
    z-index: 0;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-01:before,
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-01:after {
    position: absolute;
    bottom: -10px;
    display: block;
    content: '';
    border: 1em solid #b39855; /* ゴールド色 */
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-01:before {
    left: -30px;
    border-left-width: 15px;
    border-left-color: transparent;
    z-index: -100;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-01:after {
    right: -30px;
    border-right-width: 15px;
    border-right-color: transparent;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-01 span {
    position: relative;
    z-index: 1;
    display: block;
    padding: 1rem 2rem;
    color: #000;
    background: linear-gradient(90deg, #b39855 0%, #fff9e6 50%, #b39855 100%); /* ゴールドのグラデーション */
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-01 span:before,
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-01 span:after {
    position: absolute;
    bottom: -10px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border-style: solid;
    border-color: #b39855 transparent transparent transparent; /* ゴールド色 */
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-01 span:before {
    left: 0;
    border-width: 10px 0 0 10px;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-01 span:after {
    right: 0;
    border-width: 10px 10px 0 0;
}

/* 02: シルバーリボン */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-02 {
    position: relative;
    margin: 30px;
    height: auto;
    text-align: center;
    padding: 15px 5px;
    background: linear-gradient(90deg, #BDC3C9 0%, #FFFFFF 50%, #BDC3C9 100%); /* シルバーのグラデーション */
    color: #000; /* シルバーリボンではテキストを黒にするのが一般的 */
    z-index: 0;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-02:before,
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-02:after {
    position: absolute;
    bottom: -10px;
    display: block;
    content: '';
    border: 1em solid #BDC3C9; /* シルバーのメインカラー */
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-02:before {
    left: -30px;
    border-left-width: 15px;
    border-left-color: transparent;
    z-index: -100;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-02:after {
    right: -30px;
    border-right-width: 15px;
    border-right-color: transparent;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-02 span {
    position: relative;
    z-index: 1;
    display: block;
    padding: 1rem 2rem;
    color: #000; /* テキストの色を黒に変更 */
    background: linear-gradient(90deg, #BDC3C9 0%, #FFFFFF 50%, #BDC3C9 100%); /* シルバーのグラデーション */
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-02 span:before,
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-02 span:after {
    position: absolute;
    bottom: -10px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border-style: solid;
    border-color: #BDC3C9 transparent transparent transparent; /* シルバーのメインカラー */
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-02 span:before {
    left: 0;
    border-width: 10px 0 0 10px;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-02 span:after {
    right: 0;
    border-width: 10px 10px 0 0;
}

/* 03: 高級青リボン */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-03 {
    position: relative;
    margin: 30px;
    height: auto;
    text-align: center;
    padding: 15px 5px;
    background: linear-gradient(90deg, #1D262E 0%, #063761 50%, #1D262E 100%); /* 青色のグラデーション */
    color: #fff; /* 白色のテキスト */
    z-index: 0;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-03:before,
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-03:after {
    position: absolute;
    bottom: -10px;
    display: block;
    content: '';
    border: 1em solid #1D262E; /* 青色のメインカラー */
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-03:before {
    left: -30px;
    border-left-width: 15px;
    border-left-color: transparent;
    z-index: -100;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-03:after {
    right: -30px;
    border-right-width: 15px;
    border-right-color: transparent;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-03 span {
    position: relative;
    z-index: 1;
    display: block;
    padding: 1rem 2rem;
    color: #fff; /* テキストの色を白に変更 */
    background: linear-gradient(90deg, #1D262E 0%, #063761 50%, #1D262E 100%); /* 青色のグラデーション */
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-03 span:before,
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-03 span:after {
    position: absolute;
    bottom: -10px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border-style: solid;
    border-color: #1D262E transparent transparent transparent; /* 青色のメインカラー */
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-03 span:before {
    left: 0;
    border-width: 10px 0 0 10px;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-03 span:after {
    right: 0;
    border-width: 10px 10px 0 0;
}

/* 04: リボン赤 */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-04 {
    position: relative;
    margin: 30px;
    height: auto;
    text-align: center;
    padding: 15px 5px;
    background: #fa4041;
    color: #fff;
    z-index: 0;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-04:before,
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-04:after {
    position: absolute;
    bottom: -10px;
    display: block;
    content: '';
    border: 1em solid #d90606;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-04:before {
    left: -30px;
    border-left-width: 15px;
    border-left-color: transparent;
    z-index: -100;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-04:after {
    right: -30px;
    border-right-width: 15px;
    border-right-color: transparent;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-04 span {
    position: relative;
    z-index: 1;
    display: block;
    padding: 1rem 2rem;
    color: #fff;
    background: #fa4141;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-04 span:before,
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-04 span:after {
    position: absolute;
    bottom: -10px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border-style: solid;
    border-color: #b70505 transparent transparent transparent;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-04 span:before {
    left: 0;
    border-width: 10px 0 0 10px;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-04 span:after {
    right: 0;
    border-width: 10px 10px 0 0;
}

/* 05: 青リボン */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-05 {
    position: relative;
    margin: 30px;
    height: auto;
    text-align: center;
    padding: 15px 5px;
    background: #0d52bc;
    color: #fff;
    z-index: 0;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-05:before,
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-05:after {
    position: absolute;
    bottom: -10px;
    display: block;
    content: '';
    border: 1em solid #0D52BC;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-05:before {
    left: -30px;
    border-left-width: 15px;
    border-left-color: transparent;
    z-index: -100;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-05:after {
    right: -30px;
    border-right-width: 15px;
    border-right-color: transparent;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-05 span {
    position: relative;
    z-index: 1;
    display: block;
    padding: 1rem 2rem;
    color: #fff;
    background: #0D52BC;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-05 span:before,
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-05 span:after {
    position: absolute;
    bottom: -10px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border-style: solid;
    border-color: #0D52BC transparent transparent transparent;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-05 span:before {
    left: 0;
    border-width: 10px 0 0 10px;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-05 span:after {
    right: 0;
    border-width: 10px 10px 0 0;
}

/* 06: 緑リボン */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-06 {
    position: relative;
    margin: 30px;
    height: auto;
    text-align: center;
    padding: 15px 5px;
    background: #007f3f;
    color: #fff;
    z-index: 0;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-06:before,
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-06:after {
    position: absolute;
    bottom: -10px;
    display: block;
    content: '';
    border: 1em solid #007f3f;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-06:before {
    left: -30px;
    border-left-width: 15px;
    border-left-color: transparent;
    z-index: -100;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-06:after {
    right: -30px;
    border-right-width: 15px;
    border-right-color: transparent;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-06 span {
    position: relative;
    z-index: 1;
    display: block;
    padding: 1rem 2rem;
    color: #fff;
    background: #007f3f;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-06 span:before,
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-06 span:after {
    position: absolute;
    bottom: -10px;
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    border-style: solid;
    border-color: #007f3f transparent transparent transparent;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-06 span:before {
    left: 0;
    border-width: 10px 0 0 10px;
}

.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-06 span:after {
    right: 0;
    border-width: 10px 10px 0 0;
}



/* 11: 虹紺ーグラデーション背景 */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-11 {
	text-align: center;
	color: #fff;
	padding: 1rem 1.5rem; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #00274d), color-stop(50%, #004c8c), color-stop(100%, #002d72));
	background-image: -webkit-linear-gradient(left, #00274d 0%, #004c8c 50%, #002d72 100%);
	background-image: linear-gradient(to right, #00274d 0%, #004c8c 50%, #002d72 100%);
}

/* 12: 虹橙ーグラデーション背景 */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-12 {
	text-align: center;
	color: #fff;
	padding: 1rem 1.5rem; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff512f), color-stop(50%, #f09819), color-stop(100%, #ff512f));
	background-image: -webkit-linear-gradient(left, #ff512f 0%, #f09819 50%, #ff512f 100%);
	background-image: linear-gradient(to right, #ff512f 0%, #f09819 50%, #ff512f 100%);
}

/* 13: 虹紫ーグラデーション背景 */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-13 {
	text-align: center;
	color: #fff;
	padding: 1rem 1.5rem; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #8e2de2), color-stop(50%, #4a00e0), color-stop(100%, #8e2de2));
	background-image: -webkit-linear-gradient(left, #8e2de2 0%, #4a00e0 50%, #8e2de2 100%);
	background-image: linear-gradient(to right, #8e2de2 0%, #4a00e0 50%, #8e2de2 100%);
}

/* 14: 虹緑ーグラデーション背景 */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-14 {
	text-align: center;
	color: #fff;
	padding: 1rem 1.5rem; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #56ab2f), color-stop(50%, #a8e063), color-stop(100%, #56ab2f));
	background-image: -webkit-linear-gradient(left, #56ab2f 0%, #a8e063 50%, #56ab2f 100%);
	background-image: linear-gradient(to right, #56ab2f 0%, #a8e063 50%, #56ab2f 100%);
}

/* 15: 虹桃ーグラデーション背景 */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-15 {
	text-align: center;
	color: #fff;
	padding: 1rem 1.5rem; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff9a9e), color-stop(50%, #fad0c4), color-stop(100%, #ff9a9e));
	background-image: -webkit-linear-gradient(left, #ff9a9e 0%, #fad0c4 50%, #ff9a9e 100%);
	background-image: linear-gradient(to right, #ff9a9e 0%, #fad0c4 50%, #ff9a9e 100%);
}

/* 16: 虹青ーグラデーション背景 */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-16 {
	text-align: center;
	color: #fff;
	padding: 1rem 1.5rem; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #36d1dc), color-stop(50%, #5b86e5), color-stop(100%, #36d1dc));
	background-image: -webkit-linear-gradient(left, #36d1dc 0%, #5b86e5 50%, #36d1dc 100%);
	background-image: linear-gradient(to right, #36d1dc 0%, #5b86e5 50%, #36d1dc 100%);
}

/* 17: 虹赤ーグラデーション背景 */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-17 {
	text-align: center;
	color: #fff;
	padding: 1rem 1.5rem; 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d31027), color-stop(50%, #ea384d), color-stop(100%, #d31027));
	background-image: -webkit-linear-gradient(left, #d31027 0%, #ea384d 50%, #d31027 100%);
	background-image: linear-gradient(to right, #d31027 0%, #ea384d 50%, #d31027 100%);
}

/* 41: 黄フォント */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-41 {
    color:#fed602;
}


/* 51: 虹紺ーグラデーションフォント */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-51 {
    background: -webkit-linear-gradient(90deg, #001f3f 0%, #00509d 40%, #002d72 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 52: 虹橙ーグラデーションフォント */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-52 {
    background: -webkit-linear-gradient(90deg, #ff6f3c 0%, #ffba08 40%, #ff6f3c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 53: 虹紫ーグラデーションフォント */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-53 {
    background: -webkit-linear-gradient(90deg, #6a11cb 0%, #2575fc 40%, #6a11cb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 54: 虹緑ーグラデーションフォント */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-54 {
    background: -webkit-linear-gradient(90deg, #11998e 0%, #38ef7d 40%, #11998e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 55: 虹桃ーグラデーションフォント */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-55 {
    background: -webkit-linear-gradient(90deg, #ff9a9e 0%, #fecfef 40%, #ff9a9e 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 56: 虹青ーグラデーションフォント */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-56 {
    background: -webkit-linear-gradient(90deg, #00c6ff 0%, #0072ff 40%, #00c6ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 57: 虹赤ーグラデーションフォント */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-57 {
    background: -webkit-linear-gradient(90deg, #d31027 0%, #ea384d 40%, #d31027 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 58: ゴールドグラデーションフォント (濃い色) */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-58 {
    background: linear-gradient(90deg, #a67c00 0%, #f9e17d 50%, #a67c00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 59: シルバーグラデーションフォント (濃い色) */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-59 {
    background: linear-gradient(90deg, #9a9a9a 0%, #d3d3d3 50%, #9a9a9a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 60: 高級青グラデーションフォント (濃い色) */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-60 {
    background: linear-gradient(90deg, #007bff 0%, #00c3ff 50%, #007bff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/* 21 角丸ボックスー紺 */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-21 {
    display: inline-block;
    background-color: #0b3458; 
    color: #ffffff;
	width:auto!important;
    border-radius: 20px !important;
    padding: 8px 20px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

/* 22 角丸ボックスーブルー */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-22 {
    display: inline-block;
    background-color: #0046b8; /* ブルー */
    color: #ffffff;
	width:auto!important;
    border-radius: 20px !important;
    padding: 8px 20px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

/* 23 角丸ボックスー緑 */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-23 {
    display: inline-block;
    background-color: #027f3f; /* 緑 */
    color: #ffffff;
	width:auto!important;
    border-radius: 20px !important;
    padding: 8px 20px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

/* 24 角丸ボックスー赤 */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-24 {
    display: inline-block;
    background-color: #fa4041; /* 赤 */
    color: #ffffff;
	width:auto!important;	
    border-radius: 20px !important;
    padding: 8px 20px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}

/* 25 角丸ボックスーオレンジ */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-25 {
    display: inline-block;
    background-color: #fea54f; /* オレンジ */
    color: #ffffff;
	width:auto!important;
    border-radius: 20px !important;
    padding: 8px 20px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
}



/* 31 見出しの前のアイコン（しおり） */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-31::before {
    font-family: "Font Awesome 5 Free"; /* Font Awesome v5以上 */
    font-weight: 900; /* Solidアイコン用 */
    content: "\f02e"; /* しおりのUnicode */
    display: inline-block;
    margin-right: 8px; /* アイコンとテキストの間隔 */
    font-size: 1.2em; /* アイコンサイズ */
    color: #0b3458; /* アイコンの色（紺色） */
    vertical-align: middle; /* テキストとアイコンを揃える */
}

/* 31 H3全体のスタイル */
.wp-block-ctwlpt-block-subhead-h3.is-style-midashi-h3-31 {
    font-size: 1.5em; /* 見出しサイズ */
    font-weight: bold;
    color: #333333; /* テキスト色 */
    line-height: 1.4;
    display: flex;
    align-items: center;
}