@charset "UTF-8";

/*=================================================================
*==================================================================
page style setting
==================================================================*
==================================================================*/
/* ===============================================
sec_faq_category
=============================================== */
.sec_faq_category {
	margin: 0 0 60px 0;
	background: #faf9f4;
}

.sec_faq_category .inner_sec {
	width: 1000px;
	margin: 0 auto;
	padding: 55px 0 10px 0;
}

/* -----------------------------------------------
category_range
----------------------------------------------- */
.sec_faq_category .category_range .category_mass {
	margin: 0 0 60px 0;
}

/*** ttl_area -------***/
.sec_faq_category .category_range .category_mass .ttl_area {
	margin: 0 0 20px 0;
	/* flex */
	display: -webkit-flex;
	display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sec_faq_category .category_range .category_mass .ttl_area .ttl {
	display: block;
	margin: 0 20px 0 20px;
	font-size: 22px;
	font-weight: bold;
}

.sec_faq_category .category_range .category_mass .ttl_area .b_lt,
.sec_faq_category .category_range .category_mass .ttl_area .b_rt {
	position: relative;
	top: 0;
	display: block;
	content: "";
	flex-grow: 1;
}

.sec_faq_category .category_range .category_mass .ttl_area .b_lt:before,
.sec_faq_category .category_range .category_mass .ttl_area .b_rt:before {
	display: block;
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	border: 1px solid #C3161C;
}

.sec_faq_category .category_range .category_mass .ttl_area .b_lt:after,
.sec_faq_category .category_range .category_mass .ttl_area .b_rt:after {
	display: block;
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 100%;
	border: 1px solid #45161C;
}

/*** link_area -------***/
.sec_faq_category .category_range .category_mass .link_area ul {
	/* flex */
	display: -webkit-flex;
	display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sec_faq_category .category_range .category_mass .link_area li {
	width: 195px;
	height: 70px;
}

.sec_faq_category .category_range .category_mass .link_area li.no_link {
	border: 4px solid #E4E4E4;
	border-radius: 10px;
	background: #E4E4E4;
	text-align: center;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sec_faq_category .category_range .category_mass .link_area li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 0 0 0;
	border: 4px solid #C3161C;
	border-radius: 10px;
	background: #ffffff;
	text-align: center;
	/* box set */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* flex */
	display: -webkit-flex;
	display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sec_faq_category .category_range .category_mass .link_area li a:hover {
	opacity: 0.7;
}

.sec_faq_category .category_range .category_mass .link_area li a .txt {
	font-size: 15px;
}

/*--- event ---*/
.sec_faq_category .category_range .category_mass.event .link_area li a {
	border: 4px solid #C3161C;
}

/*--- event ---*/
.sec_faq_category .category_range .category_mass.kitchencar .link_area li a {
	border: 4px solid #5D6E0E;
}


/* ===============================================
sec_faq
=============================================== */
.sec_faq {
	margin: 0 0 0 0;
}

.sec_faq .inner_sec {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

/* -----------------------------------------------
category_range
----------------------------------------------- */
.sec_faq .category_range {
	margin: 0 0 65px 0;
}

/* -----------------------------------------------
ttl_mass
*/
.sec_faq .category_range .ttl_mass {
	margin: 0 0 25px 0;
	text-align: center;
}

.sec_faq .category_range .ttl_mass h3 {
	margin: 0 0 7px 0;
}

.sec_faq .category_range .ttl_mass h3 img {
	width: 122px;
}

.sec_faq .category_range .ttl_mass .name {
	font-size: 18px;
	font-weight: bold;
}

/* -----------------------------------------------
cl_mass
*/
.sec_faq .category_range .cl_mass {
	margin: 0 0 45px 0;
}

/*** ttl_area -------***/
.sec_faq .category_range .cl_mass .ttl_area {
	margin: 0 0 12px 0;
	padding: 22px 10px 22px 30px;
	border-top: 1px solid #A9A9A9;
	border-bottom: 1px solid #A9A9A9;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.1;
}

/*** faq_area -------***/
.sec_faq .category_range .cl_mass .faq_area .faq_box {
	margin: 0 0 15px 0;
}

/*--- q_core ---*/
.sec_faq .category_range .cl_mass .faq_area .faq_box .q_core {
	position: relative;
	min-height: 1em;
	padding: 15px 54px 15px 30px;
	background-color: #faf9f4;
	cursor: pointer;
	/* flex */
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.sec_faq .category_range .cl_mass .faq_area .faq_box .q_core:hover {
	opacity: 0.7;
}

.sec_faq .category_range .cl_mass .faq_area .faq_box .q_core:before {
	display: inline-block;
	content: "Q";
	margin: 0 25px 0 0;
	padding: 0 0 0 0;
	color: #C3161C;
	font-size: 32px;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}

.sec_faq .category_range .cl_mass .faq_area .faq_box .q_core:after {
	position: absolute;
	top: 30px;
	right: 22px;
	display: inline-block;
	content: "";
	width: 29px;
	height: 29px;
	margin: -2px 0 0 0;
	padding: 0 0 0 0;
	background: url(../../img/contents/faq/icon_faq_arrow_bottom_red.png) no-repeat 0 0;
}

.sec_faq .category_range .cl_mass .faq_area .faq_box.on .q_core:after {
	margin: -2px 0 0 0;
	/* transform */
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.sec_faq .category_range .cl_mass .faq_area .faq_box .q_core h3 {
	padding: 10px 0 0 0;
	color: #C3161C;
	font-size: 20px;
}

.sec_faq .category_range .cl_mass .faq_area .faq_box .a_core {
	display: none;
	margin: 0 0 8px 0;
	padding: 30px 54px 15px 30px;
}

.sec_faq .category_range .cl_mass .faq_area .faq_box.on .a_core {
	display: block;
}

/* event */
.sec_faq .category_range.event .cl_mass .faq_area .faq_box .q_core:before {
	color: #C3161C;
}

.sec_faq .category_range.event .cl_mass .faq_area .faq_box .q_core:after {
	background: url(../../img/contents/faq/icon_faq_arrow_bottom_red.png) no-repeat 0 0;
}

.sec_faq .category_range.event .cl_mass .faq_area .faq_box .q_core h3 {
	color: #C3161C;
}

/* kitchencar */
.sec_faq .category_range.kitchencar .cl_mass .faq_area .faq_box .q_core:before {
	color: #5C6E0E;
}

.sec_faq .category_range.kitchencar .cl_mass .faq_area .faq_box .q_core:after {
	background: url(../../img/contents/faq/icon_faq_arrow_bottom_green.png) no-repeat 0 0;
}

.sec_faq .category_range.kitchencar .cl_mass .faq_area .faq_box .q_core h3 {
	color: #5C6E0E;
}

/*--- a_area ---*/
.sec_faq .category_range .cl_mass .faq_area .faq_box .a_core .a_area {
	position: relative;
	min-height: 35px;
	padding: 8px 2px 0 48px;
	/* flex */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.sec_faq .category_range .cl_mass .faq_area .faq_box .a_core .a_area:before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	content: "A";
	margin: 0 25px 0 0;
	padding: 0 0 0 0;
	color: #7F5038;
	font-size: 32px;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';

}

.sec_faq .category_range .cl_mass .faq_area .faq_box .a_core .a_area .txt {
	font-size: 16px;
	line-height: 1.8;
}

.sec_faq .category_range .cl_mass .faq_area .faq_box .a_core .a_area .txt a {
	text-decoration: underline;
}

.sec_faq .category_range .cl_mass .faq_area .faq_box .a_core .a_area .txt a:hover {
	opacity: 0.7;
}