@charset "UTF-8";
/* top */
/*------------------------------------------------*/
/* KVパネル用追加 ↓ */
#kvImgPannelWrap {
  width: 100%;
}
#kvImgPannelWrap #kvImgPannel {
  position: relative;
}
#kvImgPannelWrap #kvImgPannel .kvImgListWrap {
  width: 100%;
  font-size: 0px;
}
#kvImgPannelWrap #kvImgPannel .kvImgListWrap .kvImgList {
  display: inline-block;
  width: 16.66%;
  vertical-align: top;
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #kvImgPannelWrap #kvImgPannel .kvImgListWrap .kvImgList {
    width: 25%;
  }
}
#kvImgPannelWrap #kvImgPannel .kvImgListWrap .kvImgList .kvMovieBox {
  width: 100%;
}
#kvImgPannelWrap #kvImgPannel .kvImgListWrap .kvImgList .kvMovieBox .kvMovie {
  width: 100%;
  padding-top: 79.05%;
  position: relative;
  overflow: hidden;
}
#kvImgPannelWrap #kvImgPannel .kvImgListWrap .kvImgList .kvMovieBox .kvMovie video {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  /*							@include scaleX(1.65);
  							@include scaleY(1.65);*/
  -moz-transform: scale(1.65);
  -webkit-transform: scale(1.65);
  -o-transform: scale(1.65);
  -ms-transform: scale(1.65);
  transform: scale(1.65);
}
#kvImgPannelWrap #kvImgPannel .kvImgListWrap .kvImgList .kvPictBox {
  width: 100%;
}
#kvImgPannelWrap #kvImgPannel .kvImgListWrap .kvImgList .kvPictBox .kvPict {
  width: 100%;
}
#kvImgPannelWrap #kvImgPannel .kvImgListWrap .kvImgList .kvPictBox .kvPict .pict {
  width: 100%;
  padding-top: 79.05%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#kvImgPannelWrap #kvImgPannel .kvImgTitleTextWrap {
  -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);
  /*			$padding1: 2.73%;
  			$padding2: 3.75%;*/
  position: absolute;
  top: 50%;
  left: 15.23%;
  width: 20.31%;
  background-color: #fff;
  padding: 3% 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #kvImgPannelWrap #kvImgPannel .kvImgTitleTextWrap {
    left: 23.7%;
    width: 27.31%;
    padding: 5.5% 0;
  }
}
#kvImgPannelWrap #kvImgPannel .kvImgTitleTextWrap .kvImgTitleText {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
#kvImgPannelWrap #kvImgPannel .kvImgTitleTextWrap .kvImgTitleText img {
  max-width: none;
  width: 75%;
}

