/*
Theme Name: futabamachiN
Theme URL: html
Description: futabamachi shinsai kanren shiryou
Author: K. Watanabe
Version: 1.0
*/

* {margin:0; padding:0; text-decoration:none;}
ul, ol{list-style: none;}
body{
	font-family: "游ゴシック", 'ヒラギノ角ゴ Pro W3', YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-family: "游ゴシック", "YuGothic", sans-serif;
	font-weight: normal;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
html{
	overflow-y:scroll;
}
hr{border-top:dotted 1px #000;}
.clear{clear:both;}
.yohaku6{padding:3px;}
.yohaku10{padding:5px;}
.yohaku20{padding:10px;}
.yohaku30{padding:15px;}
.yohaku40{padding:20px;}
.yohaku50{padding:25px;}
.effect1{
    -webkit-box-shadow: 0 8px 6px -6px #777;
       -moz-box-shadow: 0 8px 6px -6px #777;
            box-shadow: 0 8px 6px -6px #777;
}

/*=================================
大枠
=================================*/
#wrapper{
	background:#fff;
}
.inner{
	position:relative;
	margin:0 auto;
	width:1050px;
}
.gray{
	background:#EAEAE5;
}
.inner_out{
	margin:0 auto;
	width:1050px;
	background:#EAEAE5;
}

#front_wrapper{
}
#photo_wrapper{
	width: 100%;
	min-width:1050px;
	overflow:hidden;
}
.photo{
	position:relative;
	left:50%;
	margin-left:-750px;
}
/*=================================
サイトヘッダー
=================================*/
#subtitle_wrapper{
	background:#fff;
}
.subtitle{
	font-size:21px;
	color:#fff;
	text-align:left;
	line-height:30px;
	padding-top:5px;
}
.subtitle img{width:57.3%;}

/*=================================
グローバルナビゲーション
=================================*/
#nav_wrapper{
	height:52px;
	margin-top:8px;
}
nav#globalnav{
	position:relative;
	width:100%;
	z-index:999;
}
nav#globalnav *{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
nav#globalnav ul{
}
nav#globalnav ul li{
	position:relative;
	float:left;
	width:14.28%;
}
nav#globalnav ul li a{
	display:block;
	height:33px;
	font-size:16px;
	color:#000;
	overflow:hidden;
	border-left:solid 0px #898989;
	border-top:solid 0px #898989;
	border-bottom:solid 0px #898989;
	text-align:center;
	line-height:18px;
	background:#fff;
	padding-top:15px;
	padding-bottom:1px;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
nav#globalnav ul li:last-child a{
	height:40px;
	padding-top:6px;
}
nav#globalnav ul li:last-child a{
	border-right:solid 0px #898989;
}
nav#globalnav ul li:first-child a{
}
nav#globalnav ul li a:hover{
	color:#fff;
	background:#A4C520;
}
nav#globalnav ul li.current_page_item a,
nav#globalnav ul li.current-menu-item a,
nav#globalnav ul li.current-menu-ancestor a{
	height:29px;
	border-bottom:solid 2px #A4C520;
}
nav#globalnav ul li.current_page_item:nth-child(7) a,
nav#globalnav ul li.current-menu-item:nth-child(7) a{
	height:38px;
	border-bottom:solid 2px #A4C520;
}

nav#globalnav ul li ul li a,
nav#globalnav ul li ul li.menu-item a,
nav#globalnav ul li ul li.current_page_item a,
nav#globalnav ul li ul li.current-menu-item a,
nav#globalnav ul li ul li.current-menu-item:nth-child(7) a{
	font-size:14px;
	text-align:left;
	padding-top:15px;
	padding-left:24px;
	height:34px;
	border-right:solid 0px #898989;
	border-left:solid 0px #898989;
	border-top:solid 0px #898989;
	border-bottom:solid 0px #898989;
	width:170px;
	z-index:999;
	line-height:20px;
}

nav#globalnav ul li:nth-child(3) ul li a{
	width:296px;
}

/* 子メニュー */
nav#globalnav ul li ul{
	position:absolute;
	top:28px;
	left:0px;
}
nav#globalnav ul li ul li{
	visibility:hidden;
	overflow:hidden;
	width:100%;
	height:0;
}
nav#globalnav ul li:hover ul li, nav#globalnav ul li a:hover ul li{
	visibility:visible;
	overflow:visible;
	padding-top:15px;
	height:34px;
	line-height:18px;
	z-index:999;
}
nav#globalnav ul li:hover ul li a{
	background-color: rgba(255,255,255,0.8);
}
nav#globalnav ul li:hover ul li a:hover{
	color: #000;
	background-color: rgba(238,245,211,1);
}

