@charset "UTF-8";


/*----------------------------------------------------
調整
----------------------------------------------------*/

/*-- メイン ----------------*/
#club .cmn_main {
	padding: 50px 0 30px 0; 
	background-color: var(--color-club01);
}


#club .cmn_pagetit_box {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 600px;
	padding: 30px 0 20px 0 ; 
	color: #000;
	text-align:center;
	background-color: rgba(255,255,255,0.8);
	border-radius: 20px ;
	box-sizing:border-box;
}

#club .cmn_pagetit {
	font-size: 300%;
	letter-spacing: 5.0px;
	text-indent:5.0px;
	-webkit-text-stroke: 1px black;
	color: white;
	text-shadow:
       2px 2px 0 var(--color-primary01),
     -1px -1px 0 var(--color-primary01),
      1px -1px 0 var(--color-primary01),
      -1px 1px 0 var(--color-primary01),
       1px 1px 0 var(--color-primary01);
}


@media screen and (max-width:1000px){

#club .cmn_mainimg {
	margin: 0 auto 0px auto; 
}

#club .cmn_pagetit_box {
	width: 90%;
	padding: 20px 0 10px 0 ; 
}

#club .cmn_pagetit {
	font-size: 200%;
	letter-spacing: 2.0px;
	text-indent:2.0px;
}

}





/*-- パンクズ ----------------*/
#club .cmn_pnkz_box {
	background-color: #ededed;
}




/*-- コンテンツナビ部分（縦英字） ----------------*/

#club .cmn_pg_navi_box {
	writing-mode: vertical-rl;
	font-size: 800%; 
	font-weight: 600;
	line-height: 1.0;
	color: var(--color-club02);
}

@media screen and (max-width:1000px){

#club .cmn_pg_navi_box {
	width: 85%;
	margin: 20px auto 0px auto; 
	writing-mode: horizontal-tb;
	font-size: 250%; 
}

}



/*-- コンテンツメイン ----------------*/

#club .cmn_pg_cnt_box {
	width: 100%;
}
#club .cmn_pg_cnt_box img {width: 100%;}



@media screen and (max-width:1000px){

#club .cmn_pg_cnt_box {
	width: 85%;
	margin:40px auto 0 auto ;
}
#club .cmn_pg_cnt_box img {}

}





/*--見出し ----------------*/

#club .cmn_pg_cnt_tit_s {
	color: var(--color-club01);
}
#club .cmn_pg_cnt_tit {
	background: linear-gradient(90deg, var(--color-club01) 0% 100%);
	background-repeat: no-repeat;
    background-size: 80px 4px;
	background-position: left bottom;
}

#club .cmn_pg_cnt_stit01 {
	color: var(--color-club01);
	border-bottom: 1px solid var(--color-club01);
}

#club .cmn_pg_cnt_stit02 {
	color: #000;
	background-color: var(--color-club02);
}

#club .cmn_pg_cnt_stit03 {
	background-color: #fff;
	border: 1px solid var(--color-club01);
	border-bottom: 4px solid var(--color-club01);
}

#club .cmn_pg_cnt_stit04 {
	color: var(--color-primaryK75);
	border-left: 5px solid var(--color-club01);
}

#club .cmn_txt_dec02 {
	margin-bottom: 15px;
	color: var(--color-club01);
	font-size: 200%;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 2px;
	box-sizing:border-box;
}


.clb_ind_stit {
	margin-bottom: 35px;
	color: var(--color-club01);
	font-size: 250%;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 2px;
	box-sizing:border-box;
}
.clb_ind_stit span {
	background:linear-gradient(transparent 60%, #ff6 60%);
}







/*-- コンテンツindexリンクボタン（アイコンあり） ----------------*/

#club .cmn_pg_ind_list02 {
	display:flex; flex-wrap:wrap;
	width: 100%;
	margin: 0 auto ;
}
#club .cmn_pg_ind_list02 li {
	display:flex; align-items:center; justify-content:center;
	position:relative;
	width: calc((100% - 40px) / 3);
	margin: 0 20px 20px 0 ;
	padding: 15px 15px 15px 20px;
	font-size: 120%; 
	font-weight: 600;
	line-height: 1.5;
	background-color: #fff;
	background-image: url(../common/cmn_ind_btn_ank.png);
	background-repeat: no-repeat;
	background-position: 0% 50%; 
	background-size: 8px 24px ;
	border: 2px solid var(--color-club02);
	border-radius: 10px ;
	cursor: auto;
	transition: 0.5s ;
	box-sizing:border-box;
}
#club .cmn_pg_ind_list02 li:nth-child(3n) {margin: 0 0 20px 0 ;}
#club .cmn_pg_ind_list02 li a {display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
#club .cmn_pg_ind_list02 li:has(a):hover {background-color: var(--color-primary02); cursor:pointer;}

