@charset "UTF-8";
/*
Theme Name:ICONIC
Theme URI:https://tcd-theme.com/tcd062
Description:"ICONIC" is a WordPress theme for online stores that is compatible with Welcart. It builds a minimalistic e-commerce site that highlights your products. And some banner contents promote your products from any angles.
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.19
Text Domain: tcd-iconic
*/
/**
* Reset
*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
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%; font-weight: normal; vertical-align: baseline; }
section { display: block; }
audio, canvas, video { display: inline-block; max-width: 100%; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-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 #ddd; margin: 1em 0; padding: 0; }
button, input, select, textarea { outline: 0; font-size: 100%; }
input, textarea { -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; }
img { -ms-interpolation-mode: bicubic; }
/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end MacIE5 */
/**
* Base
*/
/* body { background: #fff; color: #000; font-size: 14px; line-height: 1; min-width: 320px; overflow-x: hidden; position:relative; -webkit-font-smoothing: antialiased; } */
body { background: #fff; color: #ffffff; font-size: 14px; line-height: 1; min-width: 320px; overflow-x: hidden; position:relative; -webkit-font-smoothing: antialiased; }
a { color: #ffffff !important; text-decoration: none; }
.p-breadcrumb .p-breadcrumb_item a {
color: #ffffff !important;
}
body .p-breadcrumb .p-breadcrumb_item span[itemprop="name"] {
color: #ffffff !important;
}
b, strong { font-weight: 700; }
big { font-size: larger; }
small { font-size: 80%; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
i, cite, em, var, address, dfn { font-style: italic; }
tt, code, kbd, samp { font-family: monospace; }
u, ins { text-decoration: underline; }
img { vertical-align: bottom; }
a, input, .p-button, .p-article__title, .p-index-slider__item-button { -webkit-transition-property: background-color, border-color, color, opacity; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: background-color, border-color, color, opacity; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -ms-transition-property: background-color, border-color, color, opacity; -ms-transition-duration: 0.2s; -ms-transition-timing-function: ease; -o-transition-property: background-color, border-color, color, opacity; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background-color, border-color, color, opacity; transition-duration: 0.2s; transition-timing-function: ease; }
/**
* web fonts ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
*/
@font-face { font-family: "design_plus"; src: url("fonts/design_plus.eot?v=1.0"); src: url("fonts/design_plus.eot?v=1.0#iefix") format("embedded-opentype"), url("fonts/design_plus.woff?v=1.0") format("woff"), url("fonts/design_plus.ttf?v=1.0") format("truetype"), url("fonts/design_plus.svg?v=1.0#design_plus") format("svg"); font-weight: normal; font-style: normal; }
@font-face {
font-family: 'footer_bar';
src: url('fonts/footer_bar.eot?v=1.2');
src: url('fonts/footer_bar.eot?v=1.2#iefix') format('embedded-opentype'),
url('fonts/footer_bar.woff?v=1.2') format('woff'),
url('fonts/footer_bar.ttf?v=1.2') format('truetype'),
url('fonts/footer_bar.svg?v=1.2#footer_bar') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'tiktok_x_icon';
src: url('fonts/tiktok_x_icon.eot?v=1.0');
src: url('fonts/tiktok_x_icon.eot?v=1.0#iefix') format('embedded-opentype'),
url('fonts/tiktok_x_icon.woff?v=1.0') format('woff'),
url('fonts/tiktok_x_icon.ttf?v=1.0') format('truetype'),
url('fonts/tiktok_x_icon.svg?v=1.0#tiktok_x_icon') format('svg');
font-weight: normal;
font-style: normal;
}
/**
* keyframes
*/
/* fadeIn */
@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* loading-anime */
@-webkit-keyframes loading-anime {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-anime {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
/* headerSlideDown */
@-webkit-keyframes headerSlideDown {
0% { top: -70px; }
100% { top: 0; }
}
@keyframes headerSlideDown {
0% { top: -70px; }
100% { top: 0; }
}
@-webkit-keyframes headerSlideDown2 {
0% { top: -38px; }
100% { top: 32px; }
}
@keyframes headerSlideDown2 {
0% { top: -38px; }
100% { top: 32px; }
}
@-webkit-keyframes headerSlideDown3 {
0% { top: -24px; }
100% { top: 46px; }
}
@keyframes headerSlideDown3 {
0% { top: -24px; }
100% { top: 46px; }
}
/**
* Layout
*/
/* Header */
.l-header { position: relative; width: 100%; z-index: 999; }
.l-header__bar { /*background: rgba(255, 255, 255, 0.8);*/ position: relative; width: 100%; z-index: 998; }
body.l-header__fix .is-header-fixed .l-header__bar { width: 100%; position: fixed; top: 0; left: 0; -webkit-animation: headerSlideDown 0.5s ease; animation: headerSlideDown 0.5s ease; }
body.l-header__fix--mobile .is-header-fixed .l-header__bar { width: 100%; position: fixed; top: 0; left: 0; -webkit-animation: headerSlideDown 0.5s ease; animation: headerSlideDown 0.5s ease; }
body.l-header__fix .l-header.is-header-fixed { margin-bottom: 101px; }
@media only screen and (max-width: 991) {
body.l-header__fix .l-header.is-header-fixed { margin-bottom: 60px; }
}
/* Footer */
.l-footer { margin-top: 150px; }
body.hide_contents .l-footer{
margin-top: 0;
}
@media only screen and (max-width: 991px) {
.l-footer { margin-top: 30px; }
body.hide_contents .l-footer{margin-top: 30px;}
body.hide_contents .l-footer:not(.l-footer-search){margin-top: 0;}
}
/* Inner */
.l-inner { margin-left: auto; margin-right: auto; position: relative; width: 88.8888%; max-width: 1200px; }
/* main */
.l-main {}
/* columns */
.l-2columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.l-2columns .l-primary { width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: calc(100% - 350px); }
.l-secondary { width: 300px; }
.l-sidebar--type1 .l-2columns .l-primary { -webkit-order: 1; -ms-order: 1; order: 1; }
@media only screen and (max-width: 991px) {
.l-2columns { display: block; }
.l-2columns .l-primary { width: 100%; }
.l-secondary { margin-top: 30px; width: 100%; }
}
/* adminbar */
body.admin-bar { padding-top: 32px; }
body.admin-bar.l-header__fix .is-header-fixed .l-header__bar,
body.admin-bar.l-header__fix--mobile .is-header-fixed .l-header__bar--mobile { top: 32px; -webkit-animation: headerSlideDown2 0.5s ease; animation: headerSlideDown2 0.5s ease; }
@media only screen and (max-width: 782px) {
body.admin-bar { padding-top: 46px; }
body.admin-bar.l-header__fix .is-header-fixed .l-header__bar,
body.admin-bar.l-header__fix--mobile .is-header-fixed .l-header__bar--mobile { top: 46px; -webkit-animation: headerSlideDown3 0.5s ease; animation: headerSlideDown3 0.5s ease; }
}
@media only screen and (max-width: 600px) {
body.admin-bar.l-header__fix .is-header-fixed .l-header__bar,
body.admin-bar.l-header__fix--mobile .is-header-fixed .l-header__bar--mobile { top: 0; -webkit-animation: headerSlideDown 0.5s ease; animation: headerSlideDown 0.5s ease; }
}
/**
* Component
*/
/* Load */
@-webkit-keyframes loading-circle {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-circle {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-webkit-keyframes loading-square-base {
0% { bottom: 10px; opacity: 0; }
5%, 50% { bottom: 0; opacity: 1; }
55%, 100% { bottom: -10px; opacity: 0; }
}
@keyframes loading-square-base {
0% { bottom: 10px; opacity: 0; }
5%, 50% { bottom: 0; opacity: 1; }
55%, 100% { bottom: -10px; opacity: 0; }
}
@-webkit-keyframes loading-dots-fadein { 100% { opacity: 1; } }
@keyframes loading-dots-fadein { 100% { opacity: 1; } }
@-webkit-keyframes loading-dots-first-dot { 100% { -webkit-transform: translate(1em); transform: translate(1em); opacity: 1; } }
@keyframes loading-dots-first-dot { 100% { -webkit-transform: translate(1em); transform: translate(1em); opacity: 1; } }
@-webkit-keyframes loading-dots-middle-dots { 100% { -webkit-transform: translate(1em); transform: translate(1em); } }
@keyframes loading-dots-middle-dots { 100% { -webkit-transform: translate(1em); transform: translate(1em); } }
@-webkit-keyframes loading-dots-last-dot { 100% { -webkit-transform: translate(2em); transform: translate(2em); opacity: 0; } }
@keyframes loading-dots-last-dot { 100% { -webkit-transform: translate(2em); transform: translate(2em); opacity: 0; } }
#site-wrap { display: none; }
#site_loader_overlay { background: #fff; opacity: 1; position: fixed; bottom: 0; left: 0; right:0; top: 0; width: 100%; height: 100%; z-index: 99999; }
/* type1 */
.c-load--type1 { width: 48px; height: 48px; font-size: 10px; text-indent: -9999em; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; -webkit-animation: loading-circle 1.1s infinite linear; animation: loading-circle 1.1s infinite linear; }
/* type2 */
.c-load--type2 { width: 44px; height: 44px; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.c-load--type2::before { position: absolute; bottom: 0; left: 0; display: block; width: 12px; height: 12px; content: ''; animation: loading-square-loader 5.4s linear forwards infinite; }
.c-load--type2::after { position: absolute; bottom: 10px; left: 0; display: block; width: 12px; height: 12px; opacity: 0; content: ''; animation: loading-square-base 5.4s linear forwards infinite; }
/* type3 */
.c-load--type3 { width: 100%; min-width: 160px; font-size: 16px; text-align: center; position: fixed; top: 50%; left: 0; opacity: 0; -webkit-animation: loading-dots-fadein .5s linear forwards; animation: loading-dots-fadein .5s linear forwards; }
.c-load--type3 i { width: .5em; height: .5em; display: inline-block; vertical-align: middle; background: #999; border-radius: 50%; margin: 0 .25em; -webkit-animation: loading-dots-middle-dots .5s linear infinite; animation: loading-dots-middle-dots .5s linear infinite; }
.c-load--type3 i:first-child { -webkit-animation: loading-dots-first-dot .5s infinite; animation: loading-dots-first-dot .5s linear infinite; opacity: 0; -webkit-transform: translate(-1em); transform: translate(-1em); }
.c-load--type3 i:last-child { -webkit-animation: loading-dots-last-dot .5s linear infinite; animation: loading-dots-last-dot .5s linear infinite; }
@media only screen and (max-width: 767px) {
.c-load--type1 { width: 30px; height: 30px; }
.c-load--type2::before { width: 8px; height: 8px; }
.c-load--type2::after { width: 8px; height: 8px; }
#site_loader_animation i { width: 0.25em; height: 0.25em; margin: 0 0.125em; }
}
/* menu button */
.c-menu-button { display: none; position: absolute; top: 0; right: 0; text-align: center; }
.c-menu-button::before { content: "\f0c9"; font-family: "design_plus"; font-size: 18px; }
@media only screen and (max-width: 991px) {
.c-menu-button { display: block; }
}
.c-search-button { display: block; text-align: center; }
.c-search-button::before { content: "\e915"; font-family: "design_plus"; font-size: 18px; }
/* breadcrumb */
.c-breadcrumb__item { display: inline; }
.c-breadcrumb__item--home a::before { content: "\e90c"; font-family: "design_plus"; }
.c-breadcrumb__item--home span { display: none; }
/* コメント */
.c-comment { font-size: 12px; margin-bottom: 50px; margin-top: 50px; }
.c-comment__tab { margin-bottom: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.c-comment__tab-item { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; }
.c-comment__tab-item.is-active a, .c-comment__tab-item.is-active p { background: #333; border-color: #333; color: #fff; position: relative; }
.c-comment__tab-item.is-active a:after, .c-comment__tab-item.is-active p:after { border-color: #333 transparent transparent transparent; border-style: solid; border-width: 6px; margin: auto; position: absolute; right: 0; bottom: -12px; left: 0; content: ""; width: 0; height: 0; }
.c-comment__tab-item a, .c-comment__tab-item p { border: 1px solid #ddd; color: #333; display: block; font-size: 11px; line-height: 180%; padding: 15px; text-decoration: none; width: 100%; }
.c-comment__tab-item a:hover { background: #333; border-color: #333; color: #fff; }
.c-comment__tab-item + .c-comment__tab-item a:hover { border-left-color: #ddd; }
@media only screen and (max-width: 992px) {
.c-comment { margin-bottom: 30px; margin-top: 30px; }
}
@media only screen and (max-width: 767px) {
.c-comment__item-act { margin-top: 10px; padding-left: 0; position: static; }
.c-comment__tab-item a, .c-comment__tab-item p { padding: 9px 10px; }
.c-comment__tab-item.is-active a, .c-comment__tab-item.is-active p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; }
}
/* コメントの基本部分 */
.c-comment__list-item { border: 1px solid #ddd; color: #777; margin-bottom: 15px; padding: 15px 20px 0; }
/* コメント本文 */
.c-comment__item-body p { line-height: 2.4; margin-bottom: 15px; }
/* コメントの情報部分 */
.c-comment__item-header { margin-bottom: 10px; position: relative; }
.c-comment__item-avatar { float: left; margin-right: 10px; width: 40px; height: 40px; }
.c-comment__item-author { display: block; margin-bottom: 10px; padding-top: 3px; }
.c-comment__item-author a { text-decoration: underline; }
.c-comment__item-date { color: #757676; display: block; font-size: 11px; }
.c-comment__item-act { font-size: 11px; margin-top: 5px; padding-left: 10px; position: absolute; top: 0; right: 0; }
.c-comment__item-act > li { display: inline; border-right: 1px solid #aaa; margin-right: 6px; padding-right: 10px; }
.c-comment__item-act > li:last-child { border-right: 0; margin-right: 0; padding-right: 0; }
/* ページナビ */
.c-comment__pager { margin-bottom: 10px; }
.c-comment__pager a, .c-comment__pager span { display: inline; float: left; margin-right: 10px; }
.c-comment__pager span { text-decoration: underline; }
/* メッセージ、警告文 */
.c-comment__item-note { background: #d6f4f0; border: 1px solid #94ddd4; color: #33a8e5; display: block; font-size: 11px; margin-bottom: 1em; padding: 10px 15px; }
/* トラックバック */
.c-comment__trackback-url { background: #fafafa; font-size: 11px; padding: 10px; }
.trackback_time { font-size: 11px; color: #757676; margin: 0 0 7px 0px; }
.trackback_title { margin: 2px 0 8px 0; margin: 0 0 10px 0px; line-height: 1.6; }
/* コメントフォーム */
.c-comment__form-wrapper { border: 1px solid #ddd; padding: 15px; }
.c-comment__cancel { color: #666; font-size: 11px; margin-bottom: 1em; }
.c-comment__cancel a { color: #666; }
.c-comment__cancel a:before { content: "\e910"; font-family: "design_plus"; display: inline-block; }
.c-comment__form-login { color: #666; font-size: 11px; }
.c-comment__form-login a { color: #666; }
.c-comment__input { margin-bottom: 12px; text-align: left; }
.c-comment__input input { border: 1px solid #ddd; color: #777; padding: 5px; width: 100%; }
.c-comment__input textarea { border: 1px solid #ddd; color: #777; padding: 5px; font-size: 11px; line-height: 1.5; overflow: auto; margin-top: 15px; width: 100%; height: 150px; }
.c-comment__label-text { color: #666; display: block; font-size: 11px; margin-bottom: 5px; }
.c-comment__form-submit { background: #333; border: none; color: #fff; cursor: pointer; display: block; font-size: 14px; margin: 15px auto 0; width: 200px; height: 50px; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -ms-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; }
.c-comment__form-submit:hover { background: #000; }
.c-comment__form-hidden { display: none; }
/* パスワード保護 */
.c-comment__password-protected { background: #000; border-radius: 5px; color: #fff; padding: 10px 20px; text-align: center; }
.c-comment__password-protected p { font-size: 12px; line-height: 1.6; }
/* meta box */
.c-meta-box { background: #f7f7f7; font-size: 12px; padding: 22px 20px 17px; }
.c-meta-box__item { border-right: 1px solid #ddd; float: left; margin-bottom: 5px; margin-right: 12px; padding-left: 20px; padding-right: 12px; position: relative; }
.c-meta-box__item:last-child { border-right: none; margin-right: 0; padding-right: 0; }
.c-meta-box__item::before { color: #aaa; font-family: "design_plus"; position: absolute; left: 0; }
.c-meta-box__item--author::before { content: "\e90d"; }
.c-meta-box__item--category::before { content: "\e92f"; }
.c-meta-box__item--tag::before { content: "\e935"; }
.c-meta-box__item--comment::before { content: "\e916"; }
@media only screen and (max-width: 767px) {
.c-meta-box { background: none; margin-bottom: 10px; padding: 0; }
.c-meta-box__item { border-right: 0; float: none; margin-bottom: 16px; }
}
/* entry nav */
.c-entry-nav { border-top: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.c-entry-nav__item { font-size: 14px; line-height: 2; position: relative; width: 50%; height: 118px; flex: 1; }
.c-entry-nav__item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; height: 100%; padding: 0 14%; }
.c-entry-nav__item a:hover { background: #f7f7f7; color: #000 !important; }
.c-entry-nav__item a span { display: block; max-height: 100%; overflow: hidden; }
.c-entry-nav__item--prev { border-right: 1px solid #ddd; }
.c-entry-nav__item--next { border-left: 1px solid #ddd; }
.c-entry-nav__item--prev + .c-entry-nav__item--next { border-left: none; }
.c-entry-nav__item--prev a { padding-left: 16%; }
.c-entry-nav__item--next a { padding-right: 16%; }
.c-entry-nav__item--prev a::before, .c-entry-nav__item--next a::after { content: ""; display: block; font-family: "design_plus"; line-height: 1; margin: auto; position: absolute; top: 0; bottom: 0; width: 1em; height: 1em; }
.c-entry-nav__item--prev a::before { content: "\e90f"; left: 7%; }
.c-entry-nav__item--next a::after { content: "\e910"; right: 7%; }
@media only screen and (max-width: 991px) {
.c-entry-nav { border-top: none; }
.c-entry-nav__item { font-size: 12px; text-align: center; width: 50%; height: 52px; }
.c-entry-nav__item--prev { border: 1px solid #ddd; }
.c-entry-nav__item--next { border: 1px solid #ddd; }
.c-entry-nav__item--prev + .c-entry-nav__item--next { border-left: none; }
.c-entry-nav__item a { display: block; line-height: 50px; padding: 0; width: 100%; height: 50px; }
.c-entry-nav__item a span { display: none; }
.c-entry-nav__item--prev a::after { content: attr(data-prev); }
.c-entry-nav__item--next a::before { content: attr(data-next); }
.c-entry-nav__item--prev a::before { color: #ccc; left: 18px; }
.c-entry-nav__item--next a::after { color: #ccc; right: 18px; }
}
/* pw */
.c-pw { margin-bottom: 40px; }
.c-pw__desc { line-height: 2.5; }
.c-pw__desc p { line-height: 2.5; margin-bottom: 16px; }
.c-pw__btn { color: #fff; display: inline-block; padding: 13px 20px; font-size: 14px; text-align: center; line-height: 1; background: #999; }
.c-pw__btn:hover { background: #333; color: #fff; }
.c-pw__btn--register { background: #999; color: #fff !important; display: inline-block; font-size: 14px; height: 50px; line-height: 50px; min-width: 200px; padding: 0 25px; position: relative; min-width: 160px; margin-bottom: 32px; }
.c-pw__btn--register::after { content: '\e910'; font-family: 'design_plus'; position: relative; right: -4px; }
.c-pw__btn--submit { min-width: 100px; border: 0; cursor: pointer; }
.c-pw .c-pw__btn:hover { text-decoration: none; }
.c-pw__box { border: 1px solid #ddd; background: #f7f7f7; padding: 25px 36px; }
.c-pw__box .c-pw__box-desc { line-height: 1.2; margin-bottom: 20px; }
.c-pw__box-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; }
.c-pw__box-label { margin-right: 14px; }
.c-pw__box-input { border: 1px solid #ddd; box-shadow: none; height: 40px; width: 250px; margin-right: 14px; flex: 1; padding: 0 10px; }
@media only screen and (max-width: 767px) {
.c-pw { margin-bottom: 30px; }
.c-pw__box { padding: 20px; text-align: center; }
.c-pw__box-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.c-pw__box-label { display: block; margin-bottom: 1em; margin-right: 0; font-size: 12px; }
.c-pw__box-input { display: block; width: 100%; margin-bottom: 1em; margin-right: 0; }
}
/**
* Project
*/
a:hover { color: #006689; }
/* header top */
.p-header__top { border-bottom: 1px solid #ddd; min-height: 58px; }
.p-header__top__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; }
.p-header-description { font-size: 14px; line-height: 2; padding: 15px 0; }
@media only screen and (max-width: 991px) {
.p-header__top { display: none; }
}
/* header top welcart nav */
.p-header__welcart-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; margin-left: auto; position: relative; }
.p-header-description + .p-header__welcart-nav { margin-left: 15px; }
.p-header__welcart-nav li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; white-space: nowrap; height: 100%; line-height: 58px; padding: 0 15px; }
.p-header__welcart-nav li a#js-header-cart{ padding: 0 30px; }
.p-header__welcart-nav .p-header__welcart-nav__login a,
.p-header__welcart-nav .p-header__welcart-nav__logout a { padding-right: 30px; }
.p-header__welcart-nav__member a, .p-header__welcart-nav__cart a { background: #0097cc; margin-bottom: -1px; }
.p-header__welcart-nav__cart a { color: #fff !important;padding: 0 24px; }
.p-header__welcart-nav__cart a::before { content: "\e93a"; display: inline-block; font-family: "design_plus"; font-size: 20px; margin-left: 2px; margin-right: 6px; }
.p-header__welcart-nav__member a { color: #fff !important; padding-right: 12px; }
.p-header__welcart-nav__member + .p-header__welcart-nav__cart a { padding-left: 12px; }
.p-header__welcart-nav__badge { background: #fff; border-radius: 10px; color: #000 !important; display: inline-block; line-height: 20px; margin-left: 6px; min-width: 20px; padding: 0 6px; text-align: center; font-size: 12px; }
.p-header__welcart-nav__badge:empty { display: none; }
/* header bar */
.p-header__bar { border-bottom: 1px solid #ddd; position: relative; }
.p-header__bar__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; height: 100px; position: relative; }
@media only screen and (max-width: 991px) {
.p-header__bar__inner { height: 59px; position: static; }
}
/* header logo */
.p-logo { flex: 0 0 auto; }
.p-header__logo { margin-right: 30px; }
.p-header__logo .p-logo img { display: block; max-width: 100%; height: auto; }
.p-header__logo--text { font-size: 36px; line-height: 1.2; }
.p-header__logo--mobile { display: none; }
@media only screen and (max-width: 991px) {
.p-header__logo { display: none; }
.p-header__logo--mobile { display: block; }
.p-header__logo--text { font-size: 24px; }
}
/* header search */
.p-header-search { margin-left: 20px; flex: 0 0 auto; }
.p-header-search .p-search-button { background: #ddd; border-radius: 16px; color: #fff !important; line-height: 32px; height: 32px; text-align: center; width: 32px; }
.p-header-search form { margin-top: -30px; opacity: 0; visibility: hidden; width: 280px; position: absolute; top: 100%; right: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.is-header-search-active .p-header-search form { margin-top: 0; opacity: 1; visibility: visible; }
.p-header-search__input { background: #fff; border: 1px solid #ddd; line-height: 45px; height: 45px; padding: 0 18px; width: 100%; }
.p-header-search__input:placeholder-shown { color: #bababa; }
.p-header-search--mobile { display: none; }
@media only screen and (max-width: 991px) {
.p-header-search { display: none; }
.p-header-search--mobile { display: inherit; padding: 13px 22px; line-height:1 !important; }
.p-header-search--mobile form { position: relative; }
.p-header-search--mobile .p-header-search__input { height: 35px; line-height: 35px; padding: 0 35px 0 18px; }
.p-header-search--mobile .p-header-search__submit { width: 35px; height: 35px; line-height: 35px; padding: 0; text-align: center; font-family: "design_plus"; font-size: 16px; color: #000; background: transparent; border: none; cursor: pointer; position: absolute; top: 0; right: 0; }
}
/* menu button */
.p-cart-button { display: none; text-align: center; position: absolute; top: 0; right: 70px; }
.p-cart-button::before { content: "\e93a"; font-family: "design_plus"; font-size: 20px; }
@media only screen and (max-width: 991px) {
.p-cart-button { display: block; }
.p-menu-button, .p-cart-button { border-left: 1px solid #ddd; line-height: 59px; height: 59px; width: 69px; }
.p-cart-button .p-header__welcart-nav__badge { background: #0097cc; color: #fff !important; font-size: 10px; vertical-align: text-bottom; position: relative; bottom: 2px; -webkit-transition-property: background-color, border-color, color, opacity; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: background-color, border-color, color, opacity; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -ms-transition-property: background-color, border-color, color, opacity; -ms-transition-duration: 0.2s; -ms-transition-timing-function: ease; -o-transition-property: background-color, border-color, color, opacity; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background-color, border-color, color, opacity; transition-duration: 0.2s; transition-timing-function: ease; }
}
/* global nav */
@media (min-width: 992px) {
.p-global-nav { border-left: 1px solid #ddd; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; position: relative; }
.p-global-nav a { display: block; }
.p-global-nav li{ position: relative; }
.p-global-nav > li { font-size: 14px; height: 100px; line-height: 2; position: relative; }
.p-global-nav > li > a { border-right: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-weight: 400; height: 101.4px; overflow: hidden; text-align: center; padding: 0 20px; }
.p-global-nav > li > a::after, .p-global-nav > li.current-menu-item > a::after { background: #000; content: ''; display: block; height: 0; position: absolute; bottom: -1.4px; left: -1px; right: 0; z-index: 2; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; transition: height 0.3s ease; }
.p-global-nav > li:hover, .p-global-nav > li.current-menu-item, .p-global-nav > li.is-active { z-index: 2; }
.p-global-nav > li:hover > a::after, .p-global-nav > li.current-menu-item > a::after, .p-global-nav > li.is-active > a::after { height: 5px; }
.p-global-nav > li.menu-item-has-children > .sub-menu { top: 100%; left: -1px; }
.p-global-nav .menu-item-has-children:hover > .sub-menu { opacity: 1; visibility: visible; z-index: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.p-global-nav .sub-menu { background: #f7f7f7; line-height: 1.31; visibility: hidden; opacity: 0; position: absolute; top: 0; left: 100%; z-index: 1; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.p-global-nav .sub-menu a { min-height: 50px; padding: 15.5px 20px; width: 210px; }
.p-global-nav .sub-menu .current-menu-item > a { background: #0097cc; color: #fff; }
.p-global-nav .sub-menu a:hover { background: #006689; color: #fff; }
.p-global-nav .sub-menu .menu-item-has-children > a { position: relative; }
.p-global-nav .sub-menu .menu-item-has-children > a::after { content: "\e910"; font-family: "design_plus"; position: absolute; right: 16px; transition: none; }
.p-global-nav__item-welcart--mobile { display: none; }
}
@media only screen and (max-width: 991px) {
.p-global-nav { display: none; width: 100%; max-height: calc(100vh - 60px); overflow: auto; text-align: left; position: absolute; top: 59px; left: 0; z-index: 1000; }
.p-global-nav a { display: block; line-height: 1.4; min-height: 1.4em; padding: 13px 41px 13px 22px; width: 100%; position: relative; }
.p-global-nav .menu-item-has-children > a > span::before { content: '\e90e'; font-family: "design_plus"; line-height: 24px; display: block; margin: auto; position: absolute; top: 0; right: 17px; bottom: 0; text-align: center; width: 24px; height: 24px; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; }
.p-global-nav .menu-item-has-children > a > span.is-active::before { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }
.p-global-nav .sub-menu { background: transparent !important; display: none; }
.p-global-nav .sub-menu li a { padding-left: 1em; }
.p-global-nav .sub-menu .sub-menu li a { padding-left: 2em; }
.p-global-nav .sub-menu .sub-menu .sub-menu li a { padding-left: 3em; }
.p-global-nav .sub-menu .sub-menu .sub-menu .sub-menu li a { padding-left: 4em; }
}
/* mega menu */
.p-global-nav .menu-megamenu .sub-menu { display: none; }
.p-megamenu { display: block; font-size: 14px; opacity: 0; position: absolute; left: 0; top: -300px; visibility: hidden; width:100%; z-index: 999; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); -webkit-transition-property: -webkit-transform, transform, opacity, visibility; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, transform, opacity, visibility; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; -ms-transition-property: -ms-transform, transform, opacity, visibility; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; transition-property: transform, opacity, visibility; transition-duration: 0.3s; transition-timing-function: ease; }
.p-megamenu.is-active { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
body.l-header__fix .is-header-fixed .p-megamenu { position: fixed; top: 100px !important; }
body.l-header__fix--mobile .is-header-fixed .p-megamenu { position: fixed; top: 100px !important; }
body.admin-bar.l-header__fix .is-header-fixed .p-megamenu { top: 132px !important; }
.p-megamenu__bg { background: #f7f7f7; }
.p-megamenu a { color: #000; display: block; line-height: 1.8; text-align: center; }
.p-megamenu a:hover { background: #006689; color: #fff; }
.p-megamenu .p-megamenu__image { padding-top: 61.9%; overflow: hidden; position: relative; }
.p-megamenu .p-megamenu__image img { display: block; height: 100%; object-fit: cover; width: 100%; position: absolute; top: 0; left: 0; }
.p-megamenu--type2 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.p-megamenu--type2 li { width: 20%; }
.p-megamenu--type2 a { height: 100%; padding: 22px 22px 18px; }
.p-megamenu--type2 .p-megamenu__image { margin-bottom: 14px; }
.p-megamenu--type3 ul { position: relative; }
.p-megamenu--type3 li { width: 20%; }
.p-megamenu--type3 li a { min-height: 50px; padding: 12.5px 8px; }
.p-megamenu--type3 ul ul.sub-menu { display: none; opacity: 1; min-height:100%; position: absolute; left: 20%; right: 0; top: 0; z-index: 1; }
.p-megamenu--type3 .sub-menu li { width: 25%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.p-megamenu--type3 .sub-menu li a { padding: 22px; width: 100%; }
.p-megamenu--type3 .sub-menu li .p-megamenu__image { margin-bottom: 10px; }
.p-megamenu--type3 li.is-active .sub-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 2; }
.p-megamenu--type4 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.p-megamenu--type4 li { height: 50px; position: relative; width: 20%; }
.p-megamenu--type4 a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; height: 100%; line-height: 1.31; overflow: hidden; text-align: center; width: 100%; }
.p-megamenu--type4 a span { display: block; max-height: 100%; text-align: center; width: 100%; }
@media only screen and (max-width: 991px) {
.p-megamenu { display: none !important; }
}
/* header view cart */
.p-header-view-cart { background: #fff; border: 1px solid #ddd; opacity: 0; position: absolute; right: 5.5556%; top: 58px; visibility: hidden; width: 322px; z-index: 999; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); -webkit-transition-property: -webkit-transform, transform, opacity, visibility; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, transform, opacity, visibility; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; -ms-transition-property: -ms-transform, transform, opacity, visibility; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; transition-property: transform, opacity, visibility; transition-duration: 0.3s; transition-timing-function: ease; }
.p-header-view-cart.is-active { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.p-header-view-cart__item { border-bottom: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 12px; }
.p-header-view-cart__item-thumbnail { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 80px; }
.p-header-view-cart__item-thumbnail img { display: block; height:auto; width: 100%; }
.p-header-view-cart__item-info { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 14px; line-height: 1.8; margin-left: 18px; }
.p-header-view-cart__item-price .times { padding: 0 7px; }
.p-header-view-cart__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 12px; }
.p-header-view-cart__buttons .p-button, .p-header-view-cart__buttons .p-button--gray { min-width: 0; width: 142px; }
.p-header-view-cart .p-wc-empty_cart { padding: 60px 12px; text-align: center; }
@media only screen and (max-width: 991px) {
.p-header-view-cart { background: rgba(255, 255, 255, 0.8); border-width: 1px 0; left: 0; right: 0; top: 59px; visibility: hidden; width: 100%; border-bottom: 1px solid #ddd; }
.p-header-view-cart__buttons .p-button, .p-header-view-cart__buttons .p-button--gray { width: 49%; }
.p-header-view-cart .p-wc-empty_cart { padding: 30px 12px; }
.l-header__fix--mobile .p-header-view-cart.is-active { position: fixed; }
}
@media only screen and (max-width: 480px) {
.p-header-view-cart__buttons { display: block; }
.p-header-view-cart__buttons .p-button, .p-header-view-cart__buttons .p-button--gray { display: block; width: 100%; }
.p-header-view-cart__buttons .p-button--gray + .p-button { margin-top: 10px; }
}
body.admin-bar.l-header__fix--mobile .is-header-fixed .p-header-view-cart { top: 91px; }
@media only screen and (max-width: 782px) {
body.admin-bar.l-header__fix--mobile .is-header-fixed .p-header-view-cart { top: 105px; }
}
@media only screen and (max-width: 600px) {
body.admin-bar.l-header__fix--mobile .is-header-fixed .p-header-view-cart { top: 59px; }
}
/* header bottom */
.p-header__bottom { display: none; }
@media only screen and (max-width: 991px) {
.p-header__bottom { border-bottom: 1px solid #ddd; display: block; }
.p-header__bottom .p-header-description { font-size: 12px; line-height: 1.8; padding: 8px 0; }
}
/* page header */
.p-page-header { background: #f7f7f7; border-bottom: 1px solid #ddd; }
.p-page-header .p-page-header__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; min-height: 100px; padding: 30px 0; }
.p-page-header__image a{ color: inherit; }
.p-page-header__title { color: #0097cc; font-size: 32px; line-height: 1.2; margin: 0; }
.p-page-header__desc { font-size: 14px; line-height: 2.2; }
.p-page-header--2col .p-page-header__title { flex: 0 0 auto; max-width: 50%; }
.p-page-header--2col .p-page-header__desc { margin-left: 30px; }
.p-page-header__image { background-position: center center; background-size: cover; position: relative; }
.p-page-header__image .p-page-header__overlay_wrap{display: flex;}
body.hide_contents .p-page-header__image .p-page-header__overlay_wrap{height: 100%;}
.p-page-header__image .p-page-header__overlay { background: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; min-height: 600px; width: 100%; }
.p-page-header__image .p-page-header__inner { text-align: center; opacity: 0; padding: 30px 0; }
.p-page-header__image .p-page-header__title { color: #fff; font-size: 30px; line-height: 1.2; margin: 0; }
.p-page-header__image .p-page-header__desc { color: #fff; font-size: 14px; line-height: 2; }
.p-page-header__image .p-page-header__title + .p-page-header__desc { margin-top: 0.5em; }
.p-page-header__image.is-active .p-page-header__inner { -webkit-animation: fadeIn 1s ease 1s both; animation: fadeIn 1s ease 1s both; }
@media only screen and (max-width: 991px) {
.p-page-header { border-top: none; }
.p-page-header .p-page-header__title { font-size: 20px; line-height: 1.8; }
.p-page-header .p-page-header__desc { font-size: 12px; line-height: 1.8; margin-bottom: 5px; }
.p-page-header .p-page-header__inner { display: block; min-height: auto; padding: 7px 0; }
.p-page-header--2col .p-page-header__title { max-width: 100%; }
.p-page-header--2col .p-page-header__desc { margin-left: 0; }
.p-page-header__image .p-page-header__overlay { min-height: 320px; }
}
@media only screen and (max-width: 767px) {
.p-page-header__image .p-page-header__overlay { min-height: 200px; }
}
/* breadcrumb */
.p-breadcrumb { border-bottom: 1px solid #ddd; margin-bottom: 60px; }
.p-breadcrumb__inner { font-size: 14px; line-height: 1.7; padding: 13.5px 0; }
.p-breadcrumb__item { padding-right: 0; }
.p-breadcrumb__item + .p-breadcrumb__item::before { content: "\e910"; display: inline-block; font-family: "design_plus"; font-size: 10px; margin-left: 2px; margin-right: 2px; }
@media only screen and (max-width: 991px) {
.p-breadcrumb { margin-bottom: 28px; }
.p-breadcrumb__inner { font-size: 12px; line-height: 40px; height: 40px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; }
}
/* copyright */
.p-copyright { border-top: 1px solid #ddd; color: #000; font-size: 12px; height: 59px; line-height: 58px; text-align: center; overflow: hidden; }
@media only screen and (max-width: 991px) {
.p-copyright { font-size: 12px; height: 51px; line-height: 50px; }
}
/* pagetop */
.p-pagetop { display: none; position: fixed; bottom: 0; right: 0; z-index: 90; }
.p-pagetop a { background: #000; color: #fff !important; display: block; height: 58px; line-height: 58px; text-align: center; width: 58px; }
.p-pagetop a::after { content: "\e911"; font-family: "design_plus"; font-size: 14px; margin: auto; top: 0; right: 0; bottom: 0; left: 0; }
@media only screen and (max-width: 991px) {
.p-pagetop a { height: 50px; line-height: 50px; width: 50px; }
}
/* footer search */
.p-footer-search--404 { display: block; margin: 30px auto 0; position: relative; max-width: 400px;}
.p-footer-search__input { background: #f7f7f7; border: 1px solid #ddd; border-right: none; border-radius: 0; height: 40px; line-height: 40px; padding: 0 15px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
.p-footer-search__submit { background: #222; border: none; border-radius: 0; color: #fff; cursor: pointer; font-family: "design_plus"; font-size: 16px; height: 40px; padding: 0; width: 40px; position: absolute; top: 0; right: 0; z-index: 2; }
.p-footer-search--mobile { display: none; }
@media only screen and (max-width: 991px) {
.p-footer-search--mobile { display: block; margin-bottom: 30px; position: relative; }
.p-footer-search--404.p-footer-search__has_footer_search{display: none;}
}
/* article title */
.p-article__title { color: #000; word-break: break-all; }
/* article meta */
.p-article__meta { color: #666; font-size: 12px; line-height: 1.8; }
.p-article__meta > * { display: inline-block; margin-right: 8px; }
.p-article__meta > *:last-child { margin-right: 0; }
.p-article__meta > * + *::before { content: "|"; display: inline-block; margin-right: 8px; }
/* ad */
.p-ad { margin-bottom: 20px; margin-top: 50px; text-align: center; }
.p-ad__item { display: inline-block; margin-bottom: 30px; }
.p-ad__item + .p-ad__item { margin-left: 35px; }
.p-ad img { max-width: none; width: auto; }
@media only screen and (max-width: 767px) {
.p-ad__item { display: block; margin-bottom: 20px; }
.p-ad__item + .p-ad__item { margin-left: 0; }
}
/* headline */
.p-headline { background: #0097cc; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.2; margin-bottom: 0; padding: 17px 22px; }
.p-headline .p-headline__link { color: #fff; float: right; font-size: 14px; font-weight: normal; }
.p-headline .p-headline__link::after { content: "\e910"; display: inline-block; font-family: "design_plus"; font-size: 12px; margin-left: 6px; }
.p-headline a.p-headline__link:hover { opacity: 0.85; }
/* button */
.p-button { background: #0097cc; border: none; color: #fff !important; cursor: pointer; display: inline-block; height: 50px; line-height: 50px; min-width: 180px; overflow: hidden; padding: 0 20px; text-align: center; }
.p-button:hover { background: #006689; }
.p-button span { display: block; }
.p-button span::after { content: "\e910"; display: inline-block; font-family: "design_plus"; margin-left: 6px; margin-right: -6px; }
.p-button--gray { background: #ccc; border: none; color: #fff !important; cursor: pointer; display: inline-block; height: 50px; line-height: 50px; min-width: 180px; overflow: hidden; padding: 0 20px; text-align: center; }
.p-button.p-button--gray { background: #ccc; }
.p-button--white { background: transparent !important; border: none; color: #000 !important; cursor: pointer; display: inline-block; height: 50px; line-height: 50px; min-width: 180px; overflow: hidden; padding: 0 20px; text-align: center; }
.p-button--lg { height: 60px; line-height: 60px; min-width: 200px; }
.p-button--xl { height: 60px; line-height: 60px; min-width: 250px; }
@media only screen and (max-width: 991px) {
.p-button, .p-button--back { height: 45px; line-height: 45px; min-width: 160px; }
.p-button--lg, .p-button--xl { height: 45px; line-height: 45px; min-width: 200px; }
}
/* page-links */
.p-page-links { font-size: 14px; margin-top: 30px; }
.p-page-links a, .p-page-links > span { border: 1px solid #ddd; color: #000 !important; display: inline-block; line-height: 40px; text-align: center; min-width: 40px; height: 40px; }
.p-page-links > span { background: #0097cc; color: #fff !important; }
.p-page-links a:hover { background: #006689; color: #fff !important; }
@media only screen and (max-width: 991px) {
.p-page-links { font-size: 0; margin-top: 20px; text-align: center; }
.p-page-links a, .p-page-links > span { font-size: 14px; margin-left: -1px; margin-top: 3px; }
.p-page-links a:hover { position: relative; z-index: 2; }
}
/* pager */
.p-pager { margin-top: 46px; }
.p-pager__item { display: inline-block; font-size: 14px; vertical-align: top; }
.p-pager__item a, .p-pager__item span { border: 1px solid #ddd; color: #000; display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; }
.p-pager__item .current { background: #0097cc; color: #fff; }
.p-pager__item a:hover { background: #006689; color: #fff; }
.p-pager__item .prev, .p-pager__item .next { font-family: "design_plus"; font-size: 12px; }
.p-pager__item .first, .p-pager__item .last { line-height: 37px; }
.p-pager__item .first { padding-left: 12px; padding-right: 18px; }
.p-pager__item .last { padding-left: 18px; padding-right: 12px; }
.p-pager__item .first::before, .p-pager__item .last::after { display: inline-block; font-family: "design_plus"; font-size: 12px; vertical-align: middle; }
.p-pager__item .first::before { content: "\e90f"; margin-right: 4px; }
.p-pager__item .last::after { content: "\e910"; margin-left: 4px; }
.p-pager__item.p-pager__num span { padding: 0 18px; }
@media only screen and (max-width: 991px) {
.p-pager { font-size: 0; margin-top: 40px; text-align: center; }
.p-pager__item { margin-top: 3px; }
.p-pager__item a, .p-pager__item span { margin-left: -1px; }
.p-pager__item a:hover { position: relative; z-index: 2; }
.p-pager__item.p-pager__num { margin-right: 5px; }
.p-pager__item--current { position: relative; }
.p-pager__item--current + .p-pager__item a { border-left: none; }
}
/* social nav */
.p-social-nav__item { display: inline-block; margin-right: 16px; }
.p-social-nav__item:last-child { margin-right: 0; }
.p-social-nav__item a::before { font-family: "design_plus"; }
.p-social-nav__item--facebook a::before { content: "\e902"; }
.p-social-nav__item--googleplus a::before { font-family: 'tiktok_x_icon'; content: "\e900"; }
.p-social-nav__item--twitter a::before { font-family: 'tiktok_x_icon'; content: "\e901"; }
.p-social-nav__item--instagram a::before { content: "\ea92"; }
.p-social-nav__item--pinterest a::before { content: "\e905"; }
.p-social-nav__item--youtube a::before { font-family: 'footer_bar'; content: "\ea9d"; }
.p-social-nav__item--contact a::before { content: "\f003"; }
.p-social-nav__item--url a::before { content: "\f0ac"; }
.p-social-nav__item--rss a::before { content: "\e90b"; }
/* blog archive */
.p-blog-archive { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.p-blog-archive::after { content: ''; display: block; width: 31.66%; }
.p-blog-archive__item { margin-bottom: 36px; width: 31.66%; }
.p-blog-archive__item a { display: block; }
.p-blog-archive__item-thumbnail { margin-bottom: 14px; overflow: hidden; padding-top: 60.526%; position: relative; width: 100%; }
.p-blog-archive__item-thumbnail img { display:block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.p-blog-archive__item-title { font-size: 14px; font-weight: normal; line-height: 1.8; }
.p-blog-archive__item-price { font-weight: 400; line-height: 1.8; margin-top: 2px; }
.p-blog-archive__item-meta { margin-top: 9px; }
@media (min-width: 992px) {
.p-blog-archive__item:nth-last-child(-n+3) { margin-bottom: 0; }
}
@media only screen and (max-width: 991px) {
.p-blog-archive__item, .p-blog-archive::after { width: 46.875%; }
.p-blog-archive__item:nth-last-child(-n+2) { margin-bottom: 0; }
}
@media only screen and (max-width: 767px) {
.p-blog-archive { display: block; }
.p-blog-archive::after { display: none; }
.p-blog-archive__item { margin-bottom: 0; width: 100%; }
.p-blog-archive__item + .p-blog-archive__item { margin-top: 22px; }
.p-blog-archive__item-thumbnail { margin-bottom: 10px; }
.p-blog-archive__item-meta { margin-top: 5px; }
}
/* entry */
.p-entry > :last-child { margin-bottom: 0; }
.p-entry__inner { border: 1px solid #ddd; padding: 50px; }
.p-entry__thumbnail { margin: 0 0 40px 0; }
.p-entry__inner .p-entry__thumbnail { margin: -51px -51px 40px -51px; position: relative; }
.p-entry__thumbnail img { display: block; width: 100%; height: auto; }
.p-entry__meta-top { color: #666; margin-bottom: 20px; }
.p-entry__meta-top a { color: #666; }
.p-entry__meta-top li { display: inline-block; font-size: 12px; line-height: 1.9; }
.p-entry__meta-top li:last-child { margin-right: 0; }
.p-entry__meta-top--date { font-size: 14px; }
.p-entry__thumbnail .p-entry__meta-top { background: #fff; display: inline-block; line-height: 45px; height: 45px; margin: 0 51px; overflow: hidden; padding: 0 30px; position: absolute; bottom: 0; left: 0; }
.p-entry__title { font-size: 32px; font-weight: 500; line-height: 1.5; margin-bottom: 0; word-wrap: break-word;}
.p-entry__share { margin-bottom: -5px; margin-top: 30px; }
.p-entry__body { color: #000; line-height: 2.4; margin-top: 30px; }
.p-entry__meta { margin-top: 30px; }
.p-entry__nav { margin: 50px -50px -50px -50px; }
.p-entry__ad { margin-bottom: -30px; margin-top: 50px; }
.p-entry__body .p-entry__ad img { max-width: none; width: auto; }
.p-entry__next-page { margin-top: 30px; text-align: center; }
.p-entry__next-page__link { padding: 0 25px; position: relative; }
.p-entry__next-page__link::after { content: '\e910'; font-family: 'design_plus'; position: absolute; right: 11px; }
.p-entry__next-page__numbers { display: block; font-size: 16px; text-align: center; }
.p-entry__related { margin-bottom: 40px; margin-top: 50px; }
.p-entry__related-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px; }
.p-entry__related-item { width: 30.82%; position: relative; margin-top: 22px; }
.p-entry__related-item__thumbnail { overflow: hidden; padding-top: 61.068%; position: relative; width: 100%; }
.p-entry__related-item__thumbnail img { display: block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.p-entry__related-item__title { font-size: 14px; line-height: 1.8; margin-top: 0.8em; }
@media only screen and (max-width: 991px) {
.p-entry__inner { border: none; padding: 0; }
.p-entry__thumbnail { margin: 0 0 26px 0; }
.p-entry__inner .p-entry__thumbnail { margin: -28px -6.25% 26px -6.25%; }
.p-entry__meta-top { margin-bottom: 10px; }
.p-entry__meta-top li { font-size: 10px; }
.p-entry__meta-top--date { font-size: 12px; }
.p-entry__thumbnail .p-entry__meta-top { line-height: 40px; height: 40px; margin-left: 5.5556%; margin-right: auto; max-width: 88.8888%; padding: 0 22px; }
.p-entry__title { font-size: 20px; }
.p-entry__body { line-height: 2.2; margin-top: 20px; }
.p-entry__share { margin-bottom: -5px; margin-top: 20px; }
.p-entry__meta { margin-bottom: -16px; margin-top: 30px; }
.p-entry__nav { margin: 30px 0 0 0; }
.p-entry__ad { margin-bottom: 30px; margin-top: 30px; }
.p-entry__related { margin-bottom: 30px; margin-top: 30px; }
.p-entry__related-items { margin-top: 0; }
.p-entry__related-item { width: 46.875%; margin-top: 14px; }
.p-entry__related-item__thumbnail { padding-top: 100%; }
}
/* page */
@media only screen and (max-width: 991px) {
.p-entry-page .p-entry__thumbnail { margin: -28px -6.25% 26px -6.25%; }
}
/* news */
.p-archive-news__item { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.p-archive-news__item:first-of-type { border-top: 1px solid #ddd; }
.p-headline + .p-archive-news__item { border-top: none; }
.p-archive-news__item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; min-height: 128px; }
.p-archive-news__item a:hover { background: #f7f7f7; }
.p-archive-news__item-meta { margin-bottom: 5px; }
.p-archive-news__item-info { padding: 20px 30px; }
.p-archive-news__item-date { color: #0097cc; font-size: 14px; }
.p-archive-news__item-title { color: #000; font-size: 14px; line-height: 2; }
.p-archive-news__item-thumbnail { padding: 13px 0 13px 14px; }
.p-archive-news__item-thumbnail__inner { overflow: hidden; padding-top: 100px; position: relative; width: 100px; }
.p-archive-news__item-thumbnail img { display: block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.p-archive-news__item-has_thumbnail .p-archive-news__item-info { padding: 20px 30px; }
.p-pager-news { margin-top: 48px; }
.p-entry__recent-news { margin-top: 50px; }
@media only screen and (max-width: 991px) {
.p-archive-news__item-info { padding: 20px 22px; }
.p-article-news__item-date { font-size: 12px; }
.p-archive-news__item-title { font-size: 14px; line-height: 1.6; }
.p-archive-news__item-has_thumbnail .p-archive-news__item-info { padding: 15px 22px; }
.p-pager-news { margin-top: 25px; }
.p-entry__recent-news { margin-top: 30px; }
}
/* hover effect */
.p-hover-effect__image { -webkit-transition: background 0.5s ease-in; transition: background 0.5s ease-in; overflow: hidden; }
.p-hover-effect--type1:hover .p-hover-effect__image, .p-hover-effect--type2:hover .p-hover-effect__image, .p-hover-effect--type3:hover .p-hover-effect__image { -webkit-transition-duration: 0.25s; -webkit-transition-timing-function: ease-out; transition-duration: 0.25s; transition-timing-function: ease-out; }
.p-hover-effect--type1 img { -webkit-transform: scale(1); -webkit-transition-property: -webkit-transform, transform, opacity; -webkit-transition-duration: 0.75s; transform: scale(1); transition-property: transform, opacity; transition-duration: 0.75s; vertical-align: middle; }
.p-hover-effect--type1 .p-hover-effect__image { -webkit-transition-duration: 0.75s; transition-duration: 0.75s; }
.p-hover-effect--type2 img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-property: margin, opacity; -webkit-transition-duration: 0.5s; transition-property: margin, opacity; transition-duration: 0.5s; }
.p-hover-effect--type3 img { -webkit-transition-property: opacity; -webkit-transition-duration: 0.5s; transition-property: opacity; transition-duration: 0.5s; }
.p-hover-effect--type3:hover img { opacity: 0.5; }
/* index slider */
.p-index-slider { margin-bottom: 60px; }
.p-index-slider__item { overflow: hidden; position: relative; }
.p-index-slider__item:nth-child(n+2) { display: none; }
.slick-initialized .p-index-slider__item:nth-child(n+2) { display: block; }
.p-index-slider__item-image { display: block; }
.p-index-slider__item-image img { display: block; height: auto; width: 100%; }
.p-index-slider__item-overlay { display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.p-index-slider__item-content { height: 100%; overflow: hidden; width: 100%; position: absolute; left: 0; top: 0; z-index: 3; }
.p-index-slider__item-content__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; height: 100%; }
.p-index-slider__item-catch { font-size: 34px; line-height: 1.4; max-height: 100%; width: 100%; }
.p-index-slider__item-catch--type1 { text-align: left; }
.p-index-slider__item-catch--type2 { text-align: center; }
.p-index-slider__item-catch--type3 { text-align: right; }
.p-index-slider__item-content-bottom { max-height: 100%; overflow: hidden; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 4; }
.p-index-slider__item-content-bottom__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.p-index-slider[data-slides="2"] .p-index-slider__item-content-bottom__inner::after { content: ''; flex: 0 0 auto; width: 50px; }
.p-index-slider[data-slides="3"] .p-index-slider__item-content-bottom__inner::after { content: ''; flex: 0 0 auto; width: 75px; }
.p-index-slider[data-slides="4"] .p-index-slider__item-content-bottom__inner::after { content: ''; flex: 0 0 auto; width: 100px; }
.p-index-slider[data-slides="5"] .p-index-slider__item-content-bottom__inner::after { content: ''; flex: 0 0 auto; width: 125px; }
.p-index-slider__item-headline { background: #fff; }
.p-index-slider__item-button { background: #0097cc; color: #fff; flex: 0 0 auto; }
.p-index-slider__item-headline, .p-index-slider__item-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; line-height: 1.6; padding: 19px 30px; }
.p-index-slider__item-button:hover { background: #006689; color: #fff; }
.p-index-slider__item-button span { display: block; }
.p-index-slider__item-button span::after { content: "\e910"; display: inline-block; font-family: "design_plus"; margin-left: 6px; margin-right: -6px; }
.p-index-slider .slick-dots { height: 0; margin: 0 auto; max-width: 1200px; width: 88.8888%; position: relative; bottom: 36px; right: 0; }
@media (min-width: 992px) {
.p-index-slider__item.has-link-button a.p-index-slider__item-overlay, .p-index-slider__item.has-link-button a.p-index-slider__item-image { pointer-events: none; }
}
@media only screen and (max-width: 991px) {
.p-index-slider { margin-bottom: 0; }
.p-index-slider__item { border-bottom: 1px solid #ddd; overflow: visible; }
.p-index-slider__item__inner { position: relative; }
.p-index-slider__item-overlay { background: none !important; }
.p-index-slider__item-content { background: rgba(255, 255, 255, 0.5); height: auto; max-height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; top: auto; }
.p-index-slider__item-content__inner { display: block; height: auto; }
.p-index-slider__item-catch { font-size: 16px; line-height: 1.6; padding: 10px 0; }
.p-index-slider__item-content-bottom { height: 49px; max-height: 49px; overflow: visible; position: static; }
.p-index-slider__item-content-bottom__inner::before { border-top: 1px solid #ddd; content: ''; position: absolute; left: -992px; right: -992px; top: 0; }
.p-index-slider__item-content-bottom__inner::after { display: none !important; }
.p-index-slider__item-headline { background: transparent; display: block; flex: 1 1 auto; line-height: 49px; height: 49px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; }
.p-index-slider__item-button { display: block; flex: 0 0 auto; line-height: 50px; height: 50px; padding: 0; margin: 0 0 0 auto; text-align: center; width: 50px; position: relative; z-index: 2; }
.p-index-slider__item-button::after { content: "\e910"; display: inline; font-family: "design_plus"; }
.p-index-slider__item-button span { display: none; }
.p-index-slider__item.has-button .p-index-slider__item-content-bottom__inner { margin-right: 0; width: 94.4444%; }
.p-index-slider__item.has-button .p-index-slider__item-headline { padding-right: 10px; }
}
/* index slider content transition */
.p-index-slider__item-content > * { opacity: 0; -webkit-transition: opacity 0.75s ease; -moz-transition: opacity 0.75s ease; -ms-transition: opacity 0.75s ease; -o-transition: opacity 0.75s ease; transition: opacity 0.75s ease; }
.p-index-slider__item.is-active .p-index-slider__item-content > * { opacity: 1; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
@media only screen and (max-width: 991px) {
.p-index-slider__item-content { opacity: 0; -webkit-transition: opacity 0.75s ease; -moz-transition: opacity 0.75s ease; -ms-transition: opacity 0.75s ease; -o-transition: opacity 0.75s ease; transition: opacity 0.75s ease; }
.p-index-slider__item.is-active .p-index-slider__item-content { opacity: 1; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.p-index-slider__item-content > * { opacity: 1; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
}
/* index news ticker */
.p-index-news { margin-bottom: 60px; }
.p-index-news__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; min-height: 50px; }
.p-index-news__items { flex: 1 1 auto; overflow: hidden; }
.p-index-news__archive-link { flex: 0 0 auto; margin-left: 15px; }
.p-index-news__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p-index-news__item-date { background: #000; color: #fff; border-radius: 18px; display: inline-block; line-height: 36px; margin-right: 15px; padding: 0 21px; }
.p-index-news__item-title { display: inline; line-height: 36px; }
@media only screen and (max-width: 991px) {
.p-index-news { border-bottom: 1px solid #ddd; display: block; margin-bottom: 0; padding-bottom: 29px; padding-top: 29px; }
.p-index-news__inner { display: block; min-height: auto; }
.p-index-news__item { overflow: visible; padding: 0; white-space: normal; }
.p-index-news__item-date { border-radius: 14px; font-size: 12px; line-height: 28px; margin-bottom: 10px; margin-right: 0; padding: 0 16px; }
.p-index-news__item-title { display: block; line-height: 1.8; }
.p-index-news__archive-link { margin-left: 0; margin-top: 10px; text-align: center; }
.p-index-news__archive-link__button { font-size: 12px; min-width: 200px; }
}
/* contents builder */
.p-cb__item { margin-bottom: 80px; position: relative; }
.p-cb__item:first-child { margin-top: 80px; }
.p-cb__item:last-child { margin-bottom: 0; }
.p-cb__item.has-bg { padding-bottom: 80px; padding-top: 80px; }
.p-cb__item.has-bg::before { content: ''; position: absolute; bottom: 0; left: -32767px; right: -32767px; top: 0; z-index: -2; }
.p-cb__item.has-bg + .p-cb__item.has-bg { margin-top: -80px; }
.p-cb__item-headline { display: inline-block; font-size: 34px; font-weight: 500; line-height: 1.2; margin-right: 10px; vertical-align: middle; }
.p-cb__item-desc { flex: 1 1 auto; line-height: 1.8; }
.p-cb__item-archive-button { background: #000; color: #fff; border-radius: 18px; display: inline-block; line-height: 36px; max-width: 100%; padding: 0 21px; vertical-align: middle; }
.p-cb__item-header { margin-bottom: 28px; }
.p-cb__item-header--flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 40px; }
.p-cb__item-header--flex > * + * { margin-left: 15px; }
.p-cb__item-header--flex > .p-cb__item-headline { margin-right: 0; }
.p-cb__item-header .p-cb__item-archive-link { flex: 0 0 auto; }
@media only screen and (max-width: 991px) {
.p-cb__item { margin-bottom: 0; padding-bottom: 30px; padding-top: 29px; }
.p-cb__item::after { content: ''; display: block; border-top: 1px solid #ddd; position: absolute; bottom: 0; left: -992px; right: -992px; z-index: -1; }
.p-cb__item:first-child { margin-top: 0; }
.p-cb__item:last-child { padding-bottom: 0; }
.p-cb__item:last-child::after { display: none; }
.p-cb__item.has-bg { padding-bottom: 29px; padding-top: 29px; }
.p-cb__item.has-bg + .p-cb__item.has-bg { margin-top: 0; }
.p-cb__item-header { margin-bottom: 20px; }
.p-cb__item-header--flex { display: block; margin-bottom: 22px; }
.p-cb__item-header--flex > * + * { margin-left: 0; margin-top: 10px; }
.p-cb__item-headline { font-size: 26px; }
.p-cb__item-archive-button { border-radius: 14px; font-size: 12px; line-height: 28px; padding: 0 16px; }
.p-cb__item-archive-link { margin-top: 24px; text-align: center; }
.p-cb__item-archive-link__button { font-size: 12px; min-width: 200px; }
}
/* contents builder carousel */
.p-index-carousel { margin: 0 -12px; overflow: visible !important; }
.p-cb__item--carousel .p-index-carousel { margin-top: 80px; }
.p-cb__item--carousel .p-cb__item-header + .p-index-carousel { margin-top: 0; }
.p-index-carousel__item { float: left; padding: 0 12px; width: 220px; }
.p-index-carousel__item a { display: block; }
.p-index-carousel__item-thumbnail { margin-bottom: 10px; overflow: hidden; padding-top: 100%; position: relative; width: 100%; }
.p-index-carousel__item-thumbnail img { display: block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.p-index-carousel__item-title { font-size: 14px; font-weight: 400; line-height: 2; }
.p-index-carousel__item-price { font-size: 14px; font-weight: 400; line-height: 2; }
.p-index-carousel .slick-list { clip-path: inset(0 12px 0 12px); }
.p-index-carousel .slick-arrow { margin-top: 0; opacity: 1 !important; top: -78px; }
.p-index-carousel .slick-prev { left : auto; right: 66px; }
.p-index-carousel .slick-next { right: 12px; }
@media only screen and (max-width: 991px) {
.p-cb__item--carousel .p-index-carousel { margin-top: 60px; }
.p-cb__item--carousel .p-cb__item-header + .p-index-carousel { margin-top: 0; }
.p-index-carousel .slick-arrow { line-height: 45px; height: 45px; top: -60px; width: 45px; }
.p-index-carousel .slick-prev { right: 61px; }
}
@media only screen and (max-width: 767px) {
.p-index-carousel { margin: 0 -9px; }
.p-cb__item--carousel .p-index-carousel { margin-top: 0; }
.p-index-carousel .slick-arrow { display: none; }
.p-index-carousel__item { padding: 0 9px; width: 120px; }
.p-index-carousel__item-thumbnail { margin-bottom: 8px }
.p-index-carousel__item-title { font-size: 12px; line-height: 1.8; }
.p-index-carousel__item-price { font-size: 12px; line-height: 1.8; }
.p-index-carousel .slick-list { clip-path: inset(0 9px 0 9px); }
}
@media only screen and (max-width: 480px) {
.p-index-carousel { padding-right: 60px; }
.p-index-carousel { overflow: visible !important; }
.p-index-carousel .slick-list { clip-path: inset(0 -80px 0 9px); overflow: visible; }
}
/* contents builder banner */
.p-index-banner { display: block; }
.p-index-banner__content {}
.p-index-banner__desc { font-size: 14px; line-height: 1.6; }
.p-index-banner__headline { font-size: 34px; line-height: 1.4; }
.p-index-banner__content * + .p-index-banner__headline { margin-top: 5px; }
.p-index-banner__content * + .p-index-banner__button { margin-top: 6px; }
.p-index-banner__image { display: block; height: auto; width: 100%; }
.p-index-banner__image img { display: block; height: auto; width: 100%; }
.p-index-banner.has-image { overflow: hidden; position: relative; }
.p-index-banner.has-image .p-index-banner__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; padding: 0 5.66%; position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; }
@media only screen and (max-width: 991px) {
.p-index-banner__desc { color: #000 !important; font-size: 12px; line-height: 1.5; text-align: left; }
.p-index-banner__headline { color: #000 !important; font-size: 18px; line-height: 1.5; margin-bottom: -0.25em; text-align: left; }
/*.p-index-banner__button { display: none; }*/
.p-index-banner.has-image .p-index-banner__content { display: block; margin-top: 13px; padding: 0; position: static; text-align: center; }
}
/* contents builder 3 box */
.p-index-boxes {}
.p-index-boxes--2, .p-index-boxes--3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.p-index-boxes--2 .p-index-boxes__item { width: 47.5%; }
.p-index-boxes--3 .p-index-boxes__item { width: 31.66%; }
.p-index-boxes__item-desc { font-size: 14px; line-height: 1.6; }
.p-index-boxes__item-headline { font-size: 32px; line-height: 1.2; margin-top:4px; }
.p-index-boxes__item-image { height: 100%; }
.p-index-boxes__item-image img { display: block; height: 100%; width: 100%; object-fit: cover; }
.p-index-boxes__item.has-image { overflow: hidden; position: relative; }
.p-index-boxes__item.has-image .p-index-boxes__item-content { display: flex; flex-direction: column-reverse; justify-content: flex-end; padding: 5.266% 6.5789%; position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; }
@media only screen and (max-width: 991px) {
.p-index-boxes--2, .p-index-boxes--3 { display: block; }
.p-index-boxes--2 .p-index-boxes__item, .p-index-boxes--3 .p-index-boxes__item { width: 100%; }
.p-index-boxes__item + .p-index-boxes__item { margin-top: 29px; }
.p-index-boxes__item-desc { font-size: 12px; line-height: 1.5; }
.p-index-boxes__item-headline { font-size: 30px; }
}
/* contents builder wysiwyg */
.p-cb__item--wysiwyg .p-entry__body > :last-child { margin-bottom: 0; }
/* page builder */
.pb_font_family_type3 { font-weight: 500; }
/* widget */
.p-widget { font-size: 14px; line-height: 1.8; }
.p-widget-sidebar { margin-bottom: 48px; }
@media only screen and (max-width: 991px) {
.p-widget-sidebar { margin-bottom: 30px; }
}
/* widget title */
.p-widget-sidebar .p-widget__title,.p-widget-sidebar.widget_block .wp-block-heading{ background: #0097cc; color: #fff; font-size: 14px; font-weight: 500; line-height: 1.8; margin-bottom: 20px; padding: 12.5px 23px; position: relative; }
.p-widget-sidebar .p-widget__title img { display: inline-block; margin: 0 8px 0 -10px; }
/* default widget */
.p-widget p { margin-bottom: 0.4em; }
.p-widget ul { margin-bottom: -12px; }
.p-widget li { margin-bottom: 12px; }
.p-widget ul ul { margin-bottom: 12px; margin-top: 12px; padding-left: 0.75em; }
.p-widget img { display: block; height: auto; max-width: 100%; }
.p-widget .screen-reader-text { display: none; }
.p-widget .searchform { position: relative; }
.p-widget .searchform #s { background: transparent; border: 1px solid #ddd; border-right: none; border-radius: 0; height: 45px; line-height: 45px; padding: 0 15px; width: -webkit-calc(100% - 45px); width: calc(100% - 45px); }
.p-widget .searchform #searchsubmit { background: #000; border: none; border-radius: 0; color: #fff; cursor: pointer; font-family: "design_plus"; font-size: 16px; height: 45px; padding: 0; width: 45px; position: absolute; top: 0; right: 0; z-index: 2; }
@media only screen and (max-width: 991px) {
.p-widget .searchform #s { height: 40px; line-height: 40px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
.p-widget .searchform #searchsubmit { height: 40px; width: 40px; }
}
/* widget ad */
.tcdw_ad_widget img { margin: 0 auto; }
/* widget categories */
.p-widget-categories { border: 1px solid #ddd; border-top: none; margin: 0 !important; padding: 0; }
.p-widget-categories li { border-top: 1px solid #ddd; margin: 0 !important; }
.p-widget-categories li a { display: block; font-weight: normal; padding: 11.5px 22px; text-decoration: none; }
.p-widget-categories .has-children { position: relative; }
.p-widget-categories .has-children > a { padding-right: 32px; }
.p-widget-categories .has-children .toggle-children { cursor: pointer; display:block; line-height: 48px; padding-right: 15px; position: absolute; top: 0; right: 0; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; }
.p-widget-categories .has-children .toggle-children::before { content: '\e90e'; font-family: "design_plus"; font-size: 14px; opacity: 0.7; }
.p-widget-categories .has-children.is-active > .toggle-children { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }
.p-widget-categories .children { margin: 0 !important; padding: 0 !important; }
.p-widget-categories .children a { padding-left: 34px; }
.p-widget-categories .children .children a { padding-left: 46px; }
.p-widget-categories .children .children .children { padding-left: 58px; }
.p-widget-sidebar.tcdw_category_list_widget .p-widget__title,
.p-widget-sidebar.tcdw_item_category .p-widget__title { margin-bottom: -1px !important; z-index: 2; }
/* widget dropdown */
.p-dropdown__title { border: 1px solid #ddd; line-height: 50px; height: 50px; padding: 0 22px; position: relative; }
.p-dropdown__title::after { content: "\e90e"; font-family: "design_plus"; position: absolute; right: 17px; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; }
.p-dropdown__title:hover { cursor: pointer; }
.p-dropdown__title.is-active::after { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); }
.p-dropdown__list { display: none; }
.p-dropdown__list li { border: 1px solid #ddd; border-top: 0; margin: 0 !important; }
.p-dropdown__list li a { display: block; padding: 11.5px 22px; }
.p-dropdown__list li a:hover { background: #f7f7f7; color: #000; }
/* widget list */
.p-widget-list { border-top: 1px solid #ddd; margin: 0 !important; }
.p-widget-list__item { border: 1px solid #ddd; border-top: none; margin: 0 !important; padding: 0; position: relative; }
.p-widget-list__item > a { display: block !important; padding: 14px 15px; }
.p-widget-list__item-thumbnail { float: left; margin-right: 15px; padding-top: 100px; width: 100px; overflow: hidden; position: relative; }
.p-widget-list__item-thumbnail img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.p-widget-list__item-info { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: space-between; -ms-align-content: space-between; align-content: space-between; min-height: 100px; }
.p-widget-list__item-info__upper { width: 100%; }
.p-widget-list__item-title { font-size: 14px; line-height: 1.8; }
.p-widget-list__item-price { font-size: 14px; line-height: 1.8; }
.p-widget-list__item-meta { font-size: 12px; line-height: 1.8; margin: 6px 0 -0.4em 0 !important; padding: 0 !important; }
.p-widget-list__item.no_post { padding: 15px; }
.p-widget-sidebar.styled_post_list_tab_widget .p-widget__title { margin-bottom: -1px !important; z-index: 2; }
/* widget tab */
.styled_post_list_tabs { border-left: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 -1px 0 !important; padding: 0; position: relative; }
.styled_post_list_tabs li { background: #f7f7f7; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; line-height: 1.2; margin: 0 !important; padding: 0; width: 50%; word-break: break-all; }
.styled_post_list_tabs li label { cursor: pointer; display: block; height: 100%; margin: 0; padding: 13.7px 6px; text-align: center; }
.styled_post_list_tab-content { display: none; }
.styled_post_list_tab_widget .tab-radio { display: none; }
.styled_post_list_tab_widget .tab-radio--1:checked ~ .styled_post_list_tabs .tab-label--1,
.styled_post_list_tab_widget .tab-radio--2:checked ~ .styled_post_list_tabs .tab-label--2 { background:#fff; border-bottom-color:#fff; }
.styled_post_list_tab_widget .tab-radio--1:checked ~ .styled_post_list_tab-content--1,
.styled_post_list_tab_widget .tab-radio--2:checked ~ .styled_post_list_tab-content--2 { display: block; }
/* widget search */
.p-widget-search { position: relative; }
.p-widget-search .p-widget-search__input { border: 1px solid #ddd; border-right: none; border-radius: 0; height: 45px; line-height: 45px; padding: 0 15px; width: -webkit-calc(100% - 45px); width: calc(100% - 45px); }
.p-widget-search .p-widget-search__submit { background: #000; border: none; border-radius: 0; color: #fff; cursor: pointer; font-family: "design_plus"; font-size: 16px; height: 45px; padding: 0; width: 45px; position: absolute; top: 0; right: 0; }
@media only screen and (max-width: 991px) {
.p-widget-search .p-widget-search__input { height: 40px; line-height: 40px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
.p-widget-search .p-widget-search__submit { height: 40px; width: 40px; }
}
/* widget site info */
.p-siteinfo {}
.p-siteinfo__desc { line-height: 2; }
.p-siteinfo .p-social-nav, .p-siteinfo .p-social-nav li { margin-bottom: 0 !important; }
.p-siteinfo > * + *, .p-siteinfo > * + .p-social-nav { margin-top: 20px !important; }
@media only screen and (max-width: 991px) {
.p-siteinfo > * + *, .p-siteinfo > * + .p-social-nav { margin-top: 15px !important; }}
/* sidebar widget area */
.p-sidebar .p-widget:last-child { margin-bottom: 0; }
/* footer widget area */
.p-footer-widget-area { background: #f7f7f7; }
.p-footer-widget-area .p-footer-widget-area__inner { display: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; padding: 75px 0; }
.p-footer-widget-area .p-widget__title,.p-footer-widget-area .widget_block .wp-block-heading { font-size: 16px; font-weight: 500; line-height: 1.31; margin-bottom: 20px; }
.p-footer-widget-area .p-widget ul { margin-bottom: -15px; }
.p-footer-widget-area .p-widget li { margin-bottom: 15px; }
.p-footer-widget-area .p-widget ul ul { margin-bottom: 15px; margin-top: 15px; padding-left: 0.75em; }
@media only screen and (max-width: 991px) {
.p-footer-widget-area .p-footer-widget-area__inner { padding: 10px 0; }
.p-footer-widget-area .p-widget__title,.p-footer-widget-area .widget_block .wp-block-heading { margin-bottom: 16px; }
.p-footer-widget-area .p-widget ul { margin-bottom: -10px; }
.p-footer-widget-area .p-widget li { margin-bottom: 10px; }
.p-footer-widget-area .p-widget ul ul { margin-bottom: 10px; margin-top: 10px; }
}
/* footer widget */
.p-footer-widget-area .p-widget { font-size: 12px; margin: 0; padding: 25px 0; width: 30%; }
.p-footer-widget-area .p-widget.widget_nav_menu, .p-footer-widget-area .widget_categories, .p-footer-widget-area .widget_recent_entries, .p-footer-widget-area .widget_pages, .p-footer-widget-area .widget_meta { width: 15%; }
.p-footer-widget-area .p-siteinfo { font-size: 14px; }
.p-footer-widget-area .p-siteinfo__title { font-size: 36px; font-weight: 300; line-height: 1.2; }
.p-footer-widget-area__default .site_info_widget { width: 100%; }
@media only screen and (max-width: 991px) {
.p-footer-widget-area .p-widget { padding: 30px 0; width: 100%; }
.p-footer-widget-area .p-widget.widget_nav_menu, .p-footer-widget-area .widget_categories, .p-footer-widget-area .widget_recent_entries, .p-footer-widget-area .widget_pages, .p-footer-widget-area .widget_meta { width: 50%; }
.p-footer-widget-area .p-widget.p-footer-widget__border-top { position: relative; }
.p-footer-widget-area .p-widget.p-footer-widget__border-top::before { content: ''; display: block; border-top: 1px solid #ddd; position: absolute; left: -992px; right: -992px; top: 0; }
.p-footer-widget-area .p-siteinfo { font-size: 12px; }
.p-footer-widget-area .p-siteinfo__title { font-size: 26px; }
.p-footer-widget-area__has-social-nav .p-footer-widget-area__inner { padding-bottom: 83px; position: relative; }
.p-footer-widget-area__has-social-nav .p-social-nav { display: none; }
.p-footer-widget-area__has-social-nav .p-social-nav__mobile { border-top: 1px solid #ddd; display: block; margin: 0 !important; padding-bottom: 30px; padding-top: 27px; text-align: center; width: 100%; position: absolute; bottom: 0; left: 0; }
}
/* デフォルトのRSS */
.widget_rss .rss-widget-feed { display:none; }
.widget_rss .rss-widget-title { text-decoration: none; color: #fff;}
.widget_rss li { border-bottom:1px solid #ddd; margin:0 0 -1px 0; padding:20px 30px 15px; font-size:14px;}
.widget_rss li:last-of-type { border:none; }
.widget_rss ul li { padding:20px 0px; border-bottom:1px solid #ddd; margin-top:-1px; 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:13px; line-height:1; margin-right:10px; padding:0 0 0 22px; position:relative; }
.widget_rss ul li .rss-date:before {font-family: 'design_plus';
content: '\e94e';font-size:16px; position:absolute; top:-2px; left:0px; -webkit-font-smoothing: antialiased; }
.widget_rss ul li cite { -ms-flex-order:2; order:2; color:#999; font-size:13px; line-height:1; }
.widget_rss ul li .rsswidget { -ms-flex-order:3; order:3; display:block; width:100%; margin:0; }
.widget_rss ul li .rssSummary { -ms-flex-order:4; order:4; color:#999; font-size:13px; margin: -0.35em 0; }
.widget_rss .rss-date { position:relative; font-family:Arial; }
.widget_rss .rsswidget ~ .rss-date, .widget_rss .rsswidget ~ cite { margin-bottom:10px; }
.widget_rss .rsswidget ~ .rssSummary { margin-top:calc(10px - 0.35em); }
/* デフォルトのタグ一覧 */
.widget_tag_cloud .tagcloud {
margin:0 0 -6px 0; padding:0; position:relative;
display:-webkit-box; display:-webkit-flex; display:flex;
-webkit-flex-wrap:wrap; flex-wrap:wrap;
}
.widget_tag_cloud .tagcloud a { margin:0 6px 6px 0; font-size:14px !important; display:block; background:#fff; padding:0px 20px; border-radius:5px; height:36px; line-height:36px; border: 1px solid #ddd;}
.widget_tag_cloud .tagcloud a:hover { background:#000; color:#fff; }
/* デフォルトの最近の記事 */
.widget_recent_entries li { border-bottom:1px solid #ddd; padding:0 0 15px 0; margin-bottom:15px; }
.widget_recent_entries li:last-child { border:none; padding:0; margin:0; }
.widget_recent_entries li a { display:block; word-wrap: break-word;}
.widget_recent_entries .post-date { position:relative; color:#999; font-size:14px; display:block; margin-top:3px; }
.widget_recent_entries .post-date:before {
font-family:'design_plus'; content:'\e94e'; font-size:13px; display:inline-block; margin:0 7px 0 0; vertical-align:-1px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
/* デフォルトのテキストウィジェット */
.widget_text .post_content {line-height: 1.6; }
/* デフォルトのブロック */
.widget_block { line-height:1.6; }
/* デフォルトのアーカイブとカテゴリー ドロップダウンメニュー */
.widget_archive select, .widget_categories select {
border:1px solid #ddd; background:#fff; width:100%; height:60px; padding:0 18px; font-size:14px; cursor:pointer;
-webkit-box-sizing:border-box; box-sizing:border-box;
-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 .select_wrap,.widget_categories .select_wrap{
position: relative;
}
.widget_archive .select_wrap:before, .widget_categories .select_wrap: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:25px;
}
/* デフォルトのコメントウィジェット */
.widget_recent_comments li { color:#999; }
/* カレンダー */
#calendar_wrap { padding:0; margin:-6px 0 -20px; }
#wp-calendar { margin:0 auto; width:100%; font-size:14px; border-collapse:collapse; table-layout:fixed;}
#wp-calendar caption { padding:12px 0; font-size:16px; font-weight:600; }
#wp-calendar thead th, #wp-calendar tfoot td { padding:12px 10px; line-height:2; }
#wp-calendar tbody a { display:block; width:100%; height:100%; line-height:30px; margin:0 auto; text-decoration:none; background-color:#000; color:#fff; }
#wp-calendar td a:hover { text-decoration:none; color:#fff; background:#aaa; }
#wp-calendar #today { font-weight:600; }
.wp-calendar-nav { font-size:14px; padding:20px 0; width:100%; font-size:14px; }
.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; }
/* デフォルトのギャラリー */
.widget_media_gallery .gallery-caption {
background-color:#000; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%; transform: translateY(50%);
opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%;
-webkit-box-sizing:border-box; box-sizing:border-box;
}
.widget_media_gallery .gallery-item { margin-top:0 !important; }
.widget_media_gallery .gallery-item img{border: none!important;}
.widget_media_gallery .gallery-caption:before { content: ""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; }
.widget_media_gallery .gallery-item:hover .gallery-caption { opacity: .7; transition: all .25s ease; transform: translateY(0%);}
/**
* Welcart style
*/
/* price */
.p-price { color: #d80000; }
.p-article__price { color: #000; }
.p-article__soldout { background: #d90000; border-radius: 12px; color: #fff; display: inline-block; font-size: 12px; line-height: 1; min-width: 75px; padding: 6px 12px; text-align: center; }
.p-price .p-article__soldout, .p-article__price .p-article__soldout { margin-left: 6px; }
.tax { color: #000; font-size: 85.7%; font-style: normal; font-weight: 300; }
.p-article__thumbnail-soldout { text-align: center; width: 100%; position: absolute; top: 7%; }
/* welcart item archive */
.p-item-archive { border-left: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.p-item-archive::after { content: ''; display: block; width: 33.33%; }
.p-item-archive__item { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; margin-bottom: 0; width: 33.33%; }
.p-item-archive__item:nth-child(-n+3) { border-top: 1px solid #ddd; }
.p-item-archive__item a { display: block; height: 100%; padding: 30px 30px 20px; }
.p-item-archive__item-thumbnail { margin-bottom: 10px; overflow: hidden; position: relative; width: 100%; }
.p-item-archive__item-thumbnail__inner { padding-top: 100%; }
.p-item-archive__item-thumbnail img { display:block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.p-item-archive__item-title { font-size: 14px; font-weight: normal; line-height: 1.8; }
.p-item-archive__item-price { font-size: 14px; font-weight: 400; line-height: 1.8; margin-top: 2px; }
.p-item-archive__item-soldout { margin-left: 0; }
.p-item-archive__item-meta { margin-top: 9px; }
.p-item-archive + .p-pager { margin-top: 44px; }
.p-entry-item__related .p-item-archive__item:nth-child(-n+3), .p-entry-item__recommend .p-item-archive__item:nth-child(-n+3) { border-top: none; }
@media only screen and (max-width: 1099px) {
.p-item-archive__item, .p-item-archive::after { width: 50%; }
.p-item-archive__item:nth-child(3) { border-top: none; }
}
@media only screen and (max-width: 991px) {
.p-item-archive__item a { padding: 17px 20px 10px; }
.p-item-archive__item-thumbnail { margin-bottom: 7px; }
.p-item-archive__item-title { font-size: 12px; }
.p-item-archive__item-price { font-size: 12px; margin-top: 2px; }
}
/* welcart single item */
.p-entry-item__title { font-size: 28px; font-weight: normal; line-height: 2; margin-bottom: 42px; margin-top: -0.5em; }
.p-entry-item__title .p-article__soldout { margin-left: 10px; vertical-align: 6px; }
.p-entry-item__images { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 50px; }
.p-entry-item__mainimage { flex: 1 1 auto; }
.p-entry-item__mainimage img { display: block; height: auto; width: 100%; object-fit: cover; }
.p-entry-item__subimages { flex: 0 0 auto; margin-left: 10px; width: 100px; }
.p-entry-item__subimage { height: 100px; margin-bottom: 10px; width: 100px; }
.p-entry-item__subimage:last-child { margin-bottom: 0; }
.p-entry-item__subimage img { cursor: pointer; display: block; height: 100%; width: 100%; object-fit: cover; }
.p-entry-item__body-cart { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 60px; }
.p-entry-item__body-cart .p-entry-item__body { margin-top: 0; width: 47.05%; }
.p-entry-item__carts { line-height: 2; }
.p-entry-item__cart { background: #f7f7f7; padding: 35px 20% 40px; }
.p-entry-item__cart + .p-entry-item__cart { margin-top: 30px; }
.p-entry-item__cart p { margin-bottom: 14px; }
.p-entry-item__cart .itemGpExp { margin-bottom: 14px; }
.p-entry-item__cart > :last-child { margin-bottom: 0; }
.p-entry-item__cart-skuname { font-size: 115%; }
.p-entry-item__cprice.p-strike{ text-decoration: line-through; }
.p-entry-item__price { line-height: 1; }
.p-entry-item__cart-option input { border: 1px solid #ddd; padding: 8px; }
.p-entry-item__cart-option select { border: 1px solid #ddd; padding: 6px 8px; }
.p-entry-item__cart-quantity input { border: 1px solid #ddd; line-height: 29px; padding: 2px 4px 2px 8px; width: 60px; }
.p-entry-item__cart-button { margin-bottom: 0 !important; margin-top: 20px; position: relative; }
.p-entry-item__cart-button::before { color: #fff; content: "\e93a"; font-family: "design_plus"; font-size: 20px; line-height: 1; margin-left: -58px; margin-top: -0.5em; position: absolute; top: 50%; left: 50%; }
.p-entry-item__cart-button .p-button { padding-left: 35px; width: 100%; }
.p-entry-item__cart-soldout { background: #ccc; color: #fff; margin-bottom: 0 !important; margin-top: 20px; padding: 11px 12px; text-align: center; }
.p-entry-item__cart .p-entry-item__cart-error_message { margin-top: 15px; }
.p-entry-item__cart .p-entry-item__cart-error_message:empty { margin-top: 0; }
.p-entry-item__tabs-container { margin-bottom: 60px; }
.p-entry-item__tabs { border-left: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 -1px 0 !important; padding: 0; position: relative; }
.p-entry-item__tabs li { background: #f7f7f7; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; line-height: 2; margin: 0; padding: 0; min-width: 20%; word-break: break-all; }
.p-entry-item__tabs li label { cursor: pointer; display: block; height: 100%; margin: 0; padding: 10.5px 20px; text-align: center; }
.p-entry-item__tab-content { border: 1px solid #ddd; display: none; margin: 0 !important; padding: 50px; }
.p-entry-item__tab-content > :last-child { margin-bottom: 0; }
.p-entry-item__tabs-container .tab-radio { display: none; }
.p-entry-item__tabs-container .tab-radio--1:checked ~ .p-entry-item__tabs .tab-label--1,
.p-entry-item__tabs-container .tab-radio--2:checked ~ .p-entry-item__tabs .tab-label--2,
.p-entry-item__tabs-container .tab-radio--3:checked ~ .p-entry-item__tabs .tab-label--3,
.p-entry-item__tabs-container .tab-radio--4:checked ~ .p-entry-item__tabs .tab-label--4,
.p-entry-item__tabs-container .tab-radio--5:checked ~ .p-entry-item__tabs .tab-label--5 { background:#fff; border-bottom-color:#fff; }
.p-entry-item__tabs-container .tab-radio--1:checked ~ .p-entry-item__tab-content--1,
.p-entry-item__tabs-container .tab-radio--2:checked ~ .p-entry-item__tab-content--2,
.p-entry-item__tabs-container .tab-radio--3:checked ~ .p-entry-item__tab-content--3,
.p-entry-item__tabs-container .tab-radio--4:checked ~ .p-entry-item__tab-content--4,
.p-entry-item__tabs-container .tab-radio--5:checked ~ .p-entry-item__tab-content--5 { display: block; }
.p-entry-item__spec-table th { background: #f7f7f7; font-weight: normal; width: 25%; }
.p-entry-item__spec-table th > :last-child, .p-entry-item__spec-table td > :last-child { margin-bottom: 0; }
.p-entry-item__related { margin-bottom: 60px; }
@media only screen and (max-width: 991px) {
.p-entry-item { margin-top: -10px; }
.p-entry-item__title { font-size: 20px; margin-bottom: 12px; margin-top: -15px; }
.p-entry-item__title span { vertical-align: 3px; }
.p-entry-item__images { display: block; margin-bottom: 24px; }
.p-entry-item__mainimage { margin: 0 -6.25%; }
.p-entry-item__subimages { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 0; margin-top: 10px; width: auto; }
.p-entry-item__subimage { height: auto; margin-bottom: 0; margin-right: 10px; }
.p-entry-item__subimage:last-child { margin-right: 0; }
.p-entry-item__body-cart { display: block; margin-bottom: 30px; }
.p-entry-item__body-cart .p-entry-item__body { margin-bottom: 30px; width: 100%; }
.p-entry-item__cart { padding: 26px 13.75% 30px; }
.p-entry-item__cart-soldout { padding: 8.5px 12px; }
.p-entry-item__tabs-container { margin-bottom: 30px; }
.p-entry-item__tab-content { border-left: none; border-right: none; margin: 0 -6.25% !important; padding: 20px 5.5556%; }
.p-entry-item__related { margin-bottom: 30px; }
}
@media only screen and (max-width: 767px) {
.p-entry-item__tabs li { flex: 1 1 50%; max-width: 50%; min-width: 0; }
.p-entry-item__tabs li label { padding: 9.5px 8px; }
}
@media only screen and (max-width: 480px) {
.p-entry-item__body .p-entry-item__spec-table th, .p-entry-item__body .p-entry-item__spec-table td { padding-left: 8px; padding-right: 8px; }
}
/* welcart page common */
.p-wc .aleft { text-align: left; }
.p-wc .acenter { text-align: center; }
.p-wc .aright, .p-wc .rightnum { text-align: right; }
.p-wc input[type="text"], .p-wc input[type="email"], .p-wc input[type="password"] { background: #fff; border: 1px solid #ddd; line-height: 33px; padding: .4em .7em; font-size: 16px; }
.p-wc td input[type="number"] { background: #fff; border: 1px solid #ddd; line-height: 29px; padding: 2px 4px 2px 8px; }
.p-wc select { background: #fff; border: 1px solid #ddd; padding: 5px 10px; font-size: 16px; padding: .8em .7em;}
.p-wc textarea { display: block; background: #fff; border: 1px solid #ddd; color: inherit; line-height: 1.5; min-height: 10em; padding: 6px 8px; width: 100%; }
.p-wc td input[type="text"], .p-wc input[type="email"], .p-wc input[type="password"], .p-wc td textarea { background: #fff; font-size: 16px;padding: 0.4em 0.7em;}
.p-wc-error_message, .error_message { color: #d90000; font-weight: bold; }
.p-wc-error_message { margin-bottom: 2em; }
.p-wc-header_explanation { margin-bottom: 40px; }
.p-wc-footer_explanation { margin-top: 40px; }
.p-wc-error_message:empty, .p-wc-header_explanation:empty, .p-wc-footer_explanation:empty { margin-bottom: 0 !important; margin-top: 0 !important; }
@media only screen and (max-width: 991px) {
/*.p-wc input[type="text"], .p-wc input[type="email"], .p-wc input[type="password"] { line-height: 28px; }*/
.p-wc-error_message { margin-bottom: 1.2em; }
.p-wc-header_explanation { margin-bottom: 24px; }
.p-wc-footer_explanation { margin-top: 24px; }
}
#wc_regular { margin-bottom: 60px; }
@media only screen and (max-width: 991px) {
#wc_regular { margin-bottom: 30px; }
}
/* welcart send button common */
.p-wc .send { margin-top: 50px; text-align: center; }
.p-wc .send .p-button ~ .p-button { margin-left: 15px; }
.p-wc .send #previouscart{ background: #333; }
/*.p-wc .send .p-button-back{display: none;}*/
@media (min-width: 768px) {
.p-wc .send { position: relative; }
.p-wc .send .p-button-back { min-width: 0; padding-left: 0; position: absolute; top: 0; left: 0; }
}
@media only screen and (max-width: 991px) {
.p-wc .send { margin-top: 30px; }
}
@media only screen and (max-width: 767px) {
.p-wc .send .p-button { display: block; margin: 0 auto; }
.p-wc .send .p-button ~ .p-button { margin: 11px auto 0; }
.p-wc .send { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.p-wc .send .p-button-back { margin: 5px auto 0; -webkit-order: 3; -ms-order: 3; order: 3; }
}
/* welcart headline */
.p-wc-headline { color: #0097cc; }
.p-wc .p-wc-headline { color: #0097cc; font-size: 20px; font-weight: 700; line-height: 2; margin-bottom: 0; }
@media only screen and (max-width: 991px) {
.p-wc .p-wc-headline { font-size: 16px; }
}
/* welcart member page */
.p-wc-member td input[type="text"], .p-wc-member input[type="email"], .p-wc-member input[type="password"], .p-wc-member td textarea { background: #fff; }
.p-wc-member .p-wc-member__links { list-style: none; margin: 2em 0 0; }
@media only screen and (max-width: 991px) {
.p-wc-member .p-wc-member__links { margin-top: 1.2em; }
}
/* welcart login */
.p-wc-login { background: #f7f7f7; border: 1px solid #ddd; padding: 75px; }
.p-wc-login .p-wc__body { margin: 0 auto; width: 450px; }
/*.p-wc-loginform { margin: 75px 0 75px 100px; }*/
.p-wc-loginform__inputs { position: relative; }
/*.p-wc-loginform__inputs label { display: block; text-align: right; width: 135px; position: absolute; left: -150px; top: 0; }*/
.p-wc-loginform__inputs label{
display: block;
}
.p-wc-loginform .p-wc-loginmail, .p-wc-loginform .p-wc-password { max-width: 100%; min-width: 350px; width: 100%;}
.p-wc-loginform .p-wc-loginform__button input{
width: 100%;
}
.p-wc-loginform .p-wc-rememberme { margin-top: -5px; }
.p-wc-loginform .p-wc-loginform__button { margin-top: 1em; }
.p-wc .send.send_member_regmode,.tcd-llayout-adjusted .send {
display: flex;
flex-flow: column;
margin: auto;
}
.p-wc .send.send_member_regmode .p-button,
.tcd-llayout-adjusted #memberedit .send .p-button{
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
.p-wc .send.send_member_regmode .p-button ~ .p-button,
.tcd-llayout-adjusted .send .p-button ~ .p-button{
margin-top: 30px;
}
#memberpages.p-entry__body .deletememberBtn,.tcd-llayout-adjusted input[name="deletemember"]{
background-color: #dc3232;
}
@media only screen and (max-width: 991px) {
.p-wc-login { background: #fff; border: none; padding: 0; }
.p-wc-login .p-wc__body { width: 100%; }
.p-wc-loginform { margin: 0; }
.p-wc-loginform p { margin-bottom: 1em; }
.p-wc-loginform__inputs label { text-align: left; width: auto; position: static; }
.p-wc-loginform .p-wc-loginmail, .p-wc-loginform .p-wc-password { width: 100%; }
.p-wc-loginform .p-wc-rememberme { margin-top: 0; text-align: center; }
.p-wc-loginform .p-wc-loginform__button { margin-top: 2em; text-align: center; }
.p-wc-loginform .p-wc-rememberme + .p-wc-loginform__button { margin-top: 1.2em; }
/*.p-wc-newpass__message, .p-wc-member .p-wc-member__links { margin-left: 20%; margin-left: calc(50% - 100px); }*/
.p-wc-newpass__message, .p-wc-member .p-wc-member__links { width: 100%; }
.p-wc-loginform .p-wc-loginmail, .p-wc-loginform .p-wc-password{
background: #f7f7f7;
font-size: 16px;
}
.p-wc-loginform__button input{
width: 100%;
}
.p-wc .send.send_member_regmode{
width: 100%;
}
.p-wc .send.send_member_regmode .p-button ~ .p-button{
margin-left: auto;
}
}
/* welcart member form */
.p-wc .p-wc-customer_form { margin-bottom: 50px; }
.p-wc .p-wc-customer_form th { padding: 12px; width: 32%; }
.p-wc .p-wc-customer_form th em { color: #f00; font-style: normal; }
.p-wc .p-wc-customer_form td { padding: 12px 20px; }
.p-wc .p-wc-customer_form input[type="text"], .p-wc .p-wc-customer_form input[type="email"], .p-wc .p-wc-customer_form input[type="password"] { margin-right: 1em; width: 30%; }
.p-wc .p-wc-customer_form select { min-width: 30%; }
.p-wc .p-wc-customer_form input#loginmail, .p-wc .p-wc-customer_form input#mailaddress1, .p-wc .p-wc-customer_form input#mailaddress2 { width: 70%; }
#memberpages .p-wc-loginform{
font-size: 15px;
}
#memberpages .p-wc-loginform .p-wc-loginform__inputs{
margin-bottom: 16px;
}
#memberpages .p-wc-customer_form input#mailaddress1,
#customer-info .p-wc-customer_form input#loginmail,
#customer-info .p-wc-customer_form input#mailaddress1,
#customer-info .p-wc-customer_form input#mailaddress2,
#memberpages .p-wc-customer_form #mailaddress2{
width: 100%;
}
.p-wc .p-wc-customer_form tr.inp1 input { width: 60%; margin-left: .5em; margin-right: 0;
}
.p-wc .p-wc-customer_form input#search_zipcode { background: #333; border: none; color: #fff; line-height: 35px; margin-right: 1em; padding: 0 20px; cursor: pointer; margin-top: 8px; margin-bottom: 16px;}
.p-wc .p-wc-customer_form input#search_zipcode:hover { background: #bbb; }
.p-wc .agree_member_area { margin-top: 30px; text-align: center; }
.at_cont_text { margin: 0.5em auto; min-height: 10em; text-align: left; padding: 6px 10px; width: 80%; }
.p-wc-customer_form-button { margin-top: 50px; text-align: center; }
.agree_member_area .at_check_area{
margin-top: 30px;
}
.p-wc .p-wc-customer_form tr,
.p-wc .p-wc-customer_form th,
.p-wc .p-wc-customer_form td{
display: block;border: none;
}
.p-wc .p-wc-customer_form tr + tr th{
margin-top: 20px;
}
.p-wc .p-wc-customer_form tr#name_row,
.p-wc .p-wc-customer_form tr#furikana_row{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.p-wc .p-wc-customer_form tr#name_row td.name_td,
.p-wc .p-wc-customer_form tr#furikana_row td{
width: 49%;
}
.p-wc .p-wc-customer_form tr#name_row td.name_td input,
.p-wc .p-wc-customer_form tr#furikana_row input{
width: calc(100% - 3em);
margin-left: 1em;
}
.p-wc .p-wc-customer_form { margin-bottom: 28px; }
.p-wc .p-wc-customer_form th { padding: .5em 1em; width: 100%; font-size: 15px; text-align: left;}
.p-wc .p-wc-customer_form td { padding: 8px 0 ; font-size: 14px;}
.p-wc .p-wc-customer_form input#search_zipcode { line-height: 30px; font-size: 15px; padding: 5px 20px; }
.p-wc-customer_form-button { margin-top: 30px; }
.p-wc .p-wc-customer_form input[type="text"], .p-wc .p-wc-customer_form input[type="email"], .p-wc .p-wc-customer_form input[type="password"], .p-wc .p-wc-customer_form textarea, .p-wc .p-wc-customer_form select {
margin-bottom: 4px; margin-right: 0; width: 100%; }
.p-wc .agree_member_area {
font-size: 14px;
}
@media only screen and (max-width: 767px) {
/*.p-wc .p-wc-customer_form th { width: 35%; }*/
.p-wc .p-wc-customer_form input#loginmail, .p-wc .p-wc-customer_form input#mailaddress1, .p-wc .p-wc-customer_form input#mailaddress2 { width: 100%; }
.p-wc .p-wc-customer_form input#search_zipcode { margin-bottom: 4px; margin-right: 0.5em; margin-top: 2px; }
.p-wc .p-wc-customer_form tr.inp1 input { width: -webkit-calc(100% - 1.5em); width: -moz-calc(100% - 1.5em); width: calc(100% - 1.5em); }
}
@media only screen and (max-width: 480px) {
/*.p-wc .p-wc-customer_form th { width: 9em; }*/
.at_cont_text { width: 100%; }
}
/* welcart newmember */
.p-wc-header_explanation ul{ list-style: none; margin: 0; }
/* welcart member */
.p-wc-mypage .p-wc-headline { margin-bottom: 12px; }
.p-wc-mypage .p-wc-headline ~ .p-wc-headline { margin-top: 50px; }
.p-wc-member-info th { width: 16.66%; }
.p-wc-member-info .currentpoint span { color: #f00; }
.p-wc-mypage .p-wc-member_submenu { list-style: none; margin: 0; padding: 0; text-align: center; }
.p-wc-mypage .p-wc-member_submenu > * { display: inline-block; margin: 0 5px; padding: 0; }
.p-wc-mypage .history_head { margin-bottom: -1px; }
.p-wc-mypage .retail { margin-bottom: 24px; margin-top: 24px; }
.p-wc-mypage .history_head + .retail{
margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
.p-wc-mypage .p-wc-headline { margin-bottom: 7px; }
.p-wc-mypage .p-wc-headline ~ .p-wc-headline { margin-top: 22px; }
.p-wc-member-info th { width: 35%; }
.p-wc-mypage .retail { margin-bottom: 20px; }
.p-wc-mypage .history_head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.p-wc-mypage .history_head tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flesx-direction: column; }
.p-wc-mypage .history_head td { border-width: 0 1px 1px 0; white-space: nowrap; }
.p-wc-mypage .history_head thead { display: block; flex: 0 0 auto; width: 10em; }
.p-wc-mypage .history_head tbody { display: block; flex: 1 0 auto; }
.p-wc-mypage .history_head td.purchase_price { font-weight: 700; }
}
@media only screen and (max-width: 480px) {
.p-wc-member-info th { width: auto; }
}
/* welcart search */
.p-wc-search__form { margin: 5px 0 50px; }
.p-wc-search__form fieldset { background: #f7f7f7; border: 1px solid #ddd; line-height: 2; padding: 6px 20px 20px 20px; }
.p-wc-search__form fieldset legend { padding: 0 0.5em; }
.p-wc-search__form fieldset li { display: inline-block; min-width: 25%; }
.p-wc-search__form fieldset fieldset { margin-top: 6px; }
.p-wc-search__form .p-wc-search__button { display: block; margin-left: auto; margin-right: auto; margin-top: 20px; }
@media only screen and (max-width: 991px) {
.p-wc-search__form { margin-bottom: 40px; }
}
/* welcart cart navi */
.p-wc-cart_navi { margin-bottom: 40px; }
.p-wc-cart_navi ul { border: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; margin: 0 !important; width: 100%; }
.p-wc-cart_navi li { background: #f7f7f7; color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; font-size: 14px; height: 60px; line-height: 1.5; text-align: center; position: relative; padding: 0 10px 0 32px; width: 25%; }
.p-wc-cart_navi li:before, .p-wc-cart_navi li:after { border: 0 solid transparent; content: ''; height: 0; width: 0; position: absolute; left: 100%; top: 50%; pointer-events: none; }
.p-wc-cart_navi li:before { border-left-color: #f7f7f7; border-width: 29px 21px; margin-top: -29px; z-index: 2; }
.p-wc-cart_navi li:after { border-left-color: #ddd; border-width: 30px 22px; margin-top: -30px; z-index: 1; }
.p-wc-cart_navi li:last-child::before, .p-wc-cart_navi li:last-child::after { display: none; }
.p-wc-cart_navi li.is-current { background: #333; border: 1px solid #333; color: #fff; }
.p-wc-cart_navi li.is-current::before { display: none; }
.p-wc-cart_navi li.is-current::after { border-left-color: #333; }
.p-wc-cart_navi li span { display: block; width: 100%; }
.p-wc-cart_navi li em { font-style: normal; }
@media only screen and (max-width: 991px) {
.p-wc-cart_navi { margin: -29px -6.25% 30px; }
.p-wc-cart_navi ul { border-width: 1px 0; }
.p-wc-cart_navi li { font-size: 12px; height: 50px; padding: 0 10px 0 26px; }
.p-wc-cart_navi li:before { border-width: 24px 15px; margin-top: -24px; }
.p-wc-cart_navi li:after { border-width: 25px 16px; margin-top: -25px; }
}
@media only screen and (max-width: 767px) {
.p-wc-cart_navi li { padding: 0 4px 0 15px; }
.p-wc-cart_navi li:before { border-width: 24px 10px; margin-top: -24px; }
.p-wc-cart_navi li:after { border-width: 25px 11px; margin-top: -25px; }
}
/* welcart cart */
.p-wc-cart_table td.thumbnail {padding: 10px 0; width: 102px; }
.p-wc-cart_table td.thumbnail img { display: block; height: auto; max-width: 100%; }
.p-wc-cart-page.p-wc-cart .p-wc-cart_table th.num,
.p-wc-cart-page.p-wc-cart .p-wc-cart_table td.num{
padding-left: 50px;
text-align: center;
}
.p-wc-cart-page.p-wc-cart .p-wc-cart_table th.action + th.num, .p-wc-cart-page.p-wc-cart .p-wc-cart_table td.action + td.num{
padding-left: 0;
}
#info-confirm .p-wc-cart_table th.action,#info-confirm .p-wc-cart_table td.action{
padding: 0;
}
.p-wc-cart_table th.num{
text-align: center;
}
.p-wc-cart-page .p-wc-cart_table td.quantity { width: 92px; }
.p-wc-cart-page .p-wc-cart_table td.quantity input.quantity { width: 60px; }
.p-wc-cart-page .p-wc-cart_table td.action .delButton,
.p-wc-cart-page .p-wc-cart_table td.action .delButtonWrap:after{
text-align: center;
width: 25px;
height: 25px;
line-height: 25px;
font-size: 18px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.p-wc-cart-page:not(.p-wc-cart){
}
.p-wc-cart-page .p-wc-cart_table td.action .delButton { background-color: transparent; border: none; padding: 0; cursor: pointer;font-size: 0;
z-index: 99999;}
.p-wc-cart-page .p-wc-cart_table td.action .delButtonWrap:after {
color: #333;
content: "\e91a";
font-family: "design_plus";
border: 1px solid #ddd;
border-radius: 50%;
}
.p-wc-cart-page .p-wc-cart_table td.action:hover{
opacity: .6;
-webkit-transition-property: background-color, border-color, color, opacity; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease;
}
.p-wc-cart_table tbody td.subtotal,
.p-wc-cart_table tbody td.productname,
.p-wc-cart_table tbody td.productname a{
font-weight: 700;
}
@media only screen and (max-width: 991px) {
.p-wc-cart-page .p-wc-cart_table td.action,
.p-wc-cart-page .p-wc-cart_table td.action .delButton,
.p-wc-cart-page .p-wc-cart_table td.action .delButtonWrap:after{
width: 20px;
height: 20px;
line-height: 20px;
left: unset;
right: 0;
top: 8px;
bottom: unset;
}
.p-wc-cart-page .p-wc-cart_table td.action .delButtonWrap:after{
font-size: 14px;
}
}
#memberpages.p-entry__body .deletememberBtn{
background-color: #dc3232;
}
/*.p-wc-cart-page .p-wc-cart_table td.action .delButton:hover { background: #bbb; }*/
.p-wc-cart-page .gp img { vertical-align: baseline; }
.p-wc-cart-page .p-wc-empty_cart { margin: 50px 0; text-align: center; }
.p-wc-upbutton { margin-bottom: 40px; text-align: right; }
.p-wc-upbutton .p-button { min-width: 140px; }
.p-wc-cart-page.p-wc-customer .p-wc-headline { margin-bottom: 16px; }
.p-wc-cart-page.p-wc-customer .p-wc-headline ~ .p-wc-headline { margin-top: 40px; }
.p-wc-cart-page.p-wc-customer .p-wc-member__links { line-height: 1.2; list-style: none; margin: 40px 0 0; text-align: center; }
.p-wc-cart-page.p-wc-delivery .p-wc-customer_form { margin-top: -1px; margin-bottom: 0; }
.p-wc-cart-page.p-wc-delivery td.payment_method dl { margin-bottom: 4px; }
.p-wc-cart-page.p-wc-delivery td.payment_method dd { margin-bottom: 1em; margin-left: 21px; }
.p-wc-cart-page.p-wc-delivery td.payment_method dd:last-child { margin-bottom: 0; }
.p-wc-cart-page.p-wc-confirm .p-wc-headline { margin-bottom: 12px; }
.p-wc-cart-page.p-wc-confirm .p-wc-cart_table, .p-wc-cart-page.p-wc-confirm .p-wc-confirm_table { margin-bottom: 40px;}
.p-wc-cart-page.p-wc-confirm .p-wc-point_table { margin-bottom: 20px; }
.p-wc-cart-page.p-wc-confirm .send_use_point { margin-bottom: 30px; margin-top: 0; }
.p-wc-cart-page.p-wc-confirm .p-wc-point_table th, .p-wc-cart-page.p-wc-confirm .p-wc-confirm_table th,
.p-wc-cart_total-table th,
.p-wc-coupon_table th { width: 32%; }
.p-wc-cart-page.p-wc-confirm .discount, .p-wc-cart-page.p-wc-confirm .usedpoint { color: #f00; }
#coupon_table, #cart #coupon_table{
width: 100%!important;
}
#coupon_table td input{
width: 100%!important;
}
.p-wc .send .p-button.reset_coupon_button{
background: #333;
}
.p-wc .send .p-button.to_deliveryinfo_button{
background: #333;
}
.p-wc-cart_total-table .tr_total-amount th,
.p-wc-cart_total-table .tr_total-amount td{
font-weight: 700;
font-size: 120%;
}
.p-wc .send.send_use_coupon .reset_coupon_button{
display: none;
}
@media only screen and (min-width: 992px) {
.p-wc-cart_table td.num,.p-wc-cart_table td.cartrownum,.p-wc-cart_table th.cartrownum { text-align: center; }
}
@media only screen and (max-width: 991px) {
.p-wc-cart-page .no_cart { margin: 30px 0; }
.p-wc-upbutton { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 20px; text-align: left; }
.p-wc-upbutton .p-button { margin-left: 1em; }
.p-wc-cart-page.p-wc-customer .p-wc-headline { margin-bottom: 7px; }
.p-wc-cart-page.p-wc-customer .p-wc-headline ~ .p-wc-headline { margin-top: 24px; }
.p-wc-cart-page.p-wc-customer .p-wc-member__links { margin-top: 24px; }
.p-wc-cart-page.p-wc-confirm .p-wc-headline { margin-bottom: 7px; }
.p-wc-cart-page.p-wc-confirm .p-wc-cart_table, .p-wc-cart-page.p-wc-confirm .p-wc-confirm_table { margin-bottom: 24px; }
.p-wc-cart-page.p-wc-confirm .p-wc-point_table { margin-bottom: 20px; }
.p-wc-cart-page.p-wc-confirm .send_use_point { margin-bottom: 24px; margin-top: 0; }
#coupon_table, #cart #coupon_table{
margin: 50px 0 20px!important;
}
table.p-wc-point_table tr,
table.p-wc-point_table th,
table.p-wc-point_table td,
#coupon_table tr,
#coupon_table th,
#coupon_table td{
width: 100%!important;
display: block;
border-color: transparent!important;
margin: auto;
}
table.p-wc-point_table td,
#coupon_table td{
padding: 10px 15px;
height: unset!important;
text-align: center;
}
#coupon_table td input{
width: 100%;
}
.p-wc-cart-page .p-wc-cart_table td.quantity input.quantity{
margin-top: 10px;
}
.p-wc-cart-page, .p-wc-cart-page th, .p-wc-cart-page td { font-size: 14px; }
.p-wc-cart_table, .p-wc-cart_table tbody, .p-wc-cart_table tfoot { display: block; width: 100%; }
.p-wc-cart-page.p-wc-cart .to_customerinfo_button, .p-wc-cart-page.p-wc-customer .to_reganddeliveryinfo_button { margin-bottom: 11px !important; margin-top: 0 !important; }
.p-wc-cart-page.p-wc-cart .continue_shopping_button, .p-wc-cart-page.p-wc-customer .to_deliveryinfo_button { -webkit-order: 2; -ms-order: 2; order: 2; }
.p-wc-cart_table thead { display: none; }
.p-wc-cart_table { border-top: 1px solid #ddd; }
/*.p-wc-cart_table tr { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }*/
.p-wc .p-wc-cart_table th, .p-wc .p-wc-cart_table td { background: transparent; border: none; padding: 0;}
.p-wc-cart_table tbody tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 15px 0; width: 100%; position: relative; min-height: 160px;}
/*.p-wc-cart_table tbody tr::after { border-left: 1px solid #ddd; content: ""; position: absolute; bottom: 0; left: 95px; top: 0; }*/
.p-wc-cart_table tbody td { margin-left: 150px; text-align: left !important; padding: 0 15px; }
.p-wc-cart_table tbody td[data-label]::before { content: attr(data-label)" : "; font-size: 13px; font-weight: normal; }
.p-wc-cart_table tbody td.num::before, .p-wc-cart_table tbody td.cartrownum::before { /*content: attr(data-label)" ";*/ }
.p-wc-cart_table tbody td.num, .p-wc-cart_table tbody td.cartrownum { display: none; }
.p-wc-cart_table tbody td.thumbnail { margin: 15px 0; padding: 0; width: 130px; position: absolute; top: 0px; left: 0px;}
.p-wc-cart .p-wc-cart_table tbody td.quantity { overflow: visible; width: auto !important; }
.p-wc-cart_table tbody td.action { text-align: right !important; position: absolute; left: 110px; bottom: 50px; }
.p-wc-cart_table td.thumbnail{
margin-bottom: 10px;
}
.p-wc-cart_table tbody td.productname, .p-wc-cart .p-wc-cart_table tbody td.subtotal {font-weight: 700; line-height: 1.5; }
.p-wc-cart_table tbody td.productname{
font-size: 16px;
margin-bottom: 10px;
padding-right: 25px;
line-height: 1.4;
word-wrap: break-word;
}
.p-wc-cart-page:not(.p-wc-cart) .p-wc-cart_table tbody td.productname{
padding-right: 0;
}
.p-wc-cart_table tbody td.productname[data-label]::before{
display: none;
}
.p-wc-cart-page .p-wc-cart_table tbody td.subtotal { padding-top: 10px; font-size: 16px;}
.p-wc-cart_table tbody td.unitprice, .p-wc-cart_table tbody td.quantity, .p-wc-cart_table tbody td.action { -webkit-order: 2; -ms-order: 2; order: 2; }
.p-wc-cart_table tbody td.subtotal { -webkit-order: 3; -ms-order: 3; order: 3; }
.p-wc-cart_table tfoot tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; padding: 0 10px; }
.p-wc-cart_table tfoot th, .p-wc-cart_table tfoot td { padding: 13px 5px; }
.p-wc-cart_table tfoot th:first-child, .p-wc-cart_table tfoot td:first-child { flex: 1 0 auto; }
.p-wc-cart_table tfoot tr:last-child th:nth-child(2) { font-size: 133%; font-weight: 700; line-height: 1.5; padding: 11.5px 5px; }
.p-wc-cart_table tfoot th:empty, .p-wc-cart_table tfoot td:empty { display: none; }
.p-wc-cart-page.p-wc-confirm .p-wc-point_table th { width: 35%; text-align: left;}
.p-wc .send.send_use_coupon{
margin-top: 0;
}
}
/* welcart cart レイアウト変更*/
table.p-wc-cart_table td,
table.p-wc-cart_table th,
table.p-wc-confirm_table th,
table.p-wc-confirm_table td,
table.p-wc-cart_total-table th,
table.p-wc-cart_total-table td,
table.p-wc-coupon_table th,
table.p-wc-coupon_table td,
table.p-wc-point_table th,
table.p-wc-point_table td,
table.p-wc-member-info th,
table.p-wc-member-info td,
table#history_head th,
table#history_head td{
border: none;
text-align: left;
font-size: 16px;
}
@media only screen and (max-width: 991px){
table.p-wc-cart_table tbody tr{
position: relative;
}
.p-wc-cart-page .p-wc-cart_table td.action{
position: absolute;
}
}
.p-wc-cart-page .p-wc-cart_table .delButtonWrap{
position: relative;
}
table.p-wc-cart_table tbody tr+tr,
table.p-wc-confirm_table tbody tr+tr,
table.p-wc-cart_total-table tbody tr+tr,
table.p-wc-point_table tr+tr,
table.p-wc-member-info tr+tr{
border-top: 1px solid #ddd;
}
table.p-wc-cart_table tbody tr:last-child{
border-bottom: 1px solid #ddd;
}
table.p-wc-cart_table td.aright.unitprice,
table.p-wc-cart_table td.aright.subtotal,
table.p-wc-cart_table td.rightnum.price,
table.p-wc-cart_table td.rightnum.quantity,
table.p-wc-cart_table td.rightnum.subtotal{
text-align: left;
}
.price-total-box{
text-align: center;
}
.price-total-box .total-price-title{
margin-bottom: 0;
background: #f7f7f7;
padding: 10px 15px;
font-size: 16px;
}
.price-total-box .total-price-text{
font-size: 24px;
font-weight: 700;
}
.delivery-form-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.delivery-form-wrap .delivery-form-row{
width: 48%;
}
@media only screen and (min-width: 992px) {
.delivery-form-wrap .delivery-form-row:first-of-type{
order: 2;
}
.delivery-form-wrap .delivery-form-row:first-of-type{
order: 1;
}
}
.p-wc-customer_form_radio-wrap{
margin: 8px 0;
}
.p-wc-customer_form_radio-wrap +.p-wc-customer_form_radio-wrap{
margin-top: 0px;
}
@media only screen and (max-width: 991px) {
.delivery-form-wrap{
flex-flow: column;
}
.delivery-form-wrap .delivery-form-row{
width: 100%;
}
table.p-wc-cart_table td{
font-size: 14px;
line-height: 1.8;
}
table#history_head th+th,
table#history_head td+td{
border-top: 1px solid #ddd;
}
table.p-wc-cart_total-table th,
table.p-wc-cart_total-table td,
.p-wc-cart-page.p-wc-confirm table.p-wc-confirm_table th,
.p-wc-cart-page.p-wc-confirm table.p-wc-confirm_table td{
display: block;
width: 100%;
font-size: 14px;
padding: 10px 15px;
}
table.p-wc-cart_table td.aright.unitprice{
min-height: 40px;
}
table.p-wc-confirm_table tbody tr+tr,
table.p-wc-cart_total-table tbody tr+tr{
border-top-color: transparent;
}
#info-confirm form + .p-wc-headline{
margin-top: 50px;
}
}
.p-wc .p-wc-customer_form .row_delivery_flag td + td{
padding-top: 0;
}
.p-wc .p-wc-customer_form .row_delivery_flag td + td:last-child{
padding-bottom: 16px;
}
/* WCEX DLSeller */
.p-entry__body table.p-entry-item__dlseller { margin-bottom: 0; margin-top: 50px; }
.p-entry-item__dlseller td { word-break: break-all; }
.p-wc-customer_form--dlseller_terms { max-height: 400px; overflow-y: auto; }
.p-wc-customer_form--dlseller_terms-checkbox { margin-top: 12px; }
.p-wc-customer_form--dlseller_terms-checkbox label { cursor: pointer; }
.p-wc-ordercompletion .dllist { list-style: none; }
.p-wc-ordercompletion .dllist .thumb { margin-bottom: 20px; }
@media only screen and (max-width: 991px) {
.p-entry__body table.p-entry-item__dlseller { margin-top: 21px; }
.p-entry__body p + table.p-entry-item__dlseller { margin-top: -7px; }
}
@media only screen and (max-width: 767px) {
.p-wc-customer_form--dlseller_terms { max-height: 260px; }
}
/* WCEX Kuroneko Web Collect */
#kuroneko_web-dialog{
top: 50% !important;
left: 50% !important;
position: fixed;
width: 90vw;
max-width: 725px;
}
#kuroneko_web-dialog th, #kuroneko_web-dialog td{
padding-bottom: 15px;
line-height: 2;
}
#kuroneko_web-dialog th{
min-width: 160px;
width: 20%;
}
#kuroneko_web-dialog input{
border: 1px solid #ddd;
padding: 3px 5px;
margin-right: 10px;
}
#kuroneko_web-dialog select{
border: 1px solid #ddd;
padding: 5px;
margin-right: 5px;
background: #fff;
}
#kuroneko_web-dialog #kuroneko_web_token_cancel, #kuroneko_web-dialog #kuroneko_web_token_next{
border:none;
padding: 0 20px;
height: 50px;
line-height: 50px;
cursor: pointer;
min-width: 180px;
margin: 10px 5px;
color: #fff;
}
#kuroneko_web-dialog #kuroneko_web_token_next:hover, #kuroneko_web-dialog #kuroneko_web_token_cancel:hover{ color: #fff; }
@media screen and (max-width: 1000px) {
#kuroneko_web-dialog{
width: 90vw;
min-height:auto !important;
}
#kuroneko_web-dialog #kuroneko_web_token_cancel, #kuroneko_web-dialog #kuroneko_web_token_next{
margin: 5px;
min-width: 150px;
}
}
/* widget_welcart_category */
.widget_welcart_category ul { border: 1px solid #ddd; border-top: none; margin: 0 !important; padding: 0; }
.widget_welcart_category li { border-top: 1px solid #ddd; margin: 0 !important; }
.widget_welcart_category li a { display: block; font-weight: normal; padding: 11.5px 22px; text-decoration: none; }
.widget_welcart_category .children { border: none; margin: 0 !important; padding: 0 !important; }
.widget_welcart_category .children a { padding-left: 34px; }
.widget_welcart_category .children .children a { padding-left: 46px; }
.widget_welcart_category .children .children .children { padding-left: 58px; }
.p-widget-sidebar.widget_welcart_category .p-widget__title { margin-bottom: 0 !important; }
/* widget_welcart_bestseller */
.widget_welcart_bestseller ul { border: 1px solid #ddd; border-top: none; margin: 0 !important; padding: 0; }
.widget_welcart_bestseller li { border-top: 1px solid #ddd; margin: 0 !important; }
.widget_welcart_bestseller li a { display: block; font-weight: normal; padding: 11.5px 22px; text-decoration: none; }
.widget_welcart_bestseller .itemimg { width: 25% !important; float: right; text-align: center; }
.widget_welcart_bestseller .itemimg img { width: 100%; height: auto; }
.widget_welcart_bestseller .itemname { width: 70%; text-align: left; }
.widget_welcart_bestseller .itemprice{ font-weight: bold; width: 70%; text-align: right; }
.widget_welcart_bestseller .itemsoldout { color: #e00; font-size: .85714em; font-weight: bold; width: 70%; text-align: right; }
.p-widget-sidebar.widget_welcart_bestseller .p-widget__title { margin-bottom: 0 !important; }
/* widget_welcart_featured */
.widget_welcart_featured ul { border: 1px solid #ddd; border-top: none; margin: 0 !important; padding: 0; }
.widget_welcart_featured .featured_list { border-top: 1px solid #ddd; margin: 0 !important; height: 129px; position: relative; }
.widget_welcart_featured .thumimg { margin: 14px 15px !important; width: 100px !important; }
.widget_welcart_featured .thumtitle a { display: block; max-height: 115px; padding: 14px 15px 14px 130px; text-align: left; text-decoration: none; overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.p-widget-sidebar.widget_welcart_featured .p-widget__title { margin-bottom: 0 !important; }
/* widget_welcart_calendar */
.widget_welcart_calendar table { width: 46%; margin: 0 2% 2%; border: 1px solid #ddd; border-collapse: collapse; float: left; }
.widget_welcart_calendar th { color: #fff; background-color: #131313; border: 1px solid #ddd; text-align: center; }
.widget_welcart_calendar td { border: 1px solid #ddd;
text-align: center; }
.widget_welcart_calendar .businessday { color: #262626; background-color: #fff0d1; }
/* welcart_blog_calendar */
.welcart_blog_calendar table { width: 100%; border: 1px solid #ddd; border-collapse: collapse; }
.welcart_blog_calendar th { color: #fff; background-color: #131313; border: 1px solid #ddd; text-align: center; }
.welcart_blog_calendar td { border: 1px solid #ddd;
text-align: center; }
/* widget_welcart_search */
.widget_welcart_search .searchtext { width: 75%; height: 45px; padding: 0 15px; line-height: 45px; background: transparent; border: 1px solid #ddd; border-right: none; }
.widget_welcart_search #searchsubmit { color: #fff; width: 25%; height: 45px; padding: 0; line-height: 45px; background-color: #ff8c00; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; }
.widget_welcart_search #searchsubmit:hover { cursor: pointer; background-color: #ffa500; }
.widget_welcart_search div { margin-top: .714286em; background-color: #f7f7f7; text-align: center; }
.widget_welcart_search div a { display: block; color: #262626; line-height: 2; }
.widget_welcart_search div a:hover { background-color: #eee; text-decoration: none; }
@media only screen and (max-width: 991px) {
.widget_welcart_search .searchtext,.widget_welcart_search #searchsubmit { height: 40px; line-height: 40px; }
}
/* widget_welcart_login */
.widget_welcart_login .loginbox { border: 1px solid #ddd;
padding: 15px; }
.widget_welcart_login .loginbox div { font-weight: bold; }
.widget_welcart_login label { line-height: 1.8; }
.widget_welcart_login input.loginmail,
.widget_welcart_login input.loginpass { width: 100%; margin-bottom: .357143em; padding: 8px 10px; border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.widget_welcart_login input#member_loginw, .widget_welcart_login input#member_login { color: #fff; width: 140px; margin-bottom: .357143em; padding: .714286em; background-color: #ff8c00; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.widget_welcart_login input#member_loginw:hover, .widget_welcart_login input#member_login:hover { background-color: #ffa500; }
.widget_welcart_login .loginbox a.usces_logout_a, .widget_welcart_login .loginbox a.login_widget_mem_info_a { display: inline-block; margin: .357143em 0 0 1.071428em; }
.widget_welcart_login .loginbox .submit { padding: 0; }
.widget_welcart_login .liwpp_area { padding: .714286em .714286em 0; }
.p-widget-sidebar.widget_welcart_login .p-widget__title { margin-bottom: 0 !important; }
/* widget_welcart_post */
.widget_welcart_post p { display: none; }
/**
* wordpress preset style
*/
/* alignment */
.p-entry__body .alignright { float: right; }
.p-entry__body .alignleft { float: left; }
.p-entry__body .aligncenter { display: table; margin-left: auto; margin-right: auto; margin-bottom: 7px; }
.p-entry__body blockquote.alignleft, .p-entry__body img.alignleft { margin: 7px 24px 7px 0; }
.p-entry__body .wp-caption.alignleft { margin: 7px 14px 7px 0; }
.p-entry__body blockquote.alignright, .p-entry__body img.alignright { margin: 7px 0 7px 24px; }
.p-entry__body .wp-caption.alignright { margin: 7px 0 7px 14px; }
.p-entry__body blockquote.aligncenter, .p-entry__body img.aligncenter, .p-entry__body .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; }
/* text and headline */
.p-entry__body p { margin-bottom: 2em; word-wrap: break-word;}
.p-entry__body h1, .p-entry__body h2, .p-entry__body h3, .p-entry__body h4, .p-entry__body h5, .p-entry__body h6 { clear: both; line-height: 1.4; margin-bottom: 24.2px; }
.p-entry__body h1 { font-size: 150%; }
.p-entry__body h2 { font-size: 140%; }
.p-entry__body h3 { font-size: 130%; }
.p-entry__body h4 { font-size: 120%; }
.p-entry__body h5 { font-size: 110%; }
.p-entry__body h6 { font-size: 100%; }
/* image */
.p-entry__body img[class*="align"], .p-entry__body img[class*="wp-image-"], .p-entry__body img[class*="attachment-"], .p-entry__body .size-full, .p-entry__body .size-large, .p-entry__body .wp-post-image, .p-entry__body img { max-width: 100%; height: auto; }
/* list */
.p-entry__body li, .p-entry__body dt, .p-entry__body dd {}
.p-entry__body ul, .p-entry__body ol, .p-entry__body dl { margin-bottom: 24px; }
.p-entry__body ol { list-style: decimal outside none; margin-left: 1.5em; }
.p-entry__body ul { list-style: circle outside none; margin-left: 1.3em; }
.p-entry__body li > ul, .p-entry__body li > ol { margin-bottom: 0; }
.p-entry__body dt { font-weight: bold; }
.p-entry__body dd { margin-bottom: 1em; }
/* table */
.p-entry__body table { margin: 0 0 24px 0; }
.p-entry__body td, .p-entry__body th { border: 1px solid #ddd; padding: 10px 15px; line-height: 2; background: #fff; vertical-align: middle; }
.p-entry__body th { background: #f7f7f7; font-weight: normal; }
@media only screen and (max-width: 991px) {
.p-entry__body th {
text-align: left;
}
}
/* table style */
.table_no_border th, .table_no_border td { border: none; padding-left: 0; }
.table_border_horizontal th, .table_border_horizontal td { border-left: none; border-right: none; padding-left: 0; }
/* block quote */
.p-entry__body blockquote { margin: 0 0 25px 0; padding: 27px 30px 0; border: 1px solid #ddd; box-shadow: 0px 4px 0px 0px #f2f2f2; position: relative; }
.p-entry__body blockquote:before { content: '"'; font-style: italic; font-size: 30px; font-weight: normal; line-height: 40px; width: 30px; height: 30px; position: absolute; top: 5px; left: 10px; color: #5cbcd7; }
.p-entry__body blockquote:after { content: '"'; font-style: italic; font-size: 30px; font-weight: normal; text-align: left; line-height: 60px; width: 30px; height: 30px; position: absolute; bottom: 7px; right: -2px; color: #5cbcd7; }
.p-entry__body blockquote cite { border-top: 1px dotted #aaa; display: block; padding: 20px 0 0 0; font-style: italic; text-align: right; font-size: 90%; }
/* captions */
.p-entry__body .wp-caption { margin-bottom: 24px; background: #fff; border: 1px solid #ddd; padding: 5px; max-width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.p-entry__body .wp-caption-text { text-align: center; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px auto; }
.p-entry__body .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; }
/* gallery */
.gallery { margin-bottom: 20px; }
.gallery a img { border: 0 !important; }
.gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; }
.gallery-columns-1 .gallery-item { max-width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); }
.gallery-columns-10 .gallery-item { max-width: 7%; max-width: -webkit-calc(9.4% - 0px); max-width: calc(9.4% - 0px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right: 0; }
.gallery-caption { background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; }
.gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; }
/* etc */
.p-entry__body .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; }
.p-entry__body address { margin: 0 0 24px 0; line-height: 2.2; }
.p-entry__body pre { border-left: 5px solid #7fc120; font-size: 12px; margin: 0 0 27px 0; line-height: 25px; background: url(img/pre.gif) repeat left top; padding: 0 17px; overflow: auto; }
.p-entry__body .mejs-container { margin: 12px 0 25px; }
/**
* Utility
*/
/* clearfix */
.u-clearfix::after { clear: both; content: " "; display: table; }
/* float */
.u-left { float: left; }
.u-right { float: right; }
.u-center { float: none; margin-left: auto; margin-right: auto; text-align: center; }
/* hidden */
.u-hidden { display: none; }
.u-visible-sm, .u-visible-xs { display: none; }
@media only screen and (max-width: 991px) {
.u-hidden-sm { display: none; }
.u-visible-sm { display: block; }
}
@media only screen and (max-width: 767px) {
.u-hidden-xs { display: none; }
.u-visible-xs { display: block; }
}
/* overflow */
.u-overflow-hidden { overflow: hidden; }
/* slick */
.slick-slider { overflow: hidden; }
.slick-loading .slick-list { background: #fff url('img/ajax-loader.gif') center center no-repeat; }
.slick-arrow { background: #000; border: none; color: #fff; cursor: pointer; font-family: 'design_plus'; font-size: 14px; height: 50px; line-height: 50px; margin-top: -25px; opacity: 0; overflow: hidden; padding: 0; text-align: center; width: 50px; position: absolute; top: 50%; z-index: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.slick-prev { left: 0; }
.slick-next { right: 0; }
.slick-slider:hover .slick-arrow { opacity: 0.5; }
.slick-slider .slick-arrow:hover { opacity: 0.8; }
.slick-dots { display: block; list-style: none; margin: 0; padding: 0; text-align: right; position: absolute; bottom: 20px; right: 20px; z-index: 2; }
.slick-dots li { display: inline-block; margin: 0 0 0 10px; width: 15px; height: 15px; }
.slick-dots li button { background: #fff; border: 1px solid #ddd; border-radius: 50%; color: transparent; cursor: pointer; opacity: 1; overflow: hidden; padding: 0; width: 15px; height: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.slick-dots li.slick-active button { background-color: #0097cc; border-color: #0097cc; }
.slick-dots li:hover button { background-color: #006689; border-color: #006689; }
/* Column layout - カラムレイアウト */
.post_row { line-height: 2; margin-left: -15px; margin-right: -15px; }
.post_row:before, .post_row:after { content: " "; display: table; }
.post_row:after { clear: both; }
.post_col, .post_col-2, .post_col-3 { float: left; margin-bottom: 2em; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; }
@media only screen and (min-width: 768px) {
.post_col-2 { width: 50%; }
.post_col-3 { width: 33.33333%; }
}
/* headline - 見出しのスタイル */
.style3a, .style3b, .style4a, .style4b, .style5a, .style5b, .style6 { line-height: 1.6; }
.style3a { border-top: 1px solid #222; border-bottom: 1px solid #222; font-size: 22px; font-weight: 400; margin: 3em 0 1.5em; padding: 1.1em .2em 1em; }
.style3b { background: #fafafa; border-top: 2px solid #222; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px #f7f7f7; font-size: 22px; font-weight: 400; margin: 3em 0 1.5em; padding: 1.1em .9em 1em; }
.style4a { border-bottom: none; border-left: 2px solid #222; font-size: 18px; font-weight: 400; margin: 2.5em 2px 1.2em; padding: .3em 0 .3em .8em; }
.style4b { border-bottom: 1px dotted #aaa; font-size: 18px; font-weight: 400; margin: 2.5em 0 1.2em; padding: .9em 0 .8em; }
.style5a { background: #f5f5f5; box-shadow: 0px 2px 0px 0px #f2f2f2; font-size: 18px; font-weight: 700; margin: 2em 0 1em; padding: .5em .8em .3em 1em; }
.style5b { background: #222; border-radius: 4px; box-shadow: 0px 2px 0px 0px #f2f2f2; color: #fff; font-size: 18px; font-weight: 400; margin: 2em 0 1em; padding: .5em .8em .4em 1em; }
.style6 { color: #222; font-size: 16px; font-weight: bold; margin: 2em 0 1em; padding: .5em .8em .8em 1.3em; position: relative; }
.style6:before { background: #222; content: ""; position: absolute; top: .5em; left: .2em; width: 12px; height: 12px; }
.news_headline1 { border-left: 8px solid #444; font-size: 1.2em; line-height: 1.2; margin: 80px 0 25px 0; padding: .5em; position: relative; }
.news_headline1:after { border-bottom: 1px dotted #ddd; content: ""; position: absolute; bottom: 0px; left: 0; width: 100%; height: 0; }
.news_headline2 { border-left: 6px solid #545454; font-size: 1.1em; line-height: 26px; margin: 40px 0 20px 0; padding: 0 .5em; }
.balloon { background: #222; border-bottom: 0; clear: both; color: #fff; display: block; font-size: 20px; font-weight: 400; margin: 50px 0 22px; min-width: 115px; padding: .5em 18px .5em; position: relative; text-align: left; width: auto; z-index: 0; }
.balloon:after { border-color: #222 transparent transparent transparent; border-style: solid; border-width: 10px 10px 0 10px; bottom: -10px; content: ""; display: block; margin-left: -10px; position: absolute; left: 30px; width: 0px; height: 0px; }
/* flame - 囲み枠 */
.well { line-height: 2; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; margin-bottom: 20px; min-height: 20px; padding: 19px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well2 { margin: 1em 0 30px; padding: 1em 1.5em; line-height: 2; border: 1px solid #cdcdcd; background: #fcfcfc; box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3); }
.well3 { margin: 2em 0 2.5em; padding: 1em 1.5em; line-height: 2.0; border: 1px dashed #cdcdcd; background: #fcfcfc; box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3); }
.wl_red { background-color: #f2dede; border-color: #ebccd1; color: #a94442; }
.wl_yellow { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }
.wl_blue { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; }
.wl_green { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; }
/* button - CSSボタンのスタイル */
.q_button { background-color: #535353; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); color: #fff !important; display: inline-block; font-size: 100%; font-weight: 400; min-width: 200px; margin: 0; max-width: 90%; padding: .6em 1.3em .5em; transition: all 0.3s ease-in-out 0s; text-decoration: none; text-align: center; vertical-align: middle; }
.q_button:hover, .q_button:focus { background-color: #7d7d7d; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset; color: #fff; text-decoration: none; }
.q_button_wrap{ text-align:center; margin: 2em auto; }
/* Button option */
.rounded { border-radius: 6px; }
.pill { border-radius: 50px; }
.sz_full { display: block; font-size: 110%; max-width: 100%; min-width: 100px; padding: 1em 1.5em .9em; }
.sz_l { font-size: 110%; max-width: 90%; min-width: 350px; padding: .8em 1.5em .7em; }
@media only screen and (max-width: 767px) {
.sz_l { max-width: 100%; min-width: 0; width: 100%; }
}
.sz_s { min-width: 100px; max-width: 90%; font-size: 85%; padding: .4em 1em .3em; }
.bt_red { background: #c01f0e; color: #fff; }
.bt_red:hover, .bt_red:focus { background-color: #d33929; color: #fff; }
.bt_yellow { background: #f1c40f; color: #fff; }
.bt_yellow:hover, .bt_yellow:focus { background-color: #f9d441; color: #fff; }
.bt_blue { background: #2980b9; color: #fff; }
.bt_blue:hover, .bt_blue:focus { background-color: #3a91c9; color: #fff; }
.bt_green { background: #27ae60; color: #fff; }
.bt_green:hover, .bt_green:focus { background-color: #39c574; color: #fff; }
/* Youtube responsive - Youtube動画のレスポンシブ表示 */
.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; }
/* Table responsive - テーブルのレスポンシブ表示 */
.rps_table { line-height: 2.0; }
@media only screen and (max-width: 480px) {
.rps_table tr { display: block; margin-bottom: 1.5em; }
.rps_table th, .rps_table td { display: list-item; list-style-type: none; border: none; }
}
/* Cardlink style - カードリンクのスタイル */
.cardlink { word-wrap: break-word; max-width: 100%; margin: 10px 0; padding: 20px; border: 1px solid #ddd; background: #fafafa; }
.cardlink_thumbnail { margin-right: 25px; float: left; }
.cardlink_thumbnail img { width: 130px; height: 130px; -o-object-fit: cover; object-fit: cover; }
/* for IE11 */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.cardlink_thumbnail img { height: auto; }
}
.cardlink_content { line-height: 1.6; }
.cardlink_timestamp { display: inline; margin: 0; padding: 0; color: #222; font-size: 12px; line-height: 1; vertical-align: top; }
.cardlink_title { margin: -3px 0 5px; font-size: 16px; }
.cardlink_title a { color: #000; font-weight: bold; text-decoration: none; }
.cardlink_title a:hover { text-decoration: underline; }
.cardlink_excerpt { color: #000; overflow: hidden; font-size: 14px; line-height: 1.9; overflow: hidden; max-height: 3.8em; }
.cardlink_footer { clear: both; }
.clear { clear: both; }
@media (max-width: 767px) {
.cardlink_timestamp { display: none; }
}
@media (max-width: 567px) {
.cardlink { padding: 15px 11px 12px 13px; }
.cardlink_thumbnail { margin-right: 12px; margin-bottom: 10px; float: left; }
.cardlink_thumbnail img { width: 100px; height: 100px; }
.cardlink_title { margin-top: -5px; font-size: 14px; }
.cardlink_excerpt { clear: both; }
}
/* Contactform - お問い合わせフォーム */
.wpcf7 { background: #fafafa; border: 1px solid #ddd; font-size: 14px; margin: 0 0 2.5em !important; padding: 0; width: 100%; }
.wpcf7 form { margin: 1.5em 1.5em 0; }
.wpcf7 p { margin-bottom: 1em; font-size: 12px; }
.wpcf7 input, .wpcf7 textarea { border: 1px solid #ddd; line-height: 1.2; padding: 8px; width: 100%; }
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { border: 1px solid #ddd; max-width: 97%; padding: 8px; width: auto; }
.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; box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5); outline: none; }
.wpcf7 .wpcf7-submit, .wpcf7 .wpcf7-previous { position: relative; display: block; width: 225px; height: 48px; margin: 30px auto 0; background-color: #333333; cursor: pointer; border: none !important; color: #fff; text-align: center; text-decoration: none; font-size: 14px; line-height: 1.5; outline: none; -webkit-transition: all .3s; transition: all .3s; }
.wpcf7 .wpcf7-submit:before, .wpcf7 .wpcf7-submit:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-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 { margin: 10px 0 0; padding: 8px 35px 8px 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-submit .wpcf7-validation-errors { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; }
.wpcf7 .wpcf7-submit .wpcf7-mail-sent-ok { color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1; }
.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; }
/* font-size - フォントサイズ */
.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-through; }
/* font-color - フォントカラー */
.red { color: red; }
.blue { color: #2ca9e1; }
.green { color: #82ae46; }
.orange { color: #ff7d00; }
.yellow { color: #fff000; }
.pink { color: #ff0084; }
.gray { color: #999999; }
/* background-color - 背景色 */
.bg-blue { background-color: #4ab0f5; padding: 2px; }
.bg-red { background-color: red; padding: 2px; }
.bg-yellow { background-color: #ff0; padding: 2px; }
/* text-align - 配置 */
.align1 { text-align: center !important; }
.align2 { text-align: right !important; }
.align3 { text-align: left !important; }
/* float - 回り込み */
.r-flo { float: right; margin: 10px; }
.l-flo { float: left; margin: 10px; }
/* 回り込みの解除 */
.f-clear { clear: both; }
/* hover - 画像リンクマウスオーバー時の不透明度 */
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; }
/* text-style - テキストスタイル */
.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 #ddd; background: #fcfcfc; box-shadow: 0px 4px 0px 0px #f7f7f7; }
/* margin - 要素の外側の余白 */
.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; }
.mt70 { margin-top: 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; }
/* padding - 要素の内側の余白 */
.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; }
.p15 { padding: 15px !important; }
.pt15 { padding-top: 15px !important; }
.pr15 { padding-right: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pl15 { padding-left: 15px !important; }
.p20 { padding: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pr20 { padding-right: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left: 20px !important; }
.p25 { padding: 25px !important; }
.pt25 { padding-top: 25px !important; }
.pr25 { padding-right: 25px !important; }
.pb25 { padding-bottom: 25px !important; }
.pl25 { padding-left: 25px !important; }
.p30 { padding: 30px !important; }
.pt30 { padding-top: 30px !important; }
.pr30 { padding-right: 30px !important; }
.pb30 { padding-bottom: 30px !important; }
.pl30 { padding-left: 30px !important; }
.p35 { padding: 35px !important; }
.pt35 { padding-top: 35px !important; }
.pr35 { padding-right: 35px !important; }
.pb35 { padding-bottom: 35px !important; }
.pl35 { padding-left: 35px !important; }
.p40 { padding: 40px !important; }
.pt40 { padding-top: 40px !important; }
.pr40 { padding-right: 40px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl40 { padding-left: 40px !important; }
.p45 { padding: 45px !important; }
.pt45 { padding-top: 45px !important; }
.pr45 { padding-right: 45px !important; }
.pb45 { padding-bottom: 45px !important; }
.pl45 { padding-left: 45px !important; }
.p50 { padding: 50px !important; }
.pt50 { padding-top: 50px !important; }
.pr50 { padding-right: 50px !important; }
.pb50 { padding-bottom: 50px !important; }
.pl50 { padding-left: 50px !important; }
.p55 { padding: 55px !important; }
.pt55 { padding-top: 55px !important; }
.pr55 { padding-right: 55px !important; }
.pb55 { padding-bottom: 55px !important; }
.pl55 { padding-left: 55px !important; }
.p60 { padding: 60px !important; }
.pt60 { padding-top: 60px !important; }
.pr60 { padding-right: 60px !important; }
.pb60 { padding-bottom: 60px !important; }
.pl60 { padding-left: 60px !important; }
.p65 { padding: 65px !important; }
.pt65 { padding-top: 65px !important; }
.pr65 { padding-right: 65px !important; }
.pb65 { padding-bottom: 65px !important; }
.pl65 { padding-left: 65px !important; }
.p70 { padding: 70px !important; }
.pt70 { padding-top: 70px !important; }
.pr70 { padding-right: 70px !important; }
.pb70 { padding-bottom: 70px !important; }
.pl70 { padding-left: 70px !important; }
.p75 { padding: 75px !important; }
.pt75 { padding-top: 75px !important; }
.pr75 { padding-right: 75px !important; }
.pb75 { padding-bottom: 75px !important; }
.pl75 { padding-left: 75px !important; }
.p80 { padding: 80px !important; }
.pt80 { padding-top: 80px !important; }
.pr80 { padding-right: 80px !important; }
.pb80 { padding-bottom: 80px !important; }
.pl80 { padding-left: 80px !important; }
/* ----------------------------------------------------------------------
汎用スタイルの追加
https://tcd-theme.com/2023/09/utility-classes.html
---------------------------------------------------------------------- */
.p-entry .a_break { display: inline-block; }
@media (max-width: 767px) {
.p-entry .is-pc { display:none!important; }
}
@media not all and (max-width: 767px) {
.p-entry .is-sp { display:none!important; }
}
.p-entry .e_link {
display: inline-block; position: relative; padding-right:1em;
}
.p-entry .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%);
}
.p-entry 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;
}
/** ブロックエディターのテーブルブロックの調整 **/
.wp-block-table.is-style-stripes td,
.wp-block-table .has-background td{
background-color: transparent;
}
/* ----------------------------------------------------------------------
埋め込みコンテンツの余白調整
---------------------------------------------------------------------- */
.wp-block-embed { margin-bottom:2em; }
/* ----------------------------------------------------------------------
メール認証機能のページレイアウト調整
.tcd-llayout-adjusted はfunctions.jsで指定
---------------------------------------------------------------------- */
.tcd-llayout-adjusted h2{
margin-top: 1em;
margin-bottom: 2em;
font-weight: 700;
}
.tcd-llayout-adjusted .p-wc .send input[name="top"] {
display: none;
}
.tcd-llayout-adjusted input[name="back"] {
background: transparent !important;
border: none;
color: #000 !important;
cursor: pointer;
display: inline-block;
height: 60px;
line-height: 60px;
min-width: 180px;
overflow: hidden;
padding: 0 20px;
text-align: center;
min-width: 0;
padding-left: 0;
margin-left: 0!important;
order: 3;
}
.tcd-llayout-adjusted form.p-wc-customer_form{
margin-top: 28px;
}
/* ----------------------------------------------------------------------
クラシックエディターのテーブルの横スクロール対応
---------------------------------------------------------------------- */
@media (max-width: 767px) {
.p-entry .s_table{ overflow: auto; white-space: nowrap; margin-bottom: 2em; }
.p-entry .s_table table { margin-bottom: 0; }
}
/* ラベル色変更 */
/* パンくずリスト 最後のラベルを白に */
html body .p-breadcrumb .p-breadcrumb_item span[itemprop="name"] {
color: #ffffff !important;
}