@charset "UTF-8";
/* CSS Document */

body{
	font-family: dnp-shuei-mgothic-std, sans-serif;
	font-weight: 600;
}
#main-title{
	background: #fff241;
	padding: 150px 0px 80px;
	text-align: center;
}
#main-title h1{
	font-size: 5rem;
	font-weight: bold;
	margin-bottom: 30px;
}
#main-title .place{
	font-size: 3rem;
	font-weight: bold;
	display: inline-block;
    border-bottom: solid 3px #000;
    margin: 0px auto 15px;
    padding: 0px 15px 5px;
}
#main-title .day{
	font-size: 2rem;
}
.timetable-navi-block{
	background: #fff241 url(../../../image/lp/kodomo-omoi-festival/timetable/timetable_navi_bg.gif) bottom repeat-x;
    background-size: 3px auto;
	padding-top: 55px;
}
.scroll-hint.is-right-scrollable,.scroll-hint.is-left-scrollable{background: #fff241!important;height: 118px;}
.timetable-navi-block-inner{
	background: #fff241 url(../../../image/lp/kodomo-omoi-festival/timetable/timetable_navi_bg.gif) bottom repeat-x;
    background-size: 3px auto;
	width: 1100px;
	margin: 0px auto;
	
}
.timetable-navi{
	width: 1100px;
	margin: 0px auto;
}


.timetable-navi ul{
	margin: 0px auto;
    
   
}
.timetable-navi ul li{
	background: #fff url("../../../image/lp/kodomo-omoi-festival/timetable/timetable_navi_bg.gif") bottom repeat-x;
	background-size: 3px auto;
	border-top: solid 3px #fff;
	border-radius: 5px 5px 0px 0px;
	color: #a4a4a4;
	font-weight: bold;
	font-size: 2rem;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 25px 0px;
	line-height: 1;
    vertical-align: baseline;
	cursor: pointer;
	width: 16%;
	margin-right: 0.5%;
}
.timetable-navi ul li:nth-child(2){width: 20%;}
.timetable-navi ul li:nth-child(3){width: 22%;}
.timetable-navi ul li:nth-child(4){width: 24%;}
.timetable-navi ul li:nth-child(5){width: 16%;margin-right: 0;}
.timetable-block{
    display:none;
}
.timetable-navi ul li.tab.active{
    transition: all 0.2s ease-out;
	border: solid 3px #000;
	border-bottom: solid 1px #FFF;;
	background: #FFF;
	color: #000;
}
.timetable-block.show{
    display:block;
}
.timetable-head{
	width: 1100px;
    padding-top: 150px;
	margin: 0px auto;
	background: url(../../../image/lp/kodomo-omoi-festival/timetable/hito_img.png) right 20px top 20px no-repeat,
		url(../../../image/lp/kodomo-omoi-festival/timetable/clock_img.png) left 40px bottom 20px no-repeat;
    background-size: 300px auto,50px auto;
    position: relative;
	height: 250px;
  
}
.timetable-head ul{
	position: absolute;
    left: 12%;
    bottom: 10px;
	width: 88%;
}
.timetable-head ul li{
	border: solid 4px #EF8634;
    color: #EF8634;
    padding: 0px 5px;
    font-size: 1.8rem;
    width: 19.5%;
    text-align: center;
    line-height: 1.5;
	margin-right: 0.5%;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 90px;
    display: flex;
}
.timetable-head ul li:nth-child(2){
	border: solid 4px #1b489b;
    color: #1b489b;
}
.timetable-head ul li:nth-child(3){
	border: solid 4px #379741;
    color: #379741;
}
.timetable-head ul li:nth-child(4){
	border: solid 4px #18B0E7;
    color: #18B0E7;
}
.timetable-head ul li:nth-child(5){
	border: solid 4px #EF93B0;
    color: #EF93B0;
}



.timetable-list{
	border-bottom: solid 3px #000;
	height: 200px;
	background: url("../../../image/lp/kodomo-omoi-festival/timetable/timetable_bg.gif") repeat-x;
	background-size: contain;
}
.timetable-list.top{
	border-top: solid 3px #000;
}
.timetable-list-inner{
	height: 200px;
	width: 1100px;
	margin: 0px auto;
	position: relative;
}
.timetable-list-inner p{
	background: #FFF;
	text-align: center;
	width: 12%;
	height: 193px;
	font-weight: bold;
	font-size: 2rem;
	position: relative;
	z-index: 1;
}
.timetable-list-inner p span{
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}
.timetable-detail li{
	width: 23%;
	line-height: 1;
    margin-right: 0.5%;
	font-size: 1.8rem;
	font-weight: bold;
}
.timetable-detail li:last-child{margin-right: 0;}
.orange{background: #f08736;}
.blue{background: #1b489b;}
.green{background: #8CC63F;}
.green2{background: #379741;}
.sky{background: #18B0E7;}
.pink{background: #EF93B0;}
ul.timetable-detail.flexbox li {
    width: 19.6%;
}
.timetable-detail li a{
	text-decoration: none;
	color: #fff;
	display: block;
	padding:15px 15px 0 15px;
	width: 100%;
	line-height: 1.4;
	height:100%;
}
.timetable-detail li a:hover{
	opacity: 0.8;
}
.timetable-detail{
	position: absolute;
	left: 12%;
	top: 0px;
	width: 88%!important;
}

/*梅田*/

	#umeda .timetable-detail.umeda10 li{
	height: 145px;
	}
	#umeda .timetable-detail.umeda10 li:nth-child(2){
	height: 150px;
		position: absolute;
		top: 145px;
		z-index: 1;
		left: 0px;
	}
	#umeda .timetable-detail.umeda11 li{
	    height: 151px;
    position: absolute;
    top: 98px;
		z-index: 1;
	}
#umeda .timetable-detail.umeda12 li{
	height: 148px;
    position: absolute;
    top: 49px;
	}
#umeda .timetable-detail.umeda13 li{
	height: 148px;
    
	}
#umeda .timetable-detail.umeda13 li:nth-child(2){
	height: 150px;
		position: absolute;
		top: 148px;
	z-index: 1;
	left: 0px;
	}
#umeda .timetable-detail.umeda14 li{
	position: absolute;
    top: 98px;
    height: 150px;
	z-index: 1;
	}
