@charset "utf-8";

/* タビジョ */
.tabijo_bnr {
  border: 1px solid #000;
  background: url(../img/bg_tabijobnr_ttl.png) no-repeat 0 0;
  background-color:#fff;
  height: 128px;
  margin: 30px 0 35px;
  overflow: hidden;
}
.tabijo_bnr .ttl {
  margin: 16px 0 0 115px;
  float: left;
  width: 235px;
}
.tabijo_bnr .mz_ttl{
  float: left;
  width: 191px;
  margin: 12px 10px 0 20px;
}
.tabijo_bnr .mzlist {
  overflow: hidden;
  margin-top: 9px;
}
.tabijo_bnr .mzlist li {
  float: left;
  width: 180px;
}
.tabijo_bnr .mzlist li a {
  display: block;
  width: 100%;
  height: 110px;
}
.tabijo_bnr .mzlist li a:hover,
.bnr a:hover { opacity: 0.8; }
.clearfix { overflow: hidden; }
.attention {
  border-top: 1px solid #9faab8;
}
.attention p,
.attention ul {
  color: #999;
  font-size: 12px;
  line-height: 1.3;
}

/* シャトルバス */
dl.time_schedule{
	text-align:center;
    clear: both;
}
dl.time_schedule dt.ouro {
    float: left;
    width: 50px;
}
dl.time_schedule dt.fukuro {
    float: right;
    width: 50px;
	clear:none;
}
dl.time_schedule dt.ouro:first-child{
	color:#cc0033;
}
dl.time_schedule dt.fukuro:nth-child(2) {
	color:#cc0033;
}

/* movie_eria */
.movie_area{
  /*display: flex;*/
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.movie_area .youtube{
	/*width: 430px;*/
}
.movie_area .youtube iframe{
	width: 100%;
  height: 261px;
}
.movie_area .movie_txt h3{
	background: url( "../img/m_bg_h3.png") center top no-repeat;
	color: #fff;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: bold;
}
.movie_area .movie_txt p{
	padding: 15px 0;
}
/* ヤバタン */
.about_yabatan {
	background-color: #d2e3ff;
	padding: 34px 0 0;
}
.about_yabatan .page960 {
	background-image: url(../img/yabatan/bg_about_yabatan01.png), url(../img/yabatan/bg_about_yabatan02.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left 502px top 0 , left 25px bottom 0;
	padding-bottom: 30px;
}
.about_yabatan h2 {
	margin: 0 0 0 4px;
}
.about_yabatan h2 + p {
	margin: -5px 0 10px 15px;
}
.about_yabatan .youtube iframe {
	width: 450px;
	height: 450px;
	margin: 0 auto 30px;
	display: block;
}
.about_yabatan .profile_ttl {
	margin: 0 0 0 342px;
}
.about_yabatan .profile_txt {
	margin: -31px 0 0 337px;
}
.about_yabatan .snslist {
	display: flex;
	margin: 20px 0 0 276px;
}
.about_yabatan .snslist li {
	margin-right: 20px;
}
.about_yabatan .snslist li:last-child {
	margin-right: 0;
}
.page960.yabatan ul.content .page .clearfix.yabatan .text_area {
	float: right;
}
.page960.yabatan ul.content .page .clearfix.yabatan .image_area {
	float: left;
}
.page960.yabatan ul.content .page:first-child,
.page960.yabatan ul.content .page:first-child .clearfix:first-of-type,
.page960.yabatan ul.content .page:first-child .clearfix:nth-of-type(2),
.page960.yabatan ul.content .page:first-child .clearfix:nth-of-type(3),
.page960.yabatan ul.content .page:nth-child(2),
.page960.yabatan ul.content .page:nth-child(2) .clearfix:first-of-type,
.page960.yabatan ul.content .page:nth-child(2) .clearfix:nth-of-type(2) {
	overflow: visible;
}
.page960.yabatan ul.content .page:first-child:after,
.page960.yabatan ul.content .page:nth-child(2):after,
.page960.yabatan ul.content .page:nth-child(2) .clearfix:first-of-type,
.page960.yabatan ul.content .page:nth-child(2) .clearfix:nth-of-type(2) {
	content: '';
	display: block;
	clear: both;
}
.page960.yabatan ul.content .page:first-child .clearfix:first-of-type .image_area,
.page960.yabatan ul.content .page:first-child .clearfix:nth-of-type(2) .image_area,
.page960.yabatan ul.content .page:first-child .clearfix:nth-of-type(3) .image_area {
	position: relative;
}
.page960.yabatan ul.content .page:nth-child(2) .clearfix:first-of-type .image_area,
.page960.yabatan ul.content .page:nth-child(2) .clearfix:nth-of-type(2) .image_area {
	position: relative;
}
.page960.yabatan ul.content .page:first-child .clearfix:first-of-type .image_area:before {
	content: '';
	display: block;
	width: 265px;
	height: 274px;
	position: absolute;
	top: -4px;
	right: -37px;
	background: url(../img/yabatan/yaba01.png) no-repeat 0 0;
}
.page960.yabatan ul.content .page:first-child .clearfix:nth-of-type(2) .image_area:before {
	content: '';
	display: block;
	width: 201px;
	height: 226px;
	position: absolute;
	top: 13px;
	left: -48px;
	background: url(../img/yabatan/yaba02.png) no-repeat 0 0;
}
.page960.yabatan ul.content .page:first-child .clearfix:nth-of-type(3) .image_area:before {
	content: '';
	display: block;
	width: 215px;
	height: 260px;
	position: absolute;
	top: 4px;
	left: -45px;
	background: url(../img/yabatan/yaba03.png) no-repeat 0 0;
}
.page960.yabatan #area_koala .w100per.top_border .image_area {
	position: relative;
	height: 500px;
}
.page960.yabatan ul.content .page:nth-child(2) .clearfix:nth-of-type(1) .image_area:before {
	content: '';
	display: block;
	width: 184px;
	height: 209px;
	position: absolute;
	top: 13px;
	left: -48px;
	background: url(../img/yabatan/yaba04.png) no-repeat 0 0;
}
.page960.yabatan ul.content .page:nth-child(2) .clearfix:nth-of-type(1) .text_area  {
  width: 550px;
}
.page960.yabatan ul.content .page:nth-child(2) .clearfix:nth-of-type(2) .image_area:before {
	content: '';
	display: block;
	width: 192px;
	height: 310px;
	position: absolute;
	top: -48px;
	left: -48px;
	background: url(../img/yabatan/yaba05.png) no-repeat 0 0;
}

.page960.yabatan ul.content .page:nth-child(3) {
	position: relative;
	overflow: visible;
}
.page960.yabatan ul.content .page:nth-child(3):before {
	content: '';
	background: url(../img/yabatan/yaba06.png) no-repeat 0 0;
	width: 264px;
	height: 348px;
	position: absolute;
	top: 555px;
	right: -65px;
}
.page960.yabatan #area_koala .w100per.top_border .image_area:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 406px;
	height: 484px;
	background: url(../img/yabatan/only_his_point_yaba.png) no-repeat 0 0;
}
.page960.yabatan #area_koala .w100per.top_border .image_area img {
	display: none;
}

/*2021/8/6追記*/
.half_area img{
	object-fit: cover;
}
