@charset "UTF-8";

/* --------------------------------------------------
2021/09/-- nagai ver.2.0
-------------------------------------------------- */

/* .category
-------------------------------------------------- */
/* #cate-home */
#cate-home #mv { position: relative; }
#cate-home #mv .caption { z-index: 30; position: absolute; bottom: 2.222vw; left: 5vw; color: #fff; font-size: 1.388vw; }
#cate-home .title { padding-bottom: 8.888vw; }
.page-event #cate-home .title { margin-top: 5vw; padding-bottom: 0; }
.page-event #cate-home .maintext { margin-top: 1.666vw; padding-bottom: 7.5vw; font-size: 4vw; line-height: 1.85; }
@media screen and (max-width: 767px) {
	.page-event #l-main { padding-top: 0; }
	.page-event #cate-home #mv { margin: 0 -5vw; }
}
@media screen and (min-width: 768px) {
	.page-event #l-main { padding-top: 4.428em; }
	#cate-home #mv .caption { bottom: 0.777em; left: 1.111em; font-size: .9rem; }
	#cate-home .title { margin-top: -0.048em; padding-bottom: 2.071em; font-size: 4.2rem; }
	.page-event #cate-home .title { margin-top: 1.428em; font-size: 2.8rem; }
	.page-event #cate-home .maintext { margin-top: 0.375em; padding-bottom: 5.937em; font-size: 1.6rem; line-height: 2; }
}

/* #cate-list */
#cate-list .year { position: relative; padding: 0 5vw; }
#cate-list .year:nth-of-type(2n-1) { background-color: #f2f2f2; }
#cate-list .year h3 { padding: 1.944vw 0 1.666vw; font-size: 5.555vw; line-height: 1.6; font-weight: 700; }
#cate-list .year ul { padding-bottom: 4.166vw; }
#cate-list .year ul li { font-size: 3.518vw; line-height: 1.6; }
#cate-list .year ul li + li { margin-top: 3.055vw; }
#cate-list .year time { color: #666; }
@media screen and (max-width: 767px) {
	#cate-list .year { margin: 0 -5vw; }
	#cate-list .year time { display: block; }
}
@media screen and (min-width: 768px) {
	#cate-list .year { min-height: 5.714em; padding: 0; }
	#cate-list .year h3 { position: absolute; top: 0; left: 2.358%; padding-top: 0.343em; font-size: 3.2rem; }
	#cate-list .year ul { padding: 1.785em 1em 2em 10.428em; }
	#cate-list .year ul li { display: flex; font-size: 1.6rem; }
	#cate-list .year ul li + li { margin-top: 2.187em; }
	#cate-list .year time { padding: 0.23em 2.307em 0 0; font-size: 1.3rem; }
	html:lang(en) #cate-list .year time { padding: 0.23em 0 0 0; width: 12.307em; }
	#cate-list .year a,
	#cate-list .year .nolink { display: inline-block; }
	html:lang(en) #cate-list .year a,
	html:lang(en) #cate-list .year .nolink { width: calc(100% - 10em); }
}

/* .single
-------------------------------------------------- */
/* #mv */
.single #mv { overflow: hidden; position: relative; padding-top: 13.888vw; }
.single #mv h1 { z-index: 10; position: absolute; top: 0; left: 0; display: flex; align-items: center; width: 100%; height: 100%; font-size: 4vw; font-weight: 500; }
.single #mv.white h1 { color: #fff; }
.single #mv.bgImg, .category-gallery.single #mv.bgImg { padding-top: 66.666vw; }
.single #mv.bgImg .image { position: absolute; top: 0; left: 0; width: 100%; }
.single #mv.bgImg h1 { padding: 0 5vw; }
.category-gallery.single #mv { padding-top: 35vw; }
.category-gallery.single #mv h1::before { content: ''; display: block; width: 11.481vw; height: 25.925vw; margin-right: 1.5em; background: url(../svg/dg_logo_bk.svg) no-repeat 0 0/contain; }
.category-gallery.single #mv.white h1::before { background-image: url(../svg/dg_logo_w.svg); }
@media screen and (max-width: 767px) {
	.single #l-main.bgImg { padding-top: 0; }
	.single #mv.bgImg { margin: 0 -5vw; }
}
@media screen and (min-width: 768px) {
	.single #mv { margin-top: 0.285em; padding-top: 11.084%; }
	.single #mv h1 { font-size: 2.8rem; }
	.single #mv.bgImg, .category-gallery.single #mv.bgImg { padding-top: 28.301%; }
	.single #mv.bgImg h1 { padding: 0 3.616%; }
	.category-gallery.single #mv { margin-bottom: 8.962%; padding-top: 11.084%; }
	.category-gallery.single #mv h1::before { width: 7.075%; height: 100%; margin-right: 0; }
	.category-gallery.single #mv.bgImg { margin-bottom: 0; }
	.category-gallery.single #mv.bgImg h1::before { width: 7.627%; height: 38.888%; margin-right: 0; }
}

