@charset 'shift_jis';

/* start ranking */
@media screen and (max-width: 640px)
{
	 body
	 {
		  min-width: 0;
	 }
}

.ranking-list *,
.ranking-list *:before,
.ranking-list *:after
{
	 -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
				box-sizing: border-box;
}
.blackArea {
	background-image: url(../images/moraBg1.png);
	padding: 3% 2%;
	background-size: contain;
}
.moraArea {
	background: #fff;
	overflow: hidden;
}
.moraRow1 {
	overflow: hidden;
}
.moraRow1 img {
	margin: 2.5% 8% 2.5%;
	width: 19%;
	float: left;
}

.moraRow1 p {
	width:60%;
	float: right;
	font-size: 1.0em;
	font-weight: bold;
	letter-spacing: -0.5px;
	margin: 0;
	padding:1.5% 5% 0% 0;
	line-height: 1.9
}
@media screen and (max-width: 640px) {
	.moraRow1 img {
		float: none;
		clear: both;
		margin: 7% auto;
		display: block;
		width: auto;
		max-width: 100%;
	}
	.moraRow1 p {
		width:92%;
		float: none;
		padding: 0 4% 7%;
		/*font-size: 1.3em;
		font-weight: bold;
		letter-spacing: -0.5px;
		margin: 0;
		padding:3% 5% 2% 0;*/
	}
}
.moraRow2 {}
.moraRow2 img {
	margin: 0% 7% 1.5%;
	width: 21%;
	float: left;
}
.moraRow2 p {
	width:62%;
	float: right;
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: -0.5px;
	margin: 0;
	padding: 2% 3% 0% 0;
}
@media screen and (max-width: 640px) {
	.moraRow2 {
		overflow: hidden;
	}
	.moraRow2 img {
		display: block;
		margin: 0% auto 8%;
		width: auto;
		max-width: 100%;
		float: none;
	}
	.moraRow2 p {
		width:92%;
		padding: 0 4% 7%;
		float: none;
		/*font-size: 1.0em;
		font-weight: bold;
		letter-spacing: -0.5px;
		margin: 0;
		padding: 0 3% 3% 0;*/

	}
}
.albums a
{
	 outline: none;
}
.albums a img
{
	 pointer-events: none;
}

.albums a:link
{
	 text-decoration: none;

	 outline: none;
}

.albums a:visited
{
	 text-decoration: none;

	 outline: none;
}

.albums a:hover
{
	 outline: none;
}

.albums a:active
{
	 text-decoration: none;

	 outline: none;
}

.albums ul,
.albums ol,
.albums li
{
	 margin: 0;
	 padding: 0;

	 list-style-type: none;
}

.albums p
{
	 margin: 0;
}

.albums dl
{
	 margin: 0;
	 padding: 0;
}

.albums dd
{
	 margin: 0;
}

.albums img
{
	 vertical-align: top;
}


.fluid
{
	 max-width: 100%;
	 height: auto;
}
.ie8 .fluid
{
	 width: auto;
}

.icon-window--white, .icon-window--black, .icon-window--black2, .icon-crown, .icon-external--inline, .icon-external--before, .icon-toggle--delivery, .icon-arrow--right
{
	 position: relative;
}
.icon-window--white:before, .icon-window--black:before, .icon-window--black2:before, .icon-crown:before, .icon-external--inline:before, .icon-external--before:before, .icon-toggle--delivery:before, .icon-arrow--right:before
{
	 position: absolute;

	 display: block;

	 content: '';
}

.icon-window--white
{
	 display: block;
}
.icon-window--white:before
{
	 top: 0;
	 right: 0;
	 bottom: 0;

	 width: 10px;
	 height: 8px;
	 margin: auto;

	 background-image: url(../images/sprite.png);
	 background-position: -118px -100px;
}

.icon-window--black
{
	 line-height: 1.1;

	 display: inline;
}
.icon-window--black:after
{
	 display: inline-block;

	 width: 10px;
	 height: 8px;
	 margin: 1px 0 0 4px;

	 content: '';
	 vertical-align: top;

	 background-image: url(../images/sprite.png);
	 background-position: -132px -100px;
}

.icon-window--black2
{
	 display: block;
}
.icon-window--black2:before
{
	 top: 0;
	 right: 0;
	 bottom: 0;

	 width: 10px;
	 height: 8px;
	 margin: auto;

	 background-image: url(../images/sprite.png);
	 background-position: -132px -100px;
}

