@charset "UTF-8";
/* Template 
   v0.1 | 20150430
   License: none (public domain)
   ―
*/
/* 
	header
 */
body {
    background: url("../fig/bg.jpg") top left repeat;
}

header {
    width: 100%;
    min-width: 640px;
    -webkit-transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    cursor: pointer;
}

header:hover {
    -webkit-transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 0.5;
}

header h1 {
    width: 100%;
}

header h1 img {
    width: 100%;
    vertical-align: top;
}

/*
	footer
 */
footer {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
}

.footer__pageTop {
    text-align: center;
    width: 59.5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    -webkit-transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    cursor: pointer;
}

.footer__pageTop:hover {
    -webkit-transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 0.7;
}

.footer__pageTop img {
    width: 100%;
}

.footer__line {
    display: none;
}

.footer__shareList {
    text-align: center;
    letter-spacing: -.40em;
    margin-bottom: 78px;
}

.footer__shareList li {
    width: 52px;
    height: 52px;
    vertical-align: top;
    letter-spacing: normal;
    display: inline-block;
    -webkit-transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    cursor: pointer;
}

.footer__shareList li:hover {
    -webkit-transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.75s cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 0.7;
}

.footer__shareList li:first-child {
    margin-right: 55px;
}

.footer__shareList li img {
    width: 100%;
    vertical-align: top;
}

.footer__cr {
    text-align: center;
    margin-bottom: 142px;
}


@media screen and (max-width: 640px) and (max-width: 767px) {
    header {
        opacity: 1 !important;
    }

    .footer__pageTop {
        width: 119px !important;
        opacity: 1 !important;
        margin-bottom: 71px !important;
    }

    .footer__line {
        display: block;
        width: 100%;
        height: 1px;
        background: #BFBEB9;
    }

    .footer__shareList {
        margin-top: 59px;
        margin-bottom: 67px;
    }

    .footer__shareList li {
        width: 104px !important;
        height: 104px !important;
        opacity: 1 !important;
    }
}

span.borderline{
	letter-spacing: -0.05em;
}