@charset "Windows-31J";
.mod-about-head {
  z-index: 10;
}

.is-texture {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_pattern.png") 0 0 repeat;
  -webkit-background-size: 15px auto;
  background-size: 15px auto;
}
body.tablet-device .is-texture {
  -webkit-background-size: 30px auto;
  background-size: 30px auto;
}

.mod-archive01, .mod-archive02, .mod-archive03 {
  font-family: helvetica, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ ProN W3', sans-serif;
  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.ja, .mod-archive02 .box .ttl.ja, .mod-archive03 .box .ttl.ja {
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
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: 22px;
  margin-bottom: 10px;
}
.mod-archive01 .box .ttl.en, .mod-archive02 .box .ttl.en, .mod-archive03 .box .ttl.en {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 5px;
}
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: 10px;
}
.mod-archive01 .box .txt.ja, .mod-archive02 .box .txt.ja, .mod-archive03 .box .txt.ja {
  font-size: 11px;
  color: #3c3c3c;
  line-height: 1.7;
  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: 22px;
}
.mod-archive01 .box .txt.en, .mod-archive02 .box .txt.en, .mod-archive03 .box .txt.en {
  font-size: 10px;
  font-style: italic;
  color: #3844ae;
  line-height: 1.8;
  letter-spacing: 0.2px;
}
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 .txtStyle-01 .ttl, .mod-archive02 .txtStyle-01 .ttl, .mod-archive03 .txtStyle-01 .ttl {
  color: #3844ae;
}
.mod-archive01 .txtStyle-01 .ttl span, .mod-archive02 .txtStyle-01 .ttl span, .mod-archive03 .txtStyle-01 .ttl span {
  background: #FFF;
}
.mod-archive01 .txtStyle-01 .txt.ja, .mod-archive01 .txtStyle-01 .txt.en, .mod-archive02 .txtStyle-01 .txt.ja, .mod-archive02 .txtStyle-01 .txt.en, .mod-archive03 .txtStyle-01 .txt.ja, .mod-archive03 .txtStyle-01 .txt.en {
  color: #FFF;
}
.mod-archive01 .txtStyle-02 .ttl, .mod-archive02 .txtStyle-02 .ttl, .mod-archive03 .txtStyle-02 .ttl {
  color: #FFF;
}
.mod-archive01 .txtStyle-02 .ttl span, .mod-archive02 .txtStyle-02 .ttl span, .mod-archive03 .txtStyle-02 .ttl span {
  background: #3c3c3c;
}
.mod-archive01 .txtStyle-02 .txt.ja, .mod-archive01 .txtStyle-02 .txt.en, .mod-archive02 .txtStyle-02 .txt.ja, .mod-archive02 .txtStyle-02 .txt.en, .mod-archive03 .txtStyle-02 .txt.ja, .mod-archive03 .txtStyle-02 .txt.en {
  color: #3c3c3c;
}
.mod-archive01 .txtStyle-03 .ttl, .mod-archive02 .txtStyle-03 .ttl, .mod-archive03 .txtStyle-03 .ttl {
  color: #FFF;
}
.mod-archive01 .txtStyle-03 .ttl span, .mod-archive02 .txtStyle-03 .ttl span, .mod-archive03 .txtStyle-03 .ttl span {
  background: #3844ae;
}
.mod-archive01 .txtStyle-03 .txt.ja, .mod-archive01 .txtStyle-03 .txt.en, .mod-archive02 .txtStyle-03 .txt.ja, .mod-archive02 .txtStyle-03 .txt.en, .mod-archive03 .txtStyle-03 .txt.ja, .mod-archive03 .txtStyle-03 .txt.en {
  color: #3844ae;
}
.mod-archive01 .txtStyle-04 .ttl, .mod-archive02 .txtStyle-04 .ttl, .mod-archive03 .txtStyle-04 .ttl {
  color: #88712a;
}
.mod-archive01 .txtStyle-04 .ttl span, .mod-archive02 .txtStyle-04 .ttl span, .mod-archive03 .txtStyle-04 .ttl span {
  background: #FFF;
}
.mod-archive01 .txtStyle-04 .txt.ja, .mod-archive01 .txtStyle-04 .txt.en, .mod-archive02 .txtStyle-04 .txt.ja, .mod-archive02 .txtStyle-04 .txt.en, .mod-archive03 .txtStyle-04 .txt.ja, .mod-archive03 .txtStyle-04 .txt.en {
  color: #FFF;
}
.mod-archive01 .txtStyle-05 .ttl, .mod-archive02 .txtStyle-05 .ttl, .mod-archive03 .txtStyle-05 .ttl {
  color: #3844ae;
}
.mod-archive01 .txtStyle-05 .ttl span, .mod-archive02 .txtStyle-05 .ttl span, .mod-archive03 .txtStyle-05 .ttl span {
  background: #FFF;
}
.mod-archive01 .txtStyle-05 .txt.ja, .mod-archive02 .txtStyle-05 .txt.ja, .mod-archive03 .txtStyle-05 .txt.ja {
  color: #FFF;
}
.mod-archive01 .txtStyle-05 .txt.en, .mod-archive02 .txtStyle-05 .txt.en, .mod-archive03 .txtStyle-05 .txt.en {
  color: #6cc5e7;
}

