@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset 'UTF-8';
.menu-item a img, img.menu-image-title-after, img.menu-image-title-before, img.menu-image-title-above, img.menu-image-title-below , .menu-image-hover-wrapper .menu-image-title-above {
border: none;
box-shadow: none;
vertical-align: middle;
width: auto;
display: inline;
}
.menu-image-hover-wrapper img.hovered-image,
.menu-item:hover .menu-image-hover-wrapper img.menu-image {
opacity: 0;
transition: opacity 0.25s ease-in-out 0s;
}
.menu-item:hover img.hovered-image {
opacity: 1;
}
.menu-image-title-after.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title {
padding-right: 10px;
}
.menu-image-title-before.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title {
padding-left: 10px;
}
.menu-item a.menu-image-title-above, .menu-item a.menu-image-title-below, .menu-image-title.menu-image-title-above, .menu-image-title.menu-image-title-below {
text-align: center;
display: block;
}
.menu-image-title-above.menu-image-not-hovered > img,
.menu-image-hovered.menu-image-title-above .menu-image-hover-wrapper, .menu-image-title-above .menu-image-hover-wrapper {
display: block;
padding-top: 10px;
margin: 0 auto !important;
}
.menu-image-title-below.menu-image-not-hovered > img,
.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper, .menu-image-title-below .menu-image-hover-wrapper {
display: block;
padding-bottom: 10px;
margin: 0 auto !important;
}
.menu-image-title-hide .menu-image-title, .menu-image-title-hide.menu-image-title {
display: none;
} #et-top-navigation .nav li.menu-item, .navigation-top .main-navigation li {
display: inline-block;
}#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}#tool input {
text-align: end;
}
#tool input:invalid {
text-align: end;
background-color: #F0D0D0;
}
#tool input:valid {
text-align: end;
background-color: #E8F0FE;
}
.pure-table td {
text-align: center;
}
.pure-table td, .pure-table th {
text-align: center;
}
#tool hr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
background-color: #f9f9f9;
}
.pure-form-aligned .pure-control-group label {
text-align: left;
}
.number{
text-align: right !important;
}
.pure-table td{
font-weight: bold;
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"] {
font-size: 16px;
}
legend {
font-weight: bold;
color: #888;
} .loading {
margin-top: 20px;
padding: 15px;
color: #444;
background-color: #f5f5f5;
border: 1px solid #ddd;
border-radius: 4px;
position: relative;
display: flex;
align-items: center;
max-width: 95%;
}
.loading-spinner {
display: inline-block;
width: 16px;
height: 16px;
border: 3px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
border-top-color: #666;
animation: spin 1s linear infinite;
margin-right: 10px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.result-success {
margin-top: 20px;
padding: 15px;
background-color: #f8f8f8;
color: #333;
border: 1px solid #ddd;
border-radius: 4px;
line-height: 1.6;
white-space: pre-line;
position: relative;
max-width: 95%;
} .chat-icon {
display: none;
} .result-success p {
margin: 0 0 12px 0;
}
.result-success p:last-child {
margin-bottom: 0;
} .result-success .deductible-yes {
color: #1a7900;
font-weight: bold;
padding: 2px 5px;
background-color: rgba(26, 121, 0, 0.1);
border-radius: 3px;
}
.result-success .deductible-no {
color: #c62828;
font-weight: bold;
padding: 2px 5px;
background-color: rgba(198, 40, 40, 0.1);
border-radius: 3px;
} .result-success strong {
font-weight: bold;
color: #333;
text-decoration: underline;
}
.result-error {
margin-top: 20px;
padding: 15px;
color: #d32f2f;
background-color: #fff8f8;
border: 1px solid #ffcdd2;
border-radius: 4px;
position: relative;
max-width: 95%;
line-height: 1.5;
}
.special-benefit-error {
margin-top: 20px;
padding: 15px;
color: #d32f2f;
background-color: #fff8f8;
border: 1px solid #ffcdd2;
border-radius: 4px;
position: relative;
max-width: 95%;
display: block;
line-height: 1.5;
}
#tool-results {
margin-top: 30px;
min-height: 100px;
font-size: 1.1em;
transition: all 0.5s ease;
} #submit-expense {
background-color: #666;
color: white;
} #input-expense {
padding: 12px;
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
transition: border 0.3s ease, box-shadow 0.3s ease;
font-size: 16px;
width: 100%;
}
#input-expense:focus {
border-color: #666;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.06), 0 0 8px rgba(31,141,214,0.2);
outline: none;
}
.input-container {
margin-bottom: 25px;
} #submit-expense {
background-color: #0d47a1; padding: 8px 16px;
font-size: 14px;
border-radius: 4px;
transition: background-color 0.2s;
}
#submit-expense:hover {
background-color: #1565c0; } #tool {
max-width: 100%;
margin: 10px 0;
}
.input-field {
margin-bottom: 10px;
} #input-expense {
padding: 10px;
margin-bottom: 10px;
width: 100%;
min-height: 80px;
font-size: 16px;
line-height: 1.5;
resize: vertical;
border: 1px solid #ddd;
border-radius: 4px;
} #tool-results {
margin-top: 15px;
} .confidence-info {
margin-top: 10px;
font-size: 14px;
color: #666;
}
.select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select.pure-input {
height: 2.4em;
}
select.pure-input {
height: 2.4em;
}
select::-ms-expand {
display: none;
}
select {
height: 2.8em !important;
font-weight: bold;
}
.tool-selects {
display: flex;
width: 100%;
}
#tool {
border: solid 1px #dfdfdf;
background: #fff;
border-radius: 3px;
padding: 30px;
box-sizing: border-box;
}
#tool-result table {
background: #fff;
}
#tool-prefectures {
font-size: 16px;
}
#tool-cities {
font-size: 16px;
}
#tool-result th {
background-color: #fdfaf8;
font-weight: bold;
border-bottom: 1px solid #cbcbcb;
width: 50%;
}
#tool-result-header h4 {
width: auto;
text-align: left;
vertical-align: middle;
font-weight: bold;
color: #333333;
border-left-style: solid;
border-left-width: 6px;
padding: 0 9px 0 17px;
box-sizing: border-box;
margin: 0 0 13px 0;
font-size: 20px;
line-height: 1.4;
border-color: #0fafe6;
}
.special-benefit-error {
box-sizing: border-box;
width: 100%;
margin-top: 24px;
padding: 8px 16px;
border: 1px solid #eee;
background-color: #ffeeee;
color: red;
}
#tool-results {
margin: 32px 0;
}
#tool-result-text {
font-size: 24px;
}
#tool-result-number {
font-weight: bold;
font-size: 32px;
color: #ef4056;
margin: 0 2px;
}
.tool-title {
font-weight: bold;
font-size: 24px;
margin: 0 2px;
} .tool-agree {
margin-top: 8px;
}
#tool-start {
margin-top: 16px;
background-color: #ef4056 !important;
}
.income__message {
font-size: 16px;
font-weight: 600;
}
.income__message {
font-size: 16px;
font-weight: 600;
}
.income__label {
font-size: 16px;
font-weight: 600;
color: #333;
}
#form2 {
display: none;
}
.option1{
display: none;
}
.open,.close {
margin-bottom: 16px;
padding-right: 32px;
}
.open:after {
font-family: "icomoon" !important;
content: "\e904" !important;
padding: 0 10px;
font-size: 16px;
color: #666;
position: absolute;
margin-top: 4px;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.close:after {
font-family: "icomoon" !important;
content: "\e904" !important;
padding: 0 10px;
font-size: 16px;
color: #666;
position: absolute;
margin-top: 4px;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.tips {
font-size: 16px;
font-weight: 600;
}
.tips__popup {
z-index: 99999;
font-size: 16px;
font-weight: 600;
border: none;
width: 300px;
color: #666;
left: 16px;
position: absolute;
display: inline-block;
padding: 8px;
border-radius: 6px;
font-family: sans-serif;
background-color: #dcf0dd;
box-shadow: 3px 3px 3px #aaaaaa;
}
body a.tips:hover {
opacity: 1.0;
}
#submit {
font-family: sans-serif;
}
.required, .optional {
margin-bottom: 16px;
}
.required:before {
content: "\5FC5\9808";
border-radius: 2px;
color: #fff;
padding: 1px 8px;
margin-right: 8px;
margin-bottom: 4px;
font-size: 14px;
display: inline-block;
font-weight: normal;
background-color: #ef4056;
height: 22px;
width: 30px;
letter-spacing: normal;
}
.optional:before {
content: "\4EFB\610F";
border-radius: 2px;
color: #fff;
padding: 1px 8px;
margin-right: 8px;
margin-bottom: 4px;
font-size: 14px;
display: inline-block;
font-weight: normal;
background-color: #aaaaaa;
height: 22px;
width: 30px;
letter-spacing: normal;
}
#rewardModal {
width: 100% !important;
}

