<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>adidas×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-Adidas-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="bland-adidas-fw-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">
        
        <div class="video-container">
        </div>
    </header>
    <main class="product-list">
		<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%A9%E3%83%B3%E3%83%8B%E3%83%B3%E3%82%B0%E3%82%B7%E3%83%A5%E3%83%BC%E3%82%BA+2025/?pls=1&s=4&sid=207677">
<img src="https://thumbnail.image.rakuten.co.jp/@0_mall/kpi/cabinet/adidas-18/adj-ji4601-.jpg?_ex=600x600" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas「Adizero Duramo/GLX 7」New Shoes</h2>
 <p>ランニングシューズ新製品「Adizero Duramo」「GLX 7」など販売開始</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%A9%E3%83%B3%E3%83%8B%E3%83%B3%E3%82%B0%E3%82%B7%E3%83%A5%E3%83%BC%E3%82%BA+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/adidas+%E3%83%A9%E3%83%B3%E3%83%8B%E3%83%B3%E3%82%B0%E3%82%B7%E3%83%A5%E3%83%BC%E3%82%BA/?pls=1&s=4&sf=1&sid=207677">
<img src="https://tshop.r10s.jp/kpi/cabinet/adidas-17/adj-ih8193-.jpg?fitin=275:275" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas ADIZERO BOSTON 12 / TAKUMI SEN 10</h2>
 <p>ランニングシューズ新製品「ADIZERO BOSTON 12」「TAKUMI SEN 10」など</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%A9%E3%83%B3%E3%83%8B%E3%83%B3%E3%82%B0%E3%82%B7%E3%83%A5%E3%83%BC%E3%82%BA/?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/adidas+%E3%83%86%E3%83%8B%E3%82%B9%E3%82%B7%E3%83%A5%E3%83%BC%E3%82%BA/?sid=207677">
<img src="https://tshop.r10s.jp/kpi/cabinet/adidas-14/adj-ig9515-.jpg?fitin=275:275" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas Tennis Shoes</h2>
 <p>アディダス テニスシューズ</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%86%E3%83%8B%E3%82%B9%E3%82%B7%E3%83%A5%E3%83%BC%E3%82%BA/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas+2023FW+%E3%82%A6%E3%82%A3%E3%83%B3%E3%83%96%E3%83%AB%E3%83%89%E3%83%B3/?sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/adidas-23fw-w.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas NEW LONDON COLLECTION</h2>
 <p>アディダス 全英オープン2023 ロンドンシリーズ</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+2023FW+%E3%82%A6%E3%82%A3%E3%83%B3%E3%83%96%E3%83%AB%E3%83%89%E3%83%B3/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/IJI45+IJJ17+IJJ18+IJJ20+MKO19+MKO20+MKO32/?sid=207677&st=O">
<img src="https://image.rakuten.co.jp/kpi/cabinet/adidas-12/adidas-usopen23.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas NY COLLECTION</h2>
 <p>アディダス USオープン2023 ニューヨークシリーズ</p>
 <a href="https://search.rakuten.co.jp/search/mall/IJI45+IJJ17+IJJ18+IJJ20+MKO19+MKO20+MKO32/?sid=207677&st=O">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E9%87%8E%E7%90%83/?sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/ussp-ss21-baseball-selling-season-adizero-plp-story-snippet-landscape-d_tcm221-620523.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas Baseball Shoes</h2>
 <p>アディダス野球シューズ</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E9%87%8E%E7%90%83/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%9E%E3%83%AA%E3%83%A1%E3%83%83%E3%82%B3/?s=4&sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/marimekko-2023.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>ADIDAS X MARIMEKKO</h2>
 <p>アディダスとマリメッコが共に作り上げた最新コレクションは、女性のシルエットを祝福するアイコニックなデザイン。</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%9E%E3%83%AA%E3%83%A1%E3%83%83%E3%82%B3/?s=4&sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%86%E3%83%8B%E3%82%B9+%E3%82%B7%E3%83%A5%E3%83%BC%E3%82%BA+%E3%82%B8%E3%83%A5%E3%83%8B%E3%82%A2/?sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/tennis-shoes-kids.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas Tennis Shoes Kids</h2>
 <p>アディダス テニスシューズ ジュニア</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%86%E3%83%8B%E3%82%B9+%E3%82%B7%E3%83%A5%E3%83%BC%E3%82%BA+%E3%82%B8%E3%83%A5%E3%83%8B%E3%82%A2/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://item.rakuten.co.jp/kpi/rf495/">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/mask.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas Sports Mask</h2>
 <p>アディダス マルチSPアクセサリー ユニセックス フェイスカバー</p>
 <a href="https://item.rakuten.co.jp/kpi/rf495/">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%A8%E3%82%AC%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF/?sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/000000000808_1_57aA058.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas YOGA Block</h2>
 <p>アディダス 健康・ボディケアアクセサリ ヨガブロック</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%A8%E3%82%AC%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%86%E3%83%8B%E3%82%B9+%E3%82%A6%E3%82%A7%E3%82%A2+%E3%83%A1%E3%83%B3%E3%82%BA/?sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/tennis-men.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas Tennis Wear Men's</h2>
 <p>テニス ウェア メンズ</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%86%E3%83%8B%E3%82%B9+%E3%82%A6%E3%82%A7%E3%82%A2+%E3%83%A1%E3%83%B3%E3%82%BA/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%86%E3%83%8B%E3%82%B9+%E3%82%A6%E3%82%A7%E3%82%A2+%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9/?sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/tennis-ladies.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas Tennis Wear Ladies</h2>
 <p>テニス ウェア レディース</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%86%E3%83%8B%E3%82%B9+%E3%82%A6%E3%82%A7%E3%82%A2+%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/adidas+shoes+ADILETTE+/-/tg5002044/?sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/ADILETTE.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas ADILETTE</h2>
 <p>アディダス ADILETTE</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+shoes+ADILETTE+/-/tg5002044/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas+2022SS+%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9/?sid=207677">
