@charset "utf-8";
/* ------------------------------
　　ベース
------------------------------ */
body{
  font-family: "Roboto Condensed", Segoe UI, Roboto, Helvetica Neue, Arial, YuGothic, Yu Gothic, "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
}
  
}
/* リンクの設定 */
a {
  border: none;
  color: #006DD9;/* 鮮やかな青 */
  text-decoration: none;
}
a:visited {
  color: #006DD9;/* 鮮やかな青 */
  text-decoration: none;
}
a:active {
  color: #006DD9;/* 鮮やかな青 */
  text-decoration: none;
}
a:active {
  color: #006DD9;/* 鮮やかな青 */
  text-decoration: underline;
}
@media (max-width: 1023px){
.offcanvas-nav a,.offcanvas-nav a:visited {

    color: #ffffff;
}}
/* ヘッダーのリンクボタンカラー */
.acms-admin-label-success {
  color: #fff;
    background-color: #705822;/* テーマカラーの捕色 */
}
.acms-admin-label-success a:link,
.acms-admin-label-success a:visited,
.acms-admin-label-success a:a:hover,
.acms-admin-label-success a:a:active{
  color: #fff;
}
/* ------------------------------
　　header
------------------------------ */
.header-logo {
    padding: 0px 0 0;
}
@media (min-width: 1024px){
.header-logo {
    width: 60%;
}}
 @media screen and (min-width: 768px) and (max-width: 1024px) {
  .header-logo{
    display: block;
    width:100%;
  }}

 .header-nav{
  display: table-cell;
  width:100%;
 } 
@media (min-width: 1024px){
.header-nav {
    width: 40%;
}}
 @media screen and (min-width: 768px) and (max-width: 1024px) {
  .header-nav{
    display: block;
    width:100%;
  }}

a,a:visited,a:active,a:hover{
  border: none;
  text-decoration: none;
}
.site-name-text{
  color:#262626;/＊ほぼ黒＊/
}
@media (min-width: 767px){
  .site-name-text{
    font-size: 1.5em;
  }}
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .site-name-text{
      font-size: 2em;
    }}

@media (min-width: 768px){
.site-logo {
    width: 100px;
}}
@media screen and (max-width: 480px){
  .site-logo {
      width: 48px;
  }}
.originalHeader{
  background-color: #223a70;/＊テーマカラー＊/
  color:#ffffff;
  font-weight: bold;
  padding:5px 0px;
}
@media (max-width: 767px){
 .originalHeader{
  margin-top:50px;
 }}
 .originalHeaderText{
  color: #ffffff;
  margin-block-start: 0em;
    margin-block-end: 0em;
 }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
   .originalHeader{
 margin-top:50px;
   }}
.headerTel{
  font-size: 1.8em;
  font-weight: bold;
  color:#007991;/*明るい水色*/
}
.headCompany a,.headCompany a:visited,.headCompany a:active,.headCompany a:hover{
  text-decoration: none;
  color:#2938cc;/*明るい青紫*/
}
.originalBtn{
margin-top:10px;
  margin-bottom:10px;

  }
}
.headerContact{
  margin-bottom:5px;
}
@media (max-width: 480px) {
.headCompany.headerContact{
margin-bottom:10px;
  }}

.headerContact{
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom:10px;
}
.headerContact a,.headerContact a:visited,.headerContact a:active,.headerContact a:hover{
  color:#ffffff;
}
.headerAddress{
  font-weight: bold;
  font-size: 1.2em;
  color:#333;/*ダークグレイ*/
}
/*768px〜1024pxの間にパディングトップを適用（タブレットの幅）*/
@media (min-width: 768px) and (max-width: 1024px) {
　.headCompany{
background-color: #dfefff;/*淡い青*/
　}
}


/* グローバルナビ*/
@media (min-width: 1024px) {
  .original-nav {
     display: block;
     width: 100%;
     margin: 10px auto 0;
     padding: 0 0 0px;
     border-top-style: solid;
     border-top-color: #223a70;/*テーマカラー*/
     border-top-width: 2px;
    }
  .navbar>ul {
       width: 100%;
     }
 /* グローバルナビ9個の場合・10個の場合は9%*/
.navbar>ul>li {
  width:13%;
  margin-left: 0px;

       }

.navbar>ul>li>a {
margin: 0;
padding: .5em .2em;
border-right: 0px solid #cccccc;/*ライトグレー*/
font-size:;
}
 .navbar>ul>li:first-child a {
   border-left: 0px solid #cccccc;/*ライトグレー*/
  }
  .navbar>ul>li>ul {
  margin-left: 0;
}
.navbar li.stay a{
  border-bottom-style: none;
  background-color: #223a70;/*テーマカラー*/
  color:#ffffff;
}
.navbar li:hover a{
  border-bottom-style: none;
  background-color: #0E1830;/*テーマカラーより暗い色*/
  color:#ffffff;
}

/*  グローバルナビの子ナビ背景*/
.navbar li li{
  border-top: 1px solid #ffffff;
}
 li li a{
background-color:#f3f3f3;/*ほぼ白*/
}

  .navbar li li a:hover{
  background-color:#f3f3f3;/*ほぼ白*/
  color:#262626;/*ほぼ黒*/
  }}
