/* reset */
* {font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Verdana, 'ＭＳ Ｐゴシック', sans-serif;margin: 0;padding: 0;}
html, body {font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Verdana, 'ＭＳ Ｐゴシック', sans-serif;padding: 0;font-size: 90%;line-height:140%;color:#333;}
body, x:-moz-any-link {line-height:160%;}
 /* FireFox 2 */
html>/**/body, x:-moz-any-link, x:default {line-height:160%;} 
/* Only FireFox 3 */* html body {line-height:140%;} 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
nav ul {list-style:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
em{font-style:normal;}
a{text-decoration:none;}




.fixed{position: fixed;top: 0;width: 100%;z-index: 999;padding-top:1em;border-bottom:none!important;}


/* fade in*/
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 700ms;
    }
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }


/*css animation*/
    .fuwa {
        -webkit-animation:fuwa 1.5s infinite linear alternate;
        animation:fuwa 1.5s infinite linear alternate;

    }	
    @-webkit-keyframes fuwa {
        0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
        50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
        100% {-webkit-transform:translate(0, 0)rotate(5deg);}

    }	
    @keyframes fuwa {
        0% {transform:translate(0, 0) rotate(-5deg);}
        50% {transform:translate(0, -5px) rotate(0deg);}
        100% {transform:translate(0, 0)rotate(5deg);}

    }
    
    .buru {
        -webkit-animation:buru 0.3s infinite linear alternate;
        animation:buru 0.3s infinite linear alternate;
    }
    @-webkit-keyframes buru {
        0% {-webkit-transform:translate(0, 0) rotate(-3deg);}
        50% {-webkit-transform:translate(0, -1px) rotate(0deg);}
        100% {-webkit-transform:translate(0, 0)rotate(3deg);}
    }	
    @keyframes buru {
        0% {transform:translate(0, 0) rotate(-3deg);}
        50% {transform:translate(0, -1px) rotate(0deg);}
        100% {transform:translate(0, 0)rotate(3deg);}
    }





    /*gotop*/
    #goto {
        display: block;
        position: fixed;
        bottom: 120px;
        right: 0px;
       
        width: 83px;
        height: 73px;
		
    }
    #goto a {
        display: block;
        width: 73px;
        height: 43px;
        text-align:center;
        background:#FFEDBE;
        color:#66513E;
        border-radius: 50%;
        padding:15px 0;
		border: 1px solid #eee;
    }
    #goto a span{font-size:11px;display:block;}    



.logo{display:block;width:297px;height:52px;background:url("../../images/h-logo.png") no-repeat left top;background-size:100%; text-indent:-9999px;}



article{display:block;}


.mv {
    overflow: hidden;
    position: relative;
}
.mv:before, .mv:after {
    animation: 2s cubic-bezier(.4, 0, .2, 1) forwards;
    background: #fff;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 1;
}
.mv:before {
    animation-name: img-wrap-before;
    top: 0;
    bottom: 50%;
}
.mv:after {
    animation-name: img-wrap-after;
    top: 50%;
    bottom: 0;
}
 @keyframes img-wrap-before {
 100% {
 transform: translateX(100%);
}
}
 @keyframes img-wrap-after {
 100% {
 transform: translateX(-100%);
}
}
.img-animation {
    animation: img-opacity 2s cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
    position: relative;
}
.img-animation:before {
    animation: img-animation 2s cubic-bezier(.4, 0, .2, 1) forwards;
    background: #fff;
    bottom: 0;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
 @keyframes img-opacity {
 0% {
 opacity: 0;
}
}
 @keyframes img-animation {
 100% {
 transform: translateX(100%);
}
}