@charset "UTF-8";

/*検索*/
.searchform{
	margin-bottom:40px;
	padding:30px 80px;
	/*padding:30px 120px;*/
	border-top:solid 1px #0caee4;
	border-bottom:solid 1px #0caee4;
}
.searchBox{ text-align: center;}
.searchBox{ display: block; margin: 0 auto 30px; font-size: 0;}
.searchBox input[type="text"]{ border: solid 1px #b4b4b4; border-right: none; background: #fff; width: 338px; padding: 15px; box-sizing: border-box;font-size: 1.4rem; display: inline-block; vertical-align: top; height: 53px; border-radius: 0;}
.searchBox input[type="image"]{display: inline-block;vertical-align: top;border-radius: 0;}
.searchBox input[type="image"]:hover{transition: 0.4s; opacity: 0.7;}

.searchform_option{
	margin-top:20px;
	letter-spacing:-0.4em;
}
.searchform_option > li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-right:30px;
	letter-spacing:normal;
}
.searchform_option input{
	margin-right:0.3em;
    -webkit-appearance: checkbox;
}
.searchform input[type="radio"]{
	border:none;
}

/*よくあるご質問*/
h4.title01.title01_search{
	width:auto;
	margin-top:4px;
}
.searchfaq{
	width:370px;
	float:left;
}
.searchkey{
	font-weight:bold;
}
.searchfaq_lead{
	margin:20px 0;
}
.searchfaq_txtarea{
	margin-bottom:20px;
}
.searchfaq_txt{
	margin-bottom:3px;
}
.searchfaq_q{
	background:url(img/search_icon_plus.gif) no-repeat 344px 50% #f4f4f4;
	cursor:pointer;
}
.searchfaq_q.open{
	background-image:url(img/search_icon_minus.gif);
}
.searchfaq_q_inner{
	background:url(img/search_icon_q.gif) no-repeat 20px 50%;
	padding:20px 20px 20px 43px;
}
.searchfaq_a{
	margin-bottom:20px;
}
.searchfaq_a_text{
	background:url(img/search_icon_a.gif) no-repeat 20px 20px;
	padding:20px 20px 20px 43px;
}
.searchfaq_inquiry{
	padding:25px;
	background:#f5f5f5;
	text-align:center;
}
.searchfaq_inq_ttl{
	margin-bottom:20px;
}
.searchfaq_btnlist{
	letter-spacing:-0.4em;
}
.searchfaq_btnlist > li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-bottom:5px;
	letter-spacing:normal;
}
.searchfaq_btn{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:92px;
	height:40px;
	margin:0 5px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.searchfaq_btn_yes{
	background:url(img/search_inq_btn.gif) no-repeat 0 0;
}
.searchfaq_btn_yes:hover{
	background:url(img/search_inq_btn.gif) no-repeat 0 -40px;
}
.searchfaq_btn_no{
	background:url(img/search_inq_btn.gif) no-repeat -92px 0;
}
.searchfaq_btn_no:hover{
	background:url(img/search_inq_btn.gif) no-repeat -92px -40px;
}

/*ランキング*/
.searchrank{
	width:295px;
	float:right;
}
.searchrank_table{
	width:100%;
	margin:20px 0 35px;
	border-collapse:collapse;
	border-top:solid 1px #e0e0e0;
	border-left:solid 1px #e0e0e0;
}
.searchrank_table th{
	width:25px;
}
.searchrank_table th, .searchrank_table td{
	padding:15px;
	border-right:solid 1px #e0e0e0;
	border-bottom:solid 1px #e0e0e0;
	text-align:center;
	vertical-align:middle;
}
.ranktable_1{
	background:#e9e9e9;
}
.ranktable_2{
	background:#f0f0f0;
}
.ranktable_3{
	background:#f0f0f0;
}

/*検索結果*/
.result{ clear:both;}
.resultLead{ padding:15px 0; margin-bottom:20px; border-bottom: solid 1px #e0e0e0;}
.resultTxt{ padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #e0e0e0; *zoom:1;}
.resultTxt:before, .resultTxt:after{ display:table;}
.resultTxt:after{ content:" "; clear:both;}
.resultThumb{ border:solid 1px #f4f4f4; float:left;}
.resultContent{ width:900px; float:right;}
.resultContent p{ font-size: 1.4rem;}
.resultHdr{ margin-bottom:1em; font-size: 1.8rem;}
.resultTxt a{ color: #0079a8; font-weight: bold;}

@media screen and (max-width: 768px){
    
.resultThumb{ float: none; margin-bottom: 20px;}
.resultContent{ width: 100%; float:none;}    
.resultContent p{ font-size: 1.2rem;}
.resultHdr{ font-size: 1.6rem;}

.searchBox{ width: 100%; margin-bottom: 15px;}
.searchBox input[type="text"]{ width: calc(100% - 53px);}
    
    
}