@charset "utf-8";

/*
   フロートバナー (2021-11-20)
   フローティングバナー3段/3並列に変更 (2022-6-7)
-------------------------------------------------------------------------- */


/* 2列 (.floatBnr) */
.floatBnr {
	display: flex;
	justify-content: space-between;
	position: fixed;
	width: 100%;
	background: rgba(102,102,102,0.5);
	bottom: 0;
	z-index: 10;
}

.floatBnr_inner {
	margin: 0 auto;
}

.floatBnr #btn_float_bnr,
.floatBnr #btn_float_bnr_1,
.floatBnr #btn_float_bnr_2 {
	float: left;
	width: 320px;	
	padding: 22px 28px;
	font-size: 18px;
	font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.floatBnr #btn_float_bnr a,
.floatBnr #btn_float_bnr_1 a,
.floatBnr #btn_float_bnr_2 a {
	background: #ccc;
	border-radius: 8px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
	color: #fff;
	text-shadow: 1px 1px 2px #a64872, -1px  1px 2px #a64872, 1px -1px 2px #a64872, -1px -1px 2px #666;
}

.floatBnr #btn_float_bnr_1 a {
	background: #c76b88;
	border-bottom: 5px solid #a64872;
	text-shadow: 1px 1px 1px #a64872, -1px  1px 1px #a64872, 1px -1px 1px #a64872, -1px -1px 1px #a64872;
}

.floatBnr #btn_float_bnr_1 a:hover {
	background: #c78488;
	border-bottom: 2px solid #a64872;
	margin-top: 3px;
}

.floatBnr #btn_float_bnr_2 a {
	background: #86d415;
	border-bottom: 5px solid #7eb912;
	text-shadow: 1px 1px 2px #7eb912, -1px  1px 2px #7eb912, 1px -1px 2px #7eb912, -1px -1px 2px #7eb912;
}

.floatBnr #btn_float_bnr_2 a:hover {
	background: #89d41c;
	border-bottom: 2px solid #7eb912;
	margin-top: 3px;
}

.floatBnr a {
	transition: opacity .4s ease-out 0s;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: 100%;
	padding: 14px 20px;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}

.floatBnr a span {
	display: block;
	font-size: 12px;
	width: 100%;
}

/* sp.css ?　「width:639px以下」で適用 
   2列（.floatBnr）はそのまま「width:639px以下」 */
@media screen and (max-width:639px) {

	.floatBnr {
		display: none;
	}

	.floatBnr {
		display: flex;
		justify-content: space-between;
		position: fixed;
		width: 100%;
		background: rgba(102,102,102,0.7);
		bottom: 0;
		z-index: 10;
	}

	.floatBnr_inner {
		margin: 0 auto;
	}

	.floatBnr #btn_float_bnr_1,
	.floatBnr #btn_float_bnr_2 {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 16px;
		font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	}

	.floatBnr #btn_float_bnr_1 a,
	.floatBnr #btn_float_bnr_2 a {
		border-radius: 0px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
		color: #fff;
	}

	.floatBnr #btn_float_bnr_1 a {
		background: #c76b88;
		border-bottom: 5px solid #a64872;
		text-shadow: 1px 1px 1px #a64872, -1px  1px 1px #a64872, 1px -1px 1px #a64872, -1px -1px 1px #a64872;
	}

	.floatBnr #btn_float_bnr_1 a:hover {
		background: #c78488;
		border-bottom: 2px solid #a64872;
		margin-top: 3px;
	}

	.floatBnr #btn_float_bnr_2 a {
		background: #86d415;
		border-bottom: 5px solid #7eb912;
		text-shadow: 1px 1px 2px #7eb912, -1px  1px 2px #7eb912, 1px -1px 2px #7eb912, -1px -1px 2px #7eb912;
	}

	.floatBnr #btn_float_bnr_2 a:hover {
		background: #89d41c;
		border-bottom: 2px solid #7eb912;
		margin-top: 3px;
	}

	.floatBnr a {
		transition: opacity .4s ease-out 0s;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		height: 100%;
		padding: 8px 20px;
		font-weight: bold;
		text-decoration: none;
		position: relative;
	}

	.floatBnr a span {
		display: block;
		font-size: 12px;
		width: 100%;
	}

}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* 「WEB出願」選択を追加。3列(.floatBnr_3part)に変更。 */

