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

.is-texture {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_pattern.png") 0 0 repeat;
  background-size: 1051px auto;
}
body.tablet-device .is-texture {
  background-size: 1752px 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;
  letter-spacing: normal;
}
.mod-archive01 .box .ttl.ja, .mod-archive02 .box .ttl.ja, .mod-archive03 .box .ttl.ja {
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 5px;
}
.mod-archive01 .box .ttl.ja span, .mod-archive02 .box .ttl.ja span, .mod-archive03 .box .ttl.ja span {
  background: #312c32;
}
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: 26px;
  margin-bottom: 10px;
}
.mod-archive01 .box .ttl.en, .mod-archive02 .box .ttl.en, .mod-archive03 .box .ttl.en {
  color: #FFF;
  font-size: 13px;
  letter-spacing: 0.4px;
  line-height: 1.7;
  margin-bottom: 5px;
}
.mod-archive01 .box .ttl.en span, .mod-archive02 .box .ttl.en span, .mod-archive03 .box .ttl.en span {
  background: #c5a3df;
}
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: 26px;
  margin-bottom: 10px;
}
.mod-archive01 .box .txt, .mod-archive02 .box .txt, .mod-archive03 .box .txt {
  letter-spacing: normal;
}
.mod-archive01 .box .txt a, .mod-archive02 .box .txt a, .mod-archive03 .box .txt a {
  color: #2C2C2C;
  font-size: 12px;
  background: #FBF036;
}
body.tablet-device .mod-archive01 .box .txt a, body.tablet-device .mod-archive02 .box .txt a, body.tablet-device .mod-archive03 .box .txt a {
  font-size: 24px;
}
.mod-archive01 .box .txt.ja, .mod-archive02 .box .txt.ja, .mod-archive03 .box .txt.ja {
  font-size: 12px;
  color: #000;
  line-height: 1.99;
  margin-bottom: 10px;
}
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: 24px;
  margin-bottom: 20px;
}
.mod-archive01 .box .txt.en, .mod-archive02 .box .txt.en, .mod-archive03 .box .txt.en {
  font-size: 11px;
  font-style: italic;
  color: #666;
  line-height: 1.88;
}
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: 22px;
}

.white {
  color: #FFF;
}

.black {
  color: #2c2c2c;
}

