@charset"UTF-8";

/*/////// reset ///////*/

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {
border: none;
}

clear:after{
	content:"";
	display:block;
	clear:both;
}

body{	
/*行の高さをフォントサイズと同じにしています*/
  line-height: 1.5em;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color:#555;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}

/*/////// 共通 ///////*/
selector {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img{
	max-width:100%;
	vertical-align: text-bottom;
}

/*/////// contents ///////*/

body{
	font-family:'メイリオ','Hiragino Kaku Gothic',sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	background: #fdeeed;
	/*text-align:center;*/	
}

/*20200228追記*/

.caution_wrapper{
	margin: 0 auto 2em;
	width: 80%;
	/*border: solid 2px #e51b86;
	padding: 1.5em;*/
}

.caution_wrapper h1{
	border-bottom: solid 1px #e51b86;
	padding-bottom:.5em;
	text-align:center;
	font-size:1.2em;
	font-weight: bold;
	color:#e51b86;
}
.caution_wrapper p{
	line-height:1.5em;
	font-size:1em;
		text-align:center;
}

p.catch{
	text-align:center;
	line-height:1.5em;
	font-size:1.2em;
	padding:4%;
	margin-bottom:1em;
	background-size:90%;
	color: #000;
}
p.closed{
	text-align:center;
	line-height:1.5em;
	font-size:1.2em;
	padding:1.5em 1em ;
	color:#e51b86;
}

/*/////// wrapper ///////*/

#innerWrapper{
	width:100%;
	padding:0 0 20px;
	background:url(../images/side_bg.png) repeat-y,url(../images/side_bg.png) top right repeat-y;
	/*background-size:3%,3%;*/
}

@media all and (max-width: 768px){
#innerWrapper{
	background-size:3%,3%;
}
}

h2{
	height:auto;
	margin-bottom:40px;
}

h3{
    font-size: 1.6em;
	font-weight:bold;
	text-align:center;
}

h2 img{
	width:100%;
}

#wrapper{
	background:#fff;
}

.contentsWrapper{
	padding:0 3em 1.5em;
	background-size:100%;
	}

.bottomWrapper{
	box-sizing:border-box;
	margin: 2% 6%;
	}

/*/////// video ///////*/

.video_area{
	text-align: center;
	margin: 0 auto;
}

.video_area h2{
	background: url(../images/ribbon.png) center 40% no-repeat;
	background-size: 50%;
	padding: 10% 0 1%;
	text-align: center;
	font-weight:bold;
	font-size: 1.2em;
	width:50%;
	margin: 0 auto;
}

.video {
     position: relative;
     padding-bottom: 22.5%;
     height: 0;
     overflow: hidden;
     width: 40%;
     margin: 1% auto 8% auto;
     border: 1px solid #999999;
}

.video iframe {
     position: absolute;
     top: 0;
     left: 0;
        right: 0;
     width: 100%;
     height: 100%;
}

@media all and (max-width: 480px){
.video {
	width: 85%;
	padding-bottom: 48%;
    margin: 1% auto 10% auto;
}
	
.video_area h2{
	background-size: 80%;
	padding: 18% 0 3%;
}
	
}

/*/////// teacher ///////*/
.teacher{
	/* width:100%; */
	margin-bottom:10px;
	background:url(../images/teacher_bg_top.png) top center no-repeat #fdeeed;
	background-size:100%;
	padding:15% 4% 2%;
	margin: 0 0 7%;
	position:relative;
	}

.teacher dt{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:0.3em;
}

.teacher h2{
	position: absolute;
	right:0;
	top: -30px;
}

.teacher dt{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:0.3em;
}

.teacher dd{
	margin-bottom:1.5em;
	border-bottom:#908883 dotted 3px;
	padding-bottom:1.5em;
	}

.teacher dd:last-child{
	margin-bottom:1em;
	border-bottom:none;
	padding-bottom:0;
	}	
	

