@charset "UTF-8";
/*************************
共通class
************************ */
/*メインビジュアルありの場合*/
.subpage #pmv {
  width: 100%;
  height: 4.8rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}
.subpage #pmv .container {
  position: relative;
  height: 4.8rem;
}
.subpage #pmv .mainttl {
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
    color: #fff;
  font-family: 'Roboto Condensed', sans-serif;
    font-size: .8rem;
    font-weight: normal;
    line-height: 1.3;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  .subpage #pmv {
    height: 2.4rem;
  }
  .subpage #pmv .container {
    height: 2.4rem;
  }
  .subpage #pmv .mainttl {
    top: 65%;
    left: 4%;
      font-size: .28rem;
  }
}

/*************************
about
************************ */
/*#about.subpage #main {
    margin-top: 0;
  padding-top: 0;
}
*/
.message {
    position: relative;
    margin-top: -.6rem;
  background: #0082c8;
  color: #FFF;
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 750px) {
  .message {
    height: inherit;
  }
}
.message .container {
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 750px) {
  .message .container {
    display: inherit;
    height: inherit;
    padding-top: 0.8rem;
  }
}
.message .txtbox > h2 {
  margin-bottom: .4rem;
  max-width: 989px;
}
@media screen and (max-width: 750px) {
  .message .txtbox > h2 {
    margin-bottom: .2rem;
    font-size: .18rem;
  }
}
.message .txtbox > p {
  margin-bottom: .4rem;
  line-height: 2.20625;
}
.message .txtbox > p:last-child {
  margin-bottom: 0;
}
.message .txtbox > p.txtname > span {
  display: block;
  font-size: .12rem;
  line-height: 1.6;
}
@media screen and (max-width: 750px) {
  .message .txtbox > p {
    margin-bottom: .22rem;
  }
  .message .txtbox > p.txtname > span {
    display: block;
    font-size: .11rem;
  }
}
.overview {
  margin-bottom: 120px;
}
@media screen and (max-width: 750px) {
  .overview {
    margin-bottom: 0;
  }
}
.overview .containerfull {
  display: flex;
  /* align-items:flex-end; */
  align-items: center;
}
@media screen and (max-width: 750px) {
  .overview .containerfull {
    flex-wrap: wrap;
    padding: 0 4%;
  }
}

.overview .imgbox {
  width: 49.5%;
  margin-right: 115px;
}
@media screen and (max-width: 1000px) {
  .overview .imgbox {
    margin-right: 4%;
  }
}
@media screen and (max-width: 750px) {
  .overview .imgbox {
    width: 100%;
    margin-right: 0;
    margin-bottom: .3rem;
  }
}
.overview .imgbox figure {
  position: relative;
  overflow: hidden;
  height: 628px;
}
@media screen and (max-width: 750px) {
  .overview .imgbox figure {
    height: auto;
  }
}
.overview .imgbox figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
}
@media screen and (max-width: 750px) {
  .overview .imgbox figure img {
    position: static;
    transform: translate(0);
  }
}
.overview .overviewbox {
  width: 100%;
  max-width: 4.36rem;
}
@media screen and (max-width: 750px) {
  .overview .overviewbox {
    height: auto;
  }
}
@media screen and (min-width:751px) and (max-width:959px) {
    .overview .overviewbox {
      padding-right: 4%;
    }
}
.overview .overviewbox > h3 {
  margin-bottom: .25rem;
  font-size: .26rem;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  .overview .overviewbox > h3 {
    margin-bottom: .1rem;
    font-size: .17rem;
  }
}


.overview .overviewbox .tbl {
  margin-bottom: .6rem;
}
@media screen and (max-width: 750px) {
  .overview .overviewbox .tbl {
    margin-bottom: .3rem;
  }
}
.overview .overviewbox .tbl table {
  width: 100%;
  border-spacing: 1px;
}
.overview .overviewbox .tbl table tr th {
  padding: .1rem 0;
  width: .8rem;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}
.overview .overviewbox .tbl table tr td {
  padding: .1rem 0;
}
@media screen and (max-width: 750px) {
  .overview .overviewbox .tbl table tr th {
    padding: .05rem 0;
    width: .6rem;
  }
  .overview .overviewbox .tbl table tr td {
    padding: .05rem 0;
  }
}

.overview .overviewbox .downloadbox {
  width: 100%;
}
/*
.overview .overviewbox .downloadbox > div:first-of-type {
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 750px) {
  .overview .overviewbox .downloadbox > div:first-of-type {
    margin-bottom: 0.2rem;
  }
}
*/
.participans .ptpdata .adwlogo {
  width: 2.1rem;
  margin: 0 auto .8rem;
}
.participans .ptpdata p {
  margin-bottom: 0.7rem;
  font-size: .14rem;
  text-align: center;
}
.participans .ptpdata p:last-of-type {
  margin-bottom: 0;
}
.participans .ptpdata p > span {
  display: block;
  margin-bottom: .2rem;
  font-size: .18rem;
  font-weight: 700;
}

@media screen and (min-width:751px) and (max-width:959px) {
    .participans .ptpdata p {
        text-align: left;
    }
    .participans .ptpdata p > span {
        text-align: center;
    }     
    .participans .ptpdata p br {
      display: none;
    }
}

