@charset "utf-8";

/**************************************************50
 * layout
 **************************************************/
.youtube-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.youtube-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
body{
	background-color: #FFFFFF;
	color: #000000;
	font-size: 16px;
	line-height: 1.8;
}
#page-wrap {
	min-height: 100%;
}
#container{
	min-height: 100%;
	overflow: hidden;
	width: 100%;
}
#contents{
	min-height: -webkit-calc(100vh - 312px - 90px - 143px);
	min-height: calc(100vh - 312px - 90px - 143px);
}
.wrap{
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:767px){
	.wrap > p{
		margin-left: 3.125%;
		margin-right: 3.125%;
		margin-bottom: 3.125%;
	}
}
@media screen and (min-width:768px){
	.wrap > p{
		margin-bottom: 20px;
	}
}
@media screen and (min-width:768px) and (max-width:1179px){
	.wrap > p{
		margin-left: 20px;
		margin-right: 20px;
	}
}
@media screen and (min-width:1180px){
	.wrap{
		padding-left: -webkit-calc((100% - 1180px) / 2);
		padding-left: calc((100% - 1180px) / 2);
		padding-right: -webkit-calc((100% - 1180px) / 2);
		padding-right: calc((100% - 1180px) / 2);
	}
}
.marquee > *{
	-webkit-animation-duration: 15s;
	-ms-animation-duration: 15s;
	animation-duration: 15s;
}


/**************************************************50
 * common
 **************************************************/
.ls05em{
	letter-spacing: 0.5em;
}

/* -- color -- */
.red{
	color: #EB0000;
}
.khaki{
	color: #B29E8C;
}

/* -- link -- */
a{
	color: #000000;
}
.link_to{
}
.link_to:after{
	content: "\F733";
}

