@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------
main
---------------------------------------- */
#msgList_box { margin-bottom: 100px; }
.innerBox { margin-top: 25px; }

/* msgList */
.msgList {}
.msgList li { display: flex; flex-wrap: wrap;padding: 50px 0px;border-top: 1px solid #ccc; }
.msgList li:first-child { border-top:none; padding-top: 25px; }
.msgList li div.contentsL { width: 20%; }
.msgList li div.contentsR { width: 75%;margin-left: 5%; }
.msgList li div .name {}
.msgList li div .katagaki {}
.msgList li div .naiteimsgtitle {}
.msgList li div .marginoff { margin-top: 30px;padding-left: 1em; }
.msgList li div .marginoff b { font-weight: bolder;font-size: 115%;display: block;padding: 0 0 5px;line-height: 1.4; margin-left: 0em;text-indent: -1em; }
.msgList li div .marginoff font + br { display: none; }

/* pagenavi */
#pagenavi { display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between; }
#pagenavi .pagecount { display: flex; flex-wrap: wrap;justify-content: center; }
#pagenavi .pagecount span,
#pagenavi .pagecount a { font-size: 200%;padding: 10px 15px;border-radius: 5px;border: 1px solid;margin: 0 10px;color: #6FBEEA; }
#pagenavi .pagecount span { border-color: #005AA8; background: #005AA8; color: #fff; }
#pagenavi .pageback,
#pagenavi .pagenext { display: flex;align-items: center;min-width: 150px; }
#pagenavi .pageback a,
#pagenavi .pagenext a { display: block;font-size: 200%;padding: 10px 0;text-align: center;width: 100%;color: #fff !important;background:#005AA8;}


@media (max-width: 980px) {

/**/
.msgList li { display: block; }
.msgList li > div { width: 100% !important; }
.msgList li > div.contentsL { display: flex; flex-wrap: wrap; }
.msgList li > div.contentsL .img { width: 40%; }
.msgList li > div.contentsL .nameOuter { padding-left: 5%; width: 55%; }
.msgList li > div.contentsR { margin: 0; }





}