/* ▼輸出・国際局関連動画 */
.video_note {
    margin: -10px 0 0;
}

.video_note ul {
    margin: 0;
    display: flex;
    justify-content: end;
    padding: 0;
    font-size: 1em;
}

.video_note ul li {
    padding: 0 0 0 15px !important;
    background-position: left 5px;
}

.yukoku_video {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.v_comment {
    text-align: right;
    position: relative;
    top: -40px;
    margin: 0 0 -20px;
}

.youtube-container {
    position: relative;
    display: block;
    /* 追加：a要素をブロック化 */
    width: 100%;
    max-width: 560px;
    aspect-ratio: 16 / 9;
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    /* 追加：リンク下線を消す */
    background: #000;
    /* 追加：画像読込前やiframe時の見た目安定 */
    -webkit-tap-highlight-color: transparent;
    /* 追加：iPhoneのタップハイライト軽減 */
    touch-action: manipulation;
    /* 追加：タップ操作を素直に */
}

/* 外部リンクマークを消す */
a.youtube-container {
    background-image: none !important;
    padding: 0 !important;
    margin: 0 0 0.5em !important;
}

.youtube-container img {
    display: block;
    /* 追加 */
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.youtube-container iframe {
    display: block;
    /* 追加 */
    width: 100%;
    height: 100%;
    border: 0;
}

/* 再生ボタンを中央に配置する装飾 */
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 48px;
    background-color: #ff0000;
    border-radius: 14px;
    transition: all 0.3s;
    pointer-events: none;
    /* 追加：ボタンを押しても親リンクにタップを通す */
}

/* hoverできる端末だけopacityを有効にする */
@media (hover: hover) {
    .youtube-container:hover .play-button {
        opacity: 0.5;
    }
}

/* 必要なら残す：タップ中の見た目変化 */
.youtube-container:active .play-button {
    opacity: 0.85;
}

/* 再生ボタンの中の三角矢印 */
.play-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 10px 0 10px 18px;
    border-color: transparent transparent transparent #fff;
}

.buzz_video a.v_title {
    text-align: left;
}

.v_count {
    text-align: center;
    background-color: #ef1776;
    color: #fff;
    padding: 0.5em 0;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0.5em 0 1em;
}

/* ▲輸出・国際局関連動画 */

/* -- ▼▼▼スマートフォン▼▼▼ -- */
@media screen and (max-width: 767px) {

    /* -- ▼輸出・国際局関連動画 -- */
    .yukoku_video {
        grid-template-columns: 1fr;
        /* 修正：flex-directionではなくgridを1列に */
    }

    .v_comment {
        top: -10px;
        margin: 0;
    }

}

/* -- ▲▲▲スマートフォン▲▲▲ -- */