section.first-view
{
    height: calc(300px + 124px);
    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: 25px;
    left: 7%;
    position: relative;
    right: auto;
    width: 50%;
}
section.first-view .contents
{
    display: none;
}








section.world
{
    margin: 110px auto 0;
}
section.world .contents-wrapper,
section.nenpu .contents-wrapper,
section.moreinfo .contents-wrapper
{
    max-width: 100%;
    min-width: 100%;
    padding: 0 20px;
}
section.world .contents
{
    flex-wrap: wrap;
}
section.world .contents img
{
    margin-right: 0;
    width: 100%;
}
section.world .contents > div:first-of-type > span
{
    font-size: 10px;
    left: initial;
    right: 0;
}
section.world .contents div.subtitle
{
    margin-top: 40px;
}
section.world .contents div.description
{
    margin-top: 20px;
}









section.nenpu .contents li
{
    padding: 20px;
    flex-wrap: wrap;
}
section.nenpu .contents li > div:last-of-type
{
    width: 100%;
}







section.moreinto .contents
{
    width: 100%;
}
section.moreinto .contents .article
{
    flex-direction: column;
    margin-bottom: 20px;
    padding: 20px;
}
section.moreinto .contents .article:nth-of-type(2)
{
    flex-direction: column-reverse;
}
section.moreinto .contents .article .article__imagebox,
section.moreinto .contents .article .article__imagebox img,
section.moreinto .contents .article > img,
section.moreinto .contents .article:nth-of-type(2) > img
{
    margin: 0;
    width: 100%;
}
section.moreinto .contents .article span
{
    font-size: 10px;
}
section.moreinto .contents .article.favorite > div
{
    margin-bottom: 20px;
    padding: 20px;
    width: 100%;
}
section.moreinto .contents .article h4,
section.moreinto .contents .article .description
{
    margin-top: 20px;
}