/* IY側css */
.block-category-list-head {
  display: none;
}

.block-top-event--header {
  display: none !important;
}
.page-category .block-top-event--goods,
.page-genre .block-top-event--goods,
.page-event .block-top-event--goods {
  padding: 0;
}
/* IY側css */

/* layout.css -- 150723a.ubx */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}

div,
p,
form,
table,
pre,
code,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  border: 0;
}

img {
  max-width: none;
  /* for IE8 */
  vertical-align: middle;
}

/* Clear fix */
.cf:before,
.cf:after {
  content: ' ';
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  zoom: 1;
}

/* Box Layout */
.abs,
.l .l-abs,
.m .m-abs,
.s .s-abs {
  position: absolute;
}

.rel,
.l .l-rel,
.m .m-rel,
.s .s-rel {
  position: relative;
}

.fix,
.l .l-fix,
.m .m-fix,
.s .s-fix {
  position: fixed;
}

.fl,
.l .l-fl,
.m .m-fl,
.s .s-fl {
  float: left;
}

.fr,
.l .l-fr,
.m .m-fr,
.s .s-fr {
  float: right;
}

.ct,
.l .l-ct,
.m .m-ct,
.s .s-ct {
  margin-left: auto;
  margin-right: auto;
}

.clear,
.l .l-clear,
.m .m-clear,
.s .s-clear {
  clear: both;
}

.block,
.l .l-block,
.m .m-block,
.s .s-block {
  display: block;
}

.inline,
.l .l-inline,
.m .m-inline,
.s .s-inline {
  display: inline;
}

.ib,
.l .l-ib,
.m .m-ib,
.s .s-ib {
  display: inline-block;
  display: inline;
  zoom: 1;
}

.none,
.l .l-none,
.m .m-none,
.s .s-none {
  display: none;
}

/* Z Index */
.z0,
.l .l-z0,
.m .m-z0,
.s .s-z0 {
  z-index: 0;
}

.z1,
.l .l-z1,
.m .m-z1,
.s .s-z1 {
  z-index: 1;
}

.z2,
.l .l-z2,
.m .m-z2,
.s .s-z2 {
  z-index: 2;
}

.z3,
.l .l-z3,
.m .m-z3,
.s .s-z3 {
  z-index: 3;
}

.z4,
.l .l-z4,
.m .m-z4,
.s .s-z4 {
  z-index: 4;
}

/* Text */
.normal,
.l .l-normal,
.m .m-normal,
.s .s-normal {
  font-weight: normal;
}

.nowrap,
.l .l-nowrap,
.m .m-nowrap,
.s .s-nowrap {
  white-space: nowrap;
}

.break,
.l .l-break,
.m .m-break,
.s .s-break {
  word-wrap: break-word;
}

.bold,
.l .l-bold,
.m .m-bold,
.s .s-bold {
  font-weight: bold;
}

.italic,
.l .l-italic,
.m .m-italic,
.s .s-italic {
  font-style: italic;
}

.ul,
.l .l-ul,
.m .m-ul,
.s .s-ul {
  text-decoration: underline;
}

.strike,
.l .l-strike,
.m .m-strike,
.s .s-strike {
  text-decoration: line-through;
}

.ac,
.l .l-ac,
.m .m-ac,
.s .s-ac {
  text-align: center;
}

.al,
.l .l-al,
.m .m-al,
.s .s-al {
  text-align: left;
}

.ar,
.l .l-ar,
.m .m-ar,
.s .s-ar {
  text-align: right;
}

.just,
.l .l-just,
.m .m-just,
.s .s-just {
  text-align: justify;
}

.vat,
.l .l-vat,
.m .m-vat,
.s .s-vat {
  vertical-align: top;
}

.vam,
.l .l-vam,
.m .m-vam,
.s .s-vam {
  vertical-align: middle;
}

.vab,
.l .l-vab,
.m .m-vab,
.s .s-vab {
  vertical-align: bottom;
}

/* line-height */
.lh10,
.l .l-lh10,
.m .lh10,
.s .lh10 {
  line-height: 1;
}

.lh11,
.l .l-lh11,
.m .lh11,
.s .lh11 {
  line-height: 1.1;
}

.lh12,
.l .l-lh12,
.m .lh12,
.s .lh12 {
  line-height: 1.2;
}

.lh13,
.l .l-lh13,
.m .lh13,
.s .lh13 {
  line-height: 1.3;
}

.lh14,
.l .l-lh14,
.m .lh14,
.s .lh14 {
  line-height: 1.4;
}

.lh15,
.l .l-lh15,
.m .lh15,
.s .lh15 {
  line-height: 1.5;
}

.lh16,
.l .l-lh16,
.m .lh16,
.s .lh16 {
  line-height: 1.6;
}

/* letter-spacing */
.ls0,
.l .l-ls0,
.m .m-ls0,
.s .s-ls0 {
  letter-spacing: 0;
}

.ls8,
.l .l-ls8,
.m .m-ls8,
.s .s-ls8 {
  letter-spacing: -0.8px;
}

.ls9,
.l .l-ls9,
.m .m-ls9,
.s .s-ls9 {
  letter-spacing: -0.9px;
}

.ls10,
.l .l-ls10,
.m .m-ls10,
.s .s-ls10 {
  letter-spacing: -1px;
}

.ls11,
.l .l-ls11,
.m .m-ls11,
.s .s-ls11 {
  letter-spacing: -1.1px;
}

.ls12,
.l .l-ls12,
.m .m-ls12,
.s .s-ls12 {
  letter-spacing: -1.2px;
}

.ls13,
.l .l-ls13,
.m .m-ls13,
.s .s-ls13 {
  letter-spacing: -1.3px;
}

.ls14,
.l .l-ls14,
.m .m-ls14,
.s .s-ls14 {
  letter-spacing: -1.4px;
}

.ls15,
.l .l-ls15,
.m .m-ls15,
.s .s-ls15 {
  letter-spacing: -1.5px;
}

.ls16,
.l .l-ls16,
.m .m-ls16,
.s .s-ls16 {
  letter-spacing: -1.6px;
}

.ls18,
.l .l-ls18,
.m .m-ls18,
.s .s-ls18 {
  letter-spacing: -1.8px;
}

.ls20,
.l .l-ls20,
.m .m-ls20,
.s .s-ls20 {
  letter-spacing: -2px;
}

/* Font Size */
.fs6,
l .l-fs6,
.m .m-fs6,
.s .s-fs6 {
  font-size: 6px;
  font-size: 0.6rem;
}

.fs7,
l .l-fs7,
.m .m-fs7,
.s .s-fs7 {
  font-size: 7px;
  font-size: 0.7rem;
}

.fs8,
l .l-fs8,
.m .m-fs8,
.s .s-fs8 {
  font-size: 8px;
  font-size: 0.8rem;
}

.fs9,
l .l-fs9,
.m .m-fs9,
.s .s-fs9 {
  font-size: 9px;
  font-size: 0.9rem;
}

.fs10,
l .l-fs10,
.m .m-fs10,
.s .s-fs10 {
  font-size: 10px;
  font-size: 1rem;
}

.fs11,
l .l-fs11,
.m .m-fs11,
.s .s-fs11 {
  font-size: 11px;
  font-size: 1.1rem;
}

.fs12,
l .l-fs12,
.m .m-fs12,
.s .s-fs12 {
  font-size: 12px;
  font-size: 1.2rem;
}

.fs13,
l .l-fs13,
.m .m-fs13,
.s .s-fs13 {
  font-size: 13px;
  font-size: 1.3rem;
}

.fs14,
l .l-fs14,
.m .m-fs14,
.s .s-fs14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.fs15,
l .l-fs15,
.m .m-fs15,
.s .s-fs15 {
  font-size: 15px;
  font-size: 1.5rem;
}

.fs16,
l .l-fs16,
.m .m-fs16,
.s .s-fs16 {
  font-size: 16px;
  font-size: 1.6rem;
}

.fs17,
l .l-fs17,
.m .m-fs17,
.s .s-fs17 {
  font-size: 17px;
  font-size: 1.7rem;
}

.fs18,
l .l-fs18,
.m .m-fs18,
.s .s-fs18 {
  font-size: 18px;
  font-size: 1.8rem;
}

.fs19,
l .l-fs19,
.m .m-fs19,
.s .s-fs19 {
  font-size: 19px;
  font-size: 1.9rem;
}

.fs20,
l .l-fs20,
.m .m-fs20,
.s .s-fs20 {
  font-size: 20px;
  font-size: 2rem;
}

.fs22,
l .l-fs22,
.m .m-fs22,
.s .s-fs22 {
  font-size: 22px;
  font-size: 2.2rem;
}

.fs24,
l .l-fs24,
.m .m-fs24,
.s .s-fs24 {
  font-size: 24px;
  font-size: 2.4rem;
}

.fs26,
l .l-fs26,
.m .m-fs26,
.s .s-fs26 {
  font-size: 26px;
  font-size: 2.6rem;
}

.fs28,
l .l-fs28,
.m .m-fs28,
.s .s-fs28 {
  font-size: 28px;
  font-size: 2.8rem;
}

.fs30,
l .l-fs30,
.m .m-fs30,
.s .s-fs30 {
  font-size: 30px;
  font-size: 3rem;
}

.fs32,
l .l-fs32,
.m .m-fs32,
.s .s-fs32 {
  font-size: 32px;
  font-size: 3.2rem;
}

.fs34,
l .l-fs34,
.m .m-fs34,
.s .s-fs34 {
  font-size: 34px;
  font-size: 3.4rem;
}

.fs36,
l .l-fs36,
.m .m-fs36,
.s .s-fs36 {
  font-size: 36px;
  font-size: 3.6rem;
}

.fs38,
l .l-fs38,
.m .m-fs38,
.s .s-fs38 {
  font-size: 38px;
  font-size: 3.8rem;
}

.fs40,
l .l-fs40,
.m .m-fs40,
.s .s-fs40 {
  font-size: 40px;
  font-size: 4rem;
}

.fs42,
l .l-fs42,
.m .m-fs42,
.s .s-fs42 {
  font-size: 42px;
  font-size: 4.2rem;
}

.fs44,
l .l-fs44,
.m .m-fs44,
.s .s-fs44 {
  font-size: 44px;
  font-size: 4.4rem;
}

.fs46,
l .l-fs46,
.m .m-fs46,
.s .s-fs46 {
  font-size: 46px;
  font-size: 4.6rem;
}

.fs48,
l .l-fs48,
.m .m-fs48,
.s .s-fs48 {
  font-size: 48px;
  font-size: 4.8rem;
}

.fs50,
l .l-fs50,
.m .m-fs50,
.s .s-fs50 {
  font-size: 50px;
  font-size: 5rem;
}

.fs52,
l .l-fs52,
.m .m-fs52,
.s .s-fs52 {
  font-size: 52px;
  font-size: 5.2rem;
}

.fs56,
l .l-fs56,
.m .m-fs56,
.s .s-fs56 {
  font-size: 56px;
  font-size: 5.6rem;
}

.fs60,
l .l-fs60,
.m .m-fs60,
.s .s-fs60 {
  font-size: 60px;
  font-size: 6rem;
}

.fs64,
l .l-fs64,
.m .m-fs64,
.s .s-fs64 {
  font-size: 64px;
  font-size: 6.4rem;
}

.fs72,
l .l-fs72,
.m .m-fs72,
.s .s-fs72 {
  font-size: 72px;
  font-size: 7.2rem;
}

/* Width by Percents */
.p10,
.l .l-p10,
.m .m-p10,
.s .s-p10 {
  width: 10%;
}

.p12,
.l .l-p12,
.m .m-p12,
.s .s-p12 {
  width: 12.5%;
}

/* 1/8 */
.p16,
.l .l-p16,
.m .m-p16,
.s .s-p16 {
  width: 16.66666667%;
}

/* 1/6 */
.p20,
.l .l-p20,
.m .m-p20,
.s .s-p20 {
  width: 20%;
}

.p25,
.l .l-p25,
.m .m-p25,
.s .s-p25 {
  width: 25%;
}

.p30,
.l .l-p30,
.m .m-p30,
.s .s-p30 {
  width: 30%;
}

.p33,
.l .l-p33,
.m .m-p33,
.s .s-p33 {
  width: 33.33333333%;
}

/* 1/3 */
.p40,
.l .l-p40,
.m .m-p40,
.s .s-p40 {
  width: 40%;
}

.p50,
.l .l-p50,
.m .m-p50,
.s .s-p50 {
  width: 50%;
}

.p60,
.l .l-p60,
.m .m-p60,
.s .s-p60 {
  width: 60%;
}

.p66,
.l .l-p66,
.m .m-p66,
.s .s-p66 {
  width: 66.66666667%;
}

