@charset "UTF-8";

/* -------------------------------------------------
	File name : responsive.css
---------------------------------------------------- */

/* common */
/* =============================
	header
=============================== */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.header-navi {
		padding-block: 3vw 0;
		transform: scale(.9);
		right: 3vw;
	}
}
@media screen and (max-width: 1199px) {
	.header-navi,
	.header-entry {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.home-logo {
		position: absolute;
		top: 5vw;
		bottom: 0;
		z-index: 3;
		mix-blend-mode: difference;
		padding-inline: 5vw;
		transition: all .5s ease-in-out;
	}
	.home-logo .fixed {
		left: -5vw;
	}
}

/* =============================
	footer
=============================== */
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.footer-content {
		padding-bottom: 5em;
		padding-inline: 5vw;
		flex-direction: column;
		column-gap: 0;
		row-gap: 5vw;
		justify-content: center;
	}
	.footer-info {
		width: 100%;
	}
	.footer-global {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.footer-content {
		padding-bottom: 10em;
		padding-inline: 5vw;
		flex-direction: column;
		column-gap: 0;
		row-gap: 5vw;
		justify-content: center;
	}
	.footer-info {
		width: 100%;
	}
	.footer-global {
		display: none;
	}
	.footer-preside p {
		font-size: 90%;
		line-height: 1.4em;
		text-align: justify;
	}
	.footer-preside br {
		display: contents;
	}
}


/* =============================
	entry
=============================== */
@media screen and (min-width: 1200px) {
	.entry-group {
		display: none;
	}
}
@media screen and (max-width: 1199px) {
	.entry-group {
		width: 100%;
		padding-inline: 2vw;
		position: fixed;
		bottom: 2vw;
		z-index: 1000;
	}
	.entry-group .reds {
		margin-bottom: 2vw;
	}
	.entry-group .group-entry {
		display: flex;
		gap: 2vw;
		filter: drop-shadow(0 0 10rem white);
	}
	.entry-group .group-entry li {
		width: 100%;
	}
	.entry-group .group-entry a {
		height: 70px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: .9em;
		line-height: 1.4em;
		color: var(--white-color);
		background-color: var(--black-color);
	}
	.entry-group .reds a {
		height: 70px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: .9em;
		line-height: 1.4em;
		color: var(--white-color);
		background-color: var(--red-color);
	}
	.entry-group .group-entry em {
		font-weight: 600;
		font-size: .7em;
		text-transform: uppercase;
	}
	.page-entry_content .entry-note .soon {
		font-size: 1em;
	}
	.entry-group .group-entry a small {
		display: block;
		padding-top: .2em;
		font-size: 80%;
	}
}

/* =============================
	readmore
=============================== */
@media screen and (max-width: 767px) {
	.readmore a {
		font-family: canada-type-gibson, sans-serif;
		font-weight: 600;
		text-transform: uppercase;
		text-decoration:none;
		position: relative;
		transition: .3s;
		padding-block: 1.2em;
		color: var(--white-color);
		background-color: var(--black-color);
		display: flex;
		justify-content: center;
	}
	.readmore a:after{
	  content: "\f061";
	  font-family: "Font Awesome 6 Pro";
	  position: absolute;
	  right: 5vw;
	  color: var(--white-color);
	}
}

/* home */
/* =============================
	main
=============================== */
@media screen and (min-width: 2560px) {
	.main {
	    width: 100%;
	}
	.page {
		width: 100%;
	}
}
@media screen and (max-width: 1199px) {
	.main {
	    width: 100%;
	}
}

/* =============================
	cover
=============================== */
@media screen and (min-width: 768px) and (max-width: 1440px) {
	.cover-mask {
	    width: 80%;
	}
	.cover-mask .end {
		-webkit-mask-size: auto;
		mask-size: auto;
		transition: .3s ease-out;
	}
}
@media screen and (max-width: 767px) {
	.cover {
	    padding-block: 30vw 0;
	}
	.cover-mask {
	    width: 90%;
	}
	.cover-mask .end {
		-webkit-mask-size: auto;
		mask-size: auto;
		transition: .3s ease-out;
	}
}

/* =============================
	news
=============================== */
@media screen and (max-width: 1199px) {
	.news-content {
		height: 200px;
		display: flex;
		column-gap: min(2vw,2em);
	}
	.news-ticker .swiper-slide {
		display: flex;
		flex-direction: column;
		justify-content: center;
		column-gap: 0;
	}
	.news-ticker .swiper-slide time {
		display: none;
	}
	.news-ticker a {
		width: 100%;
	}
}

/* =============================
	about
=============================== */
@media screen and (max-width: 767px) {
	.about-content {
		flex-direction: column;
		column-gap: 0;
		row-gap: min(10vw,5em);
	}
	.about-thum {
		width: 100%;
		padding-inline: 10vw;
		order: 2;
	}
	.about-note {
		width: 100%;
		display: flex;
		flex-direction: column;
		row-gap: 2em;
		order: 1;
	}
	.about-item p br {
		display: none;
	}
}

/* =============================
	outline
=============================== */
@media screen and (max-width: 767px) {
	.outline-content {
		flex-direction: column;
		column-gap: 0;
		row-gap: min(10vw,5em);
	}
	.outline-thum {
		width: 100%;
		order: 2;
	}
	.outline-note {
		width: 100%;
		display: flex;
		flex-direction: column;
		row-gap: 2em;
		order: 1;
	}
}

/* =============================
	schedule
=============================== */
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.schedule-item {
		display: flex;
		flex-direction: column;
		row-gap: min(8vw,3em);
	}
	.schedule-date {
		display: flex;
		flex-direction: unset;
		row-gap: 2em;
		column-gap: 4em;
	}
	.schedule-cate {
		width: 200px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.schedule-content {
		flex-direction: column;
		column-gap: 0;
		row-gap: min(15vw,10em);
	}
	.schedule-note {
		width: 100%;
		position: relative;
		top: 0;
		display: flex;
		flex-direction: column;
		row-gap: 2em;
	}
	.schedule-summary {
		width: 100%;
		display: flex;
		flex-direction: column;
		row-gap: 3em;
	}
}
@media screen and (max-width: 767px) {
	.schedule-content {
		flex-direction: column;
		column-gap: 0;
		row-gap: min(10vw,5em);
	}
	.schedule-note {
		width: 100%;
		position: relative;
		top: 0;
		display: flex;
		flex-direction: column;
		row-gap: 2em;
	}
	.schedule-summary {
		width: 100%;
		display: flex;
		flex-direction: column;
		row-gap: 3em;
	}
	.schedule-value {
		justify-content: center;
	}
	.schedule-value strong {
		font-size: min(7vw,3.2em);
	}
	.schedule-value span {
		width: 22px;
		height: 22px;
	}
}

/* =============================
	award
=============================== */
@media screen and (max-width: 991px) {
	.award-content {
		flex-direction: column;
		column-gap: 0;
		row-gap: min(15vw,10em);
	}
	.award-thum {
		width: 100%;
		padding-inline: 10vw;
	}
	.award-note {
		width: 100%;
		display: flex;
		flex-direction: column;
		row-gap: 2em;
	}
	.award-archive li {
		width: calc(100% / 4);
		text-align: center;
	}
	.page-award_sfeh {
		flex-direction: column;
	}
}

/* =============================
	contents
=============================== */
@media screen and (max-width: 1199px) {
	.contents-summary {
		grid-template-columns: repeat(2, auto);
	}
}


/* page */
/* =============================
	page
=============================== */
@media screen and (max-width: 1199px) {
	.page {
	    width: 100%;
	}
}

/* =============================
	page-about
=============================== */
@media screen and (max-width: 1199px) {
	.page-about figure img {
		width: 100%;
		height: auto;
	}
	.page-about_note p br {
		display: none;
	}
}

/* =============================
	page-award-year
=============================== */
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.page-award_item {
		display: grid;
		grid-template-columns: repeat(3,auto);
		gap: min(2vw,1.4em);
	}
	.page-award_prize {
		display: grid;
		grid-template-columns: repeat(3,auto);
		gap: min(2vw,1.4em);
	}
	.page-award_prize li {
		width: calc(100% / 1);
		display: flex;
		flex-direction: column;
		row-gap: .5em;
	}
}
@media screen and (max-width: 767px) {
	.page-award_item {
		display: grid;
		grid-template-columns: repeat(2,auto);
		gap: min(4vw,1.4em);
	}
	.page-award_prize {
		display: grid;
		grid-template-columns: repeat(2,auto);
		gap: min(4vw,1.4em);
	}
	.page-award_prize::after{
		content: none;
	}
	.page-award_prize li {
		width: calc(100% / 1);
		display: flex;
		flex-direction: column;
		row-gap: .5em;
	}
	.page-award_feat .feat-summary {
		font-size: 90%;
	}
	.page-award_feat .feat-summary dt {
		width: auto;
	}
	.page-award_feat .feat-summary dd {
		width: auto;
	}
	.page-award_feat .feat-summary dd:before {
		content: "/";
		padding-inline-end: .5em;
	}
}

