@charset "UTF-8";

.inbox{
	width:1280px;
	margin:0 auto;
}
.pre{
	white-space:pre-wrap;
	word-wrap:break-word;
}
input,textarea{
	margin:0;
}
.alignright{
text-align: right;
}
.aligncenter {
	text-align: center;
}
/*** topページ ***/
#top{
}

/*header*/
#top header{
	height:470px;
}

	#top h1{
		color:#000;
		font-size:17px;
		font-weight:normal;
		text-align:center;
		padding:250px 0 0;
	}
	#top header form{
		position:relative;
		padding:45px 0 0 0 ;
		text-align:center;
	}
		#top header select{
			border:none;
			border-radius:5px;
			font-size:18px;
			padding:5px 10px;
		}
		#top header form i{
			color:#fff;
			font-size:18px;
			padding:0 5px;
		}
		#top header form .top_search_box {
			display: flex;
			justify-content: center;
			align-items: center
		}
		#top header form .top_search_box .kw_top {
			border-radius:8px 0 0 8px;
			font-size:14px;
			line-height:100%;
			width:350px;
			padding:5px;
			height:40px;
		}
		#top header form input[type="submit"]{
			border:none;
			border-radius:0 8px 8px 0;
			color:#fff;
			font-size:18px;
			margin:0 0 0 -1px;
			width:100px;
			height:40px;
		}

	/*cont*/
	#top .cont{
		padding:40px;
	}
		#top .cont div a{
			display:block;
			text-decoration:none;
		}
			#top .cont p{
				background-color:#F5F5F5;
				background-repeat:no-repeat;
				background-size:100% auto;
				border-radius:8px;
				font-size:18px;
				padding:0;
				margin:0 10px 0;
			}
				#top .cont span{
					background-size:cover;
					border-radius:8px 8px 0 0;
					display:block;
					height:150px;
				}
				#top .cont b{
					display:block;
					min-height:120px;
					padding:15px;
				}

		/*slider cursor*/
		#top .cont .slick-prev{
			border:none;
			background:url(/cmn/img/top/arrow_left_g.png) no-repeat;
			height:28px;
			position:absolute;
			top:120px;
			left:-20px;
			width:17px;
		}
		#top .cont .slick-next{
			border:none;
			background:url(/cmn/img/top/arrow_right_g.png) no-repeat;
			height:28px;
			position:absolute;
			top:120px;
			right:-20px;
			width:17px;
		}
		/*slider dots*/
		#top .cont .slick-dots{
			text-align:center;
			margin:30px 0;
		}
			#top .cont .slick-dots li{
				display:inline;
				margin-left:20px;
			}
			#top .cont .slick-dots li:hth-of-type(1){
				margin-left:0;
			}
				#top .cont .slick-dots li button{
					background:#E6E6E6;
					border:none;
					border-radius:9px;
					display:inline-block;
					font-size:0;
					line-height:0;
					height:12px;
					width:12px;
				}
				#top .cont .slick-dots li.slick-active button{
					background:#CAB978;
				}
					#top .cont .slick-dots li button:hover{
						cursor:pointer;
					}
		/*more*/
		#top .cont > a{
			border:1px solid #5F4A23;
			border-radius:20px;
			display:block;
			line-height:100%;
			margin:40px auto 0;
			padding:10px 0;
			text-align:center;
			text-decoration:none;
			width:200px;
		}
			#top .cont > a:hover{
				background:#CAB978;
				border-color:#CAB978;
				color:#fff;
			}


	/*nav*/
	#top > nav{
		background:#EFECE3;
		padding:30px 0 0 0;
	}
		#top > nav p{
			color:#8D854C;
			font-size:17px;
			padding:0 0 10px 15px;
		}
			#top > nav p b{
				color:#000;
				font-size:24px;
				padding:0 5px 0;
			}
			#top > nav p i{
				color:#000;
				font-size:12px;
				padding:0 0 0 20px;
			}
		#top > nav a{
			display:block;
			float:left;
			height:151px;
			width:144px;
		}
		.webp #pop_menu1{
			background:url(/cmn/img/top/nav1.webp) no-repeat;
		}
		.no-webp #pop_menu1{
			background:url(/cmn/img/top/nav1.png) no-repeat;
		}
		.webp #pop_menu2{
			background:url(/cmn/img/top/nav2.webp) no-repeat;
		}
		.no-webp #pop_menu2{
			background:url(/cmn/img/top/nav2.png) no-repeat;
		}
		.webp #pop_menu3{
			background:url(/cmn/img/top/nav3.webp) no-repeat;
		}
		.no-webp #pop_menu3{
			background:url(/cmn/img/top/nav3.png) no-repeat;
		}
	/*** top aside ***/
	#top aside{
		width:1280px;
		margin:10px auto;
	}
		#top aside a.add{
			display:block;
			float:left;
			width:520px;
			height:140px;
		}
				.webp #top aside a.add{
						background: url(/cmn/img/top/add.webp) no-repeat;
				}
				.no-webp #top aside a.add{
						background: url(/cmn/img/top/add.png) no-repeat;
				}
		/* fav */
		#top .fav{
			background:#EAEAEA;
			border:2px solid #C9C9C9;
			border-radius:5px;
			float:left;
			margin:-200px 0 0 0;
			width:760px;
			height:340px;
			padding:15px;
		}
			#top .fav h2{
				background:url(/cmn/img/top/icon_pickup.png) no-repeat;
				background-position:left center;
				color:#8D854C;
				font-size:16px;
				font-weight:normal;
				margin:0 0 20px 0;
				padding:5px 0 5px 40px;
			}
			#top .fav .left,
			#top .fav .right{
				display:table-cell;
				vertical-align:top;
			}
			/*left photo*/
		/*photo*/
		#top .fav .photo{
		}
			#top .fav .photo .main_img{
				margin:0 0 10px 0;
			}
				#top .fav .photo .main_img img{
					max-width:250px;
					min-width:250px;
				}
			#top .fav .photo .thumb_img li{
				display:table-cell;
				vertical-align:top;
				padding:0 0 0 5px;
			}
			#top .fav .photo .thumb_img li:nth-of-type(1){
				padding:0;
			}
				#top .fav .photo .thumb_img img{
					border:1px solid #ccc;
					width:78px;
					height:auto;
					cursor:pointer;
				}

			/*right*/
			#top .fav .right{
				padding:0 0 0 10px;
			}
				#top .fav .right h3{
					font-size:14px;
					font-weight:normal;
					margin:0 0 15px;
				}
				#top .fav .right > div{
					background:#fff;
					border:1px dotted #5F4A23;
					border-radius:5px;
					padding:5px;
				}
				#top .fav dl{
					border-top:1px dotted #5F4A23;
					padding:10px 0;
				}
				#top .fav dl:nth-of-type(1){
					border:none;
				}

					#top .fav dt,
					#top .fav dd{
						display:table-cell;
					}
					#top .fav dt{
						font-size:10px;
						width:50px;
						padding:0 5px 0 0;
					}
					#top .fav dd{
						font-size:14px;
					}

	/*main*/
	#top main{
		padding:30px 0;
	}

	/*見出し*/
	#top .hl{
		background:url(/cmn/img/top/hl.png) no-repeat;
		background-position:bottom center;
		font-family:"Sawarabi Mincho";
		font-size:26px;
		font-weight:normal;
		letter-spacing:1px;
		padding:0 0 25px 0;
		text-align:center;
	}
		#top .hl i{
			color:#898043;
		}
	/*特集*/
	#top #catchup{
	}
		#top #catchup section{
			background:#F5F5F5;
			padding:20px 0;
			margin:20px 0 40px 0;
		}

		#top #catchup ul{
			display:block;
			margin:0 auto;
			width:1280px;
		}
		#top #catchup ul li{
			display:inline;
			padding:0 5px;
		}
			#top #catchup a{
				display:inline-block;
				width:300px;
				height:200px;
			}
						.webp #top #catchup li.catchup1 a{
								background: url(/cmn/img/top/catchup1.webp);
						}
						.no-webp #top #catchup li.catchup1 a{
								background: url(/cmn/img/top/catchup1.png);
						}
			.webp #top #catchup li.catchup2 a{
				background:url(/cmn/img/top/catchup2.webp);
			}
			.no-webp #top #catchup li.catchup2 a{
				background:url(/cmn/img/top/catchup2.png);
			}
			.webp #top #catchup li.catchup3 a{
				background:url(/cmn/img/top/catchup3.webp);
			}
			.no-webp #top #catchup li.catchup3 a{
				background:url(/cmn/img/top/catchup3.png);
			}
			.webp #top #catchup li.catchup4 a{
				background:url(/cmn/img/top/catchup4.webp);
			}
			.no-webp #top #catchup li.catchup4 a{
				background:url(/cmn/img/top/catchup4.png);
			}
	/*ピックアップ*/
	#top #pickup{
		width:1280px;
		margin:60px auto;
	}
		#top #pickup h2 i{
			display:block;
			font-size:14px;
		}
		#top #pickup > p{
			font-size:13px;
			margin:0 0 20px 0;
			text-align:center;
		}

		#top #pickup .left,
		#top #pickup .right{
			display:table-cell;
		}
		#top #pickup .left{
			width:420px;
		}
		#top #pickup .right{
			padding:0 0 0 10px;
			vertical-align:top;
			width:600px;
		}
		/*typeA*/
		.typeA{
			background:#F5F5F5;
			width:530px;
			height:410px;
		}
			.typeA div{
				padding:20px;
			}
			.typeA figure{
				float:left;
				padding:0 10px 0 0;
			}
				.typeA figure img{
					max-width:210px;
				}
			.typeA h3{
				font-size:16px;
				font-weight:normal;
			}
			.typeA div:nth-of-type(1) p{
				font-size:10px;
				line-height:110%;
				padding:10px 0 0 0;
				text-align:right;
			}
			.typeA div:nth-of-type(2){
				background:#fff;
				border:1px dotted #5F4A23;
				border-radius:5px;
				clear:both;
				margin:0 10px;
			}
			.typeA dl{
				border-top:1px dotted #5F4A23;
				padding:10px;
			}
			.typeA dl:nth-of-type(1){
				border:none;
			}

			.typeA dt{
				border-right:1px solid #CFCCC7;
				display:table-cell;
				font-size:12px;
				text-align:left;
				width:55px;
			}
			.typeA dd{
				display:table-cell;
				font-size:14px;
				padding:0 0 0 5px;
			}

		/*typeB*/
		.typeB{
			background:#EAEAEA;
			padding:20px;
			width:740px;
			height:200px;
			margin:0 0 10px 0;
		}
			.typeB h3{
				font-size:14px;
				font-weight:normal;
			}
			.typeB p{
				font-size:10px;
				line-height:110%;
				margin:0 0 5px 0;
				padding:10px 0 0 0;
				text-align:right;
			}
			.typeB figure{
				display:table-cell;
				padding:0 10px 0 0;
			}
				.typeB figure img{
					max-width:150px;
				}
			.typeB div{
				background:#fff;
				border:1px dotted #5F4A23;
				border-radius:5px;
				display:table-cell;
				vertical-align:top;
			}
			.typeB dl{
				border-top:1px dotted #5F4A23;
				font-size:12px;
				padding:10px;
				width:520px;
			}
			.typeB dl:nth-of-type(1){
				border:none;
			}

			.typeB dt{
				border-right:1px solid #CFCCC7;
				display:table-cell;
				font-size:12px;
				text-align:left;
				width:55px;
			}
			.typeB dd{
				display:table-cell;
				padding:0 0 0 5px;
				width:320px;
			}

		/*typeC*/
		.typeC{
			background:#F5F5F5;
			border-left:10px solid #fff;
			display:table-cell;
			padding:10px;
			width:25%;
			min-width:250px;
		}
			.typeC figure{
				text-align:center;
				display:block;
			}
				.typeC figure img{
					max-width:210px;
				}
			.typeC h3{
				font-size:14px;
				font-weight:normal;
				padding:10px 0 0 0;
			}
			.typeC p{
				font-size:10px;
				line-height:110%;
				padding:10px 0 0 0;
				text-align:right;
			}
		#top #pickup .bottom section:nth-of-type(1){
			border:none;
		}

	/*会員限定*/
	#top #limited{
		margin:40px 0 0 0;
	}
		#top #limited .hl span{
			display:block;
			font-size:16px;
		}
		#top #limited section{
			background:#EDEDED;
			margin:0 auto;
		}
		#top #limited ul{
			width:1280px;
			margin:20px auto 0;
			padding:20px 0;
		}
		#top #limited li:nth-of-type(1){
			margin:0;
		}

		#top #limited li{
			display:inline-block;
			margin:0 0 0 10px;
			width:300px;
			height:180px;
		}
		#top .limited1{
			background:url(/cmn/img/top/limited1.png);
		}
		#top .limited2{
			background:url(/cmn/img/top/limited2.png);
		}
		#top .limited3{
			background:url(/cmn/img/top/limited3.png);
		}
		#top .limited4{
			background:url(/cmn/img/top/limited4.png);
		}

	/*お役立ちガイド*/
	#top #useful{
		background:#EFECE3;
				padding-bottom: 15px;
	}
		#top #useful section{
			background:url(/cmn/img/top/useful_logo.png) no-repeat;
			background-position:left center;
			margin:0 auto;
			padding:40px 0 40px 250px;
			width:1280px;
		}
		#top #useful a{
			display:block;
		}
		#top #useful .useful1 a{
			float:left;
			width:336px;
			height:336px;
			margin:0 20px 0 0;
		}
		.webp #top #useful .useful1 a{
			background:url(/cmn/img/top/useful1.webp);
		}
		.no-webp #top #useful .useful1 a{
			background:url(/cmn/img/top/useful1.png);
		}
		#top #useful .useful2 a{
			float:left;
			width:550px;
			height:160px;
		}
		.webp #top #useful .useful2 a{
			background:url(/cmn/img/top/useful2.webp);
		}
		.no-webp #top #useful .useful2 a{
			background:url(/cmn/img/top/useful2.png);
		}
		#top #useful .useful3 a{
			float:left;
			margin:16px 0 0 0;
			width:550px;
			height:160px;
		}
		.webp #top #useful .useful3 a{
			background:url(/cmn/img/top/useful3.webp);
		}
		.no-webp #top #useful .useful3 a{
			background:url(/cmn/img/top/useful3.png);
		}

	/*Q&A*/
	#top #faq{
		width:1280px;
		margin:100px auto;
	}
		#top #faq section{
			display:table;
			width:1280px;
			margin:0 auto;
			padding:20px 0;
		}
		#top #faq h2 span{
			display:block;
			font-size:16px;
		}
		#top #faq section a{
			color:#007196;
		}
		#top #faq div{
			background-position:center center;
			background-size:100% auto;
			display:table-cell;
			width:540px;
			height:300px;
			vertical-align:bottom;
		}
			#top #faq div h3{
				background:#F5F5F5;
				font-weight:normal;
				padding:10px;
				text-align:center;
			}

		#top #faq ul{
			display:table-cell;
			padding:0 0 0 30px;
		}
			#top #faq ul li h3{
				font-weight:normal;
				line-height:300%;
			}
			#top #faq ul li h3:before{
				color:#ccc;
				content:"Q ";
				font-size:25px;
			}
		#top .more{
			background:url(/cmn/img/top/more.png) no-repeat;
			display:block;
			width:205px;
			height:35px;
			margin:20px auto;
		}
	/*特典*/
	#top #tokuten{
		width:1280px;
		margin:40px auto;
	}
		#top #tokuten a{
			display:table-cell;
		}
		#top #tokuten a:nth-of-type(1){
						background: url(/cmn/img/top/tokuten.png) no-repeat;
			background-position:left bottom;
			width:910px;
						height: 381px;
			padding:0 12px 0 0;
		}
		#top #tokuten a:nth-of-type(2){
			width:358px;
			height:370px;
			padding:0 12px 0 0;
		}
				.webp #top #tokuten a:nth-of-type(2){
						background: url(/cmn/img/top/keisai.webp) no-repeat;
			background-position:right bottom;
				}
				.no-webp #top #tokuten a:nth-of-type(2){
						background: url(/cmn/img/top/keisai.png) no-repeat;
			background-position:right bottom;
				}

