@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
*/
/* 共通 */
.alignfull{
	max-width: initial;
	width: initial;
	left: initial;
}
body{
	  font-family: "Noto Sans JP", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		letter-spacing: .1em;
}

.is-style-reir-heading-wh.ark-block-heading h1.ark-block-heading__main{
	font-size: 3rem;
}
.reir{
	font-family: "Racing Sans One", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.l-content__body{
	margin-top: 0;
	margin-bottom: 0;
}
@media not all and (min-width: 1000px){
	.l-article{
		max-width: 100%;
		margin-inline: auto;
	}
}
/* ぱんくずリスト */
.p-breadcrumb{
	background: var(--ark-color--main);
	color: #fff;
}
.p-breadcrumb__list{
	width: 90%;
}
/* header */
@media (min-width: 1000px){
#header{
	position: fixed;
	width: calc((50% - var(--ark-width--article)) / 2) - var(--ark-scrollbar_width);
	height: 100%;
  inset: 0 calc(50% + (var(--ark-width--article) / 2) - 0.5px) 0 0;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
	font-family: "Racing Sans One", sans-serif;
	background: transparent;
	box-sizing: border-box;
	z-index: 9999;
}
.l-header__body{
	display: flex;
	flex-direction: column;
}
.l-header__right{
	justify-content: center;
}
.c-gnav{
	flex-direction: column;
	font-size: 2rem;
	align-items: flex-start;
	color: var(--ark-color--main);
}
.c-gnav__li>.c-gnav__a{
	padding: 6px;

}
}
@media not all and (min-width: 1000px){
	[data-btns=r-l] .l-header__body {
    grid-template-areas: "left center menu";
    grid-template-columns: 25% calc(75% - var(--ark-drawerW)) var(--ark-drawerW);
}
.l-header__center{
	grid-area: left;
}
	.c-drawerNav{
	font-family: "Racing Sans One", sans-serif;
	font-weight: 400;
	font-style: normal;
	}
}
/* header右 */
@media (min-width: 1000px){
.c-reuseBlock .profile{
	position: fixed;
	top: 50%;
	left: calc(50% + (var(--ark-width--article) / 2) - 0.5px);
  right: 0;
  transform: translateY(-50%);
	width: calc((50% - var(--ark-width--article)) / 2) - var(--ark-scrollbar_width);
	max-height: calc(100vh - 24px);
	box-sizing: border-box;
	padding: 12px;
	z-index: 9999;
}
.profile-text{
	max-width: 250px;
	margin-inline: auto;
}
}
@media not all and (min-width: 1000px){
	.w-before-footer .c-reuseBlock .profile{
		display: none;
	}
}
/* headerスマホ中央 */
.l-header__left{
	display: none;
}
@media not all and (min-width: 1000px){
	.l-header__left{
		display: block;
		grid-area: center;
		width: 100%;
	}
	.l-header__left a{
		padding: .45rem .95rem;
	}
}
/* フッター固定ナビ */
.sp-footer-nav{
	display: none;
}
@media not all and (min-width: 1000px){
	#footer{
		position: relative;
		padding-bottom: 65px;
	}
	.sp-footer-nav{
		position: fixed;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		display: block;
		width: 90%;
		border-radius: 100px;
		padding: .5rem!important;
		margin-bottom: .5rem;
	}
}
/* topへ戻る */
.p-fixBtnWrap{
	border-radius: 50%;
	overflow: hidden;
}
.l-container{
	max-width: var(--ark-width--article);
	padding-left: 0;
	padding-right: 0;
}
/* FV */
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
.swiper-slide-active .ark-block-slider__img,
.swiper-slide-duplicate .ark-block-slider__img,
.swiper-slide-prev .ark-block-slider__img {
  animation: zoomUp 15s linear 0s normal both;
}
.swiper-slide img {
  height: auto;
  width: 100%;
}
.fv-slide{
	position: relative;
}
.fv-news{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80%;
	z-index: 1;
}
#fv .wp-block-group.has-background{
	background-color: rgba(255, 255, 255,.9)!important;
	border-radius: 0 8px 0 0;
	padding: .25rem .5rem;
}
#fv .c-postMetas__icon{
	display: none;
}
#fv .p-postList.-type-simple{
	border-top: none;
}
#fv .p-postList__title{
	color: var(--ark-color--main);
}
#fv .p-postList.-type-simple .p-postList__link{
	border-bottom: none;
	padding: .5rem;
}
/* campaign */
#campaign .is-style-reir-heading-bl.ark-block-heading .ark-block-heading__main{
	font-size: 3rem;
}
/* about */
#about .ark-block-columns__inner{
	row-gap: 0;
}
#about .icon{
    background: #fff;
    border-radius: 50%;
    width: 90px;
    margin-inline: auto;
}
#about .text{
	background: #fff;
	border-radius: 4px;
	padding: 1.25rem 1rem;
	margin-top: -2rem;
	z-index: -1;
}
#about .recommend h4{
	color: var(--ark-color--main);
}
#about .recommend p{
	color: var(--ark-color--text);
}
#about .muscle-up,
#about .body-make,
#about .diet,
#about .goal{
	position: relative;
}
#about .uc-muscle,
#about .uc-wish,
#about .uc-wow,
#about .uc-this{
	position: absolute;
}

#about .uc-muscle{
	top: -25px;
	right: 0;
}

