@charset 'utf-8';
#story,
#sorry,
#concept,
#graphic {
  width: 1e3px;
  margin: auto;
  position: relative;
}
#story p {
  font-size: 1.5rem;
  padding: 0 0 25px;
  text-shadow: 0 1px 1px 0 #eee;
  -moz-text-shadow: 0 1px 1px 0 #eee;
  -webkit-text-shadow: 0 1px 1px 0 #eee;
}
.photo {
  padding: 5px;
  background: #fff;
  border: 1px #ccc solid;
  box-shadow: 0 2px 3px 0 #ddd;
  -moz-box-shadow: 0 2px 3px 0 #ddd;
  -webkit-box-shadow: 0 2px 3px 0 #ddd;
}
.txt {
  padding: 0 0 25px;
}
#storyP01 {
  position: absolute;
  top: -10px;
  right: -5px;
  transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
}
#storyP02 {
  position: absolute;
  top: 110px;
  left: 20px;
  transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
}
#storyP03 {
  position: absolute;
  top: 120px;
  right: 25px;
  transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  -o-transform: rotate(10deg);
}
#storyP04 {
  position: absolute;
  bottom: -30px;
  left: 20px;
  transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
}
#storyP05 {
  position: absolute;
  bottom: -20px;
  right: 30px;
  transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  -o-transform: rotate(10deg);
}
#graphic {
  list-style-type: none;
  width: 784px;
  margin-right: auto;
  margin-left: auto;
}
#graphic li {
  float: left;
  text-indent: -9999px;
  padding: 3px;
}
#graphic li a {
  display: block;
  width: 190px;
  height: 107px;
}
#graphic .ev01 a {
  background-image: url(../images/g/ev_A01s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev02 a {
  background-image: url(../images/g/ev_B01s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev03 a {
  background-image: url(../images/g/ev_C01s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev04 a {
  background-image: url(../images/g/ev_D01s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev09 a {
  background-image: url(../images/g/ev_A03s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev10 a {
  background-image: url(../images/g/ev_B03s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev11 a {
  background-image: url(../images/g/ev_C03s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev12 a {
  background-image: url(../images/g/ev_D03s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev13 a {
  background-image: url(../images/g/ev_A04s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev14 a {
  background-image: url(../images/g/ev_B04s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev15 a {
  background-image: url(../images/g/ev_C04s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#graphic .ev16 a {
  background-image: url(../images/g/ev_D04s.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.soukicampaign {
  width: 800px;
  margin: 20px auto;
  border-collapse: collapse;
}
.soukicampaign th {
  padding: 5px;
  text-align: center;
  color: #333;
  background-color: #ffc;
  border: 1px solid #b9b9b9;
}
.soukicampaign td {
  width: 400px;
  padding: 5px;
  border: 1px solid #b9b9b9;
}
.sitem {
  width: 400px;
  margin: 10px auto;
  padding: 2px 0 0;
  text-align: center;
  background-color: #f69;
  border-radius: 10px/10px;
  font-size: 100%;
  color: #fff;
  font-weight: 700;
}
.banner_txtbox {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.sp_b_link {
  width: 1e3px;
  margin: 15px auto;
  font-size: 1.3rem;
}
.sp_b_txt {
  width: 900px;
  margin: 15px auto;
}
.sp_l_txt {
  width: 600px;
  margin: 15px auto;
  text-align: left;
}
.container_shop {
  width: 1e3px;
  margin: auto;
}
.container_shop ul li {
  list-style: none;
  float: left;
}
.shop01 {
  width: 1e3px;
  margin: 0 auto 25px;
}
.shop02 {
  width: 450px;
  margin: 0 auto 10px;
}
.shop_item {
  margin: 15px auto;
}
.shop_yoyaku {
  width: 200px;
  margin: 10px auto;
  padding: 2px 0 0;
  text-align: center;
  background-color: #9c3;
  border-radius: 10px/10px;
  font-size: 100%;
  color: #fff;
  font-weight: 700;
}
.shop_yoyaku:hover {
  width: 200px;
  margin: 10px auto;
  padding: 2px 0 0;
  text-align: center;
  background-color: #f90;
  border-radius: 10px/10px;
  font-size: 100%;
  color: #fff;
  font-weight: 700;
}
div#chara1,
div#chara3,
div#chara4,
div#chara5,
div#chara6,
div#chara7 {
  position: relative;
  width: 900px;
  margin: auto;
}
div#chara2 {
  position: relative;
  width: 900px;
  margin: auto;
  padding-bottom: 30px;
}
div#chara1 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: 755px;
  right: 0;
}
div#chara2 ul.sv {
  position: absolute;
  top: 785px;
  right: 0;
}
div#chara1 ul,
div#chara3 ul,
div#chara4 ul,
div#chara5 ul,
div#chara6 ul,
div#chara7 ul,
div#chara8 ul {
  position: absolute;
  top: 720px;
  right: 0;
}
div#chara2 ul {
  position: absolute;
  top: 750px;
  right: 0;
}
div#chara1 ul li,
div#chara2 ul li,
div#chara3 ul li,
div#chara4 ul li,
div#chara5 ul li,
div#chara6 ul li,
div#chara7 ul li {
  margin: 2px;
  list-style: none;
  float: left;
}
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;
}
.svplay a {
  display: block;
  width: 35px;
  height: 35px;
  background-image: url(../images/g/l_chara_voice01.png);
  text-decoration: none;
  text-indent: -1e3em;
}
.svplay a:hover {
  background-image: url(../images/g/l_chara_voice02.png);
}
.download_nav {
  width: 650px;
  margin: auto;
  border-collapse: separate;
  border-spacing: 30px 3px;
}
.download_nav td {
  width: 250px;
  text-align: left;
  font-size: 90%;
  position: absolute;
}
.download_nav th {
  width: 50px;
  text-align: center;
  background-color: #fc0;
  border-radius: 10px/10px;
  font-size: 90%;
  color: #fff;
}
.download_nav th a {
  color: #fff;
}
.stage950 {
  width: 950px;
  margin: auto;
  padding-bottom: 100px;
}
.stage460 {
  width: 460px;
  margin: 5px;
  text-align: center;
  font-size: 85%;
  float: left;
}
h1 {
  width: 500px;
  margin: auto;
  font-size: 100%;
  padding: 0.5em 0.3em;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.shop_rt_txt {
  width: 600px;
  margin: 15px auto;
  text-align: left;
}
.shop_rt_txt2 {
  width: 453px;
  margin: 15px auto;
  text-align: center;
}