@charset 'UTF-8';
/****20190410itou********/
#main-form-area-2 {
    padding: 64px 0;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0;
    margin-bottom: 2em;
}

.tab-ttl {
    color: #fff;
    text-align: center;
    font-size: 24px;
}

.tab-ttl p {
    padding: 0;
}

.search-btn-wrap {
    display: flex;
    justify-content: center;
}

.search-btn a, .search-btn.search-area {
    background: #fff;
    display: flex;
    text-decoration: none;
    justify-content: flex-start;
    padding: 8px 0;
    align-items: center;
    border-radius: 8px;
    /*box-shadow: 0px 0px 12px 6px #e50051;*/
}

.search-btn a {
    text-decoration: none;
}

.search-btn.search-area {
    color: #e9495e;
    cursor: pointer;
}



.search-btn {
    width: 30%;
    margin: 16px;
}

.search-txt p {
    padding: 0;
}

.search-txt {
    margin-left: 32px;
}
.search-txt p span {
    font-size: 18px;
}

.other {
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}

.other img {
    margin-bottom: 2px;
}

.search-icon {
    /* display: contents;*/
}

.search-icon.map img {
    /*width: 10%;*/
}

/******20190411********/
img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
    height: auto;
}

p.search-icon {
    padding-bottom: 0;
}

.search-btn a, .search-btn.search-area {
    justify-content: center;
}

.search-area .search-icon img{
    margin-right: 0.25em;
}

.search-txt {
    margin-left: 0;
}
.sp-point {
    display: none;
}

.fa-angle-double-right:before {
    content: "\f101";
}

.other-ttl {
    width: 100%;
    text-align: center;
}

.other-label {
    border: 1px solid #a0a0a0 !important;
    display: flex;
    height: 67px;
}

input.form-control.main-form-input.main-form-input-when.other-input {
    border-radius: 0;
    height: 100%;
}

.other-label label {
    margin-bottom: 0;
    font-size: small;
}

.other-radio input{
margin: auto 5px;
}

.other-radio {
    width: 36%;
    display: flex;
    background: #fce3e9;
    justify-content: space-evenly;
}

.radio-inline {
    margin-bottom: 0;
    /*width: 40%;*/
    display: flex;
    align-items: center;
}




button.btn_search {
    background: #e9495e;
    border: none;
    color: #fff;
    line-height: 33px;
    vertical-align: middle;
    padding: 0 14px;
    font-size: 16px;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    width: 8%;
}


.other-input-wrap {
    width: 64%;
}

.from-here {
    padding: 16px;
    background: #fff;
    border: 1px solid #e9495e;
    display: flex;
    align-items: center;
    width: 20%;
    cursor: pointer;
}

.from-here-txt p {
    padding: 0;
}


.from-here-txt p {
    padding: 0;
    margin: 0 8px;
    color: #e9495e;
}

.other-wrap form {
    width: 100%;
}

.other-radio input {
    width: auto !important;
}

label.radio-inline.jp {
    /*width: 35%;*/
}


.other-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#main-form-area-2 {
    padding: 64px 8px 8px;
}

.tab-warp {
    padding-bottom: 64px;
}


.fa-right {
    transform: rotate(179deg);
    transition: all 0.3s;
}

.fa-angle-double-right {
    transform: rotate(90deg);
    transition: all 0.3s;
}

.fa-right::before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 1em;
    content: "\f139";
}


.other-search {
    background: #fff;
    padding: 60px 20px;
}

.other-ttl p {
    padding-bottom: 8px;
    color: #e9495e;
    font-size: 20px;
}


.fa-right.roll {
    transform: rotate(88deg);

}

.fa-angle-double-right.roll {
    transform: none;
}



.other-radio-sp {
    display: none;
}

.other-input-wrap .main-form-input-when {
    background-image: none;
}

@media (min-width: 768px) {
    .other-wrap{
        max-width: 67%;
        margin: auto;
    }
}

@media (max-width: 1200px) {

}



@media (max-width: 991px) {


    .search-btn {
        width: 45%;
    }

    /*******20190411**********/
    .other-wrap {
        flex-wrap: wrap;
        height: auto;
    }

    .other-wrap form {
        width: 100%;
    }

    .from-here {
        width: 100%;
        margin-top: 8px;
        justify-content: center;
    }

    .movie-slide-cover-cover {
        padding-top: 1em;
    }



}

