@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: esenapaj;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@097f6373c8d24abad960ab5ec25e001be4fe7bd0/esenapaj.ttf)
format("truetype");
}
@font-face {
font-family: kokorom;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@0a9c3e242b46cd2d493db832a6eccba8f31b9da6/Kokoro.ttf)
format("truetype");
}
@font-face {
font-family: aoyanagiT;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@729d123c3a7de4ac2bb3a7cdbdedc707dde69120/aoyanagiT.ttf)
format("truetype");
}
@font-face {
font-family: tanukiM;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@master/TanukiMagic.ttf)
format("truetype");
} @font-face {
font-family: Huifont;
src: url(https://cdn.statically.io/gh/raspi0124/my-sites-files/dc302549/HuiFont109.woff2)
format("woff2"),
url(https://cdn.statically.io/gh/raspi0124/my-sites-files/eed42314/Light-Huiji.ttf)
format("truetype");
}
@font-face {
font-family: honokamaru;
src: url(https://cdn.jsdelivr.net/gh/raspi0124/my-sites-files@80b7a9fadba7c729d00bcc81beba49deb97e19de/font_1_honokamarugo_1.1.ttf)
format("truetype");
}
@font-face {
font-family: light-gen;
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf)
format("opentype");
}
@font-face {
font-family: normal-gen;
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf)
format("opentype");
}
@font-face {
font-family: "Noto Sans Japanese-100";
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf)
format("opentype");
}
@font-face {
font-family: "Noto Sans Japanese";
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf)
format("opentype");
}
@font-face {
font-family: "Noto Sans Japanese-900";
font-style: normal;
font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2)
format("woff2"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff)
format("woff"),
url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf)
format("opentype");
}
.noto {
font-family: Noto Sans Japanese;
}
.huiji {
font-family: Huifont;
}
.honokamaru {
font-family: honokamaru;
}#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}div.whatsnew {
margin: 10px 0;
font-size: 100%;
word-break: break-all;
overflow: hidden;
}
div.whatsnew a {
padding: 7px 0;
display: block;
text-decoration: none;
box-shadow: none;
}
div.whatsnew a:hover {
background-color: #f5f5f5;
text-decoration: none;
box-shadow: none;
}
div.whatsnew hr {
margin: 0;
padding: 0;
}
div.whatsnew .newmark {
font-size: 74%;
padding: 1px 5px;
vertical-align: middle;
color: White;
background-color: #ff4500;
border-radius: 3px;
}
div.whatsnew dl {
margin: 0;
padding: 0;
border: 0;
}
div.whatsnew dt {
margin: 0 0 0 0.3em;
padding: 0;
border: 0;
color: Gray;
font-weight: normal;
white-space: nowrap;
}
div.whatsnew dd {
margin: 0;
padding: 0 2px;
}
@media screen and (min-width: 600px) {
div.whatsnew dl {
overflow: hidden;
}
div.whatsnew dt {
float: left;
width: 8.1em;
overflow: hidden;
}
div.whatsnew dd {
overflow: hidden;
}
}#wpadminbar>.godaddy-styles *,.godaddy-styles *{font-family:GD Sherpa,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.4}#wpadminbar>.godaddy-styles .is-bigger,.godaddy-styles .is-bigger{font-size:1.1em!important;font-weight:500!important}#wpadminbar>.godaddy-styles .components-button,#wpadminbar>.godaddy-styles.components-button,.godaddy-styles .components-button,.godaddy-styles.components-button{border:0;border-radius:6px;box-shadow:none;font-size:1em;height:auto;line-height:1;padding:1.25em;transition:background-color,color,.2s ease-in-out}#wpadminbar>.godaddy-styles .components-button:disabled,#wpadminbar>.godaddy-styles.components-button:disabled,.godaddy-styles .components-button:disabled,.godaddy-styles.components-button:disabled{opacity:.5}#wpadminbar>.godaddy-styles .components-button>svg,#wpadminbar>.godaddy-styles.components-button>svg,.godaddy-styles .components-button>svg,.godaddy-styles.components-button>svg{height:24px;margin-left:.2em;position:relative;right:-5px;top:-1px;transform:scale(.75);width:24px}#wpadminbar>.godaddy-styles .components-button.no-padding,#wpadminbar>.godaddy-styles.components-button.no-padding,.godaddy-styles .components-button.no-padding,.godaddy-styles.components-button.no-padding{padding:0}#wpadminbar>.godaddy-styles .components-button.is-big,#wpadminbar>.godaddy-styles.components-button.is-big,.godaddy-styles .components-button.is-big,.godaddy-styles.components-button.is-big{font-size:1.1em;font-weight:600;padding:1.5em}#wpadminbar>.godaddy-styles .components-button.is-primary,#wpadminbar>.godaddy-styles.components-button.is-primary,.godaddy-styles .components-button.is-primary,.godaddy-styles.components-button.is-primary{background-color:#000;box-shadow:none;color:#fff}#wpadminbar>.godaddy-styles .components-button.is-primary:active:not([disabled]),#wpadminbar>.godaddy-styles .components-button.is-primary:hover:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-primary:active:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-primary:hover:not([disabled]),.godaddy-styles .components-button.is-primary:active:not([disabled]),.godaddy-styles .components-button.is-primary:hover:not([disabled]),.godaddy-styles.components-button.is-primary:active:not([disabled]),.godaddy-styles.components-button.is-primary:hover:not([disabled]){background-color:#00a4a6}#wpadminbar>.godaddy-styles .components-button.is-secondary,#wpadminbar>.godaddy-styles.components-button.is-secondary,.godaddy-styles .components-button.is-secondary,.godaddy-styles.components-button.is-secondary{box-shadow:none;color:#111}#wpadminbar>.godaddy-styles .components-button.is-secondary:active:not([disabled]),#wpadminbar>.godaddy-styles .components-button.is-secondary:hover:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-secondary:active:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-secondary:hover:not([disabled]),.godaddy-styles .components-button.is-secondary:active:not([disabled]),.godaddy-styles .components-button.is-secondary:hover:not([disabled]),.godaddy-styles.components-button.is-secondary:active:not([disabled]),.godaddy-styles.components-button.is-secondary:hover:not([disabled]){border:0;box-shadow:none;color:#000}#wpadminbar>.godaddy-styles .components-button.is-tertiary,#wpadminbar>.godaddy-styles.components-button.is-tertiary,.godaddy-styles .components-button.is-tertiary,.godaddy-styles.components-button.is-tertiary{border:1px solid #111;color:#111}#wpadminbar>.godaddy-styles .components-button.is-tertiary:hover,#wpadminbar>.godaddy-styles.components-button.is-tertiary:hover,.godaddy-styles .components-button.is-tertiary:hover,.godaddy-styles.components-button.is-tertiary:hover{background-color:#111;box-shadow:none;color:#fff}#wpadminbar>.godaddy-styles .components-button.is-link,#wpadminbar>.godaddy-styles.components-button.is-link,.godaddy-styles .components-button.is-link,.godaddy-styles.components-button.is-link{box-shadow:none;color:#00a4a6;padding:0;text-decoration:none}#wpadminbar>.godaddy-styles .components-button.is-link:active:not([disabled]),#wpadminbar>.godaddy-styles .components-button.is-link:hover:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-link:active:not([disabled]),#wpadminbar>.godaddy-styles.components-button.is-link:hover:not([disabled]),.godaddy-styles .components-button.is-link:active:not([disabled]),.godaddy-styles .components-button.is-link:hover:not([disabled]),.godaddy-styles.components-button.is-link:active:not([disabled]),.godaddy-styles.components-button.is-link:hover:not([disabled]){color:#111;outline:none}#wpadminbar>.godaddy-styles .components-button.has-icon:active:not([disabled]),#wpadminbar>.godaddy-styles .components-button.has-icon:hover:not([disabled]),#wpadminbar>.godaddy-styles.components-button.has-icon:active:not([disabled]),#wpadminbar>.godaddy-styles.components-button.has-icon:hover:not([disabled]),.godaddy-styles .components-button.has-icon:active:not([disabled]),.godaddy-styles .components-button.has-icon:hover:not([disabled]),.godaddy-styles.components-button.has-icon:active:not([disabled]),.godaddy-styles.components-button.has-icon:hover:not([disabled]){background-color:transparent;color:#00a4a6}#wpadminbar>.godaddy-styles .components-modal__frame,#wpadminbar>.godaddy-styles.components-modal__frame,.godaddy-styles .components-modal__frame,.godaddy-styles.components-modal__frame{border-radius:1rem}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content,.godaddy-styles .components-modal__frame .components-modal__content,.godaddy-styles.components-modal__frame .components-modal__content{margin-top:0;padding:4.5rem 4.5rem 4.25rem}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content:before,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content:before,.godaddy-styles .components-modal__frame .components-modal__content:before,.godaddy-styles.components-modal__frame .components-modal__content:before{margin:0}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content p:last-child,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content p:last-child,.godaddy-styles .components-modal__frame .components-modal__content p:last-child,.godaddy-styles.components-modal__frame .components-modal__content p:last-child{margin-bottom:0}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header{border-bottom:0;font-size:2rem;height:unset;margin-bottom:.75em;padding:0;position:relative}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__icon-container{margin-right:8px}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-modal__header-heading{font-size:2rem}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon{font-size:1rem;left:auto;padding:.25em;position:absolute;right:-3.5rem;top:-3.25rem}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg,.godaddy-styles .components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg,.godaddy-styles.components-modal__frame .components-modal__content .components-modal__header .components-button.has-icon>svg{margin-left:0;right:0;top:0;transform:scale(1)}#wpadminbar>.godaddy-styles .components-modal__frame .components-modal__content .components-text-control__input,#wpadminbar>.godaddy-styles.components-modal__frame .components-modal__content .components-text-control__input,.godaddy-styles .components-modal__frame .components-modal__content .components-text-control__input,.godaddy-styles.components-modal__frame .components-modal__content .components-text-control__input{margin-bottom:.5em}#wpadminbar>.godaddy-styles .ux-tag,.godaddy-styles .ux-tag{border-radius:4px;color:#000;font-size:.9em;font-weight:700;letter-spacing:.05625rem;line-height:1.5;padding-block:8px;padding-inline:8px;text-transform:uppercase;white-space:nowrap}#wpadminbar>.godaddy-styles .ux-tag-critical,.godaddy-styles .ux-tag-critical{background-color:#fbb}#wpadminbar>.godaddy-styles .ux-tag-highlight,.godaddy-styles .ux-tag-highlight{background-color:#a6fff8}#wpadminbar>.godaddy-styles .ux-tag-info,.godaddy-styles .ux-tag-info{background-color:#d3c1f7}#wpadminbar>.godaddy-styles .ux-tag-internal,.godaddy-styles .ux-tag-internal{background-color:#fbd9ed}#wpadminbar>.godaddy-styles .ux-tag-neutral,.godaddy-styles .ux-tag-neutral{background-color:#ddeaf8}#wpadminbar>.godaddy-styles .ux-tag-passive,.godaddy-styles .ux-tag-passive{background-color:#f4f8fc}#wpadminbar>.godaddy-styles .ux-tag-success,.godaddy-styles .ux-tag-success{background-color:#9fffb8}#wpadminbar>.godaddy-styles .ux-tag-warning,.godaddy-styles .ux-tag-warning{background-color:#ffeea9}#wpadminbar>.godaddy-styles .components-toggle-control,#wpadminbar>.godaddy-styles.components-toggle-control,.godaddy-styles .components-toggle-control,.godaddy-styles.components-toggle-control{align-items:flex-end;display:flex}#wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__field,#wpadminbar>.godaddy-styles .components-toggle-control__field,#wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__field,#wpadminbar>.godaddy-styles.components-toggle-control__field,.godaddy-styles .components-toggle-control .components-base-control__field,.godaddy-styles .components-toggle-control__field,.godaddy-styles.components-toggle-control .components-base-control__field,.godaddy-styles.components-toggle-control__field{margin:0}#wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__field .components-form-toggle__track,#wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__field .components-form-toggle__track,.godaddy-styles .components-toggle-control .components-base-control__field .components-form-toggle__track,.godaddy-styles.components-toggle-control .components-base-control__field .components-form-toggle__track{background-color:#f3f6f8}#wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track,#wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track,.godaddy-styles .components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track,.godaddy-styles.components-toggle-control .components-base-control__field .is-checked .components-form-toggle__track{background-color:#00a4a6}#wpadminbar>.godaddy-styles .components-toggle-control .components-base-control__help,#wpadminbar>.godaddy-styles.components-toggle-control .components-base-control__help,.godaddy-styles .components-toggle-control .components-base-control__help,.godaddy-styles.components-toggle-control .components-base-control__help{margin:0}
 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-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, video {
display: inline-block;
}
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 {
line-height: 1;
-webkit-text-size-adjust: none;
}
a {
overflow: hidden;
outline: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1em;
font-weight: normal;
margin: 0;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
pre, code, kbd, samp {
font-family: Menlo, Consolas, monaco, monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before, q:after {
content: '';
content: none;
}
small {
font-size: 75%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul, ol {
list-style: none;
list-style-image: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
legend {
border: 0;
white-space: normal;
}
button, input, select, textarea {
font-size: 100%;
}
button,
input {
line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
} .main-widgets .widget:not(.widget_custom_html), .widget_nsd_information .wrap, .single-comments, .page-main-box, .single-main-box, .single-cta, .single-author, .single-pagenav, .archive-item, .flexible-news-col, .flexible-text-border-item, .flexible-faq-box {
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
overflow: hidden;
}
.page-main-contact-btn, .single-cta-btn {
display: block;
height: 50px;
line-height: 50px;
font-size: 18px;
text-align: center;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.page-main-contact-btn i, .single-cta-btn i {
line-height: inherit;
vertical-align: bottom;
}
.single-button-btn, .flexible-posts-btn {
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.widgettitle-main, .single-comments-title, .single-author-title {
padding: 6px 15px;
font-size: 14px;
}
.widgettitle-main {
text-align: center;
}
@media screen and (min-width: 960px) {
.single-comments-title, .single-author-title {
padding-left: 30px;
padding-right: 30px;
}
}
.archive-title, .flexible-news-header, .flexible-block-title, .flexible-text-border-title, .flexible-faq-title {
padding: 13px 15px;
line-height: 24px;
font-size: 14px;
}
.archive-title, .flexible-news-header {
text-align: center;
}
.single-related-title {
padding: 6px 15px;
font-size: 14px;
}
.single-related-title {
text-align: center;
}
.single-cta, .single-author, .single-widgets, .single-related, .single-pagenav, .single-button {
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.single-cta, .single-author, .single-widgets, .single-related, .single-pagenav, .single-button {
margin-top: 50px;
}
}
.archive-item, .flexible-contents-item, .flexible-posts-button, .flexible-news-col, .flexible-text-item, .flexible-faq-box, .flexible-baseshop-item {
margin-bottom: 15px;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.archive-item, .flexible-contents-item, .flexible-posts-button, .flexible-news-col, .flexible-text-item, .flexible-faq-box, .flexible-baseshop-item {
margin-bottom: 20px;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.archive-item, .flexible-contents-item, .flexible-posts-button, .flexible-news-col, .flexible-text-item, .flexible-faq-box, .flexible-baseshop-item {
margin-bottom: 20px;
}
}
@media screen and (min-width: 1180px) {
.archive-item, .flexible-contents-item, .flexible-posts-button, .flexible-news-col, .flexible-text-item, .flexible-faq-box, .flexible-baseshop-item {
margin-bottom: 40px;
}
}
.single-comments-body, .page-main-box, .single-main-box, .single-cta, .single-author-body {
padding-left: 15px;
padding-right: 15px;
}
@media screen and (min-width: 960px) {
.single-comments-body, .page-main-box, .single-main-box, .single-cta, .single-author-body {
padding-left: 30px;
padding-right: 30px;
}
}
.page-main-content, .page-main-contact, .single-content-before, .single-content, .single-page-links, .single-content-after {
margin-left: auto;
margin-right: auto;
max-width: 710px;
}
.widget_nsd_profile .sns a, .single-author-sns a {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
color: #ffffff;
font-size: 13px;
text-align: center;
border-radius: 15px;
}
.widget_nsd_profile .sns a:hover, .single-author-sns a:hover, .widget_nsd_profile .sns a:active, .single-author-sns a:active {
color: #ffffff;
}
.widget_nsd_profile .sns a.facebook, .single-author-sns a.facebook {
background-color: #3b5998;
}
.widget_nsd_profile .sns a.twitter, .single-author-sns a.twitter {
background-color: #30a6df;
}
.widget_nsd_profile .sns a.instagram, .single-author-sns a.instagram {
background-color: #ef4e88;
}
.widget_nsd_profile .sns a i, .single-author-sns a i {
line-height: inherit;
vertical-align: top;
} body {
line-height: 1.8;
color: #666666;
font-size: 16px;
font-weight: normal;
-ms-word-wrap: break-word;
word-wrap: break-word;
background-color: #ffffff;
}
a {
color: #3398db;
transition: color 0.1s;
}
a:hover, a:active {
color: #8ac4ea;
transition: color 0.3s;
}
img, video {
max-width: 100%;
height: auto;
}
address, article, aside, blockquote, center, dir, div, dd, details, dl, dt, fieldset, figcaption, figure, form, footer, frameset, h1, h2, h3, h4, h5, h6, hr, header, hgroup, isindex, main, menu, nav, noframes, noscript, ol, p, pre, section, summary, ul, li {
box-sizing: border-box;
} input:focus, textarea:focus, select:focus {
outline: 0;
}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], input[type="color"], textarea {
box-sizing: border-box;
max-width: 100%;
margin-left: 0;
margin-right: 0;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #e8e8e8;
}
@media screen and (max-width: 568px) {
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], input[type="color"], textarea {
font-size: 16px;
}
}
input[type="text"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="number"]:focus, input[type="color"]:focus, textarea:focus {
border: 1px solid #666666;
}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], input[type="color"] {
padding: 10px 5px;
}
:-ms-input-placeholder {
color: #999999;
}
::placeholder {
color: #999999;
}
input, select, button, textarea {
font-family: inherit;
}
textarea {
padding: 10px;
line-height: 1.7;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
max-width: 100%;
padding-top: 10px;
padding-left: 15px;
padding-right: 32px;
padding-bottom: 10px;
background-color: #f5f5f5;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALtJREFUeNpi/P//PwMtARMDjQGKBYyMjAZA3ACiyTEMqC8ApB9FEBREMAwEIEkQ4wIQCyDLEcJA4ADVC8IKcHE0RQJA/AGq6AAJhhsg6VuAIkdA8QQiDBeA+hirz3FpSkDybgIBCzZA1X3AFqz4NDYgWWKAQ80EJMOxqyHBdQrk+JKs8IXG039i4omYFKKAFOkb0PkE9ZOQDP8jBRfReYWUjJSAZokCUfpIzK2glPUAV4rBhhmHfGkKEGAAHFBfoV8A9dwAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: right center;
background-position: right 10px center;
background-size: 12px 8px;
border: 1px solid #e8e8e8;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
select::-ms-expand {
display: none;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
-webkit-appearance: menulist;
-moz-appearance: menulist;
appearance: pop-up-menu;
padding: 0;
vertical-align: middle;
background-image: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
height: 50px;
padding-left: 16px;
padding-right: 16px;
font-size: 18px;
font-weight: bold;
border: none;
cursor: pointer;
}
button:hover, button:active, input[type="button"]:hover, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:active {
outline: 0;
}
button + button, button + input[type="button"], button + input[type="reset"], button + input[type="submit"], input[type="button"] + button, input[type="button"] + input[type="button"], input[type="button"] + input[type="reset"], input[type="button"] + input[type="submit"], input[type="reset"] + button, input[type="reset"] + input[type="button"], input[type="reset"] + input[type="reset"], input[type="reset"] + input[type="submit"], input[type="submit"] + button, input[type="submit"] + input[type="button"], input[type="submit"] + input[type="reset"], input[type="submit"] + input[type="submit"] {
margin-left: 8px;
}
.says, .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.ns-color-button,
.ns-button-color-large,
.ns-button-color-medium,
.ns-button-color-small,
.ns-button-color,
.comment-reply-link,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
transition: background-color 0.1s;
}
.ns-color-button:hover, .ns-color-button:active,
.ns-button-color-large:hover,
.ns-button-color-large:active,
.ns-button-color-medium:hover,
.ns-button-color-medium:active,
.ns-button-color-small:hover,
.ns-button-color-small:active,
.ns-button-color:hover,
.ns-button-color:active,
.comment-reply-link:hover,
.comment-reply-link:active,
button:hover,
button:active,
input[type="button"]:hover,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:active {
transition: background-color 0.3s;
}
.ns-color-label, .ns-color-label-gray {
border-width: 1px;
border-style: solid;
}
a.ns-color-label, a.ns-color-label-gray {
transition: opacity 0.1s;
}
a.ns-color-label:hover, a.ns-color-label:active, a.ns-color-label-gray:hover, a.ns-color-label-gray:active {
opacity: 0.8;
transition: opacity 0.3s;
}
.ns-color-label-gray, .ns-color-label-gray:hover, .ns-color-label-gray:active {
color: #aaaaaa;
border-color: #aaaaaa;
} .widget {
font-size: 14px;
word-wrap: break-word;
}
.main-widgets .widget + .widget {
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.main-widgets .widget + .widget {
margin-top: 30px;
}
}
.widget pre {
line-height: 1.2;
}
@media screen and (max-width: 767px) {
.widget #fb-root {
display: none;
}
}
@media screen and (max-width: 767px) {
.widget .fb_iframe_widget {
display: block;
width: 100% !important;
}
}
.widgettitle {
margin-bottom: 15px;
font-size: 16px;
font-weight: bold;
}
.widget_recent_entries a, .widget_recent_comments a, .widget_archive a, .widget_categories a, .widget_pages a, .widget_nav_menu a, .widget_rss a, .widget_meta a, .popular-posts a {
transition: opacity 0.1s;
color: inherit;
text-decoration: none;
}
.widget_recent_entries a:hover, .widget_recent_entries a:active, .widget_recent_comments a:hover, .widget_recent_comments a:active, .widget_archive a:hover, .widget_archive a:active, .widget_categories a:hover, .widget_categories a:active, .widget_pages a:hover, .widget_pages a:active, .widget_nav_menu a:hover, .widget_nav_menu a:active, .widget_rss a:hover, .widget_rss a:active, .widget_meta a:hover, .widget_meta a:active, .popular-posts a:hover, .popular-posts a:active {
opacity: 0.8;
transition: opacity 0.3s;
}
.widget_recent_entries ul, .widget_recent_comments ul, .widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_nav_menu ul, .widget_rss ul, .widget_meta ul, .popular-posts ul {
line-height: 1.45;
}
.widget_recent_entries ul li, .widget_recent_comments ul li, .widget_archive ul li, .widget_categories ul li, .widget_pages ul li, .widget_nav_menu ul li, .widget_rss ul li, .widget_meta ul li, .popular-posts ul li {
margin-bottom: 15px;
}
.main-widgets .widget_recent_entries ul li, .main-widgets .widget_recent_comments ul li, .main-widgets .widget_archive ul li, .main-widgets .widget_categories ul li, .main-widgets .widget_pages ul li, .main-widgets .widget_nav_menu ul li, .main-widgets .widget_rss ul li, .main-widgets .widget_meta ul li, .main-widgets .popular-posts ul li {
margin-bottom: 0;
padding: 15px;
}
.main-widgets .widget_recent_entries ul li + li, .main-widgets .widget_recent_comments ul li + li, .main-widgets .widget_archive ul li + li, .main-widgets .widget_categories ul li + li, .main-widgets .widget_pages ul li + li, .main-widgets .widget_nav_menu ul li + li, .main-widgets .widget_rss ul li + li, .main-widgets .widget_meta ul li + li, .main-widgets .popular-posts ul li + li {
border-top: 1px solid #e8e8e8;
}
.main-widgets .widget_recent_entries .children, .main-widgets .widget_recent_entries .sub-menu, .main-widgets .widget_recent_comments .children, .main-widgets .widget_recent_comments .sub-menu, .main-widgets .widget_archive .children, .main-widgets .widget_archive .sub-menu, .main-widgets .widget_categories .children, .main-widgets .widget_categories .sub-menu, .main-widgets .widget_pages .children, .main-widgets .widget_pages .sub-menu, .main-widgets .widget_nav_menu .children, .main-widgets .widget_nav_menu .sub-menu, .main-widgets .widget_rss .children, .main-widgets .widget_rss .sub-menu, .main-widgets .widget_meta .children, .main-widgets .widget_meta .sub-menu, .main-widgets .popular-posts .children, .main-widgets .popular-posts .sub-menu {
margin-top: 15px;
margin-right: -15px;
border-top: 1px solid #e8e8e8;
}
.main-widgets .widget_recent_entries .children li:last-child, .main-widgets .widget_recent_entries .sub-menu li:last-child, .main-widgets .widget_recent_comments .children li:last-child, .main-widgets .widget_recent_comments .sub-menu li:last-child, .main-widgets .widget_archive .children li:last-child, .main-widgets .widget_archive .sub-menu li:last-child, .main-widgets .widget_categories .children li:last-child, .main-widgets .widget_categories .sub-menu li:last-child, .main-widgets .widget_pages .children li:last-child, .main-widgets .widget_pages .sub-menu li:last-child, .main-widgets .widget_nav_menu .children li:last-child, .main-widgets .widget_nav_menu .sub-menu li:last-child, .main-widgets .widget_rss .children li:last-child, .main-widgets .widget_rss .sub-menu li:last-child, .main-widgets .widget_meta .children li:last-child, .main-widgets .widget_meta .sub-menu li:last-child, .main-widgets .popular-posts .children li:last-child, .main-widgets .popular-posts .sub-menu li:last-child {
padding-bottom: 0;
}
.footer-widgets .widget_nav_menu .menu > li, .footer-widgets .widget_pages .menu > li {
font-size: 16px;
font-weight: bold;
}
.footer-widgets .widget_nav_menu .menu > li.menu-item-has-children, .footer-widgets .widget_pages .menu > li.menu-item-has-children {
margin-bottom: 30px;
}
.footer-widgets .widget_nav_menu .menu > li > .sub-menu, .footer-widgets .widget_pages .menu > li > .sub-menu {
margin-top: 12px;
}
.footer-widgets .widget_nav_menu .menu > li > .sub-menu > li > .sub-menu, .footer-widgets .widget_pages .menu > li > .sub-menu > li > .sub-menu {
padding-left: 2.5em;
}
.footer-widgets .widget_nav_menu .menu > li > .sub-menu > li > .sub-menu > li, .footer-widgets .widget_pages .menu > li > .sub-menu > li > .sub-menu > li {
text-indent: -1.5em;
}
.footer-widgets .widget_nav_menu .menu > li > .sub-menu > li > .sub-menu > li:before, .footer-widgets .widget_pages .menu > li > .sub-menu > li > .sub-menu > li:before {
content: "—";
margin-right: 0.5em;
}
.footer-widgets .widget_nav_menu .menu > li > .sub-menu > li > .sub-menu > li .sub-menu, .footer-widgets .widget_pages .menu > li > .sub-menu > li > .sub-menu > li .sub-menu {
padding-left: 1em;
text-indent: 0;
}
.footer-widgets .widget_nav_menu .sub-menu, .footer-widgets .widget_pages .sub-menu {
margin-top: 7px;
font-size: 14px;
font-weight: normal;
}
.footer-widgets .widget_nav_menu .sub-menu li, .footer-widgets .widget_pages .sub-menu li {
margin-bottom: 7px;
}
.main-widgets .widget_tag_cloud .tagcloud {
padding: 15px;
}
.main-widgets .widget_archive select, .main-widgets .widget_categories select {
width: 100%;
}
.widget_text .textwidget {
*zoom: 1;
}
.widget_text .textwidget:after {
content: "";
display: table;
clear: both;
}
.widget_text .textwidget em {
font-style: italic;
}
.widget_text .textwidget p, .widget_text .textwidget ul, .widget_text .textwidget dl, .widget_text .textwidget ol, .widget_text .textwidget blockquote, .widget_text .textwidget table, .widget_text .textwidget pre, .widget_text .textwidget figure {
margin-top: 22px;
margin-bottom: 22px;
}
.widget_text .textwidget p:first-child, .widget_text .textwidget ul:first-child, .widget_text .textwidget dl:first-child, .widget_text .textwidget ol:first-child, .widget_text .textwidget blockquote:first-child, .widget_text .textwidget table:first-child, .widget_text .textwidget pre:first-child, .widget_text .textwidget figure:first-child {
margin-top: 0;
}
.widget_text .textwidget p:last-child, .widget_text .textwidget ul:last-child, .widget_text .textwidget dl:last-child, .widget_text .textwidget ol:last-child, .widget_text .textwidget blockquote:last-child, .widget_text .textwidget table:last-child, .widget_text .textwidget pre:last-child, .widget_text .textwidget figure:last-child {
margin-bottom: 0;
}
.widget_text .textwidget h1, .widget_text .textwidget h2, .widget_text .textwidget h3, .widget_text .textwidget h4, .widget_text .textwidget h5, .widget_text .textwidget h6 {
margin-top: 44px;
margin-bottom: 22px;
}
.widget_text .textwidget h1:first-child, .widget_text .textwidget h2:first-child, .widget_text .textwidget h3:first-child, .widget_text .textwidget h4:first-child, .widget_text .textwidget h5:first-child, .widget_text .textwidget h6:first-child {
margin-top: 0;
}
.widget_text .textwidget h1:last-child, .widget_text .textwidget h2:last-child, .widget_text .textwidget h3:last-child, .widget_text .textwidget h4:last-child, .widget_text .textwidget h5:last-child, .widget_text .textwidget h6:last-child {
margin-bottom: 0;
}
.widget_text .textwidget h1 {
line-height: 1.3;
font-size: 2em;
}
.widget_text .textwidget h2 {
line-height: 1.3;
font-size: 1.7em;
}
.widget_text .textwidget h3 {
line-height: 1.5;
font-size: 1.4em;
}
.widget_text .textwidget h4, .widget_text .textwidget h5, .widget_text .textwidget h6 {
font-weight: bold;
}
.widget_text .textwidget h4 {
line-height: 1.6;
font-size: 1.2em;
}
.widget_text .textwidget h5 {
line-height: 1.7;
font-size: 1.1em;
}
.widget_text .textwidget h6 {
font-size: 1em;
}
.widget_text .textwidget ol {
counter-reset: ol-number;
list-style: none;
}
.widget_text .textwidget ol li:before {
counter-increment: ol-number;
content: counter(ol-number) ". ";
}
.widget_text .textwidget img {
max-width: 100%;
height: auto;
}
.widget_text .textwidget .alignright, .widget_text .textwidget .alignleft {
clear: both;
margin-top: 10px;
margin-bottom: 10px;
}
.widget_text .textwidget .alignright {
float: right;
margin-left: 15px;
}
.widget_text .textwidget .alignleft {
float: left;
margin-right: 15px;
}
.widget_text .textwidget .aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
}
.widget_text .textwidget .wp-caption {
max-width: 100%;
text-align: center;
}
.widget_text .textwidget .wp-caption p {
margin-top: 5px;
}
.widget_text .textwidget table,
.widget_text .textwidget th,
.widget_text .textwidget td {
border: 1px solid #e8e8e8;
line-height: 1.6;
}
.widget_text .textwidget table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.widget_text .textwidget caption,
.widget_text .textwidget th,
.widget_text .textwidget td {
font-weight: normal;
text-align: left;
}
.widget_text .textwidget th {
border-width: 1px;
font-weight: bold;
}
.widget_text .textwidget td {
border-width: 1px;
}
.widget_text .textwidget th, .widget_text .textwidget td {
padding: 10px;
}
.widget_text .textwidget blockquote {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-left: 2em;
font-style: italic;
border-left: 3px solid #c6c6c6;
}
.widget_text .textwidget dt {
margin-top: 22px;
font-weight: bold;
}
.widget_text .textwidget ul {
padding-left: 20px;
list-style: disc;
}
.widget_text .textwidget ol ol {
padding-left: 20px;
}
.widget_text .textwidget pre {
padding: 20px;
background-color: #f5f5f5;
border: 1px solid #e8e8e8;
}
.widget_text .textwidget figure {
line-height: 0;
}
.widget_text .textwidget figcaption {
line-height: 1.2;
font-size: 0.9em;
}
.widget_text .textwidget img + figcaption {
margin-top: 8px;
}
.widget_text .textwidget embed, .widget_text .textwidget iframe, .widget_text .textwidget object, .widget_text .textwidget video {
max-width: 100%;
}
.widget_text .textwidget .gallery div, .widget_text .textwidget .gallery figure {
margin-top: 0;
margin-bottom: 0;
}
.widget_text .textwidget hr {
height: 0;
border: none;
border-top: 1px solid #e8e8e8;
}
.widget_text .textwidget .ns-row {
margin-top: 22px;
margin-bottom: 22px;
}
.widget_text .textwidget .ns-row:first-child {
margin-top: 0;
}
.widget_text .textwidget .ns-row:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.widget_text .textwidget .ns-row {
display: block;
}
}
@media screen and (max-width: 767px) {
.widget_text .textwidget .ns-col {
margin-top: 22px;
margin-bottom: 22px;
}
.widget_text .textwidget .ns-col:first-child {
margin-top: 0;
}
.widget_text .textwidget .ns-col:last-child {
margin-bottom: 0;
}
}
.main-widgets .widget_text .textwidget {
padding: 15px;
}
.widget_text.widget_custom_html .textwidget {
padding: 0;
text-align: center;
}
.widget_text.widget_custom_html .textwidget iframe {
vertical-align: bottom;
}
.main-widgets .widget_media_gallery .gallery {
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
.widget_media_image img {
vertical-align: bottom;
}
.widget_recent_entries .post-date {
color: #999999;
font-size: 12px;
}
.widget_recent_entries .post-date:before {
content: "";
display: block;
}
.wpp-thumbnail {
margin-right: 15px !important;
}
.wpp-post-title {
font-weight: bold;
}
.wpp-meta, .post-stats {
color: #999999;
font-size: inherit;
font-weight: inherit;
}
.widget_calendar table {
margin: 0;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
width: 100%;
background-color: #ffffff;
}
.widget_calendar td, .widget_calendar th {
line-height: 2;
text-align: center;
padding: 0;
border: 1px solid #cccccc;
}
.widget_calendar caption {
font-weight: bold;
}
.widget_calendar tbody a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
display: block;
font-weight: 700;
text-decoration: none;
}
.widget_calendar tbody a:hover, .widget_calendar tbody a:focus {
opacity: 0.8;
}
.widget_rss .rsswidget {
border: 0;
font-weight: bold;
}
.widget_rss .rsswidget img {
margin-top: -4px;
}
.main-widgets .widget_nsd_profile .body {
padding: 15px;
}
.main-widgets .widget_nsd_profile .image, .main-widgets .widget_nsd_profile .header, .main-widgets .widget_nsd_profile .sns {
text-align: center;
}
.widget_nsd_profile .image {
margin-bottom: 10px;
}
.widget_nsd_profile .image img {
vertical-align: bottom;
}
.widget_nsd_profile .header {
margin-bottom: 15px;
}
.widget_nsd_profile .name {
font-weight: bold;
}
.widget_nsd_profile .position {
font-size: 14px;
}
.widget_nsd_profile .sns {
margin-bottom: 8px;
}
.widget_nsd_profile .sns li {
display: inline-block;
}
.widget_nsd_profile .sns li + li {
margin-left: 10px;
}
.widget_nsd_profile .sns a {
transition: opacity 0.1s;
}
.widget_nsd_profile .sns a:hover, .widget_nsd_profile .sns a:active {
opacity: 0.8;
transition: opacity 0.3s;
}
.main-widgets .widget_nsd_business_banner .body {
padding: 15px;
}
.widget_nsd_business_banner .contact {
margin-top: 22px;
}
.widget_nsd_business_banner .contact-button {
display: inline-block;
padding: 12px 30px;
text-decoration: none;
}
.widget_nsd_information .wrap {
display: block;
padding: 15px;
color: inherit;
text-decoration: none;
}
.widget_nsd_information .title {
display: block;
margin-bottom: 8px;
font-size: 18px;
font-weight: bold;
}
.widget_nsd_information .content {
display: block;
}
.main-widgets .widget_nsd_freebox .content {
padding: 15px;
}
.widget_search .search-form {
position: relative;
}
.widget_search .search-field {
width: 100%;
padding-right: 30px;
font-size: 16px;
}
.main-widgets .widget_search .search-field {
border: 1px solid transparent;
}
.widget_search .search-submit {
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 100%;
padding-left: 0;
padding-right: 0;
color: #666666;
font-size: 20px;
text-align: left;
background: none;
border: none;
}
.widget_search .search-submit:hover, .widget_search .search-submit:active {
background: none;
box-shadow: none;
} .single-comments {
margin-left: auto;
margin-right: auto;
width: calc(100% - 15px * 2);
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.single-comments {
width: auto;
margin-top: 50px;
}
}
.single-comments-title {
text-align: center;
}
@media screen and (min-width: 768px) {
.single-comments-title {
text-align: left;
}
}
.single-comments-body {
padding-top: 15px;
padding-bottom: 15px;
}
.comment-body {
position: relative;
margin-bottom: 15px;
padding-bottom: 12px;
border-bottom: 1px solid #e8e8e8;
}
@media screen and (min-width: 768px) {
.comment-body {
margin-bottom: 30px;
padding-bottom: 24px;
}
}
.depth-2 > .comment-body {
margin-left: 16px;
}
.depth-3 > .comment-body {
margin-left: 32px;
}
.depth-4 > .comment-body {
margin-left: 48px;
}
.depth-5 > .comment-body {
margin-left: 64px;
}
.depth-6 > .comment-body {
margin-left: 64px;
}
.depth-7 > .comment-body {
margin-left: 64px;
}
.depth-8 > .comment-body {
margin-left: 64px;
}
.depth-9 > .comment-body {
margin-left: 64px;
}
.depth-10 > .comment-body {
margin-left: 64px;
}
@media screen and (min-width: 768px) {
.depth-2 > .comment-body {
margin-left: 72px;
}
}
@media screen and (min-width: 768px) {
.depth-3 > .comment-body {
margin-left: 88px;
}
}
@media screen and (min-width: 768px) {
.depth-4 > .comment-body {
margin-left: 104px;
}
}
@media screen and (min-width: 768px) {
.depth-5 > .comment-body {
margin-left: 120px;
}
}
@media screen and (min-width: 768px) {
.depth-6 > .comment-body {
margin-left: 136px;
}
}
@media screen and (min-width: 768px) {
.depth-7 > .comment-body {
margin-left: 152px;
}
}
@media screen and (min-width: 768px) {
.depth-8 > .comment-body {
margin-left: 168px;
}
}
@media screen and (min-width: 768px) {
.depth-9 > .comment-body {
margin-left: 184px;
}
}
@media screen and (min-width: 768px) {
.depth-10 > .comment-body {
margin-left: 200px;
}
}
.comment-body .reply {
margin-top: 10px;
}
@media screen and (min-width: 768px) {
.comment-body .reply {
position: absolute;
right: 0;
top: 0;
margin-top: 0;
}
}
.comment-body .comment-reply-link {
display: block;
width: 50px;
height: 35px;
line-height: 35px;
font-size: 12px;
text-align: center;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
.comment-meta {
height: 56px;
margin-bottom: 10px;
padding-right: 66px;
}
}
.comment-author a {
color: inherit;
text-decoration: none;
}
.comment-author .avatar {
float: left;
height: 30px;
margin-right: 10px;
width: 30px;
}
@media screen and (min-width: 768px) {
.comment-author .avatar {
height: 56px;
margin-right: 20px;
width: 56px;
}
}
.comment-author .fn {
display: block;
margin-left: 40px;
margin-bottom: 8px;
padding-top: 8px;
line-height: 1;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
.comment-author .fn {
margin-left: 72px;
font-size: 18px;
}
}
.comment-author .says {
display: none;
}
.comment-metadata {
font-size: 14px;
line-height: 2;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
.comment-metadata {
line-height: 1;
}
}
.comment-metadata > a {
color: inherit;
text-decoration: none;
}
.comment-metadata .edit-link {
margin-left: 1em;
}
.pingback .edit-link {
margin-left: 1em;
}
.comment-content {
*zoom: 1;
}
.comment-content:after {
content: "";
display: table;
clear: both;
}
.comment-content em {
font-style: italic;
}
.comment-content p, .comment-content ul, .comment-content dl, .comment-content ol, .comment-content blockquote, .comment-content table, .comment-content pre, .comment-content figure {
margin-top: 22px;
margin-bottom: 22px;
}
.comment-content p:first-child, .comment-content ul:first-child, .comment-content dl:first-child, .comment-content ol:first-child, .comment-content blockquote:first-child, .comment-content table:first-child, .comment-content pre:first-child, .comment-content figure:first-child {
margin-top: 0;
}
.comment-content p:last-child, .comment-content ul:last-child, .comment-content dl:last-child, .comment-content ol:last-child, .comment-content blockquote:last-child, .comment-content table:last-child, .comment-content pre:last-child, .comment-content figure:last-child {
margin-bottom: 0;
}
.comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 {
margin-top: 44px;
margin-bottom: 22px;
}
.comment-content h1:first-child, .comment-content h2:first-child, .comment-content h3:first-child, .comment-content h4:first-child, .comment-content h5:first-child, .comment-content h6:first-child {
margin-top: 0;
}
.comment-content h1:last-child, .comment-content h2:last-child, .comment-content h3:last-child, .comment-content h4:last-child, .comment-content h5:last-child, .comment-content h6:last-child {
margin-bottom: 0;
}
.comment-content h1 {
line-height: 1.3;
font-size: 2em;
}
.comment-content h2 {
line-height: 1.3;
font-size: 1.7em;
}
.comment-content h3 {
line-height: 1.5;
font-size: 1.4em;
}
.comment-content h4, .comment-content h5, .comment-content h6 {
font-weight: bold;
}
.comment-content h4 {
line-height: 1.6;
font-size: 1.2em;
}
.comment-content h5 {
line-height: 1.7;
font-size: 1.1em;
}
.comment-content h6 {
font-size: 1em;
}
.comment-content ol {
counter-reset: ol-number;
list-style: none;
}
.comment-content ol li:before {
counter-increment: ol-number;
content: counter(ol-number) ". ";
}
.comment-content img {
max-width: 100%;
height: auto;
}
.comment-content .alignright, .comment-content .alignleft {
clear: both;
margin-top: 10px;
margin-bottom: 10px;
}
.comment-content .alignright {
float: right;
margin-left: 15px;
}
.comment-content .alignleft {
float: left;
margin-right: 15px;
}
.comment-content .aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
}
.comment-content .wp-caption {
max-width: 100%;
text-align: center;
}
.comment-content .wp-caption p {
margin-top: 5px;
}
.comment-content table,
.comment-content th,
.comment-content td {
border: 1px solid #e8e8e8;
line-height: 1.6;
}
.comment-content table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.comment-content caption,
.comment-content th,
.comment-content td {
font-weight: normal;
text-align: left;
}
.comment-content th {
border-width: 1px;
font-weight: bold;
}
.comment-content td {
border-width: 1px;
}
.comment-content th, .comment-content td {
padding: 10px;
}
.comment-content blockquote {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-left: 2em;
font-style: italic;
border-left: 3px solid #c6c6c6;
}
.comment-content dt {
margin-top: 22px;
font-weight: bold;
}
.comment-content ul {
padding-left: 20px;
list-style: disc;
}
.comment-content ol ol {
padding-left: 20px;
}
.comment-content pre {
padding: 20px;
background-color: #f5f5f5;
border: 1px solid #e8e8e8;
}
.comment-content figure {
line-height: 0;
}
.comment-content figcaption {
line-height: 1.2;
font-size: 0.9em;
}
.comment-content img + figcaption {
margin-top: 8px;
}
.comment-content embed, .comment-content iframe, .comment-content object, .comment-content video {
max-width: 100%;
}
.comment-content .gallery div, .comment-content .gallery figure {
margin-top: 0;
margin-bottom: 0;
}
.comment-content hr {
height: 0;
border: none;
border-top: 1px solid #e8e8e8;
}
.comment-content .ns-row {
margin-top: 22px;
margin-bottom: 22px;
}
.comment-content .ns-row:first-child {
margin-top: 0;
}
.comment-content .ns-row:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.comment-content .ns-row {
display: block;
}
}
@media screen and (max-width: 767px) {
.comment-content .ns-col {
margin-top: 22px;
margin-bottom: 22px;
}
.comment-content .ns-col:first-child {
margin-top: 0;
}
.comment-content .ns-col:last-child {
margin-bottom: 0;
}
}
@media screen and (min-width: 768px) {
.comment-content {
margin-left: 72px;
}
}
.comment-content ul, .comment-content ol {
margin: 0 0 1.6em 1.3333em;
}
.comment-content li > ul, .comment-content li > ol {
margin-bottom: 0;
}
.comment-content > :last-child {
margin-bottom: 0;
}
.no-comments {
font-size: 14px;
}
.comment-respond {
margin-top: 15px;
padding: 15px;
background-color: #f5f5f5;
}
@media screen and (min-width: 768px) {
.comment-respond {
margin-top: 30px;
padding: 30px;
}
}
.comment-reply-title {
font-size: 18px;
font-weight: bold;
}
.comment-reply-title small {
font-size: 16px;
}
.comment-form {
padding-top: 5px;
}
.comment-form label {
margin-bottom: 15px;
line-height: 1.2;
font-weight: bold;
}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="submit"] {
width: 100%;
}
.comment-form textarea {
width: 100%;
}
.comment-form p + p {
margin-top: 30px;
}
.comments-closed {
height: 50px;
margin-top: 15px;
line-height: 50px;
font-size: 14px;
text-align: center;
background-color: #f5f5f5;
}
@media screen and (min-width: 768px) {
.comments-closed {
margin-top: 30px;
}
}
.comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags {
line-height: 1.5;
margin-bottom: 2em;
}
.logged-in-as a:hover {
border-bottom: 1px solid #333;
}
.comment-navigation {
*zoom: 1;
}
.comment-navigation:after {
content: "";
display: table;
clear: both;
}
.comment-navigation .nav-previous, .comment-navigation .nav-next {
display: inline-block;
vertical-align: bottom;
}
.comment-navigation .nav-previous a, .comment-navigation .nav-next a {
box-sizing: border-box;
display: block;
height: 30px;
padding-left: 10px;
padding-right: 10px;
line-height: 30px;
color: inherit;
font-size: 14px;
text-align: center;
text-decoration: none;
background-color: #f5f5f5;
border: 1px solid #e8e8e8;
}
@media screen and (min-width: 768px) {
.comment-navigation .nav-previous a, .comment-navigation .nav-next a {
height: 40px;
line-height: 40px;
font-size: 16px;
}
}
.comment-navigation .nav-previous {
float: left;
}
@media screen and (min-width: 768px) {
.comment-navigation .nav-previous {
float: none;
}
}
.comment-navigation .nav-previous a:before {
content: "←";
}
@media screen and (min-width: 768px) {
.comment-navigation .nav-previous a:before {
margin-right: 8px;
}
}
@media screen and (min-width: 768px) {
.comment-navigation .nav-previous + .nav-next {
margin-left: 20px;
}
}
.comment-navigation .nav-next {
float: right;
}
@media screen and (min-width: 768px) {
.comment-navigation .nav-next {
float: none;
}
}
.comment-navigation .nav-next a:after {
content: "→";
}
@media screen and (min-width: 768px) {
.comment-navigation .nav-next a:after {
margin-left: 8px;
}
}
.comment-navigation + .single-comments-list {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #e8e8e8;
}
@media screen and (min-width: 768px) {
.comment-navigation + .single-comments-list {
margin-top: 30px;
padding-top: 30px;
}
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
} .gallery {
margin-left: -7px;
margin-right: -7px;
}
.gallery-item {
display: inline-block;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 15px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
display: block;
margin: 0 auto;
}
.gallery-caption {
display: block;
padding: 8px 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
@media screen and (max-width: 568px) {
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item {
max-width: 50%;
}
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item {
max-width: 33.33%;
padding-bottom: 15px;
}
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
max-width: 25%;
padding-bottom: 15px;
}
} .text-white {
color: #ffffff;
}
.text-inherit {
color: inherit;
}
.text-align-left {
text-align: left;
}
.text-align-center {
text-align: center;
}
.text-align-right {
text-align: right;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.container {
width: calc(100% - 15px * 2);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.container {
width: calc(100% - 15px * 2);
}
}
@media screen and (min-width: 1180px) {
.container {
width: calc(100% - 30px * 2);
max-width: 1120px;
}
}
@media screen and (min-width: 768px) {
.container {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
.container-pc, .main-row {
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.container-pc, .main-row {
width: calc(100% - 15px * 2);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.container-pc, .main-row {
width: calc(100% - 15px * 2);
}
}
@media screen and (min-width: 1180px) {
.container-pc, .main-row {
width: calc(100% - 30px * 2);
max-width: 1120px;
}
}
@media screen and (min-width: 768px) {
.ns-row-container-pc, .ns-row-pc, .single-widgets, .single-related-list, .archive-list, .flexible-news-2col-row, .flexible-baseshop-list {
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.ns-row-container, .ns-row {
margin-left: auto;
margin-right: auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-container-pc, .ns-row-container {
width: calc(100% - 15px * 2 + 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-container-pc, .ns-row-container {
width: calc(100% - 15px * 2 + 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-container-pc, .ns-row-container {
width: calc(100% - 30px * 2 + 40px);
max-width: 1160px;
}
}
.ns-row-container {
padding-left: 8px;
padding-right: 8px;
}
@media screen and (min-width: 768px) {
.ns-row-container {
padding-left: 0;
padding-right: 0;
}
}
.ns-row {
margin-left: -7px;
margin-right: -7px;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-pc, .single-widgets, .single-related-list, .archive-list, .flexible-news-2col-row, .flexible-baseshop-list, .ns-row {
margin-left: -10px;
margin-right: -10px;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-pc, .single-widgets, .single-related-list, .archive-list, .flexible-news-2col-row, .flexible-baseshop-list, .ns-row {
margin-left: -10px;
margin-right: -10px;
}
}
@media screen and (min-width: 1180px) {
.ns-row-pc, .single-widgets, .single-related-list, .archive-list, .flexible-news-2col-row, .flexible-baseshop-list, .ns-row {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (max-width: 767px) {
.ns-col-sm, .ns-col, .ns-col-sm-1_4, .ns-col-sm-3_4, .ns-col-3_4, .ns-col-sm-1_3, .ns-col-1_3, .ns-col-sm-2_3, .ns-col-2_3, .ns-col-sm-1_2, .ns-col-1_2, .ns-col-sm-1_1, .ns-col-1_1 {
margin-left: 7px;
margin-right: 7px;
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-col-md, .ns-col-pc, .ns-col, .flexible-baseshop-item, .flexible-baseshop-item-dummy, .ns-col-md-1_4, .ns-col-pc-1_4, .archive-list-4-cols .archive-item, .ns-col-md-3_4, .ns-col-pc-3_4, .ns-col-3_4, .ns-col-md-1_3, .ns-col-pc-1_3, .ns-col-1_3, .single-related-list .archive-item, .archive-list-3-cols .archive-item, .ns-col-md-2_3, .ns-col-pc-2_3, .ns-col-2_3, .ns-col-md-1_2, .ns-col-pc-1_2, .ns-col-1_2, .single-widgets > .widget, .archive-list-2-cols .archive-item, .flexible-news-2col-col, .ns-col-md-1_1, .ns-col-pc-1_1, .ns-col-1_1 {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-col-lg, .ns-col-pc, .ns-col, .flexible-baseshop-item, .flexible-baseshop-item-dummy, .ns-col-lg-1_4, .ns-col-pc-1_4, .archive-list-4-cols .archive-item, .ns-col-lg-3_4, .ns-col-pc-3_4, .ns-col-3_4, .ns-col-lg-1_3, .ns-col-pc-1_3, .ns-col-1_3, .single-related-list .archive-item, .archive-list-3-cols .archive-item, .ns-col-lg-2_3, .ns-col-pc-2_3, .ns-col-2_3, .ns-col-lg-1_2, .ns-col-pc-1_2, .ns-col-1_2, .single-widgets > .widget, .archive-list-2-cols .archive-item, .flexible-news-2col-col, .ns-col-lg-1_1, .ns-col-pc-1_1, .ns-col-1_1 {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (min-width: 1180px) {
.ns-col-xl, .ns-col-pc, .ns-col, .flexible-baseshop-item, .flexible-baseshop-item-dummy, .ns-col-xl-1_4, .ns-col-pc-1_4, .archive-list-4-cols .archive-item, .ns-col-xl-3_4, .ns-col-pc-3_4, .ns-col-3_4, .ns-col-xl-1_3, .ns-col-pc-1_3, .ns-col-1_3, .single-related-list .archive-item, .archive-list-3-cols .archive-item, .ns-col-xl-2_3, .ns-col-pc-2_3, .ns-col-2_3, .ns-col-xl-1_2, .ns-col-pc-1_2, .ns-col-1_2, .single-widgets > .widget, .archive-list-2-cols .archive-item, .flexible-news-2col-col, .ns-col-xl-1_1, .ns-col-pc-1_1, .ns-col-1_1 {
margin-left: 20px;
margin-right: 20px;
}
}
@media screen and (max-width: 767px) {
.ns-col-sm-1_4 {
width: calc(25% - 14px);
}
}
@media screen and (max-width: 767px) {
.ns-col-sm-3_4, .ns-col-3_4 {
width: calc(25% * 3 - 14px);
}
}
@media screen and (max-width: 767px) {
.ns-col-sm-1_3, .ns-col-1_3 {
width: calc(33.3333% - 14px);
}
}
@media screen and (max-width: 767px) {
.ns-col-sm-2_3, .ns-col-2_3 {
width: calc(33.3333% * 2 - 14px);
}
}
@media screen and (max-width: 767px) {
.ns-col-sm-1_2, .ns-col-1_2 {
width: calc(50% - 14px);
}
}
@media screen and (max-width: 767px) {
.ns-col-sm-1_1, .ns-col-1_1 {
width: calc(100% - 14px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-col-md-1_4, .ns-col-pc-1_4, .archive-list-4-cols .archive-item {
width: calc(25% - 20px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-col-md-3_4, .ns-col-pc-3_4, .ns-col-3_4 {
width: calc(25% * 3 - 20px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-col-md-1_3, .ns-col-pc-1_3, .ns-col-1_3, .single-related-list .archive-item, .archive-list-3-cols .archive-item {
width: calc(33.3333% - 20px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-col-md-2_3, .ns-col-pc-2_3, .ns-col-2_3 {
width: calc(33.3333% * 2 - 20px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-col-md-1_2, .ns-col-pc-1_2, .ns-col-1_2, .single-widgets > .widget, .archive-list-2-cols .archive-item, .flexible-news-2col-col {
width: calc(50% - 20px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-col-md-1_1, .ns-col-pc-1_1, .ns-col-1_1 {
width: calc(100% - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-col-lg-1_4, .ns-col-pc-1_4, .archive-list-4-cols .archive-item {
width: calc(25% - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-col-lg-3_4, .ns-col-pc-3_4, .ns-col-3_4 {
width: calc(25% * 3 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-col-lg-1_3, .ns-col-pc-1_3, .ns-col-1_3, .single-related-list .archive-item, .archive-list-3-cols .archive-item {
width: calc(33.3333% - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-col-lg-2_3, .ns-col-pc-2_3, .ns-col-2_3 {
width: calc(33.3333% * 2 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-col-lg-1_2, .ns-col-pc-1_2, .ns-col-1_2, .single-widgets > .widget, .archive-list-2-cols .archive-item, .flexible-news-2col-col {
width: calc(50% - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-col-lg-1_1, .ns-col-pc-1_1, .ns-col-1_1 {
width: calc(100% - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-col-xl-1_4, .ns-col-pc-1_4, .archive-list-4-cols .archive-item {
width: calc(25% - 40px);
}
}
@media screen and (min-width: 1180px) {
.ns-col-xl-3_4, .ns-col-pc-3_4, .ns-col-3_4 {
width: calc(25% * 3 - 40px);
}
}
@media screen and (min-width: 1180px) {
.ns-col-xl-1_3, .ns-col-pc-1_3, .ns-col-1_3, .single-related-list .archive-item, .archive-list-3-cols .archive-item {
width: calc(33.3333% - 40px);
}
}
@media screen and (min-width: 1180px) {
.ns-col-xl-2_3, .ns-col-pc-2_3, .ns-col-2_3 {
width: calc(33.3333% * 2 - 40px);
}
}
@media screen and (min-width: 1180px) {
.ns-col-xl-1_2, .ns-col-pc-1_2, .ns-col-1_2, .single-widgets > .widget, .archive-list-2-cols .archive-item, .flexible-news-2col-col {
width: calc(50% - 40px);
}
}
@media screen and (min-width: 1180px) {
.ns-col-xl-1_1, .ns-col-pc-1_1, .ns-col-1_1 {
width: calc(100% - 40px);
}
}
.pagination {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
text-align: center;
}
@media screen and (min-width: 768px) {
.pagination {
display: block;
}
}
.pagination span, .pagination a {
position: relative;
box-sizing: border-box;
display: inline-block;
width: auto;
height: 45px;
padding-left: 12px;
padding-right: 12px;
line-height: 45px;
color: inherit;
font-size: 14px;
text-decoration: none;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #e8e8e8;
}
@media screen and (min-width: 768px) {
.pagination span, .pagination a {
margin: 3px 8px;
padding-left: 18px;
padding-right: 18px;
}
}
.pagination .disabled {
color: #aaaaaa;
}
.pagination .current {
border: none;
}
.pagination a:hover {
top: 1px;
color: inherit;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}
.pagination .first, .pagination .prev, .pagination .pagenum, .pagination .next, .pagination .last {
display: none;
}
@media screen and (min-width: 768px) {
.pagination .first, .pagination .prev, .pagination .pagenum, .pagination .next, .pagination .last {
display: inline-block;
}
}
.pagination .paged {
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
margin-left: 8px;
margin-right: 8px;
}
@media screen and (min-width: 768px) {
.pagination .paged {
width: auto;
}
}
.pagination .sp-prev, .pagination .sp-next {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}
@media screen and (min-width: 768px) {
.pagination .sp-prev, .pagination .sp-next {
display: none;
}
}
.ns-corner-round {
border-radius: 6px;
}
.ns-corner-round-top {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.ns-corner-round-bottom {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.ns-corner-round-left {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.ns-corner-round-right {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.ns-corner-round-s {
border-radius: 4px;
}
.ns-corner-round-s-top {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.ns-corner-round-s-bottom {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.ns-corner-round-s-left {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ns-corner-round-s-right {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.ns-corner-round-xs {
border-radius: 2px;
}
.ns-corner-round-xs-top {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.ns-corner-round-xs-bottom {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.ns-corner-round-xs-left {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.ns-corner-round-xs-right {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.ns-corner-round.widget_search .search-field {
border-radius: 6px;
}
.ns-corner-round.widget_search .widgettitle-main + .search-form .search-field {
border-top-left-radius: 0;
border-top-right-radius: 0;
} #sp-only {
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 1px;
z-index: 0;
}
@media screen and (min-width: 768px) {
#sp-only {
display: none;
}
}
#wrap {
position: relative;
max-width: 100%;
overflow: hidden;
}
.display-loading-screen {
width: 100%;
height: 100%;
overflow: hidden;
}
.content-bg-image-white {
background-image: url(//1st-step25.com/wp-content/themes/new-standard-3/images/common/main-bg-white.png?1475825075);
}
.content-bg-image-white-wide {
background-image: url(//1st-step25.com/wp-content/themes/new-standard-3/images/common/main-bg-white-wide.png?1475825075);
}
.common-info-container {
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 1.6;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.common-info-container {
width: calc(100% - 15px * 2);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.common-info-container {
width: calc(100% - 15px * 2);
}
}
@media screen and (min-width: 1180px) {
.common-info-container {
width: calc(100% - 30px * 2);
max-width: 1120px;
}
}
@media screen and (min-width: 768px) {
.common-info-container {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 768px) {
.common-info-container {
text-align: center;
}
}
.common-info-container a {
transition: opacity 0.1s;
color: inherit;
}
.common-info-container a:hover, .common-info-container a:active {
opacity: 0.8;
transition: opacity 0.3s;
}
#breadcrumb {
background-color: rgba(145, 163, 174, 0.2);
}
#breadcrumb a {
text-decoration: none;
}
#breadcrumb ul {
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 14px;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
#breadcrumb ul {
width: calc(100% - 15px * 2);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
#breadcrumb ul {
width: calc(100% - 15px * 2);
}
}
@media screen and (min-width: 1180px) {
#breadcrumb ul {
width: calc(100% - 30px * 2);
max-width: 1120px;
}
}
@media screen and (min-width: 768px) {
#breadcrumb ul {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
#breadcrumb ul li {
display: inline;
line-height: 16px;
}
#breadcrumb ul li:before {
content: ">";
display: inline;
margin-left: 4px;
margin-right: 4px;
}
#breadcrumb ul li:first-child:before {
display: none;
}
.footer-widgets-container {
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
.footer-widgets-container {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 768px) {
.footer-widgets-container {
padding-top: 60px;
padding-bottom: 60px;
}
}
.footer-widgets-col + .footer-widgets-col {
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.footer-widgets-col + .footer-widgets-col {
margin-top: 0;
}
}
.footer-copyright-container {
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 20px;
font-size: 14px;
text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.footer-copyright-container {
width: calc(100% - 15px * 2);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.footer-copyright-container {
width: calc(100% - 15px * 2);
}
}
@media screen and (min-width: 1180px) {
.footer-copyright-container {
width: calc(100% - 30px * 2);
max-width: 1120px;
}
}
@media screen and (min-width: 768px) {
.footer-copyright-container {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
.footer-fix {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 20;
}
.pageup {
display: none;
position: absolute;
right: 15px;
top: -51px;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 36px;
text-align: center;
border-radius: 18px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.pageup-pc {
right: 15px;
top: -51px;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.pageup-pc {
right: 15px;
top: -51px;
}
}
@media screen and (min-width: 1180px) {
.pageup-pc {
right: 30px;
top: -66px;
}
}
.footer-tel {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-left: 15px;
padding-right: 15px;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
background-color: #ffffff;
box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
.footer-tel {
display: none;
}
}
.footer-tel-left {
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
padding-right: 15px;
}
.footer-tel-number {
white-space: nowrap;
line-height: 1;
font-size: 15px;
}
.footer-tel-number a {
color: inherit;
text-decoration: none;
}
.footer-tel-hours {
margin-top: 3px;
line-height: 1.2;
font-size: 9px;
}
.footer-tel-hours i {
line-height: inherit;
vertical-align: bottom;
}
.footer-tel-right {
-ms-flex: 0 0 100px;
-webkit-flex: 0 0 100px;
flex: 0 0 100px;
}
.footer-tel-full {
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
.footer-tel-button {
display: block;
height: 35px;
line-height: 35px;
font-size: 12px;
text-align: center;
text-decoration: none;
}
.footer-tel-button i {
line-height: inherit;
vertical-align: bottom;
}
.footer-tel-button .bx {
line-height: 35px;
font-size: 16px;
vertical-align: bottom;
} .main-row {
*zoom: 1;
}
.main-row:after {
content: "";
display: table;
clear: both;
}
.main-full, .main-left, .main-right, #sidebar {
padding-bottom: 15px;
}
.main-full {
margin-left: auto;
margin-right: auto;
max-width: 830px;
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.main-left, .main-right {
width: calc(((100% + 20px) / 4) * 3 - 20px);
}
}
@media screen and (min-width: 1180px) {
.main-left, .main-right {
width: calc(((100% + 40px) / 4) * 3 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.main-left-tb-horizontal, .main-right-tb-horizontal {
width: calc(((100% + 20px) / 4) * 3 - 20px);
}
}
#sidebar {
padding-left: 15px;
padding-right: 15px;
}
@media screen and (min-width: 768px) {
#sidebar {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.sidebar-left, .sidebar-right {
width: calc((100% + 20px) / 4 - 20px);
}
}
@media screen and (min-width: 1180px) {
.sidebar-left, .sidebar-right {
width: calc((100% + 40px) / 4 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.sidebar-left-tb-horizontal, .sidebar-right-tb-horizontal {
width: calc((100% + 20px) / 4 - 20px);
}
}
@media screen and (min-width: 960px) {
.main-left-tb-vertical, .sidebar-left-tb-vertical {
float: left;
}
}
@media screen and (min-width: 768px) {
.main-left-tb-horizontal, .sidebar-left-tb-horizontal {
float: left;
}
}
@media screen and (min-width: 960px) {
.main-right-tb-vertical, .sidebar-right-tb-vertical {
float: right;
}
}
@media screen and (min-width: 768px) {
.main-right-tb-horizontal, .sidebar-right-tb-horizontal {
float: right;
}
} .page-main-row {
padding-top: 15px;
}
@media screen and (min-width: 768px) {
.page-main-row {
padding-top: 60px;
padding-bottom: 80px;
}
}
.page-eyecatch {
position: relative;
}
.page-eyecatch-has-image {
padding-top: 38.3%;
background-size: cover;
background-position: center center;
}
@media screen and (min-width: 768px) {
.page-eyecatch-has-image {
height: 250px;
padding-top: 0;
}
}
.page-eyecatch-has-image-title {
color: #ffffff;
position: absolute;
top: 0;
left: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 100%;
height: 100%;
}
@media screen and (min-width: 768px) {
.page-eyecatch-has-image-title {
position: static;
}
}
.page-eyecatch-no-image {
padding-top: 30px;
padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
.page-eyecatch-no-image {
padding-top: 60px;
padding-bottom: 0;
}
}
.page-eyecatch-title {
padding-left: 15px;
padding-right: 15px;
line-height: 1.2;
font-size: 24px;
text-align: center;
}
.page-eyecatch-title-dark {
background-color: rgba(0, 0, 0, 0.3);
}
.page-main-header {
margin-bottom: 22px;
}
.page-main-header-title {
font-size: 20px;
font-weight: bold;
}
.page-main-box {
margin-left: auto;
margin-right: auto;
width: calc(100% - 15px * 2);
padding-top: 15px;
padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
.page-main-box {
width: auto;
padding-top: 45px;
padding-bottom: 45px;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.main-full .page-main-box {
padding-left: 60px;
padding-right: 60px;
}
}
.page-main-contact {
margin-top: 22px;
} .single-main-row {
padding-top: 15px;
}
@media screen and (min-width: 768px) {
.single-main-row {
padding-top: 60px;
padding-bottom: 65px;
}
}
.single-main-box {
margin-left: auto;
margin-right: auto;
width: calc(100% - 15px * 2);
padding-top: 15px;
padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
.single-main-box {
width: auto;
padding-top: 30px;
padding-bottom: 30px;
}
}
.single-header {
margin-bottom: 30px;
border-bottom: 1px solid #e8e8e8;
}
.single-header-info {
margin-bottom: 6px;
}
@media screen and (min-width: 768px) {
.single-header-info {
margin-bottom: 10px;
}
}
.single-date {
display: inline-block;
margin-right: 14px;
margin-bottom: 10px;
line-height: 22px;
font-size: 12px;
vertical-align: bottom;
}
@media screen and (min-width: 768px) {
.single-date {
display: block;
margin-right: 0;
margin-bottom: 14px;
line-height: 1.2;
font-size: 15px;
}
}
.single-term {
display: inline;
}
@media screen and (min-width: 768px) {
.single-term {
display: block;
}
}
.single-category, .single-tag {
display: inline;
}
.single-category-item, .single-tag-item {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
vertical-align: bottom;
}
.single-category-label, .single-tag-label {
display: block;
height: 20px;
padding-left: 10px;
padding-right: 10px;
line-height: 20px;
font-size: 12px;
text-decoration: none;
border-radius: 2px;
}
.single-title {
margin-bottom: 16px;
line-height: 1.4;
font-size: 20px;
font-weight: bold;
}
@media screen and (min-width: 768px) {
.single-title {
margin-bottom: 26px;
font-size: 26px;
}
}
.single-header-author {
height: 30px;
margin-bottom: 30px;
line-height: 30px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.single-header-author-avatar {
margin-right: 10px;
}
.single-header-author-avatar img {
height: 30px;
width: 30px;
vertical-align: middle;
}
.single-header-author-name {
color: inherit;
font-weight: bold;
text-decoration: none;
}
.single-header-author-name:hover, .single-header-author-name:active {
color: inherit;
}
.single-eyecatch {
margin-bottom: 30px;
text-align: center;
}
.single-eyecatch-img {
width: auto;
max-width: 100%;
height: auto;
max-height: 578px;
vertical-align: bottom;
}
.single-sns-header {
margin-bottom: 30px;
}
.single-sns-header.single-sns-tile {
margin-bottom: 20px;
}
.single-sns-footer {
margin-top: 22px;
padding-top: 30px;
border-top: 1px solid #e8e8e8;
}
.single-sns-footer.single-sns-tile {
margin-bottom: -10px;
}
.single-sns-tile .single-sns-items {
*zoom: 1;
margin-left: -5px;
margin-right: -5px;
}
.single-sns-tile .single-sns-items:after {
content: "";
display: table;
clear: both;
}
.single-sns-bar .single-sns-items {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
overflow: hidden;
}
.single-sns-tile .single-sns-item {
float: left;
width: 25%;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
.single-sns-bar .single-sns-item {
width: 50%;
}
.single-sns-btn {
position: relative;
display: block;
color: #ffffff;
text-decoration: none;
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
cursor: pointer;
transition: opacity 0.1s;
}
.single-sns-btn:hover, .single-sns-btn:active {
opacity: 0.8;
transition: opacity 0.3s;
}
.single-sns-btn:hover, .single-sns-btn:active {
color: #ffffff;
}
.single-sns-tile .single-sns-btn {
height: 36px;
line-height: 36px;
font-size: 11px;
}
@media screen and (min-width: 768px) {
.single-sns-tile .single-sns-btn {
padding-left: 30px;
padding-right: 30px;
text-align: center;
text-indent: 0;
}
}
.single-sns-bar .single-sns-btn {
height: 44px;
line-height: 44px;
font-size: 20px;
}
.single-sns-btn i {
display: block;
width: 20px;
height: 20px;
margin-left: auto;
margin-right: auto;
line-height: 1;
font-size: 20px;
text-indent: 0;
}
.single-sns-tile .single-sns-btn i {
margin-top: 8px;
}
@media screen and (min-width: 768px) {
.single-sns-tile .single-sns-btn i {
position: absolute;
left: 10px;
margin-left: 0;
margin-right: 0;
}
}
.single-sns-bar .single-sns-btn i {
margin-top: 12px;
margin-bottom: 12px;
}
.single-sns-btn-twitter {
background-color: #30a6df;
}
.single-sns-btn-facebook {
background-color: #3b5998;
}
.single-sns-btn-pocket {
background-color: #ee374d;
}
.single-sns-btn-feedly {
background-color: #1fb346;
}
.single-sns-btn-feedly i {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M439%20335h401v354H439z%22%2F%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M10.2%2014.7l1.1%201.1c.1.1.1.3%200%20.5l-.8.8-.1.1h-.8s-.1%200-.1-.1l-.9-.8c-.1-.1-.1-.3%200-.5l1.1-1.1c.2-.1.4-.1.5%200zm0-4.7l1.1%201.1c.1.1.1.3%200%20.5l-3.2%203.2-.1.1h-.7s-.1%200-.1-.1l-.9-.8c-.1-.1-.1-.3%200-.5L9.8%2010c.1-.1.3-.1.4%200zm0-4.6l1.1%201.1c.1.1.1.3%200%20.5l-5.5%205.5-.1.1H5s-.1%200-.1-.1l-.9-.9c-.1-.1-.1-.3%200-.5l5.8-5.8c.1%200%20.3%200%20.4.1zm1.4-3.3c-.9-.9-2.4-.9-3.3%200L.7%209.8c-.9.9-.9%202.4%200%203.3l5.5%205.5c.2.2.8.5%201.2.5h5.1c.3%200%201-.2%201.3-.5l5.5-5.5c.9-.9.9-2.4%200-3.3l-7.7-7.7zm0%200%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.single-sns-btn-line {
background-color: #00b800;
}
.single-sns-btn-line i {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15.7%2020H4.3C1.9%2020%200%2018.1%200%2015.7V4.3C0%201.9%201.9%200%204.3%200h11.3C18.1%200%2020%201.9%2020%204.3v11.3c0%202.5-1.9%204.4-4.3%204.4z%22%2F%3E%3Cg%20id%3D%22FULL_COLOR_ICON_1_%22%3E%3Cg%20id%3D%22TYPE_A_2_%22%3E%3Cpath%20d%3D%22M17.2%209.1c0-3.3-3.3-5.9-7.3-5.9S2.6%205.9%202.6%209.1c0%202.9%202.6%205.4%206.1%205.8.3.1.6.2.7.4.1.2%200%20.5%200%20.7%200%200-.1.5-.1.6%200%20.2-.1.7.6.4.8-.3%204.2-2.5%205.7-4.2%201.1-1.2%201.6-2.4%201.6-3.7%22%20fill%3D%22%2300b900%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M8.5%207.5H8c-.1%200-.1.1-.1.1v3.2c-.1.1%200%20.2.1.2h.5c.1%200%20.1-.1.1-.1V7.7c0-.1%200-.2-.1-.2M12%207.5h-.5c-.1%200-.1.1-.1.1v1.9l-1.5-2h-.6c-.1%200-.1.1-.1.1v3.2c0%20.1.1.1.1.1h.5c.1%200%20.1-.1.1-.1V9l1.5%202h.6c.1%200%20.1-.1.1-.1V7.7c0-.1%200-.2-.1-.2M7.3%2010.2H5.9V7.7c0-.1-.1-.1-.1-.1h-.6c-.1%200-.1.1-.1.1V11h2.1c.1%200%20.1-.1.1-.1v-.5c.1-.1%200-.2%200-.2M14.8%208.3c.1%200%20.1-.1.1-.1v-.5c0-.1-.1-.1-.1-.1h-2-.1V11h2.1c.1%200%20.1-.1.1-.1v-.5c0-.1-.1-.1-.1-.1h-1.4v-.6h1.4c.1%200%20.1-.1.1-.1V9c0-.1-.1-.1-.1-.1h-1.4v-.6h1.4z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.single-sns-btn-hatena {
background-color: #008fde;
}
.single-sns-btn-hatena i {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cstyle%3E.st0%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M7.8%2010.9h-1v2h.9c.6%200%201-.1%201.2-.2.2-.1.4-.4.4-.7%200-.4-.1-.6-.3-.8-.2-.2-.6-.3-1.2-.3z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15.9%200H4.1C1.8%200%200%201.8%200%204.1V16c0%202.2%201.8%204%204.1%204H16c2.3%200%204.1-1.8%204.1-4.1V4.1C20%201.8%2018.2%200%2015.9%200zm-2.6%205.5h2v6.1h-2V5.5zm-1.9%207.7c-.2.4-.5.7-.9.9-.3.2-.7.3-1.1.4-.5.1-1.2.1-2.2.1H4.5V5.5H7c1%200%201.7%200%202.1.1.4.1.8.2%201%20.3.3.2.6.4.8.7.2.3.3.7.3%201.1%200%20.5-.1.9-.4%201.2-.3.3-.7.5-1.3.7.6%200%201.1.3%201.5.7.4.4.5.9.5%201.6.2.5.1%201-.1%201.3zm2.9%201.3c-.6%200-1.2-.5-1.2-1.2%200-.6.5-1.2%201.2-1.2.6%200%201.2.5%201.2%201.2s-.6%201.2-1.2%201.2z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M8.6%209.1c.2-.1.3-.4.3-.7%200-.3-.1-.6-.3-.7-.2-.2-.6-.2-1.2-.2h-.6v1.8h.5c.7%200%201.1-.1%201.3-.2z%22%2F%3E%3C%2Fsvg%3E");
}
.single-sns-btn-email {
background-color: #2a3b4d;
}
.single-sns-btn-link {
background-color: #bda474;
}
.single-page-links {
margin-top: 22px;
padding: 16px 8px;
border-top: 1px solid #e8e8e8;
}
.single-page-links .post-page-numbers {
margin-left: 0.5em;
}
.single-content-after {
margin-top: 22px;
}
.single-cta {
margin-left: auto;
margin-right: auto;
width: calc(100% - 15px * 2);
padding-top: 15px;
padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
.single-cta {
width: auto;
padding-top: 30px;
padding-bottom: 30px;
}
}
.single-cta-title {
margin-bottom: 25px;
line-height: 1.4;
font-size: 20px;
font-weight: bold;
}
@media screen and (min-width: 768px) {
.single-cta-title {
font-size: 26px;
}
}
.single-cta-button {
margin-top: 20px;
}
.single-author {
margin-left: auto;
margin-right: auto;
width: calc(100% - 15px * 2);
}
@media screen and (min-width: 768px) {
.single-author {
width: auto;
}
}
.single-author-title {
text-align: center;
}
@media screen and (min-width: 768px) {
.single-author-title {
text-align: left;
}
}
.single-author-body {
padding-top: 15px;
padding-bottom: 15px;
}
@media screen and (min-width: 768px) {
.single-author-body {
padding-top: 30px;
padding-bottom: 30px;
}
}
.single-author-info {
*zoom: 1;
}
.single-author-info:after {
content: "";
display: table;
clear: both;
}
.single-author-image {
float: left;
margin-right: 15px;
}
.single-author-image img {
vertical-align: bottom;
}
.single-author-person {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
height: 50px;
}
@media screen and (min-width: 768px) {
.single-author-person {
float: left;
-ms-flex-flow: row;
-webkit-flex-flow: row;
flex-flow: row;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
}
.single-author-name {
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.single-author-name a {
line-height: 18px;
color: inherit;
font-size: 18px;
font-weight: bold;
text-decoration: none;
}
.single-author-position {
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
line-height: 18px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.single-author-position:before {
content: "／ ";
}
}
.single-author-sns {
margin-top: 10px;
}
@media screen and (min-width: 768px) {
.single-author-sns {
float: left;
margin-left: 30px;
}
}
.single-author-sns-item {
float: left;
}
.single-author-sns-item + .single-author-sns-item {
margin-left: 10px;
}
.single-author-sns a {
transition: opacity 0.1s;
}
.single-author-sns a:hover, .single-author-sns a:active {
opacity: 0.8;
transition: opacity 0.3s;
}
.single-author-content {
margin-top: 20px;
}
@media screen and (min-width: 768px) {
.single-author-content {
margin-left: 65px;
}
}
.single-widgets {
margin-left: auto;
margin-right: auto;
width: calc(100% - 15px * 2);
}
@media screen and (min-width: 768px) {
.single-widgets {
width: auto;
}
}
.single-widgets > .widget {
text-align: center;
}
.single-widgets > .widget + .widget {
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.single-widgets > .widget + .widget {
margin-top: 0;
}
}
.single-related {
margin-left: auto;
margin-right: auto;
width: calc(100% - 15px * 2);
}
@media screen and (min-width: 768px) {
.single-related {
width: auto;
}
}
.single-related-title {
margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
.single-related-title {
margin-bottom: 30px;
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.single-related-list {
margin-bottom: -20px;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.single-related-list {
margin-bottom: -20px;
}
}
@media screen and (min-width: 1180px) {
.single-related-list {
margin-bottom: -40px;
}
}
.single-pagenav {
margin-left: auto;
margin-right: auto;
width: calc(100% - 15px * 2);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
@media screen and (min-width: 768px) {
.single-pagenav {
width: auto;
}
}
.single-pagenav-prev, .single-pagenav-next {
width: 50%;
text-align: center;
}
@media screen and (min-width: 768px) {
.single-pagenav-prev, .single-pagenav-next {
text-align: left;
}
}
.single-pagenav-prev a {
padding-left: 30px;
padding-right: 15px;
}
@media screen and (min-width: 768px) {
.single-pagenav-prev a {
padding-left: 60px;
padding-right: 30px;
}
}
.single-pagenav-prev a i {
left: 5px;
}
.single-pagenav-next {
border-left: 1px solid #e8e8e8;
}
.single-pagenav-next a {
padding-left: 15px;
padding-right: 30px;
}
@media screen and (min-width: 768px) {
.single-pagenav-next a {
padding-left: 30px;
padding-right: 60px;
}
}
.single-pagenav-next a i {
right: 5px;
}
.single-pagenav a {
position: relative;
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
padding-top: 15px;
padding-bottom: 15px;
color: inherit;
text-decoration: none;
transition: opacity 0.1s;
}
.single-pagenav a:hover, .single-pagenav a:active {
opacity: 0.8;
transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
.single-pagenav a {
padding-top: 30px;
padding-bottom: 30px;
}
}
.single-pagenav a i {
position: absolute;
top: 50%;
height: 30px;
margin-top: -15px;
font-size: 30px;
}
.single-pagenav-sp {
display: block;
}
@media screen and (min-width: 768px) {
.single-pagenav-sp {
display: none;
}
}
.single-pagenav-pc {
display: none;
}
@media screen and (min-width: 768px) {
.single-pagenav-pc {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
}
}
.single-pagenav-date {
display: block;
color: #757575;
font-size: 12px;
}
.single-pagenav-title {
display: block;
font-size: 14px;
font-weight: bold;
}
.single-button {
text-align: center;
}
.single-button-btn {
box-sizing: border-box;
display: inline-block;
min-width: 220px;
padding: 15px 15px;
font-size: 14px;
text-align: center;
text-decoration: none;
vertical-align: bottom;
}
.single-button-btn:hover, .single-button-btn:active {
text-decoration: none;
} .archive-main-row {
padding-top: 40px;
padding-bottom: 40px;
}
.archive-main {
padding-left: 15px;
padding-right: 15px;
}
@media screen and (min-width: 768px) {
.archive-main {
padding-left: 0;
padding-right: 0;
}
}
.archive-header {
margin-bottom: 40px;
}
.archive-description {
padding: 30px;
font-size: 14px;
background-color: #ffffff;
}
.archive-item-inner {
box-sizing: border-box;
display: block;
height: 100%;
color: inherit;
text-decoration: none;
transition: opacity 0.1s;
}
.archive-item-inner:hover, .archive-item-inner:active {
opacity: 0.8;
transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
.archive-item-inner {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
-ms-flex-pac: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
.archive-item-inner:hover, .archive-item-inner:active {
color: inherit;
}
.archive-item-text {
box-sizing: content-box;
max-height: 114px;
overflow: hidden;
}
.archive-item-date {
margin-bottom: 9px;
line-height: 1;
color: #757575;
font-size: 12px;
white-space: nowrap;
}
.archive-item-title {
margin-bottom: 6px;
line-height: 22px;
font-weight: bold;
overflow: hidden;
}
.archive-item-title-2-lines {
max-height: 44px;
}
.archive-item-title-4-lines {
max-height: 88px;
}
.archive-item-excerpt {
line-height: 22px;
font-size: 14px;
}
.archive-item-category {
max-height: 25px;
font-size: 12px;
overflow: hidden;
}
.archive-item-category-wrap {
border-top: 1px solid #e8e8e8;
}
.archive-item-category-item {
display: inline-block;
max-width: 100%;
height: 20px;
margin-right: 5px;
margin-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
line-height: 18px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.archive-item-standard-image {
position: relative;
background-color: #f5f5f5;
}
.archive-item-standard-image:before {
content: "";
display: block;
padding-top: 60%;
}
.archive-item-standard-image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.archive-item-standard-text-wrap {
padding: 15px;
}
.archive-item-standard-category-wrap {
padding: 15px 15px 10px;
}
.archive-item-wide a {
padding: 15px 15px 10px;
}
@media screen and (min-width: 768px) {
.archive-item-wide a {
padding: 20px 20px 15px;
}
}
.archive-item-wide-detail {
overflow: hidden;
*zoom: 1;
}
.archive-item-wide-image img {
width: 120px;
height: 120px;
object-fit: cover;
font-family: 'object-fit: cover;';
vertical-align: bottom;
}
.archive-item-wide-image-left {
float: left;
margin-right: 15px;
}
@media screen and (min-width: 768px) {
.archive-item-wide-image-left {
margin-right: 20px;
}
}
.archive-item-wide-image-right {
float: right;
margin-left: 10px;
}
@media screen and (min-width: 768px) {
.archive-item-wide-image-right {
margin-left: 15px;
}
}
.archive-item-wide-category-wrap {
margin-top: 15px;
padding-top: 15px;
}
@media screen and (max-width: 767px) {
.archive-item-sp-wide a {
padding: 15px 15px 10px;
}
.archive-item-sp-wide-detail {
overflow: hidden;
*zoom: 1;
}
.archive-item-sp-wide-image img {
width: 120px;
height: 120px;
object-fit: cover;
font-family: 'object-fit: cover;';
vertical-align: bottom;
}
.archive-item-sp-wide-image-left {
float: left;
margin-right: 15px;
}
.archive-item-sp-wide-image-right {
float: right;
margin-left: 10px;
}
.archive-item-sp-wide-image.no-thumbnail {
display: none;
}
.archive-item-sp-wide-category-wrap {
margin-top: 15px;
padding-top: 15px;
}
}
@media screen and (min-width: 768px) {
.archive-item-sp-wide-image {
position: relative;
background-color: #f5f5f5;
}
.archive-item-sp-wide-image:before {
content: "";
display: block;
padding-top: 60%;
}
.archive-item-sp-wide-image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.archive-item-sp-wide-text-wrap {
padding: 15px;
}
.archive-item-sp-wide-category-wrap {
padding: 15px 15px 10px;
}
} #keyvisual {
position: relative;
background-color: #f5f5f5;
}
@media screen and (max-width: 767px) {
#keyvisual {
margin-bottom: 35px;
}
}
#keyvisual:before {
content: "";
box-sizing: content-box;
display: block;
height: 0;
padding-bottom: 35.8%;
}
@media screen and (max-width: 767px) {
#keyvisual.keyvisual-horizontal:before {
padding-bottom: 66.67%;
}
}
@media screen and (max-width: 767px) {
#keyvisual.keyvisual-vertical:before {
padding-bottom: 150%;
}
}
#keyvisual .bx-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#keyvisual .bx-wrapper .bxslider {
overflow: visible;
}
#keyvisual .bx-viewport {
height: 100% !important;
}
#keyvisual .bxslider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.keyvisual-item {
height: 100%;
}
.keyvisual-item img {
display: inline;
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.keyvisual-item .img-pc {
display: none;
}
@media screen and (min-width: 768px) {
.keyvisual-item .img-pc {
display: inline;
}
}
@media screen and (min-width: 768px) {
.keyvisual-item .img-sp {
display: none;
}
}
.keyvisual-item-info {
position: absolute;
left: 0;
top: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
height: 100%;
padding-left: 15px;
padding-right: 15px;
color: #ffffff;
text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.keyvisual-item-info {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.keyvisual-item-info {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 1180px) {
.keyvisual-item-info {
padding-left: 30px;
padding-right: 30px;
}
}
.keyvisual-item-info-dark {
background-color: rgba(0, 0, 0, 0.3);
}
.keyvisual-item-text {
line-height: 1.2;
}
@media screen and (min-width: 768px) {
.keyvisual-item-text {
line-height: 1.8;
}
}
.keyvisual-item-text.post-content h1, .keyvisual-item-text.post-content h2 {
border-left: none;
}
.keyvisual-item-text + .keyvisual-item-button {
margin-top: 10px;
}
@media screen and (min-width: 768px) {
.keyvisual-item-text + .keyvisual-item-button {
margin-top: 20px;
}
}
.keyvisual-item-btn {
display: inline-block;
padding: 4px 18px;
font-size: 14px;
text-decoration: none;
vertical-align: bottom;
}
@media screen and (min-width: 768px) {
.keyvisual-item-btn {
padding: 13px 30px;
}
}
.flexible-block {
padding-left: 15px;
padding-right: 15px;
}
@media screen and (min-width: 768px) {
.flexible-block {
padding-left: 0;
padding-right: 0;
}
}
.flexible-block:last-child {
padding-bottom: 0;
}
.flexible-block + .flexible-block {
padding-top: 7.5px;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.flexible-block + .flexible-block {
padding-top: 10px;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.flexible-block + .flexible-block {
padding-top: 10px;
}
}
@media screen and (min-width: 1180px) {
.flexible-block + .flexible-block {
padding-top: 20px;
}
}
.flexible-block-title {
margin-bottom: 15px;
}
@media screen and (min-width: 1180px) {
.flexible-block-title {
margin-bottom: 30px;
}
}
.flexible-contents-item {
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.flexible-contents-item-inner {
position: relative;
box-sizing: border-box;
height: 100%;
text-decoration: none;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
}
a.flexible-contents-item-inner {
transition: opacity 0.1s;
}
a.flexible-contents-item-inner:hover, a.flexible-contents-item-inner:active {
opacity: 0.8;
transition: opacity 0.3s;
}
.flexible-contents-item-inner.bg-image {
display: block;
color: #ffffff;
background-color: #757575;
}
.flexible-contents-item-inner.bg-image .image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.flexible-contents-item-inner.bg-image .content {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
min-height: 280px;
height: 100%;
}
.flexible-contents-item-inner.bg-white {
display: block;
color: inherit;
background-color: #ffffff;
}
@media screen and (min-width: 768px) {
.flexible-contents-item-inner.bg-white {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
}
}
.flexible-contents-item-inner.bg-white .image {
position: relative;
height: auto;
max-height: 280px;
}
@media screen and (min-width: 768px) {
.flexible-contents-item-inner.bg-white .image {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}
}
.flexible-contents-item-inner.bg-white .image + .content {
padding-top: 15px;
}
.flexible-contents-item-inner.bg-white .image:before {
content: "";
display: block;
padding-top: 52.63%;
}
.flexible-contents-item-inner.bg-white .image .img {
position: absolute;
left: 0;
top: 0;
}
.flexible-contents-item-inner.bg-white .content {
text-align: center;
}
@media screen and (min-width: 768px) {
.flexible-contents-item-inner.bg-white .content {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
-ms-flex-pac: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
}
@media screen and (min-width: 768px) {
.flexible-contents-item-inner.bg-white .icon, .flexible-contents-item-inner.bg-white .button {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}
}
@media screen and (min-width: 768px) {
.flexible-contents-item-inner.bg-white .text {
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
}
.flexible-contents-item .img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.flexible-contents-item .content {
position: relative;
padding-left: 15px;
padding-right: 15px;
padding-top: 30px;
padding-bottom: 30px;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.flexible-contents-item .content {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.flexible-contents-item .content {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 1180px) {
.flexible-contents-item .content {
padding-left: 30px;
padding-right: 30px;
}
}
.flexible-contents-item .content.bg-dark {
background-color: rgba(0, 0, 0, 0.3);
}
.flexible-contents-item * + .description {
margin-top: 10px;
}
.flexible-contents-item * + .button {
margin-top: 24px;
}
.flexible-contents-item .icon {
line-height: 1;
font-size: 60px;
}
.flexible-contents-item .item-title {
font-weight: bold;
}
.flexible-contents-item .description {
font-size: 14px;
}
.flexible-contents-item .btn {
display: inline-block;
min-width: 40%;
padding: 7px 16px;
font-size: 14px;
text-decoration: none;
}
.flexible-posts-button {
text-align: center;
}
.flexible-posts-btn {
display: inline-block;
padding: 13px 30px;
font-size: 14px;
text-decoration: none;
vertical-align: bottom;
}
.flexible-news-main {
padding: 15px 15px 0;
}
.flexible-news-list {
overflow: hidden;
}
.flexible-news-item {
*zoom: 1;
margin-bottom: 15px;
}
.flexible-news-item:after {
content: "";
display: table;
clear: both;
}
.flexible-news-item-date {
width: 112px;
margin-bottom: 4px;
line-height: 18px;
font-size: 12px;
text-align: center;
border-width: 1px;
border-style: solid;
}
@media screen and (min-width: 768px) {
.flexible-news-item-date {
float: left;
margin-bottom: 0;
}
}
.flexible-news-item-title {
line-height: 20px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.flexible-news-item-title {
margin-left: 122px;
}
}
.flexible-news-item a {
transition: opacity 0.1s;
color: inherit;
text-decoration: none;
}
.flexible-news-item a:hover, .flexible-news-item a:active {
opacity: 0.8;
transition: opacity 0.3s;
}
.flexible-news-footer {
margin-left: 15px;
margin-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
line-height: 1;
font-size: 14px;
text-align: center;
border-top: 1px solid #e8e8e8;
}
@media screen and (min-width: 768px) {
.flexible-news-footer {
margin-left: 0;
margin-right: 0;
}
}
.flexible-news-footer-link {
transition: opacity 0.1s;
}
.flexible-news-footer-link:hover, .flexible-news-footer-link:active {
opacity: 0.8;
transition: opacity 0.3s;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.flexible-news-a-main {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.flexible-news-a-main {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 1180px) {
.flexible-news-a-main {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (min-width: 768px) {
.flexible-news-a-item + .flexible-news-a-item {
padding-top: 15px;
border-top: 1px solid #e8e8e8;
}
}
@media screen and (min-width: 768px) {
.flexible-news-b {
position: relative;
}
}
@media screen and (min-width: 768px) {
.flexible-news-b-main {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
}
.flexible-news-b-list {
*zoom: 1;
}
.flexible-news-b-list:after {
content: "";
display: table;
clear: both;
}
@media screen and (min-width: 768px) {
.flexible-news-b-item {
float: left;
width: 50%;
margin-bottom: 20px;
}
}
@media screen and (min-width: 768px) {
.flexible-news-b-item:nth-child(odd) {
clear: both;
padding-right: 20px;
}
}
@media screen and (min-width: 768px) {
.flexible-news-b-footer {
padding: 0;
border: none;
}
}
@media screen and (min-width: 768px) {
.flexible-news-b-footer-link {
position: absolute;
right: 15px;
top: 13px;
line-height: 24px;
}
}
@media screen and (min-width: 768px) {
.flexible-news-c {
position: relative;
}
}
@media screen and (min-width: 768px) {
.flexible-news-c-header {
margin-left: 20px;
margin-right: 20px;
padding: 20px 0 10px;
text-align: left;
border-bottom: 1px solid #e8e8e8;
}
}
@media screen and (min-width: 768px) {
.flexible-news-c-main {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 768px) {
.flexible-news-c-item {
margin-bottom: 20px;
}
}
@media screen and (min-width: 768px) {
.flexible-news-c-footer {
padding: 0;
border: none;
}
}
@media screen and (min-width: 768px) {
.flexible-news-c-footer-link {
position: absolute;
right: 20px;
top: 20px;
line-height: 1.8;
}
}
.flexible-text-border-content {
padding: 15px;
}
@media screen and (min-width: 768px) {
.flexible-text-border-content {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media screen and (min-width: 768px) {
.flexible-text-wide-content.flexible-text-border-content {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (min-width: 768px) {
.flexible-text-narrow-content.flexible-text-border-content {
padding-left: 20px;
padding-right: 20px;
}
}
.flexible-faq-list {
padding-left: 15px;
padding-right: 15px;
}
@media screen and (min-width: 768px) {
.flexible-faq-list {
padding-left: 25px;
padding-right: 25px;
}
}
.flexible-faq-question {
position: relative;
padding-top: 25px;
padding-right: 30px;
padding-bottom: 25px;
font-weight: bold;
cursor: pointer;
}
.flexible-faq-question:not(:first-child) {
border-top: 1px solid #e8e8e8;
}
.flexible-faq-question i {
position: absolute;
right: 0;
top: 25px;
line-height: 28.8px;
font-size: 25px;
}
.flexible-faq-question .bx-chevron-up {
display: none;
}
.flexible-faq-question.open .bx-chevron-up {
display: inline-block;
}
.flexible-faq-question.open .bx-chevron-down {
display: none;
}
.flexible-faq-answer {
display: none;
padding-bottom: 25px;
}
.flexible-baseshop-list {
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
}
.flexible-baseshop-item {
text-align: center;
}
@media screen and (max-width: 767px) {
.flexible-baseshop-item {
margin-left: auto;
margin-right: auto;
width: 290px;
}
}
@media screen and (min-width: 768px) {
.flexible-baseshop-item {
width: 250px;
}
}
.flexible-baseshop-item-dummy {
width: 250px;
}
@media screen and (max-width: 767px) {
.flexible-baseshop-item-dummy {
display: none;
}
}
.flexible-baseshop-widget {
vertical-align: bottom;
}
@media screen and (max-width: 767px) {
.flexible-baseshop-widget.widget-pc {
display: none;
}
}
@media screen and (min-width: 768px) {
.flexible-baseshop-widget.widget-sp {
display: none;
}
}
.flexible-baseshop-taglist {
line-height: 18px;
}
.flexible-baseshop-tag {
display: inline-block;
margin-top: 8px;
margin-left: 2px;
margin-right: 2px;
padding-left: 1em;
padding-right: 1em;
font-size: 12px;
}
.flexible-baseshop-tag.soldout {
color: #ffffff;
background-color: #cc0000;
} .post-content {
*zoom: 1;
}
.post-content:after {
content: "";
display: table;
clear: both;
}
.post-content em {
font-style: italic;
}
.post-content p, .post-content ul, .post-content dl, .post-content ol, .post-content blockquote, .post-content table, .post-content pre, .post-content figure {
margin-top: 22px;
margin-bottom: 22px;
}
.post-content p:first-child, .post-content ul:first-child, .post-content dl:first-child, .post-content ol:first-child, .post-content blockquote:first-child, .post-content table:first-child, .post-content pre:first-child, .post-content figure:first-child {
margin-top: 0;
}
.post-content p:last-child, .post-content ul:last-child, .post-content dl:last-child, .post-content ol:last-child, .post-content blockquote:last-child, .post-content table:last-child, .post-content pre:last-child, .post-content figure:last-child {
margin-bottom: 0;
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
margin-top: 44px;
margin-bottom: 22px;
}
.post-content h1:first-child, .post-content h2:first-child, .post-content h3:first-child, .post-content h4:first-child, .post-content h5:first-child, .post-content h6:first-child {
margin-top: 0;
}
.post-content h1:last-child, .post-content h2:last-child, .post-content h3:last-child, .post-content h4:last-child, .post-content h5:last-child, .post-content h6:last-child {
margin-bottom: 0;
}
.post-content h1 {
line-height: 1.3;
font-size: 2em;
}
.post-content h2 {
line-height: 1.3;
font-size: 1.7em;
}
.post-content h3 {
line-height: 1.5;
font-size: 1.4em;
}
.post-content h4, .post-content h5, .post-content h6 {
font-weight: bold;
}
.post-content h4 {
line-height: 1.6;
font-size: 1.2em;
}
.post-content h5 {
line-height: 1.7;
font-size: 1.1em;
}
.post-content h6 {
font-size: 1em;
}
.post-content ol {
counter-reset: ol-number;
list-style: none;
}
.post-content ol li:before {
counter-increment: ol-number;
content: counter(ol-number) ". ";
}
.post-content img {
max-width: 100%;
height: auto;
}
.post-content .alignright, .post-content .alignleft {
clear: both;
margin-top: 10px;
margin-bottom: 10px;
}
.post-content .alignright {
float: right;
margin-left: 15px;
}
.post-content .alignleft {
float: left;
margin-right: 15px;
}
.post-content .aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
}
.post-content .wp-caption {
max-width: 100%;
text-align: center;
}
.post-content .wp-caption p {
margin-top: 5px;
}
.post-content table,
.post-content th,
.post-content td {
border: 1px solid #e8e8e8;
line-height: 1.6;
}
.post-content table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.post-content caption,
.post-content th,
.post-content td {
font-weight: normal;
text-align: left;
}
.post-content th {
border-width: 1px;
font-weight: bold;
}
.post-content td {
border-width: 1px;
}
.post-content th, .post-content td {
padding: 10px;
}
.post-content blockquote {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-left: 2em;
font-style: italic;
border-left: 3px solid #c6c6c6;
}
.post-content dt {
margin-top: 22px;
font-weight: bold;
}
.post-content ul {
padding-left: 20px;
list-style: disc;
}
.post-content ol ol {
padding-left: 20px;
}
.post-content pre {
padding: 20px;
background-color: #f5f5f5;
border: 1px solid #e8e8e8;
}
.post-content figure {
line-height: 0;
}
.post-content figcaption {
line-height: 1.2;
font-size: 0.9em;
}
.post-content img + figcaption {
margin-top: 8px;
}
.post-content embed, .post-content iframe, .post-content object, .post-content video {
max-width: 100%;
}
.post-content .gallery div, .post-content .gallery figure {
margin-top: 0;
margin-bottom: 0;
}
.post-content hr {
height: 0;
border: none;
border-top: 1px solid #e8e8e8;
}
.post-content .ns-row {
margin-top: 22px;
margin-bottom: 22px;
}
.post-content .ns-row:first-child {
margin-top: 0;
}
.post-content .ns-row:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.post-content .ns-row {
display: block;
}
}
@media screen and (max-width: 767px) {
.post-content .ns-col {
margin-top: 22px;
margin-bottom: 22px;
}
.post-content .ns-col:first-child {
margin-top: 0;
}
.post-content .ns-col:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.post-content .alignlight, .post-content .alignright {
margin-left: auto;
margin-right: auto;
float: none;
display: block;
margin-top: 0;
}
}
.post-content-block-editor .wp-block-latest-comments li:before {
display: none;
}
.post-content-block-editor .wp-block-latest-comments__comment-excerpt p {
margin: 5px 0 20px;
}
.post-content-block-editor .wp-block-columns {
margin-top: 5px;
}
.post-content-block-editor .wp-block-gallery {
padding-left: 0;
}
@media (min-width: 600px) {
.post-content-block-editor .wp-block-column {
margin-left: 10px;
margin-right: 10px;
}
}
.post-content-block-editor .wp-block-column:first-child {
margin-left: 0;
}
.post-content-block-editor .wp-block-column:last-child {
margin-right: 0;
} html:lang(ja) .mwform-tel-field input[type="text"] {
max-width: 80px;
} .post-content .ns-content-table {
max-width: 620px;
margin-top: 44px;
margin-left: auto;
margin-right: auto;
margin-bottom: 44px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.post-content .ns-content-table {
margin-left: 0;
margin-right: 0;
}
}
.post-content .ns-content-table a {
color: inherit;
text-decoration: none;
}
.post-content .ns-content-table a:hover, .post-content .ns-content-table a:active {
text-decoration: underline;
}
.post-content .nsct-inner {
padding-top: 22px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 22px;
background-color: #f5f5f5;
border-top-style: solid;
border-top-width: 5px;
}
.post-content .nsct-title {
margin-bottom: 12px;
line-height: 1.5;
font-size: 1.1em;
font-weight: bold;
}
.post-content .nsct-list {
list-style: none;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.post-content .nsct-list .nsct-list {
padding-left: 1em;
}
.post-content .nsct-item-dot {
padding-left: 1em;
text-indent: -1em;
}
.post-content .nsct-item-dot:before {
content: "・";
}
.post-content .nsct-item-dot > .nsct-list {
padding-left: 0;
}
.post-content .nsct-item-index:after {
content: ".";
} @media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-1 .ns-col-1 {
width: calc(100% * 1 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-1 .ns-col-1 {
width: calc(100%  * 1 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-1 .ns-col-1 {
width: calc(100%  * 1 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-2 .ns-col-1 {
width: calc(50% * 1 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-2 .ns-col-1 {
width: calc(50%  * 1 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-2 .ns-col-1 {
width: calc(50%  * 1 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-2 .ns-col-2 {
width: calc(50% * 2 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-2 .ns-col-2 {
width: calc(50%  * 2 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-2 .ns-col-2 {
width: calc(50%  * 2 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-3 .ns-col-1 {
width: calc(33.3333% * 1 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-3 .ns-col-1 {
width: calc(33.3333%  * 1 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-3 .ns-col-1 {
width: calc(33.3333%  * 1 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-3 .ns-col-2 {
width: calc(33.3333% * 2 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-3 .ns-col-2 {
width: calc(33.3333%  * 2 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-3 .ns-col-2 {
width: calc(33.3333%  * 2 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-3 .ns-col-3 {
width: calc(33.3333% * 3 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-3 .ns-col-3 {
width: calc(33.3333%  * 3 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-3 .ns-col-3 {
width: calc(33.3333%  * 3 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-4 .ns-col-1 {
width: calc(25% * 1 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-4 .ns-col-1 {
width: calc(25%  * 1 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-4 .ns-col-1 {
width: calc(25%  * 1 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-4 .ns-col-2 {
width: calc(25% * 2 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-4 .ns-col-2 {
width: calc(25%  * 2 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-4 .ns-col-2 {
width: calc(25%  * 2 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-4 .ns-col-3 {
width: calc(25% * 3 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-4 .ns-col-3 {
width: calc(25%  * 3 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-4 .ns-col-3 {
width: calc(25%  * 3 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-4 .ns-col-4 {
width: calc(25% * 4 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-4 .ns-col-4 {
width: calc(25%  * 4 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-4 .ns-col-4 {
width: calc(25%  * 4 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-5 .ns-col-1 {
width: calc(20% * 1 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-5 .ns-col-1 {
width: calc(20%  * 1 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-5 .ns-col-1 {
width: calc(20%  * 1 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-5 .ns-col-2 {
width: calc(20% * 2 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-5 .ns-col-2 {
width: calc(20%  * 2 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-5 .ns-col-2 {
width: calc(20%  * 2 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-5 .ns-col-3 {
width: calc(20% * 3 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-5 .ns-col-3 {
width: calc(20%  * 3 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-5 .ns-col-3 {
width: calc(20%  * 3 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-5 .ns-col-4 {
width: calc(20% * 4 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-5 .ns-col-4 {
width: calc(20%  * 4 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-5 .ns-col-4 {
width: calc(20%  * 4 - 40px);
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.ns-row-5 .ns-col-5 {
width: calc(20% * 5 - 20px);
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.ns-row-5 .ns-col-5 {
width: calc(20%  * 5 - 20px);
}
}
@media screen and (min-width: 1180px) {
.ns-row-5 .ns-col-5 {
width: calc(20%  * 5 - 40px);
}
}
.ns-col-table, .ns-scroll-table {
margin-top: 22px;
margin-bottom: 22px;
}
.ns-col-table:first-child, .ns-scroll-table:first-child {
margin-top: 0;
}
.ns-col-table:last-child, .ns-scroll-table:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 568px) {
.ns-col-table {
clear: both;
}
.ns-col-table table, .ns-col-table thead, .ns-col-table tbody, .ns-col-table tfoot, .ns-col-table tr, .ns-col-table th, .ns-col-table td {
display: block;
width: auto !important;
height: auto !important;
}
.ns-col-table table th, .ns-col-table table td {
border-bottom: none;
border-left: none;
border-right: none;
}
.ns-col-table table tr:first-of-type th:first-child, .ns-col-table table tr:first-of-type td:first-child {
border-top: none;
}
}
@media screen and (max-width: 568px) {
.ns-scroll-table {
clear: both;
width: 100%;
white-space: nowrap;
overflow-x: auto;
}
.ns-scroll-table table {
table-layout: auto;
}
}  .ns-box, .ns-box-square, .ns-box-round {
margin-bottom: 22px;
padding: 20px;
overflow: hidden;
*zoom: 1;
border-style: solid;
border-width: 1px;
border-color: #aaaaaa;
}
.ns-box:last-child, .ns-box-square:last-child, .ns-box-round:last-child {
margin-bottom: 0;
}
.ns-box-radius, .ns-box-round {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.ns-button, .ns-button-color-large, .ns-button-color-medium, .ns-button-color-small, .ns-button-gray-large, .ns-button-gray-medium, .ns-button-gray-small {
box-sizing: border-box;
display: inline-block;
max-width: 100%;
margin-bottom: 15px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
letter-spacing: 1px;
font-size: 18px;
text-align: center;
text-decoration: none;
}
.ns-button-large, .ns-button-color-large, .ns-button-gray-large {
width: 100%;
}
.ns-button-medium, .ns-button-color-medium, .ns-button-gray-medium {
width: 50%;
}
@media screen and (max-width: 768px) {
.ns-button-medium, .ns-button-color-medium, .ns-button-gray-medium {
width: 80%;
}
}
.ns-button-custom-color:hover, .ns-button-custom-color:active {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
opacity: 0.85;
}
.ns-button-gray, .ns-button-gray-large, .ns-button-gray-medium, .ns-button-gray-small {
color: inherit;
background-color: #f5f5f5;
border: 1px solid #e8e8e8;
}
.ns-button-gray:hover, .ns-button-gray-large:hover, .ns-button-gray-medium:hover, .ns-button-gray-small:hover, .ns-button-gray:active, .ns-button-gray-large:active, .ns-button-gray-medium:active, .ns-button-gray-small:active {
color: inherit;
background-color: rgba(234, 234, 234, 0.4);
} @media screen and (max-width: 767px) {
.admin-bar.sp-header-fix #header {
margin-top: 46px;
}
.admin-bar.sp-header-fix .header-nav {
max-height: calc(100vh - 46px);
}
}
@media screen and (max-width: 600px) {
.sp-header-fix #wpadminbar {
position: fixed;
}
}@media screen and (max-width: 767px) {
.sp-header-fix #wrap {
padding-top: 50px;
}
.sp-header-fix #header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 20;
}
.sp-header-fix .header-nav {
max-height: 100vh;
overflow: auto;
}
}
#header {
position: relative;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
z-index: 10;
}
@media screen and (min-width: 768px) {
#header {
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
}
.header-bar {
display: none;
}
@media screen and (min-width: 960px) {
.header-bar {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pac: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 40px;
line-height: 40px;
}
}
.header-bar-tel {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
overflow: hidden;
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.header-bar-tel {
padding-left: 15px;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.header-bar-tel {
padding-left: 15px;
}
}
@media screen and (min-width: 1180px) {
.header-bar-tel {
padding-left: 30px;
}
}
.header-bar-tel-number {
white-space: nowrap;
font-size: 18px;
}
.header-bar-tel-number i {
line-height: inherit;
vertical-align: bottom;
}
.header-bar-tel-number a {
color: inherit;
text-decoration: none;
}
.header-bar-tel-number i {
margin-right: 0.2em;
}
.header-bar-tel-hours {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-left: 20px;
font-size: 13px;
line-height: 1;
}
.header-bar-right {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.header-bar-right:first-child {
width: 100%;
-ms-flex-pac: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.header-bar-button {
white-space: nowrap;
height: 100%;
}
.header-bar-button i {
line-height: inherit;
vertical-align: bottom;
}
.header-bar-button a {
display: block;
height: 100%;
padding-left: 2em;
padding-right: 2em;
font-size: 14px;
text-align: center;
text-decoration: none;
}
.header-bar-sns {
display: none;
}
@media screen and (min-width: 960px) {
.header-bar-sns {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
#qtranxs_select_qtransxf-select-header-bar-chooser {
height: 40px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 24px;
}
.header-main-wrap {
position: relative;
z-index: 20;
}
.header-main-outer {
position: relative;
}
@media screen and (max-width: 959px) {
.header-main-outer {
position: relative;
z-index: 10;
}
}
.header-main {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
.header-main {
height: 50px;
}
}
@media screen and (max-width: 959px) {
.header-main {
padding-left: 15px;
padding-right: 5px;
}
}
@media screen and (min-width: 960px) {
.header-main {
-ms-flex-pac: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
min-height: 60px;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.header-main-standard-left {
padding-left: 15px;
}
}
@media screen and (min-width: 1180px) {
.header-main-standard-left {
padding-left: 30px;
}
}
.header-main-sns {
display: none;
}
@media screen and (min-width: 960px) {
.header-main-sns {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.header-main-standard-center:before {
-ms-flex: 0 0 70px;
-webkit-flex: 0 0 70px;
flex: 0 0 70px;
content: "";
display: block;
}
}
@media screen and (min-width: 960px) {
.header-main-standard-center .header-title {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.header-main-standard-center .header-title {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.header-main-standard-center .header-title-pc {
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.header-main-standard-center .header-sp-button {
-ms-flex: 0 0 70px;
-webkit-flex: 0 0 70px;
flex: 0 0 70px;
}
}
@media screen and (min-width: 960px) {
.header-main-standard-center-cols:before {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
content: "";
display: block;
width: 360px;
}
}
@media screen and (min-width: 960px) {
.header-main-standard-center-cols .header-sns {
-ms-flex-pac: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
width: 360px;
}
}
@media screen and (min-width: 960px) {
.header-main-standard-center-full .header-title {
width: 100%;
}
}
.header-main-standard-center-full .header-title-pc {
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
}
.header-main a {
color: inherit;
}
.header-title {
-ms-flex-item-align: center;
-webkit-align-self: center;
align-self: center;
margin-right: 10px;
}
@media screen and (max-width: 959px) {
.header-title {
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}
}
@media screen and (min-width: 960px) {
.header-title {
margin-right: 0;
}
}
.header-title a {
display: block;
text-decoration: none;
}
.header-title img {
display: block;
}
.header-title-sp {
max-height: 44px;
line-height: 22px;
font-size: 18px;
font-weight: bold;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.header-title-sp {
display: none;
}
}
.header-title-sp img {
width: auto;
max-height: 40px;
}
.header-title-pc {
display: none;
}
@media screen and (min-width: 768px) {
.header-title-pc {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
line-height: 25px;
font-size: 20px;
font-weight: bold;
}
}
.header-title-pc img {
width: auto;
max-height: 90px;
}
.header-sp-button {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pac: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
@media screen and (min-width: 960px) {
.header-sp-button {
display: none;
}
}
.header-sp-search, .header-sp-menu {
-ms-flex: 0 0 35px;
-webkit-flex: 0 0 35px;
flex: 0 0 35px;
-ms-flex-item-align: center;
-webkit-align-self: center;
align-self: center;
width: 35px;
height: 35px;
line-height: 35px;
font-size: 28px;
text-align: center;
}
@media screen and (min-width: 960px) {
.header-sp-search, .header-sp-menu {
display: none;
}
}
.header-sp-search-btn, .header-sp-menu-btn {
cursor: pointer;
}
.header-sp-menu-btn {
position: relative;
width: 35px;
height: 35px;
}
.header-sp-menu-btn .bx-x {
display: none;
}
.header-sp-menu-btn.active .bx-menu {
display: none;
}
.header-sp-menu-btn.active .bx-x {
display: inline-block;
}
.header-sp-menu-btn-normal i {
position: relative;
top: -4px;
}
.header-sp-menu-btn-normal:after {
content: "MENU";
position: absolute;
left: -5px;
bottom: 2px;
display: block;
width: 45px;
line-height: 1;
font-family: "Helvetica Neue", Roboto, sans-serif;
font-size: 10px;
text-align: center;
transform: scale(0.9);
}
.header-sp-menu-btn-normal.active:after {
content: "CLOSE";
}
.header-nav-menu a {
box-sizing: border-box;
display: block;
color: inherit;
text-decoration: none;
}
.header-nav-menu .menu-item-has-children > a {
position: relative;
}
.header-nav-menu .sub-menu {
display: none;
}
.header-nav-menu .label .bx, .header-nav-menu .sublabel .bx {
margin-top: -4px;
margin-left: 2px;
margin-right: 2px;
line-height: inherit;
font-size: 16px;
vertical-align: middle;
}
.header-nav-menu .sublabel .bx {
font-size: 14px;
}
@media screen and (max-width: 959px) {
.header-nav {
display: none;
position: absolute;
left: 0;
width: 100%;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
z-index: 5;
}
.header-nav-menu {
padding-top: 20px;
padding-bottom: 20px;
}
.header-nav-menu a {
padding-left: 15px;
padding-right: 15px;
white-space: nowrap;
height: 40px;
line-height: 40px;
}
.header-nav-menu a .sublabel {
display: none;
}
.header-nav-menu .toggle-children {
position: absolute;
top: 0;
right: 0;
box-sizing: border-box;
display: block;
width: 40px;
height: 100%;
padding-right: 5px;
line-height: inherit;
font-size: 30px;
text-align: right;
}
.header-nav-menu .toggle-children .bx-chevron-up {
display: none;
}
.header-nav-menu .menu-item-has-children > a {
position: relative;
padding-right: 45px;
}
.header-nav-menu .menu-item-has-children.open .toggle-children .bx-chevron-down {
display: none;
}
.header-nav-menu .menu-item-has-children.open .toggle-children .bx-chevron-up {
display: inline-block;
}
.header-nav-menu > .menu-item-has-children {
cursor: pointer;
}
.header-nav-menu .sub-menu a {
padding-left: 30px;
font-weight: normal;
}
.header-nav-menu .sub-menu .sub-menu a {
padding-left: 45px;
}
}
@media screen and (max-width: 767px) {
.header-nav {
top: 0;
padding-top: 50px;
}
}
@media screen and (min-width: 960px) {
.header-nav-menu {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
height: 100%;
}
.header-nav-menu li a {
padding-left: 20px;
padding-right: 20px;
}
.header-nav-menu > li {
position: relative;
}
.header-nav-menu > li > a {
transition: opacity 0.1s;
line-height: 20px;
font-size: 14px;
}
.header-nav-menu > li > a:hover, .header-nav-menu > li > a:active {
opacity: 0.8;
transition: opacity 0.3s;
}
.header-nav-menu > li > a .label {
display: block;
overflow: hidden;
}
.header-nav-menu > li > a .sublabel {
display: block;
height: 15px;
line-height: 15px;
font-size: 11px;
text-align: center;
overflow: hidden;
}
.header-nav-menu > li > .sub-menu {
position: absolute;
left: 0;
top: 100%;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
z-index: 5;
}
.header-nav-menu > li > .sub-menu li {
padding-left: 0;
padding-right: 0;
}
.header-nav-menu > li > .sub-menu a {
width: 200px;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
line-height: 20px;
font-size: 14px;
transition: background-color 0.1s;
}
.header-nav-menu > li > .sub-menu a:hover, .header-nav-menu > li > .sub-menu a:active {
transition: background-color 0.3s;
}
.header-nav-menu > li > .sub-menu a .label {
display: block;
max-height: 40px;
overflow: hidden;
}
.header-nav-menu .toggle-children {
display: none;
}
.header-nav .header-nav-menu > li > a {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.header-nav .header-nav-menu > li > a .label {
max-height: 40px;
}
.header-nav .header-nav-menu > li.menu-item-has-sublabel > a .label {
max-height: 20px;
}
.header-nav-border .header-nav-menu {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 960px) and (min-width: 768px) and (max-width: 959px) {
.header-nav-border .header-nav-menu {
width: calc(100% - 15px * 2);
}
}
@media screen and (min-width: 960px) and (min-width: 960px) and (max-width: 1179px) {
.header-nav-border .header-nav-menu {
width: calc(100% - 15px * 2);
}
}
@media screen and (min-width: 960px) and (min-width: 1180px) {
.header-nav-border .header-nav-menu {
width: calc(100% - 30px * 2);
max-width: 1120px;
}
}
@media screen and (min-width: 960px) {
.header-nav-border .header-nav-menu > li {
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
}
.header-nav-border .header-nav-menu > li:after, .header-nav-border .header-nav-menu > li:first-child:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
display: block;
width: 1px;
height: 16px;
margin-top: auto;
margin-bottom: auto;
background-color: currentColor;
}
.header-nav-border .header-nav-menu > li:after {
right: 0;
}
.header-nav-border .header-nav-menu > li:first-child:before {
left: 0;
}
.header-nav-border .header-nav-menu > li:nth-child(n+7) {
display: none;
}
.header-nav-border .header-nav-menu > li > a {
text-align: center;
}
.header-nav-border .header-nav-menu > li > .sub-menu {
width: 100%;
}
.header-nav-border .header-nav-menu > li > .sub-menu li {
width: 100%;
}
.header-nav-border .header-nav-menu > li > .sub-menu a {
width: 100%;
text-align: center;
}
}
@media screen and (min-width: 960px) and (max-width: 1179px) {
.header-nav-menu {
padding-left: -5px;
padding-right: -5px;
}
}
@media screen and (min-width: 1180px) {
.header-nav-menu {
padding-left: 10px;
padding-right: 10px;
}
}
.header-nav-sp-items {
position: relative;
overflow: hidden;
}
@media screen and (min-width: 960px) {
.header-nav-sp-items {
display: none;
}
}
.header-nav-tel {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-left: 15px;
padding-right: 15px;
margin-top: 12px;
margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
.header-nav-tel {
display: none;
}
}
.header-nav-tel-left {
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-flow: column;
-webkit-flex-flow: column;
flex-flow: column;
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
padding-right: 15px;
}
.header-nav-tel-number {
white-space: nowrap;
line-height: 1;
font-size: 15px;
}
.header-nav-tel-number a {
color: inherit;
text-decoration: none;
}
.header-nav-tel-hours {
margin-top: 3px;
line-height: 1.2;
font-size: 9px;
}
.header-nav-tel-hours i {
line-height: inherit;
vertical-align: bottom;
}
.header-nav-tel-right {
-ms-flex: 0 0 100px;
-webkit-flex: 0 0 100px;
flex: 0 0 100px;
}
.header-nav-tel-button {
display: block;
width: 100px;
height: 35px;
line-height: 35px;
font-size: 12px;
text-align: center;
text-decoration: none;
}
.header-nav-button {
padding-left: 15px;
padding-right: 15px;
margin-top: 12px;
margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
.header-nav-button {
display: none;
}
}
.header-nav-button a {
display: block;
height: 40px;
padding-left: 15px;
padding-right: 15px;
line-height: 40px;
font-size: 14px;
text-align: center;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.header-nav-button a i {
line-height: inherit;
vertical-align: bottom;
}
.header-nav-sns {
padding-left: 15px;
padding-right: 15px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pac: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
margin-top: 12px;
margin-bottom: 12px;
}
.header-nav-sns.header-sns-square {
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
}
.header-nav-sns.header-sns-square li {
width: 50%;
}
.header-nav-sns.header-sns-square li a {
width: auto;
}
.header-nav-qtransxf {
margin-top: 12px;
margin-bottom: 12px;
text-align: center;
}
@media screen and (min-width: 768px) {
.header-nav-qtransxf {
display: none;
}
}
.header-sns a, .header-sns span {
transition: opacity 0.1s;
}
.header-sns a:hover, .header-sns a:active, .header-sns span:hover, .header-sns span:active {
opacity: 0.8;
transition: opacity 0.3s;
}
.header-sns a {
color: inherit;
text-decoration: none;
}
.header-sns a svg {
width: 1em;
height: auto;
fill: currentColor;
vertical-align: -0.05em;
}
.header-sns span {
cursor: pointer;
}
.header-sns .bx {
line-height: inherit;
}
.header-sns-round, .header-sns-color, .header-sns-monotone {
-ms-flex-item-align: center;
-webkit-align-self: center;
align-self: center;
}
@media screen and (min-width: 960px) {
.header-sns-round, .header-sns-color, .header-sns-monotone {
padding-right: 5px;
}
}
.header-sns-round a, .header-sns-round span, .header-sns-color a, .header-sns-color span, .header-sns-monotone a, .header-sns-monotone span {
display: block;
width: 40px;
height: 40px;
margin-left: 5px;
margin-right: 5px;
line-height: 40px;
text-align: center;
}
.header-bar .header-sns-round a, .header-bar .header-sns-round span, .header-bar .header-sns-color a, .header-bar .header-sns-color span, .header-bar .header-sns-monotone a, .header-bar .header-sns-monotone span {
width: 30px;
height: 30px;
line-height: 30px;
}
.header-sns-square .facebook, .header-sns-round .facebook {
background-color: #3b5998;
}
.header-sns-square .twitter, .header-sns-round .twitter {
background-color: #30a6df;
}
.header-sns-square .instagram, .header-sns-round .instagram {
background-color: #ef4e88;
}
.header-sns-square .line, .header-sns-round .line {
background-color: #00b800;
}
.header-sns-square .youtube, .header-sns-round .youtube {
background-color: #ff0000;
}
.header-sns-square .search, .header-sns-round .search {
background-color: #34495e;
}
.header-sns-color a, .header-sns-color span, .header-sns-monotone a, .header-sns-monotone span {
font-size: 32px;
}
.header-bar .header-sns-color a, .header-bar .header-sns-color span, .header-bar .header-sns-monotone a, .header-bar .header-sns-monotone span {
font-size: 26px;
}
.header-sns-square {
max-height: 60px;
}
.header-sns-square a, .header-sns-square span {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pac: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 60px;
height: 100%;
color: #ffffff;
font-size: 22px;
}
.header-bar .header-sns-square a, .header-bar .header-sns-square span {
font-size: 18px;
}
.header-sns-round a, .header-sns-round span {
color: #ffffff;
font-size: 24px;
border-radius: 20px;
}
.header-bar .header-sns-round a, .header-bar .header-sns-round span {
font-size: 18px;
}
.header-sns-color .facebook {
color: #3b5998;
}
.header-sns-color .twitter {
color: #30a6df;
}
.header-sns-color .instagram {
color: #ef4e88;
}
.header-sns-color .line {
color: #00b800;
}
.header-sns-color .youtube {
color: #ff0000;
}
.header-sns-color .search {
color: #34495e;
}
.header-search {
position: absolute;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
z-index: 2;
transition: opacity 0.3s;
}
@media screen and (max-width: 959px) {
.header-search {
padding-left: 10px;
padding-right: 5px;
}
}
.header-search-form {
width: calc(100% - 50px);
}
@media screen and (min-width: 960px) {
.header-search-form {
width: 100%;
text-align: center;
}
}
.header-search input[type="search"].header-search-field {
width: 100%;
color: inherit;
border: 1px solid currentColor;
background-color: transparent;
}
@media screen and (max-width: 767px) {
.header-search input[type="search"].header-search-field {
border: none;
}
}
@media screen and (min-width: 960px) {
.header-search input[type="search"].header-search-field {
width: 50%;
}
}
.header-search-close {
cursor: pointer;
}
@media screen and (min-width: 960px) {
.header-search-close {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
width: 40px;
height: 40px;
margin-top: auto;
margin-bottom: auto;
}
}
.header-search-close i {
font-size: 32px;
vertical-align: bottom;
}
.header-main-wrap-search-open .header-main {
opacity: 0;
}
@media screen and (min-width: 768px) {
.header-main-wrap-search-open .header-nav-straight {
opacity: 0;
}
}
.header-main-wrap-search-open .header-search {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pac: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}