@charset "UTF-8";
/* ==========================================================================
  未就園児ひろばのご案内（hiroba/index.html）ページのUnique　ユニーク
========================================================================== */
/* 募集要項
========================================================================== */

/*　bl_underContTable　*/

.bl_underContTable__cGreen table{
	width: 100%;
	margin-bottom: 1rem;
	line-height: 1.5em
}

.bl_underContTable__cGreen table{
	width:100%;
	border-top:#a7c591 solid 1px;
	border-right:#a7c591 solid 1px;
	border-collapse: collapse;
}
.bl_underContTable__cGreen table thead th {
	background:#a7c591;
	color:#3a3a3a;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}
.bl_underContTable__cGreen table thead th:last-child {
	border-right:#a7c591 solid 1px;
}
.bl_underContTable__cGreen table tbody th {
	background:#a7c591;
	color:#3a3a3a;
	padding:10px 15px;
	border-bottom:#FFF solid 1px;
	vertical-align:top;
}
.bl_underContTable__cGreen table tbody tr:last-child th {
	border-bottom:#a7c591 solid 1px;
}
.bl_underContTable__cGreen table tbody td {
	background:#FFF;
	padding:10px 15px;
	border-left:#a7c591 solid 1px;
	border-bottom:#a7c591 solid 1px;
	vertical-align:top;
}
 
@media screen and (max-width: 640px) {
.bl_underContTable__cGreen table thead {
	display:none;
}
.bl_underContTable__cGreen table tbody th {
	display:block;
}
.bl_underContTable__cGreen table tbody td {
	display:block;
}
.bl_underContTable__cGreen table tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
.bl_underContTable__cGreen table tbody td p {
	padding-left:6em;
}
}



/*========================================================================== */
/* 未就園児広場での出来事更新情報
========================================================================== */
/*
ListNews
*/
.un_hirobaComListNews {
    display: flex;
    flex-wrap: wrap;
    line-height: var(--txtlineHeightSm)
}
.un_hirobaComListNews dt{
    width: 8em;
    margin-bottom: .4em;
}
.un_hirobaComListNews dd{
    width: calc(100% - 8em);
    margin-bottom: .4em;
}
.un_hirobaComListNews dd a{
    color: inherit;
    text-decoration: none;
}
.un_hirobaComListNews dd a.un_hirobaComListNews_linkLine{
    display: inline;
    border-bottom: 2px dotted #aaa;
}
.un_hirobaComListNews dd a:hover{
    color:var(--color_orange);
}
.un_hirobaComListNews dd a.un_hirobaComListNews_linkLine:hover{
    border-bottom-color: var(--color_orange);
}
/*
タイトル
*/
/* un_hirobaNewsUnit
========================================================================== */
.un_hirobaNewsUnit{
    padding-bottom: 50px;
}
    @media (min-width: 768px){
        .un_hirobaNewsUnit{
            position: relative;
        }
    }
    @media (min-width: 1170px){
        .un_hirobaNewsUnit{
            padding-bottom: 70px;
        }
    }
/*
hirobaNews
*/
.un_hirobaNews{
    position: relative;
    padding-top: 100px;
}
.un_hirobaNews_ttl{
    position: absolute;
    top:-30px;
    right:0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 169px;
    height: 110px;
    background-image: url(../img/top/news_ttlBg_sm.png);
    background-repeat: no-repeat;
    background-size: cover;
    color:#3d3937;
    font-size: 2.0rem;
}
.un_hirobaNews_linkWrap{
    width: 100%;
    text-align: right;
}
.un_hirobaNews_link{
    display: inline-block;
    padding-bottom: .2em;
    color: inherit;
    text-decoration: none;
}
.un_hirobaNews_link:hover{
    opacity: .7;
}
.un_hirobaNews_link span{
    padding-bottom: .1em;
    border-bottom: 2px dotted #aaa;
}
.un_hirobaNews_link::before{
    color:var(--color_green);
}
    @media (min-width: 576px){
        .un_hirobaNews{
            padding-top: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        .un_hirobaNews_ttl{
            position: relative;
            top:0;
            width: 169px;
            height: 110px;
            background-image: url(../img/top/news_ttlBg.png);
            color:#fff;
        }
        .un_hirobaNews_list{
            width: calc(100% - 169px - 20px);
            align-self: center;
        }
    }
    @media (min-width: 768px){
        .un_hirobaNews{
/*             width: calc(100% - 130px); */
            padding-top: 30px;
            left:-30px;
        }
    }
    @media (min-width: 992px){
        .un_hirobaNews{
/*             width: calc(100% - 164px - 40px); */
            padding-top: 80px;
            left:0;
        }
        .un_hirobaNews_ttl{
            width: 185px;
            height: 120px;
            font-size: 2.2rem;
        }
        .un_hirobaNews_list{
            width: calc(100% - 185px - 45px);
        }
    }
    @media (min-width: 1170px){
        .un_hirobaNews{
            width: calc(100% - 180px - 60px);
            padding-left: 70px;
        }
        .un_hirobaNews_ttl{
            width: 202px;
            height: 132px;
            font-size: 2.4rem;
        }
        .un_hirobaNews_list{
            width: calc(100% - 202px - 50px);
        }
    }