@charset "shift_jis";

#knowledge{
	font-size:13px !important;
}

#contents .clear{
	clear:both;
	padding:10px 0;
}

.clear{
	clear:both;
}

/* TOP ----------------------------------------------------------- */
.kl_index hr{
	clear:both;
	margin:1px 0;
	border-top:#FFF 1px solid;
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
}

#knowledge #main_center_box{
	float:left;
	width:460px;
}

#knowledge .title-lv4{
	margin:0 0 5px 0 ;
}
#knowledge{
	clear:both;
}
/* TOP知っとく */
#shitoku_box{
	width:210px;
	float:right;
	text-align:center;
	margin-bottom:10px;
}
#shitoku_box div{

}
#shitoku_box h3{

	padding-left:23px;
	margin:0 10px;
	text-align:left;
}
#shitoku_box p{
	margin:0 10px 10px;
	text-align:left;
}
#shitoku_box p .shitoku_right{
	float:right;
	margin:0 0 5px 5px;
}


/* TOP人気の知恵袋 */
#imgHover {
		width: 460px;
		margin:5px 0 0 0;
		position:relative;
}
#imgHover #imgFrame {
		position: absolute;
		left: 0;
		top: 0;
		width: 115px !important;
		width: 115px;
		height: 115px !important;
		height: 115px;
		margin:0;
		padding:0;
			}

#imgHover #imgHoverList {
		list-style: none;
		margin:0 0 0 140px;
		padding:0;
		clear:both;
}
#imgHover ul li {
	width:310px;
	padding:0 0 3px 3px;
	line-height:1.6;
}
#imgHover ul li.clear{
}
#imgHover ul li img {
		border: none;
}

#imgHover ul li a {
	margin-left:20px;
	display:block;
}

#imgHover ul li a:hover {
		position: static;
}

#imgHover ul li a .mainImage {
		display: none;

}

#imgHover ul li a:hover .mainImage {
		position: absolute;
		display: block;
		top: 3px;
		left: 0 !important;
		left: 0;
}

/* カテゴリ一覧 */
#cat_index_box{
	width:690px;
	padding:0 0 0 0;
}
#cat_index_box .section{
}
#cat_index_box .title-lv4{
}
.cat_img1{
	float:left;
}
#cat_index{
	float:left;
	width:330px;
	margin-bottom:0px;
	padding-left:10px;
}
#cat_index ul{
	list-style:none;
	float:right;
	width:260px;
}
#cat_index li{
	background:url("../../../cmn/img/arrow_01.gif") 0 3px no-repeat;
	padding:0 0 0 20px;
	margin:0 0 0 0;
	font-weight:bold;
}
#cat_index li p{
	padding:0 0 0 23px;
	margin:5px 0 5px 0;
	font-weight:normal;
}




/* Page ----------------------------------------------------------- */

.title_s {
	display:none;
	}
.green {color:#698700;}
.blue {color:#9bc800;}
.pink {color:#ff9600;}
.orange {color:#ff6600;}
.gray {color:#999999;}
.b-red {color:#bb0000;}

.txt-xxbig{
	font-size:120%;
}
.txt-xbig{
	font-size:120%;
}


/* 20150601記述 */
.txt_answer {	/* A. */
	font-size:140%;
}

.updated_date {
	text-align: right;
	font-size: 110%;
	color: #666666;
	margin-top: -23px;
	margin-bottom: -20px;
	padding: 0 3px 0 0;
}




#knowledge .figure th{
	text-align:left;
}
#knowledge .figure .num{
	float:right;
}

.kl_page hr{
	border-bottom:1px solid #96d6e2;
	clear:both;
	border-top:none;
	border-left:none;
	border-right:none;
	margin:15px 0;
}


/*20180312追加*/

#main p {
	font-size:1.25em;
}


/* カテゴリー一覧-------------------------------------- */
#chie_navi{
	clear:both;
	height:100px;
}
#chie_navi li{
	float:left;
	width:160px;
	height:55px;
	margin:0 5px 5px;
}
#page_link_box li,.kl_catgory #title_ichiran li{
	float:left;
	width:300px;
	margin-left:10px;
	background:url("../../../cmn/img/arrow_01.gif") 0 3px no-repeat;
	padding-left:20px;
	margin-bottom:10px;
}
#page_link_box li{
	float:left;
	width:200px;
	margin-left:10px;
}
.kl_catgory hr{
	clear:both;
	border-top:#FFF 1px solid;
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;
	border-bottom:#FFF 1px solid;
	margin:0px 0;
	padding:0;
	line-height:0;
	font-size:0;
}

