@charset "utf-8";

.nav_list li.nav-location a > span::before{
    width: 100%;
}

@media screen and (max-width: 750px) {
    .nav_list li.nav-location a > span::before{
        width: 0;
    }
    .nav_list li.nav-location{
        background: rgba(107, 92, 62, 0.5);
    }
}

/* html {
  scroll-behavior: smooth;
} */

/* subhead */
.subhead {
    background-image: url(../img/location/subhead.jpg);
}


.mt80 {
    margin-top: 80px;
}
.mt60 {
    margin-top: 60px;
}
.mt30 {
    margin-top: 30px;
}
.mt20 {
    margin-top: 20px;
}
.wd650 {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}

.z1{
    z-index: 1;
}
.z2{
    z-index: 2;
}
.z3{
    z-index: 3;
}
.z4{
    z-index: 4;
}
.z5{
    z-index: 5;
}
.z6{
    z-index: 6;
}

.loc_mt20{
    margin-top: 20px;
}


.bg_loc01{
    background: #f2f2f2;
}


.ac_img_area.max1000 {
    max-width: 1200px;
    margin: 0 auto;
}

.col2_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col2_flex_item {
    width: 48%;
}
.col2_flex_item_a {
    width: 48%;
}
.col2_flex_item_b {
    width: 48%;
}
.col2_flex_item02a {
    width: 100%;
}
.col2_flex_item02b {
    width: 100%;
}
.col2_flex_item03 {
    width: 48%;
}
.col2_flex_item.flex_cont {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.col2_flex .col2_flex_item:nth-of-type(n + 3){
    margin-top: 20px;
}

.scroll_flex {
    display: none;
}

.col3_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.col3_flex_item {
    width: 32%;
}


.loc_fl01{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.loc_fl01_txt{
    width: 68%;
}
.loc_fl01_num{
    width: 28%;
}

.loc_item_ttl{
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-bottom: 20px;
    position: relative;
}
.loc_item_ttl::before{
    content: "";
    position: absolute;
    width: 120%;
    bottom: -10px;
    height: 1px;
    background: #000;
}
.loc_item_lead{
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 2;
}

.edu_fl .col2_flex_item{
    max-width: 230px;
}

.sc_menu{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.sc_menu li{
    width: 32%;
}
.sc_menu li a{
    display: flex;
    height: 50px;
    border: 1px solid #000;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition-duration: 0.6s;
    position: relative;
}
.sc_menu li a:hover{
    background: #ccc;
    color: #fff;
    border:none;
}
.sc_menu li a::before{
    content: "";
    position: absolute;
    right: 15px;
    width: 10px;
    height: 10px;
    top: 50%;
    border-top: 1.5px solid #000;
    border-left: 1.5px solid #000;
    transform: translateY(-50%) rotate(-135deg);
}
.sc_menu li a:hover::before{
    border-top: 1.5px solid #fff;
    border-left: 1.5px solid #fff;
}

.sc_menu li:nth-of-type(n + 4){
    /* margin-top: 2%; */
}



.loc_ttl02_bgen{
    position: relative;
}
.loc_ttl02_bgen span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) skewX(-15deg);
    color: #e6e6e6;
    font-size: 5em;
    z-index: -1;
}

.park_rank{
    text-align: center;
    font-weight: 600;
    font-family: "Zen Kaku Gothic New", sans-serif;
}

.park_rank .park_lead{
    font-size: 1.2em;
    line-height: 2;
}
.park_rank .park_lead:nth-of-type(2){
    font-size: 2em;
    color: #861a1f;
}

.park_rank .cap{
    text-align: center;
    padding: 30px 0 0;
}

.ikuji_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* gap:20px; */
}
.ikuji_list > li{
    width: 48%;
}
.ikuji_list > li:nth-of-type(n + 3){
    margin-top: 20px;
}

.reason_list{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap:2%;
}

.reason_list > li{
    width: 23%;
}

