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

.is-texture {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_pattern.png") 0 0 repeat;
  -webkit-background-size: 19px auto;
  background-size: 19px auto;
}
body.tablet-device .is-texture {
  -webkit-background-size: 38px auto;
  background-size: 38px 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: #f86b96;
}
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: #f86b96;
}
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.ja, .mod-archive02 .box .txt.ja, .mod-archive03 .box .txt.ja {
  font-size: 12px;
  color: #493620;
  line-height: 1.99;
}
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;
}
.mod-archive01 .box .txt.en, .mod-archive02 .box .txt.en, .mod-archive03 .box .txt.en {
  font-size: 11px;
  font-style: italic;
  color: #493620;
  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;
}
.mod-archive01 .box.txtStyle-01 .txt.ja, .mod-archive01 .box.txtStyle-01 .txt.en, .mod-archive02 .box.txtStyle-01 .txt.ja, .mod-archive02 .box.txtStyle-01 .txt.en, .mod-archive03 .box.txtStyle-01 .txt.ja, .mod-archive03 .box.txtStyle-01 .txt.en {
  color: #493620;
}
.mod-archive01 .box.txtStyle-01 .txt.ja span, .mod-archive01 .box.txtStyle-01 .txt.en span, .mod-archive02 .box.txtStyle-01 .txt.ja span, .mod-archive02 .box.txtStyle-01 .txt.en span, .mod-archive03 .box.txtStyle-01 .txt.ja span, .mod-archive03 .box.txtStyle-01 .txt.en span {
  background: #E7D8C8;
}
.mod-archive01 .box.txtStyle-02 .txt.ja, .mod-archive01 .box.txtStyle-02 .txt.en, .mod-archive02 .box.txtStyle-02 .txt.ja, .mod-archive02 .box.txtStyle-02 .txt.en, .mod-archive03 .box.txtStyle-02 .txt.ja, .mod-archive03 .box.txtStyle-02 .txt.en {
  color: #6f6051;
}
.mod-archive01 .box.txtStyle-02 .txt.ja span, .mod-archive01 .box.txtStyle-02 .txt.en span, .mod-archive02 .box.txtStyle-02 .txt.ja span, .mod-archive02 .box.txtStyle-02 .txt.en span, .mod-archive03 .box.txtStyle-02 .txt.ja span, .mod-archive03 .box.txtStyle-02 .txt.en span {
  background: #FFF;
}

