/* カスタマイズ用CSS */
.ec-itemNav__nav li a {
    font-size: 20px;
}

.slick-slide slick-current slick-active{
    width:150px;
    padding:0;
}

.ec-headerTitle .ec-headerTitle__title a {
    margin-bottom: 0;
    padding-top:20px;
}
.ec-layoutRole .ec-layoutRole__main {
    width: 100%;
    margin-top: 0px;
}
  .ec-layoutRole .ec-layoutRole__main h1{
    margin-top: 30px;
      
  }
  


.slick-slider{
    margin-bottom: 0;
}
.ec-headerTitle__title{
    background-color:#454545 ;
}
.ec-headerTitle img {
    width: 70%;
    margin-bottom:8px;
}


.ec-itemNav__nav li a {
    padding: 20px 40px;
    color:#454545;
}

.ec-itemNav__nav :hover{
    color:#454545;
}
.ec-itemNav__nav li ul li a:hover{
    color:white;
}

.ec-headerRole{
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
    max-width: 100vw;
}

@media(min-width: 768px) {
.ec-categoryRole .ec-categoryRole__list {
    display: none;
}
}

@media(min-width: 768px) {
    .ec-categoryRole {
        padding: 0px 0px;
}
}

.ec-itemNav__nav li ul li a{
    opacity: 0.8;
}

.ec-topicRole .ec-topicRole__listItemTitle {
    color:#454545;
}

/*.ec-headerNaviRole {
    max-width: 1130px;
    padding-bottom:15px;
}*/

.ec-itemNav__nav{
    background-color:#454545 ;
}
.ec-secHeading{
    text-align: center;
}

.ec-secHeading .ec-secHeading__en{
    font-size:30px;
    letter-spacing:3px;
    color: #454545;
}
.ec-secHeading .ec-secHeading__ja {
    color: #454545;
}

.ec-newItemRole .ec-newItemRole__listItemHeading {
    margin-top: 0px;
    
}
.ec-newItemRole__listItemTitle{
    color:#454545;
}
.ec-newItemRole__listItemPrice{
    color:#454545;
}

.ec-secHeading--tandem .ec-secHeading__en{
    font-size: 30px;
    letter-spacing: 3px;
    color: #454545;
}

.ec-secHeading--tandem .ec-secHeading__ja {
    color: #454545;
    
}
    
.date{
    margin-top:10px;
}
.newItem_more{
    padding-top:30px;
    text-align: center;
}

.ec-inlineBtn--top{
    letter-spacing: 2px;
    background-color:#e5005a;
    border-color:#e5005a;
}



/*商品画面*/
.ec-layoutRole .ec-layoutRole__main {
    width: 100%;
    margin-top: 0;
}
.ec-productRole .ec-productRole__description {
    margin-bottom: 16px;
    margin-top: 30px;
}
@media (min-width: 768px) {
    .ec-topicpath {
        padding: 10px 10px;
        border: 0;
        font-size: 16px;
    }
}
.ec-shelfGrid {
    margin-left:50px;
    margin-right:50px;
}

.ec-grid2__cell{
    margin-top:30px;
}

.item_visual .slick-initialized .slick-slider{
    margin-bottom:30px;
}
.ec-shelfRole{
    padding-left:0px;
    padding-right:0px;
}

@media (min-width: 768px) {
    .ec-sliderItemRole .item_nav {
        margin-top:20px;
    }
}

.ec-productRole .ec-productRole__tags {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 0;
    padding-bottom: 16px;
    border-bottom: 1px dotted #ccc;
}
.ec-topicpath {
    color:#454545;
}

.ec-productRole__category{
    display: none;
}


/*特商法ページ*/
.ec-layoutRole__main h1 {
	width: 85%;
	margin: 0 auto 1rem auto;
	font-weight: bold;
	font-size: 1.6rem;
}

tbody {
	overflow: hidden;
	width: 100%;
}

TABLE.tokuteisyou {
	width: 85%;
	margin: 0 auto 1rem auto;
	BORDER-RIGHT: #e3e3e3 1px solid;
	BORDER-TOP: #e3e3e3 1px solid;
	MARGIN-LEFT: auto;
	BORDER-LEFT: #e3e3e3 1px solid;
	MARGIN-RIGHT: auto;
	BORDER-BOTTOM: #e3e3e3 1px solid;
	BORDER-COLLAPSE: collapse;
	border-spacing: 0;
	display: flex;
	overflow: hidden;
}

