@charset "UTF-8"; /* Theme Name: GLAMOUR Theme URI:https://tcd-theme.com/tcd073 Description:The WordPress theme "GLAMOUR" supports Welcart and builds a authentic e-commerce site. You can manage a large number of product groups with a mega menu and also you can check items in detail, which stimulates users to buy. Author:TCD Author URI:https://tcd-theme.com/ Version: 1.7 Text Domain: tcd-glamour */ /** * Reset */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } audio, canvas, video { display: inline-block; max-width: 100%; } html { -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; 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 { clear: both; content: ""; display: table; } /** * Base */ body { background: #fff; color: #000; line-height: 1; min-width: 320px; overflow-x: hidden; position:relative; width: 100%; -webkit-font-smoothing: antialiased; } a { color: #000; text-decoration: none; } 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, button, .p-button, .p-article__author-name, .p-concept__images-item__info, .p-cb__item--blog .p-article__title, .p-3col-banners__item-info { -webkit-transition-property: background-color, border-color, color, opacity; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: background-color, border-color, color, opacity; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; -ms-transition-property: background-color, border-color, color, opacity; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; transition-property: background-color, border-color, color, opacity; transition-duration: 0.3s; 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: "update_icon"; src: url("fonts/update_icon.eot?v=1.2"); src: url("fonts/update_icon.eot?v=1.2#iefix") format("embedded-opentype"), url("fonts/update_icon.woff?v=1.2") format("woff"), url("fonts/update_icon.ttf?v=1.2") format("truetype"), url("fonts/update_icon.svg?v=1.2#design_plus") format("svg"); font-weight: normal; font-style: normal; } /** * keyframes */ /* 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% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes headerSlideDown { 0% { transform: translate3d(0, -100%, 0); } 100% { transform: translate3d(0, 0, 0); } } /** * Layout */ /* Header */ .l-header { position: relative; } .l-header__bar { position: relative; width: 100%; z-index: 999; } @media (min-width: 992px) { 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; } } @media (max-width: 991px) { 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; } } /* Footer */ .l-footer {} /* Inner */ .l-inner { margin-left: auto; margin-right: auto; position: relative; width: 88.8888%; max-width: 1180px; } /* main */ .l-main { position: relative; } .l-mian__inner { padding-bottom: 150px; padding-top: 60px; } @media (max-width: 991px) { .l-mian__inner { padding-bottom: 40px; padding-top: 40px; } } /* main columns */ .l-2columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .l-2columns .l-primary { width: 830px; width: -webkit-calc(100% - 300px - 4.237%); width: calc(100% - 300px - 4.237%); } .l-secondary { width: 300px; } .l-sidebar--type1 .l-2columns .l-primary { -webkit-order: 1; -ms-order: 1; order: 1; } @media (max-width: 991px) { .l-2columns { display: block; } .l-2columns .l-primary { width: 100%; } .l-secondary { margin-top: 40px; width: 100%; } } /* adminbar */ @media (min-width: 783px) { 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; } } @media (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; } } @media (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; } } /** * 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; } /* type4 */ .c-load--type4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; position: fixed; bottom: 0; left: 10%; right: 10%; top: 0; } .c-load--type4 > * { -webkit-animation: fadeIn .5s linear .3s both; animation: fadeIn .5s linear .3s both; } .c-load--type4 img { display: block; height: auto; margin: auto; max-width: 100%; } .c-load--type4 .site_loader_catch { font-size: 14px; font-weight: 700; line-height: 1.8; text-align: center; } .c-load--type4 img + .site_loader_catch { margin-top: 20px; } .c-load--type4 .site_loader_catch p + p { margin-top: 0.9em; } @media (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 */ a.c-icon-button::before { content: "\f0c9"; font-family: "design_plus"; } button.c-icon-button { background: transparent; border: none; border-radius: 0; cursor: pointer; font-family: "design_plus"; padding: 0; -webkit-appearance: none; appearance: none; } /* font type */ .c-font-type--type1 { font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif !important; } .c-font-type--type2 { font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important; } .c-font-type--type3 { font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important; font-weight: 500; } /* 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 { margin-top: 60px; } .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; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .c-comment__tab-item.is-active a, .c-comment__tab-item.is-active p { background: #666; color: #fff; position: relative; } .c-comment__tab-item.is-active a:after, .c-comment__tab-item.is-active p:after { border-color: #666 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 > * { background: #fff; border-color: #666; border-style: solid; border-width: 1px 0 1px 1px; color: #000; display: block; font-size: 14px; line-height: 1.8; padding: 15px; text-decoration: none; width: 100%; } .c-comment__tab-item:last-child > * { border-right-width: 1px } .c-comment__tab-item a:hover { background: #666; color: #fff; } .c-comment__tab-item + .c-comment__tab-item > * { border-left-color: #ddd } @media (max-width: 992px) { .c-comment { margin-bottom: 40px; margin-top: 40px; } } @media (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 { background: #fff; 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: #999; display: block; font-size: 12px; } .c-comment__item-act { font-size: 12px; 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__item-note { background: #d6f4f0; border: 1px solid #94ddd4; color: #33a8e5; display: block; font-size: 12px; margin-bottom: 1em; padding: 10px 15px; } .c-comment__trackback-url { background: #fafafa; font-size: 14px; padding: 10px; } .trackback_time { font-size: 12px; 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 { background: #fff; border: 1px solid #ddd; margin-top: 30px; padding: 15px; } .c-comment__cancel { color: #666; font-size: 12px; 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: 14px; } .c-comment__form-login a { color: #666; } .c-comment__input { margin-bottom: 12px; text-align: left; } .c-comment__input input { border: 1px solid #ddd; padding: 5px; width: 100%; } .c-comment__input textarea { border: 1px solid #ddd; padding: 5px; line-height: 1.5; overflow: auto; margin-top: 15px; width: 100%; height: 150px; } .c-comment__label-text { color: #666; display: block; font-size: 14px; margin-bottom: 5px; } .c-comment__form-submit { background: #333; border: none; color: #fff; cursor: pointer; display: block; margin: 15px auto 0; width: 200px; height: 50px; } .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 { font-size: 12px; } .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 (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; } .c-meta-box__item:last-child { margin-bottom: 0; } } /* entry nav */ .c-entry-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .c-entry-nav__item { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 130px; line-height: 1.7; position: relative; width: 50%; } .c-entry-nav__item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 100%; padding: 0 11%; } .c-entry-nav__item--prev, .c-entry-nav__item--next { background: #fff; border: 1px solid #ddd; } .c-entry-nav__item--prev + .c-entry-nav__item--next { border-left: none; } .c-entry-nav__item a:hover { color: #666; } .c-entry-nav__item a span { display: block; max-height: 5.1em; overflow: hidden; } .c-entry-nav__item--prev a { padding-left: 18.5%; } .c-entry-nav__item--next a { padding-right: 18.5%; } .c-entry-nav__item--prev a::before, .c-entry-nav__item--next a::after { content: ''; display: block; font-family: "design_plus"; font-size: 14px; 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: 8%; } .c-entry-nav__item--next a::after { content: "\e910"; right: 8%; } @media (max-width: 991px) { .c-entry-nav { border-top: none; } .c-entry-nav__item { font-size: 12px; height: 52px; text-align: center; width: 50%; } .c-entry-nav__item--prev + .c-entry-nav__item--next { border-left: none; } .c-entry-nav__item a { display: block; line-height: 50px; height: 50px; } .c-entry-nav__item a span { display: none; } .c-entry-nav__item--prev a { padding-left: 30px; } .c-entry-nav__item--next a { padding-right: 30px; } .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 { left: 18px; } .c-entry-nav__item--next a::after { 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; 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; 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: #f9f9f9; 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; -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; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 10px; } @media (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; } } /* Share */ .c-share__icn { font-family: "design_plus" !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .c-share__icn--facebook::before { content: "\e903"; } .c-share__icn--facebook2::before { content: "\e902"; } .c-share__icn--feedly::before { content: "\e907"; } .c-share__icn--google-plus::before { content: "\e900"; } .c-share__icn--google-plus2::before { content: "\e901"; } .c-share__icn--hatebu::before { content: "\e908"; } .c-share__icn--line::before { content: "\e909"; } .c-share__icn--pinterest::before { content: "\e905"; } .c-share__icn--pocket::before { content: "\e90a"; } .c-share__icn--rss::before { content: "\e90b"; } .c-share__icn--rss2::before { content: "\e906"; } .c-share__icn--twitter::before { content: "\e904"; } .c-share--sm { line-height: 25px; min-width: 27px; } .c-share--sm .c-share__btn { margin-bottom: 5px; margin-right: 5px; } .c-share--sm a { padding: 1px 5px 0; } .c-share--sm .c-share__icn { font-size: 1.3em; position: relative; top: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); } .c-share--sm .c-share__title { line-height: 20px; margin: 0 3px 0 2px; } .c-share--lg .c-share__btn { margin-right: 1%; margin-bottom: 2px; width: 24%; } @media (max-width: 767px) { .c-share--lg .c-share__btn { margin-right: 3%; margin-bottom: 3%; width: 47%; } } .c-share--lg .c-share__btn:nth-child(4n) { margin-right: 0; } .c-share--lg .c-share__btn a { padding: 10px 2px; } .c-share--lg .c-share__icn { font-size: 140%; position: relative; top: 3px; } .c-share--lg .c-share__title { margin: 0 3px 0 4px; } .c-share--color a { color: #fff; } .c-share--color a:hover { color: #fff; -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); } .c-share--color .c-share__btn--twitter a { background-color: #55acee; } .c-share--color .c-share__btn--twitter a:hover { background-color: #468ec5; } .c-share--color .c-share__btn--facebook a { background-color: #35629a; } .c-share--color .c-share__btn--facebook a:hover { background-color: #1f3669; } .c-share--color .c-share__btn--google-plus a { background-color: #dd4b39; } .c-share--color .c-share__btn--google-plus a:hover { background-color: #b94031; } .c-share--color .c-share__btn--hatebu a { background-color: #3c7dd1; } .c-share--color .c-share__btn--hatebu a:hover { background-color: #0270ac; } .c-share--color .c-share__btn--pocket a { background-color: #ee4056; } .c-share--color .c-share__btn--pocket a:hover { background-color: #c53648; } .c-share--color .c-share__btn--rss a { background-color: #ffb53c; } .c-share--color .c-share__btn--rss a:hover { background-color: #e09900; } .c-share--color .c-share__btn--feedly a { background-color: #6cc655; } .c-share--color .c-share__btn--feedly a:hover { background-color: #5ca449; } .c-share--color .c-share__btn--pinterest a { background-color: #d4121c; } .c-share--color .c-share__btn--pinterest a:hover { background-color: #a42f35; } .c-share--mono a { background: #fafafa; border: 1px solid rgba(0, 0, 0, 0.1); color: #222; } .c-share--mono a:hover { border-color: rgba(255, 255, 255, 0.1); color: #fff; } .c-share--mono .c-share__btn--twitter a:hover { background-color: #55acee; } .c-share--mono .c-share__btn--facebook a:hover { background-color: #35629a; } .c-share--mono .c-share__btn--google-plus a:hover { background-color: #dd4b39; } .c-share--mono .c-share__btn--hatebu a:hover { background-color: #3c7dd1; } .c-share--mono .c-share__btn--pocket a:hover { background-color: #ee4056; } .c-share--mono .c-share__btn--rss a:hover { background-color: #ff8c00; } .c-share--mono .c-share__btn--feedly a:hover { background-color: #6cc655; } .c-share--mono .c-share__btn--pinterest a:hover { background-color: #d4121c; } .c-share__btn { float: left; font-size: 12px; text-align: center; } .c-share__btn a { border-radius: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03); display: block; } @media (max-width: 991px) { .c-share__btn { margin-bottom: 5px; } } @media (max-width: 767px) { .c-share--sm .c-share__icn { left: 1px; } .c-share--sm .c-share__title { display: none; } } .c-share--official .c-share__btn { line-height: 1; margin-right: 5px; } .c-share--official .c-share__btn--twitter { width: 89px; } .c-share--official .c-share__btn--facebook:hover { text-decoration: none; } .c-share--official .c-share__btn--google-plus { width: 58px; } .c-share--official .c-share__btn--pocket { width: 88px; } /** * Project */ body { font-size: 16px; } @media (max-width: 991px) { body { font-size: 14px; } } a:hover { color: #999; } /* header upper */ .p-header__upper { background: #000; color: #fff; position: relative; } .p-header__upper-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; min-height: 60px; } .p-header-description { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 16px; line-height: 1.5; padding: 12px 10px 12px 0; } .p-header__upper-nav { border-right: 1px solid #4d4d4d; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 14px; margin-left: auto; } .p-header__upper-nav li { border-left: 1px solid #4d4d4d; } .p-header__upper-nav li a { color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 100%; margin: 0 21px; }_:-ms-input-placeholder, :root .p-header__upper-inner { /* ie hack */ height: 0; } @media (max-width: 991px) { .p-header__upper-inner { margin-left: 5.5556%; margin-right: 0; min-height: 50px; width: auto; } .p-header-description { font-size: 12px; padding: 6px 5px 6px 0; } .p-header__upper-nav { border-right: none; } .p-header__upper-nav li a { margin: 0 12px; } } /* header search */ @media (min-width: 992px) { .p-header__upper-search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .p-header__upper-search__form { overflow: hidden; width: 0; -webkit-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -ms-transition: width 0.5s ease; transition: width 0.5s ease; } .p-header__upper-search__form form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 100%; } .p-header__upper-search.is-active .p-header__upper-search__form { width: 280px; } .p-header__upper-search__input { background: #ddd; border: none; height: 40px; margin: 10px 0 10px 10px; padding: 6px; width: 280px; } .p-header__upper-search__submit { display: none; } .p-header__upper-search__button { color: inherit; font-size: 18px; width: 56px; }} @media (max-width: 991px) { .p-header__upper-search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .p-header__upper-search__form { background: #000; overflow: hidden; width: 0; position: absolute; right: 0; top: 100%; z-index: 995; -webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; transition: width 0.3s ease; } .p-header__upper-search__form form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .p-header__upper-search.is-active .p-header__upper-search__form { width: 280px; } .p-header__upper-search__input { background: #ddd; border: none; height: 40px; margin: 10px; padding: 6px 40px 6px 6px; width: 260px; } .p-header__upper-search__submit { font-size: 16px; height: 40px; width: 40px; position: absolute; right: -270px; top: 10px; -webkit-transition: right 0.3s ease; -moz-transition: right 0.3s ease; -ms-transition: right 0.3s ease; transition: right 0.3s ease; } .p-header__upper-search.is-active .p-header__upper-search__submit { right: 10px; } .p-header__upper-search__button { color: inherit; font-size: 16px; width: 48px; }} /* header cart */ .p-header__welcart-cart {} .p-header__welcart-cart a::before { content: "\e93a"; font-family: "design_plus"; font-size: 18px; margin-right: 4px; } .p-header__welcart-cart__badge { background: #ff004b; border-radius: 15px; color: #fff; display: inline-block; font-size: 14px; line-height: 30px; margin-left: 6px; min-width: 30px; padding: 0 8px; text-align: center; } .p-header__welcart-cart__badge:empty { display: none; } @media (max-width: 991px) { .p-header__welcart-cart__label { display: none; } .p-header__welcart-cart__badge { border-radius: 11px; font-size: 10px; line-height: 22px; margin-left: 2px; min-width: 22px; padding: 0 6px; } } /* header lower */ .p-header__lower {} .p-header__lower-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; min-height: 70px; } _:-ms-input-placeholder, :root .p-header__lower-inner { /* ie hack */ height: 0; } @media (min-width: 992px) { .p-drawer__membermenu { display: none; } .p-header__lower .p-social-nav { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } } @media (max-width: 991px) { .p-header__lower-inner { margin-left: 5.5556%; margin-right: 0; min-height: 54px; width: auto; } .p-header__lower .p-social-nav { display: none; } } /* header logo */ .p-header__logo {} .p-header__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 (max-width: 991px) { .p-header__logo { display: none; } .p-header__logo--mobile { display: block; } .p-header__logo--text { font-size: 30px; } } /* menu button */ .p-menu-button { display: none; } @media (max-width: 991px) { .p-menu-button { color: inherit; display: block; font-size: 24px; line-height: 54px; height: 100%; text-align: center; width: 54px; align-self: stretch; } } /* drawer */ @media (min-width: 992px) { .p-drawer-overlay { display: none !important; } } @media (max-width: 991px) { .p-drawer {} .p-drawer__contents { background: #000; max-width: 420px; overflow-x: hidden; overflow-y: auto; width: 80%; position: fixed; bottom: 0; right: -100%; top: 0; z-index: 999; -webkit-transition: right 0.3s ease; -moz-transition: right 0.3s ease; -ms-transition: right 0.3s ease; transition: right 0.3s ease; -webkit-overflow-scrolling: touch; } .p-drawer__contents.ps--active-y { overflow-y: hidden; } .p-drawer-overlay { background: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 998; -webkit-transition-property: opacity, visibility; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-property: opacity, visibility; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -ms-transition-property: opacity, visibility; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; transition-property: opacity, visibility; transition-duration: 0.3s; transition-timing-function: ease-out; } html.show-drawer { overflow-y: scroll; } html.show-drawer .p-drawer__contents { right: 0; } html.show-drawer .p-drawer-overlay { opacity: 1; visibility: visible; } body.admin-bar .p-drawer__contents, body.admin-bar .p-drawer-overlay { top: 32px; } } @media (max-width: 782px) { body.admin-bar .p-drawer__contents, body.admin-bar .p-drawer-overlay { top: 46px; } } @media (max-width: 600px) { body.admin-bar .p-drawer__contents, body.admin-bar .p-drawer-overlay { top: 0; } } /* drawer menu */ @media (max-width: 991px) { .p-drawer__menu {} .p-drawer__menu a, .p-drawer__menu .p-sidemenu__nourl, .p-drawer__menu > li > a { display: block; height: 50px; line-height: 50px; text-overflow: ellipsis; padding: 0 30px; position: relative; white-space: nowrap; } .p-drawer__menu .menu-item-has-children > a { padding-right: 60px; } .p-drawer__menu .menu-item-has-children > a > .p-global-nav__toggle { height: 50px; padding-right: 30px; text-align: right; width: 80px; position: absolute; top: 0; right: 0; } .p-drawer__menu .menu-item-has-children > a > .p-global-nav__toggle::before { content: "\e90e"; font-family: "design_plus"; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; transition: transform 0.5s ease; } .p-drawer__menu .menu-item-has-children > a > .p-global-nav__toggle.is-active::before { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } .p-drawer__menu .sub-menu { display: none; } .p-drawer__menu .sub-menu a { padding-left: 44px; } .p-drawer__menu .sub-menu .sub-menu a { padding-left: 56px; } .p-drawer__menu .sub-menu .sub-menu .sub-menu a { padding-left: 68px; } .p-drawer__menu .sub-menu .sub-menu .sub-menu .sub-menu a { padding-left: 80px; } } /* global nav */ @media (min-width: 992px) { .p-header__lower-inner.no-social-nav .p-drawer { margin-left: auto; margin-right: auto; } .p-global-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-size: 14px; line-height: 1.7; margin: 0 18px; } .p-global-nav a { display: block; position: relative; } .p-global-nav > li { display: inline-block; position: relative; } .p-global-nav > li > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 70px; overflow: hidden; padding: 0 18px; text-align: center; } .p-global-nav > li.menu-item-has-children > .sub-menu { top: 100%; left: 0; z-index: 3; } .p-global-nav .sub-menu { line-height: 1.7; visibility: hidden; opacity: 0; position: absolute; left: 100%; top: 0; z-index: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .p-global-nav .sub-menu a { background: #ff004b; color: #fff; padding: 13.5px 22px; width: 240px; z-index: 2; } .p-global-nav .sub-menu a:hover, .p-global-nav .sub-menu .current-menu-item > a { background: #d20041; } .p-global-nav .menu-item-has-children { position: relative; } .p-global-nav .menu-item-has-children:hover > .sub-menu { opacity: 1; visibility: visible; } .p-global-nav .sub-menu .menu-item-has-children > a::after { content: "\e910"; font-family: "design_plus"; position: absolute; right: 16px; -webkit-transition: none; } .p-global-nav .p-has-megamenu .sub-menu { display: none; } } /* megamenu */ .p-megamenu { background: #000; opacity: 0; pointer-events: none; visibility: hidden; position: absolute; left: 0; right: 0; top: 100%;z-index: -1; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .p-megamenu:hover, .p-megamenu.is-active { opacity: 1; pointer-events: auto; visibility: visible; z-index: 999; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; } .is-header-fixed--animate .p-megamenu { opacity: 0; visibility: hidden; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; transition: none !important; } .p-megamenu01__inner { position: relative; min-height: 460px; padding: 20px 0 40px; } .p-megamenu01__list {} .p-megamenu01__list-item { width: 185px; } .p-megamenu01__list-item a { display: block; color: #fff; } .p-megamenu01__list-item > a { font-size: 16px; font-weight: 700; line-height: 1.8; padding: 13.6px 0; } .p-megamenu01__archive { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-line-pack: start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content:flex-start; height: 100%; opacity: 0; padding-top: 40px; visibility: hidden; position: absolute; left: 185px; right: 0; top: 0; z-index: 0; -webkit-transition-property: opacity, visibility; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-property: opacity, visibility; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out; -ms-transition-property: opacity, visibility; -ms-transition-duration: 0.2s; -ms-transition-timing-function: ease-out; transition-property: opacity, visibility; transition-duration: 0.2s; transition-timing-function: ease-out; } .p-megamenu01__list-item.is-active .p-megamenu01__archive { opacity: 1; visibility: visible; z-index: 1; transition-delay: 0.2s; } .p-megamenu01__archive-item {} .p-megamenu01__archive-item { margin-top: 40px; margin-right: 4.025%; width: 30.65%; } .p-megamenu01__archive-item:nth-child(-n+3) { margin-top: 0; } .p-megamenu01__archive-item:nth-child(3n) { margin-right: 0; } .p-megamenu01__archive-item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .p-megamenu01__archive-item__thumbnail { -webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; height: 100px; margin-right: 18px; overflow: hidden; width: 100px; } .p-megamenu01__archive-item__thumbnail-image { height: 100%; width: 100%; } .p-megamenu01__archive-item__info { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-height: 100px; overflow: visible; } .p-megamenu01__archive-item__title { font-size: 14px; font-weight: 600; line-height: 1.8; height: 5.4em; overflow: hidden; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .p-megamenu01__archive-item__meta { margin-top: 3px; } .p-megamenu01__archive-item a:hover .p-megamenu01__archive-item__title { opacity: 0.5 } .p-megamenu02__list { border-left: 1px solid rgba(255, 255, 255, 0.3); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .p-megamenu02__list-item { border-right: 1px solid rgba(255, 255, 255, 0.3); -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 31px 0; } .p-megamenu02__list-item > a { color: #aaa; font-size: 16px; font-weight: 700; line-height: 1.8; padding: 10px 19px; } .p-megamenu02__submenu { margin-top: 17px; } .p-megamenu02__submenu-item a { color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 14px; line-height: 1.8; padding: 10px 19px; } .p-megamenu02__submenu-item__thumbnail { border-radius: 50%; display: block; -webkit-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; height: 40px; margin-right: 14px; overflow: hidden; width: 40px; /* old webkit bug fix */ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .p-megamenu02__submenu-item__thumbnail-image { height: 100%; width: 100%; } .p-megamenu02__submenu-item__name { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } body.wp-mobile-device .p-megamenu { display: none !important; } @media (max-width: 991px) { .p-megamenu { display: none !important; } } /* header view cart */ .p-header-view-cart { background: #fff; border-color: #ddd; border-style: solid; border-width: 0 1px 1px 1px; color: #000; opacity: 0; position: absolute; right: 0; top: 100%; visibility: hidden; width: 322px; font-size: 14px; z-index: 999; -webkit-transition-property: opacity, visibility; -webkit-transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; -moz-transition-property: opacity, visibility; -moz-transition-duration: 0.1s; -moz-transition-timing-function: ease; -ms-transition-property: opacity, visibility; -ms-transition-duration: 0.1s; -ms-transition-timing-function: ease-out; transition-property: opacity, visibility; transition-duration: 0.1s; transition-timing-function: ease-out; } .p-header-view-cart.is-active, .p-header-view-cart:hover { opacity: 1; visibility: visible; } .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 (max-width: 991px) { .p-header-view-cart { background: rgba(255, 255, 255, 0.8); border-width: 0 0 1px 0; margin-right: 0; left: -5.5556%; right: 0; width: auto; } .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; } } @media (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; } } /* page header */ .p-page-header {} .p-page-header .p-page-header__inner { padding: 60px 0; } .p-page-header__title, .p-page-header__image-title { font-size: 36px; font-weight: 600; line-height: 1.2; margin: -0.1em 0; text-align: center; } .p-page-header__subtitle, .p-page-header__image-subtitle { font-size: 16px; line-height: 1.8; margin: -0.4em 0; text-align: center; } .p-page-header__desc, .p-page-header__image-desc { font-size: 16px; line-height: 2.4; margin: -1.2em 0; text-align: center; } .p-page-header__image { background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .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; -webkit-align-items: center; align-items: center; min-height: 460px; position: relative; width: 100%; z-index: 2; } .p-page-header__image .p-page-header__inner { padding: 40px 0; } .p-page-header__image-title, .p-page-header__image-subtitle, .p-page-header__image-desc { color: #fff; } * + .p-page-header__subtitle, * + .p-page-header__image-subtitle { margin-top: 10px; } * + .p-page-header__desc { margin-top: 30px; } * + .p-page-header__image-desc { margin-top: 50px; } _:-ms-input-placeholder, :root .p-page-header__image .p-page-header__overlay { /* ie hack for align-items: center; */ height: 0; } @media (max-width: 991px) { .p-page-header .p-page-header__inner { padding: 40px 0; } .p-page-header__title, .p-page-header__image-title { font-size: 26px; } .p-page-header__subtitle, .p-page-header__image-subtitle { font-size: 14px; } .p-page-header__desc, .p-page-header__image-desc { font-size: 14px; line-height: 2; margin: -0.5em 0; } .p-page-header__image .p-page-header__overlay { min-height: 320px; } .p-page-header__image-title { font-size: 26px; } * + .p-page-header__subtitle, * + .p-page-header__image-subtitle { margin-top: 7px; } * + .p-page-header__desc, * + .p-page-header__image-desc { margin-top: 22px; } } @media (max-width: 767px) { .p-page-header__image .p-page-header__overlay { min-height: 250px; } } /* breadcrumb */ .p-breadcrumb { background: #f1f1f1; } .p-breadcrumb__inner { font-size: 12px; line-height: 58px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .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 (max-width: 991px) { .p-breadcrumb__inner { line-height: 46px; } } /* footer menu */ .p-footer-nav__area { background-color: #f1f1f1; } .p-footer-nav__area__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 100px 0; } .p-footer-nav__container { padding: 0 20px 0 44px; width: 260px; } .p-footer-nav__headline { font-size: 16px; font-weight: 700; line-height: 1.31; margin-bottom: 14px; } .p-footer-nav { font-size: 14px; line-height: 2.4; } .p-footer-nav ul { margin-left: 1em; } @media (min-width: 992px) { .p-footer-nav__area__inner { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .p-footer-nav__container + .p-footer-nav__container { border-left: 1px solid #ddd; } } @media (max-width: 991px) { .p-footer-nav__area__inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; } .p-footer-nav__container { padding: 20px 20px 17px; width: 50%; } .p-footer-nav__container:nth-child(odd) { padding-right: 10px; } .p-footer-nav__container:nth-child(even) { padding-left: 0; } .p-footer-nav__headline { margin-bottom: 15px; margin-top: -0.155em; } .p-footer-nav { font-size: 12px; margin: -0.7em 0; } } /* footer */ .p-footer { font-weight: 600; padding: 60px 0; text-align: center; } .p-footer__desc { font-size: 16px; line-height: 2.2; margin: -0.6em 0; } .p-footer-blog + .p-footer { border-top: 1px solid #ddd; } @media (max-width: 991px) { .p-footer { padding: 40px 0; } .p-footer__desc { font-size: 14px; } } /* footer logo */ .p-footer__logo {} .p-footer__logo img { height: auto; max-width: 100%; } .p-footer__logo--text { font-size: 36px; line-height: 1.2; margin: -0.1em 0; } .p-footer__logo--mobile { display: none; } .p-footer .p-footer__desc + .p-footer__logo { margin-top: 29px; } .p-footer .p-footer__desc + .p-footer__logo--text { margin-top: 19px; } @media (max-width: 991px) { .p-footer__logo { display: none; } .p-footer__logo--mobile { display: block; } .p-footer__logo--text { font-size: 30px; } .p-footer .p-footer__desc ~ .p-footer__logo--mobile { margin-top: 21px; } .p-footer .p-footer__desc ~ .p-footer__logo--text { margin-top: 11px; } } /* social nav */ .p-social-nav { margin-bottom: -2px; } .p-social-nav__item { display: inline-block; font-size: 14px; margin-right: 18px; } .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: "\e903"; } .p-social-nav__item--googleplus a::before { content: "\e900"; } .p-social-nav__item--twitter a::before { content: "\e904"; } .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 { content: "\ea9e"; } .p-social-nav__item--contact a::before { content: "\f003"; } .p-social-nav__item--url a::before { content: "\e88a"; font-size: 120%; margin-bottom: -2px; } .p-social-nav__item--rss a::before { content: "\e90b"; } .p-footer * + .p-social-nav { margin-top: 28px; } .p-footer .p-footer__logo.p-footer__logo--text ~ .p-social-nav { margin-top: 26px; } @media (max-width: 991px) { .p-footer * + .p-social-nav { margin-top: 20px; } .p-footer .p-footer__logo--mobile.p-footer__logo--text ~ .p-social-nav { margin-top: 17px; } } /* copyright */ .p-copyright { font-size: 12px; line-height: 1.5; min-height: 60px; padding: 21px 0; text-align: center; } @media (max-width: 991px) { .p-copyright { min-height: 50px; padding: 16px 0; } } /* pagetop */ .p-pagetop { display: none; position: fixed; bottom: 0; right: 0; z-index: 90; } .p-pagetop a { background: #ff004b; color: #fff !important; display: block; height: 60px; line-height: 60px; text-align: center; width: 60px; } .p-pagetop a::after { content: "\e911"; font-size: 14px; font-family: "design_plus"; } @media (max-width: 991px) { .p-pagetop a { height: 50px; line-height: 50px; width: 50px; } @media only print { .p-pagetop { display: none !important; } } } /* article title */ .p-article__title { word-break: break-all; } /* article meta */ .p-article__meta { color: #999; font-size: 12px; line-height: 1.8; } .p-article__meta a { color: #999; } .p-article__meta a:hover { color: #bbb; } .p-article__meta > * { float: left; } .p-article__meta > *::after { content: "|"; display: inline-block; font-size: 10px; margin-left: 6px; margin-right: 6px; } .p-article__meta > *:last-child::after { display: none; } .p-article__meta::after { clear: both; content: ""; display: table; } .p-article__meta .update:before { font-family:'update_icon'; content:'\e943'; font-size:12px; display:inline-block; margin:0 4px 0 0; vertical-align:-1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { .p-article__meta { font-size: 10px; } .p-article__meta > *::after { margin-left: 5px; margin-right: 5px; } .p-article__meta .update:before { font-size:11px; } } /* ad */ .p-ad { margin-bottom: 30px; margin-top: 60px; text-align: center; } .p-ad__item { display: inline-block; margin-bottom: 30px; } .p-ad__item + .p-ad__item { margin-left: 30px; } .p-ad__item-code img { display: inline-block; max-width: none; width: auto; } .p-ad__item-image img { display: inline-block; height: auto; max-width: 100%; } @media (min-width: 992px) and (max-width: 1120px) { .l-2columns .l-primary .p-ad { margin-bottom: 60px; margin-top: 60px; } .l-2columns .l-primary .p-ad__item { display: block; margin-bottom: 0; } .l-2columns .l-primary .p-ad__item + .p-ad__item { margin-left: 0; margin-top: 30px; } } @media (max-width: 991px) { .p-ad { margin-bottom: 0; margin-top: 40px; } } @media (max-width: 767px) { .p-ad { margin-bottom: 40px; margin-top: 40px; } .p-ad__item { display: block; margin-bottom: 0; } .p-ad__item + .p-ad__item { margin-left: 0; margin-top: 20px; } } /* author */ .p-author__box { background: #f1f1f1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .p-author__box-left { -webkit-flex: 0 0 29.66%; -ms-flex: 0 0 29.66%; flex: 0 0 29.66%; text-align: center; padding: 60px 50px; } .p-author__box-right { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 50px 50px 50px 0; } .p-author__thumbnail { border-radius: 50%; display: block; height: 100px; margin: 0 auto 8px; overflow: hidden; width: 100px; /* old webkit bug fix */ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .p-author__thumbnail-inner { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; } .p-author__name { font-size: 20px; font-weight: 700; line-height: 1.9; } .p-author__box-left .p-social-nav { margin-top: 9px; } .p-author__box-left .p-social-nav__item { font-size: 14px; } .p-author__box-left .p-social-nav__item a { color: #999; } .p-author__box-left .p-social-nav__item a:hover { color: #000 } .p-author__desc { line-height: 2.4; margin-bottom: -0.7em; margin-top: -0.7em; } .p-author__desc p + p { margin-top: 1.2em; } .p-article__author { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .p-article__author-thumbnail { border-radius: 50%; display: block; -webkit-flex: 0 0 38px; -ms-flex: 0 0 38px; flex: 0 0 38px; height: 38px; margin-right: 12px; overflow: hidden; width: 38px; /* old webkit bug fix */ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .p-article__author-thumbnail-image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; } .p-article__author-name { color: #fff !important; font-size: 14px; line-height: 1.9; height: 1.9em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p-article__author:hover .p-article__author-name { color: #999 !important; } .p-author { margin-bottom: 60px; position: relative; } .p-author .p-author__box { padding-bottom: 30px; } .p-author__post-type__buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; left: 29.66%; } .p-author__post-type__buttons .p-button.is-active { background: #fff !important; color: #000 !important; } .p-author-archive__headline { font-size: 36px; } .p-author-list .p-author__box + .p-author__box { margin-top: 30px; } .p-author-list__archive-link { display: inline-block; font-size: 14px; margin-top: 26px; } .p-author-list__archive-link::after { content: '\e910'; font-family: 'design_plus'; margin-left: 10px; } @media (min-width: 992px) { .p-author .p-author__box-right, .p-author-list .p-author__box-right { padding-right: 120px; } } @media (max-width: 991px) { .p-author__box { display: block; } .p-author__box-left { padding: 40px 32px 29px; } .p-author__box-right { margin-top: -5px; padding: 0 32px 40px; } .p-article__author-thumbnail { -webkit-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; height: 30px; margin-right: 10px; width: 30px; } .p-article__author-name { font-size: 12px; } .p-author__name { font-size: 18px; font-weight: 700; margin-top: 8px; } .p-author__desc { line-height: 2.2; margin-bottom: -0.6em; margin-top: -0.6em; } .p-author { margin-bottom: 40px; margin-top: -20px; } .p-author .p-author__box { padding-bottom: 0; } .p-author__post-type__buttons { position: static; } .p-author__post-type__buttons > * { min-width: auto !important; width: 50%; } .p-author-archive__headline { font-size: 26px; } .p-author-list .p-author__box + .p-author__box { margin-top: 18px; } .p-author-list__archive-link { margin-top: 20px; } } /* button */ .p-button { background: #ff004b; border: none; color: #fff !important; cursor: pointer; display: inline-block; height: 60px; line-height: 60px; min-width: 240px; overflow: hidden; padding: 0 20px; text-align: center; } .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-rounded-button { border-radius: 30px; } .p-button.p-button--gray { background: #ccc; color: #fff !important; } .p-button--white { 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; } @media (min-width: 992px) { .p-button--lg { min-width: 250px; } } @media (max-width: 991px) { .p-button { height: 50px; line-height: 50px; min-width: 200px; } .p-rounded-button { border-radius: 25px; } } /* category */ .p-float-category { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 80px; margin: 0; max-width: 50%; overflow: hidden; padding: 0 10px; position: absolute; top: 0; left: 0; z-index: 5; } .p-float-category span { display: block; color: #fff; font-size: 12px; line-height: 1.6; max-height: 4.8em; min-width: 60px; overflow: hidden; text-align: center; width: 100%; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } a.p-float-category:hover span { opacity: 0.5; } .p-float-category02 { position: absolute; top: 6px; left: 6px; z-index: 5; } .p-highlight-category { color: #fff; display: inline-block; font-size: 10px; line-height: 1.2; min-width: 60px; padding: 9px 8px; text-align: center; } .p-float-category02 * + * { margin-left: 5px; } @media (max-width: 991px) { .p-float-category { height: 60px; } .p-float-category span { font-size: 10px; line-height: 1.6; min-width: 40px; } .p-highlight-category { padding: 6.5px 8px; } } /* headline */ .p-headline { font-size: 18px; font-weight: 700; line-height: 1.8; margin-bottom: 16px; margin-top: -0.4em; } .p-headline .p-headline__link { float: right; font-size: 14px; font-weight: normal; padding-top: 3px; } .p-headline .p-headline__link::after { content: '\e910'; font-family: 'design_plus'; margin-left: 10px; } .p-subheadline { line-height: 1.8; margin-bottom: 16px; margin-top: -0.4em; } .p-headline + .p-subheadline { margin-top: -9px; } /* page-links */ .p-page-links { margin-top: 26px; } .p-page-links a, .p-page-links > span { border: 1px solid #ddd; background: #fff; display: inline-block; font-size: 14px; height: 45px; line-height: 43px; margin: 4px 2px 0 0; min-width: 45px; padding: 0 5px; text-align: center; } .p-page-links > span, .p-page-links a:hover { background: #ff004b; border-color: #ff004b; color: #fff; } @media (max-width: 991px) { .p-page-links { margin-top: 16px; } .p-page-links a, .p-page-links > span { height: 40px; line-height: 38px; min-width: 40px; } } /* pager */ .p-pager { margin-top: 50px; text-align: center; } .p-pager__item { display: inline-block; margin: 4px 5px 0 0; vertical-align: top; } .p-pager__item a, .p-pager__item span { border: 1px solid #ddd; background: #fff; color: #000; display: inline-block; font-size: 14px; height: 45px; line-height: 43px; min-width: 45px; padding: 0 5px; text-align: center; } .p-pager__item .current, .p-pager__item a:hover { background: #ff004b; border-color: #ff004b; color: #fff; } .p-pager__item .prev, .p-pager__item .next { font-family: "design_plus"; font-size: 12px; } .p-pager-comments { margin-bottom: 30px; margin-top: 26px; padding-bottom: 0; } @media (max-width: 991px) { .p-pager { margin-top: 30px; } .p-pager__item a, .p-pager__item span { height: 40px; line-height: 38px; min-width: 40px; } } /* hover effect */ .p-hover-effect__image { background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transition-property: -webkit-transform, transform, opacity; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, transform, opacity; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease; -ms-transition-property: -ms-transform, transform, opacity; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease; transition-property: transform, opacity; transition-duration: 0.5s; transition-timing-function: ease; } .p-hover-effect__bg { display: block; -webkit-transition: background 0.5s ease-in; -moz-transition: background 0.5s ease-in; -ms-transition: background 0.5s ease-in; transition: background 0.5s ease-in; overflow: hidden; } .p-hover-effect--type1.p-hover-effect__bg:hover, .p-hover-effect--type1:hover .p-hover-effect__bg, .p-hover-effect--type2.p-hover-effect__bg:hover, .p-hover-effect--type2:hover .p-hover-effect__bg, .p-hover-effect--type3.p-hover-effect__bg:hover, .p-hover-effect--type3:hover .p-hover-effect__bg, .p-hover-effect--type4.p-hover-effect__bg:hover, .p-hover-effect--type4:hover .p-hover-effect__bg { -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; transition-property: none; } .p-hover-effect--type1 .p-hover-effect__image { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .p-hover-effect--type2 .p-hover-effect__image { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } .p-hover-effect--type2:hover .p-hover-effect__image { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .p-hover-effect--type3 .p-hover-effect__image { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .p-hover-effect--type4 .p-hover-effect__image { -webkit-transition-property: opacity;-moz-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .p-hover-effect--type4:hover .p-hover-effect__image { opacity: 0.5; } /* archive */ .p-archive__headline { font-size: 28px; font-weight: 700; line-height: 1.8; margin-bottom: 48px; margin-top: -0.4em; text-align: center; } .p-archive { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-archive__item {} .p-archive__item-thumbnail { padding-top: 61.53%; overflow: hidden; position: relative; } .p-archive__item-thumbnail:after { background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#aa000000', GradientType=0); content: ''; position: absolute; bottom: -0.1px; left: 0; right: -1px; top: 63%; z-index: 2; } .p-archive__item-thumbnail__image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; } .p-archive__item-thumbnail .p-article__author { position: absolute; bottom: 8.75%; left: 5.73%; right: 10px; z-index: 3; } .p-archive__item-info { padding-top: 15px; } .p-archive__item-title { font-weight: 600; line-height: 1.7; max-height: 3.4em; overflow: hidden; } .p-archive__item-price { line-height: 1.7; } .p-archive__item-meta { padding-top: 8px; } .no_post { padding: 100px 0; text-align: center; } @media (min-width: 768px) { .p-archive__item { margin-top: 44px; margin-right: 1.19%; width: 32.54%; } .p-archive__item:nth-child(-n+3) { margin-top: 0; } .p-archive__item:nth-child(3n) { margin-right: 0; } } @media (max-width: 767px) { .p-archive__headline { font-size: 18px; margin-bottom: 32px; } .p-archive__item { margin-top: 14px; margin-right: 5%; width: 47.5%; } .p-archive__item:nth-child(-n+2) { margin-top: 0; } .p-archive__item:nth-child(2n) { margin-right: 0; } .p-archive__item-thumbnail:after { top: 60%; } .p-archive__item-thumbnail .p-article__author { bottom: 12%; left: 9.21%; } .p-archive__item-info { padding-top: 8px; } .p-archive__item-title { line-height: 1.6; max-height: 5.1em; } .p-archive__item-meta { padding-top: 1px; } .no_post { padding: 50px 0; text-align: center; } } /* entry */ .p-entry {} .p-entry > :last-child { margin-bottom: 0; } .p-entry__title { font-size: 28px; font-weight: 600; line-height: 1.5; margin-top: -0.25em; } .p-entry__header { margin-bottom: 48px; position: relative; } .p-entry__header.has-image { background-position: center center; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; min-height: 520px; position: relative; } .p-entry__header.has-image .p-entry__header-contents { background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#aa000000', GradientType=0); padding: 120px 50px 44px; width: 100%; } .p-entry__header.has-image .p-entry__title, .p-entry__header.has-image .p-entry__header-meta, .p-entry__header.has-image .p-entry__header-meta a { color: #fff; } .p-entry__header.has-image .p-entry__header-meta a:hover { color: #999; } .p-entry__header--align-center { text-align: center; } .p-entry__header-meta { margin-top: 6px; } .p-body { line-height: 2.4; } .p-body > :last-child { margin-bottom: 0; } .p-body a { word-wrap: break-word; } .p-body .p-entry__ad img { max-width: none; width: auto; } .p-entry__body { margin-bottom: 0; } .p-entry__meta { margin-top: 40px; } .p-entry__share { margin-bottom: 40px; } .p-entry__body ~ .p-entry__share { margin-bottom: 0; margin-top: 50px; } .p-entry__meta + .p-entry__share { margin-bottom: 0; margin-top: 30px; } .p-entry__nav { margin-top: 60px; } .p-entry__next-page { margin-top: 60px; 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; margin-top: 20px; text-align: center; }.p-entry__author { margin-top: 60px; } .p-entry__author .p-author__box-left { -webkit-flex: 0 0 36%; -ms-flex: 0 0 36%; flex: 0 0 36%; text-align: center; } .p-entry__author .p-author__desc { max-height: 7.2em; overflow: hidden; } .p-entry__author-button { margin-top: 60px; text-align: center; } .p-entry__sidebar-author { border: 1px solid #ddd; padding: 50px 32px 43px; text-align: center; } .p-entry__sidebar-author__archive-link { margin-top: 33px; } .p-entry__sidebar-author__archive-link::after { content: '\e910'; font-family: 'design_plus'; margin-left: 12px; } .p-entry__related { margin-top: 50px; } .p-entry__related-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-entry__related-item__thumbnail { padding-top: 62.69%; overflow: hidden; position: relative; } .p-entry__related-item__thumbnail:after { background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#aa000000', GradientType=0); content: ''; position: absolute; bottom: -0.1px; left: 0; right: -1px; top: 50%; z-index: 2; } .p-entry__related-item__thumbnail-image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; } .p-entry__related-item__thumbnail .p-article__author { position: absolute; bottom: 9.8%; left: 7.69%; right: 10px; z-index: 3; } .p-entry__related-item__title { font-weight: 600; line-height: 1.7; margin-top: 14px; max-height: 5.1em; overflow: hidden; } @media (min-width: 768px) { .p-entry__related-item { margin-top: 23px; margin-right: 3%; width: 31.3333%; } .p-entry__related-item:nth-child(-n+3) { margin-top: 0; } .p-entry__related-item:nth-child(3n) { margin-right: 0; } } @media (max-width: 991px) { .p-entry__title { font-size: 20px; line-height: 1.31; margin-top: -0.155em; } .p-entry__header { margin-bottom: 28px; } .p-entry__header.has-image { margin-left: -6.34%; margin-right: -6.34%; margin-top: -40px; min-height: 320px; } .p-entry__header.has-image .p-entry__header-contents { padding: 60px 5.5556% 17px; } .p-entry__meta { margin-top: 20px; } .p-entry__share { margin-bottom: 20px; } .p-entry__body ~ .p-entry__share { margin-bottom: 0; margin-top: 30px; } .p-entry__meta + .p-entry__share { margin-bottom: 0; margin-top: 30px; } .p-entry__nav { margin-top: 40px; } .p-entry__next-page { margin-top: 40px; text-align: center; } .p-entry__author { margin-top: 40px; } .p-entry__author-button { margin-top: 40px; } .p-entry__sidebar-author { padding: 40px 32px 32px; } .p-entry__sidebar-author__archive-link { margin-top: 26px; } .p-entry__related { margin-top: 40px; } .p-entry__related-item__title { margin-top: 7px; } } @media (max-width: 767px) { .p-entry__header.has-image { min-height: 230px; } .p-entry__related-item { margin-top: 14px; margin-right: 5%; width: 47.5%; } .p-entry__related-item:nth-child(-n+2) { margin-top: 0; } .p-entry__related-item:nth-child(2n) { margin-right: 0; } .p-entry__related-item__thumbnail .p-article__author { bottom: 12%; left: 9.21%; } .p-entry__related-item__thumbnail:after { top: 60%; } } /* feature archive */ .p-feature-archive { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-feature-archive__item { overflow: hidden; position: relative; width: 33.3333%; } .p-feature-archive__item-thumbnail { padding-top: 127%; overflow: hidden; position: relative; } .p-feature-archive__item-thumbnail::after { background: rgba(0, 0, 0, 0.2); content: ''; display: block; position: absolute; bottom: -0.1px; left: 0; right: -1px; top: 0; z-index: 2; } .p-feature-archive__item-thumbnail__image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; } .p-feature-archive__item-info { position: absolute; bottom: 5.2%; left: 8.2%; right: 8.2%; z-index: 3; } .p-feature-archive__item-title { color: #fff; font-size: 18px; font-weight: 600; line-height: 1.7; max-height: 3.4em; overflow: hidden; } .p-feature-archive__item-meta { color: #fff; margin-top: 8px; } @media (min-width: 992px) { .p-feature-archive__item:nth-child(1) { -webkit-order: 1; -ms-order: 1; order: 1; } .p-feature-archive__item:nth-child(2) { -webkit-order: 2; -ms-order: 2; order: 2; } .p-feature-archive__item:nth-child(3) { -webkit-order: 3; -ms-order: 3; order: 3; } .p-feature-archive__item:nth-child(4) { -webkit-order: 4; -ms-order: 4; order: 4; } .p-feature-archive__item:nth-child(5) { -webkit-order: 5; -ms-order: 5; order: 5; } .p-feature-archive__item:nth-child(6) { -webkit-order: 6; -ms-order: 6; order: 6; } .p-feature-archive__item:nth-child(7) { -webkit-order: 7; -ms-order: 7; order: 7; } .p-feature-archive__item:nth-child(8) { -webkit-order: 8; -ms-order: 8; order: 8; } .p-feature-archive__item:nth-child(9) { -webkit-order: 9; -ms-order: 9; order: 9; } .p-feature-archive__item:nth-child(10) { -webkit-order: 10; -ms-order: 10; order: 10; } .p-feature-archive__item:nth-child(11) { -webkit-order: 11; -ms-order: 11; order: 11; } .p-feature-archive__item:nth-child(12) { -webkit-order: 12; -ms-order: 12; order: 12; } .p-feature-archive__item:nth-child(13) { -webkit-order: 13; -ms-order: 13; order: 13; } .p-feature-archive__item:nth-child(14) { -webkit-order: 14; -ms-order: 14; order: 14; } .p-feature-archive__item:nth-child(15) { -webkit-order: 15; -ms-order: 15; order: 15; } .p-feature-archive__item:nth-child(16) { -webkit-order: 16; -ms-order: 16; order: 16; } .p-feature-archive__item:nth-child(17) { -webkit-order: 17; -ms-order: 17; order: 17; } .p-feature-archive__item:nth-child(18) { -webkit-order: 18; -ms-order: 18; order: 18; } .p-feature-archive__item:nth-child(19) { -webkit-order: 19; -ms-order: 19; order: 19; } .p-feature-archive__item:nth-child(20) { -webkit-order: 20; -ms-order: 20; order: 20; } .p-feature-archive__item:nth-child(21) { -webkit-order: 21; -ms-order: 21; order: 21; } .p-feature-archive__item:nth-child(22) { -webkit-order: 22; -ms-order: 22; order: 22; } .p-feature-archive__item:nth-child(23) { -webkit-order: 23; -ms-order: 23; order: 23; } .p-feature-archive__item:nth-child(24) { -webkit-order: 24; -ms-order: 24; order: 24; } .p-feature-archive__item:nth-child(25) { -webkit-order: 25; -ms-order: 25; order: 25; } .p-feature-archive__item:nth-child(26) { -webkit-order: 26; -ms-order: 26; order: 26; } .p-feature-archive__item:nth-child(27) { -webkit-order: 27; -ms-order: 27; order: 27; } .p-feature-archive__item:nth-child(28) { -webkit-order: 28; -ms-order: 28; order: 28; } .p-feature-archive__item:nth-child(29) { -webkit-order: 29; -ms-order: 29; order: 29; } .p-feature-archive__item:nth-child(30) { -webkit-order: 30; -ms-order: 30; order: 30; } } @media (max-width: 991px) { .p-feature-archive { margin-left: -6.34%; margin-right: -6.34%; } .p-feature-archive__item { width: 50%; } .p-feature-archive__item-info { bottom: 5.2%; left: 10.5%; right: 10.5%; } .p-feature-archive__item-title { font-size: 14px; max-height: 5.1em; } .p-feature-archive__item-meta { margin-top: 6px; } } @media (min-width: 768px) { .p-entry-feature__introduction .p-item-archive__item, .p-entry-feature__introduction .p-item-archive__item:nth-child(-n+4), .p-entry-feature__introduction .p-item-archive__item:nth-child(4n) { margin-top: 44px; margin-right: 1.43%; width: 32.38%; } .p-entry-feature__introduction .p-item-archive__item:nth-child(-n+3) { margin-top: 0; } .p-entry-feature__introduction .p-item-archive__item:nth-child(3n) { margin-right: 0; } } /* feature single */ .p-entry-feature { margin-left: auto; margin-right: auto; max-width: 880px; } .p-entry-feature__header { border: 1px solid #ddd; margin-bottom: 48px; text-align: center; } .p-entry-feature__header-inner { padding: 58px 20px; } .p-entry-feature__catch { background: #000; color: #fff; font-size: 18px; font-weight: 600; line-height: 2.2; padding: 23px 20px; } .p-entry-feature__header.has-category .p-entry-feature__catch { padding-bottom: 62px; } .p-entry-feature__header.has-category-margin { margin-top: 40px; } .p-entry-feature__float-category { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-top: -40px; } .p-entry-feature__float-category .p-float-category { position: static; } .p-entry-feature__title {} .p-entry-feature__header-meta { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; margin-bottom: -0.4em; margin-top: 6px; } .p-entry-feature__thumbnail { margin-bottom: 48px; margin-top: -49px; } .p-entry-feature__thumbnail img { display: block; height: auto; width: 100%; } .p-entry-feature__introduction { border-top: 1px solid #ddd; margin-top: 110px; padding-top: 60px; } .p-entry-feature__introduction-headline { font-size: 26px; line-height: 1.7; margin-bottom: 55px; margin-top: -0.35em; text-align: center; } .p-entry-feature__archive-button { margin-top: 60px; text-align: center; } @media (min-width: 992px) { .p-entry-feature .p-author__box-left { -webkit-flex: 0 0 34.09%; -ms-flex: 0 0 34.09%; flex: 0 0 34.09%; } .p-entry-feature .p-author__box-right { padding-right: 90px; } .p-entry-feature .p-entry__ad + .p-entry__nav { margin-top: 0; } } @media (max-width: 767px) { .p-entry-feature__header { border: none; margin-bottom: 30px; } .p-entry-feature__header-inner { padding: 0 20px; } .p-entry-feature__catch { margin: -40px -6.34% 0; font-size: 12px; line-height: 1.8; padding: 16px 5.5556%; } .p-entry-feature__header.has-category .p-entry-feature__catch { padding-bottom: 44px; } .p-entry-feature__header.has-category .p-entry-feature__header-inner { padding-top: 40px; } .p-entry-feature__header.has-category-margin { margin-top: 30px; } .p-entry-feature__float-category { margin-top: -30px; } .p-entry-feature__thumbnail { margin-bottom: 30px; margin-top: 37px; } .p-entry-feature__introduction { margin-top: 38px; padding-top: 38px; } .p-entry-feature__introduction-headline { font-size: 20px; margin-bottom: 35px; margin-top: -0.35em; } .p-entry-feature__archive-button { margin-top: 40px; } } /* news */ .p-news-archive {} .p-news-archive__item { background: #fff; position: relative; } .p-news-archive__item::before { border-color: #ddd; border-style: solid; border-width: 0 1px 1px 1px; content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .p-news-archive__item:first-child::before { border-top-width: 1px; } .p-news-archive__item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; z-index: 1; } .p-news-archive__item-thumbnail { -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; height: 200px; overflow: hidden; width: 200px; } .p-news-archive__item-thumbnail__image { height: 100%; width: 100%; } .p-news-archive__item-info { padding: 0 50px; } .p-news-archive__item-date { display: block; line-height: 1; margin-bottom: 10px; } .p-news-archive__item-title { line-height: 2; max-height: 4em; overflow: hidden; } .p-recent-news { margin-top: 60px; } .p-recent-news .p-news-archive { margin-top: 18px; } .p-recent-news .p-news-archive__item-thumbnail { -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; height: 150px; width: 150px; } .p-recent-news .p-news-archive__item-info { padding: 0 40px; } @media (max-width: 991px) { .p-news-archive__item-thumbnail, .p-recent-news .p-news-archive__item-thumbnail { -webkit-flex: 0 0 109px; -ms-flex: 0 0 109px; flex: 0 0 109px; height: 109px; width: 109px; } .p-news-archive__item-info, .p-recent-news .p-news-archive__item-info { padding: 0 20px; } .p-news-archive__item-date { margin-bottom: 6px; } .p-news-archive__item-title { line-height: 1.5; max-height: 4.5em; } .p-recent-news { margin-top: 40px; } .p-recent-news .p-news-archive { margin-top: 15px; } .p-recent-news .p-news-archive__item-title { line-height: 1.6; max-height: 4.8em; } } /* concept */ .p-concept { margin-top: 60px; } .p-concept__headline { font-size: 36px; font-weight: 700; line-height: 1.4; margin-bottom: 40px; margin-top: -0.28em; text-align: center; } .p-concept__box { margin: 0 auto 108px; max-width: 880px; } .p-concept__box01 .p-body { text-align: center; } .p-concept__image { margin-bottom: 120px; } .p-concept__image img { display: block; height: auto; margin: auto; max-width: 100%; } .p-concept__images { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 108px; } .p-concept__images-item { overflow: hidden; position: relative; width: 50%; } .p-concept__images-item:only-child { width: 100%; } .p-concept__images-item__thumbnail { padding-top: 63.44%; overflow: hidden; position: relative; } .p-concept__images-item__thumbnail::after { background: rgba(0, 0, 0, 0.2); content: ''; display: block; position: absolute; bottom: -0.1px; left: 0; right: -1px; top: 0; z-index: 2; } .p-concept__images-item__thumbnail-image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; } .p-concept__images-item__info { color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: absolute; bottom: 8%; left: 20%; right: 20%; top: 8%; z-index: 3; } .p-concept__images-item__info-inner { max-height: 100%; overflow: hidden; } .p-concept__images-item__headline { font-size: 26px; line-height: 1.8; font-weight: 600; } .p-concept__images-item__desc { line-height: 2.4; } .p-concept__images-item__headline + .p-concept__images-item__desc { margin-top: 16px; } .p-concept__button { margin-top: 48px; max-width: 880px; text-align: center; } @media (min-width: 1350px) { .p-concept__images { margin-left: calc((100vw - 1180px) / -2); margin-right: calc((100vw - 1180px) / -2); } } @media (max-width: 1349px) { .p-concept__images { margin-left: -6.34%; margin-right: -6.34%; } } @media (max-width: 991px) { .p-concept { margin-top: 0; } .p-concept__headline { font-size: 22px; margin-bottom: 26px; margin-top: -0.2em; } .p-concept__box { margin-bottom: 30px; } .p-concept__image { margin-bottom: 40px; } .p-concept__images { margin-bottom: 30px; } .p-concept__button { margin-top: 26px; } .p-concept__images-item__headline { font-size: 20px; } .p-concept__images-item__headline + .p-concept__images-item__desc { margin-top: 11px; } .p-concept__images-item__desc { line-height: 2; } } @media (max-width: 767px) { .p-concept__images { display: block; } .p-concept__images-item { width: 100%; } .p-concept__images-item__desc { text-align: center; } .p-concept__images-item__info { bottom: 5%; left: 5.5556%; right: 5.5556%; top: 5%; } } /* 404 */ body.error404 .l-main { min-height: 550px; } body.error404 .p-page-header__image { margin-bottom: 0 !important; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } body.error404 .p-page-header__image .p-page-header__overlay { height: 100%; min-height: auto; } body.error404 .p-pagetop { display: none !important; } @media (max-width: 991px) { body.error404 .l-main { min-height: 320px; } } @media (max-width: 767px) { body.error404 .l-main { min-height: 250px; } } /* oEmbed */ .p-embed-container { height: auto; margin: 0 0 50px; max-width: 100%; } .p-embed-container--youtube { height: 0; overflow: hidden; padding-top: 66.66%; position: relative; width: 100%; } .p-embed-container--youtube iframe { height: 100%; width: 100%; position: absolute; left: 0; top: 0; } .p-embed-container--twitter > *, .p-embed-container--instagram iframe { margin-left: auto !important; margin-right: auto !important; } @media (min-width: 992px) { .p-embed-container--youtube { padding-top: 56.25%; } } @media (max-width: 991px) { .p-embed-container { margin-bottom: 30px; } } /* page builder */ .pb_font_family_type2 { font-weight: 600; } .pb_font_family_type3 { font-weight: 500; } /* footer blog */ .p-footer-blog { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-footer-blog__item { overflow: hidden; position: relative; width: 25%; } .p-footer-blog__item-thumbnail { padding-top: 62.36%; overflow: hidden; position: relative; } .p-footer-blog__item-thumbnail::after { background: rgba(0, 0, 0, 0.2); content: ''; display: block; position: absolute; bottom: -0.1px; left: 0; right: -1px; top: 0; z-index: 2; } .p-footer-blog__item-thumbnail__image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; } .p-footer-blog__item-info { position: absolute; bottom: 6.5%; left: 8.3%; right: 8.3%; z-index: 3; } .p-footer-blog__item-info .p-footer-blog__item-title { color: #fff; font-weight: 600; line-height: 1.7; max-height: 3.4em; overflow: hidden; } .p-footer-blog__item-info .p-footer-blog__item-meta { color: #fff; margin-top: 3px; } @media (max-width: 767px) { .p-footer-blog__item { width: 50%; } .p-footer-blog__item-thumbnail .p-footer-blog__item-meta { color: #fff; font-size: 10px; position: absolute; bottom: 6.5%; left: 18px; right: 18px; z-index: 3; } .p-footer-blog__item-info { position: static; padding: 10px 18px; } .p-footer-blog__item:nth-child(even)::before { border-left: 1px solid #ddd; content: ''; position: absolute; bottom: 0; left: 0; top: 0; } .p-footer-blog__item-info .p-footer-blog__item-title { color: inherit; line-height: 1.6; max-height: 4.8em; } } /* modal cta */ .p-modal-cta { background: rgba(0, 0, 0, 0.6); display: none; position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 99998; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .p-modal-cta.is-active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .p-modal-cta__inner { margin: 30px; max-height: 80%; max-height: 80vh; max-width: 80%; position: relative; } .p-modal-cta__contents { overflow-x: hidden; overflow-y: auto; position: relative; } .p-modal-cta__image-anchor { display: block; } .p-modal-cta__image { display: block; } .p-modal-cta__image img { display: block; height: auto; width: 100%; } .p-modal-cta__catch, .p-modal-cta__catch2 { line-height: 1.5; margin: -0.25em 0; } .p-modal-cta__desc { line-height: 1.8; margin: -0.4em 0; } .p-modal-cta__info { max-height: 100%; overflow: hidden; padding: 45px 30px 50px; } .p-modal-cta__info * + .p-modal-cta__catch2 { margin-top: 2px; } .p-modal-cta__info * + .p-modal-cta__desc { margin-top: 24px; } .p-modal-cta--type1 .p-modal-cta__contents, .p-modal-cta--type2 .p-modal-cta__contents { max-width: 600px; } .p-modal-cta--type1 .p-modal-cta__info { position: absolute; bottom: 0; left: 0; right: 0; } .p-modal-cta--type2 .p-modal-cta__info { padding-bottom: 55px; } .p-modal-cta__contents--video, .p-modal-cta__contents--youtube { max-width: 100%; overflow: visible; width: 1040px; } .p-modal-cta__contents--video video { height: auto; max-height: 80vh; width: 100%; } .p-modal-cta__contents--youtube__inner { padding-top: 56.25%; position: relative; } .p-modal-cta__contents--youtube__inner iframe { height: 100%; width: 100%; position: absolute; left: 0; top: 0; } .p-modal-cta--type5 .p-body { padding: 30px 50px; } .p-modal-cta__close { background: transparent; border: none; color: #fff; cursor: pointer; font-size: 26px; font-family: 'design_plus'; line-height: 30px; padding: 0; text-align: center; width: 30px; position: absolute; right: -30px; top: -30px; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; opacity: -ms-transform 0.2s ease; transition: opacity 0.2s ease; } .p-modal-cta__close:hover { opacity: 0.6; } @media (max-width: 991px) { .p-modal-cta__inner { margin: 30px 22px 22px; max-height: calc(100vh - 52px); max-width: calc(100% - 44px); } .p-modal-cta__close { right: -7px; top: -30px; } .p-modal-cta__info { padding: 30px 22px; } .p-modal-cta__info * + .p-modal-cta__desc { margin-top: 14px; } .p-modal-cta__catch { line-height: 1.2; margin: -0.1em 0; } .p-modal-cta--type2 .p-modal-cta__info { padding-bottom: 30px; } .p-modal-cta--type5 .p-body { padding: 30px; } } @media (max-width: 767px) { .p-modal-cta--type1 .p-modal-cta__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 0; } } @media (min-width: 782px) { body.admin-bar .p-modal-cta { top: 32px; } } @media (max-width: 782px) { body.admin-bar .p-modal-cta { top: 0; } } /* header contents */ .p-header-content__image { display: block; } .p-header-content__image img { display: block; height: auto; width: 100%; } .p-header-content, .p-header-content__overlay { display: block; height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .p-header-content__overlay { z-index: 2; } .p-header-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; pointer-events: none; text-align: center; user-select: none; z-index: 3; } .p-header-content__inner { max-height: 650px; } .p-header-content__inner01 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .p-header-content__inner02 { max-height: 650px; padding: 0 32px; } .p-header-content__catch { color: #fff; font-size: 36px; font-weight: 600; line-height: 1.5; } .p-header-content__desc { color: #fff; font-size: 16px; line-height: 2; } .p-header-content__button { pointer-events: auto; } .p-header-content * + .p-header-content__desc { margin-top: 12px; } .p-header-content * + .p-header-content__button { margin-top: 22px; } .p-header-content__align--type1 { text-align: left; } .p-header-content__align--type2 { text-align: center; } .p-header-content__align--type3 { text-align: right; } @media (max-width: 992px) { .p-header-content__inner01 { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .p-header-content__inner02 { padding: 0 20px; } .p-header-content__catch { font-size: 26px; } .p-header-content__desc { font-size: 14px; } .p-header-content * + .p-header-content__desc { margin-top: 8px; } .p-header-content * + .p-header-content__button { margin-top: 14px; } } @media (max-width: 767px) { .p-header-content__inner { max-height: 320px; } .p-header-content__inner02 { max-height: 320px; } } /* header video */ .p-header-video { height: 650px; overflow: hidden; position: relative; } .p-header-content__video { display: block; height: 100%; width: 100%; } .p-header-content__video-video { object-fit: cover; } .p-header-content__video-youtube { display: block; pointer-events: none; position: relative; } @media (max-width: 767px) { .p-header-video { height: 320px; } } /* header slider */ .p-header-slider {} .p-header-slider__item { overflow: hidden; position: relative; } .p-header-slider__item:nth-child(n+2) { display: none; } .slick-initialized .p-header-slider__item:nth-child(n+2) { display: block; } .p-header-content__image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 650px; } .p-header-slider__item.has-link .p-header-content__image { -webkit-transform: scale(1.12); -webkit-transition-property: -webkit-transform, transform; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transform: scale(1.12); -moz-transition-property: -moz-transform, transform; -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease-out; -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transform: scale(1.12); -ms-transition-property: -ms-transform, transform; -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease-out; -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: scale(1.12); transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } .p-header-slider__item.has-link:hover .p-header-content__image { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } body.wp-mobile-device .p-header-slider__item.has-link .p-header-content__image { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; } @media (max-width: 767px) { .p-header-content__image { height: 320px; } } /* header split slider */ .p-header-slider2 .p-header-content__catch { color: #fff; font-size: 20px; font-weight: 600; line-height: 1.7; margin-bottom: -0.35em; margin-top: -0.35em; } .p-header-slider2 .p-header-content__desc { color: #fff; font-size: 12px; line-height: 1.9; margin-bottom: -0.45em; margin-top: -0.45em; } .p-header-slider2 .p-header-content__catch + .p-header-content__desc { margin-top: 12px; } .p-header-content__category { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-height: 120px; min-width: 120px; margin: 0; max-width: 50%; overflow: hidden; padding: 0 10px; } .p-header-content__category span { display: block; color: inherit; font-size: 14px; line-height: 1.8; overflow: hidden; text-align: center; width: 100%; } .p-header-slider2 .p-header-content, .p-header-slider2 .p-header-content *, .p-header-content__overlay { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; -webkit-backface-visibility: hidden; } @media (min-width: 992px) { .p-header-slider2::after { clear: both; content: ""; display: table; } .p-header-slider2 .p-header-slider__item { float: left; width: 50%; } .p-header-slider2 .p-header-slider__item:nth-child(2) { display: block; } } @media (max-width: 991px) { .p-header-content__category { min-height: 80px; min-width: 80px; padding: 0 5px; } .p-header-content__category span { font-size: 12px; } .p-header-slider2 .p-header-content__inner { padding: 0 20px; } .p-header-slider2 .p-header-content__catch { font-size: 16px; } .p-header-slider2 .p-header-content__desc { font-size: 10px; } .p-header-slider2 .p-header-content__catch + .p-header-content__desc { margin-top: 8px; } } /* header content transition */ .p-header-slider .p-header-content__inner > * { opacity: 0; -webkit-transition: opacity 0.75s ease; -moz-transition: opacity 0.75s ease; -ms-transition: opacity 0.75s ease; transition: opacity 0.75s ease; } .p-header-slider__item.is-active .p-header-content__inner > * { opacity: 1; -webkit-transition-duration: 0.75s; -moz-transition-duration: 0.75s; -ms-transition-duration: 0.75s; transition-duration: 0.75s; } .p-header-slider__item.is-active .p-header-content__inner > *:nth-child(1) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; transition-delay: 1s; } .p-header-slider__item.is-active .p-header-content__inner > *:nth-child(2) { -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; transition-delay: 2s; } .p-header-slider__item.is-active .p-header-content__inner > *:nth-child(3) { -webkit-transition-delay: 3s; -moz-transition-delay: 3s; -ms-transition-delay: 3s; transition-delay: 3s; } .p-header-slider__item.is-active .p-header-content__inner > *:nth-child(4) { -webkit-transition-delay: 4s; -moz-transition-delay: 4s; -ms-transition-delay: 4s; transition-delay: 4s; } .p-header-video .p-header-content__inner > * { opacity: 0; -webkit-transition: opacity 0.75s ease; -moz-transition: opacity 0.75s ease; -ms-transition: opacity 0.75s ease; transition: opacity 0.75s ease; } .p-header-video.is-active .p-header-content__inner > *:nth-child(1) { opacity: 1; -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; transition-delay: 2s; } .p-header-video.is-active .p-header-content__inner > *:nth-child(2) { opacity: 1; -webkit-transition-delay: 4s; -moz-transition-delay: 4s; -ms-transition-delay: 4s; transition-delay: 4s; } .p-header-video.is-active .p-header-content__inner > *:nth-child(3) { opacity: 1; -webkit-transition-delay: 6s; -moz-transition-delay: 6s; -ms-transition-delay: 6s; transition-delay: 6s; } .p-header-video.is-active .p-header-content__inner > *:nth-child(4) { opacity: 1; -webkit-transition-delay: 8s; -moz-transition-delay: 8s; -ms-transition-delay: 8s; transition-delay: 8s; } /* header carousel */ .p-header-carousel { margin: 12px 0; overflow: hidden; } .p-header-carousel__inner { margin: 0 -7px; } .p-header-carousel__item { border-top: none; margin: 0 7px; } .p-header-carousel__item a { background: #f1f1f1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 130px; overflow: hidden; } .p-header-carousel__item-thumbnail { -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; flex: 0 0 130px; overflow: hidden; padding-top: 130px; position: relative; width: 130px; } .p-header-carousel__item-thumbnail__image { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .p-header-carousel__item-info { padding-left: 25px; padding-right: 20px; } .p-header-carousel__item-title { font-size: 14px; line-height: 1.8; max-height: 3.6em; overflow: hidden; } .p-header-carousel__item-meta { color: inherit !important; font-size: 14px; line-height: 1.8; margin: 0; } .p-header-carousel__item-meta .p-article__price .p-article__soldout { display: block; margin-left: 0; margin-top: 4px; } .p-header-carousel .slick-list { overflow: visible; } @media (min-width: 992px) { .p-header-carousel::after { clear: both; content: ""; display: table; } .p-header-carousel__item { float: left; -webkit-width: calc(100% / 3 - 14px); width: calc(100% / 3 - 14px); } .p-header-carousel__item:nth-child(n+4) { display: none; } .slick-initialized .p-header-carousel__item:nth-child(n+4) { display: block; } } @media (max-width: 991px) { .p-header-carousel { margin: 8px 0; } .p-header-carousel__inner { margin: 0 -4px; } .p-header-carousel__item { margin: 0 4px; } .p-header-carousel__item a { height: 110px; } .p-header-carousel__item-thumbnail { -webkit-flex: 0 0 110px; -ms-flex: 0 0 110px; flex: 0 0 110px; padding-top: 110px; width: 110px; } .p-header-carousel__item-title { font-size: 12px; line-height: 2; max-height: 4em; } .p-header-carousel__item-meta { font-size: 12px; line-height: 2; } } @media (min-width: 768px) and (max-width: 991px) { .p-header-carousel::after { clear: both; content: ""; display: table; } .p-header-carousel__item { float: left; -webkit-width: calc(100% / 2 - 8px); width: calc(100% / 2 - 8px); } .p-header-carousel__item:nth-child(n+3) { display: none; } .slick-initialized .p-header-carousel__item:nth-child(n+3) { display: block; } } /* contents builder */ .p-cb__item { padding-bottom: 120px; padding-top: 120px; position: relative; } .p-cb__item:last-child { padding-bottom: 150px; } .p-cb__item.no-bg + .p-cb__item.no-bg { margin-top: -120px } .p-cb__item.has-bg-image { background-position: center center; background-repeat: no-repeat; background-size: cover; } .p-cb__item.has-bg-image::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .p-cb__item.has-bg-image > * { z-index: 2; } .p-cb__item-headline { font-size: 36px; font-weight: 600; line-height: 1.4; margin: -0.3em 0; text-align: center; } .p-cb__item-subheadline { font-size: 16px; font-weight: 600; line-height: 1.8; margin: -0.5em 0; text-align: center; } .p-cb__item-desc { font-size: 16px; line-height: 2.4; margin: -0.8em 0; text-align: center; } .p-cb__item-headline + .p-cb__item-subheadline { margin-top: 14px; } .p-cb__item-headline + .p-cb__item-desc { margin-top: 49px; } .p-cb__item-subheadline + .p-cb__item-desc { margin-top: 48px; } .p-cb__item * + .p-cb__item-content { margin-top: 60px; } .p-cb__item-button__wrapper { margin-bottom: -3px; margin-top: 60px; text-align: center; } .p-header-carousel + .p-cb__item.no-bg { margin-top: -12px; } @media (min-width: 992px) { .p-cb__item .p-news-archive { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-cb__item .p-news-archive__item { width: 50%; } .p-cb__item .p-news-archive__item-thumbnail { -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; height: 150px; width: 150px; } .p-cb__item .p-news-archive__item:nth-child(-n+2)::before { border-top-width: 1px; } .p-cb__item .p-news-archive__item:nth-child(2n+1)::before { border-right-width: 0; } .p-cb__item .p-news-archive__item:last-child::before { border-right-width: 1px; } .p-cb__item--blog .p-cb__item-button__wrapper { margin-top: 55px; } } @media (max-width: 991px) { .p-cb__item { padding-bottom: 40px; padding-top: 40px; } .p-cb__item:last-child { padding-bottom: 40px; } .p-cb__item.no-bg + .p-cb__item.no-bg { margin-top: -40px } .p-cb__item-headline { font-size: 26px; } .p-cb__item-subheadline { font-size: 14px; } .p-cb__item-desc { font-size: 14px; line-height: 2; margin: -0.5em 0; } .p-cb__item-headline + .p-cb__item-subheadline { margin-top: 13px; } .p-cb__item-headline + .p-cb__item-desc { margin-top: 35px; } .p-cb__item-subheadline + .p-cb__item-desc { margin-top: 35px; } .p-cb__item * + .p-cb__item-content { margin-top: 40px; } .p-cb__item-button__wrapper { margin-top: 40px; } .p-header-carousel + .p-cb__item.no-bg { margin-top: -8px; } } /* 3colmun banner */ .p-3col-banners { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-3col-banners__item { overflow: hidden; position: relative; } .p-3col-banners__item:only-child { width: 100%; margin: 0 !important; } .p-3col-banners__item-thumbnail { padding-top: 62.33%; overflow: hidden; position: relative; } .p-3col-banners__item-thumbnail::after { background: rgba(0, 0, 0, 0.2); content: ''; display: block; position: absolute; bottom: -0.1px; left: 0; right: -1px; top: 0; z-index: 2; } .p-3col-banners__item-thumbnail__image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; } .p-3col-banners__item-info { color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 3; } .p-3col-banners__item-headline { font-size: 26px; line-height: 1.8; font-weight: 600; max-height: 100%; } @media (min-width: 992px) { .p-3col-banners__item { margin-right: 0.992%; margin-top: 12px; width: 32.627%; } .p-3col-banners__item:nth-child(-n+3) { margin-top: 0; } .p-3col-banners__item:nth-child(3n) { margin-right: 0; } } @media (max-width: 991px) { .p-3col-banners__item { margin-right: 5%; margin-top: 8px; width: 47.5%; } .p-3col-banners__item:nth-child(-n+2) { margin-top: 0; } .p-3col-banners__item:nth-child(2n) { margin-right: 0; } .p-3col-banners__item-headline { font-size: 16px; } } /* widget */ .p-widget { font-size: 14px; line-height: 1.8; margin-bottom: 50px; } .p-widget:last-child { margin-bottom: 0; } @media (max-width: 991px) { .p-widget { margin-bottom: 40px; } } /* widget title */ .p-widget__title { font-size: 18px; font-weight: 600; line-height: 1.31; margin-bottom: 14px; margin-top: -0.155em; position: relative; } .p-widget .p-widget__title img { display: inline-block; margin-right: 5px; } /* default widget */ .p-widget p { margin-bottom: 0.4em; } .p-widget ul { margin-bottom: -0.4em; } .p-widget li { margin-bottom: 0.4em; } .p-widget ul ul { margin-bottom: 0.4em; margin-top: 0.4em; padding-left: 0.75em; } .p-widget img { display: block; height: auto; max-width: 100%; } .p-widget select { display: block; padding: 16px 12px; width: 100%; } .p-widget .screen-reader-text { display: none; } .p-widget .calendar_wrap { text-align: center; } .p-widget .calendar_wrap caption { margin-bottom: 8px; } .p-widget .searchform { position: relative; } .p-widget .searchform #s { background: #f9f9f9; border: 1px solid #ddd; border-right: none; border-radius: 0; box-sizing: border-box; height: 50px; line-height: 50px; padding: 0 15px; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); } .p-widget .searchform #searchsubmit { background: #f9f9f9; border: 1px solid #ddd; border-left: none; border-radius: 0; box-sizing: border-box; color: #000; cursor: pointer; font-family: "design_plus"; font-size: 18px; height: 50px; padding: 0; width: 50px; position: absolute; top: 0; right: 0; z-index: 2; } /* widget ad */ .tcdw_ad_widget-code img { display: inline-block; max-width: none; } .tcdw_ad_widget-image img { margin: 0 auto; } /* widget categories */ .p-widget-categories { background: #fff; 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; line-height: 1.31; padding: 15px 22px; text-decoration: none; } .p-widget-categories li a:hover { background: #f9f9f9; color: #000; } .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; transition: transform 0.5s ease; } .p-widget-categories .has-children .toggle-children::before { content: '\e90e'; font-family: "design_plus"; opacity: 0.7; } .p-widget-categories .has-children.is-active > .toggle-children { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-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; } /* widget dropdown */ .p-dropdown__title { border: 1px solid #ddd; background: #fff; line-height: 50px; height: 50px; overflow: hidden; 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; 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); transform: rotateX(180deg); } .p-dropdown__list { background: #fff; display: none; } .p-dropdown__list li { border: 1px solid #ddd; border-top: 0; margin: 0 !important; } .p-dropdown__list li a { display: block; line-height: 1.31; padding: 15px 22px; } .p-dropdown__list li a:hover { background: #f9f9f9; color: #000; } /* widget post list */ .styled_post_list_widget .p-widget-list { border-top: 1px solid #ddd; margin: 0 !important; } .styled_post_list_widget .p-widget-list__item { border-bottom: 1px solid #ddd; margin: 0 !important; } .styled_post_list_widget .p-widget-list__item > a { display: block; padding: 13.5px 0; } .styled_post_list_widget .p-widget-list__item-title { line-height: 1.8; max-height: 3.6em; overflow: hidden; } /* widget tab post list */ .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: #f9f9f9; 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: 18.5px 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; } .styled_post_list_tab_widget .p-widget-list { border-top: 1px solid #ddd; background: #fff; margin: 0 !important; } .styled_post_list_tab_widget .p-widget-list__item { border: 1px solid #ddd; border-top: none; margin: 0 !important; padding: 0; position: relative; } .styled_post_list_tab_widget .p-widget-list__item > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 11px; } .styled_post_list_tab_widget .p-widget-list__item-thumbnail { -webkit-flex: 0 0 120px; -ms-flex: 0 0 120px; flex: 0 0 120px; overflow: hidden; padding-top: 120px; position: relative; width: 120px; } .styled_post_list_tab_widget .p-widget-list__item-thumbnail__image { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .styled_post_list_tab_widget .p-widget-list__item-info { padding-left: 22px } .styled_post_list_tab_widget .p-widget-list__item-title { line-height: 1.8; max-height: 7.2em; overflow: hidden; } .styled_post_list_tab_widget .p-widget-list__item-meta { margin-bottom: 0; } /* widget slider */ .p-widget-slider { margin: 0 !important; position: relative; } .p-widget-slider::before { border: 1px solid #ddd; content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: -1; } .p-widget-slider__item { margin: 0 !important; padding: 0; position: relative; } .p-widget-slider__item:nth-child(n+2) { display: none; } .slick-initialized .p-widget-slider__item:nth-child(n+2) { display: block; } .p-widget-slider__item-thumbnail { overflow: hidden; padding-top: 63.3333%; position: relative; } .p-widget-slider__item-thumbnail__image { display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .p-widget-slider__item-title { line-height: 1.8; margin: 14px 0; max-height: 3.6em; overflow: hidden; padding: 0 22px; } .p-widget-slider .p-widget-slider__item-meta { line-height: 1.8; margin: -12px 0 14px; padding: 0 22px; } .p-widget-slider .slick-dots { bottom: 78px; margin: 0 0 15px !important; padding: 0 !important; } /* widget search */ .p-widget-search { position: relative; } .p-widget-search .p-widget-search__input { background: #f9f9f9; border: 1px solid #ddd; border-right: none; border-radius: 0; box-sizing: border-box; height: 50px; line-height: 50px; padding: 0 15px; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); } .p-widget-search .p-widget-search__submit { background: #f9f9f9; border: 1px solid #ddd; border-left: none; border-radius: 0; box-sizing: border-box; color: #000; cursor: pointer; font-family: "design_plus"; font-size: 18px; height: 50px; padding: 0; width: 50px; position: absolute; top: 0; right: 0; } /* drawer widget area */ @media (min-width: 992px) { .p-widget-drawer { display: none; } } @media (max-width: 991px) { .p-widget-drawer { margin: 30px; } .p-widget-drawer + .p-widget-drawer { margin-top: 0; } } /* ios form */ @media (-webkit-min-device-pixel-ratio: 2) { input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="number"], textarea, select { font-size: 16px !important; } } /** * Welcart style */ /* price */ .p-price {} .p-article__price {} .p-article__soldout { background: #d90000; color: #fff; display: inline-block; font-size: 10px; line-height: 1.2; min-width: 60px; padding: 9px 8px; text-align: center; } .p-price .p-article__soldout, .p-article__price .p-article__soldout { margin-left: 6px; } .tax { font-size: 85.7%; font-style: normal; font-weight: 300; } .p-article__thumbnail-soldout { text-align: center; width: 100%; position: absolute; top: 7%; } @media (max-width: 991px) { .p-article__soldout { padding: 6.5px 8px; } } /* welcart item archive */ .p-item-archive { 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__item {} .p-item-archive__item-thumbnail { padding-top: 136.84%; overflow: hidden; position: relative; } .p-item-archive__item-thumbnail__image { position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; } .p-item-archive__item-thumbnail__image2 { position: absolute; bottom: -100.5%; left: 0; right: 0; top: 100%; z-index: 1; } .p-item-archive__item-thumbnail .p-article__author { position: absolute; bottom: 4%; left: 5.73%; right: 10px; z-index: 2; } .p-item-archive__item-info { padding-top: 18px; } .p-item-archive__item-title { font-size: 14px; line-height: 2; max-height: 4em; overflow: hidden; } .p-item-archive__item-price { font-size: 14px; line-height: 2; } .p-item-archive__item-meta { padding-top: 8px; } .p-item-archive__item-rank { background: #ccc; border-radius: 20px; color: #fff; font-family: Arial, sans-serif; font-size: 18px; font-weight: 700; line-height: 40px; height: 40px; min-width: 40px; padding: 0 5px; text-align: center; position: absolute; left: 7.021%; top: 4.104%; z-index: 5; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .p-item-archive__item-rank--1 { background: #c9b572; } .p-item-archive__item-rank--2 { background: #a1a1a1; } .p-item-archive__item-rank--3 { background: #a78361; } .p-ranking-carousel .p-item-archive__item-float-category { left: auto; right: 5px; } .p-pager__num span { min-width: 80px; } .p-hover-effect--item2image .p-hover-effect__image { -webkit-transition-property: -webkit-transform, transform; -webkit-transition-duration: 1s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.220,1); -moz-transition-property: -moz-transform, transform; -moz-transition-duration: 1s; -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.220,1); -ms-transition-property: -ms-transform, transform; -ms-transition-duration: 1s; -ms-transition-timing-function: cubic-bezier(0.19, 1, 0.220,1); transition-property: transform; transition-duration: 1s; transition-timing-function: cubic-bezier(0.19, 1, 0.220,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-hover-effect--item2image:hover .p-hover-effect__image { -webkit-transform: translate3d(0, -100.5%, 0); -moz-transform: translate3d(0, -100.5%, 0); -ms-transform: translate3d(0, -100.5%, 0); transform: translate3d(0, -100.5%, 0); } @media (min-width: 768px) { .p-item-archive__item { margin-top: 44px; margin-right: 1.13%; width: 24.1415%; } .p-item-archive__item:nth-child(-n+4) { margin-top: 0; } .p-item-archive__item:nth-child(4n) { margin-right: 0; } } @media (max-width: 991px) { .p-item-archive__item-rank { border-radius: 15px; font-size: 14px; line-height: 30px; height: 30px; min-width: 30px; padding: 0 5px; left: 6.667%; top: 3.897%; } } @media (max-width: 767px) { .p-item-archive__item { margin-top: 14px; margin-right: 6.25%; width: 46.875%; } .p-item-archive__item:nth-child(-n+2) { margin-top: 0; } .p-item-archive__item:nth-child(2n) { margin-right: 0; } .p-item-archive__item-thumbnail .p-article__author { bottom: 5.5%; left: 9.21%; } .p-item-archive__item-info { padding-top: 8px; } .p-item-archive__item-title { line-height: 1.6; max-height: 4.8em; } .p-item-archive__item-price { line-height: 1.6; } .p-item-archive__item-meta { padding-top: 1px; } } /* welcart item archive sub-categories */ .p-item-archive__sub-categories { margin-bottom: 60px; overflow-y: hidden; position: relative; } body.wp-mobile-device .p-item-archive__sub-categories { overflow-x: auto; -webkit-overflow-scrolling: touch; } .p-item-archive__sub-categories__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .p-item-archive__sub-categories__item { -webkit-flex: 0 0 16.6666%; -ms-flex: 0 0 16.6666%; flex: 0 0 16.6666%; } .p-item-archive__sub-categories__item a { background: #fff; border-color: #ddd; border-style: solid; border-width: 1px 0 1px 1px; display: block; line-height: 58px; padding: 0 20px; text-align: center; white-space: nowrap; } .p-item-archive__sub-categories__item:last-child a { border-right-width: 1px; } .p-item-archive__sub-categories__item.is-active a, .p-item-archive__sub-categories__item a:hover { background: #ff004b; border-color: #ff004b; color: #fff !important; } @media (max-width: 991px) { .p-item-archive__sub-categories { margin: 0 -6.34% 40px; } .p-item-archive__sub-categories__inner { padding-left: 5.5556%; } .p-item-archive__sub-categories__inner::after { content: ''; -webkit-flex: 0 0 5.5556%; -ms-flex: 0 0 5.5556%; flex: 0 0 5.5556%; } .p-item-archive__sub-categories__item { -webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; } .p-item-archive__sub-categories__item a { line-height: 43px;padding: 0 10px; } } /* welcart item archive sort and filter */ .p-item-archive__sort-filter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 60px; position: relative; } .p-item-archive__sort-filter__item { height: 60px; margin: -23px 0; position: relative; } .p-item-archive__sort-filter__item + .p-item-archive__sort-filter__item { margin-left: 40px; } .p-item-archive__sort-filter__item-title { cursor: pointer; font-size: 14px; line-height: 60px; overflow: hidden; } .p-item-archive__sort-filter__item-title::after { content: "\e90e"; font-family: "design_plus"; font-size: 85%; padding-left: 10px; } .p-item-archive__sort-filter__item-dropdown { border: 1px solid #ddd; min-width: 200px; opacity: 0; pointer-events: none; visibility: hidden; position: absolute; left: 0; top: 100%; z-index: -1; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .p-item-archive__sort-filter__item.is-active .p-item-archive__sort-filter__item-dropdown { opacity: 1; pointer-events: auto; visibility: visible; z-index: 10; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; } .p-item-archive__sort-filter__item-dropdown li { background: #fff; cursor: pointer; } .p-item-archive__sort-filter__item-dropdown li a, .p-item-archive__sort-filter__item-dropdown li span { color: #000; cursor: pointer; display: block; font-size: 14px; line-height: 45px; height: 45px; overflow: hidden; padding: 0 20px; } .p-item-archive__sort-filter__item-dropdown li.is-active, .p-item-archive__sort-filter__item-dropdown li:hover { background: #f1f1f1; } .p-item-archive__sort-filter__loading { background: transparent url('img/loading.gif') center center no-repeat; background-size: 16px; display: none; height: 60px; margin: -23px 0 -23px -8px; width: 16px; position: absolute; left: 50%; } .p-item-archive__sort-filter.is-ajaxing .p-item-archive__sort-filter__loading { display: block; } @media (max-width: 991px) { .p-item-archive__sort-filter { margin-bottom: 40px; } } @media (max-width: 767px) { .p-item-archive__sort-filter__item + .p-item-archive__sort-filter__item { margin-left: 20px; } .p-item-archive__sort-filter__item-dropdown { min-width: 160px; } } @media (max-width: 599px) { .p-item-archive__sort-filter .p-item-archive__sort-filter__loading { background-size: 14px; margin-left: 0; width: 14px; position: absolute; left: auto; right: 0; } } @media (max-width: 399px) { .p-item-archive__sort-filter.has-3items .p-item-archive__sort-filter__item:nth-child(3) { position: static; } .p-item-archive__sort-filter.has-3items .p-item-archive__sort-filter__item:nth-child(3) .p-item-archive__sort-filter__item-dropdown { left: auto; right: 0; top: 37px; } } /* welcart itemgenre categories, recommend, recently, related */ .p-main-bottom { padding: 114px 0 120px; overflow: hidden; } .p-recentry-viewed-item, .p-entry-item__related { padding-top: 117px; } .l-mian__inner + .p-main-bottom.no-bg, .p-main-bottom.no-bg + .p-main-bottom.no-bg { padding-top: 0; } .p-itemgenre-categories__headline, .p-recommend-item__headline { font-size: 36px; margin-bottom: 48px; margin-top: -0.4em; text-align: center; } .p-recentry-viewed-item__headline, .p-entry-item__related-headline { font-size: 26px; margin-bottom: 48px; text-align: center; } .p-itemgenre-categories__subheadline, .p-recommend-item__subheadline, .p-recentry-viewed-item__subheadline, .p-entry-item__related-subheadline { font-size: 16px; margin-bottom: 52px; text-align: center; } .p-itemgenre-categories__headline + .p-itemgenre-categories__subheadline, .p-recommend-item__headline + .p-recommend-item__subheadline { margin-top: -53px; } .p-recentry-viewed-item__headline + .p-recentry-viewed-item__subheadline, .p-entry-item__related-headline + .p-entry-item__related-subheadline { margin-top: -46px; } .p-item-carousel { margin: 0 -7px -8px; } .p-item-carousel .p-item-archive__item { float: left; margin: 0 7px; width: 285px; } .p-item-carousel .slick-list { clip-path: inset(0 7px 0 7px); } .p-item-carousel .slick-arrow { top: 42%; } .p-item-carousel .slick-prev { left: -18px; } .p-item-carousel .slick-next { right: -18px; } .p-recentry-viewed-item__carousel .slick-arrow { background: transparent; border-radius: 0; box-shadow: none; } .p-recentry-viewed-item__carousel .slick-prev { left: -43px; } .p-recentry-viewed-item__carousel .slick-next { right: -43px; } @media (min-width: 992px) { .l-mian__inner + .p-main-bottom { margin-top: -30px; } .l-mian__inner ~ .p-main-bottom:last-child { padding-bottom: 150px; } .l-mian__inner + .p-itemgenre-categories.no-bg { margin-top: -37px; } } @media (max-width: 991px) { .p-main-bottom { padding: 35px 0 40px; } .p-recentry-viewed-item, .p-entry-item__related { padding-top: 38px; } .l-mian__inner + .p-itemgenre-categories.no-bg { margin-top: -4px; } body.single-item .l-mian__inner + .p-main-bottom.has-bg { margin-top: -40px; } body.single-item .l-mian__inner.p-show-comment + .p-main-bottom.has-bg { margin-top: 0; } .p-itemgenre-categories__headline, .p-recommend-item__headline { font-size: 26px; margin-bottom: 28px; } .p-recentry-viewed-item__headline, .p-entry-item__related-headline { font-size: 20px; margin-bottom: 31px; } .p-itemgenre-categories__subheadline, .p-recommend-item__subheadline, .p-recentry-viewed-item__subheadline, .p-entry-item__related-subheadline { font-size: 14px; margin-bottom: 33px; } .p-itemgenre-categories__headline + .p-itemgenre-categories__subheadline, .p-recommend-item__headline + .p-recommend-item__subheadline { margin-top: -33px; } .p-recentry-viewed-item__headline + .p-recentry-viewed-item__subheadline, .p-entry-item__related-headline + .p-entry-item__related-subheadline { margin-top: -30px; } .p-item-carousel { margin: 0 -10px -5px; } .p-item-carousel .p-item-archive__item { float: left; margin: 0 10px; } .p-item-carousel .slick-list { clip-path: inset(0 10px 0 10px); } .p-item-carousel .slick-prev { left: -5px; } .p-item-carousel .slick-next { right: -5px; } .p-recentry-viewed-item__carousel { overflow: hidden; } .p-recentry-viewed-item__carousel .slick-list { clip-path: none; overflow: visible; } .p-recentry-viewed-item__carousel .slick-prev { left: -18px; } .p-recentry-viewed-item__carousel .slick-next { right: -18px; } } /* welcart single item */ .p-entry-item__header {} .p-entry-item__header-label { margin-bottom: 17px; } .p-entry-item__header-label .p-article__soldout { margin-left: 5px; } .p-entry-item__title { font-size: 24px; font-weight: 600; line-height: 1.6; margin-top: -0.3em; } .p-entry-item__header-price { line-height: 2; margin-top: 2px; } .p-entry-item__images {} .p-entry-item__images-inner {} .p-entry-item__mainimage { margin-bottom: 10px; position: relative; overflow: hidden; } .p-entry-item__mainimage-inner { background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; padding-top: 136%; } .p-entry-item__mainimage-zoom { display: block; height: auto; opacity: 0; width: 200%; position: absolute; left: 0; top: 0; z-index: 3; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .p-entry-item__subimages-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .p-entry-item__subimage { margin-right: 1.6%; width: 15.3333%; } .p-entry-item__subimage:last-child { margin-right: 0 !important; } .p-entry-item__subimage-inner { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; padding-top: 136%; } .p-entry-item__content { margin-top: 42px; } .p-entry-item__content .p-body { line-height: 2.2; } .item_custom_field { margin-top: 24px; } .p-entry-item__share { margin-top: 22px; } .p-entry-item__share a { box-shadow: none; color: #aaa; } .p-entry-item__share a:hover { color: #000; } .p-entry-item__share .c-share__icn--feedly { position: relative; top: -1px; } .p-entry-item__share .c-share__icn { font-size: 16px; } .p-entry-item__share .c-share__btn { margin-right: 10px; } .p-entry-item__share .c-share__title { display: none; } .p-entry-item__meta { margin-top: 28px; } .p-entry-item__carts {} .p-entry-item__cart { font-size: 14px; line-height: 2; margin-top: 46px; } .p-entry-item__cart p { margin-bottom: 20px; } .p-entry-item__cart .itemGpExp { margin-bottom: 20px; } .p-entry-item__cart > :last-child { margin-bottom: 0; } .p-entry-item__cart-skuname {} .p-strike { text-decoration: line-through; } .p-entry-item__cart-option input[type="text"], .p-entry-item__cart-option textarea, .p-entry-item__cart-option select { border: 1px solid #ddd; margin-top: 6px; max-width: 100%; width: 240px; } .p-entry-item__cart-option input[type="text"] { padding: 12px; } .p-entry-item__cart-option textarea { height: 8em; padding: 8px 12px; } .p-entry-item__cart-option select { padding: 12.5px 12px; } .p-entry-item__cart-quantity input { border: 1px solid #ddd; line-height: 33px; margin-bottom: 3px; margin-top: 5px; padding: 5px 5px 5px 8px; width: 100px; } .p-entry-item__cart-button { margin-bottom: 0 !important; margin-top: 22px; position: relative; } .p-entry-item__cart-button::before { color: #fff; content: "\e93a"; font-family: "design_plus"; font-size: 20px; line-height: 1; margin-top: -0.5em; position: absolute; left: 50px; top: 50%; } .p-entry-item__cart-button .p-button { font-size: 16px; padding-left: 35px; } .p-entry-item__carts.has-multiple-cart .p-button { max-width: 100%; } .p-entry-item__cart-soldout { background: #ccc; color: #fff; line-height: 60px; margin-bottom: 0 !important; margin-top: 22px; text-align: center; width: 240px; } .p-entry-item__cart .p-entry-item__cart-error_message { margin-top: 20px; } .p-entry-item__cart .p-entry-item__cart-error_message:empty { margin-top: 0; } .p-entry-item__tabs-container { margin-top: 120px; } .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: #fafafa; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; line-height: 2; margin: 0; padding: 0; width: 33.3333%; min-width: 20%; word-break: break-all; } .p-entry-item__tabs li label { cursor: pointer; display: block; height: 100%; margin: 0; padding: 13.5px 20px; text-align: center; } .p-entry-item__tab-content { border: 1px solid #ddd; display: none; margin: 0 !important; padding: 40px; } .p-entry-item__tab-content > :last-child { margin-bottom: 0; } .p-entry-item__tab-content__inner { background: #f1f1f1; padding: 50px; } .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__tab-content__desc.p-body { font-size: 14px; margin: -0.7em 0; } .p-entry-item__spec-table { margin: 0; } .p-entry-item__spec-table th, .p-entry-item__spec-table td { background: #fff; border: 1px solid #ddd; font-size: 14px; line-height: 2.2; padding: 17.5px 18px; vertical-align: middle; } .p-entry-item__spec-table th { font-weight: 600; width: 36%; } .p-entry-item__spec-table th p { font-weight: inherit; } .p-entry-item__spec-table th p:first-child, .p-entry-item__spec-table td p:first-child { margin-top: -8px; } .p-entry-item__spec-table th p:last-child, .p-entry-item__spec-table td p:last-child { margin-bottom: -8px; } @media (min-width: 992px) { .p-entry-item__carts.has-multiple-cart { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-entry-item__carts.has-multiple-cart .p-entry-item__cart { margin-right: 5%; width: 30%; } .p-entry-item__carts.has-multiple-cart .p-entry-item__cart:nth-child(3n) { margin-right: 0; } .p-entry-item__cart-skuname { font-size: 16px; } .p-entry-item__tab-content__layout-type1, .p-entry-item__tab-content__layout-type2, .p-entry-item__tab-content__layout-type3, .p-entry-item__tab-content__layout-type4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .p-entry-item__tab-content__layout-type1 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .p-entry-item__tab-content__layout-type2 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .p-entry-item__tab-content__layout-type1, .p-entry-item__tab-content__layout-type2 { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .p-entry-item__tab-content__layout-type1 > *, .p-entry-item__tab-content__layout-type2 > * { width: 48.5%; } .p-entry-item__tab-content__layout-type2 > *:only-child { width: 100%; } .p-entry-item__tab-content__layout-type3 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .p-entry-item__tab-content__layout-type4 { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .p-entry-item__tab-content__layout-type3 .p-entry-item__spec-table { margin-top: 50px; } .p-entry-item__tab-content__layout-type3 .p-entry-item__spec-table:only-child { margin-top: 0; } .p-entry-item__tab-content__layout-type4 .p-entry-item__spec-table { margin-bottom: 50px; } .p-entry-item__tab-content__layout-type4 .p-entry-item__spec-table:only-child { margin-bottom: 0; } .p-entry-item__tab-content__layout-type3 > .p-entry-item__spec-table th, .p-entry-item__tab-content__layout-type4 > .p-entry-item__spec-table th { width: 25%; } } @media (max-width: 991px) { .p-entry-item__header { margin-bottom: 7px; } .p-entry-item__header-label { margin-bottom: 14px; } .p-entry-item__title { font-size: 18px; } .p-entry-item__header-price { margin-top: -4px; } .p-entry-item__cart-option input[type="text"], .p-entry-item__cart-option textarea, .p-entry-item__cart-option select { border: 1px solid #ddd; margin-top: 6px; max-width: 100%; width: 200px; } .p-entry-item__cart-button::before { font-size: 18px; position: absolute; left: 35px; } .p-entry-item__tabs-container { margin: 40px -6.34% 0; } .p-entry-item__tabs { border-left: none; } .p-entry-item__tabs li { -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; min-width: 0; } .p-entry-item__tabs li:last-child { border-right-width: none; } .p-entry-item__tabs li:only-child { border-right-width: 1px; } .p-entry-item__tabs li label { cursor: pointer; display: block; height: 100%; margin: 0; padding: 8px; text-align: center; } .p-entry-item__tab-content { border: 1px solid #ddd; display: none; margin: 0 !important; padding: 20px 5.5556%; } .p-entry-item__tab-content > :last-child { margin-bottom: 0; } .p-entry-item__tab-content__inner { padding: 20px; } .p-entry-item__tab-content__layout-type2, .p-entry-item__tab-content__layout-type4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .p-entry-item__tab-content__layout-type1 .p-entry-item__spec-table, .p-entry-item__tab-content__layout-type3 .p-entry-item__spec-table { margin-top: 36px; } .p-entry-item__tab-content__layout-type1 .p-entry-item__spec-table:only-child, .p-entry-item__tab-content__layout-type3 .p-entry-item__spec-table:only-child { margin-top: 0; } .p-entry-item__tab-content__layout-type2 .p-entry-item__spec-table, .p-entry-item__tab-content__layout-type4 .p-entry-item__spec-table { margin-bottom: 36px; } .p-entry-item__tab-content__layout-type2 .p-entry-item__spec-table:only-child, .p-entry-item__tab-content__layout-type4 .p-entry-item__spec-table:only-child { margin-bottom: 0; } .p-entry-item__tab-content__desc.p-body { font-size: 12px; } .p-entry-item__spec-table th, .p-entry-item__spec-table td { font-size: 12px; padding: 17px; } .p-entry-item__spec-table th { width: 30%; } } @media (min-width: 768px) { .p-entry-item__main.has-image .p-entry-item__header { float: right; width: 44.069%; } .p-entry-item__images { float: left; margin-right: 4.237%; width: 51.694%; } .p-entry-item__main.has-image .p-entry-item__content { float: left; width: 44.069%; } .p-entry-item__main.has-image .p-entry-item__carts.has-single-cart { float: right; width: 44.069%; } .p-entry-item__main.has-image .p-entry-item__carts.has-multiple-cart { clear: both; } .p-entry-item__carts.has-single-cart .p-entry-item__cart-price:first-child { display: none; } .js-zoom-initialized .p-entry-item__mainimage-zoom { cursor: zoom-in; } .js-zoom-fullscreen .p-entry-item__mainimage-zoom { cursor: zoom-out; } .p-entry-item__images-inner { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .js-zoom-fullscreen .p-entry-item__images-inner { background: rgba(255, 255, 255, 0.6); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 20px; position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 999; } body.admin-bar .js-zoom-fullscreen .p-entry-item__images-inner { top: 32px; } .js-zoom-fullscreen .p-entry-item__mainimage, .js-zoom-fullscreen .p-entry-item__subimages { margin: 0; } .js-zoom-fullscreen .p-entry-item__mainimage { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-order: 1; -ms-order: 1; order: 1; } .js-zoom-fullscreen .p-entry-item__mainimage-inner { height: 100%; padding-top: 0; } .js-zoom-fullscreen .p-entry-item__subimages { -webkit-flex: 0 0 99px; -ms-flex: 0 0 99px; flex: 0 0 99px; margin-right: 4px; position: relative; } .js-zoom-fullscreen .p-entry-item__subimages-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .js-zoom-fullscreen .p-entry-item__subimage { margin-bottom: 10px; margin-right: 0 !important; width: 93px; } .js-zoom-fullscreen .p-entry-item__subimage:last-child { margin-bottom: 0; } } @media (min-width: 600px) { .p-entry-item__carts.has-multiple-cart { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-entry-item__carts.has-multiple-cart .p-entry-item__cart { margin-right: 5%; width: 47.5%; } .p-entry-item__carts.has-multiple-cart .p-entry-item__cart:nth-child(2n) { margin-right: 0; } } @media (max-width: 767px) { body.single-item .l-mian__inner { padding-top: 20px; } .p-entry-item__mainimage { margin-bottom: 7px; } .p-entry-item__subimage {} .p-entry-item__content { margin-top: 33px; } .p-entry-item__carts { border-top: 1px solid #ddd; margin-top: 39px; } .p-entry-item__cart { margin-top: 33px; } .p-entry-item__share { margin-top: 12px; } .p-entry-item__meta { margin-top: 18px; } } @media (max-width: 782px) { body.admin-bar .js-zoom-fullscreen .p-entry-item__images-inner { top: 46px; } } @media (max-width: 600px) { body.admin-bar .js-zoom-fullscreen .p-entry-item__images-inner { top: 0; } } @media (max-width: 511px) { body.wp-mobile-device .p-entry-item__subimages { margin-left: -6.34%; margin-right: -6.34%; overflow-x: auto; -webkit-overflow-scrolling: touch; } body.wp-mobile-device .p-entry-item__subimages-inner { padding-left: 5.5556%; } body.wp-mobile-device .p-entry-item__subimages-inner::after { content: ''; -webkit-flex: 0 0 5.5556%; -ms-flex: 0 0 5.5556%; flex: 0 0 5.5556%; margin-left: -7px; } body.wp-mobile-device .p-entry-item__subimage { -webkit-flex: 0 0 70px; -ms-flex: 0 0 70px; flex: 0 0 70px; margin-right: 7px !important; width: 70px; } } /* 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: 0 8px; } .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; height: 35px; padding: 5px 10px; } .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: #f7f7f7; } .p-wc-error_message, .error_message { color: #d90000; font-weight: bold; } .p-wc-error_message { margin-bottom: 2em; } .p-wc-header_explanation { margin-bottom: 48px; } .p-wc-footer_explanation { margin-top: 48px; } .p-wc-header_explanation ul { list-style: disc outside none !important; margin: 0 0 24px 1.3em; } .p-wc-footer_explanation ul { list-style: disc outside none !important; margin: 0 0 24px 1.3em; } .p-wc-error_message:empty, .p-wc-header_explanation:empty, .p-wc-footer_explanation:empty { margin-bottom: 0 !important; margin-top: 0 !important; } @media (max-width: 991px) { .p-wc input[type="text"], .p-wc input[type="email"], .p-wc input[type="password"] { background: #f7f7f7; line-height: 28px; } .p-wc select { height: 30px; } .p-wc-error_message { margin-bottom: 1.2em; } .p-wc-header_explanation { margin-bottom: 29px; } .p-wc-footer_explanation { margin-top: 29px; } } /* welcart send button common */ .p-wc .send { margin-top: 50px; text-align: center; } .p-wc .send .p-button ~ .p-button { margin-left: 15px; } @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 (max-width: 991px) { .p-wc .send { margin-top: 30px; } } @media (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, .p-wc .p-wc-headline { border-bottom: none; font-size: 28px; font-weight: 700; line-height: 2; margin-bottom: 28px; margin-top: -0.5em; padding-bottom: 0; text-align: center; } .p-wc-headline02, .p-wc .p-wc-headline02 { border-bottom: 1px solid #ddd; font-size: 28px; font-weight: 700; line-height: 2; margin-bottom: 48px; margin-top: -0.5em; padding-bottom: 45px; text-align: center; } @media (max-width: 991px) { .p-wc-headline, .p-wc .p-wc-headline { font-size: 20px; margin-bottom: 16px; } .p-wc-headline02, .p-wc .p-wc-headline02 { font-size: 20px; margin-bottom: 30px; padding-bottom: 29px; } } /* 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 (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 .p-wc-loginmail, .p-wc-loginform .p-wc-password { max-width: 100%; width: 350px; } .p-wc-loginform .p-wc-rememberme { margin-top: -5px; } .p-wc-loginform .p-wc-loginform__button { margin-top: 2.4em; } @media (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); } } /* welcart member form */ .p-wc .p-wc-customer_form { margin-bottom: 48px; } .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%; } .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: #ccc; border: none; color: #fff; line-height: 35px; margin-right: 1em; padding: 0 20px; } .p-wc .p-wc-customer_form input#search_zipcode:hover { background: #bbb; } .p-wc .agree_member_area { margin-top: 30px; text-align: center; } .p-wc .at_cont_text { margin: 0.5em auto; min-height: 10em; text-align: left; padding: 6px 10px; } .p-wc-customer_form-button { margin-top: 48px; text-align: center; } @media (max-width: 991px) { .p-wc .p-wc-customer_form { margin-bottom: 29px; } .p-wc .p-wc-customer_form th { padding: 8px; } .p-wc .p-wc-customer_form td { padding: 8px 12px; } .p-wc .p-wc-customer_form input#search_zipcode { line-height: 30px; } .p-wc .at_cont_text { font-size: 14px; } .p-wc-customer_form-button { margin-top: 29px; } } @media (max-width: 767px) { .p-wc .p-wc-customer_form th { width: 35%; } .p-wc .p-wc-customer_form td { padding-bottom: 4px; } .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 .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: calc(100% - 1.5em); } } @media (max-width: 480px) { .p-wc .p-wc-customer_form th { width: 9em; } } /* welcart member */ .p-wc-mypage .p-wc-headline { margin-bottom: 25px; } .p-wc-mypage .p-wc-headline ~ .p-wc-headline { margin-top: 45px; } .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; } @media (max-width: 991px) { .p-wc-mypage .p-wc-headline { margin-bottom: 10px; } .p-wc-mypage .p-wc-headline ~ .p-wc-headline { margin-top: 40px; } .p-wc-member-info th { width: 35%; } .p-wc-mypage .retail { margin-bottom: 20px; } } @media (max-width: 767px) { .p-wc-mypage .history_head { border-top: 1px solid #ddd; 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; flex-direction: column; } .p-wc-mypage .history_head th { border-width: 0 1px 1px 1px; padding-left: 2px; padding-right: 2px; white-space: nowrap; } .p-wc-mypage .history_head td { border-width: 0 1px 1px 0; white-space: nowrap; } .p-wc-mypage .history_head td:only-child { border-left-width: 1px; } .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 (max-width: 480px) { .p-wc-member-info th { width: auto; } } /* welcart search */ .p-wc-search__form + .p-item-archive { margin-top: 120px; } .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: 60px; } @media (max-width: 991px) { .p-wc-search__form + .p-item-archive { margin-bottom: 40px; } .p-wc-search__form .p-wc-search__button { margin-top: 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: #ccc; border: 1px solid #ccc; color: #fff; } .p-wc-cart_navi li.is-current::before { display: none; } .p-wc-cart_navi li.is-current::after { border-left-color: #ccc; } .p-wc-cart_navi li span { display: block; width: 100%; } .p-wc-cart_navi li em { font-style: normal; } @media (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 (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; width: 102px; } .p-wc-cart_table td.thumbnail img { display: block; height: auto; max-width: 100%; } .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 { text-align: center; } .p-wc-cart-page .p-wc-cart_table td.action .delButton { background: #ccc; border: none; color: #fff; line-height: 35px; padding: 0 20px; } .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: 25px; } .p-wc-cart-page.p-wc-customer .p-wc-headline ~ .p-wc-headline { margin-top: 45px; } .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: 25px; } .p-wc-cart-page.p-wc-confirm .p-wc-cart_table, .p-wc-cart-page.p-wc-confirm .p-wc-confirm_table { margin-bottom: 60px; } .p-wc-cart-page.p-wc-confirm .p-wc-point_table { } .p-wc-cart-page.p-wc-confirm .send_use_point { margin-bottom: 60px; margin-top: 40px; } .p-wc-cart-page.p-wc-confirm .p-wc-point_table th, .p-wc-cart-page.p-wc-confirm .p-wc-confirm_table th { width: 32%; } .p-wc-cart-page.p-wc-confirm .discount, .p-wc-cart-page.p-wc-confirm .usedpoint { color: #f00; } @media (min-width: 992px) { .p-wc-cart_table td.num, .p-wc-cart_table td.stock, .p-wc-cart_table td.cartrownum { text-align: center; } } @media (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: 10px; } .p-wc-cart-page.p-wc-customer .p-wc-headline ~ .p-wc-headline { margin-top: 30px; } .p-wc-cart-page.p-wc-customer .p-wc-member__links { margin-top: 30px; } .p-wc-cart-page.p-wc-confirm .p-wc-headline { margin-bottom: 10px; } .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: 40px; margin-top: 0; } } @media (max-width: 767px) { .p-wc-cart-page, .p-wc-cart-page th, .p-wc-cart-page td { font-size: 12px; } .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; } .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; } .p-wc-cart_table tbody tr::after { border-left: 1px solid #ddd; content: ""; position: absolute; bottom: 0; left: 110px; top: 0; } .p-wc-cart_table tbody td { margin-left: 110px; text-align: left !important; padding: 0 15px; } .p-wc-cart_table tbody td[data-label]::before { content: attr(data-label)" : "; font-size: 12px; 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-left: 0; padding: 0; width: 80px; position: absolute; top: 15px; left: 15px; } .p-wc-cart .p-wc-cart_table tbody td.quantity { height: 0; overflow: visible; width: auto !important; } .p-wc-cart_table tbody td.action { text-align: right !important; } .p-wc-cart_table tbody td.productname, .p-wc-cart .p-wc-cart_table tbody td.subtotal { font-size: 133%; font-weight: 700; line-height: 1.5; } .p-wc-cart-page .p-wc-cart_table tbody td.subtotal { padding-bottom: 5px; padding-top: 4px; } .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, .p-wc-cart-page.p-wc-confirm .p-wc-confirm_table th { width: 35%; } } /* WCEX DLSeller */ .p-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 (max-width: 991px) { .p-body table.p-entry-item__dlseller { margin-top: 21px; } .p-body p + table.p-entry-item__dlseller { margin-top: -7px; } } @media (max-width: 767px) { .p-wc-customer_form--dlseller_terms { max-height: 260px; } } /* WCEX Coupon */ #coupon_table { margin-bottom: 0; } #coupon_table th { width: 32%; } #coupon_table input { max-width: 100%; } .send_use_coupon, .p-wc .send_use_coupon { margin-bottom: 60px; margin-top: 40px; } @media (max-width: 991px) { .send_use_coupon, .p-wc .send_use_coupon { margin-bottom: 40px; margin-top: 20px; } } @media (max-width: 767px) { #coupon_table th { width: 35%; } } /* 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; line-height: 1.31; padding: 15px 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; } /* 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; line-height: 1.31; padding: 15px 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; } /* 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; } /* 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: none; border-collapse: collapse; } .welcart_blog_calendar th { color: #fff; background-color: #131313; } .welcart_blog_calendar th, .welcart_blog_calendar td { border: 1px solid #ddd; text-align: center; } .welcart_blog_calendar .pad, .welcart_blog_calendar tfoot th, .welcart_blog_calendar tfoot td { border: none; } /* widget_welcart_search */ .widget_welcart_search .ucart_search_body { position: relative; } .widget_welcart_search .searchtext { background: #f7f7f7; border: 1px solid #ddd; border-right: none; border-radius: 0; box-sizing: border-box; height: 50px; line-height: 50px; padding: 0 15px; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); } .widget_welcart_search #searchsubmit { background: #f7f7f7; border: 1px solid #ddd; border-left: none; border-radius: 0; box-sizing: border-box; color: #000; cursor: pointer; font-family: "design_plus"; font-size: 18px; height: 50px; padding: 0; width: 50px; position: absolute; top: 0; right: 0; } .widget_welcart_search div { margin-top: .714286em; background-color: #f7f7f7; text-align: center; } .widget_welcart_search div a { display: block; color: #000; line-height: 2; } .widget_welcart_search div a:hover { background-color: #eee; color: #000; text-decoration: none; } /* 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: #ff004b; 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: #d20041; } .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; } /* widget_welcart_post */ .widget_welcart_post p { display: none; } /** * wordpress preset style */ .p-body { overflow-wrap: break-word; word-wrap: break-word; } /* alignment */ .p-body .alignright { float: right; } .p-body .alignleft { float: left; } .p-body .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 7px; } .p-body blockquote.alignleft, .p-body img.alignleft { margin: 7px 24px 7px 0; } .p-body .wp-caption.alignleft { margin: 7px 14px 7px 0; } .p-body blockquote.alignright, .p-body img.alignright { margin: 7px 0 7px 24px; } .p-body .wp-caption.alignright { margin: 7px 0 7px 14px; } .p-body blockquote.aligncenter, .p-body img.aligncenter, .p-body .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } /* text and headline */ .p-body p { margin-bottom: 2em; } .p-body h1, .p-body h2, .p-body h3, .p-body h4, .p-body h5, .p-body h6 { clear: both; line-height: 1.4; margin-bottom: 24.2px; } .p-body h1 { font-size: 150%; } .p-body h2 { font-size: 140%; } .p-body h3 { font-size: 130%; } .p-body h4 { font-size: 120%; } .p-body h5 { font-size: 110%; } .p-body h6 { font-size: 100%; } .p-body .headline { font-size: 162.5%; font-weight: 700; line-height: 1.4; margin-bottom: 12px; } @media (max-width: 991px) { .p-body .headline { font-size: 128.5%; font-weight: 700; line-height: 1.4; margin-bottom: 12px; } } /* image */ .p-body img[class*="align"], .p-body img[class*="wp-image-"], .p-body img[class*="attachment-"], .p-body .size-full, .p-body .size-large, .p-body .wp-post-image, .p-body img { max-width: 100%; height: auto; } /* list */ .p-body li, .p-body dt, .p-body dd {} .p-body ul, .p-body ol, .p-body dl { margin-bottom: 24px; } .p-body ol { list-style: decimal outside none; margin-left: 1.5em; } .p-body ul { list-style: circle outside none; margin-left: 1.3em; } .p-body li > ul, .p-body li > ol { margin-bottom: 0; } .p-body dt { font-weight: bold; } .p-body dd { margin-bottom: 1em; } /* table */ .p-body table { margin: 0 0 24px 0; } .p-body td, .p-body th { border: 1px solid #ddd; padding: 10px 15px; line-height: 2; background: #fff; vertical-align: middle; } .p-body th { background: #f9f9f9; font-weight: normal; } /* 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-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-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-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-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-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-body .wp-caption-text { text-align: center; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px auto; } .p-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-body .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; } .p-body address { margin: 0 0 24px 0; line-height: 2.2; } .p-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-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 (max-width: 991px) { .u-hidden-sm { display: none; } .u-visible-sm { display: block; } } @media (max-width: 767px) { .u-hidden-xs { display: none; } .u-visible-xs { display: block; } } /* overflow */ .u-overflow-hidden { overflow: hidden; } /* slick */ .slick-slider {} .slick-loading .slick-list { background: #fff url('img/ajax-loader.gif') center center no-repeat; } .slick-arrow { background: #fff; border: none; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); color: #000; cursor: pointer; font-family: 'design_plus'; font-size: 16px; font-weight: 700; height: 50px; line-height: 50px; margin-top: -25px; 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; transition: all 0.3s ease; } .slick-arrow:hover { color: #999; } .slick-arrow.slick-disabled { opacity: 0 !important; } .slick-prev { left: -25px; } .slick-next { right: -25px; } .slick-dots { display: block; list-style: none; line-height: 1 !important; height: 10px; margin: 0; padding: 0; pointer-events: none; text-align: center; position: absolute; bottom: 20px; left: 0; right: 0; z-index: 2; } .slick-dots li { display: inline-block; margin: 0 3.5px; width: 10px; height: 10px; } .slick-dots li button { background: #ccc; border: none; border-radius: 50%; color: transparent; cursor: pointer; opacity: 1; overflow: hidden; padding: 0; pointer-events: auto; width: 10px; height: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .slick-dots li.slick-active button, .slick-dots li:hover button { background-color: #fff; } @media (max-width: 991px) { .slick-arrow { font-size: 14px; height: 30px; line-height: 30px; margin-top: -15px; width: 30px; } .slick-prev { left: -15px; } .slick-next { right: -15px; } } /* Column layout - カラムレイアウト */ .post_row { margin-right: -25px; margin-left: -25px; line-height: 2.4; } .post_row:before, .post_row:after { display: table; content: " "; } .post_row:after { clear: both; } .post_col, .post_col-2, .post_col-3 { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; min-height: 1px; margin-bottom: 2em; padding-right: 25px; padding-left: 25px; float: left; } @media (min-width: 768px) { .post_col-2 { width: 50%; } .post_col-3 { width: 33.33333%; } } @media (min-width: 1024px) { .post_col-2 { width: 50%; } .post_col-3 { width: 33.33333%; } } /* headline - 見出しのスタイル */ .style2a, .style2b, .style3a, .style3b, .style4a, .style4b, .style5a, .style5b, .style6 { font-weight: 500; line-height: 1.6; } /* h2 */ .style2a { margin: 65px 0 30px !important; padding: 0 0 .9em; border-bottom: 3px solid #000; font-size: 26px !important; } .style2b { margin: 65px 0 30px !important; padding: .48em 1em .47em; background: #000; color: #fff; font-size: 26px !important; } /* h3 */ .style3a { margin: 65px 0 30px !important; padding: 1.2em .15em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 22px !important; } .style3b { margin: 65px 0 30px !important; padding: 1.1em 1.4em 1.15em; border: 1px solid #ddd; border-top: 3px solid #000; background: #fafafa; font-size: 22px !important; } /* h4 */ .style4a { margin: 65px 0 30px !important; padding: .4em 0 .4em 1.2em; border-left: 3px solid #000; font-size: 20px !important; font-weight: 500; } .style4b { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin: 65px 0 30px !important; padding: .8em 1.5em .8em; border-left: #000 3px solid; font-size: 20px !important; } .style4b:after { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 2px); border: 1px solid #ddd; border-left: none; content: ''; } /* h5 */ .style5a { margin: 65px 0 30px !important; padding: .85em 1.5em .8em; border: 1px solid #ddd; background: #fafafa; font-size: 18px !important; } .style5b { margin: 65px 0 30px !important; padding: .85em 1.5em .8em; background: #000; color: #fff; font-size: 18px !important; } /* h6 */ .style6 { position: relative; margin: 65px 0 30px !important; padding: 0 .8em 0 1.3em; color: #000; font-size: 16px !important; font-weight: 700; } .style6:before { position: absolute; top: .35em; left: 0; width: 12px; height: 12px; background: #000; content: ""; } .balloon { display: block; z-index: 0; position: relative; width: auto; min-width: 115px; margin: 50px 0 22px; padding: .5em 18px .5em; clear: both; border-bottom: 0; background: #222; color: #fff; font-size: 20px; font-weight: 400; text-align: left; } .balloon:after { display: block; position: absolute; bottom: -10px; left: 30px; width: 0px; height: 0px; margin-left: -10px; border-width: 10px 10px 0 10px; border-style: solid; border-color: #222 transparent transparent transparent; content: ""; } @media (max-width: 767px) { .style2a { margin: 30px 0 20px !important; padding: 0 0 .6em; font-size: 20px !important; } .style2b { margin: 30px 0 20px !important; padding: .42em .7em .41em; background: #000; color: #fff; font-size: 20px !important; } /* h2 */ .style3a { margin: 30px 0 20px !important; padding: .6em .15em; font-size: 18px !important; } .style3b { margin: 30px 0 20px !important; padding: .5em .5em .45em .6em; font-size: 18px !important; } .style4a { margin: 30px 0 20px !important; padding: .4em 0 .4em .8em; border-left: 2px solid #000; font-size: 16px !important; } .style4b { margin: 30px 0 20px !important; padding: .8em 1em .75em; border-left: #000 2px solid; font-size: 16px !important; } .style5a { margin: 30px 0 20px !important; padding: .8em 1em .75em; font-size: 15px !important; } .style5b { margin: 30px 0 20px !important; padding: .8em 1em .75em; font-size: 15px !important; } } /* flame - 囲み枠 */ .well { margin-bottom: 30px; padding: 1.1em 2em; border: 1px solid #ddd; border-radius: 6px; background-color: #fafafa; } .well2 { margin-bottom: 30px; padding: 1.1em 2em; border: 1px solid #ddd; } .well3 { margin-bottom: 30px; padding: 1.1em 2em; border: 1px dashed #ddd; background: #fafafa; } .wl_red { border-color: #ebccd1; background-color: #f2dede; color: #a94442; } .wl_yellow { border-color: #faebcc; background-color: #fcf8e3; color: #8a6d3b; } .wl_blue { border-color: #bce8f1; background-color: #d9edf7; color: #31708f; } .wl_green { border-color: #d6e9c6; background-color: #dff0d8; color: #3c763d; } @media (max-width: 767px) { .well, .well2, .well3 { padding: .9em .8em .9em 1em; } } /* button - CSSボタンのスタイル */ .q_button { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; min-width: 200px; max-width: 90%; margin: 0; padding: .6em 1.3em .5em; background-color: #535353; color: #fff !important; font-size: 100%; font-weight: 400; text-align: center; text-decoration: none; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .q_button:hover, .q_button:focus { background-color: #7d7d7d; color: #fff; text-decoration: none; } /* 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 (max-width: 767px) { .sz_l { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; min-width: 0; max-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 (max-width: 567px) { .rps_table tr { display: block; margin-bottom: 1.5em; } .rps_table th, .rps_table td { display: list-item; list-style-type: none; } .rps_table td { border-top: 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 { width: 100%; margin: 0 0 2.5em !important; padding: 0; border: 1px solid #ddd; background: #fafafa; font-size: 14px; } .wpcf7 form { margin: 1.5em 1.5em 0; } .wpcf7 p { margin-bottom: 1em; font-size: 16px; } .wpcf7 input, .wpcf7 textarea { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 8px; border: 1px solid #ccc; line-height: 1.2; } .wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { width: auto; max-width: 97%; padding: 8px; border: 1px solid #ccc; } .wpcf7 select, .wpcf7 .wpcf7-list-item-label { font-size: 14px; line-height: 1.2; } .wpcf7 .wpcf7-list-item { display: block; } .wpcf7 textarea { height: 300px; } .wpcf7 input:focus, .wpcf7 textarea:focus { border: 1px solid #bbb; outline: none; } .wpcf7 .wpcf7-submit, .wpcf7 .wpcf7-previous { -webkit-transition: all .3s; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; width: 225px; height: 48px; margin: 30px auto 0; border: none !important; outline: none; background-color: #333333; color: #fff; font-size: 14px; line-height: 1.5; text-align: center; text-decoration: none; cursor: pointer; transition: all .3s; } .wpcf7 .wpcf7-submit:before, .wpcf7 .wpcf7-submit:after { -webkit-box-sizing: border-box; box-sizing: border-box; } .wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-previous:hover { background-color: #666666; } .wpcf7 .wpcf7-submit .wpcf7-not-valid { background: pink; } .wpcf7 .wpcf7-submit .wpcf7-response-output { -webkit-border-radius: 4px; -moz-border-radius: 4px; margin: 10px 0 0; padding: 8px 35px 8px 14px; border-radius: 4px; } .wpcf7 .wpcf7-submit .wpcf7-validation-errors { border: 1px solid #EED3D7; background-color: #F2DEDE; color: #B94A48; } .wpcf7 .wpcf7-submit .wpcf7-mail-sent-ok { border: 1px solid #BCE8F1; background-color: #D9EDF7; color: #3A87AD; } .wpcf7 .wpcf7-previous + br { display: none; } .wpcf7 form .wpcf7-response-output{ margin: 2em 0.5em 2em; padding:0; border: none; text-align:center; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{ color:#dc3232; font-size: 1em; } /* 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 #f9f9f9; } /* 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; }