/* ボックスのスタイル */
#application .wpcf7-checkbox input[type=checkbox],
#application .wpcf7-checkbox input[type=checkbox]:checked {
	transform: scale(2);
	margin: 0 8px 0 0;
	border-radius:		0!important;
}
#application .wpcf7-checkbox label{
	cursor:			pointer;
}
.container{
	margin:2em auto
}
#mainContent .container ul,
#mainContent .container ol{
	margin:.8em auto .8em 2.4em
}
#mainContent .container p{
	margin:.8em
}
.titleH2,.titleH3,.titleH4{padding:0 .4em .4em;margin:2em 0 1.5em}
.titleH2{
	border-bottom:3px double #3889d1
}
.titleH3{
	border-bottom:1px solid #3889d1
}
.homeTopics .titleH2{
	border:none;
}
.mLink a,.wpcf7-submit{padding:.4em .6em}
.mLink a::after{content:"\f138";padding-left:.2em}
.topic-cats,.event-cats{min-width:8em}
.topic-exe{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.priceList th,.priceList td{
	padding:.4em;
	font-weight:400;
	border:1px solid #ddd
}
.required{background:#c98383;color:#fff}
.gMapContainer::before {
	content:"";
	display:block;
	padding-top:56.25%;
}
.gMapContainer iframe,
.mapContainer iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}
.banner-title{top:0;left:0}
.faqNo{width:24px;height:24px}
#gMyMap{overflow:hidden}
#gMyMap:before {
	content:"";
	display:block;
	padding-top:80%;
}
#gMyMap iframe{position:absolute;top:-62px;left:-2px;bottom:0;right:0;width:calc(100% + 4px);height:calc(100% + 62px)}
#purposesearchBox th,#purposesearchBox td,
.priceList th,.priceList td{border:1px solid #ccc;padding:.4em;font-weight:400}
.facebook-wrapper {
    max-width: 500px; /* Facebook Page Plugin の最大幅 */
    margin: 0 auto;
}
	img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}

.facebook-wrapper > .fb-page {
    width: 100%;
}
 
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}
#applicationForm dt,
#applicationForm dd{
	margin:0;
}
label.up_link {
  display: block;
  cursor: pointer;
  font-size: 2em;
  line-height: 5;
  text-align: center;
	max-width:576px
}
.up_link::before{
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f030";
  margin-right: .3em;
}
label.up_link + img{
  width: 100%;
}
label.up_link input{
  display: none;
}
.img_form {
  position: relative;
  margin: 0;
}
a.del{
  text-decoration: none;
}
a.del::after{
  position: absolute;
  top: 7px;
  right: 7px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f057";
  font-size: 2.0em;
	background:#fff;
	line-height:1;
	border-radius:50%;
  color: #000;
}
.photoTxt{
	height: calc( 1.8em * 3 );
	line-height: 1.8;
}
/********** Event **********/
.xo-event-list.type-detail>dl{
  position:relative;
  width:100%;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
}
.xo-event-list.type-detail>dl{
  -ms-flex:0 0 50%;
  flex:0 0 50%;
  max-width:50%;
}
.month-event-title{padding:.4em .6em!important}
.xo-month a{text-decoration:none!important}
.xo-event-list.type-detail{
	margin:0.5rem 0 !important;
}
.xo-event-list.type-detail dl{
	margin:0!important;
	padding:0.5rem !important;
}
.xo-event-list.type-detail dd,
.xo-event-list.type-detail a{
	margin:0!important;
	padding:0!important;
}

