@charset "UTF-8";
/*
Template: arkhe
Theme Name: Arkhe Child
Theme URI: https://arkhe-theme.com/ja/
Description: Arkhe用子テーマ
Version: 1.0.0
Text Domain: arkhe
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

/*--------------------------------------------------------------
# ヘッダー
-------------------------------------------------------------- */
.l-headerUnder {
		background: #a6417a;
}

.l-headerUnder .l-container #gnav ul.c-gnav li.menu-item {
		width: 100%;
}

.l-headerUnder .l-container #gnav ul.c-gnav li.menu-item a {
		color: #fff;
}

.l-headerUnder .l-container #gnav ul.c-gnav li.menu-item a:hover {
		background: #bb4989;
}

.l-headerUnder .l-container #gnav ul.c-gnav li.menu-item a::before {
		content: "";
		position: absolute;
		width: 1px;
		height: 15px;
		background: #fff;
		left: 0;
		top: 50%;
		bottom: 50%;
		margin: auto;
}

.l-headerUnder .l-container #gnav ul.c-gnav li:last-child.menu-item a::after {
		content: "";
		position: absolute;
		width: 1px;
		height: 15px;
		background: #fff;
		right: 0;
		top: 50%;
		bottom: 50%;
		margin: auto;
}

/*--------------------------------------------------------------
# トップページ
-------------------------------------------------------------- */
.top-newslist .p-postList__item .p-postList__body {
		/*TOP　NEWSリスト*/
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
}

.top-newslist .p-postList__item .p-postList__body .p-postList__meta {
		/*日付カテゴリー部分*/
		margin: 0;
		width: 240px;
    color: #000;
}

@media (max-width: 1000px) {
.top-newslist .p-postList__item .p-postList__body .p-postList__meta {
				margin-bottom: 8px;
				width: 100%;
		}
}

.top-newslist .p-postList__item .p-postList__body .p-postList__meta .p-postList__times {
		/*日時調整*/
		margin: 0;
}

.top-newslist .p-postList__item .p-postList__body .p-postList__meta .p-postList__times time {
		font-size: 16px;
}

.top-newslist .p-postList__item .p-postList__body .p-postList__meta .p-postList__category {
		/*カテゴリー調整*/
		margin: 0;
		width: 120px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background-color: #a6417a;
		color:#fff;
		opacity: 1 !important;
		padding: 1px 0;
}

.top-newslist .p-postList__item .p-postList__body .p-postList__meta .p-postList__category span {
		font-size: 14px;
}

.top-newslist .p-postList__item .p-postList__body .p-postList__meta i.c-postMetas__icon {
		/*アイコン消し*/
		display: none;
}

.top-newslist .p-postList__item .p-postList__body .p-postList__title {
		/*日付カテゴリー部分*/
		width: calc(100% - 240px);
		padding-left: 10px;
}

@media (max-width: 1000px) {
.top-newslist .p-postList__item .p-postList__body .p-postList__title {
				width: 100%;
				padding-left: 0;
				font-size: 16px;
		}
}

.l-header{
		background-color: #a6417a;
		color: #fff;
}


/*--------------------------------------------------------------
# フッター
-------------------------------------------------------------- */
.l-footer__inner {
		background-color: #eeeeee;
		margin-top: 50px;
}

.l-footer__inner .l-footer__foot {
		background-color: #a6417a;
		color: #fff;
}

/*--------------------------------------------------------------
# 見出しh1
-------------------------------------------------------------- */

.p-entry__title.c-pageTitle h1{
	font-size: 24px;
}

/*--------------------------------------------------------------
# 見出しh2
-------------------------------------------------------------- */

.c-postContent.p-entry__content h2{
	padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #a6417a;/*左線*/
	font-size: 22px;
}

/*--------------------------------------------------------------
# 見出しh3
-------------------------------------------------------------- */

.c-postContent.p-entry__content h3{
  border-bottom: solid 3px #777777;
  position: relative;
  font-size: 20px;
}

.c-postContent.p-entry__content h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #a6417a;
  bottom: -3px;
  width: 20%;
}


/*--------------------------------------------------------------
# ドロワーメニュー背景色
-------------------------------------------------------------- */

.p-drawer{
	background:rgba(166,65,122,.98);
}