/* フロントエンド用のスタイル - Tann Banner V2 */

/* バナーの外側のラッパー */
.tann-banner-v2-wrapper {
    width: 100%;
    margin: 20px auto;
    padding: 0;
}

/* バナーのコンテナ */
.tann-banner-v2-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* バナー内の画像を自動調整 */
.tann-banner-v2-container img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* バナー内のリンク */
.tann-banner-v2-container a {
    display: block;
    text-decoration: none;
}

/* レスポンシブ対応: タブレット以下 */
@media screen and (max-width: 768px) {
    .tann-banner-v2-wrapper {
        margin: 15px auto;
    }
    
    .tann-banner-v2-container {
        width: 100% !important;
    }
}

/* レスポンシブ対応: スマートフォン */
@media screen and (max-width: 480px) {
    .tann-banner-v2-wrapper {
        margin: 10px auto;
    }
}

/* アフィリエイトコード内のiframe対応 */
.tann-banner-v2-container iframe {
    max-width: 100%;
    border: none;
}