@media screen and (min-width: 481px) {/* 481px以上に適用されるCSS（タブレット用） */
}
@media screen and (min-width: 960px) {/* 960px以上に適用されるCSS（PC用） */

/*----------------------------------------------------
基本設定
----------------------------------------------------*/
.pc_hid {
	display: none;
}
.hamburger,.sp_sns {
	display:none;
}


/*----------------------------------------------------
ヘッダー
----------------------------------------------------*/
#header {
	height: 80px;
	width: 100%;
	display: table;	
}

.logo {
	height: 80px;
	width: 11%;
	display: table-cell;
	vertical-align: middle;
}

.logo img {
	width: 160px;
	padding: 0;
	margin: 0;
}

.pc_nav {
	display: table-cell;
	vertical-align: middle;
	width: 51%;
}

.pc_nav ul {
	display: table;
	table-layout:fixed;
	width: 100%;
	text-align: center;
}
 
.pc_nav ul li {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.2rem;
}

.pc_nav li a {
	display: block;
	padding: 1em 0;
	text-decoration: none;
	font-weight: 200;
	color: #000;
}

.pc_nav li a:hover {
/*	color: #000;*/
	text-decoration: underline;
}
.pc_nav li span {
	font-size: 1.6rem;
	letter-spacing: .1em;
}



/*公式LINEボタン*/
.sp_btn-wrap {
	display: none;
}
.pc_btn-wrap {
  padding: 5px 5px 0 0;
  display: table-cell;
  width: 36%;
  text-align: right;
}
.btn-copy {
  font-size: 1.2rem;
  font-weight: bold;

  position: relative;
  right: 6rem;
  
  margin-bottom: .2em;

  text-align: center;
}

.btn-copy:before {
  margin-right: 0rem;
  content: 'ï¼¼';
}

.btn-copy:after {
  margin-left: 0rem;
  content: '／';
}

a.btn--green {
  color: #fff;
  background-color: #094;
}

a.btn--green:hover {
  color: #fff;
  background: #00a349;
}

a.btn--green.btn--cubic {
  border-bottom: 5px solid #00662d;
}

a.btn--green.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #00662d;
}

a.btn--pink {
  color: #fff;
  background-color: #ea465b;
}

a.btn--pink:hover {
  color: #fff;
  background: #E84B5F;
}

a.btn--pink.btn--cubic {
  border-bottom: 5px solid #A12F3D;
}

a.btn--pink.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #A12F3D;
}


a.btn-c {
  font-size: 1.4rem;
  position: relative;
  top: 10px;
  right: 20px;
  padding: 1rem .9rem 1rem .9rem;
  border-radius: 100vh;
  margin-right: 0.5rem;
}

a.btn-c i.fa {
  margin-left: 1rem;
}

/*----------------------------------------------------
コンテンツ共通部
----------------------------------------------------*/
.main_visual {
	margin-top: 8rem;
}

.container p {
	width: 650px;
}

p{
	font-size: 1.6rem;
}

.title_text {
	font-size: 2.6rem;
}

.contact_btn a:hover {
	background: #D5374C;
}


/*----------------------------------------------------
各コンテンツ
----------------------------------------------------*/
/*　メインビジュアル　*/
.main_visual {
	height: 90vh;
	width: 100%;
	margin-top: 7rem;
	background: url("../images/topVisual_.jpg") no-repeat center;
	background-size: cover;
}


.text_container {
	width:100%;
	position: absolute;
	top: 25%;
	right: 3%;
	line-height: 8rem;
}

.main_visual .title_text strong{
	font-size: 5rem;
	padding: 5px;
	margin-left: 10px;
	border-bottom: solid 1px #000;
	background: rgba(255,255,255,0.9);
}

.main_visual .title_text span {
	font-size: 4.5rem;
	font-weight: bold;
	color: #000;
	border-bottom: solid 1px #000;
	background: rgba(255,255,255,0.85);
	padding: 5px;
}

.main_visual .small{
	text-align: right;
	font-size: 1.4rem;
	color: rgba(39,39,39,1.00);
	font-weight: 300;
	line-height: 2rem;
}


.main_visual .bottom_container img{
	width: 50%;
	margin: 5px 0;
}

.main_visual .contact_btn {
	display: block;
	margin-top: 1rem;
	margin-right: 10rem; 
}

/*　メインビジュアル　*/
/*
.main_visual .title_text {
	font-size: 4rem;
	line-height: 4.5rem;
	font-weight: normal;
}

.main_visual .title_text .title_toptxt {
	font-size: 2.5rem;
	line-height: 3rem;
}
*/



/*　　キャンペーンバナー　　　*/
#campaign_container {
 width: 100%;
 padding-left: 0;
 margin: 0;
}

