@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html {height:100%;}
body {font-family:'Lucida Grande', Meiryo, sans-serif;
margin:0; padding:0; text-align:center; background-image:url(../img/backgroundsmall.jpg); background-position:center top;
background-repeat:no-repeat; background-size:cover; height:100%; }

img {border-top-width:0; border-left-width:0; border-right-width:0; border-bottom-width:0;}

a:link { color : #111111;} a:active { color : #111111;} a:visited { color : #111111;} a:hover { color : #343434;}

.white {color:#FFF;}
.red {color:#F00;}
.yellow {color:#DD0;}

#container {width: 80%; height:100%; margin: 0 auto; padding:0 0 20px 0; border: 0px solid #FFF; text-align: left;}
.name {width:440px; height:50px; border:0px solid #F5C; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

h1 {margin:0px; padding:0px; font-size:30px; color:#FFF; font-family:'Poiret One', cursive; position:absolute; bottom:80px;}
h2 {margin:0px ; padding:0 0 0 2px; font-size:18px; color:#FFF; font-family:'Noto Sans Japanese', serif; position:absolute; bottom:50px;}
h3 {margin:0px; padding:0; font-size:48px; color:#FFF; font-family:'Poiret One', cursive; text-align:center;}

/* =Media queries
-------------------------------------------------------------- */

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

@media screen and (min-width: 992px) {
body {font-family:'Lucida Grande', Meiryo, sans-serif;
margin:0; padding:0; text-align:center; background-image:url(../img/background.jpg); background-position:center top;
background-repeat:no-repeat; background-size:cover;}
}