@charset "UTF-8";
/* ==========================================================
  フォント
========================================================== */
/* ==========================================================
  テキストシャドウ
========================================================== */
/* ===================================================================
CSS information
 file name  :release_190823.css
 style info :リリースページのスタイル
=================================================================== */
@media screen and (min-width: 751px) {
  .contents #topics #sec01 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 {
    margin-bottom: 5vw;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 p {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 p {
    padding: 0 4%;
    margin-bottom: 3vw;
    text-align: left;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 p br {
    display: none;
  }
}
.contents #topics #sec01 .brownArea {
  background: #e7dbbd;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea {
    padding: 40px 0;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 .brownArea {
    padding: 4vw 4%;
  }
}
.contents #topics #sec01 .brownArea .inner {
  margin: 0 auto;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea .inner {
    width: 1100px;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea .inner figure {
    float: left;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 .brownArea .inner figure {
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea .inner .rBox {
    float: right;
    width: 560px;
    padding-top: 14px;
  }
}
.contents #topics #sec01 .brownArea .inner .rBox dl {
  text-align: left;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl {
    margin-bottom: 3.4vw;
  }
}
.contents #topics #sec01 .brownArea .inner .rBox dl dt {
  color: #a20000;
  background: #fff;
  border-left: solid 10px #a20000;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl dt {
    font-size: 22px;
    padding: 2px 0 5px 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl dt {
    font-size: 3.8vw;
    padding: 0.2vw 0 0.6vw 1vw;
    margin-bottom: 1vw;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl dd {
    padding-left: 20px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl dd {
    padding-left: 2.4vw;
    line-height: 1.3;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl dd.title {
    letter-spacing: -0.02em;
    line-height: 1.8;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl dd.title {
    letter-spacing: -0.04em;
    line-height: 1.8;
    font-size: 3vw;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl dd.period {
    font-size: 24px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl dd.period {
    font-size: 4.4vw;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl dd.price {
    font-size: 24px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl dd.price {
    font-size: 4vw;
  }
}
.contents #topics #sec01 .brownArea .inner .rBox dl dd.price em {
  color: #e60012;
  font-weight: bolder;
  font-style: normal;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl dd.price em {
    font-size: 40px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 .brownArea .inner .rBox dl dd.price em {
    font-size: 6.8vw;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea .inner .rBox ul {
    padding-top: 12px;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec01 .brownArea .inner .rBox ul li:nth-child(1) {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec01 .brownArea .inner .rBox ul li:nth-child(1) {
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec02 .inner {
    width: 1060px;
    margin: 0 auto 100px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec02 .inner {
    padding: 0 4%;
    margin-bottom: 5vw;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec02 .inner figure {
    float: right;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec02 .inner figure {
    margin-bottom: 2vw;
  }
}
.contents #topics #sec02 .inner .lBox {
  text-align: left;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec02 .inner .lBox {
    float: left;
    width: 600px;
    padding-top: 12px;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec02 .inner .lBox p {
    margin-bottom: 13px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec02 .inner .lBox p {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec02 .inner .lBox p br {
    display: none;
  }
}
.contents #topics #sec02 .inner .lBox .brownBox {
  background: #e7dbbd;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec02 .inner .lBox .brownBox {
    font-size: 20px;
    padding: 20px 20px 2px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec02 .inner .lBox .brownBox {
    font-size: 3.8vw;
    padding: 2vw 2vw 0.2vw;
  }
}
.contents #topics #sec02 .inner .lBox .brownBox dl {
  text-align: center;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec02 .inner .lBox .brownBox dl {
    width: 270px;
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec02 .inner .lBox .brownBox dl {
    width: 49%;
    margin-bottom: 2vw;
  }
}
.contents #topics #sec02 .inner .lBox .brownBox dl dt {
  color: #a20000;
  background: #fff;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec02 .inner .lBox .brownBox dl dt {
    padding-bottom: 4px;
    margin-bottom: 4px;
    line-height: 1.6;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec02 .inner .lBox .brownBox dl dt {
    padding-bottom: 0.4vw;
    margin-bottom: 1vw;
    line-height: 1.6;
  }
}
.contents #topics #sec02 .inner .lBox .brownBox dl.cast {
  width: auto;
}
.contents #topics #sec02 .inner .lBox .brownBox dl.cast dd {
  text-align: left;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec02 .inner .lBox .brownBox dl.cast dd {
    padding-left: 20px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec02 .inner .lBox .brownBox dl.cast dd {
    padding-left: 2vw;
  }
}
.contents #topics #sec02 .inner .lBox .brownBox dl:nth-child(even) {
  float: left;
}
.contents #topics #sec02 .inner .lBox .brownBox dl:nth-child(3) {
  float: right;
}
.contents #topics #sec02 .inner .lBox .brownBox dl:nth-child(5) {
  float: right;
}
.contents #topics #sec02 .inner .lBox .brownBox dl:nth-child(5) span {
  display: block;
  line-height: 1;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec02 .inner .lBox .brownBox dl:nth-child(5) span {
    font-size: 12px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec02 .inner .lBox .brownBox dl:nth-child(5) span {
    font-size: 2vw;
  }
}
.contents #topics #sec03 {
  background: url(../images/topics/bg_map.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 750px) {
  .contents #topics #sec03 {
    padding-bottom: 4vw;
  }
}
.contents #topics #sec03 .inner {
  position: relative;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec03 .inner {
    top: -50px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec03 .inner .area {
    padding: 0 4%;
  }
}
.contents #topics #sec03 .inner .area p {
  color: #fff;
  text-shadow: black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec03 .inner .area p {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec03 .inner .area p {
    margin-bottom: 3vw;
    text-align: left;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec03 .inner .area p br {
    display: none;
  }
}
@media screen and (min-width: 751px) {
  .contents #topics #sec03 .inner .area .box {
    width: 800px;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec03 .inner .area .box {
    margin-bottom: 2vw;
  }
}
.contents #topics #sec03 .inner .area .box small {
  text-align: right;
  display: block;
}
@media screen and (min-width: 751px) {
  .contents #topics #sec03 .inner .area .box small {
    font-size: 10px;
  }
}
@media screen and (max-width: 750px) {
  .contents #topics #sec03 .inner .area .box small {
    font-size: 1vw;
  }
}