/* 2/3 */
.p70,
.l .l-p70,
.m .m-p70,
.s .s-p70 {
  width: 70%;
}

.p75,
.l .l-p75,
.m .m-p75,
.s .s-p75 {
  width: 75%;
}

.p80,
.l .l-p80,
.m .m-p80,
.s .s-p80 {
  width: 80%;
}

.p83,
.l .l-p83,
.m .m-p83,
.s .s-p83 {
  width: 83.44444444%;
}

/* 5/6 */
.p87,
.l .l-p87,
.m .m-p87,
.s .s-p87 {
  width: 87.5%;
}

/* 7/8 */
.p90,
.l .l-p90,
.m .m-p90,
.s .s-p90 {
  width: 90%;
}

.p100,
.l .l-p100,
.m .m-p100,
.s .s-p100 {
  width: 100%;
}

/* Margin */
.mt0,
.l .l-mt0,
.m .m-mt0,
.s .s-mt0 {
  margin-top: 0px;
}

.mt1,
.l .l-mt1,
.m .m-mt1,
.s .s-mt1 {
  margin-top: 1px;
}

.mt2,
.l .l-mt2,
.m .m-mt2,
.s .s-mt2 {
  margin-top: 2px;
}

.mt3,
.l .l-mt3,
.m .m-mt3,
.s .s-mt3 {
  margin-top: 3px;
}

.mt4,
.l .l-mt4,
.m .m-mt4,
.s .s-mt4 {
  margin-top: 4px;
}

.mt5,
.l .l-mt5,
.m .m-mt5,
.s .s-mt5 {
  margin-top: 5px;
}

.mt6,
.l .l-mt6,
.m .m-mt6,
.s .s-mt6 {
  margin-top: 6px;
}

.mt7,
.l .l-mt7,
.m .m-mt7,
.s .s-mt7 {
  margin-top: 7px;
}

.mt8,
.l .l-mt8,
.m .m-mt8,
.s .s-mt8 {
  margin-top: 8px;
}

.mt9,
.l .l-mt9,
.m .m-mt9,
.s .s-mt9 {
  margin-top: 9px;
}

.mt10,
.l .l-mt10,
.m .m-mt10,
.s .s-mt10 {
  margin-top: 10px;
}

.mt15,
.l .l-mt15,
.m .m-mt15,
.s .s-mt15 {
  margin-top: 15px;
}

.mt20,
.l .l-mt20,
.m .m-mt20,
.s .s-mt20 {
  margin-top: 20px;
}

.mt25,
.l .l-mt25,
.m .m-mt25,
.s .s-mt25 {
  margin-top: 25px;
}

.mt30,
.l .l-mt30,
.m .m-mt30,
.s .s-mt30 {
  margin-top: 30px;
}

.mt35,
.l .l-mt35,
.m .m-mt35,
.s .s-mt35 {
  margin-top: 35px;
}

.mt40,
.l .l-mt40,
.m .m-mt40,
.s .s-mt40 {
  margin-top: 40px;
}

.mt45,
.l .l-mt45,
.m .m-mt45,
.s .s-mt45 {
  margin-top: 45px;
}

.mt50,
.l .l-mt50,
.m .m-mt50,
.s .s-mt50 {
  margin-top: 50px;
}

.mt60,
.l .l-mt60,
.m .m-mt60,
.s .s-mt60 {
  margin-top: 60px;
}

.mt70,
.l .l-mt70,
.m .m-mt70,
.s .s-mt70 {
  margin-top: 70px;
}

.mt80,
.l .l-mt80,
.m .m-mt80,
.s .s-mt80 {
  margin-top: 80px;
}

.mt90,
.l .l-mt90,
.m .m-mt90,
.s .s-mt90 {
  margin-top: 90px;
}

.mt100,
.l .l-mt100,
.m .m-mt100,
.s .s-mt100 {
  margin-top: 100px;
}

.mt120,
.l .l-mt120,
.m .m-mt120,
.s .s-mt120 {
  margin-top: 120px;
}

.mt140,
.l .l-mt140,
.m .m-mt140,
.s .s-mt140 {
  margin-top: 140px;
}

.mt160,
.l .l-mt160,
.m .m-mt160,
.s .s-mt160 {
  margin-top: 160px;
}

.mt180,
.l .l-mt180,
.m .m-mt180,
.s .s-mt180 {
  margin-top: 180px;
}

.mt200,
.l .l-mt200,
.m .m-mt200,
.s .s-mt200 {
  margin-top: 200px;
}

.mb0,
.l .l-mb0,
.m .m-mb0,
.s .s-mb0 {
  margin-bottom: 0px;
}

.mb1,
.l .l-mb1,
.m .m-mb1,
.s .s-mb1 {
  margin-bottom: 1px;
}

.mb2,
.l .l-mb2,
.m .m-mb2,
.s .s-mb2 {
  margin-bottom: 2px;
}

.mb3,
.l .l-mb3,
.m .m-mb3,
.s .s-mb3 {
  margin-bottom: 3px;
}

.mb4,
.l .l-mb4,
.m .m-mb4,
.s .s-mb4 {
  margin-bottom: 4px;
}

.mb5,
.l .l-mb5,
.m .m-mb5,
.s .s-mb5 {
  margin-bottom: 5px;
}

.mb6,
.l .l-mb6,
.m .m-mb6,
.s .s-mb6 {
  margin-bottom: 6px;
}

.mb7,
.l .l-mb7,
.m .m-mb7,
.s .s-mb7 {
  margin-bottom: 7px;
}

.mb8,
.l .l-mb8,
.m .m-mb8,
.s .s-mb8 {
  margin-bottom: 8px;
}

.mb9,
.l .l-mb9,
.m .m-mb9,
.s .s-mb9 {
  margin-bottom: 9px;
}

.mb10,
.l .l-mb10,
.m .m-mb10,
.s .s-mb10 {
  margin-bottom: 10px;
}

.mb15,
.l .l-mb15,
.m .m-mb15,
.s .s-mb15 {
  margin-bottom: 15px;
}

.mb20,
.l .l-mb20,
.m .m-mb20,
.s .s-mb20 {
  margin-bottom: 20px;
}

.mb25,
.l .l-mb25,
.m .m-mb25,
.s .s-mb25 {
  margin-bottom: 25px;
}

.mb30,
.l .l-mb30,
.m .m-mb30,
.s .s-mb30 {
  margin-bottom: 30px;
}

.mb35,
.l .l-mb35,
.m .m-mb35,
.s .s-mb35 {
  margin-bottom: 35px;
}

.mb40,
.l .l-mb40,
.m .m-mb40,
.s .s-mb40 {
  margin-bottom: 40px;
}

.mb45,
.l .l-mb45,
.m .m-mb45,
.s .s-mb45 {
  margin-bottom: 45px;
}

.mb50,
.l .l-mb50,
.m .m-mb50,
.s .s-mb50 {
  margin-bottom: 50px;
}

.mb60,
.l .l-mb60,
.m .m-mb60,
.s .s-mb60 {
  margin-bottom: 60px;
}

.mb70,
.l .l-mb70,
.m .m-mb70,
.s .s-mb70 {
  margin-bottom: 70px;
}

.mb80,
.l .l-mb80,
.m .m-mb80,
.s .s-mb80 {
  margin-bottom: 80px;
}

.mb90,
.l .l-mb90,
.m .m-mb90,
.s .s-mb90 {
  margin-bottom: 90px;
}

.mb100,
.l .l-mb100,
.m .m-mb100,
.s .s-mb100 {
  margin-bottom: 100px;
}

.mb120,
.l .l-mb120,
.m .m-mb120,
.s .s-mb120 {
  margin-bottom: 120px;
}

.mb140,
.l .l-mb140,
.m .m-mb140,
.s .s-mb140 {
  margin-bottom: 140px;
}

.mb160,
.l .l-mb160,
.m .m-mb160,
.s .s-mb160 {
  margin-bottom: 160px;
}

.mb180,
.l .l-mb180,
.m .m-mb180,
.s .s-mb180 {
  margin-bottom: 180px;
}

.mb200,
.l .l-mb200,
.m .m-mb200,
.s .s-mb200 {
  margin-bottom: 200px;
}

.ml0,
.l .l-ml0,
.m .m-ml0,
.s .s-ml0 {
  margin-left: 0px;
}

.ml1,
.l .l-ml1,
.m .m-ml1,
.s .s-ml1 {
  margin-left: 1px;
}

.ml2,
.l .l-ml2,
.m .m-ml2,
.s .s-ml2 {
  margin-left: 2px;
}

.ml3,
.l .l-ml3,
.m .m-ml3,
.s .s-ml3 {
  margin-left: 3px;
}

.ml4,
.l .l-ml4,
.m .m-ml4,
.s .s-ml4 {
  margin-left: 4px;
}

.ml5,
.l .l-ml5,
.m .m-ml5,
.s .s-ml5 {
  margin-left: 5px;
}

.ml6,
.l .l-ml6,
.m .m-ml6,
.s .s-ml6 {
  margin-left: 6px;
}

.ml7,
.l .l-ml7,
.m .m-ml7,
.s .s-ml7 {
  margin-left: 7px;
}

.ml8,
.l .l-ml8,
.m .m-ml8,
.s .s-ml8 {
  margin-left: 8px;
}

.ml9,
.l .l-ml9,
.m .m-ml9,
.s .s-ml9 {
  margin-left: 9px;
}

.ml10,
.l .l-ml10,
.m .m-ml10,
.s .s-ml10 {
  margin-left: 10px;
}

.ml15,
.l .l-ml15,
.m .m-ml15,
.s .s-ml15 {
  margin-left: 15px;
}

.ml20,
.l .l-ml20,
.m .m-ml20,
.s .s-ml20 {
  margin-left: 20px;
}

.ml25,
.l .l-ml25,
.m .m-ml25,
.s .s-ml25 {
  margin-left: 25px;
}

.ml30,
.l .l-ml30,
.m .m-ml30,
.s .s-ml30 {
  margin-left: 30px;
}

.ml35,
.l .l-ml35,
.m .m-ml35,
.s .s-ml35 {
  margin-left: 35px;
}

.ml40,
.l .l-ml40,
.m .m-ml40,
.s .s-ml40 {
  margin-left: 40px;
}

.ml45,
.l .l-ml45,
.m .m-ml45,
.s .s-ml45 {
  margin-left: 45px;
}

.ml50,
.l .l-ml50,
.m .m-ml50,
.s .s-ml50 {
  margin-left: 50px;
}

.ml60,
.l .l-ml60,
.m .m-ml60,
.s .s-ml60 {
  margin-left: 60px;
}

.ml70,
.l .l-ml70,
.m .m-ml70,
.s .s-ml70 {
  margin-left: 70px;
}

.ml80,
.l .l-ml80,
.m .m-ml80,
.s .s-ml80 {
  margin-left: 80px;
}

.ml90,
.l .l-ml90,
.m .m-ml90,
.s .s-ml90 {
  margin-left: 90px;
}

.ml100,
.l .l-ml100,
.m .m-ml100,
.s .s-ml100 {
  margin-left: 100px;
}

.ml120,
.l .l-ml120,
.m .m-ml120,
.s .s-ml120 {
  margin-left: 120px;
}

.ml140,
.l .l-ml140,
.m .m-ml140,
.s .s-ml140 {
  margin-left: 140px;
}

.ml160,
.l .l-ml160,
.m .m-ml160,
.s .s-ml160 {
  margin-left: 160px;
}

.ml180,
.l .l-ml180,
.m .m-ml180,
.s .s-ml180 {
  margin-left: 180px;
}

.ml200,
.l .l-ml200,
.m .m-ml200,
.s .s-ml200 {
  margin-left: 200px;
}

.mr0,
.l .l-mr0,
.m .m-mr0,
.s .s-mr0 {
  margin-right: 0px;
}

.mr1,
.l .l-mr1,
.m .m-mr1,
.s .s-mr1 {
  margin-right: 1px;
}

.mr2,
.l .l-mr2,
.m .m-mr2,
.s .s-mr2 {
  margin-right: 2px;
}

.mr3,
.l .l-mr3,
.m .m-mr3,
.s .s-mr3 {
  margin-right: 3px;
}

.mr4,
.l .l-mr4,
.m .m-mr4,
.s .s-mr4 {
  margin-right: 4px;
}

.mr5,
.l .l-mr5,
.m .m-mr5,
.s .s-mr5 {
  margin-right: 5px;
}

.mr6,
.l .l-mr6,
.m .m-mr6,
.s .s-mr6 {
  margin-right: 6px;
}

.mr7,
.l .l-mr7,
.m .m-mr7,
.s .s-mr7 {
  margin-right: 7px;
}

.mr8,
.l .l-mr8,
.m .m-mr8,
.s .s-mr8 {
  margin-right: 8px;
}

