@charset "UTF-8";
/* CSS Document */
article {
    background: url("../img/tatarou_dance.JPG") no-repeat;
    background-size: auto 100%;
    font-size: 1em;
}
article h2 {
    display: block;
    font-size: 1.2em;
    padding: 12vh 0 1vh 2vw;
}
.area, .country {
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.stockist-tatamba {
    width: 80%;
    padding: 0 0 0 2vw;
}
.stockist-tatamba ul {
    margin: 0.2vh 0;
    padding: 0;
    border: solid 1px;
}
.stockist-tatamba li {
    margin: 0;
    padding: 0.3vh 0.4vw;
}

@media (min-width: 321px) {
article h2 {
    font-size: 1.2em;
    padding: 6vh 0 1vh 2vw;
}
.stockist-tatamba {
    width: 94vw;
    padding: 0 0 0 2vw;
}
}

@media (min-width: 415px) {
article {
    height: auto;
    background-size: auto 100%;
    padding-bottom: 3vh;
}
.stockist-tatamba {
    width: 60vw;
}
}

@media (min-width: 1024px) {
article {
    height: 100vh;
    background-size: auto 100%;
}
article h2 {
    font-size: 1.2em;
    padding: 14vh 0 1vh 2vw;
}
.stockist-tatamba {
    width: 52vw;
    padding: 0 0 0 2vw;
}
}

@media (min-width: 1060px) {
article {
    background-size: 100% auto;
}
}