@charset "UTF-8";

.item_tit{font-size: 1.2em;}
.item_tit + .copy{margin-top: 0.7em;}
figure + .item_tit{margin-top: 0.7em;}
.border_frame > figure{width: 24em;}
.border_frame > .text_area{width: 21em;padding-top: 1.25em;}

@media only screen and (max-width: 768px){
.border_frame > figure{order: 2;width: 100%;margin-top: 1.25em;}
.border_frame > .text_area{width: 100%;padding-top: 0;}
}

#shopping{padding-bottom: 0;}
#shopping .lead{font-size: 1.6em;margin-top: 0.5em;text-align: center;letter-spacing: 0.1em;margin-bottom:50px;}
.shopping_main_img{margin-top: 2em;}
#shopping .item_tit + .copy + .img_list{margin-top: 1.5em;}
#mall{background: url("../img/mall_bk.webp") no-repeat center center/cover;padding: 3.5em 0;margin-top: 3.5em;}
.mall_item{display: flex;justify-content: space-between;}
.mall_item > dt{width: 24em;}
.mall_item > dd{width: 24.5em;padding-top: 1.5em;}
.mall_tit{color: #a3935c;}
.mall_tit + .copy{margin-top: 0.5em;}
.mall_item > dd .shop_list{border-top: 1px solid #a3935c;padding-top: 0.7em;margin-top: 0.7em;}
.mall_item > dd .shop_list span{display: inline-block;margin-right: 1em;}
.mall_item > dd .shop_list span:last-of-type{margin-right: 0;}
.mall_item + .mall_item{margin-top: 1.5em;}

@media only screen and (min-width: 769px){
#mall .contents_wrap > .mall_item:nth-of-type(odd) > dd{animation-delay: 0.2s;}
#mall .contents_wrap > .mall_item:nth-of-type(odd) > dt{order: -1;}
#mall .contents_wrap > .mall_item:nth-of-type(even) > dt{animation-delay: 0.2s;}
}

@media only screen and (max-width: 768px){
#mall{padding: 2.5em 0;}
.mall_item{flex-wrap: wrap;}
.mall_item > dt{width: 100%;padding-top: 1em;}
.mall_item > dd{width: 100%;padding-top: 0;}
.mall_item + .mall_item{margin-top: 2.5em;}
}

#park_public{padding-bottom: 0;}
.park_public_item{display: flex;justify-content: space-between;margin-top: 1.75em;}
.park_public_item > *{width: 24em;}
.park_public_item > dt figure + .copy{margin-top: 0.5em;}

@media only screen and (min-width: 769px){
.park_public_item > dt{padding-bottom: 16.5em;}
.park_public_item > dd{position: static;}
.park_public_item > dd figure{animation-delay: 0.2s;}
.park_public_item > dd figure:nth-of-type(2){margin-top: 1em;}
.park_public_item > dd figure:nth-of-type(3){position: absolute;left: 0;bottom: 0;animation-delay: 0s;}
.park_public_item > dd figure:nth-of-type(4){position: absolute;right: 0;bottom: 0;animation-delay: 0.2s;}
}

@media only screen and (max-width: 769px){
.park_public_item{flex-wrap: wrap;}
.park_public_item > dd{margin-top: 1.5em;}
}