@charset "utf-8";

a.color-inherit {
  color: inherit;
}
a.txt-deco-none:link {
  text-decoration: none;
}

a.txt-deco-none:hover
a.txt-deco-none:visited{
  text-decoration: none;
  opacity: .8;
}

/* 記事ページナビ */
.article-nav {
  margin-bottom: 30px;
}
p.next-page, p.next-page-title {
  color: #1010AA;
  text-decoration: none;
  margin: 0 0;
}
/* iconやボタン系要素(hover時に透過させる系) */
a.txt-deco-none:hover, a.txt-deco-none:active,
a.btn:hover, a.btn:active,
input.btn:hover, input.btn:active,
button.btn:hover, button.btn:active {
  text-decoration: none;
  opacity: .8;
}


/* 次のページへ */
.article-next-page {
  text-align: center;
  margin-bottom: 30px;
  font-size: 1rem;
  color: #15276a;
  line-height: 1.5;
}
.article-next-page > a {
  display: inline-block;
  padding: 10px 15px;
  width: 534px;
  background: #efefef;
}
.article-next-page p.next-page {
  font-weight: bold;
}
.article-next-page .next-page-title::after {
  content: '>';
  margin-left: .5em;
}

/* ページャー */
.pagination {
  margin: auto;
  text-align: center;
  font-size: 0;
}
.pagination li {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
.pagination li span {
  display: inline-block;
  box-sizing: border-box;
  font-size: 1.25rem;
  line-height: 40px;
  padding: 0 5px;
  min-width: 40px;
  height: 40px;
  border: solid 1px #15276a;
  color: #15276a;
  position: relative;
}
.pagination li.current span {
  background: #15276a;
  color: #fff;
}
.pagination li.prev span::before,
.pagination li.next span::before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 1.2rem;
  height: 1.2rem;
  border-right: solid 2px #15276a;
  border-bottom: solid 2px #15276a;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pagination li.prev span::before {
  transform: rotate(135deg);
  left: 5px;
}
.pagination li.next span::before {
  transform: rotate(-45deg);
  right: 5px;
}


/* 基本HTMLタグ */
.article-body strong {
  font-weight: bold;
}
.article-body b {
  font-weight: bold;
}
.article-body sup {
  vertical-align: super;
  font-size: smaller;
}
body.smp .article-body sup {
  /*vertical-align: baseline;*/ /* reset */
  /*font-size: 1em;*/ /* reset */
}
.article-body small {
  font-size: smaller;
}
body.smp .article-body small {
  font-size: 1em; /* reset */
}

/* 改行 */
.article-body {
  word-wrap : break-word;
  overflow-wrap : break-word;
  word-break:normal;
}
body.smp .article-body {
  word-wrap : break-word;
  overflow-wrap : break-word;
  word-break:normal;
}

/* 記事本文 */
.article-body {
  font-size: 1em;
  line-height: 2;
}
body.smp .article-body {
  font-size: 1.5rem;
  line-height: 1.5;
}
.article-body p {
  margin: .5em 0 1.5em;
}
.article-body h2,
.article-body h4{
  font-size: 1.5em;
  font-weight: bold;
  border-left: solid 4px #baac71;
  padding-left: .42em;
  margin: 1em 0;
  line-height: 1.25;
}
body.smp .article-body h2,
body.smp .article-body h4 {
  font-size: 1em;
  padding-left: .5em;
  padding-top: .5em;
  padding-bottom: .5em;
  border-left-width: 3px;
  margin: .5em 0;
}

