/*2022/08/05*/
/* -----------------------------------------------------------------------------

緊急時や個別対応等の上書き用CSS

-----------------------------------------------------------------------------*/
/* 2023/02/06 */
@media only screen and (min-width: 751px){
    #exhibition-top{
        width: calc(100% - 21.25em);
    }
}

/******************** 共通 ********************/
.contents-body{
    word-break: break-all;
}

/******************** 英語サイドナビロゴ拡大 ********************/

#exhibition-aside .exhibition-aside-list img[src*="logo-fs-en"] {
    max-height: 2rem;
    margin: 7px 0;
}

/******************** 試しにメインビジュアルの背景の白を少し強めにする ********************/
#exhibition-keyvisual .swiper-slide .layout-inner {
    background: rgba(255,255,255,0.8);
}
/******************** ヘッダー調整 ********************/
/*2022/09/16*/
#global-header .layout-inner{
    position: relative;
    right: -1px;
}
/******************** exhibition-navigation調整 ********************/
/*2024/10/11*/
@media only screen and (min-width: 751px){
#in #exhibition-navigation li.ex-nav-sdgs-env-consider{
    line-height:2.75rem;
}
#in #exhibition-navigation li.ex-nav-sdgs-env-consider a{
    line-height:1.6rem;
}
}
/******************** メインビジュアル調整 ********************/
 /* 総合展 */
 #nm #exhibition-keyvisual .swiper-slide-content{
    padding: 1rem;
}
@media only screen and (max-width: 750px){
    #nm #exhibition-keyvisual .swiper-slide {
    height:auto;
}
    #nm #exhibition-keyvisual .swiper-slide-content .disc {
        font-size: 1rem;
        font-weight: bold;
        padding: 5px 20px 10px;
    }
}
/*総合トップの大阪ロゴ整列*/
#nm .messe-osaka .flex-container {
    display: flex;
}
#nm .messe-osaka .flex-item {
    flex-basis: 100%;
}
#nm .messe-osaka .image-wrap{
    position: relative;
    overflow: hidden;
    padding-top: 8%;
    margin: 10px 5px;
}
#nm .messe-osaka .image-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
}
#nm h3.messe-osaka{
    font-size: 3rem;
    line-height: 1;
}
@media only screen and (max-width: 750px){
    #nm p.messe-osaka{
        margin: 0;
        font-size: 1rem;
    }
    #nm h3.messe-osaka{
        font-size: 2rem;
    }
}
/* 総合トップのSDGs表示：枠目一杯にする */
#nm #exhibition-keyvisual .swiper-slide-content:has( .nm-mv-sdgs) {
    padding:0;
}

#nm #exhibition-keyvisual .nm-mv-sdgs .btn span {
    font-weight: normal;
    font-size: 1rem;
    color:#fff;
}
@media only screen and (max-width: 750px){
    #nm #exhibition-keyvisual .swiper-slide:has( .nm-mv-sdgs){
        height:inherit;
    }
    #nm #exhibition-keyvisual .nm-mv-sdgs .btn {
        font-size: 1rem;
    }
}
/*総合SDGs閉幕*/
#nm .swiper-slide-content .nm-mv-sdgs .btn.sdgs_close{
background-color:#355BB7;
}
#nm .swiper-slide-content .nm-mv-sdgs .btn.sdgs_close:hover {
background-color:#fff;
border-bottom-color:#355BB7;
color:#355BB7;
}
#nm .swiper-slide-content .nm-mv-sdgs .btn.sdgs_close:hover:after{
border-right-color:#355BB7;
border-top-color:#355BB7;
}

/* その他 */
body:not(#ss):not(#ac):not(#js):not(#rt):not(#lf)　#exhibition-keyvisual .btn {
    width: 21.75rem;
}
[lang=ja-JP] #js #exhibition-keyvisual .swiper-slide .layout-inner,
[lang=ja-JP] #rt #exhibition-keyvisual .swiper-slide .layout-inner,
[lang=ja-JP] #ss #exhibition-keyvisual .swiper-slide .layout-inner{
    padding: 2em 15px;
}

@media only screen and (min-width: 751px){
    #js #exhibition-keyvisual .btn.btn-small,
    #ss #exhibition-keyvisual .btn.btn-small,
    #rt #exhibition-keyvisual .btn.btn-small,
    #fc #exhibition-keyvisual .btn.btn-small,
    #ac #exhibition-keyvisual .btn.btn-small,
    #fs #exhibition-keyvisual .btn.btn-small,
    #rs #exhibition-keyvisual .btn.btn-small,
    #ja #exhibition-keyvisual .btn.btn-small,
    #sa #exhibition-keyvisual .btn.btn-small,
    #as #exhibition-keyvisual .btn.btn-small{
        width: 42rem;
        height: 2rem;
        line-height: 2rem;
    }
}

