@media screen and (max-width: 1500px) {

	/*************************************************index****************************************************/
	.message-image {
		right: -14%;
	}
}

@media screen and (max-width: 1200px) {

	/*************************************************index****************************************************/
	.message-image {
		right: -23%;
	}

}

@media screen and (max-width: 1024px) {

	/*************************************************基本設定****************************************************/
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	.pc-1024 {
		display: block;
	}

	.sp-500 {
		display: none;
	}

	.br-1024 {
		display: block;
	}

	.revi-pc-600 {
		display: block;
	}

	.revi-sp-600 {
		display: none;
	}

	.contents-line {
		max-width: none;
		padding: 0;
	}

	a.link-btn {
		width: auto;
		padding: 8px 50px;
	}

	.contents-line-mid {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}

	.contents-line-min {
		max-width: 100%;
		padding: 20px;
	}

	.contents-line-mid.archive-events {
		max-width: 600px;
		margin: 0 auto;
	}

	.contents-line-mid.rules-contents {
		max-width: 95%;
		margin: 0 auto;
	}

	.about-group,
	.about-office,
	.about-staff,
	.recruit-about-entry,
	.recruit-forrm {
		padding: 70px 0;
	}

	/*************************************************header****************************************************/
	/*.main-navigation{
	height: 100vh;
	background-color: #0f1455;
	width: 70vw;
	position: absolute;
	top: 100%;
	right: -100%;
	transition:0.3s;
}
	.main-navigation.active{
	right: -35px;
	top: 100%;
}*/
	.menu-list li a {
		color: #ffffff;
		display: block;
		margin: 20px 0;
	}

	.menu-list {
		display: block;
		padding: 30px 50px;
	}

	.menu-list li {
		width: 100%;
		text-align: left;
	}

	.site-title img {
		max-width: 300px;
		width: 80%;
	}

	.header-flex {
		margin-bottom: 0;
	}

	.header-wrap {
		padding: 14px 0;
		position: relative;
	}

	.topto {
		position: unset;
		border: 1px solid #ffffff;
	}

	.kasou-header-ic-rule {
		width: 15%;
		left: 18%;
	}

	.kasou-header-ic {
		width: 15%;
		left: 20%;
	}

	.accordion-area article {
		font-size: 1.2em;
	}

	/*************************************************index****************************************************/
	.head-in-text {
		left: -28px;
		padding: 5px 55px 6px;
		font-size: 32px;
	}

	.top-news .sp {
		text-align: center;
		margin-top: 30px;
	}

	.top-news-flex {
		display: block;
	}

	.top-news-left {
		flex-direction: unset;
	}

	.top-news-list li {
		flex-wrap: wrap;
	}

	.news-title {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	.top-news {
		padding: 30px 0;
	}

	.cause-box-title {
		display: flex;
		align-items: center;
		line-height: 1;
	}

	.cause-image,
	.cause-text {
		width: 100%;
	}

	.cause-image {
		text-align: center;
	}

	.top-message {
		padding: 70px 0;
	}

	.tri-image {
		top: -25px;
	}

	.to-staff-text-box {
		justify-content: center;
	}

	.top-office {
		padding: 70px 0;
	}

	.top-inheritance-wrap {
		background-image: none;
	}

	.top-inheritance-text-box,
	.top-inheritance-btn {
		width: 100%;
	}

	.top-inheritance-text-box {
		background-color: #f0f0f0;
		padding: 20px;
	}

	.top-inheritance-btn {
		background-image: url(https://vividcosplaycarnival.com/wp-content/themes/alfred_custom/img/top-inheritance-bg_sp.jpg);
		background-size: cover;
		background-position: center center;
		justify-content: center;
		padding: 50px 20px;
	}

	.top-inheritance-title {
		margin-bottom: 15px;
	}

	.message-text {
		width: 100%;
	}

	.message-image {
		position: unset;
		text-align: right;
		margin-top: 20px;
	}

	.message-image img {
		width: 60%;
	}

	.message-sign {
		margin-top: 0;
		position: absolute;
		bottom: 25%;
		left: 10%;
	}

	.revi-contact-btn {
		display: block;
		text-align: center;
		width: 100%;
		margin: 0 auto;
	}

	.revi-wrap {
		padding: 0;
	}

	.gallery-title {
		background-position: center left 30%;
	}

	.top-revitalization {
		padding: 120px 0;
		background-image: url(https://vividcosplaycarnival.com/wp-content/themes/alfred_custom/img/revitalization-bg-pc.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right;
	}

	.gallery-photo {
		width: 50%;
		margin: 0;
	}

	/*************************************************お問い合わせ****************************************************/
	.contact-form-wrap {
		max-width: 100%;
		padding: 30px 60px;
	}

	.form-table input,
	.form-table textarea {
		background-color: #ffffff;
		border: 1px solid #b3b3b3;
		width: 100%;
	}

	.form-table input[name="type"],
	.form-table input[name="entry-type"],
	.form-table input[name="job-type"] {
		width: auto;
	}

	.form-table .mwform-tel-field input[type="text"] {
		width: 28%;
	}

	.form-table input[name="last-name"],
	.form-table input[name="first-name"],
	.form-table input[name="kana-last-name"],
	.form-table input[name="kana-first-name"] {
		width: 100%;
	}

	/*************************************************event****************************************************/
	/*****************アーカイブ****************/
	#event-info-nav,
	#event-info-twitter {
		margin-bottom: 80px;
	}

	.archive-event-list li {
		padding: 16px;
		margin-bottom: 16px;
		border-radius: 20px;
	}

	.round-arrow::before {
		right: 35px;
		width: 30px;
		height: 30px;
	}

	.round-arrow::after {
		right: 45px;
	}

	.archive-event-list article {
		font-size: 1em;
	}

	.top-schedule-box {
		padding: 20px;
		flex-direction: column;
	}

	.vol {
		font-size: 1.5em;
		width: 5em;
	}

	.date {
		font-size: 1.5em;
		width: 30%;
	}

	.top-schedule-box .date {
		font-size: 2em;
	}

	.info-field {
		width: 100%;
	}

	.allow-field {
		margin: 10px 0 0 90%;
	}

	.info-img {
		margin: 0 0 10px 0;
	}

	.wait-msg {
		margin-top: 10px;
	}

	.youbi {
		font-size: 1.5em;
		margin-bottom: 3px;
	}

	.dow {
		font-size: .6em;
	}

	.top-schedule-box .dow {
		margin-left: 14px;
	}

	.dow::before {
		width: 30px;
		height: 30px;
		translate: -54% -54%;
	}

	.top-schedule-box .dow::before {
		translate: -50% -52%;
	}

	.title {
		width: 100%;
		font-size: 1.5em;
		letter-spacing: 1px;
	}

	.ev-close::before {
		/* 背景の表示設定 */
		display: none;
	}

	.event-end::before {
		display: none;
	}

	.end-message {
		color: #FF0000;
		width: 100%;
		text-align: right;
	}

	.end-message.close-col {
		color: #F4008C;
	}

	#event-info-top .info-top-title {
		margin-bottom: 30px;
	}

	.event-bg {
		padding-top: 50px;
	}


	/*************************************************ticket****************************************************/
	/*****************アーカイブ****************/
	.events-list-wrap {
		padding: 0;
	}

	.accordion-area .date {
		width: fit-content;
		text-align: left;
	}

	.ticket-detail-box {
		width: 95%;
	}

	/*************************************************news****************************************************/
	/*****************アーカイブ****************/
	.archive-news-list {
		width: 100%;
	}

	.news-detail-box {
		width: 100%;
	}

	.news-sidebar-pc {
		display: none;
	}

	.news-sidebar-sp {
		display: block;
		width: 100%;
		margin-bottom: 50px;
	}

	.archive-news-list-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	.news-info-flex .category-p a.important-news,
	.side-category-p a.important-news,
	.news-info-flex .category-p a.news,
	.side-category-p a.news {
		font-size: 1em;
		padding: 3px 12px 3px;
	}

	.side-category-p {
		margin: 10px 0;
	}

	.news-detail-box .news-title {
		line-height: 1;
		-webkit-box-orient: initial;
		-webkit-line-clamp: initial;
		white-space: initial;
	}

	/*************************************************rules*****************************************************/
	.rules-link-list a {
		width: 90%;
	}

	/*************************************************footer****************************************************/
	.footer-flex {
		display: block;
		padding: 20px 0;
	}

	.footer-address-wrap,
	.footer-sitemap-wrap {
		width: 100%;
	}

	.footer-sitemap-wrap {
		margin-top: 20px;
	}

	.site-info {
		padding-top: 40px;
	}

	.header-info-wrap .header-link-btn {
		border: 1px solid #ffffff;
	}

	.faq-link-wrap figure {
		width: 100%;
	}

	.contents-line-none {
		background: none;
	}

	.contact-btn-bg {
		display: flex;
		justify-content: center;
		align-items: center;
		background: url(https://vividcosplaycarnival.com/wp-content/themes/alfred_custom/img/contact_img_sp.svg) no-repeat center center / cover;
		background-size: 100%;
		height: 36.13vw;
		max-width: 1280px;
	}

	.contact-btn {
		display: block;
		text-align: center;
		width: 90%;
		margin: 100px auto 20px;
	}

	.contact-btn a {
		background: #FFF;
		border-radius: 3px;
		position: relative;
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin: 0 auto;
		max-width: 60%;
		padding: 20px 50px;
		color: #DD0180;
		transition: 0.3s ease-in-out;
		font-size: 1.2em;
	}

	.contact-btn a:after {
		content: "";
		position: absolute;
		top: 50%;
		bottom: 0;
		right: 1rem;
		font-size: 90%;
		transition: right 0.3s;
		width: 10px;
		height: 10px;
		border-top: solid 2px currentColor;
		border-right: solid 2px currentColor;
		transform: translateY(-50%) rotate(45deg);
	}

	.top-title-flex,
	.top-schedule-wrap,
	.cause-box-wrap {
		justify-content: center;
		gap: 10px;
	}

	/*****************************************************************************************************/
}

@media screen and (max-width: 768px) {

	/*************************************************header****************************************************/
	.site-title img {
		max-width: 230px;
	}

	.menu-btn span {
		width: 45px;
	}

	.breadcrumbs {
		padding: 4px 0 6px;
		margin-bottom: 45px;
	}

	.breadcrumbs-wrap {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		overflow: auto;
		white-space: nowrap;
	}

	.entry-title-jp {
		font-size: 160%;
	}

	.entry-title {
		font-size: 20px;
	}

	.breadcrumbs span {
		padding: 0 3px;
	}

	/*************************************************index****************************************************/
	.message-image-box {
		float: none;
		margin: 0 0 30px 0;
		text-align: center;
	}

	.message-image {
		margin: 0 0 30px 0;
	}

	.message-name-box {
		position: unset;
	}

	.head-copy {
		font-size: 26px;
	}

	.top-to-staff:before,
	.top-to-staff:after {
		content: none;
	}

	.shear-adjustment {
		transform: skewX(0);
		-webkit-transform: skewX(0);
		-moz-transform: skewX(0);
		padding: 30px 0;
	}

	.to-staff-box {
		transform: skewX(0);
		-webkit-transform: skewX(0);
		-moz-transform: skewX(0);
		background: transparent;
	}

	.top-to-staff {
		background: -moz-linear-gradient(left, #101254, #036eb7);
		background: -webkit-linear-gradient(left, #101254, #036eb7);
		background: linear-gradient(to right, #101254, #036eb7);
	}

	.to-staff-text-box {
		justify-content: center;
	}

	.to-staff-text {
		width: 100%;
	}

	.top-access-text,
	.top-access-map {
		width: 100%;
	}

	.top-intro-text {
		text-align: justify;
	}

	.top-intro-wrap {
		padding: 70px 0;
	}

	.cause:before,
	.cause:after {
		height: 70px;
	}

	.top-access-box {
		margin-bottom: 50px;
	}

	.top-message {
		background-image: linear-gradient(0deg, transparent 49px, #edebeb 50px), linear-gradient(90deg, transparent 49px, #edebeb 50px);
	}

	.message-sign img {
		width: 110px;
	}

	.message-sign {
		bottom: 18%;
		gap: 20px;
		left: auto;
	}

	.top-revitalization {
		padding: 30px 0 20px 0;
		background-image: url(https://vividcosplaycarnival.com/wp-content/themes/alfred_custom/img/revitalization-bg-pc.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center right;
	}

	/*************************************************events****************************************************/
	/*****************アーカイブ****************/
	#event-info-nav a {
		width: 80%;
	}

	/*****************シングル******************/
	#event-info-detail article {
		padding: 10px 0;
	}

	.event-column {
		width: 100%;
	}

	.event-column-title {
		padding: 0;
	}

	.event-column-title::before,
	.event-column-title::after {
		width: 30%;
	}

	.ticket-sale {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: flex-end;
	}

	.ticket-list-wrap,
	.loc {
		padding: 5px 0;
	}

	label.event-column-title-min {
		padding: 4px 10px;
		font-size: 1em;
	}

	.event-timeline {
		margin: 0 auto;
		width: 90%;
		height: auto;
	}

	/*************************************************news****************************************************/
	/*****************アーカイブ****************/
	.archive-news-list {
		width: 100%;
	}

	.news-sidebar-pc {
		display: none;
	}

	.news-sidebar-sp {
		display: block;
		width: 100%;
		margin-bottom: 50px;
	}

	.sidebar-news-category-wrap {
		text-align: left;
	}

	.pagination {
		gap: 10px;
	}

	.page-numbers {
		width: 30px;
		height: 30px;
	}

	a.page-numbers.next,
	a.page-numbers.prev {
		font-size: 90%;
	}

	/*****************詳細ページ****************/
	.news-detail-wrap .news-content-flex {
		display: block;
	}

	.news-detail-box {
		width: 100%;
	}

	.news-detail-box .news-info-flex {
		display: flex;
		align-items: flex-start;
		gap: 0;
		flex-direction: column;
	}

	.news-detail-wrap .news-sidebar {
		width: 100%;
		margin-top: 50px;
	}

	.news-detail-card {
		padding: 20px;
	}

	.eyecatch-news {
		margin: 25px 0;
	}

	/*****************rules****************/
	.rules-link-list {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.rules-link-list li {
		width: 60%;
		margin: 10px 0;
		text-align: center;
	}

	.rules-link-list a {
		width: 100%
	}

	/*************************************************footer****************************************************/
	.footer-sitemap-wrap {
		padding: 20px 40px;
	}

	/*********************************2023.12.25 追加*************************************/
	/** イベント情報ページ **/
	.map-info-wrap h4 {
		margin-bottom: 8px;
	}

	div.map-notes-title {
		margin-top: 14px;
		height: 18px;
	}

	.map-notes-text {
		padding: 0.5rem;
		font-size: .9em;
	}
}

@media screen and (max-width: 600px) {

	/*************************************************index****************************************************/
	.group-icon img {
		width: 190px;
	}

	.revi-pc-600 {
		display: none;
	}

	.revi-sp-600 {
		display: block;
	}

	.top-revitalization {
		padding: 30px 0 200px 0;
		background-image: url(https://vividcosplaycarnival.com/wp-content/themes/alfred_custom/img/revitalization-bg-sp.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center right;
	}

	.top-revitalization .contents-line {
		margin-bottom: 60px;
	}

	.revi-img {
		width: auto;
		position: initial;
		margin-left: -16px;
	}

	.revi-img img {
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
	}

	.revi-title {
		font-size: 150%;
		background-size: 50px 50px;
		background-position: top 10px right 2%;
		margin-bottom: 20px;
	}

	.revi-wrap-sp p {
		color: #FFF;
		margin-bottom: 20px;
	}

	.revi-contact-btn {
		width: auto;
	}

	.revi-contact-btn a {

		padding: 10px 65px;
	}

	.gallery-title {
		background-position: center left 20%;
	}

	.accordion-area .date {
		width: 45%;
	}
}

@media screen and (max-width: 500px) {
	/*************************************************基本設定***************************************************/

	.pc-1024 {
		display: none;
	}

	.sp-500 {
		display: block;
	}

	.section-title.no-en {
		font-size: 23px;
	}

	/*************************************************header****************************************************/
	.header-link-btn {
		font-size: 15px;
		color: #ffffff;
		padding: 8px 10px;
		display: flex;
		align-items: center;
		position: relative;
		transition: 0.3s;
	}

	.header-info-wrap .header-link-btn {
		padding: 8px 9px;
	}

	/*************************************************index****************************************************/
	.top-head-image {
		height: 450px;
	}

	.head-in-text {
		padding: 5px 20px 6px 40px;
	}

	.head-copy {
		font-size: 21px;
	}

	.cause-box-title {
		font-size: 21px;
	}

	.tri-image {
		top: -15px;
	}

	.qualified-title .qualified-title-deco {
		font-size: 20px;
	}

	.message-sign {
		position: unset;
		justify-content: center;
	}

	.message-image img {
		width: 100%;
	}

	/*************************************************News****************************************************/
	.pagination {
		justify-content: space-evenly;
	}

	.news-info-flex {
		flex-direction: column;
		align-items: flex-start;
	}

	/*************************************************お問い合わせ****************************************************/
	.contact-form-wrap {
		padding: 30px;
	}

	/*************************************************footer****************************************************/
	.footer-sitemap-wrap {
		padding: 20px;
	}

	/*****************************************************************************************************/


	.contents-line-none {
		background: none;
	}

	.contact-btn-bg {
		display: flex;
		justify-content: center;
		align-items: center;
		background: url(https://vividcosplaycarnival.com/wp-content/themes/alfred_custom/img/contact_img_sp.svg) no-repeat center center / cover;
		background-size: 100%;
		padding: 10px 0px;
		max-width: 1280px;
	}

	.contact-btn {
		display: block;
		text-align: center;
		width: 60%;
		margin: 60px auto 20px;
	}

	.contact-btn a {
		background: #FFF;
		border-radius: 3px;
		position: relative;
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin: 0 auto;
		max-width: 280px;
		padding: 10px 25px;
		color: #DD0180;
		transition: 0.3s ease-in-out;
	}

	.contact-btn a:after {
		content: "";
		position: absolute;
		top: 50%;
		bottom: 0;
		right: 1rem;
		font-size: 90%;
		transition: right 0.3s;
		width: 10px;
		height: 10px;
		border-top: solid 2px currentColor;
		border-right: solid 2px currentColor;
		transform: translateY(-50%) rotate(45deg);
	}
}

@media screen and (max-width: 600px) {

	/*****基本設定*****/
	.contents-line {
		max-width: 100%;
		padding: 0;
	}

	.contents-line-mid {
		max-width: 100%;
		padding: 0 15px;
	}

	.contents-line-min {
		max-width: 100%;
		padding: 20px;
	}


	/*****index*****/
	#top-event {
		margin-top: 50px;
	}

	.top-title-flex {
		gap: 0;
	}

	.section-title {
		font-size: 170%;
		margin-bottom: 0px;
	}

	.section-sub {
		font-size: 100%;
		margin-bottom: 10px;
	}

	.schedule-pop {
		width: 33%;
	}

	.top-title-wrap {
		display: block;
	}

	.top-schedule-wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.top-schedule-wrap a {
		width: 100%;
	}

	.top-schedule-box {
		height: auto;
		width: 100%;
		flex-direction: column;
	}

	.pc-1024 {
		display: none;
	}

	.sp-500 {
		display: block;
	}

	.info-img {
		margin: 10px;
		width: 90%;
	}

	.info-img img {
		width: 100%;
		height: auto;
	}

	.top-schedule-box .date {
		font-size: 160%;
		letter-spacing: 0px;
		width: auto;
	}

	.top-schedule-box .dow {
		font-size: .6em;
	}

	.info-field {
		display: flex;
		height: 100%;
		margin: 0 auto 0 0;
		margin-bottom: 10px;
		margin-left: 15px;
		align-items: baseline;
		justify-content: flex-start;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.info-field p {
		font-size: 100%;
	}

	.place-up {
		margin-bottom: 0px;
	}

	.sp-place {
		font-size: 150%;
		font-weight: 900;
		line-height: 28px;
		text-align: center;
		margin: 0 10px 10px;
	}

	.measure figure img {
		width: 100%;
	}

	.bgBlock {
		width: 75%;
	}

	.cause-box {
		width: 100%;
	}

	.cause-title-twi,
	.cause-title-news {
		font-size: 200%;
	}

	.cause-new {
		width: 100%;
	}

	.cause-news-list {
		padding: 10px 25px;
	}

	.top-revitalization {
		padding: 30px 0 200px 0;
		background-image: url(https://vividcosplaycarnival.com/wp-content/themes/alfred_custom/img/revitalization-bg-sp.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center right;
	}

	.revi-img {
		width: auto;
		position: initial;
		margin-left: -16%;
	}

	.revi-img img {
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}

	.revi-title {
		font-size: 150%;
		background-size: 50px 50px;
		background-position: top 10px right 2%;
		margin-bottom: 20px;
	}

	.sur-ic {
		padding: 22px 60px 0 0;
	}

	.revi-wrap-sp p {
		color: #FFF;
		margin: 20px 0;
	}

	.revi-contact-btn {
		width: auto;
	}

	.revi-contact-btn a {

		padding: 10px 65px;
	}

	.gallery-twi-btn {
		padding: 10px 20px;
		font-size: 70%;
	}

	.footer-logo-wrap {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-bottom: 20px;
	}

	.footer-logo-wrap p {
		font-size: 90%;
	}

	.footer-logo img {
		width: 150px;
	}

	.footer-twitter {
		margin: 10px 0;
	}

	.footer-twitter a {
		justify-content: center;
	}

	.footer-sitemap-list {
		gap: 12px 0;
		justify-content: center;
		font-size: 80%;
	}

	.footer-sitemap-wrap {
		padding: 0px 5px;
		text-align: center;
		margin-bottom: 20px;
	}

	/*****kasou-header*****/

	.kasou-title {
		width: 100%;
		text-align: center;
	}

	.kasou-header {
		height: 80px;
	}

	.kasou-header-ic {
		width: 20%;
		position: absolute;
		margin: 0;
		bottom: -5px;
		left: 8%;
		z-index: -1;
	}

	.kasou-header-ic-rule {
		width: 20%;
		left: 3%;
	}

	/*****event-archive*****/

	.archive-event-list li {
		padding: 16px;
		margin-bottom: 16px;
		border-radius: 20px;
	}

	.round-arrow::before {
		right: 35px;
		width: 30px;
		height: 30px;
	}

	.round-arrow::after {
		right: 45px;
	}

	.archive-event-list article {
		font-size: 1em;
	}

	.vol {
		font-size: 1em;
		width: 30%;
	}

	.date {
		font-size: 1em;
		width: 30%;
	}

	.youbi {
		font-size: 1.2em;
		margin-bottom: 3px;
	}

	.dow {
		font-size: .6em;
		padding: 4px 6px;
	}

	.title {
		width: 100%;
		font-size: 1em;
		letter-spacing: 1px;
	}

	.event-end::before {
		display: none;
	}

	.end-message {
		color: #FF0000;
		width: 100%;
		text-align: right;
	}

	.page-numbers {
		padding: 0;
	}

	/*****single-events*****/

	.events-list-title {
		margin-top: 0;
	}

	.event-bg {
		padding: 25px;
	}

	.event-bgw {
		margin-bottom: 30px;
	}

	.info-top-title {
		color: #0071BC;
		display: flex;
		flex-direction: row;
		align-items: center;
		font-size: clamp(1.5rem, 2vw + 1rem, 2.813rem);
		font-weight: 900;
		gap: 0px;
		margin-bottom: 50px;
		flex-wrap: wrap;
	}

	.info-top-title p:first-child {
		width: 40%;
	}

	.info-top-title-date {
		width: 60%;
	}

	.info-top-title h2 {
		width: 100%;
	}

	#event-info-nav ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#event-info-nav li {
		width: 50%;
	}

	#event-info-nav a {
		width: 94%;
	}

	.event-title {
		width: fit-content;
		min-width: 10em;
		margin: 0 auto 25px auto;
		padding: 0.5em 1em;
	}

	.event-news-list {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding: 10px;
	}

	#event-info-detail article {
		padding: 10px 0;
	}

	.event-column {
		width: 100%;
	}

	.event-column-title {
		padding: 0;
	}

	.event-column-title::before,
	.event-column-title::after {
		width: 30%;
	}

	.ticket-list-wrap,
	.loc {
		padding: 5px 0;
	}

	label.event-column-title-min {
		padding: 4px 10px;
		font-size: 1em;
	}

	.rule-head,
	.ticket-head {
		margin: 0px 0 20px;
	}

	#event-info-note .contents-line-min {
		padding: 0;
	}

	.ticket-list li {
		flex-direction: column;
		margin: 0px;
	}

	.ticket-list li:last-child {
		margin: 0px;
	}

	.ticket-list p {
		margin: 5px 0;
	}

	.ticket-price {
		text-align: right;
	}

	#event-info-ticket .contents-line {
		padding: 0;
	}

	.ticket-btn {
		padding: 20px 46px 18px 15px;
	}

	.ticket-btn a {
		font-size: clamp(1rem, 1vw + .9rem, 1.4rem);
	}

	.ticket-btn.round-arrow::before {
		right: 20px;
		width: 30px;
		height: 30px;
	}

	.ticket-btn.round-arrow::after {
		right: 32px;
		width: 12px;
		height: 12px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}

	.map-info-wrap {
		padding: 10px 0;
	}

	.join-twi-btn {
		padding: 8px 16px;
	}

	.join-twi-btn a {
		font-size: .9em;
	}

	.event-timeline {
		margin: 0 auto;
		width: 90%;
		height: 400px;
	}


	/*****ticket*****/

	.accordion-area section {
		border-radius: 15px;
	}

	.accordion-area article {
		font-size: 1em;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
		flex-direction: column;
		align-items: flex-start;
	}

	.ticket-event-title {
		padding: 15px 20px;
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
	}

	.ticket-event-title::before,
	.ticket-event-title::after {
		right: 20px;
	}

	.ticket-event-title::before,
	.ticket-event-title::after {
		width: 20px;
	}

	.ticket-event-title.close {
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
	}

	.accordion-area .vol {
		width: 100%;
	}

	.accordion-area .date {
		width: fit-content;
		text-align: left;
		margin-left: 0;
	}

	.ticket-event-title .dow::before {
		width: 25px;
		height: 25px;
	}

	.ticket-event-title .title {
		width: 94%;
		font-size: 1.2em;
	}

	.ticket-detail-box {
		max-width: 100%;
		padding: 0;
		margin: 30px auto;
	}

	.ticket-detail-box .ticket-list-wrap {
		border-radius: 15px;
		padding: 0 15px 20px;
	}

	.ticket-detail-box .contents-line {
		padding: 0;
	}

	.ticket-detail-box .ticket-btn.round-arrow::before {
		width: 25px;
		height: 25px;
		right: 20px;
	}

	.ticket-detail-box .ticket-btn.round-arrow::after {
		right: 29px;
		width: 10px;
		height: 10px;
	}

	.accordion-area>li {
		margin: 30px 0;
	}

	/*****rules*****/
	.rules-link-list {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		margin: 40px 0;
	}

	.rules-link-list li {
		width: 92%;
		margin: 10px 0;
		text-align: center;
	}

	.agreement-wrap h3 {
		font-size: 1.2em;
		padding: 20px;
		text-align: center;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
	}

	.agreement-text {
		border: 1px solid #CCC;
		padding: 20px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}

	.passmarket-btn:after {
		width: 25px;
		height: 25px;
	}

	/***** faq *****/
	.faq-title.close {
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
	}

	.faq-title {
		border-top-right-radius: 15px;
		border-top-left-radius: 15px;
		border-bottom-right-radius: 15px;
		border-bottom-left-radius: 15px;
		padding: 15px 20px;
		font-size: 1.1rem;
	}

	.faq-title::before,
	.faq-title::after {
		right: 20px;
	}

	.q-circle {
		height: 30px;
		width: 30px;
		line-height: 28px;
		font-size: 1.3rem;
	}

	.q-circle {
		height: 30px;
		width: 30px;
		line-height: 25px;
		margin-right: 7px;
	}

	.faq-title p {
		width: 80%;
	}

	.faq-detail-box {
		margin: 20px;
	}

	.faq-detail-flex {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.a-circle {
		height: 30px;
		width: 30px;
		line-height: 25px;
		font-size: 1.3rem;
		margin-right: 7px;
	}
}

@media screen and (max-width: 375px) {

	/*****event-archive*****/
	.date {
		width: 38%;
	}

	.round-arrow::before {
		right: 15px;
	}

	.round-arrow::after {
		right: 26px;
	}

	/*****event-single*****/
	#event-info-nav ul {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#event-info-nav li {
		width: 100%;
	}

	#event-info-nav a {
		width: 70%;
	}

	.ticket-btn a {
		font-size: clamp(1rem, 1vw + .4rem, 1.4rem);
	}

	.ticket-detail-box .ticket-btn.round-arrow::before {
		width: 25px;
		height: 25px;
		right: 8px;
	}

	.ticket-detail-box .ticket-btn.round-arrow::after {
		right: 17px;
		width: 10px;
		height: 10px;
	}
}