@charset "UTF-8";

.jaxas .sp_block {
   display: none;
}
   
.jaxas .pc_block {
   display: block;
}

.jaxas dl,
.jaxas dt,
.jaxas dd {
   margin: 0;
}

.jaxas a.alpha:hover {
   opacity: 0.7;
}

.section-layout[data-category=jaxas],
.section-layout__header.jaxas,
.section-layout__body.jaxas {
   font-family: 'Noto Sans JP', sans-serif!important;
   font-weight: 400!important;
}

.section-layout__body.jaxas.article_page {
   padding: 0!important;
}

.section-layout__body.jaxas.article_page > div {
   max-width: 100%!important;
}

.section-layout__body.jaxas .container {
   border: solid #e0e0e0;
   border-width: 0 1px 0 1px;
}

.jaxas .main_visual img {
   width:100%;
}

.jaxas .heading_h1 {
   background: #f3f3f3;
   padding: 0.5em;
   width: 100%;
   font-family: 'Noto Sans JP', sans-serif;
   font-weight: Black;
   text-align: center;
   color: #1e1e1e;
   font-size: 1.3rem;
}

.jaxas .heading_h2 {
   margin: 3rem auto;
   text-align: center;
}

.jaxas .heading_h2:first-child {
   margin: 0 auto 3rem;
}

.jaxas .heading_h2 h2 {
   font-size: 2.7rem;
   font-weight: 700;
}

.jaxas .h2_sub {
   font-size: 17px;
   font-weight: 700;
}

.jaxas .heading_h3 {
   margin: 2rem auto;
   text-align: center;
}

.jaxas .heading_h3 h3 {
   font-size: 1.5rem!important;
   font-weight: 700;
}

.jaxas .heading_h4 h4 {
   font-size: 1.1rem!important;
   font-weight: 700;
}

.jaxas .lead {
   text-align: center;
   font-weight: bold;
   font-size: 1.2rem;
}

.jaxas .paragraph {
   margin: 0 0 2rem;
}

.jaxas .paragraph_border {
   margin: 0 0 3rem;
   padding: 0 0 3rem;
   border-bottom: 1px solid #e0e0e0;
}

.jaxas figure.block_image {
   margin: 2rem auto;
   text-align: center;
}

.jaxas figure.block_image figcaption {
   font-size: 0.8rem!important;
   font-weight: 400;
   margin: 0.5rem;
   text-align: left;
}

.jaxas .elem-pic__holder img,
.jaxas .modal_wrapper .modal_window .modal_content img {
   image-rendering: -webkit-crisp-edges;
   image-rendering: -moz-crisp-edges;
   image-rendering: pixellated;
   -ms-interpolation-mode: nearest-neighbor;
}

.jaxas .profile {
   border-bottom: 1px solid #e0e0e0;
   padding-bottom: 2rem;
}

.jaxas .profile .heading_h3 {
   text-align: left;
   position: relative;
   margin-bottom:15px;
}

.jaxas .profile .heading_h3:before {
   content: '';
   background-color: #e0e0e0;
   display: block;
   position: absolute;
   left: 0;
   width: 100%;
   height: 1px;
   top: 0;
   bottom: 0;
   margin: auto;
}

.jaxas .profile .heading_h3 h3 {
   position:  relative;
   display:  inline-block;
   background-color: #fff;
   padding: 0 10px 0 0;
}

.jaxas .credit {
   font-weight: bold;
   padding: 3rem 0;
}

.jaxas .copyright-notation {
    font-size: 0.7rem;
    text-align: right;
}

.jaxas .wrap_video {
  max-width: 100%;/* ここでサイズ変える */
  margin: 2rem auto;
}

.jaxas .video {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.jaxas .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.jaxas #page_top {
  position: fixed;
  bottom: 16px;
  right: 25%;
  font-size: 0;
  opacity: 0; 
  width: 80px;
  height: 80px;
  padding: 1em;
  background: #333333;
  border: solid 1px #333333;
  border-radius: 50%;
  text-align: center;
  vertical-align: bottom;
  line-height: 1.3em;
  cursor: pointer;
}

.jaxas #page_top.fade-in {
  color: #ffffff;
  font-size: 16px;
  opacity: 0.6;
  transition: opacity 1s;
  cursor: pointer;
}

.jaxas #page_top.fade-in:hover {
  opacity: 0.3;
  -moz-transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -o-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(-10px);
}

.jaxas #page_top span {
  display: block;
  transform: translateY(10px);
}

.jaxas #page_top span::before {
  content: " ";
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-color: #ffffff #ffffff transparent transparent;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: -14px;
  left: 18px;
}

/* 入手先ページ Start */
.jaxas .elem_grid_container {
   margin: 2em auto;
}

