@charset "utf-8";

/* footer block
---------------------- */
#footerWrapper	{
    width: 100%;
    height: 100%;
    position: relative;
}

#footerWrapper .container  {
    padding: 20px 0 100px 0;
}

.footerAccessBox .container  {
    padding: 20px 0 0 0!important;
}

.footerNaviBox .container   {
    padding: 12px 0 4px 0!important;
}

.footerAccessBox    {
    background-color: #1b2b5f;
}
.footerBox  {
    background-color: #91b1c1;
}
.footerNaviBox  {
    background-color: #474e52;
}

.footerAccessMenu   {
    width: 230px;
}
.footerAccessMenu ul    {
    margin: 0px;
    padding: 0px;
}

.footerAccessMenu ul li    {
    margin: 0 0 7px 0;
    background-color: #ffffff;
    list-style-type: none;
    font-size: small;
}

.footerAccessMenu ul li a    {
    color: #1b2b5f;
    display: block;
    padding: 8px 10px;
}

.footerAccessMenu ul li a:hover    {
    background-color: #1d95d4;
    color: #ffffff;
}

.footerAccessMap    {
    width: 723px;
    height: 181px;
    text-indent: -9999px;
    background-image: url(../images/footerAccessMap.png);
    background-repeat: no-repeat;
}


.footerNaviBox ul  {
    margin: 0px;
    padding: 8px 0;
    font-family: "HelveticaNeue-CondensedBold";
}

.footerNaviBox ul li  {
    display: inline-block;
    padding: 0 35px 0 0;
    text-align: center;
    font-size: 119%;
}

.footerNaviBox ul li div  {
    font-size: x-small;
    font-weight: normal;
    font-family: sans-serif;
}

.footerNaviBox ul li a  {
    color: #ffffff;
    font-weight: bold;
}

.footerLogo  {
    background: url(../images/footerLogo.png);
    width: 224px;
    height: 50px;
    text-indent: -9999px;
}
.footerLogo a  {
    display: block;
    width: 224px;
    height: 50px;
    }

.footerAddress  {
    color: #ffffff;
}

.styleSwitcherFt ul li  {
    float: left;
    width: 28px;
    height: 28px;
    text-align: center;
    list-style-type: none;
    border-right: 1px solid #dcdddd;
    border-top: 1px solid #dcdddd;
    border-bottom: 1px solid #dcdddd;
    background-color: #ffffff;
    line-height: 28px;
}

.styleSwitcherFt ul li a  {
    display: block;
    color: #231815;
    font-weight: bold;
}

.styleSwitcherFt ul li a:hover  {
    color: #000000;
    background-color: #e5e5e6;
}

.searchBox input#srchInputFt   {
    width: 165px;
    height: 30px;
    border: none;
}