/*梅田*/	

	
/*リハ室*/
#riha .timetable-detail.riha11 li{
	height: 98px;
}
#riha .timetable-detail.riha11 li:nth-child(2){
	position: absolute;
    left: 0;
    top: 149px;
	height: 99px;
	z-index: 1;
}
#riha .timetable-detail.riha12 li{
	height: 98px;
	position: relative;
    top: 99px;
}
#riha .timetable-detail.riha13 li{
	height: 98px;
	position: relative;
    top: 49px;
}
#riha .timetable-detail.riha14 li{
	height: 98px;
    top: 49px;
}
#riha .timetable-detail.riha14 li:nth-child(2){
	position: absolute;
    left: 0;
    top: 149px;
	height: 99px;
	z-index: 1;
}
#riha .timetable-detail.riha15 li{
	height: 98px;
	position: relative;
    top: 99px;
}
/*リハ室*/
	
	
/*ナレッジ*/
#knowledge .timetable-detail.knowledge10 li{
	height: 1394px;
	position: relative;
	z-index: 2;
}
#knowledge .timetable-detail.knowledge10 li:nth-child(5){
	height: 194px;
}
#knowledge .timetable-detail.knowledge11 li{
	height: 200px;
    position: absolute;
    top: 48px;
    left: 80.4%;
	z-index: 2;
}
#knowledge .timetable-detail.knowledge13 li{
	height: 197px;
	position: absolute;
    left: 80.4%;
}
#knowledge .timetable-detail.knowledge15 li {
    height: 200px;
    position: absolute;
    left: 80.4%;
	top: 99px;
	z-index: 2;
}
/*ナレッジ*/	
	