.jaxas .elem_grid_container .grid_container {
   display: grid;
   display: -ms-grid;
   grid-template-rows: 3rem;
   -ms-grid-rows: 3em;
   grid-template-columns: 12% 40% 38% 10%;
   -ms-grid-columns: 12% 40% 38% 10%;
   border: solid #cdcdcd;
   border-width: 0 1px 1px 1px;
}

.jaxas .elem_grid_container .grid_container:first-child {
   border: solid 1px #cdcdcd;
}

.jaxas .elem_grid_container .item_pref,
.jaxas .elem_grid_container .item_name,
.jaxas .elem_grid_container .item_address,
.jaxas .elem_grid_container .item_access {
   position:relative;
   grid-row: 1;
   -ms-grid-row: 1;
}

.jaxas .elem_grid_container .item_pref p,
.jaxas .elem_grid_container .item_access .item_inner {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.jaxas .elem_grid_container .item_pref {
   grid-column: 1;
   -ms-grid-column: 1;
   border-right: solid 1px #cdcdcd;
}

.jaxas .elem_grid_container .item_pref .bg {
   text-align: center;
}

.jaxas .elem_grid_container .item_name {
   grid-column: 2;
   -ms-grid-column: 2;
   border-right: solid 1px #cdcdcd;
}

.jaxas .elem_grid_container .item_name .item_inner,
.jaxas .elem_grid_container .item_name.link_none .item_inner,
.jaxas .elem_grid_container .item_address p {
   position: absolute;
   top: 50%;
   left: 7%;
   right: 7%;
   -webkit-transform: translate(0%, -50%);
   transform: translate(0%, -50%);
}

.jaxas .elem_grid_container .item_address {
   grid-column: 3;
   -ms-grid-column: 3;
}

.jaxas .elem_grid_container .item_address p {
   font-size: 80%;
}

.jaxas .elem_grid_container .item_access {
   grid-column: 4;
   -ms-grid-column: 4;
   text-align: center;
}

.jaxas .elem_grid_container .item_access .item_inner {
   width: 56%;
}

.jaxas .elem_grid_container .item_access .item_inner a {
   display: block;
}
/* 入手先ページ End */
   
/* モーダル Start */
.modal_wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 60px 10px;
  text-align: center
}

.modal_wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal_wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal_wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal_wrapper .modal_window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 90%;
  max-width: 90%;
  padding: 30px 30px 15px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}

.modal_wrapper .modal_window .modal_content {
  max-height: 100vh;
  overflow-y: auto;
}

.modal_overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}

.modal_wrapper .modal_close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  color: #95979c !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal_wrapper .modal_close:hover {
  color: #2b2e38 !important
}

@media (min-width: 1038px) {
    .modal_wrapper .modal_window {
        box-sizing: border-box;
        display: inline-block;
        z-index: 20;
        position: relative;
        width: 90%;
        max-width: 65%;
        padding: 30px 30px 15px;
        border-radius: 2px;
        background: #fff;
        box-shadow: 0 0 30px rgba(0, 0, 0, .6);
        vertical-align: middle
    }
}

/* モーダル End */

.elem-column-list.flex_center a {
  justify-content: center;
}

/* ズームアイコン Start */
.relative {
   position: relative;
}

.fa-search-plus {
   color: #fff;
   font-size: 120%;
   position: absolute;
   top: 10px;
   left: 10px;
}
/* ズームアイコン End */


/* JAXA's Responsive setting Start */
/* For iPad Pro & PC Device */
@media (min-width: 1038px) {
   
  .section-layout__body.jaxas .body_inner {
      padding: 2.533rem 1.333rem;
   }
  
   .section-layout__body.jaxas .container {
      max-width: 1038px;
      margin: 0 auto;
   }
   
   .section-layout__body.jaxas .container section .container_inner {
      max-width: 840px;
      margin: 0 auto;
      padding: 0 20px;
   }
}


/* For iPad (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1038px) and (orientation : portrait) {
   
.section-layout__body.jaxas .body_inner {
   padding: 1.333rem 2.657% 2.667rem;
   }
   
.section-layout__body.jaxas .container {
   max-width: 100%;
   }
   
.section-layout__body.jaxas .container section .container_inner {
   max-width: 90%;
   margin: 0 auto;
   }
}

/* For iPad (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1038px) and (orientation : landscape) {
   
.section-layout__body.jaxas .body_inner {
   padding: 1.333rem 2.657% 2.667rem;
   }
   
.section-layout__body.jaxas .container {
   max-width: 100%;
   }
   
.section-layout__body.jaxas .container section .container_inner {
   max-width: 90%;
   margin: 0 auto;
   }
}

@media (max-width: 1880px) {
  .jaxas #page_top {
      width: 60px;
      height: 60px;
      right: 5%;
  }

  .jaxas #page_top.fade-in {
      font-size: 12px;
  }

  .jaxas #page_top span {
      transform: translateY(6px);
  }

  .jaxas #page_top span::before {
      top: -11px;
      left: 12px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1049px) {
   /* 入手先ページ Start */
   .jaxas .elem_grid_container .grid_container {
      grid-template-columns: 17% 38% 35% 10%;
      -ms-grid-columns: 17% 38% 35% 10%;
   }
   /* 入手先ページ end */
}