<img src="https://image.rakuten.co.jp/kpi/cabinet/adidas-7/adidasw-22ss.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>2022Spring & Summer Adidas Tennis Wear Ladies</h2>
 <p>テニスウェア 2022年春夏レディースコレクション</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+2022SS+%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/adidas+%E3%83%86%E3%83%8B%E3%82%B9%E3%82%B7%E3%83%A5%E3%83%BC%E3%82%BA+%E3%83%AC%E3%83%87%E3%82%A3%E3%83%BC%E3%82%B9/?sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/tennis-shoes-ladies.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas Shoes Ladies</h2>
 <p>アディダステニス テニスシューズ レディース</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%86%E3%83%8B%E3%82%B9%E3%82%B7%E3%83%A5%E3%83%BC%E3%82%BA+%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/adidas+%E6%B3%A8%E7%9B%AE/?sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/brand-w-sale.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas SALE up to 70％OFF</h2>
 <p>お買得！特価アイテムをピックアップ</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E6%B3%A8%E7%9B%AE/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas/?filter=fs&s=4&sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/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/adidas/?filter=fs&s=4&sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/Adidas+bag/?sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/bag.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas Bags</h2>
 <p>アディダス バッグ</p>
 <a href="https://search.rakuten.co.jp/search/mall/Adidas+bag/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://item.rakuten.co.jp/kpi/jer20/">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/PRIME-BLUE-PRINT-SHORTS.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas PRIME BLUE PRINT SHORTS</h2>
 <p>アディダス テニスウェア メンズ PRINTED</p>
 <a href="https://item.rakuten.co.jp/kpi/jer20/">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%A9%E3%82%B0%E3%83%93%E3%83%BC+%E3%82%B9%E3%83%91%E3%82%A4%E3%82%AF/?sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/rugby.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas RUGBY</h2>
 <p>アディダス ラグビースパイク</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+%E3%83%A9%E3%82%B0%E3%83%93%E3%83%BC+%E3%82%B9%E3%83%91%E3%82%A4%E3%82%AF/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas+2022SS+%E3%83%A1%E3%83%B3%E3%82%BA/?sid=207677">
<img src="https://image.rakuten.co.jp/kpi/cabinet/adidas-7/adidasm-22ss.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>2022Spring & Summer Adidas Tennis Wear Mens</h2>
 <p>テニスウェア 2022年春夏メンズコレクション</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+2022SS+%E3%83%A1%E3%83%B3%E3%82%BA/?sid=207677">詳細はこちら</a>
 </div>
</section>
<section class="product">
 <div class="image-wrapper">
 <a href="https://search.rakuten.co.jp/search/mall/adidas+CAP+/-/tg5002043/?sid=207677">
<img src="https://www.rakuten.ne.jp/gold/kpi/b/BASEBALL-3-STRIPES-TWILL-CAP.jpg" alt="商品画像"></a>
 </div>
 <div class="text-wrapper">
 <h2>Adidas BASEBALL CAP</h2>
 <p>アディダス キャップ・バイザー</p>
 <a href="https://search.rakuten.co.jp/search/mall/adidas+CAP+/-/tg5002043/?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>