@charset "utf-8";

/*---------------------------------------------
　INDEX

　0.要素共通指定
	*body背景削除

　1.headerエリア
	*ロゴ
	*グローバルナビ

　2.キービジュアルエリア
	*PC
	*SP

　3.footerエリア
---------------------------------------------*/

/*---------------------------------------------
　0.要素共通指定
---------------------------------------------*/
/*body背景削除*/
.wrap{
	width: 100%;
	margin: 0 auto;
	min-width: 0;
}

/*---------------------------------------------
　1.headerエリア
---------------------------------------------*/
/*ロゴ*/
.top_header {
	height: auto;
	height: auto;
	width: auto;
	background-image: none;
	position: relative;
}
.top_logo {
	margin: 0;
	float: none;
	padding: 2.6% 1.5%;
	background-color: #fff;
	display: block;
	width: auto;
}
.top_logo a{
	width: 43%;
	display: inline-block;
	}
/*グローバルナビ*/
.top_gnav {
	background-image: none;
	background: #ffffff;
	margin-bottom: 0;
	text-align: left;
	z-index: 10;
	width: 100%;
	margin-top: 0;
}
.top_gnav li {
	display: block;
	float: none;
	text-align: left;
	background-image: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-top: #b7a891 2px solid;
	padding: 0 3% 0 3%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.top_gnav li a, .top_gnav li span {
	display: block;
	padding: 6.8% 3% 6.8% 14.5%;
	text-align: left;
	font-size: 32px;
	line-height: normal;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	font-size: 1.9em;
}
.top_gnav li a:hover {
	border-bottom: 0px;
}
@media only screen and (max-width: 410px) {
	.top_gnav li a, .top_gnav li span{
		font-size: 150%;
	}
}

li.gnav_persistence span.gnav_on,
li.gnav_persistence a,
li.gnav_persistence a:hover {
	background: url(/japonica/feature/common/img/sp/gnav_persistence_sp.png) center left no-repeat;
	background-size: 8.9%;
}
li.gnav_journals span.gnav_on,
li.gnav_journals a,
li.gnav_journals a:hover {
	background: url(/japonica/feature/common/img/sp/gnav_journals_sp.png) center left no-repeat;
	background-size: 8.9%;
}
li.gnav_out span {
	background-image: url(/japonica/feature/common/img/sp/gnav_comingSoon_sp.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 8.9%;
}
li.gnav_out span img {
	 height: auto;
	width: 59.2%;
}
/*---------------------------------------------
　2.キービジュアルエリア
---------------------------------------------*/

.backstretch{
	display: none;
}
#viewer{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 23em;
	text-align: left;
	overflow: hidden;
	position: relative;
	z-index: -1;
}
@media screen and (max-width: 615px) {
	#viewer{
		height: 20em;
	}
}
@media screen and (max-width: 520px) {
	#viewer{
		height: 18em;
	}
}
@media screen and (max-width: 500px) {
	#viewer{
		height: 21em;
	}
}
@media screen and (max-width: 435px) {
	#viewer{
		height: 19em;
	}
}
@media screen and (max-width: 395px) {
	#viewer{
		height: 17em;
	}
}
@media screen and (max-width: 355px) {
	#viewer{
		height: 16em;
	}
}
@media screen and (max-width: 335px) {
	#viewer{
		height: 15em;
	}
}
@media screen and (max-width: 315px) {
	#viewer{
		height: 13em;
	}
}
@media screen and (max-width: 270px) {
	#viewer{
		height: 12em;
	}
}
@media screen and (max-width: 250px) {
	#viewer{
		height: 11em;
	}
}
@media screen and (max-width: 240px) {
	#viewer{
		height: 10em;
	}
}
#viewer img {
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	position: absolute;
}

/*---------------------------------------------
　5.footerエリア
---------------------------------------------*/
.top_footer{
	position: relative;
	border-top: #b7a891 2px solid;
}
.top_footer p{
	width: auto;
	font-size: 1.2em;
	margin: 2% auto;
}
.top_footer p span{
	display: block;
}
@media only screen and (max-width: 410px) {
	.top_footer p{
		font-size: 1em;
	}
}