@charset "UTF-8";
/* CSS Document */
body{
	max-width: 1000px;
	margin: 0 auto;
	font-family: source-han-sans-japanese;
	font-weight:200;
	font-style: normal;
}

#header{width: 90%;
		margin-top: 2em;}

#logo{padding:0 3em;
	height: 130px;
	position: relative;
	}

#logosvg{max-width: 240px;
	max-height: 80px;
	position: absolute;
	bottom:1em;
	display: block;
	margin:0 auto;
	fill:rgba(12,118,152,1.00); 
	}

#navi{height:130px;
	position: relative;
	padding:0;}

#contents a{color: #2B2626;
	display: table-cell;
	font-family:Coquette;
	font-weight: 400;
	font-size: 1.2em;}

#contents a:hover{color:#D1924C;
				text-transform:capitalize;
				text-decoration: none;
				}

#contents{position: absolute;
	bottom: 1em;
	display: table;
	table-layout: fixed;
	width:100%;
	text-align: center;	
}

#snsicons{padding:2em;
			text-align: right;	}
#snsicons img{margin:0 0.2em;}

#main{width: 90%;}

#page-top {
    position: fixed;
    bottom: 10px;
    right: 20px;
    font-size: 1em;
}
#page-top a {
    background: rgba(240,170,0,0.65);
    color: #fff;
    width: 60px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	font-family: Coquette;
}
#page-top a:hover {
    background: rgba(240,170,0,0.85);
	text-decoration: none;	
}


h1{font-family: Coquette;
	font-size:1.2em;
	border-bottom:solid thin rgba(0,0,0,1.00);
	max-width: 160px;}




footer{font-size: 0.6em;
	font-family:source-han-sans-japanese ;
	text-align: center;
	margin: 3em 0 3em;
}

#topphoto{padding:1.5em 0 1em;
		margin-bottom: 4em;
		width: 90%;}



@media (max-width:767px){
	#logo{padding: 2em 2em;
	height:auto;
	position: static;
	margin: 0 auto;}
	#logosvg{position: static;
		max-width: 200px;
	}
	#snsicons{padding: 1em 1em 0 0 ;}
	#snsicons img{height:25px;}
	#navi{height: auto;
		position:inherit;
		}
	#navi a{margin: 1.5em 0.5em;
		}
	
	#contents{position: inherit;
		max-width:320px;
		margin: 0 auto;
		}
	
}