@charset 'UTF-8';
.sp-block {
display:none;
}
.pc-block {
display:block;
}

#event .sideNav .catSubTitle:nth-child(6),
#event-info a {
  color:#F15A24;
  text-decoration:none;
}

.event-entry {
  display:block;
  margin:2em 0;
  text-align:center;
  font-weight:bold;
}
.event-entry .btn {
  display: flex;
  border: 2px solid #ffdcc5;
  padding: 12px 36px;
  border-radius: 12px;
  text-decoration: none;
  position: relative;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  background-color: #ffffff;
}

.event-entry .btn img {
    max-height: 18px;
    width: auto;
    padding-left:5px;
}

.ibd-event-info-img {
  width:100%;
  text-align: right;
}
.ibd-event-info-img img {
  max-width:35%;
}

/*==================================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
.accordion-area{
    list-style: none;
    width: 100%;
    margin:0px auto 0 auto;
    border-top: 3px solid #ffdc72;
}

.accordion-area li{
    margin: 10px 0;
}

.accordion-area section {
	border-bottom: 1px solid #ccc;
}
.accordion-area li:last-child section {
border-bottom: 0px solid #ccc;
}
.accordion-area section div.event-entrybtn {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 75%;
}
/*アコーディオンタイトル*/
.accordion-area section .title-btn,
.accordion-area section .title-btn-report {
  position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;

    font-weight: normal;
    padding: 1% 0;
    transition: all .5s ease;
    display:flex;
    align-items: center;
    flex-wrap:nowrap;

}

.event-entry-btn-radius {
  background-color:#F15A24;
  border-radius: 18px;
  padding:24px 12px;
  color:#ffffff;
  width:15%;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.15em;
  webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}
.title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;

    font-weight: normal;
    padding: 1% 0;
    transition: all .5s ease;
    display:flex;
    align-items: center;
    flex-wrap: wrap;
}
.title-btn .date,
.title .date,
.report-btn a:link .date,
.report-btn a:visited .date {
  color:#F15A24;
  font-size:1.2em;
  font-weight: bold;
  min-width:25%;
  display:block;
}
.title-btn .date span.day,
.title .date span.day,
.report-btn a:link .date span.day {
  font-size:0.75em;
  font-weight: normal;
}
.title-btn .date span.time,
.title .date span.time,
.report-btn a:link .date span.time {
  font-size:0.75em;
  font-weight: normal;
  display:block;
}
.title-btn h3,
.title h3,
.report-btn a:link h3 {
padding-left:15px;
  font-size:1.4em;
  font-weight: bold;
  display:block;
  line-height: 1.5;
}
.title-btn h3 span,
.title h3 span,
.report-btn a:link h3 span {
display:block;
  font-size:0.7em;
  font-weight: normal;
}
/*アイコンの＋と×*/
/*.title-btn::before,*/
.title-btn::after,
.title-btn-report::after,
/*.title::before,*/
.title::after{
    position: absolute;
  /*  content:'';
    width: 15px;
    height: 2px;
    background-color: #F15A24;*/
    content: ' ';
    width: 1.9rem;
    height: 1.2rem;
    background-image: url(images/arrow2_ico.svg);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transition: all .4s cubic-bezier(.78, .07, 0, 1) .2s;


}
.title-btn .tag,
.title .tag {
width:100%;
}
.title-btn .tag span,
.title .tag span {
display:inline-block;
padding:3px 20px;
background-color: #ffdc72;
margin:5px 8px;
border-radius: 24px;

}

.title-btn::before,
.title-btn-report::before,
.title::before{
/*    top:48%;
    right: 15px;
    transform: rotate(0deg);*/

}
.title-btn::after,
.title-btn-report::after,
.title::after{
  transform: translateY(-50%) rotate(180deg);
    /*top:48%;
    right: 15px;
    transform: rotate(90deg);*/
    /*width: 1.9rem;
    height: 1.2rem;
    background-image: url(images/arrow2_ico.svg);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: rotate(-45deg);
    transition: all .4s cubic-bezier(.78, .07, 0, 1) .2s;*/
}


/*　closeというクラスがついたら形状変化　*/
.title-btn.close::before,
.title-btn-report.close::before,
.title.close::before{
	transform: translateY(-50%);
}
.title-btn.close::after,
.title.close::after{
	transform: translateY(-50%);
}

/*アコーディオンで現れるエリア*/
.box {
    display: none;/*はじめは非表示*/
    background: #f3f3f3;
	margin:0%;
    padding: 3%;
}
.article__footer {

    margin-top: 0px;
    padding-top: 60px;

}

.report {
  background-color: #ffffff;
}

.report-btn a:link,
.report-btn a:visited {
  border:3px solid #F15A24;
display:block;
padding:12px 24px;
border-radius: 12px;
margin:1.5em auto;
background-color: #ffd2c51b;
cursor: pointer;
    color: #333;
    font-size: 1.6rem;
    line-height: 1;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
}

