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

/*　タイトル画像　*/
h1.past-tours {
  margin-bottom: 0px;
  text-align: center;
}

/* section */
.section {
	padding-bottom: 20px;
	border-bottom: 1px solid #ececec;
}

.past-tours_section {
  padding-bottom: 0px;
}

/* tabi-box */
.tabi-box.past-tours {
    margin: 0 auto .3em auto;
	display: table;
}

/* h2_text */
.h2_text {
	margin: 20px 0;
}

/* archive_nav */
.archive_nav{
	margin-top: 30px;
	border-bottom: 1px solid #ccc;
	}
	nav ul{
	display: table;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: center;
	}
	nav ul li{
	display: table-cell;
	min-width: 50px;
	border-right: 1px solid #ccc;
	}
	nav ul li:first-child{
	border-left: 1px solid #ccc;
	}
	nav ul li a{
	display: block;
	width: 100%;
	padding: 5px 0;
	text-decoration: none;
	color: #333;
	font-weight: bold;
  border-bottom: solid 5px rgba(0, 0, 0, 0);
  transition: 0.5s;
	}
	nav ul li a:hover{
  border-bottom: 5px solid #f98039;
  background:#ffddbb;
  transition: 0.5s;
	}
	nav ul li.current{
	font-weight: bold;
	}
	nav ul li.current a{
	border-bottom: 5px solid #f98039;
	color: #f98039;
	}
	nav ul li.other{
	font-weight: normal;
	}
	nav ul li.other a{
  color: #333;
  transition: 0.5s;
	}
	nav ul li.other a:hover{
  border-bottom: solid 5px rgba(0, 0, 0, 0);
  color: #333;
  transition: 0.5s;
	}

/* voice-box */

.voice-box {
	margin: 50px 0 20px 0;
}

.voice-box .voice-text {
	width: 90%;
	margin: 20px auto 0 auto;
}

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

@media screen and (max-width: 680px){
  .archive_nav {
    width: 94%;
    margin: 0 auto;
  }
	.sp-br{
		display: none;
  }
  
  .section-text  {
    width: 94%;
    margin: auto;
  }
  }


/* top */
/* 過去ツアー一覧ページはこちらボタン */

.link_gray_center a {
  display: block;
  width: 300px;
  margin: auto;
}

.link_gray{
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius:999px;
  color:#333;
  font-size:1em;
  font-weight: bold;
  width: 300px;
  height: 44px;
  letter-spacing:0.07em;
  line-height:1;
  position:relative;
  z-index:10;
  margin:2em auto;
  border: 1px solid #333;
  box-sizing: border-box;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  -o-transition:0.5s;
  -ms-transition:0.5s;
  transition:0.5s;
}

.link_gray::after {
  content:"";
  position: absolute;
  right: 18px;
  width: 8px;
  height:8px;
  border-top:  1px solid #333;
  border-right:1px solid #333;
  transform: rotate(45deg)translateY(-50%);
  top: 20px;
}

.link_gray:hover {
  color:#333;
  background:#ffddbb;
  box-sizing: border-box;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  -o-transition:0.5s;
  -ms-transition:0.5s;
  transition:0.5s;
}

.link_gray:hover::after {
  content:"";
  position: absolute;
  right: 18px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg)translateY(-50%);
  top: 50%;
}

.section .past-tours {
    margin-bottom: 1em;
}

.section_top {
    padding-bottom: 0px;
    border-bottom: none;
}

.tabi-uk-text-center {
    width: 100%;
    font-weight: 300;
    display: block;
    margin: auto;
}

.tabi-uk-text-center a {
    display: block;
    width: 300px;
    margin: auto;
}