*{
margin:0;
padding:0;
box-sizing:border-box;
word-break:break-all;
}
html,
body{
height:100%;
}
body,
body *{
font-family:'游ゴシック',YuGothic,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ','Meiryo','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}
body{
font-size:14px;
color:#333;
background:#fff;
}
h2{
font-size:30px;
}
h3{
font-size:24px;
}
ul,
ul li{
list-style:none;
}
pre{
white-space:pre-wrap;
}
a{
color:#666;
text-decoration:underline;
}
a:hover,
button:hover{
color:#f00;
text-decoration:none;
opacity:0.7;
}
a:hover *{
opacity:.7;
}
.btn{
color:#fff;
background-color:#666;
}
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='number']{
line-height:36px;
width:100%;
height:36px;
padding:0 10px;
border:#d0d0d0 solid 1px;
background-color:#f5f5f5;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
margin:0;
-webkit-appearance:none;
}
input[type=number]{
-moz-appearance:textfield;
}
input[type='checkbox']{
margin-right:4px;
}
textarea{
width:100%;
border:#d1d1d1 solid 1px;
}
input:-webkit-autofill{
-webkit-box-shadow:0 0 0 1000px white inset;
}
select::-ms-expand{
display:none;
}
table{
width:100%;
border-collapse:collapse;
}
table th,
table td{
border-spacing:0;
border-collapse:collapse;
vertical-align:middle;
border:none;
}
img{
word-break:normal;
border:none;
}
#wrapper{
width:100%;
min-width:1120px;
margin:0 auto;
}
.contents{
width:1100px;
margin:0 auto;
margin-bottom:100px;
padding:18px 10px 0;
}
.clearfix:before,
.clearfix:after{
display:table;
content:' ';
}
.clearfix:after{
clear:both;
}
#header{
width:100%;
height:65px;
background-color:#fcfcfc;
}
.header-top{
min-height:5px;
padding:0 10px;
color:#fcfcfc;
background-color:#333;
}
.header-top:after{
display:block;
clear:both;
content:'';
}
.header-top ul{
width:1100px;
height:30px;
margin:auto;
text-align:right;
}
.header-top ul li{
font-size:14px;
line-height:30px;
display:inline;
margin-left:12px;
}
.header-top ul li a{
position:relative;
text-decoration:none;
color:#fcfcfc;
}
.header-top ul li a.entry{
padding-left:18px;
}
.header-top ul li a.entry:before{
position:absolute;
top:50%;
left:0;
display:inline-block;
width:11px;
height:16px;
margin-top:-8px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-entry.png);
background-repeat:no-repeat;
background-size:cover;
}
.header-top ul li a.mypage{
padding-left:20px;
}
.header-top ul li a.mypage:before{
position:absolute;
top:50%;
left:0;
display:inline-block;
width:14px;
height:16px;
margin-top:-8px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-mypage.png);
background-repeat:no-repeat;
background-size:cover;
}
.header-top ul li a.cart{
padding-left:22px;
}
.header-top ul li a.cart:before{
position:absolute;
top:50%;
left:0;
display:inline-block;
width:18px;
height:16px;
margin-top:-15px;
content:'\e919';
font-family:"icomoon";
background:none;
}
.header-top ul li a.logout{
padding-left:20px;
}
.header-top ul li a.logout:before{
position:absolute;
top:50%;
left:0;
display:inline-block;
width:14px;
height:16px;
margin-top:-15px;
content:'\e931';
font-family:"icomoon";
background:none;
}
.header-bottom-wrapper{
display:table;
width:100%;
}
.header-bottom{
position:relative;
display:table-cell;
overflow:hidden;
width:1100px;
height:76px;
margin:0 auto;
padding:0 10px;
text-align:center;
vertical-align:middle;
}
.header-bottom .logo{
text-align:center;
}
.header-bottom .logo a{
text-decoration:none;
color:#333;
}
.header-bottom .logo img{
vertical-align:middle;
}
.header-bottom .logo h1{
width:100%;
word-break:break-all;
font-feature-settings:'pkna';
}
.header-menu-sp,
.header-search-sp{
display:none;
}
.header-top-cart{
height:auto;
min-height:65px;
max-height:218px;
padding:0 10px;
box-shadow:1px 1px 8px rgba(0,0,0,.3);
}
.logo{
position:relative;
z-index:3;
display:block;
height:auto;
min-height:65px;
max-height:218px;
margin:0 auto;
text-align:center;
}
.logo h1{
line-height:65px;
}
.logo-text{
font-size:13px;
line-height:1.4;
position:absolute;
top:50%;
left:50%;
display:-webkit-box;
overflow:hidden;
max-height:4em;
padding:0 10px;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
text-align:center;
word-break:break-all;
color:#333;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.logo-text-footer{
position:static;
width:1000px;
margin:0 auto;
transform:translate(0,0);
}
.header-top-cart .logo img{
width:auto;
height:auto;
max-width:200px;
max-height:200px;
margin:9px 0;
vertical-align:middle;
}
.footer-logo .logo-text-footer{
padding:0 15px;
color:#000;
}
#footer{
position:relative;
clear:both;
width:100%;
}
.footer-top{
display:table;
width:100%;
padding:40px 0;
background-color:#d2d2d2;
}
.footer-top-l{
display:table-cell;
width:315px;
vertical-align:top;
}
.footer-top-c{
display:table-cell;
padding-right:45px;
vertical-align:top;
}
.footer-top-r{
display:table-cell;
width:406px;
vertical-align:top;
}
.footer-top-cart{
width:100%;
text-align:center;
}
.footer-top h3{
font-size:16px;
font-weight:normal;
display:inline-block;
width:234px;
margin-bottom:20px;
color:#fcfcfc;
border-bottom:#77b7e0 solid 1px;
}
.footer-logo{
display:inline-block;
width:100%;
}
.footer-logo img{
width:auto;
height:auto;
max-width:200px;
max-height:200px;
}
.footer-bottom{
width:100%;
padding:20px 0;
text-align:center;
background-color:#fcfcfc;
}
.footer-bottom .copyright{
font-size:14px;
color:#1e1203;
}
.btn-pagetop{
position:fixed;
right:10px;
bottom:10px;
transition:all linear .2s;
text-align:right;
opacity:0;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
.btn-pagetop.is-show{
z-index:101;
opacity:1;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.btn-pagetop a{
position:relative;
display:block;
width:53px;
height:53px;
cursor:pointer;
border-radius:27px;
background-color:rgba(0,0,0,.8);
}
.btn-pagetop a:after{
position:absolute;
top:50%;
left:50%;
display:block;
width:23px;
height:12px;
margin-top:-6px;
margin-left:-12px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/btn-pagetop.png);
background-repeat:no-repeat;
background-size:cover;
}
.side{
float:left;
width:250px;
padding-bottom:50px;
}
.lnav{
margin-bottom:38px;
}
.lnav>ul>li{
font-size:18px;
line-height:1;
margin-bottom:15px;
color:#000;
border-bottom:#d0d0d0 solid 1px;
}
.lnav>ul>li>div,
.lnav>ul>li>a{
margin-bottom:15px;
}
.lnav>ul li a{
position:relative;
display:block;
width:100%;
text-decoration:none;
color:#000;
}
.lnav>ul li a:after{
position:absolute;
top:50%;
right:0;
display:inline-block;
width:9px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-nav.png);
background-repeat:no-repeat;
background-size:cover;
}
.lnav>ul>li span{
font-size:14px;
color:#666;
}
.lnav-l2>li{
font-size:16px;
border-top:#d0d0d0 dotted 1px;
}
.lnav-l2>li>a{
line-height:48px;
height:48px;
}
.lnav-l3>li{
font-size:16px;
border-top:#d0d0d0 dotted 1px;
}
.lnav-l3>li>a{
line-height:48px;
height:48px;
text-indent:15px;
color:#666;
}
.lnav-close{
display:none;
}
.main{
position:relative;
margin-top:30px;
}
.main:not(.main-1col){
float:right;
width:785px;
padding-bottom:50px;
}
.bread~.main{
position:relative;
margin-top:0;
}
.bread{
margin-bottom:30px;
}
.bread ul:after{
display:block;
clear:both;
content:' ';
}
.bread ul li{
font-size:12px;
float:left;
margin-right:10px;
color:#000;
}
.bread ul li a{
color:#666;
}
.bread ul li a:after{
display:inline-block;
margin-left:10px;
content:'>';
color:#666;
}
.bread ul li a:hover{
text-decoration:underline;
opacity:1;
}
.ttl{
margin-bottom:24px;
text-align:center;
}
.ttl h2{
font-size:24px;
position:relative;
margin-bottom:10px;
padding-bottom:6px;
color:#333;
}
.ttl h2:after{
position:absolute;
bottom:0;
left:50%;
display:inline-block;
width:24px;
height:1px;
margin-left:-12px;
content:'';
background-color:#000;
}
.ttl h3{
font-size:18px;
font-weight:normal;
}
.cart-err{
font-size:14px;
margin-bottom:38px;
padding:8px 15px;
text-align:left;
color:#e6503f;
border:#e6503f solid 1px;
}
.cart-suc{
font-size:14px;
margin-bottom:38px;
padding:8px 15px;
text-align:left;
color:#096;
border:#096 solid 1px;
}
.cart-freeship{
font-size:14px;
margin-bottom:38px;
padding:8px 15px;
text-align:left;
color:#e6503f;
background-color:#efefef;
}
.cart-freeship-rest{
font-size:22px;
font-weight:bold;
}
.cart-step{
margin-bottom:38px;
text-align:center;
}
.cart-step>div{
font-size:14px;
line-height:36px;
display:inline-block;
width:240px;
height:36px;
margin:0 4px;
text-align:center;
color:#666;
background-color:#f3f3f3;
}
.cart-step>div.active{
color:#fcfcfc;
background-color:#333;
}
.cart-step-num{
display:none;
}
.cart-input,
.cart-check,
.cart-check-law{
float:left;
width:710px;
}
.cart-action{
position:relative;
float:right;
width:340px;
}
.cart-1col{
float:none;
padding:0 170px;
text-align:center;
}
.cart-2col-right,
.cart-mypage-history,
.cart-mypage-point{
float:none;
padding:0;
text-align:center;
}
.cart-check-law{
float:left;
margin-bottom:35px;
padding-top:18px;
border-top:#d0d0d0 solid 1px;
}
.cart-check-law h4{
font-size:20px;
font-weight:bold;
margin-bottom:28px;
padding-bottom:18px;
border-bottom:#d0d0d0 solid 1px;
}
.cart-input-user h4,
.cart-input-ship h4,
.cart-input-pay h4,
.cart-input-other h4,
.cart-check-user h4,
.cart-check-ship h4,
.cart-check-pay h4,
.cart-check-other h4,
.cart-item-list h4,
.cart-1col-inner h4,
.cart-2col-right-inner h4,
.cart-mypage-address-list h4,
.cart-mypage-history-list h4,
.cart-mypage-point-list h4,
.cart-mypage-ask-list h4,
.cart-input-ask h4,
.cart-cvs-inner h4,
.cart-card-info h4,
.cart-card-registed h4,
.cart-card-change h4,
.cart-card-remove h4{
font-size:20px;
font-weight:bold;
margin-bottom:28px;
padding-bottom:18px;
border-bottom:#d0d0d0 solid 1px;
}
.cart-input-user,
.cart-input-ship,
.cart-input-pay,
.cart-input-other,
.cart-check-user,
.cart-check-ship,
.cart-check-pay,
.cart-check-other,
.cart-item-list,
.cart-1col-inner,
.cart-2col-right-inner,
.cart-mypage-history-list,
.cart-mypage-point-list,
.cart-mypage-ask-list,
.cart-input-ask,
.cart-cvs-inner,
.cart-card-info,
.cart-card-registed,
.cart-card-change,
.cart-card-remove{
float:left;
width:100%;
padding-top:18px;
padding-bottom:18px;
border-top:#d0d0d0 solid 1px;
}
.cart-input-other,
.cart-check-other{
margin-top:28px;
border-top:#d0d0d0 solid 1px;
}
.cart-input-user table,
.cart-input-ship table,
.cart-input-pay table,
.cart-input-other table,
.cart-check-user table,
.cart-check-ship table,
.cart-check-pay table,
.cart-check-other table,
.cart-item-list table,
.cart-1col-inner table,
.cart-cvs-inner table,
.cart-card-registed table,
.cart-card-change table,
.cart-card-remove table{
width:100%;
margin-bottom:15px;
}
.cart-cvs-inner table{
width:400px;
margin:0 auto 15px;
}
.cart-input-user th,
.cart-input-ship th,
.cart-input-pay th,
.cart-input-other th,
.cart-1col-inner th,
.cart-cvs-inner th{
font-size:16px;
font-weight:normal;
line-height:36px;
width:194px;
padding:12px 12px 12px 0;
text-align:left;
vertical-align:top;
}
.cart-check-user th,
.cart-check-ship th,
.cart-check-pay th,
.cart-check-other th,
.cart-item-list th,
.cart-card-registed th,
.cart-card-change th,
.cart-card-remove th{
font-size:16px;
font-weight:normal;
width:194px;
padding:12px 12px 12px 0;
text-align:left;
vertical-align:top;
}
.cart-input-user th.cart-input-require:after,
.cart-input-ship th.cart-input-require:after,
.cart-input-pay th.cart-input-require:after,
.cart-1col-inner th.cart-input-require:after,
.cart-card-change th.cart-input-require:after,
.cart-input-other th.cart-input-require:after,
.cart-1col-inner th.cart-input-require:after,
.cart-cvs-inner th.cart-input-require:after{
font-size:14px;
display:inline-block;
margin-left:10px;
content:'＊必須';
color:#ff3d3d;
line-height:14px;
}
.cart-item-list table th img{
width:140px;
height:auto;
}
.cart-input-user td,
.cart-input-ship td,
.cart-input-pay td,
.cart-input-other td,
.cart-1col-inner td,
.cart-cvs-inner td{
font-size:16px;
font-weight:normal;
padding:12px 0;
text-align:left;
vertical-align:top;
}
#CBY0003D01 .cart-input-member-id td{
padding-top:24px;
}
.cart-check-user td,
.cart-check-ship td,
.cart-check-pay td,
.cart-check-other td,
.cart-item-list table td,
.cart-card-registed td,
.cart-card-change td,
.cart-card-remove td{
font-size:14px;
font-weight:normal;
padding:12px 0;
text-align:left;
vertical-align:top;
}
.cart-input-user input[type=text],
.cart-input-ship input[type=text],
.cart-input-pay input[type=text],
.cart-check-pay input[type=text],
.cart-1col-inner input[type=text],
.cart-card-change input[type=text],
.cart-input-user input[type=email],
.cart-input-ship input[type=email],
.cart-input-pay input[type=email],
.cart-check-pay input[type=email],
.cart-input-user input[type=tel],
.cart-input-ship input[type=tel],
.cart-input-pay input[type=tel],
.cart-check-pay input[type=tel],
.cart-cvs-inner input[type=tel],
.cart-input-user input[type=number],
.cart-input-ship input[type=number],
.cart-input-pay input[type=number],
.cart-check-pay input[type=number],
.cart-input-user input[type=password],
.cart-1col-inner input[type=password]{
line-height:36px;
width:100%;
height:36px;
padding:0 10px;
border:#d0d0d0 solid 1px;
background-color:#f5f5f5;
}
.cart-input-user textarea,
.cart-input-ship textarea,
.cart-input-pay textarea,
.cart-1col-inner textarea,
.cart-input-ask textarea{
line-height:1.8;
height:120px;
padding:0 10px;
border:#d0d0d0 solid 1px;
background-color:#f5f5f5;
}
.form_error{
font-size:14px;
margin-top:5px;
color:#f30000;
}
.cart-input-member-id input,
.cart-input-member-pw input[type='password']{
-webkit-box-shadow:0 0 0 1000px #f5f5f5 inset;
}
.cart-input-user .cart-input-member-id input,
.cart-input-user .cart-input-member-pw input[type='password'],
#myp0001d01Form .cart-input-member-id input,
#myp0001d01Form .cart-input-member-pw input[type='password'],
.cart-input-ask-login-id input,
.cart-input-ask-login-key input[type='password']{
-webkit-box-shadow:0 0 0 1000px #f5f5f5 inset;
}
.cart-input .no-pruduct-message{
font-size:16px;
margin-bottom:60px;
text-align:center;
}
.cart-input-member-logoutbtn{
display:inline-block;
margin-left:15px;
}
.cart-input-member-logoutbtn a{
font-size:14px;
line-height:30px;
display:inline-block;
height:30px;
padding:0 12px;
text-decoration:none;
border:none;
color:#fff;
background-color:#666;
}
.cart-input-name div,
.cart-input-kana div{
display:inline-block;
vertical-align:top;
}
.cart-input-name div:first-child,
.cart-input-kana div:first-child{
margin-right:15px;
}
.cart-input-name label,
.cart-input-kana label{
line-height:35px;
display:table-cell;
float:left;
width:2rem;
margin-right:8px;
text-align:right;
}
.cart-input-name input[type=text],
.cart-input-kana input[type=text]{
width:200px;
}
.cart-input-zipcode input[type=tel]{
display:inline-block;
width:120px;
text-align:left;
}
.cart-input-zipcode a{
font-size:16px;
display:inline-block;
padding:4px 8px;
text-decoration:none;
color:#666;
border:1px solid #ccc;
border-radius:1px;
background:#fcfcfc;
}
.cart-input-birthday input[type=number]{
width:60px;
text-align:right;
}
.cart-input-pay-img img{
max-width:calc(100% - 16px);
margin:0 8px 32px;
}
.cart-input-pay-point input[type=number]{
width:80px;
margin-right:5px;
}
.cart-input-pay-point-hold{
display:inline-block;
}
.cart-input-pay-card ul li{
margin-left:24px;
}
.cart-input-pay-card ul li dl{
margin-bottom:8px;
}
.cart-input-pay-card ul li dt{
float:left;
width:120px;
color:#999;
}
.cart-input-pay-card ul li label{
font-weight:bold;
display:inline-block;
margin:4px 0 8px -24px;
vertical-align:middle;
}
.cart-input-pay-card ul li label input[type=radio]{
width:12px;
margin-right:12px;
}
.cart-input-pay-cardbtn{
margin-bottom:25px;
}
.cart-input-pay-cardbtn input,.cart-input-pay-cardbtn a{
font-size:16px;
line-height:55px;
display:inline-block;
width:100%;
height:55px;
text-align:center;
text-decoration:none;
border:none;
color:#fff;
background-color:#666;
}
.cart-conf-mail a{
font-size:16px;
display:inline-block;
padding:4px 8px;
text-decoration:none;
color:#666;
border:1px solid #ccc;
border-radius:1px;
background:#fcfcfc;
}
.shipping-number{
border-left:solid 5px #666;
}
a.cart-link,
a.cart-link-btn{
font-size:12px;
text-align:center;
color:#fff;
background-color:#666;
border:none;
}
.cart-input-birthday .form-select{
display:inline-block;
width:115px;
margin-right:5px;
vertical-align:middle;
}
.cart-input-birthday .form-select label{
min-width:90px;
}
.cart-item-list-info div{
display:inline-block;
}
.cart-item-list-brand:before{
content:'ブランド：';
font-weight:bold;
}
.cart-item-list-cord:before{
content:'商品コード：';
font-weight:bold;
}
.cart-item-list-name:before{
content:'商品名：';
font-weight:bold;
}
.cart-item-list-vali:before{
content:'バリエーション：';
font-weight:bold;
}
.cart-item-list-price:before{
content:'価格：';
font-weight:bold;
}
.cart-item-list-quqntity{
margin-top:15px;
}
.cart-item-list-quantity:before{
content:'数量：';
font-weight:bold;
}
.cart-item-list-btn{
text-align:right;
}
.cart-item-list-cnt input[type=button]{
font-size:16px;
width:30px;
height:30px;
border:none;
border-radius:1px;
color:#fff;
background-color:#666;
-webkit-appearance:none;
}
.cart-item-list-cnt input[type=number]{
font-size:16px;
width:60px;
height:30px;
padding:0 4px;
text-align:right;
vertical-align:top;
border-radius:1px;
}
.cart-item-list-cnt .form-select label{
top:-2px;
min-width:120px;
height:30px;
margin-right:5px;
vertical-align:middle;
}
.cart-item-list-cnt .form-select label select{
line-height:30px;
height:30px;
direction:rtl;
}
.cart-item-list-del{
margin-left:10px;
}
.cart-item-list-del input[type=button]{
font-size:16px;
height:30px;
padding:0 8px;
border:none;
border-radius:1px;
color:#fff;
background-color:#666;
-webkit-appearance:none;
}
.cart-item-list-err{
display:inline-block;
width:100%;
margin:8px 0;
padding:6px 8px;
color:#e6503f;
border:1px solid #e6503f;
}
.cart-action-inner{
position:absolute;
top:0;
left:0;
width:340px;
padding:25px;
border:#f3f3f3 5px solid;
}
.cart-action-inner.js-fixed{
position:fixed;
z-index:10;
top:0;
left:50%;
margin-left:200px;
}
.cart-action-btn{
width:100%;
margin-bottom:25px;
}
.cart-action-btn a{
font-size:20px;
line-height:55px;
position:relative;
display:block;
width:100%;
height:55px;
text-align:center;
text-decoration:none;
border:none;
color:#fff;
background-color:#666;
}
.cart-action-btn a span:before{
position:absolute;
top:50%;
left:20px;
display:block;
width:10px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-btn.png);
background-repeat:no-repeat;
background-size:cover;
}
.cart-action-btn a.cart-action-btn-comp span:before{
position:absolute;
top:50%;
left:20px;
display:block;
width:18px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-check.png);
background-repeat:no-repeat;
background-size:cover;
}
.cart-action-btns-top{
margin-bottom:20px;
}
.cart-action-btn-buy,
.cart-action-btn-login,
.cart-action-btn-regist,
.cart-action-btn-kmid,
.cart-action-btn-confirm{
width:100%;
margin-bottom:5px;
}
.cart-action-btn-buy a,
.cart-action-btn-login a,
.cart-action-btn-regist a,
.cart-action-btn-back a{
font-size:16px;
line-height:35px;
position:relative;
display:block;
width:100%;
height:35px;
text-align:center;
text-decoration:none;
border:none;
color:#fff;
background-color:#666;
}
.cart-action-btn-confirm a{
font-size:20px;
}
.cart-action-btn-kmid a img{
display:block;
max-width:100%;
max-height:76px;
margin:0 auto;
}
.cart-action-btn-help{
text-align:right;
}
.cart-action-btn-buy a{
font-size:20px;
line-height:55px;
height:55px;
}
.cart-action-btn-buy a span:before{
position:absolute;
top:50%;
left:20px;
display:block;
width:10px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-btn.png);
background-repeat:no-repeat;
background-size:cover;
}
.cart-action-btn-confirm a span:before{
width:18px;
height:18px;
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-check.png);
}
.cart-action-btn-back{
width:100%;
margin-top:25px;
}
.cart-action-btn-back a span:before{
position:absolute;
top:50%;
left:50px;
display:block;
width:10px;
height:18px;
margin-top:-10px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-back.png);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.cart-action-sum{
margin-bottom:18px;
}
.cart-action-inner table{
width:100%;
}
.cart-action-sum th{
font-size:16px;
font-weight:normal;
text-align:left;
}
.cart-action-sum td{
font-size:16px;
font-weight:normal;
text-align:right;
}
.cart-action-sum-item-tax{
font-size:12px;
}
.cart-action-point{
padding:12px 0;
border-top:#d0d0d0 solid 1px;
text-align:left;
}
.cart-action-total{
padding-top:12px;
border-top:#d0d0d0 solid 1px;
}
.cart-action-total th{
font-size:16px;
font-weight:normal;
text-align:left;
}
.cart-action-total td{
font-size:24px;
font-weight:bold;
text-align:right;
}
.cart-action-total-ship{
font-size:12px;
}
.cart-action-link{
margin-top:18px;
text-align:center;
}
.cart-action-link a{
text-decoration:underline;
}
.cart-action-breakdown th,
.cart-action-breakdown td{
font-size:13px;
font-weight:normal;
}
.cart-action-subtotal th,
.cart-action-subtotal td{
border-top:1px solid #d0d0d0;
}
.cart-action-sum .cart-action-sum-ship-multiple:first-child th,
.cart-action-sum .cart-action-sum-ship-multiple:first-child td{
padding-top:12px;
}
.cart-check-law{
clear:both;
}
.cart-check-law p{
margin-bottom:1em;
}
.cart-check-law a{
text-decoration:underline;
}
.cart-check-law-term{
width:100%;
margin-bottom:35px;
padding-top:18px;
}
.cart-comp-code{
font-size:20px;
font-weight:normal;
display:inline-block;
width:auto;
margin-bottom:50px;
padding:15px 30px;
text-align:center;
border:#000 solid 1px;
}
.cart-comp-txt{
font-size:16px;
margin-bottom:25px;
}
.cart-comp-btn-area{
margin-bottom:30px;
text-align:center;
}
.cart-comp-btn-area a{
font-size:15px;
position:relative;
display:inline-block;
padding:4px 12px;
text-align:center;
text-decoration:none;
border:none;
color:#fff;
background-color:#666;
}
.cart-cvs-cnt{
font-weight:bold;
text-align:left;
}
.cart-cvs-inner>ul{
clear:both;
border-top:1px solid #d0d0d0;
}
.cart-cvs-inner>ul>li{
display:flex;
clear:both;
text-align:left;
border-bottom:1px solid #d0d0d0;
}
.cart-cvs-inner>ul>li div{
padding:10px 15px 5px;
}
.cart-cvs-inner>ul div{
width:70px;
}
.cart-cvs-inner div img{
max-width:40px;
max-height:56px;
}
.cart-cvs-inner>ul>li ul{
position:relative;
width:100%;
padding:5px;
}
.cart-cvs-inner>ul>li li a{
display:inline-block;
padding:5px;
text-align:center;
text-decoration:none;
border:1px solid #d0d0d0;
border-radius:5px;
background:#efefef;
}
.cart-cvs-inner>ul>li li a:hover{
background:#fcfcfc;
}
.cart-cvs-inner>ul>li li:first-child{
font-weight:bold;
}
.cart-cvs-inner>ul>li li:nth-last-child(3) a{
position:absolute;
width:140px;
height:33px;
right:150px;
top:calc(100% - 40px);
line-height:21px;
}
.cart-cvs-inner>ul>li li:nth-last-child(-n+2) a{
position:absolute;
width:140px;
height:33px;
right:5px;
top:calc(100% - 40px);
line-height:21px;
}
.cart-cvs-inner>ul>li li:last-child{
display:none;
}
.cart-1col-msg{
font-size:15px;
margin-bottom:25px;
text-align:center;
}
.cart-1col-btn{
font-size:15px;
margin-bottom:25px;
text-align:center;
}
.cart-1col-btn .btn{
font-size:16px;
font-weight:normal;
line-height:44px;
position:relative;
display:inline-block;
width:152px;
height:44px;
text-align:center;
text-decoration:none;
color:#fff;
background-color:#666;
}
.cart-1col-btn .btn span:before{
position:absolute;
top:50%;
left:10px;
display:block;
width:10px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-btn.png);
background-repeat:no-repeat;
background-size:cover;
}
#MEM0001D03 .cart-1col-btn .btn span:before{
background-image:none;
}
.cart-1col-btn .btn-back{
margin-right:18px;
}
.cart-1col-btn .btn-back span:before{
transform:rotate(180deg);
}
.cart-2col-right-btn{
font-size:15px;
margin-bottom:25px;
text-align:center;
}
.cart-2col-right-btn .btn{
font-size:16px;
font-weight:normal;
line-height:44px;
position:relative;
display:inline-block;
width:152px;
height:44px;
text-align:center;
text-decoration:none;
color:#fff;
background-color:#666;
}
.cart-2col-right-btn .btn span:before{
position:absolute;
top:50%;
left:10px;
display:block;
width:10px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-btn.png);
background-repeat:no-repeat;
background-size:cover;
}
.cart-card-change-btn,
.cart-card-remove-btn,
.cart-card-registed-btn{
margin-top:30px;
}
.cart-card-registed-info table,
.cart-card-change-info table,
.cart-card-remove table{
width:80%;
margin:30px auto;
}
.cart-card-info-msg p:first-child{
font-size:16px;
margin-bottom:1em;
color:#666;
}
.cart-card-change-btn a,
.cart-card-remove-btn a,
.cart-card-registed-btn a{
font-size:16px;
line-height:40px;
display:inline-block;
width:180px;
height:40px;
padding:0 12px;
text-align:center;
text-decoration:none;
border:none;
color:#fff;
background-color:#666;
}
.cart-card-registed-change-btn{
margin-right:15px;
}
input[type=text].cart-card-change-expire-year,
input[type=text].cart-card-change-expire-month{
width:40px;
margin:0 3px;
text-align:right;
}
input[type=text].cart-card-change-expire-month{
margin-left:11px;
}
input[type=text].cart-card-change-name{
width:100%;
}
.cart-mypage-history-list a{
text-decoration:none;
}
.cart-mypage-history-list li{
display:table;
width:100%;
margin-top:5px;
padding:5px;
border-collapse:collapse;
border-bottom:1px solid #d9d9d9;
}
.cart-mypage-history-list li span{
display:table-cell;
padding:5px;
text-align:left;
vertical-align:middle;
word-break:break-all;
}
.cart-mypage-history-list li:first-child span{
text-align:center;
color:#999;
}
.cart-mypage-history-list li span:first-child{
width:100px;
}
.cart-mypage-history-list li span:nth-child(2){
width:100px;
}
.cart-mypage-history-list li span:nth-child(3){
width:110px;
text-align:center;
word-break:normal;
}
.cart-mypage-history-list li span:nth-child(4){
width:280px;
}
.cart-mypage-history-list li span:nth-child(5){
width:130px;
}
.cart-mypage-history-list li span:last-child{
width:90px;
text-align:right;
}
.cart-mypage-history-list .order-sts-hide li span:first-child{
width:150px;
}
.cart-mypage-history-list .order-sts-hide li span:nth-child(2){
width:110px;
text-align:center;
word-break:normal;
}
.cart-mypage-history-list .order-sts-hide li span:nth-child(3){
width:320px;
}
.cart-mypage-history-list .order-sts-hide li:first-child span:nth-child(3){
text-align:center;
}
.cart-mypage-history-list .order-sts-hide li span:nth-child(4){
width:130px;
}
.cart-mypage-history-list .order-sts-hide li span:last-child{
width:90px;
text-align:right;
}
.cart-mypage-history-order{
font-weight:bold;
}
.cart-mypage-history-order:after{
display:block;
clear:both;
margin-bottom:32px;
content:' ';
}
.cart-mypage-history-order-total{
font-size:28px;
line-height:38px;
display:inline-block;
float:left;
}
.cart-mypage-history-order-total:before{
font-size:16px;
padding-right:12px;
content:'合計:';
}
.cart-mypage-history-order-status{
display:inline-block;
float:left;
margin-left:24px;
padding-top:14px;
vertical-align:bottom;
}
.cart-mypage-history-order-status:before{
padding-right:12px;
content:'ステータス：';
}
.cart-mypage-history-order-detail li{
display:table;
width:100%;
margin-top:5px;
padding:5px;
border-collapse:collapse;
text-align:right;
}
.cart-mypage-history-order-detail li span{
display:table-cell;
padding:5px;
word-break:break-all;
}
.cart-mypage-history-order-detail li span:first-child{
width:calc( 100% - 100px);
font-weight:bold;
}
.cart-mypage-history-order-detail li span:last-child{
width:100px;
text-align:right;
}
.cart-mypage-point-list a{
text-decoration:none;
}
.cart-mypage-point-list li{
display:table;
width:100%;
margin-top:5px;
padding:5px;
border-collapse:collapse;
border-bottom:1px solid #d9d9d9;
}
.cart-mypage-point-list li span{
display:table-cell;
padding:5px;
word-break:break-all;
}
.cart-mypage-point-list li:first-child span{
color:#999;
}
.cart-mypage-point-list li span:first-child{
width:200px;
}
.cart-mypage-point-list li span:last-child{
width:130px;
}
.cart-mypage-point-list a{
text-decoration:none;
}
.cart-mypage-point-list li{
display:table;
width:100%;
margin-top:5px;
padding:5px;
border-collapse:collapse;
border-bottom:1px solid #d9d9d9;
}
.cart-mypage-point-list li span{
display:table-cell;
padding:5px;
word-break:break-all;
}
.cart-mypage-point-list li:first-child span{
color:#999;
}
.cart-mypage-point-list li span:first-child{
width:200px;
}
.cart-mypage-point-list li span:last-child{
width:130px;
}
.cart-mypage-ask-list-cnt{
font-weight:bold;
}
.cart-mypage-ask-list a{
display:block;
text-decoration:none;
}
.cart-mypage-ask-list li{
display:table;
width:100%;
padding:5px;
border-collapse:collapse;
border-bottom:1px solid #d9d9d9;
}
.cart-mypage-ask-list li span{
display:table-cell;
padding:5px;
text-align:center;
vertical-align:middle;
word-break:break-all;
}
.cart-mypage-ask-list li:first-child span{
text-align:center;
color:#999;
}
.cart-mypage-ask-list li span:first-child{
width:100px;
}
.cart-mypage-ask-list li span:nth-child(2){
width:385px;
}
.cart-mypage-ask-list li span:nth-child(3){
width:80px;
}
.cart-mypage-ask-list li span:nth-child(4){
width:110px;
word-break:normal;
}
.cart-mypage-ask-list li span:last-child{
width:110px;
word-break:normal;
}
.cart-input-ask-login-id input,
.cart-input-ask-login-key input[type='password']{
-webkit-box-shadow:0 0 0 1000px #f5f5f5 inset;
}
.cart-input-ask ul{
margin-top:32px;
padding:12px;
border:1px solid #d0d0d0;
}
.cart-input-ask li{
padding:12px 160px;
}
.cart-input-ask li.cart-input-ask-history-num{
padding:12px;
text-align:left;
}
.cart-input-ask li.cart-input-ask-history-title{
padding:12px;
text-align:left;
}
.cart-input-ask-history-btn{
font-size:15px;
margin:12px 0 16px;
text-align:right;
}
.cart-input-ask-history-btn a{
text-decoration:none;
}
.cart-input-ask-history-btn .btn{
font-size:16px;
font-weight:normal;
line-height:44px;
position:relative;
display:inline-block;
width:152px;
height:44px;
text-align:center;
text-decoration:none;
color:#fff;
background-color:#666;
}
.cart-input-ask li.cart-input-ask-history-shop{
padding-left:12px;
}
.cart-input-ask li.cart-input-ask-history-cus{
padding-right:12px;
}
.cart-input-ask-history-content{
padding:5px;
text-align:left;
word-break:break-all;
border:1px solid #ccc;
border-radius:5px;
}
.cart-input-ask-history-cus .cart-input-ask-history-content{
background-color:#cfc;
}
.cart-input-ask-history-date{
font-size:80%;
text-align:left;
color:#999;
}
.form-select label{
position:relative;
display:inline-block;
overflow:hidden;
min-width:200px;
height:36px;
vertical-align:middle;
border:1px solid #d0d0d0;
background-color:#f5f5f5;
}
.form-select label:after{
position:absolute;
z-index:1;
top:50%;
right:10px;
width:0;
height:0;
margin-top:-3px;
content:'';
border-width:7px 5px 0 4px;
border-style:solid;
border-color:#000 transparent transparent transparent;
}
.form-select select{
font-size:14px;
line-height:36px;
position:relative;
z-index:2;
display:block;
width:100%;
height:36px;
margin:0;
padding:0 30px 0 10px;
border:0;
outline:none;
background:transparent;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.form-checkbox{
display:inline-block;
vertical-align:middle;
}
.form-checkbox input[type=checkbox]{
margin-right:5px;
}
.form-radio input[type=radio]{
margin-right:5px;
}
.form-tbl-show{
display:none;
}
.form-tbl-show.active{
display:table;
}
.visibleTips{
z-index:100 !important;
opacity:.8 !important;
}
.normalTips{
z-index:-1;
opacity:0;
}
#Tips{
position:fixed;
display:inline-block;
border-radius:5px;
background:#efefef;
}
#Tips div{
line-height:1.5;
margin:2px;
padding:10px 15px 9px;
color:#f00;
border:1px solid #f00;
border-radius:5px;
}
.main-close{
text-align:center;
}
@media only screen and (max-width:1109px){
#wrapper,
.wrapper{
min-width:100%;
}
.contents{
width:100%;
}
.main:not(.main-1col){
float:right;
width:calc(75% - 15px);
}
.side{
width:calc(25% - 15px);
}
.header-top ul{
width:100%;
}
.logo-text-footer{
width:100%;
}
.cart-input,
.cart-check,
.cart-check-law{
width:calc( 100% - 370px );
}
.cart-action-inner.js-fixed{
margin-left:calc( 50% - 350px );
}
.cart-input-name td div,
.cart-input-kana td div{
width:calc( 50% - 5px );
}
.cart-input-name td div:first-child,
.cart-input-kana td div:first-child{
margin-right:0px;
}
.cart-input-name td input[type=text],
.cart-input-kana td input[type=text]{
width:calc( 100% - 45px );
}
}
@media only screen and (max-width:860px){
.cart-input,
.cart-check,
.cart-check-law{
width:100%;
margin-bottom:35px;
}
.cart-1col{
width:100%;
padding:0;
}
.cart-check-law{
margin-top:20px;
font-size:14px;
}
.cart-step{
font-size:0;
margin-bottom:9px;
padding:0 10px;
text-align:center;
}
.cart-step>div{
font-size:10px;
line-height:38px;
display:inline-block;
width:33.33%;
height:38px;
margin:0;
text-align:center;
border:solid 1px #fcfcfc;
}
.cart-action{
float:none;
clear:both;
width:100%;
padding-right:10px;
padding-left:10px;
}
.cart-action-inner{
position:inherit;
top:0;
left:auto;
clear:both;
width:100%;
margin-bottom:24px;
padding:20px 15px;
border:#f3f3f3 5px solid;
}
.cart-action-inner.js-fixed{
position:inherit;
top:0;
left:auto;
margin:0 auto;
}
.cart-action-btn{
width:100%;
margin-bottom:20px;
text-align:center;
}
.cart-action-btn a{
font-size:16px;
line-height:44px;
position:relative;
display:inline-block;
width:200px;
height:44px;
text-align:center;
border:none;
}
.cart-action-btn a span:before{
position:absolute;
top:50%;
left:10px;
display:block;
width:9px;
height:16px;
margin-top:-8px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-btn_sp.png);
background-repeat:no-repeat;
background-size:cover;
}
.cart-action-btn a.cart-action-btn-comp span:before{
position:absolute;
top:50%;
left:10px;
display:block;
width:18px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-check.png);
background-repeat:no-repeat;
background-size:cover;
}
.cart-action-btn-confirm a span:before{
width:16px;
height:16px;
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-check.png);
}
.cart-action-btns-top{
margin-bottom:15px;
}
.cart-action-btn-back{
margin-top:15px;
}
.cart-subtotal{
margin-bottom:5px;
}
.cart-action-inner table{
width:100%;
}
.cart-action-inner table th{
font-size:16px;
}
.cart-action-inner table td{
font-size:16px;
text-align:right;
}
.cart-action-sum-all th,
.cart-action-sum-all td{
padding-top:6px;
border-top:#d0d0d0 solid 1px;
}
}
@media only screen and (max-width:600px){
.contents{
margin:0 auto;
padding:0 0 0;
}
.header{
position:relative;
width:100%;
box-shadow:none;
}
.header-top{
position:absolute;
top:65px;
left:0;
width:100%;
min-height:0;
padding:0;
color:#fcfcfc;
border-bottom:#fcfcfc solid 1px;
background-color:#333;
}
.header-top ul{
display:table;
float:none;
width:100%;
height:44px;
}
.header-top ul li{
font-size:10px;
line-height:30px;
display:table-cell;
float:none;
width:33.33%;
margin-left:0;
text-align:center;
}
.header-top ul li a{
position:relative;
display:block;
width:100%;
height:44px;
padding-top:18px;
color:#fcfcfc;
}
.header-top ul li a.entry{
padding-left:0;
}
.header-top ul li a.entry:before{
position:absolute;
top:6px;
left:50%;
display:inline-block;
width:17px;
height:17px;
margin-top:0;
margin-left:-8px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-entry_sp.png);
background-repeat:no-repeat;
background-size:cover;
}
.header-top .gnav{
display:none;
}
.header-top ul li a.mypage{
padding-left:0;
}
.header-top ul li a.mypage:before{
position:absolute;
top:6px;
left:50%;
display:inline-block;
width:17px;
height:17px;
margin-top:0;
margin-left:-8px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-mypage_sp.png);
background-repeat:no-repeat;
background-size:cover;
}
.header-top ul li a.cart{
padding-left:0;
}
.header-top ul li a.cart:before{
position:absolute;
top:2px;
left:50%;
display:inline-block;
width:17px;
height:17px;
margin-top:0;
margin-left:-10px;
font-size:15px;
content:'\e919';
font-family:"icomoon";
background:none;
}
.header-top ul li a.logout{
padding-left:0;
}
.header-top ul li a.logout:before{
position:absolute;
top:0;
left:50%;
display:inline-block;
width:17px;
height:17px;
margin-top:0;
margin-left:-8px;
font-size:14px;
content:'\e931';
font-family:"icomoon";
background:none;
}
.header-top-cart{
box-shadow:1px 1px 8px rgba(0,0,0,.3);
}
.header-menu-sp{
position:absolute;
z-index:50;
top:50%;
left:10px;
display:block;
width:28px;
margin-top:-14px;
}
.header-menu-sp a{
display:block;
width:28px;
height:28px;
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-menu_sp.png);
background-size:cover;
}
.footer{
width:100%;
}
.footer-logo{
width:90%;
}
.copyright{
font-size:10px;
width:100%;
text-align:center;
word-break:break-word;
color:#666;
}
.side{
float:none;
width:100%;
padding-bottom:0;
}
.lnav{
position:fixed;
z-index:9999;
top:0;
right:-96%;
overflow:scroll;
width:96%;
height:100%;
margin-bottom:38px;
padding-bottom:50px;
-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);
transition:right .6s cubic-bezier(.19,1,.22,1);
background-color:#fff;
}
.nav-open{
overflow:hidden;
}
.nav-open .lnav{
right:0;
}
.nav-open .overlay{
position:fixed;
z-index:9998;
top:0;
left:0;
display:block;
width:100%;
height:100%;
background-color:rgba(0,0,0,.8);
}
.lnav .gnav{
font-size:0;
padding:0;
background-color:#333;
}
.lnav .gnav li{
font-size:10px;
line-height:30px;
display:inline-block;
float:none;
width:50%;
margin-left:0;
text-align:center;
}
.lnav .gnav li:last-child{
margin-bottom:0;
}
.lnav .gnav li a{
position:relative;
display:block;
width:100%;
height:44px;
padding-top:18px;
color:#fcfcfc;
}
.lnav .gnav li .logout::after{
position:absolute;
top:0;
left:50%;
display:inline-block;
width:15px;
height:16px;
margin-top:0;
margin-left:-8px;
font-size:14px;
content:'\e931';
font-family:"icomoon";
background:none;
}
.lnav .gnav li .cart::after{
position:absolute;
top:2px;
left:50%;
display:inline-block;
width:17px;
height:17px;
margin-top:0;
margin-left:-10px;
font-size:15px;
content:'\e919';
font-family:"icomoon";
background:none;
}
.lnav>ul{
padding:0 12px;
}
.lnav>ul>li{
font-size:18px;
line-height:1;
margin-bottom:0;
color:#000;
border-bottom:#e3e3e3 solid 1px;
}
.lnav>ul>li:last-child{
margin-bottom:12px;
}
.lnav>ul>li>div,
.lnav>ul>li>a{
margin-bottom:0;
padding:12px 0;
}
.lnav>ul li a{
position:relative;
display:block;
width:100%;
color:#000;
}
.lnav>ul li a:after{
position:absolute;
top:50%;
right:0;
display:inline-block;
width:11px;
height:19px;
margin-top:-10px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-nav_sp.png);
background-repeat:no-repeat;
background-size:cover;
}
.lnav>ul>li>a>p,
.lnav>ul>li>div>p{
font-size:16px;
display:inline;
margin-right:5px;
}
.lnav>ul>li span{
font-size:12px;
display:inline-block;
color:#666;
}
.lnav>ul li .lnav-l2>li{
font-size:14px;
border-top:#d0d0d0 dotted 1px;
}
.lnav>ul li .lnav-l2>li>a{
line-height:36px;
height:36px;
color:#333;
}
.lnav>ul li .lnav-l3>li{
font-size:14px;
border-top:#d0d0d0 dotted 1px;
}
.lnav>ul li .lnav-l3>li>a{
line-height:36px;
height:36px;
text-indent:15px;
color:#666;
}
.lnav-close{
font-size:10px;
display:block;
background-color:#eee;
}
.lnav-close a{
line-height:40px;
position:relative;
display:block;
height:40px;
padding-left:40px;
text-decoration:none;
color:#333;
}
.lnav-close a:before{
position:absolute;
top:50%;
left:12px;
display:block;
width:20px;
height:20px;
margin-top:-10px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-close.png);
background-repeat:no-repeat;
background-size:cover;
}
.main{
float:none;
width:100%;
margin-top:20px;
margin-bottom:50px;
padding-bottom:0;
}
.bread~.main{
float:none;
width:100%;
margin-top:0;
padding-bottom:0;
}
.bread{
margin-bottom:20px;
padding:8px 10px;
background-color:#f3f3f3;
}
.bread ul li{
font-size:12px;
float:left;
margin-right:8px;
color:#000;
}
.bread ul li a{
text-decoration:none;
color:#666;
}
.bread ul li a:after{
display:inline-block;
margin-left:8px;
content:'>';
color:#666;
}
.ttl{
margin-bottom:16px;
text-align:center;
}
.ttl h2{
position:relative;
margin-bottom:10px;
padding-bottom:6px;
}
.ttl h2:after{
position:absolute;
bottom:0;
left:50%;
display:inline-block;
width:24px;
height:1px;
margin-left:-12px;
content:'';
background-color:#000;
}
.ttl h3{
font-size:16px;
font-weight:normal;
}
.cart-err{
font-size:12px;
margin-right:10px;
margin-bottom:20px;
margin-left:10px;
padding:10px 10px;
}
.cart-suc{
font-size:12px;
margin-right:10px;
margin-bottom:20px;
margin-left:10px;
padding:10px 10px;
}
.cart-action-inner.js-fixed{
top:0;
left:740px;
margin-left:auto;
}
.cart-freeship{
font-size:12px;
margin-right:10px;
margin-bottom:20px;
margin-left:10px;
padding:10px 10px;
}
.cart-input,
.cart-check{
width:100%;
}
.cart-check-law{
font-size:14px;
margin-top:20px;
}
.form_error{
font-size:12px;
}
.cart-1col,
.cart-2col-right{
width:100%;
padding:0;
text-align:left;
}
.cart-input-birthday .form-select{
display:inline-block;
width:95px;
margin-right:0;
vertical-align:middle;
}
.cart-input-birthday .form-select label{
min-width:0;
max-width:70px;
margin-right:0;
}
.cart-input-birthday .form-select label::after{
right:6px;
}
.cart-input-birthday .form-select select{
width:60px;
padding-right:10px;
}
.cart-check-law h4,
.cart-input-user h4,
.cart-input-ship h4,
.cart-input-pay h4,
.cart-input-other h4,
.cart-check-user h4,
.cart-check-ship h4,
.cart-check-pay h4,
.cart-check-other h4,
.cart-item-list h4,
.cart-1col-inner h4,
.cart-2col-right-inner h4,
.cart-mypage-history-list h4,
.cart-mypage-point-list h4,
.cart-mypage-ask-list h4,
.cart-input-ask h4,
.cart-cvs-inner h4,
.cart-card-info h4,
.cart-card-registed h4,
.cart-card-change h4,
.cart-card-remove h4{
font-size:16px;
font-weight:bold;
margin-bottom:14px;
padding-bottom:14px;
text-align:left;
}
.cart-check-law h4:before,
.cart-input-user h4:before,
.cart-input-ship h4:before,
.cart-input-pay h4:before,
.cart-input-other h4:before,
.cart-check-user h4:before,
.cart-check-ship h4:before,
.cart-check-pay h4:before,
.cart-check-other h4:before,
.cart-item-list h4:before,
.cart-1col-inner h4:before,
.cart-2col-right-inner h4:before,
.cart-mypage-history-list h4:before,
.cart-mypage-point-list h4:before,
.cart-mypage-ask-list h4:before,
.cart-input-ask h4:before,
.cart-cvs-inner h4:before,
.cart-card-info h4:before,
.cart-card-registed h4:before,
.cart-card-change h4:before,
.cart-card-remove h4:before{
font-size:14px;
padding-right:8px;
content:"■";
color:#d2d2d2;
}
.cart-check-law,
.cart-input-user,
.cart-input-ship,
.cart-input-pay,
.cart-input-other,
.cart-check-user,
.cart-check-ship,
.cart-check-pay,
.cart-check-other,
.cart-item-list,
.cart-1col-inner,
.cart-2col-right-inner,
.cart-mypage-history-list,
.cart-mypage-point-list,
.cart-mypage-ask-list,
.cart-input-ask,
.cart-cvs-inner,
.cart-card-info,
.cart-card-registed,
.cart-card-change,
.cart-card-remove{
width:100%;
padding-top:12px;
padding-right:10px;
padding-left:10px;
border-top:none;
}
.cart-input-user table,
.cart-input-ship table,
.cart-input-pay table,
.cart-input-other table,
.cart-check-user table,
.cart-check-ship table,
.cart-check-pay table,
.cart-check-other table,
.cart-item-list table,
.cart-1col-inner table,
.cart-cvs-inner table,
.cart-card-registed-info table,
.cart-card-change-info table,
.cart-card-remove table{
display:block;
width:100%;
margin-top:20px;
margin-bottom:0;
}
.cart-input-user tbody,
.cart-input-ship tbody,
.cart-input-pay tbody,
.cart-input-other tbody,
.cart-check-user tbody,
.cart-check-ship tbody,
.cart-check-pay tbody,
.cart-check-other tbody,
.cart-item-list tbody,
.cart-1col-inner tbody,
.cart-cvs-inner tbody,
.cart-input-user tr,
.cart-input-ship tr,
.cart-input-pay tr,
.cart-input-other tr,
.cart-check-user tr,
.cart-check-ship tr,
.cart-check-pay tr,
.cart-check-other tr,
.cart-item-list tr,
.cart-1col-inner tr,
.cart-cvs-inner tr{
display:block;
width:100%;
}
.cart-input-user th,
.cart-input-ship th,
.cart-input-pay th,
.cart-input-other th,
.cart-1col-inner th,
.cart-cvs-inner th{
font-size:14px;
font-weight:normal;
line-height:1.2;
display:block;
width:100%;
padding:0 0 10px;
text-align:left;
}
.cart-check-user th,
.cart-check-ship th,
.cart-check-pay th,
.cart-check-other th{
font-size:14px;
font-weight:bold;
display:block;
width:100%;
padding:10px 0 5px;
text-align:left;
}
.cart-item-list table th{
width:76px;
padding:12px 0;
vertical-align:top;
border-bottom:dotted 1px #d0d0d0;
}
.cart-item-list table tr:last-child th{
border-bottom:none;
}
.cart-input-user table th span{
font-size:12px;
margin-left:12px;
}
.cart-item-list table th img{
width:70px;
height:auto;
}
.cart-input-user td,
.cart-input-ship td,
.cart-input-pay td,
.cart-input-other td,
.cart-1col-inner td,
.cart-cvs-inner td{
font-size:14px;
font-weight:normal;
display:block;
width:100%;
padding:0 0 20px;
vertical-align:top;
}
#CBY0003D01 .cart-input-member-id td{
padding-top:0;
}
.cart-check-user td,
.cart-check-ship td,
.cart-check-pay td,
.cart-check-other td{
font-size:12px;
font-weight:normal;
display:block;
width:100%;
padding:0 0 10px;
vertical-align:top;
}
.cart-item-list table td{
font-size:14px;
width:100%;
padding:12px 0 12px 10px;
border-bottom:dotted 1px #d0d0d0;
}
.cart-item-list table tr:last-child td{
border-bottom:none;
}
.cart-input-user input[type=text],
.cart-input-ship input[type=text],
.cart-1col-inner input[type=text],
.cart-input-pay input[type=text],
.cart-check-pay input[type=text],
.cart-card-change input[type=text],
.cart-input-user input[type=email],
.cart-input-ship input[type=email],
.cart-input-pay input[type=email],
.cart-check-pay input[type=email],
.cart-input-user input[type=tel],
.cart-input-ship input[type=tel],
.cart-input-pay input[type=tel],
.cart-check-pay input[type=tel],
.cart-cvs-inner input[type=tel],
.cart-input-user input[type=number],
.cart-input-ship input[type=number],
.cart-input-pay input[type=number],
.cart-check-pay input[type=number],
.cart-input-user input[type=password],
.cart-1col-inner input[type=password]{
font-size:16px;
line-height:36px;
height:36px;
padding:0 10px;
border:#d0d0d0 solid 1px;
background-color:#f5f5f5;
}
.cart-input-name input[type=text],
.cart-input-kana input[type=text]{
width:100px;
}
.form-select label{
position:relative;
display:inline-block;
overflow:hidden;
width:100%;
height:36px;
vertical-align:middle;
border:1px solid #d0d0d0;
background-color:#f5f5f5;
}
.form-select label:after{
position:absolute;
z-index:1;
top:50%;
right:20px;
width:0;
height:0;
margin-top:-3px;
content:'';
border-width:7px 5px 0 4px;
border-style:solid;
border-color:#000 transparent transparent transparent;
}
.form-select select{
font-size:16px;
line-height:36px;
position:relative;
z-index:2;
display:block;
width:100%;
width:-webkit-calc(100%);
height:36px;
margin:0;
padding:0 40px 0 10px;
border:0;
outline:none;
background:transparent;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.form-checkbox input[type=checkbox]{
margin-top:.8em;
}
.form-checkbox input[type=checkbox]:first-child{
margin-top:none;
}
.form-radio input[type=radio]{
margin-top:.8em;
}
.form-radio input[type=radio]:first-child{
margin-top:none;
}
.cart-input-user table.form-tbl-show,
.cart-check table.form-tbl-show{
display:none;
}
.cart-input-user table.form-tbl-show.active,
.cart-check table.form-tbl-show.active{
display:block;
}
.cart-input-pay-img img{
margin:0 8px 16px;
}
.cart-input-other,
.cart-check-other{
width:calc(100% - 16px);
margin:0 8px;
padding-right:4px;
padding-left:4px;
border-top:1px solid #ccc;
}
.cart-check-law-term{
width:100%;
margin-bottom:10px;
padding:0 10px;
text-align:left;
}
.cart-comp-code{
font-size:16px;
font-weight:normal;
display:inline-block;
width:100%;
margin-bottom:30px;
padding:5px 0;
text-align:center;
border:#000 solid 1px;
}
.cart-comp-txt{
font-size:14px;
text-align:left;
}
.cart-mypage-login-link li{
margin-top:1em;
}
.cart-mypage-login-link li:first-child{
margin-top:none;
}
.cart-mypage-history-list li{
border:none;
}
.cart-mypage-history-list li:first-child{
display:none;
}
.cart-mypage-history-list li a{
position:relative;
display:block;
padding:8px 24px 8px 12px;
text-align:left;
text-decoration:none;
border:1px solid #efefef;
border-radius:5px;
background-color:#f3f3f3;
}
.cart-mypage-history-list li a:after{
position:absolute;
top:50%;
right:6px;
display:inline-block;
width:9px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-nav.png);
background-repeat:no-repeat;
background-size:cover;
}
.cart-mypage-history-list li span{
display:block;
padding:0;
}
.cart-mypage-history-list li span:first-child,
.cart-mypage-history-list li span:nth-child(2),
.cart-mypage-history-list li span:nth-child(3),
.cart-mypage-history-list li span:nth-child(4),
.cart-mypage-history-list li span:nth-child(5),
.cart-mypage-history-list li span:last-child{
width:auto;
text-align:left;
}
.cart-mypage-history-list li span:first-child:before{
content:'ステータス：';
}
.cart-mypage-history-list li span:nth-child(2):before{
content:'注文番号：';
}
.cart-mypage-history-list li span:nth-child(3):before{
content:'注文日：';
}
.cart-mypage-history-list li span:nth-child(4):before{
content:'お届け先：';
}
.cart-mypage-history-list li span:nth-child(5):before{
content:'お支払い方法：';
}
.cart-mypage-history-list li span:last-child:before{
content:'金額：';
}
.cart-mypage-history-list .order-sts-hide li span:first-child,
.cart-mypage-history-list .order-sts-hide li span:nth-child(2),
.cart-mypage-history-list .order-sts-hide li span:nth-child(3),
.cart-mypage-history-list .order-sts-hide li span:nth-child(4),
.cart-mypage-history-list .order-sts-hide li span:last-child{
width:auto;
text-align:left;
}
.cart-mypage-history-list .order-sts-hide li span:first-child:before{
content:'注文番号：';
}
.cart-mypage-history-list .order-sts-hide li span:nth-child(2):before{
content:'注文日：';
}
.cart-mypage-history-list .order-sts-hide li span:nth-child(3):before{
content:'お届け先：';
}
.cart-mypage-history-list .order-sts-hide li span:nth-child(4):before{
content:'お支払い方法：';
}
.cart-mypage-history-list .order-sts-hide li span:last-child:before{
content:'金額：';
}
.cart-mypage-history-order-total{
display:block;
float:none;
margin-left:0;
text-align:left;
}
.cart-mypage-history-order-status{
display:block;
float:none;
margin-left:0;
text-align:left;
}
.cart-mypage-history-order-detail{
display:block;
float:right;
width:100%;
}
.cart-mypage-history-order-detail li{
width:100%;
border-bottom:1px dotted #d0d0d0;
}
.cart-mypage-point-list li:first-child{
display:none;
}
.cart-mypage-point-list li{
display:block;
padding:8px 12px;
border:none;
border-radius:5px;
background-color:#f3f3f3;
}
.cart-mypage-point-list li span{
display:block;
width:100% !important;
padding:0;
text-align:left;
}
.cart-mypage-point-list li span:last-child:before{
content:'確定ポイント残：';
}
.cart-mypage-ask-list li{
margin-top:5px;
border:none;
}
.cart-mypage-ask-list li:first-child{
display:none;
}
.cart-mypage-ask-list li a{
position:relative;
display:block;
padding:8px 24px 8px 12px;
text-align:left;
border:1px solid #efefef;
border-radius:5px;
background-color:#f3f3f3;
}
.cart-mypage-ask-list li a:after{
position:absolute;
top:50%;
right:6px;
display:inline-block;
width:9px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-nav.png);
background-repeat:no-repeat;
background-size:cover;
}
.cart-mypage-ask-list li span{
display:block;
padding:0;
}
.cart-mypage-ask-list li span:first-child,
.cart-mypage-ask-list li span:nth-child(2),
.cart-mypage-ask-list li span:nth-child(3),
.cart-mypage-ask-list li span:nth-child(4),
.cart-mypage-ask-list li span:last-child{
width:auto;
}
.cart-mypage-ask-list li span:first-child:before{
content:'お問合せ番号：';
}
.cart-mypage-ask-list li span:nth-child(2):before{
content:'件名：';
}
.cart-mypage-ask-list li span:nth-child(3):before{
content:'お問合せステータス：';
}
.cart-mypage-ask-list li span:nth-child(4):before{
content:'初回お問合せ日：';
}
.cart-mypage-ask-list li span:nth-child(5):before{
content:'最終回答日：';
}
.cart-input-ask li.cart-input-ask-history-shop{
padding-right:25%;
}
.cart-input-ask li.cart-input-ask-history-cus{
padding-left:25%;
}
.cart-mypage-address-list li a{
position:relative;
display:block;
padding:8px 24px 8px 12px;
text-align:left;
text-decoration:none;
border:1px solid #efefef;
border-radius:5px;
background-color:#f3f3f3;
}
.cart-mypage-address-list li a:after{
position:absolute;
top:50%;
right:6px;
display:inline-block;
width:9px;
height:18px;
margin-top:-9px;
content:'';
background-image:url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-nav.png);
background-repeat:no-repeat;
background-size:cover;
}
.cart-cvs-inner ul>li li:nth-child(5){
position:static;
margin-top:40px;
}
.cart-cvs-inner ul>li li:nth-child(6){
display:none;
}
.cart-cvs-inner ul>li li:last-child{
display:block;
}
.cart-1col-inner{
text-align:center;
}
.cart-1col-btn .btn{
width:calc(100% - 16px);
}
.cart-1col-btn .btn-back{
margin:0 0 12px;
}
.cart-card-registed-btn a{
display:block;
margin:0 auto 15px;
}
.cart-card-change-btn a,
.cart-card-remove-btn a{
display:block;
margin:0 auto;
}
}
#create-token-launch{
-webkit-appearance:none;
}
#webcollect-token-iframe{
z-index:9999;
}
.cart-reservation{
color:#000;
background-color:#d2d2d2;
}
.point{
font-weight:normal;
font-size:12px;
line-height:30px;
color:#777;
}
.point-amount{
font-size:16px;
text-align:right;
}
@media only screen and (max-width:600px){
.cart-2col-right-btn .btn.btn-reorder{
margin:10px 0 20px;
}
}
@media screen and (max-width:1024px) and (orientation:portrait){
.cart-check-user th,div.cart-check-user td{
width:100%;
text-align:left;
vertical-align:top;
float:left;
padding:12px 12px 0 0;
}
.cart-item-list th{
width:auto;
}
}
:root{
--hm-ink:#1f2a22;
--hm-muted:#657064;
--hm-cream:#fbf4e5;
--hm-paper:#fffdf8;
--hm-green:#2f5e49;
--hm-green-dark:#163a2d;
--hm-sea:#1f7183;
--hm-orange:#d9793f;
--hm-border:rgba(47,94,73,0.18);
--hm-shadow:0 22px 60px rgba(31,42,34,0.12);
--hm-body:"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
--hm-serif:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;
}
body{
color:var(--hm-ink);
background:
radial-gradient(circle at 12% 8%,rgba(217,121,63,0.14),transparent 28%),
radial-gradient(circle at 90% 18%,rgba(31,113,131,0.12),transparent 26%),
linear-gradient(180deg,#fffaf0 0%,#fffdf8 44%,#f7efe0 100%);
font-family:var(--hm-body);
}
#wrapper,
.wrapper{
max-width:1180px;
background:transparent;
}
#header,
.header{
background:rgba(255,253,248,0.94);
box-shadow:0 10px 32px rgba(31,42,34,0.08);
}
.header-top ul li a,
.header-bottom .logo h1,
.logo-text-footer{
color:var(--hm-green-dark);
}
.header-top ul li a.entry,
.header-top ul li a.mypage,
.header-top ul li a.cart,
.header-top ul li a.logout{
border-radius:999px;
}
.header-top ul li a.cart,
.btn,
a.cart-link,
a.cart-link-btn,
.cart-action-btn a,
.cart-action-btn-buy a,
.cart-action-btn-login a,
.cart-action-btn-regist a,
.cart-action-btn-confirm a,
.cart-input-member-logoutbtn a,
.cart-input-pay-cardbtn input,
.cart-input-pay-cardbtn a,
.cart-comp-btn-area a,
.cart-1col-btn .btn,
.cart-2col-right-btn .btn,
.cart-card-change-btn a,
.cart-card-remove-btn a,
.cart-card-registed-btn a,
.cart-input-ask-history-btn .btn{
color:#fff;
background:var(--hm-green);
border:0;
border-radius:999px;
box-shadow:0 12px 26px rgba(47,94,73,0.18);
}
.cart-action-btn-buy a,
.cart-action-btn-confirm a,
.cart-comp-btn-area a{
background:linear-gradient(135deg,var(--hm-orange),#c95d2f);
box-shadow:0 14px 28px rgba(217,121,63,0.24);
}
.cart-action-btn-back a,
.btn-back{
color:var(--hm-green-dark);
background:#fff;
border:1px solid var(--hm-border);
box-shadow:none;
}
.cart-step>div{
background:#fff;
border:1px solid var(--hm-border);
}
.cart-step>div.active{
background:var(--hm-green);
}
.cart-step-num{
color:var(--hm-orange);
}
.cart-input,
.cart-check,
.cart-check-law,
.cart-1col,
.cart-2col-right,
.cart-mypage-history,
.cart-mypage-point{
background:rgba(255,253,248,0.9);
border:1px solid var(--hm-border);
border-radius:28px;
box-shadow:var(--hm-shadow);
}
.cart-input-user,
.cart-input-ship,
.cart-input-pay,
.cart-input-other,
.cart-check-user,
.cart-check-ship,
.cart-check-pay,
.cart-check-other,
.cart-item-list,
.cart-1col-inner,
.cart-2col-right-inner,
.cart-mypage-history-list,
.cart-mypage-point-list,
.cart-mypage-ask-list,
.cart-input-ask,
.cart-cvs-inner,
.cart-card-info,
.cart-card-registed,
.cart-card-change,
.cart-card-remove{
background:#fff;
border:1px solid var(--hm-border);
border-radius:22px;
}
.cart-check-law h4,
.cart-input-user h4,
.cart-input-ship h4,
.cart-input-pay h4,
.cart-input-other h4,
.cart-check-user h4,
.cart-check-ship h4,
.cart-check-pay h4,
.cart-check-other h4,
.cart-item-list h4,
.cart-1col-inner h4,
.cart-2col-right-inner h4,
.cart-mypage-address-list h4,
.cart-mypage-history-list h4,
.cart-mypage-point-list h4,
.cart-mypage-ask-list h4,
.cart-input-ask h4,
.cart-cvs-inner h4,
.cart-card-info h4,
.cart-card-registed h4,
.cart-card-change h4,
.cart-card-remove h4{
color:var(--hm-green-dark);
font-family:var(--hm-serif);
border-bottom:1px solid var(--hm-border);
}
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='number'],
textarea,
.form-select label{
background:#fffdf8;
border:1px solid var(--hm-border);
border-radius:14px;
}
.cart-action-inner{
background:#fff;
border:1px solid var(--hm-border);
border-radius:24px;
box-shadow:var(--hm-shadow);
}
.cart-action-total th,
.cart-action-total td{
color:var(--hm-green-dark);
}
.cart-action-total td{
font-size:24px;
font-weight:bold;
}
.cart-err{
color:#8a2b1a;
background:#fff2ec;
border-color:rgba(217,121,63,0.45);
border-radius:16px;
}
.cart-suc,
.cart-freeship{
color:var(--hm-green-dark);
background:#f1f8f0;
border-color:rgba(47,94,73,0.28);
border-radius:16px;
}
#footer,
.footer{
color:#f9f2e5;
background:linear-gradient(145deg,#142f25 0%,#214d3b 62%,#1f7183 100%);
}
.footer-top h3,
.footer-bottom .copyright{
color:#fff;
}
@media screen and (max-width:600px){
.cart-input,
.cart-check,
.cart-check-law,
.cart-1col,
.cart-2col-right{
border-radius:22px;
}
.cart-action-inner{
border-radius:20px;
}
}
:root{
--hm-ink:#202020;
--hm-muted:#666;
--hm-cream:#fff;
--hm-paper:#fff;
--hm-green:#202020;
--hm-green-dark:#202020;
--hm-sea:#2d5f78;
--hm-orange:#d64232;
--hm-border:#e7e2dc;
--hm-shadow:0 12px 34px rgba(0,0,0,0.08);
}
body{
background:#fff;
}
#header,
.header,
.cart-input,
.cart-check,
.cart-check-law,
.cart-1col,
.cart-2col-right,
.cart-mypage-history,
.cart-mypage-point,
.cart-input-user,
.cart-input-ship,
.cart-input-pay,
.cart-input-other,
.cart-check-user,
.cart-check-ship,
.cart-check-pay,
.cart-check-other,
.cart-item-list,
.cart-1col-inner,
.cart-2col-right-inner,
.cart-mypage-history-list,
.cart-mypage-point-list,
.cart-mypage-ask-list,
.cart-input-ask,
.cart-cvs-inner,
.cart-card-info,
.cart-card-registed,
.cart-card-change,
.cart-card-remove,
.cart-action-inner{
background:#fff;
border-color:#e7e2dc;
border-radius:0;
box-shadow:none;
}
.header-top ul li a.cart,
.btn,
a.cart-link,
a.cart-link-btn,
.cart-action-btn a,
.cart-action-btn-buy a,
.cart-action-btn-login a,
.cart-action-btn-regist a,
.cart-action-btn-confirm a,
.cart-input-member-logoutbtn a,
.cart-input-pay-cardbtn input,
.cart-input-pay-cardbtn a,
.cart-comp-btn-area a,
.cart-1col-btn .btn,
.cart-2col-right-btn .btn,
.cart-card-change-btn a,
.cart-card-remove-btn a,
.cart-card-registed-btn a,
.cart-input-ask-history-btn .btn{
background:#202020;
border-radius:0;
box-shadow:none;
}
.cart-action-btn-back a,
.btn-back{
color:#202020;
background:#fff;
border:1px solid #d8d8d8;
}
.cart-step>div.active{
background:#202020;
}
.cart-step-num,
.cart-action-total th,
.cart-action-total td{
color:#202020;
}
#footer,
.footer{
color:#202020;
background:#fff;
border-top:1px solid #e7e2dc;
}
.footer-top h3,
.footer-bottom .copyright{
color:#202020;
}
.cart-2col-right,
.cart-mypage-history,
.cart-mypage-point{
padding-right:clamp(18px,3vw,34px) !important;
padding-left:clamp(18px,3vw,34px) !important;
}
.cart-2col-right-inner,
.cart-mypage-address-list,
.cart-mypage-history-list,
.cart-mypage-point-list,
.cart-mypage-ask-list{
padding:24px clamp(18px,3vw,34px) !important;
}
.cart-2col-right-inner table,
.cart-mypage-address-list table,
.cart-mypage-history-list table,
.cart-mypage-point-list table,
.cart-mypage-ask-list table{
width:100% !important;
border-collapse:separate !important;
border-spacing:0 !important;
}
.cart-2col-right-inner table th,
.cart-2col-right-inner table td,
.cart-mypage-address-list table th,
.cart-mypage-address-list table td,
.cart-mypage-history-list table th,
.cart-mypage-history-list table td,
.cart-mypage-point-list table th,
.cart-mypage-point-list table td,
.cart-mypage-ask-list table th,
.cart-mypage-ask-list table td{
padding:14px 18px !important;
}
.cart-mypage-history-list li,
.cart-mypage-point-list li,
.cart-mypage-ask-list li{
padding-right:18px !important;
padding-left:18px !important;
}
.cart-mypage-history-list li span,
.cart-mypage-history-order-detail li span,
.cart-mypage-point-list li span,
.cart-mypage-ask-list li span{
padding:12px 14px !important;
}
.cart-mypage-address-list li a{
padding-right:18px !important;
padding-left:18px !important;
}
@media screen and (max-width:600px){
.cart-2col-right,
.cart-mypage-history,
.cart-mypage-point{
padding-right:12px !important;
padding-left:12px !important;
}
.cart-2col-right-inner,
.cart-mypage-address-list,
.cart-mypage-history-list,
.cart-mypage-point-list,
.cart-mypage-ask-list{
padding:18px 12px !important;
}
.cart-mypage-history-list li,
.cart-mypage-point-list li,
.cart-mypage-ask-list li{
padding-right:12px !important;
padding-left:12px !important;
}
.cart-mypage-history-list li span,
.cart-mypage-history-order-detail li span,
.cart-mypage-point-list li span,
.cart-mypage-ask-list li span{
padding:9px 0 !important;
}
}
:root{
--hm-accent:rgb(95,15,20);
--hm-ink:#111;
--hm-muted:#555;
--hm-line:#e5e5e5;
--hm-soft:#f7f7f7;
}
body{
color:var(--hm-ink) !important;
background:#fff !important;
}
#wrapper,
.wrapper{
width:100% !important;
min-width:0 !important;
max-width:none !important;
background:#fff !important;
}
.contents{
width:min(1100px,calc(100% - 44px)) !important;
max-width:1100px !important;
margin:0 auto 88px !important;
padding:38px 0 0 !important;
}
#header,
.header,
.header-bottom-wrapper,
.header-bottom{
background:#fff !important;
box-shadow:none !important;
}
#header{
height:auto !important;
border-bottom:1px solid var(--hm-line) !important;
}
.header-top{
color:var(--hm-ink) !important;
background:#fff !important;
border-bottom:1px solid var(--hm-line) !important;
}
.header-top ul{
width:min(1100px,calc(100% - 44px)) !important;
max-width:1100px !important;
}
.header-top ul li a{
color:var(--hm-ink) !important;
font-weight:700 !important;
}
.header-top ul li a:hover{
color:var(--hm-accent) !important;
opacity:1 !important;
}
.header-bottom{
width:min(1100px,calc(100% - 44px)) !important;
max-width:1100px !important;
height:auto !important;
min-height:74px !important;
margin:0 auto !important;
padding:16px 0 !important;
}
.header-bottom .logo img,
.header-top-cart .logo img{
width:auto !important;
max-width:108px !important;
max-height:68px !important;
}
.cart-step{
display:flex !important;
gap:8px !important;
justify-content:center !important;
margin-bottom:34px !important;
}
.cart-step>div{
width:auto !important;
min-width:170px !important;
height:auto !important;
min-height:38px !important;
margin:0 !important;
padding:10px 14px !important;
color:var(--hm-muted) !important;
font-size:13px !important;
font-weight:800 !important;
line-height:1.35 !important;
background:#fff !important;
border:1px solid var(--hm-line) !important;
border-radius:0 !important;
}
.cart-step>div.active{
color:#fff !important;
background:#000 !important;
border-color:#000 !important;
}
.cart-input,
.cart-check,
.cart-check-law,
.cart-1col,
.cart-2col-right,
.cart-mypage-history,
.cart-mypage-point{
color:var(--hm-ink) !important;
background:#fff !important;
border:1px solid var(--hm-line) !important;
border-radius:0 !important;
box-shadow:none !important;
}
.cart-input,
.cart-check,
.cart-check-law{
padding:28px !important;
}
.cart-action-inner{
padding:24px !important;
background:#fff !important;
border:1px solid var(--hm-line) !important;
border-radius:0 !important;
box-shadow:none !important;
}
.cart-input-user,
.cart-input-ship,
.cart-input-pay,
.cart-input-other,
.cart-check-user,
.cart-check-ship,
.cart-check-pay,
.cart-check-other,
.cart-item-list,
.cart-1col-inner,
.cart-2col-right-inner,
.cart-mypage-address-list,
.cart-mypage-history-list,
.cart-mypage-point-list,
.cart-mypage-ask-list,
.cart-input-ask,
.cart-cvs-inner,
.cart-card-info,
.cart-card-registed,
.cart-card-change,
.cart-card-remove{
background:#fff !important;
border:1px solid var(--hm-line) !important;
border-radius:0 !important;
box-shadow:none !important;
}
.cart-check-law h4,
.cart-input-user h4,
.cart-input-ship h4,
.cart-input-pay h4,
.cart-input-other h4,
.cart-check-user h4,
.cart-check-ship h4,
.cart-check-pay h4,
.cart-check-other h4,
.cart-item-list h4,
.cart-1col-inner h4,
.cart-2col-right-inner h4,
.cart-mypage-address-list h4,
.cart-mypage-history-list h4,
.cart-mypage-point-list h4,
.cart-mypage-ask-list h4,
.cart-input-ask h4,
.cart-cvs-inner h4,
.cart-card-info h4,
.cart-card-registed h4,
.cart-card-change h4,
.cart-card-remove h4{
margin-bottom:22px !important;
padding:0 0 14px !important;
color:var(--hm-ink) !important;
font-family:inherit !important;
font-size:18px !important;
font-weight:900 !important;
line-height:1.45 !important;
border-bottom:1px solid var(--hm-line) !important;
}
.cart-input-user th,
.cart-input-ship th,
.cart-input-pay th,
.cart-input-other th,
.cart-1col-inner th,
.cart-check-user th,
.cart-check-ship th,
.cart-check-pay th,
.cart-check-other th,
.cart-action-inner table th{
color:var(--hm-ink) !important;
font-weight:900 !important;
}
.cart-input-user th,
.cart-input-ship th,
.cart-input-pay th,
.cart-input-other th,
.cart-1col-inner th,
.cart-check-user th,
.cart-check-ship th,
.cart-check-pay th,
.cart-check-other th,
.cart-input-user td,
.cart-input-ship td,
.cart-input-pay td,
.cart-input-other td,
.cart-1col-inner td,
.cart-check-user td,
.cart-check-ship td,
.cart-check-pay td,
.cart-check-other td{
padding-top:15px !important;
padding-bottom:15px !important;
}
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='number'],
textarea,
.form-select label{
color:var(--hm-ink) !important;
background:#fff !important;
border:1px solid #d6d6d6 !important;
border-radius:0 !important;
box-shadow:none !important;
}
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='number']:focus,
textarea:focus{
border-color:var(--hm-accent) !important;
outline:none !important;
}
.btn,
a.cart-link,
a.cart-link-btn,
.cart-action-btn a,
.cart-action-btn-buy a,
.cart-action-btn-login a,
.cart-action-btn-regist a,
.cart-action-btn-confirm a,
.cart-input-member-logoutbtn a,
.cart-input-pay-cardbtn input,
.cart-input-pay-cardbtn a,
.cart-comp-btn-area a,
.cart-1col-btn .btn,
.cart-2col-right-btn .btn,
.cart-card-change-btn a,
.cart-card-remove-btn a,
.cart-card-registed-btn a,
.cart-input-ask-history-btn .btn{
color:#fff !important;
background:#000 !important;
border:1px solid #000 !important;
border-radius:0 !important;
box-shadow:none !important;
}
.btn:hover,
a.cart-link:hover,
a.cart-link-btn:hover,
.cart-action-btn a:hover,
.cart-action-btn-buy a:hover,
.cart-action-btn-login a:hover,
.cart-action-btn-regist a:hover,
.cart-action-btn-confirm a:hover,
.cart-input-member-logoutbtn a:hover,
.cart-input-pay-cardbtn input:hover,
.cart-input-pay-cardbtn a:hover,
.cart-comp-btn-area a:hover,
.cart-1col-btn .btn:hover,
.cart-2col-right-btn .btn:hover,
.cart-card-change-btn a:hover,
.cart-card-remove-btn a:hover,
.cart-card-registed-btn a:hover,
.cart-input-ask-history-btn .btn:hover{
color:#fff !important;
background:var(--hm-accent) !important;
border-color:var(--hm-accent) !important;
opacity:1 !important;
}
.cart-action-btn-back a,
.btn-back{
color:var(--hm-ink) !important;
background:#fff !important;
border:1px solid #d8d8d8 !important;
}
.cart-action-total th,
.cart-action-total td,
.cart-action-total td{
color:var(--hm-ink) !important;
}
.cart-err{
color:var(--hm-accent) !important;
background:#fff7f7 !important;
border-color:rgba(95,15,20,0.24) !important;
border-radius:0 !important;
}
.cart-suc,
.cart-freeship{
color:var(--hm-ink) !important;
background:var(--hm-soft) !important;
border-color:var(--hm-line) !important;
border-radius:0 !important;
}
.cart-mypage-login-link{
display:grid !important;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
gap:14px !important;
margin:0 !important;
}
.cart-mypage-login-link li{
margin:0 !important;
}
.cart-mypage-login-link a{
display:grid !important;
place-items:center !important;
min-height:76px !important;
padding:16px !important;
color:var(--hm-ink) !important;
font-weight:900 !important;
text-decoration:none !important;
background:#fff !important;
border:1px solid var(--hm-line) !important;
}
.cart-mypage-login-link a:hover{
color:var(--hm-accent) !important;
border-color:var(--hm-accent) !important;
opacity:1 !important;
}
#footer,
.footer{
color:var(--hm-ink) !important;
background:#fff !important;
border-top:1px solid var(--hm-line) !important;
}
.footer-top,
.footer-bottom{
width:min(1100px,calc(100% - 44px)) !important;
max-width:1100px !important;
margin-right:auto !important;
margin-left:auto !important;
}
.footer-top h3,
.footer-bottom .copyright{
color:var(--hm-ink) !important;
}
@media screen and (max-width:600px){
.contents{
width:calc(100% - 28px) !important;
margin-bottom:62px !important;
padding-top:28px !important;
}
.header-top ul,
.header-bottom,
.footer-top,
.footer-bottom{
width:calc(100% - 28px) !important;
}
.cart-step{
display:grid !important;
}
.cart-step>div{
width:100% !important;
min-width:0 !important;
}
.cart-input,
.cart-check,
.cart-check-law,
.cart-1col,
.cart-2col-right,
.cart-mypage-history,
.cart-mypage-point,
.cart-action-inner{
padding:18px !important;
}
}