@charset "UTF-8";
/* CSS Document */

/* //全体的な設定 */
body {
    letter-spacing: -0.2rem;
    line-height: 1.1;
}


/*PC*/
@media print,
screen and (min-width: 769px) {
    /* ヘッダー　フッター */

    .logo_wrap_name {
        word-break: break-all;
        width: 90%;
        letter-spacing: -0.1rem;
    }

    footer p {
        letter-spacing: -0.3rem;
        line-height: 1;
        word-break: break-all;
    }

   
    /*AREAMAP
---------------------------------*/
    .areamap_bg {
        margin: 0 auto 30px;
        background: #eee;
        padding: 60px 0;
        box-sizing: border-box;
        border-bottom: #d7d9d9 solid 1px;
    }


    .areamap_wrap_img {
        width: 400px;
        position: relative;
    }

    .areamap_head_ttl {
        letter-spacing: -0.2rem;
    }

    .areamap_tit {
        position: absolute;
        top: 30px;
        left: 0;
        background: #333;
        display: inline-block;
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
    }

    .areamap_tit h2 {
        font-size: 24px;
        color: #FFF;
    }

    .areamap_tit h2 span {
        display: block;
        font-size: 12px;
        left: 1px;
    }

    .a_hokkaido a {
        position: absolute;
        top: 40px;
        right: -40px;
        border: 2px solid #7284a1;
        background: #FFF;
        display: inline-block;
        padding: 3px 6px;
        box-sizing: border-box;
        line-height: 1.1;
    }

    .a_touhoku a {
        position: absolute;
        top: 150px;
        right: 65px;
        border: 2px solid #54637a;
        background: #FFF;
        display: inline-block;
        padding: 3px 6px;
        box-sizing: border-box;
        font-size: 1.1em;
        line-height: 1.1;
    }

    .a_kanto a {
        position: absolute;
        top: 240px;
        right: 100px;
        border: 2px solid #708ea7;
        background: #FFF;
        display: inline-block;
        padding: 3px 6px;
        box-sizing: border-box;
        font-size: 1.1em;
        line-height: 1.1;
    }

    .a_chubu a {
        position: absolute;
        top: 200px;
        right: 150px;
        border: 2px solid #5f6272;
        background: #FFF;
        display: inline-block;
        padding: 3px 6px;
        box-sizing: border-box;
        font-size: 1.1em;
        line-height: 1.1;
    }

    .a_kansai a {
        position: absolute;
        bottom: 90px;
        right: 200px;
        border: 2px solid #7284a1;
        background: #FFF;
        display: inline-block;
        padding: 3px 6px;
        box-sizing: border-box;
        font-size: 1.1em;
        line-height: 1.1;
    }

    .a_chugoku a {
        position: absolute;
        bottom: 125px;
        left: 40px;
        border: 2px solid #69a2b3;
        background: #FFF;
        display: inline-block;
        padding: 3px 6px;
        box-sizing: border-box;
        font-size: 1.1em;
        line-height: 1.1;
    }

    .a_shikoku a {
        position: absolute;
        bottom: 65px;
        left: 95px;
        border: 2px solid #a391a3;
        background: #FFF;
        display: inline-block;
        padding: 3px 6px;
        box-sizing: border-box;
        font-size: 1.1em;
        line-height: 1.1;
    }

    .a_kyuushu a {
        position: absolute;
        bottom: 30px;
        left: 0px;
        border: 2px solid #5f6272;
        background: #FFF;
        display: inline-block;
        padding: 3px 6px;
        box-sizing: border-box;
        font-size: 1.1em;
        line-height: 1.1;
    }

    .a_hokkaido a {
        color: #7284a1;
    }

    .a_hokkaido a:hover {
        background: #7284a1;
        color: #FFF;
    }

    .a_touhoku a {
        color: #54637a;
    }

    .a_touhoku a:hover {
        background: #54637a;
        color: #FFF;
    }

    .a_kanto a {
        color: #708ea7;
    }

    .a_kanto a:hover {
        background: #708ea7;
        color: #FFF;
    }

    .a_chubu a {
        color: #5f6272;
    }

    .a_chubu a:hover {
        background: #5f6272;
        color: #FFF;
    }

    .a_kansai a {
        color: #7284a1;
    }

    .a_kansai a:hover {
        background: #7284a1;
        color: #FFF;
    }

    .a_chugoku a {
        color: #69a2b3;
    }

    .a_chugoku a:hover {
        background: #69a2b3;
        color: #FFF;
    }

    .a_shikoku a {
        color: #a391a3;
    }

    .a_shikoku a:hover {
        background: #a391a3;
        color: #FFF;
    }

    .a_kyuushu a {
        color: #5f6272;
    }

    .a_kyuushu a:hover {
        background: #5f6272;
        color: #FFF;
    }


    .areamap_wrap_txtbox {
        width: 380px;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .areamap_wrap_txtbox div {
        width: 48%;
        margin-bottom: 4%;
        text-align: center;
        padding: 3px;
        box-sizing: border-box;
        font-size: 14px;
        border: 1px solid #999;
    }

    .areamap_wrap_txtbox .t_hokkaido a {
        background: #FFF;
        color: #7284a1;
        display: block;

    }

    .areamap_wrap_txtbox .t_touhoku a {
        background: #FFF;
        display: block;
        color: #54637a;
    }

    .areamap_wrap_txtbox .t_kanto a {
        background: #FFF;
        display: block;
        color: #708ea7;
    }

    .areamap_wrap_txtbox .t_chubu a {
        background: #FFF;
        display: block;
        color: #5f6272;
    }

    .areamap_wrap_txtbox .t_kansai a {
        background: #FFF;
        display: block;
        color: #7284a1;
    }

    .areamap_wrap_txtbox .t_chugoku a {
        background: #FFF;
        display: block;
        color: #69a2b3;
    }

    .areamap_wrap_txtbox .t_shikoku a {
        background: #FFF;
        display: block;
        color: #a391a3;
    }

    .areamap_wrap_txtbox .t_kyuushu a {
        background: #FFF;
        display: block;
        color: #5f6272;
    }

    .t_hokkaido a {
        background: #FFF;
        display: block;
        color: #7284a1;
    }

    .t_hokkaido a:hover {
        background: #7284a1;
        color: #FFF;
    }

    .t_touhoku a {
        color: #54637a;
    }

    .t_touhoku a:hover {
        background: #54637a;
        color: #FFF;
    }

    .t_kanto a {
        color: #708ea7;
    }

    .t_kanto a:hover {
        background: #708ea7;
        color: #FFF;
    }

    .t_chubu a {
        color: #5f6272;
    }

    .t_chubu a:hover {
        background: #5f6272;
        color: #FFF;
    }

    .t_kansai a {
        color: #7284a1;
    }

    .t_kansai a:hover {
        background: #7284a1;
        color: #FFF;
    }

    .t_chugoku a {
        color: #69a2b3;
    }

    .t_chugoku a:hover {
        background: #69a2b3;
        color: #FFF;
    }

    .t_shikoku a {
        color: #a391a3;
    }

    .t_shikoku a:hover {
        background: #a391a3;
        color: #FFF;
    }

    .t_kyuushu a {
        color: #5f6272;
    }

    .t_kyuushu a:hover {
        background: #5f6272;
        color: #FFF;
    }


    .com_tit {
        letter-spacing: -0.2rem;
    }



    /*FREEWORD
---------------------------------*/
    .freeword_wrap {
        background: #3c3c3c;
        width: 600px;
        margin: 0 auto 100px;
        align-items: center;
        padding: 20px 30px;
        box-sizing: border-box;
    }

    .search_container {
        box-sizing: border-box;
        position: relative;
        border: 1px solid #999;
        width: 100%;
        overflow: hidden;
    }

    .search_container input[type="text"] {
        border: none;
        height: 2.0em;
        background: #FFF;
        width: 100%;
    }

    .search_container input[type="text"]:focus {
        outline: 0;
    }

    .search_container input[type="submit"] {
        cursor: pointer;
        font-family: FontAwesome;
        font-size: 1.3em;
        border: none;
        background: none;
        color: #3c3c3c;
        position: absolute;
        width: 2.5em;
        height: 2.5em;
        right: 0;
        top: -10px;
        outline: none;
    }





}

/* タブレットや小さめのデスクトップ向け */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
   
    .link_icon_wrapper>.link_icon {
        line-height: 1;
        font-size: 1.6rem
    }

}



