#index_list .col2 .bg, body {
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out
}
li {
    list-style-type:none;
}
body {
    opacity: 0;
    transition: opacity .2s ease-in-out;
}
body.show {
    opacity: 1
}
#top {
    width: 100%;
}
#top>.box {
    position: relative;
    padding: 50px
}
#top .title {
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 288px;
    height: 244px;
    margin: auto
}
#top .title>a, #top .title>div {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center
}
#top .title .logo {
    width: 100%
}
#top .title .wave {
    position: relative;
    width: 200%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}
#top .title .wave.on {
    -webkit-animation-name: wave;
    animation-name: wave;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
#top .title .wave>img {
    float: left;
    display: block;
    position: relative;
    width: 50%
}
#top .title .attr {
    position: relative;
    overflow: hidden;
    width: 68px;
    margin: 42px auto auto
}
#top .title .text {
    margin-top: 32px
}
#top .ico {
    position: absolute;
    top: 70px;
    left: 76px;
    width: 24px;
    color: #FFF;
    font-size: 29px;
    text-align: center
}
#top .btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    width: 64px;
    height: 64px;
    margin: auto
}
#top .btn img {
    display: block;
    width: 100%;
    height: 100%
}
#top .slide_down {
    opacity: 0;
    -webkit-transform: translateY(-12px)
}
#top .slide_down.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
#top .slide_right {
    opacity: 0;
    -webkit-transform: translateX(-12px)
}
#top .slide_right.show {
    opacity: 1;
    -webkit-transform: translateX(0);
    -webkit-transition: all .52s ease-in-out;
    -moz-transition: all .52s ease-in-out;
    -ms-transition: all .52s ease-in-out;
    -o-transition: all .52s ease-in-out;
    transition: all .52s ease-in-out
}
#top .fade_in {
    opacity: 0
}
#top .fade_in.show {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}
#top .fade_out {
    opacity: 0;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -ms-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}
@-webkit-keyframes wave {
0% {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%)
}
}
@keyframes wave {
0% {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform:translateX(-50%)
}
}
#top .site_logo.pc .attr {
    -webkit-transition: all .16s ease-out;
    -moz-transition: all .16s ease-out;
    -ms-transition: all .16s ease-out;
    -o-transition: all .16s ease-out;
    transition: all .16s ease-out
}
#top .site_logo.pc:hover .attr {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%)
}
#top_slider {
    opacity: 0;
    position: relative;
    overflow: hidden;
    z-index: -1;
    min-width: 860px;
    max-width: 1500px;
    width: 100%
}
#top_slider.show {
    opacity: 1;
    -webkit-transition: opacity 1.2s cubic-bezier(.34, 0, .78, 1);
    -moz-transition: opacity 1.2s cubic-bezier(.34, 0, .78, 1);
    -ms-transition: opacity 1.2s cubic-bezier(.34, 0, .78, 1);
    -o-transition: opacity 1.2s cubic-bezier(.34, 0, .78, 1);
    transition: opacity 1.2s cubic-bezier(.34, 0, .78, 1)
}
#top_slider .image01 {
    background-image: url(/resource/image/index/image_top_01.jpg)
}
#top_slider .image02 {
    background-image: url(/resource/image/index/image_top_02.jpg)
}
#top_slider .image03 {
    background-image: url(/resource/image/index/image_top_03.jpg)
}
#top_slider .image04 {
    background-image: url(/resource/image/index/image_top_04.jpg)
}
#top_slider .image05 {
    background-image: url(/resource/image/index/image_top_05.jpg)
}
#top_slider .image06 {
    background-image: url(/resource/image/index/image_top_06.jpg)
}
#top_slider .image07 {
    background-image: url(/resource/image/index/image_top_07.jpg)
}
#top_slider .image08 {
    background-image: url(/resource/image/index/image_top_08.jpg)
}
#top_slider .left, #top_slider .right {
    position: relative;
    overflow: hidden;
    height: 100%
}
#top_slider .left>li, #top_slider .right>li {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
#top_slider .left>li.now, #top_slider .right>li.now {
    opacity: 1;
    position: static;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}
