/*
	Theme Name: HFW Style
	Description: HTML5 Blank WordPress Theme base
	Version: 1.4.3
	Author: S Factory
	
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
}
body {
	background:#f9f9f4;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#333;
	line-height:1.8em;
	position:static !important;
}
/* clear */
.clear:before,
.clear:after,
.home ul#menu-toppage_banner:after {
    content:' ';
    display:table;
}

.clear:after,
.home ul#menu-toppage_banner:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#393;
	text-decoration:none;
}
a:hover {
	color:#9ccd60;
	text-decoration:underline;
}
a:visited {
	/*color:#5ea828;*/
	color:#77bd43;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
p:empty:before {
	content: initial!important;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	background:#f9f9f4;
	min-width: 992px;
	margin:0 auto;
	position:relative;
}
/*container*/
.container {
		background:#f9f9f4;
	margin:0 auto;
	width:960px;
}
/* header */
.header {
	height:88px;
	position:relative;
}
.logo {
	position:relative;
	top:23px;
}
h1.logo {
	margin:0;
}
.header .rightArea {
	position:absolute;
	right:0;
	top:14px;
	width:450px;
}
.header .rightArea .topNav ul {
	margin:0;
	padding:0;
}
.header .rightArea .topNav li {
	display:inline-block;
	font-size:69%;
	list-style:none;
}
.header .rightArea .topNav li:before {
	content:"｜";
	display:inline-block;
}
.header .rightArea .topNav li:first-child:before,
.header .rightArea .topNav li.tw:before {
	display:none;
}
.header .rightArea .topNav li.fb {
	margin:0 5px 0 0;
}
.header .rightArea .topNav li.fb a,
.header .rightArea .topNav li.tw a {
	background:url(images/facebook_logo.png) no-repeat;
	display:inline-block;
	height:18px;
	position:relative;
	text-indent:-9999px;
	top:2px;
	width:18px;
}
.header .rightArea .topNav li.tw a {
	background:url(images/twitter_logo.png) no-repeat;
}
.header #searchform {
	position:absolute;
	right:-9px;
	top:0;
}
#searchform > input#s {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: none;
    color:#888;
    font-size:13px;
    height: 22px;
    width: 150px;
}
#searchform > input#searchsubmit {
    background: #aaa none repeat scroll 0 0;
    border: 1px solid #aaa;
    border-radius: 5px;
    height: 22px;
    left: -9px;
    position: relative;
    text-indent: -99999px;
    top: 4px;
    width: 22px;
}
#searchform::before {
    color: #fff;
    content: '\f400';
    font: 17px Genericons;
    position: absolute;
    right: 10px;
    top: 6px;
    z-index: 10;
}
.header address {
	color:#999;
	font-size:75%;
	font-style:normal;
	line-height:1.5em;
	text-align:right;
}
.header .btnArea {
	position:absolute;
	left:350px;
	top:49px;
}
.header .btnArea ul {
	margin:0;
	padding:0;
}
.header .btnArea li {
	display:inline-block;
	list-style:none;
	margin:0 5px 0 0;
	text-indent:-9999px;
}
.header .btnArea li a {
	display:block;
	height:24px;
	width:140px;
}
.header .btnArea li.btn01 a {
	background:url(images/topBtn01.png) no-repeat;
}
.header .btnArea li.btn02 a {
	background:url(images/topBtn02.png) no-repeat;
}
.header .btnArea li a:hover {
	opacity: 0.7;
	-moz-opacity:0.7;
	  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/* nav */
.spNav,
.slicknav_menu {
 display:none;
}
#nav {
	display:block;
	border-bottom:2px solid #82c659;
	border-top:2px solid #82c659;
	margin:0 0 20px;
}
#nav > a {
	display: none;
}
#nav li {
	position: relative;
}
/* first level */
#nav > ul {
	height: 36px;
	margin:0;
	padding:0;
	list-style:none;
}
#nav > ul > li {
	background:url(images/nav_border.png) no-repeat 0 0;
	width: 178px;
	height: 100%;
	float: left;
	text-align:center;
	line-height:36px;
}
#nav > ul > li.about {
	background:none;
	width:248px;
}

#nav > ul > li > a {
		color:#333;
		display:block;
}
#nav > ul > li.join > a {
	color:#f39a1b;
}
#nav ul li:hover {
	background-color:#5cab16;
}
#nav ul li a:hover {
	color:#fff;
	text-decoration:none;
}
#nav ul li:hover a {
	color:#fff;
}
    /* second level */
#nav li ul {
	display: none;
	position:relative;
	top: 0;
	background:#7dc040;
	z-index:10;
	margin:0;
	padding:0;
	list-style:none;
	width:176px;
	left:2px;
}
#nav li.about ul {
	width:248px;
	left:0
}

