@charset "UTF-8";

/* ========================================================================================================================
COMMON
======================================================================================================================== */
/* ------------------------------------------------------------------------------------------------------------------------
DETAIL INTORO DATA
------------------------------------------------------------------------------------------------------------------------- */
.detailIntroData .dataCont {
    display: table;
    width: 100%;
}
.detailIntroData .dataCont:first-child {
    margin-top: 0;
}
.detailIntroData .dataCont .dataItem {
    line-height: 1.5;
}
.detailIntroData .dataCont .dataItem,
.detailIntroData .dataCont .dataTxt {
    display: table-cell;
    vertical-align: top;
}
.detailIntroData .dataCont .dataTxt, 
.detailIntroData .dataCont .dataTxt * {
    text-align: left;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    .detailIntroData .dataCont {
        margin-top: 1rem;
    }
    .detailIntroData .dataCont .dataItem {
        width: 20.51%;
        font-size: 0.875rem;
        padding-top: 0.25rem;
        padding-right: 1rem;
    }
    .detailIntroData .dataCont .dataTxt {
        width: 79.49%;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    .detailIntroData .dataCont {
        margin-top: 15px;
    }
    .detailIntroData .dataCont .dataItem {
        width: 20vw;
        font-size: 12px;
        padding-top: 4.5px;
        padding-right: 15px;
    }
    .detailIntroData .dataCont .dataTxt {
        width: 64vw;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
DETAIL PHOTO
------------------------------------------------------------------------------------------------------------------------- */
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    .detailPhoto .ph2column {
        width: 100%;
        display: table;
    }
    .detailPhoto .ph2column li {
        display: table-cell;
        width: 50%; 
        vertical-align: top;
    }
    .detailPhoto .ph1column,
    .detailPhoto .ph2column {
        margin-bottom: 2rem;
    }
    .detailPhoto .ph2column li:nth-child(odd) {
        padding-right: 0.5rem;
    }
    .detailPhoto .ph2column li:nth-child(even) {
        padding-left: 0.5rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    .detailPhoto .ph1column,
    .detailPhoto .ph2column {
        margin-bottom: 30px;
    }
    .detailPhoto .ph2column li:nth-child(odd) {
        /* padding-right: 2vw; */
        margin-bottom: 30px;
    }
    /*
    .detailPhoto .ph2column li:nth-child(even) {
        padding-left: 2vw;
    }
    */
}
/* ------------------------------------------------------------------------------------------------------------------------
DETAIL VIDEO
------------------------------------------------------------------------------------------------------------------------- */
.detailVideo .videoCont {
    width: 100%;
}
.detailVideo .videoCont iframe {
    width: 100%;
}
.detailVideo .videoCont .videoCap {
    font-size: 10px;
    line-height: 1.5;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    .detailVideo .videoCont {
        margin-bottom: 2rem;
    }
    .detailVideo .videoCont iframe {
        height: 41.625rem;
    }
    .detailVideo .videoCont .videoCap {
        margin-top: 0.25rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    .detailVideo .videoCont {
        margin-bottom: 30px;
    }
    .detailVideo .videoCont iframe {
        height: 51.75vw;
    }
    .detailVideo .videoCont .videoCap {
        margin-top: 5px;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
RELATED PAGES
------------------------------------------------------------------------------------------------------------------------- */
.relatedPage {
    width: 100%;
}
.relatedPage .contA:last-child {
    margin-bottom: 0;
}
/* relatedPageArticle */
.relatedPageArticle .contAContArea .artCont:first-child {
    margin-top: 0;
}
/* relatedPagePublication */
.relatedPagePublication .contAContArea {
    font-size: 0;
}
/* relatedPageExhibition */
.relatedPageExhibition .contAContArea {
    font-size: 0;
}
/* relatedPageEvent */
.relatedPageEvent .contAContArea {
    padding-top: 0;
    border-top: none;
}
.relatedPageEvent .contAContArea .eventContWrap *:first-child {
    margin-top: 0;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    .relatedPage {
        margin-top: 3rem;
        padding-top: 6rem;
    }
    .relatedPage .contA {
        margin-bottom: 3rem;
    }
    /* relatedPageArticle */
    .relatedPageArticle .contAContArea {
        padding-top: 0;
        border-top: none;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    .relatedPage {
        padding-top: 60px;
    }
    .relatedPage .contA {
        margin-bottom: 60px;
    }
}

/* ========================================================================================================================
EXHIBITION, PROJECT
======================================================================================================================== */
/* ------------------------------------------------------------------------------------------------------------------------
PROG D HEADER
------------------------------------------------------------------------------------------------------------------------- */
#progDHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
#progDHeader .headInner {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}
#progDHeader .returnBtn {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    text-indent: -1000rem;
    background-image: url(../img/common/arrow_left_32.svg);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 100;
    transition: background-image 0.3s ease-in-out;
}
#progDHeader .returnBtn.white {
    background-image: url(../img/common/arrow_left_32_white.svg);
    filter: drop-shadow(0 0 1rem rgba(0,0,0,0.5));
}
#progDHeader .progJumpNavi .naviBtn {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    background-image: url(../img/common/arrow_bottom_32.svg);
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 100;
    transition: background-image 0.3s ease-in-out;
}
#progDHeader .progJumpNavi .naviBtn.white {
    background-image: url(../img/common/arrow_bottom_32_white.svg);
    filter: drop-shadow(0 0 1rem rgba(0,0,0,0.5));
}
#progDHeader .progJumpNavi .naviBtn.active {
    background-image: url(../img/common/close_32.svg);
}
#progDHeader .progJumpNavi .naviWrap {
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    transition: all 0.3s ease-in-out;
    z-index: 50;
}
#progDHeader .progJumpNavi .naviWrap.close {
    width: 0;
}
#progDHeader .progJumpNavi .naviWrapInner {
    height: 100vh;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;
}
#progDHeader .progJumpNavi .lanBtn {
    position: absolute;
    left: 0;
    display: block;
    width: inherit;
}
#progDHeader .progJumpNavi .lanBtn li {
    display: inline-block;
    font-size: 1rem;
}
#progDHeader .progJumpNavi .lanBtn li::after {
    content: '｜';
    padding: 0 0.5em;
}
#progDHeader .progJumpNavi .lanBtn li:last-child::after {
    content: '';
    padding: 0;
}
#progDHeader .progJumpNavi .lanBtn li a {
	position: relative;
	display: inline-block;
	text-indent: 0;
    padding-bottom: 0.25rem;
}
#progDHeader .progJumpNavi .lanBtn li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #000;
	filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
