@charset "utf-8";
/* --------------------------------
display関係

.pc-only-* .smp-only-* は
※下から２番目に記述あり

.clearfix
※１番下に記述あり
-------------------------------- */

.flo-non{float:none;}
.flo-lef{float:left;}
.flo-rig{float:right;}
.flo-top{float:top;}
.flo-bot{float:bottom;}

.ove-vis{overflow:visible;}
.ove-hid{overflow:hidden;}
.ove-scr{overflow:scroll;}
.ove-auto{overflow:auto;}

.dis-blo {display: block;}
.dis-inl {display: inline;}
.dis-ibl {display: inline-block;}
.dis-non {display: none;}

@media (min-width: 360px) {
    .flo-xs-non{float:none;}
    .flo-xs-lef{float:left;}
    .flo-xs-rig{float:right;}
    .flo-xs-top{float:top;}
    .flo-xs-bot{float:bottom;}

    .ove-xs-vis{overflow:visible;}
    .ove-xs-hid{overflow:hidden;}
    .ove-xs-scr{overflow:scroll;}
    .ove-xs-auto{overflow:auto;}

    .dis-xs-blo {display: block;}
    .dis-xs-inl {display: inline;}
    .dis-xs-ibl {display: inline-block;}
    .dis-xs-non {display: none;}
}


@media (min-width: 740px) {
    .flo-sm-non{float:none;}
    .flo-sm-lef{float:left;}
    .flo-sm-rig{float:right;}
    .flo-sm-top{float:top;}
    .flo-sm-bot{float:bottom;}

    .ove-sm-vis{overflow:visible;}
    .ove-sm-hid{overflow:hidden;}
    .ove-sm-scr{overflow:scroll;}
    .ove-sm-auto{overflow:auto;}

    .dis-sm-blo {display: block;}
    .dis-sm-inl {display: inline;}
    .dis-sm-ibl {display: inline-block;}
    .dis-sm-non {display: none;}
}



@media (min-width: 960px) {
    .flo-md-non{float:none;}
    .flo-md-lef{float:left;}
    .flo-md-rig{float:right;}
    .flo-md-top{float:top;}
    .flo-md-bot{float:bottom;}

    .ove-md-vis{overflow:visible;}
    .ove-md-hid{overflow:hidden;}
    .ove-md-scr{overflow:scroll;}
    .ove-md-auto{overflow:auto;}

    .dis-md-blo {display: block;}
    .dis-md-inl {display: inline;}
    .dis-md-ibl {display: inline-block;}
    .dis-md-non {display: none;}
}

@media (min-width: 1280px) {
    .flo-lg-non{float:none;}
    .flo-lg-lef{float:left;}
    .flo-lg-rig{float:right;}
    .flo-lg-top{float:top;}
    .flo-lg-bot{float:bottom;}

    .ove-lg-vis{overflow:visible;}
    .ove-lg-hid{overflow:hidden;}
    .ove-lg-scr{overflow:scroll;}
    .ove-lg-auto{overflow:auto;}

    .dis-lg-blo {display: block;}
    .dis-lg-inl {display: inline;}
    .dis-lg-ibl {display: inline-block;}
    .dis-lg-non {display: none;}
}

@media (min-width: 1600px) {
    .flo-xl-non{float:none;}
    .flo-xl-lef{float:left;}
    .flo-xl-rig{float:right;}
    .flo-xl-top{float:top;}
    .flo-xl-bot{float:bottom;}

    .ove-xl-vis{overflow:visible;}
    .ove-xl-hid{overflow:hidden;}
    .ove-xl-scr{overflow:scroll;}
    .ove-xl-auto{overflow:auto;}

    .dis-xl-blo {display: block;}
    .dis-xl-inl {display: inline;}
    .dis-xl-ibl {display: inline-block;}
    .dis-xl-non {display: none;}
}

/* スマホとPCで切り替え ここから */
@media (max-width: 739px) {
.sm-non{display: none !important;}
}

@media (max-width: 959px) {
.smp-non{display: none !important;}
.pc-only-blo,
.pc-only-inl,
.pc-only-ibl{display: none !important;}
.smp-only-blo {display: block !important;}
.smp-only-inl {display: inline !important;}
.smp-only-ibl {display: inline-block !important;}
}

@media (min-width: 960px) {
.pc-non{display: none !important;}
.pc-only-blo {display: block !important;}
.pc-only-inl {display: inline !important;}
.pc-only-ibl {display: inline-block !important;}
.smp-only-blo,
.smp-only-inl,
.smp-only-ibl{display: none !important;}
}

@media (min-width: 740px) {
.pc2-non{display: none !important;}
}
/* スマホとPCで切り替え ここまで */



/* clear  ここから */
.clearfix::before,
.clearfix::after {
content: "　";
display: block;
font-size:1px;
height: 0;
width:100%;
clear: both;
visibility: hidden;
}


@media (min-width: 740px) {
/* sm以上でclearfix */
.sm-clearfix::before,
.sm-clearfix::after {
content: "　";
display: block;
font-size:1px;
height: 0;
width:100%;
clear: both;
visibility: hidden;
}
}

/* clear ここまで */