@charset "UTF-8";
#mainimg {
  background-size: cover;
  width: 100%;
}

#mainimg h2 {
  max-width: 1000px;
  margin: auto;
  padding: 60px 0;
  text-align: left;
  color: #fff;
  font-size: 2.5rem;
}

@media (max-width: 680px) {
  #mainimg h2 {
    margin-left: 5%;
  }
}

#bread {
  padding: 10px 0;
  max-width: 1000px;
  margin: auto;
}

@media (max-width: 680px) {
  #bread {
    margin-left: 10px;
  }
}

#bread::after {
  content: "";
  display: block;
  clear: both;
}

#bread li {
  float: left;
  list-style: none;
}

#bread li:not(:first-child)::before {
  content: "\03e";
  margin: 0 5px;
}

#bread li a {
  color: #000;
  text-decoration: none;
}

#underwrap {
  background: #fff;
}

#under {
  max-width: 1000px;
  margin: auto;
  padding: 40px 0 200px;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -ms-flex-pack: justify;
}

.one-column #under{
  display: block ;
}
@media (max-width: 680px) {
  #under {
    flex-direction: column-reverse;
    padding: 40px 0;
  }
}

#under #sidebar {
  width: 220px;
  height: 100%;
  position: -webkit-sticky;
  position: sticky;
  margin-bottom: 0;
  top: 10px;
}

@media (max-width: 1000px) {
  #under #sidebar {
    margin-left: 5%;
  }
}

@media (max-width: 680px) {
  #under #sidebar {
    box-sizing: border-box;
    margin: 30px 5% 0;
    width: auto;
  }
}

#under #sidebar h3 {
  font-size: 2rem;
  color: #fff;
  background: #187fc4;
  padding: 25px 10px;
}

#under #sidebar h4 {
  font-size: 1.5rem;
  font-weight: bold ;
  background: #e9f6ff ;
  color: #000000;
  padding: 15px 10px;
}

#under #sidebar li {
  list-style: none;
  border-bottom: 1px solid #ddd;
}

#under #sidebar li:hover,
#under #sidebar li:focus,
#under #sidebar li.active {
  background: #fff2d8;
}

#under #sidebar li:hover>a .fas,
#under #sidebar li:focus>a .fas,
#under #sidebar li.active>a .fas {
  color: #ffad0e;
}

#under #sidebar li a {
  display: block;
  width: 100%;
  padding: 14px 5px;
  box-sizing: border-box;
  text-decoration: none;
  color: #000;
  padding-left: 1.5em;
  text-indent: -0.4em;
}

#under #sidebar li a .fas {
  color: #ddd;
  padding-right: 5px;
}

#under #sidebar li > .subnav {
  display: none;
}

#under #sidebar .sidenav2 li{
  padding-left: 1em;
}
#under #sidebar li > .subnav li {
  border-top: 1px solid #ddd;
  border-bottom: none;
  padding-left: 1em;
  box-sizing: border-box ;
  background: #ffffff ;
}
#under #sidebar li > .subnav li:hover ,
#under #sidebar li > .subnav li.active {
  background: #fff2d8;
}

#under #sidebar li.active > .subnav {
  display: inline;
}


/* 	Under : Content
++++++++++++++++++++++++++++++++++*/
#under #undercontent {
  position: relative ;
  max-width: 740px;
  flex: 1;
  -ms-flex: 1 1 100%;
  min-width: 0;
  word-break: break-word;}

/*  １カラム  */
.one-column #under #undercontent {
  max-width: 100% ;}

@media (max-width: 1000px) {
  #under #undercontent {
    margin: 0 5%;}
}

/*  H3  */
#under #undercontent h3 {
  font-size: 1.7em;
  border-bottom: solid 3px #ddd;
  position: relative;
  padding-bottom: 5px;
  margin: 0 0 30px;
  box-sizing: border-box ;
　word-break: keep-all;
  line-break: strict;}

#under #undercontent h3::after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 30%;
  border-bottom: 3px solid #187fc4;
}

/*  H4  */
#under #undercontent h4 {
  font-size: 2rem;
  font-weight: bold;
  background: #e9f5ff;
  border-top: 1px solid #187fc4;
  border-bottom: 1px solid #187fc4;
  padding: 6px 0 6px 10px;
  margin: 30px 0 20px 0;
  box-sizing: border-box
　word-break: keep-all;
  line-break: strict;}

@media (max-width: 680px){
#under #undercontent h4 {
    font-size: 1em;
    line-height: 2em;
 	}
}

#under #undercontent h4.type2 ,
#under #undercontent h4.type3 {
  width: 100%; 
  background: #eee;
  padding: 5px 10px;
  margin-bottom: 15px; 
  border: none;}

#under #undercontent h4 label {
  float: right; 
  font-size: 80%;
  margin-right: 10px;}

#under #undercontent h4 p {
  display: inline;
  margin: 0; 
  color: #187fc4;}

#under #undercontent h4 p::after {
  content: "開く"; 
  float: left;}

#under #undercontent h4 i {
  color: #187fc4; 
  background: #fff;
  padding: 6px 9px;
  margin-left: 5px;
  margin-top: 0 ;}

#under #undercontent h4 input { 
  visibility: hidden;
  position: absolute;}

#under #undercontent h4 input:checked + .kakusu p::after {
  content: "閉じる";}

@media (max-width: 680px) {
  #under #undercontent h4 p::after {
   padding-top: 0.3em; }
}

#under #undercontent h4 input:not(:checked) + .kakusu i {
  transform: rotate(180deg);}

#under #undercontent .print {
  display: none !important;
  height: auto;}


/*  H5  */
#under #undercontent h5 {
  font-size: 1.8rem;
  font-weight: bold;
  border-left: 5px solid #187fc4;
  border-bottom: 1px solid #cccccc ;
  padding: 3px 3px 3px 10px ;
  line-height: 1.7;
  box-sizing: border-box ;
  margin: 30px 0 20px 0 ;
}

/*  H6  */
#under #undercontent h6 {
  font-size: 1.5rem;
  font-weight: bold;
  background: url("../images/h6icon.png") no-repeat;
  background-position: 5px 4px ;
  padding-left: 30px;
  line-height: 1.7;
  box-sizing: border-box ;
  margin: 30px 0 20px 0 ;
}

/*  p , dl  */
#under #undercontent p,
#under #undercontent dl {
  font-size: 1em;
  margin: 0 0 0px 0;
  line-height: 1.7em;
  }

#under #undercontent p + *{
  margin-top: 25px ;
}

#under #undercontent p::after,
#under #undercontent dl::after {
  content: "";
  display: block;
  clear: both;}

/*  video  */
iframe{
  width: 100%;
  max-width: 100%;
}

/*  img  */
#under #undercontent figure img {
  margin: 15px 0;
  border: 1px solid #cccccc ;
  padding: 5px ;
  box-sizing: border-box ;}

/*  右クリック禁止  */
#under #undercontent a.noDL{
  position: relative ;
  display: block ;
}
#colorbox img,
#undercontent a.noDL img,
#under #undercontent .noDLOver{
  position: relative ;
  pointer-events: none;}

#under #undercontent span.noDL{
  display: none ;}
/*#under #undercontent .noDL img{
  width: 100% ;
  height: 100% ;}
*/

#under #undercontent .noDLOver,
#kasou.kodomo .kodomo_content_wrapper .noDLOver{
  position: relative ;
  display: block ;}
#under #undercontent .noDLOver:after,
#kasou.kodomo .kodomo_content_wrapper .noDLOver:after{
  position: absolute ;
  content: '' ;
  top: 0.5% ;
  left: 0.5% ;
  width: 99% ;
  height: 99% ;
  display: block ;
  background-image: url(../images/imgOver.png) ;
  background-position: center center ;
  background-repeat: repeat ;}

/*  透かし  */
#under #undercontent .sukashi{
  position: absolute ;
  content: '';
  width:132px ;
  height: 20px ;
  display: block ;
  top: 8px ;
  right: 10px ;
  background-image: url(../images/sukashi.png) ;
  background-position: center center ;
  background-repeat: no-repeat ;}

#under #undercontent img.imgright,
#under #undercontent img.mt-image-right,
#under #undercontent figure.imgright,
#under #undercontent figure.mt-image-right {
  float: right;
  margin: 0 0 0 15px;}

#under #undercontent img.imgleft ,
#under #undercontent img.mt-image-left ,
#under #undercontent figure.imgleft ,
#under #undercontent figure.mt-image-left {
  float: left;
  margin: 0 15px 0 0;}
#under #undercontent figcaption {
  font-size: 1.2rem;}


@media (max-width: 1000px) {
  #under #undercontent img ,
  #under #undercontent figure {
    float: none !important;
    display: block;
    margin: 0 auto 15px !important;}
}

#under #undercontent ul,
#under #undercontent ol {
  font-size: 1em;
  margin: 1em 0 1em 1.5em;
  line-height: 2em;
}

#under #undercontent ul{
  margin-left: 0 ;}
#under #undercontent ul li{
  position:relative ;
  list-style: none ;
  padding-left: 1em ;}
#under #undercontent ul li::before{
  position: absolute ;
  content: '' ;
  /*
  display: block ;
  left: 2px;
  top: 10px ;*/
  margin: 1rem 0px 0 -10px;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #187fc4;
}

#under #undercontent table {
  max-width: 740px;
  width: 100%;
  text-align: left;
  border: 3px solid #ddd;
  box-sizing: border-box ;
  margin: 0 0 15px 0;}
.one-column #under #undercontent table {
  max-width:100% ;}

  #under #undercontent table caption{
  text-align: left ;
  margin: 0 auto 5px 15px ;}

@media (max-width: 1000px) {
  /*
  #under #undercontent table {
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #under #undercontent table::-webkit-scrollbar {
    height: 10px;
  }
  #under #undercontent table::-webkit-scrollbar-track {
    background: #dddddd;
  }
  #under #undercontent table::-webkit-scrollbar-thumb {
    background: #2cc2e4;
  }
  */
}

#under #undercontent th,
#under #undercontent td {
  border: 1px solid #ddd;
  padding: 8px 5px;
  box-sizing: border-box;
  width: auto;
  vertical-align: middle;
}

#under #undercontent th p,
#under #undercontent td p{
  margin-bottom: 0 ;}
#under #undercontent th p + p,
#under #undercontent td p + p{
  margin-top: 20px ;}
#under #undercontent th p.noMargin + p,
#under #undercontent td p.noMargin + p{
  margin-top: 0 ;}



#under #undercontent th{
  background: #e9f5ff;
  vertical-align: middle;
  text-align: center ;
}

#under #undercontent th img,
#under #undercontent td img{
  border: none ;
  padding: 0 ;}


#under #undercontent .table2_wrap th {
  width: 200px ;}
#under #undercontent .table_wrap th {
  white-space: nowrap;}


.planetarium #under #undercontent .link{
  position: absolute;
  top: -95px;
  right: 0;
  width: 200px;
  }
.planetarium #under #undercontent .link a{
  display: block;
  width: 100%;
  padding: 10px 0;
  margin: 0 auto 10px auto;
  box-sizing: border-box;
  text-align: center;
  color: #ffffff;
  background: #187fc4;
  text-decoration: none;
  border-radius:5px;
  }
.planetarium #under #undercontent .link a:hover,
.planetarium #under #undercontent .link a:focus{
  background: #182b4d;}

@media (max-width: 1015px) {
  .planetarium #under #undercontent .link{
    top: -70px;
    width: 150px;
  }
  .planetarium #under #undercontent .link a{
    padding: 5px 0;}
}

