@charset "UTF-8";

/******************************************************************************
 * Variables
 ******************************************************************************/

/******************************************************************************
 * Page styles
 ******************************************************************************/
/* index page */
.csr li span {
  display: inline-block;
}
.csr li a {
  margin-left: 1em;
  display: inline-block;
  color: #089271;
}
.csr li a:hover {
  text-decoration: underline;
}

/* article */
.main h1 {
  text-align: center;
  font-size: 2.4em;
  line-height: 200px;
}

.art-title {
		font-weight: bold;
		color: #089271;
		font-size: 125%;
  border-bottom: solid 1px #089271;

/* 
  border-left: solid 5px teal;
  background: #f4f4f4;
  border-bottom: solid 3px #d7d7d7;
 */
  padding: .5em;
  margin-bottom: 0;
}

.art-title a {
		font-weight: bold;
		color: #089271;
}
.art-date {
  text-align: right;
  margin-top: -1.8em;
  margin-bottom: 1em;
}
.art-images {
  margin-bottom: 2em;
  letter-spacing: -0.4em;
  box-sizing: border-box;
}
.art-images li {
  padding: .5em;
  text-align: center;
  letter-spacing: normal;
}
.art-images li img {
  width: 100%;
  display: block;
}
@media only screen and (min-width: 480px) {
  .art-images li {
    width: 50%;
    display: inline-block;
  }
}
@media only screen and (min-width: 640px) {
  .art-images li {
    width: 33.33%;
  }
}
.art-comment {
  font-size: 90%;
  margin-bottom: 2em;
  padding: .5em;
}

@media screen and (min-width: 768px) {
  .art-images {
    text-align: left;
  }
  .art-comment {
    font-size: 110%;
  }
}

/* download */
.download-list {
  padding: 1em;
  margin: 1em .5em 1em;
}
.download-list li {
  margin-bottom: .5em;
  padding-left: 40px;
  background-image: url(/common/img/icon_pdf.png);
  background-repeat: no-repeat;
  background-position: ００;
}
.download-list li a {
  text-decoration: underline;
}