/* 周り込み解除 */
.article-body .clearfix:before,
.article-body .clearfix:after {
  content:"";
  display:table;
}
.article-body .clearfix:after {
  clear:both;
}
.article-body .clearfix {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/* 画像中央寄せ */
.article-body .figure-center {
  margin: 15px auto;
  max-width: 100%;
  background: #eee;
}
body.smp .article-body .figure-center {
  margin: 15px auto;
  max-width:100%;
}
.article-body .figure-center img,
.article-body .figure-center iframe{
  vertical-align: bottom;
  width: 100%;
}
.article-body .figure-center span {
  padding: 5px;
  display: block;
  font-size: .75em;
}


/* 画像右寄せ */
.article-body .figure,
.article-body .figure-right {
  float: right;
  margin: 0 0 15px 15px;
  max-width: 100%;
  background: #eee;
}
body.smp .article-body .figure,
body.smp .article-body .figure-right {
  float: none;
  margin: 15px auto;
  max-width:100%;
}
.article-body .figure img,
.article-body .figure-right img {
  vertical-align: bottom;
  width: 100%;
}
.article-body .figure span,
.article-body .figure-right span {
  padding: 5px;
  display: block;
  font-size: .75em;
}

/* 画像左寄せ */
.article-body .figure-left {
  float: left;
  clear:left;
  margin: 0 15px 15px 0;
  max-width: 100%;
  background: #eee;
}
body.smp .article-body .figure-left {
  float: none;
  margin: 15px auto;
  max-width:100%;
}
.article-body .figure-left img {
  vertical-align: bottom;
  width: 100%;
}
.article-body .figure-left span {
  padding: 5px;
  display: block;
  font-size: .75em;
}

/* ASCII配信記事用調整 */
.article-body figure{
max-width:100%;
}
.article-body figure img{
max-width:100%;
}

/* 説明文 */
.article-body .caption {
  font-size: .8em;
  padding: 5px;
  display:block;
  line-height: 1.5;
  text-align:left;
}
body.smp .article-body .caption {
  width: 100% !important;
  padding: 5px 0px;
  font-size: .875em;
}
.article-body .blank-caption{display:none;}

/* 記事本文内画像 */
.article-body .image-area img {
  max-width: 100%;
  height: auto !important;
  padding: 5px 0px;
}

/* 画像2枚並び */
.article-body .images-2cols {
  margin-bottom: 1.5em;
  clear: both;
  display: block;
}
.article-body .images-2cols .image-area {
  float: left;
  /*
  margin-right: 10px;
  width: 280px;
  */
  width:48%;
  text-align: center;
}
.article-body .images-2cols .image-area:last-child {
  margin-left: 10px;
  margin-right: 0;
}
.article-body .images-2cols .image-area img {
  width: 100%;
  /*max-width: 280px;*/
}

/* 画像3枚並び */
.article-body .images-3cols {
  margin-bottom: 1.5em;
  clear: both;
}
.article-body .images-3cols .image-area {
  float: left;
  /*margin-right: 10px;*/
  /*width: 185px;*/
  width:32%;
  text-align: center;
}
.article-body .images-3cols .image-area:last-child {
  margin-right: 0;
}
.article-body .images-3cols .image-area img {
  width: 100%;
  max-width: 200px;
}

/* 中央寄せ(移行) */
.article-body .central {
  text-align: center;
  clear: both;
}
.article-body .central .figure span,
.article-body .central .figure-right span,
.article-body .central .figure-center span {
  text-align: left; /* reset */
}
body.smp .article-body .central {
  text-align: left; /* reset */
}
/* 右寄せ */
.article-body .align-right{
  text-align:right;
  font-size:90%;
}
/* 中央寄せ */
.article-body .align-center{
  text-align:center;
}

/* 冒頭文(移行) */
.article-body .article-beginning,
.article-body .lead {
  color: #877521;
  font-weight: bold;
}
.article-body .article-selection-beginning {
  color: #360099;
  font-weight: bold;
}
/* クレジット(移行) */
.article-body .credit {
  display: block;
  /* text-align: right; */
  font-size: 0.8em;
  font-weight: bold;
}
/* 色 (移行：クラス名はそのまま) */
.article-body p.color-blue,
.article-body p span.color-blue,
.article-body .color-blue{
  /*color: #15276a;*/
  /*color:#360099;*/
  color:#1010aa;
}
.article-body p.color-red,
.article-body p span.color-red,
.article-body .color-red{
color:#CC0000;
}
/* 囲み記事 （移行）*/
.article-body .frame {
  display: block;
  padding: 5px;
  color: #333;
  background-color: #f5f5f5;
  border: dotted 2px #ccc;
  margin: 0 0 30px;
  font-size: 0.8em;
}
body.smp .article-body .frame {
  padding: 12px;
}
.article-body .frame h3 { /* 移行：元々は.frameに限らず、本文内h3のスタイル */
  font-size: 1.0em;
  font-weight: bold;
  padding-left: 10px;
  border-left: 12px groove #ff0000;
  margin: 1em 0;
}
.article-body .frame p {
  margin: 0;
}
.article-body .frame img {
  float: left;
  padding: 0 30px 5px 0;
  max-width: 100%;
}
body.smp .article-body .frame img {
  padding: 0 24px 2px 0;
}
.article-body .frame:before,
.article-body .frame:after {
  content: '';
  display: table;
  clear: both;
}

/* dol-plus */
body.dol-plus .sub-recent .content-title {
  line-height: 1.4;
}

body.dol-plus .partner-info {
  border: 1px solid #d8d8d8;
  padding: 20px 16px;
  overflow: hidden;
  word-wrap : break-word;
  overflow-wrap : break-word;
  word-break:normal;
}

body.dol-plus .partner-info dl dt {
  color: #a89416;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

body.dol-plus .partner-info dl dd {
  padding: 12px;
  font-size: 14px;
}

body.dol-plus .partner-info dl dd img {
  max-width: 100%;
}

body.dol-plus .partner-info dl dd:not(.web):not(.link) {
  border-bottom: 1px solid #d8d8d8;
}

body.dol-plus .partner-info dl dd a {
  color: #1a1a1a;
}

body.dol-plus .partner-info dl dd.logo {
  text-align: center;
}

body.dol-plus .partner-info dl dd.web {
  font-size: 12px;
}

body.dol-plus .partner-info dl dd.add span,
body.dol-plus .partner-info dl dd.tel span,
body.dol-plus .partner-info dl dd.web a,
body.dol-plus .partner-info dl dd.mail a {
  padding-left: 40px;
  min-height:25px;
  display: block;
}

body.dol-plus .partner-info dl dd.add span {
  background: url("/common/dol/images/v1/dol-plus/icon-add.png?rd=20171013") no-repeat 0 50%/19px 25px;
  line-height: 20px;
}

body.dol-plus .partner-info dl dd.tel span {
  background: url("/common/dol/images/v1/dol-plus/icon-tel.png?rd=20171013") no-repeat 0 50%/24px 25px;
  line-height: 25px;
}

body.dol-plus .partner-info dl dd.web a {
  background: url("/common/dol/images/v1/dol-plus/icon-web.png?rd=20171013") no-repeat 0 50%/25px 25px;
  line-height: 25px;
}

body.dol-plus .partner-info dl dd.mail a {
  background: url("/common/dol/images/v1/dol-plus/icon-mail.png?rd=20171013") no-repeat 0 50%/24px 16px;
  line-height: 25px;
}

body.dol-plus .partner-info dl dd.link {
  padding: 6px 0 0 0;
}

body.dol-plus .partner-info dl dd.link a.btn {
  width: 100%;
  display: block;
  margin: 0 auto;
  background: #15276a;
  border-radius: 2px;
  box-sizing: border-box;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 3.125;
  padding:0;
}

body.dol-plus .partner-info dl dd.link a.btn::before {
  content: "▲";
  display: inline-block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  vertical-align: middle;
  margin-right: 0.37em;
  font-size: 10px;
}

body.dol-plus .sub-title {
  width: 7em;
  margin: 0px auto 20px auto;
  padding: 2px 0px 1px 0px;
  background-color: #baac71;
  color: #fff;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
}

body.dol-plus #sub-column ul.partner-list {
  margin-bottom: 0;
}

body.dol-plus ul.partner-list {
  border-bottom: 1px solid #d8d8d8;
}

body.dol-plus ul.partner-list li {
  border-top: 1px solid #d8d8d8;
  padding: 8px 0 8px 2px;
}

body.dol-plus ul.partner-list li a {
  padding: 14px 18px 14px 13px;
  display: block;
  border-left: 3px solid #baac71;
  color: #1a1a1a;
}

body.dol-plus ul.partner-list li a:hover {
    text-decoration: none;
}

body.dol-plus ul.partner-list li a .partner {
  color: #a89416;
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
  display: block;
}

body.dol-plus ul.partner-list li a .lead {
  color: #1a1a1a;
  font-size: 13px;
  padding-top: 16px;
  display: block;
  line-height: 22px;
}

body.dol-plus ul.partner-list li a:hover .lead {
  text-decoration: underline;
}

body.dol-plus ul.partner-link {
  border-bottom: 1px solid #d8d8d8;
}

body.dol-plus ul.partner-link li:not(:first-child) {
  border-top: 1px dashed #d8d8d8;
}

body.dol-plus ul.partner-link li a {
  display: block;
  color: #1a1a1a;
}

body.dol-plus ul.partner-link li a span,
body.dol-plus ul.partner-link li span {
  display: block;
  padding: 14px 18px;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
}

body.dol-plus .article-header .flag {
  float: right;
  font-size: 14px;
  background-color: #BAAC72;
  color: #fff;
  padding: 0.25em;
  line-height: 1;
}

body.dol-plus .plus-top-banner{
  text-align: center;
  max-width: 100%;
  margin-bottom: 20px;
}

body.dol-plus .plus-top-banner img {
  max-width: 100%;
}

body.dol-plus .plus-top-banner a {
  display: block;
}

body.dol-plus .article-partner {
  float:left;
  font-size:16px;
}

body.dol-plus .content {
  margin-bottom: 20px;
}

/* dol-plus(sp) */
body.smp.dol-plus .partner-info dl dd.link a.btn::before {
  content: none;
}

body.smp.dol-plus .content-title {
  text-align: center;
}

body.smp.dol-plus .partner-info {
  padding: 18px 10px;
}

body.smp.dol-plus .partner-info dl dt {
  font-size:15px;
}

body.smp.dol-plus .partner-info dl dd.web {
    font-size: 14px;
}

body.smp.dol-plus .partner-info dl dd:not(.link) {
  padding: 16px 18px;
}

body.smp.dol-plus .sub-title {
  font-size: 17px;
  font-weight: bold;
}

body.smp.dol-plus ul.partner-list li a {
  padding: 14px 10px;
  border-left:none;
}

body.smp.dol-plus ul.partner-link li a span,
body.smp.dol-plus ul.partner-link li span {
  padding: 16px 10px;
}

body.smp.dol-plus ul.partner-list li a .partner {
  font-size: 15px;
}

body.smp.dol-plus ul.partner-link li:not(:first-child) {
    border-top: 1px solid #d8d8d8;
}

body.smp.dol-plus ul.partner-list li {
    padding:0;
}

body.smp.dol-plus ul.partner-list li:first-child {
  border-top: none;
}

body.smp.dol-plus .sub-title {
  margin: 0px auto 15px auto;
}

body.smp.dol-plus ul.partner-list li a .lead {
  font-size: 14px;
  padding-top: 10px;
}

body.smp.dol-plus .author-link  {
  font-size:14px;
  padding-top:1em;
}

body.smp.dol-plus .article-header .flag {
  font-size: 12px;
}

body.smp.dol-plus .article-header .article-pub-date {
  line-height: 18px;
}

body.smp.dol-plus .article-header .article-title.with-subtitle {
  clear:both;
  padding-top:8px;
}

body.smp.dol-plus .article-header {
  padding: 0;
  border-top: none;
}

/************ 教育系ランキング表スタイル ************/
.c-rank-tbl, .c-area-tbl, .c-tbl-school__details, .c-rank-tbl-details { font-size:14px; border-collapse:collapse; border-top: 1px solid #bbac71; border-left: 1px solid #bbac71; width:630px; margin:0 0 20px; }
.rank-tbl-item__rank, .rank-tbl-item__score, .rank-tbl-item__schoolname, .rank-tbl-item__area { vertical-align:middle; text-aling:left; padding:5px; border-right: dotted 1px #dbd5bb; border-bottom: dotted 1px #dbd5bb;}
.rank-tbl-item__rank { background-color:#dbd5bb; }
.rank-tbl-item__score { font-weight:bold; }
.rank-tbl-item__remarks { text-align:right; padding:0; border-bottom: 1px solid #bbac71; border-right: 1px solid #bbac71; }
.rank-tbl-item { border-right: solid 1px #FFF; border-bottom: solid 1px #FFF; background-color:#bbac71; padding:2px; }
.rank-tbl-item:last-child, .rank-tbl-item__rank:last-child, .rank-tbl-item__score:last-child, .rank-tbl-item__schoolname:last-child, .rank-tbl-item__area:last-child { border-right: solid 1px #bbac71; }

.area-tbl-item { background:#ebf0f7; padding: 10px 4px; text-align:center; width:25%; border-right:1px dotted #bbac71; border-bottom:1px dotted #bbac71; }
.area-tbl-item__pubdate { font-size:12px; }
.area-tbl-title { text-align:center; background:#dbd5bb; padding: 10px 4px; border-right:1px solid #bbac71; border-bottom:1px solid #bbac71; font-size:1.6rem; }
.area-tbl-title > strong, .rank-tbl-details-title > strong { font-weight:bold; }
.area-tbl-item:last-child { border-right:1px solid #bbac71; }
.c-area-tbl tr:last-child .area-tbl-item { border-bottom:1px solid #bbac71; }

.school-details-outline__name, .school-details-outline__address { font-size:1.6rem; background:#bbac71; border-right:1px solid #FFF; border-bottom:1px solid #FFF; padding:0 2px; }
.school-details-outline__address { font-size:12px; border-right:1px solid #bbac71; }
.school-details-outline__title { width:20%; text-align:center; background:#bbac71; border-right:1px solid #FFF; border-bottom:1px solid #FFF; }
.school-details-outline__title > span, .school-details-item__title > span { font-size:12px; }
.school-details-outline__title > strong, .school-details-item__value > strong { font-weight:bold; font-size:13px; }
.school-details-outline__score { background:#15276a; color:#FFF; font-size:20px; border-bottom:1px solid #bbac71; vertical-align:middle; }
.school-details-item__value { text-align:center; background:#dbd5bb; border-right:1px solid #FFF; border-bottom:1px solid #bbac71; }
.school-modelcase__info { text-align:left; padding:2px; border-right:1px dotted #dbd5bb; border-bottom:1px dotted #dbd5bb; }
.school-details-item__title { text-align:center; background:#bbac71; border-right:1px solid #FFF; border-bottom:1px solid #FFF; }
.school-details-note__text { text-align:left; font-size:11px; padding:2px; border-right:1px solid #bbac71; border-bottom:1px solid #bbac71; }
.school-modelcase__info:last-child, .school-details-item__title:last-child, .school-details-outline__title:last-child, .school-details-item__value:last-child { border-right:1px solid #bbac71; }

.rank-tbl-title { text-align:left; background:#dbd5bb; padding: 10px 4px; border-right:1px solid #bbac71; border-bottom:1px solid #bbac71; font-size:1.6rem; }
.rank-tbl-text__rank { text-align:center; background:#bbac71; width:8%; color:#FFF; border-right: 1px solid #FFF; }
.rank-tbl-text__rank > strong, .rank-tbl-text__schoolname > strong { font-weight:bold; font-size:18px; }
.rank-tbl-text__score { font-size:12px; margin:3rem 0; display:inline-block; }
.rank-tbl-text__schoolname { padding: 2px 4px; border-right:1px solid #bbac71; border-bottom:1px solid #dbd5bb; }
.rank-tbl-item__title { background:#dbd5bb; padding: 1px 0px 1px 4px; width:20%; border-right:1px dotted #FFF; border-bottom:1px dotted #FFF; }
.rank-tbl-item__value { padding: 1px 0px 1px 4px; width:26%; border-right:1px dotted #dbd5bb; border-bottom: 1px dotted #dbd5bb; }
.rank-tbl-item__value:last-child { border-right:1px solid #bbac71; }
.rank-tbl-item__value > strong { color:#F00; font-weight:bold; }
.rank-tbl-remarks { font-size:10px; border-bottom:1px solid #bbac71; border-right:1px solid #bbac71; padding:0 2px; }

body.smp .c-rank-tbl, body.smp .c-area-tbl, body.smp .c-tbl-school__details, body.smp .c-rank-tbl-details { width:100%; }

/* テーブル、カラム横幅調整用class */
.u-width__liquid { width:95%; }
.u-col-width__1 { width:1%; }
.u-col-width__2 { width:2%; }
.u-col-width__3 { width:3%; }
.u-col-width__4 { width:4%; }
.u-col-width__5 { width:5%; }
.u-col-width__6 { width:6%; }
.u-col-width__7 { width:7%; }
.u-col-width__8 { width:8%; }
.u-col-width__9 { width:9%; }
.u-col-width__10 { width:10%; }
.u-col-width__11 { width:11%; }
.u-col-width__12 { width:12%; }
.u-col-width__13 { width:13%; }
.u-col-width__14 { width:14%; }
.u-col-width__15 { width:15%; }
.u-col-width__16 { width:16%; }
.u-col-width__17 { width:17%; }
.u-col-width__18 { width:18%; }
.u-col-width__19 { width:19%; }
.u-col-width__20 { width:20%; }
.u-col-width__21 { width:21%; }
.u-col-width__22 { width:22%; }
.u-col-width__23 { width:23%; }
.u-col-width__24 { width:24%; }
.u-col-width__25 { width:25%; }
.u-col-width__26 { width:26%; }
.u-col-width__27 { width:27%; }
.u-col-width__28 { width:28%; }
.u-col-width__29 { width:29%; }
.u-col-width__30 { width:30%; }
.u-col-width__31 { width:31%; }
.u-col-width__32 { width:32%; }
.u-col-width__33 { width:33%; }
.u-col-width__34 { width:34%; }
.u-col-width__35 { width:35%; }
.u-col-width__36 { width:36%; }
.u-col-width__37 { width:37%; }
.u-col-width__38 { width:38%; }
.u-col-width__39 { width:39%; }
.u-col-width__40 { width:40%; }
.u-col-width__41 { width:41%; }
.u-col-width__42 { width:42%; }
.u-col-width__43 { width:43%; }
.u-col-width__44 { width:44%; }
.u-col-width__45 { width:45%; }
.u-col-width__46 { width:46%; }
.u-col-width__47 { width:47%; }
.u-col-width__48 { width:48%; }
.u-col-width__49 { width:49%; }
.u-col-width__50 { width:50%; }
.u-col-width__51 { width:51%; }
.u-col-width__52 { width:52%; }
.u-col-width__53 { width:53%; }
.u-col-width__54 { width:54%; }
.u-col-width__55 { width:55%; }
.u-col-width__56 { width:56%; }
.u-col-width__57 { width:57%; }
.u-col-width__58 { width:58%; }
.u-col-width__59 { width:59%; }
.u-col-width__60 { width:60%; }
.u-col-width__61 { width:61%; }
.u-col-width__62 { width:62%; }
.u-col-width__63 { width:63%; }
.u-col-width__64 { width:64%; }
.u-col-width__65 { width:65%; }
.u-col-width__66 { width:66%; }
.u-col-width__67 { width:67%; }
.u-col-width__68 { width:68%; }
.u-col-width__69 { width:69%; }
.u-col-width__70 { width:70%; }
.u-col-width__71 { width:71%; }
.u-col-width__72 { width:72%; }
.u-col-width__73 { width:73%; }
.u-col-width__74 { width:74%; }
.u-col-width__75 { width:75%; }
.u-col-width__76 { width:76%; }
.u-col-width__77 { width:77%; }
.u-col-width__78 { width:78%; }
.u-col-width__79 { width:79%; }
.u-col-width__80 { width:80%; }
.u-col-width__81 { width:81%; }
.u-col-width__82 { width:82%; }
.u-col-width__83 { width:83%; }
.u-col-width__84 { width:84%; }
.u-col-width__85 { width:85%; }
.u-col-width__86 { width:86%; }
.u-col-width__87 { width:87%; }
.u-col-width__88 { width:88%; }
.u-col-width__89 { width:89%; }
.u-col-width__90 { width:90%; }
.u-col-width__91 { width:91%; }
.u-col-width__92 { width:92%; }
.u-col-width__93 { width:93%; }
.u-col-width__94 { width:94%; }
.u-col-width__95 { width:95%; }
.u-col-width__96 { width:96%; }
.u-col-width__97 { width:97%; }
.u-col-width__98 { width:98%; }
.u-col-width__99 { width:99%; }
.u-col-width__100 { width:100%; }