.floatBnr_3part {
	display: flex;
	justify-content: space-between;
	position: fixed;
	width: 100%;
	background: rgba(102,102,102,0.5);
	bottom: 0;
	z-index: 10;
}

.floatBnr_3part_inner {
	margin: 0 auto;
}

.floatBnr_3part #btn_float_bnr,
.floatBnr_3part #btn_float_bnr_1,
.floatBnr_3part #btn_float_bnr_2,
.floatBnr_3part #btn_float_bnr_3 {
	float: left;
/*	3カラム */	
/*	width: 320px;*/
/*	padding: 22px 28px;*/
/*	4カラム */	
	width: 282px;	
	padding: 22px 10px;
	font-size: 18px;
	font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.floatBnr_3part #btn_float_bnr a,
.floatBnr_3part #btn_float_bnr_1 a,
.floatBnr_3part #btn_float_bnr_2 a,
.floatBnr_3part #btn_float_bnr_3 a {
	background: #ccc;
	border-radius: 8px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
	color: #fff;
	text-shadow: 1px 1px 2px #a64872, -1px  1px 2px #a64872, 1px -1px 2px #a64872, -1px -1px 2px #666;
}

.floatBnr_3part #btn_float_bnr a {
	background: #ff8000;
	border-bottom: 5px solid #cc6600;
	text-shadow: 1px 1px 1px #cc6600, -1px  1px 1px #cc6600, 1px -1px 1px #cc6600, -1px -1px 1px #cc6600;
}

.floatBnr_3part #btn_float_bnr a:hover {
	background: #ff8000;
	border-bottom: 2px solid #cc6600;
	margin-top: 3px;
}

.floatBnr_3part #btn_float_bnr_1 a {
	background: #c76b88;
	border-bottom: 5px solid #a64872;
	text-shadow: 1px 1px 1px #a64872, -1px  1px 1px #a64872, 1px -1px 1px #a64872, -1px -1px 1px #a64872;
}

.floatBnr_3part #btn_float_bnr_1 a:hover {
	background: #c78488;
	border-bottom: 2px solid #a64872;
	margin-top: 3px;
}

.floatBnr_3part #btn_float_bnr_2 a {
	background: #00e9d7;
	border-bottom: 5px solid #01caae;
	text-shadow: 1px 1px 1px #01caae, -1px  1px 1px #01caae, 1px -1px 1px #01caae, -1px -1px 1px #01caae;
}

.floatBnr_3part #btn_float_bnr_2 a:hover {
	background: #19e9d9;
	border-bottom: 2px solid #01caae;
	margin-top: 3px;
}

.floatBnr_3part #btn_float_bnr_3 a {
	background: #86d415;
	border-bottom: 5px solid #7eb912;
	text-shadow: 1px 1px 2px #7eb912, -1px  1px 2px #7eb912, 1px -1px 2px #7eb912, -1px -1px 2px #7eb912;
}

.floatBnr_3part #btn_float_bnr_3 a:hover {
	background: #89d41c;
	border-bottom: 2px solid #7eb912;
	margin-top: 3px;
}

.floatBnr_3part a {
	transition: opacity .4s ease-out 0s;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: 100%;
	padding: 14px 20px;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}

.floatBnr_3part a span {
	display: block;
	font-size: 12px;
	width: 100%;
	text-align: center;	
}

/* 3列（.floatBnr）
  「幅640px～幅1130px」範囲を対象（2022-6-17） */

