@charset "utf-8";

/* Common ============================================================*/

/* 非表示 */
.hdNavi,
div#hd strong,
.language,
.txtSize,
#searchBox,
#gnavi,
.ftBg
{display:none !important;}

/* リセット */
html{-webkit-text-size-adjust:100%;}

div.hdBg,
div#hdArea,
div#hd div.rtBox,
div#wrap,
.topicPathBg,
ul#topicPath,
div.ctAreaBg,
div#ctArea,
div#ctRight,
div#ctLeft,
div#ft .ftBg,
div#ft .ftArea,
div#ft .sns,
#ctArea .titleArea,
div#ctArea #ctRight h1,
div#ctArea #main h1,
#ctArea .subTit06,
#ctArea .subTit06b,
#ctArea .subTit01,
#ctArea .subTit01b,
#ctArea .subTit02,
#ctArea .txtArea,
#ctArea .size01,
#ctArea .size02,
#ctArea .size500,
#ctArea .moreinfoClient,
ul.snavi,
ul.snavi li ul li
{
width:100%;
min-width:100%;
max-width:100%;
float:none;
box-sizing: border-box;
}

/* 電話番号リンク不可 */
a[href*="tel:"] {color:inherit;text-decoration:none;pointer-events:none;}

/* clearfix */
.clear::after{content:"";display:block;clear:both;}


/* Body ============================================================*/
body {background:none;}


/* ハンバーガーメニュー ============================================================*/
#header_mobile{display:block;}

#header_mobileHead{position:relative;width:100%;}
#header_mobileHead .logo{width:75%;}
#header_mobileHead .menuBtn{position:absolute;bottom:0;right:0;width:21.87%;max-width:140px;margin-right:3.12%;background:url(https://www.jica.go.jp/english/mobile/common/btn_menu_on.gif) no-repeat;-webkit-background-size:100%;background-size:100%;}
#header_mobileHead .logo img,
#header_mobileHead .menuBtn img
{max-width:100%;height:auto;}
#header_mobileHead .menuBtn.on img{opacity:0;}

#header_mobileGnavi{position:absolute;top:-9999px;width:100%;margin-top:-1px;border-top:1px solid #003278;z-index:20;}
#header_mobileGnavi.act{position:relative;top:0;}
#header_mobileGnavi .back{display:none;opacity:0;position:absolute;top:0;left:0;width:20%;padding:3.75% 5%;background:#E5f5ff url(https://www.jica.go.jp/english/mobile/common/ico_back.png) no-repeat 30% center;-webkit-background-size:8px 13px;background-size:8px 13px;z-index:10;}
#header_mobileGnavi ul{position:absolute;border-bottom:1px solid #bbbbbb;background:-webkit-gradient(linear, left top, left bottom,color-stop(0, #f5f5f5),color-stop(0.5, #ffffff),color-stop(1, #ffffff));background:linear-gradient(#f5f5f5 0%,#ffffff 50%,#ffffff 100%);box-shadow:0 0 3px #bbbbbb;width:100%;}
#header_mobileGnavi ul ul{display:none;position:absolute;top:0;z-index:5;border-bottom:1px solid #bbbbbb;box-shadow:none;}
#header_mobileGnavi ul li{border-top:1px solid #e3e6e9;font-size:13px;}
#header_mobileGnavi ul li:first-child{border-top:none;}
#header_mobileGnavi ul li a{display:block;padding:3.75% 5%;background:url(https://www.jica.go.jp/english/mobile/common/ico_arw.png) no-repeat 95.31% center;-webkit-background-size:8px 13px;
background-size:8px 13px;font-weight:bold;}
#header_mobileGnavi ul li a.pc{background:url(https://www.jica.go.jp/english/mobile/common/ico_pc.gif) no-repeat 95.31% center;-webkit-background-size:4.68%;background-size:4.68%;}
#header_mobileGnavi ul li.off{position:absolute;top:-9999px;}
#header_mobileGnavi ul li.act{position:relative;top:0;}
#header_mobileGnavi ul li.act > a{display:none;}
#header_mobileGnavi ul li.link a{width:100%;padding:3.75% 5%;background:#e5f5ff none;text-align:right;-webkit-background-size:8px 13px;background-size:8px 13px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-weight:bold;}


/* contentsHead ============================================================*/

#hd{clear:both;}
div.hdBg{background:none;border:none;}
div#hd div.rtBox{margin:0;height:auto;}

/* topicPath */
.topicPathBg{margin-bottom:50px;}
#topicPath{overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; overflow:auto; white-space:nowrap; padding:0; margin:10px 0;}

/* addthis */
div#hd div.rtBox .addthis_toolbox{right:5px;background-color:#FFF;display:block;padding:3px !important;}

