@charset "UTF-8";

html{
	font-size:10px;/* こうする事で、18px=1.8rem */
}
body{
	font-size: 1.8rem;
	letter-spacing:0.14em;
	line-height:150%;
	background-color:#FFFAE9;
	margin:0rem;
	bborder-left :0.1rem solid #000000;
	bborder-right:0.1rem solid #000000;
}

hr{
	height:1px;border: none;/* FireFox で、表示されない！！！*/
}
hr{/* HR が、FireFox で、表示されない！！！ */
	border-width: 1px 0px 0px 0px; /* 太さ */
	/* border-style: solid; */     /* 線種 */
	/* border-color: red;   */     /* 線色 */
	height: 1px;                   /* 高さ(※古いIE用) */
}

h1{
	font-size:2.4rem;
	/*margin-bottom:5px;*/ /* IEの場合、指定しないと距離がゼロになってしまう */
	padding:0.5rem 0px 0px 2rem;
	min-width:60rem;
}

h2{
	font-size: 2.0rem;
	margin-bottom:1.4rem;
	border-left:0.6rem solid #cccccc;
	padding:1rem 1rem 1rem 1rem;/*padding:2px 0px 2px 8px;*/
	background: #f9f9f9 url("https://music-school.mjapa.jp/image/h_back.gif") repeat-x;
	border: 0.1rem #c0c0c0 solid;
	/*border-left:6px solid #cccccc;*/
}
h3{
	font-size: 1.8rem;
	margin-top:2.6rem;
	/*margin-left: 0px!important;*/
	/*padding-left:0px!important;*/
}

.h3_link{
	margin-bottom:0rem;
}

.des{/* ページの最上部に配置するdescription */
	font-size:1.2rem;
	margin-bottom:0.5rem;
}

.balloon {/* 矢印 下向き */
    /* background-color: #90caf9;*/
    /*border-radius: 5px;*/
    /*color: #1976d2;*/
    /*margin: 30px;*/
    /*padding: 15px;*/
    position: relative;
}
.balloon::after {
    border: 10px solid transparent;
    border-top-color: #c0c0c0;
    content: '';
    height: 0;
    left: 10px;
    position: absolute;
    top: 100%;
    width: 0;
}


.txt_big_center{
	margin:0px 0px 0px 0px;
	padding:18px 20px 20px 20px;
	font-size:x-large;
	background-color:white;border:1px solid #eeeeee;
	line-height:40px;
	text-align:left;
	width:94%;
	/*float:left;*/
	/*clear:left;*/
}
.txt_big_center_center{
	margin:0px 0px 0px 0px;
	padding:18px 20px 20px 20px;
	font-size:x-large;
	background-color:white;border:1px solid #eeeeee;
	line-height:40px;
	text-align:center;
	width:50%;
	/*float:left;*/
	/*clear:left;*/
}

.txt_big_center_tate {
	margin:0px 0px 0px 0px;
	padding:18px 20px 20px 20px;
	font-size:x-large;
	background-color:white;border:1px solid #eeeeee;
	line-height:40px;
	text-align:left;
	width:94%;

	/*縦書き：Firefox 3.5以降、ウェブキット、Opera 10.5以上、IE*/
    -moz-transform:rotate(-270deg);
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-270deg);
    -o-transform-origin:  bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}



.contents{
	padding: 0rem 0.5rem 0rem 0.8rem ;/* h2 以降の内容 */
}

/* 目次ボタンクリックでcontents_link_containerを開く*/
/* #tocopen:checked+.contents_link_container { */
.contents_link_container {
	background-color:#ffffff;
	padding:11px 16px 16px 11px;/* 上 右 下 左 の順に指定 */
	margin:8px 0px 8px 0px;
	border:1px solid #eeeeee;
	display: inline-block;
}
/* 目次内容の表示・非表示切替 */
.contents_link_container.is-hidden {
  display: none;
}
.contents_link_button{
	box-shadow:none;
	background-color:white;color:black;
	/* 角丸の指定 */
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}


table td{
	font-size: 1.6rem;/* これがコンテンツのフォントサイズ！テーブル組してあるから！ */
	vertical-align:top;
	line-height:150%;
}

.table{
	background-color:#482900;
}
.table td{
	background-color:#FCF3C0;
	padding:0.5rem;
}

.table_chord{
	width:700px;
	background-color:#482900;
}
.table_chord td{
	width:25%;
	background-color:#FCF3C0;
}


.left{
	padding:15px 25px 25px 25px; mmmargin:30px;
	width:100%;
}
.right{
	min-width:300px;
	max-width:300px;
	padding:0px 0px 0px 20px;
}

.right_menu{
	width:280px;/* バナーサイズ：280px */
	font-weight:bold;
	bbbackground-color:#eeeeee;

	background: #f9f9f9 url("https://music-school.mjapa.jp/image/h_back.gif") repeat-x;
	border: 1px #c0c0c0 solid;

	padding:5px;
	margin:0px 0px 5px 0px;/* span に、marginは、利かない、確か*/
	bborder:       1px solid #eeeeee;
	bborder-top:  1px solid #eeeeee;
	bborder-left: 1px solid #eeeeee;
}

