@charset "UTF-8";
/*
Theme Name: JCF
Theme URI: http://jcf.ne.jp/
Description: 日本チェルノブイリ連帯基金
Version: 1.0
Author: JCF
Author URI: http://jcf.ne.jp/
*/

@import "css/set.css";
@import "css/base.css";
@import "css/default.css";
@import "css/layout.css";
@import "css/module.css";

.sidebanner li{
text-align:center;
padding:15px 0;
width:250px;
}

.topImg {
position: absolute;
top: 0;
}

/*2019/04/25 maeda add(既存クラス上書き) */
h1.title{
  padding:4px 20px 0 20px;
  color: #444;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: normal;
  font-size: 21px;
}

/* 2016/08/19 inoue add */
/* ボタンリンク　hoverエフェクト */
a.btn:hover {
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
}

/* 余白 */
.space_S {
height: 7px;
}

.space_M {
height: 14px;
}

.space_L {
height: 28px;
}

.space_XL {
height: 60px;
}

/*サイドバー追加2014/9/1@nakajyo*/
/* sidebar */
.space5{
height:5px;
}

/*電子書籍追加2014/9/1@nakajyo*/
.space50 {
height:50px;
}


/*SNSボタン追加@nakajyo*/
table.sns_button {
float: right;
margin: 10px 0;
top: 35px;
}

/*電子書籍追加2014/9/1@nakajyo*/

