@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	第39回 日本自己血輸血・周術期輸血学会

//////////////////////////////////////////////////////////////////////////////*/

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

	全体

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

body.contents main .site_column {
	max-width: 1000px;
	width: 90%;
}

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

body,
textarea,
input,
select {
	font-size: 13px;
}

}

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

body,
textarea,
input,
select {
	font-size: 3.2vw;
}

#content > header h1 {
	font-size: 4.5vw;
}

}


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

	#form

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

#form h2 {
	width: 16em;
}

#form [name="演題名（副題を含む）"],
#form [name="施設名・所属部署"],
#form .name section input,
#form .facility,
#form .facility input,
.mw_wp_form_preview #form .facility .box {
	width: 100%;
}

#form [name="筆頭演者（責任演者）の氏名"],
#form [name="ふりがな"] {
	width: 100%;
	max-width: 250px;
}

#form .name,
.mw_wp_form_preview #form .group,
#form .presenter > .box {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}

#form .presenter > .box section {
	display: block;
	padding: .75em .5em 0 0;
	border-bottom: 0;
}

#form .presenter > .box .facility,
#form .presenter > .box section:last-child {
	padding-right: 0;
}

#content #form .name section,
.mw_wp_form_preview #form .group section {
	width: 50%;
}

#content #form .name section {
	padding-top: 0;
}

#form .select {
	margin-right: 0;
}

#form .check_list,
#form .check_list span {
	display: block;
}

#form .check_list label {
	position: relative;
}

#form input[type="checkbox"] {
	top: 1em;
}

#form input[type="checkbox"]:checked + span::before {
	top: 1.125em;
}


.mw_wp_form_preview #form .box {
	font-size: inherit;
}

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

#form [name="筆頭演者（責任演者）の氏名"],
#form [name="ふりがな"] {
	max-width: 200px;
}

}

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

#form [name="筆頭演者（責任演者）の氏名"],
#form [name="ふりがな"] {
	max-width: 160px;
}

#form .select,
#form .select select {
	width: 100%;
}

}

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

#form h2,
#form .select,
#form .select select,
#form .name input {
	width: 100%;
	max-width: none;
}

#form h2 {
	padding: 0;
}


#form [name="筆頭演者（責任演者）の氏名"],
#form [name="ふりがな"] {
	max-width: 45vw;
}

#form .presenter > .box section:nth-child(2) {
	padding-right: 0;
}

#form h2 .sub {
	right: 14vw;
	left: auto;
}

}


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

	.check

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

#form .check .detail .title,
#form .check .detail p {
	margin: 0;
}