.ob-support-message{
  display:none;
  position: relative;
  background: url(/olympic/paris/albums/css/basic-original/abm00006480.png) center center;
  background-size:cover;
  z-index: 0;
  padding:0px 0 97px;
  &::after {
    content: '';
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url(/olympic/paris/albums/css/basic-original/abm00006494.png) top 0 left 0 / contain no-repeat;
  }
}

@media only screen and (max-width: 1200px){
  
.ob-support-message{
  padding:47px 4.4% 59px;
  background-size:contain;
  &::after {
   top:60px;
   background: url(/olympic/paris/albums/css/basic-original/abm00006494.png) top 0 left 0 / contain no-repeat;
  }
}
}

@media only screen and (min-width: 2200px){
  
.ob-support-message{
  &::after {
   background: url(/olympic/paris/albums/css/basic-original/abm00006494.png) top 0 left 0 / cover no-repeat;
  }
}
}

.ob-support-message::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:url(/olympic/paris/albums/css/basic-original/abm00007002.svg)center center / cover ;

    z-index: -1; /* .ob-support-message の上に配置 */
}



.ob-support-message__inner{
  max-width:1320px ;
  margin: 0 auto;
  padding: 0 50px;
}

@media only screen and (max-width: 1200px){
  .ob-support-message__inner{
  padding: 0 0;
}
}

.ob-support-message__inner .cp-all{
  margin:19px 0 0;
}

@media only screen and (max-width: 1200px){
  
.ob-support-message__inner .cp-all{
  margin:32px 0 0;
}
}
// .ob-support-message__bg{
//   z-index: -1;
//   position: absolute;
//   top: 0;

//   width: auto; height: auto;
// }
.ob-support-message__h2-text {
  text-align: left;
  color: #fff;
}

body.top .ob-support-message__h2-text.cp-h2-text .is-txt {
  font-size:1.6rem;
  font-weight:500;
}

@media only screen and (max-width: 1200px) {
  .ob-support-message__h2-text {
    text-align: center;
  }
}

  .ob-support-message__h2-text img {
    margin: 0 auto;
    vertical-align:middle;
  }
  
  @media only screen and (max-width: 1200px) {
      .ob-support-message__h2-text img {
   transform: scale(0.75) !important;
  }
  }
  
  
.ob-support-message__h2-text .is-txt{
  font-size:1.7rem ;
}

@media only screen and (max-width: 1200px){
  body.top .cp-h2-text.ob-support-message__h2-text .is-txt{
    margin-top:15px;
  
}
}


.ob-video-items{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 24px 10px;

  /* @media only screen and (max-width: 1200px){
    grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
    gap: 38px 10px; */
  }
  
  @media only screen and (max-width: 1200px){
  .ob-video-items{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 36px 10px;
}

}



/* @media only screen and (max-width: 1200px){
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

} */

.ob-video-item{
  color: #fff;
  width: 100%;
  max-width:none;
}

.ob-video-item a{
  margin-bottom:20px;
}

@media only screen and (max-width: 1200px){
.ob-support-message .ob-video-item a{
  margin-bottom:0;
}

.ob-support-message .cp-videos-item{
  margin-bottom:0;
}
}

.ob-olympic-bg{

/*   height:680px;
width:100%;
background: url(/olympic/paris/albums/css/basic-original/abm00006926.webp) center center / cover;
background-attachment:fixed; */
}

@media only screen and (max-width: 1200px){
  .ob-olympic-bg{
    /* height:300px; */
     /* transform: scale(1); */
  }
}
@media only screen and (max-width: 500px){
  /* .ob-olympic-bg{
     background:url(/olympic/paris/albums/css/basic-original/abm00006816.png) center center / cover no-repeat fixed;
     transform: scale(1);
  } */
}

.ob-olympic-bg img{
  object-fit: cover;
    width: 100% !important;
    height: 100vh !important;
    object-position: 50% 50%;
    position: fixed;
    top: 0;
    z-index: -7;
    clip-path: inset(0);
}


@media only screen and (min-width: 1800px){
   .ob-olympic-bg{
     
   }
}


.ob-footer-empty{
  position:relative;
  z-index:-6;
  width:100%;
  height:359.8px;
  background:transparent;
}
@media only screen and (max-width: 1200px){
  .ob-footer-empty{
    height:349.36px;
  }
}




