@charset "utf-8";

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	base

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	header

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.header {
	background:none ;
}
.header .inner {
	margin:0 auto;
	width:100%;
}

.header_page {
	background-size:cover ;
}
.header_page .inner {
	margin:0 auto;
	width:100%;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	動画案内

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
a.btn_internethall {
	font-size:22px;
}
.txt_internethall {
	font-size:12px;
}
.messageInfo_list {
	flex-direction: column;
}
.messageInfo_list li {
	margin:0 0 20px;
	width:100%;
}
.messageInfo_list li a {
	display:block;
	background:#fff url(../img/arrow_douga.png) no-repeat right 15px center ;
	background-size:7% auto;
	padding:25px 0;
	border-radius: 7px;
	border:2px solid #999;
	box-shadow:5px 5px 0px #ccc;
	text-align:center;
}
.messageInfo_list li a:hover {
	text-decoration: none;
	background:#ceebfb;
	border:2px solid #0276bc;
}
.messageInfo_list li a .arrow {
	display:none;
}
.messageInfo_list li a .arrow img {
	width:100%;
}
.messageInfo_list li a .name {
	padding-bottom:0px;
	font-family: 'NotoSansCJKjp';
	font-weight: 400;
	font-size:16px;
	line-height:1.3;
}
.messageInfo_list_tx {
	text-align:center;
	font-size:80%;
}
.dougaInfo_midashi {
	flex-direction: column;
	margin-bottom:20px;
}
.dougaInfo_midashi dt {
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
.dougaInfo_midashi dd {
	width:100%;
}
.dougaInfo_list {
	justify-content: space-between;
}
.dougaInfo_list li {
	display:flex;
	align-items: stretch;
	margin-right:0;
	margin-bottom:30px;
	width:47%;
}
.dougaInfo_list li a {
	padding:10px 0 20px;
	width:100%;
}
.dougaInfo_list li a .number {
	font-size:36px;
	line-height:1.3;
	margin-bottom:5px;
}
.dougaInfo_list li a .name {
	font-size:14px;
}

/*=-=-=-=-= 動画案内　詳細ページ =-=-=-=-=*/
.dougaWrap_list li {
	padding:20px 5%;
}
.dougaWrap_list li .img {
	text-align:center;
}
.dougaWrap_list li .img iframe {
	width:100%;
	height:250px;
}
.dougaWrap_list li .info {
	width:100%;
	margin-top:15px;
}
.dougaWrap_list li .info h3 {
	font-size:20px;
}

/*=-=-=-=-= アーカイブ配信 =-=-=-=-=*/
.contents .inner h2.archive_ti {
	font-size:40px;
}
.archive_ti span {
	font-size:30px;
}
.archive_ti {
	text-align:left;
	font-size:85%;
}
.archive_kikan {
	margin-top:40px;
	text-align:center;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	お知らせ

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.news dl {
	display:flex;
	flex-direction: column;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.news dl dt {
	width:6em;
	font-size:12px;
}
.news dl dd {
	width:100%;
}
.news dl dd a {
	padding-right:20px;
	background:url(../img/arrow_1.png) no-repeat right center ;
	background-size:10px auto;
}
.remotebtn {
	margin:40px 0 40px;
	text-align:center;
}
.remotebtn a {
	padding:10px 20px 10px 20px ;
	font-weight: 700;
	font-size:18px;
	line-height:1;
	color:#fff;
	background:#e72758;
	border:4px solid #eee;
	border-radius: 14px;
}
.remotebtn a:hover {
	background:#f52b5f;
	border:4px solid #ffc8d6;
	text-decoration: none;
}
.remotebtn a span {
	padding-right:20px;
	background:url(../img/arrow_2.png) no-repeat right center ;
	background-size:10px auto;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	リモート開催

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.remoteList dl.dl1 {
}
.remoteList dl.dl1 dt {
	width:50%;
}
.remoteList dl.dl1 dd.dd1 {
	width:50%;
	text-align:right;
}
.remoteList dl.dl1 dd.dd2 {
	margin:10px 0;
	width:100%;
}
.remoteList .day {
	font-size:12px;
}
.remoteList .day span {
	padding-left:0px;
	font-size:18px;
}
.remoteList .day2 {
	width:100%;
}
.remoteList dl.dl2 {
	align-items: flex-start;
}
.remoteList dl.dl2 dt {
	width:75%;
}
.remoteList dl.dl2 dd {
	width:25%;
}
.remoteList dl.dl2 dd a {
	display:block;
	padding:27px 0 0 0 ;
	background:url(../img/remote_ic.png) no-repeat top center ;
	background-size:auto 25px;
	color:#e72758;
	font-size:12px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	一覧リンク

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#mapArea .inner {
	padding:40px 0;
}
#mapArea .inner h2 {
	line-height:1;
}
#mapArea .inner h2 .read {
	margin-top:15px;
	font-size:14px;
}
.areaWrap {
	font-size:14px;
}
#mapArea ul {
	display:flex;
	flex-wrap: wrap;
}
#mapArea ul li {
	margin-right:1%;
	width:24%;
}
#mapArea .ti {
	padding-top:6px;
	width:17%;
	text-align:center;
	font-size:12px;
}
#mapArea ul {
	width:83%;
}
#mapArea a {
	padding:2px 0 3px;
	text-align:center;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	共通

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

.contents .inner {
	margin:0 auto;
	padding:40px 0 ;
	width:90%;
}
.contents .inner h2 {
	font-size:28px;
}
ul.toplist1 li {
	font-size:16px;
}
ul.toplist1 li a {
	padding-right:25px;
	background-size:20px auto;
}
ul.toplist2 li {
	font-size:12px;
}
ul.toplist2 li a {
	padding-right:10px;
	background-size:7px auto;
}
.mainList {
	flex-direction: column;
}
.mainList li {
	margin:0 0 20px 0;
	width:100%;
}
.mainList li a .ti span {
	font-size:24px;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	ぱんくず

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.pan_navi {
	margin:15px auto 0 ;
	width:90%;
	display:flex;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	下層

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
div.desc {
	padding:20px 0;
}
div.desc_waku {
	padding:20px;
	border:1px solid #ccc;
}
div.desc .descLeft {
	float:none;
	width:100%;
}
div.desc .descRight {
	float:none;
	width:100%;
}
div.desc .descWide {
	clear:both;
	padding-top:30px;
	width:100%;
}
h4 {
	font-size:22px;
}
div.desc table th {
	padding-right:0em;
}
table.profile {
	margin-bottom:20px;
	width:100%;
}
table.profile th {
	padding:0.3em 0 0em 0 ;
	border-bottom:0;
	vertical-align:top;
	display: block;
	width: auto;
}
table.profile td {
	padding:0em 0 0.6em 0 ;
	border-bottom:0;
	vertical-align:top;
	display: block;
	width: auto;
}
table.profile td {
	border-bottom:1px dotted #999;
}
table.profile .profilePh img {
	max-width:130px;
}

dl.program {
	font-size:84%;
}
dl.program dd.width50 {
	float:none;
	width:100%;
}

.btn img {
	margin-bottom:10px;
	width:70%;
}


/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

	footer

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

#footer {
	margin-top:30px;
	font-size:80%;
}