@charset "utf-8";

/*setting*/
em{font-style:normal}
.m_content a{display:block;}
.m_content{min-width:320px;padding-top:60vw;}

/*header*/
.head h1{padding-top: 30px;width:75%;height:60px}
.head h1 img{width:100%}
.menu{min-width:320px;width:80%;}
.menu>ul>li>a{width:40%;}
.depth_box{left:45%;}
@media all and (min-width:768px){
.head h1{width:auto}
.menu{width:100%;}
.menu>ul{text-align:center}
.menu>ul>li{display:inline-block;width: auto;float:none;}
.menu>ul>li>a{width:auto;padding: 24px 10px 0 10px;font-size: 18px;}
.depth_box{left:0;}
}
@media all and (min-width:1024px){
.menu{width:calc(100% - 394px)}
.menu>ul>li{}
.menu>ul>li>a{padding:34px 10px 0 10px}
.menu1 .depth_boxcon ul{margin-left:280px;}
.menu2 .depth_boxcon ul{margin-left:380px;}
.menu3 .depth_boxcon ul{float:none;text-align:center}
.menu3 .depth_boxcon ul li{float:none;display:inline-block;}
.menu4 .depth_boxcon ul{float:none;text-align:center}
.menu4 .depth_boxcon ul li{float:none;display:inline-block;}
.menu5 .depth_boxcon ul{margin-left:700px}
.menu6 .depth_boxcon ul{float:right}
.menu7 .depth_boxcon ul{float:right}
}

/*button style*/
.btn_set a{background:url(/images/12_childcare/main/icon.png) no-repeat;display:inline-block;}
.btn_set span{position:absolute;left:-50000%}

