html, body { margin: 0; padding: 0; height: 100%; }
html { font-size: 62.5%; }

body, div, p, table, h1 {
font-family:"A1 Mincho", "Yu Mincho", "Hiragino Mincho ProN", "serif" ;
font-weight: 300 ;
-webkit-font-smoothing: antialiased; 
overflow-x: hidden;
-moz-font-feature-settings: 'palt' 1; 
-webkit-font-feature-settings: 'palt' 1; 
font-feature-settings: 'palt' 1; 
letter-spacing: .05em;
}

body { margin: 0; padding: 0; font-size:1.75rem; line-height:1.25; text-align: left; }

a { text-decoration: none; color: #000 }
img { max-width: 100%; }
p { margin: 0; padding: 0 0 5px 0; }

h1 { font-size:1.6rem; line-height:2.2rem; padding: 0 0 50px 15px }
footer { font-size:1.2rem; line-height:2.2rem; padding: 0 0 50px 15px }
.sns { text-align: center; font-size: 2em; padding-bottom: 50px }
.credit { font-size:.8rem; line-height:2.2rem; padding: 50px 0 50px 0 }

@media screen and (min-width: 1201px) { 

.h1box { width: 60%; margin: 100px auto 50px; max-width: 300px; }
footer { width: 60%; margin: 0 auto; max-width: 300px; }

}

@media screen and (max-width: 1200px) { 

.h1box { width: 60%; margin: 50px auto 50px; max-width: 200px; }
footer { width: 60%; margin: 0 auto; max-width: 200px; }


}

@media screen and (max-width: 641px) { 



}

@media screen and (min-width: 1201px) { 




}