/* KVパネル用追加 ↑ */
/* Scroll用追加 ↓ */
@media only screen and (min-width: 1024px) {
  body {
    position: relative;
  }

  #headWrap {
    position: fixed;
    top: 0;
  }

  #onePageScroll {
    width: 100%;
    position: relative;
  }
  #onePageScroll .onePageScrollBar {
    background-color: #fff;
    position: absolute;
    z-index: 5;
    -webkkit-transition-property: top,right,bottom,left;
    -moz-transition-property: top,right,bottom,left;
    -ms-transition-property: top,right,bottom,left;
    -o-transition-property: top,right,bottom,left;
    transition-property: top,right,bottom,left;
    -webkkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  #onePageScroll .onePageScrollBar.top, #onePageScroll .onePageScrollBar.bottom {
    width: 100%;
    height: 48px;
    left: 0;
  }
  #onePageScroll .onePageScrollBar.left, #onePageScroll .onePageScrollBar.right {
    width: 48px;
    height: 100%;
    top: 0;
  }
  #onePageScroll .onePageScrollBar.top {
    top: 0;
  }
  #onePageScroll .onePageScrollBar.bottom {
    bottom: 0;
  }
  #onePageScroll .onePageScrollBar.left {
    left: 0;
  }
  #onePageScroll .onePageScrollBar.right {
    right: 0;
  }
  #onePageScroll .onePageScrollBar.right .onePageScrollBarInner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  #onePageScroll .onePageScrollBar.right .controller {
    width: 48px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 0px;
    position: absolute;
    left: 0;
    z-index: 6;
  }
  #onePageScroll .onePageScrollBar.right .controller.prev {
    margin-top: -57.6px;
    top: 50%;
  }
  #onePageScroll .onePageScrollBar.right .controller.next {
    margin-bottom: -48px;
    bottom: 50%;
  }
  #onePageScroll .onePageScrollBar.right .controller a {
    width: 16px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
  }
  #onePageScroll .onePageScrollBar.right .photoPanelNum {
    width: 48px;
    line-height: 1;
    margin-top: -24px;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    position: relative;
    z-index: 6;
    top: 50%;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #onePageScroll .onePageScrollSection {
    width: 100%;
  }
  #onePageScroll #kv {
    /*background-image: url('../images/top/kv.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    @include background-size(cover);*/
    /*overflow: hidden;*/
    position: relative;
    z-index: 100;
  }
  #onePageScroll #kv > img {
    visibility: hidden;
  }
  #onePageScroll #photoPanelGallery {
    width: 100%;
    height: 636px;
    max-width: 1376px;
    margin: 0 auto;
    padding: 48px;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel.prev {
    z-index: 2;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel.active {
    z-index: 3;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel:hover > .detail .photoPanelInner .textArea .photoPanelShowBtn .showMore {
    padding-left: 55px;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel:hover > .detail .photoPanelInner .textArea .photoPanelShowBtn .showMore:before {
    left: 0px;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo, #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail {
    width: 50%;
    height: 100%;
    display: table-cell;
    vertical-align: top;
    position: relative;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo .photoPanelInner, #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo .photoPanelInner.seaBg, #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner.seaBg {
    background-color: #0f7dda;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo .photoPanelInner.natureBg, #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner.natureBg {
    background-color: #39a543;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo .photoPanelInner.historyBg, #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner.historyBg {
    background-color: #8f50b7;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo .photoPanelInner.landBg, #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner.landBg {
    background-color: #df901f;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo .photoPanelInner.foodBg, #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner.foodBg {
    background-color: #d9305c;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo .photoPanelInner.sightseeingBg, #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner.sightseeingBg {
    background-color: #e45f9d;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo .photoPanelInner .label, #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .label {
    display: inline-block;
    position: absolute;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo .photoPanelInner .label > span, #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .label > span {
    line-height: 1.4;
    padding: 8px 12px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo .photoPanelInner {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo img {
    width: 100%;
    max-width: none;
    visibility: hidden;
    display: none;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea {
    width: 100%;
    padding: 0 48px 0 48px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 48px;
    left: 0;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea h2 {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    line-height: 130%;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea .photoPanelTag {
    margin-top: 25px;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea .photoPanelTag ul {
    font-size: 0px;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea .photoPanelTag ul li {
    display: inline-block;
    margin: 15px 7.5px 0 0;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea .photoPanelTag ul li .tag {
    display: inline-block;
    border: 1px solid #fff;
    padding: 7px 15px;
    color: #fff;
    font-size: 16px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    border-radius: 22px;
    -webkkit-transition-property: color,background-color;
    -moz-transition-property: color,background-color;
    -ms-transition-property: color,background-color;
    -o-transition-property: color,background-color;
    transition-property: color,background-color;
    -webkkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea .photoPanelTag ul li .tag:hover {
    text-decoration: underline;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea .photoPanelShowBtn {
    margin-top: 48px;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea .photoPanelShowBtn .showMore {
    position: relative;
    padding-left: 0;
    display: inline-block;
    color: #fff;
    width: 10em;
    overflow: hidden;
    font-size: 16px;
    -webkkit-transition-property: padding-left;
    -moz-transition-property: padding-left;
    -ms-transition-property: padding-left;
    -o-transition-property: padding-left;
    transition-property: padding-left;
    -webkkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea .photoPanelShowBtn .showMore:before {
    width: 40px;
    height: 2px;
    content: "";
    position: absolute;
    top: 50%;
    left: -40px;
    margin-top: -1px;
    background-color: #fff;
    -webkkit-transition-property: left;
    -moz-transition-property: left;
    -ms-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    -webkkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea .text {
    line-height: 1.4;
    font-size: 16px;
    color: #fff;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .left .photoPanelInner {
    bottom: 0;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .left .photoPanelInner .label {
    left: 96px;
    bottom: 96px;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .right .photoPanelInner {
    top: 0;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .right .photoPanelInner .label {
    top: 48px;
    left: 48px;
  }
  #onePageScroll #onePageOtherContents {
    position: relative;
    z-index: 3;
  }
}
@media only screen and (max-width: 1023px) {
  #onePageScroll #photoPanelGallery .photoPanelWrap {
    margin: 0 auto;
    width: 100%;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel {
    height: 60vw;
  }
}
@media only screen and (max-width: 1023px) {
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel:first-of-type {
    margin-top: 0;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel.photo, #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel.detail {
    width: 100%;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo > .photoPanelInner {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px;
    height: 60vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo > .photoPanelInner {
    background-image: none;
  }
}
@media only screen and (max-width: 1023px) and (max-width: 767px) {
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo > .photoPanelInner {
    background-image: none;
    height: 58vw;
  }
}
@media only screen and (max-width: 1023px) {
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo > .photoPanelInner .photoInDetail {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: calc( 100% - ( 20px * 2 ) );
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo > .photoPanelInner .photoInDetail .label {
    display: inline-block;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo > .photoPanelInner .photoInDetail .label > span {
    line-height: 1.4;
    padding: 5px 6px;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo > .photoPanelInner .photoInDetail .titleArea {
    margin-top: 15px;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo > .photoPanelInner .photoInDetail .titleArea h2 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 140%;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo > .photoPanelInner .label {
    display: inline-block;
    position: absolute;
    top: -15px;
    padding: 0;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo > .photoPanelInner .label > span {
    line-height: 1.4;
    padding: 5px 10px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    background-color: #fff;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .photo > .photoPanelInner img {
    width: 100%;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea {
    padding: 20px;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel > .detail .photoPanelInner .textArea h2 {
    width: 80%;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel#photoPanel1 > .photo .photoPanelInner {
    background-image: url("../images/top/onePageScroll/1/photo.jpg");
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel#photoPanel1 > .detail .photoPanelInner {
    background-color: #003cc3;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel#photoPanel2 > .photo .photoPanelInner {
    background-image: url("../images/top/onePageScroll/2/photo.jpg");
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel#photoPanel2 > .detail .photoPanelInner {
    background-color: #0a9317;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel#photoPanel3 > .photo .photoPanelInner {
    background-image: url("../images/top/onePageScroll/3/photo.jpg");
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel#photoPanel3 > .detail .photoPanelInner {
    background-color: #7c00c3;
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel#photoPanel4 > .photo .photoPanelInner {
    background-image: url("../images/top/onePageScroll/4/photo.jpg");
  }
  #onePageScroll #photoPanelGallery .photoPanelWrap .photoPanel#photoPanel4 > .detail .photoPanelInner {
    background-color: #c3aa00;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #photoPanelGallery {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  #photoPanelGallery {
    margin-top: 30px;
  }
}
/* Scroll用追加 ↑ */
@media only screen and (max-width: 767px) {
  #onePageScroll #onePageScrollArea #onePageOtherContents #footWrap {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #onePageScroll #onePageScrollArea #onePageOtherContents #footWrap #footer .pageTopBtnWrap {
    margin-top: 0;
  }
}

.sectionWrap {
  padding-bottom: 108px;
}
@media only screen and (max-width: 767px) {
  .sectionWrap {
    padding-bottom: 0;
  }
}

#cate01 {
  padding: 0;
}
#cate01 .contBoxInner {
  margin-top: 30px;
}
#cate01 .contBoxInner:first-child {
  margin-top: 0;
  position: relative;
}
#cate01 .photoList .photoBox {
  float: left;
}
#cate01 .photoList .photoBox:first-child {
  margin-left: 0;
}
#cate01 .photoList .photoBox .photoBoxInner {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
}
#cate01 .photoList .photoBox#photo01 {
  width: 24.29%;
}
#cate01 .photoList .photoBox#photo02 {
  width: 25.85%;
  margin-left: -8px;
}
#cate01 .photoList .photoBox#photo03 {
  width: 26.64%;
  margin-left: -18px;
}
#cate01 .photoList .photoBox#photo04 {
  width: 26.64%;
  margin-left: -18px;
}

#about > div {
  opacity: 0;
  filter: alpha(opacity=0);
}

.fadein {
  opacity: 0;
  filter: alpha(opacity=0);
}

/*.photoListTitle{
	@include opacity(0);
}*/
.photoBox .photoBoxInner {
  opacity: 0;
  filter: alpha(opacity=0);
  left: -20px;
}

#about {
  position: absolute;
  bottom: 33px;
  left: 33px;
}

#mainWrap #main #news {
  margin-top: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #news {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #news {
    margin-top: 45px;
  }
}
#mainWrap #main #news .secNewsWrap {
  padding: 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #news .secNewsWrap {
    padding: 0;
  }
  #mainWrap #main #news .secNewsWrap.lBlueBg {
    background-color: #fff;
  }
}
#mainWrap #main #news .secNewsWrap .secNewsL {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 10px 40px 10px 0;
  font-size: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #news .secNewsWrap .secNewsL {
    width: 180px;
  }
}
#mainWrap #main #news .secNewsWrap .secNewsL > * {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #news .secNewsWrap .secNewsL {
    margin-right: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #news .secNewsWrap .secNewsL {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 0 0 10px 0;
    border-right: none;
    border-bottom: 1px solid #637081;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #news .secNewsWrap .secNewsL img {
    float: left;
  }
}
#mainWrap #main #news .secNewsWrap .secNewsL .secNewsMore {
  margin-left: 70px;
  color: #0070c9;
  font-size: 14px;
}
#mainWrap #main #news .secNewsWrap .secNewsL .secNewsMore:hover {
  text-decoration: underline;
}
#mainWrap #main #news .secNewsWrap .secNewsL .secNewsMore:after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 7px;
  height: 11px;
  background-image: url("../images/icon/arrow_bl.png");
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #mainWrap #main #news .secNewsWrap .secNewsL .secNewsMore {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #news .secNewsWrap .secNewsL .secNewsMore {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #news .secNewsWrap .secNewsL .secNewsMore {
    float: right;
  }
}
#mainWrap #main #news .secNewsWrap .secNewsR {
  padding-left: 40px;
  border-left: 1px solid #637081;
  float: left;
  padding-top: 7px;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #news .secNewsWrap .secNewsR {
    float: none;
    padding-top: 0;
	  padding-left: 0px;
	  border-left: none;
  }
}
#mainWrap #main #news .secNewsWrap .secNewsR .news {
	margin-bottom : 7px;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #news .secNewsWrap .secNewsR .news {
	margin-bottom : 12px;
	padding-bottom: 12px;
	border-bottom: 1px dashed #ddd;
  }
}
#mainWrap #main #news .secNewsWrap .secNewsR .date {
  font-size: 14px;
}
#mainWrap #main #news .secNewsWrap .secNewsR .newsCate {
  margin: 0 25px;
  font-size: 13px;
  font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #news .secNewsWrap .secNewsR .newsCate {
    margin: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #news .secNewsWrap .secNewsR .newsCate {
    margin: 0 0 0 8px;
  }
}
#mainWrap #main #news .secNewsWrap .secNewsR .newsTitle {
  display: inline-block;
  width: 645px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: 14px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #mainWrap #main #news .secNewsWrap .secNewsR .newsTitle {
    width: 430px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #news .secNewsWrap .secNewsR .newsTitle {
    width: 253px;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #news .secNewsWrap .secNewsR .newsTitle {
    margin-top: 10px;
    width: 100%;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    -webkit-text-overflow: clip;
    -o-text-overflow: clip;
    line-height: 140%;
  }
}
#mainWrap #main #news .secNewsWrap .secNewsR .newsTitle .outside:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  margin-bottom: -5px;
  width: 23px;
  height: 15px;
  background-image: url("../images/icon/link.png");
  background-repeat: no-repeat;
}
#mainWrap #main #news .secNewsWrap .secNewsR .newsTitle a {
  -webkkit-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