.participans .ptplist > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.participans .ptplist > ul > li {
  width: 30.833333333333336%;/*333px*/
  margin-bottom: .6rem;
}
.participans .ptplist > ul > li:nth-child(3n+1):nth-last-child(-n+3),
.participans .ptplist > ul > li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
  margin-bottom: 0;
}
.participans .ptplist > ul > li > span {
  display: block;
  margin-bottom: .2rem;
  font-size: .18rem;
  font-weight: bold;
}
.participans .ptplist > ul > li > ul > li {
  margin-bottom: .1rem;
}
.participans .ptplist > ul > li > ul > li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 750px) {
  .participans .ptpdata .adwlogo {
    width: 40%;
    margin: 0 auto .3rem;
  }
  .participans .ptpdata p {
    margin-bottom: 0.3rem;
    font-size: .12rem;
    text-align: left;
  }
  .participans .ptpdata p > span {
    margin-bottom: .1rem;
    font-size: .15rem;
    text-align: center;
  }
  
  .participans .ptplist > ul > li {
    width: 100%;/*333px*/
    margin-bottom: .15rem;
  }
  .participans .ptplist > ul > li:nth-child(3n+1):nth-last-child(-n+3),
  .participans .ptplist > ul > li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
    margin-bottom: .3rem;
  }
  .participans .ptplist > ul > li:last-child {
    margin-bottom: 0;
  }
  .participans .ptplist > ul > li > span {
    margin-bottom: .05rem;
    font-size: .16rem;
  }
  .participans .ptplist > ul > li > ul > li {
    margin-bottom: .02rem;
  }
}

.adwreport .dwlbox {
  margin: 0 auto 30px;
  max-width: 894px;
}
@media screen and (max-width: 750px) {
  .adwreport .dwlbox {
    margin-bottom: 0;
  }
}
.adwreport .dwlbox ul {
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
}
.adwreport ul li {
  width: 48.7%;/*435px*/
  background: #0082c8;
  margin-right: 2.6%;/*25px*/
  margin-bottom: .22rem;
  text-align: center;
}
.adwreport ul li:nth-child(2n) {
  margin-right: 0;
}
.adwreport .dwlbox ul li:nth-child(2n+1):nth-last-child(-n+2),
.adwreport .dwlbox ul li:nth-child(2n+1):nth-last-child(-n+2) ~ li {
  margin-bottom: 0;
}
.adwreport .dwlbox ul li a {
  position: relative;
  display: flex;
  justify-content:center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: .11rem .1rem;
  box-shadow: 3px 3px 7px 0 rgba(0,0,0,.5);
}
.adwreport .dwlbox ul li a span {
  display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: .23rem;
  vertical-align: -2px;
}
.adwreport .dwlbox ul li a span:before {
  display: inline-block;
  content: '';
  width: .33rem;
  height: .36rem;
  background-image: url("../img/common/icon_report.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position:relative;
  top: 4px;
  margin-right: .15rem;
}
.adwreport .dwlbox ul li a span:after {
  content: '>>';
  padding-left: .1rem;
  vertical-align: 0;
}
@media screen and (max-width: 750px) {
  .adwreport ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: .1rem;
  }
  .adwreport ul li:nth-child(2n) {
    margin-right: 0;
  }
  .adwreport .dwlbox ul li:nth-child(2n+1):nth-last-child(-n+2),
  .adwreport .dwlbox ul li:nth-child(2n+1):nth-last-child(-n+2) ~ li {
    margin-bottom: .1rem;
  }
  .adwreport ul li:last-child {
    margin-bottom: 0;
  }
  .adwreport .dwlbox ul li a {
    padding: .05rem .1rem;
  }
  .adwreport .dwlbox ul li a span {
    font-size: .16rem;
  }
  .adwreport .dwlbox ul li a span:before {
    width: .2rem;
    height: .22rem;
      top: .03rem;
    margin-right: .1rem;
  }
}

.eventarchivebox {
  text-align: center;
}

.eventarchivebox ul li {
  display: inline-block;
  padding: 0 0.15rem;
}
@media screen and (max-width: 750px) {
  .eventarchivebox ul li {
    padding: 0 0.1rem;
  }
}

.eventarchivebox ul li span {
  display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 0.25rem;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
  .eventarchivebox ul li span {
    font-size: 0.2rem;
  }
}

.eventarchivebox ul li span:after {
  display: inline-block;
  content: ">>";
  margin-left: 0.05rem;
}


/*************************
exhibition
************************ */

#exhibition.subpage #main {
    margin-top: 0;
  padding-top: 0;
}
#exhibition #pmv {
  background-image: url("../img/exhibition/img_main01.jpg");
}
.venue .venuebox h3 {
    margin-bottom: .4rem;
    font-size: .26rem;
}
.venue .venuebox .tbl {
  margin-bottom: .4rem;
}
.venue .venuebox .tbl table {
  border-spacing: 1px;
}
.venue .venuebox .tbl table tr th {
  width: .8rem;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}
