@charset "utf-8";

/* Youtube埋め込み */
iframe[src^="https://www.youtube.com"],
iframe[data-src^="https://www.youtube.com"] { width: 100% !important; height: auto !important; aspect-ratio: 16/9 !important; right: 0 !important; }

/* エクセル書き出しのtable幅処理 */
#main-contents table[class^="create-"] { width: 100% !important; }
#main-contents table[class^="create-"] td { width: auto !important; }

/* 旧Ver CSS */
#main-contents div.text {font-size:16px;line-height:160%;padding:0 0 1.2em;}
#main-contents .fontSize_s {font-size:12px;}
#main-contents .fontSize_ss{font-size:10px;}
#main-contents .fontSize_l{font-size:20px;}
#main-contents .font_Green{color:#006633;}
#main-contents .font_LightBlue{color:#0000FF;}
#main-contents .font_Blue{color:#0000cc;}
#main-contents .font_Red{color:#FF0000;}
#main-contents .font_Purple{color:#6600FF;}
#main-contents .font_Pink{color:#ff4fff;}


/*本文*/
#main-contents p{
  margin-bottom:25px;
}
#main-contents hr{
  margin-bottom:25px;
}
#main-contents h2,
#main-contents h4{
  color:#006633;
  margin-bottom:25px;
  font-size: 18px;
}
.gecko #main-contents h2,
.gecko #main-contents h4{
  letter-spacing: -0.035em;
}