.hanabi_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: calc(2% + 8.5px);
    border: 1px solid #000;
}
.hanabi_txt{
    width: 48%;
}
.hanabi_img{
    width: 48%;
}

.hanabi_box .sec_ttl{
    margin-bottom: 0.5em;
}
.hanabi_box .sec_lead{
    line-height: 2em;
}

.db1000 { 
    display: none;
}

.loc_cont_s{
    max-width: 750px;
    margin: 0 auto;
}
.loc_cont_s02{
    max-width: 500px;
    margin: 0 auto;
}



.img_cap.card_cap01{
    right: 8.5%;
    bottom: 10%;
}




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

}

@media screen and (max-width: 1000px) {
.mt80 {
    margin-top: 60px;
}

.db1000 { 
    display: block;
} 

.col2_flex_item03 {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    max-width: unset;
}
.col2_flex_item03:first-child {
    margin-bottom: 30px;
}
.col2_flex_item03:last-child {
    max-width: 370px;
    margin: 0 auto;
}
.col2_flex_item02a {
    width: 100%;
    text-align: center;
}
.col2_flex_item02b {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
}
}


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

}



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

.mt80 {
    margin-top: 40px !important;
}

.mt60 {
    margin-top: 40px;
}

.mt40_650 {
    margin-top: 40px !important;
}

.mt20_650 {
    margin-top: 20px !important;
}

.dn650{
    display: none;
}

.wd650 {
    max-width: 450px;
    margin: 40px auto 0;
}

.loc_ttl02_bgen span{
    font-size: 4.3em;
}

.col2_flex_item {
    width: 100%;
}
.col2_flex_item_a {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
}
.col2_flex_item_b {
    max-width: 350px;
    margin: 30px auto 0;
    width: 100%;
}
.col3_flex_item {
    width: 100%;
    /* max-width: 450px; */
    margin: 0 auto;
}
.col3_flex_item:nth-child(n+2) {
    margin: 20px auto 0;
}

.edu_fl .col2_flex_item{
    max-width: none;
}

.loc_wid01_sp{
    max-width: 350px;
    margin: 0 auto;
}

.sc_menu{
    gap: 15px;
    max-width: 350px;
    margin: 0 auto;
}
.sc_menu li {
    width: 100%;
}
.sc_menu li a{
    font-size: 14px;
}

.sc_menu li a::before{
    width: 7px;
    height: 7px;
}

.ikuji_list,.reason_list{
    max-width: 350px;
    margin: 0 auto;
}
.ikuji_list > li{
    width: 100%;
}
.ikuji_list > li:nth-of-type(n + 2)
{
    margin-top: 20px;
}

.reason_list > li{
    width: 48%;
}

.reason_list > li:nth-of-type(n + 3){
    margin-top: 20px;
}

.hanabi_txt{
    width: 100%;
    text-align: center;
}
.hanabi_img{
    width: 100%;
}

.park_rank .park_lead:nth-of-type(2){
    font-size: 1.5em;
    line-height: 1.5;
}

.park_rank.sec_lead{
    font-size: 12px;
}

}




