@charset "UTF-8";

/*
Theme Name: info-map
Theme URI:  https://www.m-syakyo-kyoto.jp/fukushi-map/
Author: 京都市南区社会福祉協議会
Author URI: https://www.m-syakyo-kyoto.jp/fukushi-map/
*/


/*==============================================================

	Reset

==============================================================*/
html,
body,article,section,nav,aside,h1,h2,h3,h4,h5,h6,hgroup,header,footer,address,
p,ol,ul,li,dl,dt,dd,figure,figcaption,div,
em,strong,small,sub,sup,i,b,mark,span,
img,iframe,object,video,audio,
table,caption,tbody,thead,tfoot,tr,td,th,
canvas {
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	border:0;
	padding:0;
	margin:0;
	outline:0;
}
article,section,nav,aside,hgroup,header,footer,
figure,figcaption,main { 
	display:block;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}
address {
	font-weight:normal;
	font-style:normal;
}
ol,ul {
	list-style:none;
}
em {
	font-style:normal;
}
a {
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	padding:0;
	margin:0;
}
table {
	vertical-align:middle;
	border-collapse:collapse;
	border-spacing:0;
}
th {
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
}
td {
	vertical-align:middle;
}

/*==============================================================

	Global

==============================================================*/
*,*:before,*:after {
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
html,body {
	min-height:100%;
	-webkit-text-size-adjust:100%;
}
html {
	font-size:10px;
	transition:font-size 0.1s ease-out;
	overflow-y:scroll;
}
html.is-font-size-large {
	font-size:11px;
}
body {
	position:relative;
	min-height:100%;
	font-family:'Kosugi Maru', sans-serif;
	font-weight:400;
	font-size:1.6rem;
	text-align:left;
	line-height:1.8;
	letter-spacing:0;
	word-wrap:break-word;
	overflow-wrap:break-word;
	color:#333;
	background-color:#FFF;
}
a {
	color:#333;
	text-decoration:none;
	transition:opacity 0.4s ease;
}
b {
	font-weight:500;
}
img {
	width:auto;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}
button {
	border:0;
}
@media screen and (max-width:1280px) {

}
@media screen and (max-width:1024px) {
html {
	font-size:9px;
}
}
@media screen and (max-width:767px) {

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

}
@media screen and (max-width:375px) {
html {
	font-size:8px;
}
}
@media screen and (max-width:320px) {
html {
	font-size:6px;
}
}

.biz-udpgothic-regular {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.zen-kaku gothic new-medium {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.zen-kaku gothic new-bold {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}

:root {
  --main-color:#ed9353;
}

/*==============================================================

	Container

==============================================================*/
.container {

	width:calc(100% - 24px);
	max-width:1000px;
	margin:0 auto;
}
@media screen and (max-width:767px) {
}

/*==============================================================

	Header

==============================================================*/
.header {
	width:100%;
	text-align:center;
}
.header_area {
	padding:2.0rem 0 0.4rem;
	border-top:10px solid var(--main-color);
}
.header .container {
	position:relative;
}
.header_title {
	display:flex;
	justify-content:center;
	align-items:center;
	width:25%;
	max-width:260px;
	margin:0 auto;

}
.header_title.front {
	width:56%;
	max-width:560px;
}

@media screen and (max-width:1024px) {
.header {

}
.header_area {
	padding:0.8rem 0 0.2rem;
}
.header_container {


}
}
@media screen and (max-width:767px) {
.header_title {
	width:50%;
}
}


/*==============================================================

	Main

==============================================================*/
.main {
	background-color:#fff;
	padding-top:2.0rem;
}
@media screen and (max-width:767px) {
.main {

}
}



/*==============================================================

	Footer

==============================================================*/
/*==============================================================
	Page top
==============================================================*/
.pagetop {
	position:fixed;
	bottom:2.0rem;
	right:1.6rem;
	width:5.8rem;
	height:5.8rem;
	z-index:999;
}
.pagetop a {
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:rgba(252, 209, 62, 0.8);
	border-radius:50%;
	visibility:hidden;
	opacity:0;
	transition:opacity 0.5s cubic-bezier(.25,1,.5,1), visible 0.5s cubic-bezier(.25,1,.5,1);/*easeOutQuart*/;
}
.pagetop.is-scroll a {
	visibility:visible;
	opacity:1;
}

/*==============================================================
	Footer Area
==============================================================*/
.footer_area {
	position:relative;
	text-align:center;
	padding:3.0rem 0 3.0rem;
}
.footer_area .container {

}

.footer_title {
	width:25%;
	max-width:260px;
	margin:0 auto;
}
@media screen and (max-width:767px) {
.footer_area .container {
	display:block;
}
.footer_title {
	width:50%;
}
}

.copyright {
	font-size:1.2rem;
}
.footer-link {
	width:100%;
	font-size:1.6rem;
	text-align:right;
	vertical-align:bottom;
	background-color:var(--main-color);
	padding:1.6rem 0 1.8rem;
}
.m-shakyo a {
	color:#fff;
}
.m-shakyo a:hover {
	text-decoration:underline;
}
.m-shakyo ::before {
	content:'';
	display:inline-block;
	width:8px;
	height:12px;
	background-color:#FCD13E;
	margin-right:0.4rem;
	clip-path:polygon(0 0, 100% 50%, 0 100%);
}





/*==============================================================

	Loading

==============================================================*/
#loading {
	background:url(../images/common/bg.png) #f2f2f2;
	z-index:1000; 
	transition:all 0.6s ease 0.2s;
}
#loading::after {
	content:"";
	background:#fff;
	opacity:0.5;
	z-index:10;
	transition:all 0.8s ease 0.2s;
}
#loading,
#loading::after {
	display:block;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:auto;
}
.ready #loading,
.ready #loading::after {
	top:auto;
	left:0;
	right:0;
	bottom:0;
	height:0;
}

