html {
	-webkit-text-size-adjust: 100%;
}


body {
	/* border: solid; */
	border-color: aqua;
	margin: 0 0 0 0;
}

#container {
	/* border: solid; */
	border-color: saddlebrown;
}

#top {
	/* border: solid; */
	border-color: darkgoldenrod;
	background-color: black;
	/* サイト最上部の帯の色 */
	height: 60px;
	/* サイト最上部の帯の高さ ※サイト最下部フッターと同サイズ */
}

#contents {
	/* border: solid; */
	border-color: red;
	padding-left: 25px;
	/* サイト全体の左余白 */
	padding-right: 25px;
	/* サイト全体の右余白 */
}

header {
	/* border: solid; */
	border-color: yellow;
}

#logo {
	/* border: solid; */
	border-color: khaki;
	text-align: center;
	/* #logo（ブロック要素）の中に入っているインライン（テキスト）要素のimgを横方向中央に揃える */
	margin-top: 30px;
	/* 検証ツールより0にリセット */
	margin-bottom: 30px;
	/* 検証ツールより0にリセット */
	transition: 0.2s;
}

#logo img {
	width: 20%;
}





@media (hover: hover) and (pointer: fine) {
	#logo:hover {
		opacity: 0.6;
	}
}

#logo2 {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

#header2 {
	padding-top: 60px;
}


img {
	/* border: solid; */
	border-color: gold;
	vertical-align: middle;
	/* h1に入っているインライン要素であるimg自体を縦方向中央に揃える */
	max-width: 100%;
	/* 画面幅が狭まっても全体を表示させる */
}

#manubar {
	/* border: solid; */
	border-color: palegreen;
}

#menubar nav {
	/* border: solid; */
	border-color: hotpink;
}

#menubar nav ul {
	border-top: 1px solid black;
	/* メニューバー上枠線 */
	border-bottom: 1px solid black;
	/* メニューバー下枠線 */
	display: flex;
	/* liを縦並びから横並びにするため親要素のulに指定*/
	padding-inline-start: 0px;
	/* デフォルトでこの値が40px→0にする */
	margin-top: 0px;
	/* ul外上部に余白あり。リセット。 */
	margin-bottom: 0px;
	/* ul外下部に余白あり。リセット。 */
}

#menubar nav ul li {
	/* border: solid; */
	border-color: blue;
	list-style: none;
	/* 各リスト前にデフォルトでつく黒点を消す */
	width: 100%;
	/* 各リストを可能な最大幅まで広げる＝ulの中をリストのブロックで均等に4分割できる */
	text-align: center;
	/* 各リストの中のテキストを各リストにおける横方向中央に揃える */
}

#menubar nav ul li a {
	/* border: solid; */
	border-color: crimson;
	text-decoration: none;
	/* リンクにデフォルトでは下線がついていた。それを無効にする。 */
	color: black;
	/*  もともとテキストは青色だった。それを黒色にする。  */
	display: block;
	/* もともとリンクはインライン要素であり、文字の上のみカーソルが反応していたが、これをブロック要素にすることより、文字周囲の余白上でもリンクジャンプが可能となった */
	padding-top: 20px;
	/* リンクジャンプ範囲拡大のため、文字上部に20px余白とる */
	padding-bottom: 20px;
	/* リンクジャンプ範囲拡大のため、文字下部に20px余白とる */
	transition: 0.3s;
	/* hoverまでにかける時間。0.3秒。じっくりホバー */
}

@media (hover: hover) and (pointer: fine) {
	#menubar nav ul li a:hover {
		background-color: black;
		/* メニューマウスホバー時のみ、背景を黒に */
		color: white;
		/* メニューマウスホバー時のみ、文字を白に、背景が黒で見えないから */
	}
}

main {
	/* border: solid; */
	border-color: rebeccapurple;
	padding-left: 100px;
	/* 記事ブロックの左余白 */
	padding-right: 100px;
	/* 記事ブロックの右余白 */
	margin-top: 120px;
}

#mainname {
	font-family: "Oswald";
	border-color: orangered;
	margin-top: 40px;
	/* 検証ツールより0にリセット */
	margin-bottom: 0px;
	/* 検証ツールより0にリセット */
	text-align: center;
	/* テキスト中央揃え */
	font-weight: normal;
	/* デフォルトではboldになっていたためリセット */
}

