@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html {
font-size: 62.5%;
overflow-y: scroll;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display: block;
}
ol,ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
address, cite {
font-style: italic;
}
em {
font-weight: bold;
}
code, kbd, var, pre {
font-family: monospace, serif;
}
code {
padding: 2px 8px;
border: 1px solid #e2e5e8;
border-radius: 4px;
}
kbd {
padding: 2px 8px;
background-color: #000c15;
border-radius: 4px;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
color: #fff;
}
pre {
margin-bottom: 40px;
padding: 24px;
border: 1px solid #e2e5e8;
background-color: #f4f6fa;
white-space: pre-wrap;
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
mark {
font-style: italic;
font-weight: bold;
color: #000;
background-color: #ff9;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
margin: 1em 0;
padding: 0;
border: 0;
border-top: 1px solid #e2e5e8;
}
.wp-caption, embed, iframe, img, object {
max-width: 100%;
}
.wp-embedded-content {
width: 100%;
}
img {
border: none;
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.container {
width: 100%;
margin: 0 auto;
}
.container:after {
display: block;
clear: both;
content: "";
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
position: relative;
width: 100%;
margin-left: 0;
}
body {
line-height: 1.6;
font-size: 16px;
font-size: 1.6rem;
word-wrap: break-word;
color: #303030;
background-color: #f8f8f8;
}
h1 {
font-size: 26px;
font-size: 2.6rem;
color: #000c15;
}
h2 {
font-size: 24px;
font-size: 2.4rem;
color: #000c15;
}
h3 {
font-size: 20px;
font-size: 2.0rem;
color: #000c15;
}
h4 {
font-size: 18px;
font-size: 1.8rem;
color: #000c15;
}
h5 {
font-size: 16px;
font-size: 1.6rem;
color: #000c15;
}
h6 {
font-size: 14px;
font-size: 1.4rem;
color: #000c15;
}
blockquote {
display: block;
margin-bottom: 40px;
padding: 16px;
border: 2px solid #e2e5e8;
quotes: "\201C""\2018";
font-size: 16px;
font-size: 1.6rem;
background-color: #f4f6fa;
}
blockquote:before {
line-height: 0.1;
content: open-quote;
vertical-align: -32px;
font-size: 60px;
font-size: 6.0rem;
color: #e2e5e8;
}
blockquote p:last-child {
margin-bottom: 0;
}
blockquote ul:last-child, blockquote ol:last-child {
margin-bottom: 0;
}
small, .small {
font-size: 12px;
font-size: 1.2rem;
}
.big {
font-size: 24px;
font-size: 2.4rem;
color: #000c15;
}
.important-bold {
font-weight: bold;
color: #000c15;
}
.success-bold {
font-weight: bold;
color: #0468ea;
}
.danger-bold {
font-weight: bold;
color: #ff0029;
}
.important-under {
border-bottom: 3px solid #fded06;
}
.success-under {
border-bottom: 3px solid #0468ea;
}
.danger-under {
border-bottom: 3px solid #ff0029;
}
.important-marker {
background-color: #fded06;
padding: 4px 0;
}
.fa {
margin: 0 4px;
color: #9b8d77;
}
table {
width: 100%;
border: 1px solid #e2e5e8;
font-size: 13px;
font-size: 1.3rem;
}
table th {
padding: 8px;
border: 1px solid #e2e5e8;
vertical-align: middle;
}
table td {
padding: 8px 16px;
border: 1px solid #e2e5e8;
text-align: justify;
vertical-align: middle;
}
dl {
margin: 8px 0;
}
dt {
padding: 8px 0;
font-weight: bold;
}
dd {
padding: 8px 0;
}

.side-widget {
margin-bottom: 32px;
}
.side-widget a:hover {
color: #b5b5b5;
}
.side-widget .current-menu-item a {
color: #b5b5b5;
}
.side-widget input[type="submit"] {
width: 100%;
margin: 8px 0 0 0;
padding: 8px;
letter-spacing: 2px;
}
.side-widget select {
margin: 8px 0;
}
.side-widget-title {
margin-bottom: 16px;
}
.side-widget-title h3 {
font-size: 16px;
font-size: 1.6rem;
}
.side-widget ol, .side-widget ul, .side-widget p, .side-widget .tagcloud {
padding: 0 0 8px 0;
line-height: 1.5;
}
.side-widget li a {
display: block;
position: relative;
padding: 8px 16px 8px 0;
}
.side-widget li a:after {
content: ">";
position: absolute;
top: 50%;
right: 0;
margin-top: -12px;
font-family: "FontAwesome";
color: #e2e5e8;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.side-widget .children {
padding: 0;
}
.side-widget .children .cat-item a {
padding: 8px 16px 8px 12px;
}
.side-widget .children .cat-item a:hover {
padding-left: 16px;
}

.new-post-list img {
width: 90px;
height: 90px
}
.new-post-thumbnail {
float: left;
margin: 0 8px 0 0;
border: none;
vertical-align: middle;
}
.new-post-list li {
padding: 8px 0;
}
.new-post-list .new-post-title {
display: block;
font-size: 14px;
font-size: 1.4rem;
}
.new-post-list .new-post-date {
display: block;
padding: 2px 0;
font-size: 12px;
font-size: 1.2rem;
font-weight: normal;
color: #999;
}
.new-post-list li a {
padding: 0;
}
.side-widget .new-post-list a:hover {
padding-left: 0;
}
.side-widget .new-post-list a:after {
content: none;
}
.mobile-menu-widget .new-post-title {
padding-bottom: 8px;
font-size: 16px;
font-size: 1.6rem;
}
.footer-widget-box .tagcloud a {
border: 1px solid #757575;
}
.footer-widget-box .tagcloud a:hover {
border: 1px solid #757575;
}
a {
outline: none;
text-decoration: none;
color: #303030;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
a:hover {
color: #b5b5b5;
}
#gnav {
display: none;
}
#modal-global-nav-container {
padding: 32px 16px;
border-bottom: 1px solid #e2e5e8;
}
#modal-global-nav-container ul {
overflow: hidden;
}
#modal-global-nav-container .global-nav li {
text-align: left;
}
#modal-global-nav-container .global-nav-default li a {
display: block;
padding: 16px 0;
border-bottom: 1px solid #e2e5e8;
}
#modal-global-nav-container .sub-menu {
margin-left: 16px;
}
#modal-global-nav-container .sub-menu li a {
border-bottom: 1px dashed #e2e5e8;
color: #747474;
}
#modal-global-nav-container .global-nav-default li a:hover {
color: #b5b5b5;
}
#modal-global-nav-container .global-nav li ul li {
background-color: #fff;
color: #b5b5b5;
}
.modal-header-logo {
margin: 16px 0;
text-align: center;
}

