@charset "shift_jis";

/* [001] global setting
-------------------------------------------------------*/

body {
	-webkit-text-size-adjust: 100%;
	background: #e3e8ee url(../img/bg.png) repeat 0 0;
	color: #555555;
	font: 81.25%/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.stxt {
	font-size: 68.75%;
}

body.ltxt {
	font-size: 100%;
}

a {
	-webkit-tap-highlight-color: rgba(30, 15, 190, 0.3);
	-webkit-touch-callout: none;
}

.clearfix,
.group,
.hgroup,
#nw-content,
a.img-hover {
	zoom: 1;
}

.clearfix:after,
.group:after,
.hgroup:after,
#nw-content:after,
a.img-hover:after {
	clear: both;
	content: "";
	display: block;
}

a:link {
	color: #0073be;
	text-decoration: underline;
}

a:visited {
	color: #19089a;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #004573;
	text-decoration: none;
}

.strong,
strong {
	font-weight: bold;
}

.vanish {
	position: absolute;
	left: -9999em;
}

.section {
	margin-top: 0;
}

.group {
	margin-top: 24px;
}


/* .hf */

body.hf {
	background: none;
}

body.hf #contents {
	text-align: left;
}

body.hf #wrapper {
	background: none;
	padding-bottom: 65px;
}

.pie {
	zoom: 1;
	position: relative;
}

.fb-like {
	vertical-align: top;
}


/* [002] nw-header
-------------------------------------------------------*/

#nw-header {
	background-color: #fff;
	outline: none;
}

#nw-header .nw-inner {
	width: 968px;
	margin: 0 auto;
}

#nw-header #nw-logo {
	float: left;
	padding: 20px 0 20px 14px;
}

#nw-header #nw-utility-nav {
	float: right;
}

#nw-header #nw-utility-nav ul {
	float: left;
	padding-top: 36px;
	padding-right: 18px;
	padding-bottom: 36px;
}

#nw-header #nw-utility-nav ul li {
	float: left;
}

#nw-header #nw-utility-nav ul li:not(:last-child) {
	line-height: 1;
	margin-top: 4px;
	margin-right: 8px;
	padding-right: 8px;
	border-right: 1px solid #c5c5c5;
}


/* font-size */

#nw-header #nw-utility-nav ul li dl {
	margin: 0;
	padding: 0;
}

#nw-header #nw-utility-nav ul li dt {
	float: left;
	margin: 0 6px 0 0;
	padding-top: 1px;
	vertical-align: middle;
}

#nw-header #nw-utility-nav ul li dd {
	float: left;
	margin: 0 0 0 1px;
	line-height: 1.0;
}

#nw-header #nw-utility-nav ul li dd.active span {
	display: block;
	background-color: #0073be;
	color: #ffffff;
}

#nw-header #nw-utility-nav ul li dd a {
	display: table-cell;
	width: 27px;
	height: 21px;
	background-color: #e6e6e6;
	text-align: center;
	vertical-align: middle;
	color: #444444;
	text-decoration: none;
}

#nw-header #nw-utility-nav ul li dd a:hover {
	background-color: #bdbdbd;
}

#nw-header #nw-utility-nav ul li dd.active a,
#nw-header #nw-utility-nav ul li dd.active a:hover {
	background-color: #0073be;
	color: #ffffff;
	text-decoration: underline;
}


/* search */

input.onblur {
	color: #979797;
}

#nw-header #nw-utility-nav #nw-search {
	display: block;
	width: 205px;
	float: right;
	padding: 28px 0 0;
}

#nw-header #nw-utility-nav #search-text {
	width: 164px;
	border: none;
	border-bottom: 1px solid #737373;
	padding: 4px 0 6px 0;
	margin-right: 8px;
}

#nw-header #nw-utility-nav #search-btn {
	vertical-align: middle;
}


/* Global Navi*/

#nw-header .nw-global-nav-outer {
	clear: both;
	width: 100%;
	background: #ffffff url(../img/h_bg.png) repeat-x 0 0;
}

#nw-header #nw-global-nav {
	width: 968px;
	height: 58px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#nw-header #nw-global-nav #nw-nav-home,
#nw-header #nw-global-nav #nw-nav-personal,
#nw-header #nw-global-nav #nw-nav-business,
#nw-header #nw-global-nav #nw-nav-step,
#nw-header #nw-global-nav #nw-nav-corp,
#nw-header #nw-global-nav #nw-nav-contact {
	display: inline-block;
	width: 180px;
	height: 58px;
	overflow: hidden;
	margin: 0;
}