@media(max-width:575px) {
	#mainname {
		padding-top: 0px;
	}
}



#profilecontent {
	max-width: 600px;
	margin: 0 auto;
}





#allnews,
#videoblock {
	font-family: "Rubik";
	/* border: solid; */
	border-color: greenyellow;
	padding-top: 40px;
	/* NEWSの文字から最初の記事までの余白 */
	padding-bottom: 0px;
	/* 最後の記事からフッターまでの余白 */
	max-width: 900px;
	margin: 0 auto;
}

#allnews nav {
	/* border: solid; */
	border-color: fuchsia;
}

#allnews nav ul {
	/* border: solid; */
	border-color: royalblue;
	padding-inline-start: 0px;
	/* デフォルトでこの値が40p→0にする */
	margin-top: 0px;
	/* ul外上部に余白あり。リセット。*/
	margin-bottom: 0px;
	/* ul外下部に余白あり。リセット。*/
}

#allnews nav ul a li {
	/* border-top: 1px solid lightgray;  */
	/* 各ニュースの区切り線のために、各リストの上のみ枠線表示 */
	list-style: none;
	/* リスト最前の黒点消す */
	padding-top: 30px;
	padding-bottom: 30px;
	transition: 0.3s;
}

#allnews nav ul a {
	border-bottom: 1px solid lightgray;
	color: black;
	/* リンクの文字色　青→黒に変更 */
	text-decoration: none;
	/* リンクにデフォルトでは下線がついていた。それを無効にする。 */
	display: block;
	/* リンクの範囲をブロック要素まで広げる */
}

@media (hover: hover) and (pointer: fine) {
	#allnews nav ul a li:hover {
		background-color: black;
		/* メニューマウスホバー時のみ、背景を黒に */
		color: white;
		/* メニューマウスホバー時のみ、文字を白に、背景が黒で見えないから */
	}
}

#allnewstitle {
	/* border: solid; */
	border-color: black;
	margin-left: 20px;
	/* ホバーしたとき黒背景が文字とかぶる→左右に余白をつけた */
	margin-right: 20px;
	/* ホバーしたとき黒背景が文字とかぶる→左右に余白をつけた */
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-bottom: 30px;
	flex: 6;
	margin: 0;
}

#newnewstitle {
	/* border: solid; */
	border-color: black;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
}










#allnewsdate {
	/* border: solid; */
	border-color: blue;
	text-align: right;
	font-size: 15px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#newnewsdate {
	/* border: solid; */
	border-color: blue;
	text-align: right;
	font-size: 15px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}










footer {
	/* border: solid; */
	border-color: darkcyan;
	background-color: white;
	/* フッターブロック背景色 */
	text-align: center;
	/* この中に子要素として入っているsmallタグを横方向中央に並べる */
	height: 60px;
	/* ブロックの高さ指定　※サイト最上部と同サイズ */
	line-height: 60px;
	/* これはなにかというと、あるブロックの中にある一行があったとき、①文字下部の行間②文字自体の高さ③文字上部の高さの合計の値である。すなわちこの値を文字がある親要素の高さに設定すると、自然と縦方向に中央揃えが可能となる */
	margin-top: 75px;
}

footer ul {
	display: flex;
	margin-left: 500px;
	margin-right: 500px;
	padding-left: 0px;
	justify-content: space-around;
}

footer ul li img {
	max-width: 20px;
}


footer ul li {
	transition: 0.3s;
}

@media (hover: hover) and (pointer: fine) {
	footer ul li:hover {
		opacity: 0.4;
	}
}


@media(max-width:1146px) {
	footer ul {
		margin-left: 300px;
		margin-right: 300px;
	}

}

@media(max-width:766px) {
	footer ul {
		margin-left: 200px;
		margin-right: 200px;
	}

}




@media(max-width:575px) {
	footer ul {
		margin-left: 100px;
		margin-right: 100px;
	}

	footer ul li img {
		width: 20px;
	}
}























small {
	font-family: "Rubik";
	font-size: 10px;
	border-color: darkmagenta;
	color: black;
	/* コピーライトの文字色。デフォルトは黒文字。背景を黒にしたいので、白色に変更。 */
}

#alllive {
	font-family: "Rubik";
	/* border: solid; */
	border-color: blueviolet;
	padding-top: 60px;
	/* NEWSの文字から最初の記事までの余白 */
	/* 最後の記事からフッターまでの余白 */
}

