@charset "utf-8";

/* All Magin + Padding Clear ----- */
* { margin:0; padding:0; }

html {
	width: 100%;
	height: 100%;
	font-size: 100%;
}

body {
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: normal;
	margin: 0;
}

.navbar {
	border: none;
	margin-bottom: 0;
}

.navbar-default {
	border-radius: 0;
	box-shadow: none;
}

.block { display: block; }
.inline-block { display: inline-block; }
.relative { position: relative; }



/* Text Bring ----- */

.tAc, .xtAc { text-align: center !important; }
.tAl, .xtAl { text-align: left !important; }
.tAr, .xtAr { text-align: right !important; }



/* Font Size ----- */

/* 10px */
.font--3 { font-size: 0.625em; }

/* 12px */
.font--2 { font-size: 0.75em; }

/* 14px */
.font--1 { font-size: 0.875em; }

/* 16px */
.font-0 { font-size: 1em; }

/* 18px */
.font-1 { font-size: 1.125em; }

/* 21px */
.font-2 { font-size: 1.3125em; }

/* 24px */
.font-3 { font-size: 1.5em; }

/* 30px */
.font-4 { font-size: 1.875em; }

/* 36px */
.font-5 { font-size: 2.25em; }

/* 48px */
.font-6 { font-size: 3em; }