#nw-header #nw-global-nav #nw-nav-home {
	width: 68px;
}

#nw-header #nw-global-nav a {
	display: table-cell;
	width: 180px;
	height: 58px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	line-height: 1.1;
	font-size: 131%;
	text-decoration: none;
}

#nw-header #nw-global-nav #nw-nav-home a {
	width: 68px;
}

#nw-header #nw-global-nav a:hover {
	text-decoration: underline;
}

#nw-header #nw-global-nav li a.nav {
	background: url(../img/h_gnav.png) no-repeat 0 0;
}

#nw-header #nw-global-nav #nw-nav-personal a {
	background-position: -68px 0;
}

#nw-header #nw-global-nav #nw-nav-personal a:hover {
	background-position: -68px -58px;
}

#personal #nw-header #nw-global-nav #nw-nav-personal a {
	background-position: -68px -116px;
	text-decoration: underline;
}

#personal #nw-header #nw-global-nav #nw-nav-personal a:hover {
	background-position: -68px -58px;
}

#personal #nw-header #nw-global-nav #nw-nav-personal a.nowView {
	background-position: -68px -116px !important;
}

#nw-header #nw-global-nav #nw-nav-personal a.nowView {
	background-position: -68px -116px !important;
}

#nw-header #nw-global-nav #nw-nav-business a {
	background-position: -248px 0;
}

#nw-header #nw-global-nav #nw-nav-business a:hover {
	background-position: -248px -58px;
}

#business #nw-header #nw-global-nav #nw-nav-business a {
	background-position: -248px -116px;
	text-decoration: underline;
}

#business #nw-header #nw-global-nav #nw-nav-business a:hover {
	background-position: -248px -58px;
}

#nw-header #nw-global-nav #nw-nav-business a.nowView {
	background-position: -248px -116px !important;
}

#business #nw-header #nw-global-nav #nw-nav-business a.nowView {
	background-position: -248px -116px !important;
}

#nw-header #nw-global-nav #nw-nav-step a {
	background-position: -428px 0;
}

#nw-header #nw-global-nav #nw-nav-step a:hover {
	background-position: -428px -58px;
}

#order #nw-header #nw-global-nav #nw-nav-step a {
	background-position: -428px -116px;
	text-decoration: underline;
}

#order #nw-header #nw-global-nav #nw-nav-step a:hover {
	background-position: -428px -58px;
}

#nw-header #nw-global-nav #nw-nav-step a.nowView {
	background-position: -428px -116px !important;
}

#order #nw-header #nw-global-nav #nw-nav-step a.nowView {
	background-position: -428px -116px !important;
}

#nw-header #nw-global-nav #nw-nav-corp a {
	background-position: -608px 0;
}

#nw-header #nw-global-nav #nw-nav-corp a:hover {
	background-position: -608px -58px;
}

#corporate #nw-header #nw-global-nav #nw-nav-corp a {
	background-position: -608px -116px;
	text-decoration: underline;
}

#corporate #nw-header #nw-global-nav #nw-nav-corp a:hover {
	background-position: -608px -58px;
}

#nw-header #nw-global-nav #nw-nav-corp a.nowView {
	background-position: -608px -116px !important;
}

#corporate #nw-header #nw-global-nav #nw-nav-corp a.nowView {
	background-position: -608px -116px !important;
}

#nw-header #nw-global-nav #nw-nav-contact a {
	background-position: -788px 0;
}

#nw-header #nw-global-nav #nw-nav-contact a:hover {
	background-position: -788px -58px;
}

#inquire #nw-header #nw-global-nav #nw-nav-contact a {
	background-position: -788px -116px;
	text-decoration: underline;
}

#inquire #nw-header #nw-global-nav #nw-nav-contact a:hover {
	background-position: -788px -58px;
}

#nw-header #nw-global-nav #nw-nav-contact a.nowView {
	background-position: -788px -116px !important;
}

#inquire #nw-header #nw-global-nav #nw-nav-contact a.nowView {
	background-position: -788px -116px !important;
}


/*---- Block Skip ----*/

div#blockskip {
	z-index: 9999;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
}