@media screen and (max-width: 500px) {
    
    .scroll_flex {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 0px auto 0;
        flex-wrap: wrap;
        max-width: 250px;
    }
    .scroll_flex_p {
        padding: 10px 0;
        text-decoration: none;
        outline: none;
        font-size: 12px;
        width: 100%;
        text-align: center;
    }
    .scroll_l {
        position: relative;
        color: #000;
        padding: 0;
        display: inline-block;
        text-decoration: none;
        outline: none;
        left: 50%;
        transform: translateX(-50%);
        font-size: 12px;
        /* margin-bottom: 40px; */
    }
    .scroll_flex .scroll_l, .scroll_flex .scroll {
        width: 48%;
        left: unset;
        right: unset;
        transform: unset;
    }
    .scroll {
        position: relative;
        color: #000;
        padding: 0;
        display: inline-block;
        text-decoration: none;
        outline: none;
        left: 50%;
        transform: translateX(-50%);
        font-size: 12px;
    }
    .scroll::before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #000;
    }
    .scroll::after {
        content: "";
        position: absolute;
        bottom: -4px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(45deg);
    }
    .scroll::before {
        animation: arrowlong01 2s ease infinite;
    }
    .scroll::after {
        animation: arrowlong02 2s ease infinite;
    }
    @keyframes arrowlong01 {
        0% {
            width: 0;
            opacity: 0
        }
        20% {
            width: 0;
            opacity: 1
        }
        80% {
            width: 105%;
            opacity: 1
        }
        100% {
            width: 105%;
            opacity: 0
        }
    }
    @keyframes arrowlong02 {
        0% {
            left: 0;
            opacity: 0
        }
        20% {
            left: 0;
            opacity: 1
        }
        80% {
            left: 103%;
            opacity: 1
        }
        100% {
            left: 103%;
            opacity: 0
        }
    }

    /* scroll_l */
    .scroll_b{
        padding: 10px 0;
        margin: 10px auto 0;
    }
    .scroll_l {
        position: relative;
        color: #000;
        padding: 0;
        display: inline-block;
        text-decoration: none;
        outline: none;
        left: 50%;
        transform: translateX(-50%);
        font-size: 12px;
        /* margin-bottom: 40px; */
    }
    .scroll_l::before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #000;
    }
    .scroll_l::after {
        content: "";
        position: absolute;
        bottom: -4px;
        width: 8px;
        height: 8px;
        border-top: 1px solid #000;
        border-right: 1px solid #000;
        transform: rotate(-135deg);
    }
    .scroll_l::before {
        animation: arrowlong03 2s ease infinite;
    }
    .scroll_l::after {
        animation: arrowlong04 2s ease infinite;
    }
    @keyframes arrowlong03 {
        0% {
            right: 0;
            width: 0;
            opacity: 0
        }
        20% {
            right: 0;
            width: 0;
            opacity: 1
        }
        80% {
            right: 0;
            width: 105%;
            opacity: 1
        }
        100% {
            right: 0;
            width: 105%;
            opacity: 0
        }
    }
    @keyframes arrowlong04 {
        0% {
            right: 0;
            opacity: 0
        }
        20% {
            right: 0;
            opacity: 1
        }
        80% {
            right: 103%;
            opacity: 1
        }
        100% {
            right: 103%;
            opacity: 0
        }
    }
}


/* scroll */


/* セクション設定 */
.scroll-section {
    position: relative;
    width: 100%;
    min-height: 100vh; /* JSで制御されますが初期値として */
    overflow: visible; /* Stickyを効かせるため */
}

/* 背景動画エリア（Sticky固定） */
.bg_move01 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* ★ここ重要：常に画面の高さに固定 */
    z-index: 0;
    overflow: hidden;
    will-change: transform;
}
.bg_move01 video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 画面いっぱいにトリミング */
    display: block;
}

/* オーバーレイ（色味調整） */
.overlay01 {
    position: absolute;
    inset: 0;
    /* background: rgba(148, 142, 114, 0.3); */
    background: rgb(148, 142, 114);
    mix-blend-mode: multiply;
    pointer-events: none;
}

/* コンテンツラッパー（全体） */
.scroll-section .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
}

/* コンテンツ中身（Stickyで追従） */
.content_inner_wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0 20px;
    pointer-events: auto;
    overflow: hidden;
    box-sizing: border-box;
    
    /* ★PCレイアウトのベース（Flex） */
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}


.card.map_sp{
    width: 50%;
}
.map_txt{
    margin-top: 1.5em;
}




