@charset "UTF-8";
/* ※「id」で指定されたものは、「#」を付ける。ページ中に1度しか登場しない  */
/* ※「class」は「.」を付けるだけ。ページ中に何度でも登場する */
/* ※「top.css」はトップページ専用ＣＳＳです。*/
div.WgContFra {
    margin: 0 0 24px 0;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 4px solid #999999;
}
div.WgContFra h2 {
    font-size: 12px;
    background-color: #006699;
    color: #FFFFFF;
}
div.WgContFra li.WgContFraWrapList {
    float: left;
}
div.WgContFra li.WgContFraWrapList img {
    width: 100%;
}
div#Amazon_Pay_BBP {
    width: 100%;
}
div#Amazon_Pay_BBP img {
    width: 100%;
}
/* GalaxyS5 Pixel2 Pixel2XL iPhone5/SE など */
/* ---------------------------------------------------- */
@media screen and (max-width:330px) {
    /* レビューの設定 */
    /* ---------------------------------------------------- */
    div.fs-c-productReview {
        border-top: 1px solid #AAAAAA;
        border-right: 1px solid #AAAAAA;
        border-left: 4px solid #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
        margin-bottom: 20px;
        padding: 16px;
    }
    div.fs-c-productReview::before {
        content: "この商品のレビュー"; /* 見出しのテキスト */
        display: block;
        padding: 5px 0 6px 0;
        margin-bottom: 16px;
        background-color: #006699; /* 2枚目の画像に近い濃い青 */
        font-weight: bold;
        font-size: 20px;
        text-indent: 8px;
        color: #ffffff;
    }
    div.fs-c-productReview div.fs-c-productReview__aggregateRating {
        background: #EEEEEE;
        padding: 8px;
        font-weight: bold;
    }
    /* 「future AI Recommend」の設定 */
    /* ---------------------------------------------------- */
    div.flywheel-recommend__frame {
        border-top: 1px solid #AAAAAA; /* 枠線の太さと色 */
        border-right: 1px solid #AAAAAA; /* 枠線の太さと色 */
        border-left: 4px solid #AAAAAA; /* 枠線の太さと色 */
        border-bottom: 1px solid #AAAAAA; /* 枠線の太さと色 */
        margin-bottom: 20px;    /* 下の余韻 */
        background-color: #fff; /* 背景を白に */
    }
    div.flywheel-recommend__frame h2.fs-p-heading--lv2 {
        padding: 5px 0 6px 0;
        margin: 8px 8px 16px 8px !important;
        background-color: #006699; /* 2枚目の画像に近い濃い青 */
        font-weight: bold;
        font-size: 20px;
        text-indent: 8px;
        color: #ffffff;
    }
    div.flywheel-recommend__frame div.fr3-item__productName {
        display: block;
        height: 57px;
        overflow: hidden;
    }
    div.flywheel-recommend__frame span.fr3-item__productPrice__price {
        font-size: 140%;
        font-weight: bold;
        color: #006db8;
        margin-bottom: 8px;
    }
    /* 新入荷＆特選ゴルフ用品！の設定 */
    /* ---------------------------------------------------- */
    div.TopPage {
        display: none;
    }
    div.WgContFra h3 {
        padding: 2% 2% 0 2%;
        font-size: 14px;
        text-indent: 2%;
        font-weight: bold;
        color: #006699;
    }
    div.WgContFra h2 {
        padding: 2%;
        margin: 2%;
    }
    div.WgContFra strong {
        font-size: 16px;
        line-height: 20px;
        margin: 0 25px 0 0;
        font-weight: bold;
    }
    div.WgContFra div.WgContFraWrap {
        margin: 0 0 2% 2%;
    }
    div.WgContFra div.fs-pt-carousel {
        margin: 0 2% 0 0;
    }
    div.WgContFra li.WgContFraWrapList {
        width: 48%;
        margin: 0 2% 2% 0;
    }
    div.WgContFra li.WgContFraSaleBN {
        margin: 3%;
    }
    div.WgContFra li.WgContFraWrapList h5 {
        display: block;
        overflow: hidden;
        height: 46px;
        margin: 2%;
        line-height: 130%;
    }
    div.WgContFra li.WgContFraWrapList h3 {
        display: block;
        background-color: #D90000;
        padding: 2%;
        text-align: right;
        color: #FFFFFF;
        font-size: 120%;
    }
    div.WgContFra iframe.WgContFraWrapListIframe {
        width: 98%;
        height: 2050px;
    }
}
/* iPhone6/7/8 iPhone6/7/8 Plus iPhoneX など */
/* ---------------------------------------------------- */
@media screen and (min-width:331px) and (max-width:700px) {
    /* レビューの設定 */
    /* ---------------------------------------------------- */
    div.fs-c-productReview {
        border-top: 1px solid #AAAAAA;
        border-right: 1px solid #AAAAAA;
        border-left: 4px solid #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
        margin-bottom: 20px;
        padding: 16px;
    }
    div.fs-c-productReview::before {
        content: "この商品のレビュー"; /* 見出しのテキスト */
        display: block;
        padding: 5px 0 6px 0;
        margin-bottom: 16px;
        background-color: #006699; /* 2枚目の画像に近い濃い青 */
        font-weight: bold;
        font-size: 20px;
        text-indent: 8px;
        color: #ffffff;
    }
    div.fs-c-productReview div.fs-c-productReview__aggregateRating {
        background: #EEEEEE;
        padding: 8px;
        font-weight: bold;
    }
    /* 「future AI Recommend」の設定 */
    /* ---------------------------------------------------- */
    div.flywheel-recommend__frame {
        border-top: 1px solid #AAAAAA; /* 枠線の太さと色 */
        border-right: 1px solid #AAAAAA; /* 枠線の太さと色 */
        border-left: 4px solid #AAAAAA; /* 枠線の太さと色 */
        border-bottom: 1px solid #AAAAAA; /* 枠線の太さと色 */
        margin-bottom: 20px;    /* 下の余韻 */
        background-color: #fff; /* 背景を白に */
    }
    div.flywheel-recommend__frame h2.fs-p-heading--lv2 {
        padding: 5px 0 6px 0;
        margin: 8px 8px 16px 8px !important;
        background-color: #006699; /* 2枚目の画像に近い濃い青 */
        font-weight: bold;
        font-size: 20px;
        text-indent: 8px;
        color: #ffffff;
    }
    div.flywheel-recommend__frame div.fr3-item__productName {
        display: block;
        height: 57px;
        overflow: hidden;
    }
    div.flywheel-recommend__frame span.fr3-item__productPrice__price {
        font-size: 140%;
        font-weight: bold;
        color: #006db8;
        margin-bottom: 8px;
    }
    /* 新入荷＆特選ゴルフ用品！の設定 */
    /* ---------------------------------------------------- */
    div.TopPage {
        display: none;
    }
    div.WgContFra h3 {
        padding: 2% 2% 0 2%;
        font-size: 14px;
        text-indent: 2%;
        font-weight: bold;
        color: #006699;
    }
    div.WgContFra h2 {
        padding: 2%;
        margin: 2%;
    }
    div.WgContFra strong {
        font-size: 16px;
        line-height: 20px;
        margin: 0 25px 0 0;
        font-weight: bold;
    }
    div.WgContFra div.WgContFraWrap {
        margin: 0 2% 2% 2%;
    }
    div.WgContFra div.WgContFraWrap li {
        margin: 0 0 2% 0;
    }
    div.WgContFra div.fs-pt-carousel {
        margin: 0 2% 0 0;
    }
    div.WgContFra li.WgContFraWrapList {
        width: 48%;
        margin: 0 2% 2% 0;
    }
    div.WgContFra li.WgContFraSaleBN {
        margin: 3%;
    }
    div.WgContFra li.WgContFraWrapList h5 {
        display: block;
        overflow: hidden;
        height: 46px;
        margin: 2%;
        line-height: 130%;
    }
    div.WgContFra li.WgContFraWrapList h3 {
        display: block;
        background-color: #D90000;
        padding: 2%;
        text-align: right;
        color: #FFFFFF;
        font-size: 120%;
    }
    div.WgContFra iframe.WgContFraWrapListIframe {
        width: 98%;
        height: 2150px;
    }
}
/* iPad PC など */
/* ---------------------------------------------------- */
@media screen and (min-width:701px) {
    header.fs-l-header:has(#WgTopHead) {
        margin-bottom: 0!important;
    }
    /* レビューの設定 */
    /* ---------------------------------------------------- */
    div.fs-c-productReview {
        border-top: 1px solid #AAAAAA;
        border-right: 1px solid #AAAAAA;
        border-left: 4px solid #AAAAAA;
        border-bottom: 1px solid #AAAAAA;
        margin-bottom: 20px;
        padding: 16px;
    }
    div.fs-c-productReview::before {
        content: "この商品のレビュー"; /* 見出しのテキスト */
        display: block;
        padding: 5px 0 6px 0;
        margin-bottom: 16px;
        background-color: #006699; /* 2枚目の画像に近い濃い青 */
        font-weight: bold;
        font-size: 20px;
        text-indent: 8px;
        color: #ffffff;
    }
    div.fs-c-productReview div.fs-c-productReview__aggregateRating {
        background: #EEEEEE;
        padding: 8px;
        font-weight: bold;
    }
    /* 任意商品表示の設定 */
    /* ---------------------------------------------------- */
    .ProductListCarousel {
        border-top: 1px solid #AAAAAA; /* 枠線の太さと色 */
        border-right: 1px solid #AAAAAA; /* 枠線の太さと色 */
        border-left: 4px solid #AAAAAA; /* 枠線の太さと色 */
        border-bottom: 1px solid #AAAAAA; /* 枠線の太さと色 */
        margin-bottom: 20px;    /* 下の余韻 */
        background-color: #fff; /* 背景を白に */
    }
    .ProductListCarousel::before {
        content: "お勧めゴルフ用品"; /* 見出しのテキスト */
        display: block;
        padding: 5px 0 6px 0;
        margin: 8px 8px 16px 8px;
        background-color: #006699; /* 2枚目の画像に近い濃い青 */
        font-weight: bold;
        font-size: 20px;
        text-indent: 8px;
        color: #ffffff;
    }
    /* 「future AI Recommend」の設定 */
    /* ---------------------------------------------------- */
    div.flywheel-recommend__frame {
        border-top: 1px solid #AAAAAA; /* 枠線の太さと色 */
        border-right: 1px solid #AAAAAA; /* 枠線の太さと色 */
        border-left: 4px solid #AAAAAA; /* 枠線の太さと色 */
        border-bottom: 1px solid #AAAAAA; /* 枠線の太さと色 */
        margin-bottom: 20px;    /* 下の余韻 */
        background-color: #fff; /* 背景を白に */
    }
    div.flywheel-recommend__frame h2.fs-p-heading--lv2 {
        padding: 5px 0 6px 0;
        margin: 8px 8px 16px 8px !important;
        background-color: #006699; /* 2枚目の画像に近い濃い青 */
        font-weight: bold;
        font-size: 20px;
        text-indent: 8px;
        color: #ffffff;
    }
    div.flywheel-recommend__frame div.fr3-productListStatic {
        margin: 8px;
    }
    div.flywheel-recommend__frame div.fr3-item__productName {
        display: block;
        height: 60px;
        overflow: hidden;
    }
    div.flywheel-recommend__frame span.fr3-item__productPrice__price {
        font-size: 140%;
        font-weight: bold;
        color: #006db8;
    }
    /* 新入荷＆特選ゴルフ用品！の設定 */
    /* ---------------------------------------------------- */
    div.WgContFra {
        width: 816px;
    }
    div.WgContFra h3 {
        padding: 7px 8px 2px 8px;
        font-size: 14px;
        text-indent: 8px;
        font-weight: bolder;
        color: #006699;
    }
    div.WgContFra h2 {
        font-size: 12px;
        padding: 5px 0 6px 0;
        background-color: #006699;
        text-indent: 8px;
        font-weight: bolder;
        color: #FFFFFF;
        margin: 0 8px 16px 8px;
    }
    div.WgContFra strong {
        font-size: 20px;
        line-height: 20px;
        margin: 0 25px 0 0;
        font-weight: bolder;
    }
    div.WgContFra div.WgContFraWrap {
        margin: 0 8px 8px 8px;
    }
    div.WgContFraWrapBgImg {
        background-image: url(https://www.rakuten.ne.jp/gold/worldgolf/img/top_2019/bgimg_001.jpg);
        background-repeat: no-repeat;
        background-position: right bottom;
    }
    div.WgContFra iframe {
        margin: 8px;
    }
    div.WgContFra ul {}
    div.WgContFra li.WgContFraSaleBN {
        margin: 32px;
    }
    div.WgContFra li.WgContFraThumbBN {
        float: left;
        width: 158px;
        height: 242px;
        padding: 8px;
        border-left: solid 1px #AAAAAA;
        border-bottom: solid 1px #AAAAAA;
    }
    div.WgContFra li.WgContFraThumbBN:first-child {
        border-left: none;
    }
    div.WgContFra li.WgContFraThumbBN:nth-of-type(6) {
        border-left: none;
    }
    div.WgContFra li.WgContFraThumbBN:nth-of-type(11) {
        border-left: none;
        border-bottom: none;
    }
    div.WgContFra li.WgContFraThumbBN:nth-of-type(n+12) {
        border-bottom: none;
    }
    div.WgContFra ul.WgContFraText li {
        clear: both;
        width: 779px;
        margin: 0 0 8px 0;
        padding: 0 0 8px 0;
        border-bottom: solid 1px #AAAAAA;
    }
    div.WgContFra li h5 {
        font-size: 80%;
        font-weight: normal;
        line-height: 140%;
        display: block;
        overflow: hidden;
        height: 52px;
    }
    div.WgContFra li h3 {
        display: block;
        background-color: #D90000;
        padding: 4px;
        text-align: right;
        color: #FFFFFF;
        font-size: 120%;
        margin: 4px 0 0 0;
    }
}