/*--[キャンペーンページcss]--*/
/*--[htmlとbodyについて 全体適用]------------------------------------*/
html, body {
/* 文字色 */ color: #666666;
/* 文字種類 */ font-family: "メイリオ", Meiryo, sans-serif; */
/* 背景色 */ background-color: #f2efe9;
/* 文字の間隔 */ letter-spacing: 0.1em;
/* 行間 */ line-height: 1.2em;
/* body内余白 */ padding: 0;
/* body外余白 */ margin: 0;
/* スマホ用余白消し？ */ min-width: 1024px;
}
/*--[リンク：通常]--*/
a:link {
text-decoration: underline;
color: #2E8B57;
}
/*--[リンク：訪問済み]--*/
a:visited {
text-decoration: underline;
color: #2E8B57;
}
/*--[リンク：クリック]--*/
a:active {
text-decoration: underline;
color: #CC6699;
}
/*--[リンク：オンマウス]--*/
a:hover {
text-decoration: underline;
color: #CC6699;
}
/*--[フェイスブック デカ用]------------------------------------*/
.fb-like{
transform:scale(2);
-webkit-transform:scale(2);
-moz-transform:scale(2);
}
/*--[親：ヘッダー枠]------------------------------------*/
div#header-area {
padding-top: calc(848 / 2000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
background: url(img/campaign01-3.png) center center / cover no-repeat;
/* 横幅 */ width: 100%;
/* 高さ */ height: 0;
/* 外余白 */ margin: 0;
}
/*--[親：キャン全体★外枠]------------------------------------*/
div#kyan-out {
/* 背景色 */ background-color: #ffffff;
/* 高さ */ height: 1420px;
/* 外余白 */ margin: 0;
/* 内余白 */ padding: 0px 0 0 0;
}
/*--[TOP画像@外枠]------------------------------------*/
div#gzo-k1 {
/* 横幅 */ width: 963px;
/* 高さ */ height: 700px;
/* 外余白 */ margin: 0 auto 0 auto;
/* 内余白 */ padding: 20px 0 0 0;
}
img.gzo-k1-in {
/* 横幅 */ width: 963px;
/* 高さ */ height: 700px;
}
/*--[TOP画像A外枠]------------------------------------*/
div#gzo-k2 {
/* 横幅 */ width: 963px;
/* 高さ */ height: 256px;
/* 外余白 */ margin: 0 auto 0 auto;
/* 内余白 */ padding: 10px 0 0 0;
}
img.gzo-k2-in {
/* 横幅 */ width: 963px;
/* 高さ */ height: 256px;
}
/*--[Ｗキャンバナー２カラム外枠]------------------------------------*/
div#kyan-area-2li {
/* 横幅 */ width: 963px;
/* 高さ */ height: 500px;
/* 外余白 */ margin: 0 auto 0 auto;
/* 内余白 */ padding: 0px 0 0 0;
}
/*--[２カラム体験枠]------------------------------------*/
div#gzo-k3 {
/* 回込要素 */ float:left;
/* 横幅 */ width: 481px;
/* 高さ */ height: 368px;
/* 外余白 */ margin: 0 auto 0 auto;
/* 内余白 */ padding: 20px 0 20px 0;
}
img.gzo-k3-in {
/* 横幅 */ width: 481px;
/* 高さ */ height: 368px;
}
/*--[２カラム無料枠]------------------------------------*/
div#gzo-k4 {
/* 回込要素 */ float:right;
/* 横幅 */ width: 481px;
/* 高さ */ height: 368px;
/* 外余白 */ margin: 0 auto 0 auto;
/* 内余白 */ padding: 20px 0 20px 0;
}
img.gzo-k4-in {
/* 横幅 */ width: 481px;
/* 高さ */ height: 368px;
}
/*--[親：体験モニター枠]------------------------------------*/
div#taiken-area {
/* 背景色 */ background: #ffffff;
/* 高さ */ height: 500px;
/* 外余白 */ margin: 0 auto 0 auto;
/* 内余白 */ padding: 30px 0 10px 0;
}
/*--[体験モニター枠 ＞ @枠]--*/
div#gzo-k-a {
/* 横幅 */ width: 963px;
/* 高さ */ height: 650px;
/* 外余白 */ margin: 0 auto 0 auto;
/* 内余白 */ padding: 10px 0 0 0;
}
/*--[体験モニター枠 ＞ @枠 ＞ 画像]--*/
img.gzo-k-a-naka {
/* 横幅 */ width: 963px;
/* 高さ */ height: 650px;
}
/*--[体験モニター枠 ＞ @枠]--*/
div#hon {
/* 横幅 */ width: 963px;
/* 高さ */ height: 347px;
/* 外余白 */ margin: 0 auto 80px auto;
/* 内余白 */ padding: 10px 0 0 0;
}
/*--[体験モニター枠 ＞ @枠 ＞ 画像]--*/
img.hon-naka {
/* 横幅 */ width: 963px;
/* 高さ */ height: 347px;
}
/*--[体験モニター枠 ＞ 募集要項枠]--*/
div#body-area {
/* 角丸指定 */ border-radius: 20px;
/* 背景色 */ background-color: #222222;
/* 横幅 */ width: 1000px;
/* 高さ */ height: 300px;
/* 外余白 */ margin: 30px auto 100px auto;
/* 内余白 */ padding: 5px 0 0 0;
/* 線下 */ border: 10px solid #4689FF;
}
/*--[体験モニター枠 ＞ 募集要項枠 ＞ h1募集要項枠]--*/
div#oubo-h{
/* 角丸指定 */ border-radius: 20px;
/* 背景色 */ background-color: #002b5e;
/* 横幅 */ width: 950px;
/* 高さ */ height: 70px;
/* 外余白 */ margin: 0px auto 0 auto;
}
/*--[体験モニター枠 ＞ 募集要項枠 ＞ h1募集要項枠 ＞ h1募集要項]--*/
h1.hyoudai{
/* 文字色 */ color: #FFFFFF;
/* 文字サイズ */ font-size: 30px;
/* 行間 */ line-height: 1.6em;
/* 内余白 */ padding: 15px 0 0 0;
}
/*--[体験モニター枠 ＞ 募集要項枠 ＞ h1見出し枠]--*/
div#oubo-mi{
/* 横幅 */ width: 900px;
/* 外余白 */ margin: 0px auto 0 auto;
/* 内余白 */ padding: 10px 10px;
}
/*--[体験モニター枠 ＞ 募集要項枠 ＞ h1見出し枠 ＞ h1見出し]--*/
h1.midasi{
/* 文字色 */ color: #222222;
/* 文字サイズ */ font-size: 30px;
/* 行間 */ line-height: 1.6em;
/* 外余白 */ margin: 30px 0 0 0;
/* 内余白 */ padding: 0 0 2px 12px;
/* 線左 */ border-left: 10px solid #4689FF;
/* 線下 */ border-bottom: 1px solid #4689FF;
}
/*--[体験モニター枠 ＞ 募集要項枠 ＞ h1見出し枠 ＞ p応募詳細]--*/
p.oubo-naka{
/* 文字色 */ color: #444444;
/* 文字サイズ */ font-size: 19px;
/* 文字幅 */ font-weight:normal;
/* 文字の間隔 */ letter-spacing: 0.1em;
/* 行間 */ line-height: 1.4em;
/* 内余白 */ padding: 0px 10px 0px 10px;
}
/*--[体験モニター枠 ＞ 募集要項枠 ＞ h1見出し枠 ＞ p応募詳細 ＞ span注意書き]--*/
span.tyui{
/* 文字色 */ color: #FF0000;
}
/*--[体験モニター枠 ＞ 募集ステップ枠]--*/
div#sutep-area {
/* 横幅 */ width: 1000px;
/* 高さ */ height: 200px;
/* 外余白 */ margin: 0 auto 100px auto;
/* 内余白 */ padding: 10px 0 10px 0;
}
/*--[体験モニター枠 ＞ 募集ステップ枠 ＞ ステップ丸]--*/
div#ste-maru{
/* 回込要素 */ float:left;
/* サイズ範囲 */ box-sizing : border-box;
/* 角丸指定 */ border-radius: 100px;
/* 背景色 */ background: #ffffff;
/* 横幅 */ width: 180px;
/* 高さ */ height: 180px;
/* 外余白 */ margin: 20px 0px 40px 5px;
/* 内余白 */ padding: 2px;
}
/*--[体験モニター枠 ＞ 募集ステップ枠 ＞ ステップ丸 ＞ 画像]--*/
img.gzo-ste-maru {
/* 横幅 */ width: 120px;
/* 高さ */ height: 95px;
/* 外余白 */ margin: 8px 0px 5px 28px;
}
/*--[体験モニター枠 ＞ 募集ステップ枠 ＞ ステップ丸 ＞ 文章]--*/
p.ste{
/* 横幅 */ width: 150px;
/* 高さ */ height: 40px;
/* 文字色 */ color: #000000;
/* 文字サイズ */ font-size: 12px;
/* 文字位置 */ text-align:center;
/* 行間 */ line-height: 1.3em;
/* 外余白 */ margin: 0px 0px 0px 14px;
}
/*--[体験モニター枠 ＞ 募集ステップ枠 ＞ ネクスト]--*/
p.ste-ne{
/* 回込要素 */ float:left;
/* 横幅 */ width: 9px;
/* 高さ */ height: 0px;
/* 文字幅 */ font-weight:bold;
/* 文字色 */ color: #ffffff;
/* 文字サイズ */ font-size: 25px;
/* 文字位置横 */ text-align:center;
/* 行間 */ line-height: 1.3em;
/* 外余白 */ margin: 0px 2px;
/* 内余白 */ padding: 90px 2px 0px 2px;
}
/*--[体験モニター枠 ＞ 応募いいね枠]--*/
div#kyan-iine {
/* 横幅 */ width: 950px;
/* 高さ */ height: 600px;
/* 外余白 */ margin: 30px auto 40px auto;
/* 内余白 */ padding: 10px 0 10px 0;
/* 線 */ border: 3px dashed #002b5e;
}
/*--[体験モニター枠 ＞ 応募いいね枠 ＞ 導き枠]--*/
p#iine-bun1 {
/* 横幅 */ width: 850px;
/* 高さ */ height: 30px;
/* 文字幅 */ font-weight:bold;
/* 文字色 */ color: #002b5e;
/* 文字サイズ */ font-size: 20px;
/* 文字位置横 */ text-align:left;
/* 行間 */ line-height: 1.3em;
/* 外余白 */ margin: 20px 0px 0px 0px;
/* 内余白 */ padding: 10px 50px 0px 50px;
}
p#iine-bun2 {
/* 横幅 */ width: 850px;
/* 高さ */ height: 80px;
/* 文字幅 */ font-weight:bold;
/* 文字色 */ color: #002b5e;
/* 文字サイズ */ font-size: 20px;
/* 文字位置横 */ text-align:left;
/* 行間 */ line-height: 1.3em;
/* 外余白 */ margin: 50px 0px 100px 0px;
/* 内余白 */ padding: 10px 50px 0px 50px;
}
p#iine-bun3 {
/* 横幅 */ width: 850px;
/* 高さ */ height: 80px;
/* 文字幅 */ font-weight:bold;
/* 文字色 */ color: #002b5e;
/* 文字サイズ */ font-size: 20px;
/* 文字位置横 */ text-align:left;
/* 行間 */ line-height: 1.3em;
/* 外余白 */ margin: 10px 0px 0px 0px;
/* 内余白 */ padding: 10px 50px 0px 50px;
}
p#iine-bun4 {
/* 横幅 */ width: 850px;
/* 高さ */ height: 80px;
/* 文字幅 */ font-weight:bold;
/* 文字色 */ color: #002b5e;
/* 文字サイズ */ font-size: 20px;
/* 文字位置横 */ text-align:left;
/* 行間 */ line-height: 1.3em;
/* 外余白 */ margin: 50px 0px 0px 0px;
/* 内余白 */ padding: 10px 50px 0px 50px;
}
span.tyui-iine{
/* 文字色 */ color: #FF0000;
/* 文字サイズ */ font-size: 15px;
/* 外余白 */ margin: 0px 0px 0px 120px;
}
div#gzo-syea-out {
/* 横幅 */ width: 230px;
/* 高さ */ height: 70px;
/* 外余白 */ margin: 0 auto 0 auto;
/* 内余白 */ padding: 10px 0 0 0;
}
img.gzo-syea {
/* 横幅 */ width: 230px;
/* 高さ */ height: 70px;
/* 外余白 */ margin: 10px auto 5px auto;
}
/*--[体験モニター枠 ＞ 応募いいね枠 ＞ チェック同意枠]--*/
div.check-doui {
/* 横幅 */ width: 950px;
/* 高さ */ height: 150px;
/* 外余白 */ margin: 40px auto 0 auto;
/* 内余白 */ padding: 10px 0 0px 0;
}
div.check-doui2 {
/* 横幅 */ width: 950px;
/* 高さ */ height: 150px;
/* 外余白 */ margin: -40px auto 0 auto;
/* 内余白 */ padding: 10px 0 0px 0;
}
/*--[体験モニター枠 ＞ 応募いいね枠 ＞ チェック同意枠 ＞ p注意書き]--*/
p.doui{
/* 横幅 */ width: 850px;
/* 高さ */ height: 50px;
/* 文字幅 */ font-weight:bold;
/* 文字色 */ color: #002b5e;
/* 文字サイズ */ font-size: 20px;
/* 文字位置横 */ text-align:center;
/* 行間 */ line-height: 1.3em;
/* 外余白 */ margin: 20px 0px 0px 0px;
/* 内余白 */ padding: 10px 50px 0px 50px;
}
/*--[体験モニター枠 ＞ 応募いいね枠 ＞ チェック同意枠]--*/
div.check-botan {
/* 横幅 */ width: 900px;
/* 高さ */ height: 100px;
/* 外余白 */ margin: -30px auto 0px auto;
/* 内余白 */ padding: 0px 0 0px 0;
}
/*--[体験モニター枠 ＞ 応募いいね枠 ＞ チェック同意枠 ＞ 画像]--*/
div.check-botan-naka {
/* 横幅 */ width: 400px;
/* 高さ */ height: 100px;
/* 外余白 */ margin: 20px 0px 0px 250px;
}
/*--[親：無料トライアル枠]------------------------------------*/
div#muryou-area {
/* 背景色 */ background-color: #ffffff;
/* 外余白 */ margin: 0 auto 0 auto;
/* 内余白 */ padding: 30px 0 10px 0;
}
/*--[無料トライアル ＞ A枠]--*/
div#gzo-k-b {
/* 横幅 */ width: 963px;
/* 高さ */ height: 650px;
/* 外余白 */ margin: 0 auto 0 auto;
/* 内余白 */ padding: 10px 0 0 0;
}
/*--[無料トライアル ＞ A枠]--*/
div#gzo-k-g {
/* 横幅 */ width: 963px;
/* 高さ */ height: 1008px;
/* 外余白 */ margin: 10px auto 0 auto;
/* 内余白 */ padding: 10px 0 0 0;
}
/*--[無料トライアル ＞ A枠 ＞ 画像]--*/
img.gzo-k-b-naka {
/* 横幅 */ width: 963px;
/* 高さ */ height: 650px;
}
/*--[無料トライアル ＞ A枠 ＞ 画像]--*/
img.gzo-k-g-naka {
/* 横幅 */ width: 963px;
/* 高さ */ height: 1008px;
}
/*--[無料トライアル ＞ トライアル詳細枠]--*/
div#body-area2 {
/* 角丸指定 */ border-radius: 20px;
/* 横幅 */ width: 1000px;
/* 高さ */ height: 1200px;
/* 外余白 */ margin: 30px auto 50px auto;
/* 内余白 */ padding: 5px 0 0 0;
}
/*--[無料トライアル ＞ トライアル詳細枠 ＞ トライアル詳細文章]--*/
div#oubo-mim{
/* 横幅 */ width: 900px;
/* 外余白 */ margin: 0px auto 0 auto;
/* 内余白 */ padding: 10px 10px;
}
/*--[無料トライアル ＞ フェイスブック埋め込み]--*/
div#face-body{
/* 横幅 */ width: 900px;
/* 高さ */ height: 500px;
/* 外余白 */ margin: 0px auto 0 auto;
/* 内余白 */ padding: 0px;
}
/*--[無料トライアル ＞ フェイスブック埋め込み ＞ プラグイン枠]--*/
div#face-left{
/* 回込要素 */ float:left;
/* 横幅 */ width: 500px;
/* 高さ */ height: 500px;
/* 外余白 */ margin: 0px auto 0 auto;
/* 内余白 */ padding: 0px;
}
/*--[無料トライアル ＞ フェイスブック埋め込み ＞ 誘導枠]--*/
div#face-right{
/* 回込要素 */ float:right;
/* 横幅 */ width: 400px;
/* 高さ */ height: 500px;
/* 外余白 */ margin: 0px auto 0 auto;
/* 内余白 */ padding: 0px;
}
/*--[無料トライアル ＞ フェイスブック埋め込み ＞ 誘導枠 ＞ 誘導文]--*/
p.face-yu1{
/* 回込要素 */ float:right;
/* 横幅 */ width: 380px;
/* font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif; */
/* 文字幅 */ font-weight:bold;
/* 文字色 */ color: #000000;
/* 文字サイズ */ font-size: 20px;
/* 文字位置横 */ text-align:left;
/* 行間 */ line-height: 1.3em;
/* 外余白 */ margin: 0px 0px 0px 0px;
/* 内余白 */ padding: 0px 5px;
}
div.check-botan2 {
/* 横幅 */ width: 950px;
/* 高さ */ height: 100px;
/* 外余白 */ margin: -30px auto 0px auto;
/* 内余白 */ padding: 0px 0 0px 0;
}
div.check-botan-naka2 {
/* 横幅 */ width: 400px;
/* 高さ */ height: 100px;
/* 外余白 */ margin: 20px 0px 0px 250px;
}
/*--[親：フッター枠]------------------------------------*/
div#footer-area {
/* 背景色 */ background-color: #002b5e;
/* 高さ */ height: 25px;
/* 外余白 */ margin: 0;
/* 内余白 */ padding: 10px 10px 0px;
}
/*--[フッター枠 ＞ 文言]--*/
p.f-link{
/* 文字色 */ color: #66ccff;
/* 文字種類 */ font-family: "メイリオ", Meiryo, sans-serif; */
/* 文字幅 */ font-weight:normal;
/* 文字サイズ */ font-size: 12px;
/* 文字位置横 */ text-align:left;
/* 行間 */ line-height: 1.3em;
/* 外余白 */ margin: 0px auto 0 auto;
/* 内余白 */ padding: 0px;
}
/*--[フッター枠 ＞ スペース]--*/
span.space{
/* 外余白 */ margin: 0px 5px;
}
/*--[フッター枠 ＞ リンク各色]--*/
/*--[リンク：通常]--*/
a.footer:link {
text-decoration: underline;
color: #FFFF00;
}
/*--[リンク：訪問済み]--*/
a.footer:visited {
text-decoration: underline;
color: #CCCC99;
}
/*--[リンク：クリック]--*/
a.footer:active {
text-decoration: underline;
color: #FFFF00;
}
/*--[リンク：オンマウス]--*/
a.footer:hover {
text-decoration: underline;
color: #66CCFF;
}
/*--[フッター枠 ＞ 文言]--*/
div.f-copy{
/* 文字色 */ color: #FFFF00;
/* 文字種類 */ font-family: "メイリオ", Meiryo, sans-serif; */
/* 文字幅 */ font-weight:normal;
/* 文字サイズ */ font-size: 12px;
/* 外余白 */ margin: -15px 10px 0px 0px;
/* 内余白 */ padding: 2px;
}