/* ブルームトップcss */
.broome-main {
    margin: 24px auto;
    max-width: 1600px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width:599px) {
    .fs-body-top .fs-l-main {
        padding: 0;
    }

    body {
        font-weight: 400;
    }

    .fs-l-main {
        margin: 50px auto 24px;
    }
}

@media screen and (min-width:600px) {
    .fs-body-top .fs-l-main {
        max-width: 1500px;
    }
}

/* 【全体】ヘッダー余白 */
.fs-l-header {
    padding-top: 0;
}

/* 【全体】フォント設定 */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

/* 【フッター】 */
.org-footer {
    border-top: none;
}

.fs-p-footerCopyright {
    background-color: #c6b066;
}

/* 【商品一覧】キャッチコピー非表示 */
.fs-c-productName__copy {
    display: none;
}

/* 【商品一覧】商品名 */
.fs-c-productListItem__productName {
    font-size: 1.3rem;
    line-height: 1.3;
}

/* 【商品検索】価格 */
.fs-c-productList .fs-c-price__value {
    font-size: 2rem;
}

/* 【商品説明】お気に入りアイコン */
.fs-c-button--particular {
    color: #b9b9b9;
}

/* 【商品説明】カートバリエーション部分 */
.fs-c-variationRadioList__row {
    padding: 8px 4px;
    border-top: 1px solid #cecece;
}

.fs-c-variationRadioList__row:last-child {
    border-bottom: 1px solid #cecece;
}

.fs-c-variationRadioList__name {
    font-weight: normal;
}

/* 【商品説明】商品名 */
.fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
    font-size: 3.2rem;
}

.fs-c-heading {
    line-height: 1.5;
    letter-spacing: 1.2px;
}

/* 【商品説明】商品番号 */
.fs-c-productNumber {
    border: 0;
    padding: 0;
}

.fs-c-productNumber__number {
    font-weight: normal;
}

/* 【商品説明】ポイント還元 */
.fs-c-productPointDisplay {
    position: relative;
    background: #f2f2f2;
    color: #3c3c3c;
    padding: 13px;
    width: 100%;
    border-radius: 3px;
}

.fs-c-productPointDisplay::before {
    background: #f2f2f2;
    content: "";
    display: inherit;
    height: 12px;
    left: 20px;
    position: absolute;
    top: -5px;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -moz-transform-origin: rotate(135deg);
    -webkit-transform: rotate(135deg);
    width: 12px;
}

/* 【商品説明】送料ラベル */
.fs-c-productPostage__label {
    font-size: 120%;
    color: #e62f2f;
}

.fs-c-productPostage::before {
    content: "";
}

.fs-c-productPostage::after {
    content: "";
}

/* 【商品説明】カートバリエーション */
.fs-c-variationAndActions {
    margin-top: 15px;
}

/* 【商品説明】カートボタン */
.fs-c-button--primary {
    font-size: 1.7rem;
    letter-spacing: 1px;
    box-shadow: 0 0;
    min-width: 100%;
}

.fs-c-button--primary .fs-c-button__label {
    line-height: 1.3;
}

/* 【商品説明】ゲスト購入ボタン */
.fs-c-button--secondary {
    letter-spacing: 1px;
    box-shadow: 0 0;
    min-width: 100%;
}

.fs-c-button--secondary .fs-c-button__label {
    line-height: 1.3;
}

