@charset "UTF-8";


/* うま男の地方競馬 */

/* 大見出し */
h1.patt_2 {
 font-size: 125%;
 color: rgb(51,51,51);
 padding: 0em 0em 0.5em 1em;
 font-weight: bold;
 letter-spacing: 0.1em;
 }

/* 小見出し */
h2.patt_1 {
   /*width: 100%;*/
   font-size: 95%;
   letter-spacing: 0.1em;
   color: white;
   border-width: 0px 0px 0px 10px;
   border-style: solid;
   border-color: rgb(1,108,155);
   border-top-right-radius: 5px;
   border-bottom-left-radius: 5px;
   padding: 5px 0px 5px 10px;
   background-color: rgb(60,60,60);
   margin: 10px 0;
 }

/* あぶく銭地方競馬で... */
h3.patt_1 {
 margin-top: 10px;
 margin-bottom: -10px;
 font-size: 110%;
 font-weight: bold;
 color: rgb(232,109,74);
 }

/* 小見出し 高配当を狙うなら */
.hhed_a{
   margin-bottom: 3px;
   padding: 2px 0px 0px 5px;
   border-top: 1px solid tomato;
   border-bottom: 2px solid tomato;
   width: 50%;
   font-size: 120%;
   font-weight: bold;
 }

/* 小見出し 例1、2 */
.hhed_b{
   font-weight: bold;
   color: rgb(55,58,60);
 }


/* 左サイド全体のテキスト設定 */
.cd_txt{
   font-size: 95%;
   letter-spacing: 0.05em;
   line-height: 1.7;
   text-align: left;   
   color: rgb(85,85,85);
   background-color: white;
   padding: 5px;
   border: 1px solid rgb(215,215,215);
   border-radius: 5px;
 }

/* @@@@@ 予想ソフトの説明部分 @@@@@ */
/* 画像の設定 */
.cd_img_a{
   display: flex;
   justify-content: flex-start;   
   margin-bottom: 20px;
 }

/* テキストの設定 */
.cd_txt_a{
   width: 100%;
   font-size: 93%;
   padding: 0px 6px 0px 10px;
   text-align: left;
   /*border-width: 1px 1px 1px 1px;
   border-style: solid;
   border-color: blue;*/
 }

/* 小見出し */
.cd_txt_obi_a{
   width: 100%;
   font-weight: bold;
   border-width: 0px 0px 0px 5px;
   border-style: solid;
   border-color: rgb(184,200,222);
   /*background-color: rgb(136,136,136);*/
   color: rgb(46,46,46);
   padding-left: 10px;
   margin-bottom: 5px;
 }

/* テキスト内のテキスト段落 */
.cd_txt_b{
   width: 95%;
   padding: 0em 0em 0em 1em;
   margin: 5px 0px 10px 0px;
 }
/* @@@@@ 予想ソフトの説明部分 ここまで @@@@@ */


/* マーチンゲール法の説明 */
.cd_txt_obi_b{
   width: 100%;
   font-weight: bold;
   border-width: 0px 0px 0px 5px;
   border-style: solid;
   border-color: tomato;
   /*background-color: rgb(136,136,136);*/
   color: rgb(46,46,46);
   padding-left: 10px;
   margin-bottom: 5px;
 }




/* @@@@@@@@@@@@@@@@@@@@ 
   ライン デザイン
@@@@@@@@@@@@@@@@@@@@ */

/* 広告スペース上下のライン */

.cp_hr10{
   height: 3px;
   border-width: 0;
   background-color: #E5F5FF;
   background-image: -webkit-linear-gradient(135deg,
   blue 0px,blue 2px, transparent 2px, transparent 4px,
   blue 4px, blue 6px, transparent 6px, transparent);
   background-image:         linear-gradient(-45deg,
   blue 0px,blue 2px, transparent 2px, transparent 4px,
   blue 4px, blue 6px, transparent 6px, transparent);
   background-size: 6px 6px;
   margin-top: 15px;
   margin-bottom: 15px;      　　　
 }


/* 薄いオレンジのドットライン */
.line_b{
   margin:5px 0px 5px 0px;
   border-top-width: 2px;
   border-top-style: dotted;
   border-top-color: rgb(248,211,201); 
 }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */



/* @@@@@@@@@@@@@@@@@@@@ 
   下線 デザイン
@@@@@@@@@@@@@@@@@@@@ */

/* サブタイトル下のストライプ下線 */
.stripe{ 
  position: relative;
  padding: 0.3em;
  border-width: 0;
}
.stripe:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(-45deg, rgb(232,109,74), rgb(232,109,74) 2px, white 2px, white 4px);
}


