/*
Theme Name: diva tcd066 child
Version: 1.13.3
Template: diva_tcd066
*/
/*--------------------------------------------------------------
# font text
--------------------------------------------------------------*/
@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
body{font-family: 'Noto Sans JP',-apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Hiragino Kaku Gothic ProN",YuGothic,Meiryo,sans-serif;letter-spacing: 2.5px;  line-height: 1.7em;font-size: 14px;}

.evet_txt strong{color:#00d084;font-weight: normal;}
/*--------------------------------------------------------------
# flex
--------------------------------------------------------------*/
/*.flex_box{display: flex;justify-content: space-between;}
.fl_80p{width: 60%;}
.fl_70p{width: 70%;}
.fl_60p{width: 60%;}
.fl_50p{width: 50%;}
.fl_40p{width: 40%;}
.fl_30p{width: 30%;}*/

@media (min-width:320px) {
	.flex_box{display: block;}
	.fl_80p{width: 100%;}
	.fl_70p{width: 100%;}
	.fl_60p{width: 100%;}
	.fl_50p{width: 100%;}
	.fl_40p{width: 100%;}
	.fl_30p{width: 100%;}
}
@media (min-width:768px) {
	.flex_box{display: flex;justify-content: space-between;}
	.fl_80p{width: 60%;}
	.fl_70p{width: 70%;}
	.fl_60p{width: 60%;}
	.fl_50p{width: 50%;}
	.fl_40p{width: 40%;}
	.fl_30p{width: 30%;}
}

/*--------------------------------------------------------------
# padding
--------------------------------------------------------------*/
@media screen and (min-width: 481px) {
	.left30px{padding-left:0px;}
}
@media screen and (min-width: 960px) {
.left30px{padding-left:30px;}
}

.post_content h3{padding-top: 0!important;}


/*--------------------------------------------------------------
# margin padding text
--------------------------------------------------------------*/
.post_content #access_data_list dd{margin-bottom: 0!important;}
.marginCenter{margin-left: auto;margin-right:auto;}

/* padding */
  .p-10 {
    padding: 10px;
  }
  .pb-10 {
    padding-bottom: 10px;
  }
  .pb-20 {
    padding-bottom: 20px;
  }
  .pb-30 {
    padding-bottom: 30px;
  }
  /* margin */
  .mb-10 {
    margin-bottom: 10px;
  }
  .mb-20 {
    margin-bottom: 20px;
  }
  .mb-30 {
    margin-bottom: 30px;
  }
	.mb-40 {
		margin-bottom: 40px;
	}
	.mb-50 {
		margin-bottom: 50px;
	}
  .mt-10 {
    margin-top: 10px;
  }
  .mt-20 {
    margin-top: 20px;
  }
  .mt-30 {
    margin-top: 30px;
  }
	.post_content h2.mt-40,
	.mt-40 {
		margin-top: 40px;
	}
	.post_content h2.mt-50,
	.mt-50 {
		margin-top: 50px;
	}
  /* text-align */
  .center {
    text-align: center;
  }
  .right {
    text-align: right;
  }

	.font-14 {font-size: 14px;}

	.color-red{color:#f27777;}

	.post_content p {
	  line-height: 2!important;
	  margin: 1.2em 0 1.2em 0!important;
	  word-wrap: break-word;
	}
	/*--------------------------------------------------------------
	#page header
	--------------------------------------------------------------*/
	@media screen and (max-width:768px) {
		.header_opacity1 { padding-top:0px!important; }
	}
#header_slider {
	  height: 700px;
	  overflow: hidden;
	}




#page_header_inner{padding: 140px 0 140px;}
	@media screen and (max-width: 768px) {

		html.front-page {
   overflow: visible!important;
}
		/* 1. スライダー領域の高さと配置を固定 */
	  #header_slider {/*
	    position: relative !important;*/
	    height: 350px !important;
	    overflow: visible !important;
		position: static;
	  }
/* スライダー全体の高さを固定制御 */
  #header_slider,
  #header_slider.no_footer_slider,
  #header_slider .item,
  #header_slider .slick-track,
  #header_slider .slick-list,
  #header_slider .slick-slide,
  #header_slider .slick-slide > div {
    height: 350px !important;
    max-height: 350px !important;
    min-height: 350px !important;
  }

  /* 画像ラッパーと画像自体の高さを自動フィット */
  #header_slider .image {
    width: 100% !important;
    height: 100% !important;/*
    position: absolute !important;*/
    top: 0 !important;
    left: 0 !important;
  }

  #header_slider .image img,
  #header_slider .item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* コンテンツ領域のめり込み防止 */
  #front-page-main {
		position: relative !important;
    /*margin-top: 350px !important;  スライダーの高さ分（350px）だけ下にズラす */
    clear: both !important;
  }

	.mobile #header{height:70px!important;}

	body.home #container, body.error404 #container {
		 height: auto!important;
}
/* ヘッダーを一番上に配置する */
  #header,
  header,
  .site-header,
  #header-in {
    position: relative !important;
    z-index: 9999 !important; /* スライダーより高い数値に設定 */
  }

  /* スライダーの z-index を下げる */
  #header_slider {
    position: relative !important;
    z-index: 1 !important; /* ヘッダーより低い数値に設定 */
  }
}
/*--------------------------------------------------------------
# button
--------------------------------------------------------------*/
.q_button:not(.bt_green):not(.bt_blue):not(.bt_red):not(.bt_yellow){background-color:#37454d!important;}
.post_content .mailbtnbox{padding-top: 30px;padding-bottom: 40px;}
.post_content a.button{color: #fff;margin-bottom: 30px;}
.post_content .sqgraysolid a.button{margin-bottom: 0px;}

.post_content a.button:hover{opacity: 0.7;}

	@media screen and (min-width: 320px) {
  a.button {
    padding: 16px 20px;
    display: block;
    text-transform: uppercase;
    font-size: 1.1rem;
    background: #00b800;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
		line-height: 1.4em;
  }
}

	@media screen and (min-width: 768px) {
	  a.button {
	    font-size: 20px;
	    font-size: 1.5rem;
	    padding: 10px 20px;
			max-width:680px;
			text-align: center;
			line-height: 1.4em;
		  }
	}


.post_content a.button:hover{opacity: 0.7;}

@media screen and (min-width: 768px) {
input.button {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 20px 30px;
		margin-top: 20px;
		line-height: 1.34rem;

  }
}

@media screen and (min-width: 320px) {
  input.button {
    display: block;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.8rem;
    background: #FF4500;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    border: none;
		margin-top: 20px;
	  padding: 14px 30px;
  }
}

/*--------------------------------------------------------------
# video
--------------------------------------------------------------*/
.is-type-video{margin-top: 20px;}

/*--------------------------------------------------------------
# box
--------------------------------------------------------------*/
@media (min-width:800px) {
	.post_content .box768,.wp-block-group.box768{max-width: 100%;}
}
@media (min-width:992px) {
	.post_content .box768,.wp-block-group.box768{max-width: 800px;margin: 30px auto;
  }
}
	.post_content .box768 h2,.wp-block-group.box768 h2{margin-bottom: 20px;}

/*--------------------------------------------------------------
# contact
--------------------------------------------------------------*/
.wpcf7{background: #20272b!important;border:1px solid #39444c!important;}
.wpcf7 p label{color:#ffffff;}
.wpcf7 .wpcf7-submit{background-color:#37454d!important;}
.wpcf7 .wpcf7-submit:hover{background-color:#4c5f6a!important;}
.wpcf7 .wpcf7-response-output{color:#ffffff;}
/*--------------------------------------------------------------
# waku
--------------------------------------------------------------*/
.post_content .sqwhitesolid{border:1px solid #39444c!important;padding-top: 30px;padding-bottom: 20px;background-color: #252d32;}
@media screen and (min-width: 768px) {.sqwhitesolid {padding: 3.5em 4.5em;}}
@media screen and (min-width: 320px) {.sqwhitesolid {padding: 2em;	}}


.post_content .sqgraysolid {
	margin-top: 30px;
	margin-left: auto;margin-right: auto;
	border:1px solid #39444c!important;
	padding: 30px 15px 30px 15px;
  line-height: 2.4;
  background: #20272b!important;
	margin-bottom: 40px;
}

.post_content .sqgray {
	width:100%;
	margin-top: 30px;
	margin-left: auto;margin-right: auto;
	padding: 20px 30px 20px 30px;
  line-height: 2.4;
  background: #2c363c!important;
	margin-bottom: 40px;
}


@media (min-width:768px) {
	.post_content .sqgraysolid {
    width:94%!important;
  }
}
@media (min-width:992px) {
	.post_content .sqgraysolid {
     width: 86%;
  }
}
@media (min-width:1200px) {
	.post_content .sqgraysolid {
    width:74%!important;
  }
}

@media (min-width:768px) {
	.post_content  .table-fix table{width:94%!important;}
	.post_content .table-fix table th:first-child,.post_content  .table-fix table td:first-child {width: 40%;}
}
@media (min-width:992px) {
	.post_content .table-fix table{width:86%!important;}
	.post_content .table-fix table th:first-child,.post_content  .table-fix table td:first-child {width: 30%;}
}
@media (min-width:1200px) {
	.post_content .table-fix table{ width:74%!important;}/*
	.post_content .table-fix table th:first-child,.post_content  .table-fix table td:first-child {width: 280px;}*/
}


/*--------------------------------------------------------------
# border
--------------------------------------------------------------*/
div.post_content hr.wp-block-separator.has-alpha-channel-opacity{
  border:none!important;
	margin: 0!important;padding: 0!important;
  border-top:1px solid #39444c!important;
	margin-top: 40px!important;
	padding-bottom: 40px!important;
}

/*--------------------------------------------------------------
# HOME
--------------------------------------------------------------*/
#header_slider{max-height: 700px;height: auto;}
#front-page-main{padding-top: 20px;padding-bottom: 40px;padding-right: 15px;  padding-left: 15px;  margin-right: auto;  margin-left: auto;}
html.front-page{background-color: #1d2327; overflow: scroll !important;width: 100%; }
html.front-page #header_slider {position:relative !important;}
#front-page-main .wp-block-list li {font-size: 17px;font-weight: 700;margin-bottom: 24px;}
#front-page-main .wp-block-list li a{display: block;text-align: center;padding:22px 10px;border: 2px solid #cdcdcd;position: relative;}
#front-page-main .wp-block-list li a:hover{opacity: 0.7;}
#front-page-main .wp-block-list li a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	display: block;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 2px solid #cdcdcd; /* 線の太さ */
	border-right: 2px solid #cdcdcd; /* 線の太さ */
	transform: rotate(45deg); /* 右向き矢印 */
}

#header_slider .item1 .overlay,#header_slider .item2 .overlay,#header_slider .item3 .overlay {background: rgba(0, 0, 0, 0.6) !important;}
#header_slider .overlay {height: 100%;}
#header_slider .item1 .button:hover,#header_slider .item2 .button:hover,#header_slider .item3 .button:hover {background: rgba(0, 0, 0, 0.7) !important;}

#front-page-main .content .wp-block-columns h2.wp-block-heading{font-size: 32px;font-weight: 700; padding-bottom: 20px; border-bottom: 1px solid #cdcdcd;}
#header_slider .direction_type2 .caption_inner { padding-top: 50px;}
#mobile_menu #global_menu ul.sub-menu a {background-color: #363c41;}
@media (min-width:576px) {
  #front-page-main {max-width:540px;}
	#front-page-main .content .wp-block-columns{margin-top: 10px;}
	/*スライダー中のテキスト*/
	#header_slider .direction_type2 .caption_inner { padding-top: 40px;}
}
@media (min-width:768px) {
  #front-page-main {max-width:720px;}
	#front-page-main .content .wp-block-columns .home_pc_right{margin-left: 0px;}
	/*スライダー中のテキスト*/
#header_slider .direction_type2 .caption_inner { padding-top: 0px;}
}
@media (min-width:992px) {
  #front-page-main {max-width:960px; }
	#front-page-main .content .wp-block-columns .home_pc_right{margin-left: 40px;}
	#front-page-main .content .wp-block-columns{margin-top: 50px;}
}
@media (min-width:1200px) {
  #front-page-main {
    max-width:1140px
  }
}

/*home footer*/
#index_footer_slider.footer_slider{position: relative;}
.footer_bottom {
  padding: 50px 0;
}

/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
#header_logo {width:290px;}
#header_logo .flex_box {align-items: center;}
.babel-tel{font-size: 18px;}
.babel-tel a::before {
    content: "\f095"; /* 電話アイコンのコード */
    font-family: "Font Awesome 6 Free";/*テーマのバージョンに合わせる */
    font-weight: 900; /* アイコンを塗りつぶし表示にする設定 */
    margin-right: 5px; /* アイコンと番号の間の隙間 */
    color: #ffffff;
  }

/*--------------------------------------------------------------
# table
--------------------------------------------------------------*/
.post_content table td, .post_content table th { border:1px solid #39444c!important; background:#20272b !important;}
/* ↑↑↑↑↑↑↑ここでは効かないのでカスタムCSSにも入れています ↑↑↑↑↑↑↑ */
.post_content  .table-fix{margin-top: 20px;margin-bottom: 40px;}
.post_content .table-fix table{margin: 26px auto;	/*border:1px solid #39444c!important;*/}
/*.post_content table td{background-color: #20272b!important;}*/
.post_content .table-fix table th:first-child,.post_content  .table-fix table td:first-child {width: 220px;}

@media (min-width:768px) {
	.post_content  .table-fix table{width:94%!important;}
	.post_content .table-fix table th:first-child,.post_content  .table-fix table td:first-child {width: 40%;}
}
@media (min-width:992px) {
	.post_content .table-fix table{width:86%!important;}
	.post_content .table-fix table th:first-child,.post_content  .table-fix table td:first-child {width: 30%;}
}
@media (min-width:1200px) {
	.post_content .table-fix table{ width:74%!important;}
	.post_content .table-fix table th:first-child,.post_content  .table-fix table td:first-child {width: 280px;}
}

/*--------------------------------------------------------------
# pickup
--------------------------------------------------------------*/
/* 一覧 */
ul.pickup_schedule{
	margin:0;
	padding:0;

}

ul.pickup_schedule li{
		margin-top: 25px!important;
}


/* 全体 */
.pickup_item{
	display:flex;
	gap:20px;
	align-items:flex-start;
	text-decoration:none;
	color:#ffffff;
}

/* 画像 */
.pickup_image{
	flex:0 0 220px;
}

.pickup_image img{
	width:100%;
	height:150px;
	object-fit:cover;
	display:block;
}

/* テキスト */
.pickup_text{
	flex:1;
}

/* 日付 */
.pickup_date{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	margin-bottom:8px;
}

/* タイトル */
.pickup_text h3{
	margin:0 0 10px;
	font-size:22px;
	line-height:1.4;
}

/* 本文 */
.pickup_excerpt{
	margin:0;
	line-height:1.9;
	font-size:15px;
	color:#ffffff;
}

/* 続きはこちら */
.pickup_more{
	color:#0d8dc9;
	font-weight:bold;
}

/* hover */
.pickup_item:hover .pickup_more{
	text-decoration:underline;
}

/* スマホ */
@media (max-width:768px){

	.pickup_item{
		display:block;
	}

	.pickup_image{
		margin-bottom:15px;
	}

	.pickup_image img{
		width:100%;
		height:auto;
	}

	.pickup_text h3{
		font-size:20px;
	}

}

/*--------------------------------------------------------------
# access
--------------------------------------------------------------*/
@media screen and (max-width: 950px) {
  #access_google_map {
    height: auto!important;
  }
}

/*--------------------------------------------------------------
# schedule(event)
--------------------------------------------------------------*/
.image .thumbnail {
    margin-bottom: 15px;
}

.image .thumbnail img {
    display: block;
    width: 100%;
    height: auto;
}

#event_archive_category li{width: calc(15% - 7px);min-width: 130px!important;}
#event_archive_category li a{white-space: nowrap;padding-left: 8px;padding-right: 8px;}

#event_archive_list .day.saturday{color :#2980b9;}
#event_archive_list .day.sunday{color :#f27777;}

p.sub_cap{padding-top: 10px;display:inline-block;padding-bottom: 10px;}
p.sub_cap span{color:#27ae60;}
#event_archive_list .main_link{-ms-width:78%;-webkit-width:78%;width: 78%!important;}
#event_archive_list .image {background: transparent!important;}
#event_archive_list .excerpt{line-height: 1.7em;font-size: 14px;text-overflow: clip;  }
#event_archive_list .q_button{letter-spacing: 1.7px;}
#event_archive_list .link_button {/*position: relative;*/    /*コレ*/display: flex;
    /*コレ*/align-items: center;
    /*コレ*/justify-content: center;
	width: 22%!important;}
#event_archive_list .link_button .event_button{/*position: absolute;  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;*/
  margin: auto;}
#event_archive_list .event_date {width: 8.7%!important;/* width:80px; */ background:#283238!important; }
#event_single #article .post_content { padding-left: 20px;}
#event_archive_header{height:auto;}
#event_archive_header p.sub_cap{padding-top: 10px;width: 70%;}
/*Retina*/
#event_archive_list .data{-ms-width:64%;-webkit-width:64%;width: 64%!important;}

	@media screen and (max-width: 1230px) {
		#event_single #article{padding-top: 40px!important;}
		#event_single_header{margin-bottom: 0!important;}
		#event_title{margin-left: 70px!important;}
	 	#event_nav .item{margin-left: 70px!important;}
		#event_single_header { position: static!important;}
		#event_single #article .post_content { padding-left: 80px!important;}
		#event_archive_list .main_link{-ms-width:100%;-webkit-width:100%;width: 100%!important;}
		#event_archive_list .event_date {-ms-width:80px;-webkit-width:80px;width:80px!important;}
		#event_archive_list .image {-ms-width:251px;-webkit-width:251px;width:251px!important;}
		#event_archive_list .data{-ms-width: calc(100% - 331px);-webkit-width: calc(100% - 331px);width: calc(100% - 331px)!important;}
		#event_archive_list {padding-bottom: 0px;}
		#event_archive_list .link_button {display:inline-block!important;position: relative;	width: auto!important;z-index: 30;}
		#event_archive_list .event_button{position: absolute;bottom:10px;width:auto;right:20px;}
		#event_archive_list .link_button .event_button{display: flex;}
		#event_archive_list .data_inner{margin-top:20px!important;position:static;-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
	}
	@media screen and (max-width: 1000px) {
		#event_archive_header{height: auto;}
		#event_archive_header p.sub_cap{display: inline;width: 60%;}
	}
	@media screen and (max-width: 950px) {
		#event_archive_header{height: auto;text-align: center;}
		#event_archive_header p.sub_cap{padding-top: 8px;display: block;padding-left: 20px;padding-right: 20px;width:100%;}
	}

@media screen and (max-width: 700px) {
	#event_archive_header{height: auto!important;}
	#event_archive_list .image {-ms-width:calc(100% - 80px);-webkit-width:calc(100% - 80px); width:calc(100% - 80px)!important;}
	#event_featured_image_mobile{margin-left:70px!important;-ms-width:calc(100% - 70px);-webkit-width:calc(100% - 70px);width: calc(100% - 70px)!important;}
	#event_single_header { position: static!important;}
	#event_single #article .post_content { padding-left: 70px!important;}
	#event_archive_list {padding-bottom: 20px;}
	#event_archive_list .link_button {position:static;margin-left: auto;margin-right: auto;float:none;height: auto;width:100%!important;}
	#event_archive_list .event_button{position:static;text-align: center;}
	#event_archive_list .link_button .event_button{display: block;}
	#event_archive_list .mobile_title{
		display:block !important;
		position:static !important;
		opacity:1 !important;
		visibility:visible !important;
		color:#fff; /* 必要なら文字色を変更 */
		margin:30px 0;
}
 #event_archive_list .image::after{background: transparent !important;}
 #event_archive_list .main_link{-ms-width:100%;-webkit-width:100%;width: 100%!important;}
}



	/*--------------------------------------------------------------
	# form
	--------------------------------------------------------------*/

	@media screen and (min-width: 768px) {
  form table td {
    padding: 12px;
  }

}
	form input {
  overflow: visible;
	border-radius: 6px;
	margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}


/*--------------------------------------------------------------
# tab
--------------------------------------------------------------*/
.tab-content hr{border-top: 1px solid #000;margin-bottom: 20px;}
.tab-pane .flex_box h3 span{font-size: 18px;}
.tab-pane .flex_box p{font-size: 14px;}
.tab-pane .flex_box .photoC{display: block;text-align: center;margin: 0 auto 20px;padding: 0 20px;}
.tab-pane .flex_box .photoC img{max-width: 100%; width:auto;}
.tab-pane .flex_box{text-align: left;}
@media screen and (max-width: 768px) {
.tab-pane .flex_box{text-align: center;}
.tab-pane .flex_box .photoC{display: block;text-align: center;margin: 0 ;padding: 0;padding-top: 14px;padding-bottom: 20px;}
.tab-content hr{border-top: 1px solid #000;margin-bottom: 20px;}


/*--------------------------------------------------------------
# wpcf7
--------------------------------------------------------------*/

.wpcf7 .hidden-fields-container p{color:#fff;}