@charset 'utf-8';
#contents {
  margin: 0 auto;
  width: 1e3px;
  padding-bottom: 30px;
}
#contents p {
  padding: 10px;
}
div.center460 {
  margin: 20px auto;
  width: 460px;
}
div.center700 {
  margin: 20px auto;
  width: 700px;
  text-align: center;
}
div.center700 span {
  font-weight: 700;
}
div.left700 {
  margin: 20px auto;
  width: 700px;
  text-align: left;
}
div.left700 span {
  font-weight: 700;
}
div.left600 {
  margin: 20px auto;
  width: 600px;
  text-align: left;
}
div.left600 span {
  font-weight: 700;
}
div.left470 {
  margin: 10px 20px 5px 5px;
  width: 470px;
  float: left;
}
div.center500 {
  margin: 20px auto;
  width: 500px;
  font-size: 1.7rem;
  font-weight: normal;
  color: #fff;
  border-radius: 20px;
  padding: 3px;
  background-color: #f84545;
}
div.left600 {
  margin: 20px auto;
  width: 550px;
  text-align: left;
}
div.center500b {
  margin: 20px auto;
  width: 500px;
  font-size: 1.7rem;
  font-weight: normal;
  color: #fff;
  border-radius: 20px;
  padding: 3px;
  background-color: #484cf8;
}
div.center500v {
  margin: 20px auto;
  width: 500px;
  font-size: 1.7rem;
  font-weight: normal;
  color: #fff;
  border-radius: 20px;
  padding: 3px;
  background-color: #f745e4;
}
div.center500 span,
div.center500b span,
div.center500v span {
  font-weight: 700;
}
div.center450 {
  margin: 10px 0;
  width: 444px;
  font-size: 1.7rem;
  font-weight: normal;
  color: #fff;
  border-radius: 20px;
  padding: 3px;
  background-color: #f84545;
}
div.center450 span {
  font-weight: 700;
}
h5 {
  width: 500px;
  margin: auto;
  font-size: 100%;
  padding: 0.5em 0.3em;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-weight: 800;
}
.soukicampaign {
  width: 800px;
  margin: 20px auto;
  border-collapse: collapse;
}
.soukicampaign th {
  padding: 5px;
  text-align: center;
  color: #333;
  background-color: #fcc;
  border: 1px solid #b9b9b9;
}
.soukicampaign td {
  width: 400px;
  padding: 5px;
  border: 1px solid #b9b9b9;
}
#products_spec,
#products_staff {
  width: 550px;
  margin: 0 auto;
  padding-bottom: 10px;
}
#products_spec span,
#products_staff span {
  width: 100px;
  color: #333;
  border-radius: 10px;
  background-color: #fcc;
  padding: 1px 10px;
  line-height: 2;
}
div#chara1,
div#chara2,
div#chara3,
div#chara4,
div#chara5,
div#chara6,
div#chara7 {
  position: relative;
  width: 800px;
  height: 640px;
  margin: 0 auto;
  padding-bottom: 50px;
}
div#chara1 ul.sv,
div#chara2 ul.sv,
div#chara3 ul.sv,
div#chara4 ul.sv,
div#chara5 ul.sv,
div#chara6 ul.sv,
div#chara7 ul.sv,
div#chara8 ul.sv {
  position: absolute;
  top: 600px;
  right: 0;
}
div#chara1 ul.sv li,
div#chara2 ul.sv li,
div#chara3 ul.sv li,
div#chara4 ul.sv li,
div#chara5 ul.sv li,
div#chara6 ul.sv li,
div#chara7 ul.sv li {
  margin: 2px;
  list-style: none;
  float: left;
}
div#chara1 {
  background-image: url(../images/character01_chs.png);
  background-repeat: no-repeat;
}
div#chara2 {
  background-image: url(../images/character02_chs.png);
  background-repeat: no-repeat;
}
div#chara3 {
  background-image: url(../images/character03_chs.png);
  background-repeat: no-repeat;
}
div#chara4 {
  background-image: url(../images/character04_chs.png);
  background-repeat: no-repeat;
}
div#chara5 {
  background-image: url(../images/character05_chs.png);
  background-repeat: no-repeat;
}
div#chara6 {
  background-image: url(../images/character06_chs.png);
  background-repeat: no-repeat;
}
.slider {
  position: absolute;
  left: 10px;
  width: 350px;
}
.slick-slide {
  margin: 0;
}
.slick-slide img {
  width: 100%;
}
.slick-prev:before,
.slick-next:before {
  color: #000;
}
.svplay a {
  display: block;
  width: 35px;
  height: 35px;
  background-image: url(../images/l_chara_voice01.png);
  text-decoration: none;
  text-indent: -1e3em;
}
.svplay a:hover {
  background-image: url(../images/l_chara_voice02.png);
}
.shop_yoyaku a {
  width: 150px;
  margin: 10px auto;
  padding: 5px;
  text-align: center;
  font-weight: 600;
  display: block;
  color: #fff;
  background-color: #555;
}
.shop_yoyaku a:hover {
  color: #fff;
  background-color: #f36;
}
#graphic {
  width: 800px;
  margin: auto;
  padding-bottom: 50px;
}
#graphic ul {
  list-style-type: none;
}
#graphic li {
  float: left;
  text-indent: -9999px;
  padding: 5px;
}
#graphic li a {
  display: block;
  width: 190px;
  height: 107px;
}
#graphic .ev01 a {
  background-image: url(../images/ev_A01s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev02 a {
  background-image: url(../images/ev_B01s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev03 a {
  background-image: url(../images/ev_C01s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev04 a {
  background-image: url(../images/ev_D01s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev05 a {
  background-image: url(../images/ev_A02s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev06 a {
  background-image: url(../images/ev_B02s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev07 a {
  background-image: url(../images/ev_C02s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev08 a {
  background-image: url(../images/ev_D02s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev09 a {
  background-image: url(../images/ev_A03s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev10 a {
  background-image: url(../images/ev_B03s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev11 a {
  background-image: url(../images/ev_C03s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev12 a {
  background-image: url(../images/ev_D03s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev13 a {
  background-image: url(../images/ev_A04s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev14 a {
  background-image: url(../images/ev_B04s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev15 a {
  background-image: url(../images/ev_C04s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev16 a {
  background-image: url(../images/ev_D04s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev17 a {
  background-image: url(../images/ev_A05s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev18 a {
  background-image: url(../images/ev_B05s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev19 a {
  background-image: url(../images/ev_C05s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev20 a {
  background-image: url(../images/ev_D05s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev21 a {
  background-image: url(../images/ev_A06s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev22 a {
  background-image: url(../images/ev_B06s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev23 a {
  background-image: url(../images/ev_C06s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev24 a {
  background-image: url(../images/ev_D06s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.download_nav {
  width: 650px;
  margin: auto;
  border-collapse: separate;
  border-spacing: 30px 3px;
}
.download_nav td {
  width: 250px;
  text-align: left;
  font-size: 90%;
}
.download_nav th {
  width: 50px;
  text-align: center;
  background-color: #f69;
  border-radius: 10px/10px;
  font-size: 90%;
  color: #fff;
}
.download_nav th a {
  color: #fff;
  font-weight: 700;
}