/* CSS Document */ @charset "utf-8"; /* CSS Document PC用 */ /*--RESET -------------------------*/ html { color:#333; background:#FFF; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th { margin:0; padding:0; } fieldset, img { border:0; max-width: 100%; } address, caption, cite, code, dfn, em, var { font-style:normal; font-weight:normal; } ol, ul{ list-style:none; line-height:1.4rem; } caption { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } input, textarea, select { *font-size:100%; } legend { color:#000; } textarea { resize:none; } button { background:transparent; border:none; cursor:pointer; } select { cursor:pointer; } .clearfix { width:100%; } .clearfix:after { content:""; display:block; clear:both; } body { background:#FFF; color:#151515; line-height:1.4em; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Lucida Grande",Verdana,"ＭＳ Ｐゴシック",sans-serif; font-weight: 200; font-size:14px; } * html body { } a { cursor:pointer; text-decoration: none; } /*共通 ------------------*/ /*シン・ヘッダー*/ div.o-header_wrap{ width: 100%; position: relative; background:#A09B9B; } .o-header_wrap li.list_icon_brand{ width: 10%; position: absolute; top:0rem; left: 0; } .o-header_wrap li.list_icon_logo{ position: absolute; top:0rem; center:0; } .o-header_wrap li.list_icon_fav{ width: 10%; position: absolute; top:0rem; right: 4rem; } .o-header_wrap li.list_icon_cart{ width: 10%;　position: absolute; top:0rem; right: -4rem; } /* ブランド */ div.brandwrap{ width: 100%; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: 1.6rem; color:#999999; } div.brandwrap h1{ width: 30%; margin: 0 0 0; } div.brandwrap h2{ width: 60%; margin:1.2rem auto 3.6rem; line-height: 2.4rem; } div.brandwrap h3{ width: 60%; margin:0 auto 1.0rem; line-height: 2.2rem; } div.brandwrap p.txt{ width: 60%; margin: 0 auto 1.2rem; line-height: 2.4rem; } ul.brand_sex{ width: 90%; margin: 3.2rem auto 2.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: .0rem; letter-spacing: -.40rem; } ul.brand_sex li{ display: inline-block; width: 49%; letter-spacing: normal; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: .6rem; } .brandwrap .ttl{ text-align: center; margin: 2.4rem 0 .4rem; font-size:1.6rem; } .brandwrap .ttl_s{ text-align: center; font-size:1.2rem; } .brandwrap ul.newitem{ width: 100%; margin: 3.2rem auto 6.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: .0rem; letter-spacing: -.40rem; font-size:1.2rem;} .brandwrap ul.newitem li{ width: 19%; display: inline-block; margin: 0 0 1.6rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: .4rem; letter-spacing: normal; } .brandwrap ul.newitem p{ margin: .6rem 0 0; } /* トップページ -----------------------------*/ /*ブログニュース*/ ul.blognews{ width: 100%; } ul.blognews li{ width: 49%; display: inline-block; } ul.blognews li{ table-layout: fixed; position: relative; border-bottom: .1rem solid #efefef; margin: .4rem 0; line-height: 1.8rem;} ul.blognews li::after{content: "\03e"; position: absolute; top:50%; right: 0; font-size:1.8rem; } ul.blognews div{ display: table-cell; vertical-align: middle; text-align: left; } ul.blognews div.imgb{ width: 20%; } ul.blognews div.txtb{ width: 60%; box-sizing:border-box; -webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box;　-o-box-sizing:border-box; padding:0 2.4rem 0 .6rem; text-align: left; } ul.blognews li a{ color: #333;} ul.blognews .days{display: block; color: #8A8585;} /*特集一覧*/ ul.featureList{ width: 100%; letter-spacing: -.40rem; padding:0;} ul.featureList li{ width: 24%; display: inline-block; letter-spacing: normal; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box;　-o-box-sizing:border-box; padding:.2rem; vertical-align: text-top; line-height: 1.6rem; margin-bottom: 1.8rem;} ul.featureList img{ max-width: 100%;} ul.featureList div.txtb{ box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box;　-o-box-sizing:border-box; padding: .8rem; } ul.featureList li a{ color: #333;} /*pickupコンテンツ*/ ul.pickup_contents{ width: 100%; letter-spacing: -.40rem; padding:0;} ul.pickup_contents li{ width: 33%; display: inline-block; letter-spacing: normal; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box;　-o-box-sizing:border-box; padding:.2rem; vertical-align: text-top; line-height: 1.6rem; margin-bottom: 1.8rem;} ul.pickup_contents img{ max-width: 100%;} ul.pickup_contents div.txtb{ box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box;　-o-box-sizing:border-box; padding: .8rem; } ul.pickup_contentsfeatureList li a{ color: #333;} /* mieno サブカテゴリ */ dl.subcategory{ width: 90%; margin: 1.2rem auto 0; } dl.subcategory .button a:link{ width: 60%; display: block; text-align: center; margin: 1.2rem auto 3.6rem; padding: .8rem; background: #938C8C; color: #fff; } dl.subcategory .button a:visited{ color: #fff;} /* 共通 -----------------------------*/ /* 中央メインボックス */ .centerwrap {width: 75%; margin: 0 auto; padding-left: 5%; line-height: 2.8rem;} .centerbox {width: 100%; margin: 0 auto 3rem; border-bottom: 1px solid #CFCABF; padding-bottom: 3rem; } .centerttl {width: 90%; margin: 0 auto; background: #e2ddd3; padding: .7rem 0 .7rem .7rem;} .centersttl {width: 100%; margin: 0 auto 1rem; font-size: 18px; font-family: 'Noto Sans JP', sans-serif;} /* index */ .indexbox {width: 100%; margin: 0 auto 3rem; display: table; table-layout: fixed;} .indexbox > div {display: table-cell; vertical-align: top; width: 50%;} .indexlist {width: 90%; margin: 0 auto;} .indexlist li a {display: block; padding: 1rem 0 1rem 2rem; position: relative; color: #151515; border-bottom: 1px dotted #CCC;} .indexlist li a:after {content:"\025b6"; position: absolute; top: 50%; left: 3%; margin-top: -5px; font-size: 12px;} /* 会員規約 */ .fs-c-orderedList li{ line-height: 2.2rem; color: #333333; } /* フリーページ -----------------------------*/ /* f_支払い方法 */ .paylist {width: 80%; margin: 0 auto; border-right: 1px solid #e2ddd3; border-left: 1px solid #e2ddd3;} .paylist th {background: #e2ddd3; padding: .7rem 0;} .paylist td {padding: 1rem 0 1rem 2rem; border-bottom: 1px solid #e2ddd3; border-right: 1px dotted #e2ddd3;} .paylist td:last-child {border-right: none; text-align: center; padding-left: 0; padding-right: 0;} .paytxt {width: 90%; margin: 0 auto; line-height: 2.8rem; } .paybox {width: 90%; margin: 1rem auto 0; border: 1px solid #e2ddd3;} .paybox li:nth-child(even) {padding: 1rem 0;} .payboxttl {background: #e2ddd3; padding: .7rem 0 .7rem 1rem;} /* f_配送方法 */ .delitxt {width: 90%; margin: 0 auto; } .delitable {width: 90%; margin: 0 auto 1rem; text-align: center; border: 1px solid #e2ddd3;} .delitable th {background: #e2ddd3; padding: .7rem 0; } .delitable td {padding: 1rem 0; border-right: 1px dotted #e2ddd3;} .delitable td:last-child {border-right: none;} .delilist {width: 90%; margin: 0 auto;} .delilist li {margin-bottom: .7rem;} .asutable {width: 80%; margin: 1rem auto 0; border: 1px solid #e2ddd3;} .asutable th {background: #e2ddd3; padding: .7rem 0 .7rem 1rem; text-align: left;} .asutable td {padding: 1rem 0 1rem 2rem; } /* f_返品交換 */ .retxt {width: 90%; margin: 0 auto; } .joukenlist {width: 80%; margin: 1rem auto 0;} .joukenlist li {margin: 0 auto 1rem; font-size: 14px;} .rejusyo {width: 90%; margin: 1.5rem auto; font-size: 18px;} .returntable {width: 90%; margin: 0 auto 1.5rem; border: 1px solid #e2ddd3;} .returntable th {background: #e2ddd3; padding: .7rem 0 .7rem .7rem; text-align: left;} .returntable td {padding: 1rem 0 1rem 1rem; border-bottom: 1px solid #e2ddd3; border-right: 1px solid #e2ddd3; } .returntable .nopdng {padding: 1rem 0; text-align: center;} .nagarebox {width: 80%; margin: 0 auto; line-height:2.8rem;} .nagarebox li:nth-child(odd) {border: 1px solid #CFCABF; padding: 1rem 0; } .nagarebox li:nth-child(even) {margin: .5rem auto; text-align: center;} .nagarettl {text-align: center; font-weight: bold; font-size: 14px;} .nagaretxt {width: 90%; margin: .5rem auto 0; padding: .7rem 0; border-top: 1px dotted #CFCABF;} .nagarelink {width: 90%; margin: 0 auto; text-align: center;} .nagarelink a {display: block; padding: .3rem 0; background: #CFCABF; color: #151515;} .henkinttl {width: 90%; margin: 2rem auto .5rem; font-weight: bold; font-size: 14px;} /* f_その他サービス */ .servicetxt {width: 90%; margin: 0 auto; } .repairttl {width: 90%; margin: 2rem auto .5rem; font-size: 14px; font-weight: bold;} .repairtable {width: 90%; margin: 0 auto; border-left: 1px solid #e2ddd3;} .repairtable th {background: #e2ddd3; padding: .7rem 0 .7rem .7rem; text-align: left;} .repairtable td {padding: 1rem 0 1rem 1rem; border-bottom: 1px solid #e2ddd3; border-right: 1px solid #e2ddd3; } .repairimg {width: 40%;} .repairstable {width: 90%; margin: 0 auto; border-left: 1px solid #e2ddd3;} .repairstable th {background: #e2ddd3; padding: .7rem 0 .7rem .7rem; text-align: left;} .repairstable td {padding: 1rem 0 1rem 1rem; border-bottom: 1px solid #e2ddd3; border-right: 1px solid #e2ddd3; } .repairstable .ttlwidth {width: 25%;} .tableline {border-left: 1px solid #FFF;} .wraptable {width: 90%; margin: 2rem auto 0; border-bottom: 1px solid #e2ddd3; border-left: 1px solid #e2ddd3;} .wraptable th {background: #e2ddd3; padding: .7rem 0 .7rem .7rem; text-align: left; } .wraptable tr {width: 50%;} .wraptable td {padding: 1rem 0; border-right: 1px solid #e2ddd3; text-align: center;} /* f_洗濯ネーム用のページ */ ul.tablebox{ padding:1.4em .5em 1.2em .8em; font-size:1.6rem; line-height:1.2em; float:left; width:48.5%; } .dammy { visibility:hidden; } .dammy1 { color:#999; } .kikaku1 { background:#FEE; line-height:1.8em; text-align:center; margin-bottom:.5em; } .kikaku { background:#DBF7E6; line-height:1.8em; text-align:center; margin-bottom:.5em; } .tablebox li{ display:table; width:100%; margin-bottom:1.2em; border-bottom:.1em dotted #e6e6e6; padding-bottom:1.2em; text-align:left; height:6em;} .tablebox li span{ display:table-cell; vertical-align:middle; text-align:left; } .tablebox li span:nth-child(1){ width:35%; text-align:center; } .tablebox li span:nth-child(2){ width:65%; padding-left:.4em; } ul.otherLink{ padding:1.4em 1.2em 1.2em 1.8em; font-size:1.6rem;} ul.otherLink li{ float:left; margin:0 .8em .8em 0; position:relative; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box;　-o-box-sizing:border-box; } .yaji{ position:absolute; right:4%; top:38%; line-height:1.4em; } ul.otherLink li a:link{ display:block; border:.2em solid #333; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color:#333; padding:1em 2.2em .8em; background:#fff; } ul.otherLink li a:visited{ border:.2em solid #333; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color:#333; padding:1em 2.2em .8em; background:#fff; } ul.otherLink li a:hover{ border:.2em solid #333; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color:#fff; padding:1em 2.2em .8em; background:#4d91fe; } /* f_サイズガイドのページ */ #sizuguide .ttl {font-size:16px; margin:2em auto .8em; border-bottom:1px solid #666; border-top:1px solid #666; padding:1em; background:#F0F0F0;} #sizeguide .box {width:90%; margin:1em auto; line-height:1.8em;} #sizeguide .mtxt {font-size:16px; border-bottom:1px dashed #666;} #sizeguide .stxt {padding-top:.5em; margin:0 auto 2em;} #sizeguide .a_box {background:#F0F0F0; margin:0 auto 2em; padding:1em 0;} #sizeguide .a_txt {width:90%; margin:0 auto .5em; line-height:1.8em;} /* f_会社概要のページ */ #company{ width: 100%; box-sizing: 0; -moz-box-sizing: 0; -webkit-box-sizing: 0; -ms-box-sizing: 0; padding:.8rem; } #company .ttl{ font-size:2.4rem; margin: 2.4rem 0 1.2rem; } #company .cCopy{ line-height: 1.8rem; margin:1.2rem 0; } #company .info dd{ line-height: 2.2rem; } #company li{ margin: 1.2rem 0; line-height: 2.2rem; } #infomembers{ padding:1.2rem; } #infomembers dl{ margin-bottom:3.6rem; line-height: 2.6rem; } #infomembers dt{ font-size:2.4rem; margin: 0 0 .8rem; } #infomembers dd{ margin-bottom: 2.4rem; } #infomembers .button a{ display: block; background: #E53235; text-align: center; padding: .8rem; color: #F9F5F6; margin: 1.6rem 0 6.4rem; } #aboutS { font-family: 'Noto Serif JP', serif !Important; text-align: center; } /*#aboutS img{ max-width: 100%; }*/ #aboutS h1{ font-weight: normal; font-size:2.0rem; line-height: 2.8rem; border-bottom: .1rem solid #efefef; padding:0 0 .4rem; margin: 2.4rem 0 2.4rem;} #aboutS dt{ font-size:2.8rem; line-height: 3.6rem; margin-bottom: 3.6rem; } #aboutS dd{ width: 84%; margin: 1.2rem auto; font-size:1.8rem; line-height: 2.8rem;} #aboutS .ttl{ margin: 9.6rem 0 2.4rem; } ul.aboutList{ letter-spacing: -.40rem; width: 100%; margin: 0 0 6.4rem; } ul.aboutList li{ width: 24%; letter-spacing: normal; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; padding: .8rem; vertical-align: top; text-align: left; color: #3D3838; } dl.shop_infotxt{ padding: 2.4rem; } /* f_毛皮のお手入れ */ #furTeire .nav {background:#510b0b; padding:1em 0; width:100%; border-bottom:1px solid #CCC;} #furTeire .main-nav {width:98%; margin:0 auto;} #furTeire .main-nav li {border-radius:3px; background:#FFF; margin:0 .2em; font-size:12px; line-height:1.5em; width:50px; text-align:center; float:left;} #furTeire .main-nav a {text-decoration:none; color:#333; display:block; padding:.5em;} #furTeire .main-nav img {width:100%;} #furTeire .box_menu {margin:0 auto 2em;} #furTeire .box_menu li {background:#333; float:left; width:33.32%; text-align:center;} .box_menu li a {color:#FFF; padding:1em 0; display:block;} #furTeire .ttl {font-size:16px; font-weight:bold; margin:2em auto .5em;} #furTeire .box {width:90%; margin:0 auto;} #furTeire .mtxt {background:#EBEBEB; padding:1em 0; font-weight:bold; padding-left:.5em;} #furTeire .stxt {border:1px solid #EBEBEB; padding:1em 1em 4em; line-height:1.4em; font-size:12px;} /* f_皮革のお手入れ */ #leatherTire .nav {background:#510b0b; padding:1em 0; width:100%; border-bottom:1px solid #CCC;} #leatherTire .main-nav {width:98%; margin:0 auto;} #leatherTire .main-nav li {border-radius:3px; background:#FFF; margin:0 .2em; font-size:12px; line-height:1.5em; width:50px; text-align:center; float:left;} #leatherTire .main-nav a {text-decoration:none; color:#333; display:block; padding:.5em;} #leatherTire .main-nav img {width:100%;} #leatherTire .q {font-size:16px; color:#03C;} #leatherTire .a {font-size:16px; color:#C00;} #leatherTire .box {width:90%; margin:0 auto;} #leatherTire .mtxt {background:#EBEBEB; padding:1em 0; font-weight:bold; padding-left:.5em;} #leatherTire .stxt {border:1px solid #EBEBEB; padding:1em 1em 4em; line-height:1.4em; font-size:12px;} #leatherTire .ft {background:#510b0b; border-top:4px solid #151515;} #leatherTire .ft li {float:left; width:50%; text-align:center; border-bottom:1px solid #FFF;} #leatherTire .attention{ width:90%; margin:0 auto 3.6rem; line-height:2.2rem; border:.1rem solid; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding:.8rem; } /* f_ショップのページ */ .shopList dl{ margin-bottom: 6.4rem; line-height: 2rem;} .shopList dt{ font-size:120%; padding: 1.2rem 0 1.2rem;} .shopList dd{ margin-bottom: 1.2rem;} .shopList h2{ border-bottom: .1rem solid #efefef; padding: 2.4rem 0;} .shopList h3{ font-weight: 700; padding: 2.4rem 0 .8rem;} .shopList .video{ width: 100%;} /* f_ベビカシキャンペーン */ .fs-p-productDescription{font-size:1.4rem;} /* f_ベビカシキャンペーン */ .babybox{ background: #f0cccc; padding: 2.8rem; text-align: center; } dl.babyList{ width: 100%; margin: 2.4rem auto 6.4rem; line-height: 2.2rem; box-sizing: 0; -moz-box-sizing: 0; -webkit-box-sizing: 0; -ms-box-sizing: 0; padding:1.4rem; } dl.babyList dd{ margin: 0 0 5.6rem;} dl.babyList .imptxt{ font-weight: 700; } ul.evetxt{ width: 100%; background: #f2f2f2; box-sizing: 0; -moz-box-sizing: 0; -webkit-box-sizing: 0; -ms-box-sizing: 0; padding:2.8rem; } ul.evetxt li{ margin: 0 0 3.2rem; font-weight: normal; line-height: 2.2rem; } .links{ display: block; background: #f0cccc; text-align: center; padding: .8rem; border: .1rem solid #f0cccc; border-radius: .8rem; } /* f_お知らせ */ dl.infobox dt{ font-size:2.4rem; font-weight: 700; margin-bottom: 1.0rem; line-height: 2.4rem; } dl.infobox .strongTxt{ font-weight: 700; } dl.infobox dd{ margin: 0 0 6.4rem; } /* カテゴリページ -----------------------------*/ dl.categorybox{ width: 750px; margin: 0 auto 6.4rem; } dl.categorybox img{ max-width:100%;} dl.categorybox dt{ margin: 1.2rem 0; line-height: 2.4rem; } dl.categorybox dd{ box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding: 1.2rem;} dl.categoryContents{ width:750px; margin: 0 auto; letter-spacing: -.40rem; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; } dl.categoryContents dt{ letter-spacing:normal; font-weight: 700; width: 100%; } dl.categoryContents dd{ width: 32%; vertical-align: text-top; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; display:inline-block; letter-spacing: normal; padding: .8rem; margin-bottom: 1.2rem; } p.category_ttl{ margin: 3.6rem auto 0; font-weight: 700; font-size:1.8rem; } .newsLinks { width: 100%; margin: 0 auto 0; text-align: right; padding: .8rem .8rem .8rem; border-bottom: .1rem solid #efefef; } dl.magzine{ width: 100%; margin: 0 auto 3.6rem; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding:1.2rem; } dl.magzine dd{ margin: 0 0 6.4rem; } /* カテゴリページ 春財布 */ dl.kaiun{ width: 100%; margin: 3.4rem auto 6.4rem; background: #fff7f0; padding: 1.8rem; } dl.kaiun dt{ font-weight: 700; color: #D47B17; padding: 0 0 .8rem; border-bottom: .1rem solid #D47B17; margin: 0 0 .4rem; } dl.kaiun dd{ margin: 0 0 2.4rem; } /*　カテゴリ 基本系 2023.7.3 */ .categoryWrap{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; padding: .0rem 1.6rem .8rem; margin-bottom: 3.6rem; color:#444444; } .categoryWrap h1 img{ text-align: center; margin-bottom: .8rem; } /* カテゴリページ 商品リスト */ .categoryGList{ width: 100%; margin: 6.4rem auto 1.4rem; font-size:1.8rem; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; } ul.category_item{ width: 100%; margin: 0 auto 6.4rem; letter-spacing: -.40rem; } ul.category_item li{ width: 48%; display: inline-block; letter-spacing: normal; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding: .8rem; margin: 0 0 2.4rem; vertical-align: text-top; line-height: 2.2rem; } ul.category_item li p{ font-size:1.2rem; margin: .2rem 0 0; } /*　カテゴリ jamale 2024.7.3 */ .jamale_list{ width: 900px; margin:2.4rem auto 0; } /* ドロワーメニュー＝オリジナル */ dl.drawerMenu{ width: 100%; padding: 0; margin: 2.4rem 0 0; } dl.drawerMenu dt{ font-size:80%; background: #efefef; border-bottom: .1rem solid #c8c4c4; color: #848080; padding: .6rem 0 .6rem .8rem; } dl.drawerMenu dd a{ display: block; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding:.8rem; position: relative; color: #333333; border-bottom: .1rem solid #efefef; font-weight: 700; padding: 2.0rem 0 2.4rem 1.2rem;} dl.drawerMenu dd a::after{ content: "\03e"; position: absolute; right: 1rem; color: #23abdd;} dl.drawerMenu .infotxt{ font-weight: normal; color: #585455;} dl.drawerMenu_sns{ width: 100%; padding: 0; margin:0 0 0; } dl.drawerMenu_sns dt{ font-size:80%; background: #efefef; border-bottom: .1rem solid #c8c4c4; color: #848080; padding: .6rem 0 .6rem .8rem; } dl.drawerMenu_sns dd{vertical-align: middle;} dl.drawerMenu_sns dd img{ width: 10%; vertical-align: middle; margin-right:.8rem; } dl.drawerMenu_sns dd a{ display: block; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding:.8rem; position: relative; color: #333333; border-bottom: .1rem solid #efefef; font-weight: 700; padding: 2.0rem 0 2.0rem 1.2rem; vertical-align: middle;} dl.drawerMenu_sns dd a::after{ content: "\03e"; position: absolute; right: 1rem; color: #23abdd;} /*キーワードボックス*/ .keywordbox { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; background: #efefef; padding: .6rem; } .word { font-size:1rem; display: inline-block; border: .1rem solid #fff; border-radius: 1rem; background: #fff; padding: .4rem .6rem; text-align: center; margin:0 .4rem 0 0;} /* ログイン */ dl.login_info{ margin:0 0 8.4rem; padding: 0 0 1.8rem; border-bottom: .1rem solid #efefef; } dl.login_info dt{ font-weight: 700; font-size:1.8rem; line-height: 2.4rem; margin: 0 0 1.4rem; } /* ブランド一覧 .brandList{ padding:0; margin:0;} .brandList dl{ padding: 8rem; letter-spacing: -.40rem; } .brandList dl img{ max-width: 100%;} .brandList dl dt{ letter-spacing: normal;} .brandList dl dd{ width: 48%; letter-spacing: normal; display: inline-block; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box;　-o-box-sizing:border-box; padding: .6rem; margin:0 0 1.2rem;} .brandList img{ margin:0 0 .6rem;} .brandList p{ font-weight: 700; padding: 0; margin: 0; line-height: 1.4rem; color:#333; font-size:1.8rem; } .brandList .txt{ color:#dedede; display: block; font-size:.8rem;}*/ /*ラッピングについて*/ .wrappingbox h2{font-size:3.6rem; font-weight: 700; margin:3.6rem 0;} .wrappingbox dl{margin-bottom: 6.4rem; line-height:3.2rem; } .wrappingbox dl dt{ font-size:2.4rem;　line-height:3.2rem; font-weight: 400; padding: 1.8rem; margin:0 0 2.4rem; background: #efefef; } .wrappingbox dl dd{ margin-bottom: 3.2rem;} .wrappingbox .attention{ color:#E33033; font-weight: 700; } /*情報セキュリテ ィポリシー*/ .wrappolicy h2{font-size:2.6rem; font-weight: 700; margin:3.6rem 0; text-align: center;} .wrappolicy dl{margin-bottom: 3.4rem; line-height:2.4rem; padding: 0rem 1.6rem 0rem; } .wrappolicy dl dt{ font-size:2.4rem; font-weight: 400; padding: 1.8rem; margin:0 0 2.4rem; background: #efefef; } .wrappolicy dl dd{ margin-bottom:.8rem;} .wrappolicy .attention{ color:#E33033; font-weight: 700; } dl.shomei{ text-align: right; padding: 0rem 1.6rem 0rem;} /* 商品ページ -----------------------------*/ /*独自コメント7*/ dl.codebox{ width: 100%; letter-spacing: -.40rem; margin-bottom: 3.4rem; padding:0; } dl.codebox dt{ letter-spacing: normal;} dl.codebox dd{ width: 32.0%; display: inline-block;letter-spacing: normal; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding: .8rem; margin: 0 0 1.2rem; vertical-align: top; } /*商品についてのお問い合わせ .fs-c-inquiryAboutProduct .fs-c-button__label{ width: 100%; background: #23abdd; color: #fff; border-radius: .4rem; -webkit-border-radius: .4rem; -ms-border-radius: .4rem; -moz-border-radius: .4rem; padding: 1.8rem 3.8rem; text-align: center; margin-bottom: 1.8rem; }*/ /* フューチャーcssをイジル -----------------------------*/ /*パンくず*/ /* 検索メニュー＝オリジナル .fs-p-headerNavigation__search { flex-grow: 1; background: #efefef; padding: 1rem;} .fs-p-inputGroup { display: flex; align-items: stretch; border: 1px solid #efefef; border-radius: 1rem; }*/ .fs-p-searchForm__button { overflow: hidden; position: relative; text-indent: -999px; width: 3.2em; height: 2em;} .fs-p-searchForm__button::before { font-family: 'fs-icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e932"; display: block; font-size: 2.2rem; line-height: 1.2; position: absolute; text-indent: 0; top:0; right: 0; bottom: 0; left: 0; } .fs-p-inputGroup__button { background: #efefef; border: none; color: #333333; width: auto; flex-shrink: 0; } .fs-p-inputGroup__input { border: none; border-radius: 0; width: calc(100% - 3em); flex-grow: 1; font-size:1.6rem; } .fs-c-subSection__title{ color:#333333;} /*トップページ*/ .sy-ttl { color: #333333; font-size: 2.0rem; 　font-weight: bold; padding: 2.4rem 0 .4rem; } .sy-ttl_top { color: #333333; font-size: 2.0rem; 　font-weight: bold; padding: 2.4rem 0 1.4rem; border-top: .1rem solid #efefef; } .fs-p-dateList li { color: #33333; line-height: 2.2rem; } .fs-p-dateList li a{ color: #33333; } .fs-p-dateList > li { border: 1px solid #efefef; border-width: 1px 0 0 0; padding: 10px 0 0; color: #333333; } .fs-p-dateList > li:last-child { border-bottom-width: 1px; padding-bottom: 8px; color: #333333; } .fs-p-dateList > li time:first-child { background: #ffffff; color: #333333; line-height: 2.4rem; padding: 4px 4px 2.6px; } .fs-pt-column__heading { font-size: 1.4rem; font-weight: bold; } .fs-pt-column__description{ color: #646464;} .fs-c-productPointDisplay { background: #fff; color: #333; display: inline-block; font-size: 1.2rem; line-height: 1; padding: 4px 8px;} .fs-c-productNumber { border: 0px solid currentColor; display: inline-block; font-size: 1.2rem; padding: 4px 0px;} .fs-c-button--primary { padding: 1.2em 1.6em 1em;} .fs-c-reviewBody { border: 0px solid #e5e5e5; padding: 1rem; line-height:1.8rem;} .fs-c-documentColumn__heading { color: #333333; border-color: #333333;} .fs-c-couponName__name{ color: #333333; padding: .8rem 0; } .fs-c-accountService__page:not(.fs-c-accountService__page--accountDelete) .fs-c-accountService__pageLink__label::before{ color: #333333;} .fs-c-linkedServiceLogin__title{ color: #333333;} /* サブカテゴリ表示数制御 .fs-c-breadcrumb{ height: 16.0rem; overflow: hidden; }*/ /* フッターメニュー＝オリジナル */ .sy-fotterArea{ width: 100%; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding: 1.2rem; background: #efefef; } dl.sy-fotterMenu{ width: 100%; padding: 0; margin: 2.4rem 0 0; } dl.sy-fotterMenu dt{ font-size:80%; background: #efefef; border-bottom: .1rem solid #c8c4c4; color: #848080; padding: .6rem 0 .6rem .8rem; margin-top: 2.4rem; } dl.sy-fotterMenu dd a{ display: block; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; padding:.8rem; position: relative; color: #333333; border-bottom: .1rem solid #d4d1d1; font-weight: 700; padding: 1.2rem 0 1.2rem 1.2rem;} dl.sy-fotterMenu dd a::after{ content: "\03e"; position: absolute; right: 1rem; color: #23abdd; } dl.sy-fotterMenu .infotxt{ font-weight: normal; color: #585455;} .Copyright_text{ text-align: center; padding: 3.6rem 0 3.6rem; } /* フッタ -----------------------------*/ div.o-foot-pay{ margin: 6.4rem 0 6.4rem; } .o-foot-pay p{ text-align: center; } .o-foot-sns_ttl{ text-align: center; font-size: 2.4rem; margin: 6.4rem 0 0;} dl.o-foot-sns img{ max-width: 100%; } dl.o-foot-sns { width: 30%; letter-spacing:-.4rem; margin: 2.4rem auto 3.6rem;} dl.o-foot-sns dd{ width: 19%; letter-spacing:normal; display:inline-block; padding: 1.8rem; text-align: center; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;} /* ブランド一覧 */ .brandList{ padding:0; margin:0;} .brandList dl{ letter-spacing: -.40rem; } .brandList dl img{ max-width: 100%; margin:0 0 .6rem;} .brandList dl dt{ letter-spacing: normal;} .brandList dl dd{ width: 100%; letter-spacing: normal; display: inline-block; box-sizing:border-box;　-webkit-box-sizing:border-box;　-ms-box-sizing:border-box; -moz-box-sizing:border-box;　-o-box-sizing:border-box; padding: .8rem; margin:0 0 1.2rem;} .brandList p{ padding: 0; margin: 0; line-height: 1.8rem; color:#333; font-size:1.8rem; text-align:center; } .brandList .txt{ color:#dedede; display: block; font-size:1.2rem;} /* レビュー名を消す -----------------------------*/ .fs-c-reviewer__name__nickname{ display:none; } /* 沿革 */ .enkaku_ttl{ width: 100%; margin: 0 auto 2.4rem; } ul.enkaku{ width: 100%; margin: 0 auto 0; } ul.enkaku li{ border-bottom:.1rem solid #efefef; padding:1rem; line-height: 2.2rem; } ul.enkaku p{ display: inline-block; } ul.enkaku .his{ width: 20%; vertical-align: middle; } ul.enkaku .txt{ width: 78%; vertical-align: middle; } .spH{ display: none; } /*メディアページ*/ .mediaList{ width: 80%; margin: 0 auto; padding:3.6rem;} .mediaList_cnt{ width: 100%; } .mediaList img{ width: 100%;} .mediaList_cnt span{ display: block; } .mediaList_cnt ul{ letter-spacing: -.4rem; color: #333333; } .mediaList_cnt p{ margin: 0 0 1.4rem; } .mediaList_cnt ul li{ display: inline-block; letter-spacing: 0rem; padding: .8rem; vertical-align: middle; } .mediaList_cnt .imgb{ width: 20%;} .mediaList_cnt .txtb{ width: 79%; position: relative;} .mediaList .ttl{ width: 10%; background: #A39C9C; color: #fff; padding: .2rem; margin: 0 0 1.8rem; text-align: center;} .mediaList .days{ font-size:1.2rem;} .mediaList .linkto{ background: #333333; color: #fff; padding: .8rem; text-align: center; position: absolute; right: 2rem; } .mediaList_cnt{ border-bottom: .1rem solid #efefef; margin-bottom: 3.2rem; } /*メディアページ*/ .mediaBox{ width: 60%; margin: 0 auto; } .mediaTitel{ background-color: #dad2d2 ; padding: 1.2rem; margin: 0 0 3.2rem; font-weight: 700; line-height: 2.4rem;} .mediaTitel dd{ } .mediabox{ margin: 0 0 6.4rem; } .media{ margin: 0 0 6.4rem;} .mediaimg{ width: 40%; } .mLinks a{ width: 20%; display: block; border: .1rem solid #333333; padding: .8rem; text-align: center; margin: .8rem 0 0; color:#333333;} .listLink a{ display: block; background: #333333; color: #fff; padding: 1.2rem; text-align: center;} .mediaItem{ border-top: .1rem solid #676263; margin: 0 0 6.4rem; padding: 1.6rem 0;} .mediaItem p{ margin: 0 0 .8rem;} /* スマホ用設定 -----------------------------*/ @media screen and (max-width:768px) { .centerwrap {width: 100%; margin: 0 auto; padding-left: 0%; line-height: 2.8rem;} .paylist {width: 90%; margin: 0 auto; border-right: 1px solid #e2ddd3; border-left: 1px solid #e2ddd3;} .tablebox li{ display:table; width:100%; margin-bottom:1.2em; border-bottom:.1em dotted #e6e6e6; padding-bottom:1.2em; text-align:left; height:11rem;} }