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

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

body,h1,h2,h3,h4,h5,h6,td,th,div,p,input,textarea,pre,ul,ol,li,address,header,footer,nav,article,section,aside{
	color:#4D4D4D;
	line-height:1em;
/*    font-family:'メイリオ',"Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'Meiryo UI',Verdana,'ＭＳ Ｐゴシック',sans-serif;*/
    font-family:"游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    
}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {height: auto;padding: 10px 0 10px;border-bottom: 3px solid #00a1c9;border-top: 20px solid #00a1c9;position: sticky;top: -20px;background-color: #fff;z-index: 999;}
@media (max-width: 960px) {
	#headerArea{padding: 10px;}
}
#headerAreaLogo {}
#headerAreaInner {height: auto;position: relative;max-width: 950px;margin: 0 auto;}
#headerAreaTitle{}
#headerArea h1{position:initial;}
#headerLink{position: static;width: 248px;top: 0;right: 0;padding: 0;}

#headerArea .logoTxt{font-size: 42px; vertical-align: middle;}

#headerArea .ttlTxt{font-size: 11px; color: #fff; font-weight: normal; position: absolute; top: -28px; line-height: 1.6; margin: 0; padding: 0;}
#headerArea .ttlSub{position: absolute; top: -28px;  right: 0; color: #fff; font-size: 11px; text-align: right; width: 400px; line-height: 1.6; margin: 0; padding: 0;}
#headerArea .moushikomiTopBtn a{display: block;background-color: #fd5336;padding: 1em;font-size: 150%;border-radius: 10px;text-align: center;color: #fff;font-weight: bold;}
#headerArea .moushikomiTopBtn a:hover{text-decoration: none;}
#headerArea .moushikomiTopBtn .moushikomiEnd{display: block;background-color: #aaa;padding: 1em;font-size: 150%;border-radius: 10px;text-align: center;color: #fff;font-weight: bold;}

#totp{position: fixed;bottom: 5px;right: 10px;z-index:999;}
/*----------------------------------------------------------------------------
***                                                            breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{ max-width: 950px; margin: 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
----------------------------------------------------------------------------*/
#mainView{width: 100%;}
#mainView .mainTtlBox{background:url("/lp/internationalday2025/images/bgi_contents01.jpg");background-position: top center;background-repeat: no-repeat;background-size: cover;}
#mainView .mainTtlBox .mainTtlBoxInner{max-width: 999px;margin: 0 auto;padding: 3em 0 2.5em; position: relative; overflow: hidden;}
#mainView .mainTtl {max-width: 999px;}
#mainView .mainTtl img {width: 100%; height: auto;}
#mainView .usagiImg{max-width: 265px;height: auto;position: absolute;bottom: 0;right: 100px; margin: 0; padding: 0;}
#mainView .usagiImg img {width: 100%; height: auto;}

#mainView .mainViewBottomBox .introBox01{background: #1853ab;padding: 2.5em 0;}
#mainView .mainViewBottomBox .introBox01 .txt{color: #fff;font-weight: bold;line-height: 1.3;width: 90%;max-width: 950px;margin: 0 auto;font-size: 210%;padding: 0px 20% 0 0;box-sizing: border-box;position: relative;}
#mainView .mainViewBottomBox .introBox01 .txt:after{content: "";display: block; position: absolute;bottom: -1.7em;right: 30%;  width: 0; height: 0; border-style: solid; border-right: 36px solid transparent; border-left: 36px solid transparent; border-bottom: 24px solid #1853ab; border-top: 0; transform: rotate(36deg);z-index: 1;}
#mainView .mainViewBottomBox .introBox01 .teacherImg{width: 30%;max-width: 303px;position: absolute;top: 0;right: 0;z-index: 1;}
#mainView .mainViewBottomBox .introBox01 .teacherImg img{width: 100%; height: auto;}
#mainView .mainViewBottomBox .introBox02{background: #f0f0f0;padding: 2.5em 0 6em 0; position: relative;}
#mainView .mainViewBottomBox .introBox02 .worldUsagiImg{position: absolute;bottom: -3.5em;right: 50%;transform: translateX(50%);padding: 0;width: 95%;max-width: 1000px;}
#mainView .mainViewBottomBox .introBox02 .worldUsagiImg img {width: 100%; height: auto;}
#mainView .mainViewBottomBox .introBox02 .txt{font-size: 140%;font-weight: bold;line-height: 1.3;width: 90%;max-width: 950px;margin: 0 auto;padding: 0px 20% 0 0;box-sizing: border-box;}
@media (max-width: 1460px) {
	#mainView .mainViewBottomBox .introBox02 .txt{padding-right: 30%;}
}
@media (max-width: 890px) {
	#mainView .mainViewBottomBox .introBox01{padding: 3.5em 0;}
	#mainView .mainViewBottomBox .introBox01 .txt:after{display: none;}
	#mainView .mainViewBottomBox .introBox01 .txt{font-size: 180%;}
	#mainView .usagiImg{left: initial; right:-5%;}
	#mainView .mainViewBottomBox .introBox02{padding: 3em 0;}
}
@media (max-width: 780px) {
	#mainView .mainViewBottomBox .introBox02 .txt{padding-right: 33%;}
}
@media (max-width: 520px) {
	#mainView .mainViewBottomBox .introBox02 .txt{padding-right: 0;}
}
/*----------------------------------------------------------------------------
 ***                                               contentsArea, mainsection
----------------------------------------------------------------------------*/
#mainSection{width: 100%;}

#contentsArea {
    margin-bottom: 0;
}
#contentsAreaInner {}
#contentsArea .section {width: 100%;font-size: 170%;padding: 5em 0;box-sizing: border-box;overflow: hidden;}
#contentsArea .sectionInner {width: 90%;max-width: 950px;margin: 0 auto;/* font-size: 120%; */}
#contentsArea .secTtl {font-size: 330%; text-align: center; color: #00698f;}
#contentsArea .secTtl span{background: linear-gradient(#fff0 70%, #a6e5c6 0%);line-height: 1.3;}

