  @charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Caprasimo&family=Shippori+Mincho&display=swap');

@media screen {
  a {
    color: #333;
  }

  #presentbody {
    padding-left: 10px;
    padding-right: 10px;
  }

  div[class^="article-list-"] + div[class^="article-list-"] {
    margin-top: 30px;
  }

  .article-list-title {
    border-bottom: #000 solid 1px;
    margin-bottom: 20px;
    padding-bottom: 5px;
  }

  .article-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    margin: 0 auto;
    padding-inline-start: 0; /* reset */
    width: min(100%, 450px);
  }

  /** new layout **/
  body.omiyage_231211new .result-title { 
    color: #e60113;
    display: flex;
    font-family: 'Shippori Mincho', serif;
    font-size: 6.25vw;
    gap: 10px;
    justify-content: center;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-bottom: 30px;
    margin-top: 0; /* reset */
    text-align: center;
  }

  body.omiyage_231211new .result-title::before,
  body.omiyage_231211new .result-title::after {
    bottom: 0;
    content: '';
    display: inline-block;
    width: 20px;
  } 

  body.omiyage_231211new .result-title::before {
    border-left: #e60113 solid 1px;
    transform: rotate(-30deg);
  }
 
  body.omiyage_231211new .result-title::after {
    border-right: #e60113 solid 1px;
    transform: rotate(30deg);
  }

  body.omiyage_231211new #presentresultsarea p.result-headpara {
    margin-bottom: 10px;
  }

  body.omiyage_231211new .result-headfig {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, auto);
    justify-content: center;
  }

  body.omiyage_231211new img[class^="result-headimg-"] {
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: block;
    width: min(100%, 130px);
  }

  body.omiyage_231211new .result-headpara {
    text-align: center;
  }
  /** new layout **/

  .article-link::after {
    aspect-ratio: 1/1;
    bottom: 0;
    content: url('../common/img/present/present_seal.svg');
    height: calc(12.5vw + 20px);
    line-height: 1;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    right: 10px;
    top: 0;
    width: 60px;
    width: 80px;
    width: calc(12.5vw + 20px);
  }
  
  .article-link:hover::after {
    opacity: .7;
  }

  .article-link-recruit::before {
    bottom: 2px;
  }

  #presentresultsarea p.reader_second {
    margin-top: 20px;
  }
}

/*** sp BP ***/
@media screen and (min-width: 480px) {
  /** ne　w layout **/
  body.omiyage_231211new .result-title { 
    font-size: 30px;
    letter-spacing: 5px;
    line-height: 1.6;
    margin-bottom: 40px;
  }
  /** new layout **/

  .article-link::after {
    height: 80px;
    width: 80px;
  }

  .article-link-recruit::before {
    bottom: 5px;
  }
}

/*** sp BP ***/
@media screen and (min-width: 640px) {
}

/*** md TB ***/
@media screen and (min-width: 768px) {
  .row {
    margin-left: 0; /* reset */
    margin-right: 0; /* reset */
  }

  #presentbody {
    padding: 0; /* reset */
  }

  .presentcontainer {
    width: 580px;
    margin: 0 auto;
  }

  #presentbgtop{
    width: 750px;
    height: 78px;
    background-image: url("../common/img/present/presentbg_sm_top.png");
  }

  #presentbgmid {
    width: 750px;
    font-size: 0.9em;
    background-image: url(../common/img/present/presentbg_sm_middle.png);
    padding-left: 20px;
    padding-right: 20px;
  }

  .bgmid {
    padding-bottom: 30px;
  }

  #presentbgbtm{
      width: 750px;
      height: 78px;
      background-image: url("../common/img/present/presentbg_sm_btm.png");
  }

  #whitearea{
      margin-bottom: 20px;
  }

  #presentlinkarea{
      margin: 0 100px;  /* to offset -15px set by.row, 100 + 15px margin necessary */
      zoom: 0.9;
  }

  .article-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }

  .article-item {
    /* width: 305px; */
    width: 48%;
  }

  .article-name {
    margin-bottom: 20px;
  }

  /* 結果発表ページ */
  #presentbgmid.bgmid210515 {
    padding-bottom: 10px;
  }

  #presentbgmid.bgmid210815 {
    padding-bottom: 25px;
  }

  #presentbgmid.bgmid211115 {
    padding-bottom: 75px;
  }

  #presentbgmid.bgmid220215 {
    padding-bottom: 55px;
  }

  #presentbgmid.bgmid220515 {
    padding-bottom: 55px;
  }

  #presentbgmid.bgmid220815 {
    padding-bottom: 75px;
  }

  #presentbgmid.bgmid221115 {
    padding-bottom: 75px;
  }

  #presentbgmid.bgmid230215 {
    padding-bottom: 40px;
  }

  #presentbgmid.bgmid230515 {
    padding-bottom: 45px;
  }

  #presentbgmid.bgmid230815 {
    padding-bottom: 45px;
  }

  #presentbgmid.bgmid231115 {
    padding-bottom: 65px;
  }

  #presentbgmid.bgmid240215 {
    padding-bottom: 60px;
  }

  #presentbgmid.bgmid240515 {
    padding-bottom: 60px;
  }

  #presentbgmid.bgmid240815 {
    padding-bottom: 90px;
  }

  #presentbgmid.bgmid241115 {
    padding-bottom: 85px;
  }

  #presentbgmid.bgmid250215 {
    padding-bottom: 15px;
  }

  #presentbgmid.bgmid250515 {
    padding-bottom: 30px;
  }

  /** new layout **/
  body.omiyage_231211new .result-title {
    align-items: end;
    font-size: 35px;
    gap: 20px;
    margin-bottom: 50px;
  }

  body.omiyage_231211new .result-title::before,
  body.omiyage_231211new .result-title::after {
    border-width: 2px;
    height: 80px;
  }

  body.omiyage_231211new #presentresultsarea p.result-headpara {
    font-size: 14px;
  }

  body.omiyage_231211new .result-headfig {
    position: relative;
  }

  body.omiyage_231211new img[class^="result-headimg-"] {
    position: absolute;
  }

  body.omiyage_231211new img.result-headimg-tl {
    left: 0;
    top: -120px;
    width: 70px;
  }

  body.omiyage_231211new img.result-headimg-bl {
    bottom: -40px;
    left: 30px;
    width: 80px;
  }

  body.omiyage_231211new img.result-headimg-br {
    bottom: -50px;
    right: 40px;
    width: 70px;
  }

  body.omiyage_231211new img.result-headimg-tr {
    right: 0;
    top: -120px;
    width: 90px;
  }

  body.omiyage_231211new #winnertxt {
    margin-top: 80px; /* override */
  }
  /** new layout **/

  .article-link::after {
    height: 60px;
    width: 60px;
  }

  .article-link-recruit::before {
    bottom: 2px;
  }
}