/* === PC Layout (769px and up) === */
@media screen and (min-width: 769px) {
    .content_inner_wrap {
        align-items: flex-start;
        justify-content: space-between;
    }
    
    .left {
        width: 46%;
        margin-top: 20vh;
        color: #fff;
        /* text-shadow: 0 2px 5px rgba(0,0,0,0.5); */
        position: relative;
        z-index: 3;
    }
    
    .right {
        width: 45%;
        height: 100vh;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

    /* PC Card Animation */
    .card {
        position: absolute;
        width: 100%;
        max-width: 400px;
        /* border-radius: 10px; */
        overflow: hidden;
        /* box-shadow: 0 10px 30px rgba(0,0,0,0.3); */
        opacity: 0;
        transform: translateY(50px);
        transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease;
        /* background: #fff; */
    }
    .card img { width: 100%; display: block; }
    .card.active { opacity: 1; transform: translateY(0); z-index: 2; }
    .card.passed { opacity: 0; transform: translateY(-50px); z-index: 1; }
}


/* === SP Layout (768px and down) === */
@media screen and (max-width: 768px) {
    .content_inner_wrap {
        display: block; /* 縦並び */
        padding: 0;
        height: 100vh; /* ★高さを画面いっぱいに固定（ここが重要） */
        /* position: sticky はPC版の記述が継承されるのでそのままでOK */
    }

    /* 左側テキスト */
    .left {
        width: 100%;
        /* padding: 80px 20px 20px; */
        padding: 190px 20px 20px;
        color: #fff;
        /* text-shadow: 0 2px 4px rgba(0,0,0,0.6); */
        position: relative;
        z-index: 5;
        /* background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); */
        margin-top: 0;
        pointer-events: none; /* 画像操作を邪魔しないように */
        text-align: center;
    }
    .left .loc_sc_txt{
        display: inline-block;
        text-align: left;
    }
    .loc_sc_ttl_en { font-size: 16px !important; margin-bottom: 0px; }
    .loc_sc_ttl_jp { font-size: 16px !important; margin: 15px 0 !important; }
    .loc_sc_lead { font-size: 12px !important; line-height: 1.8;text-align: left; }
    

    /* ▼▼▼▼▼ 修正箇所（初期ファイルの横並び設定を上書き） ▼▼▼▼▼ */

    /* 右側カードエリア：画面下部に固定配置 */
    .right {
        position: absolute;
        top: auto;      /* 初期値の top: 50% を解除 */
        top: 30%;
        bottom: 15%;    /* ★画面下部（15%の位置）に配置 */
        left: 0;
        transform: none; /* 初期値の translateY(-50%) を解除 */
        
        display: flex;
        justify-content: center; /* 中央揃え */
        align-items: flex-end;   /* 下揃え */
        
        width: 100%;
        height: auto;
        overflow: visible;
        margin-top: 0;
        z-index: 4;
        
        /* 横スクロール用の設定（width: max-content等）があれば打ち消す */
        width: 100%;
    }

    /* スマホ用カード：重ねて表示し、アニメーションさせる */
    .card {
        position: absolute; /* ★重ねる */
        top:50%;
        bottom: 0;
        left: 0; 
        right: 0;
        margin: auto; /* 中央配置 */
        
        width: 40vw;
        max-width: 380px;
        flex-shrink: 0;
        
        /* ▼ PCと同じアニメーション設定を適用 ▼ */
        opacity: 0; 
        transform: translateY(30px);
        transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease;
        z-index: 1;
        
        /* 初期ファイルの margin-right 等をリセット */
        margin-right: auto;
    }

    .card.map_sp{
        width: 30vw;
    }
    .card .map_sp_flex{
        /* display: flex;
        align-items: flex-start; */
    }
    .map_txt{
        margin-top: 0;
        margin-left: 1em;
    }
    
    /* アクティブ時のクラス（JSで制御） */
    .card.active { opacity: 1; transform: translateY(0); z-index: 2; }
    .card.passed { opacity: 0; transform: translateY(-30px); z-index: 1; }

    .card:last-child { margin-right: auto; }
    .card img { width: 100%; object-fit: cover; }

    /* ▲▲▲▲▲ 修正ここまで ▲▲▲▲▲ */
}

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

    .left {
        padding: 80px 20px 20px;
    }

}

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

    .loc_sc_ttl_jp{
        margin: 13px 0 !important;
    }
    .loc_sc_lead{
        line-height: 2.3;
    }
    .right{
        top: 52%;
    }

    .card{
        width: 60vw;
        top: 0;
    }    

    .card.map_sp{
        width: 35vw;
    }

}


