@charset "utf-8";

/*============================================================

   共通リンクアイコン

============================================================*/
.external_link_icon {
   position: relative;
}

.external_link_icon a::after {
   content: '';
   display: inline-block;
   height: 0.75rem;
   width: 1rem;
   border-bottom: 0.0625rem #FDF0E9 solid;
   border-left: 0.0625rem #FDF0E9 solid;
   background-color: rgb(0, 97, 176);
   background-color: #0060b0;
   box-shadow: -0.25rem 0.25rem 0 -0.0625rem #0060b0;
   transition: all 0.3s;
   margin-left: 0.625rem;
}

.external_link_icon_grey {
   position: relative;
}

.external_link_icon_grey a::after {
   content: '';
   display: inline-block;
   height: 0.75rem;
   width: 1rem;
   margin-left: 0.625rem;
   border-bottom: 0.0625rem #FDF0E9 solid;
   border-left: 0.0625rem #FDF0E9 solid;
   background-color: grey;
   box-shadow: -0.25rem 0.25rem 0 -0.0625rem grey;
}

.external_link_icon_grey span {
   color: grey;
   font-weight: bold;
   font-size: 0.8rem;
   margin-left: 0.25rem;
}

.update .elem_text_list_navi .elem_text_list_navi_pad ul li a {
   width: auto !important;
}

/*============================================================

    FF 画像付きカード型ボタン ( https://fanfun.jaxa.jp/ )

============================================================*/
.ff_card_btn .divide-layout[data-divide-layout-column="2"] > div > div > div > div {
    margin-left: -2.89%;
}

.ff_card_btn .divide-layout[data-divide-layout-column="2"] > div > div > div > div,
.ff_card_btn .divide-layout[data-divide-layout-column="3"]>div>div>div>div,
.ff_card_btn .divide-layout[data-divide-layout-column="4"]>div>div>div>div,
.ff_card_btn .divide-layout[data-divide-layout-column="5"] > div > div > div > div {
    display: flex;
    margin-top: -2rem;
    flex-wrap: wrap;
    align-content: stretch;
}

.ff_card_btn [data-divide-layout-column="2"] .divide-layout__item {
    width: 47.191%;
    margin-left: 2.809%;
}

.ff_card_btn [data-divide-layout-column="3"] .divide-layout__item {
    width: 30.524%;
    margin-left: 2.809%;
}

.ff_card_btn [data-divide-layout-column="4"] .divide-layout__item {
    width: 22.191%;
    margin-left: 2.809%;
}

.ff_card_btn [data-divide-layout-column="5"] .divide-layout__item {
    width: 17.009%;
    margin-left: 2.991%;
}

.ff_card_btn .divide-layout__item {
    margin-top: 2rem;
}

.ff_card_btn .divide-layout__item > div {
    height: 100%;
}

.ff_card_btn .item-card--default {
    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);
}

.item-card--default:hover {
    position: relative;
    z-index: 1;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.ff_card_btn .item-card--default:only-child > div {
    height: 100%;
}

.ff_card_btn .item-card--default:only-child>div .item-card--default__wrap,
.ff_card_btn .item-card--default:only-child > div > a {
    height: inherit;
}

.ff_card_btn .item-card--default > div .item-card--default__wrap,
.ff_card_btn .item-card--default > div > a {
    position: relative;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    justify-content: space-between;
}

.ff_card_btn .item-card--default__pic-container {
    flex-shrink: 0;
}

.ff_card_btn .item-card--default__pic-container > div {
    overflow: hidden;
}

.ff_card_btn .item-card--default__pic-container 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;
}

.ff_card_btn .item-card--default__txt-container {
    background-color: #fff;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ff_card_btn .item-card--default__txt-container > div {
    padding: 1.6rem 1.133rem;
}

.ff_card_btn .item-card--default__txt-container .txt-container__summary {
    font-size: 12.006px;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.5;
    min-height: 18.009px;
    min-height: 1.2rem;
    color: #999; 
}

.ff_card_btn .item-card--default__txt-container .txt-container__title {
    font-size: 14.002px;
    font-size: 0.933rem;
    font-weight: 500;
    line-height: 1.5;
}

.ff_card_btn .item-card--default__txt-container .txt-container__summary+.txt-container__description,
.ff_card_btn .item-card--default__txt-container .txt-container__summary+.txt-container__icn,
.ff_card_btn .item-card--default__txt-container .txt-container__summary+.txt-container__title {
    margin-top: .467rem;
}