/*=================================
フロントページ
=================================*/
.banner_volunteer{
	margin-top:32px;
	margin-bottom:32px;
}

/* 協力機関 */
#co_organ{
	margin-bottom:60px;
}
#co_organ p{
	padding-bottom:9px;
	text-align:center;
}
#co_organ ul{width:100%;display:flex;justify-content: center;padding:0;list-style: none;}
#co_organ ul li{width:calc(100% / 6);margin-right:20px;}
#co_organ ul li:last-child{margin-right:0px;}
#co_organ ul li p{text-align:center;}
#co_organ ul li p img{width:100%;border:solid 1px #000;}
#co_organ .co_title{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin-bottom:16px;
	display:flex;
	align-items:center;
}
#co_organ .co_title:before, #co_organ .co_title:after{
	content:"";
	flex-grow:1;
	height:2px;
	background:#000;
	display:block;
}
#co_organ .co_title:before{margin-right:1.25em;}
#co_organ .co_title:after{margin-left:1.25em;}

/* 更新情報，最新の活動 */
#new_wrapper, #active_wrapper{
	width:470px;
	height:360px;
	padding:5.5px 17.5px 0px;
	background:#fff;
	border:solid 1.5px #A4C520;
	float:left;
	overflow:auto;
	font-size:14px;
	line-height:1.5em;
}
#active_wrapper{
	float:right;
}
.new_title, .active_title{
	font-size:24px;
	font-weight:bold;
	color:#000;
	border-bottom:solid 2px #A4C520;
	padding-left:0px;
	padding-top:7px;
	margin-bottom:12px;
	line-height:1.5em;
}
.whatsnew_time, .active_time{
	font-size:14.2px;
	color:#000;
	line-height:1.5em;
	padding-left:0;
	padding-bottom:0px;
}
.whatsnew_excerpt{
	font-size:14.2px;
	color:#000;
	line-height:1.5em;
	padding-left:14px;
	padding-bottom:5px;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.active_time{
}
.active_media{
	font-size:15px;
	font-weight:normal;
	text-align:left;
	color:#fff;
	margin-left:1em;
	padding:1px 4px;
	background:#A4C520;
}
.description{
	margin-top:30px;
	margin-bottom:40px;
}
.description img{
	width:100%;
}
/*
.whatsnew_excerpt:hover{
	text-decoration:underline;
}
*/

/*=================================
カテゴリページ　写真一覧
=================================*/
#cat_wrapper{
	background-color:#fff;
	background-size:cover;
}
.post_wrapper{
	padding:30px 0px 50px 20px;
	background:#fff;
}
.post_wrapper ul li{
	width:460px;
	padding-right:20px;
	float:left;
	margin-bottom:0px;
}
.cat_description{
	font-size:15px;
	padding:0 50px;
	margin-bottom:20px;
}
.cat_title{
	font-size:24px;
	border-bottom:solid 1px #000;
	margin-bottom:20px;
}
.post_title{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	color:#000;
}
.post_time{
	font-size:12px;
	font-style:italic;
	text-align:right;
	padding-bottom:3px;
}
.post_img{
	max-width:460px;
	max-height:345px;
	text-align:center;
}
/*=================================
固定ページ
=================================*/
.page_wrapper{
	padding:30px 50px 50px 50px;
	background:#fff;
}
.page_title{
	font-size:24px;
	border-bottom:solid 1px #000;
	margin-bottom:20px;
}
.page_content{
	font-size:14px;
	line-height:28px;
}
.page_content a{
	color:#000;
	text-decoration:underline;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.page_content a:hover{
	opacity:0.7;
}
.page_caption{
	width:400px;
	text-align:left;
	font-size:13px;
	line-height:20px;
}
.page_indent{
	padding-left:1em;
	text-indent:-1em;
}
.page_link{
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
.page_link:hover{
	opacity:0.7;
}

.archives_button{
	background:#A4C520;
	width:150px;
	height:40px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
	float:left;
	margin-right:40px;
}
.archives_button a{
	display:block;
	color:#fff;
	text-decoration:none;
}
/*
.archives_button a:before{
	content:url(http://siteimage.biz/futabamachi/wp-content/uploads/button-play.png);
	width:6px;
}
*/
/*=================================
別枠ウィンドウ
=================================*/
.window_wrapper{
	padding:10px 20px;
	background:#f5f4f4;
}
/*=================================
補足・ロゴ
=================================*/


/*=================================
フッター
=================================*/
#footer_wrapper{
	background:#EEF5D3;
}
footer#footer{
	position:relative;
	margin:0 auto;
	width:1050px;
	text-align:left;
	padding-top:18px;
	padding-bottom:13px;
}
.footer_logo{
	width:160px;
	float:left;
/*	display:inline-block;	*/
	margin-right:40px;
}
.footer_logo img{
	width:160px;
}
.copyright{
	float:left;
/*	display:inline-block;	*/
	width:850px;
}
.copyright .adress{
	width:850px;
	margin-bottom:10px;
	font-size:12px;
	color:#000;
	text-align:left;
	line-height:18px;
}
.copyright .smallcap{
	width:850px;
	font-size:10px;
	line-height:14px;
}
#allrights{
	margin-top:10px;
	margin-bottom:8px;
	font-size:9px;
	text-align:center;
}
#sitemap{
	position:absolute;
	top:15px;
	right:0;
	font-size:16px;
}
#sitemap a{
	color:#000;
	text-decoration:none;
	-webkit-transition:all .3s ease;
	transition:all .3s ease;
}
#sitemap a:hover {
	opacity:0.3;
}

