@charset "UTF-8";
section {
  padding-top: 2em;
}
@media (min-width: 641px) {
  body.greeting section {
    padding-top: 1em;
    margin-bottom: -2em;
  }
}

section > h2 {
  position: absolute;
  left: 50%;
  top: 0;
}
@media (max-width: 640px) {
  section > h2 {
    transform: translate(-50%, -50%) scale(0.8);
  }
}
@media (min-width: 641px) {
  section > h2 {
    transform: translate(-50%, -50%);
  }
}
body.country section > h2 img[src*=america1] {
  width: 34.4em;
}
body.country section > h2 img[src*=america2] {
  width: 24em;
}
body.country section > h2 img[src*=america3] {
  width: 20em;
}
body.country section > h2 img[src*=america4] {
  width: 16.9em;
}
body.country section > h2 img[src*=america6] {
  width: 24.8em;
}
body.country section > h2 img[src*=greeting_america] {
  width: 16.9em;
}
body.country section > h2 img[src*=recipe_america] {
  width: 26.7em;
}
body.country section > h2 img[src*=brazil1] {
  width: 34.6em;
}
body.country section > h2 img[src*=brazil2] {
  width: 22.1em;
}
body.country section > h2 img[src*=brazil3] {
  width: 22.7em;
}
body.country section > h2 img[src*=brazil4] {
  width: 17.3em;
}
body.country section > h2 img[src*=brazil5] {
  width: 23.7em;
}
body.country section > h2 img[src*=brazil6] {
  width: 26.7em;
}
body.country section > h2 img[src*=brazil7] {
  width: 24em;
}
body.country section > h2 img[src*=greeting_brazil] {
  width: 17.2em;
}
body.country section > h2 img[src*=recipe_brazil] {
  width: 27em;
}
body.country section > h2 img[src*=bulgaria1] {
  width: 36em;
}
body.country section > h2 img[src*=bulgaria2] {
  width: 23.8em;
}
body.country section > h2 img[src*=bulgaria3] {
  width: 22.8em;
}
body.country section > h2 img[src*=bulgaria4] {
  width: 18.5em;
}
body.country section > h2 img[src*=bulgaria5] {
  width: 24.6em;
}
body.country section > h2 img[src*=bulgaria6] {
  width: 25.5em;
}
body.country section > h2 img[src*=bulgaria7] {
  width: 25.4em;
}
body.country section > h2 img[src*=greeting_bulgaria] {
  width: 18.6em;
}
body.country section > h2 img[src*=recipe_bulgaria] {
  width: 28.6em;
}
body.country section > h2 img[src*=china1] {
  width: 31.9em;
}
body.country section > h2 img[src*=china2] {
  width: 20.5em;
}
body.country section > h2 img[src*=china3] {
  width: 17.8em;
}
body.country section > h2 img[src*=china4] {
  width: 13.9em;
}
body.country section > h2 img[src*=china5] {
  width: 19.2em;
}
body.country section > h2 img[src*=china6] {
  width: 21.6em;
}
body.country section > h2 img[src*=greeting_china] {
  width: 14.2em;
}
body.country section > h2 img[src*=recipe_china] {
  width: 23.6em;
}
body.country section > h2 img[src*=finland1] {
  width: 38.3em;
}
body.country section > h2 img[src*=finland2] {
  width: 26.2em;
}
body.country section > h2 img[src*=finland3] {
  width: 23.5em;
}
body.country section > h2 img[src*=finland4] {
  width: 19.5em;
}
body.country section > h2 img[src*=finland5] {
  width: 24.2em;
}
body.country section > h2 img[src*=finland6] {
  width: 28.3em;
}
body.country section > h2 img[src*=finland7] {
  width: 26.5em;
}
body.country section > h2 img[src*=greeting_finland] {
  width: 19.8em;
}
body.country section > h2 img[src*=recipe_finland] {
  width: 29.9em;
}
body.country section > h2 img[src*=france1] {
  width: 35.3em;
}
body.country section > h2 img[src*=france2] {
  width: 24.6em;
}
body.country section > h2 img[src*=france3] {
  width: 22.4em;
}
body.country section > h2 img[src*=france4] {
  width: 16.7em;
}
body.country section > h2 img[src*=france5] {
  width: 21.3em;
}
body.country section > h2 img[src*=france6] {
  width: 25.3em;
}
body.country section > h2 img[src*=france7] {
  width: 23.8em;
}
body.country section > h2 img[src*=greeting_france] {
  width: 17em;
}
body.country section > h2 img[src*=recipe_france] {
  width: 26.8em;
}
body.country section > h2 img[src*=ghana1] {
  width: 32.9em;
}
body.country section > h2 img[src*=ghana2] {
  width: 20.9em;
}
body.country section > h2 img[src*=ghana3] {
  width: 19.2em;
}
body.country section > h2 img[src*=ghana4] {
  width: 15.4em;
}
body.country section > h2 img[src*=ghana5] {
  width: 20.2em;
}
body.country section > h2 img[src*=ghana6] {
  width: 23.5em;
}
body.country section > h2 img[src*=ghana7] {
  width: 22.5em;
}
body.country section > h2 img[src*=greeting_ghana] {
  width: 15.8em;
}
body.country section > h2 img[src*=recipe_ghana] {
  width: 25.3em;
}
body.country section > h2 img[src*=greece1] {
  width: 34.8em;
}
body.country section > h2 img[src*=greece2] {
  width: 23.4em;
}
body.country section > h2 img[src*=greece3] {
  width: 22.1em;
}
body.country section > h2 img[src*=greece4] {
  width: 16.7em;
}
body.country section > h2 img[src*=greece5] {
  width: 22.2em;
}
body.country section > h2 img[src*=greece6] {
  width: 25.2em;
}
body.country section > h2 img[src*=greece7] {
  width: 23.7em;
}
body.country section > h2 img[src*=greeting_greece] {
  width: 17em;
}
body.country section > h2 img[src*=recipe_greece] {
  width: 26.8em;
}
body.country section > h2 img[src*=hungary1] {
  width: 36em;
}
body.country section > h2 img[src*=hungary2] {
  width: 25.9em;
}
body.country section > h2 img[src*=hungary3] {
  width: 25.5em;
}
body.country section > h2 img[src*=hungary4] {
  width: 18.3em;
}
body.country section > h2 img[src*=hungary5] {
  width: 23.4em;
}
body.country section > h2 img[src*=hungary6] {
  width: 26.9em;
}
body.country section > h2 img[src*=hungary7] {
  width: 25.3em;
}
body.country section > h2 img[src*=greeting_hungary] {
  width: 18.6em;
}
body.country section > h2 img[src*=recipe_hungary] {
  width: 28.5em;
}
body.country section > h2 img[src*=india1] {
  width: 33.4em;
}
body.country section > h2 img[src*=india2] {
  width: 22.1em;
}
body.country section > h2 img[src*=india3] {
  width: 20.1em;
}
body.country section > h2 img[src*=india4] {
  width: 15em;
}
body.country section > h2 img[src*=india5] {
  width: 19.3em;
}
body.country section > h2 img[src*=india6] {
  width: 24.3em;
}
body.country section > h2 img[src*=india7] {
  width: 22.1em;
}
body.country section > h2 img[src*=greeting_india] {
  width: 15.3em;
}
body.country section > h2 img[src*=recipe_india] {
  width: 24.9em;
}
body.country section > h2 img[src*=indonesia1] {
  width: 38.8em;
}
body.country section > h2 img[src*=indonesia2] {
  width: 26em;
}
body.country section > h2 img[src*=indonesia3] {
  width: 24.6em;
}
body.country section > h2 img[src*=indonesia4] {
  width: 19.6em;
}
body.country section > h2 img[src*=indonesia5] {
  width: 25.8em;
}
body.country section > h2 img[src*=indonesia6] {
  width: 28.2em;
}
body.country section > h2 img[src*=indonesia7] {
  width: 26.6em;
}
body.country section > h2 img[src*=greeting_indonesia] {
  width: 19.9em;
}
body.country section > h2 img[src*=recipe_indonesia] {
  width: 30em;
}
body.country section > h2 img[src*=italia1] {
  width: 35.3em;
}
body.country section > h2 img[src*=italia2] {
  width: 22.8em;
}
body.country section > h2 img[src*=italia3] {
  width: 20.8em;
}
body.country section > h2 img[src*=italia4] {
  width: 16.7em;
}
body.country section > h2 img[src*=italia5] {
  width: 23em;
}
body.country section > h2 img[src*=italia6] {
  width: 24.4em;
}
body.country section > h2 img[src*=italia7] {
  width: 23.8em;
}
body.country section > h2 img[src*=greeting_italia] {
  width: 17em;
}
body.country section > h2 img[src*=recipe_italia] {
  width: 26.8em;
}
body.country section > h2 img[src*=korea1] {
  width: 33.4em;
}
body.country section > h2 img[src*=korea2] {
  width: 21.3em;
}
body.country section > h2 img[src*=korea3] {
  width: 20.7em;
}
body.country section > h2 img[src*=korea4] {
  width: 13.9em;
}
body.country section > h2 img[src*=korea5] {
  width: 18.1em;
}
body.country section > h2 img[src*=korea6] {
  width: 21.4em;
}
body.country section > h2 img[src*=korea7] {
  width: 21em;
}
body.country section > h2 img[src*=greeting_korea] {
  width: 14.3em;
}
body.country section > h2 img[src*=recipe_korea] {
  width: 23.7em;
}
body.country section > h2 img[src*=mexico1] {
  width: 34.6em;
}
body.country section > h2 img[src*=mexico2] {
  width: 22.6em;
}
body.country section > h2 img[src*=mexico3] {
  width: 20.8em;
}
body.country section > h2 img[src*=mexico4] {
  width: 16.7em;
}
body.country section > h2 img[src*=mexico5] {
  width: 21.6em;
}
body.country section > h2 img[src*=mexico6] {
  width: 24em;
}
body.country section > h2 img[src*=mexico7] {
  width: 23.7em;
}
body.country section > h2 img[src*=greeting_mexico] {
  width: 17em;
}
body.country section > h2 img[src*=recipe_mexico] {
  width: 26.8em;
}
body.country section > h2 img[src*=netherlands1] {
  width: 35.9em;
}
body.country section > h2 img[src*=netherlands2] {
  width: 23.6em;
}
body.country section > h2 img[src*=netherlands3] {
  width: 21.4em;
}
body.country section > h2 img[src*=netherlands4] {
  width: 16.8em;
}
body.country section > h2 img[src*=netherlands5] {
  width: 22.6em;
}
body.country section > h2 img[src*=netherlands6] {
  width: 25.5em;
}
body.country section > h2 img[src*=netherlands7] {
  width: 23.9em;
}
body.country section > h2 img[src*=greeting_netherlands] {
  width: 17.1em;
}
body.country section > h2 img[src*=recipe_netherlands] {
  width: 26.9em;
}
body.country section > h2 img[src*=newzealand1] {
  width: 40em;
}
body.country section > h2 img[src*=newzealand2] {
  width: 28em;
}
body.country section > h2 img[src*=newzealand3] {
  width: 26.9em;
}
body.country section > h2 img[src*=newzealand4] {
  width: 22.8em;
}
body.country section > h2 img[src*=newzealand5] {
  width: 28.3em;
}
body.country section > h2 img[src*=newzealand6] {
  width: 31.1em;
}
body.country section > h2 img[src*=newzealand7] {
  width: 29.9em;
}
body.country section > h2 img[src*=greeting_newzealand] {
  width: 23.1em;
}
body.country section > h2 img[src*=recipe_newzealand] {
  width: 33.7em;
}
body.country section > h2 img[src*=peru1] {
  width: 33.6em;
}
body.country section > h2 img[src*=peru2] {
  width: 21em;
}
body.country section > h2 img[src*=peru3] {
  width: 18.8em;
}
body.country section > h2 img[src*=peru4] {
  width: 15.4em;
}
body.country section > h2 img[src*=peru5] {
  width: 20.3em;
}
body.country section > h2 img[src*=peru6] {
  width: 24.1em;
}
body.country section > h2 img[src*=greeting_peru] {
  width: 15.7em;
}
body.country section > h2 img[src*=recipe_peru] {
  width: 25.3em;
}
body.country section > h2 img[src*=russia1] {
  width: 33em;
}
body.country section > h2 img[src*=russia2] {
  width: 23.6em;
}
body.country section > h2 img[src*=russia3] {
  width: 20em;
}
body.country section > h2 img[src*=russia4] {
  width: 15.3em;
}
body.country section > h2 img[src*=russia5] {
  width: 20.8em;
}
body.country section > h2 img[src*=russia6] {
  width: 22.8em;
}
body.country section > h2 img[src*=russia7] {
  width: 22.3em;
}
body.country section > h2 img[src*=greeting_russia] {
  width: 15.6em;
}
body.country section > h2 img[src*=recipe_russia] {
  width: 25.2em;
}
body.country section > h2 img[src*=singapore1] {
  width: 37.8em;
}
body.country section > h2 img[src*=singapore2] {
  width: 27.2em;
}
body.country section > h2 img[src*=singapore3] {
  width: 24.9em;
}
body.country section > h2 img[src*=singapore4] {
  width: 19.9em;
}
body.country section > h2 img[src*=singapore5] {
  width: 26.6em;
}
body.country section > h2 img[src*=singapore6] {
  width: 27.7em;
}
body.country section > h2 img[src*=singapore7] {
  width: 26.9em;
}
body.country section > h2 img[src*=greeting_singapore] {
  width: 20.2em;
}
body.country section > h2 img[src*=recipe_singapore] {
  width: 30.3em;
}
body.country section > h2 img[src*=spain1] {
  width: 35.7em;
}
body.country section > h2 img[src*=spain2] {
  width: 24.2em;
}
body.country section > h2 img[src*=spain3] {
  width: 21.2em;
}
body.country section > h2 img[src*=spain4] {
  width: 16.6em;
}
body.country section > h2 img[src*=spain5] {
  width: 21.1em;
}
body.country section > h2 img[src*=spain6] {
  width: 23.6em;
}
body.country section > h2 img[src*=spain7] {
  width: 23.7em;
}
body.country section > h2 img[src*=greeting_spain] {
  width: 16.9em;
}
body.country section > h2 img[src*=recipe_spain] {
  width: 26.7em;
}
body.country section > h2 img[src*=thailand1] {
  width: 32.9em;
}
body.country section > h2 img[src*=thailand2] {
  width: 20.2em;
}
body.country section > h2 img[src*=thailand3] {
  width: 20.1em;
}
body.country section > h2 img[src*=thailand4] {
  width: 13.8em;
}
body.country section > h2 img[src*=thailand5] {
  width: 19.1em;
}
body.country section > h2 img[src*=thailand6] {
  width: 22.4em;
}
body.country section > h2 img[src*=thailand7] {
  width: 20.8em;
}
body.country section > h2 img[src*=greeting_thailand] {
  width: 14.1em;
}
body.country section > h2 img[src*=recipe_thailand] {
  width: 23.5em;
}
body.country section > h2 img[src*=turkey1] {
  width: 31.5em;
}
body.country section > h2 img[src*=turkey2] {
  width: 22.3em;
}
body.country section > h2 img[src*=turkey3] {
  width: 22.9em;
}
body.country section > h2 img[src*=turkey4] {
  width: 15.1em;
}
body.country section > h2 img[src*=turkey5] {
  width: 19.3em;
}
body.country section > h2 img[src*=turkey6] {
  width: 24.6em;
}
body.country section > h2 img[src*=turkey7] {
  width: 22.1em;
}
body.country section > h2 img[src*=greeting_turkey] {
  width: 15.4em;
}
body.country section > h2 img[src*=recipe_turkey] {
  width: 24.9em;
}
body.country section > h2 img[src*=uk1] {
  width: 35.2em;
}
body.country section > h2 img[src*=uk2] {
  width: 23.9em;
}
body.country section > h2 img[src*=uk3] {
  width: 22.8em;
}
body.country section > h2 img[src*=uk4] {
  width: 16.7em;
}
body.country section > h2 img[src*=uk5] {
  width: 21.5em;
}
body.country section > h2 img[src*=uk6] {
  width: 25.2em;
}
body.country section > h2 img[src*=uk7] {
  width: 23.7em;
}
body.country section > h2 img[src*=greeting_uk] {
  width: 17em;
}
body.country section > h2 img[src*=recipe_uk] {
  width: 26.8em;
}
body.country section > h2 img[src*=vietnam1] {
  width: 34.2em;
}
body.country section > h2 img[src*=vietnam2] {
  width: 22.3em;
}
body.country section > h2 img[src*=vietnam3] {
  width: 21.5em;
}
body.country section > h2 img[src*=vietnam4] {
  width: 16.7em;
}
body.country section > h2 img[src*=vietnam5] {
  width: 22.9em;
}
body.country section > h2 img[src*=vietnam6] {
  width: 27.1em;
}
body.country section > h2 img[src*=vietnam7] {
  width: 23.8em;
}
body.country section > h2 img[src*=greeting_vietnam] {
  width: 17em;
}
body.country section > h2 img[src*=recipe_vietnam] {
  width: 26.8em;
}
body.country section > h2 img[src*=belgium1] {
  width: 34.95em;
}
body.country section > h2 img[src*=belgium2] {
  width: 23.9em;
}
body.country section > h2 img[src*=belgium3] {
  width: 21.45em;
}
body.country section > h2 img[src*=belgium4] {
  width: 16.45em;
}
body.country section > h2 img[src*=belgium5] {
  width: 21.85em;
}
body.country section > h2 img[src*=belgium6] {
  width: 24.6em;
}
body.country section > h2 img[src*=belgium7] {
  width: 23.35em;
}
body.country section > h2 img[src*=recipe_belgium] {
  width: 26.5em;
}
body.country section > h2 img[src*=greeting_belgium] {
  width: 16.65em;
}
body.country section > h2 img[src*=canada1] {
  width: 31.95em;
}
body.country section > h2 img[src*=canada2] {
  width: 21.25em;
}
body.country section > h2 img[src*=canada3] {
  width: 18.6em;
}
body.country section > h2 img[src*=canada4] {
  width: 14.85em;
}
body.country section > h2 img[src*=canada6] {
  width: 23.8em;
}
body.country section > h2 img[src*=canada7] {
  width: 21.75em;
}
body.country section > h2 img[src*=recipe_canada] {
  width: 24.7em;
}
body.country section > h2 img[src*=greeting_canada] {
  width: 15.05em;
}

