<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>prince×KPI プリンス館 │KPI </title>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-HPQ1BHYDD7">
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-HPQ1BHYDD7');
    </script>
    <script>
    document.addEventListener("DOMContentLoaded", () => {
    const container = document.querySelector(".video-container");
    if (!container) {
        console.log("No video container found.");
        return;
    }

    const videos = container.querySelectorAll("iframe");
    if (videos.length === 0) {
        console.log("No videos found in the container.");
        return;
    }

    const updateContainerStyles = () => {
        const containerWidth = container.offsetWidth;
        let contentWidth = 0;

        // 動画の幅を合計
        videos.forEach(video => {
            contentWidth += video.offsetWidth;
        });

        // 横スクロールの有効化/無効化
        if (contentWidth > containerWidth) {
            container.style.overflowX = "auto";
        } else {
            container.style.overflowX = "hidden";
        }
    };

    // 初期スタイルの設定
    const initializeStyles = () => {
        container.style.gridTemplateColumns = `repeat(${videos.length}, 1fr)`;
        container.style.display = "grid";
        container.style.gap = "10px";
        container.style.overflowX = "auto";
        updateContainerStyles();
    };

    // iframeのロード完了時にスタイルを更新
    const handleIframeLoad = () => {
        updateContainerStyles();
    };

    // 各iframeにロードイベントを追加
    videos.forEach(video => {
        video.addEventListener("load", handleIframeLoad);
    });

    // ウィンドウリサイズ時にスタイルを更新
    window.addEventListener("resize", updateContainerStyles);

    // 初期化
    initializeStyles();
});

    </script>
    <script defer>
        // 動画コンテナの調節