TABLE.tokuteisyou h1 {
	width: 85%;
	margin: 0 auto;
}

TABLE.tokuteisyou img {
	border: 1px solid #BBBBBB;
}

TABLE.tokuteisyou tr {
	WIDTH: 100%;
	display: flex;
}

TABLE.tokuteisyou TH {
	BORDER-RIGHT: #e3e3e3 0px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #e3e3e3 0px solid;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	BACKGROUND: #f5f5f5;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #e3e3e3 1px solid;
	WIDTH: 20%;
	LINE-HEIGHT: 120%;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #e3e3e3 1px solid;
	WHITE-SPACE: nowrap;
	TEXT-ALIGN: center;
}

TABLE.tokuteisyou TD {
	BORDER-RIGHT: #e3e3e3 0px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #e3e3e3 0px solid;
	PADDING-LEFT: 5px;
	FONT-SIZE: medium;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #e3e3e3 1px solid;
	WIDTH: 80%;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #e3e3e3 1px solid;
	WHITE-SPACE: normal;
	TEXT-ALIGN: left;
}

TABLE.tokuteisyou TD p {
	width: 100%;
}



TABLE.logo {
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	BORDER-LEFT: 0px;
	WIDTH: 386px;
	BORDER-BOTTOM: 0px;
	border-spacing: 0
}

TABLE.logo TH {
	BORDER-RIGHT: medium none;
	PADDING-RIGHT: 5px;
	BORDER-TOP: medium none;
	PADDING-LEFT: 5px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: medium none;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: medium none;
	TEXT-ALIGN: left
}

TABLE.logo TD {
	BORDER-RIGHT: medium none;
	PADDING-RIGHT: 5px;
	BORDER-TOP: medium none;
	PADDING-LEFT: 5px;
	FONT-SIZE: x-small;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: medium none;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: medium none;
	TEXT-ALIGN: left
}

caption {
	font-weight: bold;
	text-align: left;
}

dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
}

ol, ul {
	list-style: none;
}

.style1 {
	color: #FF0000
}

.sampleLogo {
	margin-bottom: 30px;
}

.sampleLogo>dt {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 10px;
}

ul.sampleLogoBox {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

ul.sampleLogoBox>li {
	text-align: center;
	margin: 0 20px 30px 0;
}

ul.sampleLogoBox p {
	font-size: 9px;
}

@media (max-width: 767px) {
	TABLE.tokuteisyou tr {
		flex-direction: column;
	}

	TABLE.tokuteisyou TH {
		width: 100%;
	}

	TABLE.tokuteisyou TD {
		width: 100%;
		text-align: center;
		word-break: break-all;
		word-wrap: break-word;
		white-space: normal;
	}

	ul.sampleLogoBox {
		margin-right: auto;
		margin-left: auto;
	}

	ul.sampleLogoBox>li {
		margin-right: auto;
		margin-left: auto;
	}
}
.ec-footerRole {
    background-color:#454545 ;
    
}
.ec-footerRole .ec-footerRole__inner img {
    width: 10%;
    margin-left:auto;
    margin-right:auto;
}


/*スマホ画面*/
@media(max-width: 768px) {
.ec-headerRole{
    padding-left:0px;
    padding-right:0px;
}
}




@media(max-width: 768px) {
    .ec-secHeading .ec-secHeading__en {
    font-size: 25px;
    letter-spacing: 3px;
    }
}

@media(max-width: 768px) {
.ec-secHeading--tandem .ec-secHeading__en {
    font-size: 25px;
    letter-spacing: 3px;
    }
}

@media(max-width: 768px) {
    .ec-headerTitle img {
    max-width: 30%;
    margin:8px 0;
    }
    }
    
@media(max-width: 768px) {
    .ec-headerTitle .ec-headerTitle__title a {
    margin-bottom: 0;
    padding-top:4px;
}
}

@media(max-width: 768px) {
    .ec-sliderRole{
    padding-left:0px;
    padding-right:0px;
    }
    }

/*特集の日にち*/
@media(max-width: 768px) {
.date{
    font-size:15px;
}
}
/*カテゴリナビ*/

.ec-drawerRole{
    background: none;
}

@media(max-width: 768px) {
.ec-drawerRole .ec-headerLinkArea .ec-headerLink__item {
    background-color: #3e3a39;
}
}
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    background-color: #3e3a39;
}
    
    
@media(max-width: 768px) {
.ec-role{
    padding-left:0px;
    padding-right:0px;
}
}

