@charset "UTF-8";
/* CSS Document */
/* for henkel (2018/11/04) */

/* ------------------------------------------------------------------------
	共通(common)
------------------------------------------------------------------------ */
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

article, header, footer, aside, figure, figcaption, nav, section{
	display: block;
}

body{
	line-height: 1.6;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

ol, ul{
	list-style: none;
	list-style-type: none;
}

*, *:before, *:after{
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
					box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/* テキスト横幅揃え */
.justify-text{
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}

/* floatクリア */
.clearfix{
	zoom:1;
}

.clearfix:after
{
	content: "";
	display: block;
	clear: both;
}

.box-center{
	margin: 0 auto;
}

/* -------------------------------------------------------------------------- */
/* 各種共通クラスオプション																										*/
/* -------------------------------------------------------------------------- */

/* 画像サイズ設定 */
.img-max{	max-width: 100% !important;	}
.img-s95{	max-width: 95% !important;	}
.img-s90{	max-width: 90% !important;	}
.img-s85{	max-width: 85% !important;	}
.img-s80{	max-width: 80% !important;	}
.img-s75{	max-width: 75% !important;	}
.img-s70{	max-width: 70% !important;	}
.img-s65{	max-width: 65% !important;	}
.img-s60{	max-width: 60% !important;	}
.img-s55{	max-width: 55% !important;	}
.img-s50{	max-width: 50% !important;	}
.img-s45{	max-width: 45% !important;	}
.img-s40{	max-width: 40% !important;	}
.img-s35{	max-width: 35% !important;	}
.img-s30{	max-width: 30% !important;	}
.img-s25{	max-width: 25% !important;	}
.img-s20{	max-width: 20% !important;	}
.img-s15{	max-width: 15% !important;	}
.img-s10{	max-width: 10% !important;	}

/* 各種サイズ設定 */
.w-max{	width: 100% !important;	}
.w-s95{	width:  95% !important;	}
.w-s90{	width:  90% !important;	}
.w-s85{	width:  85% !important;	}
.w-s80{	width:  80% !important;	}
.w-s75{	width:  75% !important;	}
.w-s70{	width:  70% !important;	}
.w-s65{	width:  65% !important;	}
.w-s60{	width:  60% !important;	}
.w-s55{	width:  55% !important;	}
.w-s50{	width:  50% !important;	}
.w-s45{	width:  45% !important;	}
.w-s40{	width:  40% !important;	}
.w-s35{	width:  35% !important;	}
.w-s30{	width:  30% !important;	}
.w-s25{	width:  25% !important;	}
.w-s20{	width:  20% !important;	}

/* 配置オプション(左) */
.pos-left{	float: left !important;	}

/* 配置オプション(右) */
.pos-right{	float: right !important;}

/* 配置オプション(初期値) */
.pos-none{	float: none !important;	}

/* 上マージン */
.mtop-50{	margin-top: 50px !important;	}
.mtop-45{	margin-top: 45px !important;	}
.mtop-40{	margin-top: 40px !important;	}
.mtop-35{	margin-top: 35px !important;	}
.mtop-30{	margin-top: 30px !important;	}
.mtop-25{	margin-top: 25px !important;	}
.mtop-20{	margin-top: 20px !important;	}
.mtop-15{	margin-top: 15px !important;	}
.mtop-10{	margin-top: 10px !important;	}
.mtop-05{	margin-top:  5px !important;	}

/* 下マージン */
.mbottom-50{	margin-bottom: 50px !important;	}
.mbottom-45{	margin-bottom: 45px !important;	}
.mbottom-40{	margin-bottom: 40px !important;	}
.mbottom-35{	margin-bottom: 35px !important;	}
.mbottom-30{	margin-bottom: 30px !important;	}
.mbottom-25{	margin-bottom: 25px !important;	}
.mbottom-20{	margin-bottom: 20px !important;	}
.mbottom-15{	margin-bottom: 15px !important;	}
.mbottom-10{	margin-bottom: 10px !important;	}
.mbottom-05{	margin-bottom:  5px !important;	}

/* 左マージン */
.mleft-50{	margin-left: 50px !important;	}
.mleft-45{	margin-left: 45px !important;	}
.mleft-40{	margin-left: 40px !important;	}
.mleft-35{	margin-left: 35px !important;	}
.mleft-30{	margin-left: 30px !important;	}
.mleft-25{	margin-left: 25px !important;	}
.mleft-20{	margin-left: 20px !important;	}
.mleft-15{	margin-left: 15px !important;	}
.mleft-10{	margin-left: 10px !important;	}
.mleft-05{	margin-left:  5px !important;	}

/* 右マージン */
.mright-50{	margin-right: 50px !important;	}
.mright-45{	margin-right: 45px !important;	}
.mright-40{	margin-right: 40px !important;	}
.mright-35{	margin-right: 35px !important;	}
.mright-30{	margin-right: 30px !important;	}
.mright-25{	margin-right: 25px !important;	}
.mright-20{	margin-right: 20px !important;	}
.mright-15{	margin-right: 15px !important;	}
.mright-10{	margin-right: 10px !important;	}
.mright-05{	margin-right:  5px !important;	}

/* 上パディング */
.ptop-50{	padding-top: 50px !important;	}
.ptop-45{	padding-top: 45px !important;	}
.ptop-40{	padding-top: 40px !important;	}
.ptop-35{	padding-top: 35px !important;	}
.ptop-30{	padding-top: 30px !important;	}
.ptop-25{	padding-top: 25px !important;	}
.ptop-20{	padding-top: 20px !important;	}
.ptop-15{	padding-top: 15px !important;	}
.ptop-10{	padding-top: 10px !important;	}
.ptop-05{	padding-top:  5px !important;	}

/* 下パディング */
.pbottom-50{	padding-bottom: 50px !important;	}
.pbottom-45{	padding-bottom: 45px !important;	}
.pbottom-40{	padding-bottom: 40px !important;	}
.pbottom-35{	padding-bottom: 35px !important;	}
.pbottom-30{	padding-bottom: 30px !important;	}
.pbottom-25{	padding-bottom: 25px !important;	}
.pbottom-20{	padding-bottom: 20px !important;	}
.pbottom-15{	padding-bottom: 15px !important;	}
.pbottom-10{	padding-bottom: 10px !important;	}
.pbottom-05{	padding-bottom:  5px !important;	}

/* フォントサイズ */
.font-max{	font-size: 100% !important;	}
.font-s95{	font-size:  95% !important;	}
.font-s90{	font-size:  90% !important;	}
.font-s85{	font-size:  85% !important;	}
.font-s80{	font-size:  80% !important;	}
.font-s75{	font-size:  75% !important;	}
.font-s70{	font-size:  70% !important;	}
.font-s65{	font-size:  65% !important;	}
.font-s60{	font-size:  60% !important;	}
.font-s55{	font-size:  55% !important;	}
.font-s50{	font-size:  50% !important;	}
.font-s45{	font-size:  45% !important;	}
.font-s40{	font-size:  40% !important;	}
.font-s35{	font-size:  35% !important;	}
.font-s30{	font-size:  30% !important;	}

/* 枠オプション */
.border-all{	border: 1px solid #aaa !important;	}

/* テキスト配置 */
.tleft{	text-align: left !important;		}
.tright{	text-align: right !important;	}
.tcenter{	text-align: center !important;}

/* ブロック配置(中央) */
.block-center{	margin-left: auto !important;	margin-right: auto !important;	}

/* 縦表示位置 */
.valign-top{	vertical-align: top !important;			}
.valign-mid{	vertical-align: middle !important;	}
.valign-btm{	vertical-align: bottom !important;	}

/* 表示・非表示 */
.open{	display: block;	}
.close{	display: none;	}

/* ------------------------------------------------------------------------
	bootstrap取り込み
------------------------------------------------------------------------ */
.visible-xs {
	display: none !important;
}

.visible-md {
	display: none !important;
}

.visible-lg {
	display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
	display: none !important;
}

@media (max-width: 920px) {
	.visible-xs {
	display: block !important;
	}

	table.visible-xs {
	display: table !important;
	}

	tr.visible-xs {
	display: table-row !important;
	}

	th.visible-xs,
	td.visible-xs {
	display: table-cell !important;
	}
}
@media (max-width: 920px) {
	.visible-xs-block {
	display: block !important;
	}
}

@media (max-width: 920px) {
	.visible-xs-inline {
	display: inline !important;
	}
}

@media (max-width: 920px) {
	.visible-xs-inline-block {
	display: inline-block !important;
	}
}

@media (min-width: 921px) and (max-width: 1023px) {
	.visible-md {
	display: block !important;
	}

	table.visible-md {
	display: table !important;
	}

	tr.visible-md {
	display: table-row !important;
	}

	th.visible-md,
	td.visible-md {
	display: table-cell !important;
	}
}
@media (min-width: 921px) and (max-width: 1023px) {
	.visible-md-block {
	display: block !important;
	}
}

@media (min-width: 921px) and (max-width: 1023px) {
	.visible-md-inline {
	display: inline !important;
	}
}

@media (min-width: 921px) and (max-width: 1023px) {
	.visible-md-inline-block {
	display: inline-block !important;
	}
}

@media (min-width: 1024px) {
	.visible-lg {
	display: block !important;
	}

	table.visible-lg {
	display: table !important;
	}

	tr.visible-lg {
	display: table-row !important;
	}

	th.visible-lg,
	td.visible-lg {
	display: table-cell !important;
	}
}
@media (min-width: 1024px) {
	.visible-lg-block {
	display: block !important;
	}
}

@media (min-width: 1024px) {
	.visible-lg-inline {
	display: inline !important;
	}
}

@media (min-width: 1024px) {
	.visible-lg-inline-block {
	display: inline-block !important;
	}
}

@media (max-width: 920px) {
	.hidden-xs {
	display: none !important;
	}
}
@media (min-width: 921px) and (max-width: 1023px) {
	.hidden-md {
	display: none !important;
	}
}
@media (min-width: 1024px) {
	.hidden-lg {
	display: none !important;
	}
}