@media screen and (min-width:550px) and (max-width: 768px) {
div#hd div.rtBox .addthis_toolbox{top:160px;}
}
@media screen and (min-width:420px) and (max-width: 550px) {
div#hd div.rtBox .addthis_toolbox{top:140px;}
}
@media screen and (min-width:250px) and (max-width: 420px) {
div#hd div.rtBox .addthis_toolbox{top:120px;}
}
@media screen and (max-width: 250px) {
div#hd div.rtBox .addthis_toolbox{top:95px;}
}


/* ctArea ============================================================*/

div.ctAreaBg{background:none;}
div#ctArea{padding-bottom:0;}
#ctRight{padding:0 2%;display:block;}
#ctRight a:visited{color:#810081;}

/* otherLangLinks */
#ctRight p.otherLang-item > a.otherLang-link{font-size: 75%;}

@media screen and (max-width: 280px) {
div.otherLangLinks{display:inline;}
#ctRight div.ja, #ctRight div.en, #ctRight div.fr, #ctRight div.es{margin-bottom:5px;}
}

/* Anchor */
div#mainCol ul#innerA li,
div#mainCol ul#innerA li.innerAR,
div#mainCol ul#innerA li.innerAL
{float:none;width:auto;}

/* Date */
#ctArea #ctRight table.newsTbl{width:100% !important;}
#ctArea #ctRight table.newsTbl th{width:auto !important;display:block;margin:0;padding:0 !important;}
#ctArea #ctRight table.newsTbl td{width:auto !important;display:block;margin:0;padding:0 0 10px 0 !important;}

/* Table */
#ctArea #ctRight table{display:block;overflow-x:scroll;white-space:normal;table-layout:fixed;-webkit-overflow-scrolling:touch;border:none !important;}
#ctArea #ctRight table::before{content:'The table is scrollable >>>\A\A';position:sticky;top:0;white-space:pre;}
#ctArea #ctRight table::-webkit-scrollbar{height:8px;}
#ctArea #ctRight table::-webkit-scrollbar-thumb{background:rgb(0,0,0,0.1);border-radius:4px;}

#ctArea #ctRight table.noScroll{display:block;overflow-x:initial;-webkit-overflow-scrolling:initial;}
#ctArea #ctRight table.noScroll::before{content:"";position:inherit;top:0;}

#ctArea #ctRight table caption{text-align:left;}
#ctArea #ctRight table th,
#ctArea #ctRight table td
{min-width:200px;}

/* Image */
#ctArea .imgLeft,
#ctArea .imgRight
{float:none;width:100%;max-width:100%;box-sizing:border-box;margin:0 0 25px 0 !important;padding:0;}
#ctArea .imgLeft img,
#ctArea .imgRight img
{width:auto;max-width:100%;height:auto;margin:0 auto;display:block;box-sizing:border-box;}

/* Caption */
#ctArea .size01,
#ctArea .size02,
#ctArea .size500
{text-align:center;}


/* Independent Page ============================================================*/

/* ニュース＞SDGsのロゴ */
@media screen and (max-width: 200px) {
#imgRack-sdgs-wrapper{margin-bottom:25px;}
div#ctRight .imgRack-sdgs{width:auto !important;}
div#ctRight .imgRack-sdgs-imgInner{display:inherit;}
div#ctRight p.imgRack-sdgs-imgWrapper{float:none;margin:0 0 5px 0;width:auto !important;}
}

/* ニュース＞円借款のテーブル */
#ctArea table.tblType01 th,
#ctArea table.tblType01 td
{border: 1px solid #e3e6e9;border-collapse: collapse;}

/* ニュース＞無償・技術協力のテーブル */
#ctArea #ctRight table.pressTable_02 th,
#ctArea #ctRight table.pressTable_02 td
{width:auto !important;display:block;margin:0;}
#ctArea #ctRight table.pressTable_02::before,
#ctArea #ctRight table.newsTbl::before
{content:"";position:inherit;top:0;}

/* ニュース＞YouTube動画埋め込み */
#ctArea #ctRight .youtube .code{aspect-ratio: 16 / 9;}
#ctArea #ctRight .youtube .code iframe{width:100%; height:100%;}

/* ctLeft ============================================================*/
#ctLeft{display:block;margin-top:30px;}
#ctLeft .snavi li ul li:nth-of-type(1){border-top:#e3e6e9 solid 1px;}
ul.snavi li ul li span,
ul.snavi li ul li a
{width:100%;box-sizing:border-box;word-break: break-word;}

@media screen and (max-width: 180px) {
#ctLeft .snavi img{width:100%; height:auto;}
}


/* Footer ============================================================*/
div#ft{padding:10px 0;background-color:#EFF6FA;}
.ftArea{padding:0 2%;display:block;}
div#ft .sns p,
div#ft .sns div,
div#ft .sns .rss span,
div#ft ul.ftNavi,
div#ft ul.ftNavi li,
div#ft address
{float:none;display:block;margin:5px 0;}
div#ft address{text-align:left;}

/* SNS Icon */
#ft .snsIco{display:block;margin: 15px 5px 0 5px;}
#ft .snsIco li{float: left;margin-right: 5px;}
#ft .snsIco li img{width:32px;height:auto;}
