/* CSS Document */
#kosodate_wap img{
	width:100%;
	max-width: 100%;
	height: auto;
}
#kosodate_wap a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#kosodate_wap a{
	outline: none;
}
#kosodate_wap *:focus {
	outline: none;
}
#kosodate_wap{
	background-color:#ffffff;
	background-size: 100%;
	max-width: 960px;
	width:auto;
	margin: 0 auto;
	text-align:center;
	outline: none;
}
@media screen and (min-width: 992px) {
	a[href^="tel:"] {	/* PC時はTELリンク解除 */
		pointer-events: none;
	}
}

/*****************************************************************************
****************** トップ ****************************************************
*****************************************************************************/
.kosodate_head{

}
@media screen and (max-width: 991px) {
	.kosodate_head .title{
		padding: 7% 5%;
	}
}


/*****************************************************************************
****************** 共通 ******************************************************
*****************************************************************************/
#kosodate_allcon{
	padding: 0;
	margin: 0 auto;
	color: #000000;
}
.kosodate_con .title{
	width: 25%;
	margin: 0 auto;
	padding-bottom: 3%;
}
@media screen and (max-width: 991px) {
	.kosodate_con .title{
		width: 70%;
		padding-bottom: 7%;
	}
}


/*****************************************************************************
****************** 子育てスケジュール ******************************************
*****************************************************************************/
.kosodate_schedule{
	background-color:#ffffff;
	padding: 1% 0 5% 0;
}
.kosodate_schedule_pc table{
	width: 100%;
}
.kosodate_schedule_pc th,
.kosodate_schedule_pc td,
.kosodate_schedule_sp th,
.kosodate_schedule_sp td{
	border-right: 2px dotted #EC7AA1;
	padding: 0.3% 0;
}
.kosodate_schedule_pc th p,
.kosodate_schedule_pc td p,
.kosodate_schedule_sp th p,
.kosodate_schedule_sp td p{
	text-align: center;
	margin: 0 4px;
}
.kosodate_schedule_pc table th:last-child,
.kosodate_schedule_pc table td:last-child{
	border-right: none;
}
.details{
	width: 100%;
}
.kosodate_schedule_pc td.child{
	vertical-align: bottom;
}
.kosodate_schedule_pc tr.adjustment{
	height: 10px;
}

.top-slider .slick-list{
	padding-top: 3%;
}
#link_msg_show{
	font-size:110%;
	background-color:#ffffff;
}
.hover_off{
	padding: 5% 0;
}
.hover_on{
	border:2px solid #000;
	border-radius: 2px;
	padding:1% 3%;
}
@media screen and (max-width: 960px) {
	#link_msg_show{
		font-size:1.5vw;
	}
}
@media screen and (min-width: 768px) {
	.kosodate_schedule_sp{
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.kosodate_schedule_pc{
		display: none;
	}
	.kosodate_schedule_sp{
		display: block;
		padding:0 3%;
		position: relative;
	}
	.kosodate_schedule_sp::before,
	.kosodate_schedule_sp.on::before{
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		background: rgba(53, 62, 74, 0.85);
		z-index: 3;
		-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	}
	.kosodate_schedule_sp.on::before{
		visibility: visible;
    opacity: 1;
	}
	.kosodate_schedule_sp::before{
		visibility: hidden;
    opacity: 0;
	}
	.top-slider .slick-list{
		padding-top: 6%;
	}
	.kosodate_schedule_sp .top-slider .first,
	.kosodate_schedule_sp .top-slider .second,
	.kosodate_schedule_sp .top-slider .third,
	.kosodate_schedule_sp .top-slider .last {
		background-size: 100%;
		background-repeat: repeat-y;
	}
	.kosodate_schedule_sp .top-slider .first{
		background-image: url(../img/subpage/usk_kosodate/img-back01.png);
	}
	.kosodate_schedule_sp .top-slider .second{
		background-image: url(../img/subpage/usk_kosodate/img-back02.png);
	}
	.kosodate_schedule_sp .top-slider .third{
		background-image: url(../img/subpage/usk_kosodate/img-back03.png);
	}
	.kosodate_schedule_sp .top-slider .last{
		background-image: url(../img/subpage/usk_kosodate/img-back04.png);
	}
	.kosodate_schedule_sp th,
	.kosodate_schedule_sp td{
		border-right: 0;
	}
	.kosodate_schedule_sp tr.space td{
		padding: 4.785% 0;
	}
	.kosodate_schedule_sp td p.continuation-r{
		margin-right: 0;
	}
	.kosodate_schedule_sp td p.continuation-l{
		margin-left: 0;
	}
	.kosodate_schedule_sp tr.adjustment{
		height: 15px;
	}
	/**** sp用微調整部分 ****/
	.kosodate_schedule_sp .second .adjustment-sp03-2,
	.kosodate_schedule_sp .third .adjustment-sp10-2{
		padding-top: 0.4%;
	}
	.kosodate_schedule_sp .third .adjustment-sp07-2{
		padding-top: 0.8%;
	}
	.kosodate_schedule_sp .second .adjustment-sp16-2{
		padding-top: 0.9%;
	}
	.kosodate_schedule_sp .last .adjustment-sp18-3{
		padding-top: 1.3%;
	}
	/**** メッセージ部分 ****/
	.message {
    padding: 6%;
    background: #fff;
    position: absolute;
    z-index: 5;
    font-weight:bold;
    font-size:20px;
    text-align:center;
		width: 70%;
		height: 25%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		font-size: 4.7vw;
		opacity: 0.9;
	}
	#content .message p {
    color: #ec7aa1;
		padding-bottom: 7%;
	}
	.message:before {
    content: "";
    position: absolute;
    background: #fff;
    margin: 4px;
    border: 2px #ec7aa1 solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
	}
}

