/*
Theme Name: lightning-child-en
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

:root {
	--color-white: #fff;
	--color-blue: #05A290;
	--color-green: #7DC22E;
	--color-red: #D24103;
	--color-yellow: #FCC800;
	--color-black: #333;
	--bgcolor-gray: #EEEEEE;
}

/*コピーライト非表示*/
.site-footer-copyright {
	display: none;
}

html {
  font-size: 62.5%; /* 16px * 62.5% = 10px */
  width: 100%;
  scroll-behavior: smooth; /*スクロール不要の場合は削除する*/
}


body {
  font-family: YakuHanJPs, "Noto Sans", sans-serif;
  color: #333; /* RGB */
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: left;
}
.site-body {
	padding-top: 0
}
body li a, body p a {
  text-decoration: none;
}
body a.txt-link {
  color: #333;
  text-decoration: none;
  border-bottom: 2px dotted;
  padding-bottom: 2px;
}
section {
  padding: 45px 0 80px;
}

body h1.page-header-title {
	font-size: 2.7rem; /*ページ最初のttlをh1かh2にするか迷い中*/
	margin-bottom: 46px;
	text-align: center;
}
h2 {
	font-size: 2.6rem;
	margin-bottom: 40px;
	text-align: center;
}
section .l-container h2 { /*3階層で指定しないとmargin-bottomが効かないため*/
  font-size: 2.6rem;
  letter-spacing: 0.12rem;
  margin-bottom: 40px;
  text-align: center;
}
h3 {
  font-size: 2.1rem;
  color: #2AA6C5;
}
h4 {
}
img {
	border-radius: 3px; /*ロゴや他画像に影響がないか確認すること*/
}
ul li, ol li {
	list-style:none;
}
.site-body {
	padding-bottom: 0;
}
.main-section {
    margin-bottom: 0; /*mainとfooter間の隙間を削除*/
    }
.main-section--margin-bottom--on {
    margin-bottom: 0; /*mainとfooter間の隙間を削除*/
}
.sp-none, .none {
  display: none;
}

@media(min-width:960px) {
  body {
    font-size: 1.7rem;
    line-height: 2.0;
  }
  section {
    padding: 100px 0;
  }
  section .l-container h2 { /*3階層で指定しないとmargin-bottomが効かないため*/
    font-size: 3.5rem;
    margin-bottom: 60px;
  }
  body h1.page-header-title {
    font-size: 4.0rem;
  }
  h2 {
    font-size: 4.0rem;
	margin-bottom: 70px;
  }
  h3 {
    font-size: 2.3rem;
  }
  .pc-none {
    display: none;
  }
  .sp-none {
    display: block;
  }
	
}

@media (hover: hover) { /*スマホでマウス操作がない場合当たらないようにするため*/
  /* リンクの場合 */
  a:any-link:hover {
	  opacity: 0.8;
  }
  /* ボタンの場合 */
  button:enabled:hover {
	  opacity: 0.8;
  }
}


/*共通*/
.l-container { /*仮記載*/
	margin: 0 10px;
}
.page-id-34 .page-header, .page-id-123 .page-header { /*仮1/28記載*/
	display: none; /*h1を非表示にするページ*/
}
.page-id-xx .breadcrumb-list{ /*仮1/28記載*/
	display: none; /*パンくずを非表示にするページ*/
}
/* パンくずリストを非表示に */
body.page .breadcrumb { display:none; }

.fullWidth-content { /*全幅*/
	width: auto;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
}

