@charset "UTF-8";

/*子テーマ用「base.css」*/

/*  ページ全体の背景を白にする  */
body {
    background-color: #ffffff;
}

a {
	text-decoration: none;
}

/*  サイトのキャッチフレーズを最上部に表示する  */	
.site-catchphrase {
		background: #ffeef3;
	}

@media screen and (max-width: 414px) {
.site-catchphrase {
		height: 35px;
	}
}
	
.phrase-hide {
		visibility: hidden;
	font-size: 0px;
	}

.keni-header {
	padding-right: 0;
	}

.keni-header_col1 .keni-header_cont {
    margin-right: 0;
    position: absolute;
	max-width: 100%;
    padding: 0 0 0 20px;
	 top: -22px;
    font-size: 13px;
	}

@media screen and (max-width: 659px) {
.keni-header_col1 .keni-header_cont {
    top: -19px;
    font-size: 10px;
    }
}

@media screen and (max-width: 414px) {
.keni-header_col1 .keni-header_cont {
    top: -33px;
    }
}

@media screen and (max-width: 414px) {
.keni-header_col1 .keni-header_cont {
    padding: 0 0 0 10px;
    }
}

.keni-header_col1 .keni-header_cont p {
		    width: 150%;
	}

@media screen and (max-width: 414px) {
.keni-header_col1 .keni-header_cont p {
		    width: 98%;
	}
}

/*  サイト全体の幅を1008pxにする  */
@media screen and (min-width: 768px) {
    .col2r .keni-header_outer, .col2r .keni-gnav_outer, .col2r .keni-mv_outer, .col2r .catch-area, .col2r .archive_title_wrap, .col2r .keni-main_outer, .col2r .keni-breadcrumb-list_outer, .col2r .keni-footer_outer, .col2r .keni-copyright, .col2r .keni-sep-conts_outer, .col2r .keni-footer-panel_outer {
    max-width: 1008px !important;
	}
}

/*  ヘッドロゴの横幅を65%にする  */
.keni-header .site-title, .keni-header_col1 .site-title {
    max-width: 100%;
	text-align: center;
	}
	
@media screen and (max-width: 770px) {
.keni-header .site-title, .keni-header_col1 .site-title {
    float: none;
	}
}


.keni-header_inner {
    position: relative;
	float: left;
	width: 65%;
	}

@media screen and (max-width: 770px) {
.keni-header_inner {
	float: none;
	width: 100%;
	margin-bottom: 10px;
	}
}

/*  グローバルメニューの表示設定  */	
@media screen and (min-width: 970px) {
.keni-gnav_inner ul {
    width: 93%;
    margin: 0 auto;
	}
}

.keni-gnav_cont {
    margin: 0 auto;
}

.keni-gnav_inner li {
    width: 14.2%;
	}
	
.keni-gnav_inner li a {
	color: transparent;
	width: 134px;
	height: 86px;
	border-bottom: 0;
	}

#gMenu  {
	display:none;
}

@media screen and (max-width: 767px) {
    .keni-gnav_inner li a {
        color: #000000;
    }
	
	.keni-gnav_wrap {
    display: none !important;
	}

#gMenu {
	display: block;
    border-top: 2px solid #ffffff;
	}
	
#gMenu .assistive-text {
    background-color: #ffffff;
    background: linear-gradient(#ffffff, #990000);
	color: #fff;
	margin: 0;
	padding: 0;
	  display: block;
    overflow: hidden;
    position: relative;
    left: 0px;
    text-align: left;
    font-family: 'Lato', sans-serif;
    cursor: pointer;
    background-color: #e5e5e5;
    border-top: 1px;
	}
	
#gMenu .assistive-text span {
    display: block;
    overflow: hidden;
    padding: 6px 22px;
    width: 94%;
    margin: 0px 3%;
	font-size: 14px;
	}
	
#gMenu .submenu {

    overflow: visible;
    font-size: 13px;
    list-style: none;
    margin: 0;
    padding: 0px;
    border-top: 1px solid #e5e5e5;
	}
	
#gMenu .submenu li a {
    color: #333;
    display: block;
    overflow: hidden;
    padding: 11px 15px 9px;
    margin: 0px;
    line-height: 110%;
    text-decoration: none;
    letter-spacing: 0px;
    text-align: left;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
	}
	
#gMenu .submenu .current-menu-item a:visited {
    color: #FF0000 !important;
}
	