document.addEventListener("DOMContentLoaded", () => {
    const container = document.querySelector(".video-container");
    if (!container) {
        // video-containerが存在しない場合は処理を行わない
        return;
    }

    const videos = container.querySelectorAll("#videos");
    const count = videos.length;

    if (count === 0) {
        // ビデオが0個の場合は処理を行わない
        console.log("No videos found.");
        return;
    }

    // デフォルトのスタイルをリセット
    container.style.gridTemplateColumns = "unset";
    container.style.overflowX = "hidden";

    if (count === 1) {
        // 動画が1個の場合は幅いっぱいに表示
        container.style.gridTemplateColumns = "1fr"; // 1列表示
        container.style.maxWidth = "100%"; // コンテナが画面幅いっぱい
    } else if (count === 2 || count === 4 || count === 6) {
        // 動画が2個、4個、6個の場合は1行に2個ずつ配置
        container.style.gridTemplateColumns = "repeat(2, 1fr)";
    } else {
        // それ以外の場合は動画数に応じた列数でグリッドを設定
        container.style.gridTemplateColumns = `repeat(${Math.ceil(count / 2)}, 1fr)`;
        container.style.overflowX = "auto"; // 横スクロールを有効にする
    }

    // 必要に応じて横スクロールを有効化
    const containerWidth = container.offsetWidth;
    const contentWidth = videos[0].offsetWidth * 2; // 必要な幅を計算（1行に2個分）
    if (contentWidth > containerWidth) {
        container.style.overflowX = "auto";
    }
});
    </script>
	<style>
        /* リセット */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        /* 全体のレイアウト */
        html {
            font-size: 1vw;
        }
        
        body {
            line-height: 1.4;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            min-height: 100vh;
            padding: 0;
        }

        /* ヘッダー部分のスタイル */
        .site-header, .video-header, .mini-header, .footer-add-banner{
            max-width: 1080px;
            width: 100%;
            background-color: #fff;
            padding: 0px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1vw;     
            max-width: 1080px;
        }

        .site-header{
            width: 100% !important;
            max-width: 1080px !important; 
            height: auto !important; 
            padding: 0 !important; 
            margin: 0 auto!important;
            overflow: visible !important; 
            display: block !important;
        }

        .site-header-pickup {
            width: 100%;
            background-color: #fff;
            padding: 0px;
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1vw;     
            max-width: 1080px;
        }
    
        
        /* 動画コンテナのスタイル */
        .video-container {
            display: flex;
            gap: 10px;
            overflow-x: auto; /* 横スクロールを有効に */
            max-width: 1080px;
            margin: 0 auto;
            padding: 10px;
        }
        
        .video-container iframe {
            flex: 1 1 100%; /* 動画が1つの場合は全幅表示 */
            height: auto;
            aspect-ratio: 16 / 9;
            max-width: 500px; /* 最大幅を指定して小さすぎる表示を防ぐ */
            min-width: 320px;
        }
        
        /* 動画が複数ある場合、ウィンドウサイズに合わせて表示 */
        @media (max-width: 768px) {
            .video-container iframe {
                flex: 1 1 70%; /* タブレットでのサイズ調整 */
            }
        }
        
        @media (max-width: 480px) {
            .video-container iframe {
                flex: 1 1 100%; /* スマホでの全幅表示 */
                max-width: none;
            }
        }
        
        /* ヘッダーバナー画像のレスポンシブ対応 */
        .banner img {
            width: 100%;
            max-width: 1080px;
            height: auto;
            padding-bottom: 15px;
        }

        .footer-add-banner img {
            width: 100%;
            max-width: 1080px;
            height: auto;
            padding: 15px 10px;
        }
        
        @media (max-width: 480px) {
            .banner img {
                height: auto;
                max-height: 120px;
            }
        }
      </style>
	<style>        
        /* 横並びにするスタイル */
        .sub-header {
            display: flex; 
            justify-content: center;
        }
        /* リンクスタイルの調整 */
        .sub-header a {
            text-decoration: none; /* デフォルトの下線を削除 */
            color: black; /* テキストを黒色に */
            font-size: 10px; /* サイズ調整 */
            padding:  0 15px; /* 各リンク間のスペース */
            line-height: 1.5;
            margin-top: 4px;
            margin-bottom: 20px;
        }

        .sub-header a:hover {
        color: gray; 
        border-bottom: 1px solid gray;
        }

        .sub-menu__wrapper {
            display: flex;
        }
        
        @media (max-width: 1024px) {
        .sub-header {
            flex-wrap: wrap; /* 段を分ける */
            text-align: center;
        }

        .search__wrapper,
        .sub-menu__wrapper {
            flex: 1 1 100%; /* 横幅を100% */
        }

        .sub-menu__wrapper {
            margin-top: 5px;
            justify-content: center;
        }

        .text-box {
        /* テキストボックスの幅を調整 */
            font-size: 14px;
            padding: 4px;
            width: 400px;
        }

        .search__start {
            font-size: 15px;
        }

        .sub-menu__wrapper h3 {
            font-size: 12px; 
        }
        }

        @media (max-width: 768px) {
        .text-box {
            font-size: 5px;
            padding: 4px;
            max-width: 340px;
            width: 80%;
            min-width: 140px;
        }

        .search__start {
            font-size: 7px;
            padding: 2px;
        }
        .sub-menu__wrapper {
            display: grid; /* Gridを使用して2列レイアウトに */
            grid-template-columns: 1fr 1fr; /* 2列に配置 */
            gap: 10px;
        }

        .text-box {
            font-size: 10px;
            padding: 4px;
        } 

        .search__start {
            font-size: 10px;
            padding: 2px;
        }

        .sub-menu__wrapper h3 {
            font-size: 10px;
        }
        }
        /*/ 商品一覧のレイアウト */
        .product-list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1vw;
            padding: 1vw;
            width: 100%;
            max-width: 1080px;
            margin: 0 auto;
            background-color: #fff; /* 背景色を追加して白い部分が表示されないように */
        }
        
        /* レスポンシブ対応：タブレットとスマホでの列数変更 */
        @media (max-width: 1024px) {
            .product-list {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .product-list {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .link-item {
            color: rgb(81, 81, 81);
            padding: 10px;
            font-size: 13px
        }

        @media (max-width: 474px) {
            
            .link-item {
                color: rgb(81, 81, 81);
                padding: 7px;
                font-size: 10px
            }
        }
        
        .link-item:hover {
            opacity: 0.8;
        }

        /* 商品セクションの全体レイアウト */
        .product {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: stretch;
            padding: 0.5vw;
            box-shadow: 0 0 5px rgba(156, 156, 156, 0.1);
            min-height: 240px;
            gap: 0.5vw;
        }
        
        .image-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            margin-bottom: 0;
        }
        
        .product img {
            width: 100%;
            height: auto;
            max-height: 180px;
            object-fit: contain;
            display: block;
        }
        
        .product img:hover {
            opacity: 0.8;
        }
        
        /* テキスト部分のスタイル */
        .text-wrapper {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            width: 100%;
            margin-top: 0;
            gap: 0.2vw;
        }
        
        .product h2 {
            font-size: 0.9em;
            margin: 0.2vw 0;
            color: #333;
        }
        
        .product p {
            font-size: 0.8em;
            color: #666;
            margin: 0.2vw 0;
        }

        .product a {
            color: black;
            font-weight: bold;
            font-size: 0.8em;
            text-decoration: none;
            transition: color 0.3s;
        }

        @media (max-width: 1023px) {
            .product h2 {
            font-size: 1.2em;
    
        }
            .product p {
            font-size: 1.1em;
            }

            .product a {
            font-size: 1.2em;

        }
        }

        @media (max-width: 763px) {
            .product h2 {
            font-size: 1.7em;
    
        }
            .product p {
            font-size: 1.6em;
            }

            .product a {
            font-size: 1.6em;

        }
        }

        .product a:hover {
            color: gray;
        }
        
        /* スマートフォン用のレスポンシブ対応 */
        @media (max-width: 480px) {
            .product-list {
                grid-template-columns: repeat(2, 1fr); /* 480px以下では2列表示 */
            }
        }
        </style>
	<style>
        /* フッターのレイアウト */
        .site-footer {
            width: 100%;
            background-color: #f8f8f8;
            padding: 2vw;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 2vw;
        }

        .footer-section {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            width: 100%;
            max-width: 1200px;
            gap: 1vw;
            box-sizing: border-box;
        }

        .footer-item {
            background: #ffffff;
            border: 1px solid #ddd;
            padding: 2em;
            padding-bottom: 3em; /* 矢印のスペースを確保 */
            flex: 1 1 calc(25% - 1vw);
            max-width: calc(25% - 1vw);
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            text-align: left;
            position: relative;
            box-sizing: border-box;
        }

        .footer-header {
            display: flex;
            align-items: center;
            gap: 0.5em;
            margin-bottom: 0.5em;
        }

        .footer-icon img {
            max-width: 55px; /* アイコンサイズ */
            min-width: none;
            width: 100%;
        }

        .footer-item h4 {
            font-size: 14px;
            margin: 0;
        }

        .footer-item p {
            font-size: 12px;
            color: #555;
            margin: 0;
            line-height: 1.6;
            white-space: normal;
            word-break: break-word;
            padding-right: 2em; /* 矢印アイコンとの距離を確保 */
        }

        .footer-link {
            position: absolute;
            bottom: 1em;
            right: 1em;
            width: 24px;
            height: 24px;
            text-decoration: none;
        }

        /* お問い合わせセクションのデザイン */
        .footer-banner {
            background: #ffffff;
            border: 1px solid #ddd;
            padding: 1.5em;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            display: flex;
            justify-content: center;
            width: 100%;
            max-width: 1200px;
            box-sizing: border-box;
            position: relative;
        }

        .footer-link img {
            width: 30px; /* リンクアイコンサイズを小さく */
            height: 30px;
        }

        .footer-banner-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            max-width: 1100px;
        }

        .footer-banner {
            text-decoration: none;
            color: black;
        }

        .footer-banner:hover {
            opacity: 0.8;
        }

        .footer-banner-text {
            text-align: left;
        }

        .footer-banner h4 {
            font-size: 14px;
            font-weight: bold;
            margin: 0.5em 0;
            color: #333;
        }

        .footer-banner .footer-link {
            position: absolute;
            bottom: 1em;
            right: 1em;
            width: 24px;
            height: 24px;
        }


        .footer-section a{
            text-decoration: none;
            color: black;
        }

        .footer-item:hover{
            opacity: 0.8;
        }

        /* PC表示: 1024px以上で4列＋お問い合わせ */
        @media (min-width: 1024px) {
            .footer-item {
                flex: 1 1 calc(25% - 1vw); /* 4つ表示 */
                max-width: calc(25% - 1vw);
            }
            .footer-banner {
                max-width: 1200px; /* 他のボックスと幅を揃える */
            }
        }

        /* タブレット表示: 600px～1023pxで2列×2行＋お問い合わせ */
        @media (max-width: 1023px) and (min-width: 600px) {
            .footer-item {
                flex: 1 1 calc(50% - 1vw); /* 2つ表示 */
                max-width: calc(50% - 1vw);
            }
            .footer-banner {
                max-width: calc(100% - 2vw); /* 2個分の幅で揃える */
            }
            .footer-item h4, .footer-banner h4 {
                font-size: 10px;
            }
            .footer-item p {
                font-size: 9px;
            }
        }

        /* スマホ表示: 599px以下で1列 */
        @media (max-width: 599px) {
            .footer-item,
            .footer-banner {
                flex: 1 1 100%; /* 他のボックスと同じ幅に設定 */
                max-width: 100%;
            }

            .footer-banner {
                padding: 1em;
            }
            
            .footer-banner-content {
                flex-direction: column;
                align-items: flex-start;
                gap: 1em;
            }

            .footer-item h4, .footer-banner h4 {
                font-size: 10px;
            }
            .footer-item p {
                font-size: 9px;
            }
        }
    </style>
	<style>
/************************************ スライドショー動画**************************************/
#slide-videos,
#bestmatchstringsdunlop,
#bestmatchstringsprince,
#bestmatchstringsbabolat,
#bestmatchstringshead,
#bestmatchstringstecnifibre,
#brand-gut {
    width: 100%;
    max-width: 1080px;
    height: 600px;
    padding: 10px;
}