/*  カレンダー、一覧切り替えボタン  */
#under #undercontent .scheduleMonth {
  display: flex;
  list-style: none;
  margin: 0 0 30px;
}

#under #undercontent .scheduleMonth li {
  cursor: pointer;
  width: 100px;
  text-align: center;
  background: #666666 ;
  margin-right: 10px;
  color: #fff;
  border-radius: 5px;
  padding-left: 0;
}
#under #undercontent .scheduleMonth li::before{
  border-left: 5px solid #666666;
}

#under #undercontent .scheduleMonth li.is-active {
 background: #187fc4;
}
#under #undercontent .scheduleMonth li.is-active::before{
  border-left: 5px solid #187fc4;
}

#under #undercontent .scheduleSwitch input {
  visibility: hidden;
}

#under #undercontent .scheduleSwitch input:checked + label {
  background: #187fc4;
  color: #fff;
}

#under #undercontent .scheduleSwitch label {
  float: right;
  background: #bdc3c7;
  padding: 5px 0;
  width: 50px;
  text-align: center;
  margin: 0;
  color: #fff;
  font-size: 150%;
  cursor: pointer;
}

#under #undercontent #scheduleArea .table_wrap{}
#under #undercontent #scheduleArea .table_wrap .type2{
  position: relative ;}
#under #undercontent #scheduleArea .table_wrap .type2 thead th{
  width:115px ;
}
#under #undercontent #scheduleArea .table_wrap .type2 thead th#days{
  width: 109px;
}
#under #undercontent #scheduleArea .table_wrap .type2 tbody td{
  width: 124px;
}
#under #undercontent #scheduleArea .table_wrap .type2 tbody td.tdday{
  width:40px ;
  padding: 10px 3px ;
  text-align: center ;
}
#under #undercontent #scheduleArea .table_wrap .type2 tbody td.tdwday{
  width:70px ;
  padding: 10px 3px ;
  text-align: center ;
}
#under #undercontent #scheduleArea .table_wrap .type2 thead.abs{
  position: absolute;
  top: 24px;
  left: -1px;
  width: 737px;
}
  
  
#under #undercontent #scheduleArea .schedule{
  font-size: 1.4rem ;}
#under #undercontent #scheduleArea .schedule th#days {
  min-width: 100px;}

#under #undercontent #scheduleArea .schedule th:not(#days) {
  /*min-width: 126px;*/
  min-width: 106px;
}

#under #undercontent #scheduleArea .pla-category-kids {
  background: #F33;
  color: #fff;
}

#under #undercontent #scheduleArea .pla-category-season {
  background: #36F;
  color: #fff;
}

#under #undercontent #scheduleArea .pla-category-encoreA {
  background: #093;
  color: #fff;
}

#under #undercontent #scheduleArea .pla-category-encoreB {
  background: #9933FF;
  color: #fff;
}

#under #undercontent #scheduleArea td.kids {
  background-color: #Fcc;
  color: #FFF;
}

#under #undercontent #scheduleArea td.encoreA {
  background-color: #cf9;
  color: #FFF;
}

#under #undercontent #scheduleArea td.encoreB {
  background-color: #ccF;
  color: #FFF;
}

#under #undercontent #scheduleArea td.gakusyu {
  background-color: #369;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
}

#under #undercontent #scheduleArea td.can {
  background-color: #666;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
}
#under #undercontent #scheduleArea td.gakusyu a,
#under #undercontent #scheduleArea td.can a{
  color: #ffffff ;}

#under #undercontent table.schedule,
#under #undercontent table.calendar{
  margin-top: 15px ;}
#under #undercontent table.schedule caption,
#under #undercontent table.calendar caption{
  display: none ;
}
#under #undercontent table.calendar td,
#under #undercontent table.calendar th {
  min-width: calc(740px/7);
  text-align: center;
}

#under #undercontent table.calendar td {
  border: 1px solid #ddd;
  padding: 5px;
  height: 120px;
}

#under #undercontent table.calendar td.is-disabled {
  opacity: 0.5;
}

#under #undercontent table.calendar td:first-child {
  color: red;
}

#under #undercontent table.calendar td.ph {
  color: red;
}

#under #undercontent table.calendar td:last-child {
  color: royalblue;
}

#under #undercontent table.calendar td span{
  font-size: 75%;
  width: 94px;
  display: block;
  text-decoration: none;
  margin: 5px 0;
}

#under #undercontent table.schedule td span.note{
  display: block ;}

#under #undercontent table.calendar td span a{
  color: #ffffff ;}
#under #undercontent table.calendar.type1 td span a{
  color: #000000 ;}


#under #undercontent table.calendar a {
  font-size: 75%;
  width: 94px;
  display: block;
  text-decoration: none;
  margin: 5px 0;
  padding:3px 0;
}


#under #undercontent dt {
  font-weight: bold;}

#under #undercontent dd {
  margin-bottom: 10px;
}

#under #undercontent table#bunrui th {
  min-width: calc(740px / 4);
}

#under #undercontent .bunka_link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 1015px) {
  #under #undercontent .table_wrap{
    width: 100% ;
    overflow-x: auto ;}
  #under #undercontent .table_wrap table{
    width: 734px ;}
  #under #undercontent .table_wrap table caption{
    /*display: none ;*/}
}
@media (max-width: 1000px) {
  #under #undercontent .table2_wrap{
    width: 100% ;
    overflow-x: auto ;}
  #under #undercontent .table2_wrap table{
    width: 734px ;}
  #under #undercontent .table2_wrap table{
    display: block ;
    width: 100% ;}
  #under #undercontent .table2_wrap table caption{
    display: none ;}
  #under #undercontent .table2_wrap table tbody,
  #under #undercontent .table2_wrap table tr,
  #under #undercontent .table2_wrap table tr th,
  #under #undercontent .table2_wrap table tr td{
    display: block ;
    width: 100% ;}
  
  #under #undercontent .bunka_link {
    flex-direction: column;
  }
}

#under #undercontent .bunka_link::after {
  content: "";
  display: block;
  width: 50%;
}

#under #undercontent .bunka_link .link_img {
  width: 220px;
  display: inline-block;
  border: 1px solid #187fc4;
  border-radius: 5px;
}

@media (max-width: 1000px) {
  #under #undercontent .bunka_link .link_img {
    margin: 10px auto;
  }
}

#under #undercontent .bunka_link .link_img img {
  margin: 0 !important;;
}

#under #undercontent .bunka_link .link_img a {
  text-decoration: none;
}

#under #undercontent .bunka_link .link_img p {
  padding: 10px 0 10px 5px;
  color: #000;
  margin: 0;
}

#under #undercontent .bunka_link .link_img p::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  color: #187fc4;
  float: right;
  margin: 0 10px;
}

#under #undercontent a.link_block {
  position: relative ;
  float: left;
  display: block;
  text-decoration: none;
  color: #fff;
  background: #0c3378;
  min-width: 360px;
  /*padding: 20px;*/
  padding: 10px 25px 10px 20px;
  margin: 15px 5px;
  border-radius: 5px;
  box-sizing: border-box ;
}

#under #undercontent a.link_block::after {
  position: absolute ;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  color: #fff;
  top: 20% ;
  right: 10px ;
}

#under #undercontent a.linkbtn1 {
  position: relative ;
  display: inline-block ;
  padding: 2px 20px 2px 10px;
  color: #333333 ;
  border: 1px solid #333333 ;
  background: #ffffff ;
  border-radius:5px ;
  font-size: 1.3rem ;
  font-weight: normal ;
  text-decoration: none ;
  vertical-align: text-top ;}
#under #undercontent a.linkbtn1:hover,
#under #undercontent a.linkbtn1:focus{
  background: #0c3378 ;
  color: #ffffff ;}
#under #undercontent a.linkbtn1:before{
  display: block ;
  position: absolute ;
  content: '' ;
  top: 50% ;
  right:10px ;
  width: 4px;
  height: 4px;
  margin-top: -4px ;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);}
#under #undercontent a.linkbtn1:hover:before,
#under #undercontent a.linkbtn1:focus:before{
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;}

#under #undercontent a.linkbtn2 {
  position: relative ;
  float: left;
  display: block;
  text-decoration: none;
  color: #fff;
  background: #0c3378;
  min-width: 360px;
  padding: 10px 25px 10px 20px;
  margin: 15px 5px;
  border-radius: 5px;
  box-sizing: border-box ;
}

#under #undercontent a.linkbtn2::after {
  position: absolute ;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  color: #fff;
  top: 20% ;
  right: 10px ;
}

@media (max-width: 680px) {
  #under #undercontent a.link_block {
    clear: both;
    width: 100%;
  }
}

#under #undercontent a.link_style {
  text-decoration: none;
}

#under #undercontent a.link_style::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  margin-right: 5px;
}

#under #undercontent a.link_style:hover {
  opacity: 0.8;
}

#under #undercontent h4.bunkazai_h {
  width: 100%;
  background: #eee;
  padding: 5px 10px;
  margin-bottom: 15px;
  border: none;
}

@media (max-width: 680px) {
  #under #undercontent h4.bunkazai_h {
    font-size: 1em;
    line-height: 2em;
  }
}

#under #undercontent h4.bunkazai_h label {
  float: right;
  font-size: 80%;
}

#under #undercontent h4.bunkazai_h p {
  display: inline;
  margin: 0;
  color: #187fc4;
}

#under #undercontent h4.bunkazai_h p::after {
  content: "開く";
}

#under #undercontent h4.bunkazai_h i {
  color: #187fc4;
  background: #fff;
  padding: 6px 9px;
  margin-left: 5px;
}

#under #undercontent h4.bunkazai_h input {
  visibility: hidden;
}

#under #undercontent h4.bunkazai_h input:checked + .kakusu p::after {
  content: "閉じる";
}

#under #undercontent h4.bunkazai_h input:not(:checked) + .kakusu i {
  transform: rotate(180deg);
}

#under #undercontent table.viewbox {
  display: inline-table;
  margin-top: 15px;
}

@media (max-width: 1000px) {
  #under #undercontent table.viewbox {
    display: block;
  }
}

#under #undercontent table.viewbox th {
  text-align: center;
  background: #187fc4;
  color: #fff;
}

#under #undercontent table.viewbox th.detail {
  width: 120px;
}

#under #undercontent table.viewbox td.table_num {
  background: #e9f5ff;
  text-align: center;
  width: 60px;
}

@media (max-width: 1000px) {
  #under #undercontent table.viewbox {
    display: block;
  }
}

#under #undercontent table.viewbox th,
#under #undercontent table.viewbox td {
  min-width: 120px;
}

#under #undercontent table.viewbox th a,
#under #undercontent table.viewbox td a {
  display: block;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: #0c3378;
  width: 70px;
  padding: 4px;
  margin: auto;
  border-radius: 3px;
}

#under #undercontent .print {
  display: none !important;
  height: auto;
}

#under #undercontent #map_btn{
  overflow: hidden ;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;}


#under #undercontent #map_btn li::before{
  content: none;}

#under #undercontent #map_btn li a {
  display: block;
  text-decoration: none;
  text-align: center;
  color: #000;
  border: 2px solid #187fc4;
  border-radius: 5px;
  width: 170px;
  padding: 8px 0;
  margin: 15px 0;
}

#under #undercontent #map_btn li a.dummy {
  visibility: hidden;
}

@media (max-width: 680px) {
  #under #undercontent #map_btn li a.dummy {
    display: none;
  }
}

#under #undercontent #allview_btn {
  display: block;
  text-align: center;
  margin: auto;
}

#under #undercontent #allview_btn a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  background: #0c3378;
  width: 240px;
  padding: 20px;
  margin: 10px 0;
  border-radius: 5px;
}

