@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
html,
html * {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	font-family: 'gooddog-new','sans-serif','Noto Sans JP';
}

.globalmenu{
}

.mainviewer {
}

.mainviewer img {
	width: 100%;
}

.mainlogo {
	position: absolute;
	max-width: 320px;
	max-height: 250px;
	color: #ffffff;
	font-size: 4vw;
	text-shadow: 5px 5px 10px #000;
    line-height: 8vw;
	left: 5px;
	top: 10px;
	margin: 0px;
	z-index: 1;
	padding-left: 8px;
}

.mainlogo h1 {
	width: 100%;
	height: auto;
	text-align: center;
}

.style-nav {
	position: relative;
	top: 5px;
	margin-left: auto;
	margin-right: auto;
}

.style-nav ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.style-nav ul li {
	display: table-cell;
	vertical-align: middle;
}

.style-nav ul li a {
    display: block;
	color: #FFAE00;
	text-decoration: none;
	text-align: center;
}
 
.style-nav ul li a:hover {
	background: #CCCCCC;
	color: #000000;
}

.style-nav p{
    font-size: 6vw;
}

.style-nav img {
	display: table-cell;
	max-width: 50%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.push {
	height: 50px;
}

.footer {
	height: 20px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


/*タブレット用*/
@media (min-width: 481px){

.style-nav p{
    font-size: 30px;
    }
}

/*PC用*/
@media (min-width: 1024px){
	
.globalmenu{
	position: relative;
	width: 950px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

/*ロゴ文字位置*/
.mainlogo {
	font-size: 35px;
	text-shadow:  5px 5px 10px #000;
    line-height: 80px;
	left: 10px;
	top: 25px;
	margin: 0px;
	z-index: 1;
}

.style-nav {
    position: relative;
    height: 82px;
    line-height: 60px;
    }

ul {
    padding-left: 0;
    float: left;
    margin-top: 15px;
}

li {
    margin-bottom: 10px;
}

.style-nav img {
    position: relative;
	max-width: 35%;
    float: left;
}

.style-nav p {
    font-size: 40px;        
}

}