@charset "UTF-8";

#access{background: url("../img/access_bk.webp") no-repeat center center/cover;}
.access_tit{}
#access .lead_s{font-size: 1.2em;margin-top: 0.7em;text-align: center;letter-spacing: 0.1em;}
#access .lead{font-size: 1.6em;margin-top: 0.5em;text-align: center;letter-spacing: 0.1em;}
#access .lead + .copy{text-align: center;margin-top: 1em;}
#access .lead_s + .copy{text-align: center!important;margin-top: 1em;}
.video_wrap{margin-top: 1.75em;}
video{vertical-align: bottom;width: 100%;}
.access_item00{display: flex;justify-content: space-between;align-items: center;margin-top: 2em;}
.access_item00 > dt{width: 20em;}
.access_item00 > dd{width: 28.5em;}
.access_item00 > dd .lead_s + .copy{text-align: left!important;}
.access_map{margin-top: 2em;}
.access_item{display: flex;justify-content: center;gap: 1.2em 1.5em;flex-wrap: wrap;margin-top: 2em;align-items: center;}
.access_item small{font-size: 0.75em;display: block;margin-left: 0.5em;}
.access_item p{line-height: 1;margin-top: -0.7em;}
.access_item p big{font-size: 2em;line-height: 1;}
.access_item p strong{font-size: 1.3em;line-height: 1;}
.access_item .nishishimmachi p{font-size: 2em;}
.access_item .nishishimmachi p + small{text-align: right;}
.access_item .sanyoakashi p{font-size: 1.4em;}
.access_item .sanyoakashi span{text-align: center;display: block;font-size: 1.1em;}
.access_item .kobesannomiya p{font-size: 1.4em;}
#access .img_list figure{width: 33.3333333%;}

@media only screen and (min-width: 769px){
.access_item .sanyoakashi{animation-delay: 0.2s;}
}