.mr9,
.l .l-mr9,
.m .m-mr9,
.s .s-mr9 {
  margin-right: 9px;
}

.mr10,
.l .l-mr10,
.m .m-mr10,
.s .s-mr10 {
  margin-right: 10px;
}

.mr15,
.l .l-mr15,
.m .m-mr15,
.s .s-mr15 {
  margin-right: 15px;
}

.mr20,
.l .l-mr20,
.m .m-mr20,
.s .s-mr20 {
  margin-right: 20px;
}

.mr25,
.l .l-mr25,
.m .m-mr25,
.s .s-mr25 {
  margin-right: 25px;
}

.mr30,
.l .l-mr30,
.m .m-mr30,
.s .s-mr30 {
  margin-right: 30px;
}

.mr35,
.l .l-mr35,
.m .m-mr35,
.s .s-mr35 {
  margin-right: 35px;
}

.mr40,
.l .l-mr40,
.m .m-mr40,
.s .s-mr40 {
  margin-right: 40px;
}

.mr45,
.l .l-mr45,
.m .m-mr45,
.s .s-mr45 {
  margin-right: 45px;
}

.mr50,
.l .l-mr50,
.m .m-mr50,
.s .s-mr50 {
  margin-right: 50px;
}

.mr60,
.l .l-mr60,
.m .m-mr60,
.s .s-mr60 {
  margin-right: 60px;
}

.mr70,
.l .l-mr70,
.m .m-mr70,
.s .s-mr70 {
  margin-right: 70px;
}

.mr80,
.l .l-mr80,
.m .m-mr80,
.s .s-mr80 {
  margin-right: 80px;
}

.mr90,
.l .l-mr90,
.m .m-mr90,
.s .s-mr90 {
  margin-right: 90px;
}

.mr100,
.l .l-mr100,
.m .m-mr100,
.s .s-mr100 {
  margin-right: 100px;
}

.mr120,
.l .l-mr120,
.m .m-mr120,
.s .s-mr120 {
  margin-right: 120px;
}

.mr140,
.l .l-mr140,
.m .m-mr140,
.s .s-mr140 {
  margin-right: 140px;
}

.mr160,
.l .l-mr160,
.m .m-mr160,
.s .s-mr160 {
  margin-right: 160px;
}

.mr180,
.l .l-mr180,
.m .m-mr180,
.s .s-mr180 {
  margin-right: 180px;
}

.mr200,
.l .l-mr200,
.m .m-mr200,
.s .s-mr200 {
  margin-right: 200px;
}

.mh0,
.l .l-mh0,
.m .m-mh0,
.s .s-mh0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mh1,
.l .l-mh1,
.m .m-mh1,
.s .s-mh1 {
  margin-left: 1px;
  margin-right: 1px;
}

.mh2,
.l .l-mh2,
.m .m-mh2,
.s .s-mh2 {
  margin-left: 2px;
  margin-right: 2px;
}

.mh3,
.l .l-mh3,
.m .m-mh3,
.s .s-mh3 {
  margin-left: 3px;
  margin-right: 3px;
}

.mh4,
.l .l-mh4,
.m .m-mh4,
.s .s-mh4 {
  margin-left: 4px;
  margin-right: 4px;
}

.mh5,
.l .l-mh5,
.m .m-mh5,
.s .s-mh5 {
  margin-left: 5px;
  margin-right: 5px;
}

.mh6,
.l .l-mh6,
.m .m-mh6,
.s .s-mh6 {
  margin-left: 6px;
  margin-right: 6px;
}

.mh7,
.l .l-mh7,
.m .m-mh7,
.s .s-mh7 {
  margin-left: 7px;
  margin-right: 7px;
}

.mh8,
.l .l-mh8,
.m .m-mh8,
.s .s-mh8 {
  margin-left: 8px;
  margin-right: 8px;
}

.mh9,
.l .l-mh9,
.m .m-mh9,
.s .s-mh9 {
  margin-left: 9px;
  margin-right: 9px;
}

.mh10,
.l .l-mh10,
.m .m-mh10,
.s .s-mh10 {
  margin-left: 10px;
  margin-right: 10px;
}

.mh15,
.l .l-mh15,
.m .m-mh15,
.s .s-mh15 {
  margin-left: 15px;
  margin-right: 15px;
}

.mh20,
.l .l-mh20,
.m .m-mh20,
.s .s-mh20 {
  margin-left: 20px;
  margin-right: 20px;
}

.mh25,
.l .l-mh25,
.m .m-mh25,
.s .s-mh25 {
  margin-left: 25px;
  margin-right: 25px;
}

.mh30,
.l .l-mh30,
.m .m-mh30,
.s .s-mh30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mh35,
.l .l-mh35,
.m .m-mh35,
.s .s-mh35 {
  margin-left: 35px;
  margin-right: 35px;
}

.mh40,
.l .l-mh40,
.m .m-mh40,
.s .s-mh40 {
  margin-left: 40px;
  margin-right: 40px;
}

.mh45,
.l .l-mh45,
.m .m-mh45,
.s .s-mh45 {
  margin-left: 45px;
  margin-right: 45px;
}

.mh50,
.l .l-mh50,
.m .m-mh50,
.s .s-mh50 {
  margin-left: 50px;
  margin-right: 50px;
}

.mh60,
.l .l-mh60,
.m .m-mh60,
.s .s-mh60 {
  margin-left: 60px;
  margin-right: 60px;
}

.mh70,
.l .l-mh70,
.m .m-mh70,
.s .s-mh70 {
  margin-left: 70px;
  margin-right: 70px;
}

.mh80,
.l .l-mh80,
.m .m-mh80,
.s .s-mh80 {
  margin-left: 80px;
  margin-right: 80px;
}

.mh90,
.l .l-mh90,
.m .m-mh90,
.s .s-mh90 {
  margin-left: 90px;
  margin-right: 90px;
}

.mh100,
.l .l-mh100,
.m .m-mh100,
.s .s-mh100 {
  margin-left: 100px;
  margin-right: 100px;
}

.mh120,
.l .l-mh120,
.m .m-mh120,
.s .s-mh120 {
  margin-left: 120px;
  margin-right: 120px;
}

.mh140,
.l .l-mh140,
.m .m-mh140,
.s .s-mh140 {
  margin-left: 140px;
  margin-right: 140px;
}

.mh160,
.l .l-mh160,
.m .m-mh160,
.s .s-mh160 {
  margin-left: 160px;
  margin-right: 160px;
}

.mh180,
.l .l-mh180,
.m .m-mh180,
.s .s-mh180 {
  margin-left: 180px;
  margin-right: 180px;
}

.mh200,
.l .l-mh200,
.m .m-mh200,
.s .s-mh200 {
  margin-left: 200px;
  margin-right: 200px;
}

.mv0,
.l .l-mv0,
.m .m-mv0,
.s .s-mv0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mv1,
.l .l-mv1,
.m .m-mv1,
.s .s-mv1 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.mv2,
.l .l-mv2,
.m .m-mv2,
.s .s-mv2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.mv3,
.l .l-mv3,
.m .m-mv3,
.s .s-mv3 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.mv4,
.l .l-mv4,
.m .m-mv4,
.s .s-mv4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.mv5,
.l .l-mv5,
.m .m-mv5,
.s .s-mv5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mv6,
.l .l-mv6,
.m .m-mv6,
.s .s-mv6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.mv7,
.l .l-mv7,
.m .m-mv7,
.s .s-mv7 {
  margin-top: 7px;
  margin-bottom: 7px;
}

.mv8,
.l .l-mv8,
.m .m-mv8,
.s .s-mv8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mv9,
.l .l-mv9,
.m .m-mv9,
.s .s-mv9 {
  margin-top: 9px;
  margin-bottom: 9px;
}

.mv10,
.l .l-mv10,
.m .m-mv10,
.s .s-mv10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mv15,
.l .l-mv15,
.m .m-mv15,
.s .s-mv15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mv20,
.l .l-mv20,
.m .m-mv20,
.s .s-mv20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mv25,
.l .l-mv25,
.m .m-mv25,
.s .s-mv25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mv30,
.l .l-mv30,
.m .m-mv30,
.s .s-mv30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mv35,
.l .l-mv35,
.m .m-mv35,
.s .s-mv35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mv40,
.l .l-mv40,
.m .m-mv40,
.s .s-mv40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mv45,
.l .l-mv45,
.m .m-mv45,
.s .s-mv45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mv50,
.l .l-mv50,
.m .m-mv50,
.s .s-mv50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mv60,
.l .l-mv60,
.m .m-mv60,
.s .s-mv60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mv70,
.l .l-mv70,
.m .m-mv70,
.s .s-mv70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mv80,
.l .l-mv80,
.m .m-mv80,
.s .s-mv80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mv90,
.l .l-mv90,
.m .m-mv90,
.s .s-mv90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mv100,
.l .l-mv100,
.m .m-mv100,
.s .s-mv100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mv120,
.l .l-mv120,
.m .m-mv120,
.s .s-mv120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mv140,
.l .l-mv140,
.m .m-mv140,
.s .s-mv140 {
  margin-top: 140px;
  margin-bottom: 140px;
}

.mv160,
.l .l-mv160,
.m .m-mv160,
.s .s-mv160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.mv180,
.l .l-mv180,
.m .m-mv180,
.s .s-mv180 {
  margin-top: 180px;
  margin-bottom: 180px;
}

.mv200,
.l .l-mv200,
.m .m-mv200,
.s .s-mv200 {
  margin-top: 200px;
  margin-bottom: 200px;
}

/* Negative Margin */
.nl0,
.l .l-nl0,
.m .m-nl0,
.s .s-nl0 {
  margin-left: -0px;
}

.nl1,
.l .l-nl1,
.m .m-nl1,
.s .s-nl1 {
  margin-left: -1px;
}

.nl2,
.l .l-nl2,
.m .m-nl2,
.s .s-nl2 {
  margin-left: -2px;
}

.nl3,
.l .l-nl3,
.m .m-nl3,
.s .s-nl3 {
  margin-left: -3px;
}

.nl4,
.l .l-nl4,
.m .m-nl4,
.s .s-nl4 {
  margin-left: -4px;
}

.nl5,
.l .l-nl5,
.m .m-nl5,
.s .s-nl5 {
  margin-left: -5px;
}

.nl6,
.l .l-nl6,
.m .m-nl6,
.s .s-nl6 {
  margin-left: -6px;
}

.nl7,
.l .l-nl7,
.m .m-nl7,
.s .s-nl7 {
  margin-left: -7px;
}

.nl8,
.l .l-nl8,
.m .m-nl8,
.s .s-nl8 {
  margin-left: -8px;
}

.nl9,
.l .l-nl9,
.m .m-nl9,
.s .s-nl9 {
  margin-left: -9px;
}

.nl10,
.l .l-nl10,
.m .m-nl10,
.s .s-nl10 {
  margin-left: -10px;
}

.nl15,
.l .l-nl15,
.m .m-nl15,
.s .s-nl15 {
  margin-left: -15px;
}

.nl20,
.l .l-nl20,
.m .m-nl20,
.s .s-nl20 {
  margin-left: -20px;
}

.nl25,
.l .l-nl25,
.m .m-nl25,
.s .s-nl25 {
  margin-left: -25px;
}

.nl30,
.l .l-nl30,
.m .m-nl30,
.s .s-nl30 {
  margin-left: -30px;
}

.nl35,
.l .l-nl35,
.m .m-nl35,
.s .s-nl35 {
  margin-left: -35px;
}

.nl40,
.l .l-nl40,
.m .m-nl40,
.s .s-nl40 {
  margin-left: -40px;
}

.nr0,
.l .l-nr0,
.m .m-nr0,
.s .s-nr0 {
  margin-right: -0px;
}

.nr1,
.l .l-nr1,
.m .m-nr1,
.s .s-nr1 {
  margin-right: -1px;
}

.nr2,
.l .l-nr2,
.m .m-nr2,
.s .s-nr2 {
  margin-right: -2px;
}

.nr3,
.l .l-nr3,
.m .m-nr3,
.s .s-nr3 {
  margin-right: -3px;
}

.nr4,
.l .l-nr4,
.m .m-nr4,
.s .s-nr4 {
  margin-right: -4px;
}

.nr5,
.l .l-nr5,
.m .m-nr5,
.s .s-nr5 {
  margin-right: -5px;
}

.nr6,
.l .l-nr6,
.m .m-nr6,
.s .s-nr6 {
  margin-right: -6px;
}

.nr7,
.l .l-nr7,
.m .m-nr7,
.s .s-nr7 {
  margin-right: -7px;
}

.nr8,
.l .l-nr8,
.m .m-nr8,
.s .s-nr8 {
  margin-right: -8px;
}

.nr9,
.l .l-nr9,
.m .m-nr9,
.s .s-nr9 {
  margin-right: -9px;
}

