@charset "utf-8";
/*@import url('../cyber/frame-pc.css?date=20170118');*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ディスプレイ右サイドの固定エリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sideFixed {
    top: calc(50% - 125px);
}
@media screen and (max-width: 1100px) {
  #sideFixed {
    right: 0;
  }
}
@media screen and (max-width: 900px) {
  #sideFixed {
    right: -83px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フレームデザイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.baseWrap {
    width: 900px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー下のグラデーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.home .editorArea {
    background: url(images/gradation01.jpg) repeat-x;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー(インフォメーション)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#headerFrame {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー(プロモ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promoArea, 
#promoFrame {
    background: url(images/promo01.jpg?data=20201027) no-repeat 50% 0;
}
#promoFrame {
    margin-bottom: 0;
    border-top: 9px solid #0070c0;

}
#promoArea {
    height:  440px;
}
#promoAfter {
    border-top: 1px solid #0070c0;
    border-bottom: 1px solid #0070c0;
    font-size:30px;
    text-align:center;
    padding:10px;
    color:#0070c0;
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フロントページのみの表示エリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#frontHeaderSection {
    margin-bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#gNaviWrap {
	display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンテンツエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contentsArea {
    padding: 0;
}
#contentsArea2 {
    margin-bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SNSボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sns_btn_wrap {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター(インフォメーション)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footerFrame,
#footerFrame2 {
	display:none;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター(コピーライト)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#copyArea .copy_link {
	display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Post Snippets用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*全幅要素*/
div#body_inner {
    overflow: hidden;
    min-width: 1200px;
}

@media (min-width: 900px) {
    .my_wide {
        margin-left: calc((100vw - 100%) / -2);
        width: 100vw;
    }
}

div#contentsArea {
    overflow: hidden;
}

div.w780     {
    width: 780px;
    margin: 0 auto;
}

.br_pc {
	/* flexの子要素としてカウントされた際に備え、brの高さを除去する(2019-05-23) */
	/* 高さを取るとエディター表示用のダミーの見た目がおかしくなるため一旦戻す(2020-03-23) */
	/* height:0; */
}
.br_pc:before {
    content: "\A";
    /* あわせてこれを指定しないと改行しない場合があるらしい */
    white-space: pre;
}

.br_sp:before {
    content: "";
	/* flexの子要素としてカウントされることを防ぐため完全に非表示にする(2019-05-23) */
	display:none;
}