/* 2024.05 追記 */
.t-flex {
	display: flex;
	flex-wrap: wrap;
}
.t-flex-l,.t-flex-r {
	width: 49%;
	margin: 0 0.2em;
}

@media all and (max-width: 787px){
	.t-flex {
		display: block;
	}
	.t-flex-l,.t-flex-r {
		width: 100%;
		margin: 0 0.2em;
	}
	.t-flex-l dd{
		margin-bottom:1.5em !important;
		border-bottom:#908883 dotted 3px !important;
		padding-bottom:1.5em !important;
	}
	
}


/*/////// Schedule ///////*/

.schedule{
	/*margin: 2% 6%;*/
	padding: 0;
	border:solid 1px #ea6188;
	background: #FFF7ED;
	}

.schedule:after{
	content:" ";
	clear:both;
	display:block;
}

.schedule h2{
  margin-bottom: 0;
  padding: 0.7em 0 0.7em 1em;
  background:#ea6188;
  color:#fff;
  font-weight:bold;
  font-size: 1.2em;
}

.schedule dl:after{
	content:" ";
	clear:both;
	display:block;
}	

.schedule dl{
	border-bottom:#ccc dotted 1px;
	padding-left:1em;
}

.schedule dl dt:first-child + dd{
	width:23%;
	float:left;
  }

.schedule dd{
	padding:1em 0 0.8em 0;
}

.schedule dt{
    font-weight: bold;
	padding:1em 2em 0.5em 0;
	width:30%;
	float:left;
	}

/*/////// inquiry ///////*/

.inquiry{
    margin: 0 1.5em 0;
    padding: 0;
}

.inquiry p{
	margin-bottom:1.5em;
}

.inquiry h2{
	font-weight: bold;
    font-size: 1.2em;
    margin: 1em 0 1em;
}

/*/////// nittei ///////*/

.nittei{
	margin:2em 1.5em;
	/*padding-bottom:2em;
	border-bottom: solid 1px #ccc;*/
	overflow-x: auto;
}

.nittei p{
	margin-top:0.5em;
}

.nittei h2{
	font-weight: bold;
    font-size: 1.2em;
    margin: 1em 0 1em;
}

.nittei table{
	border: solid 2px #8f82bc;
	text-align:center;
}

.nittei th{
	background:#8f82bc;
	color:#fff;
	padding:0.3em;
	font-size:1.4em;
	font-weight:bold;
}

.nittei td{
	border-right: dotted 1px #8f82bc;
	border-bottom: dotted 1px #8f82bc;
	padding:0.4em;
}

.nittei td.border{
	border-right: solid 2px #8f82bc;
}

.nittei td.tCenter{
	border-right: solid 1px #8f82bc;
	vertical-align:middle;
	width:10%;
	background:#e9e6f3;
}

.nittei td.month{
	width:15%;
}

.nittei td:first-child,.nittei td.month{
	font-weight:bold;
}

.nittei td.bgColor{
	background:#e9e6f3;
	color:#fff;
	font-weight:bold;
}

.nittei tr:nth-child(even){
	background:#e9e6f3;
}

p.mochimono{
	margin:0 1.5em 0;
}


/*/////// access ///////*/

.access{
	margin:2em 1.5em;
	padding:0 1em;
}

.access h2{
	font-weight: bold;
    font-size: 1.2em;
    margin: 1em 0 1em;
}

/*/////// schoolbus ///////*/

.schoolbus{
	border-bottom: solid 1px #ccc;
	margin:2em 1.5em;
	padding:0 0 2em 1em;
}

.schoolbus h2{
	font-weight: bold;
    font-size: 1.2em;
    margin: 1em 0 1em;
}

.schoolbus:after{
	content:" ";
	clear:both;
	display:block;
}
.schoolbus p{
	margin-right:1em;
	}

@media(max-width:767px){

.schoolbus p{
	margin-right:0;
	}}

/*/////// address ///////*/