/* #entry-header */
#entry-header .title { margin-top: 1.527em; font-size: 4vw; line-height: 1.6; }
.category-gallery #entry-header .title { margin-top: 1.319em; }
.category-gallery #entry-header .bgImg + .title { margin-top: 1.111em; }
#entry-header .date.published { margin-top: 0.462em; font-size: 3vw; font-weight: 400; }
#entry-header .period { display: flex; flex-wrap: wrap; align-items: center; margin: 0.217em 0 6.111vw; font-size: 3.833vw; font-weight: 700; }
#entry-header .period.with-icon { margin-bottom: 8.055vw; }
#entry-header .period .date { margin-right: .5em; margin-bottom: 0.434em; }
#entry-header .period .icon { margin-bottom: 0.434em; padding: 0 1.15em; border-radius: 0.555vw; background-color: #000; color: #fff; font-size: 3vw; line-height: 5.37vw; }
@media screen and (min-width: 768px) {
	#entry-header .title { margin-top: 0.583em; font-size: 2.4rem; }
	.category-gallery #entry-header .title { margin-top: 0.791em; }
	.category-gallery #entry-header .bgImg + .title { margin-top: 1.208em; }
	#entry-header .date.published { margin-top: 0.384em; font-size: 1.6rem; }
	.category-gallery #entry-header .date.published { font-size: 1.3rem; }
	#entry-header .period { margin-top: 0.4em; padding-bottom: 0; font-size: 2rem; }
	#entry-header .period.with-icon { margin-bottom: -0.25em; }
	#entry-header .period .date { margin-bottom: 0.3em; }
	#entry-header .period .icon { margin-bottom: 0.375em; padding: 0 1.2em; border-radius: 0.25em; font-size: 1.6rem; line-height: 1.812em; }
}

/* .single main
-------------------------------------------------- */
#entry-main { margin-top: 2.222vw; }
#entry-main .caption { margin-top: 0.883em; font-size: 2.2vw; line-height: 1.7; }

/* .entry-content */
#entry-main .entry-content { line-height: 2.1; }
#entry-main .entry-content a { display: inline; }
#entry-main .entry-content ol { padding-left: 1.2em; }
#entry-main .entry-content ol li { list-style: decimal; }
#entry-main .entry-content li { margin-top: .4em; line-height: 1.6; }
#entry-main .entry-content ul + p,
#entry-main .entry-content ol + p { margin-top: .4em; }
#entry-main .entry-content p + p,
#entry-main .entry-content p + ul,
#entry-main .entry-content p + ol,
#entry-main .entry-content p + table { margin-top: 1.8em; }
#entry-main .entry-content p + p.txtr { margin-top: 0; }
#entry-main .entry-content h3,
#entry-main .entry-content h4 { margin-bottom: .55em; font-weight: 700; }
#entry-main .entry-content h3 { font-size: 1.3em; line-height: 1.6; }
#entry-main .entry-content p + h3,
#entry-main .entry-content p + h4 { margin-top: 1.6em; }
#entry-main .entry-content ul + h3,
#entry-main .entry-content ul + h4,
#entry-main .entry-content ol + h3,
#entry-main .entry-content ol + h4 { margin-top: 1.8em; }

/* .entry-image */
#entry-main .entry-image { margin: 2.777em 11.712vw 0; }
#entry-main .entry-image figure + figure,
#entry-main .entry-image .mimage + .mimage { margin-top: 1.724em; }
#entry-main .entry-image .mimage img { width: 100%; height: auto; }

/* .entry-slide */
#entry-main .entry-slide { position: relative; margin-top: 3.256em; }
#entry-main .entry-slide .slick-list li { position: relative; height: 90vw; background-color: #f6f6f6; }
#entry-main .entry-slide li img { width: 100%; height: 90vw; -o-object-fit: contain; object-fit: contain; }
#entry-main .entry-slide p.caption { position: absolute; left: 1.262em; bottom: 7.5vw; margin: 0; font-size: 2.2vw; line-height: 1.5; text-shadow: 1px 0 0 #f6f6f6, -1px 0 0 #f6f6f6, 0 -1px 0 #f6f6f6, 0 1px 0 #f6f6f6, 1px 1px 0 #f6f6f6, -1px 1px 0 #f6f6f6, 1px -1px 0 #f6f6f6, -1px -1px 0 #f6f6f6, 0px 1px 0 #f6f6f6, -0px 1px 0 #f6f6f6, 0px -1px 0 #f6f6f6, -0px -1px 0 #f6f6f6, 1px 0px 0 #f6f6f6, -1px 0px 0 #f6f6f6, 1px -0px 0 #f6f6f6, -1px -0px 0 #f6f6f6, 0px 0px 0 #f6f6f6, -0px 0px 0 #f6f6f6, 0px -0px 0 #f6f6f6, -0px -0px 0 #f6f6f6; }
.js-ie11 #entry-main .entry-slide .slick-list li > div { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.js-ie11 #entry-main .entry-slide .slick-list li > div > img { display: none; }

/* .entry-video */
#entry-main .entry-video { margin-top: 3.065em; }
#entry-main .entry-video .movie { position: relative; }
#entry-main .entry-video .movie iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
#entry-main .entry-video .movie::before { content: ""; display: block; padding-top: 56.25%; }
@media screen and (min-width: 768px) {
	#entry-main { margin-top: 6.285em; }
	#entry-main .entry-content,
	#entry-main .entry-slide,
	#entry-main .entry-video { float: left; width: 57.547%; }
	#entry-main .entry-image { float: right; width: 32.075%; margin: 0.357em 0 0 0; }
	#entry-main .caption { margin-top: 0.666em; font-size: 1.2rem; }
	#entry-main .entry-content { font-size: 1.6rem; line-height: 2; }
	#entry-main .entry-content h3 { font-size: 1.4em; }
	#entry-main .entry-image figure + figure { margin-top: 1.857em; }
	#entry-main .entry-slide { margin-top: 6.785em; }
	#entry-main .entry-slide .slick-list li { height: 51.822vw; }
	#entry-main .entry-slide li img { height: 51.822vw; }
	#entry-main .entry-slide p.caption { position: absolute; bottom: 1em; bottom: 3.8em; font-size: 1rem; }
	#entry-main .entry-video { margin-top: 6.785em; }
}
@media screen and (min-width: 1440px) {
	#entry-main .entry-slide .slick-list li { height: 732px; }
	#entry-main .entry-slide li img { height: 732px; }
}