.nr10,
.l .l-nr10,
.m .m-nr10,
.s .s-nr10 {
  margin-right: -10px;
}

.nr15,
.l .l-nr15,
.m .m-nr15,
.s .s-nr15 {
  margin-right: -15px;
}

.nr20,
.l .l-nr20,
.m .m-nr20,
.s .s-nr20 {
  margin-right: -20px;
}

.nr25,
.l .l-nr25,
.m .m-nr25,
.s .s-nr25 {
  margin-right: -25px;
}

.nr30,
.l .l-nr30,
.m .m-nr30,
.s .s-nr30 {
  margin-right: -30px;
}

.nr35,
.l .l-nr35,
.m .m-nr35,
.s .s-nr35 {
  margin-right: -35px;
}

.nr40,
.l .l-nr40,
.m .m-nr40,
.s .s-nr40 {
  margin-right: -40px;
}

.nh0,
.l .l-nh0,
.m .m-nh0,
.s .s-nh0 {
  margin-left: -0px;
  margin-right: -0px;
}

.nh1,
.l .l-nh1,
.m .m-nh1,
.s .s-nh1 {
  margin-left: -1px;
  margin-right: -1px;
}

.nh2,
.l .l-nh2,
.m .m-nh2,
.s .s-nh2 {
  margin-left: -2px;
  margin-right: -2px;
}

.nh3,
.l .l-nh3,
.m .m-nh3,
.s .s-nh3 {
  margin-left: -3px;
  margin-right: -3px;
}

.nh4,
.l .l-nh4,
.m .m-nh4,
.s .s-nh4 {
  margin-left: -4px;
  margin-right: -4px;
}

.nh5,
.l .l-nh5,
.m .m-nh5,
.s .s-nh5 {
  margin-left: -5px;
  margin-right: -5px;
}

.nh6,
.l .l-nh6,
.m .m-nh6,
.s .s-nh6 {
  margin-left: -6px;
  margin-right: -6px;
}

.nh7,
.l .l-nh7,
.m .m-nh7,
.s .s-nh7 {
  margin-left: -7px;
  margin-right: -7px;
}

.nh8,
.l .l-nh8,
.m .m-nh8,
.s .s-nh8 {
  margin-left: -8px;
  margin-right: -8px;
}

.nh9,
.l .l-nh9,
.m .m-nh9,
.s .s-nh9 {
  margin-left: -9px;
  margin-right: -9px;
}

.nh10,
.l .l-nh10,
.m .m-nh10,
.s .s-nh10 {
  margin-left: -10px;
  margin-right: -10px;
}

.nh15,
.l .l-nh15,
.m .m-nh15,
.s .s-nh15 {
  margin-left: -15px;
  margin-right: -15px;
}

.nh20,
.l .l-nh20,
.m .m-nh20,
.s .s-nh20 {
  margin-left: -20px;
  margin-right: -20px;
}

.nh25,
.l .l-nh25,
.m .m-nh25,
.s .s-nh25 {
  margin-left: -25px;
  margin-right: -25px;
}

.nh30,
.l .l-nh30,
.m .m-nh30,
.s .s-nh30 {
  margin-left: -30px;
  margin-right: -30px;
}

.nh35,
.l .l-nh35,
.m .m-nh35,
.s .s-nh35 {
  margin-left: -35px;
  margin-right: -35px;
}

.nh40,
.l .l-nh40,
.m .m-nh40,
.s .s-nh40 {
  margin-left: -40px;
  margin-right: -40px;
}

.nt0,
.l .l-nt0,
.m .m-nt0,
.s .s-nt0 {
  margin-top: -0px;
}

.nt1,
.l .l-nt1,
.m .m-nt1,
.s .s-nt1 {
  margin-top: -1px;
}

.nt2,
.l .l-nt2,
.m .m-nt2,
.s .s-nt2 {
  margin-top: -2px;
}

.nt3,
.l .l-nt3,
.m .m-nt3,
.s .s-nt3 {
  margin-top: -3px;
}

.nt4,
.l .l-nt4,
.m .m-nt4,
.s .s-nt4 {
  margin-top: -4px;
}

.nt5,
.l .l-nt5,
.m .m-nt5,
.s .s-nt5 {
  margin-top: -5px;
}

.nt6,
.l .l-nt6,
.m .m-nt6,
.s .s-nt6 {
  margin-top: -6px;
}

.nt7,
.l .l-nt7,
.m .m-nt7,
.s .s-nt7 {
  margin-top: -7px;
}

.nt8,
.l .l-nt8,
.m .m-nt8,
.s .s-nt8 {
  margin-top: -8px;
}

.nt9,
.l .l-nt9,
.m .m-nt9,
.s .s-nt9 {
  margin-top: -9px;
}

.nt10,
.l .l-nt10,
.m .m-nt10,
.s .s-nt10 {
  margin-top: -10px;
}

.nt15,
.l .l-nt15,
.m .m-nt15,
.s .s-nt15 {
  margin-top: -15px;
}

.nt20,
.l .l-nt20,
.m .m-nt20,
.s .s-nt20 {
  margin-top: -20px;
}

.nt25,
.l .l-nt25,
.m .m-nt25,
.s .s-nt25 {
  margin-top: -25px;
}

.nt30,
.l .l-nt30,
.m .m-nt30,
.s .s-nt30 {
  margin-top: -30px;
}

.nt35,
.l .l-nt35,
.m .m-nt35,
.s .s-nt35 {
  margin-top: -35px;
}

.nt40,
.l .l-nt40,
.m .m-nt40,
.s .s-nt40 {
  margin-top: -40px;
}

.nt45,
.l .l-nt45,
.m .m-nt45,
.s .s-nt45 {
  margin-top: -45px;
}

.nt50,
.l .l-nt50,
.m .m-nt50,
.s .s-nt50 {
  margin-top: -50px;
}

.nt60,
.l .l-nt60,
.m .m-nt60,
.s .s-nt60 {
  margin-top: -60px;
}

.nt70,
.l .l-nt70,
.m .m-nt70,
.s .s-nt70 {
  margin-top: -70px;
}

.nt80,
.l .l-nt80,
.m .m-nt80,
.s .s-nt80 {
  margin-top: -80px;
}

.nt90,
.l .l-nt90,
.m .m-nt90,
.s .s-nt90 {
  margin-top: -90px;
}

.nt100,
.l .l-nt100,
.m .m-nt100,
.s .s-nt100 {
  margin-top: -100px;
}

.nt120,
.l .l-nt120,
.m .m-nt120,
.s .s-nt120 {
  margin-top: -120px;
}

.nt140,
.l .l-nt140,
.m .m-nt140,
.s .s-nt140 {
  margin-top: -140px;
}

.nt160,
.l .l-nt160,
.m .m-nt160,
.s .s-nt160 {
  margin-top: -160px;
}

.nt180,
.l .l-nt180,
.m .m-nt180,
.s .s-nt180 {
  margin-top: -180px;
}

.nt200,
.l .l-nt200,
.m .m-nt200,
.s .s-nt200 {
  margin-top: -200px;
}

.nb0,
.l .l-nb0,
.m .m-nb0,
.s .s-nb0 {
  margin-bottom: -0px;
}

.nb1,
.l .l-nb1,
.m .m-nb1,
.s .s-nb1 {
  margin-bottom: -1px;
}

.nb2,
.l .l-nb2,
.m .m-nb2,
.s .s-nb2 {
  margin-bottom: -2px;
}

.nb3,
.l .l-nb3,
.m .m-nb3,
.s .s-nb3 {
  margin-bottom: -3px;
}

.nb4,
.l .l-nb4,
.m .m-nb4,
.s .s-nb4 {
  margin-bottom: -4px;
}

.nb5,
.l .l-nb5,
.m .m-nb5,
.s .s-nb5 {
  margin-bottom: -5px;
}

.nb6,
.l .l-nb6,
.m .m-nb6,
.s .s-nb6 {
  margin-bottom: -6px;
}

.nb7,
.l .l-nb7,
.m .m-nb7,
.s .s-nb7 {
  margin-bottom: -7px;
}

.nb8,
.l .l-nb8,
.m .m-nb8,
.s .s-nb8 {
  margin-bottom: -8px;
}

.nb9,
.l .l-nb9,
.m .m-nb9,
.s .s-nb9 {
  margin-bottom: -9px;
}

.nb10,
.l .l-nb10,
.m .m-nb10,
.s .s-nb10 {
  margin-bottom: -10px;
}

.nb15,
.l .l-nb15,
.m .m-nb15,
.s .s-nb15 {
  margin-bottom: -15px;
}

.nb20,
.l .l-nb20,
.m .m-nb20,
.s .s-nb20 {
  margin-bottom: -20px;
}

.nb25,
.l .l-nb25,
.m .m-nb25,
.s .s-nb25 {
  margin-bottom: -25px;
}

.nb30,
.l .l-nb30,
.m .m-nb30,
.s .s-nb30 {
  margin-bottom: -30px;
}

.nb35,
.l .l-nb35,
.m .m-nb35,
.s .s-nb35 {
  margin-bottom: -35px;
}

.nb40,
.l .l-nb40,
.m .m-nb40,
.s .s-nb40 {
  margin-bottom: -40px;
}

.nb45,
.l .l-nb45,
.m .m-nb45,
.s .s-nb45 {
  margin-bottom: -45px;
}

.nb50,
.l .l-nb50,
.m .m-nb50,
.s .s-nb50 {
  margin-bottom: -50px;
}

.nb60,
.l .l-nb60,
.m .m-nb60,
.s .s-nb60 {
  margin-bottom: -60px;
}

.nb70,
.l .l-nb70,
.m .m-nb70,
.s .s-nb70 {
  margin-bottom: -70px;
}

.nb80,
.l .l-nb80,
.m .m-nb80,
.s .s-nb80 {
  margin-bottom: -80px;
}

.nb90,
.l .l-nb90,
.m .m-nb90,
.s .s-nb90 {
  margin-bottom: -90px;
}

.nb100,
.l .l-nb100,
.m .m-nb100,
.s .s-nb100 {
  margin-bottom: -100px;
}

.nb120,
.l .l-nb120,
.m .m-nb120,
.s .s-nb120 {
  margin-bottom: -120px;
}

.nb140,
.l .l-nb140,
.m .m-nb140,
.s .s-nb140 {
  margin-bottom: -140px;
}

.nb160,
.l .l-nb160,
.m .m-nb160,
.s .s-nb160 {
  margin-bottom: -160px;
}

.nb180,
.l .l-nb180,
.m .m-nb180,
.s .s-nb180 {
  margin-bottom: -180px;
}

.nb200,
.l .l-nb200,
.m .m-nb200,
.s .s-nb200 {
  margin-bottom: -200px;
}

.nv0,
.l .l-nv0,
.m .m-nv0,
.s .s-nv0 {
  margin-top: -0px;
  margin-bottom: -0px;
}

.nv1,
.l .l-nv1,
.m .m-nv1,
.s .s-nv1 {
  margin-top: -1px;
  margin-bottom: -1px;
}

.nv2,
.l .l-nv2,
.m .m-nv2,
.s .s-nv2 {
  margin-top: -2px;
  margin-bottom: -2px;
}

.nv3,
.l .l-nv3,
.m .m-nv3,
.s .s-nv3 {
  margin-top: -3px;
  margin-bottom: -3px;
}

.nv4,
.l .l-nv4,
.m .m-nv4,
.s .s-nv4 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.nv5,
.l .l-nv5,
.m .m-nv5,
.s .s-nv5 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.nv6,
.l .l-nv6,
.m .m-nv6,
.s .s-nv6 {
  margin-top: -6px;
  margin-bottom: -6px;
}

.nv7,
.l .l-nv7,
.m .m-nv7,
.s .s-nv7 {
  margin-top: -7px;
  margin-bottom: -7px;
}

.nv8,
.l .l-nv8,
.m .m-nv8,
.s .s-nv8 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.nv9,
.l .l-nv9,
.m .m-nv9,
.s .s-nv9 {
  margin-top: -9px;
  margin-bottom: -9px;
}

.nv10,
.l .l-nv10,
.m .m-nv10,
.s .s-nv10 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.nv15,
.l .l-nv15,
.m .m-nv15,
.s .s-nv15 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.nv20,
.l .l-nv20,
.m .m-nv20,
.s .s-nv20 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.nv25,
.l .l-nv25,
.m .m-nv25,
.s .s-nv25 {
  margin-top: -25px;
  margin-bottom: -25px;
}

.nv30,
.l .l-nv30,
.m .m-nv30,
.s .s-nv30 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.nv35,
.l .l-nv35,
.m .m-nv35,
.s .s-nv35 {
  margin-top: -35px;
  margin-bottom: -35px;
}

