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

#contentsArea {min-width: 920px;}
/*-------------------------------s---------------------------------------------
***                                                             Header
----------------------------------------------------------------------------*/
#headerArea{width:100%;margin:0 auto;padding: 20px 0 0px;}
#headerArea #headerAreaInner {width:950px; margin:0 auto; position:relative;}
#headerArea #headerAreaInner:before{content:"";display:block;width:164px;height:75px;position:absolute;top:-18px;right: 360px;background:url(../images/txt_bvb10_mini.png) no-repeat center center / cover;}
#headerArea h1 {}
#headerArea h1 a{/* display:none; */}
#headerArea h1 img {}
#headerArea .txt {}
#headerArea p {}
#headerArea a {}
#headerArea a img {}
/*----------------------------------------------------------------------------
***                                                    　 mainsection
----------------------------------------------------------------------------*/
.secBox > .sectionInner{width:920px;margin:0 auto;}
.secBox .inSec{width:800px;margin:0 auto;}

.formBtnBox{padding: 50px 0;}
.formBtnBox .formBtnInner{width:865px;margin: 0 auto;padding: 25px 20px;border: 5px solid #ffe600;border-radius: 25px;background: #fff;}
.formBtnBox .formBtnInner .ttl{font-weight:bold;font-size: 23px;}
.formBtnBox.bgYellow .formBtnInner{background:#ffe600;}

/*----- mainImgSec -----*/
#mainImgSec{background: url(../images/bg_main01.jpg) no-repeat center/cover;position: relative;/* z-index: -1; */}

.mainSectionInner{/* background:url(../images/img_header.jpg) no-repeat top; *//* background-size:cover; */}

#mainImgSec > .sectionInner{position:relative;padding: 45px 0 120px;}
#mainImgSec > .sectionInner > .titleBox{margin:0 auto;position:relative;text-align: center;z-index: 1;}
#mainImgSec > .sectionInner > .titleBox h2{margin-bottom: 30px;}
#mainImgSec > .sectionInner > .titleBox p{}
#mainImgSec > .sectionInner > .titleBox .box{position: relative; display: inline-block;}
#mainImgSec > .sectionInner > .titleBox .box .btn{position:absolute;top: 75%;left:0;right: 0;margin: 0 auto;display: block;/*max-width: 330px; background: #d7063a;*/}
#mainImgSec > .sectionInner > .titleBox .fukidashi01{position:absolute;top: 31%;right: -6.5em}
#mainImgSec .titleBox .mainTxt01{text-align: center;margin: 0 auto 30px;display:block;}
#mainImgSec .titleBox .mainTxt02{text-align: center;margin:0px auto 0;display: block;}

#mainImgbottom{background-color:#ffe600;width:100%;margin: 0px auto 0;padding: 30px 0 10px;border-bottom: 7px solid #000;text-align: center;/* z-index: 1; */position: relative;}
#mainImgbottom .listBox{display: inline-block;margin-top: -60px;position: relative;}
#mainImgbottom .listBox .img{position: relative;/* z-index: 1; */}

#player01{position:absolute;bottom:0;left: -130px;}
#player02{position:absolute;bottom: -69px;right: -120px;}
#kids01{position:absolute;top: 0;left: -146px;transform: translate(0,-30%);}
#bus01{position:absolute;bottom: 0px;right: -155px;}


/*----- dsaExperienceSec -----*/
#dsaExperienceSec{background: url(../images/bg_main02.jpg) no-repeat center/cover;position: relative;/* z-index: 1; */}
#dsaExperienceSec > .sectionInner{padding: 0px 0px 50px;}
#dsaExperienceSec .titleBox h3{margin: -30px 0 0;display: inline-block;}
#dsaExperienceSec h2{font-size:34px;font-weight:normal;line-height:1;margin-bottom:45px;}

#experienceList{margin-top: -30px; padding-top: 10px;}
#experienceList li{margin-top: 30px;}



/*----- dsaExperienceMoreSec -----*/
#dsaExperienceMoreSec{position: relative;}
#dsaExperienceMoreSec .titleBox{margin: -30px 0 50px;}
#experienceBox{max-width: 865px;margin: 0 auto;border:5px solid #ffe600;padding: 40px 40px;}
/*----- whatIsSec -----*/
#whatIsSec{background:#000000;padding: 50px 0;}
#whatIsSec p{color:#fff;line-height: 1.2;}
#whatIsSec .titleBox{width: 490px;padding: 0 30px;}
#whatIsSec .titleBox .ttl{color:#d7063a;font-weight:bold;font-size: 22px;}

/*----- boshuSec -----*/
#boshuSec{position: relative;}
#boshuSec .titleBox{margin: -30px 0 50px;}
#boshuSec .dlBox{width:100%;max-width: 862px;margin: 0 auto;}
#boshuSec .dlBox > dt{background:#000;text-align:center;color: #fff;font-size: 120%;}
#boshuSec .dlBox .list{width:100%;}
#boshuSec .dlBox .list dt{width:20%;margin: 0;padding: 15px 10px;}
#boshuSec .dlBox .list dt .txt{display: flex;justify-content: center;align-items: center;background:#dbdcdc;width: 100%;height: 100%;text-align: center;}
#boshuSec .dlBox .list dd{width:80%;margin: 0;padding: 15px 0 15px 10px;}
#boshuSec .dlBox .list dt:not(:last-of-type){border-bottom: 2px solid #b4b4b5;}
#boshuSec .dlBox .list dd:not(:last-of-type){border-bottom: 2px solid #b4b4b5;}
#boshuSec .dlBox .list .deadline{line-height: 1;}
#boshuSec .dlBox .list .deadline .txt01{font-size: 24px;margin-right: 0.5em;}
#boshuSec .dlBox .list .deadline .txt02{font-size: 35px;font-weight: bold;}
#boshuSec .dlBox .moushikomiNagareOl{font-size: 130%;padding: 0.7em 0;}
#boshuSec .dlBox .moushikomiNagareOl > li{position: relative;padding-bottom:1em;line-height: 1.5;}
#boshuSec .dlBox .moushikomiNagareOl > li:last-child{padding-bottom:0;}
#boshuSec .dlBox .moushikomiNagareOl > li:after{content:"";display: block;width: 0;height: 0;border-style: solid;border-width: 14px 10px 0 10px;border-color: #dbdcdc transparent transparent transparent;position: absolute;bottom: 0.2em;left: 3.5em;}
#boshuSec .dlBox .moushikomiNagareOl > li:last-child:after{display: none;}
#boshuSec .dlBox .moushikomiNagareOl a{text-decoration: underline;}
#boshuSec .dlBox .moushikomiNagareOl span{font-size: 90%;}

#boshuSec table{table-layout:fixed; width:100%;}
#boshuSec table tr{padding: 10px 0;}
#boshuSec table th{width:22%;padding-left:0;vertical-align: top;padding-top: 20px;}
#boshuSec table th p{font-size:20px;padding:5px;text-align: center;background:#ffea00;font-weight: bold;}
#boshuSec table td{padding-top: 20px;padding-left: 3%;vertical-align:middle;font-size: 16px;line-height: 1.5em;}


#boshuSec table.cancelTable{border:1px solid #666;table-layout: fixed;width: 100%;border-collapse: collapse;}
#boshuSec .cancelTable .cancelText{font-size: 16px;line-height: 1.5em;}
#boshuSec table.cancelTable tr{border-bottom: dashed 1px #999;}
#boshuSec .cancelTable tr th{line-height: 1.2em;text-align: center;font-weight: normal;padding: 10px 5px;vertical-align: middle;width: 35%;border-right: 1px solid #c1c1c1;}
#boshuSec .cancelTable tr td{text-align: center;vertical-align: middle;padding: 10px 10px 5px;font-weight:bold; color:red;}
#boshuSec .cancelTable tr:nth-of-type(5){ border-bottom:1px dashed #c9c9c9;}
#boshuSec .cancelTable tr:nth-of-type(1){background:#000;font-weight:bold;border-bottom: none;}
#boshuSec .cancelTable tr:nth-of-type(1) td{font-weight:bold;color:#fff;padding: 15px 10px 10px;border-bottom: none;}
#boshuSec .cancelTable tr:nth-of-type(1) th{font-weight:bold;color:#fff;padding: 10px 10px 5px;vertical-align: middle;}

.scheduleBtnBox .scheduleBtn{width: 100%;max-width: 400px;}
.scheduleBtnBox .scheduleBtn a{background: #280bf9;width: 95%;padding: 0.7em 0.5em;font-size: 150%;color: #fff;border-radius: 0.8em;}
.scheduleBtnBox .scheduleBtn a:hover{text-decoration: none;}
.scheduleBtnBox .printScheduleBtn a{text-decoration: underline;}
.scheduleBtnBox .printScheduleBtn {width: auto;}
#dsaExperienceMoreSec .scheduleBtnBox .scheduleBtn{margin: 0 auto;}
#boshuSec .scheduleBtn{font-size: 85%;}

/*----- formSec -----*/
#formSec{border-top:28px solid #ffe600; background:url(../images/img_sub_back02.jpg) repeat-y center top -5% / contain;}
#formSec > .sectionInner{
background: rgb(0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 80%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 80%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
}

#formSec #formTb{width:865px; margin:0 auto; padding:50px 0 0;}
#formSec #formTb #formBox{background:#fff; padding:65px 80px;}
#formSec h2{ font-weight:bold; margin-bottom:25px; line-height:2em;}
#formSec h2 span{display:block; text-align:center; color:#fff;}
#formSec h2 .txt01{font-size:28px;}
#formSec h2 .txt02{font-size:34px;}
#formSec .mailText{margin-top: 5px; font-size: 0.8em;text-indent: -1em;padding-left: 1em;font-weight: bold;}
#formSec .mailText::before{content: "※";}

.yousuDl dd{width:80%; max-width: 300px;}
.yousuDl .snsBtn{text-decoration: none; display: block;padding: 0.5em 1em; background: #000; text-align: center; margin: 0.5em 1em; color: #fff; border-radius: 0.5em;}
.yousuDl .snsBtn:hover{text-decoration: none; opacity: .5;}
#mainImgSec .yousuDl dd{width:80%; max-width: 150px;}

/*----- reportSec -----*/
#reportSec{position: relative;background-color: #ffe600;padding-bottom: 3em;}
#reportSec .titleBox h3{position: relative;top: -30px;}
#reportSec .reportUl{margin: 0em auto;margin-bottom: 0em;}
#reportSec .reportLi{padding: 3em 0;margin-bottom: 1em;background: #fff;}
#reportSec .reportLi:first-child{}
#reportSec .reportLi:last-child{border-bottom: none;}
#reportSec .reportLi .ttl{font-size: 140%;font-weight: bold;/* margin-bottom: 0.5em; */}
#reportSec .reportLi .ttl,
#reportSec .reportLi .txt{padding-right: 40px;line-height: 1.6;position: relative;/* left: -20px; */}
#reportSec .reportLi .ttl .marker{background-image: repeating-linear-gradient(-45deg, #fcf69f 0, #fcf69f 2px, transparent 2px, transparent 4px); background-repeat: no-repeat; background-position: left bottom; background-size: 100% 0.5em;}
#reportSec .reportLi .img{padding-left: 1em;}
#reportSec .reportLi.reportSpecial{margin-top: 50px;}
#reportSec .reportLi.reportSpecial .ttl{padding-right: 20px;margin-top: -30px;}
#reportSec .reportLi.reportSpecial .txt{padding-right: 20px; margin-top: 1.5em;}

/*----------------------------------------------------------------------------
***                                                               form
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
***                                                             footer
----------------------------------------------------------------------------*/
#footerArea{background:#000;}
#footerArea .boxTop{width: 865px;margin:0 auto;padding:45px 0;}

#addressBox{display:inline-block; padding-left:30px;}
#addressBox dl dt{display:inline-block; padding:0 5.5em; font-size:12px; color:#ffffff; background:#910782;}
#addressBox dl dd .txtTel{margin:1em 0;}
#addressBox dl dd .txt01{font-size: 1rem;}
#addressBox dl dd p{font-size:13px; line-height:1.5;}
#addressBox p{color:#e3e3e3;}
#addressBox p a{color:#e3e3e3;}
#copy{padding:10px 0; border-top:2px solid #ffe600;}
#copy p{color:#b0b0b0;}

/*----------------------------------------------------------------------------
***                                                　　　　    modal-tv
----------------------------------------------------------------------------*/
#modal-tv{box-sizing:border-box; width:900px; height:auto; position:fixed; z-index:999999; padding:0; display:none; box-shadow:2px 2px 8px 2px rgba(0,0,0,0.4);}
#modal-tv .ttl{width:100%;background-color: #fce500;}
#modal-tv .ttl h2{width: 900px;text-align: center;margin:0 auto;padding: 1em 0;font-size: 160%;}
#modal-tv .ttl h2 span{color:red}
#modal-tv #modalInner{background-color:#fff;padding: 2em 5% 2em;}
#modal-tv ul{width:100%;max-height: 65vh;display:flex;flex-wrap:wrap;justify-content: space-between;overflow-y: auto;}
#modal-tv li{margin: 1em 0;padding: 1.4em 0;background: #FCE50033;}
#modal-tv li.cmA{width: 100%;}
#modal-tv li.cmB{width: 49%;padding: 1.4em 2%;}
#modal-tv li dl{
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
}
#modal-tv h3{width:100%;text-align:center;font-size: 15px;margin: 0 0 0.3em;}
#modal-tv .cmA h3{color: #333333;}
#modal-tv .cmB h3{color: #333333;}
#modal-tv .cmMovie{margin: 0 0 0 0; position:relative;}
#modal-tv .cmMovie .movieInBox{text-align:center;}
.movieInBox iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    max-height:225px;
    max-width:400px;
    }
iframe:has(video){
    width: 100%;
    height: auto;
    max-height:auto;
    max-width:auto; 
}
#modal-tv .btn{width:280px; margin:50px auto 10px auto; cursor:pointer;}
.rightSection #modal-tv iframe{width:400px;}
#modal-tv .videoBox iframe{width:100%;}
#modal-tv .newCm{display:flex; justify-content:space-between; align-items:center; margin-top:5px; padding:0 20px 0 0px;}
#modal-tv .newCm >*{;}
#modal-tv .newCm .titleBox{margin-top:0;}
#modal-tv .newCm .titleBox .ttl{;}
#modal-tv .cmList{display:table-cell; margin-left:0px;}
#modal-tv .cmList ul{display:table;}
#modal-tv .cmList ul li{display:table-cell; vertical-align:middle; padding:0 4px;}
#modal-tv .cmList ul li p{display:block; color:#000; text-align:center; cursor:pointer; transition:opacity 0.5s ease; font-size:10px;}
#modal-tv .cmList ul li p:hover{opacity:0.7;}
#modal-tv .linkBox_campaign{border-top:1px solid #333; padding-top:10px;}
#modal-tv .linkBox_campaign p{padding:0; margin-top:-8px;}
#modal-tv .linkBox_campaign p a{transition:opacity 0.5s ease;}
#modal-tv .linkBox_campaign p a:hover{opacity:0.7;}
#modal-tv.positionAbsolute{position:absolute; top:20px!important;}
#newCmPopup2022{cursor:pointer;}
#modal-tv .btnClose{width:30px; position:absolute; top:8px; right:8px; cursor:pointer;}
#modal-tv .linkBox{/*margin: 3em 0 0 0;*/padding: 3em 0%;background: #f7f7f7;}
#modal-tv .arrow{display: inline-block;vertical-align: middle;color: #333;line-height: 1;position: relative;width: 0.7em;height: 0.7em;transform:translateX(-25%) rotate(45deg);margin: 0 0 0.15em 0.3em;}
#modal-tv .arrow::before,
.arrow::after{content: '';position: absolute;background: currentColor;border-radius: 0.1em;}
#modal-tv .moviegallery_ym{text-align:center; font-size:23px;margin: 0 0 0.3em;font-weight: bold;}
#modal-tv .arrow::before {top: 0;left: 0;right: 0;height: 0.1em;}
#modal-tv .arrow::after {top: 0;right: 0;bottom: 0;width: 0.1em;}
#modal-overlay{z-index: 10000;/* display:none; */position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba( 0,0,0,0.75 );}

/*----------------------------------------------------------------------------
***                                                　　　　    thanks
----------------------------------------------------------------------------*/