/* 共通スタイル（テキスト系） */
.card_txt01 {
    color: #fff;
    /* background: #fff; */
    border: 1px solid #fff; 
    padding: 15px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-bottom: 1em;
}
.loc_sc_txt { letter-spacing: 0.1em; }
.loc_sc_ttl_en {
    font-family: ltc-goudy-oldstyle-pro, serif;
    font-size: 24px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.loc_sc_ttl_jp {
    font-size: 20px;
    line-height: 1.6;
    /* font-weight: bold; */
    margin: 40px 0;
}
.loc_sc_lead {
    font-size: 14px;
    line-height: 2.5;
}






/*---- lifeinfo ----*/
  .p-contents-location-map__inner {
	margin: auto;
	}
  .p-location-map__h2 {
	margin-bottom: 70px;
	text-align: center;
	font-size: 36px;
	font-size: 3.6rem;
	letter-spacing: .1em;
  }
  .p-location-map__h2-brackets {
	display: inline-block;
	width: 672px;
	max-width: 100%;
	padding: 15px 30px;
	position: relative;
  }
  .p-location-map__h2-brackets-before, .p-location-map__h2-brackets-after {
	position: absolute;
	display: block;
	width: .77em;
	height: 1.5em;
  }
  .p-location-map__h2-brackets-before {
	top: 0;
	left: 0;
  }
  .p-location-map__h2-brackets-after {
	bottom: 0;
	right: 0;
  }
  .p-location-map__h2-brackets-before::before, .p-location-map__h2-brackets-before::after, .p-location-map__h2-brackets-after::before, .p-location-map__h2-brackets-after::after {
	content: "";
	display: block;
	position: absolute;
  }
  .p-location-map__h2-brackets-before::before, .p-location-map__h2-brackets-after::before {
	width: 100%;
	height: 1px;
  }
  .p-location-map__h2-brackets-before::after, .p-location-map__h2-brackets-after::after {
	width: 1px;
	height: 100%;
  }
  .p-location-map__h2-brackets-before::before, .p-location-map__h2-brackets-before::after {
	top: 0;
	left: 0;
  }
  .p-location-map__h2-brackets-after::before, .p-location-map__h2-brackets-after::after {
	bottom: 0;
	right: 0;
  }
  .p-location-map__h2-brackets-before::before {
	background: linear-gradient(to right, rgba(170, 170, 170, 1) 0%, rgba(170, 170, 170, 0) 100%);
  }
  .p-location-map__h2-brackets-before::after {
	background: linear-gradient(to bottom, rgba(170, 170, 170, 1) 0%, rgba(170, 170, 170, 0) 100%);
  }
  .p-location-map__h2-brackets-after::before {
	background: linear-gradient(to right, rgba(170, 170, 170, 0) 0%, rgba(170, 170, 170, 1) 100%);
  }
  .p-location-map__h2-brackets-after::after {
	background: linear-gradient(to bottom, rgba(170, 170, 170, 0) 0%, rgba(170, 170, 170, 1) 100%);
  }
  .p-location-map__map-wrap {
	margin-bottom: 0px;
	}
  .p-location-map__nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto 30px;
	}
	.p-location-map__nav > div p{
			font-size: 40px;
	}

	.p-location-map__nav-group {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		z-index: 2;
		justify-content: space-between;
		width: 100%;
		box-sizing: border-box;
		/* border-top: 1px solid #a48067;
		border-left: 1px solid #a48067; */

        border-top: 1px solid #000;
		border-left: 1px solid #000;
	}
    .p-location-map__nav-item {
        /* width: 14.28%; */
        /* width: 12.28%; */
        /* width: 12.5%; */
        width: calc(100% / 7);
        background: #fff;
        position: relative;
        transition: .3s;
        box-sizing: border-box;
        /* border-right: 1px solid #a48067;
        border-bottom: 1px solid #a48067; */

        border-right: 1px solid #000;
	    border-bottom: 1px solid #000;
    }

