@charset "utf-8";

/* style_gabbeh.css */
/* ギャッベのコンテンツ用CSS */

/* parallel */
.parallel {
	justify-content: inherit;
}

.parallel .img_box {
	margin: 0 60px 0 0;
}

.parallel._return .img_box {
	order: 2;
	margin: 0 0 0 60px;
}

.parallel._return .txt_box {
	order: 1;
}

.parallel._center {
	width: 600px;
	margin: 0 auto 40px auto;
}

.parallel._center .img_box {
	width: fit-content;
	margin: 0;
}

/* _card */
._card {
	display: block;
	width: fit-content;
	margin: 0 auto;
}

._card:hover {
	text-decoration: none;
	color: inherit;
	opacity: .6;
}

._card .parallel {
	position: relative;
	width: 1000px;
	padding: 30px 60px 30px 30px;
	border: 1px solid #222;
	border-radius: 6px;

	font-size: .9em;
}

._card .parallel::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);

  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #888;
}

._card .parallel .img_box {
	width: 200px;
	margin: 0 30px 0 0;
}

._card .parallel .txt_box {
	flex: 1;
	min-width: 0;
}

._blk {
	margin: 0 0 60px 0;
}

._blk h3 {
	border-bottom: 1px solid #BFBFBF;
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
}

._blk .parallel {
	align-items: inherit;
}

._blk .img_box {
	width: 200px;
}

._blk .txt_box {
	width: inherit;
}


@media screen and (max-width: 768px), screen and (max-width: 820px) {

	.ttl {
		margin: 0;
	}

	._blk {
		margin: 0 0 30px 0;
	}

	._blk h3 {
		border-bottom: 1px solid #BFBFBF;
		margin: 0 0 20px 0;
		padding: 0 0 15px 0;
	}

	._blk .img_box {
		width: 100%;
	}

	.parallel {
		margin: 10px auto 20px auto;
	}

	.parallel .img_box,
	.parallel._return .img_box {
		margin: inherit;
	}

	.parallel._center {
		width: 100%;
		margin: 0 0 30px 0;
	}

	#store .common_box {
		margin: 0;
	}

	._card .parallel {
		width: 100%;
		padding: 30px;
	}

	._card .parallel .img_box {
		width: 100%;
		margin: 0 0 20px 0;
	}

	._card .parallel::after {
		border: none;
	}

	._card .parallel .txt_box h3 {
		margin: 0 0 10px 0;
	}

}