@charset "UTF-8";
/*
    Template: swell
    Theme Name: WEB社内報
    Theme URI: https://swell-theme.com/
    Description: WEB社内報テーマ
    Version: 1.0.0
    Author: ASAHI COMMUNICATIONS
    Author URI: https://www.asahi-com.net/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*
***********************************************************************************************
ログイン画面
***********************************************************************************************
*/

#lp-content{
    display: flex;
    height: 100vh;
    align-items: center;
}

/*
***********************************************************************************************
新着情報
***********************************************************************************************
*/

.minw_1200 .p-postListWrap .p-postList__body{
    display: flex;
    align-items: center;
}

.minw_1200 .p-postListWrap .p-postList__meta{
    width: 315px;
    font-size: 13px;
}

.minw_1200 .p-postListWrap .p-postList__title {
    font-size: 1em;
}

.-type-simple .p-postList__link{
  padding: 0.8em 0.25em;
  border-bottom: 1px solid hsla(0,0%,78%,.5);
}

.-type-simple .p-postList__meta{
  margin: 0;
}

.minw_1200 .p-postListWrap {
  margin-bottom: -15px;
}


/*
***********************************************************************************************
ヘッダー
***********************************************************************************************
*/

.c-gnav>.menu-item>a .ttl{
  font-weight: bold;
}

.c-spnav>.menu-item>a{
  font-family: 'Montserrat', sans-serif;
}

.c-spnav>.menu-item>a .c-smallNavTitle{
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #000;
  font-weight: bold;
}

/* .c-smallNavTitle{
  font-family: 'Montserrat', sans-serif;
} */

/* ヘッダーハンバーガーメニュー */
#gnav {
  display: none;
}

/* スマホメニュー*/
.l-header__menuBtn{
	display:block !important;
}

[data-spmenu=opened] body {
overflow-y: hidden;
touch-action: none;
}

.p-spMenu {
display: block;
}

.l-fixHeader__inner .c-gnav{
display:none;
}

[data-spmenu=opened] .l-fixHeader{
z-index:1;
}

.c-iconBtn__label{
  text-align: center;
 }

.p-spMenu__inner::before{
  opacity: 0.9;
}

/* 追従時 */
.c-plainBtn{
  appearance: none;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.l-fixHeader::before {
  opacity: 0.9;
}

@media (min-width: 960px){
 .c-iconBtn__icon::before{
	font-size:32px;
 }

 .p-spMenu .c-widget__title{
  margin-bottom: 0;
 }

 .c-listMenu a{
  padding: 0.5em 0.5em;
 }
	
	.c-iconBtn{
  padding-top: 14px;
 }

 .c-iconBtn__label{
  font-size:12px;
 }
	.p-spMenu__closeBtn{
	 top:32px;
	right:100px !important;
	}
	
	.p-spMenu__body .c-widget__title{
		background:transparent;
		color:black;
	}
	.p-spMenu__nav{
		font-size:2em;
		padding:20px 0;
	}

  .c-smallNavTitle{
    font-size: 12px;
  }

}

/* 文字の位置を合わせる */
@media (max-width: 960px){
  .c-smallNavTitle {
    position: absolute;
    top: 39%;
    left: 8rem;
  }
}

/*
***********************************************************************************************
モバイル時アドミンバー表示
***********************************************************************************************
*/

@media screen and (max-width: 782px){
  #wp-toolbar > ul > li {
      display: block;
      padding-left: 10px;
  }
}


/*
***********************************************************************************************
トップページ見出し
***********************************************************************************************
*/

.home h2.category-title a{
  color: #000;
  font-family: 'Montserrat', sans-serif;
}

.home h2.category-title a:hover{
  color: var(--color_htag);
}

.post_content > h2 > a > small{
  font-size: .6em;
  /* font-style: italic; */
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  letter-spacing: var(--swl-letter_spacing,1px);
  margin-left: 1em;
  opacity: .8;
  position: relative;
  top: -2px;
}

/* トピック見出し色変更 */
.post_content h2#topic {
  border-left: solid 8px gray;
}

/* トップ画像見出しサブ欧文 */
.c-bannerLink__description {
  /* font-family: 'Montserrat', sans-serif; */
  color: #B3B3B3;
}

/*
***********************************************************************************************
カテゴリーページ
***********************************************************************************************
*/

