@charset "utf-8";

/**********************************************/
/*The 3rd International Climate Change Adaptation Platforms Meeting
/*participants.css*/
/**********************************************/



/*メッセージ*/
.memo {
      text-align: center;  
}
.memo span {
    font-weight: bold;
    padding:0 1em;
    background: linear-gradient(transparent 60%, #eef8ff 60%); 
    color:#0066ff;
}


/*Moreボタン*/
.more {
    text-align: right;
    margin: 10px auto;
}
.more a {
    background: url("../img/icon_link.png") no-repeat left center;
    background-size: 16px;
    padding: 1px 1px 1px 20px;
    color: #710a17;
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
    font-size: 110%;

}


/*
.participants-list div.item .more {
    position:absolute;
    bottom:0;
    width: auto;
}
*/


/*ユーザーリスト*/
.participants-list {

	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    
   
}

/*ユーザ*/
.participants-list div.item {
    
    width:31%;
    margin:1%;
    border:1px #ddd solid;
    padding:20px 20px 20px;
    background-color: #fff;
    

    /*
    position:relative;
    padding-bottom:40px;
    */
}


/*写真*/
.participants-list .photo {
    margin: 0 auto 20px;
    text-align: center;
}

.participants-list .photo img {
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
    cursor: pointer
}


/*詳細*/
.participants-list dl {
    margin: 0;
}
.participants-list dt {

}
.participants-list dd {
    margin: 0;
}
.participants-list dl span {
    margin-right:10px;
    font-weight: bold;
}










.country{}
.role {}
.bktext {}






/***********************/
/*　ポップアップ */
/************************/
.remodal {
    max-width: 1100px;
}

.messagebox {
    margin:30px auto 40px;
    border:1px #fff solid;
    padding: 20px 20px 20px 30px;
    margin-right:10px;
    background-color: #fff;
    background-color:rgba(255,255,255,0.5);
    overflow: hidden;
    color:#336699;

	box-shadow:0 0 5px #fff, 0 0 5px #ddd, 0 0 1px #ddd;
	-webkit-box-shadow:0 0 5px #fff, 0 0 5px #ddd, 0 0 1px #ddd;
	-moz-box-shadow:0 0 5px #fff, 0 0 5px #ddd, 0 0 1px #ddd;
}
.messagebox .photoin {
    float:right;
    margin:0 20px 20px 20px;
    text-align: center;
}
.messagebox .photoin img {
    width: 100%;
    max-width: 200px;
    margin-bottom:5px;
    display: block;
}
.messagebox dl {
    font-weight: 600;
    margin:0 auto 30px;
}
.messagebox dt {
  font-size: 24px;
  font-size:2.4rem;

}
.messagebox dd {
    margin: 0;
    font-size: 20px;
    font-size:2.2rem;
}

.messagebox dd span {
    font-weight:normal;
    font-size: 16px;
    font-size:1.6rem;
    display: block;
}


.messagebox p~p {
    margin-top: 20px;
}
.messagebox p b {
    font-size: 20px;
    font-size:2.2rem;
    display:block;
    margin-bottom: 0.5em;
}

.messagebox a {
    font-weight:normal;
    margin-left: 0.5em;
}




/****************************/
/*レスポンシブ
/****************************/
/*large*/
/*  980px 以下 */
@media screen and (max-width: 980px) {
}

/*small*/
/*  624px 以下 */
@media screen and (max-width: 624px) {

    .participants-list img.photo {
        margin-right: 15px;
    }
    .participants-list div.item {
        float:nonr;
        width:100%;
        margin:1% 0;
        padding:10px 10px;
    }
}


/*x-small*/
/*  520px 以下 */
@media screen and (max-width: 520px) {
}