@charset "utf-8";
/* CSS Document */
#adminBox, .acms-admin-box,
.tss_comprehensiveHead{
  position: relative;
  z-index: 100;
}


.t5d_body{
  min-height: 100vh;
  font-family: "Yu Gothic Medium","游ゴシック Medium","游ゴシック体", YuGothic,"Meiryo UI","Hiragino Sans",sans-serif;
}

img{max-width: 100%;}




.t5d_bg{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.62;
  z-index: 1;
}
.t5d_bg picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.t5d_main{
  position: relative;
  padding-bottom: 92px;
  z-index: 10;
}


.t5d_top{
  padding: 96px 16px 56px;
  text-align: center;
}
.t5d_top h1{margin-bottom: 24px;}
.t5d_yotei{margin-bottom: 32px;}
.t5d_copy{margin-bottom: 16px;}
.t5d_des img{
  filter: drop-shadow(0px 1px 0px #fff);
}


.t5d_entryblock{
  padding: 48px 16px 56px;
  text-align: center;
  background-color: #FFFFFF;
  opacity: 0;
  transition: all 0.5s linear;
}
.t5d_entryblock.active{opacity: 1;}
.t5d_entryblock h2{
  line-height: 1;
  margin-bottom: 14px;
  font-size: clamp(1.25rem, -0.057rem + 4.86vw, 2.375rem);/*20-38 430-800*/
  font-weight: bold;
  color: #E80000;
  opacity: 0;
  transition: all 1s linear;
}
.t5d_entryblock.active h2{
  opacity: 1;
}
.t5d_entryblock > p{
  line-height: 1.5;
  margin-bottom: 24px;
  font-size: clamp(0.875rem, 0.439rem + 1.62vw, 1.25rem);/*14-20 430-800*/
  font-weight: bold;
  opacity: 0;
  transition: all 1s linear;
}
.t5d_entryblock.active > p{
  opacity: 1;
}
.t5d_entryblock > p span{ font-weight: normal; font-size: 0.75em;}

.t5d_entryblock ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1em;
  font-size: 0.875em;
}
.t5d_entryblock ul li a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 360px;
  max-width: 100%;
  height: 60px;
  line-height: 1.5;
  margin: 0 auto 0.5em;
  text-decoration: none;
  font-size: 1.125em;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0px 1px 0px #777777;
  border-radius: 30px;
  border: 1px solid #B7B7B7;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.39);
  opacity: 0;
  transition: all 0.1s linear;
  background-image: linear-gradient(180deg, #e1e1e1, #888888);
}