.venue .venuebox table tr td .gmaplink {
    position: relative;
    display: inline-block;
    margin-left: .2rem;
  font-family: 'Roboto Condensed', sans-serif;
    font-size: .12rem;
    font-weight: normal;
}
.venue .venuebox table tr td .gmaplink span:before {
  display: inline-block;
  content: '';
  width: .15rem;
  height: .18rem;
  background-image: url("../img/common/icon_map.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position:relative;
    top: .03rem;
  margin-right: .05rem;
}
.venue .venuebox table tr td .gmaplink span:after {
  content: '→';
}
@media screen and (max-width: 750px) {
  .venue .venuebox h3 {
    margin-bottom: .1rem;
    font-size: .17rem;
  }
  .venue .venuebox .tbl {
    margin-bottom: .2rem;
  }
  .venue .venuebox .tbl table tr th {
    width: .6rem;
  }
  .venue .venuebox table tr td .gmaplink {
      display: block;
      margin-left: 0;
      font-size: .12rem;
  }
  .venue .venuebox table tr td .gmaplink span:before {
      top: .05rem;
  }
}

.newproducts .containerfull .box {
  display: flex; 
  align-items:flex-end;
  padding: .7rem 0;
  transition: all 0.3s ease 0s;
}
.newproducts .containerfull .box.boxr {
  justify-content: flex-end;
}
.newproducts .containerfull .box:hover {
  background-color: rgba(239,239,239,.5);
}
@media screen and (max-width: 750px) {
  .newproducts .containerfull {
    padding: 0 4%;
  }
  .newproducts .containerfull .box {
    flex-wrap: wrap;
    align-items:flex-start;
    padding: .4rem 0;
  }
  .newproducts .containerfull .box.boxr {
    justify-content: flex-start;
  }
}
.newproducts .box .imgbox {
    width: 50%;
  margin-right: 4%;
}
.newproducts .box.boxr .imgbox {
  order: 2;
    width: 50%;
  margin-right: 0;
  margin-left: 4%;
}
@media screen and (max-width: 750px) {
  .newproducts .box .imgbox {
      width: 100%;
    margin-right: 0;
    margin-bottom: .3rem;
  }
  .newproducts .box.boxr .imgbox {
    order: 1;
      width: 100%;
    margin-left: 0;
  }
}
.newproducts .box .newproductsbox {
    position: relative;
  width: 100%;
  max-width: 4.35rem;
}
@media screen and (max-width: 750px) {
  .newproducts .box .newproductsbox {
    order: 2;
  }
}
.newproducts .box .newproductsbox > h3 {
  margin-bottom: .3rem;
  font-size: .26rem;
}
/*.newproducts .box .newproductsbox:after {
  content: '';
    position: absolute;
  right: 0;
  bottom: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #000;
  z-index: 1;
}
*/
.newproducts .box .newproductsbox .txtbox {
    margin-bottom: 2rem;
}
.newproducts .box .newproductsbox .txtbox dl dt {
  margin-bottom: .3rem;
}
.newproducts .box .newproductsbox .btnmore {
  position: absolute;
  bottom: 0;
  right: .2rem;
}
.newproducts .box .newproductsbox .btnmore a {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: .12rem;
}
.newproducts .box .newproductsbox .btnmore a:after {
  display: inline-block;
  content: '→';
  padding-left: .03rem;
}
@media screen and (max-width: 750px) {
  .newproducts .box .newproductsbox > h3 {
    margin-bottom: .1rem;
    font-size: .17rem;
  }
  .newproducts .box .newproductsbox .txtbox {
      margin-bottom: .5rem;
  }
  .newproducts .box .newproductsbox .txtbox dl dt {
    margin-bottom: .15rem;
  }
}

.floorguide .data span {
    display: block;
    margin-bottom: .15rem;
}
@media screen and (max-width: 750px) {
  .floorguide .data span {
      text-align: center;
  }
}


/*************************
event
************************ */
#event.subpage #main {
  margin-top: 0;
  padding-top: 1.4rem;
}
/*#event #pmv {
  background-image: url("../img/event/img_main.jpg");
}
*/
#event.subpage #main .ttl {
  font-weight: 700;
}
#event .eventmessage .txtbox {
  text-align: center;
}
#event .eventmessage .txtbox h2 {
    margin-bottom: .4rem;
    font-size: .26rem;
}
@media screen and (max-width: 750px) {
  #event.subpage #main {
    padding-top: .65rem;
  }
  #event .eventmessage .txtbox h2 {
    margin-bottom: .1rem;
    font-size: .17rem;
  }
}

/*NEWS*/
#event .tpnews .newslist ul {
  display: flex;
  flex-wrap: wrap;
}
#event .tpnews .newslist ul li {
  position: relative;
  width: 23.14814814814815%;/*250px*/
  margin-right: 2.4074074074074074%;/*26px*/
  margin-bottom: .5rem;
}
#event .tpnews .newslist ul li:nth-child(4n) {
  margin-right: 0;
}
#event .tpnews .newslist ul li:after {
  content: '';
    position: absolute;
  right: 0;
  bottom: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #000;
  z-index: 1;
}
#event .tpnews .newslist ul li:hover {
  background-color: #f9f9f9;
}
#event .tpnews .newslist ul li a {
  display: block;
  height: 100%;
}
#event .tpnews .newslist ul li .imgbox {
  position: relative;
}
#event .tpnews .newslist ul li .imgbox figure {
  position: relative;
  padding-top: 100%;
}
#event .tpnews .newslist ul li .imgbox figure img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
#event .tpnews .newslist ul li .articlebox {
  padding: .1rem .2rem .3rem;
}
#event .tpnews .newslist ul li .articlebox .ttlbox {
  margin-bottom: 0;
  font-size: .14rem;
}
#event .tpnews .newslist ul li .articlebox .ttlbox h3 {
  margin-bottom: .05rem;
  font-size: .16rem;
}
#event .tpnews .newslist ul li .articlebox .date,
#event .tpnews .newslist ul li .articlebox .place {
  font-size: .14rem;
}
#event .tpnews .newslist ul li .articlebox .wrap {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 15px;
}
#event .tpnews .newslist ul li .articlebox .wrap .entry,
#event .tpnews .newslist ul li .articlebox .wrap .price {
  display: inline-block;
  width: 48%;
  padding: 4px 0;
  background: #006fb0;
  border: 1px solid #006fb0;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-size: .14rem;
}
#event .tpnews .newslist ul li .articlebox .wrap .price {
  background: #040000;
  border: 1px solid #040000;
}
#event .tpnews .newslist ul li .articlebox .wrap .price.free {
  background: transparent;
  border: 1px solid #040000;
  color: #040000;
}
#event .tpnews .newslist ul li .articlebox .tag {
  margin-right: .5em;
  font-size: 9px;
}
#event .tpnews .newslist ul li .btnmore01 {
  position: absolute;
  bottom: 0;
  right: .2rem;
}
#event .tpnews .newslist ul li .btnmore01 span {
  display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: .12rem;
}
#event .tpnews .newslist ul li .btnmore01 span:after {
  display: inline-block;
  content: '→';
  padding-left: .03rem;
}
@media screen and (max-width: 750px) {
  #event .tpnews .newslist ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: .24rem;
  }
  #event .tpnews .newslist ul li:nth-child(2n) {
    margin-right: 0;
  }
  #event .tpnews .newslist ul li .articlebox {
    padding: .1rem .1rem .2rem;
  }
  #event .tpnews .newslist ul li .articlebox .ttlbox {
    font-size: .12rem;
  }
  #event .tpnews .newslist ul li .articlebox .ttlbox h3 {
    font-size: .14rem;
  }
  #event .tpnews .newslist ul li .articlebox .date,
  #event .tpnews .newslist ul li .articlebox .place {
    font-size: .12rem;
  }
  #event .tpnews .newslist ul li .articlebox .wrap {
    margin: 5px 0 8px;
  }
  #event .tpnews .newslist ul li .articlebox .wrap .entry,
  #event .tpnews .newslist ul li .articlebox .wrap .price {
    font-size: .12rem;
  }
}

