@charset "utf-8";
/* CSS Document */
@import url("pc.css");
@import url("sp.css");
@media screen and (max-width: 768px) {
    .none {
        display: none
    }
}

@media screen and (min-width: 769px) {
    .none1 {
        display: none
    }
}

body {
    margin: 0px;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #333;
}

img {
    max-width: 100%;
    height: auto;
    width
    /***/
    : auto;
}

.fade {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.fade:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
}

.clear {
    clear: both;
}

.bb {
    margin: 0 auto;
    color: #ff5d5d;
    font-weight: bold;
}

.hoge {
    position: relative;
    z-index: 1;
    /* 必要であればリンク要素の重なりのベース順序指定 */
}

.hoge a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 2;
    /* 必要であればリンク要素の重なりのベース順序指定 */
}

.hoge:hover {
    filter: alpha(opacity=70);
    /* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";
    /* IE 8,9 */
    -moz-opacity: 0.7;
    /* FF , Netscape */
    -khtml-opacity: 0.7;
    /* Safari 1.x */
    opacity: 0.7;
    background-color: #fff9b1;
    zoom: 1;
    /*IE*/
}