@media(max-width:768px){
    .pc-point {
        display: none;
    }


    /*******20190411*********/
    .search-icon img {
        margin: 0px 0 65% 15%;
    }

    .search-icon {
        display: block;
        margin-left: 8px;
    }

    .search-txt {
        margin-left: 10px;
    }

    .search-txt p span {
        font-size: 16px;
        font-weight: bold;
    }

    .search-btn {
        width: 45%;
        margin: 16px 8px;
    }

    .search-btn a, .search-btn.search-area {
        padding: 16px 0;
    }

    .search-icon img {
        margin: 0;
    }

    .search-btn a, .search-btn.search-area {
        justify-content: center;
    }

    .other {
        color: #e9495e;
        font-size: 20px;
        background: #fff;
        border-radius: 8px;
        width: 93%;
        margin: auto;
        padding: 16px 0;
    }

    .other p {
        padding-bottom: 0;
        /*border-bottom: 1px solid #e9495e;*/
        width: auto;
        margin: auto;
        display: inline-block;
    }

    .other-label{
        flex-wrap: wrap;
        background:#FFF;
        border: none !important;
        height: auto;
    }
    .other-radio{
        padding: 1em;
        width: 100%;
        background:#FFF;
    }
    .other-label label:first-child{
        border-right: 1px solid #ccc;
    }

    .sp-point {
        display: inline-block;
    }

    #main-form-area-2 {
        padding: 24px 8px 8px;
    }

    .other-radio label input{
        font-size: 12px;
    }

    button.btn_search {
        width: 13%;
    }

    .other-input-wrap {
        width: 87%;
        border: 1px solid #a0a0a0 !important;
    }

    p.search-icon.pin {
        width: auto;
    }

    .other-search {
        margin-bottom: 1em;
        padding: 16px 20px;
    }

    .other-ttl {
        text-align: center;
        width: 100%;
    }

    label.radio-inline input {
        width: 10% !important;
    }

    .other-radio-sp {
        display: flex;
        justify-content: space-evenly;
        margin: 24px 0 16px;
    }

    .radio-inline {
        width: 30%;
        justify-content: center;
    }

    .border-line {
        content: '';
        border-left: 1px solid #a0a0a0;
    }

    .tab-warp {
        padding-bottom: 24px;
    }

    .search-btn-wrap {
        justify-content: space-between;
    }

    .search-btn {
        width: 48%;
        margin: 16px 0px;
    }

    .other {
        width: 100%;
    }

}











@media(max-width:506px){
    .other {
        font-size: 17px;
        width: 96%;
    }

    .search-btn {
        height: 100px;
        display: flex;
    }

    .search-btn a, .search-btn.search-area {
        flex-direction: column;
        flex: auto;
        justify-content: space-between;
    }

    #gps-btn2 .search-txt{
        width: 100%;
    }

    .search-txt p {
        font-size: 15px;
    }

    .radio-inline {
        width: 50%;
        justify-content: center;
    }

    .other-search {
        padding: 16px 8px;
    }
    .search-btn {
        margin-right: 4px;
    }

    .search-btn.search-area {
        margin-left: 4px;
        margin-right: 0px;
    }

    .other {
        width: 100%;
    }



}


/*****20190422*******/
.close-wrap {
    align-items: center;
    justify-content: space-between;
    width: 45%;
    margin: 25px 0 8px;
    margin-left: auto;
    background: #fce3e9;
    padding: 16px;
    border-radius: 15px;

}

button.close {
    background: #fff;
    padding: 12px;
    border-radius: 10px;
    opacity: 1;
}

button.close i.fa.fa-times {
    color: #e7405c;
}

.colse-txt {
    color: #e7405c;
    font-size: 20px;
}

.colse-txt span {
    font-size: 18px;
}

.close-wrap p {
    padding-bottom: 0;
}

.search-map-wrap {
    width: 850px;
    background: #fff;
    height: 850px;
    position: absolute;
    z-index: 999;
    padding: 30px;
    top: 10%;
    right: 0;
    left: 0;
    margin: auto;
}

.search-map-box {
    width: 100%;
    height: 100%;
    position: relative;
}

ul.map-img-list li {
    position: absolute;
}

ul.map-img-list li img {
    width: 65%;
    margin: 36px auto;
    display: block;
}

ul.area-list li {
    width: 22%;
}

.area-ttl {
    color: #e9495e;
    background: #fce3e9;
    padding: 4px 16px;
    text-align: center;
    border-radius: 11px;
}

.area-content {
    display: flex;
    justify-content: space-between;
    width: 80%;
    flex-wrap: wrap;
    margin: 8px auto;
}

