/********************************************************  共通  ***/
body {
	padding: 0;  margin: 0;
	width: 100%; height: 100%;
}
.center .slick-next { right: 20px; z-index: 99; }
.center .slick-prev { left: 15px; z-index: 100; }
.subttl 	{	font: bold 18px "HG丸ｺﾞｼｯｸM-PRO";  margin: 0;   padding: 0; }
.dlgBtn		{	background: lightcyan;
				border: 1px solid blue;
				border-radius: 4px 4px 4px 4px;
				cursor: pointer;
				padding: 2px 5px;
}
#prArea		{ max-width: 230px;   margin: 0 10px; }
.mapBtn		{ font: bold 15px "HG丸ｺﾞｼｯｸM-PRO";  background: blue; color:white;  text-decoration: none;  text-align: center; }
.mapBtn:hover	{ background: lime; color:black; }
#full-screen-image {
   display: none;
   background: RGBA(0,0,0,.8) no-repeat center;
   background-image: url();
   background-size: contain;
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 10000;
   top: 0;
   left: 0;
   cursor: zoom-out;
}
#full-screen-image.isFullScreen { display: block; }
.kako td 	{	font: normal 13px "Meiryo UI"; }
table,td	{	font: normal 14px "Meiryo UI";
				line-height: 1.3em;
				border-collapse: collapse;
				border: solid 1px gray;
				vertical-align: top;
			}
#anaunce	{	background: lime;   border:5px outset greenyellow; }
.n1			{	font: bold   19px "HG丸ｺﾞｼｯｸM-PRO"; word-wrap: break-word; vertical-align:middle; }
.n2			{	font: normal 17px "HG丸ｺﾞｼｯｸM-PRO"; word-wrap: break-word; vertical-align:middle; }
.n3			{	font: normal 15px "HG丸ｺﾞｼｯｸM-PRO"; word-wrap: break-word; vertical-align:middle; }
.n4			{	font: normal 13px "HG丸ｺﾞｼｯｸM-PRO"; word-wrap: break-word; vertical-align:middle; }
.n5			{	font: normal 12px "HG丸ｺﾞｼｯｸM-PRO"; word-wrap: break-word; vertical-align:middle; }
.n6			{	font: normal 11px "HG丸ｺﾞｼｯｸM-PRO"; word-wrap: break-word; vertical-align:middle; }
.cMth		{	font-size:16px;  font-weight:bold;   vertical-align:middle; text-align:center; }
.cGt		{	font-size:16px;  vertical-align:middle; text-align:center;  background-color:lime; }
.cWt		{	font-size:16px;  vertical-align:middle; text-align:center;  background-color:orange; }
.cWk		{	font-size:16px;  vertical-align:middle; text-align:center;  background-color:yellow; }
.cTa		{	font-size:16px;  vertical-align:middle; text-align:center;  background-color:cyan; }
.cNo		{	font-size:14px;  vertical-align:middle; vertical-align:middle; text-align:center; }
.cMemo		{	font-size:15px;  vertical-align:middle; text-align:left;}
.sat		{	font-size:16px;  text-align:center;  color:blue; }
.hol		{	font-size:16px;  text-align:center;  color:red; }
.mon		{	font-size:16px;  text-align:center;  color:black; }
.w_d		{	width:85px; text-align:center; }
.naka		{	text-align:center; }
.owari		{	opacity: 0.7;  font-size: 0.7rem; }
.owari td	{	opacity: 0.7;  font-size: 0.7rem; }
.prText		{	font: normal 11px "HG丸ｺﾞｼｯｸM-PRO";  padding: 0 3px 0 5px; }
.prText2	{	font: bold 12.8px "HG丸ｺﾞｼｯｸM-PRO";  padding: 0 0 0 1px; }
.prImg		{	cursor: pointer;  margin: 2px auto;  width: 193px;  }
.popupNews	{	margin: 0 5px;  background: fuchsia;  color: white;  font: normal 17px "BIZ UDゴシック"; }
.popupNews:hover	{ background: green; }
#news		{	position: absolute;   top: 0px;  left: 0px;   margin: 5px 0 5px 0;
				color: gold;
				text-shadow: blue 1px 1px 0px, blue -1px 1px 0px, blue 1px -1px 0px, blue -1px -1px 0px;
			}
.news3		{	white-space: nowrap;
				animation: blinkAnimeS3 1.5s infinite alternate;
}
.news3 a	{	color: magenta; }
.flick		{	animation: blinkAnimeS3 0.5s infinite alternate; }
@keyframes blinkAnimeS3{
 0%  { font-weight : normal  }
 30%  { font-weight : normal  }
 100%{ font-weight: bold }
}
/********************************************************  ～ 768px  ***/
@media screen and (max-width: 767px) {
body	{ margin: 0;  padding: 0; font: normal 13px "Meiryo UI";   z-index:1;
			width: 100%;
			display: grid;
			grid-template:
				"news"   80px
				"anuns"  auto
				"schdl"  auto
				"newinf" auto
				"adv"    5fr/
				100%;
			justify-content: center;
			grid-gap: 5px;
			background: lightyellow;
		}
#news		{ grid-area: news;   justify-self: center; }
#prArea		{ grid-area: adv;     justify-self: center; }
#anaunce	{ grid-area: anuns; }
#yotei		{ grid-area: schdl;   justify-self: center; }
#newInfo	{ grid-area: newinf;  justify-self: center;   min-width: 350px; max-width: 500px; }
#telop img	{ width: auto; height: 0px; }
.news3		{ font: normal 1.0rem "HG創英角ﾎﾟｯﾌﾟ体";   margin-left: 20px; }
}
/********************************************************  768px ～   ***/
@media only screen and (min-width: 768px) {
body	{ margin: 0;  padding: 0; font: normal 13px "Meiryo UI";   z-index:1;
			width: 100%;
			display: grid;
			grid-template:
			"telop telop telop"   220px
			"adv   anuns anuns"   33px
			"adv   schdl newinf"  1fr/
			230px  1fr   2fr;
			justify-content: center;
			grid-column-gap: 0px;
			background: lightyellow;
		}
#telopArea	{ grid-area: telop;   background: #333; }
#prArea		{ grid-area: adv; }
#anaunce	{ grid-area: anuns; }
#yotei		{ grid-area: schdl;  justify-self: center; }
#newInfo	{ grid-area: newinf;  }
#telop img	{ width: auto; height: 220px; }
#news		{ z-index: 88; }
.news3		{ font: normal 30px "HG創英角ﾎﾟｯﾌﾟ体";   line-height: 35px;
			position: relative;  left: 30px;   top: 145px;				/* 4行：50px   3行：90px   2行：125px   1行：145px */
			}
}