#gtop {
  text-align: center;
  padding: 10px;
  background: url(../../assets/img/bef_login/ghead.png) no-repeat;
  background-size: cover;
  margin-top: 65px;
  margin: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#gend {
  max-width: 400px;
}

#start {
  text-align: center;
  padding: 10px;
  background: url(../../assets/img/bef_login/startbg.png) no-repeat;
  background-size: cover;
  margin-top: 65px;
  margin: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  max-width: 100%;
}

#concept {
  text-align: center;
  padding: 10px;
  background: url(../../assets/img/bef_login/gconceptback.png) no-repeat;
  background-size: cover;
  margin-top: 65px;
  margin: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#cntcups {
  text-align: center;
  padding: 10px;
  margin-top: 65px;
  margin: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  background-color: #F5F8FA;
}

#getcups {
  text-align: center;
  padding: 10px;
  margin-top: 65px;
  margin: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  background-color: #bdf2f2;
}

#keyword {
  text-align: center;
  padding: 10px;
  margin-top: 65px;
  margin: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#regist {
  text-align: center;
  margin: 15px 0;
}

.keyline {
  text-align: left;
  font-size: 48px;
  background: linear-gradient(transparent 60%, rgb(254,212,0) 60%);
  border-radius: 6px;
}

#logo {
  max-height: 80px;
  margin-right: 0px;
  /*margin-top: -3px;*/
  display: inline-block;
}

#hinsta {
  max-height: 20px;
}

#clientcup {
  max-width: 400px;
}

#clientlogo {
  max-width: 399px;
  /*height: 230px;*/
}

.icn {
  margin-right: 15px;
  width: 40px;
  padding: 3px;
  margin-left: 15px;
}

.nav-item.navpad {
  padding: 5px;
}

.note {
  font-size: 12px;
  color: var(--gray-dark);
}

.back {
  font-size: 15px;
}

.fin {
  font-size: 20px;
  color: var(--gray-dark);
  text-align: center;
}

.col.send {
  padding: 15px;
}

.heading_get {
  font-size: 20px;
  color: var(--gray-dark);
}

.comhr {
  border: solid 0.5px var(--gray-dark);
  width: 100px;
  align-items: center;
}

#drget {
  background-color: #f2d13d;
  font-size: 14px;
  font-family: 'Noto Sans JP';
  color: var(--gray-dark);
}

.clget {
  background-color: #9ae6e4;
  font-size: 14px;
  font-family: 'Noto Sans JP';
  color: var(--gray-dark);
}

#drback {
  background-color: #d5d6d1;
  font-size: 14px;
  font-family: 'Noto Sans JP';
  color: var(--gray-dark);
}

.hrhor {
  width: 150px;
}

.myp {
  align-items: center;
  max-width: 600px;
}

#cntcup {
  max-width: 40px;
  margin: 10px;
}

#cntpair {
  max-width: 300px;
}

.histtbl {
  border: 0px none;
}

.shop {
  max-width: 200px;
}

.plusicn {
  max-width: 40px;
}

.drinkicn {
  max-width: 100px;
}

.rec {
  text-align: left;
}

.forms {
  font-family: 'Noto Sans JP';
}

.stlbl {
  text-align: center;
  font-family: 'Noto Sans JP';
  font-size: 12px;
  color: #fff;
  background-color: #222222;
  max-width: 80px;
  max-height: 20px;
}

.stinfo {
  text-align: left;
  font-family: 'Noto Sans JP';
  font-size: 12px;
  color: var(--gray-dark);
  /*background-color: #fff;*/
  margin: 0px;
}

.drkimg {
  max-width: 60px;
  max-height: 65px;
}

.info_link {
  height: 30px;
  background-color: #b2efee;
  margin: 10px;
  padding: 3px;
  border-radius: 5px;
  box-shadow: 2px 2px var(--gray);
}