@media(max-width: 768px) {
.ec-categoryRole{
    padding: 12px 0;
    background-color:white;

}
}


@media(max-width: 768px) {
.ec-categoryRole .ec-categoryRole__list{
    display:flex;
    flex-wrap:nowrap;
}
}
@media(max-width: 768px) {
.ec-categoryRole .ec-categoryRole__listItem{
    margin-bottom: 0px;
    text-align: center;
    font-size:10px;
}
}
@media(max-width: 768px) {
.ec-categoryRole .ec-categoryRole__listItem+.ec-categoryRole__listIte{
    border-left: 1px solid #333;
}
}

@media(max-width: 768px) {
.ec-categoryRole .ec-categoryRole__listItem a{
    color:black;
    font-weight: bold;
}
}


@media(max-width: 768px) {
.ec-shelfGrid {
    margin-left:10px;
    margin-right:10px;
}
}
@media(max-width: 768px) {
.ec-footerRole{
    background-color:#3e3a39;;
}  
}
@media(max-width: 768px) {
.ec-topicRole .ec-topicRole__list {
    width:90%;
    margin:0 auto;
}
}

    
/*スマホ商品画面:*/
@media (max-width: 768px) {
.ec-productRole .ec-productRole__description {
    margin-top:30px;
}
}

@media (max-width: 768px) {
.ec-footerRole .ec-footerRole__inner img {
    width:25%;
    margin-left:auto;
    margin-right:auto;
}
}
@media (max-width: 768px) {
.ec-productRole .ec-productRole__tags {
    padding-bottom: 0px;
}
}


/***              ***/
/***              ***/
/***              ***/
/***              ***/
/*** ガマスタイル ***/
/***              ***/
/***              ***/
/***              ***/
/***              ***/

body {
    background: transparent;
    position: relative;
    margin:0;
}

.ec-layoutRole {
     background: transparent;
}   
    
    
p {
  margin-top: 0;
  margin-bottom: 0;
	
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #231815;
}


a:hover {
    cursor: pointer;
    opacity: .8;
    color:#000;
}



.navbar {
  background: rgba(255, 255, 255, 0.8);
  z-index: 1030;
  padding-left: 0;
        padding-right: 0;
        text-align: center;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        width: 14.5rem;
        height: 100vh;
}

body{
       padding-left: 14.5rem;
}


.ec-layoutRole .ec-layoutRole__contents{
    max-width: 100%;
}

#sideNav .navbar-brand{
    max-width: 270px;
    transform: rotate(90deg);
    margin: 0 auto;
}



#sideNav .navbar-collapse{
	margin-top: 87px;
	display: block!important;
}


  #sideNav {
    padding-top: 87px;  
}



#sideNav .navbar-collapse .navbar-nav{
   padding-left: 45px;
}

#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{
	text-align: left;
	padding-bottom: 40px;
}

#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link img{
	max-width: fit-content;
	height: 50px;
}


.BurgerMenu {
	display: none;
}


