.is-texture2 {
  background: url(/sp/hanatsubaki/backissue/img/bg_01.png) repeat 0 0;
  background-size: 33px auto;
}
.is-texture2.tablet-device {
  background-size: 66px auto;
}

.backissue {
  width: 100%;
  margin: 150px auto 0;
}
body.tablet-device .backissue {
  margin: 300px auto 0;
}
.backissue .lead {
  text-align: center;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
body.tablet-device .backissue .lead {
  top: 200px;
}
body.tablet-device .backissue .lead img {
  width: 454px;
}

#contentWrap {
  overflow: hidden;
}
#contentWrap .contentInner {
  width: 320px;
  margin: 0 auto;
}
body.tablet-device #contentWrap .contentInner {
  width: 640px;
}
#contentWrap .contentInner .slide {
  width: 291px;
}
body.tablet-device #contentWrap .contentInner .slide {
  width: 582px;
}

.slide .numberHead {
  position: relative;
}
.slide .numberHead .month {
  position: absolute;
  z-index: 3;
}
.slide .numberHead h1 {
  position: absolute;
  text-align: center;
  z-index: 2;
}
.slide .numberHead h1 span {
  font-size: 13px;
  color: #FFF;
  letter-spacing: 2px;
  display: inline-block;
}
body.tablet-device .slide .numberHead h1 span {
  font-size: 26px;
}
.slide .numberHead .num-image {
  margin-bottom: 0;
}
.slide .numberHead .num-image a {
  width: 291px;
  height: 219px;
  display: block;
  position: relative;
  text-align: center;
}
body.tablet-device .slide .numberHead .num-image a {
  width: 582px;
  height: 438px;
}
.slide .numberHead .num-image a img {
  display: inline;
  width: 100%;
}
.slide .numberHead .num-image a .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 291px;
  height: 219px;
  z-index: 1;
  background: url(/sp/hanatsubaki/backissue/img/common/sprites_musk.png) no-repeat center top;
  background-size: 100% auto;
}
body.tablet-device .slide .numberHead .num-image a .mask {
  width: 582px;
  height: 438px;
}
.slide .numberContent {
  background: url(/sp/hanatsubaki/backissue/img/common/bg_slidecontent_inner.png) repeat-y center top;
  background-size: 100% auto;
}
.slide .numberContent li.bg-spe .category {
  background: url(/sp/hanatsubaki/backissue/img/common/circle_special.png) no-repeat center top;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: -8px;
  bottom: 0;
  margin: auto;
  width: 58px;
  height: 57px;
  text-indent: -9999px;
}
body.tablet-device .slide .numberContent li.bg-spe .category {
  left: -16px;
  width: 116px;
  height: 114px;
}
.slide .numberContent li.bg-spe:after {
  content: "";
  background: url(/sp/hanatsubaki/backissue/img/common/bg_special.png) no-repeat center top;
  background-size: 100% auto;
  width: 100%;
  height: 11px;
  display: block;
}
body.tablet-device .slide .numberContent li.bg-spe:after {
  height: 22px;
}
.slide .numberContent li.bg-int .category {
  background: url(/sp/hanatsubaki/backissue/img/common/circle_interview.png) no-repeat center top;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: -12px;
  bottom: 0;
  margin: auto;
  width: 61px;
  height: 60px;
  text-indent: -9999px;
}
body.tablet-device .slide .numberContent li.bg-int .category {
  left: -24px;
  width: 122px;
  height: 120px;
}
.slide .numberContent li.bg-int:after {
  content: "";
  background: url(/sp/hanatsubaki/backissue/img/common/bg_interview.png) no-repeat center top;
  background-size: 100% auto;
  width: 100%;
  height: 11px;
  display: block;
}
body.tablet-device .slide .numberContent li.bg-int:after {
  height: 22px;
}
.slide .numberContent li.bg-arc .category, .slide .numberContent li.bg-arc02 .category {
  background: url(/sp/hanatsubaki/backissue/img/common/circle_archive.png) no-repeat center top;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: -12px;
  bottom: 0;
  margin: auto;
  width: 64px;
  height: 63px;
  text-indent: -9999px;
}
body.tablet-device .slide .numberContent li.bg-arc .category, body.tablet-device .slide .numberContent li.bg-arc02 .category {
  left: -24px;
  width: 128px;
  height: 126px;
}
.slide .numberContent li.bg-arc02:after {
  content: "";
  background: url(/sp/hanatsubaki/backissue/img/common/bg_archive.png) no-repeat center top;
  background-size: 100% auto;
  width: 100%;
  height: 11px;
  display: block;
}
body.tablet-device .slide .numberContent li.bg-arc02:after {
  height: 22px;
}
.slide .numberContent li a {
  display: block;
  padding: 25px 0;
  position: relative;
}
body.tablet-device .slide .numberContent li a {
  padding: 50px 0;
}
.slide .numberContent li a .ja {
  font-size: 11px;
  color: #242424;
  letter-spacing: 1px;
  line-height: 1.5;
  padding-left: 65px;
}
body.tablet-device .slide .numberContent li a .ja {
  font-size: 22px;
  padding-left: 130px;
}
.slide .numberContent li a .en {
  font-size: 9px;
  color: #959595;
  letter-spacing: 1px;
  line-height: 1.5;
  padding-left: 65px;
}
body.tablet-device .slide .numberContent li a .en {
  font-size: 18px;
  padding-left: 130px;
}
.slide .switch {
  background: url(/sp/hanatsubaki/backissue/img/common/sprites_switch.png) no-repeat center top;
  background-size: 100% auto;
}
.slide.style-01 {
  margin: 0 auto 20px;
}
body.tablet-device .slide.style-01 {
  margin: 0 auto 40px;
}
.slide.style-01 .numberHead {
  padding-top: 116px;
  background: url(/sp/hanatsubaki/backissue/img/common/bgstyle01_header.png) no-repeat center top;
  background-size: 100% auto;
}
body.tablet-device .slide.style-01 .numberHead {
  padding-top: 232px;
}
.slide.style-01 .numberHead .month {
  left: 43px;
  top: 52px;
}
body.tablet-device .slide.style-01 .numberHead .month {
  left: 86px;
  top: 104px;
}
.slide.style-01 .numberHead .title {
  left: 196px;
  top: 70px;
  width: 84px;
  height: 84px;
  background: url(/sp/hanatsubaki/backissue/img/common/bgstyle01_circle.png) no-repeat center top;
  background-size: 100% auto;
}
body.tablet-device .slide.style-01 .numberHead .title {
  left: 392px;
  top: 140px;
  width: 168px;
  height: 168px;
}
.slide.style-01 .numberHead .title span {
  line-height: 84px;
  -webkit-transform: rotate(14deg);
  -ms-transform: rotate(14deg);
  transform: rotate(14deg);
}
body.tablet-device .slide.style-01 .numberHead .title span {
  line-height: 168px;
}
.slide.style-01 .numberHead .num-image .mask {
  background-position: 0 0;
}
.slide.style-01 .numberHead .num-image .mask.open {
  background-position: 0 -223px;
}
body.tablet-device .slide.style-01 .numberHead .num-image .mask.open {
  background-position: 0 -446px;
}
.slide.style-01 .numberContent li.bg-arc:after {
  content: "";
  background: url(/sp/hanatsubaki/backissue/img/common/bgstyle01_bg_archive.png) no-repeat center top;
  background-size: 100% auto;
  width: 100%;
  height: 11px;
  display: block;
}
body.tablet-device .slide.style-01 .numberContent li.bg-arc:after {
  height: 22px;
}
.slide.style-01 .switch {
  width: 291px;
  height: 74px;
  background-position: 0 0;
}
body.tablet-device .slide.style-01 .switch {
  width: 582px;
  height: 148px;
}
.slide.style-01 .switch.open {
  height: 74px;
  background-position: 0 -74px;
}
body.tablet-device .slide.style-01 .switch.open {
  height: 148px;
  background-position: 0 -148px;
}
.slide.style-02 {
  margin: 0 auto 35px;
}
body.tablet-device .slide.style-02 {
  margin: 0 auto 70px;
}
.slide.style-02 .numberHead {
  padding-top: 113px;
  background: url(/sp/hanatsubaki/backissue/img/common/bgstyle02_header.png) no-repeat center top;
  background-size: 100% auto;
}
body.tablet-device .slide.style-02 .numberHead {
  padding-top: 226px;
}
.slide.style-02 .numberHead .month {
  right: 56px;
  top: 57px;
}
body.tablet-device .slide.style-02 .numberHead .month {
  right: 112px;
  top: 114px;
}
.slide.style-02 .numberHead .title {
  left: 23px;
  top: 64px;
  width: 87px;
  height: 86px;
  background: url(/sp/hanatsubaki/backissue/img/common/bgstyle02_circle.png) no-repeat center top;
  background-size: 100% auto;
}
body.tablet-device .slide.style-02 .numberHead .title {
  left: 46px;
  top: 128px;
  width: 174px;
  height: 172px;
}
.slide.style-02 .numberHead .title span {
  line-height: 86px;
  -webkit-transform: rotate(-14deg);
  -ms-transform: rotate(-14deg);
  transform: rotate(-14deg);
}
body.tablet-device .slide.style-02 .numberHead .title span {
  line-height: 172px;
}
.slide.style-02 .numberHead .num-image .mask {
  background-position: 0 -446px;
}
body.tablet-device .slide.style-02 .numberHead .num-image .mask {
  background-position: 0 -892px;
}
.slide.style-02 .numberHead .num-image .mask.open {
  background-position: 0 -669px;
}
body.tablet-device .slide.style-02 .numberHead .num-image .mask.open {
  background-position: 0 -1338px;
}
.slide.style-02 .numberContent li.bg-arc:after {
  content: "";
  background: url(/sp/hanatsubaki/backissue/img/common/bgstyle02_bg_archive.png) no-repeat center top;
  background-size: 100% auto;
  width: 100%;
  height: 11px;
  display: block;
}
body.tablet-device .slide.style-02 .numberContent li.bg-arc:after {
  height: 22px;
}
.slide.style-02 .switch {
  width: 291px;
  height: 78px;
  background-position: 0 -154px;
}
body.tablet-device .slide.style-02 .switch {
  width: 582px;
  height: 156px;
  background-position: 0 -308px;
}
.slide.style-02 .switch.open {
  height: 74px;
  background-position: 0 -236px;
}
body.tablet-device .slide.style-02 .switch.open {
  height: 148px;
  background-position: 0 -472px;
}
.slide.style-03 {
  margin: 0 auto 4px;
}
body.tablet-device .slide.style-03 {
  margin: 0 auto 8px;
}
.slide.style-03 .numberHead {
  padding-top: 73px;
  background: url(/sp/hanatsubaki/backissue/img/common/bgstyle03_header.png) no-repeat center top;
  background-size: 100% auto;
}
body.tablet-device .slide.style-03 .numberHead {
  padding-top: 162px;
}
.slide.style-03 .numberHead .month {
  left: 53px;
  top: 29px;
}
body.tablet-device .slide.style-03 .numberHead .month {
  left: 106px;
  top: 58px;
}
.slide.style-03 .numberHead .title {
  right: -18px;
  top: 47px;
  width: 94px;
  height: 93px;
  background: url(/sp/hanatsubaki/backissue/img/common/bgstyle03_circle.png) no-repeat center top;
  background-size: 100% auto;
}
body.tablet-device .slide.style-03 .numberHead .title {
  right: -36px;
  top: 94px;
  width: 188px;
  height: 186px;
}
.slide.style-03 .numberHead .title span {
  line-height: 93px;
  -webkit-transform: rotate(14deg);
  -ms-transform: rotate(14deg);
  transform: rotate(14deg);
}
body.tablet-device .slide.style-03 .numberHead .title span {
  line-height: 186px;
}
.slide.style-03 .numberHead .num-image .mask {
  background-position: 0 -892px;
}
body.tablet-device .slide.style-03 .numberHead .num-image .mask {
  background-position: 0 -1784px;
}
.slide.style-03 .numberHead .num-image .mask.open {
  background-position: 0 -1115px;
}
body.tablet-device .slide.style-03 .numberHead .num-image .mask.open {
  background-position: 0 -2230px;
}
.slide.style-03 .numberContent li.bg-arc:after {
  content: "";
  background: url(/sp/hanatsubaki/backissue/img/common/bgstyle03_bg_archive.png) no-repeat center top;
  background-size: 100% auto;
  width: 100%;
  height: 11px;
  display: block;
}
body.tablet-device .slide.style-03 .numberContent li.bg-arc:after {
  height: 22px;
}
.slide.style-03 .switch {
  width: 291px;
  height: 68px;
  background-position: 0 -311px;
}
body.tablet-device .slide.style-03 .switch {
  width: 582px;
  height: 136px;
  background-position: 0 -622px;
}
.slide.style-03 .switch.open {
  height: 88px;
  background-position: 0 -383px;
}
body.tablet-device .slide.style-03 .switch.open {
  height: 176px;
  background-position: 0 -766px;
}

body.tablet-device #slide-01 .month img {
  width: 252px;
}

body.tablet-device #slide-02 .month img {
  width: 124px;
}

body.tablet-device #slide-03 .month img {
  width: 116px;
}

body.tablet-device #slide-04 .month img {
  width: 108px;
}

body.tablet-device #slide-05 .month img {
  width: 112px;
}

#slide-06 .numberHead .month {
  top: 21px;
}
body.tablet-device #slide-06 .numberHead .month {
  top: 42px;
}
body.tablet-device #slide-06 .numberHead .month img {
  width: 238px;
}
#slide-06 .numberHead .title {
  top: 40px;
}
body.tablet-device #slide-06 .numberHead .title {
  top: 80px;
}

body.tablet-device #slide-07 .month img {
  width: 128px;
}

body.tablet-device #slide-08 .month img {
  width: 106px;
}

#slide-09 .numberHead .title span {
  padding-top: 36px;
  padding-left: 3px;
  line-height: 15px;
}
body.tablet-device #slide-09 .numberHead .title span {
  padding-top: 72px;
  padding-left: 6px;
  line-height: 29px;
}
body.tablet-device #slide-09 .month img {
  width: 118px;
}

body.tablet-device #slide-10 .month img {
  width: 114px;
}