.mod-movie {
  margin: 80px auto 50px;
}
.mod-movie a {
  position: relative;
  display: block;
  width: 320px;
  height: 300px;
  margin: 0 auto;
}
.mod-movie .mod-movie-title {
  position: absolute;
  top: 2px;
  left: -97px;
}
.mod-movie .mod-movie-button {
  position: absolute;
  top: 0px;
  right: -21px;
}
.tablet-device .mod-movie {
  width: 640px;
  height: 600px;
  margin: 80px auto 100px;
}
.tablet-device .mod-movie a {
  -webkit-transform: scale(2, 2);
      -ms-transform: scale(2, 2);
          transform: scale(2, 2);
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
}

.mod-credit {
  position: relative;
}
.mod-credit.is-type-main {
  margin-top: 30px;
  padding-top: 66.25%;
}
.mod-credit.is-type-main .no1,
.mod-credit.is-type-main .no2,
.mod-credit.is-type-main .no3 {
  position: absolute;
}
.mod-credit.is-type-main .no1 {
  width: 55.9375%;
  top: 0%;
  left: 0%;
}
.mod-credit.is-type-main .no1 .mod-credit-name {
  color: #e1406b;
  top: -8%;
  left: 60%;
  width: 64.245810056%;
}
.mod-credit.is-type-main .no2 {
  width: 61.09375%;
  top: 31%;
  left: 16%;
}
.mod-credit.is-type-main .no2 .mod-credit-name {
  top: 101%;
  left: 14%;
}
.mod-credit.is-type-main .no3 {
  width: 44.375%;
  top: 27.6%;
  left: 55.8%;
}
.mod-credit.is-type-main .no3 .mod-credit-name {
  top: -28%;
  left: 0;
}
.mod-credit.is-type-main .mod-credit-name {
  position: absolute;
}
.mod-credit.is-type-relation {
  margin: 6.25% 9.5833% 0;
  padding: 0;
}

.mod-attention {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: #1b1b1b;
  text-align: center;
}
.mod-attention img {
  width: 100%;
  height: auto;
}

.mod-attention-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
}

.mod-attention-body {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.mod-attention-body p {
  line-height: 0;
}

.mod-attention-sound {
  width: 139px;
  margin: 0 auto;
  padding-top: 40px;
}
.tablet-device .mod-attention-sound {
  width: 278px;
}

.mod-attention-sound02 {
  width: 180px;
  margin: 14px auto 0;
}
.tablet-device .mod-attention-sound02 {
  width: 360px;
  margin: 0 auto;
}

.mod-attention-txt1 {
  width: 144px;
  margin: 40px auto 0;
}
.tablet-device .mod-attention-txt1 {
  width: 244px;
}

.mod-attention-txt2 {
  width: 87px;
  margin: 14px auto 0;
}
.tablet-device .mod-attention-txt2 {
  width: 174px;
  margin-top: 20px;
}

.mod-attention-command {
  margin: 16px auto 0;
}
.tablet-device .mod-attention-command {
  margin-top: 32px;
}
.mod-attention-command button {
  appearance: none;
  display: inline-block;
  margin: 0 8px 0;
  padding: 0;
  border: none;
  background: transparent;
  vertical-align: top;
}
.tablet-device .mod-attention-command button {
  margin: 0 15px 0;
}
.mod-attention-command button.mod-attention-yes {
  width: 59px;
  margin-top: 2px;
}
.tablet-device .mod-attention-command button.mod-attention-yes {
  width: 118px;
  margin-top: 4px;
}
.mod-attention-command button.mod-attention-no {
  width: 50px;
}
.tablet-device .mod-attention-command button.mod-attention-no {
  width: 100px;
}

.mod-content .has-bg-image {
  background: url(/sp/hanatsubaki/2015poet/img/bg_section_02.png) no-repeat left 88%;
  -webkit-background-size: 51.6667% auto;
          background-size: 51.6667% auto;
}
.mod-content .mod-content-txt.no1 {
  width: 79.5833%;
}
.mod-content .mod-content-txt.no2 {
  width: 100%;
  padding: 0 12.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mod-content .mod-content-txt.no3 {
  width: 90.625%;
  margin: 12.5% 0 0 auto;
  text-align: right;
}
.mod-content .mod-content-txt img {
  width: 100%;
}

.mod-section img.fluid {
  width: 100%;
  height: auto;
}
.mod-section.is-type-text {
  margin: 28px 9.375% 0;
}
.mod-section.is-type-text p {
  color: #6e6e6e;
  font-size: .75em;
  text-align: justify;
  line-height: 1.9166;
  font-weight: bold;
}
.mod-section.is-type-text .is-en {
  margin: 30px 0 0;
  color: #e1406b;
  font-weight: normal;
  font-style: italic;
}
.mod-section.is-type-text img {
  margin: 28px 0 0;
  width: 100%;
  height: auto;
}
.mod-section.is-type-product {
  margin: 9.375% 10.9375% 0;
}
.mod-section.is-type-product p {
  margin: 10px 0 0;
  font-size: .625em;
  font-weight: bold;
  padding: 0 0 0 10%;
  line-height: 1.4;
}
.mod-section.is-type-product .mod-section-product-name {
  color: #818181;
  font-weight: normal;
  font-style: italic;
}
.mod-section.is-type-profile {
  margin: 12.5% 6.25% 0;
}
.mod-section.is-type-profile .mod-section-content {
  background: url(/sp/hanatsubaki/2015poet/img/bg_section_01.jpg) repeat left top;
  -webkit-background-size: 100px 100px;
          background-size: 100px 100px;
  padding: 7.2916% 6.4583%;
}
.mod-section.is-type-profile .mod-section-name {
  width: 82.716049383%;
}
.mod-section.is-type-profile .mod-section-name img {
  width: 100%;
  height: auto;
}
.mod-section.is-type-profile .mod-section-txt {
  margin: 28px 0 0;
  font-weight: bold;
  line-height: 1.9166;
  font-size: .75em;
}
.mod-section.is-type-profile .mod-section-txt.is-en {
  color: #e1406b;
  font-weight: normal;
  font-style: italic;
}
.mod-section.is-type-credit {
  margin-top: -4%;
}
.mod-section.is-type-credit p {
  font-size: .625em;
  font-style: italic;
  color: #818181;
  line-height: 1.7;
}
.mod-section.is-type-credit p img {
  zoom: .5;
}