@CHARSET "UTF-8";

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, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {outline: none !important;
}
html{
    background:#fff;
}
body{
    font-family: 'Roboto', 'sans-serif';
    /*font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;*/
    /*font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;*/
    background-color: #FFF;
}

img{
    width:100%;
}

.clearfix {
    overflow: hidden;
}

.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-same-height {
    display: table;
    width: 100%;
}

.col-xs-height {
    display: table-cell;
    float: none !important;
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        width: 100%;
    }
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 992px) {
    .row-md-height {
        display: table;
        width: 100%;
    }
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}
@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        width: 100%;
    }
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}

.w10 { width:10%!important; }
.w15 { width:15%!important; }
.w16 { width:16%!important; }
.w17 { width:17%!important; }
.w20 { width:20%!important; }
.w22 { width:22%!important; }
.w25 { width:25%!important; }
.w30 { width:30%!important; }
.w33 { width:33.3333%!important; }
.w40 { width:40%!important; }
.w45 { width:45%!important; }
.w50 { width:50%!important; }
.w55 { width:55%!important; }
.w60 { width:60%!important; }
.w70 { width:70%!important; }
.w71 { width:71%!important; }
.w72 { width:72%!important; }
.w80 { width:80%!important; }
.w83 { width:83%!important; }
.w85 { width:85%!important; }
.w96 { width:96%!important; }
.w100 { width:100%!important; }

@media screen and (max-width: 480px){

}

@media screen and (max-width: 768px){
    .xs-w10 { width:10%!important; }
    .xs-w22 { width:22%!important; }
    .xs-w25 { width:25%!important; }
    .xs-w40 { width:40%!important; }
    .xs-w91 { width:91%!important; }
    .xs-w100 { width:100%!important; }
}

@media screen and (min-width: 480px) and (max-width: 768px){
    .tb-w30 { width:30%!important; }
    .tb-w60 { width:60%!important; }
    .tb-w80 { width:80%!important; }
}

.h102 { height:102px!important; }
.h132 { height:132px!important; }

@media screen and (min-width: 769px){
    .sm-h230 { height:230px; }
    .sm-h280 { height:280px; }
    .sm-h380 { height:380px; }
    .sm-h450 { height:450px; }
    .sm-h470 { height:470px; }
    .sm-h480 { height:480px; }
    .sm-h500 { height:500px; }
    .sm-h520 { height:520px; }
    .sm-h550 { height:550px; }
    .sm-h630 { height:630px; }
}

@media screen and (max-width: 768px){
    .xs-hauto { height:auto!important; }

    .sm-h230 { height:auto; }
    .sm-h280 { height:auto; }
    .sm-h380 { height:auto; }
    .sm-h450 { height:auto; }
    .sm-h470 { height:auto; }
    .sm-h480 { height:auto; }
    .sm-h500 { height:auto; }
    .sm-h520 { height:auto; }
    .sm-h550 { height:auto; }
    .sm-h630 { height:auto; }
}

.m0 { margin:0!important; }

.mT-10 { margin-top:-10px; }
.mT-30 { margin-top:-30px; }
.mT-80 { margin-top:-80px; }

.mT10 { margin-top:10px!important; }
.mT20 { margin-top:20px!important; }
.mT30 { margin-top:30px!important; }
.mT40 { margin-top:40px!important; }
.mT50 { margin-top:60px!important; }
.mT80 { margin-top:80px!important; }
.mT120 { margin-top:120px!important; }

.mL-1 { margin-left:-1px; }
.mL-10 { margin-left:-10px; }

.mL0 { margin-left:0px; }

.mL5p { margin-left:5%; }
.mL12p { margin-left:12%; }
.mL25p { margin-left:25%; }

.mLem1 { margin-left: 1em; }
.mLem2 { margin-left: 2em; }

.lg-mL1em { margin-left: 1em; }
.lg-mL2em { margin-left: 2em; }

.mR-10 { margin-right:-10px; }

.mR0 { margin-right:0px; }
.mR50 { margin-right:50px; }

.mR25p { margin-right:25%; }

.mB5 { margin-bottom:5px!important; }
.mB10 { margin-bottom:10px!important; }
.mB30 { margin-bottom:30px!important; }
.mB50 { margin-bottom:50px!important; }
.mB80 { margin-bottom:80px!important; }

.mLR-auto { margin-left:auto; margin-right:auto; }

