@charset "utf-8";

/*動画用モーダル*/
.modal,
.modalMovie iframe{ display:none; }
.modalBody { position: fixed; z-index:10000; background: #FFF; width:560px; left:50%; top:50%; height: 345px; text-align:left; }
.modalBody.sizeAuto {position:absolute; background: #FFF; width:auto;height: auto; top:25px; }
.modalBK { position: fixed; z-index:9999; height:100%; width:100%; background:#000;opacity: 0.9;filter: alpha(opacity=90);-moz-opacity:0.9; top:0; left:0; }
.modalBtns,
.modalimgBtns { cursor: pointer }
.modalBtns:hover,
.modalimgBtns:hover,
.modalBody .modalClose span:hover {opacity: 0.8;}
.modalBody .modalClose span{ cursor: pointer; background-image: url(../img/btn_close.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 16px; width: 84px; outline:none; float:right;}
.modal { width:690px; color: #eee; }
.modalBody { padding: 20px; border-radius:6px;}
.modalMovie { height:315px; background-color:#000;}

#lineModal .modalBody {width: 562px; left:calc(50% - 281px); top:0; height: auto; overflow-y: auto; padding: 0px; margin:20px 0px; z-index: 10000000000000;}
#lineModal img {max-width: 100%;}
#lineModal .modalBody .modalClose span{ width: 24px; }

.modalView { position:relative}
.modalimgBtns img { border: 3px solid #83CB8F; }
.modalView .iconView { left:50%; top:50%; margin-left:-29px; margin-top:-29px; position:absolute; border:none; }
.modalView .iconView:hover {opacity: 1 !important;}

.blinking {
    -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}