.p-location-map__btn[data-href="info01"].is-active .p-location-map__nav-item{
	border:1px solid #000;
}
.p-location-map__btn[data-href="info02"].is-active{

}
.p-location-map__btn[data-href="info03"].is-active{

}
.p-location-map__btn[data-href="info04"].is-active{

}
.p-location-map__btn[data-href="info05"].is-active{

}
.p-location-map__btn[data-href="info06"].is-active{

}
.p-location-map__btn[data-href="info07"].is-active{
	
}
.p-location-map__btn[data-href="info08"].is-active{
	
}
  .p-location-map__btn {
	border: 0;
	width: 100%;
	height: 60px;
	display: block;
	position: relative;
	/* background: #fff; */
	cursor: pointer;
	text-align: center;
	cursor: pointer;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .3s;
	color: #333;
	}
.p-location-map__btn{
	
}
.p-location-map__btn:hover, .p-location-map__btn.is-active{
	/* background-color: #a48067; */
	background-color: #000;
}
	
/* .p-location-map__btn[data-href="info01"]:hover, .p-location-map__btn[data-href="info01"].is-active{
	background-color: #a48067;
}
.p-location-map__btn[data-href="info02"]:hover, .p-location-map__btn[data-href="info02"].is-active{
	background-color: #033a68;	
}
.p-location-map__btn[data-href="info03"]:hover, .p-location-map__btn[data-href="info03"].is-active{
	background-color: #006094;	
}
.p-location-map__btn[data-href="info04"]:hover, .p-location-map__btn[data-href="info04"].is-active{
	background-color: #7c0e16;	
}
.p-location-map__btn[data-href="info05"]:hover, .p-location-map__btn[data-href="info05"].is-active{
	background-color: #0E7C3D;	
}
.p-location-map__btn[data-href="info06"]:hover, .p-location-map__btn[data-href="info06"].is-active{
	background-color: #5f3913;
}
.p-location-map__btn[data-href="info07"]:hover, .p-location-map__btn[data-href="info07"].is-active{
	background-color: #3A3A3A;
} */


