@charset "utf-8";
/* CSS Document */

#qaSendBox,#shopQaBox{
	max-width:704px;
	border:8px solid #f4f4e9;
	background-color: #ffffff;
	margin: 0 auto 10px;
}

.qaSendTtl,.shopQaTtl{
	/* padding:18px 0 20px 20px; */
	padding: 20px;
}

.qaSendTtl img {
	max-width: 100%;
}

.qaSendIntro{
	padding: 20px;
	color:#555555;
	font-weight:bold;
	line-height:1.5em;
}

.qaSendIntro span{
	color:#ff669c;
	font-weight:bold;
}

.qaSendIntro span a,.attentionList li a{
	color:#49a5f4;
}

.attentionList{
	padding: 20px;
	color:#555555;
	font-size:10px;
}

.formPart{
	width:662px;
	margin:0 auto 20px;
}

.formPart textarea{
	width: 450px;
	height: 80px;
	border:1px solid #e7e7e1;
}

.formPart .leftPart{
	display:block;
	float:left;
}

.formPart .rightPart{
	display:block;
	float:right;
	width:190px;
	padding-top:12px;
}

#qaSend{
	background:url(../img/shop/qa/btn_qaSend.jpg) no-repeat left top;
	width:190px;
	height:70px;
}

.submitStyle{
	text-indent:-9999px;
	border:none;
}

.qaInner{
	box-shadow: 1px 1px 9px #f3f3e9;
	border:1px #eeeee0 solid;
	background-color: #ffffff;
    margin:0 auto 15px;
    padding:20px 15px;
    width: 678px;
	font-size: 1.2rem;
}

.qaInner dt{
	margin-bottom:15px;
}


.userIcon{
	display:block;
	float:left;
	width:50px;
}

.questionBox{
	width:620px;
	float:right;
}

.qaTxt {
	display: flex;
	width: 600px;
	justify-content: space-between;
	margin-bottom: 10px;
}

.anTxt {
	width: 528px;
}

.questionTitle{
	color: #ffa00a;
	font-size: 16px;
	/* background:url(../img/index/icon_question.jpg) no-repeat 10px top; */
}

.questionner{
	color:#ffa00a;
	padding-right:10px;
}

.questionTitle time,.answerTitle time{
	font-size:10px;
	color:#666666;
}

.qusetion{
	background:url(../img/mypage/qa/bgFukiQ.jpg) no-repeat left 10px;
	width:610px;
	padding:0 0 0 11px;
}

.radiusBox{
	border-radius:3px;
	background-color:#ffc164;
	display:block;
	padding:10px;
	width:auto;
}

.shopIcon{
	display:block;
	width:130px;
	float:right;
}

.shopIcon img{
	width:130px;
}

#qaBoxNewest .answerBox{
	background:url(../img/mypage/index/bganswerBox.jpg) no-repeat left top;
	padding:12px 8px;
	width:663px;
	height:93px;
}

.answerBox {
	display: flex;
	flex-wrap: wrap;
}

.answerDetail{
	width:548px;
	/* float:left; */
}

.answerTitle{
	color: #ffa00a;
	font-size: 16px;
	/* background:url(../img/index/icon_answer.jpg) no-repeat left top; */
}


#qaBoxNewest .answerTitle{
	background:none;
	width:423px;
	height:33px;
	padding:0 0 0 108px;
	text-align: left;

}



.answerner{
	padding-right:10px;
}

.answerner a{
	color:#ffa00a;
}

#qaBoxNewest  a{
	color:#ffffff;
}

.answer{
	background:url(../img/shop/qa/bgFukiA.jpg) no-repeat right 10px;
	width:530px;
	padding:0 16px 0 0;
}

.answerMore{
	position:absolute;
	right:29px;
	bottom:8px;
}


/****よくある質問*****/

.shopQaInner{
	width: 666px;
	margin: 0 auto 20px;
	padding: 0 0 5px;
	border-bottom:  1px solid #dfdfc7;
}

#shopQaBox dl:last-child{
	border-bottom:none;
}


.shopQaInner dt{
	background: url("../img/shop/qa/shop_qa_q.jpg") no-repeat left center;
	padding: 15px 0 15px 60px;
	width: auto;
	margin: 0 auto 15px;
}

.shopQaInner dd{
	background: url("../img/shop/qa/shop_qa_a.jpg") no-repeat left center;
	padding: 15px 0 15px 60px;
	width: auto;
	margin: 0 auto 15px;
}



/* Media Queries ================================================== */
/*896*/
@media screen and (max-width: 896px) {

	.spIntro{
		margin-bottom: 30px;
	}

	.spIntro p{
		padding: 2%;
	}

	.spIntro p a{
		color: #ff3366 !important;
	}	

	.introTtl {
	  padding: 2% 5%;
	  margin-bottom: 10px;
	  background-color: #fff4d1;
	  color: #ff9b00;
	  font-weight: bold;
	}


	.shopQaInner {
  		width: 96%;
  		padding:2%;
  	}

  	.qaInner{
  		width: 88%;
  		padding:3%;
  		clear: both;  		
  	}


	.questionBox {
	  width: calc(100% - 60px);
	}

	.qaSendTtl, .qaSendIntro, .attentionList {
		padding: 3%;
	}

	.qusetion {
	  width: 96%;
	  /* padding: 0 0 0 3%; */
	}


	.answerDetail {
	  width: calc(100% - 60px);
	}


	.answerBox {
	  display: flex;
	  align-items: center;
	}

	.answerShopImg {
	  max-width: 60px;
	  display: block;
	}

	.answerShopImg img{
		max-width: 100%;
	}

	.answerTitle,
	.answer {
  		width: 90%;
  	}

  	.formPart {
  		width: 96%;
  	}	

	.formPart .leftPart {
	  float: none;
	}

	.formPart textarea {
	  width: 98%;
	}  

	.formPart .rightPart {
		float: none;
		margin: 0 auto;
	}	

	#contentsTtl {
        height: 42px;
        line-height: 42px;
        border: 1px solid #eae8da;
        border-left: none;
        border-right: none;
        display: block;
        background: linear-gradient(180deg, rgba(247, 249, 242, 1) 0%, rgba(243, 242, 234, 1) 50%, rgba(236, 236, 226, 1) 100%);
        margin-bottom: 40px;
        font-size: 18px;
        padding-left: 22px;
        position: relative;
        font-weight: normal;
    }

    #contentsTtl::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 22px;
        background: #FE5E8E;
        left: 10px;
        top: 9px;
    }

    #contentsTtl span, .subTtl span {
        font-size: 12px!important;
        font-weight: normal!important;
        padding: 0!important;
        color: #757575!important;
        border-left: none!important;
    }

    #contentsTtl .smallTxt {
        margin-left: 0;
        text-indent: -8px;
		display: block;
    }

	.questionTitle {
		display: inline-block;
		margin-right: 10px;
	}

	.qaTxt {
		display: block;
	}

}