html, body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, textarea, p, blockquote, span, b, i table, caption, tbody, tfoot, thead, tr, th, td, fieldset, form, label, legend, iframe, object, small, strong, sub, sup, var, del, dfn, em, img, ins, kbd, q, samp, abbr, address, cite, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
body {
    line-height: 100%;
    text-align: center;
    *font-size: small;
    *font: x-small
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}
audio, canvas, video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
    display: none
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}
ol, ul {
    list-style: none
}
caption, th {
    text-align: left
}
table {
    font: 100%;
    font-size: inherit;
    border-spacing: 0;
    border-collapse: collapse
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-weight: 400;
    font-style: normal
}
select, input, button, textarea {
    font: 99% arial, helvetica, clean, sans-serif;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    vertical-align: middle
}
input, textarea, select {
    *font-size: 100%
}
abbr, acronym {
    font-variant: normal;
    border: 0
}
sup {
    vertical-align: text-top
}
sub {
    vertical-align: text-bottom
}
legend {
    color: #000
}
blockquote:before, blockquote:after, q:before, q:after {
    content: ''
}
hr {
    display: block;
    box-sizing: content-box;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc
}
a {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: 0 0
}
fieldset, img {
    vertical-align: bottom;
    border: 0
}
html, body {
    height: 100%
}
body {
    font-family: '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}
html[lang="en"] body {
    font-family: 'helvetica', sans-serif;
}
img {
    vertical-align: middle
}
h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    margin: 0
}
p {
    margin: 0
}
ol, ul {
    margin: 0;
    padding: 0
}
li {
    list-style: none
}
dl, dd {
    margin: 0
}
small {
    font-size: 100%
}
em {
    font-style: normal
}
body {
    color: #fff
}
.bg {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: url('../../../img/feature/hut/mainvis.jpg') center center no-repeat;
    background-size: cover
}
.spbr {
    display: none
}
@media screen and (max-width: 780px) {
    .spbr {
        display: inline
    }
}
.mainvis {
    position: relative;
    z-index: 4;
    height: 100%
}
.mainvis__logo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 417px;
    height: 80px;
    margin: auto;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../../../img/feature/hut/sprite.png);
    background-position: 0 0
}
@media screen and (max-width: 780px) {
    .mainvis__logo {
        width: 208.5px;
        height: 40px;
        background-image: url(../../../img/feature/hut/sprite.png);
        background-position: 0 0;
        background-size: 208.5px 163.5px
    }
}
.mainvis__logo__wrap {
    position: relative;
    width: auto;
    height: 0
}
html[lang="en"] .lead__wrap {
    width: 700px;
    margin: 0 auto;
}
@media screen and (max-width: 780px) {
    html[lang="en"] .lead__wrap {
        width: auto;
    margin: 0 30px;
    }
}
.lead {
    font-size: 24px;
    font-weight: 700;
    line-height: 3em;
    position: relative;
    z-index: 2;
    margin: 0 0 60px;
    text-align: center
}
html[lang="en"] .lead {
    line-height: 2em;
}
@media screen and (max-width: 780px) {
    .lead {
        font-size: 13px;
        font-weight: 700
    }
    html[lang="en"] .lead {
        line-height: 3em;
    }
}
.lead__inr {
    -webkit-transition: letter-spacing 1.8s cubic-bezier(.55, 0, .1, 1);
    transition: letter-spacing 1.8s cubic-bezier(.55, 0, .1, 1);
    letter-spacing: .1em
}
.lead__inr.active {
    letter-spacing: .3em
}
@media screen and (max-width: 780px) {
    .lead__inr {
        letter-spacing: .1em
    }
}
.lead__wrap {
    padding: 0 0 120px
}
@media screen and (max-width: 780px) {
    .lead__wrap {
        padding: 0 0 60px
    }
}
.lead__inr__ttl {
    font-size: 26px;
    font-weight: 700;
    margin: 30px 0 25px;
    text-indent: -.05em;
    letter-spacing: .1em
}
@media screen and (max-width: 780px) {
    .lead__inr__ttl {
        font-size: 18px
    }
}
.lang {
    position: fixed;
    right: 60px;
    bottom: 50px;
}
@media screen and (max-width: 780px){
    .lang {
        position: absolute;
        top: 25px;
        right: 0;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 14px;
    }
}
.lang li {
    display: inline;
    margin-left: 5px;
}
.lang li a {
    text-decoration: none;
    color: #fff;
}
.lang li.current {
    font-weight: bold;
}

