@charset "utf-8";
/* CSS Document */

/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, label, fieldset, input, textarea, p, blockquote, pre, table th, td,button, address {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1.8;
	text-decoration: none;
	color: #333333;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	word-wrap: break-word
}

* {
    box-sizing: border-box
}
/* COMMON */
.center {
	text-align: center;
	margin: 0 auto;
}
a:link,
a:visited {
    color: #333333;
    text-decoration: underline;
}
a:hover,
a:active {
    color: #333333;
    text-decoration: none;
}
ul li {
    list-style:none;
}
img {
	pointer-events: none;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	-webkit-touch-callout:none;
}
table {
    border-collapse: collapse;
    width: 100%;
    border: #898989 solid 1px;
    table-layout: fixed;
}
table th,
table td{
    vertical-align: top;
    border:#898989 solid 1px;
    text-align: left;
    padding: 10px
}
table th {
    font-weight: bold;
    background: #f1f1f1;
}
table td {
    background: #ffffff;
}
.btn {
	background: #A6A6A6;
	position: relative;
	color: #ffffff !important;
}
.btn a {
	background: #282828;
}
.btn:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.5px 0 5.5px 9px;
	border-color: transparent transparent transparent #ffffff;
	right: 30px;
	bottom: 0;
	top: 0;
	margin: auto;
}
.btn2 {
	position: relative;
}
.btn2 a {
	border: 1px solid #282828;
}
.btn2:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.5px 0 5.5px 9px;
	border-color: transparent transparent transparent #282828;
	right: 30px;
	bottom: 0;
	top: 0;
	margin: auto;
}
.btn2:hover:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.5px 0 5.5px 9px;
	border-color: transparent transparent transparent #ffffff;
	right: 30px;
	bottom: 0;
	top: 0;
	margin: auto;
}
.btn_small {
	background: #282828;
	position: relative;
}
.btn_small:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.5px 0 5.5px 9px;
	border-color: transparent transparent transparent #ffffff;
	right: 30px;
	bottom: 0;
	top: 0;
	margin: auto;
}
.btn_small a:hover,
.btn a:hover {
	background: #b32169;
}
.btn2 a:hover {
	background: #753a7a;
	color: #ffffff;
	border: 1px solid #753a7a;
}

/* header */
header {
    display: flex;
    justify-content: center;
    align-items: center;
}
header h1 {
    text-align: center;
    font-weight: 600;
    color: #FFFFFF;
}
header h1 span {
    font-weight: 400;
}

nav {
    background-color:rgba(255,255,255,0.9);
}
nav ul.nav01,
nav ul.nav02 {
    display: flex;
    margin: 0 auto;
    justify-content: center;
}
nav ul.nav01 li,
nav ul.nav02 li {
    line-height: 1;
    display: flex;
	position: relative;
}
nav ul.nav01 li a,
nav ul.nav02 li a {
    text-decoration: none !important;
    background: #e5e5e5;
}
nav ul.nav01 li a.active {
    background: #282828;
    color: #ffffff;
}
nav ul.nav02 li a {
    background: #ffffff;
    border: 1px solid #282828;
}
nav ul.nav02 li:after {
	content: "";
	background: url("../../images/common/arrow.png");
	position: absolute;
}

