/*****************************************************************************
CSS only for /ls/sumai/toilet/
*****************************************************************************/
/* Item__titleMemo
-----------------------------------------*/
.Item__titleMemo{
  color: #DD0000;
  font-size:18px;
}
.Item__titleMemo--sub{
  color: #176da8;
  font-size:18px;
}


/* ------------------------

2021.09.15
.delay
modal window

------------------------ */

.delay {
	background: #fff;
	border: #f00 solid 4px;
	box-sizing: border-box;
	line-height: 1.4;
	margin: 0 auto 40px;
	padding: 30px 20px;
}
.delay a {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}
.delay a:hover {
	text-decoration: none;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px){
	.delay {
		width: 100%;
	}
}
.mfp-content {
	background: #fff;
	border: #ffde66 solid 6px;
	box-sizing: border-box;
	margin: auto;
	padding: 40px;
	text-align: center;
	width: 840px!important;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px){
	.mfp-content {
		width: 100%!important;
	}
}
.msg_delay {}
.msg_delay h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 30px;
}
.msg_delay h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 30px;
	text-align: left;
}
.msg_delay p {
	line-height: 1.6;
	text-align: left;
}
.msg_delay dl {
	margin-top: 10px;
	text-align: left;
}
.msg_delay dt {
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0 10px;
}
.msg_delay dt:before {
	content: "・";
	text-indent: -1em;
}
.msg_delay dt a {
	color: #333;
	text-decoration: underline;
}
.msg_delay dt a:hover {
	color: #888;
	text-decoration: none;
}
.msg_delay dd {
	padding-left: 1em;

}
.mfp-close {
	background: #ffde66!important;
	color: #000!important;
	opacity: 1;
	position: absolute;
	right: -25px;
	top: -25px;
}
.mfp-close:hover,
.mfp-close:focus {
	background: #f9e9ae!important;
}
.mfp-close:active {
    top: -23px!important;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px){
	.msg_delay h2 {
		text-align: left;
	}
	.mfp-close {
		right: 0;
		top: 0;
	}
}