/* My Account */
.logout_wrap{position: absolute;top: 15px;right: 28px;}
.logout_wrap .logout_pc{display: inline-flex;padding: 12px 10px 10px 20px;background: #333;box-shadow: 1px 1px 4px -2px #555, 1px 1px 5px rgba(255,255,255,0.2) inset;border-radius: 6px;}
.logout_wrap .logout_pc a{color: #fff;font-size: .68rem;font-weight: bold;margin-right: 7px;text-decoration: none;transition-duration: .1s;}
.logout_wrap .logout_pc i{margin-left: 5px;}
#my-account{display:flex; justify-content:center; margin-top:2em; align-items:center; height:1000px; font-size:1.5rem;}

/* AD BLOCKER */
#tpModal {background-color:rgba(255,255,255,0.6);top:130px;}
#tpModal .modal-content {height: 10rem;position: relative; background: #fff;}
#tpModal p:nth-child(1){color: black;position: absolute;top:0;left:0;right:0;bottom:0; text-align: center;font-size:x-large;height: 3rem;margin:3rem;}
#tpModal p:nth-child(2){color: black;position: absolute;top:0;left:0;right:0;bottom:0; text-align: center; height:3rem;margin:6rem;}

/* CONSENT */
#consentModal {background-color:rgba(255,255,255,0.6); backdrop-filter:blur(5px) z-index: 1000000;}
#consentModal .modal-content {overflow:hidden; max-width:1065px; margin:calc((100vh - 18rem)/2) auto; position:relative; background:#000; padding:30px 40px 100px;}
#consentModal p {color:white; font-size:1rem;}
#consentModal button{position:absolute; bottom:20px; height: 3.5rem; width:15rem; cursor:pointer; font-weight:bold;}
#consentModal button:nth-child(2){background: #264d99; color: #fff; width:46%; left:10px;}
#consentModal button:nth-child(3){background: #d8e2f3; color: #000; width:46%; right:10px;}
@media screen and (min-width:768px) {
#consentModal p {font-size:1.3rem;}
#consentModal button:nth-child(2){width:45%; left:40px;}
#consentModal button:nth-child(3){width:45%; right:40px;}
}

/* Domestic paid member explanation screen */
#domestic-paid-member-explanation-screen .header-text{font-size:2.5em;}
#domestic-paid-member-explanation-screen .main-box{font-weight:initial;}
#domestic-paid-member-explanation-screen .main-box .type-text{margin:1em auto;font-size:2em;}
#domestic-paid-member-explanation-screen .main-box .text{margin:1em auto;font-size:1.5em;text-align:left;}
#domestic-paid-member-explanation-screen .main-box .text2{margin:1em auto;font-size:1.5em;text-align:left;width:85%;text-align:center;}
#domestic-paid-member-explanation-screen .main-box .price{margin:1em auto;font-size:2.5em;}
#domestic-paid-member-explanation-screen .main-box ul{width:95%;list-style: disc inside;margin:1em 0.9em 0;font-size:1.8em;text-align:left;}
#domestic-paid-member-explanation-screen .main-box ul li {margin: 0.5em auto;}
#domestic-paid-member-explanation-screen .main-box .sign-up-button {background:#3b67b2;width: 36%;margin:1em auto 2em;font-size:2em;text-transform: initial;padding: 0.7em;border-radius: 12px;}
#domestic-paid-member-explanation-screen .main-box .sign-up-button span{letter-spacing: initial;color: #fff}
#domestic-paid-member-explanation-screen .link-block{margin-left: 10%;margin-bottom: 3em; text-decoration:underline;font-weight:lighter; }
#domestic-paid-member-explanation-screen .link-block a{color: inherit;}
#domestic-paid-member-explanation-screen .link-block.first{float: left;}
#domestic-paid-member-explanation-screen .link-block.second{float: left;margin-left: 20%}
#domestic-paid-member-explanation-screen .link-block.center{margin: 3em auto;}

/* Overseas paid member explanation screen */
#overseasp-paid-member-explanation-screen .already-have-account-link{margin-bottom: 2em;text-align: right}
#overseasp-paid-member-explanation-screen .header-text{font-size: 2em;}
#overseasp-paid-member-explanation-screen .text{font-size: 1.5em;}
#overseasp-paid-member-explanation-screen ul.list li div{padding: 3.5em 1em 1em 1em;}
#overseasp-paid-member-explanation-screen ul.list li div .pn-offer-grid__text--description {margin-bottom: 7px}
#overseasp-paid-member-explanation-screen ul.list li div h2{font-size: 2em;color: #3b67b2;}
#overseasp-paid-member-explanation-screen ul.list li div s{font-size: 1.8em;color: #3b67b2;}
#overseasp-paid-member-explanation-screen ul.list li div button .subscribe-text{font-size: 1.8em;text-transform:initial;}
#overseasp-paid-member-explanation-screen ul.list li{height:23em; width: 33%;padding: 0;}
#overseasp-paid-member-explanation-screen ul.list li:nth-child(2n+1){border: solid 1px #3b67b2;}
#overseasp-paid-member-explanation-screen ul.list li:nth-child(2) div{background:#3b67b2 no-repeat url("https://japannews.yomiuri.co.jp/wp-content/uploads/17percent_off-1.png") 0px 0px;background-size: 120px;color: #fff;}
#overseasp-paid-member-explanation-screen ul.list li:nth-child(2) div h2,
#overseasp-paid-member-explanation-screen ul.list li:nth-child(2) div s,
#overseasp-paid-member-explanation-screen ul.list li:nth-child(2) div p,
#overseasp-paid-member-explanation-screen ul.list li:nth-child(2) div button
{color: #fff;}
#overseasp-paid-member-explanation-screen ul.list li:nth-child(2) div button{background: #fff;color:#3b67b2;}
#overseasp-paid-member-explanation-screen ul.list li:nth-child(3) div{background:#fff no-repeat url("https://japannews.yomiuri.co.jp/wp-content/uploads/44percent_off.png") 0px 0px;background-size: 120px;color: #fff;}
#overseasp-paid-member-explanation-screen ul.list li div button{border-radius: 8px; }
#overseasp-paid-member-explanation-screen ul.description{margin: 1em 20%; list-style: disc;text-align: left; }
#overseasp-paid-member-explanation-screen ul.description li{font-size:1.25em; }
#overseasp-paid-member-explanation-screen .link-block{margin-left: 10%;margin-bottom: 3em; text-decoration:underline;font-weight:lighter; }
#overseasp-paid-member-explanation-screen .link-block a{color: inherit;}
#overseasp-paid-member-explanation-screen .link-block.first{float: left;}
#overseasp-paid-member-explanation-screen .link-block.second{float: left;margin-left:20%}
@media screen and (max-width:600px) {
	#overseasp-paid-member-explanation-screen ul.list li{width:100%;}
}
/* Membership registration screen for overseas paying members */
#overseas-premium-sign-up-button {width: 60%;background: #3b67b2;border-radius: 8px;font-size: 1.5em;font-weight: bold;margin: 1em auto;padding: 0.7em;}

/* yoj-modal-button */
.yoj-modal-button{background: #3b67b2 !important;margin: 2em 1em !important;font-size: 1.5em !important;text-transform: initial !important;padding: 0.7em !important;border-radius: 12px;color: #fff !important;font-weight: bold !important;}

/* For non-members */
#for-non-members-screen .text{width:80%}
#for-non-members-screen .link-block{margin-left: 10%;margin-bottom: 3em; text-decoration:underline;font-weight:lighter; }
#for-non-members-screen .link-block.first{float: left;}
#for-non-members-screen .link-block.second{float: left;margin-left: 20%}
#domestic-paid-member-explanation-screen .login-link{text-align: right;color: #00f;position: relative;top: -2em;}
#domestic-paid-member-explanation-screen .login-link a{text-decoration:underline; color:#00f}

/* collected-data-contact */
form#piano-purge-request-form { width: 100%; text-align: center; border: 1px solid; background-color: #f2f2f2; }
#collected-data-contact {max-width:600px;}
#collected-data-contact .container { margin: 20px auto; padding: 10px; }
#collected-data-contact .container h1 { margin-bottom: 20px; font-family: 'DM Serif Text'; font-size: 2.2rem; font-weight: 700; text-align: center; }
#collected-data-contact .container dl { margin: 20px auto; }
#collected-data-contact .container dt { margin-top: 10px; font-size: 1.2rem; font-weight: 600; }
#collected-data-contact .container dd { padding: 5px; }
#collected-data-contact .container-flex { margin: 0 auto; width: 80%; display: flex; justify-content: center; align-items: flex-start; }
#collected-data-contact .container-flex input[type="text"], #collected-data-contact .container-flex input[type="text"] { border: 1px solid; }
#collected-data-contact .container-flex .child { margin: 10px; white-space: nowrap; }
#collected-data-contact .container button { padding: 10px; width: 180px !important; background-color: #4472c4; color: #ffffff; border: 1px solid #2f528f; cursor: pointer; font-weight: 700;}
#collected-data-contact .container button:hover { opacity: .8; outline: none; }
#collected-data-contact .container button:focus { opacity: .8; outline: none; }
#collected-data-contact .container button[disabled] { opacity: .8; outline: none; cursor: not-allowed; }

/* For MY-ACCOUNT button */
#menu_button_R_loggedin { letter-spacing:-.5px; padding: 11px 8px 9px; }