@charset "utf-8";
/* CSS Document */

.wan_entrybodywrap{
  max-width:1000px;
  background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(0,0,0,0) 100%);
  position: relative;
  z-index:1;
}

.wan_entrybodywrap p{
  margin-bottom:0;
}

.wan_scheList h3{
  color:#2D4198;
  font-weight:bold;
  position: relative;
  margin:auto;
  line-height:1;
  width:11em;
  text-align: center;
}

.wan_scheList h3::after {
  content:"";
  display: inline-block;
  height: 4px;
  background-color:#49D9FB;
  position:absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
}

.wan_scheList h3 span{
  font-size:2.875rem;
}

.wan_entrybodywrap > p{
  text-align:center;
  padding-top:1.5em;
}

/*-- 一覧 --*/
.wan_scheListwrap{
  width:100%;
  max-width:1600px;
  margin:-56px auto 0;
  padding-bottom:56px;
  position: relative;
  z-index:2;
}

.wan_scheListwrap ul{
  display:flex;
  flex-wrap:wrap;
}

.wan_scheListwrap > ul > li{
  display: flex;
  align-items: stretch;
  align-content: stretch;
  gap:0;
  flex-wrap:wrap;
  width:calc(100% / 3);
  /*padding:clamp(16px, 2vw, 40px);*/
  padding:clamp(16px, 2vw, 20px);
  overflow: hidden;
}


.wan_schehead{
  width: 100%;
  align-self:flex-start;
  gap:0;
  display:flex;
  align-items: center;
  justify-content:space-between;
  background-color:#2D4198;
  color:#FFF;
  border-radius:24px 24px 0 0;
  padding:10px 2vw;
  font-weight:bold;
}

.wan_schehead p:first-of-type{
  font-size:1.25em;
}

.wan_schehead p:first-of-type span{
  font-size:1rem;
}

.wan_schehead .wan_schestatus{
  background-color:#FFF;
  border-radius:20px;
  padding: 0.5em 1em;
  min-width: 9em;
  color:#000;
  text-align: center;
}

.wan_schehead .wan_status_during{
  color:#FF3F00;
}

.wan_schehead .wan_status_close,
.wan_schehead .wan_status_fin{
  background-color:#E6E6E6;
  color:#A1A1A1;
}


.wan_sch_eventbox{
  width: 100%;
  align-self:stretch;
  display: grid;
  grid-template-columns: 60% 40%;
  grid-template-rows:max-content max-content 1fr auto;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "wan_grd_ttl wan_grd_photo" 
    "wan_grd_dtl wan_grd_photo"
    "wan_grd_report wan_grd_photo"
    "wan_grd_link wan_grd_photo";
    min-height: calc(100% - 3em);
  background-color:#FFF;
  border-radius: 0 0 24px 24px;
}


.wan_scheboxphoto{
  grid-area: wan_grd_photo;
  text-align:center;
  margin:0 auto;
  padding: 2vw 1vw;
}

.wan_scheboxphoto img{
  width: 100%;
  height:auto;
}

.wan_schettlbox{
 grid-area: wan_grd_ttl;
 padding:1.5em 1vw 0;
}

.wan_schedtlbox{
  grid-area: wan_grd_dtl;
  /*color:#2D4198;*/
  padding: 0.5em 0 0 1.5vw;
}

/*.wan_schedtlbox p span{
  font-size:0.875em;
}*/

.wan_schereportbox{
  grid-area: wan_grd_report;
  padding:0 1vw 0;
}

.wan_schebtmbox{
  grid-area: wan_grd_link;
  display:flex;
  justify-content: space-between;
  padding:30px 24px;
}

.wan_schebtmbox:empty{
  padding: 0;
}
.wan_scheevtitle{
  width:100%;
  font-size:1.375em;
  font-weight:bold;
  line-height: 1.35;
  padding-bottom:0.375em;
  color:#000;
}

.wan_appdatetxt{
  text-align: center;
  font-weight: bold;
  font-size: 1.125em;
  color: #0a0671;
  line-height:1.25;
}

.wan_schedoclist{
  display:flex;
  border-left:solid 2px #009C45;
  border-top:solid 2px #009C45;
  margin-top:16px;
  padding:8px;
  align-items: center;
}

.wan_schedoclist > p{
  font-weight:bold;
  writing-mode: vertical-rl;
  color:#000;
  font-size:0.75em;
}

.wan_schedoclist ul{
  flex-wrap:nowrap;
}