#under #undercontent #map {
  height: 530px;
  /*height: 1037px;*/
}

#under #undercontent .program_li ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px 0;
}

@media (max-width: 1000px) {
  #under #undercontent .program_li ul {
    justify-content: space-around;
  }
}

#under #undercontent .program_li li {
  width: 170px;
  list-style: none;
  margin: 15px 0;
}

#under #undercontent .program_li a {
  display: block;
  text-decoration: none;
  background: #ccc;
  padding: 10px;
}

#under #undercontent .program_li a:hover {
  opacity: 0.8;
}

#under #undercontent .program_li h5 {
  border: none;
  font-size: 1em;
  margin: 0;
  padding: 0;
  color: #000;
  line-height: 1.5em;
  height: 3em;
}

#under #undercontent .program_li img {
  margin: 0;
}

#under #undercontent .index_li ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px 0;
}

@media (max-width: 1000px) {
  #under #undercontent .index_li ul {
    justify-content: space-around;
  }
}

#under #undercontent .index_li ul li {
  width: 220px;
  list-style: none;
  margin: 15px 0;
}

#under #undercontent .index_li ul a {
  display: block;
  text-decoration: none;
  background: #ccc;
  padding: 10px;
  color: #000;
  line-height: 1.5em;
  height: 350px;
}

#under #undercontent .index_li ul a:hover {
  opacity: 0.8;
}

#under #undercontent .index_li ul h5 {
  border: none;
  font-size: 1em;
  margin: 0;
  padding: 0;
  color: #000;
  line-height: 1.5em;
  height: 3em;
}

#under #undercontent .index_li ul img {
  margin: 0 0 10px;
}

#under #undercontent .img_list{
  width: 100% ;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto ;
  align-items:flex-end ;}
#under #undercontent .img_list li{
  list-style: none ;
  width: 32% ;
  margin: 0 0.5% 15px 0.5%;
  padding: 0 ;
  background: none ;}
#under #undercontent .img_list.c5 li{
  list-style: none ;
  width: 19% ;}
#under #undercontent .img_list li:before{
  display: none ;}
#under #undercontent .img_list li img{
  border: 1px solid #cccccc ;
  max-width: 100% ;
  margin: 0 ;}




/*  イベント
--------------------------------------*/
#kasou.event.mt-index{}
#kasou.event.mt-index #undercontent{}
#kasou.event.mt-index #undercontent ul,
#kasou.event.mt-archive #undercontent ul{
  margin: 0 ;}
#kasou.event.mt-index #undercontent ul li,
#kasou.event.mt-archive #undercontent ul li{
  list-style: none ;
  margin: 0 auto 15px auto ;
  overflow: hidden ;
  padding: 0 ;}
#kasou.event.mt-index #undercontent ul li:before,
#kasou.event.mt-archive #undercontent ul li:before{
  display: none ;}
#kasou.event.mt-index #undercontent ul li figure,
#kasou.event.mt-archive #undercontent ul li figure{
  display: block ;
  width: 150px ;
  float: left ;
  margin: 0 15px 0 0 ;
  text-align: center ;}
#kasou.event.mt-index #undercontent ul li figure img,
#kasou.event.mt-archive #undercontent ul li figure img{
  max-width: 100% ;
  margin: 0 ;}
#kasou.event.mt-index #undercontent ul li h4,
#kasou.event.mt-archive #undercontent ul li h4{
  width: calc(100% - 170px) ;
  float: right ;
  margin: 0 auto 15px auto ;}
#kasou.event.mt-index #undercontent ul li p,
#kasou.event.mt-archive #undercontent ul li p{
  width: calc(100% - 170px) ;
  float: right ;}
@media (max-width: 1000px) {
  #kasou.event.mt-index #undercontent ul li a,
  #kasou.event.mt-archive #undercontent ul li a{
    display: flex ;
    flex-wrap:wrap;}
  #kasou.event.mt-index #undercontent ul li figure,
  #kasou.event.mt-archive #undercontent ul li figure{
    width: 100% ;
    order: 2;
    float: none ;
    margin: 0 auto 0 auto ;}
  #kasou.event.mt-index #undercontent ul li h4,
  #kasou.event.mt-archive #undercontent ul li h4{
    order: 1;
    width: 100% ;
    float: none ;}
  #kasou.event.mt-index #undercontent ul li p,
  #kasou.event.mt-archive #undercontent ul li p{
    order: 3;
    width: 100% ;
    float: none ;
    margin-top: 0 ;}
}

/*  博物館ブログ
--------------------------------------*/
#kasou.blog.mt-index{}
#kasou.blog.mt-index #undercontent{}
#kasou.blog.mt-index #undercontent ul,
#kasou.blog.mt-archive #undercontent ul{
  margin: 0 ;}
#kasou.blog.mt-index #undercontent ul li,
#kasou.blog.mt-archive #undercontent ul li{
  list-style: none ;
  margin: 0 auto 15px auto ;
  overflow: hidden ;
  padding: 0 ;}
#kasou.blog.mt-index #undercontent ul li:before,
#kasou.blog.mt-archive #undercontent ul li:before{
  display: none ;}
#kasou.blog.mt-index #undercontent ul li figure,
#kasou.blog.mt-archive #undercontent ul li figure{
  width: 220px ;
  float: left ;
  margin: 0 15px 0 0 ;
  text-align: center ;}
#kasou.blog.mt-index #undercontent ul li figure img,
#kasou.blog.mt-archive #undercontent ul li figure img{
  max-width: 100% ;
  margin: 0 ;}
#kasou.blog.mt-index #undercontent ul li h4,
#kasou.blog.mt-archive #undercontent ul li h4{
  width: calc(100% - 235px) ;
  float: left ;
  margin: 0 auto 10px auto ;}
#kasou.blog.mt-index #undercontent ul li .date,
#kasou.blog.mt-archive #undercontent ul li .date{
  width: calc(100% - 235px) ;
  float: left ;
  text-align: right ;
  margin: 0 auto 5px auto ;}
#kasou.blog.mt-index #undercontent ul li p,
#kasou.blog.mt-archive #undercontent ul li p{
  width: calc(100% - 235px) ;
  float: left ;
  margin: 0 auto 0 auto ;}
#kasou.blog.mt-detail #undercontent .date{
  display: block ;
  text-align: right ;
  margin: 0 auto 5px auto ;}
@media (max-width: 1000px) {
  #kasou.blog.mt-index #undercontent ul li a,
  #kasou.blog.mt-archive #undercontent ul li a{
    display: flex ;
    flex-wrap:wrap;}
  #kasou.blog.mt-index #undercontent ul li figure,
  #kasou.blog.mt-archive #undercontent ul li figure{
    width: 100% ;
    order: 2;
    float: none ;
    margin: 0 auto 0 auto ;}
  #kasou.blog.mt-index #undercontent ul li h4,
  #kasou.blog.mt-archive #undercontent ul li h4{
    order: 0;
    width: 100% ;
    float: none ;}
  #kasou.blog.mt-index #undercontent ul li p,
  #kasou.blog.mt-archive #undercontent ul li p{
    order: 3;
    margin-top: 0 ;}

	
#kasou.blog.mt-index #undercontent ul li .date,
#kasou.blog.mt-archive #undercontent ul li .date{
width: auto ;}

#kasou.blog.mt-index #undercontent ul li p,
#kasou.blog.mt-archive #undercontent ul li p{
  width: auto ;}
}


/*  ページング
--------------------------------------*/
.pagging{
  width: 100% ;
  text-align: center ;
  margin:  25px auto ;}
.pagging span,
.pagging a{
  padding: 5px 10px ;
  box-sizing: border-box ;
  display: inline-block ;
  margin: 0 0 5px 0 ;
  border: 1px solid #cccccc ;}
.pagging span a{
  padding: 0 ;
  margin: 0 ;
  border: none ;}
.pagging span.current_page{
  border: 1px solid #187fc4 ;
  background: #187fc4 ;
  color: #ffffff ;
}



/*  汎用パーツ
--------------------------------------*/
/*　画像
++++++++++++++++++*/
#under #undercontent figure{
  position: relative ;
  display:table;}
#under #undercontent figure img{
  max-width: 100% ;
  width: 100% ;}
#under #undercontent figure figcaption{
  display:table-caption;
  caption-side:bottom;}

/*　テキスト＋画像
++++++++++++++++++*/
#under #undercontent .textImage_box{
  overflow: hidden ;
  margin-bottom: 25px ;}
#under #undercontent .textImage_box .text{
  overflow: hidden ;}
#under #undercontent .textImage_box .text p:after,
#under #undercontent .textImage_box .text dl:after{
  display: none ;}
#under #undercontent .textImage_box .text figure{
  max-width: 300px;
  display: block ;
  border: 1px solid #cccccc;
  padding: 5px;
  box-sizing: border-box;}
#under #undercontent .textImage_box.textImageleft figure{
  float: left ;
  margin: 0 15px 20px 0 ;}
#under #undercontent .textImage_box.textImageright figure{
  float: right ;
  margin: 0 0 20px 15px ;}
#under #undercontent .textImage_box.textImagetop figure{
  max-width: 740px ;
  margin: 0 auto 20px auto ;}
#under #undercontent .textImage_box.textImagebottom figure{
  max-width: 740px ;
  margin: 20px auto 0 auto ;}
#under #undercontent .textImage_box figure img{
  border: none ;
  padding: 0 ;
  max-width: 100% ;
  display: block ;
  margin: 0 auto ;}
#under #undercontent .textImage_box figure figcaption{
  display: block ;
  margin-top: 5px ;}

/*　プラネタリウム詳細のみ
----------------------*/
body.planetarium.mt-detail .textImage_box figcaption{
 display: none !important;
}

/*
#under #undercontent .textImage_box{
  overflow: hidden ;
  margin-bottom: 25px ;}
#under #undercontent .textImage_box .text{
  width: calc(100% - 320px);}
#under #undercontent .textImage_box .text p:after,
#under #undercontent .textImage_box .text dl:after{
  display: none ;}
#under #undercontent .textImage_box.textImageleft .text{
  float: right ;}
#under #undercontent .textImage_box.textImageright .text{
  float: left ;}
#under #undercontent .textImage_box figure{
  width: 300px;
  display: block ;
  border: 1px solid #cccccc;
  padding: 5px;
  box-sizing: border-box;}
#under #undercontent .textImage_box.textImageleft figure{
  float: left ;}
#under #undercontent .textImage_box.textImageright figure{
  float: right ;}
#under #undercontent .textImage_box figure img{
  border: none ;
  padding: 0 ;
  max-width: 100% ;
  display: block ;
  margin: 0 auto ;}
#under #undercontent .textImage_box figure figcaption{
  display: block ;
  margin-top: 5px ;}
*/
@media (max-width: 1000px){
  /*#under #undercontent .textImage_box .text{
    width: 100% ;
    float: none ;}*/
  #under #undercontent .textImage_box figure{
    max-width: 100% ;
    float: none ;
    margin-bottom: 15px ;}
}
    
    
/*　Q&A
++++++++++++++++++*/
#under #undercontent .qanda{}
#under #undercontent .qanda dt{
  font-weight: bold ;
  padding: 5px 0 5px 32px ;
  box-sizing: border-box ;
  background-image: url("../images/icon_q.png");
  background-position: 1px 7px ;
  background-repeat: no-repeat ;
  background-size: 25px ;
  margin-bottom: 10px ;}
#under #undercontent .qanda dd{
  padding: 5px 0 5px 60px ;
  box-sizing: border-box ;
  background-image: url("../images/icon_a.png");
  background-position: 31px 5px ;
  background-repeat: no-repeat ;
  background-size: 25px ;}