/*** ページ共通 ***/
#cmn_header{
	background-position:left center;
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0 0 0 260px;
	position:relative;
	width:1024px;
}
	#cmn_header div{
		background:#F3F0E3;
		padding:15px 10px 15px 30px;
	}
		#cmn_header h1{
			color:#7F7F79;
			font-size:12px;
			font-weight:normal;
			margin:0 0 10px 0;
		}
		#cmn_header .area,
		#cmn_header .btn{
			display:table-cell;
		}
		#cmn_header .area{
			vertical-align:bottom;
			width:300px;
		}
			#cmn_header .area li{
				border-left:3px solid #CAB978;
				display:inline-block;
				line-height:100%;
				margin:0 0 10px 0;
				padding:0 0 0 5px;
				width:60px;
			}
				#cmn_header .area li a{
					color:#0071BC;
					font-size:12px;
				}
		#cmn_header .btn{
			vertical-align:bottom;
			text-align:right;
			width:500px;
		}
			#cmn_header .btn li{
				display:inline;
			}
			#cmn_header .btn a{
				display:inline-block;
				margin-left:10px;
			}
			#cmn_header #add a{
				background:url(/cmn/img/def/header_add.png) no-repeat;
				width:103px;
				height:60px;
			}
			#cmn_header #look a{
				background:url(/cmn/img/def/header_look.png) no-repeat;
				background-position:center center;
				width:60px;
				height:60px;
			}
			#cmn_header #keep a{
				background:url(/cmn/img/def/header_keep.png) no-repeat;
				background-position:center center;
				width:60px;
				height:60px;
			}
			#cmn_header #login a{
				background:url(/cmn/img/def/header_login.png) no-repeat;
				background-position:center center;
				width:60px;
				height:60px;
			}
			#cmn_header .logo{
				display:block;
				width:156px;
				height:56px;
				position:absolute;
				top:30px;
				left:0;
			}
/*nav*/
#cmn_nav{
	padding:15px 0 15px 0;
	margin-bottom:5px;
}
	#cmn_nav ul{
		width:1024px;
		margin:0 auto;
	}
		#cmn_nav ul li{
			display:inline;
		}
		#cmn_nav ul li:before{
			color:#4D4D4D;
			content:"|";
			font-size:20px;
			line-height:100%;
			padding:0 20px 0 0;
		}
		#cmn_nav ul li:nth-of-type(1):before{
			content:"";
			font-size:20px;
			line-height:100%;
			padding:0;
		}
			#cmn_nav ul li a{
				background-repeat:no-repeat;
				background-position:left center;
				color:#fff;
				display:inline-block;
				font-size:14px;
				margin-right:20px;
				padding-left:30px;
				text-decoration:none;
			}
			#cmn_nav .top{
				background-image:url(/cmn/img/def/nav_top.png);
			}
			#cmn_nav .search{
				background-image:url(/cmn/img/def/nav_search.png);
			}
			#cmn_nav .useful{
				background-image:url(/cmn/img/def/nav_useful.png);
			}
			#cmn_nav .faq{
				background-image:url(/cmn/img/def/nav_faq.png);
				padding-left:35px;
			}
			#cmn_nav .usr{
				background-image:url(/cmn/img/def/nav_usr.png);
			}
