@charset "UTF-8";

/* --------------------------------------------------
2021/09/-- nagai ver.1.0
2021/12/-- add #top_notice
-------------------------------------------------- */

/* .page-home
-------------------------------------------------- */
.page-home .ttls { padding-bottom: 0.833vw; border-top: none; font-size: 5vw; line-height: 2.5; }

/* .btn-block */
.page-home .btn-block a { display: block; text-decoration: none; }
.page-home .btn-block .image { overflow: hidden; position: relative; transition: all 0.3s ease; }
.page-home .btn-block a:hover .image { opacity: .7; }
.page-home .btn-block .text { margin-top: 2.222vw; }
.page-home .btn-block a .btn { position: relative; width: 100%; height: 10vw; margin-top: 1.666vw; border: solid 1px #ccc; border-radius: 4px; background-color: #000; color: #fff; font-size: 3.333vw; line-height: 10vw; font-weight: 700; text-align: center; text-decoration: none; transition: all 0.3s ease; }
.page-home .btn-block .btn.detail-btn { background-color: #eee; color: #000; }
.page-home .btn-block a:hover .btn { background-color: #fff; color: #000; }
@media screen and (max-width: 767px) {
	.page-home #l-main { padding-top: 0; }
}
@media screen and (min-width: 768px) {
	.page-home #l-main { padding-top: 4.428em; }
	.page-home #header-jdc a img { opacity: 1; }
	.page-home .ttls { padding-bottom: 0; font-size: 2.8rem; line-height: 2.15; }
	.page-home .btn-block .text { margin-top: 0.812em; font-size: 1.6rem; }
	.page-home .btn-block a .btn { height: 2.916em; margin-top: 0.458em; font-size: 2.4rem; line-height: 2.916em; }
	.page-home #home-content .btn-block a .btn { display: none; }
}

/* #pickup-area
-------------------------------------------------- */
#pickup-area .entry + .entry { margin-top: 10vw; }
#pickup-area .inner .ttls { margin-top: 0; padding: 3.888vw 0 1.666vw; line-height: 2.2; }
#pickup-area .entry + .inner .ttls { margin-top: 7.222vw; padding-top: 0; }
#pickup-area .cat-gallery .image .logo { z-index: 30; position: absolute; top: 50%; left: 50%; width: 15.833vw; transform: translate(-50%, -68%); }
#pickup-area .entry h3 { margin: 1.388vw 0 0.277vw; font-size: 4vw; line-height: 1.6; font-weight: 700; }
#pickup-area .entry .period { font-size: 3vw; font-weight: 700; }
@media screen and (min-width: 768px) {
	#pickup-area .entry + .entry { margin-top: 3.857em; }
	#pickup-area .inner .ttls { margin-top: -0.322em; padding: 0 0 0.321em; }
	#pickup-area .entry + .inner .ttls { margin-top: 1.571em; }
	#pickup-area .cat-gallery .image .logo { width: 6.25%; transform: translate(-50%, -50%); }
	#pickup-area .entry h3 { margin: 0.625em 0 0.062em; font-size: 2.4rem; }
	#pickup-area .entry .period { font-size: 1.8rem; }
}

/* #home-lead
-------------------------------------------------- */
#home-lead { margin-top: 10vw; padding-top: 4.166vw; border-top: solid 1px #ccc; font-size: 4vw; line-height: 1.85; }
.no-pickup #home-lead { margin-top: 0; padding-top: 5vw; border-top: none; }
@media screen and (min-width: 768px) {
	#home-lead { margin-top: 6.25em; padding-top: 1.562em; font-size: 1.6rem; line-height: 2; }
	.no-pickup #home-lead { margin-top: -0.188em; padding-top: 0; }
}

/* #cate-gallery
-------------------------------------------------- */
#cate-gallery .ttls { margin-top: 6.388vw; }
#cate-gallery .image { padding-top: 90vw; }
#cate-gallery .image .logo { z-index: 30; position: absolute; top: 50%; left: 50%; width: 15.833vw; transform: translate(-50%, -50%); }
#cate-gallery .image .logo img { width: 100%; }
#cate-gallery .image .slide { position: absolute; top: 0; left: 0; width: 100%; }
#cate-gallery .image .slide li { z-index: 10; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; background-color: #666; animation: slide_anime_gallery 16s 0s infinite; }
#cate-gallery .image .slide li:nth-of-type(1) { animation-delay: 0s; }
#cate-gallery .image .slide li:nth-of-type(2) { animation-delay: 4s; }
#cate-gallery .image .slide li:nth-of-type(3) { animation-delay: 8s; }
#cate-gallery .image .slide li:nth-of-type(4) { animation-delay: 12s; }
#cate-gallery .image .slide li img { width: 100%; height: 90vw; -o-object-fit: cover; object-fit: cover; }
.js-ie11 #cate-gallery .image .slide li img { width: auto; }
@keyframes slide_anime_gallery {
	0% { opacity: 0; }
	10% { opacity: 1; }
	25% { opacity: 1; }
	35% { opacity: 0; }
	100% { opacity: 0; }
}
@media screen and (min-width: 768px) {
	#cate-gallery .ttls { margin-top: 1.25em; }
	#cate-gallery .image { padding-top: 28.301%; }
	#cate-gallery .image .logo { width: 7.075%; }
	#cate-gallery .image .slide li img { height: auto; }
	.js-ie11 #cate-gallery .image .slide li img { width: 100%; }
}

/* #cate-collection
-------------------------------------------------- */
#cate-collection .ttls { margin-top: 5vw; }
#cate-collection .image { overflow: hidden; position: relative; height: 90vw; background: url("../jpg/main01_sp.jpg") no-repeat center center/cover; }
#cate-collection .image .logo { z-index: 30; position: absolute; top: 50%; left: 50%; width: 82.098%; transform: translate(-50%, -50%); }
#cate-collection .image .logo img { width: 100%; }
#cate-collection .image .slide li { z-index: 10; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; animation: slide_anime_collection 16s 0s infinite; }
#cate-collection .image .slide li:nth-of-type(1) { background-image: url("../jpg/main01_sp.jpg"); animation-delay: 0s; }
#cate-collection .image .slide li:nth-of-type(2) { background-image: url("../jpg/main02_sp.jpg"); animation-delay: 4s; }
#cate-collection .image .slide li:nth-of-type(3) { background-image: url("../jpg/main03_sp.jpg"); animation-delay: 8s; }
#cate-collection .image .slide li:nth-of-type(4) { background-image: url("../jpg/main04_sp.jpg"); animation-delay: 12s; }
#cate-collection .image .caption { z-index: 30; position: absolute; bottom: 1.851vw; left: 2.469vw; color: #fff; font-size: 1.543vw; }
@keyframes slide_anime_collection {
	0% { opacity: 0; }
	10% { opacity: 0; }
	20% { opacity: 1; }
	35% { opacity: 1; }
	45% { opacity: 0; }
	100% { opacity: 0; }
}
@media screen and (min-width: 768px) {
	#cate-collection .ttls { margin-top: 1.25em; }
	#cate-collection .image { height: auto; padding-top: 28.301%; background-image: url("../jpg/main01_pc.jpg"); }
	#cate-collection .image .logo { width: 31.446%; transform: translate(-50%, -57%); }
	#cate-collection .image .slide li:nth-of-type(1) { background-image: url("../jpg/main01_pc.jpg"); }
	#cate-collection .image .slide li:nth-of-type(2) { background-image: url("../jpg/main02_pc.jpg"); }
	#cate-collection .image .slide li:nth-of-type(3) { background-image: url("../jpg/main03_pc.jpg"); }
	#cate-collection .image .slide li:nth-of-type(4) { background-image: url("../jpg/main04_pc.jpg"); }
	#cate-collection .image .caption { bottom: 0.777em; left: 1.111em; font-size: .9rem; }
}

/* #cate-information
-------------------------------------------------- */
#cate-information .ttls { margin-top: 5vw; }
#cate-information .list-wrap { background-color: #f2f2f2; }
#cate-information .list-wrap ul { padding: 3.333vw 0 7.5vw; }
#cate-information .list-wrap ul li { font-size: 3.518vw; line-height: 1.6; }
#cate-information .list-wrap ul li + li { margin-top: 2.777vw; }
#cate-information .list-wrap time { color: #666; }
#cate-information .tw-btn { margin-top: 1.666vw; }
@media screen and (max-width: 767px) {
	#cate-information .list-wrap { margin: 0 -5vw; padding: 0 5vw; }
	#cate-information .list-wrap time { display: block; }
}
@media screen and (min-width: 768px) {
	#cate-information .ttls { margin-top: 1.25em; }
	#cate-information .list-wrap { width: 83.018%; min-height: 5.714em; padding: 0; }
	#cate-information .list-wrap ul { padding: 1.571em 2.142em 2.357em 2.214em; }
	#cate-information .list-wrap ul li { display: flex; font-size: 1.6rem; }
	#cate-information .list-wrap ul li + li { margin-top: 2.187em; }
	#cate-information .list-wrap time { padding: 0.23em 3.384em 0 0; font-size: 1.3rem; }
	html:lang(en) #cate-information .list-wrap time { padding: 0.23em 0 0 0; width: 12.307em; }
	#cate-information .list-wrap a,
	#cate-information .list-wrap .nolink { display: inline-block; }
	html:lang(en) #cate-information .list-wrap a,
	html:lang(en) #cate-information .list-wrap .nolink { width: calc(100% - 10em); }
	#cate-information .tw-btn { margin-top: 1.071em; }
}

/* .wrap-event_about #cate-event ,
#cate-about
-------------------------------------------------- */
.wrap-event_about { padding-top: 0.833vw; }
.wrap-event_about .ttls { margin-top: 5vw; }
@media screen and (min-width: 768px) {
	.wrap-event_about { padding-top: 0; }
	.wrap-event_about .ttls { margin-top: 1.142em; }
	.page-home .wrap-event_about .btn-block .text { margin-top: 0.375em; }
}

/* #cate-member
-------------------------------------------------- */
#cate-member { padding-bottom: 2.5vw; }
#cate-member .text { margin-top: -1.667vw; padding-bottom: 1.388vw; }
#cate-member ul { display: flex; flex-wrap: wrap; margin-top: -2.223vw; }
#cate-member ul li { width: 14.074vw; margin: 5vw 1.111vw 0 0; }
#cate-member ul li:nth-of-type(6n) { margin-right: 0; }
#cate-member a { width: 100%; border-radius: 50%; }
#cate-member a:hover { opacity: .7; }
#cate-member img { width: 100%; border: 1px solid #ccc; border-radius: 50%; }
@media screen and (min-width: 768px) {
	#cate-member { padding-bottom: 1.142em; }
	#cate-member .ttls { margin-top: 1.25em; }
	#cate-member .text { margin-top: -0.25em; padding-bottom: 0; font-size: 1.6rem; }
	#cate-member ul { display: flex; flex-wrap: wrap; margin-top: -0.629%; }
	#cate-member ul li { width: 6.603%; margin: 2.358% 1.886% 0 0; }
	#cate-member ul li:nth-of-type(6n) { margin-right: 1.886%; }
	#cate-member ul li:nth-of-type(12n) { margin-right: 0; }
}

/* #top_notice
-------------------------------------------------- */
@media screen and (max-width: 767px) {
	#top_notice .text { display: flex; justify-content: center; }
	#top_notice .text p { margin-top: 3.518vw; padding-bottom: 3.148vw; font-size: 2.592vw; font-weight: 700; line-height: 1.6; }
}
@media screen and (min-width: 768px) {
	#top_notice .text p { margin-top: -1.55em; padding-bottom: 1.45em; font-size: 2rem; font-weight: 700; }
}
@media screen and (min-width: 980px) {
	#top_notice .text p { margin-top: 1.55em; }
}