@charset "UTF-8";
@charset "utf-8";
@charset "utf-8";
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
  @font-face {
font-family: 'design_plus';
src: url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/design_plus.eot?v=1.2);
src: url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/design_plus.eot?v=1.2#iefix) format('embedded-opentype'),
url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/design_plus.woff?v=1.2) format('woff'),
url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/design_plus.ttf?v=1.2) format('truetype'),
url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/design_plus.svg?v=1.2#design_plus) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'footer_bar';
src: url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/footer_bar.eot?v=1.0);
src: url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/footer_bar.eot?v=1.0#iefix) format('embedded-opentype'),
url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/footer_bar.woff?v=1.0) format('woff'),
url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/footer_bar.ttf?v=1.0) format('truetype'),
url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/footer_bar.svg?v=1.0#footer_bar) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'tiktok_x_icon';
src: url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/tiktok_x_icon.eot?v=1.1);
src: url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/tiktok_x_icon.eot?v=1.1#iefix) format('embedded-opentype'),
url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/tiktok_x_icon.woff?v=1.1) format('woff'),
url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/tiktok_x_icon.ttf?v=1.1) format('truetype'),
url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/tiktok_x_icon.svg?v=1.1#tiktok_x_icon) format('svg');
font-weight: normal;
font-style: normal;
} * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
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;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
}
ul,
ol {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
a:focus {
outline: none;
}
ins {
text-decoration: none;
}
mark {
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
button,
input,
select,
textarea {
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
}
input,
textarea {
background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
-webkit-appearance: none;
border-radius: 0; }
input[type="checkbox"] {
-webkit-appearance: checkbox;
}
input[type="radio"] {
-webkit-appearance: radio;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
iframe {
max-width: 100%;
} .clearfix::after {
display: block;
clear: both;
content: "";
} .visually-hidden {
position: fixed !important;
top: 0px !important;
left: 0px !important;
width: 4px !important;
height: 4px !important;
opacity: 0 !important;
overflow: hidden !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
visibility: visible !important;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
button {
color: #000;
}
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
}
body {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1;
width: 100%;
position: relative;
-webkit-font-smoothing: antialiased;
background: rgba(var(--tcd-bg-color, 245, 245, 245), 1);
} .swiper-button-prev:after,
.swiper-button-next:after {
font-family: 'design_plus';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.swiper-button-prev:after {
content: '\e90f';
}
.swiper-button-next:after {
content: '\e910';
} :root { --tcd-accent-color: 0, 133, 178;
--tcd-hover-color: 0, 133, 178;
--tcd-bg-color: 245, 245, 245;
--tcd-link-color: 21, 120, 214; --tcd-review-star-color: #ff7f00;
--tcd-review-ranking1-color: #b28c08;
--tcd-review-ranking2-color: #8f9396;
--tcd-review-ranking3-color: #7a4905;
}
.post_content a:not(.q_custom_button) {
color: rgba(var(--tcd-link-color, 21, 120, 214), 1);
}
.post_content a:hover:not(.q_custom_button) {
text-decoration: underline;
} a {
color: #000;
text-decoration: none;
}
a,
a:before,
a:after,
input {
-webkit-transition-property: background-color, color;
-webkit-transition-duration: 0.2s;
-webkit-transition-timing-function: ease;
transition-property: background-color, color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.clear {
clear: both;
}
.hide {
display: none;
}
.post_content {
word-wrap: break-word;
}
a[href^="tel:"] {
pointer-events: none;
text-decoration: none;
}
.mobile_device a[href^="tel:"] {
pointer-events: auto;
text-decoration: underline;
} sup {
vertical-align: super;
font-size: smaller;
}
sub {
vertical-align: sub;
font-size: smaller;
} .l-inner {
max-width: 1160px;
width: calc(100% - 60px);
margin: 0 auto;
}
@media (max-width: 767px) {
.l-inner {
width: calc(100% - 40px);
}
}
.l-container {
position: relative;
height: 100%;
}
.l-container__inner {
padding: 80px 0 150px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home .l-container__inner {
max-width: 100%;
width: 100%;
padding: 0;
}
@media (max-width: 1240px) {
.l-container__inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 767px) {
.l-container__inner {
padding: 40px 0;
}
}
.l-main {
max-width: 100%;
width: 770px;
}
.l-main:only-child {
width: 100%;
}
.single .l-main:only-child,
.post-type-archive-news .l-main:only-child,
.page-template-default:not(.home) .l-main:only-child {
max-width: 850px;
}
@media (max-width: 767px) {
body.single .l-main:only-child,
body.page:not(.home) .l-main:only-child,
body.post-type-archive-news .l-main:only-child {
margin-bottom: -40px;
}
.l-main:only-child:after {
content: '';
display: block;
width: calc(100% + 40px);
height: 1px;
background: #ddd;
margin-left: -20px;
} .home .l-main:only-child:after {
width: 100%;
margin: 0;
}
.home .p-fp-section--type2+.l-main:only-child::after {
content: none;
}
body.blog .l-main:only-child:after,
body.archive.author .l-main:only-child:after,
body.archive.tag .l-main:only-child:after,
body.archive.date .l-main:only-child:after,
body.tax-review_category .l-main:only-child:after,
body.tax-review_tag .l-main:only-child:after,
body.page-template-page__comments .l-main:only-child:after,
body.post-type-archive-review .l-main:only-child:after {
content: none;
}
}
.l-sidebar {
max-width: 100%;
width: 350px;
}
@media not all and (max-width: 1240px) {
.l-sidebar__inner {
height: 100%;
flex-direction: column;
}
}
@media (max-width: 1240px) {
.l-sidebar {
width: 770px;
margin-top: 60px;
}
.l-sidebar__inner {
margin: -50px 0 0 -50px;
}
}
@media (max-width: 767px) {
.l-sidebar {
margin-top: 40px;
}
.l-sidebar__inner {
margin: -40px 0 0 -20px;
}
}
@media (max-width: 599px) {
.l-sidebar__inner {
margin-left: 0;
}
} .l-header {
position: relative;
z-index: 100;
background: #fff;
width: 100%;
}
.l-header__main {}
.l-header__main-inner {
height: 90px;
position: relative;
-webkit-justify-content: space-between;
justify-content: space-between;
}
@media (max-width: 1024px) {
.l-header__main-inner {
display: block !important;
height: auto;
}
} .l-header__logo {
position: relative;
height: 100%;
}
.l-header__logo-image {
height: 100%;
flex-shrink: 0;
}
.l-header__desc {
font-size: 16px;
line-height: 1.4;
margin-left: 35px;
padding-right: 20px;
}
@media (max-width: 1024px) {
.l-header__desc {
display: none;
}
}
@media (max-width: 1024px) {
.l-header__logo {
width: 100%;
height: 60px;
}
} .l-header__counts {
height: 100%;
padding-right: 60px;
}
.l-header__counts-item {
height: 45px;
font-size: 14px;
}
*+.l-header__counts-item {
margin-left: 15px;
}
.l-header__counts-item__label {
line-height: 1.2;
text-align: center;
width: 100px;
height: 100%;
transition: color 0.3s ease;
color: #fff;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
border-radius: 5px 0 0 5px;
}
.l-header__counts-item__total {
width: 100px;
border: 1px solid #ddd;
border-left: none;
border-radius: 0 5px 5px 0;
}
.l-header__counts-item__number {
font-size: 20px;
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.l-header__counts-item__unit {
margin-left: 5px;
margin-bottom: -0.2em;
}
@media (hover: hover) and (pointer: fine) {
.l-header__counts-item:hover .l-header__counts-item__label {
color: rgba(255, 255, 255, 0.5);
}
}
@media (max-width: 1024px) {
.l-header__counts {
padding-right: 95px;
}
}
@media (max-width: 1024px) {
.l-header__counts {
width: calc(100% + 40px);
height: 60px;
padding: 0 20px;
margin-left: -20px;
border-top: 1px solid #ddd;
}
.l-header__counts-item {
height: 40px;
font-size: 12px;
}
*+.l-header__counts-item {
margin-left: 10px;
}
.l-header__counts-item__label {
width: 80px;
}
.l-header__counts-item__total {
width: 80px;
}
.l-header__counts-item__number {
font-size: 16px;
}
.l-header__counts-item__unit {
margin-bottom: -0.1em;
}
}
@media (max-width: 599px) {
.l-header__counts-item,
.l-header__counts-item__label,
.l-header__counts-item__total {
width: 50%;
}
} .l-header__nav {
border-top: 1px solid #ddd;
}
.l-header__nav-inner {
position: relative;
} .l-header__search {
position: absolute;
top: 0;
right: -20px;
z-index: 1;
height: 100%;
}
.l-header__search-form {}
.l-header__search-form input {
display: block;
font-size: 16px;
border: none;
background: rgba(var(--tcd-bg-color, 245, 245, 245), 1);
}
.l-header__search-form input::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.l-header__search-button {
display: block;
font-size: 20px;
}
.l-header__search-button label,
.l-header__search-button button {
font-family: 'design_plus';
width: 60px;
height: 50px;
transition: color 0.2s ease;
}
@media not all and (max-width: 1024px) {
.l-header__search-form input {
width: 0px;
height: 50px;
padding: 0;
border-radius: 40px;
opacity: 0;
transition: width 0.3s ease, opacity 0.3s ease;
}
.l-header__search-form input::placeholder {
color: transparent;
}
.l-header__search-button--sp {
display: none;
}
}
@media (min-width: 600px) and (hover: hover) and (pointer: fine) {
.l-header__search:hover .l-header__search-form input,
.l-header__search-form input:focus,
.l-header__search-form input:not(:placeholder-shown) {
width: 450px;
opacity: 1;
max-width: calc(100vw - 110px);
padding: 0 25px;
}
.l-header__search:hover label {
color: rgba(var(--tcd-hover-color, 0, 0, 0), 1);
}
}
@media not all and (hover: hover) and (pointer: fine) {
.l-header__search.is-active .l-header__search-form input {
width: 450px;
opacity: 1;
max-width: calc(100vw - 110px);
}
.l-header__search.is-active label {
color: rgba(var(--tcd-hover-color, 0, 0, 0), 1);
}
}
@media (max-width: 1024px) {
.l-header__search {
right: 25px;
}
}
@media (max-width: 1024px) {
.l-header__search {
height: 60px;
}
.l-header__search-button label {
width: auto;
height: 60px;
padding: 0 15px;
}
}
@media (max-width: 1024px) {
.l-header__search {
position: static;
width: calc(100% + 40px);
height: 0;
margin-left: -20px;
margin-bottom: -1px;
overflow: hidden;
transition: height 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.l-header__search.is-active--sp {
height: 45px;
}
.l-header__search-form {
width: 100%;
height: 100%;
}
.l-header__search-form input {
width: 100%;
height: 100%;
padding: 0 20px;
}
.l-header__search-button {
display: none;
}
.l-header__search-button--sp {
font-size: 20px;
position: absolute;
top: 0;
right: 25px;
height: 60px;
padding: 0 15px !important;
}
} @media not all and (max-width: 1024px) {
.p-menu-button {
display: none;
}
}
button.p-menu-button {
position: absolute;
padding: 10px;
top: 50%;
right: -10px;
transform: translateY(-50%);
transition: opacity 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
button.p-menu-button:hover {
opacity: 0.3;
}
}
.p-menu-button span {
display: block;
height: 1px;
width: 22px;
overflow: hidden;
background: rgba(0, 0, 0, .3);
}
.p-menu-button span:before {
content: '';
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 1);
transform: translateX(0);
transition: transform 0.2s ease;
}
.p-menu-button span:not(:first-of-type) {
margin-top: 7px;
}
.p-menu-button span:nth-of-type(1):before {
transition-delay: 0s;
}
.p-menu-button span:nth-of-type(2):before {
transition-delay: 0.1s;
}
.p-menu-button span:nth-of-type(3):before {
transition-delay: 0.2s;
}
@media (max-width: 1024px) {
button.p-menu-button {
height: 60px;
top: 0;
transform: none;
}
}  @media screen and (min-width:1025px) {
.header_fix { padding-top:151px; } .header_fix .l-header {
height:61px; position:fixed; opacity:1; top:0px; left:0px; z-index:200; width:100%; box-shadow:0 0 20px 5px rgba(0,0,0,0.2);
-webkit-animation: slide_down_menu 0.5s ease !important; animation: slide_down_menu 0.5s ease !important;
}
.header_fix .l-header__main { display:none; }
.admin-bar.header_fix { padding-top:181px; }
}
@-webkit-keyframes slide_down_menu {
0% { top:-60px; }
100% { top:0px; }
}
@keyframes slide_down_menu {
0% { top:-60px; }
100% { top:0px; }
}
@media screen and (max-width:1024px) {
body.admin-bar.header_fix_mobile .l-header { margin-top:32px; }
body.admin-bar.header_fix_mobile { padding-top:102px; }
body.admin-bar.header_fix_mobile .l-header { margin-top:46px; }
body.admin-bar.header_fix_mobile { padding-top:126px; }
.header_fix_mobile { padding-top:60px; }
.hide_header.header_fix_mobile { padding-top:0 !important; }
.header_fix_mobile .l-header {
height: 60px; position:fixed !important; top:0px; left:0px; z-index:200; width:100%; box-shadow:0 0 15px 5px rgba(0,0,0,0.1); border:none;
-webkit-animation: slide_down_menu 0.5s ease; animation: slide_down_menu 0.5s ease;
-webkit-transition: all 0.35s ease; transition: all 0.35s ease;
}
.header_fix_mobile .l-header .l-header__counts{ display:none; }
} .l-footer {
overflow: hidden;
background: #fff;
} .l-footer__info {
padding: 45px 0;
text-align: center;
}
.l-footer__logo {
display: inline-block;
}
.l-footer__desc {
font-size: 16px;
line-height: 1.6;
margin: calc(30px - 0.3em) 0 -0.3em;
}
@media (max-width: 767px) {
.l-footer__info {
padding: 40px 0;
}
.l-footer__desc {
font-size: 14px;
margin-top: calc(20px - 0.3em);
}
} .l-footer__nav {
border-top: 1px solid #ddd;
padding: 80px 0;
}
.l-footer__nav-list {
width: 25%;
}
.l-footer__nav-list li {
font-size: 14px;
line-height: 1.6;
margin: -0.3em 0 -0.3em;
}
.l-footer__nav-list li+li {
margin-top: calc(30px - 0.3em);
}
@media not all and (max-width: 1024px) {
.l-footer__nav-list:not(:last-of-type) {
padding-right: 20px;
}
}
@media (max-width: 1024px) {
.l-footer__nav-list {
width: 50%;
}
.l-footer__nav-list:nth-last-of-type(-n+2):not(:nth-of-type(-n+2)) {
margin-top: 80px;
}
.l-footer__nav-list:nth-of-type(2n-1) {
padding-right: 20px;
}
}
@media (max-width: 767px) {
.l-footer__nav {
padding: 40px 0;
}
.l-footer__nav-list:nth-of-type(2n-1) {
padding-right: 10px;
}
.l-footer__nav-list li+li {
margin-top: calc(25px - 0.3em);
}
.l-footer__nav-list:nth-last-of-type(-n+2):not(:nth-of-type(-n+2)) {
margin-top: 40px;
}
} .l-footer__sns {
border-top: 1px solid #ddd;
}
.l-footer__sns-inner {}
.l-footer__sns-icons {
height: 60px;
}
@media (hover: hover) and (pointer: fine) {
.l-footer__nav-list a:hover {
color: #666666;
}
}
@media (max-width: 767px) {
.l-footer__sns-icons {
height: 50px;
}
} .l-footer__copyright {
font-size: 14px;
text-align: center;
border-top: 1px solid #ddd;
}
.l-footer__copyright-inner {
height: 60px;
line-height: 60px;
}
@media (max-width: 767px) {
.l-footer__copyright {
font-size: 12px;
}
.l-footer__copyright-inner {
height: 50px;
line-height: 50px;
}
.l-footer__copyright-inner {
height: 50px;
line-height: 50px;
}
}  .c-font-type {
font-weight: 600;
}
.c-font--1 {
font-family: var(--tcd-font-type1);
font-weight: 600;
}
.c-font--2 {
font-family: var(--tcd-font-type2);
font-weight: 600;
}
.c-font--3 {
font-family: var(--tcd-font-type3);
font-weight: 600;
}
.c-font--logo {
font-family: var(--tcd-font-type-logo);
font-weight: var(--tcd-font-logo-weight);
} .c-line1,
.c-line2,
.c-line3,
.c-line4 {
overflow: hidden;
visibility: visible;
word-break: break-all;
}
.c-line1>span,
.c-line1>a {
display: -webkit-inline-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.c-line2>span,
.c-line2>a {
display: -webkit-inline-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.c-line3>span,
.c-line3>a {
display: -webkit-inline-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.c-line4>span,
.c-line4>a {
display: -webkit-inline-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
} .c-hover-color {
transition: color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
a:hover .c-hover-color {
color: rgba(var(--tcd-hover-color, 0, 0, 0), 1);
}
} .c-sns-icons {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
}
.c-sns-icons__item {}
.c-sns-icons__item:not(:last-of-type) {
margin-right: 15px;
}
.c-sns-icons__link {
display: block;
transition: opacity 0.2s ease;
}
.c-sns-icons__link:before {
font-family: 'design_plus';
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-sns-icons__link--user-url:before {
content: '\e942';
}
.c-sns-icons__link--facebook:before {
font-family: 'tiktok_x_icon';
content: "\e902";
}
.c-sns-icons__link--twitter:before {
font-family: 'tiktok_x_icon';
content: "\e901";
}
.c-sns-icons__link--tiktok:before {
font-family: 'tiktok_x_icon';
content: "\e900";
}
.c-sns-icons__link--instagram:before {
content: '\ea92';
font-size: 0.95em;
padding-top: 0.05em;
}
.c-sns-icons__link--pinterest:before {
content: '\e905';
}
.c-sns-icons__link--youtube:before {
content: '\ea9d';
}
.c-sns-icons__link--contact:before {
content: '\f0e0';
font-size: 0.95em;
}
.c-sns-icons__link--rss:before {
content: '\e90b';
font-size: 0.9em;
padding-top: 0.05em;
}
.c-sns-icons__link--line:before { font-family: "design_plus"; content:'\e909'; font-size:0.85em; padding-top:0.05em; }
.c-sns-icons__link--note:before {
content: '';
display: inline-block;
width: 0.95em;
height: 0.95em;
position: relative;
top: 2px;
background-color: #000;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10 10.4968C25.408 10.4968 46.504 9.70479 61.648 10.1208C81.952 10.6408 89.624 19.5048 89.888 41.3448C90.152 53.7208 89.888 89.1048 89.888 89.1048H67.896C67.896 58.1368 68.008 53.0168 67.896 43.2568C67.632 34.6568 65.2 30.5768 58.584 29.7928C51.592 29.0088 31.992 29.6808 31.992 29.6808V89.1448H10V10.4968Z'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
-webkit-mask-position: center;
transition: background-color 0.3s ease;
}
.is-dark .c-sns-icons__link--note:before{ background-color:#fff; }
@media (hover: hover) and (pointer: fine) {
.c-sns-icons__link:hover {
opacity: 0.5;
}
} .c-sns-icons--type1 {
font-size: 18px;
}
.c-sns-icons--type1 .c-sns-icons__link {
color: #000;
} .c-sns-icons--type2 {
font-size: 22px;
}
.c-sns-icons--type2 .c-sns-icons__link--user-url:before {
color: #00729f;
}
.c-sns-icons--type2 .c-sns-icons__link--facebook:before {
color: #1877f2;
}
.c-sns-icons--type2 .c-sns-icons__link--twitter:before {
color: #000000;
}
.c-sns-icons--type2 .c-sns-icons__link--instagram:before {
color: #e4405f;
}
.c-sns-icons--type2 .c-sns-icons__link--pinterest:before {
color: #bd081c;
}
.c-sns-icons--type2 .c-sns-icons__link--youtube:before {
color: #f00;
}
.c-sns-icons--type2 .c-sns-icons__link--contact:before {
color: #00729f;
}
.c-sns-icons--type2 .c-sns-icons__link--rss:before {
color: orange;
}
.c-sns-icons--type2 .c-sns-icons__link--line:before { color:#00B900; }
.c-sns-icons--type2 .c-sns-icons__link--note:before {
width: 1em;
height: 1em;
-webkit-mask-image:none;
background-color: unset;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 513 513'%3E%3Crect x='10' y='10' width='493' height='493' rx='60' ry='60' fill='white' stroke='%23ccc' stroke-width='20' stroke-miterlimit='10'/%3E%3Cpath d='M149.57,152.06c41.19,0,97.6-2.09,138.1-1.04c54.34,1.39,74.76,25.06,75.45,83.53c0.69,33.06,0,127.73,0,127.73h-58.79c0-82.83,0.35-96.5,0-122.6c-0.69-22.97-7.25-33.92-24.9-36.01c-18.69-2.09-71.07-0.35-71.07-0.35v158.96h-58.79v-210.22Z' fill='%23040000'/%3E%3C/svg%3E");
} .c-logo {
color: inherit;
transition: opacity 0.3s ease;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-logo__image {
max-width: 100%;
width: auto;
max-height: 75px;
}
.c-logo__text {
display: block;
line-height: 1.6;
margin: -0.3em 0;
}
@media (hover: hover) and (pointer: fine) {
.c-logo:hover {
opacity: 0.5;
}
}
@media not all and (max-width: 767px) {
.c-logo__image-2 {
display: none;
}
}
@media (max-width: 767px) {
.c-logo__image {
display: none;
max-height: 50px;
}
.c-logo__image-2 {
display: block;
}
.c-logo__image:only-child {
display: block;
}
} .c-date {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-family: 'Arial';
font-size: 14px;
color: #999;
line-height: 1;
}
.c-date:before {
font-family: 'footer_bar';
content: '\e912';
font-size: 0.85em;
margin-top: 0.06em;
margin-right: 4px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-date--updated:before {
font-family: 'design_plus';
content: '\e943';
} .c-post-category {
font-size: 14px;
text-align: center;
line-height: 1.2;
position: absolute;
z-index: 1;
width: 160px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #000;
background: #fff;
padding: 0 10px;
transition: color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
.c-post-category:hover {
color: rgba(var(--tcd-hover-color, 0, 0, 0), 1);
}
}
@media (max-width: 767px) {
.c-post-category {
font-size: 12px;
width: 110px;
height: 40px;
}
} .c-breadcrumb {
overflow: hidden;
margin-bottom: -80px;
}
.c-breadcrumb__list {
height: 90px;
overflow: initial;
}
.c-breadcrumb__item {
font-size: 14px;
white-space: nowrap;
}
*+.c-breadcrumb__item:before {
content: "\e910";
font-family: "design_plus";
font-size: 12px;
margin: 0 10px;
}
.c-breadcrumb__item--home:before {
content: "\e90c";
font-family: "design_plus";
transition: none;
}
.c-breadcrumb__item:last-of-type>span {
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
@media (hover: hover) and (pointer: fine) {
.c-breadcrumb a:hover {
color: rgba(var(--tcd-hover-color, 0, 0, 0), 1);
}
}
@media not all and (max-width: 767px) {
.c-breadcrumb__item>span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
visibility: visible;
}
.c-breadcrumb__item:last-of-type {
overflow: hidden;
}
}
@media (max-width: 767px) {
.c-breadcrumb {
margin-bottom: -40px;
}
.c-breadcrumb__list {
width: 100%;
height: 50px;
padding: 1px 20px 0;
}
.c-breadcrumb__item {
font-size: 12px;
}
*+.c-breadcrumb__item:before {
margin: 0 5px;
}
} .c-breadcrumb-footer {
margin-bottom:0px;
border-top: 1px solid #ddd;
}
.c-breadcrumb-footer:after {
content: "";
display: block;
width: 100%;
height: 3px;
background: linear-gradient(transparent, rgb(0 0 0 / 7%));
}
@media (max-width: 767px) {
.c-breadcrumb-footer {
margin-bottom:0px;
}
} .c-pagination {
margin-top: 40px;
text-align: center;
font-family: Arial;
}
.c-pagination__item {
display: block;
}
*+.c-pagination__item {
margin-left: -1px;
}
.c-pagination a,
.c-pagination span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 45px;
height: 45px;
font-size: 16px;
color: #000;
border: 1px solid #ddd;
}
.c-pagination a {
color: #000 !important;
background: #fff;
transition: all 0.2s ease;
}
.c-pagination .current {
position: relative;
color: #fff;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
border-color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.post_content .c-pagination>*+* {
margin-left: -1px;
}
@media (hover: hover) and (pointer: fine) {
.c-pagination a:hover {
position: relative;
color: #fff !important;
text-decoration: none !important;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
border-color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
}
.c-pagination .next,
.c-pagination .prev {
font-size: 14px;
font-family: 'design_plus';
}
@media (max-width: 767px) {
.c-pagination {
margin-top: 40px;
}
} .c-search-form {
max-width: 550px;
width: 100%;
border-radius: 50px;
overflow: hidden;
background: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
}
.c-search-form__text {
width: calc(100% - 60px);
}
.c-search-form__text input {
display: block;
width: 100%;
height: 50px;
padding-left: 25px;
border: none;
background: transparent;
font-size: 16px;
}
.c-search-form__button label {
font-family: 'design_plus';
font-size: 18px;
cursor: pointer;
color: #000;
width: 60px;
height: 100%;
transition: color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
.c-search-form__button label:hover {
color: rgba(var(--tcd-hover-color, 0, 0, 0), 1);
}
}
@media (max-width: 767px) {
.c-search-form__text {
width: calc(100% - 50px);
}
.c-search-form__text input {
height: 45px;
padding-left: 20px;
}
.c-search-form__text input::-webkit-input-placeholder {
font-size: 14px;
}
.c-search-form__text input:-ms-input-placeholderm {
font-size: 14px;
}
.c-search-form__text input::placeholder {
font-size: 14px;
}
.c-search-form__button label {
width: 50px;
font-size: 16px;
}
}
@media (max-width: 599px) {
.c-search-form {
max-width: 280px;
}
} .c-single-section-title {
font-size: 22px;
line-height: 1.6;
margin: -0.3em 0 calc(40px - 0.3em);
text-align: center;
}
@media (max-width: 767px) {
.c-single-section-title {
font-size: 20px;
}
} .c-bg-image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-size: cover !important;
width: 100%;
height: 100%;
}
.c-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
} .c-icon {
font-family: 'design_plus';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .c-arrow {
cursor: pointer;
padding: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: opacity 0.3s ease;
z-index: 1;
}
.c-arrow--prev {
left: -50px;
}
.c-arrow--next {
right: -50px;
}
.c-arrow:before {
font-family: 'design_plus';
font-size: 20px;
}
.c-arrow--prev:before {
content: '\e90f';
}
.c-arrow--next:before {
content: '\e910';
}
@media (hover: hover) and (pointer: fine) {
.c-arrow:hover {
opacity: 0.5;
}
}
.c-arrow-prev,
.c-arrow-next {
width: 50px;
height: 50px;
line-height: 50px;
}
.c-arrow-prev:after,
.c-arrow-next:after {
font-family: 'design_plus';
font-size: 20px;
color: #000;
text-align: center;
}
.c-arrow-prev:after {
content: '\e90f';
}
.c-arrow-next:after {
content: '\e910';
} .c-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.is-sidebar--left .l-container__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
} .is-sidebar--full .l-main {
width: 100%;
}
@media not all and (max-width: 767px) {
body.single .is-sidebar--none .c-breadcrumb__list,
body.single .is-sidebar--none .l-container__inner,
body.post-type-archive-news .is-sidebar--none .l-container__inner,
body.page-template-default:not(.home) .is-sidebar--none .c-breadcrumb__list,
body.page-template-default:not(.home) .is-sidebar--none .l-container__inner {
max-width: 850px;
}
} .c-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 300px;
height: 60px;
border-radius: 60px;
overflow: hidden;
cursor: pointer;
font-size: 16px;
padding: 0 1em;
background: transparent;
text-align: center;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
color: #fff;
transition: color 0.3s ease, background-color 0.3s ease;
position: relative;
}
.c-button:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: #000;
}
.c-button--grey {
border: none;
}
.c-button--grey:not(:hover) {
color: #fff;
background: #ccc;
}
@media (hover: hover) and (pointer: fine) {
.c-button:hover {
background: rgba(var(--tcd-accent-color, 0, 0, 0), 0.8);
}
}
@media (max-width: 767px) {
.c-button {
font-size: 14px;
width: 240px;
height: 50px;
border-radius: 50px;
}
} .c-h-scroll {
overflow: auto hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
}
.c-h-scroll::-webkit-scrollbar {
display: none;
}
.c-h-scroll>* {
overflow: visible;
position: relative;
}
.c-h-scroll>*:last-child:after {
position: absolute;
content: '';
top: 0;
left: 100%;
height: 1px;
width: 20px;
background-color: transparent;
} .c-no-post {
line-height: 1.8;
margin: -0.4em 0;
} .c-shadow {
display: block;
width: 100%;
height: 3px;
background: linear-gradient(rgb(0 0 0 / 7%), transparent);
}
@media (max-width: 767px) {
.c-shadow {
display: none;
}
} .c-image-loading {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: #eee;
overflow: hidden;
}
.c-image-loading:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(90deg, #eee 0, #f3f3f3 15%, #eee 30%);
animation-duration: 1.5s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: imageLoadingBackground;
animation-timing-function: linear;
}
@keyframes imageLoadingBackground {
0% {
transform: translateZ(0)
}
to {
transform: translate3d(100%, 0, 0)
}
}
body.is-watermark-loaded .c-image-loading {
display: none;
} .c-main-column {
padding: 40px;
background: #fff;
}
@media (max-width: 767px) {
.c-main-column {
width: calc(100% + 40px);
padding: 40px 20px;
margin: -40px -20px 0;
}
body.single .c-main-column {
margin-bottom: -40px;
}
} .c-toggle-button {
position: relative;
display: block;
font-size: 12px;
width: 1em;
height: 1em;
}
.c-toggle-button:before,
.c-toggle-button:after {
content: '';
display: block;
background: #000;
position: absolute;
inset: 0;
margin: auto;
transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
.c-toggle-button:before {
width: 1em;
height: 1px;
opacity: 1;
}
.c-toggle-button:after {
width: 1px;
height: 1em;
}
.c-toggle-button-wrapper.is-open .c-toggle-button:before {
opacity: 0;
}
.c-toggle-button-wrapper.is-open .c-toggle-button:before,
.c-toggle-button-wrapper.is-open .c-toggle-button:after {
transform: rotate(90deg);
}  .p-global__nav-wrapper {
position: relative;
}
.p-global__nav {
font-size: 16px;
line-height: 1.2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-global__nav li {
width: 100%;
position: relative;
}
.p-global__nav a {
display: block;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} .p-global__nav>li>a {
text-align: center;
width: 100%;
height: 60px;
line-height: 1.2;
padding: 0 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-global__nav>li.current-menu-item>a {
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
@media (hover: hover) and (pointer: fine) {
.p-global__nav>li>a:hover {
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
} .p-global__nav .sub-menu {
position: absolute;
left: 100%;
top: 0;
font-size: 14px;
line-height: 1.7;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.p-global__nav a:hover+.sub-menu,
.p-global__nav .sub-menu:hover {
visibility: visible;
opacity: 1;
}
.p-global__nav>li.menu-item-has-children>.sub-menu {
top: 100%;
left: 0;
z-index: 200;
}
.p-global__nav .sub-menu a {
color: inherit;
line-height: 1.4;
padding: 0 20px;
min-width: 240px;
z-index: 2;
height: 50px;
transtion: color 0.2s ease, background 0.2s ease;
}
.p-global__nav a[data-megamenu]+.sub-menu {
display: none;
}
.p-global__nav .sub-menu .menu-item-has-children>a:after {
position: absolute;
right: 16px;
font-family: "design_plus";
content: "\e910";
-webkit-transition: none
} .p-global__nav>li.rev ul ul,
.p-global__nav>li:nth-last-of-type(1) ul ul {
left: auto;
right: 100%;
}
.p-global__nav>li.rev ul li.menu-item-has-children>a:after,
.p-global__nav>li:nth-last-of-type(1) ul li.menu-item-has-children>a:after {
content: '\e90f';
right: auto;
left: 21px;
}
.p-global__nav>li.rev ul li.menu-item-has-children>a,
.p-global__nav>li:nth-last-of-type(1) ul li.menu-item-has-children>a {
padding: 0 20px 0 45px;
}
@media (hover: hover) and (pointer: fine) {
.p-global__nav .sub-menu a:hover {
color: #000;
background: #fff;
}
} .is-header-type--dark .p-global__nav .sub-menu {
color: #fff;
background: #000;
}  .is-header-type--light .p-global__nav .sub-menu {
color: #fff;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
@media (max-width: 1024px) {
.l-header__nav {
display: none;
}
} .p-megamenu {
position: absolute;
top: 100%;
width: 100%;
overflow: hidden;
opacity: 0;
visibility: hidden;
pointer-events: none;
background: rgba(var(--tcd-bg-color, 245, 245, 245), 1);
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.p-megamenu.is-active,
.p-megamenu:hover {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
@media (max-width: 1024px) {
.p-megamenu {
display: none;
}
} .p-megamenu01 {}
.p-megamenu01__inner {}
.p-megamenu01__list {}
.p-megamenu01__item {
background: #333;
}
.p-megamenu01__link {
display: block;
position: relative;
height: 180px;
}
.p-megamenu01__overlay {
background: transparent;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8));
}
.p-megamenu01__image {
width: 100%;
height: 100%;
}
.p-megamenu01__image-bg {
width: 100%;
height: 100%;
}
.p-megamenu01__content {
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
width: 100%;
padding: 30px;
color: #fff;
}
.p-megamenu01__title {
font-size: 22px;
line-height: 2.4;
margin: -0.7em 0;
font-weight: 600;
}
.p-megamenu01__desc {
font-size: 16px;
line-height: 2;
margin: -0.5em 0;
}
*+.p-megamenu01__desc {
margin-top: calc(20px - 0.5em);
}
.p-megamenu01-layout--type1 .p-megamenu01__item {
width: calc(100% / 2);
}
.p-megamenu01-layout--type2 .p-megamenu01__item {
width: calc(100% / 3);
}
.p-megamenu01-layout--type3 .p-megamenu01__item {
width: calc(100% / 4);
} .p-megamenu02 {}
.p-megamenu02__inner {
position: relative;
}
.p-megamenu02__inner:before {
content: '';
display: block;
width: 1px;
height: 160px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
}
.p-megamenu02__list {}
.p-megamenu02__item {
width: calc(100% / 4);
}
.p-megamenu02__link {}
.p-megamenu02__catgeory {
left: 30px;
bottom: 0;
}
.p-megamenu02__image {
position: relative;
}
.p-megamenu02__image-bg {
height: 200px;
}
.p-megamenu02__content {
padding: 30px;
height: 160px;
background: #fff;
border-left: 1px solid #ddd;
}
.p-megamenu02__title {
font-size: 16px;
line-height: 1.7;
height: 5.1em;
margin: -0.35em 0;
font-weight: 600;
}
.p-megamenu02__date {
margin-top: 15px;
}
@media (max-width:1250px) {
.p-megamenu02 .c-arrow--next {
right: -40px;
}
.p-megamenu02 .c-arrow--prev {
left: -40px;
}
} .is-header-type--light .p-megamenu {
color: #000;
}
.is-header-type--light .p-megamenu02__link {
color: #000;
}
.is-header-type--light .p-megamenu02 .swiper-button-next,
.is-header-type--light .p-megamenu02 .swiper-button-prev {
color: #000;
} .is-header-type--dark .p-megamenu {
color: #fff;
background: #000;
}
.is-header-type--dark .p-megamenu02__link {
color: #fff;
}
.is-header-type--dark .p-megamenu02 .swiper-button-next,
.is-header-type--dark .p-megamenu02 .swiper-button-prev {
color: #fff;
} .p-global-nav-bar {
pointer-events: none;
display: block;
width: 200px;
height: 6px;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
position: absolute;
bottom: 0;
opacity: 0;
transition: left 0.4s ease, opacity 0.3s ease;
}
.p-global-nav-bar.is-active {
opacity: 1;
}
@media (max-width:1024px) {
.p-global-nav-bar {
display: none;
}
}  .p-menu-button--close {
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
z-index: 1;
transition: opacity 0.3s ease;
}
.p-menu-button--close span {
display: block;
width: 1px;
height: 15px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.p-menu-button--close span:first-of-type {
transform: rotate(-45deg);
z-index: 2;
}
.p-menu-button--close span:last-of-type {
transform: rotate(45deg);
}
.p-menu-button--close span:before {
content: '';
display: block;
width: 100%;
height: 100%;
transition: transform 0.3s ease;
}
.p-menu-button--close span:first-of-type:before {
transform: translateY(-100%);
transition-delay: 0.2s;
}
.p-menu-button--close span:last-of-type:before {
transform: translateY(-100%);
transition-delay: 0.5s;
}
html.show-drawer .p-menu-button--close span:before {
transform: translateY(0);
}
@media (hover: hover) and (pointer: fine) {
.p-menu-button--close:hover {
opacity: 0.5;
}
} .p-drawer-menu {
position: fixed;
top: 0;
right: -400px;
z-index: 201;
padding: 50px 0;
width: 400px;
height: 100%;
overflow: hidden auto;
transition: transform 0.4s cubic-bezier(0.65, 0.05, 0.36, 1);
}
html.show-drawer .p-drawer-menu {
transform: translateX(-400px);
}
html.show-drawer .p-drawer-menu__overlay {
position: fixed;
top: 0;
left: 0;
z-index: 200;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4)
}
@media (max-width: 599px) {
.p-drawer-menu {
width: 300px;
right: -300px;
}
html.show-drawer .p-drawer-menu {
transform: translateX(-300px);
}
} .p-drawer-menu__nav a {
font-size: 14px;
line-height: 1.2;
padding: 0 20px;
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
}
.p-drawer-menu__nav ul {
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.p-drawer-menu__nav ul a {
color: #fff;
border-top: none;
height: auto;
padding: calc(12.5px - 0.1em) 20px calc(12.5px - 0.1em) 25px;
}
.p-drawer-menu__nav ul li:first-of-type a {
padding-top: calc(25px - 0.1em);
}
.p-drawer-menu__nav ul li:last-of-type a {
padding-bottom: calc(25px - 0.1em);
}
.p-drawer-menu__nav ul {
height: 0;
overflow: hidden;
transition: height 0.3s ease;
}
.p-drawer-menu__nav li.is-active>a {
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
@media (hover: hover) and (pointer: fine) {
.p-drawer-menu__nav>li a:hover {
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.p-drawer-menu__nav ul li a:hover {
color: rgba(255, 255, 255, 0.5) !important;
}
} .p-drawer-menu-toggle-button {
min-width: 50px;
width: 50px;
height: 100%;
margin-right: -20px;
position: relative;
}
.p-drawer-menu-toggle-button__icon {
display: block;
width: 12px;
height: 12px;
position: relative;
}
.p-drawer-menu-toggle-button__icon:before,
.p-drawer-menu-toggle-button__icon:after {
content: '';
display: block;
background: #000;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.p-drawer-menu-toggle-button__icon:before {
width: 1px;
height: 100%;
transition: transform 0.2s ease;
}
.p-drawer-menu-toggle-button__icon:after {
width: 100%;
height: 1px;
}
.p-drawer-menu__nav>li.is-active .sub-menu .p-drawer-menu-toggle-button__icon:before {
transform: rotate(0);
}
.p-drawer-menu__nav>li.is-active .p-drawer-menu-toggle-button__icon:before {
transform: rotate(90deg);
}
.p-drawer-menu__nav>li.is-active .sub-menu>li.is-active .p-drawer-menu-toggle-button__icon:before {
transform: rotate(90deg);
height: 1px;
}
.p-drawer-menu__nav .sub-menu .sub-menu {
margin-left: 20px;
}
.p-drawer-menu__nav .sub-menu .sub-menu a {
padding: calc(12.5px - 0.1em) 20px calc(12.5px - 0.1em) 25px;
}
.p-drawer-menu__nav .sub-menu .sub-menu li:first-of-type a {
padding-top: calc(12.5px - 0.1em);
}
.p-drawer-menu__nav .sub-menu .sub-menu li:last-of-type a {
padding-bottom: calc(25px - 0.1em);
}
.p-drawer-menu__nav .sub-menu .sub-menu li:only-child a {
padding: calc(12.5px - 0.1em) 20px calc(25px - 0.1em);
} .p-drawer-menu__sns {
padding: 30px 20px;
} .is-header-type--dark .p-drawer-menu {
background: #000;
}
.is-header-type--dark .p-drawer-menu a {
color: #fff;
border-top: 1px solid #333;
}
.is-header-type--dark .p-drawer-menu .p-drawer-menu__member-list li+li a {
border-left: 1px solid #333;
}
.is-header-type--dark .p-drawer-menu .p-drawer-menu__nav {
border-bottom: 1px solid #333;
}
.is-header-type--dark .p-drawer-menu .p-drawer-menu__nav ul a {
border: none;
}
.is-header-type--dark .p-drawer-menu .p-drawer-menu-toggle-button:before {
color: #fff;
}
.is-header-type--dark .p-drawer-menu .p-menu-button--close span {
background: rgba(255, 255, 255, 0.3);
}
.is-header-type--dark .p-drawer-menu .p-menu-button--close span:before {
background: #fff;
}
.is-header-type--dark .p-drawer-menu .p-drawer-search-form {
background: #ffffff;
} .is-header-type--light .p-drawer-menu {
background: #fff;
}
.is-header-type--light .p-drawer-menu a {
color: #000;
}
.is-header-type--light .p-drawer-menu .p-drawer-menu__member-list li+li a {
border-left: 1px solid #ddd;
}
.is-header-type--light .p-drawer-menu .p-drawer-menu__nav {
border-bottom: 1px solid #ddd;
}
.is-header-type--light .p-drawer-menu .p-drawer-menu__nav a {
border-top: 1px solid #ddd;
}
.is-header-type--light .p-drawer-menu .p-drawer-menu__nav ul a {
color: #fff;
border: none;
}
.is-header-type--light .p-drawer-menu .p-drawer-menu-toggle-button:before {
color: #000;
}
.is-header-type--light .p-drawer-menu .p-menu-button--close span {
background: rgba(0, 0, 0, 0.3);
}
.is-header-type--light .p-drawer-menu .p-menu-button--close span:before {
background: #000;
}
.is-header-type--light .p-drawer-menu .p-drawer-search-form {
background: #eeeeee;
} .p-header-message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 50px;
text-align: center;
font-size: 14px;
font-weight: 600;
padding: 1em 20px;
}
.p-header-message__label {
display: block;
color: inherit;
line-height: 1.4;
margin: -0.2em 0;
padding-top: 1px;
}
a.p-header-message__label:hover {
text-decoration: underline;
}
@media (max-width: 767px) {
.p-header-message {
min-height: 40px;
font-size: 12px;
}
}  .p-return-top-button-wrapper {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 99;
}
.p-return-top-button {
display: block;
width: 65px;
height: 65px;
padding: 0;
margin-left: auto;
background: #fff;
border: 1px solid #ddd;
border-radius: 50%;
font-size: 14px;
cursor: pointer;
pointer-events: auto;
opacity: 0;
transition: opacity 0.3s ease, color 0.3s ease;
}
.p-return-top-button:before {
content: '\e911';
font-family: 'design_plus';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
transition: none;
}
.p-return-top-button.is-active {
opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
.p-return-top-button:hover {
color: rgba(0, 0, 0, 0.4);
}
}
@media (max-width:767px) {
.p-return-top-button-wrapper {
right: 15px;
bottom: 25px;
}
.p-return-top-button {
width: 50px;
height: 50px;
font-size: 11px;
}
.p-footer-bar~.p-return-top-button-wrapper {
bottom: 75px;
}
.p-review-footer-bar~.p-return-top-button-wrapper {
bottom: 75px;
} html.show-drawer .p-return-top-button-wrapper .p-return-top-button {
opacity: 0;
transition: none;
}
}  .p-page-header {
background: #333;
overflow: hidden;
position: relative;
}
.p-page-header__inner {
position: relative;
height: 100%;
color: #fff;
text-align: center;
}
.p-page-header__content {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.p-page-header__headline {
font-size: 32px;
line-height: 1.6;
margin: -0.3em 0;
}
.p-page-header__description {
font-size: 16px;
line-height: 2.4;
margin: -0.7em 0;
}
.p-page-header__headline+.p-page-header__description {
margin-top: calc(40px - 0.7em);
}
.p-page-header__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: #000;
}
.p-page-header__image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
}
*+.p-page-header__search {
margin-top: 40px;
}
.p-page-header--simple {
padding-top: 80px;
text-align: center;
}
@media not all and (max-width: 767px) {
.p-page-header {
height: 550px;
}
.l-header+.l-container .p-page-header {
height: 420px;
}
}
@media (max-width: 767px) {
.p-page-header {
height: 240px;
}
.p-page-header__headline {
font-size: 22px;
}
.p-page-header__description {
font-size: 14px;
line-height: 2;
margin: -0.5em;
}
.p-page-header__headline+.p-page-header__description {
margin-top: calc(20px - 0.5em);
}
*+.p-page-header__search {
margin-top: 20px;
}
.p-page-header--simple {
padding-top: 40px;
text-align: center;
}
}  .p-arvhive--post-wrap {
background: #fff;
padding-bottom: 40px;
}
.p-archive--post {}
.p-archive--post-item {
width: 50%;
position: relative;
}
.p-archive--post-item__image-bg {
width: 100%;
height: 370px;
}
.p-archive--post-item__content {
width: 69%;
padding: 35px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: #fff;
}
.p-archive--post-item__category {
position: absolute;
left: 0;
top: -50px;
}
.p-archive--post-item__title {
font-size: 18px;
line-height: 1.6;
height: 3.2em;
margin: -0.3em 0;
}
.p-archive--post-item__date {
margin-top: 15px;
}
@media not all and (max-width:767px) {
.p-archive--post-item:nth-of-type(n+3) {
margin-top: 40px;
}
}
@media (max-width:767px) {
.p-archive--post-item {
width: 50%;
}
.p-archive--post-item:nth-of-type(n+3) {
margin-top: 20px;
}
.p-archive--post-item__image-bg {
height: 220px;
}
.p-archive--post-item__content {
width: calc(100% - 60px);
padding: 30px;
}
.p-archive--post-item__title {
font-size: 16px;
}
.p-archive--post-item__date {
margin-top: 10px;
}
.p-archive--post-item__category {
top: -40px;
}
}
@media (max-width:599px) {
.p-archive--post-item {
width: 100%;
}
*+.p-archive--post-item {
margin-top: 20px;
}
} #blog_category_sort_wrap { width:100%; margin:0px auto 80px; position:relative; text-align:center; }
#archive_headline + #archive_blog #blog_category_sort_wrap { margin-top:100px; }
#blog_category_sort:after { content:''; display:block; width:1px; height:70px; background:#ddd; position:absolute; right:0; top:0; z-index:2; }
#blog_category_sort:before { content:''; display:block; width:1px; height:70px; background:#ddd; position:absolute; left:0; top:0; z-index:2; }
#blog_category_sort .item { margin:0; width:calc(25% + 1px); display: block;}
#blog_category_sort.small_size .item { flex: 1 1 0%; width:auto; }
#blog_category_sort .item a { font-size:16px; height:70px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:0 20px; position:relative; }
#blog_category_sort .item a p { line-height:1.4; max-height:2.8em; overflow:hidden; visibility:visible; }
#blog_category_sort .item a span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#blog_category_sort .item a:after { content:''; display:block; width:1px; height:100%; position:absolute; right:0; top:0; background:#ddd; }
#blog_category_sort .item.active_menu { position:relative; z-index:5; }
#blog_category_sort .item.active_menu a { background:rgba(var(--tcd-accent-color, 0, 0, 0), 1); border-color:rgba(var(--tcd-accent-color, 0, 0, 0), 1) !important; color:#fff; position:relative; pointer-events:none; } .item.active_category { background-color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);border-color:rgba(var(--tcd-accent-color, 0, 0, 0), 1) !important;}
.item.active_category a { color: #fff;}
#blog_category_sort .item.active_menu a:after { background:#eee; }
#blog_category_sort_wrap .swiper-button-next::after, #blog_category_sort_wrap .swiper-button-prev::after { color:#000; font-size: 20px;}
#blog_category_sort_wrap .swiper-button-prev { left:-50px; right:auto; top:50%; z-index:10; color: #000; }
#blog_category_sort_wrap .swiper-button-next { left:auto; right:-50px; top:50%; z-index:10; color: #000;}
@media(hover: hover) {
#blog_category_sort_wrap .swiper-button-next:hover:before, #blog_category_sort_wrap .swiper-button-prev:hover:before { color:#aaa; }
#blog_category_sort .item a:hover { color:#999; }
}
body.category .c-breadcrumb{  margin-bottom: 0; border-bottom: 1px solid #ddd; }
#blog_category_sort_wrap .category_center { justify-content: center;}
#blog_category_sort_wrap .item_width { flex: none !important; width: calc(100% / 4) !important;}
#blog_category_sort_wrap .small_size::before { display: none;}
#blog_category_sort_wrap .small_size::after { display: none;}
#blog_category_sort_wrap .category_center .item:first-child { border-left: 1px solid #ddd;}
#blog_category_sort_wrap .mobile_button_width { justify-content: center;}
@media screen and (max-width:1130px) {
#archive_blog { width:auto; margin:0 0 150px; overflow:hidden; }
#blog_category_sort_wrap { width:auto; margin:10px 100px 100px; }
#blog_category_sort { overflow:hidden; }
#blog_category_sort:after, #blog_category_sort:before { display:none !important; }
#blog_category_sort_wrap .swiper-nav-button { display:none; }
#blog_category_sort .item { width:233px ; }
#blog_category_sort.small_size .item { flex: 0 0 auto; width:auto; }
#blog_category_sort .item a { border-right:1px solid #ddd; }
#blog_category_sort .item:first-of-type a { border-left:1px solid #ddd; }
#blog_category_sort .item a:after { display:none; }
body:not(.home):not(.single-post) .style_list { width:auto; margin:0 100px -30px; }
}
@media screen and (max-width:1000px) {
#blog_category_sort_wrap { width:auto; margin:10px 50px 100px; }
}
@media screen and (max-width:800px) {
#blog_category_sort_wrap { width:auto; margin:0 auto 40px; }
#archive_headline + #archive_style #blog_category_sort_wrap { margin-top:35px; }
#blog_category_sort .mobile_item_width { width: calc( 100% / 2) !important;}
#blog_category_sort .item { width:200px; }
#blog_category_sort .item a { height:50px; line-height:50px; font-size:14px; }
}
@media screen and (max-width:600px) {
#blog_category_sort .mobile_item_width { width: calc( 100% / 2) !important;}
#blog_category_sort .item { width:160px; }
} .archive.author .p-author-profile {
background: #fff;
}
#author_headline{ text-align: center; margin: 80px auto 60px; font-size: 28px; }
@media not all and (max-width:767px) {
.archive.author .p-author-profile {
margin-bottom: 80px;
}
.archive.author .p-author-profile__image {
width: 140px;
height: 140px;
}
.archive.author .p-author-profile__content {
width: calc(100% - 140px);
}
.archive.author .p-author-profile__title {
font-size: 20px;
margin-bottom: 20px;
}
.archive.author .p-author-profile__icons {
margin-top: 20px;
}
}
@media (max-width:767px) {
.archive.author .p-author-profile {
padding: 30px;
margin-bottom: 20px;
margin-top: -20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.archive.author .p-author-profile__image {
width: 110px;
height: 110px;
}
.archive.author .p-author-profile__content {
padding: 20px 0 0;
width: 100%;
}
.archive.author .p-author-profile__title {
font-size: 18px;
text-align: center;
margin-bottom: 20px;
}
.archive.author .p-author-profile__desc {
font-size: 14px;
max-height: none;
}
.archive.author .p-author-profile__desc>span {
-webkit-line-clamp: unset;
}
.archive.author .p-author-profile__icons {
margin-top: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#author_headline{ margin: 40px auto; font-size: 20px; }
}  .p-single {
background: #fff;
padding: 40px;
}
@media (max-width:767px) {
.p-single {
padding: 30px 20px 40px;
margin: 0 -20px;
}
} .p-single__header {
position: relative;
}
.p-single__header-content {}
.p-single__header-title {
font-size: 24px;
line-height: 1.6;
margin: -0.3em 0;
word-wrap: break-word;
}
.p-single__header-meta {
margin-top: 20px;
}
*+.p-single__header-meta__item {
margin-left: 20px;
}
.p-single__header-image {
margin: 40px -40px 0;
}
.p-single__header-image img {
width: 100%;
}
.p-single__header-category {
margin-left: 40px;
}
.p-single__header-caption {
font-size: 16px;
line-height: 1.8;
margin: calc(20px - 0.4em) 0 -0.4em;
}
.p-single__header-image~.p-single__header-content {
margin-top: -1px;
padding-top: 40px;
}
@media (max-width:767px) {
.p-single__header {}
.p-single__header-content {}
.p-single__header-meta {
margin-top: 15px;
}
.p-single__header-image {
margin: 30px -20px 0;
}
*+.p-single__header-meta__item {
margin-left: 10px;
}
.p-single__header-title {
font-size: 20px;
line-height: 1.4;
margin: -0.2em 0;
}
.p-single__header-category {
margin-left: 0;
width: 140px;
padding: 0 20px;
}
.p-single__header-caption {
font-size: 14px;
margin: calc(15px - 0.4em) 0 -0.4em;
}
.p-single__header-image~.p-single__header-content {
margin-top: 0;
padding-top: 20px;
}
} *+.p-single__content {
margin-top: 40px;
}
@media (max-width:767px) {
*+.p-single__content {
margin-top: 40px;
}
} .p-copy-title-url {
text-align: center;
}
*+.p-copy-title-url {
margin-top: 40px;
}
.p-copy-title-url__button {
font-size: 14px;
background: #fff;
border: 3px solid #ccc;
cursor: pointer;
line-height: 54px;
min-width: 300px;
padding: 0 15px;
transition-property: background-color, color;
transition-duration: 0.3s;
transition-timing-function: ease;
}
.p-copy-title-url__button.copied {
background: #ccc;
color: #fff;
pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
.p-copy-title-url__button:hover {
color: rgba(0, 0, 0, 0.5) !important;
}
}
@media (max-width:767px) {
*+.p-copy-title-url {
margin-top: 40px;
}
.p-copy-title-url__button {
border-width: 2px;
font-size: 12px;
line-height: 46px;
min-width: 250px;
}
} .p-single-tagcloud {
margin-top: 40px;
}
.p-single-tagcloud__list {
margin: -6px 0 0 -6px;
}
.p-single-tagcloud__item {
margin: 6px 0 0 6px;
}
.p-single-tagcloud__link {
display: block;
line-height: 35px;
height: 35px;
padding: 0px 12px;
font-size: 12px;
background: #eeeeee;
border-radius: 5px;
}
@media (hover: hover) and (pointer: fine) {
.p-single-tagcloud__link:hover {
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
color: #fff;
}
}
@media (max-width: 767px) {
.p-single-tagcloud {
margin-top: 40px;
}
} .p-author-profile {
margin: 0;
position: relative;
padding: 40px;
background: rgba(var(--tcd-bg-color, 245, 245, 245), 1);
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
}
*+.p-author-profile {
margin-top: 40px;
}
.p-author-profile__image {
display: block;
width: 110px;
height: 110px;
border-radius: 100%;
overflow: hidden;
}
.p-author-profile__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.p-author-profile__content {
width: calc(100% - 110px);
padding-left: 40px;
}
.p-author-profile__title {
font-size: 18px;
line-height: 1.6;
margin: -0.3em 0 calc(15px - 0.3em);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
visibility: visible;
font-weight: 600;
}
.p-author-profile__desc {
font-size: 14px;
line-height: 1.8;
margin: -0.4em 0;
max-height: 3.6em;
}
.p-author-profile__icons {
margin-top: 15px;
}
.p-author-profile__icons li:not(:last-of-type) {
margin-right: 0.5em;
}
@media (hover: hover) and (pointer: fine) {
.p-author-profile__title a:hover {
color: rgba(0, 0, 0, 0.5);
}
.p-author-profile__title a:hover span {
border-color: rgba(0, 0, 0, 0.5);
}
}
@media (max-width:767px) {
.p-author-profile {
padding: 20px;
}
.p-author-profile__image {
width: 90px;
height: 90px;
}
.p-author-profile__content {
width: calc(100% - 90px);
padding-left: 20px;
}
.p-author-profile__title {
font-size: 16px;
}
.p-author-profile__desc {
font-size: 12px;
}
.p-author-profile .c-sns-icons--type1 {
font-size: 16px;
}
} .p-page-nav {
margin-top: 40px;
font-size: 16px;
}
.p-page-nav__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-page-nav__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 50%;
height: 110px;
padding: 0 30px;
color: #000;
border: 1px solid #ddd;
}
.p-page-nav__item--prev {
padding-left: 30px;
}
.p-page-nav__item--next {
padding-right: 30px;
}
.p-page-nav__item--prev:before {
content: "\e90f";
color: inherit;
font-family: "design_plus";
margin-right: 30px;
transition: none;
}
.p-page-nav__item--next:after {
content: "\e910";
color: inherit;
font-family: "design_plus";
margin-left: 30px;
transition: none;
}
.p-page-nav__item--next:only-child {
margin-left: auto;
border-left: 1px solid #ddd;
}
.p-page-nav__item--prev+.p-page-nav__item--next {
border-left: none;
}
.p-page-nav__title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.7;
max-height: 3.4em;
width: 100%;
}
.p-page-nav__title-sp {
display: none;
}
@media (hover: hover) and (pointer: fine) {
.p-page-nav__item:hover {
color: rgba(0, 0, 0, 0.5);
}
}
@media (max-width: 767px) {
.p-page-nav {
margin-top: 40px;
font-size: 12px;
}
.p-page-nav__item {
height: 50px;
padding: 0 15px;
border: 1px solid #ddd;
}
.p-page-nav__item--prev {
padding-right: 0;
}
.p-page-nav__item--next {
padding-left: 0;
}
.p-page-nav__title-pc {
display: none;
}
.p-page-nav__title-sp {
display: block;
width: 100%;
text-align: center;
}
.p-page-nav__item--prev:before,
.p-page-nav__item--next:after {
margin: 0;
}
} .p-single-banner{
line-height: 2.4;
}
*+.p-single-banner {
margin-top: 40px;
}
@media (max-width: 767px) {
.p-single-banner{
line-height: 2;
}
*+.p-single-banner {
margin-top: 40px;
}
} .p-related-post {
margin-top: 40px;
}
.p-related-post .p-archive--post-item {
width: 50%;
margin-top: -1px;
}
.p-related-post .p-archive--post-item__image-bg {
height: 220px;
}
.p-related-post .p-archive--post-item__content {
position: relative;
width: 100%;
transform: none;
left: 0;
padding: 30px;
border: 1px solid #ddd;
border-top: none;
}
.p-related-post .p-archive--post-item__category {
margin-left: 30px;
}
.p-related-post .p-archive--post-item__title {
font-size: 16px;
}
.p-related-post .p-archive--post-item:nth-child(2n) .p-archive--post-item__content {
border-left: none;
}
@media (max-width: 767px) {
.p-related-post {
width: calc(100% + 40px);
margin: 40px 0 -41px -20px;
}
.p-related-post .p-archive--post-item {}
.p-related-post .p-archive--post-item__image-bg {
height: 130px;
}
.p-related-post .p-archive--post-item__content {
padding: 20px;
}
.p-related-post .p-archive--post-item__category {
margin-left: 20px;
}
.p-related-post .p-archive--post-item__title {
font-size: 14px;
line-height: 1.4;
margin: -0.2em 0;
height: 4.2em;
}
.p-related-post .p-archive--post-item__title>span {
-webkit-line-clamp: 3;
}
.p-related-post .p-archive--post-item:nth-child(2n) .p-archive--post-item__content {
border-right: none;
}
.p-related-post .p-archive--post-item:nth-child(2n-1) .p-archive--post-item__content {
border-left: none;
}
} .p-single-comment {
margin-top: 40px;
}
@media (max-width: 767px) {
.p-single-comment {
margin-top: 40px;
}
.p-related-post+.p-single-comment {
margin-top: 80px;
}
} .p-archive--news {}
.p-archive--news-item {
width: 100%;
border: 1px solid #ddd;
margin-top: -1px;
}
.p-archive--news-item__link {
width: 100%;
padding: 35px;
}
.p-archive--news-item__image {
width: 210px;
height: 130px;
}
.p-archive--news-item__image-bg {
width: 100%;
height: 100%;
}
.p-archive--news-item__content {
width: 100%;
}
.p-archive--news-item__date {
margin-bottom: 15px;
}
.p-archive--news-item__title {
font-size: 18px;
line-height: 1.6;
margin: -0.3em 0;
max-height: 1.6em;
}
.p-archive--news-item__image+.p-archive--news-item__content {
width: calc(100% - 210px);
padding-left: 40px;
}
.p-archive--news-item__image+.p-archive--news-item__content .p-archive--news-item__title {
max-height: 3.2em;
}
.p-archive--news-item__image+.p-archive--news-item__content .p-archive--news-item__title span {
-webkit-line-clamp: 2;
}
@media (max-width: 767px) {
.p-archive--news-item__link {
padding: 25px;
}
.p-archive--news-item__title {
font-size: 16px;
}
.p-archive--news-item__image+.p-archive--news-item__content {
padding-left: 25px;
}
}
@media (max-width: 599px) {
.p-archive--news-item__image {
width: 100%;
height: 170px;
}
.p-archive--news-item__image+.p-archive--news-item__content {
width: 100%;
padding: 20px 0 0;
}
}  .p-recent-news {
margin-top: 40px;
}
.p-recent-news__list {}
@media (max-width: 599px) {
.p-recent-news .p-archive--news-item__link {
padding: 20px;
}
.p-recent-news .p-archive--news-item__image {
width: 80px;
height: 80px;
}
.p-recent-news .p-archive--news-item__title {
font-size: 14px;
line-height: 1.8;
max-height: 3.6em;
margin: -0.4em 0;
}
.p-recent-news .p-archive--news-item__image+.p-archive--news-item__content {
width: calc(100% - 80px);
padding: 0 0 0 15px;
}
}  .p-ranking-label {
display: block;
overflow: hidden;
height: 45px;
position: relative;
font-weight: 600;
font-size: 16px;
width: 40px;
}
.p-ranking-label__number {
width: 100%;
height: 35px;
position: relative;
z-index: 1;
color: #000;
background: #eeeeee;
padding-top: 3px;
font-family: 'Arial';
}
.p-ranking-label:before,
.p-ranking-label:after {
content: '';
position: absolute;
width: 23px;
height: 23px;
background: #eeeeee;
bottom: 4px;
}
.p-ranking-label:before {
transform: rotate(160deg);
left: -5px;
}
.p-ranking-label:after {
transform: rotate(-160deg);
right: -5px;
}
.p-ranking-label--1:before,
.p-ranking-label--1:after,
.p-ranking-label--1 .p-ranking-label__number {
color: #fff;
background: var(--tcd-review-ranking1-color, #b28c08);
}
.p-ranking-label--2:before,
.p-ranking-label--2:after,
.p-ranking-label--2 .p-ranking-label__number {
color: #fff;
background: var(--tcd-review-ranking2-color, #8f9396);
}
.p-ranking-label--3:before,
.p-ranking-label--3:after,
.p-ranking-label--3 .p-ranking-label__number {
color: #fff;
background: var(--tcd-review-ranking3-color, #7a4905);
}
.p-ranking-label--PR {
font-weight: normal;
font-size: 14px;
}
@media (max-width: 767px) {
.p-ranking-label {
width: 35px;
height: 40px;
font-size: 14px;
}
.p-ranking-label__number {
height: 33px;
padding-top: 2px;
}
.p-ranking-label:before,
.p-ranking-label:after {
width: 20px;
height: 20px;
bottom: 3px;
}
.p-ranking-label:before {
transform: rotate(160deg);
left: -4px;
}
.p-ranking-label:after {
transform: rotate(-160deg);
right: -4px;
}
} .p-review-category {
position: absolute;
top: 0;
left: 0;
min-width: 100px;
height: 50px;
padding: 0 1em;
font-size: 14px;
line-height: 1.6;
color: #000;
background: #fff;
z-index: 1;
transition: color 0.3s ease;
}
.p-review-category--round {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 100px;
height: 30px;
padding: 0 15px;
margin-left: -1px;
font-size: 12px;
line-height: 1.6;
color: #000;
background: #fff;
border: 1px solid #ddd;
border-radius: 50px;
transition: color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
.p-review-category:hover {
color: rgba(var(--tcd-hover-color, 0, 0, 0), 1);
}
.p-review-category--round:hover {
color: rgba(var(--tcd-hover-color, 0, 0, 0), 1);
}
}
@media (max-width: 767px) {
.p-review-category {
font-size: 12px;
height: 40px;
}
} .p-star-review {
font-size: 16px;
color: #bababa;
}
.p-star-review__icon {
position: relative;
}
.p-star-review__icon+.p-star-review__icon {
margin-left: -0.1em;
}
.p-star-review__icon.is-active {}
.p-star-review__icon.is-active:before {
content: '\e838';
position: absolute;
inset: 0;
margin: auto;
color: var(--tcd-review-star-color, #ff7f00);
}
.p-star-review__icon.is-last:before {
clip-path: inset(0 50% 0 0);
}
.p-star-review__total {
font-size: 14px;
font-weight: 600;
color: #000;
margin: 0 0 -2px 5px;
} .p-review-counts {
color: #999;
}
.p-review-counts__icon {
font-size: 12px;
}
.p-review-counts__number {
font-size: 14px;
margin-left: 5px;
}  .p-single--review-header {
margin-bottom: 20px;
}
.p-single--review-header__contents {}
.p-single--review-header__info {
width: 100%;
}
.p-single--review-header__rank+.p-single--review-header__info {
width: calc(100% - 100px);
}
.p-single--review-header__rank {
width: 100px;
min-width: 100px;
padding-right: 35px;
}
.p-single--review-header__rank-inner {
margin-top: -15px;
text-align: center;
}
.p-single__header.is-hide .p-single--review-header__rank-inner {
margin-top: 0;
}
.p-single--review-header__rank .p-ranking-label {
margin: 0 auto;
}
.p-single--review-header__desc {
font-size: 12px;
line-height: 1.5;
margin: calc(10px - 0.25em) 0 -0.25em;
}
.p-single--review-header__category-top {
margin-bottom: 15px;
}
@media (max-width: 767px) {
.p-single--review-header__rank {
width: 70px;
min-width: 70px;
padding-right: 15px;
}
.p-single--review-header__rank-inner {
margin-top: -10px;
}
.p-single--review-header__desc {
font-size: 10px;
}
.p-single__header.is-hide .p-single--review-header__rank-inner {
margin-top: 0;
}
}
.p-single--review-header__meta {
margin-top: 15px;
}
*+.p-single--review-header__meta-item {
margin-left: 10px;
}
@media (max-width: 767px) {
.p-single--review {
padding-top: 20px;
}
.p-single--review-header {}
.p-single--review-header__rank+.p-single--review-header__info {
width: calc(100% - 70px);
}
.p-single--review-header__contents {
margin-top: 10px;
}
.p-single--review-header__meta {
margin-top: 10px;
}
.p-single--review-header__meta-item .p-review-counts {
margin-top: 2px;
}
} .p-single--review-header__media {
margin-top: 40px;
position: relative;
} .p-single--review-header__images {}
.p-single--review-header__images-main {
background: rgba(var(--tcd-bg-color, 245, 245, 245), 1);
}
.p-single--review-header__images img {
width: 100%;
}
.p-single--review-header__images-sub {}
.p-single--review-header__images-sub__list {
margin: 0 0 0 -10px;
}
.p-single--review-header__images-sub__item {
cursor: pointer;
width: calc(100% / 5 - 10px);
height: 85px;
margin: 10px 0 0 10px;
transition: opacity 0.2s ease;
background: rgba(var(--tcd-bg-color, 245, 245, 245), 1);
}
.p-single--review-header__images-sub__item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.p-single--review-header__images-sub__item.is-active {
pointer-events: none;
opacity: 0.5;
}
@media (hover: hover) and (pointer: fine) {
.p-single--review-header__images-sub__item:hover {
opacity: 0.5;
}
} .p-single--review-header__video {
width: 100%;
max-width: 100%;
background: #333;
}
.p-single--review-header__video-bg {
width: 100%;
max-width: 100%;
height: auto;
vertical-align: bottom;
} .p-single--review-header__youtube {
position: relative;
padding-top: 56.25%;
background: #333;
}
.p-single--review-header__youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
@media (min-width: 768px) {
.p-single--review-header__images-sub__list {
flex-wrap: wrap;
}
}
@media not all and (max-width: 767px) {
.p-single--review-header__images-sub__list {
overflow: initial;
}
}
@media (max-width: 767px) {
.p-single--review-header__media {
width: calc(100% + 40px);
margin: 30px 0 0 -20px;
}
.p-single--review-header__images-sub__list {
margin: 0;
}
.p-single--review-header__images-sub__item {
width: 95px;
min-width: 95px;
height: 60px;
margin: 8px 0 0 8px;
}
.p-single--review-header__images-sub__list>*:last-child:after {
width: 8px;
}
} .p-single--review-table {
font-size: 16px;
line-height: 1.6;
margin-top: 40px;
border: 1px solid #ddd;
}
.p-single--review-table__wrapper {}
.p-single--review-table__body {}
.p-single--review-table__item {}
*+.p-single--review-table__item {
border-top: 1px solid #ddd;
}
.p-single--review-table__cell {
padding: calc(20px - 0.3em) 20px;
}
.p-single--review-table__cell-left {
font-weight: normal;
width: 25%;
text-align: center;
background: #f5f5f5;
border-right: 1px solid #ddd;
vertical-align: middle;
}
.p-single--review-table__cell-right {
width: 75%;
}
.p-single--review-table__cell>span>a {
color: rgba(var(--tcd-link-color, 21, 120, 214), 1);
}
.p-single--review-table__cell>span>a:hover {
text-decoration: underline;
}
@media (max-width: 767px) {
.p-single--review-table {
font-size: 14px;
overflow: auto hidden;
white-space: nowrap;
}
.p-single--review-table__cell {
padding: calc(15px - 0.3em) 15px;
}
} .p-single--review-tag-wrapper {
padding-top: 40px;
}
.p-single--review-tag {
margin: -5px 0px 0px -5px;
}
.p-single--review-tag__item {
margin: 5px 0 0 5px;
}
.p-single--review-tag__link {
min-width: 60px;
height: 30px;
font-size: 12px;
padding: 0 10px;
font-size: 12px;
background: #eee;
border-radius: 5px;
}
@media (hover: hover) and (pointer: fine) {
.p-single--review-tag__link:hover {
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
color: #fff;
}
} .p-single--review-button {
margin-top: 40px;
position: relative;
z-index: 1;
}  .p-review-comments-wrapper {
overflow: hidden;
margin-top: -1px;
transition: height 0.5s ease;
}
.p-review-comments-wrapper:not(.is-active) {
height: 0;
}
.p-review-comments {
background: rgba(var(--tcd-bg-color, 245, 245, 245), 1);
} .p-review-comments__form {
border: 1px solid #ddd;
border-top: none;
}
.p-review-comments__headline {
font-size: 18px;
line-height: 1.6;
padding: calc(20px - 0.3em) 40px;
color: #fff;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
} .p-review-comments__headline .cancel-comment-reply-link {
display: none;
}
.p-review-comments__must-login {
font-size: 16px;
text-align: center;
padding: 40px;
border: 1px solid #ddd;
border-top: none;
}
@media (max-width: 767px) {
.p-review-comments-wrapper {
width: calc(100% + 40px);
margin-left: -20px;
}
.p-review-comments__form {
border-left: none;
border-right: none;
}
.p-review-comments__headline {
font-size: 16px;
text-align: center;
padding: calc(15px - 0.3em) 20px;
}
.p-review-comments__must-login {
font-size: 14px;
padding: 20px;
border-left: none;
border-right: none;
}
}
.p-review-comments__item {
padding: 40px;
}
*:not(input)+.p-review-comments__item {
border-top: 1px solid #ddd;
}
.p-review-comments__item__submit {
margin-bottom: 40px;
text-align: center;
}
.p-review-comments__item__submit-button {
border: none;
}
@media (max-width: 767px) {
.p-review-comments__item {
padding: 40px 20px;
}
}
.p-review-comments__item-label {
display: block;
font-size: 16px;
font-weight: 600;
line-height: 1.6;
margin: -0.3em 0 calc(20px - 0.3em);
}
*+.p-review-comments__item-label {
margin-top: 40px;
}
.p-review-comments__item-text {
width: 100%;
height: 50px;
padding: 0 20px;
border: none;
background: #fff;
}
.p-review-comments__item-textarea {
width: 100%;
min-height: 260px;
padding: calc(20px - 0.3em) 20px;
border: none;
background: #fff;
line-height: 1.6;
}
.p-review-comments__item-desc {
font-size: 14px;
line-height: 1.8;
margin: calc(20px - 0.4em) 0 -0.4em;
}
.p-review-comments__item--caution-headline {
font-size: 16px;
line-height: 1.6;
margin: -0.3em 0;
color: #b20000;
font-weight: 600;
text-align: center;
}
.p-review-comments__item--caution-desc {
font-size: 14px;
line-height: 2.2;
margin: -0.6em 0;
}
*+.p-review-comments__item--caution-desc {
margin-top: calc(20px - 0.3em);
}
.p-review-comments__item--caution-desc a {
color: rgba(var(--tcd-link-color, 21, 120, 214), 1);
}
.p-review-comments__item--caution-desc a:hover {
text-decoration: underline;
}
@media (max-width: 767px) {
.p-review-comments__item-label {
padding-left: 5px;
}
.p-review-comments__item-text {
padding: 0 15px;
height: 45px;
}
.p-review-comments__item-desc {
padding-left: 5px;
}
} .p-review-comments__rating-list {}
.p-review-comments__rating-item {
background: #fff;
}
.p-review-comments__rating-item+.p-review-comments__rating-item {
margin-top: 20px;
}
.p-review-comments__rating-item__headline {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 30px;
line-height: 1.6;
font-weight: 600;
font-size: 16px;
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.p-review-comments__rating-item__stars {
padding: 20px 30px;
border-top: 1px solid #ddd;
}
.p-review-comments__rating-item__stars-label {
font-size: 16px;
line-height: 1.4;
}
.p-review-comments__rating-item__stars-value {
margin-left: 15px;
}
.p-review-comments__rating-item__stars-input {
display: block;
margin: 0;
width: 1px;
opacity: 0;
pointer-events: none;
}
.p-review-comments__rating-item__stars-icon {
cursor: pointer;
font-size: 24px;
color: #bababa;
}
.is-checked>.p-review-comments__rating-item__stars-icon {
color: var(--tcd-review-star-color, #ff7f00);
}
.p-review-comments__rating-item__stars-input:checked+.p-review-comments__rating-item__stars-icon {
color: var(--tcd-review-star-color, #ff7f00);
}
.p-review-comments__rating-item__stars-input:checked~.p-review-comments__rating-item__stars-icon~.p-review-comments__rating-item__stars-icon {
color: #bababa;
}
@media (max-width: 767px) {
.p-review-comments__rating-item__headline {
padding: 15px;
}
.p-review-comments__rating-item__stars {
padding: 15px;
}
.p-review-comments__rating-item__stars-label {
font-size: 14px;
padding-top: 1px;
}
.p-review-comments__rating-item__stars-icon {
font-size: 20px;
}
} .p-review-comments__item-required,
.p-review-comments__item-any {
display: inline-block;
min-width: 50px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 12px;
padding: 0 10px;
margin-left: 10px;
color: #fff;
font-weight: 500;
border-radius: 25px;
}
.p-review-comments__item-required {
background: #000;
}
.p-review-comments__item-any {
background: #7f7f7f;
} .p-comment-message {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 10px 0;
display: none;
z-index: 101;
background: #20C563;
font-size: 14px;
min-height: 50px;
line-height: 1.5;
text-align: center;
color: #fff;
font-weight: 600;
}
@media (max-width: 767px) {
.p-comment-message {
font-size: 12px;
min-height: 40px;
}
} .p-review-loop-wrapper {
overflow: hidden;
}
.p-review-loop {
margin-bottom: -1px;
}
.p-archive--review {}
.p-archive--review-item {
position: relative;
background: #fff;
}
.p-archive--review-item__link {
display: block;
padding: 40px;
}
.p-archive--review-item__image {
width: 100%;
height: 200px;
position: relative;
}
.p-archive--review-item__image-bg {
width: 100%;
height: 100%;
}
.p-archive--review-item__meta {
margin-top: 15px;
}
*+.p-archive--review-item__meta-item {
margin-left: 10px;
}
.p-archive--review-item__content {
padding-top: 40px;
}
.p-archive--review-item__title {
font-size: 18px;
line-height: 1.6;
height: 1.6em;
margin: -0.3em 0;
}
.p-archive--review-item__desc {
font-size: 16px;
line-height: 2;
height: 4em;
margin: calc(20px - 0.5em) 0 -0.5em;
}
.p-archive--review-item__rank {
position: absolute;
left: 30px;
top: -20px;
z-index: 2;
}
.p-archive--review-item__category-wrapper {
margin-bottom: -20px;
}
.p-archive--review-item__category-wrapper+.p-archive--review-item__content .p-archive--review-item__desc {
height: 8em;
margin-top: calc(40px - 0.5em);
}
.p-archive--review-item__category-wrapper+.p-archive--review-item__content .p-archive--review-item__desc>span {
-webkit-line-clamp: 4;
} @media not all and (max-width: 767px) {
.p-review-loop .p-archive--review-item {
width: calc(100% / 3);
border-bottom: 1px solid #ddd;
}
.p-review-loop .p-archive--review-item:not(:nth-of-type(3n)) {
border-right: 1px solid #ddd;
}
}
@media (max-width: 1024px) {
.p-archive--review-item__link {
padding: 25px;
}
.p-archive--review-item__image {
height: 170px;
}
.p-archive--review-item__content {
padding-top: 25px;
}
.p-archive--review-item__title {
font-size: 16px;
}
.p-archive--review-item__meta {
margin-top: 10px;
margin-left: -2px;
}
.p-archive--review-item__desc {
font-size: 14px;
margin-top: calc(15px - 0.5em);
}
.p-archive--review-item__category-wrapper {
margin: 20px 0 -10px;
}
.p-review-loop .p-archive--review-item__category-wrapper {
margin-top: 0;
}
.p-archive--review-item__category-wrapper+.p-archive--review-item__content .p-archive--review-item__desc {
margin-top: calc(20px - 0.5em);
}
}
@media (max-width: 767px) {
.p-review-loop .p-archive--review-item {
width: calc(100% / 2);
border-bottom: 1px solid #ddd;
}
.p-review-loop .p-archive--review-item:not(:nth-of-type(2n)) {
border-right: 1px solid #ddd;
}
}
@media (max-width: 599px) {
.p-review-loop .p-archive--review-item {
width: 100%;
border-bottom: 1px solid #ddd;
border-right: none !important;
}
}  .p-archive--review-rating--type2 {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
gap: 15px;
white-space: nowrap;
font-size: 14px;
color: #999;
}
.p-archive--review-rating--type2__item {
display: flex;
gap: 5px;
}
.p-archive--review-rating--type2__item-value {
color: #000;
font-weight: 600;
}
@media (max-width: 1024px) {
.p-archive--review-rating--type2 {
margin-top: 20px;
}
} .p-archive--review-rating--type3 {
margin-top: 25px;
overflow: hidden;
margin-bottom: -10px;
}
.p-archive--review-rating--type3__list {
display: grid;
gap: 1px;
grid-template-columns: 1fr 1fr;
font-size: 12px;
color: #666;
background: #ddd;
margin: -1px -1em;
}
.p-archive--review-rating--type3__item {
display: flex;
gap: 3px;
padding: 1em;
background: #fff;
}
.p-archive--review-rating--type3__item-label {
flex: 1;
min-width: 0;
line-height: 1.4;
margin: -0.2em 0;
}
.p-archive--review-rating--type3__item-value {
color: #000;
font-weight: 600;
}
@media (max-width: 1024px) {
.p-archive--review-rating--type3 {
margin-top: 20px;
}
} .p-single--review-rating {
padding: 40px 40px 40px 0;
border: 1px solid #ddd;
margin-top: 40px;
}
.p-single--review-rating__total {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 180px;
}
.p-single--review-rating__total-label {
font-size: 14px;
margin-bottom: 10px;
}
.p-single--review-rating__total-number {
font-size: 40px;
font-weight: 700;
}
.p-single--review-rating__total .p-star-review {
margin-top: 10px;
}
.p-single--review-rating__total .p-review-counts {
margin-top: 10px;
}
.p-single--review-rating__list {
width: calc(100% - 180px);
}
*+.p-single--review-rating__item {
margin-top: 40px;
}
.p-single--review-rating__item-info {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-single--review-rating__item-label {
display: block;
font-size: 16px;
padding-left: 10px;
}
.p-single--review-rating__item .p-star-review__total {
font-size: 16px;
color: #000;
}
.p-single--review-rating__item-score {
margin-top: 20px;
width: 100%;
height: 8px;
background: #dddddd;
border-radius: 8px;
overflow: hidden;
}
.p-single--review-rating__item-score__bar {
display: block;
width: 0%;
height: 100%;
background: var(--tcd-review-star-color, #ff7f00);
transition: width 1s 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.p-single--review-rating__item-score__bar:not(.is-show) {
width: 0 !important;
}
@media (max-width: 767px) {
.p-single--review-rating {
width: calc(100% + 40px);
padding: 40px 20px;
margin-left: -20px;
border-left: none;
border-right: none;
}
.p-single--review-rating__total {
width: 100%;
}
.p-single--review-rating__list {
width: 100%;
margin-top: 40px;
}
.p-single--review-rating__item-label {
padding-left: 0;
}
.p-single--review-rating__item-score {
margin-top: 15px;
height: 7px;
}
}
@media (max-width: 599px) {
.p-single--review-rating__list {
max-width: 300px;
margin: 40px auto 0;
}
} .p-single--review-comments {
margin-top: 40px;
}
.p-single--review-comments__headline {
font-size: 18px;
line-height: 1.6;
color: #fff;
text-align: center;
position: relative;
padding: calc(20px - 0.3em) 40px;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.p-single--review-comments__headline-count {
position: absolute;
top: 0;
right: 30px;
height: 100%;
}
.p-single--review-comments__headline-count .p-review-counts {
color: #fff;
}
.p-single--review-comments__item {
padding: 40px;
border: 1px solid #ddd;
margin-top: -1px;
}
.p-single--review-comments__item-title {
font-size: 18px;
line-height: 2;
margin: -0.5em 0;
font-weight: 600;
}
.p-single--review-comments__item-desc {
font-size: 14px;
line-height: 2.2;
margin: calc(20px - 0.6em) 0 -0.6em;
}
.p-single--review-comments__item-meta {
font-size: 14px;
color: #999;
margin: 10px 0 0 -10px;
}
.p-single--review-comments__item-meta>li {
margin: 10px 0 0 10px;
}
.p-single--review-comments__item-meta__rating {
padding-bottom: 1px;
}
.p-single--review-comments__item-like {
font-size: 14px;
color: #666666;
margin: 25px 0 0 -10px;
}
.p-single--review-comments__item-like__button {
width: 52px;
height: 28px;
font-size: 12px;
background: #f5f5f5 !important;
border-radius: 5px;
}
.p-single--review-comments__item-like__button.is-liked {
color: #fff;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1) !important;
}
.p-single--review-comments__item-like>* {
margin: 10px 0 0 10px;
}
.p-single--review-comments__item-like__count {
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.p-single--review-comments__item-like__count-icon {}
.p-single--review-comments__item-like__count-number {
margin-left: 3px;
} .p-single--review-comments__item-readmore {
cursor: pointer;
display: inline-block;
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
font-size: 14px;
margin-top: 20px;
}
.p-single--review-comments__item-desc--hide {
max-height: 4.4em;
overflow: hidden;
position: relative;
}
.p-single--review-comments__item-desc--hide:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 5em);
}
.p-single--review-comments__item-desc--hide:not(.is-hide):before {
content: none;
}
.p-single--review-comments__item-desc--hide:not(.is-hide)+.p-single--review-comments__item-readmore {
display: none;
pointer-events: none;
}
.p-single--review-comments__item-desc--hide.is-active {
max-height: initial;
}
.p-single--review-comments__item-desc--hide.is-active:before {
display: none;
}
.p-single--review-comments__item-desc--hide.is-active+.p-single--review-comments__item-readmore .p-single--review-comments__item-readmore--open,
.p-single--review-comments__item-desc--hide:not(.is-active)+.p-single--review-comments__item-readmore .p-single--review-comments__item-readmore--close {
display: none;
}
.p-single--review-comments__no-comments {
font-size: 16px;
text-align: center;
padding: 40px 20px;
border: 1px solid #ddd;
border-top: none;
}
@media (max-width: 767px) {
body.single-review .l-main:only-child:after {
content: none;
}
.l-main:only-child .p-single--review-comments__post {
margin-bottom: -40px;
}
.p-single--review-comments__headline {
font-size: 16px;
padding: calc(15px - 0.3em) 40px;
}
.p-single--review-comments__headline-count {
right: 20px;
}
.p-single--review-comments__item {
padding: 30px 25px;
}
.p-single--review-comments__item-title {
font-size: 16px;
}
.p-single--review-comments__item-desc {
margin-top: calc(15px - 0.6em);
}
.p-single--review-comments__item-meta {
margin-top: 5px;
}
.p-single--review-comments__item-meta>li {
font-size: 14px;
}
.p-single--review-comments__item-like {
margin-top: 15px;
}
.p-single--review-comments__no-comments {
font-size: 14px;
}
} .p-single--review-write {
border: 1px solid #ddd;
height: 60px;
margin-top: 40px;
cursor: pointer;
}
.p-single--review-write__icon {}
.p-single--review-write__label {
font-size: 16px;
margin-left: 5px;
}
.p-single--review-write * {
transition: color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
.p-single--review-write:hover * {
color: rgba(var(--tcd-hover-color, 0, 0, 0), 1);
}
}
@media (max-width: 767px) {
.p-single--review-write {
width: calc(100% + 40px);
height: 50px;
margin-left: -20px;
border-left: none;
border-right: none;
}
}  .p-single--review-comments__item-rating {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-top: 20px;
font-size: 14px;
color: #999;
white-space: nowrap;
}
.p-single--review-comments__item-rating__item {
display: flex;
gap: 5px;
}
.p-single--review-comments__item-rating__item-value {
color: #000;
font-weight: 600;
} .p-single--review-card{ margin-top:40px; }
.p-single--review-card .p-single--review-card_tile{ width:100%; margin-bottom:0; font-size:18px; padding:calc(20px - 0.3em) 40px; background:rgba(var(--tcd-accent-color, 0, 0, 0), 1); color:#fff; text-align:center; line-height:1.6; }
.p-single--review-card .p-single--review-card_tile a{ color:#fff; transition: opacity 0.3s ease; }
.p-single--review-card .p-single--review-card_tile a:hover{ text-decoration:none; opacity:0.5; }
.p-single--review-card .p-single--review-rating{ margin-top:0; border-top:none; }
.p-single--review-card ul.p-single--review-rating__list{ list-style:none; margin-left:0; }
.p-single--review-card ul.p-single--review-rating__list li{ line-height:inherit; }
@media (max-width: 767px) {
.p-single--review-card{ border:1px solid #ddd; border-bottom:none; border-top:none; padding:0 20px; }
.p-single--review-card .p-single--review-card_tile{ width:calc(100% + 42px); margin-left:-21px; }
.p-single--review-card .p-single--review-rating{ padding-bottom:20px; }
} .p-review-footer-bar {
position: fixed;
left: 0;
bottom: 30px;
width: 100%;
z-index: 99;
}
.p-review-footer-bar__inner {}
.p-review-footer-bar__list {
max-width: 100%;
height: 60px;
padding: 0 40px;
border-radius: 60px;
background: #000;
overflow: hidden;
}
.p-review-footer-bar__item {
font-size: 16px;
}
*+.p-review-footer-bar__item {
margin-left: 35px;
}
.p-review-footer-bar__link {
color: #fff;
background: transparent;
transition: opacity 0.3s ease;
}
.p-review-footer-bar__icon {
margin-right: 5px;
}
.p-review-footer-bar__icon--share {
font-size: 24px;
}
.p-review-footer-bar__icon--done {
font-size: 22px;
display: none;
}
.p-review-footer-bar__link.is-copied {
pointer-events: none;
}
.p-review-footer-bar__link.is-copied .p-review-footer-bar__icon--share {
display: none;
}
.p-review-footer-bar__link.is-copied .p-review-footer-bar__icon--done {
display: block;
}
.p-review-footer-bar__link:hover {
opacity: 0.7;
}
@media (max-width: 767px) {
.p-review-footer-bar {
bottom: 0;
background: #000;
}
.p-review-footer-bar__list {
height: 50px;
padding: 0 20px;
}
.p-review-footer-bar__item {
font-size: 14px;
}
*+.p-review-footer-bar__item {
margin-left: 30px;
}
.p-review-footer-bar__space {
width: 100%;
height: 50px;
}
} .p-header-review-slider {
height: 550px;
overflow: hidden;
}
.p-header-review-slider__inner {
width: calc(100% + 4px);
height: 100%;
margin-left: -2px;
}
.p-header-review-slider__list {}
.p-header-review-slider__item {
width: calc(100% / 3);
}
.p-header-review-slider__item-link {
display: block;
height: 100%;
position: relative;
overflow: hidden;
}
.p-header-review-slider__item-category {
z-index: 4;
}
.p-header-review-slider__item-content {
position: absolute;
left: 0;
bottom: -70px;
z-index: 3;
width: 100%;
transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.p-header-review-slider__item-text {
padding: 40px;
color: #fff;
}
.p-header-review-slider__item-title {
font-size: 20px;
line-height: 1.6;
margin: -0.3em;
height: 1.6em;
padding-left: 5px;
}
.p-header-review-slider__item-desc {
font-size: 16px;
line-height: 2;
height: 4em;
margin: calc(20px - 0.5em) 0 -0.5em
}
.p-header-review-slider__item-meta {
height: 70px;
padding: 0 40px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
*+.p-header-review-slider__item-meta__item {
margin-left: 15px;
}
.p-header-review-slider__item-meta__item .p-star-review__total {
color: #fff;
}
.p-header-review-slider__item-meta__rank {
font-size: 14px;
color: #fff;
}
.p-header-review-slider__item-meta__rating {
padding-bottom: 2px;
}
.p-header-review-slider__item-meta__comment * {
color: #fff;
}
.p-header-review-slider__item-meta__rank .p-ranking-label {
min-width: 25px;
width: 25px;
height: 30px;
font-size: 12px;
margin-right: 10px;
}
.p-header-review-slider__item-meta__rank .p-ranking-label__number {
height: 20px;
padding-top: 5px;
}
.p-header-review-slider__item-meta__rank-desc {
line-height: 1.4;
margin: -0.2em 0;
}
.p-header-review-slider__item-overlay {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8));
background-color: transparent;
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
.p-header-review-slider__item-link:hover .p-header-review-slider__item-content {
transform: translateY(-70px);
}
}
@media (max-width: 1024px) {
.p-header-review-slider__item {
width: calc(100% / 2);
}
}
@media (max-width: 767px) {
.p-header-review-slider {
height: 470px;
}
.p-header-review-slider__item-text {
padding: 20px;
}
.p-header-review-slider__item-title {
font-size: 18px;
}
.p-header-review-slider__item-desc {
font-size: 14px;
margin-top: calc(15px - 0.5em);
}
.p-header-review-slider__item-content {
bottom: 0;
}
.p-header-review-slider__item-meta {
padding: 0 20px;
height: 60px;
}
*+.p-header-review-slider__item-meta__item {
margin-left: 10px;
}
.p-header-review-slider__item-meta__rank-desc {
text-align: center;
}
}
@media (max-width: 599px) {
.p-header-review-slider__item {
width: 100%;
}
} .p-news-ticker {
width: 100%;
background: #fff;
}
.p-news-ticker+.c-shadow {
display: block;
} .p-news-ticker__inner {
height: 60px;
}
.p-news-ticker__list {
height: 100%;
}
.p-news-ticker__wrapper {
height: 100%;
}
.p-news-ticker__item {
height: 100%;
font-size: 16px;
opacity: 0;
transition: opacity 0.2s ease;
}
.p-news-ticker__date {
line-height: 60px;
font-weight: 600;
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
font-family: 'Arial';
}
.p-news-ticker__title {
line-height: 60px;
margin-left: 15px;
font-weight: 600;
}
.p-news-ticker__link {
color: #000;
}
.p-news-ticker__item.swiper-slide-active {
opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
.p-news-ticker__link:hover {
color: rgba(0, 0, 0, 0.5);
}
}
@media (max-width: 767px) {
.p-news-ticker {}
.p-news-ticker__inner {
height: 50px;
}
article.p-news-ticker__item {
font-size: 14px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.p-news-ticker__date {
line-height: 50px;
}
.p-news-ticker__title {
font-size: 14px;
line-height: 50px;
margin-left: 10px;
}
} .p-fp-section {
padding: 80px 0;
}
.p-fp-section--type1 {
background: #fff;
}
.p-fp-section--type2 {
background: rgba(var(--tcd-bg-color, 245, 245, 245), 1);
}
.p-fp-section--type1+.p-fp-section--type1:not(.p-fp-banner),
.p-fp-section--type2+.p-fp-section--type2:not(.p-fp-banner) {
border-top: 1px solid #ddd;
}
.p-fp-section--type1+.p-fp-section--type1.p-fp-banner,
.p-fp-section--type2+.p-fp-section--type2.p-fp-banner {
margin-top: -80px;
}
.p-fp-section--type1+.p-fp-section-border {
border-top: 1px solid #ddd;
}
@media (max-width: 767px) {
.p-fp-section {
padding: 40px 0;
}
.p-fp-section-border {
display: none;
}
.p-fp-section--type1+.p-fp-section--type1.p-fp-banner,
.p-fp-section--type2+.p-fp-section--type2.p-fp-banner {
margin-top: -40px;
}
}
.p-fp-section__header {
text-align: center;
padding-bottom: 80px;
}
.p-fp-section__headline {
font-size: 36px;
line-height: 1.6;
margin: -0.3em 0;
}
.p-fp-section__desc {
font-size: 16px;
line-height: 2.4;
margin: -0.7em 0;
}
.p-fp-section__headline+.p-fp-section__desc {
margin-top: calc(30px - 0.7em);
}
@media (max-width: 767px) {
.p-fp-section__header {
padding-bottom: 40px;
}
.p-fp-section__headline {
font-size: 22px;
}
.p-fp-section__desc {
font-size: 14px;
line-height: 2;
margin: -0.5em 0;
}
.p-fp-section__headline+.p-fp-section__desc {
margin-top: calc(20px - 0.5em);
}
}
.p-fp-section__button {
margin-top: 80px;
text-align: center;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.p-fp-section__button {
margin-top: 40px;
}
} .p-fp-main-page {} .p-fp-banner {}
.p-fp-banner__link {
display: block;
width: calc(50% - 20px);
position: relative;
height: 200px;
}
.p-fp-banner__link+.p-fp-banner__link {
margin-left: 40px;
}
.p-fp-banner__content {
position: absolute;
left: 0;
bottom: 0;
z-index: 4;
color: #fff;
width: 100%;
padding: 30px;
}
.p-fp-banner__headline {
font-size: 28px;
line-height: 1.6;
margin: -0.3em 0;
}
.p-fp-banner__headline-sub {
font-size: 16px;
line-height: 1.5;
margin: -0.25em 0;
}
*+.p-fp-banner__headline-sub {
margin-top: calc(15px - 0.25em);
}
.p-fp-banner__overlay {
background: transparent;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6));
}
.p-fp-banner__image {}
@media not all and (max-width: 767px) {
.p-fp-banner__link:only-child {
width: 560px;
}
}
@media (max-width: 767px) {
.p-fp-banner__link {
height: 120px;
max-width: 400px;
width: 100%;
}
.p-fp-banner__link+.p-fp-banner__link {
margin: 20px 0 0 0;
}
.p-fp-banner__content {
padding: 20px;
}
.p-fp-banner__headline {
font-size: 24px;
}
.p-fp-banner__headline-sub {
font-size: 14px;
}
*+.p-fp-banner__headline-sub {
margin-top: calc(10px - 0.25em);
}
} .p-fp-review-ranking {}
.p-fp-review-ranking__inner {}
.p-fp-review-ranking__list {
padding-top: 20px;
}
.p-fp-review-ranking .p-archive--review-item {
width: calc(100% / 3);
background: #fff;
}
.p-fp-review-ranking *+.p-archive--review-item {
border-left: 1px solid #ddd;
}
@media (max-width: 1024px) {
.p-fp-review-ranking__list {
width: calc(100% + 60px);
margin-left: -30px;
padding-left: 30px;
}
.p-fp-review-ranking .p-archive--review-item {
width: 320px;
min-width: 320px;
}
}
@media (max-width: 767px) {
.p-fp-review-ranking__list {
width: calc(100% + 40px);
margin-left: -20px;
padding-left: 20px;
}
}
.p-fp-review-ranking.p-fp-section--type1 .p-archive--review-item {
border: 1px solid #ddd;
}
.p-fp-review-ranking.p-fp-section--type1 *+.p-archive--review-item {
border-left: none;
} .p-fp-posts {}
.p-fp-posts__swiper {
position: relative;
}
.p-fp-posts .p-archive--post-item {
display: block;
margin-top: 0;
}
@media (max-width: 1240px) {
.p-fp-posts__arrow {
display: none;
}
}
@media (max-width: 767px) {
.p-fp-posts .p-archive--post-item__image-bg {
height: 240px;
}
.p-fp-posts__swiper {
margin: 0 -20px;
}
} .p-fp-review-list {}
.p-fp-review-list__list {
background: #fff;
}
.p-fp-section--type1 .p-review-loop {
overflow: initial;
}
@media not all and (max-width: 767px) {
.p-fp-section--type1 .p-review-loop .p-archive--review-item:nth-of-type(-n+3) {
border-top: 1px solid #ddd;
}
.p-fp-section--type1 .p-review-loop .p-archive--review-item:nth-of-type(3n) {
border-right: 1px solid #ddd;
}
.p-fp-section--type1 .p-review-loop .p-archive--review-item:nth-of-type(3n-2) {
border-left: 1px solid #ddd;
}
}
@media (min-width: 600px) and (max-width: 767px) {
.p-fp-section--type1 .p-review-loop .p-archive--review-item:nth-of-type(-n+2) {
border-top: 1px solid #ddd;
}
.p-fp-section--type1 .p-review-loop .p-archive--review-item:nth-of-type(2n) {
border-right: 1px solid #ddd;
}
.p-fp-section--type1 .p-review-loop .p-archive--review-item:nth-of-type(2n-1) {
border-left: 1px solid #ddd;
}
}
@media (max-width: 599px) {
.p-fp-section--type1 .p-review-loop .p-archive--review-item {
border-left: 1px solid #ddd !important;
border-right: 1px solid #ddd !important;
}
.p-fp-section--type1 .p-review-loop .p-archive--review-item:first-of-type {
border-top: 1px solid #ddd;
}
} .p-fp-review-comments {}
.p-fp-review-comments__list {
margin: -40px 0 0 -40px;
}
.p-fp-review-comments__item {
width: calc(50% - 40px);
background: #fff;
padding: 0;
margin: 40px 0 0 40px;
}
.p-fp-section--type2 .p-fp-review-comments__item {
border-color: #fff;
}
.p-fp-review-comments__item-header {
width: calc(100% + 2px);
height: 60px;
padding: 0 30px;
margin: -1px 0 0 -1px;
color: #fff;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.p-fp-review-comments__item-header__title {
flex: 1;
font-size: 16px;
line-height: 1.6;
height: 1.6em;
transition: color 0.5s ease;
font-weight: 600;
}
.p-fp-review-comments .p-review-counts {
flex-shrink: 0;
flex-grow: 0;
color: #fff;
margin-left: 20px;
}
.p-fp-review-comments__item-content {
padding: 40px;
overflow-y: auto;
}
.p-fp-review-comments__item-content { height:300px; }
.p-fp-review-comments .p-fp-review-comments__item-content{ height:235px; }
.p-fp-review-comments__item-title {
height: 2em;
}
.p-fp-review-comments__item-desc {
height: 4.4em;
}
@media (hover: hover) and (pointer: fine) {
.p-fp-review-comments__item-header:hover .p-fp-review-comments__item-header__title {
color: rgba(255, 255, 255, 0.7);
}
}
@media (max-width: 767px) {
.p-fp-review-comments__list {
margin: -20px 0 0 0;
}
.p-fp-review-comments__item {
width: 100%;
padding: 0;
margin: 20px 0 0 0;
}
.p-fp-review-comments__item-header {
height: 50px;
padding: 0 15px;
}
.p-fp-review-comments .p-review-counts {
margin-left: 5px;
}
.p-fp-review-comments__item-content {
padding: 25px;
height: auto;
}
.p-fp-review-comments .p-fp-review-comments__item-content {
height: auto;
}
.p-fp-review-comments__item-desc {
height: auto;
max-height: 6.6em;
}
.p-fp-review-comments__item-desc>span {
-webkit-line-clamp: 3;
}
.p-fp-review-comments__item-meta__date {
display: none;
}
} .p-fp-review-banner {}
.p-fp-review-banner__list {
margin: -40px 0 0 -40px;
}
.p-fp-review-banner__item {
width: calc(100% / 3 - 40px);
margin: 40px 0 0 40px;
}
.p-fp-review-banner__item-image {
position: relative;
height: 180px;
}
.p-fp-review-banner__item-overlay {
background: transparent;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6));
}
.p-fp-review-banner__item-image__bg {}
.p-fp-review-banner__item-title {
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
width: 100%;
color: #fff;
font-size: 18px;
line-height: 1.8;
text-align: center;
padding: calc(30px - 0.4em) 30px;
font-weight: 600;
}
.p-fp-review-banner__item-content {
padding: 30px;
background: #fff;
}
.p-fp-section--type1 .p-fp-review-banner__item-content {
border: 1px solid #ddd;
border-top: none;
}
.p-fp-review-banner__item-desc {
font-size: 16px;
line-height: 2;
margin: -0.5em 0;
}
@media (max-width: 1024px) {
.p-fp-review-banner__item {
width: calc(100% / 2 - 40px);
}
}
@media (max-width: 767px) {
.p-fp-review-banner__list {
margin: -20px 0 0 -20px;
}
.p-fp-review-banner__item {
width: calc(100% / 2 - 20px);
margin: 20px 0 0 20px;
}
.p-fp-review-banner__item-image {
height: 160px;
}
.p-fp-review-banner__item-title {
font-size: 16px;
padding: calc(25px - 0.4em) 25px;
}
.p-fp-review-banner__item-content {
padding: 25px;
}
.p-fp-review-banner__item-desc {
font-size: 14px;
}
}
@media (max-width: 599px) {
.p-fp-review-banner__item {
width: calc(100% - 20px);
}
} .p-fp-review-tags__list {
margin: -5px 0px 0px -5px;
}
.p-fp-review-tags__item {
margin: 5px 0px 0px 5px;
}
.p-fp-review-tags__item-link {
color: #000;
background: #fff;
border-radius: 5px;
border: 1px solid #ddd;
font-size: 12px;
min-width: 60px;
height: 35px;
padding: 0 10px;
transition-property: color, background, border-color;
transition-duration: 0.3s;
transition-timing-function: ease;
}
@media (hover: hover) and (pointer: fine) {
.p-fp-review-tags__item-link:hover {
color: #fff;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
border-color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
}  .p-single--lp--narrow {
max-width: 850px;
}
.p-single--lp--normal {
max-width: 1000px;
}
.p-single--lp--wide {}
@media not all and (max-width: 767px) {
.p-single--lp {
padding: 80px 50px;
margin: 0 auto;
}
.p-single--lp--narrow {
padding: 80px 40px;
}
}
@media (max-width: 767px) {
.p-single--lp {
padding: 40px 20px;
margin-top: -40px;
}
} .post_content .p-faq-list {
margin-bottom: 2em;
background: #fff;
}
.post_content .p-faq-list__item {
border: 1px solid #ddd;
}
.post_content *+.p-faq-list__item {
margin-top: -1px;
}
.post_content .p-faq-list__title {
font-size: 16px;
font-weight: 500;
line-height: 1.6;
padding: 25px 70px 25px 30px;
margin: 0 !important;
cursor: pointer;
position: relative;
transition: color 0.4s ease;
}
.post_content .p-faq-list__title-label {
display: block;
margin: -0.7em 0;
}
.post_content .p-faq-list__title-icon {
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
overflow: hidden;
}
.post_content .p-faq-list__title-icon:before,
.post_content .p-faq-list__title-icon:after {
content: '';
display: block;
width: 1px;
height: 10px;
background: #000;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.post_content .p-faq-list__title-icon:before {
transition: height 0.3s ease;
}
.post_content .p-faq-list__title-icon:after {
transform: rotate(90deg);
}
.post_content .p-faq-list__content {
height: 0;
overflow: hidden;
transition: height 0.5s cubic-bezier(0.54, 0.07, 0.38, 0.9);
}
.post_content .p-faq-list__desc {
font-size: 16px;
line-height: 2.4;
border-top: 1px solid #ddd;
padding: 30px;
}
.post_content .p-faq-list__desc span {
display: block;
margin: -0.7em 0;
transition: opacity 0.7s ease;
opacity: 0;
}
.post_content .p-faq-list__title.is-active {
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.post_content .p-faq-list__title.is-active .p-faq-list__title-icon:before {
height: 0;
}
.post_content .p-faq-list__title.is-active+.p-faq-list__content span {
opacity: 1;
transition: opacity 1s ease;
}
@media (max-width: 767px) {
.post_content .p-faq-list__title {
font-size: 14px;
padding: 17px 45px 17px 20px;
}
.post_content .p-faq-list__title-label {
line-height: 1.6;
margin: -0.3em 0;
}
.post_content .p-faq-list__title-icon {
right: 20px;
}
.post_content .p-faq-list__desc {
font-size: 14px;
padding: 20px;
}
}  .p-ranking__categories {}
.p-ranking__categories-list {
margin: -4px 0 0 -4px;
}
.p-ranking__categories-item {
width: 100%;
height: 60px;
margin: 4px 0 0 4px;
cursor: pointer;
position: relative;
font-size: 16px;
text-align: center;
line-height: 1.6;
font-weight: 600;
}
.p-ranking__categories-item__link,
.p-ranking__categories-item--child-item {
width: 100%;
height: 100%;
background: #F1F1F1;
padding: 0 20px;
transition: color 0.2s ease, background 0.2s ease;
}
.p-ranking__categories-item.is-active .p-ranking__categories-item__link,
.p-ranking__categories-item.is-open .p-ranking__categories-item__link,
.p-ranking__categories-item--child-item.is-active {
color: #fff;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.p-ranking__categories-item--child {
position: absolute;
width: 100%;
top: 100%;
left: 0;
z-index: 3;
height: 0;
overflow: hidden;
transition: height 0.3s ease;
}
.p-ranking__categories-item--child-item {
width: 100%;
height: 50px;
color: #000;
background: #fff;
padding: 0 20px;
border: 1px solid #ddd;
border-top: none;
font-weight: normal;
}
*+.p-ranking__categories-item--child-item {
border-top: 1px solid #ddd;
margin-top: -1px;
}
.p-ranking__categories-item__toggle {
cursor: pointer;
display: block;
width: 50px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.p-ranking__categories-item__toggle:before,
.p-ranking__categories-item__toggle:after {
content: '';
display: block;
width: 1px;
height: 10px;
background: #000;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: height 0.3s ease, background 0.3s ease, opacity 0.3s ease;
}
.is-active>.p-ranking__categories-item__toggle:before,
.is-active>.p-ranking__categories-item__toggle:after {
background: #fff;
}
.p-ranking__categories-item__toggle:after {
transform: rotate(90deg);
}
.is-open>.p-ranking__categories-item__toggle:before {
height: 0;
}
.is-open>.p-ranking__categories-item__toggle:before,
.is-open>.p-ranking__categories-item__toggle:after {
background: #fff;
}
@media (hover: hover) and (pointer: fine) {
.p-ranking__categories-item__link:hover {
color: #fff;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.p-ranking__categories-item--child-item:hover {
color: #fff;
background: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.p-ranking__categories-item__link:hover+.p-ranking__categories-item__toggle:before,
.p-ranking__categories-item__link:hover+.p-ranking__categories-item__toggle:after {
background: #fff;
}
.p-ranking__categories-item__toggle:hover:before,
.p-ranking__categories-item__toggle:hover:after {
opacity: 0.5;
}
}
@media not all and (max-width: 767px) {
.p-ranking__categories-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-ranking__categories-item {
width: calc(100% / 3 - 4px);
}
}
@media not all and (max-width: 1024px) {
.p-ranking__categories-item {
width: calc(100% / 5 - 4px);
}
} .p-ranking__form-ratings {
margin-top: 50px;
}
.p-ranking__form-ratings__list {}
.p-ranking__form-ratings__item {
cursor: pointer;
font-size: 16px;
height: 40px;
padding: 0 25px;
transition: color 0.3s ease;
}
*+.p-ranking__form-ratings__item {
border-left: 1px solid #ddd;
}
.p-ranking__form-ratings__item.is-active {
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
@media (hover: hover) and (pointer: fine) {
.p-ranking__form-ratings__item:hover {
color: rgba(var(--tcd-hover-color, 0, 0, 0), 1);
}
} .p-ranking__headline {
font-size: 20px;
text-align: center;
line-height: 1.4;
padding: calc(20px - 0.2em);
background: #F1F1F1;
margin-top: 50px;
position: relative;
z-index: 2;
}
.p-ranking__list {}
.p-ranking__item {
opacity: 0;
border: 1px solid #ddd;
margin-top: -1px;
}
.p-ranking__item-link {
padding: 25px 40px 25px 25px;
}
.p-ranking__item-image {
width: 310px;
height: 200px;
position: relative;
}
.p-ranking__item-image-bg {
width: 100%;
height: 100%;
}
.p-ranking__item-info {
width: calc((100% - 310px) / 2);
height: 200px;
padding-left: 40px;
}
.p-ranking__item-label {
margin-bottom: 30px;
}
.p-ranking__item-content {}
.p-ranking__item-title {
font-size: 18px;
line-height: 1.6;
margin: -0.3em 0;
height: 1.6em;
}
.p-ranking__item-meta {
margin-top: 15px;
}
.p-ranking__item-meta__label {
font-size: 14px;
color: #999;
padding-top: 2px;
margin-left: 10px;
}
.p-ranking__item-meta__comments {
width: 100%;
margin-top: 15px;
}
.p-ranking__item-desc {
width: calc((100% - 310px) / 2);
padding-left: 40px;
font-size: 16px;
line-height: 2;
height: 6em;
margin: -0.5em 0; }
.p-ranking-animation {
width: 100%;
}
.p-ranking__item.is-show {
animation: showAjaxProductItems 0.3s ease 0s forwards;
}
.p-ranking__item_typeb.is-show {
animation: showAjaxProductItems 0.3s ease 0s forwards;
}
@keyframes showAjaxProductItems {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media not all and (max-width: 1240px) {
.p-ranking__item-desc {
width: 370px;
}
.p-ranking__item-info {
width: calc(100% - 680px);
}
}
@media (max-width: 1024px) {
.p-ranking__item-image {
width: 260px;
height: 170px;
}
.p-ranking__item-info {
width: calc((100% - 260px) / 2);
height: 170px;
padding-left: 25px;
}
.p-ranking__item-desc {
width: calc((100% - 260px) / 2);
padding-left: 25px;
}
}
@media not all and (max-width: 767px) {
.p-ranking__categories-list {
overflow: initial;
}
.p-ranking__form-ratings {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.p-ranking__form-ratings__list {
white-space: nowrap;
}
.p-ranking__form-ratings__list_typeb{
white-space: nowrap;
}
.p-ranking__form-ratings__item:first-of-type {
padding-left: 0;
}
.p-ranking__form-ratings__item:last-of-type {
padding-right: 0;
}
.p-ranking__form-ratings__item:last-of-type:after {
content: none;
}
.p-ranking__categories--sp,
.p-ranking__form-ratings--sp {
display: none !important;
}
}
@media (max-width: 767px) {
.p-ranking {
margin-top: -40px;
padding-top: 40px;
} .p-ranking__categories {
margin-left: -20px;
width: calc(100% + 40px);
}
.p-ranking__categories-list {
margin: 0 0 0 -2px;
}
.p-ranking__categories-item {
margin: 0 0 0 2px;
min-width: 140px;
height: 50px;
font-size: 14px;
}
.p-ranking__categories-item:first-of-type {
margin-left: 20px;
}
.p-ranking__categories-item__toggle,
.p-ranking__categories-item__toggle+.p-ranking__categories-item--child {
display: none !important;
} .p-ranking__categories--sp {}
.p-ranking__categories--sp-list {
display: none;
margin: 20px -2px 0 0;
}
.p-ranking__categories--sp-list.is-active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-ranking__categories--sp-item {
font-size: 14px;
width: 50%;
height: 50px;
padding: 0 15px;
cursor: pointer;
border: 1px solid #ddd;
margin: -1px 0 0 -1px;
transition: color 0.2s ease;
}
.p-ranking__categories--sp-item.is-active {
color: rgba(var(--tcd-hover-color, 0, 0, 0), 1);
} .p-ranking__form-ratings {
margin-top: 20px;
}
.p-ranking__form-ratings__list {
display: none !important;
} .p-ranking__form-ratings--sp {
cursor: pointer;
display: block;
width: 100%;
height: 50px;
position: relative;
}
.p-ranking__form-ratings--sp:before {
content: '\e90e';
font-family: 'design_plus';
display: block;
font-size: 14px;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.p-ranking__form-ratings--sp-select {
width: 100%;
height: 50px;
font-size: 14px;
padding: 0 40px 0 15px;
border: 1px solid #ddd;
-webkit-appearance: none;
appearance: none;
border-radius: 0px;
cursor: pointer;
} .p-ranking__headline {
font-size: 14px;
margin-top: 40px;
}
.p-ranking__item-image {
width: 100%;
}
.p-ranking__item-info {
width: 100%;
height: auto;
padding: 0;
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.p-ranking__item-content {
width: calc(100% - 35px);
padding-left: 20px;
}
.p-ranking__item-link {
padding: 25px;
}
.p-ranking__item-label {
margin-bottom: 20px;
}
.p-ranking__item-title {
font-size: 16px;
}
.p-ranking__item-desc {
width: 100%;
height: auto;
max-height: 6em;
padding: 0;
margin-top: calc(20px - 0.5em);
font-size: 14px;
}
.p-ranking__item-meta__label {
font-size: 12px;
}
} .p-ranking-ajax-loading {
height: 250px;
}
.p-ranking-ajax-loading.is-loading {
animation: ajaxButtonAnimation 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.p-ranking-ajax-loading:not(.is-loading) {
display: none;
} .p-ranking-ajax-loading-icon,
.p-ranking-ajax-loading-icon:before,
.p-ranking-ajax-loading-icon:after {
display: block;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: ajaxLoadAnimation 1.8s infinite ease-in-out;
animation: ajaxLoadAnimation 1.8s infinite ease-in-out;
}
.p-ranking-ajax-loading-icon {
display: block;
color: rgba(var(--tcd-accent-color, 0, 0, 0), 0.7);
position: relative;
top: -1.5em;
text-indent: -9999em;
font-size: 10px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.p-ranking-ajax-loading-icon:before,
.p-ranking-ajax-loading-icon:after {
content: '';
position: absolute;
top: 0;
}
.p-ranking-ajax-loading-icon:before {
left: -2.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.p-ranking-ajax-loading-icon:after {
left: 2.5em;
}
@keyframes ajaxLoadAnimation {
0%,
80%,
100% {
box-shadow: 0 1.5em 0 -1.3em;
}
40% {
box-shadow: 0 1.5em 0 0;
}
}
@media (max-width: 767px) {
.p-ranking-ajax-loading {
height: 170px;
}
} .p-ranking-type2__item {}
.p-ranking-type2__item-link {
padding: 40px;
}
.p-ranking-type2__item-info {
width: 48%;
padding-right: 40px;
}
.p-ranking-type2__item-content {
width: calc(100% - 40px);
padding-left: 40px;
}
.p-ranking-type2__item-category {
margin-bottom: 15px;
}
.p-ranking-type2__item-desc {
width: 52%;
font-size: 16px;
line-height: 2;
height: 6em;
margin: -0.5em 0;
}
@media (max-width: 767px) {
.p-ranking-type2__item-link {
padding: 20px;
}
.p-ranking-type2__item-info {
padding-right: 20px;
}
.p-ranking-type2__item-content {
width: calc(100% - 35px);
padding-left: 20px;
}
}
@media (max-width: 599px) {
.p-ranking-type2__item-info {
width: 100%;
padding: 0;
}
.p-ranking-type2__item-content {}
.p-ranking-type2__item-desc {
width: 100%;
height: auto;
max-height: 6em;
margin-top: calc(20px - 0.5em);
font-size: 14px;
}
} .p-page-header--comments {
text-align: center;
}
.p-page-comments {
margin-top: 80px;
}
.p-page-comments__list {
background: #fff;
padding: 40px;
}
.p-page-comments .p-review-counts {
color: #fff;
}
@media (max-width: 767px) {
.p-page-comments {
margin-top: 40px;
}
.p-page-comments__list {
padding: 30px 20px 40px;
margin: 0 -20px;
}
.p-page-comments__pagination {
margin-bottom: 40px;
}
} .p-front-cover {
height: 550px;
background: #333;
position: relative;
}
.p-front-cover__inner {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
height: 100%;
z-index: 3;
}
.p-front-cover__content {
width: 100%;
text-align: center;
}
.p-front-cover__headline {
font-size: 38px;
line-height: 1.6;
margin: -0.3em 0;
color: #fff;
}
.p-front-cover__search {
background: #f5f5f5;
}
*+.p-front-cover__search {
margin-top: 40px;
}
.p-front-cover__images {
width: 100%;
height: 100%;
}
.p-front-cover__images-wrapper {}
.p-front-cover__images-item {
background-size: cover !important;
}
.p-fp-slider__bg {
width: 100%;
height: 100%;
}
.p-fp-slider__video {}
.p-fp-slider__video-bg {
width: 100%;
height: 100%;
object-fit: cover;
}
.p-fp-slider__youtube {
position: relative;
overflow: hidden;
background: #000;
}
.p-fp-slider__youtube-bg:not(.is-ready) {
opacity: 0;
}
.p-fp-slider__youtube-bg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 1;
transition: opacity 0.3s ease;
width: calc(100vh * 16 / 9);
height: calc(100vw * 9 / 16);
min-width: 100%;
min-height: 100%;
}
.p-fp-slider__youtube iframe {}
@media not all and (max-width: 599px) {
.p-front-cover {
max-height: 550px;
}
}
@media (max-width: 767px) {
.p-front-cover {
height: 470px;
}
.p-front-cover__headline {
font-size: 24px;
line-height: 1.4;
margin: -0.2em 0;
}
*+.p-front-cover__search {
margin-top: 20px;
}
}
@media (max-width: 599px) {
.p-header-message~.l-container .p-front-cover {}
} .p-header-post-slider {
width: 100%;
height: 550px;
background: #333;
position: relative;
overflow: hidden;
}
.p-header-post-slider__inner {
width: calc(100% + 2px);
margin-left: -1px;
height: 100%;
}
.p-header-post-slider__item {
width: calc(100% / 4);
}
.p-header-post-slider__item-link {
position: relative;
height: 100%;
display: block;
}
.p-header-post-slider__item-category {
position: absolute;
top: 0;
left: 0;
z-index: 4;
}
.p-header-post-slider__item-content {
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
width: 100%;
padding: 40px;
}
.p-header-post-slider__item-date {
margin-top: 15px;
color: #fff;
}
.p-header-post-slider__item-title {
color: #fff;
font-size: 20px;
line-height: 1.6;
margin: -0.3em 0;
height: 3.2em;
}
.p-header-post-slider__item-overlay {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8));
}
.p-header-slider__arrow .c-arrow {
font-size: 16px;
width: 60px;
height: 60px;
background: #fff;
border-radius: 50%;
}
.p-header-slider__arrow .c-arrow--prev {
left: 30px;
}
.p-header-slider__arrow .c-arrow--next {
right: 30px;
}
@media (max-width: 1024px) {
.p-header-post-slider {
height: 470px;
}
.p-header-post-slider__item {
width: calc(100% / 3);
}
}
@media (max-width: 767px) {
.p-header-slider__arrow {
display: none;
}
.p-header-post-slider__item {
width: calc(100% / 2);
}
.p-header-post-slider__item-content {
padding: 30px;
}
.p-header-post-slider__item-title {
font-size: 18px;
line-height: 1.5;
margin: -0.25em 0;
height: 3em;
}
}
@media (max-width: 599px) {
.p-header-post-slider__item {
width: calc(100% / 1);
}
} .p-404-container .l-container__inner {
padding: 0;
max-width: initial;
width: 100%;
}
.p-404-container .l-main {
width: 100%;
}
.p-404-page {
width: 100%;
min-height: calc(100vh - 130px);
height: unset !important;
position: relative;
}
.p-404-page__contents {
text-align: center;
position: relative;
z-index: 3;
padding-block: 150px;
}
.p-404-page__headline {
font-size: 42px;
line-height: 1.5;
margin: -0.25em 0;
}
.p-404-page__desc {
font-size: 16px;
line-height: 2.2;
margin: -0.6em 0;
}
*+.p-404-page__desc {
margin-top: calc(35px - 0.6em);
}
.p-404-page__desc a {
color: rgba(var(--tcd-link-color, 21, 120, 214), 1);
}
.p-404-page__desc a:hover {
text-decoration: underline;
}
.p-404-page__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.p-404-page__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.p-404-page--light {
color: #000;
background: rgba(var(--tcd-bg-color, 246, 246, 246), 1);
}
.p-404-page--dark {
color: #fff;
background: #333;
}
.p-404-page__search {
max-width: 500px;
width: 100%;
border-radius: 50px;
overflow: hidden;
background: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
}
*+.p-404-page__search {
margin-top: 40px;
}
.p-404-page__search-form {
width: calc(100% - 60px);
}
.p-404-page__search-form input {
display: block;
width: 100%;
height: 50px;
padding-left: 25px;
border: none;
background: transparent;
font-size: 16px;
}
.p-404-page__search-button {}
.p-404-page__search-button label {
font-family: 'design_plus';
font-size: 18px;
cursor: pointer;
color: #000;
width: 60px;
height: 100%;
}
@media (max-width: 767px) {
.p-404-page {
min-height: calc(100vh - 110px);
}
.p-404-page__headline {
font-size: 24px;
}
.p-404-page__desc {
font-size: 14px;
}
*+.p-404-page__desc {
margin-top: calc(25px - 0.6em);
}
*+.p-404-page__search {
margin-top: 25px;
}
*+.p-404-page__post-tags {
margin-top: 20px;
}
} @media not all and (max-width: 767px) {
.is-device-sp {
display: none !important;
}
}
@media (max-width: 767px) {
.is-device-pc {
display: none !important;
}
} .u-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.u-flex-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.u-flex-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.u-flex-align-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.u-flex-justify-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} .u-clearfix::after {
display: block;
clear: both;
content: "";
} .u-visually-hidden {
position: fixed !important;
top: 0px !important;
left: 0px !important;
width: 4px !important;
height: 4px !important;
opacity: 0 !important;
overflow: hidden !important;
border: none !important;
margin: 0 !important;
padding: 0 !important;
display: block !important;
visibility: visible !important;
} .u-button-reset {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
} .u-hidden-scroll-bar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.u-hidden-scroll-bar::-webkit-scrollbar {
display: none;
}  .post_content .alignright {
float: right;
}
.post_content .alignleft {
float: left;
}
.post_content .aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}
.post_content blockquote.alignleft,
.post_content img.alignleft {
margin: 7px 24px 7px 0;
}
.post_content .wp-caption.alignleft {
margin: 7px 14px 7px 0;
}
.post_content blockquote.alignright,
.post_content img.alignright {
margin: 7px 0 7px 24px;
}
.post_content .wp-caption.alignright {
margin: 7px 0 7px 14px;
}
.post_content blockquote.aligncenter,
.post_content img.aligncenter,
.post_content .wp-caption.aligncenter {
margin-top: 7px;
margin-bottom: 7px;
} .post_content p {
line-height: 2.4;
margin: 0 0 2em 0;
} .post_content p:last-child {
margin-bottom: 0;
}
.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
clear: both;
line-height: 1.4;
padding: 0;
font-weight: 600;
}
.post_content h1 {
font-size: 150%;
margin: 0 0 35px 0;
text-align: center;
}
.post_content h2 {
font-size: 140%;
margin: 0 0 35px 0;
text-align: center;
}
.post_content h3 {
font-size: 130%;
margin: 0 0 35px 0;
}
.post_content h4 {
font-size: 120%;
margin: 0 0 30px 0;
}
.post_content h5 {
font-size: 110%;
margin: 0 0 30px 0;
}
.post_content h6 {
font-size: 100%;
margin: 0 0 30px 0;
} .post_content img[class*="align"],
.post_content img[class*="wp-image-"],
.post_content img[class*="attachment-"],
.post_content img.size-full,
.post_content img.size-large,
.post_content .wp-post-image,
.post_content img {
height: auto;
max-width: 100%;
} .post_content li,
.post_content dt,
.post_content dd {
line-height: 2.2;
}
.post_content ul,
.post_content ol,
.post_content dl {
margin-bottom: 24px;
}
.post_content ol {
list-style: decimal outside none;
margin-left: 1.5em;
}
.post_content ul {
list-style: circle outside none;
margin-left: 1.3em;
}
.post_content li>ul,
.post_content li>ol {
margin-bottom: 0;
}
.post_content dt {
font-weight: bold;
}
.post_content dd {
margin-bottom: 1em;
} .post_content table {
margin: 0 0 24px 0;
width: 100% !important;
}
.post_content td,
.post_content th {
border: 1px solid #ddd;
padding: 17px 30px;
line-height: 2.2;
background: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.post_content th {
background: #f7f7f7;
font-weight: normal;
} .post_content table.table_no_border th,
.post_content table.table_no_border td {
border: none;
padding-left: 0;
}
.post_content table.table_border_horizontal th,
.post_content table.table_border_horizontal td {
border-left: none;
border-right: none;
padding-left: 0;
} .post_content blockquote {
position: relative;
color: rgba(0, 0, 0, 0.6);
margin-bottom: 2em;
padding: 2em 2.4em;
box-shadow: none;
background: rgba(0, 0, 0, 2%);
border: none;
border-left: 3px solid #000;
}
.post_content blockquote:before {
line-height: 40px;
top: 5px;
left: 10px;
}
.post_content blockquote:after {
text-align: left;
line-height: 60px;
bottom: 10px;
right: -2px;
}
.post_content blockquote:before,
.post_content blockquote:after {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
color: #000;
width: 30px;
height: 30px;
position: absolute;
}
.post_content blockquote p {
line-height: 1.8;
} .post_content .wp-caption {
margin-bottom: 2em;
background: #fff;
border: 1px solid #ddd;
padding: 10px;
max-width: 100%;
}
.post_content .wp-caption-text {
text-align: center;
line-height: 1.5;
margin: 0 auto;
padding: 10px 0 0;
font-size: 14px;
}
.post_content .wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto 0;
} .gallery {
margin-bottom: 20px;
}
.gallery img {
border: 0 !important;
display: block;
margin: 0;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1,
.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4,
.gallery-columns-5,
.gallery-columns-6,
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9,
.gallery-columns-10 {
margin: 0 -4px -4px 0 !important;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: calc(100% / 3 - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: calc(100% / 6 - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: calc(100% / 7 - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: calc(100% / 8 - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: calc(100% / 9 - 4px);
}
.gallery-columns-10 .gallery-item {
max-width: calc(10% - 4px);
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
pointer-events: none;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transform: translate3d(0, 100%, 0);
transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0s;
}
.gallery-item:hover .gallery-caption {
transform: translate3d(0, 0, 0);
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.gallery-columns-10 .gallery-caption {
display: none;
}
@media screen and (max-width:767px) {
.gallery-caption {
display: none;
}
} .post_content .wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.post_content address {
margin: 0 0 24px 0;
line-height: 2.2;
}
.post_content pre {
border-left: 3px solid #ccc;
background: #f8f8f8;
font-size: 12px;
margin: 0 0 27px 0;
line-height: 1.7;
padding: 20px;
overflow: auto;
}
.post_content .sticky {}
.post_content .mejs-container {
margin: 12px 0 25px;
} .c-pw {
margin-top: 50px;
}
.c-pw__box {
font-size: 16px;
padding: 40px;
border: 1px solid #ddd;
}
.c-pw__box-inner {
width: 100%;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.c-pw__box-desc {
line-height: 1.8 !important;
margin: -0.4em 0 2em !important;
}
.c-pw__box-input {
display: block;
flex: 1;
border: none;
background: #eee;
height: 100%;
padding: 0 20px;
}
.c-pw__btn--submit {
display: block;
min-width: 150px;
height: 100%;
padding: 0 1em;
background: #111;
color: #fff !important;
border: 0;
cursor: pointer;
}
.c-pw__btn--submit:hover {
background: #333;
}
@media (max-width:767px) {
.c-pw {
margin-top: 40px;
}
.c-pw__box {
font-size: 14px;
padding: 20px;
}
.c-pw__box-inner {
height: 40px;
}
.c-pw__box-desc {
margin-bottom: 1em !important;
}
.c-pw__box-input {
width: calc(100% - 100px);
padding: 0 10px;
}
.c-pw__btn--submit {
min-width: auto;
width: 100px;
}
} .qt_google_map {
width: 100%;
height: 550px;
background: #ddd;
margin: 0 0 35px 0;
}
.qt_google_map .qt_googlemap_embed {
width: 100%;
height: 550px;
}
.qt_google_map .pb_googlemap_custom-overlay-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: -94px;
left: -40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100px !important;
height: 100px !important;
border-radius: 50%;
font-size: 18px;
text-align: center;
}
.qt_google_map .pb_googlemap_custom-overlay-inner::after {
display: block;
position: absolute;
right: 0;
bottom: -15px;
left: 0;
width: 0;
height: 0;
margin: auto;
border-width: 16px 5px 0 5px;
border-style: solid;
content: "";
}
@media screen and (max-width: 750px) {
.qt_google_map {
height: 320px;
}
.qt_google_map .qt_googlemap_embed {
height: 320px;
}
}  .p-btn {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
min-width: 180px;
height: 50px;
padding: 0 15px;
border-radius: 0;
color: #fff;
font-size: 14px;
line-height: 50px;
text-align: center;
}
@media screen and (max-width: 767px) {
.p-btn {
height: 45px;
font-size: 12px;
line-height: 45px;
}
} .wp-block-social-links a {
color: #fff !important;
}
.has-small-font-size {
font-size: .8125em !important;
}
.has-normal-font-size,
.has-regular-font-size {
font-size: 1em !important;
}
.has-medium-font-size {
font-size: 1.25em !important;
}
.has-large-font-size {
font-size: 2.25em !important;
}
.has-huge-font-size,
.has-larger-font-size {
font-size: 2.625em !important;
}
.has-text-align-left {
text-align: left !important;
}
.has-text-align-center {
text-align: center !important;
}
.has-text-align-right {
text-align: right !important;
} .post_content .underline,
.post_content .underline:hover {
text-decoration: underline;
}
.post_content .e_link {
display: inline-block;
position: relative;
padding-right: 1em;
}
.post_content .e_link:after {
font-family: 'design_plus';
content: '\e92a';
font-size: 100%;
display: block;
position: absolute;
transition: none;
margin-top: -0.1em;
right: 0;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.post_content img.frame {
border: 1px solid #d2d2d2;
-webkit-box-shadow: 0 6px 6px -6px #cccccc;
-moz-box-shadow: 0 6px 6px -6px #cccccc;
box-shadow: 0 6px 6px -6px #cccccc;
}
@media (max-width: 767px) {
.post_content .s_table,
.post_content .wp-block-table {
overflow: auto;
white-space: nowrap;
margin-bottom: 2em;
}
.post_content .s_table table,
.post_content .wp-block-table {
margin-bottom: 0;
}
.post_content table.c_fix tbody td:first-child {
position: sticky;
top: 0;
left: 0;
z-index: 1;
}
}
.post_content .a_break {
display: inline-block;
}
@media (max-width: 767px) {
.post_content .is-pc {
display: none !important;
}
}
@media not all and (max-width: 767px) {
.post_content .is-sp {
display: none !important;
}
} @media screen and (max-width:767px) {
.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {}
.post_content p {
line-height: 2;
}
.post_content li,
.post_content dt,
.post_content dd {
line-height: 1.8;
}
.post_content td,
.post_content th {
line-height: 1.8;
padding: 14px 20px;
}
} body.admin-bar {
padding-top: 32px;
}
body.admin-bar #header_top {
top: 32px;
}
body.admin-bar .drawer_contents,
body.admin-bar .drawer_overlay {
top: 32px;
}
@media screen and (max-width:782px) {
body.admin-bar #header_top {
top: 0px;
}
body.admin-bar {
padding-top: 46px;
}
body.admin-bar .drawer_contents,
body.admin-bar .drawer_overlay {
top: 46px;
}
}
.wp-block-embed {
margin: 0 0 2em 0;
}
.p-ranking__list_typeb{
display: flex;
flex-wrap: wrap;
}
.p-ranking__item_typeb {
border-bottom: 1px solid #ddd;
width: calc(100% / 2);
opacity: 0;
background: #fff;
}
.p-ranking__item_typeb:nth-child(2n+1){
border-right: 1px solid #ddd;
}
.p-ranking__item-category_typeb{
font-size: 15px;
line-height: 1.6;
margin: -0.3em 0;
height: 1.6em;
font-weight: 500;
transition: opacity 0.3s ease;
display: -webkit-inline-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
visibility: visible;
word-break: break-all;
}
.p-ranking__item-category_typeb:hover{
opacity: 0.5;
}
.p-ranking__item-info_typeb{
display: flex;
width: calc(100% - 280px);
height: 200px;
padding-left: 30px;
align-items: center;
}
.p-ranking__item-image_typeb {
width: 280px;
height: 200px;
position: relative;
}
.p-ranking__item-title_typeb{
font-size: 18px;
line-height: 1.6;
margin: -0.3em 0;
height: 1.6em;
margin-top: 10px;
}
.p-ranking__item-label_typeb{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.no-border{
border: none !important;
}
.ranking_margin{
padding-top: 20px;
padding-bottom: 20px;
margin-top: 0 !important;
background: #fff;
border-bottom: 1px solid #ddd;
}
.p-single_ranking{
}
.p-ranking__item-link_typeb {
padding: 20px 20px 20px 20px;
}
.p-ranking__item-meta_typeb{
flex-wrap: nowrap !important;
}
.p-ranking__item-meta__comments_typeb{
margin-top: 3px !important;
margin-left: 10px;
}
.p-ranking__item-meta__label_typeb{
margin-left: 0px !important;
margin-top: 10px;
}
.no_thumbnail{
border-top: none !important;
border-right: none !important;
border-left: none !important;
width: 100%;
position: relative;
background: #fff;
margin-top: 0px !important;
}
.no_thumbnail:last-child{
border-bottom: none;
}
.typeb_border{
border: 1px solid #ddd;
}
.p-ranking-typeb__item-desc{
height: 4em !important;
}
.raiting_typeb_border{
border-top: 1px solid #ddd !important;
border-left: 1px solid #ddd !important;
border-right: 1px solid #ddd !important;
}
.typeb_article_border{
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.typeb_article_border:nth-child(2n){
border-left: none;
}
.typeb_article_border:nth-child(2n-1):last-child{
border-bottom: 1px solid #ddd !important;
border-right: 1px solid #ddd !important;
}
.typeb_article_border:nth-child(2n):last-child{
border-bottom: 1px solid #ddd !important;
}
.typeb_article_border:nth-child(2n):nth-last-child(2){
border-bottom: 1px solid #ddd !important;
}
.typeb_article_border:nth-last-child(2){
border-bottom: 1px solid #ddd !important;
}
.p-ranking__form-ratings__list_typeb{
padding-right: 30px;
padding-left: 30px;
}
@media screen and (min-width:767px) {
.p-ranking__item_typeb:nth-child(2n):nth-last-child(2){
border-bottom: none;
}
.p-ranking__item_typeb:nth-child(2n-1):last-child{
border-bottom: none;
border-right: none;
}
.p-ranking__item_typeb:nth-child(2n):last-child{
border-bottom: none;
}
.p-ranking__item_typeb:nth-last-child(2){
border-bottom: none;
}
.no_thumbnail::before{
content:"";
display:inline-block;
width:1px;
height: 100%;
background-color:#ddd;
position:absolute;
top:0px;
right: calc(40px + 52%);
}
}
@media screen and (max-width:767px) {
.p-ranking__item-title_typeb{
font-size: 16px;
}
.p-ranking__item-category_typeb{
font-size: 14px;
}
.p-ranking__item_typeb {
width: 100%;
}
.p-ranking__item-image_typeb {
width: 90px;
height: 90px;
}
.p-ranking__item-info_typeb{
width: calc(100% - 90px);
height: 90px;
padding-left: 10px;
}
.p-ranking__item-meta_typeb{
margin-top: 5px !important;
}
.p-ranking__item-title_typeb{
margin-top: 5px !important;
}
.p-ranking__form-ratings__item_typeb{
width: auto !important;
flex: 0 0 auto !important;
padding: 0 10px !important;
}
.p-ranking__item_typeb:nth-child(2n+1){
border-right: none;
}
.p-ranking__item-meta__label_typeb {
margin-top: 5px !important;
}
.p-ranking__item-content_typeb{
width: 100% !important;
}
.p-ranking__item_typeb:last-child{
border-bottom: none;;
}
.typeb_article_border{
border-right: 1px solid #ddd !important;
border-left: 1px solid #ddd !important;
border-bottom: 1px solid #ddd !important;
}
}
@media screen and (max-width:1024px) {
.p-ranking__item_typeb {
width: 100%;
}
.p-ranking__item_typeb:nth-child(2n+1){
border-right: none;
}
.typeb_article_border:nth-child(2n+1){
border-right: 1px solid #ddd !important;
}
.p-ranking__form-ratings__list_typeb{
justify-content: start;
padding-right: 20px;
padding-left: 20px;
}
.typeb_article_border{
border-right: 1px solid #ddd !important;
border-left: 1px solid #ddd !important;
border-bottom: 1px solid #ddd !important;
}
.p-ranking__item_typeb:nth-last-child(2){
border-bottom: 1px solid #ddd !important;
}
} .wp-block-table.is-style-stripes td,
.wp-block-table .has-background td{
background-color: transparent;
}
.c-preloader__logo-text {
font-family: var(--tcd-font-type-logo);
font-weight:var(--tcd-logo-font-weight, 600);
font-size: var(--tcd-preloader-logo-font-size-pc);
color: var(--tcd-preloader-logo-font-color);
line-height: 1.5;
}
@media screen and (max-width: 800px) { 
.c-preloader__logo-text {
font-size: var(--tcd-preloader-logo-font-size-sp);
}
}
.p-404-page .tcdce-box {
text-align: left;
}
.p-404-page .custom_ul li {
text-align: left;
}
.p-404-page .custom_ol li {
text-align: left;
}
.p-404-page .tcdce-sb-content {
text-align: left;
}
.p-404-page .tcdce-button {
text-decoration: none !important;
}
  .p-widget {
width:100%; font-size:16px; line-height:1.6;
position: relative; background: #fff;
}
@media not all and (max-width: 1240px) {
.p-widget:not(:first-of-type) { margin-top:40px; }
}
@media (max-width: 1240px) {
.p-widget { width:calc(50% - 50px); height:100%; margin:50px 0 0 50px; }
}
@media (max-width: 767px) {
.p-widget { width:calc(50% - 20px); margin:40px 0 0 20px; }
}
@media (max-width: 599px) {
.p-widget { width:100%; height:auto; margin-left:0; }
} .p-widget-headline {
position: relative; font-size:16px;
border-top:5px solid rgba(var(--tcd-accent-color, 0,0,0),1); padding:calc(20px - 0.3em) 20px;
border-bottom:1px solid #ddd;
font-weight: 600;
}
@media (max-width: 767px) {
.p-widget-headline {
padding:calc(15px - 0.3em) 20px;
}
} .p-widget-posts {}
.p-widget-posts__labels {}
.p-widget-posts__labels-item {
cursor: pointer; width:100%; height:50px; padding:0 10px; transition: color 0.3s ease;
font-size:14px; line-height:1.2; text-align: center; color:#fff; background:#000;
}
* + .p-widget-posts__labels-item { border-left:1px solid rgba(255, 255, 255, 0.3); }
.p-widget-posts__labels-item.is-active { pointer-events: none; color:#000; background:#fff; border-color:#fff; }
.p-widget-posts__labels-item.is-active + .p-widget-posts__labels-item { border-color:#fff; }
.p-widget-posts__fields {}
.p-widget-posts__fields-item { display:none; padding:30px 20px 20px; }
.p-widget-posts__fields-item.is-active { display:block; }
.p-widget-posts__fields-article {  }
* + .p-widget-posts__fields-article { margin-top:20px; }
.p-widget-posts__fields-article__link {}
.p-widget-posts__fields-article__image { width:80px; height:80px; position: relative; }
.p-widget-posts__fields-article__title { width:calc(100% - 80px); padding-left:20px; font-size:14px; font-weight:normal; line-height:1.8; max-height:5.4em; }
@media (hover: hover) and (pointer: fine) {
.p-widget-posts__labels-item:hover { color:rgba(255, 255, 255, 0.5); }
} .p-widget-reviews {}
.p-widget-reviews__item {}
.p-widget-reviews__item-link {}
.p-widget-reviews__item-image { position: relative; width:100px; height:100px; }
.p-widget-reviews__item-content { width:100%; padding:20px 20px; }
.p-widget-reviews__item-image + .p-widget-reviews__item-content { width:calc(100% - 100px); padding:0 20px; }
.p-widget-reviews__item-content-inner { width:100%; }
.p-widget-reviews__item-title { font-size:14px; font-weight:normal; line-height:1.5; margin:-0.25em 0; }
.p-widget-reviews__item-stars { line-height:1; margin-top:10px; }
* + .p-widget-reviews__item .p-widget-reviews__item-content { border-top:1px solid #ddd; } .p-widget-review-ranking {}
.p-widget-review-ranking__item {}
* + .p-widget-review-ranking__item { border-top:1px solid #ddd; }
.p-widget-review-ranking__item-link { padding:20px; } .p-widget-review-ranking__item-image { position: relative; width:100px; height:70px; }
.p-widget-review-ranking__item-rank { position: absolute; top:0; left:0; z-index:2; }
.p-widget-review-ranking__item-content { width:100%; }
.p-widget-review-ranking__item-rank-wrapper { position: relative; width:35px; }
.p-widget-review-ranking__item-image + .p-widget-review-ranking__item-content { width:calc(100% - 100px); padding-left:20px; }
.p-widget-review-ranking__item-rank-wrapper + .p-widget-review-ranking__item-content { width:calc(100% - 35px); padding-left:20px; }
.p-widget-review-ranking__item-title { font-size:14px; line-height:1.5; margin:-0.25em 0; font-weight:normal; }
.p-widget-review-ranking__item-stars { line-height:1; margin-top:10px; }
.p-widget-review-ranking__item-rank .p-ranking-label { width:35px; height:40px; font-size:14px;  }
.p-widget-review-ranking__item-rank .p-ranking-label__number { height:33px; padding-top:2px; }
.p-widget-review-ranking__item-rank .p-ranking-label:before,
.p-widget-review-ranking__item-rank .p-ranking-label:after { width:20px; height:20px; bottom:3px; }
.p-widget-review-ranking__item-rank .p-ranking-label:before { transform: rotate(160deg); left:-4px; }
.p-widget-review-ranking__item-rank .p-ranking-label:after { transform: rotate(-160deg); right:-4px; } .p-widget-slider { height:160px; position: relative; }
.p-widget-slider__inner { height:100%; }
.p-widget-slider__list {}
.p-widget-slider__item { width:100%; }
.p-widget-slider__item-link { display:block; position: relative; width:100%; height:100%; }
.p-widget-slider__item-content {
position: absolute; left:0; bottom:0; z-index:3;
padding:30px 20px; width:100%;
}
.p-widget-slider__item-title {
font-size:16px; font-weight: 600; line-height:1.8; text-align: center; color:#fff; max-height:3.6em; margin:-0.4em 0;
}
.p-widget-slider__item-overlay { background: transparent; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6)); }
.p-widget-slider__arrow-icon {
position: absolute; top:0; bottom:0; z-index:2; margin: auto; transition:all 0.3s ease;
font-size:16px; color:#fff; width:40px; height:40px; cursor: pointer;
}
.p-widget-slider__arrow-prev { left:0; }
.p-widget-slider__arrow-next { right:0; }
@media (hover: hover) and (pointer: fine) {
.p-widget-slider__arrow-icon { opacity:0; }
.p-widget-slider__arrow-prev { left:-3px; }
.p-widget-slider__arrow-next { right:-3px; }
.p-widget-slider:hover .p-widget-slider__arrow-icon { opacity:1; }
.p-widget-slider:hover .p-widget-slider__arrow-icon:hover { opacity:0.5; }
.p-widget-slider:hover .p-widget-slider__arrow-prev { left:0px; }
.p-widget-slider:hover .p-widget-slider__arrow-next { right:0px; }
} .review_category_widget {}
.review_category_widget .widget_categories > ul > li > a { position: relative; }
.review_category_widget .widget_categories > ul > li > ul {
overflow: hidden; height:0; transition:height 0.3s ease;
}
.p-review-category-widget__icon {
cursor: pointer; display:inline-block; width:50px; height:100%;
position: absolute; top:0; right:0;
}
.p-review-category-widget__icon:before,
.p-review-category-widget__icon:after {
content: ''; display: block; width: 1px; height: 10px; background: #000;
position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition:height 0.3s ease;
}
.p-review-category-widget__icon:after { transform:rotate(90deg); }
.is-active > .p-review-category-widget__icon:before { height:0; }
.review_category_widget .widget_categories > ul > li > ul { background:#f1f1f1; }
.review_category_widget .widget_categories > ul > li.is-active > a{ color:rgba(var(--tcd-accent-color, 0,0,0),1); }
.review_category_widget .widget_categories > ul > li.is-active .p-review-category-widget__icon:before { height:0; }
.p-review-category-widget__icon ~ .count { display:none!important; } .widget_rss .rss-widget-icon { display:none; }
.widget_rss .p-widget__headline .rsswidget:first-of-type:before { content: "\e90b"; font-family: 'design_plus'; font-size:0.8em; font-weight:400; }
.widget_rss ul li { padding:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.widget_rss ul li:not(:first-child) { border-top:1px solid #ddd; }
.widget_rss ul li .rss-date { -ms-flex-order:1; order:1; color:#999; font-size:0.85em; line-height:1; margin-right:10px; }
.widget_rss ul li cite { -ms-flex-order:2; order:2; color:#999; font-size:0.85em; line-height:1; }
.widget_rss ul li .rsswidget { -ms-flex-order:3; order:3; display:block; width:100%; margin: -0.35em 0; }
.widget_rss ul li .rssSummary { -ms-flex-order:4; order:4; color:#999; font-size:0.85em; margin: -0.35em 0; }
.widget_rss .rss-date { position:relative; font-family:Arial; padding-left:1.2em; }
.widget_rss .rss-date:before {
font-size:0.85em; margin-top:0.06em;
font-family: 'footer_bar'; content: '\e912'; position: absolute; top: 0px; left: 0px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.widget_rss .rsswidget ~ .rss-date, .widget_rss .rsswidget ~ cite { margin-bottom:10px; }
.widget_rss .rsswidget ~ .rssSummary { margin-top:calc(10px - 0.35em); }
@media (hover: hover) and (pointer: fine) {
.widget_rss a:hover { color:rgba(0, 0, 0, 0.5); }
} .widget_archive select, .widget_categories select {
border:none; background:#fff;  width:100%; height:60px; padding:0 20px; cursor:pointer;
-webkit-appearance:none; appearance:none;
}
.widget_archive .screen-reader-text, .widget_categories .screen-reader-text  {
display:block; clip:auto; clip-path:none; pointer-events:none;
height:60px; width:50px; margin:0;
left:calc(100% - 50px); text-indent:-100vw;
}
.widget_archive .screen-reader-text:before, .widget_categories .screen-reader-text:before {
font-family:'design_plus'; content:'\e90e'; text-align:center; text-indent:0;
display:block; font-size:14px; width:14px; height:14px; line-height:14px;
position:absolute; right:15px; top:24px;
}
@media (max-width: 767px) {
.widget_archive select, .widget_categories select { height:50px; }
.widget_archive .screen-reader-text, .widget_categories .screen-reader-text  { height:50px; }
} .widget_custom_html .custom-html-widget { padding:20px; } #calendar_wrap { padding:20px; margin:-6px 0 -20px; }
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:collapse; table-layout:fixed;}
#wp-calendar caption { padding:7px 0; font-size:14px; font-weight:600; }
#wp-calendar thead th, #wp-calendar tfoot td { padding:12px 10px; line-height:2; }
#wp-calendar thead th { font-weight:500; }
#wp-calendar tbody th, #wp-calendar tbody td { padding:0; margin:0; line-height:1; text-align:center; }
#wp-calendar tbody td { padding: 15px 0px; position:relative; }
#wp-calendar tbody a {
display:block; width:30px; height:30px; line-height:30px; border-radius:30px; margin:0 auto;
color:#fff; background-color:rgba(var(--tcd-accent-color, 0,0,0),1);
position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;
}
#wp-calendar #today { font-weight:600; }
.wp-calendar-nav { font-size:14px; padding:20px 0; width:100%; font-size:12px; }
.wp-calendar-nav .wp-calendar-nav-prev { width:40%; float:left; }
.wp-calendar-nav .wp-calendar-nav-next { width:40%; float:right; text-align:right; }
@media (hover: hover) and (pointer: fine) {
#wp-calendar td a:hover { color:#fff; background-color:rgba(var(--tcd-accent-color, 0,0,0),0.7); }
} .widget_media_gallery .gallery-item { margin-top:0 !important; }
.widget_media_gallery .gallery { padding:20px; } .widget_tag_cloud .tagcloud {
margin: -6px 0px 0px -7px; padding:20px;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.widget_tag_cloud .tag-cloud-link {
font-size:12px!important; background:#eeeeee;
border-radius:5px; overflow: hidden; margin: 6px 0px 0px 6px;
display:block; line-height:35px; height:35px; padding:0px 12px;
color: #000; transition:all 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
.widget_tag_cloud .tag-cloud-link:hover {
background:rgba(var(--tcd-accent-color, 0,0,0),1); color:#fff;
}
} .widget_text .textwidget { padding:20px; }
.textwidget .post_content p { line-height:2; margin-bottom:1.5em; }   .widget_media_video .wp-video { padding:20px; } .widget_categories a, .widget_archive a, .widget_nav_menu a, .widget_meta a, .widget_pages a {
display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
-webkit-box-align: center; -ms-flex-align: center; align-items: center;
padding:15px 20px; border-top: 1px solid #ddd; line-height:1.8
}
.widget_categories > ul > li:first-of-type > a, .widget_archive > ul > li:first-of-type > a,
.widget_nav_menu > div > ul > li:first-of-type > a, .widget_meta > ul > li:first-of-type > a, .widget_pages > ul > li:first-of-type > a
{ border-top:none; }
.widget_categories ul ul a, .widget_archive ul ul a, .widget_nav_menu ul ul a, .widget_meta ul ul a, .widget_pages ul ul a { padding-left:30px; }
.widget_categories ul ul ul a, .widget_archive ul ul ul a, .widget_nav_menu ul ul ul a, .widget_meta ul ul ul a, .widget_pages ul ul ul a { padding-left:45px; }
.widget_categories ul ul ul ul a, .widget_archive ul ul ul ul a, .widget_nav_menu ul ul ul ul a, .widget_meta ul ul ul ul a, .widget_pages ul ul ul ul a { padding-left:60px; }
.widget_categories a .count, .widget_archive a .count {
display: block; min-width: 50px; height: 30px; line-height: 29px; border-radius: 5px;
font-size: 14px; text-align: center; color:#000; background: #fff; border: 1px solid #ddd; margin-left: 5px;
}
@media (hover: hover) and (pointer: fine) {
.widget_categories a:hover, .widget_archive a:hover, .widget_nav_menu a:hover, .widget_meta a:hover, .widget_pages a:hover
{ color:rgba(var(--tcd-hover-color, 0,0,0),1); }
}   .widget_recent_comments li { color:#999; padding:calc(20px - 0.3em) 20px; }
.widget_recent_comments li:not(:first-of-type) { border-top:1px solid #ddd; }
@media (hover: hover) and (pointer: fine) {
.widget_recent_comments a:hover { color:rgba(0, 0, 0, 0.5); }
} .widget_recent_entries li {
padding:20px;
display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;
}
.widget_recent_entries li:not(:first-child) {
border-top:1px solid #ddd;
}
.widget_recent_entries li a { display:block; margin:-0.35em 0; }
.widget_recent_entries .post-date {
position:relative; color:#999; font-size:0.85em; display:block; margin-bottom:10px; line-height:1;
font-family:Arial; padding-left:1.2em;
}
.widget_recent_entries .post-date:before {
font-size:0.85em; margin-top:0.06em;
font-family: 'footer_bar'; content: '\e912'; position: absolute; top: 0px; left: 0px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
@media (hover: hover) and (pointer: fine) {
.widget_recent_entries a:hover { color:rgba(0, 0, 0, 0.5); }
} .widget_search label { display:none; }
.widget_search > form { height:60px; border:none; }
.widget_search > form > div { display:-webkit-box; display:-webkit-flex; display:flex; height:100%; position:relative; }
.widget_search > form > div:before {
content:'\e951'; font-family:'design_plus'; text-indent:0; display:block; width:50px; height:60px; line-height:60px;
text-align:center; color:#333; font-size:18px; z-index:1; position:absolute; right:0px; top:0px; pointer-events:none;
}
.widget_search > form input[type="text"] { border:none; outline: none; background:none; padding-left:20px; margin:0; width:calc(100% - 50px); height:100%; }
.widget_search > form input[type="submit"] {
border:none; background:none; width:50px; height:100%; z-index:200; position:relative;
cursor:pointer; display:block; text-indent:-300px; overflow:hidden;
}
@media (max-width: 767px) {
.widget_search > form { height:50px; }
.widget_search > form > div:before { height:50px; line-height:50px; }
} .widget_media_image a { display:block; }
.widget_media_image img { width:100%; }
.widget_media_image > a, .widget_media_image > img { padding:20px; }
.widget_media_image .wp-caption { width:100%!important; max-width:100%; padding:20px; }
.widget_media_image .wp-caption-text { text-align: center; margin:calc(20px - 0.3em) 0 -0.3em; }.p-jmap-wrapper {
--tcd-jmap-color: #000000;
--tcd-jmap-bg-color: #f1f1f1;
--tcd-jmap-border-color: #000000;
--tcd-jmap-shadow-color: #cfcfcf;
--tcd-jmap-color--hokkaido: #61a5c6;
--tcd-jmap-color--tohoku: #5eb193;
--tcd-jmap-color--kanto: #60a646;
--tcd-jmap-color--chubu: #83b14b;
--tcd-jmap-color--kinki: #9caa4f;
--tcd-jmap-color--chugoku: #c2ad4a;
--tcd-jmap-color--shikoku: #d69a25;
--tcd-jmap-color--kyushu: #d35d0a;
--tcd-jmap-font-color--hokkaido: #61a5c6;
--tcd-jmap-font-color--tohoku: #5eb193;
--tcd-jmap-font-color--kanto: #60a646;
--tcd-jmap-font-color--chubu: #83b14b;
--tcd-jmap-font-color--kinki: #9caa4f;
--tcd-jmap-font-color--chugoku: #c2ad4a;
--tcd-jmap-font-color--shikoku: #d69a25;
--tcd-jmap-font-color--kyushu: #d35d0a;
} .p-jmap--hokkaido {
--tcd-jmap-color: var(--tcd-jmap-color--hokkaido);
--tcd-jmap-font-color: var(--tcd-jmap-font-color--hokkaido);
}
.p-jmap--tohoku {
--tcd-jmap-color: var(--tcd-jmap-color--tohoku);
--tcd-jmap-font-color: var(--tcd-jmap-font-color--tohoku);
}
.p-jmap--kanto {
--tcd-jmap-color: var(--tcd-jmap-color--kanto);
--tcd-jmap-font-color: var(--tcd-jmap-font-color--kanto);
}
.p-jmap--chubu {
--tcd-jmap-color: var(--tcd-jmap-color--chubu);
--tcd-jmap-font-color: var(--tcd-jmap-font-color--chubu);
}
.p-jmap--kinki {
--tcd-jmap-color: var(--tcd-jmap-color--kinki);
--tcd-jmap-font-color: var(--tcd-jmap-font-color--kinki);
}
.p-jmap--chugoku {
--tcd-jmap-color: var(--tcd-jmap-color--chugoku);
--tcd-jmap-font-color: var(--tcd-jmap-font-color--chugoku);
}
.p-jmap--shikoku {
--tcd-jmap-color: var(--tcd-jmap-color--shikoku);
--tcd-jmap-font-color: var(--tcd-jmap-font-color--shikoku);
}
.p-jmap--kyushu {
--tcd-jmap-color: var(--tcd-jmap-color--kyushu);
--tcd-jmap-font-color: var(--tcd-jmap-font-color--kyushu);
} .p-jmap {
position: relative;
width: 100%;
padding: 60px;
border: 2px solid var(--tcd-jmap-border-color);
background: var(--tcd-jmap-bg-color);
border-radius: 10px;
}
@media (max-width: 900px) {
.p-jmap {
display: none;
}
} .p-jmap-a {
height: 650px;
}
.p-jmap-a-svg {
position: absolute;
top: 50px;
left: 0;
right: 0;
margin: auto;
width: 480px;
}
.p-jmap-a-list__region {
display: inline-block;
font-size: 18px;
font-weight: 600;
color: var(--tcd-jmap-font-color)!important;
margin-bottom: 20px;
transition: opacity 0.3s ease;
}
.p-jmap-a-list__terms {
display: flex;
flex-wrap: wrap;
gap: 3px;
}
.p-jmap-a-list__terms-link {
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 40px;
font-size: 14px;
color: #000!important;
background: #fff;
padding: 0 5px;
}
.p-jmap-a-list__item {
position: absolute;
z-index: 1;
} .p-jmap-a-list__item.p-jmap--hokkaido {
width: 246px;
top: 50px;
right: 50px;
}
.p-jmap-a-list__item.p-jmap--tohoku {
width: 246px;
top: 165px;
right: 50px;
}
.p-jmap-a-list__item.p-jmap--kanto {
width: 330px;
top: 320px;
right: 50px;
}
.p-jmap-a-list__item.p-jmap--chubu {
width: 414px;
top: 50px;
left: 17.5%;
}
.p-jmap-a-list__item.p-jmap--kinki {
width: 330px;
top: 475px; right: 17%;
}
.p-jmap-a-list__item.p-jmap--chugoku {
width: 246px;
top: 230px;
left: 11%;
}
.p-jmap-a-list__item.p-jmap--shikoku {
width: 164px;
top: 475px; left: 33%;
}
.p-jmap-a-list__item.p-jmap--kyushu {
width: 246px;
top: 400px; left: 50px;
}
@media (max-width: 1024px) {
.p-jmap-a-list__item.p-jmap--hokkaido {
width: 164px;
right: 20px;
}
.p-jmap-a-list__item.p-jmap--tohoku {
right: 20px;
}
.p-jmap-a-list__item.p-jmap--kanto {
width: 246px;
right: 20px;
}
.p-jmap-a-list__item.p-jmap--chubu {
left: 20px;
}
.p-jmap-a-list__item.p-jmap--kinki {
right: 20px;
}
.p-jmap-a-list__item.p-jmap--chugoku {
left: 20px;
}
.p-jmap-a-list__item.p-jmap--shikoku {
left: 300px;
}
.p-jmap-a-list__item.p-jmap--kyushu {
bottom: 80px;
left: 20px;
}
} .p-jmap-a-svg-path {
fill: var(--tcd-jmap-color);
}
.p-jmap-a-svg-stroke {
fill:#fff;
}
.p-jmap-a-svg-path.p-jmap--hokkaido {
filter: drop-shadow(2px 8px 0px var(--tcd-jmap-shadow-color));
}
.p-jmap-a-svg-path.p-jmap--tohoku {
filter: drop-shadow(6px 5px 0px var(--tcd-jmap-shadow-color));
}
.p-jmap-a-svg-path.p-jmap--kanto {
filter: drop-shadow(5px 5px 0px var(--tcd-jmap-shadow-color));
}
.p-jmap-a-svg-path.p-jmap--chubu {
filter: drop-shadow(2px 6px 0px var(--tcd-jmap-shadow-color));
}
.p-jmap-a-svg-path.p-jmap--kinki {
filter: drop-shadow(3px 6px 0px var(--tcd-jmap-shadow-color));
}
.p-jmap-a-svg-path.p-jmap--chugoku {
filter: drop-shadow(2px 7px 0px var(--tcd-jmap-shadow-color));
}
.p-jmap-a-svg-path.p-jmap--shikoku {
filter: drop-shadow(1px 7px 0px var(--tcd-jmap-shadow-color));
}
.p-jmap-a-svg-path.p-jmap--kyushu {
filter: drop-shadow(3px 7px 0px var(--tcd-jmap-shadow-color));
}
@media (hover: hover) and (pointer: fine) {
.p-jmap-a-list__region:hover {
opacity: 0.5;
text-decoration: none!important;
}
.p-jmap-a-list__terms-link:hover {
color: #fff!important;
background: var(--tcd-jmap-font-color);
text-decoration: none!important;
}
} .p-jmap-b {
height: 570px;
}
.p-jmap-b-svg {
position: absolute;
width: 350px;
top: 0;
bottom: 0;
right: 60px;
margin: auto;
}
.p-jmap-b-svg-rect {
fill: var(--tcd-jmap-color);
stroke-width:0px;
}
.p-jmap-b-list {
display: flex;
flex-direction: column;
justify-content: center;
gap: 25px;
height: 100%;
position: relative;
z-index: 1;
}
.p-jmap-b-list__item {
display: flex;
align-items: center;
gap: 20px;
}
.p-jmap-b-list__region {
display: flex;
align-items: center;
justify-content: center;
min-width: 75px;
height: 35px;
padding: 0 1em;
border-radius: 35px;
font-size: 14px;
color: #fff!important;
background: var(--tcd-jmap-font-color);
transition: opacity 0.3s ease;
}
.p-jmap-b-list__terms {
flex: 1;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.p-jmap-b-list__terms-sep {
display: block;
width: 1px;
height: 1em;
background: #000;
}
.p-jmap-b-list__terms-link {
color: #000!important;
transition: color 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
.p-jmap-b-list__region:hover {
opacity: 0.7;
text-decoration: none!important;
}
.p-jmap-b-list__terms-link:hover {
color: var(--tcd-jmap-font-color)!important;
text-decoration: underline;
}
} @media not all and (max-width: 900px) {
.p-jmap-sp {
display: none;
}
}
.p-jmap-sp {
background: #fff;
border: 2px solid var(--tcd-jmap-border-color);
border-radius: 5px;
overflow: hidden;
}
.p-jmap-sp__item:not(:first-of-type) {
border-top: 1px solid #ddd;
}
.p-jmap-sp__region {
cursor: pointer;
display: flex;
align-items: center;
font-size: 16px;
height: 50px;
padding: 0 20px;
}
.p-jmap-sp__region-label {
flex: 1;
font-size: 16px;
color: var(--tcd-jmap-font-color);
font-weight: 600;
}
.p-jmap-sp__region-toggle {
position: relative;
display: none;
font-size: 12px;
width: 1em;
height: 1em;
}
.js-jmap-dropdown .p-jmap-sp__region-toggle {
display: block;
}
.p-jmap-sp__region-toggle:before,
.p-jmap-sp__region-toggle:after {
content: '';
display: block;
background: #000;
position: absolute;
inset: 0;
margin: auto;
transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
.p-jmap-sp__region-toggle:before {
width: 1em;
height: 1px;
opacity: 1;
}
.p-jmap-sp__region-toggle:after {
width: 1px;
height: 1em;
}
.is-active > .p-jmap-sp__region-toggle:before {
opacity: 0;
}
.is-active > .p-jmap-sp__region-toggle:before,
.is-active > .p-jmap-sp__region-toggle:after {
transform: rotate(90deg);
}
.p-jmap-sp__terms {
width: calc(100% + 1px);
background: #fafafa;
overflow: hidden;
margin-bottom: -1px;
height: 0;
transition: height 0.4s ease;
}
.p-jmap-sp__terms-inner {
display: flex;
flex-wrap: wrap;
border-top: 1px solid #ddd;
}
.p-jmap-sp__terms-item {
width: calc(100% / 3 + 1px);
height: 45px;
border: 1px solid #ddd;
margin: -1px 0 0 -1px;
}
.p-jmap-sp__terms-link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 14px;
color: #000!important;
}
.p-jmap-sp__region:hover, .p-jmap-sp__terms-link:hover {
text-decoration: none!important;
} .p-review-archive-jmap {
padding-top: 80px;
}
@media (max-width: 767px) {
.p-review-archive-jmap {
padding-top: 40px;
}
}.p-filter-search {
position: relative;
}
.p-filter-search__inner {
position: relative;
z-index: 5;
height: 550px;
display: flex;
flex-direction: column;
justify-content: center;
}
.p-filter-search__overlay {
background: rgb(30 65 68 / 65%);
}
.p-filter-search .p-filter-search__headline,
.p-filter-search .p-page-header__description {
text-align: center;
color: #fff;
}
@media (max-width: 992px) {
.p-filter-search__inner {
max-width: 500px;
}
}
@media (max-width: 767px) {
.p-filter-search__inner {
height: 470px;
}
} .p-filter-search-form {
font-size: 16px;
text-align: left;
}
.p-filter-search-form__inner {
max-width: 900px;
width: 100%;
margin: 0 auto;
position: relative;
}
* + .p-filter-search-form {
margin-top: 50px;
}
@media (max-width: 767px) {
* + .p-filter-search-form {
margin-top: 25px;
}
} .p-filter-search-form__list {
display: flex;
border-radius: 5px;
overflow: hidden;
}
.p-filter-search-form__item {
position: relative;
flex: 1;
height: 60px;
overflow: hidden;
display: flex;
align-items: center;
background: #fff;
}
.p-filter-search-form__submit {
flex: 0 0 130px;
}
@media not all and (max-width: 992px) {
.p-filter-search-form__item + .p-filter-search-form__item:not(.p-filter-search-form__submit) {
border-left: 1px solid #ddd;
}
}
@media (max-width: 992px) {
.p-filter-search-form__list {
flex-direction: column;
}
.p-filter-search-form__item {
flex: 0 0 50px;
}
.p-filter-search-form__item + .p-filter-search-form__item {
border-top: 1px solid #ddd;
}
.p-filter-search-form__submit {
flex: 0 0 90px;
justify-content: center;
}
} .p-filter-search-form__category {
cursor: pointer;
}
.p-filter-search-form__category.is-active {
color: rgba(var(--tcd-accent-color, 0,0,0),1);
}
.p-filter-search-form__category-input {
opacity: 0;
pointer-events: none;
border: none;
flex: 1;
height: 100%;
padding: 0 0 0 20px;
background: transparent;
color: inherit;
}
.p-filter-search-form__category-input::placeholder {
color: inherit;
}
.p-filter-search-form__category-icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 50px;
font-size: 26px;
} .p-filter-search-form__tag {
cursor: pointer;
}
.p-filter-search-form__tag.is-active {
color: rgba(var(--tcd-accent-color, 0,0,0),1);
}
.p-filter-search-form__tag-text {
display: flex;
align-items: center;
flex: 1;
padding: 0 0 0 20px;
}
.p-filter-search-form__tag-label {
}
.p-filter-search-form__tag-count {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 30px;
height: 30px;
font-size: 14px;
color: #fff;
background: rgba(var(--tcd-accent-color, 0,0,0),1);
border-radius: 50%;
margin-left: 5px;
margin-right: -10px;
}
.p-filter-search-form__tag-count[data-count="0"] {
opacity: 0;
pointer-events: none;
}
.p-filter-search-form__tag-icon {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 50px;
font-size: 26px;
margin-right: 7px;
}
@media (max-width: 767px) {
.p-filter-search-form__tag-count {
flex: 0 0 25px;
height: 25px;
}
.p-filter-search-form__tag-icon {
margin-right: 1px;
font-size: 22px;
}
} .p-filter-search-form__keyword-input {
border: none;
width: 100%;
height: 100%;
padding: 0 20px;
background: #fff;
}
.p-filter-search-form__keyword-input::placeholder {
color: #999;
} .p-filter-search-form__submit-button {
cursor: pointer;
width: 100%;
height: 100%;
border: none;
font-size: 14px;
color: #fff;
padding: 0 1em;
background: #000;
transition: color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
.p-filter-search-form__submit-button:hover {
color: rgb(255 255 255 / 70%);
}
}
@media (max-width: 992px) {
.p-filter-search-form__submit-button {
width: 240px;
height: 50px;
border-radius: 50px;
}
} .p-filter-search-form__tags {
display: flex;
margin-top: 10px; }
.p-filter-search-form__tags-title {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
min-width: 200px;
height: 50px;
border: 50px;
border-radius: 5px;
padding: 0 1.5em;
border: 1px solid #fff;
}
.p-filter-search-form__tags-title-icon {
fill: #fff;
font-size: 24px;
} .p-search-dropdown {
position: absolute;
top: 70px;
left: 0;
z-index: 10;
width: 100%;
max-height: 530px;
overflow: hidden auto;
background: #f8f8f8;
border-radius: 5px;
box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 15%);
transition-property: opacity, pointer-events, visibility;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.p-search-dropdown:not(.is-active) {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
@media (max-width: 992px) {
.p-search-dropdown {
display: none;
}
} .p-search-dropdown-category-checkbox {
position: relative;
display: block;
width: 100%;
}
.p-search-dropdown-category-checkbox-input {
display: none;
}
.p-search-dropdown-category-checkbox-label {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0 5px;
height: 40px;
font-size: 14px;
line-height: 1.2;
background: #fff;
border: 1px solid #ddd;
transition-property: color, background-color, border-color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.p-search-dropdown-category-checkbox-input:checked + .p-search-dropdown-category-checkbox-label {
color: #fff;
background: rgba(var(--tcd-accent-color, 0,0,0),1);
border-color: rgba(var(--tcd-accent-color, 0,0,0),1);
}
@media (hover: hover) and (pointer: fine) {
.p-search-dropdown-category-checkbox-label:hover {
color: #fff;
background: rgba(var(--tcd-accent-color, 0,0,0),1);
border-color: rgba(var(--tcd-accent-color, 0,0,0),1);
}
} @media not all and (max-width: 992px) {
.p-search-dropdown-category--flat .p-search-dropdown-category__parents {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 20px;
}
.p-search-dropdown-category--flat .p-search-dropdown-category__parents-item {
width: calc(((100% + 10px) / 8) - 10px);
}
} @media not all and (max-width: 992px) {
.p-search-dropdown-category--hierarchy .p-search-dropdown-category__parents {
display: flex;
flex-direction: column;
gap: 10px;
padding: 20px;
background-image: linear-gradient(90deg, #eee 140px, rgba(255, 255, 255, 0) 140px);
}
.p-search-dropdown-category--hierarchy .p-search-dropdown-category__parents-item {
display: flex;
gap: 40px;
}
.p-search-dropdown-category--hierarchy .p-search-dropdown-category__parents-label {
width: 100px;
}
.p-search-dropdown-category--hierarchy .p-search-dropdown-category__childs {
flex: 1;
}
.p-search-dropdown-category--hierarchy .p-search-dropdown-category__childs-list {
display: flex;
flex-wrap: wrap;
margin: 1px 0 0 1px;
}
.p-search-dropdown-category--hierarchy .p-search-dropdown-category__childs-item {
width: calc(100% / 9 + 1px);
margin:-1px 0 0 -1px;
}
.p-search-dropdown-category--hierarchy .p-search-category-toggle {
display: none;
}
} @media (max-width: 992px) {
.p-search-modal-category {
}
.p-search-dropdown-category__parents {
margin: 0 -1px;
}
.p-search-dropdown-category__parents-item {
position: relative;
margin-top: -1px;
}
.p-search-dropdown-category__parents-item__checkbox-label {
justify-content: flex-start;
padding: 0 20px;
font-size: 16px;
height: 50px;
}
.p-search-dropdown-category-checkbox-input:checked + .p-search-dropdown-category__parents-item__checkbox-label {
color: rgba(var(--tcd-accent-color, 0,0,0),1);
background: #fff;
border-color: #ddd;
}
.p-search-dropdown-category__childs {
height: 0;
transition: height 0.4s ease;
overflow: hidden;
}
.p-search-dropdown-category__childs-list {
display: flex;
flex-wrap: wrap;
margin: 0 0 0 1px;
background: #f8f8f8;
}
.p-search-dropdown-category__childs-item {
width: calc(100% / 3 + 1px);
margin: -1px 0 0 -1px;
}
.p-search-dropdown-category__childs-item__checkbox-label {
height: 45px;
background: transparent;
} .p-search-category-toggle {
position: absolute;
top: 0;
right: 0;
display: block;
font-size: 12px;
width: 50px;
height: 50px;
}
.p-search-category-toggle:before,
.p-search-category-toggle:after {
content: '';
display: block;
background: #000;
position: absolute;
inset: 0;
margin: auto;
transition: transform .3s ease-in-out, opacity .3s ease-in-out;
}
.p-search-category-toggle:before {
width: 1em;
height: 1px;
opacity: 1;
}
.p-search-category-toggle:after {
width: 1px;
height: 1em;
}
.is-active > .p-search-category-toggle:before {
opacity: 0;
}
.is-active > .p-search-category-toggle:before,
.is-active > .p-search-category-toggle:after {
transform: rotate(90deg);
}
} .p-search-dropdown-category--3layers {
padding: 20px 20px 30px;
}
.p-3layers-dropdown__parents-item {
position: relative;
display: flex;
flex-wrap: wrap;
}
.p-3layers-dropdown__parents-item + .p-3layers-dropdown__parents-item {
margin-top: -1px;
}
.p-3layers-dropdown__parents-item__checkbox-label {
cursor: pointer;
display: flex;
align-items: center;
height: 50px;
padding: 0 50px 0 20px;
background: #fff;
border: 1px solid #ddd;
font-size: 16px;
}
.p-3layers-dropdown__parents-item__toggle {
cursor: pointer;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
z-index: 1;
}
@media not all and (max-width: 992px) { .p-3layers-dropdown__parents-item.is-open .p-3layers-dropdown__parents-item__checkbox-label {
color: rgba(var(--tcd-accent-color, 0,0,0),1);
}
}
@media (max-width: 992px) {
.p-3layers-dropdown__parents-item__toggle {
pointer-events: auto;
}
.p-3layers-dropdown__parents-item__checkbox-label {
border: none;
border-bottom: 1px solid #ddd;
}
input:checked + .p-3layers-dropdown__parents-item__checkbox-label {
color: rgba(var(--tcd-accent-color, 0,0,0),1);
}
.p-3layers-dropdown__parents-item + .p-3layers-dropdown__parents-item {
margin-top: 0;
}
} .p-3layers-dropdown__childs {
display: none;
width: 100%;
overflow: hidden;
}
.p-3layers-dropdown__childs-list {
display: flex;
flex-wrap: wrap;
gap: 3px;
padding: 20px;
background: #eeeeee;
border: 1px solid #ddd;
width: 100%;
margin-top: -1px;
}
.p-3layers-dropdown__childs-item {
position: relative;
width: calc(((100% + 3px) / 9) - 3px);
}
.p-3layers-dropdown__childs-item__checkbox-label {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
font-size: 14px;
line-height: 1.2;
padding: 0 5px;
background: #fff;
}
@media not all and (max-width: 992px) { .p-3layers-dropdown__childs-item.is-open .p-3layers-dropdown__grandchilds-border {
display: block;
width: 100%;
height: 3px;
background: #fff;
}
.p-3layers-dropdown__childs-item.is-open .p-3layers-dropdown__childs-item__checkbox-label {
color: rgba(var(--tcd-accent-color, 0,0,0),1);
}
}
@media (max-width: 992px) {
.p-3layers-dropdown__childs-list {
display: block;
padding: 10px 0;
background: #fafafa;
border: none;
border-bottom: 1px solid #ddd;
}
.p-3layers-dropdown__childs-item {
width: 100%;
}
.p-3layers-dropdown__childs-item__checkbox-label {
justify-content: flex-start;
height: 40px;
padding: 0 20px;
background: #fafafa;
}
input:checked + .p-3layers-dropdown__childs-item__checkbox-label {
color: rgba(var(--tcd-accent-color, 0,0,0),1);
}
} .p-3layers-dropdown__grandchilds {
display: none;
position: relative;
width: calc(((100% + 3px) * 9) - 3px);
z-index: 3;
}
.p-3layers-dropdown__grandchilds-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
background: #fff;
padding: 13px;
}
.p-3layers-dropdown__grandchilds-item__checkbox-label {
cursor: pointer;
display: flex;
align-items: center;
padding: 1px 15px 0 15px;
height: 35px;
border: 1px solid #ddd;
font-size: 14px;
}
.p-search-dropdown-category-checkbox-input:checked + .p-3layers-dropdown__grandchilds-item__checkbox-label {
color: #fff;
background: rgba(var(--tcd-accent-color, 0,0,0),1);
border-color: rgba(var(--tcd-accent-color, 0,0,0),1);
}
@media (max-width: 992px) {
.p-3layers-dropdown__grandchilds {
width: 100%;
}
.p-3layers-dropdown__grandchilds-list {
gap: 8px;
padding: 15px 20px;
}
.p-3layers-dropdown__grandchilds-item__checkbox-label {
padding: 1px 10px 0 10px;
font-size: 12px;
}
.p-3layers-dropdown__grandchilds-toggle {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 40px;
}
.p-3layers-dropdown__grandchilds-toggle:before {
font-size: 12px;
content: '\e911';
font-family: 'design_plus';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: rotate(180deg);
}
.p-3layers-dropdown__childs-item.is-open .p-3layers-dropdown__grandchilds-toggle:before {
transform: rotate(0deg);
}
}
.p-3layers-dropdown__button {
display: flex;
justify-content: center;
margin-top: 30px;
}
.p-3layers-dropdown__button-link {
color: #fff;
background: #000;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
max-width: 170px;
width: 100%;
height: 50px;
transition: color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
.p-3layers-dropdown__button-link:hover {
color: rgb(255 255 255 / 70%);
}
}
@media (max-width: 992px) {
.p-3layers-dropdown__button {
display: none;
}
} .p-search-dropdown-tag {}
.p-search-dropdown-tag__section {
padding: 30px 20px;
}
.p-search-dropdown-tag__section + .p-search-dropdown-tag__section {
border-top: 1px solid #ddd;
}
.p-search-dropdown-tag__section-title {
font-size: 16px;
line-height: 1.2;
font-weight: 600;
margin: -0.1em 0 calc(20px - 0.1em);
}
.p-search-dropdown-tag__list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.p-search-dropdown-tag-checkbox-input {
display: none;
}
.p-search-dropdown-tag-checkbox-label {
cursor: pointer;
white-space: nowrap;
display: flex;
align-items: center;
height: 35px;
padding: 1px 10px 0 10px;
font-size: 14px;
color: rgba(var(--tcd-accent-color, 0,0,0),1);
background: #fff;
border: 1px solid rgba(var(--tcd-accent-color, 0,0,0),1);
border-radius: 5px;
transition: color 0.2s ease, background-color 0.2s ease, opacity 0.2s ease;
}
.p-search-dropdown-tag-checkbox-input:checked + .p-search-dropdown-tag-checkbox-label {
color: #fff;
background: rgba(var(--tcd-accent-color, 0,0,0),1);
}
.p-search-dropdown-tag__section--button {
display: flex;
align-items: center;
justify-content: center;
}
.p-search-dropdown-tag__button {
cursor: pointer;
font-size: 14px;
max-width: 170px;
width: 100%;
height: 50px;
transition: color 0.3s ease;
}
.p-search-dropdown-tag__button--submit {
color: #fff;
background: #000;
border: none;
border-radius: 5px 0 0 5px;
margin-right: -1px;
z-index: 1;
}
.p-search-dropdown-tag__button--clear {
color: #000;
background: #fff;
border: 1px solid #ddd;
border-radius: 0 5px 5px 0;
}
.p-search-dropdown-tag__message {
padding: 30px 20px;
border-bottom: 1px solid #ddd;
text-align: center;
}
@media (hover: hover) and (pointer: fine) {
.p-search-dropdown-tag-checkbox-input:not(:checked) + .p-search-dropdown-tag-checkbox-label:hover {
opacity: 0.7;
}
.p-search-dropdown-tag__button--submit:hover {
color: rgb(255 255 255 / 70%);
}
.p-search-dropdown-tag__button--clear:hover {
color: rgb(0 0 0 / 50%);
}
}
@media (max-width: 992px) {
.p-search-dropdown-tag__section {
padding: 20px;
}
.p-search-dropdown-tag__section-title {
margin-top: calc(5px - 0.1em);
}
.p-search-dropdown-tag__list {
gap: 7px;
}
.p-search-dropdown-tag-checkbox-label {
font-size: 12px;
}
} .p-filter-search-checked-tags {
position: absolute;
top: 70px;
left: 0;
width: 100%;
}
.p-filter-search-checked-tags ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.p-filter-search-checked-tags li {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
white-space: nowrap;
font-size: 14px;
height: 40px;
padding: 0 10px;
border-radius: 5px;
color: #fff;
border: 1px solid #fff;
}
.p-filter-search-checked-tags li:after {
font-family: 'design_plus';
content: '\e91a';
}
@media (max-width: 992px) {
.p-filter-search-checked-tags {
display: none;
}
} .p-search-modal {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
overflow: hidden auto;
transition-property: opacity, pointer-events, visibility;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.p-search-modal:not(.is-active) {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.p-search-modal-category {
background: #fff;
}
.p-search-modal-tag {
background: #f8f8f8;
}
@media not all and (max-width: 992px) {
.p-search-modal {
display: none;
}
}
.p-search-modal__title {
position: sticky;
top: 0;
z-index: 5;
display: flex;
align-items: center;
justify-content: space-between;
height: 50px;
padding: 0 0 0 20px;
color: #fff;
font-size: 16px;
background: rgba(var(--tcd-accent-color, 0,0,0),1);
}
.p-search-modal-close {
color: #fff;
width: 50px;
height: 50px;
}
.p-search-modal-close:after {
font-family: 'design_plus';
content: '\e91a';
} .p-search-modal-category-submit {
padding: 30px;
text-align: center;
}
.p-search-modal-category-submit-button {
font-size: 14px;
display: inline-block;
width: 240px;
height: 50px;
line-height: 50px;
border-radius: 50px;
background: #000;
color: #fff;
border: none;
padding: 0;
} .p-filter-search-no-result {
text-align: center;
line-height: 2;
margin: -0.5em 0 calc(-70px - 0.5em);
font-size: 16px;
}
.p-filter-search-no-result a {
color: rgba(var(--tcd-accent-color, 0,0,0),1);
}
@media (hover: hover) and (pointer: fine) {
.p-filter-search-no-result a:hover {
text-decoration: underline;
}
}
@media (max-width: 767px) {
.p-filter-search-no-result {
font-size: 14px;
margin: -0.5em 0;
}
} .p-filter-search-form-simple {
position: relative;
padding: 20px 0;
background: #0a5158;
z-index: 10;
}
.p-filter-search-form-simple__checked_tags {
max-width: 900px;
width: 100%;
margin: 0 auto;
}
.p-filter-search-form-simple__checked_tags .p-filter-search-checked-tags {
position: static;
margin-top: 10px;
}
.p-filter-search-form-simple__checked_tags .p-filter-search-checked-tags li {
color: rgba(var(--tcd-accent-color, 0,0,0),1);
border-color: rgba(var(--tcd-accent-color, 0,0,0),1);
}
@media (max-width: 992px) {
.p-filter-search-form-simple .p-filter-search-form__inner {
width: calc(100% - 40px);
max-width: 500px;
}
} .is-filter-search-style--bottom .p-filter-search__inner,
.is-filter-search-style--bottom .p-front-cover {
height: 420px;
}
.p-filter-search-result .p-filter-search__inner {
height: 330px;
}
@media (max-width: 992px) {
.p-filter-search-result .p-filter-search__inner {
height: 400px;
}
}
@media (max-width: 767px) {
.is-filter-search-style--bottom .p-filter-search__inner {
height: 240px;
}
.is-filter-search-style--bottom .p-front-cover {
height: 240px;
max-height: 240px;
}
.p-filter-search-result .p-filter-search__inner {
height: 350px;
}
}
.p-filter-search-form-simple .p-filter-search-checked-tags {
top: initial;
bottom: 90px;
}
 @font-face {
font-family: 'design_plus';
src: url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/design_plus.eot?v=1.5);
src: url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/design_plus.eot?v=1.5#iefix) format('embedded-opentype'),
url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/design_plus.woff?v=1.5) format('woff'),
url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/design_plus.ttf?v=1.5) format('truetype'),
url(//dognavi.com/wp-content/themes/rehub_tcd099/fonts/design_plus.svg?v=1.5#design_plus) format('svg');
font-weight: normal;
font-style: normal;
}  .post_row {
line-height: 2.4;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-align-items: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.post_col {
margin-bottom: 2em;
-ms-flex: 1 1 0%;
-webkit-flex: 1 1 0%;
flex: 1 1 0%;
}
.post_col-2 {
margin-right: 50px;
}
.post_col-3 {
margin-right: 25px;
}
.post_col:last-of-type {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.post_row {
display: block;
line-height: 2;
}
.post_col-2 {
margin-right: 0px;
}
.post_col-3 {
margin-right: 0px;
}
} .post_content .style3a,
.post_content .style3b,
.post_content .style4a,
.post_content .style4b,
.post_content .style5a,
.post_content .style5b,
.post_content .style6 {
font-weight: 500;
line-height: 1.6;
} .style2a {
margin: 65px 0 30px !important;
padding: 0 0 .9em !important;
border-bottom: 3px solid #000;
font-size: 26px !important;
}
.style2b {
margin: 65px 0 30px !important;
padding: .48em 1em .47em !important;
background: #000;
color: #fff;
font-size: 26px !important;
} .style3a {
margin: 65px 0 30px !important;
padding: 1.2em .15em !important;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 22px !important;
}
.style3b {
margin: 65px 0 30px !important;
padding: 1.1em 1.4em 1.15em !important;
border: 1px solid #ddd;
border-top: 3px solid #000;
background: #fafafa;
font-size: 22px !important;
} .style4a {
margin: 65px 0 30px !important;
padding: .4em 0 .4em 1.2em !important;
border-left: 3px solid #000;
font-size: 20px !important;
font-weight: 500;
}
.style4b {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 65px 0 30px !important;
padding: .8em 1.5em .8em !important;
border-left: #000 3px solid;
font-size: 20px !important;
}
.style4b:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 2px);
border: 1px solid #ddd;
border-left: none;
content: '';
} .style5a {
margin: 65px 0 30px !important;
padding: .85em 1.5em .8em !important;
border: 1px solid #ddd;
background: #fafafa;
font-size: 18px !important;
}
.style5b {
margin: 65px 0 30px !important;
padding: .85em 1.5em .8em !important;
background: #000;
color: #fff;
font-size: 18px !important;
} .style6 {
position: relative;
margin: 65px 0 30px !important;
padding: 0 .8em 0 1.3em !important;
color: #000;
font-size: 16px !important;
font-weight: 700;
}
.style6:before {
position: absolute;
top: .35em;
left: 0;
width: 12px;
height: 12px;
background: #000;
content: "";
}
.balloon {
display: block;
z-index: 0;
position: relative;
width: auto;
min-width: 115px;
margin: 50px 0 22px;
padding: .5em 18px .5em;
clear: both;
border-bottom: 0;
background: #222;
color: #fff;
font-size: 20px;
font-weight: 400;
text-align: left;
}
.balloon:after {
display: block;
position: absolute;
bottom: -10px;
left: 30px;
width: 0px;
height: 0px;
margin-left: -10px;
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #222 transparent transparent transparent;
content: "";
}
@media screen and (max-width: 767px) {
.style2a {
margin: 30px 0 20px !important;
padding: 0 0 .6em !important;
font-size: 20px !important;
}
.style2b {
margin: 30px 0 20px !important;
padding: .42em .7em .41em !important;
background: #000;
color: #fff;
font-size: 20px !important;
}
.style3a {
margin: 30px 0 20px !important;
padding: .6em .15em !important;
font-size: 18px !important;
}
.style3b {
margin: 30px 0 20px !important;
padding: .5em .5em .45em .6em !important;
font-size: 18px !important;
}
.style4a {
margin: 30px 0 20px !important;
padding: .4em 0 .4em .8em !important;
border-left: 2px solid #000;
font-size: 16px !important;
}
.style4b {
margin: 30px 0 20px !important;
padding: .8em 1em .75em !important;
border-left: #000 2px solid;
font-size: 16px !important;
}
.style5a {
margin: 30px 0 20px !important;
padding: .8em 1em .75em !important;
font-size: 15px !important;
}
.style5b {
margin: 30px 0 20px !important;
padding: .8em 1em .75em !important;
font-size: 15px !important;
}
} .post_content h1 {
font-size: 34px;
font-weight: 600;
line-height: 1.4;
margin: 120px 0 1.3em 0;
text-align: center;
}
.post_content h2 {
font-size: 28px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 1.3em;
text-align: center;
}
.post_content h3 {
font-size: 26px;
font-weight: 600;
line-height: 1.6;
margin-bottom: 0.8em;
}
.post_content h4 {
font-size: 22px;
font-weight: 600;
line-height: 1.6;
margin-bottom: 1em;
}
.post_content h5 {
font-size: 20px;
font-weight: 600;
line-height: 1.6;
margin-bottom: 1em;
}
.post_content h6 {
font-size: 18px;
font-weight: 600;
line-height: 1.6;
margin-bottom: 1em;
}
.post_content *+h2,
.post_content *+h3 {
margin-top: 3em;
}
.post_content *+h4,
.post_content *+h5,
.post_content *+h6 {
margin-top: 2.3em;
}
.post_content>*:first-child {
margin-top: 0;
} @media screen and (max-width: 767px) {
.post_content h1 {
font-size: 22px;
margin: 100px 0 1em 0;
}
.post_content h2 {
font-size: 20px;
margin-bottom: 1em;
}
.post_content h3 {
font-size: 18px;
margin-bottom: 1em;
}
.post_content h4 {
font-size: 16px;
}
.post_content h5 {
font-size: 16px;
}
.post_content h6 {
font-size: 16px;
}
.post_content *+h2 {
margin-top: 2.5em;
}
.post_content *+h3 {
margin-top: 2.3em;
}
.post_content *+h4,
.post_content *+h5,
.post_content *+h6 {
margin-top: 2.2em;
}
}
@media screen and (max-width: 599px) {
.post_content h1 {
margin: 80px 0 1em 0;
}
.post_content h2 {
margin-bottom: 1em;
}
.post_content *+h2 {
margin-top: 2.3em;
}
.post_content *+h3,
.post_content *+h4,
.post_content *+h5,
.post_content *+h6 {
margin-top: 2em;
}
} .q_underline {
background-image: -webkit-linear-gradient(left, transparent 50%, #fff799 50%);
background-image: -moz-linear-gradient(left, transparent 50%, #fff799 50%);
background-image: linear-gradient(to right, transparent 50%, #fff799 50%);
background-position: 0 0.8em;
background-repeat: repeat-x;
background-size: 200% 0.5em;
border: none;
border-bottom-color: transparent;
-webkit-transition: background 2s ease;
-ms-transition: background 2s ease;
transition: background 2s ease;
}
.q_underline.is-active {
background-position: -100% 0.8em;
} .speech_balloon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.speech_balloon_user {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 36px;
margin-bottom: 2em;
min-width: 80px;
text-align: center;
}
.speech_balloon_user_image {
border-radius: 50%;
height: 80px !important;
width: 80px;
object-fit: cover;
}
.speech_balloon_user_name {
font-size: 87.5%;
line-height: 1.2;
margin-top: 12px;
}
.speech_balloon_user_name:only-child {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin-top: 0;
min-height: 80px;
}
.speech_balloon_text {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-bottom: 3em;
position: relative;
}
.speech_balloon_text_inner {
font-size: 16px;
background: #fff;
border: 2px solid #ddd;
border-radius: 10px;
line-height: 2;
min-height: 80px;
padding: 22px 28px;
position: relative;
}
.speech_balloon_text_inner>*:last-child {
margin-bottom: 0 !important;
}
.speech_balloon.right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.speech_balloon.right .speech_balloon_user {
margin-left: 36px;
margin-right: 0;
}
.speech_balloon_text .before,
.speech_balloon_text .after {
border-color: transparent;
border-style: solid;
pointer-events: none;
height: 0;
margin-top: -10px;
width: 0;
position: absolute;
right: 100%;
top: 40px;
}
.speech_balloon_text .before {
border-left-color: inherit;
border-width: 8px 0 8px 10px;
}
.speech_balloon_text .after {
border-right-color: inherit;
border-width: 8px 10px 8px 0;
}
.speech_balloon.left .before {
transform: rotate(180deg);
}
.speech_balloon.left .after {
margin-right: -3px;
}
.speech_balloon.right .before {
left: 100%;
}
.speech_balloon.right .after {
left: 100%;
transform: rotate(180deg);
margin-left: -3px;
}
@media screen and (max-width: 750px) {
.speech_balloon_text_inner {
font-size: 14px;
}
} .q_frame {
line-height: 1.8;
position: relative;
padding: 1.3em 2em;
margin-bottom: 2em;
border: 1px solid #ddd;
}
*+.q_frame {
margin-top: 2.5em;
}
.q_frame_label {
max-width: calc(100% - 2em);
line-height: 1.4;
font-weight: 600;
display: inline-block;
padding: 0 1em;
background: inherit;
position: absolute;
top: -0.7em;
left: 1em;
}
@media (max-width: 767px) {
.q_frame {
padding: 1em 1.5em;
}
.q_frame_label {
padding: 0 0.5em;
}
}
.well {
margin-bottom: 30px;
padding: 1.1em 2em;
border: 1px solid #ddd;
border-radius: 6px;
background-color: #fafafa;
}
.well2 {
margin-bottom: 30px;
padding: 1.1em 2em;
border: 1px solid #ddd;
}
.well3 {
margin-bottom: 30px;
padding: 1.1em 2em;
border: 1px dashed #ddd;
background: #fafafa;
}
.wl_red {
border-color: #ebccd1;
background-color: #f2dede;
color: #a94442 !important;
}
.wl_yellow {
border-color: #faebcc;
background-color: #fcf8e3;
color: #8a6d3b !important;
}
.wl_blue {
border-color: #bce8f1;
background-color: #d9edf7;
color: #31708f !important;
}
.wl_green {
border-color: #d6e9c6;
background-color: #dff0d8;
color: #3c763d !important;
}
@media screen and (max-width: 767px) {
.well,
.well2,
.well3 {
padding: .9em .8em .9em 1em;
}
}  .q_styled_ol { counter-reset: item; list-style-type: none; margin-left:0 !important; margin-bottom:2em; position: relative;}
.q_styled_ol li {  margin-bottom:0.4em; display: block;
padding-left: 2em;}
.q_styled_ol li:before {
counter-increment: item; content: counter(item);
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
width:1.5em; min-width: 1.5em; height: 1.5em; background:var(--main_color);
color: #fff; border-radius: 50%; line-height: 1; margin-top: 0.3em; margin-right: 0.7em;
position: absolute;left: 0;
} .q_custom_button {
max-width: 100%;
height: 60px;
line-height: 1.5;
padding: 0 1.5em;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-ms-justify-content: center;
-webkit-justify-content: center;
justify-content: center;
-ms-align-items: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
position: relative;
overflow: hidden;
font-size: 16px;
z-index: 1;
color: #fff;
border-width: 1px;
border-style: solid;
text-decoration: none;
transition: border-color 0.3s ease;
}
.q_custom_button:before {
content: '';
display: block;
width: 100%;
height: calc(100% + 2px);
position: absolute;
top: -1px;
z-index: -1;
transition-property: background-color, left, opacity;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
.q_custom_button:hover {
color: #fff;
}
@media (max-width: 767px) {
.q_custom_button {
max-height: 50px;
}
}
.q_button_wrap {
text-align: center;
margin: 2em auto;
} .rounded {
border-radius: 6px;
}
.pill {
border-radius: 70px;
}
.bt_red {
background: #c01f0e;
border-color: #c01f0e;
color: #fff;
}
.bt_red:hover,
.bt_red:focus {
background-color: #d33929;
border-color: #d33929;
color: #fff;
}
.bt_yellow {
background: #f1c40f;
border-color: #f1c40f;
color: #fff;
}
.bt_yellow:hover,
.bt_yellow:focus {
background-color: #f9d441;
border-color: #f9d441;
color: #fff;
}
.bt_blue {
background: #2980b9;
border-color: #2980b9;
color: #fff;
}
.bt_blue:hover,
.bt_blue:focus {
background-color: #3a91c9;
border-color: #3a91c9;
color: #fff;
}
.bt_green {
background: #27ae60;
border-color: #27ae60;
color: #fff;
}
.bt_green:hover,
.bt_green:focus {
background-color: #39c574;
border-color: #39c574;
color: #fff;
} .ytube {
position: relative;
height: 0;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 56.25%;
padding-top: 30px;
overflow: hidden;
}
.ytube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .rps_table {
line-height: 2.0;
}
@media only screen and (max-width:567px) {
.rps_table tr {
display: block;
margin-bottom: 1.5em;
}
.rps_table th,
.rps_table td {
display: list-item;
list-style-type: none;
border: none;
}
.rps_table td {
border-top: none;
}
} .c-cardlink {
word-wrap: break-word;
margin: 15px 0 2em;
padding: 20px;
border: 1px solid #ddd;
background: #fafafa;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.c-cardlink .c-cardlink__image {
margin-right: 25px;
}
.c-cardlink .c-cardlink__image-bg {
width: 130px;
height: 130px !important;
object-fit: cover;
}
.c-cardlink .c-cardlink__image+.c-cardlink__content {
width: calc(100% - 155px);
}
.c-cardlink .c-cardlink__content-wrapper {}
.c-cardlink .c-cardlink__content-meta {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
margin: 0 0 15px;
}
.c-cardlink .c-cardlink__content-date {
line-height: 1;
font-size: 12px;
color: #000;
}
.c-cardlink .c-cardlink__content-date:first-of-type {
margin-right: 10px;
}
.c-cardlink .c-cardlink__content-title {
font-size: 16px;
line-height: 1.7;
font-weight: 600;
margin: -0.35em 0 calc(15px - 0.35em);
max-height: 3.4em;
overflow: hidden;
visibility: visible;
word-break: break-all;
}
.c-cardlink .c-cardlink__content-title-link {
display: -webkit-inline-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: rgba(var(--tcd-accent-color, 0, 0, 0), 1);
}
.c-cardlink .c-cardlink__content-desc {
font-size: 14px;
line-height: 1.7;
margin: -0.35em 0 !important;
max-height: 3.4em;
}
.c-cardlink .c-cardlink__content-desc--sp {
display: none;
}
@media (max-width: 767px) {
.c-cardlink {
padding: 12px;
margin: 30px 0 35px;
}
.c-cardlink .c-cardlink__image-bg {
width: 120px;
height: 120px !important;
}
.c-cardlink__content {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-cardlink .c-cardlink__image {
margin-right: 20px;
}
.c-cardlink .c-cardlink__image+.c-cardlink__content {
width: calc(100% - 140px);
}
.c-cardlink .c-cardlink__content-title {
max-height: 5.1em;
margin-bottom: -0.35em;
}
.c-cardlink .c-cardlink__content-title-link {
-webkit-line-clamp: 3;
}
.c-cardlink .c-cardlink__content-desc--pc {
display: none;
}
.c-cardlink .c-cardlink__content-desc--sp {
display: block;
margin-top: calc(15px - 0.35em) !important;
}
} .wpcf7 {
width: 100%;
margin: 0 0 2.5em !important;
padding: 0;
border: 1px solid #ddd;
background: #fafafa;
font-size: 14px;
}
.wpcf7 form {
margin: 1.5em 1.5em 0;
}
.wpcf7 p {
margin-bottom: 1em;
font-size: 16px;
}
.wpcf7 input,
.wpcf7 textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 8px;
border: 1px solid #ccc;
line-height: 1.2;
}
.wpcf7 select,
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio] {
width: auto;
max-width: 97%;
padding: 8px;
border: 1px solid #ccc;
}
.wpcf7 select,
.wpcf7 .wpcf7-list-item-label {
font-size: 14px;
line-height: 1.2;
}
.wpcf7 .wpcf7-list-item {
display: block;
}
.wpcf7 textarea {
height: 300px;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
border: 1px solid #bbb;
outline: none;
}
.wpcf7 .wpcf7-submit,
.wpcf7 .wpcf7-previous {
-webkit-transition: all .3s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: relative;
width: 225px;
height: 48px;
margin: 30px auto 0;
border: none !important;
outline: none;
background-color: #333333;
color: #fff;
font-size: 14px;
line-height: 1.5;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: all .3s;
}
.wpcf7 .wpcf7-submit:before,
.wpcf7 .wpcf7-submit:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-previous:hover {
background-color: #666666;
}
.wpcf7 .wpcf7-submit .wpcf7-not-valid {
background: pink;
}
.wpcf7 .wpcf7-submit .wpcf7-response-output {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
margin: 10px 0 0;
padding: 8px 35px 8px 14px;
border-radius: 4px;
}
.wpcf7 .wpcf7-submit .wpcf7-validation-errors {
border: 1px solid #EED3D7;
background-color: #F2DEDE;
color: #B94A48;
}
.wpcf7 .wpcf7-submit .wpcf7-mail-sent-ok {
border: 1px solid #BCE8F1;
background-color: #D9EDF7;
color: #3A87AD;
}
.wpcf7 .wpcf7-previous+br {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 2em;
padding: 0;
border: none;
text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
color: #dc3232;
font-size: 1em;
} .text70 {
font-size: 70%
} .text80 {
font-size: 80%
}
.text90 {
font-size: 90%
}
.text100 {
font-size: 100%
}
.text110 {
font-size: 110%
}
.text120 {
font-size: 120%
}
.text130 {
font-size: 130%
}
.text140 {
font-size: 140%
}
.text150 {
font-size: 150%
}
.text160 {
font-size: 160%
}
.text170 {
font-size: 170%
}
.text180 {
font-size: 180%
}
.text190 {
font-size: 190%
}
.text200 {
font-size: 200%
}
.text210 {
font-size: 210%
}
.text220 {
font-size: 220%
}
.b {
font-weight: 700
} .u {
text-decoration: underline
} .del {
text-decoration: line-throug
}  .red {
color: red
} .blue {
color: #2ca9e1
} .green {
color: #82ae46
} .orange {
color: #ff7d00
} .yellow {
color: #fff000
} .pink {
color: #ff0084
} .gray {
color: #999999
}  .bg-yellow {
padding: 2px;
background-color: #ff0
} .bg-blue {
padding: 2px;
background-color: #4ab0f5
} .bg-red {
padding: 2px;
background-color: red
}  .align1 {
text-align: center !important
} .align2 {
text-align: right !important
} .align3 {
text-align: left !important
}  .r-flo {
float: right;
margin: 10px
} .l-flo {
float: left;
margin: 10px
} .f-clear {
clear: both
}  a img.fade {
background: none !important;
outline: none;
-webkit-transition: all .3s;
transition: all .3s;
}
a:hover img.fade {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: none !important;
} .att {
padding-left: 1em;
text-indent: -1em;
} .att_box {
margin: 2em 0 2.5em;
padding: 1em 1.2em;
line-height: 2.0;
border: 1px dotted #cccccc;
background: #fcfcfc;
box-shadow: 0px 4px 0px 0px #f7f7f7;
}  .m0 {
margin: 0 !important
} .mt0 {
margin-top: 0 !important
} .mr0 {
margin-right: 0 !important
} .mb0 {
margin-bottom: 0 !important
} .ml0 {
margin-left: 0 !important
} .m5 {
margin: 5px !important
}
.mt5 {
margin-top: 5px !important
}
.mr5 {
margin-right: 5px !important
}
.mb5 {
margin-bottom: 5px !important
}
.ml5 {
margin-left: 5px !important
}
.m10 {
margin: 10px !important
}
.mt10 {
margin-top: 10px !important
}
.mr10 {
margin-right: 10px !important
}
.mb10 {
margin-bottom: 10px !important
}
.ml10 {
margin-left: 10px !important
}
.m15 {
margin: 15px !important
}
.mt15 {
margin-top: 15px !important
}
.mr15 {
margin-right: 15px !important
}
.mb15 {
margin-bottom: 15px !important
}
.ml15 {
margin-left: 15px !important
}
.m20 {
margin: 20px !important
}
.mt20 {
margin-top: 20px !important
}
.mr20 {
margin-right: 20px !important
}
.mb20 {
margin-bottom: 20px !important
}
.ml20 {
margin-left: 20px !important
}
.m25 {
margin: 25px !important
}
.mt25 {
margin-top: 25px !important
}
.mr25 {
margin-right: 25px !important
}
.mb25 {
margin-bottom: 25px !important
}
.ml25 {
margin-left: 25px !important
}
.m30 {
margin: 30px !important
}
.mt30 {
margin-top: 30px !important
}
.mr30 {
margin-right: 30px !important
}
.mb30 {
margin-bottom: 30px !important
}
.ml30 {
margin-left: 30px !important
}
.m35 {
margin: 35px !important
}
.mt35 {
margin-top: 35px !important
}
.mr35 {
margin-right: 35px !important
}
.mb35 {
margin-bottom: 35px !important
}
.ml35 {
margin-left: 35px !important
}
.m40 {
margin: 40px !important
}
.mt40 {
margin-top: 40px !important
}
.mr40 {
margin-right: 40px !important
}
.mb40 {
margin-bottom: 40px !important
}
.ml40 {
margin-left: 40px !important
}
.m45 {
margin: 45px !important
}
.mt45 {
margin-top: 45px !important
}
.mr45 {
margin-right: 45px !important
}
.mb45 {
margin-bottom: 45px !important
}
.ml45 {
margin-left: 45px !important
}
.m50 {
margin: 50px !important
}
.mt50 {
margin-top: 50px !important
}
.mr50 {
margin-right: 50px !important
}
.mb50 {
margin-bottom: 50px !important
}
.ml50 {
margin-left: 50px !important
}
.m55 {
margin: 55px !important
}
.mt55 {
margin-top: 55px !important
}
.mr55 {
margin-right: 55px !important
}
.mb55 {
margin-bottom: 55px !important
}
.ml55 {
margin-left: 55px !important
}
.m60 {
margin: 60px !important
}
.mt60 {
margin-top: 60px !important
}
.mr60 {
margin-right: 60px !important
}
.mb60 {
margin-bottom: 60px !important
}
.ml60 {
margin-left: 60px !important
}
.m65 {
margin: 65px !important
}
.mt65 {
margin-top: 65px !important
}
.mr65 {
margin-right: 65px !important
}
.mb65 {
margin-bottom: 65px !important
}
.ml65 {
margin-left: 65px !important
}
.m70 {
margin: 70px !important
}
.mr70 {
margin-right: 70px !important
}
.mb70 {
margin-bottom: 70px !important
}
.ml70 {
margin-left: 70px !important
}
.m75 {
margin: 75px !important
}
.mt75 {
margin-top: 75px !important
}
.mr75 {
margin-right: 75px !important
}
.mb75 {
margin-bottom: 75px !important
}
.ml75 {
margin-left: 75px !important
}
.m80 {
margin: 80px !important
}
.mt80 {
margin-top: 80px !important
}
.mr80 {
margin-right: 80px !important
}
.mb80 {
margin-bottom: 80px !important
}
.ml80 {
margin-left: 80px !important
} .p0 {
padding: 0 !important
} .pt0 {
padding-top: 0 !important
} .pr0 {
padding-right: 0 !important
} .pb0 {
padding-bottom: 0 !important
} .pl0 {
padding-left: 0 !important
} .p5 {
padding: 5px !important
}
.pt5 {
padding-top: 5px !important
}
.pr5 {
padding-right: 5px !important
}
.pb5 {
padding-bottom: 5px !important
}
.pl5 {
padding-left: 5px !important
}
.p10 {
padding: 10px !important
}
.pt10 {
padding-top: 10px !important
}
.pr10 {
padding-right: 10px !important
}
.pb10 {
padding-bottom: 10px !important
}
.pl10 {
padding-left: 10px !important
}