section.first-view
{
    /*height: calc(300px + 124px);*/
    height: 300px;
    max-width: 100%;
    /*padding: 124px 0 0 0;*/
}
section.first-view .slide
{
    height: 300px;
    width: 100%;
}
section.first-view .slide .photo
{
    height: 300px;
}
section.first-view .slide .photo > span
{
    font-size: 10px;
    left: initial;
    right: 10px;
}
section.first-view .slide img
{
    bottom: 20px;
    /*left: 7%;*/
    position: relative;
    right: auto;
    width: 90%;
}
section.first-view > img
{
    bottom: -105px;
    left: 5%;
    max-width: 90%;
}
section.first-view .contents
{
    display: none;
}
section.first-view > .welcome-text
{
    bottom:-135px;
    left: 5%;
    max-width: 90%;
}
section.first-view > .welcome-text li
{
    font-size: 1.125em;
    padding: 10px 15px;
}








section.outline
{
    margin-top: 135px;
}
section.access .contents-wrapper,
section.outline .contents-wrapper,
section.spot .contents-wrapper
{
    max-width: 100%;
    min-width: 100%;
    padding: 0 20px;
}




section.spot dl.spot-detail
{
    font-size: 0.9em;
}
section.spot dl.spot-detail dt
{
    width: 30%;
}
section.spot dl.spot-detail dd
{
    width: 70%;
    word-break: break-all;
}


section.spot .photo-main img,
section.spot .photo-main .img
{
    height: auto;
}
section.spot .sub-contents .photo-main .h240
{
    height: 98px;
}
section.spot .photo-main.landscape img,
section.spot .photo-main.landscape .img
{
    height: 224px !important;
}




section.spot.hat .contents-wrapper
{
    max-width: 100%;
    min-width: 100%;
    padding: 0;
}
section.spot.hat .photo-main
{
    padding: 0 20px;
}







/* section.spot.hint a
{
    min-height: 100px;
} */









@media all and (min-width: 500px) {
                section.first-view > img
                {
                    bottom: -140px;
                }
                section.outline
                {
                    margin-top: 170px;
                }
}