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

.SANBORN_h3{
	border-bottom:solid 2px #6786c4;/*ムラサキ #b3008c */
	border-left:solid 0.3em #6786c4;/*ムラサキ #b3008c*/ 
	padding-left:0.5em; 
	font-size: x-large; 
	font-weight: bold; 
	color: #000;/*文字色*/
	font-family: impact, sans-serif;
	}


.SANBORN_box{
	border: solid 3px #d3d6dd;
	/*background-color:#fdfdfd;*/
	padding:1em;
	margin:1em 10rem;
	color:#000;
	}


.no_scroll{
	width: 100%; 
	max-width: 550px; 
	margin: 0.5em auto;
	display:inline-block;
	}

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


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

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

.SANBORN_img_right{
	color:#808000;
	letter-spacing:-0.1em;
	width:170px;
	margin:1.2em 10rem 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;
	}

}