.screen-reader-text {
display: none;
}
.pagination {
margin-bottom: 32px;
text-align: center;
}
.pagination a {
color: #b5b5b5;
}
.pagination a:hover {
background-color: #b5b5b5;
color: #fff;
}
.pagination .current {
background-color: #b5b5b5;
color: #fff;
}
.page-numbers {
display: inline-block;
margin-right: 2px;
line-height: 32px;
width: 32px;
height: 32px;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ebedf0;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
}
.next-page {
padding-bottom: 32px;
text-align: center;
}
.next-page span {
border-radius: 4px;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.post-navigation {
margin: 32px 0;
border: 1px solid #ebedf0;
}
.nav-links {
display: table;
table-layout: fixed;
width: 100%;
}
.nav-previous, .nav-next {
display: table-cell;
padding: 16px;
background-color: #fff;
border-radius: 0 0 4px 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
}
.nav-previous a, .nav-next a {
display: block;
}
.nav-links .nav-next {
text-align: right;
}
.post-nav {
display: block;
padding-bottom: 8px;
font-size: 12px;
color: #666;
}
.post-nav .fa {
color: #b5b5b5;
}
.nav-title {
padding: 0 4px;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
}
.btn {
display: block;
position: relative;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
}
.btn a {
display: block;
padding: 8px 32px;
border-radius: 4px;
line-height: 1.5;
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
background-color: #9b8d77;
color:#fff;
text-decoration: none;
}
.btn a:hover {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 4px;
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
color:#fff;
}
.btn-border {
position: relative;
display: block;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #b5b5b5;
border-radius: 4px;
text-align: center;
}
.btn-border:hover {
color: #fff;
background-color: #9b8d77;
}
.btn-sm {
width: 60%;
font-size: 16px;
font-size: 1.6rem;
}
.btn-mid {
width: 80%;
font-size: 16px;
font-size: 1.6rem;
}
.btn-lg {
width: 100%;
font-size: 18px;
font-size: 1.8rem;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.alignnone, img.alignnone {
display: block;
margin: 0 0 16px 0;
}
.aligncenter, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft, img.alignleft {
display: inline;
float: left;
margin: 0 16px 16px 0;
}
.alignright, img.alignright {
display: inline;
float: right;
margin: 0 0 16px 16px;
}
.gallery img {
border: none !important;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.display-block {
display: block;
}
.display-table {
display: table;
}
.display-none {
display: none;
}
.br-sp {
display: block;
}
.br-pc {
display: none;
}
.overflow {
overflow: hidden;
}
.overflow-y {
overflow-y: hidden;
}
.overflow-x {
overflow-x: hidden;
}
.clearfix:after {
display: block;
clear: both;
content: "";
}
.top-bar {
margin: 0;
padding: 0 8px;
border-bottom: 1px solid #e2e5e8;
font-weight: normal;
background-color: #f8f8f8;
}
.top-bar h1, .top-bar p {
line-height: 24px;
font-size: 12px;
font-size: 1.2rem;
font-weight: normal;
}
.header {
position: relative;
padding: 0 8px;
background-color: #fff;
box-shadow: 0 2px 3px -3px rgba(0,0,0,0.3);
}
.header-area-height {
height: 96px;
}
.header-area-height-line {
height: 80px;
overflow: visible;
}
.header-area-height-line .header-brand {
line-height: 80px;
}
.header-area-height-line #gnav .global-nav li ul {
top: 80px;
}
.header-brand {
line-height: 96px;
}
.header-table {
display: inline-table;
vertical-align: middle;
}
.header-table div {
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: flex-start;
line-height: 1;
}
.header-table h1, .header-table p {
line-height: 24px;
font-size: 12px;
font-size: 1.2rem;
font-weight: normal;
}
.header-site-name {
font-weight: bold;
}
.header-widget {
display: none;
}
.header-col-center {
text-align: center;
}
.header-col-center .header-table div {
justify-content: center;
}
.header-cta ul {
line-height: 96px;
text-align: right;
}
.header-cta li {
display: inline-table;
vertical-align: middle;
}

.header-cta-tell div, .header-cta-btn {
display: none;
}
.header-cta-btn a {
background-color: #37db9b;
color: #fff;
}
.content {
padding: 32px 0;
}
.breadcrumb {
margin: -32px 16px 0 16px;
padding: 8px 0;
line-height: 1.4;
}
.breadcrumb li {
float: left;
padding-right: 8px;
font-size: 12px;
font-size: 1.2rem;
}
.breadcrumb .fa-home {
margin: 0 4px 0 0;
}
.article {
border-radius: 0 0 4px 4px;
background-color: #fff;
}
.article:after {
display: block;
clear: both;
content: "";
}
.article-header {
padding: 8px 16px;
}
.article-header h1 {
margin: 8px 0;
line-height: 1.5;
font-size: 20px;
font-size: 2.0rem;
}
.article-header p {
line-height: 2;
}
.post-meta {
margin: 8px 0;
color: #999;
}
.post-meta a {
color: #999;
}
.post-meta li {
float: left;
padding-right: 8px;
font-size: 12px;
font-size: 1.2rem;
}
.post-meta .fa {
margin-left: 0;
color: #999;
}
.edit-link {
font-size: 16px;
font-size: 1.6rem;
}
.article-thumbnail {
margin-bottom: 16px;
}
.article-thumbnail img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.article-thumbnail-caption {
margin: 8px 0;
text-align: center;
color: #999;
font-size: 12px;
font-size: 1.2rem;
}
.image-link {
position: relative;
}
.image-link:after {
content: '';
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.1);
opacity: 0;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.image-link:hover:after {
opacity: 1;
}
.article-body {
padding: 0 16px 16px 16px;
}
.article-body:after {
display: block;
clear: both;
content: "";
}
.article-body a {
text-decoration: underline;
}
.article-body a:hover {
text-decoration: none;
}
.article-body h2 {
margin: 56px 0 40px 0;
line-height: 1.5;
font-size: 20px;
font-size: 2.0rem;
}
.article-body h3 {
margin: 48px 0 32px 0;
line-height: 1.5;
}
.article-body h4 {
margin: 48px 0 16px 0;
line-height: 1.5;
}
.article-body h5 {
margin: 40px 0 8px 0;
line-height: 1.5;
}
.article-body h6 {
margin: 32px 0 8px 0;
line-height: 1.5;
}
.article-body ol {
margin: 0 0 40px 0;
counter-reset: item;
list-style-type: none;
color: #333;
}
.article-body ol li {
margin: 8px 0;
}
.article-body ol li:before{
counter-increment: item;
content: counters(item, "-")". ";
}
.article-body ol li ol {
margin: 0 0 16px 18px;
}
.article-body ul {
margin: 0 0 40px 18px;
list-style: disc;
color: #333;
}
.article-body ul li {
margin: 8px 2px;
}
.article-body ul li ul {
margin: 0 0 16px 18px;
list-style: circle;
}
.article-body ul li ul li ul li {
position: relative;
list-style: none;
}
.article-body ul li ul li ul li:after {
font-family: "FontAwesome";
content: "\f105";
position: absolute;
top: 50%;
left: -16px;
margin-top: -13px;
}
.article-body p {
margin-bottom: 40px;
}
.article-body table {
margin-bottom: 40px;
}
.article-body th {
background-color: #f4f6fa;
font-weight: bold;
}
.article-body img {
max-width: 100%;
height: auto;
margin: 0 0 16px 0;
}
.article-body .alignleft, .article-body img.alignleft {
max-width: 50%;
margin: 0 16px 16px 0;
}
.article-body .alignright, .article-body img.alignright {
max-width: 50%;
margin: 0 0 16px 16px;
}
.article-body .aligncenter, .article-body img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.article-body .btn {
margin-bottom: 40px;
}
.article-body .btn a {
text-decoration: none;
}
.article-body .searchform input[type="submit"] {
width: 100%;
margin: 8px 0 0 0;
padding: 8px;
letter-spacing: 2px;
}
.avatar {
float: left;
}
.avatar img {
border: 1px solid #e2e5e8;
border-radius: 50%;
}


.related {
margin: 32px 0;
padding:0 16px;
background-color: #fff;
border-radius: 0 0 4px 4px;
border: 1px solid #ebedf0;
}
.related:after {
display: block;
clear: both;
content: "";
}
.related h3 {
margin: 16px 0 8px 0;
font-size: 16px;
font-size: 1.6rem;
}
.related-list-two li {
margin: 0 0 32px 0;
}
.related-list-two li:after {
display: block;
clear: both;
content: "";
}
.related-thumbnail-square {
float: left;
padding-right: 16px;
}
.related-thumbnail-square a {
display: block;
width: 90px;
height: 90px;
}
.related-thumbnail-square img {
width: 90px;
height: 90px;
}
.related-list-two .related-date {
padding-left: 96px;
}
.related-date h4 {
margin-top: 4px;
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
}
.related-date a {
display: block;
color: #000c15;
}
.related-list-three li {
margin: 0 0 32px 0;
}
.related-list-three li:after {
display: block;
clear: both;
content: "";
}
.related-thumbnail-small img {
width: 100%;
height: auto;
}
.related p {
margin-bottom: 16px;
}
.related-col4, .related-col6 {
position: relative;
width: 100%;
margin-left: 0;
}


.sidebar {
padding: 32px 16px;
}
.sidebar .ad-300 {
text-align: center;
line-height: 0;
}
.footer {
background-color: #232323;
color: #757575;
}
.footer a {
color: #757575;
}
.pagetop {
text-align: center;
padding-top: 16px;
cursor: pointer;
font-size: 12px;
font-size: 1.2rem;
}
.br:before {
content: "\A" ;
white-space: pre ;
}



.sidebar-footer {
padding: 16px 8px 0 8px;
}
.sidebar-footer-col3, .sidebar-footer-col4 {
position: relative;
width: 100%;
margin-left: 0;
}
.footer-nav {
padding: 16px 16px 0 16px;
text-align: center;
font-size: 0;
}
.footer-nav li {
display: inline;
padding: 0 16px;
border-right: 1px solid #757575;
font-size: 12px;
font-size: 1.2rem;
}
.footer-nav li:last-child {
border-right: none;
}


.cta-popup-header-remodal {
padding: 16px 8px;
border-top: 4px solid #f35b25;
text-align: center;
}
.cta-popup-header-remodal span {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #000c15;
}
.cta-popup {
position: fixed;
right: 0;
bottom: 0;
width: 100%;
z-index: 99999;
}
.cta-popup-inner {
position: relative;
width: 100%;
max-height: 100%;
background-color: #fff;
box-shadow: -1px -1px 6px 2px rgba(0,0,0,0.12);
}
.cta-popup-header {
padding: 16px 8px;
border-top: 4px solid #b5b5b5;
text-align: center;
white-space: nowrap;
}
.cta-popup-header span {
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
color: #000c15;
}
#cta-popup-btn {
position: absolute;
top: -32px;
right: 0;
width: 32px;
height: 32px;
background-color: #b5b5b5;
cursor: pointer;
text-align: center;
}
#cta-popup-btn .fa {
color: #fff;
line-height: 32px;
}
.cta-popup-body {
padding: 0 16px;
}
.cta-popup-image {
width: 40%;
}
.cta-popup-text {
overflow: hidden;
color: #303030;
text-align: left;
}
.cta-popup-footer {
padding: 16px;
text-align: center;
}
.cta-popup-btn a {
background-color: #37db9b;
color: #fff;
}
@keyframes popup-max-transform {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
60% {
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@-webkit-keyframes popup-max-transform {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
60% {
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
}
100% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@keyframes popup-min-transform {
0% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
60% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes popup-min-transform {
0% {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
60% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.popup-min {
-webkit-animation: popup-min-transform 0.6s ease-in-out 1 normal forwards;
animation: popup-min-transform 0.6s ease-in-out 1 normal forwards;
}
.popup-max {
-webkit-animation: popup-max-transform 0.8s ease-in-out 1 normal forwards;
animation: popup-max-transform 0.8s ease-in-out 1 normal forwards;
}
.cta-popup-footer input[type="text"],
.cta-popup-footer input[type="email"],
.cta-popup-footer input[type="url"],
.cta-popup-footer input[type="password"],
.cta-popup-footer input[type="search"],
.cta-popup-footer input[type="number"],
.cta-popup-footer input[type="tel"],
.cta-popup-footer input[type="range"],
.cta-popup-footer input[type="color"],
.cta-popup-footer input[type="time"],
.cta-popup-footer input[type="date"],
.cta-popup-footer input[type="datetime"],
.cta-popup-footer input[type="datetime-local"],
.cta-popup-footer input[type="week"],
.cta-popup-footer input[type="month"],
.cta-popup-footer select,
.cta-popup-footer textarea {
margin: 16px 0;
}
.home .content {
padding: 32px 8px;
}
.col-main, .col-sidebar, .col-main-right, .col-sidebar-left {
width: 100%;
}
.loading-wrapper {
position: absolute;
z-index: 999;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
height: auto;
background-color: #fff;
}


.featured {
position: relative;
padding: 32px 16px;
min-height: 250px;
}
.featured-list {
padding: 8px;
border-radius: 0 0 4px 4px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
background-color: #fff;
z-index: 300;
}
.featured-list .slick-track {
margin: 0;
}
.featured-thumbnail {
position: relative;
}
.featured-thumbnail a {
display: block;
}
.featured-thumbnail img {
width: 100%;
height: auto;
vertical-align: middle;
}
.featured-post {
padding: 8px 16px 0 16px;
}
.featured-title a {
display: block;
color: #000c15;
}
.featured-title h2 {
padding-bottom: 8px;
font-size: 16px;
font-size: 1.6rem;
}
.featured-date p {
padding-bottom: 32px;
font-size: 14px;
font-size: 1.4rem;
}
.entry-header {
margin-bottom: 16px;
}
.entry-header h2 {
font-size: 16px;
font-size: 1.6rem;
}
.archive-list {
position: relative;
margin: 0 0 32px 0;
border-radius: 0 0 4px 4px;
border: 1px solid #e2e5e8;
box-sizing: border-box;
background-color: #fff;
}
.archive-list:after {
display: block;
clear: both;
content: "";
}
.archive .archive-list {
margin: 0 8px 32px 8px;
}
.search .archive-list {
margin: 0 8px 32px 8px;
}
.cat-name, .sticky .cat-name {
position: absolute;
z-index: 3;
top: 0;
left: 0;
min-width: 80px;
padding: 2px 4px;
font-size: 12px;
font-size: 1.2rem;
text-align: center;
color: #fff;
background-color: #232323;
}
.cat-name a, .sticky .cat-name a {
display: block;
color: #fff;
z-index: 3;
}
.archive-header {
padding: 8px 16px 0 16px;
}
.archive-header-title {
padding-bottom: 8px;
font-size: 16px;
font-size: 1.6rem;
}
.archive-header-title a {
display: block;
color: #000c15;
}
.archive-header p {
padding-bottom: 32px;
font-size: 14px;
font-size: 1.4rem;
}
.eye-catch {
position: relative;
overflow: hidden;
}
.eye-catch a {
display: block;
}
.eye-catch:after {
content: '';
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.08);
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
.eye-catch:hover:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.eye-catch img {
width: 100%;
height: auto;
vertical-align: bottom;
}
.image-link-border {
position: relative;
}
.image-link-border:after {
content: '';
position: absolute;
z-index: 2;
top: 8px;
right: 8px;
bottom: 8px;
left: 8px;
border: 1px solid #fff;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
opacity: 0;
}
.image-link-border:hover:after {
opacity: 1;
}
.read-more a {
font-size: 14px;
font-size: 1.4rem;
}
.wp-caption {
max-width: 100%;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text, .gallery-caption {
font-size: 12px;
font-size: 1.2rem;
}
.ad-box {
text-align: center;
}
.ad-label {
padding: 16px 0;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
}
.no-code {
margin-bottom: 16px;
padding: 36px 8px;
border: 2px solid #ff0029;
text-align: center;
}
.header-ad {
display: none;
}
.ad-300 {
margin-bottom: 32px;
}
.article-body .ad-300 p {
line-height: 0;
}


.wpcf7-list-item {
display: inline-block;
}
.wpcf7-submit {
display: block;
margin: 16px auto;
}
span.wpcf7-not-valid-tip {
margin: 8px 0;
}
div.wpcf7-response-output {
margin: 16px 0;
padding: 16px;
}
.wpp-list {
counter-reset: wpp-ranking;
line-height: inherit;
}
.wpp-list li {
position: relative;
padding: 8px 0;
}
.wpp-list li a {
padding: 0;
}
.wpp-list > li a:before {
content: counter(wpp-ranking, decimal);
counter-increment: wpp-ranking;
position: absolute;
left: 0;
padding: 4px 6px;
background-color: #232323;
line-height: 1;
font-size: 10px;
font-size: 1.0rem;
color: #fff;
z-index: 1;
}
.wpp-list li a:hover {
padding-left: 0;
}
.side-widget .wpp-list li a:after {
content: none;
}
.wpp-list li a.wpp-post-title:before,
.wpp-list li .wpp-author a:before,
.wpp-list li .wpp-category a:before {
content: none;
}
.wpp-list .wpp-excerpt {
font-size: 12px;
font-size: 1.2rem;
font-weight: normal;
color: #999;
}
.wpp-list .post-stats {
display: block;
padding: 2px 0;
font-size: 8px;
font-size: 0.8rem;
font-weight: normal;
color: #999;
}
.wpp-list .post-stats a {
display: inherit;
padding: 0;
color: #999;
}
.wpp-list img {
margin-right: 8px;
}
.mobile-menu-widget .wpp-list .post-stats {
padding: 8px 0;
}
.footer-widget-box .wpp-list .wpp-excerpt, .footer-widget-box .wpp-list .post-stats, .footer-widget-box .wpp-list .post-stats a {
color: #757575;
}
.footer-widget-box .wpp-list a:hover {
color: #fff;
}
#toc_container {
margin: auto;
padding: 16px 24px;
background-color: inherit;
border: 2px solid #e2e5e8;
min-width: 100%;
font-size: 16px;
font-size: 1.6rem;
}
#toc_container p {
margin-bottom: 0;
line-height: 1;
}
#toc_container a:hover {
text-decoration: none;
}
#toc_container p.toc_title {
margin-top: 8px;
font-size: 20px;
font-size: 2.0rem;
color: #000c15;
}
#toc_container .toc_list > li > a {
margin: 16px 0 8px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #ccc;
}
#toc_container li a {
display: block;
padding: 8px 0;
border-bottom: 1px dotted #ccc;
}
#toc_container ul ul {
margin-left: 16px;
}
#toc_container li .toc_number {
margin-right: 4px;
}
#toc_container span.toc_toggle {
font-size: 12px;
font-size: 1.2rem;
}
.crayon-table td {
display: table-cell;
width: inherit;
}
.syntaxhighlighter table td {
display: table-cell;
}