.wan_schedoclist ul li{
  width:5em;
  min-height:46px;
  padding:1em 0.375em;;
  background-color:#009C45;
  color:#FFF;
  font-size:0.675em;
  font-weight:bold;
  text-align: center;
  border-radius:10px;
  display:flex;
  align-items: center;
  justify-content: center;
  margin-left:10px;
  line-height:1.125;
}

.wan_schedetailbtn{
  width: 100%;
  margin-top:18px;
}

.wan_schedetailbtn a{
  border:solid 2px #2D4198;
  border-radius:30px;
  display:flex;
  width:100%;
  background-color:#FBFBEC;
  color:#2D4198;
  font-weight:bold;
  text-decoration: none;
  min-height:46px;
  align-items: center;
  justify-content: center;
  padding: 1em 2em;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
  transition: all 0.2s linear;
}

@media screen and (max-width:1281px){
  .wan_scheListwrap > ul > li{width:50%;}
}

/*-- 詳細 --*/
.wan_detail{
  background:#FFF;
  padding:32px 32px 64px;
}

.wan_backwrap{
  max-width:1000px;
}

.wan_schentryflxbox{
  display:flex;
}

.wan_schedtlwrap h3{
  font-size:1.875em;
  color:#2D4198;
  font-weight:bold;
  background-image:url("../img/common/ico_rainbow.png");
  background-repeat:no-repeat;
  background-size:50px;
  padding-left:32px;
  padding-top:24px;
}


.wan_schedtlbox dl{
  display:flex;
  flex-wrap:wrap;
  width:100%;
  border-top:solid 1px #3E9947;
  border-bottom:solid 1px #3E9947;
  background-color:#FFFDDC;
  margin-top:16px;
}

.wan_schedtlbox dl dt{
  display:flex;
  align-items: center;
  justify-content: center;
  width:12%;
  background-color:#D3F38C;
  color:#009943;
  font-size:0.875em;
  font-weight:bold;
  min-height:40px;
  margin-bottom:2px;
}

.wan_schedtlbox dl dt:last-of-type{
  margin-bottom:0;
}

.wan_schedtlbox dl dd{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  width:88%;
  font-weight:bold;
  padding: 4px 0 4px 1em;
}

.wan_schedtlbox dl dd a{
  color:#2B8EE8;
}
.wan_schedtlbox dl dd p{
  width: 100%;
  font-weight: normal;
  font-size: 0.875em;
}
.wan_sch_appbtn{
  padding-top:24px;
}

.wan_sch_appbtn a{
  border:solid 1px #FF6D3D;
  background-color:#FF6D3D;
  color:#FFF;
  font-weight:bold;
  display:flex;
  justify-content: center;
  align-items: center;
  height:50px;
  width:300px;
  text-decoration:none;
  border-radius:40px;
  margin:auto;
  transition-duration: .5s;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
}


.wan_sch_btnclose{
  background-color:#B7B7B7;
  color:#FFF;
  font-weight:bold;
  display:flex;
  justify-content: center;
  align-items: center;
  height:50px;
  width:300px;
  border-radius:40px;
  margin:auto;
}

.wan_sch_appbtn p span{
  color:#FF3F00;
  font-weight:bold;
  font-size:0.875rem;
  display:block;
  text-align:center;
  margin-top:6px;
}

.wan_sch_repoList,
.wan_sch_impList{
  border-top:solid 1px #D8D8D8;
  display:flex;
  align-items: center;
  padding:10px;
}

.wan_sch_repoList p,
.wan_sch_impList p{
  font-weight:bold;
  font-size:0.875rem;
  width:20%;
  color:#009943;
  line-height:1.125;
  text-align:center;
}

.wan_sch_repoList a,
.wan_sch_impList a{
  color:#000;
  text-decoration:none;
  font-size:0.875rem;
}



.wan_sch_repoList{
  margin-top:24px;
}

.wan_sch_repoList p span{
  display:block;
}

.wan_sch_repoList ul,
.wan_sch_impList ul{
  display:flex;
  flex-wrap:wrap;
  width:80%;
}

.wan_sch_repoList ul li,
.wan_sch_impList ul li{
  width:50%;
  position: relative;
  padding-left:10px;
}

.wan_sch_repoList ul li:not(:nth-last-of-type(-n+2)){
  margin-bottom:1em;
}


.wan_sch_repoList ul li:before,
.wan_sch_impList ul li:before{
  content: "";
  position: absolute;
  top: 50%; 
  left: 0;
  transform: translateY(-50%);
  border: 5px solid transparent;
  border-left: 8px solid #7F7F7F;
}