/*============================================================

    Field Centers > Headquarters Office / Chofu Aerospace Center ( /about/centers/cac/ )

============================================================*/
.chofu_access_h2 {
   background: #3d3d3d;
   color: #fff;
   margin: 0 auto;
   padding: 12px 6px;
}

.chofu_access_h2.detail {
   margin: 1.333rem auto 15px;
   padding: 0;
}

.chofu_access_h2 h2 {
   font-size: 166.66%;
   font-weight: bold;
   text-align: center;
}

.chofu_access_h2.detail h2 {
   text-align: left;
   display: table;
   width: 100%;
}

.chofu_access_h2.detail h2 .inner {
   display: table-cell;
   vertical-align: middle;
}

.chofu_access_h2.detail h2 .inner.slanting {
   padding: 10px 40px 10px 50px;
   font-size: 0.938em;
   position: relative;
   width: 60%;
   text-align: center;
}

.chofu_access_h2.detail h2 .inner.slanting.name_long {
   width: 45%;
}

.chofu_access_h2.detail h2 .inner .emphasis {
   font-size: 1.4em;
}

.chofu_access_h2.detail h2 .inner.slanting.green {
   background: #44c2a3;
   background-image: -webkit-linear-gradient(195deg, #3d3d3d 0%, #3d3d3d 8%, #44c2a3 8.3%, #44c2a3 100%);
   background-image: -ms-linear-gradient(195deg, #3d3d3d 0%, #3d3d3d 8%, #44c2a3 8.3%, #44c2a3 100%);
   background-image: linear-gradient(-105deg, #3d3d3d 0%, #3d3d3d 8%, #44c2a3 8.3%, #44c2a3 100%);
}

.chofu_access_h2.detail h2 .inner.slanting.blue {
   background: #1381e2;
   background-image: -webkit-linear-gradient(195deg, #3d3d3d 0%, #3d3d3d 8%, #1381e2 8.3%, #1381e2 100%);
   background-image: -ms-linear-gradient(195deg, #3d3d3d 0%, #3d3d3d 8%, #1381e2 8.3%, #1381e2 100%);
   background-image: linear-gradient(-105deg, #3d3d3d 0%, #3d3d3d 8%, #1381e2 8.3%, #1381e2 100%);
}

.chofu_access_h2.detail h2 .inner.slanting.pink {
   background: #ff4461;
   background-image: -webkit-linear-gradient(195deg, #3d3d3d 0%, #3d3d3d 8%, #ff4461 8.3%, #ff4461 100%);
   background-image: -ms-linear-gradient(195deg, #3d3d3d 0%, #3d3d3d 8%, #ff4461 8.3%, #ff4461 100%);
   background-image: linear-gradient(-105deg, #3d3d3d 0%, #3d3d3d 8%, #ff4461 8.3%, #ff4461 100%);
}

.chofu_access_h2.detail h2 .inner.slanting:before {
   content: '';
   display: inline-block;
   width: 30px;
   height: 30px;
   vertical-align: middle;
   position: absolute;
   left: 20px;
   top: 50%;
   transform: translateY(-50%);
}

.chofu_access_h3 {
   background: #ffcf00;
   margin: 1.333rem auto 2rem;
   border-radius: 24px;
   text-align: center;
   padding: 9px;
}

.chofu_access_h3 h3 {
   font-weight: bold;
   font-size: 1.17em;
}

.access_map_img {
   position: relative;
}

.access_map_hover a {
   position: absolute;
   z-index: 1;
   width: 42px;
   height: 42px;
}

.access_map_hover a:hover {
   z-index: 1;
}

.access_map_hover a.link_a {
   top: 266px;
   right: 264px;
}

.access_map_hover a.link_a:hover {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_a_maphover.png) 0 0 no-repeat;
   background-size: contain;
}

.access_map_hover a.link_b {
   top: 256px;
   right: 343px;
}

.access_map_hover a.link_b:hover {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_b_maphover.png) 0 0 no-repeat;
   background-size: contain;
}

.access_map_hover a.link_c {
   top: 148px;
   right: 397px;
}

.access_map_hover a.link_c:hover {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_c_maphover.png) 0 0 no-repeat;
   background-size: contain;
}

.access_map_hover a.link_d {
   top: 245px;
   right: 459px;
}

.access_map_hover a.link_d:hover {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_d_maphover.png) 0 0 no-repeat;
   background-size: contain;
}

.access_map_hover a.link_e {
   top: 607px;
   right: 477px;
}

.access_map_hover a.link_e:hover {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_e_maphover.png) 0 0 no-repeat;
   background-size: contain;
}

.access_map_hover a.link_f {
   top: 235px;
   right: 356px;
}

.access_map_hover a.link_f:hover {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_f_maphover.png) 0 0 no-repeat;
   background-size: contain;
}

.access_map_hover a.link_g {
   top: 663px;
   right: 701px;
}

.access_map_hover a.link_g:hover {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_g_maphover.png) 0 0 no-repeat;
   background-size: contain;
}

.access_map_hover a.link_h {
   top: 552px;
   right: 727px;
}

.access_map_hover a.link_h:hover {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_h_maphover.png) 0 0 no-repeat;
   background-size: contain;
}

.access_map_hover a span {
   visibility: hidden;
}

.access_menu {
   margin: 0 0 4rem 0;
}

.access_menu.from_airport {
   margin: 5rem auto;
}

.access_menu .ff_card_btn {
   margin-bottom: 2rem;
}

.access_menu.narrow .ff_card_btn {
   margin-bottom: 1rem;
}

.access_menu .ff_card_btn .item-card--default__txt-container {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
}

.access_menu .ff_card_btn .item-card--default__txt-container .txt-container__title {
   margin-top: 0.5rem;
}

.access_menu .ff_card_btn .item-card--default__txt-container .txt-container__title:first-child {
   margin-top: 0;
}

.access_menu .point {
   border-radius: 24px;
   text-align: center;
   padding: 3px;
   color: #fff;
   font-weight: bold;
   width: 40%;
   margin: 0 0 1rem 0;
   font-size: 116.66%;
   line-height: 1.45;
}

.access_menu .point.green,
.access_link_btn.green {
   background: #44c2a3 !important;
}

.access_menu .point.blue,
.access_link_btn.blue {
   background: #1381e2 !important;
}

.access_menu .point.pink,
.access_link_btn.pink {
   background: #ff4461 !important;
}

.access_link_btn:after {
   font-family: "Font Awesome 5 Free";
   content: "\f138";
   font-weight: 900;
   font-size: 1.2rem;
   padding-left: 20px;
   color: #fff;
   display: inline-block;
   position: absolute;
   right: 20px;
   top: 50%;
   transform: translateY(-50%);
}

.chofu_access_h2.detail h2 .inner.slanting.access_a:before,
.access_link_btn.access_a:before {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_a_icon.png) no-repeat;
   background-size: contain;
}

