h1{margin: 0; padding:0;}
h2{display:none; margin: 0; padding:0;}
.ns_container{
padding-bottom: 0;
}
footer.footer.container {
height: 0;
}

#under h2{display: block;}
.col-sm-12{padding: 0;}
#under, body{font-family:Verdana, Calibri, Arial, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";}
#under, h1 ,h2{font-size:16px;}
#under dl{margin-bottom:0;}
.ns_container{max-width: 100%;}
.ns_container{margin-top: 0;}
.nav.nav-tabs{max-width: 980px; width: 100%; margin: 0 auto;}
.breadcrumb{margin-bottom: 0;}
.switch_pc{display: block;}
.switch_sp{display: none;}
.color_red{color: #d40000;}
.contentWrap{
max-width: 980px;
width: 100%;
margin: 0 auto;
padding: 80px 0;
color: #123a65;
}
.btnBox a{
display:inline-block;
color: #fff;
line-height: 1.4;
text-align: center;
padding: 10px 10px 10px 30px;
background: #d40000;
font-size: 16px;
border-radius: 10px;
}
.btnBox a:after {
background: url(/sites/default/files/contents/images/icons/arrow-right-white.svg) no-repeat 0 1px;
background-size: 19px 11px;
content: '';
display: inline-block;
width: 29px;
height: 12px;
margin-left: 16px;
transition: background 0.3s ease-in;
}
.btnBox a:hover {
text-decoration: none;
opacity: 0.8;
transition: background 0.3s ease-in;
}
.btnBox a:hover:after {background-position: 80% 1px;}
.ttl-h1{text-align: center; margin-bottom: 60px; font-size: 2em; font-weight: bold;}

.contentWrap{
padding: 50px 0 40px 0;
}
#topArea .contentWrap{
  padding: 0;
/* background-image: url(/sites/default/files/contents/kidsclub/oped2026/images/oped_mainbg.png);
background-size: 100%;
background-position: left center;
background-repeat: no-repeat; 
padding: 2%;
box-sizing: border-box;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between; */
}

#topArea .topArea_txt{width: 46%; text-align: center;}

#topArea  h1{
margin-bottom: 10px;
font-size: 1.5em;
line-height: 1.4;
}
#topArea .topArea_btnBox{margin-top: 25px;}
#topArea .main-box-place:before{content: '|';padding-right: 1em; margin-left: 1em;}

#navArea{
background: #123a65;
padding: 6px 0;
}
#navArea .contentWrap{padding:0;}
#navArea ul{
display: flex;
flex-flow: row;
justify-content: space-around;
list-style-type: none;
margin-bottom: 0;
}
#navArea li{
  width: 48%;
  text-align: center;
}
#navArea a {
display: block;
border-radius: 4px;
color: white;
padding: 12px 24px;
text-decoration: none;
}
#navArea ul li a:hover {background: #72baeb;}
#navArea ul li.register-btn a {background-color: #d40000;}
#navArea ul li.register-btn a:hover {background-color: #d61313;}

/* 固定 */
#navArea.fixed{
position: fixed;
top: 0;
padding: 0;
width: 100%;
z-index: 1000;
box-shadow:0px 3px 3px 0px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.4);
-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.4);
}
#navArea.fixed ul li.register-btn a{padding: 9px 24px; margin-top: 3px;}

#summary .contentWrap .catchBox{
  font-size: 1.6666vw;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 50px;
}


#summary .summaryBox{margin-bottom: 40px;}
#summary .summaryBox .ttl-h1{margin-bottom: 40px;}


#summary .summaryBox .ttl-h1.delighter,
#summary .summaryBox .summary_catch.delighter,
#summary .summaryBox .txt.delighter,
#summary .summary_detail.delighter{
transition: all .5s ease-out;
opacity: 0;
}
#summary .summaryBox .ttl-h1.delighter.started,
#summary .summaryBox .summary_catch.delighter.started,
#summary .summaryBox .txt.delighter.started,
#summary .summary_detail.delighter.started{
transform: none;
opacity: 1;
}

#summary .summary_catch{font-size: 1.8em; font-weight: bold; text-align: center;}
#summary .summary_detail{padding:0 15%;}
#summary .summary_detail dt{display: inline-block; width:15%; vertical-align: top;}
#summary .summary_detail dd{display: inline-block; width: 84%; margin-bottom: 10px; vertical-align: top;}
#summary .summary_detail dd a{
text-decoration: underline;
color: #000;
}

#en #summary .summary_detail dt{width:25%;}
#en #summary .summary_detail dd{width: 74%; margin-bottom: 15px;}

#venues{background-color:#e3f2fc;overflow: hidden;}
#venues .ttl-h1{margin-bottom: 20px;}
#venues .venues_note{
  text-align: center; 
  margin-bottom: 40px;
}
#venues .venues_note02{
  color:#123a65;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 100px;
}

#venues .venuesArea{
position: relative;
width: 100%;
height: 0;
padding-top: 45%;
background: url("/sites/default/files/contents/kidsclub/oped2026/images/map.png")center top no-repeat;
background-size: cover;
margin-bottom: 80px;
}
#venues .venuesArea .venuesBox{
padding: 0;
position: absolute;
width: 217px;
height: auto;
text-align: left;
pointer-events: all;
}

#venues .venuesArea .venuesBox{
position: absolute;
width: 22.8%;
height: auto;
text-align: left;
pointer-events: all;
}

#en #venues .venuesArea .venuesBox{
width: 26%;
}