.sound {
    position: fixed;
    z-index: 5;
    bottom: 50px;
    left: 60px;
    overflow: hidden;
    width: 35px;
    height: 24px;
    cursor: pointer;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../../../img/feature/hut/sprite.png);
    background-position: -170px -230px;
    display: none;

}
@media screen and (max-width: 780px) {
    .sound {
        bottom: 25px;
        left: 20px;
        width: 17.5px;
        height: 12px;
        background-image: url(../../../img/feature/hut/sprite.png);
        background-position: -85px -115px;
        background-size: 208.5px 163.5px
    }
}
.sound.is-active {
    width: 35px;
    height: 24px;
    background-image: url(../../../img/feature/hut/sprite.png);
    background-position: -215px -230px
}
@media screen and (max-width: 780px) {
    .sound.is-active {
        width: 17.5px;
        height: 12px;
        background-image: url(../../../img/feature/hut/sprite.png);
        background-position: -107.5px -115px;
        background-size: 208.5px 163.5px
    }
}
.logo_s {
    position: fixed;
    z-index: 3;
    top: 70px;
    right: 55px;
    /*overflow: hidden;*/
    width: 26px;
    height: auto;
    font-family: "Gothic MB101 Bold";
    white-space: nowrap;
    font-size: 24px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 0.05em
}
@media screen and (max-width: 780px) {
    .logo_s {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 26px;
        height: 240px;
        margin: auto;
        line-height: 1;
        font-size: 26px;
        font-family: "Gothic MB101 Bold";
        font-weight: bold;
        letter-spacing: 0.04em;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl
    }
}
html[lang="en"] .logo_s {
    z-index: 3;
    top: 50px;
    right: 60px;
    width: 120px;
    height: 31px;
    background-position: 0 -230px;
}
html[lang="en"] .logo_s, .sound {
    position: fixed;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../../../img/feature/hut/sprite.png);
    overflow: hidden;
}
@media screen and (max-width: 780px) {
    html[lang="en"] .logo_s {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 160px;
        height: 40px;
        margin: auto;
        background-image: url(../../../img/feature/hut/sprite.png);
        background-position: 0 0;
        background-size: 208.5px 163.5px
    }
}
.content__inr, #faq {
	margin: -60px 0 200px;
    padding:120px 0 0
}
@media screen and (max-width: 780px) {
    .content__inr, #faq {
        margin: -60px 0 200px;
        padding:120px 0 0
    }
}
.content__ttl {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    padding: 65px 0;
    text-align: center;
    text-indent: -.05em;
    letter-spacing: .1em
}
@media screen and (max-width: 780px) {
    .content__ttl {
        font-size: 15px;
        padding: 32px 0
    }
}
.content__ttl:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 132px;
    height: 8px;
    margin: 0 auto;
    content: '';
    background: #9bceba
}
@media screen and (max-width: 780px) {
    .content__ttl:before {
        width: 66px;
        height: 4px
    }
}
/*170419start*/
#productMain {position: relative;
    z-index: 2;
    width: auto;
    margin-top: 160px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 200px;
}
@media screen and (max-width: 780px) {
    #productMain {
    margin-top: 0;
    }
}
#mainVisual {width: 100%; margin: 100px auto 0; overflow: hidden; position: relative; line-height: 0;}
#mvPanel {width: 20000px; height: auto; overflow: hidden; position: relative;}
#mvPanel li {float: left; text-align: center;}
#mvPanel li p.note {font-size:12px; margin-top: 10px; line-height: 1.2;}
#mvPanel img {width: 70%; height: 70%;}
@media screen and (max-width: 780px) {
    #mvPanel li p.note {
    font-size:12px; 
    margin: 10px 20px 0;
    line-height: 1.2;
    }
    #mvPanel img {
    width: 84%; 
    height: 84%;
    }
}
.pointer {text-align: center; margin-top: 20px;}
.pointer span {width: 10px; height: 10px; margin: 0 10px; border-radius: 50%; display: block; text-indent: -9999px; background: #ccc; display: inline-block; cursor: pointer;}
.pointer .current {background: #666;}
.viewport {position: relative;}
.controls div {position: absolute; text-indent: -9999px; cursor: pointer; display:none;}
#mainVisual .prev {width: 38px; height: 110px; left: 0; top: 50%; margin-top: -420px; background: url(/jp/flagship/chengdu/img/arrow_left.png) no-repeat 10px 20px rgba(255,255,255,.7); border-radius: 0 5px 5px 0; padding: 10px 10px; background-size: 28px 90px;}
#mainVisual .next {width: 38px; height: 110px; right: 0; top: 50%; margin-top: -420px; background: url(/jp/flagship/chengdu/img/arrow_right.png) no-repeat 15px 20px rgba(255,255,255,.7); border-radius: 5px 0 0 5px; padding: 10px 10px; background-size: 28px 90px;}
#mainVisual .prev.disabled,
#mainVisual .next.disabled {display: none;}
#spec .materialList dd {width:47.5%; display: inline-block; vertical-align: top; font-size: 0;}
#spec .materialList dd:first-child {margin-right:20px;}
@media screen and (max-width: 780px) {
    #spec .materialList dd {
        width:100%; display: block;
    }
    #spec .materialList dd:first-child {
        margin-right:0;
    }
}
#spec .materialList dd figure.material,
#spec dd figure.planimg {width:100%; height:100%; margin:20px 0;}
#spec .materialList dd figure.material figcaption {font-size:12px;}
#spec .materialList dd figure.material img,
#spec dd figure.planimg img {width:100%; height:100%;}

