@charset "utf-8";
/*1*/
/*login-btn*/
#layer-l-popup {
    display: none;
}
#layer-l-popup + label {
    display: inline-block;
}
/*login-popup*/
#popup-dim {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
#popup-l {
    width: 460px;
    height: 752px;
    position: absolute;
    box-sizing: border-box;
    padding: 10px 28px 15px ; 
    border-radius: 10px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Segoe UI' sans-serif;
    box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.2);
    word-wrap: break-word;	
}
#popup-l > div > label {
    float: right;
    margin-right: -20px;
}
#layer-l-popup:checked + label + #popup-dim {
   display: block;
}

/*2*/
/*login-pw-btn*/
#layer-pw-popup {
    display: none;
}
#layer-pw-popup + label {
    display: inline-block;
}
/*login-pw-popup*/
#popup-dim-pw {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
#popup-pw {
    width: 460px;
    height: 752px;
    position: absolute;
    box-sizing: border-box;
    padding: 10px 28px 15px ; 
    border-radius: 10px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Segoe UI' sans-serif;
    box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.2);
    word-wrap: break-word;	
}
#popup-pw > div > label {
    float: right;
    margin-right: -20px;
}
#layer-pw-popup:checked + label + #popup-dim-pw {
   display: block;
}

/*3*/
/* wishlistBtn */
#wish-popup {
    display: none;
}
#wish-popup + label {
    display: inline-block;
}
#wish-popup:checked + label + .popup-dim {
   display: block;
}


/* layer popup frame */
.popup-dim {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.popup-frame {
    width: 460px;
    height: auto;
    position: absolute;
    box-sizing: border-box;
	padding: 10px 28px 35px ; 
    border-radius: 10px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Segoe UI' sans-serif;
    box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.2);
    word-wrap: break-word;
	margin-bottom: 1.5rem;
}
/*Layer pop-up close button position*/
.popup-frame > div > label {
    float: right;
    margin-right: -20px;
}

/*Layer pop-up btn*/
.close-btn{
    background-image: url(../images/btn/close-btn.png);
    background-size: contain;
    width: 36px;
    height: 36px;
    display: inline-block;
}
.pop-btn-frame {
    /*padding: 1rem 3rem;*/
    width: 100%;
    padding: 0.73rem 2rem;
    font-size: 1rem;
    border-width: 2px;
    border-radius: 3rem;
}
.btn-popup {
  color: #fff;
  background-color: #3EB2D2;
  border-color: #3EB2D2;
}
.btn-popup:hover {
  color: #fff;
  background-color: #0099CC;
  border-color: #0099CC;
}
.btn-popup-app {
  color: #fff;
  background-color: #00BAC7;
  border-color: #00BAC7;
}
.btn-popup-app:hover {
  color: #fff;
  background-color: #2C88A2;
  border-color: #2C88A2;
}
.btn-popup-no {
  color: #fff;
  background-color: #999;
  border-color: #999;
}
.btn-popup-no:hover {
  color: #fff;
  background-color: #777;
  border-color: #777;
}
.login-sns-img{
	max-width: 70px;
	height: auto;
}

@media (max-width: 320px) {
.login-sns-img{
	width: 90%;
	height: auto;
}
}

@media (min-width: 321px)and (max-width: 767px) {
.login-sns-img{
	width: 95%;
	height: auto;
}	
}

/* Small Tablets */
@media (max-width: 500px) {
#popup-l {
  width:90%;
  height:auto;
    }
#popup-pw { 
  width:90%;
  height:auto;
	}
.popup-frame {
  width:90%;
  height:auto;
    }
}

/*wish list btn on product detail page*/
#wishButton {
	display: none;
}
#wishButton + label {
	background-image: url('../images/svg/wish_none_icon.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
	display: block;
	cursor: pointer;
}
#wishButton:hover + label {
	background-image: url('../images/svg/wish_hover_icon.svg');
}
#wishButton:checked + label {
	background-image: url('../images/svg/wish_select_icon.svg');
}
/* Inactive state */
#wishButton:disabled + label {
	background-image: url('../images/svg/wish_inactive_icon.svg');
}

/* middle of screen */
.container-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 85vh;
  word-wrap: break-word;
  min-height: 1px;
}
@media (max-width: 320px) {
.space-center-img {
  max-width: 120px;
  height: auto;
  width: 100%;}
}
@media (min-width: 321px) {
.space-center-img {
  max-width: 150px;
  height: auto;
  width: 100%;} 
}

/* Change text alignment */
.jumbotron-img-bg {
	padding: 1rem 1rem -2rem;
	border-radius: 0.3rem;
	background-image: url(../images/app-bg.png);
}
.bottom-div {
		background-position: bottom;
		background-repeat: no-;
		margin-bottom: -1rem;
}
.text-change-al-ac{
	text-align: left;
}

.text-change-ac-al{
	text-align: center;
}

@media (max-width: 320px) {
.text-change-al-ac{
	text-align: center;
}
.text-change-ac-al{
	text-align: left;
}
}

@media (min-width: 321px)and (max-width: 767px) {
.text-change-al-ac{
	text-align: center;
}
.text-change-ac-al{
	text-align: left;
}
}

.txterr {
    color: #F27B7B;
	font-weight: normal;
    font-size: 0.84rem;
	margin-top: -0.5rem;
	display: none;
}