@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700|Lato:100,300,400,700,900);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html {
  position: relative;
}

body {
  position: relative;
overflow-x : hidden;
overflow-y : auto;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	  -webkit-text-size-adjust: 100%;
	color: #333;
	line-height: 1.7em;
  font-size: 14px;
}

.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

#page-top {
    position: fixed;
    bottom: 10px;
    right: 0px;
    font-size: 100%;
	z-index: 100;
}

#page-top a {
    text-decoration: none;
    color: #fff;
    width: 50px;
	height: 50px;
	padding-top: 13px;
	margin-right: 13px;
    text-align: center;
    display: block;
    border-radius: 50%;
    background-color: #333;
	box-sizing: border-box;
}
.sp {
        display: none;
 }

.center{
	text-align: center;
	font-size: 130%;
	letter-spacing: 0.1em;
}


@media screen and (max-width: 899px) {
	
body{
   width:100%;
   font-size:80%;	
}

main{
	overflow:hidden;
}

}


@media screen and (max-width: 559px) {
	
body{
   width:100%;
   font-size:70%;
}

.pc {
        display: none;
}
.sp {
        display: block;
}


}