#newshop_banner{
	width: 50%;
	margin: 1rem auto;
}

#campaign_container .flex{
	display: flex;
 	justify-content: center;
}

.campaign_banner {
	width: 30%;
	padding: 0;
	margin:0;
}

.campaign_banner img {
	width: 100%;
	padding: 0;
	margin: 0;
}

.youtube {
	position: relative;
	width: 30%;
	height: auto;
	padding: 0;
	margin: 0;
}

.youtube iframe {
	position:static;
	height: 100%;
	padding: 0;
	margin: 0;
}



/*  トレーニングメニュー欄　*/
#menu_container{
	width: 100%;
	padding: 3rem 0;
}

#menu_container h3{
	font-size: 1.4rem;
	font-weight: 100;
	text-align: left;
	line-height: 1.2;
	width: 90%;
	margin: 0 auto;
}
#menu_container h3 span{
	color: rgba(255,171,42,0.73);
	font-size: 3rem;
	font-weight: bold;
}
#menu_container .flex_container{
	display: flex;
	justify-content: center;
	margin: 2rem 0;
}
#menu_container .flex_container .menu{
	width: 25%;
	border-right: 1px rgba(58,58,58,1.00) solid;
	border-bottom: none;
	padding: 1rem 0;
}
#menu_container .flex_container .menu:last-child{
	border: none;
	padding: 1rem 0;
}
#menu_container .flex_container .menu img{
	width: 90%;
}
#menu_container .flex_container .menu .text{
	font-size: 1.4rem;
	text-align: left;
	padding: 1rem 0 0 0;
	margin: 0 auto;
	width: 90%;
}

/* 　初回体験の流れ　*/
#trialstep_container {
	background: rgba(0,0,0,0.05);
}

#trialstep_container .flex_container{
	background: #fff;
	display: flex;
	padding:1rem;
	margin: 1rem auto;
	width: 70%;
	
}
#trialstep_container .flex_container img{
	padding-right: 1rem;
	width: 30%;
}
#trialstep_container .flex_container h3{
	font-size: 1.6rem;
	font-weight: 200;
}
#trialstep_container .flex_container h3 span{
	color: rgba(255,171,42,0.73);
	font-size: 3rem;
	font-weight: bold;
	padding-right: .5rem;
}
#trialstep_container .flex_container .text{
	font-size: 1.4rem;
	text-align: left;
	padding:0;
	width: 100%;
}
#trialstep_container .flex_container .text a{
	color: #ea465b;
	text-decoration: underline; 
}
#trialstep_container .flex_container .text a:hover{
	color:rgba(255,127,129,1.00)
}

#trialstep_container .things_container{
	padding-top: 2rem;
	margin: 0 auto;
	width: 80%;
	
}
#trialstep_container .things_container h3{
	font-size: 2.6rem;
	font-weight: normal;
}
#trialstep_container .things_container .flex{
	display: flex;
	justify-content: center;
}
#trialstep_container .things_container .flex .item{
	font-size: 1.4rem;
	width: 15%;
}
#trialstep_container .things_container .icon{
	width: 60%;
	padding: 1rem;
	margin:0 auto;
}
#trialstep_container .things_container .text{
	font-size: 1.2rem;
}




/*　料金欄　*/
/*
#price_container {
	background: url("../images/bg_nakayamacho.jpg") no-repeat center top;
	background-size: cover;
	background-color: rgba(255,255,255,0.6);
	background-blend-mode:overlay;
}
*/

#price_container h3 {
	font-size: 4rem;
	font-weight: lighter;
	letter-spacing: 0.1em;
	line-height: 3rem;
	margin: 2rem;
}

#price_container h3 span {
	font-size: 2.5rem;
	font-weight: 100;
	letter-spacing: 0.1em;
}

#price_container h4{
	font-size: 2.5rem;
	font-weight: 100;
	letter-spacing: normal;
	padding-bottom: .5rem; 
	margin: 0;
}

#price_container p {
	padding: 1rem 0;
}

#price_container .info {
	font-size: 1.3rem;
	text-align: center;
	width: 90%;
	padding-top: 2rem;
}

#price_container .price_info {
	font-size: 1.5rem;
	text-align: left;
	width: 70%;
	padding-top: 2rem;
}


.price_flex,.option_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 80%;
	margin: 0 auto;
}

.price_list,.option_list {
	width: 40%;
	margin: 1rem;
}


