@charset "utf-8";
body {
		/* background: #FFF3DE; */
		color: #BF2026;
}
.secondOverlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 6000;
		background: #fff;
		opacity: 1;
		transition: opacity 0.7s;
		transition-delay: 0.4s;
		/* background: linear-gradient(-45deg, #eee, #fff, #f1f1f1) fixed; */
		background-size: 500% 500%;
}
.shun_container {
		position: relative;
}
.shun_container::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/* background: linear-gradient(-45deg, #c2c2c2, #f5f5f5, #f1f1f1) fixed; */
		background-size: 500% 500%;
		animation: GradietionAnimation 13s ease infinite;
		/* transition: background 0.5s; */
		z-index: -1;
}
@keyframes GradietionAnimation {
		0% {
				background-position: 0% 50%;
		}
		50% {
				background-position: 100% 50%;
		}
		100% {
				background-position: 0% 50%;
		}
}
.second_hdr__upper {
		height: 350px;
		display: flex;
		justify-content: center;
}
.second_hdr__bg {
		height: 540px;
		margin-bottom: 160px;
		position: relative;
		overflow: hidden;
}
.second_hdr__bg__figure {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		position: absolute;
		top: -50px;
		width: 100%;
		height: 740px;
}
#about .second_hdr__bg {
		height: 640px;
}
.second_hdr__upper h1 img {
		width: 100%;
		height: auto;
}
.about_hdr_hd {
		width: 85px;
}
.history_hdr_hd {
		width: 145px;
}
.series_hdr_hd {
		width: 148px;
}
.category_hdr_hd {
		width: 148px;
}
.products_hdr_hd {
		width: 145px;
}
.movie_hdr_hd {
		width: 145px;
}
.news_hdr_hd {
		width: 83px;
}
/* #about .second_hdr__bg__figure {
		background-image: url("../images/about_hdr_bg_pc.jpg");
}
#history .second_hdr__bg__figure {
		background-image: url("../images/history_hdr_bg_pc.jpg");
}
#series .second_hdr__bg__figure {
		background-image: url("../images/series_hdr_bg_pc.jpg");
		background-position: center bottom;
}
#category .second_hdr__bg__figure {
		background-image: url("../images/category_hdr_bg_pc.jpg")
}
#movie .second_hdr__bg__figure {
		background-image: url("../images/movie_hdr_bg_pc.jpg");
} */
#about .second_hdr__bg {
		height: 600px;
}
.second_hdr__upper h1 {
		padding-top: 10vh;
}
@media(min-width: 1500px) {
		.second_hdr__bg {
				height: 680px;
		}
		#about .second_hdr__bg {
				height: 780px;
		}
		.second_hdr__bg__figure {
				height: 880px
		}
		#about .second_hdr__bg__figure {
				height: 980px;
		}
}
@media(max-width: 767px) {
		.second_hdr__upper {
				height: 200px
		}
		.second_hdr__upper h1 {
				padding-top: 0;
		}
		.about_hdr_hd, .products_hdr_hd, .history_hdr_hd {
				width: 100px;
		}
		.series_hdr_hd {
				width: 107px;
		}
		.category_hdr_hd {
				width: 107px;
		}
		.movie_hdr_hd {
				width: 100px;
		}
		.second_hdr__bg {
				height: 250px;
				margin-bottom: 60px;
		}
		#about .second_hdr__bg {
				height: 330px;
		}
		.second_hdr__bg__figure {
				top: 0px;
				width: 100%;
				height: 400px;
				background-size: cover;
		}
		#about .second_hdr__bg__figure {
				background-image: url("../images/about_hdr_bg_sp.jpg");
				top: -20px;
				background-position: center bottom;
		}
		.news_hdr_hd {
				margin-bottom: 80px;
				width: 100px;
		}
}

@media(max-width: 375px) {
		.second_hdr__bg__figure {
				top: 0px;
				width: 100%;
				height: 310px;
				background-size: cover;
		}
		.second_hdr__bg, #about .second_hdr__bg {
				height: 250px;
		}
}

/* ================ */
.bread_wrap {
	max-width: 100%;
    margin: 0 auto;
    /* padding: 0 30px; */
	padding: 0 10%;
}
@media(max-width: 767px) {
		.bread_wrap {
				padding: 0 8%;
		}
}
.bread_wrap ul {
		display: flex;
		flex-wrap: wrap;
}
.bread_wrap li {
		list-style: none;
		font-size: 16px;
		margin-right: 20px;
}
.bread_wrap li a {
		display: inline-block;
		position: relative;
		color: #BF2026;
		text-decoration: none;
		font-weight: 600;
		font-size: 16px;
}
.bread_wrap li a::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 2.9px);
		right: -11px;
		width: 5px;
		height: 5px;
		border-top: 1px solid #BF2026;
		border-right: 1px solid #BF2026;
		transform: rotate(45deg);
}
@media(max-width: 767px) {
		/* .bread_wrap {
				margin: 0 0 30px;
		} */
		.bread_wrap li a{
			font-size: 14px;
		}
		.bread_wrap li {
				font-size: 14px;
				margin-right: 20px;
		}
}