address{
	font-style:normal;
	margin:2em 1.5em;
	padding:0 1em;
}

address p{
	margin-bottom:1.5em;
}

address h2{
	font-weight: bold;
    font-size: 1.2em;
    margin: 1em 0 1em;
}

/*address h2{
	font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 1em;
}

address {
	margin-top:40px;
	font-style:normal;
}*/


/*/////// konohanaBn ///////*/
.konohanaBn{
	margin:30px 0;
}

/*/////// header ///////*/

header{
	height:auto;
	background:transparent;
}

header .endtxt{
	padding:20px;
	font-weight:bold;
	line-height:1.5em;
}

header.mainHeader{
	/*background:url(../images/main_bg.png) no-repeat #fff;*/
	background:url(../images/main_bg.png) no-repeat,url(../images/side_bg.png) repeat-x;
	background-size:100%,55%;
	/*padding:24% 16% 10% 14%;*/
	padding: 22.41% 11.75% 8% 12.08%;
	
	/*background:url(../images/side_bg.png) repeat-y;
	background-size:3%;	*/
	}

/*/////// contents1 ///////*/

.contents1:after{
	content:"";
	clear:both;
	display:block;
	}

.contents1{
	margin-top:2em;
	padding:1.2em 1.2em 0;
	/*border:solid 1px #DFAE6C;*/
	background: #ea6188;
	color:#fff;
	}

.contents1 h2{ 
	margin-bottom:2em;
	padding:1em 0 1em;
	background:url(../images/line.png) bottom center repeat-x,url(../images/line.png) top center repeat-x;
	background-size:3.5%,3.5%;
	text-align: center;
    font-weight: bold;
	font-size: 1.4em;
	}
	
.flWrapper{
	content:"";
	clear:both;
	display:block;
	}

@media(max-width:767px){
.contents1 h2{
	background-size: 8%,8%;
	}}

/*/////// contents2 ///////*/
.contents2 p{
	margin:1em 2em;
}

.contents2 p.center{
	text-align:center;
}

/*.contents2 dt{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:0.3em;
}

.contents2 dd{
	margin-bottom:1.5em;
	border-bottom:#fff dotted 3px;
	padding-bottom:1.5em;
	}
	
.contents2 dd:last-child{
	margin-bottom:1em;
	border-bottom:none;
	padding-bottom:0;
	}*/

/*/////// footer ///////*/

footer{
	height:auto;
	background:#E95188;
	padding:20px 20px 30px;
}

/*/////// 申し込みボタン ///////*/
p.inqButton {
	background:#fff;
	text-align:center;
	/*padding:0 2em 2em;*/
	}

p.inqButton input[type="submit"].special,
p.inqButton input[type="reset"].special,
p.inqButton input[type="button"].special,
p.inqButton button.special,
p.inqButton .button.special {
	background-color: #e51b86;
	border-color: transparent;
	color: #ffffff !important;
}

	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		border-radius: 4px;
		border: solid 2px;
		cursor: pointer;
		display: inline-block;
		font-weight: bold;
		height: 3.15em;
		line-height: 3em;
		padding: 0 2em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}
	
p.inqButton a:hover {
	opacity:0.6;
}
	
/*/////// LOGOs ///////*/

.footerLogo{
	height:auto;
	border-bottom:solid 1px #fff;
	margin:0 0 40px;
	padding:0 0 20px;
}

/*/////// footerlink ///////*/

footer ul:after{
	width:100%;
	content:"";
	display:block;
	clear:both;
}

footer ul.linkTxt{
	padding:0 0 20px;
}

footer ul.linkTxt li{
	float:left;
	font-size:14px;
	border-right:solid 1px #fff;
	margin:0 0 10px;
	padding:0 10px 0;
}

footer ul.linkTxt li:first-child{
	padding:0 10px 0 0;
}

footer ul.linkTxt > *:first-child + * + * + * + *{
	border-right:none;
}