/* -- pager -- */
.pager_num{
	text-align: center;
}
.pager_link{
	margin: 5px auto;
	text-align: center;
}
.pager_link > *{
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	width: 36px;
}
.pager_link > a{
	background-color: #000000;
	border-color: #FFFFFF;
	border-radius: 5px;
	color: #FFFFFF;
	text-decoration: none;
	transition: all 0.2s ease-out 0s;
}
.pager_link > a:hover{
	background-color: #BE1A21;
}
.pager_link > a.mdi{
	font-size: 140%;
}
.pager_link > span{
	background-color: #BE1A21;
	border-color: #FFFFFF;
	border-radius: 5px;
	color: #FFFFFF;
}
.pager_link > * + *{
	margin-left: 20px;
}
.pager_btn{
	margin-bottom: 1.5625%;
	text-align: center;
}
.pager_btn a{
	text-decoration: none;
}
.pager_btn .pager_page{
	background-color: #000000;
	color: #FFFFFF;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
	width: 6em;
}
.pager_btn .pager_prev,
.pager_btn .pager_next,
.pager_btn > span{
	display: inline-block;
	line-height: 1;
	position: relative;
	vertical-align: middle;
	width: 100px;
}
.pager_btn .pager_prev,
.pager_btn .pager_next{
	background-color: #000000;
	color: #FFFFFF;
	height: 32px;
	line-height: 28px;
}
.pager_btn .pager_prev:before,
.pager_btn .pager_next:before{
	font-size: 160%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pager_btn .pager_prev:before{
	left: 0;
}
.pager_btn .pager_next:before{
	right: 0;
}
.pager_btn .pager_prev:after,
.pager_btn .pager_next:after,
.pager_btn > span:after{
	content: " ";
}

@media screen and (max-width:939px){
	.pc_show{
		display: none !important;
	}
	.pc_hide .pager_num{
		margin-bottom: 6.25%;
	}
}
@media screen and (min-width:940px){
	.pc_hide{
		display: none !important;
	}
}

/* -- slick -- */
.slick-dots li button:before{
	background-color: #FFFFFF;
}
.slick-prev:before{
	content: "\F141";
}
.slick-next:before{
	content: "\F142";
}
.slick-prev:before,
.slick-next:before{
	background-color: #444444;
	border-radius: 50%;
	font-family: "Material Design Icons";
	font-size: 30px;
	display: block;
	height: 42px;
	line-height: 42px;
	opacity: 1;
	text-align: center;
	width: 42px;
}
@media screen and (min-width:940px){
	.slick-prev:before,
	.slick-next:before{
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition: opacity 0.2s ease-out 0s;
	}
	.slick-prev:hover:before,
	.slick-next:hover:before{
		opacity: 0.7;
	}
}

/* -- ticker -- */
.ticker {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	position: relative;
}
.ticker ul {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.ticker ul li {
	display: none;
	width: 100%;
}

/* -- label -- */
.label_red{
	background-color: #BE1A21;
	color: #FFFFFF;
}
.label_blue{
	background-color: #019FE8;
	color: #FFFFFF;
}
.label_green{
	background-color: #00A199;
	color: #FFFFFF;
}
.label_black{
	background-color: #000000;
	color: #FFFFFF;
}
@media screen and (max-width:767px){
	.label_red,
	.label_blue,
	.label_green,
	.label_black{
		padding: 1.5625% 3.125%;
	}
}
@media screen and (min-width:768px){
	.label_red,
	.label_blue,
	.label_green,
	.label_black{
		padding: 3px 20px;
	}
}
/* -- label -- */
label{
	cursor: pointer;
	display: inline-block;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	height: 30px;
	line-height: 28px;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: box-shadow;
}
label:hover,
label:focus{
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* -- select -- */
select{
	border: 1px solid #9E9E9E;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	margin-bottom: 3px;
	padding: 0 29px 0 7px;
	transition: all 0.3s ease-out 0s;
}
.select_box{
	position: relative;
	vertical-align: middle;
}
.select_box:after{
	background-color: #EEEEEE;
	border-left: 1px solid #9E9E9E;
	content: "\F35D";
	font-size: 22px;
	height: -webkit-calc(100% - 2px);
	height: calc(100% - 2px);
	position: absolute;
	right: 1px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	pointer-events: none;
}
select:focus{
	border-color: #212121;
	outline: none;
}
select::-ms-expand {
    display: none;
}


/**************************************************50
 * header
 **************************************************/
#header_menu{
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}
#header_menu:after{
	clear: both;
	content: "";
	display: block;
}
header nav a{
	color: #FFFFFF;
	text-decoration: none;
}
@media screen and (max-width:939px){
	header{
		padding-top: 46px;
	}
	#header_menu{
		height: 46px;
	}
	#header_logo{
		height: 42px;
		margin: 2px 0 2px 3.125%;
	}
	#header_menu #btn_tel{
		background-color: #EEEEEE;
		color: #000000;
		border-radius: 5px;
		display: inline-block;
		float: right;
		height: 38px;
		line-height: 38px;
		margin: 4px 3.125% 4px 0;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		width: 38px;
	}
	#header_menu #btn_tel:before{
		content: "\F11C";
		font-size: 30px;
	}
	#header_menu #btn_menu{
		background-color: #EEEEEE;
		color: #000000;
		border-radius: 5px;
		display: inline-block;
		float: right;
		font-size: 9px;
		height: 38px;
		line-height: 1;
		margin: 4px 3.125% 4px 0;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		width: 38px;
	}
	#header_menu #btn_menu:before{
		content: "\F35C";
		display: block;
		font-size: 32px;
		margin-bottom: -6px;
	}
	header nav{
		position: fixed;
		top: 46px;
		left: -100%;
		transition: left 0.2s ease-out 0s;
		width: 100%;
		z-index: 1000;
	}
	header nav.active{
		left: 0;
	}
	header nav a{
		display: block;
		background-color: #000000;
		border-top: 1px solid #FFFFFF;
		color: #FFFFFF;
		font-size: 70%;
		position: relative;
		padding: 1.5625% 3.125%;
	}
	header nav a.active{
		background-color: #BE1A21;
	}
	header nav a:after{
		content: "\F142";
		font-size: 230%;
		line-height: 1;
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	header nav a span{
		font-size: 160%;
		margin-right: 0.5em;
	}
}
@media screen and (min-width:940px){
	header{
		padding-top: 90px;
	}
	#header_menu{
		height: 90px;
	}
	#header_logo{
		height: 90px;
		transition: opacity 0.2s ease-out 0s;
	}
	#header_logo:hover{
		opacity: 0.7;
	}
	#header_menu > *{
		float: left;
	}
	#header_menu [id^="btn_"]{
		display: none;
	}
	#header_menu nav{
		display: inline-block;
	}
	#header_menu nav a{
		border-right: 1px solid #FFFFFF;
		display: inline-block;
		float: left;
		font-size: 12px;
		height: 90px;
		padding: 14px 0;
		text-align: center;
		transition: background-color 0.2s ease-out 0s;
		width: -webkit-calc(100% / 5);
		width: calc(100% / 5);
	}
	#header_menu nav a.active,
	#header_menu nav a:hover{
		background-color: #BE1A21;
	}
	#header_menu nav a:nth-child(2){
		border-left: 1px solid #FFFFFF;
	}
	#header_menu nav a span{
		display: block;
		font-size: 20px;
	}
	#header_menu nav a:first-child{
		display: none;
	}
}
@media screen and (min-width:940px) and (max-width:1179px){
	#header_logo{
		margin: 0 10px;
	}
	#header_menu nav{
		width: -webkit-calc(100% - 220px);
		width: calc(100% - 220px);
	}
}
@media screen and (min-width:1180px){
	#header_menu{
		padding-left: calc((100% - 1180px) / 2);
		padding-right: calc((100% - 1180px) / 2);
	}
	#header_logo{
		margin-right: 40px;
	}
	#header_menu nav{
		width: -webkit-calc(100% - 240px);
		width: calc(100% - 240px);
	}
}


/**************************************************50
 * middle
 **************************************************/
/* -- title -- */
.title_text{
	font-size: 160%;
	color: #BE1A21;
	text-align: left;
}
.title_bnr{
	margin-top: 50px;
	text-align: center;
}
.title_bnr img{
	max-width: 1180px;
	width: 100%;
}
@media screen and (max-width:767px){
	.title_text{
		margin-bottom: 1.5625%;
		padding: 0 3.125%;
	}
	.title_bnr{
		margin-bottom: 3.125%;
	}
}
@media screen and (min-width:768px){
	.title_bnr{
		margin-bottom: 30px;
	}
}
@media screen and (min-width:768px) and (max-width:1179px){
	.title_text{
		padding: 0 20px;
	}
}