.menu__item {
  cursor: pointer;
  display: block;
  position: relative;
}	
	
.menu__item__link {
  display: block;
}	
	
.submenu {
  display: none;
}
	
li.menu-item {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 969px) {
.keni-gnav_inner li a {
	width: 107px;
    height: 68.78px;
	}
}

@media screen and (max-width: 767px) {
    .keni-gnav_inner li, .keni-gnav_inner li a {
        width: 250px;
        height: 51px;
    }
}
	
.keni-gnav_inner li a:hover, .keni-gnav_inner li a:active, .keni-gnav_inner li a:focus {
	border-bottom: 0;
	}
	
a, button {
    -webkit-transition: 0s;
    transition: 0s;
	}

@media screen and (min-width: 768px) {
	#menu-item-66 {
		display: none;
	}	
	
#menu-item-30 a {
		background-image: url("./images/global-menu/btn01-nor.jpg");
	    background-repeat: no-repeat;
    background-size: cover;
	}
	
#menu-item-30 a:hover, #menu-item-30.current-menu-item a {
		background-image: url("./images/global-menu/btn01-up.jpg");
	}
	
#menu-item-37 a {
		background-image: url("./images/global-menu/btn02-nor.jpg");
	    background-repeat: no-repeat;
    background-size: cover;
	}
	
#menu-item-37 a:hover, #menu-item-37.current-menu-item a {
		background-image: url("./images/global-menu/btn02-up.jpg");
	}
	
#menu-item-32 a {
		background-image: url("./images/global-menu/btn03-nor.jpg");
	    background-repeat: no-repeat;
    background-size: cover;
	}
	
#menu-item-32 a:hover, #menu-item-32.current-menu-item a {
		background-image: url("./images/global-menu/btn03-up.jpg");
	}
	
#menu-item-33 a {
		background-image: url("./images/global-menu/btn04-nor.jpg");
	    background-repeat: no-repeat;
    background-size: cover;
	}
	
#menu-item-33 a:hover, #menu-item-33.current-menu-item a {
		background-image: url("./images/global-menu/btn04-up.jpg");
	}
	
#menu-item-34 a {
		background-image: url("./images/global-menu/btn05-nor.jpg");
	    background-repeat: no-repeat;
    background-size: cover;
	}
	
#menu-item-34 a:hover, #menu-item-34.current-menu-item a {
		background-image: url("./images/global-menu/btn05-up.jpg");
	}
	
#menu-item-35 a {
		background-image: url("./images/global-menu/btn06-nor.jpg");
	    background-repeat: no-repeat;
    background-size: cover;
	}
	
#menu-item-35 a:hover, #menu-item-35.current-menu-item a {
		background-image: url("./images/global-menu/btn06-up.jpg");
	}
	
#menu-item-36 a {
		background-image: url("./images/global-menu/btn07-nor.jpg");
	    background-repeat: no-repeat;
    background-size: cover;
	}
	
#menu-item-36 a:hover, #menu-item-36.current-menu-item a {
		background-image: url("./images/global-menu/btn07-up.jpg");
	}
}
	

/*  フッターの色設定  */
.keni-footer_wrap {
	background-color: #ffeef3;
	font-size: 1.5rem;
    line-height: 1em;
}

.keni-footer_outer .footer-menu .menu {
    font-size: 11px;
}

.keni-footer_outer .footer-menu {
    justify-content: left;
}

.keni-footer_outer .footer-menu li a {
    border-bottom: 0;
	color: #808080;
}

.keni-copyright_wrap {
    border-top: 0;
    color: #666;
}

/*  フッター：運営者情報の並び設定 */
@media screen and (min-width: 970px) {
#footerAdressBlock {
    flex-direction: row !important;
	}
	
#AdressBlockAi {
    flex-direction: row;
	}
	
#footer dl#footerOutline {
    float: left;
	}
}



#footerAdressBlock {
    max-width: 1008px;
    width: 100%;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}


#AdressBlockAi {
    width: 100%;
    margin-bottom: 0;
    display: -ms-flexbox;
    flex-wrap: wrap;
}

@media screen and (min-width: 974px) {
#AdressBlockAi {
    width: 72.4%;
	}
}

@media screen and (min-width: 690px) {
	#AdressBlockAi {
    justify-content: space-around;
	}
}