.report-btn > a:link:after {
pointer-events: none;
font-family: "Font Awesome 5 Free";
content: "\f054";
-webkit-font-smoothing: antialiased;
display: inline-block;
position: absolute;
top: 50%;
right: 20px;
color: #7F3C2F;
font-size: 1.4rem;
font-weight: bold;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
transform: translate(0,-50%);
}


.report-btn a:link h3 {
  color:#333333!important;
}

.work-link-box {
  justify-content: center;
}
.at-report-references {
  margin:1em auto;
  padding:0 1em;
  font-size:0.85em;
  border-top:1px dotted #cccccc;
  border-bottom:1px dotted #cccccc;
}
.at-report-references > p {
margin-top:1em;
}
.at-report-references ul {margin:1em 0;}
.at-report-references ul li {
margin:0;
padding-top:0;
padding-bottom:0;
padding-left:1em;
text-indent:-1em;
}
@media screen and (max-width: 768px) {
.ibd-event-info-img img {
    max-width: 50%;
    margin-top:2em;
}
.accordion-area section .title-btn,
.title {display: block;}
.accordion-area section .title-btn-report {
  display:block;
}
.accordion-area section div.event-entrybtn {
  width: 100%;
}
.event-entry-btn-radius {
  width:90%;
  padding: 12px 24px;
  margin:1em 0;
}
.accordion-area section .title-btn .date,
.title .date {width: 100%;}
.accordion-area section .title-btn .date span.time,
.accordion-area section .title-btn span.time {display: inline-block;}
.accordion-area section .title-btn .tag span,.title .tag span {font-size:1.2rem;}
.accordion-area section .title-btn h3,.title h3 {padding-left: 0px;padding-right: 2em;}
.sp-block {
display:block;
}
.pc-block {
display:none;
}
}
/*========= レイアウトのためのCSS ===============*/


h2.article__title{
    text-align: center;
    margin: 30px 0;
    font-size:2rem;
}

/*202305イベントレポート*/
.at-t {
  display:flex;
  align-items: center;
  width:100%;
}
.at-t div:first-child{
  margin-left:0;
}
.at-t div {
  margin-left:0.5em;
}
.at-t div.ld {
display: block;
background-color: #ffdc72;
border-radius: 24px;
font-weight: bold;
padding:0.125em 1em;
white-space: nowrap;
}
.at-t div.at-t-name {
  font-weight: bold;
  font-size:1.2em;
  white-space: nowrap;
}
.at-t div.at-t-name span {
  display: inline-block;
  padding-left:0.25em;
  font-size:0.8em;
}

.at-t div.at-t-cp {
  font-size:1.0em;
}

.figure-img {
  margin:1em;
  padding:1em;
}
.figure-img-2 {
  width: 40%;
    float: left;
    margin-right:1em;
}
.figure-img-3 {
  width: 30%;
    float: right;
    margin-left:1em;
}
p:after {
  clear: both;
  content: '';
  display:block;
}
.accordion-area section div.event-reportbtn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 85%;
}
.title-btn-report .at-img {

  display: block;
  width:10%;
  margin-right:1em;
}
.title-btn-report div.event-reportbtn .date {
  color: #F15A24;
  font-size: 1.2em;
  font-weight: bold;
white-space: nowrap;
  display: block;
  min-width:5%;
  margin-right:0.5em;
}
.title-btn-report div.event-reportbtn h3 {
  font-size:1.4em;
}
.event-report-btn-radius {
  background-color: #F15A24;
  border-radius: 18px;
  padding: 24px 12px;
  color: #ffffff;
  width: 15%;
  text-align: center;
  font-weight: bold;
  webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}
.at-report-mm {padding:0 0.5em;}
h4.at-report {
  color: #f15a23;
  font-size:1.2em;
  margin-top:1em;
  margin-bottom:0.25em;
}
h4.at-report:first-child {
  margin-top:0em;
}

@media screen and (max-width: 768px) {
.title-btn-report .at-img {

  display: block;
  width:25%;
 margin:0 auto;
}
.title-btn-report div.event-reportbtn .date {
  
  font-size:1.2em;
}
.event-reportbtn h3 {
  font-size:1.2em;
  display:block;

}
.event-reportbtn .at-t {

  margin-bottom:0.5em;
}
.figure-img-2 {
  width: 100%;
    float: unset;
    margin:0 auto 1em auto;
    text-align: center;
}
.figure-img-2 img {
  max-width:600px;
}
.figure-img-3 {
  width: 100%;
  float: unset;
  margin:1em auto;
  text-align: center;
}
.figure-img-3 img {
  max-width:600px;
}
}

.ev-flex {
display: flex;
align-items: flex-start;
align-content: flex-start;
flex-wrap: wrap;
}
.ev-flex-mdh {
  width: 15%;
    white-space: nowrap;
}
.ev-flex-cn {

width:85%;

}
@media screen and (max-width: 768px) {
  .ev-flex {

  }
  .ev-flex-mdh {
    width: 20%;
    white-space: nowrap;
  }
  .ev-flex-cn {
    width:80%;

  
  }
.mdh-2 {
  width: 35%;
  white-space:wrap;
}
.cn-2 {
  width: 65%;
}
}