@media (max-width: 768px) {
    #slide-videos,
    #bestmatchstringsdunlop,
    #bestmatchstringsprince,
    #bestmatchstringsbabolat,
    #bestmatchstringshead,
    #bestmatchstringstecnifibre,
    #brand-gut {
        height: 300px;
    }
}
/************************************ 埋め込みyoutube動画**************************************/

/* 動画コンテナのスタイル */
.video-container {
    display: grid;
    gap: 10px;
    width: 100%; /* 親要素の幅いっぱい */
    max-width: 100%; /* 最大幅を画面幅に制限 */
    margin: 0 auto;
    overflow-x: auto; /* 必要に応じてスクロール */
    grid-template-columns: repeat(2, 1fr); /* デフォルトで2列 */
}

.video-container iframe {
    width: 100%; /* 動画がグリッドセルの幅にフィット */
    max-width: 100%; /* 最大幅を画面幅に制限 */
    height: auto; /* アスペクト比に基づいて高さを自動調整 */
    aspect-ratio: 16 / 9; /* アスペクト比を維持 */
    background-color: #ccc; /* デモ用背景 */
    flex-shrink: 0; /* 縮小を防ぐ */
}


.video-container::-webkit-scrollbar {
    height: 8px;
}

.video-container::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

.video-container::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}


