/* ----------------
  header
----------------  */
header {
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 50px;
  background: #888;
  margin: 0;
  z-index: 99999;
  justify-content: center;
  align-items: center;
}
header h1{
  font: 30px bold;
  color: #eee;
  white-space: nowrap;
  font-family: "ZinHena-MK";
  text-align: center;
  margin: 10px 0 0 30px;
}
header p{
  font: 30px bold;
  color: #eee;
  white-space: nowrap;
  font-family: "Jiyucho";
	text-align: center;
  display: inline-block;
  margin: 10px 0 0 50px;
}
.share {
  height: 40px;
  margin: 7px 0;
}
#twitter {
  position: absolute;
  top: 0px;
  right: 140px;
}
#twitter:hover{
  opacity: 0.9;
}
#facebook {
  position: absolute;
  top: 0px;
  right: 70px;
}
#facebook:hover{
  opacity: 0.9;
}

#menu {
	display: none;
}

/* ----------------
	side
----------------  */
#side {
	position: absolute;
	width: 310px;
	top:100px;
	right: 0px;
	margin: 0;
	padding: 0 0 20px 0;
	background: #ddd;
	font-family: "ZinHena-MK";
  display: block;
}
.side_category {
	width: 100%;
	font: 20px bold;
	background: #133;
	color: #eee;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 5px 0;
}
#side li{
	font: 16px bold;
	color: #111;
	margin: 3px 0;
}
#side .side_room{
	width: 100%;
	margin: 0 0 5px 0;
}

.news {
	width: 90%;
	margin: 10px 5%;
}
.news p{
	width: 100%;
	font: 16px bold;
	text-align: center;
	margin: 2px 0;
	color: #111;
	background: yellow;
	border-radius: 5px;
}
.news span{
	font: 14px bold;
	text-align: left;
	color: #111;
}

/* ----------------
  footer
----------------  */
footer {
  width: 100%;
  background: #333;
  margin: 0;
}
footer p {
  font: 20px bold;
  color: #eee;
  padding: 10px 0;
  margin: 0 0 0 50px;
}

/* ----------------
 etc
----------------  */
#page_top {
	position: fixed;
	bottom:60px;
	right: 50px;
	font: 40px;
	background: #133;
	border-radius: 10px;
	padding: 10px 20px;
	color: #eee;
	opacity: 0.8;
}
#page_top:hover {
	background: #133;
	opacity: 1;
}


/* ----------------
 ad
----------------  */
.ad_pc {
	display: block;
}
.ad_phone {
	display: none;
}
.ad_top {
	width: 90%;
	margin: 50px 0 50px 5%;
	text-align: center;
}
.ad_main {
  display: none;
}
.ad_side {
  width: 100%;
	margin: 0 0 10px 0;
	text-align: center;
}
.ad_bottom {
	width: 90%;
	margin: 30px 0 30px 5%;
	text-align: center;
}