/* -- banner -- */
.bnr_img{
	text-align: center;
}
.bnr_img img{
	max-width: 1180px;
	width: 100%;
}
@media screen and (max-width:413px){
	.bnr_half img{
		width: 100%;
	}
}
@media screen and (min-width:414px) and (max-width:767px){
	.bnr_half img{
		width: calc((100% - 3.125%) / 2);
	}
	.bnr_half img:nth-child(even){
		margin-left: 3.125%;
	}
}
@media screen and (max-width:767px){
	.bnr_img img{
		margin-bottom: 3.125%;
	}
	.bnr_half img{
		margin-bottom: 3.125%;
	}
}
@media screen and (min-width:768px){
	.bnr_img img{
		margin-bottom: 30px;
	}
	.bnr_img a img{
		transition: opacity 0.2s ease-out 0s;
	}
	.bnr_img a img:hover{
		opacity: 0.7;
	}
	.bnr_half{
		margin-bottom: 30px;
	}
	.bnr_half img{
		margin-bottom: 20px;
		width: calc((100% - 16px) / 2);
	}
	.bnr_half img:nth-child(even){
		margin-left: 16px;
	}
}

/* -- box -- */
.box_list{
	counter-reset: num;
}
.box_list li{
	border: 1px solid #BE1A21;
	border-radius: 8px;
	counter-increment: num;
}
.box_list li h3{
	border-bottom: 1px solid #BE1A21;
	color: #BE1A21;
	position: relative;
}
.box_list li h3:before{
	content: counter(num);
	background-color: #D3646A;
	border-radius: 50%;
	color: #FFFFFF;
	display: inline-block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}
.box_list li h4{
	margin-bottom: 1em;
}
.box_red{
	border: 1px solid #BE1A21;
}
@media screen and (max-width:767px){
	.box_list li{
		margin-left: 3.125%;
		margin-right: 3.125%;
		margin-bottom: 3.125%;
		padding: 24px 20px 20px;
	}
	.box_list li h3{
		font-size: 18px;
		height: 25px;
		line-height: 25px;
		margin-bottom: 30px;
		padding-left: 60px;
	}
	.box_list li h3:before{
		border: 5px solid #BE1A21;
		font-size: 28px;
		height: 45px;
		line-height: 45px;
		left: -10px;
		width: 45px;
	}
	.box_red{
		margin-left: 3.125%;
		margin-right: 3.125%;
		margin-bottom: 3.125%;
		padding: 3.125%;
	}
}
@media screen and (min-width:768px){
	.box_list li{
		margin-bottom: 20px;
		padding: 40px 20px 20px;
	}
	.box_list li h3{
		font-size: 32px;
		height: 50px;
		line-height: 50px;
		margin-bottom: 40px;
		padding-left: 120px;
	}
	.box_list li h3:before{
		border: 10px solid #BE1A21;
		font-size: 56px;
		height: 90px;
		line-height: 90px;
		left: -10px;
		width: 90px;
	}
	.box_red{
		margin-bottom: 30px;
		padding: 20px;
	}
}
@media screen and (min-width:768px) and (max-width:1200px){
	.box_list{
		margin-left: 20px;
		margin-right: 20px;
	}
	.box_red{
		margin-left: 20px;
		margin-right: 20px;
	}
}

/* -- middle010 -- */
#main_caption{
	background-color: #CB0202;
	-moz-box-shadow:0px 4px 3px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 4px 3px 0px rgba(0,0,0,0.3);
	box-shadow:0px 4px 3px 0px rgba(0,0,0,0.3);
	color: #FFFFFF;
	position: relative;
	text-align: center;
	z-index: 2;
}
#main_caption:after{
	content: url("https://hades-gym.com/images/user/arrow_red.png");
	display: block;
	position: absolute;
	bottom: -49px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
}
#main_caption img{
	max-width: 610px;
	width: 100%;
}
#top_course{
	background-color: #E9E9E9;
	-moz-box-shadow:0px 4px 3px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 4px 3px 0px rgba(0,0,0,0.1);
	box-shadow:0px 4px 3px 0px rgba(0,0,0,0.1);
	padding-top: 30px;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
}
#top_course:after{
	content: url("https://hades-gym.com/images/user/arrow_gray.png");
	display: block;
	position: absolute;
	bottom: -49px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
}
@media screen and (max-width:320px){
	#main_caption h1{
		font-size: 50%;
	}
}
@media screen and (min-width:320px) and (max-width:359px){
	#main_caption h1{
		font-size: 60%;
	}
}
@media screen and (min-width:360px) and (max-width:413px){
	#main_caption h1{
		font-size: 66%;
	}
}
@media screen and (min-width:414px) and (max-width:479px){
	#main_caption h1{
		font-size: 75%;
	}
}
@media screen and (min-width:480px) and (max-width:540px){
	#main_caption h1{
		font-size: 90%;
	}
}
@media screen and (max-width:479px){
	#top_course a img{
		width: 100%;
	}
	#top_course a + a img{
		margin-top: 3.125%;
	}
}
@media screen and (min-width:480px) and (max-width:767px){
	#top_course a img{
		width: -webkit-calc((100% - 3.125%) / 2);
		width: calc((100% - 3.125%) / 2);
	}
	#top_course > a:nth-child(odd){
		margin-left: 3.125%;
	}
}
@media screen and (max-width:767px){
	#main_caption{
		padding: 1.5625% 3.125%;
	}
	#top_course{
		margin-bottom: -webkitcalc(30px + 6.25%);
		margin-bottom: calc(30px + 6.25%);
	}
}
@media screen and (min-width:768px){
	#main_caption{
		padding: 20px;
	}
	#top_course{
		margin-bottom: 60px;
	}
	#top_course a img{
		transition: opacity 0.2s ease-out 0s;
		width: -webkit-calc((100% - 26px) / 2);
		width: calc((100% - 26px) / 2);
	}
	#top_course a img:hover{
		opacity: 0.7;
	}
	#top_course > a:nth-child(odd){
		margin-left: 26px;
	}
}
@media screen and (min-width:768px) and (max-width:1179px){
	#top_course{
		padding-left: 20px;
		padding-right: 20px;
	}
	#top_course .title_text{
		padding: 0;
	}
}