/* オレンジの下線 */
.kasen_b{
   background: linear-gradient(transparent 60%, rgb(255,219,153) 40%);
 }

/* ピンク色の下線 */
.kasen_a{
   background: linear-gradient(transparent 60%, #fecde6 40%);
 }



/* @@@@@@@@@@@@@@@@@@@@ 
   枠
@@@@@@@@@@@@@@@@@@@@ */

/* 記事内 オレンジ色の枠 */

.box1a{
    position: relative;
    margin: 1.5em 0;
    /*padding: 1em 0;*/
    border: solid 2px rgb(240,156,0);/*rgb(248,145,116);#95ccff;*/
    background: rgb(255,251,244);
    border-radius: 8px;
    width: 50%;
 }

.box1a .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 3px 9px;
    line-height: 1;
    font-size: 95%;
    background: rgb(255,156,0);/*rgb(248,145,116);*/
    color: white;
    font-weight: bold;
    border: solid 1px rgb(248,145,116);
    border-radius: 5px;
}


/* 記事内 リスト */

.list_2a ul{
   font-size: 90%;
   list-style-type: none;
   margin: 0;
   padding: 1em 0 0 0;
 }

.list_2a ul li {
  margin-left: 0.5em;
  padding: 0.5em 0em 0.5em 0em;
 }

.list_2a ul li:before{
   font-family: "Font Awesome 5 Free";
   content: "\f35a";
   margin-right: 3px; 
   color: rgb(255,127,39);
 }


/* リスト先頭の記号 */

.kigou_a{
   font-weight: normal;
 }

.kigou_a:before{
   content: "┗";
   margin-left: 5px;
   margin-right: 5px;　　
 }


/* 記事内 リンク設定 */

#type_b a{
   color: blue;/*rgb(46,46,46);*/
   text-decoration: underline
 }

#type_b a:hover{
   color: tomato;
   text-decoration: none;
 }


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */




/* 記事内説明 薄い紫色の枠 */
.box2a{
    position: relative;
    margin: 1.5em 0;
    border: solid 2px rgb(252,105,179);/*#95ccff;*/
    background: rgb(255,255,255);
    border-radius: 8px;
    width: 50%;
 }

.box2a .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 3px 9px;
    line-height: 1;
    /*font-size: 95%;*/
    background: rgb(252,105,179);
    color: white;
    font-weight: bold;
    border: solid 1px rgb(248,145,116);
    border-radius: 5px;
 }

/* 記事内説明 リスト */

.list_3a ul{
   font-size: 90%;
   /*display: flex;*/
   list-style-type: none;
   margin: 0;
   padding: 1em 0 0 0;
 }

.list_3a ul li{
   font-weight: bold;
   margin-left: 0.5em;
   padding: 0.5em 0em 0.5em 0em;
 }


.list_3a ul li:before{
   content: "\02714";
   margin-right: 3px;
   color: rgb(252,105,179);
 }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */



/* 極馬王と南関競馬の共通PR枠 */

.box1b{
    position: relative;
    margin: 1.5em 0;
    margin-left:5px;
    padding: 0.5em 0.5em;
    /*border: solid 2px gray;*/
    /*background: rgb(255,255,255);*/
    border-radius: 8px;
    width: 55%;
 }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


/* マーチンゲール法のテーブル */
.table{
   display: table;
   width: 100%;
   border: 2px solid #999;
   margin-top: 10px;
   margin-bottom: 5px;
 }

.table>div{
   display: table-row;
 }


.table>div>div{
   display: table-cell;
   border: 1px solid #999;
   padding: 4px;
 }


.clset_a{
   background-color: rgb(237,237,237);
   text-align: center;
 }

.clset_b{
   background-color: rgb(255,255,255); 
   text-align: right;
 }

.clset_c{
   background-color: rgb(255,255,255);
   text-align: center;
 }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


/* 攻略回収率のテーブル */
.table_a{
   display: table;
   width: 100%;
   border:1px solid rgb(190,238,174);
   margin-top: 10px;
   margin-bottom: 5px;
 }

.table_a>div{
   display: table-row;
 }

.table_a>div>div{
   display: table-cell;
   border: 1px solid rgb(190,238,174);
   padding: 4px;
   text-align: center;
 }

.clset_d{
   background-color: rgb(251,254,249);
   text-align: center;
 }

.clset_e{
   background-color: orange;/*rgb(251,254,249);*/
   text-align: center;
   font-weight: bold; 
 }

.clset_f{
   background-color: rgb(255,240,187);
   text-align: center;
   font-weight: bold; 
 }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */






/* @@@@@@@@@@@@@@@@@@@@ 
   特殊文字
@@@@@@@@@@@@@@@@@@@@ */



/* GRADEレース BOX */
.spc_b{
   margin-left: 5px;
   font-size: 110%;
   padding:0px 10px 0px 10px;
   background-color: green;
   border-radius: 2px;
 }

/* 太文字特殊 A */
.spc_c{
   color: tomato;
   font-weight: bold;
 }



/* 仕切りライン &  下線など */
.line_a{
   margin:25px 0px 25px 0px;
   border-top-width:1px;
   border-top-style:dashed;
   border-top-color:gray; 
 }


.line_c{
   margin:5px;
   border-top: 1px dotted white;
 }


.line_d{
   border-bottom: 1px dotted white;
   margin: 15px 5px 5px 5px;
 }


/* @@@@@@@@@@@@@@@@@@@@ 
   右サイド
@@@@@@@@@@@@@@@@@@@@ */



/* @@@@@ ブロック A @@@@@ */
/* ブロック */
.RiBlock_a{
   color: orange; /* base color */ 
   background-color: rgb(35,47,62);
   padding: 5px 0;
   border: 1px solid gray;
   border-radius: 5px;
 }


/* 見出し 本日の予想*/
.RiBlock_a .hea{
   height: 25px;
   text-align: center;
   color: white;
   background-color: rgb(35,47,62);
   padding: 5px 0;
   font-weight: bold; 
   letter-spacing: 0.1em;
   border-bottom: 1px solid gray;
 }


/* 開催分の月日 */
.RiBlock_a .txt_a{
   text-align: center;
   font-size: 90%;    
   color: white;
   padding: 0.5em 0em 0.5em 0em; 
 }

/* 会場 */
.table_c{
   display: table;
   box-sizing: border-box;
   width: 100%;
   padding-left: 1em;
   /*border:1px solid rgb(190,238,174);*/
   /*smargin-top: 10px;
   marsgin-bottom: 5px;*/
 }

.table_c>div{
   display: table-row;
 }


.table_c>div>div{
   display: table-cell;
   /*border: 1px solid #999;*/
   padding: 4px;
 }

.clset_g{
   color: rgb(62,84,111);
 }

.clset_h{
   color: orange;
 }



/* 重賞レース　テキスト */
.RiBlock_a .txt_b{
   text-align: left;
   font-size: 85%;
   color: white;
   padding: 0em 0em 0.5em 0.5em;
 }


/* 楽天、ブログリンク　テキスト */
.RiBlock_a .txt_c{
  text-align: right;
  font-size: 85%;
  color: white;
  padding: 1em 0.5em 0em 0em;
 }


/* 注釈　テキスト */
.RiBlock_a .txt_d{
   text-align: left;
   font-size: 85%;
   color: white;
   padding: 0.5em 0.5em 0.5em 0.5em;   　　　
 }
/* @@@@@ ブロック A ここまで @@@@@ */



/* @@@@@ ブロック B @@@@@ */
/* ブロック */
.RiBlock_b{
   margin-top: 10px;
   color: white;  /* base color */
   background-color: rgb(35,47,62);
   padding: 5px 0;
   border: 1px solid gray;
   border-radius: 5px;
 }


/* 見出し 今月高配当的中レース */
.RiBlock_b .hea{
   height: 25px;
   text-align: center;
   color: white;
   background-color: rgb(35,47,62);
   padding: 5px 0;
   font-weight: bold; 
   letter-spacing: 0.1em;
   border-bottom: 1px solid gray;
 }


