@charset "UTF-8" ;
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*960-768-480*/

.gothic{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}
.noto {font-family: 'Noto Sans JP', serif;}
.fw100 {font-weight:100;}
.fw200 {font-weight:200;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fw800 {font-weight:800;}
.fw900 {font-weight:900;}

/*////////////////////////////*/
/*           フレーム           */
/*////////////////////////////*/

/* ボディ */
html
{
	/*margin: 0 ;		 スペース */
	/*padding: 0 ;		 余白 */
}
body
{
	/*margin: 0 ;		 スペース */
	/*padding: 0 ;		 余白 */
	/*font-size: 15px ;	 文字サイズ （YUI利用時は殺す）*/
	line-height: 1.618 ;
	background-image: url(../comimg/background.gif);
}
* html body {font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
*:first-child+html body {font-family: ‘メイリオ’,’ＭＳ Ｐゴシック’,sans-serif;}


/* スマホだけに適用するCSS */
@media screen and (max-width:480px)
{
	/* ボディ */
	body
	{
		/*font-size: 13px ;	 文字サイズ */
	}
}

a:link, a:visited {
	/*color: #125abc;#000BF0;*/
	color: #125abc;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #f00;
	text-decoration: none;
}




/*  スライダー・コンテンツ　ラッパー  */
/*////////////////////////////*/

section.slider{
	min-width:990px;
	min-height:472px;
	margin-left:auto;
	margin-right:auto;
}
#allWrapper00 {
	/*position:relative;*/
}
#allWrapper01 {	/* ヘッダ部分、ナビ部分 */
	position: absolute;
	top:0px;
	left:0;
	right:0;
	z-index:100;
}
#allWrapper02 {	/* コンテンツ部分 */
	position: absolute;
	/*top:670px;*/
	left: -1px;
	right: 0;
	z-index: 200;
	margin-top: -100px
}
@media screen and (max-width:480px)
{
	section.slider{
		min-width: inherit;
		min-height:inherit;
	}
	#allWrapper01, #allWrapper02 {
		position: relative;
		padding-top:0;
	}
	#allWrapper02 {
		margin-top:0
	}
}





/*       グローバルメニュー      */
/*////////////////////////////*/
.openMenu {
display: none;
}

.mainHeader {
margin: 0;
padding: 0;
}

.globalNav ul {
box-sizing: border-box;
display: table;
width: 100%;
margin: 0 auto;
padding: 0;
/*border: 1px solid #222;*/
}

.globalNav li {
display: table-cell;
margin: 0;
/*border-left: 1px solid #222;*/
width: 21%;/*100÷5メニュー数*/
font-weight:bold;
text-align: center;
text-indent:-9999px;
height: 36px;
}
	.globalNav li.home {
		width: 10%;/*100÷5メニュー数*/
		background: url(../comimg/nv1_01.gif) no-repeat center;
	}
	.globalNav li.about {
		width: 33%;/*100÷5メニュー数*/
		background: url(../comimg/nv1_11.gif) no-repeat center;
	}
	.globalNav li.introduction {
		width: 17%;/*100÷5メニュー数*/
		background: url(../comimg/nv1_21.gif) no-repeat center;
	}
	.globalNav li.subsidy {
		background: url(../comimg/nv1_31.gif) no-repeat center;
	}
	.globalNav li.volunteer {
		background: url(../comimg/nv1_41.gif) no-repeat center;
	}
	.globalNav li.mobile {
		display:none;
	}

.globalNav li:first-child {
border-left: none;
}

.globalNav li a {
display: block;
color:#ffffff;
text-decoration: none;
height: 36px;
}

.globalNav li a:hover {
	text-decoration:underline;
}
	.globalNav li.home:hover {
		width: 10%;/*100÷5メニュー数*/
		background: url(../comimg/nv1_02.gif) no-repeat center;
	}
	.globalNav li.about:hover {
		width: 33%;/*100÷5メニュー数*/
		background: url(../comimg/nv1_12.gif) no-repeat center;
	}
	.globalNav li.introduction:hover {
		width: 17%;/*100÷5メニュー数*/
		background: url(../comimg/nv1_22.gif) no-repeat center;
	}
	.globalNav li.subsidy:hover {
		background: url(../comimg/nv1_32.gif) no-repeat center;
	}
	.globalNav li.volunteer:hover {
		background: url(../comimg/nv1_42.gif) no-repeat center;
	}
