@charset "utf-8";


#main span.note {color: #4e4e4e;display: inline-block;}
#main span.note + ol {
  margin: 0 0 0 2.7rem;
  list-style: disc;
}
#main span.note + ol li {line-height: 1.3;}

#tab1 {
  padding: 0;
  border-bottom: 3px solid;
}
#tab > p {
  margin: 0 auto 40px;
  padding: 10px 30px;
  border: 1px solid;
  color: #006532;
  display: inline-block;
  font-weight: bold;
}
#tab1 ul {
  width: 96%;
  max-width: 1060px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#tab1 ul li,
#tab1 ul li.on {
  width: 32%;
}
#tab1 ul li a {
  padding: 17px 0 15px;
  font-size: min(4vw, 1.6rem);
}

#tab ul li:not(.on) {background: #ccc;}
#tab ul li a {
  padding: 15px 0;
  color: #fff;
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#tab ul li a span {font-size: 1rem;}

#main > div.bg_gry:not(#sb_hdr) {padding: 0 0 60px;}

.note, #main .note {font-size: 100%;}

#main #pfm {padding: 20px 0 40px;}
#pfm > p:first-child {margin: 0 auto 50px;}
#pfm dl {
  margin: 0 auto 39px;
  padding: 12px;
  background: #fff;
}
#pfm dt {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 20px;
  justify-content: flex-start;
}
#pfm dt > p {
  padding: 8px 1%;
  background: #cc5500;
  background-size: 30px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-align: left;
}
main.evnt #pfm dt > p {background: #8b007f;}
main.tea #pfm dt > p {background: #cc5500;}
#pfm dt > p:nth-child(2) {
  background: #fff;
  border: 2px solid;
  border-left: none;
  color: #990000;
}
#pfm dt > p.stg_b:nth-child(2) {
  background: #990000;
  border: 1px solid #990000;
  color: #fff;
}
#pfm dd,
#pfm dd > div ul:not(.exhbtr) {
  width: 96%;
  margin: 0 auto 10px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#pfm dd > div ul:not(.exhbtr) {
  border: 1px solid;
  color: #333;
  text-align: center;
}
#pfm > dl dd > ul.bx_btn2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#pfm > dl dd > ul.bx_btn2 > li {
  white-space: nowrap;
}
#pfm > dl dd > ul.bx_btn2 > li:not(:first-child) {
  padding: 0 1%;
}
#pfm > dl dd > ul.bx_btn2 > li:first-child:before {
  content: '■関連情報 ：';
}
#en #pfm > dl dd > ul.bx_btn2 > li:first-child:before {
  content: '■Related information :';
}
#pfm dd > div {
  width: calc(98% - 300px);
}
#pfm dd > div.photo {
  max-width: 300px;
  text-align: center;
}
#pfm dd > div.photo a {
  display: block;
  position: relative;
}
#pfm dd > div.photo a:after {
  width: 22%;
  height: 24%;
  content: '';
  display: inline-block;
  background: url(../../img/ico_yt.png) no-repeat;
  background-size: contain;

  vertical-align: middle;
  position: absolute;
  right: 39%;
  top: 40%;
  z-index: 2;
}
#pfm dd > div.photo a + p {
  padding: 0;
  border-top: none;
  font-size: .8rem;
  text-align: center;
}
#pfm dd > div h3 {
  margin: 0 auto 9px;
  font-size: min(2vw, 1.5rem);
  line-height: 1.3;
}
.evnt #pfm dd > div h3,
.tea #pfm dd > div h3 {
  margin: 0 auto 19px;
  padding: 0 0 13px;
  border-bottom: 1px solid #736357;
  color: #000;
}
.evnt #pfm dd > div h3 span,
#pfm.tea dd > div h3 span {
  font-size: 1rem;
}
.evnt #pfm dd > div.photo form {
  margin: 20px 0 auto;
}
.evnt #pfm dd > div.photo form span {
  max-width: 400px;
  margin: 16px auto 0;
  padding: 10px 0;
  background: #990000 url(../../img/arw_wht.svg) no-repeat 94% center;
  background-size: auto 40%;
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
}
#pfm.evnt > dl dt#yng01 + dd > div.photo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 1.4;
}
#pfm.evnt > dl dd > div.photo > span {
  margin: auto 0 0;
  padding: 10px 10%;
  background: #999 url(../../img/arw_wht.svg) no-repeat 94% center;
  background-size: auto 40%;
  color: #fff;
  display: block;
  font-size: min(2vw, 1.3rem);
  text-align: center;
}