/*submit*/
.cmn_submit_area{
	background:#F5F5F5;
	padding:30px 0;
	text-align:center;
}

	.cmn_submit_area p{
		color:#B19D6C;
		margin:0 0 20px 0;
		padding:15px 0;
	}
	.cmn_submit_area a{
		background:#ABCDE4;
		border-radius:5px;
		box-shadow:1px 1px 3px #ccc;
		color:#fff;
		display:inline-block;
		padding:15px 0 15px;
		text-decoration:none;
		width:200px;
	}

	.cmn_submit_area a:nth-of-type(2){
		background:#BFB28A;
		margin:0 10px 0 0;
	}

	.cmn_submit_area .back{
		background:#B9AA7C !important;
		display:block;
		width:130px;
		margin:20px auto 0 auto !important;
		padding:5px 0;
	}
	.cmn_submit_area input[type="submit"],
	.cmn_submit{
		background:#ABCDE4;
		border:none;
		border-radius:5px;
		box-shadow:1px 1px 3px #ccc;
		color:#fff;
		display:inline-block;
		padding:15px 0 15px 10px;
		text-decoration:none;
		width:200px;
	}
/* hl */
#cmn_hl{
	background:#F2F2F2;
	border-top:1px solid #E7E7E7;
	border-bottom:2px solid #CAB978;
	padding:30px 0;
}
	#cmn_hl h1{
		font-family:"Meriyo-400";
		font-weight:bold;
				font-size: 22px;
		margin:0 auto;
		width:1024px;
	}
		#cmn_hl h1 i{
			color:#B5A058;
		}


#pankuzu{
	padding: 0 0 10px 0;
	margin:0 auto;
	width:1024px;
}
	#pankuzu li{
		display:inline-block;
	}
	#pankuzu li:before{
		content:">";
		margin:0 10px;
	}
	#pankuzu li:nth-of-type(1):before{
		content:"";
		margin:0;
	}
		#pankuzu a{
			color:#0071BC;
		}

/*pager*/
#pager{
	background:#F5F5F5;
	padding:15px 0;
	text-align:center;
	margin-bottom:20px;
}
	#pager a{
		background:#BFB28A;
		border-radius:5px;
		box-shadow:1px 1px 3px #ccc;
		color:#fff;
		margin-right:8px;
		padding:5px 8px;
		text-decoration:none;
	}
	#pager i{
		margin-right:8px;
		padding:5px 8px;
	}

/*画像のアップロード*/
.upload_label{
	background:#f5f5f5;
	border:1px solid #ccc;
	display:table-cell;
	font-size:12px;
	margin-right:10px;
	padding:10px;
	position:relative;
	vertical-align:middle;
	width:50px;
	height:40px;
	text-align:center;
}
	.upload_label:hover{
		cursor:pointer;
	}
	.upload_label input[type="file"]{
		display:block;
		opacity:0;
		width:70px;
		height:60px;
		position:absolute;
		top:0;
		left:0;
	}
/*アップロードした画像の表示*/
#img_link{
	display:table;
}
	#img_link .img_area{
		display:table-cell;
	}
	#img_link a{
		display:block;
		font-size:10px;
		text-align:center;
		width:100px;
	}
	#img_link img{
		border:1px solid #000;
		max-width:80px;
		max-height:80px;
	}
		#img_link img:hover{
			cursor:pointer;
		}
		#img_link .img_tag{
			display:none;
			visibility:hidden;
		}


/*main*/
#cmn_main{
	width:1024px;
	margin:0 auto;
	padding:20px 0;
}


/*** sqz ***/

.a0001{
	background-color:#fcc800;
}
.a0002{
	background-color:#ed6d35;
}
.a0003{
	background-color:#00a497;
}
.a0004{
	background-color:#4d4398;
}
.a0005{
	background-color:#e3acae;
}
.a0006{
	background-color:#0068b7;
}
.a0007{
	background-color:#65ab31;
}
.a0008{
	background-color:#942343;
}
.a0009{
	background-color:#4e454a;
}

.sqz1 i{
	border-color:#fcc800;
}
.sqz2 i{
	border-color:#ed6d35;
}
.sqz3 i{
	border-color:#00a497;
}
.sqz4 i{
	border-color:#4d4398;
}
.sqz5 i{
	border-color:#e3acae;
}
.sqz6 i{
	border-color:#0068b7;
}
.sqz7 i{
	border-color:#65ab31;
}
.sqz8 i{
	border-color:#942343;
}
.sqz9 i{
	border-color:#4e454a;
}
.sqz10 i{
	border-color:#b22222;
}


/*** search ***/

#search{
}
	.result_deta{
		background:#F2F2F2;
		border-top:1px solid #E7E7E7;
		border-bottom:1px solid #CAB978;

	}
	.result_deta > div{
		display:table;
		width:1024px;
		margin:0 auto;
		padding:20px 0;
	}
		.result_deta h1{
			background:url(/cmn/img/search/h2_bg.png) no-repeat;
			background-position:left center;
			font-size:18px;
			letter-spacing:1px;
			line-height:140%;
			padding:0 0 0 20px;
		}
			.result_deta h1 i{
				color:#0071BC;
				font-size:24px;
			}
			.result_deta h1 span{ /*特集記事の見出し*/
				color:#0071BC;
				font-size:24px;
			}
		.result_deta p{
			font-size:16px;
			letter-spacing:1px;
			margin:10px 0 0 0;
		}
			.result_deta p i{
				color:#ED1C24;
				font-size:20px;
				padding:0 5px;
			}
			.result_deta p span{
				font-size:12px;
				padding:0 0 0 20px;
			}
	.result_deta > div > div{
		display:table-cell;
	}
	.result_deta .frm{
		display:table-cell;
		width:200px;
		text-align:right;
	}
		.result_deta .research{
			background:#CAB978;
			border-radius:5px;
			box-shadow:1px 1px 4px #ccc;
			color:#fff;
			display:block;
			margin:0 0 10px 0;
			padding:10px;
			text-align:center;
			text-decoration:none;
		}
		.result_deta .reset{
			background:#ccc;
			border:none;
			border-radius:5px;
			display:block;
			font-size:12px;
			padding:10px;
			text-align:center;
			text-decoration:none;
		}

	.job_deta{
		background:url(/cmn/img/search/result_dtl_footer_bg.png) repeat-x;
		background-position:bottom;
		margin:0 0 40px 0;
		padding:0 0 30px 0;
	}
		.deta_header{
			display:table;
			background:url(/cmn/img/search/result_dtl_header_bg.png) repeat-x;
			background-position:bottom;
			padding:10px 0 40px 0;
			width:100%;

		}
			.deta_header h2,
			.deta_header p{
				display:table-cell;
			}

				.deta_header p{
					vertical-align:middle;
					width:80px;
					padding:0 0 0 10px;
				}
					.deta_header p a{
						background-color:#B2D4EB;
						background-repeat:no-repeat;
						background-image:url(/cmn/img/search/keep_off.png);
						background-position:top 10px center;
						border-radius:5px;
						box-shadow:1px 1px 3px #ccc;
						color:#fff;
						display:block;
						font-size:14px;
						line-height:100%;
						text-align:center;
						text-decoration:none;
						padding:35px 8px 15px;
					}
					.deta_header p a.slct{
						background-image:url(/cmn/img/search/keep_on.png);
					}
						.deta_header p a i{
							display:block;
							font-size:12px;
							margin:2px 0 0 0;
						}

				.job_deta h2{
					font-weight:normal;
				}
					.job_deta h2 i{
						border-radius:5px;
						color:#fff;
						display:inline-block;
						font-size:14px;
						margin:0 10px 0 0;
						padding:2px 8px;
					}
					.job_deta h2 span{
						display:block;
						font-size:14px;
						margin:0 0 10px 0;
					}
					.job_deta h2 a{
						color:#0071BC;
					}

		.job_deta section{
		}
			.job_deta section dl{
				display:table;
				width:100%;
			}
				.job_deta section dt{
					background:#FAF9F4;
					border-bottom:1px solid #E6E6E6;
					color:#666;
					display:table-cell;
					font-size:12px;
					padding:10px;
					text-align:center;
					vertical-align:middle;
					width:100px;
				}
				.job_deta section dd{
					border-bottom:1px solid #E6E6E6;
					display:table-cell;
					padding:30px 20px;
					text-align:left;
				}
				.job_deta .naiyo p{
					display:table-cell;
					vertical-align:top;
				}
					.job_deta .naiyo p img{
						max-width:250px;
					}
					.job_deta .naiyo p:nth-of-type(2){
						padding:0 0 0 20px;
					}
		.job_deta .sqz{
			padding:20px 0;
		}
			.job_deta .sqz dl{
				display:table;
			}
				.job_deta .sqz dt,
				.job_deta .sqz dd{
					display:table-cell;
				}
				.job_deta .sqz dt{
					width:150px;
					padding:10px;
				}
					.job_deta .sqz dt p{
						border-left:4px solid #CAB978;
						color:#666;
						line-height:100%;
						padding-left:5px;
					}
				.job_deta .sqz i{
					border-width:1px;
					border-style:solid;
					border-radius:5px;
					display:inline-block;
					font-size:12px;
					margin:0 10px 5px 0;
					padding:2px 5px;
				}
					#job label:nth-of-type(1){
						margin-right: 15px;
					}

		.deta_footer{
			background:#F5F5F5;
			padding:20px 0;
			text-align:center;
		}

			.deta_footer a{
				border-radius:5px;
				box-shadow:1px 1px 3px #ccc;
				color:#fff;
				display:inline-block;
				padding:15px 0 15px 10px;
				text-decoration:none;
				width:200px;
			}

			.deta_footer a:nth-of-type(1){
				background:url(/cmn/img/search/keep_off2.png) no-repeat #ABCDE4;
				background-position:left 45px center;
				margin:0 10px 0 0;
			}

			.deta_footer a:nth-of-type(2){
				background:url(/cmn/img/search/dtl.png) no-repeat #BFB28A;
				background-position:left 40px center;
			}

/*** job ***/

