/* 通常表示（PC） */
#hmain {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  text-align: center;
}

img, input[type="text"] {
  display: block;
  margin: 10px auto;
  max-width: 100%;
  height: auto;
}

p, h1, h2 {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

/* スマホ表示（768px以下） */
@media screen and (max-width: 768px) {
  #hmain, #hheader, #hbody, #hcover {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  #hsidebar, #hc_cover, #z_main {
    float: none;
    width: 100%;
  }

  img, iframe, input[type="text"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
  }

  hr {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    border: none;
    height: 1px;
    background-color: #f2f2f2;
  }

  /* テキストはスマホでも左寄せ維持 */
  p, h1, h2 {
    text-align: left;
    margin-left: 12px;
    margin-right: 12px;
  }
}

  #hmain {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  #hc_cover, #z_main {
    float: none;
    width: 100%;
  }

  img, input[type="text"] {
    display: block;
    margin: 10px auto;
    max-width: 100%;
    height: auto;
  }

  p, h1, h2 {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }



body#sty11 {
  width: 100%;
  color: #fafafa;
  background-color: #f5f5f5;
  font-family: 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', sans-serif;
}

#hbody {
  margin: 0 auto;
  font-size: 100%;
  position: relative;
  width: 768px;
}

#hheader {
  margin: 0 auto;
  width: 768px;
  height: 230px;
  background-color: #f5f5f5;
}


#hmain {
  margin: 0 auto;
  width: 100%;
  max-width: 768px;
  text-align: center;
}




#hclear {
  clear: both;
}



#bibnumber {
  width: 105px;
  padding: 10px;
  font-size: 60px;
  border: 3px solid #666;
  border-radius: 8px;
}

#hfooter {
  margin-top: 0;
  clear: both;
  font-size: 100%;
  font-family: Verdana, Geneva, Charcoal, sans-serif;
  background-color: #D7E9D0;
}

h1#sty11, h2#sty11 {
  color: #871E40;
  margin-left: 12px;
  font-size: 23px;
  line-height: 1.3;
    text-align: left; 
	  font-weight: bold;

}

h1#sty12, h2#sty12 {
  color: #226D6E;
  margin-left: 12px;
  font-size: 23px;
  font-family: Verdana, Geneva, Charcoal, sans-serif;
  line-height: 1.3;
    text-align: left;   
	font-weight: bold;

}

p#sty11, p#sty13 {
    color: #000000;
  margin-left: 25px;
  font-size: 17px;
  line-height: 1.3;
    text-align: left;   
	font-weight: bold;

}

p#sty12, p#sty14 {
	  color: #000000;
  margin-left: 25px;
  font-size: 17px;
  font-family: Verdana, Geneva, Charcoal, sans-serif;
  line-height: 1.3;
    text-align: left; 
	  font-weight: bold;

}

.haddress {
  text-align: center;
  color: #871E40;
  background-color: #f5f5f5;
  font-style: italic;
}