/**************************************************50
 * top
 **************************************************/
/* -- news_ticker -- */
#news_ticker{
	height: 54px;
	line-height: 54px;
}
#news_ticker > *:first-child{
	background-color: #404040;
	color: #FFFFFF;
	padding-right: 1em;
	text-align: right;
}
#news_ticker > *:nth-child(2){
	position: relative;
}
#news_ticker > *:nth-child(2):before{
	border-color: transparent transparent transparent #404040;
	border-style: solid;
	border-width: 54px 0 0 28px;
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#news_ticker ul{
	height: 54px;
}
#news_ticker ul li{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
#news_ticker ul li > span{
	margin-right: 1em;
}
@media screen and (max-width:1179px){
	#news_ticker{
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#news_ticker > *{
		display: table-cell;
		vertical-align: middle;
	}
	#news_ticker > *:first-child{
		width: 5em;
	}
	#news_ticker > *:nth-child(2){
		padding-left: -webkit-calc(28px + 1em);
		padding-left: calc(28px + 1em);
	}
	#news_ticker > *:nth-child(2):before{
		left: 0;
		width: -webkit-calc(100% - 14em);
		width: calc(100% - 14em);
	}
	#news_ticker .link_to{
		text-align: center;
		width: 9em;
	}
}
@media screen and (min-width:1180px){
	#news_ticker{
		position: relative;
	}
	#news_ticker > *:first-child{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		right: -webkit-calc(50% + 489px);
		right: calc(50% + 489px);
		width: 100%;
	}
	#news_ticker > *:nth-child(2){
		margin-left: auto;
		margin-right: auto;
		padding-left: -webkit-calc(28px + 1em);
		padding-left: calc(28px + 1em);
		width: -webkit-calc(1180px - 16em);
		width: calc(1180px - 16em);
	}
	#news_ticker > *:nth-child(2):before{
		left: -28px;
	}
	#news_ticker .link_to{
		position: absolute;
		top: 50%;
		left: -webkit-calc(50% + 480px);
		left: calc(50% + 480px);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

/* -- slide_news -- */
#slide_news li img{
	width: 100%;
}
@media screen and (max-width:767px){
	#slide_news{
		margin-bottom: 6.25%;
	}
}
@media screen and (min-width:768px){
	#slide_news{
		margin-bottom: 40px;
	}
}

/* -- news -- */

#top_news li{
	overflow: hidden;
}
#top_news li + li{
	border-top: 1px solid #BE1A21;
}
#top_news li img{
	max-width: 100%;
}
#top_news .link_to{
	color: #BE1A21;
	margin: 0 1em;
}
@media screen and (max-width:767px){
	#top_news{
		margin-bottom: 6.25%;
	}
	#top_news li{
		padding: 1.5625% 3.125%;
	}
	#top_news li:first-child h3{
		margin-bottom: 1em;
	}
}
@media screen and (min-width:768px){
	#top_news{
		margin-bottom: 40px;
	}
	#top_news li{
		padding: 10px 20px;
	}
	#top_news li span{
		float: left;
		margin-right: 1em;
	}
	#top_news li h3{
		padding-left: 6em;
	}
	#top_news li h3:after{
		clear: both;
		content: "";
		display: block;
	}
	#top_news li section{
		padding-left: 6em;
	}
}
@media screen and (min-width:1180px){
	#top_news{
		background: url("https://hades-gym.com/images/user/010_back_010.jpg") center center no-repeat;
		border-bottom: 27px solid #000000;
		height: 590px;
		padding-top: 50px;
		padding-bottom: 20px;
		position: relative;
	}
	#top_news ul{
		background-color: #FFFFFF;
		border-top: 20px solid #FFFFFF;
		height: 398px;
		padding: 0 30px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	#top_news #to_news{
		background-color: #FFFFFF;
		height: 40px;
		line-height: 40px;
		padding: 0 40px;
		position: absolute;
		bottom: 30px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 1180px;
	}
}

/* -- access -- */
#access{
	text-align: center;
}
#access_map{
	width: 100%;
}
#access p{
	display: inline-block;
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
	width: 300px;
}
#access p strong{
	display: block;
	font-size: 25px;
}
@media screen and (max-width:767px){
	#access_map:before{
		content: "";
		display: block;
		/* padding-top: 56.25%; */
	}
	#access p{
		margin: 3.125%;
	}
}
@media screen and (min-width:768px){
	#access p{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#access p + p{
		margin-left: 20px;
	}
}
@media screen and (min-width:768px) and (max-width:1179px){
	#access_map{
		height: 460px;
	}
}
@media screen and (min-width:1180px){
	#access_map{
		height: 540px;
	}
}


/**************************************************50
 * beginner
 **************************************************/