body.theme section > h2 img[src*=cuisine1] {
  width: 9.3em;
}
body.theme section > h2 img[src*=cuisine2] {
  width: 9em;
}
body.theme section > h2 img[src*=cuisine3] {
  width: 6.6em;
}
body.theme section > h2 img[src*=greeting1] {
  width: 31.1em;
}
body.theme section > h2 img[src*=schoollife1] {
  width: 10.5em;
}
body.theme section > h2 img[src*=schoollife2] {
  width: 5.6em;
}
body.theme section > h2 img[src*=schoollife3] {
  width: 13.3em;
}

@media (max-width: 640px) {
  body.newzealand section#recipe > h2 {
    width: 29em;
  }
}
@media (max-width: 640px) {
  section#culture > h2 {
    transform: translate(-50%, -50%) scale(0.65);
  }
}
@includd sp {
  body.indonesia section#culture > h2 {
    transform: translate(-50%, -50%) scale(0.6);
  }
}

@media (max-width: 640px) {
  body.greeting section#word3 > h2 {
    transform: translate(-50%, -25%) scale(0.75);
  }
}

section article p {
  text-align: left;
}
@media (max-width: 640px) {
  section article p {
    font-size: 90%;
  }
}
@media (min-width: 641px) {
  section article p {
    font-size: 75%;
  }
}

