/* reset.css */
html, header, body, div, span, iframe, h1, h2, h3, h4, 
p, a, img, dl, dt, dd, ol, ul, li, label, table, 
tbody, tr, th, td, figure{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;
	letter-spacing: 0.16rem;
}
 
*{
	box-sizing: border-box;
}

article, aside, figure, footer, header, nav, section, div, a {
    display: block;
}

html {
    font-size: 62.5%;
}

body {
	font-size:1.5rem;
  line-height: 1.8;
	-webkit-text-size-adjust: 100%;
}


body {
  font-family: 'Roboto','Noto Sans JP',‘Hiragino Kaku Gothic Pro’, ‘ヒラギノ角ゴ Pro W3’, メイリオ, Meiryo, sans-serif;
	font-weight:400;
	
/* IE8〜11はメイリオ */
/*	
@media screen\0 {
  body {
    font-family: 'Roboto', "メイリオ",Meiryo,sans-serif;
  }*/
}

@media all and (-ms-high-contrast:none) {
	body{
		font-family: 'Roboto', "メイリオ",Meiryo,sans-serif;
	}
}

ol, ul, li{
    list-style: none;
}
 
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a{
	display: block;
	text-decoration: none;
	color:#131313;
}

a,P{
	word-break:break-all;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom
}

img[src$=".svg"] {
    width: 100%;
    height: auto;
}

button{
	background:transparent;
	padding:0;
	border:0;
	overflow: visible;
}

input::-webkit-input-placeholder, input:-moz-placeholder, textarea::-webkit-input-placeholder, textarea:-moz-placeholder {
  color: #888;
}

input:-ms-input-placeholder{
  color: #888;
}
 
input[type="button"], input[type="submit"], input[type="search"], input[type="reset"], input[type="text"],　button {
  -webkit-appearance: none;
  cursor:pointer;
	border: none;
	box-sizing: border-box;
}

a:focus {
outline:none;
}
*:focus {
outline:none;
}

a:hover,
button,
input[type="button"]:hover,
input[type="submit"]:hover,
img:hover{
	-webkit-transition: all .3s;
  transition: all .3s;
}

a,
a:hover,
button,
input[type="button"]:hover,
input[type="submit"]:hover{
	cursor: pointer;
}

img:hover,
svg:hover{
	opacity: 1;
	cursor: pointer;
}


input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
  display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

address {
	font-style: normal;
}

input:-webkit-autofill {
	box-shadow: 0 0 0 1000px #fff inset;
	background-color: transparent!important;
}

@font-face {
  font-family: "Flaticon";
  src: url("./Flaticon.eot");
  src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
       url("./Flaticon.woff2") format("woff2"),
       url("./Flaticon.woff") format("woff"),
       url("./Flaticon.ttf") format("truetype"),
       url("./Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

/*
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-size: 20px;
	font-style: normal;
}
*/
.flaticon-twitter-logo-shape:before { content: "\f100"; }
.flaticon-facebook-app-logo:before { content: "\f101"; }
.flaticon-facebook:before { content: "\f102"; }