#alllive nav {
	/* border: solid; */
	border-color: tomato;
}

#alllive nav ul {
	/* border: solid; */
	border-color: royalblue;
	padding-inline-start: 0px;
	/* デフォルトでこの値が40p→0にする */
	margin-top: 0px;
	/* ul外上部に余白あり。リセット。*/
	margin-bottom: 0px;
	/* ul外下部に余白あり。リセット。*/
}

#alllive nav ul a {
	/* border: solid; */
	border-color: aqua;
	display: block;
	color: black;
	text-decoration: none;
	transition: 0.3s;
}

@media (hover: hover) and (pointer: fine) {
	#alllive nav ul a:hover {
		background-color: black;
		/* メニューマウスホバー時のみ、背景を黒に */
		color: white;
		/* メニューマウスホバー時のみ、文字を白に、背景が黒で見えないから */
	}
}

#alllive nav ul a li {
	border-bottom: 1px solid lightgray;
	/* 各ニュースの区切り線のために、各リストの上のみ枠線表示 */
	list-style: none;
	/* リスト最前の黒点消す */
	display: flex;
}

@media(max-width:800px) {
	#alllive nav ul a li {
		display: block;
	}
}

















#livedate {
	/* border: solid; */
	border-color: chartreuse;
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 51.5px;
	padding-bottom: 51.5px;
	font-size: 15px;
	font-family: "Rubik";
	font-weight: normal;
	letter-spacing: normal;
}

#livename {
	/* border: solid; */
	border-color: rosybrown;
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 51.5px;
	padding-bottom: 51.5px;
	font-size: 15px;
	font-family: "Rubik";
	letter-spacing: normal;
}



#liveplace {
	/* border: solid; */
	border-color: darkred;
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 51.5px;
	padding-bottom: 51.5px;
	font-size: 15px;
	font-family: "Rubik";
	font-weight: normal;
	letter-spacing: normal;
}






#allvideo,
#allblog {
	font-family: "Rubik";
	/* border: solid; */
	border-color: chartreuse;
	/* padding-top: 30px; */
	padding-bottom: 30px;
}



#allvideo nav {
	/* border: solid; */
	border-color: darkblue;
}

#allvideo nav ul {
	/* border: solid; */
	border-color: red;
	padding-inline-start: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#allvideo nav ul li {
	list-style: none;
	margin-bottom: 120px;
}

#allblog nav {
	/* border: solid; */
	border-color: darkblue;
}

#allblog nav ul {
	/* border: solid; */
	border-color: red;
	padding-inline-start: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#allblog nav ul li {
	list-style: none;
	border-bottom: 1px solid lightgray;
	padding: 30px 10px;
}






















@media(max-width:575px) {
	#allvideo nav ul li {
		margin-bottom: 40px;
	}

}







#allvideo nav ul li a {
	/* border: solid; */
	border-color: aqua;
	text-decoration: none;
	color: black;
	display: flex;
	text-align: center;
	transition: 0.3s;
	align-items: center;
}

#allblog nav ul li a {
	/* border: solid; */
	border-color: aqua;
	text-decoration: none;
	color: black;
	display: flex;
	text-align: center;
	align-items: center;
	transition: 0.3s;
}












@media(max-width:575px) {
	#allvideo nav ul li a {
		display: block;
	}

	#vision,
	#blogvision {
		margin: 0 auto;
	}

}








@media (hover: hover) and (pointer: fine) {
	#allvideo nav ul li a:hover {
		opacity: 0.7;
	}
}

@media (hover: hover) and (pointer: fine) {
	#allblog nav ul li a:hover {
		opacity: 0.3;
	}
}






#vision,
#blogvision {
	/* border: solid; */
	border-color: orangered;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 50%;
}


@media(max-width:500px) {
	#blogvision {
		max-width: 30%;
	}
}







#vision img {
	/* border: solid; */
	border-color: gray;
	border-radius: 15px;
}

#blogvision img {
	border: solid 1px lightgray;
}




#title,
#blogtitle {
	/* border: solid; */
	border-color: darkmagenta;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 15px;
	width: 100%;
	margin-left: 20px;
}


@media(max-width:575px) {
	#title {
		margin-left: 0px;
	}

	#blogtitle {
		margin-left: 20px;
	}
}







#title br {
	/* border: solid; */
	border-color: teal;
	text-align: right;
}