.icon-crown
{
	 display: inline-block;

	 padding: 4px 0 0 25px;
}
.icon-crown:before
{
	 top: 0;
	 bottom: 0;
	 left: 0;

	 width: 20px;
	 height: 18px;
	 margin: auto;

	 background-image: url(../images/sprite.png);
	 background-position: -250px -56px;
}

.icon-external--inline
{
	 display: inline-block;

	 padding: 0 15px 0 0;
}
.icon-external--inline:before
{
	 top: 0;
	 right: 0;
	 bottom: 0;

	 width: 12px;
	 height: 10px;
	 margin: auto;

	 background-image: url(../images/sprite.png);
	 background-position: -102px -100px;
}

.icon-external--before
{
	 display: inline-block;

	 padding: 0 0 0 15px;
}

.rankingItem--rank1 > dt, .rankingItem--rank2 > dt, .rankingItem--rank3 > dt, .rankingItem--rank4 > dt, .rankingItem--rank5 > dt
{
	 font-size: 18px;
	 font-size: 1.1rem;
	 font-weight: bold;
	 line-height: 28px;

	 position: relative;

	 text-align: center;

	 color: #fff;
	 background: #7f7c79;
}

@media screen and (max-width: 640px)
{
	.rankingItem--rank1 > dt, .rankingItem--rank2 > dt, .rankingItem--rank3 > dt, .rankingItem--rank4 > dt, .rankingItem--rank5 > dt
	{
		 font-size: 1.3rem;
	}
}
.rankingItem--rank1 > dt:after, .rankingItem--rank2 > dt:after, .rankingItem--rank3 > dt:after, .rankingItem--rank4 > dt:after, .rankingItem--rank5 > dt:after
{
	 position: absolute;
	 top: 5px;
	 right: 5px;

	 display: block;

	 width: 10px;
	 height: 8px;

	 content: '';

	 background-image: url(../images/sprite.png);
	 background-position: -118px -100px;
}
.rankingItem--rank1 > dd, .rankingItem--rank2 > dd, .rankingItem--rank3 > dd, .rankingItem--rank4 > dd, .rankingItem--rank5 > dd
{
	 display: table;

	 width: 100%;
	 padding: 8px;

	 table-layout: fixed;

	 background: #fff;
}

