@charset "UTF-8";



/* メインビジュアル＋インスタ */
.dec-01 {
	background-image: url(../img/img-01.png);
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width:991px) {
	.dec-01 {
		background-image: url(../img/img-01sp.png);
		background-position: top center;
	}
}

.dec-02 {
	padding: 180px 280px 0;
	animation: fadein02 5s ease-in-out;
}

@media screen and (max-width: 991px) {
	.dec-02 {
		padding: 90px 60px 0;
	}
}

@keyframes fadein02 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.dec-03 {
	text-align: center;
	animation: fadein03 6s ease-in-out;
}

@media screen and (max-width: 991px) {
	.dec-03 img {
		width: 200px;
	}
}

@keyframes fadein03 {
	0% {
		opacity: 0;
	}

	60% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.dec-04 {
	font-size: 2.4rem;
	color: #fff;
}

@media screen and (max-width: 991px) {
	.dec-04 {
		font-size: 1.3rem;
	}
}

@media screen and (max-width: 991px) {
	.dec-05 img {
		width: 300px;
	}
}

.dec-06 {
	position: absolute;
	width: 50px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.dec-07 {
	position: absolute;
	width: 50px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);

	img {
		transform: scale(-1, 1);
		display: inline-block;
	}
}

/* news */
.dec-11 {
	background-color: #E9EBEB;
}

.dec-12 {
	text-align: center;
	font-size: 1.2rem;
}

@media screen and (max-width: 991px) {
	.dec-12 {
		font-size: 1.1rem;
	}
}

.dec-13 {
	padding: 0 12vw;
}

@media screen and (max-width: 991px) {
	.dec-13 {
		padding: 0 20px;
	}
}

.dec-14 {
	padding-bottom: 10px;
	border-bottom: 2px solid #B5000B;
}

@media screen and (max-width: 991px) {
	.dec-14 img {
		width: 160px;
	}
}

.dec-15 {
	padding: 10px 50px 0;
}

@media screen and (max-width: 991px) {
	.dec-15 {
		padding: 5px 10px;
	}
}

.dec-16 {
	color: #B5000B;
	line-height: 2rem;
}

.dec-17 {
	padding: 0 2em;
	font-size: 1.2rem;
	line-height: 2rem;
}

@media screen and (max-width: 991px) {
	.dec-17 {
		padding: 0 1em;
		font-size: 1.1rem;
		line-height: 1.6rem;
	}
}

.dec-18 {
	border-bottom: 2px solid #505050;
	margin-top: 18px;
}

@media screen and (max-width: 991px) {
	.dec-18 {
		margin-top: 18px;
	}
}

/* カレンダー */
.dec-21 {
	font-size: 1.6rem;
	border-bottom: 2px solid #505050;
	padding-bottom: 8px;
}

/* 商品カテゴリー */
.dec-31 {
	position: relative;
	font-size: 2.2rem;
	text-align: center;

	&::after {
		content: '';
		width: 110px;
		height: 4px;
		display: inline-block;
		background-color: #505050;
		position: absolute;
		bottom: -15px;
		left: calc(50% - 55px)
	}
}

.dec-32 {
	padding: 50px 140px;
}

@media screen and (max-width: 991px) {
	.dec-32 {
		padding: 30px 20px;
	}
}

.dec-33 {
	font-size: 1rem;
	text-align: center;
}

/* カタログ */
.dec-41 {
	background-color: #3DA35F;
}

.dec-42 {
	position: absolute;
	width: 190px;
	bottom: 60px;
	right: 60px;
}

@media screen and (max-width: 991px) {
	.dec-42 {
		position: absolute;
		width: 140px;
		bottom: 20px;
		right: calc(50% - 70px);
	}
}

/* リンク */
.dec-51 {
	font-size: 1.2rem;

	img {
		vertical-align: -2px;
		padding-left: 5px;
	}
}