.infowin_container h4{
	font-feature-settings: "palt";
    font-family: "kozuka-mincho-pro", serif;
    font-weight: 400;
    font-style: normal;
}

  .p-location-map__btn::before {
	/* content: ""; */
	/* display: block; */
	/* width: 100%; */
	/* height: 100%; */
	/* position: absolute; */
	/* top: 0; */
	/* left: 0; */
	/* z-index: 1; */
	/* transition: .3s; */
	}
  .p-location-map__btn span {
	position: relative;
	z-index: 2;
	font-family: "游明朠体", "Yu Mincho", YuMincho, "ヒラギノ明朠 Pro", "Hiragino Mincho Pro", "MS P明朠", "MS PMincho", serif;
	}
  .p-location-map__btn[data-href="store"] span{	
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
  }
  .p-location-map__btn:hover, .p-location-map__btn.is-active {
	color: #fff;
	  transition: .3s;
	}

    .p-location-map__btn > span > img{
       height: 25px;
    }
    .p-location-map__btn > .btn_life{
        display: block;
    }
    .p-location-map__btn:hover > .btn_life{
        display: none;
    }
    .p-location-map__btn:hover > .btn_life_on{
        display: block;
    }
    .p-location-map__btn.is-active > .btn_life{
        display: none;
    }
    .p-location-map__btn > .btn_life_on{
        display: none;
    }
    .p-location-map__btn.is-active > .btn_life_on{
        display: block;
    }
    
  .p-location-map__map {
	}
  .p-location-map__map-inner {
	display: flex;
	flex-wrap: wrap;
	/* background-color: #FFF; */
	justify-content: space-between;
	}
  .p-location-map__map-area {
	width: 62.5%;
	}
  .p-location-map__menu {
	width: 37.5%;
	/* background-color: #fff; */
	background-color: #f3f3f3;
	overflow-y: scroll;
	height: 615px;
	}
  .p-location-map__annotation {
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .1em;
  }
  /* menu
  ---------------------------------*/
  .accordion h3, .accordion h3 a {
	height: 36px;
	text-indent: -9999px;
  }
  .accordion h3.leisure_title a {
	background-position: 0 0;
  }
  .accordion h3.shopping_title a {
	background-position: 0 -36px;
  }
  .accordion h3.food_title a {
	background-position: 0 -72px;
  }
  .accordion h3.living_title a {
	background-position: 0 -108px;
  }
  .ui-state-active a {
	display: none;
  }
  .accordion ol {
	counter-reset: number;
	margin: 0;
	padding: 0;
	background: #fff;
	/* border-left: 1px solid #fff; */
	/* border-right: 1px solid #fff; */
	/* overflow-y: scroll; */
	}
  .accordion ol li {
	display: block;
	position: relative;
	/* background: #e5e3e1; */
	background: #f3f3f3;
	border-top: 1px solid #333;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	padding: 13px 10px 13px 13px;
	box-sizing: border-box;
	}
  .accordion ol li a:hover {
	opacity: 0.5;
	transition: all .5s ease;
	}
  .accordion ol li a::before {
	content: counter(number);
	counter-increment: number;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 0px;
	z-index: 50;
	display: flex;
	border-radius: 50%;
	color: #fff;
	font-size: 18px;
	padding-right: 4px;
	text-align: center;
	align-items: center;
	font-family: adobe-garamond-pro, serif;
	font-weight: 400;
	font-style: italic;
	background:#000;
	justify-content: center;
	}

	.accordion ol li .map_ttl{
		font-size: 15px;
		line-height: 1;
	}

  .accordion ol li a {
	display: inline-block;
	color: #333;
	position: relative;
	font-size: 14px;
	line-height: 1;
	vertical-align: middle;
	text-decoration: none;
	width: 100%;
	font-feature-settings: "palt";
	padding-left: 50px;
	}


.accordion .info01 ol li a::before {
	background-color: #a48067;
}
.accordion .info02 ol li a::before {
	background-color: #006094;
}
.accordion .info03 ol li a::before {
    background-color: #023a68;
}
.accordion .info04 ol li a::before {
    background-color: #7c0e16;	
}

.accordion .info05 ol li a::before {
    background-color: #0f7c3e;
}
.accordion .info06 ol li a::before {
    background-color: #5f3913;	
}
.accordion .info07 ol li a::before {	
    background-color: #000;
}
.accordion .info08 ol li a::before {
	background-color: #7c770f;
}


  .accordion ol li a span {
	display: block;
	font-size: 13px;
	margin-top: 5px;
	margin-left: -6px;
	}
.accordion ol li a::before{
	width: 35px;
	height: 35px;
	line-height: 15px;
}

.accordion ol p.list_ttl{
	position: relative;
	font-size: 15px;
	line-height: 1.7em;
	letter-spacing: 0;
	margin-right: 10px;
	white-space: nowrap;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	justify-content: space-between;
	padding: 0 5px;
}


