.l-container {
	position: relative;
	padding: 0 20px 60px;
}
@media print, screen and (min-width: 768px) {
	.l-container {
		padding: 0 40px 150px;
	}
}

.p-news-archive .main__news-info, .p-news-detail .main__news-info {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 15px;
}
.p-news-archive .main__news-date, .p-news-detail .main__news-date {
	margin: 0 17px 0 0;
	color: #888;
	font-size: 13px;
	font-family: 'DM Sans', sans-serif;
	letter-spacing: 0.5px;
	line-height: 1;
}
.p-news-archive .main__news-category, .p-news-detail .main__news-category {
	width: 90px;
	height: 23px;
	font-size: 9px;
	text-align: center;
	line-height: 23px;
	border: 1px solid #000;
}

@media screen and (max-width: 767px) {
	.p-news-archive .main__news-category, .p-news-detail .main__news-category {
		line-height: 2.3;
	}
}
.page-content-wrap {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.page-content-wrap .page-content {
	border-top: 1px solid #efefef;
}
.page-title-wrap {
	width: 100%;
	max-width: 1100px;
	padding: 60px 0 40px 0;
}

@media print, screen and (min-width: 768px) {
	.page-title-wrap {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		margin: 20px auto 0;
	}
}
.page-title, .page-title--m {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 0 0 25px;
	border-left: 6px solid #fed400;
}
@media print, screen and (min-width: 768px) {
	.page-title, .page-title--m {
		height: 60px;
	}
}

.page-title:before, .page-title--m:before {
	position: absolute;
	top: 0;
	left: 4px;
	bottom: 0;
	content: "";
	width: 1px;
	background: #fed400;
}
.page-title span, .page-title--m span {
	line-height: 1;
}
.page-title span.is-en, .page-title--m span.is-en {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
@media print, screen and (min-width: 768px) {
	.page-title span.is-en, .page-title--m span.is-en {
		font-size: 36px;
	}
}

.page-title span.is-jp, .page-title--m span.is-jp {
	font-size: 10px;
	font-weight: 700;
}
@media print, screen and (min-width: 768px) {
	.page-title span.is-jp, .page-title--m span.is-jp {
		font-size: 12px;
	}
}

.page-title--m {
	height: auto;
	font-size: 18px;
	border-left: 6px solid #000;
}
.page-title--m:before {
	background: #000;
}
@media screen and (max-width: 767px) {
	.page-title--m {
		padding: 0 0 0 10px;
	}
}
@media print, screen and (min-width: 768px) {
	.page-title--m {
		font-size: 24px;
	}
}

.page-content-wrap .section__title-wrap .section__title {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 15px;
	border-left: 6px solid #fed400;
}
@media print, screen and (min-width: 768px) {
	.page-content-wrap .section__title-wrap .section__title {
		font-size: 20px;
	}
}

.page-content-wrap .section__title-wrap .section__title:before {
	position: absolute;
	top: 0;
	left: 4px;
	bottom: 0;
	content: "";
	width: 1px;
	background: #fed400;
}
.page-content-wrap .section__title-wrap .section__title span {
	margin: 0 0 0 30px;
	color: #ff2222;
	font-size: 14px;
	font-weight: normal;
}
.p-pw .page-content-wrap .page-content {
	padding: 30px 0 50px;
	border-bottom: 1px solid #efefef;
}
@media print, screen and (min-width: 768px) {
	.p-pw .page-content-wrap .page-content {
		padding: 60px 100px 70px;
	}
}

.p-news-detail .page-content-wrap .page-content, .p-register .page-content-wrap .page-content {
	padding: 30px 0 0;
}
@media print, screen and (min-width: 768px) {
	.p-news-detail .page-content-wrap .page-content, .p-register .page-content-wrap .page-content {
		padding: 60px 100px 0;
	}
}

.p-login .page-content-wrap .page-content {
	padding: 40px 0 0;
}
@media print, screen and (min-width: 768px) {
	.p-login .page-content-wrap .page-content {
		padding: 60px 0 0;
	}
}

.p-news-archive .page-content-wrap .page-content {
	padding: 60px 0 0;
}
@media screen and (max-width: 767px) {
	.p-news-archive .page-content-wrap .page-content {
		padding: 0;
	}
}

.p-products .page-content-wrap .page-content {
	padding: 40px 0 0;
}
@media screen and (max-width: 767px) {
	.p-products .page-content-wrap .page-content {
		padding: 20px 0 0;
	}
}

.p-products-search .page-content-wrap .page-content {
	padding: 60px 0 0;
}
@media screen and (max-width: 767px) {
	.p-products-search .page-content-wrap .page-content {
		padding: 20px 0 0;
	}
}

.p-news-detail .section__body {
	padding: 30px 0 0;
	font-size: 14px;
	line-height: 1.7;
}
@media print, screen and (min-width: 768px) {
	.p-news-detail .section__body {
		padding: 40px 0 0;
		font-size: 15px;
	}
}
@media screen and (max-width: 767px) {
	.p-news-detail .section__body > * + * {
		margin-top: 30px;
	}
}
@media print, screen and (min-width: 768px) {
	.p-news-detail .section__body > * + * {
		margin-top: 40px;
	}
}

.p-news-detail .section__body p a {
	color: #888;
	text-decoration: underline;
}
.p-news-detail .section__body p a:hover {
	text-decoration: none;
}
.p-news-detail .section__body p a.link-detail {
	position: relative;
	padding: 0 12px 0 0;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/arrow-right01.svg) no-repeat;
	background-size: 4px 8px;
	background-position: center right;
	color: #000;
}
.p-news-detail .caution {
	position: relative;
	padding: 0 0 0 1px;
	font-size: 12px;
}
.p-news-detail .caution::before {
	position: absolute;
	content: "*";
	left: 0;
	font-size: 14px;
}
@media screen and (max-width: 767px) {
	.p-news-detail .c-btn--border, .p-news-detail .add-credit-card .form-row-button .cancel-button, .add-credit-card .form-row-button .p-news-detail .cancel-button, .p-news-detail .edit-address .form-row-button .cancel-button, .edit-address .form-row-button .p-news-detail .cancel-button {
		margin: 60px auto 0;
	}
}
@media print, screen and (min-width: 768px) {
	.p-news-detail .c-btn--border, .p-news-detail .add-credit-card .form-row-button .cancel-button, .add-credit-card .form-row-button .p-news-detail .cancel-button, .p-news-detail .edit-address .form-row-button .cancel-button, .edit-address .form-row-button .p-news-detail .cancel-button {
		margin: 60px auto 0;
	}
}

.c-btn--border, .add-credit-card .form-row-button .cancel-button, .edit-address .form-row-button .cancel-button, .c-btn--border-gray, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2) {
	border: 1px solid #000;
	background: #fff;
	border-radius: 2px;
	max-width: 295px;
	height: 40px;
	text-align: center;
	transition: 0.4s;
}
.c-btn--border a, .add-credit-card .form-row-button .cancel-button a, .edit-address .form-row-button .cancel-button a, .c-btn--border-gray a, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2) a {
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 38px;
	padding: 0 10px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
}
@media print, screen and (min-width: 768px) {
	.c-btn--border a, .add-credit-card .form-row-button .cancel-button a, .edit-address .form-row-button .cancel-button a, .c-btn--border-gray a, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2) a {
		font-size: 13px;
	}
}

