@charset "utf-8";
/*
Theme Name: 愛媛県保育士・保育所支援センターデータベース
Author: pulsedesign,inc.
Author URI: https://pulse-jp.com/
Version: 2020.05.20
*/
.co_b{color:#0081cf!important;}
.rounded-pill {
  border-radius: 50rem !important;
}
.namba {ime-mode: disabled;}
.red_txt{
	text-align:right;
	margin-bottom:15px;
	color:red;
}
.page_title_h{
	text-align:left;
	font-size:50%;
	font-weight:normal;
	margin-bottom:0px;
	letter-spacing:0em;
}
.txt_info{
	font-size:110%;
	margin-bottom:-20px;
}
.file_01{
	padding:0!important;
}
.file_table{
border:0px solid #fff!important;
}
.file_table td{
border:0px solid #fff!important;
}
.map_info{
	text-align:left;
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:1.6em;
	margin-bottom:50px;
}

.sf-field-search label{ width: 100%; }
.sf-field-search input[type="text"]{ width: 100%; }

.sf-field-submit input[type="submit"]{
	width:100%;
	border-radius:5px;
	padding:7px;
	background:#0080e6;
	border:none;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	cursor: pointer;}

.sf-field-submit input[type="submit"]:hover{background: #0096f4;}

/* 市町村のリストの設定 */
#post-sidebar h4{
	font-size:120%;
	font-weight:bold;
	letter-spacing:0.6em;
	color:#009ba6;
}
/*
.sf-level-0{
  display: block;
  float: left;
  list-style-type: none;
  text-align: left;
  width: 50%!important;
}
.sf-level-0:last-child{
padding-bottom:30px;
}
*/
.sf-input-select{
	width:100%!important;
	padding:8px;
}
.search-filter-reset{
	width:100%;
	background:#009ba6;
	color:#fff;
	border:none;
margin-bottom:20px;
font-weight:bold;
font-size:110%;
padding:8px 5px;
border-radius:5px;
}
.search-filter-reset:hover{
opacity:0.8;
}
.canvas-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.grecaptcha-badge { visibility: hidden; }
.recaptcha{margin-left:30px;
font-size:90%;}
.mail_chui{
	border:1px solid #e60012;
	padding:10px 15px 10px 15px;
	color:#e60012;
}
.scroll_area {
  border: 1px solid #B7B7B7;
  padding: 10px 10px 10px 10px;
  width: 100%;
  height: 200px;
  background-color: #fff;
  font-size: 80%;
  text-align: justify;
  overflow-y: scroll;
  overflow-x: hidden;
}
.form-width{
	width:100%;
}
/*---アクセス---*/

.ggmap {
margin-top:20px;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}

.access_traffic p.name{
	font-weight:bold;
	font-size:130%;
	letter-spacing:0.2em;
	margin-bottom:20px;}

.access_traffic table{
	border-collapse: collapse;
	border:1px solid #ccc;
	margin-top:-20px;
	width:100%;}

.access_traffic th {
	width:25%;
	font-weight:normal;
	background: #e5f2fa;
	padding:12px 0 12px 0;
	border-top: solid 1px #ccc;
	text-align:center;}

.access_traffic td{
	padding:12px 10px 9px 10px;
	border-top: solid 1px #ccc;
	text-align: justify;}

@media only screen and (max-width:480px){
.access_traffic table {
	border-top:0px;}
	
.access_traffic th, .access_traffic td {
	width: 100%; 
	display: block;}
	
}

h3.access-h3{
	color:#292729;
	margin-top:60px;
	margin-bottom: 30px;
	letter-spacing:0.05em;
	position: relative;}

h3.access-h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #0081cf;
	bottom:-15px;
	width: 10%;}

.access_traffic{}

.access_traffic h5{
	margin-top:20px;
	padding-top:20px;
	margin-bottom:10px;
	border-top:1px solid #ccc;}


/*---------------------------------------------
	ページャー
  ---------------------------------------------*/
.navigation{
text-align:left;
padding-left:10px;
}
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
  background-color: #999;
  color: #fff!important;
  padding: 10px 14px!important;
  border: 1px solid #999!important;
	font-size: 12px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
	  color: #fff!important;
  background-color: #0081cf!important;
  border: 1px solid #0081cf!important;
}
@media screen and (min-width: 961px) {
/* 表示領域が961px以上の場合に適用するスタイル */	
  .pcNone {
    display: none;
  }
}

@media screen and (min-width: 800px) and (max-width: 960px) {
/* 表示領域が541px以上960px以下の場合に適用するスタイル */
  .mdNone {
    display: none;
  }
}

@media screen and (max-width: 800px) {
/* 表示領域が540px以下の場合に適用するスタイル */
	  .spNone {
    display: none;
  }
}

@media screen and (max-width: 540px) {
/* 表示領域が540px以下の場合に適用するスタイル */
#training{
	margin-top:-5px;
	padding-top:5px;
}
#info{
	margin-top:-15px;
	padding-top:15px;
}
#work{
	margin-top:-15px;
	padding-top:15px;
}
#nursery{
	margin-top:-15px;
	padding-top:15px;
}
#kengai {
   margin-top:-215px;
  padding-top:215px;
}
}