footer ul.linkTxt li a{
	color:#fff;
	text-decoration:none;
}

footer ul.linkTxt li a:hover{
	text-decoration:underline;
}

/*/////// copyright ///////*/

footer small{
	color:#fff;	
}

/*/////// page-top ///////*/
.page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
	text-decoration:none;
	color:#fff;
    padding: 20px;
    background: #7e7a7a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
	z-index: 10;
}

.contents2{
	text-align:center;
	line-height:1.5em;
	font-size:1.2em;
	padding:4%;
	margin:3em 0 0;
	background:url(../images/line02.png) top center no-repeat,url(../images/line02.png) bottom center no-repeat;
	background-size:90%;
	color: #000;
	}

/*/////// break point 767px以下 ///////*/

@media(max-width:767px){
img{
	max-width:100%;
	vertical-align: text-bottom;
}
	
.contents2{
	background-size: 100%;
	}
	

.contentsWrapper{
	padding:0 1.5em;
}

h2 img{
	width:100%;
}

h3{
    font-size: 1.4em;
}

.contents1{
	margin:0 1em 0.5em;
}

.contents1 h2 img{
	width:20%;
}

.contents1 p{
	padding:10px 10px;
}

	
	
	

.nittei{
	margin:2em 1.5em;
	padding-bottom:0.5em;
	/*border-bottom: solid 1px #ccc;*/
	overflow-x: auto;
}

.nittei {
  overflow-x: auto;
}
.nittei::-webkit-scrollbar {
  height: 5px;
}
.nittei::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #F6DACA;
}
.nittei::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #D9ADB1;
}


/*/////// contents2 ///////*/
/*.contents2{
	margin:5% 1em 5%;
	background:url(../images/contents2_bg_bottom.png) bottom center no-repeat,url(../images/contents2_bg_top.png) top center no-repeat,url(../images/contents2_bg.png) repeat-y;
	background-size:100%,100%,100%;
	padding:0 0 10%;
	}*/

.contents2 h2{
	height:auto;
	margin-bottom:5%;
}
.contents2 p{
	margin:5% 10% 0;
}

.contents3{
	width:100%;
	margin-bottom:10px;
}

#footerWrapper{
	width:100%;
	height:auto;
	padding:0 20px;
}

/*.schedule, .nittei{
	margin:0 ;
	}*/
	
.schoolbus{
	margin:2em 0;
	padding:0;
}

.schoolbus p{
		float:none;
		margin-bottom:1em;
	}
/*.schoolbus h2{
	width:50%;
	float:left;
	font-weight: bold;
    font-size: 1.2em;
    margin: 1em 0 1em;
}*/

.schoolbus .leftWrapper{
	float:none;
	height:100%;
	}
	
.schoolbus .fL{
	float:none;
	height:100%;
	}
	
.schoolbus p.fL img{
	width:100%;
	}	

/*/////// Schedule ///////*/

.schedule dl dt:first-child + dd{
	width:100%;
	float:none;
  }

.schedule dd{
	padding:0 0.8em 0.8em 0;
}

.schedule dt{
	width:100%;
	float:none;
	}

/*.schoolbus .leftWrapper{
	float:left;
	width:48%;
	height:100%;
	}
	
.schoolbus .fL{
	float:left;
	width:45%;
	height:100%;
	}*/
.schoolbus p.fL img{
	width:100%;
	}
/*.schoolbus p{
	margin-right:2em;
	}*/

.contents1 dl dt.taisho{
	float:left;
	width:35%;
	border-bottom:#ccc dotted 1px;
	height:9em;
	margin-bottom:0.8em;
	}

.contents1 dd.taisho{
	margin-bottom:0.8em;
	padding:0 0 1em;
	float:left;
	width:65%;
	border-bottom:#ccc dotted 1px;
	height:9em;
	}

}

/*/////// break point 768px以上 ///////*/

