@charset "UTF-8";
/*
Template: swell
Theme Name: WEB社内報
Theme URI: https://www.asahi-com.net/
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
*/


/*
***********************************************************************************************
管理バー
（admin.cssの冒頭にも同じコードがあるのでそちらと内容をあわせること）
***********************************************************************************************
*/

/* TOPページを表示する */
@media screen and (max-width: 782px){
	#wpadminbar #wp-admin-bar-top-page a {
		font-size: 0px;
	}
	
		#wpadminbar #wp-admin-bar-top-page a::before {
			content: "TOPページ";
			color: #fff;
			font-size: 14px;
			line-height: 3;
		}
}

/* ログアウト（独自に追加した分） */
#wpadminbar #wp-admin-bar-logout2 {
	position: absolute;
	right: 0;
}

	@media screen and (max-width: 782px){
		#wpadminbar #wp-admin-bar-logout2 {
			right: .5em;
		}
	}


/*
***********************************************************************************************
登録ページ
/register/

ログインページ
/login/
***********************************************************************************************
*/

.um-page-register .l-mainContent__inner > .post_content,
.um-page-login .l-mainContent__inner > .post_content {
	margin: 0;
}

/* 登録 */
/* ログイン */
.um-page-register .c-pageTitle,
.um-page-login .c-pageTitle {
	background-image: var(--swl-site_logo_image);
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom: 0px;
	background-size: contain;
	height: 100px;
	margin-bottom: 1em;
}

	.um-page-register .c-pageTitle::after,
	.um-page-login .c-pageTitle::after {
		content: none;
	}

	.um-page-register .c-pageTitle .c-pageTitle__inner,
	.um-page-login .c-pageTitle .c-pageTitle__inner {
		display: none;
	}


.um-page-register .um input[type=submit].um-button,
.um-page-register .um input[type=submit].um-button:focus,
.um-page-login .um input[type=submit].um-button,
.um-page-login .um input[type=submit].um-button:focus {
	background-color: var(--color_main);
}

.um-page-register .um input[type=submit].um-button:hover,
.um-page-login .um input[type=submit].um-button:hover {
	background-color: var(--color_main);
	opacity: .7;
}


/*
***********************************************************************************************
ログインページ
/login/
***********************************************************************************************
*/

.um-page-login #content {
	display: flex;
	height: 100vh;
	margin: 0;
	max-width: none;
	align-items: center;
}

.um-page-login .l-content {
	padding-top :0;
}

.um-page-login .l-article {
	max-width: 300px;
}

.um-page-login .um-left {
	margin-top: 1em !important;
}

.um-page-login .um-half {
	float: none;
	width: auto;
}


/*
***********************************************************************************************
登録ページ
/register/
***********************************************************************************************
*/

.um-page-register .l-article {
	max-width: 520px;
}


/*
***********************************************************************************************
マイページ
/account/
***********************************************************************************************
*/

.um-page-account .um-faicon-user::before {
	color: var(--color_main);
}

.um-page-account .um-faicon-asterisk::before {
	color: var(--color_main);
}

/* プロフィールを表示 */
.um-page-account .um-account-profile-link a.um-link {
	color: var(--color_main);
}

	.um-page-account .um-account-profile-link a.um-link:hover {
		color: var(--color_main);
		opacity: .7;
	}

/* アカウントを更新 */
.um-page-account #um_account_submit_general {
	background-color: var(--color_main);
}

	.um-page-account #um_account_submit_general:hover {
		opacity: .7;
	}

/* パスワードを更新 */
.um-page-account #um_account_submit_password {
	background-color: var(--color_main);
}

	.um-page-account #um_account_submit_password:hover {
		opacity: .7;
	}


/*
***********************************************************************************************
ユーザー
/user/＊/
***********************************************************************************************
*/

/* ＋ */
.um-page-user .um-cover-add:hover .um-icon-plus::before {
	color: var(--color_main);
}

/* 歯車アイコン */
.um-page-user .um-profile-edit-a:hover .um-faicon-cog::before {
	color: var(--color_main);
}

/* チェックアイコン */
.um-page-user .um-profile-edit-a:hover .um-faicon-check::before {
	color: var(--color_main);
}

/* プロフィールを更新 */
.um-page-user input.um-button[type=submit] {
	background-color: var(--color_main) !important;
}

	.um-page-user input.um-button[type=submit]:hover {
		background-color: var(--color_main) !important;
		opacity: .7;
	}


/*
***********************************************************************************************
メンバープロフィール
/members/
***********************************************************************************************
*/

.um-page-members .um-members-pagi .current {
	background-color: var(--color_main) !important;
}


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

.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;
}


/*
***********************************************************************************************
フッター
***********************************************************************************************
*/

#pagetop {
	border: 1px solid var(--color_main);
}

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;
	}