/*シアター*/
#theater .timetable-detail.theater10 li{
	height: 195px;
}
#theater .timetable-detail.theater11 li,#theater .timetable-detail.theater14 li{
	height: 200px;
    position: relative;
    left: 20%;
    top: 48px;
	z-index: 1;
}
#theater .timetable-detail.theater13 li{
	height: 197px;
}
#theater .timetable-detail.theater15 li{
	height: 200px;
    position: relative;
    top: 148px;
	z-index: 1;
}
/*シアター*/

/*ホワイエ*/
#howaie .timetable-detail li{
	height: 1394px;
	position: relative;
	z-index: 2;
}
#howaie .timetable-detail li:nth-child(2) {
    height: 195px;
    position: absolute;
    top: 0px;
	left: 40.2%;
}
#howaie .timetable-detail.howaie11 li {
    top: 0px;
    position: absolute;
    height: 98px;
    left: 20.1%;
}
#howaie .timetable-detail.howaie14 li{
	height: 98px;
    position: absolute;
    top: 99px;
    left: 20.1%;
}
#howaie .timetable-detail.howaie11 li:nth-child(2){
	height: 200px;
    position: absolute;
    top: 48px;
    z-index: 2;
    left: 40.2%;
}
#howaie .timetable-detail.howaie13 li{
	top: 0px;
	position: absolute;
    height: 98px;
	left: 20.1%;
}
#howaie .timetable-detail.howaie14 li:nth-child(2){
	height: 200px;
    position: absolute;
    top: 48px;
    z-index: 2;
    left: 40.2%;
}
#howaie .timetable-detail.howaie13 li:nth-child(2){
	height: 197px;
    top: 0px;
    left: 40.2%;
}
#howaie .timetable-detail.howaie15 li{
	height: 200px;
    position: absolute;
    top: 147px;
    z-index: 2;
    left: 40.2%;

}
#howaie .timetable-detail.howaie16 li{
	height: 98px;
    position: absolute;
    top: 0px;
    left: 20.1%;
}

/*ホワイエ*/


/*モーダル*/
.blocker {
    background-color:rgba(255,255,255,0.8)!important;
}
.modal{
	box-shadow: 0 0 0px #000!important;
	border-radius: 0px!important;
	background: #fff241!important;
	max-width: 600px!important;
	width: 95%!important;
	padding: 60px 30px 30px!important;
}
.modal a.close-modal {
    top: 20px!important;
    right: 30px!important;
    width: 25px!important;
    height: 25px!important;
	background-image: url(../../../image/lp/kodomo-omoi-festival/timetable/close.png)!important;
}
.modal-inner{
	background: #fff;
	text-align: center;
	padding: 30px;
	border-radius: 5px;
}
.modal-inner p{
	font-size: 2.5rem;
	margin-top: 30px;
}
.modal-inner p span{margin-left: 15px;}
p.morebtn{
	text-align: right;
}
.morebtn a{
	font-size: 2rem;
	background: #d64928;
	color: #FFF;
	display: inline-block;
	border-radius: 5px;
	padding: 10px 30px;
	text-decoration: none;
}
.cs a {
    pointer-events: none;
    background: #B3B3B3;
}
.blocker {
	z-index: 1000!important;
}
/*モーダル*/

