#content{
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.musicRankingBox a{
	text-decoration: none;
}
.musicRankingBox .musicRankingBoxIn{
	display: table;
	width: 100%;
	border-bottom: #b3b3b5 solid 1px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	/*background: url(../images/icon_musicname.png) right center no-repeat;*/
	/*background-size: 23px 17px;*/

}
.musicRankingBoxIn p.Rank,
.musicRankingBoxIn div.musicNameBox{
	display: table-cell;
}
.musicRankingBoxIn p.Rank{
	background: #f3f3f3;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	color: #b58c4f;
	width: 18%;
	padding: 2% 0 0;
}
.musicRankingBoxIn p.Rank .musicIcon{
	width: 20%;
	display: block;
	margin: 14% auto 0;
}
.musicRankingBoxIn p.Rank .musicIcon.stay{
	margin-top: 18%;
}
.musicRankingBoxIn p.Rank .musicRankDetail{
	font-size: 50%;
	color: #888;
	text-shadow: none;
	display: block;
	line-height: 1em;
	margin: 7% 0 12%;
}
.musicRankingBoxIn p.Rank .musicRankNew{
	font-size: 50%;
	color: #fff;
	background: #eb3700;
	border-radius: 30px;
	display: block;
	line-height: 1em;
	width: 4em;
	padding: 5% 2px;
	margin:5% auto 0;
}

.musicRankingBoxIn div.musicNameBox{
	width: 72%;
	padding: 2% 0% 2% 5%;
	vertical-align: middle;
	line-height: 1em;
	height: 1em;
	overflow: hidden;
}
.album .musicRankingBoxIn div.musicNameBox{ /* 20170605 */
	padding: 2% 10% 2% 5%;
}

.musicRankingBoxIn div.musicNameBox p.musicAlbum{
	font-weight: bold;
	font-size: 80%;
	color: #b58c4f;;
	margin: 2% 0;
	line-height: 1.2em; /* 1lineOverflow */
	height: 1.2em; /* 1lineOverflow */
	overflow: hidden; /* 1lineOverflow */
	white-space: normal;
}
.album .musicRankingBoxIn div.musicNameBox p.musicAlbum{ /* 20170607 */
	font-size: 120%;
	color: #000;
}
.musicRankingBoxIn div.musicNameBox p.musicTitle{
	font-weight: bold;
	font-size: 120%;
	line-height: 1.3em;
	height: 1.3em;
	overflow: hidden;
	white-space: normal;
}
.musicRankingBoxIn div.musicNameBox p.musicArtist{
	font-size: 80%;
	font-weight: bold;
	color: #888;
	margin: 2% 0 0;
	line-height: 1.2em;
	height: 1.2em;
	overflow: hidden;
	white-space: normal;
}
.musicRankingBoxIn div.musicNameBox p.musicRelease{
	font-size: 80%;
	color: #888;
}

/*
.musicRankingBox a:nth-of-type(1) p.Rank,
.musicRankingBox a:nth-of-type(2) p.Rank,
.musicRankingBox a:nth-of-type(3) p.Rank{
	color: #fff;
    text-shadow: 0px 2px 3px #888;
	padding: 1% 0 0;
}
*/

.musicRankingBox p.musicRanking1 {
	color: #fff;
    text-shadow: 0px 2px 3px #888;
	padding: 1% 0 0;
	background: url(../images/bg_ranking_no1.png) #f3f3f3 center -5px no-repeat;
	background-size:45px 50px; 
}
.musicRankingBox p.musicRanking2 {
	color: #fff;
    text-shadow: 0px 2px 3px #888;
	padding: 1% 0 0;
	background: url(../images/bg_ranking_no2.png) #f3f3f3 center -5px no-repeat;
	background-size:45px 50px; 
}
.musicRankingBox p.musicRanking3 {
	color: #fff;
    text-shadow: 0px 2px 3px #888;
	padding: 1% 0 0;
	background: url(../images/bg_ranking_no3.png) #f3f3f3 center -5px no-repeat;
	background-size:45px 50px; 
}