@media only screen and (max-width: 750px){
    [lang=ja-JP] body#js #exhibition-keyvisual .swiper-wrapper,
    [lang=ja-JP] body#rt #exhibition-keyvisual .swiper-wrapper,
    [lang=ja-JP] body#ss #exhibition-keyvisual .swiper-wrapper,
    [lang=ja-JP] body#fc #exhibition-keyvisual .swiper-wrapper{
        height: 730;
    }
    [lang=ja-JP] body:not(#lf):not(#if):not(#ib):not(#ep):not(#ga) #exhibition-keyvisual .swiper-slide {
        height: auto;
    }
    body:not(#ib):not(#sb):not(#ep) #exhibition-keyvisual .swiper-slide .layout-inner {
        padding:1rem;
    }
    #fc #exhibition-keyvisual .btn,
    #fs #exhibition-keyvisual .btn,
    #rs #exhibition-keyvisual .btn,
    #ja #exhibition-keyvisual .btn,
    #sa #exhibition-keyvisual .btn,
    #as #exhibition-keyvisual .btn{
        line-height: 1.75rem;
        margin:0 0.25rem;
    }
}

 /* youtubeボタン表示 */
/*body:not(#ss) .exhibition-keyvisual-video{
      position: relative;
  }*/
#ss #exhibition-keyvisual .keyvisual,
#cp #exhibition-keyvisual .keyvisual{
     position: relative;
}
#ss .exhibition-keyvisual-video{
     position: absolute;
     top:0px;
     left: 688px;
  }
#cp .exhibition-keyvisual-video{
     position: absolute;
     top:0px;
     left: 720px;
  }
@media only screen and (max-width: 1400px){
#ss .exhibition-keyvisual-video,
#cp .exhibition-keyvisual-video{
    display: none;
}
}
.exhibition-keyvisual-videoplay {
    position: absolute;
    top: calc(50% - calc(3rem / 2));
    left: calc(50% - calc(4rem / 2));
    width: 4rem;
    opacity: 0.9;
}
#ss .exhibition-keyvisual-video,
#ac .exhibition-keyvisual-video,
#js .exhibition-keyvisual-video,
#cp .exhibition-keyvisual-video{
    width: 20rem;
    margin: 0 auto;
    vertical-align: top;
}
#ep .exhibition-keyvisual-video,
#rs .exhibition-keyvisual-video,
#fs .exhibition-keyvisual-video,
#ja .exhibition-keyvisual-video,
#sa .exhibition-keyvisual-video,
#nm .messe-osaka.exhibition-keyvisual-video{
    width: 20rem;
    margin: 0 auto;
    vertical-align: middle;
}
#ss .exhibition-keyvisual-videotxt,
#ac .exhibition-keyvisual-videotxt,
#js .exhibition-keyvisual-videotxt{
    position: absolute;
    display:block;
    width:100%;
    bottom:0;
    font-size: 1.4rem;
    color:red;
}
#ss .exhibition-keyvisual-videotxt:hover,
#ac .exhibition-keyvisual-videotxt:hover,
#js .exhibition-keyvisual-videotxt:hover{
    text-decoration: none;
    color:rgba(255,0,0,0.8);
}
@media only screen and (min-width: 751px){
    #ep .exhibition-keyvisual-video,
    #ac .exhibition-keyvisual-video,
    #js .exhibition-keyvisual-video,
    #fc .exhibition-keyvisual-video,
    #lf .exhibition-keyvisual-video,
    #if .exhibition-keyvisual-video,
    #rt .exhibition-keyvisual-video,
    #rs .exhibition-keyvisual-video,
    #fs .exhibition-keyvisual-video,
    #ja .exhibition-keyvisual-video,
    #sa .exhibition-keyvisual-video,
    #nm .messe-osaka.exhibition-keyvisual-video{
        /*width: 50%;*/
        margin: 0 0 0 8px;
    }
}

/*add 2024/01/22大阪SA/RS/FS/JA英語ここから*/
@media only screen and (max-width: 750px){
[lang=en-EN] body#sa #exhibition-keyvisual .swiper-slide,
[lang=en-EN] body#rs #exhibition-keyvisual .swiper-slide,
[lang=en-EN] body#fs #exhibition-keyvisual .swiper-slide,
[lang=en-EN] body#ja #exhibition-keyvisual .swiper-slide,
[lang=en-EN] body#as #exhibition-keyvisual .swiper-slide{
     height: revert;
 }
