@charset "UTF-8";

#uni-toolbar:not(.uni-toolbar-disabled) #style_selector .style-toggle {
    left: 3vw !important;
}

h3 p{
	margin-bottom:0 !important;
}

h4{
	margin-bottom:20px;
}

.content-area a{
	color:#B85112;
	text-decoration:underline;
}
	.content-area a:hover{
		text-decoration:none;
	}
	
.content-area .btn a,
.content-area .buck-button a{
	color:#535050;
	text-decoration:none;
}

#title-events span{
	background-color:#EFDDDD;
}
#title-meetings span{
	background-color:#D8E0EC;
}
#title-committees span{
	background-color:#F3ECD4;
}
#title-community span{
	background-color:#DDE5DB;
}

#tab-meetings span{
	background-color:#D8E0EC;
}
#tab-events span{
	background-color:#EFDDDD;
}
#tab-committees span{
	background-color:#F3ECD4;
}
#tab-community span{
	background-color:#E3EEE0;
}

span.tab-notify{
	background-color:#D8E0EC;
}
span.tab-schedule{
	background-color:#EFDDDD;
}
span.tab-activities{
	background-color:#F3ECD4;
}
span.tab-others{
	background-color:rgb(234, 234, 234);
}

.mb30{
	margin-bottom:30px !important;
}

.other_text{
	margin-top:30px;
}

#information_detail ul,
#activities_detail ul{
	list-style:unset;
	margin-left:54px;
	li{
		margin-bottom:20px;
		&:last-of-type{
			margin-bottom:0;
		}
	}
}

.gallery-block figcaption{
	max-width:80%;
}

/***--- form ---***/
.form-block .aform-header{
  font-size: 1.5rem;
  margin-bottom: 70px;
  padding-bottom: 20px;
  border-bottom: 1px solid #D9D0D0;
  line-height: 1.4em;
  display: inline-block;
}

#event-entry form dl{
	align-items:start;
}
#event-entry form dl.dl_participate{
	padding-left:30%;
}
#event-entry form dt{
	text-align:left;
	/*padding-top:10px;*/
}
#event-entry form dd{
	text-align:left;
}

.form-block .dl_participate dd{
	width:100%;
}
.form-block .dl_participate dt{
	display:none;
	width:calc(30% - 60px);
	text-align:center;
}
.form-block dl dt{
	position:relative;
}
.form-block .aform-required{
	display:block;
	position:absolute;
	right:10px;
	top:6px;
	color:#FFF;
	background-color:#FF0000;
	font-size:14px;
	padding-left:2px;
	padding-right:2px;
}
.form-block .aform-validation{
	display:none;
}
.form-block .aform-checkbox-ul label{
	font-family: "Shippori Mincho", serif;
}

/*- input select checkbox textarea -*/
#event-entry form select{
	padding:10px 15px;
	margin-right:10px;
	margin-left:10px;
	border:1px solid #918F8F;
}
#event-entry form dd > select:first-child{
	margin-left:0;
}
#event-entry form dd ul li{
	margin-right:20px;
	display:inline-block;
}
#event-entry form textarea{
	width:100%;
	box-sizing:border-box;
	padding:10px 15px;
	border:1px solid #918F8F;
}
#event-entry form .aform-hdln{
    text-align: left;
    padding: 10px 20px;
    background-color: #EAEAEA;
    line-height: 1.2;
    margin: 80px 0 40px;
	text-align: center;
	font-size: 1.25rem;
	font-weight: normal;
}
#event-entry form .aform-note{
	text-align:left;
	margin-bottom:30px;
	width:100%;
	padding-left:30%;
	box-sizing:border-box;
}
#event-entry form .aform-input-example{
	color:red;
	font-size:16px;
}


/*- confirm -*/
#aform-confirm-form dl dt{
	text-align:left;
}
#aform-confirm-form dl dt span.aform-required{
	display:none;
}
#aform-confirm-form dl dd{
	text-align:left;
}
#aform-confirm-form dl.dl_participate dd{
	text-align:center;
}
#aform_confirm_msg{
	text-align:left;
}
#return_btn{
	margin-bottom:30px;
}
/*- error -*/
.event-form .aform-error-list{
	display:block;
	text-align:left;
}
.event-form .aform-error-list dt{
	display:block;
	width:100%;
}
.event-form .aform-error-list dd{
	display:block;
	font-family: "Shippori Mincho", serif;
	width:100%;
}