/* スマホ表示ヘッダー*/
.site-header {
    border-top: 4px solid #223a70;/*テーマカラー*/
    border-bottom: 1px solid #223a70;/*テーマカラー*/
}
.nav-menu-btn-text {
    color: #223a70;/*テーマカラー*/
    font-size: 16px;
}

/*  slide*/
.main-slider-main-copy,.main-slider-side-copy,p.page-title,h1.page-title,p.page-description{
    text-shadow: 2px  2px 2px black,
              2px  2px 2px black,
               2px  2px 2px black,
              2px  2px 2px black;
}
.main-slider-main-copy {
    font-size: 26px;
}
@media screen and (min-width: 768px){
.main-slider-main-copy {
    font-size: 50px;
}}
.main-slider-side-copy {
    font-size: 16px;
}
@media screen and (min-width: 768px){
.main-slider-side-copy {
    font-size: 30px;
}}
/* footer.html*/
.footer-nav-list{
  font-size: 16px;
}

@media screen and (max-width: 767px) {
.footer-nav-list {
    font-size: 20px;
}
.footer-nav-list li{
border-bottom:1px dashed #fff;
}}
.footer-nav-list, .footer-nav-list a:link,.footer-nav-list a:visited,.footer-nav-list a:hover,.footer-nav-list a:focus{
    color: #fff;
}
.footer-nav-list a:hover{
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .footer-nav {
    display: block;
  }}
  @media screen and (max-width: 767px) {
  .footer-nav-item {
    width: 100%;
}}
@media (min-width: 768px) and (max-width: 1024px){
  .footer-nav-item {
    width: 50%;
}}

.foot-wrapper{
  background:#0E1830;/*テーマカラーの最も暗い色*/
}
.suggest-box {
    background:#DFE2EA;/*テーマカラーで最も明るい（薄い）色*/
}
ul.footerLink{
list-style-type: none;
}
.footerLink li{
  float: left;
  margin-left:15px;
  margin-bottom:5px;
}
.footerLink li,.footerLink li a,.footerLink li a:visited,.footerLink li a:active{
color:#ffffff;
}
.footerLink li a:hover{
  color:#ffffff;
  text-decoration: underline;
}
/* カテゴリ別タイトルスライド*/
.page-title-filter {
    background: rgba(0, 0, 0, 0);
}
/*  見出し*/
.acms-page-header{
  border-bottom: 4px solid #b3ad3d;/*基本的に固定くすんだ黄*/
}
h1.entry-title{
  margin-bottom:0px;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
h2.module-heading{
border-left-style: solid;
border-left-width :15px;
padding-left: 3px;
border-left-color: #223a70;/*テーマカラー*/
font-size: 1.8em;
  }
  @media (max-width: 480px) {
  h2.module-heading{
    font-size: 1.5em;
  }
  }
  .module-header{
    border-bottom-style: none;
  }



.entry-column h3 {
  position: relative;
  padding-bottom: .5em;
  background-color: #fff;
  font-size: 1.5em;
}
.entry-column h3::before,
.entry-column h3::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 4px;
}
.entry-column h3::before {
  z-index: 2;
  width: 15%;
  background-color: #223a70;/*テーマカラー*/
}
.entry-column h3::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}



