@charset "utf-8";

/*オレンジ色読み込み*/
@import url("color-orange.css");

#canvas{
	font-family: 'GenJyuuGothic';
}

/*メインタイトル*/
.main-title{
	margin-top: 1.0em;
}

.main-title img{
	width: 100%;
	height: auto;
}

.main-title h2{
	/*color:#00665A;*/
	text-align: center;
	background:url(../img/underline_01-02_green.svg) left bottom no-repeat;
	margin-top: 5px;
}

/*tableボーダーリセット*/
#canvas table{
	border-top:none;
	border-right: none;
}

#canvas table th,
#canvas table td{
	border-left: none;
	border-bottom: none;
}

/*子どもたちの笑顔の輪が広がるように*/
.main-msg h3{
	text-align: center;
	font-size: 1.5em;
}

.msg-body p{
	text-indent: 1.0em;
}

/*ご利用について*/
table.riyou tbody th {
	background-color: transparent;
	vertical-align: top;
}

/*営業時間（2行目）*/
table.hours tbody th{
		text-align: left;
	}

table.hours caption{
	caption-side: bottom;
	text-align: right;
}

.tokki{
	text-align: right;
}

/* PCのみ */
@media screen and (min-width: 768px),print {
	table.riyou tbody th{
		width: 6.0em;
	}

	table.hours tbody th{
		width: 9em;
	}

	table.hours tbody td {
		text-align: right;
	}
}

/* スマートフォン */
@media screen and (max-width: 767px) {
	table.riyou tbody th,
	table.riyou tbody td{
		display: block;
		width: 100%;
		box-sizing: border-box;
}

table.riyou tbody th{
	background-color: #F48FB1;
	color: #FFF;
}

table.hours tbody th{
	background-color: transparent;
	color: #000;
}

table.hours tbody th:before{
	content: "■";
	margin-right: 0.5em;
}

table.hours tbody td{
	padding-left: 2.5em;
}

}

/* 一日のすごしかた*/
.flow [class^="box_0"] {
	position: relative;
	padding: 0 10px 10px 10px;
	border: 1px #D500F9 solid;
	background-color: #FCE4EC;
}

.flow [class^="box_0"] table th{
	background-color: transparent;
	text-align: left;
}

.flow [class^="box_0"] table{
	width: 400px;
	margin:0 auto 0.5em;
}

.flow [class^="box_0"] h4{
	text-align: center;
	font-size: 1.2em;
	margin:1.0em 0 0.5em;
}

.flow .box_01 table th{
	width: 4.5em;
}

.flow .box_02 span{
	margin-left: 0.5em;
}


.flow [class^="box_0"]:after{
    position: absolute;
    content: '';
    right: -1px;
    bottom: -1px;
    border-width: 20px 20px 0 0;
    border-style: solid;
    border-color: #AA00FF #fff #AA00FF;
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.15);
}

/* PCのみ */
@media screen and (min-width: 768px),print {
.flow {
	display: flex;
	justify-content: space-between;
}

.flow [class^="box_0"] {
	width: 46%;
}

}

/* スマートフォン */
@media screen and (max-width: 767px) {
.flow [class^="box_0"] table{
	width: 100%;
	box-sizing: border-box;
	}

	.flow .box_01{
		margin-bottom: 1.0em;
	}
}

/*メッセージ（2番目）前の飾り罫*/
.msg-2nd .border-box{
	margin-top: 1.0em;
}

/*メッセージ（2番目）*/
.msg-2nd p strong{
	display: block;
	font-size: 1.5em;
	text-align: center;
	margin:0.5em 0;
}

/* スマートフォン */
@media screen and (max-width: 767px) {
	.msg-2nd p strong{
	font-size: 1.2em;
}
}

/* PCのみ */
@media screen and (min-width: 768px),print {
.msg-2nd .msg-photo{
	display: flex;
	justify-content: space-around;
}

.msg-2nd .msg-photo img{
	width: 500px;
	height: 436px;
}

.msg-2nd .msg-photo img.photo-1st{
	margin-top: 5.0em;
}

.msg-2nd .msg-photo img.photo-2nd{
	margin-bottom: 3.0em;
}

}

/*活動プログラム*/
.activitys .exp{
	text-align: center;
}

.activitys [class^="photo-box_0"] {
	margin-top: 0.5em;
	margin-bottom: 1.0em;
}

.activitys .activitys-msg-2nd{
	text-align: center;
}

/* PCのみ */
@media screen and (min-width: 768px),print {

.activitys-msg .msg-body{
	width: 890px;
}

.activitys-msg .illust-box img{
	width: 200px;
	height: auto;
}

.activitys-msg{
	display: flex;
	justify-content: space-between;
}

.activitys .activitys-photo{
	display: flex;
	justify-content: space-around;
}

.activitys .photo-box_01 .exp{
	margin-top: -2.0em;
}

}

/* スマートフォン */
@media screen and (max-width: 767px) {

.activitys-msg{
	display: flex;
	flex-direction: column-reverse;
}

.activitys-msg .illust-box img{
	display: inline;
	width: 60%;
	height: auto;
}

.activitys-msg .illust-box{
	text-align: center;
	/*margin: 0.5em auto 1.0em;*/
}

}

/*評価*/
.hyouka{
	/*margin:1.5em 0 2.0em;*/
	padding: 1.5em 0 2.0em;
}

.hyouka-link .btn a{
	width: 7.0em;
	text-align: center;
}

/* PCのみ */
@media screen and (min-width: 768px),print {
.hyouka-link{
	display: flex;
	justify-content: space-around;
}
}

/* スマートフォン */
@media screen and (max-width: 767px) {
	.hyouka-link{
		text-align: center;
	}

	.hyouka-link .btn{
		margin:0.5em 0;
	}
}


/*お問合せ*/
.info .info-body{
text-align: center;
background-color: #B2EBF2;
padding: 10px;
border:1px #039BE5 solid;
}

.info .info-body p strong{
	font-size: 1.5em;
}

/* PCのみ */
@media screen and (min-width: 768px),print {

	.info{
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		}

	.info .info-body{
		padding: 10px 40px;
	}

	.info .illust-box_01 img{
		width: 360px;
		height: auto;
	}

	.info .illust-box_02 img{
		width: 360px;
		height: auto;
	}

/*
	.info [class^="illust-box_0"] img{
		width: 380px;
		height: auto;
	}
*/

	.info .info .info-body{
		padding: 10px 30px;
	}
}

/* スマートフォン */
@media screen and (max-width: 767px) {

.info .illust-box_01{
margin-bottom: 5px;
}

.info .illust-box_02{
	text-align: center;
	margin-top: 10px;
}

}