/************************************ 以下個々のページのcss**************************************/
.product-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
    max-width: 1110px;
    width: 100%;
    background-color: #fff;
    padding: 20px;
}

.product-item {
    max-width: 470px; /* 幅の最大サイズ */
    max-height: 650px; /* 高さの最大サイズ */
    width: 100%;
    height: 100%;
}

.product-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 画像をコンテナにフィットさせる */
    max-width: 470px; /* 幅の最大サイズ */
    max-height: 650px; /* 高さの最大サイズ */
}

.text-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: Arial, sans-serif;
    color: #2c4730;
}

.text-center h2 {
    font-size: 1.5em;
    margin: 0;
}

.text-center p {
    font-size: 1em;
    margin: 5px 0 0;
}

.product-categoryname_1 {
    grid-column: 1 / -1; /* 全幅に設定 */
    padding: 1vw 0;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
    border-top: 2px solid #ccc; /* 上部に線を追加 */
    border-bottom: 2px solid #ccc; /* 下部に線を追加 */
    margin-bottom: 1vw;
}

.product-categoryname_2 {
    grid-column: 1 / -1; /* 全幅に設定 */
    padding: 1vw 0;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    color: #555555; /* 白文字に設定 */
    background-color: #EFEFEF; /* 黒背景に設定 */
    margin-bottom: 1vw;
    border: none; /* 上下の線を削除 */
}

.product-categoryname_3 {
    grid-column: 1 / -1; /* 全幅に設定 */
    padding: 1vw 0;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    color: #fff; /* 白文字に設定 */
    background-color: #333; /* 黒背景に設定 */
    margin-bottom: 1vw;
    border: none; /* 上下の線を削除 */
}
.product-categoryname_1 h3, .product-categoryname_2 h3, .product-categoryname_3 h3 {
    margin: 0;
    font-size: 14px;
}


</style>
<style>
.footer-link-banner img {
    width: 100%;
    max-width: 1080px;
    height: auto;
}


.nav-container {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background-color: #f5f5f5;
    justify-content: center;
    max-width: 80%; /* 幅を少し狭く設定 */
    margin: 0 auto; /* 中央揃え */
    border-radius: 5px; /* 角を少し丸める */
}

.nav-container .pickup {
    font-weight: bold;
    color: white;
    background-color: #333;
    padding: 5px 10px;
    text-decoration: none;
}

.nav-container a {
    color: #333;
    text-decoration: none;
}

.nav-container a:hover {
    text-decoration: underline;
}

.nav-container .separator {
    color: #ccc;
}

@media (max-width: 474px) {
            

    .nav-container {
        gap: 6px;
        padding: 0px;
        width: 100%;
        max-width: 470px;
    }

    .nav-container a {
        font-size: 6.5px;
    }


    }
</style>
	<style>
body {
            background-image: url("sp-prince25fw-back.jpg") !important;
            background-repeat: repeat !important;
            background-size: contain !important; 
            background-position: center center; 
        }

        @media (max-width: 768px) {
            body {
                background-size: cover !important;
                background-position: center top;
            }
}
</style>
</head>
<body>
    <header class="site-header">
		            <div class="banner">
                        <img src="brand-prince-25fw-title.jpg" alt="バナー">
                    </div>
		<div class="sub-header">
<div class="search__wrapper">
    <form id="searchForm" method="get" action="https://search.rakuten.co.jp/search/mall/" accept-charset="EUC-JP">
        <input class="text-box" id="searchInput" type="text" name="q" value="">
        <input class="search__start" type="submit" value="商品検索">
    </form>
</div>
    <script>
        document.getElementById('searchForm').addEventListener('submit', function (e) {
            e.preventDefault(); // デフォルトの送信を防ぐ
    
            const input = document.getElementById('searchInput').value;
            let encodedInput = input
                .replace(/ /g, '+') // 半角スペースを `+` に変換
                .replace(/　/g, '%E3%80%80'); // 全角スペースを `%E3%80%80` に変換
    
            // URLを動的に生成
            const baseURL = "https://search.rakuten.co.jp/search/mall/";
            const queryParams = "/?sid=207677";
            const fullURL = baseURL + encodedInput + queryParams;
    
            // リダイレクト
            window.location.href = fullURL;
        });
    </script>
                        <div class="sub-menu__wrapper">
                            <a href="https://www.rakuten.ne.jp/gold/kpi/" target="top">
                                <h3>KPIトップページ</h3>
                            </a>
                            <a href="https://item.rakuten.co.jp/kpi/c/" target="top">
                                <h3>KPIカテゴリー一覧</h3>
                            </a>
                            <a href="https://www.rakuten.co.jp/kpi/info.html" target="top">
                                <h3> 会社概要</h3>
                            </a>
                            <a href="https://www.rakuten.co.jp/kpi/info2.html" target="top">
                                <h3>ご利用ガイド・配送・返品</h3>
                            </a>
                            <a href="https://basket.step.rakuten.co.jp/rms/mall/bs/cartempty/?shop_bid=207677" target="top">
                                <h3><b>お買い物かご</b></h3>
                            </a>
                        </div>
