/* Common
 ====================================================== */
.main-contents .section-inner.diff-section-inner-1100{
    max-width: 1100px;
}

.main-contents .section-inner.diff-section-inner-980{
    max-width: 980px;
}

.u-m-a {
    margin: auto !important;
}

.diff-bg-black-a {
    background-color: #3c3b36!important;
}

.diff-bg-black-b {
    background-color: #808080!important;
}

.diff-bg-black-c {
    background-color: #545454!important;
}

.diff-bg-gray-a {
    background-color: #e5e4e2!important;
}

.diff-bg-gray-b {
    background-color: #e9e9e9!important;
}

.diff-bg-gray-c {
    background-color: #f2f2f2!important;
}

.u-fc-white-a {
    color: #fff!important;
}

.u-fc-red-a {
    color: #c00000!important;
}

.u-fc-red-b {
    color: #a30b1a;
}

.u-fc-red-c {
    color: #ff0000;
}

.c-box-red-a {
    border: none;
    background: #f9eeec;
}

.u-museum-td a {
    text-decoration: none;
}

.u-museum-td a:hover {
    text-decoration: underline;
}

.gray-border {
    border: 1px solid #87867e;
}

.gray-border-b {
    border: 1px solid #bfbfbf;
}

.lyt-btn-a-no-arrow li .btn-a::before {
    display: none;
}

@media screen and (min-width: 769px) {
    .u-disp-none-pc {
        display: none!important;
    }
}

@media screen and (max-width: 768px) {
    .u-disp-none-tab {
        display: none!important;
    }
}

@media screen and (max-width: 480px) {
    .u-disp-none-sp {
        display: none!important;
    }
}

.u-br-sp {
    display: inline-block!important;
}

@media screen and (max-width: 480px) {
    .u-br-sp {
        display: block!important;
    }
}

/* flex-box-2.0 のカスタムcss */
.lyt-idx-arrow .text-box::before {
    display: none!important;
}

/* TOPページ KVエリア
 ====================================================== */
/*.c-lyt-bg-image--h-420 {
    height: 420px;
}

.p-kv-img-position {
    position: absolute!important;
    top: 30%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}*/

