@charset 'UTF-8';

/*================================================
   商品販売 メンテナンス表示
================================================*/

.productConte::after {
  content: "【メンテナンス中】 \A\A 1月5日13時～6日9時59分迄 \A\A ※ 上記期間ご注文受付停止 ※ \A ※ マイページも閲覧停止 ※";
  white-space: pre;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 960px;
  padding: 60px 20px;
  background: rgba(85,14,18,0.9);
  border-radius: 10px;
  color: #ff0;
  font-size: max(16px, 2vw);
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
  z-index: 99;
}

.productConte .btblock {
  position: relative;
}
.productConte .btblock::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51,51,51,0.9);
  color: #ff0;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "× 受付停止中";
  z-index: 9;
}
.productConte input[type="submit"] {
  pointer-events: none;
}

/* マイページ */
#hdrIconSec a:nth-of-type(3):active {
  pointer-events: none;
}
#hdrIconSec a:nth-of-type(3) {
  position: relative;
}
#hdrIconSec a:nth-of-type(3) img {
  opacity: 0.2;
}
#hdrIconSec a:nth-of-type(3)::after {
	background: #550e12;
	border-radius: 6px;
	color: #ff0;
	padding: 10px 15px;
	position: absolute;
	text-align: center;
	z-index: 999;
  font-size: 12px;
	content: 'メンテナンス中';
	bottom: 0;
	right: 0;
	-webkit-transform: translateY(calc(100% + 5px));
	transform: translateY(calc(100% + 5px));
  white-space: nowrap;
}
#hdrIconSec a:nth-of-type(3)::before {
	background: #550e12;
	content: ' ';
	position: absolute;
	width: 15px;
	height: 15px;
	z-index: 99;
	bottom: 0;
	left: 55%;
	-webkit-transform: translate(-50%, calc(100%)) rotate(45deg);
	transform: translate(-50%, calc(100%)) rotate(45deg);
}