.t5d_entryblock ul li:first-of-type a{
  /*background: linear-gradient(#FFCB51 0%, #FBC344 23.43%, #D68923 100%);*/
  background: linear-gradient(#ffb4ba 0%, #ff8f8f 26.37%, #ff5858 100%);
  }

  /*
.t5d_entryblock ul li:last-of-type a{
  background: linear-gradient(#ffb4ba 0%, #ff8f8f 26.37%, #ff5858 100%);
border: 1px solid #d59090;
  }*/

.t5d_entryblock ul li a{
  opacity: 1;
}

/*-- 原作 --*/
.t5d_original{
  background-color:#FFF;
  padding:40px 56px 40px 40px;
  max-width:736px;
  width:94%;
  margin:40px auto;
  background: linear-gradient(#fff 0%, #fff 100%);
  border: 1px solid #fff;
  box-shadow: 0px 0px 10px #988b3d;
}
.t5d_original h2{
  color:#9C8A28;
  font-size:3em;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.t5d_orflx{
  display:flex;
  gap:40px;
  padding-top:16px;
  line-height:1.375;
}
.t5d_orflx > div:first-of-type{
  width:53.25%;
}
.t5d_orflx > div:nth-of-type(2){
  padding-top: 16px;
  display: flex;
  flex-direction: column;
}
.t5d_orflx h3{
  font-size:1.875em;
  font-weight: bold;
}
.t5d_orflx > div > p:first-of-type{
  margin:0.25em 0 1em 0;
}
.t5d_orflx > div > p:last-of-type{
  margin:auto auto 0 auto;
  width: 80%;
}
.t5d_orflx > div > p:last-of-type a{
  display:flex;
  justify-content: center;
  align-items: center;
  color:#09AECC;
  border:solid 1px #09AECC;
  width:100%;
  padding:0.25em 0;
  text-decoration:none;
}
.t5d_orflx > div > p:last-of-type a span{
  font-size:0.5em;
}


.tss_footer{
  position: relative;
  mix-blend-mode: multiply;
  background-color: #FFF4E3;
  z-index: 15;
}
.tss_footer a{
  font-family: Meiryo;
  color: #000000;
}

/*-- 20260105追加 --*/
.t5d_topicswrap{
  background-color:rgba(244,2332,147, 0.5);
  border:solid 1px #FFF;
  padding:32px 10px 48px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight:bold;
  
}
.t5d_topicswrap h2{
  text-align:center;
  padding-bottom:16px;
}
.t5d_topicsbox{
  display:flex;
  justify-content:center;
  gap:0 16px;
}
.t5d_topicsbox a{
  color:#000;
  text-decoration: none;
}
.t5d_topics_l{
  max-width:506px;
  width:80%;
  box-shadow: 0px 0px 10px #988b3d;
  background-color:#FFF;
}
.t5d_topicsimg img{
  width:100%;
}
.t5d_topics_l_caption{
  padding:24px;
}
.t5d_topics_l_caption p:first-of-type{
  color:#8B0000;
  line-height:1.5;
}
.t5d_topics_l_caption p:nth-of-type(2){
  font-size:1.25em;
  line-height:1.25;
}
.t5d_original h2{
  font-size:2.5em;
}
.t5d_orflx > div > p:last-of-type{
  margin-top:16px;
}


.acms-label-warning{
  color: #FFF;
  background-color:#E80000;
  display: inline-block;
  vertical-align: text-top;
  margin-left:0.5em;
}

@media screen and (min-width:801px){
  .t5d_entryblock ul li a:hover{opacity: 0.5;}
  .t5d_orflx > div > p:last-of-type a:hover{
    color:#FFF;
    background-color:#09AECC;
  }

  /*
  .t5d_entryblock ul li:first-of-type a:hover{
    background: linear-gradient(#F7D483 0%, #FFCB51 23.43%, #FBC344 100%);
  }
    .t5d_entryblock ul li:last-of-type a:hover{
    background: linear-gradient(#ffbfc4 0%, #feb7b7 26.37%, #ff9494 100%);
  }*/
}




@media screen and (max-width:800px){
  .t5d_main{padding-bottom: calc(17.5vw + 120px);}
  .t5d_top{
    padding: max(12vw, 40px) 16px max(7vw, 32px);
  }
  .t5d_top h1{margin-bottom: max(3vw, 12px);}
  .t5d_yotei{margin-bottom: max(4vw, 16px);}
  .t5d_yotei img{width: 36.6%;}
  .t5d_copy{margin-bottom: max(2vw, 8px);}
  .t5d_copy img{
    width: 76.2%;
    min-width: 300px;
  }
  .t5d_des img{
    width: 78%;
    min-width: 320px;
  }

  .t5d_entryblock ul li a{
    width: max(44.5vw, 300px);
    height: max(7.5vw, 48px);
  }
  .t5d_topics_l_caption p:nth-of-type(2){font-size:0.875em;}
  .t5d_orflx{
    flex-direction: column;
    gap:0;
  }
  .t5d_orflx > div:first-of-type{
    margin:auto;
    width:80%;
  }
  .t5d_orflx > div:nth-of-type(2){
    font-size:0.875em;
  }
  .t5d_orflx h3{
    font-size:1.5em;
  }
}
@media screen and (max-width:480px){
  .t5d_entryblock ul li:first-of-type {margin-bottom: 0.5em;}
}