@charset "utf-8";
/* 基本のスタイル */
.single_resp_spheader{
display:none;
}
#contents{
margin-left:0 !important;
margin-right:0 !important;
}
#contents h1{
border:0 none !important;
text-align:center;
border-bottom:2px solid #336699 !important;
padding-bottom:10px;
}
#contents h1 span {
display:block;
font-size:16px;
margin-top:5px;
}
.red1{color:#f00 !important;}
#contents h2{
margin-bottom:0;
}
#contents h3{
border:0 none !important;
color:#336699 !important;
text-align:left;
}
#contents h4{
border:0 none !important;
color:#666666 !important;
}
#contents h5{
margin-top:10px;
}
.single_resp_h1hr{
border:1px solid #336699;
clear:both;
}
#contents ul li{
font-size:14px;
line-height:1.4em;
}
#contents table{
border-collapse:collapse;
font-size:14px;
line-height:1.4em;
}
#contents table th{
white-space:nowrap;
vertical-align:top;
}
.normal_news_side{
width:144px;
float:left;
}
.normal_news_main {
width:596px;
float:left;
padding-left:20px;
}
.normal_news_main h2 {
padding-bottom:0;
}
.normal_news_main h2 img {
width:596px;
}
.wp-caption a img{
max-width:590px !important;
}
.single_header_tbl{
width:980px;
}
.sp_menu_area{
display:none;
}
.img-boxright{
float:right;
margin-left:5px;
}
.img-boxleft{
float:left;
margin-right:5px;
}
.img-boxcenter{
margin:0 auto;
}
ol li{
font-size:14px;
line-height:1.4em;
}
.aligncenter{
margin:0 auto;
}
#contents h4 {
color: #336699;
border:none;
font-size:1.0em;
}
#newsCtgryMenu {
border:0 none;
/*height:1800px;*/
width:155px;
}
#newsCtgryMenu iframe{
width:100%;
}
.side_yeartable td a {
	letter-spacing:-1px;
}

/* ニュース挿入画像のスタイル */
.alignright{
float:right;
margin:3px 3px 0;
}
.alignleft{
float:left;
margin:3px 3px 0;
}
.wp-caption{
border:1px solid #aaa;
padding:3px 0;
text-align:center;
clear:both;
}
.wp-caption td{
border:0 none !important;
}
.wp-caption a img{
}
.wp-caption-text{
font-size:10px;
text-align:left;
margin:0 2px !important;
}
.photo_credit{
font-size:10px;
text-align:right !important;
margin:0 2px !important;
}
.img-table{
width:150px;
}