#mainWrap #main #news .secNewsWrap .secNewsR .newsTitle a:hover {
  color: #0070c9;
}
#mainWrap #main #moreKnow {
  margin-top: 30px;
  padding: 40px 0;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow {
    padding: 40px 0 0;
    background-color: #dbe9f0;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap {
    font-size: 0px;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3:first-of-type dd a {
    min-height: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3:nth-of-type(2) {
    width: 100% !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3:nth-of-type(2) dd a {
    min-height: 0 !important;
  }
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnTitle {
  position: relative;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnTitle {
    position: static;
    margin: 0;
    padding: 0 20px 40px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnTitle dt img {
    width: 100%;
  }
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnTitle dd {
  position: absolute;
  left: 25px;
  bottom: 23px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnTitle dd {
    bottom: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnTitle dd {
    bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnTitle dd {
    position: static;
    margin-top: 17.5px;
  }
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnTitle dd a {
  color: #0070c9;
  font-size: 16px;
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnTitle dd a:after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 7px;
  height: 11px;
  background-image: url("../images/icon/arrow_bl.png");
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnTitle dd a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnTitle dd a {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    width: 50%;
    max-width: 140px;
    color: #fff;
    background-color: #003cc3;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mainWrap #main #moreKnow .column3Wrap .column3.columnTitle dd a:after {
    content: "";
    position: absolute;
    right: 20px;
    margin: 0;
    width: 6px;
    height: 10px;
    background-image: url("../images/icon/arrow_wh.png");
    background-size: cover;
  }
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnTitle:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail {
  position: relative;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail {
    position: static;
    display: inline-block;
    margin: 10px 0 0 10px;
    width: calc( 50% - 5px );
    font-size: 0px;
    vertical-align: top;
  }
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail:nth-of-type(odd) {
    margin-left: 0;
  }
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail:nth-last-child(-n+3) dd {
  left: auto;
  right: 0;
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail:nth-last-child(-n+3) dd a {
  padding: 25px 0 0 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail:nth-last-child(-n+3) dd a {
    padding: 20px 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail:nth-last-child(-n+3) dd a {
    padding: 15px 10px;
    min-height: 95px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dt img {
  width: 100%;
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 86.25%;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd {
    position: static;
    display: block;
    background-color: #fff;
    width: 100%;
    max-width: none;
  }
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd a {
  display: block;
  padding: 25px 25px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd a {
    padding: 20px 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd a {
    padding: 15px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 95px;
  }
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd .moreKnowCate {
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 3px solid transparent;
  font-size: 16px;
  font-weight: bold;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd .moreKnowCate {
    border-bottom-width: 2px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd .moreKnowCate {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd .moreKnowCate {
    font-size: 12px;
  }
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd .moreKnowCate.sea {
  color: #0f7dda;
  border-bottom-color: #0f7dda;
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd .moreKnowCate.nature {
  color: #39a543;
  border-bottom-color: #39a543;
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd .moreKnowCate.history {
  color: #8f50b7;
  border-bottom-color: #8f50b7;
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd .moreKnowCate.land {
  color: #df901f;
  border-bottom-color: #df901f;
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd .moreKnowCate.food {
  color: #d9305c;
  border-bottom-color: #d9305c;
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd .moreKnowCate.sightseeing {
  color: #e45f9d;
  border-bottom-color: #e45f9d;
}
#mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd h4 {
  margin-top: 15px;
  font-size: 24px;
  font-weight: bold;
  line-height: 160%;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd h4 {
    font-size: 18px;
    line-height: 140%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd h4 {
    font-size: 16px;
    line-height: 140%;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #moreKnow .column3Wrap .column3.columnDetail dd h4 {
    margin-top: 10px;
    font-size: 14px;
    line-height: 120%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
#mainWrap #main #knowList {
  padding: 65px 0 40px;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList {
    padding: 30px 0;
  }
}
#mainWrap #main #knowList > * {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList > * {
    margin-top: 20px;
  }
  #mainWrap #main #knowList > *:first-of-type {
    margin-top: 0;
  }
}
#mainWrap #main #knowList .secTitle {
  margin-top: 0;
}
#mainWrap #main #knowList .secTitle h3 {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .secTitle h3 img {
    height: 9.4vw;
    max-height: 49px;
  }
}
#mainWrap #main #knowList .knowListTitleArea h5 {
  font-size: 20px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .knowListTitleArea h5 {
    font-size: 18px;
  }
}
#mainWrap #main #knowList .knowListDetailArea {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .knowListDetailArea {
    margin-top: 20px;
  }
}
#mainWrap #main #knowList .slider-nav {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .slider-nav {
    margin-top: 25px;
  }
}
#mainWrap #main #knowList .slider-nav .slick-list {
  margin: 0 auto;
  width: calc( (100% - ( 48px * 2 )) + 32px );
  max-width: 1310px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #mainWrap #main #knowList .slider-nav .slick-list {
    width: 100%;
    max-width: calc((100% - ( 48px * 2 )) + 32px );
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #knowList .slider-nav .slick-list {
    width: auto;
    max-width: none;
    max-width: calc((100% - ( 48px * 2 )) + 32px );
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .slider-nav .slick-list {
    width: 100%;
    max-width: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
#mainWrap #main #knowList .slider-nav .slick-slide {
  margin: 0 16px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
#mainWrap #main #knowList .slider-nav .slick-slide:hover {
  background-color: #f1f1f1;
}
#mainWrap #main #knowList .slider-nav .slick-slide:hover a dl dd .knowListTitleWrap {
  background-color: #f1f1f1;
}
#mainWrap #main #knowList .slider-nav .slick-slide:hover a dl dd .knowListTitleWrap .knowListTitle {
  background-color: #f1f1f1;
}
#mainWrap #main #knowList .slider-nav .slick-slide:hover a dl dd .knowListTitleWrap .knowListTitle:before, #mainWrap #main #knowList .slider-nav .slick-slide:hover a dl dd .knowListTitleWrap .knowListTitle:after {
  background-color: #f1f1f1;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .slider-nav .slick-slide {
    margin: 0 10px;
  }
}
#mainWrap #main #knowList .slider-nav .slick-slide a {
  position: relative;
  display: block;
  height: 100%;
  /*						margin: 0 16px;
  						background-color: #fff;*/
  -webkkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -ms-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .slider-nav .slick-slide a {
    margin: 0;
  }
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dt span {
  display: block;
  width: 100%;
  height: 175px;
  background-size: cover;
  background-position: center center;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #mainWrap #main #knowList .slider-nav .slick-slide dl dt span {
    height: 20vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #knowList .slider-nav .slick-slide dl dt span {
    height: 28vw;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .slider-nav .slick-slide dl dt span {
    height: 58vw;
  }
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dt img {
  display: none;
  visibility: hidden;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd {
  padding: 25px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListInfo {
  color: #637081;
  font-size: 12px;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListInfo > span:first-of-type {
  float: left;
  font-weight: bold;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListInfo .date {
  float: right;
  font-size: 14px;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListTitleWrap {
  margin-top: 10px;
  background: #fff;
  overflow: hidden;
  width: 100%;
  -webkkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -ms-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListTitleWrap .knowListTitle {
  font-weight: bold;
  font-size: 16px;
  height: 44.8px;
  line-height: 1.4;
  position: relative;
  -webkkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -ms-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListTitleWrap .knowListTitle:before, #mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListTitleWrap .knowListTitle:after {
  background: #fff;
  position: absolute;
  -webkkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -ms-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListTitleWrap .knowListTitle:before {
  content: "...";
  top: 22.4px;
  right: 0;
  font-size: 12px;
  width: 23px;
  height: 20px;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListTitleWrap .knowListTitle:after {
  content: "";
  height: 100%;
  width: 100%;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListInc {
  margin-top: 15px;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListLink {
  color: #637081;
  font-size: 12px;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListLink span {
  display: inline-block;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListLink .session:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  margin-bottom: -5px;
  width: 23px;
  height: 15px;
  background-image: url("../images/icon/link.png");
  background-repeat: no-repeat;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .knowListLink .url {
  display: block;
  margin-top: 10px;
  color: #a4abbb;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .tagUl {
  font-size: 0px;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .tagUl li {
  display: inline-block;
  margin: 5px 2.5px 0 2.5px;
  background-color: transparent;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .tagUl li .tag {
  display: block;
  padding: 3px 8px;
  border: 1px solid #637081;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  color: #637081;
  background-color: #fff;
  font-size: 10px;
  font-weight: normal;
  -webkkit-transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -ms-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .tagUl li .tag:hover {
  color: #fff;
  background-color: #637081;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .tagUl li:last-of-type {
  margin-right: 0;
}
#mainWrap #main #knowList .slider-nav .slick-slide dl dd .tagUl .active .tag {
  color: #fff;
  background-color: #637081;
}
#mainWrap #main #knowList .keywordBox {
  padding: 25px 48px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .keywordBox {
    padding: 20px;
  }
}
#mainWrap #main #knowList .keywordBox .knowListDetailArea {
  margin-top: 15px;
}
#mainWrap #main #knowList .keywordBox p {
  font-size: 12px;
  font-weight: bold;
}
#mainWrap #main #knowList .keywordBox .tagUl {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .keywordBox .tagUl {
    margin-top: 5px;
  }
}
#mainWrap #main #knowList .tagUl {
  font-size: 0px;
}
#mainWrap #main #knowList .tagUl li {
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;
}
#mainWrap #main #knowList .tagUl li .tag {
  display: block;
  padding: 3px 8px;
  border: 1px solid #637081;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  color: #637081;
  background-color: #fff;
  font-size: 14px;
  font-weight: bold;
  -webkkit-transition-property: background-color, color;
  -moz-transition-property: background-color, color;
  -ms-transition-property: background-color, color;
  -o-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .tagUl li .tag {
    font-size: 12px;
  }
}
#mainWrap #main #knowList .tagUl li .tag:hover {
  color: #fff;
  background-color: #637081;
}
#mainWrap #main #knowList .tagUl li:last-of-type {
  margin-right: 0;
}
#mainWrap #main #knowList .tagUl .active .tag {
  color: #fff;
  background-color: #637081;
}
#mainWrap #main #knowList .popDetailBox {
  padding: 48px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .popDetailBox {
    padding: 20px;
  }
}
#mainWrap #main #knowList .popDetailBox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .popDetailBox ul {
    display: block;
  }
}
#mainWrap #main #knowList .popDetailBox ul li {
  position: relative;
  margin-left: 25px;
  width: calc( (100% - (25px * 4)) / 5 );
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #knowList .popDetailBox ul li {
    margin-top: 25px;
    width: calc( ( 100% - 25px ) / 2 );
  }
  #mainWrap #main #knowList .popDetailBox ul li:nth-of-type(odd) {
    margin-left: 0;
  }
  #mainWrap #main #knowList .popDetailBox ul li:nth-of-type(-n+2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .popDetailBox ul li {
    width: 100%;
    margin: 15px 0 0 0;
  }
  #mainWrap #main #knowList .popDetailBox ul li:first-of-type {
    margin-top: 0;
  }
}
#mainWrap #main #knowList .popDetailBox ul li:hover .titleArea {
  color: #0070c9;
}
#mainWrap #main #knowList .popDetailBox ul li:nth-of-type(-n+3):before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding-top: 4px;
  width: 35px;
  height: 35px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color : #fff;
}
#mainWrap #main #knowList .popDetailBox ul li:first-of-type {
  margin-left: 0;
  margin-top: 0;
}
#mainWrap #main #knowList .popDetailBox ul li:first-of-type:before {
  content: "1";
  background-color: #ffbf00;
}
#mainWrap #main #knowList .popDetailBox ul li:nth-of-type(2):before {
  content: "2";
  background-color: #ff656a;
}
#mainWrap #main #knowList .popDetailBox ul li:nth-of-type(3):before {
  content: "3";
  background-color: #1991ba;
}
#mainWrap #main #knowList .popDetailBox ul li a {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .popDetailBox ul li a {
    display: table;
  }
}
#mainWrap #main #knowList .popDetailBox ul li .pictArea {
  height: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #knowList .popDetailBox ul li .pictArea {
    height: 27vw;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .popDetailBox ul li .pictArea {
    display: table-cell;
    width: 72px;
    height: 72px;
    font-size: 14px;
    vertical-align: middle;
  }
}
#mainWrap #main #knowList .popDetailBox ul li .pictArea span {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#mainWrap #main #knowList .popDetailBox ul li .pictArea img {
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .popDetailBox ul li .pictArea img {
    visibility: visible;
  }
}
#mainWrap #main #knowList .popDetailBox ul li .titleArea {
  margin-top: 15px;
  font-size: 16px;
  line-height: 140%;
  -webkkit-transition-property: color;
  -moz-transition-property: color;
  -ms-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #knowList .popDetailBox ul li .titleArea {
    display: table-cell;
    padding: 0 12px;
    font-size: 14px;
    width: calc( 100% - 72px );
    line-height: 160%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }
}
#mainWrap #main #mainBanner {
  margin: 65px 0 0;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #mainBanner {
    margin: 40px 0  0;
  }
}
#mainWrap #main #mainBanner .secTitle h3 {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #mainBanner .secTitle h3 img {
    height: 5.4vw;
    max-height: 31px;
  }
}
#mainWrap #main #mainBanner .secTitle p {
  text-align: center;
  margin-top: 30px;
  font-size: 16px;
  line-height: 140%;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #mainBanner .secTitle p {
    margin-top: 15px;
    font-size: 14px;
  }
}
#mainWrap #main #mainBanner .column3Wrap {
  margin-top: 55px;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #mainBanner .column3Wrap {
    margin-top: 20px;
  }
}
#mainWrap #main #mainBanner .column3Wrap li {
  width: 31.77%;
  margin: 0 2.34% 2.34% 0;
}
#mainWrap #main #mainBanner .column3Wrap li:nth-child(3n) {
  margin-right: 0;
}
#mainWrap #main #mainBanner .column3Wrap li:nth-last-child(-n+3) {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #mainBanner .column3Wrap li {
    width: calc(50% - 5px);
    margin: 10px 0 0 10px;
  }
  #mainWrap #main #mainBanner .column3Wrap li:nth-of-type(odd) {
    margin-left: 0;
  }
  #mainWrap #main #mainBanner .column3Wrap li:nth-of-type(-n+2) {
    margin-top: 0;
  }
}
#mainWrap #main #movie {
  padding: 70px 0;
  background-image: url("../images/top/movieBg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #movie {
    padding: 40px 0;
  }
}
#mainWrap #main #movie .secTitle {
  font-size: 0px;
}
#mainWrap #main #movie .secTitle h3 {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #movie .secTitle h3 {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #movie .secTitle h3 img {
    height: 9.4vw;
    max-height: 48px;
  }
}
#mainWrap #main #movie .movieContentWrap {
  margin-top: 40px;
  font-size: 0px;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #movie .movieContentWrap {
    margin-top: 30px;
  }
}
#mainWrap #main #movie .movieContentWrap .movieArea {
  display: inline-block;
  margin-right: 30px;
  width: 780px;
  font-size: 16px;
  vertical-align: top;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #mainWrap #main #movie .movieContentWrap .movieArea {
    display: block;
    margin-right: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #movie .movieContentWrap .movieArea {
    display: block;
    margin-right: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #movie .movieContentWrap .movieArea {
    display: block;
    margin-right: 0;
    width: 100%;
  }
}
#mainWrap #main #movie .movieContentWrap .movieArea .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#mainWrap #main #movie .movieContentWrap .movieArea .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#mainWrap #main #movie .movieContentWrap .listArea {
  display: inline-block;
  width: calc( 100% - ( 780px + 30px ) );
  font-size: 16px;
  vertical-align: top;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #mainWrap #main #movie .movieContentWrap .listArea {
    margin-top: 30px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #movie .movieContentWrap .listArea {
    margin-top: 30px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #movie .movieContentWrap .listArea {
    margin-top: 20px;
    width: 100%;
  }
}
#mainWrap #main #movie .movieContentWrap .listArea .spMovieMoreArea:hover a {
  background-color: #00277a;
}
#mainWrap #main #movie .movieContentWrap .listArea .spMovieMoreArea a {
  display: block;
  padding: 22px 0;
  width: 100%;
  color: #fff;
  background-color: #0b3a9e;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  -webkkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -ms-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
