@charset "UTF-8";
/* ---------------------------------------------------------------------
* トップページ
* --------------------------------------------------------------------- */

.inner{max-width:1200px;margin:0 auto;position: relative}
.inner img{width: 100%;height: auto}
@media screen and (max-width:767px){/*スマホ設定*/
.inner{width: 100%;margin: auto}
}
/* floatBnr */
#float,#floatArea{width:260px;height:260px;display:block;}
#float{position:fixed;right:100px;z-index:100;top:200px;}#float:hover{opacity:0.7;filter:alpha(opacity=70);}#floatArea{position:absolute;left:2px;top:0px;cursor:move;}#floatBt1{position:absolute;left:0px;top:260px;}#floatBt2{position:absolute;left:113px;top:173px;}#floatBt3{position:absolute;left:5px;top:158px;}#floatClose{position:absolute;right:3px;top:3px;}

/* MVエリア --------------------------------------------------------------------- */
.mv_slider{position: relative;}
.mv_slider .slick-img img {  margin: auto;  height: 100%;  object-fit: cover;  width: 100%;}
.mv_slider figcaption{position: absolute;color: #fff; width: 1200px;margin: auto;left: 0;right: 0;bottom: 5px;text-align: right;font-size: 13px;}
#move .slick-dotted.slick-slider {    margin-bottom:0px!important}
.dots-wrap {    display: flex;    justify-content: center;	position: absolute;bottom: 20px;left: 0;right: 0;margin: auto;}
.dots-wrap li {    width: 10px;    height: 10px;    margin: 0 5px;    border: 1px solid #fff;    border-radius: 50%;    cursor: pointer;}
.dots-wrap li:hover,
.dots-wrap li.slick-active {    background: #fff;}
.dots-wrap li button {    display: none;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    outline: none;    padding: 0;    border: none;    background-color: transparent;}
@media screen and (max-width:767px){/*スマホ設定*/
.mv_slider figcaption{width: 96%;font-size: 11px;}
}

/* コピーエリア --------------------------------------------------------------------- */
#copy_area{width: 100%; background: #000;
padding: 22px 0;}
@media screen and (min-width:768px){ /*PC設定*/
#copy_area ul{width: 1200px;margin: auto;}
#copy_area li{flex-grow: 1;text-align: center;position: relative}
#copy_area li:nth-child(1)::after,
#copy_area li:nth-child(2)::after,
#copy_area li:nth-child(3)::after{
  position: absolute;
  content: "";
  width: 1px;
  height: 90%;
  background-color: #fff;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
}

@media screen and (max-width:767px){/*スマホ設定*/

#copy_area {
	padding: 10px 0;
}

#copy_area ul {
	width: 96%;
	margin: auto;
}

#copy_area ul li {
	width: 45%;
	padding: 12px 0;
	margin: auto;
	text-align: center;
	position: relative;
}

#copy_area ul li img {
	width: 100%;
	height: auto;
}

/* 1番目・2番目：下に罫線 */
#copy_area li:nth-child(1)::after,
#copy_area li:nth-child(2)::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #fff;
	bottom: 0;
	left: 0;
}

/* 1番目・3番目：右に罫線 */
#copy_area li:nth-child(1)::before,
#copy_area li:nth-child(3)::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background-color: #fff;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

#copy_area li:nth-child(1),
#copy_area li:nth-child(3) {
	width: 44%;
}

#copy_area li:nth-child(2),
#copy_area li:nth-child(4) {
	width: 56%;
}

}


/* テキストエリア --------------------------------------------------------------------- */
#txtarea{text-align: center;padding: 80px 0 40px}
#txtarea h2{font-size: 45px;letter-spacing: 0.2em;text-indent: 0.5em;color: #920e17;padding-bottom: 30px;line-height: 1.5em}
#txtarea p{padding: 20px 0 20px;font-size: 20px;letter-spacing: 0.1em;text-indent: 0.1em;line-height: 1.8em}

#txtarea div.siryo{width: 30%;margin: 30px auto 0; font-size: 20px;font-weight: bold;letter-spacing: 0.2em;text-indent: 0.2em; }
#txtarea div.siryo a{background: #952130;color: #fff;padding:18px 0px 18px;text-align: center;width: 100%; display: block;  position:relative;}
#txtarea div.bt a{margin: auto;font-size: 20px;font-weight: bold;letter-spacing: 0.2em;text-indent: 0.2em; background: #952130;color: #fff;padding: 22px 0px;text-align: center;width: 360px;border: 2px solid #952130;  -webkit-box-shadow:0px 0px 0px 1px #ffffff inset;  -moz-box-shadow:0px 0px 0px 1px #ffffff inset;  box-shadow:0px 0px 0px 1px #ffffff inset;  display: block;  position:relative;  -webkit-transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out;  -o-transition: 0.3s ease-out;  transition: 0.3s ease-out;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#txtarea div.bt a:hover{background:#6B0608}

