@charset "UTF-8";
/* common */
.border_0 {  border: none!important;}
.border_0::before {  content: none!important;}

/* 20180521 recommend */
.btn-base.btn-light.icon-plus {
  width: 100%;
}
/* recommend END */

/* start 20191101 top float Message banner area */
.top-MessageBanner {
    position: fixed;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.5);
    opacity: 0;
    width: 370px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 30px;
    bottom: 20px;
    transform: translateY(30px);
}
.top-MessageBanner.show {
    opacity: 1;
    transition-delay: 1500ms;
    transition-duration: 300ms;
    transition-property: opacity, transform;
    transform: translateY(0);
    transition-timing-function: ease-out;
}
.top-MessageBanner__header {
    display: flex;
    justify-content: space-between;
}
.top-MessageBanner__title {
  font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}
.top-MessageBanner__close {
    width: 26px;
}
.top-MessageBanner__close img {
  width: 16px;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
}
.top-MessageBanner__items {
    display: flex;
    justify-content: space-between;
}
.top-MessageBanner__item {
    display: flex;
    align-items: center;
}

.top-MessageBanner__content1 {
    width: 100%;
    color: #181818;
}
.top-MessageBanner__content1 p{
  line-height: 1.1rem;
}
.global-footer-pagetop a.Message_on{
  bottom: 150px;
}

@media not all and (min-width: 768px) {
  .top-MessageBanner {
    width: 100%;
    padding: 10px 16px;
    padding-bottom: calc(30px + env(safe-area-inset-bottom));
    bottom: 0;
  }
  .top-MessageBanner__title {
    font-size: 14px;
    margin-bottom: 0;
    padding-top: 0.4em;
  }
  .top-MessageBanner__items {
    display: block;
    justify-content: space-between;
  }
  .top-MessageBanner__content1 {
    width: auto;
    padding-top: 0.5em;
  }

  .top-MessageBanner__content2 .grade_section__bt {
    padding-top: 0;
  }
  .global-footer-pagetop a.Message_on{
    bottom: calc(140px + env(safe-area-inset-bottom));
  }
}
/* end 20191101 top float Message banner area */