@media screen and (min-width: 640px) and (max-width: 1129px) {

/*
	.floatBnr_3part { display: none; }
	.floatBnr_3part_inner { display: none; }
*/

	.floatBnr_3part {
		display: flex;
		justify-content: space-between;
		position: fixed;
		width: 100%;
		background: rgba(102,102,102,0.5);
		bottom: 0;
		z-index: 10;
	}

	.floatBnr_3part_inner {
		margin: 0 auto;
	}

	.floatBnr_3part #btn_float_bnr,
	.floatBnr_3part #btn_float_bnr_1,
	.floatBnr_3part #btn_float_bnr_2,
	.floatBnr_3part #btn_float_bnr_3 {
		float: left;
/*	3カラム */	
/*	width: 280px;*/
/*	4カラム */			
		width: 280px;
		padding: 22px 15px;
		font-size: 18px;
		font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	}

	.floatBnr_3part #btn_float_bnr a,
	.floatBnr_3part #btn_float_bnr_1 a,
	.floatBnr_3part #btn_float_bnr_2 a,
	.floatBnr_3part #btn_float_bnr_3 a {
		background: #ccc;
		border-radius: 8px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
		color: #fff;
		text-shadow: 1px 1px 2px #a64872, -1px  1px 2px #a64872, 1px -1px 2px #a64872, -1px -1px 2px #666;
	}

	.floatBnr_3part #btn_float_bnr a {
	background: #ff8000;
	border-bottom: 5px solid #cc6600;
	text-shadow: 1px 1px 1px #cc6600, -1px  1px 1px #cc6600, 1px -1px 1px #cc6600, -1px -1px 1px #cc6600;
	}

	.floatBnr_3part #btn_float_bnr a:hover {
	background: #ff8000;
	border-bottom: 2px solid #cc6600;
	margin-top: 3px;
	}

	
	.floatBnr_3part #btn_float_bnr_1 a {
		background: #c76b88;
		border-bottom: 5px solid #a64872;
		text-shadow: 1px 1px 1px #a64872, -1px  1px 1px #a64872, 1px -1px 1px #a64872, -1px -1px 1px #a64872;
	}

	.floatBnr_3part #btn_float_bnr_1 a:hover {
		background: #c78488;
		border-bottom: 2px solid #a64872;
		margin-top: 3px;
	}

	.floatBnr_3part #btn_float_bnr_2 a {
		background: #00e9d7;
		border-bottom: 5px solid #01caae;
		text-shadow: 1px 1px 1px #01caae, -1px  1px 1px #01caae, 1px -1px 1px #01caae, -1px -1px 1px #01caae;
	}

	.floatBnr_3part #btn_float_bnr_2 a:hover {
		background: #19e9d9;
		border-bottom: 2px solid #01caae;
		margin-top: 3px;
	}

	.floatBnr_3part #btn_float_bnr_3 a {
		background: #86d415;
		border-bottom: 5px solid #7eb912;
		text-shadow: 1px 1px 2px #7eb912, -1px  1px 2px #7eb912, 1px -1px 2px #7eb912, -1px -1px 2px #7eb912;
	}

	.floatBnr_3part #btn_float_bnr_3 a:hover {
		background: #89d41c;
		border-bottom: 2px solid #7eb912;
		margin-top: 3px;
	}

	.floatBnr_3part a {
		transition: opacity .4s ease-out 0s;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		height: 100%;
		padding: 14px 20px;
		font-weight: bold;
		text-decoration: none;
		position: relative;
	}

	.floatBnr_3part a span {
		display: block;
		font-size: 12px;
		width: 100%;
	}

}


/* 3列（.floatBnr）「幅640px」以下 */
@media screen and (max-width:639px) {

	.floatBnr_3part {
		display: flex;
		justify-content: space-between;
		position: fixed;
		width: 100%;
		background: rgba(102,102,102,0.7);
		bottom: 0;
		z-index: 10;
	}

	.floatBnr_3part_inner {
		margin: 0 auto;
	}
	.floatBnr_3part #btn_float_bnr,
	.floatBnr_3part #btn_float_bnr_1,
	.floatBnr_3part #btn_float_bnr_2,
	.floatBnr_3part #btn_float_bnr_3 {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 16px;
		font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	}

	.floatBnr_3part #btn_float_bnr_1 a,
	.floatBnr_3part #btn_float_bnr_2 a,
	.floatBnr_3part #btn_float_bnr_3 a {
		border-radius: 0px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
		color: #fff;
	}

	.floatBnr_3part #btn_float_bnr_1 a {
			background: #c76b88;
		border-bottom: 5px solid #a64872;
		text-shadow: 1px 1px 1px #a64872, -1px  1px 1px #a64872, 1px -1px 1px #a64872, -1px -1px 1px #a64872;
	}

	.floatBnr_3part #btn_float_bnr_1 a:hover {
			background: #c78488;
		border-bottom: 2px solid #a64872;
		margin-top: 3px;
	}

	.floatBnr_3part #btn_float_bnr_2 a {
		background: #00e9d7;
		border-bottom: 5px solid #01caae;
		text-shadow: 1px 1px 2px #01caae, -1px  1px 2px #01caae, 1px -1px 2px #01caae, -1px -1px 2px #01caae;
	}

	.floatBnr_3part #btn_float_bnr_2 a:hover {
		background: #19e9d9;
		border-bottom: 2px solid #01caae;
		margin-top: 3px;
	}

	.floatBnr_3part #btn_float_bnr_3 a {
		background: #86d415;
		border-bottom: 5px solid #7eb912;
		text-shadow: 1px 1px 2px #7eb912, -1px  1px 2px #7eb912, 1px -1px 2px #7eb912, -1px -1px 2px #7eb912;
	}

	.floatBnr_3part #btn_float_bnr_3 a:hover {
			background: #89d41c;
		border-bottom: 2px solid #7eb912;
		margin-top: 3px;
	}

	.floatBnr_3part a {
		transition: opacity .4s ease-out 0s;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		height: 100%;
		padding: 8px 20px;
		font-weight: bold;
		text-decoration: none;
		position: relative;
	}

	.floatBnr_3part a span {
		display: none;
	}

}


