@charset "UTF-8";

/*******************************************/
/*[表示非表示]*/
/* // #h-opt04 は全HTMLで未使用（空ルール）のため暫定コメントアウト // */
/*@media screen and (min-width:0px) and (max-width:767px) {
	#h-opt04 {}
}
@media print, screen and (min-width: 768px) {
	#h-opt04 {}
}*/
/*******************************************/
/*[ヘッダー外枠]*/
@media screen and (min-width:0px) and (max-width:767px) {
	.header_options_box {
		margin-top: 0px;
		padding: 0;
		position: absolute;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		top: 50%;
		right: 50px;
	}
}
@media print,
screen and (min-width: 768px) {
	.header_options_box {
		margin-top: 0px;
		padding: 0;
		position: absolute;
		top: 25px;
		right: 20px;
		width: 700px;
		display: flex;
		flex-direction: row-reverse;
		/* 右から btn-box → header-logo2 の順を維持 */
		align-items: center;
		/* 縦中央揃え */
	}
}
.header_options_box div {
	float: right;
}
/*******************************************/
.header-logo2 {
	width: 104px;
	margin: 5px 20px 0 5px;
}
.header-logo2 a {
	display: block;
}
.header-logo2 img {
	width: 100%;
	height: auto;
	display: block;
}
div.btn-box a {
	width: auto;
	height: 38px;
	font-size: 1.4rem;
	margin: 6px 5px 0px 5px;
	background-color: #fbeadb;
	border: 1px solid #cb764f;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ae620c;
	font-weight: bold;
	padding: 1px 14px 0 10px;
	gap: 6px;
	white-space: nowrap;
}
div.btn-box a img {
	width: 18px;
	height: 18px;
	display: block;
	flex-shrink: 0;
}
div.btn-box a:hover {
	background-color: #f5dcc8 !important;
}
@media screen and (min-width:481px) and (max-width:767px) {
	.header-logo2 {
		width: 90px;
		height: 24px;
		margin: 5px 20px 0px 5px;
	}
	.header-logo2 a {
		display: block;
		height: 24px;
	}
	.header-logo2 img {
		width: 100%;
		height: auto;
		display: block;
	}
	div.btn-box a {
		display: none;
	}
}
@media screen and (min-width:0px) and (max-width:480px) {
	.header-logo2 {
		width: 60px;
		height: 16px;
		margin: 5px 20px 0px 5px;
	}
	.header-logo2 a {
		display: block;
		height: 24px;
	}
	.header-logo2 img {
		width: 100%;
		height: auto;
		display: block;
	}
	div.btn-box a {
		display: none;
	}
}