#mainWrap #main #movie .movieContentWrap .listArea .spMovieMoreArea a:after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  margin-top: -4px;
  width: 8px;
  height: 14px;
  background-image: url("../images/icon/arrow_wh.png");
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
}
#mainWrap #main #movie .movieContentWrap .listArea ul {
  font-size: 0px;
}
#mainWrap #main #movie .movieContentWrap .listArea ul li {
  display: inline-block;
  width: 50%;
  height: 146px;
  vertical-align: top;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #mainWrap #main #movie .movieContentWrap .listArea ul li {
    width: 16.666%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #movie .movieContentWrap .listArea ul li {
    width: 33.333%;
  }
}
#mainWrap #main #movie .movieContentWrap .listArea ul li.active .listAreaWrap .listTextArea {
  background-color: rgba(0, 0, 0, 0.4);
}
#mainWrap #main #movie .movieContentWrap .listArea ul li:hover a .listAreaWrap .listTextArea {
  background-color: rgba(0, 0, 0, 0.4);
}
#mainWrap #main #movie .movieContentWrap .listArea ul li a .listAreaWrap {
  position: relative;
}
#mainWrap #main #movie .movieContentWrap .listArea ul li a .listAreaWrap .listTextArea {
  position: absolute;
  width: 100%;
  height: 146px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 3;
  -webkkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -ms-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
