/*
Theme Name: midono
Description: みどの福祉会
Author: ACEWEB

Version:1.0
License:ACEWEB
License URI:http://aceweb.jp

Tags:
*/

@charset "utf-8";

/*****************************************
	ページネーション用
*****************************************/
/*ページネーション*/
ul.pagination {
	float:left;
	margin:30px 0 25px 0;
	position:relative;
	left:50%;
}

ul.pagination li {
	float:left;
	margin:0 8px 10px 0;
	position:relative;
	left:-50%;
}

ul.pagination li a {
	display:block;
	padding:3px 10px;
	background-color:#666;
}

ul.pagination li a:link		{ color:#fff; text-decoration:none; }
ul.pagination li a:visited 	{ color:#fff; text-decoration:none; }
ul.pagination li a:hover 	{ color:#fff; text-decoration:none; background-color:#f1105f; }
ul.pagination li a:active 	{ color:#fff; text-decoration:none; }

.current_page {
	color:#fff;
	display:block;
	padding:3px 10px;
	background-color:#f1105f;
}


/* Wordpress用 */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}



.newspost, .post{
	overflow:hidden;
	font-size:16px;
	line-height:1.8em;
	margin-bottom:80px;
}

.post h3{
	font-size:20px;
	margin-bottom:20px;
}
.post h3 span{
	font-size:12px;
	color:#999;
	font-weight:normal;
	margin-right:20px;
}
.post h3 a{
	text-decoration:none;
	color:#2c4aa1;
}
.post h3 a:hover{
	text-decoration:none;
	color:#40aae3;
}

.newsSec{
}
.newsSec:after{
	content:"";
	display:block;
	clear:both;
}
.newsSecMain{
	float:left;
	width:840px;
	margin-right:30px;
}
.newsSecNav{
	float:left;
	width:300px;
	border:1px solid #ccc;
	padding:10px;
}
h3.h3sidebar{
	border-top:none;
	border-bottom:none;
	background:#40aae3;
	color:#fff;
	font-size:18px;
	font-weight:normal;
	padding:5px;
	margin-bottom:20px;
}
.widget-container{
	margin-bottom:30px;
}
.widget-container ul{
}
.widget-container ul li{
	line-height:1.5em;
	padding:10px;
	border-bottom:1px solid #ccc;
}
.widget-container a{
	text-decoration:none;
}


.newsSecBtn{
	width:200px;
	margin-top:20px;
	margin-left:auto;
}
.newsSecBtn a {
	display:block;
	color:#2c4aa1;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	padding:5px 0;
	background-color:#fff;
	border:2px solid #2c4aa1;
	text-align:center;
	text-decoration:none;
}
.newsSecBtn a:hover {
	color:#fff;
	background-color:#2c4aa1;
}
.newsSecBtn a {
	-ms-filter: "alpha( opacity=60 )";
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
h3.h3archive{
	border:none;
	background:#eaeaea;
	font-size:18px;
	font-weight:normal;
	padding:10px;
	margin-bottom:20px;
}


/* wp-pagenavi */
.wp-pagenavi{
	text-align:center;
}
.wp-pagenavi {
	clear: both;
	padding:5px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #666;
	padding: 3px 5px;
	margin: 2px;
	font-size:14px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color:#666;
	border-color: #999;
	background:#e9e9e9;
}

.wp-pagenavi span.current {
	font-weight: bold;
}






#main .topSec{
	margin-top:0;
}

/* ウィジェット用 */
#newsSecWidget{
	float:left;
	width:180px;
}
#newsSecWidget h3{
	font-size:16px;
	border:none;
	background:#589955;
	color:#fff;
	padding:10px;
}
#newsSecWidget ul{
}
#newsSecWidget ul li{
	font-size:14px;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:10px;
}
#newsSecWidget ul li span{
	font-size:10px;
	color:#999;
}
#newsSecWidget ul li a{
	text-decoration:none;
}

h4 span{
	font-size:12px;
	margin-right:20px;
}