#nav li:hover ul  {
	display: block;
}
#nav li ul li {
	border-top:2px solid #82c659;
	font-size:82%;
	float:none;
	min-height:34px;
	line-height:1.5em;
	padding:0.5em 1em 0.5em 2em;
	width:inherit;
	text-align:left;
	text-indent:0;
}
#nav li ul li a {
	color:#fff;
	display:block;
}
#nav * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
/* footer */
.footContainer {
	background:url(images/warpper_bg.png) repeat-x 0 100% #f9f9f4;
}
.footer {
	background:url(images/footer_bg.png) no-repeat;
	color:#fff;
	height:430px;
	margin:70px auto 0;
	position:relative;
	width:960px;
}
.footer .catchCopy {
	font-size:94%;
	padding:20px 0 0;
}
.footer a {
	color:#fff;
}
.sp_footerNav {
	display:none;
}
.footerNav {
	background:url(images/footer_img.png) no-repeat -5px 0;
	margin:0 0 0 38px;
	padding:50px 0 0;
}
.footerNav ul,
.footerNav02 ul {
	margin:0;
	padding:0;
	list-style:none;
}
.footerNav > ul >li {
	float:left;
	padding:0 2em 0 0;
}
.footerNav > ul > li.last {
	padding:0;
}
.footerNav ul li {
	font-size:82%;
	font-weight:bold;
}
.footerNav ul li:before {
	color:#fff;
	content: '\f501';
	font: 11px Genericons;
}
.footerNav ul li ul li {
	font-size:100%;
	font-weight:normal;
	line-height:1.5em;
	padding:0 0 0 1em;
}
.footerNav ul li ul li:before {
	display:none;
}
.footerNav02 {
	margin:20px 0 0;
}
.footerNav02 ul li {
	font-size:75%;
	display:inline-block;
	margin:0 4px 0 0;
}
.footerNav02 ul li.fb,
.footerNav02 ul li.tw,
.footerNav02 ul li.contact,
.sp_footerNav ul li.fb,
.sp_footerNav ul li.tw {
	text-indent:-9999px;
}
.footerNav02 ul li.fb,
.sp_footerNav ul li.fb {
	margin:0 0 0 5px;
}
.footerNav02 ul li.contact {
	margin:0 0 0 5px;
}
.footerNav02 ul li.fb a,
.footerNav02 ul li.tw a,
.sp_footerNav ul li.fb a,
.sp_footerNav ul li.tw a {
	display:block;
	height:24px;
	width:24px;
}
.footerNav02 ul li.fb a,
.sp_footerNav ul li.fb a {
	background:url(images/footer_fb.png) no-repeat;
}
.footerNav02 ul li.tw a,
.sp_footerNav ul li.tw a {
	background:url(images/footer_tw.png) no-repeat;
}
.footerNav02 ul li.contact a {
	background:url(images/footer_contact.png) no-repeat;
	display:block;
	height:24px;
	width:100px;
}
.footerNav02 ul li.fb a:hover,
.footerNav02 ul li.tw a:hover,
.footerNav02 ul li.contact a:hover,
.textwidget p.btn a:hover {
	opacity: 0.7;
	-moz-opacity:0.7;
	  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.footer address {
	bottom:0;
	font-style:normal;
	position:absolute;
	right:0;
	text-align:right;
}
.footer address p {
	font-size:82%;
	line-height:1.2em;
}
.footer address p.hfw {
	font-size:88%;
	font-weight:bold;
}
.footer .copyright {
	font-size:88%;
	padding:50px 0 0;
	margin:0;
	line-height:1.5em;
}
.footer .copy {
	font-size:63%;
	margin:0;
}


/*------------------------------------*\
    Common
\*------------------------------------*/
.main {
	position:relative;
	width:100%;
}
.main h1 {
	background:url(images/title_h1_bg.png) repeat-y;
	color:#393;
	font-size:187%;
	min-height:2em;
	line-height:1.2em;
	margin:0;
	padding:0.5em 0 0.3em 0.5em;
}
/*パン屑*/
#breadcrumb ul {
	font-size:75%;
	margin:0 0 15px;
	padding:0;
	height:35px;
	line-height:35px;
}
#breadcrumb li {
	display:inline;
	list-style:none;
}
#breadcrumb li:before {
	content:">";
	display:inline-block;
	margin:0 0.5em;
}
#breadcrumb li:first-child:before {
	display:none;
	margin:0;
}
/*sns*/
.sns_btn > p {
	display: inline-block;
	margin: 0;
	line-height: 1;
}
.fb-like {
	top:0;
}
.sns_btn iframe + p {
    display: none;
}

