/*default
-----------------------------------------------------------*/

html { font-size: 62.5%; -ms-overflow-style:scrollbar!important; overflow: hidden; }
body:before, body:after {
    content: "";
    display: table;
}
body:after { clear: both; }
* { zoom: 1;}

html, body {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
	overflow:hidden;
	overflow-x:hidden;
}

body {
	font-size: 16px;
	font-size: 1.6rem;
	line-height:0;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "メイリオ", "Meiryo", "平成角ゴシック", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #444;
	font-style: normal;
	font-weight: 400;
	margin:0;
	padding:0;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

body {
	line-height:175%;
}

@media screen and (max-width: 800px) {
	
	body {
        font-size: 14px;
        font-size: 1.4rem;
        line-height:185.71%;
    }

}

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

:root {
	-ms-overflow-style: -ms-autohiding-scrollbar;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
			text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: auto;
}

h1, h2, h3, h4, h5, h6, p, ul, li {
	margin:0;
	padding:0;
}

a, a:hover { text-decoration:none; }

a {
	outline: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

img {
	border-style: none;
    -ms-interpolation-mode: bicubic;
	display: block;
	width: 100%;
	height: auto;
}

ul, li { list-style: none; }



/*class
-----------------------------------------------------------*/
.sp {display: none; }

@media screen and (max-width: 800px) {
	.pc {display: none; }
	.sp {display: block;}
}

.clearfix:after {
  content: ".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix { display:inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block; }
/* End hide from IE-mac */