/* ==========================================================================
   Foundation reset/normalize/base
   ========================================================================== */

/* Reset
   ----------------------------------------------------------------- */

/* html, body, div, … { … } */

/* Base
   ----------------------------------------------------------------- */

/* body { … } */

/* ==========================================================================
   Layout header/main/sidebar/footer
   ========================================================================== */

/* Header
   ----------------------------------------------------------------- */
.l-header__bar .l-header__barInner {
	justify-content: flex-start;
}

.l-header__barText {
	font-size: 9px;
}

/* #header { … } */

/* Main
   ----------------------------------------------------------------- */

/* #main { … } */

/* ==========================================================================
   Object
   Component - grid/button/form/media
   Project - articles/ranking/promo
   Utility - clearfix/display/margin
   ========================================================================== */

/* Component
   ----------------------------------------------------------------- */

/**
 * Button
 *
 * Blah Blah Blah
 */

/* .c-btn { … }
.c-btn--primary {
  ...
} */

/**
 * Media
 */

/* .c-media { … }
.c-media__image {
  ...
} */

/* タグのボタンスタイル上書き */
.-tag .c-postTerms__item {
	padding: 2px 7px;
	color: var(--ark-color--main);
	border-radius: 5px;
	border: solid 1px var(--ark-color--main);
	font-size: var(--ark-fz--xs);
}

/* 投稿リストのカテゴリースタイル上書き */
.p-postList__category {
	margin-right: 1.25rem;
}

/* カテゴリーのボタンスタイル上書き */
.-category .c-postTerms__link {
	margin-right: 1.25rem;
}

/* タグのボタンスタイル上書き */
.-tag .c-postTerms__link {
	padding: 2px 7px;
	color: var(--ark-color--main);
	border-radius: 5px;
	border: solid 1px var(--ark-color--main);
	text-decoration: none;
}

.-tag .c-postTerms__link:hover {
	background-color: var(--ark-color--gray--hover);
}

.p-entry__head .-tag .c-postTerms__link:not(:last-child):after {
	content: '';
}

.c-btn_border {
	display: inline-block;
	line-height: 1;
	font-weight: 700;
	font-size: var(--ark-fz--s);
	padding: 0.75em 1.5em;
	text-decoration: none;
	color: var(--ark-color--text);
	border: solid 2px #000;
	background-color: #fff;
	transition: color 0.25s, background-color 0.25s;
}

.c-btn_border:hover {
	background-color: var(--ark-color--main);
	color: #fff;
}

/* ボタンの矢印 */
.c-btn_border__arrow {
	position: relative;
}

.c-btn_border__arrow:after {
	content: '';
	position: absolute;
	top: 41%;
	left: 10%;
	width: 8px;
	height: 8px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(45deg);
	transition: color 0.25s, background-color 0.25s;
}

/*hoverした際*/
.c-btn_border__arrow:hover::after {
	border-color: #fff;
	transition: color 0.25s, background-color 0.25s;
}

.c-widget__title,
.wp-block-heading {
	color: var(--ark-color--main);
}

.c-new {
	display: inline-block;
	line-height: 1;
	font-size: inherit;
	background: #c9151e;
	padding: 2px 5px;
	color: #fff;
	letter-spacing: 1px;
	margin-right: 0.5em;
}

.c-soldout {
	color: #50c614;
	border: solid 1px #50c614;
	display: inline-block;
	padding: 0 8px;
	letter-spacing: 1px;
	margin-right: 0.5em;
}

.c-acfdocList {
	list-style: none;
	align-items: center;
	display: flex;
	flex-direction: column;
	padding: 0;
	margin-top: -8px;
}

.c-acfdocList__item {
	width: 100%;
	padding-top: 8px;
	display: flex;
}