#venues .venuesArea .venuesBox .area{display: inline-block;}

#venues .venuesArea .venuesBox a,
#venues .venuesArea .venuesBox .area-wrap{
width: 100%;
height: 100%;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 15px;
color: #123a65;
border: 2px solid #123a65;
background: #fff;
letter-spacing: 0.05em;
line-height: 1;
padding: 8px 0 8px 16px;
-webkit-transition: all .3s;
transition: all .3s;
/* cursor: pointer; */
}

#venues .venuesArea .venuesBox .infocp{
    background-color: #123a65;
    color: #fff;
    font-weight: normal;
    padding: 3px;
    border-radius: 3px;
    font-size: 0.75em;
    vertical-align: bottom;
    margin-left: 3px;
    display: inline-block;
}

#venues .venuesArea .venuesBox a:before,
#venues .venuesArea .venuesBox a:after,
#venues .venuesArea .venuesBox .area-wrap:before,
#venues .venuesArea .venuesBox .area-wrap:after{
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
-webkit-transition: border .3s;
transition: border .3s;
}
#venues .venuesArea .venuesBox#place01 a:before,
#venues .venuesArea .venuesBox#place01 .area-wrap:before{
border-width: 40px 6px 0 6px;
border-color: #123a65 transparent transparent transparent;
left: 55.5%;
top: 96.2%;
}
#venues .venuesArea .venuesBox#place01 a:after,
#venues .venuesArea .venuesBox#place01 .area-wrap:after{
border-width: 35px 4px 0 4px;
border-color: #fff transparent transparent transparent;
left: 56.5%;
top: 94.2%;
}
#venues .venuesArea .venuesBox#place02 a:before,
#venues .venuesArea .venuesBox#place02 .area-wrap:before{
border-width: 6px 45px 6px 0px;
border-color: transparent #123a65 transparent transparent;
left: -19.7%;
top: calc( 69% - 5px);
}
#venues .venuesArea .venuesBox#place02 a:after,
#venues .venuesArea .venuesBox#place02 .area-wrap:after{
border-width: 4px 43px 4px 0;
border-color: transparent #fff transparent transparent;
left: -17.7%;
top: calc( 69% - 3px);
}
#en #venues .venuesArea .venuesBox#place02 a:before,
#en #venues .venuesArea .venuesBox#place02 .area-wrap:before{
left: -16.7%;
top: calc( 69% - 5px);
}
#en #venues .venuesArea .venuesBox#place02 a:after,
#en #venues .venuesArea .venuesBox#place02 .area-wrap:after{
left: -15.7%;
top: calc( 69% - 3px);
}


#venues .venuesArea .venuesBox#place03 a:before,
#venues .venuesArea .venuesBox#place03 .area-wrap:before{
border-width: 43px 6px 0 6px;
border-color: #123a65 transparent transparent transparent;
left: 39%;
top: 96.2%;
}
#venues .venuesArea .venuesBox#place03 a:after,
#venues .venuesArea .venuesBox#place03 .area-wrap:after{
border-width: 35px 4px 0 4px;
border-color: #fff transparent transparent transparent;
left: 39.7%;
top: 96.2%;
}
#venues .venuesArea .venuesBox#place04 a:before,
#venues .venuesArea .venuesBox#place04 .area-wrap:before{
border-width: 0 6px 133px 6px;
border-color: transparent transparent #123a65 transparent;
left: 46%;
top: -233%;
}
#en #venues .venuesArea .venuesBox#place04 a:before,
#en #venues .venuesArea .venuesBox#place04 .area-wrap:before{
left: 46%;
top: -243%;
}

#venues .venuesArea .venuesBox#place04 a:after,
#venues .venuesArea .venuesBox#place04 .area-wrap:after{
border-width: 0px 4px 142px 4px;
border-color: transparent transparent #fff transparent;
left: 46.7%;
top: -242%;
}

#venues .venuesArea .venuesBox#place05 a:before,
#venues .venuesArea .venuesBox#place05 .area-wrap:before{
border-width: 6px 45px 6px 0px;
border-color: transparent #123a65 transparent transparent;
left: -19%;
top: calc( 50% - 5px);
}
#venues .venuesArea .venuesBox#place05 a:after,
#venues .venuesArea .venuesBox#place05 .area-wrap:after{
border-width: 4px 43px 4px 0;
border-color: transparent #fff transparent transparent;
left: -18%;
top: calc( 50% - 3px);
}