#top_slider .left>li.next, #top_slider .right>li.next {
    opacity: 1;
    z-index: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 1.2s cubic-bezier(.135, .785, .335, .94), -webkit-transform 1.5s cubic-bezier(.32, 0, .18, 1);
    -moz-transition: opacity 1.2s cubic-bezier(.135, .785, .335, .94), -moz-transform 1.5s cubic-bezier(.32, 0, .18, 1);
    -ms-transition: opacity 1.2s cubic-bezier(.135, .785, .335, .94), -ms-transform 1.5s cubic-bezier(.32, 0, .18, 1);
    -o-transition: opacity 1.2s cubic-bezier(.135, .785, .335, .94), -o-transform 1.5s cubic-bezier(.32, 0, .18, 1);
    transition: opacity 1.2s cubic-bezier(.135, .785, .335, .94), transform 1.5s cubic-bezier(.32, 0, .18, 1)
}
#top_slider .left img, #top_slider .right img {
    display: block;
    width: 100%
}
#top_slider .left, #top_slider .right {
    width: 50%;
    float: left
}
#top_slider .left>li {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}
#top_slider .right>li {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}
#datetime {
    position: absolute;
    right: 78px;
    bottom: 72px;
    width: 108px
}
#datetime .colon, #datetime .date, #datetime .hour, #datetime .minute, #datetime .month, #datetime .time {
    color: #FFF;
    text-align: center
}
#datetime .month {
    margin-bottom: 5px;
    font-size: 18px
}
#datetime .date {
    font-size: 80px
}
#index_list .col {
    position: relative;
    float: left
}
#index_list .col>a {
    position: relative;
    display: block;
    width: 100%
}
#index_list .col1 {
    z-index: 1;
    width: 25%
}
#index_list .col1>.loading {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 100%;
    background-color: #F1F1F1
}
#index_list .col2 .bg, #index_list .overlay .bg {
    position: absolute;
    background-color: #665E51;
    top: 0;
    left: 0
}
#index_list .col1>.loading>img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto
}
#index_list .col1>a {
    padding-bottom: 100%
}
#index_list .col1 .title {
    width: 242px;
    margin: 20% auto 12px;
    margin-top: calc(48% - 72px);
    text-align: center
}
#index_list .col1 .title>img {
    display: block;
    width: 100%
}
#index_list .col2 {
    width: 50%
}
#index_list .col2>a {
    padding-bottom: 50%
}
#index_list .col2 .title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 385px;
    height: 122px;
    margin: auto
}
#index_list .col2 .title>img {
    display: block;
    width: 100%
}
#index_list .col2 .bg {
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease-in-out
}
#index_list .col_cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#index_list .col_cont .image {
    width: 100%;
    height: 100%
}
#index_list .col_cont .image>img {
    display: block;
    width: 100%
}
#index_list .col_cont .text {
    font-size: 12px;
    text-align: center;
    line-height: 1.6em;
    letter-spacing: -.1em
}
#index_list .col_cont .caption {
    position: absolute;
    right: 6.8%;
    bottom: 5.3%;
    color: #FFF
}
#index_list .col_cont .caption .category, #index_list .col_cont .caption .name {
    color: #FFF;
    text-align: right
}
#index_list .col_cont .caption .name {
    font-size: 13px;
    line-height: 1.6em
}
#index_list .col_cont .caption .category {
    font-size: 11px;
    line-height: 1.4em
}
#index_list .overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}
#index_list .overlay .bg {
    opacity: .7;
    width: 100%;
    height: 100%
}
#index_list .overlay .category, #index_list .overlay .date, #index_list .overlay .ico, #index_list .overlay .multi-text, #index_list .overlay .text {
    z-index: 1;
    position: relative;
    color: #FFF;
    text-align: center
}
#index_list .overlay .date, #index_list .overlay .multi-text, #index_list .overlay .text {
    font-size: 13px
}
#index_list .overlay .date {
    margin: 32% 0 4%
}
#index_list .overlay .multi-text, #index_list .overlay .text {
    margin-bottom: 6%;
    padding: 0 1em;
    font-weight: 700
}
#index_list .overlay .text {
    line-height: 1.4em
}
#index_list .overlay .multi-text {
    line-height: 1.8em
}
#index_list .overlay .ico {
    margin-bottom: 6%
}
#index_list .overlay .ico--crown {
    width: 1.32em;
    margin: 0 auto 6%
}
#index_list .overlay .ico.icon-ec {
    font-size: 17px
}
#index_list .overlay .ico.icon-haluta {
    font-size: 18px
}
#index_list .overlay .ico.icon-insta {
    font-size: 16px
}
#index_list .overlay .category {
    font-size: 11px
}
#index_list .overlay .float_up {
    opacity: 0;
    position: relative;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px)
}
#index_list .col1 a:hover .overlay {
    opacity: 1
}
#index_list .col1 a:hover .float_up {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: float_up;
    animation-name: float_up;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}
