@charset "utf-8";
/* CSS Document */

/*layer-popup*/
.text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.layer-pop {position:absolute; top:110px; right:0; height:auto; padding:1px; background:#212121; z-index:500000000000; display:none;}
.pop-layer-today {color:#fff; background:#212121; text-align:right; padding-right:10px; padding-top:10px;}
.pop-layer-close a {display: block; background:rgba(1,1,1,.2) url('/artmaru_user/images/comm/btn_close.png') no-repeat center center; width: 40px; height: 40px; background-size: 100%; position:absolute; top:0px; right:0px;}
.openLayer-pop {position:absolute; top:160px; left:0; width:100%; text-align:center; z-index:2;}

.layerPop {display:none; width:500px;  box-sizing:border-box; display:inline-block; position:relative; vertical-align:top; margin:5px 0;}
.layerPop figure {margin:0; padding:0;}
.layerPop figure img {width:100%; border:1px solid #111; border-radius:20px;}
.layerPop figure figcaption {position: absolute; left: -5000px; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px;}
.layerPop .pop-layer-close a {top:40px; right:40px;}
.layerPop .pop-layer-close a:hover {background-color:rgba(1,1,1,.3);}
.layerPop .pop-layer-today {margin:0; background-color:#666666; padding:10px; display:none;}
@media screen and (max-width:1029px) {
	.openLayer-pop {top:132px;}
	.openLayer-pop-wrap {background-color:rgba(1,1,1,.2); padding:20px 0;}
	.layerPop {width:100%; margin:10px 0;}
	.layerPop .pop-layer-close a {right:auto; left:50%; margin-left:170px;}
}
@media screen and (max-width:960px) {
	.openLayer-pop {top:83px;}
	.openLayer-pop-wrap {position:relative;}
}
@media screen and (max-width:539px) {
	.layerPop {padding:0 10px;}
	.layerPop img {width:100%;}
	.layerPop .pop-layer-close a {top:30px; margin-left:calc(50% - 85px);}
}
@media screen and (max-width:489px) {
	.layerPop .pop-layer-close a {top:20px; margin-left:calc(50% - 75px);}
}
@media screen and (max-width:375px) {
	.openLayer-pop .btn-lg {font-size:16px;}
}
.pop-notice {background-color:#87a1c7; border-radius:20px; padding:40px; width:500px; height:450px; box-sizing:border-box;}
.pop-notice dl {background-color:#fff; margin:0; width:100%; height:100%; box-sizing:border-box; padding:0 20px;}
.pop-notice dl dt {text-align:center; border-bottom:1px dashed #ddd; padding-bottom:20px}
.pop-notice dl dt span {display:inline-block; background-color:#6a88b9; width:190px; height:40px; line-height:39px; font-size:20px; color:#fff; border-radius:0 0 30px 30px;}
.pop-notice dl dt strong {display:block; margin-top:25px; font-size:30px; color:#265599; line-height:140%;}
.pop-notice dl dt strong b {font-size:34px;}
.pop-notice b.fc {color:#b72529 !important;}
.pop-notice b.fc-b {color:#121212 !important;}
.pop-notice b.fc-bg {background-color:rgba(38,85,153,.7); color:#fff !important;}
.pop-notice dl dd {margin:10px 0 0 0; padding:0;}
.pop-notice dl dd.mt {margin-top:25px;}
#openLayer2024-2 .pop-notice dl dd.mt {margin-top:20px;}
.pop-notice dl dd a {display:inline-block; width:100%; height:45px; line-height:45px; box-sizing:border-box; background-color:#3C7CA6; color:#fff; border-radius:40px; font-size:20px; padding:0px 30px 0 25px; text-align:left; position:relative;}
.pop-notice dl dd a::after {content:"▶"; color:#3C7CA6; background-color:#fff; display:block; width:25px; height:25px; line-height:24px; font-size:12px; text-align:center; border-radius:50%; position:absolute; right:10px; top:50%; margin-top:-12.5px;}
.pop-notice dl dd a:hover {background-color:#335E7A;}
.pop-notice dl dd.mt a {background-color:#3B4692;}
.pop-notice dl dd.mt a::after {color:#3B4692;}
.pop-notice dl dd.mt a:hover {background-color:#343F78;}
.pop-notice dl dd p {font-size:18px; line-height:150%; word-break:keep-all; margin:0;}
.pop-notice dl dd p.date {background-color:#7B3B96; color:#fff; padding:15px 10px; margin-top:20px;}
.pop-notice dl dd p.date span {display:inline-block;}
.pop-notice dl dd p.pop-guide-txt {font-size:15px; color:#121212; margin-top:10px;}
#openLayer2024-3 .pop-notice dl dt {border-bottom:0;}
#openLayer2024-3 .pop-notice dl dd {line-height:220%; padding:25px 0; margin-top:15px;}
#openLayer2024-3 .pop-notice dl dd strong {font-size:28px; color:#333;}
#openLayer2024-3 .pop-notice dl dd strong b {font-size:32px; color:#265599;}
#openLayer2024-3 .pop-notice dl dd strong b.fc-b {font-size:28px;}
#openLayer2024-3 .pop-notice dl dd strong b.fc-b::before {content:"(";}
#openLayer2024-3 .pop-notice dl dd strong b.fc-b::after {content:")";}
#openLayer2024-4 .pop-notice dl dd p {line-height:160%; padding:15px 0; margin-top:10px; font-size:18px; word-break:keep-all;}
#openLayer2024-4 .pop-notice dl dd p br.mb-view {display:none;}
@media screen and (max-width:1029px) {
	.pop-notice {margin:0 auto;}
}
@media screen and (max-width:539px) {
	.pop-notice {width:100%; height:auto; padding:30px;}
	.pop-notice dl {padding-bottom:25px;}
	.pop-notice dl dt span {font-size:18px;}
	.pop-notice dl dt strong {font-size:26px;}
	.pop-notice dl dt strong b {font-size:30px;}
	.pop-notice dl dd a {font-size:18px;}
}
@media screen and (max-width:489px) {
	.pop-notice {padding:20px;}
	.pop-notice dl dt span {width:120px;}
	.pop-notice dl dt strong {font-size:22px;}
	.pop-notice dl dt strong b {font-size:26px;}
	.pop-notice dl dd a {height:auto; line-height:120%; padding:10px 40px 10px 20px; word-break:keep-all;}
	#openLayer2024-4 .pop-notice dl dd p br.mb-view {display:block;}
}
@media screen and (max-width:424px) {
	#openLayer2024-3 .pop-notice dl dd {line-height:200%; margin-top:10px;}
	#openLayer2024-3 .pop-notice dl dd strong {font-size:22px;}
	#openLayer2024-3 .pop-notice dl dd strong b {font-size:26px;}
	#openLayer2024-3 .pop-notice dl dd strong b.fc-b {font-size:24px;}
}
@media screen and (max-width:374px) {
	#openLayer2024-3 .pop-notice dl {padding:0 10px 20px 10px; margin-top:5px;}
	#openLayer2024-3 .pop-notice dl dd {line-height:180%;}
	#openLayer2024-3 .pop-notice dl dd strong {font-size:18px;}
	#openLayer2024-3 .pop-notice dl dd strong b {font-size:22px;}
	#openLayer2024-3 .pop-notice dl dd strong b.fc-b {font-size:20px;}
}