.museum-top-kv-area .content .content-inner {
    position: relative;
    z-index: 1;
    padding: 70px 0;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.museum-top-kv-area .content .main-txt>* {
    font-size: 4rem;
    color: #fff;
    display: inline-block;
    background: none;
    line-height: 1.3;
    padding: 0 5px;
    font-weight: 700;
}

.museum-top-kv-area .content .sub-txt {
    margin-top: 28px;
}

.museum-top-kv-area .content .sub-txt>* {
    font-size: 2rem;
    color: #fff;
    display: inline-block;
    background: none;
    line-height: 1.3;
    padding: 4px 5px;
    font-weight: 700;
}

@media only screen and (max-width: 767px) {

    .museum-top-kv-area .content {
        max-width: 1280px;
        margin: 0 auto;
        width: 100%;
        z-index: 1;
        background: #eee;
    }

    .museum-top-kv-area .content .content-inner {
        background: none;
        padding: 20px 16px 30px;
    }

    .museum-top-kv-area .content .content-inner .main-txt {
        position: absolute;
        width: 100%;
        top: -200px;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
    }

    .museum-top-kv-area .content .main-txt>* {
        font-size: 4rem;
        color: #fff;
        display: inline-block;
        background: none;
        line-height: 1.3;
        padding: 0 5px;
        font-weight: 700;
    }

    .museum-top-kv-area .content .sub-txt>* {
        font-size: 2rem;
        color: #000;
        display: inline-block;
        background: none;
        line-height: 1.3;
        padding: 4px 5px;
        font-weight: 700;
    }
}

@media only screen and (max-width: 480px) {

    .museum-top-kv-area .content .sub-txt .sub-txt-bw {
        display: block!important;
    }

    /*.hero-area-b .content {
        padding-top: 73px;
        max-width: 1280px;
        margin: 0 auto;
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 20%;
    }*/

    .museum-top-kv-area .content .content-inner .main-txt {
        position: absolute;
        width: 100%;
        top: -140px;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit- transform: translateY(-50%) translateX(-50%);
    }

    .museum-top-kv-area .content .sub-txt>* {
        font-size: 1.6rem;
        color: #000;
        display: inline-block;
        background: none;
        line-height: 1.3;
        padding: 4px 5px;
        font-weight: 700;
    }

}

/* TOPページ 富士通の歴史紹介エリア
 ====================================================== */
.p-lyt-fc-a {
    color: #000!important;
}

.p-lyt-fc-b {
    color: #fff!important;
}

.p-lyt-bg-image {
    position: relative;
    padding-top: 40px;
}

.c-lyt-bg-image.p-lyt-bg-image {
    height: 600px;
}

.p-lyt-bg-image .c-lyt-bg-image__visual {
    height: 600px!important;
}

.p-lyt-bg-image .c-lyt-bg-image__container {
    position: relative;
    z-index: 1;
    padding: 95px 0 70px 0;
    max-width: 1280px;
    margin: 0 auto;
}

.p-lyt-bg-image .c-lyt-bg-image__container.c-lyt-bg-image__container--ts {
    text-shadow: none;
}

@media screen and (min-width: 481px) {
    .p-lyt-bg-image .c-lyt-bg-image__img-sp-hide {
        display: block!important;
    }

    .c-lyt-bg-image .c-lyt-bg-image__img-sp {
        display: none!important;
    }

    .p-lyt-bg-image .c-lyt-bg-image__img.c-lyt-bg-image__img--left {
        height: 600px;
        left: -150px;
    }

    .p-lyt-bg-image .c-lyt-bg-image__img.c-lyt-bg-image__img--right {
        height: 600px;
        right: -100px;
    }

}

@media screen and (max-width: 1100px) {
    .p-lyt-bg-image .c-lyt-bg-image__text-box.c-lyt-bg-image__text-box--right {
        padding: 0 3% 0 10%;
        max-width: 580px;
    }

    .c-lyt-bg-image .c-lyt-bg-image__text-box {
        font-size: 1.9rem;
        padding: 0 3% 0 10%;
        text-align: left;
        max-width: 580px;
    }

    .p-lyt-bg-image .c-lyt-bg-image__img {
        opacity: .35;
    }
}

@media screen and (min-width: 481px) {
    .c-lyt-bg-image .c-lyt-bg-image__text-box.c-lyt-bg-image__text-box--right .text-bw {
        display: inline-block!important;
    }
}

@media screen and (max-width: 480px) {
    .p-lyt-bg-image {
        position: relative;
        padding-top: 100%;
        height: 650px!important;
    }

    .p-lyt-bg-image .c-lyt-bg-image__text-box.c-lyt-bg-image__text-box--right {
        padding: 0 3%;
        max-width: 580px;
    }

    .p-lyt-bg-image .c-lyt-bg-image__visual.c-lyt-bg-image__visual--h-910 {
        height: 910px;
    }

    .p-lyt-bg-image .c-lyt-bg-image__img.c-lyt-bg-image__img--h-700 {
        height: 768px;
    }

    .c-lyt-bg-image .c-lyt-bg-image__img-sp {
        display: block!important;
    }

    .p-lyt-bg-image .c-lyt-bg-image__img-sp-hide {
        display: none!important;
    }

    .p-lyt-bg-image .c-lyt-bg-image__text-box {
        position: absolute;
        bottom: -120px;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        font-size: 1.9rem;
        padding: 0 3%;
        text-align: center;
        width: 100%;
        max-width: 580px;
    }

    .c-lyt-bg-image .c-lyt-bg-image__text-box .text-bw {
        display: block!important;
    }

}



/* TOPページ パネルバナーエリア
 ====================================================== */
.c-panel-banner {
    background: #fff;
}

.c-panel-banner > a {
    display: flex;
    text-decoration: none;
}

.c-panel-banner > a .c-title {
    width: 28%;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-panel-banner > a .c-title:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 10%;
    display: inline-block;
    background: #a30b1a;
    width: 2px;
    height: 80%;
}

.c-panel-museum-fz {
    font-size: 2.4rem !important;
}

.c-panel-museum-title {
    text-align: left!important;
    padding: 20px;
}

.c-panel-banner > a p {
    align-self: center;
    padding: 0 40px;
}

.c-arrow {
    position: relative;
    padding: 10px 24px;
}

.c-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #a30b1a;
    border-right: 2px solid #a30b1a;
    transform: rotate(45deg);
}

