@charset "utf-8";
/* CSS Document */
	
.fl-l {float: left}
.fl-r {float: right}
.clr {clear: both}

.t-al-l {text-align: left}
.t-al-c {text-align: center}
.t-al-r {text-align: right}
.t-al-j {text-align: justify}

.v-al-t {vertical-align: top}
.v-al-m {vertical-align: middle}
.v-al-b {vertical-align: bottom}

.mg-auto {margin-left: auto;margin-right: auto}
.mg-0 {margin: 0!important}
.mg-lr-0 {margin-left: 0px!important;margin-right: 0px!important}
.mg-l-0 {margin-left: 0px!important}
.mg-r-0 {margin-right: 0px!important}
.mg-t-0 {margin-top: 0px!important}
.mg-b-0 {margin-bottom: 0px!important}
.mg-tb-0 {margin-top: 0px!important;margin-bottom: 0px!important}
.mg-5 {margin: 5px!important}
.mg-lr-5 {margin-left: 5px;margin-right: 5px!important}
.mg-l-5 {margin-left: 5px!important}
.mg-r-5 {margin-right: 5px!important}
.mg-t-5 {margin-top: 5px!important}
.mg-b-5 {margin-bottom: 5px!important}
.mg-tb-5 {margin-top: 5px;margin-bottom: 5px!important}
.mg-10 {margin: 10px!important}
.mg-lr-10 {margin-left: 10px;margin-right: 10px!important}
.mg-l-10 {margin-left: 10px!important}
.mg-r-10 {margin-right: 10px!important}
.mg-t-10 {margin-top: 10px!important}
.mg-b-10 {margin-bottom: 10px!important}
.mg-tb-10 {margin-top: 10px!important;margin-bottom: 10px!important}
.mg-15 {margin: 15px!important}
.mg-lr-15 {margin-left: 15px;margin-right: 15px!important}
.mg-l-15 {margin-left: 15px!important}
.mg-r-15 {margin-right: 15px!important}
.mg-t-15 {margin-top: 15px!important}
.mg-b-15 {margin-bottom: 15px!important}
.mg-tb-15 {margin-top: 15px!important;margin-bottom: 15px!important}
.mg-20 {margin: 20px!important}
.mg-lr-20 {margin-left: 20px;margin-right: 20px!important}
.mg-l-20 {margin-left: 20px!important}
.mg-r-20 {margin-right: 20px!important}
.mg-t-20 {margin-top: 20px!important}
.mg-b-20 {margin-bottom: 20px!important}
.mg-tb-20 {margin-top: 20px!important;margin-bottom: 20px!important}
.mg-25 {margin: 25px!important}
.mg-lr-25 {margin-left: 25px;margin-right: 25px!important}
.mg-l-25 {margin-left: 25px!important}
.mg-r-25 {margin-right: 25px!important}
.mg-t-25 {margin-top: 25px!important}
.mg-b-25 {margin-bottom: 25px!important}
.mg-tb-25 {margin-top: 25px!important;margin-bottom: 25px!important}
.mg-30 {margin: 30px!important}
.mg-lr-30 {margin-left: 30px;margin-right: 30px!important}
.mg-l-30 {margin-left: 30px!important}
.mg-r-30 {margin-right: 30px!important}
.mg-t-30 {margin-top: 30px!important}
.mg-b-30 {margin-bottom: 30px!important}
.mg-tb-30 {margin-top: 30px!important;margin-bottom: 30px!important}
.mg-40 {margin: 40px!important}
.mg-lr-40 {margin-left: 40px;margin-right: 40px!important}
.mg-l-40 {margin-left: 40px!important}
.mg-r-40 {margin-right: 40px!important}
.mg-t-40 {margin-top: 40px!important}
.mg-b-40 {margin-bottom: 40px!important}
.mg-b-80 {margin-bottom: 80px!important}
.mg-tb-40 {margin-top: 40px!important;margin-bottom: 40px!important}
.mg-t--10 {margin-top: -10px!important}
.mg-t--20 {margin-top: -20px!important}

.mg-b-sp-10 {margin-bottom: 0}
.mg-b-sp-15 {margin-bottom: 0}
.mg-b-sp-20 {margin-bottom: 0}
.mg-b-sml {margin-bottom: 20px}
.mg-b-std {margin-bottom: 30px}
.mg-b-lrg {margin-bottom: 40px}

.mg-b-1em {margin-bottom: 1em!important}
.mg-b-2em {margin-bottom: 2em!important}
.mg-b-3em {margin-bottom: 3em!important}

@media screen and (max-width:767px) {
	.mg-b-sp-10 {margin-bottom: 10px}
	.mg-b-sp-15 {margin-bottom: 15px}
	.mg-b-sp-20 {margin-bottom: 20px}
	.mg-b-sml {margin-bottom: 10px}
	.mg-b-std {margin-bottom: 20px}
	.mg-b-lrg {margin-bottom: 30px}
	}