#list_flow li:last-child{
	padding: 20px;
}
#list_flow li:last-child h3{
	height: 70px;
	line-height: 70px;
	margin-bottom: 20px;
	padding: 0;
	text-align: center;
}
#list_flow li:last-child h3:before,
#list_flow li:last-child h3:after{
	display: none;
}
#list_flow li:last-child p{
	font-weight: bold;
}
#bignner_style p + p{
	margin-top: 1.3em;
}
#bignner_preparation dl dt:before{
	content: "\F135";
	color: #BE1A21;
	margin-left: -0.3em;
	margin-right: 0.3em;
}
#bignner_preparation dl dd{
	padding-left: 1em;
}
@media screen and (max-width:767px){
	#list_flow{
		margin-bottom: 6.25%;
	}
	#bignner_style{
		margin-left: 3.125%;
		margin-right: 3.125%;
		margin-bottom: 6.25%;
	}
	#bignner_preparation h2{
		margin-left: 3.125%;
		margin-right: 3.125%;
	}
}
@media screen and (min-width:768px){
	#list_flow li:not(:last-child) h3:after{
		content: url("https://hades-gym.com/images/user/020_img_010.jpg");
		display: inline-block;
		height: 87px;
		position: absolute;
		bottom: 0;
		right: 5px;
		width: 68px;
	}
	#list_flow li:last-child p{
		font-size: 180%;
	}
	#bignner_style{
		margin-bottom: 30px;
	}
}
@media screen and (min-width:768px) and (max-width:1200px){
	#bignner_style{
		margin-left: 20px;
		margin-right: 20px;
	}
	#bignner_preparation h2{
		margin-left: 20px;
		margin-right: 20px;
	}
}
@media screen and (min-width:1180px){
	#list_flow:after{
		clear: both;
		content: "";
		display: block;
	}
	#list_flow li{
		float: left;
		height: 380px;
		width: -webkit-calc((100% - 40px) / 2);
		width: calc((100% - 40px) / 2);
	}
	#list_flow li:nth-child(even){
		margin-left: 40px;
	}
	#list_flow li:last-child p{
		position: relative;
		top: 10%;
		left: 8%;
	}
	#bignner_style{
		background: url("https://hades-gym.com/images/user/020_img_020.jpg") 830px center no-repeat;
		background-size: contain;
		height: 360px;
		padding-right: 468px;
	}
	#bignner_style p + p{
		margin-top: 2.3em;
	}
	#bignner_style p.lable_red{
		padding: 10px 20px;
	}
}


/**************************************************50
 * course
 **************************************************/
#experience h2{
	position: relative;
}
#experience h2 > span{
	position: absolute;
	top: 50%;
	right: 1em;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#fee_per_month{
	text-align: center;
}
#fee_per_day{
	text-align: center;
}
#fee_per_day .daily_sex{
	letter-spacing: 4em;
	margin-right: -2em;
}
#equipment:after{
	clear: both;
	content: "";
	display: block;
}
#equipment li{
	float: left;
}
@media screen and (max-width:413px){
	#equipment li{
		margin-bottom: 3.125%;
	}
	#equipment .eqm_narrow{
		width: 48%;
	}
	#equipment .eqm_narrow + .eqm_narrow{
		margin-left: 4%;
	}
}
@media screen and (min-width:414px) and (max-width:767px){
	#equipment li.eqm_wide{
		width: 43.8135593220339%;
	}
	#equipment .eqm_narrow{
		width: 24.74576271186441%;
	}
	#equipment li + li{
		margin-left: 3.305084745762712%;
	}
}
@media screen and (max-width:767px){
	#course_conditioning h2,
	#experience h2{
		margin-left: 3.125%;
		margin-right: 3.125%;
	}
	#fee_per_day{
		margin-bottom: 3.571428571428571%;
	}
	#fee_per_day .label_blue{
		margin-top: 3.571428571428571%;
	}
	#fee_per_day .label_green{
		margin-top: 3.571428571428571%;
	}
	#equipment li.eqm_wide img{
		width: 100%;
	}
	#equipment .eqm_narrow img{
		width: 100%;
	}
}
@media screen and (min-width:768px){
	#fee_per_month{
		float: left;
		width: -webkit-calc(50% - 10px);
		width: calc(50% - 10px);
	}
	#fee_per_day{
		float: left;
		margin-left: 20px;
		width: -webkit-calc(50% - 10px);
		width: calc(50% - 10px);
	}
	#experience .box_red:after{
		clear: botn;
		content: "";
		display: block;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#experience .box_red{
		font-size: 120%;
	}
}
@media screen and (min-width:768px) and (max-width:1199px){
	#course_conditioning h2,
	#experience h2{
		margin-left: 20px;
		margin-right: 20px;
	}
	#equipment li.eqm_wide{
		width: 43.8135593220339%;
	}
	#equipment li.eqm_wide img{
		width: 100%;
	}
	#equipment .eqm_narrow{
		width: 24.74576271186441%;
	}
	#equipment .eqm_narrow img{
		width: 100%;
	}
	#equipment li + li{
		margin-left: 3.305084745762712%;
	}
}
@media screen and (min-width:940px) and (max-width:1179px){
	#experience .box_red{
		font-size: 140%;
	}
}
@media screen and (min-width:1180px){
	#course_kick li{
		position: relative;
	}
	#course_kick li:after{
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
	#course_kick li h4{
		padding-right: 200px;
	}
	#course_kick li p{
		min-height: 160px;
		padding-right: 200px;
	}
	#course_kick li h4 + p{
		min-height: 110px;
	}
	#course_kick li:nth-child(1):after{
		content: url("https://hades-gym.com/images/user/030_img_010.jpg");
	}
	#course_kick li:nth-child(2):after{
		content: url("https://hades-gym.com/images/user/030_img_020.jpg");
	}
	#course_kick li:nth-child(3):after{
		content: url("https://hades-gym.com/images/user/030_img_030.jpg");
	}
	#course_kids li{
		position: relative;
	}
	#course_kids li:after{
		content: url("https://hades-gym.com/images/user/030_img_040.jpg");
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
	#course_kids li h4{
		padding-right: 200px;
	}
	#course_kids li p{
		min-height: 160px;
		padding-right: 200px;
	}
	#course_kids li h4 + p{
		min-height: 110px;
	}
	#experience .box_red{
		font-size: 160%;
	}
	#equipment li + li{
		margin-left: 39px;
	}
}


