@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------
* this is common style
*
--------------------------------------------------------------*/
/*
 * 01. ホーム
 * 02. ふれあい基金とは
 * 03. Flow
 * 04. Topics
 * 05. 寄付／募金
 * 06. Management
 */

 /*--------------------------------------------------------------
   ホーム
 --------------------------------------------------------------*/

 .main{
 	width: 78.5%;
  padding-top: 25px;
 	padding-right: 15px;
 }

 h2.top-h2{
 	display: inline-block;
 	width: 100%;
 	text-align: left;
 	border-bottom: 1px solid #dedede;
 	line-height: 1.2rem;
 	padding-bottom: 10px;
 }

 .topics-box{
 	width: 100%;
 	padding: 30px 0 30px;
 	border-bottom: 1px solid #dedede;
 }

 a.eye-catch{
   margin-right: 25px;
   padding-left: 0;
   padding-right: 0;
 }

 .topics-box img{
 	float: left;
  width: 100%;
 	/*margin-right: 25px;*/
 }

 .topics-box img:hover{
 	filter:alpha(opacity=80);
   -moz-opacity: 0.8;
   opacity: 0.8;
 }

 .topics-txt{
 	width: 62%;
 	display: block;
 	float: left;
 	padding-left: 0;
 	padding-right: 0;
  color: #777;
 }

 .txt a{
   color: #777;
 }

 .txt a:hover{
   color: #3e608c;
 }

 .front-date{
 	display: block;
 	width: 100%;
 	font-size: 16px;
 	font-size: 1.6rem;
 	line-height: 1.4rem;
 	margin-bottom: 25px;
 }

 h3.ttl{
 	display: block;
 	line-height: 1.5rem;
 	margin-bottom: 20px;
 }

 .ttl a{
 	color: #56c1c3;
 }

 .ttl a:hover{
 	text-decoration: none;
 	border-bottom: 1px solid #56c1c3;
 	padding-bottom: 1px;
 	filter:alpha(opacity=80);
   -moz-opacity: 0.8;
   opacity: 0.8;
 }

 /*@-moz-document url-prefix() {
 .ttl a{
 	display: inline-block;
 	padding-bottom: 2px;
 	}
 }

 @media all and (-ms-high-contrast:none){
 .ttl a{
 	display: inline-block;
 	padding-bottom: 2px;
 	}
 }*/

 .txt{
 	display: block;
 	font-size: 15px;
 	font-size: 1.5rem;
 	line-height: 2.2rem;
 }

 @media screen and (max-width : 767px) {
 	.main{
 		width: 100%;
 		padding-right: 15px;
 		/*margin-bottom: 30px;*/
 		border-bottom: 1px solid #dedede;
 	}
 	li.topics-box:nth-child(3){
 		border-bottom: 0;
 	}
 	.topics-box img{
 		float: none;
 		width: 90%;
 		text-align: center;
 		margin: 0 auto 20px;
 	}
 	.topics-txt{
 		width: 90%;
 		float: none;
 		margin: 0 auto;
 	}
 	.date{
 		margin-bottom: 15px;
 	}
 	h3.ttl{
 		font-size: 1.9rem;
 	}
 }

 /*--------------------------------------------------------------
   ふれあい基金とは
 --------------------------------------------------------------*/

.page-business #contents{
  margin-bottom: 0;
}
 .other-h2{
 	width: 100%;
 	background: url("../../shared/images/pattern.gif") repeat;
 	text-align: center;
 	line-height: 5.6rem;
 	margin-bottom: 40px;
 }

 .page-business h2.other-h2{
   width: 100%;
   background: url("../../shared/images/pattern.gif") repeat;
   text-align: center;
   line-height: 5.6rem;
   margin-bottom: 80px;
 }

 .fureai-top{
 	padding-left: 0;
 	padding-right: 0;
 	margin-bottom: 60px;
 }

 .fureai-top ul li{
 	width: 30.665%;
 	min-height: 335px;
 	border: 1px solid #56c1c3;
 	margin: 0 2%;
 }

 .fureai-top ul li:nth-child(1){
 	margin: 0 2% 0 0;
 }

 .fureai-top ul li:nth-child(3){
 	margin: 0 0 0 2%;
 }

 .fureai-top ul li img{
 	display: block;
 	text-align: center;
 	margin: -40px auto -10px;
 }

 .fureai-top span{
 	display: block;
 	text-align: center;
 	font-size: 1.4rem;
 	color: #b9dbdc;
 	margin-bottom: 13px;
 }

 .fureai-h3{
 	text-align: center;
 	margin-bottom: 8px;
 }

 .fureai-txt{
 	font-size: 1.3rem;
 	color: #56c1c3;
 	margin: 13px 10px 20px;
 	border-top: 1px solid #56c1c3;
 	padding-top: 15px;
 }

 .illust{
 	margin-bottom: 68px;
 }

 .fureai-h4{
 	width: 60%;
 	background: #f1fff9;
 	text-align: center;
 	line-height: 4.5rem;
 	margin: 0 20% 14px;
 	border-radius: 5px;
 }

 .koueki-h4{
 	padding-bottom: 8px;
 	border-bottom: 1px solid #56c1c3;
 	margin-bottom: 14px;
 }

 .koueki-txt{
 	font-size: 1.4rem;
 	line-height: 2.3rem;
 }

 .alignnone {
 	margin : 0;
 }

 @media screen and (max-width : 767px) {
 	.other-h2{
 		margin-bottom: 45px;
 	}

 	.fureai-top{
 		margin-bottom: 0;
 	}

 	.fureai-top ul li{
 		width: 100%;
 		min-height: 0;
 		margin: 0 0 45px;
 	}

 	.fureai-top ul li:nth-child(1),
 	.fureai-top ul li:nth-child(3){
 		margin: 0 0 45px;
 	}

 	.fureai-h4{
 		width: 100%;
 		margin: 0 0 14px;
 	}

 	.illust,
 	.koueki-area{
 		padding-left: 0;
 		padding-right: 0;
 	}

 	.illust{
 		margin-bottom: 30px;
 	}

 	.koueki-area{
 		margin-bottom: 30px;
 	}

 	.koueki-img{
 		display: none;
 	}

 }

 /*--------------------------------------------------------------
   活動事例
 --------------------------------------------------------------*/