div#blockskip a {
	display: block;
	float: left;
	background: #737373;
	margin: 0;
	margin-top: -1px;
	padding: 0;
	width: 100%;
	min-width: 0;
	color: #ffffff;
	text-align: center;
	text-decoration: underline;
	font-size: 1%;
	color: #ffffff;
	line-height: 0;
	cursor: default;
	height: 1px;
	overflow: hidden;
}

div#blockskip a:hover {
	text-decoration: none;
}

div#blockskip a.show {
	color: #ffffff;
	height: auto;
	margin-top: 0;
	padding: 4px 0 6px;
	font-size: 93%;
	line-height: 1;
	cursor: pointer;
}


/* [003] nw-topicpath
-------------------------------------------------------*/

#nw-topicpath {
	background-color: #f7f5eb;
	font-size: 107.69%;
	line-height: 1.5;
	padding: 13px 0;
}

#nw-topicpath .nw-inner {
	width: 968px;
	margin: 0 auto;
}

#nw-topicpath img {
	margin: 0 8px;
	vertical-align: middle;
}


/* [004] nw-shinsanum
-------------------------------------------------------*/

#nw-shinsa-num {
	width: 968px;
	margin: 0 auto 20px;
	text-align: right;
}

#nw-shinsa-num p {
	display: inline-block;
	text-align: center;
	font-size: 76.92%;
	border: 1px solid #67686a;
	padding: 4px 9px 3px;
}


/* [005] nw-pagetop
-------------------------------------------------------*/

#nw-pagetop {
	width: 968px;
	margin: 0 auto;
}

#nw-pagetop p {
	width: 147px;
	height: 65px;
	margin: 0 auto;
	overflow: hidden;
}

#nw-pagetop p a {
	display: block;
	width: 147px;
	height: 65px;
}

#nw-pagetop-side-wap {
	max-width: 968px;
	margin: 0 auto;
}

#nw-pagetop-side {
	position: fixed;
	bottom: 20px;
	display: none;
	z-index: 999999999999999999;
	margin-left: 895px;
}

/* .nw-pagetop */

.box-content .nw-pagetop,
p.nw-pagetop {
	text-align: right;
}

.ic_pagetop {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 6px;
	background: url(../img/ic_pagetop.svg) no-repeat center left;
	vertical-align: middle;
}


/* [006] nw-footer
-------------------------------------------------------*/

#nw-footer {
	background-color: #f8f8f8;
	text-align: left;
}

#nw-footer a {
	overflow: visible;
}

#nw-footer a:link {
	color: #444444;
	text-decoration: underline;
}

#nw-footer a:visited {
	color: #707070;
	text-decoration: underline;
}

#nw-footer a:hover,
#nw-footer a:active {
	color: #000000;
	text-decoration: none;
}

#nw-footer .nw-inner {
	width: 968px;
	margin: 0 auto;
}

#nw-footer .home a {
	display: inline-block;
	padding: 0 0 0 25px;
	background: url(../img/f_home_g.svg) no-repeat 0 50%;
	line-height: 1.6;
	font-weight: bold;
}

#nw-footer #nw-sitemap-wrap {
	overflow: hidden;
	padding: 60px 0 26px;
}


/* icon_blank */

#nw-footer a.icon-blank,
#nw-footer a.icon-blank:hover {
	display: inline-block;
	padding-right: 24px;
	background: url(../img/icon_blank_button_gray.svg) no-repeat right 6px top 7px;
}

#nw-footer .sitemaps {
	width: 500px;
	float: left;
	line-height: 1.85;
}

#nw-footer .sitemaps li {
	overflow: hidden;
	margin: 0 0 25px;
}

#nw-footer .sitemaps li.btm {
	margin: 0;
}

#nw-footer .sitemaps li a {
	font-weight: bold;
	display: inline-block;
	float: left;
}

#nw-footer .sitemaps li ul {
	padding-left: 170px;
}

#nw-footer .sitemaps li ul li {
	margin: 0;
}

#nw-footer .sitemaps li li a {
	font-weight: normal;
	width: auto;
	float: none;
}

#nw-footer .links {
	width: 384px;
	float: right;
}

#nw-footer .links .facebook {
	width: 220px;
	margin: 0 0 12px;
}

#nw-footer .links .facebook a {
	display: block;
	background: #3c5a98 url(../img/f_fb.svg) no-repeat 14px 50%;
	line-height: 1.23;
	text-decoration: none;
	color: #fff;
	border-radius: 5px;
}