#about .uc-wish{
	right: -35px;
	bottom: -30px;
}
#about .uc-wow{
	right: -25px;
	bottom: -30px;
}
#about .uc-this{
	right: -65px;
	bottom: -65px;
}
@media not all and (min-width: 1000px){
#about .uc-wish{
	right: -15px;
	bottom: -150px;
}
#about .uc-wow{
	right: -10px;
	bottom: -100px;
}
#about .uc-this{
	right: -45px;
}
}
/* MENU */
.wp-block-group.has-white-background-color.has-background{
	border-radius: 8px;
}
.ark-block-dl__dt{
	background: #196fa3;
	color: #fff;
	border-left: none;
	border-radius: 4px;
	padding: .5em .75em;
}
#menu .kaisu-ken{
	position: relative;
	z-index: 1;
}
#menu .uc-here{
	position: absolute;
	top: -120px;
	right: -35px;
	z-index: -1;
}
#menu .no1{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	background: var(--ark-color--main);
	color: #fff;
	padding-bottom: 10px;
}

/* message */
#message .ark-block-section__media{
	background-position: center right;
	top: 0;
	left: 25vw;
  background-size: 50%;
  background-repeat: no-repeat;
	z-index: 2;
	opacity: .2;
}
#message .ark-block-section__media .ark-block-section__img{
	object-fit: contain;
	width: 50%!important;
	height: 50%!important;
}
/* Q&A */
.ark-block-faq__q {
	background-color: #196fa3;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
}
.ark-block-faq__a {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s;
	padding: 0!important;
}
.ark-block-faq__a.open {
	max-height: fit-content;
	padding: 1em 1em 1em 3em!important;
	border: solid 1px #196fa3;
}
.ark-block-faq .ark-block-faq__q:before,
.ark-block-faq .ark-block-faq__a:before {
	font-family: "Racing Sans One", sans-serif;
	font-weight: 400;	
	font-size: 1.2em;
	box-shadow: none;
	top: 5px;
	left: 10px;
	background-color: transparent;
}
.ark-block-faq .ark-block-faq__a:before {
	top: 8px;
	color: #e47317;
}
.ark-block-faq .ark-block-faq__item+.ark-block-faq__item {
	position: relative;
	border-top: none;
}
.ark-block-faq__item .ark-block-faq__q:after {
	position: absolute;
	top: 50%;
	right: 30px;
	display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    -webkit-transform: translate(0px,-2px) rotate(135deg);
    transform: translate(0px,-2px) rotate(135deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
		transition:.5s;
}
.ark-block-faq__item.open .ark-block-faq__q:after {
	transition:.5s;
	-webkit-transform: translate(0px,2px) rotate(-45deg);
	transform: translate(0px,2px) rotate(-45deg);
}
@media not all and (min-width: 1000px){
	.ark-block-faq__item+.ark-block-faq__item {
    margin-top: .5em;
    padding-top: .5em;
}
	
	.ark-block-faq__q {
    padding: .75em 3em;
}

}

#faq .uc-up{
	position: absolute;
	bottom: -45px;
	left: 150px;
}
@media not all and (min-width: 1000px){
	#faq .uc-up{
		left: 100px;
	}
}
/* ACCESS */
#access .access-info{
	position: relative;
}
#access .uc-letgo{
	position: absolute;
	right: -50px;
	bottom: -60px;
}
/* お問い合わせ */
	.smf-action .smf-button-control__control {
			font-weight: bold;
			color: #fff;
			background-color: #e47317;
			background-image: none;
			border: none;
	}
	.smf-action .smf-button-control__control:hover {
	opacity: .7;
	}
/* 予約 */
#selectedDate{
	font-weight: bold!important;
}
#booking-package_schedulePage .courseListPanel{
	right: initial!important;
	left: 20%!important;
	width: 80%!important;
}
#booking-package_schedulePage .daysListPanel{
	width: 20%!important;
}
#booking-package .selectable_service_slot{
	display: flex!important;
	flex-direction: column;
}
.service_name_cost{
	font-weight: bold;
}
.descriptionOfService{
	font-size: .75em;
	opacity: .75;
}
#booking-package_schedulePage .serviceCost{
	text-align: left!important;
	padding-left: 0!important;
}
#booking-package_schedulePage .closed{
	cursor: initial!important;
}
#booking-package_schedulePage .selectable_day_slot.closed:hover,
#booking-package .selectable_time_slot.closed:hover{
	background-color: initial!important;
}
#bottomPanel button,
#booking-package_pay_locally button{
	background-color: var(--ark-color--main);
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	padding: .25em .75em;
}
#nextAndReturnPanel button{
	background-color: initial;
}
#previous_available_day_button,
#next_available_day_button{
	display: none;
}
/* 記事ページ */
.single #main_content{
	background: var(--ark-color--main);
	padding: 1.5rem 1.75rem;

}
.single .l-main__body{
	background: #fff;
	border-radius: 8px;
	padding: 1.5rem 1.75rem;
}
/* アーカイブページ */
.archive #main_content,
.blog #main_content{
	background: var(--ark-color--main);
	padding: 1.5rem 1.75rem;

}
.archive .l-main__body,
.blog .l-main__body{
	background: #fff;
	border-radius: 8px;
	padding: 1.5rem 1.75rem;
}