/*170419end*/

.products {
    position: relative;
    z-index: 2;
    width: 1020px;
    margin-top: 160px;
    margin-right: auto;
    margin-left: auto
}
.products:after {
    display: block;
    clear: both;
    content: ''
}
@media screen and (max-width: 780px) {
    .products {
        width: auto;
        margin-top: 80px;
        margin-right: 30px;
        margin-left: 30px
    }
}
.products__item {
    float: left;
    width: 300px;
    margin: 0 60px 0 0
}
@media screen and (max-width: 780px) {
    .products__item {
        width: auto;
        margin: 0 0 60px
    }
}
.products__item:last-child {
    margin-right: 0
}
@media screen and (max-width: 780px) {
    .products__item:last-child {
        margin-bottom: 0
    }
}
.products__item__ttl {
    font-size: 24px;
    font-weight: 700;
    margin: 30px 0 25px;
    text-indent: -.05em;
    letter-spacing: .1em;
    line-height: 1.2;
}
@media screen and (max-width: 780px) {
    .products__item__ttl {
        font-size: 18px
    }
}
.products__item__txt {
    font-size: 14px;
    line-height: 1.8;
    min-height: 270px;
    text-align: left
}
html[lang="en"] .products__item__txt {
    min-height: 520px;
    }
@media screen and (max-width: 780px) {
    .products__item__txt,
    html[lang="en"] .products__item__txt {
        min-height: auto;
        margin-bottom: 10px
    }
}
.products__item__img {
    display: block;
    width: 100%;
    cursor: pointer
}
@media screen and (max-width: 780px) {
    .products__item__img {
        width: 100%;
        max-width: 100%
    }
}
.products__item__img__wrap {
    text-align: center
}
.products__item__designer {
    text-align: right
}
.products__item__designer__ttl {
    font-size: 11px;
    margin: 0 0 8px;
    color: #90d0c6
}
.products__item__designer__name {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px
}
.products__item__designer__name__ruby {
    font-size: 8px
}
.mailMag {
    position: relative;
    padding: 30px 0 0
}
.mailMag__inr {
    position: relative;
    z-index: 2;
    width: 900px;
    margin: 0 auto
}
@media screen and (max-width: 780px) {
    .mailMag__inr {
        width: auto;
        margin: 0 30px
    }
}
.mailMag__ttl {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 40px;
    text-align: center;
    text-indent: -.05em;
    letter-spacing: .1em;
    color: #6ad6cc
}
@media screen and (max-width: 780px) {
    .mailMag__ttl {
        font-size: 18px
    }
}
.mailMag__lead {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    margin: 0 0 70px;
    text-align: center
}
@media screen and (max-width: 780px) {
    .mailMag__lead {
        font-size: 15px;
        margin-bottom: 40px;
        text-align: left
    }
    .mailMag__lead br {
        display: none
    }
}
.mailMag__note {
    font-size: 14px;
    margin: 0 0 100px;
    color: #d4f6b6
}
.mailMag__form {
    position: relative;
    margin: 0 0 30px;
    text-align: center
}
@media screen and (max-width: 780px) {
    .mailMag__form {
        margin-bottom: 50px
    }
}
.mailMag__form__hidden {
    display: none
}
.mailMag__inputMail {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    box-sizing: border-box;
    width: 520px;
    height: 60px;
    padding: 20px 30px;
    text-align: left;
    color: #000;
    border-radius: 7px;
    outline: none;
    background: #fff
}
.mailMag__inputMail:focus::-webkit-input-placeholder {
    color: transparent
}
.mailMag__inputMail:focus:-moz-placeholder {
    color: transparent
}
.mailMag__inputMail:focus::-moz-placeholder {
    color: transparent
}
.mailMag__inputMail:focus {
    border: 2px solid #49a49c
}
@media screen and (max-width: 780px) {
    .mailMag__inputMail {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        padding: 20px 15px;
        border-radius: 3px
    }
}
.mailMag__errmsg {
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    top: -50px;
    left: 58px;
    display: none;
    width: 520px;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border-radius: 7px;
    background: #f33035
}
@media screen and (max-width: 780px) {
    .mailMag__errmsg {
        top: -40px;
        right: 0;
        left: 0;
        width: auto
    }
}
.mailMag__errmsg:before {
    position: absolute;
    right: 0;
    bottom: -6px;
    left: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    content: '';
    border-width: 6px 4px 0 4px;
    border-style: solid;
    border-color: #f33036 transparent transparent transparent
}
.mailMag__inputButton {
    font-weight: 700;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 240px;
    height: 60px;
    margin-left: 20px;
    padding: 0 0 0 20px;
    cursor: pointer;
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 7px;
    background: #49a49c
}
.mailMag__inputButton:hover {
    background: #000
}
@media screen and (max-width: 780px) {
    .mailMag__inputButton {
        display: block;
        width: 100%;
        margin: 0;
        border-radius: 3px
    }
}
.mailMag__inputButton:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    width: 30px;
    height: 24px;
    margin: auto 0;
    content: '';
    background-image: url(../../../img/feature/hut/sprite.png);
    background-position: -260px -230px
}
.mailMag__sns {
    display: block
}
.mailMag__sns__list {
    display: block
}
@media screen and (max-width: 780px) {
    .mailMag__sns__list {
        margin-right: -30px;
        margin-left: -30px
    }
}
.mailMag__sns__list__item {
    display: inline-block;
    padding: 0 50px;
    border-left: 1px solid #fff
}
@media screen and (max-width: 780px) {
    .mailMag__sns__list__item {
        padding: 0 10px;
        vertical-align: middle;
        height: 24px
    }
}
.mailMag__sns__list__item:first-child {
    border-left: none
}
.mailMag__sns__list__item.mailMag__sns__list__item--contact {
    padding: 0 50px;
    border-left: 1px solid #fff
}
@media screen and (max-width: 780px) {
    .mailMag__sns__list__item.mailMag__sns__list__item--contact {
    padding: 0 18px;
    border-left: 1px solid #fff
    }
}
@media screen and (max-width: 780px) {
    .mailMag__sns__list__item--blog {
        position: relative;
        top: 10px
    }
}
.mailMag__sns__list__item--blog .mailMag__sns__list__item__link:before {
    width: 40px;
    height: 40px;
    background-image: url(../../../img/feature/hut/sprite.png);
    background-position: -166px -271px
}
@media screen and (max-width: 780px) {
    .mailMag__sns__list__item--blog .mailMag__sns__list__item__link:before {
        width: 20px;
        height: 20px;
        background-image: url(../../../img/feature/hut/sprite.png);
        background-position: -83px -135.5px;
        background-size: 208.5px 163.5px
    }
}
@media screen and (max-width: 780px) {
    .mailMag__sns__list__item--fb .mailMag__sns__list__item__link {
        padding-top: 30px
    }
}
.mailMag__sns__list__item--fb .mailMag__sns__list__item__link:before {
    width: 40px;
    height: 40px;
    background-image: url(../../../img/feature/hut/sprite.png);
    background-position: -116px -271px
}
@media screen and (max-width: 780px) {
    .mailMag__sns__list__item--fb .mailMag__sns__list__item__link:before {
        width: 20px;
        height: 20px;
        background-image: url(../../../img/feature/hut/sprite.png);
        background-position: -58px -135.5px;
        background-size: 208.5px 163.5px
    }
}
@media screen and (max-width: 780px) {
    .mailMag__sns__list__item--tw .mailMag__sns__list__item__link {
        padding-top: 30px
    }
}
.mailMag__sns__list__item--tw .mailMag__sns__list__item__link:before {
    width: 40px;
    height: 40px;
    background-image: url(../../../img/feature/hut/sprite.png);
    background-position: -66px -271px
}
@media screen and (max-width: 780px) {
    .mailMag__sns__list__item--tw .mailMag__sns__list__item__link:before {
        width: 20px;
        height: 20px;
        background-image: url(../../../img/feature/hut/sprite.png);
        background-position: -33px -135.5px;
        background-size: 208.5px 163.5px
    }
}
.mailMag__sns__list__item__link {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    text-decoration: none;
    letter-spacing: .1em;
    opacity: 1;
    color: #d4f6b6;
    filter: alpha(opacity=100)
}
.mailMag__sns__list__item__link:hover {
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}
@media screen and (max-width: 780px) {
    .mailMag__sns__list__item__link {
        font-size: 12px;
        line-height: 1.2;
        box-sizing: border-box;
        width: 32px;
        height: auto;
        padding: 0;
    }
    /*.mailMag__sns__list__item--blog .mailMag__sns__list__item__link {
        font-size: 12px;
        line-height: 1.2;
        box-sizing: border-box;
        width: 60px;
        height: auto;
        padding: 0;
    }*/
    .mailMag__sns__list__item.mailMag__sns__list__item--contact .mailMag__sns__list__item__link {
        font-size: 12px;
        line-height: 1.2;
        box-sizing: border-box;
        width: 80px;
        height: 24px;
        padding: 0
    }
}
.mailMag__sns__list__item__link:before {
    display: inline-block;
    margin-right: 10px;
    content: '';
    vertical-align: -10px;
    height:40px
}
.mailMag__sns__list__item.mailMag__sns__list__item--fb .mailMag__sns__list__item__link:before,
.mailMag__sns__list__item.mailMag__sns__list__item--tw .mailMag__sns__list__item__link:before,
.mailMag__sns__list__item.mailMag__sns__list__item--contact .mailMag__sns__list__item__link:before {
    margin-right: 0
}
@media screen and (max-width: 780px) {
    .mailMag__sns__list__item__link:before {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: 0;
        margin: 0 auto;
        vertical-align: 0
    }
    .mailMag__sns__list__item--blog .mailMag__sns__list__item__link:before {
        top: -20px
    }
    .mailMag__sns__list__item--fb .mailMag__sns__list__item__link:before {
        top: 0;
        right: 0;
        left: 0;
        margin: 0;
        margin: 0 auto
    }
    .mailMag__sns__list__item--tw .mailMag__sns__list__item__link:before {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: 0;
        margin: 0 auto
    }
}
.wrap {
    min-width: 1020px;
    height: 100%
}
@media screen and (max-width: 780px) {
    .wrap {
        min-width: initial
    }
}
.blurBg {
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    background: #000;
    filter: alpha(opacity=0)
}
.blurBg__wrap {
    position: relative;
    height: 100%;
    margin: -80px 0 0;
    padding: 80px 0 0
}
@media screen and (max-width: 780px) {
    .blurBg__wrap {
        margin: -40px 0 0;
        padding: 40px 0 0
    }
}
.blurBg__wrap__inr {
    position: relative;
    z-index: 2
}