@media screen and (max-width:767px){/*スマホ設定*/
#txtarea{padding: 40px 0}
#txtarea h2{font-size: 25px;}
#txtarea p{padding: 0px 0 20px;font-size: 14px;width: 96%;margin: auto}
#txtarea div.siryo{width: 96%;font-size: 16px;margin: 20px auto 0}
#txtarea div.bt a{width: 80%;font-size: 18px;}
}


/* contentsコンテンツ--------------------------------------------------------------------- */
#contents_area{height:auto;position: relative; background-color: #000000;}
#contents_area .images{width: 100%;height: auto;min-width: 1200px;}
/*#contents_area .contents_link{border-top: 3px solid #fff;}*/
#contents_area a{text-align: center;display: block;}
#contents_area a:hover{opacity: 0.7}

@media screen and (max-width:767px){/*スマホ設定*/
#contents_area a{padding:0;}
#contents_area a img{width: 100%;}
}


/*インフォメーション --------------------------------------------------------------------- */
#info_area{background: #fff;width:100%;padding:60px 0 40px;border-bottom:1px solid #ececec}
#info_area .info_list{border-bottom: 1px solid #ececec;padding: 20px 0;margin-bottom: 20px;font-size: 14px;}
#info_area .info_list a{display: block;text-decoration: underline}
#info_area .info_list a:hover{color: #b59032;}
#info_area .info_list .info_title{font-weight: bold;letter-spacing: 0.1em; margin-bottom: 8px; }
#info_area .info_list .info_text{}
h2.pt{font-size: 26px;color: #b59032;text-align: center;position: relative;margin-bottom: 2em;letter-spacing: 0.1em;text-indent: 0.1em;font-weight: normal;}
h2.pt:before {  content: '';  position: absolute;  left: 50%;  bottom: -15px;  display: inline-block;  width: 60px;  height: 1px;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);  background-color: #b59032;}


@media screen and (min-width:768px){ /*PC設定*/
#info_area .info_list a:hover .cssArrow_r{opacity: 1;width: 90%;}
}
@media screen and (max-width:767px){/*スマホ設定*/
h2.pt{font-size: 20px;}
#info_area{padding:40px 0 20px;}
#info_area .info_list{padding: 10px 20px;font-size: 13px}
#info_area .info_list a .info_title,
#info_area .info_list a .info_text{width: 100%;}

#info_area .arrow{margin-top: 20px;margin-left: 0;width: 50px;margin-left: auto;margin-right: 10px;}
.spimg{width: 100%;height: auto}

}


/* TOPページ用フッターバナーエリア（スライドショー）-----------------------------------------*/
#top_footer_banner_area { width: 100%; background:#F7F4EE; padding: 10px 0; margin-bottom: 10px;}
#top_footer_banner_area ul.footer_slider { margin: 10px auto; width:1140px;}
#top_footer_banner_area a:hover img{opacity: 0.7;}
#top_footer_banner_area .slick-prev:before,
#top_footer_banner_area .slick-next:before {/*左右の矢印の色を変える*/color: #000;}
#top_footer_banner_area .slick-next {/*左右の矢印の位置を変える*/right: -26px; z-index: 99; width: 26px; height: 36px;}
#top_footer_banner_area .slick-prev {left: -30px; z-index: 100; width: 26px;height: 36px;}
#top_footer_banner_area .slick-dots li.slick-active button:before,
#top_footer_banner_area .slick-dots li button:before {/*スライド数のドットの色を変える*/color: #000;}
#top_footer_banner_area .footer_slider img {max-width: 98%;height: auto;}


@media screen and (max-width:767px){/*スマホ設定*/
#top_footer_banner_area {padding: 10px 0;}
#top_footer_banner_area ul.footer_slider {width: 70%;}
#top_footer_banner_area ul.footer_slider li{text-align: center}
#top_footer_banner_area .slick-next {right: -36px;}
#top_footer_banner_area .slick-prev {left: -36px;}
#top_footer_banner_area .footer_slider li img {width: 100%;height: auto;}
}



@media print{
#move{display: none}
#top_header_banner_area .mainBannerTxt,
#copy_area ul,
#copy_area2 ul{width: 100%}
#copy_area li img,
#copy_area2 li img{width: 90%;height: auto}
#online_service_area .online_service_wrapper,
#COVID19 ul{width:96%!important}
#COVID19 ul li.title{width:68%!important;}
#COVID19 ul li.movie{width: 30%!important;}
#online_service_area .online_detail_button{left:auto;right: 10px;width: 30%}
#online_service_area .online_regist_button{left:auto;right: 10px;width: 30%}

#footer_contents_menu_area,#top_footer_banner_area{display: none}
}