/*　埋蔵文化財包蔵地
++++++++++++++++++*/
.maibun #under #undercontent table.list td:nth-child(1){
  width: 150px ;
  text-align: center ;}
.maibun #under #undercontent table.list td:nth-child(2){
  text-align: center ;}
.maibun #under #undercontent table.list td:last-child{
  width: 210px ;
  text-align: center ;}
.maibun #under #undercontent table.list td a{
  display: inline-block ;
  padding: 5px 10px ;
  border-radius :5px ;
  box-sizing: border-box ;
  margin: 0 5px 0 5px;
  background: #187fc4 ;
  color: #ffffff ;
  text-decoration: none ;}

.search #under #undercontent table td input{
  width: 95% ;
  padding: 5px ;
  box-sizing: border-box ;}
.search #under #undercontent .submit{
  text-align: center ;}
.search #under #undercontent .submit input{
  display: inline-block ;
  margin: 0 10px 10px 10px ;
  border: none ;
  width: 150px ;
  padding: 10px 0 ;
  box-sizing: border-box ;
  cursor: pointer ;}
.search #under #undercontent .submit input[type=submit]{
  background: #187fc4 ;
  color: #ffffff ;}


/*　プラネタリム
++++++++++++++++++*/
#under #undercontent .prog_list{}
#under #undercontent .prog_list ul{
  overflow: hidden ;}
#under #undercontent .prog_list ul li{
  width: 24% ;
  float: left ;
  margin: 0 0 15px 1.5% ;
  padding: 0 ;
  border: 1px solid #ccc ;}
#under #undercontent .prog_list ul li:nth-child(4n+1){
  clear: both ;
  margin-left: 0 ; }
#under #undercontent .prog_list ul li:nth-child(4n){
  float: right ;
  margin-left: 0 ;}
#under #undercontent .prog_list ul li:before{
  display: none ;}
#under #undercontent .prog_list ul li p.status{
  width: 100% ;
  padding: 2px 0 ;
  margin: 0 auto 0 auto ;
  text-align: center ;
  color: #ffffff ;
  left: 0 ;}
#under #undercontent .prog_list ul li p:before,
#under #undercontent .prog_list ul li p:after{
  display: none ;}
#under #undercontent .prog_list ul li figure{
  display: block ;
  width: 100% ;
  margin: 0 auto 10px auto ;
  text-align: center ;
  padding: 0 ;
  border: none ;}
#under #undercontent .prog_list ul li figure img{
  padding: 0 ;
  border: none ;
  margin: 0 auto ;}
#under #undercontent .prog_list ul li .title{
  font-size: 1.5rem ;
  height: 100px;
  line-height: 1.7 ;
  padding: 0 5px ;
  box-sizing: border-box ;}

@media (max-width: 1000px){
  #under #undercontent .prog_list ul li{
    width: 48% ;
    float: left ;
    margin: 0 0 15px 0 ;}
  #under #undercontent .prog_list ul li:nth-child(2n+1),
  #under #undercontent .prog_list ul li:nth-child(4n+1){
    clear: both ;}
  #under #undercontent .prog_list ul li:nth-child(2n),
  #under #undercontent .prog_list ul li:nth-child(4n){
    float: right ;}
  #under #undercontent .prog_list ul li .title{
    font-size: 80% ;
    line-height: 1.7 ;}
  
}

/*　colorbox
++++++++++++++++++*/
@media (max-width: 680px) {
  #cboxTitle {
    bottom: 25px !important;
  }
}


   
/*　こども博物館
++++++++++++++++++*/
.kodomo a:hover {
  opacity: 0.5;
}

.kodomo .center {
  text-align: center;
}

.kodomo #kodomo_index_wrapper {
  margin: 0 0 75px;
  font-size: 1.8rem;
  position: relative;
}

.kodomo #kodomo_wrapper {
  margin: 0 19px 75px;
  font-size: 1.8rem;
  position: relative;
}

.kodomo #kodomo_title {
  text-align: center;
  margin: 30px auto 30px;
  width: 100%;
}

.kodomo #nav_kodomo ul {
  margin: 0;
  padding: 0;
  border-bottom: 4px solid #FACD00;
}

.kodomo #nav_kodomo ul:after {
  clear: both;
  display: block;
  content: "";
}

.kodomo #nav_kodomo li {
  list-style-type: none;
  display: block;
  float: left;
  margin: 0 5px 0 0;
  position: relative;
}

.kodomo #nav_kodomo #nav_kodomo02 li:last-child {
  margin: 0;
}



.kodomo #nav_kodomo li img.active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
}

.kodomo #nav_kodomo li img.inactive {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}


.kodomo_content_wrapper {
  background-image: url(../../kodomo/images/bg_kodomo_contents.png);
  padding: 1px;
  position: relative;
  overflow: hidden ;
}

.kodomo #kodomo_content_title {
  margin: 60px 0 60px;
  text-align: center;
}

.kodomo #kodomo_contents {
  border: 10px solid #44BDF2;
  background-image: url(../../kodomo/images/bg_kodomo_contents_area.png);
  padding: 55px 40px 60px;
  position: relative;
  width: 100%;
  height: 100%;
}

.kodomo .kodomo_contents_inner {
  background-color: #fff;
  border-radius: 28px;
  filter: drop-shadow(0 10px 2px rgba(0, 0, 0, 0.6));
  padding: 40px 50px 60px;
  margin: 0 0 40px 0;
}

.kodomo #kodomo_contents .kodomo_contents_inner {
  padding: 80px 50px 60px;
}

.kodomo #kodomo_contents .kodomo_contents_inner .kodomo_inner_hl {
  margin-top: 5vw;
}


.kodomo #kodomo_contents .txt_white {
  color: #fff;
}


/* こどもコンテンツ　インデックスページ */
.kodomo #main.kodomo_index #title_box {
  position: relative;
}

.kodomo #main.kodomo_index #kodomo_title {
  background-image: url(../../kodomo/images/bg_kodomo_index_title.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 70px 0;
  margin: 30px auto;
}

.kodomo #main.kodomo_index #kodomo_title img {
  max-width: 431px;
  width: 50vw;
}

.kodomo #main.kodomo_index #circle01 {
  position: absolute;
  max-width: 256px;
  min-width: 130px;
  width: 20vw;
  bottom: -120px;
  left: 8vw;
  z-index: 10;
}

.kodomo #main.kodomo_index #circle02 {
  position: absolute;
  max-width: 256px;
  min-width: 130px;
  width: 20vw;
  bottom: -150px;
  right: 8vw;
  z-index: 20;
}

.kodomo #main.kodomo_index #circle01 img,
.kodomo #main.kodomo_index #circle02 img {
  width: 100%;
}



.kodomo #main.kodomo_index #kodomo_index01 {
  background-image: url(../../kodomo/images/bg_kodomo_index_01.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  padding: 60px 0;
  position: relative;
}

.kodomo #main.kodomo_index #kodomo_index01 .icon_museum {
  position: absolute;
  top: -7vw;
  top: -85px ;
  left: calc(50% - 57px);
}

.kodomo #main.kodomo_index #kodomo_index01 .icon_museum img {
  max-width: 113px;
  width: 15vw;
}




.kodomo #main.kodomo_index .baseWidth {
  margin: 0 auto;
}

.kodomo #main.kodomo_index #kodomo_index01 .hl {
  text-align: center;
}

.kodomo #main.kodomo_index #kodomo_index01 .hl img {
  max-width: 482px;
  width: 50%;
}

.kodomo #main.kodomo_index #kodomo_index01 .left {
  background-color: #fff;
  border-radius: 16px;
  margin: 40px 3% 40px 3%;
  padding: 16px;
  width: 58%;
  float: left;
}

.kodomo #main.kodomo_index #kodomo_index01 .left .hl {
  margin: 0 0 20px 0;
}

.kodomo #main.kodomo_index #kodomo_index01 .left .hl img {
  width: 100%;
}

.kodomo #main.kodomo_index #kodomo_index01 .left p {
  margin-bottom: 30px;
}

.kodomo #main.kodomo_index #kodomo_index01 .left .btn {
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
}

.kodomo #main.kodomo_index #kodomo_index01 .right {
  margin: 40px 3% 40px 0;
  padding: 0;
  width: 33%;
  float: right;
}

.kodomo #main.kodomo_index #kodomo_index01 .right ul {
  margin: 0;
  padding: 0;
}

.kodomo #main.kodomo_index #kodomo_index01 .right ul li {
  list-style-type: none;
  display: block;
  margin: 0 0 10px 0;
}




.kodomo #main.kodomo_index #kodomo_index02 {
  margin: 0 20px 0;
  padding: 40px 0 0 0;
  background-image: url(../../kodomo/images/bg_kodomo_contents.png);
  background: linear-gradient(to bottom, transparent);
}

.kodomo #main.kodomo_index #kodomo_index02 .hl {
  text-align: center;
  margin: 0 0 30px 0;
}

.kodomo #main.kodomo_index #kodomo_index02 .event_box {
  margin: 0 3% 30px 3%;
  border: 5px solid #187FC4;
  border-radius: 20px;
  padding: 30px 15px 15px;
  background-color: #fff;
  filter: drop-shadow(0 10px 2px rgba(0, 0, 0, 0.6));

}

.kodomo #main.kodomo_index #kodomo_index02 .event_box ul {
  margin: 30px 0;
  padding: 0 20px;
}

.kodomo #main.kodomo_index #kodomo_index02 .event_box ul li {
  list-style-type: none;
  display: block;
  float: left;
  margin: 0 4% 0 0;
  padding: 0;
  width: 22%;
}

.kodomo #main.kodomo_index #kodomo_index02 .event_box ul li:last-child {
  margin: 0 0 0 0;

}

.kodomo #main.kodomo_index #kodomo_index02 .event_box ul a {
  text-decoration: none;
}

.kodomo #main.kodomo_index #kodomo_index02 .event_box ul a .monchare{
 color: #ff6600;
 font-size: 1.3rem !important;
 font-weight: bold ;
 display:inline-block ;
 margin:0 0 0 15px ;
 vertical-align:middle ;
}


.kodomo #main.kodomo_index #kodomo_index02 .event_box ul img {
  margin: 0 0 10px 0;
  border-radius: 10px;
}

.kodomo #main.kodomo_index #kodomo_index02 .event_box .btn {
  text-align: center;
  margin: 30px 0 30px 0;
}

.kodomo #main.kodomo_index #kodomo_index02 .event_box .btn img {
  max-width: 330px;
  width: 40%;
}




.kodomo #main.kodomo_index #kodomo_index03 {
  background-image: url(../../kodomo/images/bg_kodomo_index_03.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 30px 0 30px 0;
  padding: 50px 0 0 0;
}

.kodomo #main.kodomo_index #kodomo_index03 .hl {
  text-align: center;
  margin: 150px 0 30px 0;
}

.kodomo #main.kodomo_index #kodomo_index03 .hl img {
  max-width: 611px;
  width: 60%;
}

.kodomo #main.kodomo_index #kodomo_index03 p {
  color: #fff;
  text-align: center;
  width: 45%;
  margin: 0 auto;
}

.kodomo #main.kodomo_index #kodomo_index03 .hl02 {
  text-align: center;
  margin: 150px 0 80px 0;
}

.kodomo #main.kodomo_index #kodomo_index03 .hl02 img {
  max-width: 303px;
  width: 24%;
}

.kodomo #main.kodomo_index #kodomo_index03 ul {
  margin: 0;
  padding: 0;
}

.kodomo #main.kodomo_index #kodomo_index03 ul li {
  list-style-type: none;
  display: block;
  float: left;
  width: 31%;
  margin: 0 3% 0 0;
  text-align: center;
}