#venues .venuesArea .venuesBox#place06 a:before,
#venues .venuesArea .venuesBox#place06 .area-wrap:before{
border-width: 6px 35px 6px 0px;
border-color: transparent #123a65 transparent transparent;
left: -15%;
top: calc(20% - 5px);
}
#venues .venuesArea .venuesBox#place06 a:after,
#venues .venuesArea .venuesBox#place06 .area-wrap:after{
border-width: 4px 28px 4px 0;
border-color: transparent #fff transparent transparent;
left: -10%;
top: calc(20% - 3px);
}
#venues .venuesArea .venuesBox#place07 a:before,
#venues .venuesArea .venuesBox#place07 .area-wrap:before{
border-width: 0px 6px 74px 6px;
border-color: transparent transparent #123a65 transparent;
left: 86%;
/* top:-128%; */
top:-93%;
}
#venues .venuesArea .venuesBox#place07 a:after,
#venues .venuesArea .venuesBox#place07 .area-wrap:after{
border-width: 0 4px 64px 4px;
border-color: transparent transparent #fff transparent;
left: 86.5%;
/* top: -108%; */
top: -80%;
}
#en #venues .venuesArea .venuesBox#place07 a:before,
#en #venues .venuesArea .venuesBox#place07 .area-wrap:before{
left: 80.2%;
top: -92%;
border-width: 0 7px 74px 7px;
}
#en #venues .venuesArea .venuesBox#place07 a:after,
#en #venues .venuesArea .venuesBox#place07 .area-wrap:after{
left: 81.5%;
top: -79%;
}
#venues .venuesArea .venuesBox#place08 a:before,
#venues .venuesArea .venuesBox#place08 .area-wrap:before{
border-width: 78px 6px 0 6px;
border-color: #123a65 transparent transparent transparent;
left: 19.5%;
top: 97%;
}
#venues .venuesArea .venuesBox#place08 a:after,
#venues .venuesArea .venuesBox#place08 .area-wrap:after{
border-width: 70px 4px 0 4px;
border-color: #fff transparent transparent transparent;
left: 20.5%;
top: 96%;
}
#venues .venuesArea .venuesBox#place09 a:before,
#venues .venuesArea .venuesBox#place09 .area-wrap:before{
border-width: 38px 6px 0 6px;
border-color: #123a65 transparent transparent transparent;
left: 18%;
top: 97%;
}
#venues .venuesArea .venuesBox#place09 a:after,
#venues .venuesArea .venuesBox#place09 .area-wrap:after{
border-width: 36px 4px 0 4px;
border-color: #fff transparent transparent transparent;
left: 19%;
top: 95%;
}
#venues .venuesArea .venuesBox#place10 a:before,
#venues .venuesArea .venuesBox#place10 .area-wrap:before{
border-width: 0 6px 66px 6px;
border-color: transparent transparent #123a65 transparent;
left: 17%;
/* top: -118%; */
top: -84%;
}
#venues .venuesArea .venuesBox#place10 a:after,
#venues .venuesArea .venuesBox#place10 .area-wrap:after{
border-width: 0px 4px 68px 4px;
border-color: transparent transparent #fff transparent;
left: 18%;
/* top: -118%; */
top: -85%;
}
#en #venues .venuesArea .venuesBox#place10 a:before,
#en #venues .venuesArea .venuesBox#place10 .area-wrap:before{
left: 17%;
top: -84%;
}
#en #venues .venuesArea .venuesBox#place10 a:after,
#en #venues .venuesArea .venuesBox#place10 .area-wrap:after{
left: 18%;
top: -84%;
}


#venues .venuesArea .venuesBox a.hover,
#venues .venuesArea .venuesBox .area-wrap.hover{
background-color:#ccd6e0;
text-decoration: none;
}
#venues .venuesArea .venuesBox#place01 a.hover:after, 
#venues .venuesArea .venuesBox#place03 a.hover:after,
#venues .venuesArea .venuesBox#place08 a.hover:after, 
#venues .venuesArea .venuesBox#place09 a.hover:after,
#venues .venuesArea .venuesBox#place01 .area-wrap.hover:after, 
#venues .venuesArea .venuesBox#place03 .area-wrap.hover:after,
#venues .venuesArea .venuesBox#place08 .area-wrap.hover:after, 
#venues .venuesArea .venuesBox#place09 .area-wrap.hover:after
{border-color: #ccd6e0 transparent transparent transparent;}

#venues .venuesArea .venuesBox#place02 a.hover:after,
#venues .venuesArea .venuesBox#place05 a.hover:after,
#venues .venuesArea .venuesBox#place06 a.hover:after,
#venues .venuesArea .venuesBox#place02 .area-wrap.hover:after,
#venues .venuesArea .venuesBox#place05 .area-wrap.hover:after,
#venues .venuesArea .venuesBox#place06 .area-wrap.hover:after
{border-color: transparent #ccd6e0 transparent transparent;}

#venues .venuesArea .venuesBox#place04 a.hover:after,
#venues .venuesArea .venuesBox#place07 a.hover:after,
#venues .venuesArea .venuesBox#place10 a.hover:after,
#venues .venuesArea .venuesBox#place04 .area-wrap.hover:after,
#venues .venuesArea .venuesBox#place07 .area-wrap.hover:after,
#venues .venuesArea .venuesBox#place10 .area-wrap.hover:after
{border-color:transparent transparent #ccd6e0 transparent;}


#venues .venuesArea .venuesBox#place01{left:60%; top:0%;}
#venues .venuesArea .venuesBox#place02{left:72%; top:47%;}
#venues .venuesArea .venuesBox#place03{left:46%; top:38%;}
#venues .venuesArea .venuesBox#place04{left:32%; top:105%;}
#venues .venuesArea .venuesBox#place05{left:61%; top:60%;}
#venues .venuesArea .venuesBox#place06{left:54%; top:73%;}
#en #venues .venuesArea .venuesBox#place06{left:55%; top:69%;}
#venues .venuesArea .venuesBox#place07{left:14%; top:91%;width: 24%;}
#venues .venuesArea .venuesBox#place08{left:51%; top:30%;}
#venues .venuesArea .venuesBox#place09{left:0%; top:51%;}
#venues .venuesArea .venuesBox#place10{/* left:44%; */left:39%; top:91%;}

#venues .venuesArea .venuesBox#place01, 
#venues .venuesArea .venuesBox#place03,
#venues .venuesArea .venuesBox#place08, 
#venues .venuesArea .venuesBox#place09{transition: all .3s ease-out; transform: translateX(-100%);}
#venues .venuesArea .venuesBox#place02,
#venues .venuesArea .venuesBox#place06,
#venues .venuesArea .venuesBox#place05{transition: all .3s ease-out; transform: translateX(100%);}
#venues .venuesArea .venuesBox#place04,
#venues .venuesArea .venuesBox#place07,
#venues .venuesArea .venuesBox#place10{transition: all .1s ease-out; transform: translateY(120%);}

#venues .venuesArea .venuesBox.delighter.started#place01, 
#venues .venuesArea .venuesBox.delighter.started#place02,
#venues .venuesArea .venuesBox.delighter.started#place03, 
#venues .venuesArea .venuesBox.delighter.started#place04,
#venues .venuesArea .venuesBox.delighter.started#place05,
#venues .venuesArea .venuesBox.delighter.started#place06,
#venues .venuesArea .venuesBox.delighter.started#place07,
#venues .venuesArea .venuesBox.delighter.started#place08,
#venues .venuesArea .venuesBox.delighter.started#place09,
#venues .venuesArea .venuesBox.delighter.started#place10{transform: translate(0, 0);}

#venues .venuesArea .venuesBox .venues_place{
  font-weight: bold;
  margin-bottom: 2px;
  display: block;
}
#venues .venuesArea .venuesBox .venues_place .p-box{
display: block;
font-size: 14px;
padding: 5px 0;
}


#venues .venuesArea .venuesBox .glyphicon {
  top: -8px;
  display: none;/*--リンク設置時：みぎ矢印--*/
}