#footer p{
	font-family:heisei-maru-gothic-std, sans-serif , "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", YuGothic, "メイリオ", "Meiryo", sans-serif;
}
@media (max-width: 1100px){
.timetable-navi{
	padding: 0 30px 0px 50px;
}
.timetable-head {
    width: 100%;
	background: url(../../../image/lp/kodomo-omoi-festival/timetable/hito_img.png) right 20px top 20px no-repeat,
		url(../../../image/lp/kodomo-omoi-festival/timetable/clock_img.png) left 40px bottom 20px no-repeat;
    background-size: 250px auto,40px auto;
}
.timetable-head ul li{
	font-size: 1.6rem;
}
.timetable-list-inner {
    height: 200px;
    width: 100%;
	}
.scroll-hint.is-right-scrollable, .scroll-hint.is-left-scrollable {
    height: 128px;
}
	
	
	.timetable-navi-block-inner {
    position: absolute;
    bottom: 0px;
    left: 0px;
}
}
@media (max-width: 768px){
.timetable-navi ul li{font-size: 1.8rem;}
.timetable-list-inner p span {
    font-size: 1.5rem;
}
.timetable-head {
    background: url(../../../image/lp/kodomo-omoi-festival/timetable/hito_img.png) right 20px top 20px no-repeat,
		url(../../../image/lp/kodomo-omoi-festival/timetable/clock_img.png) left 30px bottom 20px no-repeat;
    background-size: 200px auto,30px auto;
	height: 220px;
}
.timetable-head ul li {
    font-size: 1.4rem;
}
.timetable-detail li a {
    font-size: 1.4rem;
}
#main-title h1 {
    font-size: 4rem;
}
#header h1 {
    width: 180px;
}
.scroll-hint.is-right-scrollable, .scroll-hint.is-left-scrollable {
    height: 127px;
}
}


@media (max-width: 640px){
#main-title {
    padding: 100px 0px 0px;
}
#header h1 {
    width: 120px;
}
#main-title h1 {
    font-size: 3rem;
    margin-bottom: 10px;
}
#main-title .place {
    font-size: 2rem;
	margin-bottom: 5px;
}
#main-title .day {
    font-size: 1.5rem;
}
.timetable-head {
	background: url(../../../image/lp/kodomo-omoi-festival/timetable/hito_img_sp.png) right 20px top 20px no-repeat,
		url(../../../image/lp/kodomo-omoi-festival/timetable/clock_img.png) left 20px bottom 20px no-repeat;
    background-size: 150px auto,20px auto;
	height: 150px;
}
.timetable-head ul li {
    font-size: 0.8rem;
	border: solid 2px #EF8634;
}
.timetable-head ul li:nth-child(2) {
    border: solid 2px #1b489b;
}
.timetable-head ul li:nth-child(3) {
    border: solid 2px #379741;
}
.timetable-head ul li:nth-child(4) {
    border: solid 2px #18B0E7;
}
.timetable-head ul li:nth-child(5) {
    border: solid 2px #EF93B0;
}
	.timetable-head ul li{
		height: 50px;
	}
.timetable-list-inner p span{
	font-size: 1rem;
    letter-spacing: -0.05em;
	}
	.timetable-head ul li{
		width: 30%;
	}
