@charset "UTF-8";


/* -------------------------- */
/* content */
/* -------------------------- */

.pageTitleWrap {
	margin-bottom: 30px;
	background: #fff;
}
	.pageTitleWrap .pageTitle {
		margin-bottom: 0;
	}
	.pageTitleWrap .pageTitle_txt {
		padding-bottom: 15px;
		text-align: center;
	}

.searchBox {
	margin-bottom: 30px;
	padding: 0 15px 15px;
	border: 1px solid #ddd;
}
	.searchBox .txtTitle {
		min-width: 165px;
		margin: -7px auto 15px;
		text-align: center;
		line-height: 0;
	}
		.searchBox .txtTitle span {
			padding: 0 15px;
			background: url(../../images/bg/bg_texture.jpg) repeat;
			display: inline-block;
			font-size: 1.4rem;
			font-weight: bold;
			line-height: 1;
		}
	.searchBox .searchList {
	}
		.searchBox .searchList dt {
			position: relative;
			padding-left: 20px;
			font-weight: bold;
			cursor: pointer;
			pointer-events: all;
			transition: .5s;
		}
		.searchBox .searchList dt:not(:first-of-type) {
			margin-top: 10px;
		}
		.searchBox .searchList dt::after {
			content: '▼';
			position: absolute;
			top: 0;
			left: 0;
			font-size: 1.4rem;
		}
		.searchBox .searchList dt:hover {
			color: #ce463c;
			text-decoration: none;
		}
		.searchBox .searchList dd {
			display: none;
			padding-top: 10px;
		}
			/* btnList */
			.searchBox .searchList dd	.btnList {
			}
				.searchBox .searchList dd	.btnList li {
					max-width: inherit;
					width: 100%;
				}
					.searchBox .searchList dd	.btnList li:not(:last-child) {
						margin-bottom: 10px;
					}
			/* form_list_tag */
			.searchBox .searchList dd .form_list_tag {
				margin-bottom: -5px;
				display: flex;
				flex-wrap: wrap;
			}
				.searchBox .searchList dd .form_list_tag li {
					margin: 0 5px 10px 0;
				}
					.searchBox .searchList dd .form_btn_radio li label {
						display: flex;
						position: relative;
					}
						.searchBox .searchList dd .form_list_tag li [type=radio],
						.searchBox .searchList dd .form_list_tag li [type=checkbox] {
							display: none;
						}
						_:-ms-lang(x)::-ms-backdrop, .searchBox .searchList dd .form_list_tag li [type=radio],
						_:-ms-lang(x)::-ms-backdrop, .searchBox .searchList dd .form_list_tag li [type=checkbox] {
							visibility: hidden;
						}
						.searchBox .searchList dd .form_list_tag li span {
							width: 100%;
							padding: 10px 15px;
							background: #ece1d9;
							border-radius: 3px;
							cursor: pointer;
							display: block;
							font-size: 1.2rem;
							line-height: 1;
							text-align: center;
							z-index: 1;
						}
						.searchBox .searchList dd .form_list_tag li :checked {
							background: #dbac7d;
							color: #fff;
						}
						.searchBox .searchList dd .form_list_tag li :checked + span {
							background-color: #dbac7d;
							color: #fff;
						}
						.searchBox .searchList dd .form_list_tag li span .icon {
							width: 14px;
							heignt: 14px;
							margin-bottom: -5px;
							margin-right: 5px;
						}

/* column_detail */
.detail_entry {
}
	.detail_entry .entry_title {
		order: 2;
		margin-bottom: 20px;
		font-size: 1.6rem;
		font-weight: bold;
	}
	.detail_entry .column_mainImg {
		order: 1;
		margin-bottom: 20px;
		min-height: 10px;
	}
	.detail_entry .column_info {
		order: 3;
		position: relative;
		margin-bottom: 20px;
		padding: 10px 0;
	}
	.detail_entry .column_info::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #ddd;
	}
	.detail_entry .column_info::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #ddd;
	}
		.detail_entry .column_info .category {
			order: 2;
			width: 50%;
			text-align: right;
		}
		.detail_entry .column_info .date {
			order: 1;
			width: 50%;
			text-align: left;
		}
	.detail_entry .entryBody {
		order: 4;
	}

/* tagBox */
.tagBox {
	margin-bottom: 35px;
	padding: 30px 0;
	position: relative;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}
