@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
body{ border:none;}
#wrap {width: 100%;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {  height:auto; padding-bottom:0.2em;border-top: solid 3.5em #00A1BF;top: -3.5em;padding: 2% 5% 0.2em;}
#headerAreaLogo{display: flex;}
#headerAreaLogo h1{}

#headerArea #headerLink{padding: 0;margin: 0;}

#headerAreaInner .leftBox {width: 62%;}
#headerAreaInner .leftBox .logo{margin-bottom: 2%;}
#headerAreaInner .leftBox .logo img{width: 42%;}
#headerAreaInner .leftBox .logo .logoTxt{font-size: 80%;}
#headerAreaInner .rightBox {width: 44%}
#headerAreaInner .rightBox p {width: 100%;font-size: 100%;}

#headerArea .ttlTxt{
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    position: absolute;
    top: -3.6em;
    left: 0;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
}
#headerArea .ttlSub{
    position: absolute;
    top: -2.5em;
    right: 0;
    color: #fff;
    font-size: 11px;
    width: 100%;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    text-align: center;
}
/* #headerArea h1 a {width: 80%; display: block;} */
#headerArea h1 a img {width: 100%; height: auto;}
#headerArea #headerAreaInner {/* padding: 0 5%; */}
#headerArea .moushikomiTopBtn a{padding: 0.5em; font-size: 116%; text-decoration: none; margin-bottom: 0.6em;}
#headerArea .moushikomiTopBtn .moushikomiEnd{padding: 0.5em; font-size: 120%; text-decoration: none; margin: 0;}

/*----------------------------------------------------------------------------
***                                                            mainView
----------------------------------------------------------------------------*/
#mainView .usagiImg{width: 40%;}
#mainView .mainTtlBox{}
#mainView .mainTtlBox .mainTtl{padding: 0 3%;}
#mainView .mainViewBottomBox .introBox01{padding: 2em 0;}
#mainView .mainViewBottomBox .introBox01 .txt{font-size: 132%; padding-right: 33%;}
#mainView .mainViewBottomBox .introBox01 .teacherImg {width: 35%;}
#mainView .mainViewBottomBox .introBox02{padding: 3em 0 4em;}
#mainView .mainViewBottomBox .introBox02 .worldUsagiImg{bottom: -2.5em;}
/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{ max-width: 860px; margin: auto 0 auto;width: 100%;}
#breadcrumbArea li{ float:left; font-size:10px; }
#breadcrumbArea li a{ display:block; background:url(../common_images/icon_list03.gif) right 50% no-repeat; padding-right:25px;}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gNavi{ }


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {margin-bottom: 0px;}
#contentsAreaInner {}
#contentsArea .section{padding: 3em 0;}

/*----------------------------------------------------------------------------
 ***                                                             worldExpoDl 
----------------------------------------------------------------------------*/
.worldExpoDl{}
.worldExpoDt{margin: 1.5em 0 0.5em;font-size: 130%;}
.worldExpoDt span {display: inline-block;padding: 0 0.5em 0.5em;border-bottom: 2px solid #f29c21;color: #4d4d4d;}
.worldExpoDd{font-size: 100%;}
.worldExpoDt.nittei::before{scale:0.5 0.5; transform: translate(-50%, -50%);}
.worldExpoDt.nittei::after{scale:-0.5 0.5; transform: translate(-50%, -50%);}
.worldExpoDt.usagiDt{margin-top: 2em;}
.worldExpoDd .usagiImg{width: 31%; right: 0; top: -0.5em; transform: translateY(-100%);}
.worldExpoDd .gafyImg{width: 22%; left: 0; top: 1.5em; transform: translateY(-100%);}
/*----------------------------------------------------------------------------
 ***                                                                aboutSec 
----------------------------------------------------------------------------*/
#aboutSec.section {/* padding-top: 1em; */}

#aboutSec .kaijoUl{margin-top: 1.5em;}
#aboutSec .kaijoLi{width: 100%;margin-bottom: 1em;} 
#aboutSec .kaijoLi .kaijoDl{height: 100%;}
#aboutSec .kaijoLi .kaijoName{color: #4d4d4d;}
#aboutSec .priceTableBox{overflow: auto;}
#aboutSec .priceTableBox .priceTable th,
#aboutSec .priceTableBox .priceTable td{white-space: nowrap;}
#aboutSec .priceTable{font-size: 84%;}
#aboutSec .priceTable .priceHeadTr{font-size: 90%;}

/*----------------------------------------------------------------------------
 ***                                                                aboutSec 
----------------------------------------------------------------------------*/
#scheduleSec .worldExpoDt{margin: } 
#scheduleSec .tabContent {padding: 1em; box-sizing: border-box;}
#scheduleSec .scheduleImg {text-align: center; width: 100%; overflow-x: scroll;}
#scheduleSec .scheduleImg img{width: 600px;}
#scheduleSec .baloonImg {display: none;}
#scheduleSec .worldExpoDt{margin-top: 0;}
#scheduleSec .scheduleBox {padding-bottom: 0;}
#scheduleSec .tabItem .btn_tokyoKaijoSchedule,
#scheduleSec .tabItem .btn_osakaKaijoSchedule{width: 40%; font-size: 90%;}

/*----------------------------------------------------------------------------
 ***                                                           moushikomiSec 
----------------------------------------------------------------------------*/
#moushikomiSec .moushikomiKaijoLi.tokyoKaijo .kaijoName,
#moushikomiSec .moushikomiKaijoLi.osakaKaijo .kaijoName{font-size: 120%;background-size: contain;height: 60px;background-position: center center;}
#moushikomiSec .moushikomiKaijoLi {width: 45%;}
#moushikomiSec .moushikomiKaijoLi a{text-decoration: none;}
#moushikomiSec .moushikomiTimeLi{padding: 0.5em;}
#moushikomiSec .moushikomiTimeLi .partName {font-size: 90%;margin-bottom: 0;}
#moushikomiSec .moushikomiTimeLi .partName .time{font-size: 60%;font-weight: normal;display: block;line-height: 1.5;}
#moushikomiSec .moushikomiTimeLi .price{font-size: 50%;}
#moushikomiSec .moushikomiTimeLi .price .nowrap{white-space: nowrap;}
#moushikomiSec .moushikomiTimeLi .sentakuBtn{width: 100%;padding: 0.3em 0;margin-bottom: 0; margin-top: 0.2em;}
#moushikomiSec .moushikomiTimeLi .sentakuBtn_off{width: 100%;padding: 0.3em 0;margin-bottom: 0;}
#moushikomiSec .moushikomiKaijoLi.tokyoKaijo:before,
#moushikomiSec .moushikomiKaijoLi.osakaKaijo:before{display: none;}