@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;
}
}