@charset "utf-8";

.siteHeader {
  min-height: 50px !important;
}
.accessibilityControler .ctl_panel, .spk_panel {
  display: block;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: right;
  font-size: 16px;
}

.settingBtn {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  z-index: 2;
}

.settingBtn i { 
  font-size: 20px;
  color: #212529;
}

.ctl_panel li {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
}

.ctl_panel>li {
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
}

.ctl_panel li .label {
  vertical-align: middle;
  font-size: 16px;
}

.ctl_panel li ul {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.ctl_panel button {
  text-align: center;
  color: #212529;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 3px;
  font-size: 14px;
  -webkit-transition: .4s;
  transition: .4s;
}

.ctl_panel button:disabled {
  color: #e7e7e7;
  background: #b1b1b1;
}

.ctl_panel .bkbtn {
  color: #fff;
  background-color: #333;
}

.ctl_panel button:hover {
  color: #fff;
  background-color: #666;
}

.ctl_panel button.active {
  color: #fff;
  background-color: #666;
}

.ctl_panel button:disabled:hover {
  color: #e7e7e7;
  background: #b1b1b1;
}

.ctl_panel button:disabled:focus {
  color: #e7e7e7;
  background: #b1b1b1;
}

.ctl_panel img {
  margin-bottom: 1px;
}

#t_reset img {
  display: none;
}

.gMenu_name {
  font-size: 0.72em !important;
}

.gMenu_description {
  font-size: 0.5em !important;
  overflow: visible !important;
}

.darkMode_Color {
  background: #1a1a1a !important;
  color: #fff !important; 
}

.darkMode_gMenuBgColor {
  background: #303030;
}

.darkMode_fontColor1 {
  color: #fff !important;
}

.darkMode_fontColor2 {
  color: #ccc;
}

.darkMode_fontColor3 {
  color: #333333;
}

.darkMode_Color .darkLinkColor {
  color: #f9ff0b !important;
}

.darkMode_Color .darkLinkColor:hover {
  color: #aeb100 !important;
}

.darkMode_Color .darkTitleColor {
  color: #fff !important;
}

.darkMode_Color td {
  border-color: #fff !important;
}

.tablepress {
  background: #fff;
  color: #000;
}

.darkMode_Color a {
  color:#f9ff0b;
}

.darkMode_Color .breadSection .breadcrumb a {
  color:#f9ff0b;
}

.darkMode_Color a:hover {
  color: #aeb100;
}

.darkMode_Color .box1 {
  border: solid 2px #fff;
}

.darkMode_Color .box1 a {
  color:#f9ff0b !important;
}

.darkMode_Color .box1 a:hover {
  color:#aeb100 !important;
}

.tablepress thead th, 
.tablepress tbody tr:first-child td, 
.tablepress tbody td, 
.tablepress tfoot th {
  font-size: 0.8em !important;
}

.veu_contact .contact_txt_catch, 
.veu_contact .contact_txt_time {
  font-size: 0.8em !important;
}

.veu_contact .contact_txt_tel {
  font-size: 1.6em !important;
}

.darkMode_Color .veu_contact .contact_txt_tel {
  color: #fff !important;
}

/*ブログ*/
.media p {
  font-size: 0.8em !important;
}
.media-heading.entry-title {
  font-size: 1.3em !important;
}
.entry-meta_items {
  font-size: 0.7em !important;
}
.entry-meta_items_term_button {
  color: #fff !important;
}
.entry-meta_items_term_button:hover {
  color: #fff !important;
}
.page-header_pageTitle, 
h1.page-header_pageTitle:first-child {
  font-size: 1.6em !important;
}
h1.entry-title {
  font-size: 1.8em !important;
}
.entry-meta_items_term_button {
  font-size: 1.04em !important;
}
.entry-meta-dataList dt {
  font-size: 0.5em !important;
}
.entry-meta-dataList dd {
  font-size: 0.7em !important;
}
.darkMode_Color .entry-meta-dataList dd a {
  color:#f9ff0b !important;
}
.darkMode_Color .entry-meta-dataList dd a:hover {
  color:#aeb100 !important;
}
.postNextPrev_label {
  font-size: 0.7em !important;
}
.postNextPrev .card-title {
  font-size: 0.9em !important;
}
.vk_post .vk_post_date {
  font-size: 0.63em !important;
}
.vk_post_imgOuter_singleTermLabel {
  font-size: 0.55em !important;
}
.darkMode_Color ul.page-numbers li a {
  color:#f9ff0b !important;
}
.darkMode_Color ul.page-numbers li span {
  color:#fff !important;
}
.darkMode_Color ul.page-numbers li a:hover {
  color:#464646 !important;
}

.darkMode_Color table {
  border-color: #fff !important;
}
.darkMode_Color tr {
  border-color: #fff !important;
}

/* 最新記事 */
.veu_postList .postList_meta_items {
  font-size: 0.7em !important;
}
.darkMode_Color .veu_postList .postList_meta_items {
  color: #fff;
}
.veu_postList .postList_terms a {
  font-size: 0.7em !important;
}

/* タグ */
.widget .tagcloud a {
  font-size: 0.76em !important;
}
.widget .tagcloud a:hover {
  color: #000 !important;
}

/* サイドバー */
.widget .subSection-title {
  font-size: 1em !important;
}
.form-control {
  font-size: 0.9em !important;
}

/* フッター */
.copySection p {
  font-size: 0.7em !important;
}

/* TOP PAGE */
.page_top_btn:hover {
  color: transparent !important;
}

/* GlobalNavi sub-menu 表示切り替え */ 
.sub-menu-on {
  opacity: 1 !important;
  max-height: 59px !important;
  background: #337ab7 !important;
}
.menu-item-has-children.open:after {
  opacity: 1 !important;
  bottom: 0 !important;
} 


@media only screen and (max-width: 991px) {
  .settingBtn {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .accessibilityControler {
    display: block !important;
    position: fixed;
    top: 0;
    right: -450px;
    height: 49px;
    padding-right: 5px;
    background: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 1;
  }

  .settingOpen {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 50px;
    height: 49px;
    padding-right: 5px;
    margin-left: 0;
    background: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 1;
  }
}

@media only screen and (max-width: 575px) {
  .postNextPrev .card-title {
    font-size: 0.8em !important;;
  }
}

@media only screen and (max-width: 450px) {
  #t_reset span {
    display: none;
  }
  #t_reset img {
    display: block;
  }
}

@media only screen and (max-width: 400px) {
  .ctl_panel li .label {
    font-size: 11px;
  }
  .ctl_panel button {
    font-size: 10px;
  }
  .ctl_panel>li {
    margin-left: 0px;
  }

  #ctl_speak .label {
    display: none;
  }
}