@charset "UTF-8";
/*******************************

select Css

*******************************/

/*-----------------------------
お人形の選び方
-----------------------------*/
.txt-wrap {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.txt-wrap .txt {
    width: 53%;
}
.txt-wrap p {
    margin-bottom: 0;
}
.txt-wrap figure {
    width: 45%;
    margin: 0;
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
.txt-wrap .txt {
    width: 100%;
    margin-bottom: 30px;
}
.txt-wrap figure {
    width: 100%;
}
}

/*-----------------------------
Q&A
-----------------------------*/
.faq-ul li {
    text-align: left;
    border-bottom: 1px solid #eaeaea;
}

.faq-ul li:nth-child(1) {
    border-top: 1px solid #eaeaea;
}

.faq-ul dl dt {
    cursor: pointer;
    width: 100%;
    font-weight: bold;
    padding: 20px 60px 20px 20px;
    background: url(../img/open.png) 95% 50% no-repeat;
}

.faq-ul dl dt span::before{
    content: 'Q';
    padding-right: 15px;
}

.faq-ul dl dt.active {
    background: url(../img/close.png) 95% 50% no-repeat,#fafafa;
}

.faq-ul dl dd {
    width: 100%;
    padding: 20px;
    background: url(../img/faq_a.png) 15px 50% no-repeat;
    background-size: 40px;
    display: none;
}

.faq-ul span{
    display: block;
    padding-left: 27px;
    text-indent: -27px;
}

.faq-ul dl dd span::before{
    content: 'A';
    padding-right: 15px;
    font-weight: bold;
}