@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');

html {
	scroll-behavior: smooth;
}

/****************************************
お歳暮2025
*****************************************/

#oseibo2025 {
	max-width: 1200px;
	margin: 0 auto;
	font-family: "Shippori Mincho", serif;
}
#oseibo2025 ul,
#oseibo2025 li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#oseibo2025 img {
	max-width: 100%;
}
#oseibo2025 * {
	box-sizing: border-box;
}

#oseibo2025 .content {
	margin-left: auto;
	margin-right: auto;
	background: #7f0400 url(../../images/oseibo/bg_red.jpg) repeat-y;
	background-size: 100% auto;
}

#oseibo2025 .main .img-main {
	padding: 1vw;
}

/* 装飾 */
#oseibo2025 .hayawari::before,
#oseibo2025 .tokuten::before ,
#oseibo2025 .link::before {
	position: absolute;
	content: "";
	top: 6vw;
	left: 0;
	width: 16vw;
	height: 30vw;
	background: url("../../images/oseibo/oseibo_bg_left.png") no-repeat left center;
	background-size: contain;
	z-index: -1;
}
#oseibo2025 .hayawari::after ,
#oseibo2025 .tokuten::after ,
#oseibo2025 .link::after {
	position: absolute;
	content: "";
	top: 1vw;
	right: 0;
	width: 16.5vw;
	height: 22vw;
	background: url("../../images/oseibo/oseibo_bg_right.png") no-repeat right center;
	background-size: contain;
	z-index: -2;
}

/*早割*/
#oseibo2025 .hayawari {
	padding: 4vw 0;
	position: relative;
	z-index: 0;
}
#oseibo2025 .hayawari .heading {
	margin: 0 0 20px;
	text-align: center;
}
#oseibo2025 .hayawari .heading img {
	max-width: 88%;
}
#oseibo2025 .hayawari .img-box {
	max-width: 88vw;
	margin: 0 auto;
	text-align: center;
}
#oseibo2025 .hayawari .img-box li {
	margin: 0 0 2vw;
}

/* バナー */
#oseibo2025 ul.bnr-list {
	max-width: 88vw;
	margin: 0 auto;
}
#oseibo2025 ul.bnr-list a {
	color: #FFF;
}

/*一覧へ*/
#oseibo2025 .btn-box {
	margin-top: 20px;
	text-align: center;
}
#oseibo2025 .btn-box a {
	display: inline-block;
	width: 560px;
	max-width: 80vw;
	padding: 1em 0;
	border-radius: 50vh;
	background: no-repeat 95% 50% #c2952e;
	background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2016%2029%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%2027.6%2013.2-13.1-13.2-13.1%201.4-1.4%2014.6%2014.5-14.6%2014.5z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
	background-size: 10px auto;
	color: #FFF;
	font-size: min(2rem,4.5vw);
	text-align: center;
}
#oseibo2025 .btn-box a:hover {
	background-color: #d4b264;
}

/*特典*/
#oseibo2025 .tokuten {
	padding: 6vw 0 10vw;
	position: relative;
	z-index: 0;
}
#oseibo2025 .tokuten .tokuten-box {
	position: relative;
	z-index: 0;
}
#oseibo2025 .tokuten .heading {
	margin: 0 0 3vw;
	text-align: center;
}
#oseibo2025 .tokuten .heading img {
	max-width: 88%;
}
#oseibo2025 .tokuten .tokuten-list {
	max-width: 88vw;
	margin: 0 auto;
	text-align: center;
}
#oseibo2025 .tokuten .tokuten-list li {
	margin-bottom: 2vw;
}

/*商品リンク*/
#oseibo2025 .link {
	margin: 0 auto;
	padding: 0 0 6vw;
	position: relative;
	z-index: 0;
}
#oseibo2025 .link .heading {
	position: relative;
	margin: 0 0 5vw;
	text-align: center;
}
#oseibo2025 .link .heading img {
	max-width: 60vw;
	margin: 0 auto;
}
#oseibo2025 .link .heading::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 16vw;
	height: 0.1vw;
	background: #FFF;
}
#oseibo2025 .link .heading::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	width: 16vw;
	height: 0.1vw;
	background: #FFF;
}
#oseibo2025 .link .product-list {
	width: 80vw;
	margin: 0 auto 3vw;
	text-align: center;
}
#oseibo2025 .link .product-list li {
	margin-bottom: 2vw;
}

