@charset "UTF-8";
body{ color: #313131;
background-color:#fff;-webkit-touch-callout: none;
 
font-family:  'M PLUS 1p', sans-serif;}

.bg_r,
.bg_bk{ background-size:300px; background-repeat:repeat; width: 100%; }
.bg_r{background-image:url(img24/bg_red.jpg); padding-bottom: 50px;}
.bg_bk{background-image:url("img24/bg_bk.jpg"); }


@media print {
	#no_print{display:none;}
	#fp-wrap{ display:none;}
	}

/*img {pointer-events: none;}*/

img{ /* SPの長押し禁止 */
	    -webkit-touch-callout:none;
	    -webkit-user-select:none;
	    -moz-touch-callout:none;
	    -moz-user-select:none;
	    user-select:none;
	}

.date,
#main h1 p{ display:none;}

/* 

<link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700;800&family=M+PLUS+Rounded+1c:wght@300;400;500;700&family=Shippori+Mincho:wght@400;600;700&display=swap" rel="stylesheet"> */

.m-plus-1p-regular {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.m-plus-rounded-1c-regular {
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.fclear{clear:both;}
a img:hover{opacity: 0.8;}

.pc{}
.mp,
.sp,
.mw600{ display:none;}

.share{ display:none;}


#main{width:100%; max-width: 1300px; 
    margin: 0 auto;
    background: url("img24/2024_main_pc.jpg") no-repeat center center;
    background-size: contain;padding-top:45%;
}

#main h1{ display: none;}

	@media screen and (min-width: 1301px) {
#main{width: 1300px; height: 585px; padding-top: 0;}	
}

@media screen and (max-width: 1300px) {
#main{width:100%;}
	}

	@media screen and (max-width: 764px) {
	    #main{background: url("img24/2024_main_sp.jpg") no-repeat center center;
		background-size: contain;padding-top:56.8%; }
}

.main-content{ max-width: 1000px; margin: 0 auto; text-align: center; padding:0;}

@media screen and (max-width: 1040px){
.main-content{  width: 96%; margin: 0 auto;}
}

@media screen and (max-width: 991px){
.mp{display: inline;}
}

@media screen and (max-width: 768px){
.pc{ display:none;}
.sp{ display:inline;}
.share{ display:inline; position:fixed; left:2%; bottom:8%; z-index:99; width:80px; }

.main-content{  width: 93%; margin: 0 auto;}

}

@media screen and (max-width: 508px){

}


.top-tw{width:500px;height:700px; margin: 10% auto; padding:0px;}
.top-tw_sp{ display:none;}

#tw-area{ margin: 50px auto 0; width: 500px; padding-bottom: 50px;}



@media screen and (max-width: 900px){
 .top-tw{ display:none;}
 .top-tw_sp{width:90%; display:block; padding:0px; text-align:center; margin:100px auto; }
}



#menu{ width: 100%; max-width: 1000px; margin: 0 auto; text-align: center; padding:0;}

@media screen and (max-width: 1040px){
#menu{ width: 96%; }
}