.nv40,
.l .l-nv40,
.m .m-nv40,
.s .s-nv40 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.nv45,
.l .l-nv45,
.m .m-nv45,
.s .s-nv45 {
  margin-top: -45px;
  margin-bottom: -45px;
}

.nv50,
.l .l-nv50,
.m .m-nv50,
.s .s-nv50 {
  margin-top: -50px;
  margin-bottom: -50px;
}

.nv60,
.l .l-nv60,
.m .m-nv60,
.s .s-nv60 {
  margin-top: -60px;
  margin-bottom: -60px;
}

.nv70,
.l .l-nv70,
.m .m-nv70,
.s .s-nv70 {
  margin-top: -70px;
  margin-bottom: -70px;
}

.nv80,
.l .l-nv80,
.m .m-nv80,
.s .s-nv80 {
  margin-top: -80px;
  margin-bottom: -80px;
}

.nv90,
.l .l-nv90,
.m .m-nv90,
.s .s-nv90 {
  margin-top: -90px;
  margin-bottom: -90px;
}

.nv100,
.l .l-nv100,
.m .m-nv100,
.s .s-nv100 {
  margin-top: -100px;
  margin-bottom: -100px;
}

.nv120,
.l .l-nv120,
.m .m-nv120,
.s .s-nv120 {
  margin-top: -120px;
  margin-bottom: -120px;
}

.nv140,
.l .l-nv140,
.m .m-nv140,
.s .s-nv140 {
  margin-top: -140px;
  margin-bottom: -140px;
}

.nv160,
.l .l-nv160,
.m .m-nv160,
.s .s-nv160 {
  margin-top: -160px;
  margin-bottom: -160px;
}

.nv180,
.l .l-nv180,
.m .m-nv180,
.s .s-nv180 {
  margin-top: -180px;
  margin-bottom: -180px;
}

.nv200,
.l .l-nv200,
.m .m-nv200,
.s .s-nv200 {
  margin-top: -200px;
  margin-bottom: -200px;
}

/* Padding */
.pt0,
.l .l-pt0,
.m .m-pt0,
.s .s-pt0 {
  padding-top: 0px;
}

.pt1,
.l .l-pt1,
.m .m-pt1,
.s .s-pt1 {
  padding-top: 1px;
}

.pt2,
.l .l-pt2,
.m .m-pt2,
.s .s-pt2 {
  padding-top: 2px;
}

.pt3,
.l .l-pt3,
.m .m-pt3,
.s .s-pt3 {
  padding-top: 3px;
}

.pt4,
.l .l-pt4,
.m .m-pt4,
.s .s-pt4 {
  padding-top: 4px;
}

.pt5,
.l .l-pt5,
.m .m-pt5,
.s .s-pt5 {
  padding-top: 5px;
}

.pt6,
.l .l-pt6,
.m .m-pt6,
.s .s-pt6 {
  padding-top: 6px;
}

.pt7,
.l .l-pt7,
.m .m-pt7,
.s .s-pt7 {
  padding-top: 7px;
}

.pt8,
.l .l-pt8,
.m .m-pt8,
.s .s-pt8 {
  padding-top: 8px;
}

.pt9,
.l .l-pt9,
.m .m-pt9,
.s .s-pt9 {
  padding-top: 9px;
}

.pt10,
.l .l-pt10,
.m .m-pt10,
.s .s-pt10 {
  padding-top: 10px;
}

.pt15,
.l .l-pt15,
.m .m-pt15,
.s .s-pt15 {
  padding-top: 15px;
}

.pt20,
.l .l-pt20,
.m .m-pt20,
.s .s-pt20 {
  padding-top: 20px;
}

.pt25,
.l .l-pt25,
.m .m-pt25,
.s .s-pt25 {
  padding-top: 25px;
}

.pt30,
.l .l-pt30,
.m .m-pt30,
.s .s-pt30 {
  padding-top: 30px;
}

.pt35,
.l .l-pt35,
.m .m-pt35,
.s .s-pt35 {
  padding-top: 35px;
}

.pt40,
.l .l-pt40,
.m .m-pt40,
.s .s-pt40 {
  padding-top: 40px;
}

.pt45,
.l .l-pt45,
.m .m-pt45,
.s .s-pt45 {
  padding-top: 45px;
}

.pt50,
.l .l-pt50,
.m .m-pt50,
.s .s-pt50 {
  padding-top: 50px;
}

.pt60,
.l .l-pt60,
.m .m-pt60,
.s .s-pt60 {
  padding-top: 60px;
}

.pt70,
.l .l-pt70,
.m .m-pt70,
.s .s-pt70 {
  padding-top: 70px;
}

.pt80,
.l .l-pt80,
.m .m-pt80,
.s .s-pt80 {
  padding-top: 80px;
}

.pt90,
.l .l-pt90,
.m .m-pt90,
.s .s-pt90 {
  padding-top: 90px;
}

.pt100,
.l .l-pt100,
.m .m-pt100,
.s .s-pt100 {
  padding-top: 100px;
}

.pt120,
.l .l-pt120,
.m .m-pt120,
.s .s-pt120 {
  padding-top: 120px;
}

.pt140,
.l .l-pt140,
.m .m-pt140,
.s .s-pt140 {
  padding-top: 140px;
}

.pt160,
.l .l-pt160,
.m .m-pt160,
.s .s-pt160 {
  padding-top: 160px;
}

.pt180,
.l .l-pt180,
.m .m-pt180,
.s .s-pt180 {
  padding-top: 180px;
}

.pt200,
.l .l-pt200,
.m .m-pt200,
.s .s-pt200 {
  padding-top: 200px;
}

.pb0,
.l .l-pb0,
.m .m-pb0,
.s .s-pb0 {
  padding-bottom: 0px;
}

.pb1,
.l .l-pb1,
.m .m-pb1,
.s .s-pb1 {
  padding-bottom: 1px;
}

.pb2,
.l .l-pb2,
.m .m-pb2,
.s .s-pb2 {
  padding-bottom: 2px;
}

.pb3,
.l .l-pb3,
.m .m-pb3,
.s .s-pb3 {
  padding-bottom: 3px;
}

.pb4,
.l .l-pb4,
.m .m-pb4,
.s .s-pb4 {
  padding-bottom: 4px;
}

.pb5,
.l .l-pb5,
.m .m-pb5,
.s .s-pb5 {
  padding-bottom: 5px;
}

.pb6,
.l .l-pb6,
.m .m-pb6,
.s .s-pb6 {
  padding-bottom: 6px;
}

.pb7,
.l .l-pb7,
.m .m-pb7,
.s .s-pb7 {
  padding-bottom: 7px;
}

.pb8,
.l .l-pb8,
.m .m-pb8,
.s .s-pb8 {
  padding-bottom: 8px;
}

.pb9,
.l .l-pb9,
.m .m-pb9,
.s .s-pb9 {
  padding-bottom: 9px;
}

.pb10,
.l .l-pb10,
.m .m-pb10,
.s .s-pb10 {
  padding-bottom: 10px;
}

.pb15,
.l .l-pb15,
.m .m-pb15,
.s .s-pb15 {
  padding-bottom: 15px;
}

.pb20,
.l .l-pb20,
.m .m-pb20,
.s .s-pb20 {
  padding-bottom: 20px;
}

.pb25,
.l .l-pb25,
.m .m-pb25,
.s .s-pb25 {
  padding-bottom: 25px;
}

.pb30,
.l .l-pb30,
.m .m-pb30,
.s .s-pb30 {
  padding-bottom: 30px;
}

.pb35,
.l .l-pb35,
.m .m-pb35,
.s .s-pb35 {
  padding-bottom: 35px;
}

.pb40,
.l .l-pb40,
.m .m-pb40,
.s .s-pb40 {
  padding-bottom: 40px;
}

.pb45,
.l .l-pb45,
.m .m-pb45,
.s .s-pb45 {
  padding-bottom: 45px;
}

.pb50,
.l .l-pb50,
.m .m-pb50,
.s .s-pb50 {
  padding-bottom: 50px;
}

.pb60,
.l .l-pb60,
.m .m-pb60,
.s .s-pb60 {
  padding-bottom: 60px;
}

.pb70,
.l .l-pb70,
.m .m-pb70,
.s .s-pb70 {
  padding-bottom: 70px;
}

.pb80,
.l .l-pb80,
.m .m-pb80,
.s .s-pb80 {
  padding-bottom: 80px;
}

.pb90,
.l .l-pb90,
.m .m-pb90,
.s .s-pb90 {
  padding-bottom: 90px;
}

.pb100,
.l .l-pb100,
.m .m-pb100,
.s .s-pb100 {
  padding-bottom: 100px;
}

.pb120,
.l .l-pb120,
.m .m-pb120,
.s .s-pb120 {
  padding-bottom: 120px;
}

.pb140,
.l .l-pb140,
.m .m-pb140,
.s .s-pb140 {
  padding-bottom: 140px;
}

.pb160,
.l .l-pb160,
.m .m-pb160,
.s .s-pb160 {
  padding-bottom: 160px;
}

.pb180,
.l .l-pb180,
.m .m-pb180,
.s .s-pb180 {
  padding-bottom: 180px;
}

.pb200,
.l .l-pb200,
.m .m-pb200,
.s .s-pb200 {
  padding-bottom: 200px;
}

.pl0,
.l .l-pl0,
.m .m-pl0,
.s .s-pl0 {
  padding-left: 0px;
}

.pl1,
.l .l-pl1,
.m .m-pl1,
.s .s-pl1 {
  padding-left: 1px;
}

.pl2,
.l .l-pl2,
.m .m-pl2,
.s .s-pl2 {
  padding-left: 2px;
}

.pl3,
.l .l-pl3,
.m .m-pl3,
.s .s-pl3 {
  padding-left: 3px;
}

.pl4,
.l .l-pl4,
.m .m-pl4,
.s .s-pl4 {
  padding-left: 4px;
}

.pl5,
.l .l-pl5,
.m .m-pl5,
.s .s-pl5 {
  padding-left: 5px;
}

.pl6,
.l .l-pl6,
.m .m-pl6,
.s .s-pl6 {
  padding-left: 6px;
}

.pl7,
.l .l-pl7,
.m .m-pl7,
.s .s-pl7 {
  padding-left: 7px;
}

.pl8,
.l .l-pl8,
.m .m-pl8,
.s .s-pl8 {
  padding-left: 8px;
}

.pl9,
.l .l-pl9,
.m .m-pl9,
.s .s-pl9 {
  padding-left: 9px;
}

.pl10,
.l .l-pl10,
.m .m-pl10,
.s .s-pl10 {
  padding-left: 10px;
}

.pl15,
.l .l-pl15,
.m .m-pl15,
.s .s-pl15 {
  padding-left: 15px;
}

.pl20,
.l .l-pl20,
.m .m-pl20,
.s .s-pl20 {
  padding-left: 20px;
}

.pl25,
.l .l-pl25,
.m .m-pl25,
.s .s-pl25 {
  padding-left: 25px;
}

.pl30,
.l .l-pl30,
.m .m-pl30,
.s .s-pl30 {
  padding-left: 30px;
}

.pl35,
.l .l-pl35,
.m .m-pl35,
.s .s-pl35 {
  padding-left: 35px;
}

.pl40,
.l .l-pl40,
.m .m-pl40,
.s .s-pl40 {
  padding-left: 40px;
}

.pl45,
.l .l-pl45,
.m .m-pl45,
.s .s-pl45 {
  padding-left: 45px;
}

.pl50,
.l .l-pl50,
.m .m-pl50,
.s .s-pl50 {
  padding-left: 50px;
}

.pl60,
.l .l-pl60,
.m .m-pl60,
.s .s-pl60 {
  padding-left: 60px;
}

.pl70,
.l .l-pl70,
.m .m-pl70,
.s .s-pl70 {
  padding-left: 70px;
}

.pl80,
.l .l-pl80,
.m .m-pl80,
.s .s-pl80 {
  padding-left: 80px;
}

.pl90,
.l .l-pl90,
.m .m-pl90,
.s .s-pl90 {
  padding-left: 90px;
}

.pl100,
.l .l-pl100,
.m .m-pl100,
.s .s-pl100 {
  padding-left: 100px;
}

.pl120,
.l .l-pl120,
.m .m-pl120,
.s .s-pl120 {
  padding-left: 120px;
}

.pl140,
.l .l-pl140,
.m .m-pl140,
.s .s-pl140 {
  padding-left: 140px;
}

.pl160,
.l .l-pl160,
.m .m-pl160,
.s .s-pl160 {
  padding-left: 160px;
}

.pl180,
.l .l-pl180,
.m .m-pl180,
.s .s-pl180 {
  padding-left: 180px;
}

.pl200,
.l .l-pl200,
.m .m-pl200,
.s .s-pl200 {
  padding-left: 200px;
}

