@media screen and (min-width:600px) {  /* PC用メディアクエリ */
html:has(#mypage_login) { width:100%;}

/* 背景色を変更 */
body.custom#mypage_login { /* ログイン画面に限定 */
  background: #FFEA41;
	.main,
	.ssl,
	.footer {
	background-color: #FFEA41;
	}
	.login__wrap {
	background: linear-gradient(90deg, transparent 0%, transparent 855px, #FFEA41 855px, #FFEA41 100%);
	}
/* ヘッダを幅100%に */
	.header {
	max-width: 100%;
	padding: 0 calc((100% - 1200px) / 2);
	box-sizing: border-box;
	}
}  /* ログイン画面に限定 閉じタグ */

 /* ログイン画面以外でヘッダの左右に背景色を敷き詰め */
body.custom:not(#mypage_login)  {
    background: linear-gradient(#FFEA41 200px, #fff 200px, #fff 100%);
    background-repeat: no-repeat;
	}
}  /* PC用メディアクエリの閉じタグーーーーーーーーーーー */


/* ログイン画面でブラウザ幅1200px以下のときヘッダ表示を調整 */
@media screen and (max-width: 1200px) and (min-width: 600px) {
html:has(#mypage_login) {
    width: fit-content;
  }
}