@charset "UTF-8";

.fs07em { font-size: 0.7em; }
.txright { text-align: right; }

.clear {
  clear: both;
}

.rightbox .textindent{
  text-indent: 1em;
}


div#contentsMain .rightbox ul{
  margin-bottom: 15px;
}

.listblock .leftbox{
  margin: 0 20px 15px;
  padding: 5px 10px 3px;
  float: left;
}

.listblock .rightbox{
  padding-left: 210px;
}

.baseColumn2 .contentsInner .contentsMain {
  margin-right: -350px;
}

.baseColumn2 .contentsInner .contentsMain div#contentsMain {
  margin: 0 350px 0 0;
}

.baseColumn2 .contentsInner .contentsRight,
.baseColumn2 .contentsInner .contentsRight div#contentsRight {
  width: 350px;
}

.anchorlink {
  display: none;
}

@media screen and (min-width: 0) and (max-width: 730px) {
    .baseColumn2 .contentsInner .contentsMain {
    margin-right: 0;
  }
  
  .baseColumn2 .contentsInner .contentsMain div#contentsMain {
    margin: 0 0 0 0;
  }
  
  .baseColumn2 .contentsInner .contentsRight,
  .baseColumn2 .contentsInner .contentsRight div#contentsRight {
    width: auto;
  }
}

div#contentsMain .listcate{
  list-style-type: none;
  font-size: 0.75em;
  margin-left: 0;
  padding: 0px 10px;
  border: solid 1px #999;
  background-color: #efefef;
  text-align: center;
  vertical-align: center;
  width: 22em;
  height: 1.2em;
  line-height: 1.2em;
  display: inline-block;
}

div#contentsMain .acset{
  margin-left: 0px;
  margin-right: 8px;
  padding: 1px 3px;

}

.contentsRight .yymmlist{
  background-color: #eee;
  border: solid 1px #ccc;
  line-height: 2.3em;
}

.contentsRight .yymmlist div:first-child > div:first-child {
  float: none !important;
}
.contentsRight .yymmlist div:first-child > div:first-child img {
  width: 100% !important;
}
.contentsRight .yymmlist div:first-child > div:nth-child(2) {
  padding: 0 5px 0 5px !important;
}
.contentsRight .yymmlist div:first-child > div:nth-child(2) ul {
  line-height: 1.7em !important;
}
.contentsRight .yymmlist div:first-child > div:nth-child(2) ul a {
  font-size: 1.1em !important;
}

#contentsRight .yymmlist ul{
  padding: 10px 0 10px 10px;
}


.contentsRight .yymmlist .yylist{
  border-bottom: solid 1px #ccc;
}

.contentsRight .yymmlist .yylist_sub{
  background-color:#ddd;
}

/*
div.imageHeaderLarge {
    background-image: url("/b_menu/activity/img/img_titlebg.jpg");
}*/

div#contentsMain .ddlist {
    margin-left: 0;
}

.listblock .titlelink {
    padding-left: 150px;
}

div#contentsMain .listblock .titlelink li{
    margin-bottom: 10px;
}

.imgbox{
 text-align: center;
 margin-bottom: 30px;
}

.imgbox2{
  display: flex;
  flex-direction: column;
  height: 100%;
}

.imgbox2 > p {
  margin: 0 !important
}


.imgfloat{
  margin: 0 8px;
  float: left;
}


div#contentsMain .caption{
  margin-top: 10px;
  font-size: 0.8em;
}

div#contentsMain .captiontxt{
  margin-top: auto !important;
  font-size: 0.8em;
  margin-bottom: 30px !important;
}

.thumtxt{
  font-size: 1.2em;
  text-indent: 1em;
  margin: 0 5px 10px;
  border-top: solid 1px #ccc;
}

.bodytext{
  text-indent: 1em;
  margin-bottom: 40px;
}

div#contentsMain .mt30{
  margin-top: 40px;
  text-align: left;
}

.txtleft{
  text-align: left;
}

.textmgn {
    margin: 0 30px ;
}


.newicon{
  border:solid 1px #ff0000;
  margin:0 5px;
  padding:0 5px !important;
  font-size:0.8em;
  color:#ff0000;
  text-align: center;
}

@media screen and (min-width: 0) and (max-width: 730px) {
  .baseColumn2 div#contentsRight ul.list li {
   background-image: none;
   background: url(/common/img/images_com_line_03.gif) repeat-x left bottom;
    }
}

@media screen and (min-width: 0) and (max-width: 730px) {
  .listblock .leftbox img{
   width:120px;
    }

  .listblock .leftbox{
   margin-right:5px;
    }

  .listblock .rightbox {
      padding-left: 165px;
    }

div#contentsMain ul {
    margin-right: 0;
    }
  div#contentsMain ul.anchorlink {
    display: block;
    margin-left: 30px;
  }

div#contentsMain .mlist ul {
    margin-left: 30px;
    }

   .textindent{
   display:none;
   }
   div#contentsMain .listcate {
    width: auto;
    height: auto;
    padding: 4px 15px 2px 15px;
    margin-right: 10px;
   }

}

@media screen and (min-width: 730px) and (max-width: 2500px) {
div#contentsRight .repnew{
    display:none;
    }
}


/* 20210726 */

div#contentsMain ul.imgFlex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto 10px auto;
  list-style: none;
  padding-right: 15px;
  text-align: center;
  gap: 20px;
}
div#contentsMain ul.imgFlex.col2.w400 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
div#contentsMain ul.imgFlex.col2.w400 > li:last-child:nth-child(odd) {
  grid-column: 1 / -1;   
  justify-self: center;
  width: 50%;
}

div#contentsMain ul.imgFlex.col2 li img {
  max-width: 100%;
}

.captiontxt.center{
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 1030px) {
  div#contentsMain ul.imgFlex {
    padding-left: 10px;
    padding-right: 10px;
    gap: initial;
  }
  div#contentsMain ul.imgFlex.col2 li {
    width: 100%;
  }
  div#contentsMain .listcate{
  width: 85%;
  }
  div#contentsMain ul.imgFlex.col2.w400 {
    display: grid;
    grid-template-columns: 1fr; /* 1カラム */
    width: 95%;
  }
  div#contentsMain ul.imgFlex.col2.w400 > li:last-child:nth-child(odd) {
    width: initial;
  }
  .imgbox {
    width: 95%;
    margin: auto;
  }
  div#contentsMain .captiontxt{
    font-size: initial;
  }
}

div#contentsMain div.column2 ul.imgFlex200 {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 15px 0 0;
  margin: 0 0 30px 0;
}
div#contentsMain div.column2 ul.imgFlex200 li {
  width: 200px;
  margin-top: 20px;
  margin-left: 40px;
}
div#contentsMain div.column2 ul.imgFlex200 li p {
  margin: 0;
}

div#contentsMain .imgbox.capleft {
  display: table;
  margin: 0 auto;
}
div#contentsMain .imgbox.capleft p {
  margin: 0;
  padding-bottom: 30px;
  text-align: left;
}