/**************************************************50
 * news
 **************************************************/
#news_list li:after{
	clear: both;
	content: "";
	display: block;
}
#news_list li > h3{
	border-bottom: 1px solid #BE1A21;
	color: #BE1A21;
	padding: 0 1em;
}
#news_list li > p{
	color: #616161;
	padding: 0 0.5em;
}
#news_list li > section{
	padding: 0 0 0 1em;
}
#news_list li .news_img img{
	width: 100%;
}
@media screen and (max-width:767px){
	#news_list{
		margin-bottom: 6.25%;
	}
	#news_list li{
		padding: 0 3.125%;
	}
	#news_list li + li{
		margin-top: 3.125%;
	}
	#news_list li .news_img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3.333333333333333%;
		max-width: 300px;
		width: 50%;
	}
}
@media screen and (min-width:768px){
	#news_list{
		margin-bottom: 40px;
	}
	#news_list li + li{
		margin-top: 30px;
	}
	#news_list li .news_img{
		display: inline-block;
		float: left;
		width: 220px;
		margin-right: 20px;
	}
	#news_list li .news_img + section{
		float: left;
		width: -webkit-calc(100% - 240px);
		width: calc(100% - 240px);
	}
}
@media screen and (min-width:768px) and (max-width:1179px){
	#news_list{
		padding: 0 20px;
	}
}


/**************************************************50
 * trainer
 **************************************************/
#trainer_list li{
	border: 1px solid #000000;
}
#trainer_list li h3{
	font-size: 140%;
}
@media screen and (max-width:767px){
	#trainer_list{
		margin-bottom: 6.25%;
	}
	#trainer_list li{
		margin-left: auto;
		margin-right: auto;
		width: 93.75%;
	}
	#trainer_list li + li{
		margin-top: 3.125%;
	}
	#trainer_list li > section{
		padding: 1.666666666666667%;
		text-align: center;
	}
	#trainer_list li > section > img{
		max-width: 292px;
		width: 40%;
	}
	#trainer_list li > section > div{
		text-align: left;
	}
	#trainer_list li > section > img + div{
		margin-top: 3.333333333333333%;
	}
	#trainer_list li > section > div > p{
		padding: 0.3em 1em;
	}
	#trainer_list li > section > div > p + h4{
		margin-top: 1.724137931034483%;
	}
}
@media screen and (min-width:768px){
	#trainer_list{
		margin-bottom: 40px;
	}
	#trainer_list li + li{
		margin-top: 20px;
	}
	#trainer_list li > section{
		padding: 10px;
	}
	#trainer_list li > section:after{
		clear: both;
		content: "";
		display: block;
	}
	#trainer_list li > section > img{
		float: left;
		width: 240px;
	}
	#trainer_list li > section > img + div{
		float: right;
		text-align: left;
		width: calc(100% - 240px - 2em);
	}
	#trainer_list li > section > div > p{
		padding: 0.3em 1em;
	}
	#trainer_list li > section > div > p + h4{
		margin-top: 10px;
	}
}
@media screen and (min-width:768px) and (max-width:1179px){
	#trainer_list{
		padding: 0 20px;
	}
}


/**************************************************50
 * fighter
 **************************************************/
#fighter_list:after{
	clear: both;
	content: "";
	display: block;
}
#fighter_list a{
	display: block;
	float: left;
	text-align: center;
}
#fighter_list a h3{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
#fighter_list a img{
	width: 100%;
}
#fighter_list a .mdi-menu-right{
	font-size: 160%;
	line-height: 1;
	position: relative;
	top: 0.15em;
}
@media screen and (max-width:359px){
	#fighter_list a{
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
	}
}
@media screen and (min-width:360px) and (max-width:767px){
	#fighter_list a{
		width: 48%;
	}
	#fighter_list a:nth-child(odd){
		margin-right: 3.333333333333333%;
	}
}
@media screen and (max-width:767px){
	#fighter_list{
		padding: 0 3.125%;
	}
	#fighter_list a{
		margin-bottom: 3.333333333333333%;
	}
}
@media screen and (min-width:768px){
	#fighter_list a{
		margin-bottom: 30px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#fighter_list a{
		width: calc((100% - 60px) / 3);
	}
	#fighter_list a:not(:nth-child(3n+1)){
		margin-left: 30px;
	}
}
@media screen and (min-width:768px) and (max-width:1199px){
	#fighter_list{
		padding: 0 30px;
	}
}
@media screen and (min-width:940px){
	#fighter_list a{
		width: calc((100% - 90px) / 4);
	}
	#fighter_list a:not(:nth-child(4n+1)){
		margin-left: 30px;
	}
	#fighter_list a img{
		transition: opacity 0.2s ease-out 0s;
	}
	#fighter_list a:hover img{
		opacity: 0.7;
	}
}