/* Font Color ----- */
.fff { color: #fff !important; }
.black { color: #333 !important; }


/* Font Weight ----- */

.bold { font-weight: bold; }
.bold-off { font-weight: normal; }



/* Font Style ----- */

.trebuchet { font-family: "Trebuchet MS"; }
.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }



/* HR ----- */

hr { border-top-color: #999; margin-top: 1.5%; margin-bottom: 1.5%; }
hr.ccc { border-top-color: #ccc; } 
hr.dark { border-top-color: #333; }
hr.solid { border-top-style: solid; }
hr.dotted { border-top-style: dotted; }
hr.dashed { border-top-style: dashed; }



/* Background Color ----- */

.bg-color-none { background-color: transparent; }
.bg-white { background-color: #fff; }

ul.default { padding-left: 20px; }
ul.decimal { list-style: decimal; }
ul.square { list-style: square; }

	ul:not(.navbar-nav) > li:nth-child(1) { z-index: 39; }
	ul:not(.navbar-nav) > li:nth-child(2) { z-index: 38; }
	ul:not(.navbar-nav) > li:nth-child(3) { z-index: 37; }
	ul:not(.navbar-nav) > li:nth-child(4) { z-index: 36; }
	ul:not(.navbar-nav) > li:nth-child(5) { z-index: 35; }
	ul:not(.navbar-nav) > li:nth-child(6) { z-index: 34; }
	ul:not(.navbar-nav) > li:nth-child(7) { z-index: 33; }
	ul:not(.navbar-nav) > li:nth-child(8) { z-index: 32; }
	ul:not(.navbar-nav) > li:nth-child(9) { z-index: 31; }
	ul:not(.navbar-nav) > li:nth-child(10) { z-index: 30; }
	ul:not(.navbar-nav) > li:nth-child(11) { z-index: 29; }
	ul:not(.navbar-nav) > li:nth-child(12) { z-index: 28; }
	ul:not(.navbar-nav) > li:nth-child(13) { z-index: 27; }
	ul:not(.navbar-nav) > li:nth-child(14) { z-index: 26; }
	ul:not(.navbar-nav) > li:nth-child(15) { z-index: 25; }
	ul:not(.navbar-nav) > li:nth-child(16) { z-index: 24; }
	ul:not(.navbar-nav) > li:nth-child(17) { z-index: 23; }
	ul:not(.navbar-nav) > li:nth-child(18) { z-index: 22; }
	ul:not(.navbar-nav) > li:nth-child(19) { z-index: 21; }
	ul:not(.navbar-nav) > li:nth-child(20) { z-index: 20; }
	ul:not(.navbar-nav) > li:nth-child(21) { z-index: 19; }
	ul:not(.navbar-nav) > li:nth-child(22) { z-index: 18; }
	ul:not(.navbar-nav) > li:nth-child(23) { z-index: 17; }
	ul:not(.navbar-nav) > li:nth-child(24) { z-index: 16; }
	ul:not(.navbar-nav) > li:nth-child(25) { z-index: 15; }
	ul:not(.navbar-nav) > li:nth-child(26) { z-index: 14; }
	ul:not(.navbar-nav) > li:nth-child(27) { z-index: 13; }
	ul:not(.navbar-nav) > li:nth-child(28) { z-index: 12; }
	ul:not(.navbar-nav) > li:nth-child(29) { z-index: 11; }
	ul:not(.navbar-nav) > li:nth-child(30) { z-index: 10; }
	ul:not(.navbar-nav) > li:nth-child(31) { z-index: 9; }
	ul:not(.navbar-nav) > li:nth-child(32) { z-index: 8; }
	ul:not(.navbar-nav) > li:nth-child(33) { z-index: 7; }
	ul:not(.navbar-nav) > li:nth-child(34) { z-index: 6; }
	ul:not(.navbar-nav) > li:nth-child(35) { z-index: 5; }
	ul:not(.navbar-nav) > li:nth-child(36) { z-index: 4; }
	ul:not(.navbar-nav) > li:nth-child(37) { z-index: 3; }
	ul:not(.navbar-nav) > li:nth-child(38) { z-index: 2; }
	ul:not(.navbar-nav) > li:nth-child(39) { z-index: 1; }
	ul:not(.navbar-nav) > li:nth-child(40) { z-index: 0; }




/* Margin & Padding ----- */

.pt-0, .ph-0, .pa-0 { padding-top: 0 !important; }
.pt-1, .ph-1, .pa-1 { padding-top: 3% !important; }
.pt-2, .ph-2, .pa-2 { padding-top: 4% !important; }
.pt-3, .ph-3, .pa-3 { padding-top: 5% !important; }
.pt-4, .ph-4, .pa-4 { padding-top: 6% !important; }
.pt-5, .ph-5, .pa-5 { padding-top: 7% !important; }
.pb-0, .ph-0, .pa-0 { padding-bottom: 0 !important; }
.pb-1, .ph-1, .pa-1 { padding-bottom: 3% !important; }
.pb-2, .ph-2, .pa-2 { padding-bottom: 4% !important; }
.pb-3, .ph-3, .pa-3 { padding-bottom: 5% !important; }
.pb-4, .ph-4, .pa-4 { padding-bottom: 6% !important; }
.pb-5, .ph-5, .pa-5 { padding-bottom: 7% !important; }

.pl-0, .pw-0, .pa-0 { padding-left: 0 !important; }
.pl-1, .pw-1, .pa-1 { padding-left: 3% !important; }
.pl-2, .pw-2, .pa-2 { padding-left: 4% !important; }
.pl-3, .pw-3, .pa-3 { padding-left: 5% !important; }
.pl-4, .pw-4, .pa-4 { padding-left: 6% !important; }
.pl-5, .pw-5, .pa-5 { padding-left: 7% !important; }

.pr-0, .pw-0, .pa-0 { padding-right: 0 !important; }
.pr-1, .pw-1, .pa-1 { padding-right: 3% !important; }
.pr-2, .pw-2, .pa-2 { padding-right: 4% !important; }
.pr-3, .pw-3, .pa-3 { padding-right: 5% !important; }
.pr-4, .pw-4, .pa-4 { padding-right: 6% !important; }
.pr-5, .pw-5, .pa-5 { padding-right: 7% !important; }

.mt-0, .mh-0, .ma-0 { margin-top: 0 !important; }
.mt-1, .mh-1, .ma-1 { margin-top: 3% !important; }
.mt-2, .mh-2, .ma-2 { margin-top: 4% !important; }
.mt-3, .mh-3, .ma-3 { margin-top: 5% !important; }
.mt-4, .mh-4, .ma-4 { margin-top: 6% !important; }
.mt-5, .mh-5, .ma-5 { margin-top: 7% !important; }

.mb-0, .mh-0, .ma-0 { margin-bottom: 0 !important; }
.mb-1, .mh-1, .ma-1 { margin-bottom: 3% !important; }
.mb-2, .mh-2, .ma-2 { margin-bottom: 4% !important; }
.mb-3, .mh-3, .ma-3 { margin-bottom: 5% !important; }
.mb-4, .mh-4, .ma-4 { margin-bottom: 6% !important; }
.mb-5, .mh-5, .ma-5 { margin-bottom: 7% !important; }

.ml-0, .mw-0, .ma-0 { margin-left: 0 !important; }
.ml-1, .mw-1, .ma-1 { margin-left: 3% !important; }
.ml-2, .mw-2, .ma-2 { margin-left: 4% !important; }
.ml-3, .mw-3, .ma-3 { margin-left: 5% !important; }
.ml-4, .mw-4, .ma-4 { margin-left: 6% !important; }
.ml-5, .mw-5, .ma-5 { margin-left: 7% !important; }

.mr-0, .mw-0, .ma-0 { margin-right: 0 !important; }
.mr-1, .mw-1, .ma-1 { margin-right: 3% !important; }
.mr-2, .mw-2, .ma-2 { margin-right: 4% !important; }
.mr-3, .mw-3, .ma-3 { margin-right: 5% !important; }
.mr-4, .mw-4, .ma-4 { margin-right: 6% !important; }
.mr-5, .mw-5, .ma-5 { margin-right: 7% !important; }



.pt-md-0 { padding-top: 0 !important; }
.pt-md-1 { padding-top: 1.5% !important; }
.pt-md-2 { padding-top: 2% !important; }
.pt-md-3 { padding-top: 3% !important; }
.pt-md-4 { padding-top: 6% !important; }
.pt-md-5 { padding-top: 9% !important; }
	
.pb-md-0 { padding-bottom: 0 !important; }
.pb-md-1 { padding-bottom: 1.5% !important; }
.pb-md-2 { padding-bottom: 2% !important; }
.pb-md-3 { padding-bottom: 3% !important; }
.pb-md-4 { padding-bottom: 6% !important; }
.pb-md-5 { padding-bottom: 9% !important; }

.px-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.px-md-1 { padding-top: 1.5% !important; padding-bottom: 1.5% !important; }
.px-md-2 { padding-top: 2% !important; padding-bottom: 2% !important; }
.px-md-3 { padding-top: 3% !important; padding-bottom: 3% !important; }
.px-md-4 { padding-top: 6% !important; padding-bottom: 6% !important; }
.px-md-5 { padding-top: 9% !important; padding-bottom: 9% !important; }
	
.mt-md-0 { margin-top: 0 !important; }
.mt-md-1 { margin-top: 1.5% !important; }
.mt-md-2 { margin-top: 2% !important; }
.mt-md-3 { margin-top: 3% !important; }
.mt-md-4 { margin-top: 6% !important; }
.mt-md-5 { margin-top: 9% !important; }
	
.mb-md-0 { margin-bottom: 0 !important; }
.mb-md-1 { margin-bottom: 1.5% !important; }
.mb-md-2 { margin-bottom: 2% !important; }
.mb-md-3 { margin-bottom: 3% !important; }
.mb-md-4 { margin-bottom: 6% !important; }
.mb-md-5 { margin-bottom: 9% !important; }
	
.mx-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.mx-md-1 { margin-top: 1.5% !important; margin-bottom: 1.5% !important; }
.mx-md-2 { margin-top: 2% !important; margin-bottom: 2% !important; }
.mx-md-3 { margin-top: 3% !important; margin-bottom: 3% !important; }
.mx-md-4 { margin-top: 6% !important; margin-bottom: 6% !important; }
.mx-md-5 { margin-top: 9% !important; margin-bottom: 9% !important; }

.al-md-l { margin-left: 0 !important; margin-right: auto !important; }
.al-md-r { margin-left: auto !important; margin-right: 0 !important; }
.al-md-c { margin-left: auto !important; margin-right: auto !important; }



/* Force Imaging ----- */

.remove {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 0;
	font-size: 0.5em;
	text-align: left;
	text-indent: -9999px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}




.flex[class*='fl-'] {
	position: relative;
}
.flex[class*='fl-'] > * {
	position: relative;
	display: block;
	padding-bottom: 15px;
}
.flex.fl-xs-1 > * { /* flex-basis */ width: 8%; flex-basis: 8%; }
.flex.fl-xs-2 > * { /* flex-basis */ width: 16%; flex-basis: 16%; }
.flex.fl-xs-3 > * { /* flex-basis */ width: 25%; flex-basis: 25%; }
.flex.fl-xs-4 > * { /* flex-basis */ width: 33%; flex-basis: 33%; }
.flex.fl-xs-6 > * { /* flex-basis */ width: 50%; flex-basis: 50%; }
.flex.fl-xs-12 > * { /* flex-basis */ width: 100%; }

@media all and (-ms-high-contrast:none) {
	.flex.fl-xs-1 > * { /* flex-basis */ width: 5%; flex-basis: 5%; }
	.flex.fl-xs-2 > * { /* flex-basis */ width: 12%; flex-basis: 12%; }
	.flex.fl-xs-3 > * { /* flex-basis */ width: 21.3%; flex-basis: 21.3%; }
	.flex.fl-xs-4 > * { /* flex-basis */ width: 29.7%; flex-basis: 29.7%; }
	.flex.fl-xs-6 > * { /* flex-basis */ width: 46%; flex-basis: 46%; }
}

/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.flex.fl-xs-1 > * { /* flex-basis */ width: 5%; flex-basis: 5%; }
	.flex.fl-xs-2 > * { /* flex-basis */ width: 16.5%; flex-basis: 16.5%; }
	.flex.fl-xs-3 > * { /* flex-basis */ width: 24.9%; flex-basis: 24.9%; }
	.flex.fl-xs-4 > * { /* flex-basis */ width: 33.2%; flex-basis: 33.2%; }
	.flex.fl-xs-6 > * { /* flex-basis */ width: 49.5%; flex-basis: 49.5%; }
}

.flex[class*='fl-'] > * > .fl-h-fix { position: relative; top: 0; bottom: 0; height: 100%; }

.flex[class*='fl-xs-'] > * { padding-top: 15px; }
.flex.fl-xs-1 > *:nth-child(-n+12),
.flex.fl-xs-2 > *:nth-child(-n+6),
.flex.fl-xs-3 > *:nth-child(-n+4),
.flex.fl-xs-4 > *:nth-child(-n+3),
.flex.fl-xs-6 > *:nth-child(-n+2),
.flex.fl-xs-12 > *:first-child { padding-top: 0; }



@media screen and (min-width:768px){
	br.hidden-xs:not(.hidden-sm) { display: inherit !important; }

	.flex[class*='fl-'] {
		display: -webkit-box;
		display: -ms-flexbox;
		display:-moz-box;
		display:box;
		display: -webkit-flex;
		display: flex;
		width: auto !important;
		letter-spacing: -.40em;
	
		-moz-box-orient:horizontal;
		-webkit-box-orient:horizontal;
		flex-direction: row;
	
		-ms-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap :wrap;
		flex-wrap: wrap;

		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.flex[class*='fl-'] > * {
		float: none !important;
		flex-basis: auto;
		letter-spacing: normal;
		padding-left: 15px;
		padding-right: 15px;
	}

	.flex.fl-sm-1 > * { /* flex-basis */ width: 8%; flex-basis: 8%; }
	.flex.fl-sm-2 > * { /* flex-basis */ width: 16%; flex-basis: 16%; }
	.flex.fl-sm-3 > * { /* flex-basis */ width: 25%; flex-basis: 25%; }
	.flex.fl-sm-4 > * { /* flex-basis */ width: 33%; flex-basis: 33%; }
	.flex.fl-sm-6 > * { /* flex-basis */ width: 50%; flex-basis: 50%; }
	.flex.fl-sm-12 > * { /* flex-basis */ width: 100%; }

	.flex[class*='fl-sm-'] > * { padding-top: 15px; }
	.flex.fl-sm-1 > *:nth-child(-n+12),
	.flex.fl-sm-2 > *:nth-child(-n+6),
	.flex.fl-sm-3 > *:nth-child(-n+4),
	.flex.fl-sm-4 > *:nth-child(-n+3),
	.flex.fl-sm-6 > *:nth-child(-n+2),
	.flex.fl-sm-12 > *:first-child { padding-top: 0; }
}

@media screen and (min-width:768px) and (-ms-high-contrast:none) {
	.flex.fl-sm-1 > * { /* flex-basis */ width: 5%; flex-basis: 5%; }
	.flex.fl-sm-2 > * { /* flex-basis */ width: 12%; flex-basis: 12%; }
	.flex.fl-sm-3 > * { /* flex-basis */ width: 21.3%; flex-basis: 21.3%; }
	.flex.fl-sm-4 > * { /* flex-basis */ width: 29.7%; flex-basis: 29.7%; }
	.flex.fl-sm-6 > * { /* flex-basis */ width: 46%; flex-basis: 46%; }
	.flex.fl-sm-11 > * { /* flex-basis */ width: 87%; flex-basis: 87%; }
}

/*Safariだけに適用されるCSSハック*/
@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:0) {
	.flex.fl-sm-1 > * { /* flex-basis */ width: 5%; flex-basis: 5%; }
	.flex.fl-sm-2 > * { /* flex-basis */ width: 16.5%; flex-basis: 16.5%; }
	.flex.fl-sm-3 > * { /* flex-basis */ width: 24.9%; flex-basis: 24.9%; }
	.flex.fl-sm-4 > * { /* flex-basis */ width: 33.2%; flex-basis: 33.2%; }
	.flex.fl-sm-6 > * { /* flex-basis */ width: 49.5%; flex-basis: 49.5%; }
}

@media screen and (min-width:992px){
	br.hidden-sm { display: inherit !important; }

	.flex.fl-md-1 > * { /* flex-basis */ width: 8.333333333333332%; flex-basis: 8.333333333333332%; }
	.flex.fl-md-2 > * { /* flex-basis */ width: 16.666666666666664%; flex-basis: 16.666666666666664%; }
	.flex.fl-md-3 > * { /* flex-basis */ width: 25%; flex-basis: 25%; }
	.flex.fl-md-4 > * { /* flex-basis */ width: 33.33333333333333%; flex-basis: 33.33333333333333%; }
	.flex.fl-md-6 > * { /* flex-basis */ width: 50%; flex-basis: 50%; }
	.flex.fl-md-12 > * { /* flex-basis */ width: 100%; }

	.flex[class*='fl-md-'] > * { padding-top: 15px; }
	.flex.fl-md-1 > *:nth-child(-n+12),
	.flex.fl-md-2 > *:nth-child(-n+6),
	.flex.fl-md-3 > *:nth-child(-n+4),
	.flex.fl-md-4 > *:nth-child(-n+3),
	.flex.fl-md-6 > *:nth-child(-n+2),
	.flex.fl-md-12 > *:first-child { padding-top: 0; }
}

@media screen and (min-width:992px) and (-ms-high-contrast:none) {
	.flex.fl-md-1 > * { /* flex-basis */ width: 5%; flex-basis: 5%; }
	.flex.fl-md-2 > * { /* flex-basis */ width: 12%; flex-basis: 12%; }
	.flex.fl-md-3 > * { /* flex-basis */ width: 21.3%; flex-basis: 21.3%; }
	.flex.fl-md-4 > * { /* flex-basis */ width: 29.7%; flex-basis: 29.7%; }
	.flex.fl-md-6 > * { /* flex-basis */ width: 46%; flex-basis: 46%; }
}

/*Safariだけに適用されるCSSハック*/
@media screen and (min-width:992px) and (-webkit-min-device-pixel-ratio:0) {
	.flex.fl-md-1 > * { /* flex-basis */ width: 5%; flex-basis: 5%; }
	.flex.fl-md-2 > * { /* flex-basis */ width: 16.5%; flex-basis: 16.5%; }
	.flex.fl-md-3 > * { /* flex-basis */ width: 24.9%; flex-basis: 24.9%; }
	.flex.fl-md-4 > * { /* flex-basis */ width: 33.2%; flex-basis: 33.2%; }
	.flex.fl-md-6 > * { /* flex-basis */ width: 49.5%; flex-basis: 49.5%; }
}

@media screen and (min-width:1200px){
	
	.flex.fl-lg-1 > * { /* flex-basis */ width: 8.333333333333332%; flex-basis: 8.333333333333332%; }
	.flex.fl-lg-2 > * { /* flex-basis */ width: 16.666666666666664%; flex-basis: 16.666666666666664%; }
	.flex.fl-lg-3 > * { /* flex-basis */ width: 25%; flex-basis: 25%; }
	.flex.fl-lg-4 > * { /* flex-basis */ width: 33.33333333333333%; flex-basis: 33.33333333333333%; }
	.flex.fl-lg-6 > * { /* flex-basis */ width: 50%; flex-basis: 50%; }
	.flex.fl-lg-12 > * { /* flex-basis */ width: 100%; }

	.flex[class*='fl-lg-'] > * { padding-top: 15px; }
	.flex.fl-lg-1 > *:nth-child(-n+12),
	.flex.fl-lg-2 > *:nth-child(-n+6),
	.flex.fl-lg-3 > *:nth-child(-n+4),
	.flex.fl-lg-4 > *:nth-child(-n+3),
	.flex.fl-lg-6 > *:nth-child(-n+2),
	.flex.fl-lg-12 > *:first-child { padding-top: 0; }

	.pt-lg-0 { padding-top: 0 !important; }
	.pt-lg-1 { padding-top: 1.5% !important; }
	.pt-lg-2 { padding-top: 2% !important; }
	.pt-lg-3 { padding-top: 3% !important; }
	.pt-lg-4 { padding-top: 6% !important; }
	.pt-lg-5 { padding-top: 9% !important; }
		
	.pb-lg-0 { padding-bottom: 0 !important; }
	.pb-lg-1 { padding-bottom: 1.5% !important; }
	.pb-lg-2 { padding-bottom: 2% !important; }
	.pb-lg-3 { padding-bottom: 3% !important; }
	.pb-lg-4 { padding-bottom: 6% !important; }
	.pb-lg-5 { padding-bottom: 9% !important; }
	
	.px-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
	.px-lg-1 { padding-top: 1.5% !important; padding-bottom: 1.5% !important; }
	.px-lg-2 { padding-top: 2% !important; padding-bottom: 2% !important; }
	.px-lg-3 { padding-top: 3% !important; padding-bottom: 3% !important; }
	.px-lg-4 { padding-top: 6% !important; padding-bottom: 6% !important; }
	.px-lg-5 { padding-top: 9% !important; padding-bottom: 9% !important; }
		
	.mt-lg-0 { margin-top: 0 !important; }
	.mt-lg-1 { margin-top: 1.5% !important; }
	.mt-lg-2 { margin-top: 2% !important; }
	.mt-lg-3 { margin-top: 3% !important; }
	.mt-lg-4 { margin-top: 6% !important; }
	.mt-lg-5 { margin-top: 9% !important; }
		
	.mb-lg-0 { margin-bottom: 0 !important; }
	.mb-lg-1 { margin-bottom: 1.5% !important; }
	.mb-lg-2 { margin-bottom: 2% !important; }
	.mb-lg-3 { margin-bottom: 3% !important; }
	.mb-lg-4 { margin-bottom: 6% !important; }
	.mb-lg-5 { margin-bottom: 9% !important; }
		
	.mx-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
	.mx-lg-1 { margin-top: 1.5% !important; margin-bottom: 1.5% !important; }
	.mx-lg-2 { margin-top: 2% !important; margin-bottom: 2% !important; }
	.mx-lg-3 { margin-top: 3% !important; margin-bottom: 3% !important; }
	.mx-lg-4 { margin-top: 6% !important; margin-bottom: 6% !important; }
	.mx-lg-5 { margin-top: 9% !important; margin-bottom: 9% !important; }

	.al-lg-l { margin-left: 0 !important; margin-right: auto !important; }
	.al-lg-r { margin-left: auto !important; margin-right: 0 !important; }
	.al-lg-c { margin-left: auto !important; margin-right: auto !important; }

	br.hidden-md { display: inherit !important; }
}

@media screen and (min-width:1200px) and (-ms-high-contrast:none) {
	.flex.fl-lg-1 > * { /* flex-basis */ width: 5%; flex-basis: 5%; }
	.flex.fl-lg-2 > * { /* flex-basis */ width: 12%; flex-basis: 12%; }
	.flex.fl-lg-3 > * { /* flex-basis */ width: 21.3%; flex-basis: 21.3%; }
	.flex.fl-lg-4 > * { /* flex-basis */ width: 29.7%; flex-basis: 29.7%; }
	.flex.fl-lg-6 > * { /* flex-basis */ width: 46%; flex-basis: 46%; }
}

/*Safariだけに適用されるCSSハック*/
@media screen and (min-width:1200px) and (-webkit-min-device-pixel-ratio:0) {
	.flex.fl-lg-1 > * { /* flex-basis */ width: 5%; flex-basis: 5%; }
	.flex.fl-lg-2 > * { /* flex-basis */ width: 16.5%; flex-basis: 16.5%; }
	.flex.fl-lg-3 > * { /* flex-basis */ width: 24.9%; flex-basis: 24.9%; }
	.flex.fl-lg-4 > * { /* flex-basis */ width: 33.2%; flex-basis: 33.2%; }
	.flex.fl-lg-6 > * { /* flex-basis */ width: 49.5%; flex-basis: 49.5%; }
}

@media screen and (max-width:1199px){
}

@media screen and (max-width:991px){

	.font-1 { font-size: 1em; }
	.font-2 { font-size: 1.125em; }
	.font-3 { font-size: 1.3125em; }
	.font-4 { font-size: 1.5em; }
	.font-5 { font-size: 1.875em; }
	.font-6 { font-size: 2.25em; }

	.font-1 { font-size: 1em; }
	.font-2 { font-size: 1em; }
	.font-3 { font-size: 1.125em; }
	.font-4 { font-size: 1.3125em; }
	.font-5 { font-size: 1.5em; }
	.font-6 { font-size: 1.875em; }

	.pt-sm-0 { padding-top: 0 !important; }
	.pt-sm-1 { padding-top: 1.5% !important; }
	.pt-sm-2 { padding-top: 2% !important; }
	.pt-sm-3 { padding-top: 3% !important; }
	.pt-sm-4 { padding-top: 6% !important; }
	.pt-sm-5 { padding-top: 9% !important; }

	.pb-sm-0 { padding-bottom: 0 !important; }
	.pb-sm-1 { padding-bottom: 1.5% !important; }
	.pb-sm-2 { padding-bottom: 2% !important; }
	.pb-sm-3 { padding-bottom: 3% !important; }
	.pb-sm-4 { padding-bottom: 6% !important; }
	.pb-sm-5 { padding-bottom: 9% !important; }

	.px-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
	.px-sm-1 { padding-top: 1.5% !important; padding-bottom: 1.5% !important; }
	.px-sm-2 { padding-top: 2% !important; padding-bottom: 2% !important; }
	.px-sm-3 { padding-top: 3% !important; padding-bottom: 3% !important; }
	.px-sm-4 { padding-top: 6% !important; padding-bottom: 6% !important; }
	.px-sm-5 { padding-top: 9% !important; padding-bottom: 9% !important; }

	.mt-sm-0 { margin-top: 0 !important; }
	.mt-sm-1 { margin-top: 1.5% !important; }
	.mt-sm-2 { margin-top: 2% !important; }
	.mt-sm-3 { margin-top: 3% !important; }
	.mt-sm-4 { margin-top: 6% !important; }
	.mt-sm-5 { margin-top: 9% !important; }

	.mb-sm-0 { margin-bottom: 0 !important; }
	.mb-sm-1 { margin-bottom: 1.5% !important; }
	.mb-sm-2 { margin-bottom: 2% !important; }
	.mb-sm-3 { margin-bottom: 3% !important; }
	.mb-sm-4 { margin-bottom: 6% !important; }
	.mb-sm-5 { margin-bottom: 9% !important; }

	.mx-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
	.mx-sm-1 { margin-top: 1.5% !important; margin-bottom: 1.5% !important; }
	.mx-sm-2 { margin-top: 2% !important; margin-bottom: 2% !important; }
	.mx-sm-3 { margin-top: 3% !important; margin-bottom: 3% !important; }
	.mx-sm-4 { margin-top: 6% !important; margin-bottom: 6% !important; }
	.mx-sm-5 { margin-top: 9% !important; margin-bottom: 9% !important; }

	.al-sm-l { margin-left: 0 !important; margin-right: auto !important; }
	.al-sm-r { margin-left: auto !important; margin-right: 0 !important; }
	.al-sm-c { margin-left: auto !important; margin-right: auto !important; }

	br.visible-sm, br.visible-sm.visible-xs { display: inherit !important; }

	#contents-body .container > .container-xs-inner { padding-left: 8px; padding-right: 8px; }
	#contents-body .row { margin-left: -7px; margin-right: -7px; }
	#contents-body *[class*='col-'] { padding-left: 7px; padding-right: 7px; }
}

@media only screen and (max-width:767px){

	.tAc, .tAr { text-align: left !important; }

	.font-1 { font-size: 1em; }
	.font-2 { font-size: 1.125em; }
	.font-3 { font-size: 1.3125em; }
	.font-4 { font-size: 1.5em; }
	.font-5 { font-size: 1.875em; }
	.font-6 { font-size: 1.875em; }

	.pt-xs-0 { padding-top: 0 !important; }
	.pt-xs-1 { padding-top: 1.5% !important; }
	.pt-xs-2 { padding-top: 2% !important; }
	.pt-xs-3 { padding-top: 3% !important; }
	.pt-xs-4 { padding-top: 6% !important; }
	.pt-xs-5 { padding-top: 9% !important; }

	.pb-xs-0 { padding-bottom: 0 !important; }
	.pb-xs-1 { padding-bottom: 1.5% !important; }
	.pb-xs-2 { padding-bottom: 2% !important; }
	.pb-xs-3 { padding-bottom: 3% !important; }
	.pb-xs-4 { padding-bottom: 6% !important; }
	.pb-xs-5 { padding-bottom: 9% !important; }

	.px-xs-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
	.px-xs-1 { padding-top: 1.5% !important; padding-bottom: 1.5% !important; }
	.px-xs-2 { padding-top: 2% !important; padding-bottom: 2% !important; }
	.px-xs-3 { padding-top: 3% !important; padding-bottom: 3% !important; }
	.px-xs-4 { padding-top: 6% !important; padding-bottom: 6% !important; }
	.px-xs-5 { padding-top: 9% !important; padding-bottom: 9% !important; }

	.mt-xs-0 { margin-top: 0 !important; }
	.mt-xs-1 { margin-top: 1.5% !important; }
	.mt-xs-2 { margin-top: 2% !important; }
	.mt-xs-3 { margin-top: 3% !important; }
	.mt-xs-4 { margin-top: 6% !important; }
	.mt-xs-5 { margin-top: 9% !important; }

	.mb-xs-0 { margin-bottom: 0 !important; }
	.mb-xs-1 { margin-bottom: 1.5% !important; }
	.mb-xs-2 { margin-bottom: 2% !important; }
	.mb-xs-3 { margin-bottom: 3% !important; }
	.mb-xs-4 { margin-bottom: 6% !important; }
	.mb-xs-5 { margin-bottom: 9% !important; }

	.mx-xs-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
	.mx-xs-1 { margin-top: 1.5% !important; margin-bottom: 1.5% !important; }
	.mx-xs-2 { margin-top: 2% !important; margin-bottom: 2% !important; }
	.mx-xs-3 { margin-top: 3% !important; margin-bottom: 3% !important; }
	.mx-xs-4 { margin-top: 6% !important; margin-bottom: 6% !important; }
	.mx-xs-5 { margin-top: 9% !important; margin-bottom: 9% !important; }
	
	.al-xs-l { margin-left: 0 !important; margin-right: auto !important; }
	.al-xs-r { margin-left: auto !important; margin-right: 0 !important; }
	.al-xs-c { margin-left: auto !important; margin-right: auto !important; }

	br.visible-xs { display: inherit !important; }


	.flex[class*='fl-xs-'] {
		display: block;
		/*display: -webkit-box;*/
		display: -ms-flexbox;
		/*display: -moz-box;*/
		/*display: box;*/
		display: -webkit-flex;
		display: flex;
		width: auto !important;
		letter-spacing: -.40em;
/*
		-moz-box-orient:horizontal;
		-webkit-box-orient:horizontal;
		flex-direction: row;
*/

		-ms-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap :wrap;
		flex-wrap: wrap;
/*
		-moz-box-pack:justify;
		-ms-box-pack:justify;
		box-pack:justify;
*/
		flex-pack:justify;

		-webkit-justify-content:space-between;
		justify-content:space-between;

		-ms-flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.flex[class*='fl-xs-'] > * {
		float: none !important;
		flex-basis: auto;
		/*flex: 1;*/
		/*width: 100%;*/
		letter-spacing: normal;
		padding-left: 15px;
		padding-right: 15px;
	}
}