/* ==================== head  ====================*/
#head {
  position: relative;
}

#head h1 {
  z-index: 1;
  font-size: inherit;
}

#head .supervision p {
  color: #296ea6;
  font-family: "Shin Maru Go Regular", sans-serif;
  line-height: 1.4;
}

#head .supervision p a {
  display: block;
  color: inherit;
  text-decoration: none;
  font-size: 90%;
}

body.country.korea #head .supervision ruby:nth-of-type(2) {
  margin: 0 0.25em;
}

body.country.hungary #head .supervision ruby:nth-of-type(2) {
  margin: 0 0.25em;
}

@media all and (max-width: 640px) {
  body.recipe.top #head {
    margin-bottom: 1.5em;
  }
  #head h1 {
    position: relative;
    width: 60%;
    margin: 0 auto;
  }
  body.theme #head {
    margin-bottom: -3em;
  }
  body.theme.cuisine #head,
  body.theme.schoollife #head {
    margin-bottom: 1em;
  }
  body.theme .map,
  body.recipe:not(.top) .map {
    display: none;
  }
  #head .supervision {
    font-size: 80%;
  }
  body.country #head .supervision {
    margin-top: 2em;
  }
  body.recipe #head .supervision {
    margin-top: -0.5em;
  }
}
@media all and (min-width: 641px) {
  body.recipe #head {
    height: 14em;
  }
  body.recipe.top #head {
    height: 15em;
  }
  #head h1 {
    position: absolute;
    left: 1em;
    top: 4em;
    width: 16em;
  }
  body.references #head h1 {
    position: static;
    width: auto;
    padding-top: 2em;
  }
  #head .map {
    position: absolute;
    right: 0;
    top: 0.5em;
    width: 30.5em;
  }
  #head .supervision {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translate(0, -1.25em);
    transform: translate(0, -1.25em);
  }
  #head .supervision p {
    font-size: 70%;
  }
  #head .supervision p br {
    display: none;
  }
}
/* ---------- あいさつ  ----------*/
.voiceGuide {
  font-weight: bold;
  font-size: 90%;
}
body.america .voiceGuide {
  color: var(--color-america-1);
}