.mod-archive01 .archive_header .h2-01 {
  left: 110px;
  top: 119px;
}
body.tablet-device .mod-archive01 .archive_header .h2-01 {
  left: 220px;
  top: 238px;
}
body.tablet-device .mod-archive01 .archive_header .h2-01 img {
  width: 358px;
}
.mod-archive01 .archive_header .h3-01 {
  left: 66px;
  top: 152px;
}
body.tablet-device .mod-archive01 .archive_header .h3-01 {
  left: 132px;
  top: 304px;
}
body.tablet-device .mod-archive01 .archive_header .h3-01 img {
  width: 94px;
}
.mod-archive01 .column-01 {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_a01_01.png") no-repeat center 0;
  background-size: 750px 1122px;
  height: 1122px;
}
body.tablet-device .mod-archive01 .column-01 {
  background-size: 1500px 2244px;
  height: 2244px;
}
.mod-archive01 .column-01 .box-01 {
  left: 91px;
  top: 398px;
  width: 245px;
  line-height: 1.5;
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
body.tablet-device .mod-archive01 .column-01 .box-01 {
  left: 182px;
  top: 796px;
  width: 490px;
}
.mod-archive01 .column-01 .box-02 {
  left: 95px;
  top: 485px;
  width: 215px;
}
body.tablet-device .mod-archive01 .column-01 .box-02 {
  left: 190px;
  top: 970px;
  width: 430px;
}
.mod-archive01 .column-01 .box-03 {
  left: 25px;
  top: 733px;
  width: 235px;
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
body.tablet-device .mod-archive01 .column-01 .box-03 {
  left: 50px;
  top: 1466px;
  width: 470px;
}
.mod-archive01 .column-02 {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_a01_02.png") no-repeat center 0;
  background-size: 750px 605px;
  height: 605px;
}
body.tablet-device .mod-archive01 .column-02 {
  background-size: 1500px 1210px;
  height: 1210px;
}
.mod-archive01 .column-02 .box-01 {
  left: 104px;
  top: 0px;
  width: 206px;
}
.mod-archive01 .column-02 .box-01 .ttl {
  letter-spacing: 0px;
  line-height: 1.7;
}
.mod-archive01 .column-02 .box-01 .txt {
  line-height: 1.7;
}
body.tablet-device .mod-archive01 .column-02 .box-01 {
  left: 208px;
  top: 0px;
  width: 412px;
}
.mod-archive01 .column-02 .box-02 {
  left: 29px;
  top: 298px;
  width: 257px;
}
.mod-archive01 .column-02 .box-02 .ttl {
  letter-spacing: 0px;
  line-height: 1.45;
}
body.tablet-device .mod-archive01 .column-02 .box-02 {
  left: 58px;
  top: 596px;
  width: 514px;
}
.mod-archive01 .column-03 {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_a01_03.png") no-repeat center 0;
  background-size: 750px 801px;
  height: 801px;
}
body.tablet-device .mod-archive01 .column-03 {
  background-size: 1500px 1602px;
  height: 1602px;
}
.mod-archive01 .column-03 .box-01 {
  left: 20px;
  top: 466px;
  width: 250px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
body.tablet-device .mod-archive01 .column-03 .box-01 {
  left: 40px;
  top: 932px;
  width: 500px;
}
.mod-archive01 .column-03 .box-02 {
  left: 45px;
  top: 617px;
  width: 270px;
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}
body.tablet-device .mod-archive01 .column-03 .box-02 {
  left: 90px;
  top: 1234px;
  width: 540px;
}
.mod-archive01 .column-04 {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_a01_04.png") no-repeat center 0;
  background-size: 750px 1029px;
  height: 1029px;
}
body.tablet-device .mod-archive01 .column-04 {
  background-size: 1500px 2058px;
  height: 2058px;
}
.mod-archive01 .column-04 .box-01 {
  left: 22px;
  top: 697px;
  width: 245px;
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
body.tablet-device .mod-archive01 .column-04 .box-01 {
  left: 44px;
  top: 1394px;
  width: 490px;
}
.mod-archive01 .column-04 .box-02 {
  left: 88px;
  top: 811px;
  width: 220px;
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
body.tablet-device .mod-archive01 .column-04 .box-02 {
  left: 176px;
  top: 1622px;
  width: 440px;
}
.mod-archive01 .column-05 {
  height: 215px;
}
body.tablet-device .mod-archive01 .column-05 {
  height: 430px;
}
.mod-archive01 .column-05 .ja {
  position: absolute;
  left: 31px;
  top: 27px;
  width: 280px;
  font-size: 8px;
  line-height: 1.8;
  color: #6e6e6e;
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
.mod-archive01 .column-05 .ja span {
  background: #FFF;
}
body.tablet-device .mod-archive01 .column-05 .ja {
  left: 62px;
  top: 54px;
  width: 560px;
  font-size: 16px;
}
.mod-archive01 .column-05 .en {
  position: absolute;
  left: 34px;
  top: 122px;
  width: 280px;
  font-size: 8px;
  line-height: 1.8;
  color: #6e6e6e;
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.mod-archive01 .column-05 .en span {
  background: #FFF;
}
body.tablet-device .mod-archive01 .column-05 .en {
  left: 68px;
  top: 244px;
  width: 560px;
  font-size: 16px;
}

.mod-archive02 .archive_header .h2-01 {
  left: 51px;
  top: 204px;
}
body.tablet-device .mod-archive02 .archive_header .h2-01 {
  left: 102px;
  top: 408px;
}
body.tablet-device .mod-archive02 .archive_header .h2-01 img {
  width: 358px;
}
.mod-archive02 .archive_header .h3-01 {
  left: 9px;
  top: 222px;
}
body.tablet-device .mod-archive02 .archive_header .h3-01 {
  left: 18px;
  top: 444px;
}
body.tablet-device .mod-archive02 .archive_header .h3-01 img {
  width: 88px;
}
.mod-archive02 .column-01 {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_a02_01.png") no-repeat center 0;
  background-size: 750px 743px;
  height: 743px;
}
body.tablet-device .mod-archive02 .column-01 {
  background-size: 1500px 1486px;
  height: 1486px;
}
.mod-archive02 .column-01 .box-01 {
  left: 31px;
  top: 403px;
  width: 265px;
}
body.tablet-device .mod-archive02 .column-01 .box-01 {
  left: 62px;
  top: 806px;
  width: 530px;
}
.mod-archive02 .column-01 .box-02 {
  left: 32px;
  top: 569px;
  width: 314px;
}
.mod-archive02 .column-01 .box-02 .txt {
  padding-right: 35px;
}
body.tablet-device .mod-archive02 .column-01 .box-02 {
  left: 64px;
  top: 1138px;
  width: 628px;
}
body.tablet-device .mod-archive02 .column-01 .box-02 .txt {
  padding-right: 70px;
}
.mod-archive02 .column-02 {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_a02_02.png") no-repeat center 0;
  background-size: 750px 1176px;
  height: 1176px;
}
body.tablet-device .mod-archive02 .column-02 {
  background-size: 1500px 2352px;
  height: 2352px;
}
.mod-archive02 .column-02 .box-01 {
  left: 48px;
  top: 340px;
  width: 235px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.mod-archive02 .column-02 .box-01 .ja {
  margin-bottom: 5px;
}
body.tablet-device .mod-archive02 .column-02 .box-01 {
  left: 96px;
  top: 680px;
  width: 470px;
}
body.tablet-device .mod-archive02 .column-02 .box-01 .ja {
  margin-bottom: 10px;
}
.mod-archive02 .column-02 .box-02 {
  left: 77px;
  top: 513px;
  width: 236px;
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}
.mod-archive02 .column-02 .box-02 .ja {
  margin-bottom: 5px;
}
body.tablet-device .mod-archive02 .column-02 .box-02 {
  left: 154px;
  top: 1026px;
  width: 472px;
}
body.tablet-device .mod-archive02 .column-02 .box-02 .ja {
  margin-bottom: 10px;
}
.mod-archive02 .column-02 .box-03 {
  left: 44px;
  top: 702px;
  width: 255px;
}
.mod-archive02 .column-02 .box-03 .ja {
  margin-bottom: 5px;
}
body.tablet-device .mod-archive02 .column-02 .box-03 {
  left: 88px;
  top: 1404px;
  width: 510px;
}
body.tablet-device .mod-archive02 .column-02 .box-03 .ja {
  margin-bottom: 10px;
}
.mod-archive02 .column-03 {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_a02_03.png") no-repeat center 0;
  background-size: 750px 467px;
  height: 467px;
}
body.tablet-device .mod-archive02 .column-03 {
  background-size: 1500px 934px;
  height: 934px;
}
.mod-archive02 .column-03 .box-01 {
  left: 26px;
  top: 80px;
  width: 275px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
body.tablet-device .mod-archive02 .column-03 .box-01 {
  left: 52px;
  top: 160px;
  width: 550px;
}
.mod-archive02 .column-03 .box-02 {
  left: 53px;
  top: 145px;
  width: 264px;
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}
body.tablet-device .mod-archive02 .column-03 .box-02 {
  left: 106px;
  top: 290px;
  width: 528px;
}
.mod-archive02 .column-03 .box-03 {
  left: 49px;
  top: 269px;
  width: 255px;
}
body.tablet-device .mod-archive02 .column-03 .box-03 {
  left: 98px;
  top: 538px;
  width: 510px;
}
.mod-archive02 .column-03 .box-04 {
  left: 34px;
  top: 367px;
  width: 290px;
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
body.tablet-device .mod-archive02 .column-03 .box-04 {
  left: 68px;
  top: 734px;
  width: 580px;
}
.mod-archive02 .column-04 {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_a02_04.png") no-repeat center 0;
  background-size: 750px 1177px;
  height: 1177px;
}
body.tablet-device .mod-archive02 .column-04 {
  background-size: 1500px 2354px;
  height: 2354px;
}
.mod-archive02 .column-04 .box-01 {
  left: 27px;
  top: 293px;
  width: 241px;
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.mod-archive02 .column-04 .box-01 .txt {
  letter-spacing: 0;
}
body.tablet-device .mod-archive02 .column-04 .box-01 {
  left: 54px;
  top: 586px;
  width: 482px;
}
.mod-archive02 .column-04 .box-02 {
  left: 43px;
  top: 586px;
  width: 270px;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
body.tablet-device .mod-archive02 .column-04 .box-02 {
  left: 86px;
  top: 1172px;
  width: 540px;
}

.mod-archive03 .archive_header .h2-01 {
  left: 92px;
  top: 68px;
}
body.tablet-device .mod-archive03 .archive_header .h2-01 {
  left: 184px;
  top: 136px;
}
body.tablet-device .mod-archive03 .archive_header .h2-01 img {
  width: 370px;
}
.mod-archive03 .archive_header .h3-01 {
  left: 50px;
  top: 77px;
}
body.tablet-device .mod-archive03 .archive_header .h3-01 {
  left: 100px;
  top: 154px;
}
body.tablet-device .mod-archive03 .archive_header .h3-01 img {
  width: 100px;
}
.mod-archive03 .column-01 {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_a03_01.png") no-repeat center 0;
  background-size: 750px 1276px;
  height: 1276px;
}
body.tablet-device .mod-archive03 .column-01 {
  background-size: 1500px 2552px;
  height: 2552px;
}
.mod-archive03 .column-01 .box-01 {
  left: 35px;
  top: 441px;
  width: 235px;
  -webkit-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.mod-archive03 .column-01 .box-01 .txt {
  line-height: 1.8;
  letter-spacing: 0.4px;
}
body.tablet-device .mod-archive03 .column-01 .box-01 {
  left: 70px;
  top: 882px;
  width: 470px;
}
.mod-archive03 .column-01 .box-02 {
  left: 53px;
  top: 488px;
  width: 305px;
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.mod-archive03 .column-01 .box-02 .ttl {
  letter-spacing: 0;
}
body.tablet-device .mod-archive03 .column-01 .box-02 {
  left: 106px;
  top: 976px;
  width: 610px;
}
.mod-archive03 .column-01 .box-03 {
  left: 32px;
  top: 521px;
  width: 255px;
}
.mod-archive03 .column-01 .box-03 .ja {
  margin-bottom: 5px;
}
body.tablet-device .mod-archive03 .column-01 .box-03 {
  left: 64px;
  top: 1042px;
  width: 510px;
}
body.tablet-device .mod-archive03 .column-01 .box-03 .ja {
  margin-bottom: 10px;
}
.mod-archive03 .column-01 .box-04 {
  left: 44px;
  top: 815px;
  width: 240px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.mod-archive03 .column-01 .box-04 .ja {
  margin-bottom: 5px;
  padding-right: 20px;
}
body.tablet-device .mod-archive03 .column-01 .box-04 {
  left: 88px;
  top: 1630px;
  width: 480px;
}
body.tablet-device .mod-archive03 .column-01 .box-04 .ja {
  margin-bottom: 10px;
  padding-right: 40px;
}
.mod-archive03 .column-01 .box-05 {
  left: 40px;
  top: 1078px;
  width: 230px;
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}
.mod-archive03 .column-01 .box-05 .ja {
  margin-bottom: 5px;
}
body.tablet-device .mod-archive03 .column-01 .box-05 {
  left: 80px;
  top: 2156px;
  width: 460px;
}
body.tablet-device .mod-archive03 .column-01 .box-05 .ja {
  margin-bottom: 10px;
}
.mod-archive03 .column-02 {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_a03_02.png") no-repeat center 0;
  background-size: 750px 689px;
  height: 689px;
}
body.tablet-device .mod-archive03 .column-02 {
  background-size: 1500px 1378px;
  height: 1378px;
}
.mod-archive03 .column-02 .box-01 {
  left: 73px;
  top: 366px;
  width: 225px;
}
.mod-archive03 .column-02 .box-01 .ttl {
  margin-bottom: 5px;
}
body.tablet-device .mod-archive03 .column-02 .box-01 {
  left: 146px;
  top: 732px;
  width: 450px;
}
body.tablet-device .mod-archive03 .column-02 .box-01 .ttl {
  margin-bottom: 10px;
}
.mod-archive03 .column-02 .box-02 {
  left: 30px;
  top: 498px;
  width: 260px;
}
.mod-archive03 .column-02 .box-02 .ttl {
  margin-bottom: 5px;
}
.mod-archive03 .column-02 .box-02 .txt {
  padding-right: 40px;
}
body.tablet-device .mod-archive03 .column-02 .box-02 {
  left: 60px;
  top: 996px;
  width: 520px;
}
body.tablet-device .mod-archive03 .column-02 .box-02 .ttl {
  margin-bottom: 10px;
}
body.tablet-device .mod-archive03 .column-02 .box-02 .txt {
  padding-right: 80px;
}
.mod-archive03 .column-03 {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_a03_03.png") no-repeat center 0;
  background-size: 750px 826px;
  height: 826px;
}
body.tablet-device .mod-archive03 .column-03 {
  background-size: 1500px 1652px;
  height: 1652px;
}
.mod-archive03 .column-03 .box-01 {
  left: 20px;
  top: 419px;
  width: 245px;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
body.tablet-device .mod-archive03 .column-03 .box-01 {
  left: 40px;
  top: 838px;
  width: 490px;
}
.mod-archive03 .column-03 .box-02 {
  left: 62px;
  top: 608px;
  width: 220px;
}
body.tablet-device .mod-archive03 .column-03 .box-02 {
  left: 124px;
  top: 1216px;
  width: 440px;
}
.mod-archive03 .column-04 {
  background: url("/sp/hanatsubaki/2015voyage/img/archive/bg_a03_04.png") no-repeat center 0;
  background-size: 750px 849px;
  height: 849px;
}
body.tablet-device .mod-archive03 .column-04 {
  background-size: 1500px 1698px;
  height: 1698px;
}
.mod-archive03 .column-04 .box-01 {
  left: 21px;
  top: 310px;
  width: 258px;
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
body.tablet-device .mod-archive03 .column-04 .box-01 {
  left: 42px;
  top: 620px;
  width: 516px;
}
.mod-archive03 .column-04 .box-02 {
  left: 42px;
  top: 453px;
  width: 270px;
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
}
.mod-archive03 .column-04 .box-02 .ttl {
  letter-spacing: 0;
}
body.tablet-device .mod-archive03 .column-04 .box-02 {
  left: 84px;
  top: 906px;
  width: 540px;
}