@charset "utf-8";
/* CSS Document */

/* --- グローバルナビ --- */
.global_nav {
	width:980px;
	margin:10px auto 0;
}

.global_nav ul {
	/*margin:0 26px -16px;*/
	margin:0 auto -30px auto;
    text-align: center;
}

.global_nav ul li {
	/*float:left;*/
    width: calc( 100% / 5 - 10px);
    display: inline-block;
	color:#ffffff;
	background:#9fa1a4;
	border:1px solid #abc83a;
	line-height:1.4;
	text-align:center;
	transition:0.5s;
	font-size:12px;
    margin-bottom: 10px;
}

.global_nav ul li:hover {
	background:#abc83a;
}

.global_nav ul li.select {
	background:#abc83a;
}

.global_nav ul li:last-child {
	margin-right:0;
}

.global_nav ul li a {
	display:block;
	color:#FFFFFF;
	text-decoration: none;
	text-align:center;
    width: auto;
	padding:10px;
}
/* --- グローバルナビ --- */


/* --- コンテンツ --- */
.contents {
	border: 6px solid #abc83a;
}

.contents .page_title {
	background:url(../images/bg_page_title.gif);
}

.contents .newsarea h1 {
	background:#abc83a;
}

.contents h2 {
    background: #abc83a;
}

.contents h3 {
	color: #abc83a;
}

.contents h5 {
	background: #abc83a;
}
/* --- コンテンツ --- */


/* --- タブナビ--- */
#tabnavi {
	border-bottom:1px solid #abc83a;
	margin:20px 0;
}

#tabnavi li {
	float:left;
	margin-right:10px;
	display:inline;
	background:#cdcdcd;
}

#tabnavi li a.active {
	background:#abc83a;
	color:#ffffff;
}


#tabnavi li a{
	display:inline-block;
	text-decoration:none;
	color:#777777;
	text-align:center;
	display:block;
	padding:5px 30px;
}
#tabnavi li a:hover{
	text-decoration:none;
}

#tabnavi li:hover{
	opacity:0.8;
}
/* --- タブナビ--- */


/* --- 料金表を表示ボタン--- */
.court_price1,
.court_price2 {
	display:none;
	margin-bottom:10px;
}

.btn_court_price1,
.btn_court_price2 {
	cursor:pointer;
	text-align: center;
	color:#ffffff;
    background: #E5861B;
	padding:5px 10px;
	font-size:12px;
	float:left;
	margin:3px 0 0 5px;
	line-height:1;
	border-radius:3px;
}

.btn_court_price1:hover,
.btn_court_price2:hover {
	opacity:0.8;
}
/* --- 料金表を表示ボタン --- */


/* --- 入会のご案内 --- */
.admission .preparation li:nth-child(odd) {
	background:#abc83a;
}
/* --- 入会のご案内 --- */


/* --- ページトップ --- */
.pagetop a {
	background-color: #abc83a;
}
/* --- ページトップ --- */

.lesson_name {
	font-size:20px;
	font-weight:bold;
}

.lesson_day {
	font-size:18px;
}


.traial_lesson_link {
	margin-top:10px;
}

.traial_lesson_link a {
	text-decoration:underline;
	color:#abc83a;
	font-weight:bold;
	transition:0.5s;
}

.traial_lesson_link a:hover {
	text-decoration:none;
	color:#f37724;
}

.event_tel {
	text-align:center;
	border:1px solid #b9b9b9;
	padding:10px;
	margin:30px 0 0 0;
}

.event_tel span {
	font-size:26px;
}

.profile_link a {
	display:inline-block;
	font-size:13px;
	float:right;
	transition: 0.5s;
	color:#555555;
}

.profile_link a:hover{
	color:#E5861B;
	text-decoration:none;
}



/*26.03.16*/
.lyt-list-note li{
	text-indent: -1em;
	margin-left: 1em;
}

.box-lyt-waiting-flow{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;
}

.box-lyt-waiting-flow .main-step{position: relative;grid-column: 1; margin: 23px 0;}
.box-lyt-waiting-flow .main-step.step5{margin-bottom: 0;}
.box-lyt-waiting-flow .cancel-step{position: relative;grid-column: 2;}
.box-lyt-waiting-flow .empty{grid-column: 2;}
.box-lyt-waiting-flow .empty-c{ggrid-column: 1;}


.box-lyt-waiting-flow .main-step,
.box-lyt-waiting-flow .cancel-step{
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}
.box-lyt-waiting-flow .main-step dt,
.box-lyt-waiting-flow .cancel-step dt{
	background-color: #abc83a;
	text-align: center;
}
.box-lyt-waiting-flow .main-step dt,
.box-lyt-waiting-flow .cancel-step dt,
.box-lyt-waiting-flow .main-step dd,
.box-lyt-waiting-flow .cancel-step dd{
	padding: .6em;
}

.box-lyt-waiting-flow .main-step::before,
.box-lyt-waiting-flow .main-step::after,
.box-lyt-waiting-flow .cancel-step::before,
.box-lyt-waiting-flow .cancel-step::after{
	content: "";
	position: absolute;
	width: 8px;
	height: 100%;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
}

.box-lyt-waiting-flow .main-step::before,
.box-lyt-waiting-flow .cancel-step::before{background-color: #b4b4b4;}
.box-lyt-waiting-flow .main-step::after,
.box-lyt-waiting-flow .cancel-step::after{
	width: 20px;
	height: 20px;
	left: 1px;
	border-top: 6px solid #b4b4b4;
	border-right: 6px solid #b4b4b4;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.box-lyt-waiting-flow .main-step.step1::before,
.box-lyt-waiting-flow .main-step.step1::after{bottom: -50px;}
.box-lyt-waiting-flow .main-step.step1::before{height: 50px;}

.box-lyt-waiting-flow .main-step.step2::before,
.box-lyt-waiting-flow .main-step.step2::after{bottom: calc(-237px - 66px);}
.box-lyt-waiting-flow .main-step.step2::before{height: calc(237px + 66px);}

.box-lyt-waiting-flow .main-step.step3::before,
.box-lyt-waiting-flow .main-step.step3::after{bottom: calc(-110px - 66px);}
.box-lyt-waiting-flow .main-step.step3::before{height: calc(110px + 66px);}

.box-lyt-waiting-flow .main-step.step4::before,
.box-lyt-waiting-flow .main-step.step4::after{bottom: -50px;}
.box-lyt-waiting-flow .main-step.step4::before{height: 50px;}

.box-lyt-waiting-flow .main-step.step5::before,
.box-lyt-waiting-flow .main-step.step5::after{display: none;}


.box-lyt-waiting-flow .cancel-step::before,
.box-lyt-waiting-flow .cancel-step::after{
	top: 0;
	bottom: 0;
	left: -120px;
	right: auto;
	margin: auto;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.box-lyt-waiting-flow .cancel-step::before{
	width: 8px;
	height: 207px;
}
.box-lyt-waiting-flow .cancel-step::after{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: -35px;
}