body {
  background: #fffefc;
}

.container {
  position: relative;

  padding-top: 570px;
}

.mv {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;

  width: 100%;
  height: 865px;

  background: url(../img/top/mv.jpg) no-repeat center top;
}
.mv .catch {
  position: absolute;
  z-index: 1000;
  top: 180px;
  width: 100%;

  text-align: center;
}
.mv:after {
  position: absolute;
  z-index: 500;
  bottom: 0;

  display: block;

  width: 100%;
  height: 241px;

  content: " ";

  background: url(../img/top/shadow_mv.png) repeat-x center bottom;
}

.section01 {
  position: relative;
  width: 980px;
  height: 292px;
  margin: 110px auto 25px;
  padding: 40px 50px 0;

  background: url(../img/top/bg_info.png) no-repeat center top;
}
.section01 .box_l {
  position: relative;

  width: 426px;
}
.section01 h3 {
  line-height: 0;

  margin-bottom: 2px;
  padding-bottom: 6px;

  border-bottom: 1px #000 solid;
}
.section01 .news_list > li {
  padding: 12px 0;

  border-bottom: 1px #888 dotted;
}
.section01 .news_list .date {
  font-size: 14px;
  line-height: 15px;

  float: left;

  margin-right: 4px;
}
.section01 .news_list .title {
  font-size: 15px;

  clear: both;
  overflow: hidden;

  white-space: nowrap;
     text-overflow: ellipsis;

  -o-text-overflow: ellipsis;
}
.section01 .news_list .icons {
  float: left;
}
.section01 .news_list a {
  text-decoration: none;

  color: #333;
}
.section01 .news_list a:hover {
  text-decoration: underline;
}
.section01 .news_list a:active {
  text-decoration: none;
}
.section01 .btn_more {
  line-height: 0;

  position: absolute;
  z-index: 1000;
  top: 13px;
  right: 0;
}
.section01 .bnr_carousel {
  position: relative;

  float: right;

  width: 516px;
  margin-top: -18px;
  margin-right: -11px;
  padding: 11px;

  background: url(../img/top/bg_slide.png) no-repeat center 11px;
}
.section01 .bnr_carousel li {
  float: left;
}
.section01 .prev,
.section01 .next {
  position: absolute;
  top: 201px;

  cursor: pointer;
}
.section01 .prev {
  right: 49px;
}
.section01 .next {
  right: 12px;
}
.section01 .pagination {
  margin-top: 8px;

  text-align: center;
}
.section01 .pagination a {
  display: inline-block;
  overflow: hidden;

  width: 8px;
  height: 8px;
  margin: 0 5px;

  white-space: nowrap;
  text-indent: 105%;

  border-radius: 50%;
  background: #ccc;
}
.section01 .pagination a.selected {
  background: #000;
}
.section01 .pagination a a {
  display: block;

  width: 100%;
  height: 100%;

  outline: none;
}
.section01 .tip {
  position: absolute;
  z-index: 1000;
  top: -168px;
  right: 18px;
}

.section02 {
  width: 980px;
  margin: 0 auto 60px;
}
.section02 h3 {
  line-height: 0;

  text-align: center;
}
.section02 > .box_l {
  width: 483px;
}
.section02 > .box_r {
  width: 467px;
  height: 446px;
  padding: 8px;

  background: url(../img/top/bg_fair.gif) repeat;
}
.section02 .unit_plan {
  position: relative;

  margin-bottom: 13px;
  padding: 12px 10px 10px;

  background: #a7d1d3;
}
.section02 .unit_plan h4 {
  margin-left: 204px;
}
.section02 .unit_plan > .catch {
  position: absolute;
  z-index: 1000;
  top: -6px;
  left: 0;
}
.section02 .bnr_renewal {
  line-height: 0;

  float: left;
}
.section02 .bnr_ranking {
  line-height: 0;

  float: right;
}
.section02 .unit_ranking {
  margin-bottom: 12px;
}
.section02 .unit_ranking h4 {
  line-height: 0;

  margin-bottom: 8px;

  text-align: center;
}
.section02 .unit_fair {
  margin-bottom: 10px;
}
.section02 .unit_fair h4 {
  line-height: 0;

  margin-bottom: 8px;

  text-align: center;
}
.section02 .unit_fair .unit_inner {
  height: 170px;
  padding: 10px 20px;

  background: #fff;
}
.section02 .unit_fair .unit_inner li {
  font-size: 14px;
  line-height: 1;

  overflow: hidden;

  padding: 10px 0;

  white-space: nowrap;
     text-overflow: ellipsis;

  border-bottom: 1px #476692 dotted;

  -o-text-overflow: ellipsis;
}
.section02 .unit_fair .unit_inner li:last-child {
  border-bottom: none;
}
.section02 .unit_fair .unit_inner .date {
  font-size: 13px;

  overflow: hidden;

  margin-right: 1em;

  white-space: nowrap;
     text-overflow: ellipsis;

  -o-text-overflow: ellipsis;
}
.section02 .unit_fair .unit_inner a {
  text-decoration: none;

  color: #333;
}
.section02 .unit_fair .unit_inner a:hover {
  text-decoration: underline;
}
.section02 .unit_fair .unit_inner a:active {
  text-decoration: none;
}

