/* P
--------ここのはlayout.cssにもあり、

layout.cssの
pのmargin-bottomを20px;と指定した場合（今は15pxに戻したが）

一番上に

<link href="../layout.css" rel="stylesheet" type="text/css">
<link href="crypto.css" rel="stylesheet" type="text/css">

と記載しているページでは、

crypto.cssのが上書きされ、
crypto.cssのpが適用されるので

marigin-bottomはcrypto.cssで指定している15pxとなる
つまり、ある特定のページだけ他とは変えたい場合など
重複する要素を記載し、別の指定をしたcssを用意して上記のように書けばいい
----------------------------- */

p {margin-top:0px;margin-bottom:15px;/* 下、一行空ける、上は空けない。基本はコレ */
margin-right:20px;margin-left:20px;}
	
.pt1 {margin-top:10px;margin-bottom:0px;/* 上だけ一行、空ける*/
margin-right:20px;margin-left:20px;}
	
.pb1 {margin-top:0px;margin-bottom:10px;/* 下だけ一行、空ける */
margin-right:20px;margin-left:20px;}

.p0 {padding:0em;margin:0em;/* 一行空けない */
margin-right:20px;margin-left:20px;}

.ptop {text-indent: 1em;/* 行頭1文字分空ける*/
margin-right:20px;margin-left:20px;}



a img {
    border-style:none;
}

.no_border {
    border-style:none;
}


.p1 {padding:0em;margin:0em;/* 一行空けない */}
.pone {text-indent: 1em;/* 行頭1文字分空く*/}



/* 通常版、暗号資産取引所の紹介ページ用tableと同じ------------- */
.tablec {
clear:both;
width: 585px; /* テーブルの横幅 */ 
border-collapse: separate; /* 枠線の表示方法 */ 
border-spacing: 0;
border-right: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-bottom: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;
} 


.tablec .tdc,.tablec .tdc2  {
/* tablecのtd内のclass名tdc
------------------------------------- */
background-color: #ffffe5!important;
width:25%;
margin:0px;
} 


.tablec .star {background-color: #ffffe5!important;
    width:25%;
    margin:0px;padding-top:10px;
}


.tablec .tdc
{
text-indent:-1em;
padding-left:18px;
/* ◇取扱い銘柄（通貨）
   数----------
   　↑こうじゃなく

   ◇取扱い銘柄（通貨）
     数----------
     ↑こうなるように調整
   */

} 


.tablec .tdc2 {
/* ※尚、利用できるポイントサイトや獲得できるポイント数などには……のところ
------------------------------------- */
width:100%;background-color:#e5e5e6!important;

} 