#mainWrap #main #movie .movieContentWrap .listArea ul li a .listAreaWrap .listTextArea .listText {
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -45%;
}
#mainWrap #main #movie .movieContentWrap .listArea ul li a .listAreaWrap .listTextArea .listText span {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
#mainWrap #main #movie .movieContentWrap .listArea ul li a .listAreaWrap .listTextArea .listText p {
  margin-top: 5px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 140%;
}
#mainWrap #main #movie .movieContentWrap .listArea ul li a .listAreaWrap .listImgArea {
  position: absolute;
  background-color: #000;
  width: 100%;
}
#mainWrap #main #movie .movieContentWrap .listArea ul li a .listAreaWrap .listImgArea .listImg {
  width: 100%;
  height: 146px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#mainWrap #main #movie .movieContentWrap .listArea ul li a .listAreaWrap .listImgArea .listImg img {
  visibility: hidden;
}
#mainWrap #main #movie .movieContentWrap .listArea ul li.movieMoreArea:hover a {
  background-color: #00277a;
}
#mainWrap #main #movie .movieContentWrap .listArea ul li.movieMoreArea a {
  display: block;
  height: 100%;
  color: #fff;
  background-color: #093e9b;
  font-size: 14px;
  line-height: 146px;
  text-align: center;
  font-weight: bold;
  -webkkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -ms-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
