/* jiyukenkyu2025
-------------------------------- */
* {
  box-sizing: border-box;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.font {
  font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
}

table {
  display: table;
}

table>.cell {
  display: table-cell;
}

/*ーーーーーーーーーーーーーーーー注意書きーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.cautionbox{
  margin: 1em 2em;
  background-color: #ffebee;
  padding: 1em;
}

.cautionbox-title{
  color: #ef5350;
  font-size: 18px;
  font-weight: bold;
}

.cautionbox-title:before{
  font-family: "Font Awesome 5 Free";
  content: "\f071";
  font-size: 17px;
}

.cautionbox p{
  margin: 0;
  padding: 0;
}



/*---------------（残）ご利用について　の枠----------------- */

.box1 {
  background-repeat: repeat;
  padding: 1%;
  margin: 1%;

  border-radius: 8px;
}

/*---------------（残）ご利用について　の　見出し----------------- */

.title-box1 {

  margin: 1em 3em;
  padding: 1em;
  position: relative;
  border: 1px solid #555;
}

.title-box1-title {
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: bold;
  font-size: 1.2em;
  background: #fff;
  padding: 0 0.5em;
}

.title-box1 p {
  margin: 0;
  padding: 0;
}



/*-------------（残）イベントコンテンツの文章の高さをそろえた------------------- */
.eve_con_text {
  height: 160px;
}

/*-------------（残）パンくずリストのテキストリンクボタン------------------- */
.btn-gradient-radius {
  display: inline-block;
  padding: 20px 20px;
  border-radius: 50px;
  text-decoration: none;
  color: #FFF;
  width: 300px;
  background: #002e55;
  transition: .4s;
}

.btn-gradient-radius:hover {
  background: #87befd;
}

/*
-------------（残）行ってみよう展示館リスト装飾　ナンバー------------------- */

.lets_go {
  counter-reset: number;
  /*数字をリセット*/
  list-style-type: none !important;
  /*数字を一旦消す*/
  padding: 0.3em 3em;

}

.lets_go li {
  border-bottom: dashed 1px orange;
  position: relative;
  padding: 0.5em 0.5em 0.5em 30px;
  line-height: 1.5em;
  font-size: large;
}

.lets_go li:before {
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display: inline-block;
  background: #ffb107;
  color: white;
  font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*
---------------（残）行ってみよう展示館リストのpickup装飾　チェックマーク----------------- */

.pickup {
  position: relative;
  padding-left: 1.2em;
  /*アイコン分のスペース*/
  line-height: 1.4;
  font-weight: 900;
  margin: 10px;
}

.pickup:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  /*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;
  /*絶対位置*/
  font-size: 1em;
  /*サイズ*/
  left: 0;
  /*アイコンの位置*/
  top: 0;
  /*アイコンの位置*/
  color: #5ab9ff;
  /*アイコン色*/
  font-weight: 900;
}

.pickup2 {
  position: relative;
  padding-left: 1.2em;
  /*アイコン分のスペース*/
  line-height: 1.4;
  font-weight: 900;
  margin: 10px;
}

.pickup2:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  /*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;
  /*絶対位置*/
  font-size: 1em;
  /*サイズ*/
  left: 0;
  /*アイコンの位置*/
  top: 0;
  /*アイコンの位置*/
  color: #ffae00;
  /*アイコン色*/
  font-weight: 900;
}

.pickuptext {
  padding-left: 1.2em;
  /*アイコン分のスペース*/
  margin: 0 0 0 10px;
}

/*
---------------（残）行ってみよう展示館リストのpickup内のテキストリンクの装飾----------------- */
.pickuptext a {
  color: #375A94;
  border-bottom: #375A94;
}

/*
---------------（残）行ってみよう展示館その他リストのpickup装飾----------------- */


.otherlist {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  background: #fafafa;
}

.otherlist li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none !important;
  border-bottom: dashed 1px #ffb03f;

}

.otherlist li:before {
  content: ">";
  position: absolute;
  left: 1em;
  /*左端からのアイコンまで*/
  color: rgb(255, 115, 0);
  /*アイコン色*/
}



/*---------------（残）行ってみよう展示館その他リストのボタンデザイン----------------- */