/* =============================
	page-contact
=============================== */
@media screen and (max-width: 1199px) {
	.contact-content {
		padding-block: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		column-gap: 0;
		row-gap: min(10vw,5em);
	}
	.contact-note {
		width: 100%;
		position: relative;
		display: flex;
		flex-direction: column;
		row-gap: 1em;
	}
	.contact-form {
		width: 100%;
		display: flex;
		flex-direction: column;
		row-gap: 1em;
	}
	.contact-submit .sending {
		width: calc(100% / 1.5);
	}
}

/* =============================
	page-interview
=============================== */
@media screen and (max-width: 1199px) {
	.page-interview_post {
		justify-content: center;
	}
	.page-interview_post article {
		width: 100%;
	}
	.interview-meta p {
		font-size: 90%;
		color: var(--text-color);
	}
}

/* =============================
	page-movie
=============================== */
@media screen and (max-width: 1199px) {
	.page-movie_post {
		justify-content: center;
	}
	.page-movie_post article {
		width: 100%;
		display: flex;
		flex-direction: column;
		row-gap: 1em;
		padding-block: 0 min(10vw,3em);
		border-bottom: 1.5px solid var(--low-color);
	}
	.movie-data {
		width: 100%;
	}
	.movie-thum {
		width: 100%;
	}
}

