@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Noto+Serif+JP:wght@200..900&family=Cormorant+Garamond:ital,wght@0,300..700&family=Zen+Kaku+Gothic+Antique&display=swap'); /* ============================================================ PC/SP 個別スタイルは内ので読み込み・pc_style.css media="screen and (min-width: 769px)" ・sp_style.css media="screen and (max-width: 768px)" ※ fs_original.css より後に読み込むこと（上書き順のため） ============================================================ */ body { font-family: "Zen Kaku Gothic Antique", sans-serif; font-weight: 400; font-style: normal; font-size: 1.6em !important; } .fs-l-page .notice { background: #000000; width: 100%; } .fs-l-page .notice a { display: block; color: #FFFFFF; text-align: center; } .tick_header { position: relative; top: 0; z-index: 1000; background: #fff; /* 必須：背景を指定しないと透ける */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 任意：影で浮かせ感を出す */ transition: top 0.3s ease; /* 任意：スムーズに現れる効果 */ width: 100%; } .tick_header a { transition: 0.5s; } .tick_header a:hover { opacity: 0.6; } .fs-l-page .tick_header .logo_area { text-align: center; position: relative; margin: 0 auto; } .logo_area .head_contact { align-items: center; gap: 30px; position: absolute; top: 50%; right: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } #mega_menu { display: flex; color: #000; justify-content: space-between; align-items: center; gap: 28px; } .menu-parent_a { display: block; text-align: center; } /* --------------------------- */ /* メガメニュー(弟)のスタイル */ /* --------------------------- */ /* メニュー（弟）は普段は非表示 */ .menu-child { display: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 80px 0; background-color: #FFFFFF; color: #333; } .menu-overlay { display: none; position: fixed; top: 267px; /* ← ヘッダーの高さに応じて調整。例: 100px */ left: 0; width: 100vw; height: calc(100vh - 100px); /* ← headerの高さ分引く */ background: rgba(0, 0, 0, 0.4); z-index: 998; } #mega_menu .menu_area .form_area { display: flex; justify-content: center; gap: 10px; } #mega_menu .menu_area ul { display: flex; justify-content: flex-end; align-items: center; gap: 30px; /* 必要に応じてスペース調整 */ } #mega_menu .menu_area ul li { /* デフォルトの余白をリセット */ margin: 0; padding: 0; list-style: none; } #mega_menu .menu_area ul li .icon_link { display: inline-block; width: auto; } #mega_menu .menu_area ul li .icon_link img { height: auto; display: block; } #mega_menu .menu_area .form_area form { align-items: center; margin: 0; padding: 0; } #mega_menu .menu_area .form_area form button img { width: 20px !important; /* アイコンも固定サイズに */ height: 20px !important; object-fit: contain !important; } #mega_menu .menu_area .form_area button { display: flex; /* ← これが必須 */ align-items: center; /* 縦中央揃え */ justify-content: center; /* 横中央揃え */ /*padding: 8px 15px;*/ font-size: 14px; cursor: pointer; writing-mode: horizontal-tb; white-space: nowrap; /*background: #ccbda7;*/ /*color: #FFFFFF;*/ /*font-weight: bold;*/ /*text-align: center;*/ border: none; /* ついでに枠も調整可能 */ line-height: 1; transition: 0.5s; margin-bottom: auto !important; /*border-radius: 5px;*/ } #mega_menu .menu_area .form_area button:hover { opacity: 0.6; } #mega_menu .menu_area .form_area form input { border-top: none; border-left: none; border-right: none; outline: none; box-shadow: none; border-bottom: 2px solid #CCC; width: 230px; /* ← これを追加 */ } /*.menu-child #store-cat .menu-child_li.info { width: 60%; }*/ .menu-child #store-cat .menu-child_li.menu { width: 100%; /*margin-left: 10%;*/ } /*.menu-child #store-cat .menu-child_li.info ul { display: flex; justify-content: flex-start; } .menu-child #store-cat .menu-child_li.info ul li p { text-align: center; margin-top: 10px; }*/ .menu-child #store-cat .menu-child_li .menu_title { margin-bottom: 20px; } .menu-child #store-cat .menu-child_li.menu ul { display: flex; padding-left: 0; margin: 0; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .menu-child #store-cat .menu-child_li.menu ul li { /*border-bottom: 1px solid #ededed;*/ } .menu-child #store-cat .menu-child_li.menu ul li:last-child { border-bottom: none; } .menu-child #store-cat .menu-child_li.menu ul li a { display: block; padding: 15px 0; } .menu-child #store-cat .menu-child_li.menu ul li a::before { content: '▶'; margin-right: 10px; font-size: 0.8em; } .menu_list li .contact_btn { background: #ccbda7; padding: 5px 25px; border-radius: 7px; color: #FFFFFF; } .hamburger, .globalMenuSp { display: none; } /*ログインログアウト切り替え .menu_area li .fs-clientInfo .logout.my-false { display: none; } .menu_area li .fs-clientInfo .login.my-true { display: none; }*/ .logout.my-false { display: none; } .login.my-true { display: none; } .fs-l-page .top_insta .simply-scroll-container { position: relative; } .fs-l-page .top_insta .simply-scroll-clip { position: relative; overflow: hidden; } .fs-l-page .top_insta .simply-scroll-list { overflow: hidden; margin: 0; padding: 0; /*height: 画像の高さ; 崩れる場合にはこちらも設定 */ } .fs-l-page .top_insta .simply-scroll-list li { list-style: none !important; float: left; height: auto; margin: 0 15px; padding: 0; } .fs-l-page .top_insta .simply-scroll-list li img { display: block; /*max-width: 450px;*/ } .fs-l-page .top_insta .new_btn, .fs-l-page .top_youtube .new_btn { text-align: center; } .fs-l-page .top_insta .new_btn a, .fs-l-page .top_youtube .new_btn a { background: #ccbda7; color: #FFFFFF !important; text-align: center; display: inline-block; transition: 0.5s; border-radius: 10px; } .fs-l-page .top_insta .new_btn a:hover, .fs-l-page .top_youtube .new_btn a:hover { opacity: 0.6; } .hl { text-align: center; line-height: 160%; position: relative; } .hl h4 { margin-bottom: 39px; letter-spacing: 0.7px; font-family: 'Cinzel', serif; font-weight: 100; } .hl h4::after { content: ""; height: 1px; width: 90px; position: absolute; left: 50%; bottom: 38px; transform: translateX(-50%); background: #CCC; } .fs-l-page .top_info { background: #402f24; } .fs-l-page .top_info .hl { color: #FFF; } .fs-l-page .top_info .hl h4 { color: #FFF; } .fs-l-page .top_info .top_info_wrap { justify-content: space-between; align-items: center; } .fs-l-page .top_info .top_info_wrap .image ul { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .fs-l-page .top_info .top_info_wrap .image ul li { width: 49%; margin-bottom: 2%; } .fs-l-page .top_info .top_info_wrap .image ul li:nth-child(3), .fs-l-page .top_info .top_info_wrap .image ul li:nth-child(4) { margin-bottom: 0; } .fs-l-page .top_info .top_info_wrap .image ul li img { width: 100%; } .fs-l-page .top_info .top_info_wrap .text { color: #FFFFFF; } .fs-l-page .top_info .top_info_wrap .text section { line-height: 160%; margin-bottom: 30px; } .fs-l-page .top_info .top_info_wrap .text section .title { margin-bottom: 10px; } .fs-l-page .top_info .top_info_wrap .text .sns_icon { display: flex; justify-content: space-between; } .fs-l-page .top_info .top_info_wrap .text .sns_icon li { width: 22%; } .fs-l-page .top_info .top_info_wrap .text .sns_icon li a { transition: 0.5s; } .fs-l-page .top_info .top_info_wrap .text .sns_icon li a:hover { opacity: 0.6; } .fs-l-page .top_info .top_info_wrap .text .sns_icon li img { width: 100%; } .fs-l-page .top_info iframe { margin: 0 auto; } .fs-l-page .tick_footer { background: #402f24; width: 100%; padding: 30px; background-color: transparent; background-image: linear-gradient(180deg, #402f24 0%, #000 100%) } .catch_copy { background: #000000; color: #FFFFFF; text-align: center; font-size: 0.8em; width: 100%; padding: 15px 0; } .catch_copy span { margin-left: 15px; } /* ------------------------------------- トップページ設定 ------------------------------------- */ .mv_area .mv_slide { width: 100%; } .mv_area .mv_slide .slick-track { display: flex; } .mv_area .mv_slide .slick-slide { box-sizing: border-box; } .mv_area .mv_slide div img { width: 100%; } .mv_area .slick-dots li { margin: 0 6px; /* ドットの間隔調整（任意） */ } /* slick左右矢印共通 */ .mv_area .slick-prev, .mv_area .slick-next { z-index: 10; width: 40px; height: 80px; background: rgba(255, 255, 255, 0.8); /* 半透明背景 */ border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); } .mv_area .slick-prev:before { content: '◀'; color: #212121; } .mv_area .slick-next:before { content: '▶'; color: #212121; } .fs-l-page .top_pickup_brand ul { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .fs-l-page .top_pickup_brand ul li img { width: 100%; } .fs-l-page .top_pickup_brand ul li a { display: block; transition: 0.5s; } .fs-l-page .top_pickup_brand ul li a:hover { opacity: 0.6; } .fs-l-page .fs-l-main .top_news ul { margin: 0 auto; } .fs-l-page .fs-l-main .top_news ul li { margin: 0 auto; border-bottom: 1px dotted #CCC; display: flex; align-items: baseline; align-items: center; line-height: 180%; } .fs-l-page .fs-l-main .top_news ul li a { /*display: block;*/ transition: 0.5s; text-decoration: none; display: flex; align-items: baseline; align-items: center; line-height: 180%; } .fs-l-page .fs-l-main .top_news ul li a:hover { opacity: 0.5; } .fs-l-page .fs-l-main .top_news ul li time { color: #af925b; flex-shrink: 0; width: 60px; /* 日付の固定幅 */ margin-right: 30px; } .fs-l-page .fs-l-main .top_new_arrival .wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 0 auto; } .fs-l-page .fs-l-main .top_new_arrival .wrap .item a { display: block; transition: 0.5s; } .fs-l-page .fs-l-main .top_new_arrival .wrap .item a:hover { opacity: 0.6; text-decoration: none; } .fs-l-page .fs-l-main .top_new_arrival .wrap .item img { width: 100%; margin-bottom: 10px; height: auto; } .fs-l-page .fs-l-main .top_new_arrival .wrap .item .title { line-height: 160%; text-align: left; } .fs-l-page .fs-l-main .top_new_arrival .wrap .item .item_price { text-align: center; font-weight: bold; font-size: 1.2em; } .fs-l-page .fs-l-main .top_new_arrival {} .top_youtube .thumbnail { margin: 0 auto 100px !important; } .top_youtube .thumbnail div, .top_youtube .short div { margin: 0 10px; } .top_youtube .thumbnail div .title { line-height: 180%; font-weight: bold; } .top_youtube .thumbnail div .text { line-height: 180%; } .top_youtube .thumbnail .slick-prev, .top_youtube .thumbnail .slick-next, .top_youtube .short .slick-prev, .top_youtube .short .slick-next { z-index: 10; background: rgba(255, 255, 255, 0.8); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; top: 50%; transform: translateY(-50%); } .top_youtube .thumbnail .slick-prev, .top_youtube .short .slick-prev { left: 15px; } .top_youtube .thumbnail .slick-prev:before, .top_youtube .short .slick-prev:before { content: '◀'; color: #212121; } .top_youtube .thumbnail .slick-next, .top_youtube .short .slick-next { right: 15px; } .top_youtube .thumbnail .slick-next:before, .top_youtube .short .slick-next:before { content: '▶'; color: #212121; } .top_youtube .thumbnail .slick-slide, .top_youtube .short .slick-slide { margin-bottom: 20px; } .top_youtube .content_title { font-family: 'Cinzel', serif; font-size: 1.6em; text-align: center; } .fs-c-breadcrumb__list > li { line-height: 160%; line-height: 180%; font-size: 0.8em; } .fs-l-page .fs-l-main { /*width: 1100px; margin: 0 auto;*/ } .fs-l-main #fs_form .fs-l-productLayout.fs-system-product { align-items: flex-start; justify-content: space-between; } .fs-l-productLayout.fs-system-product .right_side .fs-p-productDescription.fs-p-productDescription--full { line-height: 180%; } .fs-c-productCarouselMainImage__image { width: 95%; margin: 0 auto; } .fs-c-productCarouselMainImage__image img {} /*商品タイトル*/ .fs-l-main #fs_form .fs-l-productLayout.fs-system-product .right_side .fs-c-productNameHeading.fs-c-heading { font-weight: bold; line-height: 180%; text-align: left; } /*商品マークのサイズ変更*/ .fs-c-productMark .fs-c-productMark__item .fs-c-productMark__mark { border-radius: 7px; } /*金額と税込みを横ならびにする*/ .right_side .fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling { display: flex; justify-content: flex-start; align-items: baseline; } /*円マークと金額を横ならびにする*/ .right_side .fs-c-productPrices.fs-c-productPrices--productDetail .fs-c-productPrice.fs-c-productPrice--selling .fs-c-productPrice__main { display: inline-flex; align-items: baseline; justify-content: flex-start; font-weight: bold; font-size: 2em; letter-spacing: 0.05em; margin-right: 10px; } /*在庫数非表示*/ .fs-c-productQuantityAndWishlist .fs-c-productQuantityAndWishlist__quantity.fs-c-quantity.fs-system-assistTarget .fs-c-quantity__select.fs-system-quantity-list { display: none; } /*カートに入れるボタン*/ .right_side .fs-c-productActionButton.fs-c-buttonContainer .fs-c-button--addToCart--detail.fs-c-button--primary { background: #D00003; color: #FFFFFF; font-weight: bold; text-align: center; width: 100%; box-sizing: border-box; transition: 0.5s; } .right_side .fs-c-productActionButton.fs-c-buttonContainer .fs-c-button--addToCart--detail.fs-c-button--primary:hover { opacity: 0.6; } /*在庫切れ*/ .fs-system-product .fs-c-productNotice.fs-c-productNotice--outOfStock { color: red; font-weight: bold; } /*お気に入りボタン*/ .fs-c-productQuantityAndWishlist .fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer .fs-c-button--addToWishList--detail.fs-c-button--particular { width: 100%; border: 1px solid #ccc; border-radius: 4px; position: relative; text-align: center; text-indent: 0; background: url(https://tick.itembox.design/item/common/bookmark.png) no-repeat; box-sizing: border-box; transition: 0.5s; } .fs-c-productQuantityAndWishlist .fs-c-productQuantityAndWishlist__wishlist.fs-c-buttonContainer .fs-c-button--addToWishList--detail.fs-c-button--particular:hover { opacity: 0.6; } /*返品特約*/ .fs-l-productLayout.fs-system-product .right_side .fs-c-returnedSpecialContract { text-align: right; margin-bottom: 20px; } /*配送料*/ .right_side .fs-c-productPostage { color: #A3A3A3; } /*メイン画像処理*/ .fs-c-productCarouselMainImage__image { display: flex; align-items: center; justify-content: center; background: #fff; /* 背景色（任意） */ padding: 20px; /* ← 余白を追加（調整可） */ box-sizing: border-box; } /* 画像は比率を保って内側フィット */ .fs-c-productCarouselMainImage__image img { max-width: 100%; max-height: 80vh; /* 画面高の8割までに収める */ width: auto; height: auto; object-fit: contain; display: block; } /*サブ画像サムネイル上書き*/ .fs-l-productLayout.fs-system-product .left_side .fs-c-productCarouselMainImage { position: relative; } .fs-c-productCarouselMainImage__thumbnailList { flex-wrap: wrap !important; overflow-x: visible !important; gap: 1%; } .fs-c-productCarouselMainImage__thumbnailList > li { flex: 0 1 auto !important; cursor: pointer; } .fs-c-productCarouselMainImage__thumbnailList .slick-active { border: 2px #1e1e1e4d solid; } .fs-c-productCarouselMainImage__expandButton button { background: rgba(0, 0, 0, 0.3); color: #fff; transition: 0.5s; position: relative; } .fs-c-productCarouselMainImage__expandButton button:hover { opacity: 0.6; } .left_side .fs-c-productCarouselMainImage #fs_productCarouselMainImage { margin-bottom: 0 !important; } /*アイテムページ説明上部html*/ .right_side .tick_item_html .item_contact { width: 100%; margin: 20px 0; } .right_side .tick_item_html .item_payment { background: #f5f5f5; box-sizing: border-box; padding: 5%; } .right_side .tick_item_html .item_payment { justify-content: space-between; align-items: center; } .right_side .tick_item_html .item_payment .title p { font-weight: bold; } .right_side .tick_item_html .item_payment .button_area button { padding: 15px 0; background: #000000; color: #FFFFFF; box-sizing: border-box; text-align: center; font-size: 0.9em; } .tick_item_desc { margin-top: 50px; } .tick_item_desc .title, .item_spec_title { font-size: 1.3em; margin-bottom: 20px; } .tick_item_desc .item_rank_table { width: 100%; border: 1px solid #e9e9e9; border-right: none; border-bottom: none; font-size: 0.9em; } .tick_item_desc .item_rank_table tr th { font-weight: normal; width: 30%; text-align: left; background-color: #f9f9f9; padding: 15px; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .tick_item_desc .item_rank_table tr td { padding: 15px; line-height: 160%; border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .fs-p-productDescription.fs-p-productDescription--full strong { font-weight: normal; } .fs-c-productList { margin: 0 auto 150px; } .fs-p-productDescription.fs-p-productDescription--full .p1 { border-bottom: 1px solid #e9e9e9; padding: 2%; } .fs-p-productDescription.fs-p-productDescription--full .p1:nth-child(odd) { background: #f9f9f9; } .fs-p-productDescription.fs-p-productDescription--full .comment { padding: 3% 0; } /*一覧の大枠*/ .fs-c-productList__list { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 30px 0; gap: 30px; box-sizing: border-box; } /*一覧の中の一個*/ .fs-c-productList__list__item { text-align: center; position: relative; margin-bottom: 60px; } /*コントローラー大枠*/ .fs-c-productList__controller { align-items: center; justify-content: space-between; } /*並び順横並び*/ .fs-c-sortItems { display: flex; gap: 20px; align-items: center; } /*新着、料金順横並び*/ .fs-c-sortItems__list { display: flex; gap: 20px; align-items: center; } /*ページネーション横並び*/ .fs-c-listControl { display: flex; align-items: center; gap: 20px; } /*商品名*/ .fs-c-productListItem__productName { line-height: 160%; margin-bottom: 10px; } /*商品価格全体*/ .fs-c-productPrice { display: flex; align-items: flex-end; margin-bottom: 10px; justify-content: center; } /*商品価格自体*/ .fs-c-productPrice__main { font-size: 1.2em; margin-right: 5px; font-weight: bold; } /*在庫切れ文字*/ .fs-c-productList__list__item.fs-c-productListItem form .fs-c-productListItem__outOfStock { font-size: 1.2em; font-weight: bold; } /*商品名*/ .fs-c-productListItem__productName { text-align: left; } /*カートボタン、他の画像非表示*/ .fs-c-productListItem__control, .fs-c-productListItem__viewMoreImageButton, .fs-p-scrollingCartButtons { display: none; } /*ヘッドライン*/ .fs-c-heading { text-align: center; font-size: 1.8em; font-family: "游明朝", 'YuMincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; margin-bottom: 50px; } /*並び変え*/ .fs-c-sortItems__label { border: 1px solid #cccccc; padding: 5px 10px; } .fs-c-sortItems__list__item.is-active { background: #000000; color: #FFFFFF; padding: 5px 10px; display: block; } .fs-c-pagination__item.is-active { background: #000000; color: #FFFFFF; padding: 10px 13px; display: inline-block; } .fs-c-productMark .fs-c-productMark__item .fs-c-productMark__mark { position: absolute; top: 0; opacity: 0.8; /*display: none;*/ } .fs-system-product .fs-c-productMark .fs-c-productMark__item .fs-c-productMark__mark { position: static; } #fs_ProductDetails .top_youtube { /*margin-bottom: 0;*/ } .fs-c-button--inquiryAboutProduct { margin: 20px 0; width: 100%; padding: 10px 0; text-align: center; border: 1px solid #CCC; border-radius: 4px; } /* ------------------------------------- ログイン ------------------------------------- */ .fs-c-subSection__title { text-align: center; font-size: 1.8em; font-family: "游明朝", 'YuMincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; } .fs-c-inputTable { border-left: 1px solid #CCC; border-top: 1px solid #CCC; } .fs-c-inputTable tr th { width: 26%; margin: 0 auto; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 2%; background: #ededed; text-align: left; font-weight: normal; } .fs-c-inputTable tr th span { color: #E50003; font-size: 0.9em; margin-left: 25px; } .fs-c-inputTable tr td { width: 66%; margin: 0 auto; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 2%; } .fs-c-inputTable textarea { border: 1px solid #CCC; padding: 1% 2%; width: 100%; height: 150px; } .fs-c-inputTable tr td select { border: 1px solid #CCC; padding: 1% 2%; } .fs-c-inputTable tr td input[type="text"] { padding: 1% 2%; } button, [type="button"], [type="reset"], [type="submit"] { /*font-weight: bold; background: #000; color: #FFFFFF; padding: 18px 40px; display: block; letter-spacing: 0.1em; margin: 0 auto 60px; transform: 0.5s;*/ } .submit_area input[type="submit"] { font-weight: bold; background: #ccbda7; color: #FFFFFF; display: block; letter-spacing: 0.1em; transform: 0.5s; border-radius: 10px; } #fs_form .fs-c-inputInformation__button button { font-weight: bold; background: #000; color: #FFFFFF; display: block; letter-spacing: 0.1em; transform: 0.5s; } .fs-c-buttonContainer.fs-c-buttonContainer--memberRegister .fs-c-button--memberRegister.fs-c-button--primary .fs-c-button__label { font-weight: bold; background: #000; color: #FFFFFF; display: block; letter-spacing: 0.1em; transform: 0.5s; width: 160px; text-align: center; } .fs-c-inputInformation__message { text-align: center; } .fs-c-agreementField.fs-c-additionalCheckField { width: 70%; line-height: 180%; font-size: 0.8em; text-align: left; padding: 2% 4%; border: 1px solid #CCC; } .fs-c-privacyPolicyAgreeField, .memberPolicyAgree { text-align: center; } .fs-c-inputInformation__link.fs-c-textLinkContainer { text-align: center; margin: 0 auto 100px; } .fs-c-newUsers__message.fs-c-subSection__message { text-align: center; line-height: 180%; margin: 0 auto 50px; } .fs-l-main .fs-c-guestPurchase .fs-c-buttonContainer.fs-c-buttonContainer--guestPurchase a { width: 200px; margin: 0 auto; display: block; background: #000000; color: #FFFFFF; text-align: center; transition: 0.5s; } .fs-l-main .fs-c-guestPurchase .fs-c-buttonContainer.fs-c-buttonContainer--guestPurchase a:hover { opacity: 0.6; } .new_page_contents .new_contact_text { line-height: 190%; } .new_page_contents .new_contact_text strong { font-size: 1.2em; font-weight: bold; display: block; margin-bottom: 10px; } .new_contact_wrap .new_contact_table { margin: 0 auto; border: 1px solid #CCC; border-bottom: none; border-right: none; } .new_contact_wrap .new_contact_table th { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; background: #ededed; } .new_contact_wrap .new_contact_table th span { color: #FF0004; margin-left: 30px; } .new_contact_wrap .new_contact_table td { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; line-height: 180%; } .new_page_contents .guide_wrap .guide_title { background: #000000; color: #FFFFFF; width: 100%; padding: 1% 2%; font-family: "游明朝", 'YuMincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; } .new_page_contents .guide_wrap .block p { line-height: 180%; } .new_page_contents .guide_wrap .block .head_line { font-weight: bold; font-size: 1.2em; } .new_page_contents .guide_wrap .block .text .red { color: #FF0004; } .new_page_contents .guide_wrap .block .text .bold { font-weight: bold; font-size: 1.2em; } .new_page_contents .guide_wrap .block .card_list { display: flex; justify-content: flex-start; padding: 0; } .new_page_contents .guide_wrap .block .card_list li { width: 10%; } .new_page_contents .new_btn { background: #000000; color: #FFFFFF; text-align: center; transition: 0.5s; margin-top: 30px; } .new_page_contents .new_btn:hover { opacity: 0.6; } /* ---------------------------------------------- */ /*シミュレーション /* ---------------------------------------------- */ .new_page_contents .input-tbl { margin: 0 auto; border: 1px solid #CCC; border-bottom: none; border-right: none; } .new_page_contents .input-tbl th { width: 30%; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; background: #ededed; padding: 2%; } .new_page_contents .input-tbl th span { font-size: 0.8em; color: #FF0004; margin-left: 30px; } .new_page_contents .input-tbl td { width: 70%; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; padding: 2%; } .new_page_contents .input-tbl input[type="text"] { border: 1px solid #CCC; padding: 2%; width: 90%; } .new_page_contents #result-area #result .result_tbl { margin: 0 auto; border: 1px solid #CCC; border-bottom: none; border-right: none; } .new_page_contents #result-area #result .result_tbl th { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; background: #ededed; padding: 2%; } .new_page_contents #result-area #result .result_tbl td { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; padding: 1.5% 2%; text-align: right; } .new_page_contents form .mt-m { display: flex; justify-content: space-between; align-content: center; width: 60%; margin: 0 auto; } .new_page_contents form .mt-m .btn { background: #000000; color: #FFF; padding: 15px; text-align: center; width: 200px; display: block; } .question_list { margin: 0 auto; display: flex; flex-direction: column; height: 100%; } .question_list dt { background: rgb(243, 243, 243); display: flex; align-items: center; border: 1px solid rgb(209, 209, 209); border-bottom: none; } .question_list dt span { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 37px; height: 32px; color: rgb(34, 34, 34); font-weight: bold; /*background-color: rgb(255, 255, 255);*/ border: 1px solid rgb(34, 34, 34); border-radius: 50%; } .question_list dt p { margin-left: 16px; font-size: 16px; flex: 110%; font-weight: bold; margin-bottom: 0 !important; } .question_list dd { display: flex; padding: 16px; border: 1px solid rgb(209, 209, 209); margin-bottom: 30px; margin-left: 0 !important; } .question_list dd span { display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 37px; height: 32px; /*color: #f3a324;*/ font-weight: bold; border: 1px solid rgb(34, 34, 34); /*background-color: rgb(255, 255, 255);*/ border-radius: 50%; } .question_list dd p { margin-left: 16px; flex: 110%; margin-left: 12px; font-size: 14px; line-height: 160%; margin-bottom: 0 !important; } /* ------------------------------------- recruit ------------------------------------- */ .new_page_contents .recruit_mv { background: url("https://tick.itembox.design/item/page/recruit/mv.jpg"); background-size: cover; background-position: center center; position: relative; } .new_page_contents .recruit_mv .wrap { margin: 0 auto; position: relative; } .new_page_contents .recruit_mv .wrap h1 { color: #FFFFFF; text-align: center; font-family: 'Cinzel', serif; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 10%; } .new_page_contents .recruit_mv .wrap h1 span { display: block; font-size: 0.5em; font-family: "游明朝", 'YuMincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; } .new_page_contents .recruit_comment { margin: 0 auto; position: relative; } .new_page_contents .recruit_comment .title { font-size: 2em; text-align: center; } .new_page_contents .recruit_comment .comment { line-height: 180%; margin: 0 auto; } .new_page_contents .recruit_comment .img_01 { position: absolute; top: 11%; left: -11%; width: 28%; border-radius: 7%; } .new_page_contents .recruit_comment .img_02 { position: absolute; bottom: -5%; right: -4%; width: 20%; border-radius: 7%; } .new_page_contents .recruit_guide_area { /*margin-bottom: 150px;*/ } .new_page_contents .recruit_guide_area table { margin: 0 auto; border: 1px solid #ddd; border-left: none; border-bottom: none; } .new_page_contents .recruit_guide_area table tr th { background-color: #f5f5f5; padding: 3%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; } .new_page_contents .recruit_guide_area table tr td { background-color: #FFF; padding: 3%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 180%; } .new_page_contents .recruit_works .wrap { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; } .new_page_contents .recruit_fit .wrap { display: flex; align-items: center; justify-content: space-between; } .new_page_contents .recruit_interview .wrap { display: flex; align-items: center; justify-content: space-between; } .new_page_contents .recruit_interview .wrap .image .name { position: absolute; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.6); z-index: 10; color: #FFFFFF; text-align: center; line-height: 180%; } .new_page_contents .recruit_interview .wrap .image .name span { display: block; padding: 5px 0; } .new_page_contents .recruit_interview .wrap .image img { width: 100%; } .new_page_contents .recruit_interview .wrap .text { line-height: 180%; } .new_page_contents .recruit_interview .wrap .text .block:last-child { margin-bottom: 0; } .new_page_contents .recruit_interview .wrap .text .block .q { font-weight: bold; color: #00aaeb; line-height: 180%; margin-bottom: 10px; font-size: 1.3em; } .new_page_contents .recruit_interview .wrap .text .block .a { line-height: 180%; } .new_page_contents .recruit_btn { text-align: center; } .new_page_contents .recruit_btn a { background: #000; color: #FFFFFF !important; text-align: center; display: inline-block; width: 200px; transition: 0.5s; margin-top: 60px; transition: 0.5s; } .new_page_contents .recruit_btn a:hover { opacity: 0.6; } /* ------------------------------------- CART ------------------------------------- */ .fs-l-cart__contentsArea { margin: 0 auto 100px; } .fs-c-orderTotalTable { margin-left: auto; border-top: none; } .fs-l-cart__contentsArea #fs-totalsArea-wrapper .fs-c-estimatedDeliveryDate { line-height: 180%; } #fs-checkout-payHere-container .fs-c-purchaseHere.fs-c-cartPayment .fs-c-purchaseHere__message { text-align: center; width: 100%; } /* ボタン部分を横並びに */ .fs-c-purchaseHere { justify-content: center; /* 中央寄せ */ gap: 40px; /* ボタン間の隙間 */ flex-wrap: wrap; /* スマホで折り返し可能に */ } .fs-c-cartPayment__button {} .fs-c-cartPayment__button a { text-align: center; text-decoration: none; border-radius: 5px; box-sizing: border-box; transition: 0.5s; } .fs-c-cartPayment__button a:hover { opacity: 0.7; } .fs-c-button--primary { background-color: #D00003; color: #fff; } .fs-c-button--secondary { background-color: #D00003; color: #fff; } .fs-l-page .fs-l-main .fs-c-continueShopping { text-align: center; margin-bottom: 50px; } .fs-l-page .fs-l-main .fs-c-continueShopping a { border: 1px solid #CCC; transition: 0.5s; } .fs-l-page .fs-l-main .fs-c-continueShopping a:hover { opacity: 0.6; } /* ------------------------------------- CheckOut ------------------------------------- */ .fs-l-checkout__mainColumn { margin: 0 auto; } #fs-buyerInfo-container .fs-c-checkout-buyerInfo .fs-c-checkout-buyerInfo__title, #fs-addressInfo-container .fs-c-checkout-shippingInfo.fs-c-checkout-preview .fs-c-checkout-shippingInfo__title, #fs_orderTotalContainer h2 { text-align: center; font-size: 1.8em; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, ＭＳＰ明朝, "ＭＳ明朝", "Noto Serif JP", serif !important; } /*お客様情報*/ #fs-buyerInfo-container .fs-c-checkout-buyerInfo .fs-c-checkout-buyerInfo__body { width: 100%; align-items: center; border: 1px solid #CCC; justify-content: space-between; box-sizing: border-box; } #fs-buyerInfo-container .fs-c-checkout-buyerInfo .fs-c-checkout-buyerInfo__body .fs-c-checkout-customerInfo { align-items: center; gap: 30px; justify-content: flex-start; box-sizing: border-box; gap: 15px; } #fs-buyerInfo-container .fs-c-checkout-buyerInfo .fs-c-checkout-buyerInfo__body .fs-c-checkout-customerInfo .fs-c-checkout-customerInfo__email { line-height: 180%; } #fs-buyerInfo-container .fs-c-checkout-buyerInfo .fs-c-checkout-buyerInfo__body .fs-c-checkout-customerInfo .fs-c-checkout-customerInfo__address { line-height: 180%; } .fs-c-checkout-shippingInfo .fs-c-checkout-shippingInfo__body .fs-c-checkout-shippingOption dl {} .fs-c-checkout-shippingInfo .fs-c-checkout-shippingInfo__body .fs-c-checkout-shippingOption dt span {} /*お届け先*/ .fs-c-checkout-shippingInfo .fs-c-checkout-shippingInfo__body .fs-c-checkout-shippingDestination {} .fs-c-checkout-shippingInfo .fs-c-checkout-shippingInfo__body .fs-c-checkout-shippingDestination .fs-c-checkout-shippingDestination__title { font-weight: bold; } /*現金特価文言*/ .fs-c-checkout-paymentMethod.is-disabled .fs-c-checkout-paymentMethod__disabledMessage { font-size: 0.9em; color: red; } .fs-c-checkout-shippingInfo .fs-c-checkout-shippingInfo__body .fs-c-checkout-shippingDestination .fs-c-checkout-shippingDestination__body .fs-c-checkout-shippingAddress { line-height: 160%; } .fs-c-checkout-shippingInfo .fs-c-checkout-shippingInfo__body .fs-c-checkout-shippingDestination .fs-c-checkout-shippingDestination__control button { border: 1px #CCC solid; transition: 0.5s; } .fs-c-checkout-shippingInfo .fs-c-checkout-shippingInfo__body .fs-c-checkout-shippingDestination .fs-c-checkout-shippingDestination__control button:hover { opacity: 0.6; } /*お届け詳細*/ .fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__title { font-weight: bold; } .fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__outline { line-height: 180%; } /*お届け詳細の画像*/ .fs-c-checkout-shippingDetail__outline .fs-c-checkout-shippingDetail__parcel .fs-c-checkout-shippingParcel.case-noLabel { border: 1px solid #ccc; width: 100%; box-sizing: border-box; } .fs-c-checkout-shippingParcel.case-noLabel .fs-c-checkout-shippingParcel__productList .fs-c-checkout-shippingParcel__product { display: flex; align-items: center; justify-content: space-between; } .fs-c-checkout-shippingParcel__productList .fs-c-checkout-shippingParcel__product .fs-c-checkout-shippingParcel__productInfo { display: flex; align-items: center; box-sizing: border-box; justify-content: space-between; gap: 10px; } /*お届け詳細*/ .fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__detail { line-height: 180%; } .fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__detail .fs-c-checkout-shippingDetail__deliveryDetail { line-height: 180%; } .fs-c-checkout-shippingDetail__button button { border: 1px #CCC solid; transition: 0.5s; margin-top: 15px; } .fs-c-checkout-shippingDetail__button button:hover { opacity: 0.6; } /*お届け詳細*/ .fs-c-checkout-shippingDetail .fs-c-checkout-shippingDetail__fee { line-height: 180%; } /*ご注文内容*/ #fs-paymentList-container {} #fs-paymentList-container .fs-c-checkout-paymentInfo__title { font-weight: bold; } #fs-paymentList-container .fs-c-checkout-paymentInfo__body { line-height: 180%; } #fs-orderContents-container {} #fs-orderContents-container .fs-c-checkout-orderInfo__title { font-weight: bold } #fs-orderContents-container .fs-c-checkout-orderInfo .fs-c-checkout-orderInfo__body .fs-c-cartTable .fs-c-cartTable__headerCell { text-align: center !important; background: #ededed; } #fs-orderContents-container .fs-c-checkout-orderInfo .fs-c-checkout-orderInfo__body .fs-c-cartTable .fs-c-cartTable__dataCell { vertical-align: middle; } #fs-orderContents-container .fs-c-buttonContainer.fs-c-buttonContainer--changeSmall a { transition: 0.5s; } #fs-orderContents-container .fs-c-buttonContainer.fs-c-buttonContainer--changeSmall a:hover { opacity: 0.6; } /*お支払い金額*/ #fs_orderTotalContainer { margin: 0 auto; } #fs_orderTotalContainer .fs-c-orderTotalTable { box-sizing: border-box; } #fs_orderTotalContainer .fs-c-orderTotalTable tr th { background: #ededed; padding: 3%; box-sizing: border-box; font-weight: normal; } #fs_button_placeOrder button { display: inline-block; text-align: center; text-decoration: none; border-radius: 5px; box-sizing: border-box; transition: 0.5s; } /* ------------------------------------- item_rower_desc ------------------------------------- */ .fs-l-main .tick_item_melit { background: #EDEDED; } .fs-l-main .tick_item_melit .comment { line-height: 160%; } .fs-l-main .tick_item_melit .list { justify-content: space-between; align-items: flex-start; margin: 0 auto; } .fs-l-main .tick_item_melit .list li { background: #FFFFFF; } .fs-l-main .tick_item_melit .list li img { width: 100%; } .fs-l-main .tick_item_melit .list li .title { font-size: 1.4em; text-align: center; font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, ＭＳＰ明朝, "ＭＳ明朝", "Noto Serif JP", serif !important; } .fs-l-main .tick_item_melit .list li .text { line-height: 160%; } .fs-l-main .tick_item_melit .list li .new_btn { text-align: center; } .fs-l-main .tick_item_melit .list li .new_btn a { background: #B29544; color: #FFFFFF !important; text-align: center; display: inline-block; width: 200px; padding: 15px 0; transition: 0.5s; border: 2px solid #B29544; } .fs-l-main .tick_item_melit .list li .new_btn a:hover, .fs-l-main .tick_item_melit .list li .new_btn a:hover * { background: #FFF; color: #B29544 !important; text-align: center; border: 2px solid #B29544; } /* ------------------------------------- マイページ ------------------------------------- */ .fs-l-page .fs-l-main .fs-c-accountService { display: flex; justify-content: flex-start; align-items: flex-start; box-sizing: border-box; flex-wrap: wrap; } .fs-l-page .fs-l-main .fs-c-accountService li { box-sizing: border-box; } .fs-l-page .fs-l-main .fs-c-accountService li a { display: block; border: 1px solid #CCCCCC; text-align: center; transition: 0.5s; } .fs-l-page .fs-l-main .fs-c-accountService li a:hover { border: 1px solid #000000; color: #FFFFFF; background: #000000 } .fs-c-wishlistProduct .fs-c-wishlistProduct__header .fs-c-wishlistProduct__title { text-align: center; font-family: "游明朝", 'YuMincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; font-size: 1.8em; } .fs-c-productListCarousel__list__itemTrack.slick-initialized.slick-slider .slick-list.draggable .slick-track { display: flex; justify-content: flex-start; align-items: flex-start; } .fs-c-productListCarousel__list__itemTrack.slick-initialized.slick-slider .slick-list.draggable .slick-track .slick-slide { width: 300px; } .fs-l-main .fs-c-wishlistProduct .fs-c-wishlistProduct__footer a { display: block; margin: 0 auto 50px; text-align: center; width: 200px; color: #FFFFFF; background: #000000; transition: 0.5s; } .fs-l-main .fs-c-wishlistProduct .fs-c-wishlistProduct__footer a:hover { opacity: 0.6; } /* ------------------------------------- 会員登録完了 ------------------------------------- */ .fs-l-page .fs-l-main .fs-c-registerSuccessMessage { line-height: 180%; } .fs-l-page .fs-l-main .fs-c-buttonContainer.fs-c-buttonContainer--myPageTop a { display: block; background: #000000; color: #FFFFFF; text-align: center; transition: 0.5s; } .fs-l-page .fs-l-main .fs-c-buttonContainer.fs-c-buttonContainer--myPageTop a:hover { opacity: 0.6; } /* ------------------------------------- 会員情報変更 ------------------------------------- */ .fs-l-main #fs_form .fs-c-inputInformation__button.fs-c-buttonContainer.fs-c-buttonContainer--change a { width: 200px; display: block; text-align: center; } /* ------------------------------------- お届け先リスト変更 ------------------------------------- */ .fs-l-main .fs-c-addressBookList__form .fs-c-addressBookList__addButton.fs-c-buttonContainer.fs-c-buttonContainer--addAddressbook a { width: 200px; display: block; text-align: center; } .fs-l-main .fs-c-addressBookList__form .fs-c-addressBookList__count.fs-c-addressBookCount { text-align: center; } .fs-l-page .fs-l-main .fs-c-addressBookList__message.fs-c-noResultMessage { text-align: center; } .fs-l-main .fs-c-addressBookList__form .fs-c-addressBookList__list.fs-c-listTable { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; box-sizing: border-box; } .fs-l-main .fs-c-addressBookList__form .fs-c-addressBookList__list.fs-c-listTable tr td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; vertical-align: middle; line-height: 180%; } .fs-c-buttonContainer.fs-c-buttonContainer--deleteChange .fs-c-button--changeInfomation.fs-c-button--secondary .fs-c-button__label { display: block; background: #D00003; text-align: center; } .fs-l-main .new_arrival_area .wrap { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; box-sizing: border-box; } .fs-l-main .new_arrival_area .wrap .item img { width: 100%; } .fs-l-main .new_arrival_area .wrap .item .title { line-height: 160%; text-align: left; } .fs-l-main .new_arrival_area .wrap .item .item_price { text-align: center; font-size: 1.3em; font-weight: bold; } /* ------------------------------------- ご注文履歴 ------------------------------------- */ .fs-l-page .fs-l-main .fs-c-history { justify-content: space-between; align-items: flex-start; box-sizing: border-box; } .fs-l-main .fs-c-history .fs-c-history__info { border: 1px solid #CCCCCC; } .fs-l-main .fs-c-history .fs-c-history__listContainer { border: 1px solid #CCCCCC; } .fs-l-main .fs-c-history .fs-c-history__info #fs_form .fs-c-dropdown .fs-c-dropdown__menu { border: 1px solid #CCCCCC; } .fs-c-history__info .fs-c-history__infoSummary .fs-c-history__term { font-size: 0.9em; } .fs-c-orderHistoryItem .fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__orderInfo { display: flex; } .fs-c-history .fs-c-history__listContainer .fs-c-listControl { margin-bottom: 10px; } /* 注文詳細　*/ .fs-c-orderHistoryItem .fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__orderInfo dl { border: 1px solid #CCCCCC; border-right: none; } .fs-c-orderHistoryItem .fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__orderInfo dl:last-child { border-right: 1px solid #CCCCCC; } .fs-c-orderHistoryItem .fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__orderInfo dl dt { text-align: center; font-weight: normal; background: #ededed; padding: 5% 0; } .fs-c-orderHistoryItem .fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__orderInfo dl dd { text-align: center; font-weight: normal; background: #FFF; padding: 5% 0; } .fs-c-orderHistoryItem .fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__orderInfo dl dd .fs-c-price { justify-content: center; } /* 注文詳細を見るボタン　*/ .fs-c-orderHistoryItem .fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__header__button.fs-c-buttonContainer.fs-c-buttonContainer--viewOrderHistoryDetail a { border: 1px solid #CCC; padding: 2% 0; display: inline-block; width: 200px; text-align: center; transition: 0.5s; } .fs-c-orderHistoryItem .fs-c-orderHistoryItem__header .fs-c-orderHistoryItem__header__button.fs-c-buttonContainer.fs-c-buttonContainer--viewOrderHistoryDetail a:hover { opacity: 0.6; } /* 商品リスト　*/ .fs-c-orderHistoryItem .fs-c-orderHistoryItem__body .fs-c-orderHistoryItem__product { display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; gap: 30px; } .fs-c-orderHistoryItem__body .fs-c-orderHistoryItem__product .fs-c-orderHistoryItem__productName { line-height: 180%; text-align: left; } .fs-c-orderHistoryItem__body .fs-c-orderHistoryItem__product .fs-c-orderHistoryItem__unitPrice { width: 25%; } .fs-c-orderHistoryItem__body .fs-c-orderHistoryItem__product .fs-c-orderHistoryItem__unitPrice .fs-c-priceDisplay { justify-content: flex-end; } .fs-c-orderHistoryItem__body .fs-c-orderHistoryItem__product .fs-c-orderHistoryItem__productQuantity { width: 10%; justify-content: flex-end; } .fs-c-productActionButton.fs-c-buttonContainer .fs-c-button--subscribeToArrivalNotice--detail.fs-c-button--secondary { background: #2FB700; color: #FFFFFF; font-weight: bold; text-align: center; width: 100%; padding: 18px 0; margin-bottom: 20px; box-sizing: border-box; display: block; font-size: 1.2em; } .new_kaitori_mv { background-size: cover; width: 100%; } .new_kaitori_mv .wrap_02 { margin: 0 auto; position: relative; } .new_kaitori_mv .wrap_02 h1 { top: 50%; left: 3%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #FFFFFF; font-weight: 300; font-size: 2.5em; letter-spacing: 0.1em; font-family: "游明朝", 'YuMincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; } .new_kaitori_mv .wrap_02 h1 span { display: block; margin-top: 2%; font-size: 1.2em; } .new_kaitori_list { margin: 0 auto; } .new_kaitori_list .text { line-height: 180%; } .new_kaitori_reazon .wrap { margin: 0 auto; justify-content: space-between; align-self: flex-start; } .new_kaitori_reazon .wrap .point .title { background: #000000; color: #FFFFFF; text-align: center; position: relative; font-weight: bold; font-size: 1.1em; letter-spacing: 0.02em; } .new_kaitori_reazon .wrap .point .comment { background: #ededed; line-height: 180%; } .fs-l-main .kaitori_list { display: flex; align-content: flex-start; align-items: flex-start; flex-wrap: wrap; box-sizing: border-box; } .fs-l-main .kaitori_list .item { border: 1px solid #CCCCCC; } .fs-l-main .kaitori_list .item .title { background: #000000; color: #FFFFFF; width: 100%; padding: 5%; line-height: 160%; font-size: 0.9em; } .fs-l-main .kaitori_list .item img { width: 100%; } .fs-l-main .kaitori_list .item .new { color: #4A2E15; width: 100%; padding: 3% 5% 0; text-align: left; font-weight: bold; } .fs-l-main .kaitori_list .item .old { color: #1e4900; width: 100%; padding: 3% 5%; margin-bottom: 5%; text-align: left; font-weight: bold; } /* ------------------------------------- 保証 ------------------------------------- */ .fs-l-main .guarantee_mv { background: url("https://tick.itembox.design/item/page/guarantee_mv.webp"); background-size: cover; margin-top: 0; } .fs-l-main .guarantee_mv .wrap { margin: 0 auto; position: relative; } .fs-l-main .guarantee_mv .wrap h1 { color: #FFFFFF; text-align: center; font-family: 'Cinzel', serif; right: 10%; font-size: 3em; } .fs-l-main .guarantee_mv .wrap h1 span { display: block; font-size: 0.5em; font-family: "游明朝", 'YuMincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; } .fs-l-main .guarantee_intro .wrap { margin: 0 auto; justify-content: space-between; align-items: center; } .fs-l-main .guarantee_intro .wrap .comment01 p { line-height: 180%; } .fs-l-main .guarantee_intro .wrap .comment01 p strong { font-size: 1.3em; font-weight: bold; color: #D00003; display: block; } .fs-l-main .guarantee_intro .wrap .comment01 .cap { width: 100%; background: #ededed; padding: 5%; font-size: 0.9em; } .fs-l-main .guarantee_wrap .text { font-size: 0.9em; line-height: 150%; margin: 0 auto; border: 2px solid #ccc; padding: 4% 5%; } .fs-l-main .guarantee_wrap .text p { line-height: 180%; } .fs-l-main .guarantee_wrap .text h3 { display: block; font-size: 1.5em; font-family: "游明朝", 'YuMincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; } .fs-l-main .guarantee_wrap .text .border { line-height: 180%; display: block; margin-bottom: 20px; text-decoration: underline; } /* ------------------------------------- /*商品詳細　住所変更 ------------------------------------- */ .fs-c-estimatedDeliveryDate__button .fs-c-button--changeLocation.fs-c-button--plain .fs-c-button__label { border: 1px solid #CCC; display: block !important; text-align: center; } .fs-c-modal__inner { padding: 3%; } .fs-c-modal--changeLocation .fs-c-inputTable--inModal { border: 1px solid #ccc; } .fs-c-modal--changeLocation .fs-c-inputTable--inModal > tbody > tr th { background: #FFFFFF; border: none; margin-bottom: 15px; } .fs-c-modal--changeLocation .fs-c-inputTable--inModal > tbody > tr td select { border: 1px solid #ccc; } .fs-c-modal--changeLocation .fs-c-buttonContainer { display: flex; align-items: center; gap: 20px; } .fs-c-modal--changeLocation .fs-c-buttonContainer button { text-align: center; } /* ------------------------------------- 企業理念 ------------------------------------- */ .fs-l-main .mv_rinen { position: relative; margin-bottom: 60px; } .fs-l-main .mv_rinen .en { font-size: 12vw; font-family: 'Cormorant Garamond', serif; } .fs-l-main .mv_rinen .ja { font-family: "游明朝", 'YuMincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif; font-size: 1.5em; } .fs-l-main .mv_rinen .bg { position: absolute; font-weight: bolder; color: #ededed; left: 0; z-index: -1; font-family: 'Oswald', sans-serif; opacity: 0.5; } .fs-l-page .fs-l-main .rinen_block_01 { justify-content: space-between; flex-direction: row-reverse; align-items: flex-end; } .fs-l-page .fs-l-main .rinen_block_01 .image img { width: 100%; } .fs-l-page .fs-l-main .rinen_block_01 .text .title { font-family: 'Cormorant Garamond', serif; } .fs-l-page .fs-l-main .rinen_block_01 .text .midashi { font-size: 1.6em; } .fs-l-page .fs-l-main .rinen_block_01 .text .comment { line-height: 180%; } .fs-l-page .fs-l-main .rinen_block_02 { margin: 0 auto; justify-content: space-between; align-items: flex-start; } .fs-l-page .fs-l-main .rinen_block_02 .image img { width: 100%; } .fs-l-page .fs-l-main .rinen_block_02 .text .title { font-family: 'Cormorant Garamond', serif; } .fs-l-page .fs-l-main .rinen_block_02 .text .midashi { line-height: 180%; } .fs-l-page .fs-l-main .rinen_block_02 .text .comment strong { display: block; font-weight: 900; font-size: 2em; color: #50380e; } /* ------------------------------------- 採用ページトップ ------------------------------------- */ .fs-l-page .fs-l-main .recruit_mv { position: relative; color: #fff; background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url("https://tick.itembox.design/item/page/recruit/recruit_mv03.webp"); display: flex; align-items: center; justify-content: center; text-align: center; } .fs-l-page .fs-l-main .recruit_mv h2 { font-family: 'Cormorant Garamond' } .fs-l-page .fs-l-main .recruit_mv h2 span { display: block; font-family: "Zen Kaku Gothic Antique", sans-serif; } .fs-l-page .fs-l-main .recruit_intro p { margin: 0 auto; line-height: 180%; } .fs-l-main .recruitment .wrap { margin: 0 auto 60px; box-sizing: border-box; justify-content: space-between; align-items: center; flex-wrap: wrap; } .fs-l-main .recruitment .wrap .block { border: 1px solid #CCC; padding: 4%; } .fs-l-main .recruitment .wrap .block .title { font-size: 1.3em; text-align: center; } .fs-l-main .recruitment .wrap .block .comment { line-height: 180%; text-align: left; } .fs-l-main .recruitment .wrap .block a { background: #ccbda7; margin: 0 auto; color: #FFFFFF; text-align: center; display: block; transition: 0.5s; border-radius: 10px; } .fs-l-main .recruitment .wrap .block a:hover { opacity: 0.6; } /* ------------------------------------- 採用ページ概要 ------------------------------------- */ .recruitment_table { border: 1px solid #CCC; border-bottom: none; border-right: none; box-sizing: border-box; } .recruitment_table tr th { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; background: #ededed; font-weight: normal; } .recruitment_table tr td { border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; line-height: 180%; } /* 商品画像フレーム */ .fs-c-modal__inner .fs-c-modal__contents .fs-c-inquiryProduct { justify-content: space-between; align-items: center; } .fs-c-inputInformation__button.fs-c-buttonContainer.fs-c-buttonContainer--sendInquiry .fs-c-button--sendInquiry.fs-c-button--standard:hover { transition: 0.5s; opacity: 0.6; } /* ------------------------------------- 2512 aficionados_lustre ------------------------------------- */ .fs-l-page .a_lustre_mv { margin: 0 auto 5%; background: #eee; } .fs-l-page .a_lustre_comment .sale_period { text-align: center; font-size: 1.5em; } .fs-l-page .a_lustre_comment .sale_period_comment { text-align: center; line-height: 180%; } /* ------------------------------------- 2512 セカンダリープレミアムキャンペーン< ------------------------------------- */ .fs-l-page .fs-l-main .spc_mv { background: #eee; } .fs-l-main .spc_content .info { line-height: 180%; text-align: center; } .fs-l-main .spc_content .comment { margin: 0 auto 5%; text-align: left; line-height: 180%; } .spc_info ul { justify-content: space-between; } .spc_info ul li { border: 12px solid #000; border-radius: 10px; box-sizing: border-box; color: #FFFFFF; background: #000000; } .spc_info ul li .frame { background: #000000; border: 2px solid #d5b86c; } .spc_info ul li .frame figure { text-align: center; margin: 0 auto 7%; } .spc_info ul li .frame figure img { width: 100%; } .spc_info ul li .frame .title { text-align: center; } .spc_info ul li .frame .comment { text-align: left; line-height: 180%; } .fs-l-page .fs-l-main .spc_comment { justify-content: space-between; align-items: center; } .fs-l-main .spc_youtube { margin-bottom: 100px; } .spc_youtube .attention { margin: 4% 0; color: #D60003; } .spc_youtube .wrap .video-inner { position: relative; width: 100%; /* 16:9 → 9 ÷ 16 = 0.5625 → 56.25% */ padding-top: 56.25%; overflow: hidden; } .spc_youtube .wrap .video-inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } /* ------------------------------------- セール価格表示 ------------------------------------- */ /* 親：2つの価格ブロックを縦方向に並べる */ .fs-c-productPrices.fs-c-productPrices--productDetail { display: flex !important; flex-direction: column !important; /* ← ここがポイント */ align-items: flex-start !important; font-weight: normal; } /* 1行目：通常販売価格（小さめでOKなら） */ .fs-c-productPrices--productDetail .fs-c-productPrice--listed { display: flex !important; flex-direction: row !important; align-items: baseline !important; gap: 0.3em; font-size: 15px; /* お好みで調整可能 */ margin-bottom: 0.3em; } /* 通常価格のラベル（当店通常販売価格）をインライン化 */ .fs-c-productPrice--listed .fs-c-productPrice__main { display: inline-flex !important; flex-direction: row !important; align-items: baseline !important; gap: 0.3em; } /* 一覧の方のプライス */ .fs-c-productListItem__prices .fs-c-productPrice--selling { display: flex; flex-direction: column; align-items: center; text-align: center; } /* 2行目：セール価格。大きめ＋横並び */ .fs-c-productPrices--productDetail .fs-c-productPrice--selling { display: flex; font-weight: 700; text-align: center; margin-top: 8px; } .fs-c-productPrice--listed, .fs-c-productPrice--listed .fs-c-productPrice__main, .fs-c-productPrice--listed .fs-c-productPrice__main__label, .fs-c-productPrice--listed .fs-c-productPrice__main__price, .fs-c-productPrice--listed .fs-c-price__value, .fs-c-productPrice--listed .fs-c-productPrice__addon--listed { font-weight: normal !important; text-decoration: line-through; text-decoration-color: #E10003; text-decoration-thickness: 2px; } /* 1行目：期間限定価格 */ .fs-c-productPrice--selling .fs-c-productPrice__main__label { display: block; /* ラベルは少し小さめ */ font-weight: normal; } /* 2行目：価格＋税込を横並びで */ .fs-c-productPrice--selling .fs-c-productPrice__main { display: inline-flex; align-items: baseline; } /* 「¥4,680,000」部分 */ .fs-c-productPrice--selling .fs-c-productPrice__main__price { font-weight: 700; letter-spacing: 0.05em; } /* 「税込」 */ .fs-c-productPrice--selling .fs-c-productPrice__addon { display: inline-flex; /* block っぽい指定を上書き */ align-items: baseline; margin-left: 2px; } /* 通常販売価格の1行だけに線を引く */ .fs-c-productPrice--listed { font-weight: normal !important; /*border-bottom: 3px double #E10003; ← ここポイント：太さ3px */ padding-bottom: 4px; } .fs-l-main .top_campaign .wrap { width: 1100px; max-width: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; } .fs-l-main .top_campaign .video_item button { background: #ccbda7; color: #FFFFFF; padding: 3% 3%; display: block; margin: 5% auto 0; min-width: 200px; text-align: center; transition: 0.5s; } .fs-l-main .top_campaign .video_item button:hover { opacity: 0.6; } .fs-l-main .top_campaign .video_item iframe { width: 100%; aspect-ratio: 16 / 9; display: block; } /* コメントのデザイン */ .fs-l-main .top_campaign .video_caption { margin-top: 10px; line-height: 1.5; } /* ------------------------------------- 入荷お知らせメール ------------------------------------- */ .fs-c-modal__inner .fs-c-modal__contents .fs-c-stockNotificationsProduct { display: flex; align-items: center; justify-content: space-between; border: 1px solid #CCC; } .fs-c-modal__contents .fs-c-stockNotificationsProduct .fs-c-stockNotificationsProduct__productImage.fs-c-productImage img { width: 100%; } .fs-c-modal__contents .fs-c-stockNotificationsProduct .fs-c-stockNotificationsProduct__productName.fs-c-productName { text-align: left; } .fs-c-modal__contents .fs-c-stockNotificationsProduct .fs-c-stockNotificationsProduct__productName.fs-c-productName span { line-height: 180%; } .fs-c-modal__inner .fs-c-modal__contents .fs-c-stockNotificationsMessage { text-align: center; } form .fs-c-inputInformation__button.fs-c-buttonContainer.fs-c-buttonContainer--subscribeToArrivalNotice .fs-c-button--subscribeToArrivalNotice.fs-c-button--standard { background: #ccbda7; color: #FFFFFF; display: block; margin: 0 auto; transition: 0.5s; } form .fs-c-inputInformation__button.fs-c-buttonContainer.fs-c-buttonContainer--subscribeToArrivalNotice .fs-c-button--subscribeToArrivalNotice.fs-c-button--standard:hover { opacity: 0.6; } /* ------------------------------------- ポイント企画ページ ------------------------------------- */ .fs-l-page .fs-l-main .point_page_mv { background: url("https://tick.itembox.design/item/page/point_mv.webp"); background-size: cover; position: relative; width: 100%; } .fs-l-page .fs-l-main .point_page_mv h1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); letter-spacing: 0.7px; font-family: 'Cinzel', serif; color: #FFFFFF; } .fs-l-page .fs-l-main .point_intro .comment { line-height: 190%; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; } .fs-l-page .fs-l-main .point_image { margin: 0 auto 150px; } .fs-l-page .fs-l-main .point_get_area .comment .text { line-height: 180%; text-align: left; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; } .fs-l-page .fs-l-main .point_get_area .comment .title { font-weight: bold; font-size: 1.3em; } .fs-l-page .fs-l-main .point_get_area .comment ul { list-style: none; padding-left: 0; line-height: 180%; } .fs-l-page .fs-l-main .point_get_area .comment ul li { position: relative; padding-left: 1.2em; } .fs-l-page .fs-l-main .point_get_area .comment ul li::before { content: "・"; position: absolute; left: 0; top: 0; } .fs-l-page .fs-l-main .point_image_area_01 { display: flex; justify-content: space-between; } .fs-l-page .fs-l-main .point_image_area_01 .img_01 { margin-right: auto; } .fs-l-page .fs-l-main .point_image_area_01 .img_01 img { height: auto; display: block; position: relative; } .fs-l-page .fs-l-main .point_image_area_01 .img_02 img { height: auto; display: block; margin: 0 auto; } .fs-l-page .fs-l-main .point_image_area_01 .img_03 img { height: auto; display: block; position: relative; } .fs-l-page .fs-l-main .point_use_area { display: flex; justify-content: space-between; align-items: center; } .fs-l-page .fs-l-main .point_use_area .comment .text { line-height: 180%; text-align: left; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; } .fs-l-page .fs-l-main .point_use_area .comment .title { font-weight: bold; font-size: 1.3em; } .fs-l-page .fs-l-main .point_use_area .comment ul li { position: relative; padding-left: 1.2em; } .fs-l-page .fs-l-main .point_use_area .comment ul li::before { content: "・"; position: absolute; left: 0; top: 0; } .fs-l-page .fs-l-main .point_confirm .comment ul { list-style: none; /* デフォルトのマーカーを消す */ padding-left: 0; } .fs-l-page .fs-l-main .point_confirm .comment ul li { line-height: 180%; text-align: left; position: relative; padding-left: 1.2em; /* マーカー分の余白を確保 */ } .fs-l-page .fs-l-main .point_confirm .comment ul li::before { content: "・"; position: absolute; left: 0; top: 0; } /* ========================= VIPルーム：背景動画セクション ========================= */ .top_about_store { position: relative; overflow: hidden; color: #fff; } /* 背景動画 */ .top_about_store .bg_video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; /* トリミングして全面表示 */ object-position: center; z-index: 0; } /* 黒っぽいマスク */ .top_about_store .bg_overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); /* 濃さはここで調整 */ z-index: 1; } /* 中身は前面へ */ .top_about_store .wrap { position: relative; z-index: 2; } .top_about_store { display: grid; place-items: center; } .top_about_store .wrap .text { width: 70%; margin: 0 auto; line-height: 180%; } .new_page_contents .post_wrap h2 { font-weight: bold; } .new_page_contents .post_wrap .time { text-align: right; color: #424242; } .new_page_contents .post_wrap .text { line-height: 180%; } .new_page_contents .post_wrap .image_area { text-align: center; margin-bottom: 80px; } /* =========================== マイページ会員情報 =========================== */ .fs-p-accountInfo { background: #f9f7f5; border-left: 4px solid #ccbda7; box-sizing: border-box; display: flex; justify-content: space-between; color: #000000; } .fs-p-accountInfo__accountName__name { font-weight: bold; letter-spacing: 0.05em; } .fs-p-accountInfo__accountName__nameLabel { font-size: 1em; margin-left: 5px; } .fs-p-accountInfo__point__label { font-size: 0.85em; display: block; margin-bottom: 8px; } .fs-p-accountInfo__point__point__available__number { font-weight: bold; color: #ccbda7; } .fs-p-accountInfo__point__point__available__numberLabel { margin-left: 5px; font-size: 0.9em; } .fs-p-accountInfo__point__point__rate { font-size: 0.8em; color: #999; margin-left: 10px; } .fs-c-purchasePointExpiration { font-size: 0.8em; color: #999; margin-top: 8px; } /* =========================== マイページメニュー =========================== */ .fs-l-page .fs-l-main .fs-c-accountService { display: flex; flex-wrap: wrap; justify-content: flex-start; } .fs-l-page .fs-l-main .fs-c-accountService li { box-sizing: border-box; } .fs-l-page .fs-l-main .fs-c-accountService li a { display: block; border: 1px solid #e0d9d0; text-align: center; transition: 0.3s; letter-spacing: 0.1em; background: #fff; color: #333; } .fs-l-page .fs-l-main .fs-c-accountService li a:hover { background: #ccbda7; color: #fff; border-color: #ccbda7; } /* =========================== マイページ会員サービス案内 =========================== */ .fs-p-card { border: 1px solid #e0d9d0; box-sizing: border-box; background: #fff; } .fs-p-card__title { font-weight: bold; border-bottom: 1px solid #e0d9d0; letter-spacing: 0.05em; } .fs-p-listWithCheckmark li { padding: 8px 0; padding-left: 20px; position: relative; line-height: 160%; } .fs-p-listWithCheckmark li::before { content: '✓'; position: absolute; left: 0; color: #ccbda7; } .fs-p-card__footer { margin-top: 30px; } .fs-p-card__footer a { background: #ccbda7; color: #fff; border-radius: 7px; transition: 0.3s; letter-spacing: 0.05em; } .fs-p-card__footer a:hover { opacity: 0.7; } /* ------------------------------------- 買取サイト誘導ボタン（右端固定） ------------------------------------- */ .tick-kaitori-fab { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 999; display: flex; flex-direction: column; align-items: center; background: #402f24; color: #fef8ea; text-decoration: none; box-shadow: -4px 0 12px rgba(64, 47, 36, 0.15); border-top-left-radius: 6px; border-bottom-left-radius: 6px; transition: 0.3s; } .tick-kaitori-fab-icon { display: block; color: #b9a373; } .tick-kaitori-fab-icon svg { display: block; } .tick-kaitori-fab-text { display: block; writing-mode: vertical-rl; text-orientation: upright; font-weight: 500; letter-spacing: 0.3em; line-height: 1; } .tick-kaitori-fab-en { display: block; font-family: 'Cinzel', serif; letter-spacing: 0.2em; color: #b9a373; font-weight: 500; line-height: 1; }