@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 479px) {
body{-webkit-text-size-adjust: 100%;}
img{max-width:100%;height:auto;}
#gmenu .gmenuInner,
#footer .footerInner{width:320px;}
.onSp{display:block;}
.onPc{display:none;}
img{max-width:100%;height:auto;}
/*==========================================
HEADER
==========================================*/
h1{width:210px;margin:0 auto;font-size:10px;top:20px;left: 54px;}
.headerInner #headerMenuArea{width:auto;float:none;}
.headerInner{width:300px;padding:20px 10px;margin-bottom:0;}
.headerInner #logo{float:none;margin-bottom:15px;}
.headerMenu{}
.searchMenu .searchBar{width:100%;float:none;margin:0;}
.searchMenu .searchBar input{padding:0;}
.searchMenu .snsBtn{display:none;}
.headerInner #headerMenuArea ul {display: table;width: 100%;}
.headerMenu ul.cmnList01 li{display:table-cell;float:none;  background-color: #ccc;padding: 5px;border-right: 1px solid #fff;}
ul.cmnList01 li a:before{display:none;}
#gmenu .gmenuInner > ul > li:last-child {width:auto;}
.pagetop {position:fixed;bottom:0;left:1px;}
/*==========================================
FOOTER
==========================================*/
#footer .footerInner>ul,
.footerInner>ul{width:220px;margin-bottom:20px;}
#footer .footerInner>ul>li{float:none;margin-bottom:20px;}
/*==========================================
パンくず
==========================================*/
#pankuzu{width:300px;}
#pankuzu ol{padding:10px 0;}
#pankuzu li, #pankuzu li a{line-height:20px;}
#pankuzu li a:after{top:4px;}
/*==========================================
スライド
==========================================*/
.slider_wrap{width:320px;height:auto;}
/*
.slider_wrap #slider{display:none;}
#topPage .slider_wrap #slidersp{display:block;height:140px;}
#en .slider_wrap #slidersp{display:block;height:140px;}*/
#slider{position:relative;width: 100%;max-width:550px;padding:0;margin:0 auto;}
#slider img {position: relative;top: 0;left: 0;width: 100%;height: auto;}
/*==========================================
GMENU
==========================================*/
#gmenu{height:40px;}
#gmenu .gmenuInner{background:#373980;}
#gmenu .gmenuInner>ul{display: none;}
#gmenu .spMenu{display: block;text-align: center;color: #fff;font-size: 14px;line-height:40px;}
#gmenu.on .gmenuInner{margin-left:0px;left:0;width:100%;z-index:100;}
#gmenu .gmenuInner > ul > li{width:100%;float:none;}
#gmenu .gmenuInner > ul > li > a{line-height: 40px;}
#gmenu ul li .subMenu{position:static;width:auto;}
#gmenu ul li .subMenu li{float:none;margin:0;}
/*==========================================
コンテンツ
==========================================*/
.shd{margin-bottom:20px;}
.sectionTitle{width:300px;font-size:14px;}
.articleText .articleTitle a{font-size:14px;}
.articleText .articleBody a{font-size:14px;display:block;margin-bottom:5px;}
a.nextLink{display:block;margin:0 auto;  border-radius: 20px;padding:10px}
.articleArea.column_2{width:320px;float:none;margin-bottom:20px;}
.articleArea.column_2:last-child{float:none;}
.articleArea .articleCategory{width:45%;}
.bodySectionInner{width:320px;margin-bottom:20px;}
.articleTab ul li{width:36%;border-bottom: 40px solid #a8a8a8;}
.articleTab ul li.active{border-bottom: 40px solid #eaeaea;}
.articleTab ul li a{font-size:14px;letter-spacing:0;line-height:40px;}
.articleArea.column_1 .articleBlock{width:300px;padding:20px 10px;}
.share_btn li.print_btn{display:none;}
.share_btn li.date{margin-top:10px;}

/*==========================================
TOP
==========================================*/
#partnerReport .articleArea:after, #kibowReport .articleArea:after,
#partnerReport .articleArea:before, #kibowReport .articleArea:before,
#topNews .articleArea:nth-child(3):after,
#topNews .articleArea:nth-child(3):before{display:none;}
.articleArea.column_1 .articleBlock{width:auto;}
.articleArea.column_1 .articleBlock:nth-last-child(2){border-bottom: 2px dashed #eaeaea;}
.mainMessage iframe{width:100% !important;height:auto !important;}

/*==========================================
下層
==========================================*/
.kasoContent{width:320px;}
h2.pageTitle{font-size:18px;margin-top: 30px;margin-bottom: 45px;}
/*==========================================
KIBOWとは
==========================================*/
.kibowTxt.textTriangle p{font-size:16px;line-height:35px;}
.kasoContent .kibowVision .triangle_area{width:auto;margin-right: auto;margin-left: auto;position: relative;text-align: center;}
.kasoContent .kibowVision .triangle_area ul li {position: absolute;right: 0;font-size: 20px;color: #fff;border-radius: 50px;width: 105px;height: 105px;display: block;}
.kasoContent .kibowVision .triangle_area ul li.orange {top: 0px;left: 110px;}
.kasoContent .kibowVision .triangle_area ul li a {color: #fff;text-indent: 100%;white-space: nowrap;overflow: hidden;display:block;width:105px;height:105px;}
.kasoContent .kibowVision .triangle_box{width:auto;margin:0 auto;background:#EDEDED;padding-top: 10px;padding-bottom: 10px;line-height: 150%;font-size: 16px;margin-top:35px;position:relative;}
.kasoContent .kibowVision .triangle_box .image{position:absolute;width:90px;top:-65px;left:50%;margin-left:-45px;}
.kasoContent .kibowVision .triangle_box .textArea{width:auto;margin:auto 15px;padding-left:1em;text-indent:-1em;}

.kasoContent .kibowVision .triangle_area ul li a::before{content:"";background:none;width:0;height:0;}


/*==========================================
代表理事メッセージ
==========================================*/
.message_con {text-align: center;font-size: 13px;line-height: 1.4;}
.message_con .prof .image{width:120px;display:inline-block;}
.message_con .prof .roleName {font-size: 13px;line-height: 1.4;}
.message_con .text{width:auto;}
.message_con .text p{margin-bottom:2em;}
.message_con .text p br{display:none;}
.message_con .prof .image{height:auto;}
.member_con .memberList dl{width:100%;float:none;}
.member_con .memberList dt{width:100px;}
.member_con .memberList dd{width:190px;}
.member_con .memberList dd .profDetail{padding-left: 5px;width: 140px;}
.member_con .memberList dd .role{font-size:12px;line-height:1.4;}
.member_con .memberList dl:nth-of-type(2) .member_firstChild{display:none;}

.kasoContent .kibowVision .leftArea{width:auto;}
.visionTitle{font-size:20px;}
.kibowTxt p{font-size: 14px;margin-bottom:10px;}
.kibowAction dd{font-size: 14px;line-height: 24px;padding-left:145px;}
.kibowAction dd br{display:none;}

.kibowAction .kibowAction01{height:190px;}
.kibowAction01 dd{height:190px;}
.kibowAction .kibowAction02{height:320px;}
.kibowAction02 dd{height:330px;}
.kibowAction .kibowAction03{height:310px;}
.kibowAction .kibowAction03 dt{letter-spacing:-1px;}
.kibowAction03 dd{height:310px;}

.kibowTxt.name p{font-size:16px;font-weight:bold;margin-top:35px;}

.kibowMessage p{font-size: 18px;margin-top:60px;}
.kibowTxt{margin-bottom:20px;}
.kibowHistory .section{width:auto;}
.kibowHistory .kibowSectionTitle{font-size:15px;}
.kibowHistoryList li{font-size:13px;}

.kibowAccount .section{width:auto;}
.kibowAccountList li a{font-size:13px;}

.kasoContent .leftArea{width:auto;float:none;}
.kasoContent .rightArea{width:auto;float:none;padding-top:0;}
.articleBlock{/*padding-left:0;*/}
.news .articleBlock,
.donation .articleBlock,
#topPage .articleBlock{padding-left:122px;}
.kasoContent .kibowVision .rightArea{width:auto;}
.visionImg{text-align:center;}
.articleDateTxt{position:static;text-align:left;}
.report .reportBlock{float:none;width:auto;}
.support .reportBlock{float:none;width:auto;}

.reportBlock ul.reportAreaList .articleBlock{padding-left:122px;}
.reportMap{display:none;}
.reportBlock ul.reportAreaList .articlePhoto{width: 100px;height:75px;}

.member_con .kibowSectionTitle{width:auto;}
/*==========================================
partnerreport
==========================================*/
.civic_name{position:static;display:block;margin-bottom:0;margin-top:5px;}
.share_btn li{width:90px;}
.share_btn li.date{padding-left:0;margin-top:0;}

/*==========================================
sitemap 
==========================================*/

.sitemapList,
.sitemapList > li{display:block;width:auto;}
.sitemapList > li > ul{padding:0;}
/*==========================================
Contact
==========================================*/
.contactForm{width:100%;}

/*==========================================
KIBOW Friends
==========================================*/
.kibowfriendContentBody{width:auto;}
.kibowfriendContentBody .kibowfriendContentTitle h3{margin-bottom:5px;}
/*==========================================
linkkit 
==========================================*/
.linkkitContent{width:auto;}
.linkkitContent a{  word-break: break-all;}

/*==========================================
KIBOW investment
==========================================*/
.fundSec .tableType01 th, 
.fundSec .tableType01 td{display:block;}
.fundSec .tableType01 th{width:auto;}
.fundSec .tableType01 tr:last-child th{border-bottom:1px solid #a8a8a8;}
.fundSec .tableType01 td ul {padding-left:1em;}
.fundSec .tableType01 td.pl3em{padding-left:1em;}


.thinkSec .image{float:none;margin:0 auto;width:160px;height:170px;margin-bottom:1.3em;}
.thinkSec .textCon .titleGroup{font-size:14px;}
.thinkSec .textCon .titleGroup .mainTitle{font-size:18px;}
.thinkSec:nth-child(2n) .image{float:none;}
.thinkSec .textCon{width:auto;float:none;}
.thinkSec:nth-child(2n) .textCon{float:none;}

.teamSec li .image{margin:0 auto;width:140px;height:140px;margin-bottom:1.4em;float:none;}
.teamSec li .textCon{width:auto;float:none;}

.borrowersList > ul > li{width:auto;}
.borrowersList .detail{text-align:left;width:100%;float:none;}
.borrowersList .image{width:100%;float:none;height:,auto;}

/*================================
method
================================*/
.projectBlock ul li p.project_name {width:auto;}
.projectList li.rank{width:auto;vertical-align: middle;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;color: #FFF;background-color: #6eb971;font-size: 12px;margin-right: 10px;padding-top: 5px;padding-bottom: 5px;text-align: center;letter-spacing: 1px;display:block;}
.projectList li.project{display:inline;}
.projectList ul li p.project_name{display:inline;}

.projectList dl{background:url("/img/method_dl_bk.gif") #fff repeat-y 65px 0;}
.projectList dl dt{float:left;width:50px;text-align:center;padding:8px;padding-right:0;line-height:1.6em;}
.projectList dl dd{float:right;width:217px;padding:8px;line-height:1.6em;}
/*================================
donation
================================*/
.organization_list ul li{width: 320px;float: none;margin-right: 0px;}
.organization_list > ul > li:nth-last-child(2){border-bottom:1px solid #CCC;margin-bottom:10px;}
.organization_list ul li ul li span{vertical-align:top;}
.organization_list ul li ul li:nth-child(2) span{vertical-align:middle;}
.organization_list ul li ul li p.project_name{width:250px;line-height:22px;}

/* -2017年3月21日- */
.borrowersList .caption.style02{height: auto;line-height: 1.1em;padding: 10px 9px;-ms-border-radius: 45px;-o-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;-webkit-border-radius: 45px;width: 87%;margin: 0 auto;}
.borrowersList .caption.style02 a{position: relative;}
.borrowersList .caption.style02 a::before{position: absolute;top: 50%;margin: -5px 0 0 0;left: 0;}
/* -2017年3月31日- */
.borrowersList .image img{max-width: 120%;margin: -16px 0 0 -25px;max-width: 100%;margin: -26px 0 0 -25px;}
}