.footerQRCode   {
    width: 237px;
    height: 73px;
    background-image: url(../images/footerQRcode.jpg);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

.footerQRCode a {
    display: block;
    width: 237px;
    height: 73px;
}


@media only screen and ( min-width: 768px ) 
{
#footerWrapper .footerPageTop {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 100%;
    z-index: 9999!important;
}
.footerPageTop .container   {
    padding: 0px!important;
}
.pagetopBtn {
    width: 93px;
    height: 76px;
    text-indent: -9999px;
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.pagetopBtn a {
    display: block;
    width: 93px;
    height: 76px;
    background-image: url(../images/btn_pagetop_off.png);
    background-repeat: no-repeat;
}
.pagetopBtn a:hover {
    background-image: url(../images/btn_pagetop_on.png);
 }   
}

.copyright  {
    font-size: x-small;
    color: #ffffff;
    font-weight: bold;
}
    

/* responsive SP
---------------------- */
@media only screen and ( max-width: 768px ) 
{
    .footerAccessBox    {
        display: none;
    }
    #footerWrapper .container , .footerSearchListBox .container , .footerSearchAreaBox .container  {
        padding: 5%;
        width: auto;
    }
    .footerNaviBox .container  {
        padding: 2% 2%!important;
        width: auto;
    }
    .footerNaviBox ul li  {
    display: inline;
    padding: 0 2% 0 0;
    }
    .footerFreeBox  {
        padding: 0 0 5% 0;
    }
    
    .footerSearchListBox , .footerSearchAreaBox    {
        background-color: #ffffff;
        border-top: 2px solid #dddddd;
    }
    .footerSearchListBox .footerEventTlt , .footerSearchAreaBox .footerEventTlt {
        font-family: "HelveticaNeue-CondensedBold";
        color: #f25c81;
    }
    .footerSearchListBox .footerSpotTlt , .footerSearchAreaBox .footerSpotTlt {
        font-family: "HelveticaNeue-CondensedBold";
        color: #18A3C5;
    }
    .footerSearchListBox .footerEventTlt span , .footerSearchAreaBox .footerEventTlt span , .footerSearchListBox .footerSpotTlt span , .footerSearchAreaBox .footerSpotTlt span    {
        font-family: sans-serif;
        color: #000000;
        font-size: small;
        padding: 0 0 0 2%;
    }
    .footerSearchListBox ul  {
        margin: 0px;
        padding: 0px;
    }
    .footerSearchListBox ul li   {
        background-color: #eeeeee;
        color: #18A3C5;
        padding: 1% 2%;
        float: left;
        margin: 1%;
        list-style-type: none;
    }
    .footerSearchListBox ul li:before , .footerSearchAreaBox ul li:before  {
        content: "> ";
        float: left;
        padding: 0 0.25em 0 0;
    }
    .footerSearchAreaBox ul  {
        margin: 0px;
        padding: 0px;
    }
    .footerSearchAreaBox ul li  {
        background-color: #18A3C5;
        color: #ffffff;
        padding: 2% 0 2% 1%;
        width: 50%;
        float: left;
        list-style-type: none;
        border-bottom: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
        box-sizing: border-box;
        letter-spacing: -1px;
    }
    .footerSearchAreaBox ul li a  {
        color: #ffffff;
        display: block;
    }
    .footerNaviBox ul  {
    margin: 0px auto;
    width: 100%;
    padding: 8px 0;
    font-family: "HelveticaNeue-CondensedBold";
    }

    .footerNaviBox ul li  {
    display: inline-block;
    text-align: center;
    padding: 0 0.8% 0 0.8%;
    text-align: center;
    font-size: 96%;
    }

    .footerNaviBox ul li div  {
    font-size: xx-small;
    font-weight: normal;
    font-family: sans-serif;
    }

    .footerNaviBox ul li a  {
    color: #ffffff;
    font-weight: bold;
    }
    .footerLogo  {
    background: url(../images/footerLogo-SP.png);
    background-size: contain;
    width: 224px;
    height: 50px;
    margin: 0 auto;
    text-indent: -9999px;
    }
    .footerLogo a  {
    display: block;
    width: 224px;
    height: 50px;
    }
    
    .footerAddress  {
    text-align: center;
    }
    .copyright  {
    text-align: center;
    }
    .footerQRCode   {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    background-image: url(../images/footerQRcode-sp.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -9999px;
    }
    .footerQRCode a  {
    display: block;
    width: 160px;
    height: 160px;
    }
    .pagetopBtn , .pagetop {
        width: 93px;
        height: 76px;
        text-indent: -9999px;
        margin: 0 auto;
    }
    .pagetopBtn a , .pagetop a {
        display: block;
        width: 93px;
        height: 76px;
        background-image: url(../images/btn_pagetopSP_off.png);
        background-repeat: no-repeat;
        background-size: contain;
    }
    .pagetopBtn a:hover , .pagetop a:hover {
        background-image: url(../images/btn_pagetopSP_on.png);
    }
    
}