.pr0,
.l .l-pr0,
.m .m-pr0,
.s .s-pr0 {
  padding-right: 0px;
}

.pr1,
.l .l-pr1,
.m .m-pr1,
.s .s-pr1 {
  padding-right: 1px;
}

.pr2,
.l .l-pr2,
.m .m-pr2,
.s .s-pr2 {
  padding-right: 2px;
}

.pr3,
.l .l-pr3,
.m .m-pr3,
.s .s-pr3 {
  padding-right: 3px;
}

.pr4,
.l .l-pr4,
.m .m-pr4,
.s .s-pr4 {
  padding-right: 4px;
}

.pr5,
.l .l-pr5,
.m .m-pr5,
.s .s-pr5 {
  padding-right: 5px;
}

.pr6,
.l .l-pr6,
.m .m-pr6,
.s .s-pr6 {
  padding-right: 6px;
}

.pr7,
.l .l-pr7,
.m .m-pr7,
.s .s-pr7 {
  padding-right: 7px;
}

.pr8,
.l .l-pr8,
.m .m-pr8,
.s .s-pr8 {
  padding-right: 8px;
}

.pr9,
.l .l-pr9,
.m .m-pr9,
.s .s-pr9 {
  padding-right: 9px;
}

.pr10,
.l .l-pr10,
.m .m-pr10,
.s .s-pr10 {
  padding-right: 10px;
}

.pr15,
.l .l-pr15,
.m .m-pr15,
.s .s-pr15 {
  padding-right: 15px;
}

.pr20,
.l .l-pr20,
.m .m-pr20,
.s .s-pr20 {
  padding-right: 20px;
}

.pr25,
.l .l-pr25,
.m .m-pr25,
.s .s-pr25 {
  padding-right: 25px;
}

.pr30,
.l .l-pr30,
.m .m-pr30,
.s .s-pr30 {
  padding-right: 30px;
}

.pr35,
.l .l-pr35,
.m .m-pr35,
.s .s-pr35 {
  padding-right: 35px;
}

.pr40,
.l .l-pr40,
.m .m-pr40,
.s .s-pr40 {
  padding-right: 40px;
}

.pr45,
.l .l-pr45,
.m .m-pr45,
.s .s-pr45 {
  padding-right: 45px;
}

.pr50,
.l .l-pr50,
.m .m-pr50,
.s .s-pr50 {
  padding-right: 50px;
}

.pr60,
.l .l-pr60,
.m .m-pr60,
.s .s-pr60 {
  padding-right: 60px;
}

.pr70,
.l .l-pr70,
.m .m-pr70,
.s .s-pr70 {
  padding-right: 70px;
}

.pr80,
.l .l-pr80,
.m .m-pr80,
.s .s-pr80 {
  padding-right: 80px;
}

.pr90,
.l .l-pr90,
.m .m-pr90,
.s .s-pr90 {
  padding-right: 90px;
}

.pr100,
.l .l-pr100,
.m .m-pr100,
.s .s-pr100 {
  padding-right: 100px;
}

.pr120,
.l .l-pr120,
.m .m-pr120,
.s .s-pr120 {
  padding-right: 120px;
}

.pr140,
.l .l-pr140,
.m .m-pr140,
.s .s-pr140 {
  padding-right: 140px;
}

.pr160,
.l .l-pr160,
.m .m-pr160,
.s .s-pr160 {
  padding-right: 160px;
}

.pr180,
.l .l-pr180,
.m .m-pr180,
.s .s-pr180 {
  padding-right: 180px;
}

.pr200,
.l .l-pr200,
.m .m-pr200,
.s .s-pr200 {
  padding-right: 200px;
}

.ph0,
.l .l-ph0,
.m .m-ph0,
.s .s-ph0 {
  padding-left: 0px;
  padding-right: 0px;
}

.ph1,
.l .l-ph1,
.m .m-ph1,
.s .s-ph1 {
  padding-left: 1px;
  padding-right: 1px;
}

.ph2,
.l .l-ph2,
.m .m-ph2,
.s .s-ph2 {
  padding-left: 2px;
  padding-right: 2px;
}

.ph3,
.l .l-ph3,
.m .m-ph3,
.s .s-ph3 {
  padding-left: 3px;
  padding-right: 3px;
}

.ph4,
.l .l-ph4,
.m .m-ph4,
.s .s-ph4 {
  padding-left: 4px;
  padding-right: 4px;
}

.ph5,
.l .l-ph5,
.m .m-ph5,
.s .s-ph5 {
  padding-left: 5px;
  padding-right: 5px;
}

.ph6,
.l .l-ph6,
.m .m-ph6,
.s .s-ph6 {
  padding-left: 6px;
  padding-right: 6px;
}

.ph7,
.l .l-ph7,
.m .m-ph7,
.s .s-ph7 {
  padding-left: 7px;
  padding-right: 7px;
}

.ph8,
.l .l-ph8,
.m .m-ph8,
.s .s-ph8 {
  padding-left: 8px;
  padding-right: 8px;
}

.ph9,
.l .l-ph9,
.m .m-ph9,
.s .s-ph9 {
  padding-left: 9px;
  padding-right: 9px;
}

.ph10,
.l .l-ph10,
.m .m-ph10,
.s .s-ph10 {
  padding-left: 10px;
  padding-right: 10px;
}

.ph15,
.l .l-ph15,
.m .m-ph15,
.s .s-ph15 {
  padding-left: 15px;
  padding-right: 15px;
}

.ph20,
.l .l-ph20,
.m .m-ph20,
.s .s-ph20 {
  padding-left: 20px;
  padding-right: 20px;
}

.ph25,
.l .l-ph25,
.m .m-ph25,
.s .s-ph25 {
  padding-left: 25px;
  padding-right: 25px;
}

.ph30,
.l .l-ph30,
.m .m-ph30,
.s .s-ph30 {
  padding-left: 30px;
  padding-right: 30px;
}

.ph35,
.l .l-ph35,
.m .m-ph35,
.s .s-ph35 {
  padding-left: 35px;
  padding-right: 35px;
}

.ph40,
.l .l-ph40,
.m .m-ph40,
.s .s-ph40 {
  padding-left: 40px;
  padding-right: 40px;
}

.ph45,
.l .l-ph45,
.m .m-ph45,
.s .s-ph45 {
  padding-left: 45px;
  padding-right: 45px;
}

.ph50,
.l .l-ph50,
.m .m-ph50,
.s .s-ph50 {
  padding-left: 50px;
  padding-right: 50px;
}

.ph60,
.l .l-ph60,
.m .m-ph60,
.s .s-ph60 {
  padding-left: 60px;
  padding-right: 60px;
}

.ph70,
.l .l-ph70,
.m .m-ph70,
.s .s-ph70 {
  padding-left: 70px;
  padding-right: 70px;
}

.ph80,
.l .l-ph80,
.m .m-ph80,
.s .s-ph80 {
  padding-left: 80px;
  padding-right: 80px;
}

.ph90,
.l .l-ph90,
.m .m-ph90,
.s .s-ph90 {
  padding-left: 90px;
  padding-right: 90px;
}

.ph100,
.l .l-ph100,
.m .m-ph100,
.s .s-ph100 {
  padding-left: 100px;
  padding-right: 100px;
}

.ph120,
.l .l-ph120,
.m .m-ph120,
.s .s-ph120 {
  padding-left: 120px;
  padding-right: 120px;
}

.ph140,
.l .l-ph140,
.m .m-ph140,
.s .s-ph140 {
  padding-left: 140px;
  padding-right: 140px;
}

.ph160,
.l .l-ph160,
.m .m-ph160,
.s .s-ph160 {
  padding-left: 160px;
  padding-right: 160px;
}

.ph180,
.l .l-ph180,
.m .m-ph180,
.s .s-ph180 {
  padding-left: 180px;
  padding-right: 180px;
}

.ph200,
.l .l-ph200,
.m .m-ph200,
.s .s-ph200 {
  padding-left: 200px;
  padding-right: 200px;
}

.pv0,
.l .l-pv0,
.m .m-pv0,
.s .s-pv0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.pv1,
.l .l-pv1,
.m .m-pv1,
.s .s-pv1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.pv2,
.l .l-pv2,
.m .m-pv2,
.s .s-pv2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.pv3,
.l .l-pv3,
.m .m-pv3,
.s .s-pv3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.pv4,
.l .l-pv4,
.m .m-pv4,
.s .s-pv4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pv5,
.l .l-pv5,
.m .m-pv5,
.s .s-pv5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.pv6,
.l .l-pv6,
.m .m-pv6,
.s .s-pv6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.pv7,
.l .l-pv7,
.m .m-pv7,
.s .s-pv7 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.pv8,
.l .l-pv8,
.m .m-pv8,
.s .s-pv8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pv9,
.l .l-pv9,
.m .m-pv9,
.s .s-pv9 {
  padding-top: 9px;
  padding-bottom: 9px;
}

.pv10,
.l .l-pv10,
.m .m-pv10,
.s .s-pv10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pv15,
.l .l-pv15,
.m .m-pv15,
.s .s-pv15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pv20,
.l .l-pv20,
.m .m-pv20,
.s .s-pv20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pv25,
.l .l-pv25,
.m .m-pv25,
.s .s-pv25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pv30,
.l .l-pv30,
.m .m-pv30,
.s .s-pv30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.pv35,
.l .l-pv35,
.m .m-pv35,
.s .s-pv35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.pv40,
.l .l-pv40,
.m .m-pv40,
.s .s-pv40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pv45,
.l .l-pv45,
.m .m-pv45,
.s .s-pv45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.pv50,
.l .l-pv50,
.m .m-pv50,
.s .s-pv50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.pv60,
.l .l-pv60,
.m .m-pv60,
.s .s-pv60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pv70,
.l .l-pv70,
.m .m-pv70,
.s .s-pv70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pv80,
.l .l-pv80,
.m .m-pv80,
.s .s-pv80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pv90,
.l .l-pv90,
.m .m-pv90,
.s .s-pv90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.pv100,
.l .l-pv100,
.m .m-pv100,
.s .s-pv100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pv120,
.l .l-pv120,
.m .m-pv120,
.s .s-pv120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pv140,
.l .l-pv140,
.m .m-pv140,
.s .s-pv140 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.pv160,
.l .l-pv160,
.m .m-pv160,
.s .s-pv160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.pv180,
.l .l-pv180,
.m .m-pv180,
.s .s-pv180 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.pv200,
.l .l-pv200,
.m .m-pv200,
.s .s-pv200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

/* layoutここまで */

/* pagecss */

html {
  overflow-y: scroll;
  font-size: 62.5%;
}

:root {
  --CommonColorBlue: #01549d;
  --CommonColorLightBlue: #a4cde0;
  --CommonColorPale: #f9fdff;
  --CommonColorPearl: #fffef9;
  --CommonColorGreen: #4ba136;
  --CommonColorWhite: #fff;
  --CommonColorBlack: #000;
  --BaseFontThin: 300;
  --BaseFontRegular: 400;
  --BaseFontMedium: 500;
  --BaseFontBold: 700;
  --BaseFontExtraBold: 800;
  --FontSizeClamp20: clamp(16px, 11.416px + 0.596vw, 20px);
  --FontSizeClamp22: clamp(18px, -5.481px + 3.053vw, 22px);
  --FontSizeClamp24: clamp(20px, -3.481px + 3.053vw, 24px);
  --FontSizeClamp24Re: clamp(16px, 10.286px + 1.524vw, 24px);
  --FontSizeClamp32: clamp(22px, 10.539px + 1.49vw, 32px);
  --FontSizeClamp40: clamp(28px, 14.247px + 1.788vw, 40px);
  --FontSizeClamp48: clamp(32px, 13.663px + 2.385vw, 48px);
}

body {
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'HG丸ｺﾞｼｯｸM-PRO', 'HGMaruGothicMPRO', 'verdana', sans-serif;
  width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
  position: relative;
}

a:hover {
  text-decoration: none;
  opacity: 1;
  cursor: pointer;
}

.rel {
  position: relative;
}

img {
  width: 100%;
}

.font_mplus1 {
  font-family: 'M PLUS Rounded 1c', serif;
  font-weight: bold;
  font-style: normal;
  color: var(--CommonColorBlue);
}

/*=========================================
	Layout
=========================================*/
#school_bag {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

.s .pc {
  display: none;
}

.s .sp {
  display: block;
}

/*=========================================
	Title
=========================================*/
#school_bag h2 {
  font-size: var(--FontSizeClamp48);
  font-weight: var(--BaseFontExtraBold);
  text-align: center;
  display: block;
  padding-bottom: min(40px, 4.444vw);
}
#school_bag .h2_txt {
  font-size: var(--FontSizeClamp48);
  font-weight: var(--BaseFontExtraBold);
  text-align: left;
  display: block;
  padding-bottom: min(40px, 4.444vw);
}