.kodomo #main.kodomo_index #kodomo_index03 ul li:last-child {
  margin: 0 0 0 0;

}

.kodomo #main.kodomo_index #kodomo_index03 ul li p {
  width: 85%;
  margin: 0 auto 10px;
  /*    color: #0065bc;*/
  color: #fff;
}

.kodomo #main.kodomo_index #kodomo_index03 ul li p.hl {
  width: 100%;
  height: 57px;
  color: #fff;
  margin: 0 0 0 0;
}

.kodomo #main.kodomo_index #kodomo_index03 ul li img {
  margin: 10px 0;
}

.kodomo #main.kodomo_index #kodomo_index03 ul li span {
  /*    font-size: 1vw;*/
}

.kodomo #main.kodomo_index #kodomo_index03 .btn {
  text-align: center;
  margin: 150px 0;
}

.kodomo #main.kodomo_index #kodomo_index03 .btn img {
  max-width: 540px;
  width: 50%;
}


.kodomo #main.kodomo_index #kodomo_index03 .youtube {
  /*
  width: 70%;
  margin: 0 auto;
*/
  width: 70%;
  margin: 0 auto 80px;
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;

}

.kodomo #main.kodomo_index #kodomo_index03 .youtube iframe {
  /*    width: 100%;*/

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;


}

.kodomo #main.kodomo_index #kodomo_index03 p a{
color:#ffffff;}



/* 「郷土と天文の博物館」って？ */

.kodomo .about_box {
  background-color: #fff;
  padding: 0 0 50px 0;
  position: relative;
}

.kodomo .about_box section:after {
  clear: both;
  display: block;
  content: "";
}

.kodomo .about_box section .left {
  float: left;
  width: 50%;
  /*    text-align: center;*/
}

.kodomo .about_box section .left p {
  margin: 0 2% 40px;
}

.kodomo .about_box section .left .btn {
  margin: 5vw 0;
  text-align: right;
}

.kodomo .about_box section .left .btn img {
  width: 80%;
}


.kodomo .about_box section .right {
  float: right;
  width: 47%;
}


.kodomo .about_box section.about_planetarium {
  margin: 50px 0 0 0;
  padding-bottom: 50px;
}


.kodomo .about_box section.threebros {
  padding: 80px 40px 40px;
  border: 8px solid #ccc;
  border-radius: 10px;
}



.kodomo .panorama_box .hl {
  text-align: center;
  margin: 30px 0 100px;
}


.kodomo .panorama_area {
  background-color: #fff;
  border: 4px solid #267BC7;
  border-radius: 10px;
  position: relative;
  filter: drop-shadow(0 10px 2px rgba(0, 0, 0, 0.6));
}








.kodomo #kodomo_contents.kousaku .kodomo_contents_inner {
  /*
  width: 100%;
  height: 100%;
  padding: 90px 50px 60px;
*/
}


.kodomo #kodomo_contents.kousaku .kodomo_contents_inner.with_icon:before {
  content: url(../../kodomo/images/icon_kodomo_05.png);
  position: absolute;
  top: -20px;
  left: calc(50% - 38px);
}



.kodomo .kodomo_contents_inner:after {
  display: block;
  content: "";
  clear: both;
}


/*　クイズアプリ　*/
.kodomo.app .kodomo_content_wrapper {
  padding: 50px 50px ;
  box-sizing: border-box ;
}

.kodomo.app .kodomo_content_wrapper h4{
  font-size: 2.5rem ;
  font-weight: bold ;
  margin: 0 auto 25px auto ;
  color: #187fc4 ;
}






/* クイズ */

.kodomo #kodomo_contents.quiz .kodomo_contents_inner.with_icon {}

.kodomo #kodomo_contents.quiz .kodomo_contents_inner.with_icon:before {
  content: url(../../kodomo/images/icon_kodomo_03.png);
  position: absolute;
  top: -30px;
  left: calc(50% - 38px);

}


.kodomo #kodomo_contents.quiz .howtoplay {
  text-align: center;
  margin: 0 0 30px 0;
}

.kodomo #kodomo_contents.quiz .howtoplay img {
  width: 30%;

}

.kodomo #kodomo_contents.quiz .quiz_start {
  text-align: center;
  margin: 0 0 0 0;
}

.kodomo #kodomo_contents.quiz p {
  color: #fff;
  padding: 0;
  margin-bottom: 15px;
}

.kodomo #kodomo_contents.quiz .quiz_box {
  margin: 4vw 0 5vw 0;
}

.kodomo #kodomo_contents.quiz .quiz_box:after {
  clear: both;
  display: block;
  content: "";
}

.kodomo #kodomo_contents.quiz .quiz_box .left {
  float: left;
  width: 54%;
}

.kodomo #kodomo_contents.quiz .quiz_box .right {
  float: right;
  width: 45%;
}

.kodomo #kodomo_contents.quiz .quiz_box .right img {
  box-shadow: 5px 5px 0px rgba(24, 127, 196, 1);
}



.kodomo #kodomo_contents.quiz .kodomo_contents_inner .kodomo_inner_hl {
  margin: 0;
  text-align: center;
}

.kodomo #kodomo_contents.quiz .quiz_box p {
  color: #000;
}

  .kodomo #kodomo_contents.quiz .kodomo_contents_inner .btn{
      margin: 50px 0 0 0;
      text-align: center;
  }


.kodomo #kodomo_contents.quiz .select_answer .timer {
  background-color: #90D7F6;
  padding: 0;
  margin: 30px 0 0 0;
  border-radius: 3px;
  overflow: hidden;
  height: 36px;
}

.kodomo #kodomo_contents.quiz .select_answer .timer p.title{
  display: block;
  float:left;
  width: 30%;
  height:36px ;
  background-color: #187FC4;
  background-image: url(../../kodomo/images/icon_timer.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 2rem;
  padding: 6px 4px 0 4rem;
  color: #fff;
  border-radius: 3px 0 0 3px;
  font-size: 2rem;
  line-height: 2.5rem;
}

@media (max-width: 1000px) {
  .kodomo #kodomo_contents.quiz .select_answer .timer p.title {
   padding: 6px 0 0 1rem;
   background-image: none;
   font-size: 1.5rem;
  }
}

.kodomo #kodomo_contents.quiz .select_answer .timer span.progress_active{
  display: block;
  float:left;
  width: 0;
  height: 36px;
  background-color: #187FC4;
  border-radius: 0 3px 3px 0;
}

.kodomo #kodomo_contents.quiz .select_answer {
  clear: both;
  margin: 60px 0 0 0;
}

.kodomo #kodomo_contents.quiz .select_answer ul {
  margin: 0;
  padding: 0;
}

.kodomo #kodomo_contents.quiz .select_answer ul li {
  display: block;
  float: left;
  width: 32%;
  margin: 5vw 2% 0 0;
  padding: 0;
}
.kodomo #kodomo_contents.quiz .select_answer ul li::before {
  content:none;
}

.kodomo #kodomo_contents.quiz .select_answer ul li a {
  display: table-cell;
  margin: 0;
  padding: 0 5px;
  box-sizing: border-box ;
  vertical-align: middle;
  background-image: url(../../kodomo/images/btn_background.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  text-decoration: none;
  width: 230px;
  height: 86px;
  width: 30%;
  color: #000;
  font-weight: bold;
  font-size: 2vw;
  background-size: 100% auto;
}

.kodomo #kodomo_contents.quiz .select_answer ul li:last-child {
  margin: 5vw 0 0 0;
}

.kodomo #kodomo_contents.quiz .clear_all {
  background-image: url(../../kodomo/images/bg_clear.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}

.kodomo #kodomo_contents.quiz .blue-box {
  background-color: #0065bc;
  border-radius: 10px;
  padding: 30px 26px;
  color: #fff;
  margin: 30px 0 0 0;
}


.kodomo #kodomo_contents.quiz .blue-box:after {
  display: block;
  clear: both;
  content: "";
}

.kodomo #kodomo_contents.quiz .kodomo_contents_inner .correct {
  background-image: url(../../kodomo/images/bg_correct.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100%;
}







/* 工作の広場 */
.kodomo .kousaku_box {
  display: flex;
  text-align: center;
/*    width: 230px;*/
  width: 100%;
  /*margin: 0 34px 50px 0;*/
 margin: 0 0 50px;
/*    float: left;*/
  filter: none;
  justify-content: space-between
}

.kodomo .kousaku_box .kousaku_left{
 width: 290px;
 text-align: center ;}

.kodomo .kousaku_box .kousaku_right{
 width: calc(100% - 310px);}

.kodomo .kousaku_box .subinfo dt{
 width:30% ;
 margin-bottom: 5px ;}
.kodomo .kousaku_box .subinfo dd{
 text-align:left ;
 width: 70%;
 margin-bottom: 5px ;}

.kodomo .kousaku_box:nth-of-type(3n) {
  margin-right: 0;
}

.kodomo .kousaku_box:last-of-type {
  margin-bottom: 100px;
  ;
}

.kodomo .kousaku_box p.title{
font-size: 2rem;
font-weight: bold;
margin: 10px 0 5px 0;
}

.kodomo .kousaku_box p.cate,
.kodomo .kousaku_detail_box p.cate{
margin: 5px 0;
}

.kodomo .kousaku_box .subinfo,
.kodomo .kousaku_detail_box .subinfo{
display: flex;
flex-wrap: wrap;
border: 3px solid #44bdf2 ;
padding: 10px ;
box-sizing: border-box ;
margin: 20px auto 30px;
}

.kodomo .kousaku_box .subinfo dl,
.kodomo .kousaku_detail_box .subinfo dl{
text-align: left ;
overflow: hidden ;}
.kodomo .kousaku_box .subinfo dl dt,
.kodomo .kousaku_detail_box .subinfo dl dt{
  padding: 5px 0 ;
width: 110px ;
float: left;
font-weight: bold ;
color: #187fc4 ;}
.kodomo .kousaku_box .subinfo dl dd,
.kodomo .kousaku_detail_box .subinfo dl dd{
  padding: 5px 0 ;
width: calc(100% - 115px) ;
float: right;
color: #187fc4 ;}

.kodomo #prev_next {
  clear: both;
  margin: 60px 0 0 0;
}

.kodomo #prev_next .left {
  float: left;
}

.kodomo #prev_next .right {
  float: right;
}



/* 工作詳細ページ */
.kodomo .kousaku_detail_box{
overflow: hidden ;
margin-bottom: 25px ;}
.kodomo .kousaku_title {
  background-color: #FEE4C5;
  font-size: 3rem;
  text-align: center;
  font-weight: bold;
  padding: 4px 8px;
margin-bottom: 20px ;
}

.kodomo .kousaku_title span {
  display: block;
  border-top: 2px dashed #BD4C24;
  border-bottom: 2px dashed #BD4C24;
}

.kodomo .kodomo_contents_inner .kousaku_detail_box .kousaku_detail_img {
  margin: 0 20px 0 0;
  float: left;
}


.kodomo .kodomo_contents_inner .kousaku_detail_box .kousaku_detail_img img {
  margin: 50px 0 60px 0;
}

.kodomo .kodomo_contents_inner .ttl_howtoplay {
  margin: 50px 0 20px 0;
  float: right;
  min-width: 62%;
}

.kodomo .kodomo_contents_inner .cont_howtoplay {
  float: right;
  width: 62%;
  line-height: 1.5;
}

.kodomo .btn_download {
  clear: both;
  margin: 60px 0 0 0;
  text-align: center;
}

.kodomo .ttl_other_kousaku {
  text-align: center;
  margin: 30px 0 40px 0;
}