[lang=en-EN] body#sa #exhibition-keyvisual .swiper-slide-content .btn,
[lang=en-EN] body#rs #exhibition-keyvisual .swiper-slide-content .btn,
[lang=en-EN] body#fs #exhibition-keyvisual .swiper-slide-content .btn,
[lang=en-EN] body#ja #exhibition-keyvisual .swiper-slide-content .btn,
[lang=en-EN] body#as #exhibition-keyvisual .swiper-slide-content .btn{
    width: 100%;
}
[lang=en-EN] body#sa #exhibition-keyvisual .swiper-slide-content .btn .sp_br,
[lang=en-EN] body#rs #exhibition-keyvisual .swiper-slide-content .btn .sp_br,
[lang=en-EN] body#fs #exhibition-keyvisual .swiper-slide-content .btn .sp_br,
[lang=en-EN] body#ja #exhibition-keyvisual .swiper-slide-content .btn .sp_br,
[lang=en-EN] body#as #exhibition-keyvisual .swiper-slide-content .btn .sp_br{
    display: block;
}
[lang=en-EN] body#sa #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon,
[lang=en-EN] body#rs #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon,
[lang=en-EN] body#fs #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon,
[lang=en-EN] body#ja #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon,
[lang=en-EN] body#as #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon{
    background: linear-gradient(transparent 60%, #FFFE03 60%);
    width: fit-content;
    margin: 0 auto;
    padding: 0 1rem;
}
}
@media only screen and (min-width: 751px){
[lang=en-EN] body#sa #exhibition-keyvisual .swiper-slide-content p.messe-osaka,
[lang=en-EN] body#rs #exhibition-keyvisual .swiper-slide-content p.messe-osaka,
[lang=en-EN] body#fs #exhibition-keyvisual .swiper-slide-content p.messe-osaka,
[lang=en-EN] body#ja #exhibition-keyvisual .swiper-slide-content p.messe-osaka,
[lang=en-EN] body#as #exhibition-keyvisual .swiper-slide-content p.messe-osaka{
font-size: 2rem;
}
[lang=en-EN] body#sa #exhibition-keyvisual .swiper-slide-content p.messe-osaka-deadline,
[lang=en-EN] body#rs #exhibition-keyvisual .swiper-slide-content p.messe-osaka-deadline,
[lang=en-EN] body#fs #exhibition-keyvisual .swiper-slide-content p.messe-osaka-deadline,
[lang=en-EN] body#ja #exhibition-keyvisual .swiper-slide-content p.messe-osaka-deadline,
[lang=en-EN] body#as #exhibition-keyvisual .swiper-slide-content p.messe-osaka-deadline{
font-size: 1.8rem;
}
[lang=en-EN] body#sa #exhibition-keyvisual .swiper-slide-content p:first-of-type,
[lang=en-EN] body#rs #exhibition-keyvisual .swiper-slide-content p:first-of-type,
[lang=en-EN] body#fs #exhibition-keyvisual .swiper-slide-content p:first-of-type,
[lang=en-EN] body#ja #exhibition-keyvisual .swiper-slide-content p:first-of-type,
[lang=en-EN] body#as #exhibition-keyvisual .swiper-slide-content p:first-of-type{
    margin-bottom: 0;
}
[lang=en-EN] body#sa #exhibition-keyvisual .swiper-slide-content .btn,
[lang=en-EN] body#rs #exhibition-keyvisual .swiper-slide-content .btn,
[lang=en-EN] body#fs #exhibition-keyvisual .swiper-slide-content .btn,
[lang=en-EN] body#ja #exhibition-keyvisual .swiper-slide-content .btn,
[lang=en-EN] body#as #exhibition-keyvisual .swiper-slide-content .btn{
    width: 36rem;
}
[lang=en-EN] body#sa #exhibition-keyvisual .swiper-slide-content .btn-appform,
[lang=en-EN] body#rs #exhibition-keyvisual .swiper-slide-content .btn-appform,
[lang=en-EN] body#fs #exhibition-keyvisual .swiper-slide-content .btn-appform,
[lang=en-EN] body#ja #exhibition-keyvisual .swiper-slide-content .btn-appform,
[lang=en-EN] body#as #exhibition-keyvisual .swiper-slide-content .btn-appform{
    width: 36rem;
    font-size: 1.1rem;
}
[lang=en-EN] body#sa #exhibition-keyvisual .swiper-slide-content,
[lang=en-EN] body#rs #exhibition-keyvisual .swiper-slide-content,
[lang=en-EN] body#fs #exhibition-keyvisual .swiper-slide-content,
[lang=en-EN] body#ja #exhibition-keyvisual .swiper-slide-content,
[lang=en-EN] body#as #exhibition-keyvisual .swiper-slide-content{
    position: relative;
}
[lang=en-EN] body#sa #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon,
[lang=en-EN] body#rs #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon,
[lang=en-EN] body#fs #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon,
[lang=en-EN] body#ja #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon,
[lang=en-EN] body#as #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon{
    position: absolute;
    top: 100px;
    right: -6rem;
    transform: rotate(-10deg);
    padding: 0.5rem;
    box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2);
}
[lang=en-EN] body#sa #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon,
[lang=en-EN] body#rs #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon,
[lang=en-EN] body#as #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon{
    color: #fff;
    background-color: red;
    text-shadow: 4px 4px 0px rgba(242, 13, 13, 0.5), 4px 4px 0px rgba(0, 0, 0, 0.2);
}
[lang=en-EN] body#fs #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon{
    color: #fff;
    background-color: #003F8E;
}
[lang=en-EN] body#ja #exhibition-keyvisual .swiper-slide-content .osaka_reserve_icon{
    color: #ffe100;
    background-color: #000;
}
}
/*add 2024/01/22大阪SA/RS/FS/JA英語ここまで*/
/*add 2024/12/12３月展英語ここから*/
@media only screen and (max-width: 750px){
[lang=en-EN] body#js #exhibition-keyvisual .swiper-slide,
[lang=en-EN] body#ac #exhibition-keyvisual .swiper-slide,
[lang=en-EN] body#rt #exhibition-keyvisual .swiper-slide,
[lang=en-EN] body#ss #exhibition-keyvisual .swiper-slide,
[lang=en-EN] body#fc #exhibition-keyvisual .swiper-slide,
[lang=en-EN] body#bc #exhibition-keyvisual .swiper-slide,
[lang=en-EN] body#ga #exhibition-keyvisual .swiper-slide{
    height:auto;
}
}
/******************** 会場マップ非表示 ********************/
#exhibition-aside .exhibition-aside-search ul li:last-child {
    display: none;
}