/*** lg PC ***/
@media screen and (min-width: 960px) {
  .presentcontainer {
    width: 710px;
  }

  #presentbgtop {
      width: 960px;
      height: 100px;
      background-image: url("../common/img/present/presentbg_mdlg_top.png");
  }

  #presentbgmid {
      width: 960px;
      background-image: url("../common/img/present/presentbg_mdlg_middle.png");
      padding-left: 50px;
      padding-right: 50px;
  }

  .bgmid {
      padding-bottom: 65px;
  }

  #presentbgbtm{
      width: 960px;
      height: 100px;
      background-image: url("../common/img/present/presentbg_mdlg_btm.png");
  }

  .presentimg{
      margin: 30px auto;
  }

  #presentlinkarea{
      margin: 0 115px;
  }

  .article-item {
    /* width: 400px; */
  }

  .article-name {
    font-size: 14px;
    margin-bottom: 30px;
  }

  /* 結果発表ページ */
  #presentbgmid.bgmid210515 {
    padding-bottom: 35px;
  }

  #presentbgmid.bgmid210815 {
    padding-bottom: 30px;
  }

  #presentbgmid.bgmid211115 {
    padding-bottom: 60px;
  }

  #presentbgmid.bgmid220215 {
    padding-bottom: 85px;
  }

  #presentbgmid.bgmid220515 {
    padding-bottom: 60px;
  }

  #presentbgmid.bgmid220815 {
    padding-bottom: 115px;
  }

  #presentbgmid.bgmid221115 {
    padding-bottom: 95px;
  }

  #presentbgmid.bgmid230215 {
    padding-bottom: 45px;
  }

  #presentbgmid.bgmid230515 {
    padding-bottom: 85px;
  }

  #presentbgmid.bgmid230815 {
    padding-bottom: 100px;
  }

  #presentbgmid.bgmid231115 {
    padding-bottom: 50px;
  }

  #presentbgmid.bgmid240215 {
    padding-bottom: 60px;
  }

  #presentbgmid.bgmid240515 {
    padding-bottom: 45px;
  }

  #presentbgmid.bgmid240815 {
    padding-bottom: 85px;
  }

  #presentbgmid.bgmid241115 {
    padding-bottom: 75px;
  }

  #presentbgmid.bgmid250215 {
    padding-bottom: 35px;
  }

  #presentbgmid.bgmid250515 {
    padding-bottom: 15px;
  }

  /** new layout **/
  body.omiyage_231211new .result-title {
    font-size: 40px;
    gap: 30px;
    margin-bottom: 60px;
  }

  body.omiyage_231211new #presentresultsarea p.result-headpara {
    font-size: 16px;
  }

  body.omiyage_231211new img.result-headimg-tl {
    top: -150px;
    width: 95px;
  }

  body.omiyage_231211new img.result-headimg-bl {
    bottom: -60px;
    left: 50px;
    width: 110px;
  }

  body.omiyage_231211new img.result-headimg-br {
    bottom: -75px;
    right: 60px;
    width: 90px;
  }

  body.omiyage_231211new img.result-headimg-tr {
    top: -150px;
    width: 130px;
  }

  body.omiyage_231211new #winnertxt {
    margin-top: 120px;
  }
  /** new layout **/

  .article-link-recruit::before {
    bottom: 5px;
  }
}



/*** lg PC ***/
@media screen and (min-width: 1200px) {

}
