@charset "UTF-8"; /* top padding
----------------------------------------
 */
p.top_pad {
    padding-top: 2.5em;
}

p.life_obi {
    text-indent: 0.5em;
    padding: 3px;
    margin: 5px 0;
    font-size: 1.2em;
    background-color: #F05A89;
    color: #FFFFFF;
}

p.life_ind {
    padding: 0 0.75em;
}

@media only screen and (max-width: 768px) {
    p.top_pad {
        padding-top:inherit;
    }
}



/*===== TOP 緊急連絡ボタン =====*/
.topmenu {
	padding: 0;
	margin: 12px 12px ;
}
.topmenu .btn {
	font-size: 1.5em;
	box-shadow: none;
	line-height: 1.3;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center;
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.topmenu .label {
	padding: 0.05em 0.5em;
	line-height: 1.5;
	margin-left: 0px;
	margin-right: 5px;
	vertical-align: middle;
}
p.topmenu span.label.label-outline {
	line-height: 1.5;
}
@media (max-width: 768px) {
.topmenu .btn {
	font-size: 1.3em;
	padding: 0.5em 0;
	box-shadow: none;
}
}
/******************ボーダーボタン blue*******************/
.topmenu .btn.btn-blue.btn-square {
	background: repeating-linear-gradient(to top, #5DA8DA, #2690D7, #379CE0 4px, #5BA6D9 3px);
	color:#FFF;
	border: solid 1px #fff;
	outline: solid 3px #3498db;
}
.topmenu .btn.btn-blue.btn-square:hover,.topmenu .btn.btn-blue.btn-square:active,.topmenu .btn.btn-blue.btn-square:active:focus {
	background: repeating-linear-gradient(to top, #2D92D7, #1B70AB, #2D92D7 4px, #338CCA 3px);
	color:#FFF;
	border: solid 1px #fff;
	outline: solid 3px #2D92D7;
	outline-offset: 0px;
}
/******************ボーダーボタン pink*******************/
.topmenu .btn.btn-pink.btn-square {
	background: repeating-linear-gradient(to top, #f95c5f, #f96366, #f9777a 4px, #f95c5f 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #f97a7c;
}
.topmenu .btn.btn-pink.btn-square:hover,.topmenu .btn.btn-pink.btn-square:active,.topmenu .btn.btn-pink.btn-square:active:focus {
	background: repeating-linear-gradient(to top, #f94d50, #f94d50, #FA676B 4px, #f94d50 3px);
	color:#FFF;
	border: solid 1px #fff;
	outline: solid 3px #f94d50;
	outline-offset: 0px;
}
/******************ボーダーボタン green*******************/
.topmenu .btn.btn-green.btn-square {
	background: repeating-linear-gradient(to top, #56b550, #64C15E, #8CC689 4px, #56b550 3px);
	color: #FFF;
	border: solid 1px #fff;
	outline: solid 3px #56b550;
}
.topmenu .btn.btn-green.btn-square:hover,.topmenu .btn.btn-green.btn-square:active,.topmenu .btn.btn-green.btn-square:active:focus {
	background: repeating-linear-gradient(to top, #4D9D48, #4D9D48, #66BC60 4px, #4D9D48 3px);
	color:#FFF;
	border: solid 1px #fff;
	outline: solid 3px #4C9F46;
	outline-offset: 0px;
}

/******************ボーダーボタン green*******************/
.topmenu .btn.btn-yellow.btn-square {

	background: repeating-linear-gradient(to top, #FFDA4B, #FFDA4B, #FFDA4B 4px, #FFDA4B 3px);
	color: #333;
	border: solid 1px #fff;
	outline: solid 3px #FFDA4B;
}
.topmenu .btn.btn-yellow.btn-square:hover,.topmenu .btn.btn-yellow.btn-square:active,.topmenu .btn.btn-yellow.btn-square:active:focus {
	background: repeating-linear-gradient(to top, #ffd11e, #ffd11e, #ffd11e 4px, #ffd11e 3px);
	color:#333;
	border: solid 1px #fff;
	outline: solid 3px #ffd11e;
	outline-offset: 0px;
}
/******************ボーダーボタン内のラベル*******************/
.topmenu .label-default.label-outline {
	background-color:#fff;
	border: solid 0px #666666;
}
/* apua */
.topmenu .btn-blue .label-default.label-outline {
	color: #2D92D7;
}
/* pink */
.topmenu .btn-pink .label-default.label-outline {
	color: #f94d50;
}
/*===== // TOP 緊急連絡ボタン =====*/