#title_ichiran li{
}

hr.category_bottom{
height:1px;
margin:0;
padding:0;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;

}
/*  */
@media screen and (min-width:768px) {

	.toiawase_center{
		text-align:center;
		width:690px;
		margin:20px 0;
	}


	#motto_questionnaire {
		width: 1000px;;
		height: 142px;
		border: 1px solid #dcdcdc;
		margin-left: -160px;
		margin-top: 20px;
	}

#knowledge .btn_area {
		width: 268px;
		height: 104px;
		margin: 20px 180px 0 0;
		float: right;
	}

#knowledge .btn_area li {
		width: 104px;
		height: 104px;
		float: left;
		}

	.first {
		margin-right: 40px;
		border: 1px solid #dcdcdc;
	}

	.second{
		margin-top: 0 !important;
	}

	.motto_questionnaire_inner1{
		float:left;
		margin:50px 0 0 180px;
	}

	#motto_questionnaire_02 {
		width: 667px;
		height: auto;
		border: 1px solid #dcdcdc;
		margin: 30px auto;
		text-align: center;
	}

#knowledge .btn {
		width: 177px;
		height: 43px;
		margin: 22px auto 15px auto;
		display: block;
		}

	#motto_questionnaire_03 {
		width: 667px;
		height: auto;
		border: 1px solid #dcdcdc;
		margin: 0 auto;
		}

		.y_title{
			margin-top: 30px;
			font-size: 22px !important;
		}
		.y_text{
			font-size: 14px !important;
		}


		.reccomend_wrap_k{
			background-color: #e8e8e8;
			width:960px;
			height:300px;
			margin:40px auto;
			margin-left: -160px;
			padding: 20px 20px;
		}

		.reccomend_box_k{

		}

		.r_box_left_k{
			width:550px;
			height: 300px;
			float: left;
			background-color: #ffffff;
		}
		.r_box_right_k{
			width:390px;
			height: 300px;
			float: right;
			background-color: #ffffff;
		}
		.rec_title_01_k{
			width:420px;
			font-size: 18px;
			margin:20px auto 0;
		}
		.rec_title_01_k img{
			margin-top: 3px;
		}
		.rec_title_02_k{
			width:225px;
			font-size: 18px;
			margin:0px auto;
		}
		.rec_title_02_k img{
			margin-top: 3px;
		}
		.Q2{
			width:34px;
			margin: 12px auto;
		}
		.o_text{
			padding:12px 32px;
		}
		.o_btn{
			width: 265px;
			height:35px;
			margin: 0 auto;
		}

}

@media screen and (max-width:767px) {

	body {
		-webkit-text-size-adjust: 100%;
	}

	#main img{
		height:auto !important;
		margin:0 !important;
	}

	.toiawase_center{
		text-align:center;
		width:690px;
		margin:20px 0;
	}

	#main2 a {
		word-wrap:break-word;
	    overflow-wrap:break-word;
	}

#k_footer{
	width: 690px;
}

	#motto_questionnaire {
		width: 680px;;
		height: 342px;
		border: 1px solid #dcdcdc;
		margin-top: 20px;
	}

#knowledge .btn_area {
		width: 360px;
		height: 104px;
		margin:40px auto;
	}

