.mod-about-head {
  z-index: 10;
}

.is-texture {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_pattern.png") 0 0 repeat;
  -webkit-background-size: 15px auto;
  background-size: 15px auto;
}
body.tablet-device .is-texture {
  -webkit-background-size: 30px auto;
  background-size: 30px auto;
}

.mod-archive01, .mod-archive02, .mod-archive03 {
  position: relative;
  z-index: 1;
}
.mod-archive01 .archive_header .h2-01, .mod-archive01 .archive_header .h3-01, .mod-archive02 .archive_header .h2-01, .mod-archive02 .archive_header .h3-01, .mod-archive03 .archive_header .h2-01, .mod-archive03 .archive_header .h3-01 {
  position: absolute;
}
.mod-archive01 .inner, .mod-archive02 .inner, .mod-archive03 .inner {
  position: relative;
  width: 320px;
  margin: 0 auto;
}
body.tablet-device .mod-archive01 .inner, body.tablet-device .mod-archive02 .inner, body.tablet-device .mod-archive03 .inner {
  width: 640px;
}
.mod-archive01 .box, .mod-archive02 .box, .mod-archive03 .box {
  position: absolute;
}
.mod-archive01 .box .year, .mod-archive02 .box .year, .mod-archive03 .box .year {
  text-indent: -9999px;
  height: 0;
}
.mod-archive01 .box .ttl, .mod-archive02 .box .ttl, .mod-archive03 .box .ttl {
  color: #fff;
}
.mod-archive01 .box .ttl.ja, .mod-archive02 .box .ttl.ja, .mod-archive03 .box .ttl.ja {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 5px;
}
.mod-archive01 .box .ttl.ja span, .mod-archive02 .box .ttl.ja span, .mod-archive03 .box .ttl.ja span {
  background: #333333;
}
body.tablet-device .mod-archive01 .box .ttl.ja, body.tablet-device .mod-archive02 .box .ttl.ja, body.tablet-device .mod-archive03 .box .ttl.ja {
  font-size: 24px;
  margin-bottom: 10px;
}
.mod-archive01 .box .ttl.en, .mod-archive02 .box .ttl.en, .mod-archive03 .box .ttl.en {
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 1.5;
  margin-bottom: 5px;
}
.mod-archive01 .box .ttl.en span, .mod-archive02 .box .ttl.en span, .mod-archive03 .box .ttl.en span {
  background: #ff8010;
}
body.tablet-device .mod-archive01 .box .ttl.en, body.tablet-device .mod-archive02 .box .ttl.en, body.tablet-device .mod-archive03 .box .ttl.en {
  font-size: 24px;
  margin-bottom: 10px;
}
.mod-archive01 .box .txt.ja, .mod-archive02 .box .txt.ja, .mod-archive03 .box .txt.ja {
  font-size: 10px;
  color: #494949;
  line-height: 1.6;
}
body.tablet-device .mod-archive01 .box .txt.ja, body.tablet-device .mod-archive02 .box .txt.ja, body.tablet-device .mod-archive03 .box .txt.ja {
  font-size: 20px;
}
.mod-archive01 .box .txt.en, .mod-archive02 .box .txt.en, .mod-archive03 .box .txt.en {
  font-size: 10px;
  font-style: italic;
  color: #ff8010;
  line-height: 1.6;
  letter-spacing: 0.6px;
}
body.tablet-device .mod-archive01 .box .txt.en, body.tablet-device .mod-archive02 .box .txt.en, body.tablet-device .mod-archive03 .box .txt.en {
  font-size: 20px;
}

