html, body {
  background-color: #FFF;
}

.copen-footer {
  margin-top: 0;
}

.btn__large {
  min-width: 230px;
  font-size: 20px;
}

.top-main-kv {
  position: relative;
  background: url("/images/top/bg_kv_01.jpg") no-repeat left bottom;
  background-size: cover;
  /* height: calc(100vh - 127px); */
  min-height: 430px;
  height: 658px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.top-main-kv .top-main-kv-inner {
  width: 100%;
  text-align: center;
}
.top-main-kv .top-main-kv-inner img {
  max-height: 100%;
  vertical-align: top;
}

.top-topics {
  padding: 105px 0 100px;
  background-color: #FFF;
}
.top-topics .top-topics-tile {
  width: 1280px;
  margin: 0 auto;
}
.top-topics .top-topics-inner {
  position: relative;
  padding: 40px 0 0 22.14%;
}
.top-topics .slick-prev {
  position: absolute;
  bottom: 0;
  left: -92px;
}
.top-topics .slick-next {
  position: absolute;
  bottom: 0;
  left: -55px;
}
.top-topics .top-topics-slide .item {
  position: relative;
  width: 560px !important;
  height: 100%;
  background-color: #f9f9f9;
  margin-right: 10px;
}
.top-topics .top-topics-slide .item .item__pic {
  overflow: hidden;
}
.top-topics .top-topics-slide .item .item__pic img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.top-topics .top-topics-slide .item .item__board {
  padding: 20px 28px 25px;
}
.top-topics .top-topics-slide .item .item__date {
  color: #999;
  font-size: 12px;
}
.top-topics .top-topics-slide .item .item__title {
  font-size: 16px;
  font-weight: bold;
}
.top-topics .top-topics-slide .item .item__text {
  font-size: 16px;
}
.top-topics .top-topics-slide .item a {
  display: block;
  height: 100%;
}
.top-topics .top-topics-slide .item a:hover .item__pic img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.top-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #FFF;
}
.top-column > div {
  width: 49.64%;
  background-color: #f9f9f9;
}

