/* Google Web fonts */ @import url(//fonts.googleapis.com/earlyaccess/notosansjp.css); /*! normalize.css v2.1.3 | MIT License | git.io/normalize */body,html{height:100%;position:relative}*{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}#container{width:100%;position:relative;height:auto!important;height:100%;min-height:100%;z-index:1}p{margin:0;line-height:160%}img{vertical-align:bottom}a:link{color:#000;text-decoration:none}a:visited{color:#000;text-decoration:none}a:hover{color:#000;text-decoration:none}a:active{color:#000;text-decoration:none}a img{border:0}ol,ul{list-style:none}.clearfix:after{content:'';display:block;clear:both}.clearfix{zoom:1}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed} /* ========================================================================== RESET =========================================================================== */ /* 非表示 */ div.FS2_additional_image_container, .FS2_additional_image_container_main, .FS2_additional_image_btn_thumbnail_container, .FS2_GroupList .pager, .FS2_body_Goods_GoodsDetail .thumbnail, .FS2_itemlayout_list_D_icon {display:none;} /* リセット */ html {font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴProW3", "HiraginoKakuGothicProW3", "HiraginoKakuGothicPro", Osaka, "ＭＳＰゴシック","MSPGothic", sans-serif;} /* Links */ a {transition: all 0.3s ease-in-out 0s;} a:hover {opacity: 0.7;} .slider-pro a { display:block; } /* ========================================================================== MODULE =========================================================================== */ /* ページタイトル --------------------------------------------- */ #category, .secPageTit {width: 100%; margin: 0 0 40px; padding: 58px 0; text-align: center; border: 1px solid #e1e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #category img, .secPageTit img {vertical-align: middle;} /* 長期休暇用コメント --------------------------------------------- */ .holiday {display: none; width:840px; margin:0 auto 40px;} .holiday:after {content:"";height:0;clear:both;display:block;visibility:hidden;} .holiday h1 {float:left; width:200px; font-size:16px; padding: 60px 20px; font-weight:bold; color:#000; text-align:center; border:1px solid #d7d7d7;} .holiday .textDay {float:right; width:68%; text-align:left;} .holiday p {margin:0 0 1em; font-size:13px;} .holiday p strong {font-size:16px;} /* ページトップ --------------------------------------------- */ #pagetop {position: fixed; top: 94%; right: 2%;} /* パンくず --------------------------------------------- */ .pan {background: #f1ede5;} #breadcrumb li {display: inline-block; margin-bottom: 5px;} #breadcrumb li + li:before {margin: 0 5px; content: ">";} #breadcrumb li, #breadcrumb li a {font-size: 13px;} /* userTable_01 --------------------------------------------- */ .userTable_01 th {width: 20%;} .inputTableArea .userTable_01 th {width: 40%;} .inputTableArea .userTable_01 td {width: 100%;} /* フォーム --------------------------------------------- */ input[type="text"], input[type="password"], input[type="email"], #fs2_cardNo, #fs2_deliveryNote1 {width: 100%;} #fs2_firstName, #fs2_lastName {width: 48%;} #count {width: 80%;} #fs2_zipCodeFront {width: 15%;} #fs2_zipCodeBack, #fs2_phoneNumberPublic, #fs2_phoneNumberLocal, #fs2_phoneNumberMember {width: 20%;} /* ========================================================================== LAYOUT =========================================================================== */ /* ヘッダー --------------------------------------------- */ #head {padding: 10px 0 30px; position: relative;} #head:after {content: ""; display: block; clear: both;} #head h1 {margin: 10px 0 20px; text-align: center;} #head .headermenu {position: absolute; top: 10px; right: 0;} #head .headermenu li {float: left;} #head .headermenu li:not(:last-child) { margin-right: 15px; padding-right: 15px; border-right: 1px solid #dbdbdb; } #head .nav{ width: 100%; margin: 0 auto; text-align: center; } #head .nav:after {content: ""; display: block; clear: both;} #head .nav li {display: inline-block;} #head .nav li:not(:last-child) {margin-right: 35px;} /* フッター --------------------------------------------- */ #footer {padding-bottom: 20px;} #footer:after {content: ""; display: block; clear: both;} #footer .facebook {float: right; width: 331px;} #footer .facebook iframe {border: none;} /* 外部リンクバナー */ .outLinkBnr {margin: 80px 0; text-align: center;} .outLinkBnr li {display: inline-block; margin: 0 20px;} .outLinkBnr li a:hover {opacity: 1.0;} /* フッターカラム */ #footer .ftColumn {float: left; width: 600px;} #footer .ftLinkList:after {content: ""; display: block; clear: both;} #footer .ftLinkList li {float: left; margin: 10px 0; padding: 0 10px; border-left: 1px solid #6a6a6a;} #footer .ftLinkList li:first-child {padding-left: 0; border-left: none;} #footer .shopSupport {margin: 10px 0 0; padding: 0 30px; border: 1px solid #e2e2e2;} #footer .shopSupport:after {content: ""; display: block; clear: both;} #footer .shopSupport h2 {padding: 8px 0 20px; text-align: center; border-bottom: 1px solid #e2e2e2;} #footer .shopSupport .supportList {padding: 10px;} #footer .shopSupport .supportList:after {content: ""; display: block; clear: both;} #footer .shopSupport li {float: left; width: 26%; margin: 0 15px 5px 0; font-size: .85em;} #footer .shopSupport li:nth-child(2) {width: 43%;} #footer .shopSupport li:nth-child(3) {width: 20%; margin-right: 0;} #footer .shopSupport li:nth-child(4) {width: 20%;} #footer .shopSupport li:nth-child(6) {width: 20%;} #footer .shopSupport li:nth-child(7) {width: 17%; margin-right: 0;} #footer .copyright {margin: 20px 0 0;} #footer small {display: block; float: left; width: 45%; margin: 40px 0 0; color: #b3b3b3;} #footer .snsLink {float: right;} #footer .snsLink li {display: table-cell; padding: 0 15px; height: 55px; vertical-align: middle;} #footer .snsLink li:not(:last-child) {border-right: 1px solid #dbdbdb;} #footer .snsLink li a:hover {opacity: 1.0;} /* コンテンツ --------------------------------------------- */ .layout_content {padding-left: 30px !important;} .contents { float: right; width: 810px; padding: 0; margin: 0 auto; overflow: hidden; } .topPage .contents {float: none; width: 980px;} .contents.layout2 {float: none; width: 980px;} /* FS生成ページ --------------------------------------------- */ .pageTitle, .CrossHead{font-weight:normal;} .FS2_body_Config_BusinessDeal .pageTitle, .FS2_body_Config_PrivacyPolicy .pageTitle, .FS2_body_Config_PostageSettleList .pageTitle, .FS2_body_Config_ReturnedSpecialContract .pageTitle, .FS2_body_PointAgreement .pageTitle {margin: 40px 0 25px; padding: 0 0 10px; text-align: center; border-bottom: 1px solid #5f5f5f;} .FS2_body_Config_BusinessDeal .CrossHead, .FS2_body_Config_PrivacyPolicy .CrossHead, .FS2_body_Config_PostageSettleList .CrossHead, .FS2_body_Config_ReturnedSpecialContract .CrossHead, .FS2_body_PointAgreement .CrossHead {padding-left: 30px; margin: 30px 0 20px; background: url(https://www.majun-okinawa.jp/common/img/iconH01.png) left center no-repeat; border: none;} /*特定商取引法に基づく表示*/ body.FS2_body_Config_BusinessDeal .pageTitle{ width: 100%; margin: 0 0 40px; padding: 58px 0; text-align: center; border: 1px solid #e1e1e1; background:url(https://www.majun-okinawa.jp/shop/item/majun/design/img05/tit02.png) center center no-repeat; text-indent:-9999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*個人情報の取扱いについて*/ body.FS2_body_Config_PrivacyPolicy .pageTitle{ width: 100%; margin: 0 0 40px; padding: 58px 0; text-align: center; border: 1px solid #e1e1e1; background:url(https://www.majun-okinawa.jp/shop/item/majun/design/img05/tit03.png) center center no-repeat; text-indent:-9999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*送料と支払い方法*/ body.FS2_body_Config_PostageSettleList .FS2_Config_Postage .pageTitle{ width: 100%; margin: 0 0 40px; padding: 58px 0; text-align: center; border: 1px solid #e1e1e1; background:url(https://www.majun-okinawa.jp/shop/item/majun/design/img05/tit04.png) center center no-repeat; text-indent:-9999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .FS2_body_Config_PostageSettleList .FS2_PostageSettleList_table {table-layout: auto;} .FS2_body_Config_PostageSettleList .FS2_PostageSettleList_table .FS2_PostageSettleList_td {padding-left: 20px;} .FS2_PostageSettleList_table ol {list-style: decimal; margin:0 0 0 20px;} /*返品特約について*/ body.FS2_body_Config_ReturnedSpecialContract .pageTitle{ width: 100%; margin: 0 0 40px; padding: 58px 0; text-align: center; border: 1px solid #e1e1e1; background:url(https://www.majun-okinawa.jp/shop/item/majun/design/img05/tit05.png) center center no-repeat; text-indent:-9999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*ポイントについて*/ body.FS2_body_PointAgreement .pageTitle{ width: 100%; margin: 0 0 40px; padding: 58px 0; text-align: center; border: 1px solid #e1e1e1; background:url(https://www.majun-okinawa.jp/shop/item/majun/design/img05/tit08.png) center center no-repeat; text-indent:-9999px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* 商品一覧 --------------------------------------------- */ #FS2_itemlayout_C{min-height:380px;} #FS2_itemlayout_C .FS2_thumbnail_container a {display:block; height:320px; overflow:hidden;} .FS2_body_Goods_GoodsGroupList_2 div.FS2_thumbnail_container {min-height:320px; vertical-align:center;} #FS2_itemlayout_C .thumbnail {margin: 0 0 15px;} .itemGroup {font-weight:normal;} img.thumbnail{max-width:230px;} /* 子カテゴリー */ #FS2_Group_majun-okinawa-m, #FS2_Group_majun-okinawa-l, #FS2_Group_shisa-wear-m, #FS2_Group_shisa-wear-l, #FS2_Group_outlet-m, #FS2_Group_outlet-l {display: block; width: 113px; height: 24px; text-indent: 100%; white-space: nowrap; overflow: hidden;} /* mens */ #FS2_Group_majun-okinawa-m, #FS2_Group_shisa-wear-m, #FS2_Group_outlet-m {margin: 0 0 0 auto; background: url(https://www.majun-okinawa.jp/shop/item/majun/design/img05/subcat-m.gif) no-repeat;} /* ladies */ #FS2_Group_majun-okinawa-l, #FS2_Group_shisa-wear-l, #FS2_Group_outlet-l {margin: 0 auto 0 0; background: url(https://www.majun-okinawa.jp/shop/item/majun/design/img05/subcat-l.gif) no-repeat;} /* ページャー */ .pager .FS2_pager_stay, .pager .FS2_pager_link {margin: 0 5px;} .pager img {vertical-align: baseline;} /* 商品詳細 --------------------------------------------- */ #FS2_itemlayout_list_D {display:table; width:100%; text-align:center;} #FS2_itemlayout_list_D tr {display:table-cell; font-size:1.3em;} #contenttext, #type, #size {margin-bottom: 30px;} #FS2_itemlayout_IH4 .FS2_additional_image_itemdetail_container_left {width:380px !important;} .FS2_bottom_btn_right_and_left_1 {width:100%; clear:both;} #contenttext{ /*width:400px;*/ width: 100%; clear:both; float:left; margin:30px 0; overflow:hidden; } #contenttext pre {white-space: pre-wrap;} /* 商品名orSEOキーワード */ #keyvisual {width: 790px; margin: 0 auto 30px;} .keywordtit {width: 790px; margin: 0 auto; padding:0 0 10px; margin-bottom:0; /* border-bottom:1px solid #aea6a7; */} .keywordtit .titHead {font-size:20px; font-weight:bold;} .keywordtit .titSub {font-size:12px; font-weight:normal;} #large { width: 350px; max-height: 465px; overflow: hidden; float: left; } #large img {max-width: 100%; height:auto!important;} /* 拡大ズーム */ .zoom {position:relative; width:100%; margin-bottom:40px;} .zoom:after {content:"";height:0;clear:both;display:block;visibility:hidden;} .zoomContainer {height:465px !important;} .zoom .modelSize {/*width:350px;*/ font-size:12px; position:absolute; top: 480px;} #gallery_01f{ float: right; width: 445px; /*overflow: hidden;*/ margin:0 0 10px; } #gallery_01f li{ display: inline-block; width: 102px; height: 125px; overflow: hidden; margin-right: 8px; margin-bottom: 5px; text-align:center; } #gallery_01f h3, #contenttext h3{ font-weight: normal; font-size: 14px; border-bottom: 1px solid #c3c2c2; margin-bottom: 10px; padding: 0 0 5px; } #contenttext h3{text-align: center;} #gallery_01f li b{ font-weight:normal; margin:5px 0; } #gallery_01f li:nth-of-type(4), #gallery_01f li:nth-of-type(8), #gallery_01f li:nth-of-type(12){ margin-right: 0; } #gallery_01f li img{ max-width: 103px; } /* テキスト周り */ #FS2_body_Goods .FS2_itemPrice_text {margin: 0 0 10px;} #FS2_body_Goods .itemPrice {font-size: 16px; color: inherit;} #FS2_body_Goods .FS2_point {border: none; margin: 0 0 10px; color: #600900; font-weight: bold;} /* オプション表 */ #FS2_body_Goods .FS2_OptionPrice_table th {width: 20%; padding: 2px 0; text-align: left; background: none; border: none;} #FS2_body_Goods .FS2_OptionPrice_table td {width: 80%; padding: 2px 0; text-align: left; background: none; border: none;} /* カラーバリエーション表 */ #FS2_body_Goods .GoodsSelectionTable th {background: #f1ede5;} #FS2_body_Goods .GoodsSelectionTable th, #FS2_body_Goods .GoodsSelectionTable td {border: 1px solid #e1e1e1;} #FS2_body_Goods .GoodsSelectionTable .thStrong {width: 30%;} /* 数量＆カートボタン */ #FS2_body_Goods .FS2_figure_table_td_figure {width: 2.5em;} #FS2_body_Goods .FS2_figure_table_td_input_cnt {width: 70px;} #FS2_body_Goods .FS2_figure_table_td_updn_btn {width: 20px;} /* ソーシャル */ #FS2_body_Goods .FS2_TweetButton_area br {display: none;} /* リンクリスト */ #FS2_body_Goods .FS2_ArrivalInformationButton_area, #FS2_body_Goods .FS2_InquiryButton_area, #FS2_body_Goods .FS2_MailRecommendButton_area, #FS2_body_Goods .FS2_ReviewEditButton_area, #FS2_body_Goods .FS2_ReviewButton_area {margin: 10px 0;;} /* レビュー */ #FS2_body_Goods .FS2_ReviewEditAverage {margin: 20px 0 10px;} #review h3{ font-weight: normal; font-size: 12px; border-bottom: 1px solid #c3c2c2; margin-bottom: 5px; color:#BEB08F; } #review{ overflow: hidden; max-width:643px; } #FS2_body_Goods .userTable_01 {border-top: 1px solid #c0c0c0; border-bottom: none;} #FS2_body_Goods .userTable_01 .FS2_Review_Detail_container_td {padding: 10px 0 0; border: none;} #FS2_body_Goods .userTable_01 .FS2_Review_Detail_td {background: none;} #FS2_body_Goods .userTable_01 .FS2_Review_Detail_Prof_Date {text-align: left;} #FS2_body_Goods .userTable_01 .FS2_Review_Detail_name {display: block; font-weight: bold; margin: 0 0 10px;} #FS2_body_Goods .userTable_01 .FS2_Review_User_Status {padding: 2px; border: 1px solid #600900; color: #600900; font-weight: normal; background: #fff;} #FS2_body_Goods .userTable_01:first-child:before { content:"■ お客様の声"; margin-bottom: 5px; color:#BEB08F; } #type, #size{ clear:both; margin:30px 0; text-align:center; } /* 商品詳細サイズについて Accordion */ #size dt { background: #868282; color: #fff; font-weight: normal; font-size: 13px; margin: 0 0 25px 0; padding:5px 10px; cursor:pointer; } #size dd {display:none; padding:0 20px 30px; text-align:left;} /* サイズについて */ #size .sizeTit{ font-weight: normal; font-size: 14px; border-bottom: 1px solid #c3c2c2; margin: 5px 0; } #size .sizeSubTit{ font-weight: normal; font-size: 14px; border-bottom:none; margin: 22px 0 5px; } #size .sizePic{margin:30px 0; text-align:center;} /* 着用感コメント */ .itemcommentArea {margin-top:2em; padding:10px; background:#faf7f5;} #contenttext .itemcommentArea .commentTit {font-weight:normal; font-size:13px;} #contenttext .itemcommentArea p {margin-top:10px;} /* サイズ表 */ #type table {width:80%; margin:0 auto; border-collapse:collapse; table-layout:fixed;} #type table.w100 {width:100%;} #type table th, #type table td {padding:0px 2px; font-size:13px; color:#514D48; text-align:center; background:#fff; border:1px solid #D2D1CE;word-break: break-all;} #type table thead .row-1 .column-1, #type table thead .row-1 th {background:#f1ede5;} .sizeBnr {clear:both; padding:20px 0 0;} .sizeBnr img {height:auto;} .status {margin: 60px 0 40px; text-align: center;} #type .fitType {float: left; margin-left: 40px;} #type .btnList {clear: both; padding: 20px 0 0; text-align: center;} #type .btnList li {display: inline-block; margin: 0 5px;} #type .btnList li:last-child {display: none;} /* Amazonログイン&ペイメント --------------------------------------------- */ .FS2_PayWithAmazonWidget_area > div{ display:block; width:auto; } .FS2_PayWithAmazonWidget_area .FS2_AmazonAddressbookWidget_area { padding-right: 0; } .FS2_PayWithAmazonWidget_area .FS2_AmazonWalletWidget_area { padding-left: 0; margin-top:30px; } /* フォトライブラリー --------------------------------------------- */ #photoPresent {margin-top: 50px;} .pl_formArea {margin-top: 20px;} #photoPresent h3, .pl_formArea h3 {margin-bottom: 10px;} .photolibraryArea { padding: 0 30px; margin-bottom: 50px; font-size: 14px; } .photolibraryArea .bold { font-weight: bold; } #photoPresent .txtc, #photolibrary .txtc { text-align: center; } #photoPresent .mt15, #photolibrary .mt15 { margin-top: 15px; } .photolibraryArea .pl_ofh { overflow: hidden; } .photolibraryArea article { margin-top: 50px; } .photolibraryArea article figure { float: left; margin-right: 20px; } .photolibraryArea article figure img { width: 380px; height: auto; } .photolibraryArea article h2 { text-align: left; font-weight: normal; border-bottom: 1px solid #e1e1e1; padding: 15px 0; margin-bottom: 15px; font-size: 1.3em; } .linkText { display: inline-block; border: 1px solid #b0b0b0; line-height: 30px; font-size: 12px; padding: 0 25px; margin-top: 20px; } .linkText span { background: url(https://www.majun-okinawa.jp/common/img/ranking/rankingArrow01.png) no-repeat 0 45%; padding-left: 12px; } .photolibraryArea article .review { margin-bottom: 15px; } .pl_info { font-weight: bold; } /* フォトライブラリ　詳細ページ */ .plColumn { padding: 0 33px 0 27px; } .plColumn .headLine { text-align: left; font-weight: normal; border-bottom: 1px solid #e1e1e1; padding: 15px 0 15px 15px; margin-bottom: 30px; font-size: 1.3em; } .plColumn figure { margin-bottom: 40px; } .plColumn p.pl_info { font-size: 1.3em; } .plColumn h2.pl_info { margin-top: 30px; font-size: 1.2em; } .plColumn .alignC { margin-top: 50px; } .plForm { padding: 0 30px; } .plForm h3 { font-size: 1.3em; font-weight: normal; border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; margin-bottom: 20px; } .plForm ul { padding-left: 20px; margin-bottom: 20px; } .plForm ul li { list-style: disc; } .plForm p { margin-bottom: 20px; } .plTable { width: 100%; } .plTable tr th { text-align: left; width: 25%; vertical-align: top; font-weight: normal; padding: 10px 0; } .plTable tr td { text-align: left; padding: 10px 0; } .plTable tr td .text01 { width: 100%; padding: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .submitbtn { text-align: center; border: none; background: #5e5d5d; color: #fff; border: none; padding: 3px 50px; margin-top: 50px; } /*Pagenation*/ .photolibraryArea .wp-pagenavi { margin: 50px 0; text-align: center; } .photolibraryArea .wp-pagenavi:after, .photolibraryArea .wp-pagenavi ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .photolibraryArea .wp-pagenavi .previouspostslink, .photolibraryArea .wp-pagenavi .nextpostslink, .photolibraryArea .wp-pagenavi .page, .photolibraryArea .wp-pagenavi .current { display: inline-block; list-style: none outside none; margin-left: 3px; font-size: 18px; } .photolibraryArea .wp-pagenavi .page:first-child { margin-left: 0; } .photolibraryArea .wp-pagenavi .current { color: #dddddd; cursor: not-allowed; padding: 5px 10px; color: #951e23; } .photolibraryArea .wp-pagenavi a { color: #333333; display: block; padding: 5px 10px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } .photolibraryArea .wp-pagenavi a:hover { color: #dddddd; opacity: 0.8; transition-duration: 500ms; transition-property: all; transition-timing-function: ease; } p.mt20 { margin-top: 20px; } /*これから追記*/ /*ログイン状態がわかるまで非表示*/ .js-member,.js-guest{ display: none; } body { color: #333333; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size:14px; font-weight:500; min-width:1200px; } img{ max-width:100%; } #head{ width:100%; } #footer{ width:100%; } /*横並び一覧*/ .itemList__unit{ float:left; text-align:center; } .itemList__imgBox{ margin-bottom:15px; } .itemList__name{ margin-bottom:5px; font-size:14px; font-weight:bold; } .itemList__price{ font-size:14px; font-weight:bold; } .itemList__description{ margin-top:5px; } /*2つ並び*/ .itemList--2 .itemList__unit{ width:49%; } .itemList--2 .itemList__unit:nth-child(n+2){ margin-left:2%; } .itemList--2 .itemList__unit:nth-child(2n+1){ clear:both; margin-left:0; } .itemList--2 .itemList__unit:nth-child(n+3){ margin-top:25px; } /*4つ並び*/ .itemList--4 .itemList__unit{ width:22%; } .itemList--4 .itemList__unit:nth-child(n+2){ margin-left:4%; } .itemList--4 .itemList__unit:nth-child(4n+1){ clear:both; margin-left:0; } .itemList--4 .itemList__unit:nth-child(n+5){ margin-top:25px; } /*5つ並び*/ .itemList--5 .itemList__unit{ width:18%; } .itemList--5 .itemList__unit:nth-child(n+2){ margin-left:2.5%; } .itemList--5 .itemList__unit:nth-child(5n+1){ clear:both; margin-left:0; } .itemList--5 .itemList__unit:nth-child(n+6){ margin-top:25px; } /*6つ並び*/ .itemList--6 .itemList__unit{ width:165px; } .itemList--6 .itemList__unit:nth-child(n+2){ margin-left:30px; } .itemList--6 .itemList__unit:nth-child(6n+1){ clear:both; margin-left:0; } .itemList--6 .itemList__unit:nth-child(n+7){ margin-top:25px; } .itemList__unit{ position:relative; overflow: hidden; } .itemList--ladies .itemList__unit:before,.itemList--mens .itemList__unit:before{ width:95px; height:95px; content:""; display: inline-block; position:absolute; left:-48px; top:-48px; background:#6bd0e9; z-index:1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .itemList--ladies .itemList__unit:before{ background:#e16dac; } .itemList__rank{ color:white; position:absolute; z-index:2; line-height:1; font-size:12px; font-weight:bold; top:15px; left:8px; } .cInner{ width:1200px; margin:0 auto; } .cInner--min{ width:1140px; } .section--main{ margin-bottom:60px; } /*ヘッダー*/ .cHeaderTop{ padding-top:13px; } .cHeader__title{ font-size:10px; float:left; max-width:440px; } .hBtnList{ float:right; margin-left:30px; } .hBtnList__unit{ float:left; } .hBtnList__unit:nth-child(n+2){ margin-left:12px; } .hBtnList__btn{ display: inline-block; text-decoration: none; width:100px; line-height:30px; text-align:center; color:white !important; border-radius: 5px; font-size:10px; } .hBtnList__btn--mail{ background:#333; } .hBtnList__btn--deli{ background:#5f0300; } .mNav{ float:right; padding-top: 10px; margin-left:28px; } .mNav__unit{ float:left; } .mNav__unit:nth-child(n+2){ margin-left:25px; } .mNav__unit:before{ content:"＞"; display: inline-block; margin-right:2px; } .mNav__unit,.mNav__unit a{ font-size:10px; } .hSns{ float:right; padding-top:4px; } .hSns__unit{ float:left; } .hSns__unit:nth-child(n+2){ margin-left:12px; } .cHeaderMain{ margin-top:17px; padding-bottom:35px; } .cHeader__logo{ float:left; } .gNav{ float:right; font-size:12px; } .gNav__unit{ float:left; } .gNav__unit:nth-child(n+2):before{ content:"|"; display: inline-block; margin:0px 10px; position:relative; top:1px; } .hSearch__form{ float:left; background:white; height:35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:solid 1px #ccc; border-radius: 5px; width:270px; position:relative; margin-top:3px; margin-left: 25px; } .hSearch__text{ width:210px !important; border:none; background:none; font-size:12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:2px 10px; height:35px; letter-spacing: 1px; color:#707070; float:left; } .hSearch__submitBox{ float:right; width:45px; height:35px; position:relative; } .hSearch__submit{ position:absolute; top:0;left:0;right:0;bottom:0; margin:auto; } .hSearch__submit:hover{ opacity: 0.8; } /*グローバルナビホバーメニュー用*/ .gNav__unit{ position:relative; } .gNavDrop{ position:absolute; top:100%; width:210px; left:0px; padding-top:15px; display: none; z-index: 10; } a.gDropList__link{ color:white; font-size:12px; display: block; padding:5px 20px; } /*アイキャッチ*/ .eyecatch{ display: none; } .topPage .eyecatch{ display: block; } /*メイン部*/ .topPage #container{ width:100%; margin-top: 40px; } .mainTitle{ font-size:30px; font-weight:bold; text-align: center; line-height:1; margin-bottom:43px; letter-spacing: 1px; position: relative; } .mainTitle:after{ content:""; height:1px; width:128px; background:#6bd0e9; position:absolute; left:50%; margin-left:-64px; bottom:-23px; } .mainTitle__subText{ margin-bottom:35px; text-align:center; font-size:14px; } .itemSlideArea{ position:relative; padding:0px 40px; overflow: hidden; } .itemSlideArea .prev_btn{ position:absolute; top:41%; margin-top:-38px; left:-40px; z-index:100; cursor: pointer; } .itemSlideArea .next_btn{ position:absolute; top:41%; margin-top:-38px; right:-40px; z-index:100; cursor: pointer; } .itemSlider__unit{ padding:0px 15px; } .itemSlider__unit img,.itemSlider__unit p{ display: none; } .slick-list .itemSlider__unit img,.slick-list .itemSlider__unit p{ display: block; } .itemSlider__imgBox{ margin-bottom:10px; } .itemSlider__name,.itemSlider__price{ font-weight:bold; font-size:14px; text-align:center; } .itemSlider__name a{ font-weight:bold; } .tBlockList__unit{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:20%; float:left; position:relative; background:#247b90; border-left:solid 1px #FFF; } .tBlockList__img{ opacity: 0.2; -webkit-transition: opacity .25s; -moz-transition: opacity .25s; -ms-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; width:100%; } a.tBlockList__link:hover{ opacity: 1; } a.tBlockList__link:hover .tBlockList__img{ opacity: 1; } a.tBlockList__link:hover .tBlockList__textBox{ opacity: 0; } .tBlockList__textBox{ color:white; width:100%; position:absolute; top:50%; margin-top:-28px; -webkit-transition: opacity .25s; -moz-transition: opacity .25s; -ms-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; } .tBlockList__title{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:5px; } .tBlockList__subTitle{ font-size:14px; text-align:center; } .dnone{ display: none; } /*ランキング*/ .cInner--ranking{ width:1140px; } .topPage .tabList{ margin-bottom:30px; } .tabList__unit{ float:left; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .topPage .tabList__unit{ line-height:48px; text-align: center; font-size:16px; font-weight:bold; } .tabList__unit--mens{ color:white; background:#6bd0e9; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); box-shadow: 0 3px 0 #5bc4de; position:relative; border-radius: 5px; } .tabList__unit--mens:hover{ box-shadow: 0 6px 0 #5bc4de; top:-3px; } .tabList__unit--mens:active{ box-shadow:none; border-bottom:none; top:3px; } .tabList__unit--ladies{ color:white; background:#e06dab; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); box-shadow: 0 3px 0 #ca5092; position:relative; border-radius: 5px; } .tabList__unit--ladies:hover{ box-shadow: 0 6px 0 #ca5092; top:-3px; } .tabList__unit--ladies:active{ box-shadow:none; border-bottom:none; top:3px; } /*タブ２つ*/ .tabList--2 .tabList__unit{ width:49%; } .tabList--2 .tabList__unit:nth-child(n+2){ margin-left:2%; } /*タブ3つ*/ .tabList--3 .tabList__unit{ width:32%; } .tabList--3 .tabList__unit:nth-child(n+2){ margin-left:2%; } a.moreBtn{ width:300px; padding:22px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; display: block; margin:60px auto 0px; background:black; color:white; border-radius: 5px; font-size:16px; line-height:1; } /*TOPランキング商品*/ .rItemList__left{ width:49%; float:left; } .rItemList__right{ width:49%; float:right; } /*ランキングアイコン*/ .rItemList__unit{ position:relative; overflow: hidden; } .rItemList__left .rItemList__unit:before{ width:165px; height:165px; content:""; display: inline-block; position:absolute; left:-82px; top:-82px; background:#6bd0e9; z-index:1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .rItemList__right .rItemList__unit:before{ width:95px; height:95px; content:""; display: inline-block; position:absolute; left:-48px; top:-48px; background:#6bd0e9; z-index:1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .tabContent--ladies .rItemList__unit:before{ background:#e16dac; } .itemList--ladies .rItemList__unit:before{ background:#e16dac; } .rItemList__rank{ color:white; position:absolute; z-index:2; line-height:1; } .rItemList__left .rItemList__rank{ font-size:20px; font-weight:bold; top:23px; left:13px; } .rItemList__right .rItemList__rank{ font-size:12px; font-weight:bold; top:15px; left:8px; } .rItemList__right .rItemList__unit{ width:30.66666666666666%; float:left; } .rItemList__right .rItemList__unit:nth-child(n+2){ margin-left:4%; } .rItemList__right .rItemList__unit:nth-child(3n+1){ margin-left:0%; clear:both; } .rItemList__right .rItemList__unit:nth-child(n+4){ margin-top:20px; } .rItemList__imgBox{ margin-bottom:15px; } .rItemList__imgBox img{ width:100%; } .rItemList__name,.rItemList__price{ font-weight:bold; font-size:14px; text-align:center; } .rItemList__name a{ font-weight:bold; } .tCoordinate{ background:url("https://www.majun-okinawa.jp/common/img/ns-coordinate-bg.jpg") no-repeat center center; background-size:cover; overflow: hidden; color:white; } .tCoordinate .cInner{ position:relative; width:840px; min-height:938px; } .tCoordinate__hoverImg{ position:absolute; left:-200px; top:48%; margin-top:-293px; } .wLinkList{ text-align:center; letter-spacing: -.4em; padding-top:55px; margin-bottom:60px; } .wLinkList__unit{ display: inline-block; letter-spacing: normal; text-align:center; padding:2px 0px; } .wLinkList__unit:nth-child(n+2){ border-left:solid 1px #FFF; margin-left:30px; padding-left:30px; } .wLinkList__link{ display: inline-block; } .wLinkList__main{ font-family: YuMincho, "游明朝", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "MS PMincho", "ＭＳＰ明朝", "MS Mincho", "ＭＳ明朝", serif; font-size:25px; line-height:1; color:white; letter-spacing: 1px; } .wLinkList__sub{ font-size:12px; line-height:1; font-weight:bold; margin-top:12px; display: inline-block; color:white; } .tCoordinate__title{ font-size:30px; font-weight:bold; margin-bottom:30px; text-align:center; line-height:1; letter-spacing: 1px; } .tCoordinate__subTitle{ font-size:16px; font-weight:bold; text-align:center; margin-bottom:30px; line-height:1; } .tCoordinate__text{ margin-bottom:40px; font-size:14px; text-align:center; line-height:1.8; } .tCoordinateList{ width:770px; margin:0 auto; } .tCoordinateList__unit{ width:240px; float:left; text-align:center; font-size:14px; } .tCoordinateList__unit:nth-child(n+2){ margin-left:25px; } .tCoordinateList__img{ display: inline-block; margin-bottom:15px; } .tCoordinateList__title{ font-weight:bold; margin-bottom:3px; } .photo{ text-align:center; } .photo__title{ font-size:30px; font-weight:bold; letter-spacing: 1px; line-height:1; margin-bottom:18px; } .photo__subTitle{ font-size:14px; font-weight:bold; line-height:1; margin-bottom:40px; letter-spacing: -1px; } .photo__text{ font-size:14px; font-weight:bold; margin-bottom:-10px; } .cRecommend{ padding:55px 0px; background:#f2f2f2; } .bnrList{ margin:0; padding:0; } .bnrList__unit{ list-style:none; float:left; position:relative; text-align:center; } /*横1列*/ .bnrList--full .bnrList__unit:nth-child(n+2){ margin-top:15px; } /*横2列*/ .bnrList--half .bnrList__unit{ width:49%; } .bnrList--half .bnrList__unit:nth-child(2n){ float:right; } .bnrList--half .bnrList__unit:nth-child(2n+1){ clear:both; } .bnrList--half .bnrList__unit:nth-child(n+3){ margin-top:15px; } /*横3列*/ .bnrList--3 .bnrList__unit{ width:360px; } .bnrList--3 .bnrList__unit:nth-child(n+2){ margin-left:30px; } .bnrList--3 .bnrList__unit:nth-child(3n+1){ margin-left:0; clear:both; } .bnrList--3 .bnrList__unit:nth-child(n+4){ margin-top:20px; } /*横4列*/ .bnrList--4 .bnrList__unit{ width:23.5%; } .bnrList--4 .bnrList__unit:nth-child(n+2){ margin-left:2%; } .bnrList--4 .bnrList__unit:nth-child(4n+1){ margin-left:0; clear:both; } .bnrList--4 .bnrList__unit:nth-child(n+5){ margin-top:15px; } .bnrList__title,.bnrList__title .bnrList__link{ font-size:14px; font-weight:bold; margin-top:15px; } .bnrList__text{ margin-top:5px; font-size:14px; } .topics .cInner{ width:1140px; } .weather{ width:100%; display: table; border:solid 1px #ecf8ff; background:#ecf8ff; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .weather__cell{ display: table-cell; vertical-align: middle; text-align:center; height:180px; } .weather__temp{ font-size:22px; } .sInfo{ padding:70px 0px; background:#6bd0e9; } .mainTitle--sInfo:after{ background:#FFF; } .sInfo__left{ width:49%; float:left; } .sInfo__right{ width:49%; float:right; } .mainTitle__subText--sInfo{ margin-bottom:60px; } .sInfo__text{ margin-top:15px; text-align:center; font-size:14px; } a.sInfo__btn{ display: block; margin-top:27px; text-align:center; line-height:75px; background:white; color:#6bd0e9; font-weight:bold; } .fs-body-top a.sInfo__btn { margin: 25px auto 0; width: 545px; } .sInfo__linktxt { color: #5f0300 !important; text-decoration: underline !important; } .sInfoList__unit{ float:left; max-width:50%; } .sInfoList__unit:nth-child(2n){ float:right; } .cInner--news{ width:1045px; } .news__left{ width:490px; float:left; } .news__right{ width:490px; float:right; } .topNews{ margin:0 auto; } .instagram{ padding:60px 0px 70px; background:#f2f2f2; } .instagram__title{ margin-bottom:45px; text-align:center; } .mainTitle--sf:after{ background:#333; } .mainTitle__subText--sf{ margin-bottom:50px; } .step{ padding:70px 0px 75px; background:#5f0300; color:white; } .stepList__step{ font-size:20px; letter-spacing: 1px; font-weight:bold; text-align:center; } .stepList__stepTitle{ font-size:14px; font-weight:bold; margin-bottom:18px; text-align:center; } .stepList__box{ background:white; padding:25px 10px 18px 10px; } .stepList__imgBox{ height:45px; position:relative; margin-bottom:15px; } .stepList__img{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; } .stepList__boxText{ text-align:center; font-size:14px; font-weight:bold; color:#5f0300; line-height:1.4; min-height:60px; } /*フッター*/ .pageTop{ text-align:center; margin-bottom:60px; } .cFooterTop{ margin-bottom:60px; } .cFooterTop__left{ float:left; } .cFooterTop__center{ float:left; margin-left:93px; text-align:center; padding-top:8px; line-height:1.5; } .fSns{ float:right; padding-top:3px; } .fSns__unit{ float:left; } .fSns__unit:nth-child(n+2){ margin-left:23px; } .skList{ margin-bottom:80px; } .skList__unit{ float:left; } .skList__unit:nth-child(3n+1){ width:275px; } .skList__unit:nth-child(3n+2){ width:330px; } .skList__unit:nth-child(3n){ width:310px; } .skList__unit:nth-child(n+2){ margin-left:112.5px; } .skList__unit:nth-child(3n+1){ margin-left:0px; clear: both; } .skList__unit:nth-child(n+4){ margin-top:20px; } .skList__title{ font-weight:bold; margin-bottom: 5px; } .skList__text{ font-size:12px; line-height: 1.8; } .skList__more{ text-align:right; margin-top:10px; } a.skList__moreLink{ font-size:12px; text-decoration: underline; } .copy{ text-align:center; font-size:12px; } .copy__emText{ font-size:14px; } /*futureshop用*/ #head{ padding:0 !important; } #FS2_preview table{ left:0 !important; } .layout_body{ width:100%; } .layout_table{ width:1200px; margin:0 auto 60px; } .topNews {display: table;} .topNews .articleColumn {display: table-cell; width: 430px; padding: 0 23px; vertical-align: bottom;} .topNews .newsImg {display: table-cell; vertical-align: bottom;} .topNews .newsTit {padding: 0 12px 20px;} .topNews .newsList {border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7;} .topNews .newsList li:not(:last-child) {border-bottom: 1px dotted #c7c7c7;} .topNews .newsList a {display: block; padding: 10px 10px 10px 30px; background: url(https://www.majun-okinawa.jp/common/img/iconArr01.png) 10px center no-repeat #fff;} .topNews .newsList a h1 {font-weight: normal; font-size: 16px;} .topNews .newsList a:hover {color: #5f0300; background: url(https://www.majun-okinawa.jp/common/img/iconArr01.png) 10px center no-repeat #f8eae9;} .topNews .newsList a time {font-size: 14px;} /*下層ヘッダー下部分*/ .detailTopList__unit{ width:224px; float:left; } .detailTopList__unit:nth-child(n+2){ margin-left:20px; } .detailTopList__title{ margin:15px 0px 15px; padding:13px; line-height:1; font-size:18px; text-align:center; border-top:solid 1px #999; border-bottom:solid 1px #999; } .detailTopList__text{ line-height:1.8; font-size:12px; padding:0px 5px 0px 15px; } /*サイド*/ #side{ /*width:100%;*/ width: 250px; } #side .hotword{ margin-top: 15px; } #side .side__keyword a{ text-decoration: underline; color: blue; } #side .sideList__link.difference{ letter-spacing: -1px; } .sideTitle{ padding:13px 15px; line-height:1; color:white; text-align:left; font-weight:normal; border:none; background:#333; margin-bottom:22px; } .section--side{ margin-bottom:50px; } .section--sideList{ margin-bottom:35px; } .section--search{ margin-bottom:22px; } .search__field{ width:100%; padding:8px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:solid 1px #989898; border-radius: 5px; color:#333; } .search__selectWrap { position: relative; display: block; border: 1px solid #989898; border-radius: 5px; background: #fff; } .search__selectWrap:before { content: ""; position: absolute; top: 50%; right: 10px; display: block; width: 0; height: 0; margin: -4px 0 0 0; border: 5px solid transparent; border-top: 7px solid #333; } .search__selectWrap .search__field { cursor: pointer; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; padding: 0.5em 1em; border: none; border-radius: 5px; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*width:250px;*/ width:100%; left:-1px; } ::-ms-expand { display: none; } .sizeAtt{ font-size:12px; margin-top:10px; line-height:1; } .sizeAtt a{ color:#5e5e5e; } .search__field--price{ width:114px !important; } .search__centerText{ width:22px; text-align:center; } .search__stock{ text-align:center; } .search__stockText{ display: inline-block; margin-left:10px; position: relative; top:-1px; } .search__submitBtn{ line-height:1; padding:15px 10px; color:white; border-radius: 5px; background:#5e0300; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; border:none; box-shadow: none; -webkit-transition: opacity .25s; -moz-transition: opacity .25s; -ms-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; letter-spacing: 2px; } .search__submitBtn:hover{ opacity: 0.8; } .sideList__title{ text-align:left; line-height:1; font-weight:bold; margin-bottom:22px; } a.sideList__titleLink{ padding:18px 11px; display: block; border-top:solid 1px #666666; border-bottom:solid 1px #666666; color:#333; } .sideList__unit:nth-child(n+2){ margin-top:15px; } .sideList__unit{ position: relative; } .sideList__unit::before{ position: absolute; content: ""; width: 5px; height: 5px; border-top: 1px solid #000; border-right: 1px solid #000; top: 50%; right: 10px; transform: translateY(-50%) rotate(45deg); transition: .3s; } .sideList__unit:hover::before{ right: 5px; transition: .3s; } .sideList__unit,a.sideList__link{ display: block; color:#494949; } .sideList--contents .sideList__unit:before{ content:"・"; padding:0 0 0 10px; } .sideList--contents .sideList__unit:nth-child(n+2){ margin-top:10px; } .sideList--contents .sideList__link,.sideList--contents .sideList__unit{ font-size:12px; } .sideBnrList__unit:nth-child(n+2){ margin-top:15px; } /*商品一覧の並び*/ .alignItem_03 > br{ display: none; } .alignItem_03 .gl_Item{ width:22.5%; margin-left:0; } .alignItem_03 .gl_Item:nth-of-type(n+2){ margin-left:3.33333333%; } .alignItem_03 .gl_Item:nth-of-type(4n+1){ margin-left:0%; clear:both; } .alignItem_03 .gl_Item:nth-of-type(n+5){ margin-top:10px; } .groupLayout .FS2_thumbnail_container{ margin-bottom:10px; } .utility{ display: none; } /*ソートボタン*/ .FS2_sort_menu_bg{ display: none; text-align:center; padding-bottom:20px; } .FS2_sort_menu_bg ul{ display: inline-block; } .FS2_sort_menu_bg li:first-child{ padding-right:15px; margin-right:10px; border-right:1px solid #b3b3b3; color:#494949; } .FS2_sort_menu_bg li:nth-child(n+2){ padding:0; margin:0; border:none; margin-left:13px; } .FS2_sort_menu_bg li:nth-child(n+2) a{ line-height:1; padding:12px; border-radius: 5px; color:#494949; border:solid 1px #999999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; min-width:115px; text-align:center; } .FS2_sort_menu_bg li:nth-child(n+2) a:hover{ background:#666666; border:solid 1px #666666; color:white; opacity: 1; } .FS2_sort_menu_bg li:nth-child(n+2):not(.hasLink){ line-height:1; padding:12px; border-radius: 5px; color:#fff; border:solid 1px #666666; background:#666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; min-width:115px; text-align:center; } .pan{ background:none; margin-bottom:10px; padding:0; } .sCatList{ text-align:center; letter-spacing: -.4em; } .sCatList__unit{ display: inline-block; letter-spacing: normal; margin-bottom:10px; } .sCatList__unit:nth-child(n+2){ margin-left:10px; } a.sCatList__link{ display: block; text-align:center; line-height:1; padding:15px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width:135px; border-radius: 5px; background:#c0f5fd; color:#494949; } .sCatList--ladies a.sCatList__link{ background:#f3b3d6; color:#493f47; } .pager{ padding-bottom:10px; border-bottom:solid 1px #999; margin:35px 0px; } /*商品詳細*/ #keyvisual{ width:100%; } .section--detailImg{ margin-bottom:25px; } .detailTitle{ font-weight: normal; font-size: 14px; border-bottom: 1px solid #c3c2c2; margin-bottom: 15px; padding: 0 0 7px; line-height:1; font-weight:bold; } .productLeft{ width:300px; margin-left:45px; float:left; } .productLeft #gallery_01f,.productLeft #large{ width:100%; float:none; } #FS2_itemlayout_IH4 .FS2_additional_image_itemdetail_container_left { width: 500px !important; margin:0px 40px 0px 0px; } .zoomContainer{ z-index:1; } .zoomBottom{ background:white; position:relative; z-index:2; padding-top:25px; } #gallery_01f li{ width:22.5%; margin:0; height:auto; } #gallery_01f li:nth-child(n+2){ margin-left:2%; } #gallery_01f li:nth-child(4n+1){ margin-left:0%; clear:both; } #gallery_01f li:nth-child(n+5){ margin-top:5px; clear:both; } #gallery_01f li img{ max-width:100%; } #type{ margin:20px 0px; } #type .fitType{ margin-left:0; width:16%; } .sizeBtnList{ text-align:left; letter-spacing: -.4em; margin-top:18px; } .sizeBtnList__unit{ display: inline-block; letter-spacing: normal; vertical-align: top; } .sizeBtnList__unit:nth-child(n+2){ margin-left:10px; } a.sizeBtn{ display: block; width:153px; line-height:1; padding:12px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border:solid 1px #999; border-radius: 5px; font-size:12px; } a.sizeBtn:hover{ background:#333; color:white; opacity: 1; } .GoodsSelectionTable{ margin-bottom:15px; } #toCart{ margin-left:15px; -webkit-transition: opacity .25s; -moz-transition: opacity .25s; -ms-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; } #toCart:hover{ opacity: 0.8; } /*商品の返品リンク非表示、余白のみ*/ .FS2_ReturnedSpecialContract{ visibility: hidden; margin:8px 0px; height:1px; } .FS2_lower_comment{ margin-top:65px; } .tabList--detail{ margin-bottom:30px; } .tabList--detail .tabList__unit{ line-height:1; padding-bottom:15px; text-align:center; border-bottom:solid 3px #989898; color:#989898; font-size:16px; font-weight:bold; } .tabList--detail .tabList__unit.active{ color:#333; border-bottom:solid 3px #333; } .staffVoiceList{ margin-top:70px; } .staffVoiceList__unit{ background:#6cd0ea; padding:33px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:285px; min-height:285px; float:left; } .staffVoiceList__unit:nth-child(n+2){ margin-left:30px; } .staffVoiceList__title{ font-size:18px; font-weight:bold; text-align:center; margin-bottom:20px; line-height:1; } .staffVoiceList__text{ font-size:12px; line-height:2; } #size{ text-align:left; } .detailBarTitle { position: relative; text-align: center; } .detailBarTitle__inner { position: relative; z-index: 2; display: inline-block; margin: 0 2.5em; padding: 0 1em; background-color: #fff; font-size:30px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width:345px; font-weight:normal; letter-spacing: 1px; font-family: "游明朝", "Yu mincho","Times New Roman", "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS P Mincho", "MS 明朝", serif; } .detailBarTitle__inner--recommend{ font-size:24px; } .detailBarTitle::before { position: absolute; top: 50%; z-index: 1; content: ''; display: block; width: 100%; height: 1px; background-color: #333; } .detailBarTitle--mb{ margin-bottom:45px; } .detailSubTitle{ font-size:14px; font-weight:bold; text-align:center; margin-bottom:45px; font-family: "游明朝", "Yu mincho","Times New Roman", "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS P Mincho", "MS 明朝", serif; } .featureList__unit:nth-child(n+2){ margin-top:50px; } .featureList__left{ width:360px; float:left; } .featureList__right{ width:525px; float:right; } .featureList__title{ font-family: "游明朝", "Yu mincho","Times New Roman", "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS P Mincho", "MS 明朝", serif; font-size:25px; font-weight:bold; margin-bottom:15px; } .bnrList + .bnrList{ margin-top:20px; } .column__left{ width:450px; float:left; } .column__right{ width:450px; float:right; } .column__title{ font-family: "游明朝", "Yu mincho","Times New Roman", "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS P Mincho", "MS 明朝", serif; font-size:25px; font-weight:normal; margin-bottom:15px; } .column__mainImg{ display: inline-block; margin-bottom:20px; } .cSubImgList__unit{ width:97px; float:left; } .column__subImg{ cursor: pointer; } .cSubImgList__unit:nth-child(n+2){ margin-left:20px; } .column__bottomText{ clear: both; padding-top:50px; text-align:center; } .section--columnTop{ margin-bottom:25px; } .section--column{ margin-bottom:40px; } img + .column__text{ margin-top:10px; } #FS2_body_Goods #contenttext{ width:355px; } /* 2017父の日キャンペーン当選者発表 */ .winnersListArea{margin:0 0 50px 100px; width:630px;} .winnersList {float:left; width:210px;} .winnersList li{margin-bottom:5px;} /* トップページ　カタログバナー 180131追加 --------------------------------------------- */ /*.section--catalog { width: 100%; height: 555px; margin-bottom: 60px; background: url(/common/img/indexCatalog-bg01-g.png) right top no-repeat #e1efef; background: url(/common/img/indexCatalog-bg01-p.png) right top no-repeat #fbf0ee; }*/ .section--catalog { /* 200513追加 */ width: 100%; /*height: 507px;*/ margin: 165px auto 60px; position: relative; max-width: 1400px; } .catalog--tit02, .catalog-img, .catalog-img02 { /* 200513追加 */ text-align: center; } .catalog--btn02 { /* 200513追加 */ position: absolute; bottom: 0; right: 0; } .section--catalog-inner { width: 1200px; margin: 0 auto; position: relative; } .catalog-imgarea { width: 615px; position: absolute; right: 0; top: 40px; } .catalog-textarea { float: left; width: 594px; padding: 60px 0 0; text-align: center; position: relative; } .catalog--tit { margin-bottom: 40px; } .catalog--txt { margin-bottom: 40px; } .catalog--btn {text-align: center;} .catalog--btn dt, .catalog--btn dd { text-align: center; margin-top: 10px; } /* .catalog--btn dt {margin-right: 15px;} */ .gift__img { width: 80%; margin: 0 auto; } /*トップ SHOP INFORMATION*/ .sInfo-wrap { width: 905px; margin: 0 auto 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sInfo-wrap__img-wrap { width: 540px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: auto; } .sInfo-wrap__txt { width: 350px; } .sInfo-wrap__img { margin-right: 15px; } .sInfo-wrap__map { width: 262px; height: 262px; } .sInfo-wrap__tit { font-size: 18px; } /* 2021追加 */ .fs-l-main { max-width: 1200px; padding-top: 0; } .fs-l-pageMain { max-width: 920px; } .fs-l-main.topPage, .topPage .fs-l-pageMain { max-width: 100%; padding-left: 0; padding-right: 0; margin-top: 0; padding-top: 0; } .fs-l-footer { background: #fff; border-top: none; } .fs-l-productLayout, .fs-l-product4 .fs-l-productLayout { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .upperComment { margin-bottom: 20px; } .upperComment, .fs-l-productLayout__item--3 { width: 100%; } .fs-l-productLayout__item--1 { width: 300px; flex-basis: 300px; margin-left: 45px; } .fs-l-productLayout__item--2 { width: 500px; } .fs-l-product4 .fs-l-productLayout .section--main { margin-bottom: 60px !important; } #recommendListBlock { margin: 40px 0 60px; } /* レビュー */ .fs-body-product .fs-c-productReview { display: none; } .js-include--review .fs-c-aggregateRating__rating { display: block; } .fs-c-aggregateRating__rating::before { display: inline-block; font-size: 14px; flex-basis: auto; vertical-align: text-top; margin-right: 10px; } .js-include--review .fs-c-button--viewAllReviews { margin: 10px 0; } .fs-c-reviewStars { display: inline-flex; } .fs-c-rating__value { display: inline-block; font-size: 14px; vertical-align: top; font-weight: 700; margin: 0 0 0 -5px; color: #ff0000; } .fs-c-aggregateRating__count { display: inline-block; font-size: 14px; } .fs-c-reviewStars::before, .fs-c-productReview .fs-c-button--plain::before, .js-include--review .fs-c-button--plain::before { color: #600900; } .fs-c-productReview .fs-c-button--plain::before, .js-include--review .fs-c-button--plain::before { font-size: 1.3em; } .fs-body-product .fs-c-productReview .fs-c-button--viewAllReviews, .fs-body-product .fs-c-productReview .fs-c-aggregateRating__count .fs-body-product .fs-c-productReview .fs-c-button--addReview--detail, .fs-c-button--inquiryAboutProduct { font-size: 12px; } .fs-c-aggregateRating__count::before { content: "("; display: inline-block; } .fs-c-aggregateRating__count::after { content: "件)"; display: inline-block; } .fs-c-reviewList__item { padding: 10px 5px 15px; } .fs-c-reviewBody { padding: 0; margin: 0; border: none; } .fs-c-reviewInfo__reviewer { margin-bottom: 10px; } .fs-c-reviewer__name { font-weight: 700; } .fs-c-reviewInfo__date { font-size: 14px; margin-bottom: 10px; } .fs-c-reviewer__name__nickname::after { content: "さん"; } .fs-c-reviewRating { margin-bottom: 10px; } .fs-c-reviewRating::before { content: "おすすめ度"; font-size: 12px; vertical-align: super; } .fs-c-reviewerStatus { color: rgb(96, 9, 0); font-weight: normal; padding: 2px; border: 1px solid #600900; background: #fff; line-height: 1.2; font-size: 11px; margin-left: 5px; min-width: auto; border-radius: 0; } .detailBarTitle__inner { letter-spacing: 0; font-size: 28px; } .dispdet .itemList--2 .itemList__unit { width:18%; } .dispdet .itemList--2 .itemList__unit { width:18%; } .dispdet .itemList--2 .itemList__unit:nth-child(2n+1) { clear: initial; margin-left: 2%; } .itemList--2 .itemList__unit { margin-top: 25px; } #fsrecommenddiv1.dispdet, #fsrecommenddiv2.dispdet { margin-bottom:40px; } #fsrecommenddiv2.dispdet .itemList__unit:nth-child(n+6) { display:none; } .wrappingSorts { display: none; } .fs-l-product4 .fs-l-productLayout > * > * { margin: revert; } .fs-c-productNameHeading { font-size: 18px; line-height: 26px; } .fs-c-productNumber { border: none; display: inline-block; font-size: 14px; padding: 0; color: #8C8C8C; padding: 0px; margin: 0 0 5px 0; line-height: 2; } .fs-c-productNumber__number { font-weight: normal; } .fs-c-productPrice { font-size: 14px; line-height: 2; margin-bottom: 10px; } .fs-c-productPrices--productDetail .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { font-size: 16px; font-weight: 700; } .fs-c-productPointDisplay { background: transparent; color: #600900; display: inline-block; font-size: 12px; line-height: 1; padding: 0; border: none; margin: 0 0 10px; font-weight: bold; } .fs-c-productOption { flex-direction: row; align-items: center; } .fs-c-productOption__name { background: none; font-weight: normal; font-size: 14px; margin-right: 20px; padding: 0; } .wrappingSorts p { margin-bottom: 10px; } .fs-c-variationMatrix__radio:checked + .fs-c-variationMatrix__panel { background: #600900; border: 1px solid #600900; } .fs-c-button--particular.fs-c-button--addToWishList--detail, .fs-c-button--particular.fs-c-button--removeFromWishList--detail { background: none; border-color: transparent; box-shadow: none; color: #333; cursor: pointer; font-size: 12px; padding: 0; padding-left: 25px; position: relative; } .fs-c-button--particular.fs-c-button--addToWishList--detail::after, .fs-c-button--particular.fs-c-button--removeFromWishList--detail::after { position: absolute; left: 0; top: -3px; color: #600900; margin: 0; } .fs-c-productReview__allReviews.fs-c-buttonContainer{ padding-bottom: 0; } .fs-c-button--inquiryAboutProduct.fs-c-button--plain::before { content: "\e913"; color: #600900; font-size: 1.3em; } /* CATEGORY */ .fs-c-subgroup .fs-c-listControl { display: none; } .fs-c-subgroupList { justify-content: center; } .fs-c-subgroupList__item { flex-basis: auto; flex-grow: 0; margin: 0 5px 10px; } a.fs-c-subgroupList__link { transition-property: all; transition-duration: 0.5s; transition-timing-function: linear; transition-delay: 0s; background: #333; border: 1px solid #333; color: inherit; display: block; width: 100%; padding: 10px; text-decoration: none; text-align: center; border-radius: 5px; color: #fff; } .fs-c-subgroupList__link::after { content: none; } .fs-body-category-mens a.fs-c-subgroupList__link { background: rgb(192, 245, 253); border-color: rgb(192, 245, 253); color: rgb(73, 73, 73); } .fs-body-category-ladies a.fs-c-subgroupList__link { background: #f3b3d6; border-color: #f3b3d6; color: #493f47; } .fs-c-sortItems__label { padding: 0; padding-right: 15px; margin-right: 10px; color: rgb(73, 73, 73); border: none; border-right: 1px solid rgb(179, 179, 179); font-size: 14px; } .fs-c-sortItems__list__item { margin: 0 6px; } .fs-c-sortItems__list__item__label { line-height: 1; color: rgb(73, 73, 73); box-sizing: border-box; display: inline-block; min-width: 115px; text-align: center; padding: 12px; border-radius: 5px; border: 1px solid rgb(153, 153, 153); } .fs-c-sortItems__list__item.is-active { background: transparent; } .fs-c-sortItems__list__item.is-active .fs-c-sortItems__list__item__label { background: rgb(102, 102, 102); color: #ffffff; } .fs-c-productList__list__item .fs-c-productListItem__control {display: none;} .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { font-size: 16px; font-weight: 700; } .fs-c-productList .fs-c-sortItems {display: none;} .fs-c-sortItems { justify-content: center; } .fs-c-sortItems__list { flex-grow: 0; } .fs-c-productQuantityAndWishlist { padding: 8px 10px; display: flex; justify-content: space-between; align-items: center; } .fs-c-productQuantityAndWishlist::after { content: none; } .fs-c-productQuantityAndWishlist .fs-c-productQuantityAndWishlist__wishlist { display: none; } .fs-c-productQuantityAndWishlist.wishlistMoved {padding: 0;justify-content: flex-start;} .fs-c-productQuantityAndWishlist.wishlistMoved .fs-c-productQuantityAndWishlist__wishlist { display: block; } .wishlist--disabledAlert { display: none; padding-left: 1em; font-size: 10px; color: #ff3333; } .fs-c-productQuantityAndWishlist__quantity::before { content: "数量"; font-size: 12px; margin-right: 5px; } .fs-c-productQuantityAndWishlist__quantity { max-width: 8em; width: 30%; align-self: center; } .fs-c-productQuantityAndWishlist__quantity select { width: calc(100% - 4em); } .fs-c-button--addToCart--detail { line-height: 1; padding: 15px 30px; color: white; border-radius: 5px; background: #5e0300; border: 0; font-size: 20px; text-align: center; font-weight: bold; width: 360px; } .fs-c-breadcrumb { max-width: 1200px; margin: 0 auto; } .fs-c-button--loginAndPurchase { color: #fff !important; background: #5f0300; border: 1px solid #5f0300; } .fs-body-reviews .fs-c-reviewRating::before { content: none; } .fs-body-reviews .fs-c-reviewRating { margin-bottom: 0; } .fs-body-reviews .fs-c-reviewerStatus { margin: 0; } .fs-body-reviews .fs-c-listControl { padding: 3px 0; } .fs-c-productListItem__productName { text-align: center; } .fs-c-productListItem__viewMoreImageButton { display: none; } .FS2_Figure { padding: 10px 0; } .fs-c-productListCarousel { padding: 30px 0 0; } .fs-c-productListCarousel .fs-c-productListItem__control {display: none;} .fs-c-productPrice { justify-content: center; } .fs-body-product .fs-c-productPrice { justify-content: flex-start; } #NewContents::after { content: ""; clear: both; display: table; } .fs-c-subgroupList__label { color: inherit; } .fs-c-button--memberRegister { color: #fff !important; } .fs-c-variationMatrix__row__thumbnail { display: none; } .fs-c-variationMatrix__row__variationName { /* width: 15%; */ width: auto; } /* ▼230711 themeCSS仕様変更により追記▼ */ .fs-c-variationMatrix__row { grid-template-columns: minmax(0, 130px) 1fr; } .fs-c-variationMatrix__row__variationPanels { grid-template-columns: repeat(auto-fit, minmax(6em, 1fr)); } /* ▲230711 themeCSS仕様変更により追記▲ */ .fs-c-variationMatrix__item { flex-grow: 0; } .fs-body-cart .fs-l-pageMain { max-width: 1200px; } .fs-c-button--unregisteredUserPurchase { background: #333; color: #fff !important; } .sCatList { display: none; } .fs-c-productListItem__lowInStock, .fs-c-productListItem__outOfStock, .fs-c-productListItem__numberOfStock { border: 1px dotted #FF3300; color: #FF3300; padding: 0 5px; margin: 0 0 10px 0; text-align: center; line-height: 2; } .fs-c-productNotice--outOfStock, .fs-c-productNotice--subscriptionOutOfStock { border: 1px dotted #FF3300; color: #FF3300; padding: 0 5px; margin: 0 0 10px 0; text-align: center; line-height: 2; background: #fff; } .fs-c-productMark > li { display: inline-flex; align-items: center; } .fs-c-button--standard { padding: 0.8em 1.6em; } .fs-p-announcement__title, .fs-c-subSection__title { margin-bottom: 1.2em; } .fs-c-cartTable__headerCell--product { width: 350px; } .fs-c-featuredProduct { margin-top: 20px; } .fs-c-specTable, .fs-c-specTable__headerCell, .fs-c-specTable__dataCell { white-space: normal; font-size: 12px; } .fs-c-button--primary {color: #fff !important;} .fs-p-announcement { line-height: 1.5; } .logout.my-false { display: none; } .login.my-true { display: none; } .fs-c-list { list-style: decimal; } .fs-c-list li { margin-left: 1.5em; text-indent: 0; } .fs-c-list li::before { content: none; } ul.fs-c-list { list-style: disc; } .m_auto { margin: 0 auto; } /* 202106 RENEW */ .re_header { box-shadow: 0 2px 4px rgba(0,0,0,.3); } .re_header_bnrArea { padding: 9px 0; background: url(https://majun.itembox.design/item/re/re_headerBg_pc.png) no-repeat center; } .re_header_bnrArea ul { max-width: 1200px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; } .re_headerTop { display: flex; justify-content: space-between; align-items: center; padding-top: 7px; } .re_headerTop--logo { display: inline-block; flex-basis: 15%; } .re_headerTop--userInfoWrap { flex-basis: 35%; } .re_headerTop--userInfo { display: flex; align-items:center; margin-top: 15px; } .re_headerTop--userInfo p { font-size: 10px; font-weight: bold; } .re_headerTop--userInfo p span { font-size: 12px; color: #600900 } .re_headerTop--userInfo p:first-child { margin-right: 25px; } .re_headerTop--userNav { display: flex; flex-basis: 50%; align-items: center; justify-content: flex-end; } .re_headerTop--userNav .mNav { overflow: hidden; margin-left: 0; } .re_headerTop--userNav .mNav li { float: left; margin-right: 30px; } .re_headerTop--userNav .mNav li:last-child { margin-right: 0; } .re_headerTop--userNav .mNav a { font-size: 10px; font-weight: 700; color: #600900; } .re_headerTop--userNav .mNav a img { vertical-align: sub; margin-right: 5px; } .re_hSearch .hSearch__form { float: right; border: 0; border-bottom: solid 1px #ccc; border-radius: 0; margin-left: 50px; width: 230px; } .re_hSearch .hSearch__text { width: 200px !important; } .re_hSearch .hSearch__submitBox { width: 25px; } .re_headerMain { display: flex; align-items: center; padding-bottom: 10px; } .re_gNav { display: inline-flex; } .re_gNav a {transition: .3s;} .re_gNav a:hover {transition: .3s; opacity: .6;} .re_gNav .gNav__unit:nth-child(n+2):before { content: none; } .re_gNav__button { width: 150px; margin-right: 10px; } .re_gNav__button a { font-size: 12px; color: #fff; font-weight: bold; line-height: 30px; background: #999; display: block; text-align: center; position: relative; } .re_gNav__button a.re_gNav--mens {background: #6bd0e9;} .re_gNav__button a.re_gNav--ladies {background: #e06dab;} .re_gNav__button a.re_gNav--kids {background: #bbce00;} .re_gNav__button a::after { content: ""; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; top: 50%; right: 10px; transform: translateY(-50%) rotate(45deg); } .re_gNav--drop { width: 720px; justify-content: space-between; background: #600900; margin: 0; position: relative; } .re_gNav--drop .gNav__unit { position: static; } .re_gNav--drop .gNav__unit > a { display: block; font-size: 13px; font-weight: bold; color: #fff; padding: 0 2em; line-height: 30px; } .re_gNav--drop .gNav__link--icon { position: relative; padding-right: 3em; } .re_gNav--drop .gNav__link--icon::before { content: ""; width: 14px; height: 14px; background: #fff; border-radius: 50%; position: absolute; top: 50%; right: .7em; transform: translateY(-50%); } .re_gNav--drop .gNav__link--icon::after { content: ""; width: 4px; height: 4px; border-top: 2px solid #600900; border-right: 2px solid #600900; position: absolute; top: 44%; right: 1em; transform: translateY(-50%) rotate(135deg); } .re_gNav--drop .gNavDrop { width: 100%; padding-top: 10px; } .gNavDropWrap { display: grid; gap: 0 18px; grid-template-columns: 23% 23% 16% 31%; width: 100%; background: #000; padding: 20px; } .gNavDropWrap.newItem{ display: block; width: 140%; padding: 0; } .gDrop_title::before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 10px 6px 0 6px; border-color: #6bd0e9 transparent transparent transparent; } .gDrop_title--ladies::before { border-color: #e06dab transparent transparent transparent; } .gDrop_title--kids::before { border-color: #bbce00 transparent transparent transparent; } .gDrop_title--family::before { border-color: #f96 transparent transparent transparent; } .re_gNav--drop a.gDropList__link { position: relative; padding: 10px; font-size: 12px; } .re_gNav--drop .gDrop_title a.gDropList__link {display: inline-block;font-size: 13px;font-weight: bold;} .re_gNav--drop .gNavDrop a.gDropList__link:before {content: none;} .fs-l-header {padding-top: 0;} .detailTop {margin: 0;} .fs-l-main.topPage, .topPage .fs-l-pageMain {margin-bottom: 0;} #footer.re_footer {padding-bottom: 0;} .re_footer .skList {padding: 70px 0 60px; display: flex; justify-content: space-between;margin-bottom: 0;} .re_footer .skList .skList__unit {width: 380px; margin: 0;} .re_footer .skList__title { padding-bottom: 7px; border-bottom: 1px solid #600900; } .re_footer .skList__text { display: block; } .re_footer .skList__text a { display: block; color: #600900; line-height: 30px; } .re_footer .skList__text.fNav--sns a { display: inline-block; margin-right: 20px; width: 30px; } .flogo { padding: 20px 0 30px; background: #600900; text-align: center; } .re_footer .copy { padding: 0 0 15px; background: #600900; text-align: center; color: #fff; font-size: 10px; } body { font-family:'Lato', 'Noto Sans JP', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; } /* TOP */ .re_section { margin-top: 60px; } .re_ranking {background: #fff;} .re_ranking .rItemList__left { width: 20%; } .re_ranking .rItemList__right { width: 80%; float: none; display: flex; flex-wrap: wrap; } .re_ranking .rItemList__right .rItemList__unit { width: 25%; } .re_ranking .rItemList__right .rItemList__unit:nth-child(n+5){display: none;} .re_ranking .rItemList__right .rItemList__unit:nth-child(n+2), .re_ranking .rItemList__right .rItemList__unit:nth-child(n+4) {margin: 0;} .re_ranking .coordBlock_ranking .rItemList__unit, .re_ranking .coordBlock_ranking .itemList__unit {padding: 0 15px;} .re_ranking .rItemList__left .rItemList__unit:before, .re_ranking .rItemList__right .rItemList__unit:before { width: 30px; height: 30px; content: ""; display: inline-block; position: absolute; left: 20px; top: 5px; background: #fff; z-index: 1; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); border: 1px solid #600900; border-radius: 50%; line-height: 29px; text-align: center; font-size: 14px; color: #600900; } .re_ranking .coordBlock_ranking .rItemList__left .rItemList__unit::before {content: "1";} .re_ranking .coordBlock_ranking .rItemList__right .rItemList__unit:first-child::before {content: "2";} .re_ranking .coordBlock_ranking .rItemList__right .rItemList__unit:nth-child(2)::before {content: "3";} .re_ranking .coordBlock_ranking .rItemList__right .rItemList__unit:nth-child(3)::before {content: "4";} .re_ranking .coordBlock_ranking .rItemList__right .rItemList__unit:nth-child(4)::before {content: "5";} .re_ranking .coordBlock_ranking .rItemList__unit::after, .re_ranking .coordBlock_ranking .itemList__unit::after { content: none !important; } .topPage .mainTitle {font-size: 24px; margin-bottom: 5px;} .topPage .mainTitle::after {content: none;} .topPage .mainTitle__subText {color: #600900; margin-bottom: 15px;} .topPage .rItemList__name, .topPage .rItemList__price, .topPage .itemSlider__name, .topPage .itemSlider__unit__price, .topPage .itemList__name {font-size: 12px; font-weight: bold; text-align: center;} .topPage .rItemList__name a, .topPage .itemSlider__name a, .topPage .itemList__name {font-weight: 400; color: #333;} .topPage .rItemList__price, .topPage .itemSlider__unit__price, .topPage .itemList__price {color: #600900;} .topPage .itemSlider__unitt__imgBox, .topPage .itemList__imgBox {margin-bottom: 10px;} .topPage .re_tabsWrap .tabList__unit { line-height: 22px; font-weight: 400; } .re_tabsWrap .tabList__unit, .re_tabsWrap .tabList__unit--mens, .re_tabsWrap .tabList__unit--ladies { color: #b3b3b3; background: #f3eef1; text-shadow: none; box-shadow: none; position: static; border-radius: 0; font-weight: 400; height: 35px; text-align: center; padding-top: 7px; margin-bottom: 20px; } .re_tabsWrap .tabList__unit--mens:hover, .re_tabsWrap .tabList__unit--ladies:hover { box-shadow: none; top: 0; } .re_tabsWrap .tabList__unit.active { font-weight: bold; color: #fff; } .re_tabsWrap .tabList__unit--mens.active { background: #6bd0e9; } .re_tabsWrap .tabList__unit--ladies.active { background: #e06dab; } .re_tabsWrap .tabList__unit--kids.active { background: #bbce00; } .fs-body-top a.moreBtn { width: 250px; line-height: 49px; color: #600900; border: 1px solid #600900; background: #fff; border-radius: 0; position: relative; padding: 0 15px; margin-top: 20px; } .fs-body-top a.moreBtn::after { content: ""; width: 8px; height: 8px; border-top: 1px solid #600900; border-right: 1px solid #600900; position: absolute; top: 50%; right: 15px; transform: rotate(45deg) translateY(-50%); } .re_featureSec { padding: 55px 0 60px; background: url(https://majun.itembox.design/item/re/re_featureBg_pc.png) no-repeat center; background-size: auto 100%; } .re_featureSec ul { display: flex; /*align-items: center;*/ margin: 0 -15px; } .re_featureSec ul li { padding: 0 15px; width: 33.33%; } .re_featureSec ul li a { height: 100%; background: #ffffff7a; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; } .re_featureSec ul li p { margin: 0; padding: 5px; display: block; text-align: center; font-size: 14px; } .re_featureSec ul li p span { font-weight: bold; color: #f7931e; } .re_newArr .itemSlider__unit img, .re_newArr .itemSlider__unit p, .re_newArr .itemListSlick li img, .re_newArr .itemListSlick li p {display: block;} .re_newArr .itemSlider, .re_newArr .itemListSlick { display: flex; margin: 0 -15px; } .re_newArr .itemSlider__unit, .re_newArr .itemListSlick li { width: 20%; padding: 0 15px; } .re_newArr .itemSlider__unit:nth-child(n+6), .re_newArr .itemListSlick li:nth-child(n+6) {display: none;} .re_recentSec { padding-top: 55px; background: #f3eef1; background: -moz-linear-gradient(top, #f3eef1 40%, #f3eef1 40%, #ffffff 40%, #ffffff 40%); background: -webkit-linear-gradient(top, #f3eef1 40%,#f3eef1 40%,#ffffff 40%,#ffffff 40%); background: linear-gradient(to bottom, #f3eef1 40%,#f3eef1 40%,#ffffff 40%,#ffffff 40%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3eef1', endColorstr='#ffffff',GradientType=0 ); } .re_recentSec .itemList--2 { display: flex; margin: 0 -15px; } .re_recentSec .itemList--2 .itemList__unit { width: 20%; margin: 0; padding: 0 15px; } .re_recentSec .itemList--2 .itemList__unit:nth-child(n+2) {margin: 0;} .re_recentSec .itemList--2 .itemList__unit:nth-child(n+6) {display: none;} .pointList { display: flex; justify-content: space-between; } .pointList li { max-width: 383px; width: 100%; position: relative; font-weight: 500; font-size: 14px; text-align: justify; } .pointList li .list_concept_img { text-align: center; } .pointList li .list_concept_text { position: absolute; top: 8%; left: 15%; width: 230px; text-align: center; margin: 15px 0; } .pointList li h3 { font-weight: 700; margin: 15px 0 20px; font-size: 18px; line-height: 1; } .pointList li img { margin: 0; } .pointList li .list_concept_text p { margin-bottom: 10px; line-height: 1.5; font-weight: normal; } .pointList li .concept_linkbtn { position: absolute; bottom: 11%; right: 15%; } .concept-label { width: 100%; display: flex; flex-wrap: wrap; padding: 50px 0; font-size: 14px; } .concept-label p { line-height: 1.8; font-weight: normal; } .concept-label li { width: 50%; padding: 0 20px 40px; box-sizing: border-box; display: flex; } .concept-label-img { width: 120px; flex: 0 0 120px; margin-right: 15px; } .concept-label-img img:first-child { margin-bottom: 10px; } .sp-only {display:none;} @media screen and (max-width:748px){ .pc-only {display:none;} .sp-only {display: block;} .page .spMainConts {margin: 20px 0;} .sp_container {margin: 0 10px;} .lp-brand-mv {padding: 0; background: none;margin: 0 0px 40px;} .lp-brand-block {display: flex; margin-bottom: 20px;} .lp-brand-block div {width: 100%;} .lp-brand-block div:first-child {margin-bottom:10px;margin-right:10px;} .lp-brand-block div:last-child {margin-bottom:0;} .lp-brand-block.block2 { display: block; position: relative; margin-bottom: 50px; } .lp-brand-block.block2 .lp-brand-topconcept { position: absolute; width: 80%; top: 53%; right: 5%; } .lp-brand-block.block2 .lp-brand-topconcept p { margin-bottom: 10px; line-height: 1.8; text-align: left; font-weight: normal; letter-spacing: -1px; } .lp-brand-mainTtl h2 { font-size: 24px; margin-bottom: 20px; } .lp-brand-mainTtl h2 span { padding: 0 50px; border-bottom: 1px solid #6bd0e9; border-top: none; font-size: 10px; } .lp-brand-block.block3 { width: 100%; margin: 0 auto 30px; align-items: flex-start; } .lp-brand-block.block3 .concept_text {text-align: left;} .lp-brand-block.block3 .concept_img { width: auto; } .lp-brand-block.block3 .concept_text h3 { margin: 0; font-size: 16px; line-height: 2; } .lp-brand-block.block3 .concept_text p { margin: 0; } .lp-brand-label p {margin: 0;} .lp-brand-label p:nth-of-type(2) { margin-bottom: 15px; } .lp-brand-label p:last-of-type {margin-bottom: 30px;} .lp-brand-label img { width: 40%; margin-bottom: 30px; } .pointList {display: block;} .pointList li { margin: 0 auto 10px; font-size: 12px; line-height: 1.6; } .pointList li h3 { font-size: 15px; } .pointList li img { margin: 10px auto; } .pointList li .list_concept_text img { width: 50%; margin: 20px auto 10px; } .pointList li .list_concept_text { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 80%; text-align: center; margin: 0; } .pointList li .list_concept_text p { line-height: 1.5; font-weight: normal; margin: 0; } .pointList li .concept_linkbtn { position: absolute; bottom: 15%; right: 15%; } .lp-brand-block h4, .lp-brand-label h2 {font-size: 18px;} .lp-brand-block div p, .lp-brand-label p {font-size: 14px;} .lp-brand-mainTtl {margin: 0 0 10px;} .concept-label { font-size: 12px; padding: 20px 0; } .concept-label li { width: 100%; padding: 0 10px 30px; } } .re_specialSec { padding: 20px 0 45px; background: url(https://majun.itembox.design/item/re/re_sectionBg_pc.png) no-repeat top center; } .re_specialIntro { text-align: center; color: #fff; margin-bottom: 20px; } .re_specialIntro img { margin-bottom: 25px; } .re_specialIntro p { font-size: 12px; line-height: 30px; } .re_specialIntro p span { font-size: 14px; font-weight: bold; } .re_specialWed { width: 1000px; margin: 0 auto 25px; text-align: center; position: relative; z-index: 1; padding: 30px 0; } .re_specialWed::before { content:""; width: 800px; height: 100%; background: rgba(255,255,255,.5); border-radius: 400px 400px 0 0; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); } .re_specialWed img { margin-bottom: 15px; } .re_specialWed p:not(.mainTitle__subText) { font-size: 12px; line-height: 30px; } .re_specialLabel { width: 1000px; margin: 0 auto; text-align: center; position: relative; z-index: 1; padding: 40px 0; } .re_specialLabel::before { content:""; width: 800px; height: 395px; background: rgba(255,255,255,.5); position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); } .re_instaSec .itemList__unit:nth-child(n+6) {display: none;} .re_voiceSec { padding: 40px 0 40px; background: url(https://majun.itembox.design/item/re/re_voiceBg_pc.png) no-repeat top center; } .re_voiceBlockWrap { display: flex; justify-content: space-between; flex-wrap: wrap; } .re_voiceBlock { width: 580px; border: 2px solid #f3eef1; display: flex; align-items: center; background: #fff; margin-bottom: 20px; } .re_voiceBlock--img {width: 200px;} .re_voiceBlock--img img {width: 100%;} .re_voiceBlock--txt {padding: 20px 20px 20px 30px;width: calc(100% - 200px);} .re_voiceBlock--txt h3 {font-size: 14px; font-weight: bold;margin-bottom:20px;} .re_voiceBlock--txt p {font-size: 12px; line-height: 30px;} .re_voiceBlock--txt time {font-size: 12px; font-weight: bold;margin-top: 10px;display: block;} .re_sInfo { background: #fff; padding-bottom: 40px; } .re_sInfo a.sInfo__btn { width: 300px; line-height: 49px; color: #600900; border: 1px solid #600900; background: #fff; border-radius: 0; position: relative; padding: 0 15px; margin-top: 20px; } .re_sInfo a.sInfo__btn::after { content: ""; width: 8px; height: 8px; border-top: 1px solid #600900; border-right: 1px solid #600900; position: absolute; top: 50%; right: 15px; transform: rotate(45deg) translateY(-50%); } .re_sInfo .sInfo-wrap { width: 970px; } .re_sInfo .sInfo-wrap__img-wrap { width: 590px; } .re_sInfo .sInfo-wrap__img, .re_sInfo .sInfo-wrap__map { width: 285px; height: 285px; } .re_sInfo .sInfo-wrap__tit { font-size: 14px; margin-bottom: 15px; } .re_sInfo .sInfo-wrap__add { font-size: 12px; } .re_sInfo .sInfo-wrap__add span { display: block; color: #600900; margin-top: 15px; } .re_sInfo .sInfo-wrap__tel { margin-top: 30px; font-size: 16px; font-weight: bold; color: #600900; } .re_sInfo .sInfo-wrap__tel img {margin-right: 3px;} .re_newsSec { padding: 40px 0; background: #600900; margin-bottom: 0; } .re_newsSec .mainTitle, .re_newsSec .mainTitle__subText {color: #fff;} .re_newsSec .news__left { width: 100%; padding: 30px; background: #fff; height: 200px; border-radius: 100px; } .re_newsSec .topNews .newsList { width: 420px; margin: 0 auto; border: 0; } .re_newsSec .topNews .newsList a {padding-left: 0; background: transparent;} .re_newsSec .topNews .newsList li {border: 0;} .re_newsSec .topNews .newsList {height: 155px; overflow-y: auto;} .re_newsSec .topNews .newsList li:not(:last-child) {border: 0;} .re_newsSec .topNews .newsList a time {font-size: 12px;} .re_newsSec .topNews .newsList a h1 {font-size: 12px; display:inline-block;} .re_newsSec .topNews .newsList li:nth-child(n + 4) {display: none;} .re_contentSec {padding: 70px 0 60px; background: #f3eef1;margin-bottom: 0;} .re_contentSec .itemList {display: flex; margin: 0 -15px;} .re_contentSec .itemList--3 .itemList__unit {width: 33.33%; padding: 0 15px;} .re_contentSec .itemList__unit p {text-align: left; font-size: 12px; margin-top:10px;} .re_contentSec .itemList__unit time {font-weight: bold; margin-right: 2em;} #expsuggestsearchdiv {left:auto !important; right: 200px !important;} .re_contentSec .itemList--3 .itemList__unit a { display: block; height: 100%; overflow: hidden; } .re_contentSec .itemList--3 .itemList__unit a img { height: 280px; width: auto; max-width: none; } .re_gNav a { color: #fff; } /*231124追記*/ li.gDropList__unit_title { color: #fff; } .re_instaSec {background: #fff;} .re_instaSec .itemList--3 .itemList__unit a img { height: auto; width: 100%; } .re_instaSec .mainTitle {margin-bottom: 15px;} .try-on-ticketsBnrWrap { padding: 4% 0; } .payment_wrap { width: 70%; margin: 0 auto !important; } /*　ポイントおまとめ時のテーブル部分非表示　*/ #fs_membership_merge_modal .fs-c-inputInformation__field { display: none; } @media (max-width: 767px) { .fs-c-variationMatrix__panel small { font-size: 10px; } } .fs-c-productListItem__numberOfStock { display: none; } /* 240924 */ #popup-banner{ position: relative; } #popup-banner a{ display: flex; display: block; background: #5e0300; color: #fff; text-align: center; padding: 2px; font-size: 18px; max-width: 100vw; position: relative; } #popup-banner a:hover{ opacity: 0.8; } #popup-banner a .subText{ position: absolute; right: 90px; } /*#popup-banner a .subText:after{ display: block; position: absolute; content: ''; width: 0; height: 0; border-left: 13px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; right: -20px; top: 50%; transform: translateY(-50%); }*/ #popup-banner .close { position: absolute; display: inline-block; width: 16px; height: 16px; cursor: pointer; right: 10px; top:50%; transform: translateY(-50%); } #popup-banner .close::before, #popup-banner .close::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background-color: #fff; transform-origin: center; } #popup-banner .close::before { transform: translate(-50%, -50%) rotate(45deg); } #popup-banner .close::after { transform: translate(-50%, -50%) rotate(-45deg); } .re_recentSec{ background: unset !important; } .ranking.re_tabsWrap #fsrecommenddiv46 .itemList .itemList__unit:nth-child(n+6){ display: none; } .featureSec ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 30px; }