@charset "utf-8";

/* =====================================================================
【各種カラー標準設定値】
ボタンカラー：#111
ボタンホバー：反転
メールボタンホバー：#444
ラインカラー：#111
リンクテキストカラー：#111
問い合わせエリア：#EEEEEE

【主なメディアクエリ】
@media screen and (max-width:1140px)
@media screen and (min-width:901px)
@media screen and (max-width:900px)
@media screen and (min-width:768px)
@media screen and (max-width:767px)
 ===================================================================== */
a {
  color: #000;
}
@media screen and (min-width:980px) {
  a:hover {
    color: #111;
  }
}
/* ボタン
---------------------------------------------------------------------------- */
.btn a {
  border-color: #111;
  background: #111;
  color: #FFF;
}
.btn_link_wrap a{
  border-color: #111;
  background: #111;
  color: #FFF;
}
.col2_box .btn_link_wrap a,
.col3_box .btn a{
  background: rgba(0,0,0,0);
  color: #111;
}
.col2_box .btn_link_wrap a:hover,
.col3_box .btn a:hover{
  background: #111;
  color: #FFF;
}
@media screen and (min-width: 980px){
  .btn a:hover {
    border-color: #111;
    background: #FFF;
    color: #111;
  }
}

/* ヘッダ
---------------------------------------------------------------------------- */
.header_wrap {
  background: #FFF;
}
@media screen and (max-width:900px){
  .header_wrap {
    
  }
}
/* 下層ページタイトル
---------------------------------------------------------------------------- */
.page_title_wrap {
  background: #F5F5F5;
}
.page_title {
  color: #000;
}
.category_title {
  color: #111;
}
/* 見出し
---------------------------------------------------------------------------- */
.crosshead {
  color: #000;
}
.crosshead .sub {
  color: #111;
}
/* News
---------------------------------------------------------------------------- */
.news_list li a:hover {
  background-color: #FAFAFA;
}
.news_list li a:hover::after {
  border-top: solid 1px #111;
  border-right: solid 1px #111;
}
.news_list_head .category {
  background: none;
  border: #ddd 1px solid;
  color: #111;
}

/* NEWSページ */
.category_tabs_scroll {
}
.category_tabs_scroll ::-webkit-scrollbar{
  width: 20px;
  height: 4px;
}
.category_tabs_scroll ::-webkit-scrollbar-track{
  background: #EEE;
}
.category_tabs_scroll ::-webkit-scrollbar-thumb{
  background: #CCC;
}
.category_tabs {
  border-bottom: #CCC 1px solid;
}
.category_tabs li a {
  border: #CCC 1px solid;
  border-right: none;
  background: #F5F5F5;
}
.category_tabs li:last-child a {
  border-right: #CCC 1px solid;
}
.category_tabs li.active a,
.category_tabs li.current-cat a {
  border-bottom: transparent 1px solid;
  background: #FFF;
}
/* News詳細 */
.news_head .category {
  background: none;
  border: #ddd 1px solid;
  color: #111;
}
.news_title::before {
  background: #DDD;
}
/* 投稿用 */
.mceContentBody h2,
.free_area h2 {
}
.mceContentBody h2::before,
.free_area h2::before {
  background: #DDD;
}
.mceContentBody h2::after,
.free_area h2::after {
  background: #111;
}
.mceContentBody h3,
.free_area h3{
}
.mceContentBody h3::after,
.free_area h3::after {
  background: #111;
}
.mceContentBody h4,
.free_area h4{
  border-left: 3px #111 solid;
}
.mceContentBody h5,
.free_area h5{
}
.mceContentBody h5::before,
.free_area h5::before{
  background: #111;
}
.mceContentBody h6,
.free_area h6 {
}
.mceContentBody strong,
.free_area strong,
#tinymce strong,
.mceContentBody b,
.free_area b,
#tinymce b{
}
.mceContentBody em,
.free_area em,
#tinymce em{
}
.free_area th,
.free_area td,
.mceContentBody th,
.mceContentBody td,
#tinymce th,
#tinymce td{
}
.free_area th,
.mceContentBody th,
#tinymce th{
  background: #F5F5F5;
}
/* table テーブル
---------------------------------------------------------------------------- */
.table_editable {
}
.table_editable th {
  border-color: #CCC;
  background: #111;
  color: #fff;
}
.table_editable td {
  border-color: #CCC;
  background: #FFF;
}
.table_profile th {
  border-color: #CCC;
  background: #F5F5F5;
}
.table_profile td {
  border-color: #CCC;
  background: #FFF;
}
@media screen and (max-width:767px){
  .table_profile {
    border-color: #CCC;
  }
  .table_profile td {
    border-color: #CCC;
  }
}
/* お問い合わせ
---------------------------------------------------------------------------- */
.btn_tel,
.btn_fax {
  border-color: #111;
  background-color: #111;
  color: #FFF;
}
.btn_email a {
  border-color: #111;
  background-color: #111;
  color: #FFF;
}
.btn_email a:hover {
  border-color: #444;
  background-color: #444;
  color: #FFF;
}
.btn_form a {
  border-color: #111;
  background-color: #111;
  color: #FFF;
}
.btn_form a:hover {
  border-color: #444;
  background-color: #444;
  color: #FFF;
}
.sec_contact {
  background: #FFF;
}
.contact_head {
  color: #111;
}
.table_contact {
  border-top: #DDD 1px solid;
  border-bottom: #DDD 1px solid;
}
.table_contact th {
  background: none;
}
.table_contact td {
  border: none;
  background: none;
}
.table_contact tr:nth-child(2n) th,
.table_contact tr:nth-child(2n) td {
  background: #F5F5F5;
}
.must {
  background: #CC0000;
  color: #FFF;
}
.any {
  background: #AAA;
  color: #FFF;
}
@media screen and (max-width:1140px){
  .btn_tel,
   .btn_fax{
    background-color: #111;
  }
  .btn_email a {
    background-color: #111;
  }
}
@media screen and (max-width:767px){
  .btn_tel,
  .btn_fax {
    background-color: #111;
  }
  .btn_email a {
    background-color: #111;
  }
}
.sec_contact label {
  border: #DDD 1px solid;
  background: #FFF;
}
.sec_contact label.active {
  border: #333 1px solid;
}
.btn_send {
  border-color: #111;
  background: #111;
  color: #FFF;
}
@media screen and (min-width: 980px){
  .btn_send:hover {
    border-color: #111;
    background: #FFF;
    color: #111;
  }
}
.sec_privacy {
  background: #FFF;
}

