@charset "UTF-8";

/**********************************************************
 *
 * 重要なお知らせ（通信障害等）
 *
 **********************************************************/
.contents-main .btn-info-rss {
	float: right;
	margin-top: -63px;
}

@media(min-width: 768px) {
}
@media(max-width: 767px) {
	.btn-info-rss-wrap .tit-cmn-lv1 {
		padding-right: 70px;
	}
}

/* corp-cmp-importantinfo 障害発生情報
-------------------------------------------*/
.corp-cmp-importantinfo {
	margin-top: -1px;
	transform: translateY(-1px);
}

@media(min-width: 768px) {
	.corp-cmp-importantinfo {
			text-align: center
	}
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list {
	display: flex;
	flex-direction: column
}

@media screen and (prefers-reduced-motion:reduce) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item {
			transition: none
	}
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item {
	border: 1px solid #c03;
	border-radius: 16px;
	color: #c00;
	display: flex;
	overflow: hidden;
	text-decoration: none;
	transition: all .2s ease-in-out
}

@media(min-width: 768px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item {
			border-radius:24px;
			min-height: 64px
	}
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__header {
	background-color: #fee5e5;
	display: grid;
	flex: 0 0 146px;
	font-size: 14px;
	padding: 10px;
	place-items: center;
	text-align: center;
	overflow-wrap: anywhere
}

@media(min-width: 768px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__header {
			flex:0 0 222px;
			padding: 4px 24px;
			max-width: 222px
	}
}

@media(max-width: 767px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__header {
			max-width:146px
	}
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__content {
	align-items: center;
	background-color: #fff;
	display: flex;
	padding: 8px 16px;
	width: 100%
}

@media(min-width: 768px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__content {
			padding: 4px 36px 4px 48px
	}
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__icon {
	background-image: url('/assets/content/dam/corp/jp/ja/common/image/important_info/cmn-rwd-ng-icon.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	flex-shrink: 0;
	width: 26px;
	height: 26px
}

@media(min-width: 768px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__icon {
			width: 40px;
			height: 40px
	}
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__text {
	align-items: center;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	text-align: center;
	margin-left: 8px
}

@media(min-width: 768px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__text {
			flex-direction:row
	}
}

@media(max-width: 767px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__text {
			max-width:496px;
			overflow-wrap: anywhere
	}
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__text__info {
	margin-bottom: 0;
	color: #e52222;
	flex-grow: 1;
	font-size: 14px;
}

@media(min-width: 768px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__text__info {
			overflow-wrap: anywhere
	}
}
.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__text__link{
	font-size: 14px;
}
@media(min-width: 768px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__text__link {
			background-color:#e52222;
			border-radius: 40px;
			border: 1px solid #e52222;
			color: #fff;
			display: grid;
			flex-shrink: 0;
			padding: 0 32px;
			place-items: center;
			position: relative;
			max-width: 164px;
			min-width: 164px;
			overflow-wrap: anywhere;
			height: auto;
			padding-top: 10px;
			padding-bottom: 10px;
			margin-left: 24px
	}

	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__text__link::after {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			right: 16px;
			width: 16px;
			height: 16px;
			margin-top: auto;
			margin-bottom: auto;
			display: block;
			background-image: url('/assets/content/dam/corp/jp/ja/common/image/important_info/cmn-rwd-chevron-white.svg');
			background-size: contain;
			background-repeat: no-repeat
	}
}

@media(max-width: 767px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item__text__link {
			color:#666;
			text-decoration: underline
	}
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item:hover .corp-cmp-importantinfo__list__item__text__link,.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item:focus .corp-cmp-importantinfo__list__item__text__link {
	background-color: #fff;
	color: #e52222
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item:hover .corp-cmp-importantinfo__list__item__text__link::after,.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item:focus .corp-cmp-importantinfo__list__item__text__link::after {
	background-image: url('/assets/content/dam/corp/jp/ja/common/image/important_info/cmn-rwd-chevron-red.svg')
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item--warning .corp-cmp-importantinfo__list__item__icon {
	background-image: url('/assets/content/dam/corp/jp/ja/common/image/important_info/cmn-rwd-warning-icon.svg')
}
.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item--ok {
	border-color: #272727;
}
.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item--ok .corp-cmp-importantinfo__list__item__header {
	background-color: #e5e5e5;
	color: #272727;
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item--ok .corp-cmp-importantinfo__list__item__icon {
	background-image: url('/assets/content/dam/corp/jp/ja/common/image/important_info/cmn-rwd-ok-icon.svg')
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item--ok .corp-cmp-importantinfo__list__item__text__info {
	color: #272727
}

@media(min-width: 768px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item--ok .corp-cmp-importantinfo__list__item__text__link {
			background-color:#585858;
			border-radius: 40px;
			border: 1px solid #585858;
			color: #fff;
			display: grid;
			flex-shrink: 0;
			padding: 0 32px;
			place-items: center;
			position: relative;
			height: auto;
			padding-top: 10px;
			padding-bottom: 10px
	}

	.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item--ok .corp-cmp-importantinfo__list__item__text__link::after {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			right: 16px;
			width: 16px;
			height: 16px;
			margin-top: auto;
			margin-bottom: auto;
			display: block;
			background-image: url('/assets/content/dam/corp/jp/ja/common/image/important_info/cmn-rwd-chevron-white.svg');
			background-size: contain;
			background-repeat: no-repeat
	}
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item--ok:hover .corp-cmp-importantinfo__list__item__text__link,.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item--ok:focus .corp-cmp-importantinfo__list__item__text__link {
	background-color: #fff;
	color: #272727
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item--ok:hover .corp-cmp-importantinfo__list__item__text__link::after,.corp-cmp-importantinfo .corp-cmp-importantinfo__list__item--ok:focus .corp-cmp-importantinfo__list__item__text__link::after {
	background-image: url('/assets/content/dam/corp/jp/ja/common/image/important_info/cmn-rwd-chevron-gray.svg')
}

.corp-cmp-importantinfo .corp-cmp-importantinfo-heading {
	color: #fff;
	font-weight: 700;
	line-height: 1.5;
	white-space: nowrap;
	word-break: break-all;
	font-size: 16px;
	margin: 0 !important
}

@media(min-width: 768px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo-heading {
			font-size:20px
	}
}

@media(max-width: 767px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo-heading {
			margin-bottom:16px !important
	}
}

.corp-cmp-importantinfo .corp-cmp-importantinfo__list li {
	margin-top: 16px
}

@media(max-width: 767px) {
	.corp-cmp-importantinfo .corp-cmp-importantinfo__list li:first-child {
			margin-top:0
	}
}