/* kashihara */
@charset "utf-8";
html{
	font-size:16px;
}
body {
	background-color: #ffffff;
    width: 1000px;
    margin: 0 auto;
    min-height: 100vh;
    /*<! border: 2px solid red; /* 外枠のスタイルを指定 *//*>*/
    /*border: 2px solid red; /* 外枠のスタイルを指定 */
    display: grid;

    grid-template:
    "... ...... ...... ...... ...... ...... ...... ..." 20px
    "... oyana  oyana  oyana  oyana  oyana  updat  ..." 40px
    "... ...... ...... ...... ...... ...... ...... ..."  2px
    "... hosna  hosna  hosna  hosna  hosna  photo  ..." 60px
    "... ...... ...... ...... ...... ...... photo  ..."  2px
    "... messa  messa  messa  messa  messa  photo  ..."240px
    "... ...... ...... ...... ...... ...... photo  ..."  2px
    "... tempo  tempo  ...... event  event  photo  ..."140px
    "... ...... ...... ...... ...... ...... photo  ..."  2px
    "... footer footer ...... ...... ...... ...... ..."100px
    "... ...... ...... ...... ...... ...... ...... ..."  2px /
     auto 120px 2px 100px 2px 540px 220px auto;
	}
 
/* 親病院名 */
	oyaname {
    	grid-area: oyana;
    	background-color: rgba(0, 0, 0, 0); 
    	font-size: 1.8rem;
		font-weight: bold;
		color: #000080;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
		padding-left: 20PX;
	}

/* 更新日 */
	update {
    	grid-area: updat;
    	/* background-color: #ffff80; */
    	font-size: 1.0rem;
		font-weight: bold;
		color:#8b0000;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
	}

/* 病院名—ロゴ */
	hosname {
    	grid-area: hosna;
    	/* background-color: #ffff99; */
    	font-size: 1.0rem;
		font-weight: bold;
		color: #000000;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
		padding-left: 20PX;
	}

/* 案　内 */
	nav {
    	grid-area: messa;
    	/* background-color: #ffcc33; */
		line-height: 10px; 
		margin-top: 0x;
		margin-bottom:0px;
    	font-size: 1.2rem;
		font-weight: bold;
		color:#000000;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
		padding-left: 20PX;
	}

	/* 臨　時 */
	temporary {
    	grid-area: tempo;
    	/* background-color: #ee00ee; */
    	line-height: 10px; 
		margin-top: 0px; 
		margin-bottom:0px;
    	font-size: normal;
    	font-size: 1.8rem;
    	font-weight: bold;
		color:#ff0000;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
	}

	/* イベント臨　時 */
	event {
    	grid-area: event;
    	line-height: 10px; 
		margin-top: 0px; 
		margin-bottom:0px;
    	font-size: 1.2rem;
    	font-weight: bold;
		color:#000000;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
	}
	
	.event-name {
		color: red; /* テキストの色を赤に設定 */
		font-weight: bold; /* 太字に設定 */
		font-size: 1.5rem; /* フォントサイズを設定 */
		text-decoration: underline; /* 下線を追加 */
		text-decoration-color: black; /* 下線の色を黒に設定 */
		text-decoration-thickness: 3px; /* 下線を少し太く設定 */
	}
	#event-section {
/*		border-top: 1px dashed #000; /* 上部に破線を引く */
		text-align: left; /* 左詰めに設定 */
		padding: 0px; /* 内側の余白を追加 */
		margin: 0 auto; /* 必要に応じて中央揃えの余白を調整 */
		width: 100%; /* 表示範囲の幅を60%に設定（必要に応じて変更） */
	}
	   /* 病院・おもちゃ画像 */
   photo {
	   grid-area: photo;
	   /*<! background-color: #ffffe9;>*/
	   font-size: 1.2rem;
	   font-weight: bold;
	   color:#000000;
	   font-family: "HG丸ｺﾞｼｯｸM-PRO";
    }


/* ボタンロゴ */
	footer {
    	grid-area: footer;
    	background-color: rgba(0, 0, 0, 0); 
		padding-left: 20PX;
	}


@media screen and (max-width: 767px) {
	body {
		grid-template-rows:
			"oyaname" 20px
			"update "
			"hosname" 30px
			"nav    "120px
			"temporary" 70px
			"event  "
			"footer " 50px;
	}
}