#index_list .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#index_list .bg:after {
    z-index: -1;
    border-width: 16px
}
#index_list .bg.arrow-top:after {
    top: -23px
}
#index_list .bg.arrow-left:after {
    left: -23px
}
#index_list .bg.arrow-right:after {
    right: -23px
}
#index_list .bg.arrow-bottom:after {
    bottom: -23px
}
#index_list .col1 a .bg:after {
    -webkit-transition: all .24s ease-in-out;
    -webkit-transition-delay: 40ms;
    -moz-transition: all .24s ease-in-out;
    -moz-transition-delay: 40ms;
    -ms-transition: all .24s ease-in-out;
    -ms-transition-delay: 40ms;
    -o-transition: all .24s ease-in-out;
    -o-transition-delay: 40ms;
    transition: all .24s ease-in-out;
    transition-delay: 40ms
}
#index_list .col1.hover a .bg.arrow-top:after {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px)
}
#index_list .col1.hover a .bg.arrow-left:after {
    -webkit-transform: translateX(-6px);
    -moz-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    -o-transform: translateX(-6px);
    transform: translateX(-6px)
}
#index_list .col1.hover a .bg.arrow-right:after {
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -ms-transform: translateX(6px);
    -o-transform: translateX(6px);
    transform: translateX(6px)
}
#index_list .col1.hover a .bg.arrow-bottom:after {
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px)
}
#index_list .col2.hover a .bg {
    opacity: .57
}
#index_list .insta a {
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}
#index_list .insta a.hide {
    opacity: 0;
    cursor: default
}

@media screen and (max-width:1199px) {
#index_list .col2 .title {
    width: 347px;
    height: 110px
}
#index_list .col1 .title {
    width: 194px
}
#index_list .col_cont .text {
    padding: 0 20px;
    text-align: left
}
#index_list .col_cont .text br {
    display: none
}
}
#bottom .info, #ec .link, #ec .link .name, #ec .link .sub, #ec .title, #message .about, #message .copy, #message .ico, #shop_list>.main h2, #shop_list>.shop, .footer_sns_link {
    text-align: center
}
#news {
    padding: 36px 0 48px
}
#news .title {
    margin-bottom: 12px;
    font-size: 15px;
    text-decoration: underline;
    line-height: 1.6em
}
#news .text {
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 1.6em
}
#news .date {
    color: #999;
    font-size: 13px
}
#news>ul {
    display: table;
    width: 100%
}
#news li {
    display: table-cell;
    box-sizing: border-box;
    width: 25%;
    border-left: 1px solid #ECECEC
}
#news li:first-child {
    border-left: none
}
#contract, #shop_list>.shop>li {
    border-left: 1px solid #ECECEC
}
#news li a {
    display: block;
    width: 66.67%;
    height: 100%;
    margin: 0 auto
}