.c-panel-banner > a .c-img {
    width: 31%;
    margin-top: 0 !important;
}

@media only screen and (max-width: 768px){
    .c-panel-banner {
        background: #fff;
    }

    .c-panel-banner > a {
        display: block;
    }

    .c-panel-banner > a .c-title {
        width: 100%;
        padding: 16px;
    }

    .c-panel-banner > a .c-title:before {
        content: '';
        position: absolute;
        right: 5%;
        bottom: 8px;
        display: inline-block;
        background: #a30b1a;
        width: 90%;
        height: 2px;
    }

    .c-panel-banner > a .c-title h3 {
        font-size: 2.4rem!important;
    }

    .c-panel-museum-title {
        text-align: center!important;
        padding: inherit;
    }

    .c-panel-banner > a p {
        align-self: center;
        padding: 0.8rem 4.8rem 1.6rem 3.2rem;
    }

    .c-panel-banner > a .c-img {
        width: 100%;
        margin-top: 0 !important;
        text-align: center;
    }

    .c-panel-banner > a .c-img {
        width: 100%;
        margin-top: 0 !important;
        text-align: center;
    }

}

/* カテゴリ
 ====================================================== */
.lyt-icon-museum {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
}

.lyt-icon-museum li {
    padding-left: 8px;
    margin-bottom: 8px;
}

/*.lyt-icon-museum li:first-child {
    padding-left: 0px;
    margin-bottom: 16px;
}*/

.lyt-icon-museum li .category-a {
    padding: 8px 54px 8px 22px;
    text-align: center;
    display: inline-block;
    line-height: 1.4;
    position: relative;
    color: #000;
    background: #fff;
    border: 1px solid #000!important;
    font-size: 1.2rem;
    margin-left: 8px;
}

.lyt-icon-museum li .category-b {
    padding: 8px 22px 8px 22px;
    text-align: center;
    display: inline-block;
    line-height: 1.4;
    position: relative;
    color: #000;
    background: #fff;
    border: 1px solid #000!important;
    font-size: 1.2rem;
}

.lyt-icon-museum li .category-c {
    padding: 8px 22px 8px 22px;
    text-align: center;
    display: inline-block;
    line-height: 1.4;
    position: relative;
    color: #fff;
    background: #8b8807;
    border: 1px solid #8b8807!important;
    font-size: 1.2rem;
}

.lyt-icon-museum .search-category {
    margin-top: 8px;
    padding: 8px 5px 8px 5px;
    text-align: center;
    display: inline-block;
    line-height: 1.4;
    position: relative;
    color: #fff;
    background: #948a54;
    border: 1px solid #948a54!important;
    font-size: 1.2rem;
    margin-left: 8px;
}

.category-a .icon-a, .category-a .icon-b, .category-a .icon-c {
    position: absolute;
    right: 5px;
    top: 9px;
    margin: -5px 0 0;
    display: inline-block;
    width: 25px;
}

/* 絞り込みエリア
 ====================================================== */
.c-col-announce-a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    margin: -16px 0 0 -16px;
}

.c-col-announce-a li {
    width: 165px;
    margin: 16px 0 0 16px;
}


/* タブエリア 絞り込み
 ====================================================== */
.tab-icon .icon {
    position: absolute;
    top: 10px;
    right: 15px;
    max-width: 32px;
}

.tab-d .tab-list-d a {
    position: relative;
}

.p-museum-search {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin-left: -12px;
}

.p-museum-search a {
    text-decoration: none;
}

.p-museum-search-content {
    background: #fff;
    width: 294px;
    display: flex;
    padding-right: 8px;
    align-items: center;
    margin-top: 24px;
    margin-left: 12px;
    border: 1px solid #dad9d6;
}