/*text */
.rightTxt {
	text-align:right;
}
.tagTxt {
	clear:both;
	font-size:63%;
	margin:0;
}
.tagTxt span.genericon {
	color:#9ccd60;
	font-size:220%;
}
.tagTxt a {
	margin:0 0 0 1em;
}
.bTxt {
	font-size:132%;
	font-weight:bold;
}
.mTxt {
	font-size:88%;
	line-height:1.6em;
}
.lTxt {
	font-size:113%;
	line-height:1.4em;
}
.image + .sTxt {
    margin: -5px 0 0;
}
.home .image + .sTxt,
.search-results .image + .sTxt {
    margin: 10px 0 0;
}
/*hr*/
hr {
	background:#82c659;
	border:none;
	height:3px;
	margin:30px 0;
}
.home hr {
	margin:10px 0 20px;
}
hr.s_gry {
	background: #ccc;
	height: 1px;
	margin:10px 0;
}
/*four_column */
.four_column,
.home ul#menu-toppage_banner {
	position:relative;
	margin:20px 0 0;
	width:992px;
}
.four_column .col,
.home ul#menu-toppage_banner li {
	float:left;
	margin:0 32px 20px 0;
	width:216px;
}
.four_column.bottomBanner .col {
	margin:0 32px 0 0;
}
.search .four_column .col {
	border-bottom:1px solid #ccc;
}
.four_column .col .image {
	/*max-height:160px;*/
	overflow:hidden;
	margin:0 0 10px;
	text-align:center;
}
.four_column .col .titleTxt,
.three_column .col .titleTxt {
	font-size:105%;
	line-height:1.4em;
	margin:0;
}
.four_column .col .btn {
	margin:10px 0;
}
.four_column .col .btn img,
.four_column .col .btn a {
	margin:0;
}
.four_column .col .mTxt {
	margin:0;
}
/*three_column*/
.three_column {
	position:relative;
	width:990px;
}
.three_column .col {
	border-bottom:1px solid #ccc;
	float:left;
	margin:0 30px 20px 0;
	width:300px;
}
.page .three_column .col {
	border-bottom: none;
	margin:0 30px 0 0;
}

.three_column .col .image {
	max-height:220px;
	overflow:hidden;
}
/*five_column*/
.five_column {
	position:relative;
	width:990px;
}
.five_column .col {
	border-bottom:1px solid #ccc;
	float:left;
	margin:0 30px 20px 0;
	width:168px;
}
.page .five_column .col {
	border-bottom: none;
	margin:0 30px 0 0;
}

.five_column .col .image {
	max-height:220px;
	overflow:hidden;
}
/*listCol*/
.colWrapper {
	border-top:1px solid #ccc;
	margin:40px 0 0;
}
.listCol {
	border-bottom:1px solid #ccc;
}
.listCol p {
	margin:0;
}
.colWrapper .listCol .leftCol {
	float:left;
	padding:0.5em 1em 1em;
	width:auto;
}
.colWrapper .listCol .rightCol {
	float:left;
	padding:0.5em 1em 0 0;
	width:auto;
}
.listCol .leftCol .date {
	font-size:69%;
}
.listCol .rightCol span {
	font-size:75%;
	display:block;
}
/*relatedNav  linkBtn*/
ul.relatedNav,
ul.linkBtn {
	position:relative;
	margin:0;
	padding:0;
	width:990px;
}
ul.relatedNav li,
ul.linkBtn li {
	float:left;
	list-style:none;
	margin:0 30px 20px 0;
	width:300px;
}
ul.linkBtn li span {
	display:block;
	font-size:75%;
	text-align:right;
}
/*borderBox*/
.borderBox {
	background:#f3f6ec;
	border:1px solid #82c659;
	margin:60px 0 0;
	padding:1em;
}
.page-template-page-mailmagazine .borderBox h3 {
	border-top:1px solid #82c659;
	padding:1em 0 0;
}
/*widget*/
.widget_text h3 {
	font-size:100%;
	line-height:1.5em;
	margin:0;
	text-align:center;
}
.textwidget p {
	font-size:88%;
	text-align:center;
}
.textwidget p.btn {
	text-indent:-9999px;
	margin:0 auto;
	width:216px;
}
.textwidget p.btn a {
	background:url(images/btn_contact.png) no-repeat;
	display:block;
	height:33px;
	width:216px;
}
/*pagination*/
.pagination {
    text-align: center;
		margin:20px 0 0;
}
.page-numbers {
    border: 1px solid #ccc;
    color: #999 !important;
    padding: 0.25em 0.5em;
}
.next.page-numbers,
.prev.page-numbers {
    display: none;
}
.page-numbers.current {
    border: medium none;
    color: #444 !important;
}
/*toTop*/
.pageTop {
	display:none;
	margin:0;
	padding:0;

}
.pageTop p {
	margin:0;
	padding:0;
	position:fixed;
	right:20px;
	bottom:20px;
}
.toTop {
	display:block;
	background:url(images/totop.png);
	width:44px;
	height:44px;
	text-indent:-9999px;
}
.toTop:hover{
	opacity:0.85;
}

