@charset "utf-8";

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

	Front

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


/*==============================================================
	Description
==============================================================*/
.description {
	text-align:center;
	line-height:2.4;
}
.description p:first-child {
	margin-bottom:1em;
}
.description p > span {
	display:inline-block;
}
.description .annotation {
  vertical-align: super;
  font-size: 0.8em;
}

@media screen and (max-width:767px) {
.description {
	text-align:left;
	line-height:2.0;
	padding:0 1.0rem 1.0rem;
}
.description p > span {
	display:inline;
}
.description br {
	display:none;
}
}


/*==============================================================
	Main Container
==============================================================*/
.main-container {
	position:relative;
	width:100%;

}

section {
	position:relative;
	width:100%;
	padding:6.0rem 0 4.0rem;
}
@media screen and (max-width:767px) {
section {
	padding:4.0rem 0 2.0rem;
}
}


.section-title {
	font-family:'Kosugi Maru', sans-serif;
	font-weight:bold;
	font-size:3.2rem;
	text-align:center;
	margin-bottom:2.0rem;
}

.section-title::before {
	content:'';
	display:inline-block;
	width:4.6rem;
	height:4.6rem;
	background:url(../images/front/marker.svg) no-repeat;
	background-size:contain;
	vertical-align:middle;
	margin-right:0.8rem;
}

@media screen and (max-width:767px) {
.section-title {
	margin-bottom:2.0rem;
}
}

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

	Category Search

==============================================================*/
.category-search {
	background-color:#FFF;
	text-align:center;
}

