* {
box-sizing:border-box;
}
body {
background-color: #fff;
background-image: url(https://img.shop-pro.jp/tmpl_img/76/bg.gif);
color: #333;
-webkit-font-smoothing: antialiased;
/*font-family:"Font Awesome 6 Free","Font Awesome 6 Brands";　*/
}
}
h1 {
font-size: 0.7em;
text-align: center;
}
a {
color: #333;
}
a:hover {
color: #ccc;
text-decoration: none;
}
.clearfix:after{
visibility:hidden;
height:0;
display:block;
font-size:0;
content:"";
clear:both;
} 


/* clearfix */

.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix:before {
content: "";
display: block;
clear: both;
}
.clearfix {
display: block;
}


/* layout */

#dress_toprtn,
#pantsdress_toprtn,
#bolero_toprtn,
#acce_toprtn,
#bag_toprtn,
#coat_toprtn,
#suit_toprtn,
#down_toprtn,
#shoes_toprtn,
#occasion_toprtn,
#rank_toprtn,
#longseller_toprtn,
#pricedress_toprtn,
#agedress_toprtn,
#bigdress_toprtn,
#goods_toprtn,
#maomi_toprtn,
#lacedress_toprtn,
#blackformal_toprtn,
#lbd_toprtn,
#oya_toprtn,
#khc_toprtn,
#nisesite_toprtn{
display: none !important;
}

#pageTop {
position: fixed;
bottom: 2rem;
right: 5px;
font-size: 70%;
z-index: 99999;
margin:0;
}

#pageTop a {
line-height: 10px;
font-weight: bold;
background: #fff;
text-decoration: none;
color: #333;
padding: 8px 16px 16px 16px;
text-align: center;
display: block;
border:solid 2px #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-o-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}

#wrapper {
position: relative;
}


/* common */
.heading {
font-size: 15px;
font-weight: bold;
margin: 0 0 10px 0;
display: block;
padding-bottom: 5px;
letter-spacing: 0.1em;
border-bottom: 1px solid #333;
}

.lists {
margin: 0;
border-bottom: 1px solid #333;
}

.list {
border-top: 1px solid #ccc;
font-weight: normal;
}

.list:first-child {
border-top: none;
}

.list_link {
padding: 15px 0;
}

.list_link_name {
font-size: 12px;
display: block;
padding-right: 0px;
}

.list_link_img {
margin-bottom: 5px;
}

.list_icon_arrow {
float: right;
margin-right: 0px;
}

.item_img {
margin: 0 auto;
width: 100%;
max-height: 100% !important;
}
.item_img:hover {
opacity: 0.8;
}
.item_name {
padding-top: 5px;
line-height: 1.5;
height: auto;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.item_regular_price {
text-decoration: line-through;
}
.item_price {
margin: 3px 0 0 0;
font-weight: bold;
color: #cf0400;
}
.item_price_discount {
color: #cf0400;
}
.item_discount_rate {
color: #cf0400;
}
.item_soldout {
color: #cf0400;
}

.rank_box {
position: absolute;
width: 25px;
height: 25px;
background-color: #333;
display: block;
z-index: 5;
}
.rank_box_color_1 {
background-color: #dccc18;
}

.rank_box_color_2 {
background-color: #bab9c1;
}

.rank_box_color_3 {
background-color: #e18961;
}

.rank_number {
color: #fff;
display: block;
padding-top: 1px;
font-size: 14px;
}

.btn-more {
width: 96%;
margin: 0 auto 60px;
padding: 10px 12px;
}



/* header */


/*
#header {
position: relative;
z-index: 999;
width: 100%;
}
*/
#header_inner {
position: relative;
}

#header {
margin-bottom: 30px;
}
.header_top {
width: 100%;
/*height: 80px; */
border-bottom: 1px solid #eee;
position: absolute;
position: fixed;
top: 0;
background-color: #333;
z-index: 9999;
}

.fixed_cart, .fixed_banner {
display: none;
}
.header_top_inner {
max-width: 980px;
max-width: 1200px;
margin: 0 auto;
height:80px;
}
.header_top_cmspbar {
position: fixed;
}


.header_toptop{
max-width: 980px;
max-width: 1200px;
margin: 0 auto;
}




@media (max-width: 980px) {
#header {
margin-bottom: 30px;
}
.header_top {
height: 50px;
}
.header_top_inner {
height:50px;
}

.fixed_banner a img {
margin: 5px 0 0 0;
padding: 0;
width: 130px;
}

.fixed_cart {
display: block;
position: fixed;
position: absolute;
padding: 0 5px 0 0;
margin: 8px 20px 10px 10px;
width: auto;
top: 0;
background-color: #333;
text-align: center;
z-index: 999999;
right: 0;
}
.fixed_cart form{
margin: 0;
}
.fixed_cart a{
display: block;
margin: 2px;
color: #fff;
}
.fixed_cart a i{
margin: auto;

}
.fixed_cart a span{
margin: auto;
border-radius: 20px;
background-color: #F82D4F;
position: absolute;
display: block;
width: 20px;
border-radius: 20px;
top: 10px;
font-size: 13px;
right: -5px;
}
}
@media (max-width: 768px) {
#header {
margin-bottom: 0;
}
.fixed_banner {
display: block;
position: fixed;
margin: auto;
width: 100%;
height: 50px;
top: 0;
background-color: #333;
text-align: center;
z-index: 999999;
}

}



.search_form {
margin: 0;
padding: 8px 0 0 150px;
float: left;
}

.search_select {
width: 135px;
border: 1px solid #101010;
font-size: 12px;
}

.search_box {
width: 180px;
}

.btn_search {
padding: 2px 5px 3px 5px;
border: 1px solid #101010;
}

.btn_search i {
vertical-align: -35%;
}

.header_nav_headline {
text-align: right;
font-size: 12px;
padding: 8px 0 0 0;
margin: 0;
letter-spacing: 0.1em;
float: right;
}

.header_nav_headline li a i {
vertical-align: -40%;
}

.header_nav_headline li a {
color: #fff;
margin-right: 5px;
}

.header_nav_headline li a:hover {
color: #ccc;
text-decoration: none;
}

.header_nav_headline .headline_viewcart {
padding-left: 10px;
border-left: 1px solid #fff;
position: relative;
}

.header_nav_headline li.headline_viewcart a span{
display: block;
margin: auto;
border-radius: 20px;
background-color: #F82D4F;
position: absolute;
/* display: block; */
width: 20px;
border-radius: 20px;
top: 10px;
font-size: 13px;
right: -8px;
text-align: center;
}

.headline_viewcart form{
margin: 0;
}