/******************** 交通アクセス表示切替 ********************/
body:not(#sb) #access-02, body:not(#sb) #stay-02, body:not(#sb) #anc-02,
body:not(#sb) #access-03, body:not(#sb) #stay-03, body:not(#sb) #anc-03,
body #access-04, body #stay-04, body #anc-04 {
    /*body:not(#sb) #access-04, body:not(#sb) #stay-04, body:not(#sb) #anc-04 {*/
    display: none;
}
body:not(#sb):not(#fc) .headline-access {
    display: none;
}
body p.access-anc span:not(:last-child)::after {
    content: " | ";
}
body article h2.headline-access {
    background: #e9e9e9!important;
    border: none;
    font-size: 1rem;
}
body h3.headline-access {
    background: #e9e9e9!important;
}
/* 幕張メッセを表示 */

      /* 池袋サンシャインシティを表示 */
  body#fc #access-03, body#fc #stay-03{
      display: block;
  }
body#fc #anc-03{
    display: inline;
}
/* RS,FS,JA,SA,AS  */
body#rs #access-01, body#rs #stay-01, body#rs #anc-01,
body#fs #access-01, body#fs #stay-01, body#fs #anc-01,
body#ja #access-01, body#ja #stay-01, body#ja #anc-01,
body#sa #access-01, body#sa #stay-01, body#sa #anc-01,
body#as #access-01, body#as #stay-01, body#as #anc-01{
    display: none;
}
body#rs #access-03, body#rs #stay-03, body#rs #anc-03,
body#fs #access-03, body#fs #stay-03, body#fs #anc-03,
body#ja #access-03, body#ja #stay-03, body#ja #anc-03,
body#sa #access-03, body#sa #stay-03, body#sa #anc-03,
body#as #access-03, body#as #stay-03, body#as #anc-03{
    display: block;
}
body#rs #anc-01,
body#fs #anc-01,
body#ja #anc-01,
body#sa #anc-01,
body#as #anc-01{
}
body#rs #anc-03,
body#fs #anc-03,
body#ja #anc-03,
body#sa #anc-03,
body#as #anc-03{
    display: inline;
}
/* add 2021/04/30 */
body#fc #anc-03,
body#fc #access-03,
body#fc .headline-access {
    display: none;
}


/******************** 角丸のアイコン調整 ********************/
#lf .icon_round{
    margin:0 0.5em 0 0;
}
/*オンラインセミナー配信ボタン*/
ul.link-list li span span.icon_round.online,
.seminar-item-header h3 span span.icon_round.online{
    display: inline-block;
    line-height: 1.5em;
    margin-bottom:0;
}