/* =============================
	page-news
=============================== */
@media screen and (max-width: 767px) {
	.page-news_post {
		margin-bottom: min(10vw,5em);
	}
	.page-news_post article a {
		padding: 1em 2vw 1.5em;
	}
	.page-news_post article p {
		word-break: break-all;
		line-break: auto;
		word-wrap: unset;
		overflow-wrap: unset;
		white-space: normal;
	}
}

/* =============================
	page-sponsor
=============================== */
@media screen and (max-width: 767px) {
	.sponsor-item {
		flex-direction: column;
		column-gap: 0;
		row-gap: min(6vw,3em);
	}
	.sponsor-thum {
		width: 100%;
		border-radius: .5em;
	}
	.sponsor-data {
		width: 100%;
	}
	.sponsor-product {
		margin-block: 0 min(9vw,7em);
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		row-gap: min(6vw,3em);
	}
	.sponsor-product_item {
		width: calc(100% / 2 - min(3vw,3em));
		display: flex;
		flex-direction: column;
		row-gap: 1em;
	}
	.sponsor-list {
		grid-template-columns: repeat(2,auto);
	}
	.sponsor-link {
		flex-direction: column;
		column-gap: 0;
		row-gap: .2em;
	}
}

@media screen and (max-width: 767px) {
	.sponsor_premium-content {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		row-gap: 1em;
	}
	.sponsor_premium-item {
		width: calc(100% / 1);
		display: flex;
		flex-direction: column;
		gap: 1em;
	}
	.sponsor_gold-content {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		row-gap: min(8vw,5em);
	}
	.sponsor_gold-item {
		width: calc(100% / 1);
		display: flex;
		flex-direction: column;
		gap: 1em;
		position: relative;
		padding-bottom: min(5vw,2em);
		border-bottom: 1.5px solid var(--black-color);
	}
	.sponsor_gold-item:nth-child(odd)::after {
		content: none;
	}
	.sponsor_gold-item:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
}


