@charset "utf-8";

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

	ファンクラブ入会申請フォーム

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

/** 共通ファイルの継承 **/
@import url( "../../css/common.css" );


/* */
.detail main .content_box h2:first-of-type {
	margin-top: 1.5em;
}


/* */
main .site_column .information.message_box {
	/* background-color: rgba(103,150,235,1);	/* blue系 */
	background-color:　rgba(235,103,113,1);
	margin-bottom: 1.5em;
}

main .site_column .information.message_box li {
	line-height: 1.8;
}

main .site_column .information.message_box ul li::before {
	top: 0.45em;
}

main .site_column .information.message_box li a {
	color: #FFF;
}


/* */
.form_contents .items .item label,
.items.email dl dt label {
	padding: 0.4em 0 0;
	align-items: start;
}

.items.email {
	padding: 0;
}

.items.email div {
	width: 100%;
}

.items.email dl {
	display: flex;
	padding: 1.5em 2em;
}

.items.email dl dt {
	display: flex;
	width: 30%;
	font-weight: bold;
}

.items.email dl dt label {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.items.email dl dd {
	width: 70%;
	margin-left: 4em;
}

.items.email dl:first-child {
	padding-bottom: 0;
}

.items.email dl:first-child dd {
	padding: 0 0 1.5em;
	border-bottom: 1px dashed #C0C0C0;
}

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

.form_contents .items .item label,
.items.email dl dt label {
	padding: 0;
}
	
.items.email dl {
	display: block;
	width: 100%;
	padding: 1.5em 1em;
}

.items.email dl dt {
	display: none;
  width: 100%;
	margin-bottom: 0;
}
	
.items.email dl:first-child dt {
	display: block;
	margin-bottom: 1em;
}
	
.items.email dl dt label {
	display: block;
}
	
.items.email dl dd {
	width: 100%;
	margin-left: 0;
}
	
.form_contents #sex_radioboxes label input {
	margin-top: 0.25em;
	vertical-align: top;
}
	
}


/* */
.ui-dialog-buttonpane button:focus {
	box-shadow: 0 0 10px 0 rgba(255,255,0,1);
}