#content-01 #con01-frame {
  width: 264px;
  height: 378px;
  background-image: url(/sp/hanatsubaki/2015art/img/special/sprite_01.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  display: block;
}
#content-01 #con01-frame.image-01 {
  background-position: 0 0;
}
#content-01 #con01-frame.image-02 {
  background-position: 0 -378px;
}
#content-01 #con01-frame.image-03 {
  background-position: 0 -756px;
}
#content-01 #con01-frame.image-04 {
  background-position: 0 -1134px;
}
body.tablet-device #content-01 #con01-frame {
  width: 528px;
  height: 756px;
}
body.tablet-device #content-01 #con01-frame.image-01 {
  background-position: 0 0;
}
body.tablet-device #content-01 #con01-frame.image-02 {
  background-position: 0 -756px;
}
body.tablet-device #content-01 #con01-frame.image-03 {
  background-position: 0 -1512px;
}
body.tablet-device #content-01 #con01-frame.image-04 {
  background-position: 0 -2268px;
}
#content-01 #con01-title {
  width: 90px;
  height: 372px;
  background-image: url(/sp/hanatsubaki/2015art/img/special/ttl_main.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
}
#content-01 #con01-title.image-01 {
  background-position: 0 0;
}
#content-01 #con01-title.image-02 {
  background-position: -90px 0;
}
#content-01 #con01-title.image-03 {
  background-position: -180px 0;
}
body.tablet-device #content-01 #con01-title {
  width: 180px;
  height: 744px;
}
body.tablet-device #content-01 #con01-title.image-01 {
  background-position: 0 0;
}
body.tablet-device #content-01 #con01-title.image-02 {
  background-position: -180px 0;
}
body.tablet-device #content-01 #con01-title.image-03 {
  background-position: -360px 0;
}

#content-02 #con02-frame {
  width: 257px;
  height: 368px;
  background-image: url(/sp/hanatsubaki/2015art/img/special/sprite_02.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  display: block;
}
#content-02 #con02-frame.image-01 {
  background-position: 0 0;
}
#content-02 #con02-frame.image-02 {
  background-position: 0 -368px;
}
body.tablet-device #content-02 #con02-frame {
  width: 514px;
  height: 736px;
}
body.tablet-device #content-02 #con02-frame.image-01 {
  background-position: 0 0;
}
body.tablet-device #content-02 #con02-frame.image-02 {
  background-position: 0 -736px;
}

.spContents {
  margin-bottom: -75px;
}
body.tablet-device .spContents {
  margin-bottom: -150px;
}

.contents .inner {
  position: relative;
  width: 320px;
  margin: 0 auto;
}
body.tablet-device .contents .inner {
  width: 640px;
}

#content-01 {
  background: url("/sp/hanatsubaki/2015art/img/special/bg_01.jpg") no-repeat center top;
  background-size: 750px 544px;
  height: 544px;
}
body.tablet-device #content-01 {
  background-size: 1500px 1088px;
  height: 1088px;
}
#content-01 .inner #con01-frame {
  position: absolute;
  left: 26px;
  top: 110px;
  display: none;
}
body.tablet-device #content-01 .inner #con01-frame {
  left: 52px;
  top: 219px;
}
#content-01 .inner #con01-title {
  position: absolute;
  left: 35px;
  top: 85px;
  display: none;
}
body.tablet-device #content-01 .inner #con01-title {
  left: 70px;
  top: 171px;
}

#content-02 {
  background: url("/sp/hanatsubaki/2015art/img/special/bg_02.jpg") no-repeat center top;
  background-size: 750px 545px;
  height: 545px;
}
body.tablet-device #content-02 {
  background-size: 1500px 1090px;
  height: 1090px;
}
#content-02 .inner #con02-frame {
  position: absolute;
  left: 33px;
  top: 125px;
  display: none;
}
body.tablet-device #content-02 .inner #con02-frame {
  left: 67px;
  top: 251px;
}
#content-02 .inner #con02-txt {
  position: absolute;
  left: 39px;
  top: 26px;
  display: none;
}
body.tablet-device #content-02 .inner #con02-txt {
  left: 78px;
  top: 53px;
}
body.tablet-device #content-02 .inner #con02-txt img {
  width: 456px;
}

