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

.is-texture {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_pattern.png") 0 0 repeat;
  -webkit-background-size: 24px auto;
  background-size: 24px 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 {
  margin-bottom: 10px;
}
.mod-archive01 .box .ttl.ja, .mod-archive02 .box .ttl.ja, .mod-archive03 .box .ttl.ja {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.7;
}
.mod-archive01 .box .ttl.ja span, .mod-archive02 .box .ttl.ja span, .mod-archive03 .box .ttl.ja span {
  background: #C4C3C8;
}
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;
}
.mod-archive01 .box .ttl.en, .mod-archive02 .box .ttl.en, .mod-archive03 .box .ttl.en {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.4px;
  line-height: 1.7;
}
.mod-archive01 .box .ttl.en span, .mod-archive02 .box .ttl.en span, .mod-archive03 .box .ttl.en span {
  background: #b4a179;
}
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;
}
.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: #494949;
  line-height: 1.6;
}
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: 75px;
}
.mod-archive01 .column-01 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive01_01.png") no-repeat center 0;
  background-size: 750px 1671px;
  height: 1671px;
}
body.tablet-device .mod-archive01 .column-01 {
  background-size: 1500px 3342px;
  height: 3342px;
}
.mod-archive01 .column-01 .box-01 {
  left: 80px;
  top: 445px;
  width: 215px;
}
body.tablet-device .mod-archive01 .column-01 .box-01 {
  left: 160px;
  top: 890px;
  width: 430px;
}
.mod-archive01 .column-01 .box-02 {
  left: 68px;
  top: 925px;
  width: 225px;
}
body.tablet-device .mod-archive01 .column-01 .box-02 {
  left: 136px;
  top: 1850px;
  width: 430px;
}
.mod-archive01 .column-01 .box-03 {
  left: 80px;
  top: 1155px;
  width: 215px;
}
body.tablet-device .mod-archive01 .column-01 .box-03 {
  left: 160px;
  top: 2310px;
  width: 430px;
}
.mod-archive01 .column-01 .box-04 {
  left: 80px;
  top: 1446px;
  width: 215px;
}
body.tablet-device .mod-archive01 .column-01 .box-04 {
  left: 160px;
  top: 2892px;
  width: 430px;
}
.mod-archive01 .column-02 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive01_02.png") no-repeat center 0;
  background-size: 750px 361px;
  height: 361px;
}
body.tablet-device .mod-archive01 .column-02 {
  background-size: 1500px 722px;
  height: 722px;
}
.mod-archive01 .column-02 .box-01 {
  left: 90px;
  top: 110px;
  width: 215px;
}
body.tablet-device .mod-archive01 .column-02 .box-01 {
  left: 180px;
  top: 220px;
  width: 430px;
}
.mod-archive01 .column-02 .box-02 {
  left: 95px;
  top: 270px;
  width: 215px;
}
body.tablet-device .mod-archive01 .column-02 .box-02 {
  left: 190px;
  top: 540px;
  width: 430px;
}
.mod-archive01 .column-03 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive01_03.png") no-repeat center 0;
  background-size: 750px 1695px;
  height: 1695px;
}
body.tablet-device .mod-archive01 .column-03 {
  background-size: 1500px 3390px;
  height: 3390px;
}
.mod-archive01 .column-03 .box-01 {
  left: 80px;
  top: 220px;
  width: 215px;
}
body.tablet-device .mod-archive01 .column-03 .box-01 {
  left: 160px;
  top: 440px;
  width: 430px;
}
.mod-archive01 .column-03 .box-02 {
  left: 70px;
  top: 515px;
  width: 225px;
}
body.tablet-device .mod-archive01 .column-03 .box-02 {
  left: 140px;
  top: 1030px;
  width: 450px;
}
.mod-archive01 .column-03 .box-03 {
  left: 60px;
  top: 940px;
  width: 215px;
}
.mod-archive01 .column-03 .box-03 .txt {
  letter-spacing: 0.2px;
}
body.tablet-device .mod-archive01 .column-03 .box-03 {
  left: 120px;
  top: 1880px;
  width: 430px;
}
.mod-archive01 .column-03 .box-04 {
  left: 70px;
  top: 1455px;
  width: 225px;
}
.mod-archive01 .column-03 .box-04 .txt {
  letter-spacing: 0.4px;
}
body.tablet-device .mod-archive01 .column-03 .box-04 {
  left: 140px;
  top: 2910px;
  width: 450px;
}
.mod-archive01 .column-04 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive01_04.png") no-repeat center 0;
  background-size: 750px 1047px;
  height: 1047px;
}
body.tablet-device .mod-archive01 .column-04 {
  background-size: 1500px 2094px;
  height: 2094px;
}
.mod-archive01 .column-04 .ja {
  position: absolute;
  left: 25px;
  top: 875px;
  width: 280px;
  font-size: 8px;
  line-height: 1.8;
  color: #000;
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
.mod-archive01 .column-04 .ja span {
  background: #FFF;
}
body.tablet-device .mod-archive01 .column-04 .ja {
  left: 50px;
  top: 1750px;
  width: 560px;
  font-size: 16px;
}
.mod-archive01 .column-04 .en {
  position: absolute;
  left: 25px;
  top: 970px;
  width: 280px;
  font-size: 8px;
  line-height: 1.8;
  color: #000;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.mod-archive01 .column-04 .en span {
  background: #FFF;
}
body.tablet-device .mod-archive01 .column-04 .en {
  left: 50px;
  top: 1940px;
  width: 560px;
  font-size: 16px;
}

.mod-archive02 .column-01 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive02_01.png") no-repeat center 0;
  background-size: 750px 1215px;
  height: 1215px;
}
body.tablet-device .mod-archive02 .column-01 {
  background-size: 1500px 2430px;
  height: 2430px;
}
.mod-archive02 .column-01 .box-01 {
  left: 80px;
  top: 405px;
  width: 215px;
}
body.tablet-device .mod-archive02 .column-01 .box-01 {
  left: 160px;
  top: 810px;
  width: 430px;
}
.mod-archive02 .column-01 .box-02 {
  left: 75px;
  top: 865px;
  width: 225px;
}
.mod-archive02 .column-01 .box-02 .txt {
  letter-spacing: 0.2px;
}
body.tablet-device .mod-archive02 .column-01 .box-02 {
  left: 150px;
  top: 1730px;
  width: 450px;
}
.mod-archive02 .column-02 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive02_02.png") no-repeat center 0;
  background-size: 750px 1158px;
  height: 1158px;
}
body.tablet-device .mod-archive02 .column-02 {
  background-size: 1500px 2316px;
  height: 2316px;
}
.mod-archive02 .column-02 .box-01 {
  left: 75px;
  top: 255px;
  width: 200px;
}
body.tablet-device .mod-archive02 .column-02 .box-01 {
  left: 150px;
  top: 510px;
  width: 400px;
}
.mod-archive02 .column-02 .box-02 {
  left: 85px;
  top: 640px;
  width: 215px;
}
body.tablet-device .mod-archive02 .column-02 .box-02 {
  left: 170px;
  top: 1280px;
  width: 430px;
}
.mod-archive02 .column-03 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive02_03.png") no-repeat center 0;
  background-size: 750px 1022px;
  height: 1022px;
}
body.tablet-device .mod-archive02 .column-03 {
  background-size: 1500px 2044px;
  height: 2044px;
}
.mod-archive02 .column-03 .box-01 {
  left: 80px;
  top: 75px;
  width: 200px;
}
body.tablet-device .mod-archive02 .column-03 .box-01 {
  left: 160px;
  top: 150px;
  width: 400px;
}
.mod-archive02 .column-03 .box-02 {
  left: 80px;
  top: 365px;
  width: 215px;
}
.mod-archive02 .column-03 .box-02 .txt {
  letter-spacing: 0.4px;
}
body.tablet-device .mod-archive02 .column-03 .box-02 {
  left: 160px;
  top: 730px;
  width: 430px;
}
.mod-archive02 .column-04 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive02_04.png") no-repeat center 0;
  background-size: 750px 795px;
  height: 795px;
}
body.tablet-device .mod-archive02 .column-04 {
  background-size: 1500px 1590px;
  height: 1590px;
}
.mod-archive02 .column-04 .box-01 {
  left: 80px;
  top: 60px;
  width: 215px;
}
body.tablet-device .mod-archive02 .column-04 .box-01 {
  left: 160px;
  top: 120px;
  width: 430px;
}
.mod-archive02 .column-04 .box-02 {
  left: 80px;
  top: 570px;
  width: 215px;
}
body.tablet-device .mod-archive02 .column-04 .box-02 {
  left: 160px;
  top: 1140px;
  width: 430px;
}

