@charset "utf-8";

body.p-other {
}


/* common
------------------------ */
.kiji {
}
.kiji .kiji2{
	padding: 0px 15px 25px 15px;
}
.kiji .t-wrapper{
	padding: 0px 15px 25px 15px;
}
.kiji .t-wrapper table{
	width:100%;
}
.kiji .t-wrapper table,
.kiji .t-wrapper th,
.kiji .t-wrapper td{
	border:solid 1px #ddd;
	padding:6px 10px;
	background:#fefefe;
	vertical-align:middle;
}
.t-wrapper2 table,
.t-wrapper2 th,
.t-wrapper2 td{
	padding:4px 6px !important;
	background:#fcfcfc !important;
}
.kiji .t-wrapper th {
	width:25%;
	text-align:right;
}
.kiji .t-wrapper td {
	text-align:left;
}
.kiji .t-wrapper td span{
	font-weight:bold;
}
.kiji .t-wrapper .head {
	text-align:center;
	background:#eee;
}


.kiji .no-border table,
.kiji .no-border th,
.kiji .no-border td{
	border:0 none;
	background:transparent;
	vertical-align:top;
}

.kiji .no-border .border table,
.kiji .no-border .border th,
.kiji .no-border .border td{
	border:solid 1px #ccc !important;
	background:#fafafa;
}
.kiji .no-border .border th {
    background:#eee;
}
.kiji .sub-ttl {
	font-weight:bold; 
	font-size:14px; 
	margin-bottom:15px; 
	border-bottom:solid 1px #aaa; 
	padding:3px;
}

div.hr {
	border-bottom:dotted 1px #ccc;
	height:1px;
	margin:15px 0;
}



/* nursery
-------------------------*/

.week-table {
	width:auto !important;
}
.week-table th,
.week-table td {
	width:calc(100% / 7) !important;
	text-align:center!important;
}




/* support
------------------------ */

#hitokoma-link {
	padding:10px 0 30px 0;
	text-align:center;
}
#hitokoma-link a {
	display:inline-block;
	margin: 0 20px 15px 0;
	font-size:1.05rem;
}


.link-photo {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none !important;
  background: #f7f7f7;
  border-left: solid 6px #EA133F;/*左線*/
  color: #EA133F;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.link-photo:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}


/* company
------------------------ */
#p-company .kiji .t-wrapper table {
}


/* access
------------------------ */
#p-access .kiji .t-wrapper td {
}

/* contact
------------------------ */
#p-contact .kiji .t-wrapper table {
    width: auto;
}
#p-contact .kiji .t-wrapper table td {
    padding: 30px;
}


/* album
------------------------ */
#album-wrapper {
	width:700px;
	margin: 0 auto;
    position: relative;
}
#album-wrapper ul {
    position: relative;
	margin:0;
}
#album-wrapper ul li.item {
	width: 220px;
	border: solid #fff 2px;
	background:#fff;
	padding:0;
	line-height:0;
}
#album-wrapper ul li.item img {
	width:100%;
}
#album-wrapper ul li.item span {
	display:block;
	padding:10px;
	font-size:12px;
	line-height:130%;
}


.pager{
    clear:both;
    margin:15px 0;
    text-align:center;
}
.pager a,
.pager span{
    display:inline-block;
    min-width:32px;
    margin:0 3px 6px;
    padding:7px 10px;
    border:solid 1px #ddd;
    background:#fff;
    color:#555;
    text-decoration:none !important;
    box-sizing:border-box;
}
.pager a:hover{
    background:#f5f5f5;
}
.pager .current{
    background:#9BC059;
    border-color:#9BC059;
    color:#fff;
    font-weight:bold;
}







/* 活動のひとコマ
---------------------------------------- */


#header-news {
	margin-bottom:30px;
	padding:10px 20px 0;
	background:#fff;
}
#header-news h3 {
	margin-bottom:5px;
	border-bottom:dotted 1px #ccc;
	color:#D57890;
	font-weight:bold;
}
#header-news div.unit {
	margin-bottom:10px;
/*	padding-bottom:10px;
	border-bottom:dotted 1px #ccc;*/
}
#header-news div.unit .date {
	width:100px;
	float:left;
}
#header-news div.unit .text {
	width:810px;
	float:left;
}


body#p-support_photo .t-wrapper {
	padding-left:20px;
}
body#p-support_photo .kiji .unit {	
	width:300px;
	margin-right:30px;
	float:left;
}
body#p-support_photo .kiji .unit img {
}
body#p-support_photo .kiji .unit p {
	margin:0;
	padding:5px 0 !important;
}


body#p-support_photo #mokuji{
	margin-bottom:20px;
	padding:10px;
	border:dotted 1px #ccc;
	background:#fff;
}
body#p-support_photo #mokuji .year {
	margin: 10px;
	border-bottom:solid 1px #ccc;
	clear:both;
}
body#p-support_photo #mokuji .unit {
	width:48%;
	float:left;
	margin: 5px 1%;
}
body#p-support_photo #mokuji .unit .month {
	width:50px;
	float:left;
	margin-right:15px;
	text-align:right;
}
body#p-support_photo #mokuji .unit span {
	display:inline-block;
	margin: 0 15px 0 0;
}