.accordion ol p.list_ttl:after {
    content: "";
    right: 0;
    bottom: 50%;
    display: block;
    width: 100%;
    margin-left: 20px;
    transform: translateY(-50%);
    border-bottom: 2px dotted #000;
}
  *:first-child + html .accordion ol li a {
	z-index: 1;
	width: 197px;
	float: left;
  }
	
  .accordion .caption {
	font-size: 11px;
	padding: 10px;
	color: #333;
	line-height: 1.4;
  }
  /* map
  ---------------------------------*/
  #maparea {
	width: 100%;
	height: 600px;
	float: left;
  }
  #map {
	background: #fff;
	height: 615px;
	}
  @media all and (max-width: 900px) {
	.p-location-map__nav-item {
        width: 50%;
        }
    .p-location-map__nav-group .p-location-map__nav-item:first-of-type{
        width: 100%;
    }
    .accordion ol li a {
        font-size: 14px;
    }
    .accordion ol li .map_ttl{
        font-size: 14px;
    }
    .accordion ol li a span {
        font-size: 12px;
    }

    .card_txt01{
        padding: 12px;
        font-size: 14px;
    }
  }
@media all and (max-width: 767px) {
  .p-location-map__menu,.p-location-map__map-area{
	  width:100%;
	  max-width:unset;
  }
	.p-location-map__map-area{
		width: 100%;
		margin-bottom:20px;
	}
	.accordion ol li{
        padding: 8px 10px 13px 10px;
    }
	.accordion ol li a{
        font-size: 12px;
        padding: 10px 10px 0px 25px;
	}
	
	.accordion ol li a::before{
		width: 20px;
		height:20px;
		font-size: 15px;
		padding-left: 2px;
	}
	.accordion ol li .map_ttl{
		font-size:14px;
        padding-top: 5px;
	}
	.accordion ol li a span{font-size: 11px;}
	.p-location-map__menu{
		width: 100%;
		height: 250px;
    }
    .p-location-map__nav{
        flex-wrap: wrap;
    }
    .p-location-map__nav > div{
        width: 100%;
        text-align: center;
        margin: 30px auto;
    }
    .p-location-map__nav-group{
        margin: 0 auto;
    }
    .p-location-map__nav > div p{
        font-size: 28px;
    }

    .p-location-map__nav-item {
      margin-bottom: 0;
      /* border-bottom: 1px solid #a48067; */
      border-bottom: 1px solid #000;
	}
	.p-location-map__btn{
		height:45px;
	}
	.p-location-map__nav-item:last-of-type{
		/* border-bottom: none; */
		/* width:100%; */
}
  
}

 @media all and (max-width: 650px) {

    .card_txt01{
        padding: 8px 5px;
        font-size: 12px;
    }
 }

  @media all and (max-width: 560px) {
    .loc_nav_text {
  }

	.p-contents-location-map {
	  /* padding: 0px 0 25px; */
	  /* background-image: url("../../img/location/sp/contents-decoration-white@sp.png"); */
	}
	.p-location-map__h2 {
	  margin-bottom: 30px;
	  font-size: 24px;
	  font-size: 2.4rem;
	}
	.p-location-map__h2-brackets {
	  padding: 0 10px;
	}
	.p-location-map__nav {
		/* padding: 0 0 18px; */
		margin: 0 auto 30px;
	}
	.p-location-map__nav::before {
	  /* display: none; */
	}
	.p-location-map__nav-item {
	}
	.p-location-map__btn {
	  /* height: 45px; */
	  font-size: 14px;
	}
	.p-location-map__nav::before {
		height: 102%;
		background-color: #F0ECE9;
	}
	.p-location-map__btn[data-href="store"] span{
        font-size: 11px;
    }
	.p-location-map__map-wrap {
	  margin-bottom: 0px;
	}
	#page-location .content03 .content_inner{
		padding: 60px 20px 0;
	}
	.p-location-map__map {
	  padding: 0;
	}
	.p-location-map__map-inner {
	  padding: 0;
	  margin: auto 0%;
	}
	.p-location-map__map-area {
	  width: 100%;
	}
	#map {
	  height: 320px;
	}
	.p-location-map__menu {
	height: 400px;
	}
	.accordion ol {
	  border: none;
	}
  }
  @media all and (max-width: 375px) {
	.p-location-map__btn{
		font-size: 12px;
	}

  }
  @media all and (max-width: 360px) {
	.p-location-map__btn[data-href="store"] span {
		font-size: 11px;
	}

  }