@charset "utf-8";
	
@media screen and (max-width: 768px) {
	.archive_top {
		position: relative;
	}
	.symbol img {
		width: 80%;
	}
	.archive_top.event .symbol, .archive_top.news .symbol {
		top: 0;
		left: -15%;
	}
	.archive-wrapper {
		width: calc(100% - 32px);
		margin: 0 auto;
	}
	#event_archive {
	}
	#event_archive {
		display: flex;
		flex-direction: column;
	}
	#event_archive .list {
		order: 2;
		width: 100%;
		border-top: 1px solid #000;
		margin-bottom: 6.4vw;
	}
	#event_archive .list li {
		border-bottom: 1px solid #000;
	}
	#event_archive .list li a {
		color: #000;
	}
	#event_archive .list li .cell {
		padding: 3.2vw 0; 
	}
	#event_archive .list li .cell .thumbnail {
		width: 100%;
		margin-bottom: 2.4vw;
	}
	#event_archive .list li .cell .thumbnail img {
		width: 100%;
	}
	#event_archive .list li .cell .event-body {
		width: 100%;
		font-size: 4.8vw;
	}
	#event_archive .list li .cell .cat-info {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 2.4vw;
	}
	#event_archive .list li .cell .ctitle {
		width: 24%;
		text-align: center;
		font-size: 3.2vw;
	}
	#event_archive .list li .cell .ctitle p {
		border: 1px solid #000;
		border-radius: 3.2vw;
		padding: 1.2vw;
	}
	#event_archive .list li .cell .date {
		font-size: 3.6vw;
		font-weight: 700;
	}
	#event_archive .list li .cell .icon {
		width: 16%;
	}
	#event_archive .list li .cell .event-title {
		font-size: 5.6vw;
		font-weight: 700;
		line-height: 8.4vw;
		margin-bottom: 4vw;
	}
	#event_archive .list li .cell .event-tag {
		font-size: 4.0vw;
		line-height: 6.8vw;
		margin-bottom: 4vw;
	}
	#event_archive .list li .cell .event-released {
		font-size: 4.0vw;
		line-height: 6.8vw;
	}
	#event_archive .link-block {
		margin-bottom: 4.8vw;
	}
	#news_archive .list {
		width: calc(100% - 32px);
		margin: 0 auto 6.4vw auto;
		border-top: 1px solid #000;
	}	
	#news_archive .list li {
		border-bottom: 1px solid #000;
	}
	#news_archive .list li .info {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 1.2vw 0;
	}
	#news_archive .list li .ctitle {
		width: 80%;
		text-align: center;
		font-size: 3.2vw;
		width: 100%;
		margin-bottom: 1.6vw;
		text-align: left;
	}
	#news_archive .list li .ctitle p {
		display: inline-block;
		border: 1px solid #000;
		border-radius: 3.2vw;
		padding: 1.2vw 6.4vw;
	}
	#news_archive .list li .icon {
		width: 20%;
		text-align: right;
	}
	#news_archive .list li .icon img {
		width: 75%;
	}
	#news_archive .list li .news-body {
		font-size: 4.0vw;
		line-height: 7.2vw;
		margin-bottom: 3.2vw;
	}
	#news_archive .list li .news-body a {
		color: #000;
	}
	#news_archive .list li .date {
		font-size: 2.4vw;
		font-weight: 700;
		color: #808080;
		margin-bottom: 2.4vw;
	}
}
@media screen and (max-width: 400px) {
}
@media screen and (min-width: 769px) {
	.archive_top {
		position: relative;
	}
	.symbol img {
		width: 80%;
	}
	.archive_top.event .symbol, .archive_top.news .symbol {
		top: -20%;
		left: -5%;
	}
	#event_archive {
		margin-bottom: 16rem;
	}
	#event_archive .list {
		width: 100%;
		margin-right: 2.4rem;
		border-top: 1px solid #000;
	}
	#event_archive .list li {
		border-bottom: 1px solid #000;
	}
	#event_archive .list li a {
		color: #000;
	}
	#event_archive .list li .cell {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding: 2.0rem 0; 
	}
	#event_archive .list li .cell .thumbnail {
		width: 25%;
	}
	#event_archive .list li .cell .thumbnail img {
		width: 100%;
	}
	#event_archive .list li .cell .event-body {
		width: 73%;
		font-size: 1.1rem;
	}
	#event_archive .list li .cell .cat-info {
		display: flex;
		align-items: center;
		margin-bottom: 0.6rem;
	}
	#event_archive .list li .cell .ctitle {
		width: 20%;
		text-align: center;
		font-size: 1.1rem;
	}
	#event_archive .list li .cell .ctitle p {
		border: 1px solid #000;
		border-radius: 2.0rem;
		padding: 0.4rem;
		margin-right: 1.2rem;
	}
	#event_archive .list li .cell .date {
		width: calc(80% - 48px);
		font-size: 1.0rem;
		font-weight: 700;
	}
	#event_archive .list li .cell .icon {
		width: 48px;
	}
	#event_archive .list li .cell .event-title {
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 2.8rem;
		margin-bottom: 3.2rem;
	}
	#event_archive .list li .cell .event-tag {
		margin-bottom: 1.6rem;
	}
	#event_archive .calendar .calendar-head {
		display: flex;
		align-items: center;
	}
	#event_archive .calendar .calendar-head .calendar-navi {
		width: 14.2857%;
	}
	#event_archive .calendar .calendar-head .calendar-navi img {
		width: 100%;
	}
	#event_archive .calendar .calendar-head .title {
		width: calc(100% - 28.5714%);
		text-align: center;
	}
	#event_archive .calendar table {
		width: 100%;
		text-align: center;
		border: 1px solid #000;
		background-color: #fff;
	}
	#event_archive .calendar table th, #event_archive .calendar table td {
		width: 14.2857%;
		border: 1px solid #000;
		text-align: center;
		padding: 1.5rem 0;
	}
	#event_archive .calendar table th.holiday {
		color: #f8b42d;
	}
	#event_archive .calendar table td.no-target {
		color: #aaa;
	}
	#event_archive .calendar table td.active {
		background-color: #f8b42d;
	}
	#event_archive .calendar table td a {
		display: block;
		width: 100%;
		height: 100%;
		color: #000;
	}

	#news_archive .list {
		width: 100%;
		border-top: 1px solid #000;
		margin-bottom: 4.8rem;
	}
	#news_archive .list li {
		border-bottom: 1px solid #000;
		display: flex;
		align-items: center;
		padding: 2.0rem 0;
	}
	#news_archive .list li .info {
		width: 20%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-right: 2.4rem;
	}
	#news_archive .list li .ctitle {
		text-align: center;
		font-size: 1.1rem;
		width: 100%;
		margin-bottom: 1.0rem;
	}
	#news_archive .list li .ctitle p {
		border: 1px solid #000;
		border-radius: 2.0rem;
		padding: 0.4rem 1.0rem;
		width: calc(100% - 2.0rem);
	}
	#news_archive .list li .date {
		font-size: 1.0rem;
		font-weight: 700;
		color: #808080;
	}
	#news_archive .list li .news-body {
		width: calc(80% - 2.4rem);
		font-size: 1.3rem;
		line-height: 2.2rem;
	}
	#news_archive .list li .news-body a {
		color: #000;
	}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
	.archive-wrapper {
		width: calc(100% - 64px);
		margin: 0 auto;
	}
}
@media screen and (min-width: 1200px) {
	.archive-wrapper {
		width: 1080px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1600px) {
}