.campsite {
    overflow-x: hidden
}
.campsite__ttl {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 65px;
    text-align: center;
    color: #d4f6b6
}
.campsite__dtl {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    width: 700px;
    margin: 0 auto;
    text-align: left;
}
.campsite__dtl:after {
    display: block;
    clear: both;
    content: ''
}
@media screen and (max-width: 780px) {
    .campsite__dtl {
        width: auto;
        margin: 0 30px
    }
}
.campsite__dtl a {
    color:#fff;
    text-decoration: none;
}
.campsite__dtl__body {
    padding-bottom: 20px;
}
@media screen and (max-width: 780px) {
    .campsite__dtl__body {
        padding: 0 0 25px;
    }
}
.campsite .mailMag__note {
    margin: 0 0 30px;
    text-align: left;
}
.campsite .mailMag__note a {
    color: #d4f6b6;
    text-decoration: underline;
    word-break: break-all;
}
.campsite__item__img__wrap {
	width:1020px;
	margin:0 auto 40px;
}
@media screen and (max-width: 780px) {
    .campsite__item__img__wrap {
    	width: 85%;
	}
}
.campsite__item__img__wrap img{
	width:100%;
}

.event {
    overflow-x: hidden
}
.event__ttl {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 65px;
    text-align: center;
    color: #d4f6b6
}
.event__ttl__link {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    text-decoration: none;
    opacity: 1;
    color: #d4f6b6;
    filter: alpha(opacity=100)
}
.event__ttl__link:hover {
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}
.event__dtl {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    width: 700px;
    margin: 0 auto;
    text-align: left;
    border-bottom: 1px solid #efefef;
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}
.event__dtl:after {
    display: block;
    clear: both;
    content: ''
}
@media screen and (max-width: 780px) {
    .event__dtl {
        width: auto;
        margin: 0 30px
    }
}
.event__dtl a {
    color:#fff;
    text-decoration: none;
}
.event__dtl__ttl {
    float: left;
    width: 130px;
    padding: 40px 0 0
}
@media screen and (max-width: 780px) {
    .event__dtl__ttl {
        width: 80px;
        padding-top: 25px
    }
}
.event__dtl__body {
    padding: 40px 0 40px 160px;
    border-top: 1px solid #efefef;
    border-top: 1px solid rgba(255, 255, 255, .4)
}
.event__dtl__body br {
    display: none;
}
@media screen and (max-width: 780px) {
    .event__dtl__body {
        padding: 25px 0 25px 80px
    }
    .event__dtl__body br {
    display: block;
    }
}
.event__dtl__body .materialList dd figure.material img {
    width: 100%;
}
.event__dtl__body .mailMag__note {
    margin: 0;
    text-align: left;
}
.event__dtl__body .mailMag__note a {
    color: #d4f6b6;
    text-decoration: underline;
    word-break: break-all;
}
.spec {
    overflow-x: hidden
}
.spec__ttl {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 65px;
    text-align: center;
    color: #d4f6b6
}
.spec__ttl__link {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    text-decoration: none;
    opacity: 1;
    color: #d4f6b6;
    filter: alpha(opacity=100)
}
.spec__ttl__link:hover {
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}
.spec__dtl {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    width: 700px;
    margin: 0 auto;
    text-align: left;
    border-bottom: 1px solid #efefef;
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}
.spec__dtl:after {
    display: block;
    clear: both;
    content: ''
}
@media screen and (max-width: 780px) {
    .spec__dtl {
        width: auto;
        margin: 0 30px
    }
}
.spec__dtl a {
    color:#fff;
    text-decoration: none;
}
.spec__dtl__ttl {
    float: left;
    width: 130px;
    padding: 40px 0 0
}
@media screen and (max-width: 780px) {
    .spec__dtl__ttl {
        width: 80px;
        padding-top: 25px
    }
}
.spec__dtl__body {
    padding: 40px 0 40px 160px;
    border-top: 1px solid #efefef;
    border-top: 1px solid rgba(255, 255, 255, .4)
}
@media screen and (max-width: 780px) {
    .spec__dtl__body {
        padding: 25px 0 25px 80px
    }
}
.spec__dtl__body .mailMag__note {
    margin: 0;
    text-align: left;
}
.spec__dtl__body .mailMag__note a {
    color: #d4f6b6;
    text-decoration: none;
}