.p-museum-search-content.diff-text {
    justify-content: center;
    height: 80px;
    padding-right: 0px;
}

.p-museum-search-content .text {
    margin-left: 8px;
}

.p-museum-search-content .visual {
    width: 100%;
    max-width: 100px;
    height: auto;
}

.p-museum-search a:hover {
    opacity: .6;
}

.p-museum-search a.panelactive {
    background: #f2dcdb;
    color: #c00000!important;
    font-weight: bold;
}

img.search-btn-img {
    position: absolute;
    top: 10px;
    right: 8px;
}

@media screen and (max-width: 767px) {
    .tab-icon .icon {
        position: absolute;
        top: 4px;
        right: 15px;
        max-width: 38px;
    }
}

@media screen and (max-width: 768px) {
    .p-compactRelation_content {
        background: #fff;
        width: 300px;
        display: flex;
        padding: 16px 16px;
        align-items: center;
        margin-top: 24px;
        margin-left: 24px;
        border: 1px solid #000;
    }
}

@media screen and (max-width: 480px) {

    .p-museum-search-content {
        background: #fff;
        width: 100%;
        display: flex;
        padding-right: 16px;
        align-items: center;
        margin-top: 12px;
        margin-left: 24px;
        border: 1px solid #dad9d6;
    }

}
/* button 表示順 カテゴリ再選択 */
.p-museum-search-btn {
    display: flex;
    justify-content: flex-end;
    background: #f3f3f3;
    padding: 10px;
}

.p-museum-search-btn a {
    text-decoration: none;
}

.p-museum-search-btn a:hover {
    opacity: .6;
}

.p-museum-search-btn .search-btn {
    padding: 8px 12px;
    border: 1px solid #c6c6c0;
    width: 200px;
    background: #fff;
}

.p-museum-search-btn .search-btn .text {
    position: relative;
}

.p-museum-search-btn .sort_select{
    appearance: none;
    border: 1px solid #c6c6c0;
    font-weight: bold;
    padding: 8px 24px;
    width: 200px;
    background: #fff;
}

.p-museum-search-btn .select-area {
    position: relative;
}

.p-museum-search-btn .select-area:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: solid 3px #999999;
    border-right: solid 3px #999999;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 12px;
    top: 18px;
}

select::-ms-expand {
    display: none!important;
}

/*
.p-museum-search-btn .mark-a .text::before, .p-museum-search-btn .mark-a .text::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 3px #c6c6c0;
    border-right: solid 3px #c6c6c0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 12px;
    top: 4px;
}

.p-museum-search-btn .mark-a .text::after {
    transform: rotate(-45deg);
    transform-origin: 100% 50%;
    left: auto;
    right: 9px;
}*/

@media screen and (max-width: 768px) {
    .p-museum-search-btn {
        display: block;
        justify-content: inherit;
    }

    .p-museum-search-btn .search-btn {
        margin: 0 auto!important;
        padding: 8px 12px;
        border: 1px solid #dad9d6;
        width: 100%;
        text-align: center;
    }

    .p-museum-search-btn .search-btn:not(:first-child) {
        margin-top: 24px!important;
    }

    .p-museum-search-btn .sort_select{
        width: 100%;
	margin-bottom: 12px;
    }

    .p-museum-search-btn .select-area:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-top: solid 3px #999999;
        border-right: solid 3px #999999;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        right: 24px;
        top: 15px;
    }
}


/* 4パネルエリア
 ====================================================== */
.p-list-article-museum {
    border: 1px solid #a6a6a6;
    background: #fff;
    width: calc(25% - 20px);
    max-width: inherit;
}

.p-museum-contents {
    line-height: 30px;
}

.p-museum-contents .year {
    color: #948a54;
    display: block;
}

.p-museum-contents .category {
    display: block;
    font-size: 1.4rem;
    color: #a6a6a6;
}

.p-museum-contents .name {
    font-size: 1.9rem;
}