@media (min-width: 981px) {
.header_mid {
width: 100%;
height: 50px;
border-bottom: 1px solid #333;
position: absolute;
top: 81px;
background-color: #fff;
z-index: 9;
}
}

@media (max-width: 980px) {
.header_mid {
width: 100%;
border-bottom: 1px solid #333;
position: absolute;
background-color: #fff;
z-index: 9;
padding: 50px 0 0 0;
}
}


.header_mid_cmspbar {
position: fixed;
}

.header_mid_inner {
max-width: 980px;
max-width: 1200px;
margin: 0 auto;
position: relative;
}

.header_nav_global {
font-size: 12px;
margin-top: 14px;
}

ul.header_nav_global > li {
padding: 0 5px 0 0;
}

.header_nav_global li a i {
vertical-align: -40%;
}

.header_nav_global li a {
}

.header_nav_global li a:hover {
text-decoration: none;
}

.header_nav_global_box {
display: none;
width: 100%;
height: auto;
background-color: #333;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc; 
border-right: 1px solid #ccc;
position: absolute;
top: 37px;
left: -1px;
padding: 0;
}
.header_nav_global_box_heading {
color: #fff;
font-size: 12px;
margin: 0;
padding-top: 30px;
text-align: center;
letter-spacing: 0.1em;
}
.header_nav_global_box_detail {
background-color: #fff;
padding: 30px 20px 20px;
}

.header_nav_global_left {
float: left;
margin: 0;
}

.header_nav_global_left li {
padding-bottom: 15px;
}

.header_nav_global_left li.headcoupontxt a {
color: crimson;
font-weight: bold;
}
.header_nav_global_left li.headcoupontxt a i{
background-color: crimson;
border-radius: 50px;

}

@media (min-width: 981px) {
.header_nav_global_right {
float: right;
}
}

@media (max-width: 980px) {
.header_nav_global_right {
float: right;
}
}




.header_nav_global_social {
padding-left: 5px;
}

@media only screen and (max-width: 769px){
.drawersarch .header_nav_global_social {
text-align: center;
margin: 0 auto 20px;
display:block!important;
}
}

ul.header_nav_global_social > li {
padding: 0;
}

.header_nav_global_social li a i {
vertical-align: -40%;
}






icon-b.icon-instagram { background-position: -112px -192px; }
.icon-w.icon-instagram { background-position: -112px -192px; }
.icon-lg-b.icon-instagram { background-position: -168px -288px; }
.icon-lg-w.icon-instagram { background-position: -168px -288px; }
.icon-b.icon-youtube { background-position: -128px -160px; }
.icon-w.icon-youtube { background-position: -128px -160px; }
.icon-lg-b.icon-youtube { background-position: -191px -240px; }
.icon-lg-w.icon-youtube { background-position: -191px -240px; }





.header_btm {
max-width: 980px;
padding-top: 121px;
margin: 0 auto;
}
.header_logo {
margin: 0 auto;
padding: 10px 0 5px 0;
}
@media (max-width: 980px) {
.header_btm {
padding-top: 51px;
}
.header_logo {
margin: 0 0 0 45px;
padding: 8px 0 5px 0;
}
}




.header_lead {
padding-top: 40px;
font-size: 18px;
color: #aaa;
letter-spacing: 0.1em;
float: right;
}

.header_nav_phone {
z-index: 99;
float: right;
height: 50px;
}
.header_nav_lst_phone {
position: absolute;
left: 55%;
display: none;
margin-left: -50%;
width: 90%;
border: 1px solid #ccc;
background: #fff;
}
.header_nav_lst_phone ul {
margin: 0;
}
.header_nav_lst_phone li {
padding: 0;
border-bottom: 1px solid #ccc;
text-align: center;
font-size: 12px;
}
.header_nav_lst_phone li:last-child {
border-bottom: none;
}
.header_nav_lst_phone a {
display: block;
padding: 6px 0;
}
.header_nav_lst_phone a:hover {
background: #333;
text-decoration: none;
color: #fff;
}
.nav_btn_phone {
font-size: 12px;
font-weight: bold;
color: #fff;
}
.nav_btn_phone i {
vertical-align: -40%;
}

/*ヘッダーの特集リスト　オリジナル*/

ul.header_evelist{
width: 100%;
margin: auto;
padding: 0;
border: 0;
}

ul.header_evelist li{
float: left;
list-style: none;
width: 33.3%;
display: block;
margin: auto;
padding: 0 0 15px 0;
border: 0;
}


ul.header_evelist li.eveall{
float: left;
list-style: none;
width: 100%;
display: block;
margin: auto;
padding: 2% 0 1% 0;
border: 0;
}





/*　video　*/


#video_contents{
width:100%;
height:100vh;
background:#000;
z-index:999;
overflow: hidden;
text-align:center;
display:none;
}
#video{
/*position:fixed; */
width: 100%;
height: 100vh;
margin-top:80px;
}

.video_on_logo > img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
max-width: 500px;
z-index: 7;
filter: drop-shadow(0 0 5px rgba(0,0,0,.2));
filter: invert();
}
.video_on_logo p.scroll_icon {
position: absolute;
left: 48.6%;
width: 2.8%;
bottom: 0px;
z-index: 7;
filter: invert();
}
@media only screen and (max-width: 980px) {
#video{
margin:0;
}
}
@media only screen and (max-width: 769px){
#video_contents{
max-height:calc(100vh - 50px);
margin-top:50px;
}
#video{
/*position:fixed; */
width: auto;
position:relative;
top:5vh;
top:0vh;
/*left:-85%;
left:-107%; */
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video_on_logo > img {
width: 60%;
}
.video_on_logo p.scroll_icon {
left: 45.5%;
width: 9%;
}
}





/*
 * main
 */

.main {
max-width: 980px;
max-width: 1200px;
}

/*
 * contents
 */

.contents {
padding: 0;
float: right;
}

/* pankuzu */
.pankuzu_lists {
font-size: 10px;
padding: 0;
margin-left: 25px !important;
 
}
ul.pankuzu_lists > li {
padding: 0;
}
.pankuzu_list {
}





/* side */

.side {
padding: 0;
}

.side .unstyled img {
display: block;
margin: 0;
}

.side_banner {
margin: 0 0 40px;
}
.side_bnr_lis {
}
.side_bnr_li {
margin-top: 19px;
}

.side_bnr_li a span{
display: block;
margin: 0;
padding: 0;
font-size: 12px;
}

.side_bnr_li:first-child {
margin-top: 0;
}

.side_category {
margin: 60px 0 0 0;
}
.side_category_list {
position: relative;
}
.side_subcategory_lists {
width: 80%;
padding: 15px 20px;
position: absolute;
top: -21px;
right: -160px;
border: 1px solid #ccc;
background-color: #fff;
z-index: 7;
display: none;
}
.side_subcategory_list {
border-top: none;
}
.side_subcategory_lists li a {
padding: 5px 0;
}