.area-content a {
    color: #000;
    /*border-bottom: 1px solid #000;*/
    width: 50%;
    /*margin: auto;*/
    text-align: center;
    padding: 0 8px;
    margin-bottom: 8px;
}

a.area-link p {
    padding: 0;
    border-bottom: 1px solid #000;
}

.okinawa .area-content a {
    margin: auto;
}


ul.area-list {

}

ul.area-list li {
    position: absolute;
    width: 22%;
}

ul.area-list.right-side {
    right: 0;
}

.hokkaido .area-content a {
    margin: auto;
}

.shikoku {
    bottom: 74px;
    left: 277px;
}

.tokai {
    bottom: 140px;
    right: 169px;
}

.kanto {
    right: 11px;
    bottom: 211px;
}

.touhoku {
    right: 0px;
    top: 245px;
}

.hokkaido {
    top: 107px;
    right: 0;
}

.kyusyu {
    bottom: 10px;
    left: 0;
}

.chugoku {
    bottom: 213px;
    left: 60px;
}

.kannsai {
    top: 289px;
    left: 221px;
}

.koushinnetsu-hokuriku {
    top: 143px;
    left: 300px;
}

.okinawa {
    left: 76px;
}

/********20190423***********/
/*
.search-map-box {
    background-image: url(./img/japan.jpg);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}
        */

.shikoku {
    bottom: 48px;
    left: 263px;
}

.tokai {
    bottom: 105px;
    right: 169px;
}

.kanto {
    right: 38px;
    bottom: 211px;
}

.touhoku {
    right: -7px;
    top: 248px;
}

a.area-link:hover {
    text-decoration: none;
}