</div>
    </header>
    <header class="video-header">
            <iframe id="slide-videos"
            title="prince_main_video"
            width= 100%
            height="600"
            frameborder=0
            scrolling="no"
            src=" https://www.youtube.com/embed/q34nAbGXFLQ?autoplay=1&mute=1">
            </iframe>
        <div class="video-container">
			            <iframe id="videos" src="https://www.youtube.com/embed/HN7BUEYeyKY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
			            <iframe id="videos" src="https://www.youtube.com/embed/KMUfRhv8rno" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
    </header>
    <main class="product-list">
		<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/prince+2025FW+%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9/?sid=207677">
<img src="https://shop.r10s.jp/kpi/cabinet/prince-7/wf5083-all.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「APPAREL COLLECTION 2025 Fall&Winter for Women《</h2>
 <p>プリンス 2025秋冬モデル レディースウェア</p>
 <a href="https://search.rakuten.co.jp/search/mall/prince+2025FW+%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/prince+2025FW+%E3%83%A1%E3%83%B3%E3%82%BA/?sid=207677">
<img src="https://shop.r10s.jp/kpi/cabinet/prince-7/mf5022-all.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「APPAREL COLLECTION 2025 Fall&Winter for Men《</h2>
 <p>プリンス 2025秋冬モデル メンズウェア</p>
 <a href="https://search.rakuten.co.jp/search/mall/prince+2025FW+%E3%83%A1%E3%83%B3%E3%82%BA/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://item.rakuten.co.jp/kpi/7bj091/?variantId=7BJ091-g5">
<img src="https://shop.r10s.jp/kpi/cabinet/prince-7/7bj091-main.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「TXZ AXIS《</h2>
 <p>TeXtreme x ZYLONを搭載することで効率的なパワーショットを実現</p>
 <a href="https://item.rakuten.co.jp/kpi/7bj091/?variantId=7BJ091-g5">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://item.rakuten.co.jp/kpi/7bj093/?variantId=7BJ093-g6">
<img src="https://shop.r10s.jp/kpi/cabinet/prince-7/7bj093-main.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「TXZ WINGS《</h2>
 <p>TeXtreme x ZYLONを搭載したプリンス最軽量モデル。</p>
 <a href="https://item.rakuten.co.jp/kpi/7bj093/?variantId=7BJ093-g6">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/DPS502+DPS512+DPS522+/?sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-7/2026w-l-a-img01.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「WIDE LITE ADVANCE《Series</h2>
 <p>現行モデルで最も幅の広い人気のWIDE LITE ADVANCEシリーズがデザインをライフスタイルテニスシューズとして一新。</p>
 <a href="https://search.rakuten.co.jp/search/mall/DPS502+DPS512+DPS522+/?sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/DPSZA19+DPSZC19/?sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-7/26-tour-pro-2.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「TOUR PRO Z 7《Series</h2>
 <p>選んだ事を後悔させない。履けばわかるこの安定感。プロ着用率NO.1モデル</p>
 <a href="https://search.rakuten.co.jp/search/mall/DPSZA19+DPSZC19/?sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/DPSLA12-203+DPSLA12-495+DPSLC12-203+DPSLC12-495+DPSLH12-495/?sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-7/26-tour-pro-lite-01.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「TOUR PRO LITE 9《</h2>
 <p>勝利を掴むスピードシューズ。</p>
 <a href="https://search.rakuten.co.jp/search/mall/DPSLA12-203+DPSLA12-495+DPSLC12-203+DPSLC12-495+DPSLH12-495/?sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/7TJ251+7TJ252+7TJ253+7TJ254+7TJ255+7TJ256+7TJ257/?sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-7/2026tour-img1.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「TOUR《series</h2>
 <p>TeXtreme×ZYLONを搭載し、レイアップを組み直すことで剛性を高め、
スピードボールを打つために生まれ変わったTOURシリーズ。</p>
 <a href="https://search.rakuten.co.jp/search/mall/7TJ251+7TJ252+7TJ253+7TJ254+7TJ255+7TJ256+7TJ257/?sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/7TJ262+7TJ241+7TJ242/?sid=207677&st=O">
<img src="https://shop.r10s.jp/kpi/cabinet/prince-7/7tj241.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince Junior racket「BEAST《</h2>
 <p>ジュニアラケット新製品「BEAST《</p>
 <a href="https://search.rakuten.co.jp/search/mall/7TJ262+7TJ241+7TJ242/?sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/PHANTOM+GRAPHITE+97+2025/?pls=1&s=4&sid=207677">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-6/2025-pgra97-01.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>PHANTOM GRAPHITE series 2025</h2>
 <p>PHANTOM GRAPHITE 97に待望の最高級カーボン素材TeXtreme x ZYLON＋ATSを搭載。</p>
 <a href="https://search.rakuten.co.jp/search/mall/PHANTOM+GRAPHITE+97+2025/?pls=1&s=4&sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/prince+EMBLEM+2025/?pls=1&s=4&sid=207677">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-6/2025-emblem01.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>EMBLEM Series 2025</h2>
 <p>『ラク・軽・パワー』美しいオーロラの光をイメージした限定追加カラー</p>
 <a href="https://search.rakuten.co.jp/search/mall/prince+EMBLEM+2025/?pls=1&s=4&sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/7TJ236+7TJ237/?pls=1&sid=207677&st=O">
