@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%;line-height: 1.6;}
#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: 120%; text-decoration: none; margin-bottom: 0.6em;}
#headerArea .moushikomiTopBtn .moushikomiEnd{padding: 0.5em; font-size: 120%; text-decoration: none; margin-bottom: 0.6em;}

/*----------------------------------------------------------------------------
***                                                            mainView
----------------------------------------------------------------------------*/
#mainView{width: 100%;background: url("/lp/fieldtrip2025/images/bgi_contents01_sp.png");background-position: top right;background-repeat: no-repeat;background-size: contain;background-color: #fbe8d5;}
#mainView .usagiImg{width: 40%;}
#mainView .mainTtl{width: 80%; margin-left: 0em;}
#mainView .mainTtlBox{padding: 3em 0;}
#mainView .mainViewBottomBox .orangeBox{padding: 2em 0;}
#mainView .mainViewBottomBox .orangeBox .txt{font-size: 140%;}
#mainView .mainViewBottomBox .orangeBox .teacherImg {width: 35%;}
#mainView .mainViewBottomBox .grayBox{padding: 2em 0 3em;}
#mainView .mainViewBottomBox .grayBox .worldUsagiImg{bottom: -2.5em;}

#contentsArea .section#tohaSec{padding: 1em 0;}
#tohaSec .tohaSecTtl{font-size: 100%; text-align: center;}
#tohaSec .tohaSecTtlInner{padding-left: 0;}
#tohaSec .tohaSecTtlInner:before{top: 0;bottom: initial;left: 50%;transform: translate(-50%,-100%);width: 50px;height: 57px;}
#tohaSec .tohaSecInner:after{display:none;}
#tohaSec .tohaBox .leftBox{width: 90%;max-width: 250px;/* margin: 0 auto; */}
#tohaSec .tohaBox .leftBox .img:before{right: 5em;left: inherit;transform: translateX(100%);background: url(/lp/fieldtrip2024/images/img_contents01.png);background-size: cover;background-repeat: no-repeat;width: 170px;height: 120px;}
#tohaSec .tohaBox .rightBox{width: 100%;}
#tohaSec .tohaBox .rightBox .txt{font-size: 80%;}

/*----------------------------------------------------------------------------
***                                                            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 0em 5em;}

/*----------------------------------------------------------------------------
 ***                                                             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%;}

/*----------------------------------------------------------------------------
 ***                                                                aboutSec 
----------------------------------------------------------------------------*/
#aboutSec.section{background: none;padding: 1em 0em 3em;}

#aboutSec .kaijoUl{margin-top: 1.5em;}
#aboutSec .kaijoLi{width: 100%;margin-bottom: 1em;} 
#aboutSec .kaijoLi .kaijoDl{height: 100%;}
#aboutSec .kaijoLi .kaijoName{color: #4d4d4d;}
#aboutSec .kaijoLi.osakaKaijo .usagiImg{width: 40%; right: 0em; transform: translateY(30%);}
#aboutSec .priceLi .time{width: 100%; max-width: none;font-size: 90%;padding: 0.5em 0;margin: 0;}
#aboutSec .priceLi .price{width: 100%;font-size: 90%;padding: 0.5em 0;margin: 0;}
#aboutSec .kome{display: initial;}


/*----------------------------------------------------------------------------
 ***                                                                aboutSec 
----------------------------------------------------------------------------*/
#scheduleSec.section{background-image: url("/lp/fieldtrip2024/images/bgi_contents03_sp.png");}

#scheduleSec .tabContent {padding: 0;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_sapporoKaijoSchedule, #scheduleSec .tabItem .btn_tokyoKaijoSchedule, #scheduleSec .tabItem .btn_osakaKaijoSchedule, #scheduleSec .tabItem .btn_nagoyaKaijoSchedule, #scheduleSec .tabItem .btn_fukuokaKaijoSchedule{width: 23%;font-size: 75%;}

#scheduleSec .kaisaiAreaTopBox .leftBox{width: 100%;margin: 0 auto;max-width: 250px;}
#scheduleSec .kaisaiAreaTopBox .rightBox{width: 100%;}

