@charset "UTF-8";

/* ==================================================
hover
================================================== */

a:hover {
    opacity: .5;
    text-decoration: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

p a:hover {
    text-decoration: none;
}

ul li a:hover {
    outline: none;
}

#contsHead div#globalNavi div.headSet div.searchBtn:hover,
#contsHead a:hover {
    opacity: .3;
}

#contsHead .headNav div.headSubNav ul.headSnsSet li a:hover,
#contsHead .headNav ul.headFtrNav li a:hover {
    opacity: .3;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#contsHead a:hover div.gNaviSet {
    -webkit-box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#contsHead a:hover div.gNaviSet figure img {
    -webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
    transform: translate(-50%, -50%) scale(1.1, 1.1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#footerArea div.footerSet nav ul li:hover {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.3;
}

#footerArea div.footerSet nav ul li a:hover {
    color: #323232;
}

/* 641px-1100px */

@media screen and ( min-width:1024px) {
    #footerArea #ftrMenu ul.menuSet li a:hover {
        opacity: 0.3;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
}

div.BtnCenter:hover {
    opacity: 0.3;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

div.BtnCenter2:hover {
    background: #fefefe;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.1))
}

div.BtnCenter2 a:hover {
    opacity: 1;
}

@media screen and ( min-width:1024px) {
    .indexNav ul.navMenu li a:hover {
        opacity: 0.3;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .indexNav ul.snsMenu li a:hover {
        opacity: 0.3;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
}

div.smallArticle a:hover img {
    opacity: .1;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.bvArea a:hover img {
    opacity: .1;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
}

.rankArea div.rank-slide:hover {
    opacity: 0.1;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.ml2 {
    display: block;
    padding: 0 0 0 1em;
}