.pd-0 {padding: 0!important}
.pd-lr-0 {padding-left: 0px!important;padding-right: 0px!important}
.pd-l-0 {padding-left: 0px!important}
.pd-r-0 {padding-right: 0px!important}
.pd-t-0 {padding-top: 0px!important}
.pd-b-0 {padding-bottom: 0px!important}
.pd-tb-0 {padding-top: 0px!important;padding-bottom: 0px!important}
.pd-5 {padding: 5px!important}
.pd-lr-5 {padding-left: 5px!important;padding-right: 5px!important}
.pd-l-5 {padding-left: 5px!important}
.pd-r-5 {padding-right: 5px!important}
.pd-t-5 {padding-top: 5px!important}
.pd-b-5 {padding-bottom: 5px!important}
.pd-tb-5 {padding-top: 5px;padding-bottom: 5px!important}
.pd-10 {padding: 10px!important}
.pd-lr-10 {padding-left: 10px!important;padding-right: 10px!important}
.pd-l-10 {padding-left: 10px!important}
.pd-r-10 {padding-right: 10px!important}
.pd-t-10 {padding-top: 10px!important}
.pd-b-10 {padding-bottom: 10px!important}
.pd-tb-10 {padding-top: 10px;padding-bottom: 10px!important}
.pd-15 {padding: 15px!important}
.pd-lr-15 {padding-left: 15px!important;padding-right: 15px!important}
.pd-l-15 {padding-left: 15px!important}
.pd-r-15 {padding-right: 15px!important}
.pd-t-15 {padding-top: 15px!important}
.pd-b-15 {padding-bottom: 15px!important}
.pd-tb-15 {padding-top: 15px!important;padding-bottom: 15px!important}
.pd-20 {padding: 20px!important}
.pd-lr-20 {padding-left: 20px!important;padding-right: 20px!important}
.pd-l-20 {padding-left: 20px!important}
.pd-r-20 {padding-right: 20px!important}
.pd-t-20 {padding-top: 20px!important}
.pd-b-20 {padding-bottom: 20px!important}
.pd-tb-20 {padding-top: 20px!important;padding-bottom: 20px!important}
.pd-lr-50 {padding-left: 50px!important; padding-right: 50px!important}

.pd-b-1em {padding-bottom: 1em!important}
.pd-b-2em {padding-bottom: 2em!important}
.pd-b-3em {padding-bottom: 3em!important}

.dsp-il {display: inline}
.dsp-bk {display: block}

.fs-10 {font-size: 63%!important}
.fs-11 {font-size: 69%!important}
.fs-12 {font-size: 75%!important}
.fs-13 {font-size: 82%!important}
.fs-14 {font-size: 88%!important}
.fs-15 {font-size: 94%!important}
.fs-16 {font-size: 100%!important}
.fs-17 {font-size: 107%!important}
.fs-18 {font-size: 113%!important}
.fs-19 {font-size: 119%!important}
.fs-20 {font-size: 125%!important}
.fs-21 {font-size: 132%!important}
.fs-22 {font-size: 138%!important}
.fs-160 {font-size: 160%!important}
.fs-170 {font-size: 170%!important}
.fs-180 {font-size: 180%!important}
.fs-190 {font-size: 190%!important}
.fs-200 {font-size: 200%!important}

.lh-100 {line-height: 100%!important}
.lh-110 {line-height: 110%!important}
.lh-115 {line-height: 115%!important}
.lh-120 {line-height: 120%!important}
.lh-125 {line-height: 125%!important}
.lh-130 {line-height: 130%!important}
.lh-140 {line-height: 140%!important}
.lh-150 {line-height: 150%!important}
.lh-200 {line-height: 200%!important}

.ls-s {letter-spacing: -0.05em!important}

.fw-n {font-weight: normal!important}
.fw-b {font-weight: bold!important}

.w-100 {width: 100%}
.w-mx100 {max-width: 100%}
.w-mn100 {min-width: 100%}
.h-auto {height: auto}

.ff-mc {font-family: "ＭＳ Ｐ明朝","平成明朝","ヒラギノ明朝 Pro W3"}

.clr-black {color: #333!important}
.clr-white {color: #fff!important}
.clr-red {color: #ff0000!important}
.clr-test {background: aqua}
.clr-test2 {background: blue}

.border-dot {border: 1px dotted #ccc}
.border-dot-btm {border: dotted #ccc; border-width: 0 0 1px 0}
.price {color: #ff0000;font-weight: bold;font-size: 113%}

ul.ul-nonstyle li {list-style: none!important}

/*5カラム*/
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}  
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}
.col-xs-3-5 {
    width: 60%;
    float: left;
}
.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    col-sm-2-5 {
        width: 40%;
        float: left;
    }
    col-sm-3-5 {
        width: 60%;
        float: left;
    }
    col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}