@charset "Shift_JIS";

/* 共通スタイルを変更
=============================================================================== */

.ttl-sakura {
    background-color: #eb6ca4;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 7px 6px;
}

/*ピンク文字(20131225追加)*/
.pink {color:#eb6ca4;}

/*薄ピンク文字(20161227追加)*/
.upink {color:#ff87bd;}

/*さくらイラスト(20131227追加)*/
#img-sakura01{
	position:absolute;
	right:0;
	top:-20px;
}
#img-sakura02{
	position:absolute;
	right:0;
	top:-40px;
}

.ttl-lbl {
	background-color:#ffe5f1;
}

/* 開花メーター用
=============================================================================== */
.cmn-sttl2-kaika {
  padding-top: 0px;
  font-size: 30px; }

.kaika-meter{
	display: block;
	position: relative;
	margin: auto;
	width: 100%;
	height: 75px;
  box-pack: justify;
	-webkit-box-pack: justify;
}

.kaika-meter .meter-frame{
	position: relative;
	margin: auto;
  text-align: center;
	width: 100%;
	height: 80px;
}

.kaika-meter .meter-frame img{
	display: inline-block;
	position: relative;
  margin: 0px 0%;
}

.kaika-meter .meter-frame .circle{
  margin: 0px 1.1% 10px 0.8%;
}

.kaika-meter .meter-frame .sakura{
  margin: 0px 0.5% 7px 0.5%;
}

@media screen and (min-width: 751px) {
.cmn-sttl2-kaika {
  padding-top: 0px;
  font-size: 25px; }

.kaika-meter{
	display: block;
	position: relative;
	margin: auto;
	width: 100%;
	height: 60px;
  box-pack: justify;
	-webkit-box-pack: justify;
}

.kaika-meter .meter-frame{
	position: relative;
	margin: auto;
  text-align: center;
	width: 100%;
	height: 80px;
}

.kaika-meter .meter-frame img{
	display: inline-block;
	position: relative;
  margin: 0px 0%;
}

.kaika-meter .meter-frame .circle{
  margin: 0px 0.2% 10px 0.8%;
}

.kaika-meter .meter-frame .sakura{
  margin: 0px 0.5% 7px 0.5%;
}


/* ランキング
---------------------*/
ul.rankList li{
	border-bottom:1px solid #dcdcdc;
}

ul.rankList li:last-child{
	border-bottom:none;
}


ul.rankList li a{
	color:#707070;
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:10px 25px 10px 8px;
	margin-right:5px;
	text-decoration:none;
}

ul.rankList li span{
	text-align:center;
	color:#ffffff;
	padding:3px 0px;
	margin-right:10px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width:50px;
	display:inline-block;
}

.rank1{ background-color:#e52041; }
.rank2{ background-color:#f09a12; }
.rank3{ background-color:#73bf3b; }
.rank4{ background-color:#3bb7bf; }
.rank5{ background-color:#3b4bbf; }
.rank-other{ background-color:#a9aeb3; }

ul.rankList li.nolink {
	color:#707070;
	display:block;
	font-size:14px;
	font-weight:bold;
	padding:10px 25px 10px 8px;
	margin-right:5px;
	text-decoration:none;
	background:none;
	pointer-events:none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}



/* データの開閉
---------------------*/
.point-list{
/*	margin-top:30px;
	margin-bottom:36px;*/
	position:relative;
}

/*#point-other1,*/
#point-other2{
	display: none;
}

#point-display1{
	position:absolute;
	right:10px;
	bottom:-21px;
	width:42px;
	height:21px;
	background:url(http://aimg.n-kishou.co.jp/image3/w/misc/mypoint_circle.png) no-repeat left top;
	-webkit-background-size:42px 21px;
	background-size:42px 21px;
	text-align:center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
	#point-display1 a{
		display:block;
		width:42px;
		height:21px;
	}


#point-display2{
	position:relative;
	width:100%;
}
	#point-display2 a{
		display:block;
		width:100%;
		padding:9px 0;
	}


/* ボタン
---------------------*/
.menu-btn2{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	border:2px solid #70b7d7;
	background-color:#FFF;
	margin-top:5px;
	position:relative;
	z-index:2;
}
	.menu-btn2 a{
		display:block;
		padding:9px 0 8px;
		text-decoration:none;
		font-weight:bold;
	}
	.menu-btn2 a:before{
		margin-right:-40px;
		content: '';
		width:24px;
		height:24px;
		display:inline-block;
		-webkit-background-size:320px auto;
		-moz-background-size:320px auto;
		-o-background-size:320px auto;
		-ms-background-size:320px auto;
		background-size:320px auto;
		vertical-align:middle;
	}

  /* アコーディオンリスト下のリンク（桜ナビTOP用） */
.under-link{
  	margin-bottom:0;
  	margin-top:0;
}
  .under-link li{
  	border-top:1px solid #dcdcdc;
  	font-size:14px;
  	margin-top:-1px;
  	min-height:40px;
  	position:relative;
  	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-o-box-sizing: border-box;
  	-ms-box-sizing: border-box;
  	box-sizing:border-box;
  }
  .under-link li:first-child{
  		border-top:none;
  }

    .under-link li a{
  		background:url(http://aimg.n-kishou.co.jp/image3/w/misc/arrow_gr_w18.gif) no-repeat 98% center;
  		-webkit-background-size:9px auto;
  		-moz-background-size:9px auto;
  		-o-background-size:9px auto;
  		-ms-background-size:9px auto;
  		background-size:9px auto;
  		display: block;
  		padding:14px;
  		font-weight:bold;
  		text-decoration:none;
  	}

/* アコーディオンリストにノーリンク作成 */
.accordion-list2{
	margin-bottom:2px;
	background-color:#FFFFFF;
}
.accordion-list2 li{
	border-bottom:1px solid #dcdcdc;
	font-size:14px;
	font-weight:bold;
}
.accordion-list2 li a,
	.accordion-list2 li.nolink{
		display:block;
		padding:14px 14px;
		text-decoration:none;
		-webkit-background-size:14px 14px;
		-moz-background-size:14px 14px;
		-o-background-size:14px 14px;
		-ms-background-size:14px 14px;
		background-size:14px 14px;
	}
.accordion-list2 li.single a{
		background:url(http://aimg.n-kishou.co.jp/image3/w/misc/arrow_gr_w18.gif) no-repeat 98% center;
		-webkit-background-size:9px auto;
		-moz-background-size:9px auto;
		-o-background-size:9px auto;
		-ms-background-size:9px auto;
		background-size:9px auto;
	}

ul.accordion-list2 li:last-child{
		border-bottom:none;
	}
.accordion-list2 .list-open a{
		background:url(http://aimg.n-kishou.co.jp/image3/w/misc/minus_w28.gif) no-repeat 98% center;
	}
  .accordion-list2 .list-in,
  	.accordion-list2 .list-inblock{
  		display: none;
  	}

  	.accordion-list2 li.list-open .list-in{
  		display: block;
  	}

  	.accordion-list2 .list-in li a{
  		background:#e5eaee;
  		padding:12px 10px 12px 25px;
  	}

	.accordion-list2 .list-in li.nolink{
  		background:#e5eaee;
  		padding:12px 10px 12px 25px;
  	}

	.list-in li.nolink:before{
		content:"";
		position:absolute;
		left:14px;
		top:40%;
		width:0;
		height:0;
		border-top:3px solid transparent;
		border-left:4px solid #a9a9a9;
		border-bottom:3px solid transparent;
	}