@charset "utf-8";

/*
****************
サイトトップメインカラム2025
indexes/media_top.html
indexes/smartphone_media_top.html
*****************
*/


/*
****************
羊飼いの今日の為替
*****************
*/
.sitetop-mc-hitsuji { margin-bottom:25px; position:relative; overflow: hidden; }
.sitetop-mc-hitsuji.sitetop-mc-hitsuji-weekendtype1 { height:auto !important;}
.sitetop-mc-hitsuji-date { -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; display: inline; background: #e9518e; color: #fff; font-weight: bold; padding: 3px 8px; }
.sitetop-mc-hitsuji-title { line-height:1.4; margin-top:5px; }
.sitetop-mc-hitsuji-bodypage01 { margin-bottom:25px; }
.sitetop-mc-hitsuji-bodypage01 .bold { font-weight:normal !important; }
.sitetop-mc-hitsuji-endarea { width: 100%;padding: 80px 0 0;position: absolute;bottom: 0px;left: 0;background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 60%);}
.sitetop-mc-hitsuji-endarea-viewmore a { font-size: 14px; background: #ccc; text-decoration: none; margin: 0 auto; display: block; text-align: center; padding: 8px 0; width: 70%; border-radius: 20px; font-weight: bold; position: relative;box-shadow: 0px 5px 3px -5px rgba(0,0,0,0.6); }
.sitetop-mc-hitsuji-endarea-viewmore a:visited { color:#0000cc; }
.sitetop-mc-hitsuji-endarea-viewmore a:hover { color:red; text-decoration:underline; background: #ccc; }

@media screen and (max-width:599px) { 
/* SP処理 */
.sitetop-mc-hitsuji-titlewrapper { padding:0 10px;  }
.sitetop-mc-hitsuji-body { padding:0 10px; }
.sitetop-mc-hitsuji-endarea-viewmore a { width:80%; }
}


/*
*********************
ザイFX!編集部の注目情報
parts/fx/v1/topchart-chumoku.html
*********************
*/
.sitetop-chumoku-txt{ margin: 0 0 15px; font-size: 12px; font-weight: bold; }
.sitetop-chumoku-txt-items{ margin: 0; padding: 0; }
.sitetop-chumoku-txt-item{ padding: 4px; border-bottom: 1px dotted #bbbbbb; }
.sitetop-chumoku-txt-item a:visited{ color: #0000cc; }


/*
*********************
為替ニュース
parts/fx/v1/top-fxnews.html
*********************
*/
.sitetop-mc-zaifxnews { margin-bottom:25px; }
.sitetop-mc-zaifxnews-kanbanimg { margin-bottom:10px; }
.sitetop-mc-zaifxnews-item { border-bottom:#ccc dotted 1px; padding: 0 0 5px; margin: 0 0 5px; line-height:1.6; }
.sitetop-mc-zaifxnews-item a { color:black; text-decoration:none; }
.sitetop-mc-zaifxnews-item a .sitetop-mc-zaifxnews-item-title { color:#0000cc; }
.sitetop-mc-zaifxnews-item a:hover .sitetop-mc-zaifxnews-item-title { color:red; text-decoration:underline; }
.sitetop-mc-zaifxnews-item-date { display: block; }
.sitetop-mc-zaifxnews-item-title { font-weight:bold; }
.sitetop-mc-zaifxnews-item-summary { display: block; }
.sitetop-mc-zaifxnews-more { text-align:right; }

@media screen and (max-width:599px) { 
/* SP処理 */
.sitetop-mc-zaifxnews-item { padding-left:10px; padding-right:10px; }
}


/*
*************************
サイトトップPickup
parts/fx/v1/top-mc-pickup.html
*************************
*/
.sitetop-mc-pickup {margin-bottom:15px;border:solid 1px #d7dcdf;padding:6px 8px;width:auto;}
.sitetop-mc-pickup a,
.sitetop-mc-pickup a:active,
.sitetop-mc-pickup a:visited,
.sitetop-mc-pickup a:hover { color:#0000cc; }
.sitetop-mc-pickup-title { font-weight:bold; padding:4px 4px 4px 10px; background:#ccc;  }
.sitetop-mc-pickup-items { padding:0; margin:0; }
.sitetop-mc-pickup-items .entries { font-size:14px; border-bottom:solid 1px #d7dcdf; }
.sitetop-mc-pickup-items .entries:nth-child(odd) { background-color:#f0f0f0; }
.sitetop-mc-pickup-items .entries a { position: relative; display: block; padding: 5px 5px 5px 15px; color: #0000cc; }
.sitetop-mc-pickup-items .entries a:before { position: absolute; top: 12px; left: 5px; display: block; width: 0; height: 0; content: ""; border-color: transparent transparent transparent #FF7F00; border-style: solid; border-width: 4px 0 4px 6px; }

@media screen and (max-width:599px) { 
/* SP処理 */
.sitetop-mc-pickup { margin-left:10px; margin-right:10px; }
}

/*
*********************
週末表示）ザイFX！/注目するFX会社/週末トップ
parts/fx/v1/top-fxcompany-attention.html
*********************
*/
.sitetop-fxcompany-attention { margin-bottom:15px;  }
.sitetop-fxcompany-attention-main { padding:0px 5px 5px 5px; border-left:solid 5px #bce012; border-right:solid 5px #bce012; border-bottom:solid 5px #bce012; background-color:#f3ffc2; }
.sitetop-fxcompany-attention-inner { border-bottom:#1889c3 dotted 1px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; }
.sitetop-fxcompany-attention-inner:last-child { border-bottom:none; }
.sitetop-attention-contents { width:50%; padding:5px; border-right:#1889c3 dotted 1px; }
.sitetop-attention-contents:last-child { border-right:none;  }
.sitetop-attention-contents-img { float:left; margin-right:5px; }

@media screen and (max-width:599px) { 
/* SP処理 */
.sitetop-fxcompany-attention { margin-left:10px; margin-right:10px; }
.sitetop-fxcompany-attention-main { padding-left:0; padding-right:0; }
.sitetop-attention-contents-img { float:none; margin-bottom:5px; }
.sitetop-attention-contents-img img { display:block; margin:0 auto; }
}