.post-area{
  box-shadow: 0 0 2px 2px #eee;
  margin-bottom: 48px;
  background: #eff9f9;
  position: relative;
}

.post-date{
  display: block;
  color: #56c1c3;
  text-align: center;
  font-size: 1.8rem;
  font-family: "sans-serif","Arial";
  padding: 69px 0 0;
}

.post-katsudo{
  padding: 30px 45px 12px;
  background: url(../images/arrow.gif) no-repeat 0 52px;
  background-color: #fff;
}

.post-katsudo h3{
  margin-bottom: 18px;
}

.post-katsudo p{
  margin-bottom: 18px;
}

.post-katsudo img{
  line-height: 0;
  margin: 4px;
  width: auto;
  max-height: 150px;
}

.sidebar h3{
  font-size: 1.8rem;
  text-align: center;
  line-height: 2.5rem;
  border: 1px solid #56c1c3;
}

.sidebar ul{
  margin-bottom: 30px;
}

.sidebar ul li{
  font-size: 1.5rem;
  font-family : "メイリオ", Meiryo;
  text-align: center;
  line-height: 4.6rem;
  border-bottom: 1px solid #56c1c3;
  background: url("../images/btn-icon.gif") no-repeat 20% 50%;
}

.sidebar ul li a{
  display: block;
  color: #777;
}

.sidebar ul li a:hover{
  background: url("../images/btn-icon.gif") no-repeat 20% 50%;
  background-color: #f0f9f9;
}

@media screen and (max-width : 767px) {
  .post-date{
    padding: 15px 0 12px;
  }
  .post-katsudo{
    padding: 30px 15px 12px;
    display: block;
    background: url(none);
    background-color: #fff;
  }
  .post-katsudo h3{
    text-align: center;
  }
  .post-katsudo img{
    display: block;
    width: 90%;
    max-height: 600px;
    text-align: center;
    margin: 10px auto;
  }
  .sidebar ul li{
    background: url("../images/btn-icon.gif") no-repeat 36% 50%;
  }
  .sidebar ul li a:hover{
    background: url("../images/btn-icon.gif") no-repeat 36% 50%;
    background-color: #f0f9f9;
  }
}




 /*--------------------------------------------------------------
   寄付／募金
 --------------------------------------------------------------*/

.page-kifu-bokin .entry-content{
  padding: 0 30px;
  margin-bottom: 50px;
}

.page-kifu-bokin .entry-content{
}

.page-kifu-bokin h3{
  font-size: 2.1rem;
  border-bottom: 1px solid #56c1c3;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

.kifu-bokin-txt-front{
  font-weight: bold;
  color: #56c1c3;
}

.post-wrap iframe{
  display: block;
  width: 50%;
  min-height: 550px;
  margin: 0 auto 20px;
}

@media screen and (max-width : 767px) {
  .page-kifu-bokin .entry-content{
    padding: 0 ;
  }
}

/*--------------------------------------------------------------
  交付先／募集
--------------------------------------------------------------*/

.page-koufu-boshu .main{
  margin-bottom: 0;
}

.page-koufu-boshu .post-wrap{
  padding-bottom: 20px;
}

.page-koufu-boshu h3{
  padding-bottom: 3px;
  border-bottom: 1px solid #56c1c3;
  margin-bottom: 15px;
  line-height: 2.6rem;
}

.page-koufu-boshu .txt{
  font-size: 1.4rem;
  margin-bottom: 40px;
}

.page-koufu-boshu .koufu-list{
  padding: 0;
}

.page-koufu-boshu .koufu-list li{
  font-size: 1.4rem;
  line-height: 2.2rem;
}


/*--------------------------------------------------------------
  お問い合わせ
--------------------------------------------------------------*/

div.wpcf7{
  padding: 9%;
  margin: 0 10%;
  border: 1px solid #56c1c3;
  background: #fafcfc;
}

.wpcf7 p {
  max-width: 100%;
  margin-bottom: 20px;
}

.wpcf7 p.radio-btn{
  margin-bottom: 10px;
}

.wpcf7 label {
    font-weight: normal;
}

.wpcf7 select {
    font-size: 1.3rem;
    height: 22px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 100%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}

.wpcf7 input[type="submit"] {
  display: block;
  margin: 0 auto;
  /*line-height: 4rem;*/
  text-align: center;
	padding: 0.8em 3em;
	background: #56c1c3;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	/*box-shadow: 0 0 1px rgba(0,0,0,.2);*/
	border: 1px solid #56c1c3;
	/*text-shadow: -1px 1px 0 rgba(255,255,255,1);*/
}

.wpcf7 input[type="submit"]:hover {
  /*background: #58acad;*/
  opacity: 0.8;
	/*box-shadow: 0 0 1px rgba(50, 72, 74, 0.5) inset;*/
}

.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
  font-size: 1.8rem;
}

