@charset "UTF-8";

/* background */
.l-content .c-bc--lightyellow {
  background-color: #fff5cb;
}

/* text */
.l-content .c-fc--red {
	color: #d00;
}
.l-content .c-label {
	position: relative;
	display: inline-block;
	margin-right: 40px;
	padding: 10px 45px 8px;
	background-color: #0f218b;
	color: #fff;
}
.l-content .c-label::after {
	position: absolute;
	top: 0;
	right: -20px;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 20px solid #0f218b;
	content: "";
}
.l-content .c-label--new::after {
  display: inline-block;
  margin-left: 5px;
  padding: 3px 8px 1px;
  background-color: #d00;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
  content: "NEW";
}

/* button */
.l-content .m-btn--center .m-btn--conversion {
	width: 350px;
	padding: 14px 0 13px;
}
.l-content .m-btn--center .m-btn--down {
	width: 260px;
	padding: 14px 0 13px;
}

/* display */
.l-content .c-flex {
  display: flex;
}

/* c-list--anchorlink */
.l-content .c-list--anchorlink {
	display: flex;
	justify-content: space-between;
}
.l-content .c-list--anchorlink > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 176px;
	height: 100%;
  padding: 5px 0;
}

/* c-section */
.l-content .c-section {
	margin-top: 70px;
}
.l-content .c-section .c-section__title {
	position: relative;
	padding: 1px 0 12px 15px;
	border-bottom: 1px solid #ccc;
}
.l-content .c-section .c-section__title::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 32px;
	background-color: #0f218b;
	content: "";
}

/* c-feature */
.l-content .c-feature {
	display: flex;
	justify-content: center;
}
.l-content .c-feature .c-feature__item {
	width: 440px;
}
.l-content .c-feature .c-feature__item + .c-feature__item {
	margin-left: 30px;
}
.l-content .c-feature .c-feature__item > dt {
	padding: 5px 0 3px;
	background-color: #d1d5e9;
}
.l-content .c-feature .c-feature__item > dd {
  display: flex;
  justify-content: center;
}
.l-content .c-feature .c-list--feature {
  counter-reset: num_feature;
}
.l-content .c-feature .c-list--feature > li {
  position: relative;
	padding-left: 50px;
  counter-increment: num_feature;
}
.l-content .c-feature .c-list--feature > li + li {
  margin-top: 10px;
}
.l-content .c-feature .c-list--feature > li::before {
  position: absolute;
  left: 0;
  font-size: 17px;
  font-weight: bold;
  content: "特長" counter(num_feature);
}

/* c-reference */
.l-content .c-reference {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 10px;
}
.l-content .c-reference .m-table .c-table__blank {
  padding: 49px 0 48px;
}

/* item */
.l-content .itemList {
  display: flex;
  justify-content: space-evenly;
  padding: 0 1px;
}
.l-content .itemList .item {
  width: 180px;
  padding-bottom: 15px;
  border: 1px solid #bfbfbf;
  box-sizing: border-box;
}
.l-content .itemList .item.box_hover {
  opacity: .75;
  cursor: pointer;
}
.l-content .itemList .item .category {
  margin-bottom: 8px;
	background-color: #eee;
	padding: 16px 0 15px;
	font-size: 13px;
	font-weight: bold;
  text-align: center;
}
.l-content .itemList .item .pic img {
  display: block;
  margin: 0 auto;
}
.l-content .itemList .item .maker,
.l-content .itemList .item .name,
.l-content .itemList .item .type,
.l-content .itemList .item .txt {
  padding-left: 8px;
}
.l-content .itemList .item .maker,
.l-content .itemList .item .name {
  margin-top: 5px;
}
.l-content .itemList .item .name,
.l-content .itemList .item .type,
.l-content .itemList .item .txt {
  margin-bottom: 20px;
}
.l-content .itemList .item .name {
  color: #004098;
  font-weight: bold;
}
.l-content .itemList .item .shipping {
  padding-right: 8px;
  text-align: right;
}
.l-content .itemList .item .btn {
  width: 150px;
  margin: 10px auto 0;
}