@charset "utf-8";

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,option,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;outline:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}input{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}a{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html{font-size:62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;line-height:1.5}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio[controls],canvas,video{display:inline-block;*display:inline;zoom:1}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1rem}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}h1,h2,h3,h4,h5,h6{font-size:1rem;margin:0}em{font-style:normal}strong,b{font-weight:700}sub,sup{font-size:.5em;line-height:0;vertical-align:baseline;position:relative}sub{bottom:-.25em}sup{top:-.5em}br{*letter-spacing:0}input,select{vertical-align:middle}ol,ul{margin:0;padding:0}li{list-style:none}hr{color:inherit;height:auto;-moz-box-sizing:content-box;box-sizing:content-box}a{text-decoration:none}a:focus{outline:thin dotted}a:hover,a:active{outline:0}table{border-collapse:collapse;border-spacing:0}caption{padding:0;text-align:left}th,td{text-align:left;vertical-align:baseline;padding:0}img{border:0;vertical-align:bottom}svg:not(:root){overflow:hidden}i,em{font-style:normal}sup,sub{height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative}.cfx:after{content:".";display:block;clear:both;height:0;visibility:hidden}.i{display:block;overflow:hidden;text-indent:110%;white-space:nowrap}.nowrap{white-space:nowrap}

body {
    position: relative;
    margin: 0;
    /* background-color: #000; */
}
#main * {
    box-sizing: border-box;
}

/* SP用 */
@media screen and (max-width:580px) {
    .pc {
        display: none !important;
    }

    /* main */
    #main {
        position: relative;
        width: 100vw;
        /* font-size: 2.326vw; */
        overflow-x: hidden;
    }
        .main_wrap {
            opacity: 0;
            transition: opacity 1.05s ease-in-out;
            transition-delay: 0.5s;
        }
        #main.loaded .main_wrap {
            opacity: 1;
        }
}

/* Display用 */
@media screen and (min-width:581px) {
    .sp {
        display: none !important;
    }

    /* main */
    #main {
        max-width: 1500px;
        margin: 0 auto;
    }
        .main_wrap {
            opacity: 0;
            transition: opacity 1.05s ease-in-out;
            transition-delay: 0.5s;
        }
        #main.loaded .main_wrap {
            opacity: 1;
        }
}

/* Tablet用 */
@media screen and (min-width: 581px) and (max-width: 1279px) {
    html {
        font-size: 0.7818608vw;
    }
}