.rankingItem--rank1 > dt
{
	 background: #b57e1f;
	 background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ebb73a), color-stop(100%, #b57e1f));
	 background-image: -webkit-linear-gradient(left, #ebb73a, #b57e1f);
	 background-image:	 -moz-linear-gradient(left, #ebb73a, #b57e1f);
	 background-image:			linear-gradient(left, #ebb73a, #b57e1f);
	 background-image: -webkit-gradient(linear, to right, to left, color-stop(0%, #ebb73a), color-stop(100%, #b57e1f));
	 background-image: -webkit-linear-gradient(to right, #ebb73a, #b57e1f);
	 background-image:	 -moz-linear-gradient(to right, #ebb73a, #b57e1f);
	 background-image:			linear-gradient(to right, #ebb73a, #b57e1f);
}
.lte-ie8 .rankingItem--rank1 > dt
{
	 background: #b57e1f;
}

.rankingItem--rank2 > dt
{
	 background: #89949b;
	 background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c6cbce), color-stop(100%, #89949b));
	 background-image: -webkit-linear-gradient(left, #c6cbce, #89949b);
	 background-image:	 -moz-linear-gradient(left, #c6cbce, #89949b);
	 background-image:			linear-gradient(left, #c6cbce, #89949b);
	 background-image: -webkit-gradient(linear, to right, to left, color-stop(0%, #c6cbce), color-stop(100%, #89949b));
	 background-image: -webkit-linear-gradient(to right, #c6cbce, #89949b);
	 background-image:	 -moz-linear-gradient(to right, #c6cbce, #89949b);
	 background-image:			linear-gradient(to right, #c6cbce, #89949b);
}
.lte-ie8 .rankingItem--rank2 > dt
{
	 background: #89949b;
}

.rankingItem--rank3 > dt
{
	 background: #aa6543;
	 background-image: -webkit-gradient(linear, to right, to left, color-stop(0%, #d39b6b), color-stop(100%, #aa6543));
	 background-image: -webkit-linear-gradient(to right, #d39b6b, #aa6543);
	 background-image:	 -moz-linear-gradient(to right, #d39b6b, #aa6543);
	 background-image:			linear-gradient(to right, #d39b6b, #aa6543);
}
.lte-ie8 .rankingItem--rank3 > dt
{
	 background: #aa6543;
}

.rankingItem-image
{
	 display: table-cell;

	 width: 90px;

	 vertical-align: top;
}
@media screen and (max-width: 1000px)
{
	 .rankingItem-image
	 {
		  display: block;

		  width: auto;
		  margin-bottom: 5px;

		  text-align: center;
	 }
}
@media screen and (max-width: 640px)
{
	 .rankingItem-image
	 {
		  display: table-cell;

		  width: 90px;

		  vertical-align: top;
	 }
}

.rankingItem-text
{
	 display: table-cell;

	 width: 100%;
	 padding: 0 0 0 8px;

	 vertical-align: top;
	 word-break: break-all;
}
@media screen and (max-width: 1000px)
{
	 .rankingItem-text
	 {
		  display: block;

		  width: auto;
		  padding-left: 0;
	 }
}
@media screen and (max-width: 640px)
{
	 .rankingItem-text
	 {
		  display: table-cell;

		  width: 100%;
		  padding: 0 0 0 8px;

		  vertical-align: top;
	 }
}

.rankingItem-title
{
	 font-size: 13px;
	 font-size: 0.8rem;
	 font-weight: normal;

	 display: block;

	 margin: 0 0 5px;

	 color: #000;
}
@media screen and (max-width: 640px)
{
	.rankingItem-title
	{
		 font-size: 0.9rem;
	 }
}

.rankingItem-name
{
	 font-size: 11px;
	 font-size: 0.7rem;

	 display: block;

	 color: #666;
}
@media screen and (max-width: 640px)
{
	.rankingItem-name
	{
		 font-size: 0.8rem;
	}
}
.l-ranking
{
	 padding: 0 0 70px;
}
@media screen and (max-width: 640px)
{
	 .l-ranking
	 {
		  padding-bottom: 30px;
	 }
}

.ranking-section
{
	 margin: 0 0 30px;
}
.ranking-section:last-child
{
	 margin-bottom: 0;
}

.ranking-heading
{
	 font-size: 16px;
	 font-size: 1.6rem;
	 font-weight: normal;
	 line-height: 1;

	 position: relative;

	 margin: 0 0 20px;
	 padding: 5px 0 0 100px;

	 color: #fff;
}
.ranking-heading:before
{
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;

	 display: block;

	 width: 88px;
	 height: 18px;
	 margin: auto;

	 content: '';

	 background-image: url(../images/sprite.png);
	 background-position: 0 -100px;
}
@media screen and (max-width: 640px)
{
	 .ranking-heading
	 {
		  font-size: 14px;
		  font-size: 1.4rem;

		  padding-left: 50px;
	 }
	 .ranking-heading:before
	 {
		  width: 44px;
		  height: 9px;

		  background-image: url(../images/sprite.png);
		  background-position: 0 -50px;
		  background-size: 153.5px 59px;
	 }
}

.ranking-list
{
	 margin: 0 0 0 -25px !important;

	 *zoom: 1;
}
.ranking-list:before, .ranking-list:after
{
	 display: table;

	 content: '';
}
.ranking-list:after
{
	 clear: both;
}
.ranking-list > li
{
	 float: left;

	 width: 20%;
	 padding: 0 0 0 25px;
}
.ranking-list a
{
	 display: block;

	 color: inherit;
}
@media screen and (max-width: 640px)
{
	 .ranking-list
	 {
		  margin-left: 0 !important;
	 }
	 .ranking-list > li
	 {
		  float: none;

		  width: auto;
		  margin-bottom: 10px;
		  padding-left: 0;
	 }
}

/* end ranking */

.c5-container {
	margin: 10px 0 0;
}
.schedule_end {
	font-size: 1.125em;
	font-weight: bold;
	color: #fff;
	background: #e40000;
	padding: 15px 0;
	text-align: center;
}
.c5-hero {
	width: auto;
	height: auto;
	margin:0 0 33px;
}
.c5-hero img {
	display: block;
	max-width:100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.c5-39{
	width: auto;
	height: auto;
	margin:0 0 33px;
}
.c5-39 img {
	display: block;
	max-width:100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}














.details-main {
	margin: 8px 0 0;
}
.details-main img {
	width: 100%;
	height: auto;
	display: none;
}
.details-main img:first-child {
	display: block;
}
.mongon {}
.mongon p {
	margin: 50px 0;
	text-align: center;
	font-weight: normal;
	font-size: 1.25em;
	letter-spacing: -.5px;
}
@media screen and (max-width: 768px) {
	.details-main img {
		display: block;
	}
	.details-main img:first-child {
		display: none;
	}
	.mongon p {
		text-align: left;
	}
	.mongon p br {
		display: none;
	}
}
.younger {}
.younger img {
	display: none;
	max-width: 998px;
	width: 100%;
	margin: 60px auto 70px;
	height: auto;
}
.younger img:first-child {
	display: block;
}
@media screen and (max-width: 640px) {
	.younger {}
	.younger img {
		display: block;
		max-width: 515px;
		margin: 30px auto 40px;
	}
	.younger img:first-child {
		display: none !important;
	}
}
.buttons {
	max-width: 942px;
	overflow: hidden;
	margin: 0 auto;
}
.buttons ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.buttons ul li {
	list-style-type: none;
	width: 43.75%;
	float: left;
}
.buttons ul li p {}
.buttons ul li p br {
	display: none;
}

.buttons ul li.left p {
	text-align: center;
	color: #ff7f32;
	margin: 5px 0 0;
}
.buttons ul li.right p {
	text-align: center;
	margin: 5px 0 0;
}
.buttons ul li.center {
	width: 12.5%;
	position: relative;
}
.buttons ul li.center img {
	display: none;
}
.buttons ul li.center img:first-child {
	display: block;
}
.buttons ul li img {
	display: block;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 640px) {
	.buttons ul li {
		width: 100% !important;
	}
	.buttons ul li.center img {
		display: block;
		width: 35px;
		height: auto;
		margin: 6% auto;
	}
	.buttons ul li.center img:first-child {
		display: none;
	}
	.buttons ul li p {
		line-height: 1.25;
	}
	.buttons ul li p br {
		display: inline;
	}
}
.albums {
	padding: 0 0%		/*before 0 3.333%*/
}
.moraTitle {
	overflow: hidden;
	padding:4% 0 2%;
}
.moraTitle span {
	color: #fff;
	font-size: 1.25em;
	line-height: 1.4;
	padding: 0 0 0 1%;
}
.moraTitle span br {
	display: none;
}		
@media screen and (max-width: 640px) {
	.moraTitle img {
		display: block;
		margin: 0 auto;
	}
	.moraTitle span {
		display: block;
		text-align: center;
		padding: 2% 0;
		font-size: 1.1em;
		line-height: 1.25;
	}
	.moraTitle span br {
		display: inline;
	}
}
.walkman {
	overflow: hidden;
	padding: 0 0%;
	background: #fff;
}
.walkman-title {
	margin: 7% 0 3%;
}
.walkman-title img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.walkman-subtitle {
	max-width: 100%;
	width: 90.75%;
	margin: 0 auto 3%;
}
.walkman-subtitle img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.walkman-title img {
		display: block;
		margin: 7% 0 6%;
	}
}
.walkman-blocks {
	overflow: hidden;
}
.walkman-block {
	width: 32%;
	margin :0 0 3.5% 2.0%;
	float: left;
}
.walkman-block2 {
	width: 48.75%;
	margin :0 0 3.5% 2.0%;
	float: left;
}


.walkman-block:nth-child(odd) {
	float: left;
}
.walkman-block:nth-child(even) {
	/*float: right;*/
}
.walkman-block2:nth-child(odd) {
	float: left;
}
.walkman-block2:nth-child(even) {
	/*float: right;*/
}
.walkman-block2.first {
	margin-left:0%;
}
.walkman-block.first {
	margin-left:0%;
}
.walkman-block-title {
	background: #0d0d0d;
	color: #fff;
	font-size: 1.30em;
	font-weight: bold;
	text-align: center;
	letter-spacing: -.5px;
	line-height: 1.9;
	padding: 0.5% 0 0;
}
@media screen and (min-width:1024px) {
	.walkman-block-title {
		font-size: 1.75em;
		font-weight: normal;
	}
}
@media screen and (max-width: 768px) {
	.walkman-block-title {
		font-size: 1.0em;
	}
}
.walkman-split {
	overflow: hidden;
	border: 1px solid #0d0d0d;
	background: url(../images/walkman_block_bg.png) #dbdbdb repeat-x;
	background-size: auto 100%;
}
	.walkman-split img{
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
.walkman-headphoneWrap{
	overflow:hidden;
}
.walkman-left {
	float: left;
}
.walkman-left.zx2 {
	width: 43.9%;
}
.walkman-left.zx100 {
	width: 37.5%;
}
.walkman-left.headphone {
	width: 43%;
}
.walkman-text{
	padding:0 20% 0 0 ;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2;
}
.walkman-text2{
	padding:0;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 2;
	text-align: center;
}
.walkman-left.a {
	width: 34.4%;
}
.walkman-left img {
	width: 100%;
	height: auto;
	display: block;
}
.walkman-right {
	float: right;
}
.walkman-right.zx2 {
	width: 56.1%;
}
.walkman-right.zx100 {
	width: 62.5%;
}
.walkman-right.headphonethumb {
	width: 56.75213675213675%;
}
.walkman-right.a {
	width: 65.6%;
}
.walkman-name{
	margin:0 auto;
}
.walkman-name img {
	display: block;
	width: auto;
	height: auto;
	margin:0 auto;
}
.walkman-catch img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.walkman-btns {
	padding: 0% 8% 0;
	overflow: hidden;
	clear: both;
	max-width:258px;
	margin: 0 auto;
}
.walkman-btns img {
	display: block;
	float: left;
	margin: 0 0% 15% 0;
}
.walkman-btns a:first-child img {
	margin: 0 5% 3% 0;
}
@media screen and (max-width: 640px) {
	.walkman {
		padding: 0 0%;
	}
	.walkman-block {
		width: 100%;
		margin:0 0 3.5%;
		clear: both;
	}
	.walkman-block2 {
		width: 100%;
		margin:0 0 3.5%;
		clear: both;
	}
	.walkman-block-title {
		font-size: 1.65em;
	}
	.walkman-btns img {
		max-width: 90%;
		height: auto;
	}
	.walkman-btns a:first-child img {
		margin: 0 3% 5% 0;
	}
	.walkman-left {
		float: none;
	}
	.walkman-left.headphone {
		width: 100%;
	}
	.walkman-right.headphonethumb {
		width: 100%;
	}
	.walkman-text{
		width: 80%;
		margin: 0 auto 5%;
		padding:0 ;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 2;
		text-align: center;
	}
	.walkman-split img{
		display: block;
		max-width: 100%;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
}


.requirements {
	clear: both;
}
.requirements-main {}
.requirements-main-bar {}
.requirements-main-bar img {
	display: none;
	width: 100%;
	height: auto;
	margin: 4% 0 4%;
}
.requirements-main-bar img:first-child {
	display: block;
}
@media screen and (max-width: 640px) {
	.requirements-main-bar img {
		display: block;
	}
	.requirements-main-bar img:first-child {
		display: none;
	}
}

.listsOuter {}

.listsBlocks {}

.listsBlock {
	padding: 0 0 2%;
}

.listsBlock .color {
	color: #fc49a2;
	font-size: 1.2em;
	font-weight: normal;
}
.listsBlock .no-color {
	font-size: 1.2em;
	font-weight: normal;
}
.listsBlock .under {
	font-size: 1.1em;
	font-weight: normal;
	display: block;
}
.listsBlock .under .strongOuter {
	font-weight: normal;
	color: #fc49a2;
	margin: 0 .25em 0 0;
}

.listsBlock .lists-no-list {
	margin: 0;
	line-height: 1.75;
}
.listsBlock .lists {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.listsBlock .lists li {
	position: relative;
	padding: 0 0 0 1em;
}
.listsBlock .lists li .listsOuter {
	position: absolute;
	left: 0;
}
.lists.number .listsOuter {
	margin: 0 0.9em 0 0;
}

.mongon a,
.listsBlock a {
	color: #0059d2;
	text-decoration: underline;
}
.c5-container a>img:hover {
	opacity:0.7;
	filter: alpha(opacity=70);		  /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;					  /* FF lt 1.5, Netscape */
	zoom:1;
}
.pc{
	display:block;
}
.sp{
	display:none;
}
@media screen and (max-width: 640px){
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}
.red{
	color:#f00;
}
.redBorder{
	display: inline-block;
	padding: 5px;
	border: solid 1px #f00;
	box-sizing: border-box;
}
.s5-icon-window--orange {
	width: 14px;
	height: 11px;
	background: url(../images/sprite_01.png) no-repeat;
}