@charset "utf-8";
/***********************************************************************
カテゴリー：FAQ
/***********************************************************************/

/* ==========================================
 扉ページ
============================================ */
.tit-faq{
	background:#dbc49d url(../../common/images/bg/bg_stripe_slash.png) repeat 0 0;
	border-radius:8px;
	/*font-size:1.8rem;*/
	font-size:112.5%;
	position:relative;
}
.tit-faq:before{
	content:"";
	background: url(../images/icon_tit1.png);
	background-size: contain;
	position:absolute;
	right:3%;
	top:-6px;
	width: 31px;
    height: 30px;
}
.tit-faq2:before{
	background: url(../images/icon_tit2.png);
	background-size: contain;
}
.tit-faq3:before{
	background: url(../images/icon_tit3.png);
	background-size: contain;
}
.tit-faq4:before{
	background: url(../images/icon_tit4.png);
	background-size: contain;
}
.tit-faq5:before{
	background: url(../images/icon_tit5.png);
	background-size: contain;
}
.tit-faq6:before{ 
	background: url(../images/icon_tit6.png);
	background-size: contain;
}

.tit-faq a,
.tit-faq span{
	background:url(../images/icon_link@2x.png) no-repeat 15px 50%;
	background-size:11px 11px;
	display:block;
	padding:0.4em 48px 0.4em 35px;
}
.ie8 .tit-faq a,
.ie8 .tit-faq span{
	background:url(../images/icon_link.png) no-repeat 15px 50%;
}

.faqBox{
	margin-bottom:2.5em;
}
.faqBox .btnMore{
	text-align:right;
}
.faqBox .btn{
	border-radius: 5px;
	padding-top:0.2em;
	padding-bottom:0.2em;
	font-size:90%;
}
.faqBox ul{
	margin-bottom: 0;
}
.faqBox li{
	background:url(../images/ico_faqlist.gif) no-repeat 0 0.4em;
	padding-left:18px;
	margin-bottom: 20px;
}

@media print, screen and ( min-width : 641px ){
	#faqBoxWrapper { margin-left: -3%; }
	.faqBox{
		float: left;
		margin:0 0 2em 3%;
		width: 47%;
	}
	.faqBox3,
	.faqBox5{
		clear:both;
	}
	.tit-faq:before{
		right:3%;
		top:-6px;
		width: 36px;
		height: 35px;
	}
}
/* media終わり */

/* ==========================================
 FAQページ
============================================ */
body.pro .faqArea.pro,
body.diy .faqArea.diy {
	display: block;
}
body.pro .productIndex .pro,
body.diy .productIndex .diy {
	display: inline-block;
}
body.pro .faqArea.diy,
body.diy .faqArea.pro,
body.pro .productIndex .diy,
body.diy .productIndex .pro,
body.diy .faqIndex .pro {
	display: none;
}
/*.faqIndex {
	display: flex;
	flex-wrap: wrap;
	margin: 0 30px;
}
.faqIndex li {
	padding: 0 5px;
}
.faqIndex li a {
	display: block;
	border: 2px solid #522612;
	border-radius: 23px;
	padding: 4px 20px 5px 6.2rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 11px;
	transition: background .2s ease;
}
.faqIndex li a.current,
.faqIndex li a:hover {
	background: #FFE2B1;
	text-decoration: none;
}
.faqIndex li .faq_icon {
	position: relative;
}
.faqIndex li .faq_icon:before {
	content: "";
	position: absolute;
	top: -7px;
	left: 19px;
	width: 31px;
	height: 30px;
	background: url(../images/icon_tit1.png) 0 0 no-repeat;
	background-size: contain;
}
.faqIndex li .faq_icon:after {
	font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
content: "\f105";
position: absolute;
top: 50%;
right: 15.5px;
margin-top: -0.55em;
font-size: 20px;
font-size: 2.2rem;
font-weight: bold;
}
.faqIndex li .faq_icon2:before {
	background: url(../images/icon_tit2.png) 0 0 no-repeat;
	background-size: contain;
}
.faqIndex li .faq_icon3:before {
	background: url(../images/icon_tit3.png) 0 0 no-repeat;
	background-size: contain;
}
.faqIndex li .faq_icon4:before {
	background: url(../images/icon_tit4.png) 0 0 no-repeat;
	background-size: contain;
}
.faqIndex li .faq_icon5:before {
	background: url(../images/icon_tit5.png) 0 0 no-repeat;
	background-size: contain;
}
.faqIndex li .faq_icon6:before {
	background: url(../images/icon_tit6.png) 0 0 no-repeat;
	background-size: contain;
}*/

