/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ====
    【br_on_max_xxxx】
    *
    「br_on_max_xxxx」は画面幅がxxxで指定された値を『下回っている』間、
    表示（on）されるクラスです。
==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
.br_on_max_2000,
.br_on_max_1900,
.br_on_max_1800,
.br_on_max_1700,
.br_on_max_1600,
.br_on_max_1500,
.br_on_max_1400,
.br_on_max_1300,
.br_on_max_1200,
.br_on_max_1100,
.br_on_max_1000,
.br_on_max_900,
.br_on_max_800,
.br_on_max_700,
.br_on_max_600,
.br_on_max_500,
.br_on_max_400,
.br_on_max_375,
.br_on_max_350,
.br_on_max_300{
    display: none;
}
/*  ==== レスポンシブ（2000以下） ==== ==== ==== */
@media screen and (max-width:2000px) {
    .br_on_max_2000{ display: inline-block; }
}
/*  ==== レスポンシブ（1900以下） ==== ==== ==== */
@media screen and (max-width:1900px) {
    .br_on_max_1900{ display: inline-block; }
}
/*  ==== レスポンシブ（1800以下） ==== ==== ==== */
@media screen and (max-width:1800px) {
    .br_on_max_1800{ display: inline-block; }
}
/*  ==== レスポンシブ（1700以下） ==== ==== ==== */
@media screen and (max-width:1700px) {
    .br_on_max_1700{ display: inline-block; }
}
/*  ==== レスポンシブ（1600以下） ==== ==== ==== */
@media screen and (max-width:1600px) {
    .br_on_max_1600{ display: inline-block; }
}
/*  ==== レスポンシブ（1500以下） ==== ==== ==== */
@media screen and (max-width:1500px) {
    .br_on_max_1500{ display: inline-block; }
}
/*  ==== レスポンシブ（1400以下） ==== ==== ==== */
@media screen and (max-width:1400px) {
    .br_on_max_1400{ display: inline-block; }
}
/*  ==== レスポンシブ（ 1300以下） ==== ==== ==== */
@media screen and (max-width:1300px) {
    .br_on_max_1300{ display: inline-block; }
}
/*  ==== レスポンシブ（1200以下） ==== ==== ==== */
@media screen and (max-width:1200px) {
    .br_on_max_1200{ display: inline-block; }
}
/*  ==== レスポンシブ（1100以下） ==== ==== ==== */
@media screen and (max-width:1100px) {
    .br_on_max_1100{ display: inline-block; }
}
/*  ==== レスポンシブ（1000以下） ==== ==== ==== */
@media screen and (max-width:1000px) {
    .br_on_max_1000{ display: inline-block; }
}
/*  ==== レスポンシブ（900以下） ==== ==== ==== */
@media screen and (max-width:900px) {
    .br_on_max_900{ display: inline-block; }
}
/*  ==== レスポンシブ（800以下） ==== ==== ==== */
@media screen and (max-width:800px) {
    .br_on_max_800{ display: inline-block; }
}
/*  ==== レスポンシブ（700以下） ==== ==== ==== */
@media screen and (max-width:700px) {
    .br_on_max_700{ display: inline-block; }
}
/*  ==== レスポンシブ（600以下） ==== ==== ==== */
@media screen and (max-width:600px) {
    .br_on_max_600{ display: inline-block; }
}
/*  ==== レスポンシブ（500以下） ==== ==== ==== */
@media screen and (max-width:500px) {
    .br_on_max_500{ display: inline-block; }
}
/*  ==== レスポンシブ（400以下） ==== ==== ==== */
@media screen and (max-width:400px) {
    .br_on_max_400{ display: inline-block; }
}
/*  ==== レスポンシブ（375以下） ==== ==== ==== */
@media screen and (max-width:375px) {
    .br_on_max_375{ display: inline-block; }
}
/*  ==== レスポンシブ（350以下） ==== ==== ==== */
@media screen and (max-width:350px) {
    .br_on_max_350{ display: inline-block; }
}
/*  ==== レスポンシブ（300以下） ==== ==== ==== */
@media screen and (max-width:300px) {
    .br_on_max_300{ display: inline-block; }
}



/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ====
    【br_on_min_xxxx】
    *
    「br_on_max_xxxx」は画面幅がxxxで指定された値を『上回っている』間、
    表示（on）されるクラスです。