#blogtitle br {
	/* border: solid; */
	border-color: teal;
	text-align: right;
}




#title p {
	/* border: solid; */
	border-color: chocolate;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
	font-size: 15px;
	margin-top: 30px;
}

#blogtitle p {
	/* border: solid; */
	border-color: chocolate;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
	font-size: 15px;
	margin-top: 30px;
}








@media(max-width:575px) {
	#title p {
		margin-top: 15px;
	}

	#blogtitle p {
		margin-top: 15px;
	}
}






#newstitle,
#videotitle {
	/* border: solid; */
	border-color: blue;
	font-weight: bold;
	font-size: 20px;
	margin-top: 0px;
	margin-bottom: 30px;
}

#newsdate,
#videodate {
	/* border: solid; */
	border-color: green;
	text-align: right;
	font-weight: normal;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 30px;
}

#newscontent {
	/* border: solid; */
	border-color: red;
	font-weight: normal;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 30px;
	word-break: break-all;
}


#newscontent a {
	color: blue;
	text-decoration: underline;
	font-size: 15px;
}

#eventcontent a {
	color: blue;
	text-decoration: underline;
	font-size: 15px;
}







#youtube {
	/* border: solid; */
	border-color: blueviolet;
	width: 100%;
	aspect-ratio: 16 / 9;
}

#youtube iframe {
	/* border: solid; */
	border-color: tomato;
	width: 100%;
	height: 100%;
}

#backbutton {
	/* border: solid; */
	border-color: blue;
	text-align: center;
	margin-top: 30px;
}

#backbutton a {
	font-family: "Oswald";
	font-size: 15px;
	border: 1px solid black;
	display: inline-block;
	color: black;
	text-decoration: none;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: 0.3s;
}

@media (hover: hover) and (pointer: fine) {
	#backbutton a:hover {
		background-color: black;
		color: white;
	}
}

#allcontact ul {
	/* border: solid; */
	border-color: cornflowerblue;
	padding-inline-start: 0px;
	margin-top: 60px;
	margin-bottom: 60px;
}

#allcontact li {
	/* border: solid; */
	border-color: blueviolet;
	list-style: none;
	display: flex;
	margin-bottom: 60px;
}

#icon {
	/* border: solid; */
	border-color: red;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 20%;
}

#icon img {
	width: 64px;
	height: 64px;
}


#contact {
	/* border: solid; */
	border-color: yellow;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 80%;
	font-size: 20px;
	font-weight: normal;
	height: 64px;
	line-height: 64px;
}

#snsbar {
	padding-inline-start: 0px;
	display: flex;
	justify-content: center
}

#snsbar li {
	list-style: none;
	padding-left: 10px;
	padding-right: 10px;
}

#snsbar li img {
	width: 40px;
	height: 40px;
}


#videoheader {
	/* border: solid; */
	border-color: yellowgreen;
	text-align: center;
}


#liveheader {
	/* border: solid; */
	border-color: yellowgreen;
	text-align: center;
	height: 50px;
}





#youtubelogo {
	/* border: solid; */
	border-color: hotpink;
	margin-top: 0px;
	margin-bottom: 0px;
}

#youtubelogo img {
	/* border: solid; */
	/* border-color: blue; */
	width: 200px;
	height: 100px;
	border-radius: 15px;
	border: 1px solid #111111;
	box-shadow: 0 5px #222222;
	position: relative;
	top: 0;
	transition: 0.1s;
}




@media (hover: hover) and (pointer: fine) {
	#youtubelogo img:hover {
		box-shadow: 0 0 #222222;
		top: 5px;
		opacity: 0.7;
	}
}

#videomainname {
	font-family: "Oswald";
	/* border: solid; */
	border-color: forestgreen;
	margin-top: 0px;
	margin-bottom: 0px;
	/* 	height: 100px;
	line-height: 100px; */
	font-weight: normal;
}


#livemainname {
	font-family: "Oswald";
	/* border: solid; */
	border-color: forestgreen;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 50px;
	line-height: 50px;
	font-weight: normal;
}










#empty {
	/* border: solid; */
	border-color: firebrick;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 250px;
	height: 100px;
}







#ticketempty {
	/* border: solid; */
	border-color: firebrick;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 250px;
	height: 50px;
}




#ticketlogo {
	border: 1px solid black;
	border-radius: 4px;
	font-weight: normal;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 250px;
	height: 50px;
	text-align: center;
	line-height: 50px;
}