.category-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:0 auto;
}
.category-list > li {
	max-width:260px;
	margin:2.0rem;
}
.category-list > li > a {
	display:block;
}
.category-list a:hover img {
	opacity:0.8;
}
@media screen and (max-width:767px) {
.category-list > li {
	flex:0 1 40%;
}
}
/* Category Title */
.category-title {
	font-family:'Kosugi Maru', sans-serif;
	font-weight:bold;
	font-size:1.8rem;
	text-align:center;
	margin-top:1.0rem;
}
.category-title::after {
	content:'';
	display:block;
	width:170px;
	height:5px;
	background-color:#ccc;
	margin:8px auto 0;
}
.category1 .category-title::after {background-color:#e37bac;}
.category2 .category-title::after {background-color:#79ba38;}
.category3 .category-title::after {background-color:#59aeb5;}

/* PDF */
.category-pdf {
	display:inline-block;
	font-size:1.4rem;
	text-align:left;
	margin-top:3.6rem;
}
.category-pdf li {
	position:relative;
	padding-left:1.25em;
	margin-bottom:0.8rem;
}
.category-pdf li::before {
	position:absolute;
	top:0;
	left:0;
	content:'\f04b';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	font-size:1em;
}
.category1 .category-pdf li::before {color:#e37bac;}
.category2 .category-pdf li::before {color:#79ba38;}
.category3 .category-pdf li::before {color:#59aeb5;}

.category-pdf li::after {
	content:'';
	display:inline-block;
	width:1.8rem;;
	height:1.8rem;
	vertical-align:middle;
	background:url(/wp/wp-content/themes/minami/assets/images/common/Adobe_PDF_file_icon_24x24@1.5x.png) no-repeat;
	background-size:contain;
	margin-left:0.8rem;
}




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

	Area Search

==============================================================*/
.area-search {
	padding:4.0rem 0 0;
}
.area-search .column {
	display:flex;
	justify-content:space-around;
}
@media screen and (max-width:767px) {
.area-search .column {
	display:block;
}
}

/*	Area Map
===================================================*/
.area-map {
	width:100%;
	max-width:540px;
	margin:0 auto;
}

/* Imagemap */
.imagemap-container {
	width:650px;
	position:relative;
	background:url(https://www.m-syakyo-kyoto.jp/wp/wp-content/themes/minami/assets/images/gakku/gakku-map.png) no-repeat;
	background-size:contain;
}
img[usemap] {
	width:auto;
	max-width:100%;
	height:auto;
	border:none;
}
.map-text {
	position:absolute;
	width:auto;
	max-width:100%;
	height:auto;
	border:none;
}
.map-image-layer {
	position:absolute;
	width:auto;
	max-width:100%;
	height:auto;
	border:none;
	opacity:0;
	transition:all 0.2s;
}
.area1 .layer1,
.area2 .layer2,
.area3 .layer3,
.area4 .layer4,
.area5 .layer5,
.area6 .layer6,
.area7 .layer7,
.area8 .layer8,
.area9 .layer9,
.area10 .layer10,
.area11 .layer11,
.area12 .layer12,
.area13 .layer13,
.area14 .layer14,
.area15 .layer15 {
	opacity:100;
}

/*	Area List
===================================================*/
.area-list {
	width:280px;
	max-width:460px;
	margin:0 auto;
	text-align:center;

	/*display:flex;
	flex-direction:column;
	justify-content:space-between;*/
}
.area-signboard {
	width:130px;
	text-align:center;
	margin:-22px auto 6px;
}
.area-list ul {
	column-count:2;
	column-gap:1.2rem;
	/*display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	height:32em;
	max-height:32em;*/
}
.area-list li {
	display:inline-block;
	width:100%;
	font-size:1.5rem;
	text-align:center;
	line-height:1;
	margin:0.4rem 0;
}
.area-list li a {
	display:block;
	text-decoration:none;
	background-color:#fff;
	border-style:solid;
	border-width:2px;
	border-color:#ccc;
	border-radius:8px;
	padding:12px 0;
}
.area-list li a:hover {
}
@media screen and (max-width:767px) {
.area-container {
	display:block;
}
.imagemap-container {
	width:100%;
}
.area-list {
	width:100%;
}
.area-signboard {
	width:80px;
	margin-top:0;
	margin-bottom:5px;
}
.area-list ul {
	column-count:3;
	max-height:18em;
	height:18em;
}
.area-list li {
	font-size:1.3rem;
	margin:4px 1%;
}
.area-list li a {
	padding:8px 0;
}
}
.gakku-area1 a {border-color:rgb(231,190,211);}/*梅逕*/
.gakku-area2 a {border-color:rgb(238,190,169);}/*東梅逕*/
.gakku-area3 a {border-color:rgb(196,214,211);}/*九条*/
.gakku-area4 a {border-color:rgb(224,232,169);}/*弘道*/
.gakku-area5 a {border-color:rgb(203,232,169);}/*塔南*/
.gakku-area6 a {border-color:rgb(238,219,169);}/*南大内*/
.gakku-area7 a {border-color:rgb(223,190,211);}/*唐橋*/
.gakku-area8 a {border-color:rgb(196,197,211);}/*陶化*/
.gakku-area9 a {border-color:rgb(238,204,169);}/*東和*/
.gakku-area10 a {border-color:rgb(196,232,191);}/*山王*/
.gakku-area11 a {border-color:rgb(207,190,211);}/*吉祥院*/
.gakku-area12 a {border-color:rgb(214,232,169);}/*祥豊*/
.gakku-area13 a {border-color:rgb(238,214,169);}/*祥栄*/
.gakku-area14 a {border-color:rgb(238,232,169);}/*上鳥羽*/
.gakku-area15 a {border-color:rgb(196,228,211);}/*久世*/
.gakku-area1 a:hover {background-color:rgb(231,190,211);}/*梅逕*/
.gakku-area2 a:hover {background-color:rgb(238,190,169);}/*東梅逕*/
.gakku-area3 a:hover {background-color:rgb(196,214,211);}/*九条*/
.gakku-area4 a:hover {background-color:rgb(224,232,169);}/*弘道*/
.gakku-area5 a:hover {background-color:rgb(203,232,169);}/*塔南*/
.gakku-area6 a:hover {background-color:rgb(238,219,169);}/*南大内*/
.gakku-area7 a:hover {background-color:rgb(223,190,211);}/*唐橋*/
.gakku-area8 a:hover {background-color:rgb(196,197,211);}/*陶化*/
.gakku-area9 a:hover {background-color:rgb(238,204,169);}/*東和*/
.gakku-area10 a:hover {background-color:rgb(196,232,191);}/*山王*/
.gakku-area11 a:hover {background-color:rgb(207,190,211);}/*吉祥院*/
.gakku-area12 a:hover {background-color:rgb(214,232,169);}/*祥豊*/
.gakku-area13 a:hover {background-color:rgb(238,214,169);}/*祥栄*/
.gakku-area14 a:hover {background-color:rgb(238,232,169);}/*上鳥羽*/
.gakku-area15 a:hover {background-color:rgb(196,228,211);}/*久世*/







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

	Advanced Search

==============================================================*/
.advanced-search {
	background-color:#F0F0F0;
}

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

	About

==============================================================*/
.about .note {
	padding-left:1em;
	text-indent:-1em;
}