@charset "UTF-8";
@charset 'UTF-8';
@charset "UTF-8";
@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;
}.swpm-margin-10{
margin: 10px;
}
.swpm-margin-top-10{
margin-top: 10px;
}
.swpm-margin-bottom-10{
margin-bottom: 10px;
}
.swpm-text-center{
text-align: center;
}
.swpm-hidden{
display: none;
}
.swpm-green-success-text{
font-weight: bold;
color: green;    
}
.swpm-red-error-text{
font-weight: bold;
color: red;
}
.swpm-box-shadow {
box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.swpm-yellow-box{
margin: 10px 0px;
padding: 10px;
background-color: #FFFFE0;
border-color: #E6DB55;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
}
.swpm-red-box {
margin: 10px 0px;
padding: 10px;
background-color: #FFEBE8;
border-color: #CC0000;
color: #333333;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
} .swpm-orange-box{
margin: 10px 0px;
padding: 15px 10px;
color: #3F2502;
background-color: #FFF6D5;
border-color: #D1B655;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
} .swpm-white-box{
margin: 10px 0px;
padding: 15px 10px;
color: #3c434a;
background-color: #fff;
border-color: #c3c4c7;
border-width: 1px;
border-radius: 3px 3px 3px 3px;
border-style: solid;
} .swpm-grey-box{
margin: 10px 0px;
padding: 15px 10px;
background-color: #DDDDDD;
border-color: #CCCCCC;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
} .swpm-green-box {
margin: 10px 0px;
padding: 15px 10px;
background-color: #CCF4D6;
border-color: #059B53;
color: #043B14;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
} .swpm-blue-box {
margin: 10px 0px;
padding: 15px 10px;
background-color: #E7F4FE;
border-color: #AACEE6;
color: #1D263B;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
} .swpm-submit-btn-default-style {
min-width: 150px;
padding: 0.5em 1em;
cursor: pointer;
} .swpm-tooltip-notes-container{
position: relative;
display: inline-block;
}
.swpm-tooltip-notes-style-1 {
display: none;
margin-top: 5px;
padding: 4px 7px;
border-radius: 3px;
background-color: #2d2d2d;
color: #FFFFFF;
z-index: 9999;
} .swpm-payment-block-ic-wrapper{
padding: 16px;
} .swpm-button-wrapper input[type="submit"]{
width: auto !important;
height: auto !important;
}
.swpm-button-wrapper input[type="image"]{
width: auto !important;
height: auto !important;    
} .swpm-login-widget-form input,.swpm-login-widget-form checkbox{
width: auto;
}
.swpm-username-input, .swpm-password-input{
margin-bottom: 10px;
}
.swpm-login-submit{
margin: 10px 0px;
}
.swpm-login-widget-action-msg{
font-weight: bold;    
}
.swpm-logged-label{
font-weight: bold;
}
.swpm-logged-subs-status-value{
font-weight: bold;
color:#CC0000;
}
.swpm-logged-subs-status-description{
opacity: 0.8;
}
.swpm-edit-profile-link{
font-weight: bold;
}
.swpm-logged-logout-link{
font-weight: bold;
} .swpm-pw-reset-submit-button{
margin: 10px 0px;
}
.swpm-pw-reset-widget-form table{
border: none;
}
.swpm-pw-reset-widget-form tr{
border: none;
}
.swpm-pw-reset-widget-form td{
border: none;
}
.swpm-reset-pw-error{
font-weight: bold;
color: red;
}
.swpm-reset-pw-success-box{
margin: 10px 0px;
padding: 15px 10px;
background-color: #CCF4D6;
border-color: #059B53;
color: #043B14;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;    
} .swpm-registration-widget-form td{
min-width: 100px;
}
.swpm-registration-widget-form input[type="text"], .swpm-registration-widget-form input[type="password"]{
width: 95%;
position: relative;
}
#swpm-accept-terms{
position: relative; }
#swpm-accept-pp{
position: relative; }
.swpm_already_used_registration_complete_link_msg{
font-weight: bold;
}
.swpm_registration_hidden_to_logged_users_msg{
font-weight: bold;
}
.swpm_registration_complete_link_invalid_msg{
font-weight: bold;
} .swpm-edit-profile-form input[type="text"], .swpm-edit-profile-form input[type="password"] {
width: 95%;
position: relative; }
.swpm-edit-profile-form select {
width: 95%;
}
.swpm-edit-profile-submit-section{
text-align: center;
}
.swpm-profile-account-delete-section{
text-align: center;
}
.swpm-profile-account-delete-section a{
color: red !important;
}
.swpm-profile-update-success{
font-weight: bold;
color: green;    
}
.swpm-profile-update-error{
font-weight: bold;
color: red;    
} .swpm-restricted{
font-weight: bold;
color:red;
}
.swpm-select-box-left{
margin: 0;
padding-bottom: 5px;
} .swpm-ppcp-txn-success-message{
font-weight: bold;
color: green;
margin: 15px 0px;
} .swpm_status_completed{
padding: 7px 15px;
width: auto;
display: inline-block;
text-align: center;
min-width: 80px;
border-radius: 4px;
background-color: #b6e4b6;
}
.swpm_status_refunded{
padding: 7px 15px;
width: auto;
display: inline-block;
text-align: center;
min-width: 80px;
border-radius: 4px;
background-color: #e4d4b6;
}
.swpm_status_general{
padding: 7px 15px;
width: auto;
display: inline-block;
text-align: center;
min-width: 80px;
border-radius: 4px;
background-color: #dedede;
}
.swpm_status_subscription, .swpm_status_subscription_created{
padding: 7px 15px;
width: auto;
display: inline-block;
text-align: center;
min-width: 80px;
border-radius: 4px;
background-color: #b6dee4;
}
.swpm_status_subscription_cancelled{
padding: 7px 15px;
width: auto;
display: inline-block;
text-align: center;
min-width: 80px;
border-radius: 4px;
background-color: #e4d4b6;
}
.swpm-active-subs-table{
width: 100%;
}
.swpm-active-subs-table td, .swpm-active-subs-table th{
text-align: left;
padding: 6px 10px;
}
.swpm-sub-attached-to-profile{
font-style: italic;
opacity: 0.7;
}
.swpm-cancel-subscription-button{
padding: 8px 15px;
text-align: center;
border-radius: 4px;
border: none; 
outline: none; 
margin: auto;
}
.swpm-cancel-subscription-button-active{
background-color: #ff6a6a;
cursor: pointer;
color: white;
}
.swpm-cancel-subscription-button-active:hover{
background-color: #d95e5e;
transition: 200ms;
}
.swpm-active-subs-api-key-error-msg{
color: #cc0000;
}
.swpm-cancel-subscription-form{
margin-bottom: 0;
} @media (max-width: 420px) {  .swpm-pw-reset-text {
width: 100%;
}
} .swpm-stats-container{
overflow: hidden;
}
.swpm-stats-container th{
font-weight: bold;
}
.swpm-stats-container .table-column{ order: 2;
}
.swpm-stats-container .char-column{ order: 1;
}
.swpm_report_date_range_form {
width: 100%;
display: flex;
align-items: end;
margin-bottom: 10px;
flex-wrap: wrap;
}
.swpm_report_date_range_form label{
font-size: smaller;
}
.swpm_report_date_range_form div:last-child{
margin-top: 5px;
}
.swpm_report_total_container{
margin-top: 6px; }
@media (min-width: 768px) {
.swpm-stats-container{
display: flex;
align-items: center;
}
.swpm-stats-container .table-column{
min-width: 50%;
order: 1;
}
.swpm-stats-container .table-column-80X{
min-width: 80%;
}
.swpm-stats-container .char-column{ flex-grow: 1;
padding: 24px 10px;
order: 2;
}
.swpm_report_date_range_form div:last-child{
margin-top: 0px;
margin-left: 4px;
}
}  .swpm-woocommerce-page-protection-msg{
text-align: center;
}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
 .off1200,