@media only screen and (max-width: 993px) {
	
/*	.BurgerMenu {
  position: fixed;
  right: 1.5em;
  top: 50px;
  height: 6px;
  width: 38px;
  background: #3e3a39;
  background: rgb(62,57,57);
background: -webkit-linear-gradient(left, rgba(62,57,57,1) 0%,rgba(62,57,57,1) 74%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 75%, rgba(229,0,90,1) 75%, rgba(229,0,90,1) 100%);
  display: block;
}
.BurgerMenu:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  left: 0;
  top: -0.75em;
  height: 6px;
  width: 38px;
  background: #3e3a39;
}
.BurgerMenu:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0.75em;
  height: 6px;
  width: 38px;
  background: #3e3a39;
  transition: all 0.25s;
}


  .BurgerMenu--on {
    background: rgba(0,0,0,0);
    transition: all 0.25s;
  }
  .BurgerMenu--on:before {
    transition: all 0.25s;
    content: "";
    transform: rotate(45deg);
    top: 0px;
  }
  .BurgerMenu--on:after {
    transition: all 0.25s;
    content: "";
    transform: rotate(-45deg);
    top: 0px;
background: -webkit-linear-gradient(left, rgba(62,57,57,1) 0%,rgba(62,57,57,1) 74%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 75%, rgba(229,0,90,1) 75%, rgba(229,0,90,1) 100%);
  }*/

  .Navigation--collapsed {
    display: block;
        height: 42px;
        position: fixed;
        right: 20px;
        top: 30px;
        cursor: pointer;
        width: 42px;  
  }
  .Navigation-list {
    position: relative;
    height: 70%;
    top: 50%;
    transform: translateY(-50%);
  }
  .Navigation-list li {
    display: block;
    position: relative;
    height: 25%;
    height: calc(100% / 4);
    min-height: 4em;
  }

  .Overlay {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    overflow: hidden;
    background: rgba(255,255,255.9);
	padding: 25px; 
	  z-index: 9;
  }
  .Overlay--on {
    height: 100%;
    visibility: visible;
    opacity: 1;
  }
}