#en #venues .venuesArea .venuesBox .glyphicon {
top: 36%;
position: absolute;
right: -2%;
}

#venues .venuesArea .venuesBox.p-style a{
background: #a8bbc7;
border-color: #294354;
}
#venues .venuesArea .venuesBox.p-style#place01 a:before,
#venues .venuesArea .venuesBox.p-style#place03 a:before,
#venues .venuesArea .venuesBox.p-style#place08 a:before,
#venues .venuesArea .venuesBox.p-style#place09 a:before,
#venues .venuesArea .venuesBox.p-style#place01 .area-wrap:before,
#venues .venuesArea .venuesBox.p-style#place03 .area-wrap:before,
#venues .venuesArea .venuesBox.p-style#place08 .area-wrap:before,
#venues .venuesArea .venuesBox.p-style#place09 .area-wrap:before{
border-color: #294354 transparent transparent transparent !important;
}
#venues .venuesArea .venuesBox.p-style#place01 a:after,
#venues .venuesArea .venuesBox.p-style#place03 a:after,
#venues .venuesArea .venuesBox.p-style#place08 a:after,
#venues .venuesArea .venuesBox.p-style#place09 a:after,
#venues .venuesArea .venuesBox.p-style#place01 .area-wrap:after,
#venues .venuesArea .venuesBox.p-style#place03 .area-wrap:after,
#venues .venuesArea .venuesBox.p-style#place08 .area-wrap:after,
#venues .venuesArea .venuesBox.p-style#place09 .area-wrap:after{
border-color:  #a8bbc7 transparent transparent transparent !important;
}
#venues .venuesArea .venuesBox.p-style#place02 a:before,
#venues .venuesArea .venuesBox.p-style#place05 a:before,
#venues .venuesArea .venuesBox.p-style#place06 a:before,
#venues .venuesArea .venuesBox.p-style#place02 .area-wrap:before,
#venues .venuesArea .venuesBox.p-style#place05 .area-wrap:before,
#venues .venuesArea .venuesBox.p-style#place06 .area-wrap:before{
border-color: transparent #294354 transparent transparent !important;
}

#venues .venuesArea .venuesBox.p-style#place02 a:after,
#venues .venuesArea .venuesBox.p-style#place05 a:after,
#venues .venuesArea .venuesBox.p-style#place06 a:after,
#venues .venuesArea .venuesBox.p-style#place02 .area-wrap:after,
#venues .venuesArea .venuesBox.p-style#place05 .area-wrap:after,
#venues .venuesArea .venuesBox.p-style#place06 .area-wrap:after{
border-color: transparent #a8bbc7 transparent transparent !important;
}
#venues .venuesArea .venuesBox.p-style#place04 a:before,
#venues .venuesArea .venuesBox.p-style#place07 a:before,
#venues .venuesArea .venuesBox.p-style#place10 a:before,
#venues .venuesArea .venuesBox.p-style#place04 .area-wrap:before,
#venues .venuesArea .venuesBox.p-style#place07 .area-wrap:before,
#venues .venuesArea .venuesBox.p-style#place10 .area-wrap:before{
border-color:transparent transparent #294354 transparent;
}
#venues .venuesArea .venuesBox.p-style#place04 a:after,
#venues .venuesArea .venuesBox.p-style#place07 a:after,
#venues .venuesArea .venuesBox.p-style#place10 a:after,
#venues .venuesArea .venuesBox.p-style#place04 .area-wrap:after,
#venues .venuesArea .venuesBox.p-style#place07 .area-wrap:after,
#venues .venuesArea .venuesBox.p-style#place10 .area-wrap:after{
border-color:transparent transparent #a8bbc7 transparent;
}




#venues .venuesArea .venuesBox.p-style .area{width: 83%;}