#nw-footer .links .facebook a:hover {
	background-color: #1f3b73;
}

#nw-footer .links .youtube {
	width: 220px;
	margin: 0 0 12px;
}

#nw-footer .links .youtube a {
	display: block;
	background: #cd201f url(../img/f_youtube.svg) no-repeat 14px 50%;
	line-height: 1.23;
	text-decoration: none;
	color: #fff;
	border-radius: 5px;
}

#nw-footer .links .youtube a:hover {
	background-color: #a60505;
}

#nw-footer .links .facebook a.icon-blank span,
#nw-footer .links .youtube a.icon-blank span {
	display: block;
	width: 165px;
	padding: 12px 0 13px 55px;
	background: url(../img/icon_blank_button.svg) no-repeat right 6px top 6px;
}

#nw-footer .links ul {
	line-height: 1.85;
}

#nw-footer .nw-copyright {
	clear: both;
	border-top: 1px solid #cccccc;
	padding: 12px 0 60px;
	text-align: right;
	font-size: 85%;
}


/* popup */

.popup #nw-footer #nw-sitemap-wrap {
	padding: 27px 0 28px;
}

.popup #nw-footer .sitemaps {
	width: 96% !important;
	padding-left: 2%;
	padding-right: 2%;
}

.popup #nw-footer .sitemaps li {
	width: 25%;
	/*width: 244px;*/
	margin-bottom: 0;
	float: left;
	text-align: center;
}

.popup #nw-footer .sitemaps li a {
	float: none;
}

.popup #nw-footer .nw-copyright {
	padding-right: 2%;
}

.columnOne.popup #nw-header #nw-logo {
	width: 96% !important;
	padding-left: 2%;
	padding-right: 2%;
}

.columnOne.popup #nw-header .nw-inner,
.columnOne.popup #nw-footer .nw-inner,
.columnOne.popup #nw-pagetop {
	width: 100% !important;
}

.columnOne.popup #nw-shinsa-num,
.columnOne.popup #nw-content {
	width: 96% !important;
	padding-left: 2%;
	padding-right: 2%;
}

.columnOne.popup #nw-content #nw-article {
	width: 100% !important;
}

.columnOne.popup #nw-content #nw-article .box-content {
	width: auto !important;
}


/* for sp */

.columnOne.popup .box-content img.sp {
	width: 100%;
	height: auto;
}

/* nw-footer2
-------------------------------------------------------*/

#nw-footer2 .footer-in {
	width: 968px;
    margin: 0 auto;

	display: -webkit-flex;
	-webkit-justify-content: space-between;
	display: flex;
	justify-content: space-between;
}

#nw-footer2 .footer-nav {
	display: -webkit-flex;
	display: flex;
}

#nw-footer2 .footer-nav li a {
	display: block;
	text-decoration: none;
	padding: 10px 0;
	margin-right: 25px;
}

#nw-footer2 .footer-nav li a:hover {
	text-decoration: underline;
}

/* footer-upper */

#nw-footer2 #footer-upper {
	margin-top: 16px;
	background-color: #0073BE;
}

#nw-footer2 #footer-upper .footer-in {
	height: 60px;
	background-color: #0073BE;
}

#nw-footer2 #footer-upper li {
	padding: 11px 0;
}

#nw-footer2 #footer-upper a {
	color: #FFF;
	font-size: 93%;
}

/* pagetop-link */

#nw-footer2 #pagetop-link {
	width: 60px;
	height: 60px;
	border-left: solid 1px #3B93CD;
	border-right: solid 1px #3B93CD;
}

#nw-footer2 #pagetop-link a {
	bottom: 40px;
	width: 60px;
	height: 60px;
	background-color: #0073BE;
	z-index: 1;

	display: -webkit-flex;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

#nw-footer2 #pagetop-link a:hover {
	background-color: #3B93CD;
}

/* footer-lower */

#nw-footer2 #footer-lower {
	min-height: 40px;
	background-color: #FFF;
}

#nw-footer2 #footer-lower .footer-in {
	padding-top: 2px;
}

#nw-footer2 #footer-lower a {
	font-size: 85%;
}

/* footer-copy */

#nw-footer2 #footer-copy {
	padding: 10px 0;
	font-size: 85%;
}

#nw-footer2 #footer-copy span {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* [007] nw-content
-------------------------------------------------------*/

#nw-content {
	width: 968px;
	margin: 0 auto;
	padding-bottom: 65px;
	outline: none;
}