.productIndex li {
	display: inline-block;
}
.productIndex li a {
	display: inline-block;
	position: relative;
	padding-right: 1.3em;
	margin-right: 2.6em;
}
.productIndex li a::after {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f105";
transform: rotate(90deg);
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
right: 0;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
}

.faqArea {
	margin:20px 0 40px;
}
.faqArea dl{
	margin:0;
	border: 2px solid #e5e2d9;
}
.faqArea dl:not(:last-of-type){
	border-bottom: 0;
}
.faqArea dt{
	background: #f5f4f0 url(../images/ico_faqlist.gif) no-repeat  2.4rem 2.45rem;
	padding: 1.95rem 3% 2.0rem 5.0rem;
	border-top: 2px solid #e5e2d9;
	font-weight: bold;
	color: #542504;
	cursor: pointer;
}
.faqArea dd {
	display: none;
	background: url(../images/ico_a.gif) no-repeat 2.4rem 2.0rem;
	padding: 1.5rem 3% 1.1rem 5.0rem;
	border-top: 2px solid #e5e2d9;

}
.faqArea dt:first-child{
	border-top: none;
}
.faqArea .qa{display: none;}

.faqArea .note{
	color:#d62324;
}
.faqArea ul,
.faqArea ol {
	margin-top: 0;
}
#faqMenu{
	padding:1em 3%;
	margin:20px 0 40px;
	background-color:#f5f4f0;
	border: 2px solid #e5e2d9;
}
#faqMenu ul{
	margin:0;
}
#faqMenu li{
	border-top: 1px dotted #dad7cf;
	background:url(../images/ico_faqlist.gif) no-repeat 0 0.8em;
	padding:0.6em 2% 0.6em 20px;
	margin-bottom: 0;
	line-height: 1.4;
}
#faqMenu li:first-child{
	border-top: none;
}
#faqArea{
	border-top:3px solid #e5e2d9;
}
#faqArea .qa{display: none;}
#faqArea dl{
	border-bottom:3px solid #e5e2d9;
	margin: 0;
}
#faqArea dl.even{
	background-color:#f5f4f0;
}
#faqArea dt {
	margin: 0 0 1.2em;
  padding: 0.8em 3% 0.8em 40px;
  border-bottom: 1px solid #e5e2d9;
  background: url(../images/ico_q.gif) no-repeat 3% 1.2em;
  font-weight: bold;
  font-size: 115%;
}
#faqArea dd {
	background: url(../images/ico_a.gif) no-repeat 0 0.3em;
	padding-left: 25px;
	margin: 0.5em 3% 2em;
}
#faqArea .note{
	color:#d62324;
}

@media print, screen and ( min-width : 641px ){
	#faqArea dt {
	padding: 0.8em 3% 0.8em 40px;
	background: url(../images/ico_q.gif) no-repeat 15px 1.2em;
	}
	#faqArea dd {
		margin-left: 18px;
		font-size: 14px;
		font-size: 1.4rem;
	}
	/*.faqIndex li .faq_icon:before {
		top: -10px;
		left: 19px;
		width: 36px;
		height: 35px;
	}*/
}
/* media終わり */

@media print, screen and ( min-width : 851px ){
	.alpha-medium{
		margin-left: 2% !important;
	}
	/*.faqIndex {
		margin: 0 -5px;
	}*/
	#faqArea dl.even{
		background-color:#fff;
	}
}
/* media終わり */
.btn_contact {
	display: none;
}
@media print, screen and ( max-width : 850px ){
	.btn_contact {
		display: block;
	}
	.btn_contact a {
		display: block;
		color: #fff;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 15px;
		background: #d52424;
		padding: 15px;
		text-align: center;
		margin-top: 1em;
		border-radius: 5px;
	}
}