h4{
  font-size: 1.5em;
  font-weight: bolder;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

/* ユニット　テーブルの線*/
.entry-column table th,.entry-column table td{
    border-style: solid;
    border-width: 1px;
    border-color: #e3e3e3;/*ライトグレー*/
  }
  .entry-container table th{
    font-weight: normal;
  }


/* 会長テーマタイトル（未使用）*/
p.bothTheme{
  font-size: 1.6em;
  color:#010167;
  font-weight: bolder;
}
@media (min-width: 768px){
p.bothTheme{
  font-size: 2.6em;
}}
p.bothThemeSub{
  font-size: 1.4em;
  color:#010167;
  font-weight: bolder;
}
@media (min-width: 768px){
p.bothThemeSub{
  font-size: 2em;
}}

.summary-default-item {
    border-right: 2px solid #cbb765;/*穏やかな橙*/
    border-bottom: 2px solid #cbb765;/*穏やかな橙*/
  }
  .summary-default {
    border-left: 2px solid #cbb765;/*穏やかな橙*/
    border-top: 2px solid #cbb765;/*穏やかな橙*/
}
.event60:before,.event60:after{
  content:"";
  display:table;
}
.event60:after{
  clear:both;
}
.event60{
 background-image: url("../images/event60.png");
  background-repeat: repeat;
  padding:5px;
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
.event60{
  padding:5px 20px;
}
}
.event60 p.eventName{
  color:#cbb765;/*穏やかな橙*/
  font-weight: bolder;
  font-size: 1.4em;
  margin-bottom:0px;
  padding-bottom: 0px;
}

.event60 h2{
  color:#cbb765;/*穏やかな橙*/
  font-weight: bolder;
  font-size: 2em;
  margin-top:0px;
  margin-bottom:0px;
}
@media screen and (max-width: 480px){
.event60 h2{
    font-size: 1.8em;
  }
}
.event60 p.eventDate{
    font-size: 1.3em;
    margin-top:0px;
    margin-bottom:0px;
    font-weight: bolder;
}
.event60 p.eventNavi a{
  font-size: 1.5em;
}

/* facebookページCSSでレスポンシブ対応 */
.fbArea{
  margin-bottom: 20px;
  padding-bottom: 10px;
}
/* 歴代会長カスタムユニット */
.chairmanList img{
  width:80%;
  text-align: center;
}
.originalGeneration{
  text-align: center;

}
.originalChairman{
  text-align: center;

}
p.cname{
  text-align: center;
line-height: 1.2em;
margin-top:-1em;
}
/*会長挨拶・重点項目*/
ol.priority li{
  font-weight: bold;
  font-size: 1.2em;
}
@media (min-width: 768px){
ol.priority li{
font-size: 1.3em;
    color:#010167;/*濃い青紫*/
  }}
@media (min-width: 768px){
  .page-title-wrapper {
      height: 400px;

  }}

  .summary-title {
    font-size: 20px;
    font-weight: bold;
}
.summary-title a:active,.summary-title a:focus,.summary-title a:hover,
.summary-title a:link,.summary-title a:visited{
  color:#2938cc;/*基本的には固定*/
}
.entry-column dt{
  font-weight: bold;
}
.entryColumn dd {
    margin-inline-start: 20px;
}

/*会長テーマ見出し*/
p.theme-title {
  position: relative;
  display: inline-block;
  padding: 0 55px;
  font-weight: bolder;
  font-size: 1.4em;
}
p.theme-title:before, p.theme-title::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px #666;/*グレー*/
  border-bottom: solid 1px #666;/*グレー*/
}
p.theme-title::before {
  left:0;
}
p.theme-title::after {
  right: 0;
}
/*会長テーマ*/
p.hofu-theme{
  font-weight: bolder;
  font-size: 3em;
  text-align: center;
  background-image: linear-gradient(to right, #FCF6F7 0%, #fff 100%);/*ほぼ白に近いピンクと白のグラデーション*/
}
@media (max-width: 480px){
 p.hofu-theme{
  font-size: 2em;
}}
p.theme{
  font-weight: bolder;
  font-size: 1.6em;
}
/*エントリー内のリンクボタン*/
.entry-column .entry-btn-default, .entryFormLiteEditor .entry-btn-default {
    background: #1A73E8;/*明るい青*/
    color: #fff;
    font-size:1.4em;
    font-weight: 700;
    line-height: 1.5;
    border: 0;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 3px;
}

.entry-column .entry-btn-default:hover, .entryFormLiteEditor .entry-btn-default:hover {
    color: #fff;
    background-color: #0B3163;
    background-image: linear-gradient(
180deg
,#1662C6,#0B3163);/*明るい青より薄めと濃い目のグラデーション*/
}

.btn-attention-block-large {
    background: #5E87F4;/*suggestカラーの補色または補色が薄い場合は、補色のアクセントカラー*/
    }
.btn-attention-block-large:hover {
  background: #1A2645;
}
.btn-attention-block-large:active,
.btn-attention-block-large:focus {
  background: #283968;
}