@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------
	kinkyu_sokuho
---------------------------------------------------------------------*/
#kinkyu_sokuho {
    margin: 15px auto;
    padding: 0 10px;
    max-width: 1200px;
}

#kinkyu_sokuho .inner {
	border: 5px solid #D90000;
	padding: 10px 20px;
}

#kinkyu_sokuho .inner dt {
	color: #D80000;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 3px;
}

#kinkyu_sokuho .inner dd {
	font-size: 15px;
	font-weight: bold;
}

/*---------------------------------------------------------------------
	top_slide
---------------------------------------------------------------------*/
.top_slide {
  margin-top: 10px;
  position: relative;
}
.top_slide .slick-list {
  overflow-y: auto;
}
.top_slide .slick-slide {
  margin: 0 10px;
  border-radius: 6px;
  overflow: hidden;
}
.top_slide .slick-dotted.slick-slider { margin-bottom: 0; }
.top_slide .slick-slide img {
  width: 100%;
}
.top_slide .slick-dots {
    padding: 5px;
    position: relative;
    bottom: auto;
    line-height: 1;
}
.top_slide .slick-dots li {
  width: 14px;
  height: 14px;
  vertical-align: top;
}
.top_slide .slick-dots li button {
  width: 14px;
  height: 14px;
}
.top_slide .slick-dots li button:before {
  opacity: 1;
  background: #0176CD;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.top_slide .slick-dots li.slick-active button:before {
  opacity: 1;
  background: #CD0101;
}

/*---------------------------------------------------------------------
	top_info
---------------------------------------------------------------------*/
.top_info {
  padding: 30px 20px;
  background: #BADBF1 url("../../../kaiyohaku/image/top/bg_01.png");
  background-size: cover;
  margin-bottom: 20px;
}
.top_info_bg {
  background: url("../../../kaiyohaku/image/top/bg_02.png") no-repeat center center;
}
.top_info .inner {
  margin: 0 auto;
}

.top_topics {}
.top_topics .tab_navi {
    padding: 0 10px;
    width: 100%;
    display: table;
}
.top_topics .tab_navi li {
  display: table-cell;
  vertical-align: bottom;
}
.top_topics .tab_navi li+ li {
  padding-left: 5px;
}
.top_topics .tab_navi a {
    display: block;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-size: 85%;
  font-weight: 500;
    border: 1px solid #fff;
    border-radius: 8px 8px 0 0;
    padding: 12px 3px;
}
.top_topics .tab_navi .cat_01 a { background: #E5F4FC; }
.top_topics .tab_navi .cat_02 a { background: #C6EBF3; }
.top_topics .tab_navi .cat_03 a { background: #A8CEF3; }
.top_topics .tab_navi .active a { background: #fff; }

.top_topics .tab_content {
  background: #fff;
  padding: 10px 15px;
  border-radius: 8px;
}
.top_topics .tab_content .item {
}
/*.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #bbb;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #0173BA;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #0173BA;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #0173BA;
}*/
.top_topics .list_topics {
  border-bottom: 1px solid #BFBFBF;
}

.lang_topics_list {
    text-align: center;
    background: #f6fafd;
    padding: 20px;
    border-radius: 10px;
}

.lang_topics_list li +li {
    margin-top: 10px;
}

.top_info_navi {
  margin-top: 25px;
}
.top_info_navi li + li {
  margin-top: 6px;
}
.top_info_navi > li > a {
  color: #fff;
  display: block;
  text-decoration: none;
  font-size: 130%;
  padding: 23px 10px 23px 82px;
}
.top_info_navi .navi_01 > a {
  border-radius: 8px 8px 0 0;
  background: #0176CD url("../../../kaiyohaku/image/top/top_info_navi_01.png") no-repeat 21px center;
}
.top_info_navi .navi_02 > a {
  background: #00A3D9 url("../../../kaiyohaku/image/top/top_info_navi_02.png") no-repeat 21px center;
}
.top_info_navi .navi_03 > a {
  background: #019797 url("../../../kaiyohaku/image/top/top_info_navi_03.png") no-repeat 10px center;
}
.top_info_navi .navi_04 > a {
  background: #01599A url("../../../kaiyohaku/image/top/top_info_navi_04.png") no-repeat 21px center;
}
.top_info_navi .navi_05 > a {
  border-radius: 0 0 8px 8px;
  background: #003A64 url("../../../kaiyohaku/image/top/top_info_navi_05.png") no-repeat 21px center;
}
.top_info_navi a:hover {
  color: #fff;
  opacity: .8;
}

.beach_info_inner,
.play_info_inner{
    padding: 15px;
    background: #fff;
}

/*----- parking_info -----*/
#pop_parking_info {
    background: #fff;
    padding: 15px;
}
#pop_parking_info .img { margin-bottom: 15px;}
#pop_parking_info dl {
	text-align: center;
	display: table;
	width: 100%;
	color: #fff;
	font-size: 18px;
}
#pop_parking_info dl + dl { margin-top: 7px; }
#pop_parking_info dt {
    background-color: #333333;
    font-weight: bold;
    display: table-cell;
	padding: 7px 0;
	vertical-align: middle;
	width: 41%;
}
#pop_parking_info dd {
    display: table-cell;
	padding: 7px 0;
	vertical-align: middle;
	border-left: 1px solid #E2E2E2;
}