/*
.musicRankingBox a:nth-of-type(1) p.Rank{
	background: url(../images/bg_ranking_no1.png) #f3f3f3 center -5px no-repeat;
	background-size:45px 50px; 
}
.musicRankingBox a:nth-of-type(2) p.Rank{
	background: url(../images/bg_ranking_no2.png) #f3f3f3 center -5px no-repeat;
	background-size:45px 50px; 
}
.musicRankingBox a:nth-of-type(3) p.Rank{
	background: url(../images/bg_ranking_no3.png) #f3f3f3 center -5px no-repeat;
	background-size:45px 50px; 
}
*/

/* モーダルウィンドウ */
.musicModalMain {
	/*background: url(../images/btn_close.png) #fff right 15px no-repeat;*/
	/*background-size:31px 17px;*/
  background-color: #fff;
	display: block;
	width: 95%;
	border-radius:10px;
	border: #c9a063 solid 3px;
	height: 60%;
	padding: 10px 0;
	color: #666666;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	margin: auto;
	text-align: left;
}
.modalBG {
	display:block;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index: 9999;
}

.musicModalMain .musicClose{
	width: 10%;
}

.musicModalMain .musicRelease{
	font-size: 80%;
	color: #000;
}
.musicModalMain .musicAlbum{
	font-weight: bold;
	font-size: 80%;
	color: #b58c4f;
	padding: 3% 0 0;
	margin: 5% 0 0;
	border-top: #888 solid 2px;
}
.musicModalMain .musicTruck{
	font-size: 80%;
	color: #000;
	padding: 0 ;
	margin: 0;
}
.musicModalMain .musicTitle{
	font-size: 120%;
	font-weight: bold;
	color: #000;
	line-height: 1.5em;
	padding: 0;
	margin-top: 0;
}
.musicModalMain .musicArtist{
	font-size: 105%;
	color: #888;
	font-weight: bold;
	line-height: 1.5em;
	padding: 0 0 3%;
}
.musicModalMain .musicRole{
	font-size: 80%;
	color: #000;
	border-bottom: #888 solid 2px;
	padding: 0 0 3%;
	word-break: keep-all;
}
.musicModalMain .musicDescription{
	color: #000;
	margin-top: 5%;
}
.musicModalMain .logoCDJournal{
	width: 25%;
	position: absolute;
	bottom:3%;
	left:5%;
}

@media screen and ( min-width:760px )
{
	#content{
		padding-top: 206px;
	}
	.musicRankingBoxIn p.Rank .musicRankDetail{
		font-size: 70%;
	}
	.musicRankingBoxIn div.musicNameBox{
		padding:2% 5% 2% 2%;
	}
	.musicRankingBoxIn p.Rank .musicIcon{
		width: 15%;
		margin-top: 10%;
	}
	.musicRankingBoxIn p.Rank .musicIcon.stay{
		margin-top: 10%;
	}
	.musicRankingBoxIn div.musicNameBox p.musicTitle{
		font-size: 130%;
	}
	.musicRankingBoxIn div.musicNameBox p.musicArtist,
	.musicRankingBoxIn div.musicNameBox p.musicRelease{
		font-size: 100%;
	}
	#headerMenuTab li a{
		padding: 10px 0 8px;
	}
}

#page-top {
	position: fixed;
	bottom: 180px;
	right: 10px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

#rankDataNone {
	width: 100%;
	margin: 10% 0;
	text-align: center;
	font-weight: bold;
	color: #555;
}

#text-length{
	position: fixed;
	bottom: 0;
	left: 0;
	visibility: hidden;
	z-index: -9999;
}

.marquee {
	overflow: hidden;
}

