@charset "Shift_JIS";

/**
 * cmn.css
 * www.sony.jp/ichigan/lineup/css/
 * update: 2013.12.29
 */

/*--------------------------------------------------------------------------------
	.cmn-full-banner
--------------------------------------------------------------------------------*/
.mod-contentContainer .cmn-full-banner a {
	vertical-align: top;
}

@media (max-width:640px){
	.mod-contentContainer .cmn-full-banner a {
		display: block;
	}
	.mod-contentContainer .cmn-full-banner img {
		width: 100%;
	}
}

/*--------------------------------------------------------------------------------
	.cmn-a-college
--------------------------------------------------------------------------------*/
.mod-contentContainer .cmn-a-college {
	margin-top: 30px;
	padding: 15px 12px 15px 16px;
	border: 1px solid #bdbdbd;
	background: url("/ichigan/lineup/images/a-college_bg.gif") repeat-y;
}
.mod-contentContainer .cmn-a-college h2 {
	margin: 0;
	line-height: 0;
}
.mod-contentContainer .cmn-a-college h2 img {
	width: 283px;
	height: auto;
	max-width: 411px;
}
.mod-contentContainer .cmn-a-college ul {
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
	zoom: 1;
}
.mod-contentContainer .cmn-a-college ul:after {
	clear: both;
	display: block;
	content: "";
}
.mod-contentContainer .cmn-a-college li {
	float: left;
	margin: 0;
	width: 180px
}
.mod-contentContainer .cmn-a-college li img {
	width: 100%;
}

.mod-contentContainer .cmn-a-college li.RM-VPR1 img {
	background: url("/ichigan/lineup/images/a-college_bg.gif") repeat-y -16px 0\9;
}

.mod-contentContainer .cmn-a-college li.VF-CPAM {
	margin-left: 33px;
}
.mod-contentContainer .cmn-a-college li.VF-CPAM img {
	background: url("/ichigan/lineup/images/a-college_bg.gif") repeat-y -33px 0\9;
}

.mod-contentContainer .cmn-a-college li.VF-NDAM {
	margin-left: 33px;
}
.mod-contentContainer .cmn-a-college li.VF-NDAM img {
	background: url("/ichigan/lineup/images/a-college_bg.gif") repeat-y -442px 0\9;
}

.mod-contentContainer .cmn-a-college li.college {
	float: right;
	margin-top: -8px;
	width: auto;
}
.mod-contentContainer .cmn-a-college li.college img {
	width: 297px;
	height: auto;
	max-width: 297px;
	background: url("/ichigan/lineup/images/a-college_bg.gif") repeat-y -639px 0\9;
}

@media (max-width:640px){
	.mod-contentContainer .cmn-a-college {
		padding: 30px;
		background: none;
	}
	.mod-contentContainer .cmn-a-college h2 {
		text-align: center;
	}
	.mod-contentContainer .cmn-a-college h2 img {
		width: 80%;
	}
	.mod-contentContainer .cmn-a-college ul {
		margin-top: 10px;
	}
	.mod-contentContainer .cmn-a-college li {
		width: 46% !important;
	}
	.mod-contentContainer .cmn-a-college li img {
		width: 100% !important;
	}
	.mod-contentContainer .cmn-a-college li:nth-child(odd) {
		margin: 6% 4% 0 0 !important;
	}
	.mod-contentContainer .cmn-a-college li:nth-child(even) {
		margin: 6% 0 0 4% !important;
	}
	.mod-contentContainer .cmn-a-college li.college {
		margin-top: 12% !important;
	}
}

@media (max-width:479px){
	.mod-contentContainer .cmn-a-college {
		padding: 15px 10px;
	}
	.mod-contentContainer .cmn-a-college h2 img {
		width: 90%;
	}
}

/*--------------------------------------------------------------------------------
	.cmn-list-grid2
--------------------------------------------------------------------------------*/
.mod-contentContainer .cmn-list-grid2 img {
	width: 460px;
	height: auto;
}
.mod-contentContainer .cmn-list-grid2 ul {
	margin: 0 0 0 -30px;
	padding: 0;
	list-style: none;
	zoom: 1;
}
.mod-contentContainer .cmn-list-grid2 ul:after {
	clear: both;
	display: block;
	content: "";
}
.mod-contentContainer .cmn-list-grid2 li {
	float: left;
	margin: 30px 0 0 30px;
	width: 460px;
}

@media (max-width:640px){
	.mod-contentContainer .cmn-list-grid2 img {
		width: 100%;
	}
	.mod-contentContainer .cmn-list-grid2 ul {
		margin-left: 0;
	}
	.mod-contentContainer .cmn-list-grid2 li {
		margin-top: 3.16%;
		width: 48.42%;
	}
	.mod-contentContainer .cmn-list-grid2 li:nth-child(odd) {
		margin-left: 0;
		margin-right: 1.58%;
	}
	.mod-contentContainer .cmn-list-grid2 li:nth-child(even) {
		margin-left: 1.58%;
	}
	.mod-contentContainer .cmn-list-grid2 li a {
		display: block;
	}
}
@media (max-width:479px){
	.mod-contentContainer .cmn-list-grid2 li {
		margin: 3.16% 0 0 0 !important;
		width: auto;
	}
}

/*--------------------------------------------------------------------------------
	.cmn-select-body
--------------------------------------------------------------------------------*/
.mod-contentContainer .cmn-select-body {
	margin-top: 100px;
}
.mod-contentContainer .cmn-select-body ul {
	margin: 0 0 0 -30px;
	padding: 0;
	list-style: none;
	zoom: 1;
}
.mod-contentContainer .cmn-select-body ul:after {
	clear: both;
	display: block;
	content: "";
}
.mod-contentContainer .cmn-select-body li {
	float: left;
	margin: 30px 0 0 30px;
	width: 215px;
}

@media (max-width:640px){
	.mod-contentContainer .cmn-select-body {
		margin-top: 50px;
	}
	.mod-contentContainer .cmn-select-body img {
		width: 100%;
	}
	.mod-contentContainer .cmn-select-body ul {
		margin-left: 0;
	}
	.mod-contentContainer .cmn-select-body li {
		margin: 3.16% 0 0 3.16%;
		width: 31.2%;
	}
	.mod-contentContainer .cmn-select-body li:nth-child(3n+1) {
		margin-left: 0;
	}
	.mod-contentContainer .cmn-select-body li a {
		display: block;
	}
}
@media (max-width:460px){
	.mod-contentContainer .cmn-select-body li {
		margin: 3.16% 1.58% 0;
		width: 48.42%;
	}
	.mod-contentContainer .cmn-select-body li:nth-child(odd) {
		margin: 3.16% 1.58% 0 0 !important;
	}
	.mod-contentContainer .cmn-select-body li:nth-child(even) {
		margin: 3.16% 0 0 1.58% !important;
	}
}