.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}

span.mwform-radio-field.horizontal-item {
  display: inline-block;
  margin: 0 0 0 1em;
}

input.radio {
  display: inline-block;
}

@media screen and (max-width : 767px) {
  div.wpcf7{
    padding: 5% 5%;
    margin: 0 0 15px;
  }
}




 /*--------------------------------------------------------------
   footer-top-area
 --------------------------------------------------------------*/
#footer{
	width: 100%;
}

.footer-top{
	margin-bottom: 80px;
}

.footer-top a{
  margin-bottom: 80px;
}

.jyosei{
	position: relative;
	min-height: 124px;
	border: 2px solid #56c1c3;
	padding: 18px 25px 12px;
}

.jyosei:hover{
	-moz-box-shadow:0px 0px 6px 4px #d1eff0;
	-webkit-box-shadow:0px 0px 6px 4px #d1eff0;
	box-shadow:0px 0px 6px 4px #d1eff0;
}

.jyosei h4{
	display: block;
	width: 100%;
	text-align: center;
	line-height: 2rem;
	border-bottom: 1px solid #56c1c3;
	padding-bottom: 17px;
	margin-bottom: 12px;
}

.jyosei-txt{
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #56c1c3;
	padding-left: 5px;
}

.bokin-shueki{
	min-height: 124px;
	border: 2px solid #517bb1;
	padding: 18px 20px 12px;
}

.bokin-shueki:hover{
	-moz-box-shadow:0px 0px 6px 4px #d8e2f0;
	-webkit-box-shadow:0px 0px 6px 4px #d8e2f0;
	box-shadow:0px 0px 6px 4px #d8e2f0;
}

.bokin-shueki h4{
	display: block;
	color: #517bb1;
	width: 100%;
	text-align: center;
	line-height: 2rem;
	border-bottom: 1px solid #517bb1;
	padding-bottom: 17px;
	margin-bottom: 12px;
}

.bokin-shueki-txt{
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #517bb1;
	padding-left: 0;
}

.kifu-bokin{
	min-height: 124px;
	border: 2px solid #e68fb6;
	padding: 18px 25px 12px;
}

.kifu-bokin:hover{
	-moz-box-shadow:0px 0px 6px 4px #f2dce6;
	-webkit-box-shadow:0px 0px 6px 4px #f2dce6;
	box-shadow:0px 0px 6px 4px #f2dce6;
}

.kifu-bokin h4{
	display: block;
	color: #e68fb6;
	width: 100%;
	text-align: center;
	line-height: 2rem;
	border-bottom: 1px solid #e68fb6;
	padding-bottom: 17px;
	margin-bottom: 12px;
}

.kifu-bokin-txt{
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #e68fb6;
	padding-left: 20px;
}

.shushi-kessansho{
	display: block;
	min-height: 128px;
	border: 2px solid #999999;
	line-height: 3rem;
	position:relative;
	background: url("../images/shushi-kessansho.jpg") no-repeat;
}

.shushi-kessansho:hover{
	-moz-box-shadow:0px 0px 6px 4px #e3e3e3;
	-webkit-box-shadow:0px 0px 6px 4px #e3e3e3;
	box-shadow:0px 0px 6px 4px #e3e3e3;
}

.shushi-kessansho h4{
	display: block;
	color: #777;
	width: 100%;
	text-align: center;
	position:absolute;
	top: 50%;
	line-height: 5.5rem;
	margin-top: -3.0rem; /* 2行の場合 */
}

 @media (max-width: 986px) and (min-width: 768px){
 	.footer-top {
 		margin-bottom: 50px;
 	}
 	.footer-top ul li{
 		width: 50%;
 		margin-bottom: 30px;
 	}
 	.footer-top ul li p{
 		text-align: center;
 	}
 }

 @media screen and (max-width : 767px) {
 	.footer-top{
    padding-top: 30px;
 		margin-bottom: 0;
 	}
 	.footer-top li {
     margin-right: 0;
 		min-width: inherit;
 		margin-bottom: 30px;
 	}
 	.jyosei-txt,
 	.bokin-shueki-txt,
 	.kifu-bokin-txt{
 		text-align: center;
 		padding-left: 0;
 	}
 }

 /*--------------------------------------------------------------
   end
 --------------------------------------------------------------*/