@charset "UTF-8";
/* CSS Document */


body {
  background-color:#fff;
  font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  background-color:#000;
}


.pc{display:none;}


#h-wrap{
  width:100%;
  background-image:url(../portal_images/common/header_bg_n_sp.jpg);
  background-position:left bottom;
}


header{
  margin:0 auto;
  padding:0;
  width:90%;
  position:relative;
}


h1#logo{
	padding-top:0.2em;
	width:15%;
	font-size:1em;
	
}

h1#logo img{
	width:100%;
}


h2#main-title{
  width:70%;
  position:absolute;
  top:60%;
  right:0;
  transform: translate(0,-50%);
  font-size:0;
  }

h2#main-title img{
	width:100%;
}


nav{
	width:100%;
	background-color:#000000;
}

#g-nav{
  margin:0 auto;
  width:96%;
  clear: both;
  position: relative;
  z-index: 20;
  font-size: 0;
}


#g-nav ul{
}

#g-nav ul li{
  width:50%;
  display:inline-block;
}

#g-nav ul li img{
  width:100%;
}

.othernavi{
  padding:5px 0;
  background-image:url(../portal_images/common/header_bg_n_sp.jpg);
  background-position:left bottom;
}

/*----tab---- */
#tab {
	display:none;
width: 46px;
height: 154px;
background: url(../portal_images/common/twitter.png) no-repeat;
position: fixed;
right: 0;
top: 78px;
/* 以下アニメーションの設定 */
-webkit-transition: width ease-in-out 0.3s;
-moz-transition: width ease-in-out 0.3s;
-ms-transition: width ease-in-out 0.3s;
-o-transition: width ease-in-out 0.3s;
transition: width ease-in-out 0.3s;
}

#tab a {
display: block;
width: 100%;
height: 100%;
}

#tab:hover {
width: 200px;
}



/* ----scrool---- */
#page-top {
	display:none;
}

#page-top a {
	display: block;
	text-decoration: none;
	padding-top: 79px;
	width: 142px;
	height: 0px;
	overflow: hidden;
	background:url(../portal_images/common/page_top.png) no-repeat 0 0;
}

#page-top a:hover {
	background-position: 0 -79px;
}

#sp-pagetop{
	height:100%;
	position:absolute;
	right:10px;
	top:0;
}

#sp-pagetop img{
	height:100%;
}

/* ----footer---- */

#contents-footer{
  padding:0 0 10px;
  margin-bottom:10px;
  width:100%;
  height:50px;
  background-color:#000;
  clear:both;
  position:relative;
}

.contents-copyright{
	position:absolute;
	bottom:10px;
	left:10px;
  color: #fff;
  font-family: verdana, sans-serif;
  font-size: .5em;
}



/*HTML 5 support */
header, section, footer, aside, nav, article, figure {
	display: block;
}


#dpn{display:none;}