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

.SANBORN_h3{
	border-bottom:solid 2px #6786c4;/*ムラサキ #b3008c */
	border-left:solid 0.3em #6786c4;/*ムラサキ #b3008c*/ 
	padding-left:0.5em; 
	color: #000;/*文字色*/
	font-size: x-large; 
	font-weight: bold; 
	font-family: sans-serif;/*インパクト抜きバージョン*/	
	}
	
.SANBORN_h3 strong{
	margin-right:0.5em;
	font-family: impact;
	}


.SANBORN_box{
	/*border: solid 2px #d3d6dd;*/
	background-color:#fdfdfd;
	padding:2em;
	margin:1em 5%;
	color:#000;
	}


.no_scroll{
	with: 100%; 
	max-width:700px;/*550px*/ 
	margin: 0.5em auto;
	}

.purple{
	color:#6786c4;
	}
	
.marker{	
	padding-bottom:4px;
	border-bottom:dotted 1.2px #6786c4;
	}
	
.SANBORN_ribbon {
	display: inline-block;
	border-bottom:dotted 2px #94835F;/*h4カラー*/ 
	}

.rehearsal_mark {
	border-style: solid;
	border-width: 1px;
	margin: 3px;
	padding: 1px 3px;
}

/*++++++++++++++++++++++++++++++++++++++++++
1024←
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width:2000px) {
.SANBORN_CD{
	float: left; 
	width: 150px; 
	height:300px;
	margin: 0 3% 0 50px;}

.SANBORN_img_right{
	color:#808000;
	letter-spacing:-0.1em;
	width:170px;
	margin:1.2em 50px 0 2em;
	float:right;
	}
}


/*++++++++++++++++++++++++++++++++++++++++++
    PC　表示
+++++++++++++++++++++++++++++++++++++++++++*/

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


div .scroll {
    height: auto;
    width: 750px;
	margin:0.5em auto;
    padding: 5px;
    overflow: scroll;
    border: 1px solid #CCC;
    -webkit-overflow-scrolling: touch;
}
}


/*++++++++++++++++++++++++++++++++++++++++++
スマホ横とiPad 　548←→1300px
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-device-width: 1299px){
div .scroll {
    height:auto;
    width: 95%;
	margin:1em auto;
    padding: 5px;
    overflow: scroll;
    border: 1px solid #CCC;
    -webkit-overflow-scrolling: touch;
}
}
	
/*++++++++++++++++++++++++++++++++++++++++++
スマホ横   548←→668px
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-device-width: 668px){
.SANBORN_CD{
	margin: 0  0 0 5%;
	}

.SANBORN_img_right{
	width:200px;
	margin:0.5em auto;
	float:none;	
	}

}

/*++++++++++++++++++++++++++++++++++++++++++
スマホ　表示
+++++++++++++++++++++++++++++++++++++++++++*/

@media only screen and (max-width: 548px){
.SANBORN_CD{
	margin: 0  0 0 5%;
	}


.SANBORN_img_right{
	width:200px;
	margin:3px auto;	
	float:none;
	}

div .scroll {
    height:150px;
    width: 95%;
	margin:0.5em auto;
    padding: 5px;
    overflow: scroll;
    border: 1px solid #CCC;
    -webkit-overflow-scrolling: touch;
}


.SANBORN_box{
	margin:1em 0;
	}

}