#progDHeader .progJumpNavi .lanBtn li a:hover::after,
#progDHeader .progJumpNavi .lanBtn li.current-lang a::after {
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
#progDHeader .progJumpNavi .naviWrapInner .inner {
    width: inherit;
    height: inherit;
}
#progDHeader .progJumpNavi .pageInfo .pageCategory {
    line-height: 1;
    text-align: center;
}
#progDHeader .progJumpNavi .pageInfo .pageSubTtl {
    line-height: 1.5;
    text-align: center;
}
#progDHeader .progJumpNavi .pageInfo .pageTtl {
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}
#progDHeader .progJumpNavi .mainNavi li a {
    display: block;
    width: 100%;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #progDHeader .returnBtn,
    #progDHeader .progJumpNavi .naviBtn {
        width: 6rem;
        height: 6rem;
        background-size: 2rem auto;
    }
    #progDHeader .progJumpNavi .naviWrap.open {
        width: 25rem;
    }
    #progDHeader .progJumpNavi .naviWrapInner {
        width: 25rem;
        padding: 0 4rem;
        border-left: #000 1px solid;
    }
    #progDHeader .progJumpNavi .naviWrapInner .inner {
        padding: 2rem 0 5rem;
        display: table-cell;
        vertical-align: middle;
    }
    #progDHeader .progJumpNavi .pageInfo {
        margin-bottom: 2rem;
    }
    #progDHeader .progJumpNavi .pageInfo .pageCategory {
        font-size: 0.75rem;
        margin-bottom: 1rem;
    }
    #progDHeader .progJumpNavi .pageInfo .pageSubTtl {
        font-size: 0.75rem;
        margin-top: 0.25rem;
    }
    #progDHeader .progJumpNavi .pageInfo .pageTtl {
        font-size: 1rem;
        margin-top: 0.25rem;
    }
    #progDHeader .progJumpNavi .mainNavi.typeEn li a {
        padding: 1rem 0;
    }
    #progDHeader .progJumpNavi .mainNavi li a span {
        display: block;
        line-height: 1; 
    }
    #progDHeader .progJumpNavi .mainNavi li a .lanEn {
        font-size: 1.625rem;
    }
    #progDHeader .progJumpNavi .mainNavi li a .lanJp {
        font-size: 0.75rem;
        margin-top: 0.5rem;
        filter:alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        transition: opacity 0.3s ease-in 0.2s;
    }
    #progDHeader .progJumpNavi .mainNavi li a:hover .lanJp {
        filter:alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }
    #progDHeader .progJumpNavi .mainNavi li a {
        padding: 0.5rem 0;
    }
    #progDHeader .progJumpNavi .lanBtn {
        bottom: 2rem;
        text-align: center;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #progDHeader .returnBtn,
    #progDHeader .progJumpNavi .naviBtn {
        width: 16vw;
        height: 16vw;
        background-size: 6vw auto;
    }
    #progDHeader .progJumpNavi .naviWrap.open {
        width: 100vw;
    }
    #progDHeader .progJumpNavi .naviWrapInner {
        width: 100vw;
    }
    #progDHeader .progJumpNavi .naviWrapInner .inner {
        padding: 16vw 4vw 18vw;
    }
    #progDHeader .progJumpNavi .pageInfo {
        margin-bottom: 8vw;
    }
    #progDHeader .progJumpNavi .pageInfo .pageCategory {
        font-size: 10px;
        margin-bottom: 15px;
    }
    #progDHeader .progJumpNavi .pageInfo .pageSubTtl {
        font-size: 12px;
        margin-top: 5px;
    }
    #progDHeader .progJumpNavi .pageInfo .pageTtl {
        font-size: 1rem;
        margin-top: 5px;
    }
    #progDHeader .progJumpNavi .mainNavi li {
        padding: 0 4vw;
        text-align: left;
        border-top: #E1E1E1 1px solid;
    }
    #progDHeader .progJumpNavi .mainNavi li:last-child {
        border-bottom: #E1E1E1 1px solid;
    }
    #progDHeader .progJumpNavi .mainNavi li a {
        padding: 4vw 0;
    }
    #progDHeader .progJumpNavi .mainNavi li a .lanEn {
        font-size: 5.6vw;
    }
    #progDHeader .progJumpNavi .mainNavi li a .lanJp {
        font-size: 11px;
        vertical-align: baseline;
        margin-left: 1em;
    }
    #progDHeader .progJumpNavi .lanBtn {
        bottom: 6vw;
        text-align: left;
        padding: 0 8vw
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
PROG D MAIN PH
------------------------------------------------------------------------------------------------------------------------- */
#progDMainPhWrap .progDMainPh {
    position: relative;
    width: 100%;
    height: 100vh;
}
#progDMainPhWrap .progDMainPh img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;'
}
#progDMainPhWrap .progDMainPh .phCap {
    position: absolute;
    top: 0;
    width: 100vh;
    color: #fff;
    text-align: center;
    margin-top: 0;
    transform: rotate(90deg);
    transform-origin: left top; 
    filter: drop-shadow(0 0 1rem rgba(0,0,0,0.5));
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #progDMainPhWrap .progDMainPh .phCap {
        left: 2rem;
        left: calc(2rem + 1em);
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #progDMainPhWrap .progDMainPh .phCap {
        left: 4vw;
        left: calc(4vw + 1rem);
    }
}

/* ========================================================================================================================
EXHIBITION
======================================================================================================================== */
#exhibitionsDetail #footer {
    margin-top: 0;
}
#exhibitionsDetail .content {
    padding-top: 0;
}
#exhibitionsDetail .content .exhDCont {
    width: 100%;
    overflow: hidden;
}
/* pageStatus */
#exhibitionsDetail .exhStatus {
    position: fixed;
    z-index: 50;
}
#exhibitionsDetail .exhStatus .statusBadge {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #F02D2D;
    border-radius: 50%;
}
#exhibitionsDetail .exhStatus .statusBadge.statusBadgePostpone {
    background: #000;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #exhibitionsDetail .contentWrap {
        padding-bottom: 9rem;
    }
    #exhibitionsDetail .content .exhDCont {
        margin-top: 3rem;
        padding-top: 6rem;
    }
    #exhibitionsDetail .exhStatus {
        right: 1rem;
        bottom: 1rem;
    }
    #exhibitionsDetail .exhStatus .statusBadge {
        width: 6.5rem;
        height: 6.5rem;
        font-size: 1.3125rem;
        letter-spacing: 0.05em;
    }
    #exhibitionsDetail .exhStatus .statusBadge.lanEnEuropa {
        font-size: 1rem;
        letter-spacing: 0;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #exhibitionsDetail .contentWrap {
        padding-bottom: 60px;
    }
    #exhibitionsDetail .content .exhDCont {
        padding-top: 60px;
    }
    #exhibitionsDetail .exhStatus {
        right: 2vw;
        bottom: 2vw;
    }
    #exhibitionsDetail .exhStatus .statusBadge {
        width: 20vw;
        height: 20vw;
        font-size: 13px;
    }
    #exhibitionsDetail .exhStatus .statusBadge.lanEnEuropa {
        font-size: 2.6666vw;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
EXH D INTRO
------------------------------------------------------------------------------------------------------------------------- */
/* exhDIntroTxtArea01 */
#exhibitionsDetail .exhDCategory {
    width: 100%;
    line-height: 1;
}
#exhibitionsDetail .exhDSubTtl,
#exhibitionsDetail .exhDTtl {
    font-weight: bold;
    line-height: 1.5;
}
/* exhDIntroTxtArea02 */
#exhibitionsDetail .exhDIntroTxtArea02 .exhArtist .typeJp span::before {
    content: '、';
}
#exhibitionsDetail .exhDIntroTxtArea02 .exhArtist .typeEn span::before {
    content: ', ';
}
#exhibitionsDetail .exhDIntroTxtArea02 .exhArtist span:first-child::before {
    content: '';
    margin-right: 0;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #exhibitionsDetail .exhDIntro .exhDIntroAreaWrap {
        display: table;
        width: 100%;
    }
    #exhibitionsDetail .exhDIntro .exhDIntroTxtArea01,
    #exhibitionsDetail .exhDIntro .exhDIntroTxtArea02 {
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }
    /* exhDIntroTxtArea01 */
    #exhibitionsDetail .exhDIntroTxtArea01 {
        border-right: #E1E1E1 1px solid;
    }
    #exhibitionsDetail .exhDIntroTxtArea01 .inner {
        padding-right: 3rem;
    }
    #exhibitionsDetail .exhDCategory {
        font-size: 0.75rem;
        margin-bottom: 1.5rem;
    }
    #exhibitionsDetail .exhDSubTtl {
        font-size: 1.125rem;
        margin-top: 0.25rem;
    }
    #exhibitionsDetail .exhDTtl {
        font-size: 1.625rem;
        margin-top: 0.25rem;
    }
    #exhibitionsDetail .exhDIntroTxtArea01 .exhDIntroDesc {
        margin-top: 2rem;
    }
    /* exhDIntroTxtArea02 */
    #exhibitionsDetail .exhDIntroTxtArea02 .inner {
        padding-left: 3rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    /* exhDIntroTxtArea01 */
    #exhibitionsDetail .exhDCategory {
        font-size: 10px;
        margin-bottom: 15px;
    }
    #exhibitionsDetail .exhDSubTtl {
        font-size: 15px;
        margin-top: 5px;
    }
    #exhibitionsDetail .exhDTtl {
        font-size: 26px;
        margin-top: 5px;
    }
    #exhibitionsDetail .exhDCategory,
    #exhibitionsDetail .exhDSubTtl,
    #exhibitionsDetail .exhDTtl {
        text-align: center;
        padding: 0 4vw;
    }
    #exhibitionsDetail .exhDIntroTxtArea01 .exhDIntroDesc {
        margin-top: 30px;
        padding: 0 4vw;
    }
    /* exhDIntroTxtArea02 */
    #exhibitionsDetail .exhDIntroTxtArea02 .inner {
        margin-top: 30px;
        padding: 30px 4vw 0;
        border-top: #E1E1E1 1px solid;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
EXH D EVENT
------------------------------------------------------------------------------------------------------------------------- */
#exhibitionsDetail .exhDEvent .contAContArea {
    padding-top: 0;
    border-top: none;
}
/* exhDEventExternal */
#exhibitionsDetail .exhDEventExternal {
    border-top: #E1E1E1 1px solid;
}
#exhibitionsDetail .exhDEventExternal .moreContInner *:first-child,
#exhibitionsDetail .exhDEventAkcua *:first-child {
    margin-top: 0;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #exhibitionsDetail .exhDEventExternal {
        padding: 2rem 0;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #exhibitionsDetail .exhDEventExternal {
        padding: 30px 4vw;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