.side_group {
margin-top: 60px;
}
.side_group_heading {
}
.side_group_lists {
}
.side_group_list {
}

.side_freepage {
margin-top: 60px;
}
.side_freepage_heading {
margin-bottom: 20px;
}
.side_freepage_lists {
}
.side_freepage_list {
padding-top: 0;
border: none;
}
.side_freepage_list a {
padding: 0 0 20px 0;
}

.side_mobile_shop {
margin-top: 60px;
}
.side_mobile_shop_heading {
margin-bottom: 20px;
}
.side_mobile_shop_img {
text-align: center;
}

.side_banner_long {
margin-top: 40px;
}

/*
 * footer
 */

.footer {
width: 100%;
margin-top: 40px;
}

.footer_inner {
max-width: 980px;
margin: 0 auto;
}

.footer_heading {
}
.footer_lists {
margin-top: 20px;
}
.footer_list {
padding: 0 10px;
text-align: center;
}
.footer_list_img {
margin: 0 auto;
}

.footer_seller,
.footer_recommend,
.footer_checked {
margin-bottom: 40px;
}

.footer_seller_lists,
.footer_recommend_lists,
.footer_checked_lists {
font-size: 10px;
}

.footer_seller_list,
.footer_recommend_list,
.footer_checked_list{
margin-bottom: 10px;
}

.footer_banner {
padding-bottom: 60px;
margin: 0 auto;
}

.footer_pagetop {
text-align: center;
background-color: #333;
}
.footer_pagetop a {
display: block;
width: 100%;
height: 40px;
}
.footer_pagetop_icon {
margin-top: 8px;
}

.footer_notice {
padding: 60px 0;
background-color: #eee;
}
h3.footer_notice_heading {
padding-bottom: 20px;
border-bottom: none;
display: flex;
align-items: center;
}
h3.footer_notice_heading::after{
border-top: 1px solid;
content: "";
width: 3em;
}
.footer_notice_lists {
margin: 0 0 30px 0;
}
.ft_ntc_li_dt {
padding: 10px 0;
color: #555;
font-size: 0.9em;
}
.ft_ntc_li_dt::before {
content: "●";
margin-right: 3px;
}
.ft_ntc_li_dt:first-child {
padding: 0 0 10px;
}
.footer_notice_list_dd {
margin: 0;
line-height: 1.8;
}
.footer_notice_cal_table {
}
.footer_notice_cal_memo {
}

.tbl_calendar {
margin-bottom: 20px;
max-width: 260px;
width: 100%;
font-size: 84.615%;
}
.tbl_calendar caption {
text-align: center;
}
.tbl_calendar th {
padding: .3em 0;
border-bottom: 1px solid #ccc;
text-align: center;
}
.tbl_calendar td {
padding: .5em 0;
width: 14.2%;
border-bottom: 1px solid #ccc;
text-align: center;
}
.cal_memo {
margin-top: 1em;
font-size: 84.615%;
}

.footer_nav {
padding: 60px 0;
/*background-color: #333; */
background-color: #888;
}

.footer_nav_shopinfo {
color: #fff;
}
.footer_nav_shopinfo_img {
padding: 0;
text-align: left;
}
.footer_nav_shopinfo_img img {
width: 180px;
}
.footer_nav_shopinfo_caption {
padding: 0 2%;
}
.footer_nav_shopinfo_name {
font-size: 18px;
padding-left: 5px;
}
.footer_nav_shopinfo_memo {
padding-left: 5px;
}

.ft_nv_lis {
}
.ft_nv_li {
color: #fff;
padding-top: 15px;
}
.ft_nv_li:first-child {
padding-top: 0;
}
.ft_nvli_link {
color: #fff;
}
.ft_nvli_link:hover {
color: #ccc;
text-decoration: none;
}

.footer_copyright {
text-align: center;
padding: 2em 0;
}
.footer_powered {
display: block;
padding: 10px 0;
line-height: 18px;
}
.footer_powered a {
color: #a1a19f;
text-decoration: none;
font-size: 11px;
}
.footer_powered img {
margin: 0;
width: 140px;
}

.footer_logo {
display: block;
padding: 10px 0;
line-height: 18px;
}
.footer_logo a {
color: #a1a19f;
text-decoration: none;
font-size: 11px;
}
.footer_logo img {
margin: 0;
width: 140px;
}


/*
 * Slider
 */

.slider {
position: relative;
margin-bottom: 40px;
padding:50px;
background: #efefef;
}

.bx-wrapper {
z-index: 0;
}

.bx-wrapper img {
width: 100%;
height: auto;
}

.slider .bx-wrapper .bx-viewport {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
left: 0 !important;
border: none !important;
}

.slider .bx-wrapper .bx-caption {
background: #000\9;
background: rgba(0, 0, 0, 0.60);
}

.slider .bx-wrapper .bx-caption span {
font-size: 10px;
padding: 5px;
text-align: center;
}

/*
 * sk privacy
 */

/*
.skpr_box {
padding-top: 160px !important;
margin-top: -60px
}
*/
.skpr_box:first-child {
padding-top: 0;
margin-top: 0;
}

.skpr_detail,
.privacy_lead {
margin: 20px 0 0;
font-size: 13px;
}

.skpr_detail_lists {
}

.skpr_detail_list_dt {
padding: 20px 0 5px;
}

.skpr_detail_list_dt:first-child {
padding: 0 0 5px;
}

.skpr_detail_list_dd {
margin: 0;
}

/*
 * temp
 */

/* textarea input */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
border: 1px solid #101010;
background-color: #fff;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
outline: 0;
outline: thin dotted \9;
border-color: rgba(82, 168, 236, 0.8);
}

/*
 * icons
 */
