body {
	position: relative;
	overflow: auto;
	-webkit-text-size-adjust: 100%;
	width: 100%;
	font: 1.6rem "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
}

/*  clearfix
____________________________________*/

.cf:after{  
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

/* header
_____________________________________________________*/

header {
	position: relative;
}
#top_logo {
	width: 40%;
	margin: 0 auto;
	padding: 9% 0 6%;
	text-align: center;
}
#top_logo img {
	width: auto;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
#top_menu {
	width: 22%;
	height: auto;
	position: absolute;
	top: 0;
	right: 3%;
}
#top_menu img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* gmanu
_____________________________________________________*/

.gmenu {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: all;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.gmenu p span {
	display: none;
}
.gmenu p {
	background: url(../img/a_close_btn.png) no-repeat center;
	background-size: contain;
	height: 100%;
}
.gmenu p.open {
	background: url(../img/a_open_btn.png) no-repeat center;
	background-size: contain;
}
.gmenu ul {
	position: fixed;
	transform: translateY(3000px);
	-webkit-transform: translateY(3000px);
	left: 0;
	width: 100%;
	padding: 0 0 50px;
	border-top: 10px solid #000;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling : touch;
}
.gmenu li {
	font-size: 1.4rem;
	background: url(../img/next_arrow.png) no-repeat 93% 57%,
				#EEE;
	background-size: 8% auto;
}
.gmenu li {
	font-size: 1.4rem;
	background: url(../img/next_arrow.png) no-repeat 93% 57%,
				#EEE;
	background-size: 8% auto;
}
.gmenu li:nth-child(even) {
	background: url(../img/next_arrow.png) no-repeat 93% 57%,
				#DDD;
	background-size: 8% auto;
}
.gmenu li:nth-child(n+9) {
	background: #EEE;
}
.gmenu li:nth-child(9),
.gmenu li:nth-child(11),
.gmenu li:nth-child(13) {
	background: #DDD;
}
.gmenu li:nth-child(n+9).language.on {
	background-image: url(../img/language_check.png);
	background-repeat: no-repeat;
	background-position: 93% 57%;
	background-size: 8% auto;
}
.gmenu li.go_top {
	padding: 7% 0 7% 20%;
	background: url(../img/open_menu_home.png) no-repeat 7% center,
				#FFF;
	background-size: 14% 46%;
}
.gmenu li.break {
	padding: 0;
}
.gmenu li > img {
	width: 100%;
	height: auto;
	padding: 0;
}
.gmenu li a {
	display: block;
	padding: 6% 0 6% 7%;
}
.common_menu {
	overflow: auto;
}

/* 背景動かさないようにする */
.sp_scroll {
	 overflow: scroll;
	 -webkit-overflow-scrolling: touch;
}
body.no_scroll  {
	overflow: hidden;
	pointer-events: none;
	position: fixed;
}


/* breadcrumb
_____________________________________________________*/

#breadcrumb {
	color: #FFF;
	background: #000;
	padding: 5.5% 0 5.5% 7%;
}
#breadcrumb p {
	font-size: 1.2rem;
}

/* footer
_____________________________________________________*/

#footer_menu {
}
#footer_menu li {
	background: url(../../common/img/next_arrow.png) no-repeat 93% 57%,
	            #EEE;
	background-size: 8% auto;
}
#footer_menu li:nth-child(even) {
	background: url(../../common/img/next_arrow.png) no-repeat 93% 57%,
	            #DDD;
	background-size: 8% auto;
}
#footer_menu li a {
	font-size: 1.4rem;
	padding: 6% 0 6% 5%;
	display: block;
}
#go_top {
	width: 100%;
	height: auto;
	margin-top: -5%;
}
#go_top img {
	width: 100%;
	height: auto;
}
#footer_info {
	color: #EDEDED;
	background: #000;
	padding: 9% 0 7%;
}
#footer_logo {
	margin: 0 auto;
	margin-bottom: 7%;
	text-align: center;
}
#footer_logo img {
	width: 40%;
	max-width: 100%;
	height: auto;
}
#copyright {
	font-size: 1.2rem;
	text-align: center;
}