.p-list-article-museum .c-list-article-a__box .c-list-article-a__image-wrapper {
    border-bottom: 1px solid #a6a6a6;
}

@media screen and (max-width: 768px) {
.p-list-article-museum {
        border: 1px solid #a6a6a6;
        background: #fff;
        width: calc(50% - 20px);
        max-width: inherit;
    }
}

@media screen and (max-width: 480px) {
    .p-list-article-museum {
        border: none;
        background: #fff;
        width: inherit;
        max-width: inherit;
        border-bottom: 1px solid #9a9a9a;
        padding-bottom: 8px;
        margin-top: 8px!important;
    }
	
	.p-museum-contents {
        line-height: 25px;
    }

    .p-list-article-museum .c-list-article-a__box .c-list-article-a__image-wrapper {
        border-bottom: none;
    }
}



/* トピックス リンクボタン 灰色
 ====================================================== */
.p-box-topics {
    width: 80%;
    margin: 0 auto;
}

.p-box-topics .lyt-btn-b {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-bottom: -16px;
    justify-content: center;
}

.p-box-topics .lyt-btn-b li a.btn-a {
    color: #000!important;
    background: #fff;
    border: 1px solid #c6c6c0;
    box-shadow: none;
}

.p-box-topics .lyt-btn-b li a.btn-a::before {
    border-color: #c6c6c0;
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 12px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #c6c6c0;
    border-right: 2px solid #c6c6c0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -4px;
}


element.style {
}
.p-box-topics .lyt-btn-b li a.btn-a:hover {
    opacity: .6;
}

@media screen and (max-width: 768px) {
    .p-box-topics {
        width: 100%;
        margin: inherit;
    }
}


/* 導線エリア
 ====================================================== */
.p-panel-museum .lyt-col-announce-a a .text {
    background: #fff;
    padding: 10px;
    position: relative;
    display: block;
}

.p-panel-museum .lyt-col-announce-a a .text::before {
    position: absolute;
    top: 50%;
    right: 22px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #a30b1a;
    border-right: 2px solid #a30b1a;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* 早わかり富士通の歴史
   アンカーリンク
   2パネルレイアウト
 ====================================================== */
.museum-history-bg {
    background-color: rgba(255,255,255,0.5);
}

.history-main-bg-img{
    background: url(/jp/imagesgig5/history_main_bg_tcm102-5436598_tcm102-2750236-32.jpg) no-repeat center top;
    background-size: cover;
}

.museum-history-anc {
    display: flex;
}

.museum-history-anc .img-area {
    width: 50%;
}

.museum-history-anc .img-area-b {
    width: 40%;
    text-align: right!important;
}

.museum-history-anc .anc-btn-area {
    margin: 2.1%;
    width: calc(50% - 4.2%);
}

.museum-history-anc .anc-btn-area-b {
    margin: 3.125% 13.125%;
    width: calc(50% - 6.25%);
}

.anc-btn {
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0px;
    margin-bottom: -10px;
}

.anc-btn li {
    margin-left: 0px;
    margin-bottom: 10px;
    width: 100%;
}

.anc-btn li a.btn-a {
    font-size: 1.8rem;
    width: 100%;
    padding: 7px 24px 6px 24px;
    text-align: left;
    min-width: inherit;
}

.anc-btn li a.btn-a::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 12px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #a30b1a;
    border-right: 2px solid #a30b1a;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -4px;
}

@media screen and (max-width: 768px) {
    .museum-history-anc {
        display: block;
    }

    .museum-history-anc .img-area {
        width: 100%;
    }

    .museum-history-anc .img-area-b {
        width: 100%;
        text-align: center!important;
    }

    .museum-history-anc .anc-btn-area {
        margin: 24px 0;
        padding: 0 15px;
        width: 100%;
    }

    .museum-history-anc .anc-btn-area-b {
        margin: 24px 0;
        padding: 0 15px;
        width: 100%;
    }

    .museum-history-anc .img-area {
        min-width: inherit;
        text-align: center;
        padding-top: 40px;
    }

    .anc-btn {
        text-align: center;
        display: inherit;
        display: inherit;
        display: block;
        -webkit-justify-content: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        -webkit-flex-wrap: inherit;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        margin-left: 0px;
        margin-bottom: -10px;
    }

    .anc-btn li {
        max-width: 640px;
        padding-bottom: 10px;
        margin: 0 auto;
    }
}

