body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}



#gu-login-error-modal {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 8px 0px;
  width: 400px;
  max-width: 1020px;
  max-height: 80vh;
  background: rgb(255, 255, 255);
}

#gu-login-error-modal .gu-login-error-modal-in {
  position: relative;
  text-align: center;
  padding: 40px 30px 30px;
}

#gu-login-error-modal .gu-login-error-modal-title {
  font-size: 16px;
  font-weight: bold;
  color: rgb(27, 27, 27);
  vertical-align: middle;
  margin: 0px;
  text-decoration: none;
  text-align: center;
  margin-bottom: 20px;
}

#gu-login-error-modal .gu-login-error-modal-text {
  font-size: 14px;
  color: rgb(90, 90, 90);
  vertical-align: middle;
  margin: 0px;
  text-decoration: none;
  text-align: center;
  line-height: 1.3;
}

#gu-login-error-modal .gu-login-error-modal-ok {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 48px;
  cursor: pointer;
  padding: 0px;
  background: rgb(255, 255, 255);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(27, 27, 27);
  border-image: initial;
  margin: 24px 0px 0px;
  border-radius: 12px;
}

#gu-login-error-modal .gu-login-error-modal-ok a {
  color: rgb(27, 27, 27);
  font-weight: bold;
  font-size: 14px;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 46px;
}

#gu-login-error-modal .gu-login-error-modal-close {
  position: absolute;
  right: 15px;
  top: 15px;
  height: 15px;
  width: 15px;
  cursor: pointer;
}

#gu-login-error-modal .gu-login-error-modal-close img {
  width: 100%;
  height: auto;
}



#gu-login-modal {
  width: 800px;
  height: 186px;
  position: relative;
}

#gu-login-modal .gu-login-modal-in {
  padding: 35px 30px 30px 30px;
  text-align: center;
}

#gu-login-modal .lead {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 35px;
}

#gu-login-modal .lead br {
  display: none;
}

#gu-login-modal .box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
}

#gu-login-modal .login {
  width: 50%;  
}

#gu-login-modal .login a {
  display: block;
  background-color: #1b1b1b;
  border: 1px solid #1b1b1b;
  font-size: 16px;
  color: #fff;
  height: 100%;
  line-height: 58px;
  margin: 0 0 0 10px;
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(27, 27, 27, 0.25);
}

#gu-login-modal .login a:hover {
  opacity: 0.85;
}

#gu-login-modal .registry {
  width: 50%;
}

#gu-login-modal .registry a {
  display: block;
  background-color: #fff;
  border: 1px solid #1b1b1b;
  font-size: 16px;
  color: #1b1b1b;
  height: 100%;
  line-height: 58px;
  margin: 0 10px 0 0;
  font-weight: 600;
  border-radius: 15px;
}

#gu-login-modal .registry a:hover {
  opacity: 0.75;
}

#gu-login-modal .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

#gu-login-modal .close img {
  width: 19px;
  height: 19px;
}





#gu-favorite-modal {
  width: 800px;
  height: 500px;
  position: relative;
  box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
}

#gu-favorite-modal .gu-favorite-modal-in {
  padding: 0;
}

#gu-favorite-modal .lead {
  font-size: 20px;
  line-height: 1.2;
  margin: 40px 40px 30px;
  font-weight: 600;
}

#gu-favorite-modal .lead br {
  display: none;
}

#gu-favorite-modal .box {
/*
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
*/
  height: calc(80vh - 94px);
  overflow-y: auto;
  padding: 0 40px;
}

#gu-favorite-modal .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

#gu-favorite-modal .close img {
  width: 19px;
  height: 19px;
}

#gu-favorite-modal .box ul.gu-favorite-ul {
	width: 100%;
}

#gu-favorite-modal .box ul.gu-favorite-ul li {
	width: 100%;
	margin-bottom: 30px;
	display: table;
}

/*
#gu-favorite-modal .box ul.gu-favorite-ul li:last-child {
	margin-bottom: 0;
}
*/

#gu-favorite-modal .box ul.gu-favorite-ul li .image,
#gu-favorite-modal .box ul.gu-favorite-ul li .color,
#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList {
	display: table-cell;
	vertical-align: top;
}

#gu-favorite-modal .box ul.gu-favorite-ul li .image {
	width: 203px;
}

#gu-favorite-modal .box ul.gu-favorite-ul li .image img {
	width: 100%;
	height: 203px;
}

#gu-favorite-modal .box ul.gu-favorite-ul li .color {
	width: 160px;
	padding-left: 15px;
	font-size: 15px;
	font-weight: bold;
	font-family: GUJPCorporate, "Avenir Next", Roboto, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Hiragino Sans", メイリオ, Meiryo, sans-serif;
	color: #1B1B1B;
	line-height: 1.2;
}

#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column2 {
	width: 100%;
	overflow: hidden;
}

#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column1 > div {
	width: 96%;
	float: none;
	margin: 0 2%;
	border-bottom: 1px solid #DADADA;
	position: relative;
	z-index: 0;
}

#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column2 > div {
	width: 46%;
	float: left;
	margin: 0 2%;
	border-bottom: 1px solid #DADADA;
	position: relative;
	z-index: 0;
}

#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column1 > div:before,
#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column2 > div:before{
	content: "";
	display: inline-block;
	width: 10px;
	height: 100%;
	min-height: 48px;
	vertical-align: middle;
}
#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column1 > div:first-child,
#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column2 > div:first-child,
#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column2 > div:nth-child(2) {
	border-top: 1px solid #DADADA;
}

#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column1 > div span,
#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column2 > div span {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	line-height: 1.2;
}

#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column1 > div a {
	position: absolute;
	width: 20px;
	height: 18px;
	background-image: url(/jp/ja/feature-common/parts/assets/images/button-fav-large.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 40px 18px;
	right: 54px;
	top: 14px;
}

#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column2 > div a {
	position: absolute;
	width: 20px;
	height: 18px;
	background-image: url(/jp/ja/feature-common/parts/assets/images/button-fav-large.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 40px 18px;
	right: 12px;
	top: 14px;
}

#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column1 > div a.active,
#gu-favorite-modal .box ul.gu-favorite-ul li .sizeList .column2 > div a.active {
	background-position: -20px 0;
}

#modal-overlay {
	/*opacity: 0.4!important;*/
}
#gu-favorite-modal {
	height: 80vh!important;
	top: 50%;
	left: 50%!important;
	transform: translate(-50%, -50%);
}