@media screen and (max-width:1199px) {
#news li a {
    width: 200px
}
}
#contract {
    width: 49.5%
}
#contract .text, #contract .title {
    width: 85%;
    margin-left: 5%
}
#contract>ul {
    margin-left: 5%
}
#contract li {
    float: left;
    width: 75px;
    height: 66px;
    margin-left: 5px
}
#contract li:first-child {
    margin-left: 0
}
#contract li img {
    width: 100%
}
#shop_list>.main {
    position: relative
}
#shop_list>.main .image li {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
#shop_list>.main .image li:first-child {
    position: relative
}
#shop_list>.main .image li.now {
    opacity: 1
}
#shop_list>.main .image img {
    display: block;
    width: 100%
}
#shop_list>.main .name>li {
    overflow: hidden;
    position: absolute;
    left: 16px;
    bottom: 24px;
    width: 160px;
    height: 0;
    color: #FFF;
    font-size: 13px
}
#shop_list>.main .name>li.now {
    height: 16px
}
#shop_list>.main .name>li>p {
    position: absolute;
    bottom: 0;
    height: 16px
}
#shop_list>.main h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 55px;
    margin: auto;
    color: #FFF;
    font-size: 55px
}
#shop_list>.main .slider li {
    -webkit-transition: opacity .8s ease-in-out;
    -moz-transition: opacity .8s ease-in-out;
    -ms-transition: opacity .8s ease-in-out;
    -o-transition: opacity .8s ease-in-out;
    transition: opacity .8s ease-in-out
}
#shop_list>.main .name>li.now {
    -webkit-transition: height .4s ease-in;
    -moz-transition: height .4s ease-in;
    -ms-transition: height .4s ease-in;
    -o-transition: height .4s ease-in;
    transition: height .4s ease-in
}
#shop_list>.main .arrow {
    position: absolute;
    left: 10%;
    bottom: 0;
    margin-left: -8px;
    -webkit-transition: left .4s ease-in-out;
    -moz-transition: left .4s ease-in-out;
    -ms-transition: left .4s ease-in-out;
    -o-transition: left .4s ease-in-out;
    transition: left .4s ease-in-out
}
#shop_list>.shop {
    position: relative;
    margin: 36px auto 52px;
    font-size: 0
}
#shop_list>.shop:after {
    display: none
}
#shop_list>.shop>li {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: 33.33%;
    height: 100px;
    font-size: 10px
}
#shop_list>.shop>li:first-child {
    border-left: none
}
#shop_list>.shop>li.now:after {
    top: -59px
}
#shop_list>.shop>li>a {
    display: block;
    width: 100%;
    height: 100%
}
#shop_list>.shop .title {
    padding-top: 24px;
    margin-bottom: 8px;
    font-size: 21px
}
#shop_list>.shop .sub {
    margin-bottom: 32px;
    font-size: 11px
}

@media screen and (max-width:1199px) {
#shop_list>.shop>li {
    height: 88px
}
#shop_list>.shop .title {
    font-size: 18px
}
}
#bottom {
    position: relative;
    height: 1500px;
    padding-top: 74px;
    background: url(/resource/image/index/image_footer.jpg) bottom center no-repeat
}
#bottom .info {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 1.6em
}
#message {
    padding-bottom: 48px
}
#message .ico {
    height: 24px;
    margin: 0 auto 30px;
    color: #000;
    font-size: 22px
}
#message .copy {
    margin-bottom: 32px;
    font-size: 24px
}
#message .text {
    margin-bottom: 28px;
    text-align: center;
    line-height: 2.6em
}
#message .about {
    font-size: 12px
}
#message .about a {
    font-size: 12px;
    text-decoration: underline
}
#ec {
    width: 564px;
    margin: 0 auto;
    padding-top: 22px;
    border-top: 1px solid #000
}
#ec .title {
    margin-bottom: 24px;
    font-size: 18px;
    letter-spacing: .22em
}
#ec .link {
    margin-bottom: 64px;
    font-size: 0
}
#ec .link>li {
    display: inline-block;
    width: 132px;
    margin-left: 12px;
    margin-top: 32px
}
#ec .link a, #ec .link>li img {
    width: 100%;
    display: block
}
#ec .link>li:first-child {
    margin-left: 0
}
#ec .link a {
    height: 100%
}
#ec .link .image {
    width: 117px;
    height: 66px;
    margin: 0 auto 14px
}
#ec .link .name {
    margin-bottom: 12px;
    font-size: 12px
}
#ec .link .sub {
    color: #666;
    font-size: 10px
}
.footer_sns_link {
    position: relative;
    min-width: 0;
    margin: auto 0 52px;
    line-height: 2em
}
.footer_sns_link .fb {
    margin-left: 0
}
.footer_sns_link>div {
    display: block;
    margin-top: 12px
}
.footer_sns_link>div .ico, .footer_sns_link>div a {
    color: #666
}
#gFooter, #gFooter .ico>a {
    color: #FFF
}
.footer_sns_link .fb-like {
    display: block;
    float: none;
    position: absolute;
    top: 240px;
    left: 0;
    right: 0;
    margin: auto
}
.footer_sns_link.hide_index {
    display: none!important
}
#gFooter {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: 0 0
}