#presenters-mask{ height: 100%; background: #f2f2f2;}
#presenters .presentersBox {margin-bottom: 50px;}
#presenters .presentersArea{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content:flex-start;
}
#presenters .presentersArea p{margin-bottom: 0;}
#presenters .presentersArea .presentersBox{flex-basis:49%; margin-right: 2%;}
#presenters .presentersArea .presentersBox:nth-child(2n){margin-right: 0;}
#presenters .presentersArea .presentersBox .imgBox{display: inline-block; width : 22%; vertical-align: top;}
#presenters .presentersArea .presentersBox .imgBox img{
width:  100px;
height: 100%;
border-radius:20%;
}
#presenters .presentersArea .presentersBox .txtBox{display: inline-block; width : 76%; vertical-align: top; padding-left: 10px;}
#presenters .presentersArea .presentersBox .nameBox{font-weight: bold;}
#presenters .presentersArea .presentersBox .txtBox .titleBox{
font-size: 0.8em;
margin-bottom: 10px;
border-bottom: 1px dotted #8f9a9f;
padding-bottom: 5px;
}
#presenters .presentersArea .presentersBox .scheduleBox{margin-top: 10px;}
#presenters .presentersArea .presentersBox .scheduleBox .ttl{
border-bottom: 1px dotted #8f9a9f;
padding-bottom: 10px;
}
#presenters .presentersArea .presentersBox .scheduleBox .infocp{
background-color: #123a65;
color: #fff;
font-size: 11px;
font-weight: normal;
padding: 0px 6px;
border-radius: 3px;
vertical-align: bottom;
display: inline-block;
}
#presenters .presentersArea .presentersBox .scheduleBox .pre-link{
margin-top: 10px;
}
#presenters .presentersArea .presentersBox .scheduleBox .pre-link a{
color: #000;
text-decoration: underline;
}
#presenters .presentersArea .presentersBox .scheduleBox .pre-link .infocp{
margin-right: 5px;
vertical-align: top;
}

#presenters .presentersArea .presentersBox .scheduleBox .ttl .detail{
display: block;
line-height: 1.4;
margin-top: 10px;
}


/*
#presenters .presentersArea .presentersBox .scheduleBox li{display: inline-block;}
#presenters .presentersArea .presentersBox .scheduleBox li:after{content: ','; margin-right: 5px;}
#presenters .presentersArea .presentersBox .scheduleBox li:last-child:after{content: ''}
*/

#presenters .presentersArea .presentersBox.delighter{
transition: all .5s ease-out;
opacity: 0;
}

#presenters .presentersArea .presentersBox.delighter.started{
transform: none;
opacity: 1;
}
#presenters .pre-link{font-size:0.8em;}
#presenters .pre-link .glyphicon{font-size: smaller;}


#saying{
background: url(/sites/default/files/contents/kidsclub/oped2026/images/oped_bg01.png) no-repeat top center;
background-size: cover;
}
#saying .wrap{
background: url("/sites/default/files/contents/kidsclub/oped2026/images/bg-op.png")left top repeat;
}
#saying .sayingArea{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

#saying .sayingArea.delighter{
transition: all .5s ease-out;
opacity: 0;
}

#saying .sayingArea.delighter.started{
transform: none;
opacity: 1;
}

#saying .sayingArea:nth-child(odd){
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#saying .sayingArea .sayingArea_detail{
min-width: 100px;
max-width: 20%;
margin-right: 1%;
}
#saying .sayingArea .sayingArea_detail .sayingArea_img img{
width: 100px;
height: 100%;
background-color: #ffffff6b;
border-radius: 10px;
padding-top: 10px;
}

#saying .sayingArea .sayingArea_txt{
position: relative;
display: inline-block;
margin: 0 0 1.5em 15px;
padding: 10px 20px;
min-width: 120px;
max-width: 60%;
color: #555;
font-size: 16px;
background: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 0.5rem 2rem rgba(0,0,0,0.1);
box-shadow: 0 0.5rem 2rem rgba(0,0,0,0.1);
z-index: 1;
}

#saying .sayingArea .sayingArea_txt:before{
content: "";
position: absolute;
top: 30%;
left: -30px;
margin-top: -15px;
border: 15px solid transparent;
border-right: 15px solid #fff;
}

#saying .sayingArea .sayingArea_txt p{
margin: 0;
padding: 0;
color: #123a65;
}

#saying .sayingArea .sayingArea_txt p.sayingArea_txtname{
text-align: right;
margin-top: 10px;
font-weight: bold;
}
#saying .sayingArea .sayingArea_txt p.sayingArea_txtname .nameBox{
margin-right: 5px;
}
#saying .sayingArea .sayingArea_txt p.sayingArea_txtname .titleBox{font-size: 0.8em;}

#mv{background-color: #123a65;}