#nw-content #nw-article {
	clear: both;
	float: left;
}

#nw-content #nw-aside {
	width: 212px;
	float: right;
}

#nw-content #nw-aside .aside-rad {
	border-radius: 5px;
	background-color: #fff;
	margin-bottom: 16px;
}

#nw-content #nw-aside .aside-title {
	font-size: 123.07%;
	padding: 19px 15px 18px;
	background-color: #1976be;
	color: #ffffff;
	border-bottom: 1px solid #ececec;
}

#nw-content #nw-aside .aside-rad > .aside-title {
	border-radius: 5px 5px 0 0;
}

#nw-content #nw-aside .aside-title a,
#nw-content #nw-aside .aside-title a:hover {
	color: #fff;
	text-decoration: none;
}


/* リンクがあるとき */

#nw-content #nw-aside .aside-title.link {
	padding: 0;
}

#nw-content #nw-aside .aside-title.link a {
	display: block;
	padding: 19px 15px 18px 33px;
	color: #ffffff;
	border-bottom: 1px solid #ececec;
	background: #1976be url(../img/icon_link_arrow_white.png) no-repeat 11px 50%;
	border-radius: 5px 5px 0 0;
}

#nw-content #nw-aside .aside-title.link a:hover {
	text-decoration: none;
	background: #085b9a url(../img/icon_link_arrow_white.png) no-repeat 11px 50%;
}


/* [008] aside
-------------------------------------------------------*/

.aside-box,
#related-link {
	padding: 22px 16px;
}
#related-link img {
	width: 100%;
}
#nw-aside dt {
	border-top: 1px solid #cccccc;
}

#nw-aside dt:first-child {
	border-top: none;
}

#nw-aside dt:last-child a {
	border-radius: 0 0 5px 5px;
}

#nw-aside dt a {
	display: block;
	padding: 12px 45px 12px 16px;
	font-weight: bold;
}

#nw-aside dt.btn-open a {
	background: url(/cmn/img/icon_open.png) no-repeat 100% 7px;
}

#nw-aside dt.btn-open a:hover {
	background-position: 100% -194px;
}

#nw-aside dt.open a {
	background: url(/cmn/img/icon_open.png) no-repeat 100% -314px;
}

#nw-aside dt.open a:hover {
	background-position: 100% -90px;
}

#nw-aside dd {
	border-top: 1px solid #cccccc;
}

#nw-aside dd li {
	border-top: 1px dotted #cccccc;
}

#nw-aside dd li a {
	display: block;
	padding: 14px 16px 14px 28px;
}


/*#nw-aside dt span,
#nw-aside dd span,
#nw-aside dd li.stay a { display:block; padding:14px 16px 14px 28px; background-color:#f7f5eb; }
#nw-aside dd li:first-child { border-top:none; }*/

#nw-aside dt span,
#nw-aside dd span,
#nw-aside dd li.stay a {
	display: block;
	padding: 14px 16px 14px 32px;
	background-color: #faf8ed;
	border-left: 4px solid #075992;
}

#nw-aside dd li:first-child {
	border-top: none;
}


/*#nw-aside dt.stay a {background-color:#f7f5eb;}*/

#nw-aside dt.stay a {
	background-color: #faf8ed;
}

#nw-aside dt span {
	padding: 12px 45px 12px 16px;
}


/* aside-ul-type */

#nw-aside ul.aside-ul-type li.firsr-child {
	border-top: medium none;
}

.aside-rad ul.aside-ul-type li {
	border-top: 1px solid #cccccc;
}

.aside-rad ul.aside-ul-type li:first-child {
	border-top: none;
}

.aside-rad ul.aside-ul-type li a {
	display: block;
	font-weight: bold;
	padding: 12px 45px 12px 16px;
}

.aside-rad ul.aside-ul-type li span {
	background-color: #faf8ed;
	display: block;
	padding: 12px 45px 12px 16px;
}

.aside-rad ul.aside-ul-type li.stay {
	background-color: #faf8ed;
}

.aside-rad ul.aside-ul-type li.stay a {
	padding-left: 20px;
	border-left: 4px solid #075992;
}

.aside-rad ul.aside-ul-type li:last-child.stay a {
	border-radius: 0 0 5px 5px;
}


/* [009] column
-------------------------------------------------------*/

.columnOne,
.columnTwo,
.columnThree {
	zoom: 1;
}

