@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-YH */
/* clearfix */
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
/* flex */
.flex, .flexA, .flexB, .flexC {
	display: flex;
	flex-wrap: wrap;
}
.flexA {
	justify-content: space-around;
}
.flexB {
	justify-content: space-between;
}
.flexC {
	justify-content: center;
}
/* fade */
.fadeIn {
	opacity: 0;
	transform: translateY(4rem);
	transition: .5s;
}
.fadeIn.on {
	transform: translateY(0);
	opacity: 1;
}
.fadeIn.delay01 {
	transition-delay: 0.4s;
}
.fadeIn.delay02 {
	transition-delay: 0.7s;
}
.fadeIn.delay03 {
	transition-delay: 1s;
}
.fadeIn.delay04 {
	transition-delay: 1.3s;
}
@media all and (max-width: 960px) {
	.fadeSp {
		opacity: 0;
		transform: translateY(4rem);
		transition: .5s;
	}
	.fadeSp.on {
		transform: translateY(0);
		opacity: 1;
	}
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 120rem;
}
@media all and (max-width: 960px) {
	.content {
		margin: 0;
		width: auto;
	}
}
/*------------------------------------------------------------
	fixBar
------------------------------------------------------------*/
.fixBar {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 200;
	display: none;
}
.fixBar .barWrap {
	position: relative;
}
.fixBar::before,
.fixBar .barWrap::before {
	width: 100%;
	height: 0.2rem;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(90deg, rgba(144, 105, 38, 1) 0%, rgba(230, 192, 108, 1) 30%, rgba(241, 213, 160, 1) 50%, rgba(230, 192, 108, 1) 70%, rgba(144, 105, 38, 1) 100%);
	content: '';
}
.fixBar::after,
.fixBar .barWrap::after {
	width: 100%;
	height: 0.2rem;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(90deg, rgba(144, 105, 38, 1) 0%, rgba(230, 192, 108, 1) 30%, rgba(241, 213, 160, 1) 50%, rgba(230, 192, 108, 1) 70%, rgba(144, 105, 38, 1) 100%);
	content: '';
}
.fixBar .barWrap::before,
.fixBar .barWrap::after {
	height: 0.1rem;
}
.fixBar .barWrap::before {
	top: 0.5rem;
}
.fixBar .barWrap::after {
	bottom: 0.5rem;
}
.fixBar .inner {
	margin: 0 auto;
	padding: 1.8rem 0 1.7rem;
	width: 100rem;
	max-width: 98%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	position: relative;
	z-index: 2;
}
.fixBar .txtBox {
	display: flex;
	gap: 2rem;
	flex: 1;
}
.fixBar .txtBox .time {
	min-width: 37.8rem;
	display: flex;
	gap: 1.3rem;
	align-items: flex-start;
}
.fixBar .txtBox .time .txt01 {
	margin-top: 0.7rem;
	padding: 0.4rem 0.6rem 0.3rem;
	display: block;
	flex-shrink: 0;
	letter-spacing: 0.1em;
	border-radius: 0.5rem;
	border: 0.1rem solid #fff;
}
.fixBar .txtBox .time .txt02 {
	display: block;
	font-size: 1.8rem;
	line-height: 1.3;
}
.fixBar .txtBox .time .txt02 .lg {
	font-size: 168%;
}
.fixBar .txtBox .price {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}
.fixBar .txtBox .price .imgtext {
	margin-top: -0.5rem;
	display: block;
	width: 8rem;
	flex-shrink: 0;
}
.fixBar .txtBox .price .txt {
	width: fit-content;
	display: block;
	font-size: 1.3rem;
	line-height: 1.37;
}
.fixBar .txtBox .price .lg {
	font-size: 160%;
}
.fixBar .txtBox .price .mid {
	font-size: 130%;
}
.fixBar .txtBox .price .sm01 {
	font-size: 1rem;
}
.fixBar .txtBox .price .sm02 {
	display: block;
	font-size: 1rem;
	text-align: right;
}
.fixBar .btn {
	width: 30.1%;
}
.fixBar .btn a {
	display: block;
}
.fixBar .btn img {
	width: 100%;
}
.fixBar .btn a:hover {
	opacity: 0.7;
}
@media all and (min-width: 961px) and (max-width: 1040px) {
	.fixBar .inner {
		gap: 1.442vw;
	}
	.fixBar .txtBox {
		gap: 1.923vw;
	}
	.fixBar .txtBox .time {
		min-width: 36.346vw;
		gap: 1.25vw;
	}
	.fixBar .txtBox .time .txt01 {
		margin-top: 0.673vw;
		padding: 0.385vw 0.577vw 0.288vw;
	}
	.fixBar .txtBox .time .txt02 {
		font-size: 1.731vw;
	}
	.fixBar .txtBox .price {
		gap: 0.577vw;
	}
	.fixBar .txtBox .price .imgtext {
		margin-top: -0.481vw;
		width: 7.692vw;
	}
	.fixBar .txtBox .price .txt {
		font-size: 1.25vw;
	}
	.fixBar .txtBox .price .sm01 {
		font-size: 0.962vw;
	}
	.fixBar .txtBox .price .sm02 {
		font-size: 0.962vw;
	}
}
@media all and (max-width: 960px) {
	.fixBar .inner {
		padding: 1.6rem 0 1.7rem;
		width: 100%;
		max-width: 100%;
		justify-content: center;
	}
	.fixBar .btn {
		margin: 0;
		width: 28rem;
	}
}