@charset "utf-8";

.topic-header{position: relative; z-index: 5;}
.topic-header .container{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; margin: 0 auto;}
.topic-header .container dl{position: relative; width: 100%; height: 100%; display: table; vertical-align: middle;}
.topic-header .container dl dd{position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.topic-header .container dl dd .caption{font-size: 2em; font-weight: bold; color: #fff;}
@media (max-width: 450px) {
  .topic-header .container dl dd .caption{font-size: 1.5em;}	
}

.topic-wrapper{position: relative; z-index: 9; margin-top: -50px;}
@media (max-width: 1200px) {
  .topic-wrapper{margin-top: -30px;}
}
@media (max-width: 992px) {
  .topic-wrapper{margin-top: 30px;}
}
@media (max-width: 768px) {
  .topic-wrapper{margin-top: 15px;}
}

.topic-memo{padding: 30px; background-color: #fff; box-shadow: 0 0 15px rgba(0 0 0 / 15%); text-align: justify;}
.topic-memo p{text-indent: 2em; line-height: 2em;}
.topic-memo p + p{margin-top: 1em;}
@media (max-width: 992px) {
  .topic-memo{padding: 15px 20px;}	
}

.jiema .list{margin-right: -15px; margin-left: -15px;}
.jiema .list li{float: left; width: 50%;}
.jiema .list li dl{margin: 0 15px 40px;}
.jiema .list li dl dt{float: left; width: 39%;}
.jiema .list li dl dt .place{padding-top: 66.66667%; border-radius: 10px;}
.jiema .list li dl dd{float: left; width: 61%;}
.jiema .list li dl dd > div{margin-left: 20px;}
.jiema .list li dl dd > div.caption a{font-size: 1.25em; font-weight: bold; line-height: 1.4em; height: 2.8em}
.jiema .list li dl dd > div.des{margin-top: 1em; font-size: .9375em; line-height: 1.8em; color: #666; -webkit-line-clamp: 3; height: 5.4em;}
@media (max-width: 1200px) {
  .jiema .list li dl dd > div.caption a{display: inline-block; height: auto; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; max-width: 100%; overflow: hidden;}	
}
@media (max-width: 992px) {
  .jiema .list{margin-right: -10px; margin-left: -10px;}
  .jiema .list li dl{margin: 0 10px 30px;}
  .jiema .list li dl dd > div{margin-left: 15px;}
  .jiema .list li dl dd > div.caption a{font-size: 1.125em; white-space: normal; display: -webkit-box; -webkit-line-clamp: 4; height: 5.6em;}
  .jiema .list li dl dd > div.des{display: none;}
}
@media (max-width: 720px) {
  .jiema .list li dl dd > div.caption a{-webkit-line-clamp: 3; height: 4.2em;}
}
@media (max-width: 680px) {
  .jiema .list li{width: 100%;}
  .jiema .list li dl{margin-bottom: 20px;}
  .jiema .list li dl dd > div.caption a{-webkit-line-clamp: 2; height: 2.8em;}
  .jiema .list li dl dd > div.des{display: -webkit-box;}
}
@media (max-width: 520px) {
  .jiema .list li dl dd > div.des{-webkit-line-clamp: 2; height: 3.2em;}
}
@media (max-width: 450px) {
  .jiema .list li dl dd > div.caption a{-webkit-line-clamp: 3; height: 4.2em;}
  .jiema .list li dl dd > div.des{display: none;}
}

.tuji .owl-carousel .item .place{border-radius: 10px;}
.tuji .owl-carousel .item .place .caption{position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; padding: .875em 1em; font-size: 1.125em; font-weight: bold; color: #fff;}
.tuji .owl-carousel .owl-nav > div{position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; text-align: center;}
.tuji .owl-carousel .owl-nav > div:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background-color: #fff; border-radius: 50%; box-shadow: 0 0 15px rgba(0 0 0/15%);}
.tuji .owl-carousel .owl-nav > div i{position: absolute; top: 50%; right: 0; left: 0; z-index: 2; margin-top: -.5em; margin-right: auto; margin-left: auto; font-size: 1.25em; font-weight: bold; line-height: 1em; color: #09244b;}
.tuji .owl-carousel .owl-nav > div:hover:after{opacity: .9;}
.tuji .owl-carousel .owl-nav > div.owl-prev{left: -20px;}
.tuji .owl-carousel .owl-nav > div.owl-next{right: -20px;}
.tuji .owl-carousel .owl-nav > div.disabled{cursor: not-allowed;}
.tuji .owl-carousel .owl-nav > div.disabled:after{opacity: .9;}
.tuji .owl-carousel .owl-nav > div.disabled i{color: #666; opacity: .35;}
@media (max-width: 800px) {
  .tuji .owl-carousel .owl-nav > div:after{content: normal;}
  .tuji .owl-carousel .owl-nav > div i{font-size: 2.25em; font-weight: normal; color: #fff;}
  .tuji .owl-carousel .owl-nav > div.owl-prev{left: 0;}
  .tuji .owl-carousel .owl-nav > div.owl-next{right: 0;}
  .tuji .owl-carousel .owl-nav > div.disabled:after{opacity: .9;}
  .tuji .owl-carousel .owl-nav > div.disabled i{color: #fff; opacity: .5;}
}