@charset "utf-8";

/*
Theme Name: Katawara Child
Theme URI:
Template: katawara
Description:
Author:
Tags:
Text Domain: katawara
Version: 0.0.1
*/

/* カスタムフィールドgoogle map */
.spotinfo-map {
    width: 100% !important;
    height: 400px !important;
    border: #ccc solid 1px !important;
    margin: 20px 0 !important;
}

// Fixes potential theme css conflict.
.spotinfo-map img {
   max-width: inherit !important;
}

.map_spotinfo{
	display:flex;
}

.spot_detail_button{
	text-align:right;
}

/* accordion toggle 削除 */
.vk_accordion-trigger .vk_accordion-toggle-close::after,
.vk_accordion-trigger .vk_accordion-toggle-open::after {
    border-right: none !important;
    border-top: none !important;	
}

/* accordionの左右の隙間削除 */
.vk_accordion-trigger,
.vk_accordion-target
{
	padding-right: 0px  !important;	
	padding-left: 0px  !important;	
}

/* accordion内のh3行間あけ */
.vk_accordion-trigger h3,
.vk_accordion-target h3
{
	margin-bottom: 12px  !important;	
}

/* jQuery slick */
.slider-wrap {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

.slider .slick-slide {
  max-height: 600px;
  overflow: hidden;
}
.slider .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 45%;
  z-index: 1;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
.slider .slick-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #09000d;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 24px;
  transform: rotate(45deg);
}
.slider .slick-next {
  right: -30px;
}
.slider .slick-prev {
  left: 0;
}
.slider .slick-next::before {
  left: 20px;
}
.slider .slick-prev::before {
  border-width: 0 0 3px 3px;
  right: 22px;
}
.thumbs_outer {
  text-align: center;
}

.thumbs_dots {
  margin: 10px 0 0;
}
.thumbs_list li {
  display: inline-block;
  width: 20%;
  height: 150px;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity 0.3s;
}
.thumbs_list li.slick-active {
  opacity: 1;
}

/*  google-map  パネル*/
.spot-image{
	width:100%;
	max-width:300px;
	height:auto;
}

.no-image img {
   width:100%;
	max-width:300px;
	height:auto;
}

.spot-add{
  width: 300px;
  word-wrap: break-word;
}

/* リンクカード */
.nlink-warapper {
    display: flex !important;
    gap: 10px !important;
    height: auto !important;
    margin-bottom: 10px !important;
}
.nlink-warapper iframe {
    flex-basis: 50%  !important;
    height: initial !important;
}
.nlink-warapper table {
    width: 50% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}
.nlink-warapper table th {
    white-space: nowrap !important;
}
.nlink-warapper table td {
    white-space: normal !important;
  /*  width: 100% !important; */
}
@media(min-width:0) and (max-width:511px) {
    .nlink-warapper {
        flex-direction: column;
    }
    .nlink-warapper iframe {
        flex-basis: 100%;
    }
    .nlink-warapper table {
        width: 100% !important;
    }
    .nlink-warapper table td {
        white-space: normal !important;
    }
}
@media(min-width:512px) and (max-width:1000px) {
    .nlink-warapper {
        flex-direction: column;
    }
    .nlink-warapper iframe {
        flex-basis: 100%;
    }
    .nlink-warapper table {
        width: 100% !important;
    }
    .nlink-warapper table td {
        white-space: normal !important;
    }
}

/* カスタムフィールドgoogle map */
.spotarchive-map {
    height: 600px !important;
}

/* tab追加 */
/*--------------------------------------
  spotarchive-tab
--------------------------------------*/
.spotarchive-tab-wrap{
    margin-bottom: 0px !important;
}
.spotarchive-tab-group{
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
	border-top:solid #8224e3 2px !important;
	border-bottom:solid #8224e3 2px !important;
}
.spotarchive-tab{
    flex-grow: 2 !important;
    color: #8224e3 !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 16px !important;
    font-weight: normal !important;
    padding: 10px 0 10px !important;
    text-align: center !important;
    transition: 1s !important;
    vertical-align: bottom !important;
	background-color:rgba(130, 36, 227, .10) !important;
}
.spotarchive-panel-group{
    min-height:100px !important;

    padding:10px 0 10px !important;
}
.spotarchive-panel{
    display:none !important;
}
.spotarchive-tab.is-active{
    color:#fff !important;
	margin:0px !important;
    transition: 1s !important;
    padding-bottom: 10px !important;
	background-color:rgba(130, 36, 227) !important;
}
.spotarchive-panel.is-show{
    display:block !important;
}

@media screen and (max-width:480px) { 
.spotarchive-tab{
    padding: 10px 0 10px !important;
}
.spotarchive-tab.is-active{
    padding-bottom: 10px !important;
}
}