.mod-archive01 .archive_header {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a01_01.png") no-repeat center 0;
  background-size: 750px 675px;
  height: 675px;
}
body.tablet-device .mod-archive01 .archive_header {
  background-size: 1500px 1350px;
  height: 1350px;
}
.mod-archive01 .archive_header .h2-01 {
  left: 90px;
  top: 54px;
}
body.tablet-device .mod-archive01 .archive_header .h2-01 {
  left: 180px;
  top: 108px;
}
body.tablet-device .mod-archive01 .archive_header .h2-01 img {
  width: 434px;
}
.mod-archive01 .archive_header .h3-01 {
  left: 12px;
  top: 146px;
}
body.tablet-device .mod-archive01 .archive_header .h3-01 {
  left: 24px;
  top: 292px;
}
body.tablet-device .mod-archive01 .archive_header .h3-01 img {
  width: 396px;
}
.mod-archive01 .column-01 {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a01_02.png") no-repeat center 0;
  background-size: 750px 1125px;
  height: 1125px;
}
body.tablet-device .mod-archive01 .column-01 {
  background-size: 1500px 2250px;
  height: 2250px;
}
.mod-archive01 .column-01 .box-01 {
  left: 60px;
  top: 15px;
  width: 220px;
}
body.tablet-device .mod-archive01 .column-01 .box-01 {
  left: 120px;
  top: 30px;
  width: 440px;
}
.mod-archive01 .column-01 .box-02 {
  left: 29px;
  top: 381px;
  width: 255px;
}
.mod-archive01 .column-01 .box-02 .txt span {
  font-size: 10px;
  line-height: 1.8;
  margin: 5px 0 10px;
  display: inline-block;
}
body.tablet-device .mod-archive01 .column-01 .box-02 {
  left: 58px;
  top: 762px;
  width: 510px;
}
body.tablet-device .mod-archive01 .column-01 .box-02 .txt span {
  font-size: 20px;
  margin: 10px 0 20px;
}
.mod-archive01 .column-01 .box-03 {
  left: 30px;
  top: 763px;
  width: 255px;
}
.mod-archive01 .column-01 .box-03 .txt span {
  font-size: 9px;
  line-height: 1.7;
  margin: 5px 0 10px;
  display: inline-block;
}
body.tablet-device .mod-archive01 .column-01 .box-03 {
  left: 60px;
  top: 1526px;
  width: 510px;
}
body.tablet-device .mod-archive01 .column-01 .box-03 .txt span {
  font-size: 18px;
  margin: 10px 0 20px;
}
.mod-archive01 .column-02 {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a01_03.png") no-repeat center 0;
  background-size: 750px 780px;
  height: 780px;
}
body.tablet-device .mod-archive01 .column-02 {
  background-size: 1500px 1560px;
  height: 1560px;
}
.mod-archive01 .column-02 .box-01 {
  left: 30px;
  top: 379px;
  width: 260px;
}
body.tablet-device .mod-archive01 .column-02 .box-01 {
  left: 60px;
  top: 758px;
  width: 520px;
}
.mod-archive01 .column-02 .box-02 {
  left: 30px;
  top: 559px;
  width: 250px;
}
body.tablet-device .mod-archive01 .column-02 .box-02 {
  left: 60px;
  top: 1118px;
  width: 500px;
}
.mod-archive01 .column-03 {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a01_04.png") no-repeat center 0;
  background-size: 750px 930px;
  height: 930px;
}
body.tablet-device .mod-archive01 .column-03 {
  background-size: 1500px 1860px;
  height: 1860px;
}
.mod-archive01 .column-03 .box-01 {
  left: 30px;
  top: 402px;
  width: 250px;
}
body.tablet-device .mod-archive01 .column-03 .box-01 {
  left: 60px;
  top: 804px;
  width: 500px;
}
.mod-archive01 .column-03 .box-02 {
  left: 30px;
  top: 597px;
  width: 260px;
}
body.tablet-device .mod-archive01 .column-03 .box-02 {
  left: 60px;
  top: 1194px;
  width: 520px;
}
.mod-archive01 .column-04 {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a01_05.png") no-repeat center 0;
  background-size: 750px 925px;
  height: 925px;
}
body.tablet-device .mod-archive01 .column-04 {
  background-size: 1500px 1850px;
  height: 1850px;
}
.mod-archive01 .column-04 .box-01 {
  left: 30px;
  top: 418px;
  width: 261px;
}
body.tablet-device .mod-archive01 .column-04 .box-01 {
  left: 60px;
  top: 836px;
  width: 522px;
}
.mod-archive01 .column-04 .box-02 {
  left: 30px;
  top: 597px;
  width: 259px;
}
body.tablet-device .mod-archive01 .column-04 .box-02 {
  left: 60px;
  top: 1194px;
  width: 518px;
}
.mod-archive01 .column-05 {
  height: 145px;
}
body.tablet-device .mod-archive01 .column-05 {
  height: 290px;
}
.mod-archive01 .column-05 .ja {
  position: absolute;
  left: 28px;
  top: -15px;
  width: 266px;
  font-size: 8px;
  line-height: 1.6;
  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: 56px;
  top: -30px;
  width: 532px;
  font-size: 16px;
}
.mod-archive01 .column-05 .en {
  position: absolute;
  left: 41px;
  top: 67px;
  width: 250px;
  font-size: 8px;
  line-height: 1.6;
  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: 82px;
  top: 134px;
  width: 500px;
  font-size: 16px;
}