#job{
}
	.dtl_deta{
		background:#F2F2F2;
		border-top:1px solid #E7E7E7;
		border-bottom:1px solid #CAB978;

	}
	.dtl_deta > div{
		display:table;
		width:1024px;
		margin:0 auto;
		padding:20px 0 30px;
	}
		.dtl_deta p{
			background:url(/cmn/img/search/h2_bg.png) no-repeat;
			background-position:left center;
			font-size:18px;
			letter-spacing:1px;
			line-height:140%;
			padding:0 0 0 20px;
		}

			.dtl_deta p i{
				display:block;
				font-size:14px;
			}


	.dtl_article{
		background:url(/cmn/img/search/result_dtl_footer_bg.png) repeat-x;
		background-position:bottom;
		margin:0 0 40px 0;
		padding:0 0 30px 0;
	}

		.dtl_article .sqz1 i{
			border-radius:5px;
			color:#fff;
			margin:0 10px 0 0;
			padding:3px 8px;
		}

		.dtl_header{
			display:table;
			background:url(/cmn/img/search/result_dtl_header_bg.png) repeat-x;
			background-position:bottom;
			padding:20px 0 40px 0;
			width:100%;

		}
			.dtl_header h2,
			.dtl_header p{
				display:table-cell;
			}

				.dtl_header p{
					vertical-align:middle;
					width:80px;
					padding:0 0 0 10px;
				}
					.dtl_header p a{
						background-color:#B2D4EB;
						background-repeat:no-repeat;
						background-image:url(/cmn/img/search/keep_off.png);
						background-position:top 10px center;
						border-radius:5px;
						box-shadow:1px 1px 3px #ccc;
						color:#fff;
						display:block;
						font-size:14px;
						line-height:100%;
						text-align:center;
						text-decoration:none;
						padding:35px 8px 15px;
					}
					.dtl_header p a.slct{
						background-image:url(/cmn/img/search/keep_on.png);
					}
						.dtl_header p a i{
							display:block;
							font-size:12px;
							margin:2px 0 0 0;
						}

		.dtl_top{
			display:table;
		}
			.dtl_top .photo,
			.dtl_top .txt{
				display:table-cell;
				vertical-align:top;
			}
			.dtl_top .txt{
				line-height:180%;
				padding:0 0 0 20px;
				white-space:pre-wrap;
				word-wrap:break-word;
			}

		/*photo*/
		#job .photo{
			border-right:7px solid #F3F0E3;
			display:table;
			padding:0 15px 0 0;
		}
			#job .photo .main_img{
				margin:0 0 10px 0;
			}
				#job .photo .main_img img{
					max-width:320px;
					min-width:320px;
				}
			#job .photo .thumb_img li{
				display:table-cell;
				vertical-align:top;
			}
				#job .photo .thumb_img img{
					border:1px solid #ccc;
					width:100px;
					height:75px;
					margin-right:7px;
					cursor:pointer;
				}

		#job .oubo{
			background:#F9F7F1;
			padding:30px 0;
			text-align:center;
				margin:30px 0;
		}
			#job .oubo a{
				background:url(/cmn/img/job/oubo.png) no-repeat;
				box-shadow:1px 1px 3px #ccc;
				display:inline-block;
				width:338px;
				height:70px;
			}


		.dtl_middle{
			margin:0 0 30px 0;
		}
			.dtl_middle dl{
				border-bottom:1px solid #E6E6E6;
			}
			.dtl_middle dl:nth-of-type(1){
				border-top:1px solid #E6E6E6;
			}
				.dtl_middle dt,
				.dtl_middle dd{
					display:table-cell;
				}
				.dtl_middle dt{
					background:#F9F9F5;
					color:#666;
					padding:20px 0;
					text-align:center;
					vertical-align:top;
					width:120px;
				}
				.dtl_middle dd{
					padding:20px;
					white-space:pre-wrap;
					word-wrap:break-word;
				}
					.dtl_middle dd i{ /*sqz*/
						background:transparent;
					}
					.dtl_middle dd i:before{
						content:" / ";
					}
					.dtl_middle dd i:nth-of-type(1):before{
						content:"";
					}

			.dtl_hl{
				border-left:4px solid #C3B68E;
				font-size:14px;
				font-weight:normal;
				line-height:100%;
				margin:0 0 20px 0;
				padding:30px 0 30px 30px;
			}
				.dtl_hl b{
					color:#C3B68E;
					font-size:21px;
					font-weight:normal;
					margin:0 20px 0 0;
				}
	/*メール*/
	#dtl_mail_def{
		background:#F5F5F5;
		padding:30px 0;
		text-align:center;
	}

		#dtl_mail_def p{
			color:#B19D6C;
			margin:0 0 20px 0;
			padding:15px 0;
		}
		#dtl_mail_def a{
			background:#ABCDE4;
			border-radius:5px;
			box-shadow:1px 1px 3px #ccc;
			color:#fff;
			display:inline-block;
			padding:15px 0 15px;
			text-decoration:none;
			width:200px;
		}

		#dtl_mail_def a:nth-of-type(2){
			background:#BFB28A;
			margin:0 10px 0 0;
		}

		#dtl_mail_def .back{
			background:#B9AA7C !important;
			display:block;
			width:130px;
			margin:20px auto 0 auto !important;
			padding:5px 0;
		}
		#dtl_mail_def input[type="submit"]{
			background:#ABCDE4;
			border:none;
			border-radius:5px;
			box-shadow:1px 1px 3px #ccc;
			color:#fff;
			display:inline-block;
			padding:15px 0 15px 10px;
			text-decoration:none;
			width:200px;
		}

/*** ユーザー登録 ***/
#usr #cmn_main article{
	margin:0 0 30px 0;
}
	#usr #cmn_main article dl{
		border-bottom:1px solid #E6E6E6;
	}
	#usr #cmn_main article dl:nth-of-type(1){
		border-top:1px solid #E6E6E6;
	}
		#usr #cmn_main article dt,
		#usr #cmn_main article dd{
			display:table-cell;
		}
		#usr #cmn_main article dt{
			background:#F9F9F5;
			color:#666;
			padding:20px 0;
			text-align:center;
			vertical-align:top;
			width:300px;
		}
		#usr #cmn_main article dd{
			padding:20px;
		}

		#usr #cmn_main article h2{
			border-left:4px solid #C3B68E;
			font-size:14px;
			font-weight:normal;
			line-height:100%;
			margin:0 0 20px 0;
			padding:30px 0 30px 30px;
		}

/*** content ***/
#content main{
	display:table-cell;
	width:700px;
}
	#content main h3{
		border-left:4px solid #C3B68E;
		font-size:16px;
		font-weight:bold;
		letter-spacing:1px;
		margin:0 0 20px 0;
		padding:10px;
	}

	#content .list{
		background:url(/cmn/img/search/result_dtl_header_bg.png) repeat-x;
		background-position:bottom;
		padding:0 0 40px 0;
		margin:0 0 30px 0;
	}
		#content .list figure,
		#content .list section{
			display:table-cell;
			vertical-align:top;
		}
		#content .list figure img{
			max-width:200px;
		}
		#content .list section{
			padding:0 20px;
		}
			#content .list h3{
				color:#0071BC;
				font-weight:normal;
			}
	#content main img{
		max-width:100%;
	}

	/*関連記事*/
	#content .kanren{
	}
		#content .kanren a{
			box-shadow:1px 1px 4px #ccc;
			display:table;
			margin:0 0 30px 0;
			padding:3%;
			text-decoration:none !important;
			width:94%;
		}
			#content .kanren figure{
				background-size:cover;
				display:table-cell;
				vertical-align:top;
				width:30%;
			}
			#content .kanren div{
				display:table-cell;
				padding:0 0 0 20px;
				vertical-align:top;
			}
				#content .kanren span{
					display:block;
					text-align:right;
				}


#content aside{
	display:table-cell;
	width:324px;
	padding:0 0 0 24px;
	vertical-align:top;
}
	#content aside article{
		margin:0 0 30px 0;
	}
	#content aside h3{
		background:#F9F7F1;
		border-left:4px solid #C3B68E;
		color:#B5A058;
		font-size:14px;
		font-weight:normal;
		margin:0 0 15px 0;
		padding:5px 10px;
	}

/*** faq ***/
#faq main{
	display:table-cell;
	width:700px;
}
	#faq main h2{
		border-left:4px solid #C3B68E;
		font-size:16px;
		font-weight:normal;
		letter-spacing:1px;
		margin:0 0 10px 0;
		padding:15px;
	}

	#faq .toukou{
		background:#F9F7F1;
		margin:0 0 30px 0;
		padding:30px;
	}
		#faq .toukou select{
			border:1px solid #CAB978;
			display:block;
			margin:0 0 15px 0;
			padding:5px 10px;
			width:100px;
		}
		#faq .toukou textarea{
			border:1px solid #CAB978;
			padding:2%;
			width:96%;
		}
		#faq .toukou p{
			margin:25px 0 0;
			text-align:center;
		}
	#faq .list{
	}
		#faq .list dl{
			border-bottom:1px solid #E6E6E6;
		}
		#faq .list dl:nth-of-type(1){
			border-top:1px solid #E6E6E6;
		}
			#faq .list dt,
			#faq .list dd{
				display:table-cell;
			}
			#faq .list dt{
				background:#F9F9F5;
				color:#666;
				padding:15px 0;
				text-align:center;
				vertical-align:top;

				width:80px;
			}
			#faq .list dd{
				padding:15px;
			}
						form.condition_clr {
						margin-top: 10px;
						}