#knowledge .btn_area li {
		width: 150px;
		height: 150px;
		float: left;
		}

	.first {
		margin-right: 40px;
		border: 1px solid #dcdcdc;
	}
	.y_btn{
		width: 150px !important;
	}
	.second{
		margin-top: 0 !important;
	}

	.motto_questionnaire_inner1{
		width:500px;
		margin:50px auto 20px;
	}
	.motto_questionnaire_inner1 img{
		width:500px;
		height: auto;
	}

	#motto_questionnaire_02 {
		width: 667px;
		height: auto;
		border: 1px solid #dcdcdc;
		margin:0;
		text-align: center;
	}

	.motto_questionnaire_inner1_new{
		width: 667px;
	}


#knowledge .btn {
		width: 177px;
		height: 43px;
		margin: 22px auto 15px auto;
		display: block;
		}

	#motto_questionnaire_03 {
		width: 667px;
		height: auto;
		border: 1px solid #dcdcdc;
		margin: 0 auto;
		}

		.y_title{
			margin-top: 30px;
			font-size: 22px !important;
		}
		.y_text{
			font-size: 14px !important;
		}


		.reccomend_wrap_k{
			background-color: #e8e8e8;
			width:960px;
			height:auto;
			margin:0;
			padding: 20px 20px;
		}

		.reccomend_box_k{

		}

		.r_box_left_k{
			width:960px;
			height: auto;
			float: none;
			background-color: #ffffff;
			padding-top: 15px;
		}
		.r_box_right_k{
			width:960px;
			height: auto;
			float: none;
			margin-top: 50px;
			background-color: #ffffff;
			padding-top: 15px;
		}
		.rec_title_01_k{
			width:870px;
			font-size: 37px !important;
			margin:20px auto 0;
		}
		.rec_title_01_k img{
			margin-top: 3px;
		}
		.rec_title_02_k{
			width:525px;
			font-size: 46px !important;
			margin:0px auto;
		}
		.rec_title_02_k img{
			margin-top: 3px;
		}
		.Q2{
			width:60px;
			height: auto;
			margin: 12px auto;
		}
		.Q2 img{
			width:60px;
			height: auto;
		}
		.o_text{
			padding:12px 52px;
			font-size: 36px !important;
		}
		.o_btn{
			width: 500px;
			height:auto;
			margin: 0 auto;
		}
		.o_btn img{
			width: 500px;
			height:auto;
		}

		.reco_area{
			width: 900px;
			height: 700px;
		}

}



/* 20150825記述 */
.article_inner p{
	margin-bottom: 20px;
}

.marker {
	background-color: #fff99c;
    font-weight: bold;
    margin: auto 0.2em;
}


#main2 p{
	font-size:15px;
	margin:25px 0px;
	}

/*190212*/

	.mt-image-right {
		float: right;
		margin: 0 0 0 20px;
	}


/*201803RN*/
/************************  PC用のCSS ************************/
@media screen and (min-width:768px) {
	#knowledge {
		width: 690px;
		margin:0 auto;
		}
	.title-lv2 span {
		text-indent: -1.5em;
		padding:7px 5px 0 2.5em;
	}


	}

/************************  スマホ用のCSS ************************/
@media screen and (max-width:767px) {
	.title-lv2 {
		width:auto;
		background-image:none;
		background: -moz-linear-gradient(#ffffff, #e8eef2);
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e8eef2));
		background: -ms-linear-gradient(#ffffff, #e8eef2); /* IE */
		border:1px solid #eeeeee;
		border-left:4px solid #5a75d6;
		padding:5px;

	}

	.title-lv2 span {
		text-indent: -1.5em;
		padding:5px 5px 0 1.5em;
		background-image:none;
	}


	#main img {
		height: 100%;
	}

	.updated_date {
		margin-bottom:0px;
	}

	.sp_drop {
		float: none;
		display: block;
		text-align: center;
	}

}