@charset "UTF-8";
/* 部活動 */
/* Scss Document */
#subpagetitle {
  /* 部活動タイトル */
}
#subpagetitle .c0301 {
  background-image: url(../images/03_club/03_1_club_sura_04.png);
  background-repeat: no-repeat;
}

#subcontents {
  /* サブメニュー */
  /* ページコンテンツ */
  /* 部活動更新システム */
  /* クラブナビゲーション */
}
#subcontents .clubdetail {
  text-align: center;
}
#subcontents .submenu {
  /* 本校の特色 */
}

/* 部活動 メニュー */
#subcontents .submenu .snclub h2 {
  width: 191px;
  height: 44px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(../images/03_club/03_1_club_sura_07.png);
  background-repeat: no-repeat;
}
#subcontents .submenu .snclub li {
  background-color: #ffffff;
}
#subcontents .submenu .snclub li a {
  display: block;
  width: 191px;
  height: 44px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
#subcontents .submenu .snclub li .c0301 {
  background-image: url(../images/03_club/03_1_club_sura_09.png);
  background-repeat: no-repeat;
}
#subcontents .submenu .snclub li .c0301:hover {
  background-image: url(../images/03_club/03_1_club_sura_dn_09.png);
}
#subcontents .submenu .snclub li .c0302 {
  background-image: url(../images/03_club/03_1_club_sura_10.png);
  background-repeat: no-repeat;
}
#subcontents .submenu .snclub li .c0302:hover {
  background-image: url(../images/03_club/03_1_club_sura_dn_10.png);
}


#subcontents h3 span {
  font-size: 19px;
  color: #000000;
}
#subcontents h4 {
  padding-top: 5px;
}
#subcontents #cultural {
  color: #EA6182;
  border-left-color: #EA6182;
}
#subcontents #campas {
  color: #5BA931;
  border-left-color: #5BA931;
}
#subcontents .pclubp {
  font-size: 14px;
  text-align: center;
}
#subcontents .image1 {
  text-align: center;
}
#subcontents #newstext {
  margin-left: 30px;
}
#subcontents .naviClub {
  clear: both;
  overflow: hidden;
  margin-left: 20px;
}
#subcontents .naviClub .clubItem {
  float: left;
  width: 193px;
  height: 160px;
  margin-right: 15px;
  margin-bottom: 25px;
  /* 運動部 */
  /* 文化部 */
}
#subcontents .naviClub .clubItem h5 a {
  display: block;
  width: 193px;
  height: 132px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