#mainWrap #main #movie .movieContentWrap .listArea ul li.movieMoreArea a:after {
  content: "";
  display: inline-block;
  margin-left: 5px;
  margin-top: -4px;
  width: 8px;
  height: 14px;
  background-image: url("../images/icon/arrow_wh.png");
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
}
#mainWrap #main #insta {
  padding: 70px 0;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #insta {
    padding: 40px 0;
  }
}
#mainWrap #main #insta .secTitle {
  margin-bottom: 40px;
  font-size: 0px;
  /*span{
  	display: inline-block;
  	padding: 5px 0;
  	@include fs(16);
  	vertical-align: middle;
  	&.secTitleIcon{
  		margin-right: 25px;
  		padding-right: 25px;
  		border-right: 1px solid #000;
  		width: 40px;
  	}
  	&.secTitleImg{
  		width: 155px;
  	}
  	@include sp{
  		&.secTitleIcon{
  			margin-right: 10%;
  			padding-right: 10%;
  			width: 16%;
  		}
  		&.secTitleImg{
  			width: 63%;
  		}
  	}
  }*/
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #insta .secTitle {
    margin-bottom: 30px;
  }
}
#mainWrap #main #insta .secTitle h3 {
  text-align: center;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #insta .secTitle h3 {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #insta .secTitle h3 img {
    height: 9.4vw;
    max-height: 48px;
  }
}
#mainWrap #main #insta .secTitle p {
  margin-top: 35px;
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #insta .secTitle p {
    margin-top: 30px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #insta .secTitle img {
    height: 5.4vh;
  }
}
#mainWrap #main #insta .instaCaution {
  margin-top: 48px;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #insta .instaCaution {
    margin-top: 20px;
  }
}
#mainWrap #main #insta .instaCaution dl {
  padding: 40px;
  background-color: #f5f5f5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#mainWrap #main #insta .instaCaution dl dt {
  font-size: 17px;
  font-weight: bold;
}
#mainWrap #main #insta .instaCaution dl dt a {
  -webkkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