EXH D PROFILE
------------------------------------------------------------------------------------------------------------------------- */
#exhibitionsDetail .exhDProfile .contAContArea {
    padding-top: 0;
    border-top: none;
}
#exhibitionsDetail .exhDProfileCont {
    border-top: #E1E1E1 1px solid;
}
#exhibitionsDetail .exhDProfileCont:first-child {
    margin-top: 0;
}
#exhibitionsDetail .exhDProfileCont .profileName {
    font-size: 1rem;
    font-weight: bold;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #exhibitionsDetail .exhDProfileCont {
        margin-top: 2rem;
        padding-top: 2rem;
    }
    #exhibitionsDetail .exhDProfileCont .profileTxt {
        font-size: 0.875rem;
        margin-top: 1rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #exhibitionsDetail .exhDProfile .contAContArea {
        border-bottom: #E1E1E1 1px solid;
    }
    #exhibitionsDetail .exhDProfileCont {
        padding: 20px 4vw;
    }
    #exhibitionsDetail .exhDProfileCont .profileTxt {
        font-size: 13px;
        margin-top: 15px;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
*** COLOR
------------------------------------------------------------------------------------------------------------------------- */
#exhibitionsDetail .exhBgColor {
    width: 100%;
    overflow: hidden;
}
/* bgColor01 */
#exhibitionsDetail .bgColor01 {
    background: #000;
}
#exhibitionsDetail .bgColor01 .content,
#exhibitionsDetail .bgColor01 .content a {
    color: #FFF;
}
#exhibitionsDetail .bgColor01 a .hoverLine::after {
    background-color: #FFF;
}
#exhibitionsDetail .bgColor01 .docCont a {
    background-image: url(../img/common/arrow_right_32_white.svg);
}
#exhibitionsDetail .bgColor01 #progDHeader .returnBtn {
    background-image: url(../img/common/arrow_left_32_white.svg);
}
#exhibitionsDetail .bgColor01 .progJumpNavi .naviBtn {
    background-image: url(../img/common/arrow_bottom_32_white.svg);   
}
#exhibitionsDetail .bgColor01 .content * {
    border-color: #FFF !important;
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #exhibitionsDetail .bgColor01 .moreContWrap .moreBtn {
        background: rgb(0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 100%);
        background: linear-gradient(0deg, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 100%);
    }
    #exhibitionsDetail .bgColor01 .moreContWrap .moreBtn li {
        background: #000;
    }
    #exhibitionsDetail .bgColor01 .moreContWrap .moreBtn li span {
        background-image: url(../img/common/arrow_bottom_15_white.svg);
    }
    #exhibitionsDetail .bgColor01 .spAccordionArea .spAccordionTrigger {
        background-image: url(../img/common/arrow_bottom_15_white.svg);
    }
    #exhibitionsDetail .bgColor01 .spAccordionArea .spAccordionTrigger.open {
        background-image: url(../img/common/arrow_top_15_white.svg);
    }
}

/* ========================================================================================================================
EVENT
======================================================================================================================== */
#eventsDetail .eventDCont:first-child {
    padding-top: 0;
}
/* pageeventStatus */
#eventsDetail .eventStatus {
    position: fixed;
    z-index: 50;
}
#eventsDetail .eventStatus .inner {
    display: table-cell;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #000;
    border-radius: 50%;
}
#eventsDetail .eventStatus .statusCount {
    display: block;
    line-height: 1;
}
#eventsDetail .eventStatus .statusBadge {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #F02D2D;
    border-radius: 50%;
}
#eventsDetail .eventStatus .statusBadge.statusBadgePostpone {
    background: #000;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #eventsDetail .eventDCont {
        width: 100%;
        padding-top: 9rem;
        overflow: hidden;
    }
    #eventsDetail .eventStatus {
        right: 1rem;
        bottom: 1rem;
    }
    #eventsDetail .eventStatus .inner {
        width: 6.5rem;
        height: 6.5rem;
    }
    #eventsDetail .eventStatus .statusCountSub {
        font-size: 0.75rem;
        margin-bottom: 0.25rem
    }
    #eventsDetail .eventStatus .statusCountSub.lanEnEuropa {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }
    #eventsDetail .eventStatus .statusCountMain .countNumber {
        font-size: 1.625rem;
    }
    #eventsDetail .eventStatus .statusCountMain .countNichi {
        font-size: 0.875rem;
    }
    #eventsDetail .eventStatus .statusBadge {
        width: 6.5rem;
        height: 6.5rem;
        font-size: 1.3125rem;
        letter-spacing: 0.05em;
    }
    #eventsDetail .eventStatus .statusBadge.lanEnEuropa {
        font-size: 1rem;
        letter-spacing: 0;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #eventsDetail .eventDCont {
        padding-top: 60px;
    }
    #eventsDetail .eventStatus {
        right: 2vw;
        bottom: 2vw;
    }
    #eventsDetail .eventStatus .inner {
        width: 20vw;
        height: 20vw;
    }
    #eventsDetail .eventStatus .statusCountSub {
        font-size: 10px;
        margin-bottom: 5px;
    }
    #eventsDetail .eventStatus .statusCountSub.lanEnEuropa {
        margin-top: 5px;
    }
    #eventsDetail .eventStatus .statusCountMain .countNumber {
        font-size: 4.8vw;
    }
    #eventsDetail .eventStatus .statusCountMain .countNichi {
        font-size: 10px;
    }
    #eventsDetail .eventStatus .statusBadge {
        width: 20vw;
        height: 20vw;
        font-size: 13px;
    }
    #eventsDetail .eventStatus .statusBadge.lanEnEuropa {
        font-size: 2.6666vw;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
EVNT D INTRO
------------------------------------------------------------------------------------------------------------------------- */
#eventsDetail .eventDIntroTtlArea .eventPh .inner  {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
#eventsDetail .eventDIntroTtlArea .eventPh .inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;'
}
#eventsDetail .eventDIntroTtlArea .introInfo .eventDCategory {
    line-height: 1;
}
#eventsDetail .eventDIntroTtlArea .introInfo .eventDSubTtl,
#eventsDetail .eventDIntroTtlArea .introInfo .eventDTtl {
    font-weight: bold;
    line-height: 1.5;
}ntsDetail .eventDIntroTtlArea .eventDData {
}
/* eventDData01 */
#eventsDetail .eventDIntroTtlArea .eventDData01,
#eventsDetail .eventDIntroTtlArea .eventDData01Hosoku {
    line-height: 1.5;
}
#eventsDetail .eventDIntroTtlArea .eventDData01 .dataSession,
#eventsDetail .eventDIntroTtlArea .eventDData01 .dataTime {
    display: inline-block;
}
/* eventDData02 */
#eventsDetail .eventDIntroTtlArea .eventDData02 {
    font-size: 1rem;
    line-height: 1.5;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #eventsDetail .eventDIntro .eventDIntroAreaWrap {
        display: table;
        width: 100%;
    }
    #eventsDetail .eventDIntro .eventDIntroTtlArea {
        display: table-cell;
        width: 50%;
        vertical-align: top;
        padding-right: 3rem;
    }
    #eventsDetail .eventDIntro .eventDIntroTxtArea {
        display: table-cell;
        width: 50%;
        vertical-align: top;
        padding-left: 3rem;
        border-left: #E1E1E1 1px solid;
    }
    #eventsDetail .eventDIntroTtlArea .eventPh {
        margin-bottom: 2rem;
    }
    #eventsDetail .eventDIntroTtlArea .introInfo .eventDCategory {
        font-size: 0.75rem;
        margin-bottom: 1.5rem;  
    }
    #eventsDetail .eventDIntroTtlArea .introInfo .eventDSubTtl {
        font-size: 1.125rem;
        margin-top: 0.25rem;
    }
    #eventsDetail .eventDIntroTtlArea .introInfo .eventDTtl {
        font-size: 1.625rem;
        margin-top: 0.25rem;
    }
    /* eventDData01 */
    #eventsDetail .eventDIntroTtlArea .eventDData01 {
        font-size: 1.625rem;
        margin-top: 1rem;
    }
    #eventsDetail .eventDIntroTtlArea .eventDData01Hosoku {
        font-size: 0.75rem;
        margin-top: 0.25rem;
    }
    /* eventDData02 */
    #eventsDetail .eventDIntroTtlArea .eventDData02 {
        margin-top: 0.25rem;
    }
    #eventsDetail .eventDIntroTtlArea .eventDData02 .dataPlace,
    #eventsDetail .eventDIntroTtlArea .eventDData02 .dataRoom {
        display: inline-block;
    }
    #eventsDetail .eventDIntroTtlArea .eventDData02 .dataRoom::before{
        content: '｜';
    }
    /* introDesc */
    #eventsDetail .eventDIntroTxtArea .introDesc {
        margin-bottom: 3rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #eventsDetail .eventDIntro .contentInner {
        padding: 0;
    }
    #eventsDetail .eventDIntroTtlArea .eventPh {
        margin-bottom: 30px;
        margin-top: -15px;
        padding: 0 4vw;
    }
    #eventsDetail .eventDIntroTtlArea .introInfo {
        padding: 0 8vw;
    }
    #eventsDetail .eventDIntroTtlArea .introInfo .eventDCategory {
        font-size: 10px;
        margin-bottom: 15px;
        text-align: center;
    }
    #eventsDetail .eventDIntroTtlArea .introInfo .eventDSubTtl {
        font-size: 15px;
        margin-top: 5px;
        text-align: center;
    }
    #eventsDetail .eventDIntroTtlArea .introInfo .eventDTtl {
        font-size: 21px;
        margin-top: 5px;
        text-align: center;
    }
    #eventsDetail .eventDIntroTxtArea {
        padding: 0 4vw;
    }
    /* eventDData01 */
    #eventsDetail .eventDIntroTtlArea .eventDData01 {
        font-size: 18px;
        margin-top: 15px;
    }
    #eventsDetail .eventDIntroTtlArea .eventDData01 .data01Cont {
        text-align: center;
    }
    #eventsDetail .eventDIntroTtlArea .introInfo .eventDData01Hosoku {
        font-size: 10px;
        text-align: center;
        margin-top: 5px;
    }
    /* eventDData02 */
    #eventsDetail .eventDIntroTtlArea .eventDData02 {
        margin-top: 5px;
        text-align: center;
    }
    /* introDesc */
    #eventsDetail .eventDIntroTxtArea .introDesc {
        margin-top: 30px;
        padding: 0 4vw;
    }
    /* introData */
    #eventsDetail .eventDIntroTxtArea .detailIntroData {
        margin-top: 30px;
        padding: 30px 4vw 0;
        border-top: #E1E1E1 1px solid;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
