@charset 'utf-8';

/* ====================================================== *
    Common Style
 * ====================================================== */

html {
  overflow: hidden;
  overflow-y: scroll;
  font-size: 62.5%;
}

body {
  color: #333333;
  text-align: center;
  letter-spacing:  0;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.75;
  background-color: #FFF9B1;
}

/* ------------------------------------------------------ */

input[type="checkbox"],
input[type="radio"] {
    vertical-align: -0.2em;
}

/* ------------------------------------------------------ */
/* clearfix */
.clear { zoom: 1; }

.clear:after {
  display: block;
  clear: both;
  content: "";
}

/* ------------------------------------------------------ */
/* anchor */
a {
  color: #006699;
  text-decoration: underline;
}

a:visited {
  color: #9235DB;
}

a:hover {
  color: #05A9DB;
  text-decoration: none;
}

.message-box {
  color: #8D3C27;
  background: #FFF3EF;
  border: 2px solid #E79181;
  padding: 10px;
  text-align: center;
}

.require {
  color: #EC6D56;
  font-weight: bold;
  margin: 0 0 0 5px;
}

.more-link {
  overflow: hidden;
  padding: 10px 0;
}

.more-link .bt-wrap {
  float: right;
  width: 67px;
  height: 18px;
  background-image: url(../img/common/bt-go-detail-on.png);
}

.more-link .bt {
  width: 67px;
  height: 18px;
  background-image: url(../img/common/bt-go-detail.png);
}

.modest-link a {
  text-decoration: none;
  color: #727171;
}

.modest-link a:hover {
  text-decoration: underline;
}

/* ------------------------------------------------------ */

.material-icons {
  display: inline-block;
  vertical-align: -20%;
  margin: 0 0 0 6px !important;
}

/* ------------------------------------------------------ */

.sns-counter {
  float: right;
  padding: 0 30px;
}

.sns-counter .btn {
  float: left;
}

.sns-counter .btn.twitter {
  width: 105px;
}

#site-sns-counter {
  position: absolute;
  right: -10px;
  bottom: 10px;
}

/* ------------------------------------------------------ */

.bt-wrap {
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
}

.bt {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.bt:hover {
  background-image: none !important;
}

.bt-pagetop {
  text-align: center;
}

.bt-pagetop .bt-wrap {
  width: 104px;
  height: 34px;
  margin: 30px auto;
  background-image: url(../img/common/bt-go-pagetop-on.png);
}

.bt-pagetop .bt {
  width: 104px;
  height: 34px;
  background-image: url(../img/common/bt-go-pagetop.png);
}

.bt-inquiry .bt-wrap {
  width: 142px;
  height: 25px;
  margin: 30px auto;
  background-image: url(../img/common/bt-inquiry-on.png);
}

.bt-inquiry .bt {
  width: 142px;
  height: 25px;
  background-image: url(../img/common/bt-inquiry.png);
}

/* ------------------------------------------------------ */
/* スライド */

.slider {
  position: relative;
  margin-bottom: 25px;
}

.slider .sls-view {
  position: relative;
  overflow: hidden;
}

.slider .sls-container {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.slider .sls-container .sls-content {
  display: block;
  position: relative;
  float: left;
}

.slider .sls-pagination {
    position: absolute;
    bottom: -19px;
    right: 0px;
}

.slider .sls-pagination a {
    float: left;
    width: 10px;
    height: 10px;
    overflow: hidden;
    margin: 0 0 0 5px;
    border: 3px solid #231815;
    border-radius: 8px;
    /*box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;*/
    background: #eee;
    text-indent: -9999px;
    vertical-align: middle;
}

.slider .sls-pagination a:hover {
    background: #ccc;
}

.slider .sls-pagination a.current {
/*    box-shadow: 1px 1px 2px rgba(  0,   0,  0, 0.5) inset,
                0   0   2px rgba(199, 153, 70, 0.5);*/
    background: #F6D600;
}

/* ------------------------------------------------------ */
/* Contact Form 7 */

span.wpcf7-not-valid-tip {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 100;
  width: 280px;
  padding: 2px 5px;
  color: #8D3C27;
  font-size: 11px;
  background: #FFF3EF;
  border: 2px solid #E79181;
}

div.wpcf7-validation-errors {
  color: #665618;
  border: 2px solid #F3DA1F;
  background-color: #FFFFE7;
}

div.wpcf7-mail-sent-ok {
  border: 2px solid #62A346;
  background-color: #F7FFF4;
  color: #227422;
}

/*--------------------------------------------------------*/
/* Page navigation */

.pagenavi_wrapper {
  display: table;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
}

.wp-pagenavi {
  padding: 0;
}

.wp-pagenavi a ,
.wp-pagenavi span {
  border: 1px solid #FFF9B1;
  color: #231815;
  display:block;
  float:left;
  font-weight: bold;
  margin: 0 2px;
  padding:1px 7px;
  text-decoration: none;
}

.wp-pagenavi a.nextpostslink {
  width: 23px;
  padding: 0;
  text-indent: -9999px;
  background: url(../img/common/icon-arrow-right-black.png) center center no-repeat;
}

.wp-pagenavi a.previouspostslink {
  width: 23px;
  padding: 0;
  text-indent: -9999px;
  background: url(../img/common/icon-arrow-left-black.png) center center no-repeat;
}

.wp-pagenavi .pages {
  background-color:transparent;
  border:none;
  color:#555;
  font-weight:normal;
}

.wp-pagenavi a:hover ,
.wp-pagenavi span.current:hover {
  border: 1px solid #231815;
  color: #231815;
}

.wp-pagenavi span.current {
  background-color: #E8BF15;
  border-color: #E8BF15;
  color: #231815;
  font-weight: bold;
}

/* ------------------------------------------------------ */

.prev-next-nav {
  clear: both;
  overflow: hidden;
  padding: 10px 10px 0;
  margin: -70px 40px 0;
  border-top: 4px solid #231815;
}

.prev-next-nav .prev {
  float: left;
}

.prev-next-nav .next {
  float: right;
}

/* ------------------------------------------------------ */

.debug {
  background-color: #FFF;
  text-align: left;
}

/* ====================================================== *
    Contents layout
 * ====================================================== */

#header,
#contents,
#footer {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 60px;
  width: 860px;/*980px*/
  text-align:left;
}

#header,
#contents {
  background-color: #FFF;
}

