/* This is the StyleCatcher theme addition. Do not remove this block. */
@import url(/mt/mt-static/support/theme_static/rainier/css/base.css);
@import url(/mt/mt-static/support/theme_static/rainier/css/rainier-white/screen.css);
/* end StyleCatcher imports */



#header[role="banner"] #header-content {
min-height: 80px;
}

#header[role="banner"] [role="navigation"] {
height: 90px;
}

.red {
	color: #FF0000;
	font-weight:bold;
}

.code {
	color: #000000;
	font-weight:bold;
	background-color: #CCCCCC;
}

.amazon {
	box-shadow: 0 3px 3px #ccc;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 20px;
	width: 200px;
	padding: 15px;
	box-sizing: border-box;
	background: #ffd814;
	color: #000000;
	text-decoration: none;
	text-align: center;
	margin: 10px 0;
	font-size: 80%;
}
.amazon:hover {
	background: #f7ca00;
}
.yodobashi {
	box-shadow: 0 3px 3px #ccc;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 20px;
	width: 200px;
	padding: 15px;
	box-sizing: border-box;
	background: #ea1d1d;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin: 10px 0;
	font-size: 80%;
}
.yodobashi:hover {
	background: #bd0202;
}

/* 自動拡大ON/OFF コントロール（右寄せ・控えめ） */
.hover-zoom-control {
  display: flex;
  justify-content: flex-end;
  margin: 0.5em 0;
}

.hover-zoom-control label {
  padding: 0.35em 0.6em;
  font-size: 0.85em;
  line-height: 1.4;
  color: #666;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}

.hover-zoom-control input[type="checkbox"] {
  margin-right: 0.2em; /* チェックとテキストの間隔 */
  vertical-align: middle;
}