.generalRelease {
    overflow-x: hidden
}
.generalRelease__ttl {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 65px;
    text-align: center;
    color: #d4f6b6
}
.generalRelease__dtl {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    width: 700px;
    margin: 0 auto;
    text-align: left;
}
.generalRelease__dtl:after {
    display: block;
    clear: both;
    content: ''
}
@media screen and (max-width: 780px) {
    .generalRelease__dtl {
        width: auto;
        margin: 0 30px
    }
}
.generalRelease__dtl a {
    color:#fff;
    text-decoration: none;
}
.generalRelease__dtl__body {
    padding-bottom: 20px;
    text-align: center;
}
@media screen and (max-width: 780px) {
    .generalRelease__dtl__body {
        padding: 0 0 25px;
    }
}
.generalRelease .mailMag__note {
    margin: 0 0 30px;
    text-align: left;
}
#generalRelease > .generalRelease > dl > dd:nth-child(6) > .mailMag__note {
    margin: 0;
}
.generalRelease .mailMag__note a {
    color: #d4f6b6;
    text-decoration: underline;
    word-break: break-all;
}
.generalRelease__item__img__wrap {
	width:1020px;
	margin:0 auto 40px;
}
@media screen and (max-width: 780px) {
    .generalRelease__item__img__wrap {
    	width: 85%;
	}
}
.generalRelease__item__img__wrap img{
	width:100%;
}