RELATED EXHIBITION
------------------------------------------------------------------------------------------------------------------------- */
#eventsDetail .relatedExhibition .exhCont .exhPh {
    position: relative;
    width: 100%;
}
#eventsDetail .relatedExhibition .exhCont .exhPh::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/common/null_white.svg) no-repeat center center;
    background-size: contain;
}
#eventsDetail .relatedExhibition .exhCont .exhPh img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;'
}
#eventsDetail .relatedExhibition .exhCont .exhPh .statusBadge {
    position: absolute;
    display: block;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: center;
    background: #F02D2D;
    border-radius: 50%;
}
#eventsDetail .relatedExhibition .exhCont .exhPh .statusBadge.lanEnEuropa {
    letter-spacing: 0;
}
#eventsDetail .relatedExhibition .exhCont .exhPh .statusBadge.statusBadgePostpone {
    background: #000;
}
#eventsDetail .relatedExhibition .exhCont .exhCategory {
    line-height: 1;
}
#eventsDetail .relatedExhibition .exhCont .exhTtl,
#eventsDetail .relatedExhibition .exhCont .exhSubTtl {
    font-weight: 600;
    line-height: 1.5;
}
#eventsDetail .relatedExhibition .exhCont .exhSession,
#eventsDetail .relatedExhibition .exhCont .exhData .dataPlace,
#eventsDetail .relatedExhibition .exhCont .exhData .dataRoom {
    line-height: 1.5;
}
#eventsDetail .relatedExhibition .exhCont .exhData .dataRoom::before{
    content: '｜';
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #eventsDetail .relatedExhibition .exhCont,
    #eventsDetail .relatedExhibition .exhCont a {
        display: table;
        width: 100%;
    }
    #eventsDetail .relatedExhibition .exhCont .exhPh {
        display: table-cell;
        width: 59.45%;
        height: calc( ( ( 100vw - 8rem * 2 ) * 0.5945 ) / 3 * 2 );
        vertical-align: top;
    }
    #eventsDetail .relatedExhibition .exhCont .exhPh .statusBadge {
        bottom: 1.5rem;
        right: 1.5rem;
        width: 5rem;
        height: 5rem;
        font-size: 1rem;
        line-height: 5rem;
    }
    #eventsDetail .relatedExhibition .exhCont .exhPh .statusBadge.lanEnEuropa {
        font-size: 0.75rem;
    }
    #eventsDetail .relatedExhibition .exhCont .exhTxtArea {
        display: table-cell;
        width: 40.55%;
        vertical-align: top;
        padding-left: 0.5rem;
    }
    #eventsDetail .relatedExhibition .exhCont .exhTxtArea .inner {
        padding: 2rem;
        border-top: #E1E1E1 1px solid;
    }
    #eventsDetail .relatedExhibition .exhCont .exhCategory {
        font-size: 0.75rem;
        margin-bottom: 1.5rem;
    }
    #eventsDetail .relatedExhibition .exhCont .linkBtn {
        margin-top: 2rem;
    }
    #eventsDetail .relatedExhibition .exhCont .exhTtl {
        font-size: 1.125rem;
        margin-bottom: 0.25rem;
    }
    #eventsDetail .relatedExhibition .exhCont .exhSubTtl {
        font-size: 0.875rem;
        margin-bottom: 0.25rem;
    }
    #eventsDetail .relatedExhibition .exhCont .exhSession {
        font-size: 0.875rem;
        margin-top: 0.5rem;
    }
    #eventsDetail .relatedExhibition .exhCont .exhData .dataPlace,
    #eventsDetail .relatedExhibition .exhCont .exhData .dataRoom {
        display: inline-block;
        font-size: 0.875rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #eventsDetail .relatedExhibition .exhCont .exhPh .statusBadge {
        bottom: 0.5rem;
        right: 0.5rem;
        width: 16vw;
        height: 16vw;
        font-size: 3.2vw;
        line-height: 16vw;
    }
    #eventsDetail .relatedExhibition .exhCont .exhPh .statusBadge.lanEnEuropa {
        font-size: 2.6666vw;
    }
    #eventsDetail .relatedExhibition .exhCont .exhTxtArea {
        margin-top: 20px;
    }
    #eventsDetail .relatedExhibition .exhCont .exhTxtArea .inner {
        padding: 0 4vw;
    }
    #eventsDetail .relatedExhibition .exhCont .exhCategory {
        font-size: 10px;
        margin-bottom: 15px;
        text-align: center;
    }
    #eventsDetail .relatedExhibition .exhCont .exhTtl {
        font-size: 1rem;
        text-align: center;
        margin-top: 5px;
    }
    #eventsDetail .relatedExhibition .exhCont .exhSubTtl {
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
    }
    #eventsDetail .relatedExhibition .exhCont .exhSession {
        font-size: 10px;
        text-align: center;
        margin-top: 5px;
    }
    #eventsDetail .relatedExhibition .exhCont .exhData {
        display: none;
    }
    #eventsDetail .relatedExhibition .exhCont .linkBtn {
        margin-top: 15px;
    }
    #eventsDetail .relatedExhibition .exhCont .linkBtn li {
        margin: 0 auto;
    }
}


/* ========================================================================================================================
ARTICLES
======================================================================================================================== */
/* ------------------------------------------------------------------------------------------------------------------------
ART D INTRO
------------------------------------------------------------------------------------------------------------------------- */
#articlesDetail .artDIntro .artDCategory {
    line-height: 1;
    text-align: center;
}
#articlesDetail .artDIntro .artDSubTtl {
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
#articlesDetail .artDIntro .artDTtl {
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
#articlesDetail .artDIntro .artDCredit {
    line-height: 1.5;
    text-align: center;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #articlesDetail .artDIntro .artDCategory {
        font-size: 0.75rem;
        margin-bottom: 2rem;
    }
    #articlesDetail .artDIntro .artDSubTtl {
        font-size: 1.125rem;
        margin-top: 0.25rem;
    }
    #articlesDetail .artDIntro .artDTtl {
        font-size: 1.625rem;
        margin-top: 0.25rem;
    }
    #articlesDetail .artDIntro .artDCredit {
        font-size: 0.75rem;
        margin-top: 1.5rem;
    }
    #articlesDetail .artDIntro .artDMainPh {
        padding: 0 1.5rem;
        margin-top: 4.5rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #articlesDetail .artDIntro .artDCategory {    
        font-size: 10px;
        margin-bottom: 15px;
        padding: 0 4vw;
    }
    #articlesDetail .artDIntro .artDSubTtl {
        font-size: 15px;
        margin-top: 5px;
        padding: 0 4vw;
    }
    #articlesDetail .artDIntro .artDTtl {
        font-size: 21px;
        margin-top: 5px;
        padding: 0 4vw;
    }
    #articlesDetail .artDIntro .artDCredit {
        font-size: 10px;
        margin-top: 10px;
        padding: 0 4vw;
    }
    #articlesDetail .artDIntro .artDMainPh {
        width: 100%;
        height: auto;
        margin-top: 30px;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