#mainWrap #main #insta .instaCaution dl dt a span.plus {
  display: inline-block;
  margin-left: 20px;
}
#mainWrap #main #insta .instaCaution dl dt a span.plus img {
  height: 14px;
  margin-top: 2px;
}
#mainWrap #main #insta .instaCaution dl dt a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#mainWrap #main #insta .instaCaution dl dd {
  margin-top: 20px;
}
#mainWrap #main #insta .instaCaution dl dd ul li {
  font-size: 12px;
  line-height: 1.8;
}
#mainWrap #main #insta .column6Wrap {
  margin-top: 30px;
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #mainWrap #main #insta .column6Wrap {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #insta .column6Wrap {
    text-align: center;
  }
}
#mainWrap #main #insta .column6Wrap li {
  width: 195px;
  height: 195px;
}
@media only screen and (min-width: 1280px) {
  #mainWrap #main #insta .column6Wrap li {
    width: calc(( 100% - ( 20px * 5 )) / 6 );
    height: auto;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  #mainWrap #main #insta .column6Wrap li:nth-last-child(-n+2) {
    margin-top: 20px;
  }
  #mainWrap #main #insta .column6Wrap li:nth-of-type(5) {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #mainWrap #main #insta .column6Wrap li:nth-last-child(-n+3) {
    margin-top: 20px;
  }
  #mainWrap #main #insta .column6Wrap li:nth-of-type(4) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #insta .column6Wrap li {
    margin: 10px 0 0 10px;
    width: calc(( 100% - ( 10px * 1 )) / 2 );
    height: auto;
  }
  #mainWrap #main #insta .column6Wrap li:nth-of-type(-n+2) {
    margin-top: 0;
  }
  #mainWrap #main #insta .column6Wrap li:nth-of-type(odd) {
    margin-left: 0;
  }
}