.ob-donate {
  position: fixed;
  right: 13px;
  bottom: 20px;
  border-radius: 16px;
  color: #222;
  background-color: #fff;
  padding: 12px 13px 0;
  transition: 0.2s ease;
  z-index: 50;
  transition: 0.2s ease;
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  .ob-donate {
    display:none;
  }
}
.ob-donate.is-active {
  padding: 12px 13px 10px;
}
.top .ob-donate {
  pointer-events: none;
  opacity: 0;
}
.top.is-ready .ob-donate {
  animation: donateDelayDisplay 0.3s cubic-bezier(0.09, 0.42, 0.43, 0.99) 2s both;
}
@keyframes donateDelayDisplay {
  0% {
    opacity: 0;
    pointer-events: none;
  }
  100% {
    opacity: 1;
    pointer-events: all;
  }
}
.cms .ob-donate {
  position: static;
}
.ob-donate__top {
  display: flex;
  gap: 6px;
}
.ob-donate__img {
  flex-shrink: 0;
}
.ob-donate__txt {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5333;
}
.ob-donate a {
  color: #fff;
  text-decoration: none;
  font-size: 1.8rem;
  font-weight: bold;
  display: none;
}
.cms .ob-donate a {
  color: #222;
}
.ob-donate__bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #113364;
  border-radius: 8px;
  width: 220px;
  height: 120px;
  transition: 0.2s ease;
}
.cms .ob-donate__bottom {
  display: flex;
}
.ob-donate__bottom::before {
  content: "";
  display: block;
  width: 33px;
  height: 33px;
  background-color: #fff;
  transition: 0.2s ease;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.018%22%20height%3D%2233.018%22%20viewBox%3D%220%200%2033.018%2033.018%22%3E%3Cg%20transform%3D%22translate(-1614.5%20-1839.869)%22%3E%3Cpath%20d%3D%22M33.012%2C31.573A1%2C1%2C0%2C0%2C0%2C33%2C31.459c-.005-.032-.013-.063-.021-.094s-.018-.066-.03-.1-.028-.066-.044-.1-.015-.038-.025-.055l-4.6-7.988a1.03%2C1.03%2C0%2C0%2C0-.894-.517H25.5a1.032%2C1.032%2C0%2C1%2C0%2C0%2C2.064h1.291L30.2%2C30.6H2.817l3.414-5.924H7.522a1.032%2C1.032%2C0%2C0%2C0%2C0-2.064H5.635a1.032%2C1.032%2C0%2C0%2C0-.894.517l-4.6%2C7.988c-.009.016-.014.034-.023.05a1.061%2C1.061%2C0%2C0%2C0-.047.106c-.012.031-.02.06-.028.092s-.017.066-.023.1-.009.073-.011.109c0%2C.02-.006.038-.006.058v6.49a1.032%2C1.032%2C0%2C0%2C0%2C2.064%2C0V32.661h28.89v5.458a1.032%2C1.032%2C0%2C0%2C0%2C2.064%2C0v-6.49c0-.019-.005-.037-.006-.056%22%20transform%3D%22translate(1614.5%201833.736)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M14.049%2C28.089a1.032%2C1.032%2C0%2C1%2C0%2C0%2C2.064H26.03a1.032%2C1.032%2C0%2C1%2C0%2C0-2.064Z%22%20transform%3D%22translate(1610.969%201832.249)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M35.287%2C12.6a1.032%2C1.032%2C0%2C0%2C0%2C1.032-1.032v-3a1.032%2C1.032%2C0%2C0%2C0-2.064%2C0v3A1.032%2C1.032%2C0%2C0%2C0%2C35.287%2C12.6%22%20transform%3D%22translate(1605.207%201837.825)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M30.491%2C6.557a1.032%2C1.032%2C0%2C0%2C0%2C1.032-1.032V1.032a1.032%2C1.032%2C0%2C1%2C0-2.064%2C0V5.525a1.032%2C1.032%2C0%2C0%2C0%2C1.032%2C1.032%22%20transform%3D%22translate(1606.508%201839.869)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M17.186%2C20.711h8.159a1.532%2C1.532%2C0%2C0%2C0%2C1.531-1.531V11.021a1.032%2C1.032%2C0%2C1%2C0-2.064%2C0v7.626H17.186a2.792%2C2.792%2C0%2C1%2C1%2C.548-5.529l.419.084a1.032%2C1.032%2C0%2C0%2C0%2C1.214-1.215l-.085-.418A2.793%2C2.793%2C0%2C0%2C1%2C22.627%2C8.3a1.032%2C1.032%2C0%2C1%2C0%2C.445-2.015A4.858%2C4.858%2C0%2C0%2C0%2C17.165%2C11a4.855%2C4.855%2C0%2C0%2C0%2C.022%2C9.711%22%20transform%3D%22translate(1611.155%201838.196)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.018%22%20height%3D%2233.018%22%20viewBox%3D%220%200%2033.018%2033.018%22%3E%3Cg%20transform%3D%22translate(-1614.5%20-1839.869)%22%3E%3Cpath%20d%3D%22M33.012%2C31.573A1%2C1%2C0%2C0%2C0%2C33%2C31.459c-.005-.032-.013-.063-.021-.094s-.018-.066-.03-.1-.028-.066-.044-.1-.015-.038-.025-.055l-4.6-7.988a1.03%2C1.03%2C0%2C0%2C0-.894-.517H25.5a1.032%2C1.032%2C0%2C1%2C0%2C0%2C2.064h1.291L30.2%2C30.6H2.817l3.414-5.924H7.522a1.032%2C1.032%2C0%2C0%2C0%2C0-2.064H5.635a1.032%2C1.032%2C0%2C0%2C0-.894.517l-4.6%2C7.988c-.009.016-.014.034-.023.05a1.061%2C1.061%2C0%2C0%2C0-.047.106c-.012.031-.02.06-.028.092s-.017.066-.023.1-.009.073-.011.109c0%2C.02-.006.038-.006.058v6.49a1.032%2C1.032%2C0%2C0%2C0%2C2.064%2C0V32.661h28.89v5.458a1.032%2C1.032%2C0%2C0%2C0%2C2.064%2C0v-6.49c0-.019-.005-.037-.006-.056%22%20transform%3D%22translate(1614.5%201833.736)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M14.049%2C28.089a1.032%2C1.032%2C0%2C1%2C0%2C0%2C2.064H26.03a1.032%2C1.032%2C0%2C1%2C0%2C0-2.064Z%22%20transform%3D%22translate(1610.969%201832.249)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M35.287%2C12.6a1.032%2C1.032%2C0%2C0%2C0%2C1.032-1.032v-3a1.032%2C1.032%2C0%2C0%2C0-2.064%2C0v3A1.032%2C1.032%2C0%2C0%2C0%2C35.287%2C12.6%22%20transform%3D%22translate(1605.207%201837.825)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M30.491%2C6.557a1.032%2C1.032%2C0%2C0%2C0%2C1.032-1.032V1.032a1.032%2C1.032%2C0%2C1%2C0-2.064%2C0V5.525a1.032%2C1.032%2C0%2C0%2C0%2C1.032%2C1.032%22%20transform%3D%22translate(1606.508%201839.869)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M17.186%2C20.711h8.159a1.532%2C1.532%2C0%2C0%2C0%2C1.531-1.531V11.021a1.032%2C1.032%2C0%2C1%2C0-2.064%2C0v7.626H17.186a2.792%2C2.792%2C0%2C1%2C1%2C.548-5.529l.419.084a1.032%2C1.032%2C0%2C0%2C0%2C1.214-1.215l-.085-.418A2.793%2C2.793%2C0%2C0%2C1%2C22.627%2C8.3a1.032%2C1.032%2C0%2C1%2C0%2C.445-2.015A4.858%2C4.858%2C0%2C0%2C0%2C17.165%2C11a4.855%2C4.855%2C0%2C0%2C0%2C.022%2C9.711%22%20transform%3D%22translate(1611.155%201838.196)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ob-donate__bottom::after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  background-color: #fff;
  transition: 0.2s ease;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.121%22%20height%3D%2211.414%22%20viewBox%3D%220%200%207.121%2011.414%22%3E%3Cpath%20d%3D%22M-11330.786-18924.7l-1.414-1.414%2C4.293-4.293-4.293-4.293%2C1.414-1.414%2C5.707%2C5.707Z%22%20transform%3D%22translate(11332.2%2018936.113)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.121%22%20height%3D%2211.414%22%20viewBox%3D%220%200%207.121%2011.414%22%3E%3Cpath%20d%3D%22M-11330.786-18924.7l-1.414-1.414%2C4.293-4.293-4.293-4.293%2C1.414-1.414%2C5.707%2C5.707Z%22%20transform%3D%22translate(11332.2%2018936.113)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.ob-donate__btn {
  position: absolute;
  top: -8px;
  right: -10px;
  width: 28px;
  height: 28px;
  background-color: #FFFF00;
  border-radius: 50%;
  background-size: 6px 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.414%22%20height%3D%229.999%22%20viewBox%3D%220%200%206.414%209.999%22%3E%3Cpath%20d%3D%22M-16972%2C931a1%2C1%2C0%2C0%2C1-.707-.293%2C1%2C1%2C0%2C0%2C1%2C0-1.414l3.293-3.292-3.293-3.292a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l4.707%2C4.707-4.707%2C4.706A1%2C1%2C0%2C0%2C1-16972%2C931Z%22%20transform%3D%22translate(16973%20-921)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
}
.is-active .ob-donate__btn {
  background-size: 10px 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cg%20transform%3D%22translate(-1868.5%20-1753.5)%22%3E%3Cpath%20d%3D%22M8%2C9a1%2C1%2C0%2C0%2C1-.707-.293l-8-8a1%2C1%2C0%2C0%2C1%2C0-1.414%2C1%2C1%2C0%2C0%2C1%2C1.414%2C0l8%2C8A1%2C1%2C0%2C0%2C1%2C8%2C9Z%22%20transform%3D%22translate(1869.5%201754.5)%22%20fill%3D%22%23222%22%2F%3E%3Cpath%20d%3D%22M0%2C9a1%2C1%2C0%2C0%2C1-.707-.293%2C1%2C1%2C0%2C0%2C1%2C0-1.414l8-8a1%2C1%2C0%2C0%2C1%2C1.414%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.414l-8%2C8A1%2C1%2C0%2C0%2C1%2C0%2C9Z%22%20transform%3D%22translate(1869.5%201754.5)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.cms .ob-donate__btn {
  display: none;
}
@media screen and (min-width: 1024px) {
  .ob-donate a:hover {
    color: #222;
  }
  a:hover .ob-donate__bottom {
    background-color: #FAF150;
  }
  a:hover .ob-donate__bottom::before, a:hover .ob-donate__bottom::after {
    background-color: #222;
  }
}