@charset "UTF-8";
@font-face {
  font-family: "Miso";
  src: url("/toraco/fonts/miso-bold.eot");
  src: url("/toraco/fonts/miso-bold.eot?#iefix") format("embedded-opentype"), url("/toraco/fonts/miso-bold.woff2") format("woff2"), url("/toraco/fonts/miso-bold.woff") format("woff"), url("/toraco/fonts/miso-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Miso";
  src: url("/toraco/fonts/miso-regular.eot");
  src: url("/toraco/fonts/miso-regular?#iefix") format("embedded-opentype"), url("/toraco/fonts/miso-regular.woff2") format("woff2"), url("/toraco/fonts/miso-regular.woff") format("woff"), url("/toraco/fonts/miso-regular.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Miso";
  src: url("/toraco/fonts/miso-light.eot");
  src: url("/toraco/fonts/miso-light?#iefix") format("embedded-opentype"), url("/toraco/fonts/miso-light.woff2") format("woff2"), url("/toraco/fonts/miso-light.woff") format("woff"), url("/toraco/fonts/miso-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
/* ********************************************************
  共通初期化CSS
******************************************************** */
html, body, div, header, footer, article, section, aside, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
  margin: 0px;
  padding: 0px;
  border: 0px;
  outline: none;
}

ol, ul, li {
  list-style: none;
}

img {
  vertical-align: bottom;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:focus {
  outline: 0;
}

@media print {
  body {
    zoom: 60%;
  }
}
#container.second #main.magazine {
  background: #FFF url(/toraco/img/magazine/vol8/bg.gif) repeat;
  padding: 30px 0 100px;
  min-width: 1200px;
  margin: 0 auto 60px auto;
}

@media screen and (max-width: 767px) {
  #container.second #main.magazine {
    background-size: 45%;
    padding: 10px 0 100px;
    min-width: 100%;
    margin-bottom: 0;
  }
}
.intro .inner {
  width: 1200px !important;
  position: relative;
  padding: 10px 0 0 0;
}
.intro h2 {
  width: 166px;
  margin: -60px auto 0 auto;
  position: relative;
  z-index: 100;
  text-align: center;
}
.intro h2 img {
  width: 100%;
  height: auto;
}
.intro h2 img.vol8 {
  width: 86px;
  height: auto;
  margin: 20px auto;
}
.intro h2::after {
  content: "";
  display: block;
  height: 1px;
  width: 60px;
  background: #000;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}
.intro h3.subTitle {
  text-align: center;
  width: 1200px;
  margin: -40px auto 0 auto;
  position: relative;
}
.intro h3.subTitle img {
  width: 100%;
  height: auto;
}
.intro p.lead {
  font-family: vdl-v7marugothic, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.9;
  text-align: center;
  margin: 20px 0;
}

@media screen and (max-width: 767px) {
  .intro {
    margin-bottom: 70px;
  }
  .intro .inner {
    width: 100% !important;
    position: relative;
    padding: 30px 0;
  }
  .intro h2 {
    width: 150px;
  }
  .intro h2 img {
    width: 100%;
    height: auto;
  }
  .intro h2 img.vol8 {
    width: 60px;
  }
  .intro h3.subTitle {
    text-align: center;
    width: 100%;
    margin: 9% auto 0 auto;
    position: relative;
  }
  .intro h3.subTitle img {
    width: 100%;
    height: auto;
  }
  .intro p.lead {
    font-family: vdl-v7marugothic;
    font-size: 18px;
    line-height: 1.9;
    text-align: center;
    margin: 8% 0 0;
  }
}
.mainUnit {
  margin-bottom: 100px;
}
.mainUnit .imgBox {
  width: 1200px;
  text-align: center;
  margin: 0 auto 50px;
  position: relative;
}
.mainUnit .imgBox.title {
  margin-top: 120px;
}
.mainUnit .imgBox .text {
  font-family: nitalago-rera, sans-serif;
  font-style: normal;
  font-weight: 100;
  font-size: 11px;
  text-align: left;
  position: absolute;
  z-index: 999;
}
.mainUnit .imgBox .text a {
  text-decoration: underline;
}
.mainUnit .imgBox.img_01-1 {
  margin-top: -10px;
}
.mainUnit .imgBox.img_01-1 .text {
  top: 545px;
  left: 685px;
}
.mainUnit .imgBox.img_01-2 {
  margin-top: -200px;
}
.mainUnit .imgBox.img_02-1 {
  margin-top: -55px;
}
.mainUnit .imgBox.img_02-1 .text {
  top: 468px;
  left: 277px;
  line-height: 2.1;
}
.mainUnit .imgBox.img_02-2 {
  margin-top: -25px;
}
.mainUnit .imgBox.img_02-3 {
  margin-top: -75px;
}
.mainUnit .imgBox.img_02-4 {
  margin-top: -35px;
}
.mainUnit .imgBox.img_02-4 .text01 {
  top: 326px;
  left: 246px;
}
.mainUnit .imgBox.img_02-4 .text02 {
  top: 326px;
  left: 561px;
}
.mainUnit .imgBox.img_02-4 .text03 {
  top: 326px;
  left: 888px;
}
.mainUnit .imgBox.img_02-5 {
  margin-top: -50px;
}
.mainUnit .imgBox.img_02-5 .text {
  top: 355px;
  left: 836px;
}
.mainUnit .imgBox.img_03-1 {
  margin-top: -70px;
}
.mainUnit .imgBox.img_03-2 {
  margin-top: -80px;
}
.mainUnit .imgBox.img_03-3 {
  margin-top: -40px;
}
.mainUnit .imgBox.img_04-1 {
  margin-top: -40px;
}
.mainUnit .imgBox.img_04-2 {
  margin-top: -100px;
}
.mainUnit .imgBox.img_04-2 .text {
  top: 304px;
  left: 811px;
}
.mainUnit .imgBox.img_05-1 {
  margin-top: -75px;
}
.mainUnit .imgBox.img_05-2 {
  margin-top: -80px;
}
.mainUnit .imgBox.img_05-3 {
  margin-top: -45px;
}
.mainUnit .imgBox.img_06-1 {
  margin-top: -70px;
}
.mainUnit .imgBox.img_06-2 {
  margin-top: -110px;
}
.mainUnit .imgBox.img_06-3 {
  margin-top: 80px;
}
.mainUnit .imgBox.img_06-4 {
  margin-top: -50px;
}

@media screen and (max-width: 767px) {
  .mainUnit .imgBox {
    width: 100%;
    text-align: center;
    margin: 0 auto 30px;
    position: relative;
  }
  .mainUnit .imgBox img {
    width: 100%;
    height: auto;
  }
  .mainUnit .imgBox.title {
    margin-top: -10px;
  }
  .mainUnit .imgBox .text {
    font-family: nitalago-rera, sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: 11px;
    text-align: left;
    position: absolute;
  }
  .mainUnit .imgBox .text a {
    text-decoration: underline;
  }
  .mainUnit .imgBox.img_01-1 {
    margin-top: -20%;
  }
  .mainUnit .imgBox.img_01-1 .text {
    top: 92%;
    left: 15%;
  }
  .mainUnit .imgBox.img_01-2 {
    margin-top: -4%;
  }
  .mainUnit .imgBox.img_02-1 {
    margin-top: -3%;
  }
  .mainUnit .imgBox.img_02-1 .text {
    top: 87%;
    left: 15%;
    line-height: 2.1;
  }
  .mainUnit .imgBox.img_02-2 {
    margin-top: -3%;
  }
  .mainUnit .imgBox.img_02-3 {
    margin-top: -29%;
  }
  .mainUnit .imgBox.img_02-4 {
    margin-top: -5%;
  }
  .mainUnit .imgBox.img_02-4 .text01 {
    top: 30.5%;
    left: 0;
    text-align: center;
    width: 100%;
  }
  .mainUnit .imgBox.img_02-4 .text02 {
    top: 60.2%;
    left: 0;
    text-align: center;
    width: 100%;
  }
  .mainUnit .imgBox.img_02-4 .text03 {
    top: 91%;
    left: 0;
    text-align: center;
    width: 100%;
  }
  .mainUnit .imgBox.img_02-5 {
    margin-top: -5%;
  }
  .mainUnit .imgBox.img_02-5 .text {
    top: 61%;
    left: 0;
    text-align: center;
    width: 100%;
  }
  .mainUnit .imgBox.img_03-1 {
    margin-top: -8%;
  }
  .mainUnit .imgBox.img_03-2 {
    margin-top: -3%;
  }
  .mainUnit .imgBox.img_03-3 {
    margin-top: -4%;
  }
  .mainUnit .imgBox.img_04-1 {
    margin-top: 9%;
  }
  .mainUnit .imgBox.img_04-2 {
    margin-top: -5%;
  }
  .mainUnit .imgBox.img_04-2 .text {
    top: 60%;
    left: 0;
    text-align: center;
    width: 100%;
  }
  .mainUnit .imgBox.img_05-1 {
    margin-top: -1%;
  }
  .mainUnit .imgBox.img_05-2 {
    margin-top: -2%;
  }
  .mainUnit .imgBox.img_05-3 {
    margin-top: -2%;
  }
  .mainUnit .imgBox.img_06-1 {
    margin-top: -5%;
  }
  .mainUnit .imgBox.img_06-2 {
    margin-top: -8%;
  }
  .mainUnit .imgBox.img_06-3 {
    margin-top: 21%;
  }
  .mainUnit .imgBox.img_06-4 {
    margin-top: -6%;
  }
}
.outro .inner {
  width: 1200px !important;
  text-align: center;
}
.outro .inner p.text {
  margin: -90px auto 50px auto;
}
.outro .inner p.text img {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .outro {
    margin-top: -80px;
  }
  .outro .inner {
    position: relative;
    width: 100% !important;
  }
  .outro .inner p.text {
    font-size: 16px;
    margin: 0 auto 7%;
    padding: 0;
  }
  .outro .inner p.text img {
    width: 100%;
    height: auto;
  }
}
/*# sourceMappingURL=magazine8.css.map */