﻿#Topping{position:fixed;top:0;z-index:71;padding:20px 0 0 0;width:100%;height:auto;text-align:center;}
#Topping .TM{display:flex;align-items:center;}
.H #Logo1{top:calc(25vw - 130px);height:200px;}
#Logo1 img{width:auto;height:100%;}
#Logo1{position:absolute;top:calc(21vw - 75px);right:0;left:0;height:150px;z-index:101;-webkit-animation:2s fadeIn ease;-moz-animation:2s fadeIn ease;animation:2s fadeIn ease;}
#Menu9{flex:1;margin-left:auto;line-height:1.5;}
#Menu9 .L1s{display:flex;justify-content:center;}
#Menu9 .L1{position:relative;padding:20px 2%;margin:0;font-size:1.8rem;text-align:left;}
#Menu9 .L1 .L1s{flex-wrap:wrap;position:absolute;top:70px;left:-30px;right:-30px;z-index:1;}
#Menu9 .L1 .FadeIn{display:flex;flex-direction:column;}
#Menu9 .L1 .Title{order:1;display:block;}
#Menu9 .L1 .L1s .L1{display:none;padding:0;margin:0;width:100%;height:50px;line-height:50px;text-align:center;}
#Menu9 .L1:hover .L1s{-webkit-border-radius:15px;border-radius:15px;}
#Menu9 .L1:hover .L1s .L1{display:block;-webkit-border-radius:15px;border-radius:15px;}
#Menu9 .L1 .Description{font-size:1.2rem;text-indent:2px;}
#Topping.topping{position:fixed;top:0;right:0;left:0;z-index:71;padding:0;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
#Topping.topping .TM{display:flex;-webkit-animation:0.5s fadeInDown both ease-out 0.2s;-moz-animation:0.5s fadeInDown both ease-out 0.2s;animation:0.5s fadeInDown both ease-out 0.2s;justify-content:space-between;}
#Topping.topping #Logo1{display:block;position:static;margin:0 20px;height:60px;}
#Topping.topping #Menu9 .L1s{justify-content:flex-end;}
#Topping.topping #Menu9 .L1{padding:8px 20px;font-size:1.7rem;}
#Topping.topping #Menu9 .L1 .L1s{top:60px;}
#Topping.topping #Menu9 .L1 .L1s .L1{padding:0;width:100%;}
#AcctB1 .L1s{display:flex;align-items:stretch;}
#Topping.topping #AcctB1 .L1s .L1{border-left:1px solid;border-color:#cbb99f;}
#AcctB1{position:relative;}
#AcctB1 a{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 15px 10px;height:20px;line-height:1;font-size:1.2rem;background-repeat:no-repeat;background-position:top 7px center;background-size:25px;}
#AcctB1 .Account a{background-image:url(/t/img/icAFFF-Account-2.png);}
#AcctB1 .Card a{background-image:url(/t/img/icAFFF-Card-2.png);}
#AcctB1 .Coupons a{background-image:url(/t/img/icAFFF-Coupon-2.png);}
#AcctB1 .Account a:hover{background-image:url(/t/img/icA000-Account-2.png);}
#AcctB1 .Card a:hover{background-image:url(/t/img/icA000-Card-2.png);}
#AcctB1 .Coupons a:hover{background-image:url(/t/img/icA000-Coupon-2.png);}
#AcctB1:before{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;}
@media screen and (min-width:1250px){
	.H #Topping{height:auto;}
	.H #Logo1 img{width:auto;height:100%;}
	#Topping.topping{height:60px;}
	#Topping.topping #Logo1 img{height:100%;}
}
@media screen and (min-width:960px) and (max-width:1249px){
	.H #Logo1{top:calc(50vh - 200px);}
	#Topping{padding:10px 0 0 0;}
	#Logo1 img{height:150px;}
	#Menu9 .L1,
	#Topping.topping #Menu9 .L1{font-size:1.6rem;}
	#Topping.topping #Logo1 img{width:auto;height:100%;}
}