@charset "UTF-8";
@media screen and ( min-width: 768px ) {
.container {
width: 752px;
}
.wpcf7 dt {
float: left;
width: 20%;
border-bottom: none;
}
.wpcf7 dd {
float: left;
width: 90%;
}
.side-widget .searchform input[type="text"], .footer-widget-box .searchform input[type="text"] {
width: 74%;
}
.side-widget .searchform input[type="submit"], .footer-widget-box .searchform input[type="submit"] {
width: 25%;
margin: 0 0 0 6px;
padding: 6px;
font-size: 12px;
font-size: 1.2rem;
}
#sidebar-cta {
padding: 32px;
}
#sidebar-cta .sidebar-cta-btn .btn {
width: 40%;
}
.btn-sm {
width: 30%;
}
.btn-mid {
width: 60%;
}
.btn-lg {
width: 80%;
}
.nav-title {
font-size: 16px;
font-size: 1.6rem;
}
.scroll-nav {
padding-left: 0;
}
.scroll-nav-center {
text-align: left;
}
.mb-horizontal-nav {
display: none;
}
.br-sp {
display: none;
}
.br-pc {
display: block;
}
.header {
padding: 0;
}
.content {
padding: 64px 0;
}
.breadcrumb {
margin: -64px 0 0 0;
padding: 24px 0;
line-height: 1.4;
}
.article {
border: 1px solid #ebedf0;
}
.article-header {
padding: 16px;
}
.article-thumbnail {
margin-bottom: 32px;
}
.article-header h1 {
margin: 16px 0;
font-size: 26px;
font-size: 2.6rem;
}
.article-body h2 {
font-size: 24px;
font-size: 2.4rem;
}
.article-body p {
line-height: 2.0;
}
.article-body .alignleft, .article-body img.alignleft {
max-width: 100%;
}
.article-body .alignright, .article-body img.alignright {
max-width: 100%;
}
.article-body .aligncenter, .article-body img.aligncenter {
max-width: 100%;
}
.article-body .searchform input[type="submit"] {
width: 20%;
margin: 0px 0px 0px 8px;
padding: 5px 32px;
}
.post-meta {
margin: 0 0 4px 0;
}
.read-more a {
font-size: 12px;
font-size: 1.2rem;
}
.share-btn a {
line-height: 1.5;
}
.share-btn .count {
padding-left: 4px;
}
.article input[type="text"],
.article input[type="email"],
.article input[type="url"],
.article input[type="password"],
.article input[type="search"],
.article input[type="number"],
.article input[type="tel"],
.article input[type="range"],
.article input[type="color"],
.article input[type="time"],
.article input[type="date"],
.article input[type="datetime"],
.article input[type="datetime-local"],
.article input[type="month"],
.article input[type="week"],
.article select {
width: 70%;
}
.article textarea {
width: 100%;
}
.fb-follow-text {
left: 0;
padding-bottom: 10px;
text-align: center;
font-size: 20px;
font-size: 2.0rem;
font-weight: bold;
}
.fb-follow-text p {
margin-bottom: 0;
}
.sns-follow li {
width: 19%;
margin: 0 2px;
}
.sns-follow a {
line-height: 1.5;
}
#comment-area, .comment-respond {
padding: 48px 16px;
}
.nav-previous, .nav-next {
padding:32px 16px
}
.related {
padding: 0 32px;
}
.related-list-two li {
margin: 0 2.8% 32px 0;
}
.related-list-two li:nth-child(2n) {
margin: 0 0 32px 0;
}
.related-list-three li {
margin: 0 2.8% 32px 0;
}
.related-list-three li:nth-child(3n) {
margin: 0 0 32px 0;
}
.related h3 {
margin: 32px 0 8px 0;
}
.related p {
margin-bottom: 32px;
}
.related-col4, .related-col6 {
float: left;
margin-left: 2.8%;
}
.related-col4 {
width: 31.4%;
}
.related-col6 {
width: 48.6%;
}
.sidebar {
padding: 32px 0;
}
.cta-popup {
width: 400px;
}
.sidebar-footer {
padding: 32px 0 0 0;
}
.sidebar-footer-col3, .sidebar-footer-col4 {
float: left;
margin-left: 2.8%;
}
.sidebar-footer-first {
margin-left: 0
}
.sidebar-footer-col3 {
width: 22.9%;
}
.sidebar-footer-col4 {
width: 31.4%;
}
.footer-top-inner span {
display: inline-block;
}
.footer-top-inner li a {
padding: 32px 0;
}
.cta-footer-tell span {
margin-left: 8px;
font-size: 16px;
font-size: 1.6rem;
}
.cta-footer-btn {
width: 40%;
}
.loading-wrapper {
background-image: url(lib/images/balls.svg);
background-position: center;
background-repeat: no-repeat;
}
.slider-title {
font-size: 32px;
font-size: 3.2rem;
}
.slider-sub-title {
font-size: 22px;
font-size: 2.2rem;
}
.bx-controls-direction {
display: block;
}
.bx-controls-direction a {
transition: none;
}
.slider-post-title {
width: 80%;
font-size: 28px;
font-size: 2.8rem;
}
.video-title {
font-size: 40px;
font-size: 4.0rem;
}
.video-sub-title {
font-size: 22px;
font-size: 2.2rem;
}
.video-btn {
margin-top: 32px;
}
.featured {
padding: 32px 0;
}
.featured-list {
padding: 16px;
}
.featured-list:after {
display: block;
clear: both;
content: "";
}
.featured-title h2 {
padding-bottom: 16px;
}
.pagebox {
margin: 0;
}
.pagebox-list {
float: left;
width: 33.333%;
margin-bottom: 0;
}
.pagebox-title {
margin-bottom: 16px;
font-size: 18px;
font-size: 1.8rem;
}
.header-eyecatch-container {
display: table;
table-layout: fixed;
width: 752px;
}
.header-eyecatch-container > div {
display: table-cell;
vertical-align: middle;
}
.header-eyecatch-image {
width: 40%;
}
.header-eyecatch-message h2 {
font-size: 32px;
font-size: 3.2rem;
}
.header-eyecatch-message p {
font-size: 22px;
font-size: 2.2rem;
}
.push-eyecatch-image {
left: 60%;
}
.header-eyecatch-message {
width: 60%;
}
.pull-eyecatch-message {
right: 40%;
}
.home .one-column .archive-list, .blog .one-column .archive-list{
margin: 0 0 32px 0;
padding: 1.92%;
}
.home .one-column .eye-catch, .blog .one-column .eye-catch {
float: left;
width: 40%;
}
.home .one-column .archive-header, .blog .one-column .archive-header {
float: right;
padding: 0;
width: 56%;
}
.home .one-column .archive-header-title, .blog .one-column .archive-header-title {
padding: 0 0 8px 0;
}
.home .two-column .archive-list, .blog .two-column .archive-list {
float: left;
width: 48.56%;
margin: 0 2.88% 32px 0;
}
.home .two-column .archive-list:nth-child(2n), .blog .two-column .archive-list:nth-child(2n) {
margin: 0 0 32px 0;
}
.home .two-column .archive-header-title, .blog .two-column .archive-header-title {
padding: 0 0 16px 0;
}
.home .two-column .archive-header p, .blog .two-column .archive-header p {
padding-bottom: 16px;
}
.home .three-column .archive-list, .blog .three-column .archive-list {
float: left;
width: 31.4%;
margin: 0 2.88% 32px 0;
}
.home .three-column .archive-list:nth-child(3n), .blog .three-column .archive-list:nth-child(3n) {
margin: 0 0 32px 0;
}
.home .three-column .archive-header-title, .blog .three-column .archive-header-title {
padding: 0 0 16px 0;
}
.home .three-column .archive-header p, .blog .three-column .archive-header p {
padding-bottom: 16px;
}
.home .big-column .archive-header-title, .blog .big-column .archive-header-title {
padding: 0 0 16px 0;
font-size: 24px;
font-size: 2.4rem;
}
.archive-title {
margin: 0 0 16px 0;
}
.archive-description {
margin: 0 0 32px 0;
}
.author-archive {
margin: 0 0 32px 0;
}
.archive .ar-one-column .archive-list {
margin: 0 0 32px 0;
padding: 1.92%;
}
.archive .ar-one-column .eye-catch {
float: left;
width: 40%;
}
.archive .ar-one-column .archive-header {
float: right;
padding: 0;
width: 56%;
}
.archive .ar-one-column .archive-header-title {
padding: 0 0 8px 0;
}
.search .ar-one-column .archive-list {
margin: 0 0 32px 0;
padding: 1.92%;
}
.search .ar-one-column .eye-catch {
float: left;
width: 40%;
}
.search .ar-one-column .archive-header {
float: right;
padding: 0;
width: 56%;
}
.search .ar-one-column .archive-header-title {
padding: 0 0 8px 0;
}
.archive .ar-two-column .archive-list {
float: left;
width: 48.56%;
margin: 0 2.88% 32px 0;
}
.archive .ar-two-column .archive-list:nth-child(2n) {
margin: 0 0 32px 0;
}
.archive .ar-two-column .archive-header-title {
padding: 0 0 16px 0;
}
.archive .ar-two-column .archive-header p {
padding-bottom: 16px;
}
.search .ar-two-column .archive-list {
float: left;
width: 48.56%;
margin: 0 2.88% 32px 0;
}
.search .ar-two-column .archive-list:nth-child(2n) {
margin: 0 0 32px 0;
}
.search .ar-two-column .archive-header-title {
padding: 0 0 16px 0;
}
.search .ar-two-column .archive-header p {
padding-bottom: 16px;
}
.archive .ar-three-column .archive-list {
float: left;
width: 31.4%;
margin: 0 2.88% 32px 0;
}
.archive .ar-three-column .archive-list:nth-child(3n) {
margin: 0 0 32px 0;
}
.archive .ar-three-column .archive-header-title {
padding: 0 0 16px 0;
}
.archive .ar-three-column .archive-header p {
padding-bottom: 16px;
}
.search .ar-three-column .archive-list {
float: left;
width: 31.4%;
margin: 0 2.88% 32px 0;
}
.search .ar-three-column .archive-list:nth-child(3n) {
margin: 0 0 32px 0;
}
.search .ar-three-column .archive-header-title {
padding: 0 0 16px 0;
}
.search .ar-three-column .archive-header p {
padding-bottom: 16px;
}
.archive .ar-big-column .archive-header-title {
padding: 0 0 16px 0;
font-size: 24px;
font-size: 2.4rem;
}
.archive .ar-big-column .archive-list {
margin: 0 0 32px 0;
}
.search .ar-big-column .archive-header-title {
padding: 0 0 16px 0;
font-size: 24px;
font-size: 2.4rem;
}
.search .ar-big-column .archive-list {
margin: 0 0 32px 0;
}
.page-template-author-list .au-two-column .user-profile {
float: left;
width: 48.56%;
margin: 0 2.88% 32px 0;
}
.page-template-author-list .au-two-column .user-profile:nth-child(2n) {
margin: 0 0 32px 0;
}
.page-template-author-list .au-three-column .user-profile {
float: left;
width: 31.4%;
margin: 0 2.88% 32px 0;
}
.page-template-author-list .au-three-column .user-profile:nth-child(3n) {
margin: 0 0 32px 0;
}
.article-ad-left {
display: inline-block;
margin-right: 16px;
}
.article-ad-right {
display: inline-block;
}
.lp-container {
width: 752px;
}
.header-title {
font-size: 40px;
font-size: 4.0rem;
}
.header-sub-title {
font-size: 22px;
font-size: 2.2rem;
}
.header-btn .btn-sm {
width: 35%;
}
.lp-empathy {
padding: 72px 16px;
}
.empathy-content {
padding: 16px 32px 16px 58px;
}
.empathy-image {
display: -webkit-flex;
display: flex;
padding: 32px;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.empathy-image img {
border-radius: 50%;
border: 1px solid #e2e5e8;
}
.empathy-box-r {
text-align: right
}
.empathy-box-l li, .empathy-box-r li {
margin: 32px 0;
}
.advantage {
padding: 64px 0 48px 0;
}
.advantage-list {
float: left;
margin: 0 0 32px 0;
width: 32.14%;
}
.list-2 {
margin: 0 1.78% 32px 1.78%;
}
.slick-track > li {
margin-right: 8px;
margin-bottom: 0;
border-radius: inherit;
box-shadow: none;
background-color: transparent;
}
.slick-track > li:last-child {
margin-right: 0;
}
.featured-date p {
padding-bottom: 0;
}
.featured-post .post-meta {
display: none;
}
.featured-date .read-more {
display: none;
}
.benefits-content {
padding: 16px 32px 16px 58px;
}
.lp-cta-contactfrom {
padding: 32px;
}
.faq-content li {
padding: 4px 0 32px 56px;
}
.question:before {
width: 42px;
height: 42px;
line-height: 42px;
}
.answer:before {
width: 42px;
height: 42px;
line-height: 42px;
}
.postscript-image {
margin-bottom: 0;
}
}
@charset "UTF-8";
@media screen and ( min-width: 992px ) {
.container {
width: 960px;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
float: left;
margin-left: 2.8%;
}
.first {
margin-left: 0;
}
.col1 {
width: 5.7%;
}
.col2 {
width: 14.3%;
}
.col3 {
width: 22.9%;
}
.col4 {
width: 31.4%;
}
.col5 {
width: 40.0%;
}
.col6 {
width: 48.6%;
}
.col7 {
width: 57.1%;
}
.col8 {
width: 65.7%;
}
.col9 {
width: 74.3%;
}
.col10 {
width: 82.9%;
}
.col11 {
width: 91.4%;
}
.col12 {
width: 100.0%;
}
.push1 {
left: 8.6%;
}
.push2 {
left: 17.1%;
}
.push3 {
left: 25.7%;
}
.push4 {
left: 34.3%;
}
.push5 {
left: 42.9%;
}
.push6 {
left: 51.4%;
}
.push7 {
left: 60%;
}
.push8 {
left: 68.6%;
}
.push9 {
left: 77.1%;
}
.push10 {
left: 85.7%;
}
.push11 {
left: 94.3%;
}
.pull1 {
right: 8.6%;
}
.pull2 {
right: 17.1%;
}
.pull3 {
right: 25.7%;
}
.pull4 {
right: 34.3%;
}
.pull5 {
right: 42.9%;
}
.pull6 {
right: 51.4%;
}
.pull7 {
right: 60%;
}
.pull8 {
right: 68.6%;
}
.pull9 {
right: 77.1%;
}
.pull10 {
right: 85.7%;
}
.pull11 {
right: 94.3%;
}
.header-widget {
display: flex;
justify-content: flex-end;
align-items: center;
vertical-align: middle;
}
.header-widget .searchform {
text-align: right;
}
.header-widget .searchform input[type="text"] {
width: 70%;
}
.header-widget .searchform input[type="submit"] {
width: 25%;
margin: 0 0 0 6px;
padding: 6px;
font-size: 12px;
font-size: 1.2rem;
}
.header-widget img, .header-widget .adsbygoogle {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.side-widget .searchform input[type="text"], .footer-widget-box .searchform input[type="text"] {
width: 76%;
}
.side-widget .searchform input[type="submit"], .footer-widget-box .searchform input[type="submit"] {
width: 20%;
font-size: 12px;
font-size: 1.2rem;
}
#sidebar-cta {
padding: 16px;
}
#sidebar-cta .sidebar-cta-btn .btn {
width: 80%;
}
.top-bar .fa {
width: 24px;
margin: 0;
padding: 0 4px;
text-align: center;
color: #999;
-webkit-transition: all 0.4s ease-in;
transition: .4s ease-in-out;
}
.top-bar a:hover .fa {
color: #b5b5b5;
}
.header-cta li {
vertical-align: middle;
}
.header-cta-tell div {
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: flex-end;
line-height: 1;
}
.header-cta-tell .fa, .header-cta-tell .tell-number {
font-size: 20px;
font-size: 2.0rem;
}
.header-cta-tell .fa {
color: #b5b5b5;
}
.header-cta-tell .tell-number {
color: #000c15;
}
.header-cta-tell .tell-text {
margin: 4px 1px 0 0;
font-size: 12px;
font-size: 1.2rem;
}
.header-cta-btn {
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: 8px;
}
.modal-menu {
display: none;
}
#gnav {
display: block;
background-color: #323638;
}
#gnav ul {
display: table;
width: 100%;
table-layout: fixed;
}
#gnav .global-nav li {
display: table-cell;
position: relative;
}
#gnav .global-nav li a {
display: block;
position: relative;
font-size: 13px;
font-size: 1.3rem;
}
#gnav .global-nav .current-menu-item > a {
color: #b5b5b5;
}
#gnav .global-nav li ul {
visibility: hidden;
position: absolute;
z-index: 999;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition: visibility 0.2s ease-in, opacity 0.2s ease-in;
transition: visibility 0.2s ease-in, opacity 0.2s ease-in;
opacity: 0;
}
#gnav .global-nav li ul li {
display: inline-block;
width: 100%;
padding: 2px 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}
#gnav .global-nav li ul li a {
padding: 16px 0;
}
#gnav .global-nav .menu-item-has-children:hover > ul {
visibility: visible;
opacity: 1;
}
#gnav .global-nav .menu-item-has-children ul li ul {
visibility: hidden;
position: absolute;
top: 0;
left: 100%;
-webkit-transition: visibility 0.2s ease-in, opacity 0.2s ease-in;
transition: visibility 0.2s ease-in, opacity 0.2s ease-in;
opacity: 0;
}
#gnav .global-nav .menu-item-has-children ul li :hover > ul {
visibility: visible;
opacity: 1;
}
.global-nav-default {
text-align: center;
}
.global-nav-default li a {
padding: 13px 0;
color: #fff;
}
.global-nav-default > li:first-child:before {
content: "";
float: left;
width: 1px;
height: 24px;
margin-top: 13px;
margin-right: -1px;
background-color: #b5b5b5;
opacity: 0.3;
}
.global-nav-default > li:after {
content: "";
float: right;
width: 1px;
height: 24px;
margin-top: -37px;
background-color: #b5b5b5;
opacity: 0.3;
}
.global-nav-default li ul {
height: 48px;
}
.header-area-height-line #gnav ul {
text-align: center;
}
.header-area-height-line #gnav {
background-color: #fff;
}
.global-nav-line li a {
padding: 29px 0;
color: #000c15;
}
.global-nav-line li ul {
top: 80px;
}
.global-nav-line li ul a {
color: #fff;
}
.global-nav-line > li:first-child:before {
content: "";
float: left;
width: 1px;
height: 21px;
margin-top: 29.5px;
margin-right: -1px;
background-color: #b5b5b5;
opacity: 0.3;
}
.global-nav-line > li:after {
content: "";
float: right;
width: 1px;
height: 21px;
margin-top: -50.5px;
background-color: #b5b5b5;
opacity: 0.3;
}
.btn-sm {
width: 20%;
}
.btn-mid {
width: 50%;
}
.btn-lg {
width: 80%;
}
.article-header {
padding: 16px 24px;
}
.content-page .article-header, .error404 .article-header {
padding: 16px 32px;
}
.article-body {
padding: 0 32px 32px 32px;
}
.article-body li {
margin-bottom: 16px;
}
.share-btn ul {
margin: 32px 0;
}
.share-btn-top {
font-size: 12px;
font-size: 1.2rem;
}
.share-btn-bottom {
font-size: 12px;
font-size: 1.2rem;
}
.share-btn .sns-name {
display: inline-block;
}
.cta-post {
padding: 32px;
}
#comment-area, .comment-respond {
padding: 32px;
}
.nav-next, .nav-previous {
padding: 32px;
}
.page-template-no-sidebar .content-page .article-header, .page-template-no-sidebar .error404 .article-header {
padding: 16px 109px;
}
.page-template-no-sidebar .article-body {
padding: 0 109px 64px 109px;
}
.page-template-no-sidebar .article-footer {
padding: 32px 109px;
}
.sidebar {
padding: 0;
}
.fit-sidebar-fixed {
position: fixed;
margin-top: 0;
margin-bottom: 0;
}
.fit-sidebar-blank {
visibility: hidden;
z-index: 0;
background-color: transparent;
}
.cta-footer-section {
padding: 18px 0;
}
.cta-footer-section ul {
height: 46px;
text-align: right;
}
.cta-footer-section li {
display: inline-block;
margin: 0 16px 0 0;
}
.cta-footer-section li:last-child {
margin-right: 0;
}
.cta-footer-container {
padding: 0;
}
.cta-footer-btn {
width: 100%;
}
.footer-site-name {
text-align: left;
}
.footer-site-name img {
position: absolute;
top: 50%;
max-height: 46px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.footer-contact {
padding-top: 0;
}
.footer-follow-btn {
text-align: right;
}
.home .content {
padding: 64px 0;
}
.slider-post-title {
width: 60%;
}
.col-main {
float: left;
width : -webkit-calc(97.4% - 300px);
width : -moz-calc(97.4% - 300px);
width : calc(97.4% - 300px);
}
.col-sidebar {
float: right;
width: 300px;
}
.col-main-right {
float: right;
width : -webkit-calc(97.4% - 300px);
width : -moz-calc(97.4% - 300px);
width : calc(97.4% - 300px);
}
.col-sidebar-left {
float: left;
width: 300px;
}
.featured-thumbnail img {
vertical-align: middle;
}
.header-eyecatch-container {
width: 960px;
}
.header-ad {
display: block;
padding: 3px 0;
height: 96px;
box-sizing: border-box;
}


.recommend-list li {
margin: 0 2.8% 32px 0;
}
.recommend-list li:nth-child(2n) {
margin: 0 0 32px 0;
}
}
@charset "UTF-8";
@media screen and ( min-width: 1200px ) {
.container {
width: 1120px;
}
side-widget .searchform input[type="text"] {
width: 74%;
}
.content-page .article-header, .error404 .article-header {
padding: 16px 72px;
}
.article-body {
padding: 0 72px 32px 72px;
}
#comment-area, .comment-respond {
padding: 64px 72px;
}
.cta-post {
padding: 32px 72px;
}
.nav-next, .nav-previous {
padding: 32px 72px;
}
.related {
padding: 0 72px;
}
.header-btn .btn-sm {
width: 20%;
}
}