/* 2パネルレイアウト
  画像エリア:414px 指定
 ====================================================== */
.p-box-a {
    border: 1px solid #c6c6c0;
    padding: 20px;
}

@media screen and (min-width: 769px) {
    .c-lyt-item-a .img {
        min-width: 414px;
        display: flex;
        justify-content: center;
        padding-right: 0px!important;
        margin-right: 40px;
    }
}

@media screen and (max-width: 768px) {
    .p-lyt-item-a {
        table-layout: fixed;
    }

    .p-lyt-item-a>.item {
        padding-top: 14px;
    }

    .p-lyt-item-a.is-img-l .img {
        padding-right: 0;
    }

    .p-lyt-item-a>.img {
        display: table-header-group;
    }

    .p-lyt-item-a>.img>.img-inner {
        display: block;
        width: auto;
        max-width: inherit;
    }

    .p-lyt-item-a>.img img {
        max-width: 100%;
    }
}
/* シェアエリア
 ====================================================== */
.p-museum-share-area {
    display: flex;
    justify-content: center;
}

.p-museum-share-area .col {
    margin-left: 100px;
}

.p-museum-share-area .col:first-child {
    margin-left: 0px;
}

.p-museum-share-btn-fecebook {
    background: url(/jp/imagesgig5/fecebook_01_tcm102-5392571_tcm102-2750236-32.png) no-repeat;
}

.p-museum-share-btn-fecebook .p-museum-share-btn {
    background: url(/jp/imagesgig5/fecebook_01_tcm102-5392571_tcm102-2750236-32.png) no-repeat;
    display: block;
    text-indent: -9999px;
    width: 56px;
    height: 56px;
}

.p-museum-share-btn-fecebook .p-museum-share-btn:hover {
    background: url(/jp/imagesgig5/fecebook_02_tcm102-5392580_tcm102-2750236-32.png);
}

.p-museum-share-btn-twitter {
    background: url(/jp/imagesgig5/twitter_01_tcm102-5392587_tcm102-2750236-32.png) no-repeat;
}

.p-museum-share-btn-twitter .p-museum-share-btn {
    background: url(/jp/imagesgig5/twitter_01_tcm102-5392587_tcm102-2750236-32.png) no-repeat;
    display: block;
    text-indent: -9999px;
    width: 56px;
    height: 56px;
}

.p-museum-share-btn-twitter .p-museum-share-btn:hover {
    background: url(/jp/imagesgig5/twitter_02_tcm102-5392593_tcm102-2750236-32.png);
}

/* お知らせ リンクリスト
 ====================================================== */
.c-list-news-a .news-content .date {
    width: 120px;
}

/* 沿革 */

.c-list-news-b li .news-content {
    padding: 14px 18px;
}

.c-list-news-b li .news-content .date {
    width: 30px;
}

.c-list-news-b li {
    border-bottom: none;
}

.c-list-news-b .list-border {
    border-bottom: 1px solid #c6c6c0;
}

.c-list-news-b a {
    text-decoration: underline;
}

.c-list-news-b a:hover {
    text-decoration: none;
}

/* 年表 */

.c-list-news-c li .news-content .date {
    min-width: 77px;
}

.c-list-news-c li .news-content .icon-area {
    width: 36.171875%;
    margin-left: 30px;
    max-width: 463px;
}

.c-list-news-c li .news-content .news {
    width: 46.875%;
    max-width: 600px;
    margin-left: 30px;
}

.c-list-news-c a {
    text-decoration: underline;
}

.c-list-news-c a:hover {
    text-decoration: none;
}


@media screen and (max-width: 767px){
    .c-list-news-c li .news-content .icon-area {
        width: calc(100% - 26px);
        margin-left: 26px;
        max-width: inherit;
    }

    .c-list-news-c li .news-content .news {
        width: calc(100% - 30px);
        max-width: inherit;
        margin-left: 30px;
    }
}