.kodomo #kodomo_contents.kousaku .other_kousaku_list_box {
  text-align: center;
  width: calc((100% - 78px) / 4);
  margin: 0 26px 20px 0;
  float: left;
}

.kodomo #kodomo_contents.kousaku .other_kousaku_list_box:last-child {
  margin: 0 0 20px 0;
}


/* 博物館パズル */
.kodomo #kodomo_contents.puzzle .kodomo_contents_inner.with_icon:before {
  content: url(../../kodomo/images/icon_kodomo_04.png);
  position: absolute;
  top: -20px;
  left: calc(50% - 38px);
}


.kodomo #kodomo_contents.puzzle .kodomo_contents_inner.puzzle {
  position: relative;
  padding: 40px 50px 60px;
}

.kodomo #kodomo_contents.puzzle .kodomo_contents_inner #timer_box {
  background-color: #FBD133;
  border-radius: 28px 28px 0 0;
  /*
  border-radius: 28px;
  border-radius: 20px;
*/
  padding: 20px;
  position: absolute;
  /*    position: relative;*/
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  margin: 0 0 20px 0;
}

.kodomo #kodomo_contents.puzzle .kodomo_contents_inner #timer_box table {
  width: 100%;
}

.kodomo #kodomo_contents.puzzle .kodomo_contents_inner #timer_box img {
  margin: 0 20px 0 0;
}

.kodomo #kodomo_contents.puzzle .kodomo_contents_inner #timer_box #time {
  font-size: 2em;
}



.kodomo #kodomo_contents.puzzle .kodomo_contents_inner #puzzle_left {
  width: 65%;
  float: left;
}

.kodomo #kodomo_contents.puzzle .kodomo_contents_inner #puzzle_right{
  position: relative ;
  width: 35%;
  float: right;
}
.kodomo #kodomo_contents.puzzle .kodomo_contents_inner #puzzle_right:before{
  display: block ;
  content: '' ;
  position: absolute ;
  top: 0 ;
  left: 0 ;
  width: 100% ;
  height: 100% ;
  background: #fafafa ;
  z-index: 100 ;}
.kodomo #kodomo_contents.puzzle .kodomo_contents_inner #puzzle_right.start:before{
  z-index: 1 ;}

.kodomo #kodomo_contents.puzzle .other_puzzle_list_box {
  text-align: center;
  width: calc((100% - 78px) / 4);
  margin: 60px 26px 50px 0;
  float: left;
}
.kodomo #kodomo_contents.puzzle .other .other_puzzle_list_box{
  margin-bottom: 10px ;
margin-top: 15px ;}
.kodomo #kodomo_contents.puzzle .other .other_puzzle_list_box:nth-child(4n) {
  margin-right: 0 ;
}

.kodomo #kodomo_contents.puzzle .other_puzzle_list_box:last-child {
  margin: 60px 0 50px 0;
}

.kodomo #kodomo_contents.puzzle .kodomo_contents_inner.puzzle .restart-puzzle img {
  width: 70%;
}


.kodomo #kodomo_contents.puzzle .btn_difficulty {
  clear: both;
  margin: 40px 0 0 0;
}

.kodomo #kodomo_contents.puzzle .btn_difficulty a {
  display: block;
  float: left;
  margin: 0 25px 0 0;
}

.kodomo #kodomo_contents.puzzle .btn_difficulty a:last-child {
  margin: 0 0 0 0;
}


.kodomo .btn_puzzle_start {
  text-align: center;
}

.kodomo #kodomo_contents.puzzle .blue-box01,
.kodomo #kodomo_contents.puzzle .blue-box02 {
  background-color: #0065bc;
  border-radius: 10px;
  padding: 30px 26px;
  color: #fff;
  margin: 30px 0 0 0;
}
.kodomo #kodomo_contents.puzzle .blue-box02{
  display: none ;}

.kodomo #kodomo_contents.puzzle .blue-box01 p,
.kodomo #kodomo_contents.puzzle .blue-box02 p{
 margin-bottom:20px ;}

.kodomo #kodomo_contents.puzzle .blue-box01 a,
.kodomo #kodomo_contents.puzzle .blue-box02 a{
 color:#ffffff; }




/***** (680px) 〜 1000px ****/
@media screen and (max-width: 1000px) {

  .kodomo #nav_kodomo li {
      width: calc((100% - 20px) / 5);
      /*        width: 100%;*/
  }

  .kodomo #nav_kodomo li img {
      width: 100%;
  }

  .kodomo #kodomo_content_title {
      width: 60%;
      margin: 60px auto 20px;
  }

  /* 工作の広場 */
 .kodomo .kousaku_box {
      /* text-align: center;
      width: 26%;
      margin: 0 3% 30px 3%;
      float: left;
      filter: none;*/
	  flex-direction: column;
  }

 /* .kodomo .kousaku_box:nth-child(3n) {
      margin-right: 3%;
  }*/

  .kodomo #prev_next .left,
  .kodomo #prev_next .right {
      width: 40%;
  }

  .kodomo .kousaku_detail_img {
      width: 40%;
  }


  .kodomo .kodomo_contents_inner .ttl_howtoplay {
      min-width: 55%;
  }

  .kodomo .kodomo_contents_inner .cont_howtoplay {
      width: 55%;
      margin: 0 0 40px 0;
  }

  .kodomo .other_kousaku_list_box {
      width: 21%;
  }

  .kodomo .other_kousaku_list_box:last-child {
      margin: 0 2%;
  }

  .kodomo .other_kousaku_list_box {
      margin: 0 2%;
  }


  /* パズルにちょうせん */
  .kodomo #kodomo_contents.puzzle .btn_difficulty {
      clear: both;
      margin: 40px 0 0 0;
  }

  .kodomo #kodomo_contents.puzzle .btn_difficulty a {
      width: 32%;
      margin: 0 2% 0 0;
  }

  .kodomo #kodomo_contents.puzzle .btn_difficulty a:last-child {
      margin: 0 0 0 0;
  }



  .kodomo #kodomo_contents.puzzle .kodomo_contents_inner #puzzle_left {
      width: 100%;
      float: none;
  }

  .kodomo #kodomo_contents.puzzle .kodomo_contents_inner #puzzle_right {
      width: 100%;
      float: none;
  }

  .kodomo #kodomo_contents.puzzle .kodomo_contents_inner.puzzle {
      padding: 20px 10px 40px;
  }


  .kodomo #kodomo_contents.puzzle .kodomo_contents_inner.puzzle .restart-puzzle img {
      width: 30%;
  }

  .kodomo #kodomo_contents.puzzle .kodomo_contents_inner.puzzle br {
      display: none;
  }


}


