@charset "utf-8";

/* ==========================================================================
   Reset css
   ========================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}

body {
line-height: 1;
}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}

ol, ul {
list-style: none;
}

blockquote {
quotes: none;
}

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

del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

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

img {
vertical-align: middle;
}

a img {
border: none;
vertical-align: bottom;
}

::selection {
background: none repeat scroll 0 0 #e1e3e5;
color: #000;
}

*::-moz-selection {
background: none repeat scroll 0 0 #e1e3e5;
color: #000;
}

area:focus {
outline: none;
border: none;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */

select,
input,
button,
textarea {
font: 99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */

table {
font-size: inherit;
font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */

pre,
code,
kbd,
samp,
tt {
font-family: monospace;
*font-size: 108%;
line-height: 100%;
}

/* ==========================================================================
   clearfix
   ========================================================================== */

/* clearfix */
.clearfix {
zoom: 1;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}




/* ==========================================================================
   Noto Sans
   ========================================================================== */
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../font/NotoSansCJKjp-Thin.woff') format('woff'), /* Modern Browsers */
    url('../font/NotoSansCJKjp-Thin.otf')  format('opentype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../font/NotoSansCJKjp-Light.woff') format('woff'),
    url('../font/NotoSansCJKjp-Light.otf')  format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../font/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('../font/NotoSansCJKjp-DemiLight.otf')  format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../font/NotoSansCJKjp-Regular.otf')  format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
    url('../font/NotoSansCJKjp-Medium.otf')  format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../font/NotoSansCJKjp-Bold.otf')  format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansCJKjp-Black.woff') format('woff'),
    url('../font/NotoSansCJKjp-Black.otf')  format('opentype');
}