/********************250324---5part追加*********************/

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* 「留学生の方へ」選択を追加。5列(.floatBnr_5part)に変更。 */

.floatBnr_5part {
	display: flex;
	justify-content: space-between;
	position: fixed;
	width: 100%;
	background: rgba(102,102,102,0.5);
	bottom: 0;
	z-index: 10;
}

.floatBnr_5part_inner {
	margin: 0 auto;
}

.floatBnr_5part #btn_float_bnr,
.floatBnr_5part #btn_float_bnr_1,
.floatBnr_5part #btn_float_bnr_2,
.floatBnr_5part #btn_float_bnr_3,
.floatBnr_5part #btn_float_bnr_4 {
	float: left;
	width: 220px;	
	padding: 22px 10px;
	font-size: 18px;
	font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.floatBnr_5part #btn_float_bnr a,
.floatBnr_5part #btn_float_bnr_1 a,
.floatBnr_5part #btn_float_bnr_2 a,
.floatBnr_5part #btn_float_bnr_3 a,
.floatBnr_5part #btn_float_bnr_4 a {
	background: #ccc;
	border-radius: 8px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
	color: #fff;
	text-shadow: 1px 1px 2px #a64872, -1px  1px 2px #a64872, 1px -1px 2px #a64872, -1px -1px 2px #666;
}

.floatBnr_5part #btn_float_bnr a {
	background: #ff8000;
	border-bottom: 5px solid #cc6600;
	text-shadow: 1px 1px 1px #cc6600, -1px  1px 1px #cc6600, 1px -1px 1px #cc6600, -1px -1px 1px #cc6600;
}

.floatBnr_5part #btn_float_bnr a:hover {
	background: #ff8000;
	border-bottom: 2px solid #cc6600;
	margin-top: 3px;
}

.floatBnr_5part #btn_float_bnr_1 a {
	background: #c76b88;
	border-bottom: 5px solid #a64872;
	text-shadow: 1px 1px 1px #a64872, -1px  1px 1px #a64872, 1px -1px 1px #a64872, -1px -1px 1px #a64872;
}

.floatBnr_5part #btn_float_bnr_1 a:hover {
	background: #c78488;
	border-bottom: 2px solid #a64872;
	margin-top: 3px;
}

.floatBnr_5part #btn_float_bnr_2 a {
	background: #00e9d7;
	border-bottom: 5px solid #01caae;
	text-shadow: 1px 1px 1px #01caae, -1px  1px 1px #01caae, 1px -1px 1px #01caae, -1px -1px 1px #01caae;
}

.floatBnr_5part #btn_float_bnr_2 a:hover {
	background: #19e9d9;
	border-bottom: 2px solid #01caae;
	margin-top: 3px;
}

.floatBnr_5part #btn_float_bnr_3 a {
	background: #86d415;
	border-bottom: 5px solid #7eb912;
	text-shadow: 1px 1px 2px #7eb912, -1px  1px 2px #7eb912, 1px -1px 2px #7eb912, -1px -1px 2px #7eb912;
}