/******************** FS/RSワークショップ申込ボタン ********************/
/* add 2021/09/21 */
.workshop_apply {
    padding: 0 0 .6875rem 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.workshop_apply_btn {
    width: 10.875rem;
    height: 2.5rem;
    margin-top: .375rem;
    line-height: 2.5rem;
    color: white;
    background: #f39800;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.workshop_apply_btn:hover {
    opacity:0.8;
}
.workshop_apply_btn a {
    color: #fff;
}

.workshop_apply_btn a:hover {
    text-decoration:none;
}
.workshop_apply_ttl {
    font-weight: bolder;
    font-size: 85%;
    border-bottom: double 3px #ddd;
    display: block;
}
/*@media screen and (max-width:750px) {
.workshop_apply {
   text-arign:center;
   flex-direction:column;
}
.workshop_apply  > div {
   margin: 1.5rem auto;
}
}*/

/******************** 開幕中アイコン調整 ********************/
#sb #exhibition-header .exhibition-header-open {
    background-color:#6699cc;
}
@media only screen and (min-width: 751px){
    body#rt #exhibition-header .exhibition-header-open,
    body#fc #exhibition-header .exhibition-header-open,
    body#rs #exhibition-header .exhibition-header-open,
    body#fs #exhibition-header .exhibition-header-open,
    body#js #exhibition-header .exhibition-header-open,
    body#ja #exhibition-header .exhibition-header-open,
    body#ss #exhibition-header .exhibition-header-open,
    body#sa #exhibition-header .exhibition-header-open{
        top: 0.5rem;
        width: auto;
        height: auto;
        border-radius: 5px;
        /* padding-top: 1.45rem; */
        margin-left: 7rem;
        padding: 0 0.8rem 0;
    }
    body#rt #exhibition-header .exhibition-header-open .text,
    body#fc #exhibition-header .exhibition-header-open .text,
    body#rs #exhibition-header .exhibition-header-open .text,
    body#fs #exhibition-header .exhibition-header-open .text,
    body#js #exhibition-header .exhibition-header-open .text,
    body#ja #exhibition-header .exhibition-header-open .text,
    body#ss #exhibition-header .exhibition-header-open .text,
    body#sa #exhibition-header .exhibition-header-open .text{
        display: inline;
    }
    body#rs #exhibition-header .exhibition-header-open .day,
    body#fs #exhibition-header .exhibition-header-open .day,
    body#ja #exhibition-header .exhibition-header-open .day,
    body#sa #exhibition-header .exhibition-header-open .day{
        font-size: 2rem;
    }
}
@media only screen and (min-width: 321px) and  (max-width: 360px){
    body#rt #exhibition-header .exhibition-header-open,
    body#ss #exhibition-header .exhibition-header-open,
    body#fc #exhibition-header .exhibition-header-open,
    body#in #exhibition-header .exhibition-header-open,
    body#cc #exhibition-header .exhibition-header-open{
        transform: scale(0.42);
        right: 3.2rem;
    }
}
@media only screen and (min-width: 321px) and  (max-width: 380px){
    body#fs #exhibition-header .exhibition-header-open,
    body#fu #exhibition-header .exhibition-header-open{
        transform: scale(0.42);
        right: 3.2rem;
    }
}
/******************** サイドカラム ********************/

/* 2023/03/30 広告バナー */
.exhibition-aside-banner{
    display:none;
}
[lang=ja-JP] body#rt .exhibition-aside-banner,
[lang=ja-JP] body#fc .exhibition-aside-banner,
[lang=ja-JP] body#fs .exhibition-aside-banner,
[lang=ja-JP] body#js .exhibition-aside-banner{
    display:block;
}

/******************** セミナー下部注意書き修正 ********************/
#ac ul.note-list li::before {
    content: none;
}
/******************** JSセミナー一覧表修正 ********************/
#js .seminarTable .tbl_01 td {
    border-bottom:2px solid #fff;
}
#js .seminarTable .tbl_01 td.prev_date {
    background-color:#F5F5F0;
}
/******************** 申込方法　オンライン要項一部非表示 ********************/
@media only screen and (max-width: 750px){
    #apply-step #step01 ul li.yoko_ol_btn{
        display:none;
    }
}

/******************** Overview〜ここから ********************/
/*AC*/
@media only screen and (max-width: 750px){
    #japan_shop .f_left {
        float: inherit;
    }
}
/******************** Overview〜ここまで ********************/