@charset "utf-8";

/* 個別モーダル */
@media (min-width: 640px) {.modal-btn a {padding: 20px!important;}}
.modal-btn a {display: block;padding: 8px 0;background: linear-gradient(#be2d55,#c84e70);color: #fff;text-align: center;text-decoration: none;transition: 0.3s linear;}
.modal-open{}
.modal-container{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.85);padding: 40px 20px;overflow: auto;opacity: 0;visibility: hidden;transition: .3s;box-sizing: border-box;z-index: 9999;text-shadow:none;}
.modal-container:before{content: "";display: inline-block;vertical-align: middle;height: 100%;}
.modal-container.active{opacity: 1;visibility: visible;display: flex;}
.modal-body{position: relative !important;display: inline-block !important;vertical-align: middle !important;}
.modal-close{display: block; width: 100px; font-size: 14px; line-height: 35px; text-align: center; cursor: pointer; margin: 15px auto 0; background-color: #000;}
.modal-container .modal-body .modal-content {display: block;width: 100px;font-size: 14px;line-height: 35px;text-align: center; cursor: pointer; margin: 15px auto 0;padding: 1px;cursor: default;}
.modal-container .modal-body .modal-content .inner {background-color: #552139;padding: 20px;}
.modal-content{position: fixed;top: 50%!important;left: 50%!important;transform: translate(-50%, -50%);color: #FFF;max-width: 400px; min-width: 300px;}
.modal-content a {text-decoration: none;display: block;}
.modal-content .btn-mypage a {padding: 10px!important;font-size: 20px;margin-bottom: 10px;}
.modal-content .btn-phone a,.modal-content .btn-member a {background: #cbb4bf;color: #4b0b29;margin-bottom: 10px;padding: 5px!important;font-size: 18px;}
.modal-btn:hover, .modal-content .btn-phone:hover, .modal-content .btn-member:hover,.modal-content .btn-mypage:hover,.modal-close:hover {opacity: 0.65;}
.modal-content .info {margin-top: 1.5em;}
.modal-content .info span {display: block; border-bottom: 1px #a04670 solid;border-top: 1px #a04670 solid;}