/*------------------------------------*\
    INDEX
\*------------------------------------*/
.home .titleContainer {
	position:relative;
}
.headingBg {
	margin:20px 0;
}
.home h2 {
	color: #5ea828;
	font-size: 113%;
	text-align:center;
}
.home h2 span {
	background: #f9f9f4;
	padding:0 10px;
}
.headingBg hr {
	margin:-30px 0 10px;
}
.home .image {
	margin:0;
}
.headingBg +.four_column {
	margin:30px 0 0;
}
.home h3 {
	border-bottom:1px dotted #ccc;
	font-size:100%;
	padding:0 0 10px;
	margin:0 0 0.2em;
}
.home h3 .genericon.genericon-video {
    position: relative;
    top: 4px;
}
.home h3 + dl {
	margin:0;
}
/*新着情報一覧共有*/
.home dt span,
.post-type-archive-news_list dt span {
	color:#f39a1b;
	margin:0 0 0 1em;
}
.home dt {
	font-size:75%;
	padding:0.2em 0;
}
.home dt:first-child {
	padding:0 0 0.2em;
}
.home dd {
	border-bottom:1px dotted #ccc;
	font-size:88%;
	margin:-2.3em 0 0;
	padding:0 0 0.2em 15em;
}
.post-type-archive-news_list dt {
	padding:0.5em 0;
}
.post-type-archive-news_list dt:first-child {
	padding:0 0 0.5em;
}
.post-type-archive-news_list dd {
	border-bottom:1px dotted #ccc;
	margin:-2.3em 0 0;
	padding:0 0 0.5em 17em;
}
.home dd:first-child,
.post-type-archive-news_list dd:first-child {
	margin:-1.8em 0 0;
}
/*共有ここまで*/
.home .bannerArea {
	margin:40px 0 20px;
}
.home ul#menu-toppage_banner {
	margin:0;
	list-style:none;
	padding:0;
}
.home ul#menu-toppage_banner li a {
	display:block;
	height:100px;
	text-indent:-9999px;
	width:216px;
}
.home ul#menu-toppage_banner li.hunger a {
	background:url(images/top_banner01.png) no-repeat;
}
.home ul#menu-toppage_banner li.event a {
	background:url(images/top_banner02.png) no-repeat;
}
.home ul#menu-toppage_banner li.hagaki a {
	background:url(images/top_banner03.png) no-repeat;
}
.home ul#menu-toppage_banner li.volunteer a {
	background:url(images/top_banner04.png) no-repeat;
}
.home ul#menu-topage_link {
	float:left;
	margin:0 32px  0 0;
	list-style:none;
	padding:0;
	width:216px;
}
.home ul#menu-topage_link li {
	margin:0 0 4px;
}
.home ul#menu-topage_link li a {
	display:block;
	height:36px;
	text-indent:-9999px;
	width:261px;
}
.home ul#menu-topage_link li.staff a {
	background:url(images/top_linkbtn01.png) no-repeat;
}
.home ul#menu-topage_link li.movie a {
	background:url(images/top_linkbtn02.png) no-repeat;
}
.home ul#menu-topage_link li.mailmagazine a {
	background:url(images/mailmagazine.png) no-repeat;
}
.home ul#menu-topage_link li.sr a {
	background:url(images/sr.png) no-repeat;
}
.home ul#menu-topage_link li.dl a {
	background:url(images/top_linkbtn05.png) no-repeat;
}
.home ul#menu-topage_link li.kabegami a {
	background:url(images/top_linkbtn06.png) no-repeat;
}
.home ul#menu-topage_link li.bn a {
	background:url(images/bn.png) no-repeat;
}
.home ul#menu-topage_link li.food_column a {
	background:url(images/food_column.png) no-repeat;
}
.home ul#menu-toppage_banner li a:hover,
.home ul#menu-topage_link li a:hover,
 .home .col a img:hover {
	opacity: 0.7;
	-moz-opacity:0.7;
	  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.home .colContainer #fbPageplugin {
	float:left;
	margin:0 32px 0 0;
	width:464px;
}
.home .colContainer .tw {
	float:left;
	margin:0;
	width:216px;
}
.home p.sub {
	font-size:69%;
	line-height:1.3em;
	text-align:center;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/
.page h2 {
	font-size:132%;
}
.page h3 {
	font-size:113%;
	margin:1em 0 -0.5em;
}
.page article {
	margin:30px 0 0;
}
.page-template-default article {
    margin: 0;
}
/*page-media,press----------------------*/
.backNo {
	text-align:right;
}
select {
    border: 1px solid #ccc;
		outline:none;
}
dl.media,
dl.press {
	border-top:1px solid #ccc;
	line-height:1.5em;
	margin:20px 0 0;
}
dl.media dt,
dl.press dt {
	font-size:69%;
	padding:1em 0 0;
}
dl.media dt span {
	color:#fff;
	display:block;
	font-size:107%;
	text-align:center;
	width:6em;
}
dl.media dt span.tv {
	background:#44bae0;
}
dl.media dt span.radio {
	background:#f2b6b1;
}
dl.media dt span.newspaper {
	background:#82c659;
}
dl.media dt span.magazine {
	background:#b1a682;
}
dl.media dt span.web {
	background:#f3ae4b;
}
dl.media dt span.multimedia {
	display:none;
}
dl.media dd {
	border-bottom:1px solid #ccc;
	margin:-2.8em 0 0;
	padding:0 0 1em 6em;
}
dl.media dd p {
	font-size:88%;
	line-height:1.5em;
	margin:0;
}
dl.media dd .tag {
	color:#9b8d3d;
	font-size:75%;
}
dl.media dd .title,
dl.press dd .title {
	font-size:100%;
	font-weight:bold;
}
dl.press dd .title {
	margin:0;
}
dl.press dd {
	border-bottom:1px solid #ccc;
	margin:-1.5em 0 0;
	padding:0 0 0.5em 6em;
}
/*パターン4*/
.page-template-page-pattern04 .sns_btn {
	margin:30px 0 50px;
}
.page-template-page-pattern04 iframe {
	width:100%;
}
.page-template-page-pattern04 .three_column .col {
	border:none;
}
.page-template-page-pattern04 .three_column p {
	margin:0 0 0.5em;
}
.page-template-page-pattern04 .mTxt span {
	font-size:125%;
	margin:0 0 0 0.5em;
}
/*event----------------*/
.page-template-page-event .four_column .col .titleTxt {
	margin:1em 0 0.5em;
}
.page-template-page-event .four_column .col .sTxt {
	line-height:1.8em;
	margin:0;
}
/*mailmagazine----------------*/
.page-template-page-mailmagazine form.leftCol {
	float:left;
}
.page-template-page-mailmagazine form.rightCol {
	float:right;
}
.page-template-page-mailmagazine form input {
	height:1.6em;
	width:230px;
}
.page-template-page-mailmagazine form input[type="submit"] {
	position:relative;
	top:2px;
	width:4em;
}
_::-webkit-full-page-media, _:future, :root .page-template-page-mailmagazine form input[type="submit"] {/*Safari7〜*/
	top:1px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*Safari~7*/
	::i-block-chrome, .page-template-page-mailmagazine form input[type="submit"] {
		top:1px;
	}
}
/*世界の飢餓と私の食関連NAV*/
.hunger_sp {
    display: none;
}
.contentsNav {
    position: relative;
}
.contentsNav > ul {
    height: 46px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 506px;
}
.contentsNav > ul li {
    display: block;
    float: left;
    height: 46px;
    margin: 0;
    padding: 0;
		text-indent:-9999px;
}
.contentsNav > ul li.hunger {
    margin: 0 0 0 10px;
    width: 180px;
}
.contentsNav > ul li.food_world {
    margin: 0 0 0 25px;
    width: 145px;
}
.contentsNav > ul li.whtshunger {
    margin: 0 0 0 30px;
    width: 105px;
}
.contentsNav > ul li > a {
    display: block;
    height: inherit;
    width: inherit;
}

/*update------------------------------*/
.update form table {
	margin:0 33% 0 7%;
	width:60%;
}
.update form table td {
	padding:0 0 1em;
}
.update form table td.centerTxt {
	text-align:center;
}
.update form .wpcf7-form-control-wrap {
	display:inline-block;
	margin:1em 0;
	width:100%;
}
.update form .form-width {
	width:100%;
}
.update form .slidetoggle + div {
	display:none;
}
.page.update .slidetoggle:after {
	top:1.5em;
}
.update form.failed table .wpcf7c-conf {
	background-color:rgb(250, 255, 189);
}
.update form.sent table {
	display:none;
}
.update form div.wpcf7-mail-sent-ok {
    margin: 4em 0.5em 6em;
}

/*------------------------------------*\
    category.php
\*------------------------------------*/
.category #search {
	margin:30px 0 0;
	position:relative;
}
.category #search select,
.category #search input {
	height:34px;
}
.category #search select,
.category #search input#s {
	width:190px;
}
.category #search input#s {
	margin:0 0 0 5px;
}
.category #search input#submit {
	width:4em;
}
.category #search .btn {
	margin:0;
	position:absolute;
	right:0;
	top:0;
}
/*------------------------------------*\
    Single.php
\*------------------------------------*/
.single .leftArea {
	width:100%;
}
.single .leftArea .date {
	line-heiht:1em;
	margin:0 0 0.5em;
}
.single .leftArea h1 {
	background:none;
	color:#333;
	/*float:left;*/
	height:auto;
	line-height:1.4em;
	padding:0;
	text-indent:0;
}

