*{
    box-sizing: border-box;
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    font-family: inherit;
}
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,p,dl,dt,dd,figure,figcaption{
    padding: 0;
    margin: 0;
}
html{
    font-size: 10px;
}
body{
    line-height: 1.5;
    color: #000;
}
ol,ul,li{
    list-style: none;
}
img{
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
figure{
    position: relative;
}
figure img{
    position: relative;
    z-index: 1;
}
figure figcaption{
    position: absolute;
    z-index: 2;
    right: 6px;    
    bottom: 6px;
    font-size: 10px;
    text-shadow: 0px 0px 6px rgba(255,255,255,0.1), 0px 0px 6px rgba(255,255,255,0.1);
}
button,
a{
    opacity: 1;
    transition: all .2s ease-out;
    color: inherit;
    text-decoration: none;
}
button:hover,
a:hover{
}
textarea,
button,
input{
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    border: none;
}
table{
    border-collapse: collapse;
}

._pc{ display: block;}
._tab{ display: none;}
._sp{ display: none;}


/* common */
.flex{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.flex.reverse{
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
}
#wrapper{
    position: relative;
}

@media screen and (max-width: 1024px){
    ._tab{ display: block;}
}

@media screen and (max-width: 640px){
    ._pc{ display: none;}
    ._sp{ display: block;}
}