/*
Theme Name:  Okamura Child Theme. Child for Lightning.
Theme URI:  https://papas.jp
Description:  Theme to Okamura Site.
Author:  Okamura
Textdomain:  papas
Author URI:  https://papas.jp/
Template:  lightning
Version:  0.5
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html                 
*/

body {
	position: relative;
	overflow: hidden;
	animation: fadein 3s forwards;
}
body .is-layout-flex{ margin: 0; }

@keyframes fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.main-section{ margin-bottom: 0!important; }

.admin-bar .vk-mobile-nav-menu-btn{ display: none; }

.main-section--col--two { width: 100%; }
.sub-section--col--two { display: none; }

.home .site-body { padding-top: 80px!important; padding-bottom: 80px!important; }
.wp-block-cover { padding: 0; }

/************************************** ヘッダー *************************************/

.site-header{
	position: fixed!important;
	background: rgba(255,255,255,0)!important;
	border-bottom: 1px #fff solid!important;
	box-shadow: none; 
	transition: background .4s ease;
	z-index: 100!important;
}
.site-header-logo{ font-size: 0!important; line-height: 0!important; }
body.scrolled .site-header{
	background: rgba(255,255,255,1)!important;
	border-bottom: 1px #333 solid!important;
}
body.scrolled .site-header-logo a{
	content: url(https://kawaneloca.jp/wp-content/uploads/2026/02/site-logo_black.svg) ;
}
body.scrolled .site-header .global-nav-list>li .global-nav-name{
	color: #333;
}
body.scrolled .header__contact--btn{
	border-left: 1px solid #333;
}
body.scrolled .header__contact--btn figure{
	content: url(https://kawaneloca.jp/wp-content/uploads/2026/01/contact-btn_black.svg);
}
body.scrolled .header__contact--btn span{
	color: #333;
}
.site-header-container {
	position: relative;
	align-items: center;
    width: 100%!important;
    max-width: 100%!important;
}
.site-header-logo{ 
	width: 340px!important;
	margin: 0!important;
	padding: 15px 20px!important;
	box-sizing: border-box;
}
.site-header-logo a{ width: 100%!important; }
.header-top{ display: none; }

/*---------- グローバルナビゲーション ----------*/

.global-nav-list {
    justify-content: end;
    align-items: flex-start;
	flex-shrink: 0;
}
.device-mobile .global-nav-list>li{ padding: 0!important; }
.global-nav-list>li { height: 100%; }
.global-nav-list>li:before { display: none; }
.global-nav--layout--float-right {
	padding: 0;
	margin-right: 150px;
}
.global-nav-list>li>a {
	display: block;
	position: relative;
	justify-content: flex-start;
	padding: 0 5px 20px 5px!important;
    margin: 0 1.5em;
	height: auto!important;
	overflow: visible!important;
	transition: 0.3s;
	z-index: 50;
}
.global-nav-list>li>a:hover{ opacity: 0.6; }
.global-nav-list>li .global-nav-name {
	font-weight: 500;
	font-size: 16px!important;
	color: #fff;
}
.global-nav-list .menu-item { position: relative; }
.global-nav-list .menu-item a{ position: relative; }
.global-nav-list>li>a{ margin: 0 15px 0; padding: 0!important; }

.header__contact--btn{
	position: fixed;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-left: 1px #fff solid;
	color: #fff;
	padding: 10px 20px;
	height: 79px;
	box-sizing: border-box;
	z-index: 120;
	transition: 0.3s all;
}
.header__contact--btn:hover{ opacity: 0.5; }
.header__contact--btn figure{
	margin: 0 0 5px 0;
	width: 30px;
}
.header__contact--btn span{ color: #fff; }

.button__container, #overlay { display: none; }
.vk-mobile-nav-menu-btn{ display: none!important; }

.link-flex-box nav ul{
	margin: 0;
	padding: 0;
}
.link-flex-box nav ul li:not(:last-child){ margin-bottom: 15px; }
.link-flex-box nav ul li a{
	position: relative;
	display: block;
	width: 100%;
	color: #333!important;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 15px;
	border-bottom: 1px #333 solid;
}
.link-flex-box nav ul li a::before{
	content: "";
	position: absolute;
	bottom: 15px;
    right: 0;
	background: url(https://kawaneloca.jp/wp-content/uploads/2025/12/comm_btn-icon.svg) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
}

/************************************** フッター *************************************/

.site-footer{
	border: none;
	background: #222222;
}

.footer__content--inner{
	display: flex;
}
.footer__content--logo{ margin-right: 50px; }
.footer__content--logo figure{
	width: 340px;
	margin-bottom: 20px!important;
}
.footer__content--add{ font-size: 14px; color: #fff; }
.footer__content--info h2{ color: #fff; font-size: 2.4em; margin-bottom: 25px!important; }
.footer__content--sns--list{ padding: 0!important; margin: 0; list-style: none; }
.footer__content--sns--list li{ padding: 0; margin: 0 0 15px 0; }
.footer__content--sns--list li a{
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	padding-right: 45px;
	transition: 0.3s all;
	text-decoration: underline!important;
}
.footer__content--sns--list li a:hover{ opacity: 0.5; }
.footer__content--sns--list li:nth-child(1) a::before{
	content: "";
	position: absolute;
	top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/sns_inst.png) no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
}
.widget_nav_menu>div>ul{
	display: flex;
	gap: 15px;
}
.widget_nav_menu>div>ul li{ display: inline-block; }
.widget_nav_menu>div>ul li a{
	font-size: 14px;
	color: #fff!important;
	border: none!important;
	padding: 0!important;
}
.site-footer-copyright p{
	font-size: 12px;
	text-align: left!important;
	color: #C4C4C4; 
	margin: 0!important;
	padding: 25px 0 30px 0;
	border-top: 1px dashed #9C9C9C;
}

/**************************************** 共通 ***************************************/

#pc__block{ display: block; }
#tb__block{ display: none; }
#sp__block{ display: none; }

.home .container, .home .container-lg, .home .container-md, .home .container-sm, .home .container-xl{
	max-width: 1280px;
	padding: 0;
	width: 90%;
}
.container, .container-lg, .container-md, .container-sm, .container-xl{
	max-width: 1280px;
	padding: 0;
	width: 90%;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container{
	max-width: 1280px!important;
	padding: 0;
	width: 90%!important;
}
.wp-block-columns{
	max-width: 1280px!important;
	padding: 0;
	width: 100%!important;
}
.vk_outer-width-full.vk_outer-paddingLR-none>div>.vk_outer_container{
	max-width: 1280px!important;
	padding: 0;
	width: 100%!important;
}
.home .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){ 
	max-width: 1280px!important;
	width: 90%;
}
body:not(.home) .type {
  display: none;
}
.home .type {
  width: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.home .type::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(180deg,rgba(#fff, 0) 0, rgba(#fff, .8) 80%, rgba(#fff, .8) 100%);
}
.home .type a {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 50vh;
  z-index: 10;
  padding: 10px 10px 50px;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  letter-spacing: .2em;
  text-decoration: none;
  writing-mode: vertical-lr;
  transition: .2s;
  overflow: hidden;
  &::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 40px;
    background: #fff;
  }
}

.home #type06 a {
  &::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 40px;
    background: rgba(#fff, .4);
  }
  &::after {
    animation: sdl06 1.5s cubic-bezier(1, 0, 0, 1) infinite;
  }
}
@keyframes sdl06 {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
 
.comm__btn{
	position: relative;
	display: inline-block;
	background: #fff;
	border: 1px solid #333;
	font-weight: bold;
	color: #333;
	padding: 10px 20px 10px 40px;
	transition: 0.3s all;
}
.comm__btn::before{
	content: "";
	position: absolute;
	top: 50%;
    left: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	background: url(https://kawaneloca.jp/wp-content/uploads/2025/12/comm_btn-icon.svg) no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
}
.comm__btn:hover{
	background: #333;
	border: 1px solid #fff;
	color: #fff;
}
.site-body-bottom{ 
	position: relative; 
	margin: 0!important;
	padding-bottom: 75px;
	z-index: 10;
}
.site-body-bottom::before{
	content: "";
	position: absolute;
	bottom: 0;
	background: #222222;
	width: 100%;
	height: 200px;
	z-index: -10;
}
.site-body-bottom #block-8{ margin-bottom: 0!important; }
.contact__link{
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/contact_link.jpg) no-repeat;
	background-size: cover;
    background-position: center;
    width: 100%;
	height: 100%;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.contact__link--inner{
	display: flex;
	background: rgba(0,0,0,0.4);
	padding: 40px;
}
.contact__heading--ttl{
	width: 400px;
	padding-right: 60px;
	border-right: 1px dashed #fff;
}
.contact__heading--ttl h2{ width: 340px; margin-bottom: 15px!important; }
.contact__heading--ttl p{ 
	position: relative;
    display: inline-block;
    margin: 0 !important;
    padding-left: 45px;
    font-size: 1.2em;
    letter-spacing: 0.02em;
    font-weight: bold;
	color: #fff;
}
.contact__heading--ttl p::before{
	content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    background: url(https://kawaneloca.jp/wp-content/uploads/2025/12/contact-btn.svg) no-repeat;
    background-size: cover;
    width: 24px;
    height: 18px;
}
.contact__info-area{
	width: calc( 100% - 400px );
	padding-left: 60px;
}
.contact__info-area p{ color: #fff; margin: 0!important; }
.contact__tel{
	display: flex;
	align-items: flex-start;
	margin-top: 20px;
}
.contact__tel h2{ 
	font-size: 2em;
	color: #fff;
	margin: 0 0 5px 0!important; 
}
.contact__tel--ttl{ margin-right: 40px; }

.page-header{ height: 340px!important; background-position: center!important; background-size: cover!important; }
.page-header::before{ background: #333; opacity: 0.5; }
.page-header-inner{ margin: 0 auto; }
.page-header-title, h1.page-header-title{ font-size: 1.6rem; }

.breadcrumb-list__item a{ 
	text-decoration: none; 
	color: #333;
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}
.fa-home{ display: none!important; }

/********************************* トップページ ********************************/

/*** 【トップ】ロケ地検索 ***/
.top__search--heading--inner{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #707070;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.top__search--heading--ttl{ display: flex; flex-direction: column; }
.top__search--heading--ttl h2{
	border: none;
	padding: 0;
	margin: 0 0 20px 0!important;
	width: 300px;
}
.top__search--heading--ttl p{
	position: relative;
	display: inline-block;
	margin: 0!important;
	padding-left: 40px;
	font-size: 1.2em;
	letter-spacing: 0.02em;
	font-weight: bold;
}
.top__search--heading--ttl p::before{
	content:"";
	position: absolute;
	top: -2px;
    left: 0;
	background: url(https://kawaneloca.jp/wp-content/uploads/2025/12/search_icon.svg) no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
}
/** ロケ地検索スライド **/
.roke-slider{
	position:relative; 
	overflow:visible;
	margin-top: 50px;
}
.roke-slider-viewport{ overflow:hidden; }
.roke-slider-track{
  	display:flex;
	align-items:stretch; 
  	transition:transform .4s ease;
	margin: 0 -8px;
}
.roke-slide{
	min-width: calc( 100% / 3 );
  	box-sizing: border-box;
	padding: 0 10px;
	display: flex; 
}
.roke-no-nav .roke-btn{ display:none; }
.roke-slide-inner{ 
	border: 1px solid #333;
}
.roke-slide-img img{
	object-fit: cover;
	aspect-ratio: 3 / 2;
}
.roke-slide-body{ padding: 10px; }
.roke-slide-address-area{
	display: flex;
	margin-bottom: 15px;
}
.roke-slide-address-area p{ margin: 0!important; }
.roke-slide-address-txt{ color: #989898; padding-right: 10px; }
.roke-slide-cat-area{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.roke-slide-cat{
	display: inline-block;
	background: #DCDCDC;
	border-radius: 3px;
	margin: 0!important;
	padding: 0 5px;
    font-size: 0.9em;
}
.roke-slide-title{
	font-size: 1.2em;
	margin: 0 0 15px 0!important;
	padding: 0 0 15px 0;
	border-bottom: 2px dotted #ddd;
}
.roke-btn{
	position:absolute;
	top: 40%;
	transform:translateY(-50%);
	width:60px;
	height:60px;
	border-radius:50%;
	background:rgba(0,0,0,.8);
	border: 1px solid #fff;
	color:#fff;
	font-size:28px;
	cursor:pointer;
	z-index:5;
}
.roke-prev{ left:-30px; }
.roke-next{ right:-30px; }

.roke-pagination{
	display:flex;
	justify-content:center;
	gap:8px;
	margin-top:15px;
}

.roke-dot{
	width:8px;
	height:8px;
	border-radius:50%;
	background:#ccc;
}

.roke-dot.active{
	background:#333;
}

.roke-slide-link{
	position: relative;
	display:flex;
	flex-direction:column;
	height: 100%; 
	padding-bottom: 50px;
	color:inherit;
	text-decoration:none;
	transition: 0.3s all;
}
.roke-slide-link::before{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/naname-arrow.svg) no-repeat;
}
.roke-slide-link:hover{ background: #333; color: #fff!important; }
.roke-slide-link:hover .roke-slide-cat{ background: #333; }


/*** 【トップ】川根本町について ***/
.top__about--heading--ttl{ display: flex; flex-direction: column; margin-bottom: 40px; }
.top__about--heading--ttl h2{
	border: none;
	padding: 0;
	margin: 0 0 10px 0!important;
	width: 285px;
}
.top__about--heading--ttl p{
	position: relative;
	display: inline-block;
	margin: 0!important;
	padding-left: 40px;
	font-size: 1.2em;
	letter-spacing: 0.02em;
	font-weight: bold;
}
.top__about--heading--ttl p::before{
	content:"";
	position: absolute;
	top: 4px;
    left: 0;
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/about_icon.svg) no-repeat;
	background-size: cover;
	width: 30px;
	height: 21px;
}
.top__about--section{
	position: relative;
	padding: 60px 0;
}
.top__about--section::before{
	content: "";
	position: absolute;
	right: 10%;
	bottom: 60px;
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/about_map-iilust.png) no-repeat;
	background-size: cover;
	width: 400px;
	height: 280px;
	z-index: 1;
    opacity: 0.1;
}
.top__about--columns{ gap: 40px!important; }
.top__about--columns .wp-block-column{ z-index: 10; }

/*** 【トップ】お知らせ ***/
.top__news--heading--inner{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #707070;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
.top__news--heading--ttl{ display: flex; flex-direction: column; }
.top__news--heading--ttl h2{
	border: none;
	padding: 0;
	margin: 0 0 20px 0!important;
	width: 235px;
}
.top__news--heading--ttl p{
	position: relative;
	display: inline-block;
	margin: 0!important;
	padding-left: 40px;
	font-size: 1.2em;
	letter-spacing: 0.02em;
	font-weight: bold;
}
.top__news--heading--ttl p::before{
	content:"";
	position: absolute;
	top: 5px;
    left: 0;
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/news_icon.svg) no-repeat;
	background-size: cover;
	width: 30px;
	height: 24px;
}
.top__news--inner{ margin-top: 60px; }
.top__news--list{
	position: relative;
	display: block;
	border-bottom: 1px dashed #A5A5A5;
	padding-bottom: 25px;
	padding-right: 20px;
	color: #333;
	transition: 0.3s all;
}
.top__news--list::before{
	content: "";
	position: absolute;
	top: 8px;
    right: 0;
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/news_arrow.svg) no-repeat;
	background-size: cover;
	width: 18px;
	height: 10px;
	transition: 0.4s all;
}
.top__news--list:hover::before{ right: 10px; }
.top__news--list:not(:last-of-type){ margin-bottom: 25px; }
.top__news--list:hover{ color: #333; }
.top__news--list .data{ display: flex; }
.top__news--list .data .info{ display: flex; }
.top__news--list .data .info .category{
	display: flex;
	align-items: center;
	margin: 0 20px;
	background: #DCDCDC;
	border-radius: 3px;
	padding: 0 10px;
	font-size: 0.9em;
}
.top__news--list .data .info time{ color: #828282; line-height: 1.6; }
.top__news--list .data .tit{ margin: 0!important; line-height: 1.6; }

/********************************* お知らせ【一覧】 ********************************/

.post-type-archive-news .page-header,
.single-news .page-header,
.tax-news__category .page-header{ 
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/news_page-header.jpg) no-repeat;
}
.post-type-archive-news .page-header-title,
.single-news .page-header-title,
.tax-news__category .page-header-title{ 
	position: relative;
	display: inline-block;
	color: #fff; 
	padding: 90px 0 0 40px;
}
.post-type-archive-news .page-header-title::before,
.single-news .page-header-title::before,
.tax-news__category .page-header-title::before{
	content: "";
    position: absolute;
	top: 0;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/news_ttl-en.png) no-repeat;
	background-size: cover;
	width: 225px;
	height: 90px;
}
.post-type-archive-news .page-header-title::after,
.single-news .page-header-title::after,
.tax-news__category .page-header-title::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: -15px;
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/news_icon_white.svg) no-repeat;
	background-size: cover;
	width: 40px;
	height: 32px;
}
.post-type-archive-news .type,
.single-news .type,.tax-news__category .type{ display: none; }
.post-type-archive-news .site-body{ padding-top: calc( 3.5rem - 25px ); }
.news__item--list::before{
	content: "";
	position: absolute;
	top: 50%;
    right: 15px;
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/news_arrow.svg) no-repeat;
    background-size: cover;
    width: 18px;
    height: 10px;
    transition: 0.4s all;
}.news__item--list:hover::before{ right: 20px; }
.news__data{
	display: flex;
	border-bottom: 1px dashed #A5A5A5;
    padding: 25px 20px 25px 0;
}
.news__info{ display: flex; align-items: center; }
.news__info time{ line-height: 1; color: #828282; }
.news__cate{
	display: flex;
    align-items: center;
    margin: 0 20px;
    background: #DCDCDC;
    border-radius: 3px;
    padding: 1px 10px;
    font-size: 0.9em;
	color: #333!important;
}
.news__ttl{ color: #333; }
.navigation{ margin: 60px 0 0!important; }
.nav-links .page-numbers{
	border: none;
	border-radius: 0;
}
ul.page-numbers li span.page-numbers.current{
	background: #333!important;
	border: 1px solid #333!important;
	padding: 10px 15px;
    margin: 0 5px;
    border-radius: 40px!important;
	font-size: 18px;
}
ul.page-numbers li a, ul.page-numbers li span.page-numbers{
	background: #fff!important;
	border: 1px solid #333!important;
    color: #333;
    padding: 10px 15px;
    margin: 0 5px;
    border-radius: 40px!important;
	font-size: 18px;
}
ul.page-numbers li .next{ position: relative; padding: 8px 15px; }
ul.page-numbers li .next::before{ 
	content: "次へ";
	margin-right: 5px;
}
ul.page-numbers li .prev{ position: relative; padding: 8px 15px; }
ul.page-numbers li .prev::after{ 
	content: "前へ";
	margin-left: 5px;
}

/********************************* お知らせ【詳細】 ********************************/

.single-news .next-prev,.single-news .entry-footer{ display: none!important; }

.news__entry--data{ display: flex; align-items: center; margin-bottom: 30px; }
.news__entry--data time{ color: #828282; }
.news__entry--cate{
	display: flex;
    align-items: center;
    margin: 0 20px;
    background: #DCDCDC;
    border-radius: 3px;
}
.news__entry--cate a{
	padding: 1px 10px;
    font-size: 0.9em;
    color: #333 !important;
}
.news__entry--title{
	font-weight: bold;
    margin: 0 0 30px 0 !important;
    padding: 0 0 20px 0;
	border-top: none;
    border-bottom: 2px dotted #ddd;
    color: #333;
}
.news__btn{ text-align: center; margin-top: 80px; }

/********************************* ロケ地検索【一覧】 ********************************/

.page-id-172 .page-header{ 
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/roke_page-header.jpg) no-repeat;
}
.page-id-172 .page-header-title{ 
	position: relative;
	display: inline-block;
	color: #fff; 
	padding: 85px 0 0 40px;
}
.page-id-172 .page-header-title::before{
	content: "";
    position: absolute;
	top: 0;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/roke_ttl-en.png) no-repeat;
	background-size: cover;
	width: 300px;
	height: 74px;
}
.page-id-172 .page-header-title::after{
	content: "";
	position: absolute;
	bottom: 6px;
	left: -10px;
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/search_icon_white.svg) no-repeat;
	background-size: cover;
	width: 35px;
	height: 35px;
}
.page-id-172 .site-body{ padding-bottom: 0; }
.page-id-172 .type{ display: none; }
.roke--search__list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}
.roke--search__item{
	position: relative;
	border: 1px solid #333;
	transition: 0.3s all;
}
.roke--search__item:hover{
	color: #fff;
	background: #333;
}
.roke--search__item:hover .roke--search__ttl,
.roke--search__item:hover .roke--search__add{ color: #fff; }
.roke--search__item:hover .roke--search__tag{ background: #333; color: #fff; }
.roke--search__item::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/naname-arrow.svg) no-repeat;
}
.roke--search__link{ 
	display: block;
	height: 100%;
	padding-bottom: 50px;
}
.roke--search__img figure{ margin-bottom: 10px!important; }
.roke--search__img figure img{
	object-fit: cover;
	aspect-ratio: 3 / 2;
	vertical-align: top;
}
.roke--search__data{
	padding: 10px;
}
.roke--search__ttl{
	font-size: 1.2em;
	font-weight: bold;
    margin: 0 0 15px 0 !important;
    padding: 0 0 15px 0;
    border-bottom: 2px dotted #ddd;
	color: #333;
}
.roke--search__add{ color: #333; margin-bottom: 20px!important; }
.roke--search__add span{ color: #989898; padding-right: 10px; }
.roke--search__cate{ display: flex; flex-wrap: wrap; gap: 10px; }
.roke--search__tag{
	display: inline-block;
    background: #DCDCDC;
    border-radius: 3px;
    margin: 0 !important;
    padding: 0 5px;
    font-size: 0.9em;
	color: #333;
}
.roke--search__pager{
	margin: 60px 0;
	text-align: center;
	font-size: 18px;
}
.roke--search__pager span{
	background: #333;
	color: #fff;
}
.roke--search__pager span:hover{ color: #fff!important; }
.page-numbers{
	border: 1px solid #333;
	color: #333;
	padding: 10px 15px;
    margin: 0 5px;
    border-radius: 40px;
}
.page-numbers:hover{ color: #333; }

.roke--search__cate--links{ display: flex; margin-bottom: 55px; }
.roke--search__cate--title{
	width: 120px;
	margin: 0 0 0 0!important;
	font-weight: bold;
}
.roke--search__cate--link{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	width: calc( 100% - 120px );
}
.roke--search__cate--link a{
	display: inline-flex;
	align-items: center;
    background: #DCDCDC;
    border-radius: 3px;
    margin: 0 !important;
    padding: 0 10px;
    font-size: 0.9em;
    color: #333;
	transition: 0.3s all;
}
.roke--search__cate--link a:hover{
	color: #fff;
	background: #333;
}
.roke--search__noresult{
	padding: 3em 0;
}

/********************************* ロケ地検索【詳細】 ********************************/

.single-roke-search .page-header{ 
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/roke_page-header.jpg) no-repeat;
}
.single-roke-search .page-header-title{ 
	position: relative;
	display: inline-block;
	color: #fff; 
	padding: 85px 0 0 40px;
}
.single-roke-search .page-header-title::before{
	content: "";
    position: absolute;
	top: 0;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/roke_ttl-en.png) no-repeat;
	background-size: cover;
	width: 300px;
	height: 74px;
}
.single-roke-search .page-header-title::after{
	content: "";
	position: absolute;
	bottom: 6px;
	left: -10px;
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/search_icon_white.svg) no-repeat;
	background-size: cover;
	width: 35px;
	height: 35px;
}
.single-roke-search .type{ display: none; }

.single-roke-search .vk_posts,
.single-roke-search .entry-footer{ display: none!important; }

.roke--search__btn{ text-align: center; margin-top: 60px; }

.roke--search__entry--wrap{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.roke--search__entry--left{ width: 100%; }
.roke--search__entry--right{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	width: 100%;
}
.roke--search__entry--ttl{
    font-weight: bold;
    margin: 0 0 30px 0 !important;
    padding: 0 0 15px 0;
    border-bottom: 2px dotted #ddd;
    color: #333;
}
.roke--search__entry--cat--list{
	display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}
.roke--search__entry--cat{
	display: inline-flex;
    align-items: center;
    background: #DCDCDC;
    border-radius: 3px;
    margin: 0 !important;
    padding: 0 10px;
    font-size: 0.9em;
    color: #333;
    transition: 0.3s all;
}
.roke--search__entry--cat:hover{ color: #fff; background: #333; }
.roke--search__entry--basic{ margin: 50px 0 0 0; }
.roke--search__entry--basic dl{
	display: flex;
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.roke--search__entry--basic dl dt{
	width: 200px;
	color: #989898;
	font-weight: normal;
}
.roke--search__entry--basic dl dd{ width: calc( 100% - 200px ); }
.roke--search__more--btn{
	position: relative;
    display: inline-block;
    background: #fff;
    border: 1px solid #333;
    font-weight: bold;
    color: #333;
    padding: 10px 20px;
    transition: 0.3s all;
}
.roke--search__more--btn:hover{
	background: #333;
    border: 1px solid #fff;
    color: #fff;
}
.roke--search--entry--ttl{ 
	position: relative;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px!important;
	padding-left: 25px;
}
.roke--search--entry--ttl::before{
	content: "";
	position: absolute;
	top: 8px;
	left: 0; 
	background: #888888;
	border-radius: 50%;
	width: 12px;
	height: 12px; 
}
.roke--search__entry--map--inner{ width: 48%; }
.roke--search__entry--map{ margin: 15px 0; }
.roke--search__entry--map{
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
}
.roke--search__entry--map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.roke--search__entry--youtube--inner{ width: 48%; }
.roke--search__entry--youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 */
	overflow: hidden;
	transition: 0.3s all;
}
.roke--search__entry--youtube:hover{ opacity: 0.5; }
.roke--search__entry--youtube::before{
	content: "";
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/movie_play_btn.png) no-repeat;
	background-size: cover;
	width: 50px;
	height: 35px;
	z-index: 10;
}
.roke--search__entry--youtube img{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	object-fit: cover;
}
/*.roke--search__entry--slide {
  width: 100%;
  margin: 0 auto;
}
.roke--search__entry--slide {
  width: 100%;
  margin: 0 auto 60px auto;
}

.roke--search__entry--slide .swiper-slide {
  text-align: center;
  background: #F1F1F1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px 40px 10px;
}
.roke--search__entry--slide .swiper-slide img {
  max-width: 100%;
  max-height: 420px;
  height: auto;
  width: auto;
  object-fit: contain;
  display: block;
}
.roke--search__entry--slide .swiper-button-next{ right: 40px; }
.roke--search__entry--slide .swiper-button-prev{ left: 40px; }
.roke--search__entry--slide .swiper-button-next:after,
.roke--search__entry--slide .swiper-button-prev:after{
	border-radius: 50%;
    background: rgba(0, 0, 0, .8);
    border: 1px solid #fff;
    font-size: 20px;
    padding: 15px 20px;
    z-index: 100;
}
.thumbSwiper {
  position: relative;
  z-index: 10;
}
.roke--search__entry--slide--thumb {
  margin-top: 20px;
}

.thumbSwiper .swiper-slide {
  cursor: pointer;
  opacity: .5;
}

.thumbSwiper .swiper-slide-active {
  opacity: 1;
}
.roke--search__entry--slide .swiper-slide {
  pointer-events: none;
}
.roke--search__entry--slide .swiper-slide-active {
  pointer-events: auto;
}*/

/* ===== メイン ===== */

.roke--search__entry--slide {
	width: 100%;
	margin: 0 auto 40px auto;
	position: relative;
}

.roke--search__entry--slide .swiper-slide {
	text-align: center;
	background: #F1F1F1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 10px 40px 10px;
}

.roke--search__entry--slide .swiper-slide img {
	max-width: 100%;
	max-height: 420px;
	height: auto;
	width: auto;
	object-fit: contain;
	display: block;
}

/* fadeの重なり対策 */
.roke--search__entry--slide .swiper-slide { pointer-events: none; }
.roke--search__entry--slide .swiper-slide-active { pointer-events: auto; }

/* ナビボタン */

.roke--search__entry--slide .swiper-button-next{ right: 40px; }
.roke--search__entry--slide .swiper-button-prev{ left: 40px; }

.roke--search__entry--slide .swiper-button-next:after,
.roke--search__entry--slide .swiper-button-prev:after{
	border-radius: 50%;
	background: rgba(0, 0, 0, .8);
	border: 1px solid #fff;
	font-size: 20px;
	padding: 15px 20px;
}

/* ===== サムネ ===== */

.roke--search__entry--slide--thumb {
  margin: 40px 0 60px 0;
}

.thumbSwiper .swiper-slide {
  cursor: pointer;
  opacity: .5;
  transition: .3s;
}

.thumbSwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.thumbSwiper .swiper-slide img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
  border: 3px solid transparent;
  box-sizing: border-box;
  transition: .3s;
}

.thumbSwiper .swiper-slide-thumb-active img {
  border: 3px solid #000;
}

/*************************************** お問い合わせフォーム **************************************/

.page-id-157 .page-header,
.page-id-155 .page-header,
.page-id-199 .page-header,
.page-id-197 .page-header{ 
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/contact_page-header.jpg) no-repeat;
}
.page-id-157 .page-header-title,
.page-id-155 .page-header-title,
.page-id-199 .page-header-title,
.page-id-197 .page-header-title{ 
	position: relative;
	display: inline-block;
	color: #fff; 
	padding: 85px 0 0 40px;
}
.page-id-157 .page-header-title::before,
.page-id-199 .page-header-title::before,
.page-id-197 .page-header-title::before{
	content: "";
    position: absolute;
	top: 0;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/contact_ttl-en.png) no-repeat;
	background-size: cover;
	width: 330px;
	height: 75px;
}
.page-id-155 .page-header-title::before{
	content: "";
    position: absolute;
	top: 0;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/privacy_ttl-en.png) no-repeat;
	background-size: cover;
	width: 460px;
	height: 69px;
}
.page-id-157 .page-header-title::after,
.page-id-155 .page-header-title::after,
.page-id-199 .page-header-title::after,
.page-id-197 .page-header-title::after{
	content: "";
	position: absolute;
	bottom: 8px;
	left: -10px;
	background: url(https://kawaneloca.jp/wp-content/uploads/2025/12/contact-btn.svg) no-repeat;
	background-size: cover;
	width: 32px;
	height: 24px;
}
.contact__content{
	background: #F1F1F1;
	border-radius: 4px;
	padding: 40px;
}
.contact__box{ 
	display: flex;
	margin-bottom: 45px!important;
}
.contact__box:nth-child(4){ margin-bottom: 70px!important; }
.contact__box:last-of-type{ margin-bottom: 0!important; }
.contact__box label{ 
	display: flex; 
	align-items: flex-start;
	width: 320px;
}
.contact__box--file--item{ display: flex; flex-direction: column;  }
.contact__box--file--item span:nth-child(1){ margin-bottom: 20px; }
.contact__box--file--item span:nth-child(2){ color: #656565; }
.contact__box--file{ display: flex; margin-bottom: 70px; }
.contact__box--file label{ width: 320px; font-weight: bold; }
.contact__box--check{ text-align: center; margin: 60px 0; }
.contact__box--check a{ color: #000; text-decoration: underline; }
.contact__box--check a:hover{ color: #000; }
.wpcf7-form input{
	font-family: "Noto Sans JP",sans-serif!important;
    font-weight: 300!important;
	font-size: 16px;
	line-height: 1.4!important;
	margin: 0!important;
}
.wpcf7-form textarea{
	font-family: "Noto Sans JP",sans-serif!important;
    font-weight: 300!important;
	font-size: 16px;
	line-height: 1.8!important;
}
.wpcf7-submit{
	border: none!important;
	background: #333!important;
}
.contact__box strong{ display: block;}
.contact__box .hissu{ 
	display: flex;
	align-items: center;
	background: #FF0000;
	border-radius: 3px;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	margin-right: 15px;
	padding: 2px 20px;
}
.contact__box br{ display: none!important; }

.contact-box-add input{ margin-bottom: 20px!important; }

.contact__box .wpcf7-list-item{ margin: 0!important; }
.contact__box .wpcf7-form-control-wrap{ width: calc( 100% - 320px  ); }
.contact__box .wpcf7-form-control .last{ margin-left: 15px!important; }
.contact__box .wpcf7-form-control .first{ margin-right: 15px!important; }
.contact__box .wpcf7-list-item-label a{ text-decoration-style: solid; text-decoration-color: #EA0437; font-weight: bold; transition: 0.3s; }

.input_inner{ display: flex; justify-content: center; margin-top: 80px; gap: 20px; }
.input_inner p{ margin: 0!important; }
.wpcf7-previous{
	border: none;
    background-color: #333;
    color: #fff;
    padding: .5em 2em;
	margin-right: 15px;
    border-radius: 5px;
	cursor: pointer;
}
.wpcf7-previous:hover{
	background: #333;
}

.submit-button{ 
	display: flex;
	justify-content: center;
    text-align: center;
    gap: 20px;
	text-align: center; 
	margin: 40px 0 0 0;
}

.postal{ display: flex; }
.postal span{ margin-left: 10px; color: #444; }

.h3__main--ttl{
	position: relative;
	font-size: 1.3em;
	padding-left: 30px;
}
.h3__main--ttl::before{
	content: "";
    position: absolute;
    top: 8px;
    left: 0;
    background: #333;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}
.wpcf7-response-output {
    display: none !important;
}
#form-description p,
#form-description h3{ max-width: 1280px; }

#confirm-btn,#back-btn{
	cursor: pointer;
	color: #fff;
	padding: .5em 2em;
	border: 1px solid #333;
	border-radius: 5px;
    background: #333;
	font-family: "Noto Sans JP", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
	transition: 0.3s;
}
#confirm-btn:hover,#back-btn:hover{ background: #fff; border: 1px solid #333; color: #333;  }

.submit-button .wpcf7-submit{ font-weight: bold!important; }
.wpcf7-spinner { display: none !important; }

/********************************* 川根本町について ********************************/

.page-id-40 .page-header{ 
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/about_page-header.jpg) no-repeat;
}
.page-id-40 .page-header-title{ 
	position: relative;
	display: inline-block;
	color: #fff; 
	padding: 85px 0 0 40px;
}
.page-id-40 .page-header-title::before{
	content: "";
    position: absolute;
	top: 0;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/about_ttl-en.png) no-repeat;
	background-size: cover;
	width: 286px;
	height: 65px;
}
.page-id-40 .page-header-title::after{
	content: "";
	position: absolute;
	bottom: 6px;
	left: -15px;
	background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/about_icon.svg) no-repeat;
	background-size: cover;
	width: 40px;
	height: 28px;
}
.about__columns{
	position: relative;
	display: flex;
	align-items: center;
	height: 600px;
	margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 100vw !important;
	background: #3b3b3b;
}
.about__columns::before{
	content: "";
    position: absolute;
    right: 5%;
    bottom: 60px;
    background: url(https://kawaneloca.jp/wp-content/uploads/2026/01/about_map-iilust.png) no-repeat;
	background-size: cover;
	width: 400px;
	height: 280px;
    z-index: 1;
    opacity: 0.1;
}
.about__column--img{
	width: 50%;
	height: 600px;
}
.about__column--img img{ 
	width: 100%;
	height: 600px; 
	object-fit: cover;
	vertical-align: top;
}
.about__column--txt{
	width: 50%;
	padding: 0 80px;
	color: #fff;
}
.about__column--txt h2{
	position: relative;
	text-align: center!important;
	margin-bottom: 80px!important;
}
.about__column--txt h2::before{
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background: #fff;
	width: 40px;
	height: 1px;
}
.about__column--txt ul{ 
	list-style: none;
	margin: 0;
	padding: 0;
}
.about__column--txt ul li{
	position: relative;
	margin: 0 0 20px 0;
	padding-left: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ddd;
}
.about__column--txt ul li::before{
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	background: #f3f3f3;
	border-radius: 50%;
	width: 12px;
	height: 12px;
}
.about__btn{ text-align: center; }
.comm__center--ttl{ position: relative; margin-bottom: 80px!important; }
.comm__center--ttl::before{
	content: "";
	position: absolute;
	bottom: -25px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background: #333;
	width: 40px;
	height: 1px;
}

/*************************************** メインビジュアル(SWIPER) **************************************/

.ltg-slide-inner {
	width: 100vw!important;
	height: 100vh!important;
}
.swiper-slide {
	position: relative;
	color: #111;
	width: 100%;
	height: 100%;
	align-items: start;
	justify-content: flex-start;
}
.slide-ttl-content{
	position: absolute;
	top: 50%;
    left: 55px;
    display: flex;
    flex-direction: column;
	z-index: 40;
}
.slide-text{
	display: block;
	color: #fff;
	margin: 25px 0 0 0;
	text-shadow: 0px 1px 4px #000;
	letter-spacing: 4px;
	font-size: 28px;
	line-height: 1.4;
}
.ltg-slide-text-set{
	top: auto;
	bottom: 30%;
	left: 120px;
	transform: translateY(0%) translateX(0%)!important;
}
.ltg-slide-text-set .mini-content-container-1{
	display: flex!important;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}
.ltg-slide-text-title{ 
	display: inline-block;
	font-size: 3em;
    letter-spacing: 0.06em;
	border-bottom: dotted 1px #fff;
	padding-bottom: 10px;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}
.ltg-slide-text-caption{ 
	display: inline-block;
	font-size: 1.2em;
	border-bottom: dotted 1px #fff;
	padding-bottom: 15px;
	margin-top: 15px!important;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}

.mini-content-container-1,
.mini-content-container-2,
.mini-content-container-3,
.mini-content-container-4{ 
	display: inline-block !important;
    max-width: 100% !important;
    width: 100%; 
}

.swiper-slide{ font-size: 16px!important; }
.swiper-pagination-bullet {
	display: flex;
	flex-direction: column;
	width: 12px !important;
	height: 12px !important;
	margin: 0 0 0 10px !important;
	background: #333!important;
}
.swiper-pagination-bullet:first-child {
	margin: 0 !important;
}

.swiper.margin { margin: 100px 0; }
.swiper.margin-up { margin-top: -100px; }

.ltg-slide picture img { width: 100%; height: 100vh!important; object-fit: cover; }
.ltg-slide picture{ overflow: hidden; }

.ltg-slide .ltg-slide-button-prev, .ltg-slide .ltg-slide-button-next{ display:none; }

@keyframes zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

.swiper-slide-active picture img,
.swiper-slide-duplicate-active picture img,
.swiper-slide-prev picture img {
  animation: zoom-in 10s linear 0s 1 normal both;
}

/********************************** レスポンシブCSS **********************************/

@media only screen and (max-width: 1366px){
	

}

@media only screen and (max-width: 1024px){ 
	
	/******************** トップ ********************/
	
	.ltg-slide-text-set{ left: 55px; }
	.ltg-slide-text-title{ font-size: 2.5em; }
	.ltg-slide-text-caption{ font-size: 1em; }
	
	.roke-slide{ min-width:calc(100% / 2); }
	.roke-slide-address-area{ flex-direction: column;  }
	
	/******************** 共通 ********************/
	
	.contact__link--inner{ flex-direction: column; padding: 30px; }
	.contact__heading--ttl{ 
		width: 100%; 
		padding: 0 0 15px 0;
		border-right: none;
		border-bottom: 1px dashed #fff;
	}
	.contact__info-area{ width: 100% ; padding: 15px 0 0 0; }
	.contact__tel{ margin-top: 15px; }
	
	/******************** ロケ地検索【一覧】 ********************/
	
	.roke--search__add{ display: flex; flex-direction: column; }
	
}

@media only screen and (max-width: 921px){
	
	/******************** ヘッダー ********************/
	
	.site-header{ height: 60px; }
	.site-header-container::before{
		content: "";
		position: absolute;
		right: 60px;
		background: #fff;
		width: 1px;
		height: 60px;
	}
	body.scrolled .site-header-container::before{ background: #333333; }
	.header__contact--btn{ display: none; }
	.site-header-logo, body.scrolled .site-header-logo { width: 265px !important; }
	
	/**** バーガーメニュー ****/
	
	.button__container {
		display: block;
		position: fixed;
		top: 5px;
		right: 5px;
		height: 50px;
		width: 50px;
		cursor: pointer;
		-webkit-transition: opacity .1s ease-in;
		transition: opacity .1s ease-in;
		z-index: 1000;
	}
	.button__container:hover {
		opacity: 1;
	}
	.button__container.active .top {
		-webkit-transform: translateY(8px) translateX(0) rotate(45deg);
		transform: translateY(8px) translateX(0) rotate(45deg);
		background: #333333;
	}
	.button__container.active .middle {
		opacity: 0;
		background: #333333;
	}
	.button__container.active .bottom {
		width: 50%;
		-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
		transform: translateY(-8px) translateX(0) rotate(-45deg);
		background: #333333;
	}

	.button__container .menu-txt {
		position: absolute;
		bottom: -40px;
		font-size: .9em;
		color: #fff;
		letter-spacing: .1em;
	}
	.button__container .menu-txt.change-color { color: #111; }

	.button__container span {
		background: #fff;
		border: none;
		height: 3px;
		width: 50%;
		position: absolute;
		top: 16px;
		left: 0;
		right: 0;
		margin-left: 25%;
		-webkit-transition: all .35s ease;
		transition: all .35s ease;
		cursor: pointer;
	}
	.button__container span:nth-of-type(2) { top: 24px; }
	.button__container span:nth-of-type(3) { top: 32px; }

	/*.button__container:hover.active .top { top: 25px; }
	.button__container:hover.active .bottom { top: 45px; }*/

	.button__container span.change-color { background-color: #333333; }
	.button__container, #overlay{ display: block; }

	.overlay {
		display: block;
		position: fixed;
		background: #fff;
		top: 0;
		right: 0;
		width: 100%;
		height: 0%;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity .35s, visibility .35s, height .35s;
		transition: opacity .35s, visibility .35s, height .35s;
		overflow: hidden;
		overflow-y: auto;
	}
	.overlay.open {
		opacity: 1;
		visibility: visible;
		min-height: 100%;
		z-index: 100;
	}
	.link-nav_inr{ height: 100vh;}
	.overlay .link-area {
		display: flex;
		flex-direction: column;
		justify-content: center;
		max-width: 880px;
		width: 85%;
		height: 100vh;
		padding: 65px 0 0 0;
		margin: 0 auto;
	}
	.overlay .link-area .link-flex-box{
		display: flex;
		justify-content: space-between;
	}
	.overlay .link-area nav { width: 100%; }
	.overlay .link-area nav #menu-mobile-menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
		padding: 0;
	}
	.overlay .link-area nav #menu-mobile-menu > li {
		position: relative;
		width: 100%;
		border-bottom: 1px solid #ddd;
		opacity: 0;
		transform: translateY(20px);
		transition: transform 0.3s ease, opacity 0.2s ease;
	}
	.overlay .link-area nav #menu-mobile-menu > li::before{
		content: "";
		position: absolute;
		bottom: 18px;
		right: 0px;
		background: url(https://kawaneloca.jp/wp-content/uploads/2025/12/comm_btn-icon.svg) no-repeat;
		background-size: cover;
		width: 20px;
		height: 20px;
	}
	.overlay .link-area nav #menu-mobile-menu > li:nth-child(1) { transition-delay: 0.4s; }
	.overlay .link-area nav #menu-mobile-menu> li:nth-child(2) { transition-delay: 0.4s; }
	.overlay .link-area nav #menu-mobile-menu > li:nth-child(3) { transition-delay: 0.4s; }
	.overlay .link-area nav #menu-mobile-menu > li:nth-child(4) { transition-delay: 0.4s; }
	.overlay .link-area nav #menu-mobile-menu > li:nth-child(5) { transition-delay: 0.4s; }
	.overlay .link-area nav #menu-mobile-menu > li:nth-child(6) { transition-delay: 0.4s; }
	.overlay .link-area nav #menu-mobile-menu > li:nth-child(7) { transition-delay: 0.4s; }
	.overlay .link-area nav #menu-mobile-menu > li:nth-child(8) { transition-delay: 0.4s; }
	
	.open .link-area nav #menu-mobile-menu > li {
		width: 100%;
		padding: 0 0 15px 0;
		margin-bottom: 15px;
		opacity: 1;
		transform: translateY(0);
		transition: transform 0.5s ease, opacity 0.9s ease;
	}
	.overlay .link-area nav #menu-mobile-menu > li a {
		position: relative;
		display: flex;
		flex-direction: column;
		text-decoration: none;
		font-size: 1.3em;
        font-weight: bold;
		transition: .4s;
		color: #333!important;
	}
	.overlay .link-area nav #menu-mobile-menu > li a:hover{ opacity: 0.5; color: #333!important; }
	.overlay .link-area nav #menu-mobile-menu > li a:active{ color: #333!important; }
}

@media only screen and (max-width: 820px){
	
	/******************** トップ ********************/
	
	.home .site-body { padding-top: 60px !important; padding-bottom: 60px !important; }
	
	.ltg-slide-inner,.ltg-slide picture img { height: 600px!important;}
	.ltg-slide-text-title{ font-size: 2em; }
	.ltg-slide-text-caption{ font-size: 0.9em; }
	
	.top__search--heading--ttl h2{ width: 220px; margin-bottom: 15px!important; }
	
	.top__about--heading--ttl h2{ width: 185px; }
	.top__about--section::before{ width: 240px; height: 168px; bottom: 130px; }
	
	.top__news--heading--ttl h2{ width: 165px; margin-bottom: 15px!important; }
	
	.contact__heading--ttl h2{ width: 245px; margin-bottom: 5px!important;  }
	
	/******************** 共通 ********************/
	
	#pc--tb__block{ display: none; }
	#tb__block{ display: block; }
	
	.site-body{ padding: 40px 0; }
	.page-header{ height: 280px!important; }
	
	.h3__main--ttl::before{ top: 4px; }
	
	/******************** ロケ地検索【一覧】 ********************/
	
	.single-roke-search .page-header-title,.page-id-172 .page-header-title{ padding: 70px 0 0 35px; }
	.single-roke-search .page-header-title::before,.page-id-172 .page-header-title::before{ width: 220px; height: 54px; }
	.single-roke-search .page-header-title::after,.page-id-172 .page-header-title::after{ width: 30px; height: 30px; }
	
	.roke--search__entry--wrap{ flex-direction: column; }
	.roke--search__entry--left{ width: 100%; }
	.roke--search__entry--right{ width: 100%; }
	
	/******************** 川根本町について ********************/
	
	.page-id-40 .page-header-title::before{ width: 231px; height: 52.5px; }
	.page-id-40 .page-header-title{ padding-top: 70px; }
	
	.about__columns{ flex-direction: column; }
	.about__column--txt{ width: 100%; }
	.about__columns{ height: 100%; }
	.about__column--img, .about__column--img img{ width: 100%; height: 240px; }
	
	.about__column--txt{ padding: 30px 5%; }
	.about__columns::before{ width: 300px; height: 210px; }
	
	/******************** お知らせ ********************/
	
	.post-type-archive-news .page-header-title::before, 
	.single-news .page-header-title::before,
	.tax-news__category .page-header-title::before{ width: 185px; height: 74px; }
	.post-type-archive-news .page-header-title,
	.single-news .page-header-title,
	.tax-news__category .page-header-title{ padding-top: 80px; }
	
	/******************** お問い合わせ ********************/

	.page-id-157 .page-header-title::before,
	.page-id-199 .page-header-title::before,
	.page-id-197 .page-header-title::before{ width: 286px; height: 65px; }
	.page-id-157 .page-header-title,
	.page-id-155 .page-header-title, 
	.page-id-199 .page-header-title, 
	.page-id-197 .page-header-title{ padding-top: 75px; }
	.page-id-157 .page-header-title::after,
	.page-id-155 .page-header-title::after, 
	.page-id-199 .page-header-title::after,
	.page-id-197 .page-header-title::after{ bottom: 5px; }
	
	.contact__content{ padding: 30px; }
	.contact__box label,.contact__box--file label{ width: 240px; }
	.contact__box .wpcf7-form-control-wrap,.contact__box--file--item{ width: calc( 100% - 240px  ); }
	
	/******************** 個人情報保護方針 ********************/
	
	.page-id-155 .page-header-title::before{ width: 400px; height: 60px; }

}

@media only screen and (max-width: 781px){
	

	
}
@media only screen and (max-width: 640px){
	
	/******************** ヘッダー ********************/
	
	.site-header-logo, body.scrolled .site-header-logo { width: 235px !important; }
	
	.open .link-area nav .link-list > li{ width: 100%; }
	
	/******************** フッター ********************/
	
	.footer__content--inner{ flex-direction: column; }
	.footer__content--logo{ margin: 0!important; }
	.footer__content--logo figure{ width: 260px; }
	.footer__content--add{ margin-bottom: 15px!important; }
	.footer__content--info h2{ font-size: 2em; margin-bottom: 20px!important; }
	
	.widget_nav_menu>div>ul{ flex-wrap: wrap; gap: 10px; }
	
	.site-body-bottom{ padding-bottom: 50px; }
	.site-body-bottom::before{ height: 240px; }
	.site-footer-copyright p{ font-size: 10px; padding: 20px 0; }
	
	/******************** トップ ********************/
	
	.home .site-body{ padding-top: 40px!important; padding-bottom: 40px!important; }
	
	.ltg-slide-inner,.ltg-slide picture img { height: 100vh!important;}
	
	.home .type a{ font-size: 8px; right: 5px; top: 75vh; }
	
	.roke-slide{ min-width: 100%; }
	
	.ltg-slide-text-set{ top: 50vh!important; left: 20px; }
	.ltg-slide-text-title{ font-size: 1.5em; padding-bottom: 5px; }
	.ltg-slide-text-caption{ width: 260px; padding-bottom: 10px; margin-top: 10px!important; }
	
	.top__search--heading--inner{ padding-bottom: 25px; margin-bottom: 25px; }
	.top__search--heading--ttl h2 { width: 180px; margin-bottom: 10px !important; }
	.top__search--heading--ttl p::before{ top: -5px; }
	.top__search--heading--btn{ margin-top: 40px; text-align: center; }
	
	.roke-slider{ margin-top: 25px;}
	.roke-next{ right: -10px; }
	.roke-prev{ left: -10px; }
	
	/* ボタン消す */
	.roke-btn{display:none;}

	/* スワイプ */
	.roke-slider-viewport{
		overflow-x:auto;
		scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
	}

	.roke-slider-viewport::-webkit-scrollbar{
		display:none;
	}

	.roke-slider-track{
		transform:none!important;
		margin: 0;
	}

	.roke-slide{
		scroll-snap-align:center;
	}
	
	.top__about--section::before{ width: 210px; height: 147px; right: 5%; }
	.top__about--heading--ttl{ margin-bottom: 25px; }
	.top__about--heading--ttl h2 { width: 165px; }
	.top__about--heading--ttl p::before{ top: 2px; }
	.top__about--heading--btn{ text-align: center; }
	.top__about--columns{ gap: 25px!important; }
	
	.top__news--inner{ margin-top: 40px; }
	.top__news--heading--inner{ padding-bottom: 25px; margin-bottom: 25px; }
	.top__news--heading--ttl h2 { width: 145px; margin-bottom: 10px !important; }
	.top__news--heading--btn{ text-align: center; margin-top: 40px; }
	.top__news--list{ padding-bottom: 20px; padding-right: 0; }
	.top__news--list:not(:last-of-type){ margin-bottom: 20px; }
	.top__news--list .data{ flex-direction: column; }
	.top__news--list .data .info{ align-items: center; margin-bottom: 15px; }
	.top__news--list .data .info .category{ margin: 0 10px; padding: 0 5px; }
	.top__news--list::before{ display: none; }
	
	/******************** ロケ地検索【一覧】 ********************/
	
	.single-roke-search .page-header-title::before,.page-id-172 .page-header-title::before{ width: 200px; height: 49px; }
	.single-roke-search .page-header-title::before, .page-id-172 .page-header-title::after{ bottom: 4px; }
	
	.roke--search__cate--links{ flex-direction: column; margin-bottom: 30px; }
	.roke--search__cate--link{ width: 100%; gap: 10px; }
	.roke--search__cate--title{ width: 100%; margin-bottom: 15px!important; }
	.roke--search__list{ grid-template-columns: repeat(1, 1fr); }
	.roke--search__entry--left{ margin-bottom: 20px; }
	.roke--search__entry--right{ margin: 0; flex-direction: column; }
	.roke--search__entry--map--inner{ width: 100%; }
	.roke--search__entry--youtube--inner{ width: 100%; }
	.roke--search__entry--slide{ margin-bottom: 30px; }
	.roke--search__entry--slide .swiper-button-next{ right: 6px; }
	.roke--search__entry--slide .swiper-button-prev{ left: 6px; }
	.roke--search__entry--slide .swiper-button-next:after, 
	.roke--search__entry--slide .swiper-button-prev:after{ padding: 10px 13px; font-size: 12px; }
	.roke--search__entry--ttl{ font-size: 1.2em; margin-bottom: 20px!important; }
	.roke--search__entry--basic{ margin-top: 30px; }
	.roke--search__entry--basic dl{ flex-direction: column; }
	.roke--search__entry--basic dl dt{ width: 100%; }
	.roke--search__entry--basic dl dd{ width: 100%; }
	.roke--search__btn{ margin-top: 40px; }
	
	.page-numbers{ font-size: 16px; }
	
	/******************** 共通 ********************/
	
	#pc__block{ display: none; }
	#sp__block{ display: block; }
	
	.page_top_btn{ display: none!important; }
	
	.contact__link--inner{ padding: 20px; }
	.contact__heading--ttl h2{ width: 200px; }
	.contact__heading--ttl p::before{ top: 5px; }
	.contact__tel{ flex-direction: column; }
	.contact__tel--ttl{ margin-right: 0; margin-bottom: 15px; }
	.contact__tel h2{ line-height: 1; }
	
	.page-header-title, h1.page-header-title{ font-size: 1.4rem; }
	
	.comm__center--ttl,.about__column--txt h2{ font-size: 1.4em; margin-bottom: 60px!important; }
	
	/******************** 川根本町について ********************/
	
	.page-id-40 .page-header-title{ padding-top: 60px; }
	.page-id-40 .page-header-title::before{ width: 185px; height: 42px; }
	.page-id-40 .page-header-title::after{ width: 36px; height: 25.2px; bottom: 5px; left: -10px; }
	
	.about__column--txt ul li::before{ top: 5px; }
	.about__columns::before{ width: 210px; height: 147px; right: 5%; }
	
	/******************** お知らせ ********************/
	
	.post-type-archive-news .page-header-title::before, 
	.single-news .page-header-title::before,
	.tax-news__category .page-header-title::before{ width: 155px; height: 62px; }
	.post-type-archive-news .page-header-title,
	.single-news .page-header-title,
	.tax-news__category .page-header-title{ padding: 70px 0 0 25px; }
	.post-type-archive-news .page-header-title::after,
	.single-news .page-header-title::after,
	.tax-news__category .page-header-title::after{ width: 30px; height: 24px; }
	
	.news__data{ flex-direction: column; padding: 20px 0px }
	.news__info{ margin-bottom: 15px; }
	.news__item--list::before{ display: none; }
	.news__cate{ margin: 0 10px; padding: 0 5px; }
	
	.news__entry--cate{ margin: 0 15px; }
	.news__entry--title{ font-size: 1.2em; margin: 0 0 25px 0 !important; padding: 0 0 15px 0; }
	
	ul.page-numbers li a, ul.page-numbers li span.page-numbers,
	ul.page-numbers li span.page-numbers.current{ font-size: 16px; }
	
	/******************** お問い合わせ ********************/
	
	.page-id-157 .page-header-title::before, 
	.page-id-199 .page-header-title::before, 
	.page-id-197 .page-header-title::before{ width: 220px; height: 50px; }
	.page-id-157 .page-header-title, 
	.page-id-199 .page-header-title,
	.page-id-197 .page-header-title{ padding: 60px 0 0 35px; }
	.page-id-157 .page-header-title::after, 
	.page-id-155 .page-header-title::after,
	.page-id-199 .page-header-title::after, 
	.page-id-197 .page-header-title::after{ width: 28px; height: 21px; bottom: 4px; }
	
	.contact__content{ padding: 20px; }
	.contact__box{ flex-direction: column; margin-bottom: 30px!important; }
	.contact__box:nth-child(4){ margin-bottom: 30px!important; }
	.contact__box label, .contact__box--file label{ width: 100%; margin-bottom: 20px; }
	.contact__box .wpcf7-form-control-wrap, .contact__box--file--item{ width: 100%; }
	.contact__box .hissu{ padding: 2px 10px; margin-right: 10px; }
	.contact__box--file{ flex-direction: column; margin-bottom: 30px; }
	.contact__box--check{ margin: 40px 0; }
	
	.wpcf7-form input,.wpcf7-form textarea,#back-btn,#confirm-btn{ font-size: 14px; }
	
	/******************** 個人情報保護方針 ********************/
	
	.page-id-155 .page-header-title{ padding: 50px 0 0 35px; }
	.page-id-155 .page-header-title::before{ width: 280px; height: 42px; }
	
}
@media (min-width:641px){
	.roke-pagination{
		display:none;
	}
}