/*----------------------------------------------------
	product-header-pic
----------------------------------------------------*/
.product-header-pic-thumb {
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap; 
	-webkit-box-pack: justify;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.product-header-pic-thumb:after {
	display: block;
	width: 70px; 
	content: "";
}
.product-header-pic-thumb__item {
	background-color: #fff; 
	cursor: pointer;
}
.product-header-pic-thumb img {
    width: auto;
    height: 100%;
	font-family: "object-fit: cover;";
	-webkit-transition: opacity .3s ease-out;
	        transition: opacity .3s ease-out; 
	-o-object-fit: cover;
	   object-fit: cover;
}
.product-header-pic-thumb img:hover {
	opacity: .65;
}

@media (min-width: 961px) {
	.product-header-pic-main {
		margin-bottom: 22px;
	}
	.product-headerB__pic .product-header-pic-main {
		margin-bottom: 70px !important;
	}
	.product-header-pic-thumb {
		margin-bottom: -16px;
	}
	.product-header-pic-thumb__item {
		margin-bottom: 16px;
	}
	.product-header-pic-main img {
		width: 242px;
	}
}

@media (max-width: 960px) {
	.product-header-pic-main {
		margin-bottom: 16px;
	}
	.product-header-pic-thumb {
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		padding: 0 calc(50% - 105px); 
		margin-bottom: -10px;
	}
	.product-header-pic-thumb__item {
		margin-bottom: 10px;
	}
	.product-header-pic-thumb__item:not(:nth-child(3n+1)) {
		margin-left: 10px;
	}
	.product-header-pic-thumb:after {
		width: 60px;
	}
	/* .product-header-pic-thumb img {
		width: 60px;
		height: 60px;
	} */
}

#fbplus-wrap {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}
#fbplus-wrap * {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}

.product-datatable .has_link {
	cursor: pointer;
}

.product-datatable .has_link:hover {
	background-color: #f0e7d8;
}

/*----------------------------------------------------
	login
----------------------------------------------------*/
/*--------block-mailmagazine ------------------*/
.block-login {
    background: #FFF;
    padding: 4.7vw;
    margin-bottom: 1em;
}
@media (min-width: 961px) {
    .block-login {
        padding: 60px;
    }
}
/*--------longin-form ------------------*/
.block-login input {
	box-sizing: border-box;
	display: block;
	border-width: 1px;
	border-style: solid;
	padding: 1em;
	outline: 0;
	font-family: inherit;
  }
  .block-login input[type="email"],
  .block-login input[type="password"] {
	background: #fff;
	border-color: #bbb;
	color: #555;
  }
  .block-login input[type="email"]:focus,
  .block-login input[type="password"]:focus {
	border-color: #888;
  }
  .block-login input[type="submit"] {
	background: #ef7b51;
	border-color: transparent;
	color: #fff;
	cursor: pointer;
	margin: 0 auto;
  
	-webkit-transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, opacity .3s ease-out, -webkit-box-shadow .3s ease-out;
	transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, opacity .3s ease-out, -webkit-box-shadow .3s ease-out;
	transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, opacity .3s ease-out, box-shadow .3s ease-out;
	transition: color .3s ease-out, background .3s ease-out, border .3s ease-out, opacity .3s ease-out, box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out;
  }
  .block-login input[type="submit"]:hover {
	  color: #ef7b51;
	  background-color: #fff;
	  border: 1px solid #ef7b51;
  }
  .block-login input[type="submit"]:focus {
	  color: #ef7b51;
	  background-color: #fff;
	  border: 1px solid #ef7b51;
  }
  .block-login a{
	  color: #ef7b51;
  }
  .block-login a:hover{
	  color: #000;
  }
@media (min-width: 961px) {
	.block-login .form-wrapper{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-webkit-align-items: center;
		align-items: center;
		-ms-flex-align: center;
		-webkit-justify-content: center;
		justify-content: center;
		-ms-flex-pack: center;
	}
	.block-login p {
		margin-bottom: 30px;
	  }
	.block-login .form-ttl{
		padding-right: 1em;
		text-align: right;
		width: 130px;
	}
	.block-login input {
		width: 400px;
	  }	 
	  .block-login input[type="submit"] {
		width: 498px;
	  }	   
}
@media (max-width: 960px) {
	.block-login{
		font-size: 4vw;
	}
	.block-login .form-wrapper{

	}
	.block-login p {
		margin-bottom: 10px;
	  }
	.block-login .form-ttl{
		padding-right: 1em;
	}
	.block-login input {
		width: 100%;
	  }	 
	  .block-login input[type="submit"] {
		width: 100%;
		margin: 2em 0;
	  }	   
}