/*Q&A 詳細*/
	#faq .re{
		position:relative;
	}
		#faq .re label{
			background:#CAB978;
			border-radius:5px;
			color:#fff;
			display:inline-block;
			margin-bottom:10px;
			padding:5px;
			position:absolute;
			top:-10px;
			right:0;
		}
		#faq .re > input[type="checkbox"].on-off{
			display: none;
		}
			#faq .re > input[type="checkbox"].on-off + form{
				border:none;
				height: 0;
				overflow: hidden;
				padding:0;
			}
				#faq .re > input[type="checkbox"].on-off:checked + form{
					border:20px solid #E6E6E6;
					height: auto;
					padding:10px;
				}
	.question{
		padding:20px 0;
	}
		.question time{
			display:block;
			font-size:12px;
			text-align:right;
		}
		.question p{
			background:#F9F7F1;
			font-size:16px;
			line-height:180%;
			padding:20px
		}

#faq aside{
	display:table-cell;
	width:324px;
	padding:0 0 0 24px;
	vertical-align:top;
}
	#faq aside article{
		margin:0 0 30px 0;
	}
	#faq aside h3{
		background:#F9F7F1;
		border-left:4px solid #C3B68E;
		color:#B5A058;
		font-size:14px;
		font-weight:normal;
		margin:0 0 15px 0;
		padding:5px 10px;
	}
	#faq aside a{
		line-height:180%;
		text-decoration:none;
	}
	#faq aside a:hover{
		background:#fff3b8;
	}
	#faq aside .slct:after{
		background:#5F4A23;
		content:"選択中";
		color:#fff;
		font-size:12px;
		font-weight:normal;
		margin-left:10px;
		padding:2px 4px;
		text-decoration:none !important;
	}

/*** mail ***/
#mail #cmn_main article{
	margin:0 0 30px 0;
}
	#mail #cmn_main article dl{
		border-bottom:1px solid #E6E6E6;
	}
	#mail #cmn_main article dl:nth-of-type(1){
		border-top:1px solid #E6E6E6;
	}
		#mail #cmn_main article dt,
		#mail #cmn_main article dd{
			display:table-cell;
		}
		#mail #cmn_main article dt{
			background:#F9F9F5;
			color:#666;
			padding:20px 0;
			text-align:center;
			vertical-align:top;
			width:300px;
		}
		#mail #cmn_main article dd{
			padding:20px;
		}

		#mail #cmn_main article h2{
			border-left:4px solid #C3B68E;
			font-size:14px;
			font-weight:normal;
			line-height:100%;
			margin:0 0 20px 0;
			padding:30px 0 30px 30px;
		}
		#mail input[type="checkbox"],
		#mail input[type="radio"]{
			margin:0 5px 0 0;
		}
		#mail label{
			margin:0 15px 0 0;
		}
		#mail input[type="submit"]{
			display:block;
			margin:10px auto;
		}


/*** MY PAGE***/
#my{
}
	#my main,
	#my aside{
		display:table-cell;
		vertical-align:top;
	}
	#my main{
		width:700px;
	}
		#my main h2{
			border-left:4px solid #C3B68E;
			font-size:14px;
			font-weight:normal;
			line-height:100%;
			margin:0 0 20px 0;
			padding:30px 0 30px 30px;
		}

	#my aside{
		width:324px;
		padding:0 0 0 24px;
	}
		#my aside h3{
			background:#F9F7F1;
			border-left:4px solid #C3B68E;
			color:#B5A058;
			font-size:14px;
			font-weight:normal;
			margin:0;
			padding:5px 10px;
		}
		#my aside .midashi{
			border-bottom:1px solid #C3B68E;
			color:#C3B68E;
			padding:5px 10px;
			margin:10px 0;
		}

	#my aside .menu,
	#my aside .prof{
		background:#f5f5f5;
		line-height:180%;
		margin-bottom:20px;
		padding:20px 10px;
	}
	#my aside .prof{
		font-size:12px;
		text-align:center;
	}
		#my aside .prof figure{
			display:block;
		}
			aside.my .prof figure img{
				max-width:280px;
				max-height:280px;
			}
		#my aside .prof p{
			background:#fff;
			margin:10px 0 0 0;
			padding:10px;
			text-align:left;
			white-space:pre-wrap;
			word-wrap:break-word;
		}

	/*my 共通*/
	#my .more{
		font-size:12px;
		text-align:right;
		margin-bottom:20px;
	}

	/*top diary*/
	#my .diary_list{
		background:#F2F2F2;
		margin-bottom:10px;
		padding:10px;
	}
			#my .diary_list figure{
				display:table-cell;
				vertical-align:top;
			}
				#my .diary_list figure p{
					background:#ccc;
					height:150px;
					overflow:hidden;
					text-align:center;
					width:150px;
				}
					#my .diary_list figure img{
						max-height:150px;
					}
			#my .diary_list section{
				background:#fff;
				display:table-cell;
				vertical-align:top;
				padding-left:10px;
				width:570px;
			}
				#my .diary_list i{
					display:block;
					font-size:12px;
					padding:5px 10px;
				}
					#my .diary_list date{
						margin-right:20px;
					}
			#my .diary_list section p{
				font-size:14px;
				line-height:160%;
				padding:0 10px;
			}
	/*top friend*/
	#my .friend_list{
		background:#F2F2F2;
		margin-bottom:10px;
		padding:20px;
	}
		#my .friend_list section{
			display:block;
			float:left;
			height:auto;
			margin:0 12px 10px 0;
			text-align:center;
			width:120px;
		}
			#my .friend_list section a{
				display:block;
				font-size:12px;
				height:150px;
				text-align:center;
			}
			#my .friend_list figure{
				height:120px;
				overflow:hidden;
				text-align:center;
				width:120px;
			}
				#my .friend_list img{
					max-height:120px;
				}
	/*top community*/
	#my .community_list{
		background:#F2F2F2;
		margin-bottom:10px;
		padding:10px;
	}
			#my .community_list figure{
				display:table-cell;
				vertical-align:top;
			}
				#my .community_list figure p{
					background:#ccc;
					height:150px;
					overflow:hidden;
					text-align:center;
					width:150px;
				}
					#my .community_list figure img{
						max-height:150px;
					}
			#my .community_list section{
				background:#fff;
				display:table-cell;
				vertical-align:top;
				padding-left:10px;
				width:570px;
			}
				#my .community_list i{
					display:block;
					font-size:12px;
					padding:5px;
					text-align:right;
				}
					#my .community_list date{
						margin-right:20px;
					}
			#my .community_list section p{
				font-size:14px;
				line-height:160%;
				padding:0 10px;
			}
	/*bm*/
	#my .bm{
	}
		#my .bm ul{
			background:#E6E6E6;
			display:block;
			margin:0 0 20px 0;
			padding:10px 20px 20px;
		}
			#my .bm li{
				display:table-cell;
				text-align:center;
			}
				#my .bm ul li a{
					font-size:10px;
				}
				#my .bm ul figure{
					width:70px;
					height:70px;
					overflow:hidden;
					vertical-align:middle;
				}
					#my .bm ul img{
						max-height:70px;
					}
	#my .add_area{
		margin-bottom:20px
	}
			#my .add_area section{
				background:#E6E6E6;
				padding:20px;
			}
			#my .add_area section span{
				margin-right:15px;
			}
	/*scout*/
	.scout_list{
		margin-bottom:20px
	}
		.scout_list ul{
			background:#E6E6E6;
			padding:10px;
		}
			.scout_list ul li{
				padding:10px;
			}
			.scout_list ul li:nth-child(2n){
				background:#F2F2F2;
			}
			.scout_list b{
				color:red;
				margin-left:15px;
			}
	/*scout_detail*/
	.scout_dtl{
	}
		.scout_box{
			margin-top:15px;
		}
			.scout_box img{
				display:block;
				margin-bottom:10px;
				max-width:600px;
			}
			.my_scout0{
				display:inline-block;
				float:left;
				max-width:80%;
			}
			.my_scout1{
								color: #25c6da;
				display:inline-block;
				float:right;
								max-width:80%;
			}
				.scout_box i{
					font-size:10px;
				}
				.scout_box p{
					border:1px solid #ccc;
					border-radius:10px;
					padding:15px;
					white-space:pre-wrap;
					word-wrap:break-word;
				}
	/*diary_dtl*/
	#my .diary_dtl{
		margin-bottom:20px;
	}
		#my .diary_dtl date{
			font-size:14px;
			padding:10px 20px;
		}
		#my .diary_dtl section{
			background:#F2F2F2;
			padding:20px;
			white-space:pre-wrap;
			word-wrap:break-word;
		}
		#my .diary_dtl img{
			max-width:100%;
		}
	/*diary_edit*/
	#my .diary_edit{
	}
		#my .upload{
			display:table;
			margin-bottom:10px;
		}
			#my .upload p{
				display:table-cell;
				padding-left:10px;
			}
		#my .diary_edit table{

		}
		#my .diary_edit table{
			width:100%;
		}
			#my .diary_edit table tr{
				border-top:1px solid #E6E6E6;
			}
			#my .diary_edit table tr:first-child{
				border:none;
			}
				#my .diary_edit table tr td:nth-child(1){
					font-size:12px;
					width:120px;
				}
				#my .diary_edit table td{
					padding:15px 5px;
					vertical-align:top;
				}
			#my .diary_edit input[type="text"],
			#my .diary_edit textarea{
				border:1px solid #ccc;
				display:block;
				padding:5px 2%;
				width:96%;
			}
			#my .diary_edit textarea{
				height:600px;
			}
			#my .diary_edit select{
				border:1px solid #ccc;
				padding:5px;
				margin-right:5px;
			}
			#my .diary_edit input[type="submit"]{
				background:#666;
				border:none;
				border-radius:5px;
				color:#fff;
				display:block;
				margin-top:10px;
				padding:10px;
				width:100%;
			}
	/*friend*/
	nav.friend_menu{
		background:#E6E6E6;
		border-bottom:4px solid #ccc;
		height:40px;
		margin:0 0 20px 0;
	}
		nav.friend_menu a{
			border-bottom:4px solid #ccc;
			color:black;
			display:table-cell;
			font-size:12px;
			font-weight:bold;
			height:40px;
			padding:0 20px;
			text-align:center;
			vertical-align:middle;
		}
			nav.friend_menu a.slct{
				border-bottom:4px solid #999;
			}
			nav.friend_menu a:hover{
				border-bottom:4px solid #555;
			}
	/*friend_request*/
	#my .friend_request{
		display:table;
		margin-bottom:20px;
		width:100%;
	}
		#my .friend_request figure,
		#my .friend_request p,
		#my .friend_request form{
			display:table-cell;
			vertical-align:middle;
			padding-right:20px;
		}
		#my .friend_request figure{
			overflow:hidden;
			width:150px;
		}
			#my .friend_request figure img{
				max-height:150px;
			}
		#my .friend_request form{
			width:50px;
		}
	#my .friend_request:nth-child(2n+1){
		background:#F2F2F2;
	}
	/*community*/
	aside .community{
		background:#E6E6E6;
		margin-bottom:20px;
		padding:10px;
	}
		aside .community figure{
			display:block;
			text-align:center;
		}
		aside .community figure img{
			max-width:100%;
			max-height:280px;
		}
		aside .community p{
			background:#fff;
			font-size:12px;
			margin-bottom:10px;
			padding:10px;
		}
		aside .community form{
			text-align:center;
		}
	/*bbs area*/
	#community_dtl{
	}
		/*投稿フォーム*/
		#community_dtl form{
			border:20px solid #F2F2F2;
			background:#fff;
			display:block;
			padding:10px;
			position:relative;
			margin:0 0 20px 0;
		}
		#community_dtl form textarea{
			background:#fff;
			border:none;
			display:table-cell;
			font-size:14px;
			padding:5px 10px;
			height:50px;
			width:500px;
		}
		#community_dtl form p{
			display:table-cell;
			vertical-align:top;
		}
		#community_dtl form input[type="submit"]{
			background:transparent;
			border:none;
			border-top:4px solid #999;
			position:absolute;
			bottom:0;
			right:5px;
		}

		/*投稿エリア*/
		#community_dtl .u0,
		#community_dtl .u1{
			border-bottom:1px solid #ccc;
			display:table;
			padding:10px;
		}
		#community_dtl .u0{ /*他人の投稿*/
		}
		#community_dtl .u1{ /*自分の投稿*/
			background:#ffffe0;
		}
			#community_dtl .usr{
				display:table-cell;
				font-size:10px;
				text-align:center;
				vertical-align:top;
				width:80px;
			}
				/*ユーザーアイコン*/
				#community_dtl .usr > p{
					background-color:#ccc;
					background-size:auto 50px !important;
					background-position:center center;
					border-radius:25px;
					margin:0 auto;
					width:50px;
					height:50px;
				}

			#community_dtl .data{
				display:table-cell;
				padding:10px 0;
				text-align:left !important;
				vertical-align:top;
				width:650px;
			}
				#community_dtl .data img{
					display:block;
					margin-bottom:10px;
				}
				#community_dtl .data i{
					display:block;
					font-size:10px;
					margin:0 0 10px 0;
				}
				#community_dtl .data p{
					white-space:pre-wrap;
					word-wrap:break-word;
				}
	/*edit*/
	#my .edit
	{
		background:#F2F2F2;
		padding:20px;
	}
		#my .edit table{
			width:100%;
		}
			#my .edit table tr{
				border-top:1px solid #E6E6E6;
			}
			#my .edit table tr:first-child{
				border:none;
			}
				#my .edit table tr th,
				#my .edit table tr td:nth-child(1){
					font-size:12px;
					width:120px;
				}
				#my .edit table td{
					padding:15px 5px;
				}
			#my .edit input[type="text"],
			#my .edit input[type="mail"],
			#my .edit textarea{
				border:1px solid #ccc;
				display:block;
				padding:5px 2%;
				width:96%;
			}
			#my .edit input[type="submit"]{
				background:#666;
				border:none;
				border-radius:5px;
				color:#fff;
				display:block;
				margin-top:10px;
				padding:10px;
				width:100%;
			}
			#my .edit label{
				margin-right:10px;
			}
			#my .edit .upload_label{
				border-right:2px solid #ccc;
				border-bottom:2px solid #ccc;
			}
	/*add bm area*/
	.add_bm_area{
		padding:20px;
	}
		.add_bm_area span{
		}
		.add_bm_area span:before{
			color:#ccc;
			content:"|";
			font-size:10px;
			margin:0 15px;
		}
		.add_bm_area span:first-child:before{
			content:"";
			margin:0;
		}
	/*scout*/
	#my #message_form{
		background:#f5f5f5;
		padding:10px;
	}
	#my #message_form label,
	#my #message_form p{
		display:table-cell;
		vertical-align:top;
	}
	#my #message_form textarea{
		width:450px;
		height:60px;
	}
	#my #message_form .cmn_submit{
		width:100px;
		height:60px;
	}

