ABCDEFGHIJKLMNOPQRSTUVWXYZAA
1
2
<table class="tablearea" data-type="center">
3
tableの上余白短くする<table class="tablearea"><table style="margin-top:16px">
<table class="tablearea" style="margin-top:16px display:table; width:100%;">
4
小見出し<div class="subhead" data-type="title">
<div style="font-size: 18px; font-weight: 700; display: table; background: #1A264B; color: #fff; margin: 40px 0 1em; padding: 0 .6em; ">
5
※連続する場合こちらも使用可
<div style="font-size: 18px; font-weight: 700; color: #0c478e; ">
6
小見出し②<div class="subhead" data-type="normal">
<div style="font-size: 18px; font-weight: 700; display: table; background: #1A264B; color: #fff; margin: 40px 0 1em; padding: 0 .6em; ">
style="display: table-cell; width:33%;"
7
※連続する場合こちらも使用可
<div style="font-size: 18px; font-weight: 700; color: #0c478e; ">
8
文字装飾<span class="pink small10">男性記事<span style="font-weight: 700; color: #FF8C15; ">表パーツ
9
女性記事
<span style="font-weight: 700; color: #F68699; text-decoration:underline;">
<th class="heading">
<th style="display: table-cell; width:33%; color:#FFF; background-color:#1a264b;">
10
文字装飾②<span class="marker">男性記事<span style="font-weight: 700; color: #FF8C15; "><th>
<th style="display: table-cell; width:33%;">
11
女性記事
<span style="font-weight: 700; color: #F68699; text-decoration:underline;">
<td>
<td style="display: table-cell; width:33%;">
12
文字装飾③<span class="pink">男性記事<span style="font-weight: 700; color: #FF8C15; ">
※置換するとフッターも変わってしまうので修正必要
13
女性記事
<span style="font-weight: 700; color: #F68699; text-decoration:underline;">
14
テキストリンクtxt" target="_blank" rel="nofollow noopener noreferrer">
txt" target="_blank" rel="nofollow noopener noreferrer" style="color: #1a0dab; text-decoration: underline; ">
スクロールさせる場合はこちらを追加しtableタグのwidthを調整
15
テキストリンク②あるかもtxt2" target="_blank" rel="nofollow noopener noreferrer">
txt2" target="_blank" rel="nofollow noopener noreferrer" style="color: #1a0dab; text-decoration: underline; ">
<div style="overflow-x: scroll;">
16
テキストリンク③あるかもtx" target="_blank" rel="nofollow noopener noreferrer">
tx" target="_blank" rel="nofollow noopener noreferrer" style="color: #1a0dab; text-decoration: underline; ">
SPで表示崩れる場合文字数が原因、px指定or文字数増やすで対応
17
txt" rel="nofollow noopener noreferrer" target="_blank">
txt" rel="nofollow noopener noreferrer" target="_blank" style="color: #1a0dab; text-decoration: underline; ">
2列171.5px
18
小文字<span class="caution"><span style="font-size: 11px;">3列114.33px
19
ボタンbt" target="_blank" rel="nofollow noopener noreferrer">
bt" target="_blank" rel="nofollow noopener noreferrer" class="btn-new">
20
画像中央寄せ<div class="full_img"><div class="full_img" style="text-align: center">
21
メタリフ[url]/web/アップ先のディレクトリ/○○/web//dermatology/web//male/web/
22
画像パス[url]/wp/wp-content/uploads/アップ先のディレクトリ/○○/uploads//dermatology/uploads//male/uploads/
23
リストパーツ<ul class="n_check"><ul class="dot">
24
リストパーツ②<ul class="check__list"><ul class="dot">
25
リストの中身<li class="check__item"><li>
26
ボックスパーツ<div class="simplebox">
<div style="background: #F5F5F5; padding:24px; margin: 0px 0 1em; ">
27
ボックスパーツ②<div class="simplebox" data-type="bg">
<div style="background: #F5F5F5; padding:24px; margin: 0px 0 1em; ">
28
ボックスのタイトル<div class="simplebox__ttl">
<div style="font-size: 18px; font-weight: 700; display: table; background: #1A264B; color: #fff; margin: 40px 0 1em; padding: 0 .6em; ">
29
フローパーツタイトル<div class="flow__cont-ttl">
<div style="font-size: 18px; font-weight: 700; color: #0c478e; ">
30
フローパーツのナンバー<span class="num c__en">STEP.<span class="bg"><b>STEP.<span class="bg">
31
</span></span></span></b>
32
右寄せリンク<div class="right_link" data-type="icon">
<div style="text-align: right; margin:16px 0; color: #1a0dab; text-decoration: underline;">
33
7pocket（最後にやる）[webshortcode short_code="<?php webshortcode("
34
※idは手で消す"]"); ?>
35
まとめ<div class="matome">
<div style="background: #F5F5F5; padding:24px; margin: 0px 0 1em; ">
36
まとめのタイトル<div class="matome__ttl">
<div style="font-size: 18px; font-weight: 700; display: table; background: #1A264B; color: #fff; margin: 40px 0 1em; padding: 0 .6em; ">
37
消す[sp]
38
消す[/sp]
39
40
41
42
Q&A※手打ち
<div class="q_a">
<input id="acd-check1" class="acd-check" type="checkbox">
<label class="acd-label" for="acd-check1"><span class="txt_q">テロメアテストで測定する遺伝子強度の検査で算出するテロメア年齢が実年齢よりも多いと、<br class="pc">平均寿命よりも早く死んでしまうのですか？</span></label>
<div class="acd-content">
<p class="txt_a">テロメアテストで算出するテロメア年齢は、強度を数値化するためにテロメア年齢を出しますが、寿命や余命とは全く関係ない検査です。学術的な論文でも証明されています。</p>
</div>