/*****  〜 680px ****/
/*****  〜 680px ****/
/*****  〜 680px ****/
@media screen and (max-width: 680px) {

  .kodomo #kodomo_title {
      margin: 10px auto 30px;
  }

  .kodomo #kodomo_title img {
      width: 60%;
  }


  .kodomo #nav_kodomo #nav_kodomo01,
  .kodomo #nav_kodomo #nav_kodomo02 {
      clear: both;
      /*        display: block;*/
      display: flex;
      justify-content: center;
      float: none;
      margin: 0 5px 0 0;
      margin: 0 1% 0 0;
      position: relative;
  }

  .kodomo #nav_kodomo #nav_kodomo01 {
      margin: 0 auto 2px auto;
      /*        width: 66%;*/
      /*        width: calc(((100% - 4%) / 3)*2 + 4%);*/
      text-align: center;
  }


  .kodomo #nav_kodomo #nav_kodomo01 li {
      margin: 0 1% 0 1%;
      width: calc((100% - 4%) / 3);
      /*        display: inline-block;*/
  }

  .kodomo #nav_kodomo #nav_kodomo02 li {
      width: calc((100% - 4%) / 3);
      margin: 0 1% 0 1%;
  }




  .kodomo #nav_kodomo #nav_kodomo02 li,
  .kodomo #nav_kodomo #nav_kodomo01 li:last-child,
  .kodomo #nav_kodomo #nav_kodomo02 li:last-child {
      /*
      width: 32%;
  margin: 0 1% 0 1%;
*/
      margin: 0 1% 0 1%;
  }

  .kodomo #kodomo_wrapper {
      font-size: 1.8rem;
      margin: 0 0 35px;
  }

  .kodomo #kodomo_content_title {
      margin: 30px auto 50px;
  }


  .kodomo #kodomo_contents {
      padding: 55px 15px 40px;
  }

  .kodomo #kodomo_contents .kodomo_contents_inner {
      padding: 85px 10px 30px;
  }

  /* こども向けコンテンツ　インデックス */

  .kodomo #main.kodomo_index #circle02 {
      bottom: -130px;
  }

  .kodomo #main.kodomo_index #kodomo_index01 .icon_museum {
      top: -10vw;
  }

  .kodomo #main.kodomo_index #kodomo_title {
      margin: 0 auto 20px;
      padding: 30px 0;
  }


  .kodomo #main.kodomo_index #circle01 {
      width: 80px;
      left: 2vw;
      bottom: -20px;
      min-width: inherit;
  }

  .kodomo #main.kodomo_index #circle02 {
      width: 80px;
      right: 2vw;
      bottom: -50px;
      min-width: inherit;
  }

  .kodomo #main.kodomo_index #kodomo_index01 .icon_museum {
      left: calc(50% - 7.5vw);

  }

  .kodomo #main.kodomo_index #kodomo_index01 {
      padding: 35px 0;
  }

  .kodomo #main.kodomo_index #kodomo_index01 .hl img {
      width: 80%;
  }


  .kodomo #main.kodomo_index #kodomo_index01 .left {
      float: none;
      width: 94%;
      margin: 20px 3%;
  }

  .kodomo #main.kodomo_index #kodomo_index01 .right {
      float: none;
      width: 94%;
      margin: 20px 3%;
  }

  .kodomo #main.kodomo_index #kodomo_index01 .right img {
      width: 100%;

  }

  .kodomo #main.kodomo_index #kodomo_index02 .event_box ul {
      padding: 0 0;
  }




  .kodomo #main.kodomo_index #kodomo_index02 .event_box ul li {
      float: left;
      margin: 0 4% 20px 0;
      padding: 0;
      width: 48%;
      font-size: 2.5vw;
  }

  .kodomo #main.kodomo_index #kodomo_index02 .event_box ul li:nth-child(2n) {
      margin: 0 0 0 0;

  }

  .kodomo #main.kodomo_index #kodomo_index02 .event_box .btn {
      text-align: center;
      margin: 30px 0 30px 0;
  }

  .kodomo #main.kodomo_index #kodomo_index02 .event_box .btn img {
      width: 70%;
  }





  .kodomo #main.kodomo_index #kodomo_index03 .hl {
      margin: 0 0 30px 0;
  }

  .kodomo #main.kodomo_index #kodomo_index03 .hl img {
      width: 90%;
  }

  .kodomo #main.kodomo_index #kodomo_index03 p {
      width: 80%;
  }

  .kodomo #main.kodomo_index #kodomo_index03 .hl02 {
      margin: 80px 0 40px 0;
  }

  .kodomo #main.kodomo_index #kodomo_index03 .hl02 img {
      width: 60%;
  }

  .kodomo #main.kodomo_index #kodomo_index03 ul li,
  .kodomo #main.kodomo_index #kodomo_index03 ul li:nth-child(2n),
  .kodomo #main.kodomo_index #kodomo_index03 ul li:last-child {
      float: left;
      width: 46%;
      margin: 0 2% 30px 2%;
      font-size: 1.2rem;
  }

  .kodomo #main.kodomo_index #kodomo_index03 ul li p {
      color: #fff;
  }

  .kodomo #main.kodomo_index #kodomo_index03 .btn {
      margin: 20px 0 60px 0;
  }

  .kodomo #main.kodomo_index #kodomo_index03 .btn img {
      width: 80%;
  }

  .kodomo #main.kodomo_index #kodomo_index03 .youtube {
      width: 94%;
  }






  /* 「郷土と天文の博物館」って？ */
  .kodomo #kodomo_content_title {
      width: 100%;
  }

  .kodomo #kodomo_content_title img {
      width: 70%;
  }

  .kodomo .about_box section .left {
      float: none;
      width: 96%;
      margin: 0 2% 30px 2%;
      text-align: left;
  }

  .kodomo .about_box section .left img {
      width: 100%;
  }

  .kodomo .about_box section .left .btn {
      text-align: center;
      margin: 0 0 50px 0;
  }

  .kodomo .about_box section .right {
      float: none;
      margin: 0 auto;
      width: 96%;
  }

  .kodomo .about_box section .right img {
      width: 100%;
  }


  .kodomo .about_box section.threebros {
      margin: 0 auto 0;
      width: 96%;
      padding: 80px 10px 0;
  }

  .kodomo .about_box section.threebros .left {
      margin: 30px 0 0 0;
  }

  .kodomo .about_box section.threebros .hl {
      text-align: center;
  }

  .kodomo .about_box section.threebros .hl img {
      width: 90%;
  }




  .kodomo .panorama_box .hl img {
      width: 90%;
  }


  .kodomo .panorama_area {
      margin: 0 2% 0;
  }












  /* クイズ */
  .kodomo #kodomo_contents.quiz .howtoplay {
      width: 100%;
      margin: 0 0 20px 0;
  }

  .kodomo #kodomo_contents.quiz .howtoplay img {
      width: 70%;
  }

  .kodomo #kodomo_contents.quiz p {
      padding: 10px;
  }

  .kodomo #kodomo_contents.quiz p:last-of-type {
      margin: 0 0 50px 0;
  }


  .kodomo #kodomo_contents.quiz .kodomo_contents_inner {
      margin: 50px 0 0 0;

  }

  .kodomo #kodomo_contents.quiz .kodomo_contents_inner {
      padding: 60px 10px 30px 10px;
  }


  .kodomo #kodomo_contents.quiz .kodomo_contents_inner .kodomo_inner_hl img {
      width: 60%;
  }

  .kodomo #kodomo_contents.quiz p.left,
  .kodomo #kodomo_contents.quiz p.right{
      padding: 0;
  }

  .kodomo #kodomo_contents.quiz .select_answer ul li {
      width: 32%;
      margin: 10px 1% 0 0;
  }

  .kodomo #kodomo_contents.quiz .select_answer ul li:last-child {
      margin: 10px 0 0 0;
  }


  .kodomo #kodomo_contents.quiz .select_answer ul li a {
      height: 60px;
  }

  .kodomo #kodomo_contents.quiz .select_answer .timer {
      margin: 10px 0 0 0;
  }


  .kodomo #kodomo_contents.quiz .quiz_box {
      margin: 10px 0 20px 0;
  }

  .kodomo #kodomo_contents.quiz .kodomo_contents_inner .kodomo_inner_hl{
      margin: -20px 0 0 0;
  }

  .kodomo #kodomo_contents.quiz .select_answer .timer{
  }

  .kodomo #kodomo_contents.quiz .select_answer .timer span{
      width: 10em;
      font-size: 1.4rem;
      /*padding: 4px 4px 4px 25px;*/
	  padding: 4px 2px;
  }

  .kodomo #kodomo_contents.quiz .select_answer ul li{
      width: 48%;
  }

  .kodomo #kodomo_contents.quiz .select_answer ul li a{
      font-size: 1.4rem;
  }


  .kodomo #kodomo_contents.quiz .blue-box01,
  .kodomo #kodomo_contents.quiz .blue-box02{
      padding: 10px;
  }


  .kodomo #kodomo_contents.quiz .kodomo_contents_inner .btn img{
      width: 80%;
  }

  .kodomo #kodomo_contents.quiz .select_answer ul li a {
      width: 30%;
      /*    height: 40px;*/
  }



  .kodomo #kodomo_contents.quiz .quiz_box .left {
      float: none;
      width: 100%;
  }

  .kodomo #kodomo_contents.quiz .quiz_box .right {
      float: none;
      width: 100%;
      margin: 20px 0 20px 0;
      text-align: center;
  }




  /* 工作の広場 */
 /* .kodomo #kodomo_contents.kousaku .kousaku_box {
      text-align: center;
      width: 44%;
      margin: 0 3% 50px 3%;
      float: left;
      filter: none;
  }*/

  .kodomo #kodomo_contents.kousaku .kousaku_box:last-of-type {
      margin-bottom: 80px;

  }


  .kodomo #kodomo_contents.kousaku .kousaku_box a img {
    max-width: 100% ;
  }



  .kodomo #prev_next {
      margin: 30px 0 0 0;
  }

  .kodomo #prev_next .left,
  .kodomo #prev_next .right {
      width: 48%;
  }


  .kodomo #kodomo_contents.kousaku .kodomo_contents_inner {
      padding: 65px 10px 40px;
      position: relative;
  }


  .kodomo .kodomo_contents_inner .kousaku_detail_box .kousaku_detail_img {
      width: 100%;
      float: none;
  }

  .kodomo .kodomo_contents_inner .kousaku_detail_box .kousaku_detail_img img {
      width: 100%;
  }

  .kodomo .kodomo_contents_inner .ttl_howtoplay {
      width: 100%;
      text-align: center;
      margin: 0px 0 20px 0;
  }

  .kodomo .kodomo_contents_inner .ttl_howtoplay img {
      width: 50%;
  }

  .kodomo .kodomo_contents_inner .cont_howtoplay {
      width: 100%;
  }
  .kodomo .kodomo_contents_inner .kousaku_detail_box .kousaku_detail_img img{
      margin: 20px 0 40px 0;
  }

  .kodomo .btn_download img{
      width: 80%;
  }

  .kodomo #kodomo_contents.kousaku .other_kousaku_list_box {

      width: calc((100% - 40px) / 2);
      margin: 0 10px 20px 10px;
  }

  .kodomo .kousaku_box:nth-of-type(3n) {
      margin: 0 auto 30px auto;
  }
 
  .kodomo .kousaku_box .kousaku_left{
   width: 100% ;}

  .kodomo .kousaku_box .kousaku_right{
   width: 100% ;}

  .kodomo #kodomo_contents.kousaku .other_kousaku_list_box:last-child {
      margin: 0 10px 20px 10px;
  }

  .kodomo .other_kousaku_list_box:last-child {
      margin: 0 2% 40px;
  }

  .kodomo .other_kousaku_list_box {
      margin: 0 2% 40px;
  }




  /* パズルにちょうせん */
  .kodomo #kodomo_contents.puzzle .other_puzzle_list_box {
      width: 45%;
      margin: 60px 10% 20px 0;
  }

  .kodomo #kodomo_contents.puzzle .other_puzzle_list_box:nth-of-type(2n) {
      margin: 60px 0 20px 0;
  }

  .kodomo #kodomo_contents.puzzle .other_puzzle_list_box img {
      width: 100%;
  }

  /*.kodomo #kodomo_contents.puzzle .kodomo_contents_inner.with_icon {
      padding: 0px 20px 60px
  }*/

  .kodomo #kodomo_contents.puzzle .kodomo_contents_inner #timer_box #time {
      font-size: 1.2em;
  }
}

/*　テキスト＋画像
++++++++++++++++++*/
.kodomo .textImage_box{
  overflow: hidden ;
  margin-bottom: 25px ;}
.kodomo .textImage_box .text{
  width: calc(100% - 320px);}
.kodomo .textImage_box .text p:after,
.kodomo .textImage_box .text dl:after{
  display: none ;}
.kodomo .textImage_box.textImageleft .text{
  float: right ;}
.kodomo .textImage_box.textImageright .text{
  float: left ;}
.kodomo .textImage_box figure{
  width: 300px;
  display: block ;
  padding: 5px;
  box-sizing: border-box;}
.kodomo .textImage_box.textImageleft figure{
  float: left ;}
.kodomo .textImage_box.textImageright figure{
  float: right ;}
.kodomo .textImage_box figure img{
  border: none ;
  padding: 0 ;
  max-width: 100% ;
  display: block ;
  margin: 0 auto ;}
.kodomo .textImage_box figure figcaption{
  display: block ;
  margin-top: 5px ;}

@media (max-width: 1000px){
  .kodomo .textImage_box .text{
    width: 100% ;
    float: none ;}
  .kodomo .textImage_box figure{
    width: 100% ;
    float: none ;
    margin-bottom: 15px ;}
}
    
.kodomo .kodomo_content_wrapper ul,
.kodomo .kodomo_content_wrapper ol {
  font-size: 1em;
  margin: 1em 0 1em 1.5em;
  line-height: 2em;
}

.kodomo .kodomo_content_wrapper ul{
  margin-left: 0 ;}
.kodomo .kodomo_content_wrapper ul li{
  position:relative ;
  list-style: none ;
  padding-left: 1em ;}
.kodomo .kodomo_content_wrapper ul li::before{
  position: absolute ;
  display: block ;
  content: '' ;
  left: 2px;
  top: 10px ;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #187fc4;
}

.kodomo.app .textImage_box .text{
  width : 100%;}
.kodomo.app .textImage_box.textImageleft .text{
  float: none ;}
.kodomo.app .textImage_box.textImageright .text{
  float: none ;}
.kodomo.app .textImage_box.textImageleft figure{
  float: left ;
  margin-right: 40px ;}
.kodomo.app .textImage_box.textImageright figure{
  float: right ;
  margin-left: 40px ;}


  
/*　アーカイブ
++++++++++++++++++*/
body.archive #museumWrap {
  background: #fff;
}

body.archive #museumWrap h2 {
  text-align: center;
  width: 100%;
  background: #010d1e;
}

@media (max-width: 1000px) {
  body.archive #museumWrap h2 {
    padding: 0 5%;
  }
}

body.archive #museumWrap h3 img {
  width: 100%;
}

body.archive #museumWrap p,
body.archive #museumWrap dl {
  font-size: 1em;
  margin: 15px 0;
  line-height: 2em;
}

body.archive #museumWrap .magazine p.title{
  margin-bottom: 5px ;
  line-height: 1.5 ;}
body.archive #museumWrap .magazine p.subTitle{
  margin-top: 0 ;
  margin-bottom: 0 ;
  line-height: 1.5 ;}

body.archive #museumWrap a:hover {
  opacity: 0.8;
}

body.archive #headerArea {
  width: 100%;
  background: url("../../archive/images/digitalarchive_top.jpg") no-repeat center center;
  background-size: cover;
  margin-bottom: 25px;
  padding: 90px 0 ;
  box-sizing: border-box ;
}

body.archive #headerArea #archiveVisual {
  padding: 15px;
  background: rgba(0,0,0,0.7);
  max-width: 1000px;
  margin: auto;
}

@media (max-width: 1000px) {
   body.archive #headerArea {
     padding: 40px 0 ;}
   body.archive #headerArea #archiveVisual {
    width: 95% ;
    padding: 50px 5%;
  }
}

body.archive #headerArea h2 {
  text-align: left;
  background: none;
  padding-bottom: 100px;
}

@media (max-width: 1000px) {
  body.archive #headerArea h2 {
    padding: 0 0 30px;
  }
}

body.archive #headerArea h3 {
  background: none;
  text-align: left;
  font-size: 110%;
  position: relative;
  margin: 0 0 15px;
  color: #fff;
}

