@charset "UTF-8";
/* news — 元: module/news/css/common.css */

/* ---- module/news/css/style.css ---- */
@media screen and (min-width: 741px), print {
  /* CSS Document */

  /* ============================
		common
 ============================ */

  .container {
    position: relative;
  }

  h2 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
  }

  h2 span {
    font-size: 26px;
    color: #5dbbc9;
    margin-right: 40px;
  }

  .gotoPage {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 14px;
    font-weight: bold;
  }
  .gotoPage a {
    color: #000;
  }
  .gotoPage a:after {
    content: ">";
    margin-left: 3px;
  }

  /* ============================
		newsTopics
 ============================ */

  .newsTopics {
    margin-bottom: 40px;
  }

  .single-news .newsTopics {
    margin-bottom: 0px;
  }

  .newsTopics .container {
  }

  .newsTopics .outer {
    background-color: #e8e8e8;
    padding: 10px 0;
  }

  .page-news .newsTopics li {
    margin: 6px 0;
  }

  .page-news .newsTopics li a {
    display: block;
    background-color: #fff;
    padding: 15px;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
  }

  .page-news .newsTopics li a:hover {
    opacity: 1;
  }

  .page-news .newsTopics li a:before,
  .page-news .newsTopics li a:after {
    content: "";
    display: table;
  }
  .page-news .newsTopics li a:after {
    clear: both;
  }

  .page-news .newsTopics li .date {
    display: block;
    float: left;
    width: 100px;
  }
  .page-news .newsTopics li .theme {
    display: block;
    float: left;
    width: 100px;
    padding: 5px;
    position: relative;
    top: -6px;
    margin-right: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
  }

  .page-news .newsTopics li .name {
    display: block;
    float: left;
    width: 840px;
    font-size: 18px;
  }

  .page-news .newsTopics li .bodyExcerpt {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2em;
    padding-top: 5px;
    padding-bottom: 8px;
  }

  .page-news .newsTopics li .bodyExcerpt .ellipsis {
    display: block;
    width: 840px;
    overflow: hidden;
    height: 34px;
  }

  .single-news .wrap {
    background-color: #fff;
    padding: 20px;
    margin: 25px 0;
  }

  .single-news .date {
    display: block;
    float: left;
    width: 100px;
    font-size: 14px;
    font-weight: bold;
  }

  .single-news .theme {
    float: left;
    display: block;
    float: left;
    width: 100px;
    padding: 5px;
    position: relative;
    top: -6px;
    margin-right: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
  }

  .single-news h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 50px 60px;
  }

  .single-news .descript {
    margin: 0 60px 60px 60px;
  }

  .single-news .blogBody {
    margin: 0 60px 30px 60px;
  }

  .single-news .blogBody p {
    padding-bottom: 10px;
  }

  .blogBody img {
    max-width: 940px;
  }

  /* 全て */
  .theme.all {
    background-color: #5dbbc9;
  }
  /* 構造工学領域 */
  .theme.structural {
    background-color: #dc8b00;
  }
  /* 社会基盤設計学領域 */
  .theme.socialDesign {
    background-color: #00859c;
  }
  /* 地盤工学領域 */
  .theme.geotechnical {
    background-color: #755627;
  }
  /* 信頼性設計学領域 */
  .theme.reliability {
    background-color: #c85c80;
  }
  /* 交通・地域計画学領域 */
  .theme.traffic {
    background-color: #00804c;
  }
  /* 国土開発保全工学領域 */
  .theme.domestic {
    background-color: #2e5ec6;
  }
  /* 社会基盤マネジメント学領域 */
  .theme.socialManagement {
    background-color: #92be2e;
  }
  /* みず工学領域 */
  .theme.water {
    background-color: #009fdc;
  }
  /* 応用大気科学領域 */
  .theme.atmospheric {
    background-color: #00c1f2;
  }

  /* ============================
	wp-single
============================ */

  /*
img.alignleft {
	text-align: left;
}

img.aligncenter {
	display: block;
	margin: 1px auto;
}

img.alignright {
	display: block;
	margin: 1px 1px 1px auto;
}
*/

  .aligncenter {
    display: block;
    margin: 0 auto;
  }
  .alignright {
    float: right;
  }
  .alignleft {
    float: left;
  }

  .alignrigh:after,
  .alignleft:after {
    content: "";
    display: table;
    clear: both;
  }

  .size-thumbnail {
    width: 320px;
  }
  .size-medium {
    width: 480px;
  }
  .size-large {
    width: 940px;
  }
  .size-ful {
  }

  .blogPageNavi:before,
  .blogPageNavi:after {
    content: "";
    display: table;
  }
  .blogPageNavi:after {
    clear: both;
  }
  .blogPageNavi {
    *zoom: 1;
    padding: 20px 0 80px 0;
  }

  .blogPageNavi .blogPageNaviNext {
    float: left;
  }

  .blogPageNavi .blogPageNaviPre {
    float: right;
  }

  .blogPageNavi .blogPageNaviNext a,
  .blogPageNavi .blogPageNaviPre a {
    font-size: 14px;
    font-weight: bold;
    color: #000;
  }

  .blogPageNavi .blogPageNaviNext a:before {
    content: "＜";
  }
  .blogPageNavi .blogPageNaviPre a:after {
    content: "＞";
  }

  /* ============================
	wp-pagenavi
============================ */

  .wp-pagenavi {
    text-align: center;
    margin-bottom: 60px;
  }

  .wp-pagenavi .pages {
    display: inline-block;
    background-color: #e8e8e8;
    height: 38px;
    text-align: center;
    line-height: 38px;
    padding: 0 10px;
    margin: 5px;
  }

  .wp-pagenavi .current {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: #6a6a6a;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    padding: 0;
    margin: 5px;
  }

  .wp-pagenavi .page {
    display: inline-block;
    font-size: 14px;
    color: #000;
    background-color: #e8e8e8;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    padding: 0;
    margin: 5px;
  }

  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    display: inline-block;
    font-size: 14px;
    color: #000;
    background-color: #e8e8e8;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    padding: 0;
    margin: 5px;
  }
}