@media(min-width:768px){

.contentsWrapper:after{
	width:100%;
	content:"";
	display:block;
	clear:both;
}

.contentsWrapper:after{
	padding:0 2em
}
.contents1{
	height:auto;
	/*float:left;
	width:53%;*/
	margin:0 1%;
}

.contents1 h2 img{
	width:20%;
}

/*.rightWrapper{
	width:44%;
	float:left;	
}*/
	
/*.contents2 h3{
	margin:1.4em 0;
}*/

.contents3{
	height:auto;
	width:100%;
}

.schoolbus p.txt{
		float:left;
	}
/*.schoolbus h2{
	width:50%;
	float:left;
	font-weight: bold;
    font-size: 1.2em;
    margin: 1em 0 1em;
}*/

.schoolbus .leftWrapper{
	float:left;
	width:50%;
	height:100%;
	}
	
.schoolbus .fL{
	float:left;
	width:48%;
	height:100%;
	}
.schoolbus p.fL img{
	width:100%;
	}

.schoolbus .leftWrapper ul{
	margin:1em 0;
	}
.schoolbus .leftWrapper ul li{
	font-weight:bold;

	}

/*/////// footer ///////*/

#footerWrapper{
	width:100%;
	height:auto;

}
.contents1 dl dt{
	float:left;
	width:35%;
	border-bottom:#fff dotted 1px;
	height:3.6em;
	margin-bottom:0.8em;
	}

.contents1 dd{
	margin-bottom:0.8em;
	padding:0 0 1em;
	float:left;
	width:65%;
	border-bottom:#fff dotted 1px;
	height:3.6em;
	}

.contents1 dl dt.taisho{
	float:left;
	width:35%;
	border-bottom:#ccc dotted 1px;
	height:10em;
	margin-bottom:0.8em;
	}

.contents1 dd.taisho{
	margin-bottom:0.8em;
	padding:0 0 1em;
	float:left;
	width:65%;
	border-bottom:#ccc dotted 1px;
	height:10em;
	}

.contents1 dl dt.ninzu{
	float:left;
	width:35%;
	border-bottom:#fff dotted 1px;
	height:5em;
	margin-bottom:0.8em;
	}

.contents1 dd.ninzu{
	margin-bottom:0.8em;
	padding:0 0 1em;
	float:left;
	width:65%;
	border-bottom:#fff dotted 1px;
	height:5em;
	}
	
.schoolbus .leftWrapper{
	float:left;
	width:48%;
	height:100%;
	}
	
.schoolbus .fL{
	float:left;
	width:45%;
	height:100%;
	}
.schoolbus p.fL img{
	width:100%;
	}	
	
}

.contents1 dl dt{
	float:left;
	width:35%;
	border-bottom:#fff dotted 1px;
	height:5em;
	margin-bottom:0.8em;
	padding-right:1em;
	font-weight: bold;
	}

.contents1 dd{
	margin-bottom:0.8em;
	padding:0 0 1em;
	float:left;
	width:65%;
	border-bottom:#fff dotted 1px;
	height:5em;
	}

.contents1 dl:after{
	content:"  ";
	clear:both;
	display:block;
}

@media(max-width:767px){
	
.contents1 h2{ 
	margin-bottom:1em;
	}

.contents1 dl dt{
	float:none;
	width:100%;
	height:2em;
	margin-bottom:0;
	border-bottom:none;
	}
		
.contents1 dd{
	float:none;
	width:100%;
	}
	
.contents1 dd{
	height:auto;
	}	
	
.contents1 dd:last-child{
	border-bottom:none;
	}		
	
}

@media screen and (min-width: 945px) {

.contents1 dl dt.taisho{
	float:left;
	width:35%;
	border-bottom:#ccc dotted 1px;
	height:9em;
	margin-bottom:0.8em;
	}

.contents1 dd.taisho{
	margin-bottom:0.8em;
	padding:0 0 1em;
	float:left;
	width:65%;
	border-bottom:#ccc dotted 1px;
	height:9em;
	}

}


