@charset "utf-8";
.atnn_subh2 { border-bottom:5px solid #f08200; color:#452C18; font-size:2.6rem; }
.addrs_wrap { padding:0 8px 24px; }
.addrs_box { margin-bottom:16px; padding: 16px; border:1px solid #333333; border-radius: 4px; }
.addrs_provice_ttl { position:relative; font-weight:bold; font-size:1.6rem; padding-top: 2px;}
.addrs_provice_ttl:before { content:""; padding:2px 8px 0 0; border-left:4px solid #F4811E; }
.addrs_content { margin-top: 16px; padding-left: 12px; }
.addrs_content + .addtogl_ttl{margin-top: 32px;}
.addrs_searchMenu{display: none; width: 100%; position: fixed; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.8); padding: 10px; border-top: 1px solid #cccccc; z-index: 2; transition: 0.3s all ease-in-out;}
.addrs_searchMenu input.addrs_searchBtn:hover{background:#999999;}
.addtogl_cont a{ display:inline-block; padding-left: 28px; font-size:1.4rem; }
.addtogl_outline_outer{ width: 100%; padding: 16px; background-color: #F7F7F7; border-radius: 4px 4px 0 0;}
.addtogl_outline_outer a{padding-left: 0;}
.addtogl_outline_outer + .addrs_lstarea{margin-bottom: 16px; padding: 0 16px 16px; background-color: #F7F7F7; border-radius: 0 0 4px 4px;}
.addrs_lstarea { display: flex; flex-wrap: wrap; gap: 16px; }
.addrs_lstarea li { width: 100%; position:relative; padding-bottom: 16px; border-bottom: 1px solid #f1f0ef; }
.addrs_lstarea li input { position: absolute; visibility: hidden; }
.addrs_lstarea label { display: block; cursor: default; }
.addrs_lstarea li label .addrs_label_checkbox { display: block; position: relative; }
.addrs_lstarea li label .addrs_label_checkbox:before { content: ''; width: 20px; height: 20px; position: absolute; top: 0px; left: 0px; border: 1px solid #999999; background: #fff; text-align: center; line-height: 1.3; cursor: pointer; }
.addrs_lstarea li label input:checked ~ .addrs_label_checkbox:before {
content: '\f00c';
font-family: FontAwesome;
background: #dc8352;
border: 1px solid #dc8352;
color: #fff;
}
.addrs_lstarea li label .addrs_label_checkbox:before { border-radius: 5px; }
.addrs_lstarea li a:hover { color:#333; }
.addrs_lstarea li .addrs_label_checkbox_disabled{opacity: 0.4;}
.addrs_lstarea li .addrs_label_txt_disabled{opacity: 0.4; text-decoration: none; padding-left: 28px; display: inline-block;}
.addrs_provice_ttl111 { position:relative; padding:7px 10px 7px 0; background:#f8f3ed; color:#452C18; font-weight:normal; font-size:1.6rem; cursor:pointer; }
.addrs_fullnk { width: 100%; max-width: 300px; margin-top: 16px; position:relative; clear:both; }
.addrs_fullnk a { position:relative; display:block; font-weight:normal; }
.addrs_fullnk a:hover { opacity: 0.7; }
.addrs_fullnk a:after { content:"\f2d2"; position:absolute; top:-0.2em; font-family: FontAwesome; font-style: normal; font-size:1.8rem; color:#CCCCCC; padding-left: 4px; }
.addrs_search_btn_wrap{text-align: center; }
.addrs_searchMenu .addrs_search_btn_wrap input[type="button"]{max-width: 500px;}
.addrs_search_btn_wrap input[type="button"]{font-size: 1.5rem; width: 100%; max-width: 300px; padding: 10px; display: inline-block; position:relative; border-radius:25px;border:none;color:#fff;font-weight:bold; text-decoration:none;}
.addrs_search_btn_wrap input[type="button"]:disabled{background: #999999 !important;}
.addrss_bnnr img {width:100%;}
.popularBox{margin: 32px 0 40px;}
@media screen and (max-width:767px) {
.addrs_provice_ttl:after{ top:10px;}
.addrs_lstarea li a { display:block;}
.addrs_lstarea li.addrs_max {width:100%;}
}
@media screen and (min-width:500px) {
.addrs_lstarea li{ width: calc(50% - 10px); padding-bottom: 0; border-bottom:none;}
}
@media screen and (min-width:768px) {
.addrs_wrap { padding:0 0 40px; }
.addrs_box { margin-bottom:24px; padding: 32px;}
.addrs_lstarea li{ width: calc(33% - 13px);}
.addrs_content + .addtogl_ttl{margin-top: 48px;}
.addtogl_outline_outer{padding: 24px;}
.addtogl_outline_outer + .addrs_lstarea{margin-bottom: 24px; padding: 0 24px 24px;}
.addrs_provice_ttl:before { border-left: 6px solid #F4811E; }
.addrs_content { padding-left: 14px; }
.addrs_lstarea li.addrs_max {width:100%;}
.addrs_box_lft{ float:left; width:calc(50% - 5px);}
.addrs_box_rgt{ float:right; width:calc(50% - 5px);}
.addrs_box_lft li, .addrs_box_rgt li {width: calc(100% / 3) !important;}
.popularBox{margin: 40px 0;}
}
@media screen and (min-width:960px) {
.addrs_lstarea li{ width: calc(25% - 13px);}
}

/* キーワードから探す */
.stationSearch{
    width: 100%;
    display: flex;
    gap: 0 16px;
}
@media screen and (max-width:500px) {
.stationSearch{ display: block;margin-bottom: 10px;}
.stationSearch__btn button{margin-left: auto; margin-right: auto;}
}
.stationSearch__txtArea{
    font-size: 1.4rem;
    width: 100%;
    padding: 8px;
    border: 1px solid #707070;
    background-color: #FFFFFF;
    border-radius: 4px;
    cursor: text;
    margin-bottom:30px;
}

.stationSearch__txtArea{
    font-size: 1.6rem;
}
.stationSearch__btn{
    min-width: 200px;
}

.station_candidate{
    display: block;
    font-size: 15px;
    position: relative;
    text-align: center;
    align-items: center;
    font-weight: bold;
    padding: 0 8px; /* 左右のパディング */
    margin-bottom: 20px;
    z-index: 2; /* テキストを前面に表示 */
}

.station_candidate::after {
    content: '';
    position: absolute;
    left: 50%; /* 中央から始める */
    transform: translateX(-50%); /* 中央に合わせて調整 */
    bottom: -3px; /* テキストの下に位置 */
    width: 100%; /* 親要素の幅に合わせて調整 */
    height: 1px;
    background: red; /* 線の色を赤に設定 */
    z-index: -1; /* テキストの背後に表示 */
}

.station_suggestions{
    background: #ffffd0;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}

.station_innner_text {
    background: #3498db;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 11px;
    padding: 3px 6px;
    margin: 0 auto; /* 自動マージンで中央揃えに */
    width: fit-content; /* コンテンツの幅に合わせる */
}

.station_list{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.station_list_li {
    display: flex;  
    flex-wrap: wrap; 

.addtogl_ttl label .addrs_label_checkbox {
    display: inline;
    position: relative;
    padding-left: 25px;
}
.addtogl_ttl label input[type="checkbox"] {
    display: none;
}
.addtogl_ttl label .addrs_label_checkbox:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #999999;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    line-height: 1.3;
    cursor: pointer;
    font-size: 1.25rem;
}
.addtogl_ttl label input:checked ~ .addrs_label_checkbox:before {
    content: '\f00c';
    font-family: FontAwesome;
    background: #dc8352;
    border: 1px solid #dc8352;
    border-radius: 5px;
    color: #fff;
}