/* business 2026/6
------------------------ */

.facility-block{
    display:flex;
    gap:20px;
    align-items:flex-start;
}
.facility-image{
    width:180px;
    flex-shrink:0;
}
.facility-image img{
    display:block;
    width:100%;
    height:auto;
}
.facility-body{
    flex:1;
    min-width:0;
}

.night-time-image {
    padding:20px 0;
    text-align:center;
}


/* album - ログインフォーム
====================================== */
.loginForm{
    max-width:380px;
    font-size:16px; /* 16px 未満だと iOS で入力時に自動ズームするため */
    line-height:1.5;
}
.loginForm .row{
    display:flex;
    align-items:center;
    margin-bottom:10px;
}
.loginForm label{
    flex:0 0 6em; /* ID と パスワード で同じ幅を取る */
    box-sizing:border-box;
    padding-right:8px;
    font-weight:bold;
}
.loginForm input[type="text"],
.loginForm input[type="password"]{
    flex:1 1 auto;
    min-width:0; /* これが無いと flex アイテムが縮まず横に溢れる */
    padding:6px 8px;
    box-sizing:border-box;
    border:solid 1px #ccc;
    border-radius:4px;
    font-size:16px;
}
.loginForm input[type="submit"]{
    width:50%;
    padding:8px 0;
    box-sizing:border-box;
    border:solid 1px #7fb03d;
    border-radius:4px;
    background:#7fb03d;
    color:#fff;
    font-size:16px;
    cursor:pointer;
}



/* レスポンシブ o.w.
====================================== */

@media screen and (max-width:768px){

    .kiji .t-wrapper{
        padding: 0px 10px 25px 10px;
}
    .kiji .t-wrapper .border{
        margin-bottom:20px;
        box-sizing:border-box;
    }

    .kiji .t-wrapper .border table,
    .kiji .t-wrapper .border tbody,
    .kiji .t-wrapper .border tr,
    .kiji .t-wrapper .border th,
    .kiji .t-wrapper .border td{
        display:block;
        width:100% !important;
        box-sizing:border-box;
    }

    .kiji .t-wrapper .border table,
    .kiji .t-wrapper .border th,
    .kiji .t-wrapper .border td{
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
    }

    .kiji .t-wrapper .border th{
        padding:4px 6px 2px 6px !important;
        text-align:left;
        background:#fafafa !important;
        font-weight:bold;
    }

    .kiji .t-wrapper .border td{
        padding:10px !important;
        text-align:left;
    }


    .kiji .no-border table,
    .kiji .no-border tbody,
    .kiji .no-border tr,
    .kiji .no-border th,
    .kiji .no-border td{
        display:block;
        width:100% !important;
        box-sizing:border-box;
    }
    .kiji .no-border table { padding: 0; }
    .kiji .no-border th{
        background:transparent !important;
        padding:0 0 4px 0 !important;
        text-align: left;
        border-bottom: solid 1px #ccc;
        font-weight: bold;
    }

    .kiji .no-border td{
        padding:0.5em 0 2em !important;
    }

    .kiji .no-border th img{
        display:block;
        width:100%;
        height:auto;
        margin:0 auto 12px auto;
    }
    /* diary.php - 記事上の画像は枚数によらず必ず横一列に並べる（段落ちさせない） */
    body#p-diary .kiji .no-border th {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
    }
    body#p-diary .kiji .no-border th div {
        flex: 0 1 48%;
        width: auto;
        min-width: 0;
        margin: 0 !important;
    }
    body#p-diary .kiji .no-border th div + div {
        margin-left: 4% !important;
    }
    body#p-diary .kiji .no-border th img {
        margin: 0 !important;
    }

    /* album - ログインフォームは1段で画面幅いっぱいに */
    .loginForm{
        max-width:none;
    }

    .kiji .sub-ttl{
        font-size:1rem;
        margin-bottom:20px;
    }

    .kiji .kiji2{
        padding: 0px 8px 25px 8px;
    }
    .kiji .t-wrapper{
        padding: 0px 0 25px;
    }
    .facility-block{
        display:block;
        padding:0;
    }
    .facility-image{
        width:100%;
    }
    .facility-image img{
        width:100%;
        height:auto;
    }
    .facility-body{
        padding:12px 0;
        box-sizing:border-box;
    }
    .facility-wide-image img{
        display:block;
        width:100%;
        height:auto;
    }




    /* for support.php - slide */
    #mainimage{
        height:auto !important;
        min-height:0 !important;
        margin-bottom:10px !important;
    }

    #mainimage #main-layer1{
        display:none;
    }

    #mainimage #main-layer2{
        height:auto !important;
    }


    #header-news{
        padding:10px 12px;
        box-sizing:border-box;
    }

    #header-news div.unit .date,
    #header-news div.unit .text{
        float:none;
        width:100%;
        box-sizing:border-box;
    }

    #header-news div.unit .date{
        margin-bottom:4px;
        font-weight:bold;
    }

    #header-news div.unit .text{
        overflow-wrap:anywhere;
        word-break:break-word;
    }

    #p-contact .kiji .t-wrapper table {
        width: 100%;
    }
    #p-contact .kiji .t-wrapper table td {
        padding: 20px;
    }

}