@charset "UTF-8";

body{margin:0;-webkit-text-size-adjust: none;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
dl,dt,dd{margin: 0; padding: 0;}


#resp { width: 96%; padding: 0; margin: 0 auto; }

.logo{text-align:right;}
.logo img{width:174px;}
.copyright{
	width: 100%;
	background-color: #2f2f2f;
	color: #fff;
	text-align:right;
	padding:2%;
	margin:0;
}

.align_c{text-align:center;}
.font90{font-size:90%;}
.mb0{margin-bottom:0;}
.mt0{margin-top:0;}

#slide{
	height:450px;
	width: 1200px;
	margin:1em auto;
}

h1{
	padding:0.5em;
	text-align:center;
	background:#002E40;
	color:white;
	font-size: 2em;
	font-weight: bold;
}
h2{
	padding:0.2em;
	text-align:center;
	color:#002133;
	font-size: 1.5em;
	font-weight: bold;
}
#slide h2{
	padding:0 0 0 0;
	text-align:left;
	color:white;
	font-size: 1.5em;
	font-weight: bold;
	margin:0.83em;
}
h3{
	color:#004266;
	font-size: 1.17em;
	font-weight: bold;
}
.colcarou-item.inactive .colcarou-textbox{
	top: 0 !important;
}



/*-- 親要素をテーブル化 --*/
.main_wrapper { display: table; table-layout: fixed; width: 100%;margin-bottom:30px; }

/*-- 子要素をセル化 --*/
.main_wrapper > .container_one { display: table-cell; padding-left: 10px; padding-right: 10px; vertical-align: top; }


.main_wrapper a {
  display: block;
	border: 1px solid #CCC;
}

.img_wrapper img.thumbnail {
  border:1px solid #CCC;
	width: 500px;
}

.main_wrapper a:hover {
  opacity: 0.8;
}
.img_wrapper a:hover {
  opacity: 0.8;
}

.thumbnail {
  margin: 1.5%;
  background-size: cover;
  background-position: center center;
  padding-top: 56.25%;
  width: 97%;
}

.thumbnail_cal {
  margin: 1.5%;
  background-size: cover;
  background-position: center center;
  padding-top: 66.66%;
  width: 97%;
}

.place{margin-bottom:2em;margin-top:0;}
.place p{margin-bottom:0;margin-top:0;font-size:80%;text-align:right;}
.sp_br{display: none;}

/*-- PC版以外はアコーディオン非表示 --*/
@media (max-width: 1024px){#slideblock{display:none;}
section.cntSec .innerWrap {
  width: 97%;
}}

@media (min-width: 1024px){#slideblock2{display:none;}
section.cntSec .innerWrap {
  width: 1160px;
}

}

@media (max-width: 639px){
	#resp { width: 96%; padding: 0; margin: 0 auto 20px auto; }
	h1{padding:1em 0.5em;}
	.main_wrapper { display: block; }
	.main_wrapper > .container_one { display: block; width: 100%; padding: 0; margin: 0px; }
	.logo{margin-bottom:20px;width:100%;}
	.logo img{width:128px;}
	.place{margin-bottom:4em;margin-top:0;}
	.sp_br{display: block;}
}

.inner_content { width: 100%;  background: white; text-align:center; }

.multiple { padding: 0;width: 100%;}
.multiple img { width: 100%;}
.multiple div { margin: 0 5px;}
.multiple .slick-next { right: 23px; z-index: 100;}
.multiple .slick-prev { left: 23px; z-index: 100;}

.multiple2{margin:1em auto;}

.multiple2 { padding: 0;}
.multiple2 img { width: 100%;}
.multiple2 div { margin: 0 5px;}
.multiple2 .slick-next { right: 23px; z-index: 100;}
.multiple2 .slick-prev { left: 23px; z-index: 100;}


.font11 {
	font-size: 15px;
}
.fontb {
	font-weight: bold;
}
.fontc_blue{
	color: #002133;
}
.dl_wrapper{
	text-align : center;
	border: 1px solid #000;
	padding: 20px;
	margin: 0 auto;
}
.dl_wrapper a:hover{
	opacity: 0.8;
}
.imgItem_wrapper img{
	height: auto;
	padding: 5px;
}
.img_left_box {
	clear: both;
	margin:5px 10px 10px 10px;
	margin-right: 15px !important;
	flex: 0 0 auto !important;
}
.img_left_box .txt{
	padding-left: 15px;
}
.img_left_box img {
	width:260px;
	padding: 5px;
	border:1px solid #CCC;
}
.img_left_box a:hover {
	opacity: 0.8;
}
.img_left_box p {
	font-size: 0.9rem;
	margin: 0;
}

#slide h2{
	white-space: nowrap;
	letter-spacing : 4px;
	text-shadow    :
		2px  2px 1px #002133,
		-2px  2px 1px #002133,
		2px -2px 1px #002133,
		-2px -2px 1px #002133,
		2px  0px 1px #002133,
		0px  2px 1px #002133,
		-2px  0px 1px #002133,
		0px -2px 1px #002133;  
}

.calendar_modal_img {
  width: 100%;
}

@media (min-width: 768px) {  
  .calendar_modal .modal_inner {
    width: 1200px;
  }
  .calendar_modal .modal_scrollWrap {
    max-height: calc(92vh - 60px);
  }
}

@media (max-width: 1015px) {
	.dl_wrapper img {
		width: 100%;
	}
	.img_left_box{
		margin: 5px 0 20px 0 !important;
		margin-right: 0 !important;
	}
}

@media (max-width: 639px) {
	.imgTxt {
		display: block;
	}
	.img_left_box img {
		width: 100%;
		box-sizing: border-box;
	}
	.multiple2 .slick-slide .caption{
		width: 100% !important;;
	}
}
.wd_40p{
	flex: 0 0 40% !important;
}
.word_break{
	word-break: break-all;
}

.read_text{
	margin-top: 20px;
	margin-bottom: 80px;
}
@media (max-width: 639px) {
.read_text{
	margin-bottom: 30px;
}
}