.page_top_link{
	font-size:1.6rem;
	text-align: center;
	padding: 10px;
	background-color:#A57842;
	color:#000000;
}
.page_top_link a{
	color:#ffffff;
}

.footer_link{
	font-size:1.6rem;
	line-height:150%;
	padding:20px 50px 20px 50px;
	color:#A57842;
	background-color:#FFD37D;
	padding:0px,20px,0px,20px;
}
.footer_link_image{
	margin:0px 0px 5px 0px;
}

.movie{
	background-color: #000000;
	width: 100%;
}

.right_banner{
	margin:3px 0px 10px 3px;
	border:1px solid #cccccc;
}


ul{
	margin:0px 0px 0px 18px;
	padding:0px;
}
liii{
	margin:0px;
	padding:0px;
}

#digitalclock{
	font-weight:normal;
	color:#482900;
}



.left_title{
	font-size:1.2rem;
	text-align: center;
	background-image:url("https://music-school.mjapa.jp/image/cback_3.gif");
	background-repeat:repeat-x;
	color:#ffffff;
}



/*カレンダー mini*/
.calendar_mini{
	border:solid 1px #FFB366;
	width:270px;
	/* margin-bottom:15px; */
}
.calendar_mini tr.we  {background-color:#f9f9f9;color:#482900;}
.calendar_mini tr.num {background-color:#ffffff;color:#482900;}
.calendar_mini td{
	/* font-size:12px; */
	vertical-align:top;
	text-align:center;
	padding:0px 0px 0px 0px;
}
.calendar_mini td.sal {
	background-color:#ffffff;
	/* background-image:url("https://www.tsukiji-oumiya.com/photo/starten.gif"); */
	background-repeat:no-repeat;
	background-position: 38% 45%;
}
.calendar_mini td.off   {background-color:pink;}
.calendar_mini td.today {border:1px solid #FFE9BE;}
.calendar_mini tr.yot {font-size:1.2rem;background-color: #ffffff;color:red;}
.calendar_mini ul{
	margin:0px 0px 0px 15px;
	padding:0px;
	list-style-image: url("https://music-school.mjapa.jp/image/li_g.gif");
	/*list-style-type: none;*/
}

.nannohi{
	text-align:left!important;
	font-size:1.2rem;
	line-helght:200%;
	padding:5px;
	background-color:#ffffff;
}


pre {/* preタグ内のテキストを自動改行 */
    /* Mozilla */
    white-space: -moz-pre-wrap;
    /* Opera 4-6 */
    white-space: -pre-wrap;
    /* Opera 7 */
    white-space: -o-pre-wrap;
    /* CSS3 */
    white-space: pre-wrap;
    /* IE 5.5+ */
    word-wrap: break-word;
}

.list div{
	border:1px solid #eeeeee;
	width:94%;
}
.list{
	background-color:#ffffff;
	padding:8px 10px 10px 8px;
	display:inline-block;
	width:94%;
	line-height:220%;
}
.list_num{
	background-color:#ffffff;
	padding:8px 10px 10px 30px;
	display:inline-block;
	width:94%;
	line-height:220%;
}

.box{
	border:1px solid #eeeeee;
	background-color:#ffffff;
	/*padding:8px 10px 10px 8px;*/
	padding:18px 20px 20px 20px;
	display:inline-block;
	width:94%;
	line-height:220%;
}
.box_b{
	/*border:1px solid #eeeeee;*/
	background-color:#000000;
	color:#ffffff;
	/*padding:8px 10px 10px 8px;*/
	padding:18px 20px 20px 20px;
	display:inline-block;
	width:94%;
	line-height:220%;
}


.del{/* 取り消し線 */
	text-decoration:line-through;
  }


.tategaki{
	-ms-writing-mode:tb-rl;/* IE用 */
	writing-mode:vertical-rl;/* 「vertical：縦、rl：右から左 */

	-webkit-text-orientation:mixed;
	text-orientation:mixed;


	dddisplay:inline-block;/*  */

	vertical-align:top;
	height: 300px;/* 文字ブロックの縦の長さ */
	width:100%;/* 文字ブロックの左右の広さ */

	text-align:left;/* 縦向きで考える */

	column-count:2;/* カラム数 */
	column-gap:10px;/* カラムの間隔 */

	font-size:14px;
	font-size:16px;
	line-height:150%;
	letter-spacing:0.08em;

	float:left;
	clear:left;
}
.tategaki rt{
	pppadding:0px;
}
.text-combine {/* 英数字の向き（縦中横） */
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}


/* 点滅 文字、画像 */
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


.last_modified{
	float:right;marin:0px;font-size:small;
}

.marker-orange {/* 蛍光ペンっぽいアンダーラインマーカー */
background: linear-gradient(transparent 80%, #ffa500 0%);
}

.img_radius {
	border-radius: 20px;
}