/* 保育園詳細リンクボタン */
.news_hoikuenSecBtn:before,.news_daySecBtn:before,.news_anshinSecBtn:before,.news_wataboushiSecBtn:before,.news_kyotakuSecBtn:before,.news_kodomoSecBtn:before,.news_jidouSecBtn:before,.news_midonoSecBtn:before{
	content:"";
	display:block;
	clear:both;
}
.news_hoikuenSecBtn,.news_daySecBtn,.news_anshinSecBtn,.news_wataboushiSecBtn,.news_kyotakuSecBtn,.news_kodomoSecBtn,.news_jidouSecBtn,.news_midonoSecBtn{
	width:200px;
	margin-top:40px;
	margin-left:auto;
}
.news_hoikuenSecBtn a {
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	padding:5px 0;
	background-color:#ffb6c1;
	border:2px solid #ffb6c1;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
}
.news_hoikuenSecBtn a:hover {
	color:#ffb6c1;
	background-color:#fff;
}
/* デイ詳細リンクボタン */
.news_daySecBtn a {
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	padding:5px 0;
	background-color:#344789;
	border:2px solid #344789;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
}
.news_daySecBtn a:hover {
	color:#344789;
	background-color:#fff;
}
/* 高齢者あんしんセンターみどの新町詳細リンクボタン */
.news_anshinSecBtn a {
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	padding:5px 0;
	background-color:#cc528b;
	border:2px solid #cc528b;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
}
.news_anshinSecBtn a:hover {
	color:#cc528b;
	background-color:#fff;
}
/* わたぼうし詳細リンクボタン */
.news_wataboushiSecBtn a {
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	padding:5px 0;
	background-color:#545400;
	border:2px solid #545400;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
}
.news_wataboushiSecBtn a:hover {
	color:#545400;
	background-color:#fff;
}
/* 居宅詳細リンクボタン */
.news_kyotakuSecBtn a {
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	padding:5px 0;
	background-color:#636;
	border:2px solid #636;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
}
.news_kyotakuSecBtn a:hover {
	color:#636;
	background-color:#fff;
}
/* こどもクラブ詳細リンクボタン */
.news_kodomoSecBtn a {
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	padding:5px 0;
	background-color:#249fd5;
	border:2px solid #249fd5;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
}
.news_kodomoSecBtn a:hover {
	color:#249fd5;
	background-color:#fff;
}
/* 児童クラブ詳細リンクボタン */
.news_jidouSecBtn a {
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	padding:5px 0;
	background-color:#630;
	border:2px solid #630;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
}
.news_jidouSecBtn a:hover {
	color:#630;
	background-color:#fff;
}
/* 緊急連絡詳細リンクボタン */
.news_midonoSecBtn a {
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	padding:5px 0;
	background-color:#015f15;
	border:2px solid #015f15;
	text-align:center;
	text-decoration:none;
	border-radius:20px;
}
.news_midonoSecBtn a:hover {
	color:#015f15;
	background-color:#fff;
}
.news_hoikuenSecBtn a,.news_daySecBtn a,.news_anshinSecBtn a,.news_wataboushiSecBtn a,.news_kyotakuSecBtn a,.news_kodomoSecBtn a,.news_jidouSecBtn a,.news_midonoSecBtn a{
	-ms-filter: "alpha( opacity=60 )";
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

h4:before{
	content:"";
	display:block;
	clear:both;
}
/* デイh4 */
.dayPost h4{
	position:static;
	display:block;
	padding:14px 20px 10px 20px;
	background:#eef0f9;
	font-weight:normal;
	border-left:5px solid #344789;
	color:#666;
}
.dayPost h4 span{
	font-size:12px;
	margin-right:20px;
	color:#344789;
}
/* あんしんh4 */
#anshin .anshinPost h4{
	position:static;
	display:block;
	padding:14px 20px 10px 20px;
	background:#faedf3;
	font-weight:normal;
	border-left:5px solid #cc528b;
	color:#666;
}
#anshin .anshinPost h4 span{
	font-size:12px;
	margin-right:20px;
	color:#cc528b;
}
/* わたぼうしh4 */
.wataboushiPost h4{
	position:static;
	display:block;
	padding:14px 20px 10px 20px;
	background:#ffffe6;
	font-weight:normal;
	border-left:5px solid #545400;
	color:#666;
}
.wataboushiPost h4 span{
	font-size:12px;
	margin-right:20px;
	color:#545400;
}
/* 居宅h4 */
.kyotakuPost h4{
	position:static;
	display:block;
	padding:14px 20px 10px 20px;
	background:#f4ecf4;
	font-weight:normal;
	border-left:5px solid #636;
	color:#666;
}
.kyotakuPost h4 span{
	font-size:12px;
	margin-right:20px;
	color:#636;
}
/* こどもクラブh4 */
.kodomoPost h4{
	position:static;
	display:block;
	padding:14px 20px 10px 20px;
	background:#e4f4fa;
	font-weight:normal;
	border-left:5px solid #249fd5;
	color:#666;
}
.kodomoPost h4 span{
	font-size:12px;
	margin-right:20px;
	color:#636;
}
/* 児童クラブh4 */
.jidouPost h4{
	position:static;
	display:block;
	padding:14px 20px 10px 20px;
	background:#aacf53;
	font-weight:normal;
	border-left:5px solid #630;
	color:#666;
}
.jidouPost h4 span{
	font-size:12px;
	margin-right:20px;
	color:#630;
}