/* 関連動画、関連記事 */
.kanren_page {

}
.kanren_img {
	display:block;
	width:100%;
	height:0;
	padding-top: 66.5%;
	position:relative;
	background:#09f;
	margin:0 0 5px !important;
}
.kanren_img > span {
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.kanren_page > p {
	margin:30px 0 5px 0;
}
.kanren_page > ul {
	margin:0;
}
.kanren_page > ul li {
	display:inline-block;
	width:50%;
	list-style:none;
	box-sizing:border-box;
	vertical-align:top;
	padding:15px;
	margin:0;
}
.kanren_page > ul li .kanren_img_link {
	display:block;
	border: 1px solid #ccc;
	width:100%;
	margin:0 0 5px !important;
}
.kanren_page > ul li img {
	display:block;
	width:100%;
	height:auto;
}
.kanren_mov > p {
	margin:30px 0 5px 0;
}
.kanren_mov > div {
	border:1px solid #ccc;
	padding:5px;
}
.kanren_mov > div iframe {
	width:100%;
}

/* ニューピンクボックス */
.pinkbox {
	border:2px solid #CC3333;
	background:#FFDDDD;
	text-align:center;
	width:420px;
	margin:10px auto;
	padding:0 20px;
	box-sizing:border-box;
}
.pinkbox > h4 {
	font-size:13px !important;
}
.pinkbox > p {
	text-align:center !important;
	font-size:13px;
	line-height:2.4em;
}
.pinkbox > p > span {
	font-size:10px;
}
.pinkbox > .bokinbtn {
	font-size:14px;
	color: #000;
	background: #73b8f5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #73b8f5), color-stop(0.00, #cee4fb));
	background: -webkit-linear-gradient(top, #cee4fb 0%, #73b8f5 100%);
	background: -moz-linear-gradient(top, #cee4fb 0%, #73b8f5 100%);
	background: -o-linear-gradient(top, #cee4fb 0%, #73b8f5 100%);
	background: -ms-linear-gradient(top, #cee4fb 0%, #73b8f5 100%);
	background: linear-gradient(top, #cee4fb 0%, #73b8f5 100%);
	-webkit-border-radius: 6px;
	text-align:center;
	margin:25px 0 10px 0;
	font-weight:bold;
	border:1px solid #004280;
	position:relative;
	width:300px;
	margin:auto;
}
.pinkbox > .bokinbtn:hover {
	background:#cee4fb;
}
.pinkbox > .bokinbtn > a {
	color:#004280 !important;
	text-decoration:none !important;
	display:block;
	padding:10px 15px 10px 60px;
	/* font-family:meiryo,HiraKakuProN-W6; */
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:20px;
	text-shadow:3px 3px 5px rgba(0,66,128,0.3);
}
.pinkbox > .bokinbtn > a > span {
	font-size:10px;
	text-shadow:none;
	letter-spacing:-1px;
}
.pinkbox > .bokinbtn > a:before{
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	margin-top: -20px;
	width: 10px;
	height: 10px;
	content:'\f09d';
	font-family: FontAwesome;
	color:#fff;
	font-size:45px;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}
.pinkbox > .bokinbtn > a:after{
	position: absolute;
	top: 50%;
	left: 25px;
	display: block;
	margin-top: -18px;
	width: 10px;
	height: 10px;
	content:'\f144';
	font-family: FontAwesome;
	color:#004280;
	font-size:30px;
	text-shadow:none;
}
.pinkbox .pinkbox_txt-lh-fix {
	line-height:1.8;
}
.pinkbox .pinkbox_kakomi {
	border-radius: 6px;
	border: 1px solid #004280;
	background-color: #cee4fb;
	width: 280px;
	margin: 30px auto 0;
	padding: 10px;
}
.pinkbox .pinkbox_kakomi p {
	text-align:center !important;
	font-size:13px;
	line-height:1.8em;
}
.pinkbox .pinkbox_kakomi .note {
	display: block;
	color: #666666;
	font-size:11px;
}
.pinkbox .pinkbox_kakomi .mb19 {
	margin-bottom: 19px;
}
.pinkbox .note-lh-fix {
	line-height: 1.8;
}

/* 下書き状態にどのカテゴリに表示されるか */
.ichiran{border-left:7px solid brown;padding-left:7px;clear:both;}
.pr01{background-color:#009900;color:#fff;padding:3px;font-size:10px;}
.pr02{background-color:#333399;color:#fff;padding:3px;font-size:10px;}
.pr03{background-color:#ff0099;color:#fff;padding:3px;font-size:10px;}



/* ------------------------------------
　　　　レスポンシブここから
------------------------------------ */
/* タブレット（大） */
/*@media screen and (max-device-width: 1000px) { */
@media screen and (max-width: 1000px) {
body {
	margin-left:0;
}
.pankuzu {
	padding:15px 10px 10px;
	box-sizing:boder-box;
}
div.ttl {
	padding-left:10px;
}
.single_resp_header{
display:none;
}
.single_header_tbl{
width:auto !important;
}
.gronavi{
display:none;
}
.kasou_gronavi{
display:none;
}
#head_bg{
display:none;
}
.single_resp_spheader{
border:0 none;
}
.single_resp_spheader{
display:block;
background:#09f;
/* height:55px; */
}
.single_resp_spheader01{
float:left;
margin:12px;
width:95px;
}

.news-icon {
/* margin-left: 0; */
    left: 0;
    right: auto;
    background-color: inherit;
    border: 2px solid #fff !important;
    border-radius: 5px;
    width: fit-content;
    height: 40px;
    flex-direction: column;
    padding: 0 4px;
    margin: 0 4px;
}
.notification-popover {
    width: 100% !important;
    max-width: inherit;
    border-radius: 0 0 10px 10px;
}
.notification-popover::before {
    right: 82px;
}


/* ------------------------------
　 右から出てくるスマホメニュー
 ------------------------------*/
#navbox {
	/* display: table; */
	width: 100%;
	/* height: 48px; */
}
#menu_button > a{
text-decoration:none;
}
#mobile-bar{
text-align:center;
border:2px solid #666;
border-radius:5px;
margin:5px;
padding:1px 0px 5px 0px;
line-height:0.6em;
}
#mobile-bar i{
color:#666;
line-height:1em;
margin:0;padding:0;
}
#mobile-bar span{
color:#666;
font-size:0.3em !important;
line-height:1em !important;
margin:0;padding:0;
}
.sp_menu_area{
display:block;
text-align:center;
/*font-size:5em !important;*/
float:right;
}
.sp_background_color{
background-color:#09F;
}

h3#profilebox{
margin:0 !important;
border:0 none;
}
#slidemenu{
background-color:#fff;
}
#slidemenu_list{
margin-top:0;
font-size:14px;
}
#slidemenu_list h3{
text-align:left;
}
#slidemenu_list ul{
margin-left:0;
}
#slidemenu_list ul li{
margin-left:0;
margin-bottom:0;
font-size:14px;
line-height:1.5em;
}
#slidemenu_list ul li a{
color:#09f;
}
.menu_close a{
color:#fff !important;
}
#top{
text-align:center;
float:none;
}
#slidemenu_list {
	padding:0;
	margin-left:0;
}
#slidemenu_list h3 {
	margin-bottom:1px;
}
#slidemenu_list li {
	list-style:none;
	margin-bottom:0;
}
#slidemenu_list li a {
	display:block;
	text-decoration:none;
	padding:10px 20px 10px 10px;
}
#slidemenu_list li a:after {
  content: "\f105";
  font-family:FontAwesome;
  display:inline;
  position:absolute;
  right:15px;
  font-size:20px;
}
#slidemenu_list li.menu_a {
	background:#00aeef;
	border-bottom:1px solid #fff;
}
#slidemenu_list li.menu_b {
	background:#fff;
	border-bottom:1px solid #ccc;
}
#slidemenu_list li.menu_a a {
	color:#fff;
}
#slidemenu_list li.menu_b a {
	color:#666;
}

}

