/* HP-Main */
@charset "utf-8";
html{
	font-size:16px;
}
body {
	background-color: #ffffff;
    width: 1150px;
    margin: auto;
    min-height: 100vh;
    /* 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
        "... infor  infor  infor  infor  photo  ..." 80px /* お知らせ */
        "... ...... ...... ...... ...... 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"      350px
      "etchospital" 100px
      "syurinohint" 285px;
  }
}