@charset "UTF-8";

/*オレンジ色読み込み*/
@import url("color-orange.css");

h3{
	letter-spacing: 1px;
}

/*地域活動支援センター*/
#support-center table {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

#support-center table tbody tr:nth-child(3) td,
#support-center table tbody tr:nth-child(4) td{
	vertical-align: top;
}

#support-center table tbody td .btn{
	text-align: center;
	margin: 0.5em 0;
}

/*開所日*/
#support-center table tbody tr.day td span{
	margin-left: 0.5em;
}

/*開所時間*/
#support-center table tbody tr.hour td ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* PCのみ */
@media screen and (min-width: 768px),print {

	#support-center table tbody th{
		width: 5.0em;
	}

/*開所時間*/
	#support-center table tbody tr.hour td ul li span{
	margin-left: 1.0em;
}

/*活動内容*/
	#support-center table tbody tr.activity td span{
	margin-left: 1.0em;
}

}

/* スマートフォン */
@media screen and (max-width: 767px) {
	/*開所時間*/
	#support-center table tbody tr.hour td ul li span{
		display: block;
		margin-left: 0.8em;
}

#support-center table tbody tr.hour td ul li span:before{
	content: "：";
	margin-right: 2px;
}

/*活動内容*/
	#support-center table tbody tr.activity td span{
	display: block;
}

/*パンフレット*/
#support-center table tbody tr.pamphlet td .btn a span{
	display: block;
}

}

/*登録の流れ*/
/*
#flow-touroku h4{
	font-size: 1.2em;
	letter-spacing: 0.5em;
	text-align: center;
	border-top: 3px #999 double;
	border-bottom: 3px #999 double;
	background-color: #FFE0B2;
}
*/

#flow-touroku h4{
	font-size: 1.2em;
	letter-spacing: 0.5em;
	padding: 12px 0;
	text-align: center;
}

#flow-touroku h4{
	background-image:
	url("/wp/wp-content/uploads/2019/04/line-leaf_green_01.svg"),
	url("/wp/wp-content/uploads/2019/04/line-leaf_green_02.svg");

	background-repeat:
	no-repeat,
	no-repeat;

	background-position:
	top left,
	bottom right;

	background-color: #FFE0B2;
}

/*/wp/wp-content/uploads/2019/04/line-leaf_light-green_01.svg*/

/* PCのみ */
@media screen and (min-width: 768px),print {
#flow-touroku h4{
	background-size:
	auto 13px,
	auto 13px;
}
}

/* スマートフォン */
@media screen and (max-width: 767px) {
#flow-touroku h4{
	background-size:
	auto 13px,
	auto 13px;
}
}

#flow-touroku ol{
	padding-left: 0;
	list-style-type: none;
}

#flow-touroku ol li{
	text-align: center;
}

#flow-touroku ol li:not(:last-child):after{
	display: block;
content: "\2193";
font-weight: bold;
text-align: center;
}