ul.timetable-detail.flexbox li {
    width: 30%;
}
.timetable-detail li a {
    font-size: 1.2rem;
	padding-top: 8px;
}
.timetable-list-inner,.timetable-list {
    height: 100px;
}
.timetable-list-inner p {
    height: 94px;
}
#umeda .timetable-detail.umeda10 li {
    height: 70px;
}
#umeda .timetable-detail.umeda10 li:nth-child(2) {
    height: 75px;
    top: 70px;
}
#umeda .timetable-detail.umeda11 li {
    height: 75px;
    top: 48px;
}
#umeda .timetable-detail.umeda12 li {
    height: 77px;
    top: 20px;
}
#umeda .timetable-detail.umeda13 li {
    height: 73px;
}
#umeda .timetable-detail.umeda13 li:nth-child(2) {
    height: 75px;
    top: 73px;
}
#umeda .timetable-detail.umeda14 li {
    top: 48px;
    height: 77px;
}
#riha .timetable-detail.riha11 li {
    height: 50px;
}
#riha .timetable-detail.riha11 li:nth-child(2) {
   top: 73px;
    height: 51px;
}
#riha .timetable-detail.riha12 li {
    height: 50px;
    top: 48px;
}
#riha .timetable-detail.riha13 li {
    height: 48px;
    top: 24px;
}
#riha .timetable-detail.riha14 li {
    height: 48px;
    top: 49px;
}
#riha .timetable-detail.riha14 li:nth-child(2) {
    top: 72px;
    height: 52px;
}
#riha .timetable-detail.riha15 li {
    height: 50px;
    top: 48px;
}
#knowledge ul.timetable-detail.flexbox li {
    width: 19.6%;
}
#knowledge .timetable-head ul li{
	width: 19.5%;
	letter-spacing: -0.1em;
	padding: 0px 2px;
}
#knowledge .timetable-detail li a {
    font-size: 1rem;
    padding: 5px;
}
#knowledge .timetable-detail.knowledge10 li {
    height: 694px;
}
#knowledge .timetable-detail.knowledge10 li:nth-child(5) {
    height: 94px;
}
#knowledge .timetable-detail.knowledge11 li {
    height: 100px;
    top: 23px;
}
#knowledge .timetable-detail.knowledge12 li {
    height: 50px;
}
#knowledge .timetable-detail.knowledge13 li {
    height: 98px;
}
#knowledge .timetable-detail.knowledge13 li:nth-child(5) {
    height: 98px;
}
#knowledge .timetable-detail.knowledge15 li {
    height: 99px;
    top: 49px;
}
#theater .timetable-detail.theater10 li {
    height: 94px;
}
#theater .timetable-detail.theater11 li, #theater .timetable-detail.theater14 li {
    height: 100px;
    left: 30.5%;
    top: 24px;
}
#theater .timetable-detail.theater13 li {
    height: 97px;
}
#theater .timetable-detail.theater15 li {
    height: 100px;
    top: 50px;
}
#howaie .timetable-detail li {
    height: 694px;
}
#howaie .timetable-detail li:nth-child(2) {
    height: 94px;
	left: 61%;
}
#howaie .timetable-detail.howaie11 li{
	height: 50px;
    left: 30.5%;
}
#howaie .timetable-detail.howaie11 li:nth-child(2){
	height: 100px;
    position: absolute;
    top: 24px;
    left: 61%;
}
#howaie .timetable-detail.howaie13 li:nth-child(2){
	left: 61%;
	height: 97px;
}
#howaie .timetable-detail.howaie13 li {
    left: 30.5%;
	height: 50px;
}
#howaie .timetable-detail.howaie13 li:nth-child(2) {
    height: 97px;
    left: 61%;
}
#howaie .timetable-detail.howaie14 li {
    top: 47px;
    left: 30.5%;
    height: 50px;
}
#howaie .timetable-detail.howaie14 li:nth-child(2) {
    height: 100px;
    position: absolute;
    top: 23px;
    left: 61%;
}
#howaie .timetable-detail.howaie16 li {
    height: 48px;
   left: 30.5%;
}
#howaie .timetable-detail.howaie15 li {
    height: 98px;
    top: 74px;
    left: 61%;
}
.modal-inner {
    padding: 15px;
}
.modal {
    padding: 70px 15px 15px!important;
}
.modal-inner p {
    font-size: 1.8rem;
    margin-top: 20px;
}
.modal-inner p span{margin-left: 0px;display: block;}
p.morebtn {
    text-align: center;
}
.morebtn a {
    font-size: 1.8rem;
    display: block;
}
.scroll-hint.is-right-scrollable, .scroll-hint.is-left-scrollable {
    height: 126px;
}
}
@media (max-width: 414px){
.timetable-head {
    background: url(../../../image/lp/kodomo-omoi-festival/timetable/hito_img_sp.png) right 20px top 20px no-repeat, url(../../../image/lp/kodomo-omoi-festival/timetable/clock_img.png) left 10px bottom 20px no-repeat;
	 background-size: 150px auto,20px auto;
}
}