.moreBtn_inst {
  text-align: center;
}
.moreBtn_inst a {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  padding: 13px 40px 13px 15px;
  min-width: 160px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  line-height: 1;
  -webkkit-transition-property: background-color, color, border-color;
  -moz-transition-property: background-color, color, border-color;
  -ms-transition-property: background-color, color, border-color;
  -o-transition-property: background-color, color, border-color;
  transition-property: background-color, color, border-color;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
@media only screen and (max-width: 767px) {
  .moreBtn_inst a {
    margin: 10px 0 0 0;
    width: 100%;
    min-width: auto;
  }
}
.moreBtn_inst a:first-of-type {
  margin-left: 0;
}
@media only screen and (max-width: 767px) {
  .moreBtn_inst a:first-of-type {
    margin-top: 0;
  }
}
.moreBtn_inst a:after {
  content: "";
  position: absolute;
  right: 15px;
  -webkkit-transition-property: background;
  -moz-transition-property: background;
  -ms-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.moreBtn_inst a.inside {
  border: 1px solid #0b3a9e;
  color: #fff;
  background-color: #0b3a9e;
}
.moreBtn_inst a.inside:after {
  content: "";
  display: inline-block;
  margin-left: 20px;
  width: 8px;
  height: 12px;
  background-image: url("../images/icon/arrow_wh.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.moreBtn_inst a.outside {
  border: 1px solid #0b3a9e;
  color: #0b3a9e;
}
.moreBtn_inst a.outside:after {
  content: "";
  display: inline-block;
  margin-left: 20px;
  width: 10px;
  height: 10px;
  background-image: url("../images/icon/link_blue.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.moreBtn_inst a.outside:hover:after {
  content: "";
  background-image: url("../images/icon/link_white.png");
}
.moreBtn_inst a:hover {
  border: 1px solid #00277a;
  color: #fff;
  background-color: #00277a;
}




/*インスタバナー追加 20180209*/
.instaBnr{
	margin-top : 48px;
	text-align: center;
	font-size: 0;
}
.instaBnr a{
	display: inline-block;
	width : calc((100% - (38px * 3)) / 4);
	max-width: 292px;
	margin-left : 38px;
  -webkkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  -webkkit-transition-delay: 0s;
  transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.instaBnr a:first-of-type{
	margin-left : 0px;
}
.instaBnr a:hover{
	opacity : 0.7;
}
@media only screen and (max-width: 767px) {
	.instaBnr{
		margin-top : 20px;
	}
	.instaBnr a{
		width: 100%;
		max-width: 370px;
		margin-left: 0;
		margin-top : 20px;	
		padding : 0 20px;
		box-sizing: border-box;
	}
	.instaBnr a:first-of-type{
		margin-top : 0px;	
	}
}

.longBnr{
	margin-top: 20px;
}
.longBnr p a{
	display: block;
	-webkkit-transition-property: all;
	-moz-transition-property: all;
	-ms-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	-webkkit-transition-delay: 0s;
	transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.longBnr p :hover{
	opacity : 0.7;
}
@media only screen and (max-width: 767px){
	.longBnr{
		max-width: 370px;
	}
	.longBnr p{
		width: 100%;
		max-width: 370px;
		margin-left: 0;
		margin-top : 20px;	
		padding : 0 20px;
		box-sizing: border-box;
	}
}



/* newsエリア移動 */
.secNewsWrap > div{
	padding : 48px;
	background-color : #fff;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.secNewsL{
	display: flex;
	align-items: center;
	padding-right : 40px;
}
.secNewsL a{
	margin-left: 45px;
	display: inline-block;
	color : #0070c9;
}
.secNewsR{
	padding-left : 40px;
	border-left : 1px solid #637081;
}
.secNewsR .news{
	display: flex;
	align-items: center;
	margin-top : 15px;
}
.secNewsR .news:first-of-type{
	margin-top : 0px;
}
.secNewsR .news .date{
	width : 115px;
	font-size: 16px;
}
.secNewsR .news .newsCate{
	font-size: 12px;
	width : 75px;
	margin-right : 25px;
	box-sizing: border-box;
	text-align: center;
}
.secNewsR .news .newsTitle a{
	font-size: 14px;
}

@media only screen and (max-width: 767px) {
	.secNewsWrap > div{
		padding : 20px;
		align-items: start;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}
	.secNewsL{
		padding-right : 0px;
	}
	.secNewsL a{
		margin-left: 30px;
	}
	.secNewsR{
		padding-left : 0px;
		padding-top : 20px;
		border-left : none;
		border-top : 1px solid #637081;
		margin-top : 20px;
	}
	.secNewsR .news{
		display: flex;
		align-items: center;
		margin-top : 20px;
		flex-wrap: wrap;
	}
	.secNewsR .news:first-of-type{
		margin-top : 0px;
	}
	.secNewsR .news .date{
		width : auto;
		font-size: 16px;
		margin-right : 15px;
	}
	.secNewsR .news .newsCate{
		font-size: 12px;
		width : 75px;
		margin-right : 25px;
		box-sizing: border-box;
		text-align: center;
	}
	.secNewsR .news .newsTitle{
		margin-top : 10px;	
	}
	.secNewsR .news .newsTitle a{
		font-size: 14px;
		width : 100%;
		line-height: 1.5;
	}
}

/* 一覧見るボタン */
.archive_more{
	text-align: center;
}
.archive_more a{
	padding: 20px 0;
    border: none;
    width: 270px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
	display: inline-block;
	color: #fff;
    background-color: #0b3a9e;
    -webkkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -ms-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.archive_more a:hover{
    background-color: #00277a;
}



/* スペシャルコンテンツ変更 3column->2column 20180226 */

#mainWrap #main #mainBanner .column2Wrap {
  margin-top: 55px;
  font-size : 0;
/*   width : calc(100% - ( (48px * 2) + 31.77%) ); */
  width : calc(100% - (48px * 2));
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #mainBanner .column2Wrap {
    margin-top: 20px;
    width : calc( 100% - ( 20px * 2 ) );
  }
}
#mainWrap #main #mainBanner .column2Wrap li {
  width: calc(25% - 1.79%);
  margin: 0 2.34% 2.34% 0;
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  font-size : 16px;
}
#mainWrap #main #mainBanner .column2Wrap li:nth-child(4n) {
  margin-right: 0;
}
#mainWrap #main #mainBanner .column2Wrap li:nth-last-child(-n+4) {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #mainWrap #main #mainBanner .column2Wrap li {
    width: calc(50% - 5px);
    margin: 10px 0 0 10px;
  }
  #mainWrap #main #mainBanner .column2Wrap li:nth-of-type(odd) {
    margin-left: 0;
  }
  #mainWrap #main #mainBanner .column2Wrap li:nth-of-type(-n+2) {
    margin-top: 0;
  }
}