/*マンスリー欄*/
.price_list_monthly {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.monthly_top {
	width: 100%;
	padding: 1rem 0 0 0;
}

.monthly_top h3{
	margin: 0;
}

.monthly_top p {
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 1.3em;
}

.monthly_item {
	width: 40%;
	padding: 1rem;
	margin: 0 1rem 2rem 1rem;
}
.monthly_item p {
	font-size: 1.4rem;
}

.monthly_item_table {
	width: 60%;
	margin-top: 1rem;
}


#price_container .monthly_item_table h4{
	font-size: 2.5rem;
	line-height: 3rem;
	padding-bottom: 1rem; 
}


#price_container .monthly_item_table p{
	font-size: 1.2rem;
}

.monthly_item_table table{
	width: 100%;
}

.monthly_item_table table td{
	font-size: 1.8rem;
	width: 25%;
	text-align: center;
}

.monthly_item_table table .title{
	font-size: 1.2rem;	
	line-height: 1.8rem;
}

.monthly_item_table table .small_red{
	font-size: 1.2rem;
}

.monthly_item_table table .small_gray{
	font-size: 1.4rem;
}

.price_list_monthly .under {
	font-size: 2.3rem;
}

.price_list_monthly .info{
	width: 45%;
	margin: 0 auto;
}



/* 　プラン表ボタン　*/

.price_list .btn {
  cursor: pointer;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  background: #ff701e;
  border: 2px solid #ff701e;
  border-radius: 60px;
  color: #fff;
  display: block;
  font-weight: 400;
  max-width: 250px;
  text-align: center;
  margin: .5rem auto;
}
  
.price_list .btn a {
	display: block;
	color: #ffffff;
	font-size: 1.4rem;
	padding: .5rem 0;
	text-align: center;
}

.price_list .btn:hover{
	background: #fff;
  	
}
.price_list .btn a:hover{
	color: #ff701e;
}

/*　比較表　*/
#comparison_container{
	width: 80%;
	margin: 0 auto;
}
#comparison_container table th,#comparison_container table td{
 	 font-size: 1.2rem;
	 vertical-align: middle;
}


#comparison_container .price{
	  color: #000;
	  font-weight: bold;
	  font-size: 1.5rem;
}

#comparison_container .price span {
	font-size: 1rem;
}

#comparison_container .red-txt{
	color:#e81010;
}

#comparison_container p {
	font-size: 1.4rem;
	text-align: left;
}




/*お客様の声*/


#top_page #review_container img{
	width: 100%;
}

#review_container .slider li{
	min-width: 20%;
	margin: 10px;	
	padding: 0;
	list-style: none;
}



#online_personal_page .img_container {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#online_personal_page #review_container img{
	width: 40%;
	box-shadow: 0 0 3px 0 rgba(0,0,0, .5);
	margin: 1rem;	
}




/*　トレーナー欄　*/
#trainer_container img {
	width: 500px;
}
#trainer_container p {
	font-size: 1.7rem;
	line-height: 1.5;
}

/*　photoスライダー　*/
#photo_container {
	width: 500px;
	margin: 0 auto;
}
.bx-wrapper img {
    width: 500px;
}

.bxslider_thumbnail > li {
    width: calc(100% / 7);
}

/*  店舗情報  */
#shoplist_container {
	width: 650px;
	margin: 0 auto;
}
#shoplist_container .shop_access {
	margin: 3rem 0;
	width: 100%;
}

.shop_access h3 {
	font-size: 2rem;
	font-weight: normal;
	text-align: left;
	padding: 0 1rem;
}


#shoplist_container .shop_photo {
	width: 300px;
	margin: 0 1rem;
}

.shop_access .address,.business_hours {
	font-size: 14px;
	text-align: left;
	padding: 0;
	margin: 0 1rem;
} 
/*----------------------------------------------------
フッター
----------------------------------------------------*/
footer {
	background: #333333;
	color: #ffffff;
	height: 30%;
	position: relative;
}
.copyright {
	font-size: 1rem;
	position: absolute;
	bottom: 70px;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	padding: 1rem;
}


/* ----------------pc_SNSボタン------------------ */
.pc_sns {
	height: 80px;
	width: 20%;
	position: absolute;
	right: 0;
/*	text-align: center;*/
	vertical-align: middle;
}

.sns_icon {
	font-size: 3rem;
	padding: 1rem;
}

/* アイコンボタンの位置調整 */
.pc_sns {
	display: flex;
	flex-flow: row;
	justify-content: flex-end;
	height: 80px;
}
/* アイコンボタン同士の余白調整 */
.pc_sns li {
/*	flex:0 0 33%;*/
	text-align:center!important;
	margin: auto 1rem;
}

/* アイコン周り全体 */
.flowbtn16 {
	font-family:"Font Awesome 5 Brands";
	border-radius:4px;
	display:inline-block;
	width:66px;
	height:58px;
	font-size:30px;
	transition:.5s;
	text-decoration:none;
	background-color:#444;
	color:#fff;
}

