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

 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
} html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
margin: 0;
font-size: 16px;
line-height: 1.6;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
overflow-wrap: break-word;
word-break: normal;
}
a {
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
}
a:focus, a:active, a:hover {
outline: 0;
}
* {
box-sizing: border-box;
} .clear {
clear: both;
}
.clearfix {
*zoom: 1;
}
.clearfix:before {
display: inline-table;
}
.clearfix:after {
content: "";
display: block;
clear: both;
} abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
clear: both;
margin: 0 0 28px;
padding: 30px 20px 35px 55px;
position: relative;
border: 1px #e5e5e5 solid;
background: #fafafa;
}
blockquote cite {
position: absolute;
right: 20px;
bottom: 10px;
font-size: 12px;
color: #808080;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
overflow-x: scroll;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
} nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
.inline-list li {
display: inline-block;
} img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
} form {
margin: 0;
}
fieldset {
border: 1px solid #e5e5e5;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.btn {
cursor: pointer;
*overflow: visible;
-webkit-appearance: none;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
} form input[type="text"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form input[type="number"],
form input[type="date"],
form textarea {
border-radius: 3px;
padding: 8px 13px;
max-width: 100%;
border: 1px #ccc solid;
outline: none;
box-sizing: border-box;
}
form textarea {
width: 80%;
}
form input[type="submit"],
form button {
padding: 12px 20px;
border: none;
}
form input[type="submit"]:hover,
form button:hover {
cursor: pointer;
} #side #searchform {
margin:0 0 20px 0;
}
.search_form-area-pc #searchform {
border: none;
}
#searchform {
overflow: hidden;
background: #fff;
border: 1px solid #e5e5e5;
padding-bottom: 0;
border-radius: 2px;
}
#searchform div {
position: relative;
padding-right: 40px;
}
#searchform label {
display: none;
}
#searchform input[type=text] {
line-height: 18px;
padding: 8px 13px;
font-size: 14px;
width: 100%;
box-sizing: border-box;
border: none;
float: left;
}
#searchform button {
float: right;
position: absolute;
top: 0;
right: 0;
vertical-align: top;
line-height: 18px;
border: none;
border-radius: 3px;
width: 40px;
padding: 8px 5px;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
background: transparent;
font-family: 'FontAwesome';
font-size: 21px;
color: #808080;
}
#searchform button:hover {
cursor: pointer;
} table {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #e5e5e5;
}
th, td {
border: 1px solid #e5e5e5;
padding: 8px 13px;
} @media screen and (max-width: 1200px) {  }
@media screen and (max-width: 991px) {  }
@media screen and (max-width: 767px) { h1 {
font-size: 22px;
margin: 36px 0;
clear: both;
}
.post-content h2{
font-size: 18px;
margin: 2em 0 1em;
clear: both;
}
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
font-size: 16px;
margin: 2em 0 1em;
} }
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
margin-left: 12px;
margin-bottom: 12px;
}
.alignleft {
float: left;
margin-right: 12px;
margin-bottom: 12px;
}
.aligncenter {
clear: both;
margin-left: auto;
margin-right: auto;
display: block;
} #logo {
margin: 0;
} .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
font-weight: bold;
line-height: 1.4;
}
.post-content h1 {
font-size: 36px;
margin: 1em 0;
clear: both;
}
.post-content h2 {
font-size: 28px;
margin: 2em 0 1em;
clear: both;
}
.post-content h3 {
font-size: 24px;
margin:30px 0 20px;
}
.post-content h5 {
font-size: 16px;
margin: 2em 0 1em;
}
.post-content h6 {
font-size: 14px;
margin: 2em 0 1em;
}
.post-content p,
.post-content pre {
margin: 0 0 1.6em;
line-height: 1.6;
}
.post-content ul {
list-style: initial;
padding: 0 25px;
}
.post-content dl,
.post-content menu,
.post-content ol,
.post-content ul {
margin: 0 0 2em;
}
.post-content li {
margin: 6px 0;
}
.post-content dd {
margin: 0 0 20px 0;
}
.post-content ol ol,
.post-content ol ul,
.post-content ul ol,
.post-content ul ul {
margin: 0;
}
.post-content blockquote {
clear: both;
margin: 0 0 28px;
padding: 30px 20px 35px 55px;
position: relative;
border: 1px #eee solid;
}
.post-content blockquote cite {
position: absolute;
right: 20px;
bottom: 10px;
font-size: 12px;
color: #808080;
}
.post-content blockquote *:last-child {
margin-bottom: 0;
}
.post-content table {
border: 2px #29A7E2 solid;
width: 100%;
}
.post-content table.time_table th{
padding: 8px 10px;
border: #fff solid 1px ;
}
.post-content table.time_table td {
padding: 8px 10px;
border: #29A7E2 solid 1px;
font-size:14px;
color:#29A7E2;
text-align:center;
}
.post-content table th {
color: #fff;
}
.post-content table thead th {
background: #5e6265;
}
.post-content table tbody th {
background: #29A7E2;
font-size:15px;
text-align: center;
}
.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {
border-color: #fff;
}
.post-content table.table-line th {
background: transparent;
color: #333;
font-weight: bold;
}
.post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
.post-content table.table-line tr {
background: #eee;
}
.post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
.post-title {
font-size: 28px;
clear: both;
font-weight: normal;
display:inline;
}
body.page .post-title {
margin-bottom: 0;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
padding-left: 4px;
padding-right: 4px;
margin: 10px;
max-width: 100%;
box-sizing: border-box; -khtml-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
} .content-none #searchform {
max-width: 400px;
} .pagetop {
visibility: hidden;
opacity: 0;
position: fixed;
bottom: 50px;
right: 50px;
color: #fff;
}
.pagetop span {
display: block;
width: 65px;
height: 55px;
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/btn/pc_page_top-1.png);
background-size: contain;
background-repeat: no-repeat;
}
.pagetop span:hover {
display: block;
width: 65px;
height: 55px;
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/btn/pc_page_top_hover.png);
background-size: contain;
background-repeat: no-repeat;
}
.pagetop .front-sp {
width: 38px !important;
height: 38px !important;
border-radius: 5px;
border: solid 1px #8D8460;
padding-top: 3px;
background: #928552 !important;
font-size: 50px;
line-height: 40px;
text-align: center;
}
.pagetop span i {
display: none;
}
.front-sp i {
display: block!important;
}
.front-sp i:before {
position: absolute;
left: 0;
right: 0;
top: -5px;
font-size: 30px;
}
.front-sp i:after{
content:"TOP";
color: #FFF;
display: inline-block;
font-size: 12px;
position: absolute;
left: 0;
right: 0;
top: 22px;
}
.pagetop.show {
visibility: visible;
opacity: 1.8;
z-index:1000;
}
.single-post .pagetop {
bottom: 120px;
}
@media screen and (max-width: 991px) { .pagetop {
right: 20px;
bottom: 40px;
}
.pagetop2 {
right: 20px;
bottom: 20px;
} }
.row {
*zoom: 1;
}
.row:before {
display: inline-table;
}
.row:after {
content: "";
display: block;
clear: both;
}
.gr1,
.gr2,
.gr3,
.gr4,
.gr5,
.gr6,
.gr7,
.gr8,
.gr9,
.gr10,
.gr11,
.gr12,
.gld-sub,
.gld-main,
.gr1-5 {
float: left;
box-sizing: border-box;
}
.gr1 {
width: 8.33%;
}
.gr2 {
width: 16.66%;
}
.gr3 {
width: 25%;
}
.gr4 {
width: 33.33%;
}
.gr5 {
width: 41.66%;
}
.gr6 {
width: 50%;
}
.gr7 {
width: 58.33%;
}
.gr8 {
width: 66.66%;
}
.gr9 {
width: 75%;
}
.gr10 {
width: 83.33%;
}
.gr11 {
width: 91.33%;
}
.gr12 {
width: 100%;
}
.gr1-5 {
width: 20%;
}
.gld-sub {
width: 37.31%;
}
.gld-main {
width: 62.68%;
}
@media screen and (max-width: 1200px) { .gr1.lt-flat,
.gr2.lt-flat,
.gr3.lt-flat,
.gr4.lt-flat,
.gr5.lt-flat,
.gr6.lt-flat,
.gr7.lt-flat,
.gr8.lt-flat,
.gr9.lt-flat,
.gr10.lt-flat,
.gr11.lt-flat,
.gr12.lt-flat,
.gld-sub.lt-flat,
.gld-main.lt-flat,
.gr1-5.lt-flat {
width: 100% !important;
} }
@media (min-width: 992px) and (max-width: 1200px) { .gr1-lt {
width: 8.33% !important;
}
.gr2-lt {
width: 16.66% !important;
}
.gr3-lt {
width: 25% !important;
}
.gr4-lt {
width: 33.33% !important;
}
.gr5-lt {
width: 41.66% !important;
}
.gr6-lt {
width: 50% !important;
}
.gr7-lt {
width: 58.33% !important;
}
.gr8-lt {
width: 66.66% !important;
}
.gr9-lt {
width: 75% !important;
}
.gr10-lt {
width: 83.33% !important;
}
.gr11-lt {
width: 91.33% !important;
}
.gr12-lt {
width: 100% !important;
}
.gr1-5-lt {
width: 20% !important;
}
.gld-sub-lt {
width: 37.31% !important;
}
.gld-main-lt {
width: 62.68% !important;
} }
@media screen and (max-width: 991px) { .gr1.tb-flat,
.gr2.tb-flat,
.gr3.tb-flat,
.gr4.tb-flat,
.gr5.tb-flat,
.gr6.tb-flat,
.gr7.tb-flat,
.gr8.tb-flat,
.gr9.tb-flat,
.gr10.tb-flat,
.gr11.tb-flat,
.gr12.tb-flat,
.gld-sub.tb-flat,
.gld-main.tb-flat,
.gr1-5.tb-flat {
width: 100% !important;
}
.gr1-tb {
width: 8.33% !important;
}
.gr2-tb {
width: 16.66% !important;
}
.gr3-tb {
width: 25% !important;
}
.gr4-tb {
width: 33.33% !important;
}
.gr5-tb {
width: 41.66% !important;
}
.gr6-tb {
width: 50% !important;
}
.gr7-tb {
width: 58.33% !important;
}
.gr8-tb {
width: 66.66% !important;
}
.gr9-tb {
width: 75% !important;
}
.gr10-tb {
width: 83.33% !important;
}
.gr11-tb {
width: 91.33% !important;
}
.gr12-tb {
width: 100% !important;
}
.gr1-5-tb {
width: 20% !important;
}
.gld-sub-tb {
width: 37.31% !important;
}
.gld-main-tb {
width: 62.68% !important;
} }
@media (min-width: 768px) and (max-width: 991px) { .gr1-tb {
width: 8.33% !important;
}
.gr2-tb {
width: 16.66% !important;
}
.gr3-tb {
width: 25% !important;
}
.gr4-tb {
width: 33.33% !important;
}
.gr5-tb {
width: 41.66% !important;
}
.gr6-tb {
width: 50% !important;
}
.gr7-tb {
width: 58.33% !important;
}
.gr8-tb {
width: 66.66% !important;
}
.gr9-tb {
width: 75% !important;
}
.gr10-tb {
width: 83.33% !important;
}
.gr11-tb {
width: 91.33% !important;
}
.gr12-tb {
width: 100% !important;
}
.gr1-5-tb {
width: 20% !important;
}
.gld-sub-tb {
width: 37.31% !important;
}
.gld-main-tb {
width: 62.68% !important;
} }
@media screen and (max-width: 767px) { .gr1,
.gr2,
.gr3,
.gr4,
.gr5,
.gr6,
.gr7,
.gr8,
.gr9,
.gr10,
.gr11,
.gr12,
.gr1-5,
.gld-sub,
.gld-main {
width: 100%;
}
.gr1-sp {
width: 8.33% !important;
}
.gr2-sp {
width: 16.66% !important;
}
.gr3-sp {
width: 25% !important;
}
.gr4-sp {
width: 33.33% !important;
}
.gr5-sp {
width: 41.66% !important;
}
.gr6-sp {
width: 50% !important;
}
.gr7-sp {
width: 58.33% !important;
}
.gr8-sp {
width: 66.66% !important;
}
.gr9-sp {
width: 75% !important;
}
.gr10-sp {
width: 83.33% !important;
}
.gr11-sp {
width: 91.33% !important;
}
.gr12-sp {
width: 100% !important;
}
.gr1-5-sp {
width: 20% !important;
}
.gld-sub-sp {
width: 37.31% !important;
}
.gld-main-sp {
width: 62.68% !important;
}
.post-content table{
width: 100%;
-webkit-overflow-scrolling: touch;
} }
   @font-face {
font-family: 'eparkfont';
src: url(https://empower-column01.com/common/eparkfont/fonts/eparkfont.eot?jrz23t);
src: url(https://empower-column01.com/common/eparkfont/fonts/eparkfont.eot?jrz23t#iefix) format('embedded-opentype'),
url(https://empower-column01.com/common/eparkfont/fonts/eparkfont.ttf?jrz23t) format('truetype'),
url(https://empower-column01.com/common/eparkfont/fonts/eparkfont.woff?jrz23t) format('woff'),
url(https://empower-column01.com/common/eparkfont/fonts/eparkfont.svg?jrz23t#eparkfont) format('svg');
font-weight: normal;
font-style: normal;
} section.similarity>ul.section-change-middle.trade-area li.see-all-prefecture a {
font-weight: bolder;
color: #0071BC;
}
section.similarity>ul.section-change-middle.trade-area li.list-prefecture a {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: auto;
line-height: normal;
padding: 10px;
font-size: 13px;
color: #333;
text-decoration: none;
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/right_link_icon.png);
background-repeat: no-repeat;
background-size: 7px;
background-position: right 10px center;
}
section.similarity>ul.section-change-middle.trade-area li.see-all-prefecture a {
font-weight: bolder;
color: #0071BC;
}
section.similarity>ul.section-change-middle.trade-area li.list-prefecture {
position: relative;
border-top: 0;
border-bottom: solid 1px #E6E6E6;
background-color: #FFF;
}
ul.section-change-middle.trade-area li.list-prefecture:nth-child(1) {
border-top: solid 1px #B3B3B3;
}
ul.section-change-middle.trade-area li.list-prefecture {
position: relative;
border-bottom: solid 1px #B3B3B3;
height: 40px;
background-color: #FFF;
cursor: pointer;
}
.back-topage {
position: absolute;
top: 11px;
left: 75%;
bottom: 0;
text-align: center;
font-size: 10px;
width: 60px;
height: 28px;
background-color: #EEECE4;
border: 1px solid #B0B0B0;
box-sizing: border-box;
padding-top: 4px;
}
.back-topage:before {
content: "";
position: absolute;
top: -1px;
left: -20px;
width: 0;
height: 0;
border: 14px solid rgba(0, 0, 0, 0);
border-right: 5px solid #b0b0b0;
box-sizing: border-box;
}
.back-topage:after {
content: "";
position: absolute;
top: 0px;
left: -18px;
width: 0;
height: 0;
border: 13px solid rgba(0, 0, 0, 0);
border-right: 5px solid #EEECE4;
box-sizing: border-box;
}
section.main-arealist {
position: relative;
}
section.main-arealist>.title-region {
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/compass_icon.png);
}
section.similarity>.title-region {
font-size: 15px;
font-weight: bolder;
padding: 11px 10px 11px 40px;
background-size: 20px;
background-repeat: no-repeat;
background-position: left 10px center;
border-bottom: 1px solid #B0B0B0;
border-top: 1px solid #B0B0B0;
position: relative;
margin: 0;
}
section.similarity .section-change-middle .list-prefecture_section .title-region.open {
background-color: #E6E6E6;
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/accord_on_icon.png);
}
.section-change-middle {
margin: 0 0 20px 0;
}
section.similarity .section-change-middle .list-prefecture-section .title-region {
position: relative;
margin: 2px 0 0 0;
padding: 0 10px 0 10px;
height: 40px;
font-size: 14px;
line-height: 40px;
font-weight: bold;
background-color: #F2F2F2;
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/accord_off_icon.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: right 10px center;
}
section.similarity .section-change-middle .list-prefecture_section .list-prefecture_mini .list-prefecture .title_mini a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
padding: 0 14px;
width: 100%;
height: 100%;
font-size: 14px;
line-height: 40px;
color: #333;
text-decoration: none;
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/right_link_icon.png);
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 7px;
}
.section-change-middle .list-prefecture_section .list-prefecture_mini .list-prefecture .title_mini {
position: relative;
display: block;
width: 100%;
height: 100%;
}
section.similarity .section-change-middle .list-prefecture_section .list-prefecture_mini .list-prefecture {
position: relative;
border-bottom: solid 1px #E6E6E6;
height: 40px;
background-color: #FFF;
}
.section-change-middle .list-prefecture_section .list-prefecture_mini {
display: none;
}
.view-box {
position: absolute;
right: 0;
bottom: 10px;
}
.tag-box {
height: 33px;
}
.side-title-sp img {
display: inline-block;
}
.side-title-sp {
text-align: center;
}
.tag-box a {
display: block;
margin: 0 4px 0 0;
height: 14px;
float: left;
}
.side-name strong {
font-size: 16px;
}
.index_posts_content2 .index_posts_title a {
color: #303030;
font-size: 16px;
display: block;
margin-bottom: 0px;
}
.site-logo-top {
text-align: center;
}
.center-item-sp img {
display: inline-block;
}
#center-item .slick-slide img {
width: 100%;
height: auto;
}
#center-item-sp img {
width: 100%;
height: auto;
}
.slide-sp img {
width: 100%;
height: auto;
}
.none-tags {
display: none;
}
section.similarity>ul.section_change-middle.trade_area li.see_all_tokyo a {
font-weight: bolder;
color: #0071BC;
}
section.similarity>ul.section_change-middle.trade_area li.list a {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: auto;
line-height: normal;
padding: 10px;
font-size: 13px;
color: #333;
text-decoration: none;
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/right_link_icon.png);
background-repeat: no-repeat;
background-size: 7px;
background-position: right 10px center;
}
section.similarity>ul.section_change-middle.trade_area li.see_all_tokyo a {
font-weight: bolder;
color: #0071BC;
}
section.similarity>ul.section_change-middle.trade_area li.list {
position: relative;
border-top: 0;
border-bottom: solid 1px #E6E6E6;
background-color: #FFF;
}
ul.section_change-middle.trade_area li.list:nth-child(1) {
border-top: solid 1px #B3B3B3;
}
ul.section_change-middle.trade_area li.list {
position: relative;
border-bottom: solid 1px #B3B3B3;
height: 40px;
background-color: #FFF;
cursor: pointer;
}
.back_toPage {
position: absolute;
top: 11px;
left: 75%;
bottom: 0;
text-align: center;
font-size: 10px;
width: 60px;
height: 28px;
background-color: #EEECE4;
border: 1px solid #B0B0B0;
box-sizing: border-box;
padding-top: 4px;
}
.back_toPage:before {
content: "";
position: absolute;
top: -1px;
left: -20px;
width: 0;
height: 0;
border: 14px solid rgba(0, 0, 0, 0);
border-right: 5px solid #b0b0b0;
box-sizing: border-box;
}
.back_toPage:after {
content: "";
position: absolute;
top: 0px;
left: -18px;
width: 0;
height: 0;
border: 13px solid rgba(0, 0, 0, 0);
border-right: 5px solid #EEECE4;
box-sizing: border-box;
}
section.main__areaList {
position: relative;
}
section.main__areaList>.title2 {
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/compass_icon.png);
}
section.similarity>.title2 {
font-size: 15px;
font-weight: bolder;
padding: 11px 10px 11px 40px;
background-size: 20px;
background-repeat: no-repeat;
background-position: left 10px center;
border-bottom: 1px solid #B0B0B0;
border-top: 1px solid #B0B0B0;
position: relative;
margin: 0;
}
section.similarity .section_change-middle .list_section .title2.open {
background-color: #E6E6E6;
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/accord_on_icon.png);
}
.section_change-middle {
margin: 0 0 20px 0;
}
section.similarity .section_change-middle .list_section .title2 {
position: relative;
margin: 2px 0 0 0;
padding: 0 10px 0 10px;
height: 40px;
font-size: 14px;
line-height: 40px;
font-weight: bold;
background-color: #F2F2F2;
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/accord_off_icon.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: right 10px center;
}
section.similarity .section_change-middle .list_section .list_mini .list .title_mini a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
padding: 0 14px;
width: 100%;
height: 100%;
font-size: 14px;
line-height: 40px;
color: #333;
text-decoration: none;
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/right_link_icon.png);
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 7px;
}
.section_change-middle .list_section .list_mini .list .title_mini {
position: relative;
display: block;
width: 100%;
height: 100%;
}
section.similarity .section_change-middle .list_section .list_mini .list {
position: relative;
border-bottom: solid 1px #E6E6E6;
height: 40px;
background-color: #FFF;
}
.section_change-middle .list_section .list_mini {
display: none;
}
.wrap-sp {
padding: 10px 0 0 5%;
}
.sp-bg {
float: left;
position: relative;
margin-right: 0;
margin-bottom: 1px;
padding: 0;
text-align: center;
width: 46%;
margin-bottom: 6px;
}
.sp-bg:nth-child(1) {
float: left;
position: relative;
margin-right: 0;
margin-bottom: 1px;
padding: 0;
text-align: center;
width: 46%;
margin-bottom: 6px;
margin-right: 6px;
}
.sp-bg:nth-child(3) {
float: left;
position: relative;
margin-right: 0;
margin-bottom: 1px;
padding: 0;
text-align: center;
width: 46%;
margin-bottom: 6px;
margin-right: 6px;
}
.sp-bg img {
height: 35px;
width: 30px;
display: inline-block;
margin-right: 3px;
margin-bottom: 3px;
}
.sp-bg a {
padding: 8px 0px !important;
border-radius: 5px;
border: solid 1px #ccc;
}
.none-box {
overflow: hidden;
position: absolute;
z-index: 1200000000;
right: 7px;
background-color: #fff;
width: 180px;
top: 61px;
}
.none-box ul {
float: right;
width: 180px;
}
.category-area {
width: 180px;
height: 30px;
margin: 10px 0;
text-align: left;
position: relative;
padding-left: 60px;
border-bottom: 1px solid #555555;
}
.category-area:last-child {
margin-bottom: 0;
}
.category-area img {
display: block;
position: absolute;
right: 126px;
top: -5px;
}
ul.side-areat-list-top {
padding: 0 3px;
}
ul.side-areat-list-top li {
width: 48%;
display: table-cell;
float: left;
border-bottom: none;
text-align: center;
padding: 15px 3px 15px 11px;
border: solid 1px #B6B6B6;
border-radius: 3px;
margin: 10px 3px;
}
ul.side-areat-list-top li a span {
display: table-cell;
vertical-align: middle;
width: 75%;
}
ul.side-areat-list-top li a {
display: table-cell;
color: #555555;
font-weight: bold !important;
font-size: 14px;
}
.side-areat-list-top .area-link {
margin: 0;
}
ul.side-areat-list-top li:nth-child(1) a:before {
content: "";
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/area-2.png) no-repeat;
background-size: contain;
height: 35px;
width: 35px;
z-index: 5;
display: table-cell;
}
ul.side-areat-list-top li:nth-child(2) a:before {
content: "";
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/whitening-3.png) no-repeat;
background-size: contain;
height: 35px;
width: 35px;
z-index: 5;
display: table-cell;
}
ul.side-areat-list-top li:nth-child(3) a:before {
content: "";
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/biyou-2.png) no-repeat;
background-size: contain;
height: 35px;
width: 35px;
z-index: 5;
display: table-cell;
}
ul.side-areat-list-top li:nth-child(4) a:before {
content: "";
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/implant-2.png) no-repeat;
background-size: contain;
height: 35px;
width: 35px;
z-index: 5;
display: table-cell;
}
.side-title-sp img {
width: 74px;
display: inline-block;
margin: 20px 0 10px;
}
.side-title-sp {
text-align: center;
}
.side-widget-inner-top {
overflow: hidden;
}
.side-widget-inner-top {
border-radius: 3px;
padding: 0 10px 10px;
}
#side .bzb-sns-btn {
padding: 0 0 20px;
width: 100%;
height: auto;
text-align: center;
}
#side .bzb-sns-btn li {
display: inline-block;
width: 70px;
margin-right: 5px;
}
#side .sns-btn-icon li:last-child {
margin-right: 0;
}
#side .sns-btn-icon li img {
width: 100%;
height: auto;
}
@media screen and (max-width: 764px) {
#side .bzb-sns-btn {
padding: 0 10px 20px;
}
#side .bzb-sns-btn li {
width: 22%;
}
}
#side .side-inner {
margin: 0;
}
#side > div {
margin: 0 0 25px 0;
}
#search_form-area-pc {
height: auto;
max-height: 580px;
}
#searchform-top {
background: #fff;
border-radius: 0;
overflow: hidden;
}
#searchform-top button {
float: right;
top: 21px;
right: 6%;
height: 34px;
border: none;
width: 60px;
padding: 6px 5px;
font-family: 'FontAwesome';
font-size: 16px;
color: #fff;
background-color: #72A5D0;
display: inline-block;
}
#s {
width: 77%;
height: 34px;
padding: 8px 13px;
border: none;
border-radius: 1px;
box-sizing: border-box;
font-size: 14px;
outline: none;
}
element.style {
height: 580px;
position: absolute;
top: 0;
}
.index_posts_content2 {
padding-left: 74px;
}
.entry-content-cat a {
color: #999999;
}
.entry-content-cat a:hover {
text-decoration: none;
opacity: .4;
}
.tac {
text-align: center;
}
#bannernov {
display: block;
margin: 0 auto 20px;
text-align: center;
}
#bannernov img {
border: 1px solid #999999;
}
#ajax-clinic,
#ajax-clinic2 {
font-size: 0;
padding: 0;
margin: 0;
}
#ajax-clinic li,
#ajax-clinic2 li {
width: 25%;
display: inline-block;
vertical-align: top;
padding: 5px;
margin: 0;
}
#ajax-clinic li p:first-of-type,
#ajax-clinic2 li p:first-of-type {
font-size: 15px;
margin: 0;
font-weight: bold;
}
#ajax-clinic li p,
#ajax-clinic2 li p {
font-size: 12px;
margin: 0;
color: #4d4d4d;
}
#ajax-clinic li a,
#ajax-clinic2 li a {
color: #4d4d4d;
}
#ajax-clinic-btn,
#ajax-clinic-close {
float: right;
margin: 25px 5px;
text-align: center;
color: #29A7E2;
font-size: 15px;
font-weight: bold;
padding: 5px 20px;
border: 1px solid #29A7E2;
border-radius: 5px;
text-align: center;
display: inline-block;
width: auto;
cursor: pointer;
}
#ajax-clinic-close {
width: 50px;
}
#ajax-clinic-btn:hover,
#ajax-clinic-close:hover {
color: #fff;
background: #29A7E2;
border-color: #29A7E2;
}
#ajax-clinic-btn:after {
content: "\f13a";
font-family: FontAwesome;
margin-left: 10px;
}
#ajax-clinic-close:after {
content: "\f00d";
font-family: FontAwesome;
margin-left: -3px;
}
#ajax-clinic-close.open:after {
content: "\f0c9";
font-family: FontAwesome;
margin-left: -3px;
}
.area-link {
font-size: 14px;
color: #555555;
margin: 10px 10px 0 0;
float: right;
clear: both;
}
.area-list {
overflow: hidden;
}
.area-list li {
position: relative;
width: 25%;
display: block;
height: 60px;
float: left;
margin: 10px 0;
border-right: 1px solid #B8B8B8;
}
.area-list li img {
width: 60px;
height: 60px;
border-radius: 30px;
position: absolute;
left: 20px;
z-index: -1;
}
.area-list li a {
display: block;
width: 100%;
height: 100%;
line-height: 60px;
text-align: right;
color: #555555;
font-size: 18px;
}
.area-list li a:hover span {
text-decoration: underline;
}
.area-list li a span {
width: 3em;
text-align: center;
display: inline-block;
margin-right: 20px;
}
.area-list-title {
font-size: 17px;
font-weight: bold;
color: #333333;
border-bottom: 1px solid #555555;
padding-bottom: 20px;
clear: both;
margin: 20px 0 10px;
}
.side-widget-inner {
overflow: hidden;
}
.slick-slider .slick-center img {
transform: scale(1.0);
}
ul.related_post {
font-size: 0;
} .wp_rp_content .related_post .wp_rp_title:hover {
text-decoration: underline !important;
}
section.index_posts_content span.wpp-category:nth-child(n+4) {
display: none;
}
.tag-box span.wpp-category:nth-child(n+3) {
display: none;
}
.cat-content .wp_social_bookmarking_light,
.post-header .wp_social_bookmarking_light {
position: absolute;
bottom: 20px;
right: 20px;
}
.post-header .post-meta {
margin: 0;
}
.post-content table.time_table td.monday,
.post-content table.time_table td.tueday,
.post-content table.time_table td.wedday,
.post-content table.time_table td.thrsday,
.post-content table.time_table td.friday {
color: #4D4D4D;
}
.post-content table.time_table td.satday {
color: #2476B9;
}
.post-content table.time_table td.sunday {
color: #FE4534;
}
.post-content table.time_table td.holday {
color: #FE4534;
}
.post-content table.time_table th.timezone {
border: #29A7E2 solid 1px !important;
background: #fff !important;
color: #4D4D4D !important;
}
.post-content table.time_table td.monday,
.post-content table.time_table td.tueday,
.post-content table.time_table td.wedday,
.post-content table.time_table td.thrsday,
.post-content table.time_table td.friday,
.post-content table.time_table td.satday,
.post-content table.time_table td.sunday,
.post-content table.time_table td.holday {
font-size: 22px
}
p.more-read {
font-size: 13px;
border: 1px solid #A9A9A9;
display: block;
width: 200px;
text-align: center;
line-height: 30px;
margin: 22px auto;
cursor: pointer;
}
p.more-read:after {
content: "\f107";
font-family: FontAwesome;
margin: 0 0 0 8px;
font-size: 20px;
color: #72A7D2;
vertical-align: middle;
}
ul.image li img {
margin: 0 auto;
width: 100%;
-webkit-transition: 0.3s linear;
-moz-transition: 0.3s linear;
-ms-transition: 0.3s linear;
transition: 0.3s linear;
transform: scale(0.9);
}
ul.image {
width: 100%;
margin: 0 auto;
text-align: center;
list-style: none;
}
div.image {
text-align: center;
margin: 40px 0;
}
.pickup-title:before,
.matome-title:before,
.news-title:before,
.popular-title:before,
.areas-title:before {
content: " ";
display: inline-block;
vertical-align: text-top;
}
.pickup-title:before {
width: 88px;
height: 21px;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/menu/chumoku-1.png) no-repeat;
background-size: contain;
}
.matome-title:before {
width: 187px;
height: 17px;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/menu/matome.png) no-repeat;
background-size: contain;
margin-top: 20px;
}
.news-title:before {
width: 71px;
height: 17px;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/menu/new.png) no-repeat left bottom;
background-size: contain;
text-align: center;
margin-bottom: 7px;
margin-top: 40px;
}
.popular-title:before {
width: 121px;
height: 17px;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/menu/ranking-1.png) no-repeat;
background-size: contain;
text-align: center;
}
.areas-title:before {
width: 88px;
height: 17px;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/menu/basyo-1.png) no-repeat;
background-size: contain;
}
article.index_firstview {
width: 100%;
background-size: cover;
position: relative;
margin-bottom: 20px;
text-align: center;
background: #F5FBFF; }
a.index_firstview_a {
position: absolute;
width: 100%;
height: 100%;
}
article.index_firstview section {
position: absolute;
bottom: 0;
padding: 20px;
}
article.index_firstview p {
font-size: 11px;
font-weight: bold;
text-shadow: 0 0 8px #666, 0 0 8px #333, 0 0 0.8px #000;
}
article.index_firstview p a,
article.index_firstview h2 a {
color: #fff;
}
article.index_firstview h2 {
font-size: 28px;
font-weight: nomal;
text-shadow: 0 0 8px #666, 0 0 8px #333, 0 0 0.8px #000;
}
article.index_firstview span {
font-size: 14px;
font-weight: bold;
color: #fff;
margin-right: 15px;
text-shadow: 0 0 8px #666, 0 0 8px #333, 0 0 0.8px #000;
}
tr.subject th,
tr.subject td,
thead tr td {
text-align: center;
background: #29A7E2 !important;
font-size: 15px;
text-align: center;
border: 1px #fff solid !important;
color: #fff !important;
}
.zyusyo {
margin: 20px 0 0 20px !important;
}
.zyusyo dt {
float: left;
font-size: 11px;
padding: 3px;
border: 1px solid #DCDCDC;
margin-right: 5px;
width: 75px;
text-align: center;
}
.zyusyo dd {
font-size: 14px;
width: calc(100% - 75px - 5px);
margin: 0 0 10px;
float: left;
}
.zyusyo dd:last-child {
margin: 0 0 20px;
}
dl.zyusyo+.intro_text {
clear: both;
}
.access_annai {
border: #29A7E2 1px solid;
padding: 10px 20px;
margin: 40px 0 0 0 !important;
}
.access_annai dt {
color: #29A7E2;
font-weight: normal;
font-size: 16px;
}
.access_annai dd {
color: #4D4D4D;
font-size: 12px;
border: none;
padding: 0;
margin: 0;
}
.state_recommend {
overflow: hidden;
}
.block_right_recommend {
padding: 18px;
background-color: rgba(110, 110, 110, 0.3);
margin: 0 auto;
}
.footer_btn_area .footer_btn a {
width: 90%;
height: auto;
background: #81B51F;
display: block;
color: #fff;
font-weight: bold;
font-size: 23px;
text-align: center;
margin: 0 auto;
padding: 10px 20px;
border-radius: 10px;
}
.box1.clearfix img {
width: 200px;
float: left;
margin-right: 10px;
}
.box1.clearfix {
border-bottom: 1px solid #AFAFAF;
padding: 10px 0;
}
.side-title {
color: #555555;
font-weight: bold;
font-size: 15px;
border-bottom: 2px solid #555555;
padding: 0 0 12px 0;
margin: 0 0 10px 0;
text-align: center;
}
.side-title-epark-search {
border-bottom: 1px solid #8FC31F;
text-align: left;
font-size: 15px;
font-weight: bold;
color: #555555;
padding: 0 0 5px 16px;
margin: 20px 0 10px 0;
}
.side-title-epark-search>i.fa.fa-caret-down {
margin-right: 10px;
color: #61AA31;
}
#epark-search-menu ul {
padding-left: 16px;
padding-right: 16px;
padding-bottom: 10px;
}
#epark-search-menu li {
border-bottom: 1px solid #DCDCDC;
}
#epark-search-menu li a {
display: flex;
align-items: center;
justify-content: space-between;
color: #555555;
padding-top: 10px;
padding-bottom: 10px;
}
#epark-search-menu li a i {
color: #DCDCDC;
}
#epark-search-menu li a:hover,
#epark-search-menu li a:visited {
text-decoration: none;
}
#side .side-spot .post_thumbnail {
width: 100%;
margin: 0 0 5px 0;
height: 150px;
}
#side .side-spot .post_thumbnail img {
width: 100%;
height: auto;
}
ul.side-areat-list li {
width: 50%;
float: left;
border-bottom: #B8B8B8 1px solid;
text-align: center;
}
ul.side-areat-list li a {
display: block;
width: 100%;
padding: 10px 0 10px 10px;
color: #555555;
font-weight: bold !important;
font-size: 15px;
}
ul.side-areat-list li a span {
display: table-cell;
vertical-align: middle;
width: 4em;
}
ul.side-areat-list li a:before {
content: " ";
display: table-cell;
width: 52px;
height: 52px;
vertical-align: middle;
}
ul.side-areat-list li:nth-child(1) a:before {
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/pref/hokkaido.png);
background-size: contain;
}
ul.side-areat-list li:nth-child(2) a:before {
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/pref/kanto.png);
background-size: contain;
}
ul.side-areat-list li:nth-child(3) a:before {
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/pref/chubu.png);
background-size: contain;
}
ul.side-areat-list li:nth-child(4) a:before {
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/pref/kinki.png);
background-size: contain;
}
ul.side-areat-list li:nth-child(5) a:before {
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/pref/chugoku.png);
background-size: contain;
}
ul.side-areat-list li:nth-child(6) a:before {
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/pref/kyushu.png);
background-size: contain;
}
.cat-content-area p:nth-child(2) {
float: left;
margin-right: 20px;
}
.cat-content-area p img {
border-radius: 75px;
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
width: 150px;
height: 150px;
}
.cat-content-area p {
color: #808080;
font-size: 13.1px;
}
ul.categorys_list {
margin: 10px 0 20px 0;
padding: 0;
font-size: 0;
}
.categorys_list li {
display: inline-block;
color: #80BEDB;
font-size: 13px;
vertical-align: top;
}
.categorys_list li a {
margin-left: 5px;
color: #4D4D4D;
}
.index_pickup article:not(:first-child) .entry-content-cat {
display: none;
}
#section_recommend .state_recommend h2 {
text-align: center;
margin: 50px 0 20px 0;
font-size: 29px;
color: #3480BE;
box-shadow: 0 3px 10px rgba(52, 128, 190, .4);
clear: both;
}
#section_recommend .section_recommend_clinic {
display: block;
float: left;
width: 220px;
height: 445px;
border: 1px solid #72A7D2;
margin: 0 26px 20px 0;
}
#section_recommend .section_recommend_clinic:nth-child(4n) {
margin: 0 0 20px 0;
}
#section_recommend .section_recommend_clinic .name {
background: #72A7D2;
padding: 5px;
height: 52px;
width: 100%;
}
#section_recommend .section_recommend_clinic .name a {
font-size: 15px;
color: #fff;
line-height: 20px;
display: inline-block;
}
#section_recommend .section_recommend_clinic .img {
height: 157px;
overflow: hidden;
position: relative;
}
#section_recommend .section_recommend_clinic .img img {
width: 100%;
height: auto;
position: absolute;
}
#section_recommend .detail {
font-size: 12px;
color: #4D4D4D;
height: 268px;
}
#section_recommend .detail .address {
padding: 7px 10px 2px 10px;
}
#section_recommend .detail .address:before {
content: "\f207";
font-family: FontAwesome;
margin: 0 5px 0 0;
}
#section_recommend .detail .access {
padding: 1px 10px;
}
#section_recommend .detail .category {
color: #72A7D2;
padding: 1px 10px;
}
#section_recommend .detail .category li {
display: inline;
}
#section_recommend .detail .category li:not(:last-child):after {
content: " / ";
}
#icon_link_search:before {
content: "\f002";
font-family: FontAwesome;
color: #3480BE;
}
#icon_link_search {
color: #3480BE;
text-align: center;
font-size: 18px;
}
#section_link_search {
padding: 24px;
overflow: hidden;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/other/osusumehero.jpg);
}
#icon_link_search span {
margin-left: 5px;
}
#top_header {
background: #72A7D2;
color: #fff;
text-align: center;
padding: 0 20px;
}
#top_header img {
margin-top: 20px;
}
#top_header .text_title {
font-size: 18px;
padding: 24px 0 20px 0;
text-shadow: 0 1px 6px #3542B2;
}
#top_header p {
font-size: 12px;
padding-bottom: 34px;
}
.block_right_recommend ul {
font-size: 0;
}
.block_right_recommend li {
margin: 2px;
display: inline-block;
}
.block_right_recommend li a {
width: 80px;
height: 46px;
background: #3480BE;
display: block;
color: #fff;
text-align: center;
line-height: 46px;
font-size: 15px;
}
.block_right_recommend li a:hover {
color: #3480BE;
background: #D3EDF9;
}
.btn_footer div a {
text-align: center;
margin: 0 auto;
}
.wp_social_bookmarking_light {
float: right;
}
.eye_catch {
width: 160px;
height: 160px;
overflow: hidden;
margin-right: 20px;
flex: 0 0 auto;
}
.eye_catch img {
height: 100%;
width: auto;
max-width: none;
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#article_main {
color: #4D4D4D;
}
#article_main p {
font-size: 14px;
}
#article_main .title_box {
background: #cfe9f5;
margin: 50px 0 5px 0;
border-left: 5px solid #72B2DD;
}
#article_main .title_box h2 {
padding: 5px 10px;
font-size: 20px;
border-left: 2px solid #72B2DD;
margin: 0 0 0 5px;
font-weight: normal;
}
#article_main .title_box h2 a {
color: #4D4D4D;
}
#article_main .intro_text,
.post-content h3.other-clinics {
line-height: 1.2;
color: #29A7E2;
font-size: 20px;
font-weight: normal;
margin-top: 20px;
border-bottom: none;
border-left: 8px solid #29A7E2;
padding: 0 13px;
}
#article_main .section_box .appeal,
#article_main .clinic_kuchikomi_area .title span,
#article_main .section_box h3.appeal_point {
color: #29A7E2;
font-size: 20px;
font-weight: bold;
margin-top: 40px;
}
#article_main .section_box h3.appeal_point {
margin: 20px 0 5px 0;
font-size: 16px;
}
#article_main .clinic_kuchikomi_area {
border-radius: 10px;
background-color: #F8F8F8;
padding: 30px 20px 30px 40px;
margin: 0 0 28px;
}
#article_main .price_wrap .price_click_item {
display: block;
width: 100%;
text-align: center;
margin: 5px 0 10px;
background-color: rgb(41, 167, 226);
font-size: 18px;
color: rgb(255, 255, 255);
box-shadow: rgb(41, 130, 226) 0px 3px 0px;
border-radius: 3px;
cursor: pointer;
}
#article_main .price_wrap .price_click_item:hover {
opacity: 0.6;
}
#article_main .kind_table {
margin-top: 15px;
}
#article_main .kind_table .selected {
background: #29A7E2;
color: #fff;
}
#article_main .kind_table td {
width: calc(100% / 3);
text-align: center;
padding: 3px;
color: #ccc;
letter-spacing: -1px;
font-size: 10px;
}
.detail_btn2 a:not(:target),
.detail_btn a:not(:target) {
filter: none\9;
}
.price-btn {
margin: 50px auto;
width: 80%;
}
.price-btn a {
padding: 10px 0;
display: block;
font-size: 21px;
font-weight: bold;
color: #72b2dd;
line-height: normal;
text-align: center;
border-radius: 7px;
border: 4px solid #72b2dd;
background-color: #fff;
position: relative;
text-decoration: none !important;
}
.price-btn a:hover {
background: #72b2dd;
color: #ffffff;
}
.price-btn a:after {
margin-left: 10px;
font-family: FontAwesome;
content: "\f138";
}
#article_main .main_title h1 {
display: none;
}
#article_main .clinic_kuchikomi_area .quote {
color: #8F8F8F;
font-size: 11px !important;
margin-top: -20px;
}
#article_main .comment_area {
margin: 10px 10px 10px 0;
color: #345976;
font-size: 13px !important;
position: relative;
}
#article_main .review-citation,
#article_main .review-gray-text {
font-size: 11px;
color: #8F8F8F;
}
#article_main .comment_area:before,
#article_main .comment_area:after {
content: "\e185";
position: absolute;
color: #808080;
font-family: 'eparkfont';
font-size: 18px;
}
#article_main .comment_area:before {
top: -30px;
left: -20px;
}
#article_main .comment_area:after {
right: -10px;
transform: rotate(180deg);
line-height: 1;
}
#article_main .review-mark {
margin: 0 0 10px;
}
#article_main .review-mark-box {
margin: 0 5px 0 0;
padding: 3px;
display: inline-block;
font-size: 14px;
border-radius: 3px;
background: #29A7E2;
color: #fff;
}
#article_main .review-mark-item {
font-size: 14px;
}
#article_main .review-post-name,
#article_main .review-gray-text {
margin: 0 0 0 10px;
font-size: 12px;
}
#article_main .review-citation {
margin: 10px 0 0;
display: block;
}
@media screen and (max-width: 764px) {
#article_main .clinic_kuchikomi_area {
padding: 30px 20px;
}
#article_main .comment_area {
margin: 10px;
}
#article_main .review-mark-box {
vertical-align: top;
}
#article_main .review-mark-item {
line-height: 2;
}
#article_main .review-date {
margin: 10px 0 0;
}
#article_main .review-gray-text {
line-height: 1.6;
}
#article_main .review-date-diff {
margin: 0;
display: block;
}
blockquote.clinic_kuchikomi_area:after {
right: 10px;
}
}
.post-content .update {
font-size: 13px;
color: #8F8F8F;
text-align: right;
display: none;
}
.read_text {
font-size: 14px;
}
.categorys_title {
color: #333333;
font-weight: bold;
font-size: 17px;
margin: 10px 0;
clear: both;
text-align: center;
}
.categorys_title_page {
float: right;
font-size: 12px;
color: #8F8F8F;
}
.post_thumbnail {
width: 100px;
height: 100px;
overflow: hidden;
position: relative;
float: left;
margin: 0 20px 0 0;
}
.post_thumbnail img {
height: 100%;
width: auto;
position: absolute;
max-width: none !important;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .wpp-list {
counter-reset: ranking;
list-style-type: none;
}
.wpp-list li {
clear: both;
position: relative;
overflow: hidden;
margin-bottom: 15px;
font-weight: bold;
}
.wpp-list .post_thumbnail:before {
counter-increment: ranking;
content: counter(ranking);
position: absolute;
top: 1px;
left: 1px;
text-align: center;
width: 18px;
height: 18px;
color: #fff;
line-height: 18px;
font-size: 14px;
z-index: 10;
font-weight: bold;
}
.wpp-list .post_thumbnail:after {
content: "";
position: absolute;
top: -28px;
left: -25px;
transform: rotate(-45deg);
border: 24px solid transparent;
border-bottom-color: #c69832;
box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .2);
}
.wpp-thumbnail {
display: inline;
float: left;
margin: 0 10px 0 0;
}
.wpp-date {
color: #B0B0B0;
font-size: 12px;
font-weight: normal;
}
.wpp-category {
display: inline-block;
margin: 0 4px 0 0;
}
.wpp-category a {
font-size: 12px;
color: #666666;
display: inline-block;
margin-right: 10px;
}
.wrap {
width: 960px;
box-sizing: border-box;
margin: 0 auto;
*zoom: 1;
}
.wrap:before {
display: inline-table;
}
.wrap:after {
content: "";
display: block;
clear: both;
}
#main {
width: 100%;
float: left;
}
#content a>img:hover,
.area-list li:hover img {
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
@-webkit-keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}
@keyframes flash {
0% {
opacity: .4;
}
100% {
opacity: 1;
}
}
.main-inner {
margin-right: 270px;
}
#side {
width: 250px;
float: left;
margin-left: -250px;
margin-bottom: 40px;
overflow: hidden;
}
.left-content #main {
width: 100%;
float: left;
}
.left-content .main-inner {
margin-right: 330px;
margin-left: 0;
}
.left-content #side {
width: 290px;
float: left;
margin-left: -290px;
}
.right-content #main {
width: 100%;
float: left;
}
.right-content .main-inner {
margin-left: 330px;
margin-right: 0;
}
.right-content #side {
width: 290px;
float: left;
margin-left: -100%;
}
.one-column #content .wrap {
width: 1000px;
}
.one-column #content .wrap #main {
width: 100%;
float: none;
}
.one-column #content .wrap #main .main-inner {
width: 100%;
margin: 0;
}
.one-column #content .wrap #side {
display: none;
}  body {
color: #4D4D4D;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
a {
text-decoration: none;
color: #2581c4;
}
a:hover {
text-decoration: underline;
}
a.grayout {
color: #d3d0c3 !important;
}
a.nonetag {
color: #d3d0c3 !important;
pointer-events: none !important;
} form input[type="submit"],
form button {
background: #2581c4;
color: #fff;
-webkit-appearance: none;
}
form input[type="submit"]:hover,
form button:hover {
cursor: pointer;
} p.header-text {
font-size: 11px;
color: #333333;
}
#header {
background: #fff;
padding: 5px 0;
border-bottom: 1px solid #efefef;
}
#header #logo {
font-size: 24px;
width: 100%;
}
#header #logo a {
color: #383838;
}
#header #header-sns {
float: right;
}
#header #header-sns ul {
padding: 0 0 10px;
}
#header #header-sns li {
display: inline-block;
margin-left: 30px;
font-size: 21px;
}
#header #header-sns li a {
color: #ccc;
}
#header #header-sns li a:hover {
color: #57585a;
}
.logo-smile {
width: 144px;
display: inline-block;
float: left;
}
.jima-trustmark a>img:hover {
opacity: 1;
-webkit-animation: flash 1.5s;
animation: flash 1.5s;
}
.jima-trustmark {
margin: 8px 10px 0 0;
width: 382px;
display: table;
}
.jima-trustmark p a {
color: inherit;
}
.jima-trustmark p a:hover {
text-decoration: underline;
}
.jima-trustmark .jima-trustmark-img {
width: 51px;
height: 75.19px;
display: table-cell;
}
.jima-trustmark .jima-trustmark-img a {
display: inline-block;
}
.jima-trustmark .jima-trustmark-img a img {
width: 100%;
}
@media screen and (min-width: 765px) {
.jima-trustmark .jima-trustmark-img a img {
image-rendering: -webkit-optimize-contrast;
}
}
.jima-trustmark .jima-trustmark-text {
padding: 0 0 0 5px;
display: table-cell;
font-size: 12px;
vertical-align: middle;
line-height: 1.4;
}
.sp-jima {
display: none;
} .breadcrumb {
margin: 0 0 15px;
overflow: hidden;
font-size: 12px;
line-height: 22px;
padding: 0;
}
.breadcrumb li {
float: left;
}
.breadcrumb li:last-of-type {
margin-left: 10px;
}
.breadcrumb li:first-of-type a {
margin-left: 0;
}
.breadcrumb li a {
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
}
.breadcrumb li a:hover {
text-decoration: underline;
}
ol.breadcrumb {
margin-bottom: 15px !important;
} #gnav {
margin-top: -1px;
background: #fff;
border-top: 1px #DCDCDC solid;
border-bottom: 1px #DCDCDC solid;
font-size: 14px;
}
#gnav .sub-menu {
z-index: 10;
font-size: 14px;
margin: 0;
}
#gnav ul {
margin: 0;
padding: 0;
}
#gnav li {
float: left;
position: relative;
}
#gnav li.current-menu-item a {
color: #fff;
background: #72A7D2;
}
#gnav li a {
display: block;
padding: 20px 0px;
color: #555555;
font-size: 13px;
background: #fff;
text-decoration: none;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
#gnav li a:hover {
background: #CEE6F1;
}
#gnav2 li a {
display: block;
padding: 20px 0px;
color: #555555;
font-size: 13px;
background: #fff;
text-decoration: none;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
#gnav2 {
margin-top: 10px;
}
#gnav2 li a:hover {
background: #CEE6F1;
}
#gnav-container-top li a:hover {
background: #EFEFEF;
}
#gnav li a:hover .sub-menu {
display: block;
}
#gnav li .sub-menu {
display: none;
position: absolute;
width: 200px;
background: #fff;
border: none;
border-bottom: none;
margin: 0;
}
#gnav li .sub-menu li {
float: none;
border-bottom: none;
margin-right: 0;
padding: 0;
}
#gnav li .sub-menu li:list-child {
border-bottom: none;
}
#gnav li .sub-menu li a {
color: #fff;
background: #2b2b2b;
font-size: 12px;
padding: 14px 18px;
margin-top: 0;
border: none;
overflow: hidden;
}
#gnav li .sub-menu li a:hover {
background: #373B3B;
color: #fff;
}
#gnav li .sub-menu li a:after {
content: "\f105";
float: right;
font-family: 'FontAwesome';
}
#gnav li .sub-menu .sub-menu {
left: 100%;
top: 0;
} .site-logo-top img {
display: inline-block;
margin-top: 20px;
margin-bottom: 4px;
}
#gnav-top {
margin-top: -1px;
background: #fff;
border-top: 1px #DCDCDC solid;
border-bottom: 1px #DCDCDC solid;
height: 58px;
margin-bottom: 10px; box-sizing: content-box;
}
#gnav-top .sub-menu {
z-index: 10;
font-size: 14px;
margin: 0;
}
#gnav-top ul {
margin: 0;
padding: 0;
}
#gnav-top li {
float: left;
position: relative;
}
#gnav-top li.current-menu-item a {
color: #fff;
background: #72A7D2;
}
#gnav-top li a {
display: block;
padding: 0px 0px;
color: #555555;
font-size: 13px;
background: #fff;
text-decoration: none;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
height: 58px;
padding-top: 15px;
}
#gnav-container-top li a:hover {
background: #EFEFEF;
}
#gnav-top li a:hover .sub-menu {
display: block;
}
#gnav-top li .sub-menu {
display: none;
position: absolute;
width: 200px;
background: #fff;
border: none;
border-bottom: none;
margin: 0;
}
#gnav-top li .sub-menu li {
float: none;
border-bottom: none;
margin-right: 0;
padding: 0;
}
#gnav-top li .sub-menu li:list-child {
border-bottom: none;
}
#gnav-top li .sub-menu li a {
color: #fff;
background: #2b2b2b;
font-size: 12px;
padding: 14px 18px;
margin-top: 0;
border: none;
overflow: hidden;
}
#gnav-top li .sub-menu li a:hover {
background: #373B3B;
color: #fff;
}
#gnav-top li .sub-menu li a:after {
content: "\f105";
float: right;
font-family: 'FontAwesome';
}
#gnav-top li .sub-menu .sub-menu {
left: 100%;
top: 0;
}
.search_form-area-pc #searchform input[type=text] {
height: 40px;
font-size: 16px;
width: 760px;
box-sizing: border-box;
border: none;
float: left;
}
.search_form-area-pc #searchform button {
float: right;
position: absolute;
top: 0;
right: 0;
line-height: 25px;
border: none;
width: 110px;
padding: 8px 5px;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
background: transparent;
font-family: 'FontAwesome';
font-size: 19px;
color: #808080;
background-color: #72A7D2;
color: #FFF;
height: 40px;
border-radius: 0;
}
.search_form-area-pc #searchform div {
height: 40px;
bottom: 50px;
left: 0;
right: 0;
width: 760px;
border: 8px solid rgba(0, 0, 0, 0.3);
border-radius: 3px;
box-sizing: content-box;
position: absolute;
margin: 0 auto;
}
.search_form-area-pc #searchform button:hover {
cursor: pointer;
background: #EFEFEF;
} .notice-post {
padding: 10px;
margin: 30px auto 0;
line-height: 1.5;
width: 960px;
font-size: 16px;
color: #4d4d4d;
border: 1px solid #72a7d2;
}
.notice-post dd {
margin: 0;
} #content {
padding: 15px 0 0px; }
#content .wp-caption {
max-width: 100%;
border: 1px solid #efefef;
text-align: center;
padding: 5px;
}
#content .wp-caption-text {
padding: 12px 16px;
margin-bottom: 0;
text-align: center;
} .cat-content,
article.post,
article.page,
article.wp101,
article.seo101 {
margin-bottom: 40px;
background: #fff;
}
.post-header {
padding: 20px;
background: #F2F2F2;
margin: 0 0 20px 0;
position: relative;
overflow: hidden;
}
#post-header-senzai.post-header,
#post-header-kenzai.post-header {
display: flex;
}
#post-header-senzai .post-title,
#post-header-kenzai .post-title {
flex: 0 0 470px;
}
.post-title a {
color: #383838;
}
.post-title a:hover {
color: #f24e4f;
text-decoration: none;
}
.cat-content .post-header,
article.page .post-header {
padding: 56px 64px 0;
margin-bottom: 0;
background: #fff;
}
.cat-content .post-title,
article.page .post-title {
margin-bottom: 0;
}
.post-meta {
margin-top: 0;
margin-bottom: 42px;
padding: 0;
overflow: hidden;
}
.post-meta li {
font-size: 14px;
color: #8F8F8F;
}
.post-thumbnail {
margin-left: 20px;
margin-bottom: 20px;
float: right;
}
.post-thumbnail img {
max-width: 100%;
height: auto;
}
.post-content hr {
border-bottom: 1px solid #efefef;
margin: 20px 0;
clear: both;
}
.post-content ol {
list-style: decimal;
}
.post-content dl dt {
font-weight: bold;
margin-bottom: 4px;
}
.post-content dl dd {
border-left: 4px solid #e5e5e5;
border: none;
}
.post-content pre {
padding: 20px;
overflow: scroll;
font-family: 'Courier', monospace;
}
.post-content h1 {
clear: both;
}
.post-content h2 {
border-left: 8px solid #29A7E2;
padding: 0 13px;
line-height: 1.2;
}
.post-content h3 {
padding: 0 0 12px;
clear: both;
border-bottom: 1px solid #efefef;
}
.post-content table.table-line table,
.post-content table.table-line th,
.post-content table.table-line td {
border-color: #fff;
}
.post-content table.table-line th {
background: transparent;
color: #383838;
font-weight: bold;
}
.post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
.post-content table.table-line tr {
background: #eee;
}
.post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
.post-content img.alignleft {
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.post-content img.alignright {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}
.post-cta {
margin: 0 0 40px 0;
background: #f5f5f5;
color: #383838;
border-top: 3px solid #5e6265;
}
.post-cta .post-cta-inner {
padding: 30px 45px;
}
.post-cta .cta-post-title {
padding: 40px 45px;
text-align: center;
font-size: 32px;
margin-bottom: 14px;
border-bottom: 1px solid #e5e5e5;
}
.post-cta .post-cta-img {
float: right;
width: 230px;
margin: 0 0 20px 30px;
}
.post-cta .post-cta-cont {
overflow: hidden;
}
.post-cta .post-cta-btn {
margin: 40px 0 10px;
}
.post-cta .post-cta-btn a {
background: #5ace5f;
color: #fff;
border-radius: 3px;
border-bottom: 5px solid #38bd3e;
display: block;
padding: 10px;
text-align: center;
text-decoration: none;
width: 60%;
margin: 0 auto 20px;
}
.post-cta .post-cta-btn a:hover {
background: #81da85;
border-bottom: 5px solid #5ace5f;
}
.post-cta p {
margin-bottom: 1em;
}
.post-cta .btn {
width: 100%;
display: block;
border-radius: 3px;
text-align: center;
color: #fff;
padding: 14px 0;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
background: #2581c4;
}
.post-cta .btn:hover {
text-decoration: none;
background: #f24e4f;
}
.post-share {
padding: 0 45px 30px;
border-top: 1px solid #e5e5e5;
}
.post-share .post-share-fb {
margin-bottom: 0;
padding-top: 40px;
text-align: center;
}
.post-share .post-share-fb>span {
margin: 0 auto;
}
.post-share .post-share-title {
font-size: 20px;
padding: 10px 0;
margin-bottom: 0;
color: #fff;
background-color: #57585A;
text-align: center;
margin-left: -45px;
margin-right: -45px;
}
.post-share .post-share-list1,
.post-share .post-share-list2,
.post-share .post-share-list3,
.post-share .post-share-list4 {
overflow: hidden;
padding: 30px 0;
margin-left: -2.08%;
}
.post-share .post-share-list1 a,
.post-share .post-share-list2 a,
.post-share .post-share-list3 a,
.post-share .post-share-list4 a {
text-decoration: none;
font-family: 'Didact Gothic';
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display: block;
border: 1px #eee solid;
border-radius: 3px;
padding: 20px 0;
}
.post-share .post-share-list1 a:hover,
.post-share .post-share-list2 a:hover,
.post-share .post-share-list3 a:hover,
.post-share .post-share-list4 a:hover {
text-decoration: none;
background: #f7f7f7;
}
.post-share .post-share-list1 li,
.post-share .post-share-list2 li,
.post-share .post-share-list3 li,
.post-share .post-share-list4 li {
text-align: center;
float: left;
margin-left: 2.08%;
}
.post-share .post-share-list1 i,
.post-share .post-share-list1 .big,
.post-share .post-share-list2 i,
.post-share .post-share-list2 .big,
.post-share .post-share-list3 i,
.post-share .post-share-list3 .big,
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
font-size: 2em;
}
.post-share .post-share-list1 li {
width: 97.92%;
}
.post-share .post-share-list2 li {
width: 47.92%;
}
.post-share .post-share-list3 li {
width: 31.25%;
font-size: .8em;
}
.post-share .post-share-list4 li {
width: 22.92%;
}
.post-share .post-share-list4 {
text-align: center;
}
.post-share .post-share-list4 i,
.post-share .post-share-list4 .big {
display: block;
}
.post-share .post-share-list4 .big {
font-size: 1.2em;
}
.post-share .post-share-facebook a:hover {
color: #305097;
}
.post-share .post-share-twitter a:hover {
color: #00aced;
}
.post-share .post-share-google a:hover {
color: #db4a39;
}
.post-share .post-share-feedly a:hover {
color: #2bb24c;
}
.post-sns {
border-top: 1px #eee solid;
margin: 0 -45px -30px;
padding: 0;
}
.post-sns ul {
width: 100%;
overflow: hidden;
padding: 0;
margin: 0;
}
.post-sns ul li {
float: left;
width: 50%;
box-sizing: border-box;
border-right: 1px solid #eee;
color: #929292;
font-size: 16px;
text-align: center;
}
.post-sns ul li.post-sns-twitter a:before {
content: "\f099";
font-family: FontAwesome;
font-size: 24px;
padding-right: 10px;
}
.post-sns ul li.post-sns-feedly a:before {
content: "\f09e";
font-family: FontAwesome;
font-size: 24px;
padding-right: 10px;
}
.post-sns ul li:last-child {
border-right: none;
padding: -10px 0;
}
.post-sns ul li:hover {
background-color: #f7f7f7;
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter:hover {
color: #00ACED;
}
.post-sns ul li.post-sns-feedly:hover {
color: #5ACF5F;
}
.post-sns ul li span {
font-size: 20px;
}
.post-sns ul li a {
width: 100%;
display: block;
color: #929292;
text-decoration: none;
padding: 24px 0;
}
.post-sns ul li a:hover {
-webkit-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter a:hover {
background-color: #00aced;
color: #fff;
}
.post-sns ul li.post-sns-feedly a:hover {
background-color: #5ACF5F;
color: #fff;
}
.post-footer .bzb-sns-btn {
padding: 0 0 64px;
font-size: 0;
}
.post-footer .bzb-sns-btn li {
display: inline-block;
font-size: 16px;
width: auto;
vertical-align: top;
}
.post-footer .bzb-sns-btn:after {
content: '';
display: block;
clear: both;
zoom: 1;
}
.post-footer:after {
content: '';
display: block;
clear: both;
zoom: 1;
}
.post-footer {
padding: 5px 0 10px 0;
}
.post-footer h3 {
padding: 10px 0;
color: #4D4D4D;
font-weight: bold;
font-size: 17px;
margin: 0;
}
.post-footer a {
font-size: 11px;
font-weight: bold;
padding: 5px 8px;
border: 1px solid #DCDCDC;
border-radius: 5px;
color: #808080;
margin: 5px 0 0 0;
display: inline-block;
}
.post-footer a:before {
content: "#";
color: #29A7E2 !important;
margin-right: 2px;
}
.post-footer a:hover {
background: #EDF4F4;
}
.post-footer-list {
padding: 5px 0 0 0;
}
.post-author {
border-radius: 3px;
margin-bottom: 0px;
padding: 40px 64px;
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
color: #383838;
}
.post-author .post-author-img {
width: 80px;
float: left;
}
.post-author .post-author-img .inner {
padding: 0;
}
.post-author a {
color: #2581c4;
}
.post-author .post-author-meta {
margin-left: 100px;
}
.post-author .post-author-meta h4 {
margin: 0 40px 10px 0;
font-weight: bold;
}
div.post-share-fb .fbcomments,
div.post-share-fb .fb_iframe_widget,
div.post-share-fb .fb_iframe_widget[style],
div.post-share-fb .fb_iframe_widget iframe[style],
div.post-share-fb .fbcomments iframe[style] *,
div.post-share-fb .fb_iframe_widget span {
max-width: 100% !important;
} .post-header-meta {
overflow: visible;
}
.post-header-meta:after {
content: "";
clear: both;
display: block;
}
.bzb-sns-btn {
padding: 0;
margin: 0;
font-size: 0;
text-align: right;
}
.bzb-sns-btn li {
display: inline-block;
vertical-align: top;
font-size: 16px;
width: auto;
margin: 4px;
}
.bzb-sns-btn li:last-of-type {
margin-right: 0;
}
.bzb-sns-btn li.bzb-line a,
.bzb-sns-btn li.bzb-line img {
vertical-align: top;
}
.bzb-facebook .fb-like>span {
vertical-align: top !important;
}
.bzb-twitter {
width: 92px;
}
.bzb-googleplus {
width: 80px;
}
.post-header-category {
float: right;
width: 300px;
text-align: right;
padding: 20px 0 10px;
} #comments {
padding: 40px 64px;
}
.comment-list>.comment {
margin-bottom: 40px;
border-bottom: 1px #eee solid;
}
.comment-list>.comment>.comment-body {
padding: 0 20px;
margin-bottom: 20px;
}
.comment-list .children {
margin-left: 45px;
}
.comment-list .children .comment-body {
padding: 20px 30px;
margin-bottom: 20px;
background: #f7f7f7;
}
.comment-author {
float: left;
vertical-align: top;
font-size: 12px;
margin-left: 10px;
}
.comment-author img {
vertical-align: top;
}
.comment-meta {
font-size: 12px;
margin-bottom: 12px;
}
.reply a {
border-radius: 3px;
padding: 3px 5px;
font-size: 12px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.reply a:before {
content: '';
font-family: 'FontAwesome';
}
.reply a:hover {
text-decoration: none;
}
.comment-form-comment label {
display: none;
}
.comment-form-comment textarea {
width: 80%;
margin: 20px 0;
border-radius: 3px;
}
.form-allowed-tags {
font-size: 12px;
margin-bottom: 20px;
display: none;
}
.comment-meta:after {
content: ' ';
display: block;
clear: both;
}
.comments-title {
font-size: 24px;
padding: 20px 0;
margin-bottom: 30px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
overflow: hidden;
margin: 10px 0;
}
.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
width: 15%;
float: left;
font-size: 12px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
width: 40%;
float: left;
margin-left: 5%;
border-radius: 3px;
padding: 5px;
}
.form-submit #submit {
width: 300px;
line-height: 40px;
border: none;
border-radius: 3px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.form-submit #submit:hover {
cursor: pointer;
}
.comment-form-comment textarea {
width: 95%;
padding-left: 2%;
padding-right: 2%;
}
.comment-form {
overflow: hidden;
}
.comment-form-author,
.comment-form-email {
width: 49%;
margin: 0;
}
.comment-form-author label,
.comment-form-author input,
.comment-form-email label,
.comment-form-email input {
width: 90%;
float: none;
margin: 0 0 10px;
}
.comment-form-author {
float: left;
}
.comment-form-email {
float: right;
} .cat-content {
background: #D3EDF9;
padding: 20px 40px 30px 40px;
margin-bottom: 30px;
position: relative;
}
.cat-content .cat-header {
color: #808080 !important;
}
.cat-content .cat-header .post-title {
font-size: 26px;
font-weight: normal;
}
article.index_posts {
width: 100%;
margin: -1px 0 0 0;
border-bottom: 1px solid #DCDCDC;
border-top: 1px solid #DCDCDC;
overflow: hidden;
padding: 14px 0;
position: relative;
}
article.index_posts:first-child {
border-top: 2px solid #555555;
}
.chumoku .index_posts:nth-child(2) {
border-top: 2px solid #555555;
}
.entry-content-cat {
margin: 0;
color: #8F8F8F;
font-size: 11px;
padding: 5px 0 0 0;
margin-bottom: 10px;
}
.post-loop-wrap .post-thumbnail {
width: 304px;
height: 215px;
margin-left: 20px;
margin-bottom: 20px;
float: right;
}
.post-loop-wrap .post-thumbnail img {
max-width: 100%;
height: auto;
}
.post-loop-wrap .post-content {
width: auto;
}
.post-loop-wrap .post-footer .bzb-sns-btn {
padding: 0;
margin-right: 50px;
float: left;
}
.post-loop-wrap .post-footer .loop-comment-icon {
float: right;
}
.post-loop-wrap .post-footer .loop-comment-icon .fa {
font-size: 18px;
margin-right: 5px;
}
.post-loop-wrap .post-footer .loop-comment-icon .share {
display: none;
}
.post-loop-wrap .post-footer .loop-comment-icon .count {
font-size: 14px;
}
.more-link {
border: 1px #2581c4 solid;
padding: 12px 24px;
line-height: 26px;
margin-bottom: 64px;
box-sizing: border-box;
clear: both;
color: #2581c4;
font-size: 14px;
}
.more-link:hover {
background: #2581c4;
color: #fff;
text-decoration: none;
} .content-none {
padding-top: 40px;
} .pagination {
margin: 20px 0;
padding: 0;
text-align: center;
}
.pagination span,
.pagination a {
display: inline-block;
margin: 2px 2px 2px 0;
padding: 12px 18px;
text-decoration: none;
width: auto;
color: #383838;
border: 1px solid #DCDCDC;
}
.pagination a:hover {
background: #eee;
}
.pagination .current {
padding: 12px 18px;
background: #eee;
}
@media screen and (max-width: 375px) {
.pagination span,
.pagination a {
padding: 12px 13px;
}
.pagination .current {
padding: 12px 13px;
}
} .side-widget-area {
padding: 0;
}
.side-widget {
line-height: 1.6;
font-size: 14px;
}
.side-widget .side-title {
margin: 0 0 32px;
font-size: 15px;
}
.side-widget .side-title {
margin: 0 0 13px;
font-size: 16px;
margin-top: 20px;
}
.side-widget a {
color: #5e6265;
text-decoration: none;
}
.side-widget a:hover {
color: #2581c4;
}
.side-widget.widget_recent_comments a {
background: none;
}
.side-widget .post-date {
margin: 0 0 0 36px;
font-size: 13px;
color: #999999;
}
#views-2 ul li span {
margin: 0 0 0 36px;
font-size: 13px;
color: #999999;
}
.widget_recent_entries a,
.widget_archive a,
.widget_categories a,
.widget_meta a,
.widget_views a {
color: #5e6265;
text-decoration: none;
padding-left: 36px;
display: block;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icont_arw_lit.png?1418372717) left center no-repeat;
}
.widget_recent_entries a:hover,
.widget_archive a:hover,
.widget_categories a:hover,
.widget_meta a:hover,
.widget_views a:hover {
color: #2581c4;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon_arw_gry.png?1418372717) left center no-repeat;
} .recentcomments {
color: #808080;
font-size: 12px;
}
.recentcomments a {
color: #383838;
font-size: 14px;
}  .widget_calendar {
border-radius: 3px;
font-size: 16px;
}
.widget_calendar .side-widget-inner {
border-radius: 3px;
padding: 0 20px 20px;
}
.widget_calendar table {
width: 100%;
}
.widget_calendar caption {
border-radius: 3px 3px 0 0;
padding: 14px 20px;
margin: 0 -20px 20px;
font-size: 18px;
text-align: center;
}
.widget_calendar a {
color: #666;
}
.widget_calendar li {
margin-bottom: 1em;
}
.widget_calendar thead,
.widget_calendar tfoot,
.widget_calendar tbody {
margin: 0 20px;
}
.widget_calendar th,
.widget_calendar td {
text-align: center;
}
.widget_calendar tbody a {
display: block;
}
.widget_calendar tbody a:hover {
text-decoration: none;
} #side .share-list-wrap {
margin: 0 -20px 20px;
background: #f9f9f9;
padding: 20px;
}
#side .share-list-wrap .post-share-list1,
#side .share-list-wrap .post-share-list2,
#side .share-list-wrap .post-share-list3,
#side .share-list-wrap .post-share-list4 {
overflow: hidden;
margin-left: -1%;
}
#side .share-list-wrap .post-share-list1 li,
#side .share-list-wrap .post-share-list2 li,
#side .share-list-wrap .post-share-list3 li,
#side .share-list-wrap .post-share-list4 li {
float: left;
width: 24%;
margin-left: 1%;
}
#side .share-list-wrap .post-share-list1 li a,
#side .share-list-wrap .post-share-list2 li a,
#side .share-list-wrap .post-share-list3 li a,
#side .share-list-wrap .post-share-list4 li a {
border-radius: 100%;
background: #fff;
display: table-cell;
text-align: center;
vertical-align: middle;
width: 60px;
height: 60px;
font-size: 32px;
color: #5e6265;
}
#side .share-list-wrap .post-share-list1 li a .follow-on,
#side .share-list-wrap .post-share-list1 li a .big,
#side .share-list-wrap .post-share-list2 li a .follow-on,
#side .share-list-wrap .post-share-list2 li a .big,
#side .share-list-wrap .post-share-list3 li a .follow-on,
#side .share-list-wrap .post-share-list3 li a .big,
#side .share-list-wrap .post-share-list4 li a .follow-on,
#side .share-list-wrap .post-share-list4 li a .big {
display: none;
}
#side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
color: #305097;
}
#side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
color: #00aced;
}
#side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
color: #db4a39;
}
#side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
#side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
color: #2bb24c;
} #side-author {
overflow: hidden;
font-size: 12px;
}
#side-author h4 {
padding: 12px 0;
margin-bottom: 20px;
font-size: 16px;
}
#side-author .side-author-img {
float: left;
width: 100px;
}
#side-author .side-author-meta {
float: right;
width: 180px;
} #footer {
color: #1E252C;
border-top: 2px solid #80BEDB;
margin-bottom: 100px;
}
#footer-nav a {
font-size: 12px;
color: #1f7cc3;
text-decoration: none;
font-weight: normal;
line-height: normal;
}
#footer-nav {
padding: 0;
height: auto;
line-height: normal;
font-size: 0;
vertical-align: middle;
}
#footer-nav li {
margin: 0 0 10px;
padding: 0px 10px;
border-right: 1px solid #bad9a5;
font-size: 12px;
display: inline-block;
cursor: pointer;
}
#footer-nav li:first-child {
border-left: 1px solid #bad9a5;
}
#footer a:hover {
color: #2581c4;
}
#footer .wrap {
padding: 30px 0;
}
#footer .post-share {
padding-right: 0;
padding-left: 0;
}
.footer-01 {
background: #fff;
border-top: 1px #efefef solid;
font-size: 13px;
}
.footer-01 ul {
overflow: hidden;
text-align: right;
}
.footer-01 ul li {
display: inline-block;
margin-right: 20px;
}
.footer-02 {
background: #fff;
border-top: 1px #efefef solid;
}
.footer-02 .footer-copy {
font-size: 14px;
text-align: center;
color: #565656;
margin: 0;
padding: 20px 0 0 0;
} .textwidget {
border: solid 1px #DCDCDC;
padding: 10px;
position: relative;
}
.side-profile-profile-box li {
margin-bottom: 1px;
font-size: 11px;
}
.side-photo {
display: inline-block;
width: 100px;
height: 100px;
overflow: hidden;
}
.side-photo img {
max-width: 100%;
}
.more-profile {
font-size: 11px;
cursor: pointer;
position: absolute;
right: 4px;
bottom: -40px;
color: #72A7D2;
}
.more-profile:after {
content: "\f13a";
font-family: FontAwesome;
margin-left: 5px;
font-size: 14px;
vertical-align: middle;
}
.more-profile.open:after {
content: "\f139";
font-family: FontAwesome;
}
.side-name {
float: right;
width: 120px;
position: absolute;
z-index: 0;
font-size: 12px;
text-align: right;
text-align: center;
top: 25px;
right: 0;
}
.side-profile-profile-box h5 {
padding-bottom: 10px;
font-weight: bold;
font-size: 12px;
}
.side-profile-profile-box {
background-color: #F8F8F8;
padding: 4px;
display: none;
overflow: hidden;
margin-top: 20px;
} .single-lp {
padding: 40px 0;
}
.single-lp .lp-wrap {
width: 1157px;
border: 1px solid #efefef;
margin: 0 auto;
background: #fff;
padding: 45px 0;
}
.single-lp .lp-thumbnail {
border: 1px #ccc solid;
float: right;
margin: 0 0 13px 13px;
border: 1px #ccc solid;
}
.single-lp .lp-thumbnail img {
vertical-align: top;
}
.single-lp .post-content {
padding: 0;
overflow: hidden;
}
.single-lp #lp-header {
background: #fff;
padding: 0 56px;
}
.single-lp #lp-header h1 {
font-size: 32px;
color: #2581c4;
padding-bottom: 35px;
border-bottom: 1px solid #efefef;
}
.single-lp #content {
padding: 40px 56px;
overflow: hidden;
}
.single-lp #main {
width: 100%;
}
.single-lp .main-inner {
overflow: hidden;
margin-right: 350px;
} .one-column.single-lp #main {
float: none;
}
.one-column.single-lp .main-inner {
margin-left: 0;
margin-right: 0;
}
.one-column.single-lp #side {
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.single-lp #side {
width: 320px;
margin-left: -320px;
}
.single-lp.right-content #side {
width: 320px;
margin-left: -100%;
}
.single-lp.right-content .main-inner {
margin-left: 350px;
margin-right: 0;
}
.single-lp .post-footer {
padding: 20px;
}
.single-lp .lp-form {
background: #494c4e;
color: #fff;
padding: 30px;
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.single-lp .lp-form h3 {
font-weight: bold;
font-size: 18px;
margin-bottom: 12px;
}
.single-lp .lp-form input[type=text],
.single-lp .lp-form input[type=email] {
width: 90%;
padding: 10px 5%;
border: none;
}
.single-lp .lp-form input[type=submit],
.single-lp .lp-form button {
width: 100%;
padding: 10px 0;
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
-webkit-transition: all ease-in-out 0.3s;
transition: all ease-in-out 0.3s;
border-radius: 3px;
}
.single-lp .lp-form input[type=submit]:hover,
.single-lp .lp-form button:hover {
background: #6ed472;
}
.single-lp .lp-form dl {
margin-bottom: 13px;
}
.index_posts_title a {
color: #303030;
font-size: 16px;
display: block;
margin-bottom: 6px;
}
span.date.updated {
color: #8F8F8F;
font-size: 12px;
margin-right: 5px;
margin-top: 5px;
}
span.date.updated::after {
content: "|";
}
.columns-views_s,
.columns-views_ss,
.wpp-list .columns-views,
.index_new_list .columns-views,
.chumoku .columns-views {
font-size: 12px;
font-weight: bold;
color: #727171
}
.columns-views_s,
.columns-views_ss,
.wpp-list .columns-views {
line-height: 1;
display: block;
}
.columns-views_ss {
line-height: 2
}
.columns-views_ss span,
.columns-views_s span,
.wpp-list .columns-views span,
.index_new_list .columns-views span,
.chumoku .columns-views span {
font-size: 11px;
font-weight: normal;
}
.columns-views {
position: relative;
}
.columns-views::before {
content: "";
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/view.png);
background-repeat: no-repeat;
width: 13px;
height: 9px;
position: absolute;
left: -18px;
bottom: 2px;
}
.columns-views_s {
clear: both
}
.add_info {
clear: both;
display: block;
margin: 4px 0 0 11px;
text-align: left;
font-size: 12px;
line-height: 16px;
}
.header-accessory {
margin: 15px 0 1px 0;
text-align: right;
}
.header-accessory .bzb-sns-btn {
display: inline-block;
vertical-align: middle;
}
.add_vw {
color: #666;
font-size: 12px;
}
.add_vw b {
font-size: 16px;
}
#site_p .site_p-header {
width: 100%;
}
#site_p .site_p-header h1 {
display: block;
font-size: 36px;
margin: 36px 0;
border-bottom: 2px solid #80BEDB;
}
#site_p h2 {
color: #fff;
padding: 5px 10px;
background: #80BEDB;
border-radius: 2px;
font-weight: bold;
font-size: 30px;
margin: 0 0 20px 0;
border-left: none;
}
.add_ban_lk {
text-decoration: none;
display: block;
}
.add_ban_lk:hover {
text-decoration: none;
display: block;
}
.pc_blk {
display: block
}
.sp_blk {
display: none
}
.post-content table.time_table td {
padding: 4px 6px !important;
}
.add_cat_cv_1,
.add_cat_cv_2,
.add_cat_cv_3 {
position: relative;
height: 320px;
}
.add_cat_cv_1 img,
.add_cat_cv_2 img,
.add_cat_cv_3 img {
position: absolute;
top: 0;
left: 0;
}
.add_cat_cv_1 h1,
.add_cat_cv_2 h1,
.add_cat_cv_3 h1 {
position: absolute;
top: 120px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
text-align: center;
font-size: 20px;
font-weight: bold;
}
.add_cat_cv_1 .add_cat_tx,
.add_cat_cv_2 .add_cat_tx,
.add_cat_cv_3 .add_cat_tx {
position: absolute;
top: 150px;
left: 0;
right: 0;
width: 80%;
margin: 0 auto;
font-size: 14px;
line-height: 2em;
}
.add_cat_pc {
display: block
}
.add_cat_sp {
display: none
}
ul.side-areat-list li:nth-child(2n+1) {
border-right: #B8B8B8 1px solid;
} #view-helpful {
margin: 12px 0;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
}
#helpful {
margin: 0 0 0 12px;
font-size: 14px;
display: flex;
align-items: flex-end;
flex-wrap: nowrap;
color: #29A7E2;
font-weight: bold;
}
#helpful-number {
margin: 0 0 0 5px;
padding: 0 5px;
background: #fff;
border: 1px solid #29A7E2;
position: relative;
}
#helpful-number:after,
#helpful-number:before {
width: 0;
height: 0;
content: "";
position: absolute;
right: 100%;
top: 50%;
border: solid transparent;
pointer-events: none;
}
#helpful-number:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff;
border-width: 5px;
margin: -5px 0 0 0;
}
#helpful-number:before {
border-color: rgba(0, 169, 200, 0);
border-right-color: #29A7E2;
border-width: 6px;
margin-top: -6px;
}
.post-content h4#helpful-article-btn-wrapper {
margin: 0;
padding: 0;
height: 0;
border-bottom: none;
border-left: none;
display: flex;
justify-content: center;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s ease 0.5s;
-moz-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
text-align: center;
}
.post-content h4#helpful-article-btn-wrapper.visible {
margin: 50px 0;
height: auto;
visibility: visible;
opacity: 1;
}
.content-link.helpful-article-btn {
margin: 25px 5px;
padding: 10px 50px;
width: auto;
border: 2px solid #29A7E2;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: space-between;
flex: 0 1 75%;
color: #29A7E2;
font-size: 23px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
.content-link.helpful-article-btn:hover {
background: #29A7E2;
color: #fff;
text-decoration: none;
}
.content-link.helpful-article-btn:after {
content: "";
}
.content-link.helpful-article-btn.active {
background: #29A7E2;
color: #fff;
pointer-events: none;
cursor: default;
}
.content-link.helpful-article-btn.clicked {
border: solid 2px #dcdcdc;
color: #8F8F8F;
pointer-events: none;
cursor: default;
}
.content-link.helpful-article-btn i.fa {
font-size: 24px;
}
.pc-display {
display: block;
}
.sp-display {
display: none;
} @media screen and (max-width: 1200px) {
.search_form-area-pc #searchform input[type=text] {
height: 40px;
font-size: 16px;
width: 100%;
box-sizing: border-box;
border: none;
float: left;
}
.search_form-area-pc #searchform button {
float: right;
position: absolute;
top: 0;
right: 0;
line-height: 25px;
border: none;
width: 110px;
padding: 8px 5px;
-webkit-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
background: transparent;
font-family: 'FontAwesome';
font-size: 19px;
color: #808080;
background-color: #72A7D2;
color: #FFF;
height: 40px;
border-radius: 0;
}
.search_form-area-pc #searchform div {
height: 40px;
bottom: 50px;
left: 0;
right: 0;
width: 70%;
border: 8px solid rgba(0, 0, 0, 0.3);
border-radius: 3px;
box-sizing: content-box;
position: absolute;
margin: 0 auto;
}
.search_form-area-pc #searchform button:hover {
cursor: pointer;
background: #EFEFEF;
}
}
@media screen and (min-width: 1360px) and (max-width: 1670px) {
.search_form-area-pc #searchform div {
height: 40px;
bottom: 0;
left: 23%;
right: 0;
top: 80%;
width: 760px;
border: 8px solid rgba(0, 0, 0, 0.3);
border-radius: 3px;
box-sizing: content-box;
position: absolute;
margin: 0;
}
}
@media screen and (min-width: 765px) {
.jima-trustmark {
float: right;
}
#recommend .option-space {
margin: 0 0 15px 0;
font-size: 0;
}
#recommend .breadcrumb {
margin: 0 0 0px 0 !important; width: 50%;
display: inline-block;
vertical-align: middle;
}
#recommend .bzb-sns-btn {
width: 50%;
display: inline-block;
vertical-align: middle;
}
ul.side-areat-list li:nth-child(2n+1) {
border-right: none;
}
.sp_none {
display: none;
}
.area-list li:nth-of-type(4n) {
border-right: none;
}
.categorys_title:first-child {
margin: 0 0 10px 0;
}
.side-widget-inner {
margin-bottom: 30px;
}
.side-widget-inner.add_cta {
margin-bottom: 16px;
}
body.home #content {
padding-top: 20px !important;
}
.index_pickup .index_posts_title {
line-height: 1.3;
}
.btn_footer div a {
width: 90%;
font-size: 14px;
font-weight: normal;
}
.index_pickup .index_posts:nth-child(n+2) .index_posts_content span.wpp-category:nth-child(n+3) {
display: none;
}
.index_pickup .index_posts:nth-child(n+2) .index_posts_content2 span.wpp-category:nth-child(n+3) {
display: none;
}
.categorys_list li:before {
content: " \f0da";
font-family: FontAwesome;
}
#side-spot-top .index_posts_title a {
font-size: 18px !important;
font-weight: normal !important;
line-height: 1.2;
}
.categorys_list li {
width: 33.3%;
}
.block_right_recommend {
width: 792px;
}
#gnav-container li:first-child a {
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/logo/smileline_logo.png) no-repeat center;
background-size: 70%;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
#gnav-container li:first-child a:hover {
background: #CEE6F1 url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/logo/smileline_logo.png) no-repeat center;
background-size: 70%;
}
#gnav-container li:first-child.current-menu-item a {
background: #72A7D2 url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/logo/smileline_logo_white.png) no-repeat center;
background-size: 70%;
}
.index_pickup article:first-child {
padding: 0;
}
.index_pickup article:first-child .index_posts_title {
margin: 20px 0 10px 0;
}
.index_pickup article:nth-child(3),
.index_pickup article:nth-child(5) {
margin: -1px 0 0 10px;
}
.index_pickup article:nth-child(4),
.index_pickup article:nth-child(5) {
border-bottom: none;
margin-bottom: 10px;
}
#side-spot-top article.index_posts {
padding: 0 0 13px 0 !important;
}
#side article.index_posts {
padding: 13px 0;
border-bottom: none;
border-top: none;
}
#side .post_thumbnail {
width: 64px;
height: 64px;
margin: 0 10px 0 0;
}
#side .index_posts_title {
line-height: 1;
}
#side .index_posts_title a {
font-size: 13px;
text-align: justify;
line-height: 16px;
}
#side .side-spot .index_posts_title a {
font-size: 13px;
font-weight: normal;
}
.index_pickup article:nth-child(1) .post_thumbnail {
width: 347px;
height: 200px;
background: #E8E8E8;
}
.index_pickup article:not(:first-child) .post_thumbnail {
width: 140px;
height: 100px;
margin: 0 10px 0 0 !important;
}
.index_pickup article:not(:first-child) {
float: left;
width: 339px;
}
.index_pickup .post_thumbnail img {
height: 100%;
width: auto;
position: absolute;
max-width: none !important;
}
.single-lp .lp-wrap {
width: auto;
margin: 0 36px;
}
.single-lp .main-inner {
margin-right: 350px;
}
.digitalBannerGrad {
background: -moz-linear-gradient(left, rgba(206, 206, 206, 0.3) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(206, 206, 206, 0.3) 100%); background: -webkit-linear-gradient(left, rgba(206, 206, 206, 0.3) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(206, 206, 206, 0.3) 100%); background: linear-gradient(to right, rgba(206, 206, 206, 0.3) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, rgba(206, 206, 206, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dcecece', endColorstr='#4dcecece', GradientType=1); }
.digitalBannerGrad img {
display: block;
text-align: center;
width: 960px;
box-sizing: border-box;
margin: 0 auto;
margin-bottom: 15px;
margin-top: 15px;
}
body {
min-width: 980px;
}
#gnav li {
width: 25%;
text-align: center;
}
#gnav-container-top li {
width: 320px;
height: 58px;
text-align: center;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#helpful-number:after {
margin: -5px -1px 0 0;
}
.pagetop span:hover {
background-image: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/btn/pc_page_top-1.png);
}
}
@media screen and (max-width: 764px) {
.pc-display {
display: none;
}
.sp-display {
display: block;
}
.add_cat_pc {
display: none
}
.add_cat_sp {
display: block
}
.add_cat_cv_1 h1,
.add_cat_cv_2 h1,
.add_cat_cv_3 h1 {
top: 54px
}
.bzb-sns-btn li {
margin: 4px 2.5px;
}
.archive .cat-content .bzb-sns-btn {
position: absolute;
bottom: 20px;
right: 5px;
}
#recommend .bzb-sns-btn {
margin: 0 0 10px 0;
}
ul.related_post {
width: 831px !important;
}
#side {
width: 250px;
float: left;
margin-left: -250px;
margin-bottom: 0;
overflow: hidden;
}
article.post {
margin-bottom: 0;
}
.side-name {
font-size: 16px;
margin-right: 15%;
}
.wpp-category a {
font-size: 12px;
color: #666666;
display: inline-block;
margin-right: 0px;
}
#article_main .title_box h2 {
font-size: 17px;
}
#article_main .intro_text {
font-size: 17px;
}
.post-title {
font-size: 20px;
}
.post-header {
padding: 10px;
margin: 0;
}
.post-content h2 {
font-size: 18px;
margin-top: 40px;
}
.post-content h3 {
font-size: 17px;
margin-top: 40px;
}
.add_cat_cv_1 .add_cat_tx,
.add_cat_cv_2 .add_cat_tx,
.add_cat_cv_3 .add_cat_tx {
top: 85px;
font-size: 90%;
line-height: 1.8em
}
#gnav {
margin-top: 0;
background-color: transparent;
border: none;
font-size: 14px;
}
.areas-title:before {
width: 81px;
height: 17px;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/menu/summary_02.png) no-repeat;
background-size: contain;
}
.search_form-area-pc #searchform div {
height: 40px;
bottom: 10px;
left: 0;
right: 0;
width: 410px;
border: 8px solid rgba(0, 0, 0, 0.3);
border-radius: 3px;
box-sizing: content-box;
position: absolute;
margin: 0 auto;
}
.more-profile {
font-size: 12px;
cursor: pointer;
position: absolute;
right: -6px;
bottom: -35px;
color: #72A7D2;
}
.side-profile-profile-box li {
margin-bottom: 1px;
font-size: 13px;
}
.date-tag {
text-align: right;
display: block;
height: 16px;
position: absolute;
bottom: 35px;
right: 10px;
}
.date-tag {
text-align: right;
margin-right: -3px;
}
.side-widget .side-title {
margin-bottom: 0;
}
#gnav-top {
display: none;
}
.side-widget-inner {
overflow: hidden;
}
.columns-views {
margin-top: 7%;
}
section.index_posts_content span.wpp-category {
float: left;
}
.textwidget {
border: solid 1px #DCDCDC;
padding: 10px;
position: relative;
margin: 0 10px;
}
.side-title-sp {
border-bottom: 2px solid #555555;
margin-bottom: 10px;
}
span.date.updated::after {
content: none;
}
.side-spot article.index_posts {
width: 100%;
margin: -1px 0 0 0;
border-bottom: none;
border-top: 1px solid #DCDCDC;
overflow: hidden;
padding: 14px 10px;
;
}
.side-title-sp img {
width: 71px;
}
.pc_blk {
display: none
}
.sp_blk {
display: block
}
.add_ban_area {
margin: 10px !important;
margin: 0 auto
}
.add_info {
width: 100%;
margin: 4px 0 0 4px;
}
#site_p .site_p-header h1 {
font-size: 24px;
width: 96%;
margin: 0 auto
}
#site_p h2 {
font-size: 19px;
padding: 8px 10px 8px 12px;
margin: 20px 0 10px;
}
.add_vw {
margin-right: 0px;
float: none;
text-align: right;
}
.columns-views_s,
.columns-views_ss,
.wpp-list .columns-views,
.index_new_list .columns-views,
.chumoku .columns-views {
display: block;
float: right;
}
span.date.updated {
clear: both;
float: none;
}
span.date.updated {
color: #8F8F8F;
font-size: 12px;
margin-right: 10px;
margin-top: 5px;
}
#ajax-clinic li,
#ajax-clinic2 li {
width: 50%;
}
#bannernov {
margin: 15px auto 15px;
}
#gnav dt {
color: #4D4D4D;
font-size: 10px;
font-weight: bold;
margin-top: 15px;
}
#gnav dd {
width: 32%;
display: inline-block;
text-align: center;
background: #C5E1EF;
border-radius: 5px;
margin: 5px 2% 0 0;
line-height: 22px;
}
#gnav dd:nth-of-type(3n) {
margin: 5px 0 0 0;
}
#gnav dd a {
color: #4D4D4D;
font-size: 12px;
display: block;
}
.area-list-title {
padding: 10px;
}
.area-list li {
width: 50%;
}
.area-list li img {
left: 10%;
}
.area-list li a span {
margin-right: 10%;
}
.home #side {
margin-bottom: 0;
}
body.home #content {
padding: 0;
}
ul.image {
width: 100% !important;
}
#header-top {
background: #72A7D2;
height: 38px;
}
#header-topimg img {
width: 75px;
padding: 4px 0;
}
#header-top2 {
height: 38px;
position: absolute;
bottom: -45px;
z-index: 100000000;
display: block;
width: 100%;
}
#header-topimg img {
width: 75px;
padding: 4px 0;
}
.post_thumbnail {
margin: 0 10px 0 0;
width: 82px;
height: 82px;
}
.post-loop-wrap .post-content {
width: 100%;
}
.footer_icon_area {
border-top: 1px solid #8FC31F;
padding: 10px 0px
}
.footer_icon_area ul {
width: 80%;
margin: 0 auto;
box-sizing: border-box;
font-size: 0px;
text-align: center
}
.footer_icon_area ul li {
width: 33%;
display: inline-block
}
.footer_icon_area ul li a {
display: block;
margin: 0 auto;
text-indent: -9999px
}
.footer_icon_area ul li.footer_to_top a {
width: 58px;
height: 36px;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/icon_top_back.png) left top no-repeat;
background-size: 58px 72px
}
.footer_icon_area ul li.footer_news a {
width: 37px;
height: 35px;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/icon_news.png) left top no-repeat;
background-size: 37px 70px
}
.footer_icon_area ul li.footer_glossary a {
width: 54px;
height: 35px;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon/icon_glossary.png) left top no-repeat;
background-size: 54px 70px
}
ul.footer_nav1 {
padding: 14px 20px 0;
width: 100%;
background: #f2f2f2;
font-size: 0;
box-sizing: border-box;
}
ul.footer_nav1.search {
height: auto;
}
ul.footer_nav1 li {
margin-bottom: 10px;
padding-left: 5px;
width: 50%;
display: inline-block;
position: relative;
box-sizing: border-box;
}
ul.footer_nav1 li:before {
content: "";
width: 4px;
height: 4px;
background: #b0b0b0;
border-radius: 50%;
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
ul.footer_nav1 li a {
padding-left: 8px;
font-size: 11px;
color: #333;
text-decoration: underline;
}
.notice-post {
width: auto;
font-size: 13px;
margin: 10px 10px 30px;
}
.price-btn {
margin: 30px auto;
width: 100%;
}
.price-btn a {
width: 100%;
padding: 10px 30px;
font-size: 14px;
}
.price-btn a:hover {
color: #72b2dd;
background: #ffffff;
border: 4px solid #72b2dd;
}
.jima-trustmark {
margin: 20px auto;
padding: 0 10px;
width: 100%;
display: table;
}
.pc-jima {
display: none;
}
@media screen and (max-width: 374px) and (min-width: 320px) {
ul.footer_nav1 {
padding: 14px 10px 0;
}
ul.footer_nav1 li:nth-of-type(odd) {
width: 45%;
}
ul.footer_nav1 li:nth-of-type(even) {
width: 55%;
}
}
.footer-copyright {
padding: 6px 0 14px;
background: #f2f2f2;
text-align: center;
padding-bottom: 80px;
}
.footer-copyright span {
color: #333;
font-size: 10px;
text-align: center;
}
.epark-global-footer-group-box {
display: none
}
#epark-global-footer-box .epark-global-footer-box-inner-sp ul {
background: #eeece4;
width: 100%;
padding: 14px 20px;
border-top: 1px solid #928552;
font-size: 0;
box-sizing: border-box;
}
#epark-global-footer-box .epark-global-footer-box-inner-sp ul li {
padding-left: 5px;
width: 50%;
display: inline-block;
position: relative;
box-sizing: border-box;
}
#epark-global-footer-box .epark-global-footer-box-inner-sp ul li:before {
content: "";
width: 4px;
height: 4px;
background: #b0b0b0;
border-radius: 50%;
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#epark-global-footer-box .epark-global-footer-box-inner-sp ul li a {
padding-left: 8px;
color: #60542c;
font-size: 12px;
text-decoration: underline;
}
@media screen and (max-width: 374px) and (min-width: 320px) {
#epark-global-footer-box .epark-global-footer-box-inner-sp ul {
padding: 14px 10px;
}
#epark-global-footer-box .epark-global-footer-box-inner-sp ul li:nth-of-type(odd) {
width: 45%;
}
#epark-global-footer-box .epark-global-footer-box-inner-sp ul li:nth-of-type(even) {
width: 55%;
}
}
.side-spot {
border-top: 1px solid #DCDCDC;
}
.side-spot .index_posts {
padding: 14px 0 0 0;
}
.index_posts_title a {
font-size: 13px;
}
.side-spot .index_posts_title a {
font-size: 16px;
}
.cat-content#deep_area .wp_social_bookmarking_light {
position: absolute;
}
.post-header .post-meta,
.post-header .wp_social_bookmarking_light,
.cat-content .wp_social_bookmarking_light {
position: static;
}
.cat-content#deep_area .cat-content-area p img {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
width: 100%;
height: auto;
min-height: 250px;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background-color: #72A7D2;
}
.cat-content#deep_area {
padding: 20px;
position: relative;
overflow: hidden;
height: 250px;
}
.cat-content#deep_area .cat-content-area .post-title {
line-height: 40px;
position: absolute;
top: 10px;
left: 10px;
z-index: 10;
color: #fff;
margin: 0;
text-shadow: 0 0 8px #666, 0 0 8px #333, 0 0 0.8px #000;
}
.cat-content#deep_area .cat-content-area p:nth-child(3) {
padding-top: 0;
position: absolute;
top: 55px;
color: #fff;
margin: 0 10px;
left: 0;
text-shadow: 0 0 8px #666, 0 0 8px #333, 0 0 0.8px #000;
}
article.index_firstview h2 {
font-size: 5vw;
}
.post-content table.time_table td,
.post-content table.time_table th {
padding: 3px 0 !important;
}
.post-content table.time_table td.monday,
.post-content table.time_table td.tueday,
.post-content table.time_table td.wedday,
.post-content table.time_table td.thrsday,
.post-content table.time_table td.friday,
.post-content table.time_table td.satday,
.post-content table.time_table td.sunday,
.post-content table.time_table td.holday {
font-size: 14px;
}
.eye_catch_sp {
margin: 10px -10px; display: block;
text-align: center;
}
.eye_catch_sp img {
max-width: 100%;
}
.cat-content-area .post-title#cat2,
.cat-content-area .post-title#cat10,
.cat-content-area .post-title#cat11,
.cat-content-area .post-title#cat12 {
line-height: 30px;
display: inline-block;
margin: 0;
padding: 10px 0;
font-size: 21px;
}
#area_search {
margin: 10px auto 20px auto;
width: 240px;
}
#area_search select {
width: 100%;
font-size: 14px;
color: #808080;
padding: 7px 5px;
}
.index_pickup {
margin: 10px 0 20px 0;
}
#content {
padding: 15px 0 0 0;
}
article.index_firstview {
margin: 0;
}
#footer {
border-top: none;
margin-bottom: 0;
}
p.header-text {
background: #61AA31;
padding: 0px 7px;
font-size: 10px;
color: #fff;
}
#header {
padding: 0;
box-shadow: 0px 2px 3px 0px #AFAFAF;
border-bottom: none !important;
background: #C5E1EF;
}
.index_new_list article.index_posts:nth-child(n+6) {
display: none;
}
.categorys_title {
margin: 10px;
font-size: 15px;
}
.categorys_title_page {
margin: 0 10px 10px 0;
}
#side #searchform {
margin: 20px 10px;
}
.wp_rp_wrap .related_post_title {
position: absolute;
left: 10px;
top: -10px;
}
.categorys_list li {
margin: 0 5px 20px 0;
}
.categorys_list li a {
padding: 4px 9px;
border: 1px solid #DCDCDC;
border-radius: 5px;
}
.categorys_list li a:hover {
background: #EDF4F4;
}
div#wp_rp_first {
padding: 0 10px;
position: relative;
}
#section_recommend .section_recommend_clinic:nth-child(4n) {
margin: 0;
}
ul.categorys_list {
padding: 0 10px;
margin: 20px 0 10px 0;
}
.block_right_recommend li {
width: 20%;
margin: 0;
}
.block_right_recommend li a {
width: 100%;
}
ul.image li img {
width: 90%;
}
article.index_posts {
padding: 10px;
}
article.index_firstview p {
display: none;
}
.side-title {
margin: 0;
padding: 10px;
}
.cat-content-area p img {
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
width: 80px;
height: 80px;
}
.cat-content-area p:nth-child(2) {
margin-right: 15px;
padding-top: 0;
}
.at-content-area p {
clear: both;
}
.cat-content-area .post-title {
line-height: 80px;
}
.cat-content-area p {
padding-top: 15px;
}
.zyusyo {
margin: 10px 0 0 0 !important;
}
#top_header .text_title {
padding: 0;
}
#section_recommend .detail {
height: auto;
overflow: hidden;
}
#section_recommend .section_recommend_clinic {
float: none;
width: 100%;
height: auto;
margin: 0;
}
#section_recommend .section_recommend_clinic .img {
height: auto;
min-height: 110px;
width: 40%;
float: left;
margin: 0 10px 0 0;
}
.main-inner {
margin-right: 320px;
box-sizing: border-box;
}
#main,
.main-inner,
#side {
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.left-content #main,
.right-content #main {
float: none;
}
.left-content .main-inner,
.right-content .main-inner {
margin-right: 0;
margin-left: 0;
width: 100%;
}
.left-content #side,
.right-content #side {
width: 100%;
float: none;
margin: 0;
} .wrap,
.one-column #content .wrap {
width: auto;
} .sp-hide {
display: none !important;
}
.sp-show {
display: block !important;
}
#main .post-sns {
margin: 0 -20px -20px !important;
}
#main .post-share-title {
margin: 0 -20px !important;
}
.single-lp #lp-header {
padding-left: 24px;
padding-right: 24px;
}
.single-lp #lp-header .lp-title {
padding: 0;
margin: 0;
font-size: 21px;
}
.single-lp #content {
padding: 20px;
}
.single-lp .lp-wrap {
padding: 24px 0;
width: auto;
margin: 0 24px;
}
.single-lp .lp-wrap input[type=text] {
width: 100%;
}
.single-lp .lp-wrap input[type=submit] {
margin-top: 30px;
}
.single-lp .post-content {
padding: 0 !important;
}
.single-lp #side {
margin-left: 0;
width: 100%;
}
.single-lp #side dl,
.single-lp #side dt,
.single-lp #side dd {
width: 100%;
margin: 0 0 20px;
padding: 0;
}
.single-lp #side dt {
margin-bottom: 8px;
}
.alignleft,
.alignright {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
img {
max-width: 100%;
height: auto;
} #header .wrap {
position: relative;
padding: 0;
}
#header #logo {
font-size: 10px;
width: auto;
margin-right: 11px;
text-align: right;
}
#header #logo img {
width: auto;
height: 22px;
margin: 3px 0;
}
#header #header-primary-nav {
display: none;
}
#header-menu-tog {
display: block;
font-size: 18px;
position: absolute;
background: #1169A5;
width: 30px;
height: 30px;
text-align: center;
border-radius: 2px;
line-height: 30px;
right: 11px;
top: 4px;
z-index: 10;
}
#header-menu-tog2 {
display: block;
font-size: 18px;
position: absolute;
background: #D6D6D6;
width: 30px;
height: 30px;
text-align: center;
border-radius: 2px;
line-height: 30px;
right: 11px;
top: 4px;
z-index: 10;
}
#header-menu-tog a {
color: #fff;
}
#header-menu-tog2 a {
color: #fff;
}
#searchform {
background: #e6e6e6;
border-radius: 7px;
overflow: hidden;
}
#searchform input {
background: #e6e6e6;
}
#gnav {
display: none;
}
#gnav.active {
display: block;
}
#gnav {
padding: 5px 0 20px 0;
width: 100%;
height: auto;
background: rgba(214, 214, 214, 0.6);
position: absolute;
z-index: 1000;
}
#gnav.sp-home-nav {
margin: 15% 0 0;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
position: absolute;
right: 5%;
top: 5px;
font-size: 20px;
color: #666666;
} .cat-content {
padding: 20px 10px 10px 20px;
}
.post-loop-wrap .post-thumbnail {
height: 215px;
float: none;
margin-left: 0;
margin-right: 0;
text-align: center;
}
.post-loop-wrap .post-thumbnail img {
max-width: 100%;
height: auto;
margin: 0 auto;
}
.post-loop-wrap .post-title {
margin-bottom: 0;
}
.post-loop-wrap .post-content {
padding: 0 40px;
}
.post-loop-wrap .post-footer {
display: none;
}
.comment-form-author,
.comment-form-email {
float: none;
width: auto;
}
.cta-post-title,
.post-cta,
.post-cta-inner,
.post-share,
.post-author,
article.page .post-header {
padding: 10px !important;
}
.post-content {
padding: 20px 10px 10px;
}
.post-thumbnail,
.post-cta-img {
margin-left: 0;
margin-right: 0;
float: none;
}
.more-link {
display: block;
width: 100%;
text-align: center;
margin-bottom: 24px;
} .post-content h2 {
font-size: 18px;
margin-top: 40px;
}
.post-content h3 {
font-size: 17px;
margin-top: 40px;
}
.post-content h4 {
font-size: 16px;
}
.post-content table tbody th,
.post-content table tbody td {
font-size: 12px;
}
.post-content table.time_table {
width: 100%;
-webkit-overflow-scrolling: touch;
overflow: auto;
}
#main .post-share .post-sns {
margin: 0 -20px -20px;
}
#main .post-share .post-sns ul li {
width: auto;
float: none;
border-right: none;
border-bottom: 1px solid #eee;
}
#main .post-share .post-sns ul li a {
padding: 16px 0;
font-size: 16px;
}
#main .post-share .post-sns ul li a span {
font-size: 16px;
}
#main .post-share .post-sns ul li a:before {
font-size: 18px;
}
#main #comments {
padding: 20px;
}
#main .post-author {
padding: 20px;
}
#main .post-author .post-author-img {
float: none;
}
#main .post-author .post-author-meta {
padding: 0;
margin: 10px 0 0;
}
.post-cta .post-cta-img {
width: 100%;
margin: 0 auto 30px;
float: none;
}
.post-cta .post-cta-btn {
margin: 24px 0 10px;
}
.post-cta .post-cta-btn a {
width: 100%;
box-sizing: border-box;
}
#main .post-cta .cta-post-title {
font-size: 24px !important;
padding: 0 0 20px !important;
}
.breadcrumb li:first-of-type a {
margin-left: 10px;
} #post-header-senzai.post-header,
#post-header-kenzai.post-header {
flex-wrap: wrap;
}
#post-header-senzai.post-header .post-title,
#post-header-kenzai.post-header .post-title {
margin: 0;
flex: 1 1 auto;
}
#post-header-senzai.post-header .eye_catch,
#post-header-kenzai.post-header .eye_catch {
margin: 10px 0;
width: 100%;
height: auto;
flex: 1 1 auto;
}
#post-header-senzai.post-header .eye_catch img,
#post-header-kenzai.post-header .eye_catch img {
width: 100%;
height: auto;
}
#post-header-senzai.post-header .header-accessory,
#post-header-kenzai.post-header .header-accessory {
margin: 0;
display: flex;
flex-direction: column;
}
#post-header-senzai.post-header .post-header-content,
#post-header-kenzai.post-header .post-header-content {
width: 100%;
}
.post-content h4#helpful-article-btn-wrapper.visible {
margin: 20px 0;
}
.content-link.helpful-article-btn {
margin: 0 0 10px 0;
padding: 10px 10px;
width: auto;
flex: 1 1 100%;
font-size: 18px;
}
#view-helpful {
margin: 0;
justify-content: flex-end;
}
}  body.color01 body {
background: #fafafa;
color: #494D50;
}
body.color01 a {
color: #1ABB9A;
}
body.color01 form input[type="submit"],
body.color01 form button {
background: #1ABB9A;
}
body.color01 #header {
background: #fff;
border-bottom: 1px solid #ededed;
}
body.color01 #header #logo a {
color: #494D50;
}
body.color01 #header #header-sns li a {
color: #ccc;
}
body.color01 #header #header-sns li a:hover {
color: #34465C;
}
body.color01 #gnav {
background: #fff;
border-top: 1px #ededed solid;
border-bottom: 1px #ededed solid;
}
body.color01 #gnav li.current-menu-item a {
border-top: 1px #1ABB9A solid;
}
body.color01 #gnav li a {
border-top: 1px #ededed solid;
color: #2B2D2D;
background: #fff;
}
body.color01 #gnav li a:hover {
color: #2B2D2D;
border-top: 1px #1ABB9A solid;
}
body.color01 #gnav li .sub-menu li a {
background: #2b2b2b;
color: #fff;
border: none;
}
body.color01 #gnav li .sub-menu li a:hover {
background: #373B3B;
color: #fff;
}
body.color01 #content .wp-caption {
border: 1px solid #ededed;
}
body.color01 .cat-content,
body.color01 article.post,
body.color01 article.page,
body.color01 article.wp101,
body.color01 article.seo101 {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color01 .post-title a {
color: #494D50;
}
body.color01 .post-title a:hover {
color: #1ABB9A;
}
body.color01 .post-meta {
border-top: 1px #ededed solid;
}
body.color01 .post-meta li {
background: #fff;
}
body.color01 .post-content hr {
border-bottom: 1px solid #ededed;
}
body.color01 .post-content h2 {
border-bottom: 1px solid #ededed;
}
body.color01 .post-content h3 {
border-left: 5px solid #e5e5e5;
}
body.color01 .post-content blockquote {
border: 1px #e5e5e5 solid;
}
body.color01 .post-content blockquote:before {
color: #e7e7e7;
}
body.color01 .post-content blockquote cite {
color: #808080;
}
body.color01 .post-content table {
border: 1px #ddd solid;
}
body.color01 .post-content table th,
body.color01 .post-content table td {
border: #ddd solid 1px;
}
body.color01 .post-content table th {
color: #fff;
}
body.color01 .post-content table thead th {
background: #5e6265;
}
body.color01 .post-content table tbody th {
background: #919598;
}
body.color01 .post-content table.table-line table,
body.color01 .post-content table.table-line th,
body.color01 .post-content table.table-line td {
border-color: #fff;
}
body.color01 .post-content table.table-line th {
background: transparent;
color: #494D50;
}
body.color01 .post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
body.color01 .post-content table.table-line tr {
background: #eee;
}
body.color01 .post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
body.color01 .post-cta {
background: #f5f5f5;
color: #494D50;
border-top: 3px solid #5e6265;
}
body.color01 .post-cta .cta-post-title {
border-bottom: 1px solid #e5e5e5;
}
body.color01 .post-cta .post-cta-btn a {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color01 .post-cta .post-cta-btn a:hover {
background: #81da85;
border-bottom: 5px solid #5ace5f;
}
body.color01 .post-cta .btn {
color: #fff;
background: #1ABB9A;
}
body.color01 .post-cta .btn:hover {
background: #BB2C46;
}
body.color01 .post-share {
border-top: 1px solid #e5e5e5;
}
body.color01 .post-share .post-share-title {
color: #fff;
background-color: #57585A;
}
body.color01 .post-share .post-share-list1 a,
body.color01 .post-share .post-share-list2 a,
body.color01 .post-share .post-share-list3 a,
body.color01 .post-share .post-share-list4 a {
border: 1px #eee solid;
}
body.color01 .post-share .post-share-list1 a:hover,
body.color01 .post-share .post-share-list2 a:hover,
body.color01 .post-share .post-share-list3 a:hover,
body.color01 .post-share .post-share-list4 a:hover {
text-decoration: none;
background: #f7f7f7;
}
body.color01 .post-share .post-share-facebook a:hover {
color: #305097;
}
body.color01 .post-share .post-share-twitter a:hover {
color: #00aced;
}
body.color01 .post-share .post-share-google a:hover {
color: #db4a39;
}
body.color01 .post-share .post-share-feedly a:hover {
color: #2bb24c;
}
body.color01 .post-sns {
border-top: 1px #eee solid;
}
body.color01 .post-sns ul li {
border-right: 1px solid #eee;
color: #929292;
}
body.color01 .post-sns ul li:hover {
background-color: #f7f7f7;
}
body.color01 .post-sns ul li.post-sns-twitter:hover {
color: #00ACED;
}
body.color01 .post-sns ul li.post-sns-feedly:hover {
color: #5ACF5F;
}
body.color01 .post-sns ul li a {
color: #929292;
}
body.color01 .post-sns ul li.post-sns-twitter a:hover {
background-color: #00aced;
color: #fff;
}
body.color01 .post-sns ul li.post-sns-feedly a:hover {
background-color: #5ACF5F;
color: #fff;
}
body.color01 .post-author {
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
color: #494D50;
}
body.color01 .post-author a {
color: #1ABB9A;
}
body.color01 .comment-list>.comment {
border-bottom: 1px #eee solid;
}
body.color01 .comment-list .children .comment-body {
background: #f7f7f7;
}
body.color01 .post-loop-wrap .post-footer {
border-top: 1px #ededed solid;
}
body.color01 .more-link {
border: 1px #1ABB9A solid;
color: #1ABB9A;
}
body.color01 .more-link:hover {
background: #1ABB9A;
color: #fff;
}
body.color01 .pagination span,
body.color01 .pagination a {
color: #494D50;
}
body.color01 .pagination a:hover {
background: #eee;
}
body.color01 .pagination .current {
background: #eee;
}
body.color01 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color01 .side-widget a {
color: #5e6265;
}
body.color01 .side-widget a:hover {
color: #1ABB9A;
}
body.color01 .side-widget .post-date {
color: #999999;
}
body.color01 #views-2 ul li span {
color: #999999;
}
body.color01 .widget_recent_entries a,
body.color01 .widget_archive a,
body.color01 .widget_categories a,
body.color01 .widget_meta a {
color: #5e6265;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icont_arw_lit.png?1418372717) left center no-repeat;
}
body.color01 .widget_recent_entries a:hover,
body.color01 .widget_archive a:hover,
body.color01 .widget_categories a:hover,
body.color01 .widget_meta a:hover {
color: #1ABB9A;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon_arw_gry.png?1418372717) left center no-repeat;
}
body.color01 .recentcomments a {
color: #494D50;
}
body.color01 #side .share-list-wrap {
background: #fafafa;
}
body.color01 #side .share-list-wrap .post-share-list1 li a,
body.color01 #side .share-list-wrap .post-share-list2 li a,
body.color01 #side .share-list-wrap .post-share-list3 li a,
body.color01 #side .share-list-wrap .post-share-list4 li a {
background: #fff;
color: #5e6265;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
color: #305097;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
color: #00aced;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
color: #db4a39;
}
body.color01 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color01 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
color: #2bb24c;
}
body.color01 #footer {
color: #1E252C;
}
body.color01 #footer a {
color: #1E252C;
}
body.color01 #footer a:hover {
color: #1ABB9A;
}
body.color01 .footer-01 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color01 .footer-02 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color01 .single-lp .lp-wrap {
border: 1px solid #ededed;
background: #fff;
}
body.color01 .single-lp .lp-thumbnail {
border: 1px #ccc solid;
}
body.color01 .single-lp #lp-header {
background: #fff;
}
body.color01 .single-lp #lp-header h1 {
color: #1ABB9A;
border-bottom: 1px solid #ededed;
}
body.color01 .single-lp .lp-form {
background: #494c4e;
color: #fff;
}
body.color01 .single-lp .lp-form input[type=submit],
body.color01 .single-lp .lp-form button {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color01 .single-lp .lp-form input[type=submit]:hover,
body.color01 .single-lp .lp-form button:hover {
background: #6ed472;
}  body.color02 {               }
body.color02 body {
background: #fafafa;
color: #656364;
}
body.color02 a {
color: #FB4343;
}
body.color02 form input[type="submit"],
body.color02 form button {
background: #FB4343;
}
body.color02 #header {
background: #fff;
border-bottom: 1px solid #ededed;
}
body.color02 #header #logo a {
color: #656364;
}
body.color02 #header #header-sns li a {
color: #ccc;
}
body.color02 #header #header-sns li a:hover {
color: #4E4E4E;
}
body.color02 #gnav {
background: #fff;
border-top: 1px #ededed solid;
border-bottom: 1px #ededed solid;
}
body.color02 #gnav li.current-menu-item a {
border-top: 1px #FB4343 solid;
}
body.color02 #gnav li a {
border-top: 1px #ededed solid;
color: #2B2D2D;
background: #fff;
}
body.color02 #gnav li a:hover {
color: #2B2D2D;
border-top: 1px #FB4343 solid;
}
body.color02 #gnav li .sub-menu li a {
background: #2b2b2b;
color: #fff;
border: none;
}
body.color02 #gnav li .sub-menu li a:hover {
background: #373B3B;
color: #fff;
}
body.color02 #content .wp-caption {
border: 1px solid #ededed;
}
body.color02 .cat-content,
body.color02 article.post,
body.color02 article.page,
body.color02 article.wp101,
body.color02 article.seo101 {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color02 .post-title a {
color: #656364;
}
body.color02 .post-title a:hover {
color: #FB4343;
}
body.color02 .post-meta {
border-top: 1px #ededed solid;
}
body.color02 .post-meta li {
background: #fff;
}
body.color02 .post-content hr {
border-bottom: 1px solid #ededed;
}
body.color02 .post-content h2 {
border-bottom: 1px solid #ededed;
}
body.color02 .post-content h3 {
border-left: 5px solid #e5e5e5;
}
body.color02 .post-content blockquote {
border: 1px #e5e5e5 solid;
}
body.color02 .post-content blockquote:before {
color: #e7e7e7;
}
body.color02 .post-content blockquote cite {
color: #808080;
}
body.color02 .post-content table {
border: 1px #ddd solid;
}
body.color02 .post-content table th,
body.color02 .post-content table td {
border: #ddd solid 1px;
}
body.color02 .post-content table th {
color: #fff;
}
body.color02 .post-content table thead th {
background: #5e6265;
}
body.color02 .post-content table tbody th {
background: #919598;
}
body.color02 .post-content table.table-line table,
body.color02 .post-content table.table-line th,
body.color02 .post-content table.table-line td {
border-color: #fff;
}
body.color02 .post-content table.table-line th {
background: transparent;
color: #656364;
}
body.color02 .post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
body.color02 .post-content table.table-line tr {
background: #eee;
}
body.color02 .post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
body.color02 .post-cta {
background: #f5f5f5;
color: #656364;
border-top: 3px solid #5e6265;
}
body.color02 .post-cta .cta-post-title {
border-bottom: 1px solid #e5e5e5;
}
body.color02 .post-cta .post-cta-btn a {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color02 .post-cta .post-cta-btn a:hover {
background: #81da85;
border-bottom: 5px solid #5ace5f;
}
body.color02 .post-cta .btn {
color: #fff;
background: #FB4343;
}
body.color02 .post-cta .btn:hover {
background: #58DADF;
}
body.color02 .post-share {
border-top: 1px solid #e5e5e5;
}
body.color02 .post-share .post-share-title {
color: #fff;
background-color: #57585A;
}
body.color02 .post-share .post-share-list1 a,
body.color02 .post-share .post-share-list2 a,
body.color02 .post-share .post-share-list3 a,
body.color02 .post-share .post-share-list4 a {
border: 1px #eee solid;
}
body.color02 .post-share .post-share-list1 a:hover,
body.color02 .post-share .post-share-list2 a:hover,
body.color02 .post-share .post-share-list3 a:hover,
body.color02 .post-share .post-share-list4 a:hover {
text-decoration: none;
background: #f7f7f7;
}
body.color02 .post-share .post-share-facebook a:hover {
color: #305097;
}
body.color02 .post-share .post-share-twitter a:hover {
color: #00aced;
}
body.color02 .post-share .post-share-google a:hover {
color: #db4a39;
}
body.color02 .post-share .post-share-feedly a:hover {
color: #2bb24c;
}
body.color02 .post-sns {
border-top: 1px #eee solid;
}
body.color02 .post-sns ul li {
border-right: 1px solid #eee;
color: #929292;
}
body.color02 .post-sns ul li:hover {
background-color: #f7f7f7;
}
body.color02 .post-sns ul li.post-sns-twitter:hover {
color: #00ACED;
}
body.color02 .post-sns ul li.post-sns-feedly:hover {
color: #5ACF5F;
}
body.color02 .post-sns ul li a {
color: #929292;
}
body.color02 .post-sns ul li.post-sns-twitter a:hover {
background-color: #00aced;
color: #fff;
}
body.color02 .post-sns ul li.post-sns-feedly a:hover {
background-color: #5ACF5F;
color: #fff;
}
body.color02 .post-author {
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
color: #656364;
}
body.color02 .post-author a {
color: #FB4343;
}
body.color02 .comment-list>.comment {
border-bottom: 1px #eee solid;
}
body.color02 .comment-list .children .comment-body {
background: #f7f7f7;
}
body.color02 .post-loop-wrap .post-footer {
border-top: 1px #ededed solid;
}
body.color02 .more-link {
border: 1px #FB4343 solid;
color: #FB4343;
}
body.color02 .more-link:hover {
background: #FB4343;
color: #fff;
}
body.color02 .pagination span,
body.color02 .pagination a {
color: #656364;
}
body.color02 .pagination a:hover {
background: #eee;
}
body.color02 .pagination .current {
background: #eee;
}
body.color02 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color02 .side-widget a {
color: #5e6265;
}
body.color02 .side-widget a:hover {
color: #FB4343;
}
body.color02 .side-widget .post-date {
color: #999999;
}
body.color02 #views-2 ul li span {
color: #999999;
}
body.color02 .widget_recent_entries a,
body.color02 .widget_archive a,
body.color02 .widget_categories a,
body.color02 .widget_meta a {
color: #5e6265;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icont_arw_lit.png?1418372717) left center no-repeat;
}
body.color02 .widget_recent_entries a:hover,
body.color02 .widget_archive a:hover,
body.color02 .widget_categories a:hover,
body.color02 .widget_meta a:hover {
color: #FB4343;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon_arw_gry.png?1418372717) left center no-repeat;
}
body.color02 .recentcomments a {
color: #656364;
}
body.color02 #side .share-list-wrap {
background: #fafafa;
}
body.color02 #side .share-list-wrap .post-share-list1 li a,
body.color02 #side .share-list-wrap .post-share-list2 li a,
body.color02 #side .share-list-wrap .post-share-list3 li a,
body.color02 #side .share-list-wrap .post-share-list4 li a {
background: #fff;
color: #5e6265;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
color: #305097;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
color: #00aced;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
color: #db4a39;
}
body.color02 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color02 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
color: #2bb24c;
}
body.color02 #footer {
color: #1E252C;
}
body.color02 #footer a {
color: #1E252C;
}
body.color02 #footer a:hover {
color: #FB4343;
}
body.color02 .footer-01 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color02 .footer-02 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color02 .single-lp .lp-wrap {
border: 1px solid #ededed;
background: #fff;
}
body.color02 .single-lp .lp-thumbnail {
border: 1px #ccc solid;
}
body.color02 .single-lp #lp-header {
background: #fff;
}
body.color02 .single-lp #lp-header h1 {
color: #FB4343;
border-bottom: 1px solid #ededed;
}
body.color02 .single-lp .lp-form {
background: #494c4e;
color: #fff;
}
body.color02 .single-lp .lp-form input[type=submit],
body.color02 .single-lp .lp-form button {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color02 .single-lp .lp-form input[type=submit]:hover,
body.color02 .single-lp .lp-form button:hover {
background: #6ed472;
}  body.color03 {               }
body.color03 body {
background: #fafafa;
color: #444756;
}
body.color03 a {
color: #F37D3D;
}
body.color03 form input[type="submit"],
body.color03 form button {
background: #F37D3D;
}
body.color03 #header {
background: #fff;
border-bottom: 1px solid #ededed;
}
body.color03 #header #logo a {
color: #444756;
}
body.color03 #header #header-sns li a {
color: #ccc;
}
body.color03 #header #header-sns li a:hover {
color: #21262D;
}
body.color03 #gnav {
background: #fff;
border-top: 1px #ededed solid;
border-bottom: 1px #ededed solid;
}
body.color03 #gnav li.current-menu-item a {
border-top: 1px #F37D3D solid;
}
body.color03 #gnav li a {
border-top: 1px #ededed solid;
color: #2B2D2D;
background: #fff;
}
body.color03 #gnav li a:hover {
color: #2B2D2D;
border-top: 1px #F37D3D solid;
}
body.color03 #gnav li .sub-menu li a {
background: #2b2b2b;
color: #fff;
border: none;
}
body.color03 #gnav li .sub-menu li a:hover {
background: #373B3B;
color: #fff;
}
body.color03 #content .wp-caption {
border: 1px solid #ededed;
}
body.color03 .cat-content,
body.color03 article.post,
body.color03 article.page,
body.color03 article.wp101,
body.color03 article.seo101 {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color03 .post-title a {
color: #444756;
}
body.color03 .post-title a:hover {
color: #F37D3D;
}
body.color03 .post-meta {
border-top: 1px #ededed solid;
}
body.color03 .post-meta li {
background: #fff;
}
body.color03 .post-content hr {
border-bottom: 1px solid #ededed;
}
body.color03 .post-content h2 {
border-bottom: 1px solid #ededed;
}
body.color03 .post-content h3 {
border-left: 5px solid #e5e5e5;
}
body.color03 .post-content blockquote {
border: 1px #e5e5e5 solid;
}
body.color03 .post-content blockquote:before {
color: #e7e7e7;
}
body.color03 .post-content blockquote cite {
color: #808080;
}
body.color03 .post-content table {
border: 1px #ddd solid;
}
body.color03 .post-content table th,
body.color03 .post-content table td {
border: #ddd solid 1px;
}
body.color03 .post-content table th {
color: #fff;
}
body.color03 .post-content table thead th {
background: #5e6265;
}
body.color03 .post-content table tbody th {
background: #919598;
}
body.color03 .post-content table.table-line table,
body.color03 .post-content table.table-line th,
body.color03 .post-content table.table-line td {
border-color: #fff;
}
body.color03 .post-content table.table-line th {
background: transparent;
color: #444756;
}
body.color03 .post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
body.color03 .post-content table.table-line tr {
background: #eee;
}
body.color03 .post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
body.color03 .post-cta {
background: #f5f5f5;
color: #444756;
border-top: 3px solid #5e6265;
}
body.color03 .post-cta .cta-post-title {
border-bottom: 1px solid #e5e5e5;
}
body.color03 .post-cta .post-cta-btn a {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color03 .post-cta .post-cta-btn a:hover {
background: #81da85;
border-bottom: 5px solid #5ace5f;
}
body.color03 .post-cta .btn {
color: #fff;
background: #F37D3D;
}
body.color03 .post-cta .btn:hover {
background: #23B0F3;
}
body.color03 .post-share {
border-top: 1px solid #e5e5e5;
}
body.color03 .post-share .post-share-title {
color: #fff;
background-color: #57585A;
}
body.color03 .post-share .post-share-list1 a,
body.color03 .post-share .post-share-list2 a,
body.color03 .post-share .post-share-list3 a,
body.color03 .post-share .post-share-list4 a {
border: 1px #eee solid;
}
body.color03 .post-share .post-share-list1 a:hover,
body.color03 .post-share .post-share-list2 a:hover,
body.color03 .post-share .post-share-list3 a:hover,
body.color03 .post-share .post-share-list4 a:hover {
text-decoration: none;
background: #f7f7f7;
}
body.color03 .post-share .post-share-facebook a:hover {
color: #305097;
}
body.color03 .post-share .post-share-twitter a:hover {
color: #00aced;
}
body.color03 .post-share .post-share-google a:hover {
color: #db4a39;
}
body.color03 .post-share .post-share-feedly a:hover {
color: #2bb24c;
}
body.color03 .post-sns {
border-top: 1px #eee solid;
}
body.color03 .post-sns ul li {
border-right: 1px solid #eee;
color: #929292;
}
body.color03 .post-sns ul li:hover {
background-color: #f7f7f7;
}
body.color03 .post-sns ul li.post-sns-twitter:hover {
color: #00ACED;
}
body.color03 .post-sns ul li.post-sns-feedly:hover {
color: #5ACF5F;
}
body.color03 .post-sns ul li a {
color: #929292;
}
body.color03 .post-sns ul li.post-sns-twitter a:hover {
background-color: #00aced;
color: #fff;
}
body.color03 .post-sns ul li.post-sns-feedly a:hover {
background-color: #5ACF5F;
color: #fff;
}
body.color03 .post-author {
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
color: #444756;
}
body.color03 .post-author a {
color: #F37D3D;
}
body.color03 .comment-list>.comment {
border-bottom: 1px #eee solid;
}
body.color03 .comment-list .children .comment-body {
background: #f7f7f7;
}
body.color03 .post-loop-wrap .post-footer {
border-top: 1px #ededed solid;
}
body.color03 .more-link {
border: 1px #F37D3D solid;
color: #F37D3D;
}
body.color03 .more-link:hover {
background: #F37D3D;
color: #fff;
}
body.color03 .pagination span,
body.color03 .pagination a {
color: #444756;
}
body.color03 .pagination a:hover {
background: #eee;
}
body.color03 .pagination .current {
background: #eee;
}
body.color03 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color03 .side-widget a {
color: #5e6265;
}
body.color03 .side-widget a:hover {
color: #F37D3D;
}
body.color03 .side-widget .post-date {
color: #999999;
}
body.color03 #views-2 ul li span {
color: #999999;
}
body.color03 .widget_recent_entries a,
body.color03 .widget_archive a,
body.color03 .widget_categories a,
body.color03 .widget_meta a {
color: #5e6265;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icont_arw_lit.png?1418372717) left center no-repeat;
}
body.color03 .widget_recent_entries a:hover,
body.color03 .widget_archive a:hover,
body.color03 .widget_categories a:hover,
body.color03 .widget_meta a:hover {
color: #F37D3D;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon_arw_gry.png?1418372717) left center no-repeat;
}
body.color03 .recentcomments a {
color: #444756;
}
body.color03 #side .share-list-wrap {
background: #fafafa;
}
body.color03 #side .share-list-wrap .post-share-list1 li a,
body.color03 #side .share-list-wrap .post-share-list2 li a,
body.color03 #side .share-list-wrap .post-share-list3 li a,
body.color03 #side .share-list-wrap .post-share-list4 li a {
background: #fff;
color: #5e6265;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
color: #305097;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
color: #00aced;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
color: #db4a39;
}
body.color03 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color03 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
color: #2bb24c;
}
body.color03 #footer {
color: #1E252C;
}
body.color03 #footer a {
color: #1E252C;
}
body.color03 #footer a:hover {
color: #F37D3D;
}
body.color03 .footer-01 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color03 .footer-02 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color03 .single-lp .lp-wrap {
border: 1px solid #ededed;
background: #fff;
}
body.color03 .single-lp .lp-thumbnail {
border: 1px #ccc solid;
}
body.color03 .single-lp #lp-header {
background: #fff;
}
body.color03 .single-lp #lp-header h1 {
color: #F37D3D;
border-bottom: 1px solid #ededed;
}
body.color03 .single-lp .lp-form {
background: #494c4e;
color: #fff;
}
body.color03 .single-lp .lp-form input[type=submit],
body.color03 .single-lp .lp-form button {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color03 .single-lp .lp-form input[type=submit]:hover,
body.color03 .single-lp .lp-form button:hover {
background: #6ed472;
}  body.color04 {               }
body.color04 body {
background: #fafafa;
color: #474747;
}
body.color04 a {
color: #F6706F;
}
body.color04 form input[type="submit"],
body.color04 form button {
background: #F6706F;
}
body.color04 #header {
background: #fff;
border-bottom: 1px solid #ededed;
}
body.color04 #header #logo a {
color: #474747;
}
body.color04 #header #header-sns li a {
color: #ccc;
}
body.color04 #header #header-sns li a:hover {
color: #34465C;
}
body.color04 #gnav {
background: #fff;
border-top: 1px #ededed solid;
border-bottom: 1px #ededed solid;
}
body.color04 #gnav li.current-menu-item a {
border-top: 1px #F6706F solid;
}
body.color04 #gnav li a {
border-top: 1px #ededed solid;
color: #2B2D2D;
background: #fff;
}
body.color04 #gnav li a:hover {
color: #2B2D2D;
border-top: 1px #F6706F solid;
}
body.color04 #gnav li .sub-menu li a {
background: #2b2b2b;
color: #fff;
border: none;
}
body.color04 #gnav li .sub-menu li a:hover {
background: #373B3B;
color: #fff;
}
body.color04 #content .wp-caption {
border: 1px solid #ededed;
}
body.color04 .cat-content,
body.color04 article.post,
body.color04 article.page,
body.color04 article.wp101,
body.color04 article.seo101 {
background: #fff;
border: 1px #e5e5e5 solid;
}
body.color04 .post-title a {
color: #474747;
}
body.color04 .post-title a:hover {
color: #F6706F;
}
body.color04 .post-meta {
border-top: 1px #ededed solid;
}
body.color04 .post-meta li {
background: #fff;
}
body.color04 .post-content hr {
border-bottom: 1px solid #ededed;
}
body.color04 .post-content h2 {
border-bottom: 1px solid #ededed;
}
body.color04 .post-content h3 {
border-left: 5px solid #e5e5e5;
}
body.color04 .post-content blockquote {
border: 1px #e5e5e5 solid;
}
body.color04 .post-content blockquote:before {
color: #e7e7e7;
}
body.color04 .post-content blockquote cite {
color: #808080;
}
body.color04 .post-content table {
border: 1px #ddd solid;
}
body.color04 .post-content table th,
body.color04 .post-content table td {
border: #ddd solid 1px;
}
body.color04 .post-content table th {
color: #fff;
}
body.color04 .post-content table thead th {
background: #5e6265;
}
body.color04 .post-content table tbody th {
background: #919598;
}
body.color04 .post-content table.table-line table,
body.color04 .post-content table.table-line th,
body.color04 .post-content table.table-line td {
border-color: #fff;
}
body.color04 .post-content table.table-line th {
background: transparent;
color: #474747;
}
body.color04 .post-content table.table-line thead th {
background: #5e6265;
color: #fff;
}
body.color04 .post-content table.table-line tr {
background: #eee;
}
body.color04 .post-content table.table-line tr:nth-child(2n+1) {
background: #ddd;
}
body.color04 .post-cta {
background: #f5f5f5;
color: #474747;
border-top: 3px solid #5e6265;
}
body.color04 .post-cta .cta-post-title {
border-bottom: 1px solid #e5e5e5;
}
body.color04 .post-cta .post-cta-btn a {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color04 .post-cta .post-cta-btn a:hover {
background: #81da85;
border-bottom: 5px solid #5ace5f;
}
body.color04 .post-cta .btn {
color: #fff;
background: #F6706F;
}
body.color04 .post-cta .btn:hover {
background: #5EE1E1;
}
body.color04 .post-share {
border-top: 1px solid #e5e5e5;
}
body.color04 .post-share .post-share-title {
color: #fff;
background-color: #57585A;
}
body.color04 .post-share .post-share-list1 a,
body.color04 .post-share .post-share-list2 a,
body.color04 .post-share .post-share-list3 a,
body.color04 .post-share .post-share-list4 a {
border: 1px #eee solid;
}
body.color04 .post-share .post-share-list1 a:hover,
body.color04 .post-share .post-share-list2 a:hover,
body.color04 .post-share .post-share-list3 a:hover,
body.color04 .post-share .post-share-list4 a:hover {
text-decoration: none;
background: #f7f7f7;
}
body.color04 .post-share .post-share-facebook a:hover {
color: #305097;
}
body.color04 .post-share .post-share-twitter a:hover {
color: #00aced;
}
body.color04 .post-share .post-share-google a:hover {
color: #db4a39;
}
body.color04 .post-share .post-share-feedly a:hover {
color: #2bb24c;
}
body.color04 .post-sns {
border-top: 1px #eee solid;
}
body.color04 .post-sns ul li {
border-right: 1px solid #eee;
color: #929292;
}
body.color04 .post-sns ul li:hover {
background-color: #f7f7f7;
}
body.color04 .post-sns ul li.post-sns-twitter:hover {
color: #00ACED;
}
body.color04 .post-sns ul li.post-sns-feedly:hover {
color: #5ACF5F;
}
body.color04 .post-sns ul li a {
color: #929292;
}
body.color04 .post-sns ul li.post-sns-twitter a:hover {
background-color: #00aced;
color: #fff;
}
body.color04 .post-sns ul li.post-sns-feedly a:hover {
background-color: #5ACF5F;
color: #fff;
}
body.color04 .post-author {
border-top: 1px #eee solid;
border-bottom: 1px #eee solid;
color: #474747;
}
body.color04 .post-author a {
color: #F6706F;
}
body.color04 .comment-list>.comment {
border-bottom: 1px #eee solid;
}
body.color04 .comment-list .children .comment-body {
background: #f7f7f7;
}
body.color04 .post-loop-wrap .post-footer {
border-top: 1px #ededed solid;
}
body.color04 .more-link {
border: 1px #F6706F solid;
color: #F6706F;
}
body.color04 .more-link:hover {
background: #F6706F;
color: #fff;
}
body.color04 .pagination span,
body.color04 .pagination a {
color: #474747;
}
body.color04 .pagination a:hover {
background: #eee;
}
body.color04 .pagination .current {
background: #eee;
}
body.color04 .side-widget ul li {
border-bottom: 1px solid #e5e5e5;
}
body.color04 .side-widget a {
color: #5e6265;
}
body.color04 .side-widget a:hover {
color: #F6706F;
}
body.color04 .side-widget .post-date {
color: #999999;
}
body.color04 #views-2 ul li span {
color: #999999;
}
body.color04 .widget_recent_entries a,
body.color04 .widget_archive a,
body.color04 .widget_categories a,
body.color04 .widget_meta a {
color: #5e6265;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icont_arw_lit.png?1418372717) left center no-repeat;
}
body.color04 .widget_recent_entries a:hover,
body.color04 .widget_archive a:hover,
body.color04 .widget_categories a:hover,
body.color04 .widget_meta a:hover {
color: #F6706F;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/icon_arw_gry.png?1418372717) left center no-repeat;
}
body.color04 .recentcomments a {
color: #474747;
}
body.color04 #side .share-list-wrap {
background: #fafafa;
}
body.color04 #side .share-list-wrap .post-share-list1 li a,
body.color04 #side .share-list-wrap .post-share-list2 li a,
body.color04 #side .share-list-wrap .post-share-list3 li a,
body.color04 #side .share-list-wrap .post-share-list4 li a {
background: #fff;
color: #5e6265;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
color: #305097;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
color: #00aced;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-google a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
color: #db4a39;
}
body.color04 #side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover,
body.color04 #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
color: #2bb24c;
}
body.color04 #footer {
color: #1E252C;
}
body.color04 #footer a {
color: #1E252C;
}
body.color04 #footer a:hover {
color: #F6706F;
}
body.color04 .footer-01 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color04 .footer-02 {
background: #fff;
border-top: 1px #ededed solid;
}
body.color04 .single-lp .lp-wrap {
border: 1px solid #ededed;
background: #fff;
}
body.color04 .single-lp .lp-thumbnail {
border: 1px #ccc solid;
}
body.color04 .single-lp #lp-header {
background: #fff;
}
body.color04 .single-lp #lp-header h1 {
color: #F6706F;
border-bottom: 1px solid #ededed;
}
body.color04 .single-lp .lp-form {
background: #494c4e;
color: #fff;
}
body.color04 .single-lp .lp-form input[type=submit],
body.color04 .single-lp .lp-form button {
background: #5ace5f;
color: #fff;
border-bottom: 5px solid #38bd3e;
}
body.color04 .single-lp .lp-form input[type=submit]:hover,
body.color04 .single-lp .lp-form button:hover {
background: #6ed472;
}  .wp-embedded-content {
max-width: 100%;
width: 830px;
} .reserve_area {
margin: 30px 0 0 0;
padding: 15px 15px 19px;
background: #eeece4;
}
.reserve_area * {
box-sizing: border-box;
}
@media screen and (max-width: 764px) {
.reserve_area {
padding: 15px 5px 19px;
}
} #article_main div.reserve_area p.availability {
margin: 0 0 5px;
font-size: 16px;
text-align: center;
font-weight: bold;
}
.reserve_area .availability span {
display: inline-block;
}
.reserve_area .availability .enable {
margin: 0 6px;
padding: 3px 8px;
background: #FFF;
border-radius: 3px;
}
.reserve_area .availability .enable::before {
content: "\f10c";
font-family: FontAwesome;
margin: 0 5px 0 0;
color: #b30006;
}
@media screen and (max-width: 764px) {
#article_main div.reserve_area p.availability {
margin: 0 0 15px;
font-size: 14px;
}
}   .reserve-btn-area {
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px 0 10px;
padding: 0 1px 1px 0;
}
.detail_btn2,
.online_btn {
position: relative;
}
.detail_btn2 {
margin: 0 auto 0 0;
}
.online_btn {
margin: 0 0 0 auto;
}
.detail_btn2 a,
.online_btn a,
.btn_footer .detail_btn a {
display: flex;
justify-content: center;
align-items: center;
width: 320px;
height: 53px;
border-radius: 4px;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
transition: none;
}
.btn_footer .detail_btn a {
display: block;
font-size: 23px;
line-height: 49px;
}
.detail_btn2 a,
.btn_footer .detail_btn a {
position: relative;
padding: 0;
border: 1px solid #5cb51f;
box-shadow: 1px 1px 1px rgba(000, 000, 000, 0.3), inset 0px 0px 3px rgba(255, 255, 255, 0.5);
background: #81b51f;
background: -webkit-linear-gradient(top, #8cc01f 0%, #73a100 100%);
background: -ms-linear-gradient(top, #8cc01f 0%, #73a100 100%);
background: linear-gradient(to bottom, #8cc01f 0%, #73a100 100%);
font-size: 18px;
text-align: center;
line-height: 20px;
}
.detail_btn2 a:hover,
.btn_footer .detail_btn a:hover {
background: #73a100;
text-decoration: none;
transition: none;
}
.detail_btn2 a::before {
content: "\e132";
margin: 0 10px 0 0;
transform: rotate(-20deg);
font-family: "eparkfont";
font-size: 40px;
vertical-align: middle;
}
.detail_btn2 .tel-reserve .free {
display: inline-block;
order: 2;
margin: 0 0 0 8px;
padding: 1px 8px;
border-radius: 10px;
background: #fff;
color: #7AB000;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
text-shadow: none;
}
.detail_btn2 .tel-number {
display: block;
width: auto;
}
.online_btn a {
border: 1px solid #dd5900;
box-shadow: 1px 1px 1px #c0392b;
background: #e67e22;
background: -webkit-linear-gradient(top, #e67e22 0%, #dd5900 100%);
background: -ms-linear-gradient(top, #e67e22 0%, #dd5900 100%);
background: linear-gradient(to bottom, #e67e22 0%, #dd5900 100%);
font-size: 21px;
line-height: 49px;
}
.online_btn a:hover {
background: #dd5900;
text-decoration: none;
transition: none;
}
.online_btn a::before {
content:"\e131";
margin: 0 10px 0 0;
font-family: "eparkfont";
font-size: 31px;
vertical-align: middle;
}
.online_btn a .web-reserve span::before {
content: "・";
}
.btn_footer .detail_btn a,
.btn_footer .online_btn a {
width: 90%;
height: 42px;
margin: 0 auto 5px;
overflow: hidden;
font-size: 14px;
font-weight: normal;
line-height: 19px;
text-align: center;
}
.btn_footer .detail_btn span {
margin: 0 0 0 5px;
padding: 0 7px;
border-radius: 10px;
background: #fff;
color: #73a100;
font-size: 13px;
text-shadow: none;
}
.btn_footer .online_btn a {
height: 39px;
line-height: 35px;
} .tel-reserve-note {
position: relative;
margin: 10px auto 0;
}
.tel-reserve-note-link {
display: flex;
align-items: center;
width: 100%;
max-width: 20em;
color: #808080;
font-size: 10px;
line-height: 1;
text-align: left;
}
.tel-reserve-note-link::before {
content: "";
display: block;
width: 12px;
height: 12px;
margin: 0 4px 0 0;
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/tel-note-icon.png) no-repeat;
background-size: contain;
}
.tel-reserve-note-link:hover {
cursor: pointer;
}
.tel-reserve-note-link:hover::before {
background: url(//shinbi.stg-column01.com/wp-content/themes/xeory_base_2211/lib/images/tel-note-icon-hover.png) no-repeat;
background-size: contain;
}
.tel-reserve-note-popup {
display: block;
visibility: hidden;
opacity: 0;
position: absolute;
bottom: 35px;
left: -20px;
z-index: 1000;
transform: translate(0, 10px);
width: auto;
padding: 10px;
border: 1px solid #9e9365;
border-radius: 6px;
background: #fff;
color: #383838;
}
.tel-reserve-note-popup.fadein {
visibility: visible;
z-index: 1001;
opacity: 1;
transition: all 0.25s ease-in-out;
}
.tel-reserve-note-popup.fadeout {
visibility: hidden;
opacity: 0;
z-index: 1001;
transition: all 0.25s ease-in-out;
}
.tel-reserve-note-popup::before,
.tel-reserve-note-popup::after {
content: "";
display: block;
position: absolute;
z-index: -2;
width: 0;
height: 0;
border-style: solid;
}
.tel-reserve-note-popup-title {
position: relative;
margin: 0 0 9px 0;
padding: 0 0 6px 0;
border-bottom: 1px dashed #CCCCCC;
font-size: 13px;
font-weight: bold;
text-align: center;
}
.tel-reserve-note-popup-text {
margin: 0;
font-size: 12px;
font-weight: normal;
text-align: left;
}
.tel-reserve-note-popup-text + .tel-reserve-note-popup-text {
margin: 10px 0 0;
}
.tel-reserve-note-popup::before {
left: 55px;
bottom: -10px;
border-width: 10px 10px 0 10px;
border-color: #9e9365 transparent transparent transparent;
}
.tel-reserve-note-popup::after {
left: 56px;
bottom: -9px;
border-width: 10px 9px 0 9px;
border-color: #fff transparent transparent transparent;
}
.popup-close {
display: block;
float: right;
}
.popup-close img {
width: 14px;
height: 14px;
}
@media screen and (max-width: 764px) {
.detail_btn2,
.online_btn {
width: calc( 100% /2 - 3px );
}
.detail_btn2 a,
.online_btn a {
width: 100%;
font-size: 14px;
line-height: 20px;
}
.detail_btn2 a::before {
margin: 0;
font-size: 35px;
}
.online_btn a::before {
font-size: 31px;
}
.detail_btn2 a:hover,
.btn_footer .detail_btn a:hover {
background: #81b51f;
background: -webkit-linear-gradient(top, #8cc01f 0%, #73a100 100%);
background: -ms-linear-gradient(top, #8cc01f 0%, #73a100 100%);
background: linear-gradient(to bottom, #8cc01f 0%, #73a100 100%);
}
.online_btn a:hover {
background: #e67e22;
background: -webkit-linear-gradient(top, #e67e22 0%, #dd5900 100%);
background: -ms-linear-gradient(top, #e67e22 0%, #dd5900 100%);
background: linear-gradient(to bottom, #e67e22 0%, #dd5900 100%);
}
.detail_btn2 .tel-reserve .free {
display: block;
margin: 0;
padding: 0;
background-color: transparent;
color: #fff;
font-weight: bold;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
.detail_btn2 .tel-reserve .free::before {
content: "（";
}
.detail_btn2 .tel-reserve .free::after {
content: "通話）";
}
.detail_btn2 .tel-reserve.tel-reserve-rich .free::after {
content: "）";
}
.detail_btn2 .tel-number {
display: none;
}
.online_btn a .web-reserve span {
display: block;
font-size: 12px;
}
.online_btn a .web-reserve span::before {
content: none;
}
.tel-reserve-note-popup {
left: 0;
width: auto;
}
.tel-reserve-note-popup::before {
bottom: -10px;
left: 40px;
border-width: 10px 10px 0 10px;
border-color: #9e9365 transparent transparent transparent;
}
.tel-reserve-note-popup::after {
bottom: -9px;
left: 41px;
border-width: 10px 9px 0 9px;
border-color: #fff transparent transparent transparent;
}
.btn_footer {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 6px 10px 5px;
vertical-align: middle;
}
.btn_footer .detail_btn,
.btn_footer .online_btn {
width: 49%;
}
.btn_footer .detail_btn a,
.btn_footer .online_btn a {
width: 100%;
height: 40px;
margin: 0 auto;
font-size: 15px;
font-weight: bold;
line-height: 40px;
}
.btn_footer .online_btn a::before {
content: none;
}
}   .clinic-info {
display: flex;
justify-content: space-between;
margin: 20px 0;
padding: 20px;
background: #f2f2f2;
}
.clinic-info .clinic-text {
flex: 0 2 320px;
padding: 0 20px 0 0;
font-size: 14px;
}
.clinic-info .clinic-text .clinic-name {
margin: 0 0 5px 0;
padding: 0;
border-bottom: none;
font-size: 17px;
}
.clinic-info .clinic-text .clinic-name a {
color: #29A7E2;
}
.clinic-info .clinic-text .clinic-access {
margin: 0;
}
.reserve_area.summary {
flex: 0 1 330px;
align-self: center;
width: 330px;
margin: 0;
padding: 0;
background: transparent;
}
.reserve_area.summary .reserve-btn-area {
margin: 0;
}
.reserve_area.summary .detail_btn2,
.reserve_area.summary .online_btn {
width: calc( ( 100% - 15px ) / 2 );
height: 35px;
}
.reserve_area.summary .detail_btn2 a,
.reserve_area.summary .online_btn a {
width: 100%;
height: 100%;
border: 1px solid #DD5900;
border-radius: 4px;
box-shadow: 1px 1px 1px #C0392B;
background: linear-gradient( to bottom, #e67e22 0%, #dd5900 100% );
background: -webkit-linear-gradient( to bottom, #e67e22 0%, #dd5900 100% );
font-size: 15px;
line-height: 1;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
.reserve_area.summary .online_btn a:hover {
background: #dd5900;
text-decoration: none;
transition: none;
}
.reserve_area.summary .detail_btn2 a::before {
display: block;
transform: rotate( -17deg );
margin: 1px 10px 0 0;
font-size: 29px;
}
.reserve_area.summary .online_btn a::before {
margin: 2px 10px 0 0;
font-size: 29px;
}
.matome-tell-link {
pointer-events: none;
}
.summary-popup-area {
position: absolute;
left: -15%;
bottom: calc( 100% + 10px );
z-index: 3;
transition: all 0.25s ease-in-out;
width: auto;
margin: 0;
padding: 10px;
border: 2px solid #dd5900;
border-radius: 8px;
background-color: #fff;
text-align: center;
}
.summary-popup-area:before,
.summary-popup-area:after {
content: "";
display: block;
position: absolute;
left: 45%;
width: 0;
height: 0;
border-style: solid;
transition: all 0.25s ease-in-out;
}
.summary-popup-area:before {
bottom: -10px;
border-width: 10px 10px 0 10px;
border-color: #dd5900 transparent transparent transparent;
}
.summary-popup-area:after {
bottom: -8px;
border-width: 10px 10px 0 10px;
border-color: #fff transparent transparent transparent;
}
.summary-popup-area > span {
display: block;
word-break: keep-all;
white-space: nowrap;
}
.summary-popup-tel {
color: #c0392b;
font-size: 15px;
font-weight: bold;
}
.summary-popup-tel::before {
content: "\e132";
display: inline-block;
transform: rotate( -3deg );
margin: 0 5px 0 0;
font-family: 'eparkfont';
font-size: 22px;
font-weight: normal;
vertical-align: middle;
}
.summary-popup-info {
font-size: 12px;
}
@media screen and (max-width: 764px) {
.clinic-info {
flex-direction: column;
padding: 15px;
}
.clinic-info .clinic-text {
flex: 0 1 auto;
padding: 0;
font-size: 14px;
}
.reserve_area.summary {
flex: 0 1 auto;
width: 100%;
margin: 10px 0 0;
}
.reserve_area.summary .detail_btn2,
.reserve_area.summary .online_btn {
width: calc( ( 100% - 10px ) / 2 );
}
.reserve_area.summary .detail_btn2 a,
.reserve_area.summary .online_btn a {
text-shadow: 0px 0px 1px rgba( 0, 0, 0, 0.5 );
}
.reserve_area.summary .online_btn a::before {
margin: 2px 3px 0 0;
font-size: 24px;
}
.reserve_area.summary .detail_btn2 a::before {
transform: rotate( -9deg );
margin: 0 7px 0 0;
font-size: 23px;
}
.reserve_area.summary .online_btn a:hover {
background: linear-gradient( to bottom, #e67e22 0%, #dd5900 100% );
background: -webkit-linear-gradient( to bottom, #e67e22 0%, #dd5900 100% );
}
.matome-tell-link {
pointer-events: auto;
}
}  .dentist-banner {
font-size: 1.25rem;
margin: 20px 10%;
text-align: center;
}
.dentist-banner a {
display: block;
}
.dentist-banner a:hover {
color: #00A9C8;
text-decoration: none;
}
.dentist-banner .type1 {
border: 1px solid #D8E8E8;
border-top: 0;
font-weight: bold;
line-height: 250%;
}  @media screen and (max-width: 767px) {
.dentist-banner {
margin: 20px 0 30px;
padding: 0 10px;
}
.dentist-banner img {
width: auto;
}
.dentist-banner .type1 {
font-size: 16px;
margin: auto;
max-width: 690px;
width: 100%;
}
} @media screen and (max-width: 575px) {
.dentist-banner .type1 {
font-size: 13px;
}
}  .content-404 .e-icon::before {
font-family: 'eparkfont';
font-style: normal;
}
.archve-article .article-list article.content-404 {
padding: 0;
}
.content-404 #main,
.content-404.cotent-none {
margin: 0 0 100px;
}
.content-404 .content-none {
padding: 0;
}
.content-404 section:first-child {
margin: 0 auto 30px;
}
.content-404 .article-head-title .article-head-title-inner {
margin: 0 0 20px;
padding: 40px 0;
background-color: #f2f2f2;
}
.content-404 .e-icon.icon-136 {
display: block;
text-align: center;
line-height: 1;
}
.content-404 .e-icon.icon-136::before {
color: #d6d6d6;
font-size: 78px;
content: "\e136";
}
.content-404 .post-title {
margin: 8px 0 0;
display: block;
color: #2581c4;
font-size: 30px;
font-weight: normal;
text-align: center;
line-height: 1.3;
}
.content-404 .post-title span {
display: block;
color: #4d4d4d;
font-size: 14px;
}
.content-404 .form-box-outer {
margin: 24px auto 0;
padding: 8px;
width: 499px;
background: #dedede;
}
.content-404 .form-box {
width: 488px;
}
.content-404 #searchform {
margin: 0;
width: 350px;
border: none;
border-radius: 2px;
float: left;
}
.content-404 #searchform div {
padding: 0;
}
.content-404 #searchform button {
padding: 0;
width: 75px;
height: 35px;
background-color: #72a7d2;
border: 1px solid #cfc9c9;
border-radius: 0 2px 2px 0;
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 35px;
}
.content-404 #searchform input[type=text] {
padding: 0 12px;
width: 275px;
height: 35px;
background-color: #fff;
border: 1px solid #cfc9c9;
border-right: none;
border-radius: 2px 0 0 2px;
float: left;
box-sizing: border-box;
-webkit-appearance: none;
font-size: 16px;
}
.content-404 .e-icon.icon-10 {
margin: 0 2px 0 0;
}
.content-404 .e-icon.icon-10::before {
color: #fff;
font-size: 12px;
content: "\e010";
}
.content-404 .btn-top {
margin: 0 0 0 354px;
width: 130px;
height: 35px;
background-color: #72a7d2;
border: 1px solid #cfc9c9;
border-radius: 2px;
box-sizing: border-box;
position: relative;
font-size: 14px;
line-height: 35px;
text-align: center;
}
.content-404 .e-icon.icon-137 {
margin: 0 0 0 10px;
}
.content-404 .e-icon.icon-137::before {
color: #fff;
font-size: 11px;
content: "\e137";
}
.content-404 .btn-top a {
color: #fff;
}
.content-404 .btn-top a:hover {
text-decoration: none;
}
.content-404 .section {
margin: 0 0 20px;
border: 1px solid #e5e5e5;
}
.content-404 .heading-search {
margin: 0 20px;
padding: 24px 0 22px;
border-bottom: 1px solid #e5e5e5;
color: #8d8d8d;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 1;
}
.content-404 .heading-search.no-border {
margin: 0;
padding: 10px 0 14px;
border: none;
color: #4d4d4d;
font-size: 13px;
font-weight: bold;
}
.post-content .content-404 .heading-search:first-child {
margin: 0;
}
.content-404 .section-inner {
padding: 37px 50px 50px;
}
.content-404 .section-inner.large {
padding: 36px 0 5px 50px;
}
.content-404 .list-keyword {
margin: 32px 0 43px;
padding: 0;
text-align: center;
}
.content-404 .list-keyword.small {
margin: 0 0 43px
}
.content-404 .list-keyword li {
margin: 0 33px 0 0;
display: inline-block;
font-size: 13px;
}
.content-404 .list-keyword li a {
color: #2581c4;
}
.content-404 .list-keyword li:last-child {
margin: 0;
}
.content-404 .list-area {
margin: 0;
padding: 0;
}
.content-404 .list-area li {
margin: 0;
float: left;
font-size: 15px;
}
.content-404 .list-area li a {
color: #666;
}
.content-404 .list-area li:nth-child(odd) {
margin: 0 20px 0 0;
width: 314px;
}
.content-404 .list-area li:nth-child(even) {
width: 275px;
}
.content-404 .list-area .list-area-child {
margin: 10px 0 35px;
padding: 0;
}
.content-404 .list-area .list-area-child li {
margin: 0 16px 5px 0;
width: auto;
font-size: 13px;
font-weight: normal;
letter-spacing: -0.2px;
}
.content-404 .list-area .list-area-child li a {
color: #2581c4;
}
.content-404 .list-popular {
margin: 0;
padding: 0;
}
.content-404 .list-popular li {
margin: 0 0 31px;
font-size: 13px;
line-height: 1.4;
}
.content-404 .list-popular li a {
color: #2581c4;
}
.content-404 .list-popular li:last-child {
margin: 0;
}
@media screen and (max-width: 767px) {
.content-404 {
-webkit-text-size-adjust: 100%;
}
.content-404 .content-none {
padding: 0 10px;
}
#content.content-404 .wrap {
margin: 15px 0 0;
}
.post-loop-wrap article.content-404 {
background: none;
}
.content-404 .article-head-title .article-head-title-inner {
margin: 0 -10px; padding: 0;
}
.content-404 #main,
.content-404.cotent-none {
margin: 0 0 -20px; }
.content-404 #main {
padding: 0 10px;
}
.content-404 .search-area {
margin: 0 0 20px;
padding: 18px 0;
}
.content-404 .e-icon.icon-136::before {
font-size: 62px;
}
.content-404 .post-title {
width: auto;
font-size: 20px;
line-height: 1.3;
}
.content-404 .post-title span {
margin: 0;
font-size: 10px;
}
.content-404 .form-box-outer {
margin: 10px auto 0;
padding: 6px;
width: 306px;
}
.content-404 .form-box {
width: 294px;
}
.content-404 #searchform {
width: 203px;
margin: 0;
}
.content-404 #searchform div {
padding: 0;
}
.content-404 #searchform button {
width: 30px;
height: 28px;
float: right;
font-size: 10px;
line-height: 26px;
}
.content-404 #searchform button span {
display: none;
}
.content-404 #searchform input[type=text] {
padding: 0 6px;
width: 180px;
height: 28px;
font-size: 12px;
line-height: 28px;
}
.content-404 .e-icon.icon-10::before {
font-size: 16px;
}
.content-404 .btn-top {
margin: 0 0 0 207px;
width: 87px;
height: 28px;
font-size: 12px;
line-height: 27px;
}
.content-404 .e-icon.icon-137 {
margin: 0 0 0 3px;
}
.content-404 .e-icon.icon-137::before {
font-size: 11px;
}
.content-404 .section {
margin: 0 0 10px;
}
.content-404 .heading-search {
margin: 0 7px;
padding: 15px 0;
color: #707070;
font-size: 15px;
}
.content-404 .heading-search.no-border {
padding: 0 0 6px;
}
.content-404 .section-inner {
padding: 20px 20px 25px;
}
.content-404 .section-inner.large {
padding: 17px 20px 7px;
}
.content-404 .list-keyword {
margin: 11px 0;
padding: 0 20px;
}
.content-404 .list-keyword li {
margin: 0 9px 10px 0;
font-size: 12px;
}
.content-404 .list-keyword.small {
margin: 0 0 15px;
}
.content-404 .column-2 {
margin: 0;
}
.content-404 .list-area li {
float: none;
color: #8e8d8d;
font-size: 14px;
font-weight: bold;
}
.content-404 .list-area li:nth-child(odd) {
margin: 0;
width: auto;
}
.content-404 .list-area li:nth-child(even) {
width: auto;
}
.content-404 .list-area .list-area-child {
margin: 3px 0 9px;
}
.content-404 .list-area .list-area-child li {
margin: 0 15px 7px 0;
float: left;
font-size: 12px;
}
.content-404 .list-popular li {
margin: 0 0 17px;
font-size: 12px;
line-height: 1.6;
}
} .cta-sp-show {
display: none;
}
.post-cta-apparent {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s ease-out, bottom 0.3s ease-out;
-moz-transition: visibility 0s linear 0.3s, opacity 0.3s ease-out, bottom 0.3s ease-out;
transition: visibility 0s linear 0.3s, opacity 0.3s ease-out, bottom 0.3s ease-out;
position: fixed;
bottom: 0;
width: 100%;
margin: 0;
padding: 20px;
border: none;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
}
.post-cta-apparent.show {
visibility: visible;
opacity: 1;
z-index: 900;
transition-delay: 0s;
}
.post-cta-apparent a {
display: block;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 10px;
border-bottom: 3px solid #dd5900;
border-radius: 15px;
background: #e67e22;
color: #fff;
font-weight: bold;
font-size: 24px;
text-decoration: none;
text-align: center;
}
.post-cta-apparent a:hover {
background: #dd5900;
}
.post-cta-apparent span:nth-child(2):after {
font-size: 28px;
content: " \f0da";
font-family: FontAwesome;
vertical-align: middle;
} @media only screen and (max-width: 764px) {
.post-cta-apparent {
padding: 0 0 20px;
background-color: unset;
}
.post-cta-apparent a {
width: 90%;
padding: 20px 0 10px 0;
font-size: 15px;
line-height: 1;
}
.post-cta-apparent span {
display: block;
}
.cta-sp-show {
display: block;
}
.cta-sp-hide {
display: none;
}
}  .post-content .medical-price-area {
margin: 0 0 30px;
}
.post-content .medical-price-area h4.price-menu-title {
line-height: 1.2;
color: #29A7E2;
font-size: 20px;
font-weight: normal;
margin-top: 20px;
border-bottom: none;
border-left: 8px solid #29A7E2;
padding: 0 13px;
}
.post-content .treatment-price-area:first-child {
margin: 0;
}
.post-content .treatment-price-area .medical-price-name::before {
margin: 0 5px 0 0;
display: inline-block;
content: "\025a0";
font-size: 1.2rem;
line-height: 1;
vertical-align: middle;
}
.post-content .treatment-table {
margin: 0 0 10px;
border: 1px solid #ddd2cf;
font-size: 14px;
}
.post-content .treatment-table .treatment-name {
padding: 4px 11px;
color: #fff;
background-color: #29A7E2;
border-bottom: none;
font-size: inherit;
text-align: left;
}
.post-content .treatment-table th {
padding: 4px 11px;
background-color: #29A7E2;
font-size: inherit;
font-weight: normal;
text-align: left;
}
.post-content .treatment-table .treatment-gray th {
background-color: #FEF6F4;
color: #4D4D4D;
}
.post-content .treatment-table td {
padding: 17px 11px;
font-size: inherit;
}
.post-content .medical-price-area .credit-card {
margin: 0 0 10px;
padding: 15px;
background: #eeece4;
}
.post-content .medical-price-area .credit-card p {
margin: 0 0 0.6rem;
font-weight: bold;
}
.post-content .medical-price-area .credit-card ul {
margin: 0;
padding: 0;
}
.post-content .medical-price-area .credit-card ul li {
display: inline-block;
margin: 0 5px 5px 0;
}
.post-content .medical-price-area .credit-card ul li img {
width: 46px;
vertical-align: bottom;
}
.post-content .medical-price-area .clinic-price-attention {
margin: 0 0 10px;
list-style: none;
padding: 0;
font-size: 14px;
}
@media screen and (max-width: 960px) {
.post-content .medical-price-area h4.price-menu-title {
font-size: 17px;
}
.post-content .treatment-table .treatment-subject {
display: none;
}
.post-content .treatment-table .treatment-price {
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.post-content .treatment-table {
border-collapse: separate;
}
.post-content .treatment-table th,
.post-content .treatment-table td {
border: none;
}
.post-content .treatment-table .treatment-name {
padding: 5px 16px;
}
.post-content .treatment-table td {
padding: 14px 16px;
}
.post-content .treatment-table .treatment-price td {
display: block;
width: 50%;
border: none;
}
.post-content .treatment-table .treatment-price td:first-child {
width: 100%;
border-bottom: 1px solid #e5e5e5;
}
.post-content .treatment-table .treatment-price td:last-child {
border-left: 1px solid #e5e5e5;
}
.post-content .treatment-table .treatment-price td::before {
margin: -14px -16px 14px; padding: 5px 16px;
display: block;
width: auto;
background-color: #FDF6F4;
border-bottom: 1px solid #e5e5e5;
content: attr(data-title);
}
.post-content .treatment-table tr:nth-child(3) th {
border: none;
}
.post-content .treatment-table * a:hover {
text-decoration: none;
color: #2581c4;
}
} #main .post-index {
margin: 30px 0;
padding: 0;
border: 1px solid #29a7e2;
position: relative;
font-weight: bold;
}
#main .post-index .index-title {
margin: 0;
padding: 5px 0;
background-color: #29a7e2;
color: #fff;
font-size: 14px;
text-align: center;
}
#main .post-index #post-index-toggle {
display: none;
}
#main .post-index .clinic-table-list {
padding: 14px 20px 10px;
}
#main .post-index .clinic-table-list .table-list-parent {
padding: 0 0 0 2.6em;
position: relative;
counter-increment: clinic_table;
font-size: 14px;
line-height: 2;
}
#main .post-index .clinic-table-list .table-list-parent::before {
position: absolute;
top: 3px;
left: 0;
color: #2581c4;
font-family: "eparkfont";
font-size: 10px;
content: "\e199";
}
#main .post-index .clinic-table-list .table-list-parent::after {
position: absolute;
top: 0;
left: 0.8em;
content: counter(clinic_table) ".";
}
#main .post-index .clinic-table-list .table-list-parent p {
margin: 0;
line-height: inherit;
}
#main .post-index .clinic-table-list .table-list-parent span.new_add {
position: relative;
margin: 0;
color: #c69832;
font-size: 14px;
font-weight: bold;
}
#main .post-index .clinic-table-list .table-list-parent > a {
margin: 0;
color: #2581c4;
}
#main .post-index .clinic-table-list a .clinic-access {
margin: 0 0 0 5px;
color: #4d4d4d;
}
#main .post-index .clinic-table-list .table-list-child {
padding: 0 0 0 1em;
}
#main .post-index .clinic-table-list .table-list-child a {
color: #4d4d4d;
}
#main .post-index .clinic-table-list.post-index-more {
height: 332px;
position: relative;
overflow: hidden;
}
#main .post-index .bg-btn {
width: 100%;
height: 95px;
background: linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 30%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 30%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 30%);
position: absolute;
left: 0;
bottom: 0;
content:"";
}
#main .post-index .post-index-more-btn {
margin: 0 auto 15px;
padding: 0;
width: 55%;
max-width: 180px;
height: 38px;
display: block;
background-color: #29a7e2;
border-radius: 4px;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 39px;
position: relative;
cursor: pointer;
}
#main .post-index .post-index-more-btn:before {
font-weight: bold;
content: "もっと見る";
}
#main .post-index .post-index-more-btn:after {
margin: 0 0 0 8px;
font-family: "eparkfont";
font-size: 14px;
position: absolute;
right: 10px;
content: "\e158";
}
#main .post-index #post-index-toggle:checked ~ .clinic-table-list.post-index-more {
height: auto;
overflow: visible;
}
#main .post-index #post-index-toggle:checked ~ .bg-btn {
display: none;
}
#main .post-index #post-index-toggle:checked ~ .post-index-more-btn:before {
content: "閉じる";
}
#main .post-index #post-index-toggle:checked ~ .post-index-more-btn:after {
margin: 0 0 0 8px;
font-family: "eparkfont";
content: "\e156";
}
@media only screen and (max-width: 765px) { #main .post-index {
margin: 0 0 40px;
}
#main .post-index .index-title {
font-size: 14px;
}
#main .post-index .clinic-table-list .table-list-parent {
font-size: 14px;
}
#main .post-index .clinic-table-list a:visited,
#main .post-index .clinic-table-list a:hover {
text-decoration: none;
}
#main .post-index .clinic-table-list.post-index-more {
height: 190px;
}
#main .post-index .post-index-more-btn {
font-size: 14px;
}
}  #main .post-index.list-senzai a {
display: block;
}
#main .post-index.list-senzai .clinic-table-list .table-list-parent {
padding: 0 0 0 1em;
}
#main .post-index.list-senzai .clinic-table-list .table-list-parent > a {
color: #2581c4;
}
#main .post-index.list-senzai .clinic-table-list .table-list-parent::after {
content: none;
} #neighbor-clinic {
padding: 10px;
border-top: 2px solid #29a7e2;
border-bottom: 2px solid #29a7e2;
background-color: #f2f2f2;
}
#neighbor-clinic .neighbor-clinic-header {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 10px;
}
#neighbor-clinic .neighbor-clinic-title {
margin: 0;
color: #000;
font-weight: bold;
}
#neighbor-clinic .refresh-button {
display: flex;
align-content: center;
padding: 5px 10px;
border-radius: 10px;
background: #72b2dd;
color: #fff;
font-size: 12px;
line-height: 1;
}
#neighbor-clinic .refresh-button::after {
content: "\e111";
margin: 0 0 0 3px;
font-size: 12px;
font-family: 'eparkfont';
font-style: normal;
}
#neighbor-clinic .clinic-box {
margin: 0 0 10px;
padding: 7px;
background: #fff;
}
#neighbor-clinic .clinic-info-box {
display: flex;
justify-content: space-between;
margin: 0 0 15px;
}
#neighbor-clinic .clinic-name {
margin: 0 0 5px;
}
#neighbor-clinic .clinic-name a {
color: #72a7d2;
font-size: 14px;
font-weight: bold;
}
#neighbor-clinic .clinic-access {
display: flex;
align-content: center;
margin: 0 0 5px;
color: #040404;
font-size: 12px;
}
#neighbor-clinic .clinic-access:before {
content: "\e002";
margin: 0 3px 0 0;
color: #c69832;
font-family: 'eparkfont';
font-style: normal;
}
#neighbor-clinic .clinic-info-box img {
height: 70px;
margin: 0 0 4px 10px;
}
#neighbor-clinic .clinic-phoneno {
margin: 0 0 5px;
color: #040404;
font-size: 12px;
}
#neighbor-clinic .clinic-address {
margin: 0;
color: #040404;
font-size: 12px;
}
#neighbor-clinic .clinic-address a {
color: #29a7e2;
}
#neighbor-clinic .time_table {
background: #fff;
}
#neighbor-clinic .time_table th {
font-size: 12px;
}
#neighbor-clinic .time_table td {
color: #4D4D4D;
font-size: 12px;
}
#neighbor-clinic .time_table td:nth-child(7) {
color: #2476B9;
}
#neighbor-clinic .time_table td:nth-child(n+8), #neighbor-clinic .time_table td.close {
color: #FE4534;
}
#article_main #neighbor-clinic .attention {
margin: 5px 0 10px;
font-size: 12px;
}
#article_main #neighbor-clinic .reserve_area {
margin: 10px 0 0;
padding: 15px 5px;
}
#article_main #neighbor-clinic .reserve_area .availability .enable-wrapper {
display: block;
}
#article_main #neighbor-clinic .reserve-btn-area {
padding: 0 1px 0 0;
}
#neighbor-clinic .price-btn {
margin: 15px auto;
}
@media screen and (min-width: 768px) {
#neighbor-clinic .clinic-info-box img {
height: 150px;
}
#neighbor-clinic .clinic-info-text p,
#neighbor-clinic .time_table th,
#neighbor-clinic .time_table td {
font-size: 14px;
}
#article_main #neighbor-clinic .reserve_area .availability .enable-wrapper {
display: inline-block;
}
#article_main #neighbor-clinic .reserve-btn-area {
margin: 15px 15px 10px;
}
#article_main #neighbor-clinic .reserve-btn-area a {
width: 300px;
}
#article_main #neighbor-clinic .tel-reserve-note {
margin: 0 0 0 15px;
}
} #create_banner_wrap {
margin: 20px 0 0;
text-align: center;
}
#create_banner_wrap ul.img-sp {
padding: 0;
list-style: none;
}  .clinicbox-container {
margin: 0 0 30px;
}
.clinicbox-container .clinicbox-wrap {
margin: 0 10px;
}
#article_main .clinicbox-container p {
margin: 0 0 10px;
}
#article_main .clinicbox-container .clinicbox-title {
margin: 0 0 10px;
font-size: 24px;
}
.clinicbox-container .clinicbox-title a {
font-weight: bold;
}
.clinicbox-container .clinicbox-title span {
display: inline-block;
font-size: 18px;
}
.clinicbox-time {
margin: 20px 0;
}
.clinicbox-container .clinicbox-title a:hover,
.clinicbox-container .clinicbox-title a:hover ~ span {
text-decoration: underline;
}
.clinicbox-image .image {
margin: 20px 0;
}
.clinicbox-image .image img {
width: 630px;
}
#article_main .clinicbox-container .clinicbox-feature {
color: #ff0000;
}
#article_main .clinicbox-container .clinicbox-text-heading {
font-weight: bold;
}
#article_main .clinicbox-container .clinicbox-text-heading + p {
line-height: 1.3;
}
.clinicbox-container .clinicbox-info .reserve-btn-area {
margin: 0 0 10px;
}
.clinicbox-container .clinicbox-info .reserve-btn-area a {
width: 310px;
} .aco-input, .sp-display {
display: none;
}
@media screen and (max-width: 767px) {
.sp-display {
display: block;
}
#article_main .clinicbox-container .clinicbox-title {
font-size: 17px;
}
.clinicbox-container .clinicbox-title span {
font-size: 14px;
}
.clinicbox-container .clinicbox-info .reserve-btn-area a {
width: 100%;
}
.clinicbox-container .clinicbox-title a:hover,
.clinicbox-container .clinicbox-title a:hover ~ span {
text-decoration: none;
}
} .epark-slider {
position: relative;
}
.epark-slider .slide > * {
display: block;
margin: 0 auto;
}
.epark-slider .slide-container {
position: relative;
width: 100%;
overflow: hidden;
}
.epark-slider .slide-container .slide-list-inner {
position: relative;
padding: 0;
list-style: none;
transition: .5s ease;
}
.epark-slider .slide-container .slide-list-inner .slide {
display: block;
float: left;
text-align: center;
list-style: none;
}
.epark-slider .slide-container .slide-list-inner .slide img {
display: block;
width: 100%;
margin: 0 auto;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
}
.epark-slider .arrow-area .arrow-btn {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
padding: 0;
overflow: hidden;
border: none;
border-radius: 40px;
background: inherit;
color: #fff;
cursor: pointer;
}
.epark-slider .arrow-area .arrow-btn.off {
cursor: default;
}
.epark-slider .arrow-area .arrow-btn:focus {
outline: none;
}
.epark-slider .arrow-area .arrow-btn.prev {
left: 10px;
}
.epark-slider .arrow-area .arrow-btn.next {
right: 10px;
}
.epark-slider .arrow-area .arrow-btn:before {
content: "";
display: block;
width: 100%;
height: 100%;
font-family: 'eparkfont';
font-size: 10px;
line-height: 40px;
}
.epark-slider .arrow-area .arrow-btn.prev::before {
content: "\e155";
}
.epark-slider .arrow-area .arrow-btn.next::before {
content: "\e153";
}
.epark-slider .dot-inner {
display: block;
padding: 10px 0 0;
font-size: 0px;
line-height: 1;
text-align: center;
}
.epark-slider .dot-inner .dot-item {
display: inline-block;
width: 13px;
height: 13px;
margin: 0 0 0 10px;
border-radius: 15px;
background: #f3f3f3;
cursor: pointer;
}
.epark-slider .dot-inner .dot-item.active {
background-color: #d2c094;
}
.epark-slider .dot-inner .dot-item:first-child {
margin: 0;
} .epark-slider.extend-slider .arrow-area .arrow-btn {
opacity: 0.8;
background-color: #999;
}
.epark-slider.extend-slider .arrow-area .arrow-btn:hover {
opacity: 1;
}
.epark-slider.extend-slider .slide-container .slide-list-inner .slide > * {
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: .5s ease;
transition: .5s ease;
}
.epark-slider.extend-slider .slide-container .slide-list-inner .slide.active > * {
-webkit-transform: none;
transform: none;
}  .post-content .clinic-calender li {
margin: 0;
}
.clinic-calender {
position: relative;
width: 100%;
padding: 0 10px 20px;
}
.clinic-calender .calender-title {
margin: 0 0 15px 0;
padding: 0;
border: none;
background-color: transparent;
font-size: 20px;
font-weight: bold;
}
.clinic-calender .caution-text {
margin: 0;
padding: 0;
font-size: 9px;
}
.calender-slider {
width: 100%;
margin: 0 auto;
}
.calender-slider .first-week {
margin: 0 0 10px;
}
.calender-slider .slide-list-inner .slide {
float: none;
width: 100%;
}
.calender-slider .week-list {
display: flex;
justify-content: space-between;
}
.calender-slider .week-list .date-list {
position: relative;
width: calc( 100% / 7);
height: 68px;
padding: 2px;
background-color: #fff;
border-right: 1px solid #b0b0b0;
border-top: 1px solid #b0b0b0;
border-bottom: 1px solid #b0b0b0;
text-align: center;
}
.calender-slider .week-list .date-list:first-child {
border-left: 1px solid #B0B0B0;
}
.calender-slider .week-list .date-list span {
display: block;
}
.calender-slider .week-list .date-list .list-calendar-week {
margin: 0 0 2px;
background-color: #D7D7D7;
color: #333;
font-size: 10px;
line-height: 20px;
}
.calender-slider .week-list .date-list.sat .list-calendar-week {
color: #0042BC;
background-color: #D4E7F3;
}
.calender-slider .week-list .date-list.sun .list-calendar-week {
color: #F64E73;
background-color: #FDD6DE;
}
.calender-slider .week-list .date-list .emphasis {
background: #f7e2b7;
}
.calender-slider .week-list .date-list .list-calendar-date {
color: #333;
font-size: 11px;
line-height: 20px;
letter-spacing: -0.5px;
}
.calender-slider .week-list .date-list .list-calendar-info,
.calender-slider .week-list .date-list .list-calendar-info a {
font-size: 12px;
font-weight: normal;
line-height: 19px;
}
.calender-slider .week-list .date-list .list-calendar-info a:hover {
opacity: 0.6;
}
.calender-slider .week-list .date-list .list-calendar-info a:after,
.calender-slider .list-calendar-info .tel-inquiry::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.calender-slider .list-calendar-info .tel-inquiry {
color: #a37e39;
text-decoration: underline;
cursor: pointer;
}
.calender-slider .list-calendar-info .tel-inquiry:hover {
text-decoration: none;
}
.calender-slider .list-calendar-info a span.circle {
display: inline-block;
position: relative;
margin: -3px 0 0;
width: 11px;
height: 11px;
border: 2px solid #b20008;
border-radius: 100%;
text-decoration: none;
}
.calender-slider .list-calendar-info a span.circle:after {
content: "";
display: block;
position: absolute;
left: 50%;
bottom: -3px;
height: 1px;
width: 15px;
margin: 0 0 0 -7.5px;
border-bottom: 1px solid #b20008;
}
.calender-slider .arrow-area .arrow-btn {
top: 0;
transform: none;
width: 20px;
height: 68px;
border: 1px solid #b0b0b0;
border-radius: 0;
background-color: #fff;
color: #9e9365;
}
.calender-slider .arrow-area .arrow-btn::before {
height: auto;
}
.calender-slider .arrow-area .arrow-btn.prev {
left: 0;
}
.calender-slider .arrow-area .arrow-btn.next {
right: 0;
}
.clinic-calender .contact-tel-pop-up {
display: none;
position: absolute;
top: -25px;
left: 0;
z-index: 1;
width: 265px;
height: auto;
padding: 10px 0;
border: 1px solid #9e9365;
background-color: #fff;
font-weight: bold;
text-align: center;
}
.clinic-calender .contact-tel-pop-up.on {
display: block;
}
.clinic-calender .contact-tel-pop-up .pop-arrow-bottom {
display: block;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
}
.clinic-calender .contact-tel-pop-up .pop-arrow-bottom:before,
.clinic-calender .contact-tel-pop-up .pop-arrow-bottom:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
border-style: solid;
}
.clinic-calender .contact-tel-pop-up .pop-arrow-bottom:before {
left: 1px;
z-index: 1;
border-width: 12px 9px 0 9px;
border-color: #fff transparent transparent transparent;
}
.clinic-calender .contact-tel-pop-up .pop-arrow-bottom:after {
border-width: 13px 10px 0 10px;
border-color: #9e9365 transparent transparent transparent;
}
.clinic-calender .contact-tel-pop-up .pop-close-btn {
display: block;
position: absolute;
top: -19px;
right: -19px;
z-index: 2;
width: 38px;
height: 38px;
border-radius: 38px;
background-color: #ddd;
text-align: center;
cursor: pointer;
}
.clinic-calender .contact-tel-pop-up .pop-close-btn:before {
content: "\e040";
display: block;
width: 100%;
font-family: 'eparkfont';
font-size: 18px;
line-height: 38px;
}
.clinic-calender .contact-tel-pop-up .pop-tel-link {
display: block;
color: #a37e39;
font-size: 18px;
line-height: 1;
}
.clinic-calender .contact-tel-pop-up .pop-tel-link:hover {
text-decoration: none;
opacity: 0.6;
}
.clinic-calender .contact-tel-pop-up .pop-tel-link:before {
content: "\e132";
display: inline-block;
font-family: 'eparkfont';
font-size: 30px;
vertical-align: middle;
}
.calender-slider {
height: 68px;
overflow: hidden;
transition: height .5s ease;
}
@media screen and (max-width: 764px) {
.calender-slider {
height: 148px;
}
.clinic-calender .calender-title {
font-size: 16px;
}
.calender-slider .week-list .date-list .list-calendar-info a:hover {
opacity: 1;
}
.calender-slider .list-calendar-info .tel-inquiry:hover {
text-decoration: underline;
}
.clinic-calender .contact-tel-pop-up {
width: calc( 100% - 19px);
}
}  .txt-b,
.index_clinic span {
font-weight: bold;
}
.area-acc {
width: 100%;
padding: 0;
font-size: 14px;
}
.area-acc p {
margin: 13px 0;
padding: 10px;
border: 1px solid #29a7e2;
border-radius: 10px;
background-color: #29a7e2;
color: #fff;
line-height: 1;
}
.area-acc ul {
list-style: none;
}
.index_clinic span::after {
font-weight: bold;
content: ' / ';
}
.index_clinic span:last-child::after {
content: none;
} .rev-area-acc {
margin: 80px 0 0 0;
}
.rev-area-acc h3 {
margin: 40px 0;
padding: 20px;
border-top: 4px solid #29a7e2;
border-bottom: 4px solid #29a7e2;
font-size: 18px;
}
.rev-area-acc h4 {
margin: 30px 0 20px;
padding: 0 0 12px;
border-bottom: 1px solid #efefef;
}
.clinic-attention-acc {
color: #fd7472;
}
.anchor-acc {
margin: 0 0 60px 0;
}
.anchor-acc > p {
margin: 0;
}
.rev-area-acc .anchor-acc .clinic-access {
color: #29a7e2;
}
.anchor-acc .online_btn {
margin-right: 30px;
}
.anchor-acc .tel-free {
display: inline-block;
order: 2;
margin: 0 0 0 8px;
padding: 1px 8px;
border-radius: 10px;
background: #fff;
color: #7ab000;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
text-shadow: none;
}
@media screen and (max-width: 764px) { .rev-area-acc {
margin: 45px 0 0 0;
}
.anchor-acc .detail_btn2 {
margin: 0 auto 0 0;
}
.anchor-acc .online_btn {
margin: 0 0 0 auto;
}
}  .emergency-notice {
display: block;
width: 960px;
margin: 8px auto;
padding: 8px;
border: 1px solid #c00;
background: #fff;
font-size: 12px;
}
.emergency-notice a {
color: #c00;
}
@media screen and (max-width: 764px) {
.emergency-notice {
width: auto;
margin: 0px;
padding: 1px 0;
border: none;
}
.emergency-notice a {
display: block;
margin: 8px;
padding: 8px;
border: 1px solid #c00;
background: #fff;
}
}   .post-content .rich_feature_list {
display: flex;
flex-wrap: wrap;
padding: 5px;
}
.rich_feature_list li {
justify-content: space-between;
list-style: none;
width: 75px;
margin: 0 0 10px 10px;
color: #c69832;
font-size: 12px;
font-weight: bold;
line-height: 1.3;
text-align: center;
}
.rich_feature_list .off {
color: #e0e0e0;
}
.rich_feature_list li::before {
display: block;
height: 75px;
font-family: "eparkfont";
font-size: 49px;
font-weight: normal;
line-height: 75px;
}
.rich_feature_home_whitening::before {
content: "\e223";
}
.rich_feature_office_whitening::before {
content: "\e222";
}
.rich_feature_dual_whitening::before {
content: "\e224";
}
.rich_feature_cleaning::before {
content: "\e225";
}
.rich_feature_holiday::before {
content: "\e207";
}
.rich_feature_5min::before {
content: "\e208";
}
.rich_feature_guarantee::before {
content: "\e213";
}
.rich_feature_room::before {
content: "\e215";
}
.rich_feature_card::before {
content: "\e217";
}
.rich_feature_loan::before {
content: "\e218";
}
.rich_feature_hosho::before {
content: "\e220";
} .rich_osusume {
margin-bottom: 35px;
}
.rich_osusume_point {
margin: 0 0 22px 0;
}
.rich_osusume_area {
display: flex;
margin: 0 auto;
}
.rich_osusume_area img {
display: block;
align-self: flex-start;
width: 270px;
margin: 0 20px 0 0;
}
.rich_osusume_area p {
flex: 1;
margin: 0;
word-break: break-all;
} .more-plan-btn a {
display: block;
width: 75%;
margin: 20px auto;
padding: 11px 20px 11px 20px;
border: 2px solid #29A7E2;
border-radius: 5px;
color: #29A7E2;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 30px;
cursor: pointer;
}
.more-plan-btn a:hover {
background: #29A7E2;
color: #fff;
text-decoration: none;
}
.more-plan-btn a::after {
content: "\e199";
display: inline-block;
margin: 0 0 2px 10px;
color: #29a7e2;
font-family: eparkfont;
font-size: 14px;
line-height: 14px;
vertical-align: middle;
}
.more-plan-btn a:hover::after {
color: #fff;
} .comment_area .review_name {
margin: 0 0 10px;
color: #345976;
font-size: 0.88rem;
font-weight: bold;
} .post-content .research_list {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
margin: 0;
padding: 0;
background: none;
}
.research_list li {
list-style: none;
width: 223px;
margin: 0 10px 10px 0;
border-radius: 4px;
box-shadow: 0 2px 0 0 #bdbdbd;
background: #e0e0e0;
color: #bdbdbd;
font-weight: bold;
line-height: 55px;
letter-spacing: 0.05em;
text-align: center;
}
.research_list li:nth-child(3n) {
margin: 0 0 10px 0;
}
.research_list li a {
display: block;
border-radius: 4px;
box-shadow: 0 2px 0 0 #72b2dd;
background: #cfe9f5;
color: #29a7e2;
text-decoration: none;
transition: none;
}
.research_list li a:hover {
box-shadow: 0 2px 0 0 #b3c2ca;
background: #e7f4fa;
color: #94d3f1;
}
.research_list li a.pc-display {
display: block;
}
.research_list li a.sp-display {
display: none;
} .clinic-info-wrap {
margin: 20px 0;
padding: 20px;
background: #f2f2f2;
}
.clinic-info-wrap .clinic-info {
margin: 0;
padding: 0;
background: none;
}
.clinic-info-wrap .wh_info_link {
display: block;
width: 100%;
height: 25px;
font-size: 0.88rem;
text-align: right;
}
.clinic-info-wrap .wh_info_link::after {
content: " \f0da";
color: #2581c4;
font-family: FontAwesome;
font-size: 20px;
vertical-align: middle;
}
@media screen and (max-width: 960px) {
.slick-dotted.slick-slider.rich-slider {
margin: 20px auto 20px auto;
}
.rich-slider .slick-dots {
position: relative;
padding: 0;
bottom: 0;
}
.rich-slider .slick-prev,
.rich-slider .slick-next {
top: 45%;
} .post-content .rich_feature_list {
width: 100%;
padding: 0;
}
.rich_feature_list li {
width: 23%;
margin: 0 8px 16px 0;
color: #9e9365;
font-size: 11px;
}
.rich_feature_list li:nth-child(4n) {
margin: 0 0 16px 0px;
}
.rich_feature_list li::before {
width: 64px;
height: 64px;
margin: 0 auto 8px;
font-size: 55px;
} .rich_osusume_area {
display: block;
}
.rich_osusume_area img {
width: 100%;
}
.rich_osusume_area p {
margin: 10px 0 0;
font-size: 0.6rem;
text-align: left;
} .more-plan-btn a {
width: auto;
padding: 10px 10px;
font-size: 14px;
} .post-content .research_list {
flex-wrap: wrap;
justify-content: space-between;
margin: 0 -10px;
padding: 15px 10px;
}
.research_list li {
width: calc( ( 100% - 10px ) / 2);
margin: 0 0 10px;
font-size: 14px;
}
.research_list li:nth-child(3n) {
margin: 0 0 10px;
}
.research_list li a:hover {
box-shadow: 0 2px 0 0 #72b2dd;
background: #cfe9f5;
color: #29a7e2;
}
.research_list li a.pc-display {
display: none;
}
.research_list li a.sp-display {
display: block;
}
.clinic-info-wrap .wh_info_link {
margin-top: 10px;
}
}
@media screen and (max-width: 320px) {
.rich-slider .slick-prev,
.rich-slider .slick-next {
top: 40%;
}
} ul.other_colum li {
border-bottom: 1px solid #e6e6e6;
}
ul.other_colum li a {
display: block;
position: relative;
padding: 13px 0px 13px 70px;
font-size: 13px;
text-decoration: none;
}
ul.other_colum li a b {
display: block;
color: #0a89c0;
font-size: 14px;
}
ul.other_colum li a p {
padding: 0;
color: #4d4d4d;
line-height: 15px;
}
ul.other_colum li a::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 16px;
z-index: 1;
width: 44px;
height: 44px;
margin: auto;
}
ul.other_colum li.lnk_Babydent a::before {
background: url(https://haisha-yoyaku.jp/docs/sp/images/2017/top/hamigakids.png) 0 / 100% no-repeat;
}
ul.other_colum li.lnk_KyouseiMatome a::before {
background: url(https://haisha-yoyaku.jp/docs/sp/images/2019/top/kyouseishika_matome.png) 0 / 100% no-repeat;
}
ul.other_colum li.lnk_HanoAntenna a::before {
background: url(https://haisha-yoyaku.jp/docs/sp/images/2017/top/antenna.png) 0 / 100% no-repeat;
}
@media screen and (max-width: 767px) {
ul.other_colum li a {
padding: 13px 30px 13px 80px;
}
ul.other_colum li a p {
padding: 0 10px 0 0;
}
ul.other_colum li a::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 18px;
width: 8px;
height: 8px;
margin: auto;
text-decoration: none;
border-top: 2px solid #b6b6b6;
border-right: 2px solid #b6b6b6;
transform: rotate(45deg);
}
}