.otherbtn {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #f46f03;
  /*色*/
  border: solid 1px #da4f0f;
  /*線色*/
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  margin: 30px 40%;
}

.otherbtn {
  /*押したとき*/
  border: solid 1px #f46f03;
  box-shadow: none;
  text-shadow: none;
}




/*-------------（残）イベント・コンテンツの対象タグ　1行でおさまるもの------------------- */

.other_target {
  position: relative;
}

.other_target p {
  vertical-align: middle;
  position: absolute;
  top: -20px;
  /*top: 5px;画像の左上に配置*/
  left: 7px;
  margin: 0;
  /*余計な隙間を除く*/
  color: white;
  /*文字を白に*/
  background: #FF5722;
  /*背景色*/
  font-size: 15px;
  font-size: 12px;
  line-height: 1.2;
  /*行高は1に*/
  padding: 3px 3px;
  /*文字周りの余白*/
    height: 20px;
    width: 100px;
  text-align: center;
      border-top-left-radius: 10px;
    border-top-right-radius: 10px;
 
}

.other_target img {
  width: 100%;
  box-shadow: 3px 3px 10px 0px #BBBBBB;
  border-radius: 10px;
}


/*----------------（残）イベント・コンテンツの対象タグ　2行になるもの--------------- */

.other_target2 {
  position: relative;
}

.other_target2 p {
  position: absolute;
 top: -20px;
   /* top: 5px;画像の左上に配置*/
  left: 7px;
  margin: 0;
  /*余計な隙間を除く*/
  color: white;
  /*文字を白に*/
  background: #06b31d;
  /*背景色*/
  font-size: 15px;
  font-size: 12px;
  line-height: 1.2;
  /*行高は1に*/
  padding: 3px 3px;
  /*文字周りの余白*/
    height: 20px;
    width: 100px;
  text-align: center;
      border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.other_target2 img {
  width: 100%;
  box-shadow: 3px 3px 10px 0px #BBBBBB;
  border-radius: 10px;
}






/*ーーーーーーーーーーーーーーーーーーーー（残）CSS　ふきだし　他にも教材あるよーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.box24 {
  width: 150px;
  position: relative;
  padding: 0.5em 0.5em;
  margin: 10px 10px 18px 30px;
  background: #e6f4ff;
  color: #5c98d4;
  font-weight: bold;
  border-radius: 30px;
  text-align: center;
}

.box24:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e6f4ff;
  width: 0;
  height: 0;
}

.box24 p {
  margin: 0;
  padding: 0;
}


/*ーーーーーーーーーーーーーーーーーーーー（残）その他展示館リストのアコーディオンーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.accordion-003 {
  margin-bottom: 7px;
  border-bottom: 2px solid #d0d0d0;
  margin: 0 3em;
}

.accordion-003 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1em 2em;
  color: #333333;
  font-weight: 600;
  cursor: pointer;
}

.accordion-003 summary::-webkit-details-marker {
  display: none;
}

.accordion-003 summary::after {
  transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #333333b3;
  border-right: 3px solid #333333b3;
  content: '';
  transition: transform .3s;
}

.accordion-003[open] summary::after {
  transform: rotate(225deg);
}

.accordion-003 p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: .3em 2em 1.5em;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
  transform: none;
  opacity: 1;
}


/*ーーーーーーーーーーーーーー（残）展示館詳細　青色ボタンーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


.btn-flat-border-list {
  display: inline-block;
  padding: 5px 20px;
  text-decoration: none;
  color: #ffffff;
  border: solid 2px #67c5ff;
  border-radius: 40px;
  transition: .4s;
  background-color: #03A9F4;
  margin-bottom: 15px;
  font-size: medium;
  margin: 20px 20%;
}

.btn-flat-border-list:hover {
  background: #67c5ff;
  color: white;
}

/*ーーーーーーーーーーーーーー（残）展示館詳細　イベントオレンジボタンーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


.btn-flat-border-list-or {
  display: inline-block;
  padding: 5px 8px;
  text-decoration: none;
  color: #ffffff;
  border: solid 2px #ff7b00;
  border-radius: 40px;
  transition: .4s;
  background-color: #f46f03;
  margin-bottom: 15px;
  font-size: medium;
  margin: 20px 20%;
}

.btn-flat-border-list-or:hover {
  background: #ff7b00;
  color: white;
}

/*ーーーーーーーーーーーーーーーーーーーー（残）コンテンツ下の詳細ボタンーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.btn-flat-border {
  display: inline-block;
  padding: 0em 1.5em;
  text-decoration: none;
  color: #ffffff;
  border: solid 2px #67c5ff;
  border-radius: 15px;
  transition: .4s;
  background-color: #03A9F4;
  font-size: medium;
  margin: 10px 21%;
}

.btn-flat-border:hover {
  background: #67c5ff;
  color: white;
}




/*ーーーーーーー（残）各コンテンツのタイトルの下線ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.contentsTTL {
  border-bottom: solid 3px skyblue;
  position: relative;
  font-weight: 900;
}

.contentsTTL1:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.line_dot{
border-top: 2px dashed #888; 
width: 80%; 
margin: 20px auto;
margin-bottom: 40px;
}



*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
 

  /* パソコンで見たときは"pc"のclassがついた画像が表示される */
  .pc {
    display: block !important;
  }

  .sp {
    display: none !important;
  }


   /* 見に行ってみようの　他の展示館リストの詳細オレンジボタン　リスト下のほうにある */

  .otherbtn {
    margin: 30px 39%;
  }

  .mb-5{
    padding: 0;
  }

  figure{
    margin: 1em 15px;
  }
  .m-figure-caption figcaption {
    font-size: small;
}
.eve_con_text {
    font-size: smaller;
  
}
.btn-flat-border {
      margin: 10px 14%;
}

.otherbtn {
        margin: 30px 34%;
    }
.eye-catch__txt {
    font-size: 1.5rem;

}


}