/* ページ上部に戻る浮遊ボタン */
/* スクロールしても画像をウィンドウ右下に固定表示する設定 */
#topbtn{
	position:fixed;
	right:0px;
	bottom:10px;
	width:50px;
	opacity:0.6;
	-webkit-transition:all .3s ease;
}
#topbtn:hover {
	opacity: 0.3;
}

/*=================================
フッターナビゲーション
=================================*/
nav#footernav{
	position:relative;
	font-size:12px;
	padding-top:20px;
	padding-left:100px;
	margin-bottom:30px;
}
nav#footernav ul{
}
nav#footernav ul li{
	position:relative;
	float:left;
	line-height:24px;
}
nav#footernav ul li a{
	position:relative;
	line-height:24px;
	margin-left:30px;
	color:#fff;
	border-bottom:solid 1px #fff;
	-webkit-transition:all .5s ease;
}
nav#footernav ul li a:hover{
	opacity:0.7;
	color:#000;
	background:#fff;
}
nav#footernav ul li a:before{
	content:"＞";
}
nav#footernav ul li ul{
	position:absolute;
}
nav#footernav ul li ul li{
	display:block;
	width:150px;
	text-align:left;
	padding-left:12px;
}

/*=================================
表組
=================================*/
table.hyo201306{
	font-size:14px;
	line-height:20px;
	border-collapse:collapse;
}
.hyo201306 th{
	padding:5px 10px;
	border-top:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
	background:#ddd;
}
.hyo201306 td{
	padding:10px 10px;
	border-bottom:solid 1px #aaa;
}
.hyo20130601{
	width:100px;
}
.hyo20130602{
	width:520px;
}
.hyo20130603{
	width:300px;
}

table.hyocoveragerecord{
	font-size:14px;
	line-height:20px;
	border-collapse:collapse;
	margin-top:10px;
}
.hyocoveragerecord td, .hyocoveragerecord th{
	padding:10px 10px;
	border-top:solid 1px #aaa;
	border-bottom:solid 1px #aaa;
}
.hyocoveragerecord th{
	text-align:left;
	font-weight:normal;
	padding:6px 10px;
}
.hyocoveragerecord td:first-child{
	text-align:right;
	padding-right:60px;
}
.hyocoveragerecord01{
	width:100px;
}
.hyocoveragerecord02{
	width:600px;
}

/*=================================
カウンター
=================================*/
.counter{
	position:absolute;
	top:6px;
	right:15px;
}
.counter img{
	width:14px;
	height:22px;
}

/*=================================
日本語・英語切り替え
=================================*/
.language_change{
	position:absolute;
	top:6px;
	right:110px;
	width:83px;
	height:22px;
	text-align:center;
	font-size:15px;
	line-height:22px;
	background:#A4C520;
}
.language_change a{
	color:#fff;
	display:block;
}

/*=================================
リンクページ　アラート表示用
=================================*/
#JSNG{
	width:400px;
	text-align:center;
	border:5px solid #ffaaaa;
	padding:10px;
	background:#fff;
	font-size:14px;
	color:#000;
}
/*
#JSNG_tsunamiphoto{
	display:none;
}
#JSNG_kawamatapschool{
	display:none;
}
#JSNG_kisaihschool{
	display:none;
}
#JSNG_post_wrapper{
	display:none;
}
*/