/*** reissue ***/
#reissue{
}
		#reissue h2{
			border-left:4px solid #C3B68E;
			font-size:14px;
			font-weight:normal;
			line-height:100%;
			margin:0 0 20px 0;
			padding:30px 0 30px 30px;
		}
		#reissue article{
		}
			#reissue form{
				background:#f5f5f5;
				margin:40px 0;
				padding:20px 0 10px;
			}
				#reissue input[type="mail"],
				#reissue input[type="submit"]{
					display:block;
					margin:0 auto 20px auto;
				}
				#reissue input[type="mail"]{
					padding:5px 10px;
					width:300px;
				}
/*** 404 ***/
.error_box {
	width: 505px;
	padding: 10px;
	background-color: #eeeeee;
	margin: 15px auto 80px;
	color: #383838;
	margin-top: 50px;
}
.error_box .ttl {
	font-size: 15px;
	padding-top: 40px;
	margin: 0;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
}
.error_box span {
	font-size: 25px;
	font-weight: normal;
	color: #B5A058;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
}
.error_box .txt {
	padding: 10px 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
#error .error_box .btn a {
	display: block;
	background: #ABCDE4;
	border-radius: 5px;
	width: 200px;
	margin: 20px auto;
	text-align: center;
	font-weight: bold;
	box-shadow: 1px 1px 3px #ccc;
	color: #fff;
	padding: 10px;
	text-decoration: none;
	font-size: 14px;
}
/*** footer ***/
footer{
	background:#f5f5f5;
	padding:40px 0 0 0;
}
	footer section{
		background-position:left center;
		width:1280px;
		margin:0 auto;
		padding:0 0 0 220px;
	}
		.webp footer section{
				background: url(/cmn/img/def/sevenforce.webp) no-repeat 0px 23px;
		}
		.no-webp footer section{
				background: url(/cmn/img/def/sevenforce.png) no-repeat 0px 23px;
		}
	footer section p{
		display:table-cell;
		font-size:14px;
		padding:20px 0 0 0;
		vertical-align:middle;
		width:380px;
	}
	footer section ul{
		display:table-cell;
		padding:40px 0 0 40px;
	}
		nav.footer-menu {
				display: table-cell;
		}
	footer section ul li{
			display:inline-block;
			padding:0 0 30px 0;
			width:150px;
		}
	footer section ul li a{
				text-decoration:none;
				font-size:14px;
			}
	footer > ul{
		text-align:center;
		padding:40px 0 10px 0;
	}
		footer > ul li{
			display:inline;
		}
		footer > ul li:before{
			content:"　|　";
		}
		footer > ul li:nth-of-type(1):before{
			content:"";
		}

		footer > ul li a{
			color:#000;
		}
	footer > p{
		background:#B19D6C;
				color: #FFF;
		font-size:14px;
		margin:0 0 0 0;
		padding:15px 0;
		text-align:center;
	}

/*ハンバーガーリスト*/
#rwdMenuWrap,
#menuOverlay,
#switchBtnArea{
	display:none;
	visibility:hidden;
}

/*pop_nav*/
.remodal-bg{
	position:fixed;
	right:0;
	bottom:0;
	width:54px;
}
	.remodal-bg a,
	.remodal-bg .logout{
		background-color:#CAB978;
/*		background-size:40px auto;*/
		background-position:center center;
		background-repeat:no-repeat;
		border:none;
		border-radius:5px 0 0 5px;
		display:block;
		margin-bottom:2px;
		width:54px;
		height:60px;
	}
	.remodal-bg .sch{
		background-image:url(/cmn/img/def/btn_search_pc_w50.png) !important;
	}
	.remodal-bg .login{
		background-image:url(/cmn/img/def/btn_login_pc_w50.png);
	}
	.remodal-bg .logout{
		background-image:url(/cmn/img/def/btn_logout_pc_w50.png);
	}
	.remodal-bg #pagetop{
		background-image:url(/cmn/img/def/btn_top_pc_w50.png);
	}
	.remodal-bg .my{
		background-image:url(/cmn/img/def/btn_mypage_pc_w50.png);
	}
	.remodal-bg .bm_off{
		background-image:url(/cmn/img/def/btn_keepoff_pc_w50.png);
	}
	.remodal-bg .bm_on{
		background-image:url(/cmn/img/def/btn_keepon_pc_w50.png);
	}

/*remodal*/
.remodal {
	border-radius:8px;
	box-sizing: border-box;
	box-shadow:1px 1px 10px #ccc;
	width: 750px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: #fff;
}
/* Close button */

.remodal-close {

	position: absolute;
	top: 10px;
	right: 10px;

	display: block;
	overflow: visible;

	width: 40px;
	height: 40px;

	cursor: pointer;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-decoration: none;

	background:#fff;
	border-radius:5px;
	box-shadow:1px 1px 3px #B5A058;
	color: #000;

}
.remodal-close:before {
	content: "\00d7";
	color:#CAB978;
	font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
	font-size: 40px;
	line-height:100%;

	display: block;

	text-align: center;
}
#panel {
	margin:20px;
}

	#panel > dt {
		background:url(/cmn/img/def/pop_panel_open_color.png) no-repeat #EFECE3;
		background-position:left 10px center;
		background-size:20px auto;
		border-radius:5px;
