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

/* --------------------------------------------------

news

-------------------------------------------------- */
/* --------------------------------------------------
page-ttl
-------------------------------------------------- */
.page-ttl:before {
	content: "MESSAGE BOARD";
	font-size: 16rem;
}


@media screen and (max-width: 768px) {
	.page-ttl:before {
		font-size:4rem;
		bottom: 0rem;
	}
}

/* --------------------------------------------------
msg-red
-------------------------------------------------- */

.msg-red {
	margin:4em 0 4em auto !important;
}


/* --------------------------------------------------
modal
-------------------------------------------------- */
.modal-ttl{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1em;
}

.modaal-inner-wrapper .modaal-close {
	position: absolute;
	right: -20px;
	top: -20px;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	min-width: 120px!important;
	height: 50px;
	background: rgba(0,0,0,1)!important;
	border-radius: 50px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 2px solid #FFF;
	display: block;
	padding: 0 0 0 2em;
	box-shadow: 0 0 6px #FFF;
}
.modaal-inner-wrapper .modaal-close span {
	position: relative!important;
	height: auto!important;
	width: auto!important;
	overflow: hidden;
	margin-left: .5em;
	font-weight: bold;
}

.search-wrap {
    align-items: flex-start;
}
.search-wrap dl {
    align-items: flex-start;
	position: relative;
}

.search-wrap dl dd {
    flex: inherit;
	position: static;
}

.search-wrap dl dd .btn-form a {
	max-width: 245px;
}
.search-wrap dl .genre-choice,
.search-wrap dl .tag-choice{
    max-width: 90vw;
}

.search-wrap dl:nth-of-type(2n+1) .genre-choice{
    width: 200%;
    left: 1em;
}
.search-wrap dl:nth-of-type(2n) .tag-choice {
    width: 200% !important;
}



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

	.search-wrap dl:nth-of-type(2n+1) .genre-choice,
	.search-wrap dl:nth-of-type(2n+1) .tag-choice {
		width: 1000px;
		margin-left: 0px;
	}

}



/* --------------------------------------------------
send-area txt-area
-------------------------------------------------- */
.send-area .txt-area{
	margin: 0 0 4em;
}

.txt-area p{
	font-size: 1.6rem;
}

.txt-area p:not(:last-child){
	margin-bottom: 2rem;
}

/* --------------------------------------------------
messageboard-txt
-------------------------------------------------- */
.messageboard-txt{
	margin-bottom: 5%;
}

.messageboard-txt h3{
	text-align: center;
	border-left: 0;
	padding: 0;
}

.messageboard-txt p{
	text-align: center;
	margin-bottom: 1rem;
	font-size: 1.6rem;
}

/* --------------------------------------------------
comfirm-area
-------------------------------------------------- */

.comfirm-area .table-form tr td p.textarea {
    border-radius: 20px;
	margin-bottom: 5rem;
}

@media screen and (max-width: 800px) {
	.comfirm-area .table-form tr td p.textarea {
		margin-bottom: 2rem;
	}
}

/* --------------------------------------------------
btn
-------------------------------------------------- */
.btn
,.btn-area{
	text-align: center;
    margin: 2em auto 6em;
}

.btn button
,.btn-area button{
	margin: 0 2em;
	padding:0.8rem 1.5rem;
	font-weight: bold;
	font-size: 1.6rem;
}

.btn-area button.btn-white{
	background: #FFF;
    color: #000;
    border: 1px solid #000;
}

.btn-area button.btn-white:hover{
	background: #000;
	color: #FFF;
}

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

	.btn
	,.btn-area{
		margin: 0em auto 4em;
		max-width: 90%;
	}
	.btn button,
	.btn-area button{
		margin: .5em 2em;
	}

	.btn button,
	.btn-area button{
		margin: .5em 2em;
	}
	.btn-area .btn a {
		font-size: 1.4rem;
	}
}



/* --------------------------------------------------
messageboard-wrap
-------------------------------------------------- */
.messageboard-wrap{
    background: #DCDCDC;
}



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

    .messageboard-wrap{
        padding: 2em 1em;
    }

}


/* --------------------------------------------------
event-wrap
-------------------------------------------------- */
.event-wrap{
    background: #fff;
    padding: 5em 1em;
    margin-bottom: 2px;
}

p.status{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 5%;
    color: #fff;
    font-size: 1.4rem;
    transform: translateY(-50%);
    padding: 1.2em .6em;
}

p.status.in-session{
    background: #B12814;
}

p.status.end{
    background: #000;
}

.event-wrap .ico-category{
    background: #000;
    color: #fff;
}

@media screen and (max-width: 800px) {
    .event-wrap{
        padding: 2em 1em;
        margin-bottom: 2em;
    }
    .event-wrap .list .txt{
        padding: 0 1rem;
    }
    .event-wrap .list .txt .ico-category{
        padding: .2em 0.6em;
    }
}

/* --------------------------------------------------
athletes-wrap
-------------------------------------------------- */
.athletes-wrap .athletes-list li a{
    color: #000;
}

.athletes-wrap .athletes-list li .cate-sports span{
    background: #D0D0D0;
}

.athletes-wrap .name-en{
    color: #fff;
}

@media screen and (max-width: 800px) {
    .athletes-wrap .wrap-ttl{
        margin-bottom: 0;
    }

}
/* --------------------------------------------------
team-wrap
-------------------------------------------------- */
.team-wrap{
    background: #DCDCDC;
    padding: 4em 1em 2rem;
	margin-bottom: 4rem;
}