<input id="acd-check2" class="acd-check" type="checkbox">
<label class="acd-label" for="acd-check2"><span class="txt_q">テロメアテストで測定する遺伝子疲労度で悪い結果が出ました。もうすぐ病気になるのでしょうか。</span></label>
<div class="acd-content">
<p class="txt_a">遺伝子疲労度で悪い結果が出てもすぐには病気にならないかもしれませんが、そのままだと病気に罹る可能性が高くなります。環境的な要因を改善して遺伝子疲労度が改善されれば、病気になりにくい体質になります。</p>
</div>

</div>
43
44
テキストリンクに付与style="color: #1a0dab; text-decoration: underline; "
45
ボタンに付与class="btn-new"
46
 rel="nofollow noopener noreferrer" target="_blank">
rel="nofollow noopener noreferrer" target="_blank" style="color: #1a0dab; text-decoration: underline; ">
47
bt" rel="nofollow noopener noreferrer" target="_blank" class="cBtn_link">
bt" rel="nofollow noopener noreferrer" target="_blank" class="btn-new">
48
txt4" target="_blank" rel="nofollow noopener noreferrer">
txt4" target="_blank" rel="nofollow noopener noreferrer" style="color: #1a0dab; text-decoration: underline; ">
49
<div class="map__ttl">
<div style="font-size: 18px; font-weight: 700; display: table; background: #1A264B; color: #fff; margin: 40px 0 1em; padding: 0 .6em; ">
50
<div class="campaign__ttl">
<div style="font-size: 18px; font-weight: 700; color: #0c478e; ">
51
<div class="ranking__ttl"><h3></h3>
52
tx2" target="_blank" rel="nofollow noopener noreferrer">
tx2" target="_blank" rel="nofollow noopener noreferrer" style="color: #1a0dab; text-decoration: underline; ">
53
けす style="width: 35%;"
54
けす style="width: 65%;"
55
" rel="noopener" target="_blank">
" rel="noopener" target="_blank" style="color: #1a0dab; text-decoration: underline; ">
56
tx3" target="_blank" rel="nofollow noopener noreferrer">
tx3" target="_blank" rel="nofollow noopener noreferrer" style="color: #1a0dab; text-decoration: underline; ">
57
58
<h3 class="h3"><h3>
59
<span class="pink-b" style="font-size: 20px;">
<span style="font-weight: 700; color: red; font-size: 20px;">
60
<h2 class="h2"><h2>
61
<span class="b"><span style="font-weight: 700;">
62
<span class="marker"><span style="font-weight: 700; color: #FF8C15;">
63
<div class="right_link">
<div style="text-align: right; margin:16px 0; color: #1a0dab;">
64
消す
style="color: #1a0dab; text-decoration: underline; "
65
<li class="check__item"><li>
66
67
<div class="subhead" data-type="title">
<div style="font-size: 18px; font-weight: 700; display: table; background: #1A264B; color: #fff; margin: 40px 0 1em; padding: 0 .6em; ">
68
<span class="caution"><span style="font-size: 11px;">
69
消す class="btn-new"
70
<div class="full_img"><div class="full_img" style="text-align: center">
71
<ul class="check__list"><ul class="dot">
72
<div class="simplebox">
<div style="background: #F5F5F5; padding:24px; margin: 0px 0 1em; ">
73
<><ul class="number-list">
74
[webshortcode short_code="<?php webshortcode("
75
"]"); ?>
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100