/*商品一覧*/
#oseibo2025 .product-list {
	position: relative;
	z-index: 0;
}
#oseibo2025 .product-list-inner {
	max-width: 88vw;
	margin: 0 auto;
	padding-bottom: 40px;
}
#oseibo2025 .product-list .product-box.ranking {
	margin-left: auto;
	margin-right: auto;
}
#oseibo2025 .product-list .product-box {
	background: #ffffff;
}
#oseibo2025 .product-list .product-box:not(:last-child) {
	margin-bottom: 40px;
}
#oseibo2025 .product-list .sheading {
	margin-bottom: 4vw;
	background-color: #F2F2F2;
	text-align: center;
}
#oseibo2025 .product-list .sheading .title {
	display: block;
	padding: 15px;
}
#oseibo2025 .product-list .sheading .title img {
	max-width: 80%;
}
#oseibo2025 .product-list .sheading .img {
	display: block;
}
#oseibo2025 .product-list ul {
	display: flex;
	flex-wrap: wrap;
	width: 94%;
	margin: 0 auto;
	gap: 15px;
	text-align: center;
}
#oseibo2025 .product-list ul li {
	width: calc((100% - 15px) / 2);
}
#oseibo2025 .product-list ul li a {
	text-decoration: none;
}
#oseibo2025 .product-list ul li .thumb img {
	margin-bottom: 1vw;
	width: 100%;
}
#oseibo2025 .product-list ul  li .icon {
	margin-bottom: 1vw;
}
#oseibo2025 .product-list ul  li .icon img {
	width: auto;
	height: 2em;
}
#oseibo2025 .product-list ul li .name {
	margin: 0 0 1vw;
	font-size: min(1rem,3.7vw);
}
#oseibo2025 .product-list ul li .price {
	font-size: 3.7vw;
	color: #e1506e;
	margin: 0 0 1vw;
}
#oseibo2025 .product-list ul li .price .tax {
	font-size: 3.2vw;
}
#oseibo2025 .product-list ul li .btn::before {
	display: block;
	content: '\8A73\7D30\30FB\3054\8CFC\5165\306F\3053\3061\3089';
	padding: .3em 1.5em .3em .25em;
	border-radius: 50vh;
	background: no-repeat 92% 50% #cc3333;
	background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m8.1%2017.1c-4.1%200-8.1-3.1-8.1-9s4-8.1%208.1-8.1c5.9%200%209%204%209%208.1%200%205.9-3.1%209-9%209zm-2.1-13.1v10l8-5z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
	background-size: 1.05em auto;
	color: #FFF;
	font-size: min(.875rem,2.5vw);
}
#oseibo2025 .product-list ul li a:hover .btn::before {
	background-color: #e06d6d;
}
#oseibo2025 .product-list ul.ranking-list-box1 {
	margin: 0 auto 6vw;
}
#oseibo2025 .product-list ul.ranking-list-box1 li {
	width: 540px;
	max-width: 54vw;
	margin: 0 auto;
}
#oseibo2025 .product-list ul.ranking-list-box1 li .icon {
	width: 24vw;
	margin: 0 auto 2vw;
}
#oseibo2025 .product-list ul.ranking-list-box1 li .thumb img {
	margin: 0 0 1.5vw;
}
#oseibo2025 .product-list ul.ranking-list-box1 li .name {
	font-size: min(1.5rem, 4.4vw);
	margin: 0 0 1vw;
}
#oseibo2025 .product-list ul.ranking-list-box1 li .price {
	font-size: 4.4vw;
	margin: 0 0 1vw;
}
#oseibo2025 .product-list ul.ranking-list-box1 li .price .tax {
	font-size: 3.5vw;
}
#oseibo2025 .product-list ul.ranking-list-box1 li .btn::before {
	padding: .5em 1.5em .5em .25em;
	font-size: min(1.25rem,3.5vw);
}