#eventsingle.subpage #main {
    margin-top: 0;
  padding-top: 0;
}
#eventpost .containerfull {
  max-width: 1300px;
    margin: 0 auto;
}
#eventpost .container {
  max-width: 1080px;
    margin: 0 auto;
}
#eventpost .img_eyecatch {
  position: relative;
}
#eventpost .img_eyecatch figure {
  position: relative;
  overflow: hidden;
  width: auto;
  height: 7rem;
}
#eventpost .img_eyecatch figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
  object-position: bottom;;
}
@media screen and (max-width: 750px) {
  #eventpost .img_eyecatch figure {
    height: 3rem;
  }
}
#eventpost .opt {
    height: .68rem;
    margin: .2rem 0;
}
#eventpost .opt ul {
  display: flex;
    justify-content: flex-end;
}
#eventpost .opt ul li {
    width: .68rem;
    margin-left: .2rem;
}
@media screen and (max-width: 750px) {
    #eventpost .opt {
        height: .34rem;
        margin: .2rem 0;
    }
    #eventpost .opt ul li {
        width: .34rem;
        margin-left: .1rem;
    }
}
#eventpost .ttlbox {
    margin: .6rem 0;
}
#eventpost .ttlbox .ttlen {
    margin-bottom: .2rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: .6rem;
    font-weight: normal;
}
#eventpost .ttlbox .subttl {
  font-size: .26rem;
}
@media screen and (max-width: 750px) {
    #eventpost .ttlbox {
        margin: .3rem 0;
    }
    #eventpost .ttlbox .ttlen {
    margin-bottom: .1rem;
      font-size: .3rem;
    }
    #eventpost .ttlbox .subttl {
      font-size: .2rem;
    }
}
#eventpost .postpostdetail .postImg {
  margin: .6rem auto 0;
  text-align: center;
}
/*#eventpost .postpostdetail .postImg img {
  width: 100%;
}*/
#eventpost .postpostdetail .schtbl {
  margin-top: .6rem;
}
#eventpost .postpostdetail .schtbl table {
  border-spacing: 1px;
}
#eventpost .postpostdetail .schtbl tr th {
  width: .9rem;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}
#eventpost .postpostdetail .schtbl tr th,
#eventpost .postpostdetail .schtbl tr td {
  padding: 5px 0;
}

#eventpost .postpostdetail .schtbl tr td .gmaplink {
    position: relative;
    display: inline-block;
    margin-left: .1rem;
  font-family: 'Roboto Condensed', sans-serif;
    font-size: .12rem;
    font-weight: normal;
}
#eventpost .postpostdetail .schtbl tr td .gmaplink span:before {
  display: inline-block;
  content: '';
  width: .15rem;
  height: .18rem;
  background-image: url("../img/common/icon_map.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position:relative;
    top: .03rem;
  margin-right: .05rem;
}
#eventpost .postpostdetail .schtbl tr td .gmaplink span:after {
  content: '→';
}
@media screen and (max-width: 750px) {
  #eventpost .postpostdetail .postImg {
    margin: .3rem auto 0;
  }
    #eventpost .postpostdetail .schtbl {
        margin-top: .3rem;
    }
    #eventpost .postpostdetail .schtbl tr th {
      width: .7rem;
    }
    #eventpost .postpostdetail .schtbl tr td .gmaplink {
        display: block;
        margin-left: 0;
        font-size: .12rem;
    }
    #eventpost .postpostdetail .schtbl tr td .gmaplink span:before {
        top: .05rem;
    }
}

#eventpost .sharebox {
    margin-top: .6rem;
}
#eventpost .sharebox ul {
  display: flex;
  align-items: center;
}
#eventpost .sharebox ul li {
  margin-right: .15rem;
}
#eventpost .sharebox ul li:nth-child(1) {
  width: .28rem;
}
#eventpost .sharebox ul li:nth-child(2) {
  width: .28rem;
}
#eventpost .sharebox ul li:nth-child(3) {
  width: .28rem;
  margin-right: 0;
}
#eventpost .sharebox ul li a {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 750px) {
    #eventpost .sharebox {
        margin-top: .3rem;
    }
    #eventpost .sharebox ul {
        justify-content: flex-end;
    }
    #eventpost .sharebox ul li {
      margin-right: .1rem;
    }
    #eventpost .sharebox ul li:nth-child(1) {
      width: .23rem;
    }
    #eventpost .sharebox ul li:nth-child(2) {
      width: .23rem;
    }
    #eventpost .sharebox ul li:nth-child(3) {
      width: .23rem;
    }
}