#pop_parking_info .status_00 { background-color: #FF0000; }
#pop_parking_info .status_01 { background-color: #D27200; }
#pop_parking_info .status_02 { background-color: #0076CC; }
#pop_parking_info .status_03 { background-color: #666666; }

/*---------------------------------------------------------------------
	top_inst
---------------------------------------------------------------------*/
.top_ttl {
  color: #003A64;
  font-size: 150%;
  text-align: center;
  margin-bottom: 20px;
}

.top_inst {
  margin-bottom: 20px;
}
.top_inst .top_ttl {
  padding-top: 40px;
  background: url("../../../kaiyohaku/image/top/icon_inst.png") no-repeat center top;
}
.top_inst ul {
    max-width: 1200px;
    margin: 0 auto;
  padding: 0 20px;
}
.top_inst li {}
.top_inst li + li { margin-top: 10px; }
.top_inst li a {
  display: table;
  width: 100%;
    padding: 6px;
    color: #fff;
    text-align: center;
    font-size: 100%;
    background: #000;
    border-radius: 10px;
  text-decoration: none;
}
.top_inst li .thumb {
    border-radius: 0;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    width: 40%;
  border-radius: 6px 0 0 6px;
}
.top_inst li .ttl {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 10px;
    font-weight: bold;
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
    border-radius: 0 6px 6px 0;
}
.top_inst li .ttl::before {
    content: "";
    position: absolute;
    top: 58px;
    left: -12px;
    width: 24px;
    height: 24px;
    background: #000 url(../../../kaiyohaku/image/top/top_inst_arrow.png) no-repeat 0 0;
    background-size: 100%;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgb(0 0 0 / 20%);
}
.top_inst li .ttl::after {
    content: "";
    position: absolute;
    left: -22px;
    top: 38px;
    width: 40px;
    height: 21px;
    background: url(../../../kaiyohaku/image/top/top_inst_sun.png) no-repeat 0 0;
}

