@charset "UTF-8";
/* sax100 8人の目利きが選ぶサックス名器Selection │THE SAX ONLINE 特別編 */

#main_left #magazine_main #magazine_Pspace h2.midashi{
	background-color: #99896f;
	font-size: 1em;
	color: #FFFFFF;
	padding: 0.3em;
}

/* box2_5_2 店舗スタッフ紹介 */
.box2_5_2{
	display: flex;
	justify-content:space-between;
}

.box2_5_2 .item:nth-of-type(1){
	width: 70%;
	padding: 0;
}
.box2_5_2 .item:nth-of-type(2){
	width: 28%;
	padding: 0;
}

/* sax紹介set */
/* 共通 */
/* sax_set に as もしくは tsクラスをつけることで　色変更*/

.sax_set{
	background-color: #000000;
	color: #FFFFFF;
	position: relative;
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;
	text-align: center;
	margin: 0 0 5em;
}

table.characteristic{
	width: 100%;
	border-collapse: collapse;
	border-top:1px solid #8f8059;
	border-left:1px solid #8f8059;
	width: 60%;
	margin: 0 auto;
}

table.characteristic th{
	background-color: #8f8059;
}

table.characteristic th,
table.characteristic td{
	padding: 0.6em;
	border-right:1px solid #8f8059; 
	border-bottom:1px solid #8f8059; 
}

table.characteristic td{
	width: 50%;
}

#main_left #magazine_main div.item img{
	margin: 0;
	padding: 0;
	max-width: 100%;
}

#main_left #magazine_main #magazine_Pspace .item:nth-of-type(4) img{
	width: 100%;
}

/* PC */
@media (min-width:1000px){ 
	.sax_set{
		width: 100%;
		position: relative;
		display: flex;
		justify-content:space-between;
		flex-wrap:wrap;
		padding: 1em;
	}

	.set_title{
		position: absolute;
		left: 34%;
		width: 63%;
		height: 6em;
		text-align: left
	}

	.set_midashi{
		display: block;
		text-align: left;
		position: relative;
		padding: 0.1em 0 0.1em 1em;
		margin: 1.4em 0 1em 0.4em;
		width: 8rem;
		font-size: 0.8em;
		font-family: serif;
		color: #FFFFFF;
	}

	.as .set_midashi{
		box-shadow: 0px 0px 0px 5px #5c8299;
		background: #5c8299;
	}

	.ts .set_midashi{
		box-shadow: 0px 0px 0px 5px #73708b;
		background: #73708b;
	}

	.item .set_midashi{
		margin: 0.4em 0 3em 0.4em;
	}

	.set_midashi:after{
		position: absolute;
		content: '';
		left: -5px;
		top: -5px;
		border-width: 0 0 16px 16px;
		border-style: solid;
	}

	.as .set_midashi:after{
		border-color: #000 #000 #5c8299;
	}

	.ts .set_midashi:after{
		border-color: #000 #000 #73708b;
	}

	.new{
		display: block;
		font-weight: bold;
		font-style: italic;
		position: absolute;
		font-family: serif;
		top:1rem;
		left:10rem;
		font-size: 1em;
	}

	.as .new{
		color: #5c8299;
	}

	.ts .new{
		color: #73708b;
	}

	#main_left #magazine_main #magazine_Pspace  .sax_set h3{
		font-size: 1.4em;
		font-family: serif;
		margin: 0.4rem 0;
	}

	table.characteristic{
		font-size: 0.8em;
		width: 9rem;
	}

	.item{
		width: 33%;
	}

	.item img{
		max-width: 100%;
	}
	
	.item:nth-of-type(3){
		margin: 6em 0 0 0;
/* 		width: 24%; */
		width: 10rem;
	}
	
	.item:nth-of-type(4){
		margin: 8em 0 0 0;
/* 		width: 43%; */
		flex:1;
		text-align: right;
	}
	
	.item:nth-of-type(5){
		width: 100%;
		padding: 1em 2em;
		text-align: left;
	}
}

/* SP */
@media (max-width:999px){
	.sax_set{
		width: 100%;
		position: relative;
		padding: 1em;
	}

	.set_title{
		width: 100%;
		text-align: left;
		padding: 0 0 1em;
	}

	.set_midashi{
		display: block;
		text-align: left;
		position: relative;
		padding: 0.1em 0.5em 0.1em 1em;
		margin: 0.4em 0 1em 0.4em;
		max-width:6rem;
		font-size: 0.8rem;
		font-family: serif;
		color: #FFFFFF;
	}

	.as .set_midashi{
		box-shadow: 0px 0px 0px 5px #5c8299;
		background: #5c8299;
	}

	.ts .set_midashi{
		box-shadow: 0px 0px 0px 5px #73708b;
		background: #73708b;
	}

	.item .set_midashi{
		margin: 0.4em 0 3em 0.4em;
	}

	.set_midashi:after{
		position: absolute;
		content: '';
		left: -5px;
		top: -5px;
		border-width: 0 0 14px 14px;
		border-style: solid;
	}

	#main_left #magazine_main #magazine_Pspace .sax_set h3{
		font-size: 1.6em;
		font-family: serif;
		margin: 0.4rem 0;
	}

	.as .set_midashi:after{
		border-color: #000 #000 #5c8299;
	}

	.ts .set_midashi:after{
		border-color: #000 #000 #73708b;
	}

	.new{
		display: block;
		font-weight: bold;
		font-style: italic;
		position: absolute;
		font-family: serif;
		padding: 0.8rem;
		top:-0.4rem;
		left:8.6rem;
		font-size: 1.8rem;
	}

	.as .new{
		color: #5c8299;
	}

	.ts .new{
		color: #73708b;
	}

	table.characteristic{
		font-size: 1em;
	}

	.item{
		width: 100%;
	}

	.item img{
		max-width: 100%;
	}
	
	.item:nth-of-type(3){
		margin:0;
	}
	
	.item:nth-of-type(4){
		margin:0;
	}
	
	.item:nth-of-type(5){
		width: 100%;
		padding: 1em 2em;
		text-align: left;
	}

}

/*見出しと表を合わせるため幅を絶対値指定したためグラフ部分の被りをなくす処置*/
@media ((min-width:999px)and(max-width:1300px)){
#main_left #magazine_main #magazine_Pspace .item:nth-of-type(4) img{
		width: 75%;
	}
}