.off1170,
.off1100,
.off991,
.off850,
.off767,
.off640,
.off480,
.off375,
.off360,
.off320 {
display: block !important;
}
.on1200,
.on1170,
.on1100,
.on991,
.on850,
.on767,
.on640,
.on480,
.on375,
.on360,
.on320 {
display: none !important;
}
@media (max-width: 1200px) {
.off1200 {
display: none !important;
}
.on1200 {
display: block !important;
}
}
@media (max-width: 1170px) {
.off1170 {
display: none !important;
}
.on1170 {
display: block !important;
}
}
@media (max-width: 1100px) {
.off1100 {
display: none !important;
}
.on1100 {
display: block !important;
}
}
@media (max-width: 991px) {
.off991 {
display: none !important;
}
.on991 {
display: block !important;
}
}
@media (max-width: 850px) {
.off850 {
display: none !important;
}
.on850 {
display: block !important;
}
}
@media (max-width: 767px) {
.off767 {
display: none !important;
}
.on767 {
display: block !important;
}
}
@media (max-width: 640px) {
.off640 {
display: none !important;
}
.on640 {
display: block !important;
}
}
@media (max-width: 480px) {
.off480 {
display: none !important;
}
.on480 {
display: block !important;
}
}
@media (max-width: 375px) {
.off375 {
display: none !important;
}
.on375 {
display: block !important;
}
}
@media (max-width: 360px) {
.off360 {
display: none !important;
}
.on360 {
display: block !important;
}
}
@media (max-width: 320px) {
.off320 {
display: none !important;
}
.on320 {
display: block !important;
}
} .off767_inline {
display: inline !important;
}
.on767_inline {
display: none !important;
}
@media (max-width: 767px) {
.off767_inline {
display: none !important;
}
.on767_inline {
display: inline !important;
}
}  *,
*::before,
*::after {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}
html {
overflow-y: scroll;
line-height: 1.6;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 10px;
font-size: 62.5%;
}
html.active {
overflow: hidden;
} body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
-webkit-margin-after: 0;
margin-block-end: 0;
margin: 0;
} ul,
ol {
list-style: none;
} body {
min-height: 100vh;
line-height: 1.5;
font-size: 18px;
font-size: 1.8rem;
font-family: "Helvetica Neue","Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
margin-bottom: 0 !important;
} .ming {
font-family: "Times New Roman","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
font-weight: 800;
}
.gothic {
font-family: "Helvetica Neue","Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif;
} h1, h2, h3, h4 {
text-wrap: balance;
} a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto; }
a:active,
a:hover {
outline-width: 0; }
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
outline-width: 0;
} img,
picture {
max-width: 100%;
display: block;
} input, button,
textarea, select {
font-family: inherit;
font-size: inherit;
} textarea:not([rows]) { } :target {
scroll-margin-block: 5ex;
}
  html {
scroll-behavior: smooth;
}
main.page, main.archive, main.book-search {
padding-bottom: 200px;
}
a, a:visited, a:focus {
color: #795d09;
display: inline-block;
margin-bottom: 0.5rem;
}
@media (hover: hover) {
a:hover, a:visited:hover, a:focus:hover {
opacity: 0.8;
color: #d8ad2d;
}
}
@media (hover: none) {
a:active, a:visited:active, a:focus:active {
opacity: 0.8;
color: #d8ad2d;
}
} #masthead { position: fixed;
width: 100%;
top: 0;
z-index: 1;
-webkit-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease; background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(1%, white), to(rgba(255, 255, 255, 0.3)));
background: -webkit-linear-gradient(top, white 0%, white 1%, rgba(255, 255, 255, 0.3) 100%);
background: -o-linear-gradient(top, white 0%, white 1%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to bottom, white 0%, white 1%, rgba(255, 255, 255, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4ffffff',GradientType=0 );
}
#masthead .header_inner {
width: 100%;
max-width: 123rem;
padding: 1.5rem;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#masthead .header_inner .site-branding .site-title {
width: 28rem;
}
#masthead .header_inner .site-branding .site-title a {
font-family: "M PLUS Rounded 1c", sans-serif;
font-size: 2.8rem;
font-weight: 700;
text-decoration: none;
color: #000;
}
#masthead .header_inner .main-navigation {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 2%;
}
#masthead .header_inner .main-navigation div.nav_btn a {
padding: 1.2rem 3.2rem;
border: solid 1px #fb6502;
background: #fff;
color: #fb6502;
border-radius: 5px;
font-size: 1.8rem;
}
@media (hover: hover) {
#masthead .header_inner .main-navigation div.nav_btn a:hover {
border: solid 1px #fabd00;
background: #fabd00;
color: #fff;
}
}
@media (hover: none) {
#masthead .header_inner .main-navigation div.nav_btn a:active {
border: solid 1px #fabd00;
background: #fabd00;
color: #fff;
}
}
#masthead .header_inner .main-navigation div.nav_btn.make a {
border: solid 1px #fb6502;
background: #fb6502;
color: #fff;
}
@media (hover: hover) {
#masthead .header_inner .main-navigation div.nav_btn.make a:hover {
border: solid 1px #fabd00;
background: #fabd00;
}
}
@media (hover: none) {
#masthead .header_inner .main-navigation div.nav_btn.make a:active {
border: solid 1px #fabd00;
background: #fabd00;
}
}
@media (max-width: 640px) {
#masthead .header_inner .main-navigation {
width: 150px;
gap: 0.5rem;
}
#masthead .header_inner .main-navigation div.nav_btn a {
padding: 0.8rem 2rem;
font-size: 1.4rem;
width: 11.5rem;
text-align: center;
}
}
@media (max-width: 640px) and (max-width: 480px) {
#masthead .header_inner .main-navigation {
display: none;
}
} article.page header h1 {
text-align: center;
}
article.page header.entry-header {
height: 20rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-linear-gradient(315deg, #ffda65 0%, #ffda64 50%, #fbbe03 50%, #fbbe03 100%);
background: -o-linear-gradient(315deg, #ffda65 0%, #ffda64 50%, #fbbe03 50%, #fbbe03 100%);
background: linear-gradient(135deg, #ffda65 0%, #ffda64 50%, #fbbe03 50%, #fbbe03 100%);
}
article.page header.entry-header h1.entry-title {
color: #fff;
}
section .section_inner {
width: 100%;
max-width: 123rem;
margin: auto;
padding: 8rem 1.5rem;
}
@media (max-width: 767px) {
section .section_inner {
padding: 6rem 1.5rem;
}
}
@media (max-width: 480px) {
section .section_inner {
padding: 3rem 1.5rem;
}
}
section .section_title {
margin-bottom: 2rem;
}
section .section_title h2 {
text-align: center;
font-size: 4.8rem;
font-family: inherit;
}
@media (max-width: 767px) {
section .section_title h2 {
font-size: 6vw;
}
}
section.ad .section_inner {
padding-top: 0;
padding-bottom: 3rem;
} #page {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
overflow: hidden;
}
#colophon {
margin-top: auto;
padding: 0;
z-index: 1;
}
#colophon .site-info {
padding: 4rem 1rem 3rem;
text-align: center;
font-size: 1.6rem;
background: #666;
}
#colophon .site-info p.copy.zenan {
color: #fff;
}
#colophon .site-info p.wid_logo a {
width: 150px;
display: block;
margin: 4rem auto 1rem;
}
@media (hover: hover) {
#colophon .site-info p.wid_logo a:hover {
opacity: 0.8;
}
}
@media (hover: none) {
#colophon .site-info p.wid_logo a:active {
opacity: 0.8;
}
}
#colophon .footer_link {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 2rem;
color: #fff;
}
#colophon .footer_link a {
color: #fff;
font-weight: 600;
}
#colophon .main-navigation {
display: none;
}
@media (max-width: 480px) {
#colophon .main-navigation {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: fixed;
bottom: 0;
}
#colophon .main-navigation div.nav_btn {
width: 50%;
}
#colophon .main-navigation div.nav_btn a {
padding: 1.2rem 3.2rem;
border: solid 1px #fb6502;
background: #fff;
color: #fb6502;
font-size: 1.8rem;
margin: 0;
text-align: center;
}
#colophon .main-navigation div.nav_btn.make a {
border: solid 1px #fb6502;
background: #fb6502;
color: #fff;
}
}
@media (max-width: 480px) {
#colophon {
padding-bottom: 53px;
}
}
@media (max-width: 480px) {
.single #colophon {
padding-bottom: 0;
}
} .paper {
background: #fff;
padding: 5rem;
width: 100%;
max-width: 82rem;
margin: 30px auto;
-webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
position: relative;
}
@media (max-width: 480px) {
.paper {
padding: 1rem 2rem;
}
}
.paper::before, .paper::after {
content: "";
height: 98%;
position: absolute;
width: 100%;
z-index: -1;
}
.paper::before {
background: #fafafa;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
left: -1rem;
top: 4px;
-webkit-transform: rotate(-2.5deg);
-ms-transform: rotate(-2.5deg);
transform: rotate(-2.5deg);
}
.paper::after {
background: #f6f6f6;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
right: -1rem;
top: 1px;
-webkit-transform: rotate(1.4deg);
-ms-transform: rotate(1.4deg);
transform: rotate(1.4deg);
}
.paper.login {
max-width: 35rem;
}
.paper.login .swpm-username-input input, .paper.login .swpm-password-input input, .paper.login .swpm-login-submit input {
width: 100%;
}
.paper.login .swpm-login-submit {
margin-top: 3rem;
margin-bottom: 3rem;
}
.paper.withdrawal {
max-width: 40rem;
text-align: center;
}
.paper.withdrawal #nlmg-resign-button {
margin: 3rem 0;
}
.paper .delete {
text-align: center;
}
.paper .delete a {
margin-top: 5rem;
}
.paper .hp_list a {
width: 100%;
display: block;
padding: 1.2rem 3.2rem;
border-radius: 5px;
font-size: 1.8rem;
border: solid 1px #fb6502;
background: #fb6502;
color: #fff;
text-align: center;
text-decoration: none;
margin-bottom: 3rem;
}
@media (hover: hover) {
.paper .hp_list a:hover {
opacity: 1;
border: solid 1px #fabd00;
background: #fabd00;
}
}
@media (hover: none) {
.paper .hp_list a:active {
opacity: 1;
border: solid 1px #fabd00;
background: #fabd00;
}
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="url"], .contact-form input[type="password"], .contact-form input[type="search"], .contact-form input[type="number"], .contact-form input[type="tel"], .contact-form input[type="range"], .contact-form input[type="date"], .contact-form input[type="month"], .contact-form input[type="week"], .contact-form input[type="time"], .contact-form input[type="datetime"], .contact-form input[type="datetime-local"], .contact-form input[type="color"], .contact-form textarea {
font-size: 1.6rem;
width: 100%;
padding: 3px 6px;
}
.contact-form h2 {
text-align: center;
margin-bottom: 3rem;
}
.contact-form span.note {
color: #FF5722;
}
.contact-form .form-item {
margin-top: 2rem;
}
.contact-form h3 {
text-align: center;
margin: 5rem auto 2rem;
}
.contact-form .wpcf7-list-item {
margin: 0;
}
.contact-form div#your-domain1, .contact-form div#your-domain2, .contact-form div#your-domain3 {
margin-top: 1rem;
}
.contact-form .label-area {
margin-bottom: 0.5rem;
}
.contact-form .submit-area {
text-align: center;
margin-top: 5rem;
}
.contact-form .submit-btn2 {
margin-top: 3rem;
}
.contact-form span.wpcf7-spinner {
position: absolute;
} .swpm-registration-form-section {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swpm-form .swpm-form-row {
width: 50%;
margin-bottom: 2rem;
}
@media (max-width: 767px) {
.swpm-form .swpm-form-row {
width: 100%;
}
}
.swpm-form-row.swpm-submit-section.swpm-registration-submit-section {
width: 100%;
margin-top: 5rem;
} .swpm-login-widget-logged {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swpm-username-input,
.swpm-password-input {
margin-bottom: 2rem;
}
.swpm-logged-username,
.swpm-logged-status,
.swpm-logged-membership,
.swpm-logged-expiry,
.swpm-edit-profile-link,
.swpm-logged-logout-link {
width: 100%;
margin-bottom: 3rem !important;
}
@media (max-width: 767px) {
.swpm-logged-username,
.swpm-logged-status,
.swpm-logged-membership,
.swpm-logged-expiry,
.swpm-edit-profile-link,
.swpm-logged-logout-link {
width: 100%;
}
}
.swpm-logged-value {
background: #fff7da;
padding: 0.5rem 1rem;
text-align: center;
margin-top: 0.5rem;
}
.swpm-edit-profile-link a {
text-align: center;
text-decoration: none;
background: #fbbe03;
color: #fff;
padding: 1rem 2rem;
border-radius: 5px;
width: 100%;
}
@media (hover: hover) {
.swpm-edit-profile-link a:hover {
color: #fff;
}
}
@media (hover: none) {
.swpm-edit-profile-link a:active {
color: #fff;
}
}
.swpm-logged-logout-link {
margin-bottom: 0 !important;
}
.swpm-logged-logout-link a {
text-align: center;
text-decoration: none;
background: #fbbe03;
color: #fff;
padding: 1rem 2rem;
border-radius: 5px;
width: 100%;
}
@media (hover: hover) {
.swpm-logged-logout-link a:hover {
color: #fff;
}
}
@media (hover: none) {
.swpm-logged-logout-link a:active {
color: #fff;
}
}
.swpm-form .swpm-form-row.swpm-username-row,
.swpm-form .swpm-form-row.swpm-email-row,
.swpm-form .swpm-form-row.swpm-password-row,
.swpm-form .swpm-form-row.swpm-repass-row,
.swpm-form .swpm-form-row.swpm-lastname-row,
.swpm-form .swpm-form-row.swpm-firstname-row {
margin-bottom: 2rem;
}
.swpm-form .swpm-form-row.swpm-username-row > .swpm-form-label-wrap,
.swpm-form .swpm-form-row.swpm-email-row > .swpm-form-label-wrap,
.swpm-form .swpm-form-row.swpm-password-row > .swpm-form-label-wrap,
.swpm-form .swpm-form-row.swpm-repass-row > .swpm-form-label-wrap,
.swpm-form .swpm-form-row.swpm-lastname-row > .swpm-form-label-wrap,
.swpm-form .swpm-form-row.swpm-firstname-row > .swpm-form-label-wrap {
margin-bottom: 0.5rem;
}
#swpm-login-form .swpm-login-form-inner .swpm-password-label,
#swpm-login-form .swpm-login-form-inner .swpm-username-label {
margin-bottom: 0.5rem;
}
.swpm-form-row.swpm-username-row {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.swpm-form-row.swpm-email-row {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.swpm-form-row.swpm-password-row {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.swpm-form-row.swpm-repass-row {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.swpm-form-row.swpm-lastname-row {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.swpm-form-row.swpm-firstname-row {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-moz-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.swpm-form-row.swpm-membership-level-row {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-moz-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 3%;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
}
.swpm-form-row.swpm-membership-level-row .swpm-form-membership-level-value {
color: #FF9800;
}
.swpm-form-row.swpm-terms-row {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-moz-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.swpm-form-row.swpm-pp-row {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-moz-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.swpm-form-row.swpm-submit-section.swpm-registration-submit-section {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-moz-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.swpm-remember-me {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
} form#swpm-profile-form > div {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
form#swpm-profile-form > div .swpm-form-row {
width: 50%;
margin-bottom: 2rem;
}
@media (max-width: 767px) {
form#swpm-profile-form > div .swpm-form-row {
width: 100%;
}
}
form#swpm-profile-form .swpm-form-row.swpm-submit-section.swpm-edit-profile-submit-section {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-top: 3rem;
}
form#swpm-profile-form .swpm-form-row.swpm-country-row {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: none;
}
form#swpm-profile-form .swpm-form-row.swpm-membership-level-row {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 3%;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
form#swpm-profile-form .swpm-form-row.swpm-membership-level-row .swpm-form-membership-level-input-wrap {
color: #FF9800;
}
form#swpm-profile-form .swpm-form-row.swpm-username-row {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
gap: 3%;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
form#swpm-profile-form .swpm-form-row.swpm-username-row .swpm-form-username-label-wrap {
margin-bottom: 0;
}
form#swpm-profile-form .swpm-form-row.swpm-lastname-row {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
form#swpm-profile-form .swpm-form-row.swpm-firstname-row {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
form#swpm-profile-form .swpm-form-row.swpm-phone-row {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
display: none;
}
form#swpm-profile-form .swpm-form-row.swpm-email-row {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-moz-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
form#swpm-profile-form .swpm-form-row.swpm-password-row {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-moz-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
form#swpm-profile-form .swpm-form-row.swpm-repass-row {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-moz-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
form#swpm-profile-form .swpm-form-row.swpm-zipcode-row {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-moz-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
display: none;
}
form#swpm-profile-form .swpm-form-row.swpm-state-row {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-moz-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
display: none;
}
form#swpm-profile-form .swpm-form-row.swpm-city-row {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-moz-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
display: none;
}
form#swpm-profile-form .swpm-form-row.swpm-street-row {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-moz-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
display: none;
}
form#swpm-profile-form .swpm-form-row.swpm-company-row {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-moz-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
display: none;
}
form#swpm-profile-form .swpm-form-row.swpm-company-row .swpm-form-label-wrap.swpm-form-company-label-wrap {
margin-bottom: 0.5rem;
} #terms-of-use h2,
#privacy-policy h2 {
text-align: center;
margin-bottom: 2rem;
}
#terms-of-use p.item_title,
#privacy-policy p.item_title {
font-weight: 600;
font-size: 1.8rem;
}
#terms-of-use p.item_title:not(:first-child),
#privacy-policy p.item_title:not(:first-child) {
margin-top: 3rem;
}
#terms-of-use ul,
#privacy-policy ul {
margin: 0 0 0 1.5rem;
}
#terms-of-use ul li,
#privacy-policy ul li {
text-indent: -1.5rem;
padding-left: 1.5rem;
} footer.entry-footer {
position: fixed;
bottom: 0;
right: 0;
z-index: 2;
}
footer.entry-footer a {
width: 6rem;
height: 6rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: #000;
font-size: 120%;
background: #fff;
border-radius: 10px 0 0 0;
margin: 0;
} .ad_area .ad_inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} label, .swpm-remember-checkbox {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 4px;
-moz-column-gap: 4px;
column-gap: 4px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
line-height: 1;
cursor: pointer;
}
label:not(:last-of-type), .swpm-remember-checkbox:not(:last-of-type) {
margin-bottom: 16px;
}
label input[type="checkbox"], .swpm-remember-checkbox input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
width: 20px;
height: 20px;
border: 1px solid #fcbf01;
border-radius: 2px;
cursor: pointer;
}
label input[type="checkbox"]:checked, .swpm-remember-checkbox input[type="checkbox"]:checked {
background-color: #fcbf01;
}
label input[type="checkbox"]:checked::after, .swpm-remember-checkbox input[type="checkbox"]:checked::after {
content: "";
position: absolute;
top: 5px;
left: 3px;
width: 12px;
height: 6px;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
padding: 1.2rem 3.2rem;
border-radius: 5px;
font-size: 1.8rem;
border: solid 1px #fb6502;
background: #fb6502;
color: #fff;
font-size: 2rem;
}
@media (hover: hover) {
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border: solid 1px #fabd00;
background: #fabd00;
}
}
@media (hover: none) {
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
border: solid 1px #fabd00;
background: #fabd00;
}
} .off {
opacity: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: 0.8s all ease 0s;
-o-transition: 0.8s all ease 0s;
transition: 0.8s all ease 0s;
}
.off.up {
opacity: 0;
-webkit-transform: translate(0, 30px);
-ms-transform: translate(0, 30px);
transform: translate(0, 30px);
-webkit-transition: 0.8s all ease 0s;
-o-transition: 0.8s all ease 0s;
transition: 0.8s all ease 0s;
}
.off.down {
opacity: 0;
-webkit-transform: translate(0, -30px);
-ms-transform: translate(0, -30px);
transform: translate(0, -30px);
-webkit-transition: 0.8s all ease 0s;
-o-transition: 0.8s all ease 0s;
transition: 0.8s all ease 0s;
}
.off.left {
opacity: 0;
-webkit-transform: translate(-30px, 0);
-ms-transform: translate(-30px, 0);
transform: translate(-30px, 0);
-webkit-transition: 0.8s all ease 0s;
-o-transition: 0.8s all ease 0s;
transition: 0.8s all ease 0s;
}
.off.right {
opacity: 0;
-webkit-transform: translate(30px, 0);
-ms-transform: translate(30px, 0);
transform: translate(30px, 0);
-webkit-transition: 0.8s all ease 0s;
-o-transition: 0.8s all ease 0s;
transition: 0.8s all ease 0s;
}
.off.on {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}@keyframes smartphoto{from{opacity:0}to{opacity:1}}@keyframes smartphoto-img-wrap{from{opacity:0}to{opacity:1}}@keyframes smartphoto-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}@keyframes smartphoto-loader{0%{opacity:.4;transform:rotate(0deg)}50%{opacity:1;transform:rotate(180deg)}100%{opacity:.4;transform:rotate(360deg)}}@keyframes smartphoto-appear{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes smartphoto-hide{0%{display:block;opacity:1}99%{display:block;opacity:0}100%{display:none;opacity:0}}.smartphoto{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#000;opacity:1;font-family:sans-serif;cursor:pointer;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;transition:all 0.3s ease-out;animation-name:smartphoto;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto[aria-hidden="true"]{display:none}.smartphoto-close{opacity:0}.smartphoto-count{display:inline-block;color:#FFF;font-size:16px}.smartphoto-header{display:block;box-sizing:border-box;position:fixed;z-index:102;top:0;left:0;width:100%;height:50px;padding:15px;background-color:rgba(0,0,0,0.2)}.smartphoto-content{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.smartphoto-dismiss{display:block;position:absolute;top:15px;right:10px;width:20px;height:20px;padding:0;border:none;background-color:transparent;background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);text-shadow:0 1px 0 #FFF;color:#FFF;font-size:30px;text-decoration:none;cursor:pointer;line-height:1}.smartphoto-body{position:relative;z-index:102;width:100%;height:100%;margin:0 auto}.smartphoto-inner{position:relative;width:100%;height:100%;vertical-align:top}.smartphoto-img{display:none;max-width:none;width:auto;height:auto;cursor:zoom-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:transform 0.3s ease-out;-webkit-user-drag:none}.smartphoto-img.active{display:block}.smartphoto-img-onmove{cursor:grab;cursor:-webkit-grab;transition:none}.smartphoto-img-elasticmove{transition:transform 0.3s ease-out}.smartphoto-img-wrap{display:inline-block;opacity:1;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;animation-name:smartphoto-img-wrap;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-img-left{transform:translateX(150%) !important}.smartphoto-img-right{transform:translateX(-150%) !important}.smartphoto-arrows{list-style-type:none;margin:0;padding:0;position:relative;z-index:1002;top:50%;left:0;opacity:1;animation-name:smartphoto-appear;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-arrows[aria-hidden="true"]{animation-name:smartphoto-hide;display:none}.smartphoto-arrows li{display:block;position:absolute;top:50%;width:30px;height:30px;margin-top:-20px;box-sizing:content-box;animation-duration:.3s;animation-timing-function:ease-out;animation-name:smartphoto-appear}.smartphoto-arrows li:focus{outline:none}.smartphoto-arrows [aria-hidden="true"]{animation-name:smartphoto-hide;display:none}.smartphoto-arrows a{display:block;width:100%;height:100%;text-decoration:none}.smartphoto-arrow-right{right:0;padding:5px 0;background-color:rgba(0,0,0,0.5)}.smartphoto-arrow-right a{background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==)}.smartphoto-arrow-left{left:0;padding:5px 0;background-color:rgba(0,0,0,0.5)}.smartphoto-arrow-left a{background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+)}.smartPhotoArrowHideIcon{display:none}.smartphoto-nav{position:absolute;bottom:0;left:0;width:100%;opacity:1;animation-name:smartphoto-appear;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-nav[aria-hidden="true"]{animation-name:smartphoto-hide;display:none}.smartphoto-nav ul{display:block;overflow-x:auto;list-style:none;margin:0;padding:0;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.smartphoto-nav li{display:inline-block;overflow:hidden;width:50px;height:50px}.smartphoto-nav a{display:block;width:100%;height:100%;background-color:#FFF;background-position:center center;background-size:cover;opacity:.5}.smartphoto-nav a:focus{opacity:.8}.smartphoto-nav a.current{opacity:1}.smartphoto-nav img{width:auto;height:100%}.smartphoto-list{list-style-type:none;position:absolute;z-index:101;top:0;left:0;margin:0;padding:0;white-space:nowrap}.smartphoto-list li{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease-out}.smartphoto-list li:focus{outline:none}.smartphoto-list-onmove{transition:all 0.3s ease-out}.smartphoto-caption{overflow:hidden;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:50px;padding:0 50px;color:#FFF;font-size:12px;text-align:center;line-height:50px;white-space:nowrap;text-overflow:ellipsis}.smartphoto-caption:focus{outline:none}.smartphoto-loader-wrap{display:block;position:relative;z-index:103;width:0;height:0;transform:translate(50vw, 50vh)}.smartphoto-loader{position:absolute;z-index:101;top:0;left:0;width:30px;height:30px;margin-top:-25px;margin-left:-25px;border:8px solid #17CDDD;border-right-color:transparent;border-radius:50%;animation:smartphoto-loader .5s infinite linear}.smartphoto-img-clone{position:fixed;z-index:100;top:0;left:0;transition:all .3s ease-out}.smartphoto-sr-only{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0, 0, 0, 0)}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://hp.minnna.jp/homepage/wp-content/themes/hp_minnna/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://hp.minnna.jp/homepage/wp-content/themes/hp_minnna/slick/fonts/slick.eot);
src: url(https://hp.minnna.jp/homepage/wp-content/themes/hp_minnna/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://hp.minnna.jp/homepage/wp-content/themes/hp_minnna/slick/fonts/slick.woff) format('woff'), url(https://hp.minnna.jp/homepage/wp-content/themes/hp_minnna/slick/fonts/slick.ttf) format('truetype'), url(https://hp.minnna.jp/homepage/wp-content/themes/hp_minnna/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
  section#hero {
background: -webkit-gradient(linear, left top, right top, from(#ffda65), color-stop(49%, #ffda65), color-stop(50%, #fbbe03), to(#fbbe03));
background: -webkit-linear-gradient(left, #ffda65 0%, #ffda65 49%, #fbbe03 50%, #fbbe03 100%);
background: -o-linear-gradient(left, #ffda65 0%, #ffda65 49%, #fbbe03 50%, #fbbe03 100%);
background: linear-gradient(to right, #ffda65 0%, #ffda65 49%, #fbbe03 50%, #fbbe03 100%);
}
section#hero .section_inner {
padding: 0 1.5rem;
position: relative;
}
@media (max-width: 767px) {
section#hero .section_inner {
padding: 0 2vw;
}
}
section#hero .section_inner .imgarea {
position: relative;
}
@media (max-width: 991px) {
section#hero .section_inner .imgarea img {
margin: auto;
}
}
section#hero .section_inner .pop {
position: absolute;
top: 3rem;
left: 4rem;
width: 36rem;
}
@media (max-width: 1100px) {
section#hero .section_inner .pop {
top: 1rem;
left: 0rem;
}
}
@media (max-width: 991px) {
section#hero .section_inner .pop {
top: 2rem;
width: 80%;
}
}
section#hero .section_inner .pop p {
display: inline-block;
font-size: 2.4rem;
background: #fb6300;
padding: 0.5rem 2rem;
color: #fff;
}
@media (max-width: 767px) {
section#hero .section_inner .pop p {
font-size: 3.6vw;
padding: 0.6vw 2.3vw;
white-space: nowrap;
}
}
section#hero .section_inner .pop p:first-child {
margin-left: 3rem;
margin-bottom: 1rem;
}
@media (max-width: 767px) {
section#hero .section_inner .pop p:first-child {
margin-left: 3vw;
margin-bottom: 1.5vw;
}
}
section#hero .section_inner .kye_btn {
position: absolute;
bottom: 25px;
left: 0;
right: 0;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: 30rem;
}
@media (max-width: 1100px) {
section#hero .section_inner .kye_btn {
bottom: 10px;
}
}
@media (max-width: 991px) {
section#hero .section_inner .kye_btn {
padding: 0;
bottom: 15px;
}
}
@media (max-width: 767px) {
section#hero .section_inner .kye_btn {
bottom: 1vw;
}
}
section#hero .section_inner .kye_btn a {
font-size: 2.4rem;
min-width: 30rem;
text-align: center;
background: #000;
border-radius: 5rem;
padding: 1rem 2rem;
color: #fff;
-webkit-text-decoration: dashed;
-moz-text-decoration: dashed;
text-decoration: dashed;
}
@media (max-width: 767px) {
section#hero .section_inner .kye_btn a {
font-size: 3.12vw;
padding: 1vw 2.6vw;
min-width: 45vw;
}
} section#key_text {
text-align: center;
}
section#key_text .section_inner {
padding: 3rem 1.5rem;
}
section#key_text p {
font-size: 2.4rem;
}
@media (max-width: 850px) {
section#key_text p {
font-size: 2rem;
}
}
@media (max-width: 480px) {
section#key_text p {
font-size: 1.6rem;
}
} section#specifications .section_inner {
padding-top: 0rem;
}
section#specifications .specifications {
background: #f9f5e8;
border-radius: 1rem;
padding: 3rem;
}
section#specifications .specifications h3 {
text-align: center;
font-size: 2.4rem;
margin-bottom: 3rem;
}
section#specifications .specifications .specifications_list {
max-width: 100rem;
margin: auto;
}
section#specifications .specifications .specifications_list ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
font-size: 2.0rem;
}
section#specifications .specifications .specifications_list ul li:first-child {
width: 13rem;
text-indent: -1.8rem;
padding-left: 1.8rem;
}
@media (max-width: 767px) {
section#specifications .specifications .specifications_list ul li:first-child {
width: 100%;
}
}
section#specifications .specifications .specifications_list ul li:last-child {
width: calc(100% - 13rem);
text-indent: -2.5rem;
padding-left: 2.5rem;
}
@media (max-width: 767px) {
section#specifications .specifications .specifications_list ul li:last-child {
width: 100%;
text-indent: 0;
padding-left: 2.5rem;
}
}
@media (max-width: 480px) {
section#specifications .specifications .specifications_list ul li:last-child {
padding-left: 1.8rem;
}
}
section#specifications .specifications .specifications_list ul:not(:last-child) {
margin-bottom: 1rem;
}
@media (max-width: 480px) {
section#specifications .specifications {
padding: 2rem;
}
section#specifications .specifications h3 {
margin-bottom: 2rem;
font-size: 2rem;
}
}
@media (max-width: 480px) and (max-width: 480px) {
section#specifications .specifications h3 {
font-size: 1.6rem;
}
}
@media (max-width: 480px) {
section#specifications .specifications .specifications_list ul {
font-size: 1.6rem;
}
} @media (max-width: 1300px) {
section#new_post .section_inner {
padding: 8rem 4rem;
}
}
section#new_post .post-slide {
width: 100%;
margin: 0 auto;
}
section#new_post .post-slide .slide-arrow {
border: none;
display: inline-block;
vertical-align: middle;
color: #fabe00;
line-height: 1;
width: 1.6em;
height: 2em;
background: transparent;
margin: auto;
position: absolute;
top: 35%;
padding: 1.6rem;
font-size: inherit;
}
section#new_post .post-slide .slide-arrow.next-arrow {
-webkit-transform: translateX(-25%) rotate(45deg);
-ms-transform: translateX(-25%) rotate(45deg);
transform: translateX(-25%) rotate(45deg);
right: -4rem;
}
@media (max-width: 1300px) {
section#new_post .post-slide .slide-arrow.next-arrow {
right: -3.5rem;
}
}
section#new_post .post-slide .slide-arrow.prev-arrow {
-webkit-transform: translateX(25%) rotate(-135deg);
-ms-transform: translateX(25%) rotate(-135deg);
transform: translateX(25%) rotate(-135deg);
left: -4rem;
}
@media (max-width: 1300px) {
section#new_post .post-slide .slide-arrow.prev-arrow {
left: -3.5rem;
}
}
section#new_post .post-slide .slide-arrow::before, section#new_post .post-slide .slide-arrow::after {
content: '';
position: absolute;
background: currentColor;
border-radius: 0.5em;
}
section#new_post .post-slide .slide-arrow::before {
top: 0;
left: 0;
right: 0;
height: 0.5em;
}
section#new_post .post-slide .slide-arrow::after {
top: 0;
right: 0;
bottom: 0;
width: 0.5em;
}
section#new_post .slide-item {
padding: 10px;
}
section#new_post .slide-item .iflame_link {
display: block;
padding-top: 120%;
width: 100%;
position: relative;
overflow: hidden;
border: solid 10px #e8e8e8;
border-radius: 5px;
margin-bottom: 2rem;
}
section#new_post .slide-item .iflame_link .post-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-width: 1280px;
min-height: 1650px;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transform: scale(0.22);
-ms-transform: scale(0.22);
transform: scale(0.22);
border: none;
-o-object-fit: contain;
object-fit: contain;
}
section#new_post .slide-item .iflame_link img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section#new_post .slide-item .iflame_link::after {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
}
section#new_post .slide-item h3.newpost_title {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin-bottom: 10px;
}
section#new_post .slide-item h3.newpost_title a {
font-size: 1.6rem;
color: #000;
text-decoration: none;
}
section#new_post .slide-item .category {
margin-bottom: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
section#new_post .slide-item .category a {
font-size: 1.4rem;
background: #e8e8e8;
color: #000;
text-decoration: none;
display: inline-block;
width: 20rem;
text-align: center;
border-radius: 5rem;
padding: 0.5rem;
} section#how_to_make {
background: #f7f3e5;
}
section#how_to_make .how_to_make_description {
text-align: center;
margin: 8rem auto 0;
font-size: 2rem;
}
@media (max-width: 480px) {
section#how_to_make .how_to_make_description {
font-size: 1.6rem;
}
}
section#how_to_make .how_to_make_description .make_hp {
margin-bottom: 4rem;
}
section#how_to_make .how_to_make_description .make_hp a {
border: solid 1px #fb6502;
background: #fb6502;
color: #fff;
text-decoration: none;
padding: 1rem;
border-radius: 0.5rem;
width: 22rem;
margin-top: 2rem;
}
section#how_to_make .how_to_make_description .manual_ {
margin-bottom: 6rem;
}
section#how_to_make .how_to_make_description .manual_ a {
border: solid 1px #000;
background: #000;
color: #fff;
text-decoration: none;
padding: 1rem;
border-radius: 0.5rem;
width: 22rem;
margin-top: 2rem;
}
section#how_to_make .how_to_make_description .demo {
background: #fff;
max-width: 44rem;
margin: 4rem auto 0;
padding: 2rem;
border-radius: 1rem;
}
section#how_to_make .making_box:not(:last-child) {
margin-bottom: 8rem;
}
section#how_to_make .making_box .box_title {
max-width: 80rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto 2rem;
gap: 2rem;
}
section#how_to_make .making_box .box_title label.step {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0.8rem 3rem 0.8rem 2rem;
border-radius: 0 5rem 5rem 0;
background: #fff;
border: solid 1px #fb6300;
color: #fb6300;
font-size: 2.8rem;
font-weight: 600;
}
section#how_to_make .making_box .box_title label.step span {
font-size: 2.3rem;
}
@media (max-width: 480px) {
section#how_to_make .making_box .box_title label.step {
font-size: 1.8rem;
}
section#how_to_make .making_box .box_title label.step span {
font-size: 1.6rem;
}
}
section#how_to_make .making_box .box_title p {
width: 100%;
padding-left: 1rem;
font-size: 1.8rem;
}
@media (max-width: 767px) {
section#how_to_make .making_box .box_title p {
margin-top: 1rem;
}
}
section#how_to_make .making_box .screen_capture {
width: 100%;
}
section#how_to_make .making_box .screen_capture a {
display: block;
width: 100%;
position: relative;
}
section#how_to_make .making_box .screen_capture a img {
top: 0;
width: 100%;
max-width: 80rem;
height: 100%;
display: block;
left: 0;
-o-object-fit: contain;
object-fit: contain;
margin: auto;
}
section#how_to_make .logon_btn {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 7rem;
}
section#how_to_make .logon_btn .kye_btn a {
display: block;
font-size: 4rem;
width: auto;
text-align: center;
background: #fb6502;
border-radius: 5rem;
padding: 1rem 3rem;
color: #fff;
-webkit-text-decoration: dashed;
-moz-text-decoration: dashed;
text-decoration: dashed;
}
section#how_to_make .manual {
text-align: center;
margin: 5rem auto 0;
}
.smartphoto {
background-color: rgba(0, 0, 0, 0.9);
} #option .option_list {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 2rem 2%;
}
#option .option_list .option_box {
-webkit-box-flex: 1;
-webkit-flex: auto;
-moz-box-flex: 1;
-ms-flex: auto;
flex: auto;
max-width: 28.2rem;
border: solid 1px #ddd;
padding: 1rem 2rem;
border-radius: 1rem;
}
@media (max-width: 480px) {
#option .option_list .option_box {
max-width: 90%;
}
}
#option .option_list .option_box .option_img {
width: 100%;
position: relative;
padding-top: 70%;
border-radius: 100%;
overflow: hidden;
max-width: 70%;
max-height: 70%;
margin: auto;
}
#option .option_list .option_box .option_img img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 100%;
padding: 2rem;
}
#option .option_list .option_box .option_info {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 1rem;
}
#option .option_list .option_box .option_info .name {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin-bottom: 1rem;
font-weight: 600;
font-size: 2rem;
}
@media (max-width: 480px) {
#option .option_list .option_box .option_info .name {
font-size: 1.6rem;
}
}
#option .option_list .option_box .option_info .cost {
text-align: center;
margin-bottom: 1rem;
font-size: 3rem;
font-weight: 600;
color: #fb6502;
position: relative;
display: inline-block;
padding: 0 1rem;
}
#option .option_list .option_box .option_info .cost.line::after {
content: "";
position: absolute;
display: inline-block;
width: 100%;
height: 2px;
background: #000;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#option .option_list .option_box .option_info .cost span {
font-size: 1.8rem;
}
#option .option_list .option_box .option_info .description a {
color: #fff;
background: #fb6502;
padding: 0.1rem 0.6rem;
margin: 0 0.5rem;
text-decoration: none;
border-radius: 0.5rem;
}
@media (hover: hover) {
#option .option_list .option_box .option_info .description a:hover {
color: #fff;
}
}
@media (hover: none) {
#option .option_list .option_box .option_info .description a:active {
color: #fff;
}
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}