.icon-b.icon-user { background-position: -208px -0px; }
.icon-w.icon-user { background-position: -208px -0px; }
.icon-lg-b.icon-user { background-position: -312px -0px; }
.icon-lg-w.icon-user { background-position: -312px -0px; }
.icon-b.icon-adduser { background-position: -240px -0px; }
.icon-w.icon-adduser { background-position: -240px -0px; }
.icon-lg-b.icon-adduser { background-position: -360px -0px; }
.icon-lg-w.icon-adduser { background-position: -360px -0px; }
.icon-b.icon-login { background-position: -48px -80px; }
.icon-w.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-lg-w.icon-login { background-position: -72px -120px; }
.icon-b.icon-logout { background-position: -32px -80px; }
.icon-w.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-lg-w.icon-logout { background-position: -48px -120px; }
.icon-b.icon-cart { background-position: -176px -64px; }
.icon-w.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-lg-w.icon-cart { background-position: -264px -96px; }
.icon-b.icon-search { background-position: -208px -16px; }
.icon-w.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-lg-w.icon-search { background-position: -312px -24px; }
.icon-b.icon-mail { background-position: -64px -0px; }
.icon-w.icon-mail { background-position: -64px -0px; }
.icon-lg-b.icon-mail { background-position: -96px -0px; }
.icon-lg-w.icon-mail { background-position: -96px -0px; }
.icon-b.icon-book { background-position: -144px -32px; }
.icon-w.icon-book { background-position: -144px -32px; }
.icon-lg-b.icon-book { background-position: -216px -48px; }
.icon-lg-w.icon-book { background-position: -216px -48px; }
.icon-b.icon-help { background-position: -288px -80px; }
.icon-w.icon-help { background-position: -288px -80px; }
.icon-lg-b.icon-help { background-position: -432px -120px; }
.icon-lg-w.icon-help { background-position: -432px -120px; }
.icon-b.icon-c_twitter { background-position: -112px -176px; }
.icon-w.icon-c_twitter { background-position: -112px -176px; }
.icon-lg-b.icon-c_twitter { background-position: -168px -264px; }
.icon-lg-w.icon-c_twitter { background-position: -168px -264px; }
.icon-b.icon-c_facebook { background-position: -144px -176px; }
.icon-w.icon-c_facebook { background-position: -144px -176px; }
.icon-lg-b.icon-c_facebook { background-position: -216px -264px; }
.icon-lg-w.icon-c_facebook { background-position: -216px -264px; }
.icon-b.icon-c_google { background-position: -192px -176px; }
.icon-w.icon-c_google { background-position: -192px -176px; }
.icon-lg-b.icon-c_google { background-position: -288px -264px; }
.icon-lg-w.icon-c_google { background-position: -288px -264px; }
.icon-b.icon-c_pinterest { background-position: -224px -176px; }
.icon-w.icon-c_pinterest { background-position: -224px -176px; }
.icon-lg-b.icon-c_pinterest { background-position: -336px -264px; }
.icon-lg-w.icon-c_pinterest { background-position: -336px -264px; }
.icon-b.icon-chevron_right { background-position: -16px -144px; }
.icon-w.icon-chevron_right { background-position: -16px -144px; }
.icon-lg-b.icon-chevron_right { background-position: -24px -216px; }
.icon-lg-w.icon-chevron_right { background-position: -24px -216px; }
.icon-b.icon-chevron_down { background-position: -352px -128px; }
.icon-w.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-lg-w.icon-chevron_down { background-position: -528px -192px; }
.icon-b.icon-chevron_up { background-position: -0px -144px; }
.icon-w.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-lg-w.icon-chevron_up { background-position: -0px -216px; }
.icon-b.icon-chevron_left { background-position: -336px -128px; }
.icon-w.icon-chevron_left { background-position: -336px -128px; }
.icon-lg-b.icon-chevron_left { background-position: -504px -192px; }
.icon-lg-w.icon-chevron_left { background-position: -504px -192px; }
.icon-b.icon-list { background-position: -192px -96px; }
.icon-w.icon-list { background-position: -192px -96px; }
.icon-lg-b.icon-list { background-position: -288px -144px; }
.icon-lg-w.icon-list { background-position: -288px -144px; }
.icon-b.icon-pencil { background-position: -96px -0px; }
.icon-w.icon-pencil { background-position: -96px -0px; }
.icon-lg-b.icon-pencil { background-position: -144px -0px; }
.icon-lg-w.icon-pencil { background-position: -144px -0px; }
.icon-lg-b.icon-instagram {
background-position: -168px -288px;
}
.icon-lg-b.icon-heart {background-position: -48px -24px;}
.icon-lg-w.icon-heart { background-position: -48px -24px;}
.icon-lg-b.icon-ticket {background-position: -312px -96px;}
.icon-lg-w.icon-ticket {background-position: -312px -96px;}
.icon-lg-b.icon-light_bulb {background-position: -144px -96px;}
.icon-lg-w.icon-light_bulb {background-position: -144px -96px;}

/* 24px black */
.icon-lg-b.icon-newspaper {
background-position: -240px -48px;
}
/* 24px white */
.icon-lg-w.icon-newspaper {
background-position: -240px -48px;
}
.icon-lg-b.icon-triangle_left {
background-position: -408px -192px;
}

.icon-b.icon-check {
background-position: -64px -80px;
background-color: #ff4a6d;
margin: 0 5px 0 0;
}


.icon-b, .icon-w {
width: 16px;
height: 16px;
display: inline-block;
/*
display: inline;
zoom: 1;
*/
}
.icon-lg-b, .icon-lg-w {
width: 24px;
height: 24px;
display: inline-block;
/*
display: inline;
zoom: 1;
*/
}

#footer_sns .icon-lg-b, #footer_sns .icon-lg-w {
filter: brightness(1000%);
}



.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.icon-b,
.icon-w {
-webkit-background-size: 368px 320px;
background-size: 368px 320px;
/*filter: brightness(1000%); */
}

.icon-lg-b, .icon-lg-w {
-webkit-background-size: 552px 480px;
background-size: 552px 480px;
/*filter: brightness(1000%); */
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_2x_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_2x_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_w.png); }
}
@media (max-width: 768px) {
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_w.png); }
}

/* Media Queries */

@media (min-width: 980px) {
.contents {
width: 750px;
width: 880px;
width: calc(100% - 310px);
}

.contents_detail {
width: 100%;
}

.side {
width: 200px;
width: 300px;
}

.header_nav_global_right li {
display: inline-block !important;
}
}

@media (min-width: 769px) {
.footer_list {
width: 10%;
}
}

@media (max-width: 980px) {
#base_gmoWrapp,
#gmo_CMSPbar {
overflow: hidden;
min-width: 100% !important;
width: 100% !important;
}

.contents, .side, .footer_heading {
padding-right: 1%;
padding-left: 1%;
}

.header_nav_phone {
margin-right: 10px;
}
.header_nav_phone {
margin-right: 0;
}
.nav_btn_phone {
display: block;
height: 30px;
padding-top: 15px;
}
}

@media (min-width: 981px) {
.zdo_drawer_menu{
display: none;
}
}
@media (max-width: 980px) {
.zdo_drawer_menu{
display: block;
}
}




@media (min-width: 981px) {
.header_logo a img{
margin: 10px 0 0 0;
padding: 0;
float: left;
height: 40px;
position: absolute;
}

.header_logo a span{
text-decoration: none;
font-size: 11px;
margin: auto;
padding: 0;
border: 0;
display: block;
font-weight: normal;
text-align: right;
color: #fff;
}
.header_logo a span > br{
display: none;

}

.header_logo a:hover{
color: #232323;
text-decoration: none;
font-size: 10px;
margin: auto;
padding: 0;
border: 0;
display: block;
font-weight: normal;
}
}