/* タブレット（小） */
/*@media screen and (max-device-width: 800px) { */
@media screen and (max-width: 800px) {
.normal_news_side{
display:none;
}
.normal_news_main{
display:inline;
width:100%;
padding:0 50px;
box-sizing:border-box;
}
}

/*@media screen and (max-device-width: 650px) { */
@media screen and (max-width: 1000px) {
body{
	margin:0;
	font-size:1.2em;
	/* font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif; */
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#contents{
padding-top:10px;
}
#contents p {
	color:#222;
}
h2 > img{
display:none;
}
.normal_news_main{
padding:0;
}
.news_content {
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
.news_content table {
	margin-left:0;
	margin-bottom:10px;
}
.news_content table img.size-thumbnail {
	width:100%;
	margin:0 !important;
}
.pankuzu{display:none;}
p{
font-size:0.8em;
line-height:1.3em;
}
.ttl{display:none;}
.pankuzu{
font-size:1em;
}
.resp_kinkyu_js{
display:none;
}
.normal_news_btn{
display:block !important;
}
.normal_news_btn td{
display:inline;
}
.normal_news_btn td p{
background:#EEF;
display:inline-block;
width:100%;
text-align:center;
border:1px solid #336699;
padding:10px 0;
font-weight:bold;
letter-spacing:3px;
}

#newsCtgryMenu{
width:100% !important;
height:auto !important;
}
.wp-caption-text{
font-size:0.8em;
}
.photo_credit{
font-size:0.8em;
text-align:right !important;
}
#contents table{
width:100%;
}
.wp-caption a img{
}
.size-large{
width:100%;
}
table.bokinColumn{
width:90%;
}
table.bokinColumn td{
line-height:1.3em;
}
table.bokinColumn img{
}
.resp_w100per{
width:100% !important;
}
.resp_w50per{
width:50% !important;
}
.resp_w30per{
width:30% !important;
}
#contents ul li{
color:#222;
font-size:0.9em;
}

/* ニューピンクボックス（SP表示時） */
.pinkbox {
width:100%;
padding:0 10px;
}
.pinkbox > h4 {
}
.pinkbox > p {
line-height:1.5em;
color:#333;
}
.pinkbox > p > span {
}
.pinkbox > .bokinbtn {
width:100%;
}
.pinkbox > .bokinbtn:hover {
}
.pinkbox > .bokinbtn > a {
}
.pinkbox > .bokinbtn > a > span {
letter-spacing:-1.5px;
display:block;
padding-top:3px;
}
.pinkbox > .bokinbtn > a:before{
}
.pinkbox > .bokinbtn > a:after{
}