.dayPost h4:before, .dayPost h4:after,
#anshin .anshinPost h4:before,#anshin  .anshinPost h4:after,
.wataboushiPost h4:before, .wataboushiPost h4:after,
.kyotakuPost h4:before, .kyotakuPost h4:after,
.kodomoPost h4:before, .kodomoPost h4:after,
.jidouPost h4:before, .jidouPost h4:after{
	display:none;
}
.dayPost h4 a,#anshin .anshinPost h4 a,.wataboushiPost h4 a,.kyotakuPost h4 a,.kodomoPost h4 a,.jidouPost h4 a{
	text-decoration:none;
}

/* 行事写真 */
#eventphoto h4:before{ border:none; }
#eventphoto ul{ margin-bottom:60px; }
#eventphoto ul:after{ content:""; display:block; clear:both; }
#eventphoto ul li{ float: left; width: 260px; margin-right: 25px; margin-bottom: 25px; }
#eventphoto ul li:nth-child(3n){ margin-right: 0; }
#eventphoto ul li a { display:block; color:#ff536c; font-size:20px; letter-spacing:1px; font-weight:bold; padding:15px 0; background-color:#fff; border:3px solid #ff536c; text-align:center; text-decoration:none; border-radius:15px; }
#eventphoto ul li a:hover { color:#fff; background-color:#ff536c; }
#eventphoto ul li a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/* 地域貢献活動 */
.post p{ overflow: hidden; margin-bottom: 40px; }
.post p:after{ content: ""; display: block; clear: both; }
.chiikiSecContact{ width: 435px; margin: 0 auto; border: 1px solid #015f15; border-radius: 10px; }
.chiikiSecContact01{ padding: 20px; }
.chiikiSecContactTit{ background: #015f15; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 1px; padding: 10px 20px; border-radius: 8px 8px 0 0; border: 1px solid #015f15; }
.chiikiSecContactAdd{}
.chiikiSecContactTel br{ display: none; }
.chiikiSecContactTime br{ display: none; }
.chiikiSecContactMail{}




/* movie */
.movie_sec{}
.movie_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.movie_item{ flex-basis: 48%; margin-top: 60px; }
.movie_item:nth-child(1),
.movie_item:nth-child(2){ margin-top: 0; }
.movie_umekomi{ position: relative; width: 100%; padding-top: 56.25%; }
.movie_umekomi iframe{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; }


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:640px){

/* Wordpress用 */
.alignleft,
img.alignleft {
	float: none;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:10px;
	text-align:center;
}
.alignright,
img.alignright {
	float: none;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:10px;
	text-align:center;
}
.aligncenter,
img.aligncenter {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
    margin-bottom:10px;
}
img.alignleft,
img.alignright,
img.aligncenter {
	width:100%;
	margin-bottom: 12px;
}
.alignleft,
img.alignleft,
.alignright,
img.alignright {
	display:block;
    margin-bottom:10px !important;
}

h4 { width:100%; }

.newspost, .post{
	overflow:hidden;
	font-size:14px;
	line-height:1.8em;
	margin-bottom:40px;
}

.wp-pagenavi{
	text-align:center;
	margin-bottom:20px;
}
.wp-pagenavi a,.wp-pagenavi span{
	padding:10px !important;
}

.post div a img,.post p a img{
	margin:0 auto;
	text-align:center;
}

.news_hoikuenSecBtn,.news_daySecBtn,.news_anshinSecBtn,.news_wataboushiSecBtn,.news_kyotakuSecBtn,.news_kodomoSecBtn,.news_jidouSecBtn{
	margin-top:20px;
	margin-bottom:40px;
	margin-left:auto;
}


/* 行事写真 */
#eventphoto h4:before{ border:none; }
#eventphoto ul{ margin-bottom:60px; }
#eventphoto ul:after{ content:""; display:block; clear:both; }
#eventphoto ul li{ float: none; width: 100%; margin-right: 0%; margin-bottom: 25px; }
#eventphoto ul li:nth-child(3n){ margin-right: 0; }
#eventphoto ul li:nth-child(2n){ margin-right: 0; }
#eventphoto ul li a { display:block; color:#ff536c; font-size:20px; letter-spacing:1px; font-weight:bold; padding:15px 0; background-color:#fff; border:3px solid #ff536c; text-align:center; text-decoration:none; border-radius:15px; }
#eventphoto ul li a:hover { color:#fff; background-color:#ff536c; }
#eventphoto ul li a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/* 地域貢献活動 */
.chiikiPost h2{ width: 100% !important; padding: 10px; }
.chiikiPost h2 .h2Tit01{ font-size: 24px; line-height: 1.5; }
.chiikiPost h3{ width: 100% !important; }
.post p{ overflow: hidden; margin-bottom: 40px; }
.post p:after{ content: ""; display: block; clear: both; }
.chiikiSecContact{ width: 100%; margin: 0 auto 20px auto; border: 1px solid #015f15; border-radius: 10px; }
.chiikiSecContact01{ padding: 20px; font-size: 14px; }
.chiikiSecContactTit{ background: #015f15; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 1px; padding: 10px 20px; border-radius: 8px 8px 0 0; border: 1px solid #015f15; }
.chiikiSecContactAdd{}
.chiikiSecContactTel br{ display: block; }
.chiikiSecContactTime br{ display: block; }
.chiikiSecContactMail{}



/* movie */
.movie_sec{}
.movie_list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.movie_item{ flex-basis: 100%; margin-top: 60px; }
.movie_item:nth-child(1){ margin-top: 0; }
.movie_item:nth-child(2){ margin-top: 60px; }
.movie_umekomi{ position: relative; width: 100%; padding-top: 56.25%; }
.movie_umekomi iframe{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; }




}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:641px) and (max-width:1024px){

/* Wordpress用 */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 10px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

h4 { width:100%; }

.newspost, .post{
	overflow:hidden;
	font-size:16px;
	line-height:1.8em;
	margin-bottom:80px;
}

.wp-pagenavi{
	text-align:center;
	margin-bottom:20px;
}
.wp-pagenavi a,.wp-pagenavi span{
	padding:10px !important;
}

.news_hoikuenSecBtn,.news_daySecBtn,.news_anshinSecBtn,.news_wataboushiSecBtn,.news_kyotakuSecBtn,.news_kodomoSecBtn,.news_jidouSecBtn{
	margin-top:20px;
	margin-bottom:40px;
	margin-left:auto;
}

/* 行事写真 */
#eventphoto h4:before{ border:none; }
#eventphoto ul{ margin-bottom:60px; }
#eventphoto ul:after{ content:""; display:block; clear:both; }
#eventphoto ul li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 25px; }
#eventphoto ul li:nth-child(3n){ margin-right: 4%; }
#eventphoto ul li:nth-child(2n){ margin-right: 0; }
#eventphoto ul li a { display:block; color:#ff536c; font-size:20px; letter-spacing:1px; font-weight:bold; padding:15px 0; background-color:#fff; border:3px solid #ff536c; text-align:center; text-decoration:none; border-radius:15px; }
#eventphoto ul li a:hover { color:#fff; background-color:#ff536c; }
#eventphoto ul li a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/* 地域貢献活動 */
.chiikiPost h2{ width: 100% !important; }
.chiikiPost h3{ width: 100% !important; }
.post p{ overflow: hidden; margin-bottom: 40px; }
.post p:after{ content: ""; display: block; clear: both; }
.chiikiSecContact{ width: 435px; margin: 0 auto 20px auto; border: 1px solid #015f15; border-radius: 10px; }
.chiikiSecContact01{ padding: 20px; }
.chiikiSecContactTit{ background: #015f15; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 1px; padding: 10px 20px; border-radius: 8px 8px 0 0; border: 1px solid #015f15; }
.chiikiSecContactAdd{}
.chiikiSecContactTel{}
.chiikiSecContactTime{}
.chiikiSecContactMail{}


}