@media only screen and (max-width: 768px){
#access .lead{font-size: 1.4em;}
.access_item00{flex-wrap: wrap;margin-top: 3em;}
.access_item00 > dt{width: 100%;order: 2;margin-top: 1em;}
.access_item00 > dd{width: 100%;}
.access_item p strong{font-size: 1.1em;line-height: 1;}
.access_map{height: 50vw;overflow-x: auto;margin-left: -6vw;margin-right: -6vw;padding: 0 2vw;}
.access_map::before{content: "▶︎▶︎▶︎";font-size: 0.7em;position: absolute;right: 0.8em;top: 0.2em;animation: 1s fadeIn 0s infinite;line-height: 1;color: #aaa;letter-spacing: -0.4em;}
.access_map::after{content: "▶︎▶︎▶︎";font-size: 0.7em;position: absolute;right: 0.8em;bottom: 0.2em;animation: 1s fadeIn 0s infinite;line-height: 1;color: #aaa;letter-spacing: -0.4em;}
.access_map.active::before,
.access_map.active::after{display: none;}
.access_map img{object-fit: cover;height: 100%;max-width: none;width: auto;}
#access .spot{margin-left: 0;margin-right: 0;}
}

#history{background: url("../img/history_bk.webp") no-repeat center center/cover;}
#history .item_sub_title + .copy{margin-top: 1.5em;}
.history_item{width: 41em;margin: 2em auto;}
.history_tit{text-align: center;padding: 0.2em;font-size: 1em;animation-name: fadeInDown;}
.history_item dt .history_tit{border: 1px solid #333;background: #fff;}
.history_item dd .history_tit{background: linear-gradient(to bottom,#937c26,#bea338 85%,#937c26);color: #fff;}
.history_item dt::after{content: "";display: block;width: 8em;height: 1em;background: #7b7349;clip-path: polygon(0 0, 100% 0%, 50% 100%);margin: 1em auto;animation-name: fadeInDown;}
.history_item * figure{animation-name: fadeInDown;width: 20em;}
.history_item * .img_list{margin-top: 0.7em;}
.img_list i{font-family: "Libre Caslon Text", serif;font-size: 3.5vw;line-height: 1;color: #fff;text-shadow: 0 0 0.1em rgba(0, 0, 0, 0.9), 0 0 0.15em rgba(0, 0, 0, 0.9);position: absolute;left: 3%;top: 5%;}
.history_list{text-align: center;}
.history_list h4{font-size: 1.4em;margin-top: 2em;}
.history_list table{display: inline-table;font-size: 0.8em;margin-top: 1em;}
.history_list table tr > *{padding: 0.3em;;}
.history_list table tr th{padding-right: 0.8em;font-family: "EB Garamond", serif;font-style: italic;font-size: 1.2em;}
.history_list table tr td{text-align: left;}
.history_list table tr td strong{color: #937c26;}

@media only screen and (min-width: 769px){
.history_item * figure:nth-of-type(2){animation-delay: 0.2s;}
}

@media only screen and (max-width: 768px){
.history_item{width: 100%;}
.img_list i{font-size: 7vw;}
.sp_slide_rendo,
.sp_slide_rendo_thumb{display: block!important;margin: 2em -6vw 0;width: 100vw;}
.sp_slide_rendo figure,
.sp_slide_rendo_thumb figure{margin: 0 1em;width: 75vw!important;animation-name: fadeIn;}
.sp_slide_rendo .slick-disabled,
.sp_slide_rendo_thumb .slick-disabled{opacity: 0;transition: 0.3s;pointer-events:none;}
.sp_slide_rendo .slick-arrow,
.sp_slide_rendo_thumb .slick-arrow{width: 2.5em;height: 4.1em;position: absolute;top: 18vw;font-size: 1.5vw;z-index: 1;}
.sp_slide_rendo .slide_prev,
.sp_slide_rendo_thumb .slide_prev{left: 7vw;}
.sp_slide_rendo .slide_next,
.sp_slide_rendo_thumb .slide_next{right: 7vw;}
.sp_slide_rendo .slick-dots,
.sp_slide_rendo_thumb .slick-dots{bottom: -5vw;}
.sp_slide_rendo .slick-dots li,
.sp_slide_rendo_thumb .slick-dots li{width: 2em;height: 0.4em;background: #bab8ba;border: 1px solid #b8964a;}
.sp_slide_rendo .slick-dots li.slick-active,
.sp_slide_rendo_thumb .slick-dots li.slick-active{background: #896a23;}
.sp_slide_rendo .slick-dots li button,
.sp_slide_rendo_thumb .slick-dots li button{width: 100%;height: 100%;}
.sp_slide_rendo .slick-dots li button::before,
.sp_slide_rendo_thumb .slick-dots li button::before{display: none;}

}


#nishi-shimmachi{padding-bottom: 0;}
#nishi-shimmachi .lead{font-size: 1.4em;margin-top: 0.7em;text-align: center;letter-spacing: 0.1em;}
.location_area > div{padding: 3.5em 0;}
.location_area > div .contents_wrap{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.location_area > div .contents_wrap > .location_main{width: 24em;}
.location_area > div .contents_wrap > .location_copy{width: 100%;}
.location_tit{line-height: 1;color: #584d10;font-family: "Roboto", sans-serif;font-weight: 100;font-size: 3em;}
.location_tit big{font-weight: 100;font-size: 1.3em;}
.location_tit + .copy{margin-top: 1.5em;font-size: 0.9em;}
.location_area > div .contents_wrap > .img_list{margin-top: 1em;}
.location_area > div .contents_wrap > .img_list figure{width: 24em;}

.category_wrap .category{height: 100vh;width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;margin-top: 3em;}
.category_wrap .category_tit{color: #fff;letter-spacing: 0.1em;z-index: 1;font-weight: 300;}
.category_wrap .category_tit span{font-size: 0.75em;letter-spacing: 0.1em;display: block;}
.category_wrap .category_tit + p{font-size: 0.56em;text-align: center;margin-top: 1.5em;color: #fff;line-height: 2;}
.category_wrap .viewmore_btn{opacity: 0;letter-spacing: 0.1em;display: inline-block;background: rgba(255, 255, 255, 0.5);padding: 0.2em 1.5em 0.2em;font-size: 0.43em;margin-top: 1em;line-height: 1;border: 1px solid var(--brown_color);transition: 0.3s all;}
.category_wrap .viewmore_btn span{color: #fff;}
.category_wrap .viewmore_btn span::after{content: "→";transform: scaleX(1.2);margin-left: 1em;vertical-align: -0.1em;display: inline-block;}
.category_wrap .viewmore_btn::before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: var(--brown_color);transition: 0.3s all;}

.lp_main_img{position: absolute;inset: 0;width: 37.4vw;margin: auto;height: 47.2vh;pointer-events: none;}
.lp_main_img img{width: 100%;height: 100%;object-fit: cover;object-position: center center;clip-path: inset(0% 0% 0% 0%);}
.link_panel_copy{text-align: center;font-size: 1.67vw;background: rgba(0,0,0,0.7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;opacity: 0;}
.category_bk{width: 100%;margin-inline: auto;display: flex;justify-content: space-between;height: 100%;position: absolute;top: 0;left: 0;right: 0;}
.category_bk li{display: flex;flex-direction: column;justify-content: space-between;}
.category_bk figure{width: 28.6vw;overflow: hidden;height: 47.2vh;}
.category_bk li:nth-of-type(2) figure{width: 37.4vw;}
.category_bk figure::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.2);}
.category_bk img{width: 100%;height: 100%;object-fit: cover;}
.category_bk figure.short{height: 21.75vh;}


#shopping{background: url("../img/shopping_bk.webp") no-repeat center center/cover;}
#medical{background: url("../img/medical_bk.webp") no-repeat center center/cover;}
#park{background: url("../img/park_bk.webp") no-repeat center center/cover;}
#relux{background: url("../img/relux_bk.webp") no-repeat center center/cover;}
#education{background: url("../img/education_bk.webp") no-repeat center center/cover;}

#shopping .location_copy{width: 1000px;margin: 0 auto 1em;}
#shopping .supermarket ul{display:flex;justify-content: space-between;background:#fff;}
#shopping .supermarket ul i{position: absolute;background: #680000;color: #fff;padding: 0.5em;text-align: center;left: 41%;right: 41%;top: 1em;width: 9em;z-index:10000;font-size: 1em;}
#shopping .supermarket ul figure i.tombo{position: absolute;background: unset;color: #fff;font-size: 1em;right: 20%;text-align:left;width: fit-content;line-height: 1.2;}
#shopping .supermarket ul figure i.tombo span{font-size: 0.6em;}
#shopping .supermarket ul figure i.million{position: absolute;background: unset;color: #fff;font-size: 1em;right: unset;left:20%;text-align:left;width: fit-content;line-height: 1.2;}
#shopping .supermarket ul figure i.million span{font-size: 0.6em;}
#shopping .supermarket li{width: 49.9%;}

.ranking{align-items: flex-end;width: 100%;}
.ranking dt{display: flex;justify-content: center;flex-wrap: wrap;gap: 1em 0.75em;width: 21em;}
.ranking dt figure{width: 9em;}
.ranking dt table{font-size: 0.75em;width: 100%;}
.ranking dt table td,
.ranking dt table th{padding: 0.2em 0.5em;border: 2px solid #efede2;}
.ranking dt table th{background: #4e4449;color: #fff;}
.ranking dt table td{background: #fff;}
.ranking dt table td:nth-child(1){width: 20%;text-align: center;}
.ranking dt table td:nth-child(2){width: 80%;}
.ranking dt table strong{color: #b20000;}
.ranking dd{width: 24.5em;}
.ranking dd .ranking_tit{font-size: 1.6em;}
.ranking dd .ranking_tit + .copy{margin-top: 1.5em;}
.etc_slide{padding: 0!important;}
.etc_slide figure img{height: 17em;}

@media only screen and (min-width: 769px){
#nishi-shimmachi .lead + .img_list figure{flex: 1;}
.location_area > div:nth-child(odd) .contents_wrap > .location_copy{order: -1;}
.location_area > div:nth-child(odd) .contents_wrap > .location_main{animation-delay: 0.2s;}
.location_area > div:nth-child(even) .contents_wrap > .location_copy{animation-delay: 0.2s;}
.location_area > div .contents_wrap > .img_list{width: 100%;}
}

@media only screen and (max-width: 768px){
#nishi-shimmachi .lead + .sp_slide{margin-left: 0;margin-right: 0;}
.location_area > div .contents_wrap > .location_main{width: 100%;}
.location_area > div .contents_wrap > .location_copy{width: 100%;margin-top: 1em;}
.location_area > div .contents_wrap > .img_list{flex-wrap: wrap;gap: 1em 0;}
.location_area > div .contents_wrap > .img_list figure{width: 100%;}

.link_panel_copy{font-size: 5.2vw;}
.category_bk li:nth-of-type(1) figure:nth-of-type(2) img{object-position: 70% center;}
.category_bk li:nth-of-type(3) figure:nth-of-type(1) img{object-position: 20% center;}
.category_bk li:nth-of-type(3) figure:nth-of-type(2) img{object-position: 40% center;}


#shopping .supermarket ul{flex-wrap: wrap;}
#shopping .supermarket ul i{position: static;background: #680000;color: #fff;padding: 0.5em;text-align: center;left: 41%;right: 41%;top: 1em;width: 100%;z-index:10000;font-size: 1em;}
#shopping .supermarket ul figure i.tombo{position: absolute;background: unset;color: #fff;font-size: 1em;top: 0.5em;right: 0;text-align:left;width: fit-content;line-height: 1.1;}
#shopping .supermarket ul figure i.million{position: absolute;background: unset;color: #fff;font-size: 1em;right: unset;left: 5%;text-align:left;width: fit-content;line-height: 1.1;}
#shopping .supermarket li{width: 100%;}
#shopping .supermarket li:nth-child(2){border-top: 2px solid #ffff;}

.ranking dt{order: 2;margin-top: 1.5em;}
.ranking dd .ranking_tit{font-size: 1.3em;}
.etc_slide figure img{height: 12em;}
}

#life_information{padding-bottom: 0;}
.life_information_switch{display: flex;gap: 0 0.3em;padding: 0 0 0.15em!important;margin: 1.5em 0 0;border-bottom: 2px solid #584d10!important;}
.life_information_switch > li{flex-grow: 1; text-align: center;padding: 0.3em 0;transition: 0.3s all;cursor: pointer;background: #ebe5c4;position: relative;}
.life_information_switch > li::after{content: "";display: block;width: 100%;height: 0.15em;position: absolute;left: 0;bottom: -0.15em;background: none;}
.life_information_switch > li.active{pointer-events: none;background: #584d10;color: #fff;}
.life_information_switch > li.active::after{background: #584d10;}
.life_information_switch > li small{font-size: 0.6em;display: block;}
.life_information_switch > li span{font-size: 0.7em;font-family: "EB Garamond", serif;display: block;line-height: 1;}
.life_information_list{animation-name: fadeInUp;}
.life_information_list > li{column-count: 2;column-gap: 2em;display: none;padding: 1em 1em 0;}
.life_information_list > li.active{display: block;}
.life_information_list ul{display: flex;margin-bottom: 0.2em;}
.life_information_list ul > *{font-size: 0.65em;line-height: 1.3;}
.life_information_list ul .name{flex: 1;}
.life_information_list ul .time{width: 6em;text-align: right;}
.life_information_list ul .far{width: 9.5em;text-align: right;}
.life_infomation_wrap .close_btn{padding: 0.5em 0;font-size: 0.7em;width: 13em;margin: 2em auto 0;text-align: center;border: 1px solid #000;cursor: pointer;}
.life_note{margin-top:30px;text-align: right;}
.map{margin:3em auto 0;animation-name: fadeInUp;}
.map img{border:2px #a3935c solid;padding:0.3em}

@media screen and (max-width: 768px) {
.life_information_switch{flex-wrap: wrap; gap: 0.15em 0.1em;border-bottom: none;padding-bottom: 0.15em;margin: 1.5em 0 0;}
.life_information_switch > li{flex: auto;padding: 0.3em 0;width: 25%;border-bottom-width: 1.5vw}
.life_information_list > li{column-count: 1;display: none;padding: 1em 0 0;}
.life_information_list > li.active{display: block;}
.life_information_switch > li small{font-size: 0.7em;}
.life_information_switch > li span{font-size: 0.72em;}
.life_information_list ul{display: flex;width: 100%;}
.life_information_list ul > *{font-size: 0.8em;line-height: 1.2;}
.life_infomation_wrap .close_btn{font-size: 0.8em;}
}

.support{width: 800px;margin:2em auto;background: rgb(255 255 255 / 80%);padding: 1em;text-align: center;}
.support .support_tit{font-size: 1.4em;border-bottom:3px #c9590d double;color:#c9590d;width: fit-content;margin: 0 auto;}
.support p{font-size:0.8em;margin-bottom:0.5em;}
.support ul{display: flex;margin-top: 1em;justify-content: space-around;}
.support li{width:30%;}
.support .point_wrap{width: 228px;padding: 10px;background-image: url(../img/bordered_border.png);background-repeat: no-repeat;}
.support .point_tit{padding: 24px 0;font-size: 1em;}
.support .point_tit big{font-size:1.3em;}
.support .read{font-size:0.65em;text-align:left;}
.support .link{position: relative;margin:1em auto;width: fit-content;}
.support .link::after {content: "";display: block;height: 0.9em;width: 2.2em;position: absolute;right: -2em;top: 0.3em;background: url(../../common/img/menu_link.svg) no-repeat center center / contain;}
.support .link a{color:#133a76;}
.support .link a:hover{opacity:0.7;}

@media screen and (max-width: 768px) {
.support .support_tit{font-size: 1.2em;}
.support ul{flex-wrap: wrap;margin-top:1em;}
.support li{width:70%;margin-bottom:1em;}
.support .point_tit{padding: 20px 0;font-size: 1.2em;}
.support .point_tit big{font-size:1.4em;}
.support .read{font-size:0.8em;text-align:left;}
}

.maplist > li {
  display: none;
}
.maplist > li.active {
  display: block;
}