#content-03 {
  position: relative;
  background: url("/sp/hanatsubaki/2015art/img/special/bg_03.jpg") no-repeat center top;
  background-size: 750px 545px;
  height: 545px;
}
body.tablet-device #content-03 {
  background-size: 1500px 1090px;
  height: 1090px;
}
#content-03 .inner #con03-mask {
  position: absolute;
  left: 32px;
  top: 125px;
  width: 248px;
  height: 370px;
  overflow: hidden;
}
#content-03 .inner #con03-mask img {
  position: absolute;
}
#content-03 .inner #con03-mask .image-02, #content-03 .inner #con03-mask .image-03, #content-03 .inner #con03-mask .image-04 {
  display: none;
}
#content-03 .inner #con03-mask .image-01, #content-03 .inner #con03-mask .image-03, #content-03 .inner #con03-mask .image-04 {
  left: 0;
  top: 0;
}
#content-03 .inner #con03-mask #con03-img-02 {
  right: -254px;
  top: 0;
}
#content-03 .inner #con03-mask #con03-img-03 {
  left: -251px;
  top: 0;
}
body.tablet-device #content-03 .inner #con03-mask {
  left: 64px;
  top: 251px;
  width: 496px;
  height: 740px;
}
body.tablet-device #content-03 .inner #con03-mask .image-01, body.tablet-device #content-03 .inner #con03-mask .image-03, body.tablet-device #content-03 .inner #con03-mask .image-04 {
  width: 496px;
}
body.tablet-device #content-03 .inner #con03-mask #con03-img-02 {
  width: 1002px;
  right: -508px;
}
body.tablet-device #content-03 .inner #con03-mask #con03-img-03 {
  width: 998px;
  left: -502px;
}
#content-03 .inner #con03-txt {
  position: absolute;
  left: 39px;
  top: 30px;
  display: none;
}
body.tablet-device #content-03 .inner #con03-txt {
  left: 78px;
  top: 61px;
}
body.tablet-device #content-03 .inner #con03-txt img {
  width: 428px;
}

#content-04 {
  background: url("/sp/hanatsubaki/2015art/img/special/bg_04.jpg") no-repeat center top;
  background-size: 750px 554px;
  height: 554px;
}
body.tablet-device #content-04 {
  background-size: 1500px 1108px;
  height: 1108px;
}
#content-04 .inner #con04-frame {
  position: absolute;
  left: 30px;
  top: 130px;
}
#content-04 .inner #con04-frame img {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
body.tablet-device #content-04 .inner #con04-frame {
  left: 60px;
  top: 260px;
}
body.tablet-device #content-04 .inner #con04-frame img {
  width: 516px;
}
#content-04 .inner #con04-txt {
  position: absolute;
  left: 39px;
  top: 31px;
  display: none;
}
body.tablet-device #content-04 .inner #con04-txt {
  left: 78px;
  top: 62px;
}
body.tablet-device #content-04 .inner #con04-txt img {
  width: 496px;
}

#content-05 {
  position: relative;
  background: url("/sp/hanatsubaki/2015art/img/special/bg_05.jpg") no-repeat center top;
  background-size: 750px 861px;
  height: 861px;
}
body.tablet-device #content-05 {
  background-size: 1500px 1722px;
  height: 1722px;
}
#content-05 .inner .ja {
  position: absolute;
  left: 31px;
  top: 42px;
}
body.tablet-device #content-05 .inner .ja {
  left: 62px;
  top: 84px;
}
body.tablet-device #content-05 .inner .ja img {
  width: 530px;
}

