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

    grid-template:
        "... ...... ...... ...... ...... ...... ..." 20px
        "... oyana  oyana  oyana  oyana  updat  ..." 20px
        "... ...... ...... ...... ...... ...... ..."  2px
        "... appea  appea  appea  appea  photo  ..."200px
        "... ...... ...... ...... ...... photo  ..."  2px
        "... navi   navi   navi   navi   photo  ..." 40px
        "... ...... ...... ...... ...... photo  ..."  2px
         "... tomap  tomap  tomap  tomap  photo  ..." 40px
        "... ...... ...... ...... ...... photo  ..."  2px
        "... hyou   hyou   hyou   hyou   photo  ..."640px
        "... ...... ...... ...... ...... photo  ..."  2px
        "... plaph  plaph  polic  polic  photo  ..."700px
        "... ...... ...... ...... ...... photo  ..."  2px
        "... etchs  etchs  etchs  etchs  photo  ..."200px
        "... ...... ...... ...... ...... photo  ..."  2px
        "... toypho hinto  hinto  hinto  photo  ..."570px
        "... ...... ...... ...... ...... ...... ..." 2px
        / auto 210px 2px 520px 2px 400px auto;
	}
 
/* 親病院名 */
	oyaname {
    	grid-area: oyana;
    	background-color: rgba(0, 0, 0, 0); 
    	font-size: 2.2rem;
		font-weight: bold;
		color: #000080;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
		padding-left: 20PX;
	}

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

/* アピール—ロゴ */
	appeal {
    	grid-area: appea;
    	/* background-color: #ffff99; */
    	font-size: 1.0rem;
		font-weight: bold;
		color: #000000;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
		padding-left: 20PX;
	}

/* メールで */
	navigation {
    	grid-area: navi;
    	/* background-color: #ffcc33; */
/*		line-height: 10px; */
		margin-top: 0x;
		margin-bottom:0px;
    	font-size: 1.4rem;
		font-weight: bold;
		color:#000000;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
		padding-left: 20PX;
	}

/* お知らせ */
	information {
    	grid-area: infor;
    	/* background-color: #eeee00; */
    	line-height: 10px;
		margin-top: 0px;
		margin-bottom:0px;
    	font-size: 1.2rem;
    	font-weight: bold;
		color:#000000;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
	}

/* 地図から */
	tomap {
    	grid-area: tomap;
    	/* 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;
	}

/* 病院一覧表 */
	hyou {
    	grid-area: hyou;
    	/* background-color: #ff0019; */
    	line-height: 10px;
		margin-top: 0px;
		margin-bottom:0px;
    	font-size: 1.4rem;
    	font-weight: bold;
		color:#000000;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
	}

/* 病院画像 */
	placephoto {
		grid-area: plaph;
		/* background-color: #00ffff; */
    	font-size: 1.2rem;
		font-weight: bold;
		color:#000000;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
	}

/* ポリシー */
	policy {
    	grid-area: polic;
    	/* background-color: #bbbbcc; */
		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;
	}

/* 他の病院 */
	etchospital {
    	grid-area: 	etchs;
    	/* background-color: #0000ff; */
		line-height: 10px; 
		margin-top: 0x;
		margin-bottom:0px;
    	font-size: 1.2rem;
		font-weight: bold;
		color:#0000aa;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
		padding-left: 20PX;
	}

/* おもちゃ画像 */
	toyphoto {
		grid-area: toypho;
		/* background-color: #ffe9e9; */
		font-size: 1.2rem;
		font-weight: bold;
		color:#000000;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
	}

/* 修理のヒントへ */
	syurinohint {
		grid-area: hinto;
		/* background-color: #ffcc33; */
		line-height: 10px; 
		margin-top: 0x;
		margin-bottom:0px;
		font-size: 1.4rem;
		font-weight: bold;
		color:#000000;
		font-family: "HG丸ｺﾞｼｯｸM-PRO";
		padding-left: 20PX;
}

/* 病院・おもちゃ画像 */
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: #ffffe9; */
	font-size: 1.2rem;
	font-weight: bold;
	color:#000000;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
}

@media screen and (max-width: 767px) {
  body {
    grid-template-rows: 
      auto
      "oyaname" 10px
      "appeal" 100px
      "navigation" 20px
      "information" 50px
      "tomap" 20px
      "hyou" 320px
      "policy" 340px
      "etchospital" 100px
      "syurinohint" 285px;
  }
}