@charset "shift-jis";

/**
 * after.css <www.sony.jp/ichigan/after/css/>
 * 
 * create : 2013/07/29
 * update : 2013/07/29
 */

/*------------------------------------------------------------------------------
	.afterbuyingbuying
-------------------------------------------------------------------------------*/
.afterbuying {
	padding-bottom: 12px;
	background: #f4f4f4;
}
.afterbuying img {
	vertical-align: top;
}
.afterbuying .clearfix {
	zoom: 1;
}
.afterbuying .clearfix:after {
	clear: both;
	display: block;
	content: "";
}
.afterbuying .btn a img {
	background-color: #fff;
}
.afterbuying .pageTop {
	margin: 10px 10px 0;
	text-align: right;
}
.afterbuying .pageTop a {
	padding-left: 10px;
	background: url("/share2/images/mod-pageTop/ico_01.png") no-repeat 0 48%;
	color: #333;
	text-decoration: none;
}

@media(max-width:640px) {
	.afterbuying { background: #fff; }
}

/*------------------------------------------------------------------------------
	.main
-------------------------------------------------------------------------------*/
@media(max-width:640px) {
	.afterbuying .main img {
		width: 100%;
	}
}

/*------------------------------------------------------------------------------
	.menu
-------------------------------------------------------------------------------*/
.afterbuying .menu {
	position: relative;
	z-index: 1;
	margin: -70px 0 0 11px;
	padding: 0;
	list-style: none;
	zoom: 1;
}
.afterbuying .menu:after {
	clear: both;
	display: block;
	content: "";
}
.afterbuying .menu li {
	float: left;
	margin: 0 0 0 7px;
	width: 174px;
}
.afterbuying .menu li a {
	display: block;
	height: 70px;
	background: url("../img/menu_bg.png") no-repeat 0 0;
}
.afterbuying .menu li a:hover {
	background-position: 0 -70px;
}
	.afterbuying .menu li.use img {
		margin: 13px 0 0 9px;
		max-width: 156px;
	}
	.afterbuying .menu li.howto img {
		margin: 15px 0 0 6px;
		max-width: 158px;
	}
	.afterbuying .menu li.enjoy img {
		margin: 15px 0 0 13px;
		max-width: 149px;
	}
	.afterbuying .menu li.qaa img {
		margin: 13px 0 0 10px;
		max-width: 151px;
	}

@media(max-width:640px) {
	.afterbuying .menu {
		margin: -30px 0 0 1%;
	}
	.afterbuying .menu li {
		margin: 8px 0 0 2%;
		width: 46%;
	}
	.afterbuying .menu li a {
		height: 60px;
		text-align: center;
		border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		box-shadow: 0px 1px 1px rgba(51,51,51,0.6);
		-o-box-shadow: 0px 1px 1px rgba(51,51,51,0.6);
		-ms-box-shadow: 0px 1px 1px rgba(51,51,51,0.6);
		-moz-box-shadow: 0px 1px 1px rgba(51,51,51,0.6);
		-webkit-box-shadow: 0px 1px 1px rgba(51,51,51,0.6);
		background: linear-gradient(top, #ffb406, #f86702);
		background: -o-linear-gradient(top, #ffb406, #f86702);
		background: -ms-linear-gradient(top, #ffb406, #f86702);
		background: -moz-linear-gradient(top, #ffb406, #f86702);
		background: -webkit-linear-gradient(top, #ffb406, #f86702);
		background: -webkit-gradient(linear,left top, left bottom, from(#ffb406), to(#f86702));
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb406", endColorstr="#f86702", GradientType=0);
	}
	.afterbuying .menu li a:hover {
		background-position: 0 0;
	}
	.afterbuying .menu li a img {
		margin: 14px 0 0 0 !important;
		width: 85%;
	}
}

/*------------------------------------------------------------------------------
	.section
-------------------------------------------------------------------------------*/
.afterbuying .section {
	margin: 30px auto 0;
	padding-bottom: 5px;
	width: 735px;
	background-color: #fff;
}
.afterbuying .section h3 {
	display: none;
	margin: 0;
	padding: 10px 10px 8px;
	font-size: 150%;
	font-weight: normal;
	line-height: 1.1;
	color: #fff;
	background: url("../img/sec_ttl_bg.gif");
	text-shadow: 1px 0px 0px #fff, 1px 1px 2px #444;
	-o-text-shadow: 1px 0px 0px #fff, 1px 1px 2px #444;
	-ms-text-shadow: 1px 0px 0px #fff, 1px 1px 2px #444;
	-moz-text-shadow: 1px 0px 0px #fff, 1px 1px 2px #444;
	-webkit-text-shadow: 1px 0px 0px #fff, 1px 1px 2px #444;
}
.afterbuying .section .heading h4 {
	display: none;
	margin: 0;
	padding-bottom: 5px;
	font-size: 137.5%;
	font-weight: normal;
	line-height: 1.2;
	color: #f56700;
	border-bottom: 2px dotted #ffb400;
	text-shadow: 1px 0px 0px #f56700;
	-o-text-shadow: 1px 0px 0px #f56700;
	-ms-text-shadow: 1px 0px 0px #f56700;
	-moz-text-shadow: 1px 0px 0px #f56700;
	-webkit-text-shadow: 1px 0px 0px #f56700;
}
.afterbuying .section .inner {
	margin: 35px auto 0;
	padding-bottom: 20px;
	width: 675px;
	zoom: 1;
}
.afterbuying .section .inner:after {
	clear: both;
	display: block;
	content: "";
}
.afterbuying .section .inner .heading {
	margin-bottom: 30px;
}
.afterbuying .section .inner p {
	margin: 20px 0 0;
	font-size: 106.3%;
	line-height: 1.8;
	color: #505050;
}
.afterbuying .section .inner p.note {
	margin: 7px 0 0;
	font-size: 87.5%;
	line-height: 1.8;
}

@media(max-width:640px) {
	.afterbuying .section {
		margin: 40px 0 0;
		padding: 0;
		width: auto;
	}
	.afterbuying .section .heading img {
		display: none;
	}
	.afterbuying .section h3 {
		display: block;
	}
	.afterbuying .section .heading h4 {
		display: block;
	}
	.afterbuying .section .inner {
		margin: 35px 5px 0;
		width: auto;
	}
	.afterbuying .section .inner .heading {
		margin-bottom: 20px;
	}
	.afterbuying .section .inner p {
		margin: 15px 0 0;
		line-height: 1.6;
	}
}
@media(min-width:400px) {
	.afterbuying .section h4 br {
		display: none;
	}
}

/* .acafe
------------------------------------------------------------------------------*/
.afterbuying .section .acafe .logo {
	float: left;
}
.afterbuying .section .acafe .b01 {
	float: right;
}
.afterbuying .section .acafe dl {
	float: left;
	margin: 24px 0 0;
	width: 337px;
}
.afterbuying .section .acafe dt {
	margin: 0;
}
.afterbuying .section .acafe dd {
	margin: 10px 0 0;
	font-size: 125%;
	font-weight: bold;
	color: #505050;
	text-align: center;
}
.afterbuying .section .acafe .copy {
	margin-top: 40px;
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}
.afterbuying .section .acafe .b02 {
	margin-top: 5px;
}
.afterbuying .section .acafe .column {
	margin-top: 35px;
	padding: 25px;
	border: 2px solid #f56700;
	zoom: 1;
}
.afterbuying .section .acafe .column:after {
	clear: both;
	display: block;
	content: "";
}
.afterbuying .section .acafe .column .image {
	float: right;
}
.afterbuying .section .acafe .column h5 {
	margin: 0;
}
.afterbuying .section .acafe .column .btn {
	margin-top: 30px;
}

@media(max-width:640px) {
	.afterbuying .section .acafe .logo {
		width: 200px;
	}
	.afterbuying .section .acafe .b01 img {
		width: 180px;
	}
	.afterbuying .section .acafe dl {
		float: left;
		margin: 24px 0 0;
		width: 50%;
	}
	.afterbuying .section .acafe dt {
		text-align: center;
	}
	.afterbuying .section .acafe dt img {
		width: 90%;
		max-width: 337px;
	}
	.afterbuying .section .acafe dd {
		font-size: 106.3%;
	}
	.afterbuying .section .acafe .copy {
		font-size: 106.3%;
	}
	.afterbuying .section .acafe .b02 img {
		width: 100%;
	}
	.afterbuying .section .acafe .column {
		padding: 20px;
	}
	.afterbuying .section .acafe .column .image {
		float: left;
		margin: 0;
		width: 35%;
	}
	.afterbuying .section .acafe .column .text {
		float: right;
		width: 60%;
	}
	.afterbuying .section .acafe .column h5 img {
		width: 100%;
		max-width: 323px;
	}
	.afterbuying .section .acafe .column p br {
		display: none;
	}
	.afterbuying .section .acafe .column .btn {
		margin-top: 15px;
	}
	.afterbuying .section .acafe .column .btn img {
		width: 100%;
		max-width: 339px;
	}
}

@media(max-width:479px) {
	.afterbuying .section .acafe .logo {
		float: none;
		width: 60%;
		max-width: 228px;
	}
	.afterbuying .section .acafe .b01 {
		float: none;
		margin-top: 15px;
	}
	.afterbuying .section .acafe .b01 img {
		width: 60%;
		max-width: 200px;
	}
	.afterbuying .section .acafe dl {
		float: none;
		margin: 20px 0 0;
		padding-bottom: 15px;
		width: auto;
		border-bottom: 1px dotted #ccc;
	}
	.afterbuying .section .acafe dt {
		text-align: center;
	}
	.afterbuying .section .acafe .b02 img {
		width: 100%;
	}
	.afterbuying .section .acafe .column {
		padding: 20px;
	}
	.afterbuying .section .acafe .column .image {
		float: none;
		margin: 0;
		width: 100%;
		max-width: 259px;
	}
	.afterbuying .section .acafe .column .text {
		float: none;
		width: auto;
	}
	.afterbuying .section .acafe .column h5 {
		margin-top: 15px;
	}
}

/* .playm
------------------------------------------------------------------------------*/
.afterbuying .section .playm .img-01 {
	display: block;
	float: right;
	margin-left: 13px;
	width: 320px;
}
.afterbuying .section .playm .img-02 {
	max-width: 251px;
}
.afterbuying .section .playm .btn {
	margin-top: 50px;
}

@media(max-width:640px) {
	.afterbuying .section .playm .img-02 {
		margin-top: 10px;
		width: 60%;
	}
	.afterbuying .section .playm .btn {
		margin-top: 20px;
	}
	.afterbuying .section .playm .btn img {
		width: 100%;
		max-width: 339px;
	}
}
@media(max-width:639px) {
	.afterbuying .section .playm .img-01 {
		width: 100%;
	}
	.afterbuying .section .playm .btn {
		margin-top: 20px;
		text-align: center;
	}
}

/* .playm-home / .playm-online / .playm-apps
------------------------------------------------------------------------------*/
.afterbuying .section .column-a {
	position: relative;
	padding: 0 22px 25px 0;
	border: 2px solid;
}
	.afterbuying .section .column-a.playm-home {
		margin-top: 35px;
		border-color: #e14423;
	}
	.afterbuying .section .column-a.playm-online {
		margin-top: 30px;
		border-color: #097a9a;
	}
	.afterbuying .section .column-a.playm-apps {
		margin-top: 40px;
		border-color: #84b74e;
	}

.afterbuying .section .column-a em {
	display: block;
}
.afterbuying .section .column-a .image {
	position: relative;
	z-index: 0;
	margin-top: 20px;
	float: left;
	width: 309px;
}
	.afterbuying .section .column-a.playm-home .image img {
		max-width: 275px;
	}
	.afterbuying .section .column-a.playm-online .image img {
		max-width: 327px;
	}
	.afterbuying .section .column-a.playm-apps .image img {
		max-width: 309px;
	}

.afterbuying .section .column-a .text {
	position: relative;
	z-index: 1;
	margin: 10px 0 0 309px;
}
.afterbuying .section .column-a h5 {
	margin: 0;
	font-size: 125%;
	color: #333;
}
.afterbuying .section .column-a .btn {
	margin-top: 25px !important;
}

@media(max-width:640px) {
	.afterbuying .section .column-a .image {
		margin: 20px 15px 15px 0;
		width: 40%;
	}
	.afterbuying .section .column-a .image img {
		width: 100%;
	}
	.afterbuying .section .column-a .text {
		margin: 25px 0 0 20px;
	}
	.afterbuying .section .column-a .text p {
		overflow: hidden;
	}
	.afterbuying .section .column-a .btn {
		text-align: center;
	}
}
@media(max-width:479px) {
	.afterbuying .section .column-a {
		padding: 0 0 25px 0;
	}
	.afterbuying .section .column-a em img {
		width: 50%;
	}
	.afterbuying .section .column-a .image {
		margin-top: 24px;
		float: none;
		width: auto;
		text-align: center;
	}
	.afterbuying .section .column-a .image img {
		width: 75%;
	}
	.afterbuying .section .column-a .text {
		margin: 15px 15px 0;
	}
}

/* .movie
------------------------------------------------------------------------------*/
.afterbuying .section .movie .img {
	float: left;
	margin-right: 30px;
	max-width: 306px;
}
.afterbuying .section .movie .btn {
	margin-top: 40px;
}

@media(max-width:640px) {
	.afterbuying .section .movie .img {
		float: none;
		margin: 0;
		width: 100%;
	}
	.afterbuying .section .movie .btn {
		margin-top: 20px;
	}
	.afterbuying .section .movie .btn img {
		width: 100%;
		max-width: 337px;
	}
}

/* .column-b / column-c
------------------------------------------------------------------------------*/
.afterbuying .section .column-b,
.afterbuying .section .column-c {
	margin: 20px 0 0 0;
	padding: 30px 26px;
	border: 1px solid #bebebe;
	zoom: 1;
}
.afterbuying .section .column-b:after,
.afterbuying .section .column-c:after {
	clear: both;
	display: block;
	content: "";
}
.afterbuying .section .column-b h5,
.afterbuying .section .column-c h5 {
	margin: 0;
	font-size: 125%;
	color: #333;
}
.afterbuying .section .column-b .image {
	float: left;
	margin-right: 20px;
}
.afterbuying .section .column-c .image {
	float: right;
	margin-left: 20px;
}
.afterbuying .section .column-b .btn,
.afterbuying .section .column-c .btn {
	margin-top: 15px;
}

@media(max-width:640px) {
	.afterbuying .section .column-b,
	.afterbuying .section .column-c {
		padding: 20px;
	}
	.afterbuying .section .column-b .image,
	.afterbuying .section .column-c .image {
		float: left;
		margin: 0;
		width: 35%;
	}
	.afterbuying .section .column-b h5,
	.afterbuying .section .column-c h5 {
		font-size: 112.5%;
	}
	.afterbuying .section .column-b h5 br,
	.afterbuying .section .column-c h5 br {
		display: none;
	}
	.afterbuying .section .column-b .text,
	.afterbuying .section .column-c .text {
		float: right;
		width: 60%;
	}
	.afterbuying .section .column-b .btn img,
	.afterbuying .section .column-c .btn img {
		width: 100%;
		max-width: 339px;
	}
}

@media(max-width:479px) {
	.afterbuying .section .column-b,
	.afterbuying .section .column-c {
		padding: 15px;
	}
	.afterbuying .section .column-b .image,
	.afterbuying .section .column-c .image {
		float: none;
		margin: 0 0 15px 0;
		width: auto;
		text-align: center;
	}
	.afterbuying .section .column-b .image img,
	.afterbuying .section .column-c .image img {
		width: 100%;
		max-width: 260px;
	}
	.afterbuying .section .column-b .text,
	.afterbuying .section .column-c .text {
		float: none;
		width: auto;
	}
}

/* .lens / .acc
------------------------------------------------------------------------------*/
.afterbuying .section .lens .item-left,
.afterbuying .section .acc .item-left {
	float: left;
	width: 321px;
}
.afterbuying .section .lens .item-right,
.afterbuying .section .acc .item-right {
	float: right;
	width: 321px;
}
.afterbuying .section .lens h5,
.afterbuying .section .acc h5 {
	margin: 10px 0 0;
	font-size: 125%;
	color: #333;
}
.afterbuying .section .lens .btn,
.afterbuying .section .acc .btn {
	margin-top: 10px;
}

@media(max-width:640px) {
	.afterbuying .section .lens .item-left,
	.afterbuying .section .acc .item-left {
		float: none;
		width: auto;
	}
	.afterbuying .section .lens .item-right,
	.afterbuying .section .acc .item-right {
		float: none;
		margin-top: 20px;
		padding-top: 20px;
		width: auto;
		border-top: 1px dotted #ccc;
	}
	.afterbuying .section .lens .item-left .image,
	.afterbuying .section .acc .item-left .image {
		width: 100%;
		max-width: 319px;
	}
	.afterbuying .section .lens .item-right .image,
	.afterbuying .section .acc .item-right .image {
		width: 100%;
		max-width: 319px;
	}
	.afterbuying .section .lens .btn img,
	.afterbuying .section .acc .btn img {
		width: 100%;
		max-width: 321px;
	}
	.afterbuying .section .lens p br,
	.afterbuying .section .acc p br {
		display: none;
	}
}

/* .qa
------------------------------------------------------------------------------*/
.afterbuying .section .qa dl {
	margin: 35px 0 0;
}
.afterbuying .section .qa dl a {
	color: #505050;
}
.afterbuying .section .qa dl dt {
	margin: 0;
	padding-bottom: 3px;
	font-size: 125%;
	font-weight: bold;
	color: #f56a05;
	border-bottom: 1px dotted #ffb400;
}
.afterbuying .section .qa dl dd {
	margin: 16px 0 0 25px;
	font-size: 106.3%;
	color: #505050;
}
.afterbuying .section .qa dl.ques dd {
	padding-left: 35px;
	background: url("../img/sec_qa_icon_q.png") no-repeat 0 1px;
}
.afterbuying .section .qa .btn {
	margin-top: 30px;
}
.afterbuying .section .qa .left {
	float: left;
}
.afterbuying .section .qa .right {
	float: right;
}

@media(max-width:640px) {
	.afterbuying .section .qa dl dd {
		margin: 16px 0 0 0;
	}
	.afterbuying .section .qa dl dt {
		font-size: 112.5%;
		border-bottom: 2px dotted #ffb400;
	}
	.afterbuying .section .qa dl.ques dd {
		padding-left: 30px;
	}
	.afterbuying .section .qa .btn {
		margin-top: 20px;
	}
	.afterbuying .section .qa .btn img {
		width: 100%;
		max-width: 321px;
	}
	.afterbuying .section .qa .left {
		float: none;
		margin-top: 40px;
	}
	.afterbuying .section .qa .right {
		float: none;
	}
}

/* .support
------------------------------------------------------------------------------*/
.afterbuying .section .support h4 {
	margin: 0;
	font-size: 131.3%;
	color: #505050;
}
.afterbuying .section .support ul {
	margin: 0 0 0 -5px;
	padding: 0;
	list-style: none;
	zoom: 1;
}
.afterbuying .section .support ul:after {
	clear: both;
	display: block;
	content: "";
}
.afterbuying .section .support ul li {
	position: relative;
	float: left;
	margin: 20px 0 0 5px;
	width: 165px;
	height: 50px;
	line-height: 1.4;
}
.afterbuying .section .support ul li img {
	position: absolute;
	left: 0;
	top: 0;
}
.afterbuying .section .support ul li a {
	display: block;
	margin: 5px 0 0 60px;
	padding-left: 10px;
	background: url("../img/icon_arrow.gif") no-repeat 0 5px;
}
.afterbuying .section .support .other a {
	padding-left: 10px;
	background: url("../img/icon_arrow.gif") no-repeat 0 4px;
	color: #505050;
}

@media(max-width:640px) {
	.afterbuying .section .support ul {
		margin: 10px 0 0 0;
		border-top: 1px dotted #ccc;
	}
	.afterbuying .section .support ul li {
		margin: 10px 0 0 0;
		padding: 0 0 10px;
		width: 50%;
		border-bottom: 1px dotted #ccc;
	}
	.afterbuying .section .support ul li br {
		display: none;
	}
	.afterbuying .section .support ul li a {
		margin: 15px 0 0 60px;
	}
}
@media(max-width:480px) {
	.afterbuying .section .support ul {
		margin: 10px 0 0 0;
		border-top: 1px dotted #ccc;
	}
	.afterbuying .section .support ul li {
		float: none;
		margin: 0 0 0 0;
		padding: 10px 0 10px 0;
		width: auto;
		height: auto;
		border-bottom: 1px dotted #ccc;
	}
	.afterbuying .section .support ul li img {
		position: static;
		margin-right: 15px;
		vertical-align: middle;
	}
	.afterbuying .section .support ul li a {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		text-decoration: none;
		background: url("../img/icon_arrow.png") no-repeat right center;
		background-size: 5px 6px;
	}
}

/*------------------------------------------------------------------------------
	.regist
-------------------------------------------------------------------------------*/
.regist {
	margin-top: 25px;
	padding: 30px 20px 20px 20px;
	background: #e6eef1;
}
.regist img {
	vertical-align: top;
}
.regist .heading {
	margin: 0 0 15px 0;
	padding-bottom: 20px;
	border-bottom: 1px dotted #3c2f2b;
}
.regist h3 {
	display: none;
	margin: 0;
	color: #006083;
}
.regist p {
	margin: 0;
}
.regist ul {
	margin: 20px 0 0 -10px;
	padding: 0;
	list-style: none;
	*zoom: 1;
}
.regist ul:after {
	clear: both;
	display: block;
	content: "";
}
.regist ul li {
	float: left;
	_display: inline;
	margin: 0 0 0 10px;
}
.regist ul li img {
	background-color: #e6eef1;
}
.regist ul li p {
	display: none;
}

@media(max-width:640px) {
	.regist {
		margin: 25px 0;
		padding: 20px 15px;
		background: #c5dbf2;
	}
	.regist .heading {
		padding-bottom: 15px;
	}
	.regist .heading img {
		display: none;
	}
	.regist h3 {
		display: block;
	}
	.regist ul {
		margin-top: 20px;
	}
	.regist ul li {
		float: none;
		margin-top: 10px;
	}
	.regist ul li img {
		display: none;
	}
	.regist ul li p {
		display: block;
		padding-left: 10px;
		background: url("../img/icon_arrow.png") no-repeat 0 4px;
		background-size: 5px 6px;
	}
}

/*------------------------------------------------------------------------------
	.msc-side
-------------------------------------------------------------------------------*/
.mod-column2-extra .msc-side img {
	vertical-align: top;
}
.mod-column2-extra .msc-side .mq {
	display: none;
}

.mod-column2-extra .msc-side .heading {
	margin-bottom: 10px;
}
.mod-column2-extra .msc-side ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.mod-column2-extra .msc-side li {
	margin: 0 0 10px 0;
}

@media(max-width:640px) {
	.mod-column2-extra .msc-side .heading {
		border-radius: 3px;
		padding: 15px 0px 10px 0px;
		background-color: #007ba7;
		text-align: center;
	}
	.mod-column2-extra .msc-side .pc {
		display: none;
	}
	.mod-column2-extra .msc-side .mq {
		display: inline;
	}
	.mod-column2-extra .msc-side .heading .mq {
		width: 190px;
	}
	.mod-column2-extra .msc-side li .mq {
		width: 100%;
	}
}