/*----------------------------------------------------------------------------------*/
/*                                                                                  */
/*  TQUICKSEARCH STYLE                                                              */
/*                                                                                  */
/*----------------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------- */
/*  1-1.TTL                                                                         */  
/* -------------------------------------------------------------------------------- */

.bg--quicksearch{
	background:url(../img/bg_ttl.png) no-repeat right;
	}


@media screen and (max-width: 640px) {
	.bg--quicksearch{
		background:none;
		}
}

/* -------------------------------------------------------------------------------- */
/*  1-2.QUICKSEARCH                                                                 */  
/* -------------------------------------------------------------------------------- */

.quickSearch{
	box-sizing: border-box;
	}

.quickSearch > li{	
	margin-bottom:30px;
	box-sizing: border-box;
	/*background-color:#e8eaee;*/
	background-color:#fff;
	border-width: 1px 1px 1px 5px;
	border-style: solid;
	border-top-color:#dcdcdc;
	border-right-color:#dcdcdc;
	border-bottom-color:#dcdcdc;
	}

.quickSearch > li.category1{border-left-color:#4b40ab;/*background-color:#3f5eb1;*/}
.quickSearch > li.category2{border-left-color:#3f5eb1;}
.quickSearch > li.category3{border-left-color:#33a7b4;}
.quickSearch > li.category4{border-left-color:#80b440;}
.quickSearch > li.category5{border-left-color:#d0671a;}
.quickSearch > li.category6{border-left-color:#1a78d0;}


@media screen and (max-width: 640px) {
	.quickSearch{
		border-bottom:solid 1px #dcdcdc;
		}
	
	.quickSearch > li{		
		border-bottom-width:0;
		margin-bottom:0;
		}
}


.quickSearch > li h3{
	font-size:22px;
	font-size:2.2rem;
	line-height:47px;
	/*background-repeat: no-repeat;
	background-position: 970px 35px;*/
	padding:20px 30px 20px 30px;
	position:relative;
	}

.quickSearch > li.category1 h3{color:#4b40ab;}
.quickSearch > li.category2 h3{color:#3f5eb1;}
.quickSearch > li.category3 h3{color:#33a7b4;}
.quickSearch > li.category4 h3{color:#80b440;}
.quickSearch > li.category5 h3{color:#d0671a;}
.quickSearch > li.category6 h3{color:#1a78d0;}

.quickSearch > li h3::before{
	content:"";
	display:block;
	background-repeat:no-repeat;
	background-position: center;
	width:35px;
	height:47px;
	float: left;
	margin-right:20px;
	}

.quickSearch > li.category1  h3::before{background-image:url(../img/ico_category_01.gif);}
.quickSearch > li.category2  h3::before{background-image:url(../img/ico_category_02.gif);}
.quickSearch > li.category3  h3::before{background-image:url(../img/ico_category_03.gif);}
.quickSearch > li.category4  h3::before{background-image:url(../img/ico_category_04.gif);}
.quickSearch > li.category5  h3::before{background-image:url(../img/ico_category_05.gif);}
.quickSearch > li.category6  h3::before{background-image:url(../img/ico_category_06.gif);}

.quickSearch > li h3::after{
	content:".";
	display:block;
	height:30px;
	width:30px;
	background-image:url(../img/ico_plus.png);
	background-position:top;
	background-repeat:no-repeat;
	overflow: hidden;
	position: absolute;
	right:30px;
	top:28px;
	}

.quickSearch > li.category1  h3::after{background-color:#4b40ab;}
.quickSearch > li.category2  h3::after{background-color:#3f5eb1;}
.quickSearch > li.category3  h3::after{background-color:#33a7b4;}
.quickSearch > li.category4  h3::after{background-color:#80b440;}
.quickSearch > li.category5  h3::after{background-color:#d0671a;}
.quickSearch > li.category6  h3::after{background-color:#1a78d0;}


@media screen and (max-width: 640px) {
	.quickSearch > li h3{
		font-size:1.8rem;
		padding-right:60px;
		}
}


.quickSearch > li h3 + div{
	width:860px;
	margin:0 auto;
	font-size:16px;
	font-size:1.6rem;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:650px 0;
	display:none;
	clear:both;
	padding-bottom:20px;
	position:relative;
	}

/*.chara1{background-image:url(../img/chara_01.gif);}*/

.quickSearch--none{
	display:none;
	}

@media screen and (max-width: 640px) {
	.quickSearch > li h3 + div{
		font-size:1.4rem;
		width:80%;
		}
	}

.quickSearch > li div ul li{
	margin-bottom:8px;	
	}

.quickSearch > li div ul li.cat{
	font-size:20px;
	font-size:2rem;
	font-weight:bold;
	margin-bottom:15px;
	}

.quickSearch--link , .quickSearch > li div ul li p.quickSearch--toggle{
	display:inline-block;
	text-decoration: none;
	color:#333;
	/*border-bottom:solid 1px #eee;*/
	padding-bottom:7px;
	padding-left:25px;
	background:url(../../common/img/icon_square_01.gif) no-repeat 0 3px;
	cursor:pointer;
	}

.quickSearch > li div ul li p.quickSearch--toggle{
	margin-bottom:10px;
	}

.quickSearch > li div ul li ul{
	margin-left:30px;
	}

@media screen and (max-width: 640px) {
	/*.quickSearch > li div ul li div{
		width:100%;
		}*/
	
	.quickSearch > li div ul li ul{
		margin-left:0;
		}
	}


/* pop */

.quickSearch--pop{
	padding:20px;
	box-sizing: border-box;
	border:solid 1px #ccc;
	margin-bottom:20px;
	border-radius:8px;
	/*background-color:#fdffe4;*/
	display:none;
	background-color:#fff;
	opacity:0.9;
	}

/*
.quickSearch--pop > h4{
	font-size:2rem;
	margin-bottom:8px;
	}
*/