@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
} html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
margin: 0;
font-size: 16px;
line-height: 1.6;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
overflow-wrap: break-word;
word-break: normal;
font-weight: 500;
}
a {
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
}
a:focus, a:active, a:hover {
outline: 0;
}
* {
box-sizing: border-box;
} .clear {
clear: both;
}
.clearfix {
*zoom: 1;
}
.clearfix:before {
display: inline-table;
}
.clearfix:after {
content: "";
display: block;
clear: both;
} abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
clear: both;
margin: 0 0 28px;
padding: 30px 20px 35px 55px;
position: relative;
border: 1px #e5e5e5 solid;
background: #fafafa;
}
blockquote:before {
content: '';
font-family: 'FontAwesome';
font-size: 36px;
color: #e7e7e7;
position: absolute;
top: 10px;
left: 10px;
}
blockquote cite {
position: absolute;
right: 20px;
bottom: 10px;
font-size: 12px;
color: #808080;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
overflow-x: scroll;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
} nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
.inline-list li {
display: inline-block;
} img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
} form {
margin: 0;
}
fieldset {
border: 1px solid #e5e5e5;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.btn {
cursor: pointer;
*overflow: visible;
-webkit-appearance: none;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
} form input[type="text"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form input[type="number"],
form input[type="date"],
form textarea {
border-radius: 3px;
padding: 8px 13px;
max-width: 100%;
border: 1px #ccc solid;
outline: none;
box-sizing: border-box;
}
form textarea {
width: 80%;
}
form input[type="submit"],
form button {
padding: 12px 20px;
border: none;
}
form input[type="submit"]:hover,
form button:hover {
cursor: pointer;
} #searchform {
overflow: hidden;
background: #fff;
border: 1px solid #e5e5e5;
padding-bottom: 0;
border-radius: 2px;
}
#searchform div {
position: relative;
padding-right: 40px;
}
#searchform label {
display: none;
}
#searchform input[type=text] {
line-height: 18px;
padding: 8px 13px;
font-size: 14px;
width: 100%;
box-sizing: border-box;
border: none;
float: left;
}
#searchform button {
float: right;
position: absolute;
top: 0;
right: 0;
vertical-align: top;
line-height: 18px;
border: none;
border-radius: 3px;
width: 40px;
padding: 8px 5px;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
background: transparent;
font-family: 'FontAwesome';
font-size: 21px;
color: #808080;
}
#searchform button:hover {
cursor: pointer;
} table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #e5e5e5;
}
th, td {
border: 1px solid #e5e5e5;
padding: 8px 13px;
} @media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) {  }
@media screen and (max-width: 767px) { h1 {
font-size: 22px;
margin: 36px 0;
clear: both;
}
.post-content h2{
font-size: 18px;
margin: 2em 0 1em;
clear: both;
}
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
font-size: 16px;
margin: 2em 0 1em;
} }
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
margin-left: 12px;
margin-bottom: 12px;
}
.alignleft {
float: left;
margin-right: 12px;
margin-bottom: 12px;
}
.aligncenter {
clear: both;
margin-left: auto;
margin-right: auto;
display: block;
} #logo {
margin: 0;
} .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
font-weight: bold;
line-height: 1.4;
}
.post-content h1 {
font-size: 36px;
margin: 1em 0;
clear: both;
}
.post-content h2 {
font-size: 28px;
margin: 2em 0 1em;
clear: both;
}
.post-content h3 {
font-size: 24px;
margin: 2em 0 1em;
}
.post-content h4 {
font-size: 18px;
margin: 2em 0 1em;
}
.post-content h5 {
font-size: 16px;
margin: 2em 0 1em;
}
.post-content h6 {
font-size: 14px;
margin: 2em 0 1em;
}
.post-content p,
.post-content pre {
margin: 0 0 1.6em;
line-height: 1.6;
}
.post-content dl,
.post-content menu,
.post-content ol,
.post-content ul {
margin: 0 0 2em;
}
.post-content li {
margin: 6px 0;
}
.post-content dd {
margin: 0 0 20px 0;
}
.post-content ol,
.post-content ul {
padding: 0 0 0 20px;
}
.post-content ol ol,
.post-content ol ul,
.post-content ul ol,
.post-content ul ul {
margin: 0;
}
.post-content blockquote {
clear: both;
margin: 0 0 28px;
padding: 30px 20px 35px 55px;
position: relative;
border: 1px #eee solid;
}
.post-content blockquote:before {
content: '';
font-family: 'FontAwesome';
font-size: 32px;
color: #e7e7e7;
position: absolute;
top: 20px;
left: 12px;
}
.post-content blockquote cite {
position: absolute;
right: 20px;
bottom: 10px;
font-size: 12px;
color: #808080;
}
.post-content blockquote *:last-child {
margin-bottom: 0;
}
.post-content table {
border: 1px #ddd solid;
max-width: 100%;
margin-bottom: 48px;
}
.post-content table th,
.post-content table td {
padding: 8px 10px;
border: #ddd solid 1px;
}
.post-content table th {
color: #fff;
}
.post-content table thead th {
background: #5e6265;
}
.post-content table tbody th {
background: #919598;
}
.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {
border-color: #fff;
}
.post-content table.table-line th {
background: transparent;
color: #333;
font-weight: bold;
}
.post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
.post-content table.table-line tr {
background: #eee;
}
.post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
.post-title {
margin: 0 0 36px;
font-size: 28px;
clear: both;
font-weight: bold;
}
body.page .post-title {
margin-bottom: 0;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
padding-left: 4px;
padding-right: 4px;
margin: 10px;
max-width: 100%;
box-sizing: border-box; -khtml-border-radius: 3px;
border-radius: 3px;
}
.wp-caption.aligncenter {
margin: 10px auto;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
} .content-none #searchform {
max-width: 400px;
} .pagetop {
visibility: hidden;
opacity: 0;
position: fixed;
bottom: 50px;
right: 50px;
color: #fff;
}
.pagetop span {
display: block;
border-radius: 25px;
background: #2b2b2b;
width: 50px;
height: 50px;
text-align: center;
line-height: 40px;
font-size: 36px;
}
.pagetop span i {
color: #fff;
}
.pagetop.show {
visibility: visible;
opacity: .8;
}
@media screen and (max-width: 991px) { .pagetop {
right: 20px;
bottom: 20px;
} }
.row {
*zoom: 1;
}
.row:before {
display: inline-table;
}
.row:after {
content: "";
display: block;
clear: both;
}
.gr1,
.gr2,
.gr3,
.gr4,
.gr5,
.gr6,
.gr7,
.gr8,
.gr9,
.gr10,
.gr11,
.gr12,
.gld-sub,
.gld-main,
.gr1-5 {
float: left;
box-sizing: border-box;
}
.gr1 {
width: 8.33%;
}
.gr2 {
width: 16.66%;
}
.gr3 {
width: 25%;
}
.gr4 {
width: 33.33%;
}
.gr5 {
width: 41.66%;
}
.gr6 {
width: 50%;
}
.gr7 {
width: 58.33%;
}
.gr8 {
width: 66.66%;
}
.gr9 {
width: 75%;
}
.gr10 {
width: 83.33%;
}
.gr11 {
width: 91.33%;
}
.gr12 {
width: 100%;
}
.gr1-5 {
width: 20%;
}
.gld-sub {
width: 37.31%;
}
.gld-main {
width: 62.68%;
}
@media screen and (max-width: 1200px) { .gr1.lt-flat,
.gr2.lt-flat,
.gr3.lt-flat,
.gr4.lt-flat,
.gr5.lt-flat,
.gr6.lt-flat,
.gr7.lt-flat,
.gr8.lt-flat,
.gr9.lt-flat,
.gr10.lt-flat,
.gr11.lt-flat,
.gr12.lt-flat,
.gld-sub.lt-flat,
.gld-main.lt-flat,
.gr1-5.lt-flat {
width: 100% !important;
} }
@media (min-width: 992px) and (max-width: 1200px) { .gr1-lt {
width: 8.33% !important;
}
.gr2-lt {
width: 16.66% !important;
}
.gr3-lt {
width: 25% !important;
}
.gr4-lt {
width: 33.33% !important;
}
.gr5-lt {
width: 41.66% !important;
}
.gr6-lt {
width: 50% !important;
}
.gr7-lt {
width: 58.33% !important;
}
.gr8-lt {
width: 66.66% !important;
}
.gr9-lt {
width: 75% !important;
}
.gr10-lt {
width: 83.33% !important;
}
.gr11-lt {
width: 91.33% !important;
}
.gr12-lt {
width: 100% !important;
}
.gr1-5-lt {
width: 20% !important;
}
.gld-sub-lt {
width: 37.31% !important;
}
.gld-main-lt {
width: 62.68% !important;
} }
@media screen and (max-width: 991px) { .gr1.tb-flat,
.gr2.tb-flat,
.gr3.tb-flat,
.gr4.tb-flat,
.gr5.tb-flat,
.gr6.tb-flat,
.gr7.tb-flat,
.gr8.tb-flat,
.gr9.tb-flat,
.gr10.tb-flat,
.gr11.tb-flat,
.gr12.tb-flat,
.gld-sub.tb-flat,
.gld-main.tb-flat,
.gr1-5.tb-flat {
width: 100% !important;
}
.gr1-tb {
width: 8.33% !important;
}
.gr2-tb {
width: 16.66% !important;
}
.gr3-tb {
width: 25% !important;
}
.gr4-tb {
width: 33.33% !important;
}
.gr5-tb {
width: 41.66% !important;
}
.gr6-tb {
width: 50% !important;
}
.gr7-tb {
width: 58.33% !important;
}
.gr8-tb {
width: 66.66% !important;
}
.gr9-tb {
width: 75% !important;
}
.gr10-tb {
width: 83.33% !important;
}
.gr11-tb {
width: 91.33% !important;
}
.gr12-tb {
width: 100% !important;
}
.gr1-5-tb {
width: 20% !important;
}
.gld-sub-tb {
width: 37.31% !important;
}
.gld-main-tb {
width: 62.68% !important;
} }
@media (min-width: 768px) and (max-width: 991px) { .gr1-tb {
width: 8.33% !important;
}
.gr2-tb {
width: 16.66% !important;
}
.gr3-tb {
width: 25% !important;
}
.gr4-tb {
width: 33.33% !important;
}
.gr5-tb {
width: 41.66% !important;
}
.gr6-tb {
width: 50% !important;
}
.gr7-tb {
width: 58.33% !important;
}
.gr8-tb {
width: 66.66% !important;
}
.gr9-tb {
width: 75% !important;
}
.gr10-tb {
width: 83.33% !important;
}
.gr11-tb {
width: 91.33% !important;
}
.gr12-tb {
width: 100% !important;
}
.gr1-5-tb {
width: 20% !important;
}
.gld-sub-tb {
width: 37.31% !important;
}
.gld-main-tb {
width: 62.68% !important;
} }
@media screen and (max-width: 767px) { .gr1,
.gr2,
.gr3,
.gr4,
.gr5,
.gr6,
.gr7,
.gr8,
.gr9,
.gr10,
.gr11,
.gr12,
.gr1-5,
.gld-sub,
.gld-main {
width: 100%;
}
.gr1-sp {
width: 8.33% !important;
}
.gr2-sp {
width: 16.66% !important;
}
.gr3-sp {
width: 25% !important;
}
.gr4-sp {
width: 33.33% !important;
}
.gr5-sp {
width: 41.66% !important;
}
.gr6-sp {
width: 50% !important;
}
.gr7-sp {
width: 58.33% !important;
}
.gr8-sp {
width: 66.66% !important;
}
.gr9-sp {
width: 75% !important;
}
.gr10-sp {
width: 83.33% !important;
}
.gr11-sp {
width: 91.33% !important;
}
.gr12-sp {
width: 100% !important;
}
.gr1-5-sp {
width: 20% !important;
}
.gld-sub-sp {
width: 37.31% !important;
}
.gld-main-sp {
width: 62.68% !important;
}
.post-content table{
width: 100%;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
margin-bottom: 0;
} }
  .wrap {
width: 1000px;
box-sizing: border-box;
margin: 0 auto;
zoom: 1;
}
.wrap:before {
display: inline-table;
}
.wrap:after {
content: "";
display: block;
clear: both;
}
#main {
width: 100%; }
.main-inner {
margin-right: 330px;
}
#side {
width: 290px;
float: left;
margin-left: -290px;
}
.left-content #main {
width: 100%; }
.left-content .main-inner {
margin-right: 330px;
margin-left: 0;
}
.left-content #side {
width: 290px;
float: left;
margin-left: -290px;
}
.right-content #main {
width: 100%;
float: left;
}
.right-content .main-inner {
margin-left: 330px;
margin-right: 0;
}
.right-content #side {
width: 290px;
float: left;
margin-left: -100%;
}
.aligncenter {
text-align: center;
}
.one-column #content .wrap {
width: 1000px;
}
.one-column #content .wrap #main {
width: 100%;
float: none;
}
.one-column #content .wrap #main .main-inner {
width: 100%;
margin: 0;
}
.one-column #content .wrap #side {
display: none;
}
.cf::after {
content: "";
display: block;
clear: both;
} @media screen and (max-width: 1200px) { .wrap,
.one-column #content .wrap {
margin-left: 30px;
margin-right: 30px;
width: auto;
}
.main-inner {
margin-right: 320px;
box-sizing: border-box;
} }
@media screen and (max-width: 991px) { .wrap,
.one-column #content .wrap {
margin-left: 20px;
margin-right: 20px;
}
#main,
.main-inner,
#side {
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.left-content #main,
.right-content #main {
float: none;
}
.left-content .main-inner,
.right-content .main-inner {
margin-right: 0;
margin-left: 0;
width: 100%;
}
.left-content #side,
.right-content #side {
width: 100%;
float: none;
margin: 0;
}
#side {
padding-top: 42px;
} }
@media screen and (max-width: 767px) { .wrap,
.one-column #content .wrap {
margin-left: 10px;
margin-right: 10px;
} }  body {
background: #FFF;
color: #383838;
}
a {
text-decoration: none;
color: #2581c4;
transition: .3s;
}
a:hover,
#table table tr td.name div:hover {
text-decoration: underline;
opacity: .5;
} form input[type="submit"],
form button {
background: #2581c4;
color: #fff;
}
form input[type="submit"]:hover,
form button:hover {
cursor: pointer;
} #header {
background: #fff;
}
#header #logo {
float: left;
font-size: 24px;
}
#header #logo a {
color: #383838;
}
#header #header-sns {
float: right;
}
#header #header-sns ul {
padding: 0 0 10px;
}
#header #header-sns li {
display: inline-block;
margin-left: 30px;
font-size: 21px;
}
#header #header-sns li a {
color: #ccc;
}
#header #header-sns li a:hover {
color: #57585a;
} .breadcrumb {
margin: 0 0 15px;
overflow: hidden;
font-size: 12px;
line-height: 22px;
padding: 0;
display: none;
}
.breadcrumb li {
float: left;
margin-left: 10px;
}
.breadcrumb li a {
text-decoration: none;
}
.breadcrumb li a:hover {
text-decoration: underline;
} #gnav {
margin-top: -1px;
background: #fff; font-size: 14px;
}
#gnav .sub-menu {
z-index: 10;
font-size: 14px;
margin: 0;
}
#gnav ul {
margin: 0;
padding: 0;
}
#gnav li {
float: left;
position: relative;
padding: 0 24px 0 0;
}
#gnav li.current-menu-item a {
border-top: 1px #2581c4 solid;
}
#gnav li a {
display: block; margin-top: -1px;
padding: 20px 0px;
color: #2B2D2D;
text-decoration: none;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
#gnav li a:hover {
color: #2B2D2D; }
#gnav li a:hover .sub-menu {
display: block;
}
#gnav li .sub-menu {
display: none;
position: absolute;
width: 200px;
background: #fff;
border: none;
border-bottom: none;
margin: 0;
}
#gnav li .sub-menu li {
float: none;
border-bottom: none;
margin-right: 0;
padding: 0;
}
#gnav li .sub-menu li:list-child {
border-bottom: none;
}
#gnav li .sub-menu li a {
color: #fff;
background: #2b2b2b;
font-size: 12px;
padding: 14px 18px;
margin-top: 0;
border: none;
overflow: hidden;
}
#gnav li .sub-menu li a:hover {
background: #373B3B;
color: #fff;
}
#gnav li .sub-menu li a:after {
content: "\f105";
float: right;
font-family: 'FontAwesome';
}
#gnav li .sub-menu .sub-menu {
left: 100%;
top: 0;
} #content {  }
#content .wp-caption {
max-width: 100%;
border: 1px solid #efefef;
text-align: center;
padding: 5px;
}
#content .wp-caption-text {
padding: 12px 16px;
margin-bottom: 0;
text-align: center;
}
body.home #content { } .cat-content,
article.post,
article.page,
article.wp101,
article.seo101 {
margin-bottom: 40px;
background: #fff;
border: 1px #e5e5e5 solid;
}
.cat-content-area {
margin-top: 16px;
}
.post-header {
padding: 56px 64px 0;
}
.post-title a {
color: #383838;
}
.post-title a:hover {
color: #f24e4f;
text-decoration: none;
}
.cat-content .post-header,
article.page .post-header {
padding: 56px 64px 0;
margin-bottom: 0;
background: #fff;
}
.cat-content .post-title,
article.page .post-title {
margin-bottom: 0;
}
.post-meta {
margin-top: 0;
margin-bottom: 42px;
padding: 0;
border-top: 1px #efefef solid;
}
.post-meta li {
background: #fff;
float: left;
margin-top: -0.7em;
margin-right: 20px;
padding-right: 24px;
font-size: 14px;
}
.post-thumbnail {
margin-left: 20px;
margin-bottom: 20px;
float: right;
}
.post-thumbnail img {
max-width: 100%;
height: auto;
}
.post-content {
padding: 42px 64px;
overflow: hidden;
}
.post-content hr {
border-bottom: 1px solid #efefef;
margin: 20px 0;
clear: both;
}
.post-content ul {
list-style: disc;
}
.post-content ol {
list-style: decimal;
}
.post-content dl dt {
font-weight: bold;
margin-bottom: 4px;
}
.post-content dl dd {
margin: 0 0 20px;
border-left: 4px solid #e5e5e5;
padding: 0 0 0 10px;
}
.post-content pre {
padding: 20px;
overflow: scroll;
font-family: 'Courier', monospace;
}
.post-content h1 {
clear: both;
}
.post-content h2 {
padding: 0 0 12px;
clear: both;
border-bottom: 1px solid #efefef;
}
.post-content h3 {
clear: both;
border-left: 5px solid #e5e5e5;
padding: 0 13px;
}
.post-content table {
border: 1px #ddd solid;
max-width: 100%;
}
.post-content table th,
.post-content table td {
padding: 8px 10px;
border: #ddd solid 1px;
}
.post-content table th {
color: #fff;
}
.post-content table thead th {
background: #5e6265;
}
.post-content table tbody th {
background: #919598;
}
.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {
border-color: #fff;
}
.post-content table.table-line th {
background: transparent;
color: #383838;
font-weight: bold;
}
.post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
.post-content table.table-line tr {
background: #eee;
}
.post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
.post-content img.alignleft {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.post-content img.alignright {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}
.post-content h2:first-child {
margin: 0 0 32px;
}
.post-cta {
margin: 0;
background: #f5f5f5;
color: #383838;
border-top: 3px solid #5e6265;
}
.post-cta .post-cta-inner {
padding: 30px 45px;
}
.post-cta .cta-post-title {
padding: 40px 45px;
text-align: center;
font-size: 32px;
margin-bottom: 14px;
border-bottom: 1px solid #e5e5e5;
}
.post-cta .post-cta-img {
float: right;
width: 230px;
margin: 0 0 20px 30px;
}
.post-cta .post-cta-cont {
overflow: hidden;
}
.post-cta .post-cta-btn {
margin: 40px 0 10px;
}
.post-cta .post-cta-btn a {
background: #5ace5f;
color: #fff;
border-radius: 3px;
border-bottom: 5px solid #38bd3e;
display: block;
padding: 10px;
text-align: center;
text-decoration: none;
width: 60%;
margin: 0 auto 20px;
}
.post-cta .post-cta-btn a:hover {
background: #81da85;
border-bottom: 5px solid #5ace5f;
}
.post-cta p {
margin-bottom: 1em;
}
.post-cta .btn {
width: 100%;
display: block;
border-radius: 3px;
text-align: center;
color: #fff;
padding: 14px 0;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
background: #2581c4;
}
.post-cta .btn:hover {
text-decoration: none;
background: #f24e4f;
}
.post-share {
padding: 0 45px 30px;
border-top: 1px solid #e5e5e5;
}
.post-share .post-share-fb {
margin-bottom: 0;
padding-top: 40px;
text-align: center;
}
.post-share .post-share-fb>span {
margin: 0 auto;
}
.post-share .post-share-title {
font-size: 20px;
padding: 10px 0;
margin-bottom: 0;
color: #fff;
background-color: #57585A;
text-align: center;
margin-left: -45px;
margin-right: -45px;
}
.post-share .post-share-list1,
.post-share .post-share-list2,
.post-share .post-share-list3,
.post-share .post-share-list4 {
overflow: hidden;
padding: 30px 0;
margin-left: -2.08%;
}
.post-share .post-share-list1 a,
.post-share .post-share-list2 a,
.post-share .post-share-list3 a,
.post-share .post-share-list4 a {
text-decoration: none;
font-family: 'Didact Gothic';
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: block;
border: 1px #eee solid;
border-radius: 3px;
padding: 20px 0;
}
.post-share .post-share-list1 a:hover,
.post-share .post-share-list2 a:hover,
.post-share .post-share-list3 a:hover,
.post-share .post-share-list4 a:hover {
text-decoration: none;
background: #f7f7f7;
}
.post-share .post-share-list1 li,
.post-share .post-share-list2 li,
.post-share .post-share-list3 li,
.post-share .post-share-list4 li {
text-align: center;
float: left;
margin-left: 2.08%;
}
.post-share .post-share-list1 i,
.post-share .post-share-list1 .big,
.post-share .post-share-list2 i,
.post-share .post-share-list2 .big,
.post-share .post-share-list3 i,
.post-share .post-share-list3 .big,
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
font-size: 2em;
}
.post-share .post-share-list1 li {
width: 97.92%;
}
.post-share .post-share-list2 li {
width: 47.92%;
}
.post-share .post-share-list3 li {
width: 31.25%;
font-size: .8em;
}
.post-share .post-share-list4 li {
width: 22.92%;
}
.post-share .post-share-list4 {
text-align: center;
}
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
display: block;
}
.post-share .post-share-list4 .big {
font-size: 1.2em;
}
.post-share .post-share-facebook a:hover {
color: #305097;
}
.post-share .post-share-twitter a:hover {
color: #00aced;
}
.post-share .post-share-google a:hover {
color: #db4a39;
}
.post-share .post-share-feedly a:hover {
color: #2bb24c;
}
.post-sns {
border-top: 1px #eee solid;
margin: 0 -45px -30px;
padding: 0;
}
.post-sns ul {
width: 100%;
overflow: hidden;
padding: 0;
margin: 0;
}
.post-sns ul li {
float: left;
width: 50%;
box-sizing: border-box;
border-right: 1px solid #eee;
color: #929292;
font-size: 16px;
text-align: center;
}
.post-sns ul li.post-sns-twitter a:before {
content: "\f099";
font-family: FontAwesome;
font-size: 24px;
padding-right: 10px;
}
.post-sns ul li.post-sns-feedly a:before {
content: "\f09e";
font-family: FontAwesome;
font-size: 24px;
padding-right: 10px;
}
.post-sns ul li:last-child {
border-right: none;
padding: -10px 0;
}
.post-sns ul li:hover {
background-color: #f7f7f7;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter:hover {
color: #00ACED;
}
.post-sns ul li.post-sns-feedly:hover {
color: #5ACF5F;
}
.post-sns ul li span {
font-size: 20px;
}
.post-sns ul li a {
width: 100%;
display: block;
color: #929292;
text-decoration: none;
padding: 24px 0;
}
.post-sns ul li a:hover {
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter a:hover {
background-color: #00aced;
color: #fff;
}
.post-sns ul li.post-sns-feedly a:hover {
background-color: #5ACF5F;
color: #fff;
}
.post-footer {
border-radius: 0 0 3px 3px;
padding: 40px 64px 0px;
}
.post-footer ul li {
display: inline-block;
vertical-align: top;
}
.post-footer ul li a:hover {
text-decoration: underline;
}
.post-footer .bzb-sns-btn {
padding: 0 0 64px;
font-size: 0;
}
.post-footer .bzb-sns-btn li {
display: inline-block;
font-size: 16px;
width: auto;
vertical-align: top;
}
.post-footer .bzb-sns-btn:after {
content: '';
display: block;
clear: both;
zoom: 1;
}
.post-footer:after {
content: '';
display: block;
clear: both;
zoom: 1;
}
.post-footer-list {
margin: 0 0 40px;
}
.post-footer-list li {
margin-right: 10px;
}
.post-author {
border-radius: 3px;
margin-bottom: 0px;
padding: 40px 64px;
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
color: #383838;
}
.post-author .post-author-img {
width: 80px;
float: left;
}
.post-author .post-author-img .inner {
padding: 0;
}
.post-author a {
color: #2581c4;
}
.post-author .post-author-meta {
margin-left: 100px;
}
.post-author .post-author-meta h4 {
margin: 0 40px 10px 0;
font-weight: bold;
}
div.post-share-fb .fbcomments,
div.post-share-fb .fb_iframe_widget,
div.post-share-fb .fb_iframe_widget[style],
div.post-share-fb .fb_iframe_widget iframe[style],
div.post-share-fb .fbcomments iframe[style] *,
div.post-share-fb .fb_iframe_widget span {
max-width: 100% !important;
} .post-header-meta {
overflow: visible;
}
.post-header-meta:after {
content: "";
clear: both;
display: block;
}
.bzb-sns-btn {
padding: 0;
margin: 0;
font-size: 0;
}
.bzb-sns-btn li {
display: inline-block;
vertical-align: top;
font-size: 16px;
width: auto;
margin: 4px;
} .bzb-sns-btn li.bzb-googleplus {
width: 65px;
}
.bzb-sns-btn li.bzb-pocket {
width: 86px;
}
.bzb-sns-btn li.bzb-line a img {
vertical-align: top;
}
.bzb-facebook .fb-like>span {
vertical-align: top !important;
}
.bzb-twitter {
width: 92px;
}
.bzb-googleplus {
width: 80px;
}
.post-header-category {
float: right;
width: 300px;
text-align: right;
padding: 20px 0 10px;
} #comments {
padding: 40px 64px;
}
.comment-list>.comment {
margin-bottom: 40px;
border-bottom: 1px #eee solid;
}
.comment-list>.comment>.comment-body {
padding: 0 20px;
margin-bottom: 20px;
}
.comment-list .children {
margin-left: 45px;
}
.comment-list .children .comment-body {
padding: 20px 30px;
margin-bottom: 20px;
background: #f7f7f7;
}
.comment-author {
float: left;
vertical-align: top;
font-size: 12px;
margin-left: 10px;
}
.comment-author img {
vertical-align: top;
}
.comment-meta {
font-size: 12px;
margin-bottom: 12px;
}
.reply a {
border-radius: 3px;
padding: 3px 5px;
font-size: 12px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.reply a:before {
content: ' ';
font-family: 'FontAwesome';
}
.reply a:hover {
text-decoration: none;
}
.comment-form-comment label {
display: none;
}
.comment-form-comment textarea {
width: 80%;
margin: 20px 0;
border-radius: 3px;
}
.form-allowed-tags {
font-size: 12px;
margin-bottom: 20px;
display: none;
}
.comment-meta:after {
content: ' ';
display: block;
clear: both;
}
.comments-title {
font-size: 24px;
padding: 20px 0;
margin-bottom: 30px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
overflow: hidden;
margin: 10px 0;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
width: 15%;
float: left;
font-size: 12px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
width: 40%;
float: left;
margin-left: 5%;
border-radius: 3px;
padding: 5px;
}
.form-submit #submit {
width: 300px;
line-height: 40px;
border: none;
border-radius: 3px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.form-submit #submit:hover {
cursor: pointer;
}
.comment-form-comment textarea {
width: 95%;
padding-left: 2%;
padding-right: 2%;
}
.comment-form {
overflow: hidden;
}
.comment-form-author,
.comment-form-email {
width: 49%;
margin: 0;
}
.comment-form-author label,
.comment-form-author input,
.comment-form-email label,
.comment-form-email input {
width: 90%;
float: none;
margin: 0 0 10px;
}
.comment-form-author {
float: left;
}
.comment-form-email {
float: right;
} .cat-content {
background: #fff;
padding: 40px;
margin-bottom: 30px;
}
.post-loop-wrap article {
width: 100%;
margin: 0 0 60px;
}
.post-loop-wrap article p {
margin-top: 0;
}
.post-loop-wrap .post-thumbnail {
width: 304px;
height: 215px;
margin-left: 20px;
margin-bottom: 20px;
float: right;
}
.post-loop-wrap .post-thumbnail img {
max-width: 100%;
height: auto;
}
.post-loop-wrap .post-content {
width: auto;
padding: 0 64px 42px;
}
.post-loop-wrap .post-footer {
border-top: 1px #efefef solid;
padding-top: 10px;
}
.post-loop-wrap .post-footer .bzb-sns-btn {
padding: 0;
margin-right: 50px;
float: left;
}
.post-loop-wrap .post-footer .loop-comment-icon {
float: right;
}
.post-loop-wrap .post-footer .loop-comment-icon .fa {
font-size: 18px;
margin-right: 5px;
}
.post-loop-wrap .post-footer .loop-comment-icon .share {
display: none;
}
.post-loop-wrap .post-footer .loop-comment-icon .count {
font-size: 14px;
}
.more-link {
border: 1px #2581c4 solid;
padding: 12px 24px;
line-height: 26px;
margin-bottom: 64px;
box-sizing: border-box;
clear: both;
color: #2581c4;
font-size: 14px;
}
.more-link:hover {
background: #2581c4;
color: #fff;
text-decoration: none;
} .content-none {
padding-top: 40px;
} .pagination {
margin: 0 0 120px 0;
padding: 0;
}
.post-content .pagination {
margin: 0;
}
.pagination a,
.pagination>span {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 12px 18px;
text-decoration: none;
width: auto;
color: #383838;
}
.pagination>span {
background: #eee;
}
.pagination a:hover {
background: #eee;
}
.pagination .current {
padding: 12px 18px;
background: #eee;
} .side-widget-area {
padding: 0;
}
.side-widget {
margin-bottom: 40px;
padding-bottom: 40px;
line-height: 1.6;
font-size: 14px;
}
.side-widget .side-title {
margin: 0 0 32px;
font-size: 15px;
}
.side-widget ul li {
padding: 16px 0;
border-bottom: 1px solid #e5e5e5;
}
.side-widget .side-title {
margin: 0 0 13px;
font-size: 16px;
}
.side-widget a {
color: #5e6265;
text-decoration: none;
}
.side-widget a:hover {
color: #2581c4;
}
.side-widget.widget_recent_comments a {
background: none;
}
.side-widget .post-date {
margin: 0 0 0 36px;
font-size: 13px;
color: #999999;
}
#views-2 ul li span {
margin: 0 0 0 36px;
font-size: 13px;
color: #999999;
}
.widget_recent_entries a,
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_views a {
color: #5e6265;
text-decoration: none;
padding-left: 36px;
display: block;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/lib/images/icont_arw_lit.png?1418372717) left center no-repeat;
}
.widget_categories a {
display: inline-block;
}
.widget_recent_entries a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_meta a:hover,
.widget_views a:hover {
color: #2581c4;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/lib/images/icon_arw_gry.png?1418372717) left center no-repeat;
} .recentcomments {
color: #808080;
font-size: 12px;
}
.recentcomments a {
color: #383838;
font-size: 14px;
}  .widget_calendar {
border-radius: 3px;
font-size: 16px;
}
.widget_calendar .side-widget-inner {
border-radius: 3px;
padding: 0 20px 20px;
}
.widget_calendar table {
width: 100%;
}
.widget_calendar caption {
border-radius: 3px 3px 0 0;
padding: 14px 20px;
margin: 0 -20px 20px;
font-size: 18px;
text-align: center;
}
.widget_calendar a {
color: #666;
}
.widget_calendar li {
margin-bottom: 1em;
}
.widget_calendar thead,
.widget_calendar tfoot,
.widget_calendar tbody {
margin: 0 20px;
}
.widget_calendar th,
.widget_calendar td {
text-align: center;
}
.widget_calendar tbody a {
display: block;
}
.widget_calendar tbody a:hover {
text-decoration: none;
} #side .share-list-wrap {
margin: 0 -20px 20px;
background: #f9f9f9;
padding: 20px;
}
#side .share-list-wrap .post-share-list1,
#side .share-list-wrap .post-share-list2,
#side .share-list-wrap .post-share-list3,
#side .share-list-wrap .post-share-list4 {
overflow: hidden;
margin-left: -1%;
}
#side .share-list-wrap .post-share-list1 li,
#side .share-list-wrap .post-share-list2 li,
#side .share-list-wrap .post-share-list3 li,
#side .share-list-wrap .post-share-list4 li {
float: left;
width: 24%;
margin-left: 1%;
}
#side .share-list-wrap .post-share-list1 li a,
#side .share-list-wrap .post-share-list2 li a,
#side .share-list-wrap .post-share-list3 li a,
#side .share-list-wrap .post-share-list4 li a {
border-radius: 100%;
background: #fff;
display: table-cell;
text-align: center;
vertical-align: middle;
width: 60px;
height: 60px;
font-size: 32px;
color: #5e6265;
}
#side .share-list-wrap .post-share-list1 li a .follow-on,
#side .share-list-wrap .post-share-list1 li a .big,
#side .share-list-wrap .post-share-list2 li a .follow-on,
#side .share-list-wrap .post-share-list2 li a .big,
#side .share-list-wrap .post-share-list3 li a .follow-on,
#side .share-list-wrap .post-share-list3 li a .big,
#side .share-list-wrap .post-share-list4 li a .follow-on,
#side .share-list-wrap .post-share-list4 li a .big {
display: none;
}
#side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
color: #305097;
}
#side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
color: #00aced;
}
#side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
color: #db4a39;
}
#side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
color: #2bb24c;
} #side-author {
overflow: hidden;
font-size: 12px;
}
#side-author h4 {
padding: 12px 0;
margin-bottom: 20px;
font-size: 16px;
}
#side-author .side-author-img {
float: left;
width: 100px;
}
#side-author .side-author-meta {
float: right;
width: 180px;
} #footer {
color: #1E252C;
}
#footer a {
color: #2581c4;
}
#footer a:hover {
color: #2581c4;
}
#footer .wrap {
padding: 30px 0;
}
#footer .post-share {
padding-right: 0;
padding-left: 0;
}
.footer-01 {
background: #fff;
font-size: 13px;
display: none;
}
.footer-01 ul {
overflow: hidden;
text-align: left;
}
.footer-01 ul li {
display: inline-block;
margin-right: 20px;
}
.footer-02 {
background: #fff;
}
.footer-02 .footer-copy {
text-align: center;
font-size: 12px;
} .single-lp {
padding: 40px 0;
}
.single-lp .lp-wrap {
width: 1157px;
border: 1px solid #efefef;
margin: 0 auto;
background: #fff;
padding: 45px 0;
}
.single-lp .lp-thumbnail {
border: 1px #ccc solid;
float: right;
margin: 0 0 13px 13px;
border: 1px #ccc solid;
}
.single-lp .lp-thumbnail img {
vertical-align: top;
}
.single-lp .post-content {
padding: 0;
overflow: hidden;
}
.single-lp #lp-header {
background: #fff;
padding: 0 56px;
}
.single-lp #lp-header h1 {
font-size: 32px;
color: #2581c4;
padding-bottom: 35px;
border-bottom: 1px solid #efefef;
}
.single-lp #content {
padding: 40px 56px;
overflow: hidden;
}
.single-lp #main {
width: 100%;
}
.single-lp .main-inner {
overflow: hidden;
margin-right: 350px;
} .one-column.single-lp #main {
float: none;
}
.one-column.single-lp .main-inner {
margin-left: 0;
margin-right: 0;
}
.one-column.single-lp #side {
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.single-lp #side {
width: 320px;
margin-left: -320px;
}
.single-lp.right-content #side {
width: 320px;
margin-left: -100%;
}
.single-lp.right-content .main-inner {
margin-left: 350px;
margin-right: 0;
}
.single-lp .post-footer {
padding: 20px 0;
}
.single-lp .lp-form {
background: #494c4e;
color: #fff;
padding: 30px;
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.single-lp .lp-form h3 {
font-weight: bold;
font-size: 18px;
margin-bottom: 12px;
}
.single-lp .lp-form input[type=text],
.single-lp .lp-form input[type=email] {
width: 90%;
padding: 10px 5%;
border: none;
}
.single-lp .lp-form input[type=submit],
.single-lp .lp-form button {
width: 100%;
padding: 10px 0;
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
border-radius: 3px;
}
.single-lp .lp-form input[type=submit]:hover,
.single-lp .lp-form button:hover {
background: #6ed472;
}
.single-lp .lp-form dl {
margin-bottom: 13px;
} #header-menu-tog {
display: none;
}
@media screen and (max-width: 1200px) {
.single-lp .lp-wrap {
width: auto;
margin: 0 36px;
}
.single-lp .main-inner {
margin-right: 350px;
}
}
@media screen and (max-width: 991px) { .sp-hide {
display: none !important;
}
.sp-show {
display: block !important;
}
#main .post-sns {
margin: 0 -20px -20px !important;
}
#main .post-share-title {
margin: 0 -20px !important;
}
.single-lp #lp-header {
padding-left: 24px;
padding-right: 24px;
}
.single-lp #lp-header .lp-title {
padding: 0;
margin: 0;
font-size: 21px;
}
.single-lp #content {
padding: 20px;
}
.single-lp .lp-wrap {
padding: 24px 0;
width: auto;
margin: 0 24px;
}
.single-lp .lp-wrap input[type=text] {
width: 100%;
}
.single-lp .lp-wrap input[type=submit] {
margin-top: 30px;
}
.single-lp .post-content {
padding: 0 !important;
}
.single-lp #side {
margin-left: 0;
width: 100%;
}
.single-lp #side dl,
.single-lp #side dt,
.single-lp #side dd {
width: 100%;
margin: 0 0 20px;
padding: 0;
}
.single-lp #side dt {
margin-bottom: 8px;
}
.alignleft,
.alignright {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
img {
max-width: 100%;
height: auto;
} #header { }
#header .wrap {
padding: 0;
}
#header #logo img {
vertical-align: top;
}
#header #header-primary-nav {
display: none;
}
#header-menu-tog {
display: block;
float: right;
font-size: 24px;
}
#gnav {
display: none;
}
#gnav.active {
display: none;
}
#gnav {
margin: 20px 2%;
padding: 10px;
}
#gnav .wrap {
margin: 0;
}
#gnav ul li {
float: none;
position: relative;
margin-right: 0;
margin-bottom: 1px;
padding: 0;
}
#gnav ul li.current-menu-item a { }
#gnav ul li .menu-item-txt-s {}
#gnav ul li a { }
#gnav ul li a:hover {
color: #2B2D2D;
border-top: none;
}
#gnav ul li a:hover .sub-menu {
display: block;
}
#gnav ul li .sub-menu {
display: block;
position: relative;
width: auto;
margin-left: 20px;
background: #fff;
border: none;
border-bottom: none;
}
#gnav ul li .sub-menu li {
float: none;
margin-right: 0;
}
#gnav ul li .sub-menu li:list-child {
border-bottom: none;
}
#gnav ul li .sub-menu li a {
color: #2581c4;
background: #fff;
padding: 10px 15px;
border-bottom: 1px #e5e5e5 solid;
}
#gnav ul li .sub-menu li a:hover {
background: #fafafa;
color: #2581c4;
box-shadow: 0;
}
#gnav ul li .sub-menu .sub-menu {
left: auto;
top: auto;
} .cat-content {
padding: 20px;
}
.post-loop-wrap .post-thumbnail {
height: 215px;
float: none;
margin-left: 0;
margin-right: 0;
text-align: center;
}
.post-loop-wrap .post-thumbnail img {
max-width: 100%;
height: auto;
margin: 0 auto;
}
.post-loop-wrap .post-title {
margin-bottom: 0;
}
.post-loop-wrap .post-content {
padding: 0 40px;
}
.post-loop-wrap .post-footer {
display: none;
} .comment-form-author,
.comment-form-email {
float: none;
width: auto;
} .post-header {
padding: 42px 20px 20px;
}
.post-content,
.cta-post-title,
.post-cta,
.post-cta-inner,
.post-share,
.post-author,
article.page .post-header {
padding: 20px !important;
}
.post-thumbnail,
.post-cta-img {
margin-left: 0;
margin-right: 0;
float: none;
}
.post-footer {
padding: 0 20px;
}
.more-link {
display: block;
width: 100%;
text-align: center;
margin-bottom: 24px;
} }
@media screen and (max-width: 767px) { .post-content h2 {
font-size: 22px;
margin-top: 56px;
}
.post-content h3 {
font-size: 20px;
margin-top: 56px;
}
.post-content h4 {
font-size: 18px;
}
.post-content table {
width: 100%;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
margin-bottom: 0;
}
#main .post-share .post-sns {
margin: 0 -20px -20px;
}
#main .post-share .post-sns ul li {
width: auto;
float: none;
border-right: none;
border-bottom: 1px solid #eee;
}
#main .post-share .post-sns ul li a {
padding: 16px 0;
font-size: 16px;
}
#main .post-share .post-sns ul li a span {
font-size: 16px;
}
#main .post-share .post-sns ul li a:before {
font-size: 18px;
}
#main #comments {
padding: 20px;
}
#main .post-author {
padding: 20px;
}
#main .post-author .post-author-img {
float: none;
}
#main .post-author .post-author-meta {
padding: 0;
margin: 10px 0 0;
}
.post-cta .post-cta-img {
width: 100%;
margin: 0 auto 30px;
float: none;
}
.post-cta .post-cta-btn {
margin: 24px 0 10px;
}
.post-cta .post-cta-btn a {
width: 100%;
box-sizing: border-box;
}
.post-footer {
padding: 0 20px !important;
}
#main .post-cta .cta-post-title {
font-size: 24px !important;
padding: 0 0 20px !important;
} } body.color01 {}
body.color01 body {
background: #fafafa;
color: #494D50;
}
body.color01 a {
color: #1ABB9A;
}
body.color01 form input[type="submit"],
body.color01 form button {
background: #1ABB9A;
}
body.color01 #header {
background: #fff;
border-bottom: 1px solid #ededed;
}
body.color01 #header #logo a {
color: #494D50;
}
body.color01 #header #header-sns li a {
color: #ccc;
}
body.color01 #header #header-sns li a:hover {
color: #34465C;
}
body.color01 #gnav {
background: #fff;
border-top: 1px #ededed solid;
border-bottom: 1px #ededed solid;
}
body.color01 #gnav li.current-menu-item a {
border-top: 1px #1ABB9A solid;
}
body.color01 #gnav li a {
border-top: 1px #ededed solid;
color: #2B2D2D;
background: #fff;
}
body.color01 #gnav li a:hover {
color: #2B2D2D;
border-top: 1px #1ABB9A solid;
}
body.color01 #gnav li .sub-menu li a {
background: #2b2b2b;
color: #fff;
border: none;
}
body.color01 #gnav li .sub-menu li a:hover {
background: #373B3B;
color: #fff;
}
body.color01 #content .wp-caption {
border: 1px solid #ededed;
}
body.color01 .cat-content,
body.color01 article.post,
body.color01 article.page,
body.color01 article.wp101,
body.color01 article.seo101 {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color01 .post-title a {
color: #494D50;
}
body.color01 .post-title a:hover {
color: #1ABB9A;
}
body.color01 .post-meta {
border-top: 1px #ededed solid;
}
body.color01 .post-meta li {
background: #fff;
}
body.color01 .post-content hr {
border-bottom: 1px solid #ededed;
}
body.color01 .post-content h2 {
border-bottom: 1px solid #ededed;
}
body.color01 .post-content h3 {
border-left: 5px solid #e5e5e5;
}
body.color01 .post-content blockquote {
border: 1px #e5e5e5 solid;
}
body.color01 .post-content blockquote:before {
color: #e7e7e7;
}
body.color01 .post-content blockquote cite {
color: #808080;
}
body.color01 .post-content table {
border: 1px #ddd solid;
}
body.color01 .post-content table th,
body.color01 .post-content table td {
border: #ddd solid 1px;
}
body.color01 .post-content table th {
color: #fff;
}
body.color01 .post-content table thead th {
background: #5e6265;
}
body.color01 .post-content table tbody th {
background: #919598;
}
body.color01 .post-content table.table-line table,
body.color01 .post-content table.table-line th,
body.color01 .post-content table.table-line td {
border-color: #fff;
}
body.color01 .post-content table.table-line th {
background: transparent;
color: #494D50;
}
body.color01 .post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
body.color01 .post-content table.table-line tr {
background: #eee;
}
body.color01 .post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
body.color01 .post-cta {
background: #f5f5f5;
color: #494D50;
border-top: 3px solid #5e6265;
}
body.color01 .post-cta .cta-post-title {
border-bottom: 1px solid #e5e5e5;
}
body.color01 .post-cta .post-cta-btn a {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color01 .post-cta .post-cta-btn a:hover {
background: #81da85;
border-bottom: 5px solid #5ace5f;
}
body.color01 .post-cta .btn {
color: #fff;
background: #1ABB9A;
}
body.color01 .post-cta .btn:hover {
background: #BB2C46;
}
body.color01 .post-share {
border-top: 1px solid #e5e5e5;
}
body.color01 .post-share .post-share-title {
color: #fff;
background-color: #57585A;
}
body.color01 .post-share .post-share-list1 a,
body.color01 .post-share .post-share-list2 a,
body.color01 .post-share .post-share-list3 a,
body.color01 .post-share .post-share-list4 a {
border: 1px #eee solid;
}
body.color01 .post-share .post-share-list1 a:hover,
body.color01 .post-share .post-share-list2 a:hover,
body.color01 .post-share .post-share-list3 a:hover,
body.color01 .post-share .post-share-list4 a:hover {
text-decoration: none;
background: #f7f7f7;
}
body.color01 .post-share .post-share-facebook a:hover {
color: #305097;
}
body.color01 .post-share .post-share-twitter a:hover {
color: #00aced;
}
body.color01 .post-share .post-share-google a:hover {
color: #db4a39;
}
body.color01 .post-share .post-share-feedly a:hover {
color: #2bb24c;
}
body.color01 .post-sns {
border-top: 1px #eee solid;
}
body.color01 .post-sns ul li {
border-right: 1px solid #eee;
color: #929292;
}
body.color01 .post-sns ul li:hover {
background-color: #f7f7f7;
}
body.color01 .post-sns ul li.post-sns-twitter:hover {
color: #00ACED;
}
body.color01 .post-sns ul li.post-sns-feedly:hover {
color: #5ACF5F;
}
body.color01 .post-sns ul li a {
color: #929292;
}
body.color01 .post-sns ul li.post-sns-twitter a:hover {
background-color: #00aced;
color: #fff;
}
body.color01 .post-sns ul li.post-sns-feedly a:hover {
background-color: #5ACF5F;
color: #fff;
}
body.color01 .post-author {
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
color: #494D50;
}
body.color01 .post-author a {
color: #1ABB9A;
}
body.color01 .comment-list>.comment {
border-bottom: 1px #eee solid;
}
body.color01 .comment-list .children .comment-body {
background: #f7f7f7;
}
body.color01 .post-loop-wrap .post-footer {
border-top: 1px #ededed solid;
}
body.color01 .more-link {
border: 1px #1ABB9A solid;
color: #1ABB9A;
}
body.color01 .more-link:hover {
background: #1ABB9A;
color: #fff;
}
body.color01 .pagination span,
body.color01 .pagination a {
color: #494D50;
}
body.color01 .pagination a:hover {
background: #eee;
}
body.color01 .pagination .current {
background: #eee;
}
body.color01 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color01 .side-widget a {
color: #5e6265;
}
body.color01 .side-widget a:hover {
color: #1ABB9A;
}
body.color01 .side-widget .post-date {
color: #999999;
}
body.color01 #views-2 ul li span {
color: #999999;
}
body.color01 .widget_recent_entries a,
body.color01 .widget_archive a,
body.color01 .widget_categories a,
body.color01 .widget_meta a {
color: #5e6265;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/lib/images/icont_arw_lit.png?1418372717) left center no-repeat;
}
body.color01 .widget_recent_entries a:hover,
body.color01 .widget_archive a:hover,
body.color01 .widget_categories a:hover,
body.color01 .widget_meta a:hover {
color: #1ABB9A;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/lib/images/icon_arw_gry.png?1418372717) left center no-repeat;
}
body.color01 .recentcomments a {
color: #494D50;
}
body.color01 #side .share-list-wrap {
background: #fafafa;
}
body.color01 #side .share-list-wrap .post-share-list1 li a,
body.color01 #side .share-list-wrap .post-share-list2 li a,
body.color01 #side .share-list-wrap .post-share-list3 li a,
body.color01 #side .share-list-wrap .post-share-list4 li a {
background: #fff;
color: #5e6265;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
color: #305097;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
color: #00aced;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
color: #db4a39;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
color: #2bb24c;
}
body.color01 #footer {
color: #1E252C;
}
body.color01 #footer a {
color: #1E252C;
}
body.color01 #footer a:hover {
color: #1ABB9A;
}
body.color01 .footer-01 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color01 .footer-02 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color01 .single-lp .lp-wrap {
border: 1px solid #ededed;
background: #fff;
}
body.color01 .single-lp .lp-thumbnail {
border: 1px #ccc solid;
}
body.color01 .single-lp #lp-header {
background: #fff;
}
body.color01 .single-lp #lp-header h1 {
color: #1ABB9A;
border-bottom: 1px solid #ededed;
}
body.color01 .single-lp .lp-form {
background: #494c4e;
color: #fff;
}
body.color01 .single-lp .lp-form input[type=submit],
body.color01 .single-lp .lp-form button {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color01 .single-lp .lp-form input[type=submit]:hover,
body.color01 .single-lp .lp-form button:hover {
background: #6ed472;
}  body.color02 {               }
body.color02 body {
background: #fafafa;
color: #656364;
}
body.color02 a {
color: #FB4343;
}
body.color02 form input[type="submit"],
body.color02 form button {
background: #FB4343;
}
body.color02 #header {
background: #fff;
border-bottom: 1px solid #ededed;
}
body.color02 #header #logo a {
color: #656364;
}
body.color02 #header #header-sns li a {
color: #ccc;
}
body.color02 #header #header-sns li a:hover {
color: #4E4E4E;
}
body.color02 #gnav {
background: #fff;
border-top: 1px #ededed solid;
border-bottom: 1px #ededed solid;
}
body.color02 #gnav li.current-menu-item a {
border-top: 1px #FB4343 solid;
}
body.color02 #gnav li a {
border-top: 1px #ededed solid;
color: #2B2D2D;
background: #fff;
}
body.color02 #gnav li a:hover {
color: #2B2D2D;
border-top: 1px #FB4343 solid;
}
body.color02 #gnav li .sub-menu li a {
background: #2b2b2b;
color: #fff;
border: none;
}
body.color02 #gnav li .sub-menu li a:hover {
background: #373B3B;
color: #fff;
}
body.color02 #content .wp-caption {
border: 1px solid #ededed;
}
body.color02 .cat-content,
body.color02 article.post,
body.color02 article.page,
body.color02 article.wp101,
body.color02 article.seo101 {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color02 .post-title a {
color: #656364;
}
body.color02 .post-title a:hover {
color: #FB4343;
}
body.color02 .post-meta {
border-top: 1px #ededed solid;
}
body.color02 .post-meta li {
background: #fff;
}
body.color02 .post-content hr {
border-bottom: 1px solid #ededed;
}
body.color02 .post-content h2 {
border-bottom: 1px solid #ededed;
}
body.color02 .post-content h3 {
border-left: 5px solid #e5e5e5;
}
body.color02 .post-content blockquote {
border: 1px #e5e5e5 solid;
}
body.color02 .post-content blockquote:before {
color: #e7e7e7;
}
body.color02 .post-content blockquote cite {
color: #808080;
}
body.color02 .post-content table {
border: 1px #ddd solid;
}
body.color02 .post-content table th,
body.color02 .post-content table td {
border: #ddd solid 1px;
}
body.color02 .post-content table th {
color: #fff;
}
body.color02 .post-content table thead th {
background: #5e6265;
}
body.color02 .post-content table tbody th {
background: #919598;
}
body.color02 .post-content table.table-line table,
body.color02 .post-content table.table-line th,
body.color02 .post-content table.table-line td {
border-color: #fff;
}
body.color02 .post-content table.table-line th {
background: transparent;
color: #656364;
}
body.color02 .post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
body.color02 .post-content table.table-line tr {
background: #eee;
}
body.color02 .post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
body.color02 .post-cta {
background: #f5f5f5;
color: #656364;
border-top: 3px solid #5e6265;
}
body.color02 .post-cta .cta-post-title {
border-bottom: 1px solid #e5e5e5;
}
body.color02 .post-cta .post-cta-btn a {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color02 .post-cta .post-cta-btn a:hover {
background: #81da85;
border-bottom: 5px solid #5ace5f;
}
body.color02 .post-cta .btn {
color: #fff;
background: #FB4343;
}
body.color02 .post-cta .btn:hover {
background: #58DADF;
}
body.color02 .post-share {
border-top: 1px solid #e5e5e5;
}
body.color02 .post-share .post-share-title {
color: #fff;
background-color: #57585A;
}
body.color02 .post-share .post-share-list1 a,
body.color02 .post-share .post-share-list2 a,
body.color02 .post-share .post-share-list3 a,
body.color02 .post-share .post-share-list4 a {
border: 1px #eee solid;
}
body.color02 .post-share .post-share-list1 a:hover,
body.color02 .post-share .post-share-list2 a:hover,
body.color02 .post-share .post-share-list3 a:hover,
body.color02 .post-share .post-share-list4 a:hover {
text-decoration: none;
background: #f7f7f7;
}
body.color02 .post-share .post-share-facebook a:hover {
color: #305097;
}
body.color02 .post-share .post-share-twitter a:hover {
color: #00aced;
}
body.color02 .post-share .post-share-google a:hover {
color: #db4a39;
}
body.color02 .post-share .post-share-feedly a:hover {
color: #2bb24c;
}
body.color02 .post-sns {
border-top: 1px #eee solid;
}
body.color02 .post-sns ul li {
border-right: 1px solid #eee;
color: #929292;
}
body.color02 .post-sns ul li:hover {
background-color: #f7f7f7;
}
body.color02 .post-sns ul li.post-sns-twitter:hover {
color: #00ACED;
}
body.color02 .post-sns ul li.post-sns-feedly:hover {
color: #5ACF5F;
}
body.color02 .post-sns ul li a {
color: #929292;
}
body.color02 .post-sns ul li.post-sns-twitter a:hover {
background-color: #00aced;
color: #fff;
}
body.color02 .post-sns ul li.post-sns-feedly a:hover {
background-color: #5ACF5F;
color: #fff;
}
body.color02 .post-author {
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
color: #656364;
}
body.color02 .post-author a {
color: #FB4343;
}
body.color02 .comment-list>.comment {
border-bottom: 1px #eee solid;
}
body.color02 .comment-list .children .comment-body {
background: #f7f7f7;
}
body.color02 .post-loop-wrap .post-footer {
border-top: 1px #ededed solid;
}
body.color02 .more-link {
border: 1px #FB4343 solid;
color: #FB4343;
}
body.color02 .more-link:hover {
background: #FB4343;
color: #fff;
}
body.color02 .pagination span,
body.color02 .pagination a {
color: #656364;
}
body.color02 .pagination a:hover {
background: #eee;
}
body.color02 .pagination .current {
background: #eee;
}
body.color02 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color02 .side-widget a {
color: #5e6265;
}
body.color02 .side-widget a:hover {
color: #FB4343;
}
body.color02 .side-widget .post-date {
color: #999999;
}
body.color02 #views-2 ul li span {
color: #999999;
}
body.color02 .widget_recent_entries a,
body.color02 .widget_archive a,
body.color02 .widget_categories a,
body.color02 .widget_meta a {
color: #5e6265;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/lib/images/icont_arw_lit.png?1418372717) left center no-repeat;
}
body.color02 .widget_recent_entries a:hover,
body.color02 .widget_archive a:hover,
body.color02 .widget_categories a:hover,
body.color02 .widget_meta a:hover {
color: #FB4343;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/lib/images/icon_arw_gry.png?1418372717) left center no-repeat;
}
body.color02 .recentcomments a {
color: #656364;
}
body.color02 #side .share-list-wrap {
background: #fafafa;
}
body.color02 #side .share-list-wrap .post-share-list1 li a,
body.color02 #side .share-list-wrap .post-share-list2 li a,
body.color02 #side .share-list-wrap .post-share-list3 li a,
body.color02 #side .share-list-wrap .post-share-list4 li a {
background: #fff;
color: #5e6265;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
color: #305097;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
color: #00aced;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
color: #db4a39;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
color: #2bb24c;
}
body.color02 #footer {
color: #1E252C;
}
body.color02 #footer a {
color: #1E252C;
}
body.color02 #footer a:hover {
color: #FB4343;
}
body.color02 .footer-01 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color02 .footer-02 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color02 .single-lp .lp-wrap {
border: 1px solid #ededed;
background: #fff;
}
body.color02 .single-lp .lp-thumbnail {
border: 1px #ccc solid;
}
body.color02 .single-lp #lp-header {
background: #fff;
}
body.color02 .single-lp #lp-header h1 {
color: #FB4343;
border-bottom: 1px solid #ededed;
}
body.color02 .single-lp .lp-form {
background: #494c4e;
color: #fff;
}
body.color02 .single-lp .lp-form input[type=submit],
body.color02 .single-lp .lp-form button {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color02 .single-lp .lp-form input[type=submit]:hover,
body.color02 .single-lp .lp-form button:hover {
background: #6ed472;
}  body.color03 {               }
body.color03 body {
background: #fafafa;
color: #444756;
}
body.color03 a {
color: #F37D3D;
}
body.color03 form input[type="submit"],
body.color03 form button {
background: #F37D3D;
}
body.color03 #header {
background: #fff;
border-bottom: 1px solid #ededed;
}
body.color03 #header #logo a {
color: #444756;
}
body.color03 #header #header-sns li a {
color: #ccc;
}
body.color03 #header #header-sns li a:hover {
color: #21262D;
}
body.color03 #gnav {
background: #fff;
border-top: 1px #ededed solid;
border-bottom: 1px #ededed solid;
}
body.color03 #gnav li.current-menu-item a {
border-top: 1px #F37D3D solid;
}
body.color03 #gnav li a {
border-top: 1px #ededed solid;
color: #2B2D2D;
background: #fff;
}
body.color03 #gnav li a:hover {
color: #2B2D2D;
border-top: 1px #F37D3D solid;
}
body.color03 #gnav li .sub-menu li a {
background: #2b2b2b;
color: #fff;
border: none;
}
body.color03 #gnav li .sub-menu li a:hover {
background: #373B3B;
color: #fff;
}
body.color03 #content .wp-caption {
border: 1px solid #ededed;
}
body.color03 .cat-content,
body.color03 article.post,
body.color03 article.page,
body.color03 article.wp101,
body.color03 article.seo101 {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color03 .post-title a {
color: #444756;
}
body.color03 .post-title a:hover {
color: #F37D3D;
}
body.color03 .post-meta {
border-top: 1px #ededed solid;
}
body.color03 .post-meta li {
background: #fff;
}
body.color03 .post-content hr {
border-bottom: 1px solid #ededed;
}
body.color03 .post-content h2 {
border-bottom: 1px solid #ededed;
}
body.color03 .post-content h3 {
border-left: 5px solid #e5e5e5;
}
body.color03 .post-content blockquote {
border: 1px #e5e5e5 solid;
}
body.color03 .post-content blockquote:before {
color: #e7e7e7;
}
body.color03 .post-content blockquote cite {
color: #808080;
}
body.color03 .post-content table {
border: 1px #ddd solid;
}
body.color03 .post-content table th,
body.color03 .post-content table td {
border: #ddd solid 1px;
}
body.color03 .post-content table th {
color: #fff;
}
body.color03 .post-content table thead th {
background: #5e6265;
}
body.color03 .post-content table tbody th {
background: #919598;
}
body.color03 .post-content table.table-line table,
body.color03 .post-content table.table-line th,
body.color03 .post-content table.table-line td {
border-color: #fff;
}
body.color03 .post-content table.table-line th {
background: transparent;
color: #444756;
}
body.color03 .post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
body.color03 .post-content table.table-line tr {
background: #eee;
}
body.color03 .post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
body.color03 .post-cta {
background: #f5f5f5;
color: #444756;
border-top: 3px solid #5e6265;
}
body.color03 .post-cta .cta-post-title {
border-bottom: 1px solid #e5e5e5;
}
body.color03 .post-cta .post-cta-btn a {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color03 .post-cta .post-cta-btn a:hover {
background: #81da85;
border-bottom: 5px solid #5ace5f;
}
body.color03 .post-cta .btn {
color: #fff;
background: #F37D3D;
}
body.color03 .post-cta .btn:hover {
background: #23B0F3;
}
body.color03 .post-share {
border-top: 1px solid #e5e5e5;
}
body.color03 .post-share .post-share-title {
color: #fff;
background-color: #57585A;
}
body.color03 .post-share .post-share-list1 a,
body.color03 .post-share .post-share-list2 a,
body.color03 .post-share .post-share-list3 a,
body.color03 .post-share .post-share-list4 a {
border: 1px #eee solid;
}
body.color03 .post-share .post-share-list1 a:hover,
body.color03 .post-share .post-share-list2 a:hover,
body.color03 .post-share .post-share-list3 a:hover,
body.color03 .post-share .post-share-list4 a:hover {
text-decoration: none;
background: #f7f7f7;
}
body.color03 .post-share .post-share-facebook a:hover {
color: #305097;
}
body.color03 .post-share .post-share-twitter a:hover {
color: #00aced;
}
body.color03 .post-share .post-share-google a:hover {
color: #db4a39;
}
body.color03 .post-share .post-share-feedly a:hover {
color: #2bb24c;
}
body.color03 .post-sns {
border-top: 1px #eee solid;
}
body.color03 .post-sns ul li {
border-right: 1px solid #eee;
color: #929292;
}
body.color03 .post-sns ul li:hover {
background-color: #f7f7f7;
}
body.color03 .post-sns ul li.post-sns-twitter:hover {
color: #00ACED;
}
body.color03 .post-sns ul li.post-sns-feedly:hover {
color: #5ACF5F;
}
body.color03 .post-sns ul li a {
color: #929292;
}
body.color03 .post-sns ul li.post-sns-twitter a:hover {
background-color: #00aced;
color: #fff;
}
body.color03 .post-sns ul li.post-sns-feedly a:hover {
background-color: #5ACF5F;
color: #fff;
}
body.color03 .post-author {
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
color: #444756;
}
body.color03 .post-author a {
color: #F37D3D;
}
body.color03 .comment-list>.comment {
border-bottom: 1px #eee solid;
}
body.color03 .comment-list .children .comment-body {
background: #f7f7f7;
}
body.color03 .post-loop-wrap .post-footer {
border-top: 1px #ededed solid;
}
body.color03 .more-link {
border: 1px #F37D3D solid;
color: #F37D3D;
}
body.color03 .more-link:hover {
background: #F37D3D;
color: #fff;
}
body.color03 .pagination span,
body.color03 .pagination a {
color: #444756;
}
body.color03 .pagination a:hover {
background: #eee;
}
body.color03 .pagination .current {
background: #eee;
}
body.color03 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color03 .side-widget a {
color: #5e6265;
}
body.color03 .side-widget a:hover {
color: #F37D3D;
}
body.color03 .side-widget .post-date {
color: #999999;
}
body.color03 #views-2 ul li span {
color: #999999;
}
body.color03 .widget_recent_entries a,
body.color03 .widget_archive a,
body.color03 .widget_categories a,
body.color03 .widget_meta a {
color: #5e6265;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/lib/images/icont_arw_lit.png?1418372717) left center no-repeat;
}
body.color03 .widget_recent_entries a:hover,
body.color03 .widget_archive a:hover,
body.color03 .widget_categories a:hover,
body.color03 .widget_meta a:hover {
color: #F37D3D;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/lib/images/icon_arw_gry.png?1418372717) left center no-repeat;
}
body.color03 .recentcomments a {
color: #444756;
}
body.color03 #side .share-list-wrap {
background: #fafafa;
}
body.color03 #side .share-list-wrap .post-share-list1 li a,
body.color03 #side .share-list-wrap .post-share-list2 li a,
body.color03 #side .share-list-wrap .post-share-list3 li a,
body.color03 #side .share-list-wrap .post-share-list4 li a {
background: #fff;
color: #5e6265;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
color: #305097;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
color: #00aced;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
color: #db4a39;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
color: #2bb24c;
}
body.color03 #footer {
color: #1E252C;
}
body.color03 #footer a {
color: #1E252C;
}
body.color03 #footer a:hover {
color: #F37D3D;
}
body.color03 .footer-01 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color03 .footer-02 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color03 .single-lp .lp-wrap {
border: 1px solid #ededed;
background: #fff;
}
body.color03 .single-lp .lp-thumbnail {
border: 1px #ccc solid;
}
body.color03 .single-lp #lp-header {
background: #fff;
}
body.color03 .single-lp #lp-header h1 {
color: #F37D3D;
border-bottom: 1px solid #ededed;
}
body.color03 .single-lp .lp-form {
background: #494c4e;
color: #fff;
}
body.color03 .single-lp .lp-form input[type=submit],
body.color03 .single-lp .lp-form button {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color03 .single-lp .lp-form input[type=submit]:hover,
body.color03 .single-lp .lp-form button:hover {
background: #6ed472;
}  body.color04 {               }
body.color04 body {
background: #fafafa;
color: #474747;
}
body.color04 a {
color: #F6706F;
}
body.color04 form input[type="submit"],
body.color04 form button {
background: #F6706F;
}
body.color04 #header {
background: #fff;
border-bottom: 1px solid #ededed;
}
body.color04 #header #logo a {
color: #474747;
}
body.color04 #header #header-sns li a {
color: #ccc;
}
body.color04 #header #header-sns li a:hover {
color: #34465C;
}
body.color04 #gnav {
background: #fff;
border-top: 1px #ededed solid;
border-bottom: 1px #ededed solid;
}
body.color04 #gnav li.current-menu-item a {
border-top: 1px #F6706F solid;
}
body.color04 #gnav li a {
border-top: 1px #ededed solid;
color: #2B2D2D;
background: #fff;
}
body.color04 #gnav li a:hover {
color: #2B2D2D;
border-top: 1px #F6706F solid;
}
body.color04 #gnav li .sub-menu li a {
background: #2b2b2b;
color: #fff;
border: none;
}
body.color04 #gnav li .sub-menu li a:hover {
background: #373B3B;
color: #fff;
}
body.color04 #content .wp-caption {
border: 1px solid #ededed;
}
body.color04 .cat-content,
body.color04 article.post,
body.color04 article.page,
body.color04 article.wp101,
body.color04 article.seo101 {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color04 .post-title a {
color: #474747;
}
body.color04 .post-title a:hover {
color: #F6706F;
}
body.color04 .post-meta {
border-top: 1px #ededed solid;
}
body.color04 .post-meta li {
background: #fff;
}
body.color04 .post-content hr {
border-bottom: 1px solid #ededed;
}
body.color04 .post-content h2 {
border-bottom: 1px solid #ededed;
}
body.color04 .post-content h3 {
border-left: 5px solid #e5e5e5;
}
body.color04 .post-content blockquote {
border: 1px #e5e5e5 solid;
}
body.color04 .post-content blockquote:before {
color: #e7e7e7;
}
body.color04 .post-content blockquote cite {
color: #808080;
}
body.color04 .post-content table {
border: 1px #ddd solid;
}
body.color04 .post-content table th,
body.color04 .post-content table td {
border: #ddd solid 1px;
}
body.color04 .post-content table th {
color: #fff;
}
body.color04 .post-content table thead th {
background: #5e6265;
}
body.color04 .post-content table tbody th {
background: #919598;
}
body.color04 .post-content table.table-line table,
body.color04 .post-content table.table-line th,
body.color04 .post-content table.table-line td {
border-color: #fff;
}
body.color04 .post-content table.table-line th {
background: transparent;
color: #474747;
}
body.color04 .post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
body.color04 .post-content table.table-line tr {
background: #eee;
}
body.color04 .post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
body.color04 .post-cta {
background: #f5f5f5;
color: #474747;
border-top: 3px solid #5e6265;
}
body.color04 .post-cta .cta-post-title {
border-bottom: 1px solid #e5e5e5;
}
body.color04 .post-cta .post-cta-btn a {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color04 .post-cta .post-cta-btn a:hover {
background: #81da85;
border-bottom: 5px solid #5ace5f;
}
body.color04 .post-cta .btn {
color: #fff;
background: #F6706F;
}
body.color04 .post-cta .btn:hover {
background: #5EE1E1;
}
body.color04 .post-share {
border-top: 1px solid #e5e5e5;
}
body.color04 .post-share .post-share-title {
color: #fff;
background-color: #57585A;
}
body.color04 .post-share .post-share-list1 a,
body.color04 .post-share .post-share-list2 a,
body.color04 .post-share .post-share-list3 a,
body.color04 .post-share .post-share-list4 a {
border: 1px #eee solid;
}
body.color04 .post-share .post-share-list1 a:hover,
body.color04 .post-share .post-share-list2 a:hover,
body.color04 .post-share .post-share-list3 a:hover,
body.color04 .post-share .post-share-list4 a:hover {
text-decoration: none;
background: #f7f7f7;
}
body.color04 .post-share .post-share-facebook a:hover {
color: #305097;
}
body.color04 .post-share .post-share-twitter a:hover {
color: #00aced;
}
body.color04 .post-share .post-share-google a:hover {
color: #db4a39;
}
body.color04 .post-share .post-share-feedly a:hover {
color: #2bb24c;
}
body.color04 .post-sns {
border-top: 1px #eee solid;
}
body.color04 .post-sns ul li {
border-right: 1px solid #eee;
color: #929292;
}
body.color04 .post-sns ul li:hover {
background-color: #f7f7f7;
}
body.color04 .post-sns ul li.post-sns-twitter:hover {
color: #00ACED;
}
body.color04 .post-sns ul li.post-sns-feedly:hover {
color: #5ACF5F;
}
body.color04 .post-sns ul li a {
color: #929292;
}
body.color04 .post-sns ul li.post-sns-twitter a:hover {
background-color: #00aced;
color: #fff;
}
body.color04 .post-sns ul li.post-sns-feedly a:hover {
background-color: #5ACF5F;
color: #fff;
}
body.color04 .post-author {
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
color: #474747;
}
body.color04 .post-author a {
color: #F6706F;
}
body.color04 .comment-list>.comment {
border-bottom: 1px #eee solid;
}
body.color04 .comment-list .children .comment-body {
background: #f7f7f7;
}
body.color04 .post-loop-wrap .post-footer {
border-top: 1px #ededed solid;
}
body.color04 .more-link {
border: 1px #F6706F solid;
color: #F6706F;
}
body.color04 .more-link:hover {
background: #F6706F;
color: #fff;
}
body.color04 .pagination span,
body.color04 .pagination a {
color: #474747;
}
body.color04 .pagination a:hover {
background: #eee;
}
body.color04 .pagination .current {
background: #eee;
}
body.color04 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color04 .side-widget a {
color: #5e6265;
}
body.color04 .side-widget a:hover {
color: #F6706F;
}
body.color04 .side-widget .post-date {
color: #999999;
}
body.color04 #views-2 ul li span {
color: #999999;
}
body.color04 .widget_recent_entries a,
body.color04 .widget_archive a,
body.color04 .widget_categories a,
body.color04 .widget_meta a {
color: #5e6265;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/lib/images/icont_arw_lit.png?1418372717) left center no-repeat;
}
body.color04 .widget_recent_entries a:hover,
body.color04 .widget_archive a:hover,
body.color04 .widget_categories a:hover,
body.color04 .widget_meta a:hover {
color: #F6706F;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/lib/images/icon_arw_gry.png?1418372717) left center no-repeat;
}
body.color04 .recentcomments a {
color: #474747;
}
body.color04 #side .share-list-wrap {
background: #fafafa;
}
body.color04 #side .share-list-wrap .post-share-list1 li a,
body.color04 #side .share-list-wrap .post-share-list2 li a,
body.color04 #side .share-list-wrap .post-share-list3 li a,
body.color04 #side .share-list-wrap .post-share-list4 li a {
background: #fff;
color: #5e6265;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
color: #305097;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
color: #00aced;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
color: #db4a39;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
color: #2bb24c;
}
body.color04 #footer {
color: #1E252C;
}
body.color04 #footer a {
color: #1E252C;
}
body.color04 #footer a:hover {
color: #F6706F;
}
body.color04 .footer-01 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color04 .footer-02 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color04 .single-lp .lp-wrap {
border: 1px solid #ededed;
background: #fff;
}
body.color04 .single-lp .lp-thumbnail {
border: 1px #ccc solid;
}
body.color04 .single-lp #lp-header {
background: #fff;
}
body.color04 .single-lp #lp-header h1 {
color: #F6706F;
border-bottom: 1px solid #ededed;
}
body.color04 .single-lp .lp-form {
background: #494c4e;
color: #fff;
}
body.color04 .single-lp .lp-form input[type=submit],
body.color04 .single-lp .lp-form button {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color04 .single-lp .lp-form input[type=submit]:hover,
body.color04 .single-lp .lp-form button:hover {
background: #6ed472;
}    .pc {
display: block !important;
}
.sp {
display: none !important;
}
.medium--none {
display: none !important;
}
.txt_bold {
font-weight: bold;
}
.txt_line {
background: linear-gradient(transparent 40%, #faec77 40%);
}
.txt_point {
color: #FF0000;
}
a>img,
a {
transition: .3s;
}
a>img:hover {
opacity: .5;
}
.u-mgt-s {
margin-top: 1rem !important;
}
.u-mgt-m {
margin-top: 2rem !important;
}
.u-mgt-l {
margin-top: 4rem !important;
}
.u-mgb-s {
margin-top: 1rem !important;
}
.u-mgb-m {
margin-top: 2rem !important;
}
.u-mgb-l {
margin-top: 4rem !important;
}
@media screen and (max-width: 767px) {
.l-inner {
margin-right: 2.5vw !important;
margin-left: 2.5vw !important;
}
}
@media screen and (max-width: 1200px) { .pc {
display: block !important;
}
.sp {
display: none !important;
}
.medium--none {
display: none !important;
} }
@media screen and (max-width: 991px) { .pc {
display: none !important;
}
.sp {
display: block !important;
}
.medium--none {
display: none !important;
} }
@media screen and (max-width: 767px) { .pc {
display: none !important;
}
.sp {
display: block !important;
}
.medium--none {
display: block !important;
} } .inner {
width: 1000px;
margin: 0 auto;
}
.ippan .wp-pagenavi {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-justify-content: center; justify-content: center;
line-height: 1;
margin-top: 40px;
}
.ippan .wp-pagenavi span {
border: none;
padding: 10px 0;
}
.ippan .wp-pagenavi span.pages {
border: solid 1px #215aa7;
border-radius: 5px;
display: none;
}
.ippan .wp-pagenavi span.current {
border: solid 1px #215aa7;
background: #215aa7;
border-radius: 5px;
color: #FFF;
padding: 10px 12px;
}
.ippan .wp-pagenavi a,
.wp-pagenavi span {
color: #215aa7;
border: none;
font-size: .8rem;
border: solid 1px #215aa7;
border-radius: 5px;
padding: 10px 12px;
cursor: pointer;
margin: 0 2px;
}
.ippan .wp-pagenavi a:hover,
.wp-pagenavi span:hover {
border: solid 1px #a04c58;
}
@media screen and (max-width: 1200px) { .inner {
width: 1000px;
margin: 0 auto;
} }
@media screen and (max-width: 991px) { .inner {
width: 100%;
margin: 0 auto;
} }
@media screen and (max-width: 767px) { .inner {
width: 95%;
margin: 0 auto;
} } #header {
width: 100%;
}
#header .sub {
background: #FFFFFF;
color: #215aa7;
font-size: 1rem;
font-weight: bold;
padding: 10px 0;
text-align: center;
border-top: solid 3px #215aa7;
margin-top: 53px;
}
#header .sub.y {
margin-top: 0;
}
#header .sub span {
color: #cb0043;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { #header {
width: 100%;
}
#header .sub {
background: #FFFFFF;
color: #215aa7;
font-size: 3vw;
font-weight: bold;
padding: 10px 0;
text-align: center;
margin-top: 0px;
} }
@media screen and (max-width: 767px) { #header {
width: 100%;
}
#header .sub {
background: #FFFFFF;
color: #215aa7;
font-size: 3vw;
font-weight: bold;
padding: 10px 0;
text-align: center;
} }  .button,
.ac_base {
display: block;
text-decoration: none;
text-align: center;
background: #36a34b; backface-visibility: hidden;
color: #FFF;
border-bottom: solid 2px #1a6e2a;
border-radius: 3px;
line-height: 1.2;
font-size: 11px;
position: relative;
z-index: 1000;
font-weight: bold;
margin: 0 auto;
transition: .3s;
}
.button:hover {
opacity: .5;
}
a.button:hover {
color: #FFF;
} .yellow {
background: rgb(241, 197, 46); border-bottom: solid 2px #a57117;
}
.yellow_gradiate {
background: linear-gradient(rgb(241, 197, 46) 0%, rgb(233, 166, 21) 100%);
text-shadow: 0 0px 4px rgb(205 145 14);
border-bottom: none;
}
.green { background: rgb(19, 176, 8); border-bottom: solid 2px #0f8307;
}
.blue {
background: #6caaff; border-bottom: solid 2px #003680;
}
.gray {
background: #9b9b9b; border-bottom: solid 2px #545454;
}
.red {
background: #e25a67; border-bottom: solid 2px #b63642;
}
.txt_point {
color: #e70454;
} .button.s,
.ac_s {
font-size: .7rem;
padding: 10px;
}
.button.m {
font-size: .9rem;
width: 300px;
padding: 15px;
}
.ac_m {
font-size: .9rem;
width: 100%;
padding: 15px;
}
.button.l,
.ac_l {
font-size: 1.3rem;
padding: 15px 15px;
}
@media screen and (max-width: 767px) {
.button.l,
.ac_l {
font-size: 1.2rem;
padding: 15px;
}
} .fv {
width: 100%;
background: #FFF;
}
.fv.pc {
margin-top: 3.4rem;
}
.fv img {
text-align: center;
margin: 0 auto;
display: block;
} @media screen and (min-width: 992px) {
#gnav { background: #6088c9; background: -moz-linear-gradient(top, #6088c9 0%, #184583 100%); background: -webkit-linear-gradient(top, #6088c9 0%, #184583 100%); background: linear-gradient(to bottom, #6088c9 0%, #184583 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6088c9', endColorstr='#184583', GradientType=0); margin: 0 auto;
position: fixed;
top: 0;
width: 100%;
z-index: 10000000;
}
}
#gnav li {
padding: 0; width: 250px;
}
#gnav li:last-child {
border-right: none;
}
#gnav li a {
color: #FFF;
font-size: 1.1rem;
font-weight: bold;
display: block;
padding: 13px 0;
text-align: center;
transition: .3s;
cursor: pointer;
}
#gnav li a:hover {
opacity: .5;
color: #90a5d3;
}
#gnav li.current-menu-item a {
border-top: none;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { #gnav { background: #6088c9; background: -moz-linear-gradient(top, #6088c9 0%, #184583 100%); background: -webkit-linear-gradient(top, #6088c9 0%, #184583 100%); background: linear-gradient(to bottom, #6088c9 0%, #184583 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6088c9', endColorstr='#184583', GradientType=0); margin: 0 auto;
position: fixed;
padding: 0;
bottom: 0;
width: 100%;
z-index: 1000000;
}
#gnav .inner {
width: 100%;
}
#gnav ul {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
align-items: flex-end;
height: 59px;
margin-bottom: 0;
}
#gnav ul li {
width: 24.6%;
border: none;
margin: 3px .2%;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
align-items: flex-end;
}
#gnav ul li a {
font-size: 3.8vw;
padding: 16px 0;
color: #1b4b9a;
width: 100%;
height: 54px;
border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); }
#gnav ul li.menu-item-460 a {
color: #fff;
background: #F1C52D; background: -moz-linear-gradient(top, #F1C52D 0%, #E9A613 100%); background: -webkit-linear-gradient(top, #F1C52D 0%, #E9A613 100%); background: linear-gradient(to bottom, #F1C52D 0%, #E9A613 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1C52D', endColorstr='#E9A613', GradientType=0); font-size: 4vw;
height: 54px;
padding: 9px;
}
@keyframes scaling {
from {
transform: scale(1) translateY(0);
}
to {
transform: scale(1.07) translateY(-4px);
}
}
@-moz-keyframes scaling {
from {
-moz-transform: scale(1) translateY(0);
}
to {
-moz-transform: scale(1.07) translateY(-4px);
}
}
@-webkit-keyframes scaling {
from {
-webkit-transform: scale(1) translateY(0);
}
to {
-webkit-transform: scale(1.07) translateY(-4px);
}
}
#gnav ul li.menu-item-460 a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f521";
color: #ffffff;
display: block;
margin: -3px 0;
animation-name: scaling;
-moz-animation-name: scaling;
-webkit-animation-name: scaling;
animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-webkit-animation-duration: 0.8s;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-timing-function: ease;
-moz-animation-timing-function: ease;
-webkit-animation-timing-function: ease;
animation-direction: alternate;
-moz-animation-direction: alternate;
-webkit-animation-direction: alternate; } }
@media screen and (max-width: 767px) { #gnav ul {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
align-items: flex-end;
height: 59px;
margin-bottom: 0;
}
#gnav ul li {
width: 24.6%;
border: none;
margin: 3px .2%;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
#gnav ul li a {
font-size: 3.8vw;
padding: 16px 0;
color: #1b4b9a;
width: 100%;
height: 54px;
border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); }
#gnav ul li.menu-item-460 a {
color: #fff;
background: #F1C52D; background: -moz-linear-gradient(top, #F1C52D 0%, #E9A613 100%); background: -webkit-linear-gradient(top, #F1C52D 0%, #E9A613 100%); background: linear-gradient(to bottom, #F1C52D 0%, #E9A613 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1C52D', endColorstr='#E9A613', GradientType=0); font-size: 4vw;
padding: 9px;
}
#gnav ul li.menu-item-460 a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f521";
color: #ffffff;
display: block;
margin: -3px 0; } } .oyaku {
padding: 20px 0;
font-weight: bold;
display: none;
}
.oyaku p {
font-size: 1.3rem;
width: 60%;
float: left;
}
.oyaku p span {
font-size: 2rem;
color: #215aa7;
}
.oyaku ul {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
text-align: right;
width: 40%;
float: right;
}
.oyaku ul li {
margin-right: 10px;
}
.oyaku ul li:last-child {
margin-right: 0;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .oyaku p {
font-size: 4vw;
width: 100%;
margin-bottom: 10px;
}
.oyaku p span {
font-size: 3.5vw;
}
.oyaku ul {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
width: 60%;
margin: 0 auto;
text-align: center;
float: none;
}
.oyaku ul li {
margin-right: 10px;
}
.oyaku ul li:last-child {
margin-right: 0;
} }
@media screen and (max-width: 767px) { .oyaku p {
font-size: 4vw;
width: 100%;
margin-bottom: 10px;
}
.oyaku p span {
font-size: 3.5vw;
}
.oyaku ul {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
width: 60%;
margin: 0 auto;
text-align: center;
float: none;
}
.oyaku ul li {
margin-right: 10px;
}
.oyaku ul li:last-child {
margin-right: 0;
} } .epa_description {
margin-bottom: 0;
margin-top: 60px;
}
.epa_description_lead {
margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
}
.epa_description_kanri {
margin-bottom: 1rem;
padding: 1.5em 2em;
border: 1px solid rgba(0, 0, 0, .1);
background-color: rgba(0, 0, 0, .025);
}
.epa_description_kanri ul {
display: flex;
justify-content: space-evenly;
}
.epa_description_kanri ul li {
flex-basis: 140px;
}
.epa_description_kanri .kanri_title {
margin-bottom: .5em;
font-size: 1.5rem;
font-weight: bold;
color: #3c417f;
text-align: center;
}
.epa_description_kanri .kanri_name {
text-align: center;
}
.kanri_gallery {
margin-bottom: 1.5rem;
}
.kanri_gallery ul {
display: flex;
justify-content: center;
}
.epa_description h2 {
color: #3c417f;
font-size: 2.3rem;
font-weight: bold;
padding: 0 0 30px 0;
}
.epa_description h2 i {
display: inline-block;
width: 50px;
height: 26px;
margin: 0 20px;
}
.epa_description h2 i.left {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/img_icon_description_left.png) no-repeat;
}
.epa_description h2 i.right {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/img_icon_description_right.png) no-repeat;
}
.epa_description p {
font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
.epa_description_kanri {
padding: 1em;
}
.epa_description_kanri ul {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.epa_description_kanri ul li {
flex-basis: 100px;
}
.epa_description_kanri .kanri_title {
font-size: 1.1rem;
}
} .acd-check {
display: none;
}
.acd-label {
display: block;
font-size: 1.5rem;
cursor: pointer;
}
.acd-label:hover {
opacity: .7;
}
p.acd-label:hover {
opacity: 1;
cursor: default;
}
.acd-content {
height: 0;
opacity: 0;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_cross.png) repeat;
margin-bottom: 20px;
padding-bottom: 10px;
padding: 0 10px;
transition: .5s;
visibility: hidden;
box-shadow: 0px 0px 6px 3px #ededed;
}
.acd-check:checked+.acd-label+.acd-content,
p.acd-label+.acd-content {
height: auto;
opacity: 1;
padding-bottom: 50px;
line-height: 2;
visibility: visible;
padding: 30px;
}
.acd-content .acd-content_inner {
padding: 40px 40px 20px;
}
.epa_description img.des_img {
width: 100%;
max-width: 700px;
display: block;
margin: 40px auto 0;
box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .epa_description {
margin-bottom: 40px;
margin-top: 0;
}
.epa_description h2 {
font-size: 4vw;
padding: 0;
}
.epa_description h2 i {
width: 35px;
height: 26px;
}
.epa_description h2 i.left,
.epa_description h2 i.right {
background-size: contain;
}
.epa_description p {
font-size: 4vw;
}
.acd-label {
display: block;
font-size: 4.5vw;
cursor: pointer;
}
.acd-content {
margin-bottom: 10px;
}
.acd-check:checked+.acd-label+.acd-content {
height: auto;
opacity: 1;
padding: 20px;
line-height: 2;
visibility: visible;
font-size: 2vw;
} }
@media screen and (max-width: 767px) { .epa_description {
margin-bottom: 0;
margin-top: 0;
}
.epa_description h2 {
font-size: 4vw;
padding: 0;
}
.epa_description h2 i {
width: 35px;
height: 26px;
}
.epa_description h2 i.left,
.epa_description h2 i.right {
background-size: contain;
}
.epa_description p {
font-size: 4vw;
}
.acd-label {
display: block;
font-size: 4.5vw;
cursor: pointer;
}
.acd-content {
margin-bottom: 10px;
padding: 0 5px 20px;
}
.acd-check:checked+.acd-label+.acd-content {
height: auto;
opacity: 1;
padding: 20px;
line-height: 2;
visibility: visible;
font-size: 2vw;
}
.acd-content .acd-content_inner {
padding: 40px 40px 20px;
}
.epa_description img.des_img {
display: block;
margin: 0 auto;
box-shadow: 0 0 5px rgba(0, 0, 0, .1);
} } .kanri_about {}
.kanri_about h3 {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin: 40px auto;
}
.kanri_about .images {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-wrap: wrap;
}
.kanri_about .images li:nth-child(odd) img {
border: 5px solid #fff;
border-radius: 2px;
width: 100%;
object-fit: cover;
max-height: 193px;
box-shadow: 0 0 9px rgba(0, 0, 0, .3);
}
.kanri_about .images li {
width: 33.3%;
display: flex;
align-items: center;
}
.kanri_about p {
text-align: center;
font-size: 1rem;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .kanri_about h3 {
font-size: 3.5vw;
font-weight: bold;
text-align: center;
margin: 20px auto;
}
.kanri_about .images li {
width: 49.3%;
} }
@media screen and (max-width: 767px) { .kanri_about h3 {
font-size: 3.5vw;
font-weight: bold;
text-align: center;
margin: 20px auto;
}
.kanri_about .images li {
width: 49.3%;
}
.kanri_about .images li:nth-child(odd) img {
border: 2px solid #fff;
border-radius: 2px;
width: 100%;
max-height: 27vw;
object-fit: cover;
height: auto;
box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
.kanri_about p {
text-align: left;
font-size: .9rem;
} } .koumoku {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_cross.png) repeat;
margin-bottom: 60px;
margin-top: 120px;
padding-bottom: 10px;
}
.koumoku .inner {
padding-top: 40px;
margin-bottom: 50px;
}
.koumoku h2.title {
margin: 0 auto;
width: 759px;
padding-top: 40px;
}
.koumoku h2.title i {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_point_title.png) no-repeat;
width: 110px;
height: 70px;
margin-right: 5px;
display: inline-block;
}
.koumoku h2.title p {
font-size: 1.5rem;
width: 460px;
}
.koumoku h2.title p span {
font-size: 2.5rem;
}
.koumoku p.sub_title {
text-align: center;
font-size: 1.4rem;
margin: 20px auto 0;
}
.koumoku .sub_title_point {
color: #e70454;
font-weight: bold;
}
.koumoku .list {}
.koumoku .list li {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
box-shadow: 0px 0px 6px 3px #f0f0f0;
margin-right: 20px;
margin-bottom: 20px;
width: 100%;
padding: 25px 20px 20px 20px;
font-size: .8rem; border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.koumoku .list li:nth-child(even) {
margin-right: 0;
}
.koumoku .list li .img {
position: relative;
flex-basis: 250px;
}
.koumoku .list li .img img {
position: absolute;
bottom: 0;
}
.koumoku .list li .txt {
width: 96%;
line-height: 1.5;
font-size: 1.2em;
margin-bottom: 16px;
text-shadow: 0px 0px 3px #ffffff;
-webkit-text-shadow: 0px 0px 3px #ffffff;
-moz-text-shadow: 0px 0px 3px #ffffff;
}
.koumoku .list li h2 {
font-weight: bold;
text-shadow: 0px 0px 2px #ffffff;
-moz-text-shadow: 0px 0px 2px #ffffff;
-webkit-text-shadow: 0px 0px 2px #ffffff;
margin-bottom: 11px;
}
.koumoku .list li h2 .sub {
color: #215aa7;
font-size: 1.2em;
}
.koumoku .list li h2 .title {
font-size: 1.8em;
}
.koumoku .list li.epa {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_point_epa.png) #FFF right center no-repeat;
background-size: contain;
}
.koumoku .list li.shitsu {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_point_epashitsu.png) #FFF right center no-repeat;
background-size: contain;
}
.koumoku .list li.shinrai {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_point_hyoka.png) #FFF right center no-repeat;
background-size: contain;
}
.koumoku .list li.support {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_point_support.png) #FFF right center no-repeat;
background-size: contain;
}
.koumoku .pnt_list {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .koumoku h2.title {
width: 90%;
margin: 0 auto;
}
.koumoku .list li {
margin-right: 0;
margin-bottom: 20px;
width: 100%;
padding: 20px 20px 0 20px;
font-size: .8vw; border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.koumoku .list li:nth-child(even) {
margin-right: 0;
}
.koumoku .list li .img {
position: relative;
flex-basis: 30%;
margin-right: 20px;
}
.koumoku .list li .img img {
position: static;
}
.koumoku .list li .txt {
flex-basis: 100%;
line-height: 1.4;
font-size: 4.5vw;
margin-bottom: 16px;
text-shadow: 0px 0px 3px #ffffff;
-webkit-text-shadow: 0px 0px 3px #ffffff;
-moz-text-shadow: 0px 0px 3px #ffffff;
}
.koumoku .list li h2 {
font-weight: bold;
text-shadow: 0px 0px 2px #ffffff;
-moz-text-shadow: 0px 0px 2px #ffffff;
-webkit-text-shadow: 0px 0px 2px #ffffff;
margin-bottom: 11px;
}
.koumoku .list li h2 .sub {
color: #215aa7;
font-size: 3vw;
}
.koumoku .list li h2 .title {
font-size: 6vw;
}
.koumoku .list li.epa {
background: #FFF;
}
.koumoku .list li.shitsu {
background: #FFF;
}
.koumoku .list li.shinrai {
background: #FFF;
}
.koumoku .list li.support {
background: #FFF;
} }
@media screen and (max-width: 767px) { .koumoku h2.title {
font-size: 4vw;
}
.koumoku h3 {
font-size: 4.5vw;
font-weight: bold;
text-align: center;
margin: 20px auto;
}
.koumoku .images li {
width: 49.3%;
}
.koumoku .list li {
margin-right: 0;
margin-bottom: 10px;
width: 100%;
padding: 10px;
font-size: .8vw; border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.koumoku .list li:nth-child(even) {
margin-right: 0;
}
.koumoku .list li .img {
position: relative;
flex-basis: 30%;
margin-right: 20px;
}
.koumoku .list li .img img {
position: static;
}
.koumoku .list li .txt {
flex-basis: 100%;
line-height: 1.4;
font-size: 3vw;
margin-bottom: 0;
text-shadow: 0px 0px 3px #ffffff;
-webkit-text-shadow: 0px 0px 3px #ffffff;
-moz-text-shadow: 0px 0px 3px #ffffff;
}
.koumoku .list li h2 {
font-weight: bold;
text-shadow: 0px 0px 2px #ffffff;
-moz-text-shadow: 0px 0px 2px #ffffff;
-webkit-text-shadow: 0px 0px 2px #ffffff;
margin-bottom: 11px;
}
.koumoku .list li h2 .sub {
color: #215aa7;
font-size: 3vw;
}
.koumoku .list li h2 .title {
font-size: 4vw;
}
.koumoku .list li.epa {
background: #FFF;
}
.koumoku .list li.shitsu {
background: #FFF;
}
.koumoku .list li.shinrai {
background: #FFF;
}
.koumoku .list li.support {
background: #FFF;
}
.koumoku p.sub_title {
text-align: center;
font-size: .8rem;
margin: 0 auto 20px;
}
.koumoku .pnt_list {
flex-wrap: wrap;
}
.koumoku .pnt_list li {
flex-basis: 50%;
} } .arrow {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/img_arrow_top.png) top center no-repeat;
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 2rem;
font-weight: bold;
padding-top: 60px;
margin-bottom: 60px;
text-shadow: 0px 0px 2px #ffffff;
-moz-text-shadow: 0px 0px 2px #ffffff;
-webkit-text-shadow: 0px 0px 2px #ffffff;
}
.arrow span {
color: #b36c76;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .koumoku {
border-top: none;
margin-bottom: 10px;
padding-bottom: 10px;
margin-top: 20px;
}
.koumoku .inner {
padding-top: 0;
margin-bottom: 0px;
}
.koumoku h2.title {
width: 100%;
padding: 10px;
line-height: 1.2;
margin-top: 0;
border-left: none;
border-right: none;
}
.koumoku h2.title i {
background-size: 100%;
width: 65px;
height: auto;
margin-top: 5px;
}
.koumoku h2.title p {
font-size: 3.5vw;
padding-top: 5px;
}
.koumoku h2.title p span {
font-size: 6.4vw;
} .arrow {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/img_arrow_top.png) top center no-repeat;
width: 100%;
background-size: 100%;
margin: 0 auto;
text-align: center;
font-size: 6vw;
font-weight: bold;
padding-top: 60px;
margin-bottom: 0;
text-shadow: 0px 0px 2px #ffffff;
-moz-text-shadow: 0px 0px 2px #ffffff;
-webkit-text-shadow: 0px 0px 2px #ffffff;
}
.arrow span {
color: #b36c76;
} }
@media screen and (max-width: 767px) { .koumoku {
border-top: none;
margin-bottom: 10px;
padding-bottom: 10px;
margin-top: 20px;
}
.koumoku .inner {
padding-top: 0;
margin-bottom: 0px;
}
.koumoku h2.title {
width: 100%;
padding: 10px;
line-height: 1.2;
margin-top: 0;
border-left: none;
border-right: none;
}
.koumoku h2.title i {
background-size: 100%;
width: 65px;
height: auto;
margin-top: 5px;
}
.koumoku h2.title p {
font-size: 3.5vw;
padding-top: 5px;
}
.koumoku h2.title p span {
font-size: 6.4vw;
} .arrow {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/img_arrow_top.png) top center no-repeat;
width: 100%;
background-size: 100%;
margin: 0 auto;
text-align: center;
font-size: 6vw;
font-weight: bold;
padding-top: 60px;
margin-bottom: 0;
text-shadow: 0px 0px 2px #ffffff;
-moz-text-shadow: 0px 0px 2px #ffffff;
-webkit-text-shadow: 0px 0px 2px #ffffff;
}
.arrow span {
color: #b36c76;
} } #table {
padding-bottom: 20px;
}
#table .title {
color: #FFF;
padding: 10px;
width: 100%;
font-size: 1.5em;
font-weight: bold;
text-align: center;
}
#table .title span {
background: #FFF;
color: #215aa7;
padding: 0 5px;
}
#table table.pc {
width: 1000px;
border: solid 5px #215aa7;
margin-bottom: 40px;
}
#table table.pc tr th {
background: #f7f9fb;
font-size: 1.4rem;
vertical-align: middle !important;
font-weight: bold;
line-height: 1.1;
}
#table table th span {
font-size: 0.8rem;
font-weight: 400;
line-height: 0.8rem;
}
#table table.pc tr th,
#table table.pc tr td {
border: solid 1px #215aa7;
padding: 10px;
vertical-align: top;
text-align: center;
}
#table table.pc tr td.rank {
color: #215aa7;
font-size: 2rem;
vertical-align: middle !important;
font-weight: bold;
text-align: center;
}
#table table tr th img,
#table table tr td img {
display: block;
margin: 0 auto 5px auto;
}
#table table tr td.first {
background: #fffce9;
}
#table table tr td.second {
background: #f1f1f1;
}
#table table tr td.thaad {
background: #faefd8;
}
#table table tr td.name {}
#table table tr td.name div {
font-size: 1.2rem;
padding-top: 10px;
font-weight: bold;
color: #215aa7;
margin-top: 5px;
text-decoration: underline;
}
#table table tr td.star div {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
vertical-align: middle;
}
#table table tr td.star i {
display: inline-block;
width: 60px;
height: 60px;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/img_table_star.png) center center no-repeat;
margin-left: 10px;
}
#table table tr td.star p {
font-size: 2rem;
font-weight: bold;
padding-top: 6px;
margin-left: 6px;
}
#table table tr td a {}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { #table .title {
padding: 10px;
width: 100%;
font-size: 5vw;
font-weight: bold;
text-align: center;
}
#table .title span {}
#table table.sp {
width: 100%;
border: solid 5px #215aa7;
margin-bottom: 20px;
table-layout: fixed;
margin-top: -32px; }
#table table.sp tr th,
#table table.sp tr td {
border: solid 1px #215aa7;
width: auto;
padding: 0;
margin: 0;
padding: 8px;
vertical-align: top;
}
#table table.sp tr th {
background: #f7f9fb;
font-size: 3.5vw;
vertical-align: middle !important;
width: 22%;
text-align: center;
font-weight: bold;
}
#table table.sp tr td {
font-size: 3.5vw;
vertical-align: top;
width: 20%;
line-height: 1.2;
}
#table table tr th img,
#table table tr td img {
display: block;
margin: 0 auto;
width: 60%;
}
#table table tr td.first {
background: #fffce9;
}
#table table tr td.second {
background: #f1f1f1;
}
#table table tr td.thaad {
background: #faefd8;
}
#table table tr td.name {}
#table table tr td.name div {
font-size: .8rem;
padding-top: 10px;
}
#table table tr td.star div {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
vertical-align: middle;
}
#table table tr td.star i {
display: inline-block;
width: 60px;
height: 60px;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/img_table_star.png) center center no-repeat;
margin-left: 10px;
}
#table table tr td.star p {
font-size: 2rem;
font-weight: bold;
padding-top: 6px;
margin-left: 6px;
}
#table table .button {
background: none;
border: 0;
padding: 0;
}
#table table tr td a.button img {
width: 100%;
} }
@media screen and (max-width: 767px) { #table .title {
padding: 10px;
width: 100%;
font-size: 5vw;
font-weight: bold;
text-align: center;
position: relative;
top: 36px;
left: 0;
z-index: 100000;
}
#table .title span {}
#table table.sp {
width: 100%;
border: solid 5px #215aa7;
margin-bottom: 20px;
table-layout: fixed;
margin-top: -32px;
overflow: scroll; }
#table table.sp tr th,
#table table.sp tr td {
border: solid 1px #215aa7;
width: auto;
padding: 0;
margin: 0;
padding: 8px;
vertical-align: top;
}
#table table.sp tr th {
background: #f7f9fb;
font-size: 3.5vw;
vertical-align: middle !important;
width: 22%;
text-align: center;
font-weight: bold;
padding: 0;
}
#table table.sp tr td {
font-size: 3.5vw;
vertical-align: top;
width: 20%;
line-height: 1.2;
}
#table table.sp tr td.rank {
color: #215aa7;
font-size: 1rem;
vertical-align: middle !important;
font-weight: bold;
text-align: center;
}
#table table tr.tr--no-pdg td {
padding: 2px;
}
#table table tr th img,
#table table tr td img {
display: block;
margin: 0 auto;
width: 50px;
}
#table table tr td.first {
background: #fffce9;
}
#table table tr td.second {
background: #f1f1f1;
}
#table table tr td.thaad {
background: #faefd8;
}
#table table tr td.name {}
#table table tr td.name div {
font-size: .8rem;
padding-top: 10px;
}
#table table tr td.star div {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
vertical-align: middle;
}
#table table tr td.star i {
display: inline-block;
width: 60px;
height: 60px;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/img_table_star.png) center center no-repeat;
margin-left: 10px;
}
#table table tr td.star p {
font-size: 2rem;
font-weight: bold;
padding-top: 6px;
margin-left: 6px;
}
#table table tr td a.button img {
width: 80px;
max-width: 80px;
}
#table .scroll_hint {
text-align: right;
font-size: .8rem;
color: #999;
margin-top: -14px;
} } .inner.c_b {
margin-top: -70px;
padding-top: 70px;
}
.shohin_list {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_cross.png) repeat;
border-radius: 20px 20px 10px 10px;
border: solid 5px #dbdbdb;
border-top: none;
padding: 0 40px 40px;
margin-bottom: 40px;
}
h2.shohin_title {
background: #215aa7;
border-radius: 15px 15px 0 0;
padding: 10px 80px 10px 80px;
margin: 0 auto 0 -45px;
margin-top: 0;
margin-bottom: 40px;
width: 1000px;
display: table;
font-size: 2em;
font-weight: bold;
color: #FFFFFF;
}
h2.shohin_title span {
display: inline-block;
vertical-align: middle;
}
h2.shohin_title span.rank {
font-size: 2rem;
}
h2.shohin_title span.rank.first {}
h2.shohin_title span.c_name {
font-size: 1rem;
background: #12417f;
padding: 5px 10px;
margin: 0 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
h2.shohin_title span.name {
font-size: 2.5rem;
font-weight: bold;
}
.shohin_list .shohin_description {
font-size: 1.4rem;
line-height: 1.8;
margin-bottom: 30px;
}
.shohin_list .detail_inner {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
margin-bottom: 30px;
}
.shohin_list .detail_inner .img {
width: 300px;
margin-right: 30px;
margin-top: -50px;
}
.shohin_list .detail_inner .detail {
width: 575px;
}
.shohin_list .detail_inner .detail h2 {
font-size: 3rem;
font-weight: bold;
margin-bottom: 10px;
}
.shohin_list .detail_inner .detail .meta_inner {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
margin-bottom: 20px;
}
.shohin_list .detail_inner .detail_table {
width: 570px;
margin-bottom: 20px;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .shohin_list .detail_inner .detail_table {
width: 100%;
}
h2.shohin_title {
border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
padding: 10px 20px;
margin: 0 auto;
margin-top: -33px;
margin-bottom: 10px;
width: 100%;
display: table;
font-size: 4.5vw;
color: #FFFFFF;
}
h2.shohin_title span.rank {
font-size: 3vw;
}
h2.shohin_title span.rank.first {}
h2.shohin_title span.c_name {
font-size: 3vw;
background: #12417f;
padding: 5px 10px;
margin: 0 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
h2.shohin_title span.name {
font-size: 6vw;
font-weight: bold;
} }
@media screen and (max-width: 767px) { .shohin_list .detail_inner .detail_table {
width: 100%;
}
h2.shohin_title {
border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
-webkit-border-radius: 15px 15px 0 0;
padding: 10px 20px;
margin: 0 auto;
margin-top: -33px;
margin-bottom: 10px;
width: 100%;
display: table;
font-size: 4.5vw;
color: #FFFFFF;
}
h2.shohin_title span.rank {
font-size: 3vw;
}
h2.shohin_title span.rank.first {}
h2.shohin_title span.c_name {
font-size: 3vw;
background: #12417f;
padding: 5px 10px;
margin: 0 15px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
h2.shohin_title span.name {
font-size: 6vw;
font-weight: bold;
} }
.img_tsubu {
width: 100%;
background: #FFFFFF;
padding: 30px;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px; box-shadow: 0px 0px 6px 3px #e5e5e5;
-webkit-box-shadow: 0px 0px 6px 3px #e5e5e5;
-moz-box-shadow: 0px 0px 6px 3px #e5e5e5;
border: solid 1px #cbcbcb;
margin-bottom: 30px;
}
.img_tsubu .txt {
font-size: 1.2em;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.img_tsubu p.img {
flex-basis: 160px;
margin-right: 20px;
}
.img_tsubu h3 {
background: #FFFFFF;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border: solid 2px #215aa7;
color: #215aa7;
font-weight: bold;
padding: 10px 20px 10px 22px;
margin: 0 auto;
margin-top: -54px;
margin-bottom: 20px;
width: auto;
display: table;
}
.img_tsubu .txt ul {
width: 100%;
}
.img_tsubu .txt ul li {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
font-size: 1.1rem;
border-bottom: dotted 1px #215aa7;
padding: 5px;
}
.img_tsubu .txt ul li .tit {
font-weight: bold;
color: #215aa7;
margin-right: 10px;
}
.img_tsubu .txt ul li .tit:before {
content: "●";
color: #215aa7;
}
.img_tsubu .txt ul li .tit:after {
content: ":";
color: #215aa7;
}
.shohin_list .detail_inner .detail_table table {
background: #FFF;
font-size: 1.4rem;
width: 100%;
margin-bottom: 30px;
}
.shohin_list .detail_inner .detail_table table span {
font-size: 3rem;
color: #e70454;
padding-right: 10px;
font-weight: bold;
}
.shohin_list .detail_inner .detail_table table tr th {
width: 150px;
background: #f7f9fb;
}
.shohin_list .detail_inner .detail_table table tr th span {
font-size: 0.8rem;
color: #000;
padding-right: 0;
font-weight: 400;
display: block;
}
.shohin_list .detail_inner .detail_table table tr td,
.shohin_list .detail_inner .detail_table table tr th {
border: dashed 1px #cccccc;
padding: 10px 20px;
}
.shohin_list .detail_inner .detail_table table tr td {
width: 60%;
}
.shohin_list .detail_inner .detail_table table tr td p {
display: table-cell;
vertical-align: middle;
}
.shohin_list .detail_inner .detail_table table tr td span {
display: table-cell;
vertical-align: middle;
color: #e70454;
}
.shohin_list .detail_inner .detail_table table tr td span.color_maru {
color: #daa34b;
font-size: 2.8rem;
}
.shohin_list .detail_inner .detail_table table tr td span.color_sankaku {
color: #7cac8b;
}
.shohin_list .detail_inner .detail_table table tr td span.color_batsu {
color: #909090;
padding-left: 3px;
}
.shohin_list .detail_inner .detail_table table tr th {
width: 40%;
font-weight: bold;
}
.shohin_list .detail_inner .detail ul.star {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.shohin_list .detail_inner .detail .detail_rank {
border-radius: 36px;
border: solid 1px #222222;
font-size: 2.3rem;
font-weight: bold;
background: #FFF;
padding: 4px 54px;
margin-left: 70px;
}
.shohin_list .banner {
margin: 20px auto 40px auto;
}
.shohin_list .banner ul {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-wrap: wrap;
}
.shohin_list .banner ul li {
flex-basis: 455px;
}
.shohin_list .main_point {
border: double 3px #215aa7;
padding: 40px;
background: #FFF;
margin-bottom: 40px;
}
.shohin_list .main_point h3 {
font-size: 1.3rem;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.shohin_list .main_point h3::before,
.shohin_list .main_point h3::after {
content: "";
display: inline-block;
width: 70px;
height: 1px;
margin: 0 3rem;
background-color: #333;
vertical-align: middle;
}
.shohin_list .main_point h2 {
text-align: center;
font-weight: bold;
font-size: 3rem;
color: #215aa7;
line-height: 1.2;
margin-bottom: 30px;
}
.shohin_list .main_point .inner {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.shohin_list .main_point .inner .txt {
width: 500px;
margin-right: 30px;
font-size: 1.2rem;
line-height: 1.9;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .shohin_list {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_cross.png) repeat;
border-radius: 10px;
border: solid 5px #dbdbdb;
padding: 10px;
margin-bottom: 40px;
}
.shohin_list .img_tsubu .link_repo {
font-size: 1.5em;
margin: 16px 0;
line-height: 1.4;
}
.shohin_list .detail_inner {
display: block;
}
.shohin_list .shohin_description {
font-size: 4.3vw;
line-height: 1.7;
margin-bottom: 0;
}
.shohin_list .detail_inner .img {
width: 60%;
margin-right: 0;
margin: 0 auto;
}
.shohin_list .detail_inner .detail {
width: 100%;
}
.shohin_list .detail_inner .detail h2 {
font-size: 6vw;
margin-bottom: 10px;
}
.shohin_list .detail_inner .detail .meta_inner {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
margin-bottom: 20px;
}
.shohin_list .detail_inner .detail_table table {
background: #FFF;
font-size: 1rem;
}
.shohin_list .detail_inner .detail_table table span {
font-size: 1.2rem;
color: #f1c52e;
}
.shohin_list .detail_inner .detail_table table tr td span {
font-size: 10vw;
}
.shohin_list .detail_inner .detail_table table tr th {
width: 150px;
background: #f7f9fb;
}
.shohin_list .detail_inner .detail_table table tr th span {
display: inline;
}
.shohin_list .detail_inner .detail_table table tr td span.color_maru {
font-size: 2.2rem;
}
.shohin_list .detail_inner .detail_table table tr td,
.shohin_list .detail_inner .detail_table table tr th {
border: dashed 1px #cccccc;
display: block;
width: 100%;
padding: 5px 20px;
}
.shohin_list .detail_inner .detail ul.star {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.shohin_list .detail_inner .detail .detail_rank {
border-radius: 36px;
border: solid 1px #222;
font-size: 3vw;
background: #FFF;
padding: 4px 54px;
margin-left: 40px;
}
.shohin_list .banner {
margin: 20px auto;
}
.shohin_list .banner ul {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.shohin_list .main_point {
border: double 3px #215aa7;
padding: 20px 10px;
background: #FFF;
margin-bottom: 40px;
}
.shohin_list .main_point h3 {
font-size: 1.3vw;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.shohin_list .main_point h3::before,
.shohin_list .main_point h3::after {
display: none;
}
.shohin_list .main_point h2 {
text-align: center;
font-weight: bold;
font-size: 7vw;
line-height: 1.2;
margin-bottom: 10px;
}
.shohin_list .main_point .inner {
display: block;
}
.shohin_list .main_point .inner .img img {
width: 90%;
margin: 0 auto;
display: block;
}
.shohin_list .main_point .inner .txt {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
font-size: 3vw;
line-height: 1.9;
}
.shohin_list .img_tsubu {
padding: 20px;
}
.shohin_list .img_tsubu h3 {
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
padding: 5px 20px 5px 22px;
margin: 0 auto;
margin-top: -36px;
margin-bottom: 10px;
font-size: 3vw;
}
.shohin_list .img_tsubu .txt {
font-size: 2.5vw;
display: block;
}
.shohin_list .img_tsubu p.img {
width: 60%;
margin: 0 auto;
}
.shohin_list .img_tsubu h3 {}
.shohin_list .img_tsubu .txt ul {
width: 100%;
margin-top: 15px;
}
.shohin_list .img_tsubu .txt ul li {
display: block;
font-size: 4vw;
border-bottom: dotted 1px #215aa7;
padding: 5px;
}
.shohin_list .img_tsubu .txt ul li .tit {
font-weight: bold;
color: #215aa7;
margin-right: 10px;
}
.shohin_list .img_tsubu .txt ul li .tit:before {
content: "●";
color: #215aa7;
}
.shohin_list .img_tsubu .txt ul li .tit:after {
content: ":";
color: #215aa7;
} }
@media screen and (max-width: 767px) { .shohin_list {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_cross.png) repeat;
border-radius: 10px;
border: solid 5px #dbdbdb;
padding: 10px;
margin-bottom: 40px;
margin-top: 0px;
}
.shohin_list .detail_inner {
display: block;
}
.shohin_list .shohin_description {
font-size: 4.3vw;
line-height: 1.7;
margin-bottom: 0;
}
.shohin_list .detail_inner .img {
width: 60%;
margin-right: 0;
margin: 0 auto;
}
.shohin_list .detail_inner .detail {
width: 100%;
margin-top: 50px;
}
.shohin_list .detail_inner .detail h2 {
font-size: 6vw;
margin-bottom: 10px;
}
.shohin_list .detail_inner .detail .meta_inner {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
margin-bottom: 20px;
}
.shohin_list .detail_inner .detail_table table {
background: #FFF;
font-size: 1rem;
}
.shohin_list .detail_inner .detail_table table span {
font-size: 1.2rem;
color: #f1c52e;
}
.shohin_list .detail_inner .detail_table table tr th {
width: 150px;
background: #f7f9fb;
}
.shohin_list .detail_inner .detail_table table tr td,
.shohin_list .detail_inner .detail_table table tr th {
border: dashed 1px #cccccc;
display: block;
width: 100%;
padding: 5px 20px;
}
.shohin_list .detail_inner .detail ul.star {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.shohin_list .detail_inner .detail .detail_rank {
border-radius: 36px;
border: solid 1px #222;
font-size: 3vw;
background: #FFF;
padding: 4px 54px;
margin-left: 40px;
}
.shohin_list .banner {
margin: 20px auto;
}
.shohin_list .banner ul {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.shohin_list .main_point {
border: double 3px #215aa7;
padding: 20px 10px;
background: #FFF;
margin-bottom: 40px;
}
.shohin_list .main_point h3 {
font-size: 1.3vw;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.shohin_list .main_point h3::before,
.shohin_list .main_point h3::after {
display: none;
}
.shohin_list .main_point h2 {
text-align: center;
font-weight: bold;
font-size: 7vw;
line-height: 1.2;
margin-bottom: 10px;
}
.shohin_list .main_point .inner {
display: block;
}
.shohin_list .main_point .inner .img img {
width: 90%;
margin: 0 auto;
display: block;
}
.shohin_list .main_point .inner .txt {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
font-size: 3vw;
line-height: 1.9;
}
.img_tsubu {
padding: 20px;
}
.img_tsubu h3 {
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
padding: 5px 20px 5px 22px;
margin: 0 auto;
margin-top: -36px;
margin-bottom: 10px;
font-size: 3vw;
}
.img_tsubu .txt {
font-size: 2.5vw;
display: block;
}
.img_tsubu p.img {
width: 60%;
margin: 0 auto;
}
.img_tsubu h3 {}
.img_tsubu .txt ul {
width: 100%;
margin-top: 15px;
}
.img_tsubu .txt ul li {
display: block;
font-size: 4vw;
border-bottom: dotted 1px #215aa7;
padding: 5px;
}
.img_tsubu .txt ul li .tit {
font-weight: bold;
color: #215aa7;
margin-right: 10px;
}
.img_tsubu .txt ul li .tit:before {
content: "●";
color: #215aa7;
}
.img_tsubu .txt ul li .tit:after {
content: ":";
color: #215aa7;
} } .fukidashi {
position: relative;
display: inline-block;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
font-size: 1.4rem;
line-height: 1.7;
background: #FFF;
border: solid 1px #dedede;
box-sizing: border-box;
border-radius: 5px;
padding: 24px;
width: 900px;
}
.fukidashi :before {
content: "";
position: absolute;
top: 30%;
left: -23px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 11px solid #FFF;
z-index: 2;
}
.fukidashi :after {
content: "";
position: absolute;
top: 30%;
left: -28px;
margin-top: -14px;
border: 14px solid transparent;
border-right: 14px solid #dedede;
z-index: 1;
}
.fukidashi p {
margin: 0;
padding: 0;
}
.kuchikomi_base {}
.detaiL_deta {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
margin-bottom: 20px;
margin-top: 40px;
}
.detaiL_deta .img_tsubu_detail {
flex-basis: 670px;
-webkit-flex-basis: 670px;
-ms-flex-basis: 670px;
margin-right: 40px;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .detaiL_deta {
display: block;
margin-bottom: 20px;
margin-top: 20px;
}
.detaiL_deta .img_tsubu_detail {
margin-right: 0;
margin: 0 auto;
}
.detaiL_deta .img_tsubu_detail img {
width: 70%;
margin: 0 auto 20px auto;
display: block;
} }
@media screen and (max-width: 767px) { .detaiL_deta {
display: none;
margin-bottom: 20px;
margin-top: 20px;
}
.detaiL_deta .img_tsubu_detail {
margin-right: 0;
margin: 0 auto;
}
.detaiL_deta .img_tsubu_detail img {
width: 70%;
margin: 0 auto 20px auto;
display: block;
} } .flow {
margin-bottom: 20px;
color: #215aa7;
border-top: solid 2px #215aa7;
border-bottom: solid 2px #215aa7;
padding: 5px 0;
flex-basis: 860px;
-webkit-flex-basis: 860px;
-ms-flex-basis: 860px;
}
.flow h3 {
font-size: 1.5rem;
text-align: center;
margin-bottom: 20px;
font-weight: bold;
padding-bottom: 5px;
border-bottom: solid 1px #215aa7;
}
.flow ol {
flex-basis: 540px;
}
.flow ol li {
margin-bottom: 20px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
background: #FFF;
border-radius: 5px;
border: solid 1px #d3d3d3;
}
.flow ol li:nth-child(even) {
margin-right: 0;
}
.flow ol li .img {
flex-basis: 185px;
-webkit-flex-basis: 185px;
-ms-flex-basis: 185px;
}
.flow ol li .txt {
padding: 20px;
}
.flow ol li .img img {
max-width: initial;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .flow {
margin-bottom: 20px;
}
.flow h3 {
font-size: 1.5rem;
text-align: center;
margin-bottom: 20px;
font-weight: bold;
}
.flow ol {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-wrap: wrap;
}
.flow ol li {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
background: #FFF;
border-radius: 5px;
border: solid 1px #d3d3d3;
padding: 15px;
}
.flow ol li:nth-child(even) {
margin-right: 0;
}
.flow ol li .img {
margin-right: 10px;
}
.flow ol li .txt {
padding: 0px 10px 10px 10px;
} }
@media screen and (max-width: 767px) { .flow {
margin-bottom: 20px;
}
.flow h3 {
font-size: 1.5rem;
text-align: center;
margin-bottom: 20px;
font-weight: bold;
}
.flow ol {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-wrap: wrap;
}
.flow ol li {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
background: #FFF;
border-radius: 5px;
border: solid 1px #d3d3d3;
padding: 15px;
}
.flow ol li:nth-child(even) {
margin-right: 0;
}
.flow ol li .img {
margin-right: 10px;
}
.flow ol li .txt {
padding: 0px 10px 10px 10px;
} }
.kuchikomi_base ul li {
display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;
margin-bottom: 20px;
}
.kuchikomi_base ul li .img {
flex-basis: 180px;
}
.kuchikomi_base ul li img {
display: block;
}
.kuchikomi_base dl {
text-align: center;
}
.kuchikomi_base dl dt {
font-size: .3rem;
line-height: 1.1;
padding-top: 10px;
}
.kuchikomi_base dl dd {
font-size: .5rem;
font-weight: bold;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .fukidashi {
position: relative;
display: inline-block;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
font-size: 4.5vw;
line-height: 1.7;
background: #FFF;
border: solid 1px #dedede;
box-sizing: border-box;
border-radius: 5px;
font-size: .9rem;
padding: 15px;
}
.fukidashi :before {
content: "";
position: absolute;
top: 34%;
left: -22px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 11px solid #FFF;
z-index: 2;
}
.fukidashi :after {
content: "";
position: absolute;
top: 34%;
left: -28px;
margin-top: -14px;
border: 14px solid transparent;
border-right: 14px solid #dedede;
z-index: 1;
}
.fukidashi p {
margin: 0;
padding: 0;
}
.kuchikomi_base {}
.kuchikomi_base ul li {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
margin-bottom: 10px;
}
.kuchikomi_base ul li .img {
width: 500px;
margin-right: 22px;
}
.kuchikomi_base ul li img {
display: block;
}
.kuchikomi_base dl {
text-align: center;
}
.kuchikomi_base dl dt {
font-size: 2vw;
line-height: 1.1;
padding-top: 10px;
}
.kuchikomi_base dl dd {
font-size: .5rem;
font-weight: bold;
} }
@media screen and (max-width: 767px) { .fukidashi {
position: relative;
display: inline-block;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
font-size: 4.5vw;
line-height: 1.7;
background: #FFF;
border: solid 1px #dedede;
box-sizing: border-box;
border-radius: 5px;
font-size: .9rem;
padding: 15px;
}
.fukidashi :before {
content: "";
position: absolute;
top: 34%;
left: -22px;
margin-top: -12px;
border: 12px solid transparent;
border-right: 11px solid #FFF;
z-index: 2;
}
.fukidashi :after {
content: "";
position: absolute;
top: 34%;
left: -28px;
margin-top: -14px;
border: 14px solid transparent;
border-right: 14px solid #dedede;
z-index: 1;
}
.fukidashi p {
margin: 0;
padding: 0;
}
.kuchikomi_base {}
.kuchikomi_base ul li {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
margin-bottom: 10px;
}
.kuchikomi_base ul li .img {
width: 500px;
margin-right: 22px;
}
.kuchikomi_base ul li img {
display: block;
}
.kuchikomi_base dl {
text-align: center;
}
.kuchikomi_base dl dt {
font-size: 2vw;
line-height: 1.1;
padding-top: 10px;
}
.kuchikomi_base dl dd {
font-size: .5rem;
font-weight: bold;
} } .adviser {
border: solid 2px #ff8949;
padding: 40px;
background: #FFF;
margin-bottom: 40px;
}
.adviser h3 {
font-weight: bold;
font-size: 1rem;
text-align: center;
margin-bottom: 20px;
}
.adviser h2 {
background: #ff8949;
padding: 10px;
position: relative;
text-align: center;
margin: 0 auto 40px auto;
width: 620px;
}
.adviser h2 i {
display: inline-block;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_detail_adviser_title.png) center center no-repeat;
width: 73px;
height: 75px;
position: absolute;
left: -34px;
top: -8px;
}
.adviser h2 p {
color: #FFF;
font-size: 1.5rem;
padding-left: 10px;
}
.adviser .kuchikomi_base ul li img {
width: 80px;
clip-path: circle(40px at center);
-webkit-clip-path: circle(40px at center);
-ms-clip-path: circle(40px at center);
display: block;
margin: 0 auto;
}
.adviser .fukidashi {
border: solid 1px #dedede;
}
.adviser .fukidashi :before {}
.adviser .fukidashi :after {
border-right: 14px solid #dedede;
}
.adviser .fukidashi .span {
color: #dedede;
font-weight: bold;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .adviser {
border: solid 2px #dedede;
padding: 10px;
background: #FFF;
margin-bottom: 20px;
}
.adviser h3 {
font-weight: bold;
font-size: 1rem;
text-align: center;
margin-bottom: 20px;
}
.adviser h2 {
background: #ff8949;
padding: 10px;
position: relative;
text-align: center;
margin: 0 auto 20px auto;
width: 100%;
display: table
}
.adviser h2 i {
display: table-cell;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_detail_adviser_title.png) center center no-repeat;
width: 40px;
height: 40px;
background-size: 100%;
position: static;
}
.adviser h2 p {
color: #FFF;
font-size: 5vw;
padding-left: 10px;
padding-top: 9px;
text-align: left;
display: table-cell;
line-height: 1.2;
}
.adviser .kuchikomi_base ul li img {
width: 40px;
clip-path: circle(20px at center);
-webkit-clip-path: circle(20px at center);
display: block;
margin: 0 auto;
}
.adviser .fukidashi {
border: solid 1px #dedede;
}
.adviser .fukidashi :before {}
.adviser .fukidashi :after {
border-right: 14px solid #dedede;
}
.adviser .fukidashi .span {
color: #dedede;
font-weight: bold;
} }
@media screen and (max-width: 767px) { .adviser {
border: solid 2px #dedede;
padding: 10px;
background: #FFF;
margin-bottom: 20px;
}
.adviser h3 {
font-weight: bold;
font-size: 1rem;
text-align: center;
margin-bottom: 20px;
}
.adviser h2 {
background: #ff8949;
padding: 10px;
position: relative;
text-align: center;
margin: 0 auto 20px auto;
width: 100%;
display: table
}
.adviser h2 i {
display: table-cell;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_detail_adviser_title.png) center center no-repeat;
width: 40px;
height: 40px;
background-size: 100%;
position: static;
}
.adviser h2 p {
color: #FFF;
font-size: 5vw;
padding-left: 10px;
padding-top: 9px;
text-align: left;
display: table-cell;
line-height: 1.2;
}
.adviser .kuchikomi_base ul li img {
width: 40px;
clip-path: circle(20px at center);
-webkit-clip-path: circle(20px at center);
display: block;
margin: 0 auto;
}
.adviser .fukidashi {
border: solid 1px #dedede;
}
.adviser .fukidashi :before {}
.adviser .fukidashi :after {
border-right: 14px solid #dedede;
}
.adviser .fukidashi .span {
color: #dedede;
font-weight: bold;
} } .ippan {
border: solid 2px #215aa7;
background: #FFF;
padding: 0 40px 40px 40px;
position: relative;
margin-bottom: 40px;
}
.ippan h2 {
background: #215aa7;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
padding: 10px 20px 10px 22px;
margin: 0 auto;
margin-top: -25px;
margin-bottom: 30px;
width: auto;
display: table;
}
.ippan h2 i {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_detail_kuchikomi_title.png) center center no-repeat;
background-size: 100%;
width: 23px;
height: 20px;
display: table-cell;
vertical-align: middle;
}
.ippan h2 p {
color: #FFF;
font-size: 1.2rem;
font-weight: bold;
display: table-cell;
vertical-align: middle;
padding-left: 5px;
}
.ippan .kuchikomi_base ul li .img {
flex-basis: 108px;
-webkit-flex-basis: 108px;
-ms-flex-basis: 108px;
margin-right: 22px;
color: #215aa7;
}
.ippan .star {
color: #215aa7;
font-size: 1.5rem;
}
.ippan .tag {
position: absolute;
top: 12px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
margin-top: 10px;
}
.ippan .tag li {
border-radius: 10px;
background: #ad7777;
font-size: .8rem;
font-weight: bold;
margin: 0 3px;
padding: 3px 7px;
color: #FFF;
}
.ippan .fukidashi .inyou {
font-size: .8rem;
text-align: left;
margin-top: 10px;
font-weight: bold;
}
.ippan .fukidashi .inyou:before {
content: "飲用者:";
border-right: none;
position: static;
top: 0;
left: 0;
margin-top: 0;
border: none;
}
.ippan .star span {
font-size: 1rem;
color: #222;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.ippan .fukidashi {
position: relative;
flex-basis: 940px;
background: #f7f7f7;
padding-top: 50px;
border: none;
}
.ippan .fukidashi :before {
border-right: 11px solid #f7f7f7;
}
.ippan .fukidashi :after {
content: "";
position: absolute;
border: 14px solid transparent;
z-index: 1;
}
.ippan .overlay {
height: 400px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 24%, rgba(255, 255, 255, 1) 88%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 24%, rgba(255, 255, 255, 1) 88%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 24%, rgba(255, 255, 255, 1) 88%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); position: absolute;
bottom: 0;
width: 865px;
z-index: 100;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .ippan {
border: solid 2px #215aa7;
background: #FFF;
padding: 0 10px 20px 10px;
position: relative;
margin-bottom: 20px;
}
.ippan h2 {
background: #215aa7;
border-radius: 25px;
padding: 10px 10px 10px 22px;
margin: 0 auto;
margin-top: -25px;
margin-bottom: 30px;
width: auto;
display: table;
}
.ippan h2 i {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_detail_kuchikomi_title.png) center center no-repeat;
background-size: 100%;
width: 23px;
height: 20px;
display: table-cell;
vertical-align: middle;
}
.ippan h2 p {
color: #FFF;
font-size: .9rem;
display: table-cell;
vertical-align: middle;
padding-left: 5px;
}
.ippan .kuchikomi_base ul li .img {
flex-basis: 168px;
-webkit-flex-basis: 168px;
-ms-flex-basis: 168px;
margin-right: 22px;
color: #215aa7;
}
.ippan .star {
color: #215aa7;
font-size: 1.2rem;
}
.ippan .star span {
font-size: .5rem;
color: #222;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.ippan .fukidashi {
background: #f7f7f7;
border: none;
}
.ippan .fukidashi :before {
border-right: 11px solid #f7f7f7;
}
.ippan .fukidashi :after {
content: "";
position: absolute;
border: 14px solid transparent;
z-index: 1;
}
.ippan .overlay {
height: 200px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 24%, rgba(255, 255, 255, 1) 88%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 24%, rgba(255, 255, 255, 1) 88%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 24%, rgba(255, 255, 255, 1) 88%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); position: absolute;
bottom: 0;
width: 95%;
z-index: 100;
} }
@media screen and (max-width: 767px) { .ippan {
border: solid 2px #215aa7;
background: #FFF;
padding: 0 10px 20px 10px;
position: relative;
margin-bottom: 20px;
}
.ippan h2 {
background: #215aa7;
border-radius: 25px;
padding: 10px 10px 10px 22px;
margin: 0 auto;
margin-top: -25px;
margin-bottom: 10px;
width: auto;
display: table;
}
.ippan h2 i {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_detail_kuchikomi_title.png) center center no-repeat;
background-size: 100%;
width: 23px;
height: 20px;
display: table-cell;
vertical-align: middle;
}
.ippan h2 p {
color: #FFF;
font-size: .9rem;
display: table-cell;
vertical-align: middle;
padding-left: 5px;
}
.ippan .tag {
top: 4px;
}
.ippan .tag li {
padding: 0 7px;
}
.ippan .kuchikomi_base ul li .img {
flex-basis: 168px;
-webkit-flex-basis: 168px;
-ms-flex-basis: 168px;
margin-right: 22px;
color: #215aa7;
}
.ippan .star {
color: #215aa7;
font-size: 1.2rem;
}
.ippan .star span {
font-size: .5rem;
color: #222;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.ippan .fukidashi {
background: #f7f7f7;
border: none;
padding-top: 40px;
}
.ippan .fukidashi :before {
border-right: 11px solid #f7f7f7;
}
.ippan .fukidashi :after {
content: "";
position: absolute;
border: 14px solid transparent;
z-index: 1;
}
.ippan .overlay {
height: 200px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 24%, rgba(255, 255, 255, 1) 88%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 24%, rgba(255, 255, 255, 1) 88%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 24%, rgba(255, 255, 255, 1) 88%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); position: absolute;
bottom: 0;
width: 95%;
z-index: 100;
} } .top_kuchikomi {}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) {  }
@media screen and (max-width: 767px) { .top_kuchikomi.ippan .kuchikomi_base ul li .img {
display: none;
}
.ippan .fukidashi :before {
border-right: none;
}
.ippan .fukidashi :after {
content: "";
position: absolute;
border: none;
z-index: 1;
} } .meta {
margin: 40px 0;
}
.meta table {
background: #FFF;
font-size: .8rem;
width: 100%;
text-align: center;
}
.meta table tr th,
.meta table tr td {
padding: 7px;
font-size: 1.2rem;
width: 25%;
}
.meta table tr th {
background: #f6f6f6;
font-weight: bold;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .meta {
margin: 20px 0 50px 0;
}
.meta table {
font-size: 3vw;
width: 100%;
}
.meta table tr th,
.meta table tr td {
padding: 7px;
width: 25%;
font-size: 3vw;
} }
@media screen and (max-width: 767px) { .meta {
margin: 20px 0 50px 0;
}
.meta table {
font-size: 3vw;
width: 100%;
}
.meta table tr th,
.meta table tr td {
padding: 7px;
width: 25%;
font-size: 3vw;
} } .otoku_point {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #FFFFFF;
color: #215aa7;
padding: 20px;
border: solid 1px #215aa7;
margin-bottom: 30px;
}
.otoku_point dt {
font-weight: bold;
font-size: 1.5rem;
margin-bottom: 15px;
text-align: center;
}
.otoku_point dt::before,
.otoku_point dt::after {
content: '◆';
}
.otoku_point dd {
font-size: 1.2rem;
line-height: 1.5;
max-width: 85%;
margin-left: 15%;
position: relative;
top: 0;
left: 0;
}
.otoku_point dd:before {
content: '';
display: inline-block;
width: 80px;
height: 120px;
background-image: url(//epa-ranking.com/wp-content/themes/xeory_base/img/img_otoku_point_600.png);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: -60px;
left: -100px;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) {  }
@media screen and (max-width: 767px) { .otoku_point dt {
font-weight: bold;
font-size: 1.2rem;
margin-bottom: 15px;
text-align: left;
margin-left: 10%;
max-width: 90%;
}
.otoku_point dt::before,
.otoku_point dt::after {
content: '';
}
.otoku_point dd {
font-size: 1rem;
line-height: 1.5;
max-width: 100%;
margin-left: 0;
position: relative;
top: 0;
left: 0;
}
.otoku_point dd:before {
content: '';
display: inline-block;
width: 40px;
height: 60px;
background-image: url(//epa-ranking.com/wp-content/themes/xeory_base/img/img_otoku_point_600.png);
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: -65px;
left: -15px;
} } .kanri {
width: 1000px;
margin: 0 auto;
}
.kanri h2 {
text-align: center;
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 20px;
}
.kanri h2 span {
background: #215aa7;
color: #FFFFFF;
}
.kanri ul {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.kanri ul li {
font-size: 1rem;
font-weight: bold;
text-align: center;
margin-right: 20px;
}
.kanri ul li p {
margin-top: 10px;
}
.kanri ul li:last-child {
margin-right: 0;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .kanri {
width: 100%;
margin: 0 auto;
}
.kanri h2 {
text-align: center;
font-size: 7vw;
font-weight: bold;
margin-bottom: 20px;
}
.kanri h2 span {
background: #215aa7;
color: #FFFFFF;
}
.kanri ul {
flex-wrap: wrap;
width: 90%;
margin: 0 auto;
}
.kanri ul li {
font-size: 2vw;
font-weight: bold;
text-align: center;
margin-right: 10px;
width: 48%;
}
.kanri ul li p {
margin-top: 10px;
font-size: 3vw;
margin-bottom: 10px;
}
.kanri ul li:nth-child(even) {
margin-right: 0;
} }
@media screen and (max-width: 767px) { .kanri {
width: 100%;
margin: 0 auto;
}
.kanri h2 {
text-align: center;
font-size: 7vw;
font-weight: bold;
margin-bottom: 20px;
}
.kanri h2 span {
background: #215aa7;
color: #FFFFFF;
}
.kanri ul {
flex-wrap: wrap;
width: 90%;
margin: 0 auto;
}
.kanri ul li {
font-size: 2vw;
font-weight: bold;
text-align: center;
margin-right: 10px;
width: 48%;
}
.kanri ul li p {
margin-top: 10px;
font-size: 3vw;
margin-bottom: 10px;
}
.kanri ul li:nth-child(even) {
margin-right: 0;
} } #column {
width: 100%;
}
#column h2 {
background: #215aa7;
padding: 50px 0;
}
#column h2>div {
color: #FFF;
font-size: 2.7rem;
font-weight: bold;
display: table;
width: 500px;
margin: 0 auto;
}
#column h2 i {
width: 75px;
height: 75px;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_column_title.png) center center no-repeat;
display: table-cell;
vertical-align: middle;
border-collapse: separate; border-spacing: 2px 0; }
#column h2 p {
display: table-cell;
vertical-align: middle;
}
#column .list {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-wrap: wrap;
padding-top: 30px;
}
#column .list li {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
margin-right: 20px;
margin-bottom: 20px;
width: 490px;
padding: 20px;
font-size: .8rem;
}
#column .list li:nth-child(even) {
margin-right: 0;
}
#column .list li a {
display: block;
width: 100%;
color: #215aa7;
}
#column .list li a:hover {
opacity: .5;
text-decoration: none;
}
#column .list li .img {
float: left;
}
#column .list li .img img {
max-width: 222px;
width: 100%;
height: 134px;
object-fit: cover;
}
#column .list li dl {
width: 50%;
float: right;
}
#column .list li dl dt {
color: #215aa7;
font-weight: bold;
font-size: 1.2rem;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_arrow.png) center right no-repeat;
background-size: 9px;
border-bottom: solid 1px #215aa7;
margin-bottom: 5px;
padding: 8px 0;
line-height: 1;
}
#column .list li a dl dd {
color: #222;
font-size: 1.1rem;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { #column {
width: 100%;
}
#column h2 {
background: #215aa7;
padding: 20px;
}
#column h2>div {
color: #FFF;
font-size: 5vw;
font-weight: bold;
display: table;
width: 100%;
margin: 0 auto;
}
#column h2 i {
width: 35px;
height: auto;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_column_title.png) center center no-repeat;
background-size: 100%;
display: table-cell;
vertical-align: middle;
}
#column h2 p {
display: table-cell;
vertical-align: middle;
}
#column .list {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-wrap: wrap;
padding-top: 30px;
}
#column .list li {
display: block;
margin-right: 0;
margin-bottom: 20px;
width: 100%;
padding: 10px;
font-size: 1vw;
}
#column .list li:nth-child(even) {
margin-right: 0;
}
#column .list li a {
display: block;
width: 100%;
color: #215aa7;
}
#column .list li a:hover {
opacity: .5;
text-decoration: none;
}
#column .list li .img {
float: none;
width: 100%;
}
#column .list li .img img {
width: 100%;
}
#column .list li dl {
width: 100%;
float: none;
}
#column .list li dl dt {
color: #215aa7;
font-weight: bold;
font-size: 5vw;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_arrow.png) center right no-repeat;
background-size: 17px;
border-bottom: solid 1px #215aa7;
margin-bottom: 5px;
}
#column .list li a dl dd {
color: #222;
font-size: 3.5vw;
} }
@media screen and (max-width: 767px) { #column {
width: 100%;
}
#column h2 {
background: #215aa7;
padding: 20px;
}
#column h2>div {
color: #FFF;
font-size: 5vw;
font-weight: bold;
display: table;
width: 100%;
margin: 0 auto;
}
#column h2 i {
width: 35px;
height: auto;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_column_title.png) center center no-repeat;
background-size: 100%;
display: table-cell;
vertical-align: middle;
}
#column h2 p {
display: table-cell;
vertical-align: middle;
}
#column .list {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-wrap: wrap;
padding-top: 30px;
}
#column .list li {
display: block;
margin-right: 0;
margin-bottom: 20px;
width: 100%;
padding: 10px;
font-size: 1vw;
}
#column .list li:nth-child(even) {
margin-right: 0;
}
#column .list li a {
display: block;
width: 100%;
color: #215aa7;
}
#column .list li a:hover {
opacity: .5;
text-decoration: none;
}
#column .list li .img {
float: none;
width: 100%;
}
#column .list li .img img {
width: 100%;
}
#column .list li dl {
width: 100%;
float: none;
}
#column .list li dl dt {
color: #215aa7;
font-weight: bold;
font-size: 5vw;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_arrow.png) center right no-repeat;
background-size: 17px;
border-bottom: solid 1px #215aa7;
margin-bottom: 5px;
}
#column .list li a dl dd {
color: #222;
font-size: 3.5vw;
} } .kuchikomi_page {}
.kuchikomi_page.ippan {
margin-top: 130px;
}
.kuchikomi_page.ippan h2 {
background: #215aa7;
border-radius: 36px;
padding: 10px 22px 10px 22px;
margin: 40px auto 0 auto;
margin-top: -25px;
margin-bottom: 30px;
width: auto;
display: table;
}
.kuchikomi_page.ippan h2 i {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/icon_detail_kuchikomi_title.png) center center no-repeat;
background-size: 100%;
width: 40px;
height: auto;
display: table-cell;
vertical-align: middle;
}
.kuchikomi_page.ippan h2 p {
color: #FFF;
font-size: 1.5rem;
font-weight: bold;
display: table-cell;
vertical-align: middle;
padding-left: 5px;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .kuchikomi_page.ippan {
margin-top: 60px;
}
.kuchikomi_page.ippan h2 {
border-radius: 36px;
padding: 10px 22px 10px 22px;
margin: 40px auto 0 auto;
margin-top: -25px;
margin-bottom: 30px;
width: auto;
display: table;
}
.kuchikomi_page.ippan h2 p {
font-size: 4vw;
}
.kuchikomi_page.ippan h2 i {
width: 20px;
} }
@media screen and (max-width: 767px) { .kuchikomi_page.ippan h2 {
border-radius: 36px;
padding: 10px 22px 10px 22px;
margin: 40px auto 0 auto;
margin-top: -25px;
margin-bottom: 30px;
width: auto;
display: table;
}
.kuchikomi_page.ippan h2 p {
font-size: 3.8vw;
}
.kuchikomi_page.ippan h2 i {
width: 20px;
} } .column_inner {}
.column_inner .inner {
width: 1000px;
margin: 0 auto;
}
.column_inner .inner h2 {
margin-bottom: 40px;
}
.column_inner .inner h2 span {
font-size: .8rem;
color: #215aa7;
padding-bottom: 5px;
line-height: 1;
}
.column_inner .inner h2 p {
font-size: 2rem;
font-weight: bold;
color: #215aa7;
line-height: 1;
}
.column_inner {
font-size: 1.3rem;
line-height: 2.3;
padding-top: 80px;
}
.column_inner p {
margin-top: 20px;
}
.column_inner .inner dt {
margin-bottom: 30px;
}
.column_inner .inner dt img {
width: 100%;
}
.column_inner .inner dd {
margin-bottom: 50px;
}
.column_inner .inner dd span {
padding-bottom: 3px;
}
.rankinglist {
width: 1000px;
margin: 0 auto;
margin-bottom: 50px;
padding-top: 60px;
}
.column_img {
width: 100%;
max-width: 700px;
}
.column_table {
margin: 30px 0;
table-layout: fixed;
line-height: 1.6
}
.column_table th {
font-weight: bold;
}
.column_table img {
width: 100%;
max-width: 300px;
display: block;
margin: 0 auto;
}
.table_clm {
width: 43%;
}
.table_clm-index {
width: 80px;
}
.table_clm-dha {
background-color: #fffafa;
}
.table_clm-epa {
background-color: #fbfbfb;
}
.table_clm_index-dha {
background-color: #bbe0cb;
}
.table_clm_index-epa {
background-color: #fd787e;
}
.column_note {
border: 2px solid #e70454;
padding: 12px 20px;
background-color: #fff1f6;
}
.column_note .column_note_ttl {
display: block;
text-decoration: underline;
}
.column_bnr {
margin-top: 80px;
max-width: 700px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
margin: 50px auto 0;
}
.column_image {
margin-bottom: 40px;
}
.column_subheading {
background-color: #215aa7;
color: #fff;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .column_inner {}
.column_inner .inner {
width: 95%;
margin: 0 auto;
}
.column_inner .inner h2 {
margin-bottom: 20px;
}
.column_inner .inner h2 span {
font-size: .5rem;
color: #215aa7;
padding-bottom: 5px;
line-height: 1;
}
.column_inner .inner h2 p {
font-size: 1.2rem;
font-weight: bold;
line-height: 1;
}
.column_inner {
font-size: .8rem;
line-height: 2;
margin-bottom: 25px;
padding-top: 15px;
}
.column_inner .inner dt {
margin-bottom: 15px;
}
.column_inner .inner dd {
margin-bottom: 30px;
} }
@media screen and (max-width: 767px) { .column_inner {}
.column_inner .inner {
width: 95%;
margin: 0 auto;
}
.column_inner .inner h2 {
margin-bottom: 20px;
}
.column_inner .inner h2 span {
font-size: .5rem;
color: #215aa7;
padding-bottom: 5px;
line-height: 1;
}
.column_inner .inner h2 p {
font-size: 1.2rem;
font-weight: bold;
line-height: 1;
}
.column_inner {
font-size: .8rem;
line-height: 2;
margin-bottom: 25px;
padding-top: 15px;
}
.column_inner .inner dt {
margin-bottom: 15px;
}
.column_inner .inner dd {
margin-bottom: 30px;
}
.column_table {
margin: 30px 0;
table-layout: fixed;
line-height: 1.6
}
.column_table th,
.column_table td {
vertical-align: top;
}
.table_clm {
width: 40%;
}
.table_clm-index {
width: 80px;
} }
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) {  }
@media screen and (max-width: 767px) { .rankinglist {
width: 95%;
margin-bottom: 30px;
padding-top: 0px;
}
.rankinglist .shohin_list#epa {
margin-top: 30px;
} } #report {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_cross.png) repeat;
margin-top: -80px;
line-height: 1.7;
padding-bottom: 50px;
}
#report .inner {
background-color: #fff;
padding: 0 30px 5px;
}
#report h1 {
font-size: 1.8rem;
margin-top: 100px;
}
#report .s_comment {
font-size: .8rem;
} #report h1 {
margin-top: 136px;
padding-top: 40px;
border-bottom: 4px #3c66a6 double;
}
#report .img_catch_pc {
max-width: 40%;
margin: 30px 30% 0;
}
#report .bold {
font-weight: 600;
}
#report .report_title {
margin: 40px auto;
}
#report .report_title p {
margin: 20px 0;
}
#report .report_title_content {
font-size: 1.2rem;
font-weight: 600;
}
#report .report_content {
border: 3px #D5C388 dotted;
border-radius: 12px;
margin: 0 auto 60px;
padding: 40px;
background-color: #fff;
}
#report .report_content h3 {
font-size: 1.5rem;
margin-top: 20px;
position: relative;
margin-left: -14px;
top: 0;
left: 0;
padding: 6px 14px;
font-weight: 600;
}
#report .report_content h3:before {
content: "";
position: absolute;
top: 15%;
left: 0;
border-radius: 5px;
width: 5px;
height: 70%;
background: #f1c52e;
}
#report h2 {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 30px;
}
#report h2 span {
font-size: 1.4rem;
}
#report .img_report_shohin {
width: 30%;
margin: 0 auto;
}
#report .report_shohin {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
#report .report_shohin li {
flex-basis: 50%;
padding: 20px 10px;
margin-top: 60px;
}
#report .report_shohin p.bold {
margin: 0 0 10px;
border-bottom: solid 3px #c7d1d0;
position: relative;
width: 70%;
}
#report .report_shohin p.bold:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #6ad1c8;
bottom: -3px;
width: 15%;
}
#report .report_shohin .img {
width: 70%;
margin-bottom: 12px;
}
#report .report_shohin li:first-child img {
margin-top: -60px;
}
#report .report_writing p {
margin-bottom: 40px;
}
#report .writing_flex {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
#report .writing_flex img {
width: 35%;
margin-left: 10px;
}
#report .report_double,
#report .report_maru,
#report .report_sankaku,
#report .report_batsu {
font-weight: 900;
font-size: 2.5rem;
vertical-align: -10%;
}
#report .report_double {
color: #e70454;
}
#report .report_maru {
color: #daa34b;
}
#report .report_sankaku {
color: #7cac8b;
}
#report .report_batsu {
color: #909090;
}
#report .report_btn {
margin: 80px auto 20px;
text-align: center;
}
#report .report_btn .btn01,
#report .report_btn .btn02 {
display: inline-block;
margin: 0 10px;
}
#report .report_btn a {
color: #fff;
}
@media screen and (max-width: 991px) {  }
@media screen and (max-width: 767px) {
#report {
line-height: 2;
} #report h1 {
margin-top: 80px;
line-height: 1.4;
font-size: 1.6rem;
}
#report .img_catch_pc {
max-width: 100%;
margin: 0;
}
#report .inner {
background-color: #fff;
padding: 0 10px 50px;
}
#report .report_title {
margin: 50px auto;
font-size: 1rem;
}
#report .report_content {
padding: 14px;
}
#report .report_content h3 {
font-size: 1.2rem;
position: relative;
margin: 40px 0 5px 0;
top: 0;
left: 0;
padding: 5px 14px;
}
#report .report_content h3:before {
content: "";
position: absolute;
top: 25%;
left: 0;
border-radius: 5px;
width: 5px;
height: 50%;
background: #f1c52e;
}
#report .writing_flex {
display: block;
}
#report .writing_flex img {
width: 80%;
margin-left: 0;
}
#report h2 {
font-size: 1.4rem;
margin-bottom: 0;
}
#report h2 span {
font-size: 1.2rem;
font-weight: 400;
}
#report .report_shohin {
display: block;
}
#report .report_shohin li {
padding: 0;
margin-top: 0;
margin-bottom: 20px;
}
#report .report_shohin .img {
width: 75%;
margin: 0 0 12px;
}
#report .report_shohin li:first-child {
margin-bottom: 0;
}
#report .report_shohin li:first-child img {
margin-top: 0;
}
#report .img_report_shohin {
width: 70%;
}
#report .report_btn {
margin: 0;
}
#report .report_btn .btn01,
#report .report_btn .btn02 {
display: inline-block;
margin: 0 6px 10px;
} }  .footer_nav {
margin: 20px auto;
}
.footer_nav ul {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-justify-content: center; justify-content: center;
}
.footer_nav ul li a {
color: #215aa7;
font-size: 0.8rem;
padding: 10px;
}
.footer_nav ul li {
border-right: solid 1px #215aa7;
line-height: 1;
}
.footer_nav ul li:last-child {
border-right: none;
}
.pagetop.show {
display: none;
}
.fixed_banner {
position: fixed;
bottom: 40px;
right: 40px;
z-index: 100000;
}
@media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) { .fixed_banner {
position: fixed;
bottom: 3px;
right: 0px;
z-index: 100000;
visibility: hidden;
} }
@media screen and (max-width: 767px) { .fixed_banner {
position: fixed;
bottom: 3px;
right: 0px;
z-index: 100000;
visibility: hidden;
} }   .fv.sk {
width: 100%;
background: #FFFFFF;
margin-top: 50px;
}
.epa_description.sk .block {
margin-right: 10px;
margin-bottom: 15px;
}
.epa_description.sk .block.only {
width: 100%;
float: none;
margin-right: 0;
}
.epa_description.sk .acd-label {}
.epa_description.sk .acd-content {
margin-bottom: 0;
}
.epa_description.sk .acd-check:checked+.acd-label+.acd-content {
width: 100%;
padding-top: 30px;
word-wrap: break-word;
}
.epa_description.sk p img {
margin: 15px auto;
}
.koumoku.sk {
margin-top: 60px;
}  .tabs {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
margin: 0 auto;
} .tab_item {
width: calc(100%/4);
height: 50px; background: #6caaff; background: -moz-linear-gradient(top, #6caaff 0%, #327cff 100%); background: -webkit-linear-gradient(top, #6caaff 0%, #327cff 100%); background: linear-gradient(to bottom, #6caaff 0%, #327cff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6caaff', endColorstr='#327cff', GradientType=0); ;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #FFFFFF;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
cursor: pointer;
border-radius: 10px 10px 0 0;
border-right: solid 1px #FFFFFF;
}
.tab_item:hover {
opacity: 0.75;
}
.tab_item:last-child {
margin-right: 0;
} input[name="tab_item"] {
display: none;
} .tab_content {
display: none;
padding: 40px 40px;
clear: both;
overflow: hidden;
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_cross.png) repeat; box-shadow: 0px 0px 6px 3px #ededed;
}
.tab_content img {
border: solid 2px #d9d9d9;
width: 75%;
display: block;
padding: 25px;
margin: 0 auto;
background: #FFFFFF;
}
.tab_content h3 {
font-size: 2.3rem;
text-align: center;
margin-bottom: 25px;
font-weight: bold;
color: #388cff;
padding-bottom: 5px;
border-bottom: solid 1px #388cff;
} #about:checked~#about_content,
#kankei:checked~#kankei_content,
#balance:checked~#balance_content,
#sessyu:checked~#sessyu_content,
#chigai:checked~#chigai_content {
display: block;
} .tabs input:checked+.tab_item {
background: -moz-linear-gradient(to bottom, #71d1db 0%, #5ab4bd 100%);
background: -webkit-linear-gradient(to bottom, #71d1db 0%, #5ab4bd 100%);
background: linear-gradient(to bottom, #71d1db 0%, #5ab4bd 100%);
color: #fff;
}
@media screen and (max-width: 1200px) {}
@media screen and (max-width: 991px) {
.fv.sk {
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.fv.sk {
margin-top: 0;
}
.epa_description.sk .block {
width: 100%;
float: none;
margin-bottom: 15px;
}
.kanri_about.sk h3 {
text-align: center;
}
.koumoku.sk h2.title {
width: 100%;
}
}
body {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.modal {
display: none;
height: 100vh;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100001;
}
.modal__bg {
background: rgba(0, 0, 0, 0.8);
height: 100vh;
position: absolute;
width: 100%;
}
.modal__content {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
}
a.js-modal-close {
position: absolute;
top: -70px;
right: 0;
font-size: 2.5rem;
color: #fff;
}
.modal__content a:hover,
a.js-modal-close:hover {
text-decoration: none;
opacity: .7;
}
@media screen and (max-width: 767px) {
.modal__content {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -55%);
width: 90vw;
}
a.js-modal-close {
position: absolute;
top: -50px;
right: 0;
font-size: 2rem;
color: #fff;
}
} body.fixed {
position: fixed;
width: 100%;
height: 100% auto;
left: 0;
}    .cf .kanri_about {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_cross.png) repeat;
padding: 30px 0;
}
.cf .kanri_about_comment p {
font-size: 1.5rem;
font-weight: bold;
background: #fff;
width: 900px;
padding: 0 10px;
margin: 30px auto 6px;
border: 2px solid #FF8417;
border-radius: 30px;
}
.cf .kanri_about_comment span {
font-size: 1.4em;
color: #FF8417;
}
.cf .ippan .overlay {
display: none;
}
.cf #epa .ippan .overlay {
display: block;
} .cf .link_repo {
display: none !important;
}
.cf .kuchikomi_base a {
display: none;
}
.cf .kuchikomi_base a[href="/epa-kuchikomi-cf/"] {
display: block;
}
@media screen and (max-width: 767px) {
.cf .kanri_about_comment p {
width: auto;
margin: 20px 0 10px;
font-size: 1rem;
padding: 5px 0 0;
line-height: 1.2;
text-align: center;
}
} .kanri_list {}
.kanri_list li {
display: flex;
}
.kanri_list li {
display: flex;
margin-bottom: 20px;
}
.kanri_list li .image {
width: 20%;
}
.kanri_list li .pro_detail {
width: 75%;
margin-top: 15px;
margin-left: 10px;
}
.kanri_list li .pro_detail .name {
font-weight: bold;
font-size: 1.3rem;
} .page_about_title {
border-bottom: 2px solid #215aa7;
color: #215aa7;
} .accordion__check {
display: none;
}
.accordion__button {
font-size: 1.3rem;
text-align: center;
font-weight: bold;
padding: 2%;
width: 100%;
background: #4c81c8;
background-size: 20px;
border-radius: 10px;
color: #FFF;
border: none;
transition: .3s;
position: relative;
margin: 3% auto 0 auto;
display: block;
cursor: pointer;
user-select: none;
}
.accordion__button:after {
box-sizing: border-box;
content: '\f067';
display: block;
font-family: "Font Awesome 5 Free";
height: 52px;
padding: 20px;
position: absolute;
right: 0;
top: 0px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.accordion__contents {
display: block;
height: 0;
opacity: 0;
padding: 0 5%;
margin-bottom: 3%;
transition: .5s;
visibility: hidden;
box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
}
.accordion__check:checked+.accordion__button:after {
content: '\f068';
}
.accordion__check:checked+.accordion__button+.accordion__contents {
height: auto;
opacity: 1;
padding: 4%;
visibility: visible;
}
@media screen and (max-width: 767px) { .accordion__button {
width: calc(100% - 5vw);
font-size: 1rem;
margin: 0 2.5vw;
padding: 0;
height: 40px;
line-height: 40px;
}
.accordion__button:after {
right: 1rem;
height: 40px;
line-height: 40px;
padding: 0;
}
} .chart {
padding-top: 100px;
}
.chart .box {
background: url(//epa-ranking.com/wp-content/themes/xeory_base/img/bg_cross.png) repeat;
border: solid 3px #677daf;
padding: 90px 40px;
}
.chart.index {
margin-bottom: 80px;
}
.chart.index .chart_index_first h1 {
width: 687px;
margin: 0 auto;
}
.chart.index .chart_index_first .text {
width: 80%;
margin: 0 auto;
font-size: 1.6vw;
line-height: 1.7;
}
.chart.index .chart_index_first .text span {
background: linear-gradient(transparent 70%, #ffde00 70%);
}
.chart.index .chart_index_first .text p {
margin-bottom: 20px;
}
.chart.index .index_box {}
.chart.index .index_box h2 {
position: relative;
color: #677daf;
font-size: 1.4rem;
text-align: center;
padding-top: 25px;
padding-bottom: 20px;
margin: 10px auto;
border-top: solid 2px #677daf;
border-bottom: solid 2px #677daf;
}
.chart.index .index_box h2:after {
content: "";
border-top: solid 1px #677daf;
border-bottom: solid 1px #677daf;
position: absolute;
top: 4px;
left: 2px;
width: calc(100%);
height: calc(100% - 10px);
}
.chart.index .index_box h2 span {
font-size: 1.7rem;
}
.chart.index .index_box h2 span {
font-size: 1.8rem;
}
.chart.index .index_box .image img {
display: block;
width: 646px;
margin: 0 auto;
}
.chart.index .index_box .ac_s {
width: 60%;
font-size: 1vw;
}
.chart.index .chart_description {
font-size: 2vw;
text-align: center;
}
.chart.index .chart_description span {
font-size: 3vw;
color: #c70808;
}
.que {
width: 820px;
margin: 0 auto;
display: none;
opacity: 0;
transition: all .4s ease;
position: relative;
}
.que.active {
display: block; }
.que.active.open {
opacity: 1; }
.que.active.close { }
.result {
display: none;
opacity: 0;
transition: all .4s ease;
} .result.active { display: block; }
.result.active.open {
opacity: 1; }
.result.active.close { }
.result_inner {}
.que_inner {}
.que_inner .que_contents {}
.que_inner .que_contents .number_outer {
position: absolute;
top: 0;
left: 0;
}
.que_inner .que_contents .number {
width: 100px;
height: 100px;
font-size: 2vw;
color: #FFF;
font-weight: bold;
background: #677daf;
text-align: center;
position: relative;
}
.que_inner .que_contents .number_inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 80%;
height: 3.2rem;
}
.que_inner .que_contents .title {
color: #243d77;
text-align: center;
font-size: 2.5vw;
line-height: 1.5;
font-weight: bold;
margin-bottom: 20px;
}
.que_inner .que_contents .text {
text-align: center;
font-size: 1vw;
line-height: 1.7;
margin-bottom: 30px;
}
.que_inner .que_contents .illust {
display: block;
margin: 0 auto 60px auto;
width: 470px;
}
.btnArea {
background: #FFF;
width: 100%;
border-top: solid 2px #cdd6eb;
box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), -3px 0px 7px 12px rgba(0, 0, 0, 0.02);
text-align: center;
position: relative;
padding: 45px 30px;
}
.btnArea .title {
font-size: .9vw;
text-align: center;
border-radius: 20px;
background: #cdd6eb;
color: #001648;
width: 50%;
position: absolute;
top: -11%;
left: 25%;
right: 25%;
padding: 6px;
}
.btnArea .title .text {}
.btnArea .buttons {
display: flex;
width: 400px;
margin: 0 auto;
}
.btn {
width: 50%;
color: #FFF;
border-radius: 5px;
font-size: 1vw;
padding: 3px;
transition: .3s;
}
.btn:hover {
opacity: .5;
}
.btn:first-child {
margin-right: 5px;
}
.btn input {
display: none;
}
.btn label {
cursor: pointer;
display: block;
} .chart_result {}
.chart_result h2.shohin_title {}
.chart_result .buttons {
display: flex;
}
.chart_result .buttons {
width: 100%;
}
.chart_result .buttons .tolp,
.chart_result .buttons .kuchikomi {
width: 50%;
}
.chart_result .buttons .tolp .button,
.chart_result .buttons .kuchikomi .button {
width: 99%;
margin-right: 2px;
}
@media screen and (max-width: 767px) {
.chart {
padding-top: 0;
}
.chart.index {
margin-bottom: 30px;
}
.chart.index .chart_index_first .text {
width: 95%;
margin: 0 auto;
font-size: 1.6vw;
line-height: 1.7;
}
.chart.index .index_box h2 {
font-size: 1.1rem;
}
.chart.index .index_box h2 span {
font-size: 1.6rem;
}
.que_inner .que_contents .number_outer {
position: absolute;
top: 0;
left: 0;
}
.que_inner .que_contents .number_outer .number {
width: 4rem;
height: 4rem;
font-size: 4vw;
}
.que_inner .que_contents .number_outer .number_inner {
width: 80%;
height: 2.2rem;
}
.chart .box {
padding: 14% 5%;
}
.chart.index .chart_index_first h1 {
width: 100%;
}
.chart.index .chart_index_first .text {
font-size: 3.5vw;
line-height: 1.7;
}
.chart.index .index_box .ac_s {
font-size: .7rem;
}
.chart.index .chart_description {
font-size: 5vw;
margin-bottom: 10px;
line-height: 1.2;
}
.chart.index .chart_description span {
font-size: 6vw;
}
.btn:first-child {
margin-right: 20px;
margin-bottom: 0;
}
.btn .radio:before {
content: "";
}
.btn input:checked+.radio:before {
border: 3px solid #CCC;
width: 13px;
height: 13px;
background: #333;
}
.btn input {
display: none;
}
.que {
width: 100%;
}
.que_inner .que_contents .number {
width: 70px;
height: 70px;
font-size: 5vw;
}
.que_inner .que_contents .title {
font-size: 5.5vw;
margin-bottom: 4px;
margin-left: auto;
margin-right: auto;
width: 90%;
text-align: center;
}
.que_inner .que_contents .text {
font-size: 3vw;
}
.que_inner .que_contents .illust {
width: 70%;
}
.btnArea {
padding: 5%;
}
.btnArea .title {
font-size: 3vw;
}
.btnArea .text {
margin: 10px auto;
}
.btn {
font-size: 5vw;
}
.btnArea .buttons {
width: 100%;
}
} @media screen and (max-width: 767px) {
.rankinglist-medical {
width: 100%;
}
}
.medical * {
box-sizing: border-box;
}
.medical__adviser_profile {
width: 85%;
margin: 3% auto 0 auto;
background: #f8f8f8;
border: solid 1px #dbdbdb;
padding: 2%;
display: flex;
}
.medical__adviser_profile .image {
flex-basis: 20%;
}
.medical__adviser_profile .text {
flex-basis: 80%;
}
.medical .medical__adviser_profile .text dt {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 2%;
}
.medical__adviser_profile .text dt span {
border-radius: 10px;
font-size: .6rem;
font-weight: normal;
background: #dadada;
color: #484848;
margin-left: 7px;
padding: 1%;
vertical-align: middle;
}
.medical__adviser_profile .text dd {
font-size: 1rem;
}
@media screen and (max-width: 767px) {
.medical__adviser_profile {
width: calc(100% - 5vw);
margin: 1rem 2.5vw;
padding: 3vw;
}
.medical__adviser_profile .image {
flex-basis: 25%;
}
.medical__adviser_profile .text {
flex-basis: 73%;
margin-left: 2%;
}
.medical .medical__adviser_profile .text dt {
font-size: 1.1rem;
}
.medical__adviser_profile .text dd {
font-size: .9rem;
}
}
.medical__voice {
background-image:
repeating-linear-gradient(90deg,
#f3f8ff,
#f3f8ff 1px,
transparent 1px,
transparent 3px),
repeating-linear-gradient(0deg,
#f3f8ff,
#f3f8ff 1px,
#fff 1px,
#fff 3px);
}
.medical__voice-lists-base {}
.acd-check {
display: none;
}
.medical__voice-button {
font-size: 1.3rem;
text-align: center;
font-weight: bold;
padding: 2%;
width: 100%;
background: #4c81c8;
background-size: 20px;
border-radius: 10px;
color: #FFF;
border: none;
transition: .3s;
position: relative;
margin: 3% auto 0 auto;
display: block;
cursor: pointer;
user-select: none;
}
.medical__voice-button:after {
box-sizing: border-box;
content: '\f067';
display: block;
font-family: "Font Awesome 5 Free";
height: 52px;
padding: 20px;
position: absolute;
right: 0;
top: 0px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.medical__voice-lists {
display: block;
height: 0;
opacity: 0;
padding: 0 5%;
margin-bottom: 3%;
transition: .5s;
visibility: hidden;
box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
}
.acd-check:checked+.medical__voice-button:after {
content: '\f068';
}
.acd-check:checked+.medical__voice-button+.medical__voice-lists {
height: auto;
opacity: 1;
padding: 4%;
visibility: visible;
}
.medical__voice-lists-list {
width: 100%;
margin: 0 auto 3% 0;
display: flex;
}
.medical__voice-lists-list:first-child {}
.medical__voice-lists-list:last-child {
margin-bottom: 3%;
}
.medical__voice-lists-list .fukidashi_image {
flex-basis: 14%;
text-align: center;
margin-right: 30px;
}
.medical__voice-lists-list .fukidashi_image .name {
font-size: .8rem;
display: block;
}
.medical__voice-lists-list .fukidashi_base {
flex-basis: 84%;
font-size: 1.2rem;
background: #FFF;
border-radius: 10px;
position: relative;
padding: 3%;
box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px -20px rgba(10, 10, 10, 0.02);
-moz-box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px -20px rgba(10, 10, 10, 0.02);
-webkit-box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px -20px rgba(10, 10, 10, 0.02);
}
.medical__voice-lists-list .fukidashi_base:before {
content: "";
position: absolute;
top: 50%;
left: -30px;
margin-top: -15px;
border: 15px solid transparent;
border-right: 15px solid #FFF;
}
@media screen and (max-width: 767px) {
.medical__voice-button {
width: calc(100% - 5vw);
font-size: 1rem;
margin: 0 2.5vw;
padding: 0;
height: 40px;
line-height: 40px;
}
.medical__voice-button:after {
right: 1rem;
height: 40px;
line-height: 40px;
padding: 0;
}
.medical__voice-lists-list {
width: 100%;
margin: 0 auto 3% 0;
display: flex;
}
.medical__voice-lists-list:first-child {}
.medical__voice-lists-list:last-child {
margin-bottom: 3%;
}
.medical__voice-lists-list .fukidashi_image {
flex-basis: 20%;
margin-right: 1rem;
}
.medical__voice-lists-list .fukidashi_image .name {
font-size: .6rem;
}
.medical__voice-lists-list .fukidashi_base {
flex-basis: 78%;
font-size: 1rem;
}
.medical__voice-lists-list .fukidashi_base:before {
content: "";
position: absolute;
top: 50%;
left: -30px;
margin-top: -15px;
border: 15px solid transparent;
border-right: 15px solid #FFF;
}
}
.medical__caution {
display: flex;
margin-bottom: 2rem;
}
.medical__caution .thumbnail {
flex-basis: 50%;
}
.medical__caution .thumbnail img {
max-width: 100%;
width: 100%;
}
.medical__caution .text {
display: flex;
flex-basis: 50%;
background: #efefef;
padding: 3%;
align-items: center;
}
@media screen and (max-width: 767px) {
.medical__caution {
display: flex;
flex-direction: column;
margin-bottom: 1rem;
}
.medical__caution .text {
font-size: .9rem;
text-align: center;
}
}
.medical__point {
border: solid 2px #3c528a;
border-radius: 10px 10px 0px 0px;
margin-bottom: 3rem;
}
.medical__point .title {
font-size: 1.3rem;
color: #FFF;
font-weight: bold;
text-align: center;
background: #3c528a;
padding: 1.5% 0;
border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
}
.medical__point-inner {
padding: 4%;
}
.medical__point-lists {
margin-bottom: 1rem;
}
.medical__point-lists-list {
display: flex;
background: #f9f9f9;
border-radius: 10px;
box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(226, 226, 226, 0.02);
-moz-box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(226, 226, 226, 0.02);
-webkit-box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 0px 1px rgba(226, 226, 226, 0.02);
padding: 2rem;
}
.medical__point-lists-list+.medical__point-lists-list {
margin-top: 2%;
}
.medical__point-lists-list dl {
flex: 3;
}
.medical__point-lists-list dt {
position: relative;
display: inline-block;
margin-bottom: 1rem;
color: #3c528a;
font-size: 1.3rem;
font-weight: bold;
}
.medical__point-lists-list dt>* {
position: relative;
z-index: 1;
}
.medical__point-lists-list dt::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 12px;
background-color: #feff94;
z-index: 0;
}
.medical__point-lists-list .img {
flex: 1;
}
.medical__point-lists-list .strong {
color: #e25a67;
}
.medical__point-mame-title {
position: relative;
display: inline-block;
padding: .5em 2em;
background-color: #fff;
border: 2px solid #dadada;
border-radius: 30px;
font-weight: bold;
transform: translateY(50%);
}
.medical__point-mame-title i {
position: absolute;
top: -2.5rem;
left: -.5rem;
width: 70px;
z-index: 1;
}
.medical__point-mame-title p {
margin-left: 1.5rem;
}
.medical__point-mame .text {
padding: 2rem 1.5rem 1.5rem;
border: 2px solid #dadada;
background-color: #f8f8f8;
}
@media screen and (max-width: 767px) {
.medical__point {
background-color: #f9fbff;
border: none;
border-radius: 0;
margin-bottom: 0;
padding-bottom: 3rem;
}
.medical__point .title {
font-size: 1.1rem;
padding: .4em 0;
border-radius: 0;
}
.medical__point-inner {
padding: 0;
}
.medical__point-lists-list {
display: flex;
background: #f9fbff;
border-bottom: 2px solid #3c528a;
border-radius: 0;
box-shadow: none;
padding: 2rem 5vw;
}
.medical__point-lists-list+.medical__point-lists-list {
margin-top: 2%;
}
.medical__point-lists-list dl {
flex: 2;
}
.medical__point-lists-list .img {
display: flex;
align-items: center;
}
.medical__point-mame {
margin: 0 5vw;
}
.medical__point-mame .text {
padding: 2rem 1rem 1rem;
}
.medical__point-conclusion img {
margin-bottom: 1rem;
}
}
.medical__reason {
border: solid 2px #3c528a;
border-radius: 10px 10px 0px 0px;
margin-bottom: 3rem;
}
.medical__reason .title {
font-size: 1.3rem;
color: #FFF;
font-weight: bold;
text-align: center;
background: #3c528a;
padding: 1.5% 0;
border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
}
.medical__reason-inner {
padding: 4% 4% 6vw;
}
.medical__reason-choice {
margin-top: 2rem;
padding: 2rem;
box-shadow: 0 1px 7px rgba(103, 103, 103, .3);
}
.medical__reason-choice-title {
color: #3c528a;
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.medical__reason-choice-description {
margin: 1rem 0;
}
.medical__reason-choice-img {
display: flex;
justify-content: space-around;
margin-bottom: 3rem;
}
.medical__reason-choice-point dt {
position: relative;
height: 50px;
}
.medical__reason-choice-point dt .title {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
max-width: 350px;
width: 100%;
margin: 0 auto;
padding: .5rem 2.5rem;
background-color: #72a5ff;
color: #fff;
border-radius: 30px;
font-weight: bold;
text-align: center;
z-index: 1;
}
.medical__reason-choice-point dt .line {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background-color: #72a5ff;
}
.medical__reason-choice-point dd ul {
display: flex;
margin: 1rem 0;
}
@media screen and (max-width: 767px) {
.medical__reason {
background-color: #f9fbff;
border: none;
border-radius: 0px;
}
.medical__reason img {
width: 100%;
height: 100%;
}
.medical__reason .title {
font-size: 1.1rem;
padding: 1.5% 0;
border-radius: 0px;
}
.medical__reason-inner {
padding: 0;
}
.medical__reason .desctiption {
padding: 5vw;
}
.medical__reason-choice {
margin-top: 0;
padding: 1rem;
background-color: #fff;
}
.medical__reason-choice-title {
font-size: 1.4rem;
}
.medical__reason-choice-point dt {
position: relative;
height: 30px;
}
.medical__reason-choice-point dt .title {
max-width: 250px;
padding: 0 2.5rem;
}
.medical__reason-choice-point dt .line {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background-color: #72a5ff;
}
.medical__reason-choice-point dd ul {
flex-wrap: wrap;
}
.medical__reason-choice-point dd ul li {
width: 50%;
}
}
.medical__shohin-title {
background-color: #b5d4ff;
padding: 1.5rem 0;
font-size: 1.4rem;
font-weight: bold;
color: #00275d;
text-align: center;
}
.medical__shohin-inner {
margin-bottom: 2rem;
padding: 4%;
box-shadow: 0 0 16px rgba(226, 227, 224);
}
.medical__shohin-name {
position: relative;
}
.medical__shohin-name>span {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 110px;
height: 110px;
background-color: #b5d4ff;
border-radius: 50%;
font-size: 1.6rem;
font-weight: bold;
color: #00275d;
z-index: 1;
}
.medical__shohin-name .text {
flex: 1;
width: 100%;
height: 110px;
padding: 1.5rem 1rem 1.5rem 140px;
border-radius: 100px;
background-color: #3c528a;
color: #fff;
}
.medical__shohin-name .company {
font-size: 1.1rem;
}
.medical__shohin-name .shohin_title {
font-size: 1.6rem;
font-weight: bold;
}
.medical__shohin-tags {
display: flex;
justify-content: center;
margin: 1rem 0;
padding: 1rem;
background-color: #f0f0f0;
color: #3c528a;
font-size: .9rem;
font-weight: bold;
}
.medical__shohin-tags li+li::before {
content: '/';
display: inline-block;
margin: 0 .5em;
}
.medical__shohin .ippan {
border: none; }
.medical__shohin-button {
margin: 2rem auto;
}
.medical__shohin-slider {
width: 100%;
max-width: 450px;
margin: auto;
}
.medical__shohin-slider .slider-for img {
margin: 0 auto 1rem;
border: 1px solid #e1e2e3;
}
.medical__shohin-slider .slider-nav img {
width: 100%;
border: 1px solid #e1e2e3;
box-sizing: border-box;
}
.medical__shohin-slider .slider-nav-item {
padding: 0 .2em;
}
.medical__shohin-description {
margin: 3rem 0 2rem;
}
@media screen and (max-width: 767px) {
.medical__shohin-title {
padding: 1rem 0;
font-size: 1.2rem;
}
.medical__shohin-inner {
margin: 0 5vw 1rem;
}
.medical__shohin-name>span {
width: 60px;
height: 60px;
font-size: 1rem;
white-space: nowrap;
}
.medical__shohin-name .text {
height: 60px;
padding: .5rem 1rem .5rem 70px;
line-height: 1.3;
}
.medical__shohin-name .company {
font-size: .8rem;
}
.medical__shohin-name .shohin_title {
font-size: 1rem;
}
.medical__shohin-tags {
display: flex;
flex-wrap: wrap;
padding: .5rem;
font-size: .8rem;
}
.medical__shohin-tags li+li::before {
content: '/';
display: inline-block;
margin: 0 .5em;
}
.medical__shohin .ippan {
border: none; }
.medical__shohin-button {
margin: 2rem auto;
}
.medical__shohin-slider {
width: 100%;
max-width: 450px;
margin: auto;
}
.medical__shohin-slider .slider-for img {
margin: 0 auto 1rem;
border: 1px solid #e1e2e3;
}
.medical__shohin-slider .slider-nav img {
width: 100%;
border: 1px solid #e1e2e3;
box-sizing: border-box;
}
.medical__shohin-slider .slider-nav-item {
padding: 0 .2em;
}
.medical__shohin-description {
margin: 3rem 0 2rem;
}
}
.medical__nav {
width: 100%;
margin: 2rem auto;
background: url(https://epa-ranking.com/wp-content/themes/xeory_base/img/medical_nav_bg_pc.png) center top / cover no-repeat;
}
.medical__nav nav {
padding: 230px 76px 60px;
}
.medical__nav-title {
color: #3c528a;
text-align: center;
font-size: 1.2rem;
font-weight: bold;
}
.medical__nav-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.medical__nav-item {
width: 48%;
}
.medical__nav-item:nth-child(n+3) {
margin-top: .5rem;
}
.medical__nav-item a {
display: block;
width: 100%;
height: 70px;
padding: 0 1rem;
border-radius: 50px 10px 10px 50px;
line-height: 70px;
background-color: #3c528a;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
box-shadow: 0 2px 6px rgba(83, 83, 83, .35);
white-space: nowrap;
overflow-x: hidden;
}
.medical__nav-item img {
width: 60px;
height: 60px;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.medical__nav {
margin: 2rem 0;
background: url(https://epa-ranking.com/wp-content/themes/xeory_base/img/medical_nav_bg_sp.png) center top / cover no-repeat;
}
.medical__nav nav {
padding: 50vw 5vw 10vw;
}
medical__nav-list {
display: flex;
justify-content: start;
flex-wrap: nowrap;
}
.medical__nav-item {
width: 100%;
}
.medical__nav-item:nth-child(n+2) {
margin-top: 0;
}
.medical__nav-item+.medical__nav-item {
margin-top: .5rem;
}
}
.medical__shohin-slider .slick-prev,
.medical__shohin-slider .slick-next {
width: 50px;
height: 50px;
z-index: 10;
}
.medical__shohin-slider .slick-next::before,
.medical__shohin-slider .slick-prev::before {
position: relative;
color: #3c528a;
font-size: 2rem;
}
.medical__shohin-slider .slick-next::before {
content: '→';
}
.medical__shohin-slider .slick-prev::before {
content: '←';
} .medical__point-lists-inner {
display: block;
border-radius: 10px;
position: relative;
background: #f9f9f9;
}
.medical__point-lists-inner .img {
position: absolute;
top: 10px;
right: 80px;
}
.medical__point-lists-inner .img img {
max-height: 140px;
}
.medical__point-lists-subtitle {
position: relative;
z-index: 0;
display: inline-block;
font-size: 1.8rem;
color: #475b8f;
font-weight: bold;
}
.medical__point-lists-subtitle::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 12px;
background-color: #feff94;
z-index: -1;
}
.medical__point-lists-caption {
border: 1px solid #3c528a;
border-radius: 100vh;
font-size: 1rem;
color: #3c528a;
padding: 6px 20px;
margin-left: 16px;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
.medical__point-lists-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.medical__point-lists-body {
line-height: 2.0;
}
.medical__point-blue {
background-color: #3c528a;
display: inline;
font-size: 1rem;
color: #fff;
padding: 5px 15px;
}
.medical__point-lists-body .text {
font-size: 1.2rem;
text-align: justify;
}
.medical__reason-box {
display: flex;
justify-content: space-around;
}
.medical__reason--sub {
width: 100%;
margin: 100px auto 3rem;
}
.medical__reason-card {
width: calc(95%/3);
background: #eff1f6;
padding: 30px 2rem;
border-radius: 10px;
}
.medical__reason-card .card-head {
display: block;
}
.medical__reason-card .card-title {
font-size: 1.4rem;
color: #475b8f;
text-align: center;
font-weight: bold;
}
.medical__reason-card .figure {
margin: 20px auto;
text-align: center;
border-radius: 50%;
}
.medical__reason-card .figure img { }
.medical__reason-card .card-text {
font-weight: bold;
text-indent: -1em;
padding-left: 1em;
}
.medical__reason-card .card-text::before {
content: "●";
}
.medical__reason-emphasis {
font-size: 2rem;
text-align: center;
padding: 0 0 3rem;
font-weight: bold;
}
.medical__point-lists-body .text .font-blue {
color: #3c528a;
}
.medical__point-inner .desctiption {
font-size: 1.2rem;
}
.medical__point-lists-inner+.medical__point-lists-inner {
margin-top: 5%;
}
.medical__point-lists-inner:first-of-type {
margin-top: 5%;
}
.medical__introduction {
padding: 4%;
width: 100%;
margin: 0 auto;
}
.medical__introduction .text {
font-size: 1rem;
}
.medical__reason-titlebox {
position: relative;
}
.medical__reason-titlebox img {
position: absolute;
bottom: 0;
max-width: 200px;
width: 100%;
height: auto;
}
.medical__point-figure {
position: relative;
}
.medical__point-figure img {
position: absolute;
left: 50%;
top: -3vw;
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.medical__point-lists-inner .accordion__button {
width: 100%;
margin: 0;
}
.medical__point-lists {
padding: 5vw;
}
.medical__point-lists-inner {
position: relative;
background: #fff;
}
.medical__point-lists-inner:first-of-type {
margin-top: 0;
}
.medical__reason-emphasis {
font-size: 5.5vw;
text-align: center;
padding: 0 2rem;
}
.medical__point-inner .desctiption {
font-size: 100%;
padding: 5vw;
}
.medical__introduction .text {
font-size: .9rem;
}
.medical__point-lists-inner .img {
transform: translateY(15vw);
text-align: right;
top: 0px;
right: 20px;
}
.medical__point-lists-inner .img img {
width: 45%;
max-height: 300px;
}
.medical__point-lists-subtitle {
position: relative;
z-index: 0;
display: inline-block;
font-size: 1.5rem;
color: #3c528a;
}
.medical__point-lists-subtitle::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 12px;
background-color: #feff94;
z-index: -1;
}
.medical__point-lists-caption {
border: 1px solid #3c528a;
border-radius: 100vh;
font-size: .8rem;
color: #3c528a;
padding: 1px 18px;
margin-bottom: 1rem;
margin-left: 0;
transform: translateY(10px);
display: table;
}
.medical__reason--sub {
width: 100%;
margin: 11vw auto 3rem;
}
.medical__reason-box {
display: block;
width: 100%;
padding: 1rem;
}
.medical__reason-card {
width: 100%;
padding: 10px 1rem 20px;
margin: 0 auto;
margin-top: 5vw;
}
.medical__reason-card .card-head {
display: flex;
flex-flow: row-reverse;
align-items: center;
gap: .5em;
}
.medical__reason-card .card-title {
text-align: left;
width: 100%;
}
.medical__reason-card .figure {
margin: 10px auto;
text-align: center;
border-radius: 50%;
width: 40%;
}
.medical__reason-card .figure img { }
.medical__reason-card .card-text {
font-weight: bold;
text-indent: -1em;
padding-left: 1em;
}
.medical__reason-titlebox {
display: flex;
justify-content: space-around;
background: #3c528a;
}
.medical__reason-titlebox .title {
text-align: left;
}
.medical__reason-titlebox img {
position: static;
width: 35vw;
height: 100%;
transform: translateY(2%);
}
.medical__point-figure img {
position: absolute;
left: 50%;
top: 1vw;
transform: translateX(-50%);
height: auto;
width: 32%;
}
.medical__point-lists-body {
line-height: 1.7;
}
.medical__point-lists-body .text {
margin-top: 0.3rem;
font-size: 1rem;
letter-spacing: -1px;
}
}
.epa_cause {
background-color: rgba(0, 0, 0, .025);
border-radius: 30px;
padding: 2.03rem;
margin-bottom: 60px;
}
.epa_cause_title {
font-size: 2rem;
letter-spacing: 0px;
color: #336AC1;
font-weight: 800;
width: 75%;
}
.epa_cause_text {
margin-top: 2rem;
font-size: 1.35rem!important;
line-height: 2.5rem;
color: #575757;
text-align: justify;
}
.epa_cause_text2 {
font-size: 1.35rem!important;
color: #575757;
text-align: justify;
}
.epa_cause_top {
display: flex;
justify-content: space-between;
}
.epa_cause_red {
color: #BF0000;
}
.epa_cause_bold {
font-weight: bold;
}
.epa_cause_title60 {
width: 60%;
}
.width_50 {
width: 50%;
}
.epa_cause_text60 {
width: 60%;
margin-top: 0;
}
.epa_cause_title65 {
width: 65%;
}
.epa_cause_flex50 {
flex: 0 1 55%;
}
.epa_cause_flex45 {
flex: 0 1 45%;
}
.epa_cause_flex58 {
flex: 0 1 72%;
}
.mt-40 {
margin-top: 40px;
}
.ml-30 {
margin-left: 1.875rem;
}
.width_75>img {
width: 75%;
}
.epa_cause_inner-sp {
background-color: rgba(0, 0, 0, .025);
border-radius: 12px;
padding: 1.3rem;
margin-top: 30px;
}
.epa_cause_title-sp {
font-size: 1.125rem;
font-weight: bold;
margin-bottom: 24px;
color: #336AC1;
}
.epa_cause_float {
font-size: 4vw;
line-height: 1.5625rem;
}
.epa_cause_float-right {
float: right;
margin-left: 0.625rem;
}
.epa_cause_float-left {
float: left;
margin-right: 0.625rem;
}
.mt-1 {
margin-top: -1rem;
}
.mt-1-5 {
margin-top: -1.5rem;
}
.mb-10 {
margin-bottom: 10px;
}
.mtb-20 {
margin-bottom: 20px;
margin-top: 20px;
}
.mb-30 {
margin-bottom: 32px;
}
.kanri_first {
font-size: 1.875rem!important;
text-align: center;
margin-bottom: 3.75rem;
color: #484848;
}
@media screen and (max-width: 767px) {
.epa_cause_inner {
display: none;
}
.kanri_first {
font-size: 0.9375rem!important;
text-align: center;
margin-bottom: 2rem;
}
}
@media screen and (min-width: 767px) {
.epa_cause_inner-sp {
display: none;
}
.epa_cause_font13 {
font-size: 1.3rem;
}
}
.epa_cause_text-sp {
letter-spacing: 0.02rem;
color: #575757;
text-align: justify;
}
.epa_cause_attention {
font-size: 1rem!important;
text-align: right;
color: #585858;
}
.epa_cause_attention-sp {
font-size: 0.625rem!important;
text-align: right;
color: #585858;
margin-top: 18px;
}
.epa_cause_img3 {
text-align: right;
}
.epa_cause_img3>img {
width: 95%;
}
.pr_text {
text-align: center;
font-size: 12px;
margin: .5rem;
}
.beni_text {
text-align: center;
margin-bottom: 10px;
}
.beni_attention {
text-align: center;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.beni_text {
font-size: 3.5vw!important;
}
.beni_attention {
font-size: 3.5vw!important;
margin-bottom: 10px;
margin-top: 13px;
}
.table-wrap {
margin-top: 36px;
}
}
.koumoku_intro {
margin: 1.5rem auto 20px;
text-align: center;
font-size: 1.4rem;
color: #383838;
}
.kekkan_explain {
max-width: 760px;
margin: 0 auto 32px;
}
.kekkan_explain__lead,
.kekkan_explain__text {
font-size: 1.4rem;
line-height: 1.8;
color: #333;
margin: 0;
}
.kekkan_explain__lead {
margin: 1.5rem 0 28px;
}
.kekkan_explain__lead span {
color: #e53935;
font-weight: bold;
}
.kekkan_explain__text {
margin-bottom: 30px;
}
.kekkan_explain__images {
display: block;
width: 100%;
text-align: center;
margin: 40px 0;
}
.kekkan_explain__item {
display: inline-block;
width: 100%;
max-width: 360px;
text-align: center;
vertical-align: top;
}
.kekkan_explain__item img {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}
.kekkan_explain__caption {
margin: 12px 0 0;
font-size: 1.6rem;
font-weight: bold;
color: #555;
line-height: 1.4;
text-align: center;
}
@media screen and (max-width: 768px) {
.kekkan_explain {
padding: 0 15px;
margin: 0 auto 24px;
}
.kekkan_explain__lead,
.kekkan_explain__text {
font-size: 1rem;
line-height: 1.8;
}
.kekkan_explain__lead {
margin-bottom: 20px;
}
.kekkan_explain__text {
margin-bottom: 22px;
}
.kekkan_explain__images {
margin: 30px 0;
}
.kekkan_explain__item {
width: 100%;
max-width: 280px;
margin-bottom: 0;
}
.kekkan_explain__caption {
margin-top: 10px;
font-size: 1.25rem;
}
}
@media screen and (max-width: 768px) {
.koumoku_intro {
font-size: 1rem;
padding: 0 15px;
}
}@font-face{font-family:'FontAwesome';src:url(//epa-ranking.com/wp-content/themes/xeory_base/lib/fonts/font-awesome-4.5.0/fonts/fontawesome-webfont.eot?v=4.5.0);src:url(//epa-ranking.com/wp-content/themes/xeory_base/lib/fonts/font-awesome-4.5.0/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'),url(//epa-ranking.com/wp-content/themes/xeory_base/lib/fonts/font-awesome-4.5.0/fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'),url(//epa-ranking.com/wp-content/themes/xeory_base/lib/fonts/font-awesome-4.5.0/fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'),url(//epa-ranking.com/wp-content/themes/xeory_base/lib/fonts/font-awesome-4.5.0/fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'),url(//epa-ranking.com/wp-content/themes/xeory_base/lib/fonts/font-awesome-4.5.0/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87}#start-resizable-editor-section{display:none}.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-audio audio{width:100%;min-width:300px}.wp-block-button__link{color:#fff;background-color:#32373c;border:none;border-radius:28px;box-shadow:none;cursor:pointer;display:inline-block;font-size:18px;padding:12px 24px;text-align:center;text-decoration:none;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:#fff}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.is-style-outline .wp-block-button__link,.wp-block-button__link.is-style-outline{color:#32373c;background-color:transparent;border:2px solid}.wp-block-buttons .wp-block-button{display:inline-block;margin-right:8px;margin-bottom:8px}.wp-block-buttons .wp-block-button:last-child{margin-right:0}.wp-block-buttons.alignright .wp-block-button{margin-right:0;margin-left:8px}.wp-block-buttons.alignright .wp-block-button:first-child{margin-left:0}.wp-block-buttons.alignleft .wp-block-button{margin-left:0;margin-right:8px}.wp-block-buttons.alignleft .wp-block-button:last-child{margin-right:0}.wp-block-button.aligncenter,.wp-block-buttons.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:4px;border:1px solid #ddd}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-calendar table th{font-weight:400;background:#ddd}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar tfoot a{color:#007cba;color:var(--wp-admin-theme-color)}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-columns{display:flex;margin-bottom:28px;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-columns.has-background{padding:20px 38px}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (max-width:599px){.wp-block-column{flex-basis:100%!important}}@media (min-width:600px) and (max-width:781px){.wp-block-column{flex-basis:calc(50% - 16px)!important;flex-grow:0}.wp-block-column:nth-child(2n){margin-left:32px}}@media (min-width:782px){.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-column[style*=flex-basis]{flex-grow:0}.wp-block-column:not(:first-child){margin-left:32px}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{-ms-grid-row-align:center;align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-cover,.wp-block-cover-image{position:relative;background-size:cover;background-position:50%;min-height:430px;height:100%;width:100%;display:flex;justify-content:center;align-items:center;padding:16px}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.has-background-dim,.wp-block-cover.has-background-dim{background-color:#000}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";background-color:inherit}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:290px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:calc(100% - 70px);z-index:1;color:#fff}.wp-block-cover-image .wp-block-subhead:not(.has-text-color),.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover .wp-block-subhead:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover__video-background{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;z-index:0;object-fit:cover}.wp-block-cover-image-text,.wp-block-cover-text,section.wp-block-cover-image h2{color:#fff}.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:580px;padding:14px;text-align:center}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type^=core-embed],.wp-block[data-align=right]>[data-type^=core-embed]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type^=core-embed] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type^=core-embed] .wp-block-embed__wrapper{min-width:280px}.wp-block-embed{margin-bottom:1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-6 .wp-block-embed__wrapper:before{padding-top:66.66%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:13px;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.blocks-gallery-grid,.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 16px 16px 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative}.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:40px 10px 9px;color:#fff;text-align:center;font-size:13px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent)}.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;object-fit:cover}}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc(50% - 16px)}.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc(33.33333% - 10.66667px);margin-right:16px}.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc(25% - 12px);margin-right:16px}.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc(20% - 12.8px);margin-right:16px}.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc(16.66667% - 13.33333px);margin-right:16px}.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc(14.28571% - 13.71429px);margin-right:16px}.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc(12.5% - 14px);margin-right:16px}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n){margin-right:0}.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n){margin-right:0}.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n){margin-right:0}.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n){margin-right:0}.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n){margin-right:0}.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n){margin-right:0}.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:290px;width:100%}.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:20px 38px}.wp-block-image{margin-bottom:1em}.wp-block-image img{max-width:100%}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.is-resized{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em}.is-style-circle-mask img,.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.is-style-circle-mask img{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;border-radius:0}}.wp-block-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:36px;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:52px}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:14px;line-height:1.8;margin:5px 0 20px}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:left;height:40px;margin-right:12px;width:40px}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 20px 20px 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 20px)}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 20px)}.wp-block-latest-posts.columns-4 li{width:calc(25% - 20px)}.wp-block-latest-posts.columns-5 li{width:calc(20% - 20px)}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 20px)}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px}.wp-block-latest-posts__post-excerpt{margin-top:8px;margin-bottom:16px}.wp-block-latest-posts__featured-image img{height:auto;width:auto}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em}.wp-block-latest-posts__featured-image.alignright{margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}.edit-post-visual-editor .wp-block-latest-posts.is-grid li{margin-bottom:20px}.wp-block-media-text{ direction:ltr; display:-ms-grid;display:grid;-ms-grid-columns:50% 1fr;grid-template-columns:50% 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{-ms-grid-columns:1fr 50%;grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{-ms-grid-row-align:start;align-self:start}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{-ms-grid-row-align:center;align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{-ms-grid-row-align:end;align-self:end}.wp-block-media-text .wp-block-media-text__media{ -ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1; margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr; -ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1; padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ -ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1 }.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ -ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1 }.wp-block-media-text__media img,.wp-block-media-text__media video{max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill figure.wp-block-media-text__media{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill figure.wp-block-media-text__media>img{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{-ms-grid-columns:100%!important;grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}}.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color),.wp-block-navigation .wp-block-navigation-link:not(.has-text-color){color:#1e1e1e}.wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container,.wp-block-navigation:not(.has-background) .wp-block-navigation__container{background-color:#fff}.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color){color:#fff}.wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container{background-color:#1e1e1e}.items-justified-left>ul{justify-content:flex-start}.items-justified-center>ul{justify-content:center}.items-justified-right>ul{justify-content:flex-end}.wp-block-navigation-link{display:flex;align-items:center;position:relative;margin:0}.wp-block-navigation-link .wp-block-navigation__container:empty{display:none}.wp-block-navigation__container{list-style:none;margin:0;padding-left:0;display:flex;flex-wrap:wrap}.is-vertical .wp-block-navigation__container{display:block}.has-child .wp-block-navigation__container{border:1px solid rgba(0,0,0,.15);background-color:inherit;color:inherit;position:absolute;left:0;top:100%;width:fit-content;z-index:1;opacity:0;transition:opacity .1s linear;visibility:hidden}.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__content{flex-grow:1}.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon{padding-right:8px}@media (min-width:782px){.has-child .wp-block-navigation__container{left:24px}.has-child .wp-block-navigation__container .wp-block-navigation__container{left:100%;top:-1px}.has-child .wp-block-navigation__container .wp-block-navigation__container:before{content:"";position:absolute;right:100%;height:100%;display:block;width:8px;background:transparent}.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg{transform:rotate(0)}}.has-child:hover{cursor:pointer}.has-child:hover>.wp-block-navigation__container{visibility:visible;opacity:1;display:flex;flex-direction:column}.has-child:focus-within{cursor:pointer}.has-child:focus-within>.wp-block-navigation__container{visibility:visible;opacity:1;display:flex;flex-direction:column}.wp-block-navigation-link__content{text-decoration:none;padding:8px 16px}.wp-block-navigation-link__content+.wp-block-navigation-link__content{padding-top:0}.has-text-color .wp-block-navigation-link__content{color:inherit}.wp-block-navigation-link__label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;word-break:normal;overflow-wrap:break-word}.wp-block-navigation-link__submenu-icon{height:inherit;padding:6px 16px}.wp-block-navigation-link__submenu-icon svg{fill:currentColor}@media (min-width:782px){.wp-block-navigation-link__submenu-icon svg{transform:rotate(90deg)}}.is-small-text{font-size:14px}.is-regular-text{font-size:16px}.is-large-text{font-size:36px}.is-larger-text{font-size:48px}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}p.has-background{padding:20px 38px}p.has-text-color a{color:inherit}.wp-block-post-author{display:flex;flex-wrap:wrap;line-height:1.5}.wp-block-post-author__byline{width:100%;margin-top:0;margin-bottom:0;font-size:.5em}.wp-block-post-author__avatar{margin-right:16px}.wp-block-post-author__bio{margin-bottom:8px;font-size:.7em}.wp-block-post-author__content{flex-grow:1;flex-basis:0}.wp-block-post-author__name{font-weight:700;margin:0}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:290px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px}.wp-block-pullquote p{font-size:28px;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:32px}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:18px;text-align:right}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 16px)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-rss.columns-4 li{width:calc(25% - 16px)}.wp-block-rss.columns-5 li{width:calc(20% - 16px)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#6c7781;font-size:13px}.wp-block-search{display:flex;flex-wrap:wrap}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;max-width:360px}.wp-block-search .wp-block-search__button{margin-left:10px}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:currentColor;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-social-links{display:flex;justify-content:flex-start;padding-left:0;padding-right:0;margin-left:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{text-decoration:none;border-bottom:0;box-shadow:none}.wp-social-link{display:block;width:36px;height:36px;border-radius:36px;margin-right:8px;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-social-link{transition-duration:0s}}.wp-social-link a{padding:6px;display:block;line-height:0;transition:transform .1s ease}.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg{color:currentColor;fill:currentColor}.wp-social-link:hover{transform:scale(1.1)}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none;padding:4px}.wp-block-social-links.is-style-logos-only .wp-social-link svg{width:28px;height:28px}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#fe4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:16px;padding-right:16px}.wp-block-spacer{clear:both}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table{overflow-x:auto}.wp-block-table table{width:100%}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f0f0f0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 16px;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}:root .editor-styles-wrapper .has-pale-pink-background-color,:root .has-pale-pink-background-color{background-color:#f78da7}:root .editor-styles-wrapper .has-vivid-red-background-color,:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color,:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color,:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .editor-styles-wrapper .has-light-green-cyan-background-color,:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .editor-styles-wrapper .has-vivid-green-cyan-background-color,:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .editor-styles-wrapper .has-pale-cyan-blue-background-color,:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color,:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .editor-styles-wrapper .has-vivid-purple-background-color,:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .editor-styles-wrapper .has-white-background-color,:root .has-white-background-color{background-color:#fff}:root .editor-styles-wrapper .has-very-light-gray-background-color,:root .has-very-light-gray-background-color{background-color:#eee}:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color,:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .editor-styles-wrapper .has-very-dark-gray-background-color,:root .has-very-dark-gray-background-color{background-color:#313131}:root .editor-styles-wrapper .has-black-background-color,:root .has-black-background-color{background-color:#000}:root .editor-styles-wrapper .has-pale-pink-color,:root .has-pale-pink-color{color:#f78da7}:root .editor-styles-wrapper .has-vivid-red-color,:root .has-vivid-red-color{color:#cf2e2e}:root .editor-styles-wrapper .has-luminous-vivid-orange-color,:root .has-luminous-vivid-orange-color{color:#ff6900}:root .editor-styles-wrapper .has-luminous-vivid-amber-color,:root .has-luminous-vivid-amber-color{color:#fcb900}:root .editor-styles-wrapper .has-light-green-cyan-color,:root .has-light-green-cyan-color{color:#7bdcb5}:root .editor-styles-wrapper .has-vivid-green-cyan-color,:root .has-vivid-green-cyan-color{color:#00d084}:root .editor-styles-wrapper .has-pale-cyan-blue-color,:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .editor-styles-wrapper .has-vivid-cyan-blue-color,:root .has-vivid-cyan-blue-color{color:#0693e3}:root .editor-styles-wrapper .has-vivid-purple-color,:root .has-vivid-purple-color{color:#9b51e0}:root .editor-styles-wrapper .has-white-color,:root .has-white-color{color:#fff}:root .editor-styles-wrapper .has-very-light-gray-color,:root .has-very-light-gray-color{color:#eee}:root .editor-styles-wrapper .has-cyan-bluish-gray-color,:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .editor-styles-wrapper .has-very-dark-gray-color,:root .has-very-dark-gray-color{color:#313131}:root .editor-styles-wrapper .has-black-color,:root .has-black-color{color:#000}:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background,:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(135deg,#0693e3,#9b51e0)}:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background,:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background,:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(135deg,#7adcb4,#00d082)}:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background,:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(135deg,#fcb900,#ff6900)}:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background,:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(135deg,#ff6900,#cf2e2e)}:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background,:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(135deg,#eee,#a9b8c3)}:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background,:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .editor-styles-wrapper .has-blush-light-purple-gradient-background,:root .has-blush-light-purple-gradient-background{background:linear-gradient(135deg,#ffceec,#9896f0)}:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background,:root .has-blush-bordeaux-gradient-background{background:linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .editor-styles-wrapper .has-purple-crush-gradient-background,:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .editor-styles-wrapper .has-luminous-dusk-gradient-background,:root .has-luminous-dusk-gradient-background{background:linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .editor-styles-wrapper .has-hazy-dawn-gradient-background,:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .editor-styles-wrapper .has-pale-ocean-gradient-background,:root .has-pale-ocean-gradient-background{background:linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .editor-styles-wrapper .has-electric-grass-gradient-background,:root .has-electric-grass-gradient-background{background:linear-gradient(135deg,#caf880,#71ce7e)}:root .editor-styles-wrapper .has-subdued-olive-gradient-background,:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .editor-styles-wrapper .has-atomic-cream-gradient-background,:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .editor-styles-wrapper .has-nightshade-gradient-background,:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .editor-styles-wrapper .has-midnight-gradient-background,:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root .editor-styles-wrapper .has-link-color a,:root .has-link-color a{color:#00e;color:var(--wp--style--color--link,#00e)}.editor-styles-wrapper .has-small-font-size,.has-small-font-size{font-size:13px}.editor-styles-wrapper .has-normal-font-size,.editor-styles-wrapper .has-regular-font-size,.has-normal-font-size,.has-regular-font-size{font-size:16px}.editor-styles-wrapper .has-medium-font-size,.has-medium-font-size{font-size:20px}.editor-styles-wrapper .has-large-font-size,.has-large-font-size{font-size:36px}.editor-styles-wrapper .has-huge-font-size,.editor-styles-wrapper .has-larger-font-size,.has-huge-font-size,.has-larger-font-size{font-size:42px}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}

.ahm-content-end-marker {
all: initial;
display: block;
height: 0;
width: 100%;
}
.ahm-heatmap-container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
font-family: Arial, sans-serif;
font-size: 30px;
font-weight: bold;
text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff;
color: #000;
background-color: rgba(0, 0, 0, 0.2);
overflow: hidden;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-user-select: none;
cursor: default;
pointer-events: none;
}
.ahm-heatmap-flow {
position: relative;
}
.ahm-heatmap-container .height-40px {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
width: 100%;
}
.ahm-heatmap-container .count-bar {
font-size: 12px;
position: absolute;
right: 0;
min-width: 48px;
height: 40px;
text-align: center;
line-height: 40px;
background: #ef96;
}
.ahm-nav .nav-tab-disabled {
opacity: 0.64;
pointer-events: none;
}
.ahm-nav .nav-tab {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
.ahm-nav .nav-tab .dashicons {
position: relative;
top: 1px;
}
.ahm-nav .nav-tab-active,
.ahm-nav .nav-tab-active:hover,
.ahm-nav .nav-tab-active:focus {
background: #fff;
}
.ahm-footer {
font-weight: bold;
font-size: larger;
text-align: right;
color: #aaa;
text-shadow: 1px 1px 1px #fff;
}
#ahm-description {
border: 1px solid #ccc;
border-radius: 0.5em;
padding: 0.5em 1em 0;
margin: 0.5em 0;
width: 100%;
box-sizing: border-box;
}
#ahm-description legend {
font-weight: bold;
}
#ahm-description img {
max-width: 100%;
}
#ahm-description .outer {
width: 100%;
overflow: hidden;
}
#ahm-description .inner {
display: flex;
width: 300%;
flex-flow: row nowrap;
position: relative;
}
#ahm-description .description {
width: 100%;
}
#ahm-description.click-heatmap .inner {
left: 0;
}
#ahm-description.breakaway-heatmap .inner {
left: -100%;
}
#ahm-description.attention-heatmap .inner {
left: -200%;
}
#ahm-view-form .wp-list-table thead a .dashicons,
#ahm-view-form .wp-list-table tfoot a .dashicons {
position: relative;
top: 1px;
}
#ahm-view-form .wp-list-table .sorting-indicator {
display: inline-block;
}
#ahm-view-form .wp-list-table thead,
#ahm-view-form .wp-list-table tfoot {
white-space: nowrap;
}
#ahm-view-form .wp-list-table th.sortable:not(.column-page) a span,
#ahm-view-form .wp-list-table th.sorted:not(.column-page) a span {
float: unset;
}
#ahm-view-form .wp-list-table .column-page {
word-break: break-all;
}
#ahm-view-form .wp-list-table .click_pc,
#ahm-view-form .wp-list-table .breakaway_pc,
#ahm-view-form .wp-list-table .attention_pc,
#ahm-view-form .wp-list-table .click_mobile,
#ahm-view-form .wp-list-table .breakaway_mobile,
#ahm-view-form .wp-list-table .attention_mobile {
white-space: nowrap;
text-align: right;
}
#ahm-view-form .wp-list-table .ahm-cell {
display: inline-block;
width: 100%;
text-align: right;
font-variant-numeric: tabular-nums;
cursor: pointer;
white-space: nowrap;
-ms-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
#ahm-view-form .wp-list-table .ahm-cell-blank,
#ahm-unread-form .wp-list-table .ahm-cell-blank {
color: #ccc;
cursor: default;
-ms-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
display: inline-block;
text-align: center;
min-width: 57px;
}
#ahm-view-form .wp-list-table .ahm-cell:not(:hover):not(:active):not(:focus) {
color: #555;
}
#ahm-view-form .wp-list-table .ahm-cell .dashicons {
vertical-align: text-bottom;
position: relative;
top: 2px;
}
#ahm-view-form .wp-list-table .ahm-cell:not(:hover):not(:active):not(:focus) .dashicons {
visibility: hidden;
}
@media screen and (max-width: 782px) {
#ahm-view-form .ahm-footer {
visibility: hidden;
}
#ahm-view-form .wp-list-table tr:not(.inline-edit-row):not(.no-items) td.column-primary ~ td:not(.check-column) {
padding-left: 50%;
}
#ahm-view-form .wp-list-table tr:not(.inline-edit-row):not(.no-items) td:not(.column-primary)::before {
width: 50%;
line-height: 2;
}
#ahm-view-form .ahm-cell,
#ahm-view-form .ahm-cell-blank {
line-height: 2;
}
#ahm-description ~ .subsubsub {
display: none;
}
}
#ahm-unread-form .wp-list-table .pc,
#ahm-unread-form .wp-list-table .mobile {
white-space: nowrap;
min-width: calc(200px + 4.5em);
}
#ahm-unread-form .ahm-ratio {
line-height: 60px;
font-size: 150%;
width: 3em;
display: inline-block;
text-align: right;
}
#ahm-unread-form .ahm-ratio::after {
content: "%";
}
#ahm-unread-form .ahm-ratio.warning {
color: #f00;
}
#ahm-unread-form .ahm-ratio.normal,
#ahm-unread-form .ahm-ratio.na {
color: #ccc;
}
#ahm-unread-form .ahm-ratio.na::after {
visibility: hidden;
}
#ahm-unread-form .ahm-heatmap-databox {
display: none;
width: 192px;
padding-right: 6px;
margin-left: 2px;
text-align: right;
position: relative;
}
#ahm-unread-form tr.ahm-show-databox .ahm-heatmap-databox {
display: block;
}
#ahm-unread-form .ahm-heatmap-databox-column {
display: inline-block;
min-width: 64px;
}
#ahm-unread-form .ahm-heatmap-databox-column .dashicons-external {
visibility: hidden;
}
#ahm-unread-form .ahm-heatmap-databox-column:hover .dashicons-external {
visibility: visible;
}
.ahm-unread-legend {
display: inline-block;
width: 1.5em;
height: 1em;
border: 1px solid rgba(0, 0, 0, 40%);
}
#ahm-options-form .ahm-inline-block {
display: inline-block;
}
#ahm-options-form input[type="range"] {
float: left;
margin-right: 0.5em;
}
#ahm-options-form input[type="range"]:not(:disabled) {
cursor: pointer;
}
#ahm-options-form input[type="range"] + span {
display: inline-block;
}
#ahm-options-form .premium-options {
font-size: smaller;
font-weight: bold;
background: #800080;
color: #fff;
padding: 0.1em 0.3em;
border-radius: 0.2em;
}
#ahm-options-form th .dashicons-editor-help {
cursor: pointer;
opacity: 0.4;
}
#ahm-options-form th .ahm-tooltip:focus .dashicons-editor-help,
#ahm-options-form th .ahm-tooltip:hover .dashicons-editor-help {
opacity: 1;
}
#ahm-options-form th .ahm-tooltip > div {
display: none;
position: absolute;
z-index: 9999;
border-radius: 0.25em;
border: 2px solid rgba(0, 0, 0, 0.4);
background: rgba(255, 255, 255, 0.9375);
padding: 0.25em 1.5em;
font-weight: normal;
}
div.ahm-unread-list-page {
width: 100%;
border-radius: 0.3em;
}
div.ahm-unread-list-page-inner {
min-height: 60px;
}
div.ahm-pt {
display: flex;
flex-flow: row wrap;
text-align: center;
}
div.ahm-c2 {
width: 50%;
}
div.ahm-c6 {
width: 16.6666%;
}
div.ahm-unread-list-page-hover {
display: none;
position: absolute;
z-index: 9999;
border-radius: 0.25em;
border: 2px solid rgba(0, 0, 0, 0.4);
background: rgba(255, 255, 255, 0.9375);
padding: 0.25em 1.5em;
font-weight: normal;
cursor: auto;
}
@media not screen and (max-width: 782px) {
div.ahm-unread-list-page {
cursor: pointer;
}
div.ahm-unread-list-page:focus,
div.ahm-unread-list-page:hover {
background-color: rgba(127, 127, 127, 0.125);
box-shadow: 0 0 0 0.35em rgba(127, 127, 127, 0.125);
}
div.ahm-unread-list-page:focus {
outline: solid 0.1em rgba(127, 127, 127, 0.5);
outline-offset: 0.25em;
}
div.ahm-unread-list-page:focus div.ahm-unread-list-page-hover,
div.ahm-unread-list-page:hover div.ahm-unread-list-page-hover {
display: block;
}
div.ahm-c2,
div.ahm-c6 {
margin: 0.1em 0;
}
div.ahm-c2::after {
display: block;
content: "";
width: 95%;
height: 0.125em;
margin: 0 auto;
border-radius: 0.1em;
background: #ccc;
}
}
@media screen and (max-width: 782px) {
div.ahm-unread-list-page-inner {
min-height: unset;
}
.is-expanded div.ahm-unread-list-page-hover {
position: static;
display: block;
}
.is-expanded div.ahm-pt {
flex-flow: column wrap;
height: 9em;
}
.is-expanded div.ahm-c2 {
width: unset;
height: 4.5em;
line-height: 4.5;
}
.is-expanded div.ahm-c2::after {
content: "";
display: inline-block;
float: right;
width: 0.15em;
height: 3.7em;
margin: 0.4em 0;
border-radius: 0.1em;
background: #ccc;
}
.is-expanded div.ahm-c6 {
width: unset;
height: 1.5em;
}
}
#ahm-options-form input[type="radio"] + label > div {
padding-left: 20px;
}
#ahm-options-form th .ahm-tooltip:focus > div,
#ahm-options-form th .ahm-tooltip:hover > div {
display: block;
}
#ahm-options-form input[type="radio"]:checked + span,
#ahm-options-form input[type="radio"]:checked + label > span:first-child {
font-weight: bold;
}
#ahm-options-form input[type="text"] {
display: block;
width: 100%;
}
#ahm-vs {
border-collapse: collapse;
table-layout: fixed;
}
#ahm-vs td {
text-align: center;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
#ahm-vs th {
text-align: center;
font-weight: bold;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
#ahm-vs tbody th {
text-align: left;
}
#ahm-vs th:first-child {
width: 18em;
}
#ahm-vs td:first-child,
#ahm-vs th:first-child {
border-left: none;
}
#ahm-vs td:last-child,
#ahm-vs th:last-child {
border-right: none;
}
#ahm-vs .dashicons-no-alt {
color: #aaa;
}
#ahm-vs .current .dashicons-yes-alt {
color: #36f;
}
#ahm-vs .current .dashicons-no-alt {
color: #f00;
}
#ahm-vs .ib {
display: inline-block;
}