@charset "UTF-8";

/*--------------------------------
共通ボタンなど
--------------------------------*/

/* 　ダウンロードボタン　赤四角　*/

.tpinf a:visited{color:#fff;}


.bt-dll{
    padding:20px;
    display: inline-block;
    text-align: center;
    line-height: 1.3;
}

.bt-dll  a {
    display: inline-block;
    color: #fff;
    background: #ff3733;
    text-decoration: none;
    padding:20px;
    display: block;
}

.bt-dll a:hover{
    background: #c30505;
}



/* 　ダウンロードボタン　青四角　*/
.bt-dll-hyakuman{
    padding:20px;
    display: inline-block;
    text-align: center;
    line-height: 1.3;
}

.bt-dll-hyakuman  a {
    display: inline-block;
    color: #fff;
    background: #e60033;
    text-decoration: none;
    padding:20px;
    display: block;
}

.bt-dll-hyakuman a:hover{
    filter: brightness(150%);
}


.strong{
font-weight:bold;
}
.fs11{font-size:11px;}
.fs15{font-size:15px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}





.hyakuman-box{
background:#fbf6c5;border-radius:20px;margin:0 auto 10px;width:60%;padding:10px;border:solid 1px;
}
.hyakuman-box-per{
background:#fcd419;border-radius:20px;margin:0 auto 10px;width:60%;padding:10px;border:solid 1px;
}

@media(max-width:768px){
    .hyakuman-box{
        background:#fbf6c5;border-radius:20px;margin:0 auto 15px;width:80%;border:solid 1px;
    }
.spd10{padding:0 10px 15px;}
.bt-column{flex-direction:column;}
}



/* ボタン　赤 */

.red-btn {
    background-color: #ef5350;
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    padding: 20px 40px;
    border-radius: 6px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 3px 0 #a61c19;
    box-shadow: 0 3px 0 #a61c19;
    -webkit-transition: none;
    transition: none;
    max-width: 450px;
    font-weight: bold;
}

.red-btn a:link, .red-btn a:visited{
    text-decoration: none;
    color:#fff;
}

.red-btn:hover {
    background-color: #ec3131;
    -webkit-box-shadow: 0 3px 0 #a61c19;
    box-shadow: 0 3px 0 #a61c19;
}
.red-btn:active {
    top: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media(min-width:768px){

.mtoha{
font-size:1.1rem;
}

}
/*--------------------------------
見出し
--------------------------------*/

.h1-sec {
    padding: .1em .4em;
    margin: 0 0 1em;
    color: #000;
    border-bottom: solid .125em #bfbfbf;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    text-align: left;
}
.h1-sec::after {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    bottom: -.125em ;
    border-bottom: .125em solid #c10000;
    width: 18%;
    height: 100%;
}

@media(min-width:768px){
.h1-page{
    text-align: center;
    font-size:3.0rem;
    margin-bottom:30px;
    font-family: a-otf-futo-min-a101-pr6n, serif;
}
}
.sub-title{
    text-align: center;
    font-size:2.0rem;
    margin-bottom:30px;
    font-family: a-otf-futo-min-a101-pr6n, serif;
}

.yosa-sec {
    padding: 1.1em .4em;
    margin: 0 0 1em;
    color: #000;
    border-bottom: solid .125em #bfbfbf;
    position: relative;
    text-align: left;
}



@media(min-width:768px){
.tische img{
 width:60%;
}
}


/*--------------------------------
パンくず
--------------------------------*/
.breadcrumbs{
    font-size:1.4rem;
    margin-bottom:30px;
}

.breadcrumbs .current-item{
    color:#666;
}

h1 .fa-newspaper,h1 .fa-gripfire{
    color:#c10000;
    margin-right:6px;
}



/*--------------------------------
スライダー
--------------------------------*/

.main-slide{
    background: #fff;
}

.slide{
    max-width:1240px;
    margin: 0 auto;
}
.main-slide img{
    height: auto;
    width: 100%;
}

/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}

.slick-slider{
    margin-bottom:0 !important;
}



/*--------------------------------
緊急情報
--------------------------------*/

.Tem{
    border: 16px solid #eee;
    padding:10px 20px;
    position: relative;
}

@media(min-width:769px){

    .Tem-box dt{
        float:left;
        width:10%;
        font-size:1.3rem;
        font-weight: bold;
        color:#666;;
    }

}


.Tem-box{
    margin-bottom:0.5em;
}

.Tem-box:last-child{
    margin-bottom:0;
}

.Tem-title{
    position: absolute;
    top:-16px;
    left:6px;
    background: #ef5350;
    color:#fff;
    font-size:1.4rem;
    font-weight: bold;
    text-align: center;
    padding:0 10px;
}

@media(max-width:768px){
    .Tem{
        margin-top:30px;
    }
    .mt10{
        margin-top:10px;
    }

}




/*--------------------------------
新着情報
--------------------------------*/

.Tinfo{
    width:100%;
    background: #e5e5e5;
    padding:10px;
    margin:30px 0;
    height:320px;
}

@media(min-width:769px){
    .Tinfo{
        margin:0;
    }
}

.Tinfo-box {
    background: #ffffff;
    padding:20px;
    height: 300px;
    overflow: scroll;
}

.Tinfo-text dt{
    margin-right:10px;
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
    font-weight: bold;
    font-weight: 900;
    margin-right: 10px;
}

@media(min-width:769px){   

    .Tinfo{
        padding:10px;
    }

    .Tinfo-text{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom:10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: top;
    }

    .Tinfo-text dt{
        margin-right:10px;
        font-family: "Font Awesome 5 Free";
        content: "\f0da";
        font-weight: bold;
        font-weight: 900;
        margin-right: 10px;
        font-size:1.3rem;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }
    
    .Tinfo-text dd{
        -ms-flex-preferred-size: 78%;
        flex-basis: 78%;
    }

    .Tinfo-text:last-child{
        margin-bottom:0;
    }

}

/*--------------------------------
トップYouTube配置
--------------------------------*/

@media(min-width:768px){
    .Ttop-col{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.Tinfo{
    -ms-flex-preferred-size: 1;
    flex-basis: 60%;
    margin-right: 2%;
}

.Ttop-yt{
    -ms-flex-preferred-size: 1;
    flex-basis: 38%;
}





/*--------------------------------
スケジュール
--------------------------------*/

@media(min-width:768px){

    .Tsche-box{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom:80px;
    }

    .Tsche-box > div{
        width:24%;
    }
}

.Tsche-box{
    margin-top: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
    margin-left: 10px;
}


@media(min-width:768px){

  .movie-box{
    display: flex;
    margin-bottom: 1.5rem;
    justify-content: space-between;
    align-items: flex-start;
  }
  .item{
    flex-basis: 31%;
  }
}


/*--------------------------------
TOPコンテンツ
--------------------------------*/

@media(max-width:600px){

	.Tgrid {
		display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-flow:wrap;
			-webkit-box-orient:horizontal;
			-webkit-box-direction:normal;
			flex-flow:row wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
	}

	.Tgrid::before{
		content:"";
		display: block;
		width: calc( 100% / 2 - 1% );
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1;
	}

	.Tgrid::after{
		content:"";
		display: block;
		width: calc( 100% / 2 - 1% );
	}

	.Tgrid > div {
		background: #fff;
		padding: 10px;
		border:1px solid #ccc;
		margin-bottom:20px;
	}

	.Tgrid > .la_2{
		width: 100%;
	}
}
@media(min-width:769px){
.gourmetimg{border:none!important;padding:90px!important;}
}
@media(max-width:768px){
.gourmetimg{border:none!important;}
}
@media(min-width:769px){

	.Tgrid {
		display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-flow:wrap;
			-webkit-box-orient:horizontal;
			-webkit-box-direction:normal;
			flex-flow:row wrap;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
	}

	.Tgrid::before{
		content:"";
		display: block;
		width: calc( 100% / 4 - 1% );
		-webkit-box-ordinal-group:2;
		-ms-flex-order:1;
		order:1;
	}

	.Tgrid::after{
		content:"";
		display: block;
		width: calc( 100% / 4 - 1% );
	}

	@media(min-width:481px){
		.Tgrid > div.la_2{
		//grid-column: 1 / span 2;
			padding-bottom:50px !important;
		}
	}

	.Tgrid > div {
		background: #fff;
		padding: 10px;
		border:1px solid #ccc;
		width: calc( 100% / 3 - 1% );
		margin-bottom:20px;
	}

	.Tgrid > .la_2{
		width: 49%;
		display:flex;
		flex-wrap: wrap;
	}
	.Tgrid > .la_2 > .top_yt{
		width: 50%;
		margin-right:20px;
	}
	.Tgrid > .la_2 > .top_yt_2{
		width: 40%;
	}
	
	.Tgrid > .la_2 > .top_yt_3{
		width: 95%;
		margin-bottom:10px;
	}

.end8{width:80%;margin:0 auto;}


}


	@media(min-width:481px){
		.end6{width:60%;margin:0 auto;}
		.Tgrid > div.la_2{
			padding-bottom:50px;
		}
	}


.Tgrid > div h1{
    font-size:1.7rem;
}

.Tgrid > div{
    position: relative;
    padding-bottom:45px;
}


.Th1-sub{
    font-size:1.3rem;
    font-weight: bold;
    position: absolute;
    bottom:10px;
    left:10px;
    padding-bottom:8px;
    width:94%;
}

@media(max-width:599px){
    .Th1-sub{
        left:10;
        width:94%;
    }
}

/* グリッド部分の色分け　*/


.gr-red{
    background: url(../img/index/bg-gr-red.gif) repeat-x left bottom;
    color:#dd2c00;
}

.gr-or{
    background: url(../img/index/bg-gr-or.gif) repeat-x left bottom;
    color:#f37c33;
}

.gr-bl{
    background: url(../img/index/bg-gr-blue.gif) repeat-x left bottom;
    color:#0068b7;
}

.gr-pu{
    background: url(../img/index/bg-gr-pu.gif) repeat-x left bottom;
    color:#8957a1;
}

.gr-gr{
    background: url(../img/index/bg-gr-gr.gif) repeat-x left bottom;
    color:#62ac34;
}

.gr-pi{
    background: url(../img/index/bg-gr-pi.gif) repeat-x left bottom;
    color:#f06292;
}

.gr-am{
    background: url(../img/index/bg-gr-am.gif) repeat-x left bottom;
    color:#100964;
}




/*--------------------------------
新着情報
--------------------------------*/


.Tnews-box{
    border-bottom:1px dashed #999;
    padding-bottom:20px;
    margin-bottom:20px;
    position: relative;
}

@media(max-width:480px){

    .Tnews-img{
        max-width:320px;
        margin: 0 auto;
    }
}

@media(min-width:481px){
    .Tnews-box{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .Tnews-img{
        max-width:250px;
        margin-right:20px;
    }
}

.Tnews-title{
    font-size:1.8rem;
    margin-bottom:20px;
}

.Tnews-cat{
    position: absolute;
    right:10px;
    bottom:20px;
    background: #ef5350;
    color:#fff;
    font-size:1.1rem;
    padding:0 2px;
    text-align: center;
}

.Tnews-cat a{
    background: #ef5350;
    color:#fff;
    display: block;
    padding: 0 2px;
}

.a:link,.Tnews-cat a:visited,.Tnews-cat a:hover{
    text-decoration: none;
    color:#fff;
}

.bt-news-all{
    font-size:1.3rem;
    text-align: right;
    margin-bottom:20px;
}

.bt-news-all .fa-chevron-circle-right{
    margin-left:6px;
    color:#c40500 !important;
}

/*--------------------------------
TOP協賛企業
--------------------------------*/

@media(min-width:769px){
    .Tsponsor-col3{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
    }
}

.Tsponsor-col3 > div{
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin: 0 10px 20px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
}

.Tsponsor-col3 > div:last-child{

}

.Tsponsor-col4 > div:nth-child(4n){
    margin-right:0;
}

.Tsponsor-box img{
    border:1px solid #ccc;
}

/* 下のスポンサーはスマホでは３つずつ、PCでは8つずつ並べる　*/

.Tsponsor-col8{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

@media(max-width:768px){
    .Tsponsor-col8 > div{
        width: calc( 100% / 2 - 10px );
        margin-bottom: 20px;
        margin-right:10px;
    }

    .Tsponsor-col8 > div:nth-child(2n){
        margin-right:0;
    }
}




@media(min-width:769px){
    .Tsponsor-col8{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow:wrap;
        flex-flow:wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
	
	.Tsponsor-col8::after{
		content:"";
		display: block;
		width: calc( 100% / 8 - 10px );
	}
    
    .Tsponsor-col8 > div{
        width: calc( 100% / 8 - 10px );
        margin-bottom: 20px;
        margin-right:10px;
    }
    
    .Tsponsor-col8 > div:nth-child(8n){
        margin-right:0;
    }
    
    .Tsponsor-col8 > div:last-child{
        //margin-right: auto;
    }
}

/*協賛企業一覧ページ*/

.Tsponsor-coln3{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;font-weight:bold;
}

@media(max-width:768px){
    .Tsponsor-coln3 > div{
        width: calc( 100% / 2 - 5px );
        margin-right:10px;padding:5px;
    }

    .Tsponsor-coln3 > div:nth-child(2n){
        margin-right:0;
    }
}




@media(min-width:769px){
    .Tsponsor-coln3{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow:wrap;
        flex-flow:wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
	
	.Tsponsor-coln3::after{
	}
    
    .Tsponsor-coln3 > div{
        width: calc( 100% / 3 - 10px );
        margin-bottom: 20px;
        margin-right:10px;
    }
    
    .Tsponsor-coln3 > div:nth-child(3n){
        margin-right:0;
    }
}

@media(max-width:768px){
    .hyakuman-coln3{
	font-weight: bold;}
}	



@media(min-width:769px){
    .hyakuman-coln3{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow:wrap;
        flex-flow:wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
	
	.hyakuman-coln3::after{
	}
    
    .hyakuman-coln3 > div{
        width: calc( 100% / 3 - 10px );
        margin-bottom: 20px;
        margin-right:10px;
	font-weight: bold;
    }
    
    .hyakuman-coln3 > div:nth-child(3n){
        margin-right:0;
    }
}





.Tsponsor{
    padding:20px;
    margin-bottom:10px;
}

.Tsponsor-box{
    background: #fff;
    padding:20px;
    border-radius: 10px ;
}

/*--------------------------------
TOP WEBサーバー協賛
--------------------------------*/

.Tserver-img{
    max-width:300px;
    margin:30px auto;
}




/*--------------------------------
参加希望の方へ
--------------------------------*/

.bt-join-news{
    position: absolute;
    right:0;
    bottom:20px;
}

.bt-join-news a{
    background: #fbc02d;
    padding:4px 6px;
    color:#02004d;
    font-size:1.3rem;
}

.bt-join-news a:link,.bt-join-news a:visited,.bt-join-news a:hover{
    text-decoration: none;
}

/*--------------------------------
協賛先
--------------------------------*/

.sponsor-all-box{
    border: 1px solid #ccc;
    padding:20px;
}

.sponsor-in{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sponsor-in > ul{
    -ms-flex-preferred-size: 1;
    flex-basis: 1;
}

.sponsor-in li{
    font-size:1.3rem;
}

.sponsor-wrap{
	overflow-x: scroll;
}

.sponsor-table{
	width:100%;
	min-width:600px;
	border-collapse: collapse;
}
.sponsor-table tr{
	border-bottom:1px dotted;
}

.sponsor-table td{
	width:30%;
	padding:15px;
	font-weight:bold;
}

.yosakoi-wrap{
	overflow-x: scroll;
}

.yosakoi-table{
	width:100%;
	min-width:600px;
	border-collapse: collapse;
}
.yosakoi-table tr{
	border-bottom:1px dotted;
}


.yosakoi-table th{
	width:15%;
	padding:15px;
	font-weight:bold;
}
.yosakoi-table td{
	width:28%;
	padding:15px;
	font-weight:bold;
}

.yosakoi-table tr:hover{
	background-color: #d9efff;
}


/*--------------------------------
イベントスケジュール
--------------------------------*/

@media(min-width:769px){
    .sche-date-menu{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width:90%;
        margin: 20px auto;
    }

    .sche-date-menu li{
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 1;
        flex-basis: 1;
        margin: 10px;
    }
}

@media(max-width:768px){
    .sche-date-menu li{
        margin: 0;    
    }
}



.sche-date{
    max-width:140px;
    margin-right:20px;
    padding-right:20px;
    border-right:1px solid #ccc;
}

@media(max-width:768px){
    .sche-date{
        border-right:none;
        border-bottom:1px solid #ccc;
        padding-bottom:10px;
        margin-bottom:10px;
        max-width:100%;
    }
    
    .sche-date img{
        max-width:160px;
    }
}

.sche-place{
    font-weight: bold;
    font-size:1.8rem;
    margin-bottom:10px;
}

.sche-place::before{
    font-family: "Font Awesome 5 Free";
    content: "\f3c5";
    font-weight: bold;
    font-weight: 900;
    color:#ef1713;
    margin-right:6px;
}

.sche-time{
    font-size:20px;
    font-weight: bold;
}

.sche-cont-box{
    margin-bottom:50px;
}

.sche-image{    
    text-align: center;
    margin: 0 auto;
    max-width:560px;
}

/*　共催イベント開閉ボタン　*/

/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    //padding: 15px;
    font-weight: bold;
    //border: solid 2px black;
    cursor :pointer;
    max-width: 100%;
    font-size:2.0rem;
    
}

.hidden_box label span{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.5em 1em;
    width: 100%;
    text-decoration: none;
    border-left: solid 4px #1449bb;
    border-right: solid 4px #1449bb;
    color: #1449bb;
    text-align: center;
    background: #f7f7f7;     
    -webkit-transition: .4s;     
    transition: .4s;
    cursor: pointer;
}

/*ボタンホバー時*/
.hidden_box label span:hover {
    background: #1449bb;
    color: #FFF;
    
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}





@media(min-width:769px){

    .sche-box{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .sche-date{
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }
    .sche-mc{
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    }
    .sche-mc2{
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
    }
    .sche-mc3{
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }


    .sche-cont{
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    }
    .co-event-cont{
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}
    .co-event-box{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; 
}
.co-event-about{
margin-right:20px;
}
    .sche-cont-box{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; 
    }
    
    .sche-image{
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        margin-right:20px;
    }
    
    .sche-text{
        -ms-flex-preferred-size: 68%;
        flex-basis: 68%;
    }
    
    .sche-date-menu span{
        font-size:2.2rem;
    }
    
}

.sche-box{
    padding-top:200px;
    margin-top:-200px;
}

.sche-menu-box{
    margin-bottom:50px;
}

.sche-cont-box{
    position: relative;
}
.co-event-box{
    position: relative;
}

.co-event-about{
border-radius: 10px;border:solid 3px #0061b1;padding:20px;font-weight:bold;
}

.sche-cont-box p{
    padding-bottom:40px;
}

.bt-detail{
    position:absolute;
    bottom:0;
    right:0;
}

.botmai{
    bottom:-50px;
}
.mtm150{
    margin-top:-150px;
}


.bt-detail a:link,.bt-detail a:visited{
    color:#fff;
    background: #ef1713;
    padding:4px 10px;
    text-align: center;
    font-size:1.2rem;
    text-decoration: none;
    
}

.bt-detailtop a:link,.bt-detailtop a:visited{
    color:#fff;
    background: #ef1713;
    padding:4px 10px;
    text-align: center;

    text-decoration: none;
    
}

/* 日付ナビのカレント表示


.sche-date-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}

.sche-date-menu  a {
    display: inline-block;
    padding: 15px 30px;
    border: solid 1px #aaa;
    color: #aaa;
    background: #fff;
    text-decoration: none;
}

.sche-date-menu  a:hover,
.sche-date-menu  li.current a{
    background: #ff3733;
    color: #fff;
    border: solid 1px #ff3733;
}
*/


/* 日付上部固定

    .sche-menu-box .fixed {
        position: fixed;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 100%;
        z-index: 10000;
    }

    .sche-menu-box .fixed{
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }


    .sche-menu-box .fixed{
        width:100%;
    }


@media(max-width:768px){
    .sche-menu-box .fixed {
        top: 80px;

    }
}
*/

/*--------------------------------
看板娘
--------------------------------*/

.haken-copy{
    font-size:1.8rem;
    margin-bottom: 20px;
    font-weight: bold;
}

.haken-copy span{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff45c));
    background: linear-gradient(transparent 50%, #fff45c 50%);
}

.y-marker{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff45c));
    background: linear-gradient(transparent 50%, #fff45c 50%);
}


@media(min-width:769px){
    .km-boshu{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .km-boshu-txt{
        margin-right:40px;
    }
    .km-11-img{
        margin-right:40px;
	width:220px;
    }
   .km-11-img p{
        font-size:1.4rem;
    }

    .km-boshu-img2{
        flex:1;
    }

    .km-boshu-img{
        flex-basis:40%;
    }

}

@media(max-width:768px){
    .haken-copy{
        text-align: center;
    }
.haken-area{
    background: #fbf6c5;
    padding:20px 10px;
    margin-bottom:40px;
}

}


.km-ta{
    width:100%;
    margin: 0 auto 20px;
}

@media(min-width:769px){
    .km-ta{
        width:90%;
    }
.haken-area{
    background: #fbf6c5;
    padding:50px;
    margin-bottom:40px;
}

}

.km-ta th,.km-ta td{
    border:1px solid #999;
    padding:8px;
}

.km-ta th{
    background: #f86663;
    color:#fff;
}

.km-ta tr > td:last-child{
    text-align: center;
}

.h1-sec .fa-award{
    color:#c10000;
    margin-right:4px;
}

.haken-in{
    background: #fff;
    padding:30px;
}

.haken-in li{
    font-weight: bold;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px dashed #7d7d7d;
}

.haken-in p{
    margin-left: 3.5rem;
    font-weight: normal;
}

/* リストの数字にかっこをつける　*/

.haken-in ol{
    list-style-type: none;
}

.haken-in ol li {
    counter-increment: cnt;
}

.haken-in ol li:before {
    content: "（"counter(cnt) "）";
}

/* DLボタン配置　*/

.bt-km-dll > div {
    margin: 0 auto 10px;
    width:90%;
}


@media(max-width:768px){


    .bt-km-dll{
        width:100%;
        margin: 20px auto 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
text-align:center;
    }

}

@media(min-width:769px){

    .bt-km-dll{
        width:100%;
        margin: 20px auto 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .bt-km-dll > div{
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    }
        .bt-km-dll4{
        width:100%;
        margin: 20px auto 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .bt-km-dll4 > div{
        -ms-flex-preferred-size: 32%;
        flex-basis: 24%;
    }

}
.aitsc{align-items:center;text-align:center;}
.wd100{
    width:100%;
}



.faq-box {
  width: 80%;
  margin: 0 auto;
}

.faq-box .faq dt,
.faq-box .faq dd {
  display: flex;
  align-items: baseline;
  margin: 15px 0;
  padding: 15px;
}

.faq-box .faq dt {
  background: #F5F5F5;
}

.faq-box .faq dt p {
  margin: 0;
  padding-left: 15px;
  font-weight: bold;
  width: 100%;
}

.faq-box .faq dd p {
  margin: 0;
  padding-left: 15px;
  width: 100%;
}

.faq-box .faq dt::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #6699B7;
  width: 2em;
  height: 2em;
}

.faq-box .faq dd::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #D65556;
  width: 2em;
  height: 2em;
}

@media screen and (max-width: 960px) {
  .faq-box {
    width: 95%;
  }
}



/*--------------------------------
投稿シングルページ
--------------------------------*/

.h2-post{
    margin-bottom:10px;
}

.h2-post p{
    border-left:6px solid #e6002f;
    padding-left:8px;
}

.post-title{
    border-bottom:1px solid #999;
    padding-bottom:10px;
    margin-bottom:30px;
}

.post-cont{
    max-width:1100px;
    margin:0 auto 30px;
}

.pager{
    margin-top:50px;
    border-top:1px solid #999;
    padding-top:30px;
}

/*--------------------------------
404ページ
--------------------------------*/

.Tmain-image{
    max-width:500px;
    width:100%;
    margin-top:100px;
}

.idc-img{
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
    margin-right:30px;
}


/*--------------------------------
WEBサーバー協賛会社のご案内
--------------------------------*/

@media(min-width:769px){
    .about-idc{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin:0 auto 40px;
        max-width:900px;
    }

    .idcf-service{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .idcf-box{
        -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
    }
    
}


.idcf-box{
    -webkit-box-shadow: 6px 6px 6px 6px rgba(185, 185, 185, 0.7);
    box-shadow: 6px 6px 6px 6px rgba(185, 185, 185, 0.7);
    margin:20px 20px 40px;
    padding:20px;
    -ms-flex-preferred-size: 1;
}

.h1-server::after {
    border-bottom: .125em solid #439bf1;

}

.h2-server{
    background:#439bf1;
    padding:4px;
    text-align: center;
    color:#fff;
    font-size:1.8rem;
    margin-bottom:30px;
}

.idcf-img{
    max-width:80%;
    margin: 0 30px 20px;
}

.bt-idcf{
    border:1px solid #999;
    text-align: center;
    margin-top:30px;
    font-size:1.3rem;
    display: block;
}

.bt-idcf a{
    display: block;
    width:100%;
    padding:2px 10px;
    text-decoration: none;
}

.bt-idcf a:hover{
    background: #f2f2f2;
    color:#111;
}

@media(min-width:769px){
    
    .idcf-img{
        height:80px;
    }
    .idc-info{
        min-height: 140px;
    }
}

/*--------------------------------
わっしょいよさこい北九州2019
--------------------------------*/

@media(min-width:769px){
    .page-main{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom:30px;
        background: #eee;
        padding-right:30px;
    }
}

.yosakoi-main-text-in{
    background: #c8020e;
    padding:50px 30px;
    color:#fff;
}

.main-date{
    margin-bottom: 10px;
    width:140px;
    text-align: center;
}
.main-date span{
    padding:4px 10px;
    font-size:1.3rem;
    color:#333;
    font-weight: bold;
}

.yosakoi-main-text .main-date{
    background:#ffccbc;    
}

.yosakoi-main-text-in p,.yosakoi-main-text-in li{
    color:#fff;
}

.yosakoi-main-text-in li{
    font-size:1.3rem;
}

.yosakoi-main-text-in p{
    font-size:1.8rem;
    margin-bottom:30px;
}

.yosakoi-member-att{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #ff5252));
    background: linear-gradient(transparent 50%, #ff5252 0%);
        line-height: 1.3em;

}

/* 吹き出し風の見出し　*/

.h1-yosakoi {
    position: relative;
    padding: .5em .75em;
    background-color: #fff;
    border-top: 3px solid #c10000;
    border-bottom: 3px solid #c10000;
    text-align: center;
    margin-bottom:50px;
}
.h1-yosakoi::before,
.h1-yosakoi::after {
    position: absolute;
    top: 100%;
    left: 48%;
    content: '';
    height: 0;
    width: 0;
    border: 15px solid transparent;
}
.h1-yosakoi::before {
    border-top: 15px solid #c10000;
}
.h1-yosakoi::after {
    margin-top: -3px;
    border-top: 15px solid #fff;
}

.yosakoi-team-box{
    background: url(../img/yosakoi/bg-yosakoi.jpg) no-repeat center bottom;
    background-size: 50%;
}

@media(min-width:769px){

    .yosakoi-team{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .yosakoi-team ul{
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    }
    
}

@media(min-width:769px){
    .yosakoi-map{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width:90%;
        margin: 0 auto;
    }

    
}

/*--------------------------------
夏祭り大集合
--------------------------------*/
.matsuri-main .main-date{
    background: #b9eed6;
}
.matsuri-main{
    background: #000;
}

.matsuri-main-text-in{
    background: none;
}

.matsuri-intro{
    margin-bottom:50px;
}

@media(min-width:769px){
    .matsuri-box{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom:20px;
    }
    
    .matsuri-main > div:first-child{
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    }
    
    .matsuri-main > div:last-child{
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    
    .matsuri-text{
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    }

    .matsuri-img{
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    }
    .greeting-text{
        flex-basis: 70%;
    }

    .greeting-img{
        flex-basis: 25%;
    }

}

.h1-matsuri-sec{
    line-height: 1.3;
}



.matsuri-photo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media(max-width:768px){
    .matsuri-photo{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .matsuri-photo figure{
        -ms-flex-preferred-size: 46%;
        flex-basis: 48%;
        margin:0;
    }
.greeting-img{width:60%;margin:0 auto;}
}

@media(min-width:769px){
    .matsuri-photo figure{
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
        margin:0;
    }
}

/*--------------------------------
こども夢ステージ
--------------------------------*/
.stage-main-text .main-date{
    background:#b9eed6;    
}

.stage-main{
    background:#fff;
}
.stage-about{
    background:#fff;
}


@media(min-width:769px){
    .stage-text{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom:30px;
   }


    .stage-main > div:first-child{
        width:50%;
    }

    .stage-main > div:last-child{
        width:50%;
    }
}


@media(min-width:769px){

    .stage-about > div:first-child{
        width:40%;
    }

    .stage-about > div:last-child{
        width:60%;
        margin-left:20px;

    }
}

.ftsz14{
font-size:14px;
}

.ftsz12{
font-size:12px;
}

.stage-main-text-in{
    background: #fff;
}

.stage-main-text-in p,.stage-main-text-in li{
    color:#333;
    font-weight: bold;
}

@media(min-width:769px){
    .stage-sche{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .stage-sche > div:first-child{
        -ms-flex-preferred-size:34%;
        flex-basis:34%;
    }

    .stage-sche > div:last-child{
        -ms-flex-preferred-size:63%;
        flex-basis:63%;
    }

}

.stage-photo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.stage-photo > div{
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
}

@media(min-width:769px){
    .stage-photo > div{
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
    }
}


.h3-stage span{
    color:#fff;
    padding:4px 10px;
    border-radius: 8px;
    display: block;
}

.bggr{
    background: #5ab97b;
}
.bgrd{
    background:#e60012;
}
.bgyuka{
    background:#a5c610;
}
.bgpin{
    background:#e84877;
}
.bgbl{
    background:#00a0c8;
}


.wd40{
    width:80%;
    margin:0 auto;
@media(max-width:480px){
 width:100%;
}
}

.wd40 p{
    font-weight: bold;
}


/*--------------------------------
アクセス・交通情報
--------------------------------*/

.traffic-info{
    position: relative;
    text-align: center;
}

.kisei-info{
    position: absolute;
    top:80px;
    right:20px;
}

@media(max-width:1100px){
    .kisei-info{
        position: inherit;
        width:70%;
        margin: 10px auto;
    }
    
}

@media(max-width:480px){
    .traffic-info p{
        text-align: left;
    }
}


/*--------------------------------
わっしょいグルメ
--------------------------------*/

.gourmet-main{
    background: #fff;
}

.gourmet-text-in{
    background: none;
    padding:50px 30px;
}

.gourmet-text-in p{
    color:#333;
}

.gourmet-text-in span{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #facd89));
    background: linear-gradient(transparent 50%, #facd89 0%);
    line-height: 1.3em;   
}

@media(min-width:769px){

    .gourmet-fes-box{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .gourmet-fes-box > div{
        -ms-flex-preferred-size: 50%;
        flex-basis: 48%;
    }
}
.a-areaname table{
font-weight:bold;
}
.a-areaname thead{background:#441ae5;color:#fff;}
.a-areaname td{
padding:10px 3px;
}
.a-areaname td.photo{
width:30%;
}
.aareacolor{color:#e6328c;}
.bareacolor{color:#409438;}
.careacolor{color:#791285;}
.dareacolor{color:#0083ad;}

.a-areaname tr{
border-bottom:1px dotted #441ae5;
}
.c-area{width:48%;}


.gourmet-fes-box div:first-child dt span{
    background: #d32d26;
    color:#fff;
    padding:4px 10px;
}

.gourmet-border{
    padding: .1em .4em;
    margin: 0 0 1em;
    border-bottom: solid .125em #bfbfbf;
    position: relative;
    text-align: left;
}

.gourmet-border p::after{
    position: absolute;
    content: '';
    display: block;
    left: 0;
    bottom: -.125em ;
    border-bottom: .125em solid #c10000;
    width: 40%;
    height: 100%;
    }



@media(min-width:769px){
    .gourmet-shop{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .gourmet-shop > div{
        -ms-flex-preferred-size: 24%;
        flex-basis: 24%;
        
    }
.gourmet-shop > div.car1{
    margin: 0 auto 20px;
    text-align: center;
    background: #441ae5;
    color: #fff;
    height: 400px;

}

.gourmet-shop > div > div.car2 {
    margin: 0 auto 20px;
    text-align: center;
    background: #441ae5;
    color: #fff;
    height: 400px;
}


.gourmet-shop > div.map{
        -ms-flex-preferred-size: 50%;
        flex-basis: 49%;
    background: #fff;
    height: 820px;
display:flex;
align-items:center;
}


   .gourmet-ticket{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width:80%;
        margin: 20px auto;
    }
    .gourmet-ticket > div{
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    }
}

@media(max-width:768px){

.gourmet-shop > div.car1{
    margin: 0 auto 20px;
    text-align: center;
    background: #441ae5;
    color: #fff;

}
.gourmet-shop > div > div.car2 {
    margin: 0 auto 20px;
    text-align: center;
    background: #441ae5;
    color: #fff;


}

.gourmet-shop > div.map{
        display:none;
}

}

#mapid {height: 180px;}


/*--------------------------------
パレード
--------------------------------*/

.parade-main-text-in{
    background: none;
}

.parade-main-text-in p,.parade-main-text-in li{
    background: none;
    color:#333;
}

.parade-main-text .main-date{
    background: #ffccbc;
}

@media(min-width:769px){
    .parade-entry{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;

    }
    
    .parade-entry > div{
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    }
    
}

.parade-photo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media(min-width:769px){
    .parade-photo{
        width:90%;
        margin: 0 auto;
    }
}

.parade-photo > div{
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    margin-bottom:10px;
}



.sponsor-main-text-in{
    background: none;
    margin-bottom: 30px;
    padding: 0 30px;
}



/*--------------------------------
百万踊り
--------------------------------*/
.hyakuman-photo{
    width:70%;
    margin: 0 auto;
}


.hyakuman-main-text-in{
    background: none;
    margin-bottom: 30px;
    padding: 50px 30px;
}

.hyakuman-photo2023{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media(min-width:769px){
    .sponsor-photo2024{
        width:100%;
        margin: 0 auto;
    }
}
.sponsor-photo2024{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media(min-width:769px){
    .hyakuman-photo2023{
        width:100%;
        margin: 0 auto;
    }


.sponsor-photo2024 > div{
    -ms-flex-preferred-size: 18%;
    flex-basis: 19%;
    margin-bottom:10px;
}



.hyakuman-photo2023 > div{
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
    margin-bottom:10px;
}
.yosakoi-photo2024{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
}
@media(min-width:769px){
    .yosakoi-photo2024{
        width:100%;
        margin: 0 auto;
    }

.yosakoi-photo2024 > div{
    -ms-flex-preferred-size: 24%;
    flex-basis: 33%;
    margin-bottom:10px;
}



}

.lh2{
line-height:2em;
}

.h2-hyakuman{
    background: #002e73;
    color:#fff;
    padding:8px 10px;
    font-size:1.8rem;
    font-weight: normal;
}

.h3-hyakuman span{
    color:#fff;
    text-align: center;
    padding:4px 10px;
    border-radius: 8px;
}

.h3-hyakuman-part1 span{
    background: #008ad0;
}

.h3-hyakuman-sousaku span{
    background: #649e45;
}

.h3-hyakuman-part2 span{
    background: #d11e7d;
}


.part1{
    color:#008ad0;
}

.sousaku{
    color: #649e45;
}

.part2{
    color: #d11e7d;
}

@media(min-width:769px){

    .hyakuman-group{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .hyakuman-group > div{
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    }
    
    .hyakuman-sousaku-team{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    
    .hyakuman-sousaku-team > div:first-child{
        -ms-flex-preferred-size:40%;
        flex-basis:34%;            
    }
    .hyakuman-sousaku-team > div:last-child{
        -ms-flex-preferred-size: 60%;
        flex-basis: 64%;
    }
}

.hyakuman-welcome{
    background: #fffbcc;
    padding:10px;
    border:2px solid #8fc31f;
    margin-bottom:30px;
}

@media(min-width:769px){
    .hyakuman-welcome{
        width:80%;
        margin: 0 auto 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.hyakuman-welcome > div{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;

    }

.ribbon{
	background-image: url(../img/live/ribbon1.png),url(../img/live/ribbon1.png),url(../img/live/ribbon1.png);
	background-position: right 121px,center 121px,left 121px;
	background-size: auto, auto,auto;
	background-repeat: no-repeat, no-repeat,no-repeat;
}
.ribbon2023{
	background-image: url(../img/index/ribbon2023-1.jpg),url(../img/index/ribbon2023-1.jpg);
	background-position: right 121px,left 121px;
	background-size: auto, auto;
	background-repeat: no-repeat, no-repeat;
}


.pc-pdl25{
	padding-left:25px
}
.pc-pdr25{
	padding-right:25px
}
    .live-group{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-around;
    }

    .live-group > div{
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    }
    
 
}

.odori-all-box{
    border: 1px solid #ccc;
    padding:20px;
}

.odori-in{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.odori-in > ul{
    -ms-flex-preferred-size: 1;
    flex-basis: 1;
}

.odori-in li{
    font-size:1.5rem;
    font-weight:bold;
}

@media(min-width:769px){

.hyakuman-fs2_5{
font-size:2.5rem;
}
.hyakuman-fs2_2{
font-size:2.2rem;
}
}
.hyakuman-fs2{
font-size:2rem;
}
.hyakuman-underline{
border-bottom:2.5px solid #c10000;
}


.tbend{margin:0 auto;}
.tbend th{width:15%;}
.tbend td{width:85%;}
.tar{text-align:right;}
.pdb20{padding-bottom:20px;}

/*--------------------------------
振興会について
--------------------------------*/

.about-contact{
    -webkit-box-shadow: 4px 4px 4px 4px rgba(153, 153, 153, 0.5);
    box-shadow: 4px 4px 4px 4px rgba(153, 153, 153, 0.5);
    padding:50px 30px;
    max-width:600px;
    margin: 0 auto 40px;
    text-align: center;
}

.about-contact address{
    line-height: 2;
}

.highlight {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #ffff66));
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.3em;
}


/*--------------------------------
ポスター
--------------------------------*/

@media(min-width:769px){
    .posterpage-main{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        padding:30px 0;
    }
}

.poster-main-text-in{
    background: none;
    margin-bottom: 30px;
    padding: 0px 30px;
}


/*--------------------------------
トップページ スライドとお知らせの間
--------------------------------*/

.top-notice2022{
  font-size:2rem;
  text-align: center;
  margin-bottom: 1%;
}

@media(max-width:767px){
  .top-notice2022{
    text-align: center;
    font-size:1.5rem;
    margin-bottom: 0;
  }
}


@media(min-width:767px){
.wd75{width:75%;}
.pcfs30{font-size:30px;}
}


/*--------------------------------
CD販売
--------------------------------*/

.cdimg{
justify-content:center;
align-items: flex-start;
}