/*池田記念室トップ
====================================================== */
/* KVエリア */
.museum-ikeda-kv-bg-img {
    background: url(/jp/imagesgig5/main_bg_tcm102-5481948_tcm102-2750236-32.jpg);
}

@media screen and (max-width: 767px){
    .museum-ikeda-kv-bg-img .c-lyt-visual-a__title {
        font-size: 4rem;
    }
}

@media screen and (max-width: 480px){
    .c-lyt-idx-b.diff-col2 li {
        width: 100%!important;
    }
}

/* プロフィールエリア */
.c-lyt-person-profile__history .col {
    display: flex;
    margin-top: 4px;
}

.c-lyt-person-profile__history .col .year {
    width: 24%;
    min-width: 160px;
}

.c-lyt-person-profile__history .col .text {
    width: calc(76% - 12px);
    margin-left: 12px;
}

@media screen and (max-width: 480px){
    .c-lyt-person-profile__history .col {
        display: block;
        margin-top: 8px;
    }

    .c-lyt-person-profile__history .col .year {
        width: 100%;
        min-width: inherit;
    }

    .c-lyt-person-profile__history .col .text {
        width: 100%;
        margin-left: inherit;
    }
}


/*池田敏雄ものがたり
====================================================== */
/* PDFボタン */
.lyt-link-btn-min-w-380p .btn-a {
    min-width: 380px;
}

.lyt-link-btn-min-w-380p .btn-a::before {
    display: none;
}

@media screen and (max-width: 480px){
    .lyt-link-btn-min-w-380p .btn-a {
        min-width: inherit;
        width: 100%;
    }
}


/* lyt-col-announce-aカスタム
   6パネルレイアウト
====================================================== */
.lyt-museum-6col li {
    width: 193px;
    margin: 16px 0 0 16px;
}

.lyt-museum-6col li .col {
    border: 1px solid #87867e;
    display: block;
    width: 100%;
    max-width: 308px;
    margin: 0 auto;
    line-height: 1.6;
    text-decoration: none;
}

.lyt-museum-6col li .col .text-area {
    display: block;
    padding: 10px;
}

.lyt-museum-6col li .col .text-area .title {
    display: block;
}

.lyt-museum-6col li .col .text-area .text {
    display: block;
    margin-top: 12px;
}

@media only screen and (max-width: 768px) {
    .lyt-museum-6col>li {
        -webkit-flex-basis: calc(33.33333% - 16px);
        -ms-flex-preferred-size: calc(33.33333% - 16px);
        flex-basis: calc(33.33333% - 16px);
    }

    .c-lyt-idx-a li {
        width: 50%!important;
    }
}

@media only screen and (max-width: 480px) {
    .lyt-museum-6col>li {
        -webkit-flex-basis: calc(50% - 16px);
        -ms-flex-preferred-size: calc(50% - 16px);
        flex-basis: calc(50% - 16px);
    }

    .c-lyt-idx-a li {
        width: 100%!important;
    }
}


/*グロナビヘッダー
====================================================== */
@media screen and (min-width: 768px){
    [data-script-enabled="true"] .c-nav-header > ul {
        height:64px!important;
    }

    .c-nav-header__child a {
        display: inline-block;
        flex: none;
        font-size: 1.6rem;
        max-width: 100%;
        padding-left: 20px;
    }

    .c-nav-header__child a::before {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: -5px 14px 0 -23px;
        vertical-align: middle;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

}

[data-script-enabled="true"] .c-nav-header > ul > li{
    width: 100%;
}

[data-script-enabled="true"] .c-nav-header > ul > li > a{
    position: relative;
}

[data-script-enabled=true] .c-nav-header > ul > li:not(:last-child) > a:after{
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 1px;
    height: 32px;
    margin-top: -16px;
    background: #b1b1ac;
}



/*list-news-a カスタム
　ホバー時opacity変化
====================================================== */
.list-news-a.diff-hover-opacity a:hover{
  opacity: .5;
}