/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20240601
*/
.password-protect-container {
    max-width: 500px;
    margin: 50px auto;
    padding: 30px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    text-align: center;
}

.password-protect-container h2 {
    font-size: 1.3rem;
    margin-bottom: 0.5em;
    color: #333;
}

.password-protect-container p {
    margin-bottom: 1.5em;
    color: #666;
}

.password-input-group {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.password-input-group input[type="password"] {
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #ccc;
    flex: 1;
    max-width: 240px;
    font-size: 1rem;
    outline: none;
    transition: border-color 0.2s ease;
}

.password-input-group input[type="password"]:focus {
    border-color: #0073aa;
}

.password-input-group button {
    background: #0073aa;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 18px;
    font-size: 1rem;
    cursor: pointer;
    transition: background 0.2s ease;
}

.password-input-group button:hover {
    background: #005f8c;
}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}