/* ■■■■ 文字リード ■■■■ */
.lead {
text-align: center;
font-weight: bold;
margin-bottom: 8px;
color: #ff6682;
font-size: 16px;
}

/* ■■■■ list共通 ■■■■ */

.link_base {
background: #ffffff;
margin: 8px;
border-radius : 8px;
border: 1px solid #e92d16; /*横幅*/ /*高さ　自動*/ /*枠と文字の隙間　上右下左*/
box-shadow: 2px 2px 2px rgba(0,0,0,0.5); /*枠全体の影*/ /*枠全体の影*/
}
.link_base ul{
margin:0;
}
.link_base li {
list-style : none;
position : relative;
border-bottom : dotted 1px #e92d16; /*リスト内の区切り線の色*/
height : auto;
overflow : hidden;
}

.link_base a .title{
font-size: 18px;
font-weight: bold;
display: block;
margin-bottom: 0px;
}
.link_base a .caption{
color:#ff6682;
font-size:12px;
}



.link_base a:not(.noListLink) {
text-decoration : none;
position : relative;
display : block;
padding : 10px;
color :  #e92d16; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
}

.link_base li:last-child {
border-bottom : 0;
}
.link_base a:not(.noListLink):after {
font-family:'fontello';
position:absolute;
color:#daa520;
right: 8px;
top : 50%;
display : block;
margin-top: -0.5em;
line-height: 1;
}
.link_base .nolink {
position : relative;
display : block;
padding : 10px;
background: #f5f5f5;
color : #808080; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
-webkit-box-sizing : border-box;
}


/* ■■■■ list半分 ■■■■ */
.harf_list {
background: #ffffff;
border-top: 2px dotted #e92d16;
border-bottom: 2px dotted #e92d16;
}
.harf_list ul{
margin:0;
}
.harf_list li {
padding: 0px 5px;
list-style: none;
position: relative;
border-right: dotted 1px #e92d16;
border-bottom: dotted 1px #e92d16;
height: 40px;
overflow: hidden;
width: 50%;
float: left;
box-sizing: border-box;
}

.harf_list a .title{
font-size: 18px;
font-weight: bold;
display: block;
margin-bottom: 0px;
}
.harf_list a .caption{
color:#ff6682;
font-size:12px;
}

.harf_list .result {
text-decoration : none;
position : relative;
display : block;
padding : 5px;
color :  #e92d16; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
}

