@charset "Shift_JIS";
/* CSS Document */
@charset "shift_jis";
/* CSS Document */

#contents .section {
	clear: both;
} 
  
/* ボタン（アンカー）
------------------------------------------*/
div#button_area ul.anchor_box_inner {
	padding: 20px 0px 0 3px;
}

div#button_area ul.anchor_box_inner li {
	padding-right: 4px;
	margin-bottom: 10px;
	*padding-right: 2px;
}

div#button_area ul.anchor_box_inner li:last-child {
	padding-right: 0px;
}

div#button_area span.arrowButtonA.big,
div#button_area span.anchorButtonA.big {
	padding:10px 3px 10px 17px;
}

a.anchorButtonA, span.anchorButtonA {
    background: url("/support/share/images/bg_btnB.png") repeat-x scroll 0 52%;
}
/* 機種リスト
------------------------------------------*/
#comfirm_listB ul {
    overflow: hidden;
}
#comfirm_listB li {
	list-style-type: none;
    float: left;
    height: auto;
    margin: 0 11px 30px;
	text-align: center;
}

@media (max-width: 640px) {
	#comfirm_listB li {
		float: none;
		height: auto;
		text-align: left;
	}
}

/* リンクマーク
------------------------------------------*/
#comfirm_listB li a.normala {
    background: url("/share/images/arrow_black.gif") no-repeat scroll 0 50%;
    padding-left: 10px;
}

#comfirm_listB li a .show_mobile {
	display: none;
}

/* "ウォークマン"のみ対応　画像
------------------------------------------*/
#comfirm_listB p {
    margin-top: 8px;
}

/* NFC対応　画像
------------------------------------------*/
#comfirm_listB p.nfc {
    margin-top: 5px;
}

/* モバイル表示
------------------------------------------*/
@media (max-width: 640px) {
	#contents .section {
		clear: both;
		margin-bottom: 0px;
	}
	div#button_area {
		display: none;
	}
	h2.title {
		clear: both;
		font-size: 15px !important;
		background: #666 none repeat scroll 0 0 !important;
		color: #fff !important;
		padding: 5px 10px !important;
		border: medium none !important;
		margin-bottom: 0 !important;
	}
	.title {
		margin-bottom: 0px !important;
		border: none !important;
		padding: 0 !important;
	}
	
	.title a {
		display: block;
		position: relative;
		height: 60px;
		padding: 0 40px 0 10px;
		background: url(/support/sp/images/sp-title-bg.png) no-repeat left top;
		line-height: 60px;
		color: #333;
	}
	.title a:after {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 35px;
		height: 60px;
		background: url(/support/sp/images/title-bt-open.png) no-repeat left top;
	}
	.wrapper {
		position: relative;
		display: none;
		left: 0;
		z-index: 9999;
	}
	.opened .wrapper {
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	.opened .title a:after {
		height: 60px;
		background: url(/support/sp/images/title-bt-close.png) no-repeat left top !important;
	}
	#contents #soudan_1,#contents #soudan_2,#contents #soudan_3,#contents #soudan_4 {
		margin-bottom: 5px;
	}
	#contents #soudan_5 {
		margin-bottom: 20px;
	}
	#comfirm_listB li {
		overflow: hidden;
		width: auto;
		height: 50px;
		margin-bottom: 20px;
		}	
	#comfirm_listB li a .show_pc {
		display: none;
	}	
	#comfirm_listB li a .show_mobile {
		display: block;
		float: left;
		/* border: 1px solid #ccc; */
		margin-right: 20px;
	}
}