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

.rehearsal_mark {
	border-style: solid;
	border-width: 1px;
	margin: 3px;
	padding: 1px 3px;
	font-family:Georgia,Times New Roman, Times, serif;
	font-weight:bold;
}


.yamamoto{
	float:left;
	width:20%;
	margin:0 1em 0 0;
}


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

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

/*-------------------------------
    スクロール
-------------------------------*/
div .scroll {
    height: auto;
	margin:0.5em auto;
    padding: 5px;
    overflow: scroll;
    /*border: 1px solid #CCC;*/
    -webkit-overflow-scrolling: touch;
}

/*-------------------------------
    exercise
-------------------------------*/

.box_exercise {
    position: relative;
    padding: 1.5em 1em 0.5em;
    border: solid 2px  #9bcad4;/*囲み色*/
}

.box_exercise .box-title {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 14px;
    background: #9bcad4;/*囲み色*/
    color: #ffffff;
}

#main_left #magazine_main .scroll img{
	margin:0;
	width:680px;
	}

}

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

@media only screen and (max-device-width: 1299px){

.yamamoto{
	float:none;
	width:150px;
	margin:0 auto;
}


/*-------------------------------
    スクロール
-------------------------------*/
div .scroll {
    height:auto;
    width: 95%;
	margin:1em auto;
    padding: 5px;
    overflow: scroll;
    /*border: 1px solid #CCC;*/
    -webkit-overflow-scrolling: touch;
}

/*-------------------------------
    exercise
-------------------------------*/

.box_exercise {
	width:90%;
	margin:2%;
    position: relative;
    padding: 1.5em 1em 0.5em;
    border: solid 2px #9bcad4;/*囲み色*/
}
.box_exercise .box-title {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 14px;
    background:#9bcad4;/*囲み色*/
    color: #ffffff;
}


#main_left #magazine_main .scroll img{
	margin:0;
	width:670px;
	}


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

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


.yamamoto{
	float:none;
	width:150px;
	margin:0 auto;
}

/*-------------------------------
    スクロール
-------------------------------*/

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

/*-------------------------------
    exercise
-------------------------------*/

.box_exercise {
	width:90%;
	margin:2%;
    position: relative;
    padding: 1.5em 1em 0.5em;
    border: solid 2px #9bcad4;/*囲み色*/
}
.box_exercise .box-title {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;U
    vertical-align: middle;
    font-size: 14px;
    background:#9bcad4;/*囲み色*/
    color: #ffffff;
}

#main_left #magazine_main .scroll img{
	margin:0;
	width:670px;
	}

}