.chofu_access_h2.detail h2 .inner.slanting.access_b:before,
.access_link_btn.access_b:before {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_b_icon.png) no-repeat;
   background-size: contain;
}

.chofu_access_h2.detail h2 .inner.slanting.access_c:before,
.access_link_btn.access_c:before {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_c_icon.png) no-repeat;
   background-size: contain;
}

.chofu_access_h2.detail h2 .inner.slanting.access_d:before,
.access_link_btn.access_d:before {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_d_icon.png) no-repeat;
   background-size: contain;
}

.chofu_access_h2.detail h2 .inner.slanting.access_e:before,
.access_link_btn.access_e:before {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_e_icon.png) no-repeat;
   background-size: contain;
}

.chofu_access_h2.detail h2 .inner.slanting.access_f:before,
.access_link_btn.access_f:before {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_f_icon.png) no-repeat;
   background-size: contain;
}

.chofu_access_h2.detail h2 .inner.slanting.access_g:before,
.access_link_btn.access_g:before {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_g_icon.png) no-repeat;
   background-size: contain;
}

.chofu_access_h2.detail h2 .inner.slanting.access_h:before,
.access_link_btn.access_h:before {
   background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_h_icon.png) no-repeat;
   background-size: contain;
}

.access_link_btn {
   display: -webkit-flex;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   width: 100%;
   box-sizing: border-box;
   font-weight: bold !important;
   letter-spacing: normal !important;
   white-space: normal !important;
   padding: 12px 20px 12px 40px !important;
   position: relative !important;
   font-size: 116.66%;
   line-height: 1.45;
   color: #fff;
}