@media screen and (max-width:480px) {
  
  .line_dot{
border-top: 2px dashed #fffefe; 
}

  
  h1 {
    font-size: 15px;
  }

  h3 {
    font-size: 13px;
  }

  
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

.other_target p{
  top: 2px;
  left: 2px;
  font-size: medium;
  width: 130px;
  height: 25px;
      border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.other_target2 p{
  top: 2px;
  left: 2px;
  font-size: medium;
  width: 130px;
  height: 25px;
      border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
  
  
  /* その他展示館リストのアコーディオン */
  .accordion-003 summary {
    padding: 2em 0.5em;
  }

  .accordion-003 p {
    padding: 0.2em 1em 1em;
  }

 /* イベントコンテンツの説明欄のコメント */
  .eve_con_text {
    height: 110px;
  }

 /* 見に行ってみようのフォントのサイズ */
  .lets_go li a {
    font-size: small;
  }
 /* 見に行ってみようの青いボタン */
  .btn-flat-border-list {
    margin: 10px;
  }
 /* 見に行ってみようのオレンジボタン */
  .btn-flat-border-list-or {
    margin: 10px;
  }
 /* コンテンツ説明欄下の青いボタン */

  .btn-flat-border {
    font-size: large;
    margin: 10px 26%;
  }
 /* 見に行ってみようの　他の展示館リストの詳細オレンジボタン　リスト下のほうにある */
  .otherbtn {
    margin: 30px 25%;
  }

}

@media (max-width: 390px){
　/* 幅が768px以下のときに適用するスタイルをここに記述します */
.btn-flat-border {
        margin: 10px 20%;
    }
}


@media (min-width: 800px) {
 

  /* パソコンで見たときは"pc"のclassがついた画像が表示される */
  .pc {
    display: block !important;
  }

  .sp {
    display: none !important;
  }


   /* 見に行ってみようの　他の展示館リストの詳細オレンジボタン　リスト下のほうにある */

  .otherbtn {
    margin: 30px 39%;
  }

  .mb-5{
    padding: 0;
  }

  figure{
    margin: 1em 15px;
  }
  .m-figure-caption figcaption {
    font-size: small;
}
.eve_con_text {
    font-size: smaller;
  
}
.btn-flat-border {
      margin: 10px 25%;
}

.otherbtn {
        margin: 30px 34%;
    }
.eye-catch__txt {
    font-size: 1.5rem;

}


}