#oseibo2025 .egift {
	line-height: 1;
}
#oseibo2025 .egift a {
	display: block;
}

/*「永平寺そば　極」ができるまで*/
#oseibo2025 .history {
	background: url("../../images/oseibo/bg-pink.jpg");
	background-size: 50% auto;
	padding: 9vw 5vw;
}
#oseibo2025 .history .history-box {
	width: 100%;
}
#oseibo2025 .history .history-box1 {
	margin: 0 0 9vw;
}
#oseibo2025 .history .history-box .heading {
	margin: 0 0 4vw;;
	color: #fff;
	font-size: min(3rem,9vw);
	line-height: 1.4;
	text-align: center;
}
#oseibo2025 .history .history-box .img1 {
	width: 100%;
	margin: 0 0 4vw;
}
#oseibo2025 .history .history-box .txt {
	margin: 0 auto 5vw;
}
#oseibo2025 .history .history-box .txt p {
	color: #fff;
	font-size: min(1.125rem,3.8vw);
	line-height: 1.94;
}

@media only screen and (max-width: 767px) {
	.sp_hide {
		display: none;
	}
	#oseibo2025 {
		margin-left: -2vw;
		margin-right: -2vw;
	}
	#oseibo2025 .catch {
		text-align: center;
	}
	#oseibo2025 .catch span {
		display: none;
	}
	#oseibo2025 .catch .img {
		display: block;
		padding: 15px;
	}
}
@media only screen and (min-width: 768px) {
	.pc_hide {
		display: none;
	}
	#oseibo2025 .catch {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 25px;
	}
	#oseibo2025 .main .img-main {
		padding: 20px;
	}

	/* 装飾 */
	#oseibo2025 .hayawari::before ,
	#oseibo2025 .tokuten::before ,
	#oseibo2025 .link::before {
		width: 130px;
		height: 260px;
		top: 50px;
		left: 0;
	}
	#oseibo2025 .hayawari::after ,
	#oseibo2025 .tokuten::after ,
	#oseibo2025 .link::after {
		width: 165px;
		height: 270px;
		top: 50px;
		right: 0;
	}
	#oseibo2025 .tokuten::before ,
	#oseibo2025 .tokuten::after {
		top: 70px;
	}
	#oseibo2025 .link::before ,
	#oseibo2025 .link::after {
		top: 200px;
	}
	
	/*早割*/
	#oseibo2025 .hayawari {
		padding: 40px 0;
		position: relative;
		z-index: 0;
	}
	#oseibo2025 .hayawari .heading {
		text-align: center;
		margin: 0 0 20px;
	}
	#oseibo2025 .hayawari .img-box {
		width: 1060px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		gap: 20px;
	}
	#oseibo2025 .hayawari .img-box li {
		margin-bottom: 0;
	}

	/* バナー */
	#oseibo2025 ul.bnr-list {
		width: 1060px;
		margin: 0 auto;
	}
	
	/*一覧へ*/
	#oseibo2025 .btn-box {
		margin-top: 40px;
	}
	#oseibo2025 .btn-box a {
		background-size: 14px auto;
	}
	
	/*特典*/
	#oseibo2025 .tokuten {
		padding: 60px 0 100px;
		position: relative;
		z-index: 0;
	}
	#oseibo2025 .tokuten .tokuten-box {
		position: relative;
		z-index: 0;
	}
	#oseibo2025 .tokuten .heading {
		text-align: center;
		margin: 0 0 30px;
	}
	#oseibo2025 .tokuten .tokuten-list {
		width: 1060px;
		margin: 0 auto 20px;
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}
	#oseibo2025 .tokuten .tokuten-list li {
		width: calc((100% - 20px) / 2);
		margin-bottom: 0;
	}
	#oseibo2025 .tokuten .tokuten-list li.wide {
		width: 100%;
	}

	/*商品リンク*/
	#oseibo2025 .link {
		position: relative;
		padding-bottom: 80px;
		z-index: 0;
	}
	#oseibo2025 .link .heading {
		position: relative;
		max-width: 1060px;
		margin: 0 auto 50px;
		text-align: center;
	}
	#oseibo2025 .link .heading::before {
		width: calc(50% - 10em);
		height: 1px;
	}
	#oseibo2025 .link .heading::after {
		width: calc(50% - 10em);
		height: 1px;
	}
	#oseibo2025 .link .product-list {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 40px;
		max-width: 960px;
		margin: 0 auto;
	}
	#oseibo2025 .link .product-list li {
		width: calc((100% - 40px) / 2);
		margin-bottom: 0;
	}
	
	/*商品一覧*/
	#oseibo2025 .product-list-inner {
		max-width: 1060px;
	}
	#oseibo2025 .product-list .product-box {
		padding: 0 0 20px;
	}
	#oseibo2025 .product-list .sheading {
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}
	#oseibo2025 .product-list .sheading .title {
		width: 50%;
	}
	#oseibo2025 .product-list .sheading .img {
		width: 50%;
	}
	#oseibo2025 .product-list ul {
		padding: 20px 0;
		gap: 20px;
	}
	#oseibo2025 .product-list ul li {
		width: calc((100% - 60px) / 4);
	}
	#oseibo2025 .product-list ul.sepa05 li {
		width: calc((100% - 80px) / 5);
	}
	#oseibo2025 .product-list ul li .thumb img {
		margin-bottom: 10px;
	}
	#oseibo2025 .product-list ul  li .icon {
		margin-bottom: 10px;
	}
	#oseibo2025 .product-list ul  li .icon img {
		height: 2.5em;
	}
	#oseibo2025 .product-list ul li .name {
		margin-bottom: 10px;
	}
	#oseibo2025 .product-list ul li .price {
		margin-bottom: 10px;
		font-size: 17px;
	}
	#oseibo2025 .product-list ul li .price .tax {
		font-size: 12px;
	}
	#oseibo2025 .product-list ul li .btn::before {
		padding: .5em 1.5em .5em .25em;
	}
	#oseibo2025 .product-list ul.ranking-list-box1 {
		width: auto;
		margin: 0 auto 40px;
	}
	#oseibo2025 .product-list ul.ranking-list-box1 li .icon {
		margin-bottom: 20px;
	}
	#oseibo2025 .product-list ul.ranking-list-box1 li .icon img {
		height: 3em;
	}
	#oseibo2025 .product-list ul.ranking-list-box1 li .thumb img {
		margin: 0 0 15px;
	}
	#oseibo2025 .product-list ul.ranking-list-box1 li .name {
		margin: 0 -1em 10px;
	}
	#oseibo2025 .product-list ul.ranking-list-box1 li .price {
		font-size: 24px;
		margin: 0 0 10px;
	}
	#oseibo2025 .product-list ul.ranking-list-box1 li .price .tax {
		font-size: 15px;
	}
	#oseibo2025 .product-list ul.ranking-list-box1 li .btn {
		width: 320px;
		margin: 0 auto;
	}
	#oseibo2025 .product-list ul.ranking-list-box1 li .btn::before {
		padding: .7em 1.5em .7em .25em;
	}
	
	/*「永平寺そば　極」ができるまで*/
	#oseibo2025 .history {
		padding: 90px 30px;
		background-size: auto auto;
	}
	#oseibo2025 .history .history-box {
		max-width: 1000px;
		margin: 0 auto;
	}
	#oseibo2025 .history .history-box1 {
		margin-bottom: 90px;
	}
	#oseibo2025 .history .history-box .heading {
		margin-bottom: 40px;
		text-align: center;
		line-height: 1.4;
	}
	#oseibo2025 .history .history-box .img1 {
		margin-bottom: 40px;
	}
	#oseibo2025 .history .history-box .txt {
		width: 700px;
		max-width: 90%;
		margin: 0 auto 50px;
	}
	#oseibo2025 .history .history-box .img-box {
		display: flex;
	}
	
}