.single h2 {
	font-size:132%;
}
.single .imageArea01,
.single .imageArea02 {
	float:right;
	margin:2em 0 0;
	width:300px;
}
.single .leftCol {
	float:left;
	width:630px;
}

.single .imageArea01 p,
.single .imageArea02 p,
.single .movArea p,
.sTxt {
	color:#666;
	font-size:75%;
	line-height:1.4em;
}
.single .imageArea02 p.image {
	margin:40px 0 0;
}
.single .imageArea02 p.image:first-child {
	margin:0;
}
.single .movArea {
	margin:50px 0 40px;
	float:left;
	width:630px;
}
.single .commeAewa {
	background:url(images/comment_bg.png);
	margin:0 0 20px;
	padding:15px;
}
.single .commeAewa .left {
	float:left;
	margin:0 1em 0.5em 0;
}
.single .commeAewa p {
	font-size:88%;
	margin:0;
}
.single .commeAewa .rightTxt {
	font-size:75%;
}
.single .commeAewa .woman:before,
.single .commeAewa .man:before,
.single .commeAewa .blue:before,
.single .commeAewa .green:before,
.single .commeAewa .red:before,
.single .commeAewa .gray:before,
.single .commeAewa .yellow:before {
	content:url(images/icon_woman.png);
	display:inline-block;
	left:-0.25em;
	position:relative;
	top:0.4em;
}
.single .commeAewa .man:before {
	content:url(images/icon_man.png);
}
.single .commeAewa .blue:before {
	content:url(images/icon_blue.png);
}
.single .commeAewa .red:before {
	content:url(images/icon_red.png);
}
.single .commeAewa .yellow:before {
	content:url(images/icon_yellow.png);
}
.single .commeAewa .gray:before {
	content:url(images/icon_gray.png);
}
.single .commeAewa .green:before {
	content:url(images/icon_green.png);
}
.single .outline {
	background:#f3f6ec;
	border:1px solid #82c659;
	margin:40px 0;
}
.single .outline h2 {
	background:url(images/open.png) no-repeat 98% 50%;
	cursor: pointer;
	line-height:1.2em;
	margin:0;
	min-height:45px;
	padding:10px 0 0 0.5em;
}
.single .outline h2.active {
	background:url(images/close.png) no-repeat 98% 50%;
}
.single .toggleContent {
	border-top:1px solid #82c659;
	display:none;
	padding:0 15px;
}
.single .gicon span:before {
	content: '\f501';
	font: 11px Genericons;
}
/*------------------------------------*\
    デザインフォーマット
\*------------------------------------*/