/*		box-shadow:1px 1px 3px #CAB978;*/
		color:#B5A058;
		cursor: pointer;
		font-weight:bold;
		letter-spacing:1px;
		margin:0 0 10px 0;
		padding: 10px 0 10px 35px;
		text-align:left;
	}

	#panel > dd {
		margin: 0px;
		padding: 20px;
		text-align:left;
	}

	/*etc*/
	#panel ul li{
		display:inline-block;
		margin:10px 0;
		width:50%;
	}
.remodal select{
	display:block;
	margin:5px auto;
	padding:5px;
	width:300px;
}
.remodal input[type="text"],
.remodal input[type="email"],
.remodal input[type="password"]{
	display:block;
	margin:0 auto;
	padding:5px;
}
.remodal input[type="checkbox"]{
	margin:0 5px 0 0;
}
.remodal input[type="submit"]{
	background:#7CB5D9;
	border:none;
	border-radius:5px;
	box-shadow:1px 1px 5px #ccc;
	color:#fff;
	display:block;
	font-size:18px;
	padding:15px 0;
	margin:0 auto 10px;
	width:150px;
}

/*** 追加 ***/
.hl_pop{
	background:url(/cmn/img/def/btn_search.png) #CAB978 no-repeat;
	background-size:30px auto;
	background-position:left 40px center;
	border-radius:5px 5px 0 0;
	color:#fff;
	font-size:18px;
	line-height:100%;
	padding:20px 0 20px 80px;
	text-align:left;
}

.hl_pop_login{
	background:url(/cmn/img/def/btn_mypage.png) #CAB978 no-repeat;
	background-size:30px auto;
	background-position:left 40px center;
	border-radius:5px 5px 0 0;
	color:#fff;
	font-size:18px;
	line-height:100%;
	padding:20px 0 20px 80px;
	text-align:left;
}
/*login*/
.remodal article{
	padding:20px;
}
	.remodal article dl{
		margin:0 0 20px 0;
	}
	.remodal article small{
		display:block;
		padding:10px;
	}
/* コラムページの画像 */
.aligncenter{
display: block;
margin: 20px auto;
}

/* コラムページのh2 */
.headline2 {
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
}
.headline2.border{
  padding: 1rem 2rem;
  border-left: 5px solid #CAB978;
  background: #f4f4f4;
}

/* コラムページの見出し */
#content h4 {
	color: #CAB978;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 20px;

}
#content h5 {
	background-color: #f4f4f4;
	border-radius: 5px;
	color: #444;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 20px;
	padding: 7px 15px;
}
.heading{
	font-size: 150%;
	text-align: center;
}
.heading-under{
	font-size: 150%;
	text-align: center;
	display: inline-block;
	background: linear-gradient(transparent 76%, #CAB978 70%);
}

/* クリップbox */
.clip-box-a {
 font-weight: bold;
 position: relative;
 margin: 2em auto;
 padding: 15px 35px 35px 25px;
 width: 90%; /* ボックス幅 */
 background-color: #F9F7F1; /* ボックス背景色 */
 color: #555555; /* 文章色 */
 border: 1px solid #ccc; /* 枠線 */
 box-shadow: 1px 1px 1px #acacac; /* 影の色 */
}
.clip-box-a::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 border: 3px solid #555555; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #999;
 transform: rotate(10deg);
 z-index: 1;
}
.clip-box-a::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px;
 right: 20px;
 border: solid 5px #F9F7F1; /*背景色と同じ色にする*/
 z-index: 2;
}
/*Q＆A*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.cp_qa dt {
	position: relative;
	margin: 0 0 1.5em 0;
}
.cp_qa dd {
	position: relative;
	margin: 0 0 2em 0;
	padding: 0 0 1.5em 2em;
	border-bottom: 1px dotted #0097a7;
}
.cp_qa dt::before, .cp_qa dd::before {
	font-size: 1.5em;
	margin: 0 0.5em 0 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.2em;
}
.cp_qa dt::before {
	padding: 0.1em 0.3em;
	content: 'Q';
	background: #f57c00;
}
.cp_qa dd::before {
	padding: 0.12em 0.45em;
	content: 'A';
	background: #0097a7;
}
.cp_qa dt::after, .cp_qa dd::after {
	position: absolute;
	top: 0.8em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-width: 5px 0 5px 5px;
	border-style: solid;
}
.cp_qa dt::after {
	left: 2.1em;
	border-color: transparent transparent transparent #f57c00;
}
.cp_qa dd::after {
	left: 4.2em;
	border-color: transparent transparent transparent #0097a7;
}
/*一言　緑のbox*/
.hitokoto{
  background: rgba(215, 253, 205, 0.61);
  margin: 2em 0;
  padding: 25px;
  border-radius: 10px;
}

.hitokoto-circle1{
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  margin-top: -37px;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle1:after{
  content: "と";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle2:before{
  content: "";
  position: absolute;
  top: 100%;
  margin-left: -8px;
  border: 5px solid transparent;
  border-top: 10px solid #4caf50;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.hitokoto-circle2{
  position: absolute;
  font-size: 16px;
  line-height: 1.5;
  margin-top: -37px;
  margin-left: 40px;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle2:after{
  content: "と";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#4caf50;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto p{
  margin: 0;
  padding: 0;
}

/*左ボーダーbox*/
.box01 {
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #00BCD4;
	background: #FCFCFC;
	border-left: solid 8px #1dc1d6;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}
.box01 p {
	margin-top: -20px;
	padding: 0;
}
/*グレー背景box*/
.box02 {
	padding: 0.5em 1em;
	margin: 2em 0;
	color: #2c2c2f;
	background: #f5f5f5;
	border-radius: 13px;
}
p.bold {
	margin: 0;
	padding: 0;
　　font-weight: bold;
	font-size: 16px;
}
/*以下2行2列の表*/
.multita{
  width: 100%;
  border-collapse: collapse;
}

.multita tr{
  border-bottom: solid 2px white;
}

.multita tr:last-child{
  border-bottom: none;
}

.multita th{
  position: relative;
  text-align: left;
  width: 40%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.multita th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.multita td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}
#content .table80{
width: 72%;
margin: 0 auto;
}

/*以下張り紙風ボックス*/
.memox{
   position:relative;
   background:#fffde7;
   width:85%;
   margin:2em auto;
   padding:1.5em 1em;
   transform: rotate(-2deg);
   box-shadow:1px 1px 4px rgba(0,0,0,0.2);
   color:#795548;
}
.memox::before{
   content:'ここがポイント';
   position:relative;
   display:inline-block;
   border-bottom:3px solid #795548;
   border-radius: 0 0 40% 5% / 0 0 15% 20%;
   padding:0 1em 0.1em 0.2em;
   font-size:110%;
   font-weight:bold;
   transform: rotate(-5deg);
}
.memox::after{
   content:'';
   position:absolute;
   left:50%;
   top:-15px;
   margin-left:-75px;
   width:150px;
   height:30px;
   background:rgba(245,245,245,0.7);
   box-shadow:1px 1px 4px rgba(0,0,0,0.2);
   transform: rotate(-4deg);
}
.memox ol{
   margin:1em 0.5em 0 2em;
   padding:0 0 0 0;
}
.memox ol li{
   margin-bottom:0.5em;
}


/*以下会話風ボックス*/
/*吹き出し(バルーン)のアウトライン*/
.bln {
	width: 100%;
	margin: 10px auto;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	overflow: hidden;
}
@media (max-width:480px) {
	.bln {
		padding: 0;
	}
}

/* 左右アイコンのイメージサイズと配置 */
.bln:before {
	content: "";
	width: 90px;
	height: 90px;
	background: no-repeat left center / contain;
	/* display: inline-block; */
}
@media (max-width:480px) {
	.bln:before {
		width: 80px;
		height: 80px;
	}
}

/* 左アイコンのイメージ配置*/
.bln.left:before {
	background-image: url(img/left.png)
}

/* 右アイコンのイメージ配置 画像*/
.bln.right:before {
	background-image: url(img/right.png)
}

/* 吹き出し中の文章アウトライン */
.says {
	position: relative;
	margin: 1rem;
	max-width: calc(100% - 170px);
	padding: .6rem 1.2rem;
	border: solid 2px #eee;
	border-radius: 1.2rem;
}
@media (max-width:480px) {
	.says {
		margin: 0;
		max-width: calc(100% - 125px);
	}
}

/* 吹き出し口 尖ってるところのあしらい */
.says::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -16px;
	margin-top: -8px;
	border: 8px solid transparent;
	border-right: 10px solid #fff;
	z-index: 2;
}
.says::after {
	content: "";
	position: absolute;
	top: 50%;
	left: -21px;
	margin-top: -9px;
	border: 9px solid transparent;
	border-right: 12px solid #eee;
	z-index: 1;
}

/* 右のアイコン配置指定 吹き出し反転など */
.bln.fxd--rr .says:before,
.bln.fxd--rr .says:after {
	transform: scale(-1, 1);

}

/* 右のアイコンから 吹き出し反転 */
.bln.fxd--rr .says:before {
	left: inherit;
	right: -16px;
}
.bln.fxd--rr .says:after {
	left: inherit;
	right: -21px;
}

/*吹き出内の調整用*/
.says p {
  margin: -20px 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

/* 右の人にする時につける flex要素 */
.fxd--rr {
	flex-direction: row-reverse;
}
/*PCでは改行しない*/
.sp_br{
	display: none;
  }
/*会員登録ボタン*/
a.btn--yellow {
color: #FFF;
background-color: #ABCDE4;
}

a.btn--yellow:hover {
  color: #FFF;
  background: #ABCDE4;
}

a.btn--yellow.btn--cubic {
  border-bottom: 3px solid #538099;
}

a.btn--yellow.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 1px solid #538099;
}

a.btn-c {
  font-size: 1.1rem;
  position: relative;
  padding: 1rem 4rem 1rem 3rem;
  border-radius: 100vh;
  font-weight: bold;
}
#content a.btn {
	text-decoration: none;
}
a.btn-c i.fa {
  margin-right: 1rem;
}

a.btn-c:before {
　　font-family: "Font Awesome 5 Free";
	font-size: 1.2rem;
	line-height: 1;
	position: absolute;
	top: calc(50% - .6rem);
	right: 1rem;
	margin: 0;
	padding: 0;
	content: "\232a";
}
.btn,a.btn, {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-contact {
  font-size: 1rem;
  font-weight: bold;

  position: relative;

  margin-bottom: .2em;

  text-align: center;
}

.btn-contact:before {
  margin-right: 1rem;

  content: '＼';
}

.btn-contact:after {
  margin-left: 1rem;

  content: '／';
}
/* 会社概要ページ　*/
#company .kaisha {
width: 100%;
}

#company .kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 20px;
}