/* =============================
	page-story
=============================== */
@media screen and (max-width: 1199px) {
	.page-story_post {
		justify-content: center;
		row-gap: min(6vw,3em);
	}
	.page-story_post article {
		width: 100%;
		display: flex;
		flex-direction: column;
		row-gap: 1em;
		padding-block: 0 min(6vw,3em);
		border-bottom: 1.5px solid var(--low-color);
	}
}

/* =============================
	page-outline
=============================== */
@media screen and (max-width: 991px) {
	.page-outline_item a {
		flex-direction: column;
		column-gap: 0;
		justify-content: center;
		row-gap: min(3vw,1em);
		text-align: center;
	}
	.page-outline_guide {
		padding-inline: 0;
		display: flex;
		flex-direction: column;
		row-gap: min(5vw,2em);
	}
	.outline-guide_sign .sign a:after {
		top: 50%;
	}
	.page-outline_note br {
		display: none;
	}
}

/* =============================
	page-outline-guide
=============================== */
@media screen and (max-width: 991px) {
	.outline-guide_sign .sign a {
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
		gap: min(6vw,3em);
		padding: 2em;
		color: var(--white-color);
		background-color: var(--black-color);
		position: relative;
	}
	.outline-guide_item {
		display: flex;
		flex-direction: column;
		column-gap: 0;
		row-gap: min(6vw,3em);
		padding-bottom: min(6vw,3em);
		border-bottom: 1px solid var(--low-color);
	}
	.guide-note_entry {
		display: flex;
		flex-direction: column;
		column-gap: 0;
		row-gap: 1em;
		padding-bottom: 2em;
	}
	.guide-note_entry li {
		width: calc(100% / 1);
	}
}

/* =============================
	page-outline-entry
=============================== */
@media screen and (max-width: 991px) {
	.page-entry_content .entry-value {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: min(6vw,3em);
	}
	.page-entry_content .entry-thum {
		width: 70%;
		margin: auto;
	}
	.page-entry_content .entry-note {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		row-gap: min(5vw,2em);
	}
	.page-entry_content .entry-note li {
		width: 100%;
		display: flex;
		line-height: 1.4em;
		font-size: 1em;
		letter-spacing: 0;
		font-size: 90%;
	}
}


/* =============================
	page-outline-notice
=============================== */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.page-notice_value dl {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: min(5vw,1em);
	}
}
@media screen and (max-width: 991px) {
	.page-notice_value dl {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: min(5vw,1em);
	}
}

/* =============================
	page-outline-judge
=============================== */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.page-judge_item {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: min(5vw,1em);
	}
}
@media screen and (max-width: 991px) {
	.page-judge_item {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: min(5vw,1em);
	}
}

@media screen and (max-width: 991px) {
	.page-guest_profile {
		flex-direction: column;
		column-gap: 0;
		row-gap: min(6vw,3em);
	}
	.page-guest_photo {
		width: 100%;
		margin: auto;
	}
	.page-guest_name {
		width: calc(100% / 1);
	}
}


/* single */
/* =============================
	single-story
=============================== */
@media screen and (max-width: 1199px) {
	.single-story_content {
		grid-template-columns: 1fr;
		column-gap: 0;
		row-gap: min(5vw,3em);
	}
	.single-story_side {
		width: 100%;
		position: relative;
		order: 2;
	}
	.single-story_sticky {
		position: relative;
		top: min(3vw,2em);
		padding-bottom: min(3vw,2em);
	}
	.single-story_main {
		order: 1;
	}
}

/* =============================
	single-entry
=============================== */
@media screen and (max-width: 767px) {
	.single-entry_item {
		grid-template-columns: 1fr;
		row-gap: min(5vw,1.4em);
	}
	.single-entry_note h4 {
		font-size: 1.2em;
	}
	.single-entry_header {
		flex-direction: column;
		justify-content: center;
	}
	.entry-header_icon {
		width: 60%;
		margin: auto;
	}
	.entry-header_icon img {
	    width: 100%;
	    aspect-ratio: 1 / 1;
	    object-fit: cover;
	}
	.entry-header_title {
		width: calc(100% / 1);
	}
}