.link-menu{background-color: #161616;color: #fff;position: relative; }
.link-menu a{color: #fff; }

.link-menu ul{ margin: 0 auto;width: 100%;}
.link-menu ul::after{ content: " "; display: block; clear: both;}

.link-menu ul hr{ border: none; border-bottom: 1px solid #fff; clear: both; width: 100%; display: none;}

.link-menu ul li{float: left; padding: 0px 0px; font-size: 25px;font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal; text-align: center; line-height: 32px; letter-spacing: 0.05em;}
.link-menu ul li p{margin: 0; font-size:30px;font-weight: 700; font-style: normal; }
.link-menu ul li span{display: inline-block;}
  
 .link-menu ul:first-child{border-bottom: 1px solid #fff;}

.link-menu ul:first-child li:nth-of-type(4),
.link-menu ul:last-child li:nth-of-type(5),
.link-menu ul:last-child li:nth-of-type(6){display: none;}


.link-menu ul:first-child li:nth-of-type(1),
.link-menu ul:first-child li:nth-of-type(3),
.link-menu ul:last-child li:nth-of-type(1),
.link-menu ul:last-child li:nth-of-type(4){ width: 28%;}

.link-menu ul:first-child li:nth-of-type(2){width: 43.2%;}
.link-menu ul:first-child li:nth-of-type(2) a{padding-top: 28px;font-size: 30px;display: inline-block;}

.link-menu ul:last-child li:nth-of-type(2),
.link-menu ul:last-child li:nth-of-type(3){width: 21.5%;}
.link-menu ul:last-child li:nth-of-type(2) a,
.link-menu ul:last-child li:nth-of-type(3) a{padding: 18px 0 17px;font-size: 30px; display: inline-block;}


.link-menu ul:first-child li:nth-of-type(1)
{ border-right:1px solid #fff; margin: 10px 0;}
.link-menu ul:first-child li:nth-of-type(3)
{ border-left:1px solid #fff; margin: 10px 0;}

.link-menu ul:last-child li:nth-of-type(1)
{ border-right:1px solid #fff; margin: 10px 0 15px;}

.link-menu ul:last-child li:nth-of-type(2)
{ border-right:1px solid #fff; margin: 10px 0 0;}
.link-menu ul:last-child li:nth-of-type(3)
{ margin-top: 10px;}
.link-menu ul:last-child li:nth-of-type(4)
{ border-left:1px solid #fff; margin: 10px 0 15px;}

/*タイムテーブル公開前*/
/*.link-menu ul:last-child li:nth-of-type(1),
.link-menu ul:last-child li:nth-of-type(4){height: 65px;padding-top: 5px; margin-bottom: 10px;}

/*.link-menu ul:last-child li:nth-of-type(1),
.link-menu ul:last-child li:nth-of-type(1) p
{font-size: 18px; color: #676767!important; line-height: 18px;}
.link-menu ul:last-child li:nth-of-type(1) span{color: #676767!important;}

.link-menu ul:last-child li:nth-of-type(4),
.link-menu ul:last-child li:nth-of-type(4) p
{font-size: 18px; color: #676767!important; line-height: 18px;}
.link-menu ul:last-child li:nth-of-type(4) span{color: #676767!important;}

.link-menu ul:last-child li:nth-of-type(1) p,
.link-menu ul:last-child li:nth-of-type(4) p{margin-top: 4px; text-align: center;}
/*タイムテーブル公開前*/


.link-menu ul li:first-child span{ color: #d12423; }
.link-menu ul:first-child li:nth-of-type(3) span,
.link-menu ul:last-child li:nth-of-type(4) span
{color: #1c9cd9;}

.link-menu ul li span:nth-of-type(1){ margin-left:7px;}
.link-menu ul li p span{margin-right:7px;}

.link-menu ul:first-child li:nth-of-type(1) a:hover,
.link-menu ul:last-child li:nth-of-type(1) a:hover
{color: rgba(209,36,35,0.5); }

.link-menu ul:first-child li:nth-of-type(2) a:hover,
.link-menu ul:first-child li:nth-of-type(4) a:hover,
.link-menu ul:last-child li:nth-of-type(2) a:hover,
.link-menu ul:last-child li:nth-of-type(3) a:hover,
.link-menu ul:last-child li:nth-of-type(5) a:hover,
.link-menu ul:last-child li:nth-of-type(6) a:hover
{color: #f3bd00; }

.link-menu ul:first-child li:nth-of-type(3) a:hover,
.link-menu ul:last-child li:nth-of-type(4) a:hover{color: rgba(35,200,219,0.5); }

@media screen and (max-width: 1240px){
}

@media screen and (max-width: 1100px){
}

@media screen and (max-width: 1050px){
}

@media screen and (max-width: 960px){
	}

@media screen and (max-width: 890px){
.link-menu ul li{ font-size: 22px;}
.link-menu ul li p,
.link-menu ul:first-child li:nth-of-type(2) a,
.link-menu ul:last-child li:nth-of-type(2) a,
.link-menu ul:last-child li:nth-of-type(3) a{font-size: 26px;}
}

@media screen and (max-width: 768px){
#menu{ width: 93%; }

.link-menu ul hr{ display: none; display: block;}

.link-menu ul li{ font-size: 18px;}
.link-menu ul li p,
.link-menu ul:first-child li:nth-of-type(2) a,
.link-menu ul:last-child li:nth-of-type(2) a,
.link-menu ul:last-child li:nth-of-type(3) a{font-size: 22px;}

.link-menu ul:first-child li:nth-of-type(2),
.link-menu ul:last-child li:nth-of-type(2),
.link-menu ul:last-child li:nth-of-type(3)
{display: none;}

.link-menu ul:first-child li:nth-of-type(1){ width: 49%; border-right: none; line-height: 120%;}
.link-menu ul:first-child li:nth-of-type(3){ width: 49%;line-height: 120%;}
.link-menu ul:last-child li:nth-of-type(1){ width: 49%;border-right: none;line-height: 120%;}
.link-menu ul:last-child li:nth-of-type(4){ width: 49%;line-height: 120%;}

.link-menu ul:first-child li:nth-of-type(4)
{display: inline-block; text-align: center; border-top:1px solid #fff; width: 100%; padding: 10px 0;font-size: 22px;}

.link-menu ul:last-child li:nth-of-type(5),
.link-menu ul:last-child li:nth-of-type(6)
{display: inline-block; text-align: center; width: 49%;padding: 5px 0;font-size: 22px; 
margin-bottom: 10px;}
.link-menu ul:last-child li:nth-of-type(5){ border-right: 1px solid #fff;}

/*タイムテーブル公開前*/
/*.link-menu ul:last-child li:nth-of-type(1),
.link-menu ul:last-child li:nth-of-type(4){ font-size: 15px; height: 50px;padding-top: 0px; margin-bottom: 10px; }*/

/*.link-menu ul:last-child li:nth-of-type(1)*/
.link-menu ul:last-child li:nth-of-type(1) p{font-size: 21.5px; margin: 2px 0 -5px -10px;}
/*.link-menu ul:last-child li:nth-of-type(4),*/
.link-menu ul:last-child li:nth-of-type(4) p{/*font-size: 15px;  line-height: 16px;*/font-size: 21.5px; margin: 2px 0 -5px -5px;}
/*
.link-menu ul:last-child li:nth-of-type(1) p,
.link-menu ul:last-child li:nth-of-type(4) p{ margin-top:3px;}*/

}


@media screen and (max-width: 600px){
.mw600{ display: inline-block;}
#tw-area{  width: 90%;}

/*
.link-menu{}
.link-menu ul li{text-align: center;font-size: 20px;}
.link-menu ul li:nth-of-type(1),
.link-menu ul li:nth-of-type(2){width: 150px;padding: 20px 10px 5px;}
.link-menu ul li:nth-of-type(3){ margin: 0 auto;}
.link-menu ul li:nth-of-type(4){width: 150px;}
.link-menu ul li:nth-of-type(5){width: 150px;}*/

}

@media screen and (max-width: 500px){
.link-menu{ }
}