.page__title {
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 6vh;
margin: 0 auto;
position: relative;
z-index: 1;
color: #ede0cb;
text-shadow: 0vh 1vh 2vh rgba(0, 0, 0, 0.3);
width: 1170px;
height: 250px;
        position: relative; width: 100%; aspect-ratio: 16/5; overflow: hidden; margin-bottom: 10px;
}
.page__title_name {position: absolute;top: 38%;left: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;color: white;font-size: 5vh;margin: 0 auto;color: #ede0cb;filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.3));}
.page__title_name2 {position: absolute;top: 62%;left: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;color: white;font-size: 2.5vh;margin: 0 auto;color: #fff;filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 1));text-align: center;flex-direction: column;width: 100%;font-weight:500;}
.page__title_name2 span {
font-size: 3vh;
margin-bottom: 0.3vh;
font-family:'Warhaven' !important;
color:#98f1c8;
}
.page__title img {width: 18vh;margin-right: 0vh;filter: drop-shadow(1px 1px 1px black);filter: brightness(1) contrast(1.5) saturate(1.1) drop-shadow(2px 2px 3px black);}
        
        .header .top .logo {
       filter: brightness(1) contrast(1.2) saturate(1.1) drop-shadow(2px 10px 6px black);
      }
        
@media screen and (max-width: 1200px) {
.page__title {
height: 150px !important;
}
.page__title_name {
font-size: 3vh !important;
top: 25%;
}
.page__title_name2 {
font-size: 1.5vh !important;
}
.page__title img {
width: 10vh !important;
}
}

@media only screen and (min-width: 960px) {
.kqMbbh {
    margin: 0px 10px 20px;
}
    }
    .kKLWFX {
    position: absolute;
    inset: 0px;
    overflow: hidden;
    background-color: rgb(41, 41, 41);
    border-radius: 15px;
    cursor: pointer;
    text-align: center;
}
    .fDCvUl {
    position: relative;
    width: 210px;
    height: 320px;
    border-radius: 15px;
    overflow: hidden;
}
    
    @media only screen and (max-width: 479px) {
.fDCvUl {
    width: 160px;
    height: 270px;
}
    }
    
    .doCwNB {
    margin: 12px 0px 8px 12px;
    min-height: 13px;
    position: absolute;
    z-index: 1;
}
    .eYmRpx {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
}
    .cTpPyf {
    margin-top: 35px;
}
    
    @media only screen and (max-width: 479px) {
.cTpPyf {
    margin-top: 40px;
}
    }
    
    .hmTWyg {
    height: 130px;
    width: 130px;
}
    
    @media only screen and (max-width: 479px) {
.hmTWyg {
    height: 90px !important;
    width: 90px !important;
  float:none !important;
}
    }
    
    .bbmMzN {
    margin-top: 10px;
    margin-bottom: 10px;
    min-height: 13px;
}
    
    @media only screen and (max-width: 479px) {
.bbmMzN {
    margin-top: 0px;
    margin-bottom: 10px;
}
    }
    
    .dNjnfJ {
    position: absolute;
    top: 0px;
    right: 12px;
}
    .kKLWFX h5 {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 40px;
    padding: 0px 20px;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: rgba(255, 255, 255, 0.83);
}
    
    @media only screen and (max-width: 479px) {
.kKLWFX h5 {
    padding: 0px 10px;
    font-size: 13px;
    line-height: normal;
    height: 10px;
}
    }
    
    .fRBhqI {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 52px;
    background-color: rgb(32, 32, 32);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-weight: bold;
}
    .yPfuI {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    color: rgb(255, 255, 255);
    overflow: hidden;
    font-weight: 700;
    font-size: 20px;
}
    @media only screen and (min-width: 640px) {
.bJkldB {
    width: 28px;
    height: 28px;
}
    }
    .bJkldB {
    width: 28px;
    height: 28px;
}
    .fRBhqI div + div {
    margin-left: 4px;
}
    

    @media only screen and (min-width: 640px) {
.doJYxk {
    font-size: 16px;
}
    }
    .doJYxk {
    padding: 0px 3px 0px 0px;
    margin: 0px 0px 0px 3px;
    font-weight: 700;
    font-size: 20px;
}
    
    .kcdSHQ {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0px -8px;
    -webkit-box-pack: start;
    justify-content: flex-start;
}
    
    @media only screen and (max-width: 720px) {
.kcdSHQ {
    margin: 0px -7px;
}
    }
    
    .dNjnfJ {
      display:none;
    }
    
    .jFidAE {
    margin: 0px auto;
    width: 448px;
margin-top:10px;

}
    
    @media only screen and (min-width: 1260px) {
.jFidAE {
    width: 1200px;
}
    }
    
    @media only screen and (max-width: 479px) {
.jFidAE {
    width: 328px;
}
      
         .kqMbbh {
    margin: 0px 4px 8px;
}
    
    }
    
    @media only screen and (max-width: 479px) {
.hmTWyg {
    height: 90px;
    width: 90px;
}
      .post img {
        
      }
    }

.kKLWFX {
    background:rgba(68,68,68,.7);
  }
  .kKLWFX:hover {
 border: 1px solid #fcd462 !important;
    transition-duration: 0.3s;
    
	}
  .kKLWFX h5 {
    font-size:18px;
  }
  
  .hmTWyg { 
    width:130px !important;
  }
  
  .fDCvUl {

    width: 570px;
    height:750px;
background:rgba(68,68,68,.7);
  }


p.notice_icon {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg79Nfh5tA3KdnDE0APiq6GBa5UPq3UtmmQJnuuiyUFvJ0If-BtdeztTAZN655zKihK4rovBTW9LbrodGhirly_oFQJGuEkDbCqAXl-cVaEI3rmMVksw7FcbzAm77J70yV9bH-wVsVAvO3kaVdYwPkN3oORoGDF6B9nGxaER7XtK1naL9_790TE5QniI4Lp/s16000/icc.webp");
background-size: 32px 32px;
  width: 32px;
  height: 32px;

margin-right:10px;
}