FRONT Space

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#34A2C6 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #34A2C6 !important; border-color: #34A2C6 !important; } .text-primary, .filters_col .distance span { color: #34A2C6 !important; } .btn-outline-primary { color: #34A2C6 !important; border-color: #34A2C6 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #34A2C6 !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #34A2C6!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#D24763 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #D24763 !important; border-color: #D24763 !important; } .text-secondary { color: #D24763 !important; } .text-secondary a { color: #D24763 !important; } .btn-outline-secondary { color: #D24763 !important; border-color: #D24763 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #D24763 !important; background-color: #D24763 !important; } /*H2見出し*/ main div.ppt-page-body h2.wp-block-heading { background: #34a2c6;/*背景色（）*/ color: #fff; border: 4px double #339ecc;/*囲み線（太さ二重線色）*/ display: block; font-size: 22px;/*文字サイズ*/ padding: 0.8rem;/*文字回りの余白（上下左右）*/ position: relative; } main div.ppt-page-body h2.wp-block-heading:after { border-right: 30px solid #2181C8;/*折れ曲がり部の幅・色など*/ border-bottom: 10px solid transparent;/*折れ曲がり部の高さなど*/ content: ''; left: -0.2rem; position: absolute; top: 105%; } /*H3見出し*/ main div.ppt-page-body h3.wp-block-heading { background: #e9eff1;/*背景色（白）*/ border-left: 4px double #339ecc;/*左線（太さ二重線色）*/ display:block; font-size: 20px;/*文字サイズ*/ padding: 0.7rem;/*文字回りの余白（上下左右）*/ } /*H4見出し*/ main div.ppt-page-body h4.wp-block-heading { border-top: 4px double #339ecc;/*上線（太さ二重線色）*/ border-bottom: 1px solid #339ecc;/*下線（太さ実線色）*/ display: block; font-size: 18px;/*文字サイズ*/ padding: 0.4rem;/*文字回りの余白（上下左右）*/ } /*段落*/ main div.ppt-page-body { font-size: 19px;/*文字サイズ*/ } /*ボックス1*/ .nomadBox8 { position: relative; margin: 1em 0; padding: 1.5em; color: #323232; border-top: solid 2px #E07487; border-bottom: solid 2px #E07487; background:rgba(224,116,135,.07);/*背景色*/ } .nomadBox8:before, .nomadBox8:after { content: ''; position: absolute; top: -10px; width: 2px; height: -webkit-calc(100% + 20px); height: calc(100% + 20px); background-color: #E07487; } .nomadBox8:before {left: 10px;} .nomadBox8:after {right: 10px;} .nomadBox8 p { margin: 0; padding: 0; } /*ボックス2*/ .nomadBox4 { padding: 1.5em; margin: 15px 0; color: #323232; border: solid 2px #55A8DC; background:rgba(85,168,220,.07);/*背景色*/ } .nomadBox4 p { padding: 0; margin: 0; } .nomadBox4 p.red { color: #dc143c; padding: 0; margin: 0; } .nomadBox4 span.red { color: #dc143c; font-size: 12px; line-height: 0.8; } .nomadBox4 h4 { margin-top: 30px; margin-bottom: 10px; font-size: 18px;/*文字サイズ*/ padding: 0.4rem;/*文字回りの余白（上下左右）*/