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

.is-texture {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_pattern.png") 0 0 repeat;
  background-size: 40px auto;
}
body.tablet-device .is-texture {
  background-size: 79px 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: #c25344;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 10px;
}
.mod-archive01 .box .ttl.ja span, .mod-archive02 .box .ttl.ja span, .mod-archive03 .box .ttl.ja span {
  background: #ffd5c7;
}
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: 20px;
}
.mod-archive01 .box .ttl.en, .mod-archive02 .box .ttl.en, .mod-archive03 .box .ttl.en {
  color: #419f01;
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 1.7;
  margin-bottom: 10px;
}
.mod-archive01 .box .ttl.en span, .mod-archive02 .box .ttl.en span, .mod-archive03 .box .ttl.en span {
  background: #dbf1b9;
}
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, .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: #c25344;
  line-height: 1.917em;
  margin-bottom: 10px;
}
.mod-archive01 .box .txt.ja span, .mod-archive02 .box .txt.ja span, .mod-archive03 .box .txt.ja span {
  background: #ffeee8;
}
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: #179f01;
  line-height: 1.818em;
}
.mod-archive01 .box .txt.en span, .mod-archive02 .box .txt.en span, .mod-archive03 .box .txt.en span {
  background: #edf9da;
}
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;
}

.mod-archive01 .archive_header {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a01_01.png") no-repeat center 0;
  background-size: 750px 446px;
  height: 446px;
}
body.tablet-device .mod-archive01 .archive_header {
  background-size: 1500px 892px;
  height: 892px;
}
.mod-archive01 .archive_header .h2-01 {
  left: 137px;
  top: 105px;
}
body.tablet-device .mod-archive01 .archive_header .h2-01 {
  left: 274px;
  top: 210px;
}
body.tablet-device .mod-archive01 .archive_header .h2-01 img {
  width: 336px;
}
.mod-archive01 .archive_header .h3-01 {
  left: 22px;
  top: 105px;
}
body.tablet-device .mod-archive01 .archive_header .h3-01 {
  left: 45px;
  top: 210px;
}
body.tablet-device .mod-archive01 .archive_header .h3-01 img {
  width: 142px;
}
.mod-archive01 .column-01 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a01_02.png") no-repeat center 0;
  background-size: 750px 749px;
  height: 749px;
}
body.tablet-device .mod-archive01 .column-01 {
  background-size: 1500px 1498px;
  height: 1498px;
}
.mod-archive01 .column-01 .box-01 {
  left: 30px;
  top: 42px;
  width: 267px;
}
.mod-archive01 .column-01 .box-01 .ttl {
  text-align: center;
}
.mod-archive01 .column-01 .box-01 .ttl.ja {
  font-size: 15px;
  margin-bottom: 5px;
}
.mod-archive01 .column-01 .box-01 .ttl.en {
  font-size: 14px;
  margin-bottom: 7px;
}
.mod-archive01 .column-01 .box-01 .txt.ja {
  margin-bottom: 15px;
  padding-right: 7px;
}
body.tablet-device .mod-archive01 .column-01 .box-01 {
  left: 60px;
  top: 84px;
  width: 534px;
}
body.tablet-device .mod-archive01 .column-01 .box-01 .ttl.ja {
  font-size: 30px;
  margin-bottom: 10px;
}
body.tablet-device .mod-archive01 .column-01 .box-01 .ttl.en {
  font-size: 28px;
  margin-bottom: 14px;
}
body.tablet-device .mod-archive01 .column-01 .box-01 .txt.ja {
  margin-bottom: 30px;
  padding-right: 14px;
}
.mod-archive01 .column-02 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a01_03.png") no-repeat center 0;
  background-size: 750px 750px;
  height: 750px;
}
body.tablet-device .mod-archive01 .column-02 {
  background-size: 1500px 1500px;
  height: 1500px;
}
.mod-archive01 .column-02 .box-01 {
  left: 33px;
  top: 234px;
  width: 260px;
}
body.tablet-device .mod-archive01 .column-02 .box-01 {
  left: 66px;
  top: 468px;
  width: 520px;
}
.mod-archive01 .column-02 .box-02 {
  left: 33px;
  top: 468px;
  width: 250px;
}
body.tablet-device .mod-archive01 .column-02 .box-02 {
  left: 66px;
  top: 936px;
  width: 500px;
}
.mod-archive01 .column-03 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a01_04.png") no-repeat center 0;
  background-size: 750px 1025px;
  height: 1025px;
}
body.tablet-device .mod-archive01 .column-03 {
  background-size: 1500px 2050px;
  height: 2050px;
}
.mod-archive01 .column-03 .box-01 {
  left: 33px;
  top: 481px;
  width: 260px;
}
body.tablet-device .mod-archive01 .column-03 .box-01 {
  left: 66px;
  top: 962px;
  width: 520px;
}
.mod-archive01 .column-03 .box-02 {
  left: 33px;
  top: 735px;
  width: 260px;
}
body.tablet-device .mod-archive01 .column-03 .box-02 {
  left: 66px;
  top: 1470px;
  width: 520px;
}
.mod-archive01 .column-04 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a01_05.png") no-repeat center 0;
  background-size: 750px 775px;
  height: 775px;
}
body.tablet-device .mod-archive01 .column-04 {
  background-size: 1500px 1550px;
  height: 1550px;
}
.mod-archive01 .column-04 .box-01 {
  left: 33px;
  top: 355px;
  width: 260px;
}
body.tablet-device .mod-archive01 .column-04 .box-01 {
  left: 66px;
  top: 710px;
  width: 520px;
}
.mod-archive01 .column-04 .box-02 {
  left: 33px;
  top: 519px;
  width: 260px;
}
body.tablet-device .mod-archive01 .column-04 .box-02 {
  left: 66px;
  top: 1038px;
  width: 520px;
}
.mod-archive01 .column-05 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a01_06.png") no-repeat center 0;
  background-size: 750px 876px;
  height: 876px;
}
body.tablet-device .mod-archive01 .column-05 {
  background-size: 1500px 1752px;
  height: 1752px;
}
.mod-archive01 .column-05 .box-01 {
  left: 33px;
  top: 356px;
  width: 250px;
}
body.tablet-device .mod-archive01 .column-05 .box-01 {
  left: 66px;
  top: 712px;
  width: 500px;
}
.mod-archive01 .column-05 .box-02 {
  left: 33px;
  top: 565px;
  width: 230px;
}
body.tablet-device .mod-archive01 .column-05 .box-02 {
  left: 66px;
  top: 1130px;
  width: 460px;
}
.mod-archive01 .column-06 {
  height: 160px;
}
body.tablet-device .mod-archive01 .column-06 {
  height: 320px;
}
.mod-archive01 .column-06 .ja {
  position: absolute;
  left: 28px;
  top: 3px;
  width: 266px;
  font-size: 8px;
  line-height: 1.6;
  color: #000;
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
.mod-archive01 .column-06 .ja span {
  background: #FFF;
}
body.tablet-device .mod-archive01 .column-06 .ja {
  left: 56px;
  top: 6px;
  width: 532px;
  font-size: 16px;
}
.mod-archive01 .column-06 .en {
  position: absolute;
  left: 41px;
  top: 84px;
  width: 250px;
  font-size: 8px;
  line-height: 1.6;
  color: #000;
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.mod-archive01 .column-06 .en span {
  background: #FFF;
}
body.tablet-device .mod-archive01 .column-06 .en {
  left: 82px;
  top: 168px;
  width: 500px;
  font-size: 16px;
}

.mod-archive02 .archive_header .h2-01 {
  left: 137px;
  top: 135px;
}
body.tablet-device .mod-archive02 .archive_header .h2-01 {
  left: 274px;
  top: 270px;
}
body.tablet-device .mod-archive02 .archive_header .h2-01 img {
  width: 336px;
}
.mod-archive02 .archive_header .h3-01 {
  left: 30px;
  top: 104px;
}
body.tablet-device .mod-archive02 .archive_header .h3-01 {
  left: 60px;
  top: 208px;
}
body.tablet-device .mod-archive02 .archive_header .h3-01 img {
  width: 166px;
}
.mod-archive02 .column-01 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a02_01.png") no-repeat center 0;
  background-size: 750px 1050px;
  height: 1050px;
}
body.tablet-device .mod-archive02 .column-01 {
  background-size: 1500px 2100px;
  height: 2100px;
}
.mod-archive02 .column-01 .box-01 {
  left: 33px;
  top: 597px;
  width: 262px;
}
body.tablet-device .mod-archive02 .column-01 .box-01 {
  left: 66px;
  top: 1194px;
  width: 524px;
}
.mod-archive02 .column-01 .box-02 {
  left: 33px;
  top: 783px;
  width: 245px;
}
body.tablet-device .mod-archive02 .column-01 .box-02 {
  left: 66px;
  top: 1566px;
  width: 490px;
}
.mod-archive02 .column-02 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a02_02.png") no-repeat center 0;
  background-size: 750px 875px;
  height: 875px;
}
body.tablet-device .mod-archive02 .column-02 {
  background-size: 1500px 1750px;
  height: 1750px;
}
.mod-archive02 .column-02 .box-01 {
  left: 33px;
  top: 409px;
  width: 262px;
}
body.tablet-device .mod-archive02 .column-02 .box-01 {
  left: 66px;
  top: 818px;
  width: 524px;
}
.mod-archive02 .column-02 .box-02 {
  left: 33px;
  top: 640px;
  width: 250px;
}
body.tablet-device .mod-archive02 .column-02 .box-02 {
  left: 66px;
  top: 1280px;
  width: 500px;
}
.mod-archive02 .column-03 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a02_03.png") no-repeat center 0;
  background-size: 750px 725px;
  height: 725px;
}
body.tablet-device .mod-archive02 .column-03 {
  background-size: 1500px 1450px;
  height: 1450px;
}
.mod-archive02 .column-03 .box-01 {
  left: 33px;
  top: 300px;
  width: 270px;
}
body.tablet-device .mod-archive02 .column-03 .box-01 {
  left: 66px;
  top: 600px;
  width: 540px;
}
.mod-archive02 .column-03 .box-02 {
  left: 33px;
  top: 511px;
  width: 230px;
}
body.tablet-device .mod-archive02 .column-03 .box-02 {
  left: 66px;
  top: 1022px;
  width: 460px;
}
.mod-archive02 .column-04 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a02_04.png") no-repeat center 0;
  background-size: 750px 800px;
  height: 800px;
}
body.tablet-device .mod-archive02 .column-04 {
  background-size: 1500px 1600px;
  height: 1600px;
}
.mod-archive02 .column-04 .box-01 {
  left: 33px;
  top: 387px;
  width: 260px;
}
body.tablet-device .mod-archive02 .column-04 .box-01 {
  left: 66px;
  top: 774px;
  width: 520px;
}
.mod-archive02 .column-04 .box-02 {
  left: 33px;
  top: 596px;
  width: 245px;
}
body.tablet-device .mod-archive02 .column-04 .box-02 {
  left: 66px;
  top: 1192px;
  width: 490px;
}