.mod-archive03 {
  padding-top: 75px;
}
.mod-archive03 .column-01 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive03_01.png") no-repeat center 0;
  background-size: 750px 1031px;
  height: 1031px;
}
body.tablet-device .mod-archive03 .column-01 {
  background-size: 1500px 2062px;
  height: 2062px;
}
.mod-archive03 .column-01 .box-01 {
  left: 80px;
  top: 355px;
  width: 215px;
}
body.tablet-device .mod-archive03 .column-01 .box-01 {
  left: 160px;
  top: 710px;
  width: 430px;
}
.mod-archive03 .column-02 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive03_02.png") no-repeat center 0;
  background-size: 750px 724.5px;
  height: 724.5px;
}
body.tablet-device .mod-archive03 .column-02 {
  background-size: 1500px 1449px;
  height: 1449px;
}
.mod-archive03 .column-02 .box-01 {
  left: 75px;
  top: 60px;
  width: 225px;
}
.mod-archive03 .column-02 .box-01 .txt {
  letter-spacing: 0.4px;
}
body.tablet-device .mod-archive03 .column-02 .box-01 {
  left: 150px;
  top: 120px;
  width: 450px;
}
.mod-archive03 .column-03 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive03_03.png") no-repeat center 0;
  background-size: 750px 1343px;
  height: 1343px;
}
body.tablet-device .mod-archive03 .column-03 {
  background-size: 1500px 2686px;
  height: 2686px;
}
.mod-archive03 .column-03 .box-01 {
  left: 75px;
  top: 70px;
  width: 200px;
}
.mod-archive03 .column-03 .box-01 .txt {
  padding-right: 65px;
}
body.tablet-device .mod-archive03 .column-03 .box-01 {
  left: 150px;
  top: 140px;
  width: 400px;
}
body.tablet-device .mod-archive03 .column-03 .box-01 .txt {
  padding-right: 130px;
}
.mod-archive03 .column-03 .box-02 {
  left: 40px;
  top: 425px;
  width: 195px;
}
.mod-archive03 .column-03 .box-02 .txt {
  letter-spacing: 0.4px;
}
body.tablet-device .mod-archive03 .column-03 .box-02 {
  left: 80px;
  top: 850px;
  width: 390px;
}
.mod-archive03 .column-03 .box-03 {
  left: 85px;
  top: 875px;
  width: 215px;
}
body.tablet-device .mod-archive03 .column-03 .box-03 {
  left: 170px;
  top: 1750px;
  width: 430px;
}
.mod-archive03 .column-03 .box-04 {
  left: 60px;
  top: 1230px;
  width: 205px;
}
body.tablet-device .mod-archive03 .column-03 .box-04 {
  left: 120px;
  top: 2460px;
  width: 410px;
}
.mod-archive03 .column-04 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive03_04.png") no-repeat center 0;
  background-size: 750px 1050px;
  height: 1050px;
}
body.tablet-device .mod-archive03 .column-04 {
  background-size: 1500px 2100px;
  height: 2100px;
}
.mod-archive03 .column-04 .box-01 {
  left: 40px;
  top: 110px;
  width: 130px;
}
body.tablet-device .mod-archive03 .column-04 .box-01 {
  left: 80px;
  top: 220px;
  width: 260px;
}
.mod-archive03 .column-04 .box-02 {
  left: 75px;
  top: 600px;
  width: 215px;
}
.mod-archive03 .column-04 .box-02 .ttl {
  letter-spacing: 1.2px;
}
.mod-archive03 .column-04 .box-02 .txt {
  letter-spacing: 1.4px;
}
body.tablet-device .mod-archive03 .column-04 .box-02 {
  left: 150px;
  top: 1200px;
  width: 430px;
}
.mod-archive03 .column-05 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive03_05.png") no-repeat center 0;
  background-size: 750px 649px;
  height: 649px;
}
body.tablet-device .mod-archive03 .column-05 {
  background-size: 1500px 1298px;
  height: 1298px;
}
.mod-archive03 .column-05 .box-01 {
  left: 95px;
  top: 75px;
  width: 200px;
}
body.tablet-device .mod-archive03 .column-05 .box-01 {
  left: 190px;
  top: 150px;
  width: 400px;
}
.mod-archive03 .column-05 .box-02 {
  left: 50px;
  top: 435px;
  width: 215px;
}
body.tablet-device .mod-archive03 .column-05 .box-02 {
  left: 100px;
  top: 870px;
  width: 430px;
}
.mod-archive03 .column-06 {
  background: url("/sp/hanatsubaki/2015poet/img/archive02/bg_archive03_06.png") no-repeat center 0;
  background-size: 750px 644px;
  height: 644px;
}
body.tablet-device .mod-archive03 .column-06 {
  background-size: 1500px 1288px;
  height: 1288px;
}
.mod-archive03 .column-06 .box-01 {
  left: 75px;
  top: 85px;
  width: 215px;
}
body.tablet-device .mod-archive03 .column-06 .box-01 {
  left: 150px;
  top: 170px;
  width: 430px;
}
.mod-archive03 .column-06 .box-02 {
  left: 50px;
  top: 365px;
  width: 235px;
}
body.tablet-device .mod-archive03 .column-06 .box-02 {
  left: 100px;
  top: 730px;
  width: 470px;
}