@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;
}
*/


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


/*++++++++++++++++++++++++++++++++++++++++++
    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;
	}

	div .flute_scroll {
		max-width: 100%;
/* 	    height: auto; */
		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;
	}

}


/* PC */
@media (min-width:1000px){ 

	.box2_rs{
		display: flex;
		justify-content:space-between;
}

	/* box2_rs */
	.box2_rs .item{
		width: 47%;
	}
	.box2_rs .item img{
		max-width: 100%;
	}
}

/* SP */
@media (max-width:999px){

	/* box2_rs */
	.box2_rs .item{
		width: 100%;
	}

	.box2_rs .item img{
		max-width: 100%;
	}

	.box2_rs .caption{
		font-size: 0.8em;
	}
}