.top_inst .bg_01 a,
.top_inst .bg_01 .ttl,
.top_inst .bg_01 .ttl::before { background-color: #168039;}

.top_inst .bg_02 a,
.top_inst .bg_02 .ttl,
.top_inst .bg_02 .ttl::before { background-color: #43A047;}

.top_inst .bg_03 a,
.top_inst .bg_03 .ttl,
.top_inst .bg_03 .ttl::before { background-color: #ffe421; color: #7E3D2E; }

.top_inst .bg_04 a,
.top_inst .bg_04 .ttl,
.top_inst .bg_04 .ttl::before { background-color: #ff8830;}

.top_inst .bg_05 a,
.top_inst .bg_05 .ttl,
.top_inst .bg_05 .ttl::before { background-color: #ff88cd;}

.top_inst .bg_06 a,
.top_inst .bg_06 .ttl,
.top_inst .bg_06 .ttl::before { background-color: #3687DF;}

/*---------------------------------------------------------------------
	top_bnr_01
---------------------------------------------------------------------*/
.top_bnr_01 {
  padding: 30px;
  background: url("../../../kaiyohaku/image/top/bg_03.png");
  margin-bottom: 20px;
}
.top_bnr_01 .slick-slider { position: relative; }
.top_bnr_01 .slick-slider li {
    margin: 0 5px;
}
.top_bnr_01 .prev-arrow {
    position: absolute;
    left: -24px;
    top: 9px;
    width: 20px;
}
.top_bnr_01 .next-arrow {
    position: absolute;
    right: -24px;
    top: 9px;
    width: 20px;
}

/*---------------------------------------------------------------------
	top_guide
---------------------------------------------------------------------*/
.top_guide {
  padding: 0 20px;
  margin-bottom: 20px;
}
.top_guide .top_ttl {
  padding-top: 30px;
  margin-bottom: 20px;
  background: url("../../../kaiyohaku/image/top/icon_guide.png") no-repeat top center;
}
.top_guide .slick-slide {
  margin: 0 5px;
  text-align: center;
}
.top_guide .slick-slide a {
  color: #000;
  text-decoration: none;
}
.top_guide .slick-slide .title { margin-top: 5px; }
.top_guide .slick-slide .title span {
  font-size: 100%;
    padding-left: 22px;
    display: inline-block;
    background: url(../../../kaiyohaku/image/icon/arrow_01.png) no-repeat 0 5px;
    background-size: 15px;
}
.top_guide .prev-arrow {
    position: absolute;
    left: -12px;
    top: 76px;
    width: 10px;
}
.top_guide .next-arrow {
    position: absolute;
    right: -12px;
    top: 76px;
  width: 10px;
}

/*---------------------------------------------------------------------
	top_event
---------------------------------------------------------------------*/
.top_event {
  padding: 20px 20px 30px;
  margin-bottom: 25px;
  background: #CEE7F8 url("../../../kaiyohaku/image/top/bg_04.png");
  background-size: cover;
}
.top_event .top_ttl {
  padding-top: 30px;
  background: url("../../../kaiyohaku/image/top/icon_event.png") no-repeat center top;
}
.top_event li {
  margin: 0 5px; 
}
.top_event li a {
  color: #000;
  display: block;
  text-decoration: none;
  background: #fff;
  border: 1px solid #BFBFBF;
  padding: 5px;
}
.top_event li .thumb {
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
  padding-bottom: 72.1%;
}
.top_event li .thumb img {
  bottom: -100%;
    left: -100%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    opacity: 1 !important;
    position: absolute;
    right: -100%;
    top: -100%;
    width: 100%;
}
.top_event .tag { margin-bottom: 5px; }
/*.top_event .tag_now {
    color: #fff;
    background: #FF9200;
    font-size: 1.2rem;
    padding: 1px 10px;
    display: inline-block;
}
.top_event .tag_comingsoon {
    color: #fff;
    background: #333;
    font-size: 1.2rem;
    padding: 1px 10px;
    display: inline-block;
}*/
.top_event li .title {
  font-size: 100%;
  font-weight: 500;
  margin-bottom: 10px;
}
.top_event li .date {
    color: #666666;
    padding-left: 23px;
    background: url(../../../kaiyohaku/image/icon/date_01.png) no-repeat 0 0;
    background-size: 16px;
    font-size: 1.2rem;
}
.top_event .prev-arrow {
  position: absolute;
    left: -60px;
    top: 160px;
}
.top_event .next-arrow {
    position: absolute;
    right: -60px;
    top: 160px;
}

.top_event .link {
  text-align: center;
  margin-top: 25px;
}


/*---------------------------------------------------------------------
	top_program
---------------------------------------------------------------------*/
.top_program {
  margin-bottom: 20px;
  background: url("../../../kaiyohaku/image/bg_flag_02.png") no-repeat center 15px;
}
.top_program .top_ttl {
  padding-top: 38px;
  background: url("../../../kaiyohaku/image/top/icon_program.png") no-repeat center top;
}
.top_program .link {text-align: center; }


/*---------------------------------------------------------------------
	top_sns
---------------------------------------------------------------------*/
.top_sns {
  padding: 20px 0 30px;
  margin-bottom: 30px;
  background: #DDF7FE url("../../../kaiyohaku/image/top/bg_06.png");
}
.top_sns .ttl {
  font-size: 175%;
  text-align: center;
  color: #003A64;
  margin-bottom: 30px;
}
.top_sns .sns_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: #fff;
  padding: 20px 10px;
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
}
.top_sns .sns_list li {
    margin: 1%;
    width: 17%;
    max-width: 60px;
}
.top_sns .sns_list a {
    display: block;
}
.top_sns .sns_list img { width: 100%; }

/*---------------------------------------------------------------------
	top_bnr_02 
---------------------------------------------------------------------*/
.top_bnr_02 {}
.top_bnr_02 ul {
  display: flex;
  flex-wrap: wrap;
}
.top_bnr_02 li {
  width: 48.71%;
  margin: 0 2.11% 2.11% 0;
}
.top_bnr_02 li:nth-child(2n) { margin-right: 0; }