.flowbtn16:hover{
	text-decoration:none;
}

/* Instagramボタン */
.flowbtn16.insta_btn2:hover{
	background:#c6529a;
}

/* Twitterボタン */
.flowbtn16.fl_tw2:hover {
	background: #55acee;
}

/* ボタン内テキスト調整 */
.flowbtn16 div {
	font-size: 11px;	
	letter-spacing: 0;
	font-weight: bold;
	position: relative;
	bottom: 10px;
}



/* ---------------- 採用情報バナー　------------------ */
footer .banner_wrap {
	width: 100%;
	padding-top: 1rem;
	margin: 0 auto;
}

footer .banner_wrap a {
	display: block;
	width: 30%;
	margin: 0 auto;
}

footer .banner_wrap a img{
	width: 100%;
}


/*  お問い合わせ  */

#contact_container {
	font-size: 1.8rem;
}


/*----------------------------------------------------
オンラインページ
----------------------------------------------------*/

#online_personal_page .main_visual {
	height: 60vh;
	width: 100%;
	margin-top: 7rem;
	background: url("../images/online_top.jpg") no-repeat right 60%;
	background-size: 65%;
	display: table;
	color:#333;
}

#online_personal_page .main_visual .text_container {
	display: table-cell;
	vertical-align: middle;
	padding-left: 7rem;
}

#online_personal_page .main_visual .title_text {
	font-size: 2rem;
	text-align: left;
	line-height: 1.5;
}

#online_personal_page .title_toptxt {
	font-size: 5rem;
	line-height: 1.2;
}

#online_personal_page .main_visual p {
	font-size: 2rem;
	text-align: left;
	padding-top: 3rem;
}

#online_personal_page .main_visual .contact_btn {
	display: block;
	margin: 2rem auto 0 0;
}


/* ----------------オンライン＿キャンペーン------------------ */

#online_personal_page #campaign_container {
	display: flex;
	justify-content: center;
}







/* ----------------オンライン＿コンセプト------------------ */

#online_personal_page #concept_container {
	width: 80%;
	margin: 0 auto;
}

#online_personal_page #concept_container .flex_container .item {
	width: 20%;
	text-align: center;
	border: 1px solid #333;
	border-radius: 10px;
	padding: 1rem;
	margin: 1rem;
}

/* ----------------オンライン＿料金------------------ */
#online_personal_page .price_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 80%;
	margin: 0 auto;
}

#online_personal_page .monthly_item {
	width: 30%;
	margin: 1rem;
}


/* ----------------オンライン＿フォト------------------ */

#onlinephoto_container p {
	padding-top: 0;
	margin: 0 auto;
	width: 100%;
}
/* ----------------オンライン＿スライダー------------------ */
.content img{
  width: 400px;
  height: auto;
}


/*----------------------------------------------------
採用情報ページ、フランチャイズページ
----------------------------------------------------*/


#recruit_page .main_visual,#franchise_page .main_visual{
    height: 300px;
  	position: relative;
}

#recruit_page .main_visual .title_text,#franchise_page .main_visual .title_text{
	color: #fff;
	font-size: 4rem;
	position: absolute;
	left: 50%;
	transform: translate(-50%,50%);
	width: 100%;
}

#recruit_page table {
	width: 60%;
	margin: 0 auto;
	font-size: 1.4rem;
}


#franchise_page #concept_container .title_text {
	font-size: 2rem;
	line-height: 1.5;
}


#franchise_page #FCpoint_container p{
	width: 60%;
}

#franchise_page .FCdetail {
	padding: 2rem 0;
}

#franchise_page .FCdetail h3{
	font-size:1.8rem;
}

#franchise_page .FCdetail .flex_container{
	display: flex;
	justify-content: center;
}

#franchise_page .FCdetail .cost{
	width: 30%;
	margin: .5rem;
}

#franchise_page .FCdetail table {
	width: 100%;
	margin: 0 auto;
	font-size: 1.4rem;
}

#franchise_page .FCdetail table tr {
	background: #fff;
}

#franchise_page .FCdetail table tr:nth-child(odd){
	background: #eee;
}


#franchise_page .FCdetail th {
  	padding: 20px 10px;
	width: 60%;
}

#franchise_page .FCdetail td {
  	padding: 20px 10px;
	width: 40%;
	text-align: center;
}

/*----------------------------------------------------
メディア掲載情報ページ
----------------------------------------------------*/
#media_page #media_container {
	width: 60%;
	margin: 0 auto;
}

#media_page .h4_container {
	width: 80%;
}

.h4_container p {
	width: 100%;
}
#media_page .h4_container h4 {
	font-size: 1.8rem;
}




}