@charset "utf-8";

@import "default.css";

/* ===================================================================
format
=================================================================== */

/*	body
----------------------------------------------------*/
body {text-align:center;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color:#333;
  overflow: hidden;
}

/*	img
----------------------------------------------------*/
img {width:100%; height:auto;}

/*	a:link,a:visited,a:hover,a:active
----------------------------------------------------*/
a			{color:#dcaf35; text-decoration:underline;}
a:link		{color:#dcaf35;}
a:visited	{color:#dcaf35;}
a:hover		{color:#dcaf35;text-decoration:none;}
a:active	{color:#dcaf35;}

.border {
border-style: solid;
border-width: 1px;
border-color: #ccc;
background:#fff;
}


/* ===================================================================
Layout
=================================================================== */

/*	pagenavi
----------------------------------------------------*/
#pagenavi {
width:100%;
max-width:1080px;
margin:0 auto;
}

#pagetitle h1,h2,
#maincolumn h1,h2,
#contact h1,h2,
#contact_area h1,h2,
#maincolumn h1,h3,
#pagecolumn h1,h3 {
font-weight:bold;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}



/*	pagecolumn
----------------------------------------------------*/
#pagecolumn {
background: #fffbf0;
}

/*	pagetop
----------------------------------------------------*/
.pagetop {
display:none;
position:fixed;
z-index: 999;
}

.pagetop a {
text-align:center;
text-decoration:none;
}

.pagetop a:before {
font-family: "FontAwesome";
content: "\f106";
color:#fff;
text-decoration:none;
}

.sightseeing-page p {
	margin-bottom: 18px;
}

/* Tables */
/* ============================================ */
.table_box table {
  width: 100%;
  border-color: inherit; /* 1 */
  border-collapse: collapse;
  /* border: 1px solid #212836; */
}

.table_box {
  /* width: 65%; */
  width: 40%;
  height: 200px;
  overflow-y: scroll;
  margin: 12px auto 0;
  background-color: #e3e3e3;
}

@media screen and (max-width: 640px) {
	.table_box {
    width: 100%;
	}
}

.table_box::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  }

.table_box::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgb(125, 125, 125);
  /* box-shadow: 1px 1px 1px rgba(9, 182, 167); */
}
.table_box caption {
  text-align: left;
}

.table_box td,
.table_box th {
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: calc((100%) / 4); */
  width: calc((100%) / 3);
  /* text-align: center; */
  /* border: 1px solid #212836; */
  background-color: #fff;
  line-height: 1.4;
}

.table_box th {
  padding: 4px 8px;
  border: 1px solid #707070;
  border-right: none;
  border-bottom: none;
}

@media screen and (max-width: 640px) {
	.table_box th {
		padding: 5px;
	}
}

.table_box th:last-of-type {
  border-right: 1px solid #707070;
}

.table_box .border_bottom {
  border-bottom: 1px solid #707070;
}

.table_box .border_top_none {
  border-top: none;
}

/* .table_box th:nth-last-of-type(n+3) {
  border-top: 1px solid #212836;
} */

.table_box th:first-of-type {
  max-width: 60px;
}

@media screen and (max-width: 640px) {
  .table_box th:first-of-type {
    max-width: 45px;
  }
}

.table_box td {
  /* width: 100%; */
  padding: 3px;
}

.table_box tr {
  display: flex;
}

.table_box .table_title {
  font-size: 14px;
  line-height: 1.8;
}

@media screen and (max-width: 640px) {
  .table_box .table_title {
    font-size: 10px;
  }
}

.table_box .text_ks {
  font-size: 14px;
}

@media screen and (max-width: 640px) {
  .table_box .text_ks {
    font-size: 8px;
  }
}

.table_box .table_day{
  color: #fff;
  font-size: 11px;
  /* background-color: #4179B9; */
}

@media screen and (max-width: 640px) {
  .table_box .table_day {
    font-size: 10px;
  }
}

.table_box .table_text {
  text-align: center;
  font-weight: bold;
}


.table_box .floating {
  position: sticky;
  top: 0;
  text-align: center;
  /* z-index: 100; */
}

@media screen and (min-width: 640px) {
  .sp_br {
    display: none;
  }
}

@media screen and (min-width: 1079px) {
  .tb_br {
    display: none;
  }
}