p .genericon.genericon-video {
	color:#393;
	position: relative;
	top: 5px;
}
p.sTxt .genericon.genericon-video {
    top: 0;
}
p.center {
	text-align:center;
}
p.alignleft {
	float:left;
	margin:0 1.5em 0.5em 0;
}
p.alignright {
	float:right;
	margin:0 0 0.5em 1.5em;
}
div.clear p.alignleft + p {
	margin:0;
}
p.m_icon01,
p.m_icon02,
p.org_hedding {
	color:#f39a1b;
	font-weight:bold;
	height:36px;
	line-height:36px;
}
p.m_icon01 {
	background:url(images/m_icon01.png) no-repeat;
	padding:0 0 0 46px;
}
p.m_icon02 {
	background:url(images/m_icon02.png) no-repeat;
	padding:0 0 0 55px;
}
/*pagination*/
.pPagination {
    text-align: center;
		margin:20px 0 0;
		padding:0;
}
.pPagination li.page-numbers {
	display:inline;
  border: 1px solid #ccc;
  color: #999 !important;
  padding: 0.25em 0.5em;
	margin:0 0.25em;
	list-style:none;
}
.pPagination li.page-numbers.current {
    border: medium none;
    color: #444 !important;
}
.page .m_top {
	margin:3em 0 0;
}
.page .m_bottom {
	margin:0 0 2em;
}
/*2列-------------------*/
.page .leftCol {
	float:left;
	width:630px;
}
.page .rightCol {
	float:right;
	width:300px;
}
.page .rightCol iframe {
	width:300px !important;
	height:225px !important;
}
.page .leftCol table {
	width:100%;
}
.page .leftCol table th {
	background:#e0e0e0;
	border:1px solid #ccc;
	font-weight:normal;
	padding:0.5em;
}
.page .leftCol table td {
	border:1px solid #ccc;
	padding:0.5em;
}
.page .leftCol table p {
	margin:0.5em 0;
}
/*トグル*/
.page .slidetoggle {
	cursor: pointer;
	line-height:1.2em;
	margin:0;
	min-height:45px;
	padding:10px 2em 0 0;
	position:relative;
}
.page .slidetoggle:after {
	color: #82c659;
	content: '\f502';
	font: 17px Genericons;
	display:inline-block;
	position:absolute;
	right:0;
	top: 0.8em;
	}
.page .slidetoggle.active:after {
	color: #82c659;
	content: '\f500';
	font: 17px Genericons;
	display:inline-block;
	position:absolute;
	top: 0.2em;
	}
