/*S95_カスタムパーツ_ネックスクリュー編*/
/*S92_ソプラノ試奏参考*/

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

.green{
	color:#0e616f;/*green*/
	}
	
.beige{
	color:#629546;/*beige #947a3f*/
	}

	
.S95parts_img{
	width:40%;
	/*margin-left:10rem;*/
	float:left;
	}
	
	
.S95parts_chart{
	width:40%;
	margin-left:5em;
	float:left;
	}

/*===============================
           試奏コメント
===============================*/

.ribbon_green {
    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:#0e616f ;/*背景色*//*green*/
    color: #fff;/*文字色*/
    box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	margin-bottom:10px;
}

.ribbon_beige {
    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:#629546;/*背景色*//*beige*/
    color: #fff;/*文字色*/
    box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	margin-bottom:10px;
}

/*===============================
           会社名
===============================*/
.midashi3{
color:#FFF;	
padding:0.5em 1em;
position: relative;
background: -moz-linear-gradient(#494848, #d99892,#8f8f8f); 
background: -webkit-linear-gradient(65deg,#494848, #8f8f8f); 
background: linear-gradient(25deg, #494848,#8f8f8f); 
}

.midashi6{
color:#FFF;	
padding:0.5em 1em;
position: relative;
background:#d3d3d3;/**/
}


/*===============================
           商品名
===============================*/

.midashi4{
color:#000;
border-left:solid 8px #0e616f;/*green*/
border-bottom:solid 1px #0e616f;/*green*/
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 #629546;/*beige*/
border-bottom:solid 1px #629546;/*beige*/
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;
}


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



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


.S95parts_img{
	width:90%;
	margin:3px auto;	
	/*box-shadow: 5px 10px 20px rgba(0,0,0,0.25);*/
	}
	
.S95parts_chart{
	width:90%;
	margin:3px auto;
	float:none;	
	/*box-shadow: 5px 10px 20px rgba(0,0,0,0.25);*/
	}
	
.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){
.S95parts_img{
	width:50%;
	margin:3px auto;	
	float:none;
	/*box-shadow: 5px 10px 20px rgba(0,0,0,0.25);*/
	}
	
.S95parts_chart{
	width:80%;
	margin:3px auto;
	float:none;	
	/*box-shadow: 5px 10px 20px rgba(0,0,0,0.25);*/
	}
	}