@charset "utf-8";

/*---------reset---------*/

html, body, a, abbr, acronym, address, area, b, bdo, big, blockquote, button, caption, cite, code,col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img,ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub,sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
margin: 0;
padding: 0;
list-style: none;
line-height: 150%;
font-size: 100%;
}

@media only screen and ( max-width : 850px ) {
html, body, a, abbr, acronym, address, area, b, bdo, big, blockquote, button, caption, cite, code,col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub,sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
transition-property: font-size, width, top, left, color, background;
transition-duration:0.35s;
}
}

img {
border: none;
max-width: 100%;
height: auto;
}

ul {
list-style-type: none;
}
 
ul li img {
vertical-align: bottom;
}
 
h1,h2,h3,h4,h5,h6,p {
color: #191919;
font-size: 15px;
font-weight: normal;
font-style: normal;
line-break: strict;
}

body {
font-family: 'Noto Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, Arial, Helvetica,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-text-size-adjust: 100%;
height: 100%;
width: 100%;
word-break: break-all;
}

html {
overflow-y: scroll;
height: 100%;
width: 100%;
-webkit-font-smoothing: antialiased;
}

a {
color: #191919;
outline: none;
text-decoration: underline;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a:hover {
opacity: 0.6;
}

::selection {
background:#83B4B4;
color:#fff;
}

::-moz-selection {
background:#83B4B4;
color:#fff;
}