@media screen and (max-width: 768px){
    .lg-mL1em { margin-left: 0; }
    .lg-mL2em { margin-left: 0; }

    .xs-mT10 { margin-top:10px; }
    .xs-mT30 { margin-top:30px; }
    .xs-mT50 { margin-top:50px; }
    .xs-mT260 { margin-top:260px; }
}

.p0 { padding:0!important; }

.pT0 { padding-top:0; }
.pT10 { padding-top:10px; }
.pT15 { padding-top:15px; }
.pT30 { padding-top:30px; }

.pL0 { padding-left:0!important; }
.pL5 { padding-left:5px; }
.pL7-5 { padding-left:7.5px; }
.pL10 { padding-left:10px; }
.pL20 { padding-left:20px; }
.pL40 { padding-left:40px; }
.pL45 { padding-left:45px; }

.pR0 { padding-right:0!important; }
.pR5 { padding-right:5px; }
.pR7-5 { padding-right:7.5px; }
.pR10 { padding-right:10px; }

.pB0 { padding-bottom:0; }
.pB10 { padding-bottom:10px; }
.pB20 { padding-bottom:20px; }
.pB40 { padding-bottom:40px; }

@media screen and (max-width: 768px){
    .xs-pL15 { padding-left:15px; }
    .xs-pR15 { padding-right:15px; }
}
@media screen and (min-width: 768px){
    .sm-pL0 { padding-left:0; }

    .sm-pR0 { padding-right:0; }
}

.tL { text-align:left!important; }
.tC { text-align:center!important; }
.tR { text-align:right!important; }

@media screen and (max-width: 768px){
    .xs-tC { text-align:center!important; }
}

.vAlignTop { vertical-align: top; }

.tColorW { color:#FFF; }

.fs-xxs { font-size:xx-small; }
.fs-80 { font-size:80%; }

.fw-bold { font-weight:bold; }

.lineHeight1-5 { line-height:1.5; }
.lineHeight2 { line-height:2; }

@media screen and (max-width: 480px){
    .sp-lineHeight0-8 { line-height:0.8!important; }
}

@media screen and (max-width: 768px){
    .xs-lineHeight0-8 { line-height:0.8!important; }
    .xs-lineHeight1 { line-height:1!important; }
}

.none-decoration-hover:hover { text-decoration:none; }

.fbFooter iframe {
    width:100%;
    padding-left:10px;
    padding-right:10px;
}

.ggmap {
    position: relative;
    padding-bottom: 450px;
    height: 0;
    overflow: hidden;
}

.border-none {
    border:none!Important;
}

.border-bt-white {
    border-bottom:1px solid #FFF;
}

.white-box {
    border:1px solid #FFF;
}
.white-box-fill {
    border:1px solid #FFF;
    background-color:#FFF;
}

.bg-white {
    background-color:#FFF!important;
}

.floatLeft {
    float:left;
}

@media screen and (max-width: 480px){
    .visible-sp { display:block; }
    .visible-tb { display:none; }
}

@media screen and (min-width: 480px) and (max-width: 768px){
    .visible-sp { display:none; }
    .visible-tb { display:block; }
}

@media screen and (min-width: 768px){
    .visible-sp { display:none; }
    .visible-tb { display:none; }
}

.dis-inline { display:inline!important; }

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.row.row-va-middle {
    font-size: 0;
}
.row.row-va-middle > [class*="col-"] {
    float: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}

.fixed {
    position: fixed!important;
}

/* フッター関連 */
.pagetop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}

/* フォーム関連 */
@media screen and (max-width: 768px){
    .knj {
        width: 90%!important;
    }
    .frgn {
        width: 85%!important;
    }
}
@media screen and (max-width: 480px){
    br.hidden-xxs {
        display: none;
    }
}
@media screen and (max-width: 427px){
    .knj {
        width: 89.2%!important;
    }
    .frgn {
        width: 83.8%!important;
    }
}

@media screen and (min-width: 480px){
    br.visible-xxs {
        display: none;
    }
}

/* グリッド追加 */
@media (min-width: 1200px) {
    .col-lg-125-10 {
        float: left;
    }
    .col-lg-125-10 {
        width: 12.5%;
    }
}

@media (max-width: 1200px) {
    .col-md-125-10 {
        float: left;
    }
    .col-md-125-10 {
        width: 12.5%;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    .col-sm-20-10 {
        float: left;
    }
    .col-sm-20-10 {
        width: 20%;
    }
}