@charset "utf-8";

/*
*
*
*	Ranking Module
*
*	+ContentArea
*	+Ranking
*	+Accordion
*	+Ranking2
*	+Ranking3
*
*
*/

/*///////////////////////////////// Insert Memo Bar ////*/

/*/////////////////////////////////////////////////////////////

	Ranking

/////////////////////////////////////////////////////////////*/

/*--- rankingPage nenbetsu ----------------------------- */
.btn {
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    display: inline-block;
    background: #fff;
    border: 2px solid #d6182f;
    color: #fff;
    width: 20%;
    margin: 0 0 5px 0;
     padding: 0;
     border-radius: 6px;
}
.btn:hover {
	background: #d6182f;
	border: 2px solid #d6182f;
	color: #fff;
}

/*--- rankingArea memoriesPage ----------------------------- */
.rankingArea {
	margin: 0 0 1.5em 0;
	padding: 0;
}

/*--- rankingPage ----------------------------- */
#ranking {
	margin: 0;
	padding: 0;
}
#ranking h4 {
	font-size: 16px; 
	margin: 20px 0 0 0;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-left: 2px solid #d6182f;
	border-radius: 6px;
}
div#new{
	margin: 0;
	position: relative;
}

table.table007{
	width:100%;
	margin:0;
	padding: 0;
	font-size:12px;
	border-collapse: collapse;
}
table.table007 tr th{
	padding: 2px 5px;
	font-weight:bold;
	background: #f4f4f4;
	text-align:center;
	border: solid 1px #ccc;
}
table.table007 tr th.thWidth001{
	width: 10%;
}
table.table007 tr th.thWidth002{
	width: 13%;
}
table.table007 tr td{
	padding: 6px 8px;
	border:solid 1px #d2d2d2;
	background: #fff;
	text-align:center;
}
table.table007 tr.no1 td{
	background: #fff3c1;
	border-bottom:1px solid #ccc;
}
table.table007 tr.no23 td{
	background: #ffeddd;
	border-bottom:1px solid #ccc;
}
table.table007 tr.no1 td.rank1{
	background:url(../images/pages/img_rank1.png) no-repeat #fff3c1 center 0;
	background-size: 44px 30px;
	text-indent:-9999px;
}
table.table007 tr td.rank2{
	background:url(../images/pages/img_rank2.png) no-repeat #ffeddd center 0;
	background-size: 44px 30px;
	text-indent:-9999px;
}
table.table007 tr td.rank3{
	background:url(../images/pages/img_rank3.png) no-repeat #ffeddd center 0;
	background-size: 44px 30px;
	text-indent:-9999px;
}
table.table007 tr td.rank{
	font-style:italic;
	font-weight:bold;
}

@media screen and (max-width: 640px) {
table.table007 tr th{
	padding: 2px;
	}
table.table007 tr td{
	padding: 2px;
	}
}

/*--- schedulePage ----------------------------------------------------------------- */

table.table007 td.table_comment {
	text-align: left;
}
table.table007 td.sat {
	background: #d8f9ff;
}
table.table007 td.sun {
	background: #ffe7ee;
}
table.table007 td.weekday {
	background: #fff;
}

/*/////////////////////////////////////////////////////////////

	accordion

/////////////////////////////////////////////////////////////*/

#new{
	width: 100%;
	margin: 0;
	padding: 0;
}
#new dt{
	cursor:default;
}
#new dt:hover{
	background-color:#ffe897;
}
#accordion2 ,
#accordion3 ,
#accordion4 ,
#accordion5 ,
#accordion6 ,
#accordion7 ,
#accordion8 ,
#accordion9 {
	width:100%;
	margin: 0;
	padding: 0;
}
.accordion2 ,
.accordion3 ,
.accordion4 ,
.accordion5 ,
.accordion6 ,
.accordion7 ,
.accordion8 ,
.accordion9 {
	width:100%;
	color:#333
}
.accordion2 dt ,
.accordion3 dt ,
.accordion4 dt ,
.accordion5 dt ,
.accordion6 dt ,
.accordion7 dt ,
.accordion8 dt ,
.accordion9 dt {
	width: 100%;
	padding: 4px 6px 4px 30px;
	font-weight:bold;
	cursor:pointer;
	background:url(../images/common/arrow_down.png) no-repeat 5px center #ffc600;
	background-size: 15px 10px;
	border-top:1px solid #fff;
	box-sizing: border-box;
}
.accordion2 dt:hover ,
.accordion3 dt:hover ,
.accordion4 dt:hover ,
.accordion5 dt:hover ,
.accordion6 dt:hover ,
.accordion7 dt:hover ,
.accordion8 dt:hover ,
.accordion9 dt:hover {
	background-color:#ffe897
}
.accordion2 .open ,
.accordion3 .open ,
.accordion4 .open ,
.accordion5 .open ,
.accordion6 .open ,
.accordion7 .open ,
.accordion8 .open ,
.accordion9 .open {
	background-color:#9fd87d;
	background-image:url(../images/common/arrow_up.png);
	background-size: 15px 10px;
}
.accordion2 dd ,
.accordion3 dd ,
.accordion4 dd ,
.accordion5 dd ,
.accordion6 dd ,
.accordion7 dd ,
.accordion8 dd ,
.accordion9 dd {
	overflow: hidden;
	background:#fff;
	margin: 0;
	padding: 0;
}

/*/////////////////////////////////////////////////////////////

	ranking2

/////////////////////////////////////////////////////////////*/

div#ranking2 #new{
	width: 100%;
	margin: 0;
	padding: 0;
}
div#ranking2 #new dt:hover{
	background:url(../images/common/arrow_down.png) no-repeat 5px center #cdf3ff;
	background-size: 15px 10px;
}
div#ranking2 #accordion2{
}
div#ranking2 .accordion2 dt{
	background:url(../images/common/arrow_down.png) no-repeat 5px center #84e1ff;
	background-size: 15px 10px;
	border-top:1px solid #fff;
}
div#ranking2 .accordion2 dt:hover{
	background:url(../images/common/arrow_down.png) no-repeat 5px center #cdf3ff;
	background-size: 15px 10px;
}
div#ranking2 .accordion2 .open{
	background:url(../images/common/arrow_down.png) no-repeat 5px center #cdf3ff;
	background-size: 15px 10px;
}


/*/////////////////////////////////////////////////////////////

	ranking3

/////////////////////////////////////////////////////////////*/

div#ranking3 #new{
	border:1px solid #eb6a67;
	border-top:1px solid #eb6a67;
}
div#ranking3 #new dt:hover{
	background-color:#ef8987;
}
div#ranking3 #accordion2{
	border:1px solid #eb6a67;
	border-top:1px solid #eb6a67;
}
div#ranking3 .accordion2 dt{
	background:url(../images/common/arrow_down.png) no-repeat 5px center #ef8987;
	background-size: 15px 10px;
	border-top:1px solid #ffc7c7;
	border-bottom:solid 1px #eb6a67;
}
div#ranking3 .accordion2 dt:hover{
	background-color:#eb6a67
}
div#ranking3 .accordion2 .open{
	background-color:#ef8987;
}
.rankfont {
	padding-left: 35px;
	margin-bottom: 20px;
}