@media screen and (min-width: 712px) {
	#AdressBlockAi {
    display: flex;
	}
}

#footer dl#footerOutline {
    margin: 0px;
    line-height: 150%;
    width: 300px;
}

#footerOutline {
    width: 230px !important;
	 margin-top: 0;
}


.management {
    width: 100%;
    background-color: #c1272d;
}

.management p.mobile {
    display: none;
}

.management p {
    color: #ffffff;
    text-align: center;
    margin-bottom: 0;
	line-height: 1.5em;
}

#footer dl#footerOutline dt {
    margin-bottom: 0;
}

#footerOutline dd {
    font-size: 85.7%;
    line-height: 140%;
	color: #808080;
}

.footerAdressOutline {
    width: 230px;
	 margin-top: 0;
}

#footerAdressLast.footerAdressOutline {
    margin-left: 0;
}


@media screen and (min-width: 712px) and (max-width: 973px) {
	#footerAdressLast.footerAdressOutline {
		margin: 0 auto;
	}
}

@media screen and (max-width: 711px) {
	#footerOutline, .footerAdressOutline, #footerAdressLast.footerAdressOutline {
    margin: 8px auto 10px auto;
	}
}


.footerAdressOutline dd {
    font-size: 85.7%;
    line-height: 140%;
	color: #808080;
}

@media screen and (min-width: 974px) {
#AdressBlockSupport .management p {
    font-size: 12px;
	line-height: 2.3em;
	}
}

@media screen and (max-width: 973px) {
	#AdressBlockAi , #AdressBlockSupport {
    width: 95%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 974px) {
	#AdressBlockSupport {
    width: 26%;
	}
}

.keni-copyright_wrap {
    padding: 15px 15px 25px 15px;
}

/*  ヘッドの電話番号を右寄せにする設定 */
.head-contact {
    float: left;
    width: 32% !important;
    margin-top: 2%;
}

@media screen and (max-width: 770px) {
.head-contact {
	display: none;
	}
}

/*  メインビジュアルのfloatを解除  */
.keni-container, .keni-mv_wrap {
    clear: both;
}

/*  最上部の装飾（斜めストライプ模様）を白にして見えなくする  */
.keni-header_wrap {
	padding-top: 0px;
    background-image: linear-gradient( -45deg, #fff 25%, #fff 25%, #fff 50%, #fff 50%, #fff 75%, #fff 75%, #fff ) !important;
}

/*  パンくずリスト表示設定  */
.keni-breadcrumb-list_wrap {
	background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: inset 1px 1px 3px rgba(255,255,255,1);
    padding: 0px;
	clear: both;
}

.keni-breadcrumb-list li {
    font-size: 1.2rem;
	color: #999;
    line-height: 1.8;
}

.keni-breadcrumb-list li a {
	color: #999;
}

.keni-breadcrumb-list li::before {
	visibility: hidden;
}

@media screen and (min-width: 768px) {
.side-add-wrap {
	width: 285px;
	}
}

/*  サイドバー：画像・アクセスマップの余白設定  */
.side-image-wrap, .side-access-wrap {
	    margin: 15px 0 25px 15px;
}

@media screen and (max-width: 414px) {
.side-image-wrap, .side-access-wrap{
    margin: 15px auto 25px auto;
    width: 87%;
	}
}

@media screen and (max-width: 767px) {
.side-access-wrap img {
	width: 340px;
	height: 75px;
	}
}


/*  サイドバー：Googleマップのレスポンシブ設定  */
.gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 100%;
	position: relative;
}

.gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100% !important;
	width: 100% !important;
	max-width: 340px;
	max-height: 340px;
}


/*  サイドバー：各施設名の設定  */
.cs-name {
	color: #666666;
	font-size: 16px;
	font-weight: 700;
	margin: 30px 0 0 3px;
}

.cs-name.top-no {
	margin: 0;
}

/*  サイドバー：各施設の住所情報の設定  */
.map-detail {
	    line-height: 1.5em;
	margin: 0 0 15px 3px;
}

.map-detail.btm-no {
	margin: 0;
}

/*  メインコンテンツの余白設定  */
.keni-main_inner {
    padding: 35px 0;
}

@media screen and (max-width: 767px) {
	.keni-main_inner {
    padding: 10px 0;
}
}

/*  サイドバー：リンクバナーの余白設定  */
.side-links {
	margin: 15px 0 15px 15px;
}