body.archive #headerArea p {
  color: #fff;
}

body.archive #tabArea_kyukei {
  background: #393734;
  width: 100%;
}

body.archive #tabArea_tentai {
  background: #3f1617;
  width: 100%;
}

body.archive #tabArea_ukiyoe {
  background: #422f5f;
  width: 100%;
}

body.archive #tabArea_backnumber {
  background: #20462d;
  width: 100%;
  padding-bottom: 5px ;
}

body.archive .tabs {
  display: flex;
  margin: 0 auto 15px;
  max-width: 1000px;
}

@media (max-width: 1000px) {
  body.archive .tabs {
    margin: 0 5%;
  }
}

body.archive .tabs h4 {
  min-width: 50px;
  margin: 7px 0;
  color: #fff;
}

body.archive .tabs li {
  display: inline-block;
  list-style: none;
}

body.archive .tabs a {
  display: inline-block;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
  margin: 5px;
  padding: 2px 5px;
  border-radius: 5px;
}

body.archive .tabs a.active{
  background:#ECDD0F ;
  border: 1px solid #ECDD0F ;
  color: #000000 ;}

body.archive #searchTab {
  background: #f3f2ec;
  padding: 30px;
  max-width: 1000px;
  margin: auto;
}

@media (max-width: 680px) {
  body.archive #searchTab {
    padding: 10px;
  }
}

body.archive #searchTab input {
  width: 100%;
  height: 30px;
  border: none;
}

body.archive #searchTab #Submit {
  text-align: center;
}

body.archive #searchTab select {
  cursor: pointer;
  border: none;
}

body.archive #searchTab #Submit button {
  cursor: pointer;
  border: none;
  width: 180px;
  height: 45px;
  margin: 15px 10px;
  border-radius: 10px;
  color: #fff;
}

body.archive #searchTab #Submit button[type="submit"] {
  background: #515151;
}

body.archive #searchTab #Submit button[type="reset"] {
  background: #a1a1a1;
}

body.archive #details {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1000px) {
  body.archive #details {
    flex-direction: column;
  }
}

body.archive #details h4 {
  margin-bottom: 15px;
}

body.archive #details section {
  width: 30%;
}

@media (max-width: 1000px) {
  body.archive #details section {
    margin: 15px auto;
    width: 100%;
  }
}

body.archive #details section select {
  width: 250px;
}

@media (max-width: 1000px) {
  body.archive #details section select {
    width: 100%;
  }
}

body.archive #details.dub section {
  width: 49%;

}

@media (max-width: 1000px) {
  body.archive #details.dub section {
    margin: 15px auto;
    width: 100%;
  }
}

body.archive #details.dub section select {
  width: 100%;
}

body.archive #searchBtn {
  display: block;
  max-width: 1000px;
  margin: 30px auto 0;
}

@media (max-width: 1000px) {
  body.archive #searchBtn {
    margin: 15px 5% 0;
  }
}

@media (max-width: 680px) {
  body.archive #searchBtn {
    margin: 15px auto 0;
  }
}

body.archive .hideBtn {
  display: block;
  background: #dfd4a2;
  text-align: center;
  width: 230px;
  padding: 7px 0;
  cursor: pointer;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

body.archive .hideBtn::after {
  font-family: 'Font Awesome 5 Free';
  content: "\f106";
  font-weight: 900;
  color: #545454;
  float: right;
  margin-right: 10px;
}

body.archive .hideBtn.change::after {
  transform: rotate(180deg);
}

body.archive .hideBtn:hover {
  opacity: 0.9;
}

@media (max-width: 680px) {
  body.archive .hideBtn {
    width: 100%;
    margin: auto;
  }
}

body.archive .check {
  visibility: hidden;
  float: right;
}

body.archive .Hide {
  display: none;
}




/*  行事カレンダー
--------------------------------------*/
#kasou.calendar #undercontent .calendar_box{
  padding: 15px;
  box-sizing: border-box;
  background: #99d2cc;
  }

#kasou.calendar #undercontent .calendar_box .select{
  width: 100% ;
  background: #ffffff ;
  padding: 10px ;
  box-sizing: border-box ;
  display: table ;
  margin: 0 auto 15px auto ;}
#kasou.calendar #undercontent .calendar_box .select p{
  display: table-cell;
  vertical-align: middle ;
  font-size: 2rem ;}
#kasou.calendar #undercontent .calendar_box .select .prev,
#kasou.calendar #undercontent .calendar_box .select .next{
  width: 100px ;}
#kasou.calendar #undercontent .calendar_box .select .next{
  text-align: right ;}
#kasou.calendar #undercontent .calendar_box .select .prev a,
#kasou.calendar #undercontent .calendar_box .select .next a{
  position: relative ;}
#kasou.calendar #undercontent .calendar_box .select .prev a{
  padding-left: 30px;
  }
#kasou.calendar #undercontent .calendar_box .select .next a{
  padding-right: 30px;
  }

#kasou.calendar #undercontent .calendar_box .select .prev a:before,
#kasou.calendar #undercontent .calendar_box .select .next a:before{
  display: block;
  position: absolute;
  content: '';
  top: 50%;
  right:10px;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  border-top: 3px solid #034a86;
  border-right: 3px solid #034a86;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }
#kasou.calendar #undercontent .calendar_box .select .prev a:before{
  left: 10px ;
  right: auto ;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);}

#kasou.calendar #undercontent .calendar_box .select .now{
  width: calc(100% - 200px) ;
  text-align: center ;
  font-size: 2.4rem ;
  font-weight: bold ;
  color: #000000 ;}
@media (max-width: 560px){
  #kasou.calendar #undercontent .calendar_box .select .prev,
  #kasou.calendar #undercontent .calendar_box .select .next{
    font-size: 1.5rem ;}
  #kasou.calendar #undercontent .calendar_box .select .now{
    font-size: 1.8rem ;}
}
#kasou.calendar #undercontent .calendar_box .table_wrap{
  width: 100% ;}
#kasou.calendar #undercontent .calendar_box .table_wrap table{
  border: none ;}
@media (max-width: 1210px){
  #kasou.calendar #undercontent .calendar_box .table_wrap table {
    width: 970px;}
}
#kasou.calendar #undercontent .calendar_box .table_wrap caption{
  display: none ;}

#kasou.calendar #undercontent .calendar_box .table_wrap thead{}
#kasou.calendar #undercontent .calendar_box .table_wrap thead th{
  background: #ffffff ;
  padding: 15px 0 ;
  text-align: center ;
}
#kasou.calendar #undercontent .calendar_box .table_wrap thead th.cSat{
  background: #187fc4 ;
  color: #ffffff ;}

#kasou.calendar #undercontent .calendar_box .table_wrap thead th.cSun{
  background: #ff4646 ;
  color: #ffffff ;}

#kasou.calendar #undercontent .calendar_box .table_wrap tbody{
  display: none ;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody.active{
  display: table-row-group;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td{
  background: #ffffff ;
  padding: 15px 0 ;
  text-align: center ;
}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.cSat{
  background: #e5f7ff ;
  color: #187fc4 ;}

#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.cSun{
  background: #fff3f7 ;
  color: #ff4646 ;}

#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.cSun{
  color: #ff4646 ;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.cSat{
  color: #187fc4 ;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.cHol{
  background: #cccccc ;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.cHol2{
  position: relative ;
  overflow: hidden ;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.cHol2:before{
  position: absolute ;
  display: block ;
  content: '';
  top: 0 ;
  right: 0 ;
  z-index: 1 ;
  /*1色パターン：border-rightだけに色指定*/
  border-top: 54px solid #cccccc;
  border-right: 138px solid transparent;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.cHol2 span{
  position: relative ;
  z-index: 10 ;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.cHol3{
  background: #ffd1e8 ;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.cToday{
  border:2px solid #ffa800 ;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td a{
  border-bottom: 2px solid #187fc4 ;
  text-decoration: none ;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td a{
  color: #000000 ;
  border-bottom: 1px solid #000000;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.cSun a{
  color: #ff4646 ;
  border-bottom: 1px solid #ff4646;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.cSat a{
  color: #187fc4 ;
  border-bottom: 1px solid #187fc4;}
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.ph span,
#kasou.calendar #undercontent .calendar_box .table_wrap tbody td.ph a{
  color: #ff4646 ;
  border-color: #ff4646;}
#kasou.calendar #undercontent .calendar_box .exp{}
#kasou.calendar #undercontent .calendar_box .exp span{
  display: inline-block ;
  margin: 0 0 5px 0 ;}
#kasou.calendar #undercontent .calendar_box .exp span.holiday{
  padding: 0 0 5px 10px;
  border-left: 30px solid #cccccc;
  }
#kasou.calendar #undercontent .calendar_box .exp span.holiday2{
  position: relative ;
  padding: 0 0 5px 40px ;}
#kasou.calendar #undercontent .calendar_box .exp span.holiday2:before{
  position: absolute ;
  display: block ;
  content: '';
  top: 0 ;
  left: 0 ;
  z-index: 1 ;
  /*1色パターン：border-rightだけに色指定*/
  border-top: 30px solid #cccccc;
  border-right: 30px solid transparent;}
#kasou.calendar #undercontent .calendar_box .exp span.holiday2:after{
  position: absolute ;
  display: block ;
  content: '';
  top: 0 ;
  left: 0 ;
  z-index: 1 ;
  /*1色パターン：border-rightだけに色指定*/
  border-top: 30px solid transparent;
  border-right: 30px solid #ffffff;}
#kasou.calendar #undercontent .calendar_box .exp span.holiday3{
  padding: 0 0 5px 10px ;
  border-left: 30px solid #ffd1e8 ;}
#kasou.calendar #undercontent .calendar_box .exp span.today{
  position: relative;
  padding: 0 0 5px 5px;
  border-left: 30px solid #ffa800;
  }
#kasou.calendar #undercontent .calendar_box .exp span.today:after{
  position:absolute;
  display: block;
  content: '';
  width: 24px;
  height: 25px;
  background: #ffffff;
  top: 2px;
  left: -27px;
  }
#kasou.calendar #undercontent .day_information{}
#kasou.calendar #undercontent .day_information h4{}
#kasou.calendar #undercontent .day_information ul{
  margin: 0 auto ;}
#kasou.calendar #undercontent .day_information ul li{
  margin: 0 auto ;}


.sitemap #under #undercontent .box{
  margin-bottom: 30px ;}
.sitemap #under #undercontent h3{
  margin-bottom: 15px ;}
.sitemap #under #undercontent ul li{
  padding-left: 0 ;}
.sitemap #under #undercontent ul li::before{
  display: none ;}
.sitemap #under #undercontent .widget-header{
  display: none ;}
.sitemap #under #undercontent .sidenav2{
  display: none ;}
.sitemap #under #undercontent .widget-header+#sidenav,
.sitemap #under #undercontent .sidenav2+#sidenav{
  margin-top:0 ;}
.sitemap #under #undercontent .subnav{
  display: none ;}



/*  SNSボタン
--------------------------------------*/
#under #undercontent #share,
#kasou #museum #share,
#kasou .magazine #share{
 display: block ;
 margin: 0 auto 15px auto ;
 text-align: right ;
 overflow: hidden ;}
#under #undercontent #share p,
#kasou #museum #share p,
#kasou .magazine #share p{
 width: 30px ;
 float: right ;
 margin: 0 ;}
#under #undercontent #share p + p,
#kasou #museum #share p + p,
#kasou .magazine #share p + p{
 margin: 0 10px 0 0 ;}
#under #undercontent #share p img,
#kasou #museum #share p img,
#kasou .magazine #share p img{
 max-width: 100% ;}