@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;800&display=swap');

body {
  margin:0;
  padding:0;
  background-color:rgb(254,232,219);
}

hr {
  margin:0;
  padding:0;
  height:10px;
  background:center url(../images/hr.png) repeat-x;
  background-size:auto 10px;
  border:none;
}
ul {
  margin:1.5em 0;
  padding:0 0 0 1.5em;
}
ul ul, ol ul {margin:1em 0;}
ul li {
  margin:0.5em 0;
  padding:0;
}
ol {
  list-style:none;
  counter-reset:list-count;
  margin:1.5em 0;
  padding:0;
}
ol li {
  position:relative;
  margin:0.5em 0;
  padding:0 0 0 1.5em;
}
ol > li:before {
  content: counter(list-count) ". ";
  counter-increment: list-count;
  position:absolute;
  left:0;
  top:0;
  font-weight:bold;
}
ol ul li {padding:0;}
img {
  max-width:100%;
  height:auto;
}

div.cols {
  display:flex;
  flex-wrap:wrap;
}
div.cols div.col {width:50%;}

#header h1,
#home_pline,
#home_about,
#copyright {
  margin:0 auto;
  max-width:1080px;
}

#header {
  margin-bottom:10px;
  padding:250px 0 0;
  background:url(../images/bg.png) center top no-repeat;
  background-size:100% auto;
}
#header h1 {
  position:relative;
  margin:0 auto;
  font-size:0;
}
#header a {
  position:absolute;
  right:0;
  top:3px;
}
#header span {
  display:inline-block;
  margin:0 5px;
  height:54px;
  font-size:0;
  color:transparent;
}
#header span.criativos {
  width:68px;
  background:url(../images/ic_criativos.png) no-repeat;
  background-size:auto 54px;
}
#header span.ptokyo {
  width:54px;
  background:url(../images/ic_ptokyo.png) no-repeat;
  background-size:auto 54px;
}

#home_message {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  text-align:center;
}
#home_message > span {
  display:block;
  margin:1rem;
}
#home_message span[lang="pt"] {margin:100px 0 0;}
#home_message span[lang="ja"] {}

#home_pline {
  background-color:rgb(255,255,255);
  overflow:hidden;
}
#home_pline h2 {
  margin:2em 0;
  text-align:center;
}
#home_pline div.images {
  margin:4rem;
  text-align:center;
}
#home_pline div.images img {
  vertical-align:middle;
  margin:0 1%;
}
#home_pline div.images img[src*="group"] {margin:0 5%;}
div.qr {text-align:center;}
div.qr span {
  display:block;
  margin:0.25em 0;
}
#home_pline p {margin:1em 2rem;}
#home_pline hr {margin:2rem;}
#home_pline h3 {margin:1.5em 2rem;}
#home_pline ol {margin:1.5em 2rem;}
#home_pline li {}

#home_about {}
#home_about div.col:nth-child(odd) {
  padding:0 2.5% 0 0;
  width:47.5%;
}
#home_about div.col:nth-child(even) {
  padding:0 0 0 2.5%;
  width:47.5%;
}
#home_about h2 {margin:2em 0;}
#home_about h3 {}
#home_about p {}
#home_about ol {}
#home_about ol > li {}
#home_about ol > li:before {}

div.card {
  margin:1.5rem 5%;
  text-align:center;
}
div.card img {border:0.5em solid rgba(69,182,73,0.75);}
div.card a:hover img {opacity:0.8;}

#copyright {
  box-sizing:border-box;
  display:block;
  margin:3rem auto;
  padding:1rem;
  background-color:rgb(255,255,255);
  text-align:center;
}

/* fx */

#home_pline,
#home_pline div.images img[src*="group"],
#copyright {border-radius:1rem;}

/* characters */

body {
  font-size:16px;
  line-height:1;
  color:rgb(51,51,51);
}
h2, h3, h4 {line-height:1.25;}
li {line-height:1.5;}
p {line-height:1.75;}

#header a {font-size:48px;}
#home_message,
#home_pline h2 {font-size:200%;}
#home_message {font-size:220%;}
#home_message span[lang="ja"] {}
#home_message span[lang="pt"] {font-size:135%;}

a:link, a:visited {text-decoration:underline;}
a:hover, a:active,
#header a {text-decoration:none;}

#home_message,
div.qr span,
#copyright {font-weight:bold;}

a:link {color:rgb(67,96,172);}
a:visited {color:rgb(67,96,172);}
a:hover {color:rgb(233,89,49);}
a:active {color:rgb(233,89,49);}
#home_message {color:rgb(255,255,255);}
#home_pline h2, #home_pline h3 {color:rgb(69,182,73);}
#home_pline h2 span {color:rgb(51,51,51);}
#header a,
#home_about h2 {color:rgb(233,89,49);}

#home_message,
h1, h2, h3,
div.qr span,
#copyright {font-family: 'M PLUS Rounded 1c', sans-serif;}

body {font-family: '游ゴシック体', 'YuGothic', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;}
#home_message {text-shadow:1px 1px 0px rgb(0,0,0);}

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

div.cols {display:block;}
div.cols div.col {width:initial;}

body {
  background:rgb(254,232,219) url(../images/bg.png) center top no-repeat;
  background-size:100% 96px;
}
#header {
  margin:0;
  padding:0;
  background:none;
}
#header h1 {
  position:relative;
  margin:0 auto;
  font-size:0;
}
#header a {
  right:5%;
  top:18px;
}
#header span {
  margin:10px;
  height:48px;
}
#header span.criativos {
  width:58px;
  background-size:auto 48px;
}
#header span.ptokyo {
  width:48px;
  background-size:auto 48px;
}

#home_message {
  position:static;
  margin:2rem 5%;
  width:initial;
}
/* #home_message span {
  display:block;
  margin:1rem;
} */
#home_message span[lang="pt"] {margin:0;}
#home_message span[lang="ja"] {}

#home_pline {margin:0 2.5%;}
#home_pline h2 {margin:1.25em 0;}
#home_pline div.images {margin:2rem;}
#home_pline div.images img {margin:0.5rem;}
#home_pline div.images img[src*="group"] {margin:0;}
#home_pline p {margin:1em 1rem;}
#home_pline hr {margin:2rem 1rem;}
#home_pline h3 {margin:1.5em 1rem;}
#home_pline ol {margin:1.5em 1rem;}
#home_pline li {}

#home_about h2 {margin:1.25em 0;}
#home_about div.col:nth-child(odd),
#home_about div.col:nth-child(even) {
  margin:0 5%;
  padding:0;
  width:initial;
}
#home_about p {margin:1em 5%;}

div.card img {
  width:50%;
  height:auto;
  border:0.5em solid rgba(69,182,73,0.75);
}

#copyright {
  box-sizing:content-box;
  margin:2rem 5%;
}

#header a {font-size:32px;}
#home_message {font-size:150%;}
#home_message span[lang="ja"] {}
#home_message span[lang="pt"] {font-size:135%;}

#header a {color:rgb(255,255,255);}
#home_message {color:rgb(233,89,49);}

#home_message {text-shadow:1px 1px 0px rgb(255,255,255);}

/* characters */

body {
  font-size:100%;
  font-family: 'Roboto', sans-serif;
}

}