/*/////// berak point 1200px ///////*/
@media(min-width:1200px){
#wrapper{
	width:1200px;
	margin:0 auto;
}
#footerWrapper{
	width:1140px;
	margin:0 auto;
}

}

/*/////// berak point 1040px ///////*/
@media(min-width:1040px){
#wrapper,#footerWrapper{
	/*width:1040px;*/
	margin:0 auto;
}

.headerInner,.ikusei .innnerBox{
	width:1040px;
}
footer ul.logoImage li:first-child{
	margin:0 10px 0 0;
}

.footerLogo ul:after{
	content:"";
	display:block;
	clear:both;
}

/*/////// LOGOs ///////*/

footer ul.logoImage{
	position:relative;
    top: 50%;
    transform: translateY(50%);
}

footer ul.logoImage li{
	float:left;
	position: relative;
	top: 50%;;
	transform: translateY(-50%);
}

footer ul.logoImage > *:first-child + *{
	float:right;
}

img{
	width:100%;
	vertical-align: text-bottom;
}
}

@media(max-width:1040px){
#footerWrapper{
	padding:0 15px;
}

.headerInner{
	margin:0 15px;
}

section.chimeido,.ikusei .innnerBox,.ikusei h3,.fixBox,.kEiyou{
	margin-left:1em;
	margin-right:1em;
}

img{
	max-width:100%;
	vertical-align: text-bottom;
}

/*/////// LOGOs ///////*/

footer ul.logoImage li,footer ul.logoImage > *:first-child + * + *{
	float:none;
	text-align:center;
}

footer ul.logoImage li img{
	width:auto;
}
}

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

    /* 479px以下用（スマートフォン用）の記述 */

.contents1 dl dt.taisho{
	float:left;
	width:35%;
	border-bottom:#ccc dotted 1px;
	height:17em;
	margin-bottom:0.8em;
	}

.contents1 dd.taisho{
	margin-bottom:0.8em;
	padding:0 0 1em;
	float:left;
	width:65%;
	border-bottom:#ccc dotted 1px;
	height:17em;
	}

}



/*/////// その他 ///////*/

.note01 {
	font-size: .8em;
}


@media all and (min-width: 415px){
	
	.is_sp{ display: none;} /* PCで非表示 */
	
}

@media all and (max-width: 414px){
	
	body{
		font-size: 75%;
	}	
	html:not(:target) body {
		font-size: 12px;
	}
	
	.is_pc{ display: none !important;}　/* SPで非表示 */
	.is_sp{ display: block !important;}
	img.is_sp{ display: inline;}
	
	header.mainHeader{
		background:none;
		background:url(../images/side_bg.png) repeat-x;
		background-size:100%,55%;
		padding:0 0 1em;
	}
	
	p.catch {
		text-align: left;
	}
	
	footer ul.logoImage li:nth-child(2) {
		padding: 0 21%;
	}
	
	footer ul.logoImage li:nth-child(3) {
		padding: 0 30%;
		margin-top: .5em;
	}
	
	footer ul.linkTxt li {
		font-size: 1em;
	}
	
	footer ul.linkTxt li:last-child {
		padding-right: 0;
	}
	
	.page-top {
		bottom: 20px;
		right: 10px;
		padding: 15px 10px;
		font-size: 12px;
	}
}

.txt_koushi{font-weight: normal !important;
font-size: 90% !important;}

.sche_event{margin: 0 0 0 1em; padding:0 0 0 1em; text-indent: -0.65em; font-weight: bold;}

@media(max-width:767px){
	.sche_event{margin: 0 0 0 1em; padding:0 0 0 0em; 
	
}
}
.sche_loc{margin: 0 0 0 3em;}


.p_kodomomusical{
	margin: 2em auto;
	clear: both;
	width: 720px;
}

@media(max-width:767px){
.p_kodomomusical{
	width: 90%;
	}
}