.top-club {
  position: relative;
  padding: 75px 0 180px;
}
.top-club h2 {
  text-align: center;
}
.top-club .top-club-lead {
  margin: 24px 0 0;
  text-align: center;
  font-size: 16px;
  min-height: 8em;
  line-height: 1.7;
}
.top-club .top-club-inner {
  padding: 10px 35px 0 0;
}
.top-club .slick-prev {
  position: absolute;
  bottom: -46px;
  right: 42px;
}
.top-club .slick-next {
  position: absolute;
  bottom: -46px;
  right: 0px;
}
.top-club .top-club-slide {
  direction: rtl;
}
.top-club .top-club-slide .item {
  margin: 20px 0 0 10px;
  position: relative;
  width: 250px !important;
  height: 100%;
  background-color: #FFF;
}
.top-club .top-club-slide .item .item__new {
  position: absolute;
  right: 10px;
  top: -20px;
  z-index: 2;
}
.top-club .top-club-slide .item .item__board {
  position: relative;
  z-index: 1;
  direction: ltr;
}
.top-club .top-club-slide .item .item__board a {
  display: block;
}
.top-club .top-club-slide .item .item__board a:hover .item__pic img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.top-club .top-club-slide .item .item__board .item__pic {
  overflow: hidden;
}
.top-club .top-club-slide .item .item__board .item__pic img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.top-club .top-club-slide .item .item__board .item__date {
  padding: 20px 20px 0;
  color: #999;
  font-size: 12px;
}
.top-club .top-club-slide .item .item__board .item__title {
  padding: 8px 20px 0;
  font-size: 16px;
  font-weight: bold;
}
.top-club .top-club-slide .item .item__footer {
  direction: ltr;
  padding: 0 20px;
}
.top-club .top-club-slide .item .item__footer .m-social ul {
  padding: 2px 0 19px;
}
.top-club .top-club-slide .item .item__footer .m-social ul li + li {
  margin-left: 30px;
}
.top-club .top-club-slide .item .item__footer .item__owner {
  border-top: 1px solid #cdcdcd;
  padding: 17px 0;
}
.top-club .top-club-slide .item .item__footer .item__owner a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.top-club .top-club-slide .item .item__footer .item__owner a .item__ownerPic {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.top-club .top-club-slide .item .item__footer .item__owner a .item__ownerPic img {
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.top-club .top-club-slide .item .item__footer .item__owner a .item__ownerTxt {
  padding: 0 0 0 15px;
  color: #333;
}
.top-club .top-club-slide .item .item__footer .item__owner a .item__ownerTxt .item__ownerPlace {
  color: #999;
}
.top-club .top-club-slide .item .item__footer .item__owner a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.top-club .top-club-slide .item .item__footer .item__owner a:hover .item__ownerTxt {
  color: #e34268;
}
.top-club .top-club-slide .item .item__footer .item__owner a:hover .item__ownerTxt .item__ownerPlace {
  color: #e34268;
}
.top-club .top-club-btn {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  text-align: center;
}
.top-club .top-club-btn .btn__default--pink {
  width: 320px;
}
.top-club .top-club-btn .btn__default--pink span {
  padding: 7px 20px;
  font-size: 20px;
}

.top-life {
  position: relative;
  padding: 75px 0 180px;
}
.top-life h2 {
  text-align: center;
}
.top-life .top-life-lead {
  margin: 24px 0 0;
  text-align: center;
  font-size: 16px;
  min-height: 8em;
  line-height: 1.7;
}
.top-life .top-life-inner {
  padding: 30px 0 0 0;
}
.top-life .top-life-items {
  width: 440px;
  margin: 0 auto;
}
.top-life .top-life-items .item {
  background-color: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.top-life .top-life-items .item + .item {
  margin-top: 15px;
}
.top-life .top-life-items .item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.top-life .top-life-items .item a:hover .item__pic img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.top-life .top-life-items .item .item__pic {
  width: 50%;
  overflow: hidden;
}
.top-life .top-life-items .item .item__pic img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.top-life .top-life-items .item .item__title {
  width: 50%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.top-life .top-life-items .item:nth-child(even) .item__pic {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.top-life .top-life-items .item:nth-child(even) .item__title {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.top-life .top-life-btn {
  position: absolute;
  left: 0;
  bottom: 40px;
  width: 100%;
  text-align: center;
}
.top-life .top-life-btn .btn__default--pink {
  width: 320px;
}
.top-life .top-life-btn .btn__default--pink span {
  padding: 7px 20px;
  font-size: 20px;
}

.top-etc {
  padding: 100px 0;
  background-color: #FFF;
}
.top-etc .top-etc-inner {
  width: 1280px;
  margin: 0 auto;
}
.top-etc .top-etc-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.top-etc .top-etc-items .item {
  position: relative;
  width: 420px;
  height: 430px;
}
.top-etc .top-etc-items .item:before, .top-etc .top-etc-items .item:after {
  content: "";
  width: 0;
  height: 3px;
  position: absolute;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background: #e12b5a;
  z-index: 4;
}
.top-etc .top-etc-items .item:after {
  left: 0;
  bottom: 0;
}
.top-etc .top-etc-items .item:before {
  right: 0;
  top: 0;
}
.top-etc .top-etc-items .item a {
  display: block;
  height: 100%;
}
.top-etc .top-etc-items .item a:before, .top-etc .top-etc-items .item a:after {
  content: "";
  width: 3px;
  height: 0;
  position: absolute;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background: #e12b5a;
  z-index: 4;
}
.top-etc .top-etc-items .item a:before {
  left: 0;
  top: 0;
}
.top-etc .top-etc-items .item a:after {
  right: 0;
  bottom: 0;
}
.top-etc .top-etc-items .item:hover:before {
  width: 100%;
}
.top-etc .top-etc-items .item:hover:after {
  width: 100%;
}
.top-etc .top-etc-items .item:hover a:after {
  height: 100%;
}
.top-etc .top-etc-items .item:hover a:before {
  height: 100%;
}
.top-etc .top-etc-items .item:hover .item__pic img {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.top-etc .top-etc-items .item .item__pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.top-etc .top-etc-items .item .item__pic img {
  max-width: 100%;
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.top-etc .top-etc-items .item .item__text {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.top-etc .top-etc-items .item .item__text p {
  line-height: 2;
}
.top-etc .top-etc-items .item.item--localbase .item__text {
  padding: 85px 0 0;
}
.top-etc .top-etc-items .item.item--localbase .item__text h2 {
  padding: 0 0 25px;
}
.top-etc .top-etc-items .item.item--site .item__text {
  padding: 62px 0 0;
}
.top-etc .top-etc-items .item.item--site .item__text h2 {
  padding: 0 0 63px;
}
.top-etc .top-etc-items .item.item--factory .item__text {
  padding: 60px 0 0;
}
.top-etc .top-etc-items .item.item--factory .item__text h2 {
  padding: 0 0 60px;
}

.top-facebook {
  padding: 100px 0;
  background-color: #f9f9f9;
}
.top-facebook .top-facebook-inner {
  width: 1280px;
  margin: 0 auto;
}
.top-facebook .top-facebook-inner h2 {
  padding: 0 0 45px;
  text-align: right;
}
.top-facebook .top-facebook-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.top-facebook .top-facebook-column .top-facebook-text {
  width: 360px;
  text-align: right;
  font-size: 16px;
  line-height: 2;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.top-facebook .top-facebook-column .top-facebook-text p {
  margin: 0;
}
.top-facebook .top-facebook-column .top-facebook-list {
  position: relative;
  width: 920px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.top-facebook .top-facebook-column .top-facebook-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  width: 460px;
  margin: -12px 0 0;
}
.top-facebook .top-facebook-column .top-facebook-items .item {
  margin: 17px 0 0;
  width: 225px;
  background-color: #FFF;
}
.top-facebook .top-facebook-column .top-facebook-items .item:first-child {
  position: absolute;
  right: 0;
  top: -12px;
  width: 449px;
  height: calc(100% - 5px);
}
.top-facebook .top-facebook-column .top-facebook-items .item:first-child .item__pic {
  height: 337px;
}
.top-facebook .top-facebook-column .top-facebook-items .item:first-child .item__date {
  padding: 10px 20px 0;
}
.top-facebook .top-facebook-column .top-facebook-items .item:first-child .item__text {
  font-size: 16px;
  padding: 10px 20px 0;
}
.top-facebook .top-facebook-column .top-facebook-items .item:not(:first-child) .item__pic {
  height: 149px;
}
.top-facebook .top-facebook-column .top-facebook-items .item:not(:first-child) .item__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.top-facebook .top-facebook-column .top-facebook-items .item a {
  display: block;
}
.top-facebook .top-facebook-column .top-facebook-items .item a:hover .item__pic img {
  -webkit-transform: scale(1.1, 1.1) translate(-50%, -50%);
  transform: scale(1.1, 1.1) translate(-50%, -50%);
}
.top-facebook .top-facebook-column .top-facebook-items .item .item__pic {
  position: relative;
  overflow: hidden;
}
.top-facebook .top-facebook-column .top-facebook-items .item .item__pic img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  vertical-align: top;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.top-facebook .top-facebook-column .top-facebook-items .item .item__date {
  padding: 10px 10px 0;
  font-size: 12px;
  color: #999;
}
.top-facebook .top-facebook-column .top-facebook-items .item .item__text {
  padding: 0 10px 11px;
  font-size: 14px;
}
.top-facebook .top-facebook-column .top-facebook-btn {
  margin: 50px 0 0;
  text-align: right;
}

.top-product {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background-color: #FFF;
  height: 850px;
  padding: 100px 0 50px;
  overflow: hidden;
}
.top-product .top-product-innr {
  position: relative;
  width: 1280px;
  margin: auto;
}
.top-product .top-product-innr .top-product-box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.top-product .top-product-innr .top-product-box h2 {
  padding: 0 0 40px;
}
.top-product .top-product-innr .top-product-box p {
  margin: 0;
  font-size: 16px;
  line-height: 2;
}
.top-product .top-product-innr .top-product-btn {
  margin-top: 50px;
}
.top-product .top-product-flat-text {
  position: absolute;
  left: 0;
  bottom: 60px;
  z-index: 1;
  width: 100%;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  -webkit-transition: opacity 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  opacity: 0;
}
.top-product .top-product-flat-text span {
  display: block;
  font-size: 14px;
  font-weight: normal;
}
.top-product .flipster {
  overflow: hidden !important;
}
.top-product .flipster--flat .flipster__item--current .flipster__item__content {
  -webkit-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
}
.top-product .flipster--flat .flipster__item--current .top-product-flat-text {
  opacity: 1;
}
.top-product .flipster--flat .flipster__item--past {
  opacity: 1;
}
.top-product .flipster--flat .flipster__item--past .flipster__item__content {
  -webkit-transform: translate(0, 30%) scale(0.65, 0.65) !important;
  transform: translate(0, 30%) scale(0.65, 0.65) !important;
}
.top-product .flipster--flat .flipster__item--future {
  opacity: 1;
}
.top-product .flipster--flat .flipster__item--future .flipster__item__content {
  -webkit-transform: translate(0, -30%) scale(0.65, 0.65) !important;
  transform: translate(0, -30%) scale(0.65, 0.65) !important;
}
.top-product .flipster--flat .flipster__item__content {
  padding: 100px 0 150px;
}
.top-product .flipster__button {
  width: 32px;
  height: 32px;
  opacity: 1;
  top: auto;
  bottom: 0;
}
.top-product .flipster__button svg {
  display: none;
}
.top-product .flipster__button--next,
.top-product .flipster__button--prev {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  border: 2px solid #000;
  -webkit-transition: background 0.25s ease, border 0.25s ease;
  transition: background 0.25s ease, border 0.25s ease;
  outline: none;
}
.top-product .flipster__button--prev {
  left: 50%;
  -webkit-transform: translate(-65px, -50%);
  transform: translate(-65px, -50%);
  background: url("/images/common/icon_arrow_black_left.png") no-repeat center center #fff;
  background-size: 7px auto;
}
.top-product .flipster__button--prev:hover {
  background: url("/images/common/icon_arrow_white_left.png") no-repeat center center #000;
  background-size: 7px auto;
}
.top-product .flipster__button--prev.flipster__button--disabled {
  border-color: #aaa;
  background: url("/images/common/icon_arrow_white_left.png") no-repeat center center #aaa;
  background-size: 7px auto;
}
.top-product .flipster__button--next {
  right: 50%;
  -webkit-transform: translate(65px, -50%);
  transform: translate(65px, -50%);
  background: url("/images/common/icon_arrow_black_right.png") no-repeat center center #fff;
  background-size: 7px auto;
}
.top-product .flipster__button--next:hover {
  background: url("/images/common/icon_arrow_white_right.png") no-repeat center center #000;
  background-size: 7px auto;
}
.top-product .flipster__button--next.flipster__button--disabled {
  border-color: #aaa;
  background: url("/images/common/icon_arrow_white_right.png") no-repeat center center #aaa;
  background-size: 7px auto;
}

.top-news {
  padding: 100px 0 150px;
  background-color: #f9f9f9;
}
.top-news .top-news-inner {
  width: 1280px;
  margin: 0 auto;
}
.top-news .top-news-inner h2 {
  padding: 0 0 45px;
  text-align: right;
}
.top-news .top-news-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.top-news .top-news-column .top-news-text {
  width: 360px;
  text-align: right;
  font-size: 16px;
  line-height: 2;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.top-news .top-news-column .top-news-text p {
  margin: 0;
}
.top-news .top-news-column .top-news-list {
  position: relative;
  width: 920px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.top-news .top-news-items {
  font-size: 12px;
  line-height: 30px;
}
.top-news .top-news-items li + li {
  margin-top: 50px;
}
.top-news .top-news-items li .news-cate {
  display: inline-block;
  width: 100px;
  text-align: center;
  background-color: #e12b5a;
  color: #fff;
}
.top-news .top-news-items li time {
  margin-left: 10px;
  color: #999;
}
.top-news .top-news-items li .news-text {
  margin: 10px 0;
  font-size: 16px;
}

body > div[class^="top-"]:not(.top-main-kv), [class*="lead"], div[class^="top-"] li[class^="item"], .top-news-items li {
  opacity: 0;
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition: opacity 0.5s ease,-webkit-transform 0.5s ease;
  transition: opacity 0.5s ease,-webkit-transform 0.5s ease;
  transition: opacity 0.5s ease,transform 0.5s ease;
  transition: opacity 0.5s ease,transform 0.5s ease,-webkit-transform 0.5s ease;
}
body > div[class^="top-"]:not(.top-main-kv).-fadein, [class*="lead"].-fadein, div[class^="top-"] li[class^="item"].-fadein, .top-news-items li.-fadein {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}