/*eventcommon*/
#eventpost .postpostdetail .blnklink {
    position: relative;
    display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
}
#eventpost .postpostdetail .blnklink:after{
  display: inline-block;
  content: '';
  width: .12rem;
  height: .1rem;
  background-image: url("../img/common/icon_blanklink.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
    top: -.03rem;
    right: 0;
  margin-left: .08rem;
}
/*申し込みボタン*/
#eventpost .postpostdetail .orderbtn {
  margin-top: .3rem;
}
#eventpost .postpostdetail .orderbtn a {
  position: relative;
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: .1rem .4rem .1rem .2rem;
}
#eventpost .postpostdetail .orderbtn a::before{
  content: '';
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: .2rem;
  margin-top: -4px;
}



/*memberbox*/
#eventpost .memberbox {
    margin-top: .9rem;
}
#eventpost .memberbox .blk {
  display: flex;
    justify-content: space-between;
  margin-bottom: .6rem;
}
#eventpost .memberbox .blk:last-child {
  margin-bottom: 0;
}
#eventpost .memberbox .blk .imgbox {
    width: 3.4rem;
    margin-right: .2rem;
}
#eventpost .memberbox .blk .imgbox .imgname {
  margin-top: .05rem;
  font-size: .11rem;
}
#eventpost .memberbox .blk .txtbox {
    width: 7.2rem;
    margin-right: .2rem;
}
#eventpost .memberbox .blk .txtbox .namettl {
  font-weight: bold;
}
#eventpost .memberbox .blk .txtbox .name {
  display: flex;
  align-items: center;
    margin-bottom: .1rem;
    font-size: .26rem;
  font-weight: bold;
}
#eventpost .memberbox .blk .txtbox .name > span  {
  display: inline-block;
  margin-left: .15rem;
    font-size: .16rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: normal;
}
#eventpost .memberbox .blk .txtbox .link {
  margin-top: .2rem;
}
@media screen and (max-width: 750px) {
  #eventpost .memberbox {
      margin-top: .4rem;
  }
  #eventpost .memberbox .blk {
    flex-wrap: wrap;
    margin-bottom: .3rem;
  }
  #eventpost .memberbox .blk .imgbox {
      width: 100%;
      margin-right: 0;
    margin-bottom: .2rem;
  }
  #eventpost .memberbox .blk .txtbox {
      width: 100%;
      margin-right: 0;
  }
  #eventpost .memberbox .blk .txtbox .name {
      margin-bottom: .1rem;
      font-size: .23rem;
  }
  #eventpost .memberbox .blk .txtbox .name > span {
      font-size: .14rem;
  }
  #eventpost .memberbox .blk .txtbox .link {
    margin-top: .1rem;
  }
}

#eventpost .memberbox .col2 {
  display: flex;
    justify-content: space-between;
  flex-wrap: wrap;
}
#eventpost .memberbox .col2 li {
  width: 49.074074074074076%;/*530px*/
  margin-bottom: .4rem;
}
#eventpost .memberbox .col2 li:last-child,
#eventpost .memberbox .col2 li:nth-last-child(2):nth-child(odd) {
  margin-bottom: 0;
}
#eventpost .memberbox .col2 li p {
  margin-top: .1rem;
  text-align: center;
  font-size: .22rem;
}
@media screen and (max-width: 750px) {
  #eventpost .memberbox .col2 li {
    width: 100%;
    margin-bottom: .2rem;
  }
  #eventpost .memberbox .col2 li:nth-last-child(2):nth-child(odd) {
    margin-bottom: .2rem;
  }
  #eventpost .memberbox .col2 li p {
    margin-top: .05rem;
    font-size: .18rem;
  }
}

/*MACHINAKA CAMPUS*/
#eventpost .txtdscribox {
  margin-top: 1.2rem;
}
#eventpost .txtdscribox .blk {
  margin-bottom: .5rem;
}
#eventpost .txtdscribox .blk dl dt {
  margin-bottom: .1rem;
  font-size: .26rem;
  font-weight: bold;
}
#eventpost .txtdscribox .blk dl dd.txtlogo{
  display: flex;
  justify-content: space-between;
}
#eventpost .txtdscribox .blk dl dd.txtlogo > p {
  width: 78.70370370370371%;/*850px*/
  order: 1;
}
#eventpost .txtdscribox .blk dl dd.txtlogo figure {
  width: 17.59259259259259%;/*190px*/
  order: 2;
}
#eventpost .txtdscribox .blk > p {
  margin-bottom: .4rem;
}
#eventpost .txtdscribox .blk p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  #eventpost .txtdscribox {
    margin-top: .6rem;
  }
  #eventpost .txtdscribox .blk {
    margin-bottom: .25rem;
  }
  #eventpost .txtdscribox .blk dl dt {
    font-size: .18rem;
  }
  #eventpost .txtdscribox .blk dl dd.txtlogo{
    display: block;
  }
  #eventpost .txtdscribox .blk dl dd.txtlogo > p {
    width: 100%;
  }
  #eventpost .txtdscribox .blk dl dd.txtlogo figure {
    width: 30%;
    float: right;
    margin-left: .05rem;
    margin-bottom: .05rem;
  }
  #eventpost .txtdscribox .blk > p {
    margin-bottom: .2rem;
  }
}
/*************************
supporters
************************ */
#supporters .sponsorlist .ttl {
  font-size: .36rem;
  margin-bottom: 0;
}
#supporters .sponsorlist .pttl {
  margin-bottom: .9rem;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  #supporters .sponsorlist .ttl {
    font-size: .2rem;
  }
  #supporters .sponsorlist .pttl {
    margin-bottom: .45rem;
  }
}