/* 171103 add */
.generalRelease__dtl2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    width: 700px;
    margin: 0 auto;
    text-align: left;
    border-bottom: 1px solid #efefef;
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}
.generalRelease__dtl2:after {
    display: block;
    clear: both;
    content: ''
}
@media screen and (max-width: 780px) {
    .generalRelease__dtl2 {
        width: auto;
        margin: 0 30px
    }
}
.generalRelease__dtl2 a {
    color:#fff;
    text-decoration: none;
}
.generalRelease__dtl__ttl2 {
    float: left;
    width: 130px;
    padding: 40px 0 0
}
@media screen and (max-width: 780px) {
    .generalRelease__dtl__ttl2 {
        width: 80px;
        padding-top: 25px
    }
}
.generalRelease__dtl__body2 {
    padding: 40px 0 40px 160px;
    border-top: 1px solid #efefef;
    border-top: 1px solid rgba(255, 255, 255, .4)
}
@media screen and (max-width: 780px) {
    .generalRelease__dtl__body2 {
        padding: 25px 0 25px 80px
    }
}

#contentNav {
	margin: 0 auto 180px;
    width: 100%;
    //position:sticky;
    z-index: 100;
    top:0;
    opacity:1;
}
#contentNav div.contentNav__item {
	margin: 0 auto;
	position:relative;
	z-index: 101;
	padding:16px 20px;
	background-color:rgba(0, 0, 0, 0.65);
	//background:linear-gradient(90deg,rgba(0,0,0,0.4), rgba(0,0,0,0.85), rgba(0,0,0,0.4));
	border-top: 1px solid rgba(255, 255, 255, 0.4);
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 780px) {
    #contentNav {
        width: 100%;
    }
    #contentNav div.contentNav__item {
        padding:16px 0;
    }
}
#contentNav ul {display:flex; position:relative; z-index: 102; opacity:1; justify-content: center;}
#contentNav ul li {display:flex-wrap; width:200px; position:relative; z-index: 103; opacity:1;}
#contentNav ul li a {
	color: #d4f6b6;
    text-decoration: none;
    word-break: break-all;
    font-size:12px;
	position:relative;
	z-index: 104;
	opacity:1;
	font-weight:bold;
}

