@charset "utf-8";
/* CSS Document */
/*ゴルフスクールのページ用CSS*/

/* 本文 -----------------------------------*/

.table { border-bottom-width: 1px;	 z-index: 5; }
.table li { width: 9%; }
.table li.sc-class { width: 15%; }
.table li.jikan { width: 31%; line-height: 1.1; }

#regular .bg-regular { background-image: url("../images/bg-regular.jpg"); }
#regular .box01 { padding-bottom: 0; }
#regular .box01 .ippan-image { width: 70%; min-width: 320px; margin-right: auto; margin-left: auto; }
#regular .tokuten h3 { width: 100%; font-size: 1em; align-items: center; }
#regular .tokuten h3 .ttl { width: 100px; margin-left: calc(-3% + -1.5em); padding: .25em .75em .25em 1em; text-align: center; }
#regular .tokuten h3 .text { width: calc(100% - 100px + 1.5em); font-size: .9em; line-height: 1.1; font-weight: 400; border-bottom: 1px solid; padding-bottom: 4px; }
#regular .tokuten li { margin-top: 4px; }
#regular .schedule { width: 100%; }
#regular .schedule h3 { font-size: 1.6em; }
#regular .deco { right: auto; left: -3px; bottom: -0.08em; z-index: 1; }
#regular .koushi { justify-content: center; }
#regular .koushi li { width: 20%; max-width: 72px; padding: 12px 0; border: none; white-space: nowrap; }
#regular .koushi .ttl { background: #333; padding: 0 8px; font-size: .9em; }
#regular .koushi .tanto::before { margin-right: 4px; }
#regular .tanto.wata::before { content: "●"; color: #ff2626; }
#regular .tanto.mura::before { content: "■"; color: #2112b4; }
#regular .tanto.kuro::before { content: "★"; color: #025e01; }
#regular .box03 .text { text-align: center; }

#junior .content01 .box01 { width: 100%; }
#junior .table li { width: 36%; }
#junior .table li.th { background: #006600; border-top: none; border-bottom: none; color: #fff; }
#junior .table li.th.youbi { border-right: 2px solid; border-left: 2px solid; }
#junior .table li.youbi { width: 28%; }
#junior .content01 .box02 .item { width: 49%; }
#junior .content01 .box02 .yoko { min-width: 330px; }
#junior .content02 .width-defo { padding: 32px 3%; box-shadow: 5px 5px 3px #000000aa; }


@media (min-width: 769px) {
	#regular .schedule .width-defo { max-width: 600px; }
	#junior .content01 .box02 { width: 90%; }
	#junior .content01 .box02 .item { width: 21%; }
	#junior .content01 .box02 .yoko { width: 27%; min-width: auto; }
}
@media (max-width: 992px) {
	#regular .box01,
	#regular .gaiyo { padding-top: 0; }
	#regular .schedule .box { padding-bottom: 80px; }
	#regular .schedule h3 { text-align: center; }
	#regular .box03 { padding-top: 48px; }
	#junior .content02 .text { text-align: center; }
}
@media (min-width: 993px) {
	#regular h2 { width: 90%; }
	#regular .gaiyo,
	#regular .schedule { width: 50%; }
	#regular .gaiyo { padding-top: 40px; padding-right: 5%; padding-left: 5%; }
	#regular .box01 p { color: #fff; }
	#regular .box01 .ippan-image { width: 100%; }
	#regular .schedule .box { padding-top: 0; }
	#regular .box03 .text { text-align: left; }
	#regular .tel { color: #fff; margin-bottom: 16px; }
	
	#regular .tel p,
	#junior .content02 .tel p { text-align: left; }
	#regular .tel a,
	#junior .content02 .tel a { justify-content: flex-start; }
	#regular .tel .tel-no,
	#junior .content02 .tel .tel-no { font-size: 1.9em; }

	#junior { padding-top: 40px; }
	#junior .content01 { width: 90%; margin-right: auto; margin-left: auto; background: #fff; }
	#junior .content01 h2 { width: 93%; }
	#junior .content01 .box01 { padding-top: 40px; padding-bottom: 0; background: none; }
	#junior .content01 .box01 .item { width: 43%; }
	#junior .content01 .box02 { width: 93%; padding-top: 0; }
	#junior .content02 .box01 { display: flex; justify-content: center; align-items: center; padding: 32px 0 32px 0; }
	#junior .content02 .illust { width: 400px; }
	#junior .content02 .width-defo { width: auto; margin: 0; background: none; box-shadow: none; }
	#junior .content02 .text { color: #fff; }
	#junior .content02 .tel { color: #fff; }
}