ART D BODY
------------------------------------------------------------------------------------------------------------------------- */
#articlesDetail .artDBody {
    width: 100%;
}
#articlesDetail .artDEnEmpty {
    font-size: 1rem;
    text-align: center;
}
#articlesDetail .artDEnEmpty span {
    display: block;
    background: #F5F5F5;
    padding: 1rem;
}
/* artDLead */
#articlesDetail .artDBody .artDLead .leadTxtArea {
    font-weight: bold;
}
/* artDCont */
#articlesDetail .artDBody .artDCont .txtArea *:first-child {
    margin-top: 0 !important;
}
#articlesDetail .artDBody .artDCont .txtArea h1 {
    text-align: center;
}
#articlesDetail .artDBody .artDCont .txtArea p {
    line-height: 2;
}
#articlesDetail .artDBody .artDCont .txtArea .small {
    display: block;
}
#articlesDetail .artDBody .artDCont .ph1column,
#articlesDetail .artDBody .artDCont .ph1columnMini,
#articlesDetail .artDBody .artDCont .ph2column,
#articlesDetail .artDBody .artDCont .ph3column,
#articlesDetail .artDBody .artDCont .videoCont,
#articlesDetail .artDBody .artDCont .txtPh2column {
    width: 100%;
}
#articlesDetail .artDBody .artDCont .videoCont .videoCap {
    font-size: 10px;
    line-height: 1.5;
}
#articlesDetail .artDBody .artDCont figcaption {
    font-size: 10px;
    line-height: 1.5; 
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #articlesDetail .artDBody {
        margin-top: 6rem;
    }
    #articlesDetail .artDEnEmpty {
        padding: 0 10.12%;
        margin-bottom: 2rem;
    }
    /* artDLead */
    #articlesDetail .artDBody .artDLead {
        display: table;
        width: 100%;
    }
    #articlesDetail .artDBody .artDLead .leadPh {
        display: table-cell;
        width: 50%;
        vertical-align: top;
        padding-right: 1rem;
    }
    #articlesDetail .artDBody .artDLead .leadTxtArea {
        display: table-cell;
        width: 50%;
        vertical-align: top;
        padding-left: 1rem;
    }
    /* artDCont */
    #articlesDetail .artDBody .artDCont {
        margin-bottom: 6rem;
    }
    #articlesDetail .artDBody .artDCont .txtArea {
        padding: 0 20.27%;
        margin: 6rem 0;
    }
    #articlesDetail .artDBody .artDCont .txtArea h1,
    #articlesDetail .artDBody .artDCont .txtArea h2,
    #articlesDetail .artDBody .artDCont .txtArea h3,
    #articlesDetail .artDBody .artDCont .txtArea h4,
    #articlesDetail .artDBody .artDCont .txtArea h5,
    #articlesDetail .artDBody .artDCont .txtArea h6,
    #articlesDetail .artDBody .artDCont .txtArea p,
    #articlesDetail .artDBody .artDCont .txtArea ul,
    #articlesDetail .artDBody .artDCont .txtArea ol,
    #articlesDetail .artDBody .artDCont .ph1column,
    #articlesDetail .artDBody .artDCont .ph1columnMini,
    #articlesDetail .artDBody .artDCont .ph2column,
    #articlesDetail .artDBody .artDCont .ph3column,
    #articlesDetail .artDBody .artDCont .videoCont {
        margin-top: 2rem;
    }
    #articlesDetail .artDBody .artDCont .ph1columnMini {
        padding: 0 20.27%;
    } 
    #articlesDetail .artDBody .artDCont .ph2column { 
        display: table;
    }
    #articlesDetail .artDBody .artDCont .ph2column li {
        display: table-cell;
        width: 50%; 
        vertical-align: top;
    }
    #articlesDetail .artDBody .artDCont .ph2column li:first-child {
        padding-right: 0.5rem;
    }
    #articlesDetail .artDBody .artDCont .ph2column li:last-child {
        padding-left: 0.5rem;
    }
    #articlesDetail .artDBody .artDCont .ph3column { 
        display: table;
    }
    #articlesDetail .artDBody .artDCont .ph3column li {
        display: table-cell;
        width: 33.33%; 
        vertical-align: top;
    }
    #articlesDetail .artDBody .artDCont .ph3column li:nth-child(3n-2) {
        padding-right: 0.66rem;
    }
    #articlesDetail .artDBody .artDCont .ph3column li:nth-child(3n-1) {
        padding: 0 0.33rem;
    }
    #articlesDetail .artDBody .artDCont .ph3column li:nth-child(3n) {
        padding-left: 0.66rem;
    }
    #articlesDetail .artDBody .artDCont .videoCont iframe {
        width: 100%;
        height: calc( ( 100vw - 8rem * 2 ) / 16 * 9 );
    }
    #articlesDetail .artDBody .artDCont .txtPh2column {
        display: table;
        margin: 6rem 0;
    }
    #articlesDetail .artDBody .artDCont .txtPh2column .ph {
        display: table-cell; 
        width: 59.45%;
        vertical-align: top;
    }
    #articlesDetail .artDBody .artDCont .txtPh2column .txtArea {
        display: table-cell; 
        width: 40.55%;
        vertical-align: top;
        padding: 0;
        margin: 0;
    }
    #articlesDetail .artDBody .artDCont .txtPh2columnR .txtArea {
        padding-left: 2rem;
    }
    #articlesDetail .artDBody .artDCont .txtPh2columnL .txtArea {
        padding-right: 2rem;
    }
    #articlesDetail .artDBody .artDCont .txtPh2column h1 {
        text-align: left;
    }
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea {
        display: table-cell; 
        width: 40.55%;
        font-size: 0.875rem;
        vertical-align: bottom;
    }
    #articlesDetail .artDBody .artDCont .txtPh2columnR .subTxtArea {
        padding-left: 8.5rem;
    }
    #articlesDetail .artDBody .artDCont .txtPh2columnL .subTxtArea {
        padding-right: 8.5rem;
    }
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea h1,
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea h2,
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea h3,
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea h4,
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea h5,
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea h6 {
        font-size: 0.875rem;
        text-align: left;
    }
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea ul,
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea ol {
        margin-left: 1.375rem;
    }
    #articlesDetail .artDBody .artDCont .videoCont .videoCap,
    #articlesDetail .artDBody .artDCont figcaption {
        margin-top: 0.25rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #articlesDetail .artDBody {
        margin-top: 45px;
    }
    #articlesDetail .artDEnEmpty {
        padding: 0 4vw;
        margin-bottom: 30px;
    }
    /* artDLead */
    #articlesDetail .artDBody .artDLead {
        margin-bottom: 45px;
    }
    #articlesDetail .artDBody .artDLead .leadTxtArea {
        margin-top: 30px;
        padding: 0 4vw;
    }
    /* artDCont */
    #articlesDetail .artDBody .artDCont {
        margin-bottom: 45px;
    }
    #articlesDetail .artDBody .artDCont .txtArea {
        padding: 0 4vw;
    }
    #articlesDetail .artDBody .artDCont .txtArea,
    #articlesDetail .artDBody .artDCont .txtArea h1,
    #articlesDetail .artDBody .artDCont .txtArea h2,
    #articlesDetail .artDBody .artDCont .txtArea h3,
    #articlesDetail .artDBody .artDCont .txtArea h4,
    #articlesDetail .artDBody .artDCont .txtArea h5,
    #articlesDetail .artDBody .artDCont .txtArea h6,
    #articlesDetail .artDBody .artDCont .txtArea p,
    #articlesDetail .artDBody .artDCont .txtArea ul,
    #articlesDetail .artDBody .artDCont .txtArea ol,
    #articlesDetail .artDBody .artDCont .ph1column,
    #articlesDetail .artDBody .artDCont .ph1columnMini,
    #articlesDetail .artDBody .artDCont .ph2column,
    #articlesDetail .artDBody .artDCont .ph3column,
    #articlesDetail .artDBody .artDCont .videoCont,
    #articlesDetail .artDBody .artDCont .txtPh2column,
    #articlesDetail .artDBody .artDCont .ph2column li,
    #articlesDetail .artDBody .artDCont .ph3column li{
        margin-top: 30px;
    }
    #articlesDetail .artDBody .artDCont .txtArea h1 {
        padding-top: 15px;
    }
    #articlesDetail .artDBody .artDCont .txtArea h2,
    #articlesDetail .artDBody .artDCont .txtArea h3,
    #articlesDetail .artDBody .artDCont .txtArea h4,
    #articlesDetail .artDBody .artDCont .txtArea h5,
    #articlesDetail .artDBody .artDCont .txtArea h6 {
        padding-top: 5px;
    }
    #articlesDetail .artDBody .artDCont .ph2column li:first-child,
    #articlesDetail .artDBody .artDCont .ph3column li:first-child {
        margin-top: 0;
    }
    #articlesDetail .artDBody .artDCont .videoCont iframe {
        width: 100%;
        height: 51.75vw;
    }
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea {
        font-size: 13px;
        padding: 8vw;
        background: #F5F5F5;
        margin-top: -3px;
    }
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea h1,
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea h2,
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea h3,
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea h4,
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea h5,
    #articlesDetail .artDBody .artDCont .txtPh2column .subTxtArea h6 {
        font-size: 13px;
        text-align: left;
    }
    #articlesDetail .artDBody .artDCont .txtPh2columnL {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    #articlesDetail .artDBody .artDCont .txtPh2columnL .subTxtArea,
    #articlesDetail .artDBody .artDCont .txtPh2columnL .txtArea{
        order: 2;
    }
    #articlesDetail .artDBody .artDCont .txtPh2columnL .ph {
        order: 1;
    }
    #articlesDetail .artDBody .artDCont .videoCont .videoCap,
    #articlesDetail .artDBody .artDCont figcaption {
        margin-top: 5px;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