#ticketlogo a {
	color: black;
	text-decoration: none;
	display: block;
	transition: 0.3s;
}


@media (hover: hover) and (pointer: fine) {
	#ticketlogo a:hover {
		background-color: black;
		color: white;
	}
}





















.c-form {
	font-family: sans-serif;
	max-width: 600px;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 60px;
}

.c-form__item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin-bottom: 30px;
}

.c-form__item textarea {
	font-family: inherit;
}

.c-form__item input {
	font-family: inherit;
}




.c-form__label,
.c-form__input {
	padding: 10px;
}

.c-form__label {
	font-family: "Rubik";
	width: 90%;
	font-size: 15px;
}

.c-form__input {
	width: 90%;
	font-size: 16px;
	border: solid 1px #333;
	border-radius: 4px;
}

.c-form__input:focus-visible {
	outline: black auto 1px;
}

.c-form__required {
	font-size: 15px;
	color: #fff;
	background-color: #111111;
	border-radius: 4px;
	padding: 5px 5px;
	margin: 0 0 0 18px;
}

textarea.c-form__input {
	height: 160px;
	/* font-family: inherit; */
}

.c-form__submit {
	text-align: center;
	margin-top: 60px;
}

.c-form__submit button {
	font-size: 20px;
	font-weight: bold;
	color: white;
	background-color: #111111;
	border: solid 1px #111111;
	border-radius: 4px;
	padding: 5px 32px;
	transition: 0.3s;
	cursor: pointer;
	position: relative;
	top: 0;
	width: 12em;
	height: 3em;
}

@media (hover: hover) and (pointer: fine) {
	.c-form__submit button:hover {
		opacity: 0.4;
	}
}




@media (min-width: 640px) {
	.c-form__item {
		flex-wrap: nowrap;
	}

	.c-form__label {
		width: 40%;
	}

	.c-form__input {
		width: 55%;
	}
}











.contact_main {
	max-width: 980px;
	width: 100%;
	margin-left: 0px;
}

.section-thanks {
	padding: 0px 40px;
}

.thanks_h1 {
	font-family: "Rubik";
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 60px;
}

.thanks_a {
	font-family: "Rubik";
	background-color: #111111;
	border: solid 1px #111111;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	font-size: 20px;
	width: 12em;
	height: 3em;
	text-decoration: none;
	position: relative;
	top: 0;
	transition: 0.3s;
}


@media (hover: hover) and (pointer: fine) {
	.thanks_a:hover {
		opacity: 0.7;
	}
}

#sns img {
	/* border: solid; */
	border-color: darkgreen;
	width: 30px;
	height: 30px;
	margin-left: 20px;
	margin-right: 20px;
	transition: 0.2s;
}

@media (hover: hover) and (pointer: fine) {
	#sns img:hover {
		opacity: 0.3;
	}
}

#sns {
	/* border: solid; */
	border-color: aqua;
	text-align: right;
	margin-bottom: 20px;
}





#allevent {
	border-color: darkgreen;
	margin-top: 60px;
	margin-bottom: 60px;
}

#eventtitle {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 20px;
}

#eventdate {
	/* border: solid; */
	border-color: blueviolet;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: right;
	font-size: 15px;
}

#eventcontent {
	/* border: solid; */
	border-color: lightcoral;
	margin-top: 0px;
	margin-bottom: 60px;
	font-weight: normal;
	font-size: 15px;
}


.map {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 75%;
}


.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




#contactdiscription {
	font-family: "Rubik";
	max-width: 600px;
	margin: 0 auto;
	/* border: solid; */
	border-color: red;
	padding-top: 50px;
	padding-bottom: 50px;
}



/* @media screen and (max-width: 1250px) {
	#contactdiscription {
		margin-left: 20px;
		margin-right: 20px;
		font-size: 15px;
	}
} */