/* main */
.wrap {
    margin: 0 auto;
}
.bg_gray {
    background: #f6f6f6;
}
h2 {
    font-weight: 500;
	position: relative;
}
h2:before {
	content: "";
	background: rgb(107,38,136);
	background: linear-gradient(0deg, rgba(107,38,136,1) 0%, rgba(203,32,95,1) 100%);
	position: absolute;
	left: 0;
	top: 0;
}
h3.title {
	text-align: center;
	background: linear-gradient(-90deg, rgb(107, 38, 136, 0.1) 0%, rgb(203, 32, 95, 0.1) 100%);
}
.anchor > li {
	font-weight: bold;
}
.anchor > li .info {
	font-weight: normal;
	margin-top: 0;
}
.anchor .point {
	border: 1px solid #333333;
}
#event img {
	max-width: 100%;
}
.box {
	position: relative;
	background: #ffffff;
}
.box:before {
	content: "";
	background: linear-gradient(90deg, rgba(107,38,136,1) 0%, rgba(203,32,95,1) 100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
}
.boxPast .accTrigger {
	border: 1px solid #282828;
	background: #ffffff;
	transition: 0.2s;
}
.pin {
	border: 5px solid;
	border-image: linear-gradient(-45deg, #fb8cb0, #62b3ec) 1;
	background: #ffffff;
	padding: 30px;
}
.accContainer {
	display: none;
	transition: 0.2s;
}
.accContainer.oepn {
	display: block;
}
.boxPast .accContainer {
	padding: 30px;
	background: #ffffff;
	margin-top: 20px;
}
.box_border_double {
	border: 4px double #C5C5C5;
}

.search-item-list {
	display: flex;
	margin-top: 40px;
}
.search-item-list li:hover {
	background: #b32169;
	border: #b32169 1px solid;
	color: #FFFFFF;
}
.search-item-list li.show {
	background: #333333;
	border: #333333 1px solid;
	color: #ffffff;
	cursor: default;
}

.search-item-list li {
	flex: 1;
	border: 1px solid #333333;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
	cursor: pointer;
	transition: 0.2s;
}
.search-item-list li:first-child {
	margin-left: 0;
}
.search-content-list {
	/*border: #898989 solid 1px;*/
	margin-top: 20px;
	background: #fff;
	padding: 30px;
}
.search-content {
  display: flex;
  border-bottom: #e0e0e0 1px solid;
  padding: 20px 0;
}
.search-content p {
	margin-top: 0;
}
.search-content .year {
	width: 10%;
	margin-left: 20px;
}
.search-content .ttl {
	width: 90%;
}
.search-content a {
	width: 100%;
	display: flex;
	padding: 20px 40px 20px 0;
	margin: -20px -40px -20px 0;
	position: relative;
	transition: 0.2s;
	text-decoration: none;
}
.search-content a:hover {
	background: #f8f1f7;
}
.search-content a:after {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    background: url("../../images/common/arrow_list.png") no-repeat;
    background-size: auto;
    background-size: 10px 16px;
    width: 10px;
    height: 16px;
    margin: auto;
}
.show{
  display: block;
}
.hide{
  display: none;
}

footer #page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
	@media screen and (min-width: 641px) {
	/* PC用のスタイル記述 =========================================================================== */
		/* COMMON */
		.sp_only {
			display: none
		}
		.fs_small {
			font-size: 14px;
		}
		p {
			margin-top: 30px;
		}
		table th,
		table td{
			padding: 15px 20px;
		}
		/* header */
		header  {
			background: url("../../images/common/header.jpg");
			background-size: 100% auto;
			height: 272px;
		}
		header h1 {
			font-size: 38px;
			line-height: 1.6;
		}
		header h1 span {
			font-size: 29px;
		}
		nav {
			/*position: -webkit-sticky;
  			position: sticky;
			width: 100%;
			top: 0;
			z-index: 9999;*/
			padding: 70px 0;
		}
		nav ul.nav01,
		nav ul.nav02 {
			width: 1000px;
		}
		nav ul.nav01 li,
		nav ul.nav02 li {
			padding: 20px 30px;
			margin: 0 5px;
			font-size: 20px;
		}
		nav ul.nav01 li a,
		nav ul.nav02 li a {
			padding: 20px 30px;
			margin: -20px -30px;
		}
		nav ul.nav02 {
			padding-top: 40px;
		}
		nav ul.nav02 li {
			font-size: 16px;
		}
		nav ul.nav01 li a:hover {
			background: #b32169;
			color: #FFFFFF;
		}
		nav ul.nav01 li a.active:hover {
			background: #282828;
		}
		nav ul.nav02 li:after {
			content: "";
			top: 0;
			bottom: 0;
			right: 20px;
			width: 7px;
			height: 13px;
			background-size: 7px 13px;
			margin: auto;
		}
		nav ul.nav02 li:hover:after {
			content: "";
			background: url("../../images/common/arrow_white.png");
			top: 0;
			bottom: 0;
			right: 20px;
			width: 7px;
			height: 13px;
			background-size: 7px 13px;
			margin: auto;
		}
		nav .btn_event_end {
			padding: 20px 65px 20px 102px !important;
			position: relative;
		}
		nav .btn_event_end a:before {
			content: "";
			position: absolute;
			background: url("../../images/common/icon_book.png") no-repeat;
			top: 0;
			bottom: 0;
			left: 40px;
			margin: auto;
			width: 44px;
			height: 44px;
			background-size: 44px 44px;
		}
		nav .btn_event_end a {
			padding: 20px 65px 20px 102px !important;
			margin: -20px -65px -20px -102px !important;
		}
		nav .btn_event_end a:hover {
			color: #ffffff !important;
			background: #753a7a !important;
			border: 1px solid #753a7a;
		}
		nav .btn_event_end a:hover:before {
			background: url("../../images/common/icon_book_white.png") no-repeat;
			width: 44px;
			height: 44px;
			background-size: 44px 44px;
		}
		
		.btn {
			width: 510px;
			padding: 20px 50px 20px 30px;
			display: inline-block;
			color: #6E6E6E;
			font-size: 20px;
		}
		.btn a {
			padding: 20px 50px 20px 30px;
			margin: -20px -50px -20px -30px;
			color: #ffffff;
			display: block;
			text-decoration: none;
			transition: 0.2s;
		}
		.btn2 {
			width: 510px;
			padding: 20px 50px 20px 30px;
			display: inline-block;
			font-size: 20px;
		}
		.btn2  span {
			font-size: 14px;
		}
		.btn2 a {
			padding: 20px 50px 20px 30px;
			margin: -20px -50px -20px -30px;
			display: block;
			text-decoration: none;
			transition: 0.2s;
		}
		.btn_small {
			padding: 15px 60px 15px 30px;
			display: inline-block;
			color: #6E6E6E;
			margin-top: 40px;
		}
		.btn_small a {
			padding: 15px 60px 15px 30px;
			margin: -15px -60px -15px -30px;
			color: #ffffff;
			display: block;
			text-decoration: none;
			transition: 0.2s;
		}
		
		/* main */
		.wrap {
			width: 1000px;
			padding: 130px 0;
		}
		h2 {
			font-size: 34px;
			padding-left: 30px;
			margin-bottom: 40px;
		}
		h2:before {
			width: 3px;
			height: 100%;
		}
		
		h3 {
			font-size: 30px;
			margin-bottom: 40px;
		}
		h3.title {
			margin: -47px -30px 40px -30px;
  			padding: 40px;
		}
		.anchor li {
			padding: 30px 40px 30px 30px;
			border-bottom: #e0e0e0 1px solid;
			font-size: 20px;
		}
		.anchor li a {
			text-decoration: none;
			padding: 30px 40px 30px 30px;
			margin: -30px -40px -30px -30px;
			display: block;
			transition: 0.2s;
			position: relative;
		}
		.anchor li a:after {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			right: 15px;
			background: url("../../images/common/arrow_list.png") no-repeat;
			background-size: 10px 16px;
			width: 10px;
			height: 16px;
			margin: auto;
		}
		.anchor li a:hover {
			background: #f8f1f7;
		}
		.anchor li .info {
			font-size: 14px;
			margin-top: 16px;
		}
		.anchor .point {
			padding: 4px 10px;
			margin-right: 12px;
			display: inline-block;
		}
		.box {
			margin-top: 100px;
			padding:50px 30px;
		}
		.box_play {
			display: flex;
		}
		.box_play dt {
			width: 290px;
			margin-right: 60px;
		}
		.box_play dt img {
			width: 100%;
			height: auto;
		}
		.box_play dd {
			width: 598px;
		}
		.subtitle {
			font-size: 14px;
			margin-top: 0;
		}
		.title {
			font-size: 28px;
			font-weight: 500;
			margin-top: 0;
		}
		.detail_play {
			margin-top: 50px;
		}
		.detail_play dt {
			font-size: 20px;
			margin-bottom: 8px;
		}
		
		.boxPast {
			margin-top: 50px;
		}
		.boxPast .accTrigger {
			padding: 20px 30px;
			font-size: 20px;
			position: relative;
			cursor: pointer;
			transition: 0.2s;
		}
		.boxPast .accTrigger:before {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 11px 7.5px 0 7.5px;
			border-color: #282828 transparent transparent transparent;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 20px;
			margin: auto;
		}
		.boxPast .accTrigger.open:before {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 7.5px 11px 7.5px;
			border-color: transparent transparent #282828 transparent;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 20px;
			margin: auto;
		}
		.box_border_double {
			padding: 30px;
			margin-top: 40px;
		}
		.box_border_double .detail_play:first-of-type {
			margin-top: 0;
		}
		/* footer */
		
		footer {
			padding: 50px 0;
		}
		footer .logo img {
			width: 150px;
			height: auto;
		}
		footer .logo a {
			display: inline-block;
		}
		footer .copyright {
			margin-top: 50px;
			font-size: 12px;
		}
		

	}
	@media screen and (max-width: 640px) {
	/* スマートフォン用のスタイル記述 =========================================================================== */
		/* COMMON */
		body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, label, fieldset, input, textarea, p, blockquote, pre, table th, td,button, address {
			font-size: 14px;
		}
		img {
			width: 100%;
		}
		.pc_only {
			display: none !important
		}
		.fs_small {
			font-size: 12px;
			line-height: 1.6;
		}
		p {
			margin-top: 15px;
		}
		/* header */
		header  {
			background: url("../../images/sp/common/header.jpg");
			background-size: 100% auto;
			min-height: 100px;
		}
		header h1 {
			font-size: 25px;
			line-height: 1.3;
			padding: 30px 15px;
		}
		header h1 span {
			font-size: 14px;
			margin-bottom: 8px;
			display: inline-block;
		}
		
		nav {
			margin: 25px 15px 30px 15px;
		}
		.nav01 {
			flex-wrap: wrap;
		}
		.nav01 li {
			width: 49%;
			margin-top: 2%;
		}
		.nav01 li:nth-child(even) {
			margin-left: 2%;
		}
		.nav01 li a {
			padding: 15px;
			width: 100%;
			text-align: center;
		}
		.nav02 {
			padding-top: 20px !important;
		}
		.nav02 li.btn_event_end a {
			padding: 15px 30px 15px 50px;
		}
		nav ul.nav02 li:after {
			content: "";
			top: 0;
			bottom: 0;
			right: 15px;
			width: 4px;
			height: 7px;
			background-size: 4px 7px;
			margin: auto;
		}
		nav ul.nav02 li:hover:after {
			content: "";
			background: url("../../images/common/arrow_white.png");
			background-size: 4px 7px;
		}
		nav .btn_event_end a:before {
			content: "";
			position: absolute;
			background: url("../../images/common/icon_book.png") no-repeat;
			top: 0;
			bottom: 0;
			left: 20px;
			margin: auto;
			width: 22px;
			height: 22px;
			background-size: 22px 22px;
		}
		nav .btn_event_end a:hover {
			color: #ffffff !important;
			background: #753a7a !important;
			border: 1px solid #753a7a;
		}
		nav .btn_event_end a:hover:before {
			background: url("../../images/common/icon_book_white.png") no-repeat;
			width: 22px;
			height: 22px;
			background-size: 22px 22px;
		}
		
		.btn,
		.btn2,
		.btn_small {
			width: 100%;
			text-align: center;
		}
		.btn {
			padding: 15px 30px 15px 10px;
			display: inline-block;
			color: #6E6E6E;
			font-size: 16px;
			line-height: 1.4;
		}
		.btn:before,
		.btn2:before,
		.btn_small:before {
			right: 10px;
			border-width: 4px 0 4px 7px;
		}
		.btn a {
			padding: 15px 30px 15px 10px;
			margin: -15px -30px -15px -10px;
			color: #ffffff;
			display: block;
			text-decoration: none;
			transition: 0.2s;
		}
		.btn2 {
			padding: 15px 30px 15px 10px;
			display: inline-block;
			font-size: 16px;
			line-height: 1.4;
		}
		.btn2  span {
			font-size: 14px;
		}
		.btn2 a {
			padding: 15px 30px 15px 10px;
			margin: -15px -30px -15px -10px;
			display: block;
			text-decoration: none;
			transition: 0.2s;
		}
		.btn_small {
			padding: 15px 10px;
			display: inline-block;
			color: #6E6E6E;
			margin-top: 16px;
			line-height: 1.4;
		}
		.btn_small a {
			padding: 15px 10px;
			margin: -15px -10px;
			color: #ffffff;
			display: block;
			text-decoration: none;
			transition: 0.2s;
		}
		table {
			-webkit-text-size-adjust: 100%;
	  	}
		.scroll {
			overflow-x:scroll;
		}
		.scroll table {
			width: 1000px;
		}
		
		/* main */
		.wrap {
			padding: 40px 15px;
		}
		h2 {
			font-size: 20px;
			padding-left: 10px;
			margin-bottom: 20px;
		}
		h2:before {
			width: 2px;
			height: 100%;
		}
		h3 {
			font-size: 18px;
			margin-bottom: 20px;
		}
		h3.title {
			margin: -22px -15px 25px -15px;
			padding: 15px;
		}
		.anchor li {
			padding: 20px 15px 20px 10px;
			border-bottom: #e0e0e0 1px solid;
		}
		.anchor li a {
			text-decoration: none;
			padding: 20px 15px 20px 10px;
			margin: -20px -15px -20px -10px;
			display: block;
			position: relative;
		}
		.anchor li a:hover {
			background: #f6eff5;
		}
		.anchor li a:after {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			background: url("../../images/common/arrow_list.png") no-repeat;
			background-size: 8px 14px;
			width: 8px;
			height: 14px;
			margin: auto;
		}
		.anchor li .info {
			font-size: 12px;
			margin-top: 10px;
		}
		.anchor .point {
			padding: 2px 6px;
			margin-right: 8px;
		}
		.box {
			margin-top: 40px;
			padding:25px 15px;
		}
		.box_play {
			display: flex;
			flex-direction: column;
		}
		.box_play dt {
			text-align: center;
			margin: 0 auto 25px auto;
			width: 50%;
		}
		.box_play dt img {
			height: auto;
		}
		.subtitle {
			font-size: 12px;
			margin-top: 0;
		}
		.title {
			font-size: 18px;
			font-weight: 500;
			margin-top: 0;
		}
		.detail_play {
			margin-top: 25px;
		}
		.detail_play dt {
			font-size: 16px;
			margin-bottom: 5px;
		}
		
		.boxPast {
			margin-top: 25px;
		}
		.boxPast .accTrigger {
			padding: 10px 25px 10px 15px;
			font-size: 16px;
			position: relative;
			text-align: center;
			transition: 0.2s;
		}
		.boxPast .accTrigger:before {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 8px 5px 0 5px;
			border-color: #282828 transparent transparent transparent;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 10px;
			margin: auto;
		}
		.boxPast .accTrigger.open:before {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 5px 8px 5px;
			border-color: transparent transparent #282828 transparent;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 10px;
			margin: auto;
		}
		.boxPast .accContainer {
			padding: 10px;
		}
		.box_border_double {
			padding: 15px;
			margin-top: 20px;
		}
		.box_border_double .detail_play:first-of-type {
			margin-top: 0;
		}
		.search-content-list {
			padding: 20px;
		}
		.search-content {
			padding: 15px 0;
		}
		.search-content a {
			padding: 15px 15px 15px 0;
			margin: -15px -15px -15px 0;
		}
		.search-content a:after {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			background: url("../../images/common/arrow_list.png") no-repeat;
			background-size: 8px 14px;
			width: 8px;
			height: 14px;
			margin: auto;
		}
		.search-content .year {
			width: 25%;
			margin-left: 0;
		}
		.search-content .ttl {
			width: 75%;
		}
		
		
		/* footer */
		
		footer {
			padding: 25px 0 50px 0;
		}
		footer .logo img {
			width: 105px;
			height: auto;
		}
		footer .logo a {
			display: inline-block;
		}
		footer .copyright {
			margin-top: 25px;
			font-size: 10px;
		}
		footer #page-top {
		  bottom: 10px;
		  right: 10px;
		}
	}



	/* 7.Float Clear Style
	---------------------------------------------------- */
	.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	* html .clearfix { zoom: 1; } /* IE6 */
	*:first-child+html .clearfix { zoom: 1; } /* IE7 */