.category-message .c-pageTitle__inner,.category-interview .c-pageTitle__inner,
.category-talk .c-pageTitle__inner,.category-topic .c-pageTitle__inner{
  font-family: 'Montserrat', sans-serif;
}

.c-pageTitle__subTitle{
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-style: normal;
}

/************************************************
* QRコード
*************************************************/
  .ac {
    width: 175px;
    margin: 0 auto;
  }
  .ac-label  {
    cursor: pointer;
    text-align: center;
    position: relative;
    border: 1px solid #d9d9d9;
    background-color: #c8c8c8;
    color: #FFF;
  }
  .ac-content {
    display: none;
    padding: 8px;
    border: 1px solid #d9d9d9;
    text-align: center;
  }

  .p-spMenu__body .ac{
    display: none;
  }
  
  .icon-wrap {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translatey(-50%);
    width: 38px;
    height: 38px;
  }
  .icon {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .icon:before {
    position: absolute;
    content: "";
    transition: all .4s;
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(135deg);
  }
  
  .icon.open:before {
    top: 56%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }

/************************************************
* いいね機能
*************************************************/

  .single-post .wpulike-default button.wp_ulike_btn{
    min-height: 40px;
    min-width: 80px;
  }

  .single-post .wpulike-default .wp_ulike_put_image:after{
    width: 20px;
    height: 20px;
  }

  /* 掲示板のいいね機能無効 */
  .bbpress .wpulike.wpulike-default {
    display: none;
}

/************************************************
* Ultimate Member
*************************************************/

/* 編集者のマイページからのユーザー削除欄を非表示 */
.um-page-user.role-editor .um-dropdown ul li .um_delete-item,
.um-page-user.role-editor .um-dropdown ul li .um_deactivate-item,
.um-page-user.role-editor .um-dropdown ul li .um_switch_user-item
{
  display: none;
}

/************************************************
* フッター
*************************************************/
footer.l-footer{
  background-color:#999999
}

#footer .footer-nav{
  /* padding: 60px 0; */
  padding-top: 40px;
  width: 868px;
  margin: auto;
}

  @media screen and (max-width:980px) { 
    #footer .footer-nav{
      width: 96%;
    }
  }

#footer .footer-nav-contents{
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

#footer .footer-nav-contents > li{
  width: 160px;
}

  @media screen and (max-width:980px) { 
    #footer .footer-nav-contents > li{
      width: 45%;
      margin-bottom: 35px;
    }
  }


    #footer .footer-nav-contents > li h2{
      font-size: 25px;
      border-bottom: 1px solid #818181;
      line-height: 17px;
      text-align: center;
    }

      .footer-nav-contents > li h2 a{
        font-family: 'Montserrat', sans-serif;
      }

        #footer .footer-nav-contents > li h2 a small{
          font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
          font-size: 12px;
          opacity: .6;
        }

          #footer .footer-nav-contents > li h2 a:hover{
            color: var(--color_htag);
          }

#footer .footer-nav_item{
  max-height: 4.2em;;
  overflow: hidden;
  transition: 1.5s;
}

  #footer .footer-nav_item.active{
    max-height: 15em;
    transition: 2s;
  }

#footer button.more {
  font-size: 12px;
  width: 60px;
  margin: 1px 0 auto;
  display: block;
  background-color: #999;
  border: none;
  color: #fff;
  transition: .5s;
}
 
  #footer button.more::after {
  content: "more";
  transition: .2s;
  -erbkit-transition: .2s;
  }

  #footer button.more.on-click::after{
  content: "close";
  }

#footer .footer-nav-contents .footer-nav_item li{
  margin-top: 8px;
}

  #footer .footer-nav-contents .footer-nav_item li a{
    font-size: 13px;
    position: relative;
    padding-left: 15px;
    color: #fff;
    opacity: 0.7;
  }

    #footer .footer-nav-contents .footer-nav_item li a:hover{
      opacity: 0.3;
    }

    #footer .footer-nav-contents .footer-nav_item li a::before{
      content: "";
      position: absolute;
      left: 0px;
      top: 5px;
      width: 6px;
      height: 6px;
      border-top: 2px solid var(--color_htag);
      border-right: 2px solid var(--color_htag);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: left 0.2s ease;
      -moz-transition: left 0.2s ease;
      -o-transition: left 0.2s ease;
      transition: left 0.2s ease;
    }

    #footer .footer-nav-contents .footer-nav_item li a:hover::before{
      left: 3px;
    }