@charset "utf-8";  
/*------------------------------------------------------------ 
    CONTENTS css
------------------------------------------------------------*/  

:root {
	--base-color: #00284b;
	--accent-color: #c4d700;
	--ja: 'Noto Sans JP', "游ゴシック", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	--en:'Anton', sans-serif;
}

.clm-Section__title{
    width:100%;
    text-align: center;
    font-family:var(--en);
    color:#fff;
    font-size:3.6rem;
    padding:.6em 0;
    margin-bottom:1.5em;
    background:var(--accent-color);
}

.clm-Section__subtitle{
    font-weight: bold;
    font-size:2.8rem;
    margin-bottom: 1.2em;
    color:var(--base-color);
}

.clm-Section__subtitle small{
    font-size:1.4rem;
    vertical-align: middle;
    padding-left: .5em;
    line-height: 1;
}

/* Program */
.clm-TableWrap{
    width:auto;
    margin: 0 -50px 30px 0;
    overflow: auto;
}

.clm-Table{ width:100%;}

.clm-TableWrap .clm-Table{
    min-width:860px;
    white-space: nowrap;
}

.clm-Table th{
	text-align: left;
	color:#333;
	font-size:1.4rem;
	padding: .5em 0 1em;
	border-bottom:1px solid #999999;
}

.clm-Table th.thead{
    font-size:1.3rem;
    color:#C00;
}

.clm-Table td{
	vertical-align: middle;
	color:#333;
	font-size:1.6rem;
	padding:20px 0;
	border-bottom:1px solid #e6e6e6;
}

/* How to get there */
#clm-Venue__info{
    flex:1;
    padding-right:30px;
}

#clm-Venue__image{ width:315px;}
#clm-Venue__access{ 
    width:100%;
    margin-top:60px;
}

.clm-Bus{
    width:100%;
    margin-top:30px;
}

.clm-BusItem{ width:calc(50% - 20px);}

.clm-list{ width:47.5%;}
.clm-list li{
    text-indent:-1em;
    padding-left: 1em;
}
.clm-list li::before{ content:"・";}
.F00 {
	color:#F00;
	font-size: 100%;
}
.strike {
	text-decoration: line-through;
	font-size: 100%;
}
table.program {
	table-width:100%;
	border: 2px #036eb8 solid;
	margin-bottom: 1em;

    }   
table.program th {
    border: 2px #036eb8 solid;
    background-color: #036eb8;
	font-size:120%;
	text-align:center;
    font-weight: bold; 
	color:#FFF;
	vertical-align: middle;
}
table.program td {
font-size:120%;
border: 2px #036eb8 solid;
	vertical-align: middle;
}
table.program th, table.program td {
    padding: .4rem; 
}
table.program th p, table.program td p {
	margin-bottom: 0;
}
table.program tr:nth-child(2n) td {
  background-color: #DEEBF7;
}
table.program td li{
font-size:120%;
}
.order {
	font-size: 120%;
	margin-bottom:.4rem;
}
/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* TABLET */
@media screen and (max-width: 834px){

    .clm-Section__title{ font-size:2.8rem; }
    .clm-Section__subtitle{ font-size:2.1rem;}
    .clm-Section__subtitle small{ font-size:1.4rem;}
    
    .clm-TableWrap{ margin: 0 -40px 20px 0;}

    #clm-Venue__info{
        flex:1;
        padding-right:20px;
    }
    
    #clm-Venue__image{ width:210px;}
    #clm-Venue__access{ margin-top:40px;}

    .clm-list{ width:100%;}

}


/* SP */
@media screen and (max-width: 480px){

    .clm-Section__title{ font-size:2.4rem; }
    .clm-Section__subtitle{ font-size:2rem;}
    .clm-Table th.thead,
    .clm-Section__subtitle small{ font-size:1.2rem;}
    
    .clm-TableWrap{ margin: 0 -20px 20px 0;}

    .clm-Table td{ padding:16px 0;}

    #clm-Venue__info{
        order:2;
        flex:unset;
        width:100%;
    }

    #clm-Venue__image{
        order:1;
        width:100%;
        margin-bottom:22px;
    }

    #clm-Venue__access{ margin-top:30px;}
        
    .clm-Bus{ margin-top:20px;}
    
    .clm-BusItem{ width:100%;}
    .clm-BusItem + .clm-BusItem{margin-top:20px;}

}


/* add 2023/01/06 */
.clm-Section__subtitle2 {
	font-weight: bold;
	color: #00643A;
	font-size: 1.8rem;
}
.online2022 {
	margin: 10rem auto 2rem auto;
	text-align: center;
	color: #fff;
	padding: 2rem;
	background: var(--base-color);
}
.btn {
	font-size:1.8rem;
	line-height:2;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #212529;
  border-radius: 0.5rem;
	margin:2rem auto;
}
.btn--2022,
a.btn--2022 {
  color: #fff;
  background-color: #036eb8;
}

.btn--2022:hover,
a.btn--2022:hover {
  color: #fff;
	background:var(--accent-color);
}

a.btn--radius {
  border-radius: 100vh;
}

@media screen and (max-width: 843px){
	.btn,
	.btn--2022,
	a.btn--2022{
		font-size: 1.6rem;
		max-width:280px;
	}
}
@media screen and (max-width: 480px){
	.btn,
	.btn--2022,
	a.btn--2022{
		font-size: 1.4rem;
	}
}

.mb-2 {
	margin-bottom: .5rem;
}
.mb-3 {
	margin-bottom: 1rem;
}
.mb-4 {
	margin-bottom: 2.5rem;
}
.mb-5 {
	margin-bottom: 5rem;
}
.ms-3 {
	margin-left: 1rem;
}
.ms-4 {
	margin-left: 2.5rem;
}
.ms-5 {
	margin-left: 5rem;
}
.top-NewsList{
    width:100%;
    max-width:640px;
    margin:0 auto;
}

.top-NewsItem{
    width:100%;
    padding-bottom: 20px;
    border-bottom:1px solid #e6e6e6;
}

.top-NewsItem + .top-NewsItem{ margin-top:20px;}

.top-NewsItem__date{
    width:170px;
    font-size:1.6rem;
    color:#333;
}

.top-NewsItem__title{
    width:calc(100% - 170px);
    font-size:1.8rem;
    color:#000;
}

.Program2023 {
	margin: .5rem auto 2rem auto;
	text-align: center;
	color: #fff;
	padding: 2rem;
	background: var(--base-color);
}

.text-center {
	text-align: center;
}
.program2024 {
	border: 1px solid #00284b;
	margin-bottom: 40px;
}
.program2024 th,
.program2024 td {
	font-size: 120%;
	text-align: left;
	border: 1px solid #00284b;
	padding: 5px;
}
.program2024 td a {
	font-size: 100%;
}
.program2024 td a:hover {
	text-decoration: underline;
}
.program2024 th {
	background: #DEEBF7;
}
.program2024 td b {
	font-weight: bold;
	font-size: 100%;
}
.program2024 td ul li {
	font-size: 120%;
}
.fw-bold {
	font-weight: bold;
}