#school_bag h2 span {
  position: relative;
  display: inline-block;
}

#school_bag h2 span::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translate(-50%, -50%);
  width: 42px;
  aspect-ratio: 84 / 142;
  background: url(../../../img/usr/category/c20306/h2-before.png) no-repeat center / 100%;
}

.s #school_bag h2 span::before {
  width: 6.6vw;
}

#school_bag h2 span::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(50%, -50%);
  width: 42px;
  aspect-ratio: 84 / 142;
  background: url(../../../img/usr/category/c20306/h2-after.png) no-repeat center / 100%;
}

.s #school_bag h2 span::after {
  width: 6.6vw;
}

#school_bag h3 {
  font-weight: bold;
  font-size: var(--FontSizeClamp24);
  position: relative;
  margin-bottom: 30px;
  display: inline-block;
}
.s #school_bag h3 {
  margin-bottom: 4%;
}
#school_bag .spt_txt {
  font-weight: bold;
  font-size: var(--FontSizeClamp24);
  position: relative;
  margin: 24px 0 16px;
  display: inline-block;
  line-height: 1.4;
}
#school_bag .spt_txt span {
  font-size: var(--FontSizeClamp48);
}

#school_bag h3::before,
#school_bag h3::after {
  content: '';
  position: absolute;
  bottom: -3px;
}

#school_bag h3::before {
  left: -30px;
  background: url(../../../img/usr/category/c20306/icon-h4-before.png) no-repeat bottom center / 100%;
  aspect-ratio: 32 / 69;
  width: 16px;
}

#school_bag h3::after {
  right: -30px;
  background: url(../../../img/usr/category/c20306/icon-h4-after.png) no-repeat bottom center / 100%;
  aspect-ratio: 32 / 69;
  width: 16px;
}

@media screen and (max-width: 500px) {
  .s #school_bag h3::before {
    left: -5.333vw;
    width: 3.2vw;
  }

  .s #school_bag h3::after {
    right: -5.333vw;
    width: 3.2vw;
  }
}

/*=========================================
	Line
=========================================*/
#school_bag .section_line {
  position: absolute;
  top: -1%;
  right: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  margin: 0 auto;
}

.s #school_bag .section_line {
  top: -2vw;
}

/*=========================================
	Button
=========================================*/
#school_bag ._btn {
  display: flex;
  font-size: var(--FontSizeClamp24);
  font-weight: var(--BaseFontExtraBold);
  line-height: 1.2;
  background-color: #fff;
  text-decoration: none;
  text-align: center;
  border: 3px solid #1d50a2;
  box-shadow: 0px 6px 0px 0 #1d50a2;
  border-radius: 12px;
  transition: 0.3s ease-in-out;
}
#school_bag .support ._btn.more_shop {
  display: flex;
  font-size: var(--FontSizeClamp24);
  font-weight: var(--BaseFontExtraBold);
  line-height: 1.2;
  background-color: #fff;
  text-decoration: none;
  text-align: center;
  border: 3px solid #1d50a2;
  box-shadow: 0px 6px 0px 0 #1d50a2;
  border-radius: 12px;
  transition: 0.3s ease-in-out;
  max-width: 580px;
  margin: auto;
}
#school_bag .support ._btn.more_shop a {
  color: #1d50a2;
}

#school_bag ._btn a {
  flex: 1;
  width: 100%;
  position: relative;
  padding: 25px 8px;
  text-decoration: none;
  color: inherit;
}

.s #school_bag ._btn a {
  padding: 15px 8px;
}

#school_bag ._btn a::after,
#school_bag .support ._btn.more_shop a::after {
  content: '';
  position: absolute;
  background-image: url(../../../img/usr/category/c20306/icon-arrow-right-b.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 29px;
  height: 29px;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -35%);
}

#school_bag ._btn:hover {
  opacity: 1;
  transform: translateY(8px);
  box-shadow: none !important;
}

/* soon */
#school_bag ._btn.soon {
  transition: none !important;
}

#school_bag ._btn.soon:hover {
  transform: none;
  box-shadow: 0px 6px 0px 0 #1d50a2 !important;
  cursor: default;
}

#school_bag ._btn.soon a {
  pointer-events: none;
}

#school_bag ._btn.soon a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
  border-radius: 9px;
}

#school_bag ._btn.soon a::after {
  content: 'COMING SOON';
  background-image: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: clamp(3rem, 2.5rem + 2vw, 4rem);
  font-weight: bold;
  letter-spacing: 0.1em;
  white-space: nowrap;
  width: auto;
  height: auto;
  z-index: 2;
}
/*=========================================
	Slider
=========================================*/
#school_bag .slider_wrap {
  width: 100%;
  padding: 0.3%;
}

#school_bag .slider_wrap li {
  border-radius: 12px;
  border: 2px solid #cbcbcb;
  box-shadow: 0 6px 0 -2px #cbcbcb;
  transition: 0.3s;
  background: #fff;
  margin: 10px 25px;
  height: auto;
}

#school_bag .slick-slide {
  box-sizing: border-box;
}

#school_bag .slider_wrap li:hover {
  opacity: 1;
  transform: translateY(0.4rem);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.16);
}

#school_bag .slider_wrap li img {
  width: 100% !important;
  padding: 3px;
  border-radius: 12px;
}

#school_bag .slick-dotted.slick-slider {
  margin-bottom: 0;
}

#school_bag .slider_img {
  position: relative;
}

#school_bag .slide-arrow.slick-arrow {
  position: absolute;
  z-index: 1;
  width: 47px;
  top: 50%;
  transform: translateY(-50%);
}

.s #school_bag .slide-arrow.slick-arrow {
  width: 6.4vw;
}

#school_bag .slide-arrow.slick-arrow.prev-arrow {
  left: 16%;
  transform: translate(-120%, -50%) rotate(180deg);
}

.s #school_bag .slide-arrow.slick-arrow.prev-arrow {
  left: 10vw;
}

#school_bag .slide-arrow.slick-arrow.next-arrow {
  right: 16%;
  transform: translate(120%, -50%);
}

.s #school_bag .slide-arrow.slick-arrow.next-arrow {
  right: 10vw;
}

/*=========================================
	Mv
=========================================*/
#school_bag .mv {
  background-color: #fffffb;
  padding-top: 3%;
}

/*=========================================
	Lead
=========================================*/
#school_bag .lead {
  background-color: #fffffb;
  max-width: 100%;
  padding-top: 52px;
  text-align: center;
}

#school_bag .lead h2 {
  max-width: 303.5px;
  margin: 0 auto;
  position: relative;
  display: inline-block;
}

.s #school_bag .lead h2 {
  max-width: 49.46vw;
}

#school_bag .lead h2::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(799px, 88.77vw);
  aspect-ratio: 1598 / 226;
  background: url(../../../img/usr/category/c20306/lead-h2-before.png) no-repeat center / 100%;
}

.s #school_bag .lead h2::before {
  transform: translate(-50%, -80%);
  width: 89vw;
}

#school_bag .lead_text_wrap {
  position: relative;
}

#school_bag .lead_text_wrap::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 110px;
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  pointer-events: none;
  transition: opacity 0.3s;
}

.s #school_bag .lead_text_wrap::after {
  bottom: 20vw;
  height: 21.33vw;
}

#school_bag .lead_text_wrap.open::after {
  opacity: 0;
}

#school_bag .lead_text {
  position: relative;
  font-size: var(--FontSizeClamp20);
  line-height: 40px;
  text-align: center;
}

.s #school_bag .lead_text {
  line-height: 30px;
}

#school_bag .more_text {
  display: none;
}

#school_bag .lead_toggle {
  font-family: 'M PLUS Rounded 1c', serif;
  font-weight: bold;
  font-style: normal;
  color: #01549d;
  background: none;
  border: none;
  font-size: var(--FontSizeClamp24);
  cursor: pointer;
  position: relative;
  padding-right: 33px;
  margin-bottom: 40px;
}
.s #school_bag .lead_toggle {
  margin-bottom: 8%;
}

#school_bag .lead_toggle::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 25px;
  aspect-ratio: 1 / 1;
  background: url(../../../img/usr/category/c20306/icon-arrow-down-b.png) no-repeat center / 100%;
}

#school_bag .lead_text_wrap.open .lead_toggle::before {
  background: url(../../../img/usr/category/c20306/icon-arrow-up-b.png) no-repeat center / 100%;
}

#school_bag .lead_text p {
  padding-bottom: 40px;
}
.s #school_bag .lead_text p {
  padding-bottom: 8%;
}

#school_bag .lead_line_title {
  background-color: #01549d;
  font-weight: 700;
  font-size: var(--FontSizeClamp40);
  color: #fff;
  text-align: center;
  padding: 16px 0;
  margin: 0 min(40px, 4.44vw) 60px;
}

#school_bag .lead_line_title span {
  position: relative;
}

#school_bag .lead_line_title span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -147px;
  transform: translateY(-50%);
  width: 67px;
  aspect-ratio: 134 / 96;
  background: url(../../../img/usr/category/c20306/icon-car.png) no-repeat center / 100%;
}

.s #school_bag .lead_line_title span:before {
  left: -16.6vw;
  width: 8.93vw;
}

#school_bag .lead_line_title span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -147px;
  transform: translateY(-50%);
  width: 67px;
  aspect-ratio: 134 / 96;
  background: url(../../../img/usr/category/c20306/icon-car.png) no-repeat center / 100%;
}

.s #school_bag .lead_line_title span:after {
  right: -16.6vw;
  width: 8.93vw;
}

#school_bag .lead_feature {
  background-color: #fffcd8;
  padding: 60px min(40px, 4.44vw) 60px min(40px, 4.44vw);
}
#school_bag .lead_feature h3 {
  margin-bottom: 16px;
}
.s #school_bag .lead_feature h3 {
  margin-bottom: 4%;
}

#school_bag .lead_feature ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: min(60px, 3.66vw);
}

.s #school_bag .lead_feature ul {
  flex-direction: column;
  gap: 12vw;
}

#school_bag .lead_feature ul li {
  flex: 0 0 min(380px, 42.22vw);
}

.s #school_bag .lead_feature ul li {
  flex: unset;
  width: 100%;
}

#school_bag .lead_feature ul li ._btn a {
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 220px;
}

.s #school_bag .lead_feature ul li ._btn a {
  height: auto;
  padding: 8vw 0 2vw;
}
.s #school_bag .lead_feature ul li ._btn a._01 {
  height: auto;
  padding: 2vw 0 2vw;
}

#school_bag .lead_feature ul li:nth-of-type(1) ._btn img {
  width: min(388px, 43.11vw);
}

.s #school_bag .lead_feature ul li:nth-of-type(1) ._btn img {
  width: 80vw;
}

#school_bag .lead_feature ul li:nth-of-type(2) ._btn img {
  width: min(360px, 36.77vw);
  transform: translateY(-14px);
}

.s #school_bag .lead_feature ul li:nth-of-type(2) ._btn img {
  width: 80vw;
  transform: translateY(-8px);
}

/*=========================================
	recommend
=========================================*/
#school_bag .recommend {
  padding: 14% 0 0;
  text-align: center;
}

#school_bag .anchor_area ul {
  display: flex;
  justify-content: center;
  gap: 24px;
  text-align: center;
  flex-wrap: wrap;
}

#school_bag .anchor_area ul li {
  flex: 0 0 min(193px, 21.44vw);
  color: var(--CommonColorBlack);
}

.s #school_bag .anchor_area ul li {
  flex: 0 0 calc(50% - 24px);
}

#school_bag .anchor_area ul li span {
  color: var(--CommonColorBlue);
}
/* 
.s #school_bag .anchor_area ul li ._btn {
  font-size: 1.6rem;
} */

#school_bag .anchor_area ul li._lineup ._btn {
  font-size: var(--FontSizeClamp22);
}

/* .s #school_bag .anchor_area ul li._lineup ._btn {
  font-size: 1.6rem;
} */

#school_bag .anchor_area ._btn a {
  border-radius: 12px;
  background: var(--CommonColorPale);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 98px;
}

#school_bag .anchor_area ._btn a span {
  border-radius: 12px;
  background: var(--CommonColorPale);
}

#school_bag .anchor_area ._btn a::after {
  background-image: url(../../../img/usr/category/c20306/icon-arrow-down-b.png);
  width: 25px;
  height: 25px;
}

/* --------------
	_color
-----------------*/
#school_bag .anchor_area._color {
  padding: min(40px, 8vw) min(40px, 4.44vw) min(50px, 5.55vw) min(40px, 4.44vw);
}

.s #school_bag .anchor_area._color {
  padding-bottom: 13vw;
}