/**************************************************50
 * fighter detail
 **************************************************/
#fighter_detail{
	border: 1px solid #000000;
}
#fighter_detail #cumulative_grades{
	text-align: center;
}
#fighter_detail #fighter_personal:after{
	clear: both;
	content: "";
	display: block;
}
#fighter_detail #fighter_personal li{
	border: 1px solid #000000;
}
#fighter_detail #fighter_personal li .label_black{
	text-align: center;
}
#fighter_detail #fighter_sns{
	text-align: center;
}
#fighter_detail #fighter_sns a{
	display: inline-block;
	text-decoration: none;
}
#fighter_detail #fighter_sns a span{
	display: block;
	font-size: 80%;
}
#match_list li{
	border: 1px solid #BE1A21;
	text-align: center;
}
#match_list li > section .mdi:before{
	color: #BE1A21;
	font-size: 375%;
	line-height: 1;
	vertical-align: middle;
	margin: 0 0.3em;
}
@media screen and (min-width:360px) and (max-width:413px){
	#fighter_detail #cumulative_grades{
		font-size: 120%;
	}
}
@media screen and (min-width:414px) and (max-width:479px){
	#fighter_detail #cumulative_grades{
		font-size: 140%;
	}
}
@media screen and (min-width:480px) and (max-width:767px){
	#fighter_detail #cumulative_grades{
		font-size: 180%;
	}
}
@media screen and (max-width:767px){
	#fighter_detail{
		margin: 50px 3.125% 3.125%;
	}
	#fighter_detail #fighter_img{
		text-align: center;
	}
	#fighter_detail > section{
		padding: 1.666666666666667%;
	}
	#fighter_detail #fighter_img > div h4{
		margin: 1.724137931034483% 0;
	}
	#fighter_detail #fighter_img > div .label_red{
		text-align: left;
	}
	#fighter_detail #fighter_img > div p{
		text-align: left;
		padding: 0 1em 3.448275862068966%;
	}
	#fighter_detail #fighter_img > img{
		max-width: 292px;
		width: 40%;
	}
	#fighter_detail #cumulative_grades{
		padding: 0 1em 3.448275862068966%;
	}
	#fighter_personal{
		margin-bottom: 3.448275862068966%;
	}
	#fighter_personal li{
		margin-bottom: 1.724137931034483%;
		padding: 0 0.3em 0.3em;
	}
	#fighter_personal li .label_black{
		margin: 0 -0.3em;
	}
	#fighter_detail #fighter_sns{
		margin-bottom: 3.448275862068966%;
	}
	#fighter_detail #fighter_sns a{
		width: 140px;
	}
	#match_list{
		margin-bottom: 1.724137931034483%;
	}
	#match_list li{
		margin-top: 1.724137931034483%;
		padding: 1.724137931034483%;
	}
}
@media screen and (min-width:768px){
	#fighter_detail{
		margin-top: 50px;
		margin-bottom: 50px;
	}
	#fighter_detail > section{
		padding: 10px;
	}
	#fighter_detail > section:after{
		clear: both;
		content: "";
		display: block;
	}
	#fighter_detail #fighter_img{
		margin-bottom: 20px;
	}
	#fighter_detail #fighter_img > img{
		float: left;
		width: 240px;
	}
	#fighter_detail #fighter_img > img + div{
		float: right;
		text-align: left;
		width: calc(100% - 240px - 2em);
	}
	#fighter_detail #fighter_img > img + div h4{
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 0.3em;
	}
	#fighter_detail #fighter_img > img + div .label_red + p{
		padding: 0.3em 1em;
	}
	#fighter_detail #cumulative_grades{
		font-size: 34px;
		margin-bottom: 20px;
	}
	#fighter_detail #fighter_personal li{
		float: left;
		margin-bottom: 20px;
		padding: 0 10px 10px;
	}
	#fighter_detail #fighter_personal li .label_black{
		margin: 0 -10px;
	}
	#fighter_detail #fighter_sns{
		margin-bottom: 20px;
	}
	#fighter_detail #fighter_sns a{
		width: 200px;
	}
	#match_list{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#match_list li{
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#match_list li + li{
		margin-top: 10px;
	}
	#match_list li > section{
		display: table-cell;
		padding: 10px;
		vertical-align: middle;
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
	#match_list li .match_issue .label_black{
		display: inline-block;
		vertical-align: middle;
		width: 10em;
	}
	#match_list li .match_issue .label_black span{
		display: block;
	}
	#match_list li > section strong{
		font-size: 140%;
	}
}
@media screen and (min-width:768px) and (max-width:1179px){
	#fighter_detail{
		margin-left: 20px;
		margin-right: 20px;
	}
	#fighter_detail #fighter_personal li{
		width: -webkit-calc((100% - 20px) / 2);
		width: calc((100% - 20px) / 2);
	}
	#fighter_detail #fighter_personal li:nth-child(odd){
		margin-right: 20px;
	}
	#match_list{
		font-size: 80%;
	}
	#match_list li .match_issue{
		font-size: 75%;
	}
}
@media screen and (min-width:940px){
	#fighter_detail #fighter_sns a img{
		transition: opacity 0.2s ease-out 0s;
	}
	#fighter_detail #fighter_sns a:hover img{
		opacity: 0.7;
	}
}
@media screen and (min-width:1180px){
	#fighter_detail #fighter_personal li{
		width: -webkit-calc((100% - 40px) / 3);
		width: calc((100% - 40px) / 3);
	}
	#fighter_detail #fighter_personal li:not(:nth-child(3n+1)){
		margin-left: 20px;
	}
}