/* テキスト範囲 */
.RiBlock_b .txt_a{
   color: rgb(46,46,46);
   background-color: gray;/*rgb(228,248,221);*/
   padding: 5px 5px 5px 5px;
   background: -moz-linear-gradient(top, rgb(216,216,216), #FFF);
   background: -webkit-linear-gradient(top, rgb(216,216,216), #FFF);
   background: linear-gradient(to bottom, rgb(216,216,216), #FFF);
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   border-width: 1px 1px 1px 1px;
   border-style: solid;
   border-color: rgb(35,47,62);
 }
.RiBlock_b .txt_b{
  text-align: right;
  font-size: 85%;
  color: rgb(46,46,46);
  padding: 1em 0.5em 0em 0em;
 }

/* @@@@@ ブロック B ここまで @@@@@ */


/* @@@@@ アコーディオン @@@@@ */
/*①*/
#details-1 {

}
/*②*/
#details-2 summary::-webkit-details-marker {
  display: none;
}

/* @@@@@ Excel VBAで作成の説明 装飾 @@@@@ */
.deco_a{
   border: 1px solid rgb(184,200,222);
   background-color: rgb(0,192,192);
   padding: 0px 5px 0px 5px;
   border-radius:3px;
 }

.deco_b{
   border: 1px solid rgb(184,200,222);
   background-color: rgb(192,255,192);
   padding: 0px 5px 0px 5px;
   border-radius: 3px;
 }

.deco_c{
   color: white;
   border: 1px solid rgb(184,200,222);
   background-color: rgb(0,128,128);
   padding: 0px 5px 0px 5px;
   border-radius: 3px;
 }

.deco_d{
   border: 1px solid rgb(184,200,222);
   background-color: rgb(192,255,255);
   padding: 0px 5px 0px 5px;
   border-radius: 3px;
 }

.deco_e{
   color: white;
   border: 1px solid rgb(184,200,222);
   background-color: rgb(192,0,0);
   padding: 0px 5px 0px 5px;
   border-radius: 3px;
 }

.deco_f{
   color: white;
   border: 1px solid rgb(184,200,222);
   background-color: rgb(192,64,0);
   padding: 0px 5px 0px 5px;
   border-radius: 3px;
 }

.deco_g{
   border: 1px solid rgb(184,200,222);
   background-color: rgb(250,250,250);
   padding: 0px 5px 0px 5px;
   border-radius: 3px;
 }

.deco_h{
   color: white;
   border: 1px solid rgb(184,200,222);
   background-color: rgb(0,128,0);
   padding: 0px 5px 0px 5px;
   border-radius: 3px;
 }

.deco_i{
   padding: 0px 5px 0px 5px;
   border: 2px solid rgb(0,162,232);
 }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */



/* 必要ないので削除する */
.disp-img{
   /*border: 1px solid gray;*/
 }

/* デメリット 枠 */
.spw_a{
   position: relative;
   margin: 1.5em 0;
   padding: 0.1em 0.5em;
   background-color:rgb(249,254,253);
   border: solid 1px rgb(218,98,219);
   border-radius: 8px;
 }

.spw_a .spw-title {
   position: absolute;
   display: inline-block;
   top: -13px;
   left: 10px;
   padding: 5px 9px;
   line-height: 1;
   font-size:95%;
   font-weight: bold;
   border:1px solid rgb(218,98,219);
   background-color:rgb(218,98,219);
   border-radius:5px;
   color:white;
 }

.spw_a p{
   font-size:90%;
   letter-spacing:0.1em; 
   margin: 0; 
   padding: 0;
   margin-top:20px;
 }

/* メリット 枠 */
.spw_b{
   position: relative;
   margin: 1.5em 0;
   padding: 0.1em 0.5em;
   background-color:rgb(249,254,253);
   border: solid 1px rgb(64,128,128);
   border-radius: 8px;
 }

.spw_b .spw-title {
   position: absolute;
   display: inline-block;
   top: -13px;
   left: 10px;
   padding: 5px 9px;
   line-height: 1;
   font-size:95%;
   font-weight: bold;
   border:1px solid rgb(64,128,128);
   background-color:rgb(64,128,128);
   border-radius:5px;
   color:white;
 }

.spw_b p{
   font-size:90%;
   letter-spacing:0.1em; 
   margin: 0; 
   padding: 0;
   margin-top:20px;
 }



ul li {
 font-size:100%;
 color:rgb(91,91,91);
 letter-spacing: 0.05em;
 line-height: 1.7; 
 }



/* アコーディオン */
.toggle {
 display: none;
 }

.Label1 {
 padding:0.5em 0.5em 0.5em 0.5em;
 display: block;
 box-sizing: border-box;
 color: #fff;
 background-color: #019ac6;/*rgb(255,128,128);#019ac6;*/
 border-top-right-radius:5px;
 border-top-left-radius:5px;
 border-bottom-right-radius:5px;
 border-bottom-left-radius:5px;
 font-weight:bold;

 }


.Label1::before {
 content:"";
 width: 6px;
 height: 6px;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 -webkit-transform: rotate(45deg);
 position: absolute;
 top: calc( 50% - 5px );
 right: 20px;
 transform: rotate(135deg);
 }

.Label1,
.content {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 transform: translateZ(0);
 transition: all 0.3s;
 }

.content {
 height: 0;
 margin-bottom: 10px;
 padding: 0px 5px 10px 0px;
 /*border:1px solid red;*/
 line-height: 1.7;
 font-size:50%; 
 overflow: hidden;
}

.toggle:checked + .Label1 + .content {
 height: auto;
 padding: 10px;
 font-size:100%;
 transition: all .6s;
 }

.toggle:checked + .Label1::before {
 transform: rotate(-45deg)!important;
 }