.clinline {
  font-size: 24px;
  font-family: 'Noto Sans JP';
  background: linear-gradient(transparent 80%, #5fc3c6 80%);
}

.cllist {
  list-style-type: square;
  font-size: 14px;
  font-family: 'Noto Sans JP';
}

.graimg {
  background: url(../../assets/img/client/gra_urabackground.jpg);
  /*background-attachment: fixed;*/
  background-position: center center;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.faqans {
  text-align: left;
  font-size: 16px;
  font-family: 'Noto Sans JP';
}

.cell-foot {
  display: flex;
  justify-content: space-between;
}
.cell-foot .status-name {
  font-size: 14px;
  padding: 0.375rem 0.75rem;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  border-radius: 5px;
}
.cell-foot .btn {
  border: unset;
}
.cell-foot .status-name.a-0 {
  background-color: #FFCCBC;
}
.cell-foot .status-name.a-1 {
  background-color: #CFD8DC;
}
.cell-foot .status-name.a-2 {
  background-color: #BBDEFB;
}
.cell-foot .status-name.a-3 {
  background-color: #FFECB3;
}

.point-status {
    text-align: center;
}

.point-status .status-name.a-0 {
    color: #ff744a;
}
.point-status .status-name.a-1 {
    color: #7c8386;
}
.point-status .status-name.a-2 {
    color: #4eaefd;
}
.point-status .status-name.a-3 {
    color: #ffd24b;
}
  
/* 横スクロール */
.horizontal_scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 12px 8px;
    display: -ms-flexbox;
    display: flex; 
    list-style: none;
}  
/* 画面幅が768px以上の場合、横スクロールを解除 */
/* @media screen and (min-width: 768px) {
    .horizontal_scroll {
        overflow-x: inherit;
        padding: 0 8px 6px; 
    } 
} */

.horizontal_scroll > li {
    width: 100%;
    min-width: 270px; 
}

@media screen and (min-width: 768px) {
    .horizontal_scroll > li {
        min-width: inherit; 
    } 
}

.horizontal_scroll > li:not(:last-child) {
    margin-right: 5px; 
}

.horizontal_scroll > li:last-child {
    padding-right: 5px; 
}

@media screen and (min-width: 768px) {
    .horizontal_scroll > li:last-child {
        padding-right: 0; 
    } 
}

.horizontal_scroll img {
    vertical-align: bottom; 
}

/*PC*/
@media screen and (min-width: 480px) {
    .donationPhoto01 {
        left: 0%;
        width: 382px;
        height: auto;
    }
    .donationPhoto02 {
        left: calc(100vw - 454px);
        width: 454px;
        height: auto;
    }
    .donationPhoto03 {
        left: 0%;
        width: 448px;
        height: auto;
    }
    .donationPhoto04 {
        left: calc(100vw - 332px);
        width: 332px;
        height: auto;
    }
    .donationPhoto05 {
        left: 0%;
        width: 276px;
        height: auto;
    }
    .donationPhoto06 {
        left: calc(100vw - 383px);
        width: 383px;
        height: auto;
    }
    .donationPhoto07 {
        left: 0px;
        width: 400px;
        height: auto;
    }
    .donationPhoto08 {
        left: calc(100vw - 454px);
        width: 454px;
        height: auto;
    }
}

/*スマートフォン*/
@media screen and (max-width: 481px) {
    .donationPhoto01 {
        left: -5%;
        width: 191px;
        height: auto;
    }
    .donationPhoto02 {
        left: 60%;
        width: 227px;
        height: auto;
    }
    .donationPhoto03 {
        left: -10%;
        width: 224px;
        height: auto;
    }
    .donationPhoto04 {
        left: 60%;
        width: 166px;
        height: auto;
    }
    .donationPhoto05 {
        left: -10%;
        width: 138px;
        height: auto;
    }
    .donationPhoto06 {
        left: 60%;
        width: 192px;
        height: auto;
    }
    .donationPhoto07 {
        left: -10%;
        width: 200px;
        height: auto;
    }
    .donationPhoto08 {
        left: 60%;
        width: 227px;
        height: auto;
    }
}