/*sp*/
@media only screen and (max-width: 768px) {
    .sharearea_bg a {
        max-width: unset;
        letter-spacing: -0.3rem;
    }
    .sharearea_icon {
margin-right: 12px;
    }
    /* ヘッダー　フッター */
    .logo_wrap {
        padding: 0.4rem 0.6rem;

    }

    .logo_wrap_name {
        width: 90%;
        letter-spacing: -0.1rem;
        font-size: 1.2rem;
    }
    .nav_wrap_img h4 {
        font-size: 1.2rem;
        text-align: left;

    }
    /*category_serch
---------------------------------*/
    .com_tit {
        letter-spacing: -0.2rem;
    }
    .category_serch_wrap div a {

        line-height: 1.4;
    }
    
    .areamap_wrap_txtbox div  {
        line-height: 1.4;
    }
    /*FREEWORD
---------------------------------*/
    .freeword_wrap {
        background: #3c3c3c;
        width: 100%;
        margin: 0 auto 40px;
        align-items: center;
        padding: 20px 30px;
        box-sizing: border-box;
    }

    .search_container {
        box-sizing: border-box;
        position: relative;
        border: 1px solid #999;
        width: 100%;
        overflow: hidden;
    }

    .search_container input[type="text"] {
        border: none;
        height: 2.0em;
        background: #FFF;
        width: 100%;
    }

    .search_container input[type="text"]:focus {
        outline: 0;
    }

    .search_container input[type="submit"] {
        cursor: pointer;
        font-family: FontAwesome;
        font-size: 1.3em;
        border: none;
        background: none;
        color: #3c3c3c;
        position: absolute;
        width: 2.5em;
        height: 2.5em;
        right: 0;
        top: -10px;
        outline: none;
    }

    /* シェアエリア */
    .sharearea_bg a {
        padding: 1rem;
        font-size: 1.6rem;
    }

}