@media (max-width: 980px) {
.header_logo {
margin: auto;
padding: 0;
border: 0;
float: none;
text-align: center;
}
.header_logo a img{
margin: 5px 0 0 0;
padding: 0;
width: 130px;
}
.header_logo a span > br{
display: none;
}
.header_logo a span{
text-decoration: none;
font-size: 10px;
margin: auto;
padding: 25px 0 0 0;
border: 0;
display: block;
font-weight: normal;
text-align: center;
}

.header_logo a:hover{
color: #232323;
text-decoration: none;
font-size: 10px;
margin: auto;
padding: 0;
border: 0;
display: block;
font-weight: normal;
}
.header_logo a:hover{
color: #232323;
text-decoration: none;
font-size: 10px;
margin: auto;
padding: 0;
border: 0;
display: block;
font-weight: normal;
}

}





@media (max-width: 980px) {
.header_logo a span{
text-decoration: none;
font-size: 11px;
margin: 0 0 0 130px;
padding: 0;
border: 0;
display: block;
font-weight: normal;
text-align: left;
color: #fff;
width: 60%;
}
}
@media (max-width: 768px) {
.header_logo a span{
margin: auto;
/*padding: 10px 0 0 0;*/
padding: 35px 0 0 0;
}
}
@media (max-width: 470px) {
.header_logo a span > br{
display: none;
}
.header_logo a span{
font-size: 10px;
padding: 25px 0 0 0;
}
}







@media (max-width: 768px) {
.search_form {
padding: 0;
float: none;
max-width: 100%;
margin: 0 auto 10px;
}
.search_select {
width: 135px;
margin: 0;
padding: 0;
}
.search_box {
width: 45%;
float: none;
}
.btn_search {
width: 50px;
float: none;
}
.header_btm {
padding: 70px 0 0 0;
text-align: center
}
}

@media (max-width: 470px) {
.search_select {
width: 125px;
}
.search_box {
width: 120px;
}
.btn_search {
width: 40px;
}
}








@media (max-width: 768px) {
.contents {
padding-bottom: 60px;
}

.side,
.footer_heading {
padding: 0;
}

.productlist_lists {
padding: 0 0px 20px;
}




.header_lead {
padding-top: 10px;
font-size: 12px;
float: none;
}

.header_nav_global_social {
padding-left: 0;
}



.slider {
margin: 0 auto;
margin-bottom: 20px;
padding: 2%;
width: 95%;
}

.side_group,
.side_freepage {
margin-top: 0;
}

.info_detail,
.top_lists {
padding: 0 10px 20px;
}

.free_space {
font-size: 12px;
padding: 0 10px 60px;
}


.list {
padding: 0;
}

.list_link {
padding: 10px;
}

.list_icon_arrow {
margin-right: 0;
}

.side_banner {
margin-bottom: 40px;
text-align: center;
}

.side_bnr_li {
margin-top: 0;
}

.side_freepage_heading {
margin-bottom: 0;
}
.side_freepage_list {
padding: 0;
border-top: 1px solid #ccc;
}
.side_freepage_list a {
padding: 10px;
}

.heading {
font-size: 14px;
font-weight: bold;
padding: 5px 0 5px 15px;
}

.side_category {
margin-top: 0;
}
.side_category_list {
position: static;
cursor: pointer;
}
.side_subcategory_lists {
width: 100%;
padding: 0;
position: static;
border: none;
background-color: #f5f5f5;
display: none;
}
.side_subcategory_list {
border-top: 1px solid #ccc;
}
.side_subcategory_list:first-child {
border-top: 1px solid #ccc;
}
.side_subcategory_lists li a {
padding: 10px;
}


.side_category_heading,
.side_group_heading,
.side_freepage_heading,
.footer_seller_heading,
.footer_recommend_heading,
.footer_checked_heading,
.footernavti{
background-color: #333;
color: #fff;
padding: 10px 0 10px 10px;
}

.footer {
margin-top: 0;
}

.footer_lists {
padding: 0 10px 20px;
}

.footer_list {
padding-right: 1%;
padding-left: 1%;
}

.footer_checked {
}

.footer_banner {
text-align: center;
padding: 0 10px 60px;
}
.footer_banner li {
padding: 5px;
}


.footer_seller_lists,
.footer_recommend_lists,
.footer_checked_lists {
font-size: 12px;
}
.footer_seller_list,
.footer_recommend_list {
margin-bottom: 40px;
}
.footer_checked_list {
margin-bottom: 10px;
}

.footer_notice {
padding: 0;
}

.footer_nav {
padding: 0;
}
.footer_nav_shopinfo {
padding: 30px 0;
}
.footer_nav_shopinfo_img {
padding-bottom: 10px;
text-align: center;
}
.footer_nav_shopinfo_caption {
text-align: center;
}
.footer_nav_shopinfo_name {
padding-left: 0;
}
.footer_nav_shopinfo_memo {
padding-left: 0;
}

.footer_nav_menu_right {
padding: 0;
border-top: 1px solid #777;
}
.footer_nav_menu_right li {
margin: 0;
padding: 0;
border-bottom: 1px solid #777;
}
.footer_nav_menu_right li:nth-child(odd) {
border-right: 1px solid #777;
}
.footer_nav_menu_right a {
display: block;
padding: 12px 10px;
color: #fff;
text-decoration: none;
font-size: 11px;
}

.footer_nav_menu {
padding: 20px;
text-align: center;
font-size: 10px;
background-color: #333;
color: #fff;
}

.footer_nav_list {
padding-top: 5px;
}

.footer_copyright {
font-size: 10px;
}

.skpr_detail,
.privacy_lead {
padding: 0 10px 20px;
}

/*
.skpr_box {
padding-top: 70px !important;
margin-top: -10px
}
*/

.skpr_box:first-child {
padding-top: 0;
margin-top: 0;
}
}





@media (max-width: 480px) {
.side_bnr_li {
margin-top: 19px;
}
.side_bnr_li:first-child {
margin-top: 0;
}
}




/*お気に入りボタン*/

.product-list__fav-itemslide {
width: 30px;
margin: 0;
}

.product-list__fav-itemslide button {
display: block;
width: auto;
padding: 10px 0 0 10px;
cursor: pointer;
transition: .2s;
text-align: center;
color: #999;
border: 0;
outline: none;
background: transparent;
}

.product-list__fav-itemslide .fav-itemslide {
color: #ff7373;
}

.product-list__fav-itemslide svg {
width: 20px;
height: 20px;
fill: currentColor;
}