#scheduleSec .kaisaiAreaTopBox .tourThemeListLi.sapporo .startCity,
#scheduleSec .kaisaiAreaTopBox .tourThemeListLi.tokyo .startCity,
#scheduleSec .kaisaiAreaTopBox .tourThemeListLi.nagoya .startCity,
#scheduleSec .kaisaiAreaTopBox .tourThemeListLi.osaka .startCity,
#scheduleSec .kaisaiAreaTopBox .tourThemeListLi.fukuoka .startCity{width: 100%; text-align: center; padding: 0.4em 0 0.3em;}

#scheduleSec .kaisaiAreaTopBox .tourThemeListLi.sapporo .startCity:after,
#scheduleSec .kaisaiAreaTopBox .tourThemeListLi.tokyo .startCity:after,
#scheduleSec .kaisaiAreaTopBox .tourThemeListLi.nagoya .startCity:after,
#scheduleSec .kaisaiAreaTopBox .tourThemeListLi.osaka .startCity:after,
#scheduleSec .kaisaiAreaTopBox .tourThemeListLi.fukuoka .startCity:after{display: none;}

#scheduleSec .kaisaiAreaTopBox .tourThemeListLi{}
#scheduleSec .kaisaiAreaTopBox .tourName{padding: 0.5em 0; width: 100%; text-align: center;}
#scheduleSec .tourDetailBox .tourTtlBox{width:100%; padding: 1em 0;}
#scheduleSec .tourDetailBox .tourTtlBox .tourTtl span:before{display: none;}
#scheduleSec .tourDetailBox .tourTtlBox .tourTtl span{line-height: 1.2em;}
#scheduleSec .tourDetailBox .payment{display: flex;}
#scheduleSec .tourDetailBox .scheduleDetailBox{width: 100%;padding: 1em 1em 2em 1em;min-height: initial;}
#scheduleSec .tourDetailBox .scheduleDetailBox:before{content: ""; display: block; width:170px; height: 115px; position: absolute; left: initial; right: -0.5em; top: initial; bottom: -1.5em;}
#scheduleSec .tourDetailBox .scheduleDetailBox .scheduleDetailLi{margin-bottom: 0.5em;}
#scheduleSec .tourDetailBox .pickupBox{width: 100%;padding-bottom: 1em;}
#scheduleSec .tourDetailBox .moushikomiBtn a{text-decoration: none;}
#scheduleSec .tourDetailBox .txt{padding-bottom: 2em;}

@media screen and (max-width:530px) {
    #scheduleSec .tourDetailBox .scheduleDetailBox .time{width: 4.9em;}
    #scheduleSec .tourDetailBox .scheduleDetailBox .time:after{right: 0.2em;}
    #scheduleSec .tourDetailBox .scheduleDetailBox .scheduleDetailOl:before{left: 4.1em;}
    #scheduleSec .tourDetailBox .scheduleDetailBox:before{width: 116px;height: 80px;background-size:cover;right: -0.5em;top: -1em;}
    #scheduleSec .tourDetailBox .img{right: 50%;transform: translate(50%,-50%);max-width: 150px;}
    #scheduleSec .tourDetailBox .pickupBox{padding-top: 3em;}
    #scheduleSec .tourDetailBox .txt{margin-bottom: 3em;}
    #scheduleSec .tourDetailBox .moushikomiBtn{}
    #scheduleSec .tourDetailBox .moushikomiBtn a .usagi{bottom: -2em;right: 2em;width: 5em;}
    #scheduleSec .tourDetailBox .moushikomiBtn a{margin: 0 auto 0 auto;padding-right: 2em;width: 100%;max-width: 15em;}
    #scheduleSec .tourDetailBox .txt{padding-bottom: 0;}
}
/*差分調整*/
#scheduleSec .tourDetailBox.tokyo .scheduleDetailBox,
#scheduleSec .tourDetailBox.fukuoka .scheduleDetailBox{padding-bottom: 2em;}

/*----------------------------------------------------------------------------
 ***                                                           moushikomiSec 
----------------------------------------------------------------------------*/
#moushikomiSec{background-size:contain;background-position: center bottom 1em;}
#moushikomiSec.section{padding-bottom:3em;}

