body
{
    font-size: 14px;
}

section.first-view
{
    /*height: calc(340px + 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: 300px;
}
section.first-view .slide .photo > span
{
    font-size: 10px;
    left: initial;
    right: 10px;
}
section.first-view .slide img
{
    bottom: -15px;
    /*left: 7%;*/
    max-width: 488px;
    position: relative;
    right: auto;
    width: 80%;
}
section.first-view .contents
{
    display: none;
}








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




section.spot .contents > h2
{
    font-size: 2.2em;
    line-height: 1.2;
}
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 > div
{
    margin: 30px 0 0 0;
    width: 100%;
}


br.sp
{
    display: initial;
}






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