/*アコーディオン*/

dl.dracatelist_accordi {
width:100%; 
margin:0 auto; 
padding:0;
}

dl.dracatelist_accordi dd { 
padding:0;
display:none;
}

dl.dracatelist_accordi dd a{
padding:0;
}

dl.dracatelist_accordi dd img {
width: 100%;
}

dl.dracatelist_accordi dt, dd{
line-height: normal;
margin: auto;
padding: 0;
border: 0;
}

dl.dracatelist_accordi dt {
background:url("https://ruirue-co-jp.prm-ssl.jp/colormeshop/colormeshop_smart/img/acroodi_open.png") no-repeat center;
background-position: center right 20px;
padding: 10px;
text-align:left;
cursor:pointer;
background-size: 15px;
margin: 0;
border-bottom: 1px solid #e1e1e1;
font-size: 13px;
background-color: #f9f9f9;



}

dl.dracatelist_accordi dt.open {
background:url("https://ruirue-co-jp.prm-ssl.jp/colormeshop/colormeshop_smart/img/acroodi_close.png") no-repeat center;
background-position: center right 20px;
position:relative;
background-size: 15px;
margin: 0;
padding: 10px;
text-align:left;
font-size: 13px;
background-color: #f9f9f9;
}


/*サイドグループリスト*/

ul.sidegrparea{
margin-left: 0;
list-style: none;
margin: 0;
border-bottom: 1px solid #333;
padding: 0;
}

ul.sidegrparea li{
border-top: 1px solid #ccc; 
list-style: none;
}

ul.sidegrparea li:first-child {
border-top: none;
}

ul.sidegrparea li a{
padding: 15px 0;
color: #333232;
display: block;
}


ul.sidegrparea li a:hover{
color: #ccc;
}

ul.sidegrparea li a span.grparow{
background-position: -24px -216px;
background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_b.png);
background-size: 552px 480px;
width: 24px;
height: 24px;
display: inline-block;
float: right;
margin-right: 0px;
}

ul.sidegrparea li a span.grptxt{
font-size: 12px;
display: block;
padding-right: 0px; 
}

@media (min-width: 769px) {
ul.sidegrparea li a{
padding: 15px 0;
color: #333232;
display: block;
}
}

@media (max-width: 768px) {
ul.sidegrparea li a{
padding: 10px;
color: #333232;
display: block;
}
}


/*クーポントップ*/

@media (min-width: 981px) {

div.headernavcp{
width: 100%;
height: auto;
background-color: #fff;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
position: absolute;
top: 0px;
left: -1px;
padding: 0;
}

ul.cplist{
width: 100%;
margin: auto;
padding: 0;
border: 0;
}

ul.cplist li{
float: left;
list-style: none;
width: auto;
margin: auto;
padding: 0;
border: 0;
}

ul.cplist li.cpname_ti{
float: left;
list-style: none;
width: 38%;
margin: auto;
padding: 5px 0 5px 2%;
border: 0;
background-color: #333;
color: #fff;
}

ul.cplist li.cplim_ti{
float: left;
list-style: none;
width: 23%;
margin: auto;
padding: 5px 0;
border: 0;
background-color: #333;
color: #fff;
}

ul.cplist li.cpgro_ti{
float: left;
list-style: none;
width: 20%;
margin: auto;
padding: 5px 1%;
border: 0;
background-color: #333;
color: #fff;
}

ul.cplist li.cpcoade_ti{
float: left;
list-style: none;
width: 15%;
margin: auto;
padding: 5px 0;
border: 0;
background-color: #333;
color: #fff;
}

ul.cplist li.cpname{
float: left;
list-style: none;
width: 38%;
margin: auto;
padding: 10px 0 0 2%;
border: 0;
}

ul.cplist li.cplim{
float: left;
list-style: none;
width: 23%;
margin: auto;
padding: 10px 0;
border: 0;
}

ul.cplist li.cpgro{
float: left;
list-style: none;
width: 20%;
margin: auto;
padding: 10px 1%;
border: 0;
}

ul.cplist li.cpcoade{
float: left;
list-style: none;
width: 15%;
margin: auto;
padding: 10px 0;
border: 0;
color: #f5216b;
}

.bdline{
border-bottom: dotted 0.5px #333 !important;
}

.cphow{
padding: 0;
width: 96%;
margin: 10px auto;
border-radius: 15px;
background-color: #f8f7f7;
}

ul.cphowlist{
margin: 10px 30px;
padding: 0;
}

ul.cphowlist li{
float: left;
list-style: none;
width: 50%;
}

.cphowti{
font-size: 13px;
margin: 0;
padding: 20px 0 20px 0;
border: 0;
font-weight: bold;
}

span.cphowpo{
font-size: 14px;
line-height: 28px;
vertical-align: top;
}

ul.cphowlist li.cphowimg{
float: left;
list-style: none;
width: 48%;
margin: 2% 0 0 2%;
}
}


@media (max-width: 980px) {

div.headernavcp{
width: 100%;
height: auto;
background-color: #fff;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
top: 0px;
left: -1px;
padding: 0;
}

ul.cplist{
width: 100%;
margin: auto;
padding: 0;
border: 0;
}

ul.cplist li{
float: left;
list-style: none;
width: auto;
margin: auto;
padding: 0;
border: 0;
text-align: center;
}

ul.cplist li.cpname_ti{
float: left;
list-style: none;
width: 23%;
margin: auto;
padding: 5px 0 5px 2%;
border: 0;
background-color: #333;
color: #fff;
font-size: 10px;
}

ul.cplist li.cplim_ti{
float: left;
list-style: none;
width: 20%;
margin: auto;
padding: 5px 0;
border: 0;
background-color: #333;
color: #fff;
font-size: 10px;
}

ul.cplist li.cpgro_ti{
float: left;
list-style: none;
width: 20%;
margin: auto;
padding: 5px 1%;
border: 0;
background-color: #333;
color: #fff;
font-size: 10px;
letter-spacing: -1px;
}

ul.cplist li.cpcoade_ti{
float: left;
list-style: none;
width: 33%;
margin: auto;
padding: 5px 0;
border: 0;
background-color: #333;
color: #fff;
font-size: 10px;
}

ul.cplist li.cpname{
float: left;
list-style: none;
width: 23%;
margin: auto;
padding: 10px 0 10px 2%;
border: 0;
font-size: 12px;
letter-spacing: -0.5px;
}

ul.cplist li.cplim{
float: left;
list-style: none;
width: 18%;
margin: auto;
padding: 10px 1%;
border: 0;
font-size: 12px;
letter-spacing: -1px;
}

ul.cplist li.cpgro{
float: left;
list-style: none;
width: 20%;
margin: auto;
padding: 10px 1%;
border: 0;
font-size: 11px;
}

ul.cplist li.cpcoade{
float: left;
list-style: none;
width: 30%;
margin: auto;
padding: 10px 0;
border: 0;
color: #f5216b;
text-align: center;
font-size: 14px;
}

.bdline{
border-bottom: dotted 0.5px #333 !important;
}

.cphow{
padding: 0 !important;
width: 96% !important;
margin: 10px auto !important;
border-radius: 15px;
background-color: #f8f7f7;
}

ul.cphowlist{
margin: 10px 10px;
padding: 0;
}

ul.cphowlist li{
float: left;
list-style: none;
width: 100%;
padding: 0;
}

.cphowti{
font-size: 12px !important;
margin: 0 !important;
padding: 10px 0 0 0 !important;
border: 0;
font-weight: bold !important;
}

span.cphowpo{
font-size: 14px;
line-height: 28px;
vertical-align: top;
}

.cphowtxt{
font-size: 12px !important;
margin: 5px 0 !important;
}

ul.cphowlist li.cphowimg{
float: left;
list-style: none;
width: 100%;
margin: 1% 0 5% 0;
}
}