#school_bag .anchor_area._color ul {
  gap: min(60px, 3.66vw);
}

.s #school_bag .anchor_area._color ul {
  gap: 24px;
}

#school_bag .anchor_area._color ul {
  gap: min(60px, 3.66vw);
}

#school_bag .anchor_area._color ul li {
  flex: 0 0 min(380px, 42.22vw);
}

#school_bag .anchor_area._color ul li ._btn {
  height: auto;
}

#school_bag .anchor_area._color ul li:nth-of-type(1) ._btn {
  border: 2px solid #fccc01;
  box-shadow: 0px 7px 0px -2px #fccc01;
}

#school_bag .anchor_area._color ul li:nth-of-type(1) ._btn a {
  background: #fffcd8;
}

#school_bag .anchor_area._color ul li:nth-of-type(1) ._btn a::after {
  background-image: url(../../../img/usr/category/c20306/icon-arrow-down-y.png);
  width: 25px;
  height: 25px;
}

#school_bag .anchor_area._color ul li:nth-of-type(2) ._btn {
  border: 2px solid var(--CommonColorGreen);
  box-shadow: 0px 7px 0px -2px var(--CommonColorGreen);
}

#school_bag .anchor_area._color ul li:nth-of-type(2) ._btn a {
  background: #e5f6d4;
}

#school_bag .anchor_area._color ul li:nth-of-type(2) ._btn a::after {
  background-image: url(../../../img/usr/category/c20306/icon-arrow-down-g.png);
  width: 25px;
  height: 25px;
}

/*=========================================
	mikke
=========================================*/
#school_bag .anchor_area._mikke ul {
  padding: 0 min(40px, 4.44vw) min(50px, 12.55vw) min(40px, 4.44vw);
  justify-content: space-between;
  gap: unset;
  flex-wrap: nowrap;
}
.s #school_bag .anchor_area._mikke ul {
  justify-content: center;
  gap: 24px;
  text-align: center;
  flex-wrap: wrap;
}
.s #school_bag .anchor_area._mikke ul li {
  flex: 0 0 min(380px, 42.22vw);
}

/*=========================================
	lanking
=========================================*/
#school_bag .lanking {
  padding: 80px 0;
  position: relative;
}

#school_bag .lanking ._btn {
  max-width: 280px;
  margin: 0 auto;
}

/*=========================================
	feature
=========================================*/
#school_bag .feature {
  position: relative;
}

#school_bag .feature_inner {
  background-image: linear-gradient(#e2f2ff 1px, transparent 0), linear-gradient(90deg, #e2f2ff 1px, transparent 0);
  background-size: 22px 22px;
  position: relative;
  padding: 80px min(40px, 4.44vw) 20px;
}

#school_bag .feature_box {
  border-left: 7px solid var(--CommonColorLightBlue);
  border-top: 6px solid var(--CommonColorLightBlue);
  border-right: 3px solid var(--CommonColorLightBlue);
  background-color: var(--CommonColorPale);
  padding: 47px 23px 52px;
  border-radius: 16px;
  margin-bottom: 80px;
  text-align: center;
}

.s #school_bag .feature_box {
  padding: 30px 16px 40px;
  margin-bottom: 40px;
}
.s #school_bag .feature_box h3 {
  margin-bottom: 8%;
}

#school_bag .feature_list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

#school_bag .feature_list li a img {
  transition: transform 0.3s ease;
}

#school_bag .feature_list li a {
  display: block;
  transition: 0.3s;
  position: relative;
}

/* --------------
	#color
-----------------*/
#school_bag #color .feature_list {
  gap: 25px 20px;
}

.s #school_bag #color .feature_list {
  /* gap: 25px 3.2vw; */
  gap: 0;
  row-gap: 24px;
  justify-content: space-between;
}

#school_bag #color .feature_list li {
  flex: 0 0 min(136px, 15.11vw);
}

.s #school_bag #color .feature_list li {
  flex: 0 0 calc(33.3333% - 2%);
}

#school_bag #color .feature_list li a {
  box-shadow: 0 4px 0 0 #a4cde0;
  transition: 0.3s;
  border: 2px solid var(--CommonColorWhite);
  border-radius: 12px;
  position: relative;
}

#school_bag #color .feature_list li a::after {
  content: '';
  position: absolute;
  background-image: url(../../../img/usr/category/c20306/icon-arrow-right-b.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 25px;
  height: 25px;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#school_bag #color .feature_list li .red::after {
  background-image: url(../../../img/usr/category/c20306/arrow_red.png);
}
#school_bag #color .feature_list li .pink::after {
  background-image: url(../../../img/usr/category/c20306/arrow_pink.png);
}
#school_bag #color .feature_list li .purple::after {
  background-image: url(../../../img/usr/category/c20306/arrow_purple.png);
}
#school_bag #color .feature_list li .sax::after {
  background-image: url(../../../img/usr/category/c20306/arrow_sax.png);
}
#school_bag #color .feature_list li .khaki::after {
  background-image: url(../../../img/usr/category/c20306/arrow_khaki.png);
}
#school_bag #color .feature_list li .mint::after {
  background-image: url(../../../img/usr/category/c20306/arrow_mint.png);
}
#school_bag #color .feature_list li .gold::after {
  background-image: url(../../../img/usr/category/c20306/arrow_gold.png);
}
#school_bag #color .feature_list li .ivory::after {
  background-image: url(../../../img/usr/category/c20306/arrow_ivory.png);
}
#school_bag #color .feature_list li .camel::after {
  background-image: url(../../../img/usr/category/c20306/arrow_camel.png);
}
#school_bag #color .feature_list li .black::after {
  background-image: url(../../../img/usr/category/c20306/arrow_black.png);
}
#school_bag #color .feature_list li .gray::after {
  background-image: url(../../../img/usr/category/c20306/arrow_gray.png);
}
#school_bag #color .feature_list li .metalic::after {
  background-image: url(../../../img/usr/category/c20306/arrow_metal.png);
}
#school_bag #color .feature_list li .pearl::after {
  background-image: url(../../../img/usr/category/c20306/arrow_pearl.png);
}
#school_bag #color .feature_list li .combi::after {
  background-image: url(../../../img/usr/category/c20306/arrow_combi.png);
}

.s #school_bag #color .feature_list li a::after {
  width: 5.333vw;
  height: 5.333vw;
}

#school_bag #color .feature_list li a:hover {
  opacity: 1;
  transform: translateY(4px);
  box-shadow: none !important;
}

/* --------------
	#price
-----------------*/
#school_bag #price .feature_list {
  gap: min(30px, 3.33vw) min(39px, 4.33vw);
}

#school_bag #price .feature_list li {
  flex: 0 0 min(344.5px, 38.27vw);
}

.s #school_bag #price .feature_list li {
  flex: 0 0 100%;
}

#school_bag #price .feature_list li a:hover {
  transform: scale(0.95);
}

/* --------------
	#function
-----------------*/
#school_bag #function .feature_list {
  gap: min(25px, 2.77vw);
}

#school_bag #function .feature_list li {
  flex: 0 0 min(158px, 17.55vw);
}

.s #school_bag #function .feature_list li {
  flex: 0 0 calc(50% - 1.385vw);
}

/* weight */
.s #school_bag #function .feature_list._weight {
  padding-bottom: 10vw;
  justify-content: flex-start;
}

#school_bag #function .feature_list._weight li {
  flex: 0 0 min(129px, 14.33vw);
  padding-bottom: min(50px, 5.55vw);
}

.s #school_bag #function .feature_list._weight li {
  flex: 0 0 calc(50% - 1.385vw);
}

#school_bag #function .feature_list._weight a:hover {
  transform: scale(0.95);
}

/* capacity */
.s #school_bag #function .feature_list._capacity {
  row-gap: 12vw;
}

#school_bag #function .feature_list._capacity ._btn {
  margin-top: 15px;
  margin-inline: -5px;
  letter-spacing: -0.9px;
}

.s #school_bag #function .feature_list._capacity ._btn {
  margin-inline: 0;
}

#school_bag #function .feature_list._capacity a {
  text-align: center;
  font-size: var(--FontSizeClamp32);
  line-height: 1.3;
  padding: 14px 10px 25px 10px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.s #school_bag #function .feature_list._capacity a {
  padding: 14px 10px 25px 10px;
  height: 26.66vw;
}

#school_bag #function .feature_list._capacit a:hover {
  transform: scale(0.95);
}

#school_bag #function .feature_list._capacity ._btn a span {
  font-size: var(--FontSizeClamp20);
}

/* --------------
	#lineup
-----------------*/
#school_bag .lineup_inner {
  background: var(--CommonColorPearl);
  padding: 115px clamp(10px, -107.405px + 15.267vw, 30px) 80px;
}

.s #school_bag .lineup_inner {
  background: var(--CommonColorPearl);
  padding: 80px 16px 80px;
}

#school_bag #lineup .feature_list {
  gap: 30px 20px;
  justify-content: flex-start;
}

#school_bag #lineup .feature_list li {
  flex: 0 0 calc(33.333% - 20px);
}

.s #school_bag #lineup .feature_list li {
  flex: 0 0 calc(50% - 10px);
}

#school_bag #lineup .feature_list li a {
  display: block;
}

#school_bag #lineup .feature_list li a img {
  transform: scale(1);
}

#school_bag #lineup .feature_list li ._img {
  width: min(240px, 26.66vw);
  margin: 0 auto;
}
#school_bag #lineup .feature_list li ._oldmodel {
  width: 85%;
}

.s #school_bag #lineup .feature_list li ._img {
  width: 100%;
  margin: 0 auto;
}
.s #school_bag #lineup .feature_list li ._oldmodel {
  width: 85%;
}

#school_bag #lineup .feature_list li ._title {
  font-size: var(--FontSizeClamp24Re);
  color: var(--CommonColorBlack);
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid var(--CommonColorBlue);
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  letter-spacing: -0.5px;
}

.s #school_bag #lineup .feature_list li ._title {
  padding-top: 10px;
  margin-top: 10px;
  height: 14.66vw;
}

#school_bag #lineup .feature_list li ._mark {
  font-size: 0.6em;
  vertical-align: super;
}

/*=========================================
	support
=========================================*/

#school_bag .support {
  background: #fafff9;
  position: relative;
  padding: 80px min(40px, 4.44vw) 86px min(40px, 4.44vw);
  color: var(--CommonColorGreen);
}

.s #school_bag .support {
  padding-bottom: 45px;
}

#school_bag .support ._btn {
  border: 3px solid var(--CommonColorGreen);
  box-shadow: 0px 6px 0px 0 var(--CommonColorGreen);
  border-radius: 12px;
  transition: 0.3s ease-in-out;
}

#school_bag .support ._btn a::after {
  background-image: url(../../../img/usr/category/c20306/icon-arrow-right-g.png);
}

#school_bag .support_box {
  border-left: 8px solid var(--CommonColorGreen);
  border-top: 6px solid var(--CommonColorGreen);
  border-right: 3px solid var(--CommonColorGreen);
  background-color: rgba(229, 246, 212, 0.8);
  text-align: center;
  padding: 148px 100px 54px;
  border-radius: 480px 480px 16px 16px;
  margin-bottom: 35px;
}

.s #school_bag .support_box {
  padding: 17vw 5% 7%;
}
#school_bag .support_box._01 .txt_box {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 16px;
}
.s #school_bag .support_box._01 .txt_box {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 16px;
  width: 90%;
  margin: 0 auto 16px;
}
.s #school_bag .support_box._01 {
  padding: 20vw 5% 7%;
}

#school_bag .support_box ._btn {
  max-width: 580px;
  margin-inline: auto;
  margin-bottom: 35px;
}

#school_bag .support_note {
  font-size: 1.3rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: var(--BaseFontRegular);
  line-height: 1.4;
  color: var(--CommonColorBlack);
  text-align: left;
}

#school_bag .support h3::before {
  background: url(../../../img/usr/category/c20306/icon-h4-before-g.png) no-repeat bottom center / 100%;
}

#school_bag .support h3::after {
  background: url(../../../img/usr/category/c20306/icon-h4-after-g.png) no-repeat bottom center / 100%;
}

#school_bag .support_box._02 {
  padding: 54px 20px;
  border-radius: 16px;
}

#school_bag .support_box._02 div {
  max-width: 388px;
  margin-inline: auto;
  padding-bottom: 15px;
}

#school_bag .support_box._02 .support_note {
  text-align: center;
}

#school_bag .support_calalog {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-top: 15px;
}

.s #school_bag .support_calalog {
  flex-direction: column;
  gap: 10.66vw;
}

#school_bag .support_box._02 ._btn {
  flex: 0 1 280px;
  max-width: unset;
  margin-inline: unset;
  margin-bottom: 0;
}

.s #school_bag .support_box._02 ._btn {
  flex: 0 0 100%;
}