.page .toggleContent {
	display:none;
}
.page .toggleContent > p {
	margin: 0 0 1em;
}
.page .borderBox.ajst {
	margin:0;
}
/*特集記事*/
.page article.special {
	margin:20px 0 0;
}
.page .special h1 {
	background:none;
	color:#333;
	height:auto;
	line-height:1.4em;
	padding:0;
	text-indent:0;
}
.page .special .date {
	line-heiht:1em;
	margin:0 0 0.5em;
}
.page .special .sns_btn {
	margin:0 0 40px;
}
.page .special > .clear {
	margin:0 0 40px;
}
.page .special .indexNav h2 {
	font-size:100%;
	line-height:1;
	margin:0;
}
.page .special .indexNav ul {
	list-style:none;
	margin:0;
	padding:0;
}
.rightCol.indexNav ul {
	border-bottom:1px solid #ccc;
}
.rightCol.indexNav li {
	font-size:88%;
	padding:0.5em 1em;
	border-top:1px solid #ccc;
	line-height:1.5em;
}

.rightCol.indexNav span {
	display: table-cell;
	padding: 0 1em 0 0;
}
.rightCol.indexNav span + span {
	padding:0;
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media screen and (max-width: 639px) {
	.wrapper {
		min-width:inherit;
	}
	.container,
	.footer,
	.four_column,
	.three_column,
	.five_column,
	ul.relatedNav,
	ul.linkBtn,
	.home ul#menu-toppage_banner,
	.home .colContainer #fbPageplugin, 
	.home .colContainer .tw,
	.page article.special {
		width:100%;
	}
	/*header------*/
		#nav,
	.header .btnArea,
	.header .rightArea .topNav,
	.header address {
        display: none;
    }
	.header {
			height:120px;
		}
	.logo {
		text-align:center;
	}
	.header .rightArea {
		left:0;
		top:80px;
		width:80%;
		z-index:9999;
	}
	#searchform > input#s {
		width:80%;
	}
	#searchform > input#searchsubmit {
		width:10%;
	}
	#searchform::before {
		right:13%;
	}
	.header #searchform {
		position:static;
		padding:0 0 0 1em;
	}