#mv .mvArea{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
#mv .mvArea iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#benefits{background-color: #e3f2fc;}
#benefits .benefitsArea{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
align-items: stretch;
justify-content:space-between;
}
#benefits .benefitsArea .benefitsBox{
flex-basis: 32%;
background-color: #fff;
border-radius: 10px;
padding: 20px 10px;
margin-right: 1%;
}
#benefits .benefitsArea .benefitsBox:last-child{margin-right: 0;}
#benefits .benefitsArea .benefitsBox.delighter{
transition: all .5s ease-out;
opacity: 0;
}
#benefits .benefitsArea .benefitsBox.delighter.started{
transform: none;
opacity: 1;
}
#benefits .ttl-h1{margin-bottom: 20px;}
#benefits .benefits_note{text-align: center; margin-bottom: 20px;}
#benefits .benefitsArea .benefitsBox .ttl{text-align: center; background-color: #e3f2fc; padding: 10px; border-radius: 10px; color: #123a65;}
#benefits .benefitsArea .benefitsBox .imgBox{
padding: 20px 0;
min-height: 250px;
display: flex;
justify-content: center;
align-items: center;
}
#benefits .benefitsArea .benefitsBox .imgBox img{
	width:80%; height: auto;
}
#benefits .benefitsArea .benefitsBox.box02 .imgBox img{
	width:92%; height: auto;
}
#benefits .benefitsArea .benefitsBox .txtBox{line-height: 1.4; margin-top: auto;}
#benefits .benefitsArea .benefitsBox .cap{margin-top: 10px; font-size: 0.75em;}
#benefits .benefitsArea .benefitsBox .countBox.count{color:#AB0002; text-align: center; margin: 13px 0; line-height: 1;}
#benefits .benefitsArea .benefitsBox .countBox.count .count01{font-size:8em; display: block;}
#benefits .benefitsArea .benefitsBox .countBox.count .count02{font-size:6em;}

@media screen and (max-width: 768px){
.switch_pc{display: none;}
.switch_sp{display: block;}

#topArea .contentWrap{
max-width: 100%;
width:100%;
}
#topArea h1{
padding: 20px;
}

}

/* 767px以下用：タブレット／*/
@media screen and (max-width: 768px) and (orientation: portrait){

.contentWrap{max-width: 100%; width: 90%;}
#venues .venuesArea .venuesBox a,
#venues .venuesArea .venuesBox .area-wrap{
  padding: 8px 0 8px 8px;
}
#venues .venuesArea .venuesBox .area{font-size: 12px;}
#venues .venuesArea .venuesBox .glyphicon{font-size: 9px;}
#venues .venuesArea .venuesBox#place07 {top: 87%;}

#venues .venuesArea .venuesBox#place01 a:before{border-width: 21px 6px 0 6px;}
#venues .venuesArea .venuesBox#place01 a:after{border-width: 19px 4px 0 4px;}
#venues .venuesArea .venuesBox#place02 a:before{border-width: 6px 31px 6px 0px;}
#venues .venuesArea .venuesBox#place02 a:after {border-width: 4px 30px 4px 0;}

#venues .venuesArea .venuesBox#place03 a:before{border-width: 31px 6px 0 6px;}
#venues .venuesArea .venuesBox#place03 a:after {border-width:27px 4px 0 4px; top:92.2%;left: 40.5%;}

#venues .venuesArea .venuesBox#place04 a:before{border-width: 0 6px 80px 6px; top:-165%;}
#venues .venuesArea .venuesBox#place04 a:after {border-width: 0px 4px 71px 4px; top:-147%;}
#venues .venuesArea .venuesBox#place05 a:before{border-width: 6px 20px 6px 0px; left: -12%;}
#venues .venuesArea .venuesBox#place05 a:after{border-width: 4px 18px 4px 0; left: -10%;}
#venues .venuesArea .venuesBox#place06 a:before{border-width: 0 6px 33px 6px;}
#venues .venuesArea .venuesBox#place06 a:after {border-width: 0px 4px 26px 4px;}
#venues .venuesArea .venuesBox#place07 a:before{border-width: 0px 6px 50px 6px; left: 85.5%; top: -103%;}
#venues .venuesArea .venuesBox#place07 a:after{border-width: 0 4px 40px 4px; left: 87%; top: -79%;}
#venues .venuesArea .venuesBox#place08 a:before{border-width: 47px 6px 0 6px;left: 19.5%; top: 95%;}
#venues .venuesArea .venuesBox#place08 a:after {border-width: 43px 4px 0 4px; top: 95%;}
#venues .venuesArea .venuesBox#place09 a:before{border-width: 25px 6px 0 6px; left: 12.5%;}
#venues .venuesArea .venuesBox#place09 a:after{border-width: 20px 4px 0 4px; left: 14%;}
#venues .venuesArea .venuesBox#place10 a:before{border-width: 0 6px 84px 6px; top: -82px;}
#venues .venuesArea .venuesBox#place10 a:after{border-width: 0 4px 76px 4px;top: -74px;}
/*--アンカーないとき版--*/
#venues .venuesArea .venuesBox#place01 .area-wrap:before{border-width: 21px 6px 0 6px;}
#venues .venuesArea .venuesBox#place01 .area-wrap:after{border-width: 19px 4px 0 4px;}
#venues .venuesArea .venuesBox#place02 .area-wrap:before{border-width: 6px 31px 6px 0px;}
#venues .venuesArea .venuesBox#place02 .area-wrap:after {border-width: 4px 30px 4px 0;}

#venues .venuesArea .venuesBox#place03 .area-wrap:before{border-width: 31px 6px 0 6px;}
#venues .venuesArea .venuesBox#place03 .area-wrap:after {border-width:27px 4px 0 4px; top:92.2%;left: 40.5%;}