ART D DATA
------------------------------------------------------------------------------------------------------------------------- */
#articlesDetail .artDData .artDDataUpdate {
    width: 100%;
    text-align: right;
}
#articlesDetail .artDData .artDDataBox {
    width: 100%;
}
#articlesDetail .artDData .artDDataBox .inner {
    border-top: #E1E1E1 1px solid;
    border-bottom: #E1E1E1 1px solid;
}
#articlesDetail .artDData .artDDataBox .artDDataCont {
    border-bottom: #E1E1E1 1px solid;
}
#articlesDetail .artDData .artDDataBox .artDDataCont:last-child {
    border-bottom: none;
}
#articlesDetail .artDData .artDDataProfile .profileContWrap {
    border-top: #E1E1E1 1px solid; 
}
#articlesDetail .artDData .artDDataProfile .profileContWrap:first-child {
    border-top: none;
}
#articlesDetail .artDData .artDDataProfile .profileName {
    font-size: 1rem;
    font-weight: bold;
}
#articlesDetail .artDDataSource .sourceCont {
    border-bottom: #E1E1E1 1px solid;
}
#articlesDetail .artDDataSource .sourceCont:last-child {
    border-bottom: none;
}
#articlesDetail .artDDataSource a .pubPh {
    position: relative;
} 
#articlesDetail .artDDataSource a .pubPh img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;'
}
#articlesDetail .artDDataSource .sourceCategory {
    line-height: 1;
}
#articlesDetail .artDDataSource .sourceTtl,
#articlesDetail .artDDataSource .sourceSubTtl {
    font-weight: bold;
    line-height: 1.5;
}
#articlesDetail .artDDataSource .sourceNote,
#articlesDetail .artDDataSource .sourceDate {
    line-height: 1.5;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #articlesDetail .artDData .artDDataUpdate {
        margin-bottom: 1rem;
    }
    #articlesDetail .artDData .artDDataBox .inner {
        padding: 1rem 20.27%;
    }
    #articlesDetail .artDData .artDDataProfile .profileCont {
        padding: 2rem 0;
    }
    #articlesDetail .artDData .artDDataProfile .profileTxt {
        font-size: 0.875rem;
        margin-top: 1rem;
    }
    #articlesDetail .artDDataSource .sourceCont {
        display: table;
        width: 100%;
        padding: 2rem 0;
    }
    #articlesDetail .artDDataSource a {
        display: table;
        width: 100%;
    }
    #articlesDetail .artDDataSource a .pubPh {
        display: table-cell;
        width: 31.81%;
        height: calc( ( ( 100vw - 8rem * 2 ) * 0.1891 ) / 3 * 2 );
        vertical-align: middle;
    }
    #articlesDetail .artDDataSource a .sourceTxtArea {
        display: table-cell;
        width: 68.19%;
        padding-left: 2rem;
        vertical-align: middle;
    }
    #articlesDetail .artDDataSource .sourceCategory {
        font-size: 0.75rem;
        margin-bottom: 1rem;
    }
    #articlesDetail .artDDataSource .sourceSubTtl {
        font-size: 0.875rem;
        margin-top: 0.25rem;
    }
    #articlesDetail .artDDataSource .sourceTtl {
        font-size: 1.125rem;
        margin-top: 0.25rem;
    }
    #articlesDetail .artDDataSource .sourceDate {
        font-size: 0.875rem;
        margin-top: 0.5rem;
    }
    #articlesDetail .artDDataSource .sourceNote {
        font-size: 0.75rem;
        margin-top: 1rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #articlesDetail .artDData .artDDataUpdate {
        margin-bottom: 30px;
    }
    #articlesDetail .artDData .artDDataProfile .profileCont {
        padding: 20px 4vw;
    }
    #articlesDetail .artDData .artDDataProfile .profileTxt {
        font-size: 13px;
        margin-top: 15px;
    }
    #articlesDetail .artDDataSource .sourceCont {
        padding: 30px 0;
    }
    #articlesDetail .artDDataSource .sourceTxtArea {
        padding: 20px 4vw 0 4vw;
    }
    #articlesDetail .artDDataSource .sourceCategory {
        font-size: 10px;
        margin-bottom: 15px;
        text-align: center;
    }
    #articlesDetail .artDDataSource .sourceSubTtl {
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
    }
    #articlesDetail .artDDataSource .sourceTtl {
        font-size: 1rem;
        text-align: center;
        margin-top: 5px;
    }
    #articlesDetail .artDDataSource .sourceDate {
        display: none;
    }
    #articlesDetail .artDDataSource .sourceNote {
        font-size: 10px;
        margin-top: 15px;
    }
}

/* ========================================================================================================================
PUBLICATIONS
======================================================================================================================== */
#publicationsDetail .content .pubDCont:first-child {
    padding-top: 0;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #publicationsDetail .content .pubDCont {
        width: 100%;
        padding-top: 9rem;
        overflow: hidden;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #publicationsDetail .content .pubDCont {
        padding-top: 60px;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
PUB D INTRO
------------------------------------------------------------------------------------------------------------------------- */
#publicationsDetail .pubDIntroPhArea .pubDIntroPhSlideWrap {
    position: relative;
    width: 100%;
}
#publicationsDetail .pubDIntroPhArea .pubPh {
    position: relative;
    width: 100%;
    background: #fff;
}
#publicationsDetail .pubDIntroPhArea .pubPh img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    font-family: 'object-fit: contain; object-position: center center;';
}
#publicationsDetail .pubDIntroPhArea .linkBtn a {
    margin: 0 auto;
}
#publicationsDetail .pubDIntro .pubDCategory {
    line-height: 1;
}
#publicationsDetail .pubDIntro .pubDSubTtl {
    font-weight: bold;
    line-height: 1.5;
}
#publicationsDetail .pubDIntro .pubDTtl {
    font-weight: bold;
    line-height: 1.5;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #publicationsDetail .pubDIntro .pubDIntroAreaWrap {
        display: table;
        width: 100%;
        table-layout:fixed;
    }
    #publicationsDetail .pubDIntro .pubDIntroPhArea {
        display: table-cell;
        width: 50%;
        vertical-align: top;
        padding-right: 3rem;
        float: left;
    }
    #publicationsDetail .pubDIntroPhArea .pubPh {
        height: calc( ( ( 100vw - 8rem * 2 ) / 2 - 3rem ) / 3 * 2 );
    }
    #publicationsDetail .pubDIntro .pubDIntroTxtArea {
        display: table-cell;
        width: 50%;
        vertical-align: top;
        padding-left: 3rem;
        border-left: #E1E1E1 1px solid;
        float: right;
    }
    #publicationsDetail .pubDIntroPhArea .linkBtn {
        margin-top: 2rem;
    }
    #publicationsDetail .pubDIntro .pubDCategory {
        font-size: 0.75rem;
        margin-bottom: 1.5rem;  
    }
    #publicationsDetail .pubDIntro .pubDSubTtl {
        font-size: 1.125rem;
        margin-top: 0.25rem;
    }
    #publicationsDetail .pubDIntro .pubDTtl {
        font-size: 1.625rem;
        margin-top: 0.25rem;
    }
    #publicationsDetail .pubDIntro .introDesc {
        margin-top: 2rem;
    }
    #publicationsDetail .pubDIntro .detailIntroData {
        margin-top: 2rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #publicationsDetail .pubDIntro .contentInner {
        padding: 0;
    }
    #publicationsDetail .pubDIntro .pubDIntroPhArea {
        margin-bottom: 30px;
        margin-top: -15px;
        padding: 0 4vw;
    }
    #publicationsDetail .pubDIntro .pubDIntroTxtArea {
        padding: 0 4vw;
    }
    #publicationsDetail .pubDIntro.pbBuyBtn {
        position: relative;
        padding-bottom: 85px;
    }
    #publicationsDetail .pubDIntroPhArea .linkBtn {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit- transform: translateX(-50%);
    }
    #publicationsDetail .pubDIntro .pubDCategory {
        font-size: 10px;
        margin-bottom: 15px;
        padding: 0 4vw;
        text-align: center;
    }
    #publicationsDetail .pubDIntro .pubDSubTtl {
        font-size: 15px;
        margin-top: 5px;
        padding: 0 4vw;
        text-align: center;
    }
    #publicationsDetail .pubDIntro .pubDTtl {
        font-size: 21px;
        margin-top: 5px;
        padding: 0 4vw;
        text-align: center;
    }
    #publicationsDetail .pubDIntro .introDesc {
        margin-top: 30px;
        padding: 0 4vw;
    }
    #publicationsDetail .pubDIntro .detailIntroData {
        margin-top: 30px;
        padding: 30px 4vw 0 4vw;
        border-top: #E1E1E1 1px solid;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