#contentsArea .textOrangeRed{color: #ef5924;} 
#contentsArea .textGray{color: #727272; font-size: 80%;}
/*----------------------------------------------------------------------------
 ***                                                             worldExpoDl 
----------------------------------------------------------------------------*/
.worldExpoDl{}
.worldExpoDt{margin: 3em 0 1em;font-size: 160%;}
.worldExpoDt.nittei{margin-top: 1em;}
.worldExpoDt span {display: inline-block;padding: 0 0.5em 0.5em;border-bottom: 2px solid #f29c21;color: #4d4d4d;}
.worldExpoDd{font-size: 120%;}
.worldExpoDd p{color: #686868; font-weight: bold; padding: 0;}

.worldExpoDt.nittei{position: relative;}
.worldExpoDt.nittei::before{content: url(/lp/internationalday2025/images/img_contents14.png); position: absolute; left: 0;}
.worldExpoDt.nittei::after{content: url(/lp/internationalday2025/images/img_contents14.png); position: absolute; right: 0; transform: scaleX(-1);}
.worldExpoDd{position: relative;}
.worldExpoDd .usagiImg{position: absolute; right: 0;top: 1.5em; transform: translateY(-100%);}
.worldExpoDd .gafyImg{position: absolute; left: 60px; top: 1.5em; transform: translateY(-100%);}
/*----------------------------------------------------------------------------
 ***                                                                aboutSec 
----------------------------------------------------------------------------*/
#aboutSec.section {/* padding-top: 1em; */}

#aboutSec .kaijoUl {margin-top: 1.5em;}
#aboutSec .kaijoLi{width: 49%;} 
#aboutSec .kaijoLi .kaijoDl{height: 100%;}
#aboutSec .kaijoLi .kaijoName{color: #4d4d4d;}

#aboutSec .kaijoLi.tokyoKaijo .kaijoDl{border: 2px solid #39b34a;} 
#aboutSec .kaijoLi.tokyoKaijo .kaijoDl h4{background: url("/lp/internationalday2025/images/img_contents04.png");background-color: #39b34a;background-repeat: no-repeat;background-position: left center;height: 70px;line-height: 70px;text-align: center;font-size: 120%;color: #fff;}
#aboutSec .kaijoLi.tokyoKaijo .kaijoDl .kaijoDetail{padding:1em; font-size: 90%;}
#aboutSec .kaijoLi.tokyoKaijo .kaijoDl .kaijoName{margin-bottom: 0.5em;}
#aboutSec .kaijoLi.tokyoKaijo .kaijoDl .kaijoLink a{font-size:50%;display: inline-block;padding: 0.5em 0.75em;margin-left: 0.5em;border: 1px solid #39b34a;border-radius: 1em;line-height: 1;color: #39b34a;transition: all ease .3s;text-decoration: none;}
#aboutSec .kaijoLi.tokyoKaijo .kaijoDl .kaijoLink a:hover{color: #fff; background-color: #39b34a; text-decoration: none;}
#aboutSec .kaijoLi.tokyoKaijo .kaijoDl .address{font-weight: normal; font-size: 65%;}

#aboutSec .kaijoLi.osakaKaijo .kaijoDl{border: 2px solid #4364db;} 
#aboutSec .kaijoLi.osakaKaijo .kaijoDl h4{background: url("/lp/internationalday2025/images/img_contents05.png");background-color: #4364db;background-repeat: no-repeat;background-position: left center;height: 70px;line-height: 70px;text-align: center;font-size: 120%;color: #fff;}
#aboutSec .kaijoLi.osakaKaijo .kaijoDl .kaijoDetail{padding:1em; font-size: 90%;}
#aboutSec .kaijoLi.osakaKaijo .kaijoDl .kaijoName{margin-bottom: 0.5em;}
#aboutSec .kaijoLi.osakaKaijo .kaijoDl .kaijoLink a{font-size: 50%;display: inline-block;padding: 0.5em 0.3em;margin-left: 0.3em;border: 1px solid #4364db;border-radius: 1em;line-height: 1;color: #4364db;transition: all ease .3s;text-decoration: none;}
#aboutSec .kaijoLi.osakaKaijo .kaijoDl .kaijoLink a:hover{color: #fff;background-color: #4364db;}
#aboutSec .kaijoLi.osakaKaijo .kaijoDl .address{font-weight: normal; font-size: 65%;}

#aboutSec .priceTable{border: 2px solid #666; margin-top: 1em; width: 100%;}
#aboutSec .priceTable{ padding: 0; font-weight: bold;}
#aboutSec .priceTable p{padding: 0; margin: 0;}
#aboutSec .priceTable td{vertical-align: middle; line-height: 1.1;}
#aboutSec .priceTable .priceHeadTr{background:#a5a5a5; }
#aboutSec .priceTable .priceHeadTr td{color: #fff; padding: 0.5em;}
#aboutSec .priceTable .priceHeadTr .empty{width: 28%;}
#aboutSec .priceTable .priceHeadTr .price{width: 22%;}
#aboutSec .priceTable .priceHeadTr .novap{width: 25%; font-size: 86%;}
#aboutSec .priceTable .priceHeadTr .gabap{width: 25%; font-size: 86%;}
#aboutSec .priceTable .time{width: 12em; font-size: 90%; color: #fff; background-color: #f29c21; padding: 1em 0;}
#aboutSec .priceTable .price{width: calc(100% - 12em); font-size: 90%; padding-top: 0.5em;}
#aboutSec .priceTable .price.ttl{font-size: 100%;}

/*----------------------------------------------------------------------------
 ***                                                           scheduleSec
----------------------------------------------------------------------------*/
#scheduleSec.section{background-color: #f0f0f0;padding: 0;}
#scheduleSec .scheduleBox{padding: 1em 0 5em; position:relative;}

/*-----inputタグを非表示-----*/
#scheduleSec input[name="tabItem"],
#scheduleSec input[name="season"] { display: none;}
/*-----タブのスタイル-----*/
#scheduleSec .tabItem .btn_tokyoKaijoSchedule,
#scheduleSec .tabItem .btn_osakaKaijoSchedule{display: inline-block;width: 25%;text-align: center;box-sizing: border-box;margin:0 0.3em 1em;background-color: #d0d0d0;color: #666;font-weight: bold;font-size: 90%;padding: 0.5em 0;border-radius: 5px;}
/*-----hover時のタブのスタイル-----*/
#scheduleSec .tabItem:hover{cursor: pointer;}
#scheduleSec .tabItem.tokyoKaijoScheduletab .btn_tokyoKaijoSchedule:hover{background-color: #cbefcd;color: #39b34a;}
#scheduleSec .tabItem.osakaKaijoScheduletab .btn_osakaKaijoSchedule:hover{background-color: #d7e1ff;color: #4364db;}
/*-----選んだタブのスタイルを変更-----*/
#scheduleSec #tokyoKaijoScheduletab:checked ~ label.tabItem.tokyoKaijoScheduletab .btn_tokyoKaijoSchedule {background-color: #39b34a;color: #fff;position: relative;}
#scheduleSec #osakaKaijoScheduletab:checked ~ label.tabItem.osakaKaijoScheduletab .btn_osakaKaijoSchedule {background-color: #4364db;color: #fff;position: relative;}
/*-----タブの中身を非表示-----*/
#scheduleSec .tabContent {display: none;opacity: 0;padding: 0;clear: both;overflow: hidden;width: 100%;}
/*-----選んだタブの中身を表示-----*/
#scheduleSec #tokyoKaijoScheduletab:checked ~ #content_tokyoKaijoSchedule,
#scheduleSec #osakaKaijoScheduletab:checked ~ #content_osakaKaijoSchedule{display: block; opacity: 1;}


#scheduleSec .tabContent {background-color: #fff; padding: 2em; box-sizing: border-box;}
#scheduleSec .scheduleImg {text-align: center;}
#scheduleSec .baloonImg {position: absolute;bottom: 0;right: 0;transform: translateX(85%);}
/*----------------------------------------------------------------------------
 ***                                                           moushikomiSec
----------------------------------------------------------------------------*/

#moushikomiSec .worldExpoDt{color: #fff;margin-top: 0;}
#moushikomiSec .worldExpoDt span {border-bottom: 2px solid #fff;color: #fff;}
#moushikomiSec .worldExpoDd{font-size: 120%;}
#moushikomiSec .worldExpoDd p.part{color: #fff;}
#moushikomiSec{background: linear-gradient(90deg, #39b34a 0%, #39b34a 50%, #4364db 50%, #4364db 100%);}
#moushikomiSec .moushikomiKaijoUl {margin-top: 1.5em;position: relative;}
#moushikomiSec .moushikomiKaijoUl:before {content:""; background: url("/lp/internationalday2025/images/img_contents13.png"); background-position: center center; transform: translateX(50%); display: block; width: 11px; height: 63px; position: absolute; top: 0; right:50%; }
#moushikomiSec .moushikomiKaijoLi{width: 47%; position:relative;} 
#moushikomiSec .moushikomiKaijoLi > *{position: relative; z-index: 2;}
#moushikomiSec .moushikomiKaijoLi .kaijoDl{height: 100%;}
#moushikomiSec .moushikomiKaijoLi .kaijoName{margin-bottom: 1em;}
#moushikomiSec .attentionTxt {font-size: 65%; color: #fff; font-weight: normal;}

#moushikomiSec .moushikomiKaijoLi.tokyoKaijo:before{content: "";display: block;background: url("/lp/internationalday2025/images/img_contents06.png"); width:415px;height: 370px;position: absolute; left:-50%;bottom: 0;z-index: 1;}
#moushikomiSec .moushikomiKaijoLi.tokyoKaijo .kaijoName{background: url("/lp/internationalday2025/images/img_contents04.png");background-repeat: no-repeat;background-position: left center;height: 70px;line-height: 70px;text-align: center;font-size: 140%;color: #fff;}
#moushikomiSec .moushikomiKaijoLi.tokyoKaijo .kaijoLink a{font-size:50%; display: inline-block; padding: 0.5em 1em; margin-left: 1em; border: 1px solid #39b34a; border-radius: 1em;  line-height: 1; color: #39b34a;}

#moushikomiSec .moushikomiKaijoLi.osakaKaijo:before{content: ""; display: block; background: url("/lp/internationalday2025/images/img_contents07.png"); width:430px; height: 440px; position: absolute; right:-50%; bottom: 0;}
#moushikomiSec .moushikomiKaijoLi.osakaKaijo .kaijoName{background: url("/lp/internationalday2025/images/img_contents05.png");background-repeat: no-repeat;background-position: left center;height: 70px;line-height: 70px;text-align: center;font-size: 140%;color: #fff;}
#moushikomiSec .moushikomiKaijoLi.osakaKaijo .kaijoLink a{font-size:50%; display: inline-block; padding: 0.5em 1em; margin-left: 1em; border: 1px solid #4364db; border-radius: 1em;  line-height: 1; color: #4364db;}

#moushikomiSec .moushikomiTimeLi{background: #fff;margin-bottom: 0.8em;padding: 0.7em 1em;}
#moushikomiSec .moushikomiTimeLi a:hover {text-decoration: none;}
#moushikomiSec .moushikomiTimeLi .partName {font-size: 110%; margin-bottom: 0.2em;}
#moushikomiSec .moushikomiTimeLi .partName .time{font-size: 70%; font-weight: normal;}
#moushikomiSec .moushikomiTimeLi .price{font-size: 62%; line-height: 1.3;}
#moushikomiSec .moushikomiTimeLi .sentakuBtn {font-size:80%;border-radius: 10px;background-color: #ef5a24;color: #fff;width: 5em;text-align: center;padding: 1em 0;box-sizing: border-box; margin-top: 1.5em;}
#moushikomiSec .moushikomiTimeLi .sentakuBtn_off {font-size:80%;border-radius: 10px;background-color: #ccc;color: #fff;width: 5em;text-align: center;padding: 1em 0;box-sizing: border-box;}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea {  }
#footerAreaInner {
    max-width: 890px;
    margin: 0 auto;
    padding: 0 20px;
    }
#footerLogo{}
#footerCopyright{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { }
.sectionInner {}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea {  }
#footerAreaInner {
    max-width: 890px;
    margin: 0 auto;
    padding: 0 20px;
    }
#footerLogo{}
#footerCopyright{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { }
.sectionInner {}