/* 【商品説明】お問合わせ */
.org_button_info {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 8px 10px;
    width: 100%;
    text-align: center;
    background:url(https://broome.itembox.cloud/item/image/common/icon/icon_mailinfo2.png?t=20260624135227) no-repeat 20% center;
    background-size: 6%;
}

/* 【商品説明フリーパーツ5～6】 */
@media screen and (max-width:809px) {
    div.itemDetail_img {
        width: 100%;
        margin: 10px 0 40px;
        text-align: center;
    }

    .itemDetail_img img {
        margin-bottom: 5px;
        width: 100%;
    }
}

@media screen and (min-width:810px) {
    div.itemDetail_img {
        width: 810px;
        margin-top: 20px;
        text-align: center;
    }

    .itemDetail_img img {
        max-width: 100%;
        margin-bottom: 10px;
    }

    img.common_imgImabari {}

    img.bn600px {
        width: 600px;
    }
}

/* 【商品説明】見出し */
p.gift_midashi {
    text-align: left;
    padding: 20px 0;
    line-height: 2
}

/* 【商品説明】水平線見出し */
.lines-on-sides {
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
}

/* 商品説明(注意書き、コメント部分) */
.item_attention {
    text-align: left;
    line-height: 2;
}

@media screen and (max-width:849px) {
    .lines-on-sides {
        width: 100%;
    }
}

@media screen and (min-width:850px) {
    .lines-on-sides {
        width: 850px;
    }
}

.lines-on-sides:before {
    content: "";
    display: block;
    border-top: solid 1px #a7a7a7;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.lines-on-sides span {
    background: #fff;
    margin: 0 30px;
    padding: 0 10px;
    position: relative;
    z-index: 5;
}

/* 【商品ラベル】全体 */
.fs-c-productMark__mark {
    margin-right: 3px;
    margin-top: 3px;
}

/* 【商品ラベル】送料無料 */
.mark_org_souryou {
    color: #3572b0;
    border: 1px solid #3572b0;
    padding: 3px 7px;
}

/* 【商品ラベル】クーポン対象商品 */
.org_couponImg {
    padding: 1em 0;
}

/* 【商品ラベル】クーポン対象＠ブラックフライデー用 */
.mark_org_coupon {
    color: #c6b066;
    background: #343434;
}

/* 【商品ラベル】干支タオル_PP袋 */
.org_label_pp {
    background: #cae4ec;
}

/* 【商品説明】桐箱で使用 2列用 */
@media screen and (max-width:599px) {
    div.item_2row {
        margin: 20px 0;
        width: 100%;
        padding: 5px;
        background-color: #efefef;
    }

    .item_2row li {
        display: inline-block;
        width: 47%;
        text-align: center;
        padding: 5px;
    }
}

@media screen and (min-width:600px) {
    div.item_2row {
        margin: 50px 0;
        width: 810px;
        padding: 10px;
        background-color: #efefef;
    }

    .item_2row li {
        display: inline-block;
        width: 47%;
        text-align: center;
        padding: 10px;
    }
}

.item_2row img {
    width: auto;
}

.item_2row p {
    padding: 10px 0;
    font-weight: bold;
}

/* 【商品説明】桐箱で使用 3列用 */
@media screen and (max-width:809px) {
    div.item_3row {
        margin: 20px 0;
        width: 100%;
        padding: 5px;
        text-align: center;
    }
}

@media screen and (min-width:810px) {
    div.item_3row {
        margin: 50px 0;
        width: 810px;
        padding: 10px;
        text-align: center;
    }
}

.item_3row li {
    display: inline-block;
    width: 30%;
    text-align: center;
}

.item_3row img {
    width: 100%;
}

/* 店舗概要で固定ヘッダ分リンクがずれるの防ぐcss */
.fs-c-documentArticle {
    padding-top: 100px;
    margin-top: -100px;
}

/* カテゴリページで使える見出し */
@media screen and (max-width:599px) {
    .br_subtitle {
        border-left: 7px solid #C6B066;
        padding: 5px;
        font-size: 120%;
        text-align: left;
    }
}

@media screen and (min-width:600px) {
    .br_subtitle {
        border-left: 7px solid #C6B066;
        padding: 5px;
        font-size: 130%;
        text-align: left;
    }
}

/* 会員価格(テキスト部分) */
.fs-c-productPrice--member {
    color: #f00;
}

/* 会員価格(価格部分) */
.fs-c-productPrice--member .fs-c-price__value,
.fs-c-productPrice--member .fs-c-price__currencyMark {
    color: #f00;
}

/* 商品グループ画面のロゴ表示 */
.series_logo {
    text-align: center;
}

.series_logo img {
    width: 200px;
}

.series_logo h3 {
    margin: 0 auto 3em;
    width: 90%;
    line-height: 1.7;
    font-size: 1.3rem;
    text-align: left;
}

@media screen and (min-width:600px) {
    .series_logo h3 {
        width: 550px;
        font-size: 1.5rem;
    }
}

/* 【TOPページ】ランキング */
.top_runking_all .fs-c-button--carousel {
    font-size: 2.6rem;
}

/* 【オリジナルボタン01】--- 角丸枠線ボタン */
.org_btn01 {
    padding: 0.3em 3em;
    margin: 0.5em auto;
    border: 2px solid #666;
    display: inline-block;
    border-radius: 20px;
    font-size: 90%;
}

/* 【関連アイテム】関連商品用スライダー */
@media screen and (max-width:599px) {
    .common_relation_item img {
        padding: 0 4px;
    }

    .common_relation_item div p {
        padding: 0 4px;
        font-size: 80%;
    }
}

@media screen and (min-width:600px) {
    .common_relation_item img {
        padding: 0.5em 0.7em 0;
    }

    .common_relation_item div p {
        padding: 0.5em 0.7em 0;
        font-size: 80%;
    }
}

.common_relation {
    padding: 5px 10px
}

.common_relation_item a {
    text-decoration: none;
}

.common_relation_item .slick-track {
    margin-left: 0;
}

.common_relation_item .slick-prev {
    left: -15px;
}

.common_relation_item .slick-next {
    right: -15px;
}

.common_relation_item .slick-prev::before {
    left: 3px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '';
    position: absolute;
}

.common_relation_item .slick-next::before {
    right: 3px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '';
    position: absolute;
}

/* 商品設定画面で設定しているおすすめ商品を表示しない */
.fs-c-featuredProduct {
    display: none;
}

/* レビュー吹き出しカスタマイズ */
.fs-c-reviewList__item {
    border-bottom: none;
}

.fs-c-reviewList__item__body {
    margin: 16px 0;
}

.fs-c-reviewBody {
    border-radius: 15px;
    position: relative;
}

.fs-c-reviewBody:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 15%;
    margin-left: -16px;
    border: 10px solid transparent;
    border-bottom: 10px solid #FFF;
    z-index: 2;
}