#header {
  height: 105px;
}

#footer {
  width: 890px;
  padding: 0 45px;
  background-color: #595757;
}

#header .inner-wrap,
#contents .inner-wrap,
#footer .inner-wrap {
  position: relative;
  overflow: hidden;
  width: 860px;
}

#header .inner-wrap {
  height: 100px;
}

/* ====================================================== *
    Header
 * ====================================================== */

#header * {
  margin: 0;
  padding: 0;
}

#header .site-name {
  position: absolute;
  top: 18px;
  left: 5px;
  margin: 0;
  padding: 0;
}

#header .site-name a {
  display: block;
  overflow: hidden;
  width: 127px;
  height: 40px;
  background: url(../img/common/site-logo-black.png);
  text-indent: 100%;
  white-space: nowrap;
}

#header .site-description {
  position: absolute;
  top: 17px;
  left: 152px;
  width: 440px;
  color: #727171;
}

/* ------------------------------------------------------ */

#gnav {
  position: absolute;
  top: 70px;
/*  left: 0;*//* 6コンテンツ時 */
/*  width: 860px;*//* 6コンテンツ時 */
  left: 49px;
  width: 762px;
  height: 24px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#gnav ul {
  width: 864px;
}

#gnav li ,
#gnav li a {
  display: block;
  width: 141px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
}

#gnav li {
  float: left;
/*  margin-right: 3px;*//* 6コンテンツ時 */
  margin-right: 13px;
}

#gnav li:last-child {
  float: left;
  margin-right: 0;
}

#gnav li a {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}

#gnav li a:hover {
  background: none;
}

/* ------------------------------------------------------ */

#gnav .home {
  background-image: url(../img/common/gnav-home-on.png);
}

#gnav .about {
  background-image: url(../img/common/gnav-about-on.png);
}

#gnav .torikumi {
  margin-right: 2px;
  background-image: url(../img/common/gnav-torikumi-on.png);
}

#gnav .topics {
  background-image: url(../img/common/gnav-topics-on.png);
}

#gnav .roudou-soudan {
  background-image: url(../img/common/gnav-roudou-soudan-on.png);
}

#gnav .documents {
  background-image: url(../img/common/gnav-documents-on.png);
}

/* ------------------------------------------------------ */

#gnav .home a {
  background-image: url(../img/common/gnav-home.png);
}

#gnav .about a {
  background-image: url(../img/common/gnav-about.png);
}

