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: #333; }
a:visited { color: #333; }
a:hover { color: #888; }
a:active { color: #333; }

/* フッター */
.footer{
margin-top:26px;
}
/* パネル */
.panel-sub{
box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.side-frame{
padding:8px;margin-bottom:10px;
}
/*-- ループリスト --*/
.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-img,
.list-text {

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

}
.modal{
margin-top:7%;
}
/* pt_rank_picks.php */
.rp_frame{
padding:0px;
height:156px;
overflow:hidden;
margin-bottom:5px;
}
.rp_framerc{
padding:0px;
height:196px;
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;
}
/* ヘッダーメニュー PC */
.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{
padding:3px 6px;
}
/* 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;
}
/* 画像 */
img {
transition: all 0.3s linear;
}
img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

*
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
input, button
{
  margin: 0;
  color: inherit;
  vertical-align: baseline;
  font: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  outline: 0;
}
input
{
  line-height: normal;
}
input:focus
{
  outline: none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-ms-clear,
input::-ms-reveal
{
  display: none;
}
input::-moz-focus-inner
{
  padding: 0;
  border: 0;
}
button
{
  text-transform: none;
  overflow: visible;
  cursor: pointer;
}
button::-moz-focus-inner
{
  padding: 0;
  border: 0;
}

.fluid-input
{
margin-bottom:15px;
  display: table;
  width: 100%;
}
.fluid-input > *
{
  display: table-cell;
  vertical-align: middle;
}
.label, .button
{
  width: 1%;
  white-space: nowrap;
}
.label, .box, .button > button
{
  padding: .8em 1.1em;
  line-height: 1.5;
}
.label
{
  color: #606468;
  background-color: #363b41;
}
.box
{
  width: 100%;
  background-color: #fff;
}
.button > button
{
  color: #fff;
  background-color: #aaa;
}
.add_title{
padding:10px;border-bottom: 1px solid #eee;font-size:15px;
background-color:#ccc;
color:#666;
font-weight: bold;
text-shadow: 1px 1px 1px #fff;
}

.b_list{
padding:4px 5px;
font-size:13.5px;
width:100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sp_searchs{
	display:none;
}
@media (max-width: 768px) {
	.sp_searchs{
		display:block;
	}
}