.kids {font-size:1.2em;}
.kids .kidsDot{background-image: url("../img/kids-dotted.png");background-color:rgba(255,255,255,0.45);background-blend-mode:lighten;}
.kids .kidsHedaer{position:relative;height:40vw;display:flex;align-items:center;justify-content:center;}
.kids .kidsHedaer nav{position:absolute;left:8%;top:8%;background:#f0f0f0;}
.kids .kidsHedaer h1.content-title{position: absolute;right: calc(50% - 3em - 250px);background: none;font-size:3em;top:8%;display: inline-block;width: auto;}
.kids .kidsHedaer .locus{background:unset;}
.kids .kidsHedaer .locus li{background: #FFF;padding: 0.5em;border-radius: 20px;}
.kids .kidsHedaer .mainImg img{width:auto;height:auto;max-width:800px;}
.kids .wave{margin:-75px 0 0 0;padding:0;height:75px;background:url("../img/kids-wave.png");}
.kids .kidsBox{background:#F5F5F5;}
.kids .kidsBox .wrap{width:100%;display:flex;flex-wrap:wrap;}
.kids .kidsBox .search{justify-content:center;padding:40px 0;font-size:1.5em;}
.kids .kidsBox .search .label{letter-spacing:6px;margin-right:12px;}
.kids .kidsBox .search form{display:flex;}
.kids .kidsBox .search input[type="text"]{padding-left:0.75em;line-height:2.6em;width:300px;border:4px solid #333;border-right:none;}
.kids .kidsBox .search input[type="submit"]{text-indent:-99px;width:54px;line-height:2.6em;background:#FFF url("../img/kids-search.png") no-repeat center center;background-size:32px;letter-spacing:6px;font-weight:bold;cursor:pointer;border:4px solid #333;border-left:none;}
.kids .kidsBox .search input:placeholder{color:#999;}
.kids .kidsBox .menuBox{width:auto;max-width:900px;margin:0 auto;}
.kids .kidsBox .menu {display:flex;flex-wrap:wrap;}
.kids .kidsBox .menu li{width:40%;margin-bottom:40px;}
.kids .kidsBox .menu.menu1 li{margin-left:5%;}
.kids .kidsBox .menu.menu2{justify-content:flex-end;}
.kids .kidsBox .menu.menu2 li{text-align:right;}
.kids .kidsBox .menu li img{width:auto;max-width:260px;height:auto;}
.kids .banner ul{display:flex;gap:100px;}
.kids .banner li{width:50%;text-align:center;border:4px solid #333;border-radius:40px;padding: 1em 0.5rem;margin:80px 0;background:#FFF;font-size: 1.2rem;}
@media (width < 1200px) {
  .kids .kidsHedaer .locus{font-size:1rem;}
  .kids .kidsHedaer .mainImg img{max-width:640px;}
  .kids .kidsHedaer h1.content-title{font-size:2.5em;}
}
@media (width < 992px) {
  .kids .kidsHedaer h1.content-title{right:1em;}
  .kids .kidsHedaer{height:50vw;}
  .kids .kidsHedaer .mainImg img{max-width:480px;}
  .kids .kidsBox .menu.menu2{margin-right:4%;}
  .kids .banner ul{display:block;}
  .kids .banner li{width:80%;margin:40px auto;}
  .kids .kidsBox{padding-bottom:40px;}
}
@media (width < 768px) {
  .kids .kidsHedaer .mainImg img{max-width:86%;}
  .kids .kidsBox .search.wrap,
  .kids .kidsHedaer,
  .kids .kidsHedaer nav,
  .kids .kidsHedaer h1.content-title{display:block;position:relative;left:unset;right:unset;top:unset;}
  .kids .kidsHedaer{height:auto;}
  .kids .kidsHedaer h1.content-title{font-size:2em;text-align:center;margin:2rem 0;}
  .kids br.onlyPC{display:none;}
  .kids .kidsHedaer .mainImg{text-align:center;}
  .kids .wave{margin-top:60px;height:45px;background-size:60%;background-repeat:repeat-x;}
  .kids .kidsBox .search .label{display:block;margin:20px auto;text-align:center;}
  .kids .kidsBox .search form{justify-content: center;}
  .kids .kidsBox .search input{margin: 0;}
  .kids .kidsBox .menu li img{width:auto;max-width:36vw;height:auto;}
  .kids .banner li{width:96%;font-size:0.95em;}
  .kids .kidsBox .menu.menu2 li{margin-left:5%;}
  .kids .kidsDot{padding-top:60px;}
}
@media (width < 520px) {
  .kids .wave{height:30px;}
}