/*スマホサイズ&タブレットのメディアクエリ*/
@media only screen and (max-width: 960px) {
    
}

/* 日本語フォントcss */
.zen-maru-gothic-medium {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.zen-maru-gothic-bold {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* 英語フォントcss */
.josefin-sans-<uniquifier> {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

/* ロゴ */
header {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
    margin-left: 5px;
}

header .logo:hover {
    opacity: 0.3;
    transition: .3s;
}

/* こんにちは〜みちこです */
container01a {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: 10px
}

container01a {
    line-height:22px
}

/* Hi, I’m〜Tree Shell Niseko. */
container01b {
    text-align: center;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 11px
}

container01b .textE1 {
    overflow: hidden;
    margin-top: 8px;
}

container01b {
    margin-top: 10px;
}

/* メインビジュアル */
main {
    text-align: center;
}

main .container{
    width: 320px;
    height: auto;
    margin-top: 40px;
    margin-bottom: 50px;
}

/* 夫のくどう〜家です */
section01a {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: 10px
}

section01a {
    line-height:22px
}

/* ニセコの森に〜名付けました */
section02a {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: 10px
}

section02a {
    line-height:22px
}

section02a .textJ1 {
    overflow: hidden;
    margin-top: 40px;
}

/* なぜかたつむり？ */
section03a {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: 10px
}

section03a {
    line-height:22px
}

section03a .textJ2 {
    overflow: hidden;
    margin-top: 40px;
}


/* 続きの〜しています！ */
section04a {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: 10px
}

section04a {
    line-height:22px
}

section04a .textJ3 {
    overflow: hidden;
    margin-top: 40px;
}

/* ついでに〜いってください */
section05a {
    text-align: center;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 700;
    font-size: 10px
}

section05a {
    line-height:22px
}

section05a .textJ4 {
    overflow: hidden;
    margin-top: 10px;
}


/* This is a house〜in our lives. */
section01b {
    text-align: center;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 11px
}

section01b {
    line-height:19px
}

section01b .textE2 {
    overflow: hidden;
    margin-top: 8px;
}

/* We named〜of Niseko. */
section02b {
    text-align: center;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 11px
}

section02b {
    line-height:19px
}

section02b .textE3 {
    overflow: hidden;
    margin-top: 8px;
}

/* Why〜? */
section03b {
    text-align: center;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 11px
}

section03b {
    line-height:19px
}

section03b .textE4 {
    overflow: hidden;
    margin-top: 6px;
}


/* That it a story〜in this space! */
section04b {
    text-align: center;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 11px
}

section04b {
    line-height:19px
}

section04b .textE5 {
    overflow: hidden;
    margin-top: 8px;
}

/* Also,〜Niseko. */
section05b {
    text-align: center;
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 11px
}

section05b {
    line-height:19px
}

section05b .textE6 {
    overflow: hidden;
    margin-top: 8px;
}

/* フッタービジュアル */
footer1 {
    text-align: center;
}

footer1 .container{
    width: 120px;
    height: auto;
    margin-top: 40px;
    margin-bottom: 50px;
}

footer2 {
    display: flex;
    justify-content: center;
}

footer2 .aboutENG {
    margin-right: 50px;
    margin-top: -50px;
}

footer2 .aboutJPN {
    margin-top: -50px;
}

footer2 .aboutENG:hover {
    opacity: 0.3;
    transition: .3s;
}

footer2 .aboutJPN:hover {
    opacity: 0.3;
    transition: .3s;
}


/* ロゴ */
footer {
    text-align: center;
    margin-top: 40px;
    margin-bottom: ;
    margin-top: 250px;
}

footer .logo:hover {
    opacity: 0.3;
    transition: .3s;
}


/* クレジット */
.row {
text-align: center;
font-size: 7px;
font-weight: 300;
letter-spacing: 1px;
margin-top: 10px;
}

.row {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}