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






section.outline
{
    margin-top: 80px;
}
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 .photo-main div span
{
    font-size: 12px;
    padding: 6px 11px 6px 6px;
}

section.spot .sub-contents
{
    display: block;
}
section.spot .sub-contents > div
{
    width: 95%;
    margin: 0 auto;
}