/* ---- module/news/css/smart.css ---- */
@media screen and (max-width: 740px) {
  /* CSS Document */

  /* ============================
		common
 ============================ */

  article {
    padding-top: 60px;
  }

  .container {
    position: relative;
  }

  h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
  }

  h2 span {
    font-size: 22px;
    color: #5dbbc9;
    margin-right: 10px;
    margin-bottom: 3px;
  }

  .newsTopics h2 span {
    display: block;
  }

  .gotoPage {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 12px;
    font-weight: bold;
  }
  .gotoPage a {
    color: #000;
  }
  .gotoPage a:after {
    content: ">";
    margin-left: 3px;
  }

  /* ============================
		mainVisual
 ============================ */

  .smartVisual img {
    width: 100%;
    height: auto;
  }

  .smartVisual {
    background-color: #5dbbc9;
  }

  /* ============================
		mainMessage
 ============================ */

  .mainMessage {
    padding-bottom: 30px;
  }

  .mainMessage p {
    font-size: 14px;
    color: #5dbbc9;
    line-height: 1.5em;
    text-align: center;
    padding: 15px 10px;
  }

  /* ============================
		newsTopics
 ============================ */

  .newsTopics {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
  }

  .newsTopics .container {
  }

  .newsTopics .outer {
    background-color: #e8e8e8;
    padding: 10px;
  }

  .newsTopics li {
    margin: 10px 0;
  }

  .newsTopics li a {
    display: block;
    background-color: #fff;
    padding: 10px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #000;
  }

  .newsTopics li a:hover {
    opacity: 1;
  }

  .newsTopics li a:before,
  .newsTopics li a:after {
    content: "";
    display: table;
  }
  .newsTopics li a:after {
    clear: both;
  }

  .newsTopics li .date {
    display: block;
    float: left;
    font-size: 13px;
    width: 90px;
  }

  .newsTopics li .theme {
    float: left;
    padding: 2px 5px;
    width: 90px;
    margin-right: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #000;
    position: relative;
    top: -2px;
    font-size: 12px;
  }

  .newsTopics li .name {
    clear: both;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0;
    line-height: 1em;
  }

  .newsTopics li .name .bodyExcerpt {
    display: block;
    font-size: 12px;
    font-weight: normal;
    padding-top: 8px;
  }

  .single-news .wrap {
    background-color: #fff;
    padding: 10px;
    margin: 10px 0;
  }

  .single-news .date {
    display: block;
    float: left;
    font-size: 13px;
    width: 90px;
  }

  .single-news .theme {
    float: left;
    padding: 2px 5px;
    width: 90px;
    margin-right: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #000;
    position: relative;
    top: -2px;
    font-size: 12px;
  }

  .single-news h1 {
    clear: both;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0;
    line-height: 1em;
  }

  .single-news .descript {
    margin: 10px 0;
  }

  .single-news .blogBody {
    margin: 0;
  }

  .blogBody img {
    max-width: 300px;
    width: 100%;
    height: auto;
  }

  .blogBody p {
    font-size: 14px;
    padding-bottom: 10px;
  }

  /* 全て */
  .newsTopics .theme.all {
    background-color: #5dbbc9;
  }
  /* 構造工学領域 */
  .newsTopics .theme.structural {
    background-color: #dc8b00;
  }
  /* 社会基盤設計学領域 */
  .newsTopics .theme.socialDesign {
    background-color: #00859c;
  }
  /* 地盤工学領域 */
  .newsTopics .theme.geotechnical {
    background-color: #755627;
  }
  /* 信頼性設計学領域 */
  .newsTopics .theme.reliability {
    background-color: #c85c80;
  }
  /* 交通・地域計画学領域 */
  .newsTopics .theme.traffic {
    background-color: #00804c;
  }
  /* 国土開発保全工学領域 */
  .newsTopics .theme.domestic {
    background-color: #2e5ec6;
  }
  /* 社会基盤マネジメント学領域 */
  .newsTopics .theme.socialManagement {
    background-color: #92be2e;
  }
  /* みず工学領域 */
  .newsTopics .theme.water {
    background-color: #009fdc;
  }
  /* 応用大気科学領域 */
  .newsTopics .theme.atmospheric {
    background-color: #00c1f2;
  }

  /* ============================
		laboratory
 ============================ */

  .laboratory {
    position: relative;
    margin-bottom: 30px;
  }

  .laboratory li {
    float: left;
  }

  .laboratory li a {
    display: block;
    width: 150px;
    height: 105px;
    padding: 5px;
    font-size: 14px;
    color: #fff;
    line-height: 1.2em;
    background-repeat: no-repeat;
    background-size: 160px;
  }

  /* 構造工学領域 */
  .laboratory li .structural {
  }
  /* 社会基盤設計学領域 */
  .laboratory li .socialDesign {
  }
  /* 地盤工学領域 */
  .laboratory li .geotechnical {
  }
  /* 信頼性設計学領域 */
  .laboratory li .reliability {
  }
  /* 交通・地域計画学領域 */
  .laboratory li .traffic {
  }
  /* 国土開発保全工学領域 */
  .laboratory li .domestic {
  }
  /* 社会基盤マネジメント学領域 */
  .laboratory li .socialManagement {
  }
  /* みず工学領域 */
  .laboratory li .water {
  }
  /* 応用大気科学領域 */
  .laboratory li .atmospheric {
  }

  /* ============================
		studyDays
 ============================ */

  .studyDays {
    margin-bottom: 30px;
  }

  .studyDays li {
    float: left;
  }

  .studyDays li a {
    display: block;
    width: 160px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: 160px 160px;
    position: relative;
  }

  .studyDays li .course {
    display: block;
    width: 155px;
    padding: 5px 5px;
    padding-right: 0;
    font-size: 11px;
    line-height: 1.2em;
    color: #fff;
    position: absolute;
    bottom: 0;
  }

  .studyDays li .course .name {
    font-size: 10px;
    margin-left: 12px;
  }

  .studyDays .study01 {
  }
  .studyDays .study02 {
  }
  .studyDays .study03 {
  }
  .studyDays .study04 {
  }
  .studyDays .study05 {
  }
  .studyDays .study06 {
  }
  .studyDays .study07 {
  }
  .studyDays .study08 {
  }
  .studyDays .study09 {
  }
  .studyDays .study10 {
  }

  /* 構造工学領域 */
  .studyDays li .structural {
    background-color: rgba(220, 139, 0, 0.8);
    /*	background-color:#dc8b00;*/
  }
  /* 社会基盤設計学領域 */
  .studyDays li .socialDesign {
    background-color: rgba(0, 133, 156, 0.8);
    /*	background-color:#00859c;*/
  }
  /* 地盤工学領域 */
  .studyDays li .geotechnical {
    /*	background-color:#755627;*/
    background-color: rgba(117, 86, 39, 0.8);
  }
  /* 信頼性設計学領域 */
  .studyDays li .reliability {
    /*	background-color:#c85c80;*/
    background-color: rgba(200, 92, 128, 0.8);
  }
  /* 交通・地域計画学領域 */
  .studyDays li .traffic {
    /*	background-color:#00804c;*/
    background-color: rgba(0, 128, 76, 0.8);
  }
  /* 国土開発保全工学領域 */
  .studyDays li .domestic {
    /*	background-color:#2e5ec6;*/
    background-color: rgba(46, 94, 198, 0.8);
  }
  /* 社会基盤マネジメント学領域 */
  .studyDays li .socialManagement {
    background-color: rgba(146, 94, 198, 0.8);
    /*	background-color:#92be2e;*/
  }
  /* みず工学領域 */
  .studyDays li .water {
    background-color: rgba(0, 159, 220, 0.8);
    /*	background-color:#009fdc;*/
  }
  /* 応用大気科学領域 */
  .studyDays li .atmospheric {
    background-color: rgba(0, 193, 242, 0.8);
    /*	background-color:#00c1f2;*/
  }

  /* ============================
	wp-single
============================ */

  /*
img.alignleft {
	text-align: left;
}

img.aligncenter {
	display: block;
	margin: 1px auto;
}

img.alignright {
	display: block;
	margin: 1px 1px 1px auto;
}
*/

  .aligncenter {
    display: block;
    margin: 0 auto;
  }

  /*
.alignright { float: right; }
.alignleft { float: left; }

.alignrigh:after ,
.alignleft:after {
	content:"";
	display: table;
	clear:both;
}
*/

  .size-thumbnail {
    max-width: 300px;
  }
  .size-medium {
    max-width: 300px;
  }
  .size-large {
    max-width: 300px;
  }
  .size-ful {
  }

  .blogPageNavi:before,
  .blogPageNavi:after {
    content: "";
    display: table;
  }
  .blogPageNavi:after {
    clear: both;
  }
  .blogPageNavi {
    *zoom: 1;
    padding: 20px 0 80px 0;
  }

  .blogPageNavi .blogPageNaviNext {
    float: left;
  }

  .blogPageNavi .blogPageNaviPre {
    float: right;
  }

  .blogPageNavi .blogPageNaviNext a,
  .blogPageNavi .blogPageNaviPre a {
    font-size: 14px;
    font-weight: bold;
    color: #000;
  }

  .blogPageNavi .blogPageNaviNext a:before {
    content: "＜";
  }
  .blogPageNavi .blogPageNaviPre a:after {
    content: "＞";
  }

  /* ============================
	wp-pagenavi
============================ */

  .wp-pagenavi {
    text-align: center;
    margin-bottom: 60px;
  }

  .wp-pagenavi .pages {
    display: inline-block;
    background-color: #e8e8e8;
    height: 38px;
    text-align: center;
    line-height: 38px;
    padding: 0 10px;
    margin: 5px;
  }

  .wp-pagenavi .current {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: #6a6a6a;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    padding: 0;
    margin: 5px;
  }

  .wp-pagenavi .page {
    display: inline-block;
    font-size: 14px;
    color: #000;
    background-color: #e8e8e8;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    padding: 0;
    margin: 5px;
  }

  .wp-pagenavi .nextpostslink {
    display: inline-block;
    font-size: 14px;
    color: #000;
    background-color: #e8e8e8;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    padding: 0;
    margin: 5px;
  }
}