.main-map {
    background-image: url(/img/japan.gif);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.z-top {
    z-index: 999;
}

li.main {
    z-index: 998;
}

ul.area-list li {
    z-index: 999;
}

a.area-link:hover {
    text-decoration: none;
    background: #fce3e9;
    color: #fff;
}


/********リンクエリア************/
.hokkaido-m-link {
    width: 151px;
    z-index: 999;
    position: absolute;
    height: 93px;
    display: block;
    right: 158px;
    top: 158px;
    border-radius: 50px;
    transform: rotate(-21deg);
}

.aomori-m-link {
    width: 37px;
    z-index: 999;
    position: absolute;
    height: 21px;
    display: block;
    right: 261px;
    top: 293px;
    border-radius: 50px;
}

.iwate-m-link {
    width: 32px;
    z-index: 999;
    position: absolute;
    height: 44px;
    display: block;
    right: 245px;
    top: 323px;
    border-radius: 50px;
}

.miyagi-m-link {
    width: 14px;
    z-index: 999;
    position: absolute;
    height: 29px;
    display: block;
    right: 270px;
    top: 376px;
    border-radius: 50px;
    transform: rotate(22deg);
}

.akita-m-link {
    width: 18px;
    z-index: 999;
    position: absolute;
    height: 45px;
    display: block;
    right: 284px;
    top: 318px;
    border-radius: 50px;
    transform: rotate(11deg);
}

.yamagata-m-link {
    width: 18px;
    z-index: 999;
    position: absolute;
    height: 36px;
    display: block;
    right: 291px;
    top: 371px;
    border-radius: 50px;
    transform: rotate(19deg);
}


.fukushima-m-link {
    width: 40px;
    z-index: 999;
    position: absolute;
    height: 20px;
    display: block;
    right: 272px;
    top: 412px;
    border-radius: 50px;
}


.ibaragi-m-link {
    width: 14px;
    z-index: 999;
    position: absolute;
    height: 33px;
    display: block;
    right: 282px;
    top: 443px;
    border-radius: 50px;
    transform: rotate(30deg);
}

.tochigi-m-link {
    width: 14px;
    z-index: 999;
    position: absolute;
    height: 30px;
    display: block;
    right: 299px;
    top: 432px;
    border-radius: 50px;
    transform: rotate(30deg);
}

.gunma-m-link {
    width: 14px;
    z-index: 999;
    position: absolute;
    height: 28px;
    display: block;
    right: 323px;
    top: 440px;
    border-radius: 50px;
    transform: rotate(28deg);
}

.saitama-m-link {
    width: 12px;
    z-index: 999;
    position: absolute;
    height: 21px;
    display: block;
    right: 312px;
    top: 460px;
    border-radius: 50px;
    transform: rotate(94deg);
}

.chiba-m-link {
    width: 12px;
    z-index: 999;
    position: absolute;
    height: 33px;
    display: block;
    right: 290px;
    top: 476px;
    border-radius: 50px;
    transform: rotate(30deg);
}

.tokyo-m-link {
    width: 7px;
    z-index: 999;
    position: absolute;
    height: 22px;
    display: block;
    right: 313px;
    top: 471px;
    border-radius: 50px;
    transform: rotate(98deg);
}

.kanagawa-m-link {
    width: 10px;
    z-index: 999;
    position: absolute;
    height: 19px;
    display: block;
    right: 313px;
    top: 483px;
    border-radius: 50px;
    transform: rotate(88deg);
}

.gifu-m-link {
    width: 16px;
    z-index: 999;
    position: absolute;
    height: 38px;
    display: block;
    right: 374px;
    top: 458px;
    border-radius: 50px;
    transform: rotate(32deg);
}

.shizuoka-m-link {
    width: 16px;
    z-index: 999;
    position: absolute;
    height: 38px;
    display: block;
    right: 337px;
    top: 489px;
    border-radius: 50px;
    transform: rotate(73deg);
}

.aichi-m-link {
    width: 16px;
    z-index: 999;
    position: absolute;
    height: 26px;
    display: block;
    right: 372px;
    top: 493px;
    border-radius: 50px;
    transform: rotate(124deg);
}

.mie-m-link {
    width: 13px;
    z-index: 999;
    position: absolute;
    height: 35px;
    display: block;
    right: 392px;
    top: 504px;
    border-radius: 50px;
    transform: rotate(14deg);
}

.tokushima-m-link {
    width: 20px;
    z-index: 999;
    position: absolute;
    height: 17px;
    display: block;
    left: 322px;
    top: 534px;
    border-radius: 50px;
    transform: rotate(14deg);
}

.kagawa-m-link {
    width: 20px;
    z-index: 999;
    position: absolute;
    height: 7px;
    display: block;
    left: 315px;
    top: 527px;
    border-radius: 50px;
    transform: rotate(-11deg);
}

.ehime-m-link {
    width: 33px;
    z-index: 999;
    position: absolute;
    height: 11px;
    display: block;
    left: 272px;
    top: 548px;
    border-radius: 50px;
    transform: rotate(-56deg);
}

.kouchi-m-link {
    width: 40px;
    z-index: 999;
    position: absolute;
    height: 15px;
    display: block;
    left: 288px;
    top: 552px;
    border-radius: 50px;
    transform: rotate(-30deg);
}

.okinawa-m-link {
    width: 30px;
    z-index: 999;
    position: absolute;
    height: 7px;
    display: block;
    left: 167px;
    top: 192px;
    border-radius: 50px;
    transform: rotate(-52deg);
}

.niigata-m-link {
    width: 49px;
    z-index: 999;
    position: absolute;
    height: 11px;
    display: block;
    left: 437px;
    top: 412px;
    border-radius: 50px;
    transform: rotate(-62deg);
}

.toyama-m-link {
    width: 26px;
    z-index: 999;
    position: absolute;
    height: 11px;
    display: block;
    left: 401px;
    top: 444px;
    border-radius: 50px;
    transform: rotate(0deg);
}

.ishikawa-m-link {
    width: 48px;
    z-index: 999;
    position: absolute;
    height: 8px;
    display: block;
    left: 375px;
    top: 439px;
    border-radius: 50px;
    transform: rotate(-74deg);
}

.fukui-m-link {
    width: 32px;
    z-index: 999;
    position: absolute;
    height: 9px;
    display: block;
    left: 366px;
    top: 475px;
    border-radius: 50px;
    transform: rotate(-42deg);
}

.yamanashi-m-link {
    width: 25px;
    z-index: 999;
    position: absolute;
    height: 15px;
    display: block;
    right: 326px;
    top: 477px;
    border-radius: 50px;
    transform: rotate(1deg);
}

.nagano-m-link {
    width: 48px;
    z-index: 999;
    position: absolute;
    height: 15px;
    display: block;
    right: 333px;
    top: 462px;
    border-radius: 50px;
    transform: rotate(-77deg);
}

.shiga-m-link {
    width: 21px;
    z-index: 999;
    position: absolute;
    height: 13px;
    display: block;
    left: 372px;
    top: 492px;
    border-radius: 50px;
    transform: rotate(-65deg);
}

.kyoto-m-link {
    width: 32px;
    z-index: 999;
    position: absolute;
    height: 9px;
    display: block;
    left: 348px;
    top: 493px;
    border-radius: 50px;
    transform: rotate(-129deg);
}

.osaka-m-link {
    width: 18px;
    z-index: 999;
    position: absolute;
    height: 9px;
    display: block;
    left: 354px;
    top: 512px;
    border-radius: 50px;
    transform: rotate(-78deg);
}

.hyogo-m-link {
    width: 26px;
    z-index: 999;
    position: absolute;
    height: 17px;
    display: block;
    left: 333px;
    top: 497px;
    border-radius: 50px;
    transform: rotate(-154deg);
}

.nara-m-link {
    width: 26px;
    z-index: 999;
    position: absolute;
    height: 10px;
    display: block;
    left: 362px;
    top: 523px;
    border-radius: 50px;
    transform: rotate(-90deg);
}

.wakayama-m-link {
    width: 31px;
    z-index: 999;
    position: absolute;
    height: 10px;
    display: block;
    left: 350px;
    top: 539px;
    border-radius: 50px;
    transform: rotate(-126deg);
}

.tottori-m-link {
    width: 30px;
    z-index: 999;
    position: absolute;
    height: 9px;
    display: block;
    left: 305px;
    top: 488px;
    border-radius: 50px;
    transform: rotate(-191deg);
}

.okayama-m-link {
    width: 25px;
    z-index: 999;
    position: absolute;
    height: 21px;
    display: block;
    left: 306px;
    top: 500px;
    border-radius: 50px;
    transform: rotate(-206deg);
}

.shimane-m-link {
    width: 53px;
    z-index: 999;
    position: absolute;
    height: 7px;
    display: block;
    left: 256px;
    top: 501px;
    border-radius: 50px;
    transform: rotate(-215deg);
}

.hiroshima-m-link {
    width: 32px;
    z-index: 999;
    position: absolute;
    height: 17px;
    display: block;
    left: 274px;
    top: 512px;
    border-radius: 50px;
    transform: rotate(-204deg);
}

.yamaguchi-m-link {
    width: 32px;
    z-index: 999;
    position: absolute;
    height: 17px;
    display: block;
    left: 242px;
    top: 525px;
    border-radius: 50px;
    transform: rotate(-167deg);
}

.fukuoka-m-link {
    width: 25px;
    z-index: 999;
    position: absolute;
    height: 14px;
    display: block;
    left: 221px;
    top: 546px;
    border-radius: 50px;
    transform: rotate(-74deg);
}

.saga-m-link {
    width: 12px;
    z-index: 9999;
    position: absolute;
    height: 18px;
    display: block;
    left: 211px;
    top: 551px;
    border-radius: 27px;
    transform: rotate(-227deg);
}

.nagasaki-m-link {
    width: 28px;
    z-index: 9999;
    position: absolute;
    height: 8px;
    display: block;
    left: 197px;
    top: 569px;
    border-radius: 50px;
    transform: rotate(-134deg);
}

.kumamoto-m-link {
    width: 32px;
    z-index: 999;
    position: absolute;
    height: 12px;
    display: block;
    left: 221px;
    top: 578px;
    border-radius: 50px;
    transform: rotate(-77deg);
}

.oita-m-link {
    width: 32px;
    z-index: 999;
    position: absolute;
    height: 14px;
    display: block;
    left: 240px;
    top: 558px;
    border-radius: 50px;
    transform: rotate(-142deg);
}

.miyazaki-m-link {
    width: 36px;
    z-index: 999;
    position: absolute;
    height: 14px;
    display: block;
    left: 232px;
    top: 589px;
    border-radius: 50px;
    transform: rotate(-66deg);
}

.kagoshima-m-link {
    width: 36px;
    z-index: 999;
    position: absolute;
    height: 17px;
    display: block;
    left: 212px;
    top: 608px;
    border-radius: 50px;
    transform: rotate(-127deg);
}


.bg-hover {
    background: #fce3e9;
}

a.area-link p.bd-pink {
    border-bottom: 1px solid #fbe3e7;
    color:#fff;

}

a.area-link p:hover {
    border-bottom: 1px solid #fbe3e7;
}



/*****************************/
@media (max-width: 850px) {
    .search-map-wrap {
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .search-map-wrap {
        width: 47%;
        background: #fff;
        height: 13%;
        position: absolute;
        z-index: 999;
        padding: 8px;
        top: 11%;
        right: 0%;
        overflow-y: scroll;
        border: 1px solid #fce4e9;
        margin: 0;
        left: 50%;
    }

    a.area-link p {
        padding: 0;
        border-bottom: none;
    }

    .search-map-wrap a {
        color: #000;
    }

    .search-map-wrap a.area-link :hover {
        background: #fce4e9;
        color: #fff;
    }
}