.fs-c-reviewBody:after {
    content: "";
    position: absolute;
    top: -23px;
    left: 15%;
    margin-left: -17px;
    border: 11px solid transparent;
    border-bottom: 11px solid #e5e5e5;
    z-index: 1;
}

/* セール用二重価格表示用CSS
.fs-c-productList__list .fs-c-productListItem__prices{
	display: flex;
	align-items: baseline;
}
.fs-c-productList__list .fs-c-productPrice__main__label{
	display:none;
}
.fs-c-productList__list .fs-c-productPrice--listed .fs-c-price__value{
	font-size:1.5rem;
	text-decoration: line-through;
}
.fs-c-productList__list .fs-c-salesPeriod{
	display:none;
} */

/* 2重価格を表示する際、セール価格の部分を赤に表示する */
.fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__main__label {
    color: #f00;
}


/* 【関連アイテム】関連商品用スライダー */
.fs-c-documentArticle__heading {
    padding: 10px 8px;
    font-size: 1.7rem;
}

/* 【共通バナー】ギフトラッピングバナー */
@media screen and (min-width: 600px) and (max-width:1024px) {
    img.common_bn_gift {
        width: 580px;
    }
}

@media screen and (min-width:1025px) {
    img.common_bn_gift {
        width: 600px;
    }
}

/* 商品ページ アウトレット説明用CSS */
.outlet {
    text-align: center;
    font-size: 120%;
    line-height: 1.5;
    color: #fff;
    padding: 0.5em;
    margin-bottom: 1em;
    background-color: #e63157;
}

.outlet img {
    width: 1.6em;
    margin: 0;
}

/* youtubeのレスポンシブ設定CSS */
/* youtubeのiframeタグをdivで囲って、classに設定する */
.youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.youtube iframe {
    width: 100%;
    height: 100%;
}

/* 選択スライダーの選択した際の色 */
.fs-c-variationPanelList__radio:checked+.fs-c-variationPanelList__panel .fs-c-variationPanelList__panel__content {
    background: #4aa2c0;
}

.fs-c-variationPanelList__radio:checked+.fs-c-variationPanelList__panel:where(:not(.fs-c-variationPanelList__panel--outOfStock)) {
    border-color: #CCCCCC;
}

/* 数量テキストボックス */
.fs-c-productQuantityAndWishlist__quantity {
    -ms-flex-item-align: auto;
    align-self: auto;
}

.fs-c-productQuantityAndWishlist__quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: none;
    position: relative;
}

.fs-c-productQuantityAndWishlist__quantity:before {
    content: "数量";
    letter-spacing: 0.05em;
    margin-right: 10px;
    font-weight: bold;
}

.fs-c-productQuantityAndWishlist__quantity .fs-c-quantity__select {
    width: 60px;
    height: 50px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #ACACAC;
    font-size: 100%;
    border-radius: 3px;
}

/* 入力テキスト余白*/
.fs-c-dropdown__menu {
    padding: 8px 3em 8px 8px;
}

[type=hidden],
[type=text],
[type=search],
[type=tel],
[type=url],
[type=email],
[type=password],
[type=datetime],
[type=date],
[type=month],
[type=week],
[type=time],
[type=datetime-local],
[type=number],
select,
textarea {
    padding: 8px 8px;
}

.fs-c-productSelection__selection {
    padding: 4px 4px 10px;
}

/* 必須入力「*」の色（会員登録で使用） */
.fs-c-requiredMark {
    color: #f00;
}

/* PC用バナーサイズ */
@media screen and (min-width:600px) {
    .bnsize_pc {
        width: 600px;
    }
}

/*-------------------------------------------- 
商品ページ　コメント11で使用するバナーCSS 
-------------------------------------
作成：2026.06.24　中谷
内容：PCでは画像が2列で表示、SPでは画像が1列で表示
バナーサイズ：長方形で（900×300）
--------------------------------------------*/
.common_br_bn_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.common_br_bn_list li {
    list-style: none;
}
@media screen and (max-width:599px) {
    .common_br_bn_list li {
        width: 100%;
        padding-bottom: 0.5em;
    }

    .common_br_bn_list li img {
        width: 100%;
    }
}
@media screen and (min-width:600px) {
    .common_br_bn_list li {
        width: 45%;
        padding: 0 0.5em 0.5em 0.5em
    }

    .common_br_bn_list li img {
        width: 100%;
        max-width: 450px;
    }
}