/*  サイドバー：リンクバナー、マウスオーバーで画像切り替えの設定  */
.side-links a {
	 display: block;
	width: 270px;
	height: 169px;
    background-image: url("./images/side-bar/riyousha.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
.side-links a {
	width: 340px;
	height: 212px;
	background-image: url("./images/side-bar/riyoushaboshu.jpg");
	}
}

@media screen and (max-width: 414px) {
.side-links {
	margin: 15px 0;
}	
	
.side-links a {
    margin: 0 auto;
	}
}

.side-links a:hover {
    background-image: url("./images/side-bar/riyousha_hover.jpg");

}

.side-links.stf a {
    background-image: url("./images/side-bar/stuff.jpg");
}

@media screen and (max-width: 767px) {
.side-links.stf a {
	background-image: url("./images/side-bar/staff.jpg");
	}
}

.side-links.stf a:hover {
    background-image: url("./images/side-bar/stuff_hover.jpg");

}

.side-links.lnk a {
		height: 70px;
    background-image: url("./images/side-bar/side_link_btn_01.jpg");
}

.side-links.lnk a:hover {
    background-image: url("./images/side-bar/side_link_btn_02.jpg");

}

.side-links.ctc a {
		height: 70px;
    background-image: url("./images/side-bar/side_contact_btn_01.jpg");
}

.side-links.ctc a:hover {
    background-image: url("./images/side-bar/side_contact_btn_02.jpg");
}

@media screen and (max-width: 767px) {
.side-links.lnk a {
		height: 88px;
	}

.side-links.ctc a {
		height: 88px;
	}
}

/*  サイドバー：フェイスブック表示の余白設定  */
#fb01 {
	margin: 15px 0 50px 15px;
}

@media screen and (max-width: 414px) {
#fb01 {
    margin: 15px 0 50px 0;
    text-align: center;
	}
}




/*  HOMEページ：　子ども達の様子 タイトル表示設定 */
.title-sp {
    display: none;
}

#children-title {
    background: none;
	 padding: 0;
}

.title-pc {
    max-width: 640px;
}

@media screen and (max-width: 640px) {
.title-sp {
    display: block;
	}
	
.title-sp img {
    display: block;
	margin: 0 auto;
	}
	
.title-pc {
    display: none;
	}
}

/*  HOMEページ：　子ども達の様子 月別リンク表示設定 */
#calendar-photo-wrap {
    max-width: 640px;
	padding: 0 10px 0 0;
}

@media screen and (max-width: 767px) and (min-width: 415px) {
	#calendar-photo-wrap {
    margin: 0 auto;
	}
}

@media screen and (max-width: 414px) {
	#calendar-photo-wrap {
	padding: 0 10px;
	}
}

#photo-list {
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.monthly {
    width: 25%;
    list-style-type: none !important;
}

.monthly a img {
	margin-bottom: 12px;
}

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

.monthly a img {
	display: block;
    margin: 0 auto;
	}

#fb01 .fb-page {
	width: 336px !important;
	height: 622px !important;
	}
}

/*  HOMEページ：　とりくみ 表示設定 */


.img-pc img {
	width: 640px;
}


@media screen and (max-width: 767px) and (min-width: 641px) {
.img-pc img {
    display: block;
    margin: 0 auto;
	}
}

/*  ソーシャルブックマーク表示設定 */
.wp_social_bookmarking_light {
    padding: 10px 0 20px 0;
}

.wsbl_facebook_like {
    float: left;
    margin: 0 15px 0 10px;
}


/*  固定ページのコンテンツ幅：　640pxになるよう表示設定 */
@media screen and (min-width: 770px) {
.keni-main .keni-section_wrap {
    padding: 30px 14px;
	}
}

..keni-section_wrap {
	margin-right: 10px;
}

@media screen and (max-width: 970px) and (min-width: 768px) {
.col2r .keni-main {
    float: right;
    width: 100%;
    margin-left: -300px;
    padding-left: 300px;
	}
}