.tagBox::before ,
.tagBox::after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ddd;
}
.tagBox::before {
	top: 1px;
}
.tagBox::after {
	bottom: 1px;
}
	.tagBox .txtTitle {
		margin-bottom: 20px;
	}
		.tagBox .txtTitle .icon {
			margin-right: 10px;
			vertical-align: middle;
		}
	.tagBox .column_tags {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
		.tagBox .column_tags li a {
			padding: 8px 10px;
			background-color: #dbac7d;
			color: #fff;
			font-size: 1.4rem;
		}
		.tagBox .column_tags li a:hover {
			background-color: #ce463c;
		}


/* share */
.share {
	margin-bottom: 40px;
	padding: 30px 15px 15px;
	background-color: rgba(0, 0, 0, 0.05);
	position: relative;
}
	.share .txtTitle {
		padding-bottom: 30px;
		border-bottom: 1px solid #ddd;
	}
	.shareBox {
		display: flex;
		flex-direction: column;
	}
		.shareBox .shareBox_txt {
			order: 2;
			text-align: center;
		}
			.shareBox .shareBox_txt .title_shareBox {
				margin-bottom: 15px;
				font-size: 1.4rem;
				line-height: 1.6;
				font-weight: bold;
				text-align: left;
			}
			.shareBox .shareBox_txt .list_share {
				margin-top: 25px;
			}
				.shareBox .shareBox_txt .list_share li {
				}
				.shareBox .shareBox_txt .list_share li:not(:last-child) {
					border-bottom: 1px solid #ebe8da;
				}
					.shareBox .shareBox_txt .list_share li a {
						width: 100%;
						padding: 10px;
						background: #ffffff;
						color: #79604b;
						cursor: pointer;
						display: block;
						text-align: center;
						transition: .5s;
					}
					.shareBox .shareBox_txt .list_share li:first-child a {
						border-radius: 3px 3px 0 0;
					}
					.shareBox .shareBox_txt .list_share li:last-child a {
						border-radius: 0 0 3px 3px;
					}
						.shareBox .shareBox_txt .list_share li a .icon {
							width: 15px;
							height: 15px;
							margin-right: 5px;
							vertical-align: middle;
						}
					.shareBox .shareBox_txt .list_share li a:hover {
						text-decoration: none;
						filter:alpha(opacity=70);
						-moz-opacity: 0.7;
						opacity: 0.7;
					}
		.shareBox .thum_img {
			margin-bottom: 15px;
			min-height: 10px;
			order: 1;
		}
/* btn */
.btn {
	margin-top: 50px;
}
		.btn .btn_Box {
			width: 100%;
			justify-content: center;
			margin: 0 auto;
			margin-bottom: 100px;
			text-align: center;
		}
	.btn .btn_Box li {
		margin-bottom: 20px;
		padding: 0 10px;
	}
		.btn .btn_Box li a {
			color: #fff;
			font-size: 1.4rem;
			height: 100%;
			transition: .5s;
		}
		.btn .btn_Box li a:hover {
			opacity: 0.7
		}
		.btn .btn_Box .btn_icon {
			fill: #fff;
			width: 20px;
			height: 20px;
			margin: 0 3px;
			vertical-align: text-bottom;
		}

/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:768px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.pageTitleWrap {
	margin-bottom: 40px;
}
	.pageTitleWrap .pageTitle_txt {
		padding-bottom: 25px;
	}

.searchBox {
	margin-bottom: 40px;
}
	.searchBox .searchList dt:not(:first-of-type),
	.searchBox .searchList dd:not(:first-of-type) {
		margin-top: 25px;
	}
	/* btnList */
	.searchBox .searchList dd .btnList {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
		.searchBox .searchList dd .btnList li {
			width: 220px;
		}
		.searchBox .searchList dd .btnList li:not(:last-child) {
			margin-bottom: 0;
			margin-right: 10px;
		}

/* tagBox */
.tagBox {
	margin-bottom: 40px;
}

/* share */
.share {
	padding: 30px 25px 25px;
}
	.share .txtTitle {
		margin-bottom: 25px;
	}
	.shareBox {
		flex-direction: row;
	}
		.shareBox .shareBox_txt {
			padding-left: 25px;
			flex: 1;
		}
		.shareBox .thum_img {
			width: 300px;
			margin: 0;
		}
			.shareBox .shareBox_txt .list_share {
				display: flex;
			}
				.shareBox .shareBox_txt .list_share li {
					flex: 1;
				}
				.shareBox .shareBox_txt .list_share li:not(:last-child) {
					border-bottom: none;
					border-right: 1px solid #ebe8da;
				}
					.shareBox .shareBox_txt .list_share li:first-child a {
						border-radius: 100px 0 0 100px;
					}
					.shareBox .shareBox_txt .list_share li:last-child a {
						border-radius: 0 100px 100px 0;
					}

/* btn */
	.btn {
		padding: 0 20px;
		margin-top: 100px;
	}
.btn .btn_Box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
	.btn .btn_Box li {
		width: 20%;
	}
	.btn .btn_Box li a:hover {
		opacity: 0.7
	}
		.btn .btn_Box li img {
			width: 100%;
	}
}



/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1024px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.pageTitleWrap {
	margin-bottom: 55px;
}
	.pageTitleWrap .pageTitle_txt {
		padding-bottom: 30px;
	}

.searchBox {
	margin-bottom: 55px;
	padding: 0 25px 25px;
}
	.searchBox .txtTitle {
		margin-bottom: 25px;
	}
		.searchBox .txtTitle span {
			font-size: 1.6rem;
		}
	.searchBox .searchList {
	}
		.searchBox .searchList dt {
			float: left;
			width: 150px;
			margin-top: 5px;
			padding-left: 0;
			pointer-events: none;
			transition: inherit;
			cursor: inherit;
		}
		.searchBox .searchList dt::after {
			display: none;
		}
		.searchBox .searchList dt:hover {
			color: inherit;
		}
		.searchBox .searchList dd {
			display: block;
			padding: 0 0 0 150px;
		}
			/* btnList */
			.searchBox .searchList dd .btnList {
				-webkit-box-pack: flex-start;
				-ms-flex-pack: flex-start;
				justify-content: flex-start;
			}
				.searchBox .searchList dd .btnList li {
					width: 230px;
				}
			/* form_list_tag */
			.searchBox .searchList dd .form_list_tag {
			}
				.searchBox .searchList dd .form_list_tag li {
					margin: 0 10px 10px 0;
				}
					.searchBox .searchList dd .form_btn_radio li label {
					}
						.searchBox .searchList dd .form_list_tag li span {
							padding: 8px;
							font-size: 1.5rem;
						}


/* column_detail */
.detail_entry {
}
	.detail_entry .entry_title {
		margin-bottom: 50px;
		font-size: 2.2rem;
	}
	.detail_entry .column_mainImg {
		margin-bottom: 50px;
	}
	.detail_entry .column_info {
		margin-bottom: 50px;
	}


/* tagBox */
.tagBox {
	margin-bottom: 50px;
	padding: 60px 0;
}
	.tagBox .txtTitle {
		margin-bottom: 40px;
	}
	.tagBox .column_tags {
	}
		.tagBox .column_tags li a {
			font-size: 1.6rem;
		}

/* share */
.share {
	padding: 35px 50px 50px;
}
	.share .txtTitle {
		margin-bottom: 50px;
	}
	.shareBox {
	}
		.shareBox .shareBox_txt {
			padding-left: 50px;
		}
			.shareBox .shareBox_txt .title_shareBox {
				margin-bottom: 30px;
				font-size: 2.2rem;
			}
			.shareBox .shareBox_txt .list_share {
				max-width: 50%;
				margin: 25px auto 0;
			}
	
			.btn .btn_Box li a {
			font-size: 1.6rem;
		}
}