/* carousel */
.carousel  {
  height: 100%;
}
ons-carousel-item {
  background: #fff;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

/* 20170605 ここから下は新規で追加分 */
/* モーダルウィンドウ */
.rankingModal {
	/*background: url(../images/btn_close.png) #fff right 15px no-repeat;*/
	/*background-size:31px 17px;*/
  background-color: #fff;
	display: block;
	width: 95%;
	border-radius:10px;
	border: #c9a063 solid 3px;
	padding: 10px 0;
	color: #666666;

	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);

	margin: auto;
	z-index: 9999;
	text-align: left;
}
.rankingModal .dayset{
  font-size: 80%;
  padding-left: 3%;
  padding-bottom: 1%;
  text-align: left;
}
#ranking_modalBG {
  display:none;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.5);
  position:fixed;
  top:0;
  left:0;
  z-index: 1;
}
.rankingModal .dayCloseIcon{
  width: 20px;
  position: absolute;
  bottom: 3%;
  right: 3%;
}




/* 日付の色を薄くする */
.rankingModal .rankingCalendar .paleColor a {
  color: rgb(200, 200, 200) !important;
}
/* 選択した日付 */
.rankingModal .rankingCalendar .selectDay a {background:#f3f3f3; border-radius:5px;}


.uib-datepicker-popup {
  top: -100px;
  display: none;
}
.dropdown-menu {
  top: -100px;
  display: none;
}

/* 週のチェックボックスを薄くする */
.checkDisable {
	opacity: 0.3;
}


/* 日付の色を薄くする */
.dummy-menu {
  display: none;
}

/* 20170822 */
/* モーダルウィンドウ */
.musicModalDetail {
	background: #fff right 15px no-repeat;
	background-size:25px 14px;
	display: block;
	width: 80%;
	border-radius:10px;
	border: #c9a063 solid 3px;
	height: 80%;
	padding: 35px 5% 15%;  /* 20170828 */
	color: #666666;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	margin: auto;
}

.musicModalMainInner {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.musicModalMainInner::-webkit-scrollbar {
	display: none;
}

.musicModalCover {
	display: table-cell;
	width: 40%;
	margin:0 ;
}

.musicModalCover img {
	width: 90%;
}

.musicModalHead {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

/* 20170823 */
.musicModalHead ul {
	width: 100%;/* 20170825 */
	display: table;
	margin: 5% auto 0; /* 20170825 */
	border-collapse: separate; 
	border-spacing: 0;
}
.musicModalHead ul li {
	width: 50%; /* 20170825 */
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.musicModalHead ul li img { /* 20170825 */
	width: 55%;
}


#modalBG {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index: 1;
}

.musicModalDetail .musicClose{
	width: 10%;
}

.musicModalDetail .musicRelease{
	font-size: 80%;
	color: #888;
}
.musicModalDetail .musicTitle{
	font-size: 105%;
	font-weight: bold;
	color: #000;
	line-height: 1.5em;
	margin-bottom: 2%;
}
.musicModalDetail .musicArtist{
	font-size: 105%;
	color: #888;
	font-weight: bold;
	line-height: 1.5em;
	padding: 0;
}
.musicModalDetail .musicList{
	width: 100%;
	margin: 5% auto;
	color: #000;
}
.musicModalDetail .musicList .musicListDiscNo{
	font-weight: bold;
	padding: 1% 2%;
	background-color: #f3f3f3;
}
.musicModalDetail .musicList ol{
	margin: 2% 0 8%;
}
.musicModalDetail .musicList ol li{
	padding: 0.5% 0;
	list-style: none; /* 20170824add */
	padding-left:1em; /* 20170824add */
	text-indent:-1em; /* 20170824add */
}


/* 20170824add */
.musicModalDetail .logoCDJournal{
	width: 30%;
	margin-top: 5%; /* 20170828 */
}

/* 20170905add */
.musicModalClose {
	position: absolute;
	top: 15px;
	right: 0px;
}
.musicModalClose img {
	width:25px;
	height:14px;
}

/* swiper */
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
}