﻿.more {
    height: 48px;
    width: auto;
    background-position: center bottom;
    background-image: url(Dup/img/neko.png);
    position: center;
    padding-top: 210px;
     background-repeat: no-repeat;
     background-size: auto;
     transform: translate;
   animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
}


.more:after{
    height: 60px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    opacity: 0;
    transition: all 0.3s;
    border: none;
    left: 50%;
    transform: translateX(-50%) scale(0.5);
    z-index: 0;
}
.more:hover::after{
    opacity: 1;
    transform: translate(-50%,-100%)  scale(1);
}

.more_effect{
    height: 100%;
    width: 100%;
    background-color: white;
    position: absolute!important;
    padding-right: 0!important;
    left: 0;
    top: 0;
    box-sizing: border-box;
}

.more:hover .more_effect{
    transform: translateX(0);
    background-color: #f0ae7e;
}
.more:before {
    z-index: 2;
}

.top_cms_box:nth-child(1) .mg_t-50px .more:after{
    height: 80px;
    width: 200px;
    background-image: url('Dup/img/neko.png');
}

/* -------------------------- sub ------------------------- */
.bg_color4  {
    background-image: url(dup/img/back.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-color: none;
}

.bg_color4 {
    background-color: #fcefff;
}

#main_menu ul li a {
    font-weight: bold;

}

#contents3{
    background-image: url(dup/img/back.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-color: none;
}

.txt_color3 {
    color: #212121;
}


@media screen and (max-width: 667px){.more_effect {
 display: none;
    /* height: 100%; */
    /* width: 100%; */
    /* background-color: white; */
    /* position: absolute!important; */
    /* padding-right: 0!important; */
    /* left: 0; */
    /* top: 0; */
    /* box-sizing: border-box; */
}}

#fakeloader {
    background-color: #f7cbf2;
}

.txt_color5 {
    color: #44392e;
}

/*.foot_tel_bt a{
    display: none;
}*/

.more {
    height: 48px;
    width: auto;
    background-position: center bottom;
    background-image: url(Dup/img/neko.png);
    position: center;
    padding-top: 105px;
    background-repeat: no-repeat;
    background-size: auto;
    transform: translate;
   　transform: translate(0, 40px);
   　 transform: translateX(-50%) scale(0.5);
    z-index: 0;
}

.tel_bt{
    display: none;
} 

.more_effect:hover {
　transform: translate(0, 40px);
　　transform: rotate(30deg);
　　　transform: scale(.7, .7);
}


.top_cms_box .more_box .more:after{
    height: 60px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    opacity: 0;
    transition: all 0.3s;
    border: none;
    left: 50%;
    transform: translateX(-50%) scale(0.5);
    z-index: 0;
}


.more a .d_block {transform: translate;
   　transform: translate(0, 40px);
   　 transform: translateX(-50%) scale(0.5);
    z-index: 0;
}