#club .cmn_pg_ind_list02 li .icon {
	width: 12%;
	margin: 0 4% 0 0 ;
}
#club .cmn_pg_ind_list02 li .name {
	width: 84%;
}

@media screen and (max-width:1000px){

#club .cmn_pg_ind_list02 li {
	width: 100%;
	margin: 0 0 10px 0 ;
}
#club .cmn_pg_ind_list02 li:nth-child(3n) {margin: 0 0 10px 0 ;}

}




/*-- コンテンツindexリンクボタン（その他） ----------------*/

#club .cmn_pg_ind_list03 {
	display:flex; flex-wrap:wrap;
	width: 100%;
	margin: 0 auto 80px auto ;
}
#club .cmn_pg_ind_list03 li {
	position:relative;
	width: calc((100% - 160px) / 3);
	margin: 0 80px 40px 0 ;
	padding: 0;
	transition: 0.5s ;
	box-sizing:border-box;
}
#club .cmn_pg_ind_list03 li:nth-child(3n) {margin: 0 0 40px 0 ;}

#club .cmn_pg_ind_list03 li .icon {
	width: 12%;
	margin: 0 4% 0 0 ;
}
#club .cmn_pg_ind_list03 li .name {
	width: 84%;
}

@media screen and (max-width:1000px){

#club .cmn_pg_ind_list03 {
	margin: 0 auto 80px auto ;
}
#club .cmn_pg_ind_list03 li {
	width: 100%;
	margin: 0 0 20px 0 ;
}
#club .cmn_pg_ind_list03 li:nth-child(3n) {margin: 0 0 20px 0 ;}

}





/*----------------------------------------------------
クラブ課外活動 詳細
----------------------------------------------------*/

.clb_pg_mainimg {
	width: 100%;
	max-width: 950px;
	margin: 0 0 50px 0 ; 
}


.clb_pg_maintxt {
	width: 100%;
	margin: 0 0 80px 0 ; 
}

.clb_pg_mess {
	width: 100%;
	padding: 30px;
	margin:30px auto 0 auto;
	border: 4px solid var(--color-club02);
	border-radius: 20px ;
	box-sizing:border-box;
}


.clb_pg_mess_stit {
	position: relative;
	padding: 10px 20px;
	margin:0 auto 25px auto;
	font-size: 120%; 
	font-weight: 600;
	color: #fff;
	background: var(--color-club02);
	box-sizing:border-box;
}
.clb_pg_mess_stit:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 40px;
  border: 15px solid transparent;
  border-top: 15px solid var(--color-club02);
  width: 0;
  height: 0;
}


/*-- 指導者 ----------------*/

.clb_pg_tchImg {
	width: 20%;
	margin: 0 5% 0 0 ; 
}

.clb_pg_tchTxt {
	width: 75%;
}
.clb_pg_tchHis {
	font-size: 90%;
	line-height: 1.7;
}


@media screen and (max-width:1000px){

.clb_pg_maintxt {
	width: 100%;
	margin: 0 0 50px 0 ; 
}
.clb_pg_mainimg {
	width: 100%;
	margin: 0 auto 50px auto ; 
}


/*-- 指導者 ----------------*/

.clb_pg_tchImg {
	width: 40%;
	margin: 0 auto 20px auto ; 
}

.clb_pg_tchTxt {
	width: 100%;
}
.clb_pg_tchHis {
	
}

}