/*  投稿・固定ページのタイトル上の装飾を非表示にする設定 */
.keni-section h1:not(.title_no-style) {
    background-image: linear-gradient(-45deg,#fff 25%,#fff 25%, #fff 50%,#fff 50%, #fff 75%,#fff 75%, #fff) !important;
}

/*  投稿・固定ページのタイトルの位置を上にずらす設定 */
@media screen and (min-width: 768px) {
.keni-section h1:first-child {
    margin: -60px -40px 30px;
	}

/*  特定の固定ページのタイトルの位置を上にずらす設定 */
.keni-section_wrap.article_wrap.nottl {
    padding: 0 14px 0 4px;
	}
}

.article-body.nottl {
	position: relative;
	max-width: 650px;
    margin: 0 auto;
}

.article-body.nottl figure {
	margin: 0;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.article-body.nottl figure img {
		width: 100%;
	}
}
	
#to-contact, #to-pdf {
	    position: absolute;
}

#to-contact {
	top: 13%;
    left: 8%;
}

#to-contact a {
    padding: 0 4px;
    color: #FFFFFF;
    font-size: 25px;
    font-weight: bold;
    font-family: "メイリオ";
    line-height: 30px;
    background-color: orange;
    display: block;
}

#to-pdf {
	top: 34.3%;
    left: 8%;
}

#to-pdf a {
    padding: 0 0 0 4px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    font-family: "メイリオ";
    background-color: #FF0000;
    display: block;
	line-height: 1.8em;
}

.service-to-contact {
    position: absolute;
    top: 18.3%;
    left: 5%;
}

.service-to-contact a {
    padding: 0 4px;
    color: #FFFFFF;
    font-size: 25px;
    font-weight: bold;
    font-family: "メイリオ";
    line-height: 30px;
    background-color: orange;
    display: block;
}

@media screen and (min-width: 768px) and (max-width: 969px) {
	#to-contact a {
    font-size: 2.2vw;
    line-height: 1.3em;
	}
	
#to-pdf a {
    font-size: 2vw;
    line-height: 1.3em;
	}	
	
.service-to-contact {
    top: 18.1%;
    left: 5%;
	}
	
.service-to-contact a {
    font-size: 2.3vw;
    line-height: 3vw;
	}
}

@media screen and (max-width: 640px) {
#to-contact {
	top: 11.3%;
    left: 12%;
	}
	
#to-contact a {
    font-size: 6.2vw;
    line-height: 7.5vw;
	}
	
#to-pdf {
    top: 36.1%;
    left: 11%;
	}
	
#to-pdf a {
    font-size: 4.2vw;
    line-height: 6vw;
	}	
	
.service-to-contact {
    top: 17.1%;
    left: 26%;
	}
	
.service-to-contact a {
    font-size: 5.5vw;
    line-height: 6.7vw;
	}
}
	

/*  特定の固定ページのタイトルを非表示にする設定 */
.article-header-notitle {
    display: none;
}

.img-sp {
    display: none;
}

.img-pc {
	padding: 0 10px 0 0;
}

@media screen and (max-width: 640px) {
.img-sp {
    display: block;
	text-align: center;
	}
	
.img-pc {
    display: none;
	}
}

@media screen and (max-width: 770px) {
.footer-menu {
	display: none !important;
	}
}

@media screen and (min-width: 415px) {
	.line-break{
	display: none;
	}
}

@media screen and (min-width: 771px) {
		#otoiawase {
			display: none;
		}
	}
	
@media screen and (max-width: 770px) {
	#otoiawase {
    z-index: 9999;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 155px;
    max-width: 770px;
    margin: 0 auto;
		background-color: #ffffd1;
	background-image: url("./images/otoiawase/otoiawase_back.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 770px 155px;
	}
	
.keni-copyright_wrap {
    padding: 15px 15px 25px 25px;
    height: 140px;
	}
	
#tel_01 a, #contact_01 a {
    position: absolute;
    display: block;
    width: 131px;
    height: 100%;
	}

#tel_01 a {
    left: 0;
    background-image: url("./images/otoiawase/tel_btn_01.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 131px 155px;
	}
	
#contact_01 a {
    right: 0;
    background-image: url("./images/otoiawase/contact_btn_01.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 131px 155px;
	}
	
#otoiawase_inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 610px;
    height: 100%;
    margin: 0 auto;
	}
}
	
@media screen and (max-width: 610px) {	
#otoiawase {
    height: 81.22px;
    background-size: 403.48px 81.22px;
	}
	
#otoiawase_inner {
    width: 320px;
	}
	
#tel_01 a, #contact_01 a {
    width: 68.64px;
	background-size: contain;
	}
	
.keni-copyright_wrap {
    height: 70px;
	}
}

#otoiawase p {
    visibility: hidden;
	}