#venues .venuesArea .venuesBox#place04 .area-wrap:before{border-width: 0 6px 80px 6px; top:-165%;}
#venues .venuesArea .venuesBox#place04 .area-wrap:after {border-width: 0px 4px 71px 4px; top:-147%;}
#venues .venuesArea .venuesBox#place05 .area-wrap:before{border-width: 6px 20px 6px 0px; left: -12%;}
#venues .venuesArea .venuesBox#place05 .area-wrap:after{border-width: 4px 18px 4px 0; left: -10%;}
#venues .venuesArea .venuesBox#place06 .area-wrap:before{border-width: 0 6px 33px 6px;}
#venues .venuesArea .venuesBox#place06 .area-wrap:after {border-width: 0px 4px 26px 4px;}
#venues .venuesArea .venuesBox#place07 .area-wrap:before{border-width: 0px 6px 50px 6px; left: 85.5%; top: -103%;}
#venues .venuesArea .venuesBox#place07 .area-wrap:after{border-width: 0 4px 40px 4px; left: 87%; top: -79%;}
#venues .venuesArea .venuesBox#place08 .area-wrap:before{border-width: 47px 6px 0 6px;left: 19.5%; top: 95%;}
#venues .venuesArea .venuesBox#place08 .area-wrap:after {border-width: 43px 4px 0 4px; top: 95%;}
#venues .venuesArea .venuesBox#place09 .area-wrap:before{border-width: 25px 6px 0 6px; left: 12.5%;}
#venues .venuesArea .venuesBox#place09 .area-wrap:after{border-width: 20px 4px 0 4px; left: 14%;}
#venues .venuesArea .venuesBox#place10 .area-wrap:before{border-width: 0 6px 84px 6px; top: -82px;}
#venues .venuesArea .venuesBox#place10 .area-wrap:after{border-width: 0 4px 76px 4px;top: -74px;}


/*----*/


#presenters .presentersArea .presentersBox .txtBox{padding-left: 10px;}
#presenters .presentersArea .presentersBox .txtBox .titleBox{font-size: 0.9em;}
#presenters .presentersArea .presentersBox .scheduleBox .ttl{font-size: 0.9em;}
#under, h1, h2{font-size:13px;}
#benefits .benefitsArea .benefitsBox .imgBox{min-height:auto;}

}

/* 767px以下用：landscape用の記述 */
@media screen and (max-width: 768px) {
.breadcrumb>li{display: inline;}
.breadcrumb > li + li:before{margin-left: 0; padding: 0 0 0 8px;}
.ns_headerBottom_inner{padding: 0 5px;}
.contentWrap{
	width: 90%;
	padding: 30px 0;
	word-break: break-word;
}
.ttl-h1{margin-bottom: 30px; font-size: 1.5em;}
#en .ttl-h1{margin-bottom: 30px; font-size: 1.5em;}
#topArea{
background-size: cover;
background-position: top right;
}
#topArea .contentWrap{
display: block;
padding: 0 0 20px;
width: 100%;
}

#topArea .topArea_txt{width: 100%;}
#topArea .topArea_txt .ttl{
background-color:#ffffffd4;
padding: 10px 5%;
margin-bottom: 0;
}

#summary .contentWrap .catchBox{
font-size: min(20px,5vw);
margin-bottom: 40px;
line-height: 1.6;
}

#venues .venuesArea .venuesBox .infocp{margin-left: 0; margin-top: 5px;}
#navArea{padding: 0;}
#navArea.fixed .contentWrap{padding: 0 0 5px 0;}	
#navArea ul{-webkit-flex-wrap:wrap; flex-wrap: wrap;}
#navArea ul li{flex-basis: 50%; text-align: center; line-height: 1.2;}
#navArea ul li.register-btn{flex-basis: 64%;}
#navArea ul li a{padding: 0; margin: 10px 0;}
#navArea ul li.register-btn a, #navArea ul li a:hover{padding: 5px;margin-top: 5px;}

#navArea.fixed ul li.register-btn a{padding: 5px 24px; margin-top: 0; margin-bottom: 3px;}
#summary .summary_catch{font-size: 1.5em; line-height: 1.2;}
#summary .summary_detail{padding: 0;}
#summary .summary_detail dt{width:100%;}
#summary .summary_detail dd{width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
#en #summary .summary_detail dt{ width:100%;}
#en #summary .summary_detail dd{width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}

#venues .venuesArea{
position: static;
height: auto;
background-size: 100%;
padding-top: 54%;
margin-bottom: 0;
}

#venues .venuesArea .venuesBox{
position: static;
width: 100%;
margin-bottom: 20px;
}