PUB D MOKUJI
------------------------------------------------------------------------------------------------------------------------- */
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #publicationsDetail .pubDMokuji .contAContArea {
        padding: 0 4vw;
    }
    #publicationsDetail .pubDMokuji .contAContArea p {
        text-align: left;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
PUB D DL
------------------------------------------------------------------------------------------------------------------------- */
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #publicationsDetail .pubDDL .contAContArea {
        padding-top: 0;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #publicationsDetail .pubDDL .contAContArea {
        border-top: #E1E1E1 1px solid;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
PUB D SERIES
------------------------------------------------------------------------------------------------------------------------- */
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #publicationsDetail .pubDSeries .detailPubCont .inner {
        padding-top: 1rem;
        border-top: #E1E1E1 1px solid;
    }
}

/* ========================================================================================================================
NEWS
======================================================================================================================== */
/* ------------------------------------------------------------------------------------------------------------------------
NEWS D CONT
------------------------------------------------------------------------------------------------------------------------- */
#newsDetail .newsDTtlArea .newsDCategory,
#newsDetail .newsDTtlArea .newsDDate {
    line-height: 1;
}
#newsDetail .newsDTtlArea .newsDTtl {
    line-height: 1.5;
}
#newsDetail .newsDTxtArea *:first-child {
    margin-top: 0;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #newsDetail .newsDCont {
        display: table;
        width: 100%;
    }
    #newsDetail .newsDCont .newsDTtlArea {
        display: table-cell;
        width: 40.54%;
        padding-right: 0.5rem;
        vertical-align: top;
    }
    #newsDetail .newsDCont .newsDTxtArea {
        display: table-cell;
        width: 59.46%;
        vertical-align: top;
        padding-top: 2rem;
        border-top: #E1E1E1 1px solid;
    }
    #newsDetail .newsDTtlArea .inner {
        padding: 2rem 4rem 0 0;
        border-top: #E1E1E1 1px solid;
    }
    #newsDetail .newsDTtlArea .newsDCategory {
        font-size: 0.75rem;
        margin-bottom: 1.5rem;
    }
    #newsDetail .newsDTtlArea .newsDTtl {
        font-size: 1.625rem;
    }
    #newsDetail .newsDTtlArea .newsDDate {
        font-size: 0.875rem;
        margin-top: 0.5rem;
    }
    #newsDetail .newsDTxtArea h1 {
        font-size: 1.3125rem;
        font-weight: bold;
        line-height: 1.5;
        margin-top: 2rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #newsDetail .newsDCont .newsDTtlArea {
        padding: 0 4vw;
    }
    #newsDetail .newsDTtlArea .newsDCategory {
        font-size: 10px;
        margin-bottom: 15px;
        text-align: center;
    }
    #newsDetail .newsDTtlArea .newsDTtl {
        font-size: 21px;
        margin-top: 5px;
        text-align: center;
    }
    #newsDetail .newsDTtlArea .newsDDate {
        margin-top: 13px;
        text-align: center;
    }
    #newsDetail .newsDCont .newsDTxtArea {
        padding: 0 4vw;
        margin-top: 30px;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
NEWS D FOOT
------------------------------------------------------------------------------------------------------------------------- */
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #newsDetail .newsDFoot .linkBtn {
        width: 59.46%;
        padding-top: 2rem;
        margin-top: 2rem;
        margin-left: 40.54%;
        border-top: #E1E1E1 1px solid;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #newsDetail .newsDFoot .linkBtn {
        margin-top: 45px;
    }
}

/* ========================================================================================================================
PROJECTS / *2025 kobayashi add
======================================================================================================================== */
#projectsDetail #footer {
    margin-top: 0;
}
#projectsDetail .content {
    padding-top: 0;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #projectsDetail .contentWrap {
        padding-top: 3rem;
        padding-bottom: 9rem;
    }
    #projectsDetail .content .pjDCont {
        padding-top: 6rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #projectsDetail .contentWrap {
        padding-bottom: 60px;
    }
    #projectsDetail .content .pjDCont {
        padding-top: 60px;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
PJ D INTRO
------------------------------------------------------------------------------------------------------------------------- */
#projectsDetail .pjDIntro .pjDCategory {
    line-height: 1;
    text-align: center;
}
#projectsDetail .pjDIntro .pjDSubTtl {
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
#projectsDetail .pjDIntro .pjDTtl {
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}
#projectsDetail .pjDIntro .pjDDate {
    line-height: 1.5;
    text-align: center;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #projectsDetail .pjDIntro {
        margin-bottom: -1.5rem;
    }
    #projectsDetail .pjDIntro .pjDCategory {
        font-size: 0.75rem;
        margin-bottom: 2rem;
    }
    #projectsDetail .pjDIntro .pjDSubTtl {
        font-size: 1.125rem;
        margin-top: 0.25rem;
    }
    #projectsDetail .pjDIntro .pjDTtl {
        font-size: 1.625rem;
        margin-top: 0.25rem;
    }
    #projectsDetail .pjDIntro .pjDDate {
        font-size: 0.75rem;
        margin-top: 1.5rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #projectsDetail .pjDIntro {
        margin-bottom: -60px;
    }
    #projectsDetail .pjDIntro .pjDCategory {
        font-size: 10px;
        margin-bottom: 15px;
        padding: 0 4vw;
    }
    #projectsDetail .pjDIntro .pjDSubTtl {
        font-size: 15px;
        margin-top: 5px;
        padding: 0 4vw;
    }
    #projectsDetail .pjDIntro .pjDTtl {
        font-size: 21px;
        margin-top: 5px;
        padding: 0 4vw;
    }
    #projectsDetail .pjDIntro .pjDDate {
        font-size: 10px;
        margin-top: 10px;
        padding: 0 4vw;
    }
}
/* ------------------------------------------------------------------------------------------------------------------------
PJ D BODY
-------------------------------------------------------------------------------------------------------------------------
*/
#projectsDetail .pjDBody {
    width: 100%;
}
#projectsDetail .pjDBody .contentInner *:first-child {
    margin-top: 0;
}
#projectsDetail .pjDEnEmpty {
    font-size: 1rem;
    text-align: center;
}
#projectsDetail .pjDEnEmpty span {
    display: block;
    background: #F5F5F5;
    padding: 1rem;
}
#projectsDetail .pjDBody .boxCont {
    line-height: 2;
    background-color: #F5F5F5;
}
#projectsDetail .pjDBody .boxCont *:first-child,
#projectsDetail .pjDBody .boxCont *:last-child {
    margin-bottom: 0 !important;
}
#projectsDetail .pjDBody .phSlideArea {
    overflow: hidden;
}
#projectsDetail .pjDBody .phSlideArea.swiper-container {
    padding-bottom: 15px;
}
#projectsDetail .pjDBody .phSlide {
    margin-bottom: 30px;
}
#projectsDetail .pjDBody .txtArea *:first-child,
#projectsDetail .pjDBody .txtArea *:last-child {
    margin-top: 0 !important;
}
#projectsDetail .pjDBody .txtArea h1,
#projectsDetail .pjDBody .txtArea h2 {
    text-align: center;
}
#projectsDetail .pjDBody .txtArea p {
    line-height: 2;
}
#projectsDetail .pjDBody .txtArea .small {
    display: block;
}
#projectsDetail .pjDBody .dataArea dl {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 1rem;
}
#projectsDetail .pjDBody .dataArea dl dd {
    flex: 1;
}
#projectsDetail .pjDBody .ph1column,
#projectsDetail .pjDBody .ph1columnMini,
#projectsDetail .pjDBody .ph2column,
#projectsDetail .pjDBody .videoCont,
#projectsDetail .pjDBody .txtPh2column {
    width: 100%;
}
#projectsDetail .pjDBody .videoCont .videoCap {
    font-size: 10px;
    line-height: 1.5;
}
#projectsDetail .pjDBody figcaption {
    font-size: 10px;
    line-height: 1.5; 
}
#projectsDetail .pjDBody a.linkBtnCont {
    display: inline-block;
    border: #000 1px solid;
    line-height: 1.5;
    transition: all 0.3s ease-in-out;
}
#projectsDetail .pjDBody a.linkBtnCont:hover {
    border-color: #E1E1E1;
}
#projectsDetail .pjDBody a.linkBtnCont .icon::before {
    content: '';
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    padding-left: 1.125rem;
    background-image: url(/assets/img/common/arrow_right_15.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}
