/* PC向け（ホバー）のスタイル */
@media (hover: hover) {
    a {
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        &:hover {
            opacity: 0.7;
        }
    }
    
    /* ヘッダー-ホバー */
    #gNavi > ul {
        .actionItemHeader {
            &::before {
                -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
                        clip-path: polygon(0 0, 100% 50%, 0 100%);
                background-color: #E76457;
                -webkit-transition: background-color 0.3s ease, -webkit-clip-path 0.4s ease-in-out;
                transition: background-color 0.3s ease, -webkit-clip-path 0.4s ease-in-out;
                -o-transition: clip-path 0.4s ease-in-out, background-color 0.3s ease;
                transition: clip-path 0.4s ease-in-out, background-color 0.3s ease;
                transition: clip-path 0.4s ease-in-out, background-color 0.3s ease, -webkit-clip-path 0.4s ease-in-out;
            }

            &:hover {
                -webkit-transform: translateY(-0.125rem);
                    -ms-transform: translateY(-0.125rem);
                        transform: translateY(-0.125rem);

                &::before {
                    background-color: #023894;
                    top: 0.375rem;
                    height: 0.625rem;
                    width: 0.625rem;
                    -webkit-clip-path: polygon(
                        50% 0%, 65% 5%, 79% 14%, 90% 27%, 95% 39%, 98% 50%, 95% 61%, 90% 73%,
                        79% 86%, 65% 95%, 50% 100%, 35% 95%, 21% 86%, 10% 73%, 5% 61%, 2% 50%,
                        5% 39%, 10% 27%, 21% 14%, 35% 5%
                    );
                            clip-path: polygon(
                        50% 0%, 65% 5%, 79% 14%, 90% 27%, 95% 39%, 98% 50%, 95% 61%, 90% 73%,
                        79% 86%, 65% 95%, 50% 100%, 35% 95%, 21% 86%, 10% 73%, 5% 61%, 2% 50%,
                        5% 39%, 10% 27%, 21% 14%, 35% 5%
                    );
                }
            }
        }
    }
    /* スクロール時のヘッダー */
    #header.test {
        #gNavi > ul {
            .actionItemHeader {
                padding-left: 0.75rem;

                &::before {
                    top: 0.125rem;
                    height: calc(tan(60deg) * 0.75rem / 2);
                    width: 0.5rem;
                }

                &:hover {
                    &::before {
                        top: 0.1875rem;
                        height: 0.5rem;
                        width: 0.5rem;
                        opacity: 0.7;
                    }
                }
            }
        }
    }


/* トップページ_NEWS */
/* スライド */
.newsSlider {
    .slick-arrow {
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        
        &:hover {
            opacity: 0.7;
        }
    }
}


    /* リンク_もっと見る-ホバー */
    .linkMore {
    text-align: right;
    text-transform: uppercase;
    margin-top: 4rem;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

        a {
            position: relative;
            font-size: 1.5rem;
            font-weight: 700;
            padding-left: 1.25rem;
        }

        a::before {
            content: "";
            position: absolute;
            top: 0.375rem;
            left: 0;
            height: calc(tan(60deg) * 1.25rem / 2);
            width: 0.75rem;
            -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
                    clip-path: polygon(0 0, 100% 50%, 0 100%);
            background-color: #E76457;
            -webkit-transition: background-color 0.3s ease, -webkit-clip-path 0.4s ease-in-out;
            transition: background-color 0.3s ease, -webkit-clip-path 0.4s ease-in-out;
            -o-transition: clip-path 0.4s ease-in-out, background-color 0.3s ease;
            transition: clip-path 0.4s ease-in-out, background-color 0.3s ease;
            transition: clip-path 0.4s ease-in-out, background-color 0.3s ease, -webkit-clip-path 0.4s ease-in-out;;
        }

        &:hover {
            -webkit-transform: translateY(-0.25rem);
                -ms-transform: translateY(-0.25rem);
                    transform: translateY(-0.25rem);

            a::before {
                    background-color: #023894;
                    top: 0.5rem;
                    height: 0.75rem;
                    width: 0.75rem;
                    -webkit-clip-path: polygon(
                        50% 0%, 65% 5%, 79% 14%, 90% 27%, 95% 39%, 98% 50%, 95% 61%, 90% 73%,
                        79% 86%, 65% 95%, 50% 100%, 35% 95%, 21% 86%, 10% 73%, 5% 61%, 2% 50%,
                        5% 39%, 10% 27%, 21% 14%, 35% 5%
                    );
                            clip-path: polygon(
                        50% 0%, 65% 5%, 79% 14%, 90% 27%, 95% 39%, 98% 50%, 95% 61%, 90% 73%,
                        79% 86%, 65% 95%, 50% 100%, 35% 95%, 21% 86%, 10% 73%, 5% 61%, 2% 50%,
                        5% 39%, 10% 27%, 21% 14%, 35% 5%
                    );
                }
        }
    }



    /* アーカイブ_ページナビゲーション */
.wp-pagenavi,
.nav-links {
    font-family: "Inter", "M PLUS 1", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 10rem auto;
    text-align: center;
}

.wp-pagenavi .current,
.nav-links > .current {
    border: none;
    margin: 1rem;
    padding: 0.5rem;
}

.wp-pagenavi a.page,
a.page-numbers {
    border: none;
    margin: 1rem;
    padding: 0.5rem;
    color: #8698AE;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.next,
.prev {/* 記号 */
    font-weight: 400;
    margin: 1rem;
    padding: 0.5rem;
    color: #374F6B;
    background-color: none;
    border: none;
}


/* アーカイブ_リスト一覧 */
.archiveListFlex {
    /* カテゴリーリスト */
    .listCategory {
        ul  {
            li {
                &:hover {
                    opacity: 0.7;
                }
            }
        }
    }

    /* タグリスト */
    .listTag {
        ul  {
            li {
                &:hover {
                    opacity: 0.7;
                }
            }
        }
    }

    /* 年別リスト 2026年から表示 */
    .listYearly {
        ul  {
            li {
                &:hover {
                    opacity: 0.7;
                }
            }
        }
    }

    /* 他の選手リスト */
    .listOtherPlayer {
        li {
            &:hover {
                opacity: 0.7;
            }
        }
    }
}



    /* 記事ページ */
#single {
    article {
        .singleContent {
            a {
                &:hover {
                    opacity: 0.7;
                }
            }
        }
    }
}

    /* 記事送りリンク */
    .clearFix {
        .boxContainer {
            .leftCol, .rightCol {
                &:hover {
                    opacity: 0.7;
                }
            }
        }
    }

    .backPrePage {
        &:hover {
            opacity: 0.7;
        }
    }



    /* スポンサー-ホバー */
    .actionItemSponsor {
                &:hover {
                    opacity: 0.5;
                }
    }

    .popupBtn {
                &:hover {
                    opacity: 0.5;
                }
            }

    .playerSNS {
        li > a:hover {
            opacity: 0.7;
        }
    }

    /* プレイヤー_活動予定_戦績 */
    .customLink {
        &:hover {
            opacity: 0.7;
        }
    }
}