.c-acfdocBtn {
	text-decoration: none;
	padding: 8px 16px;
	background: var(--ark-color--gray);
	font-size: var(--ark-fz--s);
	line-height: 1.5;
	flex: 1;
	border: 2px solid #000;
	color: var(--ark-color--text);
	display: inline-flex;
	align-items: center;
	transition: color 0.25s, background-color 0.25s;
}

.c-acfdocBtn:hover {
	background-color: var(--ark-color--main);
	color: #fff;
}

/* ウィジェットのフッターのラインを消す */
.widget_nav_menu .menu-item {
	border-bottom: none;
}

.widget_nav_menu .menu {
	border-bottom: none;
	border-top: none;
}

/* フッターの上ライン */
.l-footer__widgets {
	border-top: var(--ark-menulist_border);
}

.widget_nav_menu a {
	font-size: var(--ark-fz--s);
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
}

.widget_nav_menu a:hover {
	color: var(--ark-color--main);
	text-decoration: underline;
	background-color: inherit;
}

/* Project
   ----------------------------------------------------------------- */

/**
 * Articles
 */

/* .p-articles { … }
.p-article {
  ...
}
.p-article__title {
  ...
} */
.p-section__title {
	color: var(--ark-color--main);
	border-bottom: 2px solid var(--ark-color--main);
	padding-bottom: 8px;
	font-size: 1.4em;
	font-weight: 700;
	margin-bottom: 1em;
}

.p-postList .p-postList__title {
	color: #fff;
	background: var(--ark-color--main);
	padding: 8px 24px;
}

@media not all and (min-width: 600px) {
	.p-postList .p-postList__title {
		padding: 4px 16px;
		line-height: 1.25;
	}
}

.p-postList__excerpt {
	line-height: 1.75;
	margin-bottom: 2em;
}

.p-entry__content.c-postContent {
	margin-bottom: 2.5rem;
}

/* Utility
   ----------------------------------------------------------------- */

/**
 * Clearfix
 */

/* .u-clearfix {
  ...
}

/**
 * Display
 */
/* 
.u-block {
  ...
}

/**
 * Margin
 */
/* categoriy navi */
/* .c-cnav {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.9rem;
	height: 100%;
	text-align: center;
	list-style: none;
}
.c-cnav__li {
	height: 100%;
} */

.has-caution-color {
	color: #c9151e;
}

.u-flex--column {
	flex-direction: column;
}

.u-flex--start {
	align-items: flex-start;
}

/* wp-block
   ----------------------------------------------------------------- */

/* ウィジェットにあるボタン上書きスタイル */
#block-7 .wp-block-button.is-style-outline>.wp-block-button__link {
	border-width: 2px;
	border-color: #000;
	transition: color 0.25s, background-color 0.25s;
}

#block-7 .wp-block-button.is-style-outline>.wp-block-button__link:hover {
	opacity: 1;
	background-color: var(--ark-color--main);
}

#block-7 .wp-block-button.is-style-outline>.wp-block-button__link:hover strong {
	color: #fff;
}

/* wpmem login WP Member plug-in
   ----------------------------------------------------------------- */
#wpmem_login {
	margin-left: auto;
	margin-right: auto;
}

#wpmem_restricted_msg {
	margin-top: 4em;
}

.wpmenBox {
	max-width: 584px;
	margin: 0 auto;
}

.wpmenBox .c-postContent .login_out_form {
	margin: 3em 0;
	background: var(--ark-color--gray);
	border-radius: 2px;
	line-height: 1.5;
	border: 1px solid var(--ark-color--border);
}

.wpmenBox #wpmem_login legend,
.wpmenBox #wpmem_reg legend {
	font-size: var(--ark-fz--l);
	margin-bottom: 1.5em;
	color: var(--ark-color--main);
}

.wpmem_logoutInner {
	min-height: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.wpmenBox .wpmem_msg {
	width: 75%;
}

.wpmenBox .wpmem_msg {
	text-align: left;
	background: inherit;
	border: none;
	border-radius: inherit;
	padding: 50px 0 0;
	margin: 15px auto;
	color: #c9151e;
}