#supporters .sponsorlist .blk ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  #supporters .sponsorlist .blk ul {
    align-items: stretch;
  }
}
#supporters .sponsorlist .blk ul:nth-child(1) {
  margin-bottom: 1rem;
}
#supporters .sponsorlist .blk ul:nth-child(1) li {
  width: 31.48%;/*340px*/
  margin-right: 2.78%;/*30px*/
  background-color: #fff;
  border: 1px solid #c8c9ca;
  margin-bottom: .3rem;
  text-align: center;
}
#supporters .sponsorlist .blk ul:nth-child(1) li:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 750px) {
  #supporters .sponsorlist .blk ul:nth-child(1) {
    margin-bottom: .5rem;
  }
  #supporters .sponsorlist .blk ul:nth-child(1) li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: .1rem;
  }
  #supporters .sponsorlist .blk ul:nth-child(1) li:nth-child(3n) {
    margin-right: 2%;
  }
  #supporters .sponsorlist .blk ul:nth-child(1) li:nth-child(2n) {
    margin-right: 0;
  }
}

#supporters .sponsorlist .blk ul:nth-child(2) {
  margin-bottom: 1rem;
}
#supporters .sponsorlist .blk ul:nth-child(2) li {
  width: 22.87%;/*247px*/
  margin-right: 2.78%;/*30px*/
  background-color: #fff;
  border: 1px solid #c8c9ca;
  margin-bottom: .3rem;
  text-align: center;
}
#supporters .sponsorlist .blk ul:nth-child(2) li:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 750px) {
  #supporters .sponsorlist .blk ul:nth-child(2) {
    margin-bottom: .5rem;
  }
  #supporters .sponsorlist .blk ul:nth-child(2) li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: .1rem;
  }
  #supporters .sponsorlist .blk ul:nth-child(2) li:nth-child(2n) {
    margin-right: 0;
  }
}

#supporters .sponsorlist .blk ul:nth-child(3) {
  margin-bottom: 1rem;
}
#supporters .sponsorlist .blk ul:nth-child(3) li {
  width: 22.87%;/*247px*/
  margin-right: 2.78%;/*30px*/
  background-color: #fff;
  border: 1px solid #c8c9ca;
  margin-bottom: .3rem;
  text-align: center;
}
#supporters .sponsorlist .blk ul:nth-child(3) li:nth-child(4n) {
  margin-right: 0;
}
#supporters .sponsorlist .blk ul:nth-child(3) li a {
  display: block;
  padding: 0.1rem;
  font-size: 0.14rem;
  text-align: center;
}

@media screen and (max-width: 750px) {
  #supporters .sponsorlist .blk ul:nth-child(3) {
    margin-bottom: .5rem;
  }
  #supporters .sponsorlist .blk ul:nth-child(3) li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: .1rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #supporters .sponsorlist .blk ul:nth-child(3) li:nth-child(2n) {
    margin-right: 0;
  }
  #supporters .sponsorlist .blk ul:nth-child(3) li a {
    padding: 0.05rem 0;
    font-size: 0.12rem;
  }
}

#supporters .sponsorlist .blk .txtsponsor {
  font-size: 0.14rem;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  #supporters .sponsorlist .blk .txtsponsor {
    font-size: 0.12rem;
  }
}

/*************************
coronavirus
************************ */
.covidlist .ttl {
  font-size: .36rem;
  margin-bottom: 0;
}
.covidlist .pttl {
  margin-bottom: .4rem;
  text-align: center;
  font-size: .4rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .covidlist .ttl {
    font-size: .18rem;
    margin-bottom: 0;
  }
  .covidlist .pttl {
    margin-bottom: .2rem;
    font-size: .2rem;
    font-weight: bold;
  }
}

.covidlist .blk01 .txt {
  margin-bottom: .6rem;
  font-size: .24rem;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .covidlist .blk01 .txt {
    margin-bottom: .3rem;
    font-size: .16rem;
  }
}

.covidlist .blk01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.covidlist .blk01 ul li {
  width: 31.48148148148148%;/*340px*/
  background-color: #006fb0;
  border-radius: 20px;
  padding: .5rem .3rem;
  color: #fff;
  text-align: center;
}

.covidlist .blk01 ul li figure {
  min-height: 1.7rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto .3rem;
}

.covidlist .blk01 ul li:nth-child(1) figure {
  width: 70.29411764705881%;/*239px*/
}
.covidlist .blk01 ul li:nth-child(2) figure {
  width: 61.76470588235294%;/*210px*/
}
.covidlist .blk01 ul li:nth-child(3) figure {
  width: 42.35294117647059%;/*144px*/
}
.covidlist .blk01 ul li .txtbox {
  font-size: .2rem;
}

@media screen and (max-width: 750px) {
  .covidlist .blk01 ul li {
    width: 100%;
    margin-bottom: .2rem;
    padding: .25rem .15rem;
    border-radius: 15px;
  }
  .covidlist .blk01 ul li:last-child {
    margin-bottom: 0;
  }
  .covidlist .blk01 ul li figure {
    min-height: inherit;		
    margin: 0 auto .15rem;
  }

  .covidlist .blk01 ul li:nth-child(1) figure {
    width: 50%;
  }
  .covidlist .blk01 ul li:nth-child(2) figure {
    width: 40%;
  }
  .covidlist .blk01 ul li:nth-child(3) figure {
    width: 30%;
  }
  .covidlist .blk01 ul li .txtbox {
    font-size: .16rem;
  }
}

