@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;text-shadow: 0px 0px 0.1em rgba(0, 0, 0, 0.7), 0px 0px 0.1em rgba(0, 0, 0, 0.8), 0px 0px 0.1em rgba(0, 0, 0, 0.8), 0px 0px 0.1em rgba(0, 0, 0, 0.8), 0px 0px 0.1em rgba(0, 0, 0, 0.8), 0px 0px 0.1em rgba(0, 0, 0, 0.8), 0px 0px 0.1em rgba(0, 0, 0, 0.8);}
#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;text-shadow: 0px 0px 0.1em rgba(0, 0, 0, 0.7), 0px 0px 0.1em rgba(0, 0, 0, 0.8), 0px 0px 0.1em rgba(0, 0, 0, 0.8), 0px 0px 0.1em rgba(0, 0, 0, 0.8), 0px 0px 0.1em rgba(0, 0, 0, 0.8), 0px 0px 0.1em rgba(0, 0, 0, 0.8), 0px 0px 0.1em rgba(0, 0, 0, 0.8);}
#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;
}