@charset "UTF-8";

html,body {
	height: 100%;
  font-size: 100%;
  background-color: #050717;
}

html,button,input,select,textarea {
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#container {
  width: 100%;
  overflow: hidden;
}


img {
  display: block;
  width: 100%;
}
h1 img, h2 img {
	width: 100%;
}

.page-title {
  margin: 0;
  padding: 0;
}


/* ---------------------------------------------
	micro clearfix
--------------------------------------------- */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* ---------------------------------------------
	margin
--------------------------------------------- */

.mb05 { margin-bottom: 0.3125rem; }
.mb10 { margin-bottom: 0.625rem;  }
.mb15 { margin-bottom: 0.9375rem; }
.mb20 { margin-bottom: 1.25rem;   }

.mb10rem { margin-bottom: 1.0rem; }
.mb15rem { margin-bottom: 1.5rem; }
.mb20rem { margin-bottom: 2.0rem; }



/* =============================================================================
   header
============================================================================= */
#header {
  position: relative;
  padding: 1.25rem 0.5rem;
}
#header h1 {
	float: left;
	width: 15rem;
	margin: 0;
	padding: 0;
}
#header .control {
	float: right;
	margin-right: 0.3125rem;
}
#header .control a {
	display: block;
	width: 1.875rem;
	height: 1.375rem;
	overflow: hidden;
	background: url(../images/common/icon_menu.png) center center no-repeat;
	background-size: 100% auto;
	text-indent: -9999rem;
}
#header .control a.on {
	background: url(../images/common/icon_menu_close.png) center center no-repeat;
	background-size: 100% auto;
}


/* =============================================================================
   navigation
============================================================================= */
.menu {
  position: absolute;
  display: none;
  top: 3.75rem;
  left: 0;
  width: 100%;
}
.gNav {
}
.gNav ul li {
	border-top: 0.0625rem solid #293151;
}
.gNav ul li a {
	display: block;
	padding: 1rem 0.5rem;
	background-color: #0d1133;
}
.gNav ul li a.pamphlet,
.gNav ul li a.twitter,
.gNav ul li a.digest {
	background-color: #070a22;
}
.gNav ul li a.osaka {
	background-color: #181e40;
}



/* =============================================================================
   footer
============================================================================= */
#footer {
}
#footer nav {
	padding: 0.625rem 0 0.75rem;
	border-bottom: 0.0625rem solid #181e40;
	text-align: center;
}
#footer nav a {
	font-size: 0.75rem;
	line-height: 1.0;
	color: #fff;
	text-decoration: underline;
}
#footer #copyright {
	padding: 1.375rem 0 1.5rem;
	text-align: center;
}
#footer #copyright small {
	font-size: 0.75rem;
	line-height: 1.0;
	color: #fff;
}



/* =============================================================================
   Media Queries
============================================================================= */
@media screen and (min-width:640px) { /* Smartphone(portrait) */
  html {
    font-size: 200%;
  }
}