@charset "Shift_JIS";

/*=========================================================

	Site Name   SONY reader
	File Name   share.css

==========================================================*/

/*---------------------------------------------------------
	common
---------------------------------------------------------*/
.mod-mainContentContainer a:hover {
	text-decoration: underline !important;
}

@media (max-width:640px){
	.mod-mainContentContainer a:hover {
		text-decoration: none !important;
	}
}


/*---- notice ----*/
div#notice {
	margin-top:30px;
	margin-bottom:10px;
}

div#notice p {
	margin:0 0 0.3em 0;
	color:#888;
	font-size:80%;
}

/*---- trademark ----*/
div#trademark {
	clear:left;
	padding-top:9px;
}

div#trademark p {
	text-align:right;
	padding:0;
	line-height:0;
}

div#trademark p.credit {
	margin:7px 190px 0 0;
	padding:0;
	line-height:1;
	font-size:79%;
	color:#888888;
	text-align:right;
}

/* --- picksub --- */
.picksub .mod-seriesList-item2-image {
	margin-right:20px;
}

.picksub h3 {
	margin-bottom:0;
}

/* --- pageTop --- */
@media (max-width:640px){
	.mod-pageTop {
		display:none;
	}
}

/*---- clearfix ----*/
.clearfix {
	zoom:1;
}

.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}

/*---- terminalOnly ----*/
.pcNone {
	display:none !important;
}

@media (max-width:640px){
	.pcNone {
		display:block !important;
	}

	.smartNone {
		display:none !important;
	}

	.imagesFull {
		width:100% !important;
	}
}

/*---------------------------------------------------------
	.text-small-banner
---------------------------------------------------------*/
.mod-mainContentContainer .text-small-banner {
	clear: both;
	margin-top: 15px;
}

.mod-mainContentContainer .text-small-banner a {
	display:block;
	width: 356px;
	height: 30px;
}

.mod-mainContentContainer .text-small-banner span {
	display: none;
	color: #000;
}

@media (max-width:640px){
	.mod-mainContentContainer .text-small-banner a {
		width: auto;
		max-width: 380px;
		height: auto;
		min-height: 28px;
		border: 1px solid #bcbcbc;
		border-radius: 3px;
		background: -moz-linear-gradient(top, #fefefe, #e1e1e1);
		background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#e1e1e1));
	}
	
	.mod-mainContentContainer .red a {
		padding: 2px 0;
		max-width: none;
		border: 1px solid #680019;
		border-radius: 3px;
		background: -moz-linear-gradient(top, #900e34, #620e28);
		background: -webkit-gradient(linear, left top, left bottom, from(#900e34), to(#620e28));
	}
	
	.mod-mainContentContainer .text-small-banner img {
		display: none;
	}
	
	.mod-mainContentContainer .text-small-banner span {
		display: block;
		margin-left: 5px;
		margin-top: 6px;
		padding-left: 19px;
		padding-right:10px;
		font-size: 90%;
		line-height: 1.2;
		background: url("../images/arrow_txt_banner.png") no-repeat 0 center;
		background-size: 12px 12px;
	}
	
	.mod-mainContentContainer .red span {
		font-size: 100%;
		color: #fff;
	}
	
	.mod-mainContentContainer .spacing span {
		font-size: 85%;
		line-height: 1.3;
		letter-spacing: -0.05em;
		background-position: 0 2px;
	}
}


/*---------------------------------------------------------
	#Store
---------------------------------------------------------*/
#Store {
	margin:40px 0 0 0;
	padding-bottom:31px;
	background:url("../images/store/store_bg.gif") no-repeat left bottom;
}

#Store h2 {
	margin-bottom:0;
	height:37px;
}

#Store .belt {
	margin-top:15px;
	height:30px;
	text-align:center;
}

@media (max-width:640px){
	#Store {
		margin-top:100px;
		display:none;
	}
}