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

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

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: #333;
	font-style: normal;
	font-weight: 400;
	margin:0;
	padding:0;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}

body {
	line-height:200%;
}



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

*,
*::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;
}

.box {
	width: 100%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.plusBox {
	position: absolute;
	width: 24px;
	height: 24px;
}

.plusBox .yoko {
	position: absolute;
	top: 10px;
	left: 0;
	width: 24px;
	height: 4px;
}

.plusBox .tate {
	position: absolute;
	top: 0;
	left: 10px;
	width: 4px;
	height: 24px;
}

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

    .box {
        padding-left: 5%;
        padding-right: 5%;
    }
	
}


/*font
-----------------------------------------------------------*/

.fen {
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}