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

.is-texture {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_pattern.png") 0 0 repeat;
  background-size: 52px auto;
}
body.tablet-device .is-texture {
  background-size: 105px 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 {
  letter-spacing: normal;
}
.mod-archive01 .box .ttl.ja, .mod-archive02 .box .ttl.ja, .mod-archive03 .box .ttl.ja {
  color: #fff;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 10px;
}
.mod-archive01 .box .ttl.ja span, .mod-archive02 .box .ttl.ja span, .mod-archive03 .box .ttl.ja span {
  background: #2cc048;
}
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: 28px;
  margin-bottom: 20px;
}
.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;
  font-style: italic;
  margin-bottom: 10px;
}
.mod-archive01 .box .ttl.en span, .mod-archive02 .box .ttl.en span, .mod-archive03 .box .ttl.en span {
  background: #ff5400;
}
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: 20px;
}
.mod-archive01 .box .txt.ja, .mod-archive02 .box .txt.ja, .mod-archive03 .box .txt.ja {
  font-size: 13px;
  color: #000;
  line-height: 23px;
  letter-spacing: 0.4px;
}
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: 26px;
  line-height: 46px;
  margin-bottom: 20px;
}
.mod-archive01 .box .txt.en, .mod-archive02 .box .txt.en, .mod-archive03 .box .txt.en {
  font-size: 12px;
  font-style: italic;
  color: #000;
  line-height: 21px;
  letter-spacing: 0px;
}
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: 24px;
  line-height: 42px;
}

