@charset "utf-8"; /* CSS Document */
/* 基本
------------------------------------------------------*/
body {
    font: 14px/22px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:hover, #page-top:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}

.wrap {
    width: 768px;
    margin: 0 auto;
}

/*スライドショー*/
.slideshow {
    position: relative;
    /* 画像の横幅 */
    height: 1080px;
    /* 画像の縦幅 */
}

.slideshow img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 1s;
    /* フェードの時間(秒) */
}

.slideshow .show {
    opacity: 1;
    z-index: 1;
}

/*スライドショー*/
.slideshow02 {
    position: relative;
    /* 画像の横幅 */
    height: 540px;
    /* 画像の縦幅 */
}

.slideshow02 img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 1s;
    /* フェードの時間(秒) */
}

.slideshow02 .show {
    opacity: 1;
    z-index: 1;
}

footer .link {
    position: relative;
}

footer .link p {
    text-align: left;
    position: absolute;
    top: 4px;
    left: 230px;
    font-size: 15px;
}

@media screen and (max-width: 768px) {
    .wrap {
        max-width: 768px;
        width: 100%;
        margin: 0 auto;
    }

    img {
        width: 100%;
    }

    footer .link {
        position: relative;
    }

    footer .link p {
        text-align: left;
        position: absolute;
        top: 0%;
        left: 20%;
        font-size: 21px;
    }

    footer .link p a {
        text-align: center;
        position: absolute;
        top: 92%;
        font-size: 24px;
    }
}

@media screen and (max-width: 640px) {
    .wrap {
        max-width: 768px;
        width: 100%;
        margin: 0 auto;
    }

    img {
        width: 100%;
    }

    footer .link {
        position: relative;
    }

    footer .link p {
        text-align: left;
        position: absolute;
        top: -7%;
        left: 20%;
        font-size: 11px;
    }

    footer .link p a {
        text-align: center;
        position: absolute;
        top: 52%;
        font-size: 11px;
    }

    /*スライドショー*/
    .slideshow {
        position: relative;
        /* 画像の横幅 */
        height: 850px;
        /* 画像の縦幅 */
    }

    .slideshow img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 1s;
        /* フェードの時間(秒) */
    }

    /*スライドショー*/
    .slideshow02 {
        position: relative;
        /* 画像の横幅 */
        height: 420px;
        /* 画像の縦幅 */
    }

    .slideshow02 img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 1s;
        /* フェードの時間(秒) */
    }
}

@media screen and (max-width: 420px) {
    /*スライドショー*/ .slideshow {
        position: relative;
        /* 画像の横幅 */
        height: 590px;
        /* 画像の縦幅 */
    }

    .slideshow img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 1s;
        /* フェードの時間(秒) */
    }

    /*スライドショー*/
    .slideshow02 {
        position: relative;
        /* 画像の横幅 */
        height: 293px;
        /* 画像の縦幅 */
    }

    .slideshow02 img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 1s;
        /* フェードの時間(秒) */
    }
}

@media screen and (max-width: 414px) {
    /*スライドショー*/ .slideshow {
        position: relative;
        /* 画像の横幅 */
        height: 590px;
        /* 画像の縦幅 */
    }

    .slideshow img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 1s;
        /* フェードの時間(秒) */
    }

    /*スライドショー*/
    .slideshow02 {
        position: relative;
        /* 画像の横幅 */
        height: 293px;
        /* 画像の縦幅 */
    }

    .slideshow02 img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 1s;
        /* フェードの時間(秒) */
    }
}

@media screen and (max-width: 375px) {
    /*スライドショー*/ .slideshow {
        position: relative;
        /* 画像の横幅 */
        height: 500px;
        /* 画像の縦幅 */
    }

    .slideshow img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 1s;
        /* フェードの時間(秒) */
    }

    /*スライドショー*/
    .slideshow02 {
        position: relative;
        /* 画像の横幅 */
        height: 265px;
        /* 画像の縦幅 */
    }

    .slideshow02 img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 1s;
        /* フェードの時間(秒) */
    }
}

@media screen and (max-width: 375px) {
    /*スライドショー*/ .slideshow {
        position: relative;
        /* 画像の横幅 */
        height: 530px;
        /* 画像の縦幅 */
    }

    .slideshow img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 1s;
        /* フェードの時間(秒) */
    }

    /*スライドショー*/
    .slideshow02 {
        position: relative;
        /* 画像の横幅 */
        
        /* 画像の縦幅 */
    }

    .slideshow02 img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 1s;
        /* フェードの時間(秒) */
    }
}

@media screen and (max-width: 320px) {
    /*スライドショー*/ .slideshow {
        position: relative;
        /* 画像の横幅 */
        height: 460px;
        /* 画像の縦幅 */
    }

    .slideshow img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 1s;
        /* フェードの時間(秒) */
    }

    /*スライドショー*/
    .slideshow02 {
        position: relative;
        /* 画像の横幅 */
        height: 226px;
        /* 画像の縦幅 */
    }

    .slideshow02 img {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: 1s;
        /* フェードの時間(秒) */
    }
}