/*nav*/
	.slicknav_btn {
		background-color: #7dc040 !important;
	}
	.slicknav_menu {
		background:none !important;
 		display:block;
		position:absolute;
		top:68px;
		width:100%;
		z-index:10;
	}
	.slicknav_menu .slicknav_menutxt {
		display:none !important;
	}
	.slicknav_menu .slicknav_icon {
			float:none !important;
			margin:0 !important;
	}
	.slicknav_nav {
		background:#7dc040 !important;
		top: 30px !important;
		position: relative !important;
	}
	.slicknav_nav a {
		color:#fff !important;
		text-decoration:none;
	}
	.slicknav_arrow {
		display:none;
	}
	li.slicknav_collapsed > a:before,
	li.slicknav_open .slicknav_collapsed > a:before {
	content: '\f510';
	font: 17px Genericons;
	display:inline-block;
	position:relative;
	top:0.25em;
	}
	li.slicknav_open > a:before {
	content: '\f50e';
	font: 17px Genericons;
	display:inline-block;
	position:relative;
	top:0.25em;
	}
	.slicknav_nav  a:hove,
	.slicknav_item.slicknav_row:hover,
	.snav > a:hover {
		background:#6eb92b !important;
	}
	/*footer------*/
	.footer {
		padding:0 1em;
	}
	.footerNav,
	.footerNav02 {
		display:none;
	}
	.sp_footerNav {
		display:block;
	}
	.footer address {
		position:static;
		text-align:left;
	}
	.sp_footerNav ul {
		margin:0;
		padding:0;
		position:relative;
	}
	.sp_footerNav ul li {
		display:inline-block;
		position:relative;
		top:2em;
	}
	.sp_footerNav ul li:before {
		content:"｜";
		display:inline-block;
	}
	.sp_footerNav ul li:first-child:before {
		display:none;
	}
	.sp_footerNav ul li.fb {
		position:absolute;
		right:3em;
		top:0;
	}
	.sp_footerNav ul li.tw {
		position:absolute;
		right:0.5em;
		top:0;
	}
	.main {
		padding:0 1em;
	}
	/*breadcrumb*/
	#breadcrumb ul {
		height:auto;
		line-height:1.5em;
		margin:15px 0;
	}
	/*four_column*/
	.four_column .col,
	.five_column .col,
	.home ul#menu-toppage_banner li,
	.home ul#menu-topage_link li {
		float:left;
		margin:0 2% 1em;
		width:46%;
	}
	a img.alignnone {
	margin:5px 0 20px 0;
	height:auto;
	width:100%;
}
.four_column .col .image,
.five_column .col .imgage {
	max-height:none;
	height:auto;
}
.four_column .col a img,
.five_column .col a img {
	margin:0;
	width:100%;
	height:auto;
}
/*index*/
	.home ul#menu-toppage_banner li.hunger a,
	.home ul#menu-toppage_banner li.event a,
	.home ul#menu-toppage_banner li.hagaki a,
	.home ul#menu-toppage_banner li.volunteer a {
		background-size:cover;
		height:0;
		padding:46.296296296296% 0 0;
		width:100%;
	}
	.home dd {
		margin:0;
		padding:0 0 0.5em 0;
	}
	.home ul#menu-topage_link {
		float:none;
		width:100%;
	}
	.home ul#menu-topage_link li.staff a,
	.home ul#menu-topage_link li.mailmagazine a,
	.home ul#menu-topage_link li.sr a,
	.home ul#menu-topage_link li.dl a,
	.home ul#menu-topage_link li.kabegami a,
	.home ul#menu-topage_link li.movie a,
	.home ul#menu-topage_link li.bn a,
	.home ul#menu-topage_link li.food_column a{
		background-size:cover;
		height:0;
		padding:16.666666666667% 0 0;
		width:100%;
	}
	.home .colContainer #fbPageplugin {
		float:none;
		margin:0 0 2em;
	}
	.home .colContainer .tw {
		float:none;
		margin:0;
	}
	/*single*/
	.single .leftArea {
		padding:0;
	}
	.single .leftCol,
	.single .imageArea01,
	.single .imageArea02,
	.single .movArea {
		float:none;
		width:100%;
	}
	.single .imageArea02 {
		margin:20px 0 0;
	}
	/*category*/
	.category #search span {
		margin:0 auto 1em;
		display:block;
		text-align:center;
	}
	.category #search input#s {
		width:55%;
	}
	.category #search input#submit {
		width:15%;
	}
	.category #search select {
		margin:0 0 1em;
		width:100%;
	}
	.category #search .btn {
		position:static;
		text-align:center;
		width:100%;
	}
	/*mailmagazine----------------*/
	.page-template-page-mailmagazine form.leftCol,
	.page-template-page-mailmagazine form.rightCol {
		float:none;
		text-align:center;
	}
	/*2列レイアウト*/
	.page .leftCol,
	.page .rightCol {
		float:none;
		width:100%;
	}
	.page .rightCol.indexNav {
		margin:30px 0 0;
	}
	.page .rightCol.indexNav br {
		display:none;
	}
	/*世界の飢餓と私の食関連NAV*/
	.hunger_pc {
		display: none;
	}
	.hunger_sp {
		display:block;
	}
	.contentsNav > ul {
		height:auto;
		width:100%;
	}
	.contentsNav > ul li.hunger {
    margin: 0 0 0 2%;
    width: 36%;
	}
	.contentsNav > ul li.food_world {
			margin: 0 0 0 5%;
			width: 30%;
	}
	.contentsNav > ul li.whtshunger {
			margin: 0 0 0 5%;
			width: 20%;
	}
	.contentsNav > ul li > a {
		width:100%;
	}
	/*contact*/
	.wpcf7-form-control.wpcf7-text {
		width: 100%;
	}
	.contact textarea {
    		width: 100%;
	}
}
@media screen and (max-width: 479px) {
	iframe {
		width:100%;
	}
	.page-template-page-mailmagazine form input {
		width:200px;
	}
	.page-template-page-mailmagazine form p span {
		display:block;
	}
	p.m_icon02 {
		line-height:1em;
		padding:0.5em 0 0 55px;
	}
	.page .rightCol.indexNav br {
		display:inline;
	}
}
@media screen and (max-width: 319px) {
	
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
/*
.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

.wpcf7c-conf {
    background-color: #F5F5F5; /* 背景色 */
    /*color: black; /* 文字色 */
    /*border: 1px solid #AEAEAE; /* 周りの線: 太さ　線種 線の色 
}

*/
/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {http://www.hungerfree.net/
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

.form-width { max-width: 100%;}

span.wpcf7-list-item {
display:block;
}

/*update2023------------------------------*/
.update2023 form table {
	margin:0 33% 0 7%;
	width:60%;
}
.update2023 form table td {
	padding:0 0 1em;
}
.update2023 form table td.centerTxt {
	text-align:center;
}
.update2023 form .wpcf7-form-control-wrap {
	display:inline-block;
	margin:1em 0;
	width:100%;
}
.update2023 form .form-width {
	width:100%;
}
.update2023 form .slidetoggle + div {
	display:none;
}
.page.update2023 .slidetoggle:after {
	top:1.5em;
}
.update2023 form.failed table .wpcf7c-conf {
	background-color:rgb(250, 255, 189);
}
.update2023 form.sent table {
	display:none;
}
.update2023 form div.wpcf7-mail-sent-ok {
    margin: 4em 0.5em 6em;
}