.c-btn--border a:hover, .add-credit-card .form-row-button .cancel-button a:hover, .edit-address .form-row-button .cancel-button a:hover, .c-btn--border-gray a:hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-child(2) a:hover {
	opacity: 1;
}
.c-btn--border:not(:disabled):hover, .add-credit-card .form-row-button .cancel-button:not(:disabled):hover, .edit-address .form-row-button .cancel-button:not(:disabled):hover, .c-btn--border-gray:not(:disabled):hover, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:disabled):hover:nth-child(2) {
	background: #000;
}
.c-btn--border:not(:disabled):hover a, .add-credit-card .form-row-button .cancel-button:not(:disabled):hover a, .edit-address .form-row-button .cancel-button:not(:disabled):hover a, .c-btn--border-gray:not(:disabled):hover a, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:disabled):hover:nth-child(2) a {
	color: #fff;
}

@media screen and (max-width:768px) { 
	.newsImg-container{
		text-align:center;
	}
}

.breadcrumb,
.breadcrumb-list {
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 40px 40px;
  font-size: 12px; }
  @media screen and (max-width: 767px) {
    .breadcrumb,
    .breadcrumb-list {
      display: none; } }
  .breadcrumb li + li,
  .breadcrumb li + .breadcrumb-element,
  .breadcrumb .breadcrumb-element + li,
  .breadcrumb .breadcrumb-element + .breadcrumb-element,
  .breadcrumb-list li + li,
  .breadcrumb-list li + .breadcrumb-element,
  .breadcrumb-list .breadcrumb-element + li,
  .breadcrumb-list .breadcrumb-element + .breadcrumb-element {
    position: relative;
    margin: 0 0 0 0.5em;
    padding: 0 0 0 1.5em;
    font-size: 12px; }
    .breadcrumb li + li:before,
    .breadcrumb li + .breadcrumb-element:before,
    .breadcrumb .breadcrumb-element + li:before,
    .breadcrumb .breadcrumb-element + .breadcrumb-element:before,
    .breadcrumb-list li + li:before,
    .breadcrumb-list li + .breadcrumb-element:before,
    .breadcrumb-list .breadcrumb-element + li:before,
    .breadcrumb-list .breadcrumb-element + .breadcrumb-element:before {
      position: absolute;
      top: 50%;
      left: 0;
      content: "／";
      color: #888;
      font-size: 12px;
      transform: translateY(-50%); }
  .breadcrumb a,
  .breadcrumb-list a {
    color: #888; }