body.brazil .voiceGuide {
  color: var(--color-brazil-1);
}

body.bulgaria .voiceGuide {
  color: var(--color-bulgaria-1);
}

body.china .voiceGuide {
  color: var(--color-china-1);
}

body.finland .voiceGuide {
  color: var(--color-finland-1);
}

body.ghana .voiceGuide {
  color: var(--color-ghana-1);
}

body.mexico .voiceGuide {
  color: var(--color-mexico-1);
}

body.peru .voiceGuide {
  color: var(--color-peru-1);
}

body.india .voiceGuide {
  color: var(--color-india-1);
}

body.spain .voiceGuide {
  color: var(--color-spain-1);
}

body.netherlands .voiceGuide {
  color: var(--color-netherlands-1);
}

body.thailand .voiceGuide {
  color: var(--color-thailand-1);
}

body.newzealand .voiceGuide {
  color: var(--color-newzealand-1);
}

body.turkey .voiceGuide {
  color: var(--color-turkey-1);
}

body.hungary .voiceGuide {
  color: var(--color-hungary-1);
}

body.korea .voiceGuide {
  color: var(--color-korea-1);
}

body.greece .voiceGuide {
  color: var(--color-greece-1);
}

body.france .voiceGuide {
  color: var(--color-france-1);
}