#subcontents .naviClub .clubItem p {
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  color: #231815;
  text-align: center;
}
#subcontents .naviClub .clubItem p a {
  text-decoration: none;
  color: #231815;
}
#subcontents .naviClub .clubItem p a:hover {
  color: #000000;
}
#subcontents .naviClub .clubItem .cs01 {
  background-image: url(../images/03_club/03_1_club_sura_13.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cs01:hover {
	background-image: url(../images/03_club/03_1_club_sura_13.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cs02 {
  background-image: url(../images/03_club/03_1_club_sura_15.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cs02:hover {
  background-image: url(../images/03_club/03_1_club_sura_15.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cs03 {
  background-image: url(../images/03_club/03_1_club_sura_17.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cs03:hover {
  background-image: url(../images/03_club/03_1_club_sura_17.png);
opacity: 0.5;
}
#subcontents .naviClub .clubItem .cs04 {
  background-image: url(../images/03_club/03_1_club_sura_19.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cs04:hover {
  background-image: url(../images/03_club/03_1_club_sura_19.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cs05 {
  background-image: url(../images/03_club/03_1_club_sura_25.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cs05:hover {
  background-image: url(../images/03_club/03_1_club_sura_25.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cs06 {
  background-image: url(../images/03_club/03_1_club_sura_26.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cs06:hover {
  background-image: url(../images/03_club/03_1_club_sura_26.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cs07 {
  background-image: url(../images/03_club/03_1_club_sura_27.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cs07:hover {
  background-image: url(../images/03_club/03_1_club_sura_27.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cs08 {
  background-image: url(../images/03_club/03_1_club_sura_28.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cs08:hover {
  background-image: url(../images/03_club/03_1_club_sura_28.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cs09 {
  background-image: url(../images/03_club/03_1_club_sura_33.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cs09:hover {
  background-image: url(../images/03_club/03_1_club_sura_33.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cs10 {
  background-image: url(../images/03_club/03_1_club_sura_34.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cs10:hover {
  background-image: url(../images/03_club/03_1_club_sura_34.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cs11 {
  background-image: url(../images/03_club/03_1_club_sura_35.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cs11:hover {
  background-image: url(../images/03_club/03_1_club_sura_35.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cs12 {
  background-image: url(../images/03_club/03_1_club_sura_36.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cs12:hover {
  background-image: url(../images/03_club/03_1_club_sura_36.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cc01 {
  background-image: url(../images/03_club/03_1_club_sura_41.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc01:hover {
  background-image: url(../images/03_club/03_1_club_sura_41.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cc02 {
  background-image: url(../images/03_club/03_1_club_sura_42.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc02:hover {
  background-image: url(../images/03_club/03_1_club_sura_42.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cc03 {
  background-image: url(../images/03_club/03_1_club_sura_43.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc03:hover {
  background-image: url(../images/03_club/03_1_club_sura_43.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cc04 {
  background-image: url(../images/03_club/03_1_club_sura_44.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc04:hover {
  background-image: url(../images/03_club/03_1_club_sura_44.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cc05 {
  background-image: url(../images/03_club/03_1_club_sura_49.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc05:hover {
  background-image: url(../images/03_club/03_1_club_sura_49.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cc06 {
  background-image: url(../images/03_club/03_1_club_sura_50.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc06:hover {
  background-image: url(../images/03_club/03_1_club_sura_50.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cc07 {
  background-image: url(../images/03_club/03_1_club_sura_51.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc07:hover {
  background-image: url(../images/03_club/03_1_club_sura_51.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cc08 {
  background-image: url(../images/03_club/03_1_club_sura_52.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc08:hover {
  background-image: url(../images/03_club/03_1_club_sura_52.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cc09 {
  background-image: url(../images/03_club/03_1_club_sura_57.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc09:hover {
  background-image: url(../images/03_club/03_1_club_sura_57.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cc10 {
  background-image: url(../images/03_club/03_1_club_sura_58.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc10:hover {
  background-image: url(../images/03_club/03_1_club_sura_58.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cc11 {
  background-image: url(../images/03_club/03_1_club_sura_59.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc11:hover {
  background-image: url(../images/03_club/03_1_club_sura_59.png);
	opacity: 0.5;
}
#subcontents .naviClub .clubItem .cc12 {
  background-image: url(../images/03_club/03_1_club_sura_60.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc12:hover {
  background-image: url(../images/03_club/03_1_club_sura_60.png);
	opacity: 0.5;
}

.campas_hr {
margin: 20px 0px;
height: 3px;
background-color: #5BA931;
border: none;
color: #5BA931;
}

#subcontents .naviClub .clubItem .cc13 {
  background-image: url(../images/03_club/03_1_club_sura_campas.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc13:hover {
  background-image: url(../images/03_club/03_1_club_sura_campas.png);
	opacity: 0.5;
}#subcontents .naviClub .clubItem .cc14 {
  background-image: url(../images/03_club/03_1_club_sura_seitokai.png);
  background-repeat: no-repeat;
}
#subcontents .naviClub .clubItem .cc14:hover {
  background-image: url(../images/03_club/03_1_club_sura_seitokai.png);
	opacity: 0.5;
}


/* ============================================== スマートフォン ================================================ */

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

#subpagetitle .c0301 {
  background-image: url(../spimage/03/subtitle_03.png) !important;
  background-position: center;
	background-repeat: no-repeat;
	background-size: 47px;
	height:45px;
}

#subcontents h3 .caption {
	display: block;
	font-size:16px !important
}


/* 部活動 メニュー */
#subcontents .submenu .snclub h2 {
  width: 247px;
  height: 33px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(../spimage/subpage/navi_sub_03.png);
  background-repeat: no-repeat;
  background-size: 247px;
  background-position: 0px 0px;
}
#subcontents .submenu .snclub li {
  background-color: #ffffff;
}
#subcontents .submenu .snclub li a {
  display: block;
  width: 247px;
  height: 33px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(../spimage/subpage/navi_sub_03.png) !important;
  background-repeat: no-repeat;
  background-size: 247px;
}
#subcontents .submenu .snclub li .c0301 {
  background-position: 0px -33px;
}
#subcontents .submenu .snclub li .c0301:hover {
	opacity: 0.7;
}
#subcontents .submenu .snclub li .c0302 {
  background-position: 0px -66px;
	height:31px;
}
#subcontents .submenu .snclub li .c0302:hover {
	opacity: 0.7;
}

#subcontents .naviClub {
	text-align: center !important;
	padding:0px;
	width:100%;
	margin:0px !important;
}

#subcontents .naviClub .clubItem {
  float: none;
  display: inline-block;
  text-align: center;
  width: 160px !important;
  height:auto;
  margin-right: 0px;
  margin-bottom: 10px;
	vertical-align: top;
  /* 運動部 */
  /* 文化部 */
}

#subcontents .naviClub .clubItem a {
	background-size: 160px;
	height:110px !important;
	text-indent: 200% !important;
}
#subcontents .naviClub .clubItem p {
	margin:0px !important;
	padding:0px !important;
	font-size:13px !important;
}

/* 部活動案内 */

#subcontents .image1 {
	width:100%;
  text-align: center;
}

#subcontents .image1 img {
	width:100%;
	height:auto;
}

#subcontents #newstext {
	width:90%;
  margin: 0px auto ;
}

}