/*ベース*/
section.typeA::after {
	content: '';
	width: 100%;
	height: 3px;
	order: -1;
	display: block;
	background: #bed3f4;
}
section.typeA .tabLabel {	/* タブ */
	order: -1;
	border-radius: 0 10px 0 0;
	color: #444;
	background: #fff;
	transition: .5s ;
	cursor: pointer;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
section.typeA .tabLabel:nth-last-of-type(1){ margin-right: 0; }
section.typeA input {		/* ラジオボタン非表示 */
	display: none;
}
section.typeA .tab-content {	/* 本文 */
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}
/*アクティブ設定*/
section.typeA input:checked + .tabLabel {
	background: #bed3f4;
	border:none;
}
section.typeA input:checked + .tabLabel + .tab-content {
	padding: 15px;
	height: auto;
	overflow: auto;
	transition: .5s opacity;
	opacity: 1;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
/********** Form **********/
input[type="text"],input[type="date"],input[type="email"],select,textarea{padding:0.2em;font-size:16px;max-width:100%;border:1px solid #ddd}
input[type="text"]::placeholder,input[type="email"]::placeholder,textarea::placeholder{font-size:0.9em !important;color:#999}
input.searchfield{width:calc(100% - 40px);margin-right:4px;max-width:320px}
/********** Contact Form **********/
.contactForm dt{font-weight:400}
.contactForm{margin:2em auto}
.contactForm textarea{width:100%}
.contactForm .mailconf{margin-top:0.4em}
.wpcf7 .wpcf7-not-valid{background:#f4e6e6;border:1px solid #c06b6b}
.wpcf7 .wpcf7-response-output{display:block;position:relative;z-index:1000;padding:4px 8px;margin:0 8px 0 0;background:#f4e6e6;border:1px solid #c06b6b!important}
.wpcf7 .wpcf7-validation-errors{font-size:0.9em;font-weight:700;background:#f4e6e6;border:1px solid #c06b6b}
.wpcf7 .wpcf7-mail-sent-ok{color:#222;background:#bfffdf;border:1px solid #4dff4d}
.p-postal-code{margin-left:0.2em}
input.p-street-address{margin:0.3em 0 0 1.2em;width:calc(100% - 1.2em)}
.wpcf7Btn{border:none;cursor:pointer}
.wpcf7-list-item.first{margin-left:0!important}
.wpcf7Btn:focus,
.wpcf7-select,
.wpcf7 textarea:focus,
input[type="date"]:focus,
input[type="text"]:focus,
input[type="email"]:focus {border:1px solid #aaa!important;border-radius:none!important;outline:none!important}

.mapContainer iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}
.volunteerTitle{min-height:2.4em}
.gallerytitle{border-bottom:1px dotted #3889d1}
.post-single iframe{max-width:100%}
.popup-youtube::after{font-weight:400;font-family:"Font Awesome 5 brands";
text-shadow:0 0 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,1);
opacity:.9;content:"\f167";transform:rotate(0deg);font-size:48px;bottom:auto;right:auto;top:calc(50% - 24px);left:calc(50% - 24px)}
.multiselect{
	border-radius:0!important;
}
.multiselect:hover{
	border-radius:0!important;
}
.multiselect:focus{
	outline:none!important;
}
.multiselect-container {
	width:100% !important;
	overflow:hidden;
	margin:2px 0 0!important;
	padding:.4em!important;
	border-radius:0!important;
}
.multiselect-container *{
	font-weight:400!important;
	padding:.2em!important;
	margin:0!important;
}
.multiselectOpt {
	display:block!important;
	border-top:					1px solid #ddd !important;
}
#galleryMonth,
#galleryYear{
	font-size:16px;
}
#galleryMonth{
	width:4em !important;
}
#galleryYear{
	width:5em !important;
}
@media screen and (max-width: 768px) {
  .scroll-x {
    overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
  }
  #purposesearchBox {
    min-width: 768px;
    margin:0 .8em;
  }
}
@media all and (min-width:576px),print{
	.topic-exe{
		-webkit-line-clamp: 4;
	}
}
@media all and (min-width:768px),print{
	.topic-exc{
	  -webkit-line-clamp: 2;
	}
	.xo-event-list.type-detail>dl{
	    -ms-flex:0 0 33.333333%;
 		flex:0 0 33.333333%;
 		max-width:33.333333%;
	}
}
@media all and (min-width:992px),print{
	.container{
		margin:3em auto
	}
	.mLink a,.wpcf7-submit{padding:.2em .6em}
	#pageTop a{font-size:2.5em;opacity:.7}
	.xo-event-list.type-detail>dl{
		-ms-flex:0 0 25%;
		flex:0 0 25%;
		max-width:25%;
	}
	#gMyMap:before {
		padding-top:40%;
	}
	.scroll-x {
		width:100%;
		white-space: normal;
	}
	.day-box.holiday .schedule-note{font-size:.9em}
	.gMapContainer::before {
		padding-top:30%;
	}
	select.langCng{font-size:18px!important;padding:.2em .5em}
	select.langCng option{font-size:1rem!important}
	.popup-youtube::after{
		font-size:64px;
		top:calc(50% - 32px);
		left:calc(50% - 32px)
	}
	.multiselect-container *{
		padding:.1em!important;
	}
	input[type="text"],input[type="email"],select,textarea,
	#galleryMonth,
	#galleryYear{
		font-size:1em;
	}
}