@charset "utf-8";

/*===================================
 共通
===================================*/

body {
    background: #fff;
    /*color: #205177;*/
    display: block;
}

/* 虫眼鏡アイコン */
.magnify.icon {
    color: #009ce5;
}

/*===================================
    タブコンテンツ
===================================*/

/* タブ切り替えの中身のスタイル */
.tab-content {
    border-color: #009ce5;
}
/* 選択されているタブのスタイルを変える */
.tabs input:checked + .tab-item {
    background: #009ce5;
    border-color: #009ce5;
}
/* 下線を塗りつぶす */
.tabs input:checked + .tab-item::before {
    border-color: #009ce5;
}

/*===================================
    アンカーバー
===================================*/

header .anchor-bar {
    border-color: #009ce5;
}

/*===================================
    アンカーアイコン
===================================*/

p.anchor-btn a:before {
    background: #009ce5;
}

/*===================================
    見出し
===================================*/

/* 見出し - h1 */
h1 {
    border-color: #009ce5;
}
@media (max-width: 767px) {
    h1 {
        background: rgba(97, 131, 204, 0.15);
    }
    h1::before {
        border-color: #009ce5;
    }
}

/*===================================
    四角ボタン
===================================*/

/* 四角ボタン（上矢印） */
.square-box {
    border-color: #009ce5;
}

/*===================================
    矢印
===================================*/

/* 矢印 - 左 */
.arrow-left::before {
    border-color: #009ce5;
}
/* 矢印 - 右 */
.arrow-right::after {
    border-color: #009ce5;
}
/* 矢印 - 上 */
.arrow-up a::before {
    border-color: #009ce5;
}
/* 矢印 - 下 */
.arrow-down a::after {
    border-color: #009ce5;
}

/*===================================
    枠線ボタン
===================================*/

/* 枠線ボタン */
.border-btn {
    border-color: #009ce5;
    color: #009ce5;
}
.border-btn a {
    color: #009ce5;
}

/*===================================
    リンクボタン
===================================*/

.link a {
    color: #009ce5;
}

/*===================================
    ボックスコンテンツ
===================================*/

/* ヘッダー */
.contents .box .box-header {
    background: #d8e1f3;
}

/*===================================
    モーダル
===================================*/

/* モーダルヘッダー */
.remodal .modal-header {
    background: #d8e1f3;
}
/* モーダルコンテンツ */
.remodal .modal-content {
    border-color: #d8e1f3;
}

/*===================================
    ナビゲーション
===================================*/

main nav.step-bar li {
    border-color: #d8e1f3;
}
/* 数字アイコン */
main nav.step-bar li span:first-child {
    color: #009ce5;
    border-color: #009ce5;
}
main nav.step-bar li.current span:first-child  {
    background: #009ce5;
}
/* 三角 - 線 */
main nav.step-bar li::before {
    border-left: 15px solid #d8e1f3;
}
/* 現在のステップ - 三角 */
main nav.step-bar li.current::after {
    border-left: 15px solid #d8e1f3;
}

main nav.step-bar li:first-child {
    border-color: #d8e1f3;
}
main nav.step-bar li:last-child {
    border-color: #d8e1f3;
}
/* 現在のステップ */
main nav.step-bar li.current {
    background: #d8e1f3;
}

/*===================================
    共通ヘッダー
===================================*/

header .page-header {
    background: #009ce5;
}

/* 商品一覧に戻るボタンアイコン */
header .page-header .back-btn .cls-1 {
    fill: #009ce5;
}

/*===================================
    共通フッター
===================================*/

footer .control-bar {
    background: rgba(97, 131, 204, 0.15);
}

/*===================================
    トップ
===================================*/

.type-list li :checked + label > div {
    border-color: #009ce5;
}
/* 型名 */
.type-list li label .type-name {
    color: #009ce5;
}
/* テキスト */
.type-list li label .text {
    background: #009ce5;
}
.type-list label.arrow-right:before {
    background: #009ce5;
}

/*===================================
    リスク許容度診断
===================================*/

/* つまみ部分 */
.risk-torelance .precondition-wrap .item .slider-box .slider .ui-slider-handle {
    background: #009ce5;
}
/* 吹き出し */
.risk-torelance .precondition-wrap .item .slider-box .slider .ui-slider-handle .handle-balloon {
    color: #009ce5;
}


/*===================================
    診断結果
===================================*/

/* セクションボックスの外枠 */
.diagnosis .section-box {
    border-color: #d8e1f3;
}
/* あなたの投資スタイル */
.diagnosis .section-box .section-top .your-investment-style {
    border-color: #009ce5;
}
.diagnosis .section-box .section-top .your-investment-style > span {
    color: #009ce5;
}
/* セクションヘッダー */
.diagnosis .section-box section > h1 {
    background: #d8e1f3;
}

/* 項目セル */
.diagnosis .section-box section.section4 > .section-contents > .table-contents > table.result-table .result-table-header {
    background: #009ce5;
}

/*===================================
    商品シミュレーション
===================================*/

/* 選択状態 */
.simulation .simulation-setting li.selected {
    background: #009ce5;
}

/*===================================
    職業選択
===================================*/

.occupation-selection .type-list li :checked + label {
    border: 3px solid #009ce5;
}

/*===================================
    商品一覧
===================================*/

.item-selection .fixed-table .toggle-header{
  background: rgba(97, 131, 204, 0.1);
}