#gnav .torikumi a {
  margin-right: 2px;
  background-image: url(../img/common/gnav-torikumi.png);
}

#gnav .topics a {
  background-image: url(../img/common/gnav-topics.png);
}

#gnav .roudou-soudan a {
  background-image: url(../img/common/gnav-roudou-soudan.png);
}

#gnav .documents a {
  background-image: url(../img/common/gnav-documents.png);
}

/* ------------------------------------------------------ */

#header .search-form {
  position: absolute;
  top: 35px;
  right: 0;
}

#header .search-form .keyword {
  font-size: 12px;
  font-size: 1.2rem;
}

#header .search-form .keyword-input {
  color: #999;
  margin: 0;
  padding: 4px 0 4px 17px;
  text-indent: 0.4em;
  width: 166px;
  border: 2px solid #898989;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  background: url(../img/common/icon-mushimegane.png) 3px 2px no-repeat;
}

#header .search-form .submit {
  margin: 0;
  padding: 2px 9px;
  background-color: #818181;
  border: none;
  border-radius: 3px;
  color: #FFF;
  /*font-weight: bold;*/
}

#header .search-form .submit:hover {
  background-color: #AD9E4D;
}

/* ====================================================== *
    Contents
 * ====================================================== */

#cont-title {
  background-color: #231815;
  color: #EEE;
  text-align: center;
  font-size: 19px;
  margin-top: 0;
  padding: 11px;
}

#cont-main {
  float: left;
  width: 564px;/*670*/
  padding: 25px 50px;
  background-color: #FFF9B1;
  border: 3px solid #231815;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

#cont-main .wid-post {
  background-color: #FFF;
  margin: 0 0 20px 0;
  padding: 30px 20px 40px;
}

.single #cont-main .wid-post {
  padding-bottom: 75px;
}

#cont-main .wid-post .header ,
#cont-main .wid-post .list {
  overflow: hidden;
  margin-bottom: 15px;
}

#cont-main .wid-post .header * ,
#cont-main .wid-post .list * {
  margin: 0;
  padding: 0;
}

#cont-main .wid-post .header .date ,
#cont-main .wid-post .list .date {
  color: #727171;
  padding: 0 30px 0;
}

#cont-main .wid-post .header .title ,
#cont-main .wid-post .list .title {
  margin: 7px 0 10px;
  padding: 0 30px 15px;
  background: url(../img/common/border-hori-w2-dot-6-6.png) bottom left repeat-x;
}

#cont-main .wid-post .header .title a ,
#cont-main .wid-post .list .title a {
  color: #231815;
  text-decoration: none;
}

#cont-main .wid-post .header .title a:hover ,
#cont-main .wid-post .list .title a:hover {
  background-color: #F6D600;
}

#cont-main .wid-post .header .categories ,
#cont-main .wid-post .list .categories {
  float: right;
  font-size: 11px;
  font-size: 1.1rem;
  padding: 0 30px 0 14px;
  overflow: hidden;
  list-style: none;
  background: url(../img/common/icon-tag-s-gray.png) 0 0 no-repeat;
}

#cont-main .wid-post .header .categories li ,
#cont-main .wid-post .list .categories li {
  float: left;
}

#cont-main .wid-post .header .categories li:after ,
#cont-main .wid-post .list .categories li:after {
  content: "、";
}

#cont-main .wid-post .header .categories li:last-child:after ,
#cont-main .wid-post .list .categories li:last-child:after {
  content: "";
}

/* ------------------------------------------------------ */

#cont-main .new-topics > .title {
  color: #FFF;
  background-color: #231815;
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0;
  padding: 5px 10px 4px;
}

#cont-main .new-topics .wid-post-detail {
  margin-bottom: 0;
}

#cont-main .new-topics .wid-post-list {
  padding-top: 0;
  padding-bottom: 15px;
}

#cont-main .new-topics .wid-post-list .list-wrap {
  margin: 0;
  padding: 15px 0 0;
  border-top: 4px solid #231815;
  list-style: none;
}

#cont-main .wid-post .list {
  margin-bottom: 0;
}

#cont-main .wid-post .list .date {
  float: left;
  /*padding-left: 0;*/
  padding-right: 0;
}

#cont-main .wid-post .list .categories {
  float: left;
  /*padding-right: 0;*/
  margin-left: 20px;
}