.table_box .triangle {
  color: #3d6ec2;
}


/* 「繁忙日の空き状況」の注意書き部分 */
/* ============================================ */
.table_box_sub {
  /* width: 65%; */
  margin: 5px auto;
}

@media screen and (max-width: 640px) {
  .table_box_sub {
    width: 100%;
    margin: 5px auto;
  }
}

.table_box_sub .text-attention {
  text-align: left;
  font-size: 11px;
}

@media screen and (max-width: 640px) {
  .table_box_sub .text-attention {
    font-size: 10px;
    line-height: 1.6;
  }
}

.text_st {
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 3px
}

@media screen and (max-width: 640px) {
  .text_st {
    font-size: 18px;
  }
}


/* Tables2 */
/* ============================================ */
.table_box2 table {
  width: 100%;
  border-color: inherit; /* 1 */
  border-collapse: collapse;
  margin-bottom: 5px;
  /* border: 1px solid #212836; */
}

.table_box2 {
  width: 65%;
  margin: 5px auto 0;
}

@media screen and (max-width: 640px) {
	.table_box2 {
    width: 100%;
	}
}

.table_box2 td,
.table_box2 th {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc((100%) / 4);
  /* text-align: center; */
  /* border: 1px solid #212836; */
  background-color: #fff;
  line-height: 1.4;
}

.table_box2 th {
  padding: 4px 8px;
  border: 1px solid #707070;
  border-right: none;
  border-bottom: none;
}

@media screen and (max-width: 640px) {
	.table_box2 th {
		padding: 5px;
	}
}

.table_box2 th:last-of-type {
  border-right: 1px solid #707070;
}

.table_box2 .border_bottom {
  border-bottom: 1px solid #707070;
}

.table_box2 .border_top_none {
  border-top: none;
}

.table_box2 th:first-of-type {
  max-width: 50px;
}

.table_box2 td {
  padding: 3px;
}

.table_box2 tr {
  display: flex;
}

.table_box2 .table_title {
  font-size: 14px;
  line-height: 1.8;
  color: #212836;
}

@media screen and (max-width: 640px) {
  .table_box2 .table_title {
    font-size: 11px;
  }
}

.table_box2 .table_day{
  color: #fff;
  font-size: 13px;
  background-color: #212836;
}

@media screen and (max-width: 640px) {
  .table_box2 .table_day {
    font-size: 12px;
  }
}

.table_box2 .table_text {
  text-align: center;
  font-weight: bold;
}


.table_box2 .floating {
  position: sticky;
  top: 0;
  text-align: center;
  /* z-index: 100; */
}

@media screen and (min-width: 640px) {
  .sp_br {
    display: none;
  }
}

.table_box2 .triangle {
  color: #3d6ec2;
}

.table_box2 .text-attention {
  font-size: 11px;
}

@media screen and (max-width: 640px) {
  .table_box2 .text-attention {
    font-size: 9px;
  }
}

.text_st {
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 3px
}

@media screen and (max-width: 640px) {
  .text_st {
    font-size: 18px;
  }
}

.table_box2 .text_ks {
  font-size: 14px;
}

@media screen and (max-width: 640px) {
  .table_box2 .text_ks {
    font-size: 8px;
  }
}

/* 「詳しい料金表はこちら」のボタン */
/* ============================================ */

/* solid002 */
.table_box2 .button_solid002 a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  margin-top: 10px;
  max-width: 265px;
  padding: 5px 25px;
  text-align: center;
  font-size: larger;
  color: #FFF;
  font-weight: 600;
  background: #28AC71;
  border-radius: 3px;
  border-radius: 50px;
  text-decoration: none;
  /* transition: 0.3s ease-in-out; */
  filter: drop-shadow(0px 2px 4px #ccc);
}

@media screen and (max-width: 640px) {
  .table_box2 .button_solid002 a {
    max-width: 240px;
	}
}

.table_box2 .button_solid002 a:after {
  position: absolute;
  top: 50%;
  right: 20px;
  /* transition: 0.2s ease-in-out; */
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transform: translateY(-50%);
}
/* .table_box2 .button_solid002 a:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
} */

.table_box2 .button_solid002 .text_micro {
  font-size: 11px;
  transform: translateY(25%);
}

.table_box2 .button_solid002 .text_cta {
  font-size: 18px;
  color: #F1FF84;
}