@charset "utf-8";
/* =================================================================================
 faq
================================================================================= */
.faqMenuArea{margin-bottom:30px;}

.faqMenuArea .ttlFaq{
	font-size:20px;
	font-weight: bold;
	margin-bottom:15px;
}

.faqMenuLink .lst li:first-child a{border-top: 1px dotted #6f624e;}

.faqMenuLink .lst li a{
	display: block;
	position: relative;
	padding:10px;
	color:#333;
	font-size:14px;
	border-bottom: 1px dotted #6f624e;
}

.faqMenuLink .lst li a:after{
	display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
    border-top: 8px solid #ff882e;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
}

@media only screen and (min-width:640px){
	.faqMenuLink .lst li a:after{border:none;}

	.faqMenuArea{
		float: left;
		width: 250px;
	}

	.wrapClothes{padding-bottom: 50px;}

	.wrapSubCon .clothMenuArea {
		float:left;
		width: 250px;
		margin-top: 110px;
	}

	.faqMenuLink .lst li a{
		transition: all .8s;
		cursor:pointer;
	}

	.faqMenuLink .lst li a:hover{background-color: #fff5e8;}

	.wrapSubCon .lstFaqArea{
		float:right;
		width: 850px
	}
}

.ttlCntFaq{
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size:16px;
	font-weight: bold;
	border-bottom: 1px solid #6f624e;
}

[data-id="faqArea"]{border: 1px solid #6f624e;}

[data-id="faqArea"] dt {border-top:1px dotted #6f624e;}

[data-id="faqArea"] dt:first-child {border-top:0;}

[data-id="faqArea"] dt p {
	color:#ff882e;
	padding:10px 45px 10px 30px;
	text-indent:-19px;
	font-weight: bold;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAQMAAAAB/jzhAAAABlBMVEX///9+fn4NrJ5nAAAAJklEQVR42mP4////HwYwcYCBgQeD4D+Ahzj8/z8eAr9ebLbB3QIAMDo6V6Hy3U0AAAAASUVORK5CYII=") no-repeat right 10px center;
	background-size:18px 18px;
}

[data-id="faqArea"] dt p.opened {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAQMAAAAB/jzhAAAABlBMVEX///9+fn4NrJ5nAAAAIElEQVR42mP4////HwYwcYCBgYc04vD//3gI0s2DuwUAXHcwo2Jh4S0AAAAASUVORK5CYII=");}

[data-id="faqArea"] dt .qMark{margin-right:5px;}

[data-id="faqArea"] dd {padding: 0 10px 10px;}

@media only screen and (min-width:640px){

	.ttlCntFaq{font-size:18px;}

	[data-id="faqArea"] dt p {
		padding:15px 45px 15px 20px;
		text-indent:0;
		cursor: pointer;
	}

	[data-id="faqArea"] dt p:hover{background-color:#fff5e8;}

	[data-id="faqArea"] dd {padding: 0 45px 15px 20px;}

}


.wrapSubCon:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

/* =================================================================================
 faq_new
================================================================================= */
.faqArea{
    width: 950px;
    margin: 0 auto 60px;
}

.faqArea .ttl{
    display: block;
    position: relative;
    color: #544e41;
    font-weight: bold;
    cursor: pointer;
}

.faqArea .elm .ttl::before{
    content: "Q.";
    display: block;
    position: absolute;
    left: 15px;
}

.faqArea .parentElm > .ttl::after, .faqArea .elm .ttl::after, .faqArea .elm .ttl::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 10px;
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAQMAAAAB/jzhAAAABlBMVEX///9+fn4NrJ5nAAAAJklEQVR42mP4////HwYwcYCBgQeD4D+Ahzj8/z8eAr9ebLbB3QIAMDo6V6Hy3U0AAAAASUVORK5CYII=) no-repeat center center / 18px;
}

.faqArea .parentElm > .ttl.open::after,.faqArea .elm .ttl.open::after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeAQMAAAAB/jzhAAAABlBMVEX///9+fn4NrJ5nAAAAIElEQVR42mP4////HwYwcYCBgYc04vD//3gI0s2DuwUAXHcwo2Jh4S0AAAAASUVORK5CYII=);
}

.faqArea .parentElm{margin-bottom: 20px;}
.faqArea .parentElm:last-child{margin-bottom: 0;}

.faqArea .parentElm > .ttl{
    padding: 15px 40px 15px 60px;
    background-color: #ffd6a0;
}

.faqArea .parentElm > .ttl:hover{color: #ff882e;}
.faqArea .childElm .ttl{
    padding: 15px 40px 15px 40px;
    background-color: #fff;
    color: #ff882e;
}
.faqArea .childElm .ttl:hover{background-color: #fffbf6;}
.faqArea .childElm .ttl.color{color: #ffc62e;}

.faqArea .childElm,.faqArea .elmCnt{display: none;}

.faqArea .elmCnt .txt {
    position: relative;
    padding: 5px 45px 15px 40px;
}

.faqArea .elmCnt .txt::before{
    content: "A.";
    display: block;
    position: absolute;
    left: 15px;
    font-weight: bold;
}

.faqArea .elmCnt .txt > a{
    display: block;
    word-break: break-all;
}

.faqArea .childElm .elm{
    border-top: 1px dotted #ffebd1;
    border-right: 1px solid #fff5e8;
    border-left: 1px solid #fff5e8;
}

.faqArea .childElm .elm:first-child{border-top: none;}
.faqArea .childElm .elm:last-child{border-bottom: 1px dotted #ffebd1;}

.faqArea .parentElm > .ttl::before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 10px;
    width: 40px;
    height: 40px;
    background: no-repeat center center / 40px;
}

.faqArea .parentElm > .faqtel::before{background-image: url("../images/faq/tel.png");}
.faqArea .parentElm > .faqcancel::before{background-image: url("../images/faq/tel.png");}
.faqArea .parentElm > .faqpay::before{background-image: url("../images/faq/payment.png");}
.faqArea .parentElm > .faqcash::before{background-image: url("../images/faq/cash.png");}
.faqArea .parentElm > .faqcamera::before{background-image: url("../images/faq/camera.png");}
.faqArea .parentElm > .faqcos::before{background-image: url("../images/faq/cos.png");}
.faqArea .parentElm > .faqcosad::before{background-image: url("../images/faq/cos.png");}
.faqArea .parentElm > .faqphoto::before{background-image: url("../images/faq/photo.png");}
.faqArea .parentElm > .faqshrine::before{background-image: url("../images/faq/shrine.png");}
.faqArea .parentElm > .faqtrip::before{background-image: url("../images/faq/trip.png");}

.parentElm .ttl.selected:after {
	transform: translateY(-50%) rotate(180deg);
	transition: 0.2s;
}

@media only screen and (max-width:640px){
    .faqArea{
        width: 100%;
        margin-bottom: 40px;
    }

    .faqArea .parentElm{margin-bottom: 10px;}
    .faqArea .parentElm > .ttl{padding: 10px 35px 10px 40px;}

    .faqArea .parentElm > .ttl::before{
        top: 5px;
        left: 5px;
        width: 30px;
        height: 30px;
        background-size: 30px;
    }

    .faqArea .parentElm > .ttl::after, .faqArea .elm .ttl::after, .faqArea .elm .ttl::after{top: 12px;}

    .faqArea .childElm .ttl,.faqArea .elmCnt .txt{padding: 10px 35px 10px 30px;}
    .faqArea .elm .ttl::before,.faqArea .elmCnt .txt::before{left: 10px;}



    .faqArea .parentElm > .ttl:hover{color: #6f624e;}
    .faqArea .childElm .ttl:hover{background-color: #fff;}
}


/* EOF */