@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; }
}

/*
****************
ザイFX！/儲けたい！！/トップ
parts/fx/v1/top-mouke-lower.html
*****************
*/

.mc-mouketai2026-wrapper { width:auto; }
.mc-mouketai2026-container { display:grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.mc-mouketai2026-container { margin-bottom: 25px; border-left:#a5cd38 solid 2px; border-bottom:#a5cd38 solid 2px; border-right:#a5cd38 solid 2px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.mc-mouketai2026-item { width:234px; position:relative; padding:5px 6px; }
.mc-mouketai2026-item a:hover { text-decoration:none; }
.mc-mouketai2026-title { font-size:13px; text-align:center; margin-bottom:5px; color:#000; }
.mc-mouketai2026-image { width:234px; margin:0 auto 5px; }
.mc-mouketai2026-text { font-size:12px; letter-spacing: -0.7px;  }

/* 1番目・3番目の右側に線 */
.mc-mouketai2026-item:nth-child(1)::after,
.mc-mouketai2026-item:nth-child(3)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #a5cd38;
}

/* 3番目・4番目の上側に線 */
.mc-mouketai2026-item:nth-child(3)::before,
.mc-mouketai2026-item:nth-child(4)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #a5cd38;
}

@media screen and (max-width:599px) { /* SP用処理 */

  .mc-mouketai2026-wrapper { margin:0 8px; }
  .mc-mouketai2026-container { grid-template-columns: 1fr; }
  .mc-mouketai2026-item { margin: 0 auto; width:auto; }
  .mc-mouketai2026-item:nth-child(3),
  .mc-mouketai2026-item:nth-child(4) { display:none; }
  .mc-mouketai2026-item:nth-child(1)::after { content: none; }
  .mc-mouketai2026-item:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #a5cd38;
  }
}