@media screen and (max-width: 800px) {
	main {
		padding-left: 0px;
		padding-right: 0px;
	}

	#youtubelogo img {
		width: 100px;
		height: 50px;
		border-radius: 10px;
		border: 1px solid #111111;
		box-shadow: 0 3px #222222;
	}

	#youtubelogo img:hover {
		box-shadow: 0 0 #222222;
		top: 3px;
	}

	#videomainname {
		height: 50px;
		line-height: 50px;
	}

	#empty {
		width: 100px;
		height: 50px;
	}

	#vision {
		width: 90%;
		margin-bottom: 10px;
	}


	#vision img {
		border-radius: 8px;
	}





	#title,
	#blogtitle {
		font-size: 15px;
	}

	#title p {
		font-size: 15px;
	}

	#blogtitle p {
		font-size: 15px;
	}




	#sns img {
		width: 20px;
		height: 20px;
		margin-left: 5px;
		margin-right: 5px;
	}


	#newstitle,
	#videotitle {
		font-size: 20px;
	}




	#liveheader {
		height: 30px;
	}

	#ticketempty {
		width: 100px;
		height: 30px;
	}

	#livemainname {
		height: 30px;
		line-height: 30px;
	}

	#ticketlogo {
		height: 30px;
		border-radius: 2px;
		font-size: 7px;
		width: 100px;
		line-height: 30px;
	}



	#livedate {
		font-size: 15px;
		padding-top: 10px;
		padding-bottom: 5px;
		text-align: left;
		padding-left: 15px;
	}

	#livename {
		text-align: left;
		font-size: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 15px;
	}

	#liveplace {
		font-size: 15px;
		padding-top: 5px;
		padding-bottom: 10px;
		text-align: left;
		padding-left: 15px;
	}




	#eventtitle {
		font-family: "Rubik";
		font-size: 20px;
	}

	#eventdate {
		font-family: "Rubik";
		font-size: 15px;
	}

	#eventcontent {
		font-family: "Rubik";
		font-size: 15px;
	}

	#mainname {
		font-size: 25px;
	}

	#videomainname {
		font-size: 25px;
	}

	#livemainname {
		font-size: 25px;
	}






	#allnews,
	#videoblock {
		padding-top: 30px;
		padding-bottom: 0px;
	}

	#allvideo,
	#allblog {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	#alllive {
		padding-top: 30px;
	}

	#menubar nav {
		padding-bottom: 30px;
	}



	#backbutton a {
		font-size: 15px;
		padding-right: 20px;
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}


	#allnewsdate {
		font-size: 15px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}


	#allnews nav ul a li {
		padding-top: 10px;
		padding-bottom: 10px;
	}












	#menubar nav ul li {
		font-size: 10px;
	}

	footer {
		font-size: 7px;
	}


	.c-form__label {
		font-size: 15px;
	}

	.c-form__required {
		font-size: 12px;
		color: #fff;
		background-color: #111111;
		border-radius: 2px;
		padding: 3px 3px;
		margin: 0 0 0 15px;
	}

	.c-form {
		margin-top: 0px;
	}






	.c-form__submit {
		text-align: center;
		margin-top: 60px;

	}

	.c-form__submit button {
		font-size: 15px;
		font-weight: bold;
		color: white;
		border: solid 1px #111111;
		border-radius: 4px;
		padding: 5px 0px;
		transition: 0.1s;
		cursor: pointer;
		position: relative;
		top: 0;
		width: 120px;
		height: 3em;
	}


	.thanks_h1 {
		font-size: 15px;
	}

	.thanks_a {
		font-size: 15px;
	}






	#blogtable {
		font-size: 10px;
	}






}















.hamburger {
	margin: 60px auto 0;
	width: 100%;
	max-width: 1000px;
	display: flex;
	justify-content: space-between;
}

.logo img {
	max-width: 200px;
}

