@charset "utf-8";

/*----- パークチケット 追記 SPのみ ----- */
@media screen and (max-width: 568px) {
	.ticket_add {
		padding-top: 16px;
	}

	/* .tdrtop_ticket>figure>a:hover {
		opacity: 1;
	} */
}


/*----- パークチケット 追記 PCのみ ----- */
@media screen and (min-width: 569px) {
	.tdrtop_ticket {
		display: flex;
	}

	.tdrtop_ticket .pc:nth-of-type(1) {
		margin-right: 16px;
	}
}

.event_big figure {
	height: initial;
	padding: 42px 0 24px;
}

/*---- その他周辺ホテル追記 ----*/
.hotel_nav li {
	height: 5.6rem;
}

.mw100per .hotel05 h2 img {
	background-color: rgb(255, 255, 255, 0);
	margin: 0 auto;
}

.mw100per .hotel05 .hotel_area {
	text-align: center;
	background-color: #b87c97;
}

.mw100per .hotel05 .z_index_1 .hotel05_area h2 {
	font-family: "kan412typos-std", sans-serif;
	font-weight: normal;
	font-size: 2.2rem;
	background-color: #b87c97;
	display: inline;
	color: #fff;
	padding: 1.2rem 3rem 1.8rem;
	outline: 2px solid rgb(255, 255, 255);
	outline-offset: -8px;
}

.mw100per .hotel05 .z_index_1 .hotel05_area {
	text-align: center;
	margin-bottom: 3.4rem;
}

/*---- その他周辺ホテル追記 PC ----*/
@media screen and (min-width: 569px) {
	.hotel_nav a span {
		font-size: 1.6rem;
	}

	.hotel_nav li:not(:last-child) {
		border-right: 1px dashed #ff5ca5;
	}
}

/*---- その他周辺ホテル追記 SP ----*/
@media screen and (max-width: 568px) {
	.hotel_nav a span {
		font-size: 4.2vw;
	}

	.hotel_nav li {
		height: 56px !important;
	}

	.mw100per .hotel05 .z_index_1 .hotel_nav {
		border: 1px dashed #ff5ca5;
	}

	.mw100per .hotel05 .z_index_1 .hotel_nav li:nth-child(1) {
		border-right: 1px dashed #ff5ca5;
	}

	.mw100per .hotel05 .z_index_1 .hotel_nav li:nth-child(3) {
		border-top: 1px dashed #ff5ca5;
		border-right: 1px dashed #ff5ca5;
	}

	.mw100per .hotel05 .z_index_1 .hotel_nav li:nth-child(4) {
		border-top: 1px dashed #ff5ca5;
	}

	.fourcols_title .sp {
		width: 80%;
	}

	.mw100per .hotel05 .z_index_1 .hotel05_area h2 {
		font-size: 5.0vw;
		padding: 1.8rem 3rem 1.8rem;
	}
}

/*----- hover時 アクション -----*/
.link_area {
	position: relative;
}

.hover_on a img:hover,
.hover_on a:hover {
	opacity: 1;
}

.hover_on {
	transition: 0.4s all;
	/* position: relative; */
}

.event_big .hover_on>figure:hover {
	box-shadow: 2px 4px 18px 4px rgba(241, 147, 35, 0.5);
	transform: translateY(-4px);
	transition: 0.4s all;
}

.leftBox .hover_on:hover {
	/* top:-3px; */
	box-shadow: 2px 4px 18px 4px rgba(70, 104, 153, 0.5);
	transform: translateY(-4px);
}

.rightBox .hover_on:hover {
	/* top:-3px; */
	box-shadow: 2px 4px 18px 4px rgba(155, 79, 79, 0.5);
	transform: translateY(-4px);
}

/*---- event_container レイアウト等変更 ----*/

.event_container01 .box_frame {
	margin: unset;
	width: unset;
}

.event_container01 .slider_2col {
	justify-content: space-between;
}

.event_container01 .box_2col .box_frame:first-child {
	margin: unset;
}

.event_container01 .box_frame>.box_inner>figure {
	border: 3px solid #f19323;
	background: #fff;
}

.event_container01 .box_frame>.box_inner>figure a:focus {
	outline: none;
}

.event_container01 .box_frame>.box_inner>figure::before {
	border: 1px solid #f19323;
}