/* ================================================================================================================================================================================== */
/* pc */
/* ================================================================================================================================================================================== */

@media only screen and (min-width:1280px) {

/* -------------------------- */
/* content */
/* -------------------------- */

.searchBox {
	margin-bottom: 70px;
	padding: 0 50px 45px;
}
	.searchBox .txtTitle {
		margin-bottom: 50px;
	}
	.searchBox .searchList {
	}
		.searchBox .searchList dt {
			float: left;
			width: 150px;
			margin-top: 5px;
			margin-bottom: 0;
			font-size: 1
		}
		.searchBox .searchList dd {
			padding-left: 150px;
		}
			/* form_list_tag */
			.searchBox .searchList dd .form_list_tag {
			}
				.searchBox .searchList dd .form_list_tag li {
					margin: 0 10px 10px 0;
				}


/* column_detail */
.detail_entry {
}
	.detail_entry .entry_title {
		margin-bottom: 70px;
		padding: 0 100px;
		font-size: 2.4rem;
	}
	.detail_entry .column_mainImg {
		margin-bottom: 70px;
	}
	.detail_entry .column_info {
		margin-bottom: 70px;
		padding: 15px 100px;
	}
	.detail_entry .column_info::before ,
	.detail_entry .column_info::after {
		left: 100px;
		right: 100px;
		width: auto;
	}


/* tagBox */
.tagBox {
	margin-bottom: 70px;
}

	
/* btn */
	.btn {
		max-width: 1100px;
		margin: 100px auto 0 auto;
		padding: 0;
	}
	.btn .btn_Box {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}
}