@charset "UTF-8";
@media screen and (min-width: 769px) { #main .main-container { width: 1280px; margin: 0 auto; } }
#main .main-container .main-column { width: 100%; margin: 0 auto; }
@media screen and (min-width: 769px) { #main .main-container .main-column { float: left; width: 995px; padding-bottom: 100px; } }
@media screen and (min-width: 769px) { #main .main-container .side-column { display: block; float: right; width: 285px; } }

.fade-effect { visibility: hidden; }

.fade-in { -webkit-animation: fade-in 2s ease 0s 1 !important; -moz-animation: fade-in 2s ease 0s 1 !important; animation: fade-in 2s ease 0s 1 !important; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; visibility: visible !important; }

.main-column .more { padding: 6% 25px 10%; text-align: center; }
@media screen and (min-width: 769px) { .main-column .more { display: none; } }
.main-column .more .md-btn { width: 100%; }
.main-column .ticker { font-size: 1.1rem; padding: 8px 10px 0; position: relative; line-height: 1; height: 26px; width: 100%; overflow: hidden; }
@media screen and (min-width: 769px) { .main-column .ticker { width: 995px; height: 34px; padding: 10px; font-size: 1.2rem; } }
.main-column .ticker:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #ABD25A, #D1E7A5); background-image: -o-linear-gradient(left, #ABD25A, #D1E7A5); background-image: linear-gradient(to right, #ABD25A, #D1E7A5); }
.main-column .ticker ul { position: relative; white-space: nowrap; }
.main-column .ticker ul li { display: none; line-height: 1; height: 16px; }
.main-column .ticker ul li a { color: #444; text-decoration: none; }
.main-column .mv { margin-bottom: 30px; position: relative; }
.main-column .mv:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #ABD25A, #D1E7A5); background-image: -o-linear-gradient(left, #ABD25A, #D1E7A5); background-image: linear-gradient(to right, #ABD25A, #D1E7A5); z-index: 10000; }
.main-column .mv__inner { position: relative; }
@media screen and (min-width: 769px) { .main-column .mv__inner { height: 293px; } }
.main-column .mv__inner .slick-dots { bottom: 8px; }
@media screen and (min-width: 769px) { .main-column .mv__inner .slick-dots { bottom: 15px; } }
.main-column .mv__inner .slick-dots li { height: 10px; width: 5px; }
.main-column .mv__inner .slick-dots li button { height: 5px; width: 5px; text-indent: -9999px; }
.main-column .mv__inner .slick-dots li button:before { width: 5px; height: 5px; border: 1px solid #8DC21F; border-radius: 50%; background-color: #fff; opacity: 1; }
.main-column .mv__inner .slick-dots li.slick-active button:before { background-color: #8DC21F; opacity: 1; }
@media screen and (min-width: 769px) { .main-column .mv__inner .slick-slide img { width: 100%; }
  .main-column .mv__inner:before, .main-column .mv__inner:after { content: ""; width: 160px; height: 100%; z-index: 9990; background: rgba(255, 255, 255, 0.7); position: absolute; }
  .main-column .mv__inner:before { top: 0; left: 0; border-right: 1px solid #fff; }
  .main-column .mv__inner:after { top: 0; right: -1px; border-left: 1px solid #fff; } }


.main-column .topics { position: relative; /*padding-bottom: 20px; margin-bottom: 20px;*/ }
@media screen and (min-width: 769px) { .main-column .topics { padding-bottom: 50px; margin-bottom: 60px; } }
.main-column .topics .md-title_02 { padding-bottom: 15px; }
@media screen and (min-width: 769px) { .main-column .topics .md-title_02 { padding-bottom: 20px; } }


.main-column .topics__list { overflow: hidden; }

.main-column .topics__list li { float: left; /*max-height: 55px;*/ margin-bottom: 1px; margin-right: 1px; width: 492px; }

@media screen and (min-width: 769px) { .main-column .topics__list li a { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }

  .main-column .topics__list li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } }
.main-column .topics:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #ABD25A, #D1E7A5); background-image: -o-linear-gradient(left, #ABD25A, #D1E7A5); background-image: linear-gradient(to right, #ABD25A, #D1E7A5); }
.main-column .guide { padding: 0; margin-bottom: 9%; }
.main-column .guide:after { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #ABD25A, #D1E7A5); background-image: -o-linear-gradient(left, #ABD25A, #D1E7A5); background-image: linear-gradient(to right, #ABD25A, #D1E7A5); }
.main-column .guide__inner { margin: 0 10px 10px; }
.main-column .guide__list li { float: left; width: 33.33%; text-align: center;}
.main-column .guide__list li:nth-child(-n+3) { border-bottom: solid #E6E6E6 1px; }
.main-column .guide__list li:not(:nth-child(3n)) { border-right: solid #E6E6E6 1px; }
.main-column .guide__list li:nth-child(3n) { border-right: solid #fff 1px; }
.main-column .event { position: relative; margin-bottom: 9%; }
@media screen and (min-width: 769px) { .main-column .event { margin-bottom: 65px; padding-bottom: 25px; } }
.main-column .event:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #ABD25A, #D1E7A5); background-image: -o-linear-gradient(left, #ABD25A, #D1E7A5); background-image: linear-gradient(to right, #ABD25A, #D1E7A5); }
.main-column .event .more { padding-top: 3%; }
.main-column .open_renewal { position: relative; margin-bottom: 9%; }
@media screen and (min-width: 769px) { .main-column .open_renewal { margin-bottom: 65px; padding-bottom: 25px; } }
.main-column .open_renewal:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #ABD25A, #D1E7A5); background-image: -o-linear-gradient(left, #ABD25A, #D1E7A5); background-image: linear-gradient(to right, #ABD25A, #D1E7A5); }
.main-column .open_renewal .more { padding-top: 1%; }
.main-column .shopnews { position: relative; margin-bottom: 9%; }
@media screen and (min-width: 769px) { .main-column .shopnews { margin-bottom: 65px; padding-bottom: 25px; } }
.main-column .shopnews:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #ABD25A, #D1E7A5); background-image: -o-linear-gradient(left, #ABD25A, #D1E7A5); background-image: linear-gradient(to right, #ABD25A, #D1E7A5); }
.main-column .shopnews .more { padding-top: 10%; }
.main-column .feature { position: relative; margin-bottom: 9%; }
@media screen and (max-width: 768px) { .main-column .feature .md-col4_02 { padding-bottom: 9%; } }
@media screen and (min-width: 769px) { .main-column .feature { margin-bottom: 65px; padding-bottom: 65px; } }
.main-column .feature:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }
.main-column .feature .more { padding-top: 2%; }
.main-column .ranking { position: relative; margin-bottom: 9%; }
@media screen and (min-width: 769px) { .main-column .ranking { margin-bottom: 65px; padding-bottom: 15px; } }
.main-column .ranking:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }
.main-column .ranking__box { margin-left: -0.26596%; }
@media screen and (min-width: 769px) { .main-column .ranking__box { margin-left: -1px; } }
@media screen and (min-width: 769px) { .main-column .ranking__box.hoverBdr .ranking__box__item a .imgHoverEffect_02 { position: relative; display: block; }
  .main-column .ranking__box.hoverBdr .ranking__box__item a .imgHoverEffect_02:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px solid #4e8fe4; border-image-source: linear-gradient(111deg, #70a1f8, #89a8e5 48%, #85ebd9); -webkit-border-image-source: linear-gradient(111deg, #70a1f8, #89a8e5 48%, #85ebd9); -moz-border-image-source: linear-gradient(111deg, #70a1f8, #89a8e5 48%, #85ebd9); -o-border-image-source: linear-gradient(111deg, #70a1f8, #89a8e5 48%, #85ebd9); -ms-border-image-source: linear-gradient(111deg, #70a1f8, #89a8e5 48%, #85ebd9); border-image-slice: 1; -webkit-border-image-slice: 1; -moz-border-image-slice: 1; -o-border-image-slice: 1; -ms-border-image-slice: 1; z-index: 10; -moz-transition: 0.15s; -o-transition: 0.15s; -webkit-transition: 0.15s; transition: 0.15s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .main-column .ranking__box.hoverBdr .ranking__box__item a:hover .imgHoverEffect_02 { opacity: 1; }
  .main-column .ranking__box.hoverBdr .ranking__box__item a:hover .imgHoverEffect_02:after { border-width: 3px; }
  .main-column .ranking__box.hoverBdr .ranking__box__item a p { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .main-column .ranking__box.hoverBdr .ranking__box__item a:hover p:not(:first-of-type) { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } }
.main-column .ranking__box.hoverOpa .ranking__box__item a { display: block; }
@media screen and (min-width: 769px) { .main-column .ranking__box.hoverOpa .ranking__box__item a { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .main-column .ranking__box.hoverOpa .ranking__box__item a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } }
.main-column .ranking__box__item { float: left; margin-left: 0.26596%; width: 49.73404%; padding-bottom: 5.31915%; position: relative; }
.main-column .ranking__box__item:nth-of-type(3), .main-column .ranking__box__item:nth-of-type(4), .main-column .ranking__box__item:nth-of-type(5) { margin-left: 0.2656%; width: 33.06773%; }
@media screen and (min-width: 769px) { .main-column .ranking__box__item { width: 198px; margin-left: 1px; padding-bottom: 40px; }
  .main-column .ranking__box__item:nth-of-type(3), .main-column .ranking__box__item:nth-of-type(4), .main-column .ranking__box__item:nth-of-type(5) { width: 198px; margin-left: 1px; } }
.main-column .ranking__box__item__img { position: relative; }
.main-column .ranking__box__item__img:before { content: ""; display: block; padding-top: 120.7%; }
.main-column .ranking__box__item__img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
@media screen and (min-width: 769px) { .main-column .ranking__box__item__img { height: 239px; } }
.main-column .ranking__box__item__img .rank { position: absolute; top: 5px; left: 5px; z-index: 1; width: 20px; height: 20px; display: inline-block; text-align: center; padding-top: 2px; font-size: 1.3rem; color: #3EA9E4; }
.main-column .ranking__box__item__img .rank:before, .main-column .ranking__box__item__img .rank:after { content: ""; position: absolute; width: 18px; height: 18px; z-index: -1; border-radius: 50%; }
.main-column .ranking__box__item__img .rank:before { top: 0; left: 0; background-image: -webkit-linear-gradient(4deg, #5789f4, #6fceda); background-image: -o-linear-gradient(4deg, #5789f4, #6fceda); background-image: linear-gradient(94deg, #5789f4, #6fceda); padding: 1px; }
.main-column .ranking__box__item__img .rank:after { background-color: #fff; top: 1px; left: 1px; }
@media screen and (min-width: 769px) { .main-column .ranking__box__item__img .rank { top: 10px; left: 10px; width: 24px; height: 24px; padding-top: 4px; }
  .main-column .ranking__box__item__img .rank:before, .main-column .ranking__box__item__img .rank:after { width: 22px; height: 22px; } }
.main-column .ranking__box__item a { color: #444; text-decoration: none; }
.main-column .ranking__box__item__text { padding: 10px; font-size: 1.0rem; }
@media screen and (min-width: 769px) { .main-column .ranking__box__item__text { padding: 10px; } }
.main-column .ranking__box__item__text--small { color: #999; display: block; padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media screen and (min-width: 769px) { .main-column .ranking__box__item__text--small { font-size: 1.1rem; } }
.main-column .ranking__box__item__text__price { font-size: 1.3rem; line-height: 1.4; }
@media screen and (min-width: 769px) { .main-column .ranking__box__item__text__price { font-size: 1.5rem; line-height: 1.35; } }
.main-column .ranking .more { padding-top: 3%; }
.main-column .coordinate { position: relative; margin-bottom: 9%; }
@media screen and (min-width: 769px) { .main-column .coordinate { margin-bottom: 65px; padding-bottom: 65px; } }
.main-column .coordinate:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }
.main-column .coordinate .more { padding-top: 10%; }
.main-column .information__box { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.main-column .information__box__item { border-bottom: 1px solid #ccc; width: 100%; margin: 0 25px; position: relative; }
.main-column .information__box__item:first-of-type { border-top: 1px solid #ccc; }
.main-column .information__box__item:after { content: ""; position: absolute; top: 50%; right: 2px; width: 8px; height: 8px; margin-top: -2px; border-top: 1px solid #444; border-right: 1px solid #444; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (min-width: 769px) { .main-column .information__box__item { margin: 0 0 0 30px; width: 448px; }
  .main-column .information__box__item:nth-of-type(even) { margin-left: 40px; }
  .main-column .information__box__item:nth-of-type(2) { border-top: 1px solid #ccc; } }
.main-column .information__box__item__text--small { font-size: 1.1rem; display: inline-block; padding-bottom: 5px; }
.main-column .information__box__item__title { line-height: 1.6; font-size: 1.3rem; }
@media screen and (min-width: 769px) { .main-column .information__box__item__title { font-size: 1.4rem; } }
.main-column .information__box__item a { display: block; text-decoration: none; color: #444; padding: 20px 20px 20px 0; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
.main-column .information__box__item a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.main-column .information__box__item a span { color: #999; }
@media screen and (min-width: 769px) { .main-column .information__box__item a { padding: 30px 35px 30px 0; } }
.main-column .information .more { padding-top: 10%; }


/*.topics__list {
  margin-top: -30px;
  padding-bottom: 40px;
}
.topics__list li {
  float: left;
}*/

.topics__list li a {
  display: block;
  border: 1px solid #EAE7E3;
  padding: 5px 0;
  text-align: center;
  -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s;
}
.topics__list li a:hover {
  opacity: .5;
}
@media screen and (min-width: 769px) {
  .topics__list .col4 ,
  .topics__list .col2 {
    margin: 0 !important;
  }
  .topics__list .col4 { width: 25%;}
  .topics__list .col2 { width: 50%;}
  .topics__list li a {
/*
    height: 60px;
*/
    margin: 0 5px 10px;
  }
}
@media screen and (max-width: 769px) {
  .topics__list li a {
    margin: 0 30px;
  }
  .topics__list li a img {
/*
    height: 80px;
*/
    width: auto;
    margin: 0 auto;
  }
}