.pinkbox .pinkbox_kakomi {
	width: calc(100% - 40px)
}
.pinkbox .pinkbox_kakomi .note {
	color: #222;
}

}
/* ------------------------------------
　　　　レスポンシブここまで
------------------------------------ */

/* Webkit用ハックここから */
@media screen and (-webkit-min-device-pixel-ratio:0){
#contents table{
/*border-collapse:separate;*/
}
.wp-caption{
padding:0;
}
}
/* Webkit用ハックここまで */





/* --------------------------------
世界の子どもたち国別・テーマ別一覧
-------------------------------- */
h3 {
	border-bottom:#CCC 1px solid;
	border-top:#CCC 1px solid;
	padding:15px 0;
	margin-bottom:20px;
	color: #09F;
	font-size:100%;
}

#entryList {
	margin:0 0 30px 0;
}
#entryList li a:hover {
	color: #33ccff;
}

#entryList li {
	list-style:none;
	border-bottom:#CCC 1px solid;
	display:table;
	padding-bottom:15px;
	margin-bottom:20px;
	width: 780px;
}
#entryList li:last-child {
	margin-bottom:0;
}
#entryList li .photo,
#entryList li .explain {
	display:table-cell;
	vertical-align:top;
}
#entryList li .photo {
	width:150px;
}

#entryList li .explain {
	padding-left:20px;
}
#entryList li .explain .title {
	color: #09F;
	font-weight:bold;
	margin-bottom:10px;
}
#entryList li .explain .dataArea {
	margin-bottom:5px;
	display:table;
	font-size:0.9em;
}
#entryList li .date,
#entryList li .location {
	display:table-cell;
	vertical-align:top;
}
#entryList li .location {
	padding-left:1em;
}

#entryList li .excerpt {
	font-size:0.85em;
	margin:0;
}

#pagerArea {
	text-align:center;
}
#pagerArea ul {
}
#pagerArea li {
	width:30px;
	display:inline-block;
	list-style:none;
	margin-right:10px;
}
#pagerArea li:last-child {
	margin-right:0;
}
#pagerArea li a,
#pagerArea li span
{
	color:#FFF;
	display:block;
	text-decoration:none;
	background:#09F;
	padding:5px 0;
	border:#09F 1px solid;
}
#pagerArea li a:hover {
	background:#6ec5ff;
	text-decoration:none;
}

#pagerArea li.active a,
#pagerArea li span.current
{
	background:#FFF;
	color:#09F;
	border:#09F 1px solid;
}

/* ニュース固有のCSS */
.tbl150525{
border-collapse:collapse !important;
}
.tbl150525 td{
border:1px solid #999;
padding:8px;
font-size:14px;
}
.midashi_td{
background-color:#ddf;
}



/* --------------------------
　画像2つ横並びのスタイル
-------------------------- */
.tbl_2img {
	width:100%;
}
.tbl_2img > tbody > tr > td {
	width:250px;
	padding:10px;
	vertical-align:top;
}
/*@media screen and (max-device-width: 1000px) { */
@media screen and (max-width: 500px) {
h3 {
	margin-bottom:10px;
	padding:15px 0 0 0;
}
.tbl_2img > tbody > tr > td > table > tbody > tr > td {
	padding:5px;
	box-sizing:border-box;
}
.tbl_2img,.tbl_2img > tbody,.tbl_2img > tbody > tr,.tbl_2img > tbody > tr > td,
.tbl_2img > tbody > tr > td > table,
.tbl_2img > tbody > tr > td > table > tbody,
.tbl_2img > tbody > tr > td > table > tbody > tr,
.tbl_2img > tbody > tr > td > table > tbody > tr > td,
.tbl_2img > tbody > tr > td > table > tbody > tr > td > img {
	display:block;
	width:100% !important;
	margin-left:0 !important;
	box-sizing:border-box;
	float:none;
	height:auto !important;
}
.tbl_2img > tbody > tr > td > table > tbody > tr > td > img {
	display:block;
	float:none;
	width:100%;
	margin:0;
}
.tbl_2img > tbody > tr > td {
	padding-top:10px !important;
	padding-bottom:10px !important;
}
}


