@charset "UTF-8";
body{ color: #2f2f2f;
background-color:#fff;-webkit-touch-callout: none;
 background-image:url(img25s/bg.jpg);
 background-size:100%;
 background-position:center 700px;
 background-repeat:repeat-y;
font-family:  'M PLUS 1p', sans-serif;}

@media print {
	#no_print{display:none; width:640px;}
	#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;
}


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

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

.share{ display:none;}


#main-content{ width: 1240px; margin: 0 auto; text-align: center; background-color: #fff; padding: 30px 0;}

@media screen and (max-width: 1200px){
#main-content{  width: 95%; margin: 0 auto;}
}

@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: 90%; margin: 0 auto;}

}


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

#tw-area{ margin: 5% auto; width: 500px;}



#main{width:100%; max-width: 1920px; 
    margin: 0 auto;
    background: url("img25s/2025s_main_pc.jpg") no-repeat center center;
    background-size: contain;padding-top:31.25%;
}

#main h1{ display: none;}

	@media screen and (min-width: 1501px) {
	#main{padding-top: 30%;}

}

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

	@media screen and (max-width: 764px) {
	    #main{background: url("img25s/2025s_main.jpg") no-repeat center center;
		background-size: contain;padding-top:40%; }
}
		

@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%; display: inline-block; height: auto; margin: 0 0 -10px;}

.link-menu{background-color: #2f2f2f;color: #fff;position: relative; }
.link-menu a{color: #fff; }
.link-menu ul{ margin: 0 auto;width: fit-content;}
.link-menu::after{ content: " "; display: block; clear: both;}

.link-menu ul li{float: left; padding: 20px 25px; font-size: 30px;font-family: "Roboto", sans-serif;
  font-weight: 900;  font-style: normal;}
.link-menu ul li span{font-size: 20px; display: inline-block; margin-left: 5px; margin-bottom: 5px;}

.link-menu ul li:nth-of-type(1) a:hover{color: #fe85a5; }
.link-menu ul li:nth-of-type(2) a:hover{color: #35f3b1; }
.link-menu ul li:nth-of-type(3) a:hover{color: #00a4ed; }
.link-menu ul li:nth-of-type(4) a:hover{color: #ab65f4; }
.link-menu ul li:nth-of-type(5) a:hover{color: #f18833; }


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

@media screen and (max-width: 1100px){
.link-menu ul li{ padding: 20px 15px; font-size: /*25*/20px;}
.link-menu ul li span{font-size: /*20*/14px;}

}

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

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

@media screen and (max-width: 850px){
.link-menu ul li{ font-size: /*23*/20px;}
	}

@media screen and (max-width: 768px){
.link-menu{ width: 90%; margin: 0 auto;}
.link-menu ul{ margin: 0 auto; width: 100%;}
.link-menu ul li{text-align: center;font-size: 20px;border-bottom: 1px #FFF solid;}
.link-menu ul li span{font-size: 12px; }

/*.link-menu ul li:nth-of-type(1) span{margin-bottom: 0px; }*/

.link-menu ul li:nth-of-type(1),
.link-menu ul li:nth-of-type(2){width: 50%;padding: 10px 0px ;}

.link-menu ul li:nth-of-type(3){ clear: left; margin: 0 auto; width: 100%; padding: 10px 0;}
.link-menu ul li:nth-of-type(4){clear: left;width: 50%;padding: 10px 0 ;border-bottom: none;}
.link-menu ul li:nth-of-type(5){width: 50%;padding: 10px 0 ; border-bottom: none;}

	}


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

/*.link-menu ul li:nth-of-type(1){width: 60%;}
.link-menu ul li:nth-of-type(2){width: 40%;}*/


/*
.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{ }
}