body.russia .voiceGuide {
  color: var(--color-russia-1);
}

body.uk .voiceGuide {
  color: var(--color-uk-1);
}

body.indonesia .voiceGuide {
  color: var(--color-indonesia-1);
}

body.vietnam .voiceGuide {
  color: var(--color-vietnam-1);
}

body.singapore .voiceGuide {
  color: var(--color-singapore-1);
}

body.italia .voiceGuide {
  color: var(--color-italia-1);
}

body.belgium .voiceGuide {
  color: var(--color-belgium-1);
}

body.canada .voiceGuide {
  color: var(--color-canada-1);
}

body.brazil .voiceGuide {
  color: var(--color-brazil-2);
}

body.finland .voiceGuide {
  color: var(--color-finland-2);
}

body.korea .voiceGuide {
  color: var(--color-korea-2);
}

body.greece .voiceGuide {
  color: var(--color-greece-2);
}

body.greeting .voiceGuide {
  color: #ff4f4f;
}
@media (min-width: 641px) {
  body.greeting .voiceGuide {
    width: 38em;
    margin-left: auto;
  }
}

@media (max-width: 640px) {
  .voiceGuide {
    margin-top: 0.5em;
  }
}
.voiceGuide .material-icons {
  margin-right: 0.1em;
  font-size: 180%;
}

.voicePlay {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  cursor: pointer;
}

.voicePlayer audio {
  position: fixed;
  visibility: hidden;
}