.zq-wrapper {
margin: 30px 0 80px;
}
.zq-wrapper .zq-hide {
display: none;
}
.zq-question__message {
display: flex;
align-items: center;
font-weight: bold;
}
.zq-question {
margin-bottom: 20px;
padding: 26px;
border: solid 3px #006888;
border-radius: 4px;
}
.zq-question__text {
padding: 16px 0;
font-weight: bold;
}
.zq-choices {
counter-reset: my-counter;
}
.zq-choice {
position: relative;
margin-bottom: 16px;
margin-left: 48px;
padding: 9px 0;
text-align: center;
border: solid 3px #0823a1;
border-radius: 8px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
font-size: 18px;
font-weight: bold;
}
.zq-choice__num {
position: absolute;
top: 50%;
left: -48px;
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
transform: translateY(-50%);
color: #0823a1;
border: solid 1px #0823a1;
border-radius: 100%;
font-weight: bold;
}
.zq-choice:hover {
cursor: pointer;
color: #fff;
background-color: #0823a1;
}
.zq-correct-block__txt-1 {
margin-bottom: 32px;
padding: 26px 0;
text-align: center;
color: #0fafe6;
border: solid 3px #0fafe6;
border-radius: 4px;
font-size: 28px;
font-weight: bold;
line-height: 1;
}
.zq-incorrect-block__txt-1 {
margin-bottom: 32px;
padding: 26px 0;
text-align: center;
color: #fe254d;
border: solid 3px #fe254d;
border-radius: 4px;
font-size: 28px;
font-weight: bold;
line-height: 1;
}
.zq-incorrect-block__txt-2 {
margin-bottom: 42px;
}
.zq-wrapper .zq-top {
margin: 25px auto;
}
.zq-button-style {
max-width: 450px;
margin: 0 auto;
padding: 15px 0;
text-align: center;
color: #fff;
border-radius: 24px;
background-color: #052e3d;
}
.zq-button-style:hover {
cursor: pointer;
opacity: 0.8;
}
.zq-correct-block-next-post,
.zq-incorrect-block-next-post {
display: flex;
justify-content: space-between;
padding: 16px 0;
border-top: solid 1px #999999;
border-bottom: solid 1px #999999;
}
.zq-correct-block-next-post__left,
.zq-incorrect-block-next-post__left {
width: 170px;
margin-right: 1em;
}
.zq-correct-block-next-post__right,
.zq-incorrect-block-next-post__right {
width: 100%;
}
.zq-correct-block-next-post__title,
.zq-incorrect-block-next-post__title {
margin-top: 20px;
color: #111111;
font-size: 20px;
font-weight: bold;
}
.zq-correct-block-next-post__thumbnail img,
.zq-incorrect-block-next-post__thumbnail img {
width: 170px;
height: 98px;
object-fit: cover;
}
.zq-correct-block-next-post__post-title,
.zq-incorrect-block-next-post__post-title {
color: #111111;
font-weight: bold;
}
.zq-correct-block-next-post__post-description,
.zq-incorrect-block-next-post__post-description {
padding: 16px 0 8px 0;
}
.zq-correct-block-next-post__post-date,
.zq-incorrect-block-next-post__post-date {
font-size: 12px;
}
@media screen and (max-width:767px) {
.zq-correct-block-next-post__left,
.zq-incorrect-block-next-post__left {
width: 104px;
}
.zq-correct-block-next-post__thumbnail img,
.zq-incorrect-block-next-post__thumbnail img {
width: 104px;
height: 60px;
object-fit: cover;
}
.zq-correct-block-next-post__post-description,
.zq-incorrect-block-next-post__post-description {
display: none;
}
.zq-question {
padding: 12px;
}
.zq-choice {
margin-left: 42px;
}
.zq-choice__num {
left: -42px;
}
.zq-correct-block__txt-1,
.zq-incorrect-block__txt-1 {
padding: 12px 0;
font-size: 24px;
}
}
 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, hr,
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-size: 100%;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button,
option,
select,
textarea,
input {
border: none;
}
button,
option,
select,
textarea,
input[type="button"],
input[type="submit"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="select"],
input[type="option"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
}
input[type="checkbox"] {
outline: 0;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
select::-ms-expand {
display: none;
} input[type="search"]::-ms-clear {
visibility: hidden;
} select::-ms-value {
background: none;
color: #000;
} input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input[type="email"]:-webkit-autofill,
input[type="email"]:-webkit-autofill:hover,
input[type="email"]:-webkit-autofill:focus,
input[type="email"]:-webkit-autofill:active {
transition: #fff 5000s ease-in-out 0s;
}
 body {
width: 1000px;
height: 100%;
margin: 0 auto;
overflow-x: hidden;
overflow-y: scroll;
position: relative;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
color: #333333;
background-color: #ffffff;
font-family: YuGo, YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica Neue, Helvetica,
Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
word-wrap: break-word;
}
body a {
color: #3a7eb2;
text-decoration: none;
}
body a:hover {
text-decoration: none;
opacity: 0.8;
}
img,
fieldset {
border: 0;
}
li {
list-style-type: none;
}
*:focus {
outline: none;
}
input[type="text"].cafe-input-text {
padding-left: 5px;
border-radius: 4px 4px 4px 4px;
-webkit-appearance: none;
border: 1px solid #eceee7;
background: #fff;
max-width: 100%;
height: 43px;
font-size: 16px;
outline: none;
transition: all 0.3s;
box-sizing: border-box;
}
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"] {
padding-left: 5px;
border-radius: 4px 4px 4px 4px;
-webkit-appearance: none;
border: 1px solid #eceee7;
background: #fff;
max-width: 100%;
height: 43px;
font-size: 14px;
outline: none;
transition: all 0.3s;
box-sizing: border-box;
}
input,
textarea,
select,
button {
font-family: YuGo, YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica Neue, Helvetica,
Arial, sans-serif;
}
.no-ad .google-adsense {
display: none;
}
#noscript-alert {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
background-color: #fff;
color: red;
} .main .widget > * {
margin-top: 20px;
}
.main .widget:last-child {
margin-top: 0;
}
.table-over-x {
margin-bottom: 10px;
overflow-x: scroll;
}
.table-over-x--active {
margin-bottom: 30px;
padding-bottom: 15px;
display: block;
width: 100%;
font-size: 0;
}
.table-over-x--active table {
white-space: nowrap;
border-collapse: separate;
}
.table-over-x--active thead,
.table-over-x--active tbody {
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.table-over-x--active th,
.table-over-x--active td {
width: 5.0rem;
background: #fff;
font-size: 1.0rem;
}
.table-over-x--active tbody th {
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 1;
}
.table-over-x--active thead {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
}
.table-over-blank {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
z-index: 3 !important;
}
@media screen and (max-width: 768px) { .table-over-x::-webkit-scrollbar {
width: 5px;
background: #dfdfdf;
border-radius: 4px;
}
.table-over-x::-webkit-scrollbar {
width: 5px;
background: #dfdfdf;
border-radius: 4px;
}
.table-over-x::-webkit-scrollbar:horizontal {
height: 5px;
background: #dfdfdf;
border-radius: 4px;
}
.table-over-x::-webkit-scrollbar-thumb {
background: #666;
border-radius: 4px;
}
.table-over-x::-webkit-scrollbar-thumb:horizontal {
background: #666;
border-radius: 4px;
}
}
@media screen and (min-width: 768px) {
.content {
display: table;
width: 1000px;
table-layout: fixed;
}
.main {
display: table-cell;
vertical-align: top;
width: 660px;
}
.main-full {
width: 1000px;
display: block;
}
.side {
display: table-cell;
vertical-align: top;
width: 317px;
height: 100%;
padding-left: 23px;
z-index: 1;
}
}  .button-A {
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
box-shadow: 0 4px 0 0 #bababa;
font-weight: bold;
text-align: center;
color: #ffffff;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
border: none;
}
.button-A:hover {
opacity: 0.8;
cursor: pointer;
}
.button-B {
position: relative;
font-weight: bold;
color: #dfdfdf;
background-color: #fff;
border: solid 1px #dfdfdf;
border-radius: 4px;
box-shadow: 0 3px 0 0 #dfdfdf;
padding: 15px 50px;
}
.button-B::after {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 12px;
position: relative;
left: 10px;
font-size: 13px;
top: 0;
}
.button-B:hover {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0 2px 0 0 !important;
}
.button-C {
font-size: 12px;
font-weight: bold;
text-align: center;
}
.button-C:hover {
color: #fff !important;
}
.button-D {
color: #fff;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
transition: 0.5s ease-in-out;
}
.button-D:hover {
background: #fff;
color: #000;
opacity: 1;
}
.button-D::after {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 11px;
position: relative;
left: 15px;
top: 0px;
}
.category__title {
border-bottom: 2px solid #000;
margin-bottom: 30px !important;
}
.archive-button {
margin-bottom: 60px;
height: 64px;
} .breadcrumb {
line-height: 47px;
background-color: #f1f2f0;
padding: 0 calc((100vw - 100%) / 2 * 1);
font-size: 12px;
margin-bottom: 25px;
}
.breadcrumb-list {
display: inline;
width: 1000px;
margin: 0 auto;
display: block;
word-break: break-all;
}
.breadcrumb-list-item {
display: inline;
}
.breadcrumb-list-item::before {
padding: 0 5px;
font-size: 13px;
color: #999999;
}
.breadcrumb-home {
content: "";
display: inline-block;
}
.breadcrumb-home a::before {
display: inline-block;
font-size: 18px;
position: relative;
top: 1px;
}
.breadcrumb-home__icon::before {
color: #3a7eb2 !important;
font-weight: bold !important;
font-size: 14px;
} .pagenation {
display: flex;
justify-content: space-between;
padding: 12px;
background-color: #f5f5f5;
font-size: 14px;
margin-bottom: 80px;
}
.pagenation span,
.pagenation a {
padding: 6px 11px;
box-sizing: border-box;
border-radius: 2px;
font-weight: bold;
margin: 2px;
border: solid 1px;
}
.pagenation .pages {
border: none;
font-weight: normal;
}
.postcount {
display: flex;
justify-content: center;
align-items: center;
color: #666;
}
.current {
color: #fff;
}
.wp-pagenavi {
display: flex;
}
.pagination-number__current {
color: #fff;
}
.pagination-list {
display: flex;
justify-content: space-between;
padding: 12px;
background-color: #f5f5f5;
font-size: 14px;
margin-top: 60px;
}
.pagination-number {
display: inline-block;
}
.pagination-number__link,
.pagination-number__current {
width: 35px;
text-align: center;
padding: 6px 0;
box-sizing: border-box;
border-radius: 2px;
font-weight: bold;
border: solid 1px;
margin-left: 10px;
display: inline-block;
}
.pagination-number__link:first-child,
.pagination-number__current:first-child {
margin-left: 10px;
}
.pagination-number__link:hover {
color: #00a0e9;
}
.pagination-number__current {
background-color: #00a0e9;
color: #ffffff;
}
.pagination-number__prev {
width: 53px;
margin-right: 5px;
}
.pagination-number__link.pagination-number__next {
width: 53px;
margin-left: 15px;
}
.pagination-index__current {
display: none;
}
.pagination-santen {
display: inline-block;
margin-left: 10px;
} .jmap {
width: 660px;
height: 414px;
line-height: 1;
}
.jmap-inner {
width: 660px;
height: 464px;
margin-top: -30px;
position: relative;
}
.jmap-inner__image {
position: absolute;
left: 95px;
top: 5px;
}
.jmap .region.hokkaido {
position: absolute;
width: 68px;
right: 0;
top: 0;
}
.jmap .region.tohoku {
position: absolute;
width: 142px;
right: 0;
top: 81px;
}
.jmap .region.kanto {
position: absolute;
width: 142px;
right: 0;
top: 241px;
}
.jmap .region.koshinetsu {
position: absolute;
width: 142px;
right: 282px;
top: 0;
}
.jmap .region.tokai {
position: absolute;
width: 142px;
right: 154px;
top: 324px;
}
.jmap .region.kansai {
position: absolute;
width: 216px;
left: 0;
top: 0;
}
.jmap .region.chugoku {
position: absolute;
width: 216px;
left: 0;
top: 114px;
}
.jmap .region.shikoku {
position: absolute;
width: 142px;
right: 310px;
top: 324px;
}
.jmap .region.kyusyu {
position: absolute;
width: 142px;
left: 0;
top: 223px;
}
.jmap .region-name {
box-sizing: border-box;
width: 100%;
height: 24px;
padding: 6px 0;
border-radius: 2px;
background-color: #48942b;
color: #f7fbff;
font-size: 12px;
text-align: center;
}
.jmap .prefecture-list {
padding-top: 5px;
}
.jmap .prefecture-item {
display: inline-block;
}
.jmap .region.tohoku .prefecture-item:nth-child(even),
.jmap .region.kanto .prefecture-item:nth-child(even),
.jmap .region.koshinetsu .prefecture-item:nth-child(even),
.jmap .region.tokai .prefecture-item:nth-child(even),
.jmap .region.shikoku .prefecture-item:nth-child(even),
.jmap .region.kyusyu .prefecture-item:nth-child(even),
.jmap .region.kansai .prefecture-item:not(:nth-child(3n + 1)),
.jmap .region.chugoku .prefecture-item:not(:nth-child(3n + 1)) {
margin-left: 6px;
}
.jmap .region.kanto.sz .prefecture-item:nth-child(even) {
margin-left: 0;
}
.jmap .region.kanto.sz .prefecture-item:nth-child(2n + 3) {
margin-left: 6px;
}
.jmap .region.tohoku .prefecture-item:nth-child(n + 3),
.jmap .region.kanto .prefecture-item:nth-child(n + 3),
.jmap .region.koshinetsu .prefecture-item:nth-child(n + 3),
.jmap .region.tokai .prefecture-item:nth-child(n + 3),
.jmap .region.shikoku .prefecture-item:nth-child(n + 3),
.jmap .region.kyusyu .prefecture-item:nth-child(n + 3),
.jmap .region.kansai .prefecture-item:nth-child(n + 4),
.jmap .region.chugoku .prefecture-item:nth-child(n + 4) {
margin-top: 6px;
}
.jmap .prefecture-link {
display: block;
box-sizing: border-box;
width: 68px;
height: 28px;
padding: 7px 0;
border-radius: 2px;
border: 1px solid #dfdfdf;
background-color: #ffffff;
color: #5a5a5a;
font-size: 13px;
text-align: center;
text-decoration: none;
font-weight: bold;
}
.jmap .prefecture-link.tokyo,
.jmap .prefecture-link.tokyo_kugai {
height: 28px;
}
.jmap .prefecture-link.tokyo.sz {
width: 142px;
height: 28px;
}
.map-jmap-only {
display: none;
}
.jmap .map-jmap-only {
display: inline;
}
.jmap .prefecture-link:hover {
opacity: 0.8;
} .consultbox {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f5f5f5;
padding: 20px;
box-sizing: border-box;
}
.consultbox-tel {
padding-right: 20px;
border-right: solid 1px #dfdfdf;
width: 50%;
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.consultbox-tel__time {
font-weight: bold;
font-size: 13px;
}
.telnumber {
line-height: 1;
font-family: Helvetica, Arial;
}
.telnumber::before {
margin-right: 5px;
}
.consultbox-tel-num {
font-size: 33px;
font-weight: bold;
padding-right: 5px;
}
.consultbox-mail {
padding-left: 20px;
width: 50%;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding-bottom: 4px;
box-sizing: border-box;
}
.consultbox-mail__button {
width: 90%;
height: 56px;
font-size: 15px;
font-weight: bold;
margin-top: 8px;
color: #fff;
background: #f2f2f2;
border-radius: 4px;
}
.consultbox-affiliate__button {
padding: 16px 56px;
font-size: 15px;
font-weight: bold;
margin: 16px auto;
color: #fff;
background: #f2f2f2;
border-radius: 4px;
width: 100%;
text-align: center;
max-width: 400px;
display: block;
position: relative;
}
.consultbox-affiliate-with-tel__button {
width: auto;
}
.consultbox-affiliate__button:before {
content: "" !important;
display: block;
margin-left: 8px;
font-weight: bold;
font-size: 0;
width: 10px;
height: 10px;
top: 16px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
right: 15px;
transform: rotate(45deg);
}
.consultbox--bottomdetail .consultbox-affiliate__button:before {
top: 20px;
}
.officesideinfo-affiliate .consultbox-affiliate__button {
padding: 11px 0;
font-size: 16px;
}
.officearchive .officesideinfo-affiliate .consultbox-affiliate__button {
padding: 16px 56px;
font-size: 16px;
}
.officearchive .officesideinfo-affiliate .consultbox-affiliate__button:after {
content: "" !important;
display: block;
margin-left: 8px;
font-weight: bold;
font-size: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
right: 15px;
transform: rotate(45deg);
width: 10px;
height: 10px;
top: 21px;
}
.officesideinfo-affiliate .consultboxspinline-tel__button {
max-width: 300px;
margin: 16px auto;
margin-right: 4px;
}
.consultbox-affiliate {
margin: auto;
display: grid;
padding: 36px 0;
}
.consultbox-affiliate-with-tel {
margin: auto;
display: flex;
padding: 36px 0;
}
.consultbox-mail__button:hover {
opacity: 0.8;
cursor: pointer;
}
.consultbox-tel-title,
.consultbox-mail-title {
width: 100%;
text-align: center;
font-weight: bold;
} .search__title {
border-bottom: 2px solid #000;
margin-bottom: 30px !important;
}
.searchbox-inside {
position: relative;
}
.searchbox-inside__button {
position: absolute;
background-color: #f2f2f2;
border-radius: 4px;
top: 3px;
right: 5px;
width: 44px;
height: 36px;
border-style: none;
color: #7e7e7e;
margin: 0 0 0 20px;
font-weight: bold;
}
.searchbox-inside__button:hover {
cursor: pointer;
opacity: 0.8;
}
.searchbox-inside__text {
width: 300px;
}
@media screen and (max-width: 768px) {
input.searchbox-inside__text {
font-size: 16px;
}
}
.searchbox-inside {
width: 250px;
}
.search-content {
width: 100%;
}
.notfound-title {
margin: 20px 0;
}
.notfound-map {
margin: 20px 0;
}
.searchresult_searchform {
margin-top: 15px;
} .map {
position: relative;
height: 518px;
}
.map-bottom__link {
display: inline-block;
padding: 15px 0;
width: 290px;
border-radius: 4px;
border: 1px solid #56bb33;
box-shadow: 0 4px 0 0 #56bb33;
text-align: center;
color: #56bb33;
font-weight: bold;
position: relative;
}
.map-bottom__link::after {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 11px;
position: absolute;
right: 20px;
left: auto;
top: auto;
transform: translateY(25%);
}
.map .jmap {
position: absolute;
right: 0;
top: 75px;
}
.mapSearch {
margin: 32px 0;
} .mapSearch-wrapper {
display: flex;
}
.mapSearch-map{
width: 75%;
}
.jmap-title__title {
margin-top: 30px;
text-align: center;
font-size: 28px;
font-weight: bold;
color: #111;
}
.map .jmap.jmap__mapSearch {
left: 0;
margin: 16px 0;
}
.jmap__mapSearch .jmap .region-name {
box-sizing: border-box;
width: 100%;
height: 18px;
padding: 3px;
border-radius: 0;
color: #f7fbff;
font-size: 12px;
text-align: center;
}
.jmap__mapSearch .region.kansai {
top: 12px;
}
.jmap__mapSearch .region.koshinetsu {
top: 12px;
}
.jmap__mapSearch .region.kyusyu {
top: 215px;
}
.jmap__mapSearch .region.hokkaido {
top: 12px;
}
.jmap__mapSearch .region.kanto {
top: 215px;
}
.jmap__mapSearch .region.shikoku {
top: 275px;
right: 308px;
}
.jmap__mapSearch .region.tokai {
top: 275px;
right: 158px;
}
.jmap__mapSearch .jmap-inner__image {
position: absolute;
left: 151px;
top: 36px;
}
.jmap-inner__image .jmap-inner__image__mapSearch {
left: 140px;
top: 45px;
}
.mapSearch-heading {
width: auto;
text-align: left;
vertical-align: middle;
font-weight: bold;
color: #333333;
border-left-style: solid;
border-left-width: 6px;
padding: 0 9px 0 17px;
box-sizing: border-box;
margin: 40px 0 13px 0;
font-size: 20px;
line-height: 1.4;
}
.mapSearch-specialtiesList {
padding: 0;
margin: 0;
list-style: none;
}
.mapSearch-specialtiesList-li {
position: relative;
margin: 8px 4px;
padding: 0 0 0 8px;
font-weight: bold;
color: #333;
}
.mapSearch-specialtiesList-a {
color: #333;
}
.mapSearch .mapSearch-specialtiesList-li::before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 0;
height: 0;
border-top: 5px solid transparent !important;
border-bottom: 5px solid transparent !important;
border-right: 5px solid transparent !important;
border-left: 5px solid #333;
content: "";
}
.mapSearch .jmap .region.tohoku .prefecture-item:nth-child(n + 3),
.mapSearch .jmap .region.kanto .prefecture-item:nth-child(n + 3),
.mapSearch .jmap .region.koshinetsu .prefecture-item:nth-child(n + 3),
.mapSearch .jmap .region.tokai .prefecture-item:nth-child(n + 3),
.mapSearch .jmap .region.shikoku .prefecture-item:nth-child(n + 3),
.mapSearch .jmap .region.kyusyu .prefecture-item:nth-child(n + 3),
.mapSearch .jmap .region.kansai .prefecture-item:nth-child(n + 4),
.mapSearch .jmap .region.chugoku .prefecture-item:nth-child(n + 4) {
margin-top: 2px;
} .sz-main-vidual {
position: relative;
margin: 0 calc((100vw - 100%) / -2);
padding: 0 calc((100vw - 100%) / 2);
overflow: hidden;
height: 400px;
}
.sz-main-vidual-content {
position: absolute;
left: 50%;
top: 60%;
width: 100%;
z-index: 1;
transform: translate(-50%, -50%);
text-align: center;
background: rgba(45, 45, 45, 0.3);
padding: 100%;
}
.sz-main-vidual-content__top_text {
color: #fff;
font-size: 18px;
font-weight: bold;
}
.sz-main-vidual-content__text {
font-size: 40px;
color: #fff;
font-weight: bold;
}
.sz-main-vidual-content__subtext {
font-size: 24px;
color: #fff;
}
.sz-main-vidual__image {
height: 100%;
width: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
position: absolute;
width: auto;
height: auto;
top: 50%;
left: 50%;
min-height: 100%;
min-width: 100%;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.sz-main-vidual .cross_search-specialties-select,
.sz-main-vidual .cross_search-prefectures-prefecture-select {
background: #fff;
width: 340px;
}
.sz-main-vidual .cross_search-specialties,
.sz-main-vidual .cross_search-prefectures {
background: #fff;
width: 342px;
}
.sz-main-vidual .cross_search__submit {
width: 110px;
} .campaign-content--ad {
display: block !important;
}
.campaign-content-image--ad {
display: inline-block !important;
min-width: 0 !important;
max-width: none !important;
height: auto !important;
border: none !important;
}
.campaign-content-detail--ad {
margin-top: 4px;
}
.businesshour--ad {
text-align: center;
}
.campaign-content-detail-pr__text--ad {
text-align: center;
}
.campaign-detailbutton--ad {
text-align: center;
}
.campaign-detailbutton--ad::before {
display: none;
}
.campaign-ad-tel {
display: block;
text-align: center;
margin: 16px 0;
}
.campaign-ad-tel-title {
width: 100%;
text-align: center;
font-weight: bold;
}
.campaign-ad-tel-num {
font-size: 33px;
font-weight: bold;
padding-right: 5px;
}
.consultbox-tel__time {
font-weight: bold;
font-size: 13px;
} input::placeholder,
textarea::placeholder {
font-weight: 500;
color: #999;
}
textarea::placeholder {
line-height: 1.5;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.spacing-1 {
letter-spacing: -1em;
}
.spacing-normal {
letter-spacing: normal;
}
.hidden {
display: none;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.width-320px-only {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.bold {
font-weight: bold;
}
.dot::before {
width: 10px;
height: 10px;
content: "";
position: absolute;
border-radius: 13px;
left: -20px;
top: 6px;
}
.dot {
position: relative;
margin-left: 20px;
}
.dotgray::before {
width: 10px;
height: 10px;
content: "";
position: absolute;
border-radius: 13px;
left: -20px;
top: 0;
bottom: 0;
margin-top: 7px;
background: #dfdfdf;
}
.dotgray {
position: relative;
margin-left: 21px;
display: block;
}
.after-arrow {
position: relative;
}
.after-arrow::after {
content: "";
box-sizing: border-box;
vertical-align: middle;
width: 9px;
height: 9px;
top: 50%;
right: 175px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
-webkit-transform: rotate(45deg);
transform: translateY(-50%) rotate(45deg);
position: absolute;
} header {
margin: 0 calc((100vw - 100%) / 2 * -1);
padding: 0;
}
.header-border {
height: 6px;
border: none;
margin: 0;
}
.header-top {
width: 1000px;
position: relative;
padding: 28px 0 0 0;
margin: 0 auto 20px;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.header-top-search {
position: absolute;
right: 310px;
bottom: 0;
}
.header-top__button {
width: 284px;
margin: 0;
height: 50px;
}
.header-top__icon {
width: 16px;
height: 17px;
vertical-align: bottom;
margin-right: 8px;
}
.header-top-logo-a__img {
height: 52px;
width: auto;
}
.header-top-logo-a__img--rks {
height: 50px;
}
.header-top-logo-a {
display: inline-block;
} .header-navigation {
width: 1000px;
background-color: #ffffff;
border-top: none;
margin: 0 auto 18px;
}
.header-navigation-ul {
margin: 0 auto;
width: 1000px;
padding-left: 0;
display: flex;
justify-content: space-between;
}
.header-navigation-ul-li:first-child {
border-left: 1px solid #999999;
}
.header-navigation-ul-li {
border-right: 1px solid #999999;
list-style: none;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.header-navigation-ul-li__a {
font-size: 14px;
font-weight: bold;
color: #333333;
width: auto;
display: block;
align-items: center;
}
.header-navigation-ul-li__text {
vertical-align: top;
padding-left: 5px;
}
.header-navigation-ul-li__image {
display: inline-block;
vertical-align: middle;
width: 16px;
height: auto;
max-height: 20px;
} footer {
background-color: #f5f5f5;
margin: 40px calc((100vw - 100%) / -2) 0;
padding-top: 80px;
border-top: solid 2px #dfdfdf;
clear: both;
}
.post-footer-sticky {
display: none;
width: 100%;
box-sizing: border-box;
text-align: center;
background-color: #fff;
padding: 6px 0;
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
box-shadow: 0 0 4px 2px #dfdfdf;
justify-content: center;
padding: 5px 5px 9px 5px;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
header,
footer {
margin-right: 0;
margin-left: 0;
}
}
.footer-top {
display: block;
width: 1000px;
margin: 0 auto;
}
.footer-top__logo {
display: inline-block;
}
.footer-top__logo__img {
height: 52px;
width: auto;
}
.footer-top__logo__img--rks {
height: 50px;
}
.footer-top-sns {
display: inline-block;
vertical-align: top;
margin: 10px 0 0 35px;
}
.footer-office-button::before {
display: inline-block;
font-family: "icomoon" !important;
content: "\e925" !important;
font-size: 18px;
width: 21px;
height: 22px;
position: relative;
right: 15px;
top: 0;
}
.footer-office-button {
font-size: 18px;
text-align: center;
color: #f5f5f5;
border-radius: 4px;
box-shadow: 0 4px 0 0;
padding: 20px 0;
margin: 0 auto;
}
.footer-office-button:link {
color: #fff;
font-weight: bold;
}
.footer-search {
display: block;
font-size: 0;
font-weight: bold;
position: relative;
min-height: 237px;
width: 1000px;
padding-bottom: 80px;
margin: 45px auto 0;
}
.footer-search__title {
font-weight: bold;
font-size: 16px;
margin-bottom: 10px;
color: #444444;
}
.footer-search-map {
display: inline-block;
width: 500px;
}
.footer-search-consult,
.footer-search-category {
display: inline-block;
width: 250px;
vertical-align: top;
}
.footer-search-category,
.footer-search-consult-detail {
font-size: 12px;
line-height: 1.5;
}
.footer-search-map-region__link {
padding-bottom: 6px;
}
.footer-search-category-li {
padding: 3px 0;
}
.footer-search-map-region {
display: list-item;
list-style: none;
}
.footer-search-map-region__region {
display: inline-block;
width: 100px;
font-weight: bold;
font-size: 13px;
color: #444444;
vertical-align: top;
}
.footer-search-map-region__link {
display: inline-block;
}
.footer-search-map-region__link:after {
content: "";
height: 80%;
border-left: 2px solid #c7c7c7;
margin: 0 4px;
}
.footer-search-map-region__link--br::after {
display: none;
}
.footer-search-map-region__link:last-child:after {
content: none;
}
.footer-search-map-region__linkarray {
display: inline-block;
list-style: none;
font-size: 14px;
}
.footer-search-consult-detail__link {
display: inline-block;
box-sizing: border-box;
width: 100px;
padding: 2px 0;
}
.footer-search-category-cafev2 {
display: inline-block;
vertical-align: top;
}
.footer-search-consult-detail__link:nth-child(even) {
margin-left: 10px;
}
.footer-bottom {
margin:50px 0 30px;
}
.footer-site_menu {
display: inline-block;
width: 400px;
font-size: 12px;
vertical-align: top;
}
.footer-site_about {
display: inline-block;
width: 500px;
font-size: 12px;
margin-left: 100px;
}
@media screen and (max-width: 768px) {
.footer-site_about {
width: auto;
margin-top: 25px;
margin-left: 0;
}
.footer-info__text {
word-break: normal;
}
}
.footer-relation_site {
display: inline-block;
width: 400px;
margin-top: 50px;
}
.footer-info {
width: 500px;
padding: 36px 0;
}
.footer-info__text {
display: inline-block;
font-size: 14px;
font-weight: bold;
padding: 3px 0;
}
.footer-info__text:after {
content: "|";
padding: 0 3px;
}
.footer-info__text:last-child:after {
content: none;
}
.footer-externallink {
display: inline-block;
width: 500px;
vertical-align: top;
margin: 50px 0 0 100px;
}
.footer-externallink-cafebanner {
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-externallink-cafebanner__title {
width: 110px;
}
.footer-externallink-cafebanner-cafelist {
font-size: 14px;
}
.footer-externallink-cafebanner-banner {
display: inline-block;
width: 500px;
}
.footer-externallink-banner__img {
height: auto;
}
.footer-externallink-cafebanner-banner__text {
line-height: 0;
display: inline-block;
margin-right: 28px;
}
.footer-externallink-cafebanner-banner__text:last-child {
margin-right: 0px;
}
.footer-bottom-sns {
position: relative;
margin: 0 auto;
width: 1000px;
font-size: 0;
}
.footer-bottom-sns-link {
position: absolute;
right: 0;
bottom: 8px;
}
.footer-bottom-sns-link + .footer-bottom-sns-link {
right: 70px;
}
.footer-bottom-sns-link + .footer-bottom-sns-link + .footer-bottom-sns-link{
right: 140px;
}
.footer-last {
color: #fff;
background-color: #444;
text-align: center;
display: table;
width: 100%;
padding: 10px 0;
}
.footer-last_copyrigit {
display: table-cell;
font-style: normal;
font-size: 12px;
font-weight: bold;
}
.footersns {
clear: both;
font-size: 0;
width: 276px;
margin: auto;
}
.footersns-item {
font-size: 12px;
display: inline-block;
margin: 0 10px 10px 0;
text-align: center;
vertical-align: top;
}
.footersns-item__link {
display: block;
width: 50px;
height: 28px;
line-height: 28px;
color: #fff;
font-size: 11px;
}
.footersns-item__link:hover {
opacity: 0.8;
}
.footersns-item-facebook__link {
background: #305097;
}
.footersns-item-twitter__link {
background: #0dacf6;
}
.footersns-item-hatebu__link {
background: #008fde;
}
.footersns-item-pocket__link {
background: #ef4056;
}
#pagetop {
position: fixed;
right: 20px;
bottom: -100px;
z-index: 999;
}
.pagetop-link {
display: block;
color: #fff;
background-color: #ccc;
height: 54px;
width: 54px;
border-radius: 4px;
position: relative;
opacity: 0.8;
}
.pagetop-link:hover {
opacity: 0.6;
}
.pagetop-link:before {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 30px;
position: absolute;
top: 50%;
left: 50%;
margin: auto;
transform: translateX(-50%) translateY(-50%) rotate(270deg);
} .auto_ad {
}
.auto_ad--breadcrumb_bottom {
margin: 0 auto;
max-width: 100%;
}
.post-footer-sticky--auto_ad {
padding: 0;
max-height: 20vh;
}
@media screen and (min-width: 768px) {
.auto_ad--breadcrumb_bottom {
width: 1000px;
}
} .side-sticky { position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: relative;
top: auto;
width: 317px;
}
@media screen and (max-width: 768px) {
.side-sticky {
width: auto;
}
}
.side .widget {
margin-top: 30px;
} .side .side-sticky .widget {
margin-top: 16px;
}
.side > *:first-child .widget:first-child,
.side > .widget:first-child {
margin-top: 0px;
}
.businesshour {
font-weight: bold;
}
.businesshour__time {
font-size: 14px;
}
.businesshour__time--time {
font-family: Helvetica, Arial;
}
.side-search-form {
padding: 8px;
}
.side-search-form__title {
padding: 0 0 8px;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: bold;
}
.side-search-form__form {
text-align: center;
}
.side-search-form__form .searchbox-inside {
width: 100%;
}
.side-search-form__form input[type="search"] {
border-radius: 0;
} .banner-item-inner {
z-index: 100;
width: 490px;
height: 100%;
position: absolute;
font-weight: bold;
text-align: center;
color: #ffffff;
background: rgba(45, 45, 45, 0.3);
} .office-cross-search {
margin-top: 40px;
padding: 30px 25px 12px;
border: 3px solid #eee;
}
.office-cross-search__title {
padding: 0 0 20px 40px;
border-bottom: 2px solid #dfdfdf;
position: relative;
color: #333;
font-weight: bold;
font-size: 22px;
}
.office-cross-search__title::before {
position: absolute;
left: 5px;
top: -2px;
font-family: "icomoon" !important;
content: "\e925" !important;
font-size: 27px;
}
.office-cross-search__title::after {
content: "";
height: 2px;
width: 20%;
position: absolute;
bottom: -2px;
left: 0;
}
.cross_search {
margin: 20px 0;
font-size: 0;
}
.cross_search-prefectures,
.cross_search-specialties {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 200px;
border-radius: 4px;
border: 1px solid #dfdfdf;
}
.cross_search-specialties {
margin-left: 35px;
position: relative;
width: 220px;
}
.cross_search-specialties::before {
position: absolute;
left: -25px;
top: 0;
bottom: 0;
margin: auto 0;
height: 25px;
font-family: "icomoon" !important;
content: "\ea0f" !important;
font-size: 13px;
}
.cross_search-specialties--cross_white::before {
color: #fff;
}
.cross_search-prefectures-prefecture {
position: relative;
}
.cross_search-prefectures-prefecture-select,
.cross_search-specialties-select,
.cross_search-prefectures-city-select {
padding: 0 10px;
vertical-align: top;
width: 198px;
height: 56px;
border-radius: 4px 4px 0 0;
background-color: #f5f5f5;
color: #666;
font-weight: bold;
font-size: 16px;
}
.cross_search-specialties-select {
width: 218px;
}
.cross_search-prefectures-prefecture-select.white,
.cross_search-specialties-select.white,
.cross_search-prefectures-city-select.white {
background-color: #fff;
}
.cross_search-prefectures-prefecture-select:hover,
.cross_search-specialties-select:hover,
.cross_search-prefectures-city-select:hover {
cursor: pointer;
}
.cross_search-prefectures-prefecture-select {
border-radius: 4px;
}
.cross_search-specialties-select {
border-radius: 4px;
}
.cross_search-specialties-select--small {
font-size: 14px;
}
.cross_search-prefectures-city-select {
padding: 0 10px;
display: inline-block;
width: 100%;
border-radius: 4px;
border: 1px solid #dfdfdf;
}
.cross_search-prefectures-prefecture::after,
.cross_search-prefectures-city::after,
.cross_search-specialties::after {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 15px;
position: absolute;
right: 12px;
top: 0;
bottom: 0;
margin: auto 0;
height: 20px;
transform: rotate(90deg);
color: #4a4a4a;
pointer-events: none;
}
.cross_search-prefectures-city::after {
right: 23px;
}
.cross_search-prefectures-city {
padding: 10px;
position: relative;
display: none;
align-content: center;
}
.cross_search__submit {
margin-left: 15px;
padding: 15px 0 17px;
vertical-align: top;
box-sizing: border-box;
display: inline-block;
width: 110px;
height: 52px;
border-radius: 4px;
box-shadow: 0 3px 0 0 #bababa;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 18px;
}
.cross_search__submit:hover {
opacity: 0.8;
cursor: pointer;
}
.main-vidual .cross_search-prefectures-city-select.white {
width: 320px;
}
.main-vidual .cross_search-specialties-select,
.main-vidual .cross_search-prefectures-prefecture-select {
width: 340px;
}
.main-vidual .cross_search-specialties,
.main-vidual .cross_search-prefectures {
background: #fff;
width: 342px;
}
.main-vidual .cross_search-prefectures-city-select {
width: 100%;
}
.main-vidual .cross_search-specialties-select,
.main-vidual .cross_search-prefectures-prefecture-select {
background: #fff;
width: 340px;
}
.main-vidual .cross_search-specialties,
.main-vidual .cross_search-prefectures {
background: #fff;
width: 342px;
}
.main-vidual .cross_search__submit {
width: 110px;
}
.header-top .cross_search {
margin: 0;
position: relative;
top: -8px;
height: 43px;
overflow: hidden;
}
.header-top .cross_search-prefectures,
.header-top .cross_search-specialties {
box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.16);
border: none;
}
.header-top .cross_search-prefectures {
width: auto;
border-radius: 4px 0 0 4px;
border-right: 1px solid #dfdfdf;
}
.header-top .cross_search-specialties,
.header-top .cross_search-prefectures-city-select {
width: 196px;
}
.header-top .cross_search-specialties-select,
.header-top .cross_search-prefectures-city-select {
padding: 0 8px;
}
.header-top .cross_search-prefectures-city {
display: none;
}
.header-top .cross_search-prefectures-prefecture {
border-bottom: none;
}
.header-top .cross_search-prefectures-prefecture-select,
.header-top .cross_search-specialties-select {
height: 40px;
background-color: #ededed;
font-size: 14px;
}
.header-top .cross_search-prefectures-prefecture-select {
width: 148px;
border-radius: 4px 0 0 4px;
}
.header-top .cross_search-specialties {
margin-left: 0;
border-left: none;
border-radius: 0;
}
.header-top .cross_search-specialties::before {
display: none;
}
.header-top .cross_search-specialties-select {
border-radius: 0;
}
.header-top .cross_search__submit {
position: relative;
margin-left: 0;
padding: 11px 0;
width: 118px;
height: 40px;
border-radius: 0 4px 4px 0;
font-size: 14px;
}
.header-top .cross_search__submit::before {
font-family: "icomoon" !important;
content: "\e925" !important;
position: relative;
left: -2px;
top: 1px;
}
.header-top .cross_search__submit--ssb {
width: 188px;
}
.cross_search-button__text--header,
.header-top .cross_search-button__text {
display: none;
}
.header-top .cross_search-button__text--header {
display: inline-block;
} .sz-pflist-title,
.sz-pflistsp-title,
.sz-splist-title,
.sz-splistsp-title {
border-left-style: solid;
border-left-width: 4px;
font-size: 18px;
font-weight: bold;
text-align: left;
vertical-align: middle;
box-sizing: border-box;
color: #333333;
padding: 8px 15px;
margin: 20px 0;
}
.sz-pflist-content {
padding: 0 15px;
}
.sz-pflist-content-item {
display: flex;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
.sz-pflist-content-item-sz-pflistsp {
width: 100px;
margin: 1px 0;
}
.sz-pflist-content-item-ul-li::after {
content: "";
border-right: solid 2px #ccc;
height: 10px;
display: inline-block;
color: #3a7eb2;
margin: 0 8px;
}
.sz-pflist-content-item-ul-li:last-child::after {
display: none;
}
.sz-pflist-content-item-ul {
display: flex;
}
.sz-splist {
font-size: 15px;
font-weight: bold;
}
.sz-splist-content-ul {
display: flex;
flex-wrap: wrap;
}
.sz-splist-content-ul-li {
width: calc(100% / 3 - 5px);
box-sizing: border-box;
margin: 3px 0 0 5px;
}
.sz-splist-content-ul-li-a::before {
font-family: "icomoon" !important;
content: "\e905" !important;
font-size: 10px;
position: relative;
top: -1px;
margin-right: 8px;
} .city_list__title {
border-left-style: solid;
border-left-width: 4px;
font-size: 18px;
font-weight: bold;
text-align: left;
vertical-align: middle;
box-sizing: border-box;
color: #030303;
padding: 8px 15px;
margin: 20px 0;
}
.city_list-ul-li {
margin: 3px 0;
display: inline-block;
width: calc(100% / 3);
box-sizing: border-box;
font-weight: bold;
}
.city_list-ul-li__link {
box-sizing: border-box;
height: 55px;
}
.city_list-ul-li__link::before {
font-family: "icomoon" !important;
content: "\e905" !important;
font-size: 10px;
position: relative;
top: -1px;
margin-right: 8px;
}
.office-cross-search-bottom {
margin-bottom: 8px;
}
.office-cross-search-bottom__more {
position: relative;
top: -1.3em;
text-align: center;
cursor: pointer;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
}
.office-cross-search-bottom__more span {
position: relative;
display: inline-block;
padding: 2px 28px 2px 1em;
font-size: 16px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0%, #fff 1em, #fff 90%, rgba(255, 255, 255, 0.5) 100%);
z-index: 2;
}
.office-cross-search-bottom__more::after {
position: relative;
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 14px;
display: inline-block;
margin: auto 0 auto -1.4em;
transform: rotate(90deg);
pointer-events: none;
z-index: 2;
} .cross_search-widget {
margin-bottom: 50px;
padding: 25px;
padding-bottom: 0;
border: 3px solid #eee;
}
.cross_search-widget-title {
padding: 0 0 20px 35px;
position: relative;
border-bottom: 2px solid #dfdfdf;
font-size: 22px;
font-weight: bold;
}
.cross_search-widget-title::before {
font-family: "icomoon" !important;
content: "\e925" !important;
font-size: 24px;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
}
.cross_search-widget-title::after {
content: "";
position: absolute;
left: 0;
bottom: -2.5px;
height: 2px;
width: 20%;
} .narrow-search {
margin-top: 10px;
}
.narrow-search-row {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
height: 62px;
border: 1px solid #dfdfdf;
border-radius: 4px;
background-color: #fcfcfc;
}
@media screen and (max-width: 374px) {
.narrow-search-row {
height: 42px;
}
}
.narrow-search-row:nth-child(n+2) {
margin-top: 8px;
}
.narrow-search-row::before {
font-family: "icomoon" !important;
position: absolute;
transform: translateY(-50%);
top: 50%;
}
.narrow-search-row::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 8px;
box-sizing: border-box;
padding: 3px 0 1px 2px;
width: 20px;
text-align: center;
font-family: "icomoon" !important;
content: "\e904" !important;
border-radius: 50%;
color: #fff;
font-size: 11px;
pointer-events: none;
}
.narrow-search-row--prefecture::before {
content: "\e94d" !important;
left: 10px;
font-size: 24px;
}
.narrow-search-row--city::before {
content: "\e914" !important;
left: 14px;
font-size: 22px;
}
.narrow-search-row--specialty::before {
content: "\e94e" !important;
left: 10px;
font-size: 26px;
}
.narrow-search-row__title {
padding: 5px 8px 5px 44px;
font-size: 14px;
font-weight: bold;
}
.narrow-search-value {
padding: 5px 0 5px 8px;
flex: 1;
font-size: 15px;
}
.narrow-search-value--specialty:not(.narrow-search-value--default) {
font-size: 14px;
}
.narrow-search-value--default {
color: #ccc;
}
.narrow-search-modals {
display: none;
position: fixed;
top: 0;
left: calc(-50vw + 500px);
width: 100vw;
height: 100%;
background-color: rgba(0, 0, 0, 0.64);
z-index: 1000;
}
.narrow-search-modal {
display: none;
position: absolute;
width: 100%;
}
.narrow-search-modal__body {
max-height: calc(100vh - 48px);
overflow-y: scroll;
}
.narrow-search__button {
padding-right: 34px;
height: 100%;
background-color: transparent;
font-size: 14px;
}
.narrow-search__button:hover {
cursor: pointer;
}
.narrow-search__close-button {
position: absolute;
top: 10px;
right: 16px;
padding: 4px 2px 3px 18px;
width: 15vw;
min-width: 56px;
text-align: center;
font-size: 10px;
font-weight: bold;
background-color: #fff;
color: #000;
border-radius: 4px;
}
.narrow-search__close-button:hover {
cursor: pointer;
}
.narrow-search__close-button-span {
position: absolute;
top: 2px;
left: 6px;
line-height: 1;
font-size: 16px;
}
@media screen and (max-width: 374px) {
.narrow-search-row::after {
right: 6px;
padding: 2px 0 0px 1px;
width: 18px;
height: 18px;
}
.narrow-search-row__title,
.narrow-search-value--specialty:not(.narrow-search-value--default),
.narrow-search-value,
.narrow-search__button {
font-size: 12px;
}
.narrow-search__button {
padding-right: 30px;
}
.narrow-search-row__title {
padding: 5px 4px 5px 38px;
}
.narrow-search-value {
padding-left: 4px;
}
.narrow-search-row--prefecture::before {
left: 8px;
font-size: 22px;
}
.narrow-search-row--city::before {
left: 12px;
font-size: 20px;
}
.narrow-search-row--specialty::before {
left: 8px;
font-size: 24px;
}
} .narrow-search-modal__head {
padding: 12px 16px 12px 20px;
}
.narrow-search-modal__title {
color: #fff;
font-size: 16px;
font-weight: bold;
}
.narrow-search-modal-table:last-child {
padding-bottom: 114px;
}
.narrow-search-modal-table-head {
padding: 12px 20px;
background-color: #f5f5f5;
font-size: 16px;
font-weight: bold;
}
.narrow-search-modal-table-body {
background-color: #fff;
font-size: 0;
}
.narrow-search-modal-table__item {
display: inline-block;
width: 100%;
min-height: 42px;
vertical-align: top;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.narrow-search-modal-table__item--city {
width: calc(100% / 2);
}
.narrow-search-modal-table__item--prefecture {
width: calc(100% / 3);
}
.narrow-search-modal-table__item--city:nth-child(2n) {
border-left: 1px solid #ddd;
width: calc(100% / 2 - 1px);
}
.narrow-search-modal-table__item--prefecture:nth-child(3n),
.narrow-search-modal-table__item--prefecture:nth-child(3n+2) {
border-left: 1px solid #ddd;
width: calc(100% / 3 - 1px);
}
.narrow-search-modal-table__item--city:nth-child(n+3),
.narrow-search-modal-table__item--prefecture:nth-child(n+4) {
border-top: none;
}
.narrow-search-modal-table__item--no-boder:last-child {
border-left: none;
}
.narrow-search-modal-table__item--specialty:nth-child(n+2) {
border-top: none;
}
.narrow-search-modal-table__link {
display: inline-block;
box-sizing: border-box;
width: 100%;
padding: 10px 20px 10px 16px;
text-align: center;
color: #333;
font-size: 15px;
}
.narrow-search-modal-table__link--selected {
font-weight: bold;
} .footer-only-menu-li {
padding: 3px 0;
display: inline-block;
font-weight: bold;
}
.footer-only-menu-li::after {
content: "|";
padding: 0 3px;
}
.footer-only-menu-li:last-child::after {
display: none;
} .lightboxOverlay {
left: calc(-50vw + 500px) !important;
}
.disclose-pr {
margin-left: auto;
margin-top: 4px !important;
font-size: 16px;
display: block;
text-align: center;
height: auto;
line-height: 1;
border-style: solid;
border-width: 1px;
color: #FFFFFF;
font-weight: bold;
padding: 8px 0;
border-radius: 20px;
width: 40px;
}
.disclose_pr+.wppost {
margin-top: 10px;
}
.disclose_PR_quote_text {
border: solid 2px #ccc;
border-radius: 7px;
font-size: 12px;
padding: 8px;
background-color: #f9f9f9;
}
.wppost .disclose_PR_quote_text p{
margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
.lightboxOverlay {
left: 0 !important;
}
} @media screen and (max-width: 767px) {
.main .widget > * {
margin-top: 30px;
} .banner {
margin: 0;
margin-top: 30px;
padding: 0;
width: 100%;
background-color: #ffffff;
}
.banner-item-inner {
width: 100%;
}
.banner-item {
display: inline-block;
width: 490px;
height: 240px;
background-color: #555;
position: relative;
margin-right: 15px;
}
.banner-item:last-child {
margin-right: 0;
}
.banner-item__image {
z-index: 5;
width: 490px;
height: 240px;
position: absolute;
object-fit: cover;
}
.banner-item__subtext {
margin-top: 40px;
font-size: 16px;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}
.banner-item__title {
margin-top: 22px;
font-size: 22px;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}
.banner-item__button {
display: flex;
width: 178px;
color: #ffffff;
border-radius: 4px;
border: solid 1px #ffffff;
padding: 7px 15px;
height: 25px;
justify-content: center;
align-items: center;
margin: 10px auto 0;
font-size: 16px;
} body {
width: 95%;
padding: 0 2.5%;
background: #fff;
}
header,
footer,
.footer-info,
.footer-externallink {
margin: 0 -2.5%;
padding: 0 2.5%;
} .main {
display: block;
width: 100%;
}
.side {
display: block;
width: 100%;
padding-left: 0px;
margin-top: 40px;
}
.content {
display: block;
} .beforecenter::before {
text-align: center;
}
.aftercenter::after {
text-align: center;
} input::placeholder,
textarea::placeholder {
font-size: 13px;
} .businesshour {
display: flex;
justify-content: center;
font-size: 16px;
align-items: center;
font-weight: bold;
margin-bottom: 5px;
}
@media screen and (max-width: 374px) {
.businesshour {
font-size: 15px;
}
}
.businesshour__time {
font-size: 13px;
} .breadcrumb {
line-height: 1.5em;
background: #f6f6f6;
padding: 10px 10px;
margin: 0 calc(((100vw - 100%) / 2) * -1);
}
.breadcrumb-list {
width: 100%;
}
.breadcrumb-list {
width: 100%;
} .pagenation {
padding: 10px 10px;
}
.pagenation:first-child {
padding-top: 0;
}
.pagenation:last-child {
padding-bottom: 0;
}
.pagination-list {
margin-top: 40px;
display: block;
text-align: center;
padding: 0;
background-color: transparent;
}
.pagination-link {
margin-top: 20px;
}
.pagination-number__index {
display: none;
}
.pagination-index__current {
font-weight: bold;
font-size: 18px;
display: inline-block;
margin: 0 10px;
}
.pagination-number__prev,
.pagination-number__link {
width: 50px !important;
margin-right: 0px;
}
.pagination-number__link:first-child,
.pagination-number__current:first-child {
margin-left: 0;
}
.pagination-number__link,
.pagination-number__current {
padding: 3px 9px;
background-color: #fff;
}
.pagination-number__link.pagination-number__next {
margin-left: 0;
} .map {
width: 100%;
}
.map-outer {
background-image: none;
padding: 0 calc((100vw - 100%) / 2);
margin: 0 calc((100vw - 100%) / -2);
}
.region-name {
background: #fff;
padding-left: 20px;
font-weight: bold;
color: #444;
vertical-align: middle;
line-height: 55px;
position: relative;
border-bottom: solid 1px #dfdfdf;
}
.region-name::before {
width: 21px;
height: 21px;
-webkit-border-radius: 50%;
border-radius: 50%;
content: "";
position: absolute;
right: 25px;
top: 14px;
}
.region-name::after {
width: 6px;
height: 6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
content: "";
position: absolute;
right: 32px;
top: 19px;
}
.region-name.active::after {
width: 6px;
height: 6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
content: "";
position: absolute;
right: 32px;
top: 22px;
}
.region {
margin: 0 calc((100vw - 100%) / -2);
}
.prefecture-list {
display: flex;
flex-wrap: wrap;
background: #f5f5f5;
padding: 10px 20px;
}
.prefecture-item {
width: 50%;
box-sizing: border-box;
padding: 5px 2.5px;
}
.prefecture-link {
display: flex;
justify-content: center;
align-items: center;
border: solid 1px #dfdfdf;
width: calc(100% - 5px);
height: 46px;
border-radius: 4px;
box-shadow: 0 4px 0 0 #cccccc;
background: #fff;
font-weight: bold;
color: #333;
font-size: 14px;
} .sz-main-vidual {
position: relative;
margin: 0 calc((100vw - 100%) / -2);
padding: 0 calc((100vw - 100%) / 2);
overflow: hidden;
height: 450px;
}
.sz-main-vidual {
height: 600px;
}
.sz-main-vidual-content {
width: 90%;
top: 60%;
}
.sz-main-vidual-content--szz {
top: 62%;
}
.sz-main-vidual-content--ctb {
width: 90%;
}
.sz-main-vidual-content--kmb {
background: none;
}
.sz-main-vidual .cross_search-specialties-select,
.sz-main-vidual .cross_search-prefectures-prefecture-select {
width: 100%;
}
.sz-main-vidual .cross_search-specialties,
.sz-main-vidual .cross_search-prefectures {
background: #fff;
width: 100%;
}
.sz-main-vidual .cross_search {
display: block;
width: auto;
}
.sz-main-vidual .cross_search__submit {
width: 100%;
}
.sz-main-vidual-content__text {
font-size: 27px;
}
.sz-main-vidual-content__text--ctb {
margin-top: 10px;
font-size: 40px;
line-height: 1.2;
}
@media screen and (max-width: 374px) {
.sz-main-vidual-content__text {
font-size: 26px;
}
}
.sz-main-vidual-content__subtext {
font-size: 16px;
}
.sz-main-vidual-content__subtext--ctb {
margin-top: 15px;
line-height: 1.9;
font-size: 14px;
}
.sz-main-vidual-content__link {
margin-top: 15px;
position: relative;
height: 66px;
}
.sz-main-vidual-content__link::before {
font-family: "icomoon" !important;
content: "\e904" !important;
position: absolute;
right: 20px;
top: 23px;
font-size: 14px;
font-weight: normal;
} .banner-item {
display: block;
width: 100%;
position: relative;
overflow: hidden;
margin: 0 auto 11px;
}
.banner-item:last-child {
margin-right: auto;
}
.banner-item__button {
margin-top: 30px;
padding: 6px 0;
height: auto;
}
.banner-item__title {
font-size: 3.5vw;
}
.banner-item__image {
width: 100%;
} .consultboxspinline {
display: flex;
justify-content: space-between;
width: 100%;
}
.consultboxspinline-tel,
.consultboxspinline-mail {
width: 49%;
}
.consultboxspinline__text--archivebox {
font-size: 12px;
margin-top: 21px;
margin-bottom: 30px;
}
.consultboxspinline-tel__button,
.consultboxspinline-mail__button {
width: 100%;
height: 41px;
line-height: 1.3;
font-size: 14px;
margin-top: 16px;
}
.consultboxspinline-mail__button:hover {
opacity: 0.8;
cursor: pointer;
}
.consultbox--bottomdetail {
padding: 20px;
margin: 0 2.5% 20px;
}
.consultboxspinline-mail__button {
color: #fff;
border-radius: 4px;
font-weight: bold;
}
.consultboxsp {
text-align: center;
background-color: #fbfaf8;
}
.consultboxsp-tel__button,
.consultboxsp-mail__button {
width: 100%;
height: 50px;
font-size: 14px;
background-color: #dfdfdf;
color: #fff;
}
.consultboxsp-mail__button {
font-weight: bold;
border-radius: 4px;
box-shadow: 0 4px 0 0 #bababa;
}
.consultboxsp-mail__button:hover {
opacity: 0.8;
cursor: pointer;
}
.consultboxsp-tel__button {
margin-bottom: 10px;
margin-right: 5px;
}
.consultboxsp-mail__button::before {
font-family: "icomoon" !important;
content: "\e912" !important;
padding-right: 10px;
font-weight: 100;
}
.consultboxsp-tel__button::before {
font-family: "icomoon" !important;
content: "\e92c" !important;
color: #fff;
font-size: 12px;
position: relative;
right: 10px;
}
.consultbox-affiliate__button {
max-width: 300px;
padding: 12px 0;
} .spmap {
color: #fff;
padding: 0;
}
.spmap__title {
font-size: 14px !important;
height: 48px !important;
display: flex;
align-items: center;
color: #fff !important;
margin: 0 calc((100vw - 100%) / -2) !important;
font-weight: bold;
padding: 0 20px !important;
border: none !important;
}
.spmap__titleh1 {
border-left: none;
margin-top: -25px;
}
.spmap-image {
position: relative;
margin: 0 calc((100vw - 100%) / -2);
height: 230px;
}
.spmap-image--rks {
height: 600px;
}
.spmap-image__image {
width: 100%;
height: 100%;
vertical-align: middle;
object-fit: cover;
}
.spmap-image-texts {
display: inline-block;
height: 100%;
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background: rgba(45, 45, 45, 0.3);
}
.spmap-image-texts__title {
display: block;
font-size: 25px;
font-weight: bold;
top: 20%;
position: absolute;
left: 0;
right: 0;
}
.spmap-image-texts__text {
display: block;
font-size: 13px;
position: absolute;
top: 60%;
right: 0;
left: 0;
}
.spmap__button {
font-size: 18px;
padding: 20px 0;
margin: 30px auto;
}
.spmap__buttonB {
display: block;
box-sizing: border-box;
width: 100%;
margin: 20px 0;
text-align: center;
}
.spmap__buttonB:hover {
transform: none;
}  #hamburger {
width: 50px;
height: 40px;
position: absolute;
right: 0px;
top: 6px;
padding: 12px 8px 3px 10px;
z-index: 11;
}
#hamburger:hover {
cursor: pointer;
}
#hamburger span {
width: 40px;
height: 2px;
position: absolute;
transition: width 0.2s, right 0.2s, left 0.2s;
}
#hamburger .top {
transform: translateY(-17px);
right: 15px;
top: 30px;
}
#hamburger .middle {
transform: translateY(0px);
display: block;
position: relative;
right: -3px;
top: 10px;
}
#hamburger .middle::before,
#hamburger .middle::after {
display: block;
content: "";
width: 40px;
height: 2px;
position: absolute;
transform: rotate(0deg);
transition: all 0.2s;
}
#hamburger .bottom {
transform: translateY(17px);
right: 15px;
top: 15px;
}
#hamburger.active .top {
left: 100%;
width: 0px;
background-color: #fff;
}
#hamburger.active .middle::before {
width: 30px;
background-color: #fff;
transform: translateX(5px) rotate(135deg);
}
#hamburger.active .middle::after {
width: 30px;
background-color: #fff;
transform: translateX(5px) rotate(45deg);
}
#hamburger.active .bottom {
right: 100%;
width: 0px;
background-color: #fff;
}
.home-nav-sp {
width: 100vw;
z-index: 101;
}
.home-nav-sp-top__button::before {
color: #fff;
margin-right: 10px;
}
.home-nav-sp__text {
width: 40px;
font-size: 9px;
font-weight: bold;
text-align: center;
color: #444;
position: absolute;
top: 44px;
right: 14px;
z-index: 12;
}
.home-sidebar {
margin-top: 40px;
}
.home-sidebar .widget {
margin-bottom: 40px;
}
#home-nav-sp {
display: none;
width: 100%;
box-sizing: border-box;
position: absolute;
top: 61px;
left: 0;
box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.5);
padding: 10px 10px 20px;
z-index: 101;
}
#home-nav-sp .searchbox {
display: block;
}
#home-nav-sp input[type="search"] {
height: 60px;
width: 100%;
font-size: 16px;
}
#home-nav-sp .searchbox-inside {
width: 100%;
}
#home-nav-sp .searchbox-inside__button {
top: 7px;
box-shadow: 0 2px 0 0 #7c7c7c;
background-color: #f6f6f6;
border: solid 1px #dfdfdf;
}
#home-nav-sp input[type="submit"] {
height: 46px;
}
.sp-header-menu a {
color: #444;
}
.sp-header-menu {
margin-top: 10px;
margin-bottom: 10px;
}
#home-nav-sp ul {
border-radius: 4px;
background-color: #ffffff;
}
#home-nav-sp ul a {
display: block;
width: 100%;
box-sizing: border-box;
text-align: left;
box-shadow: inset 0 -1px 0 0 #dfdfdf;
position: relative;
padding: 16px 15px;
}
#home-nav-sp ul li:last-child a {
border-radius: 4px;
}
#home-nav-sp ul a::after {
color: #444;
position: absolute;
right: 20px;
bottom: 21px;
}
#home-nav-sp a:link {
font-weight: bold;
}
.header-border {
margin: 0 calc((100vw - 100%) / -2);
}
.header-nav-sp__link {
display: block;
font-size: 15px;
color: #fff;
position: relative;
margin-top: 20px;
}
.header-navigation-ul-li__image {
position: relative;
left: -10px;
}
#home-nav-sp ul a {
padding-left: 30px;
}
.header-top {
width: 100%;
margin-top: 9px;
margin-bottom: 10px;
padding: 0;
padding-top: 5px !important;
display: flex;
justify-content: space-between;
}
.header-top-logo-a__img {
width: 230px;
height: auto;
}
.header-top-logo-a__img--rks {
width: 175px;
} footer {
width: 100%;
margin: 0 calc(((100vw - 100%) / 2) * -1);
padding: 0 calc(((100vw - 100%) / 2) * 1);
background-color: #f5f5f5;
border-top: 2px solid #dfdfdf;
margin-top: 45px;
}
.footer-office-button {
width: 100%;
}
.footer-top-sns {
margin-top: 19px;
}
.footer-externallink-cafebanner {
width: 100%;
}
.footer-last {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
padding-left: calc(50vw - 50%);
padding-right: calc(50vw - 50%);
}
.footer-top__button {
width: 100%;
height: 64px;
line-height: 64px;
vertical-align: middle;
}
.footer-top__logo {
width: 100%;
text-align: center;
}
.footer-top__logo__img {
width: 80%;
max-width: 256px;
height: auto;
background-color: #f5f5f5;
}
.footer-top-sns {
width: 100%;
margin: 20px auto 0 auto;
}
.footersns {
text-align: center;
margin-bottom: 0;
}
.footersns-item {
margin-bottom: 0;
}
.footer-relation_site,
.footer-site_menu {
width: auto;
margin: 25px 0 0 0;
}
.footer-site_menu {
margin-top: 25px;
}
.footer__menu {
font-size: 16px;
font-weight: bold;
text-align: left;
color: #444444;
margin: 17px 0 6px;
}
.footer-info,
.footer-externallink {
width: auto;
background: none;
border: none;
}
.footer-top {
width: 100%;
margin-top: 41px;
}
.footer-info {
width: auto;
margin-top: 0;
text-align: left;
}
.footer-info__text a {
color: #3a7eb2;
}
.footer-info__ul {
word-break: keep-all;
}
.footer-search {
width: 100%;
padding-bottom: 0;
min-height: 70px;
margin-top: 20px;
}
.footer-search__button {
display: block;
font-size: 18px;
padding: 18px 0;
}
footer .hatebu-box {
margin-bottom: 25px;
}
.footer-externallink-cafebanner {
display: block;
}
.footer-externallink-cafebanner-cafelist {
width: 100%;
}
.footer-externallink-cafebanner-banner {
display: block;
width: 100%;
margin: 25px auto 0;
max-width: 87%;
}
.footer-externallink-cafebanner-banner__text {
display: block;
margin: 0 auto 18px;
width: 100%;
height: auto;
max-height: 108px;
text-align: center;
}
.footer-externallink-banner__img {
width: 100%;
max-height: 108px;
object-fit: contain;
}
.footer-externallink-cafebanner-banner__img {
width: 100%;
height: auto;
}
.footer-externallink-cafebanner-cafelist__text {
width: auto;
} .sticky-contact {
display: none;
width: 100%;
box-sizing: border-box;
text-align: center;
background-color: #fff;
padding: 5px 5px 9px 5px;
position: fixed;
bottom: 0;
left: 0;
z-index: 999;
box-shadow: 0 0 4px 2px #dfdfdf;
justify-content: center;
}
.post-footer-sticky > :first-child > a {
width: 95vw;
} .post-footer-sticky > section > a > p {
display: inline-block;
}
.post-footer-sticky > :nth-last-child(2) > a,
.post-footer-sticky > :nth-last-child(2) ~ :last-child > a {
width: 47.5vw;
}
.sticky-contact-tel,
.sticky-contact-search,
.sticky-contact-anything {
display: flex;
align-items: center;
justify-content: center;
height: 54px;
box-sizing: border-box;
line-height: 1.1;
border-radius: 4px;
box-shadow: 0 4px 0 0;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #ffffff;
min-width: 47.5vw;
}
.sticky-contact-anything__image {
height: 31px;
width: 31px;
}
@media screen and (max-width: 374px) {
.sticky-contact-anything__text {
font-size: 13px;
}
}
.sticky-contact-tel {
padding-left: 20px;
}
.sticky-contact-mail {
display: inline-block;
height: 54px;
box-sizing: border-box;
line-height: 1.1;
border-radius: 4px;
box-shadow: 0 4px 0 0;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #ffffff;
min-width: 47.5vw;
padding-left: 26px;
}
.sticky-contact-mail:hover {
opacity: 0.8;
cursor: pointer;
}
.sticky-contact-mail-span {
display: inline-block;
position: relative;
text-align: left;
}
.sticky-contact-tel,
.sticky-contact-mail {
line-height: 1.3;
}
.sticky-contact-tel-affiliate {
margin-right: 4px;
}
.sticky-contact-tel--wide {
width: 97.5%;
}
.sticky-contact-tel__text {
position: relative;
}
.sticky-contact-tel__text,
.sticky-contact-mail-span {
font-size: 16px;
}
.sticky-contact-affiliate{
display: flex;
width: 100%;
}
.sticky-contact-affiliate__button {
padding: 16px 0;
width: 100%;
font-size: 15px;
font-weight: bold;
margin: 0 auto;
color: #fff;
background: #f2f2f2;
border-radius: 4px;
text-align: center;
}
.sticky-contact-affiliate__button::after {
content: "" !important;
display: block;
margin-left: 8px;
font-weight: bold;
font-size: 0;
width: 10px;
height: 10px;
top: 26px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
right: 15px;
transform: rotate(45deg);
}
.widget_sp_anything_sticky_button,
.widget_lawyer_search_button {
vertical-align: bottom;
}
.sticky-contact-anything {
background-color: #f6f6f6;
color: #7d6c50;
}
.post-footer-sticky section:nth-child(2),
.sticky-contact form:nth-child(2) {
margin-left: 1vw;
}
.sticky-dummy {
display: block;
height: 66px;
} .office-cross-search {
border: none;
margin: 0 -2.5%;
padding: 0 2.5%;
}
.office-cross-search-sp {
margin: 0 -2.5%;
padding: 1px 2.5%;
background-color: #f5f5f5;
}
.office-cross-search__zonkoku-button {
margin: 20px 0;
display: block;
text-align: center;
}
.cross_search {
text-align: center;
}
.cross_search-prefectures,
.cross_search-specialties {
width: 95%;
}
.cross_search-prefectures-prefecture-select,
.cross_search-specialties-select,
.cross_search-prefectures-city-select {
padding: 0 26px;
width: 100%;
height: 60px;
}
.cross_search-specialties {
margin-top: 30px;
margin-left: 0;
}
.cross_search-specialties::before {
left: 0;
right: 0;
top: -90px;
bottom: 0;
margin: auto;
height: 21px;
font-size: 12px;
}
.cross_search__submit {
margin: 25px 0 0;
width: 95%;
height: 60px;
} .city_list__title {
margin-left: 10px;
}
.city_list-ul {
margin: 0 calc(-50vw + 50%);
background-color: #fff;
}
.city_list-ul-li {
display: block;
width: auto;
}
.city_list-ul-li__link {
position: relative;
display: block;
border-bottom: 1px solid #dedede;
color: #444;
padding: 15px 20px;
}
.city_list-ul-li__link::before {
display: none;
}
.city_list-ul-li__link::after {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 12px;
font-weight: normal;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
} .cross_search-widget {
margin: 0;
margin-bottom: 40px;
padding: 0;
border: none;
}
.cross_search-widget-title {
border-bottom: none;
}
.cross_search-widget-title::before,
.cross_search-widget-title::after {
display: none;
}
.main-vidual .cross_search-specialties-select,
.main-vidual .cross_search-prefectures-prefecture-select {
width: 100%;
}
.main-vidual .cross_search-specialties,
.main-vidual .cross_search-prefectures {
background: #fff;
width: 100%;
}
.main-vidual .cross_search {
display: block;
width: auto;
}
.main-vidual .cross_search__submit {
width: 100%;
} .sz-splistsp-ul {
background: #f5f5f5;
margin: 0 calc((100vw - 100%) / -2) 0;
padding: 0 calc((100vw - 100%) / 2);
}
.sz-splistsp-ul-li {
font-weight: bold;
color: #444;
vertical-align: middle;
position: relative;
background: #fff;
margin: 0 calc((100vw - 100%) / -2);
border-bottom: solid 1px #dfdfdf;
font-size: 15px;
}
.sz-splistsp-ul-li-a {
padding: 15px 20px;
box-sizing: border-box;
display: inline-block;
width: 100%;
height: 100%;
color: #444;
position: relative;
}
.sz-splistsp-ul-li-a::after {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 12px;
font-weight: normal;
position: absolute;
right: 20px;
}
.sz-pflist-title,
.sz-pflistsp-title,
.sz-splist-title,
.sz-splistsp-title {
margin: 20px 0 15px;
} .narrow-search-modals {
left: 0;
}
.campaign-ad-tel-num {
font-size: 24px;
}
.campaign-ad-tel__button {
width: 100%;
line-height: 1.3;
font-size: 18px;
margin: 32px 0;
padding: 20px 0;
}
.campaign-ad-tel__button::before {
font-family: "icomoon" !important;
content: "\e92c" !important;
color: #fff;
font-size: 12px;
position: relative;
right: 10px;
}
.officesideinfo-affiliate .consultbox-affiliate__button {
font-size: 13px;
}
.officesideinfo-affiliate .consultbox-affiliate__button:after {
content: "" !important;
display: block;
margin-left: 8px;
font-weight: bold;
font-size: 0;
width: 8px;
height: 8px;
top: 15px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
right: 15px;
transform: rotate(45deg);
}
.consultbox-affiliate__button:before {
width: 8px;
height: 8px;
top: 16px;
}
.consultbox-affiliate-with-tel {
margin: auto;
display: block;
padding: 0;
}
.consultbox-affiliate-with-tel .consultbox-affiliate__button {
max-width: none;
padding: 13px 0;
height: 24px;
}
}

