@charset "utf-8"; /* CSS Document */
#TopContents{margin:0 auto}
@media(max-width:789px){
	#TopContents{width:69rem}
	.Weekly{padding-bottom:6rem; border-bottom:solid 0.1rem #389dd7; margin-bottom:6rem; border-top:0 ; padding-top:0}
	.WeeklyArea{display:flex; flex-wrap:wrap; justify-content:space-between}
	#WeeklyAreaNoItems{padding:3rem}
	.WeeklyList{flex:0 0 33rem}
	.WeeklyListImg{display:block; margin-bottom:3rem; box-sizing:border-box; border:solid 1rem #389cd7; background:#389dd7}
	.TopEntryMenu{background:#00719d; padding:2rem 3rem 3rem; margin-top:2rem; border-radius:.3rem; color:#fff}
	.TopEntryMenuTtl{padding-bottom:2rem; text-align:center; letter-spacing:.2rem; line-height:1}
	.TopEntryMenuArea{display:flex; justify-content:space-between; background:#00719d; border-radius:.6rem; align-items:center}
	.TopEntryMenuAnc{flex:0 0 19rem; padding:2rem 0; background:#b2d4e0; font-size:3rem; color:#111; border-radius:.6rem; text-align:center; line-height:1}
	.TopMember{margin-left:-3rem; width:75rem; box-sizing:border-box; padding:0 4rem; background:#389dd7; color:#fff}
	.TopMemberTtl{padding-bottom:1.5rem; background:#389dd7; color:#303181; font-size:3.2rem; font-weight:bold}
	.TopMemberCol{display:flex; letter-spacing:.2rem; margin-bottom:.6rem}
	.TopMemberInfo{padding:6rem 0 3rem}
	.TopMemberBtnArea{display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:2.2rem}
	.TopMemberBtn{flex:0 0 31rem; position:relative; margin-bottom:4.6rem}
	.TopMemberBtn::before{content:""; position:absolute; top:-0.8rem; right:-0.8rem; border-radius:3.8rem; width:33.1rem; height:7.6rem; background:linear-gradient(to top, #0082be,#0077ab)}
	.TopMemberBtnTxt{display:block; position:relative; text-align:center; background:linear-gradient(#0082be, #0077ab); z-index:2; height:6rem; line-height:6rem; width:31.5rem; border-radius:3rem}
}
@media(min-width:790px){
	#TopContents{width:94rem}
	.TopRight{float:right; width:61rem; padding-left:3.4rem; border-left:solid 1px #389dd7}
	.WeeklyArea{display:flex; flex-wrap:wrap; justify-content:space-between}
	#WeeklyAreaNoItems{display:flex; justify-content:center; align-items:center; height:15rem; margin-bottom:3rem}
	.WeeklyList{flex:0 0 29rem}
	.WeeklyListImg{display:block; margin-bottom:3rem; box-sizing:border-box; border:solid 0.6rem #389cd7; background:#389dd7}
	.TopEntryMenu{display:flex; justify-content:start; padding:2rem 0; margin-bottom:6rem; color:#fff; background:#00719d; border-radius:.3rem; align-items:center}
	.TopEntryMenuArea{display:flex; justify-content:space-between; border-radius:.3rem; align-items:center; flex:0 0 47rem}
	.TopEntryMenuTtl{letter-spacing:.2rem; flex-grow:1; text-align:center}
	.TopEntryMenuAnc{position:relative; flex:0 0 11.7rem; padding:1rem 0 1rem 1.3rem; margin-right:2rem; background:#b2d4e0; color:#111; border-radius:0.3rem}
	.TopEntryMenuAnc:first-child{flex:0 0 13.7rem}
	.TopEntryMenuAnc::before{right:1rem; width:1.8rem; height:1.8rem; background:#ffffff}
	.TopEntryMenuAnc::after{right:1.6rem; width:.7rem; height:.7rem; border-top:.2rem solid #00719d; border-right:.2rem solid #00719d; border-radius:.2rem; transform: rotate(45deg)}
	.TopEntryMenuAnc::before,.TopEntryMenuAnc::after{position:absolute; top:0; bottom:0; margin:auto; content:""}
	.TopMember{display:flex; padding:3rem; background:#389dd7; color:#fff}
	.TopMemberTtl{padding-bottom:1.5rem; background:#389dd7; color:#303181; font-size:1.6rem; font-weight:bold}
	.TopMemberCol{display:flex; letter-spacing:.2rem; margin-bottom:.6rem}
	.TopMemberInfo{flex-grow:1}
	.TopMemberBtnArea{flex:0 0 16.8rem}
	.TopMemberBtn{display:block; position:relative; border-radius:2rem; width:16rem; margin-bottom:1.8rem}
	.TopMemberBtn:last-child{margin-bottom:0}
	.TopMemberBtn::before{content:""; position:absolute; top:-.4rem; left:-.4rem; width:16.8rem; height:3.8rem; border-radius:1.9rem; border-radius:inherit; background:linear-gradient(to top, #0082be,#0077ab)}
	.TopMemberBtnTxt{display:block; position:relative; text-align:center; height:3rem; line-height:3rem; background:linear-gradient(#0082be, #0077ab); border-radius:2rem; background-clip:padding-box; z-index:2}
	.TopLeft{float:left}
}

/*--Passport start--*/
#TopPassport{display:flex; color:#111; font-weight:bold}
[class*="TopPassport"]{border:1px solid #f58900; display:flex; justify-content:space-around; align-items:center; box-sizing:border-box}
.TopPassportB{background:#f58900; color:#fff}

.LoginBefore+#TopPassport .TopPassportB{background:#389dd7}
.LoginBefore+#TopPassport [class*="TopPassport"]{border-color:#389dd7}
@media(max-width:789px){
	#TopPassport{justify-content:space-between; width:69rem; margin:3.6rem auto}
	[class*="TopPassport"]{padding:0 1.5rem; height:5.2rem; font-size:2.5rem; flex-grow:1}
	.TopPassportA{font-size:2.2rem; margin-left:1rem}
	#TopPassportZero{width:4.6rem; height:4.6rem; flex:0 0 4.6rem; margin-top:-.4rem}
	#TopPassportWakaba{width:2.6rem; height:2.6rem; flex:0 0 2.6rem}
	.LoginBefore+#TopPassport [class*="TopPassport"]{flex:1 1 50%}
	.LoginBefore+#TopPassport .TopPassportA{margin-left:3rem}
}
@media(min-width:790px){
	#TopPassport{width:94rem; justify-content:flex-end; margin:2rem auto}
	[class*="TopPassport"]{height:4rem; padding:0 1.4rem; margin-left:2rem}
	#TopPassportZero{width:3.3rem; height:3.3rem; flex:0 0 3.3rem; margin:-.4rem .8rem 0 0}
	#TopPassportWakaba{width:1.9rem; height:1.9rem; flex:0 0 1.9rem; margin-right:.8rem}
	.LoginBefore+#TopPassport [class*="TopPassport"]{flex:0 0 12rem}
}
/*--Passport end--*/