@charset "utf-8";

*,
*::before,
*::after {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
}

html, a, abbr, acronym, address, applet, article, aside, 
audio, b, big, blockquote, body, center, canvas, caption, 
cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, 
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, 
header, hgroup, i, iframe, img, ins, kbd, label, legend, 
li, mark, menu, nav, object, ol, p, pre, q, s, samp, small, 
section, span, strike, strong, sub, summary, sup, table, 
tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

html{
    overflow-y: scroll;
}

body {
    /*line-height:1;*/
    -webkit-text-size-adjust: 100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

a,
a:link,
a:visited{
    text-decoration:none;
    outline: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, textarea, select {
    margin: 0;
    padding: 0;
}

caption, th{
    text-align: left;
}

button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
 
a:focus {
    outline:none;
}
 
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix {
    min-height: 1px;
}

@media screen and (max-width: 768px){
    .only-pc{
        display: none!important;
    }
    .only-sp{
        display: block!important;
    }
    html{
        min-width: 100%;
    }
    body{
        min-width: 100%;
		overflow-x: hidden;
    }
}

@media screen and (min-width: 769px){
    .only-pc{
        display:block;
    }
    .only-sp{
        display:none;
    }
    html{

    }
    body{
    }
}