#cont-main .wid-post .list .categories li:first-child:before {
  content: "[ ";
}

#cont-main .wid-post .list .categories li:last-child:after {
  content: " ]";
}

#cont-main .wid-post .list .title {
  clear: both;
  font-size: 16px;
  font-size: 1.6rem;
}

/* ------------------------------------------------------ */

#cont-main .wid-post .post-body {
  clear: both;
  margin: 0 30px 12px;
  /*padding: 0 30px;*/
  overflow: hidden;
}

/* ------------------------------------------------------ */

/**
 *  デザイン通りの画像レイアウトのための設定（保留）
 */
/*
#cont-main .wid-post .post-body > h1,
#cont-main .wid-post .post-body > h2,
#cont-main .wid-post .post-body > h3,
#cont-main .wid-post .post-body > h4,
#cont-main .wid-post .post-body > h5,
#cont-main .wid-post .post-body > h6,
#cont-main .wid-post .post-body > p,
#cont-main .wid-post .post-body > table,
#cont-main .wid-post .post-body > ul,
#cont-main .wid-post .post-body > ol,
#cont-main .wid-post .post-body > dl,
#cont-main .wid-post .post-body > blockquote {
  margin-left: 30px;
  margin-right: 30px;
}

#cont-main .wid-post .post-body > p > img {
  margin-left: -30px;
}
*/

#cont-main h1 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
}

#cont-main h2 {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.5;
}

#cont-main h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
}

#cont-main h4 {
  font-size: 13px;
  font-size: 1.3rem;
  border-left: 5px solid #333;
  padding: 0 0 0 7px;
  line-height: 1.5;
}

#cont-main h5 {
  font-size: 13px;
  font-size: 1.3rem;
  border-left: 5px solid #999;
  padding: 0 0 0 7px;
  line-height: 1.5;
}

#cont-main h6 {
  font-size: 13px;
  font-size: 1.3rem;
  border-left: 5px solid #DDD;
  padding: 0 0 0 7px;
  line-height: 1.5;
}

/* ------------------------------------------------------ */

#cont-main em {
  color: #DF2020;
  font-weight: bold;
}

#cont-main ins {
  border-bottom: none;
  text-decoration: underline;
  color: #333;;
}

#cont-main del {
  color: #333;
  text-decoration: line-through;
}

#cont-main dt {
  font-weight: bold;
  margin-left: 20px;
}

#cont-main dd {
  display: list-item;
  list-style-type: square;
  list-style-position: outside;
}

#cont-main blockquote {
  padding: 6px 15px;
  margin-left: 0;
  margin-right: 0;
  background-color: #EAF3F3;
}

/* ------------------------------------------------------ */

#cont-main .post-body hr {
  border: 0;
  border-bottom: 1px dotted #CCC;
  margin: 2em 0;
}

#cont-main .post-body .alignleft {
  text-align: left;
}

#cont-main .post-body .aligncenter {
  text-align: center;
}

#cont-main .post-body .alignright {
  text-align: right;
}

#cont-main .post-body div.alignleft ,
#cont-main .post-body img.alignleft {
  display: block;
  float: left;
  margin: 0 13px 10px 0;
}

#cont-main .post-body img.aligncenter {
  display: block;
  margin: 0 auto;
  padding-bottom: 0.5em;
}

#cont-main .post-body div.alignright ,
#cont-main .post-body img.alignright {
  display: block;
  float: right;
  margin: 0 0 10px 13px;
}

#cont-main .post-body .wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding: 7px 3px;
  margin: 13px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#cont-main .post-body .wp-caption img {
  margin: 0;
}

#cont-main .post-body .wp-caption-text {
  text-align: left;
  padding: 5px 5px 0;
}

#cont-main .post-body .extract-first-image {
  overflow: hidden;
  margin-bottom: 10px;
}

#cont-main .post-body .extract-first-image img {
  float: none;
  clear: both;
  margin: 0;
}

/*--------------------------------------------------------*/
/* Table formats */

/* Default */
#cont-main table {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  margin: 2em 0;
  font-size: 12px;
  font-size: 1.2rem;
}

#cont-main table th,
#cont-main table td {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 5px 10px;
}

#cont-main table th {
  font-weight: bold;
  white-space: nowrap;
  background-color: #F3F3F3;
}

#cont-main table caption {
  font-weight: bold;
  margin-top: 5px;
}