.wan_sch_videobox{
  width:100%;
  max-width:600px;
  margin:auto;
  padding:40px 0 0;
}

.wan_sch_videotitle{
  display:flex;
  justify-content: center;
  align-items: center;
}

.wan_sch_videotitle p{
  color:#2D4198;
  font-weight:bold;
}

.wan_sch_videotitle img{
  width:50px;
}

.wan_sch_videotitle div:last-of-type img{
  transform:rotateY(180deg);
}

.wan_schedule_caution{
  font-size:0.875em;
  padding:0.5em 0;
  text-align:center;
}

.wan_scheimageph{
  padding:10px 0;
}


@media screen and (min-width:801px){
  .wan_schedtlwrap{
    width:80%;
  }
  .wan_sch_appbtn a:hover{
    background-color:#FFF;
    color:#FF6D3D;
  }
  .wan_sch_repoList a:hover,
  .wan_sch_impList a:hover{
    text-decoration:underline;
  }
  .wan_schedetailbtn a:hover{box-shadow: none;}
  .wan_schedtlbox dl dd a:hover{text-decoration: none;}
}



@media screen and (max-width:800px){
  /*-- 一覧 --*/
  .wan_entrybodywrap{
    padding: 32px 16px calc(1em + clamp(16px, 14vw, 80px));
  }
  .wan_scheList h3{width: 8em;}
  .wan_scheList h3 span{font-size: 1.75rem;}
  .wan_scheList h3::after{bottom: -4px;}
  .wan_scheListwrap{
    margin-top:-12vw;
  }
  .wan_scheListwrap > ul{
    display:block;
  }
  .wan_scheListwrap > ul > li{
    width:100%;
    margin-left:0;
  }

  .wan_schehead{padding:10px 1em;}
  .wan_schehead p:first-of-type{
    font-size:1.125rem;
  }
  .wan_schehead p:first-of-type span{
    display:inline-block;
    white-space: nowrap;
  }

  .wan_sch_eventbox{
  padding: 2vw;
  grid-template-rows: auto;
  grid-template-areas:
    "wan_grd_ttl wan_grd_ttl"    
    "wan_grd_dtl wan_grd_photo"
    "wan_grd_report wan_grd_photo"
    "wan_grd_link wan_grd_link";
  min-height: auto;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4)
}
  .wan_schedoclist{
    display: block;
  }
  
  .wan_schedoclist > p{
    width: 100%;
    writing-mode:inherit;
    margin-bottom: 0.5em;
  }
  .wan_schedoclist > ul{
    flex-wrap: wrap;
  }
  .wan_schedoclist > ul > li{
    width: 100%;
    min-height: auto;
    padding: 0.5em 1em 0.375em;
    border-radius: 3em;
    margin-bottom: 0.5em;
    margin-left: 0;
  }
  .wan_schettlbox{padding: 1vw 1vw 0;}
  .wan_scheevtitle{font-size:1.125rem;}
  .wan_schebtmbox{padding: 0 1.5em 1em;}
  .wan_schehead .wan_status_fontmini{font-size:0.875rem;}

  /*-- 詳細 --*/

  .wan_schentryflxbox{display:block;}
  .wan_schentryflxbox>div:first-of-type{text-align: center;}
  .wan_schedtlwrap{padding-top:24px;}
  .wan_schedtlwrap h3{
    font-size:1.25rem;
    padding-top:32px;
    padding-left:0;
  }
  .wan_schedtlbox{
    /*padding: 0;*/
    line-height: 1.4;
  }
  .wan_schedtlbox > p br{
    display:none;
  }
  
  .wan_schedtlbox dl dt{
    width:14%;
  }
  
  .wan_schedtlbox dl dd{
    width:86%;
    font-size:0.875rem;
  }
  
  .wan_sch_repoList,
  .wan_sch_impList{
    display:block;
  }
  
  .wan_sch_repoList p, .wan_sch_impList p{
    width:100%;
    text-align: center;
    padding-bottom:0.5em;
  }
  
  .wan_sch_repoList p span{
    display:inline;
  }
  .wan_schedtlbox p span{font-size:0.875rem;}
  .wan_sch_repoList ul, .wan_sch_impList ul{
    width:100%;
    justify-content: space-around;
  }
  .wan_sch_videobox{padding-bottom:0;}
  .wan_sch_videotitle p{font-size:1.125rem;}
}

@media screen and (max-width:429px){
  .wan_schedtlbox dl{width: 100%;}
  .wan_sch_appbtn a{width: 100%;}
}