@charset "utf-8";
@import url(https://cdnjs.cloudflare.com/ajax/libs/pushy/1.1.2/css/pushy.min.css);

/*========== pushy custom style ==========*/
.pushy{width:250px !important;padding-bottom: 3em;background:#FFF !important;}
.pushy-link{color:#333;font-size:2rem;font-weight:bold;text-align: right;padding:0.2em 1em 0.2em;margin-bottom:0.2em;border-bottom:1px solid #F0F0F0;}
.pushy a{color:#333 !important;font-size:1.4rem;font-weight:bold;padding: 0.8em !important;}
.pushy ul{margin:1em;}
.pushy ul > li{margin-bottom: 0.5em;position:relative;}
.pushy ul > li a{position:relative;background: #F0F0F0;border-radius: 3px;}
.pushy ul > li a:after{display: block;content: "";position: absolute;top: 50%;right: 0.8em;width: 6px;height: 6px;margin: -4px 0 0 0;
 border-top: solid 2px #CCC;
 border-right: solid 2px #CCC;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);}
.pushy ul > li:first-child{margin-bottom:1.5em;}
.pushy ul > li:first-child a{color:#FFF !important;background:var(--red-color);}
.pushy ul > li:first-child a:after{border-color:#FFF;}
.pushy ul > li.point{font-size: 1.2em;font-weight: bold;text-align: center;margin-bottom: 1em;border-bottom: 2px solid var(--red-color);}
.pushy ul > li.point > span{font-size: 1.8em;color: var(--red-color);padding: 0 0.2em;}
.pushy-open-right #container, .pushy-open-right .push{transform:none !important;}
.pushy-right {
 -webkit-transform: translate3d(250px,0,0) !important;
 -ms-transform: translate3d(250px,0,0) !important;
 transform: translate3d(250px,0,0) !important;
}
.pushy-open-left .pushy, .pushy-open-right .pushy {
 -webkit-transform: translate3d(0,0,0) !important;
 -ms-transform: translate3d(0,0,0) !important;
 transform: translate3d(0,0,0) !important;
}
/* badge */
.pushy ul > li > a .badge{top: 50% !important;transform: translateY(-50%);}

/* banner */
.pushy .bnr > a{display:block;padding: 0.5em 0.8em 0 !important;}
.pushy .bnr > a > p{color: #FFF;font-size: 0.8em;text-align: center;text-decoration: underline;}
.pushy .bnr.jra  > a > p{background: #006880;}
.pushy .bnr.pat4 > a > p{background: #002f61;}