.hamburger .btn-gNav {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 30px;
	height: 24px;
	z-index: 12;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.hamburger .btn-gNav span {
	position: absolute;
	width: 100%;
	height: 4px;
	background: black;
	border-radius: 10px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.hamburger .btn-gNav span:nth-child(1) {
	top: 0;
}

.hamburger .btn-gNav span:nth-child(2) {
	top: 10px;
}

.hamburger .btn-gNav span:nth-child(3) {
	top: 20px;
}

.hamburger .btn-gNav.open span:nth-child(1) {
	top: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hamburger .btn-gNav.open span:nth-child(2),
.hamburger .btn-gNav.open span:nth-child(3) {
	top: 6px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}


.btn-gNav {
	display: none;
}

.gNav .gNav-menu {
	padding-left: 10px;
	display: flex;
	justify-content: space-between;
	margin-top: 7px;
}

.gNav .gNav-menu li {
	margin: 0 auto;
	padding: 0 15px;
	transition: 0.3s;
	text-align: center;
	line-height: 37px;
}

.gNav-menu li img {
	width: 20px;
	margin-bottom: 5px;

}



@media(max-width: 949px) {
	.gNav-menu li img {
		width: 3%;
	}
}

@media(max-width: 670px) {
	.gNav-menu li img {
		width: 5%;
	}
}

@media(max-width: 470px) {
	.gNav-menu li img {
		width: 7%;
	}
}

@media(max-width: 370px) {
	.gNav-menu li img {
		width: 9%;
	}
}

@media(max-width: 210px) {
	.gNav-menu li img {
		width: 11%;
	}
}







@media (hover: hover) and (pointer: fine) {
	.gNav .gNav-menu li:hover {
		opacity: 0.4;
	}
}

















@media screen and (max-width: 995px) {
	.btn-gNav {
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.gNav {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100%;
		background-color: white;
		font-size: 16px;
		box-sizing: border-box;
		z-index: 1;
		padding-top: 50px;
		transition: .3s;
		opacity: 0.97;
	}

	.gNav.open {
		right: 0;
	}

	.gNav .gNav-menu {
		padding: 0;
		width: 100%;
		height: 100%;
		display: block;
		flex-direction: column;
		text-align: center;
	}



	.gNav .gNav-menu li {
		width: 86%;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.gNav .gNav-menu li a {
		font-family: "Oswald";
		font-size: 25px;
		letter-spacing: normal;
	}




	#logo2 img {
		width: 50%;
	}

	#logo2 {
		text-align: center;
	}


	.hamburger {
		position: fixed;
		top: 0;
		margin-top: 0px;
	}

	.logo {
		margin-top: 10px;
	}


}

.gNav .gNav-menu li a {
	font-family: "Oswald";
	font-size: 20px;
	letter-spacing: normal;
}











ol,
ul {
	list-style: none;
	list-style-type: none;
}

a {
	text-decoration: none;
	color: black;
	font-size: 20px;
	letter-spacing: 0.1em;
}

.hamburger {
	z-index: 5;
	background-color: white;
}



#main2 {
	margin-top: 40px;
}





#main3 {
	margin-top: 20px;
}

@media(max-width: 600px) {
	#main3 {
		margin-top: 40px;
	}
}







.slider {
	visibility: hidden;
}


@media(max-width:600px) {
	.slider {
		margin-top: 100px;
	}
}








.slider.slick-initialized {
	visibility: visible;
}








.slider .slick-prev {
	left: 10px;
}

.slider .slick-next {

	right: 10px;
}

.slider .slick-prev,
.slider .slick-next {

	z-index: 50;
}

.hamburger {
	z-index: 100;
}




.slider .slick-prev::before,
.slider .slick-next::before {
	font-size: 28px;
	color: white;
}

#main1 {
	margin-top: 40px;
}

#main0 {
	margin-top: 70px;
}







.js-fade {
	opacity: 0;
	visibility: hidden;
	transform: translateY(50px);
	transition: opacity 1s, visibility 1s, transform 1s;
}

.scroll {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}


.slick-slide {
	text-align: center;
}

.slick-slide img {
	display: inline;
}


@media(min-width:990px) {
	#allevent {
		max-width: 1000px;
		margin: 0 auto;
	}

	#videoblock {
		max-width: 1000px;
		margin: 0 auto;
	}

	#eventtitle {
		padding-top: 100px;
	}


}




textarea {
	resize: none;
}


.slider img {
	transition: 0.3s;
}



#allevent img {
	margin-bottom: 60px;
}












#allphoto {
	/* border: solid; */
	border-color: aqua;
	margin-top: 60px;
	margin-bottom: 60px;
}

#allphoto img {
	border: solid 1px lightgray;
}

#allphoto nav ul {
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}

#allphoto nav ul li {
	width: 50%;
}

.main4 {
	margin-top: 100px;
}


#mychannel {
	margin-top: 50px;
	border: solid 1px lightgray;
	transition: 0.4s;
}

@media (hover: hover) and (pointer: fine) {
	#mychannel:hover {
		opacity: 0.5;
	}
}

@media (hover: hover) and (pointer: fine) {
	#newscontent a:hover {
		opacity: 0.7;
	}
}

@media (hover: hover) and (pointer: fine) {
	#eventcontent a:hover {
		opacity: 0.7;
	}
}





