@charset "UTF-8";
/* ------------------------------
　　ベース
------------------------------ */
body{
  background: #fafafa;
}
.site-name,.site-name a, .site-name a:active, .site-name a:focus, .site-name a:hover, .site-name a:visited {
    color: #0cb59b;
}
.navbar-side {
    font-size: 1.2em;
}
.navbar-side-list {
    background: #B50C26;
    border-radius: 0;
    padding:5px 10px;
}
@media (min-width: 768px){
.site-name {
    font-size: 2.4em;
}}

.acms-page-header{
    border-style: none;
}

@media (min-width:1024px){
  .header-nav{
    display:block;
    width:100%;
  }}
  @media (min-width: 1024px){
  .navbar>ul {
      float: left;
  }}
  .global-navi-area{
      background-color: #0cb59b;
  }

   @media (min-width: 1024px){
   .navbar>ul {
       float: left;
   }}
   .navbar>ul {
     width: 100%;
   }
   .navbar li{
     margin:0px;
     padding:5px 0px;
   }
   .navbar>ul>li {
     width: 16%;/* グローバルナビ8個の場合・10個の場合は9%*/
     margin-left: 0px;
   }

   .navbar>ul>li>a {
     margin: 0;
     padding: .5em 0;
     border-right: 1px solid #bbb;
     font-size:98%;
     color:#ffffff;
   }
   .navbar>ul>li:first-child a {
     border-left: 1px solid #bbb;
   }
   .navbar>ul>li>ul {
     margin-left: 0;
   }

   .navbar li.stay a{
     border-bottom:4px solid #ff9a00;
     color:#fff;
   }

   .navbar li:hover a{
     border-bottom:4px solid #ffffff;
       color:#fff;
   }
    .entry-column h3 {
      padding: 0.5em .75em;
      background-color: #fff;
      border-left: 6px solid #9ed800;
      font-size: 1.6em;

    }
    .module-header {
      position: relative;
      display: inline-block;
      margin: 1rem 0 1rem -10px;
      padding: 0.5rem 6rem 0.5rem 2rem;
      color: #fff;
      border-radius: 0 100vh 100vh 0;
      background: #0075a9;
      -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
      box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    }
    .main .module-heading{
      font-size:1.2em;
    }
    .module-heading{
      font-size: 0.9em;
    }

    .module-header:before {
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 0;
      height: 0;
      content: '';
      border-top: 10px solid #005276;
      border-left: 10px solid transparent;
    }
    a.module-index-link {
        position: absolute;
        right: 5px;
        bottom: 5px;
        color: #333;
        font-size: 16px;
    }

dl.qanda{
     line-height:1.8em;
     font-size: 1.4em;
     overflow: hidden;
     _zoom: 1;
    border-bottom :1px dotted #000;
}
dl.qanda dd,
dl.qanda dt{
     text-indent: -2.6em;
     padding: 0 10px 10px 50px;
}
dl.qanda dt{
     margin:10px 10px 0 0;
}
dl.qanda dt::before{
  content: "Ｑ.";
     font-size: 1.6em;
    color: #0F78E1;
     font-weight: bold;
     padding:5px;
     font-family: 'Nunito', sans-serif;
}
dl.qanda dd::before{
    content: "Ａ.";
    color: #ff6767;
  font-size: 1.6em;
  font-weight: bold;
  padding:5px;
  font-family: 'Nunito', sans-serif;
}
dl.qanda dd{
     margin: 10px 0 -1px 0;
     padding-bottom:15px;
}
@media screen and (min-width: 768px){
.entry-column td, .entry-column th {
background-color: #fff;
    border: 1px solid #dfdfdf;
}}

/*トップページスライド・タイトルのテキストの書式*/
.main-slider-main-copy,.main-slider-side-copy,p.page-title,h1.page-title,p.page-description{
  color: #f1f1f1;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);
             }

.acms-admin-panel-header {
background-color: #fff;
}
.acms-admin-panel-body {
background-color: #fff;
}
.acms-admin-panel-header, .acms-admin-panel-header a {
    color: #333;
}
ul.group-syllabary{
list-style: none;
padding-inline-start: 5px;
}
.group-syllabary-ank{
  float: left;
  width:50%;
}
@media screen and (min-width: 768px){
.group-syllabary-ank{
  width:16%;
}}
.group-syllabary-ank a:active,.group-syllabary-ank a:visited,
.group-syllabary-ank a:focus,.group-syllabary-ank a:hover,
.group-syllabary-ank a:link{
  color:#3c7cf1;
  border:1px solid #3c7cf1;
  margin:5px;
  padding:5px;
  display: block;
  font-size: 1em;
}

.foot-wrapper {
    padding: 30px 0;
    background: #0d7ab5;
}
/* ------------------------------
　　登録団体活動RSS
------------------------------ */
.rss-title{
  font-weight: bold;
  font-size: 1.2em;
  border-bottom:2px solid;
}
/* ------------------------------
　　イベント
------------------------------ */
.event-calendar{
  margin-bottom: 30px;
}
.event-calendar .acms-admin-table {
  border-top:0;
  border-bottom:0
}
.event-calendar .acms-admin-table th {
  border-right:1px solid #ccc;
  width:15%;
}
.event-calendar .holiday1 th,
.event-calendar .holiday1 td {
  background-color: #eef;
}

.event-calendar .holiday2 th,
.event-calendar .holiday2 td {
  background-color: #fee;
}

.event-calendar td {
  line-height: 1.4;

}

.event-calendar .eventday + .eventday {
  padding-top: 14px;
}

.event-calendar .mb30 {
  margin-bottom: 30px;
}
/* ------------------------------
　　ラベル
------------------------------ */
.acms-admin-label {
 margin-left:3px;
 margin-right:3px;
font-size: 16px;
}
/* ------------------------------
　　Feed_Exlist.html外部RSS
------------------------------ */
@media (min-width: 768px){
.acms-admin-dl-line dt {
    width: 150px;
    text-align: right;
}}
@media (min-width: 768px){
.acms-admin-dl-line dd {
    padding-left: 170px;
}}
.feed-title a:link,
.feed-title dd a:active,
.feed-title dd a:focus,
.feed-title dd a:visited,
.feed-title dd a:hover
{
font-weight: bold;
color: #333;
}
h4.feed-title{
margin: 0 10px 5px;
}
.acms-admin-dl-line dd a:link,
.acms-admin-dl-line dd a:active,
.acms-admin-dl-line dd a:focus,
.acms-admin-dl-line dd a:visited,
.acms-admin-dl-line dd a:hover
{
font-weight: bold;
}
.group-module-header{
  font-size: 1.8em;
  font-weight: bold;
  margin:0 0 10px 0;
}
.group-search-list{
  margin:10px 20px 30px 0px;
}

@media (min-width: 768px){
.acms-admin-table-admin-edit td, .acms-admin-table-admin-edit th {
  background-color: #fff;
      border: 1px solid #dfdfdf;
          padding:10px;
}}
table.acms-admin-table-admin-edit {
    border-collapse: collapse;
    border-spacing: 0px;
    margin-bottom:10px;

}
.acms-admin-table-admin-edit th {
    width: 200px;
    color: #424242;
    text-align: left;
    vertical-align: top;
}

@media screen and (min-width: 768px){
.serial-nav,.serial-nav a {
font-size: 1.2em;
}}
