@charset "utf-8";

/* CSS Document */

* { margin:0; padding:0;} 
html { margin-bottom:0px; height:100%; overflow-y:scroll; }
body{padding:0px;margin:0px;outline:none;font-family: "Noto Sans JP", sans-serif !important;}
img {border:none;}


#pagebody{text-align:center;overflow:hidden;width:100%;
background:#fff;
}


#pagebody>header{max-width:1000px;margin:0 auto;width:100%;}
#pagebody>header img{width:100%;}

article{display:none;max-width:1000px;margin:0 auto;width:100%;}


article img{width:100%;}


section img{opacity:0;transition:4s;}
section.on img{opacity:1;}


[data-lang="ja"] article[lang="ja"]{display:block;}
[data-lang="en"] article[lang="en"]{display:block;}

nav{background:#fff;width:100%;}

nav ul{max-width:600px;width:60vw;margin:0 auto;padding:2vw 0;}
nav li{background:#c5b292;display:inline-block;width:50%;vertical-align:middle;
box-sizing:border-box;color:#242321;}
nav li a{display:block;font-size:2vw;color:inherit;padding:1vw;
text-decoration:none;}


nav li:nth-of-type(2n+1){border-radius:30px 0 0 30px;}
nav li:nth-of-type(2n){border-radius:0 30px 30px 0;}

[data-lang="ja"] li[lang="ja"],
[data-lang="en"] li[lang="en"]{background:#593b15;color:#fff;}




@media screen and (min-width: 1000px) {
nav li a{font-size:20px;padding:10px;}
}