@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');

html
{
}

body{
	font-family: a-otf-gothic-bbb-pr6n,
	sans-serif!important;
	font-weight: 400;
	font-style: normal;
	line-height: 1.7;
	letter-spacing: .1em;
	color: #333;
}

/* Swiper */
.swiper-button-prev,
.swiper-button-next,
.swiper-pagination-white {
	opacity: 0.5;
}

/* header */

.sp-nav__btn {
	cursor: pointer;
}

.sp-header .sp-nav__btn--open {
	z-index: 100;
	position: fixed;
	padding: .35rem 1rem;
	top: 1rem;
	right: 1rem;
	border: none;
	font-size: 2rem;
}

.sp-nav__btn {
	transition: .2s ease-out;
}

.sp-nav__btn:hover {
	opacity: 0.8;
}

.sp-header .sp-nav__btn--open i {
	transition: .2s ease-out;
}

.sp-header .sp-nav__btn--open:hover i {
	transform: rotate(7deg);
}

/* iziModal */
.iziModal-content .sp-nav__btn--close {
	border: none;
	background-color: transparent;
	font-size: 2rem;
}

.iziModal-content li {
	margin-bottom: .5rem;
}

/* scroll_to_top */
.scroll_to_top {
	transition: .2s ease-out;
	background-color: rgba(0, 0, 0, .2);
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 3rem;
	height: 3rem;
}

.scroll_to_top:hover {
	transform: translateY(.25rem);
}

.scroll_to_top a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
}

/* fixed_footer */
.fixed_footer_menu_sp {
	z-index: 100;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .8);
}

/* Necessary WP classes */
.wp-caption {
	font-size: inherit;
}

.wp-caption-text {
	font-size: inherit;
}

.alignleft {
	float: left;
	margin-right: .75rem;
}

.alignright {
	float: right;
	margin-left: .75rem;
}

.aligncenter {
	margin: unset auto;
}

/* ページネーション */
.page__link--next {
	position: absolute;
	top: 0;
	right: -60px;
	width: 60px;
}

.page__link--pre {
	position: absolute;
	top: 0;
	left: -60px;
	width: 60px;
}

.numbers .post-page-numbers {
	padding: .25rem .75rem .25rem .75rem;
}

.numbers .current {
	background-color: #ccc;
}