#venues .venuesArea .venuesBox#place01 a:before,
#venues .venuesArea .venuesBox#place02 a:before,
#venues .venuesArea .venuesBox#place03 a:before,
#venues .venuesArea .venuesBox#place04 a:before,
#venues .venuesArea .venuesBox#place05 a:before,
#venues .venuesArea .venuesBox#place06 a:before,
#venues .venuesArea .venuesBox#place07 a:before,
#venues .venuesArea .venuesBox#place08 a:before,
#venues .venuesArea .venuesBox#place09 a:before,
#venues .venuesArea .venuesBox#place10 a:before{border:none;}
#venues .venuesArea .venuesBox#place01 a:after,
#venues .venuesArea .venuesBox#place02 a:after,
#venues .venuesArea .venuesBox#place03 a:after,
#venues .venuesArea .venuesBox#place04 a:after,
#venues .venuesArea .venuesBox#place05 a:after,
#venues .venuesArea .venuesBox#place06 a:after,
#venues .venuesArea .venuesBox#place07 a:after,
#venues .venuesArea .venuesBox#place08 a:after,
#venues .venuesArea .venuesBox#place09 a:after,
#venues .venuesArea .venuesBox#place10 a:after{border:none;}
/*--アンカーない版--*/
#venues .venuesArea .venuesBox#place01 .area-wrap:before,
#venues .venuesArea .venuesBox#place02 .area-wrap:before,
#venues .venuesArea .venuesBox#place03 .area-wrap:before,
#venues .venuesArea .venuesBox#place04 .area-wrap:before,
#venues .venuesArea .venuesBox#place05 .area-wrap:before,
#venues .venuesArea .venuesBox#place06 .area-wrap:before,
#venues .venuesArea .venuesBox#place07 .area-wrap:before,
#venues .venuesArea .venuesBox#place08 .area-wrap:before,
#venues .venuesArea .venuesBox#place09 .area-wrap:before,
#venues .venuesArea .venuesBox#place10 .area-wrap:before{border:none;}
#venues .venuesArea .venuesBox#place01 .area-wrap:after,
#venues .venuesArea .venuesBox#place02 .area-wrap:after,
#venues .venuesArea .venuesBox#place03 .area-wrap:after,
#venues .venuesArea .venuesBox#place04 .area-wrap:after,
#venues .venuesArea .venuesBox#place05 .area-wrap:after,
#venues .venuesArea .venuesBox#place06 .area-wrap:after,
#venues .venuesArea .venuesBox#place07 .area-wrap:after,
#venues .venuesArea .venuesBox#place08 .area-wrap:after,
#venues .venuesArea .venuesBox#place09 .area-wrap:after,
#venues .venuesArea .venuesBox#place10 .area-wrap:after{border:none;}

#venues .venuesArea .venuesBox .venues_place{
display: inline-block;
margin-right: 10px;
}


#venues .venuesArea .venuesBox#place07{
width: 100%;
}
#en #venues .venuesArea .venuesBox{
  width: 100%;
}
#venues .venuesArea .venuesBox a,
#venues .venuesArea .venuesBox .area-wrap{
font-size: 1.2em;
/* display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
align-items:center; */
padding: 12px 0 12px 16px;
}

#venues .venues_note02{
  padding:0 5%;
  font-size:18px;
  line-height: 1.8;
  margin-bottom: 100px;
  text-align: left;
}
#en #venues .venues_note02{
  text-align: center;
}

#venues .venuesArea .venuesBox a .venues_place,
#venues .venuesArea .venuesBox .area-wrap .venues_place{
  flex-basis: 25%;
  width: 100%;
}
#en #venues .venuesArea .venuesBox a .venues_place,
#en #venues .venuesArea .venuesBox .area-wrap .venues_place{
  flex-basis: 34%
}

#venues .venuesArea .venuesBox a .venues_date,
#venues .venuesArea .venuesBox .area-wrap .venues_date{
  flex-basis: 70%;
}
#en #venues .venuesArea .venuesBox a .venues_date,
#en #venues .venuesArea .venuesBox .area-wrap .venues_date{
  flex-basis: 65%;
}
#venues .venuesArea .venuesBox .area{font-size: 1em;}
#venues .venuesArea .venuesBox a .glyphicon,
#venues .venuesArea .venuesBox .area-wrap .glyphicon{
  flex-basis: 5%;
  top:auto;
  font-size: 1em;
  right: 10px;
}



#venues .venuesArea .venuesBox#place01, 
#venues .venuesArea .venuesBox#place03,
#venues .venuesArea .venuesBox#place05,
#venues .venuesArea .venuesBox#place07, 
#venues .venuesArea .venuesBox#place09{transition: all .3s ease-out; transform: translateX(-100%);}
#venues .venuesArea .venuesBox#place02,
#venues .venuesArea .venuesBox#place04,
#venues .venuesArea .venuesBox#place06,
#venues .venuesArea .venuesBox#place08,
#venues .venuesArea .venuesBox#place10{transition: all .3s ease-out; transform: translateX(100%);}

#presenters{background-size: cover; background: none;}
#presenters .presentersArea .presentersBox .imgBox img{width:100%; height: 100%;}
#presenters .presentersArea .presentersBox{flex-basis:100%; margin-right: 0;}
#presenters .presentersArea .presentersBox .txtBox{padding-left: 10px; line-height: 1.4;color: #000;}
#presenters .presentersArea .presentersBox .txtBox .titleBox{font-size: 1em;}
#presenters .presentersArea .presentersBox .scheduleBox{margin-top:5px; }
#presenters .presentersArea .presentersBox .scheduleBox .ttl{font-size: 1em;}
#presenters .pre-link{font-size:1em;}
#saying .sayingArea{
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-bottom: 20px;
}
#saying .sayingArea .sayingArea_txt{max-width: 100%; margin-left: 0; font-size:inherit; }
#saying .sayingArea .sayingArea_txt:before{
top: 100%;
left: 14%;
margin-left: -15px;
border-right: none;
border: 15px solid transparent;
border-top: 15px solid #fff;
margin-top: 0;
}

#saying .sayingArea .sayingArea_txt p.sayingArea_txtname .nameBox{margin-right: 0;}
#saying .sayingArea .sayingArea_txt p.sayingArea_txtname .titleBox{font-size: 1em;}
#saying .sayingArea .sayingArea_txt p.sayingArea_txtname{text-align: left; line-height: 1.2;}

#benefits .benefitsArea{display: block;}
#benefits .benefitsArea .benefitsBox{flex-basis: 100%; margin-bottom: 20px;}
/*#benefits .benefitsArea .benefitsBox .countBox.count .count01,#benefits .benefitsArea .benefitsBox .countBox.count .count02{display: inline;font-size:20vw;}*/
}