/*****トップ　トピックス*******/

.topics_area{
width: 100%;
}
ul.topiclist{
width: 100%;
padding: 0;
margin: 2% auto;
display: inline-block;
flex-wrap: wrap;
justify-content: space-around;
text-align: center;
}

ul.topiclist li {
width: 32.9%;
padding: 1%;
margin: 0 0 10px;
border: 0;
display: inline-block;
vertical-align: top;
height: 100%;
box-sizing: border-box;
}

@media (min-width: 769px) {

/*
ul.topiclist li{
width: 30.5%;
padding: 1%;
margin: 0 0 2% 0;
border: 0;
display: inline-block;
vertical-align: top;
background-color: #f6f6f6;
height: 280px;
}
*/

ul.topiclist li a span.topicimg{
display: block;
margin: auto;
width: 100%;
border: 0;
padding: 0;
}

ul.topiclist li a span.topicimg img{
width: 100%;
padding: 0;
border: 0;
}


ul.topiclist li a span.topicti{
display: block;
margin: 2% auto;
text-align: left;
font-size: 14px;
font-weight: bold;
width: 95%;
border: 0;
padding: 0;
}

ul.topiclist li a span.topictxt{
display: block;
margin: 2% auto 0;
text-align: left;
font-size: 12px;
width: 95%;
border: 0;
padding: 0;


padding-top: 5px;
line-height: 1.5;
height: auto;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

}


@media (max-width: 768px) {
.topics_area{
width: 95%;
margin: auto;
}

ul.topiclist{
display: flex;
background:none;
}
/*
ul.topiclist{
width: 100%;
padding: 0;
margin: 2% 0;
border: 0;
}

ul.topiclist li{
width: 30.5%;
padding: 1%;
margin: 0 0 2% 0;
border: 0;
display: inline-block;
vertical-align: top;
background-color: #f6f6f6;
height: 280px;
}
*/
ul.topiclist li {
/*
width: 32.8%;
padding: 1%;
margin: 0 0.5% 2% 0;
border: 0;
display: inline-block;
vertical-align: top;
background-color: #f6f6f6;
height: 280px;
box-sizing: border-box;
float: left;
*/
width: 49%;
padding: 1%;
margin: 0 auto 10px;
border: 0;
display: inline-block;
vertical-align: top;
background-color: #f6f6f6;
/* height: 150px; */
box-sizing: border-box;

}

ul.topiclist li a span.topicimg{
display: block;
margin: auto;
width: 100%;
border: 0;
padding: 0;
}

ul.topiclist li a span.topicimg img{
width: 100%;
padding: 0;
border: 0;
}


ul.topiclist li a span.topicti{
display: block;
margin: 2% auto;
text-align: left;
font-size: 12px;
font-weight: bold;
width: 95%;
}

ul.topiclist li a span.topictxt{
/*
display: block;
margin: 2% auto 0;
text-align: left;
width: 95%;
*/

font-size: 10px;

line-height: 1.5;
height: auto;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;

}

}


/*******フッターバナーナビ************/



@media (max-width: 768px) {
ul.footerbananav li{
display: inline-block !important;
vertical-align: top;
width: 49%;
margin: auto;
padding: 0.5%;
border: 0;
}

ul.footerbananav{
width: 95%;
margin: 2% auto;
padding: 0;
border: 0;
max-width: 980px;
}

/*
.footernavti{
font-size: 15px;
font-weight: bold;
margin: auto;
padding-bottom: 5px;
letter-spacing: 0.1em;
border-bottom: 1px solid #333;
max-width: 980px;
width: 95%;
}
*/

}

@media (min-width: 769px) {
ul.footerbananav li{
display: inline-block;
vertical-align: top;
width: 33.02%;
margin: auto;
padding: 1%;
border: 0;
}

ul.footerbananav{
width: 100%;
margin: 2% auto;
padding: 0;
border: 0;
max-width: 980px;
}

.footernavti{
font-size: 15px;
font-weight: bold;
margin: auto;
padding-bottom: 5px;
letter-spacing: 0.1em;
border-bottom: 1px solid #333;
max-width: 980px;
width: 100%;
}

}



ul.footerbananav li a img{
width: 100%;
margin: auto;
padding: 0;
border: 0;
}

ul.footerbananav li a span{
display: block;
margin: 1% auto;
padding: 0;
border: 0;
font-size: 11px;
}


/*共通表示固定送料のところ*/

@media (min-width: 981px) {
.headcarrynav{
display: block;
position: fixed;
top: 131px;
width: 100%;
background-color: rgba(255, 1, 60, 0.81);
margin: auto;
text-align: center;
/*z-index: 999; */
z-index: 2;
font-size: 12px;
color: #fff;
letter-spacing: 2px;
padding: 0.1%;
}

.headcarrynav_sp{
display: none;
}

.main {
padding: 5px 0;
margin: 50px auto 0;
}

.footersale{
position: fixed;
bottom: 0;
width: 100%;
z-index: 99;
}

.footersale a{
background-color: rgba(255, 1, 60, 0.81);
width: 100%;
display: block;
margin: auto;
text-align: center;
font-size: 100%;
color: #fff;
padding: 0.5% 0;
letter-spacing: 1px;
}
/*
.footersale a img{
display: none;
}
*/
}

@media screen and (min-width:769px) and (max-width: 980px){
.headcarrynav{
display: block;
position: fixed;
top: 50px;
width: 100%;
background-color: rgba(255, 1, 60, 0.81);
margin: auto;
text-align: center;
z-index: 999;
font-size: 12px;
color: #fff;
letter-spacing: 2px;
padding: 0.1%;
}

.headcarrynav_sp{
display: none;
}

.main {
padding: 15px 0;
margin: 30px auto 0;
}


.footersale{
position: fixed;
bottom: 0;
width: 100%;
}

.footersale a{
background-color: rgba(255, 1, 60, 0.81);
width: 100%;
display: block;
margin: auto;
text-align: center;
font-size: 100%;
color: #fff;
padding: 0.5% 0;
letter-spacing: 1px;
}
/*
.footersale a img{
display: none;
}
*/
}

@media (max-width: 768px) {

.headcarrynav{
display: none;
}

.headcarrynav{
display: block;
position: fixed;
top: 50px;
width: 100%;
background-color: rgba(255, 1, 60, 0.81);
margin: auto;
text-align: center;
z-index: 10;
font-size: 12px;
color: #fff;
letter-spacing: 2px;
padding: 0.1%;
z-index: 99;
}

.footersale a span{
display: none;
}
/*
.footersale a img{
display: block;
position: fixed;
bottom: 0;
width: 100%;
}
*/
}


.eveall{
font-weight: bold;
}

.evemorebtn{
-webkit-border-radius: 3px;
border-radius: 3px;
text-align: center;
cursor: pointer;
width: 90%;
margin: auto;
padding: 0;
 
}

.evemorebtn a{
display: block;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #f5f5f5;
text-align: center;
font-size: 14px;
cursor: pointer;
width: 90%;
margin: 0 auto 60px;
padding: 10px 12px;
}



/*インフォメーション*/


.amznimg{
margin: 2% 0;
}

.linepimg{
margin: 1% 0;
width: 100%;
max-width: 100px !important;
}

.paypayimg{
margin: 1% 0;
width: 100%;
max-width: 100px !important;
}


.caimg{
width: 15%;
}

.caimg img{
width: 100%;
}




/*　フッターSNSアイコン */

ul#footer_sns{
list-style: none;
vertical-align: middle;
width: 100%;
height: 50px;
padding: 0;
margin: 0;
margin-top: 20px;
}
#footer_sns li{
/*width: 20%; */
margin-right: 2%;
display: inline-block;
}
#footer_sns li:last-child{
/*width: 50%; */
margin-right: 0%;
display: inline-block;
}
#footer_sns li img{
width:100%;
}