<img src="https://thumbnail.image.rakuten.co.jp/@0_mall/kpi/cabinet/prince-6/7tj237-1.jpg?_ex=600x600" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「BEAST 100/BEAST O3《Series</h2>
 <p>テニスラケット新製品「BEAST 100《「BEAST O3《</p>
 <a href="https://search.rakuten.co.jp/search/mall/7TJ236+7TJ237/?pls=1&sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/DPSVA1+DPSVC1+DPSVH1/?sf=1&sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-6/venusmash-img01.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「VENUSMASH《Series</h2>
 <p>杉山愛プロ監修・レディーステニスシューズ「VENUSMASH《シリーズ</p>
 <a href="https://search.rakuten.co.jp/search/mall/DPSVA1+DPSVC1+DPSVH1/?sf=1&sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/prince+2025%E6%96%B0%E8%A3%BD%E5%93%81/?nitem=%E3%82%A6%E3%82%A7%E3%82%A2&pls=1&s=2&sid=207677">
<img src="https://thumbnail.image.rakuten.co.jp/@0_mall/kpi/cabinet/prince-6/ps380-all.jpg?_ex=600x600" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「Gloves/Caps/Socks/Towels《Accessories</h2>
 <p>新製品アクセサリー　グローブ・キャップ・ソックス・タオル</p>
 <a href="https://search.rakuten.co.jp/search/mall/prince+2025%E6%96%B0%E8%A3%BD%E5%93%81/?nitem=%E3%82%A6%E3%82%A7%E3%82%A2&pls=1&s=2&sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/prince+2025SS/?sid=207677&st=O">
<img src="https://thumbnail.image.rakuten.co.jp/@0_mall/kpi/cabinet/prince-6/ws5318k-main.jpg?_ex=600x600" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince 2025SS Model Tennis Wear</h2>
 <p>2025年春夏テニスウェア 1月発売モデル</p>
 <a href="https://search.rakuten.co.jp/search/mall/prince+2025SS/?sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/AT572+AT573+AT577/?sid=207677&st=O">
<img src="https://thumbnail.image.rakuten.co.jp/@0_mall/kpi/cabinet/prince-6/at572-all.jpg?_ex=600x600" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「AT《Series</h2>
 <p>ラケットバッグ新製品「ATシリーズ《</p>
 <a href="https://search.rakuten.co.jp/search/mall/AT572+AT573+AT577/?sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://item.rakuten.co.jp/kpi/7tj207k/">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-6/racket-7tj207k-p.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>CAMPAIGN</h2>
 <p>プリンスBEAST O3 104キャンディピンク購入で特典プレゼント</p>
 <a href="https://item.rakuten.co.jp/kpi/7tj207k/">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://item.rakuten.co.jp/kpi/7tj207k/">
<img src="https://thumbnail.image.rakuten.co.jp/@0_mall/kpi/cabinet/prince3/7tj207-cp.jpg?_ex=600x600" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「BEAST O3《</h2>
 <p>テニスラケット「ビースト オースリー 104＜キャンディピンク＞《</p>
 <a href="https://item.rakuten.co.jp/kpi/7tj207k/">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/prince+2025SS/?pls=1&sid=207677">
<img src="https://tshop.r10s.jp/kpi/cabinet/prince-6/ws5318-all.jpg?fitin=275:275" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「APPAREL COLLECTION 2025SS《</h2>
 <p>2025年春夏モデルウェア</p>
 <a href="https://search.rakuten.co.jp/search/mall/prince+2025SS/?pls=1&sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/%E3%83%97%E3%83%AA%E3%83%B3%E3%82%B9+%E4%B8%8A%E4%B8%8B%E3%82%BB%E3%83%83%E3%83%88/?pls=1&s=4&sf=1&sid=207677">
<img src="https://tshop.r10s.jp/kpi/cabinet/prince-6/wf4661-wf4853-148.jpg?fitin=275:275" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「APPAREL COLLECTION 2024FW《</h2>
 <p>プリンス2024年秋冬モデル 上下セット</p>
 <a href="https://search.rakuten.co.jp/search/mall/%E3%83%97%E3%83%AA%E3%83%B3%E3%82%B9+%E4%B8%8A%E4%B8%8B%E3%82%BB%E3%83%83%E3%83%88/?pls=1&s=4&sf=1&sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/DPSZA18-231+DPSZA18-394+DPSZC18-231+DPSZC18-394/?pls=1&sid=207677&st=O">