@media (max-width: 767px) {   
   /* 入手先ページ Start */
   .section-layout__body.jaxas .body_inner {
      padding: 1.333rem 2.657% 2.667rem;
   }
   
   .section-layout__body.jaxas .container {
      max-width: 100%;
   }
   
   .section-layout__body.jaxas .container section .container_inner {
      max-width: 90%;
      margin: 0 auto;
   }
   
   .jaxas .elem_grid_container .grid_container {
      grid-template-rows: 40px 50px 30px;
      -ms-grid-rows: 40px 50px 30px;
      grid-template-columns: 20% 50% 30%;
      -ms-grid-columns: 20% 50% 30%;
      margin-bottom: 3em;
      border: none;
   }

   .jaxas .elem_grid_container .grid_container:first-child {
      border: none;
   }

   .jaxas .elem_grid_container .item_pref {
      grid-row: 1;
      -ms-grid-row: 1;
      grid-column: 1;
      -ms-grid-column: 1;
      border: none;
      background: none;
   }

   .jaxas .elem_grid_container .item_pref p {
      left: 0%;
      -webkit-transform: translate(0%, -50%);
      transform: translate(0%, -50%);
   }

   .jaxas .elem_grid_container .item_pref .bg {
      display: inline-block;
      padding: 0.2em;
      min-width: 80px;
      min-height: 30px;
      font-size: 90%;
   }

   .jaxas .elem_grid_container .item_name {
      grid-row: 2;
      -ms-grid-row: 2;
      grid-column: 1 / 4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      padding: 1em 0;
      border: none;
   }

   .jaxas .elem_grid_container .item_name .item_inner,
   .jaxas .elem_grid_container .item_name.link_none .item_inner {
      left: 0%;
   }

   .jaxas .elem_grid_container .item_address {
      grid-row: 3;
      -ms-grid-row: 3;
      grid-column: 1 / 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
      border: none;
   }

   .jaxas .elem_grid_container .item_address p {
      left: 0%;
   }

   .jaxas .elem_grid_container .item_access {
      grid-row: 3;
      -ms-grid-row: 3;
      grid-column: 3;
      -ms-grid-column: 3;
      border: none;
   }
   /* 入手先ページ end */
}

.public {
   background: #e1f6ff;
}

@media (min-width: 641px) {
   .section-layout__body.jaxas.article_page .elem-txt-list--detail .txt-list--detail+.txt-list--detail .txt-list--detail__body,
   .section-layout__body.jaxas.article_page .elem-txt-list--detail .txt-list--detail+.txt-list--detail .txt-list--detail__header {
      padding-top: 2rem!important;
   }
}

@media (max-width: 640px) {
   .section-layout__body.jaxas.article_page .elem-txt-list--detail .txt-list--detail+.txt-list--detail {
      padding-top: 2rem!important;
   }
}

/* top レイアウト変更用 Start*/

.card_horizontal_wrapper {
      margin: 0 auto 3.667rem;
   }
   
.card_horizontal {
   margin-top: 30.016px!important;
   max-width: 1038px;
   height: 100%;
   margin: 0 auto;
   transition: box-shadow 0.5s cubic-bezier(0.25,.8,0.25,1), -webkit-transform 0.5s cubic-bezier(0.25,.8,0.25,1);
   transition: box-shadow 0.5s cubic-bezier(0.25,.8,0.25,1), transform 0.5s cubic-bezier(0.25,.8,0.25,1);
   transition: box-shadow 0.5s cubic-bezier(0.25,.8,0.25,1), transform 0.5s cubic-bezier(0.25,.8,0.25,1), -webkit-transform 0.5s cubic-bezier(0.25,.8,0.25,1);
   box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}

.card_horizontal__pic,
.card_horizontal__txt {
   width: 100%;
}

.card_horizontal__pic img {
   transition: -webkit-filter 0.5s ease-in-out, -webkit-transform 0.5s ease-out;
   transition: filter 0.5s ease-in-out, transform 0.5s ease-out;
   transition: filter 0.5s ease-in-out, transform 0.5s ease-out, -webkit-filter 0.5s ease-in-out, -webkit-transform 0.5s ease-out;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   width: 100%;
}
   