.mod-archive01 {
  padding-top: 41px;
}
body.tablet-device .mod-archive01 {
  padding-top: 82px;
}
.mod-archive01 .archive_header .h2-01 {
  left: 15px;
  top: 44px;
}
body.tablet-device .mod-archive01 .archive_header .h2-01 {
  left: 30px;
  top: 88px;
}
body.tablet-device .mod-archive01 .archive_header .h2-01 img {
  width: 336px;
}
.mod-archive01 .archive_header .h3-01 {
  left: 10px;
  top: 160px;
}
body.tablet-device .mod-archive01 .archive_header .h3-01 {
  left: 20px;
  top: 320px;
}
body.tablet-device .mod-archive01 .archive_header .h3-01 img {
  width: 214px;
}
.mod-archive01 .column-01 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a01_01.png") no-repeat center 0;
  background-size: 750px 676px;
  height: 676px;
}
body.tablet-device .mod-archive01 .column-01 {
  background-size: 1500px 1352px;
  height: 1352px;
}
.mod-archive01 .column-01 .box-01 {
  left: 30px;
  top: 360px;
  width: 245px;
}
body.tablet-device .mod-archive01 .column-01 .box-01 {
  left: 60px;
  top: 720px;
  width: 490px;
}
.mod-archive01 .column-01 .box-01 .ttl {
  letter-spacing: 2.6px;
}
.mod-archive01 .column-01 .box-02 {
  left: 30px;
  top: 480px;
  width: 245px;
}
body.tablet-device .mod-archive01 .column-01 .box-02 {
  left: 60px;
  top: 960px;
  width: 490px;
}
.mod-archive01 .column-02 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a01_02.png") no-repeat center 0;
  background-size: 750px 948px;
  height: 948px;
}
body.tablet-device .mod-archive01 .column-02 {
  background-size: 1500px 1896px;
  height: 1896px;
}
.mod-archive01 .column-02 .box-01 {
  left: 33px;
  top: 592px;
  width: 265px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
body.tablet-device .mod-archive01 .column-02 .box-01 {
  left: 66px;
  top: 1184px;
  width: 530px;
}
.mod-archive01 .column-02 .box-02 {
  left: 33px;
  top: 760px;
  width: 257px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
body.tablet-device .mod-archive01 .column-02 .box-02 {
  left: 66px;
  top: 1520px;
  width: 514px;
}
.mod-archive01 .column-03 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a01_03.png") no-repeat center 0;
  background-size: 750px 537.5px;
  height: 537.5px;
}
body.tablet-device .mod-archive01 .column-03 {
  background-size: 1500px 1075px;
  height: 1075px;
}
.mod-archive01 .column-03 .box-01 {
  left: 52px;
  top: 271px;
  width: 250px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
body.tablet-device .mod-archive01 .column-03 .box-01 {
  left: 104px;
  top: 542px;
  width: 500px;
}
.mod-archive01 .column-03 .box-02 {
  left: 52px;
  top: 390px;
  width: 230px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
body.tablet-device .mod-archive01 .column-03 .box-02 {
  left: 104px;
  top: 780px;
  width: 460px;
}
.mod-archive01 .column-04 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a01_04.png") no-repeat center 0;
  background-size: 750px 627px;
  height: 627px;
}
body.tablet-device .mod-archive01 .column-04 {
  background-size: 1500px 1254px;
  height: 1254px;
}
.mod-archive01 .column-04 .box-01 {
  left: 33px;
  top: 221px;
  width: 245px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
body.tablet-device .mod-archive01 .column-04 .box-01 {
  left: 66px;
  top: 442px;
  width: 490px;
}
.mod-archive01 .column-04 .box-02 {
  left: 78px;
  top: 378px;
  width: 220px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
body.tablet-device .mod-archive01 .column-04 .box-02 {
  left: 156px;
  top: 756px;
  width: 440px;
}
.mod-archive01 .column-05 {
  height: 194px;
}
body.tablet-device .mod-archive01 .column-05 {
  height: 388px;
}
.mod-archive01 .column-05 .ja {
  position: absolute;
  left: 25px;
  top: 34px;
  width: 280px;
  font-size: 8px;
  line-height: 1.8;
  color: #000;
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
.mod-archive01 .column-05 .ja span {
  background: #FFF;
}
body.tablet-device .mod-archive01 .column-05 .ja {
  left: 50px;
  top: 68px;
  width: 560px;
  font-size: 16px;
}
.mod-archive01 .column-05 .en {
  position: absolute;
  left: 25px;
  top: 116px;
  width: 280px;
  font-size: 8px;
  line-height: 1.8;
  color: #000;
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.mod-archive01 .column-05 .en span {
  background: #FFF;
}
body.tablet-device .mod-archive01 .column-05 .en {
  left: 50px;
  top: 232px;
  width: 560px;
  font-size: 16px;
}

.mod-archive02 {
  padding-top: 65px;
}
body.tablet-device .mod-archive02 {
  padding-top: 130px;
}
.mod-archive02 .archive_header .h2-01 {
  left: 89px;
  top: -6px;
}
body.tablet-device .mod-archive02 .archive_header .h2-01 {
  left: 178px;
  top: -12px;
}
body.tablet-device .mod-archive02 .archive_header .h2-01 img {
  width: 398px;
}
.mod-archive02 .archive_header .h3-01 {
  left: 215px;
  top: 112px;
}
body.tablet-device .mod-archive02 .archive_header .h3-01 {
  left: 430px;
  top: 224px;
}
body.tablet-device .mod-archive02 .archive_header .h3-01 img {
  width: 151px;
}
.mod-archive02 .column-01 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a02_01.png") no-repeat center 0;
  background-size: 750px 930.5px;
  height: 930.5px;
}
body.tablet-device .mod-archive02 .column-01 {
  background-size: 1500px 1861px;
  height: 1861px;
}
.mod-archive02 .column-01 .box-01 {
  left: 48px;
  top: 436px;
  width: 225px;
}
body.tablet-device .mod-archive02 .column-01 .box-01 {
  left: 96px;
  top: 872px;
  width: 450px;
}
.mod-archive02 .column-01 .box-02 {
  left: 48px;
  top: 653px;
  width: 240px;
}
body.tablet-device .mod-archive02 .column-01 .box-02 {
  left: 96px;
  top: 1306px;
  width: 480px;
}
.mod-archive02 .column-02 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a02_02.png") no-repeat center 0;
  background-size: 750px 870.5px;
  height: 870.5px;
}
body.tablet-device .mod-archive02 .column-02 {
  background-size: 1500px 1741px;
  height: 1741px;
}
.mod-archive02 .column-02 .box-01 {
  left: 32px;
  top: 333px;
  width: 210px;
}
body.tablet-device .mod-archive02 .column-02 .box-01 {
  left: 64px;
  top: 666px;
  width: 420px;
}
.mod-archive02 .column-02 .box-02 {
  left: 32px;
  top: 452px;
  width: 215px;
}
body.tablet-device .mod-archive02 .column-02 .box-02 {
  left: 64px;
  top: 904px;
  width: 430px;
}
.mod-archive02 .column-02 .box-03 {
  left: 32px;
  top: 623px;
  width: 225px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
body.tablet-device .mod-archive02 .column-02 .box-03 {
  left: 64px;
  top: 1246px;
  width: 450px;
}
.mod-archive02 .column-02 .box-04 {
  left: 75px;
  top: 720px;
  width: 225px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
body.tablet-device .mod-archive02 .column-02 .box-04 {
  left: 150px;
  top: 1440px;
  width: 450px;
}
.mod-archive02 .column-03 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a02_03.png") no-repeat center 0;
  background-size: 750px 652px;
  height: 652px;
}
body.tablet-device .mod-archive02 .column-03 {
  background-size: 1500px 1304px;
  height: 1304px;
}
.mod-archive02 .column-03 .box-01 {
  left: 32px;
  top: 310px;
  width: 245px;
}
body.tablet-device .mod-archive02 .column-03 .box-01 {
  left: 64px;
  top: 620px;
  width: 490px;
}
.mod-archive02 .column-03 .box-02 {
  left: 32px;
  top: 465px;
  width: 270px;
}
body.tablet-device .mod-archive02 .column-03 .box-02 {
  left: 64px;
  top: 930px;
  width: 540px;
}
.mod-archive02 .column-04 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a02_04.png") no-repeat center 0;
  background-size: 750px 923.5px;
  height: 923.5px;
}
body.tablet-device .mod-archive02 .column-04 {
  background-size: 1500px 1847px;
  height: 1847px;
}
.mod-archive02 .column-04 .box-01 {
  left: 37px;
  top: 45px;
  width: 250px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
body.tablet-device .mod-archive02 .column-04 .box-01 {
  left: 74px;
  top: 90px;
  width: 500px;
}
.mod-archive02 .column-04 .box-01 .txt {
  letter-spacing: 0;
}
.mod-archive02 .column-04 .box-02 {
  left: 40px;
  top: 202px;
  width: 240px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
body.tablet-device .mod-archive02 .column-04 .box-02 {
  left: 80px;
  top: 404px;
  width: 480px;
}
.mod-archive02 .column-05 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a02_05.png") no-repeat center 0;
  background-size: 750px 976px;
  height: 976px;
}
body.tablet-device .mod-archive02 .column-05 {
  background-size: 1500px 1952px;
  height: 1952px;
}
.mod-archive02 .column-05 .box-01 {
  left: 32px;
  top: 416px;
  width: 245px;
}
body.tablet-device .mod-archive02 .column-05 .box-01 {
  left: 64px;
  top: 832px;
  width: 490px;
}
.mod-archive02 .column-05 .box-02 {
  left: 32px;
  top: 650px;
  width: 245px;
}
body.tablet-device .mod-archive02 .column-05 .box-02 {
  left: 64px;
  top: 1300px;
  width: 490px;
}

.mod-archive03 {
  padding-top: 57px;
}
body.tablet-device .mod-archive03 {
  padding-top: 114px;
}
.mod-archive03 .archive_header .h2-01 {
  left: 8px;
  top: 34px;
}
body.tablet-device .mod-archive03 .archive_header .h2-01 {
  left: 16px;
  top: 68px;
}
body.tablet-device .mod-archive03 .archive_header .h2-01 img {
  width: 382px;
}
.mod-archive03 .archive_header .h3-01 {
  left: 18px;
  top: 150px;
}
body.tablet-device .mod-archive03 .archive_header .h3-01 {
  left: 39px;
  top: 300px;
}
body.tablet-device .mod-archive03 .archive_header .h3-01 img {
  width: 276px;
}
.mod-archive03 .column-01 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a03_01.png") no-repeat center 0;
  background-size: 750px 902px;
  height: 902px;
}
body.tablet-device .mod-archive03 .column-01 {
  background-size: 1500px 1804px;
  height: 1804px;
}
.mod-archive03 .column-01 .box-01 {
  left: 41px;
  top: 384px;
  width: 235px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.mod-archive03 .column-01 .box-01 .txt {
  line-height: 1.8;
  letter-spacing: 0.4px;
}
body.tablet-device .mod-archive03 .column-01 .box-01 {
  left: 82px;
  top: 768px;
  width: 470px;
}
.mod-archive03 .column-01 .box-02 {
  left: 71px;
  top: 597px;
  width: 230px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
body.tablet-device .mod-archive03 .column-01 .box-02 {
  left: 142px;
  top: 1194px;
  width: 460px;
}
.mod-archive03 .column-02 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a03_02.png") no-repeat center 0;
  background-size: 750px 289px;
  height: 289px;
}
body.tablet-device .mod-archive03 .column-02 {
  background-size: 1500px 578px;
  height: 578px;
}
.mod-archive03 .column-02 .box-01 {
  left: 66px;
  top: 0;
  width: 225px;
}
body.tablet-device .mod-archive03 .column-02 .box-01 {
  left: 132px;
  top: 0;
  width: 450px;
}
.mod-archive03 .column-02 .box-02 {
  left: 67px;
  top: 123px;
  width: 232px;
}
body.tablet-device .mod-archive03 .column-02 .box-02 {
  left: 134px;
  top: 246px;
  width: 464px;
}
.mod-archive03 .column-03 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a03_03.png") no-repeat center 0;
  background-size: 750px 1003.5px;
  height: 1003.5px;
}
body.tablet-device .mod-archive03 .column-03 {
  background-size: 1500px 2007px;
  height: 2007px;
}
.mod-archive03 .column-03 .box-01 {
  left: 37px;
  top: 359px;
  width: 245px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
body.tablet-device .mod-archive03 .column-03 .box-01 {
  left: 74px;
  top: 718px;
  width: 490px;
}
.mod-archive03 .column-03 .box-02 {
  left: 77px;
  top: 667px;
  width: 220px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
body.tablet-device .mod-archive03 .column-03 .box-02 {
  left: 154px;
  top: 1334px;
  width: 440px;
}
.mod-archive03 .column-04 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a03_04.png") no-repeat center 0;
  background-size: 750px 813.5px;
  height: 813.5px;
}
body.tablet-device .mod-archive03 .column-04 {
  background-size: 1500px 1627px;
  height: 1627px;
}
.mod-archive03 .column-04 .box-01 {
  left: 18px;
  top: 436px;
  width: 240px;
}
.mod-archive03 .column-04 .box-01 .txt {
  letter-spacing: 0;
}
body.tablet-device .mod-archive03 .column-04 .box-01 {
  left: 36px;
  top: 872px;
  width: 480px;
}
.mod-archive03 .column-04 .box-02 {
  left: 133px;
  top: 574px;
  width: 182px;
}
.mod-archive03 .column-04 .box-02 .ttl {
  letter-spacing: 0;
}
body.tablet-device .mod-archive03 .column-04 .box-02 {
  left: 266px;
  top: 1148px;
  width: 364px;
}
.mod-archive03 .column-05 {
  background: url("/sp/hanatsubaki/2015dream/img/archive/bg_a03_05.png") no-repeat center 0;
  background-size: 750px 738.5px;
  height: 738.5px;
}
body.tablet-device .mod-archive03 .column-05 {
  background-size: 1500px 1477px;
  height: 1477px;
}
.mod-archive03 .column-05 .box-01 {
  left: 31px;
  top: 276px;
  width: 200px;
}
.mod-archive03 .column-05 .box-01 .txt {
  letter-spacing: 0;
}
body.tablet-device .mod-archive03 .column-05 .box-01 {
  left: 62px;
  top: 552px;
  width: 400px;
}
.mod-archive03 .column-05 .box-02 {
  left: 85px;
  top: 433px;
  width: 215px;
}
body.tablet-device .mod-archive03 .column-05 .box-02 {
  left: 170px;
  top: 866px;
  width: 430px;
}