.top-kv {
  background: url("/html/user_data/images/galf_kv.jpg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  margin-left: -14.5rem;
}

.sub_kv {
  background: url("/html/user_data/images/galf_kv.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  margin-left: -14.5rem;
  height: 40vh;
}

.sub_kv::after{
    background-color: rgb(229, 0, 90);
    height: 4px;
    position: absolute;
    bottom: 0;
    width: 100%;
    content: "";
}

.sub_kv .ec-topicpath{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    align-items: center;
    font-size: 4vw;
    font-family: "Kosugi", sans-serif;
    padding-left: 14.5rem;
}



.navbar-expand-lg .navbar-nav{
        flex-direction: column;
}


.top-section-news{
  padding-left: 100px;
  padding-right: 50px;
  padding-top: 60px;
  padding-bottom: 50px;
  width: 58%;
  background: rgba(255,255,255,.8);	
  position: relative;
}


.top-section-news .top_heading{
	position: absolute;
    transform: rotate(90deg);
    left: -45px;
    width: 135px;
    top: 60px;
    padding: 0;
    margin: 0;
}

section.resume-section .resume-section-content {
  width: 100%;
}

@media (min-width: 768px) {
  .top-sub-section {
    min-height: auto;
    padding-top: 160px;
  }

}

.top-section {
        min-height: 100vh;
        display: flex;
        align-content: flex-end;
        align-items: flex-end;
        width: 100%;
        justify-content: flex-end;
  }



.top-sub-section {
	padding-top: 120px;
	position: relative;
	padding-bottom: 80px;
}



.top-section-news .ec-topicRole__listItem{
	margin-bottom: 25px;
}

.ec-searchnavRole .ec-searchnavRole__infos{
    max-width:100%;
}


.more_btn{
    width: 46px;
    display: flex;
    justify-self: flex-end;
	margin-top: 13px;
}

.top-kv .date{
    margin-top:0;
}


.page_wrap{
	    scroll-snap-type: y mandatory;
    height: 100vh;
    overflow: auto;
}


.page_wrap > section, .page_wrap > .footer_cstm {
    scroll-snap-align: start;
}

.top-sale-content .top_heading{
	width: 75px;
	margin: 0 45px 45px;
}

.top_cntn_wrap{
	display: flex;
	column-gap: 4px;
	width: 100%;
	 flex: 1 1 auto;
}


.shadow_text{
	position: absolute;
	right: 3%;
    top: 122px;
    width: 52vw;
    z-index: -1;
}

.shadow_text_bttm{
	position: absolute;
	right: 3%;
    bottom:0;
    width: 52vw;
     z-index: -1;
}


#newitems .shadow_text, #newitems .shadow_text_bttm, #recommends .shadow_text, #recommends .shadow_text_bttm{
    right: 10px;
    width: 76vw;
}






.sale_box{
	width: 100%;
	position: relative;
}

.sale_tag {
    background: none;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
  border-top: 170px solid #e5005a;
  border-left: 0 solid transparent;
  border-right: 205px solid transparent;
    position: absolute;
}



.sale_icon{
    position: absolute;
    width: 75px;
    height: 50px;
    left: 25px;
    top: 25px;
}

.price_card {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateY(30px);
  opacity: 0;
  animation: fadeInUp 0.6s ease forwards;
  animation-delay: 0.1s;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

@keyframes fadeInUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.sale_box:hover .price_card {
  transform: scale(1.02) translateY(0);
}
.price_card::before {
  content: '';
  position: absolute;
  width: 205px; /* Set exact width */
  height: 170px; /* Set exact height */
  transition: 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 0;
  background: rgba(229, 0, 90, .8);
  opacity: 0.9;
  bottom: 0;
  right: 0;
  clip-path: polygon(100% 100%, 100% 0, 0 100%); /* Triangle shape */
}
.price_card:hover::before {
  width: 200%;
  height: 200%;
  background: rgba(229, 0, 90, 1);
}

.price_card .price {
  position: absolute;
  bottom: 25px;
  right: 25px;
  color: #fff;font-family: "Kiwi Maru", serif;
font-size:30px;
}


.price_card .product_name {
  color: #fff;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 30px;
  position: relative;
  z-index: 20;
  transition: opacity 0.3s;
  opacity: 0;
}

.price_card:hover .product_name {
  opacity: 1;
}

.top-newitems-content .top_heading{
	width: 178px;
	margin: 0 45px 45px;
}

.top-newitems-content .price_card::before {
	background: rgba(255, 255, 255, .8);
}

.top-newitems-content .price_card .prdct-tag {
	  position: absolute;
  bottom: 25px;
  right: 25px;
}


.top-recommends-content .top_heading{
	width: 200px;
		margin: 0 45px 45px;
}

.prdct_name{background: rgba(255,255,255,.8);
    padding: 24px 45px 20px;
    width: 100%;
    font-size: 20px;
}

.top-recommends-content .prdct_img {
    max-height: 70%;
}

.top-recommends-content .prdct_price{
	 padding: 15px 20px 18px;
    width: 100%;
    font-size: 28px;
	text-align: right;
	font-family: "Kiwi Maru", serif;
	background: rgba(255, 255, 255, .8);
}

.prdct_img{
	overflow: hidden;
}
.top-recommends-content .prdct_img img{ 
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.3s ease;
}


.top-recommends-content a:hover .prdct_img img{
	transform: scale(1.1);
}


.top-recommends-content .sale_box {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}	


.ec-headerNaviRole{
	position: absolute;
    right: 0;
    top: 0;
    width: 58%;
	background: rgba(255, 255, 255, .8);
    color: #525263;
    -webkit-text-size-adjust: 100%;
    display: flex;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 20px;
    z-index: 10;
}

.ec-headerNaviRole{
    width: 58%;
    max-width: max-content;
    justify-content: end;
    margin-right: 0;
}

.footer_cstm{
	background: #f7f8f8;
	display: flex;
	padding: 38px 0 0px;
	justify-content: center;
	position: relative;
	margin-top: 120px;
}

.footer_cstm a.logo{
    display: inline-flex;
	align-items: end;
	margin-right: 45px;
}

.footer_cstm .content{
	display: flex;
}

.footer_cstm .content ul li{
	padding-bottom: 32px;
}

.footer_cstm .content .new_items{
    background: url(/html/user_data/images/new_itembg.png);
    padding-top: 65px;
	padding-left: 32px;
    background-repeat: no-repeat;
    background-size: 125px;
	    min-width: 172px;
}


.footer_cstm .content .recmndbg{
    background: url(/html/user_data/images/nav_recmndbg.png);
    padding-top: 65px;
	padding-left: 32px;
    background-repeat: no-repeat;
	background-size: 140px;
	    min-width: 172px;
}


.footer_cstm .content ul{
	margin-right: 96px;    
	min-width: 140px;
}

.footer_cstm .content ul:last-child{
	margin-right: 0;
}



.icon_social{
	display: flex;
    gap: 0 20px;
    min-width: inherit !important;
}


.icon_social li{
	padding-bottom: 0;
}

.icon_social li a{
	display: block;
	width: 34px;
}


.back-to-top {
    position: relative;
    top: -92px;
    margin-right: 40px;
    border: none;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;
	width: 104px;
	height: 104px;
	border-radius: 50%;
	background-size: 100%;
    color: transparent;
    background-color: transparent;
	
}


.ec-blockTopBtn{
    position: absolute;
	background-image:url('/html/user_data/images/backtoptop.png');    
	cursor: pointer;
    transition: opacity 0.3s ease-in-out;
	width: 104px;
	height: 104px;
	border-radius: 50%;
	background-size: 100%;
	opacity: 1;
	background-color: transparent;
	color:transparent;
}


.ec-blockTopBtn:hover{
    -webkit-animation: swing 1s ease;
    animation: swing 1s ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.ec-blockBtn--action, .ec-inlineBtn--action{
    background-color:rgb(229,0,90);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.ec-blockBtn--action:hover, .ec-inlineBtn--action:hover{
    color: #fff;
    border: none;
}


.ec-blockBtn--action::after, .ec-inlineBtn--action::after{
  content: '';
  position: absolute;
  background-color:#aa0448;
  z-index: -1;
  padding: 0.25em 0.5em;
  display: block;
  transition: all 0.35s;
 top: 100%;
  bottom: -100%;
  left: 0;
  right: 0;
}

.ec-blockBtn--action:hover::after, .ec-inlineBtn--action::hover:after{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.35s;
}


.ec-shelfGrid__item .ec-numberInput input[type=number]{
    margin-left: 5px;
}

.ec-numberInput input:focus{
    border-color: #e5005a;
}



	
.back-to-top img{
	width: 104px;
	height: 104px;
}

.back-to-top.show {
    display: block;
    opacity: 1;
}

.back-to-top.hide {
    opacity: 0;
}


.copyright img{
	width: 98px;
}
.copyright{
    text-align: center;
    padding: 21px 0;
}

.ec-shelfRole, .ec-searchnavRole{
    max-width: 100%;
}

.ec-progress .is-complete .ec-progress__label {
    color: rgb(229, 0, 90);
}

.ec-progress .is-complete .ec-progress__number{
    background-color:  rgb(229, 0, 90);
}

#top_box__button_menu{
    display:flex;
    gap:20px;
}

#top_box__button_menu .ec-blockBtn--action, #top_box__button_menu .ec-blockBtn--cancel{
    line-height: 59px;
    min-width: 140px;
}
.ec-productRole .ec-productRole__price{
    color:rgb(229, 0, 90);
}



/********** RESPONSIVE /*************/


@media (min-width: 1940px) {
  .top-section-news{
      width: 41%;
  }
  
.ec-headerNaviRole{
       width: 41%;
}   
} 

@media (max-width: 1260px) {
.ec-headerNaviRole{    
    width: 77%;
}    
}

@media (max-width: 1400px) {
.ec-headerNaviRole{
    padding: 10px;
}

.ec-headerNaviRole .ec-headerNaviRole__right {
    width: 78.666667%;
}    
    
}

@media (min-width: 1401px) {
    body{
        padding-left: 17rem;
    } 
          .top-kv, .sub_kv {
         margin-left: -17rem;
    }
    
    .sub_kv .ec-topicpath{
         padding-left: 17rem;
    }
    
  #sideNav {
    width: 17rem;
  }

	
  #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link img {
	height: 60px!important;
   }
   

}