.unit_plan .unit_inner,
.unit_ranking .unit_inner {
  padding: 18px;

  background: #fff;
}
.unit_plan .unit_inner .catch,
.unit_ranking .unit_inner .catch {
  overflow: hidden;

  margin-bottom: 14px;

  white-space: nowrap;
     text-overflow: ellipsis;

  -o-text-overflow: ellipsis;
}
.unit_plan .photo,
.unit_ranking .photo {
  float: left;
}
.unit_plan .box_r,
.unit_ranking .box_r {
  position: relative;

  overflow: hidden;

  width: 272px;
  height: 137px;
}
.unit_plan .date,
.unit_ranking .date {
  font-size: 14px;
  font-weight: bold;

  overflow: hidden;

  margin: 6px 0;

  white-space: nowrap;
     text-overflow: ellipsis;

  -o-text-overflow: ellipsis;
}
.unit_plan .title,
.unit_ranking .title {
  font-size: 16px;
  font-weight: bold;

  overflow: hidden;

  height: 52px;
}
.unit_plan .btn_more,
.unit_ranking .btn_more {
  position: absolute;
  right: 0;
  bottom: 0;

  width: 100%;

  text-align: center;
}
.unit_plan a,
.unit_ranking a {
  color: #c69500;
}
.unit_plan a:hover,
.unit_ranking a:hover {
  text-decoration: none;
}
.unit_plan a:active,
.unit_ranking a:active {
  text-decoration: underline;
}

.section_concept {
  margin-bottom: 60px;

  text-align: center;
}

.section_report {
  margin-bottom: -30px;
  padding-bottom: 118px;

  text-align: center;

  background: url(../img/top/bg_report.jpg) no-repeat center bottom;
}
.section_report h3 {
  line-height: 0;
}
.section_report .bnr_report {
  margin-top: -9px;
  padding: 9px 0 15px;

  background: url(../img/top/bg_report_bnr.png) no-repeat center top;
}

.section04 {
  width: 980px;
  margin: 0 auto 72px;
}
.section04 h3 {
  line-height: 0;

  margin-bottom: 20px;

  text-align: center;
}
.section04 .bnr_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 1004px;
  margin-bottom: 10px;
}
.section04 .bnr_list li {
  line-height: 0;
  position: relative;
  /* float: left; */
  overflow: hidden;
  margin-right: 16px;
  margin-bottom: 22px;
}
.section04 .bnr_list li:first-child {
  margin-right: 18px;
}
.section04 .bnr_list .caption {
  line-height: 1.4;

  position: absolute;
  z-index: 1000;
  bottom: 0;
  left: 0;

  width: 100%;
  padding: 18px 0;

  color: #fff;
}
.section04 .bnr_list .caption h5,
.section04 .bnr_list .caption p {
  padding: 0 20px;
}
.section04 .bnr_list .caption h5 {
  margin-bottom: 6px;
}
.section04 .bnr_chapel .caption {
  background: url(../img/top/bg_bliss01.png) repeat;
}
.section04 .bnr_banquet .caption {
  background: url(../img/top/bg_bliss02.png) repeat;
}
.section04 .bnr_cuisine .caption {
  background: url(../img/top/bg_bliss03.png) repeat;
}
.section04 .bnr_dress .caption {
  background: url(../img/top/bg_bliss04.png) repeat;
}
.section04 .bnr_photo .caption {
  background: url(../img/top/bg_bliss04.png) repeat;
}

.unit_specialist {
  height: 484px;
  margin-bottom: 32px;

  background: #0e0e0e;
}
.unit_specialist .box_l {
  width: 550px;
  padding-top: 80px;

  text-align: center;

  color: #fff;
}
.unit_specialist h4 {
  margin-bottom: 22px;
}
.unit_specialist .specialist_main {
  font-size: 14px;

  margin-bottom: 38px;
}
.unit_specialist .specialist_carousel {
  position: relative;

  float: right;

  width: 430px;
  height: 100%;
}
.unit_specialist .specialist_carousel .prev,
.unit_specialist .specialist_carousel .next {
  position: absolute;
  z-index: 1000;
  top: 50%;

  margin-top: -35px;

  cursor: pointer;
}
.unit_specialist .specialist_carousel .prev {
  left: 0;
}
.unit_specialist .specialist_carousel .next {
  right: 0;
}

.section_instagram {
  width: 960px;
  margin: 0 auto 76px;
}
.section_instagram h3 {
  line-height: 0;

  margin-bottom: 8px;

  text-align: center;
}
.section_instagram a {
  display: block;

  width: 100%;
  height: 100%;
}
.section_instagram li {
  line-height: 0;

  float: left;
  overflow: hidden;

  width: 160px;
  height: 160px;
}
.section_instagram li img {
  display: block;

  width: 100%;
}

.section_sunset {
  height: 267px;
  padding-top: 132px;

  background: url(../img/cmn/test30/bg_footer.jpg) no-repeat center top;
}
.section_sunset .message {
  margin-bottom: 36px;

  text-align: center;
}
.section_sunset .btn_reserve {
  text-align: center;
}
