@charset "utf-8";
.addrs_wrap { padding:0 8px 24px; }
.addrs_box { 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; }
.addrs_content + .addtogl_ttl{margin-top: 32px;}
.addtogl_cont a{ display:inline-block; font-size:1.4rem; }
.addtogl_outline_outer{ width: 100%; padding: 16px; background-color: #F7F7F7; border-radius: 4px 4px 0 0;}
.addtogl_outline_outer label .addrs_label_checkbox { display: block; position: relative; }
.addtogl_outline_outer 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; }
.addtogl_outline_outer label input[type="checkbox"] { display: none; }
.addtogl_outline_outer label input:checked ~ .addrs_label_checkbox:before { content: '\f00c'; font-family: FontAwesome; background: #dc8352; border: 1px solid #dc8352; border-radius: 5px; color: #fff; }
.addtogl_ttl label .addrs_label_checkbox { display: inline; position: relative; padding-left: 25px; }
.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[type="checkbox"] { display: none; }
.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; }
.addtogl_outline_outer a{padding-left: 25px;}
.addtogl_outline_outer + .addrs_lstarea{margin-bottom: 16px; padding: 0 16px 16px; background-color: #F7F7F7; border-radius: 0 0 4px 4px;}
.addtogl_areaTtl{font-size: 1.4rem; margin-bottom: 8px;}
.addrs_lstarea + .addtogl_areaTtl{margin-top: 24px;}
.addrs_lstarea { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.addrs_lstarea li { width: calc(50% - 8px); position:relative; }
.addrs_lstarea li input { position: absolute; visibility: hidden; }
.addrs_lstarea li a{color: var(--link-color); text-align: center; padding: 8px 4px; display: block; border: 1px solid currentColor; text-decoration: none; border-radius: 8px; transition: background-color 0.15s ease-out;}
.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; border-radius: 5px; 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; border-radius: 5px; color: #fff; }
.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:after { content:"\f2d2"; position:absolute; top:-0.2em; font-family: FontAwesome; font-style: normal; font-size:1.8rem; color:#CCCCCC; padding-left: 4px; }
.addrss_bnnr img { width:100%; }
.addrs_search_button_area {text-align: center; background-color: rgba(255,255,255,0.75); border-top: 1px solid #ffffff; bottom: 0; left: 0; padding: 10px; position: sticky; width: 100%;}
.addrs_search_button_area.sticky {border-top: 1px solid #cccccc;}
.addrs_search_button_area button {background: #999999; border: none; color: #ffffff; padding: 10px; font-weight: bold; border-radius: 25px; font-size: 1.5rem; width: 100%;max-width: 300px}
.addrs_search_button_area button.active {background: linear-gradient(to bottom, #e93a00 0%, #e93a00 50%, #cc3300 50%, #cc3300 100%);}
.addrs_search_button_area.sticky button {max-width: 500px; }
.sticky-guide-bottom {visibility: hidden;}

/* キーワードから探す */
.mapSearch{
    width: 100%;
    display: flex;
    gap: 0 8px;
}
.mapSearch__txtArea{
    font-size: 1.4rem;
    width: 100%;
    padding: 8px;
    border: 1px solid #707070;
    background-color: #FFFFFF;
    border-radius: 4px;
    cursor: text;
}
.mapSearch__btn{
    min-width: 90px;
}
.popularBox{margin: 8px 0 40px;}

@media screen and (max-width:767px) {
.addrs_provice_ttl:after{ top:10px;}
.addrs_lstarea li.addrs_max {width:100%;}
}
@media screen and (min-width:500px) {
.addrs_lstarea li{ width: calc(33% - 10px);}
}
@media screen and (min-width:768px) {
.addrs_wrap { padding:0 0 40px; }
.addrs_box { margin-bottom:24px; padding: 32px;}
.addtogl_areaTtl{font-size: 1.6rem;}
.addrs_lstarea li{ width: calc(20% - 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_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;}
.mapSearch{
    gap: 0 16px;
}
.mapSearch__txtArea{
    font-size: 1.6rem;
}
.mapSearch__btn{
    min-width: 200px;
}
.popularBox{margin: 0 0 40px ;}
}
@media (hover: hover) {
    .addrs_lstarea li a:hover { color:#FFFFFF; background-color: var(--link-color); }
    .addrs_fullnk a:hover { opacity: 0.7; }
    .addrs_search_button_area button:hover {background: #999999;}
}