@font-face {
font-family: "icomoon";
src: url(//zeimo.jp/wp-content/themes/cafe-v2/css/cafe-icon/fonts/icomoon.eot);
src: url(//zeimo.jp/wp-content/themes/cafe-v2/css/cafe-icon/fonts/icomoon.eot#iefix)
format("embedded-opentype"),
url(//zeimo.jp/wp-content/themes/cafe-v2/css/cafe-icon/fonts/icomoon.ttf) format("truetype"),
url(//zeimo.jp/wp-content/themes/cafe-v2/css/cafe-icon/fonts/icomoon.woff) format("woff"),
url(//zeimo.jp/wp-content/themes/cafe-v2/css/cafe-icon/fonts/icomoon.svg#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="icon-"],
[class*=" icon-"] { font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .officearchivebox-title__button2::before {
font-family: "icomoon" !important;
content: "\e913" !important;
font-size: 15px;
margin-right: 7px;
}
.officearchivebox-title__button::before {
font-family: "icomoon" !important;
content: "\e913" !important;
font-size: 13px;
margin-right: 9px;
}
.officeentry-tel__num::before {
font-family: "icomoon" !important;
content: "\e92c" !important;
color: #fff;
display: inline-block;
width: 20px;
border-radius: 4px;
height: 20px;
font-size: 13px;
position: relative;
top: -2px;
left: 0;
font-weight: 100;
padding: 4px;
box-sizing: border-box;
margin-right: 10px;
}
.pr1-content-tabs-tabcontent-item-text__tel::before {
font-family: "icomoon" !important;
content: "\e92c" !important;
color: #fff;
display: inline-block;
width: 17px;
height: 17px;
border-radius: 2px;
font-size: 11px;
position: relative;
top: -4px;
left: -4px;
font-weight: 100;
}
.pr1-content-tabs-select__item::after {
font-family: "icomoon" !important;
content: "\e901" !important;
color: #fff;
font-size: 12px;
position: relative;
top: -2px;
left: -9px;
}
.inyou-question,
.inyou-quotation {
background-color: #fbfaf8;
border: 1px solid #ddd;
font-size: 15px;
padding: 20px 75px;
position: relative;
margin-bottom: 50px;
}
.inyou-question::before,
.inyou-quotation::before {
font-family: "icomoon" !important;
content: "\e92b" !important;
font-size: 20px;
color: #dddddd;
display: inline-block;
width: 40px;
height: 40px;
vertical-align: middle;
position: absolute;
left: 23px;
top: 10px;
}
.inyou-question::after,
.inyou-quotation::after {
font-family: "icomoon" !important;
content: "\e934" !important;
font-size: 20px;
color: #dddddd;
display: inline-block;
width: 40px;
height: 40px;
vertical-align: middle;
position: absolute;
bottom: 0;
right: 10px;
}
.inyou-quote-book {
background-color: #fbfaf8;
border: 1px solid #ddd;
font-size: 15px;
padding: 20px 20px 20px 75px;
position: relative;
margin-bottom: 50px;
}
.inyou-quote-book::before {
font-family: "icomoon" !important;
content: "\e932" !important;
position: absolute;
font-size: 35px;
vertical-align: middle;
left: 25px;
top: 10px;
color: #999999;
}
.inyou-quote-case {
background-color: #fbfaf8;
border: 1px solid #ddd;
font-size: 15px;
padding: 20px 20px 20px 75px;
position: relative;
margin-bottom: 50px;
}
.inyou-quote-case::before {
font-family: "icomoon" !important;
content: "\e933" !important;
position: absolute;
font-size: 35px;
vertical-align: middle;
left: 25px;
top: 10px;
color: #999999;
}
.inyou-quote-qa {
background-color: #fbfaf8;
border: 1px solid #ddd;
font-size: 15px;
padding: 20px 20px 20px 75px;
position: relative;
margin-bottom: 50px;
}
.inyou-quote-qa::before {
font-family: "icomoon" !important;
content: "\e935" !important;
position: absolute;
font-size: 30px;
vertical-align: middle;
left: 28px;
top: 10px;
color: #999999;
}
.inyou-quote-qa::after {
font-family: "icomoon" !important;
content: "\e915" !important;
position: absolute;
font-size: 35px;
vertical-align: middle;
left: 25px;
top: 10px;
color: #999999;
}
.inyou-quote-qa::after {
font-family: "icomoon" !important;
content: "\e915" !important;
position: absolute;
font-size: 35px;
vertical-align: middle;
left: 25px;
top: 10px;
color: #999999;
}
@media screen and (max-width: 767px) {
.inyou-question,
.inyou-quotation {
padding-left: 40px;
padding-right: 40px;
}
.inyou-question::before,
.inyou-quotation::before {
left: 10px;
top: 5px;
}
.inyou-question::after,
.inyou-quotation::after {
bottom: -10px;
right: -10px;
}
.inyou-quote-qa,
.inyou-quote-case,
.inyou-quote-book {
padding-left: 60px;
}
.inyou-quote-qa::before {
left: 13px;
top: 7px;
}
.inyou-quote-qa::after {
left: 10px;
top: 6px;
}
.inyou-quote-case::before,
.inyou-quote-book::before {
left: 10px;
}
}
#calc__calculation-button::before {
font-family: "icomoon" !important;
content: "\e909" !important;
font-size: 21px;
font-weight: normal;
position: relative;
top: 4px;
left: -8px;
}
.arrow-normal-white-right::after {
font-family: "icomoon" !important;
content: "\e904" !important;
position: relative;
top: 2px;
left: 2px;
}
.bx-next,
.bx-prev {
top: 0;
position: relative;
}
.nexticon::before {
font-family: "icomoon" !important;
content: "\e900" !important;
font-size: 23px;
position: relative;
}
.tr-lawyer::before {
font-family: "icomoon" !important;
content: "\e911" !important;
font-size: 15px;
font-weight: 500;
padding-right: 10px;
position: relative;
top: 2px;
}
.tr-map::before {
font-family: "icomoon" !important;
content: "\e914" !important;
font-size: 15px;
font-weight: 500;
padding-right: 14px;
position: relative;
top: 2px;
}
.tr-address::before {
font-family: "icomoon" !important;
content: "\e907" !important;
font-size: 15px;
font-weight: 500;
padding-right: 12px;
position: relative;
top: 2px;
}
.tr-access::before {
font-family: "icomoon" !important;
content: "\e906" !important;
font-size: 15px;
font-weight: 500;
padding-right: 14px;
position: relative;
top: 2px;
}
.tr-url::before {
font-family: "icomoon" !important;
content: "\e91e" !important;
font-size: 14px;
font-weight: 500;
padding-right: 9px;
position: relative;
top: 2px;
}
.officedetailtable-data--address::before {
font-family: "icomoon" !important;
content: "\e907" !important;
padding-right: 10px;
font-size: 18px;
position: absolute;
transform: translateY(-50%);
top: 50%;
left: 11px;
}
.officedetailtable-data--address::before {
font-family: "icomoon" !important;
content: "\e906" !important;
padding-right: 10px;
font-size: 18px;
position: absolute;
transform: translateY(-50%);
top: 50%;
left: 11px;
}
.header-top__button::before {
font-family: "icomoon" !important;
content: "\e925" !important;
position: relative;
left: -6px;
top: -1px;
}
.footer-info__title::before {
font-family: "icomoon" !important;
content: "\e914" !important;
padding-right: 10px;
font-size: 22px;
}
@media screen and (max-width: 767px) {
.footer-info__title::before {
display: none;
}
}
.footer-search-category-title::before {
font-family: "icomoon" !important;
content: "\e927" !important;
padding-right: 10px;
font-size: 16px;
}
.pr2-title::before {
font-family: "icomoon" !important;
content: "\e911" !important;
font-size: 55px;
font-weight: 100;
color: #444;
}
.officesideinfo-businesshour__text::before {
font-family: "icomoon" !important;
content: "\e90a" !important;
margin-right: 10px;
}
.consultbox-mail__button::before {
font-family: "icomoon" !important;
content: "\e912" !important;
position: relative;
left: -3px;
font-size: 12px;
font-weight: 100;
top: 1px;
}
.officesideinfo-content-tel::before {
font-family: "icomoon" !important;
content: "\e92c" !important;
font-size: 14px;
border-radius: 4px;
color: #fff;
padding: 6px;
position: relative;
top: -5px;
font-weight: 100;
}
.consultbox-tel-num::before {
font-family: "icomoon" !important;
content: "\e92c" !important;
color: #fff;
display: inline-block;
width: 30px;
border-radius: 4px;
line-height: 30px;
font-size: 16px;
position: relative;
top: -6px;
left: -8px;
font-weight: 100;
text-align: center;
}
.tr-icon_access {
font-family: "icomoon" !important;
content: "\e906" !important;
padding-right: 10px;
font-size: 22px;
}
.officedetailtable-data--access::before {
font-family: "icomoon" !important;
content: "\e906" !important;
padding-right: 10px;
font-size: 18px;
position: absolute;
transform: translateY(-50%);
top: 50%;
left: 9px;
}
.officedetailtable-data--map:before {
font-family: "icomoon" !important;
content: "\e914" !important;
padding-right: 10px;
font-size: 18px;
position: absolute;
transform: translateY(-50%);
top: 50%;
left: 9px;
}
.officedetailtable-data--access p {
display: inline;
}
.officedetailtable-data--address:before {
font-family: "icomoon" !important;
content: "\e907" !important;
padding-right: 10px;
font-size: 18px;
position: absolute;
transform: translateY(-50%);
top: 50%;
left: 11px;
}
.tr-icon_address::before {
font-family: "icomoon" !important;
content: "\e907" !important;
padding-right: 10px;
font-size: 22px;
}
.consultbox-mail__button::before {
font-family: "icomoon" !important;
content: "\e912" !important;
}
.campaign-content-detail__telnum:before {
font-family: "icomoon" !important;
content: "\e92c" !important;
color: #fff;
display: inline-block;
width: 30px;
height: 30px;
box-sizing: border-box;
border-radius: 4px;
line-height: 24px;
font-size: 18px;
position: relative;
top: -6px;
right: 3px;
font-weight: 100;
padding: 3px 7px;
margin-right: 10px;
}
.campaign-detailbutton::before {
font-family: "icomoon" !important;
content: "\e913" !important;
font-size: 15px;
margin-right: 12px;
position: relative;
top: 2px;
}
@media screen and (max-width: 374px) {
.campaign-detailbutton::before {
font-size: 12px;
}
}
.footer-search-map-title::before {
font-family: "icomoon" !important;
content: "\e914" !important;
padding-right: 10px;
font-size: 16px;
}
.campaign-telbutton::before {
font-family: "icomoon" !important;
content: "\e92c" !important;
position: relative;
font-size: 12px;
right: 5px;
}
.officesideinfo-content__button::before {
font-family: "icomoon" !important;
content: "\e912" !important;
padding-right: 10px;
top: 2px;
position: relative;
font-size: 17px;
font-weight: 100;
}
.footer-search-consult-title::before {
font-family: "icomoon" !important;
content: "\e911" !important;
font-size: 13px;
padding-right: 10px;
font-size: 16px;
}
.column-content__button::after {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 11px;
position: absolute;
right: 20px;
transform: translateY(50%);
}
.category-content-item__link::after {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 11px;
position: relative;
left: 9px;
top: 0px;
}
.top-content__button::after {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 11px;
position: relative;
left: 9px;
top: 0px;
}
.office-button::before {
font-family: "icomoon" !important;
content: "\e925" !important;
font-size: 18px;
}
.top-title__icon::before {
font-family: "icomoon" !important;
content: "\e90b" !important;
font-size: 42px;
}
.categorylist__title::before {
font-family: "icomoon" !important;
content: "\e927" !important;
font-size: 15px;
font-weight: normal;
position: relative;
left: -8px;
top: 1px;
}
.sideprefecture__title::before {
font-family: "icomoon" !important;
content: "\e925" !important;
font-size: 14px;
font-weight: normal;
position: relative;
top: 1px;
left: -4px;
}
@media screen and (max-width: 767px) {
.sideprefecture__title::before {
display: none;
}
.column-content__button::after {
right: 15px;
transform: translateY(25%);
}
}
.sideofficesearch__title::before {
font-family: "icomoon" !important;
content: "\e925" !important;
font-size: 14px;
font-weight: normal;
position: relative;
left: -6px;
top: 1px;
}
.welcome-icon-scale::before {
font-family: "icomoon" !important;
content: "\e924" !important;
font-size: 18px;
position: relative;
font-weight: normal;
top: 1px;
left: -5px;
}
.welcome-icon-calculator::before {
font-family: "icomoon" !important;
content: "\e909" !important;
font-size: 18px;
font-weight: normal;
position: relative;
top: 1px;
left: -5px;
}
.welcome-icon-search::before {
font-family: "icomoon" !important;
content: "\e925" !important;
font-size: 18px;
font-weight: normal;
position: relative;
top: 1px;
left: -5px;
}
.breadcrumb-list-item::before {
font-family: "icomoon" !important;
content: "\e904" !important;
color: #666;
padding: 0 10px;
font-size: 9px;
color: #999999;
}
.checkmark::before {
font-family: "icomoon" !important;
content: "\e939";
}
.officecharacter__title::before {
font-family: "icomoon" !important;
content: "\e923" !important;
font-size: 40px;
font-weight: normal;
line-height: 0.8;
top: -2px;
right: 8px;
position: relative;
}
#rtf_download::before {
font-family: "icomoon" !important;
content: "\e947" !important;
font-size: 40px;
font-weight: normal;
line-height: 0.8;
top: -2px;
right: 8px;
position: relative;
}
#txt_download::before {
font-family: "icomoon" !important;
content: "\e948" !important;
font-size: 40px;
font-weight: normal;
line-height: 0.8;
top: -2px;
right: 8px;
position: relative;
}
@media screen and (max-width: 767px) {
.officecharacter__title::before {
font-size: 28px;
}
}
.welcome-content-item__text-search::before {
font-family: "icomoon" !important;
content: "\e925" !important;
position: absolute;
}
.welcome-content-item__title-calculator::before {
font-family: "icomoon" !important;
content: "\e909" !important;
position: absolute;
}
.welcome-content-item__title-scale::before {
font-family: "icomoon" !important;
content: "\e924" !important;
position: absolute;
}
.menu-image-title::after {
font-family: "icomoon" !important;
content: "\e904" !important;
position: absolute;
right: 20px;
bottom: 21px;
color: #444;
}
.toc_title::before {
font-family: "icomoon" !important;
content: "\e90c" !important;
margin-right: 10px;
position: relative;
top: 2px;
}
.icon-facebook:before {
content: "\ea90";
}
.icon-pocket:before {
content: "\e938";
}
.icon-check-circle:before {
content: "\e939";
}
.icon-hatena:before {
content: "\e936";
color: #fff;
}
.icon-feedly:before {
content: "\e937";
}
.icon-line {
position: relative;
}
.icon-line:before {
content: url(//zeimo.jp/wp-content/themes/cafe-v2/img/LINE_Brand_icon.png);
display: inline-block;
transform: scale(0.8);
position: absolute;
top: -6px;
left: -9px;
height: 0;
}
.icon-newspaper:before {
content: "\e921";
color: #7d6c50;
}
.icon-pencil:before {
content: "\e92a";
color: #999;
}
.icon-quote-begin:before {
content: "\e92b";
color: #ddd;
}
.icon-quote-book:before {
content: "\e932";
color: #999;
}
.icon-quote-case:before {
content: "\e933";
color: #999;
}
.icon-quote-end:before {
content: "\e934";
color: #ddd;
}
.icon-quote-question:before {
content: "\e935";
}
.icon-arrow-cricle-right:before {
content: "\e900";
}
.icon-angle-circle-down .path1:before {
content: "\e901";
}
.icon-angle-circle-down .path2:before {
content: "\e902";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-angle-down:before {
content: "\e903";
color: #fff;
}
.icon-angle-right:before {
content: "\e904";
color: #666;
}
.icon-arrow:before {
content: "\e905";
color: #aaa;
}
.icon-access:before {
content: "\e906";
}
.icon-address:before {
content: "\e907";
}
.icon-aid:before {
content: "\e908";
}
.icon-calculator:before {
content: "\e909";
color: #999;
top: 1px;
}
.icon-clock:before {
content: "\e90a";
margin-right: 5px;
}
.icon-cup:before {
content: "\e90b";
color: #aaa;
}
.icon-explain:before {
content: "\e90d";
color: #5a3f3f;
}
.icon-file:before {
content: "\e90e";
}
.icon-hand:before {
content: "\e90f";
}
.icon-heart:before {
content: "\e910";
}
.icon-lawyer:before {
content: "\e911";
}
.icon-mail:before {
content: "\e912";
}
.icon-man:before {
content: "\e913";
}
.icon-map:before {
content: "\e914";
}
.icon-nav-chat:before {
content: "\e915";
color: #777;
}
.icon-nav-cure:before {
content: "\e916";
color: #999;
}
.icon-nav-file .path1:before {
content: "\e917";
color: rgb(153, 153, 153);
opacity: 0.99;
}
.icon-nav-file .path2:before {
content: "\e918";
margin-left: -0.77734375em;
color: rgb(153, 153, 153);
opacity: 0.99;
}
.icon-nav-file .path3:before {
content: "\e919";
margin-left: -0.77734375em;
color: rgb(153, 153, 153);
opacity: 0.99;
}
.icon-nav-file .path4:before {
content: "\e91a";
margin-left: -0.77734375em;
color: rgb(153, 153, 153);
opacity: 0.99;
}
.icon-nav-file .path5:before {
content: "\e91b";
margin-left: -0.77734375em;
color: rgb(153, 153, 153);
opacity: 0.99;
}
.icon-nav-file .path6:before {
content: "\e91c";
margin-left: -0.77734375em;
color: rgb(153, 153, 153);
}
.icon-nav-flow:before {
content: "\e91d";
color: #999;
}
.icon-nav-home:before {
content: "\e91e";
color: #999;
}
.icon-nav-money:before {
content: "\e91f";
color: #b9b9b9;
}
.icon-nav-pie:before {
content: "\e920";
}
.icon-pin:before {
content: "\e922";
}
.icon-point:before {
content: "\e923";
}
.icon-scale:before {
content: "\e924";
color: #999;
top: 1px;
}
.icon-search:before {
content: "\e925";
position: relative;
top: 1px;
}
.icon-search-bold:before {
content: "\e926";
color: #fff;
}
.icon-tag:before {
content: "\e927";
color: #999;
}
.icon-tel-rectangle .path1:before {
content: "\e928";
}
.icon-tel-rectangle .path2:before {
content: "\e929";
margin-left: -1em;
}
.icon-tel:before {
content: "\e92c";
}
.icon-up .path1:before {
content: "\e92d";
color: rgb(255, 255, 255);
}
.icon-up .path2:before {
content: "\e92e";
margin-left: -2.1611328125em;
color: none;
}
.icon-up .path3:before {
content: "\e92f";
margin-left: -2.1611328125em;
color: rgb(243, 253, 240);
}
.icon-up .path4:before {
content: "\e930";
margin-left: -2.1611328125em;
color: none;
}
.icon-up .path5:before {
content: "\e931";
margin-left: -2.1611328125em;
}
.icon-googleplus:before {
content: "\ea8b";
}
.icon-facebook:before {
content: "\ea90";
}
.icon-twitter:before {
content: "\ea96";
}
.topicon-twitter:before {
content: "\ea96" !important;
font-family: "icomoon" !important;
position: relative;
position: relative;
top: 1px;
font-size: 15px;
color: #fff;
}
.topicon-googleplus:before {
content: "\ea8b" !important;
font-family: "icomoon" !important;
position: relative;
top: 1px;
font-size: 15px;
color: #fff;
}
.topicon-facebook:before {
content: "\ea90" !important;
font-family: "icomoon" !important;
position: relative;
top: 1px;
font-size: 15px;
color: #fff;
}
.topicon-twitter:before {
content: "\ea96" !important;
font-family: "icomoon" !important;
position: relative;
}
.topicon-hatena:before {
content: "\e936" !important;
font-family: "icomoon" !important;
color: #fff;
position: relative;
}
.topicon-pocket:before {
content: "\e938";
font-family: "icomoon" !important;
position: relative;
top: 1px;
font-size: 15px;
color: #fff;
}
.topicon-line:before {
content: url(//zeimo.jp/wp-content/themes/cafe-v2/img/LINE_Brand_icon.png);
display: inline-block;
transform: scale(0.6);
height: 0;
position: relative;
}
.welcome-content-item__link a:after {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 11px;
position: relative;
left: 15px;
top: 0px;
color: #3a7eb2;
}
a.welcome-content-item__link:after {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 11px;
position: relative;
left: 15px;
top: 0px;
color: #3a7eb2;
}
.icon-num-0::before {
content: "\e93c";
}
.icon-num-1::before {
content: "\e93d";
}
.icon-num-2::before {
content: "\e93e";
}
.icon-num-3::before {
content: "\e93f";
}
.icon-num-4::before {
content: "\e940";
}
.icon-num-5::before {
content: "\e941";
}
.icon-num-6::before {
content: "\e942";
}
.icon-num-7::before {
content: "\e943";
}
.icon-num-8::before {
content: "\e944";
}
.icon-num-9::before {
content: "\e945";
}
.icon-num-5::before {
content: "\e941";
}
.introduction-content-feature-numbox__num::before {
font-size: 24px;
position: relative;
left: -2px;
}
.archive-button::before {
font-family: "icomoon" !important;
content: "\e925" !important;
position: relative;
left: -15px;
top: -1px;
font-size: 20px;
line-height: 20px;
} @media screen and (max-width: 767px) {
.topicon-line:before {
transform: scale(0.7);
height: 26px;
}
#rtf_download::before {
font-family: "icomoon" !important;
content: "\e947" !important;
font-size: 24px;
right: 8px;
position: relative;
}
#txt_download::before {
font-family: "icomoon" !important;
content: "\e948" !important;
font-size: 24px;
position: relative;
}
.pr1-content-tabs-list::after {
font-family: "icomoon" !important;
content: "\e904" !important;
position: absolute;
font-size: 15px;
right: 15px;
top: 50%;
transform: translateY(-50%) rotateZ(90deg);
pointer-events: none;
}
.summary-table-data-mapbutton__button:after {
font-family: "icomoon" !important;
content: "\e922" !important;
font-size: 24px;
position: relative;
top: 3px;
}
.consultboxspinline-mail__button::before {
font-family: "icomoon" !important;
content: "\e912" !important;
font-weight: 100;
position: relative;
right: 10px;
top: 1px;
}
.sticky-contact-mail-span::before {
font-family: "icomoon" !important;
content: "\e912" !important;
color: #fff;
font-size: 20px;
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
font-weight: 100;
}
.sticky-contact-search::before {
font-family: "icomoon" !important;
content: "\e925" !important;
font-size: 29px;
font-weight: normal;
position: relative;
right: 10px;
margin: 0px;
float: none;
font-weight: bold;
}
.consultboxspinline-tel__button::before {
font-family: "icomoon" !important;
content: "\e92c" !important;
color: #fff;
font-size: 12px;
position: relative;
right: 10px;
}
.header-nav-sp__link::before {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 12px;
position: relative;
margin-right: 5px;
}
.sp-header-menu-blog {
padding-left: 20px !important;
}
.sp-header-menu-blog__span::before {
font-family: "icomoon" !important;
content: "\e92a" !important;
font-size: 15px;
font-weight: normal;
color: #bbb;
position: relative;
top: 1px;
padding-right: 15px;
}
.spmap__button::after {
font-family: "icomoon" !important;
content: "\e904" !important;
font-size: 15px;
font-weight: normal;
position: relative;
left: 15px;
top: 2px;
}
.sticky-contact-tel__text::before {
font-family: "icomoon" !important;
content: "\e92c" !important;
color: #fff;
position: absolute;
font-size: 20px;
left: -30px;
top: 50%;
transform: translateY(-50%);
}
.cross_search-button__text::before {
font-family: "icomoon" !important;
content: "\e925" !important;
position: relative;
top: 2px;
margin-right: 15px;
left: 8px;
}
.archive-button::before {
left: -2px;
font-size: 18px;
}
}
@media screen and (max-width: 374px) {
.sticky-contact-tel__text,
.sticky-contact-mail-span {
font-size: 15px;
}
.sticky-contact-mail-span::before {
font-size: 18px;
}
.consultboxspinline-mail__button::before {
font-size: 13px;
}
}
  .category-sidebar-link-item:not(:last-child) {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: solid 1px #dcdcdc;
}
.category-sidebar-link-item--disc {
list-style-type: disc;
margin-left: 20px;
}
.category-sidebar-link-item--indent {
margin-left: 20px;
}
.category-sidebar-link-item-detail__link {
font-weight: bold;
} .sidebanner1 {
position: relative;
height: auto;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sidebanner1__img {
width: 317px;
-o-object-fit: cover;
object-fit: cover;
}
.sidebanner1-content {
position: absolute;
top: 0;
width: 100%;
height: 207px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #555;
background: rgba(45, 45, 45, 0.3);
}
.sidebanner1-content__subtext {
font-size: 14px;
color: #fff;
margin-bottom: 19px;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
font-weight: bold;
}
.sidebanner1-content__title {
font-size: 23px;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 1;
margin-bottom: 28px;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}
.sidebanner1-content__button {
border: solid 1px #fff;
color: #fff;
margin: 0 auto;
width: 197px;
height: 40px;
opacity: 1;
}
.sidebanner1-content__link {
color: #fff;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sidebanner1-content__link:hover {
background: #fff;
color: #000;
} .sidebanner2-item {
position: relative;
height: 170px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.sidebanner2-item:nth-of-type(n + 2) {
margin-top: 20px;
}
.sidebanner2-content {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #555;
background: rgba(45, 45, 45, 0.3);
}
.sidebanner2__img {
width: 317px;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
-o-object-fit: cover;
object-fit: cover;
}
.sidebanner2__subtitle {
margin-bottom: 15px;
padding: 5px 15px;
background-color: #d23934;
font-size: 13px;
color: #fff;
font-weight: bold;
}
.sidebanner2__title {
margin-bottom: 10px;
font-size: 18px;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 1.2;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
}
.sidebanner2-link {
border: solid 1px #fff;
color: #fff;
margin: 0 auto;
width: 197px;
height: 40px;
opacity: 1;
}
.sidebanner2-bottom {
margin-top: 10px;
font-size: 13px;
} .sideprefecture__title {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
padding: 12px 20px;
background-color: #6a6a6a;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #ffffff;
}
.sideprefecture__content {
padding: 13px;
background: #f5f5f5;
}
.sideprefecture__left {
vertical-align: top;
display: inline-block;
width: 97px;
font-size: 13px;
font-weight: bold;
line-height: 1.3;
}
.sideprefecture__region {
line-height: 1;
}
.sideprefecture__region:not(:last-child) {
padding-bottom: 2px;
border-bottom: solid 1px #dfdfdf;
}
.sideprefecture__region:not(:first-child) {
padding-top: 7px;
}
.sideprefecture__prefecture-list {
display: inline-block;
width: 194px;
vertical-align: top;
}
.sideprefecture__prefecture-item {
display: inline-block;
margin-bottom: 5px;
}
.sideprefecture__prefecture-item:nth-last-child(n + 2)::after {
content: "";
margin: 3px 6px 0;
display: inline-block;
width: 1px;
height: 10px;
background-color: #666;
}
.sideprefecture__prefecture-link {
font-size: 13px;
font-weight: bold;
color: #3a7eb2;
} .widget_top_sns {
margin-bottom: 30px;
} .posttagarea + .widget_top_sns {
position: relative;
bottom: 40px;
margin-bottom: -40px;
}
.topsns-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.news .posttagarea {
margin-bottom: 40px;
}
.facebook-box,
.twitter-box,
.pocket-box,
.hatebu-box,
.line-box
{
color: #fff;
width: 60px;
text-align: center;
font-size: 12px;
line-height: 22px;
margin-right: 2px;
vertical-align: middle;
}
.topsns-content-item__link-facebook,
.topsns-content-item__link-pocket,
.topsns-content-item__link-hatena,
.topsns-content-item__link-twitter,
.topsns-content-item__link-line {
width: 100%;
height: 22px;
display: inline-block;
border-radius: 4px;
vertical-align: middle;
line-height: 22px !important;
}
.topsns-content-item__link-facebook:hover,
.topsns-content-item__link-pocket:hover,
.topsns-content-item__link-hatena:hover,
.topsns-content-item__link-twitter:hover,
.topsns-content-item__link-line {
opacity: 0.8;
}
.topsns-content-item {
border-radius: 3px;
}
.topsns-content-item__link-facebook {
background-color: #3b5998;
}
.topsns-content-item__link-pocket {
background-color: #ef4056;
}
.topsns-content-item__link-hatena {
background-color: #008fde;
}
.topsns-content-item__link-twitter {
background-color: #55acee;
}
.topsns-content-item__link-line {
background-color: #06c755;
} .snsbottom {
width: 100%;
padding-bottom: 27px;
border-top: solid 2px #cccccc;
border-bottom: solid 2px #cccccc;
}
.snsbottom-title {
font-weight: bold;
height: 72px;
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.snsbottom-content {
font-size: 0;
width: 660px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.snsbottom-content-item {
width: 155px;
height: 44px;
font-size: 14px;
color: #fff;
line-height: 44px;
margin-right: 13px;
margin-bottom: 13px;
}
.snsbottom-content-item:hover {
opacity: 0.8;
}
.snsbottom-content li:nth-child(4) {
margin-right: 0;
}
.snsbottom-content-item--facebook {
background-color: #315097;
-webkit-box-shadow: 0 4px 0 0 #203463;
box-shadow: 0 4px 0 0 #203463;
border-radius: 4px;
vertical-align: middle;
position: relative;
}
.snsbottom-content-item--pocket {
background-color: #ef4056;
-webkit-box-shadow: 0 4px 0 0 #d5263c;
box-shadow: 0 4px 0 0 #d5263c;
border-radius: 4px;
vertical-align: middle;
}
.snsbottom-content-item--hatena {
background-color: #3aa4de;
-webkit-box-shadow: 0 4px 0 0 #2c7fab;
box-shadow: 0 4px 0 0 #2c7fab;
border-radius: 4px;
vertical-align: middle;
}
.snsbottom-content-item--twitter {
background-color: #3795e1;
-webkit-box-shadow: 0 4px 0 0 #2a72ad;
box-shadow: 0 4px 0 0 #2a72ad;
border-radius: 4px;
vertical-align: middle;
}
.snsbottom-content-item--feedly {
background-color: #87bd32;
-webkit-box-shadow: 0 4px 0 0 #618723;
box-shadow: 0 4px 0 0 #618723;
border-radius: 4px;
vertical-align: middle;
}
.snsbottom-content-item--line {
background-color: #06c755;
-webkit-box-shadow: 0 4px 0 0 #059a3d;
box-shadow: 0 4px 0 0 #059A3D;
border-radius: 4px;
vertical-align: middle;
}
.snsbottom-content-item__link {
color: #fff;
width: 100%;
height: 100%;
display: inline-block;
padding-left: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.snsbottom-content-item__separater {
margin-right: 11px;
margin-left: 11px;
}
.snsbottom-content-item__separater--line {
margin-left: 27px;
} .series {
background-color: #fbfaf8;
border: solid 3px #dfdfdf;
padding: 25px;
margin: 0 0 50px;
}
.series__title {
font-size: 18px;
font-weight: bold;
color: #7d6c50;
border-bottom: solid 2px #dfdfdf;
margin-bottom: 18px;
padding-bottom: 16px;
}
.series__title::before {
font-family: "icomoon" !important;
content: "\e90d" !important;
position: relative;
left: -4px;
top: 0;
}
.main .widget_series_posts {
margin-bottom: 0;
}
.series-content {
position: relative;
}
.series-content__link--current {
font-weight: bold;
}
.series__nextlink {
font-size: 18px;
font-weight: bold;
position: relative;
left: 65px;
display: inline-block;
width: 600px;
margin-bottom: 45px;
margin-top: 50px;
}
.series__nextlink::before {
content: "次回";
width: 40px;
height: 26px;
font-size: 13px;
color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
position: absolute;
top: 0;
left: -65px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.series-content__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.series-content-link-title {
padding-left: 10px;
display: inline-block;
}
.series-content-link-num {
display: inline-block;
min-width: 52px;
}
.series__nextlink::after {
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 13px 0 13px 12px;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
left: -25px;
top: 0px;
position: absolute;
}
.readmore {
position: relative;
}
.readmore-button {
position: absolute;
z-index: 100;
width: 300px;
height: 51px;
background-color: #3c9893;
-webkit-box-shadow: 0 2px 2px 0 rgba(165, 165, 165, 0.5);
box-shadow: 0 2px 2px 0 rgba(165, 165, 165, 0.5);
color: #fff;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-weight: bold;
}
.readmore-button:hover {
cursor: pointer;
}
.readmore-hide {
position: relative;
overflow: hidden;
}
.readmore-hide.is-hide {
height: 30px;
}
.readmore-hide::before {
display: block;
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
height: 24px;
background: -webkit-gradient(linear, left bottom, left top, from(#fbfaf8), color-stop(69%, rgba(251, 250, 248, 0.6)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to top, #fbfaf8, rgba(251, 250, 248, 0.6) 69%, rgba(255, 255, 255, 0));
}
.is-show.readmore-hide::before {
display: none;
}  .postrelated {
border: solid 1px #dfdfdf;
border-top: none;
}
.theme-border-color.postrelated__title {
height: 67px;
background-color: #f5f5f5;
font-size: 18px;
color: #333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
border-top-style: solid;
border-top-width: 4px;
border-bottom: solid 1px #dfdfdf;
border-bottom-color: #dfdfdf !important;
border-bottom-style: solid;
border-bottom-width: 1px;
padding-left: 20px;
}
.postrelated-content {
padding: 16px;
}
.postrelated-content-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px;
padding-left: 0;
border-bottom: solid 1px #dfdfdf;
}
.postrelated-content-item__link {
width: 135px;
height: 90px;
display: inline-block;
min-width: 135px;
overflow: hidden;
position: relative;
}
.postrelated-content-item__image {
position: absolute;
width: auto;
height: auto;
top: 50%;
left: 50%;
min-height: 100%;
min-width: 100%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
.recommend-content-item__image {
position: static;
height: 100%;
width: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-webkit-transform: none;
transform: none;
}
}
.postrelated-content-item:last-child {
border: none;
}
.postrelated-content-item-detail {
padding: 0 10px;
}
.postrelated-content-item-detail__category {
border-style: solid;
border-width: 1px;
border-radius: 2px;
font-size: 12px;
padding: 1px 4px;
font-weight: bold;
}
.postrelated-content-item-detail__category:hover {
color: #fff;
}
.postrelated-content-item-detail__date {
color: #888888;
font-size: 13px;
}
.postrelated-content-item-detail__link {
font-weight: bold;
display: inline-block;
} .writer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.writer-image {
text-align: center;
width: auto;
height: auto;
margin-right: 15px;
}
.writer-image__image {
border-radius: 50%;
}
.writer-content {
width: calc(100% - 98px);
}
.writer-content-name {
margin-bottom: 10px;
}
.writer-content-name__title {
background-color: #f5f5f5;
color: #333333;
font-size: 13px;
padding: 3px 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin-right: 5px;
}
.writer-content-name__content {
font-size: 14px;
font-weight: bold;
}
.writer-content__profile {
color: #333;
font-size: 13px;
padding-right: 40px;
}
.writer-content__detail {
margin-top: 18px;
float: right;
position: relative;
font-size: 14px;
}
.writer-content__detail::before {
font-family: "icomoon" !important;
content: "\e904" !important;
padding-right: 5px;
font-size: 9px;
}
.writer-content__link {
vertical-align: super;
display: inline-block;
margin-left: 3px;
font-size: 14px;
}
.writer-content__link::before {
font-family: "icomoon" !important;
content: "\e904" !important;
padding-right: 5px;
font-size: 9px;
}
.writer-content__sns {
position: relative;
margin-top: 4px;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
}
.writer-content__sns--twitter {
background-color: #55acee;
}
.writer-content__sns--facebook {
margin-left: 4px;
background-color: #1877f2;
}
.writer-content__sns::before {
position: absolute;
font-family: "icomoon" !important;
margin: auto;
color: #fff;
font-size: 12px;
}
.writer-content__sns--twitter::before {
content: "\ea96" !important;
top: 3px;
left: 5px;
}
.writer-content__sns--facebook::before {
content: "\ea90" !important;
bottom: -4px;
right: 1px;
font-size: 14px;
}
.writer-content__n-posts {
padding: 0px 10px 10px 10px;
color: #888888;
}
.writer-wrapper {
margin-top: 50px;
padding: 10px;
border: 1px solid #e9e9e9;
}
.writer-wrapper--page_writer {
border-radius: 2px;
} .recommend__title {
font-weight: bold;
margin-bottom: 14px;
}
.recommend-content {
border: solid 3px #dfdfdf;
padding: 15px;
}
.recommend-content-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: solid 1px #dcdcdc;
line-height: 1.3;
padding-bottom: 17px;
margin-bottom: 17px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.recommend-content-item:last-child {
padding-bottom: 0;
border: none;
margin-bottom: 0;
}
.recommend-content-item-detail {
margin-left: 8px;
height: 70px;
}
.recommend-image {
width: 105px;
height: 85px;
position: relative;
background-color: #ffffff;
display: inline-block;
overflow: hidden;
}
.recommend-image__link {
position: relative;
}
.recommend-image__link:before {
display: inline-block;
content: "おすすめ";
font-size: 10px;
font-weight: bold;
color: #fff;
padding: 5px 10px;
position: absolute;
top: -3px;
left: -3px;
z-index: 1;
} .recommend-image__link.latest::before {
content: "NEW";
}
.recommend-content-item__image {
width: 105px;
display: block;
min-width: 105px;
height: auto;
min-width: 100%;
min-height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
.recommend-content-item__image {
position: static;
height: 100%;
width: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-webkit-transform: none;
transform: none;
}
} .recommend-content-item-detail__link {
font-weight: bold;
font-size: 14px;
vertical-align: top;
padding: 3px 0;
}
.recommend-content-item-detail__date {
font-size: 13px;
color: #888;
margin-top: 10px;
} .categorylist__title {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
padding: 12px 20px;
background-color: #6a6a6a;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #ffffff;
}
.categorylist-content {
background-color: #f5f5f5;
border-left: solid 1px #dcdcdc;
border-right: solid 1px #dcdcdc;
}
.categorylist-content-item {
font-weight: bold;
border-bottom: solid 1px #dcdcdc;
position: relative;
height: 43px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
}
.categorylist-content-item::after {
width: 4px;
height: 4px;
border-top: 2px solid #6a6a6a;
border-right: 2px solid #6a6a6a;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
position: absolute;
right: 1em;
top: 43%;
}
.categorylist-content-item__link {
font-size: 14px;
color: #6a6a6a;
width: 100%;
line-height: 43px;
display: inline-block;
padding-left: 15px;
}
.categorylist-content-item__link:hover {
opacity: 0.8;
} .sideofficesearch__title {
width: 100%;
height: 51px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 23px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
background-color: #6a6a6a;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
font-weight: bold;
}
.sideofficesearch-content-detail,
.sideofficesearch-content-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
font-weight: bold;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 5px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sideofficesearch-content-detail {
margin-bottom: 15px;
}
.sideofficesearch-content {
background-color: #f5f5f5;
padding: 18px 35px 35px 35px;
}
.sideofficesearch-content-area__text,
.sideofficesearch-content-detail__text {
text-align: left;
display: inline-block;
vertical-align: middle;
font-weight: bold;
font-size: 16px;
}
.sideofficesearch-content__button {
padding: 8px 0;
width: 100%;
height: 39px;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
}
.dropdown {
display: inline-block;
position: relative;
overflow: hidden;
height: 32px;
width: 156px;
background: #fff;
border: 1px solid;
border-color: white #f7f7f7 #f5f5f5;
border-radius: 4px;
border: solid 1px #dfdfdf;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dropdown:before,
.dropdown:after {
content: "";
position: absolute;
z-index: 10;
top: 9px;
right: 10px;
width: 0;
height: 0;
border: 4px dashed;
border-color: #484848 transparent;
pointer-events: none;
}
.dropdown:before {
border-bottom-style: solid;
border-top: none;
}
.dropdown:after {
margin-top: 7px;
border-top-style: solid;
border-bottom: none;
}
.dropdown-select {
position: relative;
margin: 0;
padding: 6px 8px 6px 10px;
height: 33px;
line-height: 14px;
font-size: 15px;
font-weight: bold;
color: #444;
background: #ffffff;
border: 0;
border-radius: 0;
-webkit-appearance: none;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.dropdown-select:focus {
z-index: 3;
width: 100%;
color: #394349;
}
.dropdown-select > option {
margin: 3px;
padding: 6px 8px;
text-shadow: none;
border-radius: 3px;
font-weight: bold;
cursor: pointer;
} .officesideinfo-table {
font-size: 14px;
}
.officesideinfo-businesshour {
font-size: 18px;
font-weight: bold;
height: auto;
line-height: 65px;
vertical-align: middle;
color: #fff;
text-align: center;
min-height: 4px;
}
.officesideinfo-businesshour__text {
font-family: Helvetica, Arial;
}
.officesideinfo-businesshour__text--small {
font-size: 14px;
position: relative;
bottom: 3px;
margin-left: 5px;
}
.officesideinfo-content__title {
text-align: center;
font-size: 14px;
font-weight: bold;
padding: 14px;
border-bottom: solid 1px #dfdfdf;
margin-bottom: 15px;
}
.officesideinfo-content-tel {
font-family: Helvetica, Arial;
font-size: 31px;
font-weight: bold;
margin-bottom: 15px;
}
.officesideinfo-content-tel.officesideinfo-content-tel-affliate {
font-size: 27px;
}
.officesideinfo-content {
background-color: #f5f5f5;
padding: 21px;
padding-top: 0;
}
.officesideinfo-content-table-th {
text-align: left;
font-weight: bold;
width: 80px;
}
.officesideinfo-conetnt-table-td {
padding-left: 20px;
}
.officesideinfo-content-table-td__small {
font-size: 12px;
}
.officesideinfo-content-text {
margin: 17px 0;
font-size: 12px;
}
.officesideinfo-content__button {
width: 100%;
height: 42px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
border-radius: 4px;
color: #fff;
font-weight: bold;
padding: 1px 0;
}
.officesideinfo-content__button:hover {
opacity: 0.8;
cursor: pointer;
}
.officesideinfo-affiliate__button {
padding: 12px 40px;
font-size: 15px;
font-weight: bold;
margin: 0 auto;
color: #fff;
background: #f2f2f2;
border-radius: 4px;
position: relative;
min-width: 100px;
}
.officesideinfo-affiliate__button::after {
content: "" !important;
display: block;
margin-left: 8px;
font-weight: bold;
font-size: 0;
width: 8px;
height: 8px;
top: 17px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
right: 15px;
transform: rotate(45deg);
}
.officesideinfo-affiliate {
padding: 16px 0;
width: 100%;
display: flex;
}
.officesideinfo-affiliate-content__image .summary__image {
margin: 32px auto;
display: block;
text-align: center;
} .officesidereturnarchive__item {
}
.officesidereturnarchive__link {
position: relative;
padding-left: 8px;
font-size: 14px;
}
.officesidereturnarchive__item:nth-child(n+2) .officesidereturnarchive__link {
margin-top: 4px;
}
.officesidereturnarchive__link::before {
content: "";
position: relative;
top: 1px;
left: -8px;
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 10px 6px 0;
border-color: transparent #3a7eb2 transparent transparent;
} .widget_text .widget-title {
display: none;
} .post_same_tag {
padding-top: 30px;
}
.post_same_tag__title {
font-size: 18px;
font-weight: bold;
}
.post_same_tag-ul {
margin-top: 20px;
font-size: 0;
}
.post_same_tag-ul-li {
display: inline-block;
width: 160px;
vertical-align: top;
margin-left: 5px;
font-size: 16px;
}
.post_same_tag-ul-li:nth-child(n + 5) {
margin-top: 17px;
}
.post_same_tag-ul-li-link {
display: inline-block;
width: 160px;
height: 84px;
overflow: hidden;
position: relative;
}
.post_same_tag-ul-li-link__img {
display: inline-block;
width: 160px;
height: auto;
position: absolute;
top: 0;
bottom: 0;
margin: auto 0;
}
.post_same_tag-ul-li__title {
vertical-align: top;
display: inline-block;
width: 160px;
font-weight: bold;
line-height: 1.2;
color: #111;
}
.post_same_tag-ul-li__title:hover {
cursor: pointer;
} .twitter-follow-button {
margin-top: 52px;
}
.twitter-follow-button__text {
text-align: center;
letter-spacing: 0.06px;
color: #111;
font-size: 16px;
font-weight: bold;
}
.twitter-follow-button__main {
margin-top: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.twitter-follow-button__frrow-button {
padding: 8px 0 20px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-radius: 4px;
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border: solid 2px #1796df;
background-color: #fdfdfd;
text-align: center;
color: #1796df;
font-size: 20px;
font-weight: bold;
}
.twitter-follow-button__frrow-button::before {
position: relative;
top: 3px;
left: -40px;
content: '\ea96';
font-family: 'icomoon';
font-size: 32px;
color: #1796df;
} .side-tweets {
text-align: center;
}
.side-tweets__title {
position: relative;
padding: 0 0 2px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
border-bottom: 1px solid #052e3d;
color: #111;
font-size: 16px;
font-weight: bold;
}
.side-tweets__title::before {
position: absolute;
top: 0;
left: 4px;
content: '\ea96';
font-family: 'icomoon';
font-size: 16px;
color: #052e3d;
}
.side-tweets__main {
overflow: hidden;
}
.side-tweets__main iframe {
max-width: 317px !important;
}
.twitter-follow-button {
margin-top: 5px;
}
@media screen and (max-width: 767px) {  .widget_sidebar_office_search_detail {
display: none;
} .category-sidebar-link-item:first-child {
margin-top: 10px;
} .post_same_tag-ul {
margin-top: 15px;
}
.post_same_tag-ul-li {
display: block;
width: auto;
margin-left: 0;
}
.post_same_tag-ul-li:first-child .post_same_tag-ul-li-link {
width: auto;
height: calc(95vw / 1.9152); display: block;
overflow: hidden;
}
.post_same_tag-ul-li-link {
width: calc(100vw * 160 / 375);
height: calc(100vw * 84 / 375);
}
.post_same_tag-ul-li-link__img {
width: calc(100vw * 160 / 375);
}
.post_same_tag-ul-li:first-child .post_same_tag-ul-li-link__img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
}
.post_same_tag-ul-li__title {
width: calc(100vw * 190 / 375 - 1px);
}
.post_same_tag-ul-li:first-child .post_same_tag-ul-li__title {
width: 100%;
margin-top: 5px;
margin-bottom: 15px;
} .banner-item__image {
width: 100%;
} .sidebanner1 {
width: 100%;
}
.sidebanner1__img {
width: 100%;
}
.sidebanner1-content {
width: 100%;
}
.officedetailtable-row.officedetailtable-row--borderbottom {
border-bottom: solid 2px #dfdfdf;
text-align: center;
} .sidebanner2-item {
height: 190px;
}
.sidebanner2__img {
width: 100%;
}
.sidebanner2__title {
margin-bottom: 15px;
} .series {
width: auto;
padding: 5%;
}
.series__title {
font-size: 16px;
}
.series-title {
font-weight: bold;
font-size: 16px;
padding-bottom: 12px;
}
.series-subtitles p:first-child {
}
.series-subtitles p:last-child {
}
.series-myself {
font-weight: bold;
}
.series-content__link {
line-height: 1.2;
margin: 10px 0;
}
.series-nextlink__before-text {
font-weight: bold;
text-align: center;
margin-top: 30px;
}
.series__nextlink {
width: 100%;
position: inherit;
text-align: left;
margin: 0;
}
.series__nextlink::before,
.series__nextlink::after {
display: none;
}
.readmore-button {
max-width: 300px;
width: 80%;
} .icon-hatena:before {
font-size: 16px;
}
.icon-twitter:before {
font-size: 16px;
}
.icon-pocket:before {
font-size: 16px;
}
.icon-facebook:before {
font-size: 16px;
}
.post-top-social {
display: inline;
margin-bottom: 15px;
}
.topsns-content {
margin-top: 20px;
}
.posttagarea + .widget_top_sns {
bottom: 0;
margin-bottom: 20px;
}
.topsns-content-item {
width: 100%;
margin-right: 2px;
}
.topsns-content-item:last-child {
margin-right: 0;
}
.facebook-box,
.twitter-box,
.pocket-box,
.hatebu-box,
.line-box {
width: 100%;
height: 30px;
}
.topsns-content-item__link-facebook,
.topsns-content-item__link-pocket,
.topsns-content-item__link-hatena,
.topsns-content-item__link-twitter,
.topsns-content-item__link-line {
line-height: 30px !important;
height: 30px;
}
.topsns-content-item__link-facebook {
background-color: #3b5998;
}
.topsns-content-item__link-pocket {
background-color: #ef4056;
}
.topsns-content-item__link-hatena {
background-color: #008fde;
}
.topsns-content-item__link-twitter {
background-color: #55acee;
}
.topsns-content-item__link-line {
background-color: #06c755;
}
.topsns-content-item__link-icon-hatena:before {
content: "\e00a";
font-size: 16px;
}
.topsns-content-item__link-icon-pocket:before {
content: "\e938";
font-size: 16px;
}
.topsns-content-item__link-icon-facebook:before {
content: "\e60d";
font-size: 16px;
}
.topsns-content-item__link-icon-twitter:before {
content: "\e611";
font-size: 16px;
} .snsbottom-content {
width: 323px;
}
.snsbottom-content-item:nth-child(2n) {
margin-right: 0;
}
.snsbottom-content-item__link { } .postrelated {
border: none;
}
.postrelated__title {
margin: 0 calc(((100vw - 100%) / 2) * -1);
padding: 0 calc(((100vw - 100%) / 2) * 1);
}
.postrelated-content {
padding: 0;
border-bottom: solid 1px #dfdfdf;
}
.postrelated-content-item {
padding: 15px 0;
}
.postrelated-content-item-detail {
padding: 0 0 0 10px;
}
.postrelated-content-item__link {
display: inline-block;
} .recommend-content {
border: none;
padding: 0;
margin: 0 calc(((100vw - 100%) / 2) * -1);
padding: 0 calc((100vw - 100%) / 2);
}
.recommend-content-item {
margin: 0 calc(((100vw - 100%) / 2) * -1);
padding: 20px calc((100vw - 100%) / 2);
} .recommend__title {
margin: 0;
padding: 0 20px;
color: #fff;
font-size: 15px;
height: 48px;
line-height: 48px;
vertical-align: middle;
margin: 0 calc(((100vw - 100%) / 2) * -1);
}
.categorylist-content {
background-color: #fff;
border: none;
}
.categorylist__title {
margin: 0 calc(((100vw - 100%) / 2) * -1);
text-align: left;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 48px;
line-height: 48px;
vertical-align: middle;
}
.categorylist-content-item::after {
right: 1.5em;
}
.categorylist-content-item {
margin: 0 calc(((100vw - 100%) / 2) * -1);
}
.categorylist-content-item__link {
padding-left: 20px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} .writer-image {
width: 70px;
height: 70px;
}
.writer-image__image {
width: inherit;
height: inherit;
}
.writer-content__profile {
padding-right: 0;
} .sideprefecture {
margin: 0 calc(((100vw - 100%) / 2) * -1);
}
.sideprefecture__title {
margin: 0 calc(((100vw - 100%) / 2) * -1);
text-align: left;
padding: 0 20px;
line-height: 48px;
vertical-align: middle;
height: 48px;
}
.sideprefecture__content {
padding: 0;
background: #fff;
}
#secondary .sideprefecture__content {
padding: 0 2.5%;
width: 95%;
} .writer-content__detail {
margin-top: 0;
}
}
@media screen and (max-width: 374px) {
.twitter-follow-button__text {
font-size: 13px;
}
.snsbottom-content {
width: 155px;
margin: 0 auto;
}
.snsbottom-content-item {
margin-right: 0;
}
}
 .pageblog-post {
border-bottom: solid 1px #dfdfdf;
padding-bottom: 20px;
margin-top: 20px;
}
.pageblog__link {
display: inline-block;
width: 210px;
height: 140px;
}
.pageblog__link-image {
width: 100%;
height: 100%;
}
.pageblog-right {
display: inline-block;
width: 420px;
vertical-align: top;
margin-left: 20px;
font-size: 0;
}
.pageblog-right__title {
display: inline-block;
width: 100%;
font-weight: bold;
line-height: 1.5;
color: #3a7eb2;
margin-bottom: 5px;
font-size: 16px;
}
.pageblog-right__text {
width: 100%;
font-size: 14px;
display: inline-block;
}
.pageblog-right__date {
display: inline-block;
font-size: 13px;
color: #888;
margin-top: 5px;
}
.pageblog-right__date + .pageblog-right__date {
margin-left: 10px;
}
.pageblog-right__date:nth-of-type(3) {
margin-left: 10px;
}
.pageblog__category-link {
display: inline-block;
font-size: 12px;
font-weight: bold;
border: solid 1px;
border-radius: 2px;
padding: 0 3px;
margin-top: 5px;
margin-right: 5px;
}
.pageblog-content {
display: inline;
width: 160px;
height: 160px;
}
.pageblog-content-image {
width: 160px;
height: 160px;
border: solid 1px #dfdfdf;
display: inline-block;
position: relative;
overflow: hidden;
}
.pageblog-content-image__image,
.pageblog-content-image img {
position: absolute;
width: auto;
height: auto;
top: 50%;
left: 50%;
min-height: 100%;
min-width: 100%;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
@supports (object-fit: cover) {
.pageblog-content-image__image,
.pageblog-content-image img {
position: static;
height: 100%;
width: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
} .archive_recommend_posts-post {
position: relative;
border-bottom: 1px solid #dfdfdf;
padding-bottom: 35px;
margin-bottom: 20px;
}
.archive_recommend_posts-post__recommend {
font-size: 14px;
font-weight: bold;
color: #fff;
padding: 5px 15px;
position: absolute;
top: -6px;
left: -15px;
z-index: 1;
}
.archive-recommend-posts-link {
display: inline-block;
width: 660px;
height: 330px;
overflow: hidden;
position: relative;
}
.archive_recommend_posts-posts-link__img {
width: 660px;
height: auto;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.archive_recommend_posts-post__title {
display: inline-block;
font-size: 20px;
font-weight: bold;
line-height: 1.2;
margin-top: 15px;
}
.archive_recommend_posts-post__text {
font-size: 14px;
line-height: 1.5;
margin: 15px 0 5px;
}  .wppost {
margin-top: 40px;
margin-bottom: 30px;
}
.post_print__button {
position: relative;
margin: 10px 0 30px 0;
padding: 3px 8px 3px 40px;
display: inline-block;
min-width: 70px;
background-color: #f5f5f5;
color: #707070;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.16);
font-size: 12px;
font-weight: bold;
}
.post_print__button:before {
content: "";
box-sizing: border-box;
vertical-align: middle;
font-family: "icomoon" !important;
content: "\e954" !important;
font-size: 16px;
position: absolute;
left: 15px;
top: 0px;
transform: translateY(-50%);
top: 50%;
font-weight: normal;
}
.post_print__button:hover {
cursor: pointer;
}
.news > .wppost {
margin-top: 20px;
}
.news-template-default .wppost__postimg {
max-width: 360px;
}
.wppost img.aligncenter {
display: block;
margin: 0px auto;
}
.wppost img.alignleft {
float: left;
margin-top: 0;
margin-right: 10px;
}
.wppost img.alignright {
float: right;
margin-top: 0;
margin-left: 10px;
}
.wppost h1,
.h1-style {
width: auto;
font-size: 34px;
font-weight: bold;
color: #333333;
padding-bottom: 10px;
border-bottom: 2px solid #000;
}
.h1-style--tag {
padding-bottom: 20px;
}
.h1bottomline {
height: 2px;
background-color: #444;
margin: 20px 0 30px;
}
.wppost h2,
.h2-style {
width: auto;
background-color: #f2f2f2;
border-left-style: solid;
border-left-width: 6px;
font-size: 26px;
font-weight: bold;
text-align: left;
vertical-align: middle;
box-sizing: border-box;
color: #333333;
padding: 29px 29px 29px 29px;
margin: 40px 0 20px 0;
}
.wppost h3,
.h3-style {
width: auto;
text-align: left;
font-size: 22px;
vertical-align: middle;
font-weight: bold;
color: #333333;
border-bottom-style: solid;
border-bottom-width: 4px;
padding: 16px 16px 16px 0px;
margin: 40px 0 20px 0;
}
.wppost h4,
.h4-style {
width: auto;
text-align: left;
vertical-align: middle;
font-weight: bold;
color: #333333;
border-left-style: solid;
border-left-width: 6px;
padding: 0 9px 0 17px;
box-sizing: border-box;
margin: 40px 0 13px 0;
font-size: 20px;
line-height: 1.4;
}
.wppost h5,
.h5-style {
font-weight: bold;
color: #333333;
margin: 13px 0;
font-size: 18px;
line-height: 1.4;
}
.wppost h6,
.h6-style {
font-weight: bold;
color: #333333;
margin: 13px 0;
font-size: 17px;
line-height: 1.4;
}
.wppost table {
margin-bottom: 25px;
}
.wppost caption {
font-weight: bold;
font-size: 18px;
margin-bottom: 10px;
}
.wppost tbody,
.wppost table,
.wppost tr,
.wppost td,
.wppost th,
.wppost tfoot,
.wppost thead {
vertical-align: middle;
}
.wppost table.table_small {
font-size: 100%;
border-collapse: collapse;
}
.wppost table.table_small th,
.wppost table.table_small td {
padding: 5px 5px;
}
.wppost table.table_no_border th,
.wppost table.table_no_border td {
border: none;
}
.wppost ul {
padding: 5px 15px;
margin: 20px 0;
}
.wppost > img {
margin-bottom: 15px;
} .wppost img {
max-width: 100%;
height: auto;
margin-top: 10px;
}
.wppost p {
margin-bottom: 25px;
color: #111111;
}
.wppost ul {
background-color: #fbfaf8;
border: solid 1px #dddddd;
padding: 20px;
margin: 20px 0 40px;
}
.wppost ul.no_border {
background-color: transparent;
border: none;
padding: 0 20px;
margin: 0 0 25px;
}
.wppost .calculation {
background-color: #fffab9;
}
.wppost .inyou ol,
.wppost .inyou ul,
.wppost blockquote ol,
.wppost blockquote ul {
background-color: transparent;
border: none;
padding: 0;
margin: 0;
}
.wppost blockquote :last-child {
margin-bottom: 0px;
}
.wppost li {
position: relative;
padding-left: 20px;
margin: 5px 0;
}
.wppost ul li::before {
display: inline-block;
content: "";
width: 10px;
height: 10px;
background-color: #d8d8d8;
border-radius: 50%;
position: absolute;
top: 7px;
bottom: 0;
left: 0;
}
.wppost ol {
background-color: #fbfaf8;
border: solid 1px #dddddd;
padding: 20px;
margin: 20px 0 40px;
}
.wppost ol li {
list-style-type: decimal;
margin-left: 20px;
}
.wppost hr {
margin-bottom: 25px;
height: 2px;
background-color: #000;
}
.wppost th,
.wppost td {
border: solid 1px #dddddd;
padding: 10px;
}
@media screen and (max-width: 320px) {
.wppost th,
.wppost td {
padding: 10px 7px;
}
}
.wppost th {
background-color: #fdfaf8;
font-weight: bold;
}
.wppost__postimg {
margin-bottom: 15px;
max-width: 100%;
height: auto;
}
.wppost .inyou,
.wppost blockquote {
background-color: #fbfaf8;
border: 1px solid #ddd;
font-size: 15px;
padding: 4%;
margin: 24px 0;
}
.wppost .kome {
font-size: 12px;
line-height: 1.65;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
padding: 12px 0;
}
.wppost .hanrei {
background-color: #fbfaf8;
border: 1px solid #ddd;
font-size: 15px;
padding: 4%;
margin-bottom: 50px;
line-height: 2;
position: relative;
padding: 35px 45px 20px 100px;
}
.wppost .hanrei::before {
content: "";
display: inline-block;
width: 40px;
height: 40px;
background-image: url(//zeimo.jp/wp-content/themes/cafe-v2/img/hanrei.png);
background-size: contain;
vertical-align: middle;
position: absolute;
top: 35px;
left: 23px;
}
.wppost .jobun {
background-color: #fbfaf8;
border: 1px solid #ddd;
font-size: 15px;
padding: 4%;
margin-bottom: 50px;
line-height: 2;
position: relative;
padding: 35px 45px 20px 100px;
}
.wppost .jobun::before {
content: "";
display: inline-block;
width: 40px;
height: 40px;
background-image: url(//zeimo.jp/wp-content/themes/cafe-v2/img/jobun.png);
background-size: contain;
vertical-align: middle;
position: absolute;
top: 35px;
left: 23px;
}
.wppost .koe {
background-color: #fbfaf8;
border: 1px solid #ddd;
font-size: 15px;
padding: 4%;
margin-bottom: 50px;
line-height: 2;
position: relative;
padding: 35px 60px 20px 60px;
}
.wppost .koe::before {
content: "";
display: inline-block;
width: 40px;
height: 40px;
background-image: url(//zeimo.jp/wp-content/themes/cafe-v2/img/koe.png);
background-size: contain;
vertical-align: middle;
position: absolute;
top: 15px;
left: 15px;
}
.wppost .koe::after {
content: "";
display: inline-block;
width: 40px;
height: 40px;
background-image: url(//zeimo.jp/wp-content/themes/cafe-v2/img/koe.png);
background-size: contain;
vertical-align: middle;
position: absolute;
bottom: 15px;
right: 15px;
}
.wppost .maker,
.wppost .marker {
color: #ff0000;
font-weight: bold;
}
.wppost .yellow_border {
background: linear-gradient(transparent 50%, #faf73e 30%);
font-weight: bold;
}
.wppost .inyou2 {
color: rgb(128, 73, 0);
text-align: left;
width: 588px;
background: rgb(254, 254, 203) url(//zeimo.jp/wp-content/themes/cafe-v2/img/background-messagebox_warning.png)
no-repeat;
border: 1px solid rgb(255, 220, 128);
font-size: 13px;
margin: 10px 0px;
padding: 14px 10px 10px 55px;
line-height: 1.9;
background-size: 60px;
background-position: 0px;
}
.wppost .red {
color: #fe7757;
}
.wppost strong {
font-weight: bold;
}
.wppost .frame {
box-sizing: border-box;
border: 1px solid #eaeaea;
margin: 0;
padding: 0;
}
.wppost .frame img {
margin: auto;
vertical-align: bottom;
}
.wppost .strong {
font-weight: bold;
}
.wppost .frame {
box-sizing: border-box;
border: 1px solid #eaeaea;
margin: 0;
padding: 0;
}
.wppost .frame img {
margin: auto;
vertical-align: bottom;
}
.officeimg td {
padding: 0 38.75px 0;
text-align: center;
border: none;
}
.officeimg {
border: none;
float: left;
clear: both;
}
.officeimg > tbody > tr > td.caption {
padding-top: 0px;
padding-bottom: 15px;
}
table.officeimg img {
width: 142.5px;
max-width: 100%;
height: auto;
margin: 20px 0 20px;
}
.essential {
color: rgb(255, 255, 255);
margin-right: 9px;
font-size: 14px;
border-radius: 3px;
padding: 4px 10px;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
} .campaign {
border-style: solid;
border-width: 3px;
background-color: #fbfaf8;
padding: 30px;
margin: 20px 0;
text-align: center;
}
.campaign-title {
text-align: center;
}
.campaign-title__prefecture {
font-weight: bold;
}
.campaign-title__title {
margin-bottom: 20px;
display: inline-block;
font-size: 23px;
font-weight: bold;
}
.campaign-content {
display: flex;
margin-bottom: 20px;
}
.campaign-content-detail {
text-align: left;
width: 100%;
}
.campaign-content-detail-pr {
font-weight: bold;
font-size: 14px;
margin: 5px 0;
}
.campaign-content-detail-pr__text {
margin-bottom: 10px !important;
}
.campaign-content-detail__text {
font-size: 14px;
font-weight: bold;
}
.campaign-content-detail__telnum {
font-family: Helvetica, Arial;
font-size: 38px;
font-weight: bold;
}
.campaign-content-detail-abstruct {
font-size: 13px;
margin-bottom: 15px;
}
.campaign-content-detail__businesshour {
letter-spacing: -0.5px;
}
.campaign-content-image {
height: 230px;
min-width: 230px;
max-width: 230px;
display: block;
border: solid 1px #dfdfdf;
margin-right: 15px;
}
.wppost .campaign-content-image__image {
margin-top: 0;
}
.campaign-content-image__image {
width: 100%;
height: 100%;
}
.campaign-detailbutton {
display: inline-block;
width: 100%;
padding: 10px 0;
font-weight: bold;
background-color: #f3f8ff;
border: solid 1px #3a7eb2;
color: #3a7eb2;
border-radius: 4px;
box-sizing: border-box;
}
.campaign-detailbutton:hover {
opacity: 0.8;
} .campaign--special.show_pr_tag {
position: relative;
}
.campaign--special.show_pr_tag::before {
content: "";
top: 0;
left: 0;
border-left: 3.5em solid #fff;
position: absolute;
z-index: 100;
}
.campaign--special.show_pr_tag::after {
content: "PR";
font-weight: bold;
display: block;
background-color: #ffffff;
top: 4px;
font-size: 15px;
color: #fff;
padding: 0 6px;
left: 2px;
position: absolute;
z-index: 101;
} .campaign.show_pr_tag {
position: relative;
}
.campaign.show_pr_tag::before {
content: "";
top: 0;
left: 0;
border-left: 3.5em solid #fff;
position: absolute;
z-index: 100;
}
.campaign.show_pr_tag::after {
content: "PR";
font-weight: bold;
display: block;
letter-spacing: -0.05em;
line-height: 17px;
background-color: #ffffff;
top: 4px;
font-size: 15px;
padding: 0 5px;
left: 4px;
position: absolute;
z-index: 101;
height: 17px;
width: 22px;
}
.campaign.show_pr_tag.show_pr_tag__not_sz::after {
color: #FFFFFF;
} .campaign.campaign--ad.show_pr_tag {
width: 100%;
border-style: solid;
border-width: 3px;
background-color: #fbfaf8;
padding: 30px 0 !important;
margin: 24px 0;
text-align: center;
position: relative;
}
.campaign.campaign--ad.show_pr_tag::before {
content: "";
top: 0;
left: 0;
border-bottom: 4em solid transparent !important;
border-left: 3.5em solid #fff;
position: absolute;
z-index: 100;
}
.campaign.campaign--ad.show_pr_tag::after {
content: "PR";
font-weight: bold;
display: block;
background-color: #ffffff;
top: 0;
font-size: 17px;
left: 0;
color: #fff;
padding: 0;
position: absolute;
z-index: 101;
width: auto;
height: auto;
}
.campaign-title--ad {
text-align: center !important;
color: inherit;
}
.campaign-title__prefecture--ad {
font-weight: bold;
font-size: 16px;
margin-bottom: 0;
padding: 0;
}
.campaign-title__title--ad {
margin-bottom: 0;
display: inline-block;
font-size: 23px;
font-weight: bold;
}
.campaign-content--ad {
display: flex;
margin-bottom: 20px;
}
.businesshour--ad {
text-align: center;
display: block;
background-color: transparent;
font-size: 16px;
}
.campaign-content-detail--ad {
text-align: left;
}
.campaign-content-detail-pr--ad {
font-weight: bold;
font-size: 14px;
margin: 5px 0;
}
.campaign-content-detail-pr__text--ad {
margin-bottom: 10px !important;
}
.campaign-content-detail__abstruct--ad {
font-size: 13px;
margin-bottom: 15px;
padding: 8px 16px;
}
.campaign-detailbutton--ad {
padding: 10px 0;
font-weight: bold;
background-color: #f3f8ff;
color: #fff !important;
border-radius: 4px;
box-sizing: border-box;
align-items: center;
border: none !important;
margin-bottom: -16px;
display: flex;
justify-content: center;
width: 60% !important;
min-width: 200px;
position: relative;
}
.campaign-detailbutton--ad:after {
content: ">" !important;
display: block;
margin-left: 8px;
font-weight: bold;
font-size: 0;
width: 8px;
height: 8px;
top: 16px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
right: 20px;
transform: rotate(45deg);
}
.campaign-detailbutton--ad:hover {
opacity: 0.8;
} .campaign--special {
padding: 0;
border-width: 4px;
}
.campaign-head {
padding: 10px 10px 12px;
}
.campaign-head__title {
text-align: center;
letter-spacing: 1px;
color: #fff;
font-size: 28px;
font-weight: bold;
}
.campaign-content--special {
margin: 0;
padding: 0;
width: 100%;
}
.campaign-content-affiliate__link {
margin: 0 auto;
}
.campaign-content-image--special {
margin: auto 15px;
}
.campaign-content-div--special {
padding: 12px 18px 16px;
background-color: #FBFAF8;
}
.campaign-title__prefecture--special {
margin: 0;
padding: 0;
display: inline-block;
color: #000;
font-size: 16px;
}
.campaign-title__title--special {
margin: 0;
color: #004de9;
text-decoration: underline;
font-size: 23px !important;
display: block;
}
.campaign-title__title--special:hover {
text-decoration: underline;
}
.campaign .campaign-content-detail__ul {
margin: 8px 0 0;
padding: 0;
display: flex;
align-items: center;
justify-content: flex-start;
border: none;
}
.campaign-content-detail__affiliate {
margin: 0 auto;
text-align: center;
width: 80%;
font-size: 21px;
}
.campaign .campaign-content-detail__li {
margin: 0;
padding: 4px;
background-color: #e5df00;
font-weight: bold;
}
.campaign .campaign-content-detail__li:nth-child(n+2) {
margin: 0 0 0 12px;
}
.campaign .campaign-content-detail__li::before {
display: none;
}
.campaign-content-detail-abstruct--special {
margin: 0;
}
.campaign-content-detail-abstruct__text--special {
margin-top: 12px;
line-height: 1.3;
font-size: 14px;
}
.campaign-content-detail__text--special {
color: #f7445d;
margin: 0 auto;
}
.campaign-content-detail__telnum--special {
height: 38px;
position: relative;
top: -8px;
color: #f7445d;
}
.campaign-content-detail__businesshour--special {
font-size: inherit;
font-weight: normal;
}
.campaign-content-detail__telnum--special::before {
background-color: #f7445d;
}
.campaign-content-detail__telnum.campaign-content-detail__telnum-affiliate {
font-size: 30px;
}
.campaign-content-detail__telnum.campaign-content-detail__telnum-affiliate:before {
width: 27px;
height: 28px;
right: -3px;
top: -4px;
font-size: 15px;
}
.campaign-detailbutton--special {
margin-top: 12px;
width: 100% !important;
border: solid 1px #3a7eb2 !important;
color: #3a7eb2 !important;
}  .relatedpost {
width: 100%;
border: solid 1px #dfdfdf;
padding: 16px;
background-color: #fbfaf8;
box-sizing: border-box;
margin-bottom: 25px;
}
.relatedpost-title {
border-bottom: solid 1px #dfdfdf;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 12px;
font-size: 18px;
}
.relatedpost-content,
.relatedpost-async-wrapper {
display: flex;
}
.relatedpost-content-img {
padding-right: 15px;
display: inline-block;
}
.relatedpost-content-right__title {
font-weight: bold;
display: inline-block;
}
.relatedpost-titlemini{
margin-right: 10px;
}
.relatedpost-content-right__titlemini {
font-weight: bold;
margin: 4px 0;
padding-bottom: 8px;
display: block;
font-size: 17px;
}
.relatedpost-content-right__title--ex::after {
font-family: 'icomoon' !important;
content: "\e948";
display: inline-block;
position: relative;
left: 5px;
font-size: 14px;
font-weight: normal;
}
.relatedpost-content-right__text {
font-size: 14px;
} .multi-rel-post{
border: solid 1px #dfdfdf;
padding: 5px;
margin: 12px 0;
background-color: #fbfaf8;
}
.multi-rel-post .relatedpost {
width: 90%;
border: none;
padding: 0 16px 16px 16px;
box-sizing: border-box;
margin-bottom: 0;
}
.multi-rel-post .relatedpost:first-child .relatedpost-title {
font-weight: bold;
margin-bottom: 16px;
padding-bottom: 12px;
font-size: 18px;
display: block;
}
.multi-rel-post .relatedpost:first-child .relatedpost-titlemini {
font-weight: bold;
margin-bottom: 16px;
padding-bottom: 12px;
font-size: 18px;
display: block;
}
.multi-rel-post .relatedpost-title {
display: none;
}
.multi-rel-post .relatedpost-titlemini {
display: none;
}
.multi-rel-post .relatedpost-title {
border-bottom: solid 1px #dfdfdf;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 12px;
font-size: 18px;
}
.multi-rel-post .relatedpost-content {
display: flex;
padding: 0 0 16px 0;
border-bottom: solid 1px #dfdfdf;
}
.multi-rel-post .relatedpost:last-child .relatedpost-content {
border-bottom: none;
}
.multi-rel-post .relatedpost-content-img {
padding-right: 15px;
display: inline-block;
}
.multi-rel-post .relatedpost-content-right__title {
font-weight: bold;
display: inline-block;
}
.multi-rel-post .relatedpost-content-right__titlemini {
font-weight: bold;
margin: 4px 0;
padding-bottom: 8px;
display: block;
font-size: 17px;
}
.multi-rel-post .relatedpost-content-right__title--ex::after {
font-family: 'icomoon' !important;
content: "\e948";
display: inline-block;
position: relative;
left: 5px;
font-size: 14px;
font-weight: normal;
}
.multi-rel-post .relatedpost-content-right__text {
font-size: 14px;
}
.wppost .relatedpost-content-left-img {
vertical-align: top;
width: 178px;
height: 126px;
display: inline-block;
overflow: hidden;
position: relative;
}
.wppost .relatedpost-content-left-img__img {
margin: 0;
position: absolute;
width: auto;
height: auto;
top: 50%;
left: 50%;
min-height: 100%;
min-width: 100%;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.widget_sticky_link_tabs_for_post{
top: 0;
z-index: 1000;
position: -webkit-sticky;
position: sticky;
}
.shortcode_sticky_link_tabs_for_post {
top: 0;
z-index: 1000;
position: -webkit-sticky;
position: sticky;
}
.sticky_link_tabs_for_post {
background-color: #fff;
height: 48px;
}
.sticky_link_tabs_for_post .sticky_link_tabs_for_post_tabs {
align-items: center;
border: none;
background-color: #fff;
border-bottom: 3px solid #e7e7e7;
display: flex;
height: 100%;
justify-content: center;
padding: 0;
margin: 0;
}
.sticky_link_tabs_for_post .sticky_link_tabs_for_post_tab {
display: flex;
height: 40px;
width: 100%;
text-align: center;
}
.sticky_link_tabs_for_post .sticky_link_tabs_for_post_tab:before {
display: none !important;
}
.sticky_link_tabs_for_post_tabs  .sticky_link_tabs_for_post_tab_link {
align-items: center;
color: #666;
flex-grow: 1;
font-weight: 700;
vertical-align: middle;
box-sizing: border-box;
padding: 8px;
}
.sticky_link_tabs_for_post_tab_link:hover {
border: solid 3px #333333;
box-sizing: border-box;
padding: 5px;
}
.sticky_link_tabs_for_post_tab_link.sticky_link_tabs_for_post_tab_is_active {
border: solid 3px #333333;
box-sizing: border-box;
padding: 5px;
}
@supports (object-fit: cover) {
.wppost .relatedpost-content-left-img__img {
position: static;
height: 100%;
width: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
} .posttagarea {
position: relative;
margin-bottom: 60px;
box-sizing: border-box;
height: 1px;
}
.posttags {
text-align: right;
}
.posttags-cat {
display: inline-block;
margin-bottom: 10px;
}
.posttags-cat__link {
font-size: 12px;
display: inline-block;
border-radius: 2px;
width: auto;
height: auto;
padding: 3px 4px;
line-height: 1;
border-style: solid;
border-width: 1px;
}
.posttags-tag {
display: inline-block;
position: relative;
bottom: 30px;
}
.posttags-tag__link {
font-size: 14px;
font-weight: 500;
color: #666;
}
.posttags-tag::before {
display: inline-block;
position: relative;
font-family: "icomoon" !important;
content: "\e927" !important;
font-size: 14px;
font-weight: normal;
top: 1px;
left: 0;
color: #666;
}
.posttags-date {
display: inline-block;
position: absolute;
right: 0;
bottom: -43px;
font-size: 13px;
color: #888;
}
.posttags-date__posted {
display: inline-block;
margin-right: 5px;
}
.wppost .posttags-date__posted,
.wppost .posttags-date__modified {
margin-bottom: 0;
}
.posttags-date__modified {
display: inline-block;
} .readminute__minute {
font-size: 15px;
font-weight: bold;
}
.readminute {
font-size: 13px;
margin-bottom: 13px;
} #toc_container {
width: 100%;
background-color: #f5f5f5;
border: solid 1px #dfdfdf;
box-sizing: border-box;
margin-bottom: 38px;
margin-top: 38px;
}
#toc_container .toc_title {
font-size: 18px;
letter-spacing: normal;
font-weight: bold;
text-align: left !important;
color: #333333;
position: relative;
padding: 24px 24px 0px 24px !important;
box-sizing: border-box;
} #toc_container .toc_list li > a {
font-weight: 500;
line-height: 2;
color: #3a7eb2;
box-sizing: border-box;
margin-left: 15px;
}
#toc_container ul.toc_list {
color: #3a7eb2;
position: relative;
padding: 0 24px 24px;
box-sizing: border-box;
font-size: 15px;
border: none;
}
#toc_container ul,
#toc_container li {
border: none;
}
#toc_container ul.toc_list li {
list-style-type: none;
}
#toc_container ul.toc_list li::before {
width: 3px;
height: 3px;
background-color: #3a7eb2;
top: 15px;
}
#toc_container .toc_toggle {
visibility: hidden;
} .points {
width: auto;
height: auto;
background-color: #ffffff;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
margin-bottom: 30px;
padding: 24px;
}
.wppost .points-list {
box-sizing: border-box;
border: none;
background-color: transparent;
padding: 0;
margin: 0;
}
.wppost .points-title {
width: 208px;
height: 16px;
font-weight: bold;
text-align: left;
box-sizing: border-box;
margin-bottom: 16px;
}
.wppost .points-list__point {
box-sizing: border-box;
list-style-position: inside;
padding-left: 20px;
position: relative;
}
.wppost .points-list__point::before {
content: "・";
font-size: 18px;
position: absolute;
left: 0;
top: -2px;
width: auto;
height: auto;
background-color: transparent;
border-radius: 0;
} .wppost .lvnmatch_banner img,
.lvnmatch_banner img {
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
max-width: 100%;
}
.wppost p.lvnmatch_banner,
.lvnmatch_banner {
margin-bottom: 40px;
text-align: center;
}
.lvnmatch_banner-button {
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 60px;
border-radius: 4px;
font-weight: bold;
color: #ffffff;
text-align: center;
} .wppost .page-story-archive p {
margin-bottom: 0;
line-height: 1;
}
.page-story-archive {
letter-spacing: -0.4em;
}
.page-story-archive-item {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
letter-spacing: normal;
width: 316px;
height: 174px;
border-radius: 8px;
border-width: 1px;
border-style: solid;
}
.page-story-archive-item:nth-child(2n) {
margin-left: 26px;
}
.page-story-archive-item:nth-child(n + 3) {
margin-top: 20px;
}
.page-story-archive-item__number {
box-sizing: border-box;
width: 100%;
height: 27px;
padding: 7px 20px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background-color: #2284b3;
font-size: 14px;
font-weight: bold;
line-height: 1;
color: #ffffff;
}
.page-story-archive-item__title {
display: inline-block;
position: relative;
height: 40px;
margin-top: 16px;
padding: 0 20px 0 42px;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}
.page-story-archive-item__title::before {
display: inline-block;
position: absolute;
font-family: "icomoon" !important;
content: "\e900" !important;
font-size: 14px;
font-weight: normal;
top: 0;
left: 20px;
}
.page-story-archive-item__text {
margin-top: 12px;
padding: 0 20px;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
} .accordion-content-target {
display: none;
}
.accordion-content-button {
width: auto;
height: 48px;
border-radius: 4px;
background-color: #f5f5f5;
margin: 0;
padding: 0 16px;
box-shadow: 0 2px 0 0 #ccc;
box-sizing: border-box;
border: solid 1px #ccc;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #666666;
}
.accordion-content-button-open,.accordion-content-button-close {
margin-bottom: 16px;
padding-right: 32px;
}
.accordion-content-button-open:after {
font-family: "icomoon" !important;
content: "\e904" !important;
padding: 0 12px;
font-size: 16px;
color: #666;
position: absolute;
margin-top: 4px;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.accordion-content-button-close:after {
font-family: "icomoon" !important;
content: "\e904" !important;
padding: 0 12px;
font-size: 16px;
color: #666;
position: absolute;
margin-top: 4px;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.wppost .formula,
.wppost .caution,
.wppost .point{
font-size:16px;
position: relative;
margin-bottom: 40px;
}
.wppost .formula::before,
.wppost .caution::before,
.wppost .point::before {
font-size:16px;
position: absolute;
top:-40px;
left:0px;
font-family: "icomoon" !important;
}
.wppost .formula::after,
.wppost .caution::after,
.wppost .point::after {
font-family: "icomoon" !important;
left:10px;
top:32px;
transform: translateY(-50%);
position:absolute;
font-size:48px;
}
.wppost .formula {
padding: 22px 24px;
border: solid 3px #0fafe6;
background-color: #f8fbfc;
}
.wppost .caution {
padding: 18px 14px 18px 64px;
border: solid 3px #e60f44;
background-color: #fffcfc;
}
.wppost .caution::after {
content:"\e94b";
}
.wppost .point {
padding: 18px 14px 18px 64px;
border-radius: 4px;
border: solid 3px #dddddd;
background-color: #f5f5f5;
}
.wppost .point::after {
content:"\e94c";
} .addquick-tag-cv-button {
height: 64px;
width: 80%;
font-size: 16px;
}
.addquick-tag-cv-button:after {
content: ">" !important;
display: block;
margin-left: 16px;
font-weight: 700;
font-size: 18px;
}
.addquick-tag-cv-button-small {
width: 70%;
margin-top: 12px;
padding: 10px 0;
font-weight: 700;
background-color: #f3f8ff;
border: solid 1px #3a7eb2;
color: #3a7eb2;
border-radius: 4px;
box-sizing: border-box;
box-shadow: none;
}
.addquick-tag-cv-button-small:after {
content: ">" !important;
display: block;
margin-left: 16px;
font-weight: 700;
font-size: 15px;
}
.table-over-x-affiliate table {
border-right: 0;
padding-left: 0;
padding-right: 2px;
position: sticky;
font-size: 10px;
border-collapse:separate;
}
.table-over-x-affiliate table td {
height: 64px;
}
.table-over-x-affiliate table th,
.table-over-x-affiliate table td {
font-size: 11px;
padding: 4px 4px;
}
.table-over-x-affiliate table th {
background-color: #ffff;
}
.table-over-x-affiliate table tbody{
border-top: solid 1px;
}
.table-over-x-affiliate tr:nth-child(2n-1) th, .table-over-x-affiliate tr:nth-child(2n-1) td {
background-color: #f9f9f9;
}
.table-over-x-affiliate table .button-A {
padding: 8px;
}
@media screen and (max-width: 767px) { .posttags-tag {
bottom: 33px;
}
.blog__blogtitle {
font-size: 28px;
margin-top: 20px;
}
.pageblog-post {
display: flex;
padding: 0 2.5vw 10px;
margin: 20px -2.5vw 0;
}
.pageblog__link {
width: 99px;
height: 66px;
}
.pageblog-right__title {
margin-bottom: 0;
}
.pageblog-right {
margin-left: 10px;
}
.pageblog-right__title {
font-size: 14px;
}
.pageblog-right__date {
font-size: 10px;
margin-right: 10px;
}
.pageblog-right__date + .pageblog-right__date {
margin-left: 0;
margin-right: 0;
}
.pageblog__category-link {
font-size: 12px;
padding: 0 4px;
margin-top: 5px;
}
.pageblog__category-link:nth-child(n + 7) {
margin-right: 5px;
}
.pageblog-content-image {
width: 100px;
height: 100px;
} .archive_recommend_posts-post__recommend {
font-size: 12px;
top: -6.5px;
left: -4px;
}
.archive-recommend-posts-link {
width: 100%;
height: calc(95vw * 0.581);
}
.archive_recommend_posts-posts-link__img {
width: 100%;
height: auto;
}
.archive_recommend_posts-post__title {
margin-top: 10px;
}
.archive_recommend_posts-post__text {
margin-top: 10px;
}
.archive_recommend_posts-post {
padding-bottom: 10px;
}  .wppost {
width: 100%;
margin: 0 auto;
}
.office-post {
width: 95%;
}
.padding-bottom-5 {
padding-bottom: 5px;
}
.wppost h1,
.h1-style {
width: auto;
font-size: 26px;
font-weight: bold;
line-height: 1.2;
color: #333333;
margin-top: 16px;
margin-bottom: 8px;
}
.h1-style--tag {
padding-bottom: 20px;
}
.wppost h2,
.h2-style {
height: auto;
margin: 30px 0 20px 0;
padding: 10px;
font-size: 22px;
}
.wppost h3,
.h3-style {
height: auto;
font-size: 22px;
padding: 10px 0;
margin-bottom: 20px;
}
.h3margintopnone {
margin-top: 0;
} .wppost h4,
.h4-style {
font-size: 20px;
}
.wppost h5,
.h5-style {
height: auto;
font-size: 18px;
padding: 0;
}
.wppost h6,
.h6-style {
height: auto;
font-size: 17px;
padding: 0;
}
.wppost table:not(.table-over-x table) {
width: 100%;
}
.wppost table.table_small {
font-size: 14px;
}
.wppost table.table_small th,
.wppost table.table_small td {
padding: 3px;
}
.wppost .table_sp_block tr {
display: block;
margin-bottom: 10px;
}
.wppost .table_sp_block th,
.wppost .table_sp_block td {
display: block;
}
.wppost .table_sp_block td {
border: none;
}
.event-link-button a {
width: auto;
font-size: 15px;
line-height: 18px;
} .relatedpost {
height: auto;
}
.wppost .relatedpost-content-left-img {
width: 70px;
height: 50px;
}
.relatedpost-content-right__title {
font-size: 14px;
line-height: 1.3;
} .campaign {
padding: 20px 2.5vw;
margin: 20px 0 30px;
}
.campaign-content {
display: block;
text-align: center;
margin-bottom: 0;
} .campaign-content.campaign-content--ad {
width: 100%;
}
.campaign-content--ad img{
width: 100%;
height: auto;
}
.campaign-telbutton {
width: 100%;
height: 51px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 15px;
}
.campaign-content-detail-abstruct,
.campaign-content-detail-pr {
text-align: center;
}
.campaign-content-detail__telnum {
line-height: 1;
text-align: center;
}
.campaign-content-detail-pr__text {
width: auto;
margin: 0 auto;
text-align: left;
display: inline-block;
font-size: 15px;
}
.campaign-content-detail-abstruct {
margin-bottom: 0;
}
.campaign-content-detail-abstruct__text {
width: auto;
margin: 0 auto 22px;
text-align: left;
display: inline-block;
font-size: 14px;
}
.campaign-content-detail__abstruct--ad {
padding: 0;
}
.campaign-detailbutton {
height: auto;
border: none;
background: none;
}
.campaign-spimage {
border: solid 1px #dfdfdf;
display: block;
width: 100%;
height: 100%;
margin: 0 auto 10px;
}
.campaign-title {
margin-bottom: 20px;
text-align: left;
}
.campaign-title::after {
content: "";
display: block;
clear: both;
}
.campaign-title__prefecture--ad {
margin-bottom: 0px;
}
.campaign-title__title {
display: inline;
font-size: 20px;
}
.campaign-title-spright {
text-align: left;
padding-left: 10px;
}
.campaign-title-spleft {
float: left;
margin-right: 10px;
max-width: 100px;
min-width: 100px;
height: 100px;
}
.campaign-content-detail__businesshour {
font-weight: bold;
font-size: 13px;
text-align: center;
margin-bottom: 10px;
} .campaign--special {
padding: 0;
border-width: 4px;
}
.campaign-head {
padding: 12px 0;
}
.campaign-title--special {
margin: 0;
padding: 8px 10px 0;
display: flex;
align-items: center;
background-color: #FBFAF8;
}
.campaign-title-spright--special {
padding: 0;
}
.campaign-head__title {
font-size: 18px;
}
@media screen and (max-width: 374px) {
.wppost table.table_small th,
.wppost table.table_small td {
font-size: 13px;
}
.campaign-head__title {
font-size: 16px;
}
}
@media screen and (max-width: 375px) {
.campaign-telmail--special .campaign-telbutton--special {
font-size: 15px;
}
.campaign-telmail--special .consultbox-mail__button--special {
font-size: 15px;
}
.campaign--special .campaign-head__title.campaign-head__title--special {
font-size: 18px;
letter-spacing: 1px;
}
}
.campaign-content-div--special {
padding: 8px 0 12px;
}
.campaign-title__title--special.pc-only {
display: none;
}
.campaign-title__title--special {
display: inline-block;
width: 100%;
font-size: 19px !important;
margin: 8px;
}
@media screen and (max-width: 374px) {
.campaign-title__title--special {
font-size: 18px !important;
}
}
.campaign .campaign-content-detail__ul {
margin: 8px 0 0;
padding: 0;
justify-content: center;
}
.campaign .campaign-content-detail__li {
font-size: 14px;
}
.campaign-head__title.campaign-head__title--special {
font-size: 21px;
letter-spacing: -1px;
}
.campaign-content--affiliate {
display: flex;
}
@media screen and (max-width: 374px) {
.campaign .campaign-content-detail__li {
font-size: 12px;
}
}
.campaign-content-detail-abstruct--special {
margin: 0;
}
.campaign-content-detail-abstruct__text--special {
margin: 12px 0 0 !important;
font-size: 13px;
padding: 8px;
}
.campaign-content-detail__telnum--special {
margin-top: 2px;
position: static;
height: auto;
}
@media screen and (max-width: 374px) {
.campaign-content-detail__telnum--special {
font-size: 32px;
}
}
.campaign-detailbutton--special {
margin: 6px auto 0 !important;
padding: 6px 4px;
width: 95% !important;
display: block;
border: solid 1px #3a7eb2;
background-color: rgb(243, 248, 255);
box-shadow: none;
text-align: center;
font-size: 13px;
}
@media screen and (max-width: 374px) {
.campaign-detailbutton--special {
font-size: 11px;
}
}
.campaign-telmail--special {
display: flex;
align-items: center;
justify-content: space-around;
}
.campaign-telbutton--special {
width: 50% !important;
margin: 0 4px;
height: 42px;
font-size: 16px;
background-color: #f8032a;
box-shadow: 0 4px 0 0 #c51621;
position: relative;
}
.campaign-content-detail__text--special {
width: 260px;
margin: 0 auto;
}
.campaign-telmail__form {
width: 50%;
padding: 4px;
}
.campaign.show_pr_tag::after {
top: 2px;
left: 0;
line-height: 11px;
font-size: 10px;
height: 11px;
width: 18px;
}
.campaign--special.show_pr_tag::after {
top: -0.5px;
left: -1px;
line-height: 11px;
font-size: 10px;
}
.campaign--ad.show_pr_tag::after {
font-size: 18px;
width: auto;
}
.campaign.campaign--ad.show_pr_tag::before {
top: -0.5px;
left: -1px;
}
.consultbox-mail__button--special {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
font-size: 16px;
height: 42px;
box-shadow: 0 4px 0 0 #bababa;
background-color: #f2f2f2;
position: relative;
}
.consultbox-mail__button--special.consultbox-mail__button--special-affiliate:before {
display: none !important;
}
.consultbox-mail__button--special.consultbox-mail__button--special-affiliate:after {
content: ">" !important;
display: block;
margin-left: 8px;
font-weight: bold;
font-size: 0;
width: 8px;
height: 8px;
top: 16px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
right: 20px;
transform: rotate(45deg);
} .posttagarea {
margin-bottom: 50px;
}
.posttags {
text-align: left;
}
.posttags-cat {
margin-top: 16px;
margin-bottom: 0;
}
.posttag-item {
font-size: 12px;
}
.posttags-date {
font-size: 12px;
width: auto;
left: 0;
bottom: -33px;
}
.points {
padding: 8px;
}
#toc_container {
background-color: #f5f5f5;
}
#toc_container .toc_title {
padding: 0 0 10px 0 !important;
}
#toc_container ul.toc_list {
padding: 5px;
}
.toc_title::before {
font-size: 27px;
}
.archive-button {
margin-bottom: 20px;
padding: 0;
}
.snsbottom-title {
height: 55px;
}
.officeimg td {
padding: 0 1%;
} .page-story-archive-item {
width: 100%;
}
.page-story-archive-item:nth-child(2n) {
margin-left: 0;
margin-top: 20px;
}
}body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
outline: none;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//zeimo.jp/wp-content/themes/cafe-v2/img/lightbox2-loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//zeimo.jp/wp-content/themes/cafe-v2/img/lightbox2-prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//zeimo.jp/wp-content/themes/cafe-v2/img/lightbox2-next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//zeimo.jp/wp-content/themes/cafe-v2/img/lightbox2-close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
} .lb-data .lb-close {
display: none;
}
.theme-color{color:#0fafe6 !important;}.theme-background-color{background-color:#0fafe6 !important;}.theme-border-color{border-color:#0fafe6 !important;}.before-theme-color::before{color:#0fafe6 !important;}.before-theme-background-color::before{background-color:#0fafe6 !important;}.before-theme-border-color::before{border-color:#0fafe6 !important;}.after-theme-color::after{color:#0fafe6 !important;}.after-theme-background-color::after{background-color:#0fafe6 !important;}.after-theme-border-color::after{border-color:#0fafe6;}.hover-theme-color:hover{color:#0fafe6 !important;}.hover-theme-background-color:hover{background-color:#0fafe6 !important;}.hover-theme-border:hover{border-color:#0fafe6 !important;}.wppost h1,.wppost h2,.wppost h3,.wppost h4,.wppost h5,.wppost h6{border-color:#0fafe6 !important;}.toc_title::before{color:#0fafe6 !important;}.theme-transparency-color{color:rgba(15, 175, 230, 0.1) !important;}.theme-transparency-background-color{background-color:rgba(15, 175, 230, 0.1) !important;}.theme-transparency-border-color{border-color:rgba(15, 175, 230, 0.1) !important;}.hover-theme-transparency-background-color:hover{background-color:rgba(15, 175, 230, 0.1) !important;}.theme-deep-color{color:#1565c0 !important;color:#1565c0 !important;}.theme-deep-background-color{background-color:#1565c0 !important;}.theme-shadow-color{color:#0b84ae !important;}.theme-button-shadow{box-shadow:0 4px 0 0 #0b84ae !important;}.sub-color{color:#e89610;}.sub-background-color{background-color:#e89610 !important;}.sub-border-color{border-color:#e89610 !important;}.before-sub-color::before{color:#e89610;}.before-sub-background-color::before{background-color:#e89610 !important;}.before-sub-border-color::before{border-color:#e89610 !important;}.after-sub-color::after{color:#e89610;}.after-sub-background-color::after{background-color:#e89610 !important;}.after-sub-border-color::after{border-color:#e89610 !important;}.hover-sub-color:hover{color:#e89610 !important;}.hover-sub-background-color:hover{background-color:#e89610 !important;}.hover-sub-border:hover{border-color:#e89610 !important;}.sub-shadow-color{color:#686610 !important;}.sub-button-shadow{box-shadow:0 4px 0 0 #686610 !important;}.special-color-1{color:#81c765;}.special-background-color-1{background-color:#81c765 !important;}.special-border-color-1{border-color:#81c765 !important;}.before-special-color-1::before{color:#81c765;}.before-special-background-color-1::before{background-color:#81c765 !important;}.before-special-border-color-1::before{border-color:#81c765 !important;}.after-special-color-1::after{color:#81c765;}.after-special-background-color-1::after{background-color:#81c765 !important;}.after-special-border-color-1::after{border-color:#81c765 !important;}.hover-special-color-1:hover{color:#81c765 !important;}.hover-special-background-color-1:hover{background-color:#81c765 !important;}.hover-special-border-1:hover{border-color:#81c765 !important;}.special-shadow-color-1{color: !important;}.special-button-shadow-1{box-shadow:0 4px 0 0  !important;}.special-color-2{color:#eb7750;}.special-background-color-2{background-color:#eb7750 !important;}.special-border-color-2{border-color:#eb7750 !important;}.before-special-color-2::before{color:#eb7750;}.before-special-background-color-2::before{background-color:#eb7750 !important;}.before-special-border-color-2::before{border-color:#eb7750 !important;}.after-special-color-2::after{color:#eb7750;}.after-special-background-color-2::after{background-color:#eb7750 !important;}.after-special-border-color-2::after{border-color:#eb7750 !important;}.hover-special-color-2:hover{color:#eb7750 !important;}.hover-special-background-color-2:hover{background-color:#eb7750 !important;}.hover-special-border-2:hover{border-color:#eb7750 !important;}.special-shadow-color-2{color: !important;}.special-button-shadow-2{box-shadow:0 4px 0 0  !important;}.special-color-3{color:;}.special-background-color-3{background-color: !important;}.special-border-color-3{border-color: !important;}.before-special-color-3::before{color:;}.before-special-background-color-3::before{background-color: !important;}.before-special-border-color-3::before{border-color: !important;}.after-special-color-3::after{color:;}.after-special-background-color-3::after{background-color: !important;}.after-special-border-color-3::after{border-color: !important;}.hover-special-color-3:hover{color: !important;}.hover-special-background-color-3:hover{background-color: !important;}.hover-special-border-3:hover{border-color: !important;}.special-shadow-color-3{color: !important;}.special-button-shadow-3{box-shadow:0 4px 0 0  !important;}

body {
font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
background-color: #f8f8f8;
color: #111;
}
@media screen and (max-width: 767px) {
body {
background: #f8f8f8;
}
}
.single:not(.single-selection):not(.single-series),
.page:not(.page--blog) {
background-color: #fff;
}
body::after {
display: none;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background-color: #000;
opacity: 0;
transition: .5s;
z-index: 100;
}
.body--noScroll {
overflow: hidden;
position: relative;
}
.body--noScroll::after {
display: block;
opacity: .6;
}
header {
background-color: #f8f8f8;
} .inyou-quote-book {
font-size:16px;
}
.button-D {
transition: .2s;
}
.header-border {
height: 8px;
background-color: #052e3d;
}
.header-top {
text-align: center;
display: block;
align-items: center;
margin-bottom: 0;
padding: 20px 0;
}
.header-top .button-A:hover {
color: #eeeeee;
}
.header-top-logo-a__img {
height: 56px;
}
.info-header-top__button {
width: 284px;
margin: 0;
height: 50px;
}
.info-header-top-button__icon {
margin-right: 10px;
width: 22px;
height: 22px;
}
.top-title {
padding-top: 10px;
}
.zeimo-header-top-search {
position: absolute;
top: 54px;
right: 120px;
transform: translateY(-50%);
}
.zeimo-header-top-search-open {
display: none;
position: absolute;
top: 72px;
right: 120px;
box-sizing: border-box;
padding: 26px 48px 32px 52px;
width: 720px;
background-color: #f0f0f0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
z-index: 10000;
}
.zeimo-header-top-search__search .searchbox {
display: block;
}
.zeimo-header-top-search__search .searchbox-inside {
position: relative;
width: 100%;
border-radius: 4px;
border: solid 1px #707070;
text-align: left;
background-color: #ffffff;
}
.zeimo-header-top-search__search .searchbox-inside::before {
font-family: "icomoon";
content: "\e925";
position: absolute;
top: 6px;
right: 13px;
color: #052e3d;
font-size: 20px;
font-weight: bold;
}
.zeimo-header-top-search__search input[type="search"] {
box-sizing: border-box;
width: calc(100% - 40px);
border: none;
font-size: 16px;
}
.zeimo-header-top-search__search .searchbox-inside__button {
background-color: transparent;
font-size: 0;
margin: 0;
top: -1px;
right: 0px;
width: 40px;
height: 45px;
}
.zeimo-header-top-search-dummy {
position: relative;
padding: 5px 10px 3px 30px;
box-sizing: border-box;
min-width: 92px;
border-radius: 8px;
border: solid 2px #052e3d;
color: #444444;
font-size: 16px;
font-weight: bold;
}
.zeimo-header-top-search-dummy:hover {
cursor: pointer;
}
.zeimo-header-top-search-dummy::before {
font-family: "icomoon";
content: "\e926";
position: absolute;
top: 2px;
left: 7px;
color: #052e3d;
font-size: 18px;
font-weight: bold;
}
.zeimo-header-top-search-dummy--active {
color: #0fafe6;
border-color: #0fafe6;
}
.zeimo-header-top-search-dummy--active::before {
content: "×";
top: -6px;
left: 4px;
color: #0fafe6;
font-size: 26px;
font-weight: normal;
}
.zeimo-header-nav {
margin: 0 auto;
width: 1000px;
}
.zeimo-header-nav__ul {
display: flex;
justify-content: space-between;
}
.zeimo-header-nav__li {
position: relative;
}
.zeimo-header-nav__a {
position: relative;
display: flex;
padding: 0 8px 3px 18px;
box-sizing: border-box;
align-items: center;
color: #052e3d;
}
.zeimo-header-nav__a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: #0fafe6;
opacity: 0;
transition: .3s;
}
.zeimo-header-nav__a--active {
opacity: 1;
color: #0fafe6;
}
.zeimo-header-nav__a--active::after {
opacity: 1;
}
.zeimo-header-nav__image {
position: absolute;
left: 2px;
top: 1px;
width: 20px;
height: 20px;
transition: .3s;
}
.zeimo-header-nav__image--active:hover,
.zeimo-header-nav__image:hover {
opacity: 1;
}
.zeimo-header-nav__a--active > .zeimo-header-nav__image {
opacity: 0;
}
.zeimo-header-nav__image--active {
position: absolute;
left: 2px;
top: 1px;
width: 20px;
height: 20px;
opacity: 0;
transition: .3s;
}
.zeimo-header-nav__a--active > .zeimo-header-nav__image--active {
opacity: 1;
}
.zeimo-header-nav__text {
margin-left: 8px;
font-size: 16px;
font-weight: bold;
transition: .3s;
}
.zeimo-header-nav__text--sub {
font-weight: normal;
}
.zeimo-header-nav-sub-menu {
display: none;
position: absolute;
top: 27px;
left: 0;
z-index: 100;
}
.zeimo-header-nav-sub-menu__li {
}
.zeimo-header-nav__li:last-child .zeimo-header-nav-sub-menu {
left: auto;
right: 0;
}
.zeimo-header-nav-sub-menu__a {
box-sizing: border-box;
display: block;
width: 232px;
text-align: center;
padding: 8px;
background-color: rgba(5, 46, 61, 0.88);
color: #fff;
font-size: 16px;
}
.zeimo-header-nav-sub-menu__a:hover {
background-color: rgba(15, 175, 230, 0.96);
opacity: 1;
} .archive-recommend-posts-link {
width: 720px;
height: 300px;
}
.archive_recommend_posts-posts-link__img {
width: 720px;
}
@media screen and (max-width: 767px) {
.archive-recommend-posts-link {
width: 95vw;
height: calc(95vw * 0.416);
}
.archive_recommend_posts-posts-link__img {
width: 100%;
}
} .consult-content-check-image2 {
width: 300px;
text-align: center;
} .info-keyvisual-outer {
position: relative;
margin: 0 calc((100vw - 100%) / -2);
padding: 0 calc((100vw - 100%) / 2);
overflow: hidden;
}
.info-keyvisual {
position: relative;
height: 456px;
text-align: center;
}
.info-keyvisual-outer__img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
} .info-top-counter {
position: absolute;
padding: 8px;
border-radius: 8px;
text-align: center;
letter-spacing: -0.4em;
}
.info-top-counter--skj {
top: 360px;
left: 560px;
}
.info-top-counter--taj {
top: 375px;
left: 670px;
}
.info-top-counter-text {
display: inline-block;
vertical-align: top;
letter-spacing: normal;
}
.info-top-counter-text_text1 {
font-size: 24px;
font-weight: bold;
line-height: 1;
color: #ffffff;
}
.info-top-counter-text_text2 {
margin-top: 8px;
font-size: 16px;
font-weight: bold;
line-height: 1;
color: #ffffff;
}
.info-top-counter-number {
display: inline-block;
vertical-align: top;
margin-left: 8px;
letter-spacing: normal;
}
.info-top-counter-number_date {
font-family: "Helvetica Neue";
padding: 8px;
border-radius: 8px;
background-color: #ffffff;
color: #333333;
font-size: 32px;
font-weight: bold;
line-height: 1;
}
.info-top-counter-unit {
display: inline-block;
vertical-align: bottom;
margin-left: 5px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
line-height: 1;
letter-spacing: normal;
} .info-counter {
padding: 16px 8px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 4px;
border: solid 2px #052e3d;
background-color: #fdfdfd;
color: #052e3d;
font-size: 0;
}
.info-counter__left {
max-width: calc(100% - 113px);
}
.info-counter__right {
display: inline-flex;
align-items: center;
}
.info-counter-text_text1 {
display: inline-block;
font-size: 16px;
font-weight: bold;
}
.info-counter-text_text2 {
display: inline-block;
max-width: 32px;
font-size: 14px;
font-weight: bold;
}
.info-counter__number {
margin-left: 6px;
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
}
.info-counter__number-span {
font-family: "Helvetica Neue";
color: #ffffff;
font-size: 22px;
font-weight: bold;
}
.info-counter-unit {
display: inline-block;
margin-left: 5px;
font-size: 14px;
font-weight: bold;
} .skj-taxrate-outer {
position: relative;
margin: 0 calc((100vw - 100%) / -2);
padding: 0 calc((100vw - 100%) / 2);
overflow: hidden;
height: 64px;
background-color: #444444;
}
.skj-taxrate {
letter-spacing: -0.4em;
}
.skj-taxrate__icon {
display: inline-block;
vertical-align: middle;
padding: 16px 0;
}
.skj-taxrate__description {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
padding: 24px 0;
font-size: 14px;
line-height: 1;
color: #f5f5f5;
letter-spacing: normal;
}
.skj-taxrate__form {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
padding: 10px 0;
letter-spacing: normal;
}
.skj-taxrate__input-text {
box-sizing: border-box;
width: 350px;
height: 40px;
padding: 8px;
padding-left: 8px;
border: 1px solid #eceee7;
border-radius: 4px;
background: #fff;
outline: none;
font-size: 16px;
}
.skj-taxrate__input-submit {
box-sizing: border-box;
width: 200px;
height: 40px;
margin-left: 8px;
padding: 8px;
border-radius: 4px;
box-shadow: 0 4px 0 0 #0b0203;
background-color: #e05366;
font-size: 16px;
line-height: 1;
font-weight: bold;
color: #f5f5f5;
}
.skj-taxrate__input-submit:hover {
cursor: pointer;
opacity: 0.7;
} .taj-topic {
padding-top: 45px;
margin: 0 calc((100vw - 100%) / -2);
background-color: #f5f5f5;
}
.taj-topic-top-title__subtext {
margin-top: 15px;
}
.taj-topic-top-title__title {
margin-top: 15px;
}
.taj-topic-content {
margin: 0 auto;
padding: 36px 0 80px;
width: 1000px;
}
.taj-topic-content input[type="radio"] {
display: none;
}
#taj-topic-tab-list > ul > li:first-child .taj-topic-tab {
margin-left: 0;
}
.taj-topic-tab {
float: left;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
margin-left: 8px;
width: 328px;
height: 88px;
background-color: #2eadb2;
color: #ffffff;
text-align: center;
font-size: 24px;
font-weight: bold;
line-height: 24px;
}
.taj-topic-tab-body {
box-sizing: border-box;
width: 100%;
height: 500px;
background-color: #ffffff;
letter-spacing: -0.4em;
}
#taj-topic-tab-panels > .taj-topic-tab-body {
display: none;
}
#taj-topic-tab-1:checked
~ #taj-topic-tab-list
#li-for-taj-topic-tab-1
> .taj-topic-tab,
#taj-topic-tab-2:checked
~ #taj-topic-tab-list
#li-for-taj-topic-tab-2
> .taj-topic-tab,
#taj-topic-tab-3:checked
~ #taj-topic-tab-list
#li-for-taj-topic-tab-3
> .taj-topic-tab {
border-top: 5px solid #2eadb2;
background-color: #ffffff;
color: #2eadb2;
}
#taj-topic-tab-1:checked ~ #taj-topic-tab-panels > #taj-topic-tab-body-1,
#taj-topic-tab-2:checked ~ #taj-topic-tab-panels > #taj-topic-tab-body-2,
#taj-topic-tab-3:checked ~ #taj-topic-tab-panels > #taj-topic-tab-body-3 {
display: block;
}
.taj-topic-tab-body__image {
display: inline-block;
vertical-align: top;
width: 500px;
height: 500px;
}
.taj-topic-tab-body-right {
display: inline-block;
vertical-align: top;
width: 500px;
height: 500px;
letter-spacing: normal;
}
.taj-topic-tab-body-right__subtext {
width: 400px;
margin-top: 66px;
margin-left: 50px;
padding-bottom: 12px;
border-bottom: 4px solid #2eadb2;
font-size: 24px;
font-weight: bold;
line-height: 1.4;
color: #444444;
}
.taj-topic-tab-body-right-list {
width: 372px;
margin-top: 30px;
margin-left: 64px;
}
.taj-topic-tab-body-right-list__link {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
margin-top: 16px;
margin-left: 10px;
padding: 12px;
border-radius: 20px;
background-color: #2eadb2;
font-size: 18px;
font-weight: bold;
line-height: 1;
color: #ffffff;
} .sz_category_list-parent {
padding: 20px 10px 25px 15px;
border: 1px solid #dfdfdf;
background-color: #f5f5f5;
}
.sz_category_list-parent-li {
margin-top: 10px;
}
.sz_category_list-parent-li:first-child {
margin-top: 0;
}
.sz_category_list-parent-li__link {
font-size: 15px;
font-weight: bold;
color: #4d4d4d;
}
.sz_category_list-parent-li__link:hover {
color: #4d4d4d;
}
.sz_category_list-parent-li__link::before {
margin-right: 8px;
font-weight: normal;
}
.sz_category_list-parent-li__link__span {
font-size: 11px;
font-weight: normal;
}
.sz_category_list-child {
margin-left: 20px;
}
.sz_category_list-child-li {
display: inline-block;
}
.sz_category_list-child-li__link {
margin-right: 12px;
font-weight: bold;
font-size: 14px;
} .welcome-icon-search::before,
.welcome-icon-calculator::before,
.welcome-icon-scale::before {
content: none;
} .pagetop-link {
border-radius: 50%;
background-color: rgba(15, 175, 230, 0.64);
}
.pagetop-link:before {
font-size: 22px;
}
.footer-search-consult {
width: 300px;
}
.consult-content-image2__img {
width: auto;
} .footer-search-category.footer-search-category-wide {
width: 100%;
margin-top: 50px;
}
.footer-categorylist {
display: inline-block;
width: 25%;
vertical-align: top;
font-weight: bold;
}
.footer-categorylist > li {
padding: 2px 16px 2px 0;
}
.footer-categorylist > li > ul {
margin-bottom: 20px;
}
.footer-categorylist > li > .sub-menu {
padding-left: 10px;
font-weight: normal;
}
.footer-categorylist > li > .sub-menu > li {
margin-top: 5px;
}
.recommend-content.category-sidebar-link--small-margin .category-sidebar-link-item:not(:last-child) {
margin-bottom: 4px;
padding-bottom: 4px;
}
.category-sidebar-link-item.category-sidebar-link-item--sub-item {
margin-left: 1em;
}
#content.home {
display: block;
}
.home-bottom {
display: table;
table-layout: fixed;
width: 1000px;
}
.home__button {
border: solid 2px;
border-radius: 24px;
font-size: 14px;
padding: 8px 28px 8px 22px;
background-color: #fff;
font-weight: bold;
line-height: 1;
overflow: hidden;
margin: 0 0 0 auto;
display: inline-block;
text-align: center;
position: relative;
transition: .2s;
}
.home__button:hover {
opacity: 1;
color: #fff !important;
}
.home__button::after {
position: absolute;
content: '';
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px;
border-right: solid 2px;
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%) rotate(45deg);
pointer-events: none;
}
.posttagarea {
margin-bottom: 30px;
height: auto;
}
.posttagarea+.wppost {
margin-top: 20px;
}
.posttags-tag {
position: static;
}
.posttags-date {
bottom: -24px;
} .wppost {
margin-top: 35px;
} #toc_container {
padding: 16px;
width: 100% !important;
border: 2px solid #ddd;
border-radius: 4px;
background-color: #f5f5f5;
}
.wppost #toc_container .toc_title {
padding: 0 !important;
color: #0fafe6;
}
.wppost #toc_container .toc_title::before {
position: relative;
top: 4px;
content: '\e951';
font-weight: normal;
font-size: 24px;
}
.wppost #toc_container .toc_toggle {
visibility: unset;
position: relative;
top: -2px;
left: 10px;
color: #0fafe6;
font-size: 10px;
font-weight: bold;
}
.wppost .toc_toggle a {
color: #0fafe6;
font-size: 10px;
}
.wppost .toc_list {
margin-top: 8px;
}
.wppost .toc_list,
.wppost .toc_list ul {
margin-left: 0;
border: none;
padding: 0 3px;
}
.wppost .toc_list li::before {
top: 9px;
width: 12px;
height: 12px;
background-color: #0fafe6;
}
.wppost .toc_list li > a {
margin-left: 0;
}
.wppost .toc_list ul li {
padding-left: 8px;
}
.wppost .toc_list ul li::before {
display: none;
}
.wppost .toc_list ul li > a {
margin-left: 0;
font-size: 14px;
} .wppost .eyecatch-cut-frame {
width: auto;
height: 300px;
overflow: hidden;
position: relative;
margin-bottom: 15px;
}
.wppost .eyecatch-cut-frame img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
} .wppost h1,
.h1-style {
padding-bottom: 0;
border: none;
color: #111;
font-size: 28px;
}
.wppost h2,
.h2-style {
position: relative;
margin: 40px 0 16px 0;
padding: 18px 32px 15px 32px;
border: none;
font-size: 24px;
background-color: #eaeaea;
}
.wppost h2::after,
.h2-style::after {
content: '';
position: absolute;
left: 12px;
top: 8px;
width: 4px;
height: calc(100% - 16px);
border-radius: 8px;
background-color: #0fafe6;
}
.wppost h3,
.h3-style {
position: relative;
margin: 32px 0 16px 0;
padding-bottom: 8px;
border-bottom: none;
font-size: 20px;
font-weight: bold;
}
.wppost h3::after,
.h3-style::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 8px;
width: 100%;
height: 4px;
background-color: #0fafe6;
}
.wppost h4,
.h4-style {
position: relative;
margin: 32px 0 16px 0;
border: none;
padding: 0 0 0 12px;
font-size: 18px;
font-weight: bold;
}
.wppost h4::after,
.h4-style::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 4px;
height: 100%;
border-radius: 8px;
background-color: #0fafe6;
}
.wppost h5,
.h5-style {
margin: 32px 0px 16px 0px;
font-size: 17px;
font-weight: bold;
}
.wppost h6,
.h6-style {
margin: 32px 0px 16px 0px;
color: #0fafe6;
font-size: 16px;
font-weight: bold;
}
.wppost p {
line-height: 1.7;
letter-spacing: .3px;
color: #111;
font-size: 16px;
}
.wppost ul,
.wppost ol { padding: 8px 16px;
border-radius: 4px;
border: 2px solid #ddd;
background-color: #f5f5f5;
}
.wppost li {
margin: 12px 0;
}
.wppost ul li {
padding-left: 22px;
}
.wppost ul li::before {
top: 5px; width: 14px;
height: 14px;
background-color: #ddd;
}
.wppost ol li {
padding-left: 4px; }
.wppost th {
background-color: #052e3d;
color: #fff;
}
.wppost td {
color: #111;
background-color: #fff;
}
.wppost img {
margin-top: 0;
} .wppost .marker,
.wppost .maker {
color: #e60f44;
}
.wppost .caption-check {
position: relative;
padding-left: 1.5em;
color: #052e3d;
font-weight: bold;
margin-bottom: 4px;
}
.wppost .caption-check::before {
content: "";
position: absolute;
left: 0;
top: 2px;
height: 18px;
width: 18px;
display: inline-block;
background-image: url(//zeimo.jp/wp-content/uploads/cafe-settings-images/zeimo_ic_checked_2x.png);
background-repeat: no-repeat;
background-size: contain;
}
.wppost .formula,
.wppost .caution,
.wppost .point{
font-size:16px;
position: relative;
margin-bottom: 40px;
}
.wppost .formula::before,
.wppost .caution::before,
.wppost .point::before {
font-size:16px;
position: absolute;
top:-40px;
left:0px;
font-family: "icomoon" !important;
}
.wppost .formula::after,
.wppost .caution::after,
.wppost .point::after {
font-family: "icomoon" !important;
left:10px;
top:32px;
transform: translateY(-50%);
position:absolute;
font-size:48px;
}
.wppost .formula {
padding: 22px 24px;
border: solid 3px #0fafe6;
background-color: #f8fbfc;
}
.wppost .caution {
padding: 18px 14px 18px 64px;
border: solid 3px #e60f44;
background-color: #fffcfc;
}
.wppost .caution::after {
content:"\e94b";
}
.wppost .point {
padding: 18px 14px 18px 64px;
border-radius: 4px;
border: solid 3px #dddddd;
background-color: #f5f5f5;
}
.wppost .point::after {
content:"\e94c";
}
.wppost blockquote,
.wppost .inyou,
.inyou-question,
.inyou-quotation,
.inyou-quote-qa,
.inyou-quote-case,
.inyou-quote-book {
padding: 16px;
border-radius: 4px;
border: solid 2px #dddddd;
background-color: #f5f5f5;
font-size: 16px;
}
.inyou-quote-qa,
.inyou-quote-case,
.inyou-quote-book {
padding-left: 76px;
}
.inyou-question,
.inyou-quotation {
padding-left: 76px;
padding-right: 76px;
}
.wppost .screenshot {
width: 320px;
vertical-align: top;
}
.wppost .screenshot:nth-of-type(2) {
margin-left: 16px;
}
.wppost .inline-block {
display: inline-block;
vertical-align: top;
margin-left: 16px;
}
.wppost .center {
display: block;
text-align: center;
}
.wppost table.table_outer_border_only {
border: solid 1px #333333;
}
.wppost table.table_outer_border_only th,
.wppost table.table_outer_border_only td {
border: none;
} .post_same_tag-ul {
display: flex;
}
.post_same_tag-ul-li {
margin-left: 0;
width: 170px;
font-size: 0;
}
.post_same_tag-ul-li:nth-child(n+2) {
margin-left: 13px;
}
.post_same_tag-ul-li-link {
height: 98px;
}
.post_same_tag-ul-li-link,
.post_same_tag-ul-li-link__img,
.post_same_tag-ul-li__title {
width: 170px;
}
.post_same_tag-ul-li__title {
padding-top: 8px;
font-size: 16px;
} @media screen and (max-width: 767px) {
.posttagarea {
margin-bottom: 26px;
}
.posttagarea--tag {
margin-bottom: 52px;
}
.posttags-date {
bottom: -19px;
}
.wppost {
margin-top: 27px;
} .wppost #toc_container .toc_title {
font-size: 18px;
}
.wppost #toc_container .toc_title::before {
}
.wppost .toc_list {
margin-top: 4px;
}
.wppost .toc_list li > a,
.wppost .toc_list ul li > a {
font-size: 12px;
}
.wppost h1,
.h1-style {
font-size: 18px;
}
.wppost h2,
.h2-style {
margin: 24px 0px 16px 0px;
padding-left: 24px;
font-size: 20px;
}
.wppost h3,
.h3-style {
margin: 24px 0px 16px 0px;
font-size: 18px;
}
.wppost h4,
.h4-style {
margin: 24px 0px 16px 0px;
font-size: 17px;
}
.wppost h5,
.h5-style {
margin: 24px 0px 16px 0px;
font-size: 16px;
}
.wppost h6,
.h6-style {
margin: 24px 0px 16px 0px;
font-size: 15px;
}
.wppost li {
margin: 8px 0;
}
.wppost p {
font-size: 15px;
}
.wppost ul,
.wppost ol {
font-size: 15px;
}
.inyou-quote-book {
font-size:15px;
}
.wppost .formula,
.wppost .caution,
.wppost .point {
font-size:15px;
}
.wppost blockquote,
.wppost .inyou {
line-height: 1.9;
font-size: 15px;
}
.wppost table {
font-size: 14px;
}
.post_same_tag-ul {
display: block;
}
.post_same_tag-ul-li {
width: auto;
}
.post_same_tag-ul-li:nth-child(n+3) {
margin-top: 8px;
}
.post_same_tag-ul-li-link {
width: calc(100vw * 160 / 375);
height: calc(100vw * 84 / 375);
}
.post_same_tag-ul-li-link__img {
width: calc(100vw * 160 / 375);
}
.post_same_tag-ul-li__title {
padding-top: 0;
padding-left: 8px;
width: calc(100vw * 190 / 375 - 3px);
}
.post_same_tag-ul-li:nth-child(n+2) {
margin-left: 0;
}
.post_same_tag-ul-li:first-child .post_same_tag-ul-li__title {
padding-left: 0;
}
} .discriminator {
padding: 25px 36px 20px;
background-color: #efefef;
border: solid 1px #999;
border-radius: 4px;
}
.discriminator__before_text {
display: inline-block;
font-size: 20px;
color: #444;
position: relative;
left: 72px;
}
.discriminator__before_text::before {
font-family: 'icomoon';
content: '\e949';
position: absolute;
left: -72px;
top: -15px;
font-size: 48px;
}
.discriminator__before_text--bold {
font-weight: bold;
}
.discriminator__before_text--big {
font-size: 32px;
font-weight: bold;
}
.discriminator__search_text {
margin: 24px 0 0 18px;
display: inline-block;
font-weight: bold;
}
input[type="text"].discriminator__input-text {
margin-left: 8px;
padding: 10px;
display: inline-block;
width: 458px;
border: 1px solid #e5e5e5;
border-radius: 4px;
font-size: 14px;
}
.discriminator__input-submit {
margin: 16px 0 0 auto;
padding: 10px 32px;
display: block;
background-color: #e05366;
border-radius: 24px;
color: #fff;
font-weight: bold;
font-size: 17px;
}
.discriminator__input-submit:hover {
cursor: pointer;
opacity: 0.8;
}
#discriminator-error {
box-sizing: border-box;
width: 100%;
margin-top: 24px;
padding: 8px 16px;
border: 1px solid #eee;
background-color: #ffeeee;
color: red;
}
.discriminator-result__table {
width: 100%;
}
.discriminator-result__th {
width: 36px;
}
.discriminator-result__td {
background-color: #fff;
}
.discriminator-result__th--message {
font-size: 11px;
}
#output-descriminator-access {
display: none;
}
.discriminator__loading {
display: none;
margin-top: 10px;
width: 100%;
height: 32px;
background: url(//zeimo.jp/wp-content/themes/cafe-v2/img/bx_loader.gif) center center no-repeat;
z-index: 9;
} #housingloan-calc {
width: 30%;
height: 50px;
font-size: 16px;
font-weight: bold;
color: #444;
background-color: #f5f5f5;
border: solid 1px #dfdfdf;
border-radius: 2px;
box-shadow: 0 2px 0 0 #7c7c7c;
margin-top: 20px;
}
#housingloan-calc:hover {
opacity: 0.7;
cursor: pointer;
}
#housingloan-calc::before {
color: #444;
margin-right: 10px;
font-family: "icomoon";
content: "\e909";
font-size: 21px;
font-weight: normal;
position: relative;
top: 4px;
left: -8px;
}
#house-loan-form input[type="text"],
#house-loan-form input[type="number"],
#house-loan-form input[type="tel"] {
background-color: rgb(241, 244, 244);
}
#house-loan-form input {
border: 1px solid rgb(204, 204, 204);
text-align: right;
padding: 0 10px 0 5px;
}
#house-loan-form #borrowings {
margin-right: 10px;
}
#house-loan-form #interestRate {
margin: 0 10px;
}
#house-loan-form #year {
padding-left: 10px;
}
.discriminator-result__table .relatedpost-content {
display: inline-block;
}
.calc-spouse-deduction .error {
display: none;
font-size: 16px;
color: red;
}
#spouseDeductionSubmit {
width: 30%;
height: 50px;
font-size: 16px;
font-weight: bold;
color: #444;
background-color: #f5f5f5;
border: solid 1px #dfdfdf;
border-radius: 2px;
box-shadow: 0 2px 0 0 #7c7c7c;
margin-top: 20px;
}
#spouseDeductionSubmit:hover {
cursor: pointer;
}
#spouseDeductionSubmit::before {
color: #444;
margin-right: 10px;
font-family: "icomoon";
content: "\e909";
font-size: 21px;
font-weight: normal;
position: relative;
top: 4px;
left: -8px;
} .banner-slider {
margin-top: 18px;
}
.footer-site_menu,
.footer-site_about,
.footer-relation_site,
.footer-externallink {
display: block;
margin: 0;
margin-bottom: 24px;
width: 100%;
} .home + footer {
margin-top: 80px;
}
footer {
background-color: #eaeaea;
padding-top: 0;
margin: 80px calc((100vw - 100%) / -2) 0;
}
.footer-top {
position: absolute;
right: 0;
width: 240px;
text-align: right; }
.footer-search {
padding-bottom: 0;
}
.footer-search__title {
color: #052e3d;
margin-bottom: 0;
width: 100%;
}
.footer-info__text::after {
content: "";
padding: 0 12px;
}
.footer-info__a {
color: #111111;
font-size: 12px;
}
.footer-top__logo {
margin-bottom: 24px;
}
.footer-info__a:hover {
text-decoration: underline;
}
.footer-top__logo {
margin-bottom: 48px;
}
.footer-top__logo__img {
height: 56px;
background-color: transparent;
}
.footer-bottom {
position: relative; }
.footer-bottom-sns-link {
position: inherit;
margin: 0 8px;
}
.footer-bottom-sns {
width: auto;
position: revert;
}
.footer-externallink-cafebanner {
flex-wrap: wrap;
}
.footer-externallink-cafebanner-banner {
width: 100%;
}
.footer-last {
background-color: #052e3d;
}
@media screen and (max-width: 767px) {
.footer-top {
position: inherit;
margin-top: 24px;
}
.footer-externallink {
padding: 0;
}
} .banner-slider__title {
border-bottom: 2px solid #052e3d;
color: #052e3d;
font-size: 20px;
font-weight: bold;
}
.banner-slider__slider {
margin-top: 16px;
font-size: 0;
}
.banner-slider .bx-wrapper {
max-width: none !important;
} .bx-wrapper.slide .bx-prev,
.bx-wrapper.slide .bx-next,
.bx-wrapper.slide .bx-pager-link {
pointer-events: none;
}
.banner-slider .bx-viewport {
margin: 0 auto;
width: calc(100% - 8px) !important;
height: auto !important;
}
.banner-slider__item {
position: relative;
display: inline-block;
width: 232px !important;
height: 144px;
overflow: hidden;
border-radius: 8px;
cursor: pointer;
}
.banner-slider .bx-viewport .banner-slider__item,
.banner-slider__item:not(:last-child) {
margin-right: 8px;
}
.banner-slider__bg {
display: inline-block;
width: 100%;
height: 100%;
}
.banner-slider__bg--overlay {
position: relative;
}
.banner-slider__bg--overlay::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #111;
opacity: .4;
}
.banner-slider__img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
text-align: center;
max-width: 100%;
max-height: 100%;
}
.banner-slider__texts {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
}
.banner-slider__subtitle {
margin-top: 22px;
display: block;
line-height: 1.1;
color: #fff;
font-size: 14px;
}
.banner-slider__subtitle--no-label {
margin-top: 30px;
}
.banner-slider__item-title {
margin-top: 12px;
display: block;
line-height: 1.1;
color: #fff;
font-size: 22px;
font-weight: bold;
}
.banner-slider__item-title--no-label {
margin-top: 24px;
}
.banner-slider__label {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 8px;
text-align: center;
background-color: #0fafe6;
color: #fff;
border-radius: 0 0 8px 8px;
font-size: 14px;
}
.banner-slider__label::before {
content: '\e904';
font-family: 'icomoon';
position: absolute;
bottom: 10px;
right: 24px;
color: #fff;
font-size: 9px;
}
.banner-slider__label::after {
content: '\e904';
font-family: 'icomoon';
position: absolute;
bottom: 10px;
right: 18px;
color: #fff;
font-size: 9px;
}
.banner-slider .bx-wrapper {
position: relative;
}
.banner-slider .bx-wrapper .bx-pager {
margin-top: 16px;
text-align: center;
}
.banner-slider .bx-pager-item {
display: inline-block;
}
.banner-slider .bx-pager-link {
margin: 0 8px;
width: 8px;
height: 8px;
text-indent: -9999px;
display: inline-block;
border-radius: 50%;
background-color: #dfdfdf;
}
.banner-slider .bx-pager-link.active {
background-color: #00afe6;
}
.banner-slider .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 46%;
margin-top: -16px;
outline: 0;
width: 0;
height: 0;
z-index: 1;
text-indent: 0;
}
.banner-slider .bx-wrapper .bx-controls-direction a:hover {
opacity: 1;
}
.banner-slider .bx-wrapper .bx-prev {
left: -4px;
}
.banner-slider .bx-wrapper .bx-next {
right: 20px;
}
.banner-slider .bx-wrapper .bx-prev::after,
.banner-slider .bx-wrapper .bx-next::after {
position: absolute;
font-family: 'icomoon';
content: '\e904';
padding: 6px 8px 3px 11px;
width: 24px;
height: 24px;
box-sizing: border-box;
border-radius: 50%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background-color: #fff;
color:  #0fafe6;
font-size: 9px;
}
.banner-slider .bx-wrapper .bx-prev::after {
transform: rotate(180deg);
} .widget_zeimo_mv {
height: auto;
}
.zeimo-mv {
width: 100vw;
height: auto;
}
@media screen and (min-width: 1000px) {
.zeimo-mv {
margin: 0 calc(-50vw + 500px);
height: 430px;
}
}
.zeimo-mv .bx-wrapper {
position: relative;
overflow: hidden;
}
.zeimo-mv .bx-viewport {
overflow: visible !important; left: calc(50vw - 352px);
}
.zeimo-mv__item {
position: relative;
margin-right: 8px; width: 704px !important;
height: 396px;
overflow: hidden;
opacity: 0;
transition: .2s;
}
.zeimo-mv__item::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .16;
pointer-events: none;
}
.zeimo-mv__item.active::after {
display: none;
}
.bx-viewport .zeimo-mv__item {
opacity: 1;
}
.zeimo-mv__img-div {
display: flex;
justify-content: center;
align-items: center; width: 704px;
height: 396px;
cursor: pointer;
}
.zeimo-mv__img { min-width: 704px;
min-height: 396px; width: 704px;
}
.zeimo-mv__front {
position: absolute;
bottom: 0;
left: 0;
padding: 6px 55px 0;
display: inline-block;
box-sizing: border-box;
width: 704px;
height: 83px;
background-color: rgba(17, 17, 17, .88);
}
.zeimo-mv__label {
margin-top: 8px;
padding: 2px 8px;
box-sizing: border-box;
text-align: center;
border-radius: 4px;
color: #fff;
font-size: 12px;
}
.zeimo-mv__title {
margin-top: 8px;
display: inline-block;
line-height: 1.2;
color: #fff;
font-weight: bold;
font-size: 18px;
cursor: pointer;
}
.zeimo-mv__title--no-label {
margin-top: 32px;
}
.zeimo-mv .bx-controls {
position: relative;
padding-left: calc(50vw - 500px);
padding-right: calc(50vw - 500px);
}
.zeimo-mv .bx-controls-direction a {
position: absolute;
bottom: -2px;
width: 28px;
height: 28px;
text-indent: 0;
}
.zeimo-mv .bx-prev {
top: auto;
left: calc(50vw - 100px);
}
.zeimo-mv .bx-next {
top: auto;
right: calc(50vw - 100px);
}
.zeimo-mv .bx-prev:hover,
.zeimo-mv .bx-next:hover {
opacity: 1;
}
.zeimo-mv .bx-prev::after,
.zeimo-mv .bx-next::after {
font-family: 'icomoon';
content: '\e904';
position: absolute;
top: 2px;
left: 10px;
color: #0fafe6;
font-size: 16px;
font-weight: bold;
}
.zeimo-mv .bx-prev::after {
transform: rotate(180deg);
}
.zeimo-mv .bx-next::after {
}
.zeimo-mv .bx-pager {
text-align: center;
margin-top: 12px;
}
.zeimo-mv .bx-pager-item {
vertical-align: middle;
display: inline-block;
font-size: 0;
}
.zeimo-mv .bx-pager-link {
margin: 0 8px;
width: 8px;
height: 8px;
display: block;
border-radius: 50%;
background-color: #dfdfdf;
}
.zeimo-mv .bx-pager-link.active {
background-color: #00afe6;
} .zeimo-popular-keywords {
margin-top: 14px;
}
.zeimo-popular-keywords--header {
margin-top: 20px;
text-align: left;
}
.zeimo-popular-keywords__title {
border-bottom: 1px solid #052e3d;
color: #052e3d;
font-size: 20px;
font-weight: bold;
}
.zeimo-popular-keywords__title--side {
}
.zeimo-popular-keywords__title--side::before {
position: absolute;
top: -1px;
left: 2px;
font-family: 'icomoon';
content: '\e94a';
font-size: 16px;
}
.zeimo-popular-keywords__ul {
margin-top: 14px;
font-size: 0;
}
.zeimo-popular-keywords__li {
margin: 0 8px 8px 0;
display: inline-block;
}
.zeimo-popular-keywords__a {
padding: 4px 14px;
display: inline-block;
border-radius: 32px;
background-color: #eaeaea;
color: #111;
font-size: 13px;
transition: .2s;
}
.zeimo-popular-keywords__a:hover {
opacity: 1;
color: #fff;
background-color: #052e3d;
}
.zeimo-popular-keywords__a--header {
border: solid 1px #d5d5d5;
background-color: #fdfdfd;
}
@media screen and (max-width: 999px) and (min-width: 768px) {
.info-keyvisual-outer {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.skj-taxrate-outer {
margin: 0;
padding: 0 20px;
height: 128px;
}
.skj-taxrate__form {
display: block;
}
}
@media screen and (max-width: 767px) { .header-border {
height: 6px;
}
.header-top {
margin: 10px 0 0;
padding-bottom: 5px;
min-height: 38px;
text-align: left;
}
.header-top-logo-a__img {
display: inline-block;
width: auto;
max-height: 31px;
}
@media screen and (max-width: 374px) {
.header-top-logo-a__img {
max-height: 27px;
}
}
.zeimo-header-nav__image {
left: 10px;
top: 14px;
}
.zeimo-header-nav__text {
display: inline-block;
width: calc(100% - 26px);
}
.zeimo-header-nav__text--sub {
display: inline-block;
width: calc(100% - 12px);
line-height: 1.4;
}
.zeimo-header-top-search {
display: none;
}
.sp-header-menu {
margin-top: 0;
margin-bottom: 0;
box-sizing: border-box;
padding: 30px 16px 24px;
max-width: 67.2vw;
}
.sp-header-menu__ul {
border-top: 1px solid #052e3d;
}
.sp-header-menu__li {
font-size: 0;
}
.sp-header-menu__link--div,
.sp-header-menu a {
position: relative;
padding: 11.5px 0 11.5px 30px;
border-bottom: 1px solid #052e3d;
display: block;
color: #052e3d;
font-size: 16px;
font-weight: bold;
}
.sp-header-menu__link--div::after {
font-family: "icomoon";
content: "\e904";
position: absolute;
top: 15px;
right: 6px;
font-size: 12px;
transform: rotate(90deg);
transition: .5s;
}
.sp-header-menu__link--active::after {
transform: rotate(-90deg);
}
.sp-header-menu__sub-ul {
display: none;
}
.sp-header-menu .sp-header-menu__sub-link {
padding-left: 28px;
background-color: #052e3d;
border-color: #f8f8f8;
color: #eaeaea;
font-weight: normal;
}
.sp-header-menu__searhform {
border-bottom: 1px solid #052e3d;
}
.sp-header-menu__searhform .searchbox-inside {
width: calc(67.2vw - 32px);
}
.sp-header-menu__searhform .searchbox-inside::before {
font-family: "icomoon";
content: "\e925";
position: absolute;
bottom: 6px;
left: 4px;
padding: 1.5px 5.5px;
background-color: #052e3d;
border-radius: 50%;
color: #fff;
font-weight: bold;
font-size: 14px;
}
.sp-header-menu__searhform input[type="search"] {
background-color: transparent;
border: none;
margin-top: 5px;
padding: 10px 45px 0px 35px;
color: #052e3d;
}
.sp-header-menu__searhform input[type="submit"] {
top: auto;
bottom: 8px;
right: 0;
width: auto;
height: 24px;
background-color: #052e3d;
color: #fff;
border-radius: 12px;
font-size: 14px;
font-weight: normal;
}
#zeimo-hamburger {
width: 50px;
height: 43px;
position: absolute;
right: 0px;
top: 6px;
padding: 12px 8px 3px 10px;
background-color: #f8f8f8;
z-index: 101;
}
#zeimo-hamburger:hover {
cursor: pointer;
}
#zeimo-hamburger.active {
}
#zeimo-hamburger span {
width: 40px;
height: 2px;
position: absolute;
transition: width 0.2s, right 0.2s, left 0.2s;
}
#zeimo-hamburger .top {
transform: translateY(-17px);
right: 15px;
top: 30px;
background-color: #052e3d;
}
#zeimo-hamburger .middle {
transform: translateY(0px);
position: relative;
right: -3px;
top: 10px;
display: block;
}
#zeimo-hamburger .middle::before,
#zeimo-hamburger .middle::after {
display: block;
content: "";
width: 40px;
height: 2px;
position: absolute;
background-color: #052e3d;
transform: rotate(0deg);
transition: all 0.2s;
}
#zeimo-hamburger .bottom {
transform: translateY(17px);
right: 15px;
top: 15px;
background-color: #052e3d;
}
#zeimo-hamburger.active .top {
left: 100%;
width: 0px;
}
#zeimo-hamburger.active .middle::before {
width: 30px;
transform: translateX(5px) rotate(135deg);
}
#zeimo-hamburger.active .middle::after {
width: 30px;
transform: translateX(5px) rotate(45deg);
}
#zeimo-hamburger.active .bottom {
right: 100%;
width: 0px;
}
.zeimo-hamburger__text {
position: absolute;
bottom: 2px;
left: 0;
right: 0;
text-align: center;
font-size: 10px;
font-weight: bold;
}
#zeimo-home-nav-sp {
display: none;
position: absolute;
top: 64px;
right: 0;
z-index: 101;
max-height: calc(100vh - 64px);
overflow-y: scroll;
}
.zeimo-home-nav-sp { }
.zeimo-home-nav-sp__div {
background-color: #f8f8f8;
} .campaign-content-image--ad.pc-only {
display: none;
}
.campaign-title--ad {
margin-bottom: 0 !important;
text-align: center;
}
.campaign-spimage--ad {
border: none;
} .consult {
padding-top: 20px;
} .info-keyvisual-outer {
padding: 0;
overflow: visible;
}
.info-keyvisual-sp__image {
width: 100%;
height: 100%;
vertical-align: middle;
object-fit: cover;
}
.info-footer-search-button {
border-radius: 4px;
margin: 0 auto;
text-align: center;
color: #f5f5f5;
}
.info-footer-top-button__icon {
vertical-align: bottom;
} .skj-taxrate-outer {
height: auto;
margin: 20px calc((100vw - 100%) / -2);
padding: 0;
}
.skj-taxrate {
padding: 16px 5%;
}
.skj-taxrate__icon {
padding: 0;
}
.skj-taxrate__description {
margin-left: 15px;
padding: 0;
line-height: 1.4;
}
.skj-taxrate__form {
display: block;
margin-top: 16px;
margin-left: 0;
padding: 0;
}
.skj-taxrate__input-text {
display: block;
width: 100%;
}
.skj-taxrate__input-submit {
display: block;
width: 100%;
height: 48px;
margin-top: 10px;
margin-left: 0;
} #taj-topic-tab-list-sp {
position: relative;
margin-top: 20px;
}
#taj-topic-tab-list-sp::after {
font-family: "icomoon";
content: "\e904";
position: absolute;
font-size: 15px;
right: 10%;
top: 50%;
transform: translateY(-50%) rotateZ(90deg);
pointer-events: none;
}
.taj-topic-tab-select {
box-sizing: border-box;
width: 90%;
height: 40px;
margin: 0 5%;
padding-left: 20px;
border: 1px solid #2eadb2;
border-radius: 4px;
font-size: 18px;
font-weight: bold;
color: #333;
}
.taj-topic {
padding-top: 20px;
margin: 0;
background-color: #ffffff;
}
.taj-topic-content {
padding: 0 0 40px;
width: 100%;
height: auto;
}
.taj-topic-tab-body {
width: 100%;
height: auto;
}
.taj-topic-tab-body__image {
display: block;
width: 100%;
height: auto;
}
.taj-topic-tab-body-right {
display: block;
width: 100%;
height: auto;
}
.taj-topic-tab-body-right__subtext {
width: 90%;
margin-top: 0;
margin-left: 5%;
font-size: 18px;
}
.taj-topic-tab-body-right-list {
width: 90%;
margin-top: 10px;
margin-left: 5%;
}
.taj-topic-tab-body-right-list__link {
font-size: 16px;
} .sz_category_list {
margin: 0 calc(((100vw - 100%) / 2) * -1);
}
.sz_category_list-parent {
padding: 0;
border: none;
border-bottom: 1px solid #dfdfdf;
margin: 0 calc(((100vw - 100%) / 2) * -1);
}
.sz_category_list-parent-li {
margin: 0;
padding: 10px;
box-sizing: border-box;
width: 100%;
border-top: 1px solid #dfdfdf;
}
.sz_category_list-parent-li:first-child {
border-top: none;
}
.sz_category_list-parent-li:last-child {
border-bottom: none;
}
.sz_category_list-child {
margin: 0;
width: 100%;
background-color: #fff;
}
.sz_category_list-child-li {
line-height: 1.2;
display: inline-flex;
align-items: center;
vertical-align: top;
padding: 4px 0;
box-sizing: border-box;
width: 50%;
height: 40px;
border-top: 1px solid #dfdfdf;
}
.sz_category_list-child-li:nth-child(odd) {
border-right: 1px solid #dfdfdf;
}
.sz_category_list-child-li__link {
margin-left: 15px;
} .discriminator {
padding: 18px 12px 20px 8px;
}
.discriminator__before_text {
line-height: 1.2;
}
.discriminator__before_text::before {
font-size: 40px;
left: -63px;
top: 5px;
}
.discriminator__search_text {
margin: 30px 0 0;
}
input[type="text"].discriminator__input-text {
width: calc(100% - 110px);
font-size: 16px;
}
.discriminator__input-submit {
margin-top: 22px;
margin-right: auto;
box-sizing: border-box;
width: 67%;
} .wppost .table_sp_block tr {
display: block;
margin-bottom: 10px;
}
.wppost .table_sp_block th,
.wppost .table_sp_block td {
display: block;
}
.wppost .table_sp_block td {
border: none;
}
.wppost .screenshot {
display: block;
width: auto;
max-width: 100%;
margin: 0 auto;
}
.wppost .screenshot:nth-of-type(2) {
margin-left: auto;
} #house-loan-form table {
margin-bottom: 0;
}
#house-loan-form th,
#house-loan-form td {
padding-right: 2.5%;
padding-left: 2.5%;
font-size: 14px;
}
#HLTable {
margin-top: 20px;
font-size: 12px;
}
#HLTable tr {
max-width: 95%;
}
#HLTable th {
width: 95vw;
}
#HLTable th,
#HLTable td {
padding-right: 2.5vw;
padding-left: 2.5vw;
}
#house-loan-form input {
margin-right: 2.5%;
margin-left: 2.5%;
padding-right: 2.5%;
padding-left: 2.5%;
}
#house-loan-form .btn {
text-align: center;
}
#housingloan-calc {
width: 75%;
}  .banner-slider .bx-wrapper .bx-prev {
left: 0;
}
.banner-slider .bx-wrapper .bx-next {
right: calc(15px + 2.5vw);
} .zeimo-mv {
margin-left: -2.5vw;
margin-right: -2.5vw;
height: 300px;
}
.zeimo-mv .bx-viewport {
left: 0;
}
.zeimo-mv__item {
margin-right: 0;
width: 100vw !important;
height: 57.866vw;
}
.zeimo-mv__img-div {
width: 100vw;
height: auto;
}
.zeimo-mv__img {
min-width: 0;
min-height: 0;
width: 100vw;
}
.zeimo-mv__front {
padding: 4px 2.5vw 0;
width: 100%;
line-height: 1.2;
}
.zeimo-mv__title {
font-size: 16px;
}
.zeimo-mv .bx-controls {
position: static;
}
.zeimo-mv .bx-controls-direction a {
width: 34px;
height: 34px;
top: calc(50% - 34px);
}
.zeimo-mv .bx-next {
right: 2.5vw;
}
.zeimo-mv .bx-prev {
left: 2.5vw;
}
.zeimo-mv .bx-next::after,
.zeimo-mv .bx-prev::after {
color: #fff;
font-size: 23px;
}
.zeimo-mv__item::after {
display: none;
}
} .grecaptcha-badge { visibility: hidden; }
@media screen and (max-width: 374px) {
.zeimo-mv { height: 244px;
}
.zeimo-mv__front {
height: 68px;
}
.zeimo-mv__label {
font-size: 11px;
}
.zeimo-mv__title {
font-size: 14px;
}
.zeimo-mv__title--no-label {
margin-top: 27px;
}
#house-loan-form th,
#house-loan-form td {
font-size: 13px;
}
.discriminator__before_text {
font-size: 17px;
left: 62px;
}
.discriminator__before_text--big {
font-size: 30px;
}
.discriminator__input-submit {
width: 80%;
}
}
@media screen and (max-width: 359px) {
.skj-taxrate__description {
margin-left: 4px;
font-size: 12px;
}
} .date-s {
font-size: 10px;
}  .serial-title {
font-size: 28px;
color: #111;
border: none;
padding-bottom: 0;
}
.serial-item {
width: 100%;
border: solid 1px #eaeaea;
padding: 8px;
background-color: #fff;
box-sizing: border-box;
margin-bottom: 25px;
display: flex;
align-items: center;
border-radius: 8px;
}
.serial-item__title-link {
font-weight: bold;
display: inline-block;
line-height: 1.2;
font-size: 21px;
color: #000;
}
.serial-item__title-link:hover {
opacity: 0.5;
}
.serial-item__img-link {
vertical-align: top;
min-width: 256px;
width: 256px;
height: 144px;
display: inline-block;
overflow: hidden;
position: relative;
margin-right: 8px;
}
.serial-item__text {
margin-top: 16px;
line-height: 1.3;
font-size: 14px;
margin-bottom: .5em;
}
.serial .serial-item .serial-item__img{
position: static;
height: 100%;
width: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
margin-top: 0;
}
.serial-item {
position: relative;
}
.serial-item .serial-item__serial-count {
font-size: 16px;
margin-bottom: 0;
font-weight: bold;
margin-bottom: 8px;
line-height:1;
position: absolute;
top:0;
left:0;
color:#fff;
padding:9px 8px;
}
.serial-item__date .posttags-date__posted,
.serial-item__date .posttags-date__modified{
font-size:11px;
color:#888;
} .money-columns {
width: 100%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.money-columns__tabs-wrap {
display: flex;
background-color: #fff;
width: 100%;
}
.money-columns__tab-wrap {
width: 100%;
height: 64px;
background-color: #eaeaea;
font-size: 18px;
color: #4e4e4e;
font-weight: bold;
flex-grow: 1;
}
.money-columns__tab-wrap--active {
border-top-style: solid;
border-top-width: 6px;
padding: 0 2px 0 2px;
box-sizing: border-box;
position: relative;
margin-left: -1px;
padding-left: 3px;
}
.money-columns__tab-wrap--active.money-columns__tab-wrap:first-child {
margin-left: 0;
padding-left: 2px;
}
.money-columns__tab-wrap--active::after {
content: "";
background-color: #fff;
width: 100%;
bottom: 0;
height: 2px;
display: block;
}
.money-columns__tab-wrap:not(.money-columns__tab-wrap--active) {
position: relative;
}
.money-columns__tab-wrap:not(.money-columns__tab-wrap--active)::before {
content: "";
height: 100%;
display: block;
background-color: #999;
width: 1px;
right: 0;
top: 0;
position: absolute;
} .money-columns__tab {
background-color: #eaeaea;
display: inline-block;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.money-columns__tab-wrap--active .money-columns__tab {
background-color: #fff;
}
.money-columns__tab-wrap:not(.money-columns__tab-wrap--active) .money-columns__tab:hover {
cursor: pointer;
}
.money-columns__tab-wrap:last-child {
border-right: none;
}
.money-columns__tab-wrap:last-child::before {
content: none;
}
.money-columns__tab-content {
background-color: #fff;
}
.money-columns__tab-links-title {
color: #052e3d;
font-size: 18px;
font-weight: bold;
background-color: #fff;
border-radius: 6px;
display: inline-block;
box-sizing: border-box;
padding: 4px 12px;
line-height: 1;
margin-bottom: 16px;
}
.money-columns__tab-contents-item {
display: none;
}
.money-columns__tab-contents-item--active {
padding: 2px;
}
.money-columns__tab-links-wrap {
padding: 1em;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
}
.money-columns__tab-links {
display: flex;
min-height: 64px;
flex-wrap: wrap;
}
.money-columns__tab-link-wrap {
width: calc(100% / 3);
}
.money-columns__tab-link {
font-weight: bold;
color: #111;
position: relative;
padding-left: 2em;
display: inline-block;
font-size:15px;
box-sizing: border-box;
}
.money-columns__tab-link:hover {
text-decoration:underline;
} .money-columns__link-icon::after {
content: '';
width: 3px;
height: 3px;
border: 0;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
position: absolute;
left: 45%;
top: 50%;
transform: translate(-50%,-50%) rotate(45deg);
}
.money-columns__link-icon {
position: absolute;
content: '';
top: 50%;
transform: translateY(-50%);
left: 0;
width: 12px;
height: 12px;
border-radius: 100%;
}
.money-columns__tab-top-content-wrap { box-sizing: border-box;
padding: 1.2em 1.8em;
} .money-columns__tab-content-top {
display: flex;
min-height: 144px;
justify-content: space-between;
align-items: center;
}
.money-columns__tab-content-top-left {
width: 50%;
min-width: 50%;
}
.money-columns__tab-content-top-left-item {
font-size: 24px;
display: flex;
align-items: center;
margin-bottom: .8em;
}
.money-columns__tab-content-top-left-item-text {
padding-left: 48px;
position: relative;
}
.money-columns__tab-content-top-left-item-icon {
position: absolute;
left: -8px;
top: 50%;
transform: translateY(-50%);
}
.money-columns__tab-content-top-right {
border-radius: 12px;
border: solid 2px #eaeaea;
padding: 1em; width: 50%;
min-width: 50%;
box-sizing: border-box;
}
.money-columns__tab-content-top-right-item {
font-size: 19px;
color: #444;
line-height: 1.7;
}
@media screen and (max-width: 767px) {
.main .widget > .money-columns {
margin-top: 16px;
}
.money-columns {
width: 100%;
box-shadow: none;
}
.money-columns__tab-select-message {
font-size: 12px;
margin-bottom: 16px;
text-align: center;
}
.money-columns__tab-select-message-icon {
position: relative;
width: 6px;
height: 6px;
display: inline-block;
margin: 0 .5em;
}
.money-columns__tab-select-message-icon::after {
position: absolute;
content: '';
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px;
border-right: solid 2px;
position: absolute;
top: 50%;
right: 1em;
transform: translateY(-50%) rotate(135deg);
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.money-columns__tab-select-wrap {
position: relative;
border: solid 1px #999999;
}
.money-columns__tab-select-wrap::after {
position: absolute;
content: '';
width: 8px;
height: 8px;
border: 0;
border-top: solid 2px;
border-right: solid 2px;
position: absolute;
top: 50%;
right: 1em;
transform: translateY(-50%) rotate(135deg);
pointer-events: none;
}
.money-columns__tab-select {
font-size: 24px;
color: #707070;
padding: .5em;
font-weight: bold;
width: 100%;
}
.money-columns__tab-contents-item--active {
padding-top: none;
}
.money-columns__tab-links-title {
display: block;
margin: 0 auto 16px;
text-align: center;
}
.money-columns__tab-links {
display: block;
}
.money-columns__tab-link { margin-bottom: .5em;
vertical-align: middle;
}
.money-columns__tab-link-wrap {
width: 100%;
} .money-columns__tab-content-top-left {
width: 100%;
}
} .zeimo-widget-title {
border-bottom: 2px solid #052e3d;
color: #052e3d;
font-size: 20px;
font-weight: bold;
} .selection-title {
font-size: 28px;
color: #111;
border: none;
padding-bottom: 0;
}
.selection-item__date .posttags-date__posted,
.selection-item__date .posttags-date__modified{
font-size:11px;
color:#888;
}
.selection-item {
width: 100%;
border: solid 1px #eaeaea;
padding: 16px;
background-color: #fff;
box-sizing: border-box;
margin-bottom: 25px;
display: flex;
align-items: center;
border-radius: 8px;
}
.selection-item__title-link {
font-weight: bold;
display: inline-block;
font-size: 21px;
color: #000;
}
.selection-item__title-link:hover {
opacity: 0.5;
}
.selection-item__img-link {
vertical-align: top;
min-width: 256px;
width: 256px;
height: 148px;
display: inline-block;
overflow: hidden;
position: relative;
margin-right: 8px;
}
.selection-item__text {
font-size: 14px;
margin-bottom: .5em;
}
.selection .selection-item .selection-item__img{
position: static;
height: 100%;
width: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
margin-top: 0;
}
@media screen and (max-width: 767px) { .selection {
margin-top: 8px;
}
.selection-item__img-link {
width: 104px;
min-width: 104px;
height: 60px;
}
.selection-item__title-link {
font-size: 15px;
}
.selection-item {
padding: 10px;
align-items: initial;
flex-wrap: wrap;
}
.selection-item__blk{
width: calc(100% - 112px);
} .serial {
margin-top: 8px;
}
.serial-item__img-link {
width: 104px;
min-width: 104px;
height: 60px;
}
.serial-item__title-link {
font-size: 15px;
}
.serial-item {
padding: 10px;
align-items: initial;
flex-wrap: wrap;
}
.serial-item__blk{
width: calc(100% - 112px);
}
.serial-item .serial-item__serial-count {
font-size: 14px;
padding:5px 7px;
}
} .writer-wrapper {
position: relative;
}
.writer-image {
margin-right: 0;
margin: 0 15px;
}
.writer-content-name__content {
font-size: 22px;
}
.writer-content__n-posts {
background-color: #052e3d;
border-radius: 12px;
font-size: 10px;
color: #fff;
padding: 4px 8px;
line-height: 1;
width: auto;
display: inline-block;
position: absolute;
top: 100px;
left: 28px;
}
.writer-image {
height: 88px;
width: 88px;
}
.writer-image__image {
height: 88px;
width: 88px;
} .postrelated__title {
margin: 0 auto;
padding: 0;
border-bottom: solid 1px #052e3d;
font-size: 20px;
font-weight: bold;
color: #052e3d;
}
.postrelated-content-item__link {
width: 170px;
height: 98px;
}
.postrelated-content-item__image {
max-width: 170px;
max-height: 98px;
}
.postrelated-content-item-detail {
}
.postrelated-content-item-detail__link {
color: #111;
}
.postrelated {
border: none;
}
.postrelated-content {
padding: 0;
}
.postrelated-content-item{
padding: 15px 0;
}
.postrelated-content-item:last-child {
border-bottom: solid 1px #dfdfdf;
} .snsbottom {
border: none;
}
.snsbottom-content {
width: 100%;
}
.snsbottom-content-item {
margin-right: 12px;
margin-bottom: 0;
width: 128px;
height: 40px;
line-height: 40px;
}
.snsbottom-content-item__link {
padding-left: 8px;
}
.snsbottom-content-item__link span:first-child {
position: relative;
top: 2px;
font-size: 18px;
}
.snsbottom-content-item__text {
margin-left: 8px;
}
.snsbottom-content-item__text--line {
margin-left: 26px
}
.icon-line:before {
top: -5px;
left: -8px;
height: 0;
}
.snsbottom-content li:nth-child(4) {
margin-right: 20px;
}
.snsbottom-content li:last-child {
margin-right: 0;
}
.snsbottom-content-item div {
box-shadow: inherit;
}
@media screen and (max-width: 767px) {
.snsbottom {
padding-bottom: 0;
}
.snsbottom-title {
font-size: 13px;
}
@media screen and (max-width: 374px) {
.snsbottom-title {
font-size: 11px;
}
}
.snsbottom-content {
justify-content: center;
width: 80vw;
flex-wrap: unset;
}
.snsbottom-content-item {
margin-right: auto;
}
.snsbottom-content-item:nth-child(2n) {
margin-right: auto;
}
.snsbottom-content li:nth-child(4) {
margin-right: auto;
}
.snsbottom-content-item__link {
padding: 0;
line-height: 48px;
vertical-align: middle;
}
.snsbottom-content-item__link span:first-child {
display: flex;
justify-content: center;
align-items: center;
position: static;
}
.snsbottom-content-item__link .icon-twitter:before,
.snsbottom-content-item__link .icon-facebook:before,
.snsbottom-content-item__link .icon-pocket:before,
.snsbottom-content-item__link .icon-feedly:before {
font-size: 22px;
}
.snsbottom-content-item__link .icon-hatena:before {
font-size: 18px;
}
.snsbottom-content-item {
border-radius: 100%;
width: 48px;
height: 48px;
text-align: center;
}
.snsbottom-content-item div {
padding: 2px 0;
border-radius: 100%;
box-shadow: inherit;
}
.snsbottom-content-item__separater {
display: none;
}
.snsbottom-content-item__text {
display: none;
}
.snsbottom-content-item div {
border-radius: 100%;
} .postrelated__title {
width: 95vw;
}
.postrelated-content-item-detail {
padding: 0 5vw;
}
.postrelated-content-item-detail__text {
font-size: 12px;
}
} .posttags-cat__link {
padding-left: 8px;
padding-right: 8px;
border-radius: 16px;
transition: .2s;
} .widget .top-new {
margin-top: 8px;
}
.top-new__items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
} .top-new__item {
width: calc((100% - 24px) / 3); border-bottom: solid 1px #eaeaea;
background-color: #ffffff;
box-sizing: border-box;
margin: 12px 0 16px;
border-radius: 8px;
position: relative;
transition: all 0.3s ease 0s;
}
.top-new__item:hover {
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.12);
transform: translateY(-3px);
}
.top-new__item::before {
content: 'NEW';
color: #fff;
height: 39px;
width: 39px;
background-color: #d94069;
left: -10px;
top: -10px;
font-size: 11px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
border-radius: 50%;
z-index: 2;
}
.top-new__item:nth-child(3n) {
margin-right: 0;
}
.top-new__thumbnail-link {
display: block;
height: 133px;
width: 100%;
position: relative;
}
.top-new__thumbnail-img {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
@supports (object-fit: cover) {
.top-new__thumbnail-img {
height: 133px;
width: 100%;
border-radius: 8px 8px 0 0;
-o-object-fit: cover;
object-fit: cover;
}
}
.top-new__title-link {
font-size: 15px;
color: #111;
font-weight: bold;
display: inline-block;
margin-bottom: 8px;
line-height: 1.3;
}
.top-new__date {
color: #111;
font-size: 11px;
}
.top-new__item-category {
font-size: 12px;
padding:0 8px;
border-radius: 16px;
display: inline-block;
width: auto;
height: auto;
border-style: solid;
border-width: 1px;
}
.top-new__item-category:hover {
color:#fff;
}
.top-new__content {
padding: 8px;
box-sizing: border-box;
}
.side {
padding-left: 24px;
width: 28%;
}
.side__link {
position: relative;
display: inline-block;
margin-top: 10px;
padding: 3px 16px 3px 8px;
border-radius: 16px;
background-color: #eaeaea;
color: #111;
font-size: 12px;
font-weight: bold;
transition: .2s;
}
.side__link:hover {
opacity: 1;
color: #fff;
background-color: #052e3d;
}
.side__link::after {
font-family: 'icomoon';
content: '\e904';
position: absolute;
top: 5px;
right: 6px;
font-size: 9px;
transition: .2s;
}
.side__link:hover::after {
color: #fff;
}
@media screen and (max-width: 767px) {
.side {
padding-left: 0;
}
.side-sticky {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.side-sticky {
max-width: 256px;
}
}
.main {
width: 72%;
}
.main-full {
width: 1000px;
}
.side__title {
position: relative;
padding-left: 28px;
border-bottom: 1px solid #052e3d;
color: #111;
font-size: 16px;
font-weight: bold;
}
.side-tweets__main {
}
.side-tweets__main iframe {
width: 256px !important;
}
.ga-ranking__title--side::before {
content: '★';
position: absolute;
top: -2px;
left: 4px;
font-size: 20px;
}
.zeimo-inner-link-button a {
display: inline-block;
position: relative;
box-sizing: border-box;
margin-bottom: 20px;
padding: 16px 0;
width: 90%;
height: 64px;
border-radius: 32px;
border: solid 1px #0faee5;
background-color: #ffffff;
font-family: YuGo;
font-size: 24px;
font-weight: normal;
color: #0faee5;
vertical-align: middle;
}
.zeimo-inner-link-button a::after {
display: inline-block;
position: absolute;
content: "";
right: 32px;
width: 8px;
height: 8px;
top: 0;
bottom: 0;
margin: auto;
border-bottom: 2px solid #0faee5;
border-right: 2px solid #0faee5;
transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
.top-new__items {
display: block;
}
.top-new__item {
width: 100%;
border-bottom: solid 1px #999999;
border-radius: 0px;
display: flex;
height: auto;
margin: 0;
box-shadow: unset;
border-right: none;
border-left: none;
padding: 8px;
background-color: transparent;
}
.top-new__content {
padding: 0;
width: calc(100% - 114px);
}
.top-new__thumbnail-link {
width: 104px;
height: 60px;
margin-right: 10px;
}
.top-new__title-link {
vertical-align: top;
line-height: 1.4;
font-size:14px;
}
.top-new__thumbnail-img {
border-radius: 0px;
height: 60px;
width: 104px;
}
.top-new__item::before {
content: none;
}
.top-new__item:hover {
transform: unset;
box-shadow: unset;
}
.home-bottom {
display: block;
width: auto;
}
.home__button {
margin-top: 8px;
}
.main,
.side,
.main-full {
width: 100%;
}
.zeimo-inner-link-button a {
padding: 12px 0;
height: 48px;
font-size: 16px;
}
.zeimo-inner-link-button a::after {
right: 16px;
}
} .campaign--ad {
padding: 10px;
}
.campaign-content--ad {
margin-bottom: 0;
}
.wppost .campaign--ad img {
vertical-align: top;
}
.cp-button-paypay {
background: #e51c23;
color: #efefef;
padding: 1em 1.5em;
border-radius: 10px;
box-shadow: 0 6px 0 0 #ab191e;
}
.campaign-ad--manual {
text-align: left;
}
.sz_category_list-child-li-related-tools {
display: block;
width: 100%;
}
@media screen and (max-width: 320px) {
.cp-button-paypay{
padding: 1em;
}
}
.zeimo-inner-link-button {
text-align: center;
}
.pageblog-full {
width: 100%;
}
.category__title {
margin-bottom: 24px;
padding-bottom: 4px;
border-bottom: 1px solid #052e3d;
color: #052e3d;
}
.pageblog-post {
margin-top: 16px;
padding: 12px 8px;
display: flex;
border-radius: 8px;
border: solid 1px #eaeaea;
background-color: #fff;
}
.pageblog-post__link {
font-size: 0;
}
.pageblog-right {
margin-left: 8px;
width: auto;
}
.pageblog-right__title {
color: #111;
font-size: 21px;
}
.pageblog-right__date {
font-size: 11px;
}
.pageblog__category-link {
padding: 0 8px;
border-radius: 16px;
font-size: 12px;
font-weight: normal;
transition: .2s;
}
.pageblog-content-image {
border: none;
width: 256px;
height: 148px;
}
.pagination-number__current {
background: #052e3d!important;
color: #fff;
border-color: #052e3d!important;
}
.pagination-list {
background: none;
}
.pagination-number__link {
border-color: #052e3d!important;
color: #052e3d!important;
font-weight: bold;
}
.pagination-number__link,
.pagination-number__current {
padding: 8px 0;
width: 32px;
line-height: 1;
font-family: HelveticaNeue;
}
.pagination-number__prev {
width: 56px;
}
.pagination-number__next {
width: 56px;
}
.pagination-index__current {
color: #052e3d!important;
}
.pagination-santen {
color: #052e3d!important;
}
.page-story-archive-item {
background-color: #fff;
}
.sidebanner1__img {
width: 256px;
}
@media screen and (max-width: 767px) {
.icon-line:before {
display: inline-block;
position: relative;
top: -15px;
transform: scale(1);
left: 0;
height: 0;
}
.category__title {
margin-bottom: 16px;
}
.pageblog-post {
margin-left: 0;
margin-right: 0;
padding: 2.5vw;
flex-wrap: wrap;
border-radius: 4px;
}
.pageblog-right {
display: flex;
align-items: center;
}
.pageblog-right__title {
line-height: 1.3;
font-size: 15px;
}
.pageblog-right {
width: calc(100% - 116px);
}
.pageblog-right__text {
margin-top: 8px;
font-size: 12px;
}
.pageblog-right__date {
font-size: 10px;
}
.pageblog-content-image {
width: 104px;
height: 60px;
}
.sidebanner1__img {
width: 100%;
}
} .inquirysubmit .inquirybutton {
border-radius: 36px;
max-width: 320px;
}
.inquirysubmit .inquirybutton__back {
border-radius: 36px;
border: none;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
}
.inquirybutton__back {
border-radius: 36px;
max-width: 320px;
}
.inquiry-table{
border:none;
}
div.wpcf7 .ajax-loader {
width: 0;
height: 0;
}
.button-A {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.24);
}
#relate-tools .sz_category_list-child-li {
margin: 12px 0;
position: relative;
}
#relate-tools .sz_category_list-child-li::before {
display: inline-block;
content: "";
width: 10px;
height: 10px;
background-color: #d8d8d8;
border-radius: 50%;
position: absolute;
top: 7px;
bottom: 0;
left: -16px;
}
.pageblog-post-tools {
border: none;
background-color: unset;
padding: 0;
margin: 0;
}
.pageblog-post-tools .pageblog-right__title {
font-size: 15px;
color: #3a7eb2;
padding: 4px;
}
.pageblog-right__title::before {
margin-right: 8px;
font-weight: normal;
}
.sz_category_list-parent-li__link{
margin-right: 8px;
font-weight: normal;
}
 @media screen and (min-width: 768px) {
.sp-only {
display: none;
}
}
@media screen and (max-width:767px) {
.pc-only {
display: none;
}
}