.mod-archive03 .archive_header .h2-01 {
  left: 137px;
  top: 135px;
}
body.tablet-device .mod-archive03 .archive_header .h2-01 {
  left: 274px;
  top: 260px;
}
body.tablet-device .mod-archive03 .archive_header .h2-01 img {
  width: 336px;
}
.mod-archive03 .archive_header .h3-01 {
  left: 31px;
  top: 103px;
}
body.tablet-device .mod-archive03 .archive_header .h3-01 {
  left: 62px;
  top: 206px;
}
body.tablet-device .mod-archive03 .archive_header .h3-01 img {
  width: 166px;
}
.mod-archive03 .column-01 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a03_01.png") no-repeat center 0;
  background-size: 750px 1115px;
  height: 1115px;
}
body.tablet-device .mod-archive03 .column-01 {
  background-size: 1500px 2230px;
  height: 2230px;
}
.mod-archive03 .column-01 .box-01 {
  left: 33px;
  top: 591px;
  width: 260px;
}
body.tablet-device .mod-archive03 .column-01 .box-01 {
  left: 66px;
  top: 1182px;
  width: 520px;
}
.mod-archive03 .column-01 .box-02 {
  left: 33px;
  top: 846px;
  width: 270px;
}
body.tablet-device .mod-archive03 .column-01 .box-02 {
  left: 66px;
  top: 1692px;
  width: 540px;
}
.mod-archive03 .column-02 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a03_02.png") no-repeat center 0;
  background-size: 750px 600px;
  height: 600px;
}
body.tablet-device .mod-archive03 .column-02 {
  background-size: 1500px 1200px;
  height: 1200px;
}
.mod-archive03 .column-02 .box-01 {
  left: 33px;
  top: 287px;
  width: 255px;
}
body.tablet-device .mod-archive03 .column-02 .box-01 {
  left: 66px;
  top: 574px;
  width: 510px;
}
.mod-archive03 .column-02 .box-02 {
  left: 33px;
  top: 451px;
  width: 265px;
}
body.tablet-device .mod-archive03 .column-02 .box-02 {
  left: 66px;
  top: 902px;
  width: 530px;
}
.mod-archive03 .column-03 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a03_03.png") no-repeat center 0;
  background-size: 750px 700px;
  height: 700px;
}
body.tablet-device .mod-archive03 .column-03 {
  background-size: 1500px 1400px;
  height: 1400px;
}
.mod-archive03 .column-03 .box-01 {
  left: 33px;
  top: 313px;
  width: 265px;
}
body.tablet-device .mod-archive03 .column-03 .box-01 {
  left: 66px;
  top: 626px;
  width: 530px;
}
.mod-archive03 .column-03 .box-02 {
  left: 33px;
  top: 525px;
  width: 270px;
}
body.tablet-device .mod-archive03 .column-03 .box-02 {
  left: 66px;
  top: 1050px;
  width: 540px;
}
.mod-archive03 .column-04 {
  background: url("/sp/hanatsubaki/2015home/img/archive01/bg_a03_04.png") no-repeat center 0;
  background-size: 750px 815px;
  height: 815px;
}
body.tablet-device .mod-archive03 .column-04 {
  background-size: 1500px 1630px;
  height: 1630px;
}
.mod-archive03 .column-04 .box-01 {
  left: 33px;
  top: 410px;
  width: 265px;
}
body.tablet-device .mod-archive03 .column-04 .box-01 {
  left: 66px;
  top: 820px;
  width: 530px;
}
.mod-archive03 .column-04 .box-02 {
  left: 33px;
  top: 641px;
  width: 265px;
}
body.tablet-device .mod-archive03 .column-04 .box-02 {
  left: 66px;
  top: 1282px;
  width: 530px;
}