.header_bottomBelt {
	background: linear-gradient(to right, #05A290, #7DC22E);
    color: #ffffff;
	height: 30px;
	
}

@media(min-width:960px) {
  .l-container { 
	max-width: 1000px;
    margin: 0 auto;
  }	
  .header_bottomBelt {
	height: 50px;
}
}
@media(min-width:1200px) {
  .l-container { /*仮記載*/
    max-width: 1100px;
    margin: 0 auto;
  }	
}

/*アコーディオン*/
.open-Btn, .close-Btn {
    text-align: center;
}
.open-Btn::after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(https://bandaiazuma-inawashiro.com/en/wp-content/uploads/2026/02/icon_Btn1.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
/*    margin-left: 20px;*/
    bottom: 5px;
    transition: transform 0.4s ease;
}
.open-Btn.is-opened::after {
    transform: rotate(45deg);
}


/*header*/
.device-mobile .global-nav-list > li .global-nav-name {
    font-size: 1.7rem;
}
.vk-mobile-nav nav ul:not(.acc-child-open) > li:last-child a::before {
    content: "";
    background-image: url(https://bandaiazuma-inawashiro.com/en/wp-content/uploads/2026/02/Japan_nationalflag.jpg);
    width: 41px;
    height: 20px;
	display: inline-block;
    background-size: contain;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
}

@media(min-width:960px) {
.global-nav .global-nav-list > li .global-nav-name {
    font-size: 2.0rem;
}
.global-nav .global-nav-list > li:last-child .global-nav-name::before {
    content: "";
    background-image: url(https://bandaiazuma-inawashiro.com/en/wp-content/uploads/2026/02/Japan_nationalflag.jpg);
    width: 41px;
    height: 20px;
	display: inline-block;
    background-size: contain;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	margin-bottom: 1px;
}
ul.sub-menu.acc-child-close li a { /*子階層*/
    font-size: 1.6rem;
}
	
}



/*footer*/
.site-footer {
    background: linear-gradient(to right, #05A290, #7DC22E);
    color: #fff;
}
.original-footer {
     display: flex;
     flex-wrap: wrap;
  }
.site-footer-content {
    padding-top: 0px;
}
.footer-sitemap ul ul {
    padding-left: 2em;
}
.site-footer a {
	color: #fff;
}
.footer-sitemap {
    display: block;
    flex: 100%;
    }
.footer-title {
    flex: 100%;
	text-align: right;
    }
.footer-policyLink {
    margin-bottom: 20px;
}
.footer-policyLink a {
    text-decoration: underline;
    font-size: 1.6rem;
    color: #fff;
}
.footer-policyLink p {
    font-size: 1.4rem;
}

ul.footer-ulLeft {
    margin-bottom: 40px;
}
.footer-sitemap > ul >li > p, .footer-sitemap > ul >li > a { /*フッタリストの親階層*/
    font-size: 2.0rem;
    font-weight: bold;
}
.footer-sitemap > ul >li > ul >li a { /*フッタリストの子階層*/
    font-size: 1.7rem;
    font-weight: 500;
}



@media(min-width:960px) {
	.original-footer {
     flex-wrap: wrap;
  }
	.footer-sitemap {
    display: flex;
    flex: 60%;
    text-align: left;
	gap: 70px;
}
	.footer-title {
    flex: 40%;
}
    .sitenameImg {
		width: 250px;
        background: #fff;
        padding: 20px;
		display: block;
        /*margin-left: auto;
		margin-bottom: 30px;
		margin-right: 1.25em;*/
		margin: 0 0 30px auto;
    }
	.footer-policyLink p {
		font-size: 1.7rem;
}
	
}

/*footer上部*/
.sp_abovefotterlogo { /*SPのみのlogo表示*/
    width: 210px;
    margin: 130px auto 0;
    padding-left: 10px;
}
.site-body-bottom .container {
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.site-body-bottom .widget {
    margin-bottom: 0;
}
.footerCurve svg {
    vertical-align: bottom;
    margin-bottom: -1px;
}


/*TOP*/
.top_header_bottomBelt {
	background: linear-gradient(to right, #05A290, #7DC22E);
    color: #ffffff;
	height: 38px;
}
.top_header_bottomBelt p {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 2.0rem;
    line-height: 38px;
}
.enTopMV {
    background-image: url(https://bandaiazuma-inawashiro.com/en/wp-content/uploads/2026/02/enTop_bgImg.jpg);
	background-size: auto 100%;
    background-position: center;
}
.enTop-map img.enTop-map-spImg {
    padding-top: 10px;
    padding-bottom: 40px;
}
.top_illustrationImg {
    display: block;
    width: 145px;
    margin: 100px auto;
}

@media(min-width:960px) {
  .enTopMV {
/*	background-image: url(https://bandaiazuma-inawashiro.com/en/wp-content/uploads/2026/02/enTop_bgImg_pc.jpg);*/
	background-size: cover;
	height: 790px;
}
  .top_header_bottomBelt {
	height: 55px;
}
  .top_header_bottomBelt p {
    font-size: 2.5rem;
    line-height: 55px;
}

.top_illustrationImg {
    display: block;
    width: 300px;
    margin: 150px 10% 100px auto;
}
}

/*各エリアページ*/
.areaMV {
   padding-top: 50px;
}
.areaMV_linkList {
	display: flex;
	flex-wrap: wrap;
	gap: 0px 10px;
	padding-left: 0;
	padding-bottom: 50px;
}
.areaMV_linkList_content {
	width: calc(50% - 10px / 2);
}
.areaMV_linkList_content p {
	color: var(--color-red);
	font-weight: bold;
    text-align: center;
    line-height: 1.3;
}
.areaDetail_linkList {
	padding-left: 0;
}
.areaDetail_linkList li {
	background: var(--bgcolor-gray);
    padding: 30px 20px 10px;
}
ul.areaDetail_linkList li:not(:last-child) {
    margin-bottom: 20px;
}
.areaDetail_linkList li img {
	width: 330px;
	margin: 0 auto;
    display: block;
}
.areaDetail-txt-ttl {
	font-size: 2.0rem;
	font-weight: bold;
	color: var(--color-red);
	text-align: center;
}
.areaDetail-txt {
    display: none;
}
.areaDetail-txt-explanation {
	font-size: 1.5rem;
}
a.areaDetail-txt-link {
    font-size: 1.5rem;
}
.areaDetail-txt-explanation2 {
    background: var(--color-white);
    padding: 20px 10px;
	margin-bottom: 15px;
}
.areaDetail-txt-explanation2 {
    font-size: 1.5rem;
}
.bandai_goshikinuma_qrlink::after { /*外部リンクのアイコンがこのリンクにも表示させるため*/
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.25em;
    width: 1em;
    height: 1em;
    background-image: url(https://bandaiazuma-inawashiro.com/en/wp-content/uploads/2026/02/newWindow_Gre.png);
    background-repeat: no-repeat;
    background-size: contain;
}


@media(min-width:960px) {
  .areaMV {
	padding-top: 80px;
}
  .areaMV_linkList {
	gap: 5px 20px;
	padding-bottom: 100px;
}
.areaMV_linkList_content {
	width: calc(25% - 60px / 4);
}
  .areaMV_linkList_content p {
	font-size: 2.0rem;
  }	
.areaDetail_linkList li {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
	padding: 40px 30px 20px;
}
.areaDetail_linkList li img {
    width: 350px;
}
.areaDetail-txt_wrapper {
    width: calc(100% - 380px);
}
.areaDetail-txt-ttl {
		text-align: left;
	    font-size: 2.2rem;
	}
.areaDetail-txt_btn {
		display: none;
	}
.areaDetail-txt {
    display: block;
}
.areaDetail-txt-explanation {
    font-size: 1.6rem;
}
.areaDetail-txt-explanation2 {
    padding: 20px;
}
.areaDetail-txt-explanation2 {
    font-size: 1.6rem;
}
	
}


/*Hiking*/
.hikingMV_linkImg {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 30px;
}
.hikingMV_linkImg a {
	width: 100%;
}
.hikingMV_linkImg p, .hiking_mapTimes_linkImg p {
    text-align: center;
    font-weight: 500;
    font-size: 1.7rem;
}
.hikingMV_linkImg p::after {
    content: "";
    width: 17px;
    height: 17px;
    background: url(https://bandaiazuma-inawashiro.com/en/wp-content/uploads/2026/02/icon_Btn.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    margin-left: 10px;
	vertical-align: text-bottom;
    margin-bottom: 3px;
}
.hiking_mapTimes_linkImg {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 30px;
}
.hiking_mapTimes_linkImg a {
	width: 100%;
/*	display: block;
	margin: 0 auto;*/
}



@media(min-width:960px) {
	.hikingMV_linkImg a {
	width: calc(33% - 60px / 3);
}
	.hiking_mapTimes_linkImg > div {
	width: calc(33% - 60px / 3);
}
	.hikingMV_linkImg p, .hiking_mapTimes_linkImg p {
    font-size: 1.8rem;
}
    .hikingMV_linkImg p::after {
    width: 19px;
    height: 19px;
}
	
}

/*温泉*/
section.hotspringsMV {
	background: linear-gradient(
180deg, #FFFDF6 0%, #FFFDF6 50%, #fff 100%)
}
.hotspringsMV p {
	padding: 0 10px 40px;
}
.hotsprings-map {
    margin-bottom: 50px;
}
.hotsprings-SP_linkImg {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.hotsprings-SP_linkImg a {
    display: block;
    width: 250px;
    margin: 0 auto;
}
img.hotsprings-SP_separater {
    width: 210px;
    margin: 80px auto ;
    display: block;
}

@media(min-width:960px) {
.hotspringsMV p {
    padding-bottom: 80px;
    max-width: 800px;
    margin: 0 auto;
	font-size: 1.9rem;
}
.hotsprings-SP_linkImg {
		display: none;
	}
  img.hotsprings-SP_separater {
    width: 380px;
	margin-top: 0;
}
	
}



/*各グレーディングマップ*/
.hiking_areaPageMV p {
    color: var(--color-red);
    text-align: center;
    font-weight: bold;
}

.hiking_areaPage_Linkgroup {
    padding: 50px 0;
}
.hiking_areaPage_Linkgroup h3 {
    text-align: center;
	font-size: 2.4rem;
	color: var(--color-blue);
}
.hiking_areaPage_Linkgroup > div {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.hiking_areaPage_Linkgroup > div > div {
	width: 100%;
}
.hiking_areaPage_Linkgroup a {
    text-align: center;
	background: #E6E6E6;
    color: var(--color-blue);
    font-weight: bold;
    font-size: 2.0rem;
    padding: 8px 5px;
    border-radius: 8px;
	display: block;
	width: 230px;
	margin: 0 auto;
}

@media(min-width:960px) {
	.hiking_areaPageMV p {
		font-size: 2.2rem;
		margin-bottom: 25px;
	}
	.hiking_areaPage_Linkgroup {
    padding: 50px 0 150px;
}
	.hiking_areaPage_Linkgroup h3 {
	font-size: 2.7rem;
}
	.hiking_areaPage_Linkgroup > div {
    gap: 50px;
	padding-top: 30px;
}
	.hiking_areaPage_Linkgroup > div > div {
    width: calc(50% - 50px / 2);		
	}
	.hiking_areaPage_Linkgroup a {
    width: 275px;
    font-size: 2.3rem;
	padding: 8px 5px;
}
	
}



/*Linksページ*/
.linkPage_h2 {
	margin-top: 45px;
}
.linkPage_categoryGroup {

	margin-bottom: 80px;
}
.linkPage_categoryGroup h3 {
    color: var(--color-blue);
}
.linkPage_categoryGroup p:not(:last-child) {
    margin-bottom: 30px;
}
img.linkPage_categoryGroup_separater {
    width: 100px;
    margin: 0 auto 80px;
    display: block;
}
.linkPage_categoryGroup ul {
	display: flex;
	flex-wrap: wrap;
	gap: 50px 10px;
	padding-left: 0;
}
.linkPage_categoryGroup ul li {
	width: calc(50% - 10px / 2);
}
.linkPage_categoryGroup ul li p {
    margin-left: 3px;
}


@media(min-width:960px) {
  .linkPage_h2 {
	margin-top: 80px;
}
  img.linkPage_categoryGroup_separater {
    width: 150px;
}
  .linkPage_categoryGroup ul {
	gap: 50px 30px;
}
  .linkPage_categoryGroup ul li {
	width: calc(33% - 60px / 3);
}
  .linkPage_categoryGroup h3 {
    font-size: 2.5rem;
}
  .linkPage_categoryGroup p {
    font-size: 2.1rem;
}
  .linkPage_categoryGroup ul li p {
     margin-left: 0px; 
    text-align: center;
}
}


/*外部リンクにアイコン付与*/
a[href^="http"]:not([href*="bandaiazuma-inawashiro.com"])::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.25em;
  width: 1em;
  height: 1em;
  background-image: url(https://bandaiazuma-inawashiro.com/en/wp-content/uploads/2026/02/newWindow_Gre.png);
  background-repeat: no-repeat;
  background-size: contain;
}
/* 除外するクラス (.no-icon-ExternalLink) を持つリンクにスタイルを適用しない */
a.no-icon-ExternalLink:not([href*="bandaiazuma-inawashiro.com"])::after {
    content: none; /* または適切なスタイルを打ち消す */
}