/* youtube動画 */
.movie-wrap {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ルートボタン */
.intro_button:hover {
  text-decoration: underline;
}

/* ルートボタン(旅程詳細画面) */
.root_submit:hover {
  cursor: pointer;
  text-decoration: underline;
}


/* リコメンド表示用　ここから */
#recommend_list {
  margin: 70px 0 0 0;
  padding: 0;
  font-size: 0;
}

#recommend_list .article {
  width: 22%;
  margin: 0 4% 48px 0;
  display: inline-block;
  vertical-align: top;
}

#recommend_list .article .image {
  height: 170px!important;
}

#recommend_list .article .image {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 64.285%;
  position: relative;
}

#recommend_list .article .image img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

#recommend_list .article .meta {
  position: relative!important;
}

#recommend_list .article .meta {
  margin: 10px 0 0 0;
  padding: 0;
}

#recommend_list .article .title {
  height: auto!important;
}

#recommend_list .article .title {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 25px;
  line-height: 1.7;
  font-weight: 400;
  height: 3.4em;
  overflow: hidden;
}

#recommend_list .article a {
  display: block;
  text-decoration: none;
}

#recommend_list .article:nth-child(4n) {
  margin-right: 0;
}
/* リコメンド表示用　ここまで */

/* japan-concierge お気に入り登録ボタン 非表示 */
.favorite-spot .hidden {
  display: none;
}

/* スポット詳細ページの画像スライダ設定 */
#pb_slider_nav-1, #pb_slider_nav-2{
  height:110px!important;
}

#pb_slider-1 .slick-track, #pb_slider-2 .slick-track{
 height:100%;
}

#pb_slider_nav-1 .slick-list, #pb_slider_nav-2 .slick-list{
  width: 100%!important;
  height:110px!important;
  }
  
@media screen and (max-width: 480px) {   
  #pb_slider_nav-1 .slick-list, #pb_slider_nav-2 .slick-list{
    width: 100%!important;
    height:48px!important;
  }
}

#pb_slider_nav-1 .slick-track, #pb_slider_nav-2 .slick-track{
  height:100%;
}

.pb_slider .pb_slider_item img{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#pb_slider_nav-2 .slick-slide img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}


.slick-thum-prev{
  top: 50%;
  left: 0;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
  font-family: 'design_plus';
  color: #fff;
  font-size: 18px;
  line-height: 60px;
  position: absolute;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  background: #000;
  border: none;
  opacity: 0.6;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
  -webkit-font-smoothing: antialiased;
  transition: all 0.3s ease-in-out;
}
.slick-thum-next {
  top: 50%;
  right: 10px;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
  font-family: 'design_plus';
  color: #fff;
  font-size: 18px;
  line-height: 60px;
  position: absolute;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  background: #000;
  border: none;
  opacity: 0.6;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
  -webkit-font-smoothing: antialiased;
  transition: all 0.3s ease-in-out;
}

/* 動画スライダ表示 */
#pb_slider_nav-1 .slick-slide img{
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#pb_slider_nav-1 .pb_slider_nav_item{
  background: transparent;
}

/* home画面以外のヘッダ検索エリア */
#index_header_search.search_pc:not(.home){
  color:#3c3f43;
  font-family: 'Lato', sans-serif;
  font-size:13px;
  background-color:white;
  margin-bottom:-40px;
  margin-right: 20px;
}

.home .search_pc .header_search_inputs.header_search_keywords {
  border-bottom: solid 1px white!important;
}
.header_search_keywords:not(.home){
  border-bottom: solid 1px #3c3f43!important;
}
#header_search_keywords_key_sc, #header_search_keywords_key_jc{
  color:#3c3f43!important;
}
#header_search_keywords_key_sc::placeholder,
#header_search_keywords_key_jc::placeholder{
  color:#3c3f43!important;
}

#header_search_keywords_key_sc::-webkit-input-placeholder,
#header_search_keywords_key_jc::-webkit-input-placeholder { /* Edge */
  color:#3c3f43!important;
}

#header_search_keywords_key_sc:-ms-input-placeholder,
#header_search_keywords_key_jc:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#3c3f43!important;
}

.chosen-container-single .chosen-single:not(.home){
  border:none;
  color:#3c3f43!important;
}
.chosen-single:not(.home) span{
  color:#3c3f43!important;
}
.login:not(.home){
  width:140px;
  height:10px;
  text-align:center;
  color:#3C3F43;
  border:1px solid #3c3f43;
  padding:5px 0px;
  margin:15px 0px 0px 40px;
}
.chosen-single div b:not(.home):before {
  border-color:#3c3f43!important;
  color:#3c3f43!important;
}

.home .chosen-container-single, .home .chosen-single{
  border:none;
  color:white!important;
}
.home .chosen-single span{
  color:white!important;
}
.home .chosen-single div b:before {
  border-color:white!important;
  color:white!important;
}

#header_search_submit:not(.home){
  color:#3c3f43!important;
}
.home .search_pc #header_search_submit{
  color:white!important;
}

#close-button{
  color:#3c3f43!important;
}