@charset "UTF-8";

/* カラムの設定 */
article.w1000 {padding: 0 20px;}

@media screen and (max-width:699px){
article.w1000 {padding: 0 15px;}

}

/* 先頭に『▶』 */
.triangle {position: relative; padding: 0 0 0 18px; font-size: 15px; font-weight: 600;}
.triangle:before {
    content: '';
    position: absolute; top: 50%; left: 0; width: 0; height: 0; margin: -6px 0 0;
    border-style: solid; border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #e01221;
}

/* 箇条書き『■』 */
ul.square li {position: relative; padding: 0 0 0 16px;}
ul.square li:before {content: '■'; position: absolute; top: 0; left: 0;}

/* 箇条書き『・』 */
ul.dot li {position: relative; padding: 0 0 0 16px;}
ul.dot li:before {content: '・'; position: absolute; top: 0; left: 0;}


/* JMICとは */
/**============================================================================================**/
#jmic .dis-tbl_tab {width: 100%; margin: 0 0 10px; padding: 0 0 10px; border-bottom:dotted #999 2px;}
#jmic .dis-tblcl01 { width: 125px; padding: 0 20px 0 0;}
#jmic > p {line-height: 1.8em;}
#jmic a {color: #010101; text-decoration:underline;}
#jmic a:hover {color:#E47911;}

@media screen and (max-width:699px){
#jmic .dis-tbl_tab,
#jmic .dis-tblcl01,
#jmic .dis-tblcl02 {display: block;}

#jmic div.dis-tbl_tab:nth-child(2) { margin: 0 0 15px;}
#jmic .dis-tblcl02 {margin: 0 0 0 18px;}
}

/**============================================================================================**/

/* 事業目的 */
/**============================================================================================**/
#purpose li {margin: 0 0 5px;}
/**============================================================================================**/

/* 主な活動内容 */
/**============================================================================================**/
#activity > .dis-tbl_tab {width: 100%; margin: 0 0 10px; padding: 0 0 10px; border-bottom:dotted #999 2px;}
#activity > .dis-tbl_tab .dis-tblcl01 {width: 110px; padding: 0 20px 0 0;}

#activity li .dis-tbl_tab {width: 100%; margin: 0 0 5px;}
#activity li p {display:table-cell;}
#activity li p:first-child {width: 160px; padding: 0 10px 0 0;}

@media screen and (max-width:699px){
#activity .dis-tbl_tab,
#activity .dis-tblcl01,
#activity .dis-tblcl02,
#activity li p {display:block;}

#activity > .dis-tbl_tab .dis-tblcl02 {margin: 0 0 0 18px;}
#activity li .dis-tbl_tab {margin: 0 0 10px;}
}

/**============================================================================================**/

/* 役員名簿 */
/**============================================================================================**/
#members li {float: left; box-sizing: border-box; width: 20%; margin: 0 0 10px; padding: 0 5px; text-align: center;}
#members li .frame {box-sizing: border-box; border: solid #999 1px; padding: 15px 0 5px;}
#members li p {margin: 3px 0 0;}
#members li p span {
	display: inline-block; box-sizing: border-box; width: 70px; height: 22px;
	margin: 0 10px 0 0; padding: 0 5px; background: #d9d9d9;
}

@media screen and (max-width:999px){
#members li {width: 220px; margin: 0 0 20px; padding: 0 10px;}	
}
/**============================================================================================**/

/* 日本マリンインポーター協議会 会則 */
/**============================================================================================**/
#terms .dis-tbl_tab {width: 100%; margin: 0 0 20px;}
#terms .dis-tblcl01 {width: 200px; font-size: 16px; font-weight: 600;}

#terms .dis-tblcl02 ul {list-style: decimal; margin: 0; padding: 0 0 0 15px;}
#terms .dis-tblcl02 li {position: relative; padding: 0 0 0 10px; margin: 0 0 5px;}
#terms .dis-tblcl02 li:before {content: '）'; position:absolute; top: 0; left: -1px;}
#terms .dis-tblcl02 p {margin: 0 0 5px;}
#terms .dis-tblcl02 span {display: block; margin: 3px 0 0; padding: 0; text-indent: 15px;}

@media screen and (max-width:699px){
#terms .dis-tbl_tab,
#terms .dis-tblcl01,
#terms .dis-tblcl02 {display: block;}
#terms .dis-tbl_tab {margin: 0 0 30px;}
}

/**============================================================================================**/



/**============================================================================================**/

/* 事務局　削除予定
#contact br {display: none;}

#contact > p { margin: 0 0 20px; padding: 0 0 10px; border-bottom:dotted #999 2px;}
#contact a {color: #010101;}

#contact .dis-tbl_tab01 {width:100%; margin: 0 0 10px;}
#contact .dis-tbl_tab02 {width:35%; margin: 0 0 10px;}

#contact .dis-tbl_tab01 p,
#contact .dis-tbl_tab02 p {display:table-cell;}

#contact .dis-tbl_tab01 p:first-child,
#contact .dis-tbl_tab02 p:first-child {width: 85px;}

#contact .ta_r a:hover {opacity: 0.75;}

@media screen and (max-width:699px){
#contact br {display:block;}
#contact .dis-tbl_tab02 {width:100%;}
}
 */
/**============================================================================================**/