.floatBnr_5part #btn_float_bnr_3 a:hover {
	background: #89d41c;
	border-bottom: 2px solid #7eb912;
	margin-top: 3px;
}
.floatBnr_5part #btn_float_bnr_4 a {
	background: #ba55d3;
	border-bottom: 5px solid #9932cc;
	text-shadow: 1px 1px 2px #9932cc, -1px  1px 2px #9932cc, 1px -1px 2px #9932cc, -1px -1px 2px #9932cc;
}

.floatBnr_5part #btn_float_bnr_4 a:hover {
	background: #ba55d3;
	border-bottom: 2px solid #9932cc;
	margin-top: 3px;
}

.floatBnr_5part a {
	transition: opacity .4s ease-out 0s;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: 100%;
	padding: 14px 20px;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}

.floatBnr_5part a span {
	display: block;
	font-size: 12px;
	width: 100%;
	text-align: center;	
}

/* 3列（.floatBnr）
  「幅640px～幅1130px」範囲を対象（2022-6-17） */

@media screen and (min-width: 640px) and (max-width: 1129px) {

/*
	.floatBnr_5part { display: none; }
	.floatBnr_5part_inner { display: none; }
*/

	.floatBnr_5part {
		display: flex;
		justify-content: space-between;
		position: fixed;
		width: 100%;
		background: rgba(102,102,102,0.5);
		bottom: 0;
		z-index: 10;
	}

	.floatBnr_5part_inner {
		margin: 0 auto;
	}

	.floatBnr_5part #btn_float_bnr,
	.floatBnr_5part #btn_float_bnr_1,
	.floatBnr_5part #btn_float_bnr_2,
	.floatBnr_5part #btn_float_bnr_3,
	.floatBnr_5part #btn_float_bnr_4  {
		float: left;	
		width: 220px;
		padding: 22px 15px;
		font-size: 18px;
		font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	}

	.floatBnr_5part #btn_float_bnr a,
	.floatBnr_5part #btn_float_bnr_1 a,
	.floatBnr_5part #btn_float_bnr_2 a,
	.floatBnr_5part #btn_float_bnr_3 a,
	.floatBnr_5part #btn_float_bnr_4 a {
		background: #ccc;
		border-radius: 8px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
		color: #fff;
		text-shadow: 1px 1px 2px #a64872, -1px  1px 2px #a64872, 1px -1px 2px #a64872, -1px -1px 2px #666;
	}

	.floatBnr_5part #btn_float_bnr a {
	background: #ff8000;
	border-bottom: 5px solid #cc6600;
	text-shadow: 1px 1px 1px #cc6600, -1px  1px 1px #cc6600, 1px -1px 1px #cc6600, -1px -1px 1px #cc6600;
	}

	.floatBnr_5part #btn_float_bnr a:hover {
	background: #ff8000;
	border-bottom: 2px solid #cc6600;
	margin-top: 3px;
	}

	
	.floatBnr_5part #btn_float_bnr_1 a {
		background: #c76b88;
		border-bottom: 5px solid #a64872;
		text-shadow: 1px 1px 1px #a64872, -1px  1px 1px #a64872, 1px -1px 1px #a64872, -1px -1px 1px #a64872;
	}

	.floatBnr_5part #btn_float_bnr_1 a:hover {
		background: #c78488;
		border-bottom: 2px solid #a64872;
		margin-top: 3px;
	}

	.floatBnr_5part #btn_float_bnr_2 a {
		background: #00e9d7;
		border-bottom: 5px solid #01caae;
		text-shadow: 1px 1px 1px #01caae, -1px  1px 1px #01caae, 1px -1px 1px #01caae, -1px -1px 1px #01caae;
	}

	.floatBnr_5part #btn_float_bnr_2 a:hover {
		background: #19e9d9;
		border-bottom: 2px solid #01caae;
		margin-top: 3px;
	}

	.floatBnr_5part #btn_float_bnr_3 a {
		background: #86d415;
		border-bottom: 5px solid #7eb912;
		text-shadow: 1px 1px 2px #7eb912, -1px  1px 2px #7eb912, 1px -1px 2px #7eb912, -1px -1px 2px #7eb912;
	}

	.floatBnr_5part #btn_float_bnr_3 a:hover {
		background: #89d41c;
		border-bottom: 2px solid #7eb912;
		margin-top: 3px;
	}

	.floatBnr_5part #btn_float_bnr_4 a {
		background: #ba55d3;
		border-bottom: 5px solid #9932cc;
		text-shadow: 1px 1px 2px #9932cc, -1px  1px 2px #9932cc, 1px -1px 2px #9932cc, -1px -1px 2px #9932cc;
	}

	.floatBnr_5part #btn_float_bnr_4 a:hover {
		background: #ba55d3;
		border-bottom: 2px solid #9932cc;
		margin-top: 3px;
	}

	.floatBnr_5part a {
		transition: opacity .4s ease-out 0s;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		height: 100%;
		padding: 14px 20px;
		font-weight: bold;
		text-decoration: none;
		position: relative;
	}

	.floatBnr_5part a span {
		display: block;
		font-size: 12px;
		width: 100%;
	}

}


