/*保育時間テーブル：2409追加*/ .hoikujikan-sub{ margin-top:1em; } .hoikujikan-btm h4 strong:not(:first-of-type){ margin-left:1.5em; } .hoikujikan-btm h4 strong{ display:inline-block; padding:.3em; border-radius:.3em; color:#fff; background-color:#f2157f; line-height:1em; } .hoikujikan-btm h4{ color:#A10E55; padding-bottom:.5em; } .hoikujikan-btm:not(:first-of-type){ margin-top:50px; } .hoikujikan-btm{ border:solid 2px rgba(232, 126, 166, 0.1); background:rgba(232, 126, 166, 0.1); padding:1em; border-radius:.5em; } .hoikujikan{ width:1300px; } .hoikujikan>table tbody td.kubun:nth-of-type(2n):before{ border-left:none; } .hoikujikan>table tbody td:nth-of-type(2n):before{ content:""; display:block; position:absolute; left:0; top:0; bottom:0; width:1px; border-left:dotted 1px rgb(0 0 0 /.2); } .hoikujikan>table thead td:nth-of-type(2n-1) p{ font-size:.8em; color:#999; } .hoikujikan>table tbody td.kubun{ padding-bottom:15px; } .hoikujikan>table tbody td.kubun p{ color:#f2157f; padding:.5em 0 0; } .hoikujikan>table tbody td.kubun:before{ content:""; position:absolute; display:block; height:2px; top:2px; width:100%; border-top:solid 2px #f2157f; } .hoikujikan>table thead td{ height:1.5em; } .hoikujikan>table thead td p{ width:52px; position:absolute; left:-26px; top:0; text-align:center; } .hoikujikan>table tbody td p{ color:#fff; position:absolute; white-space:nowrap; top:0; left:0; padding-left:5px; z-index:10; } .hoikujikan>table tbody td:last-of-type{ display:none; } .hoikujikan>table tbody td{ } .hoikujikan>table td{ width:52px; position:relative; } .hoikujikan>table{ margin-left:26px; width:1222px; } /* ↓最大568px スマホ限定*/ @media screen and (max-width: 568px) { .mobileSkin iframe { -webkit-overflow-scrolling: touch; overflow-x: auto;} #jform_articletext_ifr { overflow: auto; -webkit-overflow-scrolling: touch; width: 100% !important;} #jform_articletext_tbl { max-height: 200px !important;} body{ min-width: 100%; //ウインドウ縮小対策} /* ↑最大568px スマホ限定*/ } @media screen and (min-width: 569px) { body{ min-width: 1000px; //ウインドウ縮小対策} } body.component { box-sizing: border-box; min-width: auto !important;} /* ipad対策*/ @media screen and(max-width:1000px) { #flexslider { overflow: hidden;} /* ipad対策ここまで*/ } /* ↓PC・スマホ共通デザイン */ @font-face { font-family: DIN; src: url(../font/ufonts.com_dinmittelschriftstd-1-opentype.woff); } #content-bottom { clear: both;} .imgChange{} @media screen and (min-width: 480px) { /*============================================================= コンテンツ =============================================================*/ /* 見出し */ h2.componentheading, .page-header h2{} .item-page-title{} .kiji-midashi { font-size: 3.0rem; line-height: 1.3em; padding: 0.5em 0; margin-bottom: 0.75em; border-bottom: solid 2px #F0F0F0; position: relative;} .kiji-midashi span{ display: inline-block; font-size: 2.0rem; line-height: 1.3em; margin-left: 1.0em;} .kiji-midashi:first-letter{ color: #E87EA6;} .kiji-midashi:after{ content: ""; width: 1.0em; height: 2px; background: #F2157F; position: absolute; bottom: -2px; left: 0px;} .kiji-midashi-2 { font-size: 2.2rem; line-height: 1.3em; color: #F2157F; background: #FDF2F8; display: inline-block; padding: 0.2em 3.0em 0.4em 3.0em; border-radius: 100px; margin: 80px 0 20px;} .kiji-midashi-3 { font-size: 2.0rem; line-height: 1.3em; background: url("../../../images/umezono/common/kiji-midashi-3.png") repeat; border-left: solid 3px #E87EA6; padding: 0.75em; margin: 5.0rem 0 1.5rem; color: #A10E55;} h2, h3, h4 { font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal;} .en{ font-family: moniker,sans-serif; font-weight: 400; font-style: normal;} .phone span{ font-family: 'Barlow Condensed', sans-serif;} h3.heading{ font-size: 3.5rem; line-height: 1.3em; text-align: center; padding-bottom: 0.5em; margin-bottom: 1.0em; position: relative;} h3.heading:before{ content: ""; width: 1.0em; height: 2px; background: #F2157F; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);} h3.sideHead{ font-size: 3.5rem; line-height: 1.3em; margin-bottom: 1.0em;} h3.sideHead:first-letter{ color: #F2157F;} h4.heading{ margin: 8.0rem 0 2.0rem; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); font-size: 2.5rem; line-height: 1.3em; padding: 0 1.0em; color: #4DAF38;} h4.heading:before{ content: ""; width: 5px; height: 70%; border: solid 2px #4DAF38; border-right: none; position: absolute; top: 60%; left: -5px; transform: translateY(-50%);} h4.heading:after{ content: ""; width: 5px; height: 70%; border: solid 2px #4DAF38; border-left: none; position: absolute; top: 60%; right: -5px; transform: translateY(-50%);} /* promo and fotter */ #promo-page-title{ position: relative; background: #FEF8FB;} #promo-page-title:before{ content: ""; width: 100%; height: 100%; background: url("../../../images/umezono/common/middle_promo.png") no-repeat center bottom; background-size: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 1;} #promo-page-title h2{ width: 1200px; margin: 0px auto; text-align: center; font-size: 4.0rem; line-height: 1.0em; color: #A10E55; letter-spacing: .1em; padding: 5.0em 0 2.6em; position: relative; z-index: 10;} body#home #promo-page-title{ display: none;} /* container */ .blog .container{ width: 100%; margin: 0px auto; padding: 6.0rem 0; position: relative;} .blog .container:last-child{ padding-bottom: 12.0rem;} .blog .container .item{ width: 1200px; margin: 0px auto;} .blog .container .item p strong{ color: #F2157F;} /* article */ .article{ display: flex; justify-content: space-between; flex-wrap: wrap;} .article.mt{ margin-top: 6.0rem;} .article .image{ width: 31%;} .article .image img{ width: 100%; height: auto; border-radius: 10px; overflow: hidden;} .article .inner{ width: 63%;} .article.imgLeft .image{ order: 1;} .article.imgLeft .inner{ order: 2;} .article.imgRight .image{ order: 2;} .article.imgRight .inner{ order: 1;} .article.alignCenter{ align-items: center;} .article.alignBottom{ align-items: flex-end;} /* half */ .half{ display: flex; justify-content: space-between; flex-wrap: wrap;} .half .image{ width: 47%;} .half .image img{ width: 100%; height: auto; border-radius: 10px; overflow: hidden;} .half .inner{ width: 47%;} .half.imgLeft .image{ order: 1;} .half.imgLeft .inner{ order: 2;} .half.imgRight .image{ order: 2;} .half.imgRight .inner{ order: 1;} .half.alignCenter{ align-items: center;} .half.alignBottom{ align-items: flex-end;} /* column */ .column02{ display: flex; justify-content: space-between; flex-wrap: wrap;} .column02 .inner{ width: 47%;} .column02.multi .inner{ margin: 1.5rem 0 1.5rem;} .column03{ display: flex; justify-content: flex-start; flex-wrap: wrap;} .column03 .inner{ width: 31%; margin-right: 3.5%;} .column03 .inner:nth-child(3n){ margin-right: 0px;} /* table */ .userTable01{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;} .userTable01 tr{ background: #FFF;} .userTable01 thead th{ padding: 1.5rem; line-height: 1.5em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !important; text-align: center; background: #F3B105; color: #FFF;} .userTable01 tbody th{ padding: 1.5rem; line-height: 1.5em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !important; text-align: center; background: rgba(243, 177, 5, 0.1); color: #946C03;} .userTable01 tbody td{ padding: 1.5rem; line-height: 1.5em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !important;} .userTable02{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;font-size: 2.0rem;} .userTable02 tr{ background: #FFF;} .userTable02 thead th{ padding: 1.5rem; line-height: 1.5em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !important; text-align: center; background: #F3B105; color: #FFF;} .userTable02 tbody th{ padding: 1.5rem; line-height: 1.5em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !important; text-align: center; background: rgba(243, 177, 5, 0.1); color: #946C03;} .userTable02 tbody td{ padding: 1.5rem; line-height: 1.5em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !important;} /* Breadcrumbs */ .breadcrumbs { padding:1.0em 0; font-size:1.2rem; line-height:1.0em; color: rgba(51,51,51,0.6); width: 1200px; margin: 0px auto;} .breadcrumbs i{ padding: 0px 0.5em;} .breadcrumbs a { color: rgba(51,51,51,1.0); text-decoration: none;} .breadcrumbs a:hover{ color: rgba(51,51,51,0.6);} .breadcrumbs .icon-angle-right{padding:0 5px;} /* iteminfo */ .iteminfo, .content_rating { background: #F9F9F9; font-size: 1.2rem; line-height: 1.0em; padding: 1.0rem; margin-bottom: 1.5rem;} /* readmore */ .readmore { margin: 1.0em 0 0 0; text-align: right;} .readmore a{ display: inline-block; color: #FFF; font-size: 1.3rem; line-height: 1.1; background: #333; text-decoration: none; padding: 0.5rem 2.5rem; border-radius: 100px;} .readmore a:hover{ background: #999; color: #FFF;} /* separator */ .item-separator { margin-bottom: 0px;} /* image resize */ .imgFit img{ width: 100%; height: auto;} /* link button */ .linkBtn{ width: 23.5%; margin: 2.0em auto 0;} .linkBtn a{ display: block; font-weight: 600; line-height: 1.0em; text-decoration: none; color: #F2157F; border: solid 2px #F2157F; border-radius: 100px; padding: 0.75em 0; text-align: center; position: relative;} .linkBtn a:hover{ color: #FFF; background: #E87EA6; border-color: #E87EA6;} .linkBtn a:after{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 1.2rem; position: absolute; top: 50%; right: 1.5em; transform: translateY(-50%);} .linkBtns{ margin: 2.0em auto 0; display: flex; justify-content: center; flex-wrap: wrap;} .linkBtns li{ width: 23.5%;} .linkBtns li:nth-child(n+2){ margin-left: 3.5%;} .linkBtns li a{ display: block; font-weight: 600; line-height: 1.0em; text-decoration: none; color: #F2157F; border: solid 2px #F2157F; border-radius: 100px; padding: 0.75em 0; text-align: center; position: relative;} .linkBtns li a:hover{ color: #FFF; background: #E87EA6; border-color: #E87EA6;} .linkBtns li a:after{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 1.2rem; position: absolute; top: 50%; right: 1.5em; transform: translateY(-50%);} /* HOME -------------------------------------------------------------*/ h3.homeHead{ font-size: 3.5rem; line-height: 1.1em; text-align: center; margin-bottom: 1.0em;} h3.homeHead span{ display: block; font-size: 1.6rem; line-height: 1.3em; color: rgba(242, 19, 127, 0.5); text-align: center; font-family: moniker,sans-serif; font-weight: 400; font-style: normal; margin-top: 0.5em;} body#home #top{ padding: 0px; overflow: hidden; position: relative;} body#home #top video{ width: 102%; height: auto; position: relative; left: -1%;} body#home #top:before{ content: ""; width: 680px; height: 170px; background: url("../../../images/umezono/home/movie_logo2025.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10;} /* 幸せな未来をつくる力を育てる */ .container.itemid-517:before{ content: ""; width: 100%; height: 60%; background: #FEF8FB; position: absolute; top: 0px; left: 0px; z-index: -1;} h4.homeLead{ text-align: center; color: #4CAC38; font-size: 2.0rem;} .homeClm{ margin-top: 2.0em;} .homeClm .inner{ background: url("../../../images/umezono/home/clm_bg_01.png") no-repeat center bottom #FFF; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); position: relative; padding-bottom: 210px;} .homeClm .inner:nth-child(2){ background: url("../../../images/umezono/home/clm_bg_02.png") no-repeat center bottom #FFF;} .homeClm .inner:nth-child(3){ background: url("../../../images/umezono/home/clm_bg_03.png") no-repeat center bottom #FFF;} .homeClm .inner:nth-child(1):before{ content: ""; width: 372px; height: 210px; background: url("../../../images/umezono/home/clm_bg_01_hover.png") no-repeat center bottom; background-size: contain; position: absolute; bottom: 0px; left: 0px; z-index: 1; transition: all 0.3s ease 0s; opacity: 0.0;} .homeClm .inner:nth-child(1):hover:before{ opacity: 1.0;} .homeClm .inner:nth-child(2):before{ content: ""; width: 372px; height: 210px; background: url("../../../images/umezono/home/clm_bg_02_hover.png") no-repeat center bottom; background-size: contain; position: absolute; bottom: 0px; left: 0px; z-index: 1; transition: all 0.3s ease 0s; opacity: 0.0;} .homeClm .inner:nth-child(2):hover:before{ opacity: 1.0;} .homeClm .inner:nth-child(3):before{ content: ""; width: 372px; height: 210px; background: url("../../../images/umezono/home/clm_bg_03_hover.png") no-repeat center bottom; background-size: contain; position: absolute; bottom: 0px; left: 0px; z-index: 1; transition: all 0.3s ease 0s; opacity: 0.0;} .homeClm .inner:nth-child(3):hover:before{ opacity: 1.0;} .homeClm .inner h4{ font-size: 2.5rem; line-height: 1.3em; text-align: center; padding: 1.5em 0 0.5em; margin-bottom: 0.5em; background: url("../../../images/umezono/home/line_01.png") no-repeat center bottom;} .homeClm .inner h4:first-letter{ color: #4CAD38;} .homeClm .inner:nth-child(2) h4{ background: url("../../../images/umezono/home/line_02.png") no-repeat center bottom;} .homeClm .inner:nth-child(2) h4:first-letter{ color: #F2B105;} .homeClm .inner:nth-child(3) h4{ background: url("../../../images/umezono/home/line_03.png") no-repeat center bottom;} .homeClm .inner:nth-child(3) h4:first-letter{ color: #007FD7;} .homeClm .inner p{ font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal; padding: 0 2.0em;} .homeClm .inner span{ display: inline-block; font-size: 1.4rem; line-height: 1.0em; padding: 0.4em 2.0em; border-radius: 100px; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); position: absolute;bottom: 4.0em; left: 50%; transform: translateX(-50%); z-index: 5; transition: all 0.3s ease 0s;} .homeClm .inner:nth-child(1):hover span{ color: #FFF; background: #4CAD38;} .homeClm .inner:nth-child(2):hover span{ color: #FFF; background: #F2B105;} .homeClm .inner:nth-child(3):hover span{ color: #FFF; background: #007FD7;} .homeClm .inner a em{ display: none;} .homeClm .inner a:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 10;} .bookClm03{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 80%; margin: 0px auto;} .bookClm03 li{ width: 28%;} .bookClm03 li img{ width: 100%; height: auto; border-radius: 5px; overflow: hidden;} .bookClm03 li span{ display: block; font-size: 1.4rem; line-height: 1.3em; text-align: center; margin-top: 0.5em;} /* パネル */ .container.itemid-516{} .container.itemid-516 .item{ width: auto;} .linkPanel{ display: flex; justify-content: space-between; flex-wrap: wrap;} .linkPanel li{ width: 25%; padding-bottom: 25%; position: relative;} .linkPanel li h3{ font-size: 3.5rem; line-height: 1.3em; text-align: center; color: #464637; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10;} .linkPanel li h3 strong{ color: #F2137F; font-weight: normal;} .linkPanel li a{ color: #FFF; text-decoration: none; opacity: 0.0;} .linkPanel li a:hover{ color: #FFF; opacity: 1.0;} .linkPanel li a:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 5;} .linkPanel li a:after{ content: ""; width: 100%; height: 100%; background: rgba(232, 126, 166, 0.0); position: absolute; top: 0px; left: 0px; z-index: 2; transition: all 0.3s ease 0s;} .linkPanel li a:hover:after{ background: rgba(232, 126, 166, 0.8);} .linkPanel li span{ font-size: 3.0rem; display: inline-block; padding-bottom: 0.25em; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10; white-space: nowrap; font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal;} .linkPanel li:nth-child(1){ background: url("../../../images/umezono/home/panel_01.png") no-repeat; background-size: contain;} .linkPanel li:nth-child(2){ background: url("../../../images/umezono/home/panel_02.png") no-repeat; background-size: contain;} .linkPanel li:nth-child(3){ background: url("../../../images/umezono/home/panel_03.png") no-repeat; background-size: contain;} .linkPanel li:nth-child(4){ background: url("../../../images/umezono/home/panel_04.png") no-repeat; background-size: contain;} .linkPanel li:nth-child(5){ background: url("../../../images/umezono/home/panel_05.png") no-repeat; background-size: contain;} .linkPanel li:nth-child(6){ background: url("../../../images/umezono/home/panel_06.png") no-repeat; background-size: contain;} .linkPanel li:nth-child(7){ background: url("../../../images/umezono/home/panel_07.png") no-repeat; background-size: contain;} .linkPanel li:nth-child(8){ background: url("../../../images/umezono/home/panel_08.png") no-repeat; background-size: contain;} /* 梅乃園幼稚園からのお知らせ */ .homeNews{} .homeNews .inner h4{ font-size: 2.5rem; line-height: 1.3em; color: #F2147F; border-bottom: dotted 2px #DDD; padding: 0.5em 0; padding-left: 4.0rem; margin-bottom: 0.5em; position: relative;} .homeNews .inner h4:before{ content: ""; width: 31px; height: 30px; background: url("../../../images/umezono/home/icon_plum .png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .homeNews .inner table{ width: 100%;} .homeNews .inner table tr{ border-bottom: solid 1px #F0F0F0;} .homeNews .inner table tr th{ color: #E87EA6; line-height: 1.3em; padding: 1.0em 0; vertical-align: top;} .homeNews .inner table tr td{ line-height: 1.3em; padding: 1.0em 0; padding-left: 1.0em;} .banner{ margin-top: 2.0em; display: flex; justify-content: space-between; flex-wrap: wrap;} .banner li{ width: 23.5%;} .banner li a{ display: block; opacity: 1.0;} .banner li a:hover{ opacity: 0.6;} .banner li.balloon{ background: #F5EEE8; border-radius: 5px; padding: 1.0em; position: relative; display: flex; align-items: center;} .banner li.balloon:before{ content: ""; position: absolute; top: 50%; left: -20px; margin-top: -10px; border: 10px solid transparent; border-right: 10px solid #F5EEE8;} .banner li.balloon p{ font-size: 1.2rem; line-height: 1.5em;} /* 梅乃園幼稚園は、子育て支援にも力を入れています。/入園をお考えの保護者様へ */ .homeContents{ align-items: center;} .homeContents.mt{ margin-top: 3.0rem;} .homeContents .image{ position: relative;} .homeContents.imgRight .image:before{ content: ""; width: 100%; height: 100%; background: #FDF2F8; position: absolute; bottom: -3.0rem; right: -3.0rem; z-index: -1; border-radius: 10px;} .homeContents.imgLeft .image:before{ content: ""; width: 100%; height: 100%; background: #FDF2F8; position: absolute; bottom: -3.0rem; left: -3.0rem; z-index: -1; border-radius: 10px;} .homeContents .inner h3{ font-size: 3.5rem; line-height: 1.3em; color: #F2137F; margin-bottom: 0.5em;} .homeContents .inner ul{ margin-top: 1.0em; display: flex; justify-content: flex-start; flex-wrap: wrap;} .homeContents .inner ul li{ width: 35%;} .homeContents .inner ul li:nth-child(n+2){ margin-left: 4%;} .homeContents .inner ul li a{ display: block; font-size: 1.6rem; line-height: 1.0em; text-align: center; text-decoration: none; color: #FFF; background: #4DAF38; padding: 0.5em 0; border-radius: 100px;} .homeContents .inner ul li a:hover{ background: #686859; color: #FFF;} /* bottom banner */ .btmBnr{ width: 100%; padding: 3.0rem; background: #E87EA6;} .btmBnr ul{ width: 1200px; margin: 0px auto; display: flex; justify-content: center; flex-wrap: wrap;} .btmBnr ul li{ width: 23.5%;} .btmBnr ul li:nth-child(n+2){ margin-left: 2%;} .btmBnr ul li a{ display: block; opacity: 1.0; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);} .btmBnr ul li a:hover{ opacity: 0.6; box-shadow: none;} .btmBnr ul li span{ display: block; text-align: center; font-size: 1.4rem; line-height: 1.3em; color: #FFF; margin-top: 0.5em;} /* 理念・目標・方針 -------------------------------------------------------------*/ h4.slogan{ font-size: 3.0rem; line-height: 1.3em; color: #4CAC38; text-align: center; margin: -0.5em 0 0.75em; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); z-index: 10;} h4.slogan:before{ content: ""; width: 100%; height: 20%; background: rgba(76, 172, 56, 0.1); position: absolute; bottom: 0px; left: 0px; z-index: -1;} /* 教育目標 */ .philosophy{ border: solid 5px #E87EA6; border-radius: 10px; position: relative; padding: 2.0em;} .philosophy h3{ font-size: 3.0rem; line-height: 1.0em; color: #FFF; background: #E87EA6; display: inline-block; padding: 0.3em 3.0em 0.5em; border-radius: 100px; position: relative; left: 50%; transform: translateX(-50%); margin-top: -2.6em;} .philosophy .align-center{ margin-top: 1.0em;} .philosophy .numList{ display: flex; justify-content: space-between; flex-wrap: wrap;} .philosophy .numList li{ width: 48%; font-weight: 600;} .philosophy h4.heading{ margin: 6.0rem 0 0 0;} .philosophy .method{ display: flex; justify-content: space-between; flex-wrap: wrap;} .philosophy .method li{ width: 30%; background: #EEE; border-radius: 10px; padding-bottom: 14%; position: relative; margin-top: 1.0em;} .philosophy .method li:nth-child(1){ background: #EFC4C5;} .philosophy .method li:nth-child(2){ background: #F5DFB7;} .philosophy .method li:nth-child(3){ background: #E3EDC4;} .philosophy .method li:nth-child(4){ background: #FBF1B2;} .philosophy .method li:nth-child(5){ background: #D0E7FA;} .philosophy .method li:nth-child(6){ background: #DECFE1;} .philosophy .method li:nth-child(7){ background: #B2D7EF;} .philosophy .method li:nth-child(8){ background: #F1D3DC;} .philosophy .method li:nth-child(9){ background: #CCE4D0;} .philosophy .method li:nth-child(10){ background: #F1CBDC;} .philosophy .method li span{ display: block; width: 100%; text-align: center; font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal; font-size: 2.0rem; line-height: 1.3em; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} /* 園長挨拶 */ .greeting .image h4{ text-align: center; margin-top: 1.0em;} .greeting .image h4 strong{ font-weight: 400; font-size: 2.0em; line-height: 1.1em; display: block; text-align: center;} /* 園の特色 -------------------------------------------------------------*/ /* 能力開発 */ .capacity{ width: 80%; margin: 0px auto;} .capacity .inner{ border-radius: 10px; overflow: hidden; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);} .capacity .inner h5{ width: 90%; font-size: 2.5rem; line-height: 1.3em; text-align: center; background: #FFF; padding: 1.0em 0 0.5em; position: relative; left: 5%; margin-top: -1.0em; border-radius: 5px; font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal; color: #E87EA6;} .capacity .inner p.text{ padding: 1.5em; padding-top: 0px;} /* 親子の絆を応援します */ .container.itemid-524 .article .image li:last-child{ margin-top: 1.0em;} /* 教員養成システム */ .systemList{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 1.0em;} .systemList li{ width: 31%; background: rgba(232, 126, 166, 0.1); border: solid 2px rgba(232, 126, 166, 0.1); padding: 0.75em; padding-bottom: 0.85em; text-align: center; border-radius: 10px; font-size: 1.6rem; line-height: 1.3em; color: #A10E55; font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal;} .systemList li:nth-child(n+4){ margin-top: 1.5em;} /* 給食 */ .schoolLunch{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 2.0em;} .schoolLunch .inner{ width: 22.5%;} .schoolLunch .inner:nth-child(n+5){ margin-top: 1.5em;} .schoolLunch .inner .imgFit{ margin-bottom: 0.75em;} .schoolLunch .inner .imgFit img{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1); overflow: hidden; display: block; border-radius: 10px;} .schoolLunch .inner p{ text-align: center; line-height: 1.3em; font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal;} /* 園概要・沿革 -------------------------------------------------------------*/ .imgClm02{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 80%; margin: 0px auto;} .imgClm02 li{ width: 47%;} .imgClm02 li img{ width: 100%; height: auto; border-radius: 10px; overflow: hidden;} .imgClm02 li span{ display: block; font-size: 1.4rem; line-height: 1.3em; text-align: center; margin-top: 0.5em;} .history{ width: 100%; border-top: solid 1px #F0F0F0;} .history tr{ border-bottom: solid 1px #F0F0F0;} .history tr:nth-child(odd){ background: #F9F9F9;} .history th{ width: 15%; vertical-align: top; padding: 1.4em; line-height: 1.3em;} .history td{ vertical-align: top; line-height: 1.3em; padding: 1.4em;} .container.itemid-526 .article .inner{ width: 80%;} .container.itemid-526 .article .image{ width: 14%;} .container.itemid-526 .article .image li{ margin-top: 1.0em;} .container.itemid-526 .article .image li:first-child{ margin-top: 0em;} .container.itemid-526 .article .image li:first-child{ margin-top: 0em;} /* 施設案内 -------------------------------------------------------------*/ .facilityList{ display: flex; justify-content: flex-start; flex-wrap: wrap;} .facilityList li{ width: 23.5%; margin-right: 2%;} .facilityList li:nth-child(4n){ margin-right: 0px;} .facilityList li:nth-child(n+5){ margin-top: 2.0em;} .facilityList li img{ width: 100%; height: auto; border-radius: 5px; overflow: hidden; display: block; margin-bottom: 1.0em;} .facilityList li span{ display: block; line-height: 1.5em;} /* 名画 */ .masterpiece{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 1.5em 0;} .masterpiece li{ height: 180px; text-align: center;} .masterpiece li img{ width: auto; height: 100%; display: inline-block;} /* 教諭の紹介 -------------------------------------------------------------*/ .teachers{ display: flex; justify-content: space-between; flex-wrap: wrap;} .teachers .inner{ width: 47%; display: flex; justify-content: space-between; flex-wrap: wrap;} .teachers .inner:nth-child(n+3){ margin-top: 2.5em;} .teachers .inner .image{ width: 31%; position: relative;} .teachers .inner .image:before{ content: ""; width: 100%; height: 100%; background: rgba(255,255,255,0.0); position: absolute; top: 0px; left: 0px; z-index: 10;} .teachers .inner .image p{ margin-bottom: 1.0em; position: relative;} .teachers .inner .image p:before{ content: ""; width: 100%; height: 100%; background: rgba(232, 126, 166, 0.1); border-radius: 5px; position: absolute; bottom: -1.0rem; right: -1.0rem; z-index: -1;} .teachers .inner .image p img{ width: 100%; height: auto; display: block; border-radius: 5px; overflow: hidden; position: relative;} .teachers .inner .image h4{ text-align: center; line-height: 1.3em;} .teachers .inner .plofile{ width: 65%;} .teachers .inner .plofile h5{ position: relative; margin: 1.5em 0 0.5em;} .teachers .inner .plofile h5:before{ content: ""; width: 100%; height: 1px; background: rgba(232, 126, 166, 0.3); position: absolute; top: 50%; left: 0px; z-index: -1;} .teachers .inner .plofile h5:first-child{ margin-top: 0px;} .teachers .inner .plofile h5 span{ display: inline-block; padding-right: 1.0em; background: #FFF; font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal; color: #E87EA6;} .teachers .inner .plofile p{ font-weight: 600; font-size: 1.4rem; line-height: 1.5em;} /* 教育内容 -------------------------------------------------------------*/ body#education #box-wrap{ width: 1200px; margin: 0px auto 12.0rem;} body#education .blog .container{ padding: 0px;} body#education .blog .container .item{ width: auto;} .cateLead{ width: 1200px; margin: 6.0rem auto 0; border: double 3px rgba(0,0,0,0.05); padding: 1.0em;} .cateLead p{ text-align: center;} .education{ margin-top: 6.0rem; border-radius: 10px; overflow: hidden; background: #FFF; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);} .education .image img{ width: 100%; height: auto;} .education .inner{ width: 90%; background: #FFF; border-radius: 10px; margin: -5.0rem auto 0; padding: 1.5em 0; position: relative; z-index: 10;} .education .inner h3{ text-align: center; line-height: 1.3em; font-size: 2.5rem; color: #F2157F; margin-bottom: 0.75em;} /* スケジュール -------------------------------------------------------------*/ /* 1日の流れ */ .lifeSchedule{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;} .lifeSchedule h4{ width: 10%; font-size: 3.0rem; line-height: 1.0em; text-align: center; color: #E87EA6; font-family: 'Barlow Condensed', sans-serif;} .lifeSchedule h4:before{ content: "\f017"; font-family: "Font Awesome 5 Free"; font-weight: 400; color: rgba(232, 126, 166, 0.3); display: block; font-size: 10.0rem; line-height: 1.0em; text-align: center; margin-bottom: 1.0rem;} .lifeSchedule .inner{ width: 86%; display: flex; justify-content: space-between; flex-wrap: wrap;} .lifeSchedule .inner .image{ width: 23.5%; order: 2;} .lifeSchedule .inner .image img{ width: 100%; height: auto; border-radius: 10px; overflow: hidden;} .lifeSchedule .inner .cont{ width: 72.5%; order: 1;} .lifeSchedule .inner .cont h5 { font-size: 2.0rem; line-height: 1.3em; background: url("../../../images/umezono/common/kiji-midashi-3.png") repeat; border-left: solid 3px #E87EA6; padding: 0.75em; margin: 0 0 1.5rem; color: #A10E55;} .lifeSchedule .inner .cont a{ display: inline-block; font-size: 1.4rem; line-height: 1.0em; font-weight: 600; text-decoration: none; color: #F2157F; border: solid 2px #F2157F; padding: 0.5em 1.5em; border-radius: 100px; position: relative; margin-top: 1.5em;} .lifeSchedule .inner .cont a:hover{ color: #FFF; background: #F2157F;} .lifeSchedule.arrow{ margin-bottom: 6.0rem; position: relative;} .lifeSchedule.arrow:after{ content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 5.0rem; line-height: 1.0em; color: rgba(232, 126, 166, 0.5); position: absolute; bottom: -1.0em; left: 5%; transform: translateX(-50%);} /* 年間のスケジュール */ .semester{ padding: 3.0em 2.0em;} .semester h4{ display: inline-block; font-size: 2.5rem; line-height: 1.0em; padding: 0.5em 3.0em 0.6em; border-radius: 100px; background: #666; color: #FFF; margin-bottom: 1.0em;} .semester.clr01{ background: #E5F2FB; border-radius: 10px 10px 0 0;} .semester.clr02{ background: #FEF7E6; border-radius: 0;} .semester.clr03{ background: #EDF7EB; border-radius: 0 0 10px 10px;} .semester.clr01 h4{ background: #0081D7;} .semester.clr02 h4{ background: #F3B105;} .semester.clr03 h4{ background: #4DAF38;} .semester.clr01 h5{ color: #0081D7;} .semester.clr02 h5{ color: #F3B105;} .semester.clr03 h5{ color: #4DAF38;} .semester .column02 .inner{ display: flex; justify-content: space-between; flex-wrap: wrap;} .semester .column02 .inner:nth-child(n+3){ margin-top: 3.0em;} .semester .column02 .inner .image{ width: 31%;} .semester .column02 .inner .image img{ width: 100%; height: auto; border: solid 5px #FFF; border-radius: 10px; overflow: hidden;} .semester .column02 .inner .cont{ width: 65%;} .semester .column02 .inner .cont h5{ font-size: 2.0rem; line-height: 1.3em; font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal; padding: 0.5em 0; margin-bottom: 0.5em; border-bottom: dotted 2px rgba(0,0,0,0.1);} .semester .column02 .inner .cont p{ font-size: 1.4rem; line-height: 1.5em;} /* 2歳児小梅教室 -------------------------------------------------------------*/ /* 小梅教室 */ .container.itemid-545 h3.heading{ padding-top: 75px;} .container.itemid-545 h3.heading:after{ content: ""; width: 60px; height: 60px; background: url("../../../images/umezono/life/classroom/plum.png") no-repeat; background-size: contain; position: absolute; top: 0px; left: 50%; transform: translateX(-50%);} .container.itemid-545 .half{ align-items: center; margin: 1.0em 0;} .container.itemid-545 .half .image{ width: 50%;} .container.itemid-545 .half .inner{ width: 46%;} .container.itemid-545 .half .inner a{ display: inline-block; font-size: 1.4rem; line-height: 1.0em; font-weight: 600; text-decoration: none; color: #F2157F; border: solid 2px #F2157F; padding: 0.5em 1.5em; border-radius: 100px; position: relative; margin-top: 1.5em;} .container.itemid-545 .half .inner a:hover{ color: #FFF; background: #F2157F;} /* 保育時間 */ .underLine{ display: inline-block; line-height: 1.3em; font-weight: 600; border: double 3px #F0F0F0; padding: 0.5em 2.0em; position: relative; left: 50%; transform: translateX(-50%);} .timeSchedule li{ display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 1.0em 0; font-size: 2.0rem; line-height: 1.0em; font-weight: 600; border-bottom: solid 1px #F0F0F0; position: relative;} .timeSchedule li span{ font-family: 'Barlow Condensed', sans-serif; font-weight: normal; color: #F2157F; margin-right: 1.0em; position: relative;} .timeSchedule li span:after{ content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 3.0rem; line-height: 1.0em; position: absolute; bottom: -1.15em; left: 60%; transform: translateX(-50%); color: rgba(232, 126, 166, 0.5); z-index: 10;} .timeSchedule li:last-child span:after{ content: none;} .timeSchedule li span:before{ content: "\f017"; font-family: "Font Awesome 5 Free"; font-weight: 400; margin-right: 0.3em;} /* 施設案内 */ .container.itemid-543 .items-row{ padding: 6.0rem 0; background: rgba(232, 126, 166, 0.05);} .classroomClm{ display: flex; justify-content: space-between; flex-wrap: wrap;} .classroomClm .inner{ border-radius: 10px; overflow: hidden; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); width: 23.5%;} .classroomClm .inner .image img{ width: 100%; height: auto;} .classroomClm .inner .text{ padding: 1.5em; line-height: 1.5em;} /* 入室条件 */ .container.itemid-542 ul.listStyle li:last-child{ border-bottom: solid 1px #F0F0F0;} .container.itemid-542 .linkBtn{ width: 31%;} .container.itemid-542 .linkBtn.pdf a:before{ content: "\f1c1"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 1.6rem; position: absolute; top: 50%; left: 1.5em; transform: translateY(-50%);} /* 料金・コースのご案内 */ .container.itemid-541 .items-row{ padding: 6.0rem 0; background: url("../../../images/umezono/common/bg_dot.png") repeat;} /* 募集要項 */ h4.classroom{ font-size: 2.5rem; line-height: 1.3em; text-align: center; color: #F2157F; margin: 0.5em 0 1.0em;} /* 課外活動 -------------------------------------------------------------*/ body#activity #box-wrap{ width: 1200px; margin: 0px auto 12.0rem;} body#activity .blog .container{ padding: 0px;} body#activity .blog .container .item{ width: auto;} .activity{ margin-top: 6.0rem; border-radius: 10px; overflow: hidden; background: #FFF; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);} .activity .image img{ width: 100%; height: auto;} .activity .inner{ width: 90%; background: #FFF; border-radius: 10px; margin: -5.0rem auto 0; padding: 1.5em 0; position: relative; z-index: 10;} .activity .inner h3{ text-align: center; line-height: 1.3em; font-size: 2.5rem; color: #F2157F; margin-bottom: 0.75em;} .activity .inner .moreBtn{ margin-top: 1.0em; padding-top: 1.0em; border-top: solid 1px rgba(0,0,0,0.05);} .activity .inner .moreBtn a{ display: block; width: 50%; margin: 0px auto; font-size: 1.4rem; font-weight: 600; line-height: 1.0em; text-decoration: none; color: #F2157F; border: solid 2px #F2157F; border-radius: 100px; padding: 0.75em 0; text-align: center; position: relative;} .activity .inner .moreBtn a:hover{ color: #FFF; background: #E87EA6; border-color: #E87EA6;} .activity .inner .moreBtn a:after{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 1.2rem; position: absolute; top: 50%; right: 1.5em; transform: translateY(-50%);} /* 知能教育CUBE -------------------------------------------------------------*/ /**/ .cube01{ border: solid 5px #E87EA6; border-radius: 10px; position: relative; padding: 2.0em;} .cube01 h3{ font-size: 3.0rem; line-height: 1.0em; color: #FFF; background: #E87EA6; display: inline-block; padding: 0.3em 3.0em 0.5em; border-radius: 100px; position: relative; left: 50%; transform: translateX(-50%); margin-top: -2.6em;} .cube01 h4{ font-size: 3.0rem; line-height: 1.3em; text-align: center; margin-top: 1.0em; position: relative; padding-bottom: 1.5em;} .cube01 h4:after{ content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 6.0rem; line-height: 1.0em; position: absolute; bottom: -0.12em; left: 50%; transform: translateX(-50%); color: rgba(51,51,51, 0.25); z-index: 10;} .cube01 h4 strong{ font-weight: 400; color: #F2157F;} .cube01 h5{ font-size: 3.0rem; line-height: 1.3em; display: inline-block; left: 50%; transform: translateX(-50%); color: #4DAF38; border: double 3px #4DAF38; padding: 0.5em 2.0em 0.6em; position: relative;} .cube01 h5:after{ content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 6.0rem; line-height: 1.0em; position: absolute; bottom: -1.0em; left: 50%; transform: translateX(-50%); color: rgba(77, 175, 56, 0.25); z-index: 10;} .cube01 ul{ margin-top: 3.5em; display: flex; justify-content: space-between; flex-wrap: wrap;} .cube01 ul li{ width: 18.4%; background: rgba(232, 126, 166, 0.1); border: solid 2px rgba(232, 126, 166, 0.1); border-radius: 5px; padding: 1.5em 0; font-size: 2.0rem; line-height: 1.0em; text-align: center; font-weight: 600; color: #F2157F;} /* CUBEの積み木教育 */ .cube02{ border: solid 5px #E87EA6; border-radius: 10px; position: relative; padding: 2.0em;} .cube02 h3{ font-size: 3.0rem; line-height: 1.0em; color: #FFF; background: #E87EA6; display: inline-block; padding: 0.3em 3.0em 0.5em; border-radius: 100px; position: relative; left: 50%; transform: translateX(-50%); margin-top: -2.6em;} .cube02 h4{ font-size: 3.0rem; line-height: 1.3em; text-align: center; margin: 1.0em 0; color: #F2157F;} .cube02 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 75%; margin: 1.5em auto 0;} .cube02 ul li{ width: 48%; line-height: 1.3em; font-weight: 600; text-align: center;} .cube02 ul li:nth-child(1){ color: #F2157F;} .cube02 ul li:nth-child(2){ color: #0081D7;} /* 保護者の声 */ .voiceList{ display: flex; justify-content: space-between; flex-wrap: wrap;} .voiceList li{ width: 48%; background: #FAF6F3; border: solid 4px #E4DCD1; border-radius: 10px; padding: 1.0em;} .voiceList li:nth-child(n+3){ margin-top: 3.0em;} .voiceList li p{ font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal; font-size: 1.8rem; line-height: 1.5em; color: #464637;} /* ギャラリー -------------------------------------------------------------*/ #content-top .categories-module{ width: 1200px; margin: 6.0rem auto; display: flex; justify-content: flex-start; flex-wrap: wrap;} #content-top .categories-module li{ width: 18.4%; margin-right: 2%;} #content-top .categories-module li:nth-child(5n){ margin-right: 0px;} #content-top .categories-module li:nth-child(n+6){ margin-top: 1.5rem;} #content-top .categories-module li a{ display: block; line-height: 1.0em; text-align: center; text-decoration: none; color: #F2157F; background: rgba(232, 126, 166, 0.1); border: solid 1px rgba(232, 126, 166, 0.2); border-radius: 5px; padding: 0.75em 0;} #content-top .categories-module li a:hover{ color: #FFF; background: rgba(232, 126, 166, 1.0); border-color: rgba(232, 126, 166, 1.0);} body#gallery #box-wrap{ width: 1200px; margin: 0px auto 12.0rem;} body#gallery .blog .container{ padding: 0px;} body#gallery .blog .container .item{ width: auto;} body#gallery .item-separator { margin-bottom: 3.0rem;} .gallery{} .gallery .imgFit{ border: solid 10px #FFF; box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.2); margin-bottom: 1.0rem;} .gallery .text{ text-align: center; line-height: 1.5em;} /* 募集要項 -------------------------------------------------------------*/ /* 入園までの流れ */ .flowClm{ display: flex; justify-content: space-between; flex-wrap: wrap;} .flowClm .inner{ width: 50%; padding: 2.0em; position: relative;} .flowClm .inner:before{ content: ""; width: 5px; height: 85%; background: rgba(0,0,0,0.2); position: absolute; bottom: -2.0rem; left: 10%; z-index: 1;} .flowClm .inner:after{ content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 3.0rem; color: rgba(0,0,0,0.2); position: absolute; bottom: -3.85rem; left: 10.45%; transform: translateX(-50%);} .flowClm .inner:nth-child(1){ background: #FEF7E6;} .flowClm .inner:nth-child(2){ background: #FDF2F6; position: relative;} .flowClm .inner:nth-child(2):before{ height: 28%;} .flowClm .inner h4{ font-size: 2.5rem; line-height: 1.3em; text-align: center; margin-bottom: 1.0em;} .flowClm .inner:nth-child(1) h4{ color: #926A03;} .flowClm .inner:nth-child(2) h4{ color: #8B4C64;} .flowClm .inner:nth-child(2) h5{ font-size: 2.2rem; line-height: 1.0em; color: #F2157F; font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal; position: absolute; top: 10.0em; left: 0px; width: 100%; z-index: 10; text-align: center;} .flowClm .inner ul{ position: relative; z-index: 10;} .flowClm .inner ul li{} .flowClm .inner ul li:nth-child(n+2){ margin-top: 1.0rem;} .flowClm .inner ul li span{ display: block; background: #FFF; padding: 1.0em; line-height: 1.3em; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 5px;} .flowClm .inner ul li span strong{ display: inline-block; width: 3.0em; font-weight: normal;} .flowClm .inner ul li span strong.day{ width: 5.0em;} .flowClm .inner ul li span em{ color: #F2157F;} .flowClm .inner ul li ul{ padding-left: 4.0em; margin-top: 1.0rem;} .flowClm .inner:nth-child(2) ul{ padding-top: 39.0rem;} .flowBtm{ padding: 2.0em; background: #E5F2FB; margin-top: 5.0rem;} .flowBtm ul{} .flowBtm ul li:nth-child(n+2){ margin-top: 1.0rem;} .flowBtm ul li span{ display: block; background: #FFF; padding: 1.0em; line-height: 1.3em; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 5px;} .flowBtm ul li span strong{ display: inline-block; width: 3.0em; font-weight: normal;} .flowBtm ul li span strong.day{ width: 5.0em;} /* 募集要項 */ .userTable01.guideline{ margin-bottom: 1.0em;} .userTable01.guideline td{ text-align: right;} /* 卒園生進学先 -------------------------------------------------------------*/ .schoolList{ display: flex; justify-content: flex-start; flex-wrap: wrap;} .schoolList li{ width: 23.5%; margin-right: 2%; border-bottom: solid 1px #F0F0F0; line-height: 1.3em; padding: 1.0em 0; padding-left: 2.0em; position: relative;} .schoolList li:nth-child(4n){ margin-right: 0px;} .schoolList li:before{ content: "\f559"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #F3B105; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .schoolList2{ display: flex; justify-content: flex-start; flex-wrap: wrap;} .schoolList2 li{ width: 23.5%; margin-right: 2%; border-bottom: solid 1px #F0F0F0; line-height: 1.3em; padding: 1.0em 0; padding-left: 2.0em; position: relative;} .schoolList2 li:nth-child(4n){ margin-right: 0px;} .schoolList2 li:before{ content: "\f559"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #007FD7; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} /* 子育て支援 -------------------------------------------------------------*/ /* 子育てを頑張る保護者の方へ */ .voiceStyle{} .voiceStyle li{ line-height: 1.3em; padding: 1.0em 0 1.0em 1.5em; border-bottom: solid 1px #F0F0F0; position: relative;} .voiceStyle li:last-child{ border-bottom: none;} .voiceStyle li:before{ content: "\f4ad"; font-family: "Font Awesome 5 Free"; font-weight: 400; color: #E87EA6; position: absolute; top: 1.0em; left: 0px;} /* 講座紹介 */ .container.itemid-356 .items-row{ background: url("../../../images/umezono/common/bg_dot.png") repeat; padding: 6.0rem 0;} /* 0歳児の教育 */ .container.itemid-358 .items-row{ background: url("../../../images/umezono/common/bg_dot.png") repeat; padding: 6.0rem 0;} .subHead{ font-size: 2.0rem; line-height: 1.3em; padding: 0.25em 0 0.25em 0.75em; margin: 2.0em 0 0.5em; position: relative; font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal;} .subHead:before{ content: ""; width: 3px; height: 50%; background: #F2157F; border-radius: 100px; position: absolute; top: 55%; left: 0px; transform: translateY(-50%);} .numList{} .numList li{ border-bottom: solid 1px rgba(0,0,0,0.05); padding: 1.0em 0; line-height: 1.3em; padding-left: 2.0em; position: relative;} .numList li:before{ position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .numList li:nth-child(1):before{ content: ""; width: 20px; height: 20px; background: url("../../../images/umezono/common/num_01.png") no-repeat; background-size: contain;} .numList li:nth-child(2):before{ content: ""; width: 20px; height: 20px; background: url("../../../images/umezono/common/num_02.png") no-repeat; background-size: contain;} .numList li:nth-child(3):before{ content: ""; width: 20px; height: 20px; background: url("../../../images/umezono/common/num_03.png") no-repeat; background-size: contain;} .numList li:nth-child(4):before{ content: ""; width: 20px; height: 20px; background: url("../../../images/umezono/common/num_04.png") no-repeat; background-size: contain;} .numList li:nth-child(5):before{ content: ""; width: 20px; height: 20px; background: url("../../../images/umezono/common/num_05.png") no-repeat; background-size: contain;} .numList li:nth-child(6):before{ content: ""; width: 20px; height: 20px; background: url("../../../images/umezono/common/num_06.png") no-repeat; background-size: contain;} .numList li:nth-child(7):before{ content: ""; width: 20px; height: 20px; background: url("../../../images/umezono/common/num_07.png") no-repeat; background-size: contain;} .numList li:nth-child(8):before{ content: ""; width: 20px; height: 20px; background: url("../../../images/umezono/common/num_08.png") no-repeat; background-size: contain;} .numList li:nth-child(9):before{ content: ""; width: 20px; height: 20px; background: url("../../../images/umezono/common/num_09.png") no-repeat; background-size: contain;} .numList li:nth-child(10):before{ content: ""; width: 20px; height: 20px; background: url("../../../images/umezono/common/num_10.png") no-repeat; background-size: contain;} /* 付属施設 -------------------------------------------------------------*/ .imgClm03{ display: flex; justify-content: space-between; flex-wrap: wrap;} .imgClm03 li{ width: 31%;} .imgClm03 li img{ width: 100%; height: auto; border-radius: 10px; overflow: hidden;} .oneDay{} .oneDay h5{ display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; padding: 0.5em 0; font-size: 2.0rem; line-height: 1.1em; border-bottom: solid 1px #F0F0F0; margin-bottom: 0.5em;} .oneDay h5 span{ font-family: 'Barlow Condensed', sans-serif; color: #F2157F; font-size: 2.0rem; margin-right: 1.0em;} .oneDay h5 span:before{ content: "\f017"; font-family: "Font Awesome 5 Free"; font-weight: 400; margin-right: 0.5em; font-size: 90%; position: relative; top: 5%;} .oneDay h5 strong{ font-weight: normal; color: #4DAF38;} .oneDay.arrow{ margin-bottom: 4.0rem; position: relative;} .oneDay.arrow:before{ content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #E87EA6; font-size: 2.4rem; line-height: 1.0em; position: absolute; bottom: -1.0em; left: 7%; transform: translateX(-50%);} /* アクセス -------------------------------------------------------------*/ .rootList{ margin-top: 1.0em; display: flex; justify-content: flex-start; flex-wrap: wrap;} .rootList li{ width: 48%; line-height: 1.3em; padding: 1.0em 0; border-bottom: solid 1px #F0F0F0;} .rootList li:nth-child(n+2){ margin-left: 4%;} .rootList li strong{ display: inline-block; width: 7.0em; font-weight: normal; color: #F2157F;} .rootList li:nth-child(1) strong:before{ content: "\f1b9"; font-family: "Font Awesome 5 Free"; font-weight: 600; margin-right: 0.3em;} .rootList li:nth-child(2) strong:before{ content: "\f207"; font-family: "Font Awesome 5 Free"; font-weight: 600; margin-right: 0.3em;} /* 採用情報 -------------------------------------------------------------*/ body#recruit .blog .container{ padding-bottom: 0px;} body#recruit .blog .container:last-child{ padding-bottom: 12.0rem;} /* 今このページを見ているあなたへ */ .container.itemid-340 h3.heading{ margin-top: 6.0rem;} .container.itemid-340 .half.mt{ margin-top: 6.0rem;} .youtube{ width: 70%; margin: 0px auto; border: solid 10px #FFF; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);} .youtube .inner{ width: 100%; padding-bottom: 56.25%; position: relative;} .youtube .inner iframe{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;} .accordion{} .accordion h3.kiji-midashi-3{ margin: 0px; position: relative; cursor: pointer;} .accordion h3.kiji-midashi-3:after{ content: "\f0fe"; font-family: "Font Awesome 5 Free"; font-weight: 400; color: #E87EA6; position: absolute; top: 50%; right: 1.2em; transform: translateY(-50%); transition: all 0.3s ease 0s; opacity: 1.0;} .accordion h3.kiji-midashi-3:before{ content: "\f146"; font-family: "Font Awesome 5 Free"; font-weight: 400; color: #E87EA6; position: absolute; top: 50%; right: 1.2em; transform: translateY(-50%); transition: all 0.3s ease 0s; opacity: 0.0;} .accordion h3.kiji-midashi-3.is-active:after{ opacity: 0.0;} .accordion h3.kiji-midashi-3.is-active:before{ opacity: 1.0;} .acContent { padding: 0; line-height: 0; height: 0; overflow: hidden; opacity: 0; transition-duration: .3s;} .acContent.is-open { padding: 1.5em 0 1.0em 0; line-height: normal; height: auto; opacity: 1;} /* 研修制度 */ .listClm{ margin: 1.5em 0; background: #FDF2F8; border-radius: 5px; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 1.5em 2.5em;} .listClm li{ width: 31%; padding: 0.75em 0 0.75em 1.5em; line-height: 1.3em; position: relative;} .listClm li:before{ content: "\f14a"; font-family: "Font Awesome 5 Free"; font-weight: 400; color: #E87EA6; position: absolute; top: 0.75em; left: 0px;} /* 幼稚園教諭の1日 */ .flow{ position: relative; min-height: 112px; padding: 0 15% 0 0;} .flow h4{ font-size: 2.0rem; line-height: 1.3em; padding: 0.5em 0; margin-bottom: 0.5em; border-bottom: solid 1px #F0F0F0; display: flex; justify-content: flex-start; align-items: flex-end;} .flow h4 span{ font-size: 1.6rem; line-height: 1.3em; color: #F2157F; font-family: 'Barlow Condensed', sans-serif; margin-right: 1.0em; padding-left: 0.2em;} .flow h4 span:before{ content: "\f017"; font-family: "Font Awesome 5 Free"; font-weight: 400; margin-right: 0.5em; font-size: 90%; position: relative; top: 5%;} .flow .image{ width: 14%; position: absolute; top: 0px; right: 0px;} .flow .image img{ width: 100%; height: auto;} .flow.arrow{ margin-bottom: 4.0rem;} .flow.arrow:after{ content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #E87EA6; font-size: 2.4rem; line-height: 1.0em; position: absolute; bottom: -1.0em; right: 7%; transform: translateX(50%);} .voice{ margin-top: 6.0rem; background: #FDF2F8; padding: 1.5em; border-radius: 10px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end;} .voice .image{ width: 31%;} .voice .image img{ width: 100%; height: auto;} .voice .inner{ width: 65%;} .voice .inner h3{ font-size: 2.5rem; line-height: 1.3em; margin-bottom: 0.5em; color: #F2157F;} /* エントリーフォーム -------------------------------------------------------------*/ /* お電話でのお問い合わせ */ .phone.cont{ margin-top: 1.0em; text-align: center;} .phone.cont span{ display: inline-block; font-size: 4.0rem; line-height: 1.0em;} .phone.cont span:before{ content: "\f87b"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #E87EA6; font-size: 90%; margin-right: 0.3em; position: relative; top: 5%;} .phone.cont em{ display: block; font-size: 1.4rem; line-height: 1.5em; text-align: center; font-style: normal; margin-top: 0.5em;} /* メールフォームでのお問い合わせ */ .listStyle{} .listStyle li{ line-height: 1.3em; padding: 1.0em 0 1.0em 1.5em; border-bottom: solid 1px #F0F0F0; position: relative;} .listStyle li:last-child{ border-bottom: none;} .listStyle li:before{ content: "\f14a"; font-family: "Font Awesome 5 Free"; font-weight: 400; color: #E87EA6; position: absolute; top: 1.0em; left: 0px;} .policy{ background: #FDF2F8; padding: 1.5em; margin-top: 1.5em;} .policy h4{ font-size: 1.6rem; line-height: 1.3em; margin-bottom: 0.25em; color: #A10E55;} .policy p{ font-size: 1.4rem; line-height: 1.5em;} /* 寄付金のお願い -------------------------------------------------------------*/ .container.itemid-337 #userForm{ margin-top: 1.0rem;} .donationBox{ border: solid 3px #4DAF38; border-radius: 20px; padding: 2.0em; position: relative;} .donationBox h3{ display: inline-block; font-size: 2.0rem; line-height: 1.3em; color: #FFF; background: #4DAF38; padding: 0.1em 2.0em 0.3em 2.0em; border-radius: 100px; position: absolute; top: -1.0em; left: 50%; transform: translateX(-50%);} .donationBox p{ line-height: 1.5em;} .donationBox h4{ font-size: 2.0rem; line-height: 1.3em; margin: 1.0em 0 0.25em; color: #4DAF38;} /*------------------------------------------------------------- 保護者専用掲示板 -------------------------------------------------------------*/ .boardList{ display: flex; justify-content: flex-start; flex-wrap: wrap;} .boardList li{ width: 16.8%; margin-right: 4%;} /*.boardList li:nth-child(5n){ margin-right: 0px;} .boardList li:nth-child(n+6){ margin-top: 6.0rem;}*/ .boardList li:nth-child(4n){ margin-right: 0px;} .boardList li:nth-child(n+5){ margin-top: 6.0rem;} .boardList li a{ display: block; background: rgba(253, 242, 248, 0.5); border: solid 5px rgba(253, 242, 248, 1); border-radius: 50px; overflow: hidden;} .boardList li a:hover{ box-shadow: none; border-color: #E87EA6;} .boardList li a img{ width: 100%; height: auto;} .boardList li span{ display: block; text-align: center; font-size: 2.0rem; line-height: 1.3em; margin-top: 0.5em; font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal; color: #555;} .supBnr{ width: 100%; padding: 4.0rem 0; border-top: solid 1px #F0F0F0;} .supBnr ul{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 1200px; margin: 0px auto;} .supBnr ul li{ width: 23.5%;} .supBnr ul li a{ display: block; opacity: 1.0;} .supBnr ul li a:hover{ opacity: 0.6;} /* 園だより -------------------------------------------------------------*/ .cat-children{ display: none;} .communication{ display: flex; justify-content: flex-start; flex-wrap: wrap;} .communication li{ width: 31%; margin-right: 3.5%;} .communication li:last-child, .communication li:nth-child(3n){ margin-right: 0px;} .communication li:nth-child(n+4){ margin-top: 3.0rem;} .communication li.vacation{ margin-left: 34.5%; margin-right: 34.5%;} .communication li:nth-child(12){ margin-right: 3.5%;} .communication li a{ display: block; font-size: 2.0rem; line-height: 1.1em; color: #F2157F; text-decoration: none; border: solid 3px #F2157F; border-radius: 10px; position: relative; padding: 1.5em 0.5em; font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal;} .communication li a:hover{ color: #FFF; background: #E87EA6; border-color: #E87EA6;} .communication li a:before{ content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size: 1.4rem; position: absolute; top: 50%; right: 2.0em; transform: translateY(-50%); transition: all 0.3s ease 0s;} .communication li a:hover:before{ border-bottom-right-radius: 1.75em;} .communication li a span{ display: inline-block; padding-left: 90px; position: relative;} .communication li:nth-child(1) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_01.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(2) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_02.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(3) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_03.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(4) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_04.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(5) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_05.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(6) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_06.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(7) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_07.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(8) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_08.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(9) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_09.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(10) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_13.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(11) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_10.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(12) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_11.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(13) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_12.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .letters{ display: flex; justify-content: flex-start; flex-wrap: wrap;} .letters li{ width: 31%; margin-right: 3.5%;} .letters li:last-child, .letters li:nth-child(3n){ margin-right: 0px;} .letters li:nth-child(n+4){ margin-top: 3.0rem;} .letters li.vacation{ margin-left: 34.5%; margin-right: 34.5%;} .letters li:nth-child(12){ margin-right: 3.5%;} .letters li a{ display: block; color: #F2157F; text-decoration: none; border: solid 3px #F2157F; border-radius: 10px; position: relative;} .letters li a:hover{ color: #FFF; background: #E87EA6; border-color: #E87EA6;} .letters li a:hover:before{ border-bottom-right-radius: 1.75em;} .letters li img{ padding: 1.0rem;} .comBtm{ width: 1200px; margin: 6.0rem auto 12.0rem;} .comBtm .categories-module{ display: flex; justify-content: flex-start; flex-wrap: wrap;} .comBtm .categories-module li{ width: 18.4%; margin-right: 2%;} .comBtm .categories-module li:nth-child(5n){ margin-right: 0px;} .comBtm .categories-module li:nth-child(n+6){ margin-top: 1.0em;} .comBtm .categories-module li a{ display: block; line-height: 1.0em; text-align: center; text-decoration: none; color: #F2157F; background: rgba(232, 126, 166, 0.1); border: solid 1px rgba(232, 126, 166, 0.2); border-radius: 5px; padding: 0.75em 0;} .comBtm .categories-module li a:hover{ color: #FFF; background: rgba(232, 126, 166, 1.0); border-color: rgba(232, 126, 166, 1.0);} /* 本年度のクラス -------------------------------------------------------------*/ .column03.class{} .column03.class .inner .imgFit{ padding: 0 3.0em 1.0em; border-bottom: dotted 2px #DDD;} .column03.class .inner h3{ font-size: 2.0rem; line-height: 1.3em; text-align: center; padding: 1.0em 0 0.5em;} .column03.class .inner a{ display: block; width: 40%; font-size: 1.4rem; line-height: 1.0em; font-weight: 600; color: #F2157F; border: solid 2px #F2157F; padding: 0.4em 0; border-radius: 100px; margin: 0 auto; text-align: center; text-decoration: none; position: relative;} .column03.class .inner a:hover{ color: #FFF; background: #E87EA6; border-color: #E87EA6;} /* スケジュール -------------------------------------------------------------*/ /* 出席停止状況 -------------------------------------------------------------*/ .userTable01.status01{} .userTable01.status01 thead th{ background: #F3B105; color: #FFF; font-weight: 600;} .userTable01.status01 tbody th{} .userTable01.status01 tbody td{ text-align: center; font-weight: 600;} .column02.status02{ margin-top: 1.5em;} .column02.status02 table{ width: 100%; border: solid 1px #E4E4E4; border-style: solid none none solid;} .column02.status02 table th{ padding: 1.5rem; line-height: 1.5em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !important; text-align: center; background: #0081D7; color: #FFF; font-weight: 600; width: 10%;} .column02.status02 table td{ padding: 1.5rem; line-height: 1.5em; border: solid 1px #E4E4E4; border-style: none solid solid none; display: table-cell !important;} /* 各種お申し込み -------------------------------------------------------------*/ .appList{} .appList li{ border-bottom: solid 1px #F0F0F0; padding: 1.0em 0; line-height: 1.3em; position: relative;font-size: 2.0rem;} .appList li a{ width: 15%; display: block; font-size: 1.4rem; line-height: 1.0em; font-weight: 600; color: #F2157F; text-decoration: none; border: solid 2px #F2157F; border-radius: 100px; padding: 0.5em 0; text-align: center; position: absolute; top: 50%; right: 0px; transform: translateY(-50%);} .appList li a:hover{ color: #FFF; background: #E87EA6; border-color: #E87EA6;} /* 申し込みフォーム -------------------------------------------------------------*/ .rsform-block-radio .formControls label{ width: 31%; display: inline-block; padding-left: 0px;} .rsform-block-radio2 .formControls label{ width: 31%; display: inline-block; padding-left: 0px;} .rsform-block-radio3 .formControls label{ width: 100%; display: inline-block; padding-left: 0px;} .rsform-block-writtenoath p{ letter-spacing: 0;} /* 給食・献立 -------------------------------------------------------------*/ .pdfList.lunch{ display: flex; justify-content: flex-start; flex-wrap: wrap;} .pdfList.lunch li{ width: 15%; margin-right: 2%;font-size: 2.0rem;} .pdfList.lunch li:nth-child(6n){ margin-right: 0px;} /* バス時刻表 -------------------------------------------------------------*/ .pdfList.clm02{ display: flex; justify-content: flex-start; flex-wrap: wrap;} .pdfList.clm02 li{ width: 47%;} .pdfList.clm02 li:nth-child(2n){ margin-left: 6%;} .googlemap{ border: solid 10px #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);} .googlemap iframe{ width: 100%;} /* 委員会活動 -------------------------------------------------------------*/ .activityBox{ border: solid 5px #E87EA6; border-radius: 15px; padding: 1.5em; padding-top: 2.0em; margin-top: 6.0em; position: relative;} .activityBox h4{ display: inline-block; font-size: 2.5rem; line-height: 1.3em; color: #FFF; background: #E87EA6; padding: 0.1em 2.0em 0.3em 2.0em; border-radius: 100px; position: absolute; top: -1.0em; left: 50%; transform: translateX(-50%);} .activityBox ul{ display: flex; justify-content: center; flex-wrap: wrap;} .activityBox ul li{ border-bottom: solid 1px #EEE; padding: 0.5em 0; width: 50%;font-size: 2.0rem;text-align: center;} .activityBox ul li:nth-child(n+2){ margin-left: 2%;} .activityBox ul li a{ display: inline-block; color: #333; text-decoration: none; padding-left: 1.25em; position: relative;} .activityBox ul li a:hover{ color: rgba(51,51,51,0.6);} .activityBox ul li a:before{ content: "\f1c1"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #EF4036; position: absolute; top: 0px; left: 0px;} .activityBox4{ border: solid 5px #E87EA6; border-radius: 15px; padding: 1.5em; padding-top: 2.0em; margin-top: 6.0em; position: relative;} .activityBox4 h4{ display: inline-block; font-size: 2.5rem; line-height: 1.3em; color: #FFF; background: #E87EA6; padding: 0.1em 2.0em 0.3em 2.0em; border-radius: 100px; position: absolute; top: -1.0em; left: 50%; transform: translateX(-50%);} .activityBox4 ul{ display: flex; justify-content: center; flex-wrap: wrap;} .activityBox4 ul li{ border-bottom: solid 1px #EEE; padding: 0.5em 0; width: 23.5%;font-size: 2.0rem;} .activityBox4 ul li:nth-child(n+2){ margin-left: 2%;} .activityBox4 ul li a{ display: inline-block; color: #333; text-decoration: none; padding-left: 1.25em; position: relative;} .activityBox4 ul li a:hover{ color: rgba(51,51,51,0.6);} .activityBox4 ul li a:before{ content: "\f1c1"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #EF4036; position: absolute; top: 0px; left: 0px;} /* 子育てプラスワン -------------------------------------------------------------*/ .plusOne{ background: #FFF; border: solid 5px rgba(253, 242, 248, 1.0); border-radius: 15px; overflow: hidden; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;} .plusOne:before{ content: ""; width: 31%; height: 100%; background: rgba(253, 242, 248, 0.5); position: absolute; top: 0px; left: 0px; z-index: 1;} .plusOne h4{ width: 31%; position: relative; z-index: 10;} .plusOne h4 span{ display: block; width: 100%; text-align: center; font-size: 2.6rem; line-height: 1.3em; color: #A10E55;} .plusOne ul{ width: 69%; padding: 1.0em 2.0em;} .plusOne ul li{ line-height: 1.3em; padding: 1.0em 0 1.0em 1.5em; border-bottom: solid 1px #F0F0F0; font-weight: 600; position: relative; font-size: 2.0rem;} .plusOne ul li:last-child{ border-bottom: none;} .plusOne ul li:before{ content: "\f02d"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #E87EA6; position: absolute; top: 1.0em; left: 0px;} .container.itemid-316:p{ font-size: 1.8rem;} /* CUBE -------------------------------------------------------------*/ /* 幼稚園CUBEの時間割 */ .userTable01.timeTable{} .userTable01.timeTable thead th{ background: #F3B105; color: #FFF; font-weight: 600;} .userTable01.timeTable tbody th{ width: 10%;} .userTable01.timeTable tbody td{ width: 18%; text-align: center; font-size: 2.0rem; line-height: 1.0em; font-weight: 600;} .userTable01.timeTable tbody td.clr01{ color: #4DAF38; background: rgba(77, 175, 56, 0.05);} .userTable01.timeTable tbody td.clr02{ color: #F2157F; background: rgba(242, 21, 127, 0.05);} ul.timeTableList{ margin-top: 1.5em; display: flex; justify-content: flex-start; flex-wrap: wrap;} ul.timeTableList li{ width: 10%; font-size: 1.4rem; line-height: 1.0em; padding-left: 1.5em; position: relative;} ul.timeTableList li:nth-child(n+2){ margin-left: 2%;} ul.timeTableList li:nth-child(1):before{ content: "〇"; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} ul.timeTableList li:nth-child(2):before{ content: "◎"; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} ul.timeTableList li:nth-child(3):before{ content: ""; width: 0.8em; height: 0.8em; background: rgba(77, 175, 56, 0.2); border: solid 1px rgba(77, 175, 56, 0.2); position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} ul.timeTableList li:nth-child(4):before{ content: ""; width: 0.8em; height: 0.8em; background: rgba(242, 21, 127, 0.2); border: solid 1px rgba(242, 21, 127, 0.2); position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} /* 小学生スケジュール */ .googleCalendar{ width: 80%; margin: 0px auto;} .googleCalendar iframe{ width: 100%;} /* 教育研修 -------------------------------------------------------------*/ /* 梅園キャンパス -------------------------------------------------------------*/ /* 卒園児のための学童 */ .pdfList{} .pdfList li{ border-bottom: solid 1px #EEE; padding: 0.5em 0;font-size: 2.0rem;} .pdfList li a{ display: inline-block; color: #333; text-decoration: none; padding-left: 1.25em; position: relative;} .pdfList li a:hover{ color: rgba(51,51,51,0.6);} .pdfList li a:before{ content: "\f1c1"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: #EF4036; position: absolute; top: 0px; left: 0px;} .pdfList.clmCenter{ display: flex; justify-content: center; flex-wrap: wrap;} .pdfList.clmCenter li{ width: 23.5%;} .pdfList.clmCenter li:nth-child(n+2){ margin-left: 2%;} .frameBox{ border: solid 3px #4DAF38; border-radius: 20px; padding: 2.0em; margin-top: 4.0em; position: relative;} .frameBox h4{ display: inline-block; font-size: 2.0rem; line-height: 1.3em; color: #FFF; background: #4DAF38; padding: 0.1em 2.0em 0.3em 2.0em; border-radius: 100px; position: absolute; top: -1.0em; left: 50%; transform: translateX(-50%);} .frameBox p{ font-weight: 600; line-height: 1.5em; text-align: center;} .bnrSingle{ width: 23.5%; margin: 2.0em auto 0;} .bnrSingle a{ display: block; opacity: 1.0;} .bnrSingle a:hover{ opacity: 0.6;} /* 梅園キャンプ */ .column02.camp{ margin-top: 1.5em;} .column02.campSchedule{} .column02.campSchedule .inner h5.kiji-midashi-3:first-child{ margin-top: 0px;} .column02.campSchedule .inner .userTable01{ margin-top: 1.5em;} .supList{} .supList li{ padding: 1.0em 0; padding-left: 1.5em; border-bottom: solid 1px #F0F0F0; position: relative;} .supList li strong{ color: #F2157F; font-weight: normal;} .supList li:before{ content: "※"; position: absolute; top: 1.0em; left: 0px;} /*-----------------------------------------------------------*/ strong.formRequired{ color:#FF5054; font-size:1.1rem; font-weight:normal; padding-left:1.0em;} #userForm{ margin-top: 6.0rem;} .formContainer{ letter-spacing:-0.4em; margin-top: 1.0rem; padding: 2.0em; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-top: solid 3px #F2157F;} .formContainer .control-group{ margin-top:0px; border-bottom: solid 1px #F0F0F0; padding:1.0em 0;} .formContainer .control-label, .formContainer .controls { display: inline-block; vertical-align: middle; letter-spacing:0;} .formContainer .control-label{ width:35%;} .formContainer .controls{ width:65%;} .formContainer .rsform-block-submit{ border-bottom: none; margin-top: 0.5em;} .formContainer .rsform-block-submit label{ display: none;} .formContainer .rsform-block-submit .controls{ width:100%; text-align:center;} .formContainer .rsform-block-submit .rsform-submit-button { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; font-size:2.1rem; font-weight:500; line-height:1.1; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:1px solid #F2157F; padding: 1.0em 5.0em; text-decoration:none; background:-moz-linear-gradient( center top, #F2157F 5%, #F2157F 100% ); background:-ms-linear-gradient( top, #F2157F 5%, #F2157F 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2157F', endColorstr='#F2157F'); background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F2157F), color-stop(100%, #F2157F) ); background-color:#F2157F; color:#ffffff; display:inline-block; text-shadow:1px 1px 0px rgba(0,0,0,0.2); } .formContainer .rsform-block-submit .rsform-submit-button:hover { background:-moz-linear-gradient( center top, #E87EA6 5%, #E87EA6 100% ); background:-ms-linear-gradient( top, #E87EA6 5%, #E87EA6 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E87EA6', endColorstr='#E87EA6'); background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #E87EA6), color-stop(100%, #E87EA6) ); background-color:#E87EA6; border:1px solid #E87EA6; } .formContainer .rsform-block-submit .rsform-submit-button:active { position:relative; top:1px; } .radio, .checkbox {} label.checkbox{ cursor:pointer; position:relative;} /*============================================================= レイアウト =============================================================*/ *{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #adminForm *{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} /*---------- 全体 ----------*/ #all{ width:100%; min-width: 1280px; margin: 0px auto; overflow:hidden; position: relative;} /*---------- ヘッダー ----------*/ #wrapper { width:100%; margin: 0px auto;} #header-wrap {} #header-wrap #h1title{ width: 1200px; font-size: 1.2rem; line-height: 1.0em; color: #FFF; padding: 1.5em 0; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);} #header-wrap .row { margin-bottom: 0;} #header-wrap #top{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 2.0rem;position: fixed;width: 100%;top: 0;z-index: 1000;background: #FFF;} /*---------- グローバルナビゲーション ----------*/ #top .menu { display: flex; justify-content: flex-start;} #top .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px;} #top .menu > li { font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal; position: relative;} #top .menu > li:before{ content: ""; width: 1px; height: 40%; background: rgba(0,0,0,0.1); position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} #top .menu > li:nth-child(2):before{ content: none;} #top .menu > li:after{ content: ""; width: 0px; height: 1px; background: #F2157F; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); transition: all 0.3s ease 0s;} #top .menu > li:hover:after{ width: 50%;} #top .menu > li ul { padding: 0;} #top .menu ul { position: absolute; left: -20%; top: 100%; margin: 10px 0 0 0; /*IE6 only*/ _margin: 0; nowhitespace: afterproperty; opacity: 0; transition: all 0.3s ease 0s; visibility: hidden; z-index: 99;} #top .menu ul ul { left: 100%; top: 0;} #top .menu ul ul li { width: 100% } #top .menu li { position: relative; list-style:none} #top .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible;} #top .menu a { display: block; position: relative;} .nav > li > a:hover, .nav > li > a:focus{ background: none !important;} span.image-title{ display:none;} /* current item */ #top .menu > li > a:hover, #top .menu > li.sfHover > a, #top .menu > .active > a, #top .active > a:hover, #top .active > a:hover { color: #F2157F;} #top .menu li > span:hover { color: #F2157F;} #top .menu > li {/*margin-right: 20px; padding:0 10px;*/} #top .menu a { color: #333; text-align: center; text-decoration: none; cursor: pointer; padding: 1.0em 1.7em; font-size:1.6rem; line-height: 1.0em;} #top .menu li > span.separator {cursor: pointer;} #top .menu li > span { color: #333; display: block; padding: 1.0em 1.7em; font-size:1.6rem; line-height: 1.0em; transition: all 0.3s ease 0s;} #top .menu li.item-435, #top .menu li.item-1648{ display: none;} #top .menu > li.active span, #top .menu > li.active a{ color: #F2157F;} #top .menu > li.active ul li a{ color: #333;} #top .menu > li.active ul li a:hover{ color: #F2157F;} #top .menu > li.active:after{ content: ""; width: 50%; height: 1px; background: #F2157F; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); transition: all 0.3s ease 0s;} /* 画像メニューのスタイル */ #top ul#img-menu{} #top ul#img-menu li{} #top ul#img-menu > li > a {padding: 0;} #top ul#img-menu li > span{padding: 0;} #top ul#img-menu li a a span.menutitle{} #top ul#img-menu li a a span.menudesc{} /* drop-down styles */ #top .menu ul { border-top: none; border: 1px solid #EEE; width: 140%; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);} #top .menu li:hover ul { margin-top: 0;} #top .menu ul ul.sub-menu { margin-top: -1px; margin-left: 1px;} #top .menu ul li { border-bottom: 1px solid #EEE; background: #FFF; transition: all 0.3s ease 0s;} #top .menu ul li:hover{ background:#FDF2F8;} #top .menu ul li:first-child {} #top .menu ul li:last-child { border: 0;} #top .menu ul li > a{ color: #333;} #top .menu ul li > a:hover{ color: #F2157F;} #top .menu ul a { display: block; height: auto; margin: 0px; padding: 1.2em 0; text-transform: none; border: 0px; font-size: 1.5rem; line-height: 1.0em;} #top .selector { display: none;} #top ul.sub-menu .icon-angle-down:before {content:"\f105"!important;} #top ul.sub-menu a { font-size:12px;} #top i { text-align:right;} #menu-icon {display: none;} #slide-wrap a:hover{ color:#fff;} /*---------- グローバルナビゲーション(HOME) ----------*/ #content-top .menu { display: flex; justify-content: flex-start; width: 1200px; margin: 0px auto;} #content-top .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px;} #content-top .menu > li { font-family: tbchibirgothicplusk-pro,sans-serif; font-weight: 400; font-style: normal; position: relative; width: 12.5%;} #content-top .menu > li:before{ content: ""; width: 1px; height: 40%; background: rgba(0,0,0,0.1); position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} #content-top .menu > li:nth-child(1):before{ content: none;} #content-top .menu > li:after{ content: ""; width: 70%; height: 2px; background: #FDF2F8; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); transition: all 0.3s ease 0s;} #content-top .menu > li:hover:after{ background: #F2157F;} #content-top .menu > li ul { padding: 0;} #content-top .menu ul { position: absolute; left: -20%; top: 100%; margin: 10px 0 0 0; /*IE6 only*/ _margin: 0; nowhitespace: afterproperty; opacity: 0; transition: all 0.3s ease 0s; visibility: hidden; z-index: 99;} #content-top .menu ul ul { left: 100%; top: 0;} #content-top .menu ul ul li { width: 100% } #content-top .menu li { position: relative; list-style:none} #content-top .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible;} #content-top .menu a { display: block; position: relative;} .nav > li > a:hover, .nav > li > a:focus{ background: none !important;} span.image-title{ display:none;} /* current item */ #content-top .menu > li > a:hover, #content-top .menu > li.sfHover > a, #content-top .menu > .active > a, #content-top .active > a:hover, #content-top .active > a:hover { color: #F2157F;} #content-top .menu li > span:hover { color: #F2157F;} #content-top .menu > li {/*margin-right: 20px; padding:0 10px;*/} #content-top .menu a { color: #333; text-align: center; text-decoration: none; cursor: pointer; padding: 1.5em 0; font-size:1.6rem; line-height: 1.0em;} #content-top .menu li > span.separator {cursor: pointer;} #content-top .menu li > span { color: #333; display: block; text-align: center; padding: 1.5em 0; font-size:1.6rem; line-height: 1.0em; transition: all 0.3s ease 0s;} #content-top .menu li.item-1648{ display: none;} /* 画像メニューのスタイル */ #content-top ul#img-menu{} #content-top ul#img-menu li{} #content-top ul#img-menu > li > a {padding: 0;} #content-top ul#img-menu li > span{padding: 0;} #content-top ul#img-menu li a a span.menutitle{} #content-top ul#img-menu li a a span.menudesc{} /* drop-down styles */ #content-top .menu ul { border-top: none; border: 1px solid #EEE; width: 140%; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);} #content-top .menu li:hover ul { margin-top: 0;} #content-top .menu ul ul.sub-menu { margin-top: -1px; margin-left: 1px;} #content-top .menu ul li { border-bottom: 1px solid #EEE; background: #FFF; transition: all 0.3s ease 0s;} #content-top .menu ul li:hover{ background:#FDF2F8;} #content-top .menu ul li:first-child {} #content-top .menu ul li:last-child { border: 0;} #content-top .menu ul li > a{ color: #333;} #content-top .menu ul li > a:hover{ color: #F2157F;} #content-top .menu ul a { display: block; height: auto; margin: 0px; padding: 1.2em 0; text-transform: none; border: 0px; font-size: 1.5rem; line-height: 1.0em;} #content-top .selector { display: none;} #content-top ul.sub-menu .icon-angle-down:before {content:"\f105"!important;} #content-top ul.sub-menu a { font-size:12px;} #content-top i { text-align:right;} /*---------- 左右メニュー ----------*/ #leftbar-w { float:left; display:block;} #rightbar-w { float:right; display:block;} #sidebar {} /*---------- コンテンツブロック ----------*/ #box-wrap { width:100%; margin: 0px auto;} #main-content {} /*---------- フッター ----------*/ #footer-wrap { width:100%; margin: 0px auto; border-top: solid 3px #E87EA6;} #footer{ width: 1200px; margin: 0px auto; padding: 4.0rem 0;} #footer .custom{ display: flex; justify-content: space-between; flex-wrap: wrap;} #footer .custom .inner{ width: 13%;} #footer .custom .inner h4{ border-bottom: dotted 2px #CBCAC2; font-size: 1.8rem; line-height: 1.1em; color: #F2137F; padding-bottom: 0.75em; margin-bottom: 0.75em;} #footer .custom .inner ul{} #footer .custom .inner ul li{ font-size: 1.2rem; line-height: 1.3em; padding-left: 1.2rem; position: relative;} #footer .custom .inner ul li:nth-child(n+2){ margin-top: 1.0rem;} #footer .custom .inner ul li:before{ content: ""; width: 7px; height: 1px; background: #F2137F; position: absolute; top: 50%; left: 0px;} #footer .custom .inner ul li a{ display: inline-block; color: #333; text-decoration: none;} #footer .custom .inner ul li a:hover{ color: rgba(51,51,51,0.6); padding-left: 0.3rem;} #footer .custom .inner:nth-child(2), #footer .custom .inner:nth-child(3){ width: 28%;} #footer .custom .inner:nth-child(2) ul, #footer .custom .inner:nth-child(3) ul{ display: flex; justify-content: space-between; flex-wrap: wrap;} #footer .custom .inner:nth-child(2) ul li, #footer .custom .inner:nth-child(3) ul li{ width: 49%;} #footer .custom .inner:nth-child(2) ul li:nth-child(2), #footer .custom .inner:nth-child(3) ul li:nth-child(2){ margin-top: 0px;} #bottom { width:100%; margin: 0px auto; background: #F2157F;} #bottom p{ width: 1200px; margin: 0px auto; text-align: right; font-size: 1.2rem; line-height: 1.0em; color: #FFF; padding: 1.5em 0;} #bottom p span{ display: inline-block; padding: 0 0.5em;} #bottom p a span{ display: none;} #bottom p a{ position: relative; display: inline-block; margin-left: 0.5em; text-decoration: none;} #bottom p a:before{ content: "\f2f6"; font-family: "Font Awesome 5 Free"; font-weight: 600; color: rgba(255,255,255,0.3); transition: all 0.2s ease 0s;} #bottom p a:hover:before{ color: rgba(255,255,255,1.0);} #bottom p a:hover{} /*============================================================= 基本設定 =============================================================*/ body{ margin:0; padding:0; text-align:center; font-size:1.6rem; line-height:1.8em; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; color:#333; height:100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #FFF; position:relative; } a{color:#0085B2; text-decoration:underline;} a:hover{color:#E6423D; text-decoration:none;} /*============================================================= リセット =============================================================*/ html { height:100%; font-size:62.5%;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,th,td,img,p{ margin: 0px; padding: 0px; font-weight:normal;} address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;} h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote{ text-align: left; display: block;} table { border-collapse: collapse; border-spacing: 0;} caption,th { text-align: left;} q:before,q:after { content: '';} img, object, embed { vertical-align: top;} legend{ display: none;} h1,h2,h3,h4,h5,h6 { font-size: 100%;} img,abbr,acronym,fieldset{ border:none;} li{ list-style-type: none;} /*---------- margin ----------*/ .mt-none{ margin-top: 0px !important;} .mt-05{ margin-top:5px !important;} .mt-10{ margin-top:10px !important;} .mt-20{ margin-top:20px !important;} .mt-30{ margin-top:30px !important;} .mt-40{ margin-top:40px !important;} .mt-50{ margin-top:50px !important;} .mt-60{ margin-top:60px !important;} .mt-70{ margin-top:70px !important;} .mt-80{ margin-top:80px !important;} .mt-90{ margin-top:90px !important;} .mt-100{ margin-top:100px !important;} /*---------- align ----------*/ .align-left{ text-align: left;} .align-right{ text-align: right;} .align-center{ text-align: center;} /*---------- float ----------*/ .float-left{ float:left;} .float-right{ float:right;} /*---------- image ----------*/ .img-left{ float:left; margin: 0 4% 1.0em 0;} .img-right{ float:right; margin: 0 0 1.0em 4%;} /*----- clearfix -----*/ .container, .clearfix { zoom:1;} .container:after, .clearfix:after{ content: ""; display: block; clear: both;} .clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px;} /*============================================================= Joomla =============================================================*/ .text-highlight { background: none repeat scroll 0 0 #ffffaa; font-size: 14px; margin: 10px 0; padding: 7px;} .highlight-green { color: #fff; background: #48691b; font-size: 14px; margin: 10px 0; padding: 7px;} .highlight-light { color: #000; background: #e5e5e5; font-size: 14px; margin: 10px 0; padding: 7px;} .highlight-dark { color: #fff; background: #595959; font-size: 14px; margin: 10px 0; padding: 7px;} .news-title { background-color: #E5E2D3; color: #444444; font-size: 14px; margin: 15px 0 0; padding: 7px 10px;} .news-box { border: 1px solid #CCCCCC; max-height: 150px; overflow: auto; padding: 7px;} .news-box table { width: 100%;} .news-box table th { border-bottom: 1px dotted #ccc; font-weight: normal; padding: 5px; text-align: left; vertical-align: top; width: 80px; font-size: 13px;} .news-box table th:before, .news-box ul li:before { color: #999; content: "\f0da"; font-family: "Font Awesome 5 Free"; margin-right: 5px;} .news-box table td { border-bottom: 1px dotted #ccc; padding: 5px; vertical-align: top;} .news-box table a {} .news-box ul { margin: 0; padding: 0;} .news-box ul li { border-bottom: 1px dotted #cccccc; color: #333333; font-size: 1em; list-style: none outside none; margin: 0 0 5px; padding: 0 0 5px 10px;} .news-box .mod-articles-category-date { margin-right: 10px;} .news-box .mod-articles-category-title { font-weight: bold;} .news-box a.catid-85:before { font-family: "Font Awesome 5 Free"; content: "\f1ea"; color: #3D9675;} .news-box a.catid-84:before { font-family: "Font Awesome 5 Free"; content: "\f1ea"; color: #fc6767;} h1, h2, h3, h4, h5, h6, #site-description, #navigation, #sidebar .module ul.menu li a, #user1 ul li a, #user2 ul li a, #footer-nav ul li {} /* Grid */ .container { margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: border-box;} #post .container { width: auto;} .icon-remove:before { content: "\f00d"; font-family: "Font Awesome 5 Free"; font-style: normal;} .container .row, .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .row { margin-bottom: 1.5em;} .col { display: block; float: left; width: 100%;} .col:first-child { margin-left: 0;} .row:after, .col:after, .clr:after, .group:after { display: block; height: 0; clear: both; content: "."; visibility: hidden;} /* grid */ .col { margin-left: 2%;} .span_1 { width: 6.5%} .span_2 { width: 15.0%} .span_3 { width: 23.5%} .span_4 { width: 32.0%} .span_5 { width: 40.5%} .span_6 { width: 49.0%} .span_7 { width: 57.5%} .span_8 { width: 66.0%} .span_9 { width: 74.5%} .span_10 { width: 83.0%} .span_11 { width: 91.5%} .span_12 { width: 100%} #wrapper {} .count-1 { clear: both; margin-left: 0;} #wrapper {} #comp-wrap { padding: 0; position: relative;} .full { padding: 0; margin: 0; clear: both} .contact a { text-decoration: none} /* Article Columns */ .column-1, .column-2, .column-3, .column-4 { position: relative; margin: 0; padding: 0;} /* Content styles */ #archive { padding: 0; margin: 0;} .archive { padding: 0;} .archive .article-count { color: #999;} .blog-featured {} .items-leading { position: relative; clear: both; margin: 0 0 20px 0; padding: 0;} .leading { margin: 0 0 20px 0; position: relative;} .items-row, .item-page, .contact { position: relative;} .item-page { position: relative} .contact-name { text-decoration: none; font-size: 22px;} .contact h2 { margin: 0 0 20px 0;} .contact .current { margin: 0; padding: 0;} dl.tabs { display: block; clear: both; border-bottom: 1px solid #ddd;} dl dt.tabs { display: inline-block; margin: 0 0 -1px 0} dt.tabs h3 { margin: 0 2px 5px 0;} dt.tabs h3 a { padding: 8px 8px 3px 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; cursor: pointer; text-decoration: none} dt.tabs.closed h3 a { border-color: #eeeeee #eeeeee #dddddd;} dt.tabs h3 a, dt.tabs h3.open a { color: #555555; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent;} dd.tabs { padding: 10px 20px} .jicons-icons { float: left; margin: 0 10px 0 0; padding: 5px 0 0 0} .buttons { clear: both; display: block; overflow: hidden;} ul.button-icons { float: right; margin: 0; overflow: hidden; padding: 0;} ul.button-icons li { display: inline-block} ul.button-icons li.edit-icon, ul.button-icons li.print-icon, ul.button-icons li.email-icon { margin: 0; padding: 0; width: 20px; height: 20px; float: left; overflow: hidden; line-height: 20px;} .content_rating p { margin: 0; padding: 0;} .iteminfo span { margin: 0 10px 0 0;} .iteminfo a {} .iteminfo a:hover {} .iteminfo .category, .iteminfo .sub-category, .iteminfo .create, .iteminfo .modified, .iteminfo .published, .iteminfo .createdby, .iteminfo .hits { display: inline-block; line-height: 20px!important;} .iteminfo .createdby { font-weight: bold;} .items-more { clear: both;} h3.items-more { font-size: 14px; padding: 0; margin: 0;} .items-more ol { margin: 0 0 0 30px; padding: 0} table.category {} th.item-title, th.list-title { font-size: 15px; font-weight: bold; text-align: left;} /* Commons */ .clear { clear: both} blockquote { position: relative; margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 16px; font-style: italic; font-family: 'Georgia', sans-serif; line-height: 1.8em;} pre { margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 15px; font-family: 'Georgia', sans-serif; line-height: 1.8em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;} address { margin: 20px 0; letter-spacing: 1px;} /* Typography */ h1, h2, h3, h4, h5, h6 {} h1 {} h2 {} h3 {} h4 {} h5 {} h6 {} .entry p:last-child { margin: 0} .entry ul { margin: 30px 0 30px 20px} .entry ul li, .entry ol li { margin: 0 0 5px} .entry ol { margin: 30px 0 30px 25px} .entry ol { list-style: decimal} .entry ul { list-style: disc} .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 40px 0 20px} p {} p.lead {} em {} strong {} small {} hr { height: 0; margin: 10px 0; border: solid #eee; border-width: 1px 0 0; clear: both;} hr#system-readmore { background-color: #ddd; border: 1px solid #ccc; padding: 10px;} a { outline: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s;} /* Header */ #social { display: block; float: right} #social a.social-icon { display: inline-block; margin-left: 2px; padding: 0; width: 32px; height: 32px;} #social a.social_1 { background: url(../images/social/facebook.png) 0 0 no-repeat;} #social a.social_2 { background: url(../images/social/twitter.png) 0 0 no-repeat;} #social a.social_3 { background: url(../images/social/google.png) 0 0 no-repeat;} #social a.social_4 { background: url(../images/social/youtube.png) 0 0 no-repeat;} #social a.social_5 { background: url(../images/social/dribbble.png) 0 0 no-repeat;} #social a.social_6 { background: url(../images/social/flickr.png) 0 0 no-repeat;} #social a.social_7 { background: url(../images/social/pinterest.png) 0 0 no-repeat;} #social a.social_8 { background: url(../images/social/picasa.png) 0 0 no-repeat;} #social a.social_9 { background: url(../images/social/linkedin.png) 0 0 no-repeat;} #social a.social_10 { background: url(../images/social/reddit.png) 0 0 no-repeat;} ul.tags { border-top: 1px dotted #ddd; margin: 10px 0; padding: 10px 0;} ul.tags li { display: inline-block; list-style: outside none none;} ul.tags li a { padding: 4px 7px;} .tag-category form > ul { margin: 0; padding: 0;} .tag-category form > ul li { list-style: outside none none;} /* slide　*/ #slide-wrap{} .slide-show {} /* light */ .light { border: 1px solid #cfcfcf !important; background: #F6F6F6 !important; color: #555 !important;} .light .module-title { color: #555 !important; background: none!important; border-bottom: none!important;} .light .module-body { border-top: none !important;} .light a { text-decoration: underline !important;} .light a:hover { color: #333!important} /* normal */ .normal { border: 1px solid #46acd1 !important; background: #58C0E6!important; color: #fff!important;} .normal .module-title { color: #fff !important; background: none!important; border-bottom: none!important;} .normal .module-body { border-top: none !important;} .normal a { text-decoration: underline !important; color: #fff!important} .normal a:hover { color: #303030!important} /* dark */ .dark { border: 1px solid #333 !important; background: #363636!important; color: #fff !important;} .dark .module-title { color: #fff !important; background: none !important; border-bottom: none!important;} .dark .module-body { border-top: none !important;} .dark a { text-decoration: underline !important; color: #58C0E6!important} .dark a:hover { color: #fff!important} /* blank */ .blank { border: none!important; background: none!important; padding: 5px!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important} .blank .module-title { border: none!important; padding: 0 0 0 5px!important} .light, .normal, .dark { padding: 10px!important;} .light ul.menu li a, .normal ul.menu li a, .dark ul.menu li a { text-decoration: none!important} .light .module-title, .normal .module-title, .dark .module-title { padding: 0 0 0 5px!important; border: none!important; line-height: 30px!important;} .light .module-body, .normal .module-body, .dark .module-body { padding: 0 5px !important;} /* Page Navigation */ ul.pagenav { clear: both; display: block; padding: 0;} ul.pagenav li { list-style: none;} ul.pagenav li a { display: block} .pagenav-prev { float: left;} .pagenav-next { float: right} #pagination { clear: both; text-align: center; padding: 0;} /* Search */ input[type="search"] { display: block; width: 100%; padding: 10px 32px 10px 11px; color: #202020; font-size: 11px; -moz-box-sizing: border-box; -webkit-appearance: none !important; -webkit-box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-sizing: border-box;} input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none} input[type="search"]::-webkit-search-decoration { display: none} input[type="search"]:focus { color: #000; outline: none;} /* Forms / Inputs / Buttons */ #modlgn-remember { float: left; width: 20px;} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea { vertical-align: middle; display: inline-block; max-width: 100%; margin-left: 0; padding: 8px; font-weight: 400; background-color: #f7f7f7; border: 1px solid #ddd; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.030) inset;} fieldset.phrases {} fieldset.phrases .phrases-box { margin-bottom: 10px;} fieldset.phrases .ordering-box, fieldset.phrases .form-limit { display: inline-block;} form input[type="text"]:focus, form input[type="password"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form input[type="tel"]:focus, form textarea:focus { border-color: #A0ECFF; outline: none;} form input[type="button"], form input[type="submit"], form button[type="submit"], form button[type="button"] {/* display: inline-block; //margin-top: 5px; margin-bottom: 5px; padding: 0 15px; background-color: #fff; text-decoration: none; -webkit-appearance: none !important; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef)); background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%); background: linear-gradient(to bottom, #ffffff 0%, #efefef 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0); min-height: 30px; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05); cursor: pointer; text-shadow: 1px 1px 0 #FFFFFF; vertical-align: top; */ } form .mceLayout button[type="button"] { min-height: auto;} select { background-color: #f7f7f7; border-radius: 5px; display: inline; line-height: 100%; margin: 0; padding: 3px; vertical-align: middle; width: auto; border: 1px solid #ccc;} select[disabled="disabled"], select.disabled { color: #999; background: #f5f5f5; -moz-box-shadow: inset 0px 0px 2px #ddd; -webkit-box-shadow: inset 0px 1px 2px #ddd; box-shadow: inset 0px 1px 2px #ddd;} .input-medium, .input-large { width: auto !important;} a.btn-readmore { display: inline-block; *display: inline; *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 13px; line-height: 18px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; *background-color: #e6e6e6; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #bbb; *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);} a.btn-readmore:hover, a.btn-readmore:focus, a.btn-readmore:active, a.btn-readmore.active, a.btn-readmore.disabled, a.btn-readmore[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9;} .system-unpublished { background-color: #efefef; padding: 5px;} /* Mailto */ .mailto { background: #fff; color: #222; padding: 10px;} /* Tooltips */ .tip-wrap { float: left; padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #535353; border: 1px solid #222; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; max-width: 200px; text-shadow: 1px 1px #000} .tip-title { padding: 0; margin: 0; display: none} .tip-text { font-size: 100%; margin: 0;} #topcontrol { background: url(../images/arrow_up.png) 50% 50% no-repeat; width: 60px; height: 60px; white-space: nowrap; cursor: pointer; opacity: 0.7; filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70); bottom: 20px; right: 20px; z-index: 999;} /* Error */ #error { padding: 20px; text-align: center} #error .error { color: #FF0000; display: block; padding: 0; font-size: 140px; font-weight: bold; line-height: 200px;} #error .center { width: 400px; margin-left: -200px; left: 50%; position: absolute; text-align: center; top: 20%} #error .error { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9), 0 1px 0 rgba(255, 255, 255, 0.7);} #error .error > span { display: inline-block; position: relative;} #error .error > span:before { content: ""; position: absolute; top: 70%; left: -30px; right: -30px; height: 80px; background: url(../images/error.png) no-repeat; background-size: 100% 100%;} #error ol li { text-align: left;} /* Offline */ .error-offline .error > span:before { top: 65%;} .error-offline .message { width: 350px;} /* Thumbs */ .width-10 { width: 10px;} .width-20 { width: 20px;} .width-30 { width: 30px;} .width-40 { width: 40px;} .width-50 { width: 50px;} .width-60 { width: 60px;} .width-70 { width: 70px;} .width-80 { width: 80px;} .width-90 { width: 90px;} .width-100 { width: 100px;} .height-10 { height: 10px;} .height-20 { height: 20px;} .height-30 { height: 30px;} .height-40 { height: 40px;} .height-50 { height: 50px;} .height-60 { height: 60px;} .height-70 { height: 70px;} .height-80 { height: 80px;} .height-90 { height: 90px;} .height-100 { height: 100px;} .thumbnail { border: 1px solid #ccc!important; max-width: 100%!important;} .thumbnail img { -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;} .thumbnail img:hover { opacity: 1;} .thumbnail.pull-left { margin-right: 10px!important} .thumbnail.pull-right { margin-left: 10px!important} .thumbnails { margin-left: -20px; list-style: none; *zoom: 1;} .thumbnails:before, .thumbnails:after { display: table; content: ""; line-height: 0;} .thumbnails:after { clear: both;} .thumbnails > li { float: left; margin-bottom: 18px; margin-left: 20px;} .thumbnail { display: block; padding: 4px; line-height: 18px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} a.thumbnail:hover { border-color: #08c; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);} .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto;} .thumbnail .caption { padding: 9px; color: #555;} /* Footer */ .business { margin: 0 -480px 0 0; padding: 0; font-size: 10px; color: #ccc; text-align: right; text-shadow: none; bottom: 0; right: 50%; line-height: 10px; height: 10px; position: absolute;} .business a, .business a:hover { text-decoration: none; font-size: 10px; color: #ccc} .dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 40px;} .dl-horizontal dd { margin-left: 50px;} .items-more h3 { margin-bottom: 10px;} p.errorcontainer { margin-bottom: 0; margin-top: 0; padding-top: 0;} fieldset { border: medium none; margin: 0; padding: 0;} .hidden { display: none !important;} .nav-tabs { padding: 0;} .btn-toolbar { margin: 15px 0;} .btn-group { display: inline;} #gaiyo-table { border-collapse: separate; width: 100%;} #gaiyo-table tbody {} #gaiyo-table td { border-bottom: 1px dotted #696969; padding: 5px;} #gaiyo-table th { border-bottom: 1px dotted #696969; font-weight: normal; width: 15%; padding: 5px;} iframe { display: block; vertical-align: top;} .btnmenu { background-color: #f7f7f7; border: 1px solid #ccc; border-radius: 5px; margin: 0; padding: 10px;} ul#usermenu { margin: 0; padding: 0;} ul#usermenu li { list-style: outside none none; margin-bottom: 10px;} ul#usermenu li:last-child { margin-bottom: 0;} #usermenu a.btn { display: inline-block; padding: 7px 15px; text-align: left;} #login-form{margin: 20px 0;} #header-table { width: 100%;} #header-table td:last-child { text-align: right;} .chzn-container { width: 250px !important;} .input-append input { display: inline;} .input-append button { display: inline; margin-left: 5px; padding: 9px 12px;} /*shadowbox*/ #sb-nav { height: auto; line-height: 1;} #sb-info, #sb-info-inner { height: auto;} #sb-info-inner { font-size: 14px; height: auto;} #sb-nav a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #fff; font-family: "Font Awesome 5 Free"; font-size: 18px; height: 20px; width: 20px;} #sb-nav a:hover { text-decoration: none;} #sb-nav-next:before { content: "\f0a9";} #sb-nav-close:before { content: "\f05c";} #sb-nav-previous:before { content: "\f0a8"} .accordeonck .toggler:before { content: "\f0fe"; font-family: "Font Awesome 5 Free"; color: #999; margin-right: 10px;} .accordeonck ul li ul { margin: 0;} .accordeonck ul li ul li { list-style: none outside none !important; margin: 0 !important;} .accordeonck ul li a {} .pchidden { display: none;} #footer .switchBtn { margin: 20px 0; text-align: center;} #footer .switchBtn a { border: 1px solid #b5b3b3; border-radius: 4px; color: #494949; display: inline-block; padding: 8px 30px; background-color: #fff;} #footer .switchBtn a.btnAcv { display: none; background-color: #C4C4C4; background-image: none;} .switchBtn a:first-child { margin-right: 10px;} .component_container { padding: 0;} /* ↓tab & Slides */ ul.jwts_tabbernav li a { border-radius: 4px 4px 0 0;} div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle { background-position: 0 3px;} div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle { background-position: 0 -142px;} #responsive-tabs { margin-bottom: 15px;} #responsive-tabs label { margin: 0; padding: 7px 20px;} #responsive-tabs input[type="radio"]:checked + label, #responsive-tabs input.checked[type="radio"] + label { border-top-color: #494949;} #responsive-tabs label:first-child {} #responsive-tabs label span { font-size: 14px;} .edit .tab-content, .tab-content { border: 1px solid #ccc; border-radius: 0 0 5px 5px; overflow: hidden; padding: 10px;} .tab-content .tab-content-item {} .star { color: #ff002a;} /* ↑tab & Slides */ /*↓ showplus サムネイルスライド*/ .showplus-thumbnails > ul > li > a { margin-left: 1px !important; margin-right: 1px !important; padding: 0 !important; box-sizing: border-box;} .showplus-thumbnails > ul > li > a:hover {} .showplus-horizontal .showplus-thumbnails > ul > li:last-child > a { margin-left: 2px !important;} .showplus-horizontal .showplus-thumbnails > ul > li:first-child > a {} .showplus-thumbnails > ul { height: auto !important; overflow: hidden;} /*↑ showplus サムネイルスライド*/ ul.rsstableList { margin: 0; padding: 0;} ul.rsstableList li { border-bottom: 1px dotted #ddd; list-style: none outside none; overflow: hidden; padding: 10px 0;} ul.rsstableList li.odd {} ul.rsstableList li.even {} ul.newsflash-horiz { margin: 0; padding: 0; overflow: hidden;} ul.newsflash-horiz li { box-sizing: border-box; float: left; list-style: outside none none; padding-right: 10px; margin-bottom: 15px; width: 50%; position: relative;} ul.newsflash-horiz li:last-child { padding-right: 0;} ul.newsflash-horiz .article-separator { display: none;} .news-flash-readmore { float: right;} h4.newsflash-title{ background-color: #f7f7f7; font-size: 15px; padding: 8px;} h4.newsflash-title a{} ul.newsflash-vert { margin: 0; padding: 0;} ul.newsflash-vert li { list-style: outside none none; margin-bottom: 15px; overflow: hidden; position: relative;} .whole-link{ display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .whole-link:hover{background-color: #fff;opacity: 0.4;} /* module editor */ legend { display: block; width: 100%; padding: 0; margin-bottom: 18px; font-size: 19.5px; line-height: 36px; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;} .label { border-radius: 3px;} .label, .badge { background-color: #999; color: #fff; display: inline-block; font-size: 10.998px; font-weight: bold; line-height: 14px; padding: 2px 4px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); vertical-align: baseline; white-space: nowrap;} .row-fluid:before, .row-fluid:after { content: ""; display: table; line-height: 0;} .row-fluid:after { clear: both;} .row-fluid .form-horizontal .control-group:before, .row-fluid .form-horizontal .control-group:after { content: ""; display: table; line-height: 0;} .row-fluid .form-horizontal .control-group:after { clear: both;} .row-fluid .form-horizontal .control-group { margin-bottom: 18px;} .row-fluid .form-horizontal .control-label { float: left; padding-top: 5px; text-align: right; width: 20%;} .row-fluid .form-horizontal .controls { margin-left: 25%;} .row-fluid .control-label .hasTooltip { display: inline-block;} .row-fluid .controls > .radio:first-child, .row-fluid .controls > .checkbox:first-child { padding-top: 5px;} .row-fluid fieldset.radio.btn-group { padding-left: 0;} .row-fluid .radio, .row-fluid .checkbox { min-height: 18px; padding-left: 20px;} .row-fluid .radio:first-child, .row-fluid .checkbox:first-child{ padding-left: 0px;} #jform_articletext_tbl { width: 100%;} iframe#jform_articletext_ifr { width: 100% !important;} .ckdatetimepicker { float: left;} .datepickerbtn { float: left; margin-left: 5px; padding: 8px 10px !important;} .input-append.date { overflow: hidden;} .dtp-calendar { border: 1px solid #ccc; margin-left: 5px; padding: 1px;} .dtp-calendar:first-child { margin: 0;} .table-striped td, .table-striped th { // font-size: 18px; padding: 7px 10px !important;} .close { position: absolute; right: 0; z-index: 1;} #system-message .alert { margin: 0;} .alert-message a.close { display: none;} #jf_mm_menu, .jf_mm_trigger { display: none;} /* simple image gallery pro*/ ul.sigProContainer span.sigProPseudoCaption { padding-bottom: 0; padding-top: 0; line-height: 2;} .cat-items table { border-top: 1px solid #ddd; width: 100%;} /* スマートサーチ */ .finder label { display: none;} .finder input { margin: 0;} .finder button { box-shadow: none; margin: 0; padding: 7px 12px 8px;} .finder .fa-search::before { font-size: 15px; line-height: 1.2; margin-right: 5px;} #search-results {} #search-query-explained {} ul.search-results { list-style: outside none none; margin: 15px 0; padding: 0;} ul.search-results li { border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px;} ul.search-results li:first-child { border-top: 1px dotted #ccc; padding-top: 10px;} .result-title { background-color: #f7f7f7; border: 1px solid #ccc; padding: 5px 10px;} /* スマートサーチ ここまで*/ /*20231004 「CUBEの目的」「安田式Coreトレーニングの目的」微調整*/ .cube01 ul li { width: 15.4% !important; } } /*権限無しページを開いた際のログイン画面　動画非表示*/ div.custom.movie { display: none; } body#home div.custom.movie { display: block; } /* フォームテキスト調整 */ .lesp { font-size: 90%; letter-spacing: 0.05em;} /* ↑PC・スマホ共通デザイン */ /* 20220512調整 */ .column03.class .inner .imgFit { padding: 0 0 1em; } /*園だより20220527修正 */ .communication li:nth-child(1) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_04.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(2) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_05.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(3) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_06.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(4) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_07.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(5) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_08.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(6) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_09.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(7) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_10.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(8) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_11.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(9) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_12.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(11) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_01.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(12) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_02.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} .communication li:nth-child(13) a span:before{ content: ""; width: 80px; height: 80px; background: url("../../../images/umezono/board/communication/cal_03.png") no-repeat; background-size: contain; position: absolute; top: 50%; left: 0px; transform: translateY(-50%);} /*20230322絵文字モジュール調整*/ .supList div { display: inline; } /*202305　トップページお知らせ下　SNSアイコン調整*/ .banner { justify-content: initial !important; } .banner li { margin-right: 13px; } ul.snsico { margin-bottom: 20px !important; } ul.snsico li { font-size: 50px; display: inline; margin: auto 0; width: auto; } ul.snsico li a { color: #fff; box-shadow: initial; } /*保護者掲示板　5カラム→4カラムへ*/ .boardList li { width: 22%; } .boardList li a { border-radius: 60px; } /*20230502 トップページへ戻るボタン　非表示*/ #topcontrol { display: none !important; } /*20230510 フッター調整*/ #footer .custom .inner:nth-child(2), #footer .custom .inner:nth-child(3) { width: 13% !important; } #footer .custom .inner:nth-child(2) ul li, #footer .custom .inner:nth-child(3) ul li { width: 100% !important; } #footer .custom .inner:nth-child(2) ul li:nth-child(2), #footer .custom .inner:nth-child(3) ul li:nth-child(2) { margin-top: 1.0rem !important; } #footer .custom { display: block; } #footer .custom .inner { width: 13%; display: inline-block; vertical-align: top; margin-bottom: 15px; margin-right: 0.8%; } /*20231019 園の特色　２カラム→３カラムへ*/ .capacity { width: 100%; } .capacity .inner { width: 32%; }