/* Style clear */
#cont-main table.none,
#cont-main table.none td,
#cont-main table.none th {
  border: none;
  background: none;
}

#cont-main table.none td,
#cont-main table.none th {
  padding: 0;
  margin: 0;
}

/* ------------------------------------------------------ */

#sidebar {
  position: relative;
  width: 180px;
  padding: 0 0 60px;
  float: right;
}

#sidebar * {
  margin: 0;
  padding: 0;
}

#sidebar *:first-child {
  margin-top: 0 !important;
}

#sidebar .wid {
  width: 174px;/*180*/
  margin: 10px 0;
  border: 3px solid #231815;
/*  border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;*/
  font-size: 12px;
  font-size: 1.2rem;
}

#sidebar .wid .wid-tit {
  color: #FFF;
  background-color: #231815;
  padding: 0 5px 2px 10px;
  font-size: 13px;
  font-size: 1.3rem;
}

#sidebar .wid-separate {
  margin-top: 15px;
  padding-top: 15px;
  background: url(../img/common/border-hori-w2-dot-6-6.png) top left repeat-x;
}

/* ------------------------------------------------------ */

#sidebar #cat-arch-nav .wid-tit {
  padding: 0 5px 2px 26px;
  background-image: url(../img/common/icon-tag-l-white.png);
  background-position: 5px 1px;
  background-repeat: no-repeat;
}

#sidebar #cat-arch-nav a {
  color: #231815;
  text-decoration: none;
}

#sidebar #cat-arch-nav a:hover {
  background-color: #F6D600;
}

#sidebar #cat-arch-nav ul {
  list-style: none;
  margin-left: 7px;
  line-height: 1.5;
}

#sidebar #cat-arch-nav ul li {
  margin: 0;
}

#sidebar #cat-arch-nav > ul {
  padding: 5px 7px 5px 0;
}

#sidebar #cat-arch-nav .list > li {
  padding: 0 0 5px 13px;
  background: url(../img/common/icon-circle-line-black.png) left 4px no-repeat;
}

#sidebar #cat-arch-nav .list > li li {
  padding-left: 13px;
  padding-bottom: 5px;
  background: url(../img/common/icon-subcat-conect.png) left -20px no-repeat;
}

#sidebar #cat-arch-nav .list > li li:first-child {
  padding-top: 2px;
  background-position: left -18px;
}

#sidebar #cat-arch-nav .list > li li:last-child {
  background: url(../img/common/icon-subcat-conect-end.png) left -19px no-repeat;
}

/* ------------------------------------------------------ */

#sidebar #monthly-arch-nav a {
  color: #231815;
  text-decoration: none;
}

#sidebar #monthly-arch-nav a:hover {
  background-color: #F6D600;
}

#sidebar #monthly-arch-nav ul {
  list-style: none;
  margin-left: 10px;
}

#sidebar #monthly-arch-nav ul ul {
  margin: -22px 0 0 55px;
}

#sidebar #monthly-arch-nav ul li {
  margin: 0;
}

#sidebar #monthly-arch-nav > ul {
  padding: 7px 7px 5px 0;
}

#sidebar #monthly-arch-nav .list > li {
  padding: 0 0 5px 13px;
  background: url(../img/common/icon-arrow-right-gray.png) left 4px no-repeat;
}

#sidebar #monthly-arch-nav .list > li:last-child {
  padding-bottom: 0;
}

#sidebar #monthly-arch-nav .list .list-child-wrap {
  display: none;
  opacity: 0;
}

/* ------------------------------------------------------ */

#sidebar .wid-banner {
  border: none;
  list-style: none;
}

#sidebar .wid-banner .bt-wrap,
#sidebar .wid-banner .bt {
  width: 180px;

}

#sidebar .wid-banner .bt-wrap {
  margin: 10px 0;
}

#sidebar .wid-banner .saitei-chingin {
  height: 180px;
  background-image: url(../img/common/bn-saitei-chingin-on.png);
}

#sidebar .wid-banner .saitei-chingin a {
  height: 180px;
  background-image: url(../img/common/bn-saitei-chingin.png);
}

#sidebar .wid-banner .roudou-soudan {
  height: 180px;
  background-image: url(../img/common/bn-roudou-soudan-on.png);
}

#sidebar .wid-banner .roudou-soudan a {
  height: 180px;
  background-image: url(../img/common/bn-roudou-soudan.png);
}

