@charset "utf-8";


/* ページ内リンク */
.page_link_wrap {margin-bottom: 40px;}
@media (min-width:768px) {
    .page_link_wrap a{flex-grow: 1;}
    .page_link_wrap_city .page_link{width: calc(calc(100% - 20px) / 2);}
}
@media (min-width:1400px) {
        .page_link_wrap_city .page_link{width: calc(calc(100% - 60px) / 4);}
}



/* 鹿児島市の不動産情報 */
.area_contents_wrap{margin: 0 auto;}
.area_buttons{width: 90vw;margin: 0 auto;}
.area_buttons li{width: 90vw;color:#004680;border: 2px solid #004680;border-radius: 5px;padding: 5px 0px;margin-bottom: 10px;background:white;display: flex;
flex-direction: row;position: relative;}
.area_button_imgs{display: flex;flex-direction: row;align-items: center;}
.area_button_imgs{line-height: 1.5;font-weight: bold;margin-left: 15px;}
.area_button_img{width: 65px;margin-right: 15px;}
.area_button_arrow{position: absolute;right: 5%;top: 35%;}
.area_button_else {width: 90vw;display: block;margin: 0 auto;text-align: left;margin-top: 30px;}
.area_button_else:hover{text-decoration: underline;transition: 0.3s;}
.area_button:hover {background: #f2f2f2;transition: 0.3s;}
.area_info_wrap{margin-top: 80px;}
.kagoshima_info_back .station_wrap_back_r{background: white;}
.station_areainfolink{margin-bottom: -30px;}
@media (min-width:768px) {
    .area_buttons{width: min(90vw,1320px);display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;}
    .area_buttons li{width: calc(calc(100% - 20px) / 2);}
    .area_button_else{width: 100vw;margin: 0 auto;margin-top: 30px;text-align: center;}
}
@media (min-width:1100px) {   
        .area_buttons li{width: calc(calc(100% - 40px) / 3);}
}


/* 鹿児島市ページ導入文 */
.area_intro{width: min(90%,1320px);margin: 0 auto;margin-bottom: 50px;text-align: justify;}
@media (min-width:768px) {
    .area_intro{width: min(90%,1320px);margin: 0 auto;margin-bottom: 70px;text-align: center;}
}


/* コメント */
.station_comment_wrap {width: 90vw;margin: 0px auto;}
.station_comment{text-align: justify;margin-top: 20px;margin-bottom: 20px;}
.station_comment2{margin-bottom: 30px;}
.station_comment_wrap table {text-align: left;width: 90vw;margin: 40px 0;}
.station_comment_wrap tr {display: flex;flex-direction: column;}
.station_comment_wrap th {background-color: #EDF5FD;padding: 10px;}
.station_comment_wrap td {padding: 10px;}
.comment_photo img{width: 100%;}
.contents_town_back .contents{padding-top: 0;}
iframe{border: none;width: 90vw;height: 240px;}
@media (min-width:768px) {
.station_wrap_back{background:#EDF5FD;}
.station_comment_wrap{width: min(90vw,1320px);}
.station_comment_wrap_900{width: min(90vw,900px);margin: 0 auto;}
.station_comment_wrap_1100{width: min(90vw,1100px);}
.station_comment_wrap_1200{width: min(90vw,1200px);}
.station_comment_wrap table{width: min(90vw,1100px);}
.station_comment_wrap tr{flex-direction: row;border-bottom: 1px solid #DADADA;}
.station_comment_wrap th {width: min(21vw,300px);background-color: #004680;color: white;padding: 15px;}
.station_comment_wrap td{width: min(70vw,800px);padding: 15px;background-color: white;}
.station_comments{display: flex;flex-direction: row;justify-content: space-between;}
.station_comment{width: min(51vw,770px);margin-top: 0px;}
.station_comment2{width: 900px;}
.comment_photo{width: min(34vw,500px);}
iframe{width: min(90vw,1320px);height: 350px;}
.station_comment_wrap_900 iframe{width: min(90vw,900px);}
.station_comment_wrap_1100 iframe{width: min(90vw,1100px);}
.station_comment_wrap_1200 iframe{width: min(90vw,1200px);}
.station_comment_wrap_1100 .station_comment {width: min(51vw,550px);margin-bottom: 0px;}
.station_comment_wrap_1100 .link_lists_comment {width: min(90vw,1100px);}
.contents_town_back{background-color: #EDF5FD;margin-top: 40px;}
.contents_pc_back{background-color: #EDF5FD;margin-top: 40px;}
.contents_town_back .contents{padding-top: 80px;}

}


/* 不動産情報 */
.station_wrap_back_r{background:#EDF5FD;}
@media (min-width:768px) {
    .station_wrap_back_r{background:none;}
}

/* 中央エリアのリンク */
.area_chuo_lists{width: min(90vw,1320px);margin: 0 auto;display: flex;flex-direction: row;flex-wrap: wrap;gap: 15px;}
.area_chuo_lists a{width: calc(calc(100% - 15px) / 2);background: #EDF5FD;}
.area_chuo_list:hover{background: #cfe6fe;transition: 0.3s;}
.area_chuo_img img{width: 100%;}
.area_chuo_text{line-height: 1.3;padding: 10px 10px 10px 15px;position: relative;}
.area_chuo_j{font-weight: bold;}
.area_chuo_e{color: #004680}
.area_chuo_arrow {width: 7px;position: absolute;right: 10px;top: 14px;}
.area_chuo_list{background:white;}
.area_contents_wrap_links{position:relative;}
.section_title.bgtext .nanmaru_check { width:50%; height:260px; position:absolute; bottom:0px; left:calc(50% + 150px); transform: translateX(-50%); }
.area_contents_wrap .nanmaru_check{display: none;}
.area_contents_wrap .nanmaru_check .lot_nanmaru_check{ width:100%; position:absolute; right:-25%; bottom:10px; z-index:1;  display: block;}
.area_contents_wrap .nanmaru_check .fukidashi { width:140px; height:140px; font-size:18px; margin-left:0; display:flex; align-items:center; justify-content:center;  color:#FC5942; position:relative; }
.area_contents_wrap .nanmaru_check .fukidashi::before {content:""; position: absolute; inset:0; z-index:0 ; width:150px; height:150px; border:1px solid #FC5942; border-radius:50%; }
.area_contents_wrap .nanmaru_check .fukidashi small { width:100%; font-size: 18px;text-align:center; position:relative; line-height:1.2em; font-weight:bold; }
.area_contents_wrap .nanmaru_check img{width: 100%;}

@media (min-width:768px) {
    .area_chuo_lists{width: min(90vw,1320px);flex-wrap: wrap;}
    .area_chuo_lists a{width: calc(calc(100% - 30px) / 3);}
    .area_chuo_arrow{right: 30px;top: 20px;}
    .nanmaru_check{display: block;}
    .area_chuo_img {overflow: hidden;}
    .area_chuo_img img {width: 100%;transition: transform .4s ease;}
    .area_chuo_list:hover .area_chuo_img img {transform: scale(1.1);}
    .nanmaru_check { width: min(13vw,130px);position:absolute; top:-110px; left:calc(63% + 200px); transform: translateX(-50%); display: block;}
    .area_contents_wrap .nanmaru_check{display: block;}
  .area_contents_wrap .nanmaru_check .lot_nanmaru_check{right: 130px;top: 100px; z-index:1;display: block;transform: initial;}
  .area_contents_wrap .nanmaru_check .fukidashi { width: min(15vw,140px); margin-left:-12px; display:flex; align-items:center; justify-content:center; color:#FC5942; position:relative; top: 29px;}
  .area_contents_wrap .nanmaru_check .fukidashi::before {   content: ""; /* 必須！ */ width:auto; height:auto; background: url(/img/common/illust_top_fukidashi.svg) no-repeat center center; background-size:contain; animation: spin 10s linear infinite; z-index:0; border:0; }
  .area_contents_wrap .nanmaru_check .fukidashi small { position:relative; text-align:center;}
}
@media (min-width:1000px) {
    .area_chuo_lists{gap: 20px;}
        .area_chuo_lists a{width: calc(calc(100% - 60px) / 4);}

}


/* 鹿児島市相場データ */
.kagoshima_data_wrap{width: 90vw; margin: 0 auto;display: flex;flex-direction: column;gap: 40px;}
.kagoshima_data{background-color: #EDF5FD;padding-bottom: 40px;}
.kagoshima_data_title {background: #004680;color: white;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 10px 0;margin-bottom: 20px;font-weight: bold;}
.kagoshima_data_title_img{width: 60px;margin-right: 10px;}
.kagoshima_data_title_img img{width: 100%;}
.kagoshima_data_table{margin-top: 30px;}
.kagoshima_data_table span{color: #004680;}
.kagoshima_data_table table{margin-top: 10px;}
.kagoshima_data_table div{font-weight: bold;}
.kagoshima_data_table th{width: 40vw;background-color: #8DD3F6;padding: 5px 0;}
.kagoshima_data_table td{text-align: center;background-color: white;padding: 5px 0;}
.kagoshima_data_table a{width: 100%;margin-top: 10px;}
.kagoshima_data_table small{display: inline-block;line-height: 1.5;margin-top: 10px;}
.kagoshima_data_contents{width: 80vw;margin: 0 auto;}
.kagoshima_data_numbers{background-color: white;padding: 5vw;margin: 20px 0;}
.kagoshima_data_numbers span{color: #FC5942;font-weight: bold;font-size: 32px;}
.button_normal{font-size: 15px;}
.button_normal img {right: 2%;}
@media (min-width:768px) {
    .kagoshima_data_table a{width: 350px;margin-top: 30px;}
    .kagoshima_data_numbers {background-color: white;padding: 15px 5vw;margin: 20px 0 40px 0;display: flex;flex-direction: row;align-items: center;gap: 20px;justify-content: center;}
    .kagoshima_data{margin-bottom: 60px;}
    .button_normal{font-size: 16px;}
    .button_normal img {right: 5%;}


}

@media (min-width:1000px) {
    .kagoshima_data_wrap{width: min(90vw,1320px);display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;gap: 10px;}
    .kagoshima_data{width: min(49%,650px);margin-bottom: 80px;}
    .kagoshima_data_contents{width: min(40vw,560px);}
    .kagoshima_data_numbers{padding: 20px;display: flex;flex-direction: row;justify-content: center;align-items: center;margin-bottom: 40px;}
    .kagoshima_data_numbers span{font-size: 42px;background: linear-gradient(transparent 61%, yellow 0%);line-height: 50px;}
    .kagoshima_data_table a{width: 400px;margin-top: 30px;}
    .area_data_wrap .area_data_back:last-child {margin-bottom: 0;}
    .kagoshima_data{margin-bottom: 40px;}


}


/* その他の相場データ */
.area_data_title{background: #004680;color: white;border-radius: 10px;text-align: center;padding: 7px 0;}
.area_data_wrap{display: flex;flex-direction: column;gap: 40px;}
.area_data_back_b{background: #EDF5FD;}
.area_data{width: 80vw;margin: 0 auto;padding: 40px 0;}
.area_graph_balloon {width: 80vw;position: relative;display: inline-block;background: #FCDBDF;border-radius: 10px;padding: 5px 0 16px 0;font-weight: bold;color: #fff;text-align: center;}
.area_graph_balloon::before {content: "";border-width: 10px;border-style: solid;border-color: transparent transparent #FCDBDF transparent;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);}
.area_graph_balloon p{font-size:18px;}
.area_graph_balloon span{font-size:32px;color: #FC5942;}
.area_graph_balloon small{font-weight: initial;}
.jirei-item_price span{color: #FC5942;font-weight: bold;font-size: 32px;}
.area_graph_balloon p{color: #222222;line-height: 1.5;}
.closed-jirei_title{font-weight: bold;margin-bottom: 15px;margin-top: 40px;}
.closed-jirei_title span{color: #004680;}
.jirei-item{border-top: 1px solid #DADADA;padding: 10px 0;}
.jirei-item:last-child{border-bottom: 1px solid #DADADA;}
.jirei-item_name{font-weight: bold;}
#priceChart {width: 100% !important; height: auto !important;}

@media (min-width:768px) {
    .area_data_back_b{background: none;}
    .area_data_back{width: min(90vw,1100px);margin: 0 auto;background: #EDF5FD;}
    .area_data_wrap{gap: 60px;}
    .kagoshima_data_title{margin-bottom: 40px;}
    .area_data{width: min(80vw,900px);}
    .area_graph_back{background: white;padding: 30px 0;}
    .area_graph_wrap{display: flex;flex-direction: row;justify-content: space-between;width: 680px;margin: 0 auto;}
    .area_graph{width: 460px;}
    .area_graph_balloon{width: 180px;border-radius: 50%;height: 180px;display: flex;align-items: center;justify-content: center;}
    .area_graph_balloon::before{display: none;}
    .jirei-item{display: flex;flex-direction: row;align-items: center;}
    .jirei-item_inner{width: 30vw;}

    .chart_wrap{display: flex;flex-direction: row;justify-content: space-between;}
    .chart-container {width: min(56vw,680px);}
    .chart-container canvas{width: 680px;height: 340px;}
}


/* 駅・学校リンク */
.link_lists{width: 90vw;margin: 0 auto;background-color: white;padding-bottom: 10px;}
.station_comment_wrap .link_lists{margin-bottom: 40px;margin-top: 40px;}
.link_lists_school{border: 1px solid #DADADA;}
.link_lists_title {text-align: center;padding: 8px 0;background-color: #DADADA;font-size: 18px;font-weight: bold;}
.link_lists a{width: 44vw;display: inline-block;position: relative;}
.link_lists a:hover{text-decoration: underline;transition: 0.3s;}
.link_lists img{width: 5px;height: auto;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.area_button_else a{position: relative;}
.area_button_else img{width: 5px;height: auto;position: absolute;right: -25px;top: 50%;transform: translateY(-50%);}
.school_links{display: flex;flex-direction: row;flex-wrap: wrap;padding: 10px 20px;gap: 10px;}
.school_links a{width: calc(calc(100% - 10px) / 2);}
@media (min-width:768px) {
    .link_lists{padding-bottom: 0px;width: auto;}
    .link_lists_school{border: 1px solid #DADADA;width: auto;}
    .link_lists_comment{width: 1320px;margin-bottom: 40px;margin-bottom: 60px;margin-top: 60px;}
    .school_links{padding: 20px 50px;}
    .school_links a{width: calc(calc(100% - 20px) / 3);}
    .link_lists img{right: 50px;}
}
@media (min-width:1100px) {
        .school_links a{width: calc(calc(100% - 30px) / 4);}
}
@media (min-width:1300px) {
        .school_links a{width: calc(calc(100% - 40px) / 5);}
}


/* 物件スライダー */
.property_card_wrap.slick-slider{height: 120vw!important;}
.contents_bg_excursion.newestate{padding-top: 0px!important;}
.newestate .section_title.bgtext{padding-top: 20px;}
@media (min-width:768px) {
    .property_card_wrap.slick-slider{height: initial!important;}
    .contents_bg_excursion.newestate{padding-top: 80px!important;}
    .newestate .section_title.bgtext{padding-top: 0px;}


}