@media (max-width:1300px) {
  .footer_cstm .content ul {
    margin-right: 30px;
  }
  .ec-blockTopBtn {
    min-width: 80px;
    height: 80px;
    width: 80px;
  }




  
}
	
@media (min-width: 992px) {
  .sm_hide {
    display: block;
  }
  
    .ec-blockTopBtn {
        right: 40px;
        bottom: 340px;
    }
	
	.lg_hide{
	display: none!important;
	}	
	
    .ec-headerNavSP {
        display: none;
    }
	
}


@media (max-width: 993px) {
	body{
	  padding-left:0;  
	}
	
	 .ec-headerNaviRole .ec-headerNaviRole__search {
        visibility: hidden;
    }
	
	.ec-drawerRole.is_active {
        display: block;
    }
	
	.ec-drawerRoleClose.is_active {
        display: block;
    }
	
  .have_curtain .ec-overlayRole {
        display: block;
    }
	
	.ec-headerNaviRole{
	    background-color: transparent;
	    z-index: 9999;
	}
	.ec-drawerRoleClose {
	    z-index: 9999;
	}
	
	.ec-drawerRole{
	    background-color: #fff;
	}	
	.ec-drawerRole .navbar-nav{
	    padding: 0 20px;
}	
	.ec-drawerRole .navbar-nav .nav-link {
	   padding-bottom: 15px;
	}
	
		.ec-drawerRole .navbar-nav .nav-link img{
	   height: 38px;
	}
	
	.ec-headerNaviRole .ec-headerNaviRole__right{
	   display: none;
	}
	

	.ec-headerNavSP {
    display: block;
    top: 35px;
    left: 35px;
    background-color: transparent;
    }	
		
	.ec-headerNaviRole .fa-bars{
	   height: 5px;
        width: 38px;
        background: #3e3a39;
        background: rgb(62, 57, 57);
        background: -webkit-linear-gradient(left, rgba(62, 57, 57, 1) 0%, rgba(62, 57, 57, 1) 74%, rgba(255, 255, 255, 1) 74%, rgba(255, 255, 255, 1) 75%, rgba(229, 0, 90, 1) 75%, rgba(229, 0, 90, 1) 100%);
        display: block;
	}	
	
	    .ec-headerNaviRole .fa-bars:before {
        transition: all 0.25s;
        content: "";
        position: absolute;
        left: 0;
        top: -0.55em;
        height: 5px;
        width: 38px;
        background: #3e3a39;
    }
    
    .ec-headerNaviRole .fa-bars:after {
        position: absolute;
        content: "";
        left: 0;
        top: 0.55em;
        height: 5px;
        width: 38px;
        background: #3e3a39;
        transition: all 0.25s;
    }
		
		
	.top-kv, .sub_kv{
	padding-left:0;
	margin-left: 0;
	}
	
	#sideNav {
    padding-top: 15px;
    padding-bottom: 15px;
	position: fixed;
    width: 100%;
    height: 110px;
}
	
	
	#sideNav .navbar-brand{
		display: block;
		width: 200px;
		transform: rotate(0deg);
	}
	
	
	    #sideNav .navbar-brand {
        display: block;
        width: 100px;
        transform: rotate(0deg);
        margin: 0;
    }
	
	#sideNav .navbar-collapse{
		margin-top: 12px;
	}
	
	
	.top-section-news{
		width: 95%;
		max-width: 95%;
		padding-left: 50px;
    	padding-top:80px;
		padding-bottom: 20px;
	}
	
	.top-section-news .top_heading {
        transform: rotate(0deg);
        left: 40px;
        width: 135px;
        top: -35px;
	}
	
	
	  .price_card .product_name {
    font-size: 20px;
  }
  .price_card .price {
    font-size: 20px;
  }
	
	.top-recommends-content .prdct_price {
		font-size: 18px;
	}
	
	
	
  .sm_hide {
    display: none!important;
  }
	
	.lg_hide{display: block;}
	
    .footer_cstm .content{	
     display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 2vw;
	}
	
	
	.footer_cstm{
		justify-content: space-around;
        flex-direction: column;
        align-items: center;
	}
	
	.footer_cstm a.logo{
    display: inline-flex;
	align-items: center;
	margin-right: 0;
	margin-bottom: 50px;
	max-width: 300px;	
}
.ec-headerNaviRole {
width: 100%;
top: 110px;
}

.prdct_name{
    padding: 15px;
}


}

@media(max-width: 768px) {
.ec-headerNaviRole {
    padding-top:0px;
    padding-bottom:4px;
    top: auto;
    bottom: 0;
}
}

@media(max-width: 768px) {
.top_cntn_wrap{
    flex-direction: column;
}    
}

@keyframes swing {
    15% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    30% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    65% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    80% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}