#company .kaisha th {
font-weight: bold;
background-color: #f5f5f5;
}

@media screen and (max-width: 767px) {
#company .kaisha,
#company .kaisha tr,
#company .kaisha td,
#company .kaisha th {display:block;}
#company .kaisha th {width:auto;}
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 25px;
left: 0;
width: 100%;
height: 100%;
}

#media:after{
content:"塾講師キャリア";
}
#url:after{
content:"https://juku.careers";
}
#force:after{
content:"セブンフォースコンサルティング株式会社";
}
#operator:after{
content:"中島千尋";
}
#area:after{
content:"〒160-0022 東京都新宿区新宿6-7-22　エルプリメント新宿453";
}
#tel:after{
content:"03-6897-2469";
}
/* 問い合わせボタン　*/
.btn-animation-01 {
  display: inline-block;
  width: 200px;
  text-align: center;
  background-color: #0cbd8b;
  border: 2px solid #0cbd8b;
  font-size: 16px;
  color: #0cbd8b;
  text-decoration: none;
  font-weight: bold;
  padding: 10px 24px;
  border-radius: 4px;
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}

.btn-animation-01 span {
  position: relative;
  z-index: 1;
}

.btn-animation-01::before,
.btn-animation-01::after {
  content: "";
  display: block;
  background-color: #FFF;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .2s;
}
.btn-animation-01::before {
  left: 0;
}
.btn-animation-01::after {
  right: 0;
}

.btn-animation-01:hover:before,
.btn-animation-01:hover:after {
  width: 0;
  background-color: #FFF;
}

.btn-animation-01:hover {
  color: #FFF;
}
/* 検索フォーム　*/
.kensaku{
width: 90%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.kensaku th{
width:25%;
padding:10px;
vertical-align: top;
color: #B5A058;
background-color: #EFECE3;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.kensaku td{
width:75%;
padding:10px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.kensaku ul {
text-align: left;
}
.kensaku li {
display: inline-block;
width: 50%;
text-align: left;
padding: 5px;
margin: 0px;
}

.kensaku .kw input {
	width: 90%;
}

/*絞り込みボタン　以下*/
.hidden_box {
	margin: 20px 0;/*前後の余白*/
	padding: 0;
}

/*ボタン装飾*/


label[for="label1"] {
	border: solid 1px black;
	background: #CAB978;
	border: none;
	border-radius: 5px;
	box-shadow: 1px 1px 5px #ccc;
	color: #FFF;
	cursor :pointer;
	display:block;
	font-size:16px;
	margin:0 auto;
	padding: 10px 0;
	width:150px;
}

/*ボタンホバー時*/
.hidden_box label:hover {
	background: #efefef;
	color:#555;
}


/*中身を非表示にしておく*/
.hidden_box .hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
	padding: 45px 0;
	height: auto;
	opacity: 1;
}
#label1{
display: none;
}




/*==============================================
　global navigation bar (top)
================================================*/
nav.navi-top{
	background-color:rgba(255,255,255,0.9);
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	transition: 0.8s;
	z-index: 50;
}
	nav.navi-top ul{
		display:table;
		margin:0 auto;
	}
		nav.navi-top li {
			display:table-cell;
			list-style-type: none;
			vertical-align:center;
			width: 140px;
		}
		nav.navi-top li:nth-of-type(1){
			background:url(/cmn/img/top/logo.png) no-repeat;
			background-position:center center;
			background-size:auto 30px;
		}
			nav.navi-top a {
				display:block;
				text-align: center;
				text-decoration: none;
				padding:15px 0;
			}
			nav.navi-top a:hover {
					color: #000;
					background-color:#FFF;
			}





/*著者カード*/
.pastel-bc {
	background-color: #f5f5f5;
}
.author-info__inner {
	position: relative;
}
.author-info__inner .tb {
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 5px 20px -5px rgb(105 115 131 / 35%);
}
.author_label span {
	display: inline-block;
	position: relative;
	min-width: 120px;
	max-width: 100%;
	margin: 0 0 15px;
	padding: 6px 12px;
	border-radius: 20px;
	background: #eaedf2;
	color: #555;
	font-size: 16px;
	font-weight: bold;
}
.author_label span:before {
	position: absolute;
	top: 100%;
	left: 33px;
	border: 13px solid transparent;
	border-top: solid 10px #eaedf2;
	content: "";
}
.author_img {
	display: inline-block;
	width: 120px;
	height: 120px;
	margin-top: -10px;
	margin-bottom: 5px;
	vertical-align: middle;
}
.author_img img {
	border: solid 3px #dfe2e8;
	border-radius: 50%;
}
.author-info__inner .tb-left .aut {
	display: inline-block;
	width: calc(100% - 95px);
	margin: 0;
	vertical-align: middle;
	line-height: 1.3;
}

.author-info__inner .tb-left dd {
	padding-top: 4px;
	color: #686868;
	font-size: 15px;
	font-weight: bold;
}
.author-info__inner .tb-right {
	padding: 0px 15px;
	font-size: 0.95em;
	line-height: 1.7;
}
.author_label {
	margin-top: -15px;
}
.img-center{
text-align: center;
}

/*著者カード*/
.tb {
	display: table;
	width: 100%;
}
.tb-left, .tb-right {
	display: table-cell;
	vertical-align: middle;
}
.author-info__inner .tb-left {
	width: 220px;
	border-right: 2px #eaedf2 dashed;
	text-align: center;
}
.author_label span {
	z-index: 2;
	font-size: 14px;
}
.author_label span:before {
	z-index: -1;
	top: calc(100% - 18px);
	left: 50px;
	border: 15px solid transparent;
	border-top: solid 30px #eaedf2;
	transform: rotate(-40deg);
}
.author_img {
	display: inline-block;
}
.author-info__inner .tb-left .aut {
	margin-bottom: 10px;
	width: 100%;
}
.author-info__inner .tb-left dd {
	padding-top: 0px;
	color: #686868;
	font-size: 15px;
	font-weight: bold;
}
.author-info {
	padding: 0px 40px;
}
.author-info__inner .tb-left dt {
	font-size: 17px;
	font-weight: bold;
	color: #C3B68E;
}
/* 目次 */

#mokuji li {
	font-size: 0.9em;
	font-weight: bold;
	color: #333;
}
::marker {
	unicode-bidi: isolate;
	font-variant-numeric: tabular-nums;
	text-transform: none;
	text-indent: 0px !important;
	text-align: start !important;
	text-align-last: start !important;
}
#mokuji a {
	color: #545454;
	display: block;
	text-decoration: none;
	transition-duration: 0.3s /* カーソルが戻る時間 */
	scroll-behavior: smooth;
}
#mokuji li > ul, #mokuji li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
li.bottom-li{
	display: inline-block;
	position: relative;
}
li.bottom-li:before {
	font-family: "Font Awesome 5 Free";
	content: "\232a";
	color: #CAB978;
	display: inline;
	position: absolute;
	top: 0px;
	left: -16px;
}

#mokuji li a:hover {
 padding-left: 7px; /* カーソル重ねた時に移動する距離 */
 transition-duration: 0.3s /* カーソルが移動する時間 */
}

li.top-li {
	font-size: 16px !important;
}

/*---------------------------------
アコーディオンボックス
--------------------------------*/
.acbox{
  width: auto;
  font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
  margin:0 10px; /* ボックス全体の位置調整 */
}

.acbox label{
  width: auto;
  font-size: 16px; /* ラベルの文字サイズ */
  content: "\f15c 目次";
  font-weight: bold;
  text-align: center;
  background: #CAB978; /* ラベルの背景色 */
  position: relative;
  display: block;
  padding:8px;
  border-radius: 4px; /* ラベルの角の丸み */
  cursor: pointer;
  color: #fff;
}

.acbox label:hover{
  background: #CAB978; /* ラベルにマウスを乗せた時の背景色 */
}

.acbox input{
  display: none;
}

.acbox label:after{
  color: #fff;
  content:"▼"; /* ラベルのアイコン */
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -14px;
}

.acbox input:checked ~ label::after {
  content:"▲"; /* ラベルをクリックした後のアイコン */
}

.acbox div{
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.15s; /* 開閉スピードの設定 */
}

.acbox input:checked ~ div{
  height: auto;
  padding: 18px; /* 開いた部分の枠内の余白 */
  border: 1px solid #CAB978;
  background: linear-gradient( 
-45deg
, #fff 25%, #f4f4ed 25%, #f4f4ed 50%, #fff 50%, #fff 75%, #f4f4ed 75%, #f4f4ed );
  opacity: 1;
  background-size: 4px 4px;
  border-radius: 5px;
  padding-left: 50px;
  line-height: 1.5;
}

.acbox input:checked ~ label {
  background: #CAB978; /* クリック後のラベルの背景色 */
}

.acbox-under{
  font-size: 15px; /* 開いた部分の文字サイズ */
  color: #555555; /* 開いた部分の文字色 */
}