.ui-datepicker-calendar{
    width: 100%;
    border: 1px solid #CCC;
    border-collapse: collapse;
}
.ui-datepicker-calendar tr th{
	font-weight:bold;
    background-color: #EEE;
    border: 1px solid #DDD;
    padding:2px 4px;
    text-align: center;
}
.ui-datepicker-calendar tr td{
    border: 1px solid #DDD;
    text-align: center;
    background-color: #FFF;
    padding:2px 4px;
}
.ui-datepicker-calendar tr td.ui-datepicker-week-end {
    background-color: #FFECEC;
}
.ui-datepicker-calendar tr td:last-child.ui-datepicker-week-end {
	background-color: #EEF7FF;
}
.ui-datepicker-title select{
	width:80px;
	border: 1px solid #000;
    text-align: left;
    padding:2px 5px;
    background-color: #FFF;
    appearance:auto;
}

label.validation-advice{
	color:red;
}

dl dt label[for="password"] {
	display:block;
	width:100%;
}

#aform-999 .member_class{
	display:none;
}

/*--- login ---***/
/*
#login{
	width:800px;
	margin:70px auto 0;
}
	#login dl{
		padding:20px 0 20px 0;
		overflow:hidden;
		border-bottom:1px solid #D3D3D3;
	}
		#login dl dt{
			width:120px;
			padding:5px 0 0 0;
			float:left;
		}
			#login dl dt span.aform-required{
				color:#FFF;
				font-size:1.2rem;
				padding:3px 10px 2px 10px;
				background-color:#840017;
				display:inline-block;
				float:right;
			}
		#login dl dd{
			padding:0 0 0 160px;
		}
			#login dl dd input,
			#login dl dd textarea,
			#login dl dd select{
				width:580px;
				padding:5px 10px 5px 10px;
				border:1px solid #666;
			}
			
.submit,
.aform-button-area{
	margin:20px 0 20px 0;
	text-align:center;
}
	.submit input,
	.aform-button-area input{
		position:relative;
		overflow:hidden;
		color:#FFF;
		display:inline-block;
		text-align:center;
		text-decoration:none;
		line-height:1.0;
		width:485px;
		padding:25px 0 25px 0;
		background-color:#3A3F9A;
		border:1px solid #3A3F9A;
		transition:all 0.3s ease;
	}
	.submit input:hover,
	.aform-button-area input:hover{
		color:#3A3F9A;
		background-color:#FFF;
		border:1px solid #3A3F9A;
		transition:all 0.3s ease;
	}
	
.sub_notice{
	text-align:center;
	margin:50px 0 0 0;
}
*/

small a{
	display:block;
	margin-bottom:20px;
	font-size:16px;
}

footer .footer-menu {
	margin-right:200px;
}

@media (max-width: 1599px) {

@media (max-width: 1399px) {

}
@media (max-width: 1299px) {

}
@media screen and (max-width: 1199px) {
    .form-block .aform-header {
        margin-bottom: 50px;
    }
}
@media (max-width: 999px) {
	footer .footer-menu {
		margin-right:0;
	}
	.form-block .dl_participate dt{
		display:none;
		width:100%;
	}
	.form-block .aform-required{
		right:0;
	}
	/*- input select checkbox textarea -*/
	#event-entry form .aform-note{
		text-align:left;
		margin-bottom:30px;
		width:100%;
		padding-left:0;
		box-sizing:border-box;
	}
		
	#event-entry form dl.dl_participate{
		padding-left:0;
	}
	
}
@media (max-width: 767px) {
	.gallery-block figcaption{
		position:static;
		left:unset;
		transform:translateX(0);
		max-width:100%;
	}
	
#uni-toolbar:not(.uni-toolbar-disabled) #style_selector .style-toggle {
    /*left: 3vw !important;*/
    left: unset !important;
    /*right: 10px !important;*/
}
	
}