﻿body, .intro_txt h2, .contents2_txt h3 span {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.contents2_txt h3 span {
     text-shadow: 0 0 5px rgba(0, 0, 0, 0.20);
 }
.sc_nav .shop_link {
    display: none;
}
@media(min-width: 1368px) {
      #top_contents2 .img1 .banner_zoom {
        display: none;
    }  

}
@media(max-width: 1367px) {
    #top_contents2 .img1 .banner_zoom {
        display: block;
    }
   #top_contents2 .banner_zoom {
        display: none;
    }  
}


/* -------------------------20211105---------------------*/
.catch {
   width: 355px;
margin-top: 27px;
max-width: 66%;
filter: drop-shadow(0px 0px 5px rgba(255,255,255,255.4));
}
#header .shop_link {
    text-align: left;
}
#header .sns_links ul {
    justify-content: end;
}
#cms_1-a .cate_box {
    padding-top: 130px;
    margin-top: -130px;
}
/* -------------------------20211105---------------------*/
#page_title h2 {
    text-shadow: 2px 0px 5px #ffffff, -1px 0px 3px #ffffff;
    line-height: 1.2;
}

.fadein{
     opacity: 0;
     transform: translateY(1px);
     transition: 1.3s;
     transition-property: opacity,transform
}
.fadein.trans{
     opacity: 1;
     transform: none;
}
.contents1_txt p, .contents2_txt p {
    transition-delay: 0.2s;
}

#top_contents2 figure img, #top_contents1 figure img {
    will-change: transform;
    transform: scale(1.1) translate(-45%,-45%);
    transition: transform 3s ease-out;
}
#top_contents2.trans figure img, #top_contents1.trans figure img {
    transform: scale(1) translate(-50%,-50%);
}

#main_nav li a, .sc_nav li a {
    position: relative;
    text-decoration: none;
    transition: color 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
#main_nav li a:before, .sc_nav li a:before {
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #444;
    transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1);
    transform: scale(0, 1);
    transform-origin: right top;
}
#main_nav li a:hover:before, .sc_nav li a:hover:before {
    transform: scale(1, 1);
    transform-origin: left top;
}
.banner_zoom {
    text-align: center;
}
.banner_zoom a {
border: 1px solid #b5b5b5;
width: 70%;
margin: 0 auto;
font-size: 18px;
display: block;
color: #212121;
}
.banner_zoom span {
background: rgba(255,255,255,0.43);
padding: 20px 80px;
display: inline-block;
    z-index: 1;
    position: relative;
    margin: 26px;
}
.banner_zoom a:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(Dup/img/bnr_btn.jpg) no-repeat center center;
    background-size: cover;
    transition: all 1s ease-out;
}
.banner_zoom a:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.banner_zoom a {
    z-index: 1;
    position: relative;
    overflow: hidden;
}


.cms_4-a figure a img {
   transition: all 1s ease-out;
}

.cms_4-a figure a:hover img {
    transform: scale(1.2) translate(-40%,-40%);
}














@media(max-width: 667px) {
    #main_img {
        margin-bottom: 66px;
    }
.banner_zoom a {
    width: 100%;
}
.banner_zoom span {
    padding: 20px 61px;
    margin: 15px;
}

/*#main_img img:hover, #intro img:hover, #top_contents1 img:hover, #top_contents2 img:hover {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
#main_img img:active, #intro img:active, #top_contents1 img:active, #top_contents2 img:active {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}*/

}


@media all and (-ms-high-contrast: none) {
.top_cms_box .more a {
    padding-top: 29px;
}
.shop_link a {
 padding-top: 22px;   
}
}