/* club */
.my_clubbox {background: var(--color_bg);}
.my_clubbox .title_h3 {margin-bottom: 10px;}
.my_clubbox .table_head, .my_clubbox .table_cell ul {display: grid; grid-template-columns: auto 120px 120px 120px 120px;}
.club_content {display: flex; gap: 10px;}
.club_content .content_box {width: 50%;height: 250px;padding: 15px;background: var(--color_bg);}
.club_content .club_titbox {margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;}
.club_content .recommended_clublist {display: flex;gap: 15px;}
.club_content .recommended_club {width: 50%;max-width: 279px;}
.club_content .recommended_club a {overflow: hidden;display: block;}
.club_content .recommended_club a span {display: block;width: 100%;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;overflow: hidden; padding: 5px;}
.club_content .recommended_club ul {display: flex; flex-direction: column;padding: 5px;border-top: 1px solid var(--content_border);}
.club_content .recommended_club ul > div {display: flex; gap: 6px;}
.club_content .recommended_club ul li {padding-left: 8px;text-indent: -10px;font-size: 13px;}
.club_content .recommended_club ul li:first-child {min-width: 60px;position: relative;}
.club_content .recommended_club ul li:first-child::after {content: ":";right: -9px;position: absolute;}
.recommended_clubimgbox {border: 1px solid var(--content_border);}
.recommended_clubimgbox img {width: 100%;max-height: 80px;object-fit: cover;display: block;}
.club_mainwrap .inp_chk {margin: 20px 0;justify-content: center;}

/* club_searchlist */
.club_searchlist > .table_cellwrap .table_cell > ul {height: 84px;}
.club_searchlist > .table_cellwrap .table_cell > ul > a {gap: 10px;padding: 10px;}
.club_searchlist > .table_cellwrap .table_cell > ul a li {padding: 0;overflow: unset;}
.club_searchlist > p {margin-bottom: 10px;}
.club_information {position: relative; overflow: hidden;}
.club_information .title_h3 {font-size: 0.875rem;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;overflow: hidden;text-align: left;}
.club_information ul {position: relative;display: flex!important;background: none!important;gap: 20px;height: auto!important;border-bottom: 0!important;}
.club_information ul li {color: var(--color_font03);}
.club_information li+li::before {content: "";display: inline-block;width: 2px;height: 12px;position: absolute;background: var(--color_border07);top: 50%;left: -10px;transform: translateY(-50%);}

/* club_documentlist */
.club_documentlist .table_cellwrap .table_cell .table_head, .club_documentlist .table_cellwrap .table_cell ul a {display: grid;grid-template-columns: auto 90px 15%;}
.club_img {min-width: 200px;}
.club_img img {max-width: 200px;width: 100%;height: 63px;object-fit: cover;border: 1px solid var(--color_border01);border-radius: 5px;}
.club_titbox > a::after {position: relative;display: inline-block;right: -4px;width: 6px;height: 6px;border: 1px solid #999;border-width: 0 1px 1px 0;content: '';-webkit-transform: translateY(-20%) rotate(-45deg);transform: translateY(-25%) rotate(-45deg);}

/* club_creatbox */
.club_createwrap {background: var(--color_bg02);border-radius: 10px;padding: 20px;}
.club_createbox {display: flex;padding: 6px 0;margin-bottom: 5px;align-items: center;}
.club_createleft {min-width: 120px;position: relative;margin-right: 10px;}
.club_createright {display: flex;width: 100%;align-items: center;gap: 10px;}
.club_createright:has(.createbox) {flex-direction: column;align-items: flex-start;}
.club_createright:has(.createbox) span {font-size: 0.75rem;color: var(--blue01);}
.club_createright .member_area {max-width: unset;}
.club_createright .member_area.by_selet {max-width: 180px;}
.club_createright .createbox {display: flex;width: 100%;gap: 10px;align-items: center;}
.club_createright .createbox.inp_chk {margin: 0;justify-content: unset;}
.club_createright .createbox:has( > .inp_chk) {gap: unset;}
.club_createright .createbox .inp_chk {min-width: 130px;justify-content: unset;margin: 0;}
.club_createright .createbox .createbox02 {display: flex;}





@media screen and (max-width: 767px) {
	/* club.html */
    .my_clubbox .table_head, .my_clubbox .table_cell ul a {grid-template-columns: auto 60px 80px 100px;}
    .my_clubbox .table_head li:nth-child(3), .my_clubbox .table_cell ul a li:nth-child(3) {display: none;}
    .club_content {flex-direction: column;}
    .club_content .content_box {width: 100%}
    .club_content .recommended_club {max-width: none;}

	/* club_searchlist */
	.club_searchlist > .table_cellwrap .table_cell > ul {padding: 0;}
	.club_information ul {flex-wrap: wrap; gap: 0;}
	.club_information ul li {width: 50%;justify-content: flex-start!important;}
	.club_information ul li:last-child {width: 100%;}
	.club_information li+li::before {display: none;}

	/* .club_createbox */
	.club_createwrap {padding: 10px;}
	.club_createbox {flex-direction: column;align-items: flex-start;gap: 10px;margin: 15px 0;}
	.club_createbox:first-child {margin-top: 0;}
	.club_createbox:last-child {margin-bottom: 0;}
	.club_createbox:last-child .createbox:nth-child(3) {margin: 0;}
	.club_createbox:nth-child(2) .createbox {display: grid;grid-template-columns: auto 78px;}
	.club_createbox:nth-child(2) .createbox p {grid-column: 1 / 3;grid-row: 1 / 2;}
	.club_createright {gap: 5px;}
	.club_createright .createbox {flex-direction: column;align-items: flex-start;margin-bottom: 10px;gap: 5px;}
	.club_createright .createbox .createbox02 {width: 100%;}
	.club_createright .createbox.inp_chk {flex-direction: row;align-items: center;font-size: 0.75rem;}
	.club_createright .member_area.by_selet {max-width: unset;}
	.club_createright .createbox:has( > .inp_chk) {gap: 5px;}
}