/**************************************************50
 * footer
 **************************************************/
footer{
	background-color: #000000;
	position: relative;
	text-align: center;
}

.footer-txt {
    color: #bbbbbb;
    text-align: left;
    font-size: 80%;
    padding: 10px;
}
#links_sns{
	background-color: #FFFFFF;
}
#links_sns:after{
	clear: both;
	content: "";
	display: block;
}
#links_sns a{
	float: left;
	color: #000000;
	font-size: 80%;
	text-decoration: none;
	padding: .5em 0;
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
}
#links_sns a .mdi:before{
	display: block;
	font-size: 46px;
	line-height: 1;
	margin-bottom: -6px;
}
footer nav a{
	color: #FFFFFF;
}
footer nav a.active{
	text-decoration: none;
}
#btn_totop{
	background-color: #BE1A21;
	color: #FFFFFF;
	z-index: 999;
}
#btn_totop.active{
	position: fixed;
}
#btn_totop:not(.active){
	position: absolute;
}
#copyright{
	background-color: #BE1A21;
	color: #FFFFFF;
	font-size: 13px;;
}
@media screen and (max-width:413px){
	footer nav a{
		width: 100%;
	}
}
@media screen and (min-width:414px) and (max-width:767px){
	footer nav a{
		width: 50%;
	}
	footer nav a:nth-child(even){
		border-right: 1px solid #FFFFFF;
	}
}
@media screen and (max-width:767px){
	footer{
		margin-top: 70px;
		padding-top: 32px;
	}
	footer nav{
		text-align: left;
	}
	footer nav:after{
		clear: both;
		content: "";
		display: block;
	}
	footer nav a{
		border-bottom: 1px solid #FFFFFF;
		float: left;
		text-decoration: none;
		padding: 1.5625% 3.125%;
		position: relative;
	}
	footer nav a:after{
		content: "\F142";
		font-size: 160%;
		line-height: 1;
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	footer nav a:first-child{
		display: none;
	}
	#btn_totop{
		font-size: 36px;
		height: 50px;
		line-height: 50px;
		right: 10px;
		width: 50px;
	}
	#btn_totop.active{
		bottom: 10px;
	}
	#btn_totop:not(.active){
		top: -60px;
	}
	#copyright{
		padding: 0.3em 1em
	}
}

.news-youtube {
    width: 100%;
	padding: 0 1em 1em 0px;
}
@media screen and (min-width:768px){
	.news-youtube {
		max-width: 315px;
		margin: 0 0 0 10px;
		padding: 0 0 0 0;
		float: right;
	}
	footer{
		padding-top: 46px;
	}
	#links_sns a .mdi{
		transition: color 0.2s ease-out 0s;
	}
	#links_sns a:hover .mdi-facebook-box{
		color: #4867AA;
	}
	#links_sns a:hover .mdi-twitter-box{
		color: #2CA7E0;
	}
	#links_sns a:hover .mdi-instagram{
		color: #E23F5F;
	}
	footer nav{
		height: 144px;
	}
	footer nav a{
		height: 144px;
		line-height: 144px;
	}
	footer nav a:first-child{
		transition: opacity 0.2s ease-out 0s;
	}
	footer nav a:first-child:hover{
		opacity: 0.7;
	}
	#btn_totop{
		cursor: pointer;
		font-size: 54px;
		height: 74px;
		line-height: 74px;
		width: 74px;
	}
	#btn_totop.active{
		bottom: 20px;
	}
	#btn_totop:not(.active){
		top: -94px;
	}
	#copyright{
		height: 46px;
		line-height: 46px;
	}
}
@media screen and (min-width:768px) and (max-width:1279px){
	footer nav{
		padding: 0 20px;
		text-align: left;
	}
	footer nav a{
		display: inline-block;
	}
	footer nav a.active{
		text-decoration: none;
	}
	footer nav a + a{
		margin-left: 1em;
	}
}
@media screen and (min-width:768px) and (max-width:1499px){
	footer{
		margin-top: 114px;
	}
}
@media screen and (min-width:768px) and (max-width:1179px){
	#btn_totop{
		right: 20px;
	}
}
@media screen and (min-width:1180px) and (max-width:1499px){
	#btn_totop{
		right: -webkit-calc(50% - 590px);
		right: calc(50% - 590px);
	}
}
@media screen and (min-width:1280px){
	footer nav{
		position: relative;
	}
	footer nav a:first-child{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	footer nav a:not(:first-child){
		display: inline-block;
		width: 160px;
	}
}
@media screen and (min-width:1280px) and (max-width:1499px){
	footer nav a:first-child{
		left: 20px;
	}
}
@media screen and (min-width:1500px){
	footer nav a:first-child{
		left: -webkit-calc((100% - 1500px) / 2 + 20px);
		left: calc((100% - 1500px) / 2 + 20px);
	}
	#btn_totop{
		left: -webkit-calc(50% + 684px);
		left: calc(50% + 684px);
		-webkit-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}