@charset "UTF-8";
/* font //////////////////////////////////// */
#responsiveDisplay .brand { font-size: 11px; line-height: 1.2em; font-weight: normal; color: #000; }
#responsiveDisplay .brand strong{display:block; text-align:center;font-weight:bold;}
#responsiveDisplay .itembrand, #responsiveDisplay .itemname { font-size: 12px; line-height: 1.2em; color: #000; }
#responsiveDisplay .yen { font-family: "Þ⥴¥·¥Ã¥¯", YuGothic, "¥Ò¥é¥®¥Î³Ñ¥´ Pro", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", "Meiryo", sans-serif; font-size: 11px; line-height: 20px; color: #000; }
/* END font //////////////////////////////////// */

/* slide//////////////////////////////////// */
#responsiveDisplay { margin: 45px 0; }javascript:void(0)
#responsiveDisplay a { text-decoration: none; }
#responsiveDisplay span { display: block; text-align: center; }
#responsiveDisplay .slick-slide img {
width: auto;
margin: 0 auto; }
#responsiveDisplay .line-thurough {
	text-decoration: line-through;
}
/* END slide//////////////////////////////////// */

/* banner //////////////////////////////////// */
#banner{
	padding: 0;
}
#banner .brand-list{
	width: 49.5%;
}
#banner .brand-list:nth-child(odd){
	margin-right: 1%;
	margin-bottom: 1%;
}

/* END banner //////////////////////////////////// */


/* sale //////////////////////////////////// */
#sale {
	margin-bottom: 20px;
	width: 100%;
	margin: 0 auto;
}

.error {
    text-align: center;
    color: red;
    font-size: 12px;
    margin: 0 auto;
}
/* END sale //////////////////////////////////// */

/* RESPONSIVE //////////////////////////////////// */
@media only screen and (max-width: 1420px){

	/* banner //////////////////////////////////// */
	#banner{ width: 100%; margin: 0 auto; }
	#banner .brand-list { 
		position: relative;
	}
	/* END banner //////////////////////////////////// */

	/* sale //////////////////////////////////// */
	#sale { margin-top: 1.5%; }
	/* END sale //////////////////////////////////// */

}

@media only screen and (max-width: 1024px){
	#banner .brand-list { margin-bottom: 2%; }
	#banner .brand-list:nth-child(odd){ padding-right: 1%; }
	#banner .brand-list:nth-child(even){ padding-left: 1%; }
}

@media only screen and (max-width: 768px){
	#banner{
	}
	#news{
	}
	#slideshow{
		margin-bottom: 1.8%;
	}
	#responsiveDisplay{
		margin-top: 0;
	}
    
}
/* END RESPONSIVE //////////////////////////////////// */

.overlay{
    display:none;
    width:100%;
    height:calc(100vh + 50px);
    margin: -50px 0 0 0;
    background: rgba(0,0,0,0.6);
    position:fixed;
    left: 0;
    z-index:1;
}
.btn_area{
    width:500px;
    height:500px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-250px;
    margin-left:-250px;
    background-color:#fff;
    border: 20px solid #fff;
    z-index:2;
}
.overlay-close {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    /* border: 1px solid rgba(0,0,0,.1); */
    cursor: pointer;
}
.overlay-close span::before,
.overlay-close span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: rgb(225, 225, 225);
}
.overlay-close span::before {
  transform: rotate(-45deg);
}
.overlay-close span::after {
  transform: rotate(45deg);
}

.no-scroll {
	overflow: hidden;
}

@media only screen and (max-width: 768px){
	.overlay {
		display: none;
		width: 100%;
		height: calc(100vh + 85px);
		margin: 35px 0 0 0;
		background: rgba(0,0,0,0.6);
		position: fixed;
		left: 0;
		z-index: 1;
	}
	.btn_area {
		width: 80%;
		height: auto;
		position: absolute;
		top: 55%;
		left: 50%;
		margin-top: -60%;
		margin-left: -40%;
		background-color: #fff;
		border: 20px solid #fff;
		z-index: 2;
	}
}

@media only screen and (max-width: 414px){
	.overlay {
	    display: none;
	    width: 100%;
	    height: calc(100vh + 80px);
	    margin: -30px 0 0 0;
	    background: rgba(0,0,0,0.6);
	    position: fixed;
	    left: 0;
	    z-index: 1;
	}
	.btn_area {
	    width: 80%;
	    height: auto;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-top: -60%;
	    margin-left: -40%;
	    background-color: #fff;
	    border: 20px solid #fff;
	    z-index: 2;
	}
}