@charset "euc-jp"; /* CSS Document */ /*--◆ 商品ページ内ifream　--------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------*/ /*【1239】クロックス*/ #p1239 div{ display: block; } #p1239 p{ font-size: 20px; color:#2E2E2E; letter-spacing:0.2em; line-height:1.1em; text-align:center; background-color:#2EFE64; padding:12px 0; margin:10px 0 0; font-weight:bold; font-family:sans-serif; margin:25px 0 10px;} #p1239 div.itembase{ width: 100%; } #p1239 div.itembase .item{ float:left; width: 30.3%; padding:0 1.5%; margin:20px 0; text-align:center; font-size: 0.65em; } #p1239 div.itembase .item img{ width: 100%; } #p1239 span { display: block; font-size: 21px; text-align:center; font-family:sans-serif; color:#F00; font-weight:bold; } #p1239 span:after { content: " (税込)"; font-size: 15px; } #p1239 span:before { content: "￥"; } /*----------------------------------------------------------*/ /*並びのベース*/ #pBase div{ display: block; } #pBase p{ font-size: 20px; color:#2E2E2E; letter-spacing:0.2em; line-height:1.1em; text-align:center; background-color:#F2F2F2; padding:12px 0; margin:10px 0 0; font-weight:bold; font-family:sans-serif; margin:25px 0 10px;} #pBase div.itembase{ width: 100%; } #pBase div.itembase .item{ float:left; width: 30.3%; padding:0 1.5%; margin:20px 0; text-align:center; font-size: 0.65em; } #pBase div.itembase .item img{ width: 100%; } #pBase span { display: block; font-size: 21px; text-align:center; font-family:sans-serif; color:#F00; font-weight:bold; } #pBase span:after { content: " (税込)"; font-size: 15px; } #pBase span:before { content: "￥"; } /*----------------------------------------------------------*/ /*並びのベース*/ #pBase1644 div{ display: block; } #pBase1644 p{ font-size: 20px; color:#000000; letter-spacing:0.2em; line-height:1.1em; text-align:center; background-color:#FFFFFF; padding:12px 0; margin:10px 0 0; font-weight:bold; font-family:sans-serif; margin:25px 0 10px;} #pBase1644 div.itembase{ width: 100%; } #pBase1644 div.itembase .item{ float:left; width: 30.3%; padding:0 1.5%; margin:20px 0; text-align:center; font-size: 0.65em; } #pBase1644 div.itembase .item img{ width: 100%; } #pBase1644 span { display: block; font-size: 21px; text-align:center; font-family:sans-serif; color:#F00; font-weight:bold; } #pBase1644 span:after { content: " (税込)"; font-size: 15px; } #pBase1644 span:before { content: "￥"; } /*----------------------------------------------------------*/ /*iframe用 セール並びのベース*/ #pSaleBase div.base{ border:solid 5px #ca2826; overflow:hidden; margin:auto; border-radius: 10px; width:690px; } #pSaleBase div.base p.point img{ width:100%; margin:-5px auto 5px;} #pSaleBase h1{ width:700px; border-radius:5px; } #pSaleBase div.cp{ padding:15px 0 0 15px; overflow:hidden; } /*#pSaleBase div.cp a{ float:left; margin:0 10px 0 0; display:block;}*/ #pSaleBase div.cp img{ width:325px; } #pSaleBase div.cpn p img{width:670px;} #pSaleBase div.cpn table{ width:650px; margin: 0 auto; } #pSaleBase div.tok { width:696px; margin:0 0 15px; } #pSaleBase div.tok p{ margin:0; text-align:center; font-size:16px; color:#DF0101; font-weight:bold; } #pSaleBase div.tok a{ margin:0 auto;} #pSaleBase div.tok a img{ width:584px; margin:0 55px 10px;} #pSaleBase div.itembase p{ font-size: 20px; color:#ca2826; letter-spacing:0.2em; text-align:center; font-weight:bold; font-family:sans-serif; } #pSaleBase p img{ width:100%; } #pSaleBase div.itembase{ width: 100%; padding:20px 0 0 10px; overflow:hidden; } #pSaleBase div.itembase .item{ float:left; width: calc((100% - 50px) / 4); padding:0 10px 20px 0; text-align:center; font-size: 0.65em; } #pSaleBase div.itembase .item img{ width: 100%; border: 1px solid #CCC; -webkit-box-sizing:border-box; box-sizing:border-box; } #pSaleBase span.price, #pSaleBase span.mon{ display: block; text-align:center; font-family:sans-serif; color:#F00; font-weight:bold; } #pSaleBase span.price{ font-size:24px; width:100%; margin:auto; color:#DF0101; } #pSaleBase span.mon{ font-size:15px;} #pSaleBase span.price:after { content: " (税込)"; font-size: 10px; } #pSaleBase span.price:before { content: "￥"; } #pSaleBase div.saleyuudou{ clear:both; color:#FFFFFF; font-size:35px; font-weight:bold; text-align:center;} #pSaleBase div.saleyuudou a{ text-decoration:none; display:block; width:700px; background:#ca2826; color:#FFFFFF; padding:8px 0 0; position: relative;} /*#pSaleBase div.saleyuudou a:after{ position: absolute; top:15px; right:15px; content: ''; width: 0; height: 0; border: solid 15px transparent; border-left: solid 15px #FFFFFF; }*/ #pSaleBase a:hover{ text-decoration:none; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";} #pSaleBase div.basekan{ border:solid 5px #ca2826; overflow:hidden; margin:auto; border-radius: 10px; width:660px; padding:0 0 5px; } #pSaleBase div.basekan a{ display:block; margin:15px;} #pSaleBase div.basekan p{ text-align:center; font-size:25px; font-weight:bold; background:#ca2826; color:#FFFFFF;} #pSaleBase div.banner img{ width:700px; margin:0 auto 15px; display:block; } #pSaleBase p.event a{ width:400px; margin:25px auto 0; text-align:center; background:#999; color:#FFFFFF; padding:10px 0; border-radius:20px; font-size:18px; display:block; text-decoration:none;} /**/ #pSaleBase .ssTxt{ margin: 20px 0 0; text-align:center; font-size:24px; letter-spacing:0.05em; color:#CB0003; } #pSaleBase .ss{ margin:0 auto; padding:0; width:700px; -webkit-box-sizing:border-box; box-sizing:border-box; } #pSaleBase .ss img{ width:100%; } #pSaleBase .ss h1{ margin:0; } #pSaleBase .ss p{ margin:8px 0 0; font-weight:bold; font-size:24px; color:#CD0003; text-align:center; letter-spacing:0.02em;} #pSaleBase .ss .ssBnr img{ width:100%; border:10px solid #FFF027; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; } #pSaleBase .ss .event{ margin:-15px 0 0;/* padding:10px; border:5px solid #BE0201;*/ padding:5px;/* border:5px solid #BE0201;*/ border-top:none; } #pSaleBase .ss table{ margin: 0 auto; width:100%; border-collapse:separate; border-spacing:15px; } #pSaleBase .ss table tr td{ font-size:22px; font-weight:bold; text-align:center; color:#BE0201; line-height:1;} #pSaleBase .ss table a{ display: block; } /*#pSaleBase .ss table img{ border-radius:5px; }*/ #pSaleBase .ss table + table{ margin-top:-5px; } /*#pSaleBase .ss table.cpn{ margin: 0 0 10px; padding: 0 0 10px; border-bottom:2px dotted #cccccc; }*/ #pSaleBase .ss table .cpn a{ display:block; background:#c10d0c; } #pSaleBase .ss table .cpn img{ width:auto; height:160px; } #pSaleBase div.cp{ padding: 0; display:-webkit-box; display:-ms-flexbox; display:flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap:wrap; flex-wrap:wrap; text-align:center; font-weight:bold; border: 10px solid #EBD21D; background:#ffffff; } #pSaleBase div.cp p{ width:calc((100% - 30px) / 3); margin: 10px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; display:block; background:#f08628; border-radius:10px;} #pSaleBase div.cp p a{ display:block; text-align:center; font-weight:bold; padding:14px 0 12px; font-size:45px; text-decoration:none; color:#FFFFFF;} #pSaleBase a:link { color : #575757; } #pSaleBase a:visited { color : #575757; } #pSaleBase div.cp span{ display:block;} #pSaleBase div.cp span.ue{ font-size:33%; letter-spacing:0.15em; border-bottom:dashed 1px #FFFFFF; padding:0 0 8px;} #pSaleBase div.cp span.sita{ font-size:60%; margin:-20px 0 0;} /*----------------------------------------------------------*/ /*当たり付き福袋の商品ページ*/ #p9016atari { width:850px;} #p9016atari a{ text-decoration:none;} #p9016atari h1{ margin:0 0 60px;} #p9016atari h2{ font-size:60px; color:#ca001d; text-align:center; line-height:1.3; margin:100px 0 0;} #p9016atari h2 span{ font-size:50%; display:block;} #p9016atari img{ width:100%;} #p9016atari div.item{ padding: 0 0 10px; margin:0 0 60px; border-radius:8px;} #p9016atari div.item:first-of-type{ margin:10px 0 60px;} #p9016atari div.item:last-of-type{ margin:0;} #p9016atari div.men{ border:solid #91e8f0 10px;} #p9016atari div.women{ border:solid #ffb3d5 10px;} #p9016atari div.item img{ width:831px; margin:-1px auto 0;} #p9016atari div.item div.spec{ border: 1px solid #999; border-top: none; padding:20px 0 20px 15px; margin:0 20px; position:relative; width:765px;} #p9016atari div.item div.spec:first-of-type{ border-top: 1px solid #999;} #p9016atari div.item div.spec:last-of-type{ margin:0 20px 10px;} #p9016atari div.item div.spec a{ display:block; background:#dfdfdf; font-weight:bold; position:absolute; right:0; top:0; width:150px; text-align:center; height:100%; line-height: 100px;} #p9016atari div.item div.spec a.long{ line-height: 120px;} #p9016atari div.item div.spec a:link{ color:#000000;} #p9016atari div.item div.spec a:visited{ color:#000000;} #p9016atari div.item div.spec a:hover{ opacity:0.7; filter: alpha(opacity=70);} #p9016atari div.item div.spec span{ margin:0 0 0 10px; font-weight:bold; font-size:16px;} #p9016atari div.item div.spec span.itemname{ display:block; font-size:18px;} #p9016atari div.item div.spec span.itemname span{ color:#666; font-size:90%;} #p9016atari div.item div.spec span.price{ margin:0 0 0 30px; color:#ce0000;} #p9016atari div.item div.spec span.price:after{ content:"円"; font-size:80%;} #p9016atari div.item div.spec span.tuujou:before{ content:"当店通常価格 ";} #p9016atari div.item div.spec span.meka:before{ content:"メーカー希望価格 ";} #p9016atari div.item div.spec span.red{ color:#ce0000;} #p9016atari div.item div.spec span.long{ display:block; margin:0 0 0 30px;} #p9016atari div.item p{ font-size:15px; color:#666; text-align:center; margin:0 0 40px;} #p9016atari table.present{ width:850px; margin:0 0 30px;} /*----------------------------------------------------------*/ /*福袋の商品ページ*/ #p9016 { width:850px; margin:auto;} #p9016 p.midashi{ text-align:center; font-size:50px; font-weight:bold; font-family: 'Noto Sans JP', sans-serif; line-height:1.3; margin:100px auto 30px;} #p9016 p.midashi span{ font-size:70%; display:block;} #p9016 div.image img:last-of-type{ margin:80px auto 0;} #p9016 div.item{ width:850px; margin:0 0 130px; font-family: 'Noto Sans JP', sans-serif; background:#f4f6f9; padding:0 0 90px; text-align:center;} #p9016 div.item div.title{ background:#182642; margin:0 auto 30px; padding:20px 0 25px 40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} #p9016 div.item h2{ font-size:38px; color:#FFFFFF; font-weight:bold;} #p9016 div.item div.title div{ margin:0 0 0 20px; text-align:left;} #p9016 div.item div.title div span{ font-size:13px; font-weight:200; line-height:1.4; display:block; color:#FFFFFF;} #p9016 div.item dl{ width:650px; margin:auto;} #p9016 div.item dl dt{ font-size:23px; font-weight:bold; margin:0 auto 7px;} #p9016 div.item dl dd{ font-size:15px; line-height:1.4; text-align: justify;} #p9016 div.item img{ margin:30px auto 0; width:830px;} #p9016 div.item div.spec div{ text-align:right; color:#c50000; font-size:19px; margin:5px auto 0;} #p9016 div.item div span{ font-size:80%; margin:0 5px 0 0;} #p9016 div.item p.itembtn{ border:solid 3px #333; text-align:center; font-weight:400; padding:15px 0; margin:33px auto; width:700px; background:#FFFFFF; font-size:23px;} #p9016 div.item p.itembtn a{ text-decoration:none; color:#333; display:block;} #p9016 div.item p.kome{ margin:0 10%; font-size:14px; text-indent:-13px; padding-left:13px; line-height:1.7;} #p9016 div.item p.kome:before{ content:'※';} #p9016 div.coupon{ width:630px; margin:100px auto 50px; font-family: 'Noto Sans JP', sans-serif; border:solid 5px #CCC; padding:15px 35px 20px; border-radius:20px;} #p9016 div.coupon p{ text-align:center;} #p9016 div.coupon p.top{ font-size:30px; font-weight:bold; color:#c2001b; margin:0 auto 10px;} #p9016 div.coupon p.komezirushi{ font-size:20px; margin:6px auto 0;} #p9016 div.coupon ul{ display:-webkit-box; display:-ms-flexbox; display:flex;} #p9016 div.coupon ul li{ margin:0 25px 0 0;} #p9016 div.coupon ul li:last-of-type{ margin:0;} #p9016 div.pagelink { width:850px; text-align:center; margin:100px auto 0; padding:80px 0 0; font-size:30px; font-weight:bold; border-top:solid 3px #CCC;} #p9016 div.pagelink img{ width:400px; margin:10px auto 0;} #p9016 div.item.women div.title{/* background:#4dc7ab;*/ background:#333;} #p9016 div.item.women{ background:#fdf0fb;} #p9016 div.item.women p.itembtn{ border:solid 1px #666;} /*--◆ 分類　---------------------------------------------------------------------------------------*/ /*----------------------------------------------------------*/ /*【2490】インクルーシブ*/ #b2490 h1{ margin: 0; } #b2490 h2{ margin:150px auto 50px; width:100%; font-size:70px; color:#333333; text-align:center; font-family: 'Oswald', sans-serif; } #b2490 h2 span{ margin: 0; padding: 10px 0 0; font-size:18px; letter-spacing:0.05em; border-top: 1px solid #333333; display:block; } #b2490 h1 + p{ margin: 0 0 80px; padding: 30px 50px; letter-spacing:0.05em; color:#414032; background:#D7D8D3; } #b2490 .untiku{ margin: 80px auto; width:850px; border:10px solid #eeeeee; } #b2490 .untiku h2{ margin:0; background:#2DC48D; } #b2490 .untiku h2 img{ border-radius: 20px 20px 0 0; } #b2490 .untiku p{ padding:20px; text-align:center; letter-spacing:0.05em; color:#333333; background:#eeeeee; } #b2490 .untiku ul{ padding:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } #b2490 .untiku ul li{ padding:8px; width:calc(100% / 3); -webkit-box-sizing:border-box; box-sizing:border-box; } #b2490 .untiku ul li img{ width:100%; } #b2490 .btn{ margin:100px 0; } #b2490 .btn ul{ margin: 0 -10px; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; } #b2490 .btn ul li{ margin: 0 10px 20px; width:calc((100% - 60px) / 3); flex-grow:1; } #b2490 .btn ul li:nth-of-type(1), #b2490 .btn ul li:nth-of-type(2){ width:calc((100% - 40px) / 2); } #b2490 .btn ul li .svg{ width:70px; height:70px; fill: #ffffff; } #b2490 .btn ul li a{ padding:15px; text-align:center; font-size:24px; color:#ffffff; font-family: 'Oswald', sans-serif; background:#333333; border-radius:3px; display:block; } #b2490 .btn ul li a:hover{ opacity:0.75; filter: alpha(opacity=75); } #b2490 h2 + p.text{ margin: 0 0 40px; padding:50px; width:100%; font-size:18px; letter-spacing:0.05em; text-align:center; box-sizing:border-box; background:#eeeeee; } /*----------------------------------------------------------*/ /*【1217】トドス*/ #b1217 h1{ width:100%; background:none; text-align:center;} #b1217 h1 img{ width:1050px;} #b1217 div.haikei{ width:100%; background:#FFFFFF;} #b1217 p.midashi{ font-size:18px; text-align:center; margin:60px; line-height:2; color:#5b392f;} #b1217 h2{ font-size:22px; font-weight:400; line-height:2; margin:0 auto 30px;} #b1217 a:hover{opacity:0.5; filter: alpha(opacity=50);} #b1217 div.thanks{ margin:auto; text-align:center;} #b1217 div.thanks img{ width:850px; margin:0 auto 40px;} #b1217 div.insta { background:#f8f7e8; padding:100px 0 80px; text-align:center; margin:100px 0 0;} #b1217 div.insta p{ text-align:center; font-size:18px;} #b1217 div.insta p img{ width:280px;} #b1217 div.insta ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:0 100px; } #b1217 div.insta ul li{ width:calc((100% - 30px) / 4); margin:0 10px 10px 0;} #b1217 div.insta ul li:nth-of-type(4n){ margin:0 0 10px 0;} #b1217 div.insta ul li img{ width:100%;} #b1217 div.insta p.more { margin:45px 0 0;} #b1217 div.insta p.more img{ width:700px;} #b1217 div.insta p.more a{ display:block;} #b1217 div.categorybtn { background:#FFFFFF; margin:auto; padding:100px 0; text-align:center;} #b1217 div.categorybtn ul{ display: -webkit-flex; padding:0 20px;} #b1217 div.categorybtn ul li { margin:0 13px 0 0;} #b1217 div.categorybtn ul li img{ width:100%;} #b1217 div.categorybtn ul li a{ background:#FFFFFF; border-radius:50%; display:block;} #b1217 ul.icon{ display:-webkit-box; display:-ms-flexbox; display:flex; padding:10px 0 0;} #b1217 ul.icon li { margin:0 7px 13px 0; padding:3px 10px; color:#FFFFFF; font-size:20px; font-weight:bold;} #b1217 ul.icon li.pink{ background:#eb6cb4;} #b1217 ul.icon li.red{ background:#d50000;} #b1217 ul.icon li.blue{ background:#51abda;} #b1217 ul.icon li.orange{ background:#ff8f21;} #b1217 ul.icon li.purple{ background:#c37be5;} #b1217 ul.icon li.grey{ background:#585858;} #b1217 ul.icon li.sale{ background:#FFFFFF; border:solid 2px #d50000; padding:1px 10px; color:#d50000;} #b1217 div#divNarabi.w1050 ul.icon li.sale span{ font-size:20px; display:inline;} #b1217 div#divNarabi.w1050 div.narabi1 ul.icon { width:380px; top:100px; left: 640px; padding:0;} #b1217 div#divNarabi.w1050 div.narabi1 ul.icon li{ position: static;} #b1217 div#divNarabi.w1050 div.narabi1 span.itemName{ top:160px; text-indent: -4px;} #b1217 div#divNarabi.w1050 div.narabi1 span.price1{ bottom: 300px;} #b1217 div#divNarabi.w1050 div.narabi1 span.status{ top:30px;} #b1217 div#divNarabi.w1050 div.narabi1 span.red{ background:#333;} #b1217 div#divNarabi .sele > p.seleTitle{ background:#eeeeee; font-size: 40px; font-weight:bold; color:#433f31; padding:10px;} #b1217 div.event{ text-align:center; margin:70px 0 0; font-size:30px; font-weight:700;} #b1217 div.event a{ display:block; padding:35px 0 40px; width:1042px; border:double 4px #fc6768; color:#e93b32;} #b1217 div.event a:hover{ text-decoration:none;} #b1217 div.event span{ font-size:60%; width:800px; margin:5px auto 20px; line-height:1.4; font-weight:100; color:#333;} #b1217 div.event img{ width:800px;} #b1217 div.event.dai img{ width:500px;} #b1217 div.event.dai a{ border:none;} #b1217 div#divNarabi span.status{ display:none;} #b1217 div#divNarabi div.narabi1 span.status{ display:block;} #b1217 #btmNav{ width:100%; background:#db6154; position:fixed; bottom:0; left:0; border-top:2px solid #ffffff; z-index:9999; } #b1217 #btmNav ul{ margin:0 auto; width:1050px; display:-webkit-box; display:-ms-flexbox; display:flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #b1217 #btmNav ul li{ border-left:1px dotted #ffffff; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #b1217 #btmNav ul li:first-of-type{ border:none; } #b1217 #btmNav ul li a{ padding:5px 0; text-align:center; color:#ffffff; text-decoration:none; display:block; } #b1217 #btmNav ul li img{ width:70px; vertical-align:middle; } #b1217 #btmNav ul.sub li img{ padding: 0 0 5px; } #b1217 #btmNav ul li span{ padding: 0 0 0 5px; font-size:12px; line-height:1; font-weight:bold; display:inline-block; } #b1217 #btmNav ul li.link{ background:#e71404;} #b1217 div#divNarabi.w1050 div.narabi2 span.salecp100{ color:#CC0E00; font-weight:bold;} #b1217 div#divNarabi.w1050 div.narabi2 span.cp100{ display:none;} #b1217 div#divNarabi.w1050 div.narabi1 span.cp100{ top:-10px; left: 10px; font-size:33%;} /*----------------------------------------------------------*/ /*【1239】クロックス*/ #b1239 div.setumei{ width:820px; margin:50px auto 0; color:#6e6c64; font-size:17px; text-align: justify; text-justify: inter-ideograph; line-height:1.8;} #b1239 h2{ text-align:center; font-size:30px;} #b1239 div.btn ul{ width:950px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:100px auto 30px;} #b1239 div.btn ul li{ width:calc((100% - 40px) / 3); margin:0 20px 0 0; font-size:30px; text-align:center;} #b1239 div.btn ul li a{ display:block; padding:20px 0; text-decoration:none; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; border-radius:5px; color:#FFFFFF; font-family: 'Fredoka One', cursive; letter-spacing:0.12em;} #b1239 div.btn ul li a:hover{-webkit-transform: rotateY(360deg);transform: rotateY(360deg); text-decoration: none;} #b1239 div.btn ul li:last-of-type{ margin:0;} #b1239 div.btn ul li.mens a,#b1239 p#mens{ background:#08c4f3;} #b1239 div.btn ul li.ladys a,#b1239 p#ladys{ background:#f95abc;} #b1239 div.btn ul li.kids a,#b1239 p#kids{ background:#fc8424;} #b1239 p.title{ font-family: 'Fredoka One', cursive; text-align:center; font-size:30px; color:#FFFFFF; padding:20px 0; border-radius:5px 5px 0 0;} #b1239 #btmNav{ width:100%; background:#f0f0ef; position:fixed; bottom:0; left:0; border-top:2px solid #ffffff; z-index:9999; } #b1239 div#btmNav ul{ width:1050px; display: -webkit-flex; margin:auto;} #b1239 div#btmNav ul li{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color:#FFFFFF; font-size:23px; padding:15px 0; border-left: 1px dotted #ffffff; font-family: 'Fredoka One', cursive;} #b1239 div#btmNav ul li:nth-of-type(3n){ border-right: 1px dotted #ffffff;} #b1239 div#btmNav ul li a{ color:#FFFFFF; display:block; text-decoration:none; text-align:center;} #b1239 div#btmNav ul li.mens{ background:#08c4f3;} #b1239 div#btmNav ul li.ladys{ background:#f95abc;} #b1239 div#btmNav ul li.kids{ background:#fc8424;} #b1239 div.nrb1img{ padding:50px; width: 1030px; background:#FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 10px; clear:both;} #b1239 div.nrb1img img{ width:100%;} #b1239 div#divNarabi .sele > p img{ width:60%; padding:10px 0;} #b1239 div#divNarabi.w1050 div[class^="narabi"] p.point{ background:url(https://www.rakuten.ne.jp/gold/z-craft/sale/img/icon-gizay.png) no-repeat; z-index: 9998; position: absolute; -webkit-transform: rotate(13deg); -ms-transform: rotate(13deg); transform: rotate(13deg); text-align: center; top:500px; right:-40px; width:250px; height:250px; background-size: 250px; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0;} #b1239 div#divNarabi.w1050 p.point span{ font-size:50px; font-weight:bold; line-height:1.1; display:block;} #b1239 p.point span:before{ margin:60px 0 0; font-size: 16px; content:'ポイント'; display:block;} #b1239 p.point span:after{ content:'倍'; font-size: 60%;} #b1239.iframe #wrapContents{ width:850px; } #b1239.iframe div.nrb1img{ padding:30px; width: 830px; background:#FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 10px;} #b1239.iframe div.nrb1img img{ width:100%;} #b1239.iframe div#divNarabi.w850 div[class^="narabi"] p.point{ background:url(https://www.rakuten.ne.jp/gold/z-craft/sale/img/icon-gizay.png) no-repeat; z-index: 9998; position: absolute; -webkit-transform: rotate(13deg); -ms-transform: rotate(13deg); transform: rotate(13deg); text-align: center; top:400px; right:-40px; width:250px; height:250px; background-size: 250px; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0;} #b1239.iframe div#divNarabi.w850 p.point span{ font-size:50px; font-weight:bold; line-height:1.1; display:block;} #b1239 div#divNarabi.w1050 div.narabi2 span.price3 { padding: 29px 19px; width: 120px; height: 120px; background-size: 120px; font-size: 50px; top: 470px !important; right: 5px;} #b1239 div#divNarabi.w1050 div[class^="narabi"] span.price3:after { content: "%OFF"; display: block;} #b1239 div#divNarabi.w1050 div[class^="narabi"] span.price3 { background: url(https://www.rakuten.ne.jp/gold/z-craft/img/sale/icon-pricebg.svg) no-repeat; color: #FFF66D; text-align: center; font-weight: bold; line-height: 0.9; position: absolute; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); z-index: 9997; -webkit-box-sizing: border-box; box-sizing: border-box;} #b1239 div#divNarabi div[class^="narabi"] { position: relative;} #b1239 div#divNarabi.w1050 div.narabi2 span.price3:after,#b1239 div#divNarabi.w1050 div.narabi1 span.price3:after { font-size: 20px;} #b1239 div#divNarabi.w1050 div.narabi1 span.price3 { padding: 35px 20px; width: 140px; height: 140px; background-size: 140px; font-size: 60px; bottom: 5px !important; left: 475px;} /*----------------------------------------------------------*/ /*【1638】スペルガ*/ #b1638 p.top img{ width:700px; margin:30px 75px; } #b1638 div#divNarabi p.setumei{ font-family: "Century Gothic"; text-align:center; margin:50px 0; color:#585858; padding:0 50px; width:750px; font-size:1.2em; } /*----------------------------------------------------------*/ /*【2493】ナチュ＆ダイアリー*/ #b2493 h1{ width:100%; background:#bdc2c3; text-align:center;} #b2493 h1 img{ width:700px;} #b2493 div.haikei{ width:100%; background:#FFFFFF;} #b2493 p.midashi{ font-size:18px; text-align:center; margin:60px; line-height:2; color:#5b392f;} #b2493 h2{ font-size:22px; font-weight:400; line-height:2; margin:0 auto 30px;} #b2493 a:hover{opacity:0.5; filter: alpha(opacity=50);} #b2493 div.insta { background:#f8f7e8; padding:100px 0 80px; text-align:center; margin:100px 0 0;} #b2493 div.insta p{ text-align:center; font-size:18px;} #b2493 div.insta p img{ width:280px;} #b2493 div.insta ul{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:0 100px;} #b2493 div.insta ul li{ width:calc((100% - 30px) / 4); margin:0 10px 10px 0;} #b2493 div.insta ul li:nth-of-type(4n){ margin:0 0 10px 0;} #b2493 div.insta ul li img{ width:100%;} #b2493 div.insta p.more { margin:45px 0 0;} #b2493 div.insta p.more img{ width:700px;} #b2493 div.insta p.more a{ display:block;} #b2493 div.categorybtn { background:#FFFFFF; margin:auto; padding:100px 0; text-align:center;} #b2493 div.categorybtn ul{ display: -webkit-flex; padding:0 20px;} #b2493 div.categorybtn ul li { margin:0 13px 0 0;} #b2493 div.categorybtn ul li img{ width:100%;} #b2493 div.categorybtn ul li a{ display:block;} #b2493 ul.icon{ display:-webkit-box; display:-ms-flexbox; display:flex; padding:10px 0 0;} #b2493 ul.icon li { margin:0 7px 13px 0; padding:3px 10px; color:#FFFFFF; font-size:20px; font-weight:bold;} #b2493 ul.icon li.pink{ background:#eb6cb4;} #b2493 ul.icon li.red{ background:#d50000;} #b2493 ul.icon li.blue{ background:#51abda;} #b2493 ul.icon li.orange{ background:#ff8f21;} #b2493 ul.icon li.purple{ background:#c37be5;} #b2493 ul.icon li.grey{ background:#585858;} #b2493 ul.icon li.sale{ background:#FFFFFF; border:solid 2px #d50000; padding:1px 10px; color:#d50000;} #b2493 div#divNarabi.w1050 ul.icon li.sale span{ font-size:20px; display:inline;} #b2493 div#divNarabi.w1050 div.narabi1 ul.icon { width:380px; top:100px; left: 640px; padding:0;} #b2493 div#divNarabi.w1050 div.narabi1 ul.icon li{ position: static;} #b2493 div#divNarabi.w1050 div.narabi1 span.itemName{ top:160px; text-indent: -4px;} #b2493 div#divNarabi.w1050 div.narabi1 span.price1{ bottom: 300px;} #b2493 div#divNarabi.w1050 div.narabi1 span.status{ top:30px;} #b2493 div#divNarabi.w1050 div.narabi1 span.red{ background:#333;} #b2493 div#divNarabi .sele > p.seleTitle{ background:#eeeeee; font-size: 40px; font-weight:bold; color:#433f31; padding:10px;} #b2493 div#divNarabi .sele > p img, #b2493 .categorybtn h2 img{ width:650px; } #b2493 div.event{ text-align:center; margin:70px 0 0; font-size:30px; font-weight:700;} #b2493 div.event a{ display:block; padding:35px 0 40px; width:1042px; border:double 4px #fc6768; color:#e93b32;} #b2493 div.event a:hover{ text-decoration:none;} #b2493 div.event span{ font-size:60%; width:800px; margin:5px auto 20px; line-height:1.4; font-weight:100; color:#333;} #b2493 div.event img{ width:800px;} #b2493 div#divNarabi span.status{ display:none;} #b2493 div#divNarabi div.narabi1 span.status{ display:block;} #b2493 #btmNav{ width:100%; background:#db6154; position:fixed; bottom:0; left:0; border-top:2px solid #ffffff; z-index:9999; } #b2493 #btmNav ul{ margin:0 auto; width:1050px; display:-webkit-box; display:-ms-flexbox; display:flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} #b2493 #btmNav ul li{ border-left:1px dotted #ffffff; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding:10px 0;} #b2493 #btmNav ul li:first-of-type{ border:none; } #b2493 #btmNav ul li a{ padding:5px 0; text-align:center; color:#ffffff; text-decoration:none; display:block; } #b2493 #btmNav ul li img{ width:70px; vertical-align:middle; } #b2493 #btmNav ul.sub li img{ padding: 0 0 5px; } #b2493 #btmNav ul li span{ padding: 0 0 0 5px; font-size:15px; line-height:1; font-weight:bold; display:inline-block; } #b2493 #btmNav ul li.link{ background:#e71404;} #b2493 div#divNarabi.w1050 div.narabi2 span.salecp100{ color:#CC0E00; font-weight:bold;} #b2493 div#divNarabi.w1050 div.narabi2 span.cp100{ display:none;} #b2493 div#divNarabi.w1050 div.narabi1 span.cp100{ top:-10px; left: 10px; font-size:33%;} #b2493 div#divNarabi.w1050 div.nrb1img{ margin: 50px 0; padding: 50px; width: 1030px; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; clear: both;} #b2493 div#divNarabi.w1050 div.nrb1img img{ width:100%;} #b2493 div#divNarabi.w1050 div.nrb1img a{ display:block;} #b2493 div#divNarabi .medama > p.seleTitle{ font-size:60px; padding:50px 0 0; margin:0; background:#d5f8f7; color:#df177c;} #b2493 div#divNarabi .medama > p.seleTitle span{ font-size:120%; display:inline;} #b2493 div#divNarabi .seleTitleImg img{ width:70%; } #b2493 div#divNarabi #sale.sele > p.cpn{ background:#d96666; border-radius:3px; } #b2493 div#divNarabi #sale.sele > p a{ background:#D76566; } #b2493 div#divNarabi #sale.sele > p a span{ margin: 0 0 5px; font-size:24px; letter-spacing:0.05em; display:block; } /*----------------------------------------------------------*/ /*【1035】ナイキ*/ #b1035{ padding:40px 0 0; } #b1035 .kan img{ width:100%; } #b1035 .intro{ margin:60px 100px 0; text-align:center; font-size:26px; line-height:1.5; } #b1035 div#divNarabi{ padding-top:100px; } #b1035 div#divNarabi .sele { background:#D5D5D5; } #b1035 .disnon { display: none; } #b1035 ul#tab{ margin: 0 0 0 -525px; padding:5px 0; display:-webkit-box; display:-ms-flexbox; display:flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-sizing:border-box; box-sizing:border-box; width: 1050px; position: fixed; top: 0; left: 50%; z-index: 2; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } #b1035 ul#btmTab{ margin: 50px auto 100px; padding:5px 0; display:-webkit-box; display:-ms-flexbox; display:flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-sizing:border-box; box-sizing:border-box; width: 1050px; } #b1035 ul#tab li, #b1035 ul#btmTab li{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #b1035 ul#tab li a, #b1035 ul#btmTab li a{ margin: 0 3px; padding:10px; text-align:center; font-size:24px; font-weight:bold; color:#FFFFFF; text-decoration:none; display:block; background:#999999; border-radius:5px; } #b1035 ul#tab li.select a, #b1035 ul#btmTab li.select a{ background:#ff7200; } #b1035 h2{ margin: 0 0 70px; padding:30px; font-size:45px; text-align:center; color:#ffffff; background:#ff7200; clear:both; position:relative; border-radius:5px; } #b1035 h2 span{ font-size:85%; } #b1035 h2:after{ content:""; margin: 0 0 0 -15px; width:30px; height:30px; background:#ff7200; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; bottom:-15px; left:50%; } #b1035 ul.itemAnc{ margin: 0 40px 40px; display:-webkit-box; display:-ms-flexbox; display:flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap:wrap; flex-wrap:wrap; } #b1035 ul.itemAnc li{ margin:5px 5px 5px 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #b1035 ul.itemAnc li a{ margin: 0 3px; padding:15px 5px; text-align:center; font-size:24px; font-weight:bold; color:#999999; text-decoration:none; display:block; border: 3px solid #999999; border-radius:5px; } /*----------------------------------------------------------*/ /*【1262】UGG*/ #b1262{ font-family:'ヒラギノ角ゴシックProN','メイリオ',sans-serif; color:#444444; } #b1262 span.icon img { width: 100%; } #b1262 ul.pageLink{ background:none;} #b1262 ul.pageLink li a{ background: #8c7160; color:#ffffff !important; font-weight:bold; } #b1262 ul.pageLink li a:hover{ background:#ab8b76; } #b1262 ul.pageLink li a::before{ background:#ffffff; } #b1262 ul.pageLink li a::after{ border-top-color:#8c7160; } #b1262 table.pageLink{ margin:80px 0; width:100%; table-layout:fixed; } #b1262 table.pageLink a{ padding:15px; color:#8b5d3e; font-size:28px; letter-spacing:0.1em; text-align:center; font-family: 'PT Serif', serif; display:block; border:1px solid #8b5d3e; border-radius:5px; } #b1262 table.pageLink a:hover{ color: #A68E7E; border:1px solid #A68E7E; } #b1262 p.ancLink{ margin:20px 0 60px; font-size:22px; line-height:1.0; letter-spacing:0.05em; text-align:center; font-family: 'PT Serif', serif; } #b1262 p.ancLink a{ display:inline; } #b1262 .history { margin: 60px 0; text-align:center; } #b1262 .history img{ width:200px; } #b1262 .history p{ margin:10px 0 60px; font-size:16px; line-height:1.5; letter-spacing:0.05em; } #b1262 p.point{ margin:60px 0; font-size:18px; line-height:1.5; letter-spacing:0.05em; text-align:center; } #b1262 p.thanks{ margin:60px 0 20px; font-size:25px; line-height:1.5; font-weight:bold; letter-spacing:0.05em; color:#B82D0D; text-align:center; } #b1262 .seiki{ margin:80px auto; padding: 0 0 40px; background:#eeeeee; } #b1262 .seiki dl{ } #b1262 .seiki dl dt{ padding: 40px 40px 0; font-size:26px; font-weight:bold; text-align:center; } #b1262 .seiki dl dd{ padding: 30px 40px 0; font-size:20px; text-align:justify; text-justify:inter-ideograph; } #b1262 .seiki dl dd.aacd{ padding-bottom:40px; font-size:16px; overflow:hidden; } #b1262 .seiki dl dd.aacd img{ margin: 0 20px 0 0; width:100px; float:left; } #b1262 .seiki .textLink a{ margin: 0 auto; padding:20px; width:500px; text-align:center; font-size:20px; font-weight:bold; color:#ffffff; background:#B10002; border-radius:10px; display:block; } #b1262 .seiki .textLink a.himitu{ margin-top:10px; background:#aaaaaa; } #b1262 .seiki .textLink a span{ font-size:16px; } #b1262 .seiki .textLink a:hover{ opacity:0.75; filter: alpha(opacity=75); } #b1262 div#divNarabi h2{ margin:200px 0 50px; padding: 20px 0; text-align:center; font-family: 'PT Serif', serif; font-size:55px; letter-spacing:0.1em; color:#8b5d3e; border:3px double #8b5d3e; border-left:none; border-right:none; } #b1262 div#divNarabi h3{ margin:50px; padding: 20px; text-align:center; font-family: 'PT Serif', serif; font-size:35px; letter-spacing:0.1em; color:#ffffff; background:#e5813d; border-radius:5px; position:relative; } #b1262 div#divNarabi h3:after{ content:""; margin: 0 0 0 -8px; width:15px; height:15px; display:block; background:#e5813d; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:50%; bottom:-8px; } #b1262 div#divNarabi h3.summer, #b1262 div#divNarabi h3.all{ margin-top: 200px; } #b1262 div#divNarabi h3.summer:before, #b1262 div#divNarabi h3.all:before{ content:""; width:100%; height:1px; display:block; border-top:1px dotted #725F55; position:absolute; top:-100px; left:0; } #b1262 div#divNarabi h3.summer, #b1262 div#divNarabi h3.summer:after{ background:#3dbce5; } #b1262 div#divNarabi h3.all, #b1262 div#divNarabi h3.all:after{ background:#cb92c8; } #b1262 div#divNarabi .sele { background:#f6efea; } #b1262 div#divNarabi .sele > p.seleTitle{ background:#8c7160; color:#ffffff; font-size:2em; font-weight:bold; } #b1262 div#divNarabi .sele > p.seleTitle.sub{ background:#f6efea; color:#8c7160; font-size:25px; font-weight:bold; } #b1262 span.price1{ color:#C5080C; } #b1262 div#divNarabi .sele > p.bana{ font-size:30px;text-align:center; color:#0088D0; margin-top:50px; margin-bottom:20px; } /*----------------------------------------------------------*/ /*【1084】BIRKENSTOCK*/ #b1084 { font-family: 'Open Sans', sans-serif;} #b1084 h1{ text-align:center; background:#072c74; } #b1084 h1 img{ width:800px; } #b1084 a,#b1084 div a:hover{ text-decoration:none;} #b1084 h1{ margin:0 auto 80px;} #b1084 div.midashi{ text-align:center; width:940px; margin:0 auto 120px;} #b1084 div.midashi dt{ font-size:31px; font-weight:bold; color:#00224f; letter-spacing:0.2em; margin:0 auto 23px;} #b1084 div.midashi dd{ text-align:left; font-size:17px; margin:0 auto 25px; text-align: justify; text-justify: inter-ideograph;} #b1084 div.midashi p{ text-align:center; font-weight:bold; font-size:24px; letter-spacing:0.1em;} #b1084 div.midashi p a{ display:block; width:490px; margin:auto; background:#eeeeee; border:solid 1px #00224f; padding:12px 0 11px; color:#00224f;} #b1084 div.midashi p a:hover{ text-decoration:none; opacity: 0.75;} #b1084 h2{ text-align:center; font-weight:bold; font-size:26px; color:#00224f; margin:0 0 30px;} #b1084 div#itemsearch{ width:985px; margin:0 auto 110px;} #b1084 div#itemsearch ul{ display: -webkit-flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} #b1084 div#itemsearch ul li img{ width:100%; margin:0 0 5px;} #b1084 div#itemsearch ul li{ margin:0 3px 15px 0;} #b1084 div#itemsearch ul li:nth-of-type(5n){ margin:0 0 15px;} #b1084 div#itemsearch ul li a{ width:100%; display:block; text-align:center; font-size:20px; font-weight:700; letter-spacing:0.05em; line-height:1.1; font-family: 'Roboto', sans-serif;} #b1084 div#itemsearch ul li a span{ font-size:10px;} #b1084 div#itemsearch ul li a:hover{ text-decoration:none; opacity: 0.75;} #b1084 div#itemsearch ul li{ width:calc((100% - 12px) / 5);} #b1084 div#itemsearch ul li.other{ width:315px; margin:20px auto 0; border:solid 1px #131313; padding:10px 0;} #b1084 div#seibetusearch { width:590px; margin:0 auto 120px;} #b1084 div#seibetusearch ul { display:-webkit-box; display:-ms-flexbox; display:flex;} #b1084 div#seibetusearch ul li{ width:calc((100% - 26px) / 3); margin:0 13px 0 0;} #b1084 div#seibetusearch ul li a{ display:block; padding:15px; text-align:center; font-size:31px; font-weight:bold; color:#FFFFFF;} #b1084 div#seibetusearch ul li:nth-of-type(1){ background:#183050;} #b1084 div#seibetusearch ul li:nth-of-type(2){ background:#911739;} #b1084 div#seibetusearch ul li:nth-of-type(3){ background:#995e02; margin:0;} #b1084 div#seibetusearch ul li a:hover{ text-decoration:none; opacity: 0.75;} #b1084 div.model{ width:880px; margin:200px auto 20px; font-family: 'Roboto', sans-serif; overflow:hidden;} #b1084 div.model p.image img{ width:300px; float:left;} #b1084 div.model pimage{ margin:0 10px 0 0;} #b1084 div.model h3{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; padding:15px 0 5px 10px; float:right; width:570px;} #b1084 div.model h3 span.english{ font-size:33px; font-weight:700; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; padding:0 5px 0 0;} #b1084 div.model h3 span.japan{ font-size:14px; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; line-height:2.2;} #b1084 div.model p.text{ font-size:17px; line-height:1.2; float:right; width:570px; padding:0 0 0 10px;} #b1084 div.model#other { text-align:center;} #b1084 div.model#other h3{ width:100%; text-align:center; margin:auto; display:block;} #b1084 div#btmNav{ width:100%; background: #00224f; position: fixed; bottom:0; left:0; z-index: 9999;} #b1084 div#btmNav ul{ width:1050px; display: -webkit-flex; margin:auto;} #b1084 div#btmNav ul li{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align:center; color:#FFFFFF; font-weight:bold; font-size:17px; padding:10px 0; border-left: 1px dotted #ffffff;} #b1084 div#btmNav ul li:nth-of-type(3n){ border-right: 1px dotted #ffffff;} #b1084 div#btmNav ul li a{ color:#FFFFFF; display:block;} #b1084 div.nrb1img{ padding:50px; width: 1030px; background:#FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 10px; clear:both;} #b1084 div.nrb1img img{ width:100%;} #b1084.iframe div.nrb1img{ padding:30px; width: 830px; } #b1084 div#divNarabi.w1050 div.narabi2 span.price3,#b1084 div#divNarabi.w1050 div.narabi2 span.price4 { padding: 29px 19px; width: 120px; height: 120px; background-size: 120px; font-size: 50px; top: 470px !important; right: 5px;} #b1084 div#divNarabi.w1050 div[class^="narabi"] span.price3:after { content: "%OFF"; display: block;} #b1084 div#divNarabi.w1050 div[class^="narabi"] span.price4:after { content: "倍"; font-size:60%;} #b1084 div#divNarabi.w1050 div[class^="narabi"] span.price4:before { content:'ポイント'; font-size:30%; display:block;} #b1084 div#divNarabi.w1050 div[class^="narabi"] span.price3,#b1084 div#divNarabi.w1050 div[class^="narabi"] span.price4 { background: url(https://www.rakuten.ne.jp/gold/z-craft/img/sale/icon-pricebg.svg) no-repeat; color: #FFF66D; text-align: center; font-weight: bold; line-height: 0.9; position: absolute; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); z-index: 9997; -webkit-box-sizing: border-box; box-sizing: border-box;} #b1084 div#divNarabi div[class^="narabi"] { position: relative;} #b1084 div#divNarabi.w1050 div.narabi2 span.price3:after,#b1084 div#divNarabi.w1050 div.narabi1 span.price3:after { font-size: 20px;} #b1084 div#divNarabi.w1050 div.narabi1 span.price3,#b1084 div#divNarabi.w1050 div.narabi1 span.price4 { padding: 35px 20px; width: 140px; height: 140px; background-size: 140px; font-size: 60px; bottom: 5px !important; left: 475px;} #b1084 div#divNarabi .sele > p.img img{ width:960px; margin:-10px auto 20px;} /*----------------------------------------------------------*/ /*【1507】TEVA*/ #b1507 div.btm2 ul{ display: -webkit-flex; width:900px; margin:100px auto;} #b1507 div.btm2 ul li{ width:calc((100% - 30px) / 3); margin:0 15px 0 0; text-align:center; font-size:20px; font-family: 'Roboto', sans-serif;} #b1507 div.btm2 ul li a{ display:block; position: relative; display: inline-block; color: #1B1B1B; text-decoration: none;} #b1507 div.btm2 ul li a:hover { cursor: pointer; text-decoration: none;} #b1507 div.btm2 ul li a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 2px; background: #333; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;} #b1507 div.btm2 ul li a:hover::after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } #b1507 div.btm2 ul li:last-of-type{ margin:0;} #b1507 div#divNarabi .sele > p.seleTitle{ background:#eeeeee;} #b1507 div#divNarabi .sele > p.seleTitle{ color:#000000; font-family: 'Roboto', sans-serif;} #b1507 div#btmNav{ width:100%; background: #666; position: fixed; bottom:0; left:0; z-index: 9999;} #b1507 div#btmNav ul{ width:1050px; display: -webkit-flex; margin:auto;} #b1507 div#btmNav ul li{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align:center; color:#FFFFFF; font-weight:bold; font-size:17px; padding:10px 0; border-left: 1px dotted #ffffff;} #b1507 div#btmNav ul li:nth-of-type(3n){ border-right: 1px dotted #ffffff;} #b1507 div#btmNav ul li a{ color:#FFFFFF; display:block; text-decoration:none;} #b1507 div.nrb1img{ padding:50px; width: 1030px; background:#FFFFFF; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0 0 10px;} #b1507 div.nrb1img img{ width:100%;} #b1507.iframe div.nrb1img{ padding:30px; width: 830px; } /*--◆◆◆ 特集　------------------------------------------------------------*/ /*共通:検索*/ .searchArea{ margin: 40px 0 80px ; font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } .searchArea h3{ font-size:1.5em; } .searchArea ul + h3{ margin: 30px 0 0; } .searchArea ul{ margin: 10px 20px 0; overflow:hidden; } .searchArea a, div#divNarabi .searchArea a{ color:#666666; } .searchArea ul.price{ } .searchArea ul.price li{ padding: 0 30px 5px 0; float:left; } .searchArea ul.price a{ position: relative; display: inline-block; padding: 0 0 0 18px; color: #000; vertical-align: middle; text-decoration: none; font-size: 18px; letter-spacing:0.05em; } .searchArea ul.price a::before, .searchArea ul.price a::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; } .searchArea ul.price a::before{ left: 3px; width: 7px; height: 1px; background: #7a0;} .searchArea ul.price a::after{ left: 3px; width: 6px; height: 6px; border-top: 1px solid #7a0; border-right: 1px solid #7a0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .searchArea ul.size{ } .searchArea ul.size li{ padding: 0 20px 0 0; float:left; } .searchArea ul.size a{ position: relative; display: inline-block; padding: 0 0 0 18px; color: #000; vertical-align: middle; text-decoration: none; font-size: 18px; letter-spacing:0.05em; } .searchArea ul.size a::before, .searchArea ul.size a::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; } .searchArea ul.size a::before{ left: 3px; width: 7px; height: 1px; background: #7a0;} .searchArea ul.size a::after{ left: 3px; width: 6px; height: 6px; border-top: 1px solid #7a0; border-right: 1px solid #7a0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /*共通:アイコン*/ ul.cateIcon{ margin: 10px 0; } ul.cateIcon li{ padding: 5px 10px; font-size:0.75em; letter-spacing:0.1em; font-weight:bold; background:#cccccc; border-radius:5px; display:inline-block; white-space:nowrap; } div.w850 div.narabi1 ul.cateIcon{ position:absolute; top:300px; left:440px; width:240px; } div.w850 div.narabi1 ul.cateIcon li{ margin: 0 0 6px; position:static;} /*共通:性別*/ div#divNarabi ul.seibetu2{ padding:0 50px; width:750px; overflow:hidden; border-bottom:15px solid #8FD1EE; } div#divNarabi ul.seibetu2 li{ margin: 0 50px 0 0; width: 350px; display:block; border-radius:15px 15px 0 0; float:left; position: relative; vertical-align: middle; text-decoration: none; } div#divNarabi ul.seibetu2 li a{ padding:15px 0 65px; text-align:center; font-size:50px; font-family: "Rounded Mplus 1c"; font-weight:700; color:#ffffff; display:block; } div#divNarabi ul.seibetu2 li a:hover{ text-decoration:none; opacity:0.8; } div#divNarabi ul.seibetu2 li:last-of-type{ margin:0; } div#divNarabi ul.seibetu2 li::before, div#divNarabi ul.seibetu2 li::after{ margin: 0 0 0 -18px; position: absolute; top: 95px; bottom: 0; left: 50%; content: ""; vertical-align: middle; } div#divNarabi ul.seibetu2 li::before{ width: 36px; height: 36px; border-radius: 50%; background: #ffffff; } div#divNarabi ul.seibetu2 li::after{ margin: 0 0 0 -7px; top:103px; width: 10px; height: 10px; border: 3px solid #8FD1EE; border-top:none; border-left:none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } div#divNarabi ul.seibetu3{ padding:0 30px; width:790px; overflow:hidden; border-bottom:15px solid #8FD1EE; } div#divNarabi ul.seibetu3 li{ margin: 0 20px 0 0; width: 250px; display:block; border-radius:15px 15px 0 0; float:left; position: relative; vertical-align: middle; text-decoration: none; } div#divNarabi ul.seibetu3 li a{ padding:15px 0 55px; text-align:center; font-size:40px; font-family: "Rounded Mplus 1c"; font-weight:700; color:#ffffff; display:block; } div#divNarabi ul.seibetu3 li a:hover{ text-decoration:none; opacity:0.8; } div#divNarabi ul.seibetu3 li:last-of-type{ margin:0; } div#divNarabi ul.seibetu3 li::before, div#divNarabi ul.seibetu3 li::after{ margin: 0 0 0 -18px; position: absolute; top: 80px; bottom: 0; left: 50%; content: ""; vertical-align: middle; } div#divNarabi ul.seibetu3 li::before{ width: 36px; height: 36px; border-radius: 50%; background: #ffffff; } div#divNarabi ul.seibetu3 li::after{ margin: 0 0 0 -7px; top:88px; width: 10px; height: 10px; border: 3px solid #8FD1EE; border-top:none; border-left:none; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } div#divNarabi ul.seibetu2 li.mens, div#divNarabi ul.seibetu3 li.mens{ background:#8FD1EE; } div#divNarabi ul.seibetu2 li.ladys, div#divNarabi ul.seibetu3 li.ladys{ background:#F4AFB3; } div#divNarabi ul.seibetu2 li.mens::after, div#divNarabi ul.seibetu3 li.mens::after{ border-color:#8FD1EE; } div#divNarabi ul.seibetu2 li.ladys::after, div#divNarabi ul.seibetu3 li.ladys::after{ border-color:#F4AFB3; } div#divNarabi ul.seibetu3 li.kids{ background:#F4DC91; } div#divNarabi ul.seibetu3 li.kids::after{ border-color:#F4DC91; } /*--◆ イベント＆特集リスト　------------------------------------------------------------*/ #eventList{} #eventList #wrapContents{ margin: 50px auto; width:1050px; font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } #eventList h1{ padding: 0 0 10px; font-size:2em; letter-spacing:0.1em; font-family: "Rounded Mplus 1c", Meiryo, sans-serif; font-weight:400; color:#555555; border-bottom:1px dotted #444444; position:relative; } #eventList h1 span{ padding: 0 0 0 48px; display:block; } #eventList h1 img{ position: absolute; margin: -24px 0 0; top: 50%; left: 10px; } #eventList #select{ margin:50px 0; padding:30px; background:#ECECEC; color:#424242; overflow:hidden; border-radius:3px; } #eventList #select h2{ margin: 10px 30px 0 -30px; padding: 0 0 0 30px; border-left: 5px solid #666666; float:left; } #eventList #select input{ display:none; } #eventList #select label{ margin: 0 10px 0 0; padding:10px 20px; font-size:0.85em; letter-spacing:0.1em; background:#f6f6f6; border:2px solid #999999; display:inline-block; } #eventList #select label.selected{ color:#ffffff; background:#13857B; border:2px solid #13857B; } #eventList #select p{ margin: 0 20px 0 0; padding: 0 10px 0 0; border-right:1px dotted #666666; float:left;} #eventList #result{ margin: 0 -15px 0 0; padding: 0 0 0 25px; } #eventList section { width:428px; margin: 0 30px 30px 0; padding:30px; float:left; overflow:hidden; letter-spacing:0.05em; background:#f3f3f3; border-radius:3px; position:relative; } #eventList section img{ width:428px; height:428px; } #eventList section dl{ padding: 0; font-size:0.75em; line-height:1.3; text-align:justify; text-justify:inter-ideograph; word-break: break-all; color:#444444; } #eventList section dl dt{ margin: 0 0 7px; font-weight:bold; text-indent:-0.5em; } #eventList section a{ width:100%; height:100%; position:absolute; display:block; top:0; left:0; } #eventList section a:hover{ background:rgba(255,255,255,0.3); } #eventList section ul.icon { margin:15px 0; overflow:hidden; } #eventList section ul.icon li{ margin: 0 10px 0 0; padding:3px 10px; font-size:0.6em; font-weight:bold; background:#ddd; border-radius:3px; white-space:nowrap; display:inline-block; float:left; } #eventList #result [class*="hidden-"] { display:none; } /*--◆ アイテム特集　------------------------------------------------------------*/ /*----------------------------------------------------------*/ /*【2017.4】レインシューズ特集*/ #tokusyuRain{} #tokusyuRain .searchArea h3{ padding: 0 0 5px; font-family: "Estrangelo Edessa"; font-weight:400; font-size:2em; letter-spacing:0.07em; color:#4596d9; border-bottom: 1px dotted #4596d9; } #tokusyuRain .searchArea h3.brand{ padding:10px; margin:50px 0 -50px; text-align:center; font-size:3em; } #tokusyuRain .searchArea ul{} #tokusyuRain .searchArea ul.type{ padding: 5px 10px 0; overflow:hidden; } #tokusyuRain .searchArea ul.type li{ margin: 0 20px 0 0; float:left; } #tokusyuRain .searchArea ul.type li:last-of-type{ margin:0; } #tokusyuRain .searchArea ul.price a::before, #tokusyuRain .searchArea ul.size a::before{ background:#4596d9; } #tokusyuRain .searchArea ul.price a::after, #tokusyuRain .searchArea ul.size a::after{ border-color:#4596d9; } #tokusyuRain .intro{ margin:0 40px 40px; overflow:hidden; } #tokusyuRain .intro img{ margin: 0 30px 0 0; float:left; } #tokusyuRain .lookStyle{ width:calc(100% - 1px); } /*----------------------------------------------------------*/ /*【2017.4】サンダル特集*/ #tokusyuSandal{} #tokusyuSandal .searchArea h3{ padding: 0 0 5px; font-family: "Rounded Mplus 1c"; font-weight:500; letter-spacing:0.07em; color:#4596d9; border-bottom: 1px dotted #4596d9; } #tokusyuSandal .searchArea ul{} #tokusyuSandal .searchArea ul.price a::before, #tokusyuSandal .searchArea ul.size a::before{ background:#4596d9; } #tokusyuSandal .searchArea ul.price a::after, #tokusyuSandal .searchArea ul.size a::after{ border-color:#4596d9; } /*----------------------------------------------------------*/ /*【2017.4】スニーカー特集*/ #tokusyuSneaker{} #tokusyuSneaker .searchArea h3{ padding: 0 0 5px; font-family: "Rounded Mplus 1c"; font-weight:500; letter-spacing:0.07em; color:#4D4D4D; border-bottom: 1px solid #4D4D4D; } #tokusyuSneaker .searchArea ul{} #tokusyuSneaker .searchArea ul.price a::before, #tokusyuSneaker .searchArea ul.size a::before{ background:#4596d9; } #tokusyuSneaker .searchArea ul.price a::after, #tokusyuSneaker .searchArea ul.size a::after{ border-color:#4596d9; } #tokusyuSneaker .kodomokutsu{ margin:0 0 80px; padding:20px 40px; background:#FFF4AD; border-radius:10px;} #tokusyuSneaker .kodomokutsu dl{ font-family: "Rounded Mplus 1c"; } #tokusyuSneaker .kodomokutsu dl dt{ text-align:center; color:#FFB600; font-size:2em; font-weight:bold; } #tokusyuSneaker .kodomokutsu dl dd{ margin:10px 0; text-align:center; font-size:0.9em; line-height:1.5; } #tokusyuSneaker #column{ font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; color:#646464; } #tokusyuSneaker #column div{ width:850px; position:relative; } #tokusyuSneaker #column dt{ padding: 0 0 7px; font-size:1.6em; letter-spacing:0.1em; border-bottom:1px dashed #7b7b7b; display:inline; position:absolute; z-index:1; } #tokusyuSneaker #column dt span{ display:inline; color:#10897f; } #tokusyuSneaker #column dd{ position:absolute; } #tokusyuSneaker #column dd.text{ font-size:0.9em; line-height:1.7; letter-spacing:0.05em; } #tokusyuSneaker #column .col00{ margin:40px; width:auto; min-height:153px; padding:15px; overflow:hidden; } #tokusyuSneaker #column .col00 img{ position:absolute; top:15px; left:15px; } #tokusyuSneaker #column .col00 dl{ padding: 0 0 0 245px; width:490px; letter-spacing:0.05em; } #tokusyuSneaker #column .col00 dl dt{ margin : 0 0 10px; font-size:1em; font-weight:bold; border:none; position:static; display:block; } #tokusyuSneaker #column .col00 dl dd{ font-size:0.82em; line-height:1.5; position:static; } #tokusyuSneaker #column.mens .col00{ border:1px solid #A5A5A5; } #tokusyuSneaker #column.mens .col01{ height:510px; } #tokusyuSneaker #column.mens .col01 dt{ top:30px; left:0; } #tokusyuSneaker #column.mens .col01 dd.text{ width:400px; top:170px; left:0; } #tokusyuSneaker #column.mens .col01 dd.p01{ top:100px; left:35px; } #tokusyuSneaker #column.mens .col01 dd.p02{ top:0; right:0; } #tokusyuSneaker #column.mens .col02{ margin: 50px 0; height:380px; } #tokusyuSneaker #column.mens .col02 dt{ width:300px; top:60px; right:0; } #tokusyuSneaker #column.mens .col02 dd.text{ width:300px; top:160px; right:0; } #tokusyuSneaker #column.mens .col02 dd.p01{ top:0; left:0; } #tokusyuSneaker #column.ladys .col00{ background:#f7f0f3; } #tokusyuSneaker #column.ladys .col01{ height:520px; } #tokusyuSneaker #column.ladys .col01 dt{ top:10px; left:0; } #tokusyuSneaker #column.ladys .col01 dt span{ color:#a3698d; } #tokusyuSneaker #column.ladys .col01 dd.text{ width:340px; top:150px; left:0; } #tokusyuSneaker #column.ladys .col01 dd.p01{ top:80px; left:35px; } #tokusyuSneaker #column.ladys .col01 dd.p02{ top:0; right:0; } #tokusyuSneaker #column.ladys .col02{ margin: 20px 0 50px; height:380px; } #tokusyuSneaker #column.ladys .col02 dt{ width:300px; top:60px; right:0; } #tokusyuSneaker #column.ladys .col02 dd.text{ width:300px; top:160px; right:0; } #tokusyuSneaker #column.ladys .col02 dd.p01{ top:0; left:0; } #tokusyuSneaker #column.kids{ margin: 0 0 50px; } #tokusyuSneaker #column.kids *{ position:static; } #tokusyuSneaker #column.kids dl{ margin:50px 0 20px; background:#dfffa8; overflow:hidden; } #tokusyuSneaker #column.kids dt{ padding: 0 20px 10px; background:#ffffff; color:#6e962d; font-family: "Rounded Mplus 1c"; font-weight:500; display:block; border:none; } #tokusyuSneaker #column.kids dd.p01{ margin: 0 0 0 20px; float:right; } #tokusyuSneaker #column.kids dd.text{ padding:20px; color:#5e694c; font-size:0.9em; line-height:1.7; font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } #tokusyuSneaker div.sele > p.more {padding:10px 0 0; font-size:25px; font-weight:bold;} #tokusyuSneaker div.sele > p.more a{ width:600px; display:block; background:#fdba25; margin:30px auto; border-radius:20px;} /*----------------------------------------------------------*/ /*【2017.9】ブーツ特集*/ #tokusyuBoots{} #tokusyuBoots h2{ margin: 40px 0 0; } #tokusyuBoots .searchArea h3{ padding: 0 0 5px; font-family: "Sawarabi Mincho"; font-weight:500; letter-spacing:0.07em; color:#4D4D4D; border-bottom: 1px solid #4D4D4D; } #tokusyuBoots .searchArea ul{} #tokusyuBoots .searchArea ul.price a::before, #tokusyuBoots .searchArea ul.size a::before{ background:#4596d9; } #tokusyuBoots .searchArea ul.price a::after, #tokusyuBoots .searchArea ul.size a::after{ border-color:#4596d9; } #tokusyuBoots .kodomokutsu{ margin:0 0 80px; padding:20px 40px; background:#FFF4AD; border-radius:10px;} #tokusyuBoots .kodomokutsu dl{ font-family: "Rounded Mplus 1c"; } #tokusyuBoots .kodomokutsu dl dt{ text-align:center; color:#FFB600; font-size:2em; font-weight:bold; } #tokusyuBoots .kodomokutsu dl dd{ margin:10px 0; text-align:center; font-size:0.9em; line-height:1.5; } #tokusyuBoots #column{ font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; color:#646464; } #tokusyuBoots #column div{ width:850px; position:relative; } #tokusyuBoots #column dt{ padding: 0 0 7px; font-family: "Sawarabi Mincho"; font-size:1.5em; display:inline; position:absolute; z-index:1; } #tokusyuBoots #column dt span{ display:inline; color:#10897f; } #tokusyuBoots #column dd{ position:absolute; } #tokusyuBoots #column dd.text{ font-size:0.9em; line-height:1.7; letter-spacing:0.05em; } #tokusyuBoots #column .col00{ margin:40px; width:auto; min-height:153px; padding:15px; overflow:hidden; } #tokusyuBoots #column .col00 img{ position:absolute; top:15px; left:15px; } #tokusyuBoots #column .col00 dl{ padding: 0 0 0 245px; width:490px; letter-spacing:0.05em; } #tokusyuBoots #column .col00 dl dt{ margin: 0 0 5px; font-size:1.1em; letter-spacing:0.1em; font-weight:bold; border:none; position:static; display:block; } #tokusyuBoots #column .col00 dl dd{ font-size:0.82em; line-height:1.5; position:static; } #tokusyuBoots #column.mens .col00{ border:1px solid #A5A5A5; } #tokusyuBoots #column.mens .col01{ height:335px; } #tokusyuBoots #column.mens .col01 dt{ top:30px; left:0; } #tokusyuBoots #column.mens .col01 dd.text{ width:320px; top:125px; left:0; } #tokusyuBoots #column.mens .col01 dd.p02{ top:0; right:0; } #tokusyuBoots #column.mens .col02{ margin: 20px 0; height:320px; } #tokusyuBoots #column.mens .col02 dt{ width:350px; top:30px; right:0; } #tokusyuBoots #column.mens .col02 dd.text{ width:350px; top:130px; right:0; } #tokusyuBoots #column.mens .col02 dd.p01{ top:0; left:0; } #tokusyuBoots #column.ladys .col00{ background:#f7f0f3; } #tokusyuBoots #column.ladys .col01{ height:520px; } #tokusyuBoots #column.ladys .col01 dt{ top:10px; left:0; } #tokusyuBoots #column.ladys .col01 dt span{ color:#a3698d; } #tokusyuBoots #column.ladys .col01 dd.text{ width:350px; top:150px; left:0; } #tokusyuBoots #column.ladys .col01 dd.p01{ top:80px; left:35px; } #tokusyuBoots #column.ladys .col01 dd.p02{ top:0; right:0; } #tokusyuBoots #column.ladys .col02{ margin: 20px 0 50px; height:380px; } #tokusyuBoots #column.ladys .col02 dt{ width:300px; top:60px; right:0; } #tokusyuBoots #column.ladys .col02 dd.text{ width:300px; top:160px; right:0; } #tokusyuBoots #column.ladys .col02 dd.p01{ top:0; left:0; } #tokusyuBoots #column.kids{ margin: 0 0 50px; } #tokusyuBoots #column.kids *{ position:static; } #tokusyuBoots #column.kids dl{ margin:50px 0 20px; background:#dfffa8; overflow:hidden; } #tokusyuBoots #column.kids dt{ padding: 0 20px 10px; background:#ffffff; color:#6e962d; font-family: "Rounded Mplus 1c"; font-weight:500; display:block; border:none; } #tokusyuBoots #column.kids dd.p01{ margin: 0 0 0 20px; float:right; } #tokusyuBoots #column.kids dd.text{ padding:20px; color:#5e694c; font-size:0.9em; line-height:1.7; font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } /*----------------------------------------------------------*/ /*【2017.4】Tシャツ特集*/ #tokusyuTee{} #tokusyuTee .searchArea h3{ padding: 0 0 5px; font-family: "Rounded Mplus 1c"; font-weight:500; letter-spacing:0.07em; color:#FFA800; border-bottom: 3px double #FFA800; } #tokusyuTee .searchArea ul{} #tokusyuTee .searchArea ul.price a::before, #tokusyuTee .searchArea ul.size a::before{ background:#FFA800; } #tokusyuTee .searchArea ul.price a::after, #tokusyuTee .searchArea ul.size a::after{ border-color:#FFA800; } /*----------------------------------------------------------*/ /*【2017.11】インスタグラム特集*/ #tokusyuInsta{ letter-spacing:0.05em; color:#333333; text-align: justify; text-justify: inter-ideograph; } #tokusyuInsta p.intro{ margin:80px auto 0; font-size:20px; line-height:1.6; text-align:center; border-top: dashed 1px #999; border-bottom: dashed 1px #999; width:550px; padding:10px 0; } #tokusyuInsta dl.intro{ margin: 0 0 100px; padding: 0 100px 100px; border-bottom:1px solid #999999; } #tokusyuInsta dl.intro dt{ margin: 0 0 10px; font-weight:bold; color:#f3006e; } #tokusyuInsta p[class^="modal"] img{ width:100%; height:auto; } #tokusyuInsta div.item{ margin:50px 0 100px; padding:0 30px; } #tokusyuInsta div.item dl{ height:376px; display:block; position:relative; background:#FFFFFF; margin:120px 0 0; } #tokusyuInsta div.item dl dt{ width:480px; font-size:25px; font-weight:bold; letter-spacing:0.1em; display:block; position:absolute; top:60px; left:550px; } #tokusyuInsta div.item dl dt.nagai{ width:480px; font-size:20px; font-weight:bold; letter-spacing:0.1em; display:block; position:absolute; top:60px; left:550px; } #tokusyuInsta div.item dl dd{ position:absolute; display:block; } #tokusyuInsta div.item dl dd.img{ top:25px; left:25px;} #tokusyuInsta div.item dl dd.img img{ width:500px; } #tokusyuInsta div.item dl dd.irosuu{ font-size:18px; top:30px; right:45px; font-weight:bold; } #tokusyuInsta div.item dl dd.irosuu:before{ content:"全"; font-size:80%; } #tokusyuInsta div.item dl dd.irosuu:after{ content:"色"; font-size:80%; } #tokusyuInsta div.item dl dd.itemp { bottom:70px; right:260px; } #tokusyuInsta div.item dl dd.itemp img{ width:180px; } #tokusyuInsta div.item dl dd.text{ width:180px; font-size:13px; bottom:100px; right:45px; letter-spacing:0.05em;line-height:1.7;} #tokusyuInsta div.item dl dd.textct{ width:380px; font-size:16px; top:35px; left:550px; } #tokusyuInsta div.item dl dd.cart{ width:200px; height:41px; text-align:right; bottom:35px; right:50px; overflow:hidden; } #tokusyuInsta div.item dl dd.cart1{ width:200px; height:41px; text-align:right; bottom:35px; right:250px; overflow:hidden; } #tokusyuInsta div.item dl dd.cart img, #tokusyuInsta div.item dl dd.cart1 img{ margin: 0 0 0 20px; width:35px; height:auto; float:right; } #tokusyuInsta div.item dl dd.cart span, #tokusyuInsta div.item dl dd.cart1 span{ padding: 10px 0 0 0; } #tokusyuInsta div.other { margin:50px 0 100px; text-align:center; } #tokusyuInsta div.other p.brand { margin:30px 0; } #tokusyuInsta div.other p.brand img { width:860px; } #tokusyuInsta div.other p.mozi{ margin:150px auto 0; } #tokusyuInsta div.other p.follow{ margin:30px; } #tokusyuInsta div.other p.akaunto{ background:#000000; width:500px; font-size:25px; color:#FFFFFF; padding:5px 0; margin:10px auto; } #tokusyuInsta div.other p.akaunto a:link{ color:#FFFFFF; } #tokusyuInsta div.other p.akaunto a:visited { color: #FFFFFF; } #tokusyuInsta div.other p.insutasetu{ font-size:23px; margin:20px; } #tokusyuInsta a img:hover{ opacity:0.6; } #tokusyuInsta div.view img:hover{ opacity:0.6; } #tokusyuInsta div.view { background:#000000 } #tokusyuInsta { font-family:'ヒラギノ丸ゴ Pro W4'; } #tokusyuInsta div.back{ background:#f9f9f9; width:100%;} #tokusyuInsta div.narabi{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:20px; margin:0 0 100px;} #tokusyuInsta div.itemnarabi{ background:#FFFFFF; text-align:center; margin:0 13px 10px 0; width:calc((100% - 26px) / 3); padding:10px 0 20px;} #tokusyuInsta div.itemnarabi:nth-of-type(3n){ margin:0 0 10px 0;} #tokusyuInsta div.itemnarabi img{ width:100%;} #tokusyuInsta div.itemnarabi span.itemname{ font-size:20px; font-weight:bold; margin:0 0 10px;} #tokusyuInsta div.itemnarabi span.itemname:before{ content: "#";} #tokusyuInsta div.itemnarabi span.itemname span{ font-size:80%; color:#949494;} #tokusyuInsta div.itemnarabi div.price{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin:0 0 5px;} #tokusyuInsta div.itemnarabi span.status{ padding:5px 10px; margin:0 10px 0 0; font-size:14px; border-radius:6px; font-weight:bold;} #tokusyuInsta div.itemnarabi span.ladys{ background:#f5b3c7;} #tokusyuInsta div.itemnarabi span.kids{ background:#f7c16c;} #tokusyuInsta div.itemnarabi span.mens{ background:#9ad3e5;} #tokusyuInsta div.itemnarabi span.price{ line-height:2; font-weight:bold; font-size:16px;} #tokusyuInsta div.itemnarabi span.price:before{ content: "￥";} #tokusyuInsta div.itemnarabi span.price:after{ content: "(税込)"; font-size:60%;} #tokusyuInsta p.midashiitem{ font-size:30px; text-align:center; margin:100px 0 0; font-weight:bold; color:#333;} /*----------------------------------------------------------*/ /*【2018.5】アウトドア特集*/ #tokusyuOutdoor .anchor{ margin: 0 0 0 555px; width:140px; background:#ffffff; border:5px solid #40A8F3; border-radius:5px; position:fixed; top:150px; left:50%; z-index:9999; } #tokusyuOutdoor .anchor li{ border-bottom:1px dotted #ACACAC; } #tokusyuOutdoor .anchor li:last-of-type{ border-bottom:none; } #tokusyuOutdoor .anchor li a{ padding:10px 30px 10px; font-size:15px; color:#4B4B4B; font-family: "Mplus 1p"; text-decoration:none; display:block; position: relative; } #tokusyuOutdoor .anchor li a:hover{ background:#f2f2f2; } #tokusyuOutdoor .anchor li a:before, #tokusyuOutdoor .anchor li a:after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; } #tokusyuOutdoor .anchor li a:before{ left: 10px; width: 7px; height: 3px; background: #40A8F3; } #tokusyuOutdoor .anchor li a:after{ left: 10px; width: 6px; height: 6px; border-top: 3px solid #40A8F3; border-right: 3px solid #40A8F3; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #tokusyuOutdoor h3{ padding: 0 0 5px; font-family: "Rounded Mplus 1c"; font-weight: 500; letter-spacing: 0.07em; color: #40A8F3; border-bottom: 3px double #40A8F3; font-size: 2em; } #tokusyuOutdoor div#divNarabi .textfont { font-size: 20px; font-weight: bold; } /*--◆ 季節・イベント特集　------------------------------------------------------------*/ /*----------------------------------------------------------*/ /*【2017.2】バレンタイン特集*/ .tokusyuVt{ font-family:'ヒラギノ角ゴシックProN','メイリオ',sans-serif; line-height:1; } .tokusyuVt #wrapContents{ padding: 0 0 200px; width:100%; text-align:center; background:#b22027; } .tokusyuVt .topContents{ margin: 0 auto 100px; width:1050px; background:#ffffff; border-radius:10px; } .tokusyuVt .topContents table{ margin: 0 auto; width:950px; } #saleBase.tokusyuVt #wrapContents #divNarabi{ width:1050px; } /*----------------------------------------------------------*/ /*【2017.3】ホワイトデー特集*/ #tokusyuWt{ font-family:'ヒラギノ角ゴシックProN','メイリオ',sans-serif; line-height:1; } #tokusyuWt #wrapContents{ padding: 0 0 50px; width:100%; text-align:center; background:#575663; } #tokusyuWt .con{ margin: 50px auto 100px; padding:50px; width:960px; background:#ffffff; border-radius:30px; } #tokusyuWt h1 img, #tokusyuWt .con .intro img{ width:100%; } #tokusyuWt h1, #tokusyuWt h2 { margin:0 auto; width:1050px; } #tokusyuWt h3 { margin:150px 0 50px; background: #bff8fa; -webkit-box-shadow: 0px 0px 0px 5px #bff8fa; box-shadow: 0px 0px 0px 5px #bff8fa; border: solid 2px #ffffff; padding: 40px 20px; color: #575663; font-size:30px; letter-spacing:0.1em; border-radius:5px; } #tokusyuWt h3.medama{ background: #CB2326; -webkit-box-shadow: 0px 0px 0px 5px #CB2326; box-shadow: 0px 0px 0px 5px #CB2326; color:#ffffff; } #tokusyuWt h3:first-of-type{ margin-top:0; } #tokusyuWt h4 { margin:100px 0 10px; background: #D8CA9F; -webkit-box-shadow: 0px 0px 0px 5px #D8CA9F; box-shadow: 0px 0px 0px 5px #D8CA9F; border: dashed 2px #B81215; padding: 15px; color: #B81215; font-size:24px; letter-spacing:0.1em; border-radius:5px; } #tokusyuWt div.item{ margin:0 auto; padding:0; width:960px; height:1200px; position:relative; } #tokusyuWt div.item > p, #tokusyuWt div.item > a, #tokusyuWt div.item > img, #tokusyuWt div.item > dl{ position:absolute; } #tokusyuWt div.item p{ font-size:14px; line-height:1.4; color:#3B1010; text-align:left; text-align: justify; text-justify: inter-ideograph; } #tokusyuWt div.item > a{ top:0; left:130px; display:block; } #tokusyuWt div.item p.detail{ margin:40px 15px; top:720px; } #tokusyuWt div.item dl{ width:500px; color:#45454d; line-height:1.5; text-align:left; top:1020px; left:40px; } #tokusyuWt div.item dl dt{ margin: 0 0 10px; font-size:120%; font-weight:bold; text-indent:-8px; } #tokusyuWt div.item dl dd{ text-align: justify; text-justify: inter-ideograph; } #tokusyuWt div.item p.price{ font-size:50px; color:#cb1522; line-height:0.8; top:1030px; right:45px; } #tokusyuWt div.item p.price span{ font-size:60%; } #tokusyuWt div.item p.btn{ top:1090px; right:40px; } #tokusyuWt div.item.medama p.price2z{ font-size:17px; color:#45454d; line-height:1.4; top:1020px; left:585px; } #tokusyuWt div.item.medama p.price{ font-size:68px; color:#cb1522; line-height:0.8; letter-spacing:-0.01em; font-weight:bold; top:1070px; right:45px; } #tokusyuWt div.item.medama p.price span{ font-size:45%; } #tokusyuWt div.item.medama p.btn{ top:1150px; } #tokusyuWt table.item{ margin:50px auto; } #tokusyuWt table.item td{ width:400px; border:1px solid #D5D2C5; border-radius:10px; } #tokusyuWt table.item td > a{ padding:20px; width:400px; height:auto; -webkit-box-sizing:border-box; box-sizing:border-box; display:block; position:relative; } #tokusyuWt table.item td > a img{ width:100%; } #tokusyuWt table.item td img.icon02{ width:110px; top:315px; left:-5px; position:absolute; } #tokusyuWt table.item td p{ margin: 0 0 15px; font-size:14px; line-height:1.3; color:#45454d; text-align:center; } #tokusyuWt table.item td p.price{ width:400px; color:#cb1522; text-align:center; font-size:45px; line-height:0.8; top:490px; left:0; } #tokusyuWt table.item td p.price span{ font-size:60%; } #tokusyuWt table.item td p.btn{ margin:20px auto; width:280px; } #tokusyuWt table.goods{ margin:30px auto; } #tokusyuWt table.goods td{ width:260px; border:1px solid #D5D2C5; border-radius:10px; } #tokusyuWt table.goods td > a{ padding:20px; width:250px; height:auto; -webkit-box-sizing:border-box; box-sizing:border-box; display:block; } #tokusyuWt table.goods td > a img{ width:100%; } #tokusyuWt table.goods td p{ margin: 0 0 10px; font-size:14px; line-height:1.5; color:#45454d; text-align:center; } #tokusyuWt table.goods td p.price{ width:260px; color:#cb1522; text-align:center; font-size:30px; line-height:0.8; top:490px; left:0; } #tokusyuWt table.goods td p.price span{ font-size:60%; } #tokusyuWt table.goods td p.btn{ margin:15px auto; width:160px; } #tokusyuWt p.space{ margin:150px 0 0; padding: 150px 0 0; border-top:2px dotted #bab6b6; } #tokusyuWt dl.otodoke{ margin:50px auto 0; width:950px; padding: 40px 50px; background:#bff8fa; border-radius:10px; font-size:24px; line-height:1.5; } #tokusyuWt dl.otodoke dt{ margin: 0 0 10px; color:#008f94; font-size:130%; } #tokusyuWt dl.otodoke dd span{ color:#A7191C; font-weight:bold; } #tokusyuWt ul.brandLogo{ margin: 40px auto; width:860px; overflow:hidden; } #tokusyuWt ul.brandLogo li{ margin: 0 20px 20px 0; float:left; } #tokusyuWt ul.brandLogo li:nth-of-type(4n){ margin: 0 0 20px; } #tokusyuWt ul.brandLogo li a{ padding: 0 10px; width:200px; border:1px solid #D5D2C5; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; display:block; } #tokusyuWt ul.brandLogo li a img{ width:100%; } #tokusyuWt a.schBtn{ margin:-20px 150px 0; padding:15px; font-size:24px; font-weight:bold; text-decoration:none; text-align:center; background:#575663; border-radius:60px; display:block; color:#ffffff; clear:both; } #tokusyuWt a.schBtn:hover{ background:#9493A1; color:#ffffff; } #tokusyuWt div#divNarabi + a.schBtn{ margin-top:10px; } #tokusyuWt a.schBtn{ position: relative; vertical-align: middle;} #tokusyuWt a.schBtn::before, #tokusyuWt a.schBtn::after{ position: absolute; top: 0; bottom: 0; right:20px; margin: auto; content: ""; vertical-align: middle; } #tokusyuWt a.schBtn::before{ width: 30px; height: 30px; border-radius: 50%; background: #ffffff; } #tokusyuWt a.schBtn::after{ right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8px; height: 8px; border: 8px solid transparent; border-left: 10px solid #575663;} #tokusyuWt .soldout > a{ background:url(https://image.rakuten.co.jp/z-craft/cabinet/sale16/sold-out2.gif) no-repeat; } #tokusyuWt .soldout > a img.main{ opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; } #tokusyuWt table.item td.soldout > a{ background-size:400px; } /*----------------------------------------------------------*/ /*【2017.4】おでかけアイテム特集*/ #tokusyuGw{} #tokusyuGw .searchArea h3{ padding: 0 0 5px; font-family: "Rounded Mplus 1c"; font-weight:500; letter-spacing:0.07em; color:#000100; border-bottom: 6px double #FFF17E; } #tokusyuGw .searchArea ul{} #tokusyuGw .searchArea ul.price a::before, #tokusyuGw .searchArea ul.size a::before{ background:#49C1F5; } #tokusyuGw .searchArea ul.price a::after, #tokusyuGw .searchArea ul.size a::after{ border-color:#49C1F5; } #tokusyuGw div#divNarabi .sele > p.seleTitle{ padding: 10px 20px; font-family: "Rounded Mplus 1c"; } #tokusyuGw .seleTitleSub{ padding: 10px 20px; font-size:1.2em; line-height:1.5; letter-spacing:0.05em; color:#585036; font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; text-align:center; } /*----------------------------------------------------------*/ /*【2017.4】キッズフェア特集*/ #tokusyuKidsday div#divNarabi .sele{ background:#C6F2F5; } #tokusyuKidsday div#divNarabi .sele > p.osusume{ color:#6badb3; font-size:12px; text-align:center; padding-top:30px; } #tokusyuKidsday div#divNarabi .sele > p a{ background:#6badb3; font-size:12px; } #tokusyuKidsday div#divNarabi .sele > p a:hover{ background:#8fc7cc; } #tokusyuKidsday div#divNarabi .sele > p.seleTitle{ padding:5px 20px; background:#6badb3; font-family: "Rounded Mplus 1c"; font-weight:700; } #tokusyuKidsday .searchArea ul.price a::before, #tokusyuKidsday .searchArea ul.size a::before{ background:#6badb3; } #tokusyuKidsday .searchArea ul.price a::after, #tokusyuKidsday .searchArea ul.size a::after{ border-color:#6badb3; } #tokusyuKidsday span.price1{ background:#ffffff; padding: 5px 0; color:#6badb3; } #tokusyuKidsday div#divNarabi .sele > p.seleTitleSub { padding: 10px 20px; font-size: 1.2em; text-align:center; line-height: 1.5; letter-spacing: 0.05em; color: #4d7b80; } #tokusyuKidsday .searchArea h3 { padding: 0 0 5px; font-weight: 500; font-size: 1.8em; letter-spacing: 0.07em; color: #6badb3; border-bottom: 1px dashed #6badb3; } #tokusyuKidsday ul.brandichiran{ margin: 20px 15px 0; padding:0; text-align:center; width:830px; overflow:hidden; } #tokusyuKidsday ul.brandichiran li{ width:80px; margin: 0 10px 10px 0; border:1px solid #cccccc; background-color:#ffffff; float:left; } #tokusyuKidsday ul.brandichiran li img{ width:70px; height:45px; margin: 0 0 5px; } #tokusyuKidsday ul.brandichiran li a{ display:block; text-align:center; font-size:0.7em; padding:5px; color:#333333; min-height:75px; height:85px; text-decoration:none; } #tokusyuKidsday ul.brandichiran li a:hover{ text-decoration:underline; } #tokusyuKidsday p.brand{ text-align:center;font-size:18px;font-family:メイリオ; } /*----------------------------------------------------------*/ /*【2017.5】母の日特集*/ #tokusyu2017mother{} #tokusyu2017mother .searchArea h3{ padding: 0 0 5px; font-family: "Hannari",'ＭＳ 明朝'; font-weight:500; font-size:1.8em; letter-spacing:0.07em; color:#F24A5B; border-bottom: 1px dashed #F24A5B; } #tokusyu2017mother .searchArea ul{} #tokusyu2017mother .searchArea ul.price a::before, #tokusyu2017mother .searchArea ul.size a::before{ background:#F24A5B; } #tokusyu2017mother .searchArea ul.price a::after, #tokusyu2017mother .searchArea ul.size a::after{ border-color:#F24A5B; } #tokusyu2017mother div#divNarabi .sele > p.seleTitle{ padding:10px 20px 20px; font-family: "Hannari",'ＭＳ 明朝'; font-weight:500; font-size:3em; } #tokusyu2017mother .seleTitleSub{ padding: 10px 20px; font-size:0.85em; line-height:1.5; letter-spacing:0.05em; color:#585036; font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } /*----------------------------------------------------------*/ /*【2017.6】父の日特集*/ #tokusyu2017father{} #tokusyu2017father div.tyumon{ padding:20px 30px 30px; text-align:center; color:#444444; background:#EBF2F8; border:4px double #2584C3; font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } #tokusyu2017father div.tyumon h3{ margin:5px 0 0; font-size:26px; letter-spacing:0.1em; color:#C20000; } #tokusyu2017father div.tyumon h3 img{ vertical-align:baseline;} #tokusyu2017father div.tyumon h4{ margin: 20px 0 10px; padding:15px 10px 10px; color:#ffffff; font-weight:bold; font-size:23px; line-height:1; letter-spacing:0.05em; background:#76add2; display:block; border-radius:5px; } #tokusyu2017father div.tyumon p{ font-size:18px; line-height:1.5; letter-spacing:0.05em;} #tokusyu2017father div.tyumon p strong{ color:#C20000; } #tokusyu2017father div.tyumon ul{ margin:10px 20px 20px; text-align:left; } #tokusyu2017father div.tyumon ul li{ margin: 0 0 5px 14px; font-size:14px; line-height:1.3; text-indent:-14px; color:#6F6F6F; } #tokusyu2017father .searchArea h3{ padding: 0 0 5px; font-family: "Hannari",'ＭＳ 明朝'; font-weight:500; font-size:1.8em; letter-spacing:0.07em; color:#0074C1; border-bottom: 1px solid #0074C1; } #tokusyu2017father .searchArea ul{} #tokusyu2017father .searchArea ul.price a::before, #tokusyu2017father .searchArea ul.size a::before{ background:#0074C1; } #tokusyu2017father .searchArea ul.price a::after, #tokusyu2017father .searchArea ul.size a::after{ border-color:#0074C1; } #tokusyu2017father div#divNarabi .sele > p.seleTitle{ padding:10px 20px 20px; font-family: "Hannari",'ＭＳ 明朝'; font-weight:500; font-size:3em; } #tokusyu2017father .seleTitleSub{ padding: 10px 20px; font-size:0.85em; line-height:1.5; letter-spacing:0.05em; color:#585036; font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } #tokusyu2017father div.top{ margin: 20px 10px; width:calc(100% - 30px); height:200px; display:table; border-collapse:separate; border-spacing:20px; } #tokusyu2017father div.top p{ margin:0; padding:0; height:200px; display:table-cell; vertical-align:middle; background:#ffffff; border-radius:5px; } #tokusyu2017father div.top p:nth-of-type(2){ padding: 0 20px; width:100%; line-height:1.5; text-align:center; font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } #tokusyu2017father div.top img{ margin:10px; width:180px; height:auto; } #tokusyu2017father a.otherBtn{ margin:40px 20px 0; padding:30px 20px; font-size:2.5em; line-height:1.2; font-weight:bold; text-decoration:none; text-align:center; background:#0074C1; border-radius:60px; display:block; color:#ffffff; } #tokusyu2017father a.otherBtn:hover{ background:#3094D7; color:#ffffff; text-decoration:none; } #tokusyu2017father a.otherBtn{ position: relative; vertical-align: middle;} #tokusyu2017father a.otherBtn::before, #tokusyu2017father a.otherBtn::after{ position: absolute; top: 0; bottom: 0; right:20px; margin: auto; content: ""; vertical-align: middle; } #tokusyu2017father a.otherBtn::before{ width: 60px; height: 60px; border-radius: 50%; background: #ffffff; } #tokusyu2017father a.otherBtn::after{ right: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 15px; height: 15px; border: 15px solid transparent; border-left: 15px solid #0074C1;} /*----------------------------------------------------------*/ /*【2017.6】ストリート特集*/ #tokusyuSandal{} #tokusyuSandal .searchArea h3{ padding: 0 0 10px; font-family: "Rounded Mplus 1c"; font-weight:500; letter-spacing:0.07em; color:#4596d9; border-bottom: 3px dotted #4596d9; } #tokusyuSandal .searchArea ul{} #tokusyuSandal .searchArea ul.price a::before, #tokusyuSandal .searchArea ul.size a::before{ background:#4596d9; } #tokusyuSandal .searchArea ul.price a::after, #tokusyuSandal .searchArea ul.size a::after{ border-color:#4596d9; } /*----------------------------------------------------------*/ /*【2017.9】スウェット・パーカー特集*/ #tokusyusweat .searchArea h3{ padding: 10px 20px; font-family: "Rounded Mplus 1c"; font-weight:500; letter-spacing:0.07em; color:#ffffff; background:#3f5072; } #tokusyusweat .searchArea ul.price a::before, #tokusyusweat .searchArea ul.size a::before{ background:#01A9DB; } #tokusyusweat .searchArea ul.price a::after, #tokusyusweat .searchArea ul.size a::after{ border-color:#01A9DB; } #tokusyusweat h2.kan{ width:100%; background:#f6f5e6 url(https://image.rakuten.co.jp/z-craft/cabinet/tokusyu2/sweat-kan-191009-bg.gif) repeat-x; background-size: auto 850px; text-align:center;} #tokusyusweat h2.kan img{ width:850px;} #tokusyusweat div#divNarabi .sele > p.more{ margin: 0 auto; padding:20px 0 0; width:900px; } #tokusyusweat div#divNarabi .sele > p.more a{ padding:20px; border-radius:10px; text-align:center; font-size:30px; font-weight:bold; letter-spacing:0.07em; display:block; background:#3f5072; } #tokusyusweat div#divNarabi .sele > p.more a:hover{ background:#4F6590; text-decoration:none; } #tokusyusweat div.searchArea ul.brandbtn { margin:20px 10px 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} #tokusyusweat div.searchArea ul.brandbtn li{ font-size:0.5em; margin: 0 10px 10px 0; width:calc((100% - 198px) / 9); border:1px solid #cccccc; padding:5px; text-align:center; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch;} #tokusyusweat div.searchArea ul.brandbtn li img{ margin: 0 0 5px; width:100%;} #tokusyusweat div.searchArea ul.brandbtn li a{ display:block;} #tokusyusweat div.searchArea{ margin:100px 20px; background:#FFFFFF;} #tokusyusweat div.nomal{ background:#FFFFFF;} #tokusyusweat div.haikei{ background:#f6f5e6; width:100%;} #tokusyusweat div.haikeishiro{ width:1050px; margin:auto;} #tokusyusweat div#divNarabi .sele{ background:#f6f5e6; margin:0; padding:30px 0 180px 10px; } #tokusyusweat div#divNarabi .sele > p.seleTitle.sub{ padding: 40px 300px 10px; font-size:28px; font-weight:bold; letter-spacing:0.07em; color: #496192; background:none; } #tokusyusweat div#divNarabi .sele > p.seleTitle.sub:before{ content:""; padding:30px 0 0; border-top:3px dotted #496192; display:block; } /*----------------------------------------------------------*/ /*【2017.9】ジャケットアウター特集*/ #tokusyujacket{} #tokusyujacket .searchArea h3{ padding: 0 0 5px; font-family: "Rounded Mplus 1c"; font-weight:500; letter-spacing:0.07em; color:#BDBDBD; border-bottom: 3px double #BDBDBD; } #tokusyujacket .searchArea ul{} #tokusyujacket .searchArea ul.price a::before, #tokusyujacket .searchArea ul.size a::before{ background:#BDBDBD; } #tokusyujacket .searchArea ul.price a::after, #tokusyujacket .searchArea ul.size a::after{ border-color:#BDBDBD; } /*----------------------------------------------------------*/ /*【2017.9】長袖シャツ特集*/ #tokusyulsshirt{} #tokusyulsshirt .searchArea h3{ padding: 0 0 5px; font-family: "Rounded Mplus 1c"; font-weight:500; letter-spacing:0.07em; color:#ccff66; border-bottom: 3px double #ccff66; } #tokusyulsshirt .searchArea ul{} #tokusyulsshirt .searchArea ul.price a::before, #tokusyulsshirt .searchArea ul.size a::before{ background:#ccff66; } #tokusyulsshirt .searchArea ul.price a::after, #tokusyulsshirt .searchArea ul.size a::after{ border-color:#ccff66; } /*----------------------------------------------------------*/ /*【2018.10】ハロウィン特集*/ #tokusyu2018Halloween{ line-height:1; } #tokusyu2018Halloween #wrapContents{ padding: 0; width:100%; text-align:center; background:#e5e5e5; } #tokusyu2018Halloween .con{ margin: 0 auto; width:850px; } #tokusyu2018Halloween h1 img, #tokusyu2018Halloween h2 img, #tokusyu2018Halloween h3 img{ width:100%; display:block; } #tokusyu2018Halloween .code{ margin:300px 0; } #tokusyu2018Halloween .code h2{ margin: 0; } #tokusyu2018Halloween .code a + h2{ margin: 150px 0 0; } #tokusyu2018Halloween .code > img{ width:100%; display:block; } #tokusyu2018Halloween .code#more{ margin: 0; } #tokusyu2018Halloween .code#more h2{ margin: 0 -200px 0 0; } #tokusyu2018Halloween .code#more img{ width:100%; } #tokusyu2018Halloween .code#more .footall{ margin: 0 0 40px; width:850px; background:#f9f9f9; overflow:hidden; } #tokusyu2018Halloween .code#more .foot{ margin: 0 10px 0 0; width:calc((100% - 10px) / 2); float:left; overflow:hidden; } #tokusyu2018Halloween .code#more .foot:last-of-type{ margin:0; } #tokusyu2018Halloween #wrapContents #divNarabi { width:100%; float:none; } #tokusyu2018Halloween #wrapContents #divNarabi .sele{ background:#f0f0f0; } #tokusyu2018Halloween p.sibutu{ margin:-60px 0 0; font-size:80%; letter-spacing:0.1em; text-align:right; } #tokusyu2018Halloween #menu{ margin:50px 0 200px;} #tokusyu2018Halloween #menu ul{ width:850px; height:780px; overflow:hidden; } #tokusyu2018Halloween #menu ul li{ float:left} #tokusyu2018Halloween ul.sideMenu{ position:fixed; top:50px; right:0; font-family: 'Josefin Sans', sans-serif; } #tokusyu2018Halloween ul.sideMenu li{ width:120px; background:#FFFFFF; border-radius:5px 0 0 5px; -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; } #tokusyu2018Halloween ul.sideMenu li:hover{ width:110px; margin: 0 0 5px 10px; } #tokusyu2018Halloween ul.sideMenu a{ margin: 0 0 5px; padding:15px; color:#444444; font-size:18px; font-weight:bold; text-decoration:none; display:block; } #tokusyu2018Halloween ul.sideMenu a:hover{ color:#9A0002; } #tokusyu2018Halloween #recommend{ margin:200px 0; } #tokusyu2018Halloween #recommend h2{ margin: 0 0 50px; padding:30px 0; font-size:32px; line-height:1; letter-spacing:0.1em; border:2px solid #333333; border-left:none; border-right:none; } #tokusyu2018Halloween #keyword{ margin:200px 20px; } #tokusyu2018Halloween #keyword h2{ margin: 0 0 50px; padding:30px 0; font-size:32px; line-height:1; letter-spacing:0.1em; border:2px solid #333333; border-left:none; border-right:none; } #tokusyu2018Halloween #keyword ul{ width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap:wrap; flex-wrap:wrap; } #tokusyu2018Halloween #keyword ul li{ margin: 5px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background:#ffffff; border-radius:10px; } #tokusyu2018Halloween #keyword ul li a{ padding:20px 10px; font-size:28px; letter-spacing:0.1em; text-decoration:none; color:#333333; display:block; } #tokusyu2018Halloween #keyword ul li a:before{ content:"#"; } #tokusyu2018Halloween #pickupBrand{ margin:200px 20px; } #tokusyu2018Halloween #pickupBrand h2{ margin: 0 0 50px; padding:30px 0; font-size:32px; line-height:1; letter-spacing:0.1em; border:2px solid #333333; border-left:none; border-right:none; } #tokusyu2018Halloween #pickupBrand ul{ padding:0 0 0 5px; overflow:hidden; } #tokusyu2018Halloween #pickupBrand ul li{ margin: 0 10px 10px 0; padding:15px 30px; width:calc((100% - 40px) / 4); background:#ffffff; border-radius:10px; float:left; -webkit-box-sizing:border-box; box-sizing:border-box; } #tokusyu2018Halloween #pickupBrand img{ width:80%;} /*----------------------------------------------------------*/ /*【2017.12】ボーナス特集*/ #tokusyuBonus{ font-family:'ヒラギノ角ゴシックProN','メイリオ',sans-serif; line-height:1; } #tokusyuBonus #wrapContents{ padding: 0 0 200px; width:100%; text-align:center; background:#202020; } #tokusyuBonus .con{ margin: 0 auto; width:960px; } #tokusyuBonus h1 img, #tokusyuBonus h2 img, #tokusyuBonus .con .intro img{ width:100%; } #tokusyuBonus div.item{ margin:0 auto; padding:0; width:700px; height:1100px; position:relative; } #tokusyuBonus div.item > p, #tokusyuBonus div.item > a, #tokusyuBonus div.item > img{ position:absolute; } #tokusyuBonus div.item p{ font-size:14px; line-height:1.4; color:#ffffff; text-align:left; text-align: justify; text-justify: inter-ideograph; } #tokusyuBonus div.item > a{ top:85px; left:0; display:block; } #tokusyuBonus div.item img.icon01{ top:0; left:0; } #tokusyuBonus div.item img.icon02{ top:585px; right:-10px; } #tokusyuBonus div.item p.goods{ top:30px; left:210px; font-size:120%; } #tokusyuBonus div.item p.text{ width:350px; top:820px; right:0; } #tokusyuBonus div.item p.price{ font-size:50px; line-height:0.8; top:940px; right:0; border-bottom:1px solid #ffffff; } #tokusyuBonus div.item p.price span{ font-size:60%; } #tokusyuBonus div.item p.btn{ top:1030px; left:150px; } #tokusyuBonus div.item ul{ width:350px; top:820px; left:0; position:absolute; } #tokusyuBonus div.item ul li{ margin: 0 10px 0 0; width:100px; display:block; float:left; } #tokusyuBonus div.item ul li img{ width:100%; } #tokusyuBonus table.item{ margin:50px auto; } #tokusyuBonus table.item td{ width:400px; height:650px; position:relative; } #tokusyuBonus table.item td > p, #tokusyuBonus table.item td > a, #tokusyuBonus table.item td > img{ position:absolute; } #tokusyuBonus table.item td p{ font-size:14px; line-height:1.3; color:#ffffff; text-align:left; text-align: justify; text-justify: inter-ideograph; } #tokusyuBonus table.item td > a{ width:400px; height:auto; top:55px; left:0; display:block; } #tokusyuBonus table.item td > a img{ width:100%; } #tokusyuBonus table.item td img.icon01{ width:105px; top:0; left:0; } #tokusyuBonus table.item td img.icon02{ width:130px; top:345px; right:-10px; } #tokusyuBonus table.item td p.goods{ top:5px; left:130px; } #tokusyuBonus table.item td p.text{ width:350px; top:820px; right:0; } #tokusyuBonus table.item td p.price{ width:400px; text-align:center; font-size:45px; line-height:0.8; top:490px; left:0; } #tokusyuBonus table.item td p.price span{ font-size:60%; } #tokusyuBonus table.item td p.btn{ width:280px; top:550px; left:70px; } #tokusyuBonus table.item td p.btn img{ width:100%; } #tokusyuBonus a.schBtn{ margin:40px 40px 0; padding:40px 20px; font-size:2.5em; line-height:1.2; font-weight:bold; text-decoration:none; text-align:center; background:#C00003; border-radius:60px; display:block; color:#ffffff; clear:both; } #tokusyuBonus a.schBtn:hover{ background:#FF1E22; color:#ffffff; } #tokusyuBonus div#divNarabi + a.schBtn{ margin-top:10px; } #tokusyuBonus a.schBtn{ position: relative; vertical-align: middle;} #tokusyuBonus a.schBtn::before, #tokusyuBonus a.schBtn::after{ position: absolute; top: 0; bottom: 0; right:20px; margin: auto; content: ""; vertical-align: middle; } #tokusyuBonus a.schBtn::before{ width: 60px; height: 60px; border-radius: 50%; background: #ffffff; } #tokusyuBonus a.schBtn::after{ right: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 15px; height: 15px; border: 15px solid transparent; border-left: 15px solid #C00003;} #tokusyuBonus .saleNav{ margin: 40px auto 150px; padding:30px 0 10px; width:1050px; border: 0; background: #eeeeee; border-radius: 10px; table-layout: fixed; clear:both; } #tokusyuBonus .saleNav table{ margin: 0 auto; width:1030px; } #tokusyuBonus .saleNav img{ width:100%; height: auto; } #tokusyuBonus .saleNav p{ padding:5px 0 0; text-align: center; font-size: 40px; letter-spacing: 0.05em; color: #CE1818; font-weight: bold; } #tokusyuBonus .soldout > a{ background:url(https://image.rakuten.co.jp/z-craft/cabinet/sale16/sold-out2.gif) no-repeat; } #tokusyuBonus .soldout > a img.main{ opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; } #tokusyuBonus table.item td.soldout > a{ background-size:400px; } /*----------------------------------------------------------*/ /*【2017.11】トレジャーハンター*/ .treasureHunter{ } body#saleBase.treasureHunter { } body#saleBase.treasureHunter #wrapContents{ margin:0 auto 150px; padding:0; } body#saleBase.treasureHunter #wrapContents #divNarabi{ float:none; } body#saleBase.treasureHunter.bunrui #wrapContents #divNarabi{ float:right; } body#saleBase.treasureHunter #wrapContents #divNarabi > .sele:last-of-type{ margin:0; } body#saleBase.saleDi.sub #wrapContents{ padding:0 70px; } body#saleBase.treasureHunter #pageTop{ } body#saleBase.treasureHunter #pageTop img{ margin:0 auto; width: 1050px; height: 660px; display: block; } body#saleBase.treasureHunter.bunrui #pageTop img{ margin:0 auto; width: 850px; height: auto; display: block; } body#saleBase.treasureHunter h1{ background:url(https://www.rakuten.ne.jp/gold/z-craft/sale/supersale/img/170902-sale-kan-bg.gif) no-repeat 50% 0; } body#saleBase.treasureHunter h2{ margin: 0 0 70px; padding:30px; font-size:2.8em; font-family: "Mplus 1p"; color:#ffffff; background:#d41722; clear:both; position:relative; border-radius:5px; } body#saleBase.treasureHunter h2 span{ font-size:85%; } body#saleBase.treasureHunter h2:after{ content:""; margin: 0 0 0 -15px; width:30px; height:30px; background:#D41722; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; bottom:-15px; left:50%; } body#saleBase.treasureHunter h3{ margin: 0 0 40px; padding:30px 0 20px; font-size:3em; line-height: 1.3; letter-spacing:0.1em; text-align:center; font-family: "Mplus 1p"; color:#d41722; border-top:3px double #d41722; border-bottom:1px dotted #d41722; clear:both; } body#saleBase.treasureHunter h3 span{ margin: 0 100px 20px; padding: 10px 0 5px; background:#D41722; color: #ffffff ; font-size: 85%; border-radius: 5px; } body#saleBase.treasureHunter.bunrui h3{ color:#ffffff; border:none; } body#saleBase.treasureHunter .kaijoNavi{ width:100%; background:#555555; position:fixed; bottom:0; left:0; z-index:9999; border-top:3px solid #ffffff; } body#saleBase.treasureHunter .kaijoNavi > div{ margin:10px auto 0; width:1050px; height:96px; position:relative; } body#saleBase.treasureHunter input#navi, body#saleBase.treasureHunter label.kaijoNaviBtn{ display:none; } body#saleBase.treasureHunter .kaijoNavi.anchor{ border-top:3px solid #555555; } body#saleBase.treasureHunter .kaijoNavi.anchor div{ margin: 0 auto; height:43px; } body#saleBase.treasureHunter .kaijoNavi.anchor div.subBg{ width: 100%; height: 40px; background: #eeeeee; display: block; position: fixed; bottom: 3px; left: 0; right: 0; } body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub{ margin: 0 auto; width: 1050px; height:40px; background: #eeeeee; position: fixed; bottom: 3px; left: 0; right: 0; display: table; table-layout: fixed; } body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li{ width:auto; border-left: 1px solid #888888; background:none; position: static; display: table-cell; } body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li a{ padding: 13px 15px 13px 30px; display: block; font-size: 13px; line-height: 1; color: #444444; font-weight: bold; font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; text-decoration: none;} body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li a:hover{ background: #ffffff; color: #888888; } /*body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li:nth-of-type(1){ display: none;}*/ body#saleBase.treasureHunter .kaijoNavi.anchor.ts ul.sub li:nth-of-type(1){ display: block;} body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li:last-of-type a{ border-right: 1px solid #888888; } body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li a{ position: relative; vertical-align: middle;} body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li a::before, body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li a::after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; } body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li a::before{ left: 16px; width: 1px; height: 7px; background: #444444; } body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li a::after{ left: 13px; width: 6px; height: 6px; border-top: 1px solid #444444; border-right: 1px solid #444444; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);} body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li.medama a{ color:#E00003; } body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li.medama a::before{ background: #E00003; } body#saleBase.treasureHunter .kaijoNavi.anchor ul.sub li.medama a::after{ border-color:#E00003; } body#saleBase.treasureHunter div[id^=kaijo]{ margin:-100px 0 0; padding: 200px 0 100px; clear:both; } body#saleBase.treasureHunter div#divNarabi span.price2{ color:#fff66d; } body#saleBase.treasureHunter div#divNarabi.w1050 span.price1{ color:#D92109; font-weight:bold; letter-spacing:0.05em; line-height:1.3; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi1 > a{ top:20px; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi1 > a img{ top:0; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi1 span{ top:90px; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi1 span.price1{ top:130px;} body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi1 span.price2{ top:230px; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi1 span.cpnText{ top:290px; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi1 p.kanmuri{ top:180px; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi1 p.bookmark img{ top:260px; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi2 > a{ top:10px; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi2 > a img{ top:0; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi2 span{ top:80px; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi2 span.price1{ top:110px;} body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi2 span.price2{ top:190px; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi2 span.cpnText{ top:240px; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi2 p.kanmuri{ top:150px; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi2 p.cpnBtn img{ width:160px; height:auto; top:230px; left:330px; } body#saleBase.treasureHunter div#divNarabi.w1050 div.narabi4 span.price1{ font-size:0.85em; } body#saleBase.treasureHunter a.schBtn::after{ right: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 15px; height: 15px; border: 15px solid transparent; border-left: 15px solid #D90200;} body#saleBase.treasureHunter .subBlandLogo{ margin:70px auto; padding:20px 20px 0; width:1050px; border:5px solid #cccccc; border-radius:10px; -webkit-box-sizing:border-box; box-sizing:border-box; } body#saleBase.treasureHunter .subBlandLogo p{ margin: 0 0 10px; font-size:2em; font-weight:bold; letter-spacing:0.1em; color:#13857b; text-align:center; font-family: "Mplus 1p"; } body#saleBase.treasureHunter .subBlandLogo ul{ overflow:hidden; } body#saleBase.treasureHunter .subBlandLogo ul li{ margin: 0 20px 20px 0; width:48%; width:calc((100% - 20px) / 2); float:left; } body#saleBase.treasureHunter .subBlandLogo ul li:nth-of-type(2n){ margin: 0 0 20px; } body#saleBase.treasureHunter .subBlandLogo ul li img{ width:100%; } body#saleBase.treasureHunter p.tyuui{ margin: 60px 0 100px; font-size: 18px; line-height: 1.5; color: #dd0000; text-align: center; } /*----------------------------------------------------------*/ /*【2018.1】ブランドコレクション*/ body#saleBase.saleCl { background:url(https://image.rakuten.co.jp/z-craft/cabinet/sale16/180119-sale-bg4.gif); } body#saleBase.saleCl div#wrapHeadPC{ margin-top:0; padding-top:40px; background:#ffffff; } body#saleBase.saleCl .obi{ width:100px; height:100%; background: url(https://image.rakuten.co.jp/z-craft/cabinet/sale16/171013-obi.gif) repeat-y 10px 0; position:absolute; top:0; left:0; z-index:9999; } body#saleBase.saleCl #wrapContents{ margin:0 auto 150px; padding:0; } body#saleBase.saleCl #wrapContents #divNarabi{ width:100%; float:none; } body#saleBase.saleCl.bunrui #wrapContents #divNarabi{ float:right; } body#saleBase.saleCl #wrapContents #divNarabi > .sele:last-of-type{ margin:0; } body#saleBase.saleCl #pageTop{ } body#saleBase.saleCl #pageTop img{ margin:0 auto; width: 1050px; display: block; } body#saleBase.saleCl.bunrui #pageTop img{ margin:0 auto; width: 850px; height: auto; display: block; } body#saleBase.saleCl div.intro{ margin:80px auto 20px; width: 1050px; } body#saleBase.saleCl div.introText{ margin:40px auto 60px; width: 950px; font-size: 26px; line-height: 1.5; letter-spacing: 0.05em; color: #555555; text-align: center; font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; background: #ffffff; } body#saleBase.saleCl div.intro .bnr{ margin:40px 0 0; padding: 40px 0 40px 40px; overflow:hidden; background:#FFEB64; border-radius:10px; } body#saleBase.saleCl div.intro .bnr a{ margin: 0 20px 0 0; width:475px; height:auto; background:#ffffff; float:left; display:block; } body#saleBase.saleCl div.intro .btn{ margin: 30px 20px 0; width:1010px; overflow:hidden; } body#saleBase.saleCl div.intro .btn a{ margin:0 30px 0 0; width:490px; height:60px; display:block; float:left; } body#saleBase.saleCl div.intro .btn a:last-of-type{ margin-right:0; } body#saleBase.saleCl h1{ background:url(https://image.rakuten.co.jp/z-craft/cabinet/sale16/180119-sale-kan-bg.gif); } body#saleBase.saleCl h2{ margin: 0 0 70px; padding:30px; font-size:2.8em; font-family: "Mplus 1p"; color:#ffffff; background:#d41722; clear:both; position:relative; border-radius:5px; } body#saleBase.saleCl h2 span{ font-size:85%; } body#saleBase.saleCl h2:after{ content:""; margin: 0 0 0 -15px; width:30px; height:30px; background:#D41722; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); position:absolute; bottom:-15px; left:50%; } body#saleBase.saleCl h3{ margin: 0 0 40px; padding:30px 0 20px; font-size:3em; line-height: 1.3; letter-spacing:0.1em; text-align:center; font-family: "Mplus 1p"; color:#d41722; border-top:3px double #d41722; border-bottom:1px dotted #d41722; clear:both; } body#saleBase.saleCl h3 span{ margin: 0 100px 20px; padding: 10px 0 5px; background:#D41722; color: #ffffff ; font-size: 85%; border-radius: 5px; } body#saleBase.saleCl.bunrui h3{ color:#ffffff; border:none; } body#saleBase.saleCl .saleNav{ margin: 100px auto; padding:10px 0; width:1050px; border: 0; background: #eeeeee; border-radius: 10px; table-layout: fixed; } body#saleBase.saleCl .saleNav table{ margin: 0 auto; width:1030px; } body#saleBase.saleCl .saleNav img{ width:100%; height: auto; } body#saleBase.saleCl .saleNav p{ padding:5px 0 0; text-align: center; font-size: 40px; letter-spacing: 0.05em; color: #CE1818; font-weight: bold; } body#saleBase.saleCl .saleBrand{ margin: 100px auto; padding:30px 0 10px; width:100%; border: 0; background: #fff66d; border-radius: 10px; table-layout: fixed; } body#saleBase.saleCl .saleBrand table{ margin: 0 auto; width:1030px; } body#saleBase.saleCl .saleBrand img{ width:100%; height: auto; } body#saleBase.saleCl .saleBrand p{ padding:5px 0 0; text-align: center; font-size: 40px; letter-spacing: 0.05em; color: #CE1818; font-weight: bold; } body#saleBase.saleCl .subAnchor{ position:fixed; top:100px; right:0; z-index:9999; } body#saleBase.saleCl .subAnchor li{ margin: 0 0 10px; } body#saleBase.saleCl .subAnchor li a{ padding:15px 20px 15px 30px; background:#FFEF66; border-radius:5px 0 0 5px; position: relative; color:#444444; text-decoration:none; vertical-align: middle; display:block; } body#saleBase.saleCl .subAnchor li a::before, body#saleBase.saleCl .subAnchor li a::after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; } body#saleBase.saleCl .subAnchor li a::before{ left: 16px; width: 1px; height: 7px; background: #444444; } body#saleBase.saleCl .subAnchor li a::after{ left: 13px; width: 6px; height: 6px; border-top: 1px solid #444444; border-right: 1px solid #444444; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);} body#saleBase.saleCl .subAnchor li.mens a{ background:#a2d2f0; color:#0068A9; } body#saleBase.saleCl .subAnchor li.mens a::before{ background:#0068A9; } body#saleBase.saleCl .subAnchor li.mens a::after{ border-color:#0068A9; } body#saleBase.saleCl .subAnchor li.ladys a{ background:#f3b4d4; color:#B81065; } body#saleBase.saleCl .subAnchor li.ladys a::before{ background:#B81065; } body#saleBase.saleCl .subAnchor li.ladys a::after{ border-color:#B81065; } body#saleBase.saleCl .subAnchor li.kids a{ background:#f5d892; color:#7F5900; } body#saleBase.saleCl .subAnchor li.kids a::before{ background:#7F5900; } body#saleBase.saleCl .subAnchor li.kids a::after{ border-color:#7F5900; } body#saleBase.saleCl .subAnchor li.medama a{ background:#DD1C20; color:#FFFFFF; } body#saleBase.saleCl .subAnchor li.medama a::before{ background:#FFFFFF; } body#saleBase.saleCl .subAnchor li.medama a::after{ border-color:#FFFFFF; } body#saleBase.saleCl .kaijoNavi{ width:100%; background:#ff9000; position:fixed; bottom:0; left:0; z-index:9999; border-top:3px solid #ffffff; } body#saleBase.saleCl .kaijoNavi > div{ margin:0 auto; padding: 0 0 10px; width:910px; height:60px; position:relative; } body#saleBase.saleCl .kaijoNavi ul{ float:left; overflow:hidden; } body#saleBase.saleCl .kaijoNavi li{ margin: 0 10px 0 0; float:left; } body#saleBase.saleCl .kaijoNavi li:last-of-type{ margin:0; } body#saleBase.saleCl .kaijoNavi li img{ width:100%; display:block; } body#saleBase.saleCl .kaijoNavi li img.conSMP{ display:none; } body#saleBase.saleCl input#navi, body#saleBase.saleCl label.kaijoNaviBtn{ display:none; } body#saleBase.saleCl div[id^=kaijo]{ margin:-100px 0 0; padding: 100px 0; width:100%; clear:both; } body#saleBase.saleCl #kaijoBrand{ margin: 0 auto 70px; padding:0; clear:both; } body#saleBase.saleCl #kaijoBrand .ele{ width:960px; } body#saleBase.saleCl #kaijoBrand .ele:after{ content:""; height:0; display:block; clear:both; } body#saleBase.saleCl #kaijoBrand h2{ margin: 0 -115px 70px; } body#saleBase.saleCl #kaijoBrand a{ margin: 0 30px 30px 0; width:298px; float:left; display:block; border:1px solid #cccccc; } body#saleBase.saleCl #kaijoBrand a:nth-of-type(3n){ margin: 0 0 30px; } body#saleBase.saleCl #kaijoBrand img{ width:100%; height:auto; } body#saleBase.saleCl #kaijoBrand p{ padding: 0 0 30px; text-align:center; font-size:2.5em; font-weight:bold; color:#13857B; } body#saleBase.saleCl div#divNarabi span.price2{ color:#fff66d; } body#saleBase.saleCl div#divNarabi.w1050 span.price1{ color:#D92109; font-weight:bold; letter-spacing:0.05em; line-height:1.3; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi1 > a{ top:20px; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi1 > a img{ top:0; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi1 span{ top:90px; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi1 span.price1{ top:130px;} body#saleBase.saleCl div#divNarabi.w1050 div.narabi1 span.price2{ top:230px; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi1 span.cpnText{ top:290px; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi1 p.kanmuri{ top:180px; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi1 p.bookmark img{ top:260px; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi2 > a{ top:10px; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi2 > a img{ top:0; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi2 span{ top:80px; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi2 span.price1{ top:110px;} body#saleBase.saleCl div#divNarabi.w1050 div.narabi2 span.price2{ top:190px; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi2 span.cpnText{ top:240px; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi2 p.kanmuri{ top:150px; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi2 p.cpnBtn img{ width:160px; height:auto; top:230px; left:330px; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi4 span.price1{ font-size:0.85em; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi2 span.price2{ font-size:1.6em; } body#saleBase.saleCl div#divNarabi.w1050 div.narabi2 span.price2.text{ font-size:1.2em; } body#saleBase.saleCl p.tyuui{ margin: 60px 0 100px; font-size: 18px; line-height: 1.5; color: #dd0000; text-align: center; } /*----------------------------------------------------------*/ /*【2018.2】冬物大処分*/ body#saleBase.tokushuWinter { } body#saleBase.tokushuWinter .obi{ width:100px; height:100%; background: url(https://image.rakuten.co.jp/z-craft/cabinet/sale16/171013-obi.gif) repeat-y 10px 0; position:absolute; top:0; left:0; z-index:9999; } body#saleBase.tokushuWinter h1{ background:url(https://image.rakuten.co.jp/z-craft/cabinet/sale16/180210-sale-kan-bg.gif); } body#saleBase.tokushuWinter .subAnchor{ position:fixed; top:100px; right:0; z-index:9999; } body#saleBase.tokushuWinter .subAnchor li{ margin: 0 0 10px; } body#saleBase.tokushuWinter .subAnchor li a{ padding:15px 20px 15px 30px; background:#FFEF66; border-radius:5px 0 0 5px; position: relative; color:#444444; text-decoration:none; vertical-align: middle; display:block; } body#saleBase.tokushuWinter .subAnchor li a::before, body#saleBase.tokushuWinter .subAnchor li a::after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; } body#saleBase.tokushuWinter .subAnchor li a::before{ left: 16px; width: 1px; height: 7px; background: #444444; } body#saleBase.tokushuWinter .subAnchor li a::after{ left: 13px; width: 6px; height: 6px; border-top: 1px solid #444444; border-right: 1px solid #444444; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);} body#saleBase.tokushuWinter .subAnchor li.mens a{ background:#a2d2f0; color:#0068A9; } body#saleBase.tokushuWinter .subAnchor li.mens a::before{ background:#0068A9; } body#saleBase.tokushuWinter .subAnchor li.mens a::after{ border-color:#0068A9; } body#saleBase.tokushuWinter .subAnchor li.ladys a{ background:#f3b4d4; color:#B81065; } body#saleBase.tokushuWinter .subAnchor li.ladys a::before{ background:#B81065; } body#saleBase.tokushuWinter .subAnchor li.ladys a::after{ border-color:#B81065; } body#saleBase.tokushuWinter .subAnchor li.kids a{ background:#f5d892; color:#7F5900; } body#saleBase.tokushuWinter .subAnchor li.kids a::before{ background:#7F5900; } body#saleBase.tokushuWinter .subAnchor li.kids a::after{ border-color:#7F5900; } body#saleBase.tokushuWinter .subAnchor li.medama a{ background:#DD1C20; color:#FFFFFF; } body#saleBase.tokushuWinter .subAnchor li.medama a::before{ background:#FFFFFF; } body#saleBase.tokushuWinter .subAnchor li.medama a::after{ border-color:#FFFFFF; } body#saleBase.tokushuWinter .subAnchorBtn{ width:1050px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -ms-flex:1; flex:1; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-item-align:auto; align-self:auto; -ms-flex-wrap:wrap; flex-wrap:wrap; } body#saleBase.tokushuWinter .subAnchorBtn li{ width:calc((100% - 20px) / 3); margin: 0 10px 10px 0;} body#saleBase.tokushuWinter .subAnchorBtn li:nth-of-type(3n){ margin: 0 0 10px; } body#saleBase.tokushuWinter .subAnchorBtn li a{ padding:15px 20px 15px 45px; background:#FFEF66; border-radius:5px; position: relative; font-size:20px; letter-spacing:0.1em; color:#444444; text-decoration:none; vertical-align: middle; display:block; } body#saleBase.tokushuWinter .subAnchorBtn li a::before, body#saleBase.tokushuWinter .subAnchorBtn li a::after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; } body#saleBase.tokushuWinter .subAnchorBtn li a::before{ left: 25px; width: 1px; height: 12px; background: #444444; } body#saleBase.tokushuWinter .subAnchorBtn li a::after{ left: 20px; width: 10px; height: 10px; border-top: 1px solid #444444; border-right: 1px solid #444444; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);} body#saleBase.tokushuWinter .subAnchorBtn li a:hover{ background:#FFF7B7; } body#saleBase.tokushuWinter div[id^=kaijo]{ margin:-100px 0 0; padding: 100px 0; width:100%; clear:both; } body#saleBase.tokushuWinter div#divNarabi .sale #kaijoM .sele{ background:#a2d2f0; } body#saleBase.tokushuWinter div#divNarabi .sale #kaijoL .sele{ background:#f3b4d4; } body#saleBase.tokushuWinter div#divNarabi .sale #kaijoK .sele{ background:#f5d892; } body#saleBase.tokushuWinter div#divNarabi .sale #kaijoM h2, body#saleBase.tokushuWinter div#divNarabi .sale #kaijoM h2:after{ background:#2694D9; } body#saleBase.tokushuWinter div#divNarabi .sale #kaijoL h2, body#saleBase.tokushuWinter div#divNarabi .sale #kaijoL h2:after{ background:#E92864; } body#saleBase.tokushuWinter div#divNarabi .sale #kaijoK h2, body#saleBase.tokushuWinter div#divNarabi .sale #kaijoK h2:after{ background:#FF9E00; } body#saleBase.tokushuWinter a.schBtn{ margin:40px 40px 0; padding:40px 20px; font-size:2.5em; line-height:1.2; font-weight:bold; text-decoration:none; text-align:center; background:#D90200; border-radius:60px; display:block; color:#ffffff; clear:both; } body#saleBase.tokushuWinter a.schBtn:hover{ background:#F06968; color:#ffffff; } body#saleBase.tokushuWinter div#divNarabi + a.schBtn{ margin-top:10px; } body#saleBase.tokushuWinter a.schBtn{ position: relative; vertical-align: middle;} body#saleBase.tokushuWinter a.schBtn::before, body#saleBase.tokushuWinter a.schBtn::after{ position: absolute; top: 0; bottom: 0; right:20px; margin: auto; content: ""; vertical-align: middle; } body#saleBase.tokushuWinter a.schBtn::before{ width: 60px; height: 60px; border-radius: 50%; background: #ffffff; } body#saleBase.tokushuWinter a.schBtn::after{ right: 25px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 15px; height: 15px; border: 15px solid transparent; border-left: 15px solid #D90200; } body#saleBase.tokushuWinter .dayBtn{ margin:0 auto 80px; width:1050px; overflow:hidden; } body#saleBase.tokushuWinter .dayBtn li{ width:300px; margin: 0 10px 10px 0; float:left; } body#saleBase.tokushuWinter .dayBtn li a{ padding:15px 20px 15px 40px; background:#FFEF66; border-radius:5px; position: relative; color:#444444; text-decoration:none; vertical-align: middle; display:block; } body#saleBase.tokushuWinter .dayBtn li a::before, body#saleBase.tokushuWinter .dayBtn li a::after{ position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; } body#saleBase.tokushuWinter .dayBtn li a::before{ left: 26px; width: 1px; height: 7px; background: #444444; } body#saleBase.tokushuWinter .dayBtn li a::after{ left: 23px; width: 6px; height: 6px; border-top: 1px solid #444444; border-right: 1px solid #444444; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);} body#saleBase.tokushuWinter div#divNarabi.w1050 div.narabi2 span.price3{ left:10px; } /*----------------------------------------------------------*/ /*【2018.3】卒業・入学で履くパンプス選び*/ body#tokusyuSotunyu h1{ margin:50px 0; text-align:center; } body#tokusyuSotunyu div.midashi p{ margin:20px 0 20px; font-size:20px; line-height:1.8; font-weight:200; letter-spacing:0.05em; text-align:center; color:#333333; font-family: 'Noto Sans Japanese'; } body#tokusyuSotunyu div.point p{ margin:20px 0 100px; font-size:17px; padding:0 100px; line-height:1.4; font-weight:200; letter-spacing:0.03em; color:#333333; font-family: 'Noto Sans Japanese';} body#tokusyuSotunyu p.suuzi{ font-size:80px; font-weight:bold; text-align:center; letter-spacing:0.2em; font-family: 'Noto Sans Japanese'; margin:50px 0 0; } body#tokusyuSotunyu p.title{ font-size:38px; line-height:1.3; font-weight:bold; text-align:center; letter-spacing:0.3em; font-family: 'Noto Sans Japanese'; margin:20px 0 40px; } body#tokusyuSotunyu p.pick{ font-size:20px; font-weight:lighter; text-align:center; letter-spacing:1.0em; font-family: 'Noto Sans Japanese'; margin:60px 0 20px;} body#tokusyuSotunyu p.bt{ font-size:20px; font-weight:bold; text-align:center; letter-spacing:1.0em; font-family: 'Noto Sans Japanese'; margin:50px 0 50px;} body#tokusyuSotunyu p.shita{ margin:100px 0 20px; font-size:20px; line-height:1.8; font-weight:lighter; letter-spacing:0.05em; color:#333333; text-align:center; font-family: 'Noto Sans Japanese'; } body#tokusyuSotunyu p.sankaku{ argin:20px 0 20px; font-size:18px; line-height:1.8; font-weight:lighter; letter-spacing:0.03em; color:#333333; text-align:center; font-family: 'Noto Sans Japanese'; } /*----------------------------------------------------------*/ /*【2018.3】入学ホワイトスニーカー特集*/ #tokusyuSchoolWhite{} #tokusyuSchoolWhite h2{ margin:150px 0 20px; padding:10px 15px; background:#2D2D2D; color:#ffffff; font-family: "Mplus 1p"; text-align:center; font-weight:bold; border-radius:5px; } #tokusyuSchoolWhite h2.cate{ margin:0; padding:0; } #tokusyuSchoolWhite .item{ margin:50px 0 100px; padding: 0 0 40px; color:#444444; font-family: "Mplus 1p"; position:relative; } #tokusyuSchoolWhite .item h3{ margin: 0 0 10px; padding: 0 0 10px; font-size:32px; border-bottom:3px dashed #cccccc; } #tokusyuSchoolWhite .item .size{ text-align:right; font-size:24px; } #tokusyuSchoolWhite .item .img{ margin:15px 0 20px; text-align:center; } #tokusyuSchoolWhite .item .text{ margin:20px auto; width:700px; font-size:18px; line-height:1.5; font-family:'ヒラギノ角ゴシックProN','メイリオ',sans-serif; text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph; } #tokusyuSchoolWhite .item .price{ font-size:38px; color:#D33336; font-weight:bold; position:absolute; left:75px; bottom:0; } #tokusyuSchoolWhite .item .price:after{ content:"円(税込)"; font-size:70%; } #tokusyuSchoolWhite .item .btn{ width:200px; position:absolute; right:75px; bottom:5px; } #tokusyuSchoolWhite table.more01{ margin:0 auto 50px; width:850px; table-layout:fixed; } #tokusyuSchoolWhite table.more01 td{ width:380px; padding:15px; border:1px solid #cccccc; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; } #tokusyuSchoolWhite table.more01 td p{ font-size:14px; line-height:1.3; color:#444444; text-align:left; font-family:'ヒラギノ角ゴシックProN','メイリオ',sans-serif; } #tokusyuSchoolWhite table.more01 td img{ width:100%; } #tokusyuSchoolWhite table.more01 td p.goods{ margin:15px 0 5px; text-align:center; font-size:20px; font-weight:bold; } #tokusyuSchoolWhite table.more01 td p.size{ padding: 0 0 10px; text-align:center; font-size:14px; border-bottom:2px dashed #cccccc;} #tokusyuSchoolWhite table.more01 td p.price{ margin:10px 0; text-align:center; font-size:28px; color:#D33336; font-weight:bold; } #tokusyuSchoolWhite table.more01 td p.price:after{ content:"円(税込)"; font-size:70%; } #tokusyuSchoolWhite table.more01 td p.btn{ margin: 0 80px; } #tokusyuSchoolWhite table.more02{ margin:0 auto 50px; width:850px; table-layout:fixed; } #tokusyuSchoolWhite table.more02 td{ width:255px; padding:15px; border:1px solid #cccccc; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; } #tokusyuSchoolWhite table.more02 td p{ font-size:14px; line-height:1.3; color:#444444; text-align:left; font-family:'ヒラギノ角ゴシックProN','メイリオ',sans-serif; } #tokusyuSchoolWhite table.more02 td img{ width:100%; } #tokusyuSchoolWhite table.more02 td p.goods{ margin:15px 0 5px; padding: 0 0 10px; text-align:center; font-size:15px; font-weight:bold; border-bottom:2px dashed #cccccc; } #tokusyuSchoolWhite table.more02 td p.price{ margin:10px 0; text-align:center; font-size:22px; color:#D33336; font-weight:bold; } #tokusyuSchoolWhite table.more02 td p.price:after{ content:"円(税込)"; font-size:70%; } #tokusyuSchoolWhite table.more02 td p.btn{ margin: 0 40px; } #tokusyuSchoolWhite ul.brandLogo{ margin: 40px auto; width:810px; overflow:hidden; } #tokusyuSchoolWhite ul.brandLogo li{ margin: 0 20px 20px 0; float:left; } #tokusyuSchoolWhite ul.brandLogo li:nth-of-type(4n){ margin: 0 0 20px; } #tokusyuSchoolWhite ul.brandLogo li a{ padding: 10px 15px; width:187px; text-align:center; border:1px solid #D5D2C5; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; display:block; } #tokusyuSchoolWhite ul.brandLogo li a img{ width:80%; } #tokusyuSchoolWhite a.schBtn{ margin:-20px 150px 150px; padding:15px; font-size:24px; font-weight:bold; text-decoration:none; text-align:center; background:#555555; border-radius:60px; display:block; color:#ffffff; clear:both; } #tokusyuSchoolWhite a.schBtn:hover{ background:#888888; color:#ffffff; } #tokusyuSchoolWhite div#divNarabi + a.schBtn{ margin-top:10px; } #tokusyuSchoolWhite a.schBtn{ position: relative; vertical-align: middle;} #tokusyuSchoolWhite a.schBtn::before, #tokusyuSchoolWhite a.schBtn::after{ position: absolute; top: 0; bottom: 0; right:20px; margin: auto; content: ""; vertical-align: middle; } #tokusyuSchoolWhite a.schBtn::before{ width: 30px; height: 30px; border-radius: 50%; background: #ffffff; } #tokusyuSchoolWhite a.schBtn::after{ right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8px; height: 8px; border: 8px solid transparent; border-left: 10px solid #555555;} #tokusyuSchoolWhite p.space{ margin:150px auto 0; } /*----------------*/ /*【2018.3】入学祝い 時計特集*/ #tokusyuNyugakuWatch #wrapContents { padding: 0 0 200px; width:100%; text-align:center; background:#FBFBEF; } #tokusyuNyugakuWatch p.dedashi{ font-size:26px; line-height:1.3; font-weight:bold; text-align:center; letter-spacing:0.3em; font-family: 'Noto Sans Japanese'; margin:100px 0 0; } #tokusyuNyugakuWatch div.momomo { background-color: #FFFFFF; margin:0 auto 50px; width:1050px; padding:0 0 40px; } #tokusyuNyugakuWatch div.momomo h3 img{ width:1050px; } #tokusyuNyugakuWatch h2.tokeisale{ margin:50px auto 0; padding:20px 0; background:#E0000C; color:#ffffff; font-family: "Mplus 1p"; text-align:center; font-weight:bold; font-size:40px; width:1050px; } #tokusyuNyugakuWatch h2.tokei{ margin:150px auto 0; padding:20px 0; background:#848484; color:#ffffff; font-family: "Mplus 1p"; text-align:center; font-weight:bold; font-size:40px; width:1050px; } #tokusyuNyugakuWatch p.setumei{ margin:20px auto; padding:0 100px; text-align:left; font-size:23px; font-weight:50; letter-spacing:0.06em; line-height:1.5; width:850px; } #tokusyuNyugakuWatch p.salesale{ margin:10px auto; padding:5px 0; background:#E0000C; color:#FFFFFF; font-family: "Mplus 1p"; text-align:center; letter-spacing:0.06em; font-weight:bold; font-size:15px; width:1050px; } #tokusyuNyugakuWatch div.momomo h4{ margin:50px 50px 20px; padding:15px; font-size:24px; font-weight:bold; text-decoration:none; text-align:center; background:#000000; display:block; color:#ffffff; clear:both; border-radius:10px; } #tokusyuNyugakuWatch div.momomo hr{ margin:20px 30px;} #tokusyuNyugakuWatch div.itemitem { margin: 20px auto; padding:10px 0 0 10px; overflow:hidden; } #tokusyuNyugakuWatch div.item2 { padding:10px; float: left; text-align:center; margin:10px; background:#FFFFFF; border:1px solid #cccccc; border-radius:10px; } #tokusyuNyugakuWatch div.item2 img{ border-radius: 20px; height: 475px; width: 475px; } #tokusyuNyugakuWatch div.item2 p.name{ margin:20px 0 0; padding: 0 0 5px; text-align:center; font-size:26px; font-weight:bold; display: block; } #tokusyuNyugakuWatch div.item2 p.name2{ margin:5px 0 5px; padding: 0 0 10px; text-align:center; font-size:20px; font-weight:20; display: block; } #tokusyuNyugakuWatch div.item2 span.kane{ margin:0 0 10px; text-align:center; font-size:30px; color:#D33336; font-weight:bold; } #tokusyuNyugakuWatch div.item2 span.kanemoto{ margin:10px 0 0; text-align:center; font-size:20px; color:#D33336; font-weight:40; display: block; } #tokusyuNyugakuWatch div.item2 span:after{ content:"円(税込)"; font-size:70%; } #tokusyuNyugakuWatch p.other{ font-size:60px; font-weight:bold; text-align:center; letter-spacing:0.2em; font-family: 'Noto Sans Japanese'; margin:200px 0 0; } #tokusyuNyugakuWatch p.other2{ font-size:28px; line-height:1.3; font-weight:bold; text-align:center; letter-spacing:0.3em; font-family: 'Noto Sans Japanese'; margin:10px 0 40px; } #tokusyuNyugakuWatch h2.sita{ margin:150px auto 0; padding:20px 25px; background:#FFBF00; color:#FFFFFF; font-family: "Mplus 1p"; text-align:center; font-weight:bold; width:950px; } #tokusyuNyugakuWatch div.sonota{ background-color: #FDF8DA; width:950px; height: 550px; padding:20px 25px; margin:0 auto; } #tokusyuNyugakuWatch div.itemitiran{ padding:10px; float: left; text-align:center; margin:10px; background:#FFFFFF; } #tokusyuNyugakuWatch div.itemitiran img{ border: none; display: block; margin:0 auto 20px; width:275px;} #tokusyuNyugakuWatch div.itemitiran p.name{ margin:10px 0 5px; padding: 0 0 10px; text-align:center; font-size:15px; font-weight:bold; border-bottom:2px dashed #cccccc; } #tokusyuNyugakuWatch div.itemitiran span.kane{ margin:50px 0; text-align:center; font-size:24px; color:#D33336; font-weight:bold; } #tokusyuNyugakuWatch div.itemitiran span:after{ content:"円(税込)"; font-size:70%; } #tokusyuNyugakuWatch div.itemitiran p.click{ padding:15px; font-size:18px; font-weight:bold; letter-spacing:0.2em; text-decoration:none; text-align:center; background:#FFFFFF; border-radius:30px; display:block; margin:20px 50px 20px; border:1px solid #cccccc;} #tokusyuNyugakuWatch div.itemitiran p.click:hover{ background:#FDF8DA; color:#ffffff; } #tokusyuNyugakuWatch a.schBtn{ margin:-20px 150px 150px; padding:15px; font-size:24px; font-weight:bold; text-decoration:none; text-align:center; background:#FFBF00; border-radius:60px; display:block; color:#ffffff; clear:both; } #tokusyuNyugakuWatch a.schBtn:hover{ background:#FACC2E; color:#ffffff; } #tokusyuNyugakuWatch a.schBtn{ position: relative; vertical-align: middle;} #tokusyuNyugakuWatch a.schBtn::before, #tokusyuNyugakuWatch a.schBtn::after{ position: absolute; top: 0; bottom: 0; right:20px; margin: auto; content: ""; vertical-align: middle; } #tokusyuNyugakuWatch a.schBtn::before{ width: 30px; height: 30px; border-radius: 50%; background: #ffffff; } #tokusyuNyugakuWatch a.schBtn::after{ right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8px; height: 8px; border: 8px solid transparent; border-left: 10px solid #FFBF00;} #tokusyuNyugakuWatch table{ margin:100px auto 0; } #tokusyuNyugakuWatch td{ padding:10px; } #tokusyuNyugakuWatch td imag{ width: 190px; } #tokusyuNyugakuWatch p.ges{ margin:70px auto 80px; } #tokusyuNyugakuWatch p.ges img{ width: 800px; } /*----------------*/ /*【2018.4】バッグ特集*/ #tokusyuBag h2{ font-family:"Sawarabi Gothic"; text-align:left; font-size:1.6em; padding:20px 40px; margin:80px 0 20px; font-weight:bold; border-top: solid 1px grey; border-bottom: solid 1px grey; } #tokusyuBag div.midashi{ width:850px; } #tokusyuBag div.midashi p{ font-family:Sawarabi Gothic; text-align: justify; text-justify: inter-ideograph; font-size:1.2em; padding:0 0 0 40px; margin:10px 0 70px; width:450px; float: left; } #tokusyuBag div.midashi img{ width:360px; } #tokusyuBag p.erabu { font-family:Sawarabi Gothic; text-align:left; font-size:1.0em; padding:0 40px 0 120px; margin:0 0 20px; } #tokusyuBag h3 { margin:80px 0 0; clear: both; } #tokusyuBag h3 img{ width:500px; } #tokusyuBag div#divNarabi p.item{ width:810px; background:#6E6E6E; font-family:"Sawarabi Gothic"; font-weight:bold; letter-spacing:0.15em; font-size:18px; color:#ffffff; text-align:center; margin:25px 0 20px 15px; padding:10px 0;} #tokusyuBag div#divNarabi .botan{ width:810px; padding:0 10px; overflow:hidden; margin:0 0 50px; clear:both; } #tokusyuBag div#divNarabi .botan img{ width:250px; margin:10px; float: left; } /*----------------*/ /*【2018.4】トドス返品送料無料*/ #tokusyuHenpin { font-family: "Rounded Mplus 1c"; } #tokusyuHenpin h1 img{ width:850px; } #tokusyuHenpin div.catch, #tokusyuHenpin div.catch2, #tokusyuHenpin div.catch3{ text-align:center; margin:35px auto; width:600px; } #tokusyuHenpin div.catch{ font-size:22px; line-height:1.9; } #tokusyuHenpin div.catch2{ font-size:22px; } #tokusyuHenpin div.catch3{ font-size:30px; line-height:1.5; } #tokusyuHenpin div.catch4{ font-size:20px; line-height:1.9; text-align:left; margin:20px auto; width:500px; } #tokusyuHenpin div.midashi div.gazou{ margin: 50px 0 70px; } #tokusyuHenpin div.midashi p img{ margin:0 150px; width:550px; } #tokusyuHenpin div.midashi{ margin:70px 0; } #tokusyuHenpin div.icon{ margin:100px 40px 100px 60px; } #tokusyuHenpin div.icon img{ float:left; width:355px; padding:0 20px 0 0; } #tokusyuHenpin div.icon p{ clear:both; text-align:center; padding:25px 0; font-size:25px;} #tokusyuHenpin p.line{ background:#E6E6E6; padding:15px 0; text-align:center; font-size:30px; color:#000000; margin:150px 0 10px; } #tokusyuHenpin div.tatoeba img{ width:750px; margin:10px 50px; } #tokusyuHenpin ul { width:680px; margin:25px 80px 25px 90px; } #tokusyuHenpin ul li{ padding:20px 0; overflow:hidden; } #tokusyuHenpin ul li p.ue{ font-size:30px; line-height:1.5; border-bottom:solid 1px #D8D8D8; padding:0 0 10px; } #tokusyuHenpin ul li p.shita{ font-size:21px; width:510px; float:right; line-height:1.7; margin:20px 0 5px; } #tokusyuHenpin ul li p img{ float:left; width:130px; margin:0 0 0 10px; } #tokusyuHenpin p.nadonado img{ width:750px; } #tokusyuHenpin p.nadonado { margin:120px 50px; } #tokusyuHenpin p.tenten{ text-align:center; margin:50px; } #tokusyuHenpin p.tenten img{ width:30px;} #tokusyuHenpin div.demo { text-align:center; } #tokusyuHenpin div.demo img{ width:550px; } #tokusyuHenpin div.demo p{ font-size:35px; line-height:1.7; margin:100px 0; } #tokusyuHenpin div.nagare{} #tokusyuHenpin div.nagare img{ width:50px; float:left; } #tokusyuHenpin div.nagare ol{ } #tokusyuHenpin div.nagare li.nagare1{ background-image:url("https://image.rakuten.co.jp/z-craft/cabinet/tokusyu2/1217-henpin_12.gif"); } #tokusyuHenpin div.nagare li.nagare2{ background-image:url("https://image.rakuten.co.jp/z-craft/cabinet/tokusyu2/1217-henpin_13.gif"); } #tokusyuHenpin div.nagare li.nagare3{ background-image:url("https://image.rakuten.co.jp/z-craft/cabinet/tokusyu2/1217-henpin_14.gif"); } #tokusyuHenpin div.nagare li.nagare4{ background-image:url("https://image.rakuten.co.jp/z-craft/cabinet/tokusyu2/1217-henpin_15.gif"); } #tokusyuHenpin div.nagare li{ background:no-repeat 50px 80px; padding:60px 50px 0; overflow:hidden; } #tokusyuHenpin ol li p.ue{ font-size:36px; width:600px; float:right; margin:25px 0; } #tokusyuHenpin ol li p.shita{ font-size:23px; width:600px; float:right; line-height:1.5; margin:0 0 5px; } #tokusyuHenpin ol li p.shitamore{ font-size:21px; width:570px; float:right; line-height:1.3; margin:5px 0; text-indent:-21px; } /*----------------------------------------------------------*/ /*【2018.6】インスタグラムアイテム一覧*/ #tokusyuInstaitem { font-family:'ヒラギノ丸ゴ Pro W4'; } #tokusyuInstaitem div.back{ background:#f9f9f9; width:100%;} #tokusyuInstaitem div.narabi{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:20px; background:#f9f9f9; margin:100px 0;} #tokusyuInstaitem div.itemnarabi{ background:#FFFFFF; text-align:center; margin:0 13px 10px 0; width:calc((100% - 26px) / 3); padding:10px 0 20px;} #tokusyuInstaitem div.itemnarabi:nth-of-type(3n){ margin:0 0 10px 0;} #tokusyuInstaitem div.itemnarabi img{ width:100%;} #tokusyuInstaitem div.itemnarabi span.itemname{ font-size:20px; font-weight:bold; margin:0 0 10px;} #tokusyuInstaitem div.itemnarabi span.itemname:before{ content: "#";} #tokusyuInstaitem div.itemnarabi span.itemname span{ font-size:80%; color:#949494;} #tokusyuInstaitem div.itemnarabi div.price{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin:0 0 5px;} #tokusyuInstaitem div.itemnarabi span.status{ padding:5px 10px; margin:0 10px 0 0; font-size:14px;} #tokusyuInstaitem div.itemnarabi span.ladys{ background:#f5b3c7;} #tokusyuInstaitem div.itemnarabi span.kids{ background:#f7c16c;} #tokusyuInstaitem div.itemnarabi span.mens{ background:#9ad3e5;} #tokusyuInstaitem div.itemnarabi span.price{ line-height:2; font-weight:bold; font-size:16px;} #tokusyuInstaitem div.itemnarabi span.price:before{ content: "￥";} #tokusyuInstaitem div.itemnarabi span.price:after{ content: "(税込)"; font-size:60%;} /*----------------------------------------------------------*/ /*【2018.8】サンダル売り尽くし 最終処分市*/ #tokusyuSandalsyobuniti div#divNarabi .sele { background:#e50000;} #tokusyuSandalsyobuniti table {margin:15px 0 30px;} #tokusyuSandalsyobuniti h3{ font-size:40px; font-weight:bold; text-align:center; line-height:1.2; margin:0 0 20px;} #tokusyuSandalsyobuniti p.mirumens{ background:#6acbdc; width:850px; padding:10px 0; text-align:center; font-size:25px; font-weight:bold; } #tokusyuSandalsyobuniti p.miruladys{ background:#ffafbe; width:850px; padding:10px 0; text-align:center; font-size:25px; font-weight:bold; } #tokusyuSandalsyobuniti p.mirukids{ background:#fab84f; width:850px; padding:10px 0; text-align:center; font-size:25px; font-weight:bold; } /*----------------------------------------------------------*/ /*【2018.11】在庫処分市*/ #saleBase.indexLp .topbnr { margin: 50px auto 100px; padding: 20px; width: 850px; font-size: 26px; font-weight: bold; color: #C30003; background: #ffffff; text-align: center; border-radius: 5px;} #saleBase.indexLp .topbnr img{ width:100%;} #saleBase.indexLp .topbnr a { margin: 0 auto 20px; width: 700px; display: block;} #saleBase.indexLp .topbnr table{ width:850px; border-collapse:separate; border-spacing: 10px; } #saleBase.indexLp .topbnr table a{ width:100%; } #saleBase.indexLp p.kikan{ text-align:center; font-size:30px; font-weight:bold; color:#BF0000; margin:30px 0;} #saleBase.shobun #btmNav{ width:100%; background:#af0909; position:fixed; bottom:0; left:0; border-top:2px solid #ffffff; z-index:9999; } #saleBase.shobun #btmNav ul{ margin:0 auto; width:1050px; display:-webkit-box; display:-ms-flexbox; display:flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #saleBase.shobun #btmNav ul li{ border-left:1px dotted #ffffff; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #saleBase.shobun #btmNav ul li:first-of-type{ border:none; } #saleBase.shobun #btmNav ul li a{ padding:5px 0; text-align:center; color:#ffffff; text-decoration:none; display:block; } #saleBase.shobun #btmNav ul li img{ width:50px; vertical-align:middle; } #saleBase.shobun #btmNav ul.sub li img{ padding: 0 0 5px; } #saleBase.shobun #btmNav ul li span{ padding: 0 0 0 5px; font-size:12px; line-height:1; font-weight:bold; display:block; } #saleBase.shobun p.hiniti{ font-size:45px; font-weight:bold; text-align:center; margin:0 auto 10px;} #saleBase.shobun h2, #saleBase.shobun h2::after{ background:#af0909; font-size:70px; font-family: 'Noto Sans JP', sans-serif; } #saleBase.shobun div#divNarabi .sele{ background:#ffe04e; } #saleBase.shobun div#divNarabi .sele p.seleTitle{ background:#af0909; font-size:70px; font-family: 'Noto Sans JP', sans-serif; } #saleBase.shobun div#divNarabi .sele p.seleTitle.sub{ background:none; font-size:40px; color:#af0909; } #saleBase.shobun div.pointEvent{ margin: 40px auto 80px; padding: 30px 50px; width: 850px; border: 5px solid #C30003; } #saleBase.shobun div.pointEvent p{ margin: 0 0 20px; background:#ffffff; text-align:center; font-size:28px; font-weight:bold; color: #C30003; } /*----------------------------------------------------------*/ /*【2018.11】ラストワン*/ #saleBase.last1 #btmNav{ width:100%; background:#282820; position:fixed; bottom:0; left:0; border-top:2px solid #ffffff; z-index:9999; } #saleBase.last1 #btmNav ul{ margin:0 auto; width:1050px; display:-webkit-box; display:-ms-flexbox; display:flex; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #saleBase.last1 #btmNav ul li{ border-left:1px dotted #ffffff; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #saleBase.last1 #btmNav ul li:first-of-type{ border:none; } #saleBase.last1 #btmNav ul li a{ padding:5px 0; text-align:center; color:#ffffff; text-decoration:none; display:block; } #saleBase.last1 #btmNav ul li img{ width:50px; vertical-align:middle; } #saleBase.last1 #btmNav ul.sub li img{ padding: 0 0 5px; } #saleBase.last1 #btmNav ul li span{ padding: 0 0 0 5px; font-size:12px; line-height:1; font-weight:bold; display:block; } #saleBase.last1 #pageTop img{ width:800px; } #saleBase.last1 h1{ background:#d10000; } #saleBase.last1 h2{ margin: 150px 0 70px; padding: 50px 0; line-height:1.3; } #saleBase.last1 h2, #saleBase.last1 h2::after{ background:#282820; font-size:70px; font-family: 'Noto Sans JP', sans-serif; } #saleBase.last1 div.pointEvent{ margin: 40px auto 0; padding: 30px 50px; width: 850px; border: 5px solid #ce1717; } #saleBase.last1 div.pointEvent p{ margin: 0 0 20px; background:#ffffff; text-align:center; font-size:28px; font-weight:bold; color: #ce1717; } #saleBase.last1 div#divNarabi .sele{ background:#ce1717; } #saleBase.last1 div#divNarabi .sele p.seleTitle{ background:none; font-size:70px; font-family: 'Noto Sans JP', sans-serif; } #saleBase.last1 div#divNarabi .sele p.seleTitle.sub{ background:none; font-size:40px; color:#af0909; } #saleBase.last1 div.sele > div[class^="narabi"] a + img{ margin:-60px 0 0; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori{ padding: 15px; width: 100%; background: #eee; color: #444444; text-align: center; font-weight: bold; border-radius:5px; -webkit-box-sizing: border-box; box-sizing: border-box; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori + p.bookmark{ top:10px; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span{ margin-top:0; font-size:26px; line-height:1; display:block; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span:first-of-type:after{ content:"cm"; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span.nocm:after{ display:none; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span:nth-of-type(2){ margin:15px 0 0; padding:15px 0 0; border-top:1px solid #aaaaaa; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span:last-of-type:before{ content:"残り"; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span:last-of-type:after{ content:"足"; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span:last-of-type:before, #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span:last-of-type:after{ font-size:24px; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori.bag span:last-of-type:after{ content:"個"; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori.wear span:last-of-type:after{ content:"着"; } /*#saleBase.last1 div.sele > div[class^="narabi"] p.nokori{ background: url(https://www.rakuten.ne.jp/gold/z-craft/img/sale/icon-pricebg-y.svg) no-repeat; color: #2B2B2B; text-align: center; font-weight: bold; line-height: 0.9; position: absolute; z-index: 9998; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px 10px 0; width: 160px; height:160px; background-size:160px; top: -10px; right:-10px; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span{ margin-top:15px; font-size:32px; display:block; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori.lng{ padding-top:13px; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori.lng span{ font-size:26px; line-height:1; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span:first-of-type{ padding: 0 0 8px; border-bottom:1px solid #444444; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span:first-of-type:after{ content:"cm"; font-size:70%; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span.nocm:after{ display:none; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span:last-of-type{ font-size:20px; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span:last-of-type:before{ content:"残り"; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori span:last-of-type:after{ content:"足"; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori + p.bookmark{ top:auto; bottom:10px; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori.bag span{ padding-top:20px; border:none; font-size:40px; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori.bag span:last-of-type:before, #saleBase.last1 div.sele > div[class^="narabi"] p.nokori.bag span:last-of-type:after{ font-size:70%; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori.bag span:last-of-type:after{ content:"個"; } #saleBase.last1 div.sele > div[class^="narabi"] p.nokori.wear span:last-of-type:after{ content:"着"; } #saleBase.last1 div.sele > div.narabi1 p.nokori{ width: 200px; height:200px; background-size:200px; top: 410px; right:410px; } #saleBase.last1 div.sele > div.narabi1 p.nokori > span{ margin-top:20px; position:static; width:auto; font-size:40px; } #saleBase.last1 div.sele > div.narabi1 p.nokori > span:first-of-type{ padding-bottom:10px; } #saleBase.last1 div.sele > div.narabi1 p.nokori > span:last-of-type{ font-size:25px; } #saleBase.last1 div.sele > div.narabi1 p.nokori.bag > span{ padding-top:25px; border:none; font-size:55px; }*/ /*----------------------------------------------------------*/ /*【2018.12】ナチュ＆ダイアリー*/ #tokusyuInred2493 div.w960{ width:960px; margin:auto;} #tokusyuInred2493 h1{ width:960px; background:#9f7928; color:#FFFFFF; padding:20px; text-align:center;} #tokusyuInred2493 table.item{ margin:0 auto 100px; width:450px;} #tokusyuInred2493 table.item td{ font-size:20px; vertical-align:middle; color:#191919; font-weight:bold;} #tokusyuInred2493 table.item td.btn{ position:relative;} #tokusyuInred2493 table.item td.btn img{ position:absolute; top:135px; left:5px;} #tokusyuInred2493 p.price,#tokusyuInred2493 p.price2{ font-size:20px; text-align:center; font-weight:bold; margin:0 0 100px; color:#191919;} #tokusyuInred2493 p.price img{ margin:10px 0 0;} #tokusyuInred2493 p.price2{ position:relative;} #tokusyuInred2493 p.price2 img{ position:absolute; top:-10px; left:610px;} #tokusyuInred2493 p.brandb { text-align:center; margin:0 auto;} #tokusyuInred2493 p.brandb img{ width:750px;} /*----------------------------------------------------------*/ /*【2020.3】ガビック×ガルパン*/ #gavicxgarupan {} #gavicxgarupan h1{ background:#333; } #gavicxgarupan #pageTop img{ margin: 0 auto; width:800px; display:block; } #gavicxgarupan #pageTop p{ margin: 50px auto; width:800px; text-align:center; } #gavicxgarupan #pageTop p strong{ margin: 0 0 10px; font-size:120%; display:block; } /*----------------------------------------------------------*/ /*並びのベース*/ /*----------------------------------------------------------*/ /*iframe用 セール並びのベース*/ #yokoku190917 div { width:100%;} #yokoku190917 div img{ width: 700px; margin: 0 auto 15px; display: block;}