@charset "utf-8"; .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }@import url("/assets/brandcare/aa3c50b12007c6f92fcc02c5.css"); @keyframes rotate-forever{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinner-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:0 0;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-container .pum-content+.pum-close>span,.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay,html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container,html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}.pum-overlay{height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:1999999999;overflow:initial;display:none;transition:.15s ease-in-out}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{top:100px;position:absolute;margin-bottom:3em;z-index:1999999999}.pum-container.pum-responsive{left:50%;margin-left:-47.5%;width:95%;height:auto;overflow:visible}.pum-container.pum-responsive img{max-width:100%;height:auto}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left:-30%;width:60%}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}.pum-container.custom-position{left:auto;top:auto;margin-left:inherit}.pum-container .pum-title{margin-bottom:.5em}.pum-container .pum-content>:last-child,.pum-form__message:last-child{margin-bottom:0}.pum-container .pum-content:focus{outline:0}.pum-container .pum-content>:first-child{margin-top:0}.pum-container .pum-content+.pum-close{text-decoration:none;text-align:center;line-height:1;position:absolute;cursor:pointer;min-width:1em;z-index:2;background-color:transparent}.pum-container.pum-scrollable .pum-content{overflow:auto;overflow-y:scroll;max-height:95%}.pum-overlay.pum-overlay-disabled{visibility:hidden}.pum-overlay.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay.pum-overlay-disabled .pum-container{visibility:visible}.popmake-close,.pum-overlay.pum-click-to-close{cursor:pointer}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll;-webkit-overflow-scrolling:touch}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{position:static;height:auto;width:auto}.pum-form{margin:0 auto 16px}.pum-form__field{margin-bottom:1em}.pum-form__field label{font-weight:700}.pum-form__field input[type=date],.pum-form__field select{margin:0 auto;font-size:18px;line-height:26px;text-align:center;padding:3px;vertical-align:middle}.pum-form__field select{padding:5px 3px}.pum-form__loader{font-size:2em;animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;height:.75em;width:.75em;border:.25em solid rgba(0,0,0,.5);border-right-color:transparent;border-radius:50%;display:inline-block}.pum-form__submit{position:relative}.pum-form__submit .pum-form__loader{margin-left:.5em;border:.25em solid rgba(255,255,255,.5);border-right-color:transparent}.pum-form__messages{display:none;border:1px solid rgba(0,0,0,.25);margin-bottom:.5em;padding:1em;position:relative}.pum-form__message{margin-bottom:.5em}.pum-form__message--error{color:red!important;border-color:red}.pum-form__message--success{color:green!important;border-color:green}.pum-form--loading,.pum-sub-form .pum-sub-form-loading{opacity:.5}.pum-alignment-left,.pum-form--alignment-left{text-align:left}.pum-alignment-center{text-align:center}.pum-alignment-right{text-align:right}.pum-form--alignment-center{text-align:center}.pum-form--alignment-right{text-align:right}.pum-form--layout-standard .pum-form__field>label{margin-bottom:.25em;display:block}.pum-form--layout-inline .pum-form__field{display:inline-block}.pum-form--layout-block .pum-form__field,.pum-form--layout-block button,.pum-form--layout-block div,.pum-form--layout-block input{display:block;width:100%}.pum-form--style-default label{font-size:14px;font-weight:700}.pum-form--style-default input[type=email],.pum-form--style-default input[type=text]{background-color:#f8f7f7;margin-bottom:5px;font-size:14px;padding:10px 8px}.pum-form--style-default button{font-size:18px;margin:10px 0 0;padding:10px 5px;cursor:pointer}.pum-sub-form p.pum-newsletter-error-msg{margin:0}.pum-sub-form .spinner-loader{right:50%;position:absolute;bottom:40%}.pum-sub-form .spinner-loader:not(:required){animation:1.5s linear infinite spinner-loader;border-radius:.5em;box-shadow:rgba(0,0,51,.3) 1.5em 0 0 0,rgba(0,0,51,.3) 1.1em 1.1em 0 0,rgba(0,0,51,.3) 0 1.5em 0 0,rgba(0,0,51,.3) -1.1em 1.1em 0 0,rgba(0,0,51,.3) -1.5em 0 0 0,rgba(0,0,51,.3) -1.1em -1.1em 0 0,rgba(0,0,51,.3) 0 -1.5em 0 0,rgba(0,0,51,.3) 1.1em -1.1em 0 0;display:inline-block;font-size:10px;width:1em;height:1em;margin:1.5em;overflow:hidden;text-indent:100%}.pum-form__field--consent{text-align:left}.pum-form__field--consent.pum-form__field--checkbox label,.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--checkbox label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label+label{margin-left:1em}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label{display:block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label input{display:inline-block;width:inherit;margin:0;vertical-align:middle}.pum-container iframe.formidable{width:100%;overflow:visible}.flatpickr-calendar.open,.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important} .pum-theme-3646, .pum-theme-framed-border { background-color: rgba( 255, 255, 255, 0.50 ) } .pum-theme-3646 .pum-container, .pum-theme-framed-border .pum-container { padding: 18px; border-radius: 0px; border: 20px outset #dd3333; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.97 ) inset; background-color: rgba( 255, 251, 239, 1.00 ) } .pum-theme-3646 .pum-title, .pum-theme-framed-border .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } .pum-theme-3646 .pum-content, .pum-theme-framed-border .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } .pum-theme-3646 .pum-content + .pum-close, .pum-theme-framed-border .pum-content + .pum-close { position: absolute; height: 20px; width: 20px; left: auto; right: -20px; bottom: auto; top: -20px; padding: 0px; color: #ffffff; font-family: Tahoma; font-weight: 700; font-size: 16px; line-height: 18px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 0.55 ) } .pum-theme-3647, .pum-theme-floating-bar { background-color: rgba( 255, 255, 255, 0.00 ) } .pum-theme-3647 .pum-container, .pum-theme-floating-bar .pum-container { padding: 8px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 238, 246, 252, 1.00 ) } .pum-theme-3647 .pum-title, .pum-theme-floating-bar .pum-title { color: #505050; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } .pum-theme-3647 .pum-content, .pum-theme-floating-bar .pum-content { color: #505050; font-family: inherit; font-weight: 400 } .pum-theme-3647 .pum-content + .pum-close, .pum-theme-floating-bar .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 5px; bottom: auto; top: 50%; padding: 0px; color: #505050; font-family: Sans-Serif; font-weight: 700; font-size: 15px; line-height: 18px; border: 1px solid #505050; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ); transform: translate(0, -50%) } .pum-theme-3648, .pum-theme-content-only { background-color: rgba( 0, 0, 0, 0.70 ) } .pum-theme-3648 .pum-container, .pum-theme-content-only .pum-container { padding: 0px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ) } .pum-theme-3648 .pum-title, .pum-theme-content-only .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; line-height: 36px } .pum-theme-3648 .pum-content, .pum-theme-content-only .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400 } .pum-theme-3648 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close { position: absolute; height: 18px; width: 18px; left: auto; right: 7px; bottom: auto; top: 7px; padding: 0px; color: #000000; font-family: inherit; font-weight: 700; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 15px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.00 ); background-color: rgba( 255, 255, 255, 0.00 ) } .pum-theme-3641, .pum-theme-default-theme { background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-3641 .pum-container, .pum-theme-default-theme .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 249, 249, 249, 1.00 ) } .pum-theme-3641 .pum-title, .pum-theme-default-theme .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 400; font-size: 32px; font-style: normal; line-height: 36px } .pum-theme-3641 .pum-content, .pum-theme-default-theme .pum-content { color: #8c8c8c; font-family: inherit; font-weight: 400; font-style: inherit } .pum-theme-3641 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: 0px; bottom: auto; top: 0px; padding: 8px; color: #ffffff; font-family: inherit; font-weight: 400; font-size: 12px; font-style: inherit; line-height: 36px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 183, 205, 1.00 ) } .pum-theme-3642, .pum-theme-lightbox { background-color: rgba( 0, 0, 0, 0.60 ) } .pum-theme-3642 .pum-container, .pum-theme-lightbox .pum-container { padding: 18px; border-radius: 3px; border: 8px solid #000000; box-shadow: 0px 0px 30px 0px rgba( 2, 2, 2, 1.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-3642 .pum-title, .pum-theme-lightbox .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 32px; line-height: 36px } .pum-theme-3642 .pum-content, .pum-theme-lightbox .pum-content { color: #000000; font-family: inherit; font-weight: 100 } .pum-theme-3642 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { position: absolute; height: 26px; width: 26px; left: auto; right: -13px; bottom: auto; top: -13px; padding: 0px; color: #ffffff; font-family: Arial; font-weight: 100; font-size: 24px; line-height: 24px; border: 2px solid #ffffff; border-radius: 26px; box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 1.00 ) } .pum-theme-3643, .pum-theme-enterprise-blue { background-color: rgba( 0, 0, 0, 0.70 ) } .pum-theme-3643 .pum-container, .pum-theme-enterprise-blue .pum-container { padding: 28px; border-radius: 5px; border: 1px none #000000; box-shadow: 0px 10px 25px 4px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-3643 .pum-title, .pum-theme-enterprise-blue .pum-title { color: #315b7c; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-weight: 100; font-size: 34px; line-height: 36px } .pum-theme-3643 .pum-content, .pum-theme-enterprise-blue .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } .pum-theme-3643 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close { position: absolute; height: 28px; width: 28px; left: auto; right: 8px; bottom: auto; top: 8px; padding: 4px; color: #ffffff; font-family: Times New Roman; font-weight: 100; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 42px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 49, 91, 124, 1.00 ) } .pum-theme-3644, .pum-theme-hello-box { background-color: rgba( 0, 0, 0, 0.75 ) } .pum-theme-3644 .pum-container, .pum-theme-hello-box .pum-container { padding: 30px; border-radius: 80px; border: 14px solid #81d742; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-3644 .pum-title, .pum-theme-hello-box .pum-title { color: #2d2d2d; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Montserrat; font-weight: 100; font-size: 32px; line-height: 36px } .pum-theme-3644 .pum-content, .pum-theme-hello-box .pum-content { color: #2d2d2d; font-family: inherit; font-weight: 100 } .pum-theme-3644 .pum-content + .pum-close, .pum-theme-hello-box .pum-content + .pum-close { position: absolute; height: auto; width: auto; left: auto; right: -30px; bottom: auto; top: -30px; padding: 0px; color: #2d2d2d; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 28px; border: 1px none #ffffff; border-radius: 28px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-3645, .pum-theme-cutting-edge { background-color: rgba( 0, 0, 0, 0.50 ) } .pum-theme-3645 .pum-container, .pum-theme-cutting-edge .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 10px 25px 0px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 30, 115, 190, 1.00 ) } .pum-theme-3645 .pum-title, .pum-theme-cutting-edge .pum-title { color: #ffffff; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Sans-Serif; font-weight: 100; font-size: 26px; line-height: 28px } .pum-theme-3645 .pum-content, .pum-theme-cutting-edge .pum-content { color: #ffffff; font-family: inherit; font-weight: 100 } .pum-theme-3645 .pum-content + .pum-close, .pum-theme-cutting-edge .pum-content + .pum-close { position: absolute; height: 24px; width: 24px; left: auto; right: 0px; bottom: auto; top: 0px; padding: 0px; color: #1e73be; font-family: Times New Roman; font-weight: 100; font-size: 32px; line-height: 24px; border: 1px none #ffffff; border-radius: 0px; box-shadow: -1px 1px 1px 0px rgba( 2, 2, 2, 0.10 ); text-shadow: -1px 1px 1px rgba( 0, 0, 0, 0.10 ); background-color: rgba( 238, 238, 34, 1.00 ) } #pum-3651 {z-index: 1999999999} @font-face { font-family: 'design_plus'; src: url("/assets/brandcare/b61f1bd53a1d357760d1527b.eot"); src: url("/assets/brandcare/b61f1bd53a1d357760d1527b.eot") format('embedded-opentype'), url("/assets/brandcare/ac4b86db82706fe813fb3a3b.woff") format('woff'), url("/assets/brandcare/507c616be580102a9582d859.ttf") format('truetype'), url("/assets/brandcare/e0c45de248ee78a08ed2de23.svg") format('svg'); font-weight: normal; font-style: normal; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } audio, canvas, video { display:inline-block; max-width:100%; } html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } ul, ol { list-style:none; } blockquote , q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; } a:focus { outline:none; } ins { text-decoration:none; } mark { font-style:italic; font-weight:bold; } del { text-decoration:line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; width:100%; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:100%; } input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance: none; border-radius:0; } input[type="checkbox"]{ -webkit-appearance: checkbox; } input[type="radio"]{ -webkit-appearance: radio; } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; } img { -ms-interpolation-mode:bicubic; } .clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; } .clearfix { display:inline-block; }/*\*/* html .clearfix { height:1% } .clearfix { display:block;}/**/ body { font-family:Arial,sans-serif; font-size:14px; line-height:1; width:100%; } .pc .admin-bar { padding-top:33px; } a { text-decoration:none; } a, a:before, a:after, input { -webkit-transition-property:background-color, color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease; -moz-transition-property:background-color, color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease; -o-transition-property:background-color, color; -o-transition-duration:0.2s; -o-transition-timing-function:ease; transition-property:background-color, color; transition-duration:0.2s; transition-timing-function:ease; } .clear { clear:both; } .hide { display:none; } #main_contents { background:#fff; width:100%; position:relative; z-index:10; } #main_col { width:1180px; min-width:1180px; margin:90px auto 150px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #left_col { width:830px; float:left; } #side_col { width:300px; float:right; margin-top:10px; } .layout2 #left_col { float:right; } .layout2 #side_col { float:left; } .pc .no_side_content #left_col { width:auto; float:none; } .design_button a { display:inline-block; height:55px; line-height:55px; min-width:220px; padding:0 20px; background:#afcfd2; color:#fff; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .design_button a:hover { background:#6598a1; color:#fff; } .index_content { background:#fff; width:1180px; padding:90px 30px 0; margin:0 auto 0px; } .index_content:first-of-type { position:relative; top:-80px; margin:0 auto -80px; } .index_content:last-of-type { margin-bottom:150px;} .index_content img { max-width:100%; height:auto; display:block; } .no_header_slider .index_content:first-of-type { top:0; margin:0 auto; } #index_3box.index_content:first-of-type { padding-top:30px; } #index_3box { padding-top:100px; } #index_3box .box { float:left; width:33.33333%; width:-webkit-calc(100% / 3); width:-moz-calc(100% / 3); width:calc(100% / 3); border-right:1px solid #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #index_3box .title { font-size:16px; } #index_3box .title a { display:block; font-weight:normal; height:58px; line-height:58px; text-align:center; background:#afcfd2; color:#fff; } #index_3box .title a:hover { background:#6598a1; } #index_3box .image { width:100%; display:block; position:relative; z-index:2; overflow:hidden; } #index_3box img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #index_intro { } #index_intro .headline { text-align:center; line-height:1.5; margin:0; font-weight:500; } #index_intro .desc { text-align:center; line-height:3.0; margin:0px 0 0 0; } #index_intro .image { width:100%; height:380px; position:relative; margin:85px 0 0 0; } #index_intro .button { display:inline-block; height:55px; line-height:55px; min-width:220px; padding:0 20px; text-align:center; margin:auto; position:absolute; top:0; bottom:0; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #index_news { } #index_news .headline { text-align:center; line-height:1.5; margin:0; font-weight:500; } #index_news .sub_title { text-align:center; font-size:16px; line-height:1.0; margin:0; } #index_news_list { margin:60px 0 40px; } #index_news_list article { float:left; background:#f5f5f5; width:380px; height:150px; margin:0 20px 0 0; overflow:hidden; } #index_news_list article:nth-child(3n) { margin:0; } #index_news_list .image { width:150px; height:150px; display:block; float:left; position:relative; z-index:2; overflow:hidden; } #index_news_list .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #index_news_list .title_area { float:left; position:relative; height:150px; width:-webkit-calc(100% - 150px); width:-moz-calc(100% - 150px); width:calc(100% - 150px); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #index_news_list .no_image .title_area { width:100%; } #index_news_list .title_area_inner { position:absolute; left:40px; right:40px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #index_news_list .title { font-weight:normal; line-height:1.8; } #index_news_list .title a { display:block; } #index_news_list .date { font-size:12px; color:#999; margin-top:7px; } #index_news .button { text-align:center; } #index_wide_content { width:100%; min-width:1180px; height:440px; position:relative; margin:100px 0 0 0; } #index_wide_content .headline_area { position:absolute; text-align:center; width:100%; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #index_wide_content .headline { text-align:center; color:#6598a0; line-height:1.5; margin:0; font-weight:500; } #index_wide_content .button { display:inline-block; height:55px; line-height:55px; min-width:220px; padding:0 20px; text-align:center; margin:30px 0 0 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #index_course { } #index_course .headline { text-align:center; line-height:1.5; margin:0; font-weight:500; } #index_course .desc { text-align:center; line-height:3.0; margin:0px 0 0 0; } #index_course_list { margin:87px 0 0 0; border-top:1px solid #ddd; border-left:1px solid #ddd; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between; } #index_course_list li { float:left; width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #index_course_list.type2 li { width:33.3333%; width:-webkit-calc(100% / 3); width:-moz-calc(100% / 3); width:calc(100% / 3); } #index_course_list a { display:block; padding:38px 38px 28px; background:#fff; height:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #index_course_list a:hover { background:#f9f9f9; } #index_course_list .image { margin:0 0 43px 0; } #index_course_list .title { text-align:center; font-size:24px; font-weight:500; margin:0 0 25px 0; } #index_course_list .short_desc { line-height:2.7; } #index_course .button { text-align:center; margin:40px 0 0 0; } #index_blog { width:100%; min-width:1180px; background:#f5f5f5; margin:100px 0 0 0; } #index_blog_inner { width:1180px; margin:0 auto; padding:48px 0 60px; } #index_blog .headline { text-align:center; line-height:1.5; margin:0; font-weight:500; } #index_blog .sub_title { text-align:center; font-size:16px; line-height:1.0; margin:0; } #index_blog .button { text-align:center; margin:40px 0 0 0; } #index_blog_list { margin:60px 0 0 0; position:relative; height:342px; border:1px solid #ddd; } #index_blog_list .item { width:25%; height:340px; border-right:1px solid #ddd; padding:15px; background:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #index_blog_list .image { width:100%; display:block; margin:0 0 15px 0; position:relative; z-index:2; overflow:hidden; } #index_blog_list img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #index_blog_list .title { font-size:16px; font-weight:normal; line-height:1.7; margin:0 0 10px 0; } #index_blog_list .title a { display:block; } #index_blog_list li { float:left; font-size:12px; color:#999; } #index_blog_list li:first-of-type { border-right:1px solid #ddd; padding:0 5px 0 0; margin:0 5px 0 0; } #index_blog_list li.category a { color:#999; display:none; } #index_blog_list li.category a:first-of-type { display:inline; } #index_blog_list .slick-arrow { width:15px; height:15px; position:absolute; overflow:hidden; cursor:pointer; background:none !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #index_blog_list .slick-arrow span { text-indent:-200px; display:block; } #index_blog_list .slick-arrow:before { font-family:'design_plus'; color:#555; font-size:15px; font-weight:bold; display:block; position:absolute; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #index_blog_list .slick-prev:before { content:'\e90f'; } #index_blog_list .slick-next:before { content:'\e910'; } #index_blog_list .slick-arrow:hover:before { color:#666; } #index_blog_list .slick-prev { top:162px; left:-40px; } #index_blog_list .slick-next { top:162px; right:-40px; } #index_gmap .headline { text-align:center; line-height:1.5; margin:0; font-weight:normal; } #index_gmap .sub_title { text-align:center; font-size:16px; line-height:1.0; margin:0 0 60px; } #index_gmap .button { text-align:center; margin:40px 0 0 0; } #index_gmap .p-access__map { width: 100%; height: 500px; margin-bottom: 40px; } #index_gmap .p-access__custom-overlay-inner { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: -94px; left: -40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 80px !important; height: 80px !important; border-radius: 50%; font-size: 18px; text-align: center; } #index_gmap .p-access__custom-overlay-inner::after { display: block; position: absolute; right: 0; bottom: -15px; left: 0; width: 0; height: 0; margin: auto; border-width: 16px 5px 0 5px; border-style: solid; content: ""; } #index_company { padding-top:100px; } #index_company .left_area { width:560px; float:left; margin:0 0 0 0; } #index_company .right_area { width:560px; float:right; margin:0 0 0 0; } #index_company .image { margin:0 0 17px 0; } #index_company .desc { line-height:2.5; } #index_company li { float:left; width:30px; } #index_company li a { display:block; position:relative; text-decoration:none; } #index_company li a span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; } #index_company li a:before { font-family:'design_plus'; color:#7f7f7f; font-size:13px; display:block; position:absolute; top:10px; left:0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #index_company li a:hover:before { color:#000; } #index_company li.twitter a:before { content:"\e904"; } #index_company li.facebook a:before { content:"\e902"; } #index_company li.insta a:before { content:"\ea92"; top:10px; } #index_company li.pint a:before { content:"\e905"; } #index_company li.mail a:before { content:"\f0e0"; } #schedule_table { margin:0; table-layout:fixed; border-collapse:collapse; border-spacing:0; width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc; } #schedule_table caption { background:#ccc; color:#fff; height:50px; line-height:50px; margin-bottom:-1px; font-weight:normal; } #schedule_table thead { background:#fafafa; } #schedule_table td, #schedule_table th { padding:20px 10px; text-align:center; vertical-align:middle; font-weight:normal; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #schedule_table .header { width:180px; background:#fff; } #schedule_table .color { background:#eff5f6; } .index_free_space {} .index_headline_set .headline { text-align:center; line-height:1.5; margin:0; font-weight:500; } .index_headline_set .desc { text-align:center; line-height:3.0; margin:0px 0 0 0; } #header_slider { width:100%; min-width:1180px; padding-top:56.85%; overflow:hidden; position:relative; background:#fff; } #header_slider .item { opacity:0; width:100%; position:relative; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #header_slider .image { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1; } #header_slider .caption { width:100%; z-index:3; padding:0 20px; text-align:center; margin-top:-40px; position:absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #header_slider .caption .title { line-height:1.3; -ms-word-wrap: break-word; word-wrap: break-word; position:relative; font-weight:500; } #header_slider .link { display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:4; } #header_slider .overlay { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:2; } #header_slider video { position:absolute; top:0; display:block; height:100%; width:auto; max-width:inherit; } #header_slider .image-entity { width:100%; height:auto; opacity:0; } .youtube-player { position:absolute; top:0; opacity:0; pointer-events:none; } #header_slider .caption.type2 { width:100%; padding:0; margin:0; height:-webkit-calc(100% - 80px); height:-moz-calc(100% - 80px); height:calc(100% - 80px); position:relative; top:0; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } #header_slider .caption.type2 h3 { text-align:left; padding:50px 0; display:inline-block; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } #header_slider .caption { opacity:0; } #header_slider .slick-active .caption { -webkit-animation: opacityAnimation 1.0s ease forwards 1.0s; animation: opacityAnimation 1.0s ease forwards 1.0s; } #header_slider .first_active .caption { -webkit-animation: opacityAnimation 1.0s ease forwards 2.0s !important; animation: opacityAnimation 1.0s ease forwards 2.0s !important; } #header_slider .animation_type1.animate .image { -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-animation: zoomOut 35.0s ease forwards; animation: zoomOut 35.0s ease forwards; } #header_slider .animation_type2.animate .image { -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-animation: zoomIn 35.0s ease forwards; animation: zoomIn 35.0s ease forwards; } @-webkit-keyframes opacityAnimation { 0% { } 100% { opacity: 1; } } @keyframes opacityAnimation { 0% { } 100% { opacity: 1; } } @-webkit-keyframes zoomOut { 0% { transform: scale(1.0); } 100% { transform: scale(1.3); } } @keyframes zoomOut { 0% { transform: scale(1.0); } 100% { transform: scale(1.3); } } @-webkit-keyframes zoomIn { 0% { transform: scale(1.3); } 100% { transform: scale(1.0); } } @keyframes zoomIn { 0% { transform: scale(1.3); } 100% { transform: scale(1.0); } } #page_header { width:100%; min-width:1180px; height:440px; position:relative; text-align:center; } #page_header .square_headline { background:#fff; display:inline-block; position:relative; padding:0 15px; height:200px; width:auto; min-width:200px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #page_header .square_headline_inner { position:relative; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #page_header .title { line-height:1.5; font-size:28px; } #page_header .sub_title,#archive_catch .sub_title { margin:5px 0 0 0; font-size:16px; } #page_header.no_image { background:#f2f2f2; position:relative; } #archive_catch { text-align:center; } #archive_catch .catch { font-size:28px; line-height:1.5;} #archive_catch .desc { line-height:2.7; margin-top:12px;} #course_list { margin-top:90px; } .single-course #course_list { margin-top:100px; } #course_list .headline { height:60px; line-height:60px; padding:0 35px; color:#fff; font-size:22px; font-weight:normal; } #course_list .course { margin:0 0 100px 0; } #course_list ol { border:1px solid #ddd; border-top:none; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between; } #course_list li { width:50%; float:left; margin:0 0 -1px 0; padding-top:1px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #course_list li:nth-child(2n) { border-right:none; } #course_list li a { display:block; padding:38px; background:#fff; height:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #course_list li a:hover { background:#f9f9f9; } #course_list .image { width:150px; height:150px; display:block; float:left; margin:0 38px 0 0; } #course_list .image img { width:100%; height:auto; display:block; } #course_list .right_area { } #course_list .title { font-size:22px; margin:-3px 0 10px 0; display:block; line-height:1.4; font-weight:normal; } #course_list .excerpt { line-height:2.4; margin-bottom:-10px; } #single_course { margin-top:100px; } #course_title_area { height:60px; line-height:60px; position:relative; background:#f9f0f0; } #course_title_area .category { font-size:22px; padding:0 34px; min-width:220px; color:#fff; display:inline-block; float:left; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #course_title_area .title { font-size:22px; font-weight:normal; padding:0 34px; float:left; } #course_image { height:360px; } #curse_main_content { border:1px solid #ddd; border-top:none; padding:95px 60px 80px; } #curse_main_content .catch { font-size:36px; color:#000; font-weight:500; text-align:center; line-height:1.5; margin:0 0 10px 0; } #curse_main_content .desc { font-size:14px; line-height:2.7; width:840px; margin:0 auto 20px; } #course_content_list { margin:90px 0 0; } #course_content_list .item { margin:0 0 80px 0;} #course_content_list .image { float:left; width:500px; } #course_content_list .desc { float:right; width:500px; line-height:2.5; margin-top:-10px; } #course_content_list .even .image { float:right; } #course_content_list .even .desc { float:left; } #course_next_prev_link { text-align:center; margin-top:70px; } #course_next_prev_link div { display:inline-block; margin:0 3px; } #course_next_prev_link a { display:block; width:220px; height:55px; line-height:55px; text-align:center; background:#ccc; color:#fff; } #course_next_prev_link a:hover { background:#65989f; } #archive_news_list { margin:100px 0 0 0; position:relative; border:1px solid #ddd; overflow:hidden; } #archive_news_list .item { float:left; width:50%; height:200px; border:1px solid #ddd; border-top:none; border-left:none; margin:0 0 -1px 0; padding:18px; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #archive_news_list .item:nth-child(2n) { border-right:none; } #archive_news_list .image { width:260px; height:163px;max-height:100%; display:block; position:relative; z-index:2; overflow:hidden; } #archive_news_list img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden;} #archive_news_list .title { font-size:16px; font-weight:normal; line-height:1.7; margin:0 0 9px 0; } #archive_news_list .title a { display:block; } #archive_news_list .date { font-size:12px; color:#999; } #archive_news_list .title_area { padding: 0px 40px 0 300px; position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #archive_news_list .no_image .title_area { padding:0 18px; } .single-news #post_meta_top li:first-of-type:after { display:none; } #single_news_list { margin:50px 0 0 0; position:relative; } #single_news_list .headline { margin:0; font-weight:400; background:#afcfd2; height:50px; line-height:50px; color:#fff; padding:0 24px; z-index:1; } #single_news_list .link { display:block; position:absolute; top:0px; right:0px; height:50px; line-height:50px; padding:0 35px 0 20px; color:#fff; z-index:2; } #single_news_list .link:before { content:''; width:15px; height:20px; font-family:'design_plus'; color:#fff; font-size:12px; display:block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:'\e910'; position:absolute; top:0px; right:14px; } #single_news_list ol { position:relative; border:1px solid #ddd; border-top:none; overflow:hidden; } #single_news_list li a { display:block; border-bottom:1px solid #ddd; height:48px; line-height:48px; padding:0 24px; } #single_news_list li:last-of-type a { border:none; } #single_news_list li .date { float:left; font-size:12px; color:#999; width:90px; } #single_news_list li .title { float:right; font-weight:normal; width:-webkit-calc(100% - 90px); width:-moz-calc(100% - 90px); width:calc(100% - 90px); } #single_news_list li a:hover { background:#f9f9f9; } #archive_faq_list { margin:100px 0 0 0; border-bottom:1px solid #ddd; } #archive_faq_list .item { border:1px solid #ddd; border-bottom:none; background:#fff; } #archive_faq_list .question { font-size:16px; line-height:2; padding:18px 70px 18px 40px; font-weight:normal; position:relative; cursor:pointer; } #archive_faq_list .question:hover, #archive_faq_list .question.active, #archive_faq_list .question:hover:before, #archive_faq_list .question.active:before { color:#65989f; } #archive_faq_list .question:before { content:'\e90e'; font-family:'design_plus'; color:#666; font-size:12px; display:block; width:18px; height:18px; position:absolute; right:28px; top:25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #archive_faq_list .question.active:before { content:'\e911'; } #archive_faq_list .answer { padding:32px 40px 3px; background:#f6f9f9; display:none; border-top:1px solid #ddd; } #blog_list,.archive_catcharea { margin:100px 0 0 0; position:relative; } #blog_list .item { float:left; width:25%; height:340px; border:1px solid #ddd; margin:0 -1px -1px 0; padding:18px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #blog_list .image { width:100%; display:block; position:relative; z-index:2; overflow:hidden; } #blog_list img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden;} #blog_list .title { font-size:16px; font-weight:normal; line-height:1.7; margin:13px 0 5px 0; } #blog_list .title a { display:block; } #blog_list .meta { max-height:60px; overflow:hidden; } #blog_list li { display:inline; line-height:1.7; font-size:12px; color:#999; position:relative; } #blog_list li:first-of-type { padding:0 9px 0 0; margin:0 3px 0 0; } #blog_list li:first-of-type:after { content:''; display:block; position:absolute; right:0px; top:3px; width:1px; height:10px; background:#999; } #blog_list li.category a { } #blog_list li.category a:first-of-type { display:inline; } .no_post { text-align:center; margin:50px 0 0 0; } .page_navi { margin:40px 0 0 0; } .page_navi ul { margin:0; font-size:0; } .page_navi li { display:inline; margin:0 5px 5px 0; } .page_navi a, .page_navi a:hover, .page_navi span { font-size:14px; padding:14px 16px; line-height:1; margin:0; background:#f5f5f5; color:#333; display:inline-block; } .page_navi a:hover { color:#fff; background:#000; border-color:#000; } .page_navi span.dots { background:none; } .page_navi span.current { color:#fff; background:#000; border-color:#000; } .page_navi .next span, .page_navi .prev span { display:none; } .page_navi .next:before, .page_navi .prev:before { font-family:'design_plus'; color:#333; font-size:11px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .page_navi .prev:before { content:'\e90f'; } .page_navi .next:before { content:'\e910'; } .page_navi .prev:hover:before, .page_navi .next:hover:before { color:#fff; } .post_content { } .post_content a:hover { text-decoration:underline; } #post_title { font-size:40px; line-height:1.3; color:#000; margin:5px 0 10px 0; } body.page #post_title { text-align:center; margin:-30px 0 50px 0; } .pc .no_side_content #post_title { text-align:center; } #post_meta_top { margin:0 0 45px 0; } #post_meta_top li { display:inline; line-height:1.7; font-size:12px; color:#999; position:relative; } #post_meta_top li:first-of-type { padding:0 9px 0 0; margin:0 3px 0 0; } #post_meta_top li:first-of-type:after { content:''; display:block; position:absolute; right:0px; top:3px; width:1px; height:10px; background:#999; } #post_meta_top a { color:#999; } #post_image { padding:0; margin:0 0 38.8px 0; position:relative; } #post_image img { width:100%; height:auto; display:block; margin:0; z-index:1; } #single_share_top { margin:0 0 5px 0; } #single_share_top #share_top1 { padding-top:0; } #single_share_bottom { margin:0; } #single_share_bottom .share-btm { margin-bottom:0; padding:0; } #single_share_bottom .mb45 { margin-bottom:45px !important; } #post_pagination { margin:0 0 40px 0; padding:12px 0 0 0; clear:both; font-size:0; text-align:center; } #post_pagination h5 { margin:0 0 10px 0; font-size:12px; } #post_pagination a, #post_pagination p { font-size:12px; display:inline-block; background:#fff; margin:0 0 0 -1px; width:40px; height:40px; line-height:40px; text-align:center; text-decoration:none; color:#333; border:1px solid #ccc; } #post_pagination p { background:#000; color:#fff; border-color:#000; position:relative; } #post_pagination a:hover { color:#fff; } #p_readmore { text-align:center; padding:12px 0 0 0; } #p_readmore .button { background:#000; color:#fff; display:inline-block; height:50px; line-height:50px; min-width:220px; padding:0 40px; text-decoration:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #p_readmore .button:hover { background:#999; } #post_meta_bottom { margin:0 0 50px; background:#fafafa; padding:25px; } #post_meta_bottom li { display:inline; margin:0 10px 0 0; padding:0 15px 0 20px; border-right:1px solid #ddd; font-size:12px; line-height:1.8; position:relative; } #post_meta_bottom li:last-child { border:none; margin:0; } #post_meta_bottom li:before { font-family:'design_plus'; color:#aaa; font-size:13px; width:13px; height:13px; line-height:13px; display:block; position:absolute; top:0; left:0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #post_meta_bottom li.post_author:before { content:'\e90d'; top:1px; } #post_meta_bottom li.post_category:before { content:'\e92f'; } #post_meta_bottom li.post_tag:before { content:'\e935'; top:2px; } #post_meta_bottom li.post_comment:before { content:'\e916'; font-size:16px; top:1px; } #previous_next_post { margin:0; } #previous_next_post .prev_post, #previous_next_post .next_post { float:left; width:50%; } #previous_next_post a { width:100%; display:block; border:1px solid #ddd; line-height:1.8; height:97px; position:relative; display:table; background:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #previous_next_post div:last-of-type a { border-left:none; } #previous_next_post div:only-of-type a { border-left:1px solid #ddd; } #previous_next_post .next_post a { padding:0 60px 0 25px; } #previous_next_post .prev_post a { padding:0 25px 0 60px; } #previous_next_post a span { display:table-cell; vertical-align:middle; ; height:50px; overflow:hidden; -ms-word-wrap: break-word; word-wrap: break-word; } #previous_next_post span.nav { display:none; } #previous_next_post a:hover { background:#f7f7f7; } #previous_next_post .prev_post a:before { content:''; width:15px; height:20px; font-family:'design_plus'; color:#111; font-size:16px; display:block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:'\e90f'; position:absolute; top:-6px; bottom:0px; left:20px; margin:auto; } #previous_next_post .next_post a:before { content:''; width:15px; height:20px; font-family:'design_plus'; color:#111; font-size:16px; display:block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content:'\e910'; position:absolute; top:-6px; bottom:0px; right:20px; margin:auto; } #single_banner_top { margin:5px 0 30px; text-align:center; padding:30px 20px; } #single_banner_bottom { margin:50px 0 ; text-align:center; padding:30px 20px; } #single_banner_shortcode { margin:0 0 30px 0; padding:10px 0 0 0; text-align:center; } .single_banner_area .single_banner_left { width:50%; float:left; padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .single_banner_area .single_banner_right { width:50%; float:right; padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .single_banner_area img { max-width:100%; height:auto; display:block; margin:0 auto; } .single_banner_area.one_banner .single_banner_left { float:none; margin:0 auto; } .single_banner_area.one_banner img { margin:0 auto; } #related_post { margin:50px 0 0 0; } #related_post .headline { margin:0; font-weight:400; background:#afcfd2; height:50px; line-height:50px; color:#fff; padding:0 24px; } #related_post ol { position:relative; width:-webkit-calc(100% + 2px); width:-moz-calc(100% + 2px); width:calc(100% + 2px); } #related_post li { height:260px; margin:0 -1px -1px 0; border:1px solid #ddd; padding:22px; float:left; width:33.33333%; width:-webkit-calc(100% / 3); width:-moz-calc(100% / 3); width:calc(100% / 3); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #related_post .image { display:block; width:100%; height:auto; position:relative; overflow:hidden; z-index:2; margin:0 0 15px 0; } #related_post .image img { display:block; width:100%; height:auto; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #related_post .title { line-height:1.9; font-weight:normal; -ms-word-wrap: break-word; word-wrap: break-word; } #related_post .title a { display:block; } #profile_page_top { } #profile_page_top .user_avatar { overflow:hidden; width:200px; height:200px; display:block; margin:0px auto 30px; border-radius:130px; } #profile_page_top .user_avatar img { width:100%; height:auto; display:block; } #profile_page_top .user_name { font-size:21px; margin:0 0 25px 0; text-align:center; font-weight:400; } #profile_page_top .user_sns { text-align:center; margin-bottom:33px; padding:0; font-size:0; } #profile_page_top li { display:inline-block; vertical-align:top; margin:0; padding:0; line-height:100%; font-size:11px; background:none; width:30px; } #profile_page_top li a { position:relative; text-decoration:none; } #profile_page_top li a span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; } #profile_page_top li a:before { font-family:'design_plus'; color:#333; font-size:12px; display:block; position:absolute; top:10px; left:-5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #profile_page_top li.twitter_button a:before { content:"\e904"; } #profile_page_top li.facebook_button a:before { content:"\e902"; } #profile_page_top li.insta_button a:before { content:"\ea92"; top:10px; } #profile_page_top li.pint_button a:before { content:"\e905"; } #profile_page_top li.mail_button a:before { content:"\f0e0"; } #profile_page_top li.twitter_button a:hover:before { color:#16b9dc; } #profile_page_top li.facebook_button a:hover:before { color:#3B5998; } #profile_page_top li.insta_button a:hover:before { color:#8a3ab9; } #profile_page_top li.pint_button a:hover:before { color:#c92228; } #profile_page_top li.mail_button a:hover:before { color:#16b9dc; } #header_image_for_404 { width:100%; margin:0 auto; position:relative; overflow:hidden; } #header_image_for_404 img { width:100%; height:auto; display:block; } #header_image_for_404 .caption { margin:0; width:100%; padding:0 30px; line-height:1.5; text-align:center; color:#fff; position:absolute; top:50%; left:50%; opacity:0; -webkit-transform:translate(-50%, -50%); -mox-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translateY(-50%, -50%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #header_image_for_404 .caption p + p { margin-top: 0.5em; } #header_image_for_404.animate .caption { -webkit-animation: opacityAnimation 1.0s ease forwards 1.5s !important; animation: opacityAnimation 1.0s ease forwards 1.5s !important; } #page_banner { margin:50px 0; text-align:center; font-size:0; } #page_banner img { max-width:100%; height:auto; display:block; margin:0 auto; } #page_banner .page_banner { width:50%; display:inline-block; border:1px solid #ddd; padding:40px; text-align:center; width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #page_banner .banner_left { margin:0 15px 0 0; } #page_banner .banner_right { margin:0 0 0 15px; } #page_banner.one_banner .banner_left, #page_banner.one_banner .banner_right { margin:0; } #previous_next_page { text-align:center; margin:12px 0 70px 0; font-size:0; } #previous_next_page a { font-size:14px; display:inline-block; vertical-align:top; text-decoration:none; text-align:center; padding:0 25px; height:50px; line-height:50px; min-width:180px; background:#ccc; color:#fff; position:relative; margin:0 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #previous_next_page a:after { font-family:'design_plus'; content:'\e910'; color:#fff; display:block; position:absolute; top:1px; right:16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #previous_next_page a.prev:after { content:'\e90f'; right:auto; left:16px; } #header { height:90px; width:100%; min-width:1180px; position:relative; z-index:20; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #header_inner { height:90px; width:1180px; margin:0 auto; position:relative; } .pc #logo_text, .pc #logo_image { display:inline; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } #logo_image .logo { } .pc #logo_image img.pc_logo_image { display:block; margin:0 auto; } .pc #logo_image img.mobile_logo_image { display:none; } .pc #logo_text h2 { line-height:1; font-weight:normal; } .pc #logo_text a { text-decoration:none; } .pc .header_fix #header #logo_text, .pc .header_fix #header #logo_image { display:none; } #header_button { float:right; margin:18px 0 0 46px; } #header_button a { min-width:180px; height:50px; line-height:50px; } .pc #global_menu { height:90px; font-size:0; float:right; } .pc #global_menu > ul { display:inline-block; height:90px; font-size:0; position:relative; vertical-align:top; } .pc #global_menu > ul > li { font-size:1%; position:relative; display:inline-block; height:90px; line-height:90px; margin:0 0 0 46px; } .pc #global_menu > ul > li > a { font-size:14px; text-decoration:none; height:90px; line-height:90px; display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .pc #global_menu > ul > li.active > a, .pc #global_menu > ul > li.current-menu-item > a { } .pc #global_menu a:hover { } .pc #global_menu ul ul { display:none; width:210px; position:absolute; top:90px; left:-24px; margin:0; padding:0; } .pc #global_menu ul ul ul { left:100%; top:0; margin:0; border:none; } .pc #global_menu ul ul li { line-height:1.5; padding:0; margin:0; text-align:left; position:relative; display:block; } .pc #global_menu ul ul a { font-size:14px; background:#222; color:#fff !important; display:block; border:none; position:relative; padding:14px 25px; height:auto; line-height:1.6; margin:0; text-align:left; } .pc #global_menu ul ul a:hover { text-decoration:none; border:none; } .pc #global_menu ul ul li.menu-item-has-children > a:before { font-size:12px; font-family:'design_plus'; content:'\e910'; color:#fff; display:block; position:absolute; right:15px; top:19px; height:14px; line-height:14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pc #menu_button { display:none; } .pc #global_menu ul.main_menu { display:none; } .pc .header_fix { padding-top:90px; } .pc .header_fix #header { position:fixed; top:0px; left:0px; z-index:200; background:#fff; height:50px; width:100%; box-shadow:0 1px 5px 0 rgba(0,0,0,0.2); animation: slideDown 0.5s ease; -ms-animation: slideDown 0.5s ease; -webkit-animation: slideDown 0.5s ease; -moz-animation: slideDown 0.5s ease; } .pc .header_fix #header_inner { height:50px; } @-webkit-keyframes slideDown { 0% { top:-50px; } 100% { top:0px; } } @keyframes slideDown { 0% { top:-50px; } 100% { top:0px; } } .pc .header_fix #header_button { display:none; } .pc .header_fix #global_menu { bottom:-1px; float:none; } .pc .header_fix #global_menu > ul > li { height:50px; line-height:50px; margin:0; } .pc .header_fix #global_menu > ul > li > a { margin:0; height:50px; line-height:50px; } .pc .header_fix #global_menu ul ul { top:50px; left:0; width:100%; } .pc .header_fix #global_menu ul ul ul { top:0; left:100%; } .pc .header_fix #global_menu { width:100%; } .pc .header_fix #global_menu > ul { display: -webkit-box; -webkit-box-pack: justify; display: -webkit-flex; display: -ms-flex; display: flex; } .pc .header_fix #global_menu > ul > li { flex:1; -webkit-box-flex: 1; text-align:center; } #bread_crumb { width:100%; min-width:1180px; background:#afcfd2; } #bread_crumb ul { margin:0 auto; width:1180px; padding:17px 0 14px 0; } #bread_crumb li { color:#fff; display:inline; font-size:14px; padding:0 0 0 17px; margin:0 5px 0 0; line-height:1.6; position:relative; } #bread_crumb li:before { font-family:'design_plus'; content:'\e910'; color:#fff; font-size:9px; width:9px; height:9px; line-height:9px; display:block; position:absolute; left:0; top:4px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #bread_crumb li.home { padding:0 0 0 5px;} #bread_crumb li.home a { position:relative; width:14px; height:18px; word-wrap: break-word; text-indent:-300%; overflow:hidden; display:block; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #bread_crumb li.home a:after { font-family:'design_plus'; content:'\e90c'; width:14px; height:14px; line-height:14px; text-indent:0; display:block; position:absolute; top:3px; left:0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #bread_crumb li.home a:hover:after { color:#6698a1; } #bread_crumb li.home:before { display:none; } #bread_crumb li a { color:#fff; } #bread_crumb li a:hover { color:#6698a1; } #bread_crumb li.category a:after { content:','; } #bread_crumb li.category a:last-of-type:after, #bread_crumb li.category a:only-of-type:after { display:none; } #footer_contact_area { background:#f5f5f5; width:100%; min-width:1180px; padding:60px 0; margin-bottom:60px; } #footer_contact_area_inner { width:1180px; margin:0 auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between; } .footer_contact_content { width:50%; position:relative; padding:40px; background:#fff; border:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .footer_contact_content:last-of-type { border-left:none; } .footer_contact_content:only-of-type { border-left:1px solid #ddd; margin:0 auto; } #footer_tel > div, #footer_contact > div { position:relative; } #footer_tel { border-right:1px solid #ddd; } #footer_tel .headline { line-height:2; position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #footer_tel .right_area { float:right; } #footer_tel .number { font-size:38px; margin-top:-3px; } #footer_tel .number span { font-size:24px; } #footer_tel .time { margin:13px 0 0 0; } #footer_contact .headline { line-height:2; position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #footer_contact .button { float:right; text-align:center; margin:0; } #footer_content { width:100%; min-width:1180px; padding:0 0 60px; } #footer_content_inner { width:1180px; margin:0 auto; } #footer_content .item { height:130px; width:380px; position:relative; float:left; margin:0 20px 0 0; } #footer_content .item:nth-child(3n) { margin:0; } #footer_content .image { display:block; width:130px; height:130px; float:left; position:relative; z-index:2; overflow:hidden; } #footer_content .image img { width:100%; height:auto; display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; } #footer_content .title { float:left; display:block; width:-webkit-calc(100% - 130px); width:-moz-calc(100% - 130px); width:calc(100% - 130px); height:130px; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #footer_content .title span { width:100%; padding:0 40px; position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #footer_menu { text-align:center; border-top:1px solid #ddd; height:60px; line-height:60px; } #footer_menu ul { font-size:0; line-height:1; margin:23px 0 0 0;} #footer_menu li { font-size:14px; display:inline-block; } #footer_menu li a { display:block; margin:0 10px 0 0; padding:0 12px 0 0; border-right:1px solid #666; } #footer_menu li:last-of-type a { border:none; margin:0; padding:0; } #copyright { background:#65989f; text-align:center; font-size:12px; height:60px; line-height:60px; color:#fff; } #copyright a { color:#fff; } #return_top { display:block; } #return_top a { display:block; height:60px; width:60px; line-height:60px; text-decoration:none; background:rgba(0,0,0,0.2); z-index:100; position:relative; } #return_top span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; } #return_top a:before { font-family:'design_plus'; color:#fff; font-size:12px; display:block; position:absolute; width:18px; height:18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #return_top a:before { content:'\e911'; left:24px; top:2px; } #return_top { position:fixed; right:0px; bottom:0px; z-index:999; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } #return_top.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #fixed_footer_content { position:fixed; bottom:0; left:0; width:100%; height:120px; color:#fff; padding:40px; z-index:9999; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } #fixed_footer_content.active { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #fixed_footer_content a { color:#fff; text-decoration:none; } #fixed_footer_content .content_left { position:absolute; left:40px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width:-webkit-calc(100% - 530px); width:-moz-calc(100% - 530px); width:calc(100% - 530px); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #fixed_footer_content .has_image .content_left { width:-webkit-calc(100% - 840px); width:-moz-calc(100% - 840px); width:calc(100% - 840px); } #fixed_footer_content .button { position:absolute; right:55px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); min-width:300px; height:55px; line-height:55px; text-align:center; display:inline-block; padding:0 40px 0 10px; font-size:16px; } #fixed_footer_content .button:after { font-family:'design_plus'; content:'\e910'; color:#fff; font-size:14px; display:block; position:absolute; top:1px; right:16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #fixed_footer_content .image { position:absolute; right:55px; max-width:728px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #fixed_footer_content .image img { width:100%; max-width:100%; height:auto; display:block; } #fixed_footer_content .close { position:absolute; right:5px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display:block; width:40px; height:40px; border-radius:100%; } #fixed_footer_content span { display:none; } #fixed_footer_content .close:before { font-family:'design_plus'; color:#fff; font-size:20px; display:block; content:'\e91a'; position:absolute; top:10px; left:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #fixed_footer_content .close:hover { background:rgba(255,255,255,0.1); } #fixed_footer_content .catch { font-size:21px; margin:0; line-height:1.5; } #fixed_footer_content .desc { font-size:14px; margin:5px 0 0 0; line-height:2; } #fixed_footer_content .pr { background:#fff; color:#333; display:inline; font-size:12px; margin:5px 15px 0 0; padding:0 12px; border-radius:2px; height:20px; line-height:20px; float:left; } #fixed_footer_content .pr1 { display:none; } #fixed_footer_content .free { width:100%; padding-right:100px; position:absolute; left:40px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #fixed_footer_content .post_content p { margin:0; line-height:1.6; } .side_widget { margin:0 0 48px 0; position:relative; } .side_widget:last-child, .side_widget:only-child { margin:0; } .side_headline { font-size:16px; margin:0; padding:0 20px; font-weight:400; color:#fff; background:#afcfd2; height:50px; line-height:50px; } .side_widget ul { margin:0; } .side_widget li ul { margin:10px 0 0 0; } .side_widget li { line-height:2; padding:2px 0; margin:0 0 10px 0; } .side_widget a { text-decoration:none; } .side_widget a:hover { } .side_widget img { height:auto; max-width:100%; } .tcd_ad_widget { margin:0 0 50px 0; border:none; padding:0; background:none; } .tcd_ad_widget img { height:auto; max-width:100%; margin:0 auto; display:block; } .widget_calendar .side_headline { margin:0 0 30px 0; } #wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; } #wp-calendar th, #wp-calendar td { color:#333; padding:2px; line-height:3.4; text-align:center; } #wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background-color:#eee; } #wp-calendar td a:hover { text-decoration:none; color:#fff; background:#ccc; } #wp-calendar caption { padding:7px 0; } #wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:2; } #wp-calendar #prev, #wp-calendar #next { line-height:3; } #wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; } #wp-calendar #prev a:hover, #wp-calendar #next a:hover { color:#fff; background:#ccc; } #wp-calendar td#today { font-weight:bold; } .styled_post_list1 { margin:0; padding:0; border:1px solid #ddd; border-top:none; overflow:hidden; } .styled_post_list1 li { width:50%; height:230px; float:left; margin:0 0 -1px 0; overflow:hidden; padding:14px; background:none; border-right:1px solid #ddd; border-bottom:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .styled_post_list1 li:nth-child(2n) { border-right:none; } .styled_post_list1.show_date li { height:250px; } .styled_post_list1 .image { width:100%; height:auto; display:block; overflow:hidden; position:relative; z-index:2; } .styled_post_list1 .image img { display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .styled_post_list1 .title { font-size:14px; margin:10px 0 0 0; display:block; line-height:1.8; -ms-word-wrap: break-word; word-wrap: break-word; position:relative; } .styled_post_list1 .title:hover { text-decoration:none; } .styled_post_list1 .date { margin:5px 0 0 0; position:relative; display:block; line-height:1; color:#999; font-size:12px; } .styled_post_list2 { margin:0; padding:0; border:1px solid #ddd; border-top:none; overflow:hidden; } .styled_post_list2 li { margin:0 0 -1px 0; overflow:hidden; padding:14px; background:none; border-bottom:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; } .styled_post_list2 .image { width:120px; height:120px; margin:0 14px 0 0; display:block; overflow:hidden; position:relative; z-index:2; } .styled_post_list2 .image img { display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .styled_post_list2 .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .styled_post_list2 .title { font-size:14px; margin:0; display:block; line-height:1.8; -ms-word-wrap: break-word; word-wrap: break-word; position:relative; } .styled_post_list2 .date { margin:5px 0 0 0; position:relative; display:block; line-height:1; color:#999; font-size:12px; } .widget_tab_post_list_button a { display:inline-block; height:55px; line-height:55px; width:50%; text-align:center; border:1px solid #ddd; background:#f9f9f9; float:left; margin-bottom:-1px; font-size:14px; position:relative; text-decoration:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .widget_tab_post_list_button a:hover { color:#fff; background:#65989f; border-color:#65989f; } .widget_tab_post_list_button a.tab1 { border-right:0; } .widget_tab_post_list_button a.active { background:#fff; border-bottom:1px solid #fff; } .widget_tab_post_list_button a.active:hover { color:#666; background:#fff !important; border-color:#ddd !important; border-bottom:1px solid #fff !important; } .widget_tab_post_list { border:1px solid #ddd; font-size:0; padding:20px 0 0 0; } .widget_tab_post_list li { margin:0 0 -1px 0; overflow:hidden; padding:14px; background:none; border-bottom:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; } .widget_tab_post_list2 { display:none; } .widget_tab_post_list .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .widget_tab_post_list .title { font-size:14px; margin:0; display:block; line-height:1.8; -ms-word-wrap: break-word; word-wrap: break-word; position:relative; } .widget_tab_post_list .date { color:#999; font-size:12px; } .widget_tab_post_list .image { width:120px; height:120px; margin:0 14px 0 0; display:block; overflow:hidden; position:relative; z-index:2; } .widget_tab_post_list .image img { display:block; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .tcdw_menu_widget .menu1, .tcdw_menu_widget .menu2 { width:50%; float:left; font-size:12px; } .tcdw_menu_widget .menu_headline { margin:0 0 15px 0; font-size:16px; font-weight:bold; } .tcdw_menu_widget li:last-child { margin-bottom:0; } .tcd_user_profile_widget { border:1px solid #ddd; padding:30px 30px 30px; } .tcd_user_profile_widget .user_avatar { overflow:hidden; width:130px; height:130px; display:block; margin:0px auto 25px; border-radius:130px; } .tcd_user_profile_widget .user_avatar img { width:100%; height:auto; display:block; } .tcd_user_profile_widget .user_desc { line-height:2.3; margin:0 0 30px 0; } .tcd_user_profile_widget .button { text-align:center; margin:0 0 30px 0; } .tcd_user_profile_widget .button a { display:inline-block; height:45px; line-height:45px; padding:0 30px; background:#222; color:#fff; text-decoration:none; border-radius:5px; } .tcd_user_profile_widget .user_sns { text-align:center; margin:0; padding:0; font-size:0; } .tcd_user_profile_widget li { display:inline-block; vertical-align:top; margin:0; padding:0; line-height:100%; font-size:11px; background:none; width:30px; } .tcd_user_profile_widget li a { position:relative; text-decoration:none; } .tcd_user_profile_widget li a span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; } .tcd_user_profile_widget li a:before { font-family:'design_plus'; color:#333; font-size:12px; display:block; position:absolute; top:10px; left:-5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tcd_user_profile_widget li.twitter_button a:before { content:"\e904"; } .tcd_user_profile_widget li.facebook_button a:before { content:"\e902"; } .tcd_user_profile_widget li.insta_button a:before { content:"\ea92"; top:10px; } .tcd_user_profile_widget li.pint_button a:before { content:"\e905"; } .tcd_user_profile_widget li.mail_button a:before { content:"\f0e0"; } .tcd_user_profile_widget li.twitter_button a:hover:before { color:#16b9dc; } .tcd_user_profile_widget li.facebook_button a:hover:before { color:#3B5998; } .tcd_user_profile_widget li.insta_button a:hover:before { color:#8a3ab9; } .tcd_user_profile_widget li.pint_button a:hover:before { color:#c92228; } .tcd_user_profile_widget li.mail_button a:hover:before { color:#16b9dc; } .tcd_category_list { margin:0; } .tcd_category_list li { margin:0; padding:0; background:none; position:relative; } .tcd_category_list a { display:block; padding:0 5px 0 20px; height:50px; line-height:50px; overflow:hidden; border:1px solid #ddd; margin:-1px 0 0 0; text-decoration:none; background:#fff; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .tcd_category_list > li:first-child > a { border-top:none; } .tcd_category_list a:hover { background:#f5f5f5; color:#333; } .tcd_category_list li a .count { display:none; float:right; top:5px; position:relative; height:40px; line-height:40px; background:#ccc; color:#fff; padding:0 8px; min-width:24px; text-align:center; font-size:11px; } .tcd_category_list li a:hover .count{ background:#d80c49; } .tcd_category_list.show_count li a .count { display:block; } .tcd_category_list li li a { padding-left:28px; } .tcd_category_list li li li a { padding-left:42px; } .tcd_category_list li li li li a { padding-left:56px; } .tcd_category_list ul { display:none; margin:0 !important; padding:0 !important; background:none; z-index:9; position:relative; } .tcd_category_list ul ul { width:100%; position:relative;} .tcd_category_list ul li { margin:0; padding:0; } .tcd_category_list ul li a { } .tcd_category_list ul ul li a { } .tcd_category_list ul ul ul li a { } .tcd_category_list ul ul ul ul li a { } .tcdw_custom_drop_menu_widget .side_headline { margin:0 0 -1px 0; z-index:2; position:relative; } .tcdw_custom_drop_menu { margin:0; padding:0; } .tcdw_custom_drop_menu li { margin:0; padding:0; background:none; position:relative; } .tcdw_custom_drop_menu a { display:block; padding:0 15px; height:55px; line-height:55px; overflow:hidden; border:1px solid #ddd; margin:-1px 0 0 0; text-decoration:none; background:#fff; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .tcdw_custom_drop_menu li:first-child > a { border-top:none; } .tcdw_custom_drop_menu a:after { font-family:'design_plus'; content:'\e910'; color:#aaa; font-size:12px; display:block; position:absolute; top:2px; right:15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tcdw_custom_drop_menu a:hover { background:#014760; color:#fff; } .tcdw_custom_drop_menu a:hover:after { color:#fff; } .tcdw_custom_drop_menu > li.parent_menu.active > a:after { content:'\e911'; } .tcdw_custom_drop_menu li ul { display:none; margin:0 !important; padding:0 !important; background:none; z-index:9; position:relative; } .tcdw_custom_drop_menu li ul ul { width:100%; position:relative;} .tcdw_custom_drop_menu li ul li { margin:0; padding:0; } .tcdw_custom_drop_menu li ul li a { height:auto; line-height:1.5; padding:18px 25px; background:#f6f6f6; } .tcdw_custom_drop_menu li ul li a:after { display:none; } .tcdw_custom_drop_menu li ul ul li a { background:#ddd; } .tcdw_custom_drop_menu li ul ul ul li a { background:#ccc; } .tcdw_custom_drop_menu li ul ul ul ul li a { background:#bbb; } .widget_search label { display:none; } #searchform { border:1px solid #ddd; background:#fbfbfb; height:50px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #searchform #s { border:none; background:none; padding:0 10px; margin:0; width:calc(100% - 50px); height:50px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } #searchform #searchsubmit { border:none; background:none; width:50px; height:50px; z-index:200; position:relative; cursor:pointer; display:block; text-indent:-300%; overflow:hidden; } #searchform .submit_button { position:relative; width:50px; height:50px; float:right; top:-1px; } #searchform .submit_button:before { text-indent:0; display:block; width:50px; height:50px; line-height:50px; text-align:center; cursor:pointer; z-index:1; position:absolute; font-family:'design_plus'; color:#333; font-size:18px; content:'\e915'; right:0px; top:1px; } #searchform .submit_button:hover:before { color:#fff; } #searchform .submit_button:hover { background:#333; } .widget_archive, .widget_categories, .tcdw_archive_list_widget { } .widget_archive .side_headline { margin:0 0 20px 0; } .widget_archive ul { margin:0; padding:0; } .widget_archive ul li { } .widget_archive select, .widget_categories select, .tcd_archive_dropdown select { border:1px solid #ddd; padding:12px 10px; width:100%; margin:0; } .widget_archive select { border:1px solid #ddd; padding:12px; } .widget_archive label, .widget_categories label { display:none; } .widget_archive select option, .widget_categories select option, .tcd_archive_dropdown option { background:#fff; color:#333; } .widget_categories li { } .tcdw_archive_list_widget .side_headline { display:none; } .p-widget-dropdown { height: 45px; line-height: 45px; position: relative; } .p-widget-dropdown::after { color: #666; content: "\e90e"; font-family: "design_plus"; position: absolute; top: 0; right: 17px; z-index: 1; } .p-widget-dropdown select { padding-right:33px; position: relative; z-index: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .p-widget-dropdown select::-ms-expand { display: none; } .p-dropdown { font-size: 14px; } .p-dropdown__title { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: 50px; padding: 0 18px; border: 1px solid #ddd; background: #fff; line-height: 50px; } .p-dropdown__title::after { position: absolute; right: 17px; font-family: "design_plus"; content: "\e90e"; } .p-dropdown__title:hover { cursor: pointer; } .p-dropdown__title.is-active::after { content: "\e911"; } .p-dropdown__list { display: none; } .p-widget .p-dropdown .p-dropdown__list { margin: 0; } .p-dropdown__list li { border: 1px solid #ddd; border-top: 0; line-height: 1.5; margin:0; padding:0; } .p-dropdown__list li a { display: block; padding: 14px 18px; } .p-dropdown__list li a:hover { background: #f6f6f6; color: #000; } .widget_recent_entries li { border-bottom:1px dotted #ccc; padding:0 0 15px 0; } .widget_recent_entries li:last-child { border:none; padding:0; } .ranking_list_widget .side_headline { margin:0 0 -1px 0; z-index:2; position:relative; } .ranking_list_widget ol { margin:0; padding:0; } .ranking_list_widget li { padding:6px 0 15px; margin:0; } .ranking_list_widget .num { float:left; position:relative; height:40px; width:40px; display:block; background:#ccc; color:#fff; padding:0 0 0 7px; font-weight:bold; font-size:13px; margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; } .ranking_list_widget .num:after { position:absolute; display:block; content:''; width:0; right:0px; top:0px; height:0; border-style: solid; border-width:0 0 40px 40px; border-color:transparent transparent #fff transparent; } .ranking_list_widget .title { margin:13px 0 0 0; } #comments { font-size:12px; margin:0; } #comment_headline { font-size:16px; margin:50px 0 20px 0; } #comment_area, #trackback_area { margin:15px 0 20px; padding:0 0 5px 0; } #trackback_area { display:none; } #comment_header { position:relative; margin:0 0 25px; } #comment_header ul { margin:0; } #comment_header ul li { float:left; text-align:center; margin:0; width:50%; } #comment_header ul li a, #comment_header ul li p { font-size:11px; padding:18px 15px; line-height:1.6; display:block; color:#333; text-decoration:none; background:#f2f2f2; } #comment_header ul li a:hover { color:#fff !important; background:#333; } #comment_header ul li.comment_switch_active a, #comment_header #comment_closed p { color:#fff; position:relative; background:#afcfd2; } #comment_header ul li.comment_switch_active a:after, #comment_header #comment_closed p:after { position:absolute; bottom:-17px; left:-webkit-calc(50% - 5px); left:-moz-calc(50% - 5px); left:calc(50% - 5px); content:""; width:0; height:0; border-width:10px; border-style:solid; border-color:#afcfd2 transparent transparent transparent; } #comment_header ul li.comment_switch_active a:hover { } .commentlist { list-style-type:none; margin:0; padding:0; } .comment { border:1px solid #ccc; color:#777; margin:0 0 15px; padding:15px 20px 0; background:#fff; } #comments .post_content { margin:20px 0 0; padding:0; background:none; } .admin-comment { } .comment-meta { position:relative; margin:0 0 10px 0; } .comment-meta-left { float:left; width:400px; } #comments .avatar { float:left; margin:0 10px 0 0; background:#fff; width:40px; height:40px; } .comment-name-date { padding:3px 0 0 0; height:37px; } a.admin-url { text-decoration:underline; } a.guest-url { text-decoration:underline; } .comment-name-date { margin:0; } .comment-date { font-size:11px; color:#757676; margin:10px 0 0 0; } .comment-act { background:url("/assets/brandcare/unavailable.svg") no-repeat left; font-size:11px; position:absolute; right:0px; padding:0 0 0 10px; margin:5px 0 0 0; } .comment-act li { display:inline; margin:0; } .comment-reply a, .comment-reply a:visited { border-right:1px solid #aaa; padding:0 10px 0 0; margin:0 6px 0 0; } .comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; } #comments .post_content p { margin:0 0 15px 0; } #comments .post_content blockquote span { margin:0 0 -1em 0; display:block; } .comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#33a8e5; border:1px solid #94ddd4; padding:10px 15px; background:#d6f4f0; } .comment_closed { border:1px solid #ccc; text-align:center; margin:0 35px 15px 0; padding:15px; background:#fefefe; } .no_comment { padding-bottom:15px; } .trackback_time { font-size:11px; color:#757676; margin:0 0 7px 0px; } .trackback_title { margin:2px 0 8px 0; margin:0 0 10px 0px; line-height:1.6; } #trackback_url_area { margin:0; } #trackback_url_area label { display:block; margin:0 0 10px 0; font-size:11px; } #trackback_url_area input { border:1px solid #ccc; background:#fafafa; padding:10px; width:100%; font-size:11px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #comment_pager { margin:0 0 10px; height:24px; } #comment_pager a, #comment_pager span { display:inline; float:left; margin:0 10px 0 0; } #comment_pager .current { text-decoration:underline; } .comment_form_wrapper { border:1px solid #ccc; margin:0 0 0px; padding:15px; background:#fff; } .comment .comment_form_wrapper { margin:0 0 20px; } #cancel_comment_reply { background:url("/assets/brandcare/unavailable.svg") no-repeat left center; margin:0 0 1em 0; padding:0 0 0 10px; } #comment_user_login p { padding:0 0 0 1px; margin:0; line-height:1; } #comment_user_login span { margin:0 0 0 40px; } #comment_login { margin:0; padding:3px 30px 10px 30px; } #comment_login p { margin:0; padding:12px 0 11px 36px; line-height:1; } #comment_login a { margin:0 0 0 20px; padding:0 0 0 20px; background:url("/assets/brandcare/unavailable.svg") no-repeat 10px 3px; } #guest_info { padding:0; width:100%; } #guest_info div { margin:0 0 12px 0; text-align:left; } #guest_info input { margin:0; padding:5px 0; border:1px solid #ccc; width:100%; background:#fff; color:#777; } #guest_info input:focus { border:1px solid #e48898; } #guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#888;} #guest_info span { margin:0 10px 0 0; } #comment_textarea textarea { margin:15px 0 0; width:100%; height:150px; border:1px solid #ccc; background:#fff; color:#777; font-size:11px; overflow:auto; } #comment_textarea textarea:focus { border:1px solid #e48898; } #submit_comment_wrapper { text-align:center; } #submit_comment { background:#ccc; border:none; cursor:pointer; color:#fff; font-size:14px; width:200px; height:50px; margin:15px auto 0; display:block; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; -ms-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; } #submit_comment:hover { background:#e48898; } #input_hidden_field { display:none; } .password_protected { text-align:center; margin:0 38px 30px; padding:10px 20px; color:#fff; background:#3db4b2; border-radius:5px; } .password_protected p { font-size:12px; margin:0; line-height:1.6; } .post_content .alignright { float:right; } .post_content .alignleft { float:left; } .post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; } .post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; } .post_content .wp-caption.alignleft { margin:7px 14px 7px 0; } .post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; } .post_content .wp-caption.alignright { margin:7px 0 7px 14px; } .post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; } .post_content p { line-height:2.4; margin:0 0 2em 0; } .post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.4; margin:0 0 10px 0; padding:10px 0 0 0; } .post_content h1 { font-size:180%; } .post_content h2 { font-size:160%; color:#634200; font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;} .post_content h3 { font-size:140%; color:#634200; font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;} .post_content h4 { font-size:120%; } .post_content h5 { font-size:110%; } .post_content h6 { font-size:100%; } .post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image, .post_content img { height:auto; max-width:100%; } .post_content li, .post_content dt, .post_content dd { line-height:2.4; } .post_content ul, .post_content ol, .post_content dl { margin-bottom:24px; } .post_content ol { list-style:decimal outside none; margin-left:1.5em; } .post_content ul { list-style:circle outside none; margin-left:1.3em; } .post_content li > ul, .post_content li > ol { margin-bottom:0; } .post_content dt { font-weight:bold; } .post_content dd { margin-bottom:1em; } .post_content table { margin:0 0 24px 0; width:100% !important; } .post_content td, .post_content th { border:1px solid #bbb; padding:10px 15px; line-height:2.4; background:#fff; } .post_content th { background:#ddd; font-weight:normal; } .post_content table.table_no_border th, .post_content table.table_no_border td { border:none; padding-left:0; } .post_content table.table_border_horizontal th, .post_content table.table_border_horizontal td { border-left:none; border-right:none; padding-left:0; } .post_content blockquote { margin:0 0 25px 0; padding:27px 30px 0; border:1px solid #ccc; box-shadow:0px 4px 0px 0px #f2f2f2; position:relative; } .post_content 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; } .post_content 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; } .post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; } .post_content .wp-caption { margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .post_content .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:1.5; margin:9px auto; } .post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; } .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); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 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; } .post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; } .post_content address { margin:0 0 24px 0; line-height:2.2; } .post_content pre { border-left:5px solid #7fc120; font-size:12px; margin:0 0 27px 0; line-height:25px; background:url("/assets/brandcare/unavailable.svg") repeat left top; padding:0 17px; overflow:auto; } .post_content .sticky { } .post_content .mejs-container { margin: 12px 0 25px; } .c-pw__desc, .c-pw__desc p { line-height:2.5; } .c-pw__desc p { margin-bottom:16px; } .c-pw__btn { box-sizing: border-box; color: #fff; display: inline-block; padding: 13px 20px; font-size:14px; text-align:center; line-height:1; } .c-pw__btn:hover { background: #333; color: #fff; } .c-pw__btn--register { min-width: 160px; margin-bottom:32px; } .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:#f5f5f5; padding: 25px 36px; display:inline-block; margin-bottom:40px; box-sizing: border-box; } .c-pw__box .c-pw__box-desc { line-height:1.2; margin-bottom: 20px; } .c-pw__box-label { margin-right: 14px; } .c-pw__box-input { border:1px solid #ddd; box-shadow:none; height:40px; width:250px; margin-right: 13px; flex: 1; box-sizing: border-box; padding: 0 10px; } .post_content .c-pw__btn, .post_content .c-pw__btn:hover { color: #fff; } .cardlink { word-wrap: break-word; max-width: 100%; margin: 10px 0; padding: 12px; border: 1px solid #ddd; background: #fafafa; } .cardlink_thumbnail { margin-right: 20px; float: left; } .cardlink_content { line-height: 1.6; } .cardlink_timestamp { display: inline; margin: 0; padding: 0; color: #222; font-size: 12px; line-height: 1.6; vertical-align: top; } .cardlink_title { margin: 0 0 5px; font-size: 14px; } .cardlink_title a { color: #000; font-weight: bold; text-decoration: none; } .cardlink_title a:hover { text-decoration: underline; } .cardlink_excerpt { overflow: hidden; color: #333; font-size: 12px; line-height: 1.8; } .cardlink_footer { clear: both; } .clear { clear: both; } @media screen and (max-width: 767px) { .cardlink_thumbnail { float: none; } .cardlink_timestamp { line-height: 2.4; vertical-align: middle; } .cardlink_excerpt { float: none; } } .p-btn { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; min-width: 180px; height: 50px; padding: 0 15px; border-radius: 0; color: #fff; font-size: 14px; line-height: 50px; text-align: center; } @media screen and (max-width: 767px) { .p-btn { height: 45px; font-size: 12px; line-height: 45px; } }