@charset "UTF-8";
/*tingle カスタム*/
/*.tingle-modal {
		background: rgba(255, 255, 255, 0);
		cursor: auto;
		transition: 0.5s all;
		-webkit-backdrop-filter: blur(0);
		backdrop-filter: blur(0);
		display: flex;
		padding-top: 0;
}
.tingle-modal.active {
		-webkit-backdrop-filter: blur(1vw);
		backdrop-filter: blur(1vw);
}
.tingle-modal-box {
		width: 100%;
		background: rgba(230, 0, 0, 1.0);
		transition: 0.5s all;
		transform: translate(0, 4rem) scale(1);
		opacity: 0;
}
.tingle-modal-box.active {
		transform: translate(0, 0) scale(1);
		opacity: 1;
}
.tingle-modal__close {
		display: none !important;
}
.tingle-modal--overflow {
		padding-top: 0;
}*/

#pv,#pvVideo,#pvVideoWrap{
width: 100%;
height: 45svh;
z-index: 1;
}
#pvVideo,#pvVideoWrap{
  position: absolute;
  top: 0;
  left: 0;
  background: #fff; /* 最後の指定を優先 */
}
#pv{
  background: #fff;
	position: relative;
}
#pvVideoWrap{
  background: rgba(255, 255, 255, 0.75);
  background: rgba(0, 0, 0, 0.5);
  background: rgba(102, 0, 0, 0.75);
	z-index: 1;
}
#pv h2{
		position: absolute;
		z-index: 2;
		width: 50%;
		max-width: 360px;
		background: url("../images/heading_pv.png") no-repeat;
		background-size: 100%;
		aspect-ratio: 840/144;
		top: 7vw;
		right: 0;
		left: 0;
		margin: auto;
		font-size: 0;
}
#pv a{
		position: absolute;
		z-index: 2;
		width: 15%;
		background: url("../images/play.png") no-repeat;
		background-size: 100%;
		aspect-ratio: 1;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		font-size: 0;
}
#gotop{
		position: fixed;
		background: url("../images/gotop.png") center center no-repeat #e60000;
		background-size: 50%;
		display: block;
		width: 14%;
		aspect-ratio: 1;
		border-radius: 16%;
		bottom: 4vw;
		right: 4vw;
		cursor: pointer;
		font-size: 0;
		z-index: 2;
}
.navFix {
		position: fixed;
}
#onoff {
		position: fixed;
		position: absolute;
		z-index: 1;
		width: 84%;
		max-width: 480px;
		background: url("../images/switch_waku.png") no-repeat;
		background-size: 100%;
		aspect-ratio: 1580/220;
		top: 2.5vw;
		right: 0;
		left: 0;
		margin: auto;
		text-align: right;
		font-size: 0;
}
.onoffBTN {
		transition: 0.2s all;
		display: inline-block;
		width: 27%;
		aspect-ratio: 3.3/1;
		border-radius: 100vw;
		margin-top: 2.3%;
		margin-right: 1.8%;
		cursor: pointer;
		font-size: 0;
}
.onoffBTN:nth-of-type(1) {
		background: url("../images/switch_tv.png") center center no-repeat #cccccc;
		background-size: 65%;
}
.onoffBTN:nth-of-type(1).active {
		background: url("../images/switch_tv.png") center center no-repeat #e60000;
		background-size: 65%;
}
.onoffBTN:nth-of-type(2) {
		background: url("../images/switch_movie.png") center center no-repeat #cccccc;
		background-size: 65%;
}
.onoffBTN:nth-of-type(2).active {
		background: url("../images/switch_movie.png") center center no-repeat #e60000;
		background-size: 65%;
}
.onoffBTN:nth-of-type(3) {
		background: url("../images/switch_topic.png") center center no-repeat #cccccc;
		background-size: 65%;
		margin-right: 3.3%;
}
.onoffBTN:nth-of-type(3).active {
		background: url("../images/switch_topic.png") center center no-repeat #e60000;
		background-size: 65%;
		margin-right: 3.3%;
}
#timeline {
		position: fixed;
		position: absolute;
		z-index: 1;
		width: 5%;
		max-width: 26px;
		top: 14vw;
		left: 2vw;
		font-size: 0;
		height: calc(100svh - 15vw - 2.5vw);
		height: calc(100svh - 14vw);
}
#timeline.x {
		height: calc(100svh - 14vw - 5vw);
}
.timelineBTN {
		display: inline-block;
		width: 100%;
		height: 16.6%;
		cursor: pointer;
		font-size: 0;
		transition: 0.2s all;
}
.timelineBTN:nth-of-type(1) {
		background: url("../images/timeline_1960_off.png") center center no-repeat, url("../images/timeline_waku_a_off.png") center center no-repeat;
		background-size: 55%, 100% 100%;
}
.timelineBTN:nth-of-type(2) {
		background: url("../images/timeline_1980_off.png") center center no-repeat, url("../images/timeline_waku_b_off.png") center center no-repeat;
		background-size: 55%, 100% 100%;
}
.timelineBTN:nth-of-type(3) {
		background: url("../images/timeline_1990_off.png") center center no-repeat, url("../images/timeline_waku_b_off.png") center center no-repeat;
		background-size: 55%, 100% 100%;
}
.timelineBTN:nth-of-type(4) {
		background: url("../images/timeline_2000_off.png") center center no-repeat, url("../images/timeline_waku_b_off.png") center center no-repeat;
		background-size: 55%, 100% 100%;
}
.timelineBTN:nth-of-type(5) {
		background: url("../images/timeline_2010_off.png") center center no-repeat, url("../images/timeline_waku_b_off.png") center center no-repeat;
		background-size: 55%, 100% 100%;
}
.timelineBTN:nth-of-type(6) {
		background: url("../images/timeline_2020_off.png") center center no-repeat, url("../images/timeline_waku_b_off.png") center center no-repeat;
		background-size: 55%, 100% 100%;
}
.timelineBTN:nth-of-type(1).active {
		background: url("../images/timeline_1960_on.png") center center no-repeat, url("../images/timeline_waku_a_on.png") center center no-repeat;
		background-size: 55%, 100% 100%;
}
.timelineBTN:nth-of-type(2).active {
		background: url("../images/timeline_1980_on.png") center center no-repeat, url("../images/timeline_waku_b_on.png") center center no-repeat;
		background-size: 55%, 100% 100%;
}
.timelineBTN:nth-of-type(3).active {
		background: url("../images/timeline_1990_on.png") center center no-repeat, url("../images/timeline_waku_b_on.png") center center no-repeat;
		background-size: 55%, 100% 100%;
}
.timelineBTN:nth-of-type(4).active {
		background: url("../images/timeline_2000_on.png") center center no-repeat, url("../images/timeline_waku_b_on.png") center center no-repeat;
		background-size: 55%, 100% 100%;
}
.timelineBTN:nth-of-type(5).active {
		background: url("../images/timeline_2010_on.png") center center no-repeat, url("../images/timeline_waku_b_on.png") center center no-repeat;
		background-size: 55%, 100% 100%;
}
.timelineBTN:nth-of-type(6).active {
		background: url("../images/timeline_2020_on.png") center center no-repeat, url("../images/timeline_waku_b_on.png") center center no-repeat;
		background-size: 55%, 100% 100%;
}
#decoLogo {
		position: absolute;
		position: fixed;
		width: auto;
		top: 15vw;
		right: 1vw;
		height: calc(100svh - 15vw - 2.5vw);
		background: url("../images/deco.png") center center no-repeat;
		background-size: 100%;
		aspect-ratio: 240/1400;
}
#shinEiMarkPC {
		display: none;
}
.cts {
		position: relative;
		background: url("../images/timeline_dot.png") top center repeat-y;
		background-size: 1.5%;
		min-height: 100dvh;
		padding-bottom: 5rem;
		overflow: hidden;
}
.year {
		padding-top: 17vw;
		padding-bottom: 17vw;
}
.year h2 {
		display: inline-block;
		font-family: "Rubik", sans-serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		color: #e60000;
		font-size: 4rem;
		font-size: 3.8rem;
		line-height: 1;
		font-feature-settings: "palt"1;
		letter-spacing: 0.001em;
		opacity: 0;
		transform: scale(0.1);
		filter: blur(5vw);
		transition: opacity 0.55s linear, transform 0.55s ease-out, filter 0.55s linear;
}
.year h2.active {
		filter: blur(0);
		opacity: 1;
		transform: scale(1.0);
}
.year .social {
		display: block;
		width: 50%;
		color: #e60000;
		color: #666;
		font-size: 0.8rem;
		line-height: 1.3;
		opacity: 0;
		transition: 0.8s all ease-out;
		transition-delay: 0.3s;
		margin: 0 auto 1vw auto;
		padding: 0 1em;
}
.year .social.active {
		opacity: 1;
}
/*トピック*/
.year .topic {
		width: 70%;
		margin: 5vw auto 16vw auto;
}
:nth-last-child(1 of .element) {
		margin-bottom: 0;
}
.year .topic::before {
		padding: 0;
		display: block;
		width: 100%;
		position: relative;
		content: "";
		background: url("../images/waku_topic_h_mobile.png") top center no-repeat;
		background-size: 100%;
		aspect-ratio: 1400/140;
}
.year .topic::after {
		padding: 0;
		display: block;
		width: 100%;
		position: relative;
		content: "";
		background: url("../images/waku_topic_f_mobile.png") bottom center no-repeat;
		background-size: 100%;
		aspect-ratio: 1400/160;
}
.year .topic .date {
		font-size: 0.9rem;
		line-height: 1.0;
		font-weight: bold;
		background: #ebebeb;
		padding-bottom: 0.5em;
}
.year .topic h3 {
		padding-bottom: 0.3em;
		font-size: 1.1rem;
		line-height: 1.2;
		background: #ebebeb;
		font-weight: 700;
}
.year .topic .exp {
		padding: 0 4vw;
		background: #ebebeb;
		text-align: center;
}
.year .topic .exp p {
		display: inline-block;
		font-size: 0.9rem;
		line-height: 1.3;
		text-align: justify;
}
.year .topic .exp .topicVisual {
		font-size: 0.9rem;
		width: 75%;
		border-radius: 2vw;
		margin: 0 auto 0.5em auto;
}
/*作品*/
.works {
		display: block;
		margin: 5vw auto 12vw auto;
}
.works {
		color: #e60000;
}
.works:has(.numbering) {
		margin-top: calc(5vw + 1rem);
}
.works:has(.numbering2) {
		margin-top: calc(5vw + 2rem);
}
/*↑ここから上にバグあり↑*/
/*作品タイトル位置*/
.works hgroup {
		text-align: right;
		display: inline-block;
		writing-mode: vertical-rl; /*縦書き*/
		text-orientation: upright; /*すべて縦回転*/
		position: absolute;
		white-space: nowrap;
		/*overflow: auto;*/
}
.works .numbering {
		font-size: 0.9rem;
		font-weight: 700;
		line-height: 1.0;
		position: absolute;
		top: -1.2em;
		left: 0;
}
.works .numbering2 {
		padding-left: 0.25em;
		font-size: 0.9rem;
		line-height: 1.2;
		position: absolute;
		top: -2.45em;
		left: 0;
		text-align: left;
}
.works .numbering2 span {
		font-weight: 700;
		background: #FFF;
		padding-bottom: 0.35em;
}
.works .copyright {
		color: #999;
		font-size: 0.65rem;
		line-height: 1.0;
		position: absolute;
		bottom: -2.6em;
		right: 0.5em;
}
.works.correct1 {
		margin-left: 26%;
}
.works hgroup {}
.works hgroup .seriesName, .works hgroup h3 {
		display: block;
		writing-mode: vertical-rl; /*縦書き*/
		text-orientation: upright; /*すべて縦回転*/
		text-align: left;
		font-weight: 700;
}
.works hgroup .seriesName span, .works hgroup h3 span {
		text-orientation: mixed;
}
.works hgroup h3 span.dot {
		display: inline-block;
		text-orientation: upright;
		transform: translate(0.2em, -0.5em);
}
.works hgroup .seriesName {
		font-size: 1.0rem;
		line-height: 1.2;
		display: block;
}
.works .spec {
		text-align: right;
		margin: 0;
		font-size: 0;
		padding: 0;
		white-space: nowrap;
}
.works .spec p {
		display: block;
		font-size: 0.65rem;
		font-size: 0.8rem;
		line-height: 1.2;
		color: #666;
		color: #e60000;
		padding-right: 0.3em;
		margin-bottom: 0.25em;
		text-align: right;
		width: 105%;
		margin-left: -5%;
		white-space: normal;
		/*white-space: nowrap;*/
}
.works.tv .spec p {
		margin-top: -0.15em;
}
.works.movie .spec p {
		display: inline-block;
		background: #FFF;
		padding-top: 0.5vw;
		width: auto;
}
.works .spec p span {
		display: inline-block;
		background: #FFF;
		padding-top: 0.5vw;
}
.works hgroup h3 {
		font-size: 1.3rem;
		line-height: 1.2;
}
.works.odd hgroup.l1 {
		left: -1.7em;
}
.works.even hgroup.l1 {
		right: -1.75em;
}
.works.odd hgroup.l2 {
		left: -3.1em;
}
.works.even hgroup.l2 {
		right: -3.1em;
}
.works.odd hgroup.l3 {
		left: -4.6em;
}
.works.even hgroup.l3 {
		right: -4.6em;
}
.works.odd hgroup.l4 {
		left: -5.0em;
}
.works.even hgroup.l4 {
		right: -5.6em;
}
/*TV*/
.year .tv {
		width: 60%;
}
.year .tv .visual {
		display: block;
		position: relative;
		width: 100%;
		background: url("../images/waku_tv.png") center center no-repeat;
		background-size: 100%;
		aspect-ratio: 1360/1060;
}
.year .tv .visual img {
		width: 91.2%;
		height: auto;
		border-radius: 3vw;
		position: absolute;
		top: 2%;
		left: 2%;
		border: solid 0.9vw #e60000;
		background: url(../images/loader_v.gif) center center no-repeat #FFF;
		background-size: 7vw;
}
.year .tv a.visual::after {
		display: block;
		width: 10%;
		position: absolute;
		content: "";
		background: url("../images/link.png") bottom center;
		background-size: 100%;
		aspect-ratio: 60/60;
		top: 73%;
		left: 79%;
		pointer-events: none;
}
.year .tv a.visual.escape::after {
		display: block;
		width: 10%;
		position: absolute;
		content: "";
		background: url("../images/link.png") bottom center;
		background-size: 100%;
		aspect-ratio: 60/60;
		top: 7%;
		left: 79%;
		pointer-events: none;
}
.year .tv a.visual.setting::after {
		display: block;
		width: calc(10%*3.67);
		position: absolute;
		content: "";
		background: url("../images/link2.png") bottom center;
		background-size: 100%;
		aspect-ratio: 220/60;
		top: 73%;
		left: 53%;
		pointer-events: none;
}
.year .tv a.visual.setting.escape::after {
		display: block;
		width: calc(10%*3.67);
		position: absolute;
		content: "";
		background: url("../images/link2.png") bottom center;
		background-size: 100%;
		aspect-ratio: 220/60;
		top: 7%;
		left: 53%;
		pointer-events: none;
}
/*movie*/
.year .movie {
		width: 46%;
}
.year .movie .visual {
		display: block;
		position: relative;
		width: 100%;
		background: url("../images/waku_movie.png") center center no-repeat;
		background-size: 100%;
		aspect-ratio: 1072/1488;
}
.year .movie .visual img {
		width: 89.2%;
		height: auto;
		border-radius: 3vw;
		position: absolute;
		top: 2%;
		left: 2%;
		border: solid 0.9vw #e60000;
		background: url(../images/loader_v.gif) center center no-repeat #FFF;
		background-size: 7vw;
}
.year .movie a.visual::after {
		display: block;
		width: 13.5%;
		position: absolute;
		content: "";
		background: url("../images/link.png") bottom center;
		background-size: 100%;
		aspect-ratio: 100/100;
		top: 78%;
		left: 73%;
		pointer-events: none;
}
.year .movie a.visual.escape::after {
		display: block;
		width: 13.5%;
		position: absolute;
		content: "";
		background: url("../images/link.png") bottom center;
		background-size: 100%;
		aspect-ratio: 100/100;
		top: 7%;
		left: 73%;
		pointer-events: none;
}
a.visual {}
a.visual img {
		transition: 0.6s all;
}
a.visual img:hover {
		transform: scale(1.05, 1.05);
		transition: 0.3s all;
}
.memo {
		margin: 13vw auto 15vw auto;
		background: #fce5e5;
		border: solid 0.45vw #e60000;
		border-radius: 50vw;
		width: 76% !important;
		position: relative;
		/*display: flex;*/
		justify-content: center;
		align-items: center;
		font-size: 0;
}
.memo.relation {
		margin-top: -9.5vw;
}
.memo.tv.relation {
		margin-top: -8.0vw;
}
.memo.relationAward {
		margin-top: -13.5vw;
		margin-top: -9.0vw;
}
.memo h4 {
		font-size: 0;
		background: url("../images/memo.png") center center no-repeat;
		background-size: 100%;
		aspect-ratio: 600/160;
		width: 40%;
		position: absolute;
		top: -4.5vw;
		left: 5vw;
}
.memo .exp {
		padding: 4vw 7vw;
		display: inline-block;
		vertical-align: middle;
}
/* 「.memoVisual」の直後にある「.exp」だけ padding を変える */
.memoVisual + .exp {
		padding: 4vw 7vw 4vw 1.5vw;
		width: 70%;
}
.memo .exp p {
		display: inline-block;
		font-size: 0.9rem;
		font-size: 0.8rem;
		line-height: 1.4;
		text-align: justify;
}
.memoVisual {
		display: inline-block;
		width: 24%;
		vertical-align: middle;
		border-radius: 100%;
		margin: 3vw -6vw 3vw 4vw;
		margin: 3vw 0vw 3vw 4vw;
}
.awardList {
		display: block;
		margin: -12vw auto 18vw auto;
		margin: -12vw auto 14vw auto;
		width: 60% !important;
}
.awardList.relationW {
		margin-top: -13vw;
}
.award {
		position: relative;
		background: url("../images/award.png") center center no-repeat;
		background-size: 100%;
		aspect-ratio: 1120/280;
		margin: 0vw auto;
		padding: 3vw 0;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 1;
}
.award::before {
		content: "";
		background: #fff;
		width: 80%;
		height: 100%;
		aspect-ratio: 1120/280;
		position: absolute;
		z-index: 0;
}
.awardList p {
		font-size: 0.78rem;
		line-height: 1.2;
		color: #D3AF37;
		color: #e60000;
		font-weight: 400;
		font-weight: 700;
		background: #FFF;
}
.youtube {
		margin: 10vw auto 12vw auto;
		background: #fce5e5;
		border: solid 0.7vw #e60000;
		border-radius: 8vw;
		width: 70% !important;
		position: relative;
		font-size: 0;
		padding: 7vw 0 4vw 0;
}
.youtube h4 {
		background: url("../images/youtube.png") center center no-repeat;
		background-size: 100%;
		aspect-ratio: 640/188;
		width: 46%;
		position: absolute;
		top: -4.5vw;
		left: 27.5%;
}
.youtube .award {
		background: url("../images/award_youtube.png") center center no-repeat;
		background-size: 100%;
		aspect-ratio: 1120/180;
		margin: -2vw auto 2vw auto;
		padding: 1vw 0;
		width: 80%;
		display: flex;
		justify-content: center;
		align-items: center;
}
.youtube .award::before {
		background: transparent;
}
.youtube .award p {
		font-size: 0.9rem;
		line-height: 1.3;
		color: #D3AF37;
		color: #e60000;
		font-weight: 700;
}
.youtube .channelArt {
		display: inline-block;
		width: 80%;
		border-radius: 1.5vw;
		margin: 0 auto;
}
.youtube .exp {
		width: 80%;
		font-size: 0;
		margin: 0 auto;
}
.youtube .exp p {
		padding-top: 0.5em;
		display: inline-block;
		font-size: 0.8rem;
		line-height: 1.3;
		text-align: justify;
}
.youtube .exp p.spec {
		text-align: center;
		color: #e60000;
}
.youtube .exp p.spec span {
		font-size: 0.65rem;
}
footer {
		position: relative;
		background: #e60000;
		color: #FFF;
		padding: 1rem;
		min-height: 100vh;
		z-index: 10;
		display: flex;
		justify-content: center;
		align-items: center;
}
footer.x {
		padding-bottom: calc(1rem + 14vw);
}
footer section h2 {
		font-size: 0;
		background: url("../images/footer_logo.png") center center no-repeat;
		background-size: 100%;
		aspect-ratio: 520/440;
		width: 70%;
		margin: 2rem auto 0 auto;
		transform: scale(0.1);
}
footer section h2.effect {
		transform: scale(0);
		transition: 1.0s all;
		transition-delay: 0.1s;
}
footer section h2.effect.active {
		transform: scale(1);
}
footer section a {
		display: block;
		width: 80%;
}
footer section a.effect {
		transition-delay: 0.5s;
		transition: 1.0s all;
		text-decoration: none;
		aspect-ratio: 650/112;
}
footer section a:nth-of-type(1) {
		margin: 2rem auto 0 auto;
}
footer section a:nth-of-type(2) {
		margin: 1rem auto 0 auto;
		background: url("../images/go_site.png") center center no-repeat;
		background-size: 100%;
}
footer section a:nth-of-type(1) p, footer section a:nth-of-type(2) p {
		font-size: 1.1rem;
		line-height: 1;
		font-weight: 700;
		padding: 0.6em 0 0.7em 0;
		width: 98%;
		border-radius: 100vw;
}
footer section a:nth-of-type(1) p {
		color: #FFF;
		text-decoration: none;
		background: url("../images/arrow_w.png") 96% 53% no-repeat;
		background-size: 4%;
		border: solid 0.75vw #FFF;
}
footer section a:nth-of-type(2) p {
		color: #e60000;
		text-decoration: none;
		background: url("../images/arrow_r.png") 96% 53% no-repeat #FFF;
		background-size: 4%;
}
footer section a p {
		transition: 0.6s all;
}
footer section a p:hover {
		transform: scale(1.08, 1.08);
		transition: 0.3s all;
}
footer .cr {
		position: relative;
		width: 100%;
		margin-top: 3rem;
}
footer .cr p {
		margin-top: 1rem;
}
footer .cr p:nth-of-type(1) {
		font-size: 0.7rem;
}
footer .cr p:nth-of-type(2) {
		font-size: 0.4rem;
		text-align: justify;
		line-height: 1.2;
}
/*ONOFFボタン MAX超えたら*/
@media screen and (min-width:570px) {
		#onoff {
				top: calc(570px * 0.025);
		}
		#timeline {
				top: calc(570px * 0.15);
				left: calc(570px * 0.02);
				height: calc(100svh - 570px * 0.15 - 570px * 0.025);
		}
		#decoLogo {
				top: calc(570px * 0.15);
				right: calc(570px * 0.01);
				height: calc(100svh - 570px * 0.15 - 570px * 0.025);
		}
}
/*PC*/
@media screen and (min-width:768px) {

#pv h2{
		width: 50%;
		max-width: 360px;
		top: 2.5vw;
}
#pv a{
		width: 10%;
		max-width: 100px;
}
#gotop{
		width: 5%;
		bottom: 1.5vw;
		right: 1.5vw;
}
		#onoff {
				max-width: 680px;
				background: url("../images/switch_waku_pc.png") no-repeat;
				background-size: 100%;
				aspect-ratio: 2220/220;
		}
		.onoffBTN {
				width: 28.5%;
				aspect-ratio: 4.7/1;
				margin-top: 1.5%;
				margin-right: 1.4%;
		}
		.onoffBTN:nth-of-type(1), .onoffBTN:nth-of-type(1).active, .onoffBTN:nth-of-type(2), .onoffBTN:nth-of-type(2).active, .onoffBTN:nth-of-type(3), .onoffBTN:nth-of-type(3).active {
				background-size: 50%;
		}
		.onoffBTN:nth-of-type(3), .onoffBTN:nth-of-type(3).active {
				margin-right: 2.4%;
		}
		#timeline, #decoLogo {
				top: calc((100dvh - (100svh - 570px * 0.15 - 570px * 0.025))/2);
		}
		#decoLogo {
				background: url("../images/deco_pc.png") center center no-repeat;
				background-size: 100%;
				aspect-ratio: 520/2440;
				background: none;
		}
		#shinEiMarkPC {
				display: block;
				z-index: -1;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				margin: auto;
				opacity: 0.7;
				position: fixed;
				aspect-ratio: 1/1;
				height: 80svh;
				width: auto;
				background: url("../images/bgpc_mark.png") center center no-repeat;
				background-size: 100%;
		}
		#shinEiMarkPC img:nth-of-type(1) {
				animation: decoRotatePC 80s linear infinite;
		}
		@keyframes decoRotatePC {
				0% {
						transform: rotate(0);
				}
				100% {
						transform: rotate(360deg);
				}
		}
		.cts {
				background-size: 0.7%;
		}
		.year {
				width: 44%;
				margin: 0 auto;
				padding-top: 8vw;
				padding-bottom: 0vw;
		}
		.year h2 {
				filter: blur(2vw);
				font-size: 6rem;
		}
		.year .social {
				width: 100%;
				padding: 0;
		}
		.year:nth-of-type(2n+1) section.tv {
				margin-left: -40%;
		}
		.year:nth-of-type(2n+1) section.movie {
				margin-left: -32%;
		}
		.year:nth-of-type(2n+1) section.topic {
				margin-left: -45%;
		}
		.year:nth-of-type(2n+1) section.memo {
				margin-left: -46% !important;
		}
		.year:nth-of-type(2n+1) section.youtube {
				margin-left: -41% !important;
		}
		.year:nth-of-type(2n+1) article.awardList {
				margin-left: -37% !important;
		}
		.year:nth-of-type(2n) section.tv {
				margin-left: 75%;
		}
		.year:nth-of-type(2n) section.movie {
				margin-left: 83%;
		}
		.year:nth-of-type(2n) section.topic {
				margin-left: 70%;
		}
		.year:nth-of-type(2n) section.memo {
				margin-left: 69% !important;
		}
		.year:nth-of-type(2n) section.youtube {
				margin-left: 72% !important;
		}
		.year:nth-of-type(2n) article.awardList {
				margin-left: 79% !important;
		}
		/*トピック*/
		.year .topic {
				width: calc(70%*1.1);
				margin: 2vw auto 7vw auto;
		}
		.year .topic h3 {
				font-weight: 600;
		}
		.year .topic .exp {
				padding: 0 2vw;
		}
		.year .topic .exp p {
				font-size: 0.7rem;
				line-height: 1.4;
		}
		.year .topic .exp .topicVisual {
				border-radius: 1.0vw;
		}
		/*作品*/
		.works {
				margin: 2vw auto 5vw auto;
		}
		.works:has(.numbering), .works:has(.numbering2) {
				margin-top: calc(2vw + 1rem);
		}
		.works hgroup h3 {
				font-size: 1.2rem;
		}
		.works .numbering, .works .numbering2 {
				font-size: 0.9rem;
				top: -1.3em;
		}
		.works .numbering2 span {
				background: none;
		}
		.works.correct1 {
				margin-left: auto;
		}
		.works .spec {
				margin-top: -0.25vw;
		}
		.works .spec p {
				background: none;
				font-size: 0.65rem;
		} /*
		.works.movie .spec p {
				margin-top: 0.5em;
		}*/
		/*TV*/
		.year .tv {
				width: calc(60%*1.1);
		}
		/*movie*/
		.year .movie {
				width: calc(46%*1.1);
		}
		/*TV*/
		/*movie*/
		.year .tv .visual img, .year .movie .visual img {
				border-radius: 2vw;
				border: solid 0.4vw #e60000;
				background: url(../images/loader_v.gif) center center no-repeat #FFF;
				background-size: 10%;
		}
		/*受賞*/
		.awardList {
				margin: -4.8vw auto 12vw auto;
				margin: -4.8vw auto 8vw auto;
				margin: -4.8vw auto 8vw auto;
		}
		.award {
				padding: 1.3vw 0;
		}
		.awardList.relationW {
				margin-top: -7.5vw;
		}
		.youtube {
				margin: 3vw auto 8vw auto;
				border: solid 0.35vw #e60000;
				border-radius: 4vw;
				padding: 3vw 0 1.5vw 0;
		}
		.youtube h4 {
				top: -2.1vw;
		}
		.youtube .award {
				margin: -1.2vw auto 0.5vw auto;
		}
		.award {
				margin: 0.25vw auto;
		}
		.award::before {
				content: "";
				background: transparent;
		}
		.youtube .award p {
				font-weight: 700;
		}
		.youtube .channelArt {
				border-radius: 0.75vw;
		}
		/*memo*/
		.memo {
				width: calc(70%*1.1) !important;
				margin: 7vw auto 8vw auto;
				border: solid 0.2vw #e60000;
				border-radius: 50vw;
		}
		.memo.relation {
				margin-top: -3.7vw;
		}
		.memo.tv.relation {
				margin-top: -3.7vw;
		}
		.memo.relationAward {
				margin-top: -10.0vw;
				margin-top: -6.0vw;
		}
		.memo h4 {
				width: 34%;
				top: -1.7vw;
				left: 2.5vw;
		}
		.memo .exp {
				padding: 1.5vw 3vw;
		}
		/* 「.memoVisual」の直後にある「.exp」だけ padding を変える */
		.memoVisual + .exp {
				padding: 1.5vw 3vw 1.5vw 1vw;
		}
		.memo .exp p {
				font-size: 0.7rem;
				line-height: 1.4;
		}
		.memoVisual {
				margin: 1.2vw -2.4vw 1.2vw 1.5vw;
				margin: 1.2vw 0vw 1.2vw 1.5vw;
		}
		footer {
				padding: 0.5rem 1rem;
		}
		footer section h2 {
				width: 28%;
				max-width: calc(1600px * 0.28);
		}
		footer section a:nth-of-type(1), footer section a:nth-of-type(2) {
				width: 24%;
				max-width: calc(1600px * 0.24);
		}
		footer section a:nth-of-type(1) p, footer section a:nth-of-type(2) p {
				padding: 0.55em 0 0.6em 0;
				font-size: 0.9rem;
		}
		footer section a:nth-of-type(1) p {
				border: solid 0.25vw #FFF;
		}
		footer .cr {
				margin-top: 1rem;
		}
		footer .cr p:nth-of-type(1) {
				font-size: 0.6rem;
		}
		footer .cr p:nth-of-type(2) {
				margin-top: 0.5rem;
		}
}
/*PC*/
@media screen and (min-width:1080px) {}