#slick1 {
	transition: 0.4s;
}

@media (hover: hover) and (pointer: fine) {
	#slick1:hover {
		opacity: 0.5;
	}
}













#member {
	display: flex;
}

#part {
	padding-left: 0px;
	padding-right: 30px;
}


#membername {
	padding-left: 0px;
}

#eventtitle {
	border-bottom: 1px solid lightgray;
}

.flyer {
	margin-top: 60px;
	text-align: center;
}

.white {
	color: #fff;
}

#newnews {
	font-size: 15px;
}


#blogtopdiv {
	font-family: 'Arial', sans-serif;
}





#blogh1 {
	font-size: 24px;
	position: relative;
	padding: 0.5em;
	background: #a7d6ff;
	color: #000
}

#blogh1::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px rgb(149, 158, 155);
}








#blogsection {
	margin-bottom: 30px;
}

#bloghr {
	margin: 40px 0;
	border: none;
	border-top:
		1px solid #ccc;
}






#blogh2 {
	font-size: 20px;
	color: #000;
	/*文字色*/
	padding: 0.5em;
	/*文字周りの余白*/
	display: inline-block;
	/*おまじない*/
	line-height: 1.3;
	/*行高*/
	background: #f8aed1;
	/*背景色*/
	vertical-align: middle;
	border-radius: 25px 0px 0px 25px;
	/*左側の角を丸く*/
}

#blogh2:before {
	content: '●';
	color: white;
	margin-right: 8px;
}


#blogh3 {
	display: inline;
	background: linear-gradient(transparent 70%, #fff462 70%);
}









#blogul {
	padding-left: 0;
}

#blogol {
	padding-left: 0;
}






.wrapper {
	display: flex;
	width: 100%;
	gap: 16px;
	/* 任意：間隔を調整 */
	align-items: center;
	/* 任意：縦方向を中央揃え */
}

.left {
	flex: 4;
	/* 4:6 の 4 */
	margin-top: 0px;
	margin-bottom: 0px;
}


.left img {
	display: block;
}

@media (min-width: 800px) {
	.left {
		margin-left: 20px;
	}

	#allnewstitle {
		margin-right: 20px;
	}



}



#newnewstitle {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5em;
	/* ラベルとタイトルの間に余白を作る */
}

.new-label {
	background-color: red;
	color: white;
	font-size: 0.75rem;
	padding: 2px 6px;
	margin-right: 8px;
	border-radius: 3px;
	white-space: nowrap;
}


.box13 {
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #000;
	background: #f5f5f5;
	border-bottom: solid 6px #c0c0c0;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
	border-radius: 9px;
}




.btn-gradient-radius {
	font-weight: bold;
	font-size: 17px;
	display: inline-block;
	padding: 7px 20px;
	border-radius: 25px;
	border-bottom: 5px solid #0755a3;
	text-decoration: none;
	color: #FFF;
	background-color: #0080ff;
}




.btn-gradient-radius:hover {
	margin-top: 3px;
    border-bottom: 2px solid #0755a3;
}






#contactbtn {
	font-family: "Rubik";
	text-align: center;
}


.btn-gradient-radius2 {
	font-weight: bold;
	font-size: 17px;
	display: inline-block;
	padding: 7px 20px;
	border-radius: 25px;
	border-bottom: 5px solid #d4700b;
	text-decoration: none;
	color: #FFF;
	background-color: #ff8000;
}

.btn-gradient-radius2:hover {
	margin-top: 3px;
    border-bottom: 2px solid #d4700b;
}



















.table-container {
	font-family: "Rubik";
	overflow-x: auto;
	margin-top: 60PX;
  }

  table {
	border-collapse: collapse;
	max-width: 900px;
	margin: 0 auto;
  }

  td {
	font-weight: bold;
	padding: 5px 5px;
	font-size: 10px;
	border: 1px solid #000;
	text-align: center;
	white-space: nowrap;
  }




  .container2 {
	font-family: "Rubik";
	padding-top: 60px;
	display: flex;
	justify-content: center;
	align-items: center;  /* 縦中央揃え */
	gap: 16px;            /* 四角と文字の間の余白 */
	font-size: 10px;
  }

  .pink-rectangle {
	background-color: #ffa6c9;
	width: 65px;
	height: 15px;
	flex-shrink: 0; /* サイズ固定 */
  }

  #pink{
	background-color: #ffa6c9;
  }