.archiveList li,ul.download .down_list{
float:left;
margin:10px 5px;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

ul.backnumberList {
margin:20px 5px;
text-align:center;
}

ul.backnumberList li {
float:left;
margin:0 29px;
}

.coverImage {
border:1px #ccc solid;
}

.backnumberList p {
width: 100%;
line-height: 1rem;
text-align: center;
margin-bottom: 0.5rem;
}

.backnumberList p.byPdf:before {
content: url(/wp/wp-content/uploads/2014/09/pdficon.jpg);
margin-right: 0.4rem;
position: relative;
top: 6px;
}

.backnumberList p.byActi:before {
content: url(/wp/wp-content/uploads/2016/02/icon_actibook.jpg);
margin-right: 0.4rem;
position: relative;
top: 6px;
}

.backnumberList a img:hover{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

.archiveBox ul > *:first-child + * + * + * {
margin-right:0;
}

.backnumberList li:first-child{
margin-left:0;
}

.appli_guide {
padding: 10px;
margin: 10px 5px;
background-color: #f6f6f6;
border: #cccccc solid 1px;
height:100%;
line-height:100%;
text-align:center;
}

.appli_guide p {
width: 70%;
margin-right: 30px;
margin-left: 0;
color: #333333;
}

/* 2016/01/18 inoue del */
/*
.table {
display: table;
}

.appli_guide a {
vertical-align: middle;
display: table-cell;
}

.appli_guide div {
height: 46px;
}
*/
/* 2016/01/18 inoue add HEAD */
.appli_guide ul {
display: block;
width: 100%;
margin: 0;
padding: 0;
}

.appli_guide ul.li {
display: inline-block;
}

.appli_guide ul.li:first-child {
width: 68%;
margin-right: 30px;
}

.appli_guide ul li img {
max-width: 158px;
margin-bottom: 12px;
}
/* 2016/01/18 inoue add TAIL */

.left {
float: left;
}

.right {
float: right;
}

.listBook a:focus{
outline:none;
} 

.listBook span{
display:block;
height:22px;
line-height:22px;
padding:3px 0 0 40px;
}

.text-center{
text-align:center;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.well {
  min-height: 28px;
  padding: 14px;
  margin: 14px auto;
  background-color: #f6f6f6;
  border: 1px solid #cccccc;
}

table.base {
  width: 100%;
  max-width: 100%;
  margin: 14px auto;
  border-spacing: 0;
  border-collapse: collapse;
}
table.base > thead > tr > th,
table.base > tbody > tr > th,
table.base > tfoot > tr > th,
table.base > thead > tr > td,
table.base > tbody > tr > td,
table.base > tfoot > tr > td {
  padding: 10px;
  line-height: 1.6;
  vertical-align: top;
  border: 1px dotted #4d4d4d;
}

table.base > thead > tr > th,
table.base > tbody > tr > th,
table.base > tfoot > tr > th {
  background-color: #666;
  color: #fff;
  text-align: left;
}

.blc_title{
margin:5px 0;
}

.blc_title img{
padding:0;
}

.download li {
height:30px;
display: inline-block;
vertical-align: middle;
}

.download li img {
width: 30px;
height: 30px;
padding: 0 6px 0 0;
vertical-align: bottom;
}

.download a {
outline:none;
}

.dis_inline {
width:342px;
margin-left:0;
margin-right:10px;
float:left;
height:304px;
}

.margin_none{
margin-right:0;

}

/* 2016/08/19 inoue add トップページ更新 */
div.feature {
width: 720px;
margin: 0 auto;
}

p.contentsText {
width: 695px;
margin: 0 0 14px 8px;
}

/* デバガ緊急支援 */
.featureGallery {
width: 100%;
position: relative;
}

.featureGallery li {
display: inline-block;
margin-right: 6px;
}

.featureGallery li:first-child {
margin-left: 8px;
}

.featureGallery li:last-child {
margin-right: 0;
}

.featureGallery li img {
width: 100%;
}

/* イラク国内避難民支援 */
ul.reportMovie {
width: 100%;
}

ul.reportMovie li {
display: inline-block;
width: 49%;
margin-right: 10px;
}

ul.reportMovie li:last-child {
margin-right: 0;
}

/* 2016/10/20 inoue add */
.h2body p {
margin-left: 0;
}

.h2body p.contentsText {
width: 655px;
margin-bottom: 0; 
}

/* チェルノブイリメモリアルディ2019 */
.morgenBanner {
  width: 650px;
  margin-left: 20px;
}
.morgenBanner img {
  width: 100%;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

.morgenGallery {
  width: 80%;
  margin: 0 auto;
}
.morgenGallery li {
  width: 44%;
  padding: 0 2%;
}
.morgenGallery li img {
  width: 100%;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.h2body .morgenGallery li img {
  padding: 0px;
}

/* SUMMER2019募金キャンペーン */
.summerBanner {
  width: 650px;
  margin-left: 20px;
}
.summerBanner img {
  width: 100%;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

.summerGallery {
  width: 80%;
  margin: 0 auto;
}
.summerGallery li {
  width: 44%;
  padding: 0 2%;
}
.summerGallery li img {
  width: 100%;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.h2body .summerGallery li img {
  padding: 0px;
}
/*2019/11/05追記・イラク支援活動*/
/*2019/11/05追記・新規ページ:日本政府NGO連携無償資金協力による活動*/
.iraqActivity .note {
  display: block;
  font-size: 0.8em;
  margin-bottom: 1em;
}
.iraqActivity ul {
  overflow: hidden;
  margin-left: 1em;
}
.iraqActivity li, .odaActivity li {
  float: none;
}
.iraqActivity > li, .odaActivity > li {
  margin-bottom: 10px;
}
.iraqActivity li h4 {
  text-decoration: underline;
}
.iraqActivity li h4::before {
/*
  content: "▶ ";
  display: inline;
  color: #ad0d01;
*/
    content: url(./img/icon_arrow.gif);
    display: inline-block;
    vertical-align: middle;
  margin-right: 3px;
}
.iraqActivity li dl{
  margin-left: 1em;
}
.iraqActivity dt, .odaActivity dt {
  clear: both;
  float: left;
  width: 8em;
}
.iraqActivity dd, .odaActivity dd {
  margin-left: 8em;
}
.iraqActivity dd span.note {
  text-align: right;
}
.odaActivity .list_detaile {
  display: block;
  padding-left: 2em;
}
.odaActivity .photo_inner_m img {
  width: calc( 50% - 30px);
  height: auto;
  float: left;
  
}
.odaActivity .photo_inner_m::after {
  content: "";
  display: block;
  clear: both;
}
.odaActivity .photo_inner_l {
  margin-top: 10px;
  max-width: 690px;
  margin: 0 auto;
  overflow: hidden;
}
.odaActivity .photo_inner_l img {
  width: calc(100% - 30px);
  height: auto;
}

.banner_btn_wrap {
  position: relative;
}
.banner_btn {
  position: absolute;
  bottom: 30px; 
  right: 64px;
}
.banner_btn:hover {
  opacity: .7;
}
.banner_btn.btn_PR {
  right: 37%;
}
.banner_btn_wrap a:hover .btn_PR {
 opacity: .7;
}