body{
-ms-overflow-style: auto;
background-color:#f5f5f5;
}
@-ms-viewport
{
    width: auto;
    initial-scale: 1;
}
@viewport
{
    width: device-width;
    initial-scale: 1;
}

/*-- リンク色 --*/
a:link { color: #777; }
a:visited { color: #777; }
a:hover { color: #88c; }
a:active { color: #777; }

.panel-sub{
box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

/*-- テキストはみ出し省略 --*/
.trun{
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.ttr:hover{
background-color:#ECFBFF;
}
.ttr:hover a{
	color: #35AEFF;
}
.sitw a{
	color: #bbb;
}
.dirt{
width:594px;
}
.ttr:hover .dirt{
width:480px;
}
.atokara{
color:#999;
}
.kotei{
color:#999;
}
.ttr:hover .atokara{
color:#f00;
}
.ttr:hover .site a{
color:#005B99;
}
.ttr:hover .kotei{
color:#F9CD00;
}
.sitw{
width:0px;
text-align: right;
}
.sitw2{
width:0px;
text-align: right;
}
.ttr:hover .sitw{
width:100px;
padding-right:2px;
}
.ttr:hover .sitw2{
width:30px;
padding-right:10px;
}

.dispno {
display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: top;
}

.list-box {

}
.list-img,
.list-text {

  vertical-align: middle;
}
.list-text{
padding:4px 8px;

}

.modal{
margin-top:7%;
}

/* pt_rank_picks.php */
.rp_frame{
padding:0px;
height:241.7px;
overflow:hidden;
margin-bottom:5px;
}
.rp_frame_o{
padding:4px;
height:118.4px;
overflow:hidden;
margin-bottom:5px;
}
.rp_inner{
margin-bottom:15px;
width:100%;
height:100%;
position:relative;
}
.rp_cat{
position:absolute;
top:2px;
left:2px;
background-color: rgba( 55, 55, 55, 0.50 );
padding:4px 5px;
color:#fff;
}
.rp_title{
position:absolute;
bottom:0;
right:0;
background-color: rgba( 55, 75, 105, 0.68 );
padding:2px 5px;
width:100%;
height:45px;
overflow:hidden;
color:#fff;
}

/* ページトップへスクロールするボタン */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 90%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    padding: 12px 16px;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

.nav-menu > li {
float: left;
background-color:#fff;
border: 1px solid #bbb;
}
.nav-menu > li > a {
color:#004bc8;
padding:4px 7px;
}
.nav-menu > li + li {
  margin-left: 2px;
}
.nav-menu > li.active > a,
.nav-menu > li.active > a:hover,
.nav-menu > li.active > a:focus {
  color: #fff;
  background-color: #fff;
}
.nav > li > a:hover{
color:#666;
}

#lean_overlay{
  position: fixed; z-index:600;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#div787{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 780px;
 }
.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 14px;
  height: 14px; 
  background: url(../img/modal_close.png);
  z-index: 2;
}

/* pt_site-art-list.php */
.sal_list{
padding:6px 2px;
border-top:0.7px solid #bbb;
width:100%;word-wrap:break-word;
display: inline-block;
overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;
vertical-align: top;
}


.slider-wrapper {
  width: 100%;
  padding: 2px;
  overflow-x: auto;
  overflow-y: hidden;
  background: #CCC;
margin-bottom:20px;
}

.slider {
  width: 1050px;
  -webkit-overflow-scrolling: touch;
}

.slider > * {
  -webkit-transform: translateZ(0px);
}

.slider-wrapper::-webkit-scrollbar {
  display: none;
  height: 0 !important;
}

.unit {
  float: left;
  width: 90px;
height:23px;
  margin: 0 0 0 5px;
  border: 1px solid #DDDDDD;
  background: #EFEFEF;
text-align: center;
position:relative;
}

.unit a{

display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.unit:first-child {
  margin: 0;
}

.unit .img {
  text-align: center;
}

/* tm_footer.php PC */
.footerlist li{
margin-right:10px;
padding:3px 7px;
}
/* tm_footer.php SP */
.navsp .btn:hover{
color:#C8F1FF;
}
.navsp{
margin:0;
padding:0;
background-color: rgba( 77, 77, 77, 0.70 );
color:#fff;
}
.footsp{
font-size:14px;height:48px;
padding-top:6px;
border:0.5px solid #aaa;text-align: center;
text-shadow: 5px 5px 3px rgba(0,0,0,0.5);
box-shadow:0px 0px 1px 1px rgba(77,77,77, 0.2) inset;
}
.spmenuli{
padding:8px 0;text-align: center;font-size:16px;border-top:2px solid #999;
}
.spmenuli a{
color:#fff;
}

.header a{
    color: white;
}