.harf_list a:not(.noListLink) {
text-decoration : none;
position : relative;
display : block;
padding : 5px;
color :  #e92d16; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
}
.harf_list li:last-child {
border-bottom : 0;
}
.harf_list a:not(.noListLink):after {
font-family:'fontello';
position:absolute;
color:#daa520;
right: 8px;
top : 50%;
display : block;
margin-top: -0.5em;
line-height: 1;
}
.nolink {
position : relative;
display : block;
padding : 10px;
background: #f5f5f5;
color : #dddddd; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

/* ===== ■流運セクション■ ===== */
.daily-mtop {margin: 0 8px 24px;background: #FFF;border: 2px solid #ff6682;border-radius: 8px;overflow: hidden;}
.daily-mtop .section-header {background: #ff6682; color: #FFFFFF;padding:6px;line-height:1;}
.daily-mtop .section-header .date{font-size:24px;font-weight:bold;display:block;float:left;padding: 4px;text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25),1px 1px 1px rgba(255, 255, 255, 0.25);}
.daily-mtop .section-header .news-select{
float:right;
margin: 0;
}
.daily-mtop .section-header .news-select li {
display:inline-block;
background: #ffcf45;
background: -moz-linear-gradient(top,  #FFA43A 0%, #FF6B00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFA43A), color-stop(100%,#FF6B00));
background: -webkit-linear-gradient(top,  #FFA43A 0%,#FF6B00 100%);
background: -o-linear-gradient(top,  #FFA43A 0%,#FF6B00 100%);
background: -ms-linear-gradient(top,  #FFA43A 0%,#FF6B00 100%);
background: linear-gradient(to bottom,  #FFA43A 0%,#FF6B00 100%);
box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(255,255,255,.6);
border: 1px solid #D56100;
border-radius:4px;
margin-left: 4px;
}
.daily-mtop .section-header .news-select li.badge-new{
position:relative;
}
.daily-mtop .section-header .news-select li.badge-new:after{
content:"";
display:block;
position:absolute;
color:#FFF;
background:#F00;
width:14px;
height:14px;
font-size:10px;
line-height:1;
border-radius:9px;
border:2px solid #FFF;
top: -6px;
right: -6px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.daily-mtop .section-header .news-select li a{
display:block;
text-decoration:none;
padding:8px 12px;
color:#FFF;
font-weight: bold;
text-shadow: -1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.4);
}
.day-graph-wrap .bar {
  text-align: center;
  color: #FFF;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px rgba(255,255,255,1);
  background: #F8C500;
  padding: 4px;
  margin: 0;
}
.day-graph-wrap table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom:16px;
}
.day-graph-wrap table td {
  vertical-align:middle;  
}
.day-graph-wrap table .day-graph {
  font-weight:bold;
  font-size:16px;
  width:12%;
  white-space:nowrap;
  padding:8px;
  text-align:center;
}
.day-graph.total{color:#0BAD20}
.day-graph.love{color:#FF3498}
.day-graph.money{color:#FFA500}

.day-graph-wrap table td:nth-child(even){
  width:88%;
  padding:6px 8px;
}
.day-graph-wrap table td:nth-child(even) img{
  width:100%;
}
.day-result {
  padding:8px;
  line-height:1.6;
}
.text-wrap {
  padding:8px;
  border: 2px solid;
  border-radius: 8px;
}
.day-result .text-wrap .text1{
  text-decoration:none;
  color: #645532;
  display: block;
}

.baloon-bottom {  position:relative;}
.baloon-bottom:before, .baloon-bottom:after{  content:"";  position:absolute;  width:0;  height:0;  border-width:24px 16px;  border-style:solid;  border-color: #645532 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);  bottom:-48px;}
.baloon-bottom:after {  border-width:24px 16px;  bottom:-44px;  border-color: #FFF transparent transparent;  }
.day-result .baloon-bottom:before,.day-result .baloon-bottom:after{left:32px}

.day-result .content-foot {}
.day-result .content-foot .inner-sv{
width:35%;
float:left;
margin-top: 16px;
}
.day-result .content-foot .inner-btn{
float:left;
padding:16px;
width:65%;
}
.btn-month,.btn-year{
width:100%;
text-align:center;
font-weight:bold;
font-size:14px;
padding-top: 10px;
padding-bottom: 10px;
margin-right: 0;
}

.recomend-mtop {  
}
.recomend-mtop .heading{
text-align: center;
color: #FFF;
background: #ECB353;
padding: 4px;
border:0;
margin: 0;
}
.corner-recom-box.grids ul{
  margin: 8px;
  margin-right:0;
}
.corner-recom-box.grids li{
  padding-right:8px;
}



/* ■■■■ フッター共通 ■■■■ */
.foot {
margin-top : 10px;
text-align : center;
line-height : 25px;
font-size : 14px;
color : #aaaaaa;
overflow : hidden;        /*はみ出たら…*/
text-overflow : ellipsis; /*はみ出たら…*/
white-space : nowrap;     /*はみ出たら…*/
display : block;
}

.foot a{
color : #aaaaaa;
letter-spacing : 2px;
font-size : 12px;
text-decoration : none;
padding : 5px;
}

.inc {
color : #000000;
letter-spacing : 2px;
}


/* ■■■■ 文字装飾　ぼんやり ■■■■ */
.text_01 {
font-weight : bold;
text-shadow :2px 2px 5px #555555;
}


/* ■■■■ navi ボタン ■■■■ */
.nav-first {
  //margin: -24px 8px 0;
  position:relative;
  z-index:20;}
.nav-first:before,.nav-first:after{content:"";display:table;}
.nav-first:after{clear:both;}
.nav-first ul {
background: #38BC78;
background: -moz-linear-gradient(top,  #8ED29F 0%, #38BC78 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ED29F), color-stop(100%,#38BC78));
background: -webkit-linear-gradient(top,  #8ED29F 0%,#38BC78 100%);
background: -o-linear-gradient(top,  #8ED29F 0%,#38BC78 100%);
background: -ms-linear-gradient(top,  #8ED29F 0%,#38BC78 100%);
background: linear-gradient(to bottom,  #8ED29F 0%,#38BC78 100%);
border-radius:6px;
border:1px solid #FFF;
box-shadow:2px 2px 2px rgba(0,0,0,0.5);
}
.nav-first li {
float:left;width:33.33333%;
text-align:center;border-right: 1px solid rgba(0,0,0,0.25);
box-shadow: inset 1px 0px 1px rgba(255, 255, 255, 0.4);
box-sizing:border-box;
}
.nav-first li:last-child { border:0;}
.nav-first li a{display:block;padding:4px 0;
text-decoration:none;font-size:12px;
color: #FFF;text-shadow: -1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.4);
}
.wrap-date {}



/***************select*****/
#select{
}
#select h2{
color:#665041;
border-bottom:2px dashed #665041;
padding-bottom:3px;
}
#select .in{
padding:10px 0;
text-align:center;
}
#select .info{
text-align:center;
}
#select .new{
display:block;
margin:5px;
}
.test_bn{
margin: 5px auto;
display: block;
color: #FFF;
font-weight: bold;
text-align: center;
height: 30px;
line-height: 30px;
background: #009EC3;
background: -moz-linear-gradient(top,  #00B7EA 0%,#009EC3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00B7EA),color-stop(100%,#009EC3));
background: -webkit-linear-gradient(top,  #00B7EA 0%,#009EC3 100%);
background: linear-gradient(to bottom,  #00B7EA 0%,#009EC3 100%);
width: 180px;
border-radius: 5px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.selectbox{
border:1px solid #cccccc;
width:180px;
}
.textbox{
border:1px solid #cccccc;
padding:3px 0;
height:18px;
}
.c{
text-align:center;
}


/***************バー*****/
.bar_red {
background: #ff6682;
color: #fff;
height: 25px;
padding-top: 5px;
padding-left: 15px;
font-size: 14px;
font-weight: bold;
margin: 5px 0 10px 0;
}


/***************ボタンもっと読む*****/
.btn_readmore{
display: block;
box-sizing: border-box;
float: right;
margin-right: 10px;
}
.btn_readmore a {
  display:inline-block;
  margin:auto;
  text-align:center;
  color: #FFF;
  text-decoration:none;
  background: #e92d16;
  border-radius:4px;
  padding:4px 16px;
}

/***************news*****/

.list_news{
margin: 0px 15px;
text-decoration: none;
}

.list_news li {
list-style-type: none;
text-decoration: none;
border-bottom:solid 1px #ccc;
height: auto;
padding:5px;
}

.list_news li img {
height:15px;
}

.list_news li.head{
color: #15A046;
font-size: 20px;
font-weight: bold;
padding: 0 10px;
}

.list_news li.title{
color: #ff6682;
font-weight: bold;
font-size: 15px;
padding: 5px;
}


.list_news a:not(.noListLink) {
text-decoration : none;
position : relative;
display : block;
padding : 5px;
color :  #e92d16; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
}

.list_news li:last-child {
border-bottom : 0;
}
.list_news a:not(.noListLink):after {
content: "\e802";
font-family:'fontello';
position:absolute;
color:#daa520;
right: 8px;
top : 50%;
display : block;
margin-top: -0.5em;
line-height: 1;
}
.nolink {
position : relative;
display : block;
padding : 10px;
background: #f5f5f5;
color : #dddddd; /*リスト内の文字色*/
font-size : 15px;
text-decoration : none;
-webkit-box-sizing : border-box;
}
/* ■■■■　アコーディオンメニュー ■■■■ */
.accordion{
	margin:10px;
}
.accordion dt{
display: block;
border: solid 1px #ff6682;
border-radius: 5px;
margin-top: 2px;
position: relative;
padding: 15px 20px 15px 15px;
color: #ff6682;
background: #FFEED7;
font-size: 110%;
font-weight: bold;
  }

.accordion dt:after{
	display:block;
	content:"";
	position:absolute;
	top:50%;
	right:10px;
	width:7px;
	height:7px;
	margin-top:-4px;
	border-right:3px solid #666;
	border-bottom:3px solid #666;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
}

.accordion dd{
  border:#382031 1px solid;
  border-top:none;
  border-radius:0 0 5px 5px/0 0 5px 5px;
  display:none;
  }

.accordion dd ul li{
	list-style:none;
	padding:0;
	border-bottom:1px solid #382031;
}

.accordion dd ul li:last-child{
	border-bottom:none;
}
.accordion dd ul a:not(.noListLink){
text-decoration: none;
display: block;
width: 100%;
height: 100%;
padding: 15px 20px 15px 15px;
position: relative;
background: #FFFFFF;
-webkit-box-sizing: border-box;
color: #938F84;
}

.accordion dd ul a:after{
	display:block;
	content:"";
	position:absolute;
	top:50%;
	right:10px;
	width:7px;
	height:7px;
	margin-top:-4px;
	border-right:3px solid #666;
	border-top:3px solid #666;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
}