@media (max-width: 768px) {
ul#footer_sns{
/*width: 50%; */
height: 70px;
margin: 0 auto;
margin-top: 20px;
}
}


dl.ama dd.footer_notice_list_dd:nth-child(4) {
content:"";
background: url('https://ruirue-co-jp.prm-ssl.jp/colorme_mode/img/amazonpay.png');
background-repeat: no-repeat;
background-size: 120px;
line-height: 32px;

}

dl.ama dd.footer_notice_list_dd:nth-child(6) {
content:"";
background: url('https://ruirue-co-jp.prm-ssl.jp/colorme_mode/img/paypay.png');
background-repeat: no-repeat;
background-size: 100px;
line-height: 32px;
}

dl.ama dd.footer_notice_list_dd:nth-child(8) {
content:"";
background: url('https://ruirue-co-jp.prm-ssl.jp/colorme_mode/img/linepay.png');
background-repeat: no-repeat;
background-size: 100px;
line-height: 32px;
}








.kkcbnr{
text-align: center;
position: fixed;
bottom: 20px;
margin: auto;
width: 100%;
padding: 0;
display: block;
z-index: 100;
}
.btn_banner a{
position: relative;
text-align: center;
width: 550px;
margin: auto;
padding: 10px 20px;
font-size: 15px;
color: #fff;
text-decoration: none;
background-color: #d1a252;
border-radius: 5px;
display: block;
}
.btn_banner_closebtn{
bottom: 32px;
position: relative;
font-size: 15px;
margin: auto;
left: 270px;
background-color: #fff;
color: #d4c85f;
line-height: 20px;
border-radius: 25px;
width: 20px;
height: 20px;
text-align: center;
cursor:pointer;
}
x.bnrtxt{
display: static;
}


@media (max-width: 768px) {
.kkcbnr{
bottom: auto;
top: 53px;
left: 1%;
width: 98%;
}
.btn_banner a{
width: 100%;
margin: 0;
text-align: left;
font-size: 12px;
letter-spacing: 2px;
padding: 0.6% 0 0.6% 0;
text-indent: 10px;

}
.btn_banner_closebtn{
position: absolute;
line-height: 15px;
width: 15px;
height: 15px;
left: auto;
right: 2.5%;
top: 11px;
}
.bnrtxt{
display: none;
}
}


.oggi_topbana{
width: 100%;
padding: 0;
border: 0;
margin: 2% auto;
}

.oggi_topbana a{
display: block;
text-decoration: none;
border: 0;
}

.oggi_topbana a img{
display: block;
width: 100%;
padding: 0;
border: 0;
margin: auto;
max-width:750px;
}




@media (max-width: 980px) {
/*[class*="col-md-"] { */
.col-md-4{
padding-right: 0%;
padding-left: 0%;
min-height: 1px;
float: none;
display: inline-block!important;
vertical-align: top;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
box-sizing: border-box;
}


.header_mid{
display: none!important;
}



}
@media (max-width: 768px) {
/*[class*="col-sm-"] { */
.col-sm-4{
padding-right: 0%;
padding-left: 0%;
min-height: 1px;
float: none;
display: inline-block!important;
vertical-align: top;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
box-sizing: border-box;
}
.col-sm-4 {
width: 32.6%;
}
.col-sm-4 .item_name {
font-size:10px;
text-align:left;
}
.col-sm-4 .item_price {
text-align:left;
}
.info_detail,
.top_lists {
padding: 0 0px 20px;
}





.hidden-phone, ul.footerbananav li.hidden-phone{
display: none!important;
}
}




@media (max-width: 480px) {
/*[class*="col-xs-"] { */
.col-sm-4 {
width: 32.4%;
width: 49.4%;
}
.col-xs-4{
padding-right: 0%;
padding-left: 0%;
min-height: 1px;
float: none;
display: inline-block!important;
vertical-align: top;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
box-sizing: border-box;
}
}




/******* アイコン関連 ************/

.attention_icon{
width: 100%;
margin: auto;
text-align: center;
}
.attention_icon:before{
content: '\f06a';
font-size: 100%;
font-weight: 900;
margin-right: 5px;
font-family: "Font Awesome 6 Free","Font Awesome 6 Brands";
}



/******* PCとスマホの表示切替CSS ************/

.pc_text{
display: block;
}
.sp_text{
display:none;
}

@media only screen and (max-width: 769px){
.pc_text{
display:none;
}
.sp_text{
display:block;
}
}