<img src="https://tshop.r10s.jp/kpi/cabinet/prince-6/dpszc18-394-01.jpg?fitin=275:275" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「TOUR PRO Z 6《</h2>
 <p>テニスシューズ新製品「ツアープロゼット6《</p>
 <a href="https://search.rakuten.co.jp/search/mall/DPSZA18-231+DPSZA18-394+DPSZC18-231+DPSZC18-394/?pls=1&sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/7TJ232+7TJ231/?sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-6/phantomo25-a1.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「PHANTOM Series 2025《</h2>
 <p>TeXtreme x ZYLON＋ATSで今まで以上のパワーとコントロールを実現。競技者の求める性能が詰まった最強のオールラウンドモデル。</p>
 <a href="https://search.rakuten.co.jp/search/mall/7TJ232+7TJ231/?sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/7TJ226+7TJ225/?sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-6/phantom25-a1.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「PHANTOM GRAPHITE series 2025《</h2>
 <p>TeXtreme×ZYLONという現代テクノロジーと伝統が融合。更なるスピン性能を追求したNEWクラシックモデル！</p>
 <a href="https://search.rakuten.co.jp/search/mall/7TJ226+7TJ225/?sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://item.rakuten.co.jp/kpi/7tj234/">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-6/emblem25-a1.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「EMBLEM Series 2025《</h2>
 <p>Princeラインアップの中で最強のパワーモデルシリーズ。 TeXtreme×ZYLONにバージョンアップすることで、圧倒的なパワーに加え振動吸収性がアップ。</p>
 <a href="https://item.rakuten.co.jp/kpi/7tj234/">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/DPSZC18-394+DPSZC18-231+DPSZA18-394+DPSZA18-231+DPSZC17+DPSZA17/?sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-6/tourproz-231-banner.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「TOUR PRO Z《 SERIES</h2>
 <p>プリンスが誇る最強モデル。独自の最適設定でオフバランスを作らせない現代テニス対応の競技者向け安定ツアーモデル。</p>
 <a href="https://search.rakuten.co.jp/search/mall/DPSZC18-394+DPSZC18-231+DPSZA18-394+DPSZA18-231+DPSZC17+DPSZA17/?sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/DPS422+DPS412+DPS402+DPS222+DPS212+DPS202+DPS022+DPS012+DPS002/?f=0&sf=1&sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-6/24wideliteadvance-01.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「WIDE LITE ADVANCE Series《</h2>
 <p>現行モデルで最も幅の広い足型を採用。柔軟で通気性の高いアッパー素材と高いクッション性で柔らかな足入れ感も実現した軽量ワイドモデル。</p>
 <a href="https://search.rakuten.co.jp/search/mall/DPS422+DPS412+DPS402+DPS222+DPS212+DPS202+DPS022+DPS012+DPS002/?f=0&sf=1&sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/DPSWH6+DPSWC6L+DPSWC6+DPSWA6L+DPSWA6+DPSWC5+DPSWA5/?f=0&sf=1&sid=207677&st=O">
<img src="https://shop.r10s.jp/kpi/cabinet/prince3/dpsw6--f6.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「WIDE LITE Series《</h2>
 <p>快適性と安定性を両立させ、長時間のプレーでも疲れにくいPrinceが送り出す第三のシューズ</p>
 <a href="https://search.rakuten.co.jp/search/mall/DPSWH6+DPSWC6L+DPSWC6+DPSWA6L+DPSWA6+DPSWC5+DPSWA5/?f=0&sf=1&sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/Disney/?sf=1&sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince3/disney-banner.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince Disney TENNIS COLLECTION</h2>
 <p>誰にでもテニスを楽しんでほしい！テニスライフに転がる沢山のポジティブなオドロキ＝感動を忘れて欲しくない！という思いが込められたDisneyシリーズ。</p>
 <a href="https://search.rakuten.co.jp/search/mall/Disney/?sf=1&sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/7TJ216+7TJ218+7TJ217+7TJ219+7TJ180+7TJ181+7TJ182+7TJ183+7TJ184+7TJ185+7TJ186+7TJ187+7TJ145+7TJ146/?f=0&sf=1&sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince3/xtour-sq.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince X Series</h2>
 <p>世界初、左右非対称のシャフト形状がフォアとバックで異なる性能を生み出すツイストパワーテクノロジー。</p>
 <a href="https://search.rakuten.co.jp/search/mall/7TJ216+7TJ218+7TJ217+7TJ219+7TJ180+7TJ181+7TJ182+7TJ183+7TJ184+7TJ185+7TJ186+7TJ187+7TJ145+7TJ146/?f=0&sf=1&sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/7TJ159+7TJ160/?f=0&sf=1&sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince-5/beast-max-a1.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince BEAST MAX</h2>
 <p>Princeの最新テクノロジーを全て搭載した最強パワーラケット</p>
 <a href="https://search.rakuten.co.jp/search/mall/7TJ159+7TJ160/?f=0&sf=1&sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/HYDROGEN/?sf=1&sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/prince3/dpsha2-a1.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince prince×HYDROGEN</h2>
 <p>イタリアのスポーツカジュアルラグジュアリーブランド「HYDROGEN（ハイドロゲン）《とのコラボレーション</p>
 <a href="https://search.rakuten.co.jp/search/mall/HYDROGEN/?sf=1&sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/2024FW+%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9/-/tg1004267/?nitem=%E3%83%A1%E3%83%B3%E3%82%BA&sf=1&sid=207677&st=O">