.globalNav li a:active {
	color:#ff0000;
}

@media screen and (max-width:480px)
{
	.openMenu {
	display: block;
	text-align: right;
	padding: 5px;
	}

	.openMenu a {
	display: block;
	width: 33px;
	height: 24px;
	margin: 0 0 0 auto;
	text-decoration: none;
	background: url(../comimg/menu01.png) no-repeat 0 0;
	background-size: cover;
	}

	.openMenu a:hover {
	 opacity: 0.7;
	 }

	.openMenu a span {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}

	.openMenu.isOpen a {
	background: url(../comimg/menu02.png) no-repeat 0 0;
	background-size: cover;
	}

	.globalNav {
	display: none;
	}

	.globalNav ul {
	display: block;
	margin-bottom: 0.25em;
	}

	.globalNav li {
	display: block;
	border-top: 1px solid #006600;
	border-left: none;
	width:auto;
	text-indent: inherit;
	padding:5px;
	height:inherit;
	}

	.globalNav li:first-child {
	border-top: none;
	}

	.globalNav li.home,
	.globalNav li.about,
	.globalNav li.introduction,
	.globalNav li.subsidy,
	.globalNav li.volunteer,
	.globalNav li.mobile,
	.globalNav li.home:hover,
	.globalNav li.about:hover,
	.globalNav li.introduction:hover,
	.globalNav li.subsidy:hover,
	.globalNav li.volunteer:hover,
	.globalNav li.mobile:hover {
		width: auto;
		display: inherit;
		background-image: url();
	}
	.globalNav li a {
	height:inherit;
	}
}
/* アニメーション */
.globalNav li.animate01 {
    background-color: #009933;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    }
.globalNav li.animate01:hover {
    background-color: #006600;
    }





/*           ヘッダー          */
/*////////////////////////////*/
.header
{
	line-height:0;
	width:990px;
	margin:auto;
	background: rgba(255,255,255,0.50);
}

/* ロゴ画像を囲むh1 */
.logo-wrapper
{
	float:left;
	width: 300px ;
	margin: 15px ;
	padding: 0 ;
		overflow: hidden;
		text-indent:-9999px;

	/*background: rgba(255,0,0,1);*/
}
.header form
{
	display:inline-block;
	float:right;
	margin:10px;
}


/* スマホだけに適用するCSS */
@media screen and (max-width:480px) {
	.header
	{
		width:auto;
		background: rgba(255,255,255,1.0);
	}
	/* ロゴ画像 */
	.logo-wrapper
	{
		margin:5px auto 0;
	}
	.header form
	{
		display: none;
	}
}





/*         ベースラッパー        */
/*////////////////////////////*/
.baseWrapper01,
.baseWrapper02
{
	width: 990px ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
}
.baseWrapper01
{
background: #ffffff;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:480px)
{
	.baseWrapper01,
	.baseWrapper02
	{
		width: auto ;
		padding: 0;
	}
}




/*////////////////////////////*/
/*         トップページ         */
/*////////////////////////////*/

.infoWrap
{
	position: relative;
	min-height:250px;
	width: 990px;
	padding:13px 0;
	background: url(../comimg/bg_newbox.png) repeat-x;
}
.infoWrap > h3,
.infoWrap > h4{
	float: left;
	height: 36px;
	margin: 0;
	text-indent:-9999px;
	overflow: hidden;
}
.infoWrap > h3{
	margin-left:15px;
	width: 622px;
	background: url(../comimg/title_info.png) no-repeat left;
}
.infoWrap > h4 a{
	display: block;
	width: 93px;
	height: 36px;	
	background: url(../comimg/title_info.png) no-repeat right;
}
.infoWrap > dl{
	padding-left:15px;
	clear: both;
	max-width: 715px;
	/*background: rgba(255,30,0,0.2);*/
}
.infoWrap > dl.info{
	margin-left: 18px; 
	padding: 0; 
	color: white; 
	background: rgba(0,153,102,1.0); 
	border-radius: 5px;
}
.infoWrap > dl > dt{
	clear: both;
	display: inline-block;
	float: left;
	margin-top: 10px;
	padding-left:40px;
	white-space: nowrap;
}
	.infoWrap > dl > dt.new{
		background: url(../comimg/ico_newsmall.gif) no-repeat 10px 50%;
	}
.infoWrap > dl > dd{
	float: left;
	margin-top: 10px;
	margin-left:0;
	padding-left: 15px;
	max-width: 80%;
}
.donation{
	margin-bottom:1em;
	position: absolute;
	top: -40px;
	right: 15px;
	width: 204px;
	height: 211px;
	background: url(../comimg/bg_donation.png) no-repeat;
	text-align:center;
}
.donation > .month{
	line-height: 135%;
	margin:65px auto 0;
	width: 164px;
	height: 80px;
	text-align: center;
}
.donation > .month .yen{
	color: #996600;
	font-size: 146.5%;
}
.donation > .month .yen > .unit{
	font-size: 60%;
}
.donation > a.monthly,
.donation > a.flow
{
	margin: auto;
	display: block;
	width: 164px;
	height: 24px;
}
.donation+.videoBanner{
	position: absolute;
	top: 176px;
	right: 23px;
	margin-bottom:1em;
	padding-top:43px;
	padding-bottom:2px;
	border:solid 1px #a59d63;
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
	border-radius: 2px;         /* CSS3 */
	background: url(../comimg/bg_video.png) no-repeat 50% 5px rgb(255,255,245);
	text-align:center;
	width: 187px;
	}
.videoBanner a{
	display:inline-block;
	margin:auto;
	padding-left:1.2rem;
	height:1.4;
	width:65px;
	font-size:1rem;
	line-height:1;
	background: url(../comimg/bg_video_arrow.png) no-repeat 0 45%;
	}
	.videoBanner a.spr{
		background: url(../comimg/bg_video_spr.png) no-repeat center;
		}
	.videoBanner a.aut{
		background: url(../comimg/bg_video_aut.png) no-repeat center;
		}
.exBokin{
	position: absolute;
	top: -185px;
	right: 15px;
/*		background: url(../../exbokin/2020/202004_covid19/img/j_bokin-n_start.png) no-repeat;*/
		background: url(../../exbokin/2020/202004_covid19/img/j_bokin-n_end.png) no-repeat;
/*		background: url(../../exbokin/2020/202004_covid19/img/j_bokin-n_result.png) no-repeat;*/
	backface-visibility: hidden;
}
	.exBokin02{
		top: -337px;
/*		background: url("../../exbokin/2020/202007_heavy_rain/img/j_bokin-n_start.png") no-repeat center center;*/
/*		background: url(../../exbokin/2020/202007_heavy_rain/img/j_bokin-n_end.png) no-repeat;*/
		background: url(../../exbokin/2020/202007_heavy_rain/img/j_bokin-n_result.png) no-repeat;
		background-size: contain;/* 画像のサイズを指定    */
		backface-visibility: hidden;
	}
.exBokin > a.title {
	display:block;
	width: 204px;
	height: 152px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.exBokin > a.detail {
	display:block;
	width:90px;
	height:14px;
}


/* スマホだけに適用するCSS */
@media screen and (max-width:480px)
{
	.infoWrap
	{
		min-height: inherit;

		width: 100%;
		padding: 0 10px;
		background:#ffffff;
	}
	.infoWrap,
	.infoWrap > dl
	{
		padding:0;
		max-width: inherit;
		width:auto;
	}
	.infoWrap > dl > dt
	{
		float:left;
		padding-left: 30px;
		width:22%;
	}
	.infoWrap > dl > dt.new
	{
		float:left;
		background-position: left;
	}
	.infoWrap > dl > dd
	{
		float:left;
		padding-left:0;
		max-width: none;
		width:67%;
	}
	.infoWrap > dl.info,
	.infoWrap > dl.info > dd
	{
		margin-left: 0;
		width:inherit;
	}
	.infoWrap > h3
	{
		margin:0;
		width:80%;
		background: url(../comimg/title_info02.png) no-repeat left;
	}
	.infoWrap > h4
	{
		width:20%;
	}
	.infoWrap > h4 a
	{
		width:100%;
		background: url(../comimg/title_info02.png) no-repeat right;
	}
	.donation{
		position: relative;
		top:auto;
		right:auto;
		width:auto;
		height: auto;
		padding:1px;
		background: url(../comimg/bg_donation_title.png) no-repeat 4px 6px;
		border:solid 1px #d5b66c;
		font-size:115%;
	}
	.donation > .month{
		padding-top:50px;
		margin:auto;
		width: auto;
		height: auto;
		border:solid 1px #e7e6b9;
		background: none;
	}
	.donation > .month .yen,
	.donation > .month .period
	{
		display:inline;
	}
	.donation > .month > .yen > .unit{
		font-size: 60%;
	}
	.donation > a.monthly,
	.donation > a.flow
	{
		float:none;
		display:inline-block;
		margin: 8px auto 0;
		width: 50%;
		height: 24px;
		background: rgba(0,20,100,0.80);
	}
	.donation > a.monthly
	{
		width: 160px;
		height: 24px;
		background: url(../comimg/bg_donation.png) no-repeat -20px -144px;
	}
	.donation > a.flow
	{
		width: 160px;
		height: 24px;
		background: url(../comimg/bg_donation.png) no-repeat -20px -168px;
	}
	.donation+.videoBanner{
		position: relative;
		top:auto;
		right:auto;
		border:solid 1px #d5b66c;
		-moz-border-radius: 2px;    /* Firefox */
		-webkit-border-radius: 2px; /* Safari,Chrome */
		border-radius: 2px;         /* CSS3 */
		width:auto;
		}
	.exBokin{
		position: relative;
		padding:2px;
		margin-bottom:1em;
		top: auto;
		right: auto;
		border:solid 1px #cccccc;	/*終了したら*/
		font-weight:bold;
		background: none;
		backface-visibility: hidden;
	}
	.exBokin > a.title {
		display:block;
		margin-left:auto;
		margin-right:auto;
		width: 99.5%;
		max-height: 5em;
		text-indent: inherit;
		white-space: normal;
		border:solid 1px #fe6960;	/*開始したら*/
		border:solid 1px #cccccc;	/*終了したら*/
		overflow: auto;
		color:rgb(0,0,0);
	}
		.exBokin.exBokin02{
			border:solid 1px #fe6960;	/*開始したら*/
			border:solid 1px #cccccc;	/*終了したら*/
		}
		.exBokin.exBokin02 > a.title {
			border:solid 1px #fe6960;	/*開始したら*/
			border:solid 1px #cccccc;	/*終了したら*/
		}
	.exBokin > .detail{
		position:absolute;
		bottom: 4px;
		right: 4px;
		width:100px;
		height:14px;
		border: none;
		/*
		text-indent: 100%;
		white-space: normal;
		overflow:hidden;*/
		background: url(../../exbokin/2018/201802taiwan/img/j_bokin-n_end.png) no-repeat -22px -110px;
		backface-visibility: hidden;
	}
	.exBokin > a.detail {
		width:110px;
	}
}


/*         プロジェクト        */
/*////////////////////////////*/
.projectWrap
{
	/*width: auto;
	padding: 15px;			 上下左右に15pxの余白 */
	background:#ffffff;
	font-size:0;				/* 余白バグ対処 */
}
.projectBox
{
	font-size:11pt;			/* 余白バグ対処 */
	position:relative;
	display: inline-block;
	width:296px;
	height:233px;			/*296*/
	margin:15px;
	padding:0;
	line-height:0;
	border:solid 2px #339999;
	/*overflow:hidden;*/
}
/*
.projectBox a:hover {
	filter:brightness(105%);				ios6 safari bugあり
	-webkit-filter:brightness(108%);		ios6 safari bugあり
}
*/
.projectBox img{
	margin:0;
	padding:0;
	border:0;
	width:296px;
	height:233px;
	
}
.projectBox .name
{
	display: none;
	/*
	display:inline-block;
	width:280px;
	min-height:46px;
	padding:7px 8px 8px;
	color:#ffffff;
	background:#398220;
	line-height:1.7;
	*/
}
.projectBox > .icon
{
	position: absolute;
	top: -23px;
	right: -22px;
	display: block;
	width: 90px;
	height: 90px;
	background: #ffccff;
	-moz-border-radius: 50px;    /* Firefox */
	-webkit-border-radius: 50px; /* Safari,Chrome */
	border-radius: 50px;         /* CSS3 */
 }
	.projectBox > .jyosei{
		background: url(../comimg/icon01.png) no-repeat center;
	}
	.projectBox > .mori{
		background: url(../comimg/icon02.png) no-repeat center;
	}
	.projectBox > .higashiNippon{
		background: url(../comimg/icon03.png) no-repeat center;
	}
.projectBox > .badge
{
	position: absolute;
	display: block;
	width: 127px;
	height: 74px;
	background: url(../comimg/badge01.png) no-repeat center;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:480px)
{
	.projectWrap
	{
		width: auto ;
		float: none ;
		margin:auto;
		padding: 0 ;		/* 余白 */
		text-align:center;
		font-size:0;			/* 余白バグ対処 */
	}
	.projectBox
	{
		font-size:11pt;			/* 余白バグ対処 */
		/*display: inline-block;*/
		width:48%;
		height:auto;
		margin:1px;
	}
	.projectBox img{
		margin:0;
		padding:0;
		border:0;
		width:100%;
		height:100%;
		
	}
	.projectBox .name
	{
		display:none;
	}
	.projectBox > .icon
	{
		display:none;
	}
}



/*        バナー／フッター       */
/*////////////////////////////*/
.bannerWrap
{
	width: auto;
	margin: 15px;			 /*上下左右に15pxの余白*/
	padding: 15px 15px 2px; 
	background: url(../comimg/bg_banner.jpg) center;
	font-size:0;
}
.bannerBox
{
	position:relative;
	display:block;
	float:left;
	line-height:0;
	width: 228px;
	height:177px;
	background: url(../comimg/bg_bannerbox.png) no-repeat center;
	font-size:0;
	margin-bottom:15px;
	margin-left:4px
}
	.bannerBox+.bannerBox
	{
		/*margin-left:6px*/
	}
.bannerBox > .approach, .bannerBox > .approach a,
.bannerBox > .daiary, .bannerBox > .daiary a
{
	display:block;
	width: 227px;
	height:162px;
}
	.bannerBox > .approach{
		background: url(../comimg/bg_approach.jpg) no-repeat center;
	}
	.bannerBox > .approach a{
			position:absolute;
			display:block;
			width:60%;
			height:40px;
	}
		.bannerBox > .approach > .link > a{
			top:50px;
			height:20px;
		}
		.bannerBox > .approach > .park > a{
			top:70px;
		}
		.bannerBox > .approach > .daiary > a{
			top:110px;
		}
	.bannerBox > .daiary a{
		background: url(../comimg/bg_daiary.jpg) no-repeat center;
	}
@media screen and (max-width:480px)
{
.bannerWrap
{
	padding-left:0px; 
	padding-right:0px; 
}
.bannerBox
	{
		width: 41%;
		height:114px;
		margin-left:18px;
		margin-right:10px;
		margin-bottom:25px;
	}
	.bannerBox > .approach, .bannerBox > .approach a,
	.bannerBox > .daiary, .bannerBox > .daiary a
	{
		width: auto;
		height:114px;
	}
	.bannerBox > .approach{
		background-size:100%;
	}
	.bannerBox > .approach a{
			position: static;
			width:60%;
			height:20px;
	}
		.bannerBox > .approach > .link > a{
			height:50px;
		}
		.bannerBox > .approach > .park > a{
			height:27px;
		}
		.bannerBox > .approach > .daiary > a{
			height:60px;
		}
	.bannerBox > .daiary a{
		background-size:110%;
	}

}
.footerWrap
{
	width: auto;
	margin: 15px 14px 3px;			 /*上左右に15pxの余白 */
	padding:15px;
	background: rgba(230,230,230,1.0);
	border-top:solid 2px rgba(204,204,204,1.0);
}
.footerWrap a
{
	color:#666666;
}

.footerWrap .block01
{
	width:50%;
	float:left;
}
.footerWrap .block02
{
	width:25%;
	float:left;
}
.footerWrap dl
{
	float:left;
	margin-right:13px;
	padding:0;
	width:220px;
	font-size:95%;
}
.footerWrap ul
{
/*	clear:both;*/
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	width:25%;
	font-size:95%;
}
	.footerWrap ul li a
	{
		display:block;
		height:25px;
		line-height:25px;
		color:#000000;
	}
	.footerWrap ul li.icnExp
	{
		margin:6px auto;
		padding-left:1.5em;
		border:solid 1px rgb(58,138,17);
		background: url(../comimg/arrow01.gif) no-repeat 8px 50%;
	}
	.footerWrap ul li.sevenai
	{
		margin:4px auto;
		background: url(../comimg/logo_sevenai.gif) no-repeat 8px 50%;
	}
	.footerWrap ul li.sevenjapan
	{
		margin:4px auto;
		background: url(../comimg/logo_sevenjapan.gif) no-repeat 8px 50%;
	}
	.footerWrap dl dt
	{
		border-bottom:solid 1px #cccccc;
	}
	.footerWrap dl dt.hAdapt
	{
		margin-bottom:5px;
		padding-bottom:3px;
	}
	.footerWrap dl dt, .footerWrap dl dd
	{
		margin:0;
		padding-left:1.5em;
	}

@media screen and (max-width:480px)
{
	.footerWrap
	{
		margin:0;
		padding:0;
	}
	.footerWrap dl
	{
		width:50%;
	}
	.footerWrap ul
	{
		float:none;
	}
	.footerWrap .block01,.footerWrap .block02
	{
		width:100%;
	}
	.footerWrap dl
	{
		float:left;
		margin:0;
		width:50%;
	}
	.footerWrap ul
	{
		float:none;
		width:100%;
	}
	.footerWrap ul li
	{
		width:49.8%;
		float:left;
	}
	.footerWrap ul li.icnExp
	{
		/*margin:6px auto;
		border:solid 1px rgb(58,138,17);*/
		border-width:1px 0 1px 0;
		padding-left:0;
		text-align:center;
	}
		.footerWrap ul li.icnExp:first-child
		{
			border-width:1px 1px 1px 0;
		}
	.footerWrap ul li.sevenai,
	.footerWrap ul li.sevenjapan,
	.footerWrap dl dd
	{
		display:none;
	}
	.footerWrap dl dt,.footerWrap dl dt.hAdapt
	{
		border-bottom:none;
		margin:0;
		padding:0;
		text-align:center;
	}
	.footerWrap dl dt a{
		display:block;
		width:100%;
		padding:7px 0;
	}
	.footerWrap dl dd
	{
		margin:0;
		padding-left:0;
	}
}


.footerBox
{
	width: auto;
	margin: 0 15px;			 /*上下左右に15pxの余白 */
	line-height:0;
	text-align:center;
}
.footer
{
	margin: auto ;
	padding: 1em 0 ;			/* 上下の余白 */
	background: #ffffff ;
}
	.footer .logo_s a
	{
		margin:auto;
		display:block;
		width:180px;
		text-indent:-9999px;
		overflow:hidden;
	}
	.footer .logo_s img
	{
		width:180px;
	}
.copy{
	margin-top:0.75em;
	line-height:1;
	font-size:80%;
}
/* スマホだけに適用するCSS */
@media screen and (max-width:480px)
{
	.bannerWrap, .footerWrap, .footerBox
	{
		margin: auto;
	}
	.block01, .block02
	{
		width:auto;
	}
}





.baseWrapper01	/* 02はhiddenしない */
{
	overflow: hidden ;
}



.contentWrap
{
	width: auto;
	margin: 15px;			 /*上左右に15pxの余白 */
	padding:15px;
/*	background: rgba(230,230,230,1.0);*/
}
.fundraisingWrap
{
	background-color: rgb(148, 235, 97);
	font-size: 1.4em;
}
.fundraisingWrap .fAmount{
	padding: 0.25em;
	position: relative;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	background: rgb(255,255,204);
	border-radius: 10px;
}
	.contentWrap.fundraisingWrap .fAmount img{
		width: 48%;
		margin: 1%;
	}
.fundraisingWrap .titleBox
{
	line-height: 1;
	margin-bottom: 0.25em;
	padding: 0.25em 0.25em;
	background-color: rgb(255,250,230);
	font-size: 1.4em;
	color: rgba(0,180,90,1.00);
	border: solid 1px rgba(0,180,90,1.00);
}
.fundraisingWrap table.mAmount
{
	width: 100%;
	min-width: 480px;
	font-size: 1rem;
	border-collapse: collapse;
}
.fundraisingWrap .mAmount th,
.fundraisingWrap .mAmount td
{
	text-align: center;
	border: solid 1px #999;
	border-collapse: collapse;
	padding: 0.5em 0.25em;
}
.fundraisingWrap .mAmount th
{
	color:white;
	background: #339966;
}
@media screen and (max-width:480px)
{
	.contentWrap.fundraisingWrap .fAmount{
		display:inline-block;
	}
	.contentWrap.fundraisingWrap .fAmount img{
		width: 90%;
		margin: 0;
	}
}

/*////////////////////////////*/
/*         フレーム以外         */
/*////////////////////////////*/

/* デスクトップPCとスマホに適用するCSS */
p
{
	color: #4c4c4c;
}


.siteTopTitle{
	margin-top:2em;
	padding-left:20px;
	font-size:300%;
	font-weight:bold;
}
.backNumverTitle{
	padding-left:20px;
	font-size:300%;
	font-weight:bold;
}
.pageTitle{
	margin: 0em;
	margin-top:2em;
	padding-left:20px;
	padding-right:20px;
	font-weight:bold;
}
.featureTitle{	/*h2、h3サイズはtopLboxtopRboxへ記述*/
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
}
.cateTitle{	/*h2、h3サイズはtopLboxtopRboxへ記述*/
	position:relative;
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
	text-shadow:
/*		-1px -1px 0 #999,
		-1px 1px 0 #666,
		1px -1px 0 #666,
*/		2px 2px 0 #333;
}





/*
.freeBox{
	min-height:50px;
	padding:20px;
}
*/

/*
.contentsBox{
	position:relative;
	min-height:468px;
	padding:60px 60px 80px;
	line-height:200%;
}
.contentsBox h4{
	font-size:110%;
}
.contentsBox h5{
	font-size:108%;
}
.contentsTitle{
	font-size:200%;
	font-weight:bold;
	line-height:110%;
	margin: 0 0 0.5em;
}
*/
/*
.doubleLine{
	display:block;
	height:2px;
	border-top:solid 1.5px #808080;
	border-bottom:solid 1.5px #808080;
}
.yearBorder{
	display:block;
	margin:3em auto auto;
	width:95%;
	border-top:solid 1px #d2d2d2;
}
.closeBtn{
	position:absolute;
	left: 0;
	right: 0;
	bottom:0;
	margin: auto;
	width:136px;
	height:80px;
	z-index:9999;
}
	.closeBtn a{
		position:absolute;
		width:136px;
		height:40px;
		background:url(../comimg/btn_close.gif) no-repeat;
		cursor: pointer;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
}
*/



/* スマホだけに適用するCSS */
@media screen and (max-width:480px)
{
/*
	.pageTitle{
		margin: 0;
		padding-left:0;
		padding-right:0;
		font-weight:bold;
	}
	.contentsBox{
		position:relative;
		min-height:468px;
		padding:20px 0 80px;
		line-height:200%;
	}
*/
}






/*////////////////////////////*/
/*         共通         */
/*////////////////////////////*/


.listup0100 {
	margin-left:1em;
	text-indent:-1em;
	overflow:visible;
	}
.listup0200 {
	margin-left:2em;
	text-indent:-2em;
	}
.listup0150 {
	margin-left:1.5em;
	text-indent:-1.5em;
	}
.listup0075 {
	margin-left:0.75em;
	text-indent:-0.75em;
	}
.textCenter{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
.textLeft{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	}
.textRight{
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	}
.textBold {
	font-weight:bold;
	}
.marginTHalf {
	margin-top:0.5em;
	}
.marginUHalf {
	margin-bottom:0.5em;
	}
.marginT01 {
	margin-top:1em;
	}
.marginT02 {
	margin-top:2em;
	}
.marginT04 {
	margin-top:4em;
	}
.marginU01 {
	margin-bottom:1em;;
	}
.marginU02 {
	margin-bottom:2em;;
	}
.marginU04 {
	margin-bottom:4em;;
	}
.marginLHalf {
	margin-left:0.5em;
	}
.marginL01 {
	margin-left:1em;
	}
.marginL02 {
	margin-left:2em;
	}
.marginL03 {
	margin-left:3em;
	}
.marginL04 {
	margin-left:4em;
	}
.marginL05 {
	margin-left:5em;
	}
.marginRHalf {
	margin-right:0.5em;
	}
.marginR01 {
	margin-right:1em;
	}

.lbox
{
	float: left ;		/* 左に寄せる */
}

.rbox
{
	float: right ;		/* 右に寄せる */
}
.cbox
{
	margin-left: auto;
	margin-right: auto;
}

.txt_center{
	text-align:center;
}


.katatuki{
	vertical-align:super;
	}

/* 桁揃え */
.keta01{
	display:inline-block;
	width:1em;
	white-space:nowrap;
	text-align:right;
}
.keta02{
	display:inline-block;
	width:1.25em;
	white-space:nowrap;
	text-align:right;
}
	/* Firefox 
	@-moz-document url-prefix(){
		.keta02 {
			width:1.2em;
		}
	}*/
.keta03{
	display:inline-block;
	width:3em;
	white-space:nowrap;
	text-align:right;
}
	/* Firefox 
	@-moz-document url-prefix(){
		.keta03 {
			width:1.85em;
		}
	}*/
.keta04{
	display:inline-block;
	width: 2.25em;
	white-space:nowrap;
	text-align:right;
}
	/* Firefox 
	@-moz-document url-prefix(){
		.keta04 {
			width:3em;
		}
	}*/
.keta05{
	display:inline-block;
	width:5em;
	white-space:nowrap;
	text-align:right;
}
	/* Firefox 
	@-moz-document url-prefix(){
		.keta05 {
			width:5em;
		}
	}*/

.round_10{
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	behavior: url(http://www.7midori.org/common/css/PIE.htc); /* IE6-8 */
}

/* ----------------------------------------------------- */
/* ▼空の見出しセル(th)には、右下がり(+45度)の斜線を引く */
/* ----------------------------------------------------- */
table.emptyLine th:empty { 
   background-image: linear-gradient(45deg, transparent 49%, black 49%, black 51%, transparent 51%, transparent); /* 右下がりの斜線 */
}
table td.emptyLine { 
	background-image: linear-gradient(to top left,
						transparent, transparent 48%,
						#666666 49.9%, #666666 50%,
						transparent 52%, transparent);
}

/* --------------------------------------------------------------------- */
/* ▼空の中身セル(td)には、右上がり(-45度)の斜線を引いて灰色背景色も付加 */
/* --------------------------------------------------------------------- */
table.emptyLine td:empty { 
	background-color: #f0f0f0; /* 背景色 */
	background-image: linear-gradient(-45deg, transparent 49%, black 49%, black 51%, transparent 51%, transparent); /* 右上がりの斜線 */
}



/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
}
 
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}
.clearfix:before,
.clearfix:after {
	content: ".";    
	display: block;    
	height: 0;    
	overflow: hidden; 
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

/* フロート解除 */
.clear{
	clear:both;
}

.hideText {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.forPc{/* =.pc_visi */}
.forMobile{
	visibility: hidden;
	display: none;
}
@media screen and (max-width:480px)
{
	.forPc{
		display: none;
	}
	.forMobile{
		visibility: visible;
		display: inherit;
	}
}
@media screen and (max-width: 768px){
	.outerScroll {
		width: 100%;
		overflow-x: scroll;
	}
}
img{
	backface-visibility: hidden;
}