/* ============================== PC ============================== */
@media screen and (min-width: 766px) , print {
    #projectsDetail .pjDBody {
        margin-bottom: 6rem;
    }
    #projectsDetail .pjDBody .boxCont,
    #projectsDetail .pjDBody .ph1column,
    #projectsDetail .pjDBody .ph1columnMini,
    #projectsDetail .pjDBody .ph2column,
    #projectsDetail .pjDBody .videoCont,
    #projectsDetail .pjDBody .phSlideArea {
        margin: 4.5rem 0;
    }
    #projectsDetail .pjDBody .boxCont {
        padding: 3rem 4rem;
    }
    #projectsDetail .pjDBody .phSlideAreaWrap {
        margin-left: -8rem;
        margin-right: -8rem;
    }
    #projectsDetail .pjDBody .phSlide {
        padding: 0 1rem;
    }
    #projectsDetail .pjDBody hr {
        margin: 6rem 0;
    }
    #projectsDetail .pjDBody .txtArea,
    #projectsDetail .pjDBody .dataArea,
    #projectsDetail .pjDBody .linkBtnArea {
        padding: 0 20.27%;
        margin: 3rem 0;
    }
    #projectsDetail .pjDBody .txtArea h2,
    #projectsDetail .pjDBody .txtArea h3,
    #projectsDetail .pjDBody .txtArea h4,
    #projectsDetail .pjDBody .txtArea h5,
    #projectsDetail .pjDBody .txtArea h6 {
        margin-top: 2rem;
    }
    #projectsDetail .pjDBody .txtArea h1 {
        margin-bottom: 2rem;
    }
    #projectsDetail .pjDBody .dataArea dl dt {
        width: 17%;
        font-size: 0.875rem;
        padding-right: 1rem;
    }
    #projectsDetail .pjDBody .ph1columnMini {
        padding: 0 20.27%;
    }
    #projectsDetail .pjDBody .ph2column { 
        display: table;
    }
    #projectsDetail .pjDBody .ph2column li {
        display: table-cell;
        width: 50%; 
        vertical-align: top;
    }
    #projectsDetail .pjDBody .ph2column li:first-child {
        padding-right: 0.5rem;
    }
    #projectsDetail .pjDBody .ph2column li:last-child {
        padding-left: 0.5rem;
    }
    #projectsDetail .pjDBody .videoCont iframe {
        width: 100%;
        height: calc( ( 100vw - 8rem * 2 ) / 16 * 9 );
    }
    #projectsDetail .pjDBody .txtPh2column {
        display: table;
        margin: 6rem 0;
    }
    #projectsDetail .pjDBody .txtPh2column .ph {
        display: table-cell; 
        width: 59.45%;
        vertical-align: top;
    }
    #projectsDetail .pjDBody .txtPh2column .txtArea {
        display: table-cell; 
        width: 40.55%;
        vertical-align: top;
        padding: 0;
        margin: 0;
    }
    #projectsDetail .pjDBody .txtPh2columnR .txtArea {
        padding-left: 2rem;
    }
    #projectsDetail .pjDBody .txtPh2columnL .txtArea {
        padding-right: 2rem;
    }
    #projectsDetail .pjDBody .txtPh2column h1 {
        text-align: left;
    }
    #projectsDetail .pjDBody .txtPh2column .subTxtArea {
        display: table-cell;
        width: 40.55%;
        font-size: 0.875rem;
        vertical-align: bottom;
    }
    #projectsDetail .pjDBody .txtPh2columnR .subTxtArea {
        padding-left: 8.5rem;
    }
    #projectsDetail .pjDBody .txtPh2columnL .subTxtArea {
        padding-right: 8.5rem;
    }
    #projectsDetail .pjDBody .txtPh2column .subTxtArea h1,
    #projectsDetail .pjDBody .txtPh2column .subTxtArea h2,
    #projectsDetail .pjDBody .txtPh2column .subTxtArea h3,
    #projectsDetail .pjDBody .txtPh2column .subTxtArea h4,
    #projectsDetail .pjDBody .txtPh2column .subTxtArea h5,
    #projectsDetail .pjDBody .txtPh2column .subTxtArea h6 {
        font-size: 0.875rem;
        text-align: left;
    }
    #projectsDetail .pjDBody .txtPh2column .subTxtArea ul,
    #projectsDetail .pjDBody .txtPh2column .subTxtArea ol {
        margin-left: 1.375rem;
    }
    #projectsDetail .pjDBody .videoCont .videoCap,
    #projectsDetail .pjDBody figcaption {
        margin-top: 0.25rem;
    }
    #projectsDetail .pjDBody a.linkBtnCont {
        font-size: 0.875rem;
        padding: 1rem 2rem;
    }
}
@media (min-width: 1680px) {
    #projectsDetail .pjDBody .phSlideAreaWrap {
        margin-left: calc(-100% + 1424px / 2);
        margin-right: calc(-100% + 1424px / 2);
    }
}
@media (max-width: 1440px) {
    #projectsDetail .pjDBody .phSlideAreaWrap {
        margin-left: -6rem;
        margin-right: -6rem;
    }
}
@media (max-width: 1150px) {
    #projectsDetail .pjDBody .phSlideAreaWrap {
        margin-left: -3rem;
        margin-right: -3rem;
    }
}
/* ============================== SP ============================== */
@media screen and (max-width: 765px) {
    #projectsDetail .pjDBody {
        margin-top: 45px;
    }
    #projectsDetail .pjDBody .ph1column,
    #projectsDetail .pjDBody .ph1columnMini,
    #projectsDetail .pjDBody .ph2column {
        margin: 30px 0;
    }
    #projectsDetail .pjDBody .ph2column li:last-child {
        margin-top: 30px;
    }
    #projectsDetail .pjDBody .boxCont,
    #projectsDetail .pjDBody .videoCont,
    #projectsDetail .pjDBody .phSlideAreaWrap {
        margin: 45px 0;
    }
    #projectsDetail .pjDBody hr {
        margin: 60px 0;
    }
    #projectsDetail .pjDBody .boxCont {
        font-size: 0.9rem;
        padding: 8vw 5.333vw;
    }
    #projectsDetail .pjDBody .phSlideAreaWrap {
        margin-left: -4vw;
        margin-right: -4vw;
    }
    #projectsDetail .pjDBody .phSlide {
        padding: 0 2vw;
    }
    #projectsDetail .pjDBody .dataArea,
    #projectsDetail .pjDBody .linkBtnArea,
    #projectsDetail .pjDBody .txtArea {
        padding: 0 4vw;
    }
    #projectsDetail .pjDBody .dataArea,
    #projectsDetail .pjDBody .linkBtnArea {
        margin-top: 45px;
        margin-bottom: 45px;
    }
    #projectsDetail .pjDBody .txtArea h2,
    #projectsDetail .pjDBody .txtArea h3,
    #projectsDetail .pjDBody .txtArea h4,
    #projectsDetail .pjDBody .txtArea h5,
    #projectsDetail .pjDBody .txtArea h6 {
        margin-top: 8vw;
    }
    #projectsDetail .pjDBody .txtArea h1 {
        margin-bottom: 8vw;
    }
    #projectsDetail .pjDBody .dataArea dl dt {
        width: 20vw;
        font-size: 12px;
        padding-right: 15px;
    }
    #projectsDetail .pjDBody .videoCont iframe {
        width: 100%;
        height: 51.75vw;
    }
    #projectsDetail .pjDBody .txtPh2column .subTxtArea {
        font-size: 13px;
        padding: 8vw;
        background: #F5F5F5;
        margin-top: -3px;
    }
    #projectsDetail .pjDBody .txtPh2column .subTxtArea h1,
    #projectsDetail .pjDBody .txtPh2column .subTxtArea h2,
    #projectsDetail .pjDBody .txtPh2column .subTxtArea h3,
    #projectsDetail .pjDBody .txtPh2column .subTxtArea h4,
    #projectsDetail .pjDBody .txtPh2column .subTxtArea h5,
    #projectsDetail .pjDBody .txtPh2column .subTxtArea h6 {
        font-size: 13px;
        text-align: left;
    }
    #projectsDetail .pjDBody .txtPh2columnL {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    #projectsDetail .pjDBody .txtPh2columnL .subTxtArea,
    #projectsDetail .pjDBody .txtPh2columnL .txtArea{
        order: 2;
    }
    #projectsDetail .pjDBody .txtPh2columnL .ph {
        order: 1;
    }
    #projectsDetail .pjDBody .videoCont .videoCap,
    #projectsDetail .pjDBody figcaption {
        margin-top: 5px;
    }
    #projectsDetail .pjDBody a.linkBtnCont {
        font-size: 3.2vw;
        padding: 0.75em 2em;
    }
}