.card_horizontal__txt {
   padding: 1.25rem;
   border-top: solid 0.5px #d9d9d9;
   line-height: 1.5;
   position: relative;
}

.card_horizontal__txt .header {
   margin-bottom: 0;
}

.card_horizontal__txt .date {
   color: #999;
   font-size: 0.8rem;
   font-weight: 700;
}

.card_horizontal__txt .title {
   font-size: 1.5rem;
   font-weight: 500;
}

.card_horizontal__txt .postscript {
   padding: 0.5rem 0;
   font-size: 88%;
   font-weight: 400;
   flex: 1 1 auto;
}

.card_horizontal__txt .footer {
   display: flex;
   display: -ms-flexbox;
}

.card_horizontal__txt .footer p {
   flex-grow: 1;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
}

.card_horizontal__txt .footer span::before {
   content: "\25B6\FE0E";
   -webkit-transform: scale(.56);
   transform: scale(.56);
   -webkit-transform-origin: 16% 50%;
   transform-origin: 16% 50%;
   color: #0060b0;
   margin-right: 0.2rem;
   font-size: 80%;
}

/* For iPad (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
   .card_horizontal__pic img {
      width: 100%;
      height: 100%;
   }
}

/* For iPad (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
   .card_horizontal__pic img {
      min-height: 100%;
      min-width: 100%;
   }
}
   
   @media (min-width: 1024px) {
      .card_horizontal {
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
         flex-wrap: wrap;
      }
      
      .card_horizontal a.pic_size {
          width: 55%;
      }
      
      .card_horizontal__pic {
         width: 100%;
      }
      
      .card_horizontal__pic img {
         min-height: 100%;
         width: 100%;
      }
      
      .card_horizontal__txt {
         width: 45%;
         padding: 1.25rem;
         border-left: solid 0.5px #d9d9d9;
         border-top: none;
      }
      
      .card_horizontal__txt .both {
         display: flex;
         display: -ms-flexbox;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
      }
      
      .card_horizontal__txt .date {
         padding-top: 2%;
      }
      
      .card_horizontal__txt .footer {
         position: absolute;
         bottom: 18px;
      }
      
      .card_horizontal__txt .footer p {
         padding-left: 5rem;
      }

      .card_horizontal__txt .footer p:first-child {
         padding-left: 0;
      }
}

/* JAXA's Responsive Setting End */



/* No.77 「Mission Mark」ページで使用 Start*/
/* For iPad */
@media (min-width: 769px) {
   .jaxas .divide-layout.flex_adjust[data-divide-layout-column="4"]>div>div>div>div {
      display: flex;
      margin-top: -2rem;
      flex-wrap: wrap;
      align-content: stretch;
   }

   .jaxas .divide-layout.flex_adjust [data-divide-layout-column="4"] .divide-layout__item {
      width: 22.191%;
      margin-left: 2.809%;
   }

   .jaxas .divide-layout.flex_adjust[data-divide-layout-column="4"] > div > div > div > div {
      margin-left: -2.89%;
   }

}

@media (max-width: 768px) {
   .jaxas .divide-layout.flex_adjust[data-divide-layout-column="4"] .flex_adjust_img {
         text-align: center;
   }

   .jaxas .heading_h1 {
      font-size: 0.5rem;
   }
   
   .jaxas .tablet_none {
      display: none;
   }
}

@media screen and (min-width: 415px) and (max-width: 768px) {
   .jaxas .divide-layout.flex_adjust[data-divide-layout-column="4"]>div>div>div>div {
      display: block;
   }

   .jaxas .divide-layout.flex_adjust[data-divide-layout-column="4"] > div > div > div > div {
      margin-left: 0;
      margin-top: 0;
   }
   
}
/* No.77 「Mission Mark」ページで使用 End */


@media (min-width: 415px) {
   /* JAXA'sトップ「＞アンケート」*/
   .jaxas .divide-layout__item.questionnaire_space  {
      margin-top: 4rem;
   }
   
   .jaxas .divide-layout__item.questionnaire_space:nth-child(1),
   .jaxas .divide-layout__item.questionnaire_space:nth-child(2) {
      margin-top: 2rem;
   }
   
   .jaxas .divide-layout__item.questionnaire_space .elem-txt-list {
      margin-top: 0.5rem;
   }
   /* ここまで */
}


@media (max-width: 414px) {
   .jaxas .sp_block {
      display: block;
   }
   
   .jaxas .pc_block {
      display: none;
   }
}

@media (min-width: 769px) {
   .jaxas .br_none {
      display: none;
   }
}