/*****************************************************************************
****************** 電子ブック *************************************************
*****************************************************************************/
.kosodate_book{
	padding: 3% 0;
	background-color: #FEF773;
}
@media screen and (max-width: 991px) {
	.kosodate_book_con {
		padding-bottom: 7%;
	}
}

/*****************************************************************************
****************** 動画、記事 *************************************************
*****************************************************************************/
.kosodate_movie{
	padding: 3% 0;
	background-color: #F5B5CB;
}
.kosodate_articles{
	padding: 3% 0;
	background-color: #FEF773;
	background-image: url(../img/subpage/usk_kosodate/img-articles-back.png);
	background-size: 30%;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.kosodate_con{
	width: 95%;
	margin: 0 auto;
}
.kosodate_movie_con,
.kosodate_articles_con{
	padding: 0 1%;
	text-align: left;
	font-weight: bold;
}
.kosodate_articles_con:not(:last-of-type){
	margin-bottom: 3%;
}
.kosodate_movie_con div,
.kosodate_articles_con div{
	background-color: #FFFEE6;
	padding:5%;
}
.kosodate_articles_con div .adjustment{
	width: 70%;
	margin: auto;
}
.kosodate_movie_con p,
.kosodate_articles_con p{
	padding: 3% 0 3% 0;
}
.kosodate_articles_con p.articles_title{
	min-height: 60px
}
#content .kosodate_articles_con p a:hover{
	text-decoration:none;
	color:#ffffff;
}
@media screen and (max-width: 991px) {
	.kosodate_articles{
		background-image: none;
	}
	.kosodate_articles_con:nth-of-type(3){
		margin-bottom: 0;
	}
}
@media screen and (max-width: 767px) {
	.kosodate_con{
		padding-top: 5%;
	}
	.kosodate_movie_con,
	.kosodate_articles_con {
		padding-bottom: 5%;
	}
	.kosodate_articles_con{
		margin-bottom: 0 !important;
	}
	.kosodate_movie_con div,
	.kosodate_articles_con div{
		padding: 5% 8%;
	}
	.kosodate_movie_con p,
	.kosodate_articles_con p{
		padding: 3% 0 0 0;
		font-size: 4vw;
	}
}

/*****************************************************************************
****************** バナー ****************************************************
*****************************************************************************/
.kosodate_banner{
	padding: 5% 0;
}
.kosodate_banner .kosodate_banner_con:first-of-type,
.kosodate_banner .kosodate_banner_con:nth-of-type(2){
	margin-top: 1.3%;
}
@media screen and (max-width: 991px) {
	.kosodate_banner .kosodate_con{
		padding-left: 4.5%;
		padding-right: 4.5%
	}
	.kosodate_banner_con {
		padding-bottom: 6%;
	}
}

/*****************************************************************************
****************** slick調整 *************************************************
*****************************************************************************/
.slick-dots {
	top: 0.8%;
	bottom: auto;
}
.slick-dots li.slick-active button::before,
.slick-dots li button::before {
    font-size: 25px;
		color: #E85B92;
}
.slick-dots li.slick-active button::before{
	opacity: 1;
}
.slick-prev {
	left: 0px;
}
.slick-next {
	right: 0px;
}
.slick-prev, .slick-next {
	z-index: 2;
	width: auto;
	height: auto;
	opacity: 0.8;
}
.slick-prev::before, .slick-next::before {
	font-size: 40px;
}

/*****************************************************************************
****************** bootstrap調整 *********************************************
*****************************************************************************/
ul{
	margin-bottom:0;
}