@charset "UTF-8";

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline }
strong { font-weight: bold }
html { line-height: 1 }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle }
q, blockquote { quotes: none }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none }
a img { border: none; transition: .6s }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
body { font-family: meiryo, helvetica, arial, 'hiragino kaku gothic pro', 'ms pgothic', sans-serif; word-break: break-word }
img { vertical-align: top }  body { font-size: 16px; line-height: 1.75; color: #333 }
a { transition: .6s; color: #000 }
a:hover { text-decoration: none }
a img { transition: .6s }
a:hover img { opacity: .7 }
p { margin-bottom: 20px }
@media screen and ( min-width: 751px ) {
body { min-width: 980px; border-top: 1px solid #D86252 }
a[href^="tel:"] { pointer-events: none; color: inherit; text-decoration: inherit }
#header, #gn ul, #wrap, #footer .inner, #pagetop { width: 960px; margin-left: auto; margin-right: auto }
#main_con { min-height: 400px }
.sp_only { display: none !important }
} .site_wrapper { overflow: hidden }
.center { text-align: center !important }
.align-R { text-align: right !important }
.oa { overflow: auto !important }
.oh { overflow: hidden !important }
.sub_con { margin-bottom: 78px }
.sub_con > *:last-child { margin-bottom: 0 !important }
.sub_con2 { margin-bottom: 40px }
.sub_con2 > *:last-child { margin-bottom: 0 !important }
.sub_con3 { margin-bottom: 30px }
.sub_con3 > *:last-child { margin-bottom: 0 !important }
.fr { float: right; margin: 0 0 0 30px }
.fl { float: left; margin: 0 30px 0 0 }
.fs10 { font-size: 10px !important }
.fs11 { font-size: 11px !important }
.fs12 { font-size: 12px !important }
.fs13 { font-size: 13px !important }
.fs14 { font-size: 14px !important }
.fs15 { font-size: 15px !important }
.fs16 { font-size: 16px !important }
.fs17 { font-size: 17px !important }
.fs18 { font-size: 18px !important }
.fs19 { font-size: 19px !important }
.fs20 { font-size: 20px !important }
.fs21 { font-size: 21px !important }
.fs22 { font-size: 22px !important }
.fs23 { font-size: 23px !important }
.fs24 { font-size: 24px !important }
.fs25 { font-size: 25px !important }
.fs26 { font-size: 26px !important }
.fs27 { font-size: 27px !important }
.fs28 { font-size: 28px !important }
.fs29 { font-size: 29px !important }
.fs30 { font-size: 30px !important }
.fs31 { font-size: 31px !important }
.fs32 { font-size: 32px !important }
.fs33 { font-size: 33px !important }
.fs34 { font-size: 34px !important }
.fs35 { font-size: 35px !important }
.mt0 { margin-top: 0px !important }
.mt10 { margin-top: 10px !important }
.mt20 { margin-top: 20px !important }
.mt30 { margin-top: 30px !important }
.mt40 { margin-top: 40px !important }
.mt50 { margin-top: 50px !important }
.mt60 { margin-top: 60px !important }
.mt70 { margin-top: 70px !important }
.mt80 { margin-top: 80px !important }
.mt90 { margin-top: 90px !important }
.mt100 { margin-top: 100px !important }
.mt110 { margin-top: 110px !important }
.mt120 { margin-top: 120px !important }
.mt130 { margin-top: 130px !important }
.mt140 { margin-top: 140px !important }
.mt150 { margin-top: 150px !important }
.mt160 { margin-top: 160px !important }
.mt170 { margin-top: 170px !important }
.mt180 { margin-top: 180px !important }
.mt190 { margin-top: 190px !important }
.mt200 { margin-top: 200px !important }
.mb0 { margin-bottom: 0px !important }
.mb10 { margin-bottom: 10px !important }
.mb20 { margin-bottom: 20px !important }
.mb30 { margin-bottom: 30px !important }
.mb40 { margin-bottom: 40px !important }
.mb50 { margin-bottom: 50px !important }
.mb60 { margin-bottom: 60px !important }
.mb70 { margin-bottom: 70px !important }
.mb80 { margin-bottom: 80px !important }
.mb90 { margin-bottom: 90px !important }
.mb100 { margin-bottom: 100px !important }
.mb110 { margin-bottom: 110px !important }
.mb120 { margin-bottom: 120px !important }
.mb130 { margin-bottom: 130px !important }
.mb140 { margin-bottom: 140px !important }
.mb150 { margin-bottom: 150px !important }
.mb160 { margin-bottom: 160px !important }
.mb170 { margin-bottom: 170px !important }
.mb180 { margin-bottom: 180px !important }
.mb190 { margin-bottom: 190px !important }
.mb200 { margin-bottom: 200px !important }
.hd { text-align: center; margin-bottom: 30px }
.hd_dot { text-align: center; border-bottom: 1px dotted #933535; padding: 0 0 14px; margin: 0 0 30px }
.hd_line { border-bottom: 1px solid #ffa1ac; font-size: 24px; padding: 0 5px 0; line-height: 1.5; margin: 0 auto 10px }
.hd_line2 { font-size: 24px; font-weight: normal; line-height: 1.2; border-left: 5px solid #FFA1AC; border-bottom: 1px solid #FFA1AC; padding: 3px 0 0 10px; margin: 0 0 26px }
.hd_cir { font-size: 22px;font-weight: bold;line-height: 1.2;position: relative;padding: 0 0 0 26px;margin: 0 0 5px }
.hd_cir:before { content: ""; background: #FFA1AC; position: absolute; left: 0; width: 20px; height: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px }
.hd_cir:after { content: ""; background: #fff; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
.hd_squ { position: relative; padding: 0 0 0 15px; font-size: 17px; font-weight: bold; line-height: 1.4; margin-bottom: 5px }
.hd_squ:before { content: ""; position: absolute; top: 7px; left: 0; width: 7px; height: 7px; background: #BC5757 }
.hd_squ2 { position: relative; padding: 0 0 0 20px; font-size: 20px; line-height: 1.4; margin-bottom: 22px }
.hd_squ2:before { content: ""; position: absolute; top: 7px; left: 0; width: 10px; height: 10px; background: #FFA1AC }
.hd_bar { font-size: 20px; line-height: 1.2; border-left: 4px solid #BC5757; padding: 0 0 0 8px; margin-bottom: 26px }
.link_arrow:after { content: "\00226b" }
.link_arrow2 { display: inline-block; border-bottom: 1px solid #FFA1AC; font-size: 15px; line-height: 1.5; text-decoration: none }
.link_arrow2:after { content: "\00226b" }
.link_arrow2:hover { border-color: #f7132e }
.link_btn { display: inline-block; background: #7DC400; color: #fff; text-decoration: none; line-height: 1; padding: 15px 20px; min-width: 270px; box-sizing: border-box; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.link_btn:hover { background: #8ede00 }
.link_btn:after { content: "\0020\00226b" }
.con_top { margin-top: 45px !important; margin-bottom: 45px !important } #header_dsc { font-size: 12px; margin: 0 auto 5px }
#header_info { overflow: hidden }
#header_logo { float: left; padding: 4px 0 0 }
#header_inq { float: right }
#header_inq .i1 { float: left }
#header_inq .i2 { margin: 0 0 5px }
#header_inq .i3 { font-size: 10px; line-height: 1; padding: 0 0 0 8px }
#header_inq .i4 { margin: 0 0 4px; display: block }
#header_inq .i5 { padding: 0 0 0 1px }
#header_inq .right { float: right; padding: 2px 0 0 8px } #gn { background: #FFA1AC; font-size: 14px; line-height: 1 }
#gn ul { letter-spacing: -.5em; white-space: nowrap; text-align: center }
#gn li { display: inline-block; letter-spacing: normal }
#gn a { display: block; line-height: 40px; position: relative; padding: 0 33px; text-decoration: none; color: #fff }
#gn a:after { content: ""; position: absolute; top: 9px; bottom: 9px; right: 0px; border-left: 1px dotted #B74E4E }
#gn a:hover, #gn .current a { background: rgba(255, 255, 255, 0.5) }
#gn .current a { pointer-events: none }
#gn li:first-child a:before { content: ""; position: absolute; top: 9px; bottom: 9px; left: 0px; border-left: 1px dotted #B74E4E } #footer { background: #FFA1AC; color: #fff; font-size: 14px; line-height: 1.4 }
#footer .inner { padding: 15px 0 0; margin-bottom: 100px }
#footer .logo { font-size: 15px; line-height: 2; margin: 0 0 10px }
#footer .info { margin: 0 }
#copyright { font-size: 11px; text-align: center; white-space: nowrap; display: block; padding: 0 0 5px } #slide { margin: 5px auto 0; padding: 0 0 4px; border-bottom: 2px solid #FFA1AC; height: 420px; overflow: hidden; position: relative }
#slide p { margin: 0 }
#slide img { position: absolute; top: 0; left: 50%; margin-left: -700px }
.windows { text-align: center; letter-spacing: -.5em }
.window { display: inline-block; margin: 0 7px 20px; box-shadow: 0px 0px 8px -2px rgba(56,21,54,0.75); -moz-box-shadow: 0px 0px 8px -2px rgba(56,21,54,0.75); -webkit-box-shadow: 0px 0px 8px -2px rgba(56,21,54,0.75); letter-spacing: normal; vertical-align: top; padding: 0 0 15px }
.window:nth-child(2n) { margin-right: 0; margin-left: 0 }
.window:nth-child(2n+1) { margin-right: 28px; margin-left: 0 }
.windows .ttl { background: #BC5757; line-height: 46px }
.windows .ttl * { display: inline; vertical-align: middle }
.windows .img { margin: 17px auto 0 }
.windows .str { margin: 15px 20px 0; text-align: left }
.windows .continue { text-align: right; margin: 5px 20px 0 }
@media screen and ( min-width: 751px ) {
.window { width: 466px }
}
.waku { background: url(//hiyori-kids.jp/img/cmn/waku.png) repeat-y; position: relative; padding: 24px 35px; overflow: hidden }
.waku:before { content: ""; background: url(//hiyori-kids.jp/img/cmn/waku_head.png) no-repeat #fff; position: absolute; top: 0; left: 0; right: 0; height: 23px }
.waku:after { content: ""; background: url(//hiyori-kids.jp/img/cmn/waku_tail.png) no-repeat #fff; position: absolute; bottom: 0; left: 0; right: 0; height: 23px }
.number { margin: 35px 0 0; position: relative }
.number:first-child { margin-top: 0 !important }
.numbers .number:nth-child(2) .img { top: -35px }
.numbers .number:nth-child(3) .img { top: -55px }
.number .ttl { background: url(//hiyori-kids.jp/img/cmn/1.png) no-repeat; padding: 7px 0 8px 42px; border-bottom: 1px solid #562A26; line-height: 1; margin: 0 0 10px }
.number:first-child+* .ttl { background-image: url(//hiyori-kids.jp/img/cmn/2.png) }
.number:first-child+*+* .ttl { background-image: url(//hiyori-kids.jp/img/cmn/3.png) }
.number > *:last-child { margin-bottom: 0 !important }
.number p { font-size: 15px }
.number .img { position: absolute; top: 13px; right: 10px }
@media screen and ( min-width: 751px ) {
.number { padding: 0 342px 0 0 }
}
#resdv_wrap { padding: 50px 0 0; background: #FFFAFA; margin-top: 100px }
#resdv { border: 2px solid #FFA1AC; background: #fff; margin: 0 auto 56px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden }
#resdv .ttl { background: #FFA1AC; text-align: center; line-height: 42px; margin: 0 0 4px; color: #fff; font-size: 20px }
#resdv .ttl *{ display: inline; vertical-align: middle }
#resdv .img { float: right; margin: 0 10px 0 20px }
#resdv .left { overflow: auto; margin: 0 0 0 10px }
#resdv .i1 { text-align: center; border-bottom: 1px dotted #BC5757; padding: 7px 0; margin: 0 0 10px; font-size: 10px; line-height: 1 }
#resdv .i2 { text-align: center; margin: 0 0 10px; font-size: 10px; line-height: 1 }
#resdv .i3 { text-align: center; margin: 0 0 10px; font-size: 10px; line-height: 1 }
#resdv .i4 { text-align: right; margin: 0 0 10px; font-size: 10px; line-height: 1; padding-right: 17px }
@media screen and ( min-width: 751px ) {
#resdv { width: 633px }
}
#pagetop { text-align: right; margin-bottom: 0; font-size: 12px; line-height: 1 }
#pagetop span { line-height: 30px; background: #ea7583; display: inline-block; color: #fff; padding: 0 15px 0; cursor: pointer; transition: .6s; border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px }
#pagetop span:after { content: "＞"; transform: rotate(-90deg); display: inline-block; position: relative; top: -2px; left: 3px }
#pagetop span:hover { background: #a97a77 }
.breadcrumbs { font-size: 12px; line-height: 1.4; margin: 10px 0 35px }
.breadcrumbs a { color: inherit }
.pagetitle { background: #FFF5F5; color: #333; font-size: 26px; border-left: 6px solid #FFA1AC; padding: 6px 15px; line-height: 1.5; margin: 0 0 26px }
.pagetitle span { font-size: 70%; padding: 0 10px }
.smeta { color: #888; font-size: 13px; margin: 0 0 0; padding: 0 5px; text-align: right }
.sbody { padding: 20px 0 50px; border-bottom: 1px solid #aa4949; margin: 0 0 10px }
.sbody > *:last-child { margin-bottom: 0 !important }
.sbody h1 { font-size: 24px; font-weight: normal; line-height: 1.2; border-left: 5px solid #FFA1AC; border-bottom: 1px solid #FFA1AC; padding: 3px 0 0 10px; margin: 0 0 20px }
.sbody h2 { position: relative; padding: 0 0 0 20px; font-size: 20px; line-height: 1.4; margin: 40px 0 20px }
.sbody h2:before { content: ""; position: absolute; top: 7px; left: 0; width: 10px; height: 10px; background: #FFA1AC }
.sbody h3 { font-size: 18px; line-height: 1.2; border-left: 4px solid #ffa1ac; padding: 0 0 0 8px; margin: 40px 0 20px }
.sbody h4 { font-size: 16px; line-height: 1.75; position: relative; padding: 0 0 0 20px; margin: 30px 0 10px }
.sbody h4:before { content: ""; background: #FFA1AC; position: absolute; top: 5px; left: 0; width: 15px; height: 15px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px }
.sbody h4:after { content: ""; background: #fff; position: absolute; top: 9px; left: 4px; width: 7px; height: 7px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
.sbody h5 { position: relative; padding: 0 0 0 15px; font-size: 16px; line-height: 1.75; margin: 30px 0 10px }
.sbody h5:before { content: ""; position: absolute; top: 10px; left: 0; width: 7px; height: 7px; background: #ffa1ac }
.sbody h6 { border-bottom: 1px solid #ffa1ac; font-size: 16px; line-height: 1.75; margin: 30px 0 10px; display: table }
.sbody ul { margin-bottom: 20px }
.sbody ul li { position: relative; padding-left: 20px }
.sbody ul li:before { content: "\0030fb"; position: absolute; left: 0 }
.sbody ol { margin-bottom: 20px; list-style: decimal; padding-left: 20px }
.sbody table { border: 1px solid #999; margin-bottom: 20px }
.sbody table tr { border-top: 1px solid #999 }
.sbody table > tr:first-child, .sbody tr:first-child { border-top: none }
.sbody table th, .sbody table td { vertical-align: top; padding: 5px 20px; font-size: 17px; line-height: 1.75; color: #333 }
.sbody table th { background: #fee }
.sbody table .sep { border-right: 1px solid #999 }
.sbody table caption { margin-bottom: 10px }
.sbody blockquote { background: #eee; padding: 20px; font-size: 14px; line-height: 1.75 }
.sbody blockquote > *:last-child { margin-bottom: 0 !important }
.category .sbody { border: none }
.pagenation2 { overflow: hidden; font-size: 13px; margin: 0 0 50px }
.pagenation2 .prev { width: 50%; float: left; margin: 0 }
.pagenation2 .next { width: 50%; float: right; margin: 0; text-align: right }
.pagenation2 .prev:before { content: "\00226a" }
.pagenation2 .next:after { content: "\00226b" }
.notice { position: relative; padding-left: 1.2em }
.notice:before { content: "※"; position: absolute; left: 0 }
.photos { letter-spacing: -.5em; text-align: center; margin-left: -6px; margin-right: -6px }
.photos img { margin: 0 6px }
.photos2 { letter-spacing: -.5em; margin-top: -14px; margin-left: -14px }
.photos2 img { margin: 14px }
.photos3 { letter-spacing: -.5em; text-align: center }
.photos3 img { margin: 0 33px }
.list_normal { font-size: 15px; line-height: 1.75; margin-bottom: 18px }
.list_normal li { padding-left: 1.2em; position: relative; margin-bottom: 5px }
.list_normal li:last-child { margin-bottom: 0 !important }
.list_normal li:before { content: "\0030fb"; position: absolute; left: 0 }
.list_p { font-size: 15px; line-height: 1.75; margin-bottom: 18px; overflow: hidden }
.list_p li { padding-left: 1.2em; position: relative; margin-bottom: 5px; float: left; padding-right: 20px; width: 70px; white-space: nowrap }
.list_p li.col2 { width: 178px }
.list_p .br { clear: left }
.list_p li:last-child { margin-bottom: 0 !important }
.list_p li:before { content: "\0030fb"; position: absolute; left: 0 }
.list_horizon { overflow: hidden }
.list_horizon li { position: relative; padding-left: 1.2em; float: left }
.list_horizon li:before { content: "\0030fb"; position: absolute; left: 0 }
.list_horizon .br { clear: left }
.list_menu {display: flex;flex-wrap: wrap;justify-content: space-between;}
.list_menu li {margin: 0;text-align: center;}
.list_menu .ttl {display: block;line-height: 1.4;margin: 0 0 10px;text-align: center;}
.list_menu .ttl:before,
.list_menu .ttl:after { content: "▼"; color: #FFA1AC }
.list_menu li, .list_menu::before, .list_menu::after {width: calc((100% - 220px) / 4);}
.list_menu::before, .list_menu::after {order: 1;content: "";}
.list_menu li:not(:nth-child(4n+1)) {margin-left: 70px;}
.list_menu li:nth-child(n+5) {margin-top: 70px;}
.list_cir li { font-size: 18px; line-height: 1.75; position: relative; padding-left: 20px }
.list_cir li:before { content: ""; position: absolute; top: 10px; left: 0; background: #FFA1AC; width: 8px; height: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.list_cir2 li { font-size: 16px; line-height: 1.75; position: relative; padding-left: 30px; margin-top: 30px }
.list_cir2 li:before { content: ""; position: absolute; top: 10px; left: 10px; background: #FFA1AC; width: 8px; height: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.list_cir2 li:first-child { margin-top: 0 !important }
.tbl_normal { border: 1px solid #999; margin-bottom: 20px }
.tbl_normal tr { border-top: 1px solid #999 }
.tbl_normal > tr:first-child, .tbl_normal > tbody > tr:first-child { border-top: none }
.tbl_normal th, .tbl_normal td { vertical-align: top; padding: 5px 20px; font-size: 17px; line-height: 1.75; color: #333 }
.tbl_normal th { background: #fee }
.tbl_normal .sep { border-right: 1px solid #999 }
.tbl_normal caption { margin-bottom: 10px }
.tbl_normal2 { border: 1px solid #999; margin-bottom: 20px }
.tbl_normal2 tr { border-top: 1px solid #999 }
.tbl_normal2 > tr:first-child, .tbl_normal2 > tbody > tr:first-child { border-top: none }
.tbl_normal2 th, .tbl_normal2 td { vertical-align: top; padding: 5px 20px; font-size: 17px; line-height: 1.75; color: #333 }
.tbl_normal2 th { background: #fee }
.tbl_normal2 .sep { border-right: 1px solid #999 }
.tbl_normal2 caption { margin-bottom: 10px }
.tbl_normal2 thead th, .tbl_normal2 thead td { border-bottom: 1px solid #888; font-weight: bold; text-align: center }
.tbl_normal2 td { width: 70% }
.tbl_price { position: relative; margin-bottom: 20px }
.tbl_price tr > * { font-size: 14px; text-align: center; line-height: 1.5; padding: 10px 20px; vertical-align: middle }
.tbl_price thead tr > * { background: #FFE1E1; border: 1px solid #fff }
.tbl_price tbody th { background: #FFF3F3; border-top: 1px solid #ddd }
.tbl_price tbody td { border-top: 1px solid #ddd; border-left: 1px solid #ddd }
.tbl_price tbody th + td { border-left: none }
.tbl_price thead tr:first-child > * { border-top: 1px solid #c1c1c1 }
.tbl_price tr > *:first-child { border-left: 1px solid #c1c1c1 }
.tbl_price tbody tr:first-child > * { border-top: none }
.tbl_price thead tr > .not-lf { border-left-color: #fff }
.tbl_price tbody tr > th.not-lf { border-left: none }
.tbl_price tbody tr > td.not-lf { border-left-color: #ddd; }
.tbl_price tbody tr:last-child > * { border-bottom: 1px solid #c1c1c1 }
.tbl_price tr > *:last-child { border-right: 1px solid #c1c1c1 }
.tbl_price sup { vertical-align: super; font-size: 80% }
.tbl_price .sup { vertical-align: bottom }
.tbl_sche { margin: 0 auto }
.tbl_sche caption { text-align: center; font-size: 22px; font-weight: bold; color: #333 }
.tbl_sche tbody { border: 5px solid #FFDCDC }
.tbl_sche th { background: #FFA1AC; color: #fff; font-weight: bold; font-size: 18px; padding: 0 0 0 25px; min-width: 166px; box-sizing: border-box; border-top: 1px solid #fff }
.tbl_sche td { font-size: 16px; line-height: 1.75; padding: 7px 20px; min-width: 433px; box-sizing: border-box; border-top: 1px solid #ffa1ac }
.tbl_sche tr:first-child * { border: none !important }
.flow { margin-bottom: 20px }
.flow li { font-size: 20px; line-height: 1.2; padding: 16px 0 16px 78px; background: #F9F9F9; color: #000; position: relative; margin-top: 26px; display: table; min-width: 342px; box-shadow: 1px 1px 1px 0px rgba(167,157,170,0.75); -moz-box-shadow: 1px 1px 1px 0px rgba(167,157,170,0.75); -webkit-box-shadow: 1px 1px 1px 0px rgba(167,157,170,0.75) }
.flow li:first-child { margin-top: 0 !important }
.flow sup { font-size: 16px; vertical-align: middle }
.flow li:before { content: "1"; position: absolute; top: 0; left: 0; bottom: 0; width: 58px; text-align: center; background: #BC5757; color: #fff; font-size: 22.47px; font-weight: bold; padding-top: 15px }
.flow li:first-child+*:before { content: "2" }
.flow li:first-child+*+*:before { content: "3" }
.flow li:first-child+*+*+*:before { content: "4" }
.flow li:first-child+*+*+*+*:before { content: "5" }
.flow li:first-child+*+*+*+*+*:before { content: "6" }
.flow li:first-child+*+*+*+*+*+*:before { content: "7" }
.flow li:first-child+*+*+*+*+*+*+*:before { content: "8" }
.flow li:first-child+*+*+*+*+*+*+*+*:before { content: "9" }
.flow li+li:after { content: ""; position: absolute; top: -16px; left: 50%; margin-left: -13px; border: 13px solid transparent; border-top: 8px solid #F9D7D7 }
.flow2 { font-size: 15px; line-height: 1.75; border-left: 7px solid #E8E8E8; margin: 0 0 0 12px }
.flow2 li { padding: 0 0 0 26px; position: relative }
.flow2 li:before { content: "1"; position: absolute; left: -18px; font-size: 18.29px; font-weight: bold; color: #BC5757; background: #F9D7D7; display: block; width: 30px; line-height: 30px; text-align: center; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px }
.flow2 li:first-child+*:before { content: "2" }
.flow2 li:first-child+*+*:before { content: "3" }
.flow2 li:first-child+*+*+*:before { content: "4" }
.flow2 li:first-child+*+*+*+*:before { content: "5" }
.flow2 li:first-child+*+*+*+*+*:before { content: "6" }
.flow2 li:first-child+*+*+*+*+*+*:before { content: "7" }
.flow2 li:first-child+*+*+*+*+*+*+*:before { content: "8" }
.flow2 li:first-child+*+*+*+*+*+*+*+*:before { content: "9" }
.flow2 span { font-size: 16px; font-weight: bold; padding-right: 1em }
.flow2 li+li { margin-top: 35px }
.faq dt { font-size: 18px; font-weight: bold; line-height: 1.75; position: relative; padding: 5px 0 5px 50px; margin-bottom: 5px }
.faq dt:before { content: "Q"; color: #fff; font-size: 20px; position: absolute; top: 0; left: 0; background: #562A26; width: 40px; text-align: center; line-height: 40px; display: block; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px }
.faq dd { font-size: 15px; line-height: 1.75 }
.faq dd+dt { margin-top: 20px }
.vl_center { display: table !important; margin-left: auto !important; margin-right: auto !important }
.icon_car { margin-bottom: 15px; margin-top: 8px }
.icon_train:before { content: ""; position: absolute; top: 0; left: 7px; background: url(//hiyori-kids.jp/img/cmn/icon_train.png) no-repeat; width: 22px; height: 32px }
.icon_car:before { content: ""; position: absolute; top: 0; left: 5px; background: url(//hiyori-kids.jp/img/cmn/icon_car.png) no-repeat; width: 25px; height: 22px }
.icon_train .head, .icon_car .head { color: #C6716D; padding-bottom: 2px; display: inline-block }
.icon_train, .icon_car { font-size: 15px; line-height: 1.75; padding-top: 3px; padding-left: 48px; display: block; position: relative }
.greeting_box { padding: 0 400px 0 5px; position: relative }
.greeting_box .bg { position: absolute; right: 0; z-index: -1 }
#top_menu_list { position: relative }
#top_menu_list li { display: inline-block; text-align: center }
#top_menu_list .slick-list { overflow: hidden }
#top_menu_list button { position: absolute; border: none; text-indent: -9999px; top: 0; bottom: 0; padding: 0; width: 27px; cursor: pointer }
#top_menu_list button.slick-prev { background: url(//hiyori-kids.jp/img/cmn/icon_scroll_arrow_l.png) left center no-repeat; left: -27px; outline: none }
#top_menu_list button.slick-next { background: url(//hiyori-kids.jp/img/cmn/icon_scroll_arrow_r.png) right center no-repeat; right: -15px; outline: none }
.bg_pink { position: relative; padding: 40px 0 }
.bg_pink:before { content: ""; background: #FFF9F8; display: block; height: inherit; position: absolute; top: 0; bottom: 0; left: -9999px; right: -99999px; z-index: -1 }
.indent { padding-left: 40px; padding-right: 40px }
.news li { overflow: hidden; border-bottom: 1px dotted #333; padding: 10px 0 }
.news li:first-child { padding-top: 0 }
.news .date { float: left; display: block; min-width: 140px; font-size: 16px; font-weight: bold; color: #666; margin-right: 10px }
.news .cat { float: left; display: block }
.news .ttl { overflow: auto; display: block }
.news .cat { float: left; display: block; background: #ccc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-decoration: none; font-size: 14px; color: #fff; min-width: 86px; text-align: center; padding-top: 1px; margin-right: 15px }
.news .cat_event { background: #7DD000 }
.news .cat_lunch-news { background: #F4A134 }
.news .cat_info { background: #2B7CB2 }
.news .cat_news { background: #ea6969 }
.news .cat_other { background: #b18caf }
.box_line { position: relative; padding-top: 50px; padding-bottom: 50px }
.box_line > *:last-child { margin-bottom: 0 }
.box_line:before { content: ""; background: url(//hiyori-kids.jp/img/cmn/line.png) center 0 no-repeat; position: absolute; top: 0; left: 0; right: 0; height: 9px }
.box_line:after { content: ""; background: url(//hiyori-kids.jp/img/cmn/line.png) center 0 no-repeat; position: absolute; bottom: 0; left: 0; right: 0; height: 9px }
.box_line2 .img { float: right; margin: 0 0 0 60px }
.box_line2 .outline { overflow: hidden; padding: 30px 0; border-top: 1px dashed #ccc }
.box_line2 .outline:first-child { border-top: none; padding-top: 0 }
.box_line2 .str { font-size: 15px; clear: left }
.box_line2 h1 { float: left }
.box_shadow { box-shadow: 0px 0px 10px -3px rgba(55,22,58,0.75); -moz-box-shadow: 0px 0px 10px -3px rgba(55,22,58,0.75); -webkit-box-shadow: 0px 0px 10px -3px rgba(55,22,58,0.75); padding: 30px; display: table }
.mw_wp_form { width: 720px; margin: 60px auto; border-top: 1px solid #ccc }
.mw_wp_form .row { padding: 20px 0; border-bottom: 1px solid #ccc; position: relative; padding-left: 215px; min-height: 1em }
.mw_wp_form label { position: absolute; top: 0; bottom: 0; left: 0; width: 200px; display: table-cell; cursor: pointer; font-size: 16px; line-height: 1.75; border-right: 1px dotted #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 60px 0 0; vertical-align: middle }
.mw_wp_form label.required:after { content: "\005fc5\009808"; color: #fff; font-size: 12px; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; background: #f33; line-height: 1; padding: 3px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px }
.mw_wp_form label > span { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.mw_wp_form .input { overflow: auto; margin: 0 }
.mw_wp_form input { font-size: 18px; box-sizing: border-box; width: 100%; line-height: 1.75; padding: 2px 5px }
.mw_wp_form textarea { font-size: 18px; box-sizing: border-box; width: 100%; line-height: 1.75; padding: 2px 5px; display: block }
.mw_wp_form .btns { margin: 40px 0 0; text-align: center }
.mw_wp_form .btn_submit, .mw_wp_form .btn_back { background: #ffa1ac; border: none; color: #fff; font-size: 16px; line-height: 1; letter-spacing: normal; display: inline-block; width: auto; padding: 10px 40px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; margin: 0 10px }
.mw_wp_form .btn_submit:hover, .mw_wp_form .btn_back:hover { background: #f96a7b }
.mw_wp_form .error { font-size: 12px !important; color: #f33 !important; margin: 3px; border: 1px solid; display: inline-block !important; padding: 0 5px }
.mw_wp_form_complete { border: none }
.infos_column { border-top: 1px dotted #ccc; padding: 20px 20px 20px 30px }
.infos_column:first-child { padding-top: 0; border-top: none }
.infos_column > *:last-child { margin-bottom: 0 !important }
.infos .date { font-size: 14px; position: relative; margin: 0 0 5px }
.infos .date:before { content: ""; position: absolute; top: 5px; left: -20px; border: 5px solid transparent; border-left: 8px solid #ffa1ac }
.infos_column > h1.ttl { font-size: 20px; border-bottom: 1px solid #ffa1ac; margin: 0 0 20px }
.pagenation { margin: 100px 0 }
.pagenation ul { text-align: center; font-size: 0 }
.pagenation li { display: inline-block; width: 26px; text-align: center; line-height: 26px; font-size: 15px; letter-spacing: 0; color: #ffa1ac; margin-left: 10px; margin-bottom: 10px }
.pagenation li:first-child { margin-left: 0 }
.pagenation .next,.pagenation .prev { width: auto }
.pagenation a { color: #fff; text-decoration: none; display: block; background: #ffa1ac; transition: .6s }
.pagenation a:hover { background: #ffcfcf; color: #f78989 }
.pagenation .next a, .pagenation .prev a { padding: 0 5px }
.print { border: 1px solid #ccc; padding: 3px; display: table; background: #eee } @media screen and ( max-width: 750px ) { .pc_only { display: none !important }
#main_con { padding: 0 10px }
img { max-width: 100%; height: auto } .smb30 { margin-bottom: 30px !important }
.con_top { margin-top: 17px !important; margin-bottom: 17px !important } #header { padding: 5px 10px 0 }
#header_dsc { font-size: 10px; line-height: 1.2; margin: 0 0 10px }
#header_logo { padding: 0; margin: 0 0 10px; max-width: 67.33333333333333% }
#header_inq { max-width: 32.66666666666667% } #gn { padding: 0; width: auto; height: auto; overflow: hidden; position: relative; box-sizing: border-box; height: 40px }
#gn ul { width: 100%; box-sizing: border-box; height: 40px; overflow-y: hidden; overflow-x: scroll; margin: 0; text-align: left }
#gn ul { -webkit-overflow-scrolling:touch }
#gn ul::-webkit-scrollbar{ width: 3px; -webkit-appearance: none }
#gn ul::-webkit-scrollbar:horizontal{ height: 3px; width: 3px; -webkit-appearance: none }
#gn ul::-webkit-scrollbar-thumb:horizontal{ background-color: rgba(180,180,180,.5); border-radius: 2px }
#gn a { padding: 0 20px }
#gn a:hover { background: none }
#gn a:after { top: 3px; bottom: 3px }
#gn li:first-child a:before, #gn li:last-child a:after { display: none }
#gn .scroll-R,
#gn .scroll-L { position: absolute; top: 0; bottom: 0; width: 15px; background-color: #fff; background-position: center; background-repeat: no-repeat; transition: .5s; z-index: 9999 }
#gn .scroll-R { right: 0; background-image: url(//hiyori-kids.jp/img/cmn/scroll_R.png) }
#gn .scroll-L { left: 0; background-image: url(//hiyori-kids.jp/img/cmn/scroll_L.png) } #footer { padding: 0 10px }
#footer .logo { margin: 0 0 12px }
#footer a { color: #fff } #wrap { overflow: hidden }
.waku { background: url(//hiyori-kids.jp/img/cmn/waku_head_sp.png) repeat-x; background-size: 10px; padding: 0; max-width: 466px; margin: 0 auto }
.waku:before, .waku:after { content: none }
.waku .inner_b { background: url(//hiyori-kids.jp/img/cmn/waku_tail_sp.png) 0 bottom repeat-x; background-size: 10px }
.waku .inner_l { background: url(//hiyori-kids.jp/img/cmn/waku_l_sp.png) repeat-y; background-size: 10px }
.waku .inner_r { background: url(//hiyori-kids.jp/img/cmn/waku_r_sp.png) right 0 repeat-y; background-size: 10px; overflow: hidden; padding: 20px }
.waku .inner_l:before,
.waku .inner_l:after,
.waku .inner_r:before,
.waku .inner_r:after { content: ""; background-repeat: no-repeat; background-size: 30px; position: absolute; width: 30px; height: 30px }
.waku .inner_l:before { top: 0; left: 0; background-image: url(//hiyori-kids.jp/img/cmn/waku_head_l_sp.png) }
.waku .inner_l:after { bottom: 0; left: 0; background-image: url(//hiyori-kids.jp/img/cmn/waku_tail_l_sp.png) }
.waku .inner_r:before { top: 0; right: 0; background-image: url(//hiyori-kids.jp/img/cmn/waku_head_r_sp.png) }
.waku .inner_r:after { bottom: 0; right: 0; background-image: url(//hiyori-kids.jp/img/cmn/waku_tail_r_sp.png) }
.waku .right { float: none; padding: 0; text-align: center; margin: 0 auto 20px }
.number .ttl { background-image: url(//hiyori-kids.jp/img/cmn/1_sp.png); background-size: 25px 36.5px; background-position: 0 bottom; position: relative; border: none; margin: 0 0 20px; padding: 0 0 0 35px; min-height: 42.5px; line-height: 42.5px }
.number .ttl:after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; border-bottom: 1px solid #562A26 }
.number .ttl * { display: inline; vertical-align: bottom }
.number:first-child+* .ttl { background-image: url(//hiyori-kids.jp/img/cmn/2_sp.png) }
.number:first-child+*+* .ttl { background-image: url(//hiyori-kids.jp/img/cmn/3_sp.png) }
.number .img { position: static; display: block; margin: 0 auto 15px }
#slide { height: auto; padding: 0 0 5px; overflow: visible }
#slide p { text-align: center }
#slide img { margin: 0 auto; position: static }
.windows { max-width: 466px; margin: 0 auto }
.window { margin: 0 auto 20px !important; padding: 0 10px 10px }
.window:last-child { margin-bottom: 0 !important }
.windows .ttl { line-height: 40px; padding: 0 10px; margin: 0 -10px }
.windows .str { margin-left: 10px; margin-right: 10px }
#resdv { padding: 0 20px 20px; max-width: 394px; box-sizing: border-box }
#resdv .ttl { margin: 0 -20px 20px; padding: 10px; text-align: left; line-height: 1.5 }
#resdv_wrap { padding: 17px 10px 0; margin: 36px 0 0 }
#resdv .img { float: none; margin: 0 auto 10px }
#resdv .left { overflow: hidden; margin: 0 auto }
#resdv .i4 { margin: 0; padding: 0; text-align: center }
#pagetop span { text-indent: -9999px; text-align: left; padding: 0; width: 50px; height: 50px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; position: relative; bottom: -25px }
#pagetop span:after { position: absolute; left: 13px; top: 5px; display: block; text-indent: 0; font-size: 27px }
.flow li { min-width: 0; display: block }
.greeting_box { width: auto; padding: 0 }
.photos { letter-spacing: normal; margin: 0 0 20px }
.photos img { margin: 0 0 10px }
.photos2 { margin: 0; text-align: center; letter-spacing: normal }
.photos2 img { margin: 0 auto 10px }
.photos3 img { margin: 0 0 20px }
#copyright { white-space: normal; font-size: 10px }
.scroll { overflow: auto; white-space: nowrap; margin-bottom: 20px; -webkit-overflow-scrolling: auto }
.scroll::-webkit-scrollbar{ -webkit-appearance: none; width: 5px; height: 5px; -webkit-overflow-scrolling: auto }
.scroll::-webkit-scrollbar-button:decrement { background: url(//hiyori-kids.jp/img/cmn/icon_scroll_arrow_l.png) left center no-repeat #f1f1f1; background-size: cover }
.scroll::-webkit-scrollbar-button:increment { background: url(//hiyori-kids.jp/img/cmn/icon_scroll_arrow_r.png) left center no-repeat #f1f1f1; background-size: cover }
.scroll::-webkit-scrollbar-button { width: 5px; height: 5px }
.scroll::-webkit-scrollbar-track{ background: #F1F1F1 }
.scroll::-webkit-scrollbar-thumb { background: #BCBCBC; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px }
.scroll > *:last-child { margin-bottom: 0 !important }
.greeting_box .bg { position: static; display: block; margin: 0 auto 10px }
#top_menu_list { margin: 0 20px }
#top_menu_list button.slick-prev { background: url(//hiyori-kids.jp/img/cmn/icon_scroll_arrow_l_sp.png) left center no-repeat; left: -27px; outline: none; background-size: 50% }
#top_menu_list button.slick-next { background: url(//hiyori-kids.jp/img/cmn/icon_scroll_arrow_r_sp.png) right center no-repeat; right: -15px; outline: none; background-size: 50% }
.box_line { padding-top: 50px; padding-bottom: 50px }
.box_line:before { content: ""; background: url(//hiyori-kids.jp/img/cmn/line_sp.png) center 0 no-repeat; position: absolute; top: 0; left: 0; right: 0 }
.box_line:after { content: ""; background: url(//hiyori-kids.jp/img/cmn/line_sp.png) center 0 no-repeat; position: absolute; bottom: 0; left: 0; right: 0 }
.indent { padding-right: 20px; padding-left: 20px }
.news .ttl { clear: left; padding: 10px 0 }
.box_line2 h1 { float: none }
.box_line2 .img { float: none; text-align: center; margin: 0 0 20px }
.tbl_normal2 { box-sizing: border-box; width: 100% }
.tbl_normal2 thead { display: none }
.tbl_normal2 tr > * { display: block; width: auto }
.tbl_sche { width: 100% }
.tbl_sche th, .tbl_sche td { min-width: 0; padding: 10px }
.scenter { float: none; text-align: center; margin: 0 0 20px }
.mw_wp_form { width: auto }
.mw_wp_form .row { padding: 20px 0 }
.mw_wp_form label { display: block; position: relative; width: auto; border: none }
.mw_wp_form label > span { position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none }
.form_middle, textarea { width: 100%; box-sizing: border-box }
.mw_wp_form_confirm .input { font-weight: bold; margin-top: 5px }
.mw_wp_form .btn_submit, .mw_wp_form .btn_back { -webkit-appearance: none }
.list_menu li, .list_menu::before, .list_menu::after {width: calc((100% - 30px) / 2);}
.list_menu li:not(:nth-child(4n+1)) {margin-left: 0;}
.list_menu li:nth-child(n+3) {margin-top: 50px;}
} @media screen and ( max-width: 375px ) {
.list_menu li, .list_menu::before, .list_menu::after {width: 100%;}
.list_menu li:nth-child(n+2) {margin-top: 40px;}
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}