/*20170622追記分*/
@media screen and (max-width: 650px){
.font-m {
    font-size: 14px !important;
}
}
/*20170622追記分*/

/*190212追記分(アフリカ干ばつpinkbox上の終了文)*/
.closetxt {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.closetxt > p {
	text-align: center !important;
	margin-bottom: 20px;
}
.closetxt > p span {
	padding: 0 5px;
	font-size: 1.05em;
}
@media screen and (max-width: 500px) {
	.closetxt > p {
		text-align: left !important;
	}
}

/*190213追記分(pinkbox上、導入テキスト)*/
.pinkbox_lead {
	margin: 20px 0;
}
#contents .pinkbox_lead h3 {
	color: #09f !important;
	font-size: 16px;
	text-align: center !important;
}
.pinkbox_lead h3 span {
	display: block;
	padding-bottom: 10px;
	font-size: 14px;
}
.pinkbox_lead p {
	color: #09f !important;
	font-weight:bold;
	text-align: center !important;
}

/*190212追記分(pinkboxボタン)*/
.pinkbox .bokinbtn .sp {
	display: none;
}
.pinkbox .bokinbtn .pc {
	display: block;
}
@media screen and (max-width: 600px) {
	.pinkbox .bokinbtn .pc {
		display: none;
	}
	.pinkbox .bokinbtn .sp {
		display: block;
	}
}
/*190212追記分*/

/****** whitebox 200811追記 ******/
.WhiteBox {
  border: solid #d3d3d3 1px;
  padding: 30px;
  margin-bottom: 30px;
}
.WhiteBox_uppeer {
  display:flex;
  flex-direction: row-reverse;
  align-items: center;
}
.WhiteBox_uppeer_txt {
  width: 60%;
  margin-left: 5%;
}
.WhiteBox_uppeer_img {
  width: 35%;
}
.WhiteBox_uppeer_img img {
 width: 100%;
 height: auto;
}


/*共通募金フッターのボタン*/
.WhiteBox_btn {
  display: flex;
  align-items: center;
  margin-top: 30px;
  justify-content: space-between;
  width: 100%;
}
.WhiteBox_btn_cmn {
  width: 48%;
	margin: 0;
}
.WhiteBox_btn_cmn a {
  display: block;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #fff !important;
  line-height: 80px;
  text-align: center;
	text-decoration: none !important;
}
.WhiteBox_btn_cmn.btn_onetime a {
  background-color: #f39c12;
}
.WhiteBox_btn_cmn.btn_monthly a {
  background-color: #16a085;
}

.WhiteBox_btn_cmn a:hover {
  text-decoration: none!important;
  opacity: 0.6;
}

/* WhiteBox_note */
.WhiteBox_note {
  margin-top: 2%!important;
  text-align: center!important;
  font-size: 12px!important;
}

/* レスポンシブ　*/
@media screen and (max-width: 639px) {
  .WhiteBox {
    width: calc(100% - 20px);
    padding: 10px;
    margin: 0 0 30px 0;
  }
  .WhiteBox_uppeer {
    display:flex;
    flex-direction: column-reverse;
    justify-content: space-between;
  }
  .WhiteBox_uppeer_txt {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 0;
    width: 90%;
  }
  .WhiteBox_uppeer_img {
    width: 70%;
    margin-top: 15%;
    margin-bottom: 10px;
  }
  .WhiteBox_btn {
		margin: 10px auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    width: 90%;
  }
	.WhiteBox_btn_cmn {
	  width: 100%;
	}
  .WhiteBox_btn_cmn.btn_onetime a {
    width: 100%!important;
    margin-top: 5%;
  }
  .WhiteBox_btn_cmn.btn_monthly a {
    width: 100%!important;
  }

  .WhiteBox_note {
    margin-left: 2.5%!important;
    margin-right: 2.5%!important;
    text-align: left!important;
    margin-top: 4.5%!important;
  }
}

/* シェアする */
.socialBtnTit {
	text-align: center;
}
#socialBtnId {
	margin-bottom: 20px;
}
#socialBtnId .sectionSns {
	margin-right: 0 !important;
}


/****** / whitebox 200811追記 ******/