/******************************************************************************
* common classes
******************************************************************************/
/* utility */
.btn-cnt {text-align: center;margin-bottom: 1em;}
.error {display: inline-block;padding: .2em;background-color: #ffbdbd;  color: #f00;border: 2px solid #f00;text-align: center;margin: 0 auto;}
.text-notice {color: #f66;text-align: right;}
.nodata {text-align: center; line-height: 100px;}

/* iframe responsive */
.iframe_wrapper {max-width: 620px;min-width: 280px;margin: 1em auto;padding: .5em;border: 1px solid #CCC;}
.iframe_wrapper .iframe {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.iframe_wrapper .iframe iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}

/* for googlemap API */
#map {width: 100%;min-height: 200px;}

/* pagination basic */
.pager {text-align: center;}
.pbtn {padding: .3em .6em; border-radius: 5px;}
.pbtn:link{ text-decoration: none; color: #089271;}
.pbtn:visited{ text-decoration: none; color: #089271;}
a.pbtn:hover{ text-decoration: underline; color: #000;}
.btn-prenex {background-color: #ddd;}
.btn-page { background-color: #c6c6c6;}
.btn-cur { background-color: #999; color: #fff; cursor:inherit}

/* year pagination */
.year-pagination {margin: 0 auto;text-align: center;padding: 0 0 .5em;}
.year-pagination > * {display: inline-block;}
.year-pagination > span {color: #999999;font-size: 110%;margin: 0 1em;padding: .2em .5em;}
.year-pagination > a {font-weight: bold;text-decoration: none;border-radius: 4px;margin: 0 1em;padding: .2em .5em;}
.year-pagination > a:hover {text-decoration: none;opacity: .8;}
.year-pagination > strong {color: #e28486;font-size: 180%;font-weight: bold;padding-bottom: .2em;}

/* button styles using bootstrap.css */
.btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.btn:focus {outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.btn:hover, .btn:focus {color: #333333 !important;text-decoration: none;}
.btn:active, .btn.active {outline: 0;background-image: none;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled, .btn[disabled] {cursor: not-allowed;pointer-events: none;opacity: 0.65;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;}

.btn-primary {color: white !important;background-color: #089271;border-color: #357ebd;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {color: white !important;  background-color: #089271;  border-color: #285e8e;}
.btn-primary:active, .btn-primary.active {background-image: none;}
.btn-primary.disabled {background-color: #428bca;border-color: #357ebd;}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active {background-color: #428bca;border-color: #357ebd;}
.btn-primary[disabled] {background-color: #428bca;border-color: #357ebd;}
.btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active {background-color: #428bca;border-color: #357ebd;}

.btn-warning {color: white !important;background-color: #f0ad4e;border-color: #eea236;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {color: white !important;background-color: #ed9c28;border-color: #d58512;}
.btn-warning:active, .btn-warning.active {background-image: none;}
.btn-warning.disabled {background-color: #f0ad4e;border-color: #eea236;}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active {background-color: #f0ad4e;border-color: #eea236;}
.btn-warning[disabled] {background-color: #f0ad4e;border-color: #eea236;}
.btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active {background-color: #f0ad4e;border-color: #eea236;}

.btn-danger {color: white;background-color: #d9534f;border-color: #d43f3a;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {color: white;background-color: #d2322d;border-color: #ac2925;}
.btn-danger:active, .btn-danger.active {background-image: none;}
.btn-danger.disabled {background-color: #d9534f;border-color: #d43f3a;}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active {background-color: #d9534f;border-color: #d43f3a;}
.btn-danger[disabled] {background-color: #d9534f;border-color: #d43f3a;}
.btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active {background-color: #d9534f;border-color: #d43f3a;}

.btn-success {color: white !important;background-color: #5cb85c;border-color: #4cae4c;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {color: white !important;background-color: #47a447;border-color: #398439;}
.btn-success:active, .btn-success.active {background-image: none;}
.btn-success.disabled {background-color: #5cb85c;border-color: #4cae4c;}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active {background-color: #5cb85c;border-color: #4cae4c;}
.btn-success[disabled] {background-color: #5cb85c;border-color: #4cae4c;}
.btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active {background-color: #5cb85c;border-color: #4cae4c;}

.btn-info {color: white !important;background-color: #5bc0de;border-color: #46b8da;}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {color: white !important;background-color: #39b3d7;border-color: #269abc;}
.btn-info:active, .btn-info.active {background-image: none;}
.btn-info.disabled {background-color: #5bc0de;border-color: #46b8da;}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active {background-color: #5bc0de;border-color: #46b8da;}
.btn-info[disabled] {background-color: #5bc0de;border-color: #46b8da;}
.btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active {background-color: #5bc0de;border-color: #46b8da;}

.btn-link {color: #428bca !important;font-weight: normal;cursor: pointer;border-radius: 0;background-color: transparent;-webkit-box-shadow: none;box-shadow: none;border-color: transparent;}
.btn-link:active, .btn-link[disabled] {background-color: transparent;-webkit-box-shadow: none;box-shadow: none;}
.btn-link:hover, .btn-link:focus, .btn-link:active {border-color: transparent;}
.btn-link:hover, .btn-link:focus {color: #2a6496 !important;text-decoration: underline;background-color: transparent;}
.btn-link[disabled]:hover, .btn-link[disabled]:focus {color: #999999 !important;text-decoration: none;}

/* badge style */
.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: .8em;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  min-width:60px
}
.badge::after, .badge::before {
  box-sizing: border-box;
}
.badge1 {
  color: #fff;
  background-color: #007bff;
}
.badge2 {
  color: #fff;
  background-color: #0b4b40;
}
.badge3 {
  color: #fff;
  background-color: #744b0d;
}

.csr {
  margin-bottom:3em;
}
.csr li {
  padding: .5em 0;
}