#sidebar .wid-banner .osaka-rouren-kyousai {
  height: 90px;
  background-image: url(../img/common/bn-osaka-rouren-kyousai-on.png);
}

#sidebar .wid-banner .osaka-rouren-kyousai a {
  height: 90px;
  background-image: url(../img/common/bn-osaka-rouren-kyousai.png);
}

#sidebar .wid-banner .jittaicyousa-kekka_2022 {
  height: 90px;
  background-image: url(../img/common/bn-jittaicyousa-kekka_2022-on.png);
}

#sidebar .wid-banner .jittaicyousa-kekka_2022 a {
  height: 90px;
  background-image: url(../img/common/bn-jittaicyousa-kekka_2022.png);
}

#sidebar .wid-banner .jittaicyousa-matome_2022 {
  height: 90px;
  background-image: url(../img/common/bn-jittaicyousa-matome_2022-on.png);
}

#sidebar .wid-banner .jittaicyousa-matome_2022 a {
  height: 90px;
  background-image: url(../img/common/bn-jittaicyousa-matome_2022.png);
}

#sidebar .wid-banner .hiseiki {
  height: 90px;
  background-image: url(../img/common/bn-hiseiki-on.png);
}

#sidebar .wid-banner .hiseiki a {
  height: 90px;
  background-image: url(../img/common/bn-hiseiki.png);
}

#sidebar .wid-banner .cont-links {
  height: 22px;
  background-image: url(../img/common/bt-cont-links-on.png);
}

#sidebar .wid-banner .cont-links a {
  height: 22px;
  background-image: url(../img/common/bt-cont-links.png);
}

#sidebar .wid-banner .osaka-kenpou-kaigi {
  height: 90px;
  background-image: url(../img/common/bn-osaka-kenpou-kaigi-on.png);
}

#sidebar .wid-banner .osaka-kenpou-kaigi a {
  height: 90px;
  background-image: url(../img/common/bn-osaka-kenpou-kaigi.png);
}

#sidebar .wid-banner .bn-zenroren {
  position: relative;
  height: 90px;
  background-image: url(../img/common/bn-zenroren.png);
}

#sidebar .wid-banner .bn-zenroren a {
  height: 90px;
  background-image: url(../img/common/bn-zenroren.png);
}

#sidebar .wid-banner .bn-zenroren::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 6px);
  height: calc(90px - 6px);
  margin: 3px;
  pointer-events: none;
}

#sidebar .wid-banner .bn-zenroren:hover::before {
  background-color: #f6d500;
  mix-blend-mode: multiply;
}

#sidebar .wid-banner .covid19_202109 {
  height: 90px;
  background-image: url(../img/common/bn-covid19_202109-on.png);
}

#sidebar .wid-banner .covid19_202109 a {
  height: 90px;
  background-image: url(../img/common/bn-covid19_202109.png);
}

/* ------------------------------------------------------ */

#sidebar .past-site {
  text-indent: -1em;
  padding: 0.5em 0 0 1.5em;
}

#sidebar .past-site a {
  color: #231815;
  text-decoration: none;
  font-weight: bold;
}

#sidebar .past-site a:hover {
  background-color: #F6D600;
}

/* ====================================================== *
    Footer
 * ====================================================== */

#footer a {
  color: #FFF;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer .inner-wrap {
  position: relative;
  height: 125px;
}

#footer-con-nav {
  margin: 10px 0 0;
  font-size: 12px;
  font-size: 1.2rem;
}

#footer-con-nav .wrap {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#footer-con-nav li {
  float: left;
  list-style: none;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  background: url(../img/common/footer-nav-sep-line.png) right center no-repeat;
}

#footer-con-nav li:last-child {
  background: none;
}

#footer .site-logo {
  position: absolute;
  top: 40px;
  left: 0;
}

#footer .site-logo a {
  display: block;
  overflow: hidden;
  width: 127px;
  height: 41px;
  background: url(../img/common/site-logo-white.png);
  text-indent: 100%;
  white-space: nowrap;
}

#footer-address {
  position: absolute;
  top: 38px;
  left: 146px;
  color: #FFF;
}

#footer-address .name {
  font-size: 17px;
  font-size: 1.7rem;
  margin-bottom: -5px;
}

#footer-address .address {
  font-size: 11px;
  font-size: 1.1rem;
}

#footer .copyright {
  position: absolute;
  bottom: 10px;
  left:0;
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 10px;
  font-size: 1.0rem;
}