.footer {
    padding: 0 0 50px
}
.footer__share__ttl {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 50px;
    text-align: center
}
.footer__share__list {
    margin: 0 0 60px -.3em;
    text-align: center
}
.footer__share__list__item {
    position: relative;
    display: inline-block;
    width: 70px;
    padding: 0 20px
}
.footer__share__list__item:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    content: '';
    background: #fff
}
.footer__share__list__item:first-child:before {
    display: none
}
.footer__share__list__item--tw {
    padding-left: 25px
}
@media screen and (max-width: 780px) {
    .footer__share__list__item--tw {
        padding-left: 30px
    }
}
.footer__link {
    display: block;
    overflow: hidden;
    width: 180px;
    height: 28px;
    margin: 40px auto;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    white-space: nowrap;
    text-indent: 100%;
    opacity: 1;
    background-image: url(../../../img/feature/hut/sprite.png);
    background-position: -219px -180px;
    filter: alpha(opacity=100)
}
.footer__link:hover {
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}
@media screen and (max-width: 780px) {
    .footer__link {
        width: 90px;
        height: 14px;
        background-image: url(../../../img/feature/hut/sprite.png);
        background-position: -109.5px -90px;
        background-size: 208.5px 163.5px
    }
}
.footer__sponsor {
    font-size: 12px;
    line-height: 1.8;
    margin-top: 7px
}
.footer__copy {
    font-size: 14px;
    display: block;
    margin-top: 15px;
    text-align: center;
    letter-spacing: .1em
}
html>body .mailMag__inputButton:before {
    bottom: auto \9
}
@media screen and (min-width: 1px) {
    html>body .mailMag__inputButton:before {
        bottom: 0 \9
    }
}
.loader {
    position: fixed;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff
}
.loader div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
    margin: auto
}
.loader div img {
    display: block;
    width: 100px;
    height: 100px
}
.photoView {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background: #000;
    background: rgba(0, 0, 0, .5)
}
.photoView__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    margin: auto
}
.photoView__closeBtn {
    position: absolute;
    z-index: 2;
    top: 60px;
    left: 70px;
    overflow: hidden;
    width: 56px;
    height: 56px;
    cursor: pointer;
    white-space: nowrap;
    text-indent: 100%;
    background-image: url(../../../img/feature/hut/sprite.png);
    background-position: 0 -271px
}
@media screen and (max-width: 780px) {
    .photoView__closeBtn {
        top: 15px;
        left: 15px;
        width: 28px;
        height: 28px;
        background-image: url(../../../img/feature/hut/sprite.png);
        background-position: 0 -135.5px;
        background-size: 208.5px 163.5px
    }
}

