.mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80);} .mfp-wrap {top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden;} .mfp-container {text-align: center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; padding: 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mfp-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle;} .mfp-align-top .mfp-container:before {display: none;} .mfp-content {position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045;} .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%; cursor: auto;} .mfp-ajax-cur {cursor: progress;} .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out;} .mfp-zoom {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;} .mfp-auto-cursor .mfp-content {cursor: auto;} .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none; -moz-user-select: none; user-select: none;} .mfp-loading.mfp-figure {display: none;} .mfp-hide {display: none !important;} .mfp-preloader {color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044;} .mfp-preloader a {color: #cccccc;} .mfp-preloader a:hover {color: white;}.mfp-s-ready .mfp-preloader {display: none;} .mfp-s-error .mfp-content {display: none;} button.mfp-close, button.mfp-arrow {overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none;} button::-moz-focus-inner {padding: 0; border: 0;} .mfp-close {width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 1; filter: alpha(opacity=65); padding: 0 0 18px 10px;-moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; -moz-transition-delay: 0.1s; -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0.1s; -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; -o-transition-delay: 0.1s;} .mfp-close:hover, .mfp-close:focus {opacity: 0.8;-moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; -moz-transition-delay: 0.1s; -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; -webkit-transition-delay: 0.1s; -o-transition-property: all; -o-transition-duration: 0.5s; -o-transition-timing-function: ease; -o-transition-delay: 0.1s;} .mfp-close:active {top: 1px;} .mfp-close-btn-in .mfp-close {color: #333333;} .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%;} .mfp-counter {position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px;} .mfp-arrow {position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .mfp-arrow:active {margin-top: -54px;} .mfp-arrow:hover, .mfp-arrow:focus {opacity: 1; filter: alpha(opacity=100);} .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent;} .mfp-arrow:after, .mfp-arrow .mfp-a {border-top-width: 13px; border-bottom-width: 13px; top: 8px;}.mfp-arrow:before, .mfp-arrow .mfp-b {border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7;} .mfp-arrow-left {left: 0;} .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {border-right: 17px solid white; margin-left: 31px;} .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {margin-left: 25px; border-right: 27px solid #3f3f3f;}.mfp-arrow-right {right: 0;} .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {border-left: 17px solid white; margin-left: 39px;} .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {border-left: 27px solid #3f3f3f;} .mfp-iframe-holder {padding-top: 40px; padding-bottom: 40px;}.mfp-iframe-holder .mfp-content {line-height: 0; width: 100%; max-width: 900px;} .mfp-iframe-holder .mfp-close {top: -40px;}.mfp-iframe-scaler {width: 100%; height: 0; overflow: hidden; padding-top: 56.25%;} .mfp-iframe-scaler iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black;} img.mfp-img {width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto;} .mfp-figure {line-height: 0;} .mfp-figure:after {content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444;} .mfp-figure small {color: #bdbdbd; display: block; font-size: 12px; line-height: 14px;} .mfp-figure figure {margin: 0;} .mfp-bottom-bar {margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto;} .mfp-title {text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px;} .mfp-image-holder .mfp-content {max-width: 100%;}.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer;} #inline-wrap {position: relative;margin:10px 0;width:96%;;padding: 20px;} #inline-wrap .mfp-close {position: absolute; top: -170px; right: 0; background:url(../img/btnClose.png) no-repeat; background-size: 26px 26px;} #inline-wrap .Cnt {width:645px; margin: 0 auto;} #inline-wrap .Cnt ul {text-align: center; font-size: 20px; color: #fff; font-weight: bold;} #inline-wrap .Cnt .left {width:48%; float: left; margin: 0; padding: 0;} #inline-wrap .Cnt .right {width:48%; float: right; margin: 0; padding: 0;} #inline-wrap .Cnt ul li {color: #fff; padding: 15px 0; border-top:1px solid #5F5F5F;} #inline-wrap .image img {width:100%;max-width: 600px;} #inline-wrap .image, #inline-wrap .popup-modal-dismiss {text-align: center;} .mfp-fade.mfp-bg {opacity: 0.001;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;} .mfp-fade.mfp-bg.mfp-ready {opacity: 0.8;}.mfp-fade.mfp-bg.mfp-removing {opacity: 0;} .mfp-fade.mfp-wrap .mfp-content {opacity: 0;-webkit-transition: all 0.15s ease-out;-moz-transition: all 0.15s ease-out;transition: all 0.15s ease-out;} .mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;} .mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;} .mfp-content .mfp-close {position: fixed; /* top: 15px; */ /* left: 0; */ background: url(../img/btnClose.png) no-repeat; background-size: 15px 15px; background-position: 98% 2%; width: 100%; height: 100%;z-index: 10} .Hv:hover {opacity: 0.7;} #firstModal .Cnt .infBnrBtn {margin: 0 auto 2%;width: 96%;} #thankBadgeModal .Cnt .thankDesc {width: 96%;margin: 0 auto 2%;max-width: 358px;background: url("../img/desc-thank-flash.jpg") no-repeat;background-size: 100% auto;} #thankHistoryModal .listScroll, #tickUseModal .listScroll, #favUsefulModal .scroll, #rejectModal .scroll, #kuchikomiHelpModal .scroll {padding: 0; width: 100%; overflow-x: hidden; overflow-y: hidden;margin-bottom: 10px;} #thankHistoryModal .listScroll .scrollArea, #tickUseModal .listScroll .scrollArea {overflow-y: scroll;background: #fff;height:283px;margin-bottom:0;} #favUsefulModal .scroll .scrollArea, #rejectModal .scroll .scrollArea, #kuchikomiHelpModal .scroll .scrollArea {overflow-y: scroll;background: #fff;height:450px;margin-bottom:0;} .blinking{ -webkit-animation:blink 1s ease-in-out infinite alternate; -moz-animation:blink 1s ease-in-out infinite alternate; animation:blink 1s ease-in-out infinite alternate; } @-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } #tnkRlsModal .Cnt figure {width: 80px; margin: 0 auto;position: relative;} #tnkRlsModal .Cnt figure span {text-align: center;position: absolute;left: 0;right: 0;top: 36px; font-size: 26px; line-height: 1;font-weight: 700; color: #fff;} #questionModal .Cnt textarea {width: 100%;margin: 0 auto 10px;height: 200px;} #questionModal .afterCheck, #tnkRlsModal .afterCheck, #topicModal .afterCheck, #topicModal2 .afterCheck, #topicModal3 .afterCheck, .anonymousCheck {width: 100%;overflow: hidden;height: 26px;} #questionModal .textareaDiv {position: relative;width: 96%;margin: 0 auto 10px;} #questionModal .textareaDiv textarea {height: 300px;padding: 15px; background:rgba(255,255,255,.0);position: relative;z-index: 2;font-weight: bold;} #questionModal .textareaDiv #placeholderDiv, #questionModal .textareaDiv #placeholderDiv2 {opacity: 1; position: absolute; top: 15px; left: 15px; font-size: 16px; z-index: 1;font-weight: normal;color:#7B7B7B;width: 96%;} #questionModal .textareaDiv #placeholderDiv.none, #questionModal .textareaDiv #placeholderDiv2.none {display: none;} #questionModal #placeholderDiv p, #questionModal #placeholderDiv2 p {margin-bottom: 0;padding: 0} @media only screen and (max-width: 800px) { #questionModal .textareaDiv textarea {height: 300px;} #questionModal #placeholderDiv p, #questionModal #placeholderDiv2 p {margin-bottom: 10px;} } #tnkRlsModal .Cnt figure {width: 60px;} #tnkRlsModal .Cnt figure span {top: 26px; font-size: 20px;} #questionModal input.sizeSet {font-size: 16px;font-weight: bold;} #questionModal input.sizeSet::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#7B7B7B;font-weight: normal !important; } #questionModal input.sizeSet:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#7B7B7B;font-weight: normal !important; } #questionModal input.sizeSet::placeholder{ /* Others */ color:#7B7B7B;font-weight: normal !important; } #questionModal input[type=checkbox], #tnkRlsModal input[type=checkbox], #topicModal input[type=checkbox], #topicModal2 input[type=checkbox], #topicModal3 input[type=checkbox] {display: none;} #questionModal .checkCustom, #tnkRlsModal .checkCustom, #topicModal .checkCustom, #topicModal2 .checkCustom, #topicModal3 .checkCustom {box-sizing: border-box; cursor: pointer;display: inline-block; padding:3px 0px 0px 28px; position: relative; width: auto;float: left;font-size: 12px;margin-right: 12px;} #questionModal .checkCustom::before, #tnkRlsModal .checkCustom::before, #topicModal .checkCustom::before, #topicModal2 .checkCustom::before, #topicModal3 .checkCustom::before {background: #fff; border: 1px solid #CCCCCC; content: ''; display: block; width: 24px;height: 24px;border-radius: 4px; left: 0; margin-top: -11px; position: absolute; top: 50%;box-sizing: border-box;} #questionModal .checkCustom::after, #tnkRlsModal .checkCustom::after, #topicModal .checkCustom::after, #topicModal2 .checkCustom::after, #topicModal3 .checkCustom::after {border-right: 2px solid #000; border-bottom: 2px solid #000; content: ''; display: block; height: 12px;left: 9px; margin-top: -7px; opacity: 0; position: absolute; top: 50%; transform: rotate(45deg); width: 7px;} #questionModal input[type=checkbox]:checked + .checkCustom::after, #tnkRlsModal input[type=checkbox]:checked + .checkCustom::after, #topicModal input[type=checkbox]:checked + .checkCustom::after, #topicModal2 input[type=checkbox]:checked + .checkCustom::after, #topicModal3 input[type=checkbox]:checked + .checkCustom::after {opacity: 1;} #questionModal input[type=checkbox]:checked + .checkCustom::before, #tnkRlsModal input[type=checkbox]:checked + .checkCustom::before, #topicModal input[type=checkbox]:checked + .checkCustom::before, #topicModal2 input[type=checkbox]:checked + .checkCustom::before, #topicModal3 input[type=checkbox]:checked + .checkCustom::before {border-color: #CCCCCC;} #questionModal input[type=checkbox]:checked + .checkCustom::after, #tnkRlsModal input[type=checkbox]:checked + .checkCustom::after, #topicModal input[type=checkbox]:checked + .checkCustom::after, #topicModal2 input[type=checkbox]:checked + .checkCustom::after, #topicModal3 input[type=checkbox]:checked + .checkCustom::after {opacity: 1;} #gcMemberModal, #gcDetailModal, #gcConditionModal, #gcMemoModal, #gcGaiyouModal, #gcExitModal, #gcLimitModal, #gcListModal, #thankBadgeModal, #payingMemberModal, #payingMemberBHModal, #payingMemberNEWModal, #payingMemberFAVModal, #payingMemberBOARDModal, #payingMemberVIPBOARDModal, #payingMemberCONATCTModal, #payingMemberPROFModal, #payingMemberDMModal, #profCheckModal, #firstModal, #exExplainModal, #myExModal, #deleteGroupChatModal, #confirmGroupChatModal, #confirmGroupChatModal2, #confirmGroupChatModal3, #note3Modal, #note5Modal, #note4Modal, #commentBanModal, #limitDayModal, #chatUsageModal, #thConfModal, #aboutSecretModal, #newGcMemberModal {max-width:400px; width: 94%; margin:0 auto;overflow: hidden; border-radius: 20px;background: #fff;} #thankBadgeModal, #thankHistoryModal, #aboutEXModal, #restNumModal, #spanEndModal, #tickUseModal, #goodbadModal {max-width:460px; width: 94%; margin:0 auto;overflow: hidden; border-radius: 20px;background: #fff;} #rejectModal, #appealModal, #usersModal, #WantedRoomsModal, #thankHistoryModal, #addFavModal, #openComfirmModal, #shareComfirmModal, #shareDisabledModal, #shareAppModal, #topicModal, #topicModal2, #topicModal3, #favUsefulModal, #kuchikomiHelpModal, #chanceModal {max-width:520px; width: 94%; margin:0 auto;overflow: hidden; border-radius: 20px;background: #fff;} #bestSelectModal, #noteModal, #note2Modal, #questionModal, #tnkRlsModal {max-width:600px; width: 94%; margin:0 auto;overflow: hidden; border-radius: 20px;background: #fff;} #howtoModal {max-width:620px; width: 94%; margin:0 auto;overflow: hidden; border-radius: 20px;background: #fff;} #loginModal {max-width:650px; width: 94%; margin:0 auto;overflow: hidden; border-radius: 20px;background: #fff;} #pickupModal01, #pickupModal02, #infoModal, #banModal, #localAreaModal {max-width:800px; width: 94%; margin:0 auto;overflow: hidden; border-radius: 20px;background: #fff;} #gcMemberModal .Cnt, #gcDetailModal .Cnt, #gcConditionModal .Cnt, #gcGaiyouModal .Cnt, #gcMemoModal .Cnt, #gcExitModal .Cnt, #gcLimitModal .Cnt, #gcListModal .Cnt, #thankBadgeModal .Cnt, #questionModal .Cnt, #tnkRlsModal .Cnt, #thankBadgeModal .Cnt, #commentBanModal .Cnt, #thankHistoryModal .Cnt, #aboutEXModal .Cnt, #tickUseModal .Cnt, #rejectModal .Cnt, #kuchikomiHelpModal .Cnt, #firstModal .Cnt, #exExplainModal .Cnt, #myExModal .Cnt, #limitDayModal .Cnt, #spanEndModal .Cnt, #restNumModal .Cnt, #chatUsageModal .Cnt, #payingMemberModal .Cnt, #payingMemberBHModal .Cnt, #payingMemberNEWModal .Cnt, #payingMemberFAVModal .Cnt, #payingMemberBOARDModal .Cnt, #payingMemberVIPBOARDModal .Cnt, #payingMemberCONTACTModal .Cnt, #payingMemberPROFModal .Cnt, #payingMemberDMModal .Cnt, #profCheckModal .Cnt, #thConfModal .Cnt, #goodbadModal, #infoModal .Cnt, #banModal .Cnt, #loginModal .Cnt, #deleteGroupChatModal .Cnt, #confirmGroupChatModal .Cnt, #confirmGroupChatModal2 .Cnt, #confirmGroupChatModal3 .Cnt, #note3Modal .Cnt, #note5Modal .Cnt, #note4Modal .Cnt, #bestSelectModal .Cnt, #usersModal .Cnt, #WantedRoomsModal .Cnt, #openComfirmModal .Cnt, #shareComfirmModal .Cnt, #shareDisabledModal .Cnt, #shareAppModal .Cnt, #topicModal .Cnt, #topicModal2 .Cnt, #topicModal3 .Cnt, #favUsefulModal .Cnt, #removeMosaicModal .Cnt, #thankModal .Cnt, #thankHistoryModal .Cnt, #appealModal .Cnt, #noteModal .Cnt, #note2Modal .Cnt, #pickupModal01 .Cnt, #pickupModal02 .Cnt, #goodbadModal .Cnt, #chanceModal .Cnt, #addFavModal .Cnt, #localAreaModal .Cnt, #aboutSecretModal .Cnt, #newGcMemberModal .Cnt {width: 100%; background: #fff; overflow: hidden;box-sizing: border-box;padding: 20px;position: relative; z-index: 12 !important;} #goodbadModal .Cnt {padding: 0} /*h1*/ #firstModal .Cnt h1, #confirmGroupChatModal h1, #banModal .Cnt h1, #bestSelectModal .Cnt h3, #localAreaModal .Cnt h3 {border:1px solid #5b6274;background: #666e82; font-size: 16px; text-align: center; vertical-align: middle; padding: 5px 0;color: #fff;line-height: 1; margin-bottom: 15px;} /*h2*/ #limitDayModal .Cnt h3, #spanEndModal .Cnt h2, #thConfModal .Cnt h2, #exExplainModal .Cnt h2, #myExModal .Cnt h2, #tnkRlsModal .Cnt h2, #localAreaModal .Cnt h2 {border:1px solid #5b6274;background: #666e82; font-size: 16px; text-align: center; vertical-align: middle; padding: 5px 0;color: #fff;line-height: 1; margin-bottom: 15px;} #pickupModal01 h2, #pickupModal02 h2 {color: #fff; background: url("../img/salon/icon-pickupKuchikomi.png"),url(../img/salon/bg-head-h2.jpg); padding: 2% 2% 2% 2%; background-size: 68px auto; background-repeat: no-repeat, repeat; background-position: 1% 50%;font-size: 16px;} /*h3*/ #gcMemberModal .Cnt h3, #gcDetailModal .Cnt h3, #gcConditionModal .Cnt h3, #gcMemoModal .Cnt h3, #gcGaiyouModal .Cnt h3, #gcExitModal .Cnt h3, #gcLimitModal .Cnt h3, #gcListModal .Cnt h3, #thankBadgeModal .Cnt h3, #aboutSecretModal .Cnt h3, #newGcMemberModal .Cnt h3 {border: none;background: #15D4D7; color: #fff;text-align: center;padding: 5px 0;font-size: 15px;} #payingMemberBHModal .Cnt h3, #payingMemberNEWModal .Cnt h3, #payingMemberFAVModal .Cnt h3, #payingMemberBOARDModal .Cnt h3, #payingMemberVIPBOARDModal .Cnt h3, #payingMemberCONTACTModal .Cnt h3, #payingMemberPROFModal .Cnt h3, #payingMemberDMModal .Cnt h3, #profCheckModal .Cnt h3 {border: none;color: #15D4D7; border-bottom: 2px solid #15D4D7;text-align: center;padding: 0} #gcListModal .Cnt h3 {margin-bottom: 0;} #loginModal .Cnt h3, #goodbadModal .Cnt h3, #removeMosaicModal .Cnt h3, #openComfirmModal .Cnt h3, #shareComfirmModal .Cnt h3, #shareDisabledModal .Cnt h3, #shareAppModal .Cnt h3, #topicModal .Cnt h3, #topicModal2 .Cnt h3, #topicModal3 .Cnt h3, #favUsefulModal .Cnt h3, #thankModal .Cnt h3, #appealModal .Cnt h3, #note3Modal .Cnt h3, #note5Modal .Cnt h3, #note4Modal .Cnt h3, #thankBadgeModal .Cnt h3, #thankHistoryModal .Cnt h3, #aboutEXModal .Cnt h3, #tickUseModal .Cnt h3, #rejectModal .Cnt h3, #kuchikomiHelpModal .Cnt h3, #chatUsageModal .Cnt h3, #restNumModal .Cnt h3, #spanEndModal .Cnt h3, #noteModal .Cnt h3, #note2Modal .Cnt h3, #deleteGroupChatModal .Cnt h3, #infoModal .Cnt h3, #chanceModal .Cnt h3, #usersModal h3, #WantedRoomsModal h3 {border:none;background:#D3C7C7; font-size: 16px; text-align: center; vertical-align: middle; padding: 8px 10px;color:#212121;line-height: 1.5; margin-bottom: 15px;} #tnkRlsModal .Cnt h3 {border-left: none; border-bottom: 2px solid #0cb2ba;color: #0cb2ba; font-size: 18px; line-height: 1.5em; padding:0;text-align: center;width: 60%;margin: 0 auto 4%;} #tnkRlsModal .Cnt h3 {font-size: 14px;} /*h4*/ #rejectModal .Cnt h4 {padding: 0 2% 1%;} #note2Modal .Cnt h4, #chanceModal .Cnt h4 {border-bottom: 2px solid #000;color: #000; border-left: none;padding-left: 0; margin-bottom:5px;} #favUsefulModal .Cnt h4 {font-weight: bold;margin: 0 2% 5px;font-size: 15px; color: #54BBE7;border-bottom: 1px solid #54BBE7;padding-bottom: 5px;} @media screen and (max-width: 727px) { #note2Modal .Cnt h4 {font-size: 13px;} #note2Modal .Cnt p, #note2Modal .Cnt ul li {font-size: 12px;} } /*p*/ #gcMemberModal .Cnt table, #gcDetailModal .Cnt table, #gcConditionModal .Cnt table, #gcMemoModal .Cnt table, #gcExitModal .Cnt table, #gcGaiyouModal .Cnt .txt {width: 90%;margin: 0 auto 15px;text-align: justify;} #payingMemberBHModal .Cnt p, #payingMemberNEWModal .Cnt p, #payingMemberFAVModal .Cnt p, #payingMemberBOARDModal .Cnt p, #payingMemberVIPBOARDModal .Cnt p, #payingMemberCONTACTModal .Cnt p, #payingMemberPROFModal .Cnt p, #payingMemberDMModal .Cnt p, #gcMemberModal .Cnt p, #profCheckModal .Cnt p, #gcLimitModal .Cnt p, #aboutSecretModal .Cnt p {font-weight: bold;margin: 0 0 10px;text-align: justify;} #chanceModal .Cnt p, #pickupModal01 .Cnt p, #pickupModal02 .Cnt p, #chatUsageModal .Cnt p, #spanEndModal .Cnt p, #restNumModal .Cnt p, #thankBadgeModal .Cnt p, #topicModal .Cnt p, #topicModal2 .Cnt p, #topicModal3 .Cnt p, #newGcMemberModal .Cnt p {padding: 0 0 2%;text-align: justify;} #goodbadModal .Cnt p, #loginModal .Cnt p, #removeMosaicModal .Cnt p {padding: 0 2% 10px;margin-bottom: 0;text-align: justify;} #shareComfirmModal .Cnt p, #shareDisabledModal .Cnt p, #shareAppModal .Cnt p, #questionModal .Cnt p {padding: 0 2% 2%;text-align: justify;} #openComfirmModal .Cnt p, #thankModal .Cnt p, #firstModal .Cnt p, #exExplainModal .Cnt p, #myExModal .Cnt p, #thConfModal .Cnt p, #limitDayModal .Cnt p, #appealModal .Cnt p, #noteModal .Cnt p {padding: 0 2% 3%;text-align: justify;} #favUsefulModal .Cnt p {padding: 0 2% 2%;font-size: 13px;text-align: justify;} #thankHistoryModal .Cnt p, #aboutEXModal .Cnt p, #tickUseModal .Cnt p, #rejectModal .Cnt p, #kuchikomiHelpModal .Cnt p {padding: 0 2% 2%;font-size: 14px;} #tnkRlsModal .Cnt p {padding: 0 4% 10px;line-height: 1.3} #commentBanModal .Cnt p {padding: 4%;font-size: 14px;} #tnkRlsModal .Cnt p {font-size: 13px;margin-bottom: 15px;padding-bottom: 0;} #bestSelectModal .Cnt p {padding: 0 2% 2%;text-align: center;} #infoModal .Cnt p, #banModal .Cnt p, #deleteGroupChatModal .Cnt p, #confirmGroupChatModal .Cnt p, #confirmGroupChatModal2 .Cnt p, #confirmGroupChatModal3 .Cnt p, #note3Modal .Cnt p, #note5Modal .Cnt p, #note4Modal .Cnt p {padding: 0 2% 3%} @media screen and (max-width: 727px) { .mfp-content p {font-size: 12px;} } /*.Footer*/ #gcMemberModal .Footer, #gcDetailModal .Footer, #gcConditionModal .Footer, #gcMemoModal .Footer, #gcGaiyouModal .Footer, #gcExitModal .Footer, #gcLimitModal .Footer, #gcListModal .Footer, #thankBadgeModal .Footer, #payingMemberBHModal .Footer, #payingMemberNEWModal .Footer, #payingMemberFAVModal .Footer, #payingMemberBOARDModal .Footer, #payingMemberVIPBOARDModal .Footer, #payingMemberCONTACTModal .Footer, #payingMemberDMModal .Footer, #gcMemberModal .Footer, #profCheckModal .Footer, #loginModal .Footer, #openComfirmModal #Footer, #shareComfirmModal #Footer, #shareDisabledModal #Footer, #shareAppModal .Footer, #topicModal .Footer, #topicModal2 .Footer, #topicModal3 .Footer, #favUsefulModal .Footer, #limitDayModal .Footer, #spanEndModal .Footer, #restNumModal .Footer, #chatUsageModal .Footer, #thConfModal .Footer, #firstModal .Footer, #exExplainModal .Footer, #myExModal .Footer, #thankBadgeModal .Footer, #commentBanModal .Footer, #thankHistoryModal .Footer, #aboutEXModal .Footer, #tickUseModal .Footer, #rejectModal .Footer, #kuchikomiHelpModal .Footer, #questionModal .Footer, #tnkRlsModal .Footer, #aboutSecretModal .Footer, #newGcMemberModal .Footer {font-size: 14px; width: 96%; margin: 0 auto 10px;overflow: hidden;} /*Btn*/ #limitDayModal .Footer .kuchikomiBtn {margin:0 auto 15px; width:90%; color: #fff; background:#DA5153 url("../img/arrowNextWhite.png") 98% 50% no-repeat; background-size: 10px auto; text-align: center;padding:0; line-height: 40px; border-radius: 6px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;border-bottom: 3px solid #AD3133;} #exExplainModal .Footer .lpBtn, #spanEndModal .Footer .lpBtn, #limitDayModal .Footer .mypageBtn {margin:0 auto 15px; width:100%; color: #fff; background:#1BCCCF url("../img/arrowNextWhite.png") 98% 50% no-repeat; background-size: 10px auto;; text-align: center;padding:0; line-height: 40px; border-radius: 6px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;border-bottom: 3px solid #2BA9AB;} #tnkRlsModal .Footer .okBtn {margin:10px auto 10px; width:100%; color: #fff; background:#0cb2ba; text-align: center;box-sizing: border-box;padding:6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #thConfModal .Footer .okBtn {float: left; margin:0 auto 15px; width:100%; color: #fff; background:#1BCCCF; text-align: center;padding:10px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #loginModal .Footer .inputBtn {margin:0 auto 10px; width:100%; color: #fff;box-sizing: border-box;padding: 10px 0; background:#FF8789; text-align: center; border-radius: 20px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #loginModal .Footer .loginBtn {margin:0 auto 10px; width:100%; color: #fff;box-sizing: border-box;padding: 10px 0; background:#00a98e; text-align: center; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #loginModal .Footer .cancelBtn {margin-top:0; width:100%; color: #fff;box-sizing: border-box;padding: 10px 0; background:#C9C9C9; text-align: center; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #loginModal .cBtn {padding: 12px 3%;} #gcMemberModal .Footer .cBtn, #gcDetailModal .Footer .cBtn, #gcConditionModal .Footer .cBtn, #gcMemoModal .Footer .cBtn, #gcGaiyouModal .Footer .cBtn, #gcExitModal .Footer .cBtn, #thankBadgeModal .Footer .cBtn, #aboutSecretModal .Footer .cBtn, #newGcMemberModal .Footer .cBtn {padding:7px 3% 4px;font-size: 13px;} #gcMemberModal .cBtn, #gcDetailModal .cBtn, #gcConditionModal .cBtn, #gcMemoModal .cBtn, #gcGaiyouModal .cBtn, #gcExitModal .cBtn, #gcLimitModal .cBtn, #thankModal .cBtn {width: 94%;} #thankBadgeModal .Footer .cancelBtn, #commentBanModal .Footer .cancelBtn, #thankHistoryModal .Footer .cancelBtn, #aboutEXModal .Footer .cancelBtn, #rejectModal .Footer .cancelBtn, #kuchikomiHelpModal .Footer .cancelBtn #limitDayModal .Footer .cancelBtn, #spanEndModal .Footer .cancelBtn, #restNumModal .Footer .cancelBtn, #chatUsageModal .Footer .cancelBtn, #firstModal .Footer .cancelBtn, #exExplainModal .Footer .cancelBtn, #myExModal .Footer .cancelBtn, #payingMemberBHModal .Footer .cancelBtn, #payingMemberNEWModal .Footer .cancelBtn, #payingMemberFAVModal .Footer .cancelBtn, #payingMemberBOARDModal .Footer .cancelBtn, #payingMemberVIPBOARDModal .Footer .cancelBtn, #payingMemberCONTACTModal .Footer .cancelBtn, #payingMemberPROFModal .Footer .cancelBtn, #payingMemberDMModal .Footer .cancelBtn, #gcMemberModal .Footer .cancelBtn, #gcListModal .Footer .cancelBtn, #profCheckModal .Footer .cancelBtn, #aboutSecretModal .Footer .cancelBtn {float: left; margin-top:0; width:100%; color: #fff; background:#ADADAD; text-align: center;padding:10px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #questionModal .Footer .cancelBtn, #tnkRlsModal .Footer .cancelBtn {margin: 10px 0; width:100%; color: #fff; background:#ADADAD; text-align: center;box-sizing: border-box; padding:6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;overflow: hidden;} #payingMemberBHModal .Footer .payingBtn, #payingMemberNEWModal .Footer .payingBtn, #payingMemberFAVModal .Footer .payingBtn, #payingMemberBOARDModal .Footer .payingBtn, #payingMemberVIPBOARDModal .Footer .payingBtn, #payingMemberCONTACTModal .Footer .payingBtn, #payingMemberPROFModal .Footer .payingBtn, #payingMemberDMModal .Footer .payingBtn, #profCheckModal .Footer .payingBtn {float: left; margin:0 auto 15px; width:100%; color: #fff; background:#1BCCCF; text-align: center;padding:10px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #gcGaiyouModal .info textarea {width: 90%;margin: 0 5%;} #gcMemoModal textarea {min-height: 400px; width: 90%; margin: 0 5%; box-sizing: border-box;} @media only screen and (max-width: 800px) { #gcMemoModal textarea {min-height: 300px;} } #gcListModal .gcListScroll {padding: 0; width: 100%; overflow-x: hidden; overflow-y: hidden;margin-bottom: 10px;} #gcListModal .gcListScroll .scrollArea{overflow-y: scroll;background: #fff;height:283px;margin-bottom:0;} #gcListModal ul {overflow: hidden;width: 100%} #gcListModal ul.chat-members li {font-weight: bold;padding: 4% 10% 4% 2%} #gcListModal li {position: relative;box-sizing: border-box;padding: 2%;display: table;border-bottom: 1px solid #f7f7f7;cursor: pointer;width: 100%;background:#fff url("../img/arrowNext.png") 98% 50% no-repeat; background-size: 10px auto;} #gcListModal li.active, #gcListModal li:hover{background:#E1E1E1 url("../img/arrowNextWhite.png") 98% 50% no-repeat; background-size: 10px auto;} #gcListModal li .name {display: table-cell;width: 80%;box-sizing: border-box;padding: 0 2%; vertical-align: middle;text-align: left;font-size: 15px;} #gcListModal li .new {position: absolute;background: #EC0E11;color: #fff;border-radius: 10px;padding: 2px 5px 1px;font-weight: bold;font-size: 10px;} /*figure*/ #payingMemberBHModal .Cnt figure, #payingMemberNEWModal .Cnt figure, #payingMemberFAVModal .Cnt figure, #payingMemberBOARDModal .Cnt figure, #payingMemberVIPBOARDModal .Cnt figure, #payingMemberCONTACTModal .Cnt figure, #payingMemberPROFModal .Cnt figure, #payingMemberDMModal .Cnt figure, #profCheckModal .Cnt figure {width: 60px;margin: 0 auto 10px;} #payingMemberBHModal .Cnt figure.plan {width: 100%;margin: 0 auto 20px;} #payingMemberDMModal .Cnt figure.plan, #payingMemberVIPBOARDModal .Cnt figure.plan, #payingMemberBOARDModal .Cnt figure.plan, #payingMemberNEWModal .Cnt figure.plan {width: 280px;margin: 0 auto 20px;} #payingMemberFAVModal .Cnt figure.plan, #payingMemberCONTACTModal .Cnt figure.plan, #payingMemberPROFModal .Cnt figure.plan, #profCheckModal .Cnt figure.plan {width: 200px;margin: 0 auto 20px;} #openComfirmModal .Cnt .flowImg, #favUsefulModal .Cnt figure{width: 96%; margin: 0 auto 10px;} #usersModal .badge figure, #thankHistoryModal .badge figure {display: block;width: 100%;line-height: 1;} #tnkRlsModal .Cnt figure {width: 60px;} #tnkRlsModal .Cnt figure span {top: 40px; font-size: 20px;} #tnkRlsModal .Cnt figure {width: 80px; margin: 0 auto;position: relative;} #exExplainModal figure {width: 94%;height: auto;margin: 0 auto;} #usersModal .badge figure img, #thankHistoryModal .badge figure img, #exExplainModal figure img, #payingMemberBHModal .Cnt img, #payingMemberNEWModal .Cnt img, #payingMemberFAVModal .Cnt img, #payingMemberBOARDModal .Cnt img, #payingMemberVIPBOARDModal .Cnt img, #payingMemberCONTACTModal .Cnt img, #payingMemberPROFModal .Cnt img, #payingMemberDMModal .Cnt img, #profCheckModal .Cnt img, #note2Modal .Cnt figure img, #thankBadgeModal .Cnt .thankDesc img, #chanceModal .Cnt img, #openComfirmModal .Cnt .flowImg img, #favUsefulModal figure img {width: 100%;height: auto;} #rejectModal .Cnt img {width:194px; height: auto;margin-bottom: 10px;} #loginModal .Cnt .flowImg {width: 96%; margin: 0 auto 10px;text-align: center;} #loginModal .Cnt .flowImg img {width: 100%; height: auto;max-width: 400px;} #chanceModal .Cnt .preTicket {width: 100px; margin: 0 auto 10px;text-align: center;} #gcListModal li figure {display: table-cell;width: 20%;vertical-align: middle;} #gcListModal li figure img {width: 100%;height: auto;vertical-align: bottom;line-height: 0;} #goodbadModal .Cnt textarea {box-sizing: border-box;width: 96%;margin:0 2% auto} #goodbadModal .Footer {font-size: 14px; width: 96%; margin: 0 auto 10px;overflow: hidden;} #goodbadModal .Footer .cancelBtn {margin-top:0; width:100%; color: #fff;box-sizing: border-box;padding: 10px 0; background:#C9C9C9; text-align: center; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #goodbadModal .cBtn {padding: 12px 3%;} #removeMosaicModal {width:650px; margin:0 auto;overflow: hidden; border-radius: 20px;} #removeMosaicModal .Cnt p.info {padding: 0 2% 10px 5%;margin-bottom: 0;font-weight: 700} #removeMosaicModal .Footer {font-size: 14px; width: 96%; margin: 0 auto 10px;overflow: hidden;} #removeMosaicModal .Footer .inputBtn {margin:0 auto 10px; width:100%; color: #fff;box-sizing: border-box;padding: 10px 0; background:#FF8789; text-align: center; border-radius: 20px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #removeMosaicModal .Footer .loginBtn {margin:0 auto 10px; width:100%; color: #fff;box-sizing: border-box;padding: 10px 0; background:#00a98e; text-align: center; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #removeMosaicModal .Footer .cancelBtn {margin-top:0; width:100%; color: #fff;box-sizing: border-box;padding: 10px 0; background:#C9C9C9; text-align: center; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #removeMosaicModal .cBtn {padding: 12px 3%;} #shareAppModal .Cnt .message{width: 96%;box-sizing: border-box;margin: 0 2% 2%;background: #f7f7f7; padding: 2% 2%} #shareComfirmModal .Cnt textarea{padding: 2%;width: 96%;box-sizing: border-box;margin: 0 2% 2%;height: 100px;} #shareAppModal .Footer .linkBtn {margin:0 auto 10px; width:100%; color: #fff; background:#00D3CF; text-align: center;padding:10px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #topicModal .linkBtn, #topicModal2 .linkBtn, #topicModal3 .linkBtn {margin:0 auto 30px; width:90%;max-width: 260px; color: #fff; background:#E96969; text-align: center;padding:10px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #openComfirmModal #Footer .okBtn, #shareComfirmModal #Footer .okBtn, #shareDisabledModal #Footer .okBtn, #shareAppModal .Footer .okBtn, #topicModal .Footer .okBtn, #topicModal2 .Footer .okBtn, #topicModal3 .Footer .okBtn {margin:0 auto 10px; width:100%; color: #fff; background:#E96969; text-align: center;padding:10px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #openComfirmModal #Footer .cancelBtn, #shareComfirmModal #Footer .cancelBtn, #shareDisabledModal #Footer .cancelBtn, #shareAppModal .Footer .cancelBtn, #topicModal .Footer .cancelBtn, #topicModal2 .Footer .cancelBtn, #topicModal3 .Footer .cancelBtn, #favUsefulModal .Footer .cancelBtn {margin-top:0; width:100%; color: #fff; background:#878787; text-align: center;padding:6px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #thankModal {width:520px; margin:0 auto;overflow: hidden; border-radius: 20px;} #thankModal .Cnt p span {font-weight: 700;color: #1C94BF;font-size: 120%;} #thankModal .Footer {font-size: 14px; width: 96%; margin: 0 auto 10px;overflow: hidden;} #thankModal .Footer .okBtn {margin:0 auto 10px; width:100%; color: #fff; background:#E96969; text-align: center;padding:10px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #thankModal .Footer .cancelBtn {margin-top:0; width:100%; color: #fff; background:#878787; text-align: center;padding:6px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #usersModal .txt {display: table;width: 100%;box-sizing: border-box; border-bottom: 2px solid #5ab4bd;} #usersModal .txt .cell {display: table-cell;vertical-align: middle;text-align: center;font-weight: bold;} #usersModal .txt .cell span{font-size: 110%;} #addFavModal h3 {border:1px solid #5b6274;background: #666e82; font-size: 16px; text-align: center; vertical-align: middle; padding: 5px 0;color: #fff;line-height: 1; margin-bottom: 15px;} #addFavModal .txt {overflow: hidden; padding: 0 10px 2px;border-bottom: 1px solid #f5f5f5;margin-bottom: 10px;} #addFavModal .txt .cell {font-size: 11px;} #addFavModal .txt .cell span{font-size: 120%; font-weight: bold;} #addFavModal .expRadio {width: 100%;margin: 0 auto;overflow: hidden;box-sizing: border-box; padding: 0 10px;} #addFavModal .expRadio li {float: left;width: 120px !important;padding: 2% 0!important;margin: 0;font-size: 13px;} #addFavModal .expRadio input[type="radio"] {position: absolute; opacity: 0;} #addFavModal .expRadio input[type="radio"] + .radio-label:before {content: ''; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 1.4em; height: 1.4em; position: relative; top:0px; margin-right: 10px; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; transition: all 250ms ease;} #addFavModal .expRadio input[type="radio"]:checked + .radio-label:before { background-color:#EF6464; box-shadow: inset 0 0 0 4px #f4f4f4;} #addFavModal .expRadio input[type="radio"]:disabled + .radio-label:before { box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4;} #addFavModal .expRadio input[type="radio"]:focus + .radio-label:before { outline: none; border-color: #b4b4b4;} #addFavModal .expRadio input[type="radio"] + .radio-label:empty:before {margin-right: 0;} #addFavModal .favMemo, #addFavModal .favNewCheck {box-sizing: border-box;width: 100%;padding: 0 10px 10px;} #addFavModal .favMemo textarea { font-size: 14px; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.6;} #addFavModal .favNewCheck .label--checkbox {position: relative; margin: 0;font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height: 135%; cursor: pointer;font-size: 13px;} #addFavModal .favNewCheck .checkB {position: relative; top: -0.375rem; margin: 0 1rem 0 0; cursor: pointer;} #addFavModal .favNewCheck .checkB:before {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; content: ""; position: absolute; left: 0; z-index: 1; width: 18px; height: 18px; border: 1px solid #939393;} #addFavModal .favNewCheck .checkB:checked:before {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: 0.5rem; border-color: #009688; border-top-style: none; border-right-style: none;} #addFavModal .favNewCheck .checkB:after { content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: #fff; cursor: pointer;} #addFavModal .Footer {font-size: 14px; width: 96%; margin: 0 auto 10px;overflow: hidden;} /*タブ切り替え全体のスタイル*/ #usersModal .tabs, #thankHistoryModal .tabs { margin-top: 50px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; margin: 0 auto;} /*タブのスタイル*/ #usersModal .tab_item, #thankHistoryModal .tab_item {width: calc(100%/2); height: 40px; border-bottom: 3px solid #5ab4bd; background-color: #d9d9d9; font-size: 16px; text-align: center; color: #565656; display: block; float: left; font-weight: bold; transition: all 0.2s ease; line-height: 1.4; padding-top: 6px; box-sizing: border-box;} #usersModal .tab_item:hover, #thankHistoryModal .tab_item:hover { opacity: 0.75;} /*ラジオボタンを全て消す*/ #usersModal input[name="tab_item"], #thankHistoryModal input[name="tab_item"] {display: none;} /*タブ切り替えの中身のスタイル*/ #usersModal .tab_content, #thankHistoryModal .tab_content { display: none; padding: 15px; clear: both; overflow: hidden;} /*選択されているタブのコンテンツのみを表示*/ #good_users:checked ~ #good_users_content, #bad_users:checked ~ #bad_users_content, #send_users:checked ~ #send_users_content, #give_users:checked ~ #give_users_content{display: block;} /*選択されているタブのスタイルを変える*/ #usersModal .tabs input:checked + .tab_item, #thankHistoryModal .tabs input:checked + .tab_item { background-color: #5ab4bd;color: #fff;} #usersModal .wrap, #thankHistoryModal .wrap, #topicModal .wrap, #topicModal2 .wrap, #topicModal3 .wrap, #rejectModal .wrap, #kuchikomiHelpModal .wrap, #chanceModal .wrap {padding: 0; width: 100%; overflow-x: hidden; overflow-y: hidden; margin-bottom: 0;} #usersModal .scrollArea, #thankHistoryModal .scrollArea, #tickUseModal .scrollArea {height:260px; width: calc(100%); padding-right:0; overflow-y: scroll;padding: 10px;box-sizing: border-box;background: #fff;} #topicModal .scrollArea, #topicModal2 .scrollArea, #topicModal3 .scrollArea, #rejectModal .scrollArea, #kuchikomiHelpModal .scrollArea, #chanceModal .scrollArea {height:500px; width: calc(100%); padding-right:0; overflow-y: scroll;padding: 10px;box-sizing: border-box;background: #fff;} #usersModal ul, #thankHistoryModal ul, #tickUseModal ul {overflow: hidden;width: 100%;} #usersModal ul li, #thankHistoryModal ul li, #tickUseModal ul li {width: 100%;border-bottom: 1px solid #9B9B9B;margin-bottom: 8px;display: table;box-sizing: border-box;} #usersModal ul li:last-child, #thankHistoryModal ul li:last-child, #tickUseModal ul li:last-child {border-bottom: none;} #usersModal ul li.goodPress {background: #ADDCF3} #usersModal ul li.badPress {background:#FDBEBF} #usersModal ul li a, #thankHistoryModal ul li a {color: #000;text-decoration: underline;} #tickUseModal ul li a .thName{color:#31b4be;;text-decoration: underline;} #usersModal .dot, #thankHistoryModal .dot {display: table-cell;vertical-align: middle;width: 10px;} #usersModal .dot.good { background:url("../img/icon-good.png") no-repeat;background-size: 25px auto; width: 35px; height: 32px;position: relative;top: 4px;left: 4px;} #usersModal .dot.bad { background:url("../img/icon-bad.png") no-repeat;background-size: 25px auto; width: 35px; height: 32px;position: relative;top: 4px;left: 4px;} #usersModal .badge, #thankHistoryModal .badge {width: 30px; height: 30px;display: table-cell; margin-bottom: 0;vertical-align: middle;position: relative;margin-right: 5px;} #usersModal .badge .num, #thankHistoryModal .badge .num {background: none; position: absolute; width: 30px; height: 30px; line-height: 28px; top: 0; bottom: 0; text-align: center; margin: auto;left: 0; right: 0; font-size: 10px; padding: 0;letter-spacing: 0.1px;font-weight: 700; color: #fff;} #usersModal .usrName, #thankHistoryModal .usrName {display: table-cell;vertical-align: middle;box-sizing: border-box; padding-left: 5px;} #usersModal .usrName span, #thankHistoryModal .usrName span {background: #00B8C1; color: #fff; border-radius: 4px; font-size: 11px; font-weight: bold; margin-left: 5px;padding: 1px 2px;position: relative;top: -2px;} #thankHistoryModal .usrName .date {background:#C3C3C3; color: #000000;padding: 1px 4px;} #tickUseModal ul li .thName, #tickUseModal ul li .date {display: table-cell;vertical-align: top;padding: 0 5px 5px;font-size: 12px;} #tickUseModal ul li .thName {width: 88%;} #tickUseModal ul li .salonName {padding-left: 5px;} #tickUseModal ul li .date {width: 12%;} #tickUseModal ul li a .date {color: #000000} @media screen and (max-width: 727px) { #usersModal .txt .cell {font-size: 12px;} #usersModal .tab_content, #thankHistoryModal .tab_content {padding: 5px;} #thankHistoryModal .scrollArea, #tickUseModal .scrollArea {padding: 10px;} #usersModal .dot.good, #usersModal .dot.bad {background-size: 20px auto; width: 30px; height: 30px;position: relative;top: 4px;left: 4px;} #usersModal .usrName, #thankHistoryModal .usrName {font-size: 10px;} #usersModal .usrName span, #thankHistoryModal .usrName span {font-size: 8px; top: -1px;} } #appealModal .Cnt .flowImg {width: 96%; margin: 0 auto 10px;} #appealModal .Cnt .flowImg img {width: 100%; height: auto;} #appealModal .Footer {font-size: 14px; width: 96%; margin: 0 auto 10px;overflow: hidden;} #appealModal .Footer .inputBtn {margin:0 auto 10px; width:100%; color: #fff; background:#E96969; text-align: center;padding:10px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #appealModal .Footer .loginBtn {margin:0 auto 10px; width:100%; color: #fff; background:#00a98e; text-align: center;padding:10px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #appealModal .Footer .cancelBtn {margin-top:0; width:100%; color: #fff; background:#878787; text-align: center;padding:6px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #note2Modal .Cnt .wrap {padding: 0 0;box-sizing: border-box; max-width: 600px; overflow-x: hidden; overflow-y: hidden;} #note2Modal .Cnt .wrap .scrollArea {overflow-y: scroll;background: #fff;height: 500px} #note2Modal .Cnt ul {overflow: hidden;margin-bottom: 2%;} #note2Modal .Cnt ul li {position: relative;padding-left: 15px;} #note2Modal .Cnt ul li:before {content: "・";position: absolute;left: 0} #pickupModal01 .kList li, #pickupModal02 .kList li {overflow: hidden; padding:10px 2%; margin-bottom: 20px;background: #fff; border:none; color: #666;border-radius:0; border-top-left-radius: 10px; border-bottom-right-radius: 10px;} #pickupModal01 .cancelBtn, #pickupModal02 .cancelBtn {margin:0 auto 2%; width:96%; color: #fff; background:#878787; text-align: center;padding:6px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #infoModal table, #banModal table {width: 96%; margin: 0 auto 10px;} #infoModal textarea, #banModal textarea {min-height: 180px;margin-bottom: 0} #infoModal .Footer, #banModal .Footer {font-size: 14px; width: 96%; margin: 0 auto 10px;overflow: hidden;} #infoModal .Footer .kuchikomiBtn {float: left; margin:0 auto 15px; width:100%; color: #fff; background:#DA5153; text-align: center;box-sizing: border-box; padding:10px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #infoModal .Footer .mypageBtn {float: left; margin:0 auto 15px; width:100%; color: #fff; background:#1BCCCF; text-align: center;box-sizing: border-box; padding:10px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #infoModal .Footer .cancelBtn {float: left; margin-top:0; width:100%; color: #fff; background:#ADADAD; text-align: center;box-sizing: border-box; padding:10px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} .ta-c {text-align: center!important; margin-bottom: 15px;} #bestSelectModal .Cnt dl {width: 94%;margin: 0 auto 10px;} #bestSelectModal .Cnt dl dt {font-weight: bold;} #bestSelectModal .Footer {font-size: 14px; width: 96%; margin: 0 auto 10px;overflow: hidden;} #bestSelectModal .Footer .decideBtn {float: left; margin:0 auto 15px; width:100%; color: #fff; background:#DA5153; text-align: center;padding:10px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #bestSelectModal .Footer .cancelBtn {float: left; margin-top:0; width:100%; color: #fff; background:#ADADAD; text-align: center;padding:10px 0 6px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #howtoModal .Cnt{width: 100%; overflow: hidden;} #howtoModal .Cnt .flexslider .slides > li {width: 100% !important; max-width:620px !important;} #howtoModal .Cnt .flex-control-nav {left: 0;} #howtoModal .spView {display: none !important;} @media screen and (max-width: 727px) { #howtoModal {width:96%; margin:0 auto;overflow: hidden;} #howtoModal .Cnt .flexslider .slides > li {width: 100% !important; max-width:360px !important;} #howtoModal .pcView {display: none !important;} #howtoModal .spView {display: block !important;} } .violation tr th {width:100%; box-sizing: border-box;display: block;text-align: center;} .violation tr td {width:100%; box-sizing: border-box;display: block;} .violation tr td textarea {width: 100%;box-sizing: border-box;margin-bottom: 0;} #deleteGroupChatModal .Footer, #confirmGroupChatModal .Footer, #confirmGroupChatModal2 .Footer, #confirmGroupChatModal3 .Footer, #note3Modal .Footer, #note4Modal .Footer, #note5Modal .Footer {font-size: 14px; width: 96%; margin: 0 auto 10px;overflow: hidden;} #deleteGroupChatModal .Footer .okBtn, #confirmGroupChatModal .Footer .okBtn, #confirmGroupChatModal2 .Footer .okBtn {margin:0 auto 15px; width:100%; color: #fff; background:#DA5153; text-align: center;box-sizing: border-box; padding:10px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #deleteGroupChatModal .Footer .mypageBtn, #confirmGroupChatModal .Footer .mypageBtn {float: left; margin:0 auto 15px; width:100%; color: #fff; background:#1BCCCF; text-align: center;box-sizing: border-box; padding:10px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} #deleteGroupChatModal .Footer .cancelBtn, #confirmGroupChatModal .Footer .cancelBtn, #confirmGroupChatModal2 .Footer .cancelBtn, #confirmGroupChatModal3 .Footer .cancelBtn, #note3Modal .Footer .cancelBtn, #note5Modal .Footer .cancelBtn, #note4Modal .Footer .cancelBtn {margin-top:0; width:100%; color: #fff; background:#ADADAD; text-align: center;box-sizing: border-box; padding:10px 0; border-radius: 4px; font-weight: bold; font-size: 14px; letter-spacing: 0.5px;} /* overlay at start */ .mfp-fade.mfp-bg {opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8;} /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0;} /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;} /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;} /*======================================== 閲覧日数告知 =======================================*/ .overlay{display:none; width:100%; height:100%; position:fixed; z-index:100;background:rgba(0,0,0,.80)} .modalArea{width: 90%; max-width:400px;height:280px;font-size: 14px;font-weight: bold;position:absolute; margin: auto; top:-20%; bottom: 0;left:0; right: 0;border-radius: 6px;box-sizing: border-box;padding: 5% 2%;color: #fff;text-align: center;} .modalArea p span {font-weight: bold;font-size: 120%;} .modalArea .btn {width: 90%;height: 40px;border-radius: 4px;text-align: center;color: #fff;background: rgba(3,181,217,1.00);box-sizing: border-box;padding: 10px 0;} .modalArea a {color: #fff;} .modalArea button{text-align: center;cursor: pointer} .modalArea .closeBtn {margin: 20px auto 0; color: #fff !important;border-radius: 4px;border:1px solid #fff;width: 200px;height: 40px;box-sizing: border-box;background:url("../img/btnClose.png") no-repeat 15px 50%; background-size: 16px auto;display: block;} @media screen and (max-width:832px) { .modalArea .closeBtn {margin: 20px auto 0;} } @media screen and (max-width: 320px) { .kList li .txt h3 {font-size: 12px;} .kList .eval {font-size: 10px;} .kList .eval dl dd img {width: 5px;margin-top: 8px} } @media screen and (max-width: 727px) { #pickupModal01, #pickupModal02, #openComfirmModal, #shareComfirmModal, #shareAppModal, #thankModal, #usersModal, #WantedRoomsModal, #thankHistoryModal, #noteModal, #note2Modal, #note3Modal, #note4Modal, #infoModal, #banModal, #bestSelectModal, #payingMemberModal, #topicModal, #topicModal2, #topicModal3, #goodbadModal, #addFavModal, #favUsefulModal, #chatUsageModal, #rejectModal, #kuchikomiHelpModal, #aboutSecretModal {width:96%;} } @media screen and (max-width: 520px) {#loginModal, #removeMosaicModal, #appealModal, #noteModal, #note2Modal, #infoModal, #banModal, #bestSelectModal, #payingMemberModal {width:96%;}} @media screen and (max-width: 360px) {#limitDayModal, #spanEndModal, #restNumModal, #firstModal, #questionModal, #appealModal, #noteModal, #note2Modal, #infoModal, #banModal, #bestSelectModal, #payingMemberModal {width:96%;}} @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {.mfp-img-mobile .mfp-image-holder {padding-left: 0; padding-right: 0;}.mfp-img-mobile img.mfp-img {padding: 0;}.mfp-img-mobile .mfp-figure:after {top: 0; bottom: 0;}.mfp-img-mobile .mfp-figure small {display: inline; margin-left: 5px;}.mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.mfp-img-mobile .mfp-bottom-bar:empty {padding: 0;}.mfp-img-mobile .mfp-counter {right: 5px; top: 3px;}.mfp-img-mobile .mfp-close {top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0;}} @media all and (max-width: 900px) {.mfp-arrow {-webkit-transform: scale(0.75); transform: scale(0.75);}.mfp-arrow-left {-webkit-transform-origin: 0; transform-origin: 0;}.mfp-arrow-right {-webkit-transform-origin: 100%; transform-origin: 100%;}.mfp-container {padding-left: 6px; padding-right: 6px;} } .mfp-ie7 .mfp-img {padding: 0;}.mfp-ie7 .mfp-bottom-bar {width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px;}.mfp-ie7 .mfp-container {padding: 0;}.mfp-ie7 .mfp-content {padding-top: 44px;}.mfp-ie7 .mfp-close {top: 0; right: 0; padding-top: 0;}