.covidlist .blk02 .txt {
  margin-bottom: .6rem;
  font-size: .24rem;
  text-align: center;
}

.covidlist .blk02 .txt small {
  font-size: .16rem;
}
@media screen and (max-width: 750px) {
  .covidlist .blk02 .txt {
    margin-bottom: .3rem;
    font-size: .16rem;
  }
  .covidlist .blk02 .txt small {
    font-size: .12rem;
  }
}

.covidlist .blk02 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.covidlist .blk02 ul li {
  width: 48.61111111111111%;/*525px*/
  min-height: 2rem;
  display: flex;
  align-items: center;
  background-color: #006fb0;
  border-radius: 20px;
  margin-bottom: .3rem;
  padding: .2rem .4rem;
  color: #fff;
}

.covidlist .blk02 ul li:last-child,
.covidlist .blk02 ul li:nth-last-child(2):nth-child(odd) {
  margin-bottom: 0;
}

.covidlist .blk02 ul li .imgbox {
  width: 32.38095238095238%;/*170px*/
  margin-right: 5.714285714285714%;/*30px*/
}
.covidlist .blk02 ul li .imgbox figure {
  margin: 0 auto;
}
.covidlist .blk02 ul li:nth-child(1) .imgbox figure {
  width: 94.11764705882352%;/*160px*/
}
.covidlist .blk02 ul li:nth-child(2) .imgbox figure {
  width: 78.23529411764706%;/*133px*/
}
.covidlist .blk02 ul li:nth-child(3) .imgbox figure {
  width: 99.41176470588235%;/*169px*/
}
.covidlist .blk02 ul li:nth-child(4) .imgbox figure {
  width: 87.05882352941177%;/*148px*/
}
.covidlist .blk02 ul li:nth-child(5) .imgbox figure {
  width: 54.70588235294118%;/*93px*/
}
.covidlist .blk02 ul li:nth-child(6) .imgbox figure {
  width: 65.88235294117646%;/*112px*/
}
.covidlist .blk02 ul li .txtbox {
  width: 46.666666666666664%;/*245px*/
  font-size: .18rem;
}

@media screen and (max-width: 750px) {
  .covidlist .blk02 ul li {
    width: 100%;
    min-height: inherit;
    margin-bottom: .15rem;
    padding: .1rem .2rem;
    border-radius: 15px;
  }
  .covidlist .blk02 ul li:nth-last-child(2):nth-child(odd) {
    margin-bottom: .15rem;
  }

  .covidlist .blk02 ul li .imgbox {
    width: 22%;
  }
  .covidlist .blk02 ul li .txtbox {
    width: inherit;
    font-size: .15rem;
  }
}

.covidlist .blk03 .txt {
  margin-bottom: .3rem;
  font-size: .2rem;
}
.covidlist .blk03 .txt span {
  display: block;
  font-size: .27rem;
}

@media screen and (max-width: 750px) {
  .covidlist .blk03 .txt {
    margin-bottom: .15rem;
    font-size: .15rem;
  }
  .covidlist .blk03 .txt span {
    font-size: .18rem;
  }
}

.covidlist .blk03 ul {
  list-style:none;
  list-style-position:outside;
}
.covidlist .blk03 ul li {
  padding-left: 1.4em;
  margin-bottom: 3px;
  position: relative;
}
.covidlist .blk03 ul li:before {
  content: "●";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.covidlist .blk03 .blnklink {
    position: relative;
    display: inline-block;
}
.covidlist .blk03 .blnklink:after{
  display: inline-block;
  content: '';
  width: .12rem;
  height: .1rem;
  background-image: url("../img/common/icon_blanklink.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
    top: -.03rem;
    right: 0;
  margin-left: .08rem;
}

/*************************
paola
************************ */

#paola.subpage #main {
    margin-top: 0;
  padding-top: 0;
}

#paola #pmv {
    position: relative;
    width: 100%;
  height: 100vh;
}
@media screen and (max-width: 750px) {
  #paola #pmv {
    height: 65vh;
  }
}

#paola #pmv #imgmain {
  position: absolute;
  background-image: url("../img/paola/img_main.jpg");
  background-position: center center;
  background-size: cover;
    width: 100%;
  height: 85vh;
}
@media screen and (max-width: 750px) {
  #paola #pmv #imgmain {
    height: 54vh;
  }
}

#paola #pmv .container {
  height: 93vh;
}
@media screen and (max-width: 750px) {
  #paola #pmv .container {
    height: 58vh;
  }
}

#paola #pmv h2 {
  position: absolute;
  width: 74.44%;/*804px*/
  margin: 0 auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 750px) {
  #paola #pmv h2 {
    width: 80%;
  }
}

#paola #about.sctbox {
  padding-top: 0;
}

#paola .inner {
  width: 65.74%;/*710px*/
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #paola .inner {
    width: 100%;
  }
}

#paola .txtcap {
  color: #727171;
  margin-top: 0.1rem;
  font-size: 0.1rem!important;
  font-style: oblique;
}
#paola .txtcap > a {
  display: inline-block;
  text-decoration: underline;
}

#paola .txtbox p {
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 750px) {
  #paola .txtbox p {
    margin-bottom: 0.2rem;
  }
}

#paola .txtbox p:last-of-type {
  margin-bottom: 0;
}