.tablec TH.pt{

/* bitflyerと交換できるポイントサイトのところ
------------------------------------- */
background-color:#DEEFFF;font-weight:normal;
font-size:10pt;
padding:0px; margin:0em;
color:#232323;}


.tablec TD.pt { /* bitflyerと交換できるポイントサイトのところ
------------------------------------- */
background:#f5f5f5;} 


.tablec td.right {/*　同上
------------------------------------- */
text-align: right;
}

.tablec td.left {/*　何も書かないとleftだからこれはいらないか
------------------------------------- */
text-align: left;
}

.tablec td.center {/*　同上
------------------------------------- */
text-align: center;
}


.tablec TH {
border-left: 1px #b2b2b2 solid;
border-top: 1px #b2b2b2 solid;
text-align:center;
background-color:#e6b422; /*  前は、#ffa500 オレンジ。　ゴールド #CAA846;に変更してみる。------- */ 
padding:3px; margin:0em;
font-size:11pt;
color:#ffffff;
font-weight:bold;} 



.tablec TH.TH2 {
border-left: 1px #b2b2b2 solid;
border-top: 1px #b2b2b2 solid;
text-align:center;
background-color:#ffffff;
padding:3px; margin:0em;
font-size:10pt;
color:#232323;
font-weight:normal;} 


.tablec TH.TH3{
border-left: 1px #b2b2b2 solid;
border-top: 1px #b2b2b2 solid;
text-align:center;
background-color:#cccccc;
padding:3px; margin:0em;
font-size:10pt;
color:#ffffff;
font-weight:bold;} 



.tablec TD { 
border-left: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-top: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
padding: 5px 6px; /* セル内の余白 */ margin:0em;
font-size:10pt;/* 10ptは、約13px  */
color:#232323; vertical-align:top;} 


.tablec TD.fbanner1{/* 広告バナー内 */
text-align : center;
background-color:#f5f5f5;
padding:6px 0px 10px 0px;
margin:0em;
}

.tablec TD.fbanner2 {
text-align : center;
background-color:#ffffff;/* 背景色が違うだけ */
padding:6px 0px 6px 0px;
margin:0em;}


.tablec P {margin-top:0px;margin-bottom:15px;/*tablepoint2内のP 下、一行空ける、上は空けない。 */
margin-right:20px;margin-left:20px;font-size:10pt;/* 左右20pxづつあける */

}


.tablec tr:nth-child(21) td:nth-child(1) { /* メイン文章のある15行目の1列目のみホワイトに変える  */
background:#ffffff; /* 上の.tablec Pにfont-size:10pt;と指定してあると
ここでfont-size:11pt;を指定しても効かなかった。tdに指定してるからtd内のには効くはずだが
pはpで指定してるから効かないのかな、よくわからない。
ここで指定すると全てに適用されて便利だが、全てが11ptになるから
h3とかをそれより大きくする場合、個別に指定していった方が良いかな。 */
}



/* メインコンテンツ内は（TD内の各サイトのポイント獲得法やらを書いているところ）
以下のようにした方が見やすくなっていいかもな。
ここで背景色を変更したりもできるし、いじりたければここだけいじればいいから楽。
以下にすると上の.tablepoint2 Pは要らない

⇒tablec tr:nth-child(21) td:nth-child(1)に記載すれば、より効率的だった。
.tablec .tdc,.tablec .tdc2もいらなくなる。
わざわざ<td class="tdc" >などと一個一個こべつにやる必要もなくなる。
*/

.tablec TD.maintext{
background-color:#ffffff;}

.tablec TD.maintext P {
margin-top:0px;margin-bottom:15px;
margin-right:20px;margin-left:20px;
font-size:10pt;font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;!important;}

.tablec TD.maintext H3,.tablec TD.maintext H4,.tablec TD.maintext span{
font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;!important;}


/* ポイントサイトの比較ランキングなどで使うテーブル表のやつ*/ 

.tablec2 { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: separate; /* 枠線の表示方法 */ 
border-spacing: 0;
border-right: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-bottom: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;
} 

.tablec2 TH { 
border-left: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-top: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
padding: 3px; /* セル内の余白 */ 
font-size:10pt;
color:#232323;
background-color:#DEEFFF;text-align: center;} 


.tablec2 TH.thgold {/* tablecのTHと同じ */ 
border-left: 1px #b2b2b2 solid;
border-top: 1px #b2b2b2 solid;
text-align:center;
background-color:#e6b422; /*  前は、#ffa500 オレンジ。　ゴールド #CAA846;に変更してみる。------- */ 
padding:3px; margin:0em;
font-size:11pt;
color:#ffffff;
font-weight:bold;} 

.tablec2 TD { 
border-left: 1px #b2b2b2 solid;/* テーブル全体の枠線（太さ・色・スタイル） */ 
border-top: 1px #b2b2b2 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
padding: 3px; /* セル内の余白 */padding-left:5px;
font-size:10pt;
color:#232323;} 


.tablec2 col {  /* 以下のCSS3「nth-child疑似クラス」で背景色を設定したため、
本当はこれはもう必要ない */
background-color:#FFFDDE;} 


.tablec2 td:nth-child(odd) { /* 偶数（even）列のみ背景色を変える ⇒奇数列（odd）に変更 */
    background:#f5f5f5;
}

.tablec2 td:nth-child(1) {     /* 先頭列のみ背景色を変える 　
tr:nth-child(2n+1) td:nth-child(4)とするなど
奇数列（tr）の4行目（td）の色やらを個別に適用できる。
また、たとえ上で奇数列（odd）の背景色を指定し（現在は、evenからoddに変更。交換先一覧の背景がグレーになってしまうので）、変更したい箇所が重複している場合は
このように後から記述した方が優先的に適用、上書き、反映される（これはCSS全般の性質）。
 */
   background: #FFFDDE;
}


.tablec2 TH.gray {
background-color:#EAEAEA;text-align: center;/*背景グレイ（左タイトル）--------- */
}


.tablec2 TH.pink { 
background-color:#fbdfe5;/*背景　ピンク--------- */
text-align: center;
}

.tablec2 TH.yellowc {
background-color:#FAFAD2;/*背景　イエロークリーム--------- */
text-align: center;
}


.tablec2 td {
text-align: right;
}

.tablec2 td.center {
text-align: center;/*td内を中央寄せにしたい場合*/
}
.tablec2 td.left {
text-align: left;/*td内を左寄りにしたい場合*/
}

.tablec2 td.right {
text-align: right;/*これは別に指定する必要はないが（何も指定しない場合、右寄せにしているし）*/
}


    
h3.ango {
    font-size: 10pt;
    color:#191970;
    background-color:#ffffff;
    border-left:#191970 3px solid;
    border-bottom: solid 1px #ffffff;
    padding:1px 4px;
    margin: 0px;
    padding-right:4px;
    margin-right:4px;
    }




h2.headline,h2.headline1,h3.headline,h3.headline1 {
    font-size: 11pt;
  color:#333333; /* 文字色を#191970;から黒へ変更*/  
    background-color:#ffffff;       /* 背景色を設定 */   
    border-left:solid 7px #E6B422; /* 金色 */
    padding:0px 0px 0em 13px;                 /* 文字間隔 */
    margin:13px 0px 6px 0em;
font-weight:bold;}
    


h2.headline,h3.headline {  
    margin:0px 0px 6px 0em;
}



h2.headmatome,h3.headmatome {
    font-size: 11pt;
    color:#191970;/* 文字色を紺 */
    background-color:#ffffff;       /* 背景色を設定 */   
    border-left:solid 7px #ff5079; /* ピンク */  
    padding:0px 0px 0em 13px;                 /* 文字間隔 */
    margin:0px 0px 6px 0em;
font-weight:bold;}
    

h2.kheadline,
h3.kheadline {/* layoutのheadと同じ */   
    font-size: 12pt;
    color:#006899;/* 文字色を紺 */
    background-color:#ffffff;       /* 背景色を設定 */   
    background-image: url("../img/1point/wa-ore.png");
    background-repeat: no-repeat;
    background-position:1px; 
    border-bottom:dotted 1px #191970; 
    padding:0px 0px 0em 22px;                 /* 文字間隔 */
    margin:0px 25px 7px 20px;
    font-weight:normal;}

    
h2.kheadlinen,
h3.kheadlinen {
    font-size: 11pt;
    color:#191970;/* 文字色を紺 */
    background-color:#ffffff;       /* 背景色を設定 */   
    background-image: url("../img/1point/wa-ore.png");
    background-repeat: no-repeat;
    background-position:1px; 
    border-bottom:solid 1px #191970; 
    padding:0px 0px 0em 18px;                 /* 文字間隔 */
    margin:0px 25px 7px 20px;
    font-weight:normal;}


/* メディアクエリ。　　ウィンドウ幅が0?500pxの場合に適用するCSS */


@media screen and ( max-width:500px )


{
    
    
    /* 通常版、暗号資産取引所の紹介ページ用table------------- */
.tablec {
width:98%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
} 


.tablec TD {font-size:0.8em; } 

h4.madonna,h4.borange {font-size:110%; /*上のtdのfont-sizeを小さくしたらこれもめっちゃ縮んだため*/ 

   /* <link href="../layout.css" rel="stylesheet" type="text/css">
    <link href="crypto.css" rel="stylesheet" type="text/css">    
    この順番なら、crypto.cssが上書きされるので上のが適用される。
    逆にすると../layout.cssのが適用されるため、ちびこいままになる
   　
    　font-size:0.7em;でfont-size:130%; 
     font-size:0.8em; にしたらでかくなりすぎるので110%


    */ 

} 

.col1 { width: 110px;/* テーブル内にcolspanがあって横幅指定が効かない時の対処法 
  https://techmemo.biz/css/table-layout-colgroup/ */ 
  /* スマホで見ると幅が広くなりすぎてるので */ 
}

.tablec .tdc,.tablec .tdc2 {
/* tablecのtd内
------------------------------------- */
width:100%; 
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
font-size:0.7em;}

.tablec .tdc2 {
/* 最後の※尚、利用できるポイントサイトや獲得できるポイント数などは……のところ
------------------------------------- */
font-size:0.8em;text-align:left;}


.tablec .star {padding-top:12px;
    /* スマホで見るとやや上ぎみにズレてるので
    ------------------------------------- */
}



.tablec TH.pt{

/* bitflyerと交換できるポイントサイトのところ。
------------------------------------- */
font-size:0.7em;}

.tablec .tinyp{padding:3px;

/* bitflyerと交換できるポイントサイトのところ
------------------------------------- */
font-size:0.7em;}


/* ポイントサイトのテーブル表　基本これ */ 

.tablepoint3 { width:98%; /* 100にするとなんかはみ出るので*/
table-layout: fixed;/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 

} 

.tablepoint3 TD {font-size:0.7em; /* Chromeで見ると右端が途切れてしまったので
文字サイズを小さくして見やすく*/ } 



.pushB2 {
    font-size: 15px;

}
}