/* 3列（.floatBnr）「幅640px」以下 */
@media screen and (max-width:639px) {

	.floatBnr_5part {
		display: flex;
		justify-content: space-between;
		position: fixed;
		width: 100%;
		background: rgba(102,102,102,0.7);
		bottom: 0;
		z-index: 10;
	}

	.floatBnr_5part_inner {
		margin: 0 auto;
	}
	.floatBnr_5part #btn_float_bnr,
	.floatBnr_5part #btn_float_bnr_1,
	.floatBnr_5part #btn_float_bnr_2,
	.floatBnr_5part #btn_float_bnr_3,
	.floatBnr_5part #btn_float_bnr_4  {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 16px;
		font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	}

	.floatBnr_5part #btn_float_bnr_1 a,
	.floatBnr_5part #btn_float_bnr_2 a,
	.floatBnr_5part #btn_float_bnr_3 a,
	.floatBnr_5part #btn_float_bnr_4 a  {
		border-radius: 0px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
		color: #fff;
	}

	.floatBnr_5part #btn_float_bnr_1 a {
			background: #c76b88;
		border-bottom: 5px solid #a64872;
		text-shadow: 1px 1px 1px #a64872, -1px  1px 1px #a64872, 1px -1px 1px #a64872, -1px -1px 1px #a64872;
	}

	.floatBnr_5part #btn_float_bnr_1 a:hover {
			background: #c78488;
		border-bottom: 2px solid #a64872;
		margin-top: 3px;
	}

	.floatBnr_5part #btn_float_bnr_2 a {
		background: #00e9d7;
		border-bottom: 5px solid #01caae;
		text-shadow: 1px 1px 2px #01caae, -1px  1px 2px #01caae, 1px -1px 2px #01caae, -1px -1px 2px #01caae;
	}

	.floatBnr_5part #btn_float_bnr_2 a:hover {
		background: #19e9d9;
		border-bottom: 2px solid #01caae;
		margin-top: 3px;
	}

	.floatBnr_5part #btn_float_bnr_3 a {
		background: #86d415;
		border-bottom: 5px solid #7eb912;
		text-shadow: 1px 1px 2px #7eb912, -1px  1px 2px #7eb912, 1px -1px 2px #7eb912, -1px -1px 2px #7eb912;
	}

	.floatBnr_5part #btn_float_bnr_3 a:hover {
			background: #89d41c;
		border-bottom: 2px solid #7eb912;
		margin-top: 3px;
	}

	.floatBnr_5part #btn_float_bnr_4 a {
		background: #ba55d3;
		border-bottom: 5px solid #9932cc;
		text-shadow: 1px 1px 2px #9932cc, -1px  1px 2px #9932cc, 1px -1px 2px #9932cc, -1px -1px 2px #9932cc;
	}

	.floatBnr_5part #btn_float_bnr_4 a:hover {
			background: #ba55d3;
		border-bottom: 2px solid #9932cc;
		margin-top: 3px;
	}

	.floatBnr_5part a {
		transition: opacity .4s ease-out 0s;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		height: 100%;
		padding: 8px 20px;
		font-weight: bold;
		text-decoration: none;
		position: relative;
	}

	.floatBnr_5part a span {
		display: none;
	}

}