@charset "utf-8";

/* 霊能者モーダル */
.modal-btn {overflow: hidden;background-color: #640000;color: #fff;font-size: 2rem;font-weight: bold;line-height: 50px;width: 20%;width: 240px;margin: 2% auto;padding: 0;text-decoration: none;height: 50px;display: block;box-sizing: border-box;text-align: center;}
.modal-btn a {color: #fff;}
.modal-btn::after {margin:0;font-family: "Font Awesome 5 Free";content: "\f105";font-weight: 900;}
.modal-btn:hover {opacity: 0.8;filter: alpha(opacity=80);}
.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: 70px;font-size: 13px;line-height: 30px;text-align: center;cursor: pointer;margin: 15px auto 0;background-color: #640000;color: #fff;}
/*.modal-close:hover{background-color: rgba(196,0,0,0.6);}*/
.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;background-position: center bottom;background-color: #80583e;padding: 1px;cursor: default;}
.modal-container .modal-body .modal-content .inner {background: url("/assets/images/common/bg_white.jpg");padding: 20px;background-position: center bottom;}
.modal-container .modal-body .modal-content .inner .info {border-bottom: 2px solid #eaeaea; font-size: 20px;font-weight: bold;}
.modal-content{position: fixed;top: 50%!important;left: 50%!important;transform: translate(-50%, -50%);color: #333;max-width: 400px; min-width: 300px;}
.modal-content a {color: #fff;}
.modal-content ul {display: flex;}
.modal-content ul li {flex: 1;font-family: 'Noto Serif JP', sans-serif;text-shadow: 0 -1px 0 #000;margin: 0 2px;text-align: center;border: 1px solid #464646;font-size: 17px;line-height: 1.8;padding: 5px 0;text-indent: 0;}
.modal-content ul li::before {content: none;}
.modal-content .btn-member {background-color: #640000;margin: 0 auto .8em;text-align: center;background-image: linear-gradient(#ff7300, #b31702);box-shadow: 0 0 10px #ff7300 inset;border: 1px solid #ff7300;font-size: 23px;line-height: 2.5;text-shadow: 0 -1px 0 #000;}
.modal-content .btn-member span {font-size: 12px;}
.modal-content .btn-phone {background-color: #000;background-image: linear-gradient(#3f6f0e, #202916);box-shadow: 0 0 10px #454048 inset;}
.modal-content .btn-mypage {background-color: #640000;background-image: linear-gradient(#640000,#2f0202);box-shadow: 0 0 10px #370000 inset;}
.modal-btn:hover, .modal-content .btn-phone:hover, .modal-content .btn-member:hover,.modal-content .btn-mypage:hover,.modal-close:hover {opacity: 0.65;}

@media screen and (max-width: 940px) {.modal-btn {width: 190px;font-size: 3.5rem;line-height: 40px;height: 40px;margin-top: 20px;}}