@charset "utf-8";

/* body setting
-------------------------------------*/
html,body{
height: 100%;
color: #333;
}
body{
background: #f2f1f1;
font-size: 100%;
font-family: Meiryo,, "MS PGothic", sans-serif;
letter-spacing: 0.1em;
}
#wrap{
width: 100%;
}

/* article.article
-------------------------------------*/
article.article{
width: 80%;
margin: 0 auto 0;
}
article.article p{
margin-bottom: 1em;
}

/* footer pagetop
-------------------------------------*/
p#pagetop {
position: fixed;
bottom: 0px;
right: 5%;
font-size: 10px;
line-height: 1.3em;
font-family: 'Roboto', sans-serif;
font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
letter-spacing: 1.0px;
font-weight: normal;
}
p#pagetop a{
background: #D5D0C9;
text-decoration: none;
color: #333;
width: 65px;
text-align: center;
display: block;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
p#pagetop a:hover{
background: #633211;
color: #fff;
}