==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
.br_on_min_2001,
.br_on_min_1901,
.br_on_min_1801,
.br_on_min_1701,
.br_on_min_1601,
.br_on_min_1501,
.br_on_min_1401,
.br_on_min_1301,
.br_on_min_1201,
.br_on_min_1101,
.br_on_min_1001,
.br_on_min_901,
.br_on_min_801,
.br_on_min_701,
.br_on_min_601,
.br_on_min_501,
.br_on_min_401,
.br_on_min_376,
.br_on_min_350,
.br_on_min_301{
    display: none;
}
/*  ==== レスポンシブ（2000以上） ==== ==== ==== */
@media screen and (min-width:2001px) {
    .br_on_min_2001{ display: inline-block; }
}
/*  ==== レスポンシブ（1901以上） ==== ==== ==== */
@media screen and (min-width:1901px) {
    .br_on_min_1901{ display: inline-block; }
}
/*  ==== レスポンシブ（1801以上） ==== ==== ==== */
@media screen and (min-width:1801px) {
    .br_on_min_1801{ display: inline-block; }
}
/*  ==== レスポンシブ（1701以上） ==== ==== ==== */
@media screen and (min-width:1701px) {
    .br_on_min_1701{ display: inline-block; }
}
/*  ==== レスポンシブ（1601以上） ==== ==== ==== */
@media screen and (min-width:1601px) {
    .br_on_min_1601{ display: inline-block; }
}
/*  ==== レスポンシブ（ 1501以上） ==== ==== ==== */
@media screen and (min-width:1501px) {
    .br_on_min_1501{ display: inline-block; }
}
/*  ==== レスポンシブ（1401以上） ==== ==== ==== */
@media screen and (min-width:1401px) {
    .br_on_min_1401{ display: inline-block; }
}
/*  ==== レスポンシブ（1301以上） ==== ==== ==== */
@media screen and (min-width:1301px) {
    .br_on_min_1301{ display: inline-block; }
}
/*  ==== レスポンシブ（1201以上） ==== ==== ==== */
@media screen and (min-width:1201px) {
    .br_on_min_1201{ display: inline-block; }
}
/*  ==== レスポンシブ（1101以上） ==== ==== ==== */
@media screen and (min-width:1101px) {
    .br_on_min_1101{ display: inline-block; }
}
/*  ==== レスポンシブ（1001以上） ==== ==== ==== */
@media screen and (min-width:1001px) {
    .br_on_min_1001{ display: inline-block; }
}
/*  ==== レスポンシブ（901以上） ==== ==== ==== */
@media screen and (min-width:901px) {
    .br_on_min_901{ display: inline-block; }
}
/*  ==== レスポンシブ（801以上） ==== ==== ==== */
@media screen and (min-width:801px) {
    .br_on_min_801{ display: inline-block; }
}
/*  ==== レスポンシブ（701以上） ==== ==== ==== */
@media screen and (min-width:701px) {
    .br_on_min_701{ display: inline-block; }
}
/*  ==== レスポンシブ（601以上） ==== ==== ==== */
@media screen and (min-width:601px) {
    .br_on_min_601{ display: inline-block; }
}
/*  ==== レスポンシブ（501以上） ==== ==== ==== */
@media screen and (min-width:501px) {
    .br_on_min_501{ display: inline-block; }
}
/*  ==== レスポンシブ（401以上） ==== ==== ==== */
@media screen and (min-width:401px) {
    .br_on_min_401{ display: inline-block; }
}
/*  ==== レスポンシブ（376以上） ==== ==== ==== */
@media screen and (min-width:376px) {
    .br_on_min_376{ display: inline-block; }
}
/*  ==== レスポンシブ（351以上） ==== ==== ==== */
@media screen and (min-width:351px) {
    .br_on_min_351{ display: inline-block; }
}
/*  ==== レスポンシブ（301以上） ==== ==== ==== */
@media screen and (min-width:301px) {
    .br_on_min_301{ display: inline-block; }
}



/* ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ====
    【br_on_to_xxx_yyy】
    *
    「br_on_to_xxx_yyy」は画面幅が『「xxx」より小さく「yyy」より大きい』間、
    表示（on）されるクラスです。
==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== */
.br_on_2000_to_1800,
.br_on_1800_to_1600,
.br_on_1600_to_1400,
.br_on_1400_to_1200,
.br_on_1200_to_1000,
.br_on_1000_to_800,
.br_on_800_to_600,
.br_on_600_to_400,
.br_on_400_to_200{
    display: none;
}
/*  ==== レスポンシブ（2000以下 1801以上） ==== ==== ==== */
@media screen and (max-width:2000px) and (min-width:1801px) {
    .br_on_2000_to_1801{ display: inline-block; }
}
/*  ==== レスポンシブ（1800以下 1601以上） ==== ==== ==== */
@media screen and (max-width:1800px) and (min-width:1601px) {
    .br_on_1800_to_1601{ display: inline-block; }
}
/*  ==== レスポンシブ（1600以下 1401以上） ==== ==== ==== */
@media screen and (max-width:1600px) and (min-width:1401px) {
    .br_on_1600_to_1401{ display: inline-block; }
}
/*  ==== レスポンシブ（1400以下 1201以上） ==== ==== ==== */
@media screen and (max-width:1400px) and (min-width:1201px) {
    .br_on_1400_to_1201{ display: inline-block; }
}
/*  ==== レスポンシブ（1200以下 1001以上） ==== ==== ==== */
@media screen and (max-width:1200px) and (min-width:1001px) {
    .br_on_1200_to_1001{ display: inline-block; }
}
/*  ==== レスポンシブ（1000以下 801以上） ==== ==== ==== */
@media screen and (max-width:1000px) and (min-width:801px) {
    .br_on_1000_to_801{ display: inline-block; }
}
/*  ==== レスポンシブ（800以下 601以上） ==== ==== ==== */
@media screen and (max-width:800px) and (min-width:601px) {
    .br_on_800_to_601{ display: inline-block; }
}
/*  ==== レスポンシブ（600以下 401以上） ==== ==== ==== */
@media screen and (max-width:600px) and (min-width:401px) {
    .br_on_600_to_401{ display: inline-block; }
}
/*  ==== レスポンシブ（400以下 201以上） ==== ==== ==== */
@media screen and (max-width:400px) and (min-width:201px) {
    .br_on_400_to_201{ display: inline-block; }
}