.event_container01 .leftBox .hover_on:hover,
.event_container01 .rightBox .hover_on:hover {
	box-shadow: none;
	transform: none;
}

@media (any-hover: hover) {
	.event_container01 .box_frame>.box_inner>figure:hover {
		box-shadow: 2px 4px 18px 4px rgba(241, 147, 35, 0.5);
		transform: translateY(-4px);
		transition: 0.4s all;
	}
	.hover_off{
		pointer-events: none;
}
}
/* SPのみ */
@media screen and (max-width: 568px) {

	.event_container01 .box_frame::before,
	.event_container01 .box_frame::after {
		background: unset;
	}

	.event_container01 .box_frame>.box_inner>figure {
		margin: 15px auto 0;
		padding: 20px;
		max-width: 350px;
	}

	.event_container01 .box_frame>.box_inner>figure::before {
		display: block;
	}
	.event_container01 .slide-arrow{
		width: 6vw;
	}
}

/*----- TOP 追記 PCのみ ----- */
@media screen and (min-width: 768px) {
	.no_img_wrap .event_container01{
		margin: -220px 0 40px;
	}
}

/*----- マップから探す 追記 ----- */

.map_bg {
  margin: 30px auto 50px;
}

/* 幕張・新浦安エリア */
.link_01 {
  top: 20px;
  left: 10px;
}
.link_02 {
  top: 72px;
  left: 10px;
}
.link_03 {
  top: 125px;
  left: 10px;
}
.link_04 {
  top: 179px;
  left: 10px;
}
.link_05 {
  top: 232px;
  left: 10px;
}
.link_06 {
  top: 285px;
  left: 10px;
}
.link_07 {
  top: 46px;
  left: 381px;
}
.link_08 {
  top: 273px;
  left: 438px;
}
.link_09 {
  top: 362px;
  left: 311px;
}
.link_10 {
  top: 445px;
  left: 686px;
}
.link_11 {
  top: 345px;
  left: 697px;
}
.link_12 {
  top: 195px;
  left: 662px;
}
.link_13 {
  top: 80px;
  left: 707px;
}
.link_14 {
  top: 397px;
  left: 529px;
}

/* グッドネイバーホテル */
.link_15 {
  top: 27px;
  left: 20px;
}

.link_16 {
  top: 294px;
  left: 18px;
}

.link_17 {
  top: 27px;
  left: 234px;
}

.link_18 {
  top: 207px;
  left: 224px;
}

.link_19 {
  top: 323px;
  left: 220px;
}

.link_20 {
  top: 413px;
  left: 261px;
}

.link_21 {
  top: 27px;
  left: 413px;
}

.link_22 {
  top: 170px;
  left: 701px;
}

.link_23 {
  top: 371px;
  left: 641px;
}

.map_btn a img:hover {
  opacity: 1;
}

.map_img_sp {
  display: none;
}
.map_tab > li {
    border-color: #b37c50;
    color: #b37c50;
}

.map_tab > li.tab_active {
    background-color: #b37c50;
}

.map_img .map01 > img, .map_img .map02 > img{
    border-color: #b37c50;
}

/* PCのみ */
@media screen and (min-width: 768px) {
  .map_search {
    margin: 0 auto;
    background: #ffffff;
    padding: 40px 47px 47px;
    box-shadow: 0px 6px 9px 2px #c5b97b;
  }
}

/* SPのみ */
@media screen and (max-width: 767px) {
  .map_bg {
    margin: 30px auto 68px;
  }

  .map_search {
    margin: 0 auto;
    width: 97%;
    padding: 0;
  }

  .map01,
  .map02 {
    display: none;
  }

  .map_img .map01>img,
  .map_img .map02>img {
    max-width: 100%;
  }

  .map_img_pc {
    display: none;
  }

  .map_img_sp {
    display: block;
    margin-top: -2px;
		border: 2px solid #b37c50;
    box-shadow: 1px 3px 6px 2px #c5b97b;
  }

  .contents_area01 h3 {
    background-size: 3% auto;
  }

  .map_img_sp li {
    border-width: 2px;
  }

  .map_tab {
    font-size: 1.2rem;
  }

  .map_tab>li {
    padding: 6px 15px 4px 15px;
    border-width: 2px;
    border-radius: 15px 15px 0 0;
  }

  .map_tab>li.tab_active {
    border-radius: 15px 15px 0 0;
  }
}