#pfm dd > div h3 + .uln,
dl dd > ul.bx_btn2 > li,
#pfm ul.exhbtr li {
/*   padding: 0 0 7px 4.6rem; */
}
#en #pfm ul.exhbtr li {
  padding: 0 0 7px 6.4rem;
}
#pfm dd > div h3 + .uln:before,
dl dd > ul.bx_btn2 > li:first-child:before,
#pfm ul.exhbtr li:first-child:before {
  content: '■出展者 ：';
  color: #534741;
}
#en #pfm dd > div h3 + .uln:before,
#en #pfm ul.exhbtr li:first-child:before {
  content: '■Exhibitors : ';
}
#en ul.exhbtr li:nth-child(1):before {
  margin: 0 0 0 -6.4rem;
}
#pfm dd > div > .uln,
#pfm dd > div > ul.exhbtr {
  margin: 0 auto 19px;
  padding: 0 0 13px;
  border-bottom: 1px solid #736357;
}
.evnt #pfm dd > div > ul.exhbtr,
.tea #pfm dd > div > ul.exhbtr {
  border-bottom: none;
}
#pfm dd > div > p.not(.note) {
  padding: 15px 0;
  border-top: 1px solid #999;
}
/* #pfm dd > div > p.note {
  padding: 10px 0 15px 0;
} */
#pfm dd > div > p.trgt {
  margin: 13px 0 3px;
  padding: 0 2%;
  background: #990000;
  color: #fff;
  display: inline-block;
  white-space: nowrap;
}
#pfm dd > div > p.trgt:before {content: '対象：';}
#en #pfm dd > div > p.trgt:before {content: 'Target：';}


#pfm dd > div > p.ychm,
#pfm dd > div > p.mzyn,
#pfm dd > div > p.hsno {
  width: 70%;
  max-width: 440px;
  margin: 9px 0 15px;
  padding: 16px 0 16px 14%;
  background: #fff url(../../img/pfm/ico_yuchami.jpg) no-repeat 0 center;
  background-size: auto 100%;
  border: 2px solid;
  color: #cc5511;
  font-size: min(3vw, 1.2rem);
  font-weight: bold;
  line-height: 1;
}
/* #pfm dd > div > p.anna + span,
#pfm dd > div > p.yuka + span,
#pfm dd > div > p.knnkn + span {
  margin: 0 0 20px 1.4em;
  color: #4e4e4e;
} */
#pfm dd > div > p.mzyn {
  background-image: url(../../img/pfm/ico_mzyn.jpg);
  color: #0077bb;
}
#pfm dd > div > p.hsno {
  background-image: url(../../img/pfm/ico_hsno.jpg);
  color: #cc3388;
}
#pfm dd > div > p > img {
  width: 30px;
  margin: 0 0 4px;
  vertical-align: middle;
}
#pfm dd > div > p > img.svg {
  width: 17px;
}
#pfm dd > div > ul {
  margin: 0 auto 20px;
}
/* #pfm dd > div > ul.exhbtr li {
  margin: 0 0 0 5.2em;
}
#pfm dd > div > ul.exhbtr li:nth-child(1):before {
  margin: 0 0 0 -5.2em;
  content: '◆出展者 ： ';
  color: #990000;
} */
/* #pfm dd > div ul:not(.exhbtr) li:not(:nth-child(2)) {
  width: 24%;
}
#pfm dd > div ul:not(.exhbtr) li:not(:first-child):nth-child(2) {
  width: 30%;
}
#pfm dd > div ul:not(.exhbtr) li:not(:first-child):nth-last-child(4) {
  width: 30%;
}
#pfm dd > div ul:not(.exhbtr) li:not(:nth-child(2)):nth-last-child(3) {
  width: 20%;
} */
#pfm dd > div ul:not(.exhbtr) li {
  width: calc(29% - 84px);
}
#pfm dd > div ul:not(.exhbtr) li.prsnt {
  width: calc(36% - 84px);
}
#pfm dd > div ul:not(.exhbtr) li.prgrm {
  width: calc(33% - 84px);
}
#pfm dd > div ul:not(.exhbtr) li:first-child {
  width: 84px;
  padding: 9px 2%;
  border-right: 1px solid;
  line-height: 1.4;
}

