/* 共通項目 */
.p-heading-bottom img {
	margin-bottom: 74px;
	width: 100%;
}

/* pcでは非表示 */
.pc-display-none {
	display: none;
}
/* ヘッダー */
.header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
    padding: 0 6px
    
  }
.header_all {
	width: 100%;
    height: 80px;
    background-color: #fff;
    /* border-bottom: 1px solid #ccc; */
    box-shadow: 0 2px 8px rgba(30,30,80,.3);;
    z-index: 999;
    position: fixed;
}
/* padding: 10px 40px 0 40px; */

/* メインビジュアル */
.inner {
	display: flex;
	justify-content: center;
}
.mv_btn_pc_hover {
	width: 100%;
}
.mv_btn_pc_hover:hover {
	opacity: 0.7;
	transition: 0.3s;
	transition-property:opacity, color;
}
.p-top-mv_catch {
	position: relative;
}
.p-top-mv_catch img {
	width: 30rem;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 130px;
}
.main-visual {
	width: 100%;
    background: url(../images/pc/bg_hero_pc.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 45.625rem;
}
.logo img {
	width: 240px;
}
.mv_btn_area {
	max-width: 960px;
	margin: 0 auto;
}
.p-top-campaign-all {
	padding: 110px 40px;
}

.p-top-campaign {
	max-width: 1010px;
	margin: 0 auto;
}
.p-top-campaign img {
	width: 100%;
}

/* 総合型ジムの魅力セクション */
.p-top-attractive-all {
	padding: 110px 40px;
	background-color: #fff1e3;
}

.p-top-attractive_text img {
	margin-bottom: 60px;
	width: 100%;
}

.p-top-attractive_heading {
	width: 356px;
	margin: 0 auto;

}
.p-top-attractive_text {
	max-width: 800px;
	margin: 0 auto;
}
.p-top-attractive_figure {
	max-width: 1010px;
	margin: 0 auto;
}
.p-top-attractive_figure img {
	width: 100%;
}
/* ニューマシーンセクション */
.p-top-machine {
	padding: 110px 40px;
	background-color: #fff8ef;
}

.p-top-machine_heading {
	width: 437px;
	margin: 0 auto;

}
.p-top-machine_text {
	max-width: 754px;
	margin: 0 auto;
}
.p-top-machine_figure {
	max-width: 1010px;
	margin: 0 auto;
}
.p-top-machine_figure img {
	width: 100%;
}
.p-top-machine_text img {
	width: 100%;
	margin-bottom: 60px;
}
/* イオンスポーツクラブの魅力 */
.p-top-features {
	padding: 110px 40px;
	background-color: #fff1e3;
}

.p-top-features_heading {
	width: 290px;
	margin: 0 auto;

}
.p-top-machine_image {
	max-width: 1010px;
	margin: 0 auto 60px auto;
}
.p-top-machine_image  img {
	width: 100%;
}
/* 会員様の声 */
.slick-dots {
	display: none;
}
.p-top-voice {
	padding: 110px 40px;
	background-color: #fff8ef;

}
.p-top-voice_heading {
	width: 561px;
	margin: 0 auto;
}
/* アクセス */
.p-top-access {
	padding: 110px 40px;
}
.p-top-access_heading {
	width: 230px;
	margin: 0 auto;
}
.p-top-access-inner {
	max-width: 1010px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.p-top-cta {
	padding: 90px 0;
	background: linear-gradient(to right,#ff9933, #fe7066);
}
.p-top-access-text {
	margin-left:42px;
}
.p-top-access-text img {
	width: 400px;
}
.p-top-access-map {
	width: 506px;
	height: 337 px;
}
.p-top-access-map iframe {
	height: 100%;
}
.telephone {
	font-size: 32px;
	font-weight: bold;
}
.telephone::before {
	content: url(../images/icon-tel.png);
	display: inline-block;
	vertical-align: middle;
	transform: scale(0.7); 
}

.shop-name {
	border-bottom: 3px solid #f0951e;
	display: inline-block;
	padding-bottom: 4px;
    margin-bottom: 12px;
}

/* 共通フッター */
.footerInner {
	max-width: 960px;
	margin: 0 auto;
	padding: 20px;
}
.copyLight {
	height: 30px;
	padding: 10px;
	text-align: center;
	color: #fff;
	background: linear-gradient(to right,#ff9933, #fe7066);
}
html {
	scroll-behavior: smooth;
	}
/* リンクスライドショーへの設定 */
.slider_section {
	max-width: 960px;
	margin: 0 auto;
}
.slider {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.slider img {
	max-width: 80%;
	margin: 0 auto;
}
.slick-arrow {
	z-index: 100;
	}
.slick-prev {
	left: 10px;
}
.slick-next {
	right: 10px;
}
.slick-prev:before,.slick-next:before {
	color: #f0951e;
}

/* ハンバーガーメニュー */
:target::before {
	content: "";
	display: block;
	height: 30px; /* ずらしたい高さ */
	/* margin-top: -100px; */
	 /* heightに対するネガティブマージン */
	visibility: hidden;
  }

  /*テキスト01*/
.p-top-attractive_text{ text-align: center; max-width: 100%; margin-bottom: 60px;}
.p-top-attractive_text h3{ font-size: 32px; line-height: 1.25em; margin-bottom: 40px;}
.p-top-attractive_text p{ font-size: 18px; line-height: 1.6em;}
@media screen and (max-width:1150px){
.p-top-attractive_text{ margin-bottom: 60px;}
.p-top-attractive_text h3{ font-size: calc((32/1150)*100vw);}
.p-top-attractive_text p{ font-size: calc((18/1150)*100vw);}
}


/*テキスト02*/
.p-top-attractive_table{ max-width: 1010px; margin: 0 auto;}
.p-top-attractive_table table{ width: 100%; border-spacing: 2px; table-layout: fixed; position: relative;}
.p-top-attractive_table table:after{ content: ""; width: calc((100% - 170px - 16px)/2); height: calc(100% - 4px); border: 4px solid #e67500; position: absolute; right: -2px; top: -2px;}
.p-top-attractive_table table thead td{ width: 170px;}
.p-top-attractive_table table thead th{ text-align: center; vertical-align: middle; background: #fff; padding: 20px; font-size: 18px; line-height: 22px;}
.p-top-attractive_table table thead th:nth-child(2){ background: #999; color: #fff; vertical-align: middle; text-align: center;}
.p-top-attractive_table table thead th:nth-child(3){ background: #fff; color: #e67500; font-size: 22px; line-height: 22px;}
.p-top-attractive_table table tbody th{ text-align: center; vertical-align: middle; background: #e67500; color: #fff; font-size: 16px; line-height: 1em;}
.p-top-attractive_table table tbody td{ background: #fff; vertical-align: middle; padding: 16px 40px; font-size: 15px; line-height: 1.25em;}
.p-top-attractive_table table tbody td p{ display: flex; align-items: center;}
.p-top-attractive_table table tbody td p span{ width: 36px; margin-right: 24px;}
.p-top-attractive_table table tbody td p strong{ width: calc(100% - 60px); font-weight: 500;}
@media screen and (max-width:1150px){
.p-top-attractive_table table:after{ content: ""; width: calc((84% - 8px)/2); height: calc(100% - 4px); border: 4px solid #e67500; position: absolute; right: -2px; top: -2px;}
.p-top-attractive_table table thead td{ width: 16%;}
.p-top-attractive_table table thead th{ padding: calc((20/1150)*100vw); font-size: calc((18/1150)*100vw); line-height: calc((22/1150)*100vw);}
.p-top-attractive_table table thead th:nth-child(3){ font-size: calc((22/1150)*100vw); line-height: calc((22/1150)*100vw);}
.p-top-attractive_table table tbody th{ font-size: calc((16/1150)*100vw);}
.p-top-attractive_table table tbody td{ padding: calc((16/1150)*100vw) calc((40/1150)*100vw); font-size: calc((15/1150)*100vw);}
.p-top-attractive_table table tbody td p span{ width: calc((36/1150)*100vw); margin-right: calc((24/1150)*100vw);}
.p-top-attractive_table table tbody td p strong{ width: calc(100% - ((36/1150)*100vw));}
}


/*テキスト03*/
.p-top-machine_text{ text-align: center; max-width: 100%; margin-bottom: 60px;}
.p-top-machine_text h3{ font-size: 32px; line-height: 1.25em; margin-bottom: 40px;}
.p-top-machine_text p{ font-size: 18px; line-height: 1.6em;}
@media screen and (max-width:1150px){
.p-top-machine_text{ margin-bottom: 60px;}
.p-top-machine_text h3{ font-size: calc((32/1150)*100vw);}
.p-top-machine_text p{ font-size: calc((18/1150)*100vw);}
}


/*テキスト04*/
.p-top-machine_list{ text-align: center; max-width: 1010px; margin: 0 auto;}
.p-top-machine_list ul li figure img{ width: 100%;}
.p-top-machine_list ul li{ background: #fff; margin-top: 60px; text-align: center;}
.p-top-machine_list ul li .txt{ padding: 20px 0 40px;}
.p-top-machine_list ul li .txt p.num{ margin-bottom: 10px;}
.p-top-machine_list ul li .txt p.num img{ height: 28px; display: inline;}
.p-top-machine_list ul li .txt h3{ font-size: 36px; line-height: 1.25em; margin-bottom: 30px;}
.p-top-machine_list ul li .txt p{ font-size: 18px; line-height: 1.6em;}
@media screen and (max-width:1150px){
.p-top-machine_list ul li .txt p.num img{ height: calc((28/1150)*100vw);}
.p-top-machine_list ul li .txt h3{ font-size: calc((36/1150)*100vw);}
.p-top-machine_list ul li .txt p{ font-size: calc((18/1150)*100vw);}
}


/*テキスト05*/
.slider_section{ max-width: 1010px;}
.slider_box{ width: 320px; padding: 10px;}
.slider_box dl{ width: 100%; margin: 0 auto; background: #fff; padding: 30px 20px 20px; box-sizing: border-box; box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 2px;}
.slider_box figure{ margin: 0 auto 20px; text-align: center;}
.slider_box figure img{ width: 150px;}
.slider_box p{ min-height: calc(1.6em*7); font-size: 15px; letter-spacing: -0.05em; font-weight: 500; line-height: 1.6em; text-align: justify;}
.slider_box p.sign{ min-height: 1em; text-align: right; line-height: 1em; margin-top: 1em;}
.slider_section .slick-prev{ left: -40px;}
.slider_section .slick-next{ right: -40px;}
.slider_section .slick-prev, .slider_section .slick-next{ width: 40px; height: 40px;}
.slider_section .slick-prev::before, .slider_section .slick-next::before { font-size: 40px;}
@media screen and (max-width:1150px){
.slider_box{ width: calc((320/1150)*100vw); padding: calc((10/1150)*100vw);}
.slider_box dl{ padding: calc((30/1150)*100vw) calc((20/1150)*100vw) calc((20/1150)*100vw);}
.slider_box figure{ margin: 0 auto calc((20/1150)*100vw);}
.slider_box figure img{ width: calc((150/1150)*100vw);}
.slider_box p{ font-size: calc((15/1150)*100vw);}
.slider_section .slick-prev{ left: calc((-40/1150)*100vw);}
.slider_section .slick-next{ right: calc((-40/1150)*100vw);}
.slider_section .slick-prev, .slider_section .slick-next{ width: calc((40/1150)*100vw); height: calc((40/1150)*100vw);}
.slider_section .slick-prev::before, .slider_section .slick-next::before { font-size: calc((40/1150)*100vw);}
}
@media screen and (max-width:960px){
.slider_box{ width: calc((460/960)*100vw); padding: calc((10/960)*100vw);}
.slider_box dl{ padding: calc((30/960)*100vw) calc((20/960)*100vw) calc((20/960)*100vw);}
.slider_box figure{ margin: 0 auto calc((20/960)*100vw);}
.slider_box figure img{ width: calc((150/960)*100vw);}
.slider_box p{ font-size: calc((15/960)*100vw);}
.slider_section .slick-prev{ left: calc((-40/960)*100vw);}
.slider_section .slick-next{ right: calc((-40/960)*100vw);}
.slider_section .slick-prev, .slider_section .slick-next{ width: calc((40/960)*100vw); height: calc((40/960)*100vw);}
.slider_section .slick-prev::before, .slider_section .slick-next::before { font-size: calc((40/960)*100vw);}
}


/*テキスト06*/
.p-top-access-info dl dt strong{ display: flex; align-items: center; justify-content: center; width: 5em; height: 1.5em; background: linear-gradient(to right,#ff9933, #fe7066); color: #fff; font-size: 14px; font-weight: 400; line-height: 1em; border-radius: 4px; padding-bottom: 0.125em; margin-top: 10px;}
.p-top-access-info dl dd{ font-size: 16px; font-weight: 400; line-height: 1.25em; margin-top: 5px;}