/*visual*/
.visual{width:100%;position:absolute;top:135px;}
.visual_wrap{position:relative;z-index:-1;}
.visual li{width:100%;height:100vw;background:url(/images/12_childcare/main/img_visual01.jpg) bottom;background-size:cover}
.visual li span{width:60%;padding:30px 0 0 20px;display:block;}
.visual li img{max-width:100%;}
.visual .btn_set{position:absolute;top:30%;left:20px;z-index:0}
.visual .btn_set a{width:18px;height:28px;margin:0 10px 0 0;}
.visual .btn_set .prev{background-position:0px -40px;}
.visual .btn_set .stop{background-position:-46px -40px;}
.visual .btn_set .play{background-position:-97px -40px;}
.visual .btn_set .next{background-position:-140px -40px;}
/*contents*/
.con{position:relative;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(246,246,244,1) 38%);}
/*.con{position:relative;top:60vw;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(246,246,244,1) 38%);}*/
.con_wrap{max-width:1200px;margin:0 auto;padding:0 20px 50px;position:relative;}
.con_wrap:after{display:block;clear:both;content:""}
/*toy searching*/
.toy_searching{padding:20px;background:url(/images/12_childcare/main/bg_cover.png) no-repeat rgba(222,78,70,.8);box-sizing:border-box;}
.toy_searching h2{font-size:1.25rem;font-weight:600;color:#fff;padding:0 0 20px;position:relative}
.toy_searching h2 label{margin:2px 0 0;display:inline-block}
.toy_searching a{padding:5px 10px;margin:0 0 0 20px;font-size:0.875rem;color:#fff;background:#001870;border-radius:10px;display:inline-block;}
.toy_wrap{position:relative}
.sel_list{height:40px;padding:10px;border:0;}
.sel_txt{width:calc(100% - 134px);height:40px;padding:11px;position:absolute;top:0;left:75px;box-sizing:border-box}
.sel_submit{width:60px;height:40px;background:#000043;color:#fff;position:absolute;top:0;right:0;}
/*infozone*/
.infozone{position:relative;}
.infozone .info_wrap{height:100%;overflow:hidden;}
.infozone ul:after{display:block;clear:both;content:""}
.infozone li{width:100%;text-align:center;background:#84868d;float:left;}
.infozone li img{max-width:100%;}
.infozone .btn_set{position:absolute;bottom:0;right:0;}
.infozone .btn_set a{width:50px;height:50px;background-color:#001870;}
.infozone .btn_set .prev{background-position:16px -76px;}
.infozone .btn_set .stop{background-position:-33px -76px;}
.infozone .btn_set .play{background-position:-82px -76px;}
.infozone .btn_set .next{background-position:-126px -76px;}
/*quick_link*/
.quick_link{background:#fff;border:1px solid #d7d7d7;box-sizing:border-box}
.link_wrap{padding:20px 0}
.quick_link ul:after{display:block;clear:both;content:""}
.quick_link li{width:33.33%;float:left;margin:0 0 30px;height: 100px;}
.quick_link li:nth-of-type(7){margin:0;}
.quick_link li:nth-of-type(8){margin:0;}
.quick_link li a{text-align:center}
.quick_link li i{width:50px;height:50px;background:url(/images/12_childcare/main/icon.png) no-repeat #fdefbf;border-radius:50%;background-size:135px 543px;display:inline-block;}
.quick_link li:nth-of-type(1) i{background-position:6px -187px;}
.quick_link li:nth-of-type(2) i{background-position:-73px -187px;}
.quick_link li:nth-of-type(3) i{background-position:4px -285px;}
.quick_link li:nth-of-type(4) i{background-position:-73px -286px;}
.quick_link li:nth-of-type(5) i{background-position:4px -383px;}
.quick_link li:nth-of-type(6) i{background-position:-73px -383px;}
.quick_link li:nth-of-type(7) i{background-position:6px -479px;}
.quick_link li:nth-of-type(8) i{background-position:-73px -479px;}
.quick_link span{padding:15px 0 0;word-break:keep-all;display:block;line-height: 1.2em;}
/*calendar*/
.cal_box{padding:28px 10px;margin:0 auto;background:url(/images/12_childcare/main/bg_calendar.png) bottom right no-repeat #000043;background-size:cover;box-sizing:border-box}
.cal_box .btn_set{position:relative}
.cal_box .btn_set a{width:30px;height:30px;position:absolute;top:-5px}
.cal_box .btn_set .prev{background-position:3px 4px;left:10px;}
.cal_box .btn_set .next{background-position:-58px 4px;right:10px;}
.cal_box .btn_set .date{font-weight:400;font-size:1.25rem;color:#fff;text-align:center;}
.cal_box .btn_set .date strong{font-weight:900;color:#f57164}
.cal_box table{width:100%;margin:20px 0 0;text-align:center;}
.cal_box th, .cal_box td{padding:5px 0 0;text-align:center;color:#fff;font-size:0.9375rem;}
.cal_box th{padding:5px 0 10px;}
.cal_box td a{width:28px;height:28px;line-height:28px;color:#fff;display:inline-block}
.cal_box .sun, .cal_box .sun a{color:#f57164}
.cal_box .sat, .cal_box .sat a{color:#0fa7ee}
.cal_box .today a{color:#fff;border-radius:50%;background:#de4e46;}
.cal_box .event a{text-decoration:underline;}
.list_box{padding:40px 20px;margin:0 auto;border:1px solid #d7d7d7;background:#fff;box-sizing:border-box;}
.list_box h3{font-size:1.25rem;padding:3px 0 13px 50px;border-bottom:1px solid #d9d9d9;background:url(/images/12_childcare/main/icon.png) no-repeat 0px -146px}
.list_box h3 span{font-size:0.875rem;color:#333;vertical-align:bottom;}
.list_box ul{padding:20px 0 30px;}
.list_box li{padding:0 0 5px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
.list_box li:before{width:3px;height:3px;background:#757575;display:inline-block;content:"";position:absolute;top:5px;left:0;}
.list_box li a{line-height:1.6}
.list_box li strong{padding:0 5px;color:#c91c2f;display:inline-block;}
.list_box li span{width:50px;height:24px;line-height:24px;text-align:center;border-radius:5px;color:#fff;display:block;float:right;}
.list_box li .soon{background:#757575;}
.list_box li .progress{background:#001870;}
.list_box li .soldout{background:#de4e46;}
.list_box li .soldout{background:#de4e46;}
.list_box .more{width:130px;line-height:38px;background:#000043;color:#fff;font-weight:600;display:inline-block}
.test:after{display:block;clear: both;content:""}
/*bbs*/
.board{padding:40px 20px 20px;border:1px solid #d7d7d7;border-top:0;background:#fff;box-sizing:border-box;}
.board .board_wrap{height:260px;box-sizing:border-box;position:relative;}
.board h2{float:left;padding:0 15px;line-height:1.4;text-align:center;position:relative;}
.board h2:before{width:1px;height:10px;background:#3b3c51;content:"";position:absolute;top:20%;right:0;}
.board h2:last-of-type:before{width:0;}
.board h2 a{display:inline-block;font-size:1rem;color:#333;position:relative}
.board h2.on a{font-weight:600;color:#000;font-size:1.25rem;}
.board h2.on:after{display:block;height:3px;background:#de4e46;content:"";}
.board .list{display:none;}
.board .list.on{display:block;}
.board .list>ul{width:100%;padding:30px 0 0;position:absolute;top:30px;left: 0;}
.board .list li{padding:0 0 0 20px;line-height:30px;position:relative}
.board .list li:before{width:5px;height:5px;background:#000;border-radius:50%;transform:translate(50%, -50%);position:absolute;top:50%;left:0;content:"";}
.board .list a{font-size:14px;color:#363636;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board .list em{display:none;}
.board .more{width:30px;height:30px;background:url(/images/12_childcare/main/icon.png) 5px -195px no-repeat;position:absolute;bottom:0;left:45%;}
/*information*/
.information{padding:40px 20px 20px;border:1px solid #d7d7d7;border-top:0;background:#fff;position:relative;box-sizing:border-box;}
.information h2{font-size:1.25rem;}
.information .info_wrap{margin:40px 0 20px;overflow-x:auto}
.information ul{width:652px;}
.information ul:after{display:block;clear:both;content:""}
.information li{width:calc(33.33% - 9px);margin:0 9px 0 0;float:left;}
.information li:last-child{width:33.33%;margin:0}
.information li span{height:142px;border:1px solid #d7d7d7;display:block;box-sizing:border-box;overflow:hidden}
.information li img{max-width:100%}
.information li strong{padding:20px 10px 0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.information .more{width:30px;height:30px;background:url(/images/12_childcare/main/icon.png) 5px -195px no-repeat;position:absolute;top:35px;right:20px;}

@media all and (max-width:359px) {
.cal_box th, .cal_box td{padding:2px;}
.list_box h3{padding:3px 0 10px 40px;}
.board h2{padding:0 9px;}
}

/* Tablet */
@media all and (min-width:768px) {
/*visual*/
.visual{top:206px}
.visual li{height:530px;background-size:1540px;background-position:-360px 30%}
.visual .btn_set{top:174px;}
/*contents*/
.m_content{padding-top:339px;}
.con_wrap{padding:0 30px 50px;}
/*toy searching*/
.toy_searching>*{display:inline-block;width:calc(50% - 4px);}
.toy_searching h2{padding:8px 0 0;}
/*infozone*/
.infozone{width:calc(100% - 257px);height:calc(60vw / 1.006);float:left;}
/*quick_link*/
.quick_link{width:257px;height:calc(60vw / 1.006);background:rgba(251,251,251,.7);border-bottom:0;float:left;}
.link_wrap{padding:10px 30px}
.quick_link li{width:50%;margin: 0 0 10px;}
.quick_link li i{width:60px;height:60px;background-size:150px 603px;}
.quick_link li:nth-of-type(1) i{background-position:10px -205px;}
.quick_link li:nth-of-type(2) i{background-position:-80px -205px;}
.quick_link li:nth-of-type(3) i{background-position:7px -313px;}
.quick_link li:nth-of-type(4) i{background-position:-78px -313px;}
.quick_link li:nth-of-type(5) i{background-position:9px -420px;}
.quick_link li:nth-of-type(6) i{background-position:-78px -423px;}
.quick_link li:nth-of-type(7) i{background-position:9px -529px;}
.quick_link li:nth-of-type(8) i{background-position:-80px -529px;}
.quick_link span{padding: 10px 0 0;}	
/*calendar*/
.c_calendar:after{display:block;clear:both;content:""}
.cal_box{float:left;width:340px;height:305px;padding:28px 10px;}
.list_box{float:right;width:calc(100% - 340px);height:305px;}
/*bbs*/
.board{float:left;width:50%;padding:40px 20px 30px;border-right:0;height: 322px;}
.board .board_wrap{height:251px;}
/*information*/
.information{float:left;width:50%;height: 322px;}
}

/* Desktop */
@media all and (min-width:1024px) {
.m_content{min-width:1200px;}

/*visual*/
.visual{top:0}
.visual li{height:738px;background-size:auto;background-position:center;background-size:cover;}
.visual li span{width:auto;max-width:1200px;margin:0 auto;padding:40px 0 0 20px;}
.visual .btn_wrap{max-width:1200px;margin:0 auto;position:relative}
.visual .btn_set{top:-550px}
.visual .btn_set a:hover{border-top:dotted #de4e46;}
/*contents*/
.m_content{padding-top:430px;}
.con_wrap{padding:0 0 50px;}
/*toy searching*/
.toy_searching{width:338px;height:160px;position:absolute;top:-160px;right:0;}
.toy_searching>*{width:100%;}
.toy_searching h2{padding:10px 0 30px;}
/*infozone*/
.infozone{width:600px;height:610px;}
.infozone .btn_set a:hover{background-color:#de4e46}
/*quick_link*/
.quick_link{width:262px;height:610px;border-bottom:1px solid #d7d7d7;}
.link_wrap{padding: 40px 20px 0;}
.quick_link li{transform:translateZ(0);position:relative;transition:color 0.3s;margin: 0 0 35px 0;}
.quick_link li:before{position:absolute;z-index:-5;top:0;left:20px;right:0;bottom:0; border-radius:50%;background-color:#fdefbf;width:70px;height:70px;transform:scale(0);transition:transform 0.3s ease-out;content:"";}
.quick_link li:hover:before, .quick_link li:focus:before, .quick_link li:active:before {transform:scale(1);}
.quick_link li i{width:70px;height:70px;background-size:auto;background-color:transparent}
.quick_link li:nth-of-type(1) i{background-position:10px -260px}
.quick_link li:nth-of-type(2) i{background-position:-103px -260px}
.quick_link li:nth-of-type(3) i{background-position:6px -396px}
.quick_link li:nth-of-type(4) i{background-position:-103px -396px}
.quick_link li:nth-of-type(5) i{background-position:6px -531px}
.quick_link li:nth-of-type(6) i{background-position:-101px -531px}
.quick_link li:nth-of-type(7) i{background-position:9px -668px}
.quick_link li:nth-of-type(8) i{background-position:-102px -668px}
.quick_link span{padding:15px 0 0;}	
.quick_link li:hover span{text-decoration:underline;font-weight:600}	
/*calendar*/
.c_calendar{width:338px;float:right}
.cal_box{width:100%}
.cal_box td a:hover{background:rgba(0,0,0,.5);}
.cal_box .btn_set a:hover{border:1px solid #fff}
.list_box{width:100%;border-left:0}
.list_box li:hover{text-decoration:underline}
.list_box .more:hover{background:#de4e46;}
/*board*/
.board{float:left;width:500px;/* height:322px; */}
.board h2:hover a{text-decoration:underline}
.board .list li:hover a{text-decoration: underline}
.board .list em{display:inline-block;float:right;font-size:0.8125rem;color:#717171;}
.board .more{left:auto;right:0;top:0}
.board .more:hover,.information .more:hover{border:solid #de4e46;border-bottom:0;border-left:0;}
/*information*/
.information{width:calc(100% - 500px);}
.information li:hover strong{text-decoration:underline}
}
@media (min-width: 1024px){
.subsite_head h1.s_logo{margin: 0;padding-left: 0;}
}