/* #pfm dd > div ul:not(.exhbtr) li a {
  background: #fff;
  border: 1px solid;
  color: #990000;
  display: block;
  text-decoration: none;
  text-align: center;
} */


@media screen and (max-width: 640px) {
  #tab {padding: 30px 0 0;}
  #tab > p {
    margin: 0 2% 40px;
    padding: 10px 3%;
  }
  #tab ul,
  #schdl > div:first-child {
    width: 94%;
  }
  #tab ul li a {font-size: 5vw;}

  #pfm > p:first-child {
    margin: 0 auto 30px;
    text-align: left;
  }

  #pfm dt:after {margin: -4.3% 0 4.3% 0;}
  #pfm dd > div h3 {
    margin: 0 auto 10px;
    font-size: 4.4vw;
  }
  #pfm dt > p {padding: 6px 3%;}

  #pfm dd,
  #pfm dd > div ul:not(.exhbtr, .bx_btn2) {
    display: block;
  }
  #pfm dd > div {width: 100%;}
  #pfm dd > div.photo {
    max-width: 350px;
    margin: 9px auto 10px;
  }

  #pfm dd > div > p.ychm,
  #pfm dd > div > p.mzyn,
  #pfm dd > div > p.hsno {
    width: 78%;
    padding: 16px 0 16px 22%;
  }
/*   #pfm dd > div > p.anna,
  #pfm dd > div > p.anna.mb00 {
    width: 62%;
    margin: 0 auto 20px;
    padding: 18px 4% 18px 32%;
    line-height: 1.2;
  } */
  #main span.note + ol {margin: 0 0 16px 2.4rem;}

  #pfm > dl > dd:nth-child(2) > div.photo.w60p {
    width: 60%;
  }
  #pfm dd, #pfm dd > div ul:not(.exhbtr) {
    flex-wrap: wrap;
    justify-content: space-around;
  }
  #pfm dd > div ul:not(.exhbtr) {
    margin: 0 auto 20px;
  }
  #pfm dd > div ul:not(.exhbtr) li {
    width: 48%;
    margin: 0 0 6px;
  }
  #en #pfm dd > div ul:not(.exhbtr) li {
    width: 100%;
  }
  #en #pfm dd > div ul.bx_btn2 > li:not(:first-child) {
    width: 50%;
  }
  #en ul.exhbtr li {padding: 0 0 7px 6.7em;}
  #en ul.exhbtr li:nth-child(1):before {
    margin: 0 0 0 -6.6em;
    display: inline;
  }
  _::-webkit-full-page-media, _:future, :root 
  #en ul.exhbtr li {
    padding: 0 0 7px 7.2em;
  }
  _::-webkit-full-page-media, _:future, :root 
  #en ul.exhbtr li:nth-child(1):before {
    margin: 0 0 0 -7.2em;
  }
  #pfm dd > div ul:not(.exhbtr) li,
  #pfm dd > div ul:not(.exhbtr) li.prgrm,
  #pfm dd > div ul:not(.exhbtr) li.prsnt {
    width: 50%;
    margin: 0 auto;
  }
  #pfm dd > div ul:not(.exhbtr) li:first-child {
    width: 100%;
    border: none;
    border-bottom: 1px solid;
  }
  #pfm dd > div ul:not(.exhbtr) li a {
    padding: 10px 1%;
  }

  #pfm > dl dd > ul.bx_btn2 {
    width: calc(100% - 6% - 68px);
    width: 100%;
    padding: 0 0 0 calc(6% + 68px);
    padding: 0;
    flex-wrap: wrap;
    position: relative;
  }
  #pfm > dl dd > ul.bx_btn2 > li:not(:first-child) {
    padding: 0 2%;
  }
  #en #pfm > dl dd > ul.bx_btn2 {justify-content: flex-start;}
  #en #pfm > dl dd > ul.bx_btn2 > li:first-child {
    width: 100%;
/*     padding: 0 0 0 4.6rem; */
  }
  #en #pfm > dl dd > ul.bx_btn2 > li:nth-child(2) {
    padding: 0 0 0 1rem;
  }

  #main .bx_btn2 a {padding: 6px 1% 6px 1%;}
  #pfm dd > div > p.anna,
  #pfm dd > div > p.yuka,
  #pfm dd > div > p.knnkn {
    width: auto;
    max-width: 500px;
    padding: 14px 2% 14px 30%;
  }


}