.mod-archive01 .archive_header {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_a01_01.png") no-repeat center 0;
  background-size: 750px 1235px;
  height: 1235px;
}
body.tablet-device .mod-archive01 .archive_header {
  background-size: 1500px 2470px;
  height: 2470px;
}
.mod-archive01 .archive_header .h2-01 {
  left: 103.5px;
  top: 114.5px;
}
.mod-archive01 .archive_header .h2-01 img {
  width: 147px;
}
body.tablet-device .mod-archive01 .archive_header .h2-01 {
  left: 207px;
  top: 229px;
}
body.tablet-device .mod-archive01 .archive_header .h2-01 img {
  width: 294px;
}
.mod-archive01 .archive_header .h3-01 {
  left: 75px;
  top: 80px;
}
.mod-archive01 .archive_header .h3-01 img {
  width: 31px;
}
body.tablet-device .mod-archive01 .archive_header .h3-01 {
  left: 150px;
  top: 160px;
}
body.tablet-device .mod-archive01 .archive_header .h3-01 img {
  width: 62px;
}
.mod-archive01 .archive_header .box-01 {
  left: 50px;
  top: 494px;
  width: 234px;
}
body.tablet-device .mod-archive01 .archive_header .box-01 {
  left: 100px;
  top: 988px;
  width: 468px;
}
.mod-archive01 .archive_header .box-01 .txt.ja {
  color: #f66137;
}
.mod-archive01 .archive_header .box-01 .txt.ja a {
  color: #fff;
  background: #ff5400;
}
.mod-archive01 .archive_header .box-02 {
  left: 29px;
  top: 906px;
  width: 228px;
}
body.tablet-device .mod-archive01 .archive_header .box-02 {
  left: 58px;
  top: 1812px;
  width: 456px;
}
.mod-archive01 .column-01 {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_a01_02.png") no-repeat center 0;
  background-size: 750px 830px;
  height: 830px;
}
body.tablet-device .mod-archive01 .column-01 {
  background-size: 1500px 1660px;
  height: 1660px;
}
.mod-archive01 .column-01 .box-01 {
  left: 15px;
  top: 320px;
  width: 270px;
}
body.tablet-device .mod-archive01 .column-01 .box-01 {
  left: 30px;
  top: 640px;
  width: 540px;
}
.mod-archive01 .column-01 .box-02 {
  left: 60px;
  top: 576px;
  width: 244px;
}
body.tablet-device .mod-archive01 .column-01 .box-02 {
  left: 120px;
  top: 1152px;
  width: 488px;
}
.mod-archive01 .column-02 {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_a01_03.png") no-repeat center 0;
  background-size: 750px 950px;
  height: 950px;
}
body.tablet-device .mod-archive01 .column-02 {
  background-size: 1500px 1900px;
  height: 1900px;
}
.mod-archive01 .column-02 .box-01 {
  left: 37px;
  top: 409px;
  width: 270px;
}
body.tablet-device .mod-archive01 .column-02 .box-01 {
  left: 74px;
  top: 818px;
  width: 540px;
}
.mod-archive01 .column-02 .box-02 {
  left: 15px;
  top: 660px;
  width: 250px;
}
body.tablet-device .mod-archive01 .column-02 .box-02 {
  left: 30px;
  top: 1320px;
  width: 500px;
}
.mod-archive01 .column-03 {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_a01_04.png") no-repeat center 0;
  background-size: 750px 1200px;
  height: 1200px;
}
body.tablet-device .mod-archive01 .column-03 {
  background-size: 1500px 2400px;
  height: 2400px;
}
.mod-archive01 .column-03 .box-01 {
  left: 15px;
  top: 466px;
  width: 270px;
}
body.tablet-device .mod-archive01 .column-03 .box-01 {
  left: 30px;
  top: 932px;
  width: 540px;
}
.mod-archive01 .column-03 .box-02 {
  left: 60px;
  top: 724px;
  width: 250px;
}
body.tablet-device .mod-archive01 .column-03 .box-02 {
  left: 120px;
  top: 1448px;
  width: 500px;
}
.mod-archive01 .column-04 {
  background: url("/sp/hanatsubaki/2015home/img/archive02/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: 16px;
  top: 336px;
  width: 260px;
}
body.tablet-device .mod-archive01 .column-04 .box-01 {
  left: 32px;
  top: 672px;
  width: 520px;
}
.mod-archive01 .column-04 .box-02 {
  left: 60px;
  top: 635px;
  width: 250px;
}
body.tablet-device .mod-archive01 .column-04 .box-02 {
  left: 120px;
  top: 1270px;
  width: 500px;
}
.mod-archive01 .column-05 {
  height: 200px;
}
body.tablet-device .mod-archive01 .column-05 {
  height: 400px;
}
.mod-archive01 .column-05 .ja {
  position: absolute;
  left: 42px;
  top: 15px;
  width: 250px;
  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: 84px;
  top: 30px;
  width: 500px;
  font-size: 16px;
}
.mod-archive01 .column-05 .en {
  position: absolute;
  left: 41px;
  top: 115px;
  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: 230px;
  width: 500px;
  font-size: 16px;
}

.mod-archive02 .archive_header .h2-01 {
  left: 103.5px;
  top: 114.5px;
}
.mod-archive02 .archive_header .h2-01 img {
  width: 147px;
}
body.tablet-device .mod-archive02 .archive_header .h2-01 {
  left: 207px;
  top: 229px;
}
body.tablet-device .mod-archive02 .archive_header .h2-01 img {
  width: 294px;
}
.mod-archive02 .archive_header .h3-01 {
  left: 89.5px;
  top: 88px;
}
.mod-archive02 .archive_header .h3-01 img {
  width: 17px;
}
body.tablet-device .mod-archive02 .archive_header .h3-01 {
  left: 179px;
  top: 176px;
}
body.tablet-device .mod-archive02 .archive_header .h3-01 img {
  width: 34px;
}
.mod-archive02 .column-01 {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_a02_01.png") no-repeat center 0;
  background-size: 750px 1175px;
  height: 1175px;
}
body.tablet-device .mod-archive02 .column-01 {
  background-size: 1500px 2350px;
  height: 2350px;
}
.mod-archive02 .column-01 .box-01 {
  left: 47px;
  top: 549px;
  width: 260px;
}
body.tablet-device .mod-archive02 .column-01 .box-01 {
  left: 94px;
  top: 1098px;
  width: 520px;
}
.mod-archive02 .column-01 .box-01 .txt {
  letter-spacing: 0;
}
.mod-archive02 .column-01 .box-02 {
  left: 25px;
  top: 834px;
  width: 228px;
}
body.tablet-device .mod-archive02 .column-01 .box-02 {
  left: 50px;
  top: 1668px;
  width: 456px;
}
.mod-archive02 .column-02 {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_a02_02.png") no-repeat center 0;
  background-size: 750px 965px;
  height: 965px;
}
body.tablet-device .mod-archive02 .column-02 {
  background-size: 1500px 1930px;
  height: 1930px;
}
.mod-archive02 .column-02 .box-01 {
  left: 73px;
  top: 435px;
  width: 240px;
}
body.tablet-device .mod-archive02 .column-02 .box-01 {
  left: 146px;
  top: 870px;
  width: 480px;
}
.mod-archive02 .column-02 .box-02 {
  left: 30px;
  top: 702px;
  width: 226px;
}
body.tablet-device .mod-archive02 .column-02 .box-02 {
  left: 60px;
  top: 1404px;
  width: 452px;
}
.mod-archive02 .column-03 {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_a02_03.png") no-repeat center 0;
  background-size: 750px 785px;
  height: 785px;
}
body.tablet-device .mod-archive02 .column-03 {
  background-size: 1500px 1570px;
  height: 1570px;
}
.mod-archive02 .column-03 .box-01 {
  left: 15px;
  top: 383px;
  width: 265px;
}
body.tablet-device .mod-archive02 .column-03 .box-01 {
  left: 30px;
  top: 766px;
  width: 530px;
}
.mod-archive02 .column-03 .box-02 {
  left: 58px;
  top: 602px;
  width: 245px;
}
body.tablet-device .mod-archive02 .column-03 .box-02 {
  left: 116px;
  top: 1204px;
  width: 490px;
}
.mod-archive02 .column-04 {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_a02_04.png") no-repeat center 0;
  background-size: 750px 960px;
  height: 960px;
}
body.tablet-device .mod-archive02 .column-04 {
  background-size: 1500px 1920px;
  height: 1920px;
}
.mod-archive02 .column-04 .box-01 {
  left: 20px;
  top: 324px;
  width: 260px;
}
body.tablet-device .mod-archive02 .column-04 .box-01 {
  left: 40px;
  top: 648px;
  width: 520px;
}
.mod-archive02 .column-04 .box-02 {
  left: 20px;
  top: 605px;
  width: 240px;
}
body.tablet-device .mod-archive02 .column-04 .box-02 {
  left: 40px;
  top: 1210px;
  width: 480px;
}

.mod-archive03 .archive_header .h2-01 {
  left: 103.5px;
  top: 134px;
}
.mod-archive03 .archive_header .h2-01 img {
  width: 147px;
}
body.tablet-device .mod-archive03 .archive_header .h2-01 {
  left: 207px;
  top: 268px;
}
body.tablet-device .mod-archive03 .archive_header .h2-01 img {
  width: 294px;
}
.mod-archive03 .archive_header .h3-01 {
  left: 75px;
  top: 80px;
}
.mod-archive03 .archive_header .h3-01 img {
  width: 31px;
}
body.tablet-device .mod-archive03 .archive_header .h3-01 {
  left: 150px;
  top: 160px;
}
body.tablet-device .mod-archive03 .archive_header .h3-01 img {
  width: 62px;
}
.mod-archive03 .column-01 {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_a03_01.png") no-repeat center 0;
  background-size: 750px 1215px;
  height: 1215px;
}
body.tablet-device .mod-archive03 .column-01 {
  background-size: 1500px 2430px;
  height: 2430px;
}
.mod-archive03 .column-01 .box-01 {
  left: 47px;
  top: 588px;
  width: 260px;
}
body.tablet-device .mod-archive03 .column-01 .box-01 {
  left: 94px;
  top: 1176px;
  width: 520px;
}
.mod-archive03 .column-01 .box-02 {
  left: 70px;
  top: 811px;
  width: 234px;
}
body.tablet-device .mod-archive03 .column-01 .box-02 {
  left: 140px;
  top: 1622px;
  width: 468px;
}
.mod-archive03 .column-02 {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_a03_02.png") no-repeat center 0;
  background-size: 750px 830px;
  height: 830px;
}
body.tablet-device .mod-archive03 .column-02 {
  background-size: 1500px 1660px;
  height: 1660px;
}
.mod-archive03 .column-02 .box-01 {
  left: 53px;
  top: 381px;
  width: 240px;
}
body.tablet-device .mod-archive03 .column-02 .box-01 {
  left: 106px;
  top: 762px;
  width: 480px;
}
.mod-archive03 .column-02 .box-02 {
  left: 45px;
  top: 603px;
  width: 225px;
}
body.tablet-device .mod-archive03 .column-02 .box-02 {
  left: 90px;
  top: 1206px;
  width: 450px;
}
.mod-archive03 .column-03 {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_a03_03.png") no-repeat center 0;
  background-size: 750px 850px;
  height: 850px;
}
body.tablet-device .mod-archive03 .column-03 {
  background-size: 1500px 1700px;
  height: 1700px;
}
.mod-archive03 .column-03 .box-01 {
  left: 30px;
  top: 390px;
  width: 245px;
}
body.tablet-device .mod-archive03 .column-03 .box-01 {
  left: 60px;
  top: 780px;
  width: 490px;
}
.mod-archive03 .column-03 .box-02 {
  left: 70px;
  top: 624px;
  width: 234px;
}
body.tablet-device .mod-archive03 .column-03 .box-02 {
  left: 140px;
  top: 1248px;
  width: 468px;
}
.mod-archive03 .column-04 {
  background: url("/sp/hanatsubaki/2015home/img/archive02/bg_a03_04.png") no-repeat center 0;
  background-size: 750px 1000px;
  height: 1000px;
}
body.tablet-device .mod-archive03 .column-04 {
  background-size: 1500px 2000px;
  height: 2000px;
}
.mod-archive03 .column-04 .box-01 {
  left: 31px;
  top: 416px;
  width: 240px;
}
body.tablet-device .mod-archive03 .column-04 .box-01 {
  left: 62px;
  top: 832px;
  width: 480px;
}
.mod-archive03 .column-04 .box-01 .txt {
  letter-spacing: 0;
}
.mod-archive03 .column-04 .box-02 {
  left: 70px;
  top: 709px;
  width: 230px;
}
body.tablet-device .mod-archive03 .column-04 .box-02 {
  left: 140px;
  top: 1418px;
  width: 460px;
}