/*S92_ソプラノ特集_試奏*/

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

.ssx_brand{
	font-size:;
	}

#main_left #magazine_main div .ssx_img{
	width:45%;
	margin:1rem 0;/*margin:0 0 0 10rem;*/
	float:left;
	box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
	}
	
#main_left #magazine_main div .ssx_shohin{
	width:30%;
	/*margin-right:20px;*/
	float:right;
	/*box-shadow: 5px 10px 20px rgba(0,0,0,0.25);*/
	}

.ribbon_ssx {
    display: inline-block;
    position: relative;
    height: 30px;/*高さ*/
    line-height: 30px;/*高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 24px 0 18px;/*文字の左右の余白*/
	/*font-size:15px;文字サイズ*/
    background:#333 ;/*#333背景色*/
    color: #fff;/*文字色*/
    box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	margin-bottom:10px;
}

.box_ssx {
    padding: 1.2em 10rem;
    margin:1rem -10rem;/*margin: 0.5em 0;*/
    color: #2c2c2f;
    background: #dcdcdc;/*背景色*/
	color:#80766a;/*文字色*/
	font-size:1.1em;
	line-height:2em;
	font-weight:bold;

}

.ss_spec{
	margin:1rem 0;
	/*margin:2rem 10rem 1rem;*/
	}

.ss_type{
	float: left;
	width: 50%; 
	padding-right:10%;
	min-width:300px;
}

.midashi{
	border-bottom: solid 3px #000;
    position: relative;
	}
	

.midashi:after{
    position: absolute;
    content: "";
    display: block;
    border-bottom: solid 3px #3987ab/*#3987ab #ffff66 #f2f075*/;
    bottom: -3px;
    width: 30%;
}

.midashi2{
    color:#FFF;	
    padding-left:0.5em;
    position: relative;
    background: -moz-linear-gradient(65deg, #9db2bd/*SSの水色*/, #7b8b94); /*ソプラノサックス*/
    background: -webkit-linear-gradient(65deg, #9db2bd/*SSの水色*/, #7b8b94); 
    background: linear-gradient(25deg, #9db2bd/*SSの水色*/, #7b8b94); 
}


.midashi3{
    color:#FFF;	
    padding-left:0.5em;
    position: relative;
    background: -moz-linear-gradient(65deg, #d99892/*CSのピンク*/, #ab7774); /*カーブドソプラノ*/
    background: -webkit-linear-gradient(65deg,#d99892/*CSのピンク*/, #ab7774); 
    background: linear-gradient(25deg, #d99892/*CSのピンク*/, #ab7774); 
}


.midashi4{	
    color:#000;
    border-left:solid 8px #9db2bd;/*ソプラノサックス*/
    padding-left:0.5em;
    font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシッ    ク" , "MS PGothic" , sans-serif;
}


.midashi5{	
    color:#000;
    border-left:solid 8px #d99892/*CSのピンク*/;/*カーブドソプラノ*/
    padding-left:0.5em;
    font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

hr.S91{
	border:none;
	border-top:dashed 1px #CCCCCC;
	height:1px;color:#FFFFFF;
	}

.S92_Marker {
	/*color:#3987ab;#0073a8#ff4500*/
    background: linear-gradient(transparent 1%, #80d7ff 1%);/*#ffff66*/
	}
	
.SS_Marker{ /*商品詳細*/
	background:#9db2bd/*SSの水色*/;
	padding:5px;
	color:#fff;/*文字の色*/
	font-size:0.9em;
	margin-right:0.5em;
	letter-spacing:0.2em;
	font-weight:100;
	}


.CS_Marker{ /*商品詳細*/
	background:#d99892;/*CSのピンク*/
	padding:5px;
	color:#fff;/*文字の色*/
	font-size:0.9em;
	margin-right:0.5em;
	letter-spacing:0.2em;
	font-weight:100;
	}
	
/*++++++++++++++++++++++++++++++++++++++++++
スマホ表示
+++++++++++++++++++++++++++++++++++++++++++*/



@media screen and (min-width: 300px) and (max-width: 640px) {

.ssx_brand{
	font-size:;
	}

.ss_spec{
	margin:1rem 0;
	/*margin:1em 2rem;*/
	}


#main_left #magazine_main div .ssx_img{
	width:97%;
	margin:1rem 0/*margin:1em;*/	
	box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
	}
	
#main_left #magazine_main div .ssx_Shohin{
	width:60%;
	margin:3px 0;	
	/*box-shadow: 5px 10px 20px rgba(0,0,0,0.25);*/
	}
	
.box_ssx {
    padding: 1.2em 1.5em;
}


.ribbon_ssx {
    display: inline-block;
    position: relative;
    height: 20px;/*高さ*/
    line-height: 20px;/*高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 20px 0 14px;/*文字の左右の余白*/
	/*font-size:15px;文字サイズ*/
    background: #333;/*背景色*/
    color: #fff;/*文字色*/
    box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	margin-bottom:10px;
}
}

@media only screen and (max-width: 548px){
#main_left #magazine_main div .ssx_img{
	width:97%;
	margin:1rem 0;/*margin:3px 0;*/	
	box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
	}
	
#main_left #magazine_main div .ssx_Shohin{
	width:60%;
	margin:1em;	
	/*box-shadow: 5px 10px 20px rgba(0,0,0,0.25);*/
	}

.box_ssx {
    padding: 1.2em 1.5em;
}
}