#moushikomiSec .moushikomiKaijoLi.tokyoKaijo .kaijoName,
#moushikomiSec .moushikomiKaijoLi.osakaKaijo .kaijoName{font-size: 120%;background-size: contain;height: 60px;background-position: center center;}
#moushikomiSec .moushikomiKaijoLi {width: 100%;max-width: none;margin: 0 auto 0.7em auto;}
#moushikomiSec .moushikomiKaijoLi a{text-decoration: none;}

#moushikomiSec .moushikomiKaijoLi.tokyoKaijo:before,
#moushikomiSec .moushikomiKaijoLi.osakaKaijo:before{display: none;}

#moushikomiSec .moushikomiKaijoLi a{height: 100%;}
#moushikomiSec .moushikomiKaijoLi .leftBox{width: calc(100% - 19%);padding: 0.5em; height: 100%}
#moushikomiSec .moushikomiKaijoLi .rightBox{width: 3.5em;}
#moushikomiSec .moushikomiKaijoLi .rightBox .arrow{width: 1.5em;}
#moushikomiSec .moushikomiKaijoLi .rightBox .txt{font-size: 60%;}
#moushikomiSec .moushikomiKaijoLi .payment{font-size: 16px;}
#moushikomiSec .moushikomiKaijoLi .payment .paymentInner{padding: 0.5em;}
#moushikomiSec .moushikomiKaijoLi .payment .seitoTtl,
#moushikomiSec .moushikomiKaijoLi .payment .gaibuTtl{font-size: 60%;width: 12em;}
/* #moushikomiSec .moushikomiKaijoLi .payment .cancelTtl{font-size: 60%;width: 10em;} */
#moushikomiSec .moushikomiKaijoLi .payment .cancelTtl{width: 11em; font-size: 11px;}
#moushikomiSec .moushikomiKaijoLi .payment .seitoPayment,
#moushikomiSec .moushikomiKaijoLi .payment .gaibuPayment{padding-left: 0.5em; line-height: 1;}
#moushikomiSec .moushikomiKaijoLi .payment .cancelPayment{width: 100%;font-size: 11px;padding-left: 1em;}
#moushikomiSec .moushikomiKaijoLi .payment dl:last-child{margin-bottom: 1em;}
#moushikomiSec .moushikomiKaijoLi .leftBox .date{font-size: 67%;}
#moushikomiSec .moushikomiKaijoLi .leftBox .start{font-size: 88%;}
#moushikomiSec .moushikomiKaijoLi .leftBox .theme{font-size: 80%;}

/*----------------------------------------------------------------------------
 ***                                                           reportSec
----------------------------------------------------------------------------*/
#reportSec{background-size:contain;background-position: center bottom 1em;}
#reportSec .topTxt{font-size: 80%;}
#reportSec .topTxt:before{content: ""; display: block; width: 20%; height: 70px; position: absolute; top: -4em; left: 0; background-image: url(/lp/fieldtrip2024/images/img_contents13.png);background-repeat: no-repeat;background-position: top center;background-size: contain;}
#reportSec .topTxt:after{content: "";display: block;width: 20%;height: 70px;position: absolute;top: -4em;right: 0;background-image: url(/lp/fieldtrip2024/images/img_contents14.png);background-repeat: no-repeat;background-position: top center;background-size: contain;}
#reportSec .reportTtl{margin: 2em 0 -1em;} 
#reportSec .reportImg{width: 80%;}

/*----------------------------------------------------------------------------
 ***                                                           voiceSec
----------------------------------------------------------------------------*/
#voiceSec.section{/* padding-bottom: 1em; */}
#voiceSec .voiceLi .txt{font-size: 80%}
#voiceSec .voiceLi:nth-child(1):after,
#voiceSec .voiceLi:nth-child(2):after,
#voiceSec .voiceLi:nth-child(4):after,
#voiceSec .voiceLi:nth-child(5):after,
#voiceSec .voiceLi:nth-child(6):after{width:80px; height: 80px; background-size:contain;}
#voiceSec .kakoRepoBtn a{font-size: 80%;text-decoration: none; padding: 0.5em;}