@media screen and (max-width:640px) {
#datetime, #top .ico, #top .title {
    position: absolute
}
#shop_list>.main, #topics .btn, #topics_list {
    overflow: hidden
}
#top>.box {
    padding: 12px
}
#index_list .col1>a, #index_list .col2>a {
    padding-bottom: 0
}
#top .title {
    top: 16px;
    width: 45%;
    height: 30.42%
}
#top .title>a, #top .title>div {
    width: 100%
}
#top .title .text {
    width: 16.67%;
    margin-top: 13.2%
}
#top .title .attr {
    width: 23.61%;
    margin-top: 14.58%
}
#top .ico {
    top: 32px;
    left: 24px;
    width: 18px;
    font-size: 14px
}
#top .btn {
    bottom: -4px;
    width: 32px;
    height: 32px;
    margin: auto
}
#top_slider {
    min-width: 296px
}
#top_slider .left {
    float: none;
    width: 100%
}
#top_slider .right {
    display: none
}
#datetime {
    right: 20px;
    bottom: 20px;
    width: 60px
}
#datetime .month {
    margin-bottom: 4px;
    font-size: 12px
}
#datetime .date {
    font-size: 48px
}
#index_list .col {
    float: none
}
#index_list .col1 {
    width: 100%
}
#index_list .col1 .title {
    width: 166px;
    padding-top: 27px;
    margin-top: 0
}
#index_list .col1 .bg {
    z-index: -1
}
#index_list .col1 .bg:after {
    top: -15px;
    left: 0;
    right: 0;
    bottom: auto;
    border: 8px solid transparent;
    border-bottom: 8px solid #FFF
}
#index_list .col1 a:hover .bg {
    opacity: 1
}
#index_list .col1 a:hover .bg:after {
    -webkit-animation: none;
    animation: none
}
#index_list .col2 {
    width: 100%
}
#index_list .col2 .title {
    width: 65%;
    height: 41.25%
}
#topics .block_title, #topics .btn {
    height: 80px;
    background-color: #EEE
}
#index_list .col_cont {
    position: static
}
#index_list .col_cont .text {
    padding: 0;
    margin-bottom: 36px;
    text-align: center;
    line-height: 1.5em
}
#index_list .col_cont .text br {
    display: block
}
#index_list .overlay .bg {
    display: none!important
}
#topics .block_title {
    margin-bottom: 0;
    line-height: 80px
}
#topics .btn {
    position: relative;
    -webkit-transition: height .3s cubic-bezier(.64, 0, .36, 1);
    -moz-transition: height .3s cubic-bezier(.64, 0, .36, 1);
    -ms-transition: height .3s cubic-bezier(.64, 0, .36, 1);
    -o-transition: height .3s cubic-bezier(.64, 0, .36, 1);
    transition: height .3s cubic-bezier(.64, 0, .36, 1)
}
#topics .btn.close {
    height: 0
}
#topics .btn>a {
    display: block;
    width: 100%;
    height: 100%
}
#topics .btn p {
    font-size: 16px;
    text-align: center;
    line-height: 80px
}
#topics_list {
    position: relative;
    height: 0;
    padding-bottom: 150%;
    -webkit-transition: padding-bottom .3s cubic-bezier(.64, 0, .36, 1);
    -moz-transition: padding-bottom .3s cubic-bezier(.64, 0, .36, 1);
    -ms-transition: padding-bottom .3s cubic-bezier(.64, 0, .36, 1);
    -o-transition: padding-bottom .3s cubic-bezier(.64, 0, .36, 1);
    transition: padding-bottom .3s cubic-bezier(.64, 0, .36, 1)
}
#topics_list.open {
    padding-bottom: 350%
}
#topics_list .col {
    position: relative;
    float: left;
    width: 50%;
    padding-bottom: 50%
}
#topics_list .col>.loading {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
#topics_list .col>.loading>img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto
}
#topics_list .col>a, #topics_list .image {
    height: 100%;
    width: 100%
}
#topics_list .col>a {
    position: absolute;
    top: 0;
    left: 0;
    display: block
}
#topics_list .overlay {
    display: none!important
}
#news li, #news>ul {
    display: block
}
#topics_list .image img {
    display: block;
    width: 100%
}
#topics_list .caption {
    position: absolute;
    left: 6.8%;
    bottom: 5.3%;
    color: #FFF
}
#topics_list .caption .category, #topics_list .caption .name {
    color: #FFF;
    font-size: 11px
}
#topics_list .caption .name {
    font-weight: 700;
    line-height: 1.6em
}
#topics_list .caption .category {
    line-height: 1.4em
}
#topics_list .caption img {
    width: 12px;
    height: 12px
}
#topics_list .insta a {
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}
#topics_list .insta a.hide {
    opacity: 0;
    cursor: default
}
#news {
    width: 100%;
    padding: 28px 0 10px
}
#news .title {
    margin-bottom: 4px;
    font-size: 12px;
    text-decoration: underline;
    line-height: 1.6em
}
#news .text {
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 1.5em
}
#news li {
    width: 87.5%;
    margin: 0 auto 22px;
    border: none
}
#contract, #shop_list>.shop>li {
    border-top: 1px solid #ECECEC;
    border-left: none
}
#news li:first-child {
    margin-left: auto
}
#news li a {
    display: inline;
    width: auto;
    height: auto
}
#contract {
    width: 100%;
    padding-bottom: 32px
}
#contract .text, #contract .title {
    width: 87.5%;
    margin: 0 auto 14px
}
#contract>ul {
    width: 87.5%;
    margin: 0 auto
}
#contract li {
    width: 50px;
    height: 44px
}
#shop_list>.main .image li {
    width: 125%;
    margin-left: -12.5%
}
#shop_list>.main .image img {
    display: block;
    width: 100%
}
#shop_list>.main .name>li {
    left: 8px;
    bottom: 8px;
    font-size: 11px;
    font-style: italic
}
#shop_list>.main .name>li.now {
    display: block
}
#shop_list>.main h2 {
    height: 36px;
    font-size: 36px
}
#shop_list>.shop {
    margin: 0;
    font-size: inherit;
    text-align: left
}
#shop_list>.shop:after {
    display: block
}
#shop_list>.shop>li {
    display: block;
    width: 87.5%;
    height: 92px;
    margin: 0 auto;
    padding: 0
}
#shop_list>.shop>li:first-child {
    border-top: none
}
#shop_list>.shop>li>a:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
#shop_list>.shop .title {
    padding-top: 28px;
    margin-bottom: 8px;
    font-size: 16px
}
#shop_list>.shop .sub {
    margin-bottom: 0;
    color: #999;
    font-size: 11px
}
#bottom {
    height: auto;
    padding-top: 0;
    background: #EFFAFD
}
#bottom .sup {
    padding-bottom: 26%;
    background: url(/resource/image/index/image_footer.jpg) bottom center no-repeat;
    background-size: 100% auto
}
#bottom .info {
    text-align: center;
    line-height: 1.5em
}
#message {
    width: 87.5%;
    margin: 0 auto;
    padding: 44px 0
}
#message .copy {
    font-size: 16px
}
#message .text {
    margin-bottom: 26px;
    text-align: left;
    line-height: 1.8em
}
#message .text br {
    display: none
}
#ec .link .image>img, #ec .link a, #ec .link>li {
    display: block
}
#ec {
    width: 87.5%;
    padding-top: 24px;
    border-top: 1px solid #000
}
#ec .title {
    margin-bottom: 24px;
    font-size: 14px;
    letter-spacing: .1em
}
#ec .link {
    width: 280px;
    margin: 0 auto 40px
}
#ec .link:after {
    content: ' ';
    display: block;
    clear: both
}
#ec .link>li {
    float: left;
    width: 134px;
    height: 140px;
    margin-left: 12px
}
#ec .link>li:nth-child(odd) {
    margin-left: 0
}
#ec .link a {
    width: 100%;
    height: 100%
}
#ec .link .image {
    width: 100%;
    height: 76px;
    margin-bottom: 11px
}
#ec .link .name {
    margin-bottom: 8px
}
#ec .link .sub {
    font-size: 10px
}
#gFooter {
    position: static;
    background-color: #EEE;
    color: #000
}
#gFooter .ico>a {
    color: #000;
    font-size: 11px
}
}