.mod-archive01 .archive_header {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a01_01.png") no-repeat center 0;
  background-size: 750px 738px;
  height: 738px;
}
body.tablet-device .mod-archive01 .archive_header {
  background-size: 1500px 1476px;
  height: 1476px;
}
.mod-archive01 .archive_header .h2-01 {
  left: 64px;
  top: 40px;
}
body.tablet-device .mod-archive01 .archive_header .h2-01 {
  left: 128px;
  top: 80px;
}
body.tablet-device .mod-archive01 .archive_header .h2-01 img {
  width: 500px;
}
.mod-archive01 .archive_header .h3-01 {
  left: -4px;
  top: 258px;
}
body.tablet-device .mod-archive01 .archive_header .h3-01 {
  left: -8px;
  top: 516px;
}
body.tablet-device .mod-archive01 .archive_header .h3-01 img {
  width: 442px;
}
.mod-archive01 .archive_header .box-01 {
  left: 23px;
  top: 331px;
  width: 280px;
}
.mod-archive01 .archive_header .box-01 .ttl {
  color: #F86B96;
  letter-spacing: -0.4px;
}
.mod-archive01 .archive_header .box-01 .txt {
  line-height: 1.8;
  padding-right: 15px;
}
body.tablet-device .mod-archive01 .archive_header .box-01 {
  left: 46px;
  top: 662px;
  width: 580px;
}
body.tablet-device .mod-archive01 .archive_header .box-01 .txt {
  padding-right: 30px;
}
.mod-archive01 .archive_header .box-02 {
  left: 23px;
  top: 514px;
  width: 265px;
}
.mod-archive01 .archive_header .box-02 .ttl {
  color: #F86B96;
  font-size: 11px;
  line-height: 1.6;
}
body.tablet-device .mod-archive01 .archive_header .box-02 {
  left: 46px;
  top: 1028px;
  width: 530px;
}
body.tablet-device .mod-archive01 .archive_header .box-02 .ttl {
  font-size: 22px;
}
.mod-archive01 .column-01 {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a01_02.png") no-repeat center 0;
  background-size: 750px 880px;
  height: 880px;
}
body.tablet-device .mod-archive01 .column-01 {
  background-size: 1500px 1760px;
  height: 1760px;
}
.mod-archive01 .column-01 .box-01 {
  left: 37px;
  top: 362px;
  width: 255px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
body.tablet-device .mod-archive01 .column-01 .box-01 {
  left: 74px;
  top: 724px;
  width: 510px;
}
.mod-archive01 .column-01 .box-01 .ttl {
  letter-spacing: 2.6px;
}
.mod-archive01 .column-01 .box-02 {
  left: 47px;
  top: 629px;
  width: 240px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
body.tablet-device .mod-archive01 .column-01 .box-02 {
  left: 94px;
  top: 1260px;
  width: 480px;
}
.mod-archive01 .column-02 {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a01_03.png") no-repeat center 0;
  background-size: 750px 990px;
  height: 990px;
}
body.tablet-device .mod-archive01 .column-02 {
  background-size: 1500px 1980px;
  height: 1980px;
}
.mod-archive01 .column-02 .box-01 {
  left: 26px;
  top: 368px;
  width: 260px;
}
body.tablet-device .mod-archive01 .column-02 .box-01 {
  left: 52px;
  top: 736px;
  width: 520px;
}
.mod-archive01 .column-02 .box-02 {
  left: 17px;
  top: 664px;
  width: 272px;
}
.mod-archive01 .column-02 .box-02 .ttl {
  letter-spacing: -0.2px;
}
body.tablet-device .mod-archive01 .column-02 .box-02 {
  left: 34px;
  top: 1328px;
  width: 544px;
}
.mod-archive01 .column-03 {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a01_04.png") no-repeat center 0;
  background-size: 750px 753px;
  height: 753px;
}
body.tablet-device .mod-archive01 .column-03 {
  background-size: 1500px 1506px;
  height: 1506px;
}
.mod-archive01 .column-03 .box-01 {
  left: 52px;
  top: 373px;
  width: 250px;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
body.tablet-device .mod-archive01 .column-03 .box-01 {
  left: 104px;
  top: 746px;
  width: 500px;
}
.mod-archive01 .column-03 .box-02 {
  left: 39px;
  top: 582px;
  width: 260px;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
body.tablet-device .mod-archive01 .column-03 .box-02 {
  left: 80px;
  top: 1164px;
  width: 520px;
}
.mod-archive01 .column-04 {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a01_05.png") no-repeat center 0;
  background-size: 750px 640px;
  height: 640px;
}
body.tablet-device .mod-archive01 .column-04 {
  background-size: 1500px 1280px;
  height: 1280px;
}
.mod-archive01 .column-04 .box-01 {
  left: 24px;
  top: 307px;
  width: 245px;
}
body.tablet-device .mod-archive01 .column-04 .box-01 {
  left: 68px;
  top: 614px;
  width: 490px;
}
.mod-archive01 .column-04 .box-02 {
  left: 22px;
  top: 491px;
  width: 265px;
}
body.tablet-device .mod-archive01 .column-04 .box-02 {
  left: 44px;
  top: 982px;
  width: 530px;
}
.mod-archive01 .column-05 {
  height: 185px;
}
body.tablet-device .mod-archive01 .column-05 {
  height: 370px;
}
.mod-archive01 .column-05 .ja {
  position: absolute;
  left: 22px;
  top: 20px;
  width: 266px;
  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: 44px;
  top: 40px;
  width: 532px;
  font-size: 16px;
}
.mod-archive01 .column-05 .en {
  position: absolute;
  left: 25px;
  top: 102px;
  width: 270px;
  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: 204px;
  width: 540px;
  font-size: 16px;
}

.mod-archive02 .archive_header .h2-01 {
  left: 45px;
  top: 63px;
}
body.tablet-device .mod-archive02 .archive_header .h2-01 {
  left: 90px;
  top: 126px;
}
body.tablet-device .mod-archive02 .archive_header .h2-01 img {
  width: 454px;
}
.mod-archive02 .archive_header .h3-01 {
  left: 2px;
  top: 285px;
}
body.tablet-device .mod-archive02 .archive_header .h3-01 {
  left: 4px;
  top: 570px;
}
body.tablet-device .mod-archive02 .archive_header .h3-01 img {
  width: 604px;
}
.mod-archive02 .column-01 {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a02_01.png") no-repeat center 0;
  background-size: 750px 981px;
  height: 981px;
}
body.tablet-device .mod-archive02 .column-01 {
  background-size: 1500px 1962px;
  height: 1962px;
}
.mod-archive02 .column-01 .box-01 {
  left: 32px;
  top: 666px;
  width: 265px;
}
body.tablet-device .mod-archive02 .column-01 .box-01 {
  left: 64px;
  top: 1332px;
  width: 530px;
}
.mod-archive02 .column-01 .box-02 {
  left: 37px;
  top: 820px;
  width: 265px;
}
body.tablet-device .mod-archive02 .column-01 .box-02 {
  left: 74px;
  top: 1640px;
  width: 530px;
}
.mod-archive02 .column-02 {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a02_02.png") no-repeat center 0;
  background-size: 750px 620px;
  height: 620px;
}
body.tablet-device .mod-archive02 .column-02 {
  background-size: 1500px 1240px;
  height: 1240px;
}
.mod-archive02 .column-02 .box-01 {
  left: 21px;
  top: 300px;
  width: 270px;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
body.tablet-device .mod-archive02 .column-02 .box-01 {
  left: 42px;
  top: 600px;
  width: 540px;
}
.mod-archive02 .column-02 .box-02 {
  left: 24px;
  top: 452px;
  width: 240px;
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
}
body.tablet-device .mod-archive02 .column-02 .box-02 {
  left: 48px;
  top: 904px;
  width: 480px;
}
.mod-archive02 .column-03 {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a02_03.png") no-repeat center 0;
  background-size: 750px 600px;
  height: 600px;
}
body.tablet-device .mod-archive02 .column-03 {
  background-size: 1500px 1200px;
  height: 1200px;
}
.mod-archive02 .column-03 .box-01 {
  left: 33px;
  top: 280px;
  width: 255px;
}
body.tablet-device .mod-archive02 .column-03 .box-01 {
  left: 66px;
  top: 560px;
  width: 510px;
}
.mod-archive02 .column-03 .box-02 {
  left: 30px;
  top: 456px;
  width: 270px;
}
body.tablet-device .mod-archive02 .column-03 .box-02 {
  left: 60px;
  top: 912px;
  width: 540px;
}
.mod-archive02 .column-04 {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a02_04.png") no-repeat center 0;
  background-size: 750px 622px;
  height: 622px;
}
body.tablet-device .mod-archive02 .column-04 {
  background-size: 1500px 1244px;
  height: 1244px;
}
.mod-archive02 .column-04 .box-01 {
  left: 31px;
  top: 331px;
  width: 265px;
}
body.tablet-device .mod-archive02 .column-04 .box-01 {
  left: 62px;
  top: 662px;
  width: 530px;
}
.mod-archive02 .column-04 .box-02 {
  left: 32px;
  top: 480px;
  width: 252px;
}
body.tablet-device .mod-archive02 .column-04 .box-02 {
  left: 64px;
  top: 960px;
  width: 504px;
}

.mod-archive03 .archive_header .h2-01 {
  left: 46px;
  top: 58px;
}
body.tablet-device .mod-archive03 .archive_header .h2-01 {
  left: 92px;
  top: 116px;
}
body.tablet-device .mod-archive03 .archive_header .h2-01 img {
  width: 454px;
}
.mod-archive03 .archive_header .h3-01 {
  left: 18px;
  top: 259px;
}
body.tablet-device .mod-archive03 .archive_header .h3-01 {
  left: 36px;
  top: 518px;
}
body.tablet-device .mod-archive03 .archive_header .h3-01 img {
  width: 570px;
}
.mod-archive03 .column-01 {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a03_01.png") no-repeat center 0;
  background-size: 750px 1065px;
  height: 1065px;
}
body.tablet-device .mod-archive03 .column-01 {
  background-size: 1500px 2130px;
  height: 2130px;
}
.mod-archive03 .column-01 .box-01 {
  left: 38px;
  top: 736px;
  width: 265px;
}
body.tablet-device .mod-archive03 .column-01 .box-01 {
  left: 76px;
  top: 1472px;
  width: 530px;
}
.mod-archive03 .column-01 .box-02 {
  left: 38px;
  top: 904px;
  width: 277px;
}
body.tablet-device .mod-archive03 .column-01 .box-02 {
  left: 76px;
  top: 1808px;
  width: 554px;
}
.mod-archive03 .column-02 {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a03_02.png") no-repeat center 0;
  background-size: 750px 540px;
  height: 540px;
}
body.tablet-device .mod-archive03 .column-02 {
  background-size: 1500px 1080px;
  height: 1080px;
}
.mod-archive03 .column-02 .box-01 {
  left: 22px;
  top: 275px;
  width: 255px;
}
body.tablet-device .mod-archive03 .column-02 .box-01 {
  left: 44px;
  top: 550px;
  width: 510px;
}
.mod-archive03 .column-02 .box-02 {
  left: 22px;
  top: 400px;
  width: 245px;
}
body.tablet-device .mod-archive03 .column-02 .box-02 {
  left: 44px;
  top: 800px;
  width: 490px;
}
.mod-archive03 .column-03 {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a03_03.png") no-repeat center 0;
  background-size: 750px 660px;
  height: 660px;
}
body.tablet-device .mod-archive03 .column-03 {
  background-size: 1500px 1320px;
  height: 1320px;
}
.mod-archive03 .column-03 .box-01 {
  left: 38px;
  top: 364px;
  width: 255px;
}
body.tablet-device .mod-archive03 .column-03 .box-01 {
  left: 76px;
  top: 728px;
  width: 510px;
}
.mod-archive03 .column-03 .box-02 {
  left: 41px;
  top: 514px;
  width: 245px;
}
body.tablet-device .mod-archive03 .column-03 .box-02 {
  left: 82px;
  top: 1028px;
  width: 490px;
}
.mod-archive03 .column-04 {
  background: url("/sp/hanatsubaki/2015rouge/img/archive/bg_a03_04.png") no-repeat center 0;
  background-size: 750px 770px;
  height: 770px;
}
body.tablet-device .mod-archive03 .column-04 {
  background-size: 1500px 1540px;
  height: 1540px;
}
.mod-archive03 .column-04 .box-01 {
  left: 25px;
  top: 303px;
  width: 250px;
}
body.tablet-device .mod-archive03 .column-04 .box-01 {
  left: 50px;
  top: 606px;
  width: 500px;
}
.mod-archive03 .column-04 .box-02 {
  left: 27px;
  top: 505px;
  width: 245px;
}
body.tablet-device .mod-archive03 .column-04 .box-02 {
  left: 54px;
  top: 1010px;
  width: 490px;
}