@charset "utf-8";

#faq {
 font-size: 13px;
 /* font-size: 1.3rem; */
 word-break : break-all;
 word-wrap : break-word;
 overflow-wrap : break-word;
}
#faq .faqNav{
 margin: 1em 10%;
}
#faq .faqNav li.span_12{
 display: inline;
 width: 50%;
}
#faq .faqNav li a{
 margin: .5em;
 padding: 1em .5em;
}
#faq dl dt{
 font-weight: bold;
 padding-left: 1.6rem;
}
#faq dl dt::before{
 color: rgba(209,82,98,1);
 content: "\f0da\00a0";
 font-family: "FontAwesome";
 margin-left: -1.6rem;
 margin-right: .3em;
}
#faq dl dd{
 padding-left: 1.6rem;
}
#faq ol li {
 list-style-type: none;
 counter-increment: number;
 padding-left: 1.6rem;
}
#faq ol li::before{
 color: rgba(209,82,98,1);
 content: counter(number) ".";
 margin-left: -1.6rem;
 margin-right: .3em;
}
#faq a.lnkTxt{
 color: rgba(209,82,98,1);
}
#faq a.lnkBtn{
 background: rgba(209,82,98,1);
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
 color: #fff;
 display: inline-block;
 margin: .5em .2em;
 padding: .5em 1em;
 text-decoration: none;
}
#faq #ippanFAQ{
 background: #fcf5f6;
}
#faq #memberFAQ{
 background: #fbf5f3;
 margin: 1em;
 padding: 1em;
}
#faq #ippanFAQ,
#faq #memberFAQ{
 border: 1px solid #666;
 margin: 1em;
 padding: 1em;
}
#faq #ippanFAQ h2,
#faq #memberFAQ h2{
 margin: 1em 0;
 padding: .1em .3em;
}
#faq #ippanFAQ h3{
 color: #e68198;
}
#faq #memberFAQ h3{
 color: #dc9e82;
}
#faq #ippanFAQ h3,
#faq #memberFAQ h3{
 font-weight: bold;
 margin: 1.5em 0 .5em;
 padding: .1em .3em .1em 1.6rem;
}
#faq #ippanFAQ h3::before,
#faq #memberFAQ h3::before{
 content: "\f0c8\00a0";
 font-family: "FontAwesome";
 margin-left: -1.6rem;
 margin-right: .3em;
}
#faq #ippanFAQ label,
#faq #memberFAQ label{
 display: block;
 padding: .3em .5em;
}
#faq #ippanFAQ input[type="checkbox"].on-off,
#faq #memberFAQ input[type="checkbox"].on-off{
 display: none;
}
#faq #ippanFAQ .on,
#faq #memberFAQ .on{
 display: block;
}
#faq #ippanFAQ label::before,
#faq #memberFAQ label::before{
 content:"・";
 color: #000;
 display:inline-block;
}
#faq #ippanFAQ label:hover,
#faq #memberFAQ label:hover{
 background: rgba(209,82,98,.1);
 color: rgba(209,82,98,1);
 text-decoration: none;
 cursor: pointer;
}
#faq #ippanFAQ label.view:hover{
 background: #fcf5f6;
}
#faq #memberFAQ label.view:hover{
 background: #fbf5f3;
}
#faq #ippanFAQ label.view:hover,
#faq #memberFAQ label.view:hover{
 color: #333;
 text-decoration: none;
 cursor: text;
}
#faq #ippanFAQ label:hover::before,
#faq #memberFAQ label:hover::before{
 color: rgba(209,82,98,1);
}
#faq #ippanFAQ div,
#faq #memberFAQ div{
 margin: 0;
 padding: 0;
 list-style: none;
}
#faq #ippanFAQ input[type="checkbox"].on-off + div,
#faq #memberFAQ input[type="checkbox"].on-off + div{
 height: 0;
 overflow: hidden;
}
#faq #ippanFAQ .on,
#faq #memberFAQ .on,
#faq #ippanFAQ input[type="checkbox"].on-off:checked + div,
#faq #memberFAQ input[type="checkbox"].on-off:checked + div{
 height: auto;
 margin: .3em 0;
 padding: 0 0 1em 1em;
}

.btnPink2 a{
 color: #fff;
 display: block;
 margin: .5em 0;
 padding: 10px;
 text-align: center;
 text-decoration: none;
 background-color: #888888;
}
.btnPink2 a:hover{
}
/***********************************************************/
/***********************************************************/
@media print, screen and (max-width: 767px) {	
}
/***********************************************************/
/***********************************************************/
@media print, screen and (min-width: 768px) {
/* tablet PC */
#faq{
 font-size: 16px;
 /* font-size: 1.6rem; */
}
#faq #ippanFAQ,
#faq #memberFAQ{
 margin: 1em 1.5em;
 padding: 1.5em;
}
#faq #ippanFAQ h2,
#faq #memberFAQ h2{
 margin: .5em 0 1em;
}
#faq #ippanFAQ h3,
#faq #memberFAQ h3{
 border-top: 1px dashed #999;
 padding-top: 1.5em;
 margin: 1.5em .5em .5em;
}
#faq #ippanFAQ label,
#faq #memberFAQ label{
 border-bottom: none;
 padding-left: .5em;
 margin: 0 .5em.5em;
 padding-bottom: 0;
}
#faq #ippanFAQ label.firstLabel,
#faq #memberFAQ label.firstLabel{
 border-top: none;
}
#faq #ippanFAQ label:hover,
#faq #memberFAQ label:hover{
 background: none;
}
#faq #ippanFAQ .on,
#faq #memberFAQ .on,
#faq #ippanFAQ input[type="checkbox"].on-off:checked + div,
#faq #memberFAQ input[type="checkbox"].on-off:checked + div{
 height: auto;
 padding: 0 0 1.5em 1.8em;
}
}
/***********************************************************/
/***********************************************************/
@media screen and (min-width : 1024px) {
/* PC */
}