@charset "UTF-8";
/*@media screen and (min-width:640px){*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,
canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt,
em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5,
h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark,
menu, nav, object, output, p, pre, q, ruby, s, samp, section, small, span,
strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time,
tr, tt, u, var, video {
    margin: 0;
    padding: 0;
    letter-spacing: normal;
    list-style: none;
    font-size: 100%
}

body, ol, ul {
    letter-spacing: normal
}

body {
    font-size: 13px !important;
    position: relative;
    font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    word-break: break-all;
    -webkit-text-size-adjust: 100%;
    min-width: 1080px;
    line-height: 1.6;
    color: #362020;
    background-color: #fff
}

ol, ul {
    font-size: 100%
}

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

a {
    text-decoration: none
}

blockquote, q {
    quotes: none
}

blockquote::after, blockquote::before, q::after, q::before {
    content: none
}

body, input, ol, textarea, ul {
    margin: 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

.navi li, body, ol, ul {
    list-style: none
}

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

caption, th {
    text-align: left
}

header {
    display: block
}

img {
    vertical-align: top
}

em {
    color: red;
    font-weight: bolder;
    font-style: normal
}

em span {
    font-size: 90%
}

.clearfix {
    *zoom: 1
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.clear, .clearfix:after {
    clear: both
}

#container a,#container a:link {
    color: #01588c;
}
#container a:active,#container a:hover {
    color: #01588c;
    text-decoration: underline
}
.common_header {
    line-height: 1.4em !important;
    margin: 0 auto
}

.common_header hr {
    margin: 0;
    border: 0;
    height: 1px;
    background: #aaa;
    clear: both;
    display: block
}

#socialmedia, #socialmedia * , .navi {
    float: right
}

.breadcrumb {
    margin: 10px auto 15px;
    height: 15px;
    line-height: 1.4em !important;
    width: 1080px;
}

.breadcrumb li {
    float: left;
    color: #000;
    font-weight: 700
}



.spOnly {
    display: none
}