/*
******************************************************
羊飼い「今日の為替はこれで動く！」 202004～　経済指標テーブル
******************************************************
*/
.c-shihyo-calendar [class^="icon-"], .c-shihyo-calendar [class*=" icon-"] {speak: none;margin: 0 3px;/* use !important to prevent issues with browser extensions that change fonts */font-family: 'icomoon' !important;font-style: normal;font-variant: normal;font-weight: normal;line-height: 1;text-transform: none;}
.c-shihyo-calendar .icon-arrow-up:before {content: "\E911";}
.c-shihyo-calendar .icon-call_made:before {content: "\E902";}
.c-shihyo-calendar .icon-call_received:before {content: "\E903";}
.c-shihyo-calendar .icon-stay_current_portraitstay_primary_portraitsmartphone:before {content: "\E904";}
.c-shihyo-calendar .icon-computerlaptop:before {content: "\E905";}
.c-shihyo-calendar .icon-desktop_mac:before {content: "\E906";}
.c-shihyo-calendar .icon-keyboard_arrow_down:before {content: "\E907";}
.c-shihyo-calendar .icon-keyboard_arrow_left:before {content: "\E908";}
.c-shihyo-calendar .icon-keyboard_arrow_right:before {content: "\E909";}
.c-shihyo-calendar .icon-keyboard_arrow_up:before {content: "\E90A";}
.c-shihyo-calendar .icon-search:before {content: "\E90B";}
.c-shihyo-calendar .icon-beginner:before {color: #47b86a !important;content: "\E90E";}
.c-shihyo-calendar .icon-coin:before {color: #f3c233 !important;content: "\E90F";}
.c-shihyo-calendar .icon-recycle:before {color: #2b66ab !important;content: "\E910";}
.c-shihyo-calendar .icon-crown:before {color: #f3c233 !important;content: "\E90C";}
.c-shihyo-calendar .icon-facebook:before {color: #4172b8 !important;content: "\E900";}
.c-shihyo-calendar .icon-twitter:before {color: #1da1f2 !important;content: "\E901";}
.c-shihyo-calendar .icon-heart:before {content: "\F004";}
.c-shihyo-calendar .icon-star:before {content: "\F005";}
.c-shihyo-calendar .icon-twitter1:before {content: "\F099";}
.c-shihyo-calendar .icon-facebook1:before {content: "\F09A";}
.c-shihyo-calendar .icon-facebook-f:before {content: "\F09A";}
.c-shihyo-calendar .icon-sitemap:before {content: "\F0E8";}
.c-shihyo-calendar .icon-angle-double-left:before {content: "\F100";}
.c-shihyo-calendar .icon-angle-double-right:before {content: "\F101";}
.c-shihyo-calendar .icon-angle-double-up:before {content: "\F102";}
.c-shihyo-calendar .icon-angle-double-down:before {content: "\F103";}
.c-shihyo-calendar .icon-angle-left:before {content: "\F104";}
.c-shihyo-calendar .icon-angle-right:before {content: "\F105";}
.c-shihyo-calendar .icon-angle-up:before {content: "\F106";}
.c-shihyo-calendar .icon-angle-down:before {content: "\F107";}
.c-shihyo-calendar .icon-dollar:before {content: "\F155";}
.c-shihyo-calendar .icon-usd:before {content: "\F155";}
.c-shihyo-calendar .icon-cny:before {content: "\F157";}
.c-shihyo-calendar .icon-jpy:before {content: "\F157";}
.c-shihyo-calendar .icon-rmb:before {content: "\F157";}
.c-shihyo-calendar .icon-yen:before {content: "\F157";}
.c-shihyo-calendar .icon-facebook-official:before {content: "\F230";}
.c-shihyo-calendar .icon-home3:before {content: "\E90D";}
.c-shihyo-calendar .icon-coin-yen:before {content: "\E93E";}
.c-shihyo-calendar .icon-clock:before {content: "\E94E";}
.c-shihyo-calendar .icon-calendar:before {content: "\E953";}
.c-shihyo-calendar .icon-bookmark:before {content: "\E9D2";}
.c-shihyo-calendar .icon-arrow-up-left2:before {content: "\EA39";}
.c-shihyo-calendar .icon-arrow-up2:before {content: "\EA3A";}
.c-shihyo-calendar .icon-arrow-up-right2:before {content: "\EA3B";}
.c-shihyo-calendar .icon-arrow-right2:before {content: "\EA3C";}
.c-shihyo-calendar .icon-arrow-down-right2:before {content: "\EA3D";}
.c-shihyo-calendar .icon-arrow-down2:before {content: "\EA3E";}
.c-shihyo-calendar .icon-arrow-down-left2:before {content: "\EA3F";}
.c-shihyo-calendar .icon-arrow-left2:before {content: "\EA40";}
.c-shihyo-calendar .icon-cash-back:before {color: #e98f2f;font-weight: 700;content: "\91D1";}
.c-shihyo-calendar .icon-ninki:before {color: #e98f2f;font-weight: 700;content: "\4EBA\6C17";}
.c-shihyo-calendar .icon-new:before {color: #ee4646;font-weight: 700;content: "\65B0";}
.c-shihyo-calendar .icon-shinki:before {color: #ee4646;font-weight: 700;content: "\65B0\898F";}
.c-shihyo-calendar .icon-zougaku:before {color: #ee4646;font-weight: 700;content: "\5897\984D";}
.c-shihyo-calendar .icon-hitsuji:before {color: #52bb0c;font-weight: 700;content: "\7F8A";}
.c-shihyo-calendar .icon-hitsuji-illustrat:before {content: url(/common/images/fx/hitsuji/icon-hitsuji-s.png);}
.c-shihyo-calendar .icon-ss:before {color: #ee4646;font-weight: 700;content: "SS";}
.c-shihyo-calendar .icon-s:before {color: #ee4646;font-weight: 700;content: "S";}
.c-shihyo-calendar .icon-aa:before {color: #ff4cbe;font-weight: 700;content: "AA";}
.c-shihyo-calendar .icon-a:before {color: #ff4cbe;font-weight: 700;content: "A";}
.c-shihyo-calendar .icon-bb:before {color: #e98f2f;font-weight: 700;content: "BB";}
.c-shihyo-calendar .icon-b:before {color: #e98f2f;font-weight: 700;content: "B";}
.c-shihyo-calendar .icon-c:before {color: #52bb0c;font-weight: 700;content: "C";}
.c-shihyo-calendar .icon-maru2:before {color: #ee4646;font-weight: 700;content: "\25CE";}
.c-shihyo-calendar .icon-maru:before {color: #ff4cbe;font-weight: 700;content: "\25CB";}
.c-shihyo-calendar .icon-san:before {color: #e98f2f;font-weight: 700;content: "\25B3";}
.c-shihyo-calendar .icon-batu:before {color: #52bb0c;font-weight: 700;content: "\D7";}
.c-shihyo-calendar .icon-nasi:before {content: "-";}
.c-shihyo-calendar {margin-top: 24px;background: #fff; width: 100%; line-height: 1.6; font-size: 12px; }
.c-shihyo-calendar table {border-collapse: collapse !important; width: 100%;}
.c-shihyo-calendar table th,.c-shihyo-calendar table td {padding: 4px 8px;border: 1px solid #888;vertical-align: middle;}
.c-shihyo-calendar table th {/*background: url(/common/img/common/bg_white-alpha-grid.png) 50% 0 repeat #0858a5;*/background-color: #0858a5;color: #fff;font-weight: 700;}
.c-shihyo-calendar table td {background: #fff;text-align: center;}
.c-shihyo-calendar table td[colspan="6"].title {background: #ccc;}
.c-shihyo-calendar table .e-bg-red {background: #ee4646;}
.c-shihyo-calendar table .rank {font-size: 16px !important;font-weight: 700;text-align: center;}
.c-shihyo-calendar table .title {text-align: left;}
.c-shihyo-calendar em {font-weight: 700; font-style: normal; }
.c-shihyo-calendar strong {color: #ee4646;font-weight: bold;}
.c-shihyo-calendar .pink {color: #ff4cbe;font-weight: 700;}
.c-shihyo-calendar .bg-orange {background: #ffc89c;}
.c-shihyo-calendar .bg-pink {background: #ffdfe2;}
.c-shihyo-calendar .bg-green {background: #c9e8b1;}
.c-shihyo-calendar .bg-yellow {background: #fff8c7;}
.c-shihyo-calendar__item {padding: 8px;font-size: 1.1rem;}
.c-shihyo-calendar__item__element {margin-top: 4px;}
/* 土日の週間表 */
.table-thin {width: 100%;margin-top: 15px;border-collapse: collapse !important;font-size: 12px;}
.table-thin th,.table-thin td {padding: 5px;border: 1px solid #ccc;background: #fff;text-align: left;vertical-align: middle;line-height: 1.4;}
.table-thin .bg-black {background: #333;color: #fff;}
.table-thin .bg-blue {background: #0858a5;color: #fff;}
.table-thin .bg-red {background: #ee4646;color: #fff;}
.table-thin .bg-darkyellow {background: #f4df3a;}
.table-thin .bg-gray {background: #f8f8f8;}
.table-thin .text-center {text-align: center;}
.table-thin .text-right {text-align: right;}
.table-thin .bold { font-weight: bold;}
.table-thin .brown { color: #990000;}
.table-thin .pink {color:#cc00cc}

@media screen and (max-width:599px) { 
/* SP処理 */
.c-shihyo-calendar table th,.c-shihyo-calendar table td {width:15%;}
}



/*
******************************************************
羊飼い「今日の為替はこれで動く！」
******************************************************
*/
/*最新記事のみに表示するチャート*/
.article-hitsuji-chart{
  float:right;
  width:230px;
}
.hitsuji-chart{
  margin-bottom:5px;
}
.hitsuji-chart img{
  clear:left;
}
.article-hitsuji-chart .centraltanshifx{font-size:10px; line-height:120%; text-align:right; margin-bottom:3px;}

/**/
.contentsBg01{
  background: url(/common/images/fx/v1/article/hituji-move-bg.gif) repeat-y;
}
.contentsBottom01{
  background: url(/common/images/fx/v1/article/hituji-move-bottom.gif) no-repeat;
  width:493px;
  height:12px;
  margin-bottom:13px;
}
.contentsBottom01 hr{
  display:none;
}
#main-contents .contentsBg01 p{
  margin:0;
  padding:0;
}
.contentsIcon01 {
  margin:0 0 10px 13px;
}
.contentsIcon01 img {
  margin-right:10px;
}
#main-contents .contentsBg01 p {
  font-size:16px;
  margin:0 13px 0 13px;
  padding:0;
}
#main-contents table { border-collapse: collapse; border-color: grey; }
#main-contents table,
#main-contents table p,
#main-contents table td,
#main-contents table th,
#main-contents table span,
#main-contents table strong,
#main-contents table em,
#main-contents table small,
#main-contents table a,
#main-contents table h2,
#main-contents table h3,
#main-contents table h4,
#main-contents table h5 { font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important; }

/*羊飼い用font-style（table）*/
.hitujiTitlebar{
  width:200px;
  height:14px;
  color:#FFFFFF;
  font-size:12px;
  background-image:url(/common/images/fx/hitsuji/column_titlebar.gif);
  background-repeat:no-repeat;
  margin:5px 0px 5px;
  padding:2px 0px 0px 10px;
}

.ss{
  color:#ff0000;
  font-size:1.6em;
  font-family:Arial Black;
  font-weight: 900;
}
.aa{
  color:#ff3399;
  font-size:1.6em;
  font-family:Arial Black;
  font-weight: 900;
}
.bb{
  color:#ff9933;
  font-size:1.6em;
  font-family:Arial Black;
  font-weight: 900;
}
.cc{
  color:#006600;
  font-size:1.6em;
  font-family:Arial Black;
  font-weight: 900;
}
.maru2{
  color:#ff0000;
  font-size:1.3em;
  font-weight: bold;
}
.maru{
  color:#ff3399;
  font-size:1.3em;
  font-weight: bold;
}
.san{
  color:#ff9933;
  font-size:1.3em;
  font-weight:bold;
}
.batu{
  color:#006600;
  font-size:1.3em;
  font-weight:bold;
}
/*
*******************************
自腹で挑戦！ ＦＸリアルトレード対決！
*******************************
*/
.fx-battle_ranking{
  background: url(/common/images/fx/v1/article/fx-battle_ranking.gif) no-repeat;
  display: block;
  width: 494px;
  height: 266px;
  padding: 0px 10px 10px 0px;
}

.fx-battle_ranking .ranking_member{
  padding-top: 50px;
}
.fx-battle_ranking p{
  font-size: 14px !important;
  margin-left: 80px;
  line-height: 22px;
}
.fx-battle_ranking p span{
  font-weight: bold;
  margin-right: 10px;
}
.fx-battle_ranking .date{
  font-size: 12px;
  float: right;
  margin-right: 10px;
}
.fx-battle_bottom{
  width: 464px;
  height: 17px;
  color: #ffffff;
  background-color: #669900;
  font-size: 14px;
  padding: 10px 15px;
  display: block;
  margin: 20px 0;
}

.fx-battle_bottom span{
  float: right;
  font-weight: bold;
}

/*
*******************************
ワタナベくんの秘密の投資法を大公開
*******************************
*/
#main-column-wrapper.watanabe #main-contents p{
  font-size:14px;
  line-height:160%;
  margin-bottom:25px;
}

/*
******************
葉那子が本気で挑むFX道！
*****************
*/
/*この記事へのコメント*/
.feedback_comment{
  margin: 20px 0 20px 0;
}
.feedback_comment_title{
  height: 21px;
  background-color: #dedede;

  border-bottom: 1px solid #b2b2b2;
  padding: 8px 5px 0 5px;
  
}
.feedback_comment_title .title{
  float: left;
  font-size: 12px;
  font-weight: bold;    
}
.feedback_comment_title .cont{
  float: right;
    font-size: 12px;
    text-align: right;
    font-weight: bold;
}
.feedback_comment .pagenav{

  float: right;
}
.feedback_comment .pagenav li{
  margin: 10px 0 0 7px;
  font-size: 12px;
  float: left;
}
.feedback_comment .comment-number{
  margin: 10px 0 0 7px;
  font-size: 12px;
}.feedback_comment .pagenav .sep{
  padding-right: 7px;
  border-right: 1px solid #000000;
}
.feedback_comment .comment{
  font-size: 12px;
  border-bottom: 1px solid #b2b2b2;
  margin-top: 20px;
}
.feedback_comment .comment .user{
  color: #009933;
  font-weight: bold;
  font-size: 14px;
  margin-top: 20PX;
  margin-bottom: 12px;
}
.feedback_comment .comment .txt{
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 160%;
  
}
.feedback_comment .comment .date{
  font-size: 11px;
  color: #666666;
  margin-bottom: 10px;
}
.feedback_comment .feedback_comment_btn{
  text-align: center;
  margin-top: 20px;
}
.feedback_comment .feedback_comment_notice{
  margin: 20px 0 0 40px;
}
.feedback_comment .feedback_comment_notice p{
  font-size: 12px;
  font-weight: bold;
}

/*コメント投稿ページのcss*/
.zaifx_feedback p{
  border-bottom: 1px solid #999999;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.zaifx_feedback_body{
  width: 520px;
  font-size: 12px;
  padding: 15px;
}
.zaifx_feedback_title{
  font-weight: bold;
  height: 18px;
  background-color: #dedede;
  margin-bottom: 15px;
  border-bottom: 1px solid #b2b2b2;
  padding: 4px 0 0 5px;
}
.zaifx_feedback_submit_btn{
  text-align: center;
  margin-bottom: 20px;
}
#comment-input-length{

  font-size: 14px;
}
.commentform-error{
  font-size: 18px;
  margin-bottom: 20px;
}
.commentform-result{
  font-size: 16px;
  margin-bottom: 20px;
  color: #ff0000;
  line-height: 150%;
}
/*
********************************
ＦＸ＆コモディティ（商品） 今週の作戦会議
********************************
*/
.line_commodity_talk_nishihara{
  background-image: url(/common/images/fx/v1/article/fx-commodity-line_talk_nishihara.gif);
  background-repeat:no-repeat;
  height: 140px;
  margin: 10px 0px 15px 0;
  display: table;
}
.mac.gecko .line_commodity_talk_nishihara{
  margin: 10px 0px 20px 1px !important; 
}
.line_commodity_talk_nishihara .talk_nishihara{
  margin-left: 93px;
  padding: 10px;
  width: 367px;
/*  min-height: 45px; */
  min-height: 75px;
  display: block;
  background-color: #bcea6c;
  border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
  
}
.line_commodity_talk_hiroko{
  background-image: url(/common/images/fx/v1/article/fx-commodity-line_talk_hiroko.gif);
  background-repeat:no-repeat;
  background-position: 387px 0px;
/* H_O コメント height: 94px !important; */
  min-height: 140px;
  margin: 20px 0 15px 14px;
  
}
.line_commodity_talk_hiroko .talk_hiroko{
  padding: 10px;
  width: 367px;
/*  min-height: 45px; */
  min-height: 75px;
  display: block;
  background-color: #ffc130;
  border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
  
}
.line_commodity_talk_nishihara .talk_nishihara p,
.line_commodity_talk_hiroko .talk_hiroko p{
  margin-bottom: 0 !important;
}
.fx-commodity_kakomi{
  width:458px;
  padding: 10px;
  border:#000000 solid 1px;
  background-color:#ffffcc;
  margin-top: 10px;
  margin-bottom: 25px;
  
}
.fx-commodity_kakomi img{
  float: left;
  margin-right: 10px;
}
.fx-commodity_kakomi p{
  overflow: hidden !important;
  margin-bottom:-0px !important;
}

/* 2カラム表示用（幅640px） */
#main-contents .line_commodity_talk_hiroko { background-position: 100% 0px; width: 626px; }
#main-contents .line_commodity_talk_hiroko .talk_hiroko { width: 82%; }
#main-contents .line_commodity_talk_nishihara .talk_nishihara { width: 82%; }


/*
********************************
FXほっとLINEで作戦会議
********************************
*/
.line_talk_nishihara{
  background-image: url(/common/images/fx/v1/article/fx-hotline-linie_talk_nishihara.gif);
  background-repeat:no-repeat;
  height: 94px;
  margin: 10px 0px 25px 0;
  display: table;
}
.mac.gecko .line_talk_nishihara{
  margin: 10px 0px 20px 1px !important; 
}
.line_talk_nishihara .talk_nishihara{
  margin-left: 93px;
  padding: 10px;
  width: 367px;
  min-height: 45px;
  display: block;
  background-color: #bcea6c;
  border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
  
}
.line_talk_yoshiko{
  background-image: url(/common/images/fx/v1/article/fx-hotline-linie_talk_yoshiko.gif);
  background-repeat:no-repeat;
  background-position: 387px 0px;
/* H_O コメント height: 94px !important; */
  min-height: 94px;
  margin: 20px 0 25px 14px;
  
}
.line_talk_yoshiko .talk_yoshiko{
  padding: 10px;
  width: 367px;
  min-height: 45px;
  display: block;
  background-color: #ffcccc;
  border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
  
}
.line_talk_nishihara .talk_nishihara p,
.line_talk_yoshiko .talk_yoshiko p{
  margin-bottom: 0 !important;
}
.fx-hotline_kakomi{
  width:458px;
  padding: 10px;
  border:#000000 solid 1px;
  background-color:#ffffcc;
  margin-top: 10px;
  margin-bottom: 25px;
  
}
.fx-hotline_kakomi img{
  float: left;
  margin-right: 10px;
}
.fx-hotline_kakomi p{
  overflow: hidden !important;
  margin-bottom:-0px !important;
}


/*
********************************
しかけ
********************************
*/
.figure-right{
  float:right;
  margin:0 0 10px 10px;
}
.figure-left{
  float:left;
  margin:0 10px 10px 0;
}
.central{
  text-align:center;
}
.figure-center{
  margin:0 auto 25px;
}
.figure-column{
  margin:0 0 25px;
}
.figure-right div,
.figure-left div,
.figure-column div{
  clear:both;
}


/*エトキ*/
span.etoki { font-size: 12px; line-height: 13px; background: #222; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; padding: 0; margin: 0; float: left; display: block; margin-bottom: 5px; }
span.etoki em { font-weight: normal; font-style: normal; color: #fff; margin-right: 8px; padding: 2px 0 2px 10px; display: block; }
span.etoki-normal { display: block; padding-top: 4px; }

/*font-style*/
#main-contents h2.green,
#main-contents h4.green{
  color:#006633;
  font-size:18px;
}
#main-contents p span.size-s{
  font-size:14px;
}
#main-contents p.size-ss{
  font-size:12px;
  margin-top:-20px;
}
#main-contents p span.size-ss2{
  font-size:12px;
}
#main-contents p span.blue-bold,
#main-contents p span.blue-bold a,
#main-contents p span.blue-bold a:link,
#main-contents p span.blue-bold a:hover,
#main-contents p span.blue-bold a:visited,
#main-contents p span.blue-bold a:active {
  font-weight:bold;
  color:#0000cc;
}
#main-contents p span.blue-bold a:hover {
  text-decoration:none;
  border-bottom:1px solid red;
}
#main-contents p span.red{
  color:#FF0000;
}
#main-contents p span.purple{
  color:#6600FF;
}

#main-contents p span.blue,
#main-contents p span.blue a,
#main-contents p span.blue a:link,
#main-contents p span.blue a:hover,
#main-contents p span.blue a:visited,
#main-contents p span.blue a:active {
  color:#0000cc;
}
#main-contents p span.blue a:hover {
  text-decoration:none;
  border-bottom:1px solid red;
}


.hitsuji span.pink,
#main-contents p span.pink,
#main-contents span.pink{
  color:#cc00cc;
}
.hitsuji span.bold,
#main-contents span.bold{
  font-weight:bold;
}
.hitsuji span.brown,
#main-contents span.brown{
  color:#990000;
}
#main-contents p span.green{
  color:#006633;
}


/*緑枠の要素*/

.boxelement {
  width: auto;
  padding: 10px;
  border-width: 1px;
  border-style: solid;
}
.boxelement.boxelement__green {
  border-color: #666666;
  background: none repeat scroll 0% 0% #c9ef70;
}


/* 装飾追加20201124 */

/* 文字装飾 */
.green-l { border: #006633 solid 1px; border-left: #006633 solid 20px; padding: 10px; background: #fff; font-weight:bold; color: #006633; margin-bottom: 25px; line-height: 1.6; font-size: 24px !important; }
.green-l2 { border-left:15px solid #006633; border-bottom:2px solid #006633; padding: 0px 12px 0px; font-weight:bold; color:#006633; margin-bottom: 25px; line-height: 1.6; font-size: 18px !important; }
.green-l3 { border: #006633 solid 1px; padding: 5px;margin-bottom:20px; background: #006633; color:#fff; font-weight:bold; margin-bottom: 25px; line-height: 1.6; font-size: 18px !important; }
.fx-orange { color:#eb3c12;margin-bottom:25px; font-weight:bold; line-height: 1.6; font-size: 18px !important; }

/* 目次 */
.box-mokuji { position:relative; margin-bottom: 25px; }
.box-mokuji-label { margin-left:8px; padding:6px 5px;background:white; font-weight:bold;border-radius:5px; position:absolute; top:-15px;left:10px; }
.box-mokuji-body { border:2px solid #CCC; padding:15px 10px 10px; border-radius:5px; line-height: 1.6; }

/* 概要 */
.box-gaiyou { display: flex; margin-bottom: 25px; margin-top: 25px; line-height: 1.6; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; }
.box-gaiyou-label { color:#FFFFFF; background: #507e32; padding: 6px 10px; border-radius: 5px; font-weight: bold; z-index: 10; margin-left: 10px; }
.box-gaiyou-body { color:#555555; padding: 15px 10px 10px; border-radius: 5px; border: 2px solid #507e32; margin-top: -10px; width: -webkit-fill-available; width: -moz-available; }

/* 参考記事 */
.box-sankou { border:2px solid #CCC;background: #e2efda; padding:10px 10px 10px; margin-bottom:25px;border-radius:5px; line-height: 1.6; }

/* メリットなど */
.box-merit { border-radius:5px; border: 2px solid #AACD06; padding: 8px; background: #F7FED6; line-height: 1.6; margin-bottom:25px; }

/* 装飾追加20220615 */
html.fx-osusume #main-contents .fx-green {
color:inherit;
background: url(/common/images/fx/v1/article/midashi.gif) repeat-y left 0;
padding: 2px 0 2px 25px;
font-size: 20px;
line-height: 1.4;
}

/* 装飾追加20230424 */
/* H2見出し */
.fx-midashi-type01 { 
border-top: #006633 solid 3px;
border-bottom: #006633 solid 3px;
padding: 10px;
font-weight: bold;
color: #006633;
margin-bottom: 25px;
line-height: 1.4;
font-size: 20px !important;
}

/* H3小見出し */
.fx-midashi-type02 {
padding: 0 0 10px;
font-weight: bold;
border-bottom: #819B04 solid 1px;
color: #819B04;
margin-bottom: 25px;
line-height: 1.4;
font-size: 18px !important;
}

/* H3小見出し(FX会社名黒文字) */
.fx-midashi-type03-black {
font-weight: bold;
color: black;
margin-bottom: 25px;
line-height: 1.4;
font-size: 18px !important;
}

/* H3小見出し(FX会社名赤文字) */
.fx-midashi-type03-red {
font-weight: bold;
color: #FF0000;
margin-bottom: 25px;
line-height: 1.4;
font-size: 18px !important;
}

/*
****************
表組み上誘導ボタン群（202406〜）
4列2行
*****************
*/
.type3-mc-induction-wrapper { margin:15px auto; width:auto; }
.type3-mc-induction-label { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; margin-bottom:3px; }
.type3-mc-induction-lead { width:auto; display:block; }
.type3-mc-induction-table-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; /* 各セルの間隔を2pxに設定 */ width: 100%; }
.type3-mc-induction-table-item { box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; }
.type3-mc-induction-table-item a:hover img { opacity:0.8; }

@media screen and (max-width:599px) { 
.type3-mc-induction-wrapper { max-width:365px; }
.type3-mc-induction-lead { height: 30px; }
}


/*
****************
スプレッド・スワップ誘導ボタン群（202411〜）
*****************
*/
.type2-mc-induction-wrapper { margin:15px auto; padding: 4px; width:auto; }
.type2-mc-induction-title { display:block; margin-bottom:5px;  }
.type2-mc-induction-title span { display:block; }
.type2-mc-induction-nav { width: 100%; border-collapse: collapse; margin:0 auto; vertical-align: middle; background-color:white; border-left: 1px solid grey; border-top: 1px solid grey; display: grid; grid-template-columns: repeat(4, 1fr); /* PCでは4列 */ }
.type2-mc-induction-table-item { border-right: 1px solid grey; border-bottom: 1px solid grey; padding: 4px; text-align: center; box-sizing: border-box; vertical-align:middle;display: flex; align-items: center; justify-content: center; text-align: center; font-weight:bold; min-height:34px; line-height:1.2; }
.type2-mc-induction-table-item img { width: auto; height:auto; margin-right:5px; }
.type2-mc-induction-table-item a,
.type2-mc-induction-table-item a:visited { color:#0000cc; }
.type2-mc-induction-table-item a { display:block; }
.type2-mc-induction-table-item a:hover img { opacity:0.5; }
.type2-mc-induction-table-item br {display: none;}

@media screen and (max-width:599px) { 
.type2-mc-induction-wrapper { max-width:365px; }
.type2-mc-induction-title { text-align:center;  }
.type2-mc-induction-title strong,
.type2-mc-induction-title span { display:block; }
.type2-mc-induction-nav { grid-template-columns: repeat(3, 1fr); /* スマホでは3列 */ }
.type2-mc-induction-table-item img { width: auto; height:auto; display:block; margin:0 auto; }
.type2-mc-induction-table-item br {display: block;}
}