.prev_link.btn a::before,
.next_link.btn a::after{
  border-color: #111;
}
@media screen and (max-width:767px){
  .prev_link.btn a,
  .next_link.btn a{
    border: #111 1px solid;
    background: #111;
    color: #FFF;
  }
}



/* フッタ
---------------------------------------------------------------------------- */
.footer_wrap {
  background: #FFF;
}
.pagetop {
  background: #111;
  border-color: #111;
}
.pagetop:hover {
  background: #FFF;
}
.pagetop::after {
  border-color: #FFF;
}
.pagetop:hover::after {
  border-color: #111;
}
/* 装飾
---------------------------------------------------------------------------- */
em,
.strong {
}
/* Slider */
.slick-arrow {
    color: #FFF;
}
.slick-prev::after {
  border: 0px;
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
}
.slick-next::after {
  border-top: solid 2px #FFF;
  border-right: solid 2px #FFF;
}
.slick-dots button {
  background: #CCC;
}
.slick-dots .slick-active button {
  background: #111;
}
@media screen and (max-width:900px){
  .slick-arrow {
      color: #FFF;
  }
  .slick-arrow:focus {
      outline: none;
  }
  .slick-prev::after {
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
  }
  .slick-next::after {
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
  }
}

/* ページネーション */
.wp-pagenavi a,
.wp-pagenavi span {
  border: none;
  border-bottom: #FFF 1px solid;
  background: none;
  color: #222;
}
@media screen and (min-width:768px){
  .wp-pagenavi a:hover {
    background: none;
    border-bottom: #111 1px solid;
    color: #111;
  }
}
.wp-pagenavi .current {
  background: none;
  color: #111;
  border-bottom: #111 1px solid;
}


.col1_wide .subhead {
  border-left: 2px solid #111;
}


/* スマホメニュー */
@media screen and (max-width:1000px){
   .navi li a::after,
  .iOS .navi li a::after{
      border-bottom: 1px solid #4a4a4a;
      border-right: 1px solid #4a4a4a;
  }
  .navi .headnavi_sub>a::before,
  .navi .headnavi_sub>a::after,
  .iOS .navi .headnavi_sub>a::before,
  .iOS .navi .headnavi_sub>a::after {
      background: #4a4a4a;
  }
}


.con_cate li{
  border: #ddd 1px solid;
  color: #111;
}
.pagelink_navi li a {
  border-color: #111;
  background: #111;
  color: #FFF;
}