.access_link_btn:before {
   content: '';
   display: inline-block;
   width: 30px;
   height: 30px;
   background-size: contain;
   vertical-align: middle;
   position: absolute;
   left: 20px;
   top: 50%;
   transform: translateY(-50%);
}

.access_link_btn:hover {
   opacity: 0.6;
   cursor: pointer;
}

.ff_card_btn.chofu_access_btn .divide-layout:last-child {
    margin: 2rem auto 3.667rem;
}

.ff_card_btn.chofu_access_btn .item-card--default:hover {
    outline: solid 1.5px #0060b0;
}

.ff_card_btn.chofu_access_btn .item-card--default.current {
    outline: solid 1.5px #0060b0;
}

.ff_card_btn.chofu_access_btn .item-card--default__pic-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
    -ms-interpolation-mode: bicubic;
}

.ff_card_btn.chofu_access_btn .item-card--default__txt-container {
   display: block;
}

.ff_card_btn.chofu_access_btn .item-card--default__txt-container > div {
    padding: 0 1.133rem 0.6rem;
}

.navigation {
   padding: 20px 0 40px;
   border-top: dashed 1px #b2b2b2;
}

.navigation .ff_card_btn.chofu_access_btn .divide-layout:first-child {
   margin: 20px auto 0;
}

.navigation .ff_card_btn.chofu_access_btn .divide-layout {
   margin: 0 auto;
}

.navigation .ff_card_btn.chofu_access_btn [data-divide-layout-column="2"] .divide-layout__item {
   -ms-flex-item-align: start;
   align-self: flex-start;
}

.navigation .ff_card_btn.chofu_access_btn [data-divide-layout-column="2"] .divide-layout__item.select_center {
   width: 40.191%;
}

.navigation .ff_card_btn.chofu_access_btn [data-divide-layout-column="2"] .divide-layout__item.select_route {
   width: 54.191%;
}

.navigation .ff_card_btn.chofu_access_btn [data-divide-layout-column="2"] .divide-layout__item.select_route .access_menu {
   margin: 0 0 3rem 0;
}

.navigation .ff_card_btn.chofu_access_btn [data-divide-layout-column="2"] .divide-layout__item.select_route .access_link_btn {
   font-size: 110.66%;
}

.navigation .ff_card_btn.chofu_access_btn .select_route .item-card--default:hover {
   outline: none;
}

.navigation .ff_card_btn.chofu_access_btn .select_route .item-card--default.current {
   outline: none;
   background: #000;
   box-shadow: none;
}

.navigation .ff_card_btn.chofu_access_btn .select_route .item-card--default.current:only-child > div {
   opacity: 0.6;
}

.navigation .ff_card_btn.chofu_access_btn .select_route .item-card--default.current .access_link_btn:hover {
    opacity: 1;
    cursor: initial;
}

.navigation .ff_card_btn.chofu_access_btn .select_route .item-card--default.current:hover {
   box-shadow: none;
}

.bus_icon {
   position: relative;
   padding: 0 0.8rem 0 3rem;
}

.bus_icon:before {
    content: '';
    background: url(https://fanfun.jaxa.jp/visit/images/visit_chofu_access_bus_icon.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 26px;
    height: 26px;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-47%);
}

/*============================================================

    施設：調布ページタブ改修 2021/03/25~ ( https://global.jaxa.jp/about/centers/cac/index.html#tab_area )

============================================================*/

.elem-tab-list .tab-list [role=listitem] {
   display: inline-block;
   margin-top: 4.997px;
   margin-top: 0.333rem;
   border-top: solid 1px #f3f3f3;
}

.elem-tab-list .tab-list [role=listitem] a {
   display: block;
   transition: background-color .3s ease-out;
   text-decoration: none;
   color: inherit;
   background-color: #f3f3f3;
}

.elem-tab-list .tab-list [role=listitem] a div {
   padding: 15.008px;
   padding: 1rem;
}


.elem-tab-list .tab-list [role=list] {
   line-height: 0.5;
}
.elem-tab-list .tab-list [role=listitem] a {
   font-size: 116.66%;
}

.elem-tab-list .tab-list [role=listitem] a.current {
   background: #e5eff7;
   color: #000;
}
.elem-tab-list .tab-list [role=listitem] a div {
   padding: 1.4rem !important;
   color: #0060b0;
}
.elem-tab-list .tab-list [role=listitem] a.current div {
   color: #000;
}