#paola .bttl {
  position: relative;
  margin-bottom: 0.6rem;
  font-size: 0.22rem;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  #paola .bttl {
    margin-bottom: 0.3rem;
    font-size: 0.18rem;
  }
}

#paola .bttl:before {
  content:"";
  width: 0.9rem;
  height: 0.01rem;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 750px) {
  #paola .bttl:before {
    width: 0.45rem;
  }
}

#paola .bttl span {
  display: block;
  padding-top: 0.6rem;
}
@media screen and (max-width: 750px) {
  #paola .bttl span {
    padding-top: 0.3rem;
  }
}

#paola #about.sctbox {
  padding-top: 0;
}

#paola #about .tptxt p {
  font-size: 0.2rem;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  #paola #about .tptxt p {
    font-size: 0.15rem;
  }
}

#paola #about .tptxt .bnrbtn {
  margin-top: 0.6rem;
}
@media screen and (max-width: 750px) {
  #paola #about .tptxt .bnrbtn {
    margin-top: 0.3rem;
  }
}

#paola #profile .moviebox {
  margin: 0.6rem 0;
} 
@media screen and (max-width: 750px) {
  #paola #profile .moviebox {
    margin: 0.3rem 0;
  } 
}

#paola #profile .moviebox .movie:last-of-type {
  margin-top: 0.2rem;
}
@media screen and (max-width: 750px) {
  #paola #profile .moviebox .movie:last-of-type {
    margin-top: 0.1rem;
  }
}

#paola #moma .imgbox,
#paola #curator .imgbox {
  margin: 0.6rem 0;
} 
@media screen and (max-width: 750px) {
  #paola #moma .imgbox,
  #paola #curator .imgbox {
    margin: 0.3rem 0;
  } 
}

#paola #curator .bnrbox {
  margin-top: 1rem;
}
@media screen and (max-width: 750px) {
  #paola #curator .bnrbox {
    margin-top: 0.5rem;
  }
}

/*************************
contact
************************ */
.contactbox .container {
  max-width: 8.95rem;
  margin: 0 auto;
}

.contactbox > .container .ttl {
  margin-bottom: 0;
}

.contactbox > .container > .pttl {
  margin-bottom: .4rem;
  text-align: center;
  font-weight: bold;
}

.contactbox > .container > .txt p {
  margin-bottom: .4rem;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .contactbox > .container > .pttl {
    margin-bottom: .2rem;
  }
  .contactbox > .container > .txt p {
    margin-bottom: .2rem;
  }
}
.contactbox .txt {
  padding-bottom: 30px;
}
.contactbox .txt p .required {
  display: block;
  color: #f65000;
  text-align: center;
}

.formbox dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media screen and (max-width: 750px) {
  .formbox dl {
    display: block;
  }
}

.formbox dl dt {
  width: 2.5rem;
  padding: 0 0 .2rem;
  font-size: .18rem;
}

.formbox dl dt .stxt {
  display: block;
  font-size: .12rem;
}
#confirm .stxt {
  display: none!important;
}

@media screen and (max-width: 750px) {
  .formbox dl dt {
    width: 100%;
    padding: 0 0 .05rem;
    font-size: .15rem;
  }
  .formbox dl dt .stxt {
    font-size: .1rem;
  }
}

.formbox dl dt .required {
  display: inline-block;
  color: #f65000;
  text-align: center;
  font-size: 0.14rem;
  margin-left: .05rem;
}

#confirm dl dt .required {
  display: none;
}

@media screen and (max-width: 750px) {
  .formbox dl dt .required {
    font-size: 0.1rem;
  }
}

.formbox dl dd {
  padding: 0 0 .2rem;
  width: calc(100% - 2.7rem);
}

@media screen and (max-width: 750px) {
  .formbox dl dd {
    width: 100%;
  }
}

.formbox dl dd input {
  background-color: #fff;
  border: 1px solid #231815;
  padding: .06rem .12rem;
}

@media screen and (max-width: 750px) {
  .formbox dl dd input {
    padding: .04rem .1rem;
  }
}

.formbox dl dd input[type="text"] {
  width: 100%;
}

.formbox dl dd textarea {
  width: 100%;
  height: 2.6rem;
  background-color: #fff;
  border: 1px solid #231815;
  resize: vertical;
  padding: .06rem .12rem;
}

@media screen and (max-width: 750px) {
  .formbox dl dd textarea {
    padding: .04rem .1rem;
    height: 1.3rem;
  }
}

.formbox .ppbox {
  background-color: #efefef;
  margin-top: .2rem;
  padding: .3rem;
}

#confirm .formbox .ppbox {
  display: none!important;
}

.formbox .ppbox .pttl {
  margin-bottom: .2rem;
  font-size: .18rem;
}

.formbox .ppbox ol {
  padding-left: 20px;
}
.formbox .ppbox ol > li {
  list-style-type: decimal;
}
.formbox .ppbox ol > li:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 750px) {
  .formbox .ppbox {
    margin-top: .1rem;
    padding: .2rem .1rem;
  }
  
  .formbox .ppbox .pttl {
    margin-bottom: .1rem;
    font-size: .14rem;
  }
}

.formbox .btn {
  margin-top: .5rem;
  font-size: .18rem;
  max-width: 5rem;
}

@media screen and (max-width: 750px) {
  .formbox .btn {
    max-width: 80%;
    margin-top: .3rem;
    font-size: 0.13rem;
  }
}

#confirm .contactbox,
#complete .contactbox {
  min-height: calc(100vh - 400px);
}


#notfound {
  min-height: calc(100vh - 400px);
}
#notfound .txtbox p {
  text-align: center;
}
#notfound .txtbox .btnbox {
  margin-top: 0.2rem;
}