<img src="https://shop.r10s.jp/kpi/cabinet/prince-6/wf4663-all.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「APPAREL COLLECTION 2024 Fall&Winter for Men《</h2>
 <p>プリンス 2024春夏モデル メンズウェア</p>
 <a href="https://search.rakuten.co.jp/search/mall/2024FW+%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9/-/tg1004267/?nitem=%E3%83%A1%E3%83%B3%E3%82%BA&sf=1&sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/2024FW+%E3%83%A1%E3%83%B3%E3%82%BA/-/tg1004267/?nitem=%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9&sf=1&sid=207677&st=O">
<img src="https://shop.r10s.jp/kpi/cabinet/prince-6/mf4028-all.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince「APPAREL COLLECTION 2024 Fall&Winter for Women《</h2>
 <p>プリンス 2024春夏モデル レディースウェア</p>
 <a href="https://search.rakuten.co.jp/search/mall/2024FW+%E3%83%A1%E3%83%B3%E3%82%BA/-/tg1004267/?nitem=%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9&sf=1&sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/Prince/?filter=fs&sid=207677">
<img src="https://kpitennis.com/html/upload/t_image/brand-w-sm.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Free Shipping</h2>
 <p>送料無料アイテムをピックアップ</p>
 <a href="https://search.rakuten.co.jp/search/mall/Prince/?filter=fs&sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/Prince+%E6%B3%A8%E7%9B%AE/?sid=207677">
<img src="https://kpitennis.com/html/upload/t_image/brand-w-sale.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Prince SALE up to 70％OFF</h2>
 <p>お買得！特価アイテムをピックアップ</p>
 <a href="https://search.rakuten.co.jp/search/mall/Prince+%E6%B3%A8%E7%9B%AE/?sid=207677">詳細はこちら</a>
 </div>
</section>

    </main>
    <footer class="site-footer">
		<div class="footer-section">
            <!-- Footer Item 1 -->
            <a href="https://www.rakuten.ne.jp/gold/kpi/guide/qa.htm#q1-23" class="footer-item">
                <div class="footer-header">
                    <div class="footer-icon"><img src="https://kpitennis.com/html/upload/t_image/logoBrown.png" alt="アイコン"></div>
                    <h4><strong>返品・返金</strong></h4>
                </div>
                <p>当店の規定に従い、未使用品に限り到着日より7日間返品・返金を承ります。（返品申請フォームよりご連絡いただいたもののみ対応いたします）</p>
                <div class="footer-link"><img src="https://kpitennis.com/html/upload/t_image/toLink.png" alt="リンクアイコン"></div>
            </a>

            <!-- Footer Item 2 -->
            <a href="https://www.rakuten.ne.jp/gold/kpi/guide/qa.htm#q1-09" class="footer-item">
                <div class="footer-header">
                    <div class="footer-icon"><img src="https://kpitennis.com/html/upload/t_image/logoBrown.png" alt="アイコン"></div>
                    <h4><strong>配送について</strong></h4>
                </div>
                <p>3,980円（税込）以上ご注文いただいた場合、送料無料となります。（通常送料800円）</p>
                <div class="footer-link"><img src="https://kpitennis.com/html/upload/t_image/toLink.png" alt="リンクアイコン"></div>
            </a>

            <!-- Footer Item 3 -->
            <a href="https://www.rakuten.ne.jp/gold/kpi/guide/index.htm" class="footer-item">
                <div class="footer-header">
                    <div class="footer-icon"><img src="https://kpitennis.com/html/upload/t_image/logoBrown.png" alt="アイコン"></div>
                    <h4><strong>お支払い方法</strong></h4>
                </div>
                <p>クレジットカード・後払い決済・銀行決済・PayPalよりお選びいただけます。</p>
                <div class="footer-link"><img src="https://kpitennis.com/html/upload/t_image/toLink.png" alt="リンクアイコン"></div>
            </a>

            <!-- Footer Item 4 -->
            <a href="https://www.rakuten.ne.jp/gold/kpi/guide/qa.htm#q1-04" class="footer-item">
                <div class="footer-header">
                    <div class="footer-icon"><img src="https://kpitennis.com/html/upload/t_image/logoBrown.png" alt="アイコン"></div>
                    <h4><strong>キャンセル</strong></h4>
                </div>
                <p>ご注文確定後のキャンセルはお受けできません。商品をお確かめの上ご注文ください。</p>
                <div class="footer-link"><img src="https://kpitennis.com/html/upload/t_image/toLink.png" alt="リンクアイコン"></div>
            </a>
</div>

        <!-- お問い合わせセクション -->
        <a href="https://www.rakuten.ne.jp/gold/kpi/guide/qa.htm" class="footer-banner">
            <div class="footer-banner-content">
                <div class="footer-banner-text">
                    <h4><strong>お問い合わせ</strong></h4>
                </div>
                <div class="footer-link"><img src="https://kpitennis.com/html/upload/t_image/toLink.png" alt="リンクアイコン"></div>
            </div>
        </a>
    </footer>
</body>
</html>