#faq .arrow {background-image: url(https://www.muji.com/img/feature/sleep2016aw/arrow_down_w.png);}
.faq__ttl {
    font-size: 24px;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    text-decoration: none;
    opacity: 1;
    color: #d4f6b6;
    filter: alpha(opacity=100);
    font-weight:bold;
}
#faq li p {color: #fff; text-align:left; line-height:1.7; margin-bottom:15px;}
#faq li:nth-child(8) p {margin-bottom:0;}
#faq h2 {max-width: 800px; margin-left: auto; margin-right: auto; line-height: 70px;}
#faq h2+div {margin: 10px auto 85px; max-width: 800px;}
#faq h4+div {display: none; margin-bottom: 0; padding: 0;}
#faq .arrow {background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 20px 10px; display: block; float: right; height: 50px; width: 20px;}
#faq h4 {font-size: 17px; text-align: left; font-weight: 700; cursor: pointer; margin: 0; height: 50px; line-height: 50px; padding: 0;  background-repeat: no-repeat; background-position: 95% center; background-size: 30px 15px;}
#faq ul {max-width: 700px; margin: 20px auto 0; list-style:none;}
@media screen and (max-width : 767px){
    #main #faq h4+p {top: 65px;}
    #faq h4 {font-size: 14px; cursor: pointer; margin: 14px 0 0; height: 35px; line-height: 1.2; background-size: 20px 10px; padding:0;}
    #faq .clock {float: none; margin: 0 auto;}
    #faq h4 .question {height: 1px; line-height:1.2; display:block; width: 90%;}
    #faq h4 .arrow {height: 15px;}
    #faq {background-attachment: scroll;}
    #faq ul {width: auto; margin: 20px 25px 0;}
    #faq li p {font-size:14px; margin:-10px 0 20px;}
    #faq li:nth-child(3) p,
    #faq li:nth-child(5) p {margin-top:10px;}
    #faq li p br {display:none;}
    #faq li p.annotation {margin-top:0; font-size:13px;}
}
@media screen and (max-width : 320px){
    #faq li:nth-child(4) p,
    #faq li:nth-child(6) p {margin-top:10px;}
}