/*==============================================================

	Not Found

==============================================================*/
.not-found {
	padding:8em 0 4em;
}


/*==============================================================

	Advanced Search

==============================================================*/
.advanced-search {
	
}
.advanced-search .frame {
	background-color:#FFF;
	border-radius:16px;
	padding:2.0rem 4.0rem;
}
@media screen and (max-width:767px) {
.advanced-search .frame {
	padding:1.5rem 2.0rem;
}
}

fieldset {
	display:flex;

	border:none;
	padding:1.0rem 0;
}
@media screen and (max-width:1024px) {
fieldset {
	flex-direction:column;
}
}



legend {
	display:contents;
}
.input-label {
	/*display:inline-block;*/
	display:flex;
	justify-content:center;
	align-items:center;
	width:6em;
	min-width:6em;
	text-align:center;
	color:#FFF;
	background-color:var(--main-color);
	border-radius:4px;
	margin-right:1.5rem;
	margin-bottom:0.5rem;
}
.node-root {
	margin-right:1.0em;
}





/* チェックボックス */
label {
	white-space:nowrap;
	cursor:pointer;
}
input[type="checkbox"] {
	appearance:none;
	width:18px;
	height:18px;
	vertical-align:middle;
	border:1px solid #999;
	border-radius:4px;
	margin-right:6px;
	cursor:pointer;
}
input[type="checkbox"]:checked {
	background-color:var(--main-color);
	border:1px solid var(--main-color);
}


input[type="checkbox"]:checked::before {
	content:'';
	display:block;
	position:relative;
	left:5px;
	top:1px;
	width:6px;
	height:12px;
	border:solid #FFF;
	border-width:0 3px 3px 0;
	transform:rotate(45deg);
}
.label-text {
	vertical-align:middle;
}




/* 検索ボタン */
.search-button {
	width:60%;
	margin:1.0rem auto;
}

input[type="submit"] {
	display:block;
	width:100%;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size:2.4rem;
	text-align:center;
	text-decoration:none;
	line-height:1;
	color:#FFF;
	background:var(--main-color);
	border:2px solid var(--main-color);
	border-radius:16px; 
	box-shadow:4px 4px #CCC;
	padding:1.0rem;
	cursor:pointer;
	-webkit-appearance:none;
	transition:.2s;


}
input[type="submit"]:hover {
	color:var(--main-color);
	background-color:#FFF;

}

/*==============================================================

	Tag

==============================================================*/
.tag-group {
	font-size:1.3rem;
	margin-bottom:1.0rem;
}
.tag {
	display:inline-block;
	line-height:1;
	border:1px solid #999;
	border-radius:4px;
	padding:6px;
	margin-right:4px;
	margin-bottom:4px;
}
.tag-area {
	background-color:#FFF;
}
.tag-category {
	color:#333;
}
.tag-category1 {background-color:#f1bdd5; border-color:#f1bdd5;}/*#e37bac*/
.tag-category2 {background-color:#bcdc9b; border-color:#bcdc9b;}/*#79ba38*/
.tag-category3 {background-color:#acd6da; border-color:#acd6da;}/*#59aeb5*/


/*==================================================

	Map

===================================================*/
.access-map {
}
#map-canvas {
	width:100%;
	max-width:1000px;
	padding:0;
	margin:0;
}
#map-canvas .infowin {
	text-align:center;
	margin:5px;
}
#map-canvas .infowin > div {
	text-align:center;
	margin:5px;
}
#map-canvas .infowin > div:first-child {
	font-size:1.4rem;
}
#map-canvas .infowin a {
	text-decoration:underline;
}
#map-canvas .detail-kink:before {
	content:'';
	display:inline-block;
	width:6px;
	height:8px;
	background-color:var(--main-color);
	clip-path:polygon(0 0, 100% 50%, 0 100%);
	margin-right:4px;
}
#map-reset {
	text-align:right;
	margin:5px 0;
}
#map-reset button {
	color:#fff;
	background-color:#222;
	border-radius:4px;
	padding:5px 15px;
}
#map-reset button:hover {
	background-color:#767676;
}