#content-06 {
  background: url("/sp/hanatsubaki/2015art/img/special/bg_06.jpg") no-repeat center top;
  background-size: 750px 1032px;
  height: 1032px;
}
body.tablet-device #content-06 {
  background-size: 1500px 2064px;
  height: 2064px;
}
#content-06 .inner .en {
  position: absolute;
  left: 31px;
  top: 0px;
}
body.tablet-device #content-06 .inner .en {
  left: 62px;
  top: 0px;
}
body.tablet-device #content-06 .inner .en img {
  width: 530px;
}

#content-07 {
  position: relative;
  background: url("/sp/hanatsubaki/2015art/img/special/bg_07.jpg") no-repeat center top;
  background-size: 750px 1197px;
  height: 1197px;
}
body.tablet-device #content-07 {
  background-size: 1500px 2394px;
  height: 2394px;
}
#content-07 .inner h3 {
  width: 182px;
  height: 81px;
  position: absolute;
  left: 34px;
  top: 162px;
  background: url("/sp/hanatsubaki/2015art/img/special/txt_name.png") no-repeat center top;
  background-size: 100% auto;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}
body.tablet-device #content-07 .inner h3 {
  width: 394px;
  height: 162px;
  left: 53px;
  top: 324px;
}
#content-07 .inner .ja {
  position: absolute;
  left: 27px;
  top: 263px;
}
body.tablet-device #content-07 .inner .ja {
  left: 54px;
  top: 526px;
}
#content-07 .inner .en {
  position: absolute;
  left: 27px;
  top: 500px;
}
body.tablet-device #content-07 .inner .en {
  left: 54px;
  top: 1000px;
}
#content-07 .inner .btn-url {
  position: absolute;
  left: 27px;
  top: 788px;
}
body.tablet-device #content-07 .inner .btn-url {
  left: 54px;
  top: 1576px;
}
#content-07 .inner .check {
  position: absolute;
  width: 265px;
  left: 39px;
  top: 973px;
}
#content-07 .inner .check a {
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
body.tablet-device #content-07 .inner .check {
  width: 530px;
  left: 78px;
  top: 1946px;
}
#content-07 .inner .check .btn-order {
  width: 57px;
  height: 57px;
  position: absolute;
  left: 0;
  top: 7px;
}
body.tablet-device #content-07 .inner .check .btn-order {
  width: 114px;
  height: 114px;
  top: 14px;
}
#content-07 .inner .check .btn-shop {
  width: 57px;
  height: 59px;
  position: absolute;
  left: 76px;
  top: 0px;
}
body.tablet-device #content-07 .inner .check .btn-shop {
  width: 114px;
  height: 118px;
  left: 152px;
}
#content-07 .inner .check .btn-app {
  width: 58px;
  height: 56px;
  position: absolute;
  left: 148px;
  top: 26px;
}
body.tablet-device #content-07 .inner .check .btn-app {
  width: 116px;
  height: 112px;
  left: 296px;
  top: 52px;
}
body.tablet-device #content-07 .inner .ja img, body.tablet-device #content-07 .inner .en img, body.tablet-device #content-07 .inner .btn-url img {
  width: 530px;
}

#content-08 {
  background: url("/sp/hanatsubaki/2015art/img/special/bg_08.jpg") no-repeat center top;
  background-size: 750px 361px;
  height: 361px;
}
body.tablet-device #content-08 {
  background-size: 1500px 722px;
  height: 722px;
}
#content-08 .inner .credit {
  position: absolute;
  left: 16px;
  top: 36px;
}
body.tablet-device #content-08 .inner .credit {
  left: 32px;
  top: 72px;
}
body.tablet-device #content-08 .inner .credit img {
  width: 548px;
}
#content-08 .inner .item-caption {
  position: absolute;
  left: 113px;
  top: 137px;
}
#content-08 .inner .item-caption a {
  margin-bottom: 2px;
}
body.tablet-device #content-08 .inner .item-caption {
  left: 226px;
  top: 274px;
}
body.tablet-device #content-08 .inner .item-caption a {
  margin-bottom: 4px;
}
body.tablet-device #content-08 .inner .item-caption a img {
  width: 386px;
}
body.tablet-device #content-08 .inner .item-caption li:last-child img {
  width: 386px;
}