.mod-archive02 .archive_header {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a02_01.png") no-repeat center 0;
  background-size: 750px 615px;
  height: 615px;
}
body.tablet-device .mod-archive02 .archive_header {
  background-size: 1500px 1230px;
  height: 1230px;
}
.mod-archive02 .archive_header .h2-01 {
  left: -2px;
  top: 76px;
}
body.tablet-device .mod-archive02 .archive_header .h2-01 {
  left: -4px;
  top: 142px;
}
body.tablet-device .mod-archive02 .archive_header .h2-01 img {
  width: 370px;
}
.mod-archive02 .archive_header .h3-01 {
  left: 10px;
  top: 245px;
}
body.tablet-device .mod-archive02 .archive_header .h3-01 {
  left: 20px;
  top: 490px;
}
body.tablet-device .mod-archive02 .archive_header .h3-01 img {
  width: 392px;
}
.mod-archive02 .column-01 {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a02_02.png") no-repeat center 0;
  background-size: 750px 600px;
  height: 600px;
}
body.tablet-device .mod-archive02 .column-01 {
  background-size: 1500px 1200px;
  height: 1200px;
}
.mod-archive02 .column-01 .box-01 {
  left: 32px;
  top: 17px;
  width: 262px;
}
body.tablet-device .mod-archive02 .column-01 .box-01 {
  left: 64px;
  top: 34px;
  width: 524px;
}
.mod-archive02 .column-01 .box-02 {
  left: 31px;
  top: 262px;
  width: 243px;
}
body.tablet-device .mod-archive02 .column-01 .box-02 {
  left: 62px;
  top: 524px;
  width: 486px;
}
.mod-archive02 .column-02 {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a02_03.png") no-repeat center 0;
  background-size: 750px 750px;
  height: 750px;
}
body.tablet-device .mod-archive02 .column-02 {
  background-size: 1500px 1500px;
  height: 1500px;
}
.mod-archive02 .column-02 .box-01 {
  left: 31px;
  top: 387px;
  width: 262px;
}
body.tablet-device .mod-archive02 .column-02 .box-01 {
  left: 62px;
  top: 774px;
  width: 524px;
}
.mod-archive02 .column-02 .box-02 {
  left: 29px;
  top: 561px;
  width: 240px;
}
body.tablet-device .mod-archive02 .column-02 .box-02 {
  left: 58px;
  top: 1122px;
  width: 480px;
}
.mod-archive02 .column-03 {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a02_04.png") no-repeat center 0;
  background-size: 750px 900px;
  height: 900px;
}
body.tablet-device .mod-archive02 .column-03 {
  background-size: 1500px 1800px;
  height: 1800px;
}
.mod-archive02 .column-03 .box-01 {
  left: 31px;
  top: 341px;
  width: 255px;
}
body.tablet-device .mod-archive02 .column-03 .box-01 {
  left: 62px;
  top: 682px;
  width: 470px;
}
.mod-archive02 .column-03 .box-02 {
  left: 30px;
  top: 560px;
  width: 230px;
}
body.tablet-device .mod-archive02 .column-03 .box-02 {
  left: 60px;
  top: 1120px;
  width: 460px;
}
.mod-archive02 .column-04 {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a02_05.png") no-repeat center 0;
  background-size: 750px 825px;
  height: 825px;
}
body.tablet-device .mod-archive02 .column-04 {
  background-size: 1500px 1650px;
  height: 1650px;
}
.mod-archive02 .column-04 .box-01 {
  left: 31px;
  top: 367px;
  width: 260px;
}
body.tablet-device .mod-archive02 .column-04 .box-01 {
  left: 62px;
  top: 734px;
  width: 520px;
}
.mod-archive02 .column-04 .box-02 {
  left: 32px;
  top: 580px;
  width: 238px;
}
body.tablet-device .mod-archive02 .column-04 .box-02 {
  left: 64px;
  top: 1160px;
  width: 476px;
}