.columnOne:after,
.columnTwo:after,
.columnThree:after {
	clear: both;
	content: "";
	display: block;
}


/* columnOne */

.columnOne #nw-content,
.columnOne #nw-content #nw-article {
	width: 968px !important;
}


/* columnTwo */

.columnTwo #nw-content #nw-article {
	width: 740px;
}

.columnTwo #nw-content #nw-aside {
	width: 212px;
}


/* [010] other
-------------------------------------------------------*/

.allianceBnr {
	margin-bottom: 45px;
}

.allianceBnr p {
	margin: 0 0 20px 0 !important;
}

.allianceBnr ul {
	margin: 0 auto;
	width: 910px;
}

.allianceBnr ul li {
	float: left;
}

.allianceBnr ul li:FIRST-CHILD {
	margin-right: 10px;
}

.allianceBnr ul li a:HOVER {
	opacity: .7;
	filter: alpha(opacity=70);
}


/*------------------------------------*\
	Grid
\*------------------------------------*/

.grid {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.grid * {
	box-sizing: border-box;
}

.grid-cell {
	-webkit-flex: 1;
	flex: 1;
}

.grid-cell[class*=of12] {
	-webkit-flex: none;
	flex: none;
}

.grid-cell.\-12of12 { width: 100%; }
.grid-cell.\-11of12 { width: calc(100% * 11 / 12); }
.grid-cell.\-10of12 { width: calc(100% * 10 / 12); }
.grid-cell.\-9of12  { width: calc(100% * 9 / 12);  }
.grid-cell.\-8of12  { width: calc(100% * 8 / 12);  }
.grid-cell.\-7of12  { width: calc(100% * 7 / 12);  }
.grid-cell.\-6of12  { width: calc(100% * 6 / 12);  }
.grid-cell.\-5of12  { width: calc(100% * 5 / 12);  }
.grid-cell.\-4of12  { width: calc(100% * 4 / 12);  }
*::-ms-backdrop, .grid-cell.\-4of12 { width: 33.33%; /* IE11 */ }
.grid-cell.\-3of12  { width: calc(100% * 3 / 12);  }
.grid-cell.\-2of12  { width: calc(100% * 2 / 12);  }
.grid-cell.\-1of12  { width: calc(100% * 1 / 12);  }

.grid-cell.\-1of2   { width: calc(100% * 1 / 2);  }
.grid-cell.\-1of3   { width: calc(100% * 1 / 3);  }
.grid-cell.\-1of4   { width: calc(100% * 1 / 4);  }
.grid-cell.\-1of5   { width: calc(100% * 1 / 5);  }
.grid-cell.\-1of6   { width: calc(100% * 1 / 6);  }
.grid-cell.\-1of7   { width: calc(100% * 1 / 7);  }
.grid-cell.\-1of8   { width: calc(100% * 1 / 8);  }
.grid-cell.\-1of9   { width: calc(100% * 1 / 9);  }
.grid-cell.\-1of10  { width: calc(100% * 1 / 10); }
.grid-cell.\-1of11  { width: calc(100% * 1 / 11); }

.grid-cell > *:not(.grid):not(a.hover) {
	width: 100%;
}

.grid-auto > .grid-cell {
	-webkit-flex-basis: auto;
	flex-basis: auto;
}

.grid-margin {
	margin: 16px -8px -16px;
}

.grid-margin:only-child,
.grid-margin .grid-margin {
	margin-top: 0;
}

.grid-margin > .grid-cell {
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 16px;
}

.grid-margin-lg {
	margin: 24px -12px -24px;
}

.grid-margin-lg > .grid-cell {
	padding-right: 12px;
	padding-left: 12px;
	margin-bottom: 24px;
}

.grid-margin-10 {
	margin: 0 -10px -10px;
}

.grid-margin-10 > .grid-cell {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.grid-list > .grid-cell {
	margin-bottom: 10px;
}

.grid-auto > .grid-cell {
	-webkit-flex-basis: auto;
	flex-basis: auto;
}

.grid-fill > .grid-cell {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
}

.grid-top {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.grid-bottom {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.grid-middle {
	-webkit-align-items: center;
	align-items: center;
}

.grid-left {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.grid-center {
	-webkit-justify-content: center;
	justify-content: center;
}

.grid-right {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.grid-between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.grid-around {
	-webkit-justify-content: space-around;
	justify-content: space-around;
}