.mod-archive03 .archive_header {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a03_01.png") no-repeat center 0;
  background-size: 750px 565px;
  height: 565px;
}
body.tablet-device .mod-archive03 .archive_header {
  background-size: 1500px 1130px;
  height: 1130px;
}
.mod-archive03 .archive_header .h2-01 {
  left: 120px;
  top: 73px;
}
body.tablet-device .mod-archive03 .archive_header .h2-01 {
  left: 240px;
  top: 146px;
}
body.tablet-device .mod-archive03 .archive_header .h2-01 img {
  width: 360px;
}
.mod-archive03 .archive_header .h3-01 {
  left: 15px;
  top: 136px;
}
body.tablet-device .mod-archive03 .archive_header .h3-01 {
  left: 30px;
  top: 272px;
}
body.tablet-device .mod-archive03 .archive_header .h3-01 img {
  width: 264px;
}
.mod-archive03 .column-01 {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a03_02.png") no-repeat center 0;
  background-size: 750px 425px;
  height: 425px;
}
body.tablet-device .mod-archive03 .column-01 {
  background-size: 1500px 850px;
  height: 850px;
}
.mod-archive03 .column-01 .box-01 {
  left: 32px;
  top: 7px;
  width: 260px;
}
body.tablet-device .mod-archive03 .column-01 .box-01 {
  left: 64px;
  top: 14px;
  width: 520px;
}
.mod-archive03 .column-01 .box-02 {
  left: 32px;
  top: 205px;
  width: 240px;
}
body.tablet-device .mod-archive03 .column-01 .box-02 {
  left: 64px;
  top: 410px;
  width: 480px;
}
.mod-archive03 .column-02 {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a03_03.png") no-repeat center 0;
  background-size: 750px 750px;
  height: 750px;
}
body.tablet-device .mod-archive03 .column-02 {
  background-size: 1500px 1500px;
  height: 1500px;
}
.mod-archive03 .column-02 .box-01 {
  left: 29px;
  top: 358px;
  width: 255px;
}
body.tablet-device .mod-archive03 .column-02 .box-01 {
  left: 48px;
  top: 716px;
  width: 510px;
}
.mod-archive03 .column-02 .box-02 {
  left: 30px;
  top: 510px;
  width: 245px;
}
body.tablet-device .mod-archive03 .column-02 .box-02 {
  left: 60px;
  top: 1020px;
  width: 490px;
}
.mod-archive03 .column-03 {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a03_04.png") no-repeat center 0;
  background-size: 750px 825px;
  height: 825px;
}
body.tablet-device .mod-archive03 .column-03 {
  background-size: 1500px 1650px;
  height: 1650px;
}
.mod-archive03 .column-03 .box-01 {
  left: 33px;
  top: 372px;
  width: 260px;
}
body.tablet-device .mod-archive03 .column-03 .box-01 {
  left: 66px;
  top: 744px;
  width: 520px;
}
.mod-archive03 .column-03 .box-02 {
  left: 32px;
  top: 594px;
  width: 245px;
}
body.tablet-device .mod-archive03 .column-03 .box-02 {
  left: 62px;
  top: 1188px;
  width: 490px;
}
.mod-archive03 .column-04 {
  background: url("/sp/hanatsubaki/2015art/img/archive/bg_a03_05.png") no-repeat center 0;
  background-size: 750px 950px;
  height: 950px;
}
body.tablet-device .mod-archive03 .column-04 {
  background-size: 1500px 1900px;
  height: 1900px;
}
.mod-archive03 .column-04 .box-01 {
  left: 30px;
  top: 366px;
  width: 265px;
}
body.tablet-device .mod-archive03 .column-04 .box-01 {
  left: 60px;
  top: 732px;
  width: 530px;
}
.mod-archive03 .column-04 .box-02 {
  left: 30px;
  top: 625px;
  width: 265px;
}
body.tablet-device .mod-archive03 .column-04 .box-02 {
  left: 60px;
  top: 1250px;
  width: 530px;
}