@charset "UTF-8";

 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;
font-size: 100%;
vertical-align: baseline;
} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button {
background-color: transparent;
outline: none;
border: 0;
cursor: pointer;
}    .flex {
display: flex;
}
.flex-wrap {
flex-wrap: wrap;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
}
.flex-10 {
flex: 10%;
max-width: 10%;
padding: 0 10px;
}
.flex-20 {
flex: 20%;
max-width: 20%;
padding: 0 10px;
}
.flex-30 {
flex: 30%;
max-width: 30%;
padding: 0 10px;
}
.flex-40 {
flex: 40%;
max-width: 40%;
padding: 0 10px;
}
.flex-50 {
flex: 50%;
max-width: 50%;
padding: 0 10px;
}
.flex-60 {
flex: 60%;
max-width: 60%;
padding: 0 10px;
}
.flex-70 {
flex: 70%;
max-width: 70%;
padding: 0 10px;
}
.flex-80 {
flex: 80%;
max-width: 80%;
padding: 0 10px;
}
.flex-90 {
flex: 90%;
max-width: 90%;
padding: 0 10px;
}
.flex-100 {
flex: 100%;
max-width: 100%;
padding: 0 10px;
}
.col-1 {
flex: 100%;
max-width: 100%;
padding: 0 10px;
}
.order-1 {
order: 1;
}
.col-2 {
flex: 50%;
max-width: 50%;
padding: 0 10px;
}
.order-2 {
order: 2;
}
.col-3 {
flex: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 10px;
}
.order-3 {
order: 3;
}
.col-4 {
flex: 25%;
max-width: 25%;
padding: 0 10px;
}
.order-4 {
order: 4;
}
.col-5 {
flex: 20%;
max-width: 20%;
padding: 0 10px;
}
.order-5 {
order: 5;
}
.col-6 {
flex: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 10px;
}
.order-6 {
order: 6;
}
.col-7 {
flex: 14.2857142857%;
max-width: 14.2857142857%;
padding: 0 10px;
}
.order-7 {
order: 7;
}
.col-8 {
flex: 12.5%;
max-width: 12.5%;
padding: 0 10px;
}
.order-8 {
order: 8;
} .mt0 {
margin-top: 0px !important;
}
.pt0 {
padding-top: 0px !important;
}
.mr0 {
margin-right: 0px !important;
}
.pr0 {
padding-right: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.ml0 {
margin-left: 0px !important;
}
.pl0 {
padding-left: 0px !important;
}
.ma0 {
margin: 0px !important;
}
.pa0 {
padding: 0px !important;
}
.mx0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.px0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.my0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.py0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.mt5 {
margin-top: 5px !important;
}
.pt5 {
padding-top: 5px !important;
}
.mr5 {
margin-right: 5px !important;
}
.pr5 {
padding-right: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.ml5 {
margin-left: 5px !important;
}
.pl5 {
padding-left: 5px !important;
}
.ma5 {
margin: 5px !important;
}
.pa5 {
padding: 5px !important;
}
.mx5 {
margin-left: 5px !important;
margin-right: 5px !important;
}
.px5 {
padding-left: 5px !important;
padding-right: 5px !important;
}
.my5 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.py5 {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.pt10 {
padding-top: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.ma10 {
margin: 10px !important;
}
.pa10 {
padding: 10px !important;
}
.mx10 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.px10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.my10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.py10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.pt15 {
padding-top: 15px !important;
}
.mr15 {
margin-right: 15px !important;
}
.pr15 {
padding-right: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.ml15 {
margin-left: 15px !important;
}
.pl15 {
padding-left: 15px !important;
}
.ma15 {
margin: 15px !important;
}
.pa15 {
padding: 15px !important;
}
.mx15 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.px15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.my15 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.py15 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.pt20 {
padding-top: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.ma20 {
margin: 20px !important;
}
.pa20 {
padding: 20px !important;
}
.mx20 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.px20 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.my20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.py20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.pt25 {
padding-top: 25px !important;
}
.mr25 {
margin-right: 25px !important;
}
.pr25 {
padding-right: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.ml25 {
margin-left: 25px !important;
}
.pl25 {
padding-left: 25px !important;
}
.ma25 {
margin: 25px !important;
}
.pa25 {
padding: 25px !important;
}
.mx25 {
margin-left: 25px !important;
margin-right: 25px !important;
}
.px25 {
padding-left: 25px !important;
padding-right: 25px !important;
}
.my25 {
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.py25 {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.pt30 {
padding-top: 30px !important;
}
.mr30 {
margin-right: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.ml30 {
margin-left: 30px !important;
}
.pl30 {
padding-left: 30px !important;
}
.ma30 {
margin: 30px !important;
}
.pa30 {
padding: 30px !important;
}
.mx30 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.px30 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.my30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.py30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.pt35 {
padding-top: 35px !important;
}
.mr35 {
margin-right: 35px !important;
}
.pr35 {
padding-right: 35px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.ml35 {
margin-left: 35px !important;
}
.pl35 {
padding-left: 35px !important;
}
.ma35 {
margin: 35px !important;
}
.pa35 {
padding: 35px !important;
}
.mx35 {
margin-left: 35px !important;
margin-right: 35px !important;
}
.px35 {
padding-left: 35px !important;
padding-right: 35px !important;
}
.my35 {
margin-top: 35px !important;
margin-bottom: 35px !important;
}
.py35 {
padding-top: 35px !important;
padding-bottom: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.pt40 {
padding-top: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.ma40 {
margin: 40px !important;
}
.pa40 {
padding: 40px !important;
}
.mx40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.px40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.my40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.py40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.pt45 {
padding-top: 45px !important;
}
.mr45 {
margin-right: 45px !important;
}
.pr45 {
padding-right: 45px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.ml45 {
margin-left: 45px !important;
}
.pl45 {
padding-left: 45px !important;
}
.ma45 {
margin: 45px !important;
}
.pa45 {
padding: 45px !important;
}
.mx45 {
margin-left: 45px !important;
margin-right: 45px !important;
}
.px45 {
padding-left: 45px !important;
padding-right: 45px !important;
}
.my45 {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
.py45 {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.pt50 {
padding-top: 50px !important;
}
.mr50 {
margin-right: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.ml50 {
margin-left: 50px !important;
}
.pl50 {
padding-left: 50px !important;
}
.ma50 {
margin: 50px !important;
}
.pa50 {
padding: 50px !important;
}
.mx50 {
margin-left: 50px !important;
margin-right: 50px !important;
}
.px50 {
padding-left: 50px !important;
padding-right: 50px !important;
}
.my50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.py50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.pt55 {
padding-top: 55px !important;
}
.mr55 {
margin-right: 55px !important;
}
.pr55 {
padding-right: 55px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.ml55 {
margin-left: 55px !important;
}
.pl55 {
padding-left: 55px !important;
}
.ma55 {
margin: 55px !important;
}
.pa55 {
padding: 55px !important;
}
.mx55 {
margin-left: 55px !important;
margin-right: 55px !important;
}
.px55 {
padding-left: 55px !important;
padding-right: 55px !important;
}
.my55 {
margin-top: 55px !important;
margin-bottom: 55px !important;
}
.py55 {
padding-top: 55px !important;
padding-bottom: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.pt60 {
padding-top: 60px !important;
}
.mr60 {
margin-right: 60px !important;
}
.pr60 {
padding-right: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.ml60 {
margin-left: 60px !important;
}
.pl60 {
padding-left: 60px !important;
}
.ma60 {
margin: 60px !important;
}
.pa60 {
padding: 60px !important;
}
.mx60 {
margin-left: 60px !important;
margin-right: 60px !important;
}
.px60 {
padding-left: 60px !important;
padding-right: 60px !important;
}
.my60 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.py60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
} h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lato";
src: url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/Lato-700.woff) format("woff"), url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/Lato-700.woff2) format("woff2");
font-weight: 700;
}
h1 {
font-size: 3.5rem;
}
h2 {
font-size: 2.4rem;
}
h3 {
font-size: 1.8rem;
}
hr {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #dcdcdc -moz-use-text-color -moz-use-text-color;
border-image: none;
border-style: solid none none;
border-width: 2px 0 0 0;
margin: 0;
}
p {
margin-bottom: 2rem;
}
a {
color: #2561b1;
text-decoration: none;
}
a:visited {
color: #2561b1;
text-decoration: none;
}
a:hover, a:visited:hover {
color: #dcdcdc;
text-decoration: none;
}
a:focus {
outline: none;
text-decoration: none;
}
a img {
transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
}
a img:hover {
opacity: 0.6;
}
.small,
small {
font-size: 80%;
font-weight: 400;
}
.italic {
font-style: italic;
}
.bold {
font-weight: 700;
}
.red {
color: #DE2C0C;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
cursor: pointer;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-block {
display: block;
width: 100%;
}
.btn-group-lg > .btn, .btn-lg {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.more-box {
text-align: center;
}
body .more, body .more:visited {
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
display: inline-block;
line-height: 4.4rem;
border: 2px solid #aaa;
background: #f6f6f6;
text-align: center;
font-size: 1.6rem;
font-weight: 700;
color: #413233;
border-radius: 30px;
padding: 0 2.5rem;
}
body .more::after, body .more:visited::after {
font-family: "Font Awesome 5 Pro";
content: "\f054";
display: inline-block;
padding-left: 0.5rem;
}
body .more:hover, body .more:visited:hover {
background: #dcdcdc;
color: #413233;
cursor: pointer;
}
body .more + .more, body .more:visited + .more {
margin-left: 1.5rem;
}
body .more.btn-contact, body .more.btn-contact:visited {
background: #F38F00;
color: #fff;
border: 2px solid #FD7C23;
}
body .more.btn-contact:hover, body .more.btn-contact:visited:hover {
background: #F40D07;
color: #fff;
}
body .more.btn-contact-half, body .more.btn-contact-half:visited {
background: #F38F00;
color: #fff;
border: 2px solid #FD7C23;
}
@media (min-width: 768px) {
body .more.btn-contact-half, body .more.btn-contact-half:visited {
width: 50%;
}
}
body .more.btn-contact-half:hover, body .more.btn-contact-half:visited:hover {
background: #F40D07;
color: #fff;
}
body.page-naire .more.btn-onepoint, body.page-naire .more.btn-onepoint:visited {
background: #F38F00;
color: #fff;
border: 2px solid #FD7C23;
}
body.page-naire .more.btn-onepoint:hover, body.page-naire .more.btn-onepoint:visited:hover {
background: #F40D07;
color: #fff;
}
body.page-naire .more.btn-onepoint + .more.btn-contact, body.page-naire .more.btn-onepoint:visited + .more.btn-contact {
margin-left: 1.5rem;
}
body.page-naire .more.btn-onepoint2, body.page-naire .more.btn-onepoint2:visited {
background: #F38F00;
color: #fff;
border: 2px solid #FD7C23;
}
body.page-naire .more.btn-onepoint2:hover, body.page-naire .more.btn-onepoint2:visited:hover {
background: #F40D07;
color: #fff;
}
body.page-naire .more.btn-onepoint2 + .more, body.page-naire .more.btn-onepoint2:visited + .more {
margin-left: 0rem;
}
body.page-onepoint .more.btn-onepoint, body.page-onepoint .more.btn-onepoint:visited {
background: #F38F00;
color: #fff;
border: 2px solid #FD7C23;
}
body.page-onepoint .more.btn-onepoint:hover, body.page-onepoint .more.btn-onepoint:visited:hover {
background: #F40D07;
color: #fff;
}
body.page-onepoint .more.btn-onepoint + .more.btn-contact, body.page-onepoint .more.btn-onepoint:visited + .more.btn-contact {
margin-left: 1.5rem;
}
body.page-onepoint .more.btn-onepoint2, body.page-onepoint .more.btn-onepoint2:visited {
background: #F38F00;
color: #fff;
border: 2px solid #FD7C23;
}
body.page-onepoint .more.btn-onepoint2:hover, body.page-onepoint .more.btn-onepoint2:visited:hover {
background: #F40D07;
color: #fff;
}
body.page-onepoint .more.btn-onepoint2 + .more, body.page-onepoint .more.btn-onepoint2:visited + .more {
margin-left: 0rem;
}
body.single-product .more.btn-onepoint, body.single-product .more.btn-onepoint:visited {
background: #F38F00;
color: #fff;
border: 2px solid #FD7C23;
}
body.single-product .more.btn-onepoint:hover, body.single-product .more.btn-onepoint:visited:hover {
background: #F40D07;
color: #fff;
}
body.single-product .more.btn-onepoint + .more.btn-contact, body.single-product .more.btn-onepoint:visited + .more.btn-contact {
margin-left: 1.5rem;
}
body.single-product .more.btn-onepoint2, body.single-product .more.btn-onepoint2:visited {
background: #F38F00;
color: #fff;
border: 2px solid #FD7C23;
}
body.single-product .more.btn-onepoint2:hover, body.single-product .more.btn-onepoint2:visited:hover {
background: #F40D07;
color: #fff;
}
body.single-product .more.btn-onepoint2 + .more, body.single-product .more.btn-onepoint2:visited + .more {
margin-left: 0rem;
}
body .more.btn-next, body .more.btn-next:visited {
font-size: 1.3rem;
line-height: 2.2rem;
color: #FD7C23;
font-weight: 700;
border: none;
background: transparent;
padding: 0;
}
body .more.btn-next:hover, body .more.btn-next:visited:hover {
color: #fff;
}
body .more.btn-detail, body .more.btn-detail:visited {
font-size: 1.3rem;
line-height: 2rem;
color: #413233;
font-weight: 700;
border: 1px solid #dcdcdc;
padding: 0.5rem 1.5rem;
background: transparent;
border-radius: 0.5rem;
}
body .more.btn-detail:hover, body .more.btn-detail:visited:hover {
background: #dcdcdc;
}
body .more.btn-detail::after, body .more.btn-detail:visited::after {
display: none;
}
body .more.btn-detail::before, body .more.btn-detail:visited::before {
font-family: "Font Awesome 5 Pro";
content: "\f302";
display: inline-block;
padding-right: 0.5rem;
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.table-est {
background-color: #fff !important;
margin-bottom: 2rem !important;
}
.form {
background: #FAF9F7;
padding: 2.5rem 3rem;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.form fieldset {
margin-bottom: 3rem;
}
.form .alert {
margin-top: 3rem;
}
.form .form-group {
border-bottom: 1px #dcdcdc dotted;
padding: 1rem 0;
margin-bottom: 0;
}
.form .form-group .circle_con {
position: relative;
}
.form .form-group .circle_con .circle {
position: absolute;
top: 4rem;
right: 1.2rem;
font-size: 1.3rem;
line-height: 1;
background: #DE2C0C;
border-color: #DE2C0C;
}
.form .form-group .row > label {
padding: 1rem !important;
}
.form .form-group .row > label span {
font-size: 1.2rem;
background-color: #DE2C0C;
padding: 2px 3px;
border-radius: 4px;
color: #FFF;
}
.form .form-group#address ul {
margin: 0 -10px;
}
.form .form-group li {
margin-bottom: 15px;
}
.form .form-group .more.btn-next {
line-height: 2rem;
color: #413233;
background: #dcdcdc;
padding: 0.5rem;
border-radius: 0 0 3px 3px;
margin: 0;
}
.form .form-group .more.btn-next:hover {
background: #565656;
}
.form .form-group input.form-control,
.form .form-group textarea.form-control,
.form .form-group select.form-control {
font-size: inherit;
height: auto;
padding: 1rem;
}
.form .form-group input.form-control::-webkit-input-placeholder,
.form .form-group textarea.form-control::-webkit-input-placeholder,
.form .form-group select.form-control::-webkit-input-placeholder {
color: #aaa;
}
.form .form-group select.form-control.form-place {
height: 45px;
max-width: 20%;
}
.form .form-group input[type=checkbox],
.form .form-group input[type=radio] {
width: auto;
display: inline-block;
}
.form .form-group input[type=checkbox] > label,
.form .form-group input[type=radio] > label {
padding-left: 0.5rem;
}
.form .form-group input[type=radio i] {
margin: 3px 0.5ex;
}
.form .form-group .des {
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 1px dotted #98A6B5;
}
.form .form-group .des p {
margin-bottom: 0;
text-align: justify;
}
.form .form-group .form-label {
flex: 25%;
padding: 0 10px;
font-weight: bold;
}
.form .form-group .form-contents {
flex: 75%;
padding: 0 10px;
}
.form .form-group .check {
padding: 7px;
border-radius: 3px;
background-color: #fff;
border: solid 1px #dcdcdc;
}
.form .form-group .check img {
padding: 5px;
}
.form .form-group .check input {
padding-left: 2rem;
}
.form .more-box {
padding-top: 1rem;
text-align: center;
}
.form .more-box .more {
display: inline-block;
width: 100%;
max-width: calc(24.9rem - 4px);
line-height: 4.4rem;
border: 2px solid #F38F00;
background: #F38F00;
text-align: center;
font-size: 1.6rem;
font-weight: 700;
color: #fff;
border-radius: 30px;
}
.form .more-box .more:hover {
background: #fff;
color: #F38F00;
}
.form .form-group input.form-control,
.form .form-group textarea.form-control,
.form .form-group select.form-control {
font-size: inherit;
height: auto;
padding: 1rem;
}
.label {
padding: 0.5rem;
border-radius: 3px;
color: #fff;
}
input:focus {
outline: none;
}
.text-unit {
padding: 1rem;
}
.header-nav {
height: 100%;
}
.header-nav ul li {
position: relative;
}
.header-nav ul li ul {
flex-wrap: wrap;
display: flex;
position: absolute;
z-index: 999;
right: 0;
top: 3rem;
width: 600px;
background: #eee;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
padding: 1rem;
border-radius: 0 0 5px 5px;
border: 1px #dcdcdc solid;
border-top: none;
}
.header-nav ul li ul li {
width: 33.33%;
padding: 5px;
}
.header-nav ul li ul li a {
border: 1px solid #e9e9e9;
background-color: #fff;
display: block;
font-size: 1.3rem;
padding: 0.5rem;
color: #413233;
font-weight: 700;
line-height: 3.5rem;
position: relative;
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
}
.header-nav ul li ul li a img {
padding-right: 1rem;
width: 50px;
height: auto;
}
.header-nav ul li ul li a i {
position: absolute;
right: 0;
top: 0;
color: #999;
line-height: 50px;
}
.header-nav ul li ul li:hover a {
background-color: #fff;
color: #2561b1;
opacity: 0.6;
}
.header-nav ul li:hover > ul {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.main-nav {
display: flex;
justify-content: flex-start;
}
.main-nav > ul {
display: flex;
align-items: center;
}
.main-nav > ul > li {
position: relative;
display: block;
color: #F40E08;
padding: 0.5rem 1.3rem 0.5rem 5rem;
border-left: 1px solid #dcdcdc;
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
}
.main-nav > ul > li .sm {
display: block;
font-size: 1.2rem;
line-height: 1.5rem;
font-weight: 700;
}
.main-nav > ul > li .lg {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.8rem;
display: block;
}
.main-nav > ul > li:last-child {
border-right: none;
}
.main-nav > ul > li:nth-child(1) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/header-icon1.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 1.5rem center;
border-left: none;
}
.main-nav > ul > li:nth-child(2) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/header-icon2.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 1.5rem center;
}
.main-nav > ul > li:nth-child(3) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/header-icon4.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 1.5rem center;
}
.main-nav > ul > li:nth-child(4) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/header-icon5.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 1.2rem center;
}
.main-nav > ul > li:nth-child(5) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/header-icon3.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 1.3rem center;
}
.main-nav2 {
display: flex;
justify-content: flex-start;
}
.main-nav2 > ul {
display: flex;
align-items: center;
}
.main-nav2 > ul > li {
position: relative;
display: block;
color: #F40E08;
padding: 0.5rem 1.5rem 0.5rem 5rem;
border-left: 1px solid #dcdcdc;
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
}
.main-nav2 > ul > li .sm {
display: block;
font-size: 1.6rem;
line-height: 2rem;
font-weight: 700;
}
.main-nav2 > ul > li .lg {
font-size: 2rem;
font-weight: 700;
line-height: 2.2rem;
display: block;
}
.main-nav2 > ul > li:last-child {
border-right: none;
}
.main-nav2 > ul > li:nth-child(1) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/header-icon1.png);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 1.5rem center;
border-left: none;
}
.main-nav2 > ul > li:nth-child(2) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/header-icon2.png);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 1.5rem center;
}
.main-nav2 > ul > li:nth-child(3) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/header-icon3.png);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 1.5rem center;
}
.main-nav2 > ul > li:nth-child(4) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/header-icon4.png);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 1.2rem center;
}
.main-nav2 > ul > li:nth-child(5) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/header-icon5.png);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 1.3rem center;
}
.main-nav-sp {
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
opacity: 0;
height: 0;
position: fixed;
z-index: 9999;
left: 0;
width: 100%;
overflow-y: auto;
}
.main-nav-sp.is_active {
opacity: 0.98;
height: calc(100vh - 4rem);
}
.main-nav-sp ul li {
position: relative;
}
.main-nav-sp ul li a {
display: block;
font-size: 1.5rem;
line-height: 6rem;
color: #fff;
padding: 0 15px;
background: #565656;
border-bottom: 1px solid #dcdcdc;
}
.main-nav-sp ul li a.main-nav-sp-est {
background: #FD7C23;
font-weight: 700;
}
.main-nav-sp ul li span {
position: absolute;
z-index: 999;
right: 0;
left: 0;
top: 0;
bottom: 0;
height: 6rem;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
text-align: right;
}
.main-nav-sp ul li span::before {
content: "\f078";
display: inline-block;
line-height: 5rem;
margin-right: 20px;
color: #fff;
}
.main-nav-sp ul li span.is-active::before {
content: "\f077";
}
.main-nav-sp ul li span.first::before {
content: "\f054";
display: inline-block;
line-height: 5rem;
margin-right: 20px;
color: #fff;
}
.main-nav-sp ul li ul {
display: none;
}
.main-nav-sp ul li ul li a {
background: #F6F6F6;
color: #413233;
}
.main-nav-sp2 {
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
opacity: 0;
height: 0;
position: fixed;
z-index: 9999;
left: 0;
width: 100%;
overflow-y: auto;
}
.main-nav-sp2.is_active {
opacity: 0.98;
height: calc(100vh - 4rem);
}
.main-nav-sp2 ul li {
position: relative;
}
.main-nav-sp2 ul li a {
display: block;
font-size: 1.5rem;
line-height: 6rem;
color: #fff;
padding: 0 15px;
background: #565656;
border-bottom: 1px solid #dcdcdc;
}
.main-nav-sp2 ul li a.main-nav-sp-est {
background: #FD7C23;
font-weight: 700;
}
.main-nav-sp2 ul li span {
position: absolute;
z-index: 999;
right: 0;
left: 0;
top: 0;
bottom: 0;
height: 6rem;
font-family: "Font Awesome 5 Pro";
font-weight: 900;
text-align: right;
}
.main-nav-sp2 ul li span::before {
content: "\f078";
display: inline-block;
line-height: 5rem;
margin-right: 20px;
color: #fff;
}
.main-nav-sp2 ul li span.is-active::before {
content: "\f077";
}
.main-nav-sp2 ul li ul {
display: none;
}
.main-nav-sp2 ul li ul li a {
background: #F6F6F6;
color: #413233;
}
.navbar-global {
background: #F6F6F6;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
padding: 0;
margin: 0;
}
.navbar-global .navbar-nav {
width: 100%;
display: flex;
}
.navbar-global .navbar-nav li {
padding: 1.5rem 0;
border-left: 1px solid #ddd;
width: 100%;
height: 50px;
position: relative;
}
.navbar-global .navbar-nav li:last-child {
border-right: 1px solid #ddd;
}
.navbar-global .navbar-nav li a {
color: #413233;
font-weight: 700;
display: block;
text-align: center;
font-size: 1.6rem;
line-height: 50px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 2.5rem;
}
.navbar-global .navbar-nav li a:hover {
color: #fff;
background: #565656;
}
div#background {
display: none;
width: 100%;
height: 100%;
text-align: center;
position: absolute;
left: 0;
z-index: 100;
background: rgba(0, 0, 0, 0.7);
}
.sidenav {
display: none;
}
.sidenav.is_active {
display: block;
border: 1px solid #dcdcdc;
position: fixed;
z-index: 10;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
margin-right: 30px;
padding: 1.25rem;
background: #f8f7f3;
text-align: center;
border-radius: 7px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.sidenav ul.sidenav-menu li {
margin-top: 7px;
border-radius: 5px;
height: 85px;
width: 100px;
line-height: 1.8rem;
position: relative;
}
.sidenav ul.sidenav-menu li a, .sidenav ul.sidenav-menu li a:hover, .sidenav ul.sidenav-menu li a:visited {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
color: #fff;
}
.sidenav ul.sidenav-menu li a:hover {
opacity: 0.7;
}
.sidenav ul.sidenav-menu li img {
display: block;
margin: 0 auto;
}
.sidenav ul.sidenav-menu li span {
font-size: 1.2rem;
}
.sidenav ul.sidenav-menu li.sidenav-sample {
background: #3ca232;
}
.sidenav ul.sidenav-menu li.sidenav-help {
background: #f40e08;
}
.sidenav ul.sidenav-menu li.sidenav-est {
background: #91AA04;
}
.sidenav ul.sidenav-menu li.sidenav-home {
background: #666666;
}
.page-template-page-est .sidenav, .single-design .sidenav, .page-clearcase .sidenav, .page-package .sidenav {
display: none !important;
}
.page-template-page-est .sidenav.is_active, .single-design .sidenav.is_active, .page-clearcase .sidenav.is_active, .page-package .sidenav.is_active {
display: none !important;
}
.sub-menu {
background: #FD7C23;
border-bottom: 1px solid #dcdcdc;
border-top: 1px solid #FAF9F7;
}
.sub-menu ul {
display: flex;
align-items: center;
}
.sub-menu ul li {
width: 100%;
border-left: 1px solid #fff;
}
.sub-menu ul li:last-child {
border-right: 1px solid #fff;
}
.sub-menu ul li a {
display: block;
font-size: 2rem;
line-height: 2.5rem;
color: #fff;
font-weight: 700;
background: #FD7C23;
text-align: center;
padding: 1.5rem 1rem;
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
}
.sub-menu ul li a:hover {
color: #fff;
background: #413233;
}
.sub-menu ul li a i {
color: #fff;
}
.sub-menu ul li.active a {
background: #413233;
color: #fff;
}
.sub-menu ul li.active a i {
display: none;
}
.sub-menu.is_active {
position: fixed;
z-index: 20;
width: 100%;
top: 11.5rem;
left: 0;
}
.draft-nav {
margin-bottom: 3rem;
display: flex;
gap: 10px;
justify-content: center;
}
.draft-nav li {
border-radius: 4px;
text-align: center;
padding: 1.5rem;
font-size: 1.8rem;
width: 49%;
}
.draft-nav li.icon_ai, .draft-nav li.icon_ai:visited {
border: 2px solid #FF982D;
color: #FF982D;
}
.draft-nav li.icon_ai:hover, .draft-nav li.icon_ai:visited:hover {
background: #FF982D;
}
.draft-nav li.icon_ai.icon_ai.active, .draft-nav li.icon_ai:visited.icon_ai.active {
background: #FF982D;
color: #fff;
}
.draft-nav li.icon_psd, .draft-nav li.icon_psd:visited {
border: 2px solid #4093CC;
color: #4093CC;
}
.draft-nav li.icon_psd:hover, .draft-nav li.icon_psd:visited:hover {
background: #4093CC;
}
.draft-nav li.icon_psd.icon_psd.active, .draft-nav li.icon_psd:visited.icon_psd.active {
background: #4093CC;
color: #fff;
}
.draft-nav li:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
transition: all 0.5s ease;
color: #fff;
}
.table {
width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
text-align: left;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
border-top: 2px solid #dee2e6;
}
.table .table {
background-color: #fff;
}
.table-sm th,
.table-sm td {
padding: 0.75rem;
}
.table-bordered {
border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, 0.075);
}
.card {
margin-bottom: 3rem;
}
.card .card-header {
padding: 1.25rem;
font-size: 2rem;
font-weight: 700;
line-height: 1.5;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
border-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
border-radius: 0.25rem;
}
.card-body {
flex: 1 1 auto;
padding: 1.25rem;
}
.card-title {
margin-bottom: 0.75rem;
}
.card-subtitle {
margin-top: -0.3rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
}
.card-img {
width: 100%;
border-radius: calc(0.25rem - 1px);
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.circle {
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
flex-flow: column wrap;
vertical-align: top;
color: #fff;
border: 4px solid #413233;
background: #413233;
width: 4rem;
height: 4rem;
}
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.hamburger {
padding: 0.9rem 1.1rem;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner {
background-color: #fff;
}
.hamburger.is-active .hamburger-inner::before {
background-color: #fff;
}
.hamburger.is-active .hamburger-inner::after {
background-color: #fff;
}
.hamburger-box {
width: 2rem;
height: 1.4rem;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -0.1rem;
width: 2rem;
height: 0.2rem;
background-color: #fff;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before {
width: 2rem;
height: 0.2rem;
background-color: #fff;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
content: "";
display: block;
top: -0.6rem;
}
.hamburger-inner::after {
width: 2rem;
height: 0.2rem;
background-color: #fff;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
content: "";
display: block;
bottom: -0.6rem;
}
.hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slide_selector, .top-slider {
display: none;
}
.slidebars_right {
color: #444;
border-left: 1px solid #dcdcdc;
}
.slidebars_right table {
font-size: 12px;
}
.slidebars_right th {
width: 25%;
}
.slidebars_right .fa-times {
position: absolute;
top: 5px;
left: 10px;
color: #dcdcdc;
z-index: 10;
}
.slidebars_left {
border-right: 1px solid #dcdcdc;
}
.slidebars_left .fa-times {
position: absolute;
top: 5px;
right: 10px;
color: #dcdcdc;
z-index: 10;
}
.slidebars_left a {
color: #000;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
} * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
scroll-behavior: smooth;
}
@font-face {
font-family: "Lato";
font-style: normal;
font-weight: 400;
src: url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/Lato-400.woff) format("woff"), url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/Lato-400.woff2) format("woff2");
font-display: swap;
}
body {
background: #ffffff;
font-family: "Lato";
color: #413233;
font-size: 1.7rem;
line-height: 2.6rem;
overflow-x: hidden;
font-weight: 400;
letter-spacing: 0.05rem;
}
body.is_active {
height: 100%;
overflow: hidden;
}
.container {
width: 100%;
max-width: 1290px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.contents-wrap {
padding: 5rem 0;
}
.side-main-warp {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.side-main-warp .side-contents {
flex: 25%;
padding-right: 25px;
}
.side-main-warp .main-contents {
flex: 75%;
}
.contents {
padding: 0 0 6rem 0;
}
.contents.contents-bg {
background: #f8f7f3;
}
.contents .head-box {
text-align: left;
margin-bottom: 3rem;
}
.contents .head-box h2 {
font-size: 2.5rem;
line-height: 4rem;
padding-left: 2.5rem;
position: relative;
border-bottom: none;
}
.contents .head-box h2::before {
content: "";
width: 0.7rem;
height: 4rem;
border-radius: 3px;
background: #FD7C23;
position: absolute;
left: 0;
top: 0;
}
.contents .main-box {
width: 100%;
margin: 0 auto;
}
.contents .main-box h3 {
padding: 1rem 1.5rem;
background: #F4F4F4;
margin-bottom: 1.5rem;
line-height: 3rem;
}
.contents .main-box section {
padding-bottom: 3rem;
}
.contents header {
padding-bottom: 3rem;
}
.contents header .main-box {
max-width: 87.5rem;
} .overflow-h {
overflow: hidden;
}
.scroll {
margin-top: -22rem !important;
padding-top: 22rem !important;
} .list-group-flush > .list-group-item {
border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
} img {
max-width: 100%;
max-height: 100%;
height: auto;
vertical-align: middle;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
i {
padding: 0 0.5rem;
} .page-template-page-one .read,
.page-template-page-est .read,
.page-template-page-orderguide .read,
.post-type-archive-design .read,
.single-design .read,
.single-product .read,
.single-product-standard .read,
.single-product-hakuoshi .read,
.single-product-naire .read,
.single-product-ofj .read {
padding: 4.5rem 0 0 0;
}
.page-template-page-one .read .main-box,
.page-template-page-est .read .main-box,
.page-template-page-orderguide .read .main-box,
.post-type-archive-design .read .main-box,
.single-design .read .main-box,
.single-product .read .main-box,
.single-product-standard .read .main-box,
.single-product-hakuoshi .read .main-box,
.single-product-naire .read .main-box,
.single-product-ofj .read .main-box {
width: 100%;
max-width: 100rem;
margin: 0 auto;
}
.page-template-page-one .contents,
.page-template-page-est .contents,
.page-template-page-orderguide .contents,
.post-type-archive-design .contents,
.single-design .contents,
.single-product .contents,
.single-product-standard .contents,
.single-product-hakuoshi .contents,
.single-product-naire .contents,
.single-product-ofj .contents {
padding: 6rem 0;
}
.page-template-page-one .contents .main-box,
.page-template-page-est .contents .main-box,
.page-template-page-orderguide .contents .main-box,
.post-type-archive-design .contents .main-box,
.single-design .contents .main-box,
.single-product .contents .main-box,
.single-product-standard .contents .main-box,
.single-product-hakuoshi .contents .main-box,
.single-product-naire .contents .main-box,
.single-product-ofj .contents .main-box {
max-width: 100rem;
}
.page-template-page-one .contents .head-box,
.page-template-page-est .contents .head-box,
.page-template-page-orderguide .contents .head-box,
.post-type-archive-design .contents .head-box,
.single-design .contents .head-box,
.single-product .contents .head-box,
.single-product-standard .contents .head-box,
.single-product-hakuoshi .contents .head-box,
.single-product-naire .contents .head-box,
.single-product-ofj .contents .head-box {
text-align: center;
margin-bottom: 3rem;
}
.page-template-page-one .contents .head-box h2,
.page-template-page-est .contents .head-box h2,
.page-template-page-orderguide .contents .head-box h2,
.post-type-archive-design .contents .head-box h2,
.single-design .contents .head-box h2,
.single-product .contents .head-box h2,
.single-product-standard .contents .head-box h2,
.single-product-hakuoshi .contents .head-box h2,
.single-product-naire .contents .head-box h2,
.single-product-ofj .contents .head-box h2 {
display: inline-block;
font-size: 2.5rem;
line-height: 3.5rem;
text-align: center;
padding: 0.5rem;
border-bottom: 5px solid #FD7C23;
border-radius: 2px;
}
.page-template-page-one .contents .head-box h2::before,
.page-template-page-est .contents .head-box h2::before,
.page-template-page-orderguide .contents .head-box h2::before,
.post-type-archive-design .contents .head-box h2::before,
.single-design .contents .head-box h2::before,
.single-product .contents .head-box h2::before,
.single-product-standard .contents .head-box h2::before,
.single-product-hakuoshi .contents .head-box h2::before,
.single-product-naire .contents .head-box h2::before,
.single-product-ofj .contents .head-box h2::before {
background: none;
}
.page-template-page-est .page-end-box,
.single-design .page-end-box,
.page-sample .page-end-box,
.page-contact .page-end-box,
.page-cost .page-end-box {
display: none !important;
} @font-face {
font-family: "Lato";
font-style: normal;
font-weight: 700;
src: url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/Lato-700.woff) format("woff"), url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/Lato-700.woff2) format("woff2");
font-display: swap;
}
.title {
font-size: 2.4rem;
line-height: 4.5rem;
color: #413233;
font-family: "Lato";
font-weight: 700;
}
.read {
padding-bottom: 6rem;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
fieldset {
margin-bottom: 3rem;
}
.page-title {
background-color: #f8f7f3;
}
.page-title__main {
text-align: center;
padding: 4rem;
}
.price {
padding: 0.5rem;
}
.price .red {
font-size: 110%;
}
.page_top {
position: fixed;
bottom: 85px;
right: 10px;
width: 45px;
height: 45px;
}
.page_top i {
font-size: 2rem;
font-weight: 700;
}
.page-end-box .card {
border: 0.3rem solid #413233;
}
.page-end-box .card .card-header {
text-align: center;
font-weight: 400;
font-size: 2.5rem;
background: #413233;
color: #fff;
}
.page-end-box .card .card-body {
padding: 2rem;
}
.page-end-box .card .card-body a + a {
margin-left: 0;
margin-top: 10px;
}
.page-end-box .card .card-body p {
margin-bottom: 0;
}
.page-end-box .card .card-body .more,
.page-end-box .card .card-body .more:visited {
line-height: 4.5rem;
font-size: 2rem;
padding: 0 2.5rem;
font-weight: 400;
}
.page-end-box .card .card-body .more.btn-sample,
.page-end-box .card .card-body .more:visited.btn-sample {
background: #3ca232;
color: #fff;
border: none;
}
.page-end-box .card .card-body .more.btn-sample:hover,
.page-end-box .card .card-body .more:visited.btn-sample:hover {
opacity: 0.7;
}
.page-end-box .card::before {
display: none;
}
.main-breadcrumb {
padding: 1rem;
}
.main-breadcrumb .breadcrumb {
background: none;
padding: 0;
font-size: 1.3rem;
line-height: 2.4rem;
margin-bottom: 0;
}
.main-breadcrumb .breadcrumb a {
color: #3B4043;
}
.main-breadcrumb .breadcrumb-item + .breadcrumb-item {
padding-left: 1rem;
}
.main-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
font-size: 1.2rem;
line-height: 2.4rem;
} #point h3 {
line-height: 4rem;
}
#point h3 .circle {
margin-right: 0.5rem;
}
#lineup ul {
display: flex;
flex-wrap: wrap;
}
#lineup ul li {
width: 25%;
padding: 0 10px;
}
#lineup .card {
position: relative;
}
#lineup .card .card-body {
padding: 0.25rem;
}
#lineup .card .card-title {
margin-bottom: 0;
}
#lineup .card .card-title h3 {
padding: 0.5rem;
margin-bottom: 0;
line-height: 2.5rem;
}
#lineup .card .circle {
width: 5rem;
height: 5rem;
background-color: #F40E08;
border-color: #F40E08;
font-weight: 700;
position: absolute;
right: 0.5rem;
top: 0.5rem;
z-index: 1;
}
#lineup .card .detail {
display: none;
border-radius: 3px;
z-index: 10;
}
#lineup .card:hover .detail {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
padding: 1.5rem 0.5rem;
background: #333;
opacity: 0.9;
}
#lineup .card:hover .detail .more-box {
padding: 0.25em;
}
#lineup .card:hover .detail .more-box .more + .more {
margin-top: 1rem;
}
.example-box .main-box ul li {
margin-bottom: 3rem;
}
.example-box .main-box ul li .card {
margin: 0;
}
.example-box .main-box ul li a .card-text {
font-size: 1.4rem;
line-height: 2.5rem;
display: none;
}
.example-box .main-box ul li a:hover .card-text {
display: block;
}
.example-box .columns {
-webkit-column-count: 4;
-webkit-column-gap: 10px;
-webkit-column-fill: auto;
-moz-column-count: 4;
-moz-column-gap: 10px;
-moz-column-fill: auto;
column-count: 4;
column-gap: 15px;
column-fill: auto;
display: flex;
}
.example-box .columns .pin {
display: inline-block;
background: #FEFEFE;
border: 1px solid #f6f6f6;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
margin: 0 2px 15px;
padding: 0.5rem;
background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
opacity: 1;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 23%;
}
.example-box .columns .pin .pc {
position: relative;
}
.example-box .columns .pin .pc p {
font-size: 1.2rem;
line-height: 2rem;
margin-bottom: 0;
}
.example-box .columns .pin > a {
display: none;
}
.example-box .columns .pin img {
width: 100%;
margin-bottom: 5px;
}
.example-box .columns .pin > p {
border-top: 1px dotted #f6f6f6;
padding: 1rem 0.5rem 0.5rem;
font-size: 1.2rem;
line-height: 1.4rem;
margin-bottom: 0;
}
.example-box .columns .pin .detail {
display: none;
border-radius: 3px;
z-index: 10;
}
.example-box .columns .pin .detail p {
font-size: 0.8rem;
line-height: 1.4rem;
color: #fff;
margin-bottom: 1rem;
}
.example-box .columns .pin .detail .more-box {
margin-top: 1rem;
}
.example-box .columns .pin .detail .more-box .more, .example-box .columns .pin .detail .more-box .more:visited, .example-box .columns .pin .detail .more-box .more:hover {
font-size: 1.4rem;
border-radius: 3px;
padding: 1rem;
line-height: 1.5rem;
opacity: 1;
}
.example-box .columns .pin:hover > p {
opacity: 0.2;
}
.example-box .columns .pin:hover .detail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
padding: 10px;
background: #333;
opacity: 0.9;
}
.scene-box .card h3.card-title {
text-align: center;
margin-bottom: 0;
line-height: 2.5rem;
}
.scene-box .card .card-text {
margin: 0.5rem;
}
.shape-box ul {
margin-right: -5px;
margin-left: -5px;
}
.shape-box ul li.item {
flex: 0 0 20%;
max-width: 20%;
padding-right: 5px;
padding-left: 5px;
font-size: 16px;
}
.shape-box ul li.item .card {
margin-bottom: 0;
}
.shape-box ul li.item .card .card-text {
margin: 0.5rem;
}
.pickup-box .main-box ul li {
padding-bottom: 2rem;
}
.pickup-box .main-box ul li a:hover {
color: #dcdcdc;
}
.pickup-box .main-box ul li h3 {
padding: 0.5rem 0;
background: none;
border-bottom: none;
line-height: 3rem;
margin-bottom: 0;
}
.column-box ul {
margin-bottom: 3rem;
}
.column-box ul li .mx0 {
border-bottom: 1px #dcdcdc dotted;
padding: 15px 0;
}
.column-box ul li .mx0 p {
padding: 0;
margin-bottom: 0;
}
.column-box ul li .mx0 p img {
border: 1px #dcdcdc solid;
}
.column-box ul li .mx0 .flex-80 {
padding-left: 2rem;
padding-left: 1.5rem;
padding-right: 0;
}
.strength-box .card .card-body {
display: inline-block;
padding: 2rem;
}
.strength-box .card ol li {
font-size: 1.8rem;
font-weight: 700;
padding-left: 5rem;
}
.strength-box .card ol li:nth-child(1) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/strength1.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 0 center;
}
.strength-box .card ol li:nth-child(2) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/strength2.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 0 center;
}
.strength-box .card ol li:nth-child(3) {
background-image: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/strength3.webp);
background-position: 0 0;
background-repeat: no-repeat;
background-position: 0 center;
}
.strength-box ul li h3 {
line-height: 3rem;
}
.strength-box ul li h3 .circle {
background: #57C0C8;
border-color: #57C0C8;
margin-right: 0.5rem;
width: 3rem;
height: 3rem;
}
.strength-box ul li + li {
margin-top: 2rem;
} header .pagetop {
background: #565656;
}
header .pagetop--wrap {
display: flex;
justify-content: space-between;
}
header .pagetop--wrap h1 {
font-size: 1.3rem;
line-height: 3rem;
color: #fff;
font-weight: 400;
}
header .pagetop--wrap p {
font-size: 1.3rem;
line-height: 3rem;
color: #fff;
font-weight: 400;
margin-bottom: 0rem;
}
header .pagetop--right {
display: flex !important;
}
header .pagetop--right li {
padding-left: 2rem;
font-size: 1.3rem;
line-height: 3rem;
}
header .pagetop--right li a {
color: #fff;
}
header .pagetop--right li a:hover {
color: #dcdcdc;
}
header .pagetop--right li a i {
padding-right: 0.5rem;
}
header .pagetop--right li a.more.btn-detail, header .pagetop--right li a.more.btn-detail:visited {
line-height: 1rem;
padding: 0.4rem 0.1rem;
background: #eee;
border-radius: 0.2rem;
}
header .pagetop--right li a.more.btn-detail::before, header .pagetop--right li a.more.btn-detail:visited::before {
display: none;
}
header .pagetop--right li:hover .more.btn-detail,
header .pagetop--right li:hover .more.btn-detail:visited {
padding-bottom: 0.8rem;
border-bottom: none;
border-radius: 0.2rem 0.2rem 0 0;
}
header .header {
border-bottom: 0.5rem solid #dcdcdc;
background: #fff;
}
header .header__main {
display: flex;
align-items: center; }
header .header__main__nomal {
justify-content: space-between;
}
header .header__main--left {
width: 23rem;
display: flex;
justify-content: center;
align-items: center;
}
header .header__main--left img {
width: auto;
height: 80px;
}
header .header__main--center {
display: flex;
justify-content: center;
align-items: center;
}
header .header__main--right {
display: flex;
justify-content: flex-end;
align-items: center;
}
header .header__main--right .header-contact {
align-items: center;
display: flex;
}
header .header__main--right .header-contact .tel {
width: 20rem;
vertical-align: middle;
}
header .header__main--right .header-contact .more-box {
width: 12rem;
}
header .header__main--right .header-contact .more-box .more {
color: #fff;
background: #F38F00;
border-radius: 5px;
padding: 0;
width: 100%;
border: 2px solid #FD7C23;
}
header .header__main--right .header-contact .more-box .more:hover {
color: #fff;
background: #F40D07;
}
header .header__main--right .header-contact .more-box .more::after {
display: none;
}
header .header__main--right .header-contact .more-box.btn-repeat {
width: 10rem !important;
margin-right: 1rem;
}
header .header__main--right .header-contact .more-box.btn-repeat .more, header .header__main--right .header-contact .more-box.btn-repeat .more:visited {
color: #fff;
font-weight: 700;
border: 2px solid #12A73B;
background: #12A73B;
border-radius: 0.3rem;
}
header .header__main--right .header-contact .more-box.btn-repeat .more i, header .header__main--right .header-contact .more-box.btn-repeat .more:visited i {
padding: 0 0.5rem 0 0;
}
header .header__main--right .header-contact .more-box.btn-repeat .more:hover, header .header__main--right .header-contact .more-box.btn-repeat .more:visited:hover {
background: #008000;
}
header .header__main--right .header-contact .more-box.btn-repeat .more::after, header .header__main--right .header-contact .more-box.btn-repeat .more:visited::after {
display: none;
}
header .header.is_active {
position: fixed;
z-index: 99;
width: 100%;
top: 0;
left: 0;
} .header-info-box {
background: #f8f7f3;
color: #DE2C0C;
font-size: 1.4rem;
padding: 1rem 0;
text-align: center;
font-weight: 700;
}
.header-info-box p {
margin-bottom: 0;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown .dropbtn {
cursor: pointer; }
.dropdown .dropdown-container {
position: relative;
}
.dropdown .dropdown-content {
display: none;
position: absolute;
background-color: #FDF3E5;
min-width: 100%;
width: 290px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 999999;
left: -105%;
padding: 15px;
}
.dropdown .dropdown-content:before {
content: "";
position: absolute;
top: -25px;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-bottom: 15px solid #FDF3E5;
}
.dropdown .dropdown-content li + li {
margin-top: 0.8rem;
}
.dropdown .dropdown-content a.btn_1 {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
border: 1px solid #e9e9e9;
border-radius: 26px 26px 26px 26px;
background-color: #fff;
display: block;
font-size: 1.3rem;
padding: 0.5rem;
color: #413233;
font-weight: 700;
line-height: 3.5rem;
position: relative;
border: #ccc solid;
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
}
.dropdown .dropdown-content a.btn_2 {
color: initial;
padding: initial;
text-decoration: initial;
display: block;
border: none;
background-color: #fff;
display: block;
font-size: initial;
padding: initial;
color: initial;
font-weight: initial;
line-height: initial;
position: initial;
transition: initial;
-webkit-transition: initial;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
border-radius: 10px;
}
.dropdown .dropdown-content a:hover {
background-color: #fff;
border-radius: 26px 26px 26px 26px;
box-sizing: border-box;
color: #FD7C23; }
.dropdown .dropdown-content .onepointBtn {
background: #fff;
padding: 0rem 1rem 1.3rem 1rem;
border-radius: 15px;
border: solid 1px #CFCFCF;
}
.dropdown .dropdown-content .onepointBtn .onepointBtnTtl {
font-size: 1.3rem;
margin-bottom: 0px;
text-align: left;
font-weight: 700;
line-height: 3.5rem;
}
.dropdown .dropdown-content .onepointBtn .entry-recipe-ttl {
position: relative;
padding: 5px;
color: #fff;
font-weight: bold;
background: rgb(68, 80, 84);
text-align: center;
font-size: 10px;
line-height: 130%;
}
.dropdown .dropdown-content .onepointBtn .entry-recipe-body {
padding: 10px;
color: #a4abae;
border-radius: 0 0 10px 10px;
background: #fefbf7;
display: flex;
}
.dropdown .dropdown-content .onepointBtn .entry-recipe-body .priceBox {
width: 100%;
}
.dropdown .dropdown-content .onepointBtn .entry-recipe-body .priceBox .price {
display: flex;
align-items: flex-end;
padding: 0px;
}
.dropdown .dropdown-content .onepointBtn .entry-recipe-body .priceBox .price p {
margin-bottom: 0px;
}
.dropdown .dropdown-content .onepointBtn .entry-recipe-body .priceBox .price p.table_number {
text-align: right;
font-family: Oswald;
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 80%;
letter-spacing: 0.4px;
color: #333;
}
.dropdown .dropdown-content .onepointBtn .entry-recipe-body .priceBox .price p.table_number2 {
line-height: 100%;
margin-left: 2px;
font-size: 1rem;
text-align: left;
color: #413233;
font-weight: 700;
}
.dropdown .dropdown-content .onepointBtn .entry-recipe-body .priceBox .price p.entry-recipe-body__txt {
font-size: 1rem;
margin-top: 0.3rem;
color: #413233;
font-weight: 700;
}
.dropdown .dropdown-content .onepointBtn .entry-recipe-body .priceBox2 i {
color: #333;
padding: 0rem;
}
.dropdown .dropdown-content .btn_4 {
color: initial;
padding: initial;
text-decoration: initial;
display: block;
border: 1px solid #ccc;
background-color: #fff;
display: block;
font-size: initial;
padding: initial;
color: initial;
font-weight: initial;
line-height: initial;
position: initial;
transition: initial;
-webkit-transition: initial;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
overflow: hidden;
}
.dropdown .dropdown-content a:hover .btn_4 {
border: 1px solid #FD7C23;
box-sizing: border-box;
color: #FD7C23;
}
.dropdown .dropdown-content a:hover .btn_4 .entry-recipe-ttl {
background: #FD8939;
}
.dropdown .dropdown-content .onepointBtn a {
display: initial;
font-size: initial;
line-height: initial;
color: initial;
font-weight: initial;
background: initial;
text-align: initial;
padding: initial; -webkit-transition: initial;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
font-family: initial;
}
.dropdown .dropdown-content .btn_3 {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
border: 1px solid #ccc;
border-radius: 26px 26px 26px 26px;
background-color: #fff;
display: block;
font-size: 1.3rem;
padding: 0.5rem;
color: #413233;
font-weight: 700;
line-height: 3.5rem;
position: relative;
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
overflow: hidden;
}
.dropdown .dropdown-content a:hover .btn_3 {
border: 1px solid #FD7C23;
border-radius: 26px 26px 26px 26px;
box-sizing: border-box;
color: #FD7C23;
}
.no-gutters {
margin-right: -5px;
margin-left: -5px;
}
.no-gutters > .col, .no-gutters > [class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.page-onepoint .sub-menu .dropdown-content, .page-naire .sub-menu .dropdown-content {
left: -20%;
}
.page-onepoint .sub-menu .dropdown-content .btn_2 i, .page-naire .sub-menu .dropdown-content .btn_2 i {
color: #333;
padding: 0rem;
}
.main-nav-sp .sp_h1 {
line-height: 3rem !important;
color: #fff !important;
padding: 0 8px !important;
background: #565656 !important;
border-bottom: 1px solid #dcdcdc !important;
text-align: center !important;
}
.main-nav-sp .sp_h1 h1 {
font-size: 1.1rem !important;
font-weight: normal !important;
} .footer {
border-top: 7px solid #dcdcdc;
padding-top: 4.5rem;
background: #FAF9F7;
}
.footer__menu {
margin-bottom: 4.5rem;
}
.footer__menu .container {
max-width: 105rem;
}
.footer__menu .footer-contetns {
display: flex;
justify-content: center;
}
.footer__menu .list-menu {
border-right: 1px solid #dcdcdc;
padding: 0 3rem;
}
.footer__menu .list-menu h3 {
font-size: 1.6rem;
line-height: 2.8rem;
color: #333333;
margin-bottom: 1.5rem;
}
.footer__menu .list-menu ul li a {
font-size: 1.4rem;
color: #1f1f1f;
line-height: 2.5rem;
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
}
.footer__menu .list-menu ul li a:hover {
color: #dcdcdc;
}
.footer__menu .list-menu:last-child {
border: none;
}
.footer__list {
border-top: 1px solid #dcdcdc;
background: #fff;
}
.footer__list .container {
padding: 0 30px;
}
.footer__list .footer__list-contents {
border-right: 1px solid #dcdcdc;
display: flex;
flex-wrap: wrap;
}
.footer__list .footer__list-contents .items {
border-left: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
width: 20%; }
.footer__list .footer__list-contents .items a {
font-size: 1.4rem;
line-height: 2.4rem;
padding: 0.5rem;
display: flex;
align-items: center;
font-weight: 700;
vertical-align: middle;
color: #333;
}
.footer__list .footer__list-contents .items a img {
margin-right: 1.5rem;
max-width: 5rem;
height: auto;
}
.footer__list .footer__list-contents .items:hover {
background: #565656;
}
.footer__list .footer__list-contents .items:hover a {
color: #fff;
}
.footer .copyright {
border-top: 1px solid #dcdcdc;
background: #565656;
text-align: center;
padding: 0.5rem 0;
}
.footer .copyright p {
font-size: 1.4rem;
color: #fff;
margin-bottom: 0;
} .sideblogContent {
padding-bottom: 3rem;
}
.sideblogContent dt {
padding: 1rem;
border: 1px #dcdcdc solid;
border-left: 7px #dcdcdc solid;
margin-bottom: 10px;
font-size: 2rem;
}
.sideblogContent dl ul {
padding-left: 1rem;
}
.sideblogContent dl ul li {
width: 100%;
display: block;
padding: 1rem 0;
}
.sideblogContent .badge {
color: #fff;
background-color: #2561b1;
margin-left: 0.5rem;
}
.sideblogContent div {
margin-bottom: 2rem;
text-align: center;
}
.sideblogContent .list-group-item.active {
background: #f6f6f6;
color: #413233;
border-color: #dcdcdc;
margin-bottom: 0;
}
.colorSelect li {
margin: 0.5rem;
}
.colorSelect li a {
display: block;
width: 25px;
height: 25px;
padding: 10px 0 0;
border: 1px #ddd solid;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.colorSelect li .c1 {
background: #fff;
}
.colorSelect li .c2 {
background: #000;
}
.colorSelect li .c3 {
background: #E5D7AC;
}
.colorSelect li .c4 {
background: #D90027;
}
.colorSelect li .c5 {
background: #0066E4;
}
.colorSelect li .c6 {
background: #2C994A;
}
.colorSelect li .c7 {
background: #FF922A;
}
.colorSelect li .c8 {
background: #162647;
}
.colorSelect li .c9 {
background: #F6B1D7;
}
.colorSelect li .c10 {
background: #F6E642;
}
.colorSelect li .c11 {
background: #74341F;
}
.colorSelect li .c12 {
background: #9E9E9E;
}
.sidebar {
margin-bottom: 3rem;
}
.sidebar h3 {
font-size: 2rem;
color: #fff;
line-height: 2.4rem;
padding: 1.5rem 1.5rem;
background-color: #37beec;
background-position: 0 0;
background-repeat: no-repeat;
background-repeat: repeat-x;
background-size: auto 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.sidebar .bl_accordion {
background-color: #fff;
}
.sidebar .bl_accordionTitle {
background-color: #fcfcfc;
padding: 1rem;
transition: 0.3s;
cursor: pointer;
position: relative;
color: #2561b1;
}
.sidebar .bl_accordionTitle::before {
content: "";
width: 5px;
height: 5px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
position: absolute;
top: 35%;
transform: rotate(45deg);
right: 20px;
transition: 0.3s;
}
.sidebar .bl_accordionTitle.active::before {
transform: rotate(225deg);
top: 45%;
}
.sidebar .bl_accordionTitle:hover::before, .sidebar .bl_accordionTitle.active::before {
border-right: 2px solid #249caa;
border-bottom: 2px solid #249caa;
}
.sidebar .bl_accordionTitle:hover, .sidebar .bl_accordionTitle.active {
background-color: #bde1e5;
color: #249caa;
font-weight: bold;
}
.sidebar .md_textblock > * + * {
margin-top: 10px;
}
.sidebar .md_markList {
list-style-type: disc;
margin-left: 1.4rem;
}
@media screen and (min-width: 768px) {
.sidebar .hp_displaySP {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.sidebar .hp_displayPC {
display: none !important;
}
} .example-box .main-box ul li {
margin-bottom: 3rem;
}
.example-box .main-box ul li .card {
margin: 0;
}
.example-box .main-box ul li a .card-text {
font-size: 1.4rem;
line-height: 2.5rem;
display: none;
}
.example-box .main-box ul li a:hover .card-text {
display: block;
}
.example-box .columns {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
.example-box .columns .pin {
display: inline-block;
background: #FEFEFE;
border: 1px solid #f6f6f6;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
margin: 0 2px 15px;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
padding: 0.5rem;
background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
opacity: 1;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 22%;
}
.example-box .columns .pin .pc {
position: relative;
}
.example-box .columns .pin > a {
display: none;
}
.example-box .columns .pin img {
width: 100%;
margin-bottom: 5px;
}
.example-box .columns .pin > p {
border-top: 1px dotted #f6f6f6;
padding: 1rem 0.5rem 0.5rem;
font-size: 1.4rem;
line-height: 2rem;
margin-bottom: 0;
}
.example-box .columns .pin .detail {
display: none;
border-radius: 3px;
z-index: 10;
}
.example-box .columns .pin .detail p {
font-size: 1.4rem;
line-height: 2.5rem;
color: #fff;
margin-bottom: 1rem;
}
.example-box .columns .pin .detail .more-box {
margin-top: 1rem;
}
.example-box .columns .pin .detail .more-box .more, .example-box .columns .pin .detail .more-box .more:visited, .example-box .columns .pin .detail .more-box .more:hover {
font-size: 1.4rem;
border-radius: 3px;
padding: 0.5rem;
line-height: 1.5rem;
opacity: 1;
}
.example-box .columns .pin .detail .more-box .more::after, .example-box .columns .pin .detail .more-box .more:visited::after, .example-box .columns .pin .detail .more-box .more:hover::after {
font-size: 1rem;
}
.example-box .columns .pin:hover > p {
opacity: 0.2;
}
.example-box .columns .pin:hover .detail {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
padding: 10px;
background: #333;
opacity: 0.9;
}
.scene-box .main-box {
max-width: 85.5rem;
}
.scene-box .main-box ul li + li {
padding-top: 2rem;
}
.pickup-box .main-box ul li {
padding-bottom: 2rem;
}
.pickup-box .main-box ul li a:hover {
color: #dcdcdc;
}
.pickup-box .main-box ul li h3 {
padding: 0.5rem 0;
background: none;
border-bottom: none;
line-height: 3rem;
margin-bottom: 0;
}
.top-orerguide-box ul {
display: flex;
}
.top-orerguide-box ul li {
flex: 25%;
}
.top-orerguide-box ul li dl {
padding: 1rem;
padding-right: 0;
text-align: left;
display: flex;
align-items: center;
}
.top-orerguide-box ul li dl dt {
margin-right: 0.8rem;
}
.top-orerguide-box ul li dl dd {
font-weight: bolder;
}
.top-orerguide-box ul li dl dd:after {
font-family: "Font Awesome 5 Pro";
content: "\f054";
display: inline-block;
padding-left: 0.5rem;
font-size: 1.4rem;
color: #F7C045;
}
.top-orerguide-box ul li dl.top-orerguide-step {
background: #F7C045;
position: relative;
height: 70px;
width: 90%;
border-radius: 2px;
}
.top-orerguide-box ul li dl.top-orerguide-step::after {
content: "";
position: absolute;
right: -30px;
border-left: 15px solid;
border-top: 35px solid transparent;
border-right: 15px solid transparent;
border-bottom: 35px solid transparent;
color: #F7C045;
}
.top-orerguide-box ul li dl.top-orerguide-step:hover {
background: #dcdcdc;
}
.top-orerguide-box ul li dl.top-orerguide-step:hover::after {
color: #dcdcdc;
}
.top-orerguide-box ul li dl.top-orerguide-step dd {
font-size: 1.8rem;
color: #333;
line-height: 1.3;
}
.top-orerguide-box ul li dl.top-orerguide-step dd span {
color: #fff;
font-size: 1.4rem;
}
.top-orerguide-box ul li dl.top-orerguide-step dd::after {
content: none;
}
#top-FAQ li {
display: flex;
flex-direction: column;
margin-bottom: 30px;
}
#top-FAQ .top-Q,
#top-FAQ .top-A {
display: flex;
gap: 20px;
align-items: flex-start;
}
#top-FAQ .top-Q dt,
#top-FAQ .top-A dt {
max-width: 85px;
font-size: 12px;
letter-spacing: 0;
font-weight: normal;
text-align: center;
}
#top-FAQ .top-Q dd,
#top-FAQ .top-A dd {
max-width: 76.5%;
position: relative;
border-radius: 10px;
padding: 15px;
}
#top-FAQ .top-Q dd p,
#top-FAQ .top-A dd p {
margin-bottom: 0;
position: relative;
padding: 0 0 0 42px;
}
#top-FAQ .top-Q dd p::before,
#top-FAQ .top-A dd p::before {
position: absolute;
left: 0;
top: 10px;
content: "";
font-size: 4rem;
font-family: "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
}
#top-FAQ .top-Q dd p a,
#top-FAQ .top-A dd p a {
text-decoration: underline;
}
#top-FAQ .top-Q dd .more-box,
#top-FAQ .top-A dd .more-box {
margin-top: 10px;
}
#top-FAQ .top-Q {
justify-content: flex-start;
}
#top-FAQ .top-Q dd {
background: #FBFAF9;
border: 2px solid #CBCBCB;
}
#top-FAQ .top-Q dd::before {
content: "";
position: absolute;
border-right: 8px solid #CBCBCB;
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
top: 35px;
left: -10px;
}
#top-FAQ .top-Q dd p::before {
content: "Q";
color: #CBCBCB;
}
#top-FAQ .top-A {
justify-content: flex-end;
}
#top-FAQ .top-A dd {
background: #FFF9F6;
border: 2px solid #FDBC8F;
}
#top-FAQ .top-A dd::before {
content: "";
position: absolute;
border-left: 8px solid #FDBC8F;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
top: 35px;
right: -10px;
}
#top-FAQ .top-A dd p::before {
content: "A";
color: #FDBC8F;
} .page-wooden .page-title,
.page-acrylic .page-title,
.page-acrylicstand .page-title,
.page-acryliccard .page-title {
background-color: #413233;
}
.page-wooden .page-title__main,
.page-acrylic .page-title__main,
.page-acrylicstand .page-title__main,
.page-acryliccard .page-title__main {
padding: 0;
}
.page-wooden .strength-box .card ul li p,
.page-acrylic .strength-box .card ul li p,
.page-acrylicstand .strength-box .card ul li p,
.page-acryliccard .strength-box .card ul li p {
margin: 0.5rem 0 0 0;
}
.page-wooden .strength-box .card ul li + li,
.page-acrylic .strength-box .card ul li + li,
.page-acrylicstand .strength-box .card ul li + li,
.page-acryliccard .strength-box .card ul li + li {
margin-top: 0;
} #price ul {
margin-right: -5px;
margin-left: -5px;
}
#price ul li.item {
flex: 0 0 20%;
max-width: 20%;
padding-right: 5px;
padding-left: 5px;
}
.price-box table {
background-color: #fff;
}
.price-box .main-box h3 {
background: #565656;
color: #fff;
}
table.table-price {
background-color: #fff;
}
table.table-price th, table.table-price td {
text-align: center;
vertical-align: middle;
padding: 1.2rem;
}
table.table-price td {
font-size: 1.8rem;
font-weight: 700;
} .page-about .reason-box ul li {
margin-bottom: 2rem;
}
.page-about #about-reason h3 {
background: none;
margin-bottom: 0;
text-align: center;
color: #F40E08;
padding: 1rem 0;
} .page-draft ul.draft-btn li {
margin: 1.5rem;
}
.page-draft ul.draft-btn li a {
width: 100%;
text-align: left;
}
.page-draft ul.draft-btn li a i {
line-height: 4.4rem;
}
.page-template-page-draft-guide .table-draft th {
background-color: #f8f7f3;
}
.page-template-page-draft-guide .table-draft td {
vertical-align: middle;
width: 60%;
}
.page-template-page-draft-guide .draft-guide-box .card {
margin-bottom: 4rem;
}
.page-template-page-draft-guide .draft-guide-box .card .card-body {
padding: 3rem;
}
.page-template-page-draft-guide .draft-guide-box .card .card-body img {
display: block;
margin: 1rem auto;
}
.page-template-page-draft-guide .draft-guide-box .card:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin: 1px -15rem;
border: 15rem solid transparent;
border-top: 3rem solid #f8f7f3;
}
.page-template-page-draft-guide .draft-guide-box .card dl {
margin-bottom: 2rem;
}
.page-template-page-draft-guide .draft-guide-box .card dl dt {
background: #f6f6f6;
padding: 1rem;
text-align: center;
}
.page-template-page-draft-guide .draft-guide-box .card:last-child {
margin-bottom: 0;
}
.page-template-page-draft-guide .draft-guide-box .card:last-child:before {
display: none;
} .page-sample table.table-size {
margin-bottom: 0;
}
.page-sample table.table-size th, .page-sample table.table-size td {
vertical-align: middle;
}
.page-sample table.table-size thead th:first-child {
width: 40%;
}
.page-sample table.table-size thead th:nth-child(2) {
width: 30%;
}
.page-sample table.table-size thead th:nth-child(3) {
width: 15%;
}
.page-sample table.table-size thead th:nth-child(4) {
width: 15%;
}
.page-sample table.table-size tbody td:nth-child(3), .page-sample table.table-size tbody td:nth-child(4) {
text-align: center;
}
.page-sample table.table-size tbody td, .page-sample table.table-size tbody th {
background: #fff;
} .page-est .card a:hover .more.btn-contact, .page-est .card a:hover body .more.btn-contact:visited {
background: #F40D07;
color: #fff;
} .page-faq .read nav ul li, .page-faq .contents nav ul li {
border-bottom: 1px dotted #dcdcdc;
padding: 0.5rem;
} .page-sitemap .main-box .sitemapーcontents {
display: flex;
flex-wrap: wrap;
}
.page-sitemap .main-box .sitemapーcontents .sitemapーsection {
width: 50%;
padding: 10px;
}
.page-sitemap .main-box .sitemapーcontents .sitemapーsection ul li {
padding: 0.5rem 1.5rem;
} .page-payment #payment1 p {
padding-top: 2rem;
margin-bottom: 2rem;
}
.page-payment #payment1 p:nth-child(1) {
padding-top: 0;
} .page-flow .contents .flex {
padding: 0 15px;
}
.lineup-list .product-ttl {
font-size: 20px;
font-weight: bold;
}
#lineup .card {
position: relative;
}
#lineup .card .card-body {
padding: 0.25rem;
}
#lineup .card .card-title h3 {
padding: 0.5rem;
margin-bottom: 0;
line-height: 2.5rem;
}
#lineup .card .circle {
width: 5rem;
height: 5rem;
background-color: #0C8CCF;
border-color: #0C8CCF;
font-weight: 700;
position: absolute;
right: 0.5rem;
top: 0.5rem;
z-index: 1;
}
#lineup .card .detail {
display: none;
border-radius: 3px;
z-index: 10;
}
#lineup .card:hover .detail {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
padding: 1.5rem 0.5rem;
background: #333;
opacity: 0.9;
}
#lineup .card:hover .detail .more-box {
padding: 0.25em;
}
.page-onepoint .read, .page-naire .read, .single-product .read {
padding: 7rem 0 0;
}
.page-onepoint .read ul li, .page-naire .read ul li, .single-product .read ul li {
opacity: 0.7;
}
.page-onepoint .read ul li a, .page-naire .read ul li a, .single-product .read ul li a {
border: 5px #dcdcdc solid;
display: block;
}
.page-onepoint .read ul li:hover, .page-onepoint .read ul li:hover a img:hover, .page-naire .read ul li:hover, .page-naire .read ul li:hover a img:hover, .single-product .read ul li:hover, .single-product .read ul li:hover a img:hover {
opacity: 1;
}
.page-onepoint .read ul li.active_tab, .page-naire .read ul li.active_tab, .single-product .read ul li.active_tab {
opacity: 1;
}
.page-onepoint .read ul li.active_tab a, .page-naire .read ul li.active_tab a, .single-product .read ul li.active_tab a {
border: 5px #DE2C0C solid;
}
.page-onepoint .card .card-header, .page-naire .card .card-header, .single-product .card .card-header {
padding: 1.25rem;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.5;
}
.page-onepoint .onepoint-size-box .card span.red, .page-naire .onepoint-size-box .card span.red, .single-product .onepoint-size-box .card span.red {
font-size: 2rem;
font-weight: 700;
}
.page-onepoint-size .contents .main-box ul li, .page-naire-size .contents .main-box ul li {
margin-bottom: 15px;
}
.page-scene-event .read, .page-scene-house .read, .page-scene-apparel .read {
padding-bottom: 0;
}
.page-scene-event .read p, .page-scene-house .read p, .page-scene-apparel .read p {
margin: 1rem 0 0 0;
}
.page-scene-house .scene-rerca .main-box, .page-scene-apparel .scene-rerca .main-box {
max-width: 100rem;
}
.scene-specification h2 {
border-bottom: none;
margin-bottom: 3rem;
text-align: center;
}
.scene-specification h3 {
font-size: 1.8rem;
}
.scene-specification .card {
border: 5px #dcdcdc solid;
background: #F9F9F9;
border-radius: 10px;
}
.scene-specification .card .card-body {
padding: 3rem;
}
.scene-specification .card .card-body dl {
border: 1px #dcdcdc solid;
font-size: 1.8rem;
background: #333;
}
.scene-specification .card .card-body dl.row {
margin: 0 0 0.5rem 0;
}
.scene-specification .card .card-body dl dt {
background: #333;
color: #fff;
padding: 1rem 1.5rem;
}
.scene-specification .card .card-body dl dd {
padding: 1rem 1.5rem;
color: #ff3456;
background: #fff;
font-weight: 700;
}
.scene-specification.scene-specification-mini .main-box {
max-width: 70rem;
}
@media (max-width: 768px) {
.scene-specification h2 {
font-size: 0.8rem;
}
}
.scene-rerca .head-box h2 {
border-bottom: none !important;
}
.scene-rerca .card .card-body {
padding: 3rem;
}
.scene-rerca .card .card-body .row div {
margin: 1.5rem auto;
}
.scene-rerca .card .card-body .row p {
margin-bottom: 0;
text-align: left;
}
.scene-sample .scene-slider .card {
margin: 0 1rem 2rem;
}
.scene-sample .scene-slider .card span {
font-size: 1.4rem;
line-height: 0.5rem;
}
.scene-sample h3 {
font-weight: bold;
}
.scene-point .panel {
border: 1px #dcdcdc solid;
}
.scene-point h3 {
line-height: 3rem;
}
.scene-point .label {
background-color: #333;
margin-right: 1rem;
color: #fff;
font-size: 1.4rem;
padding: 0.5rem;
border-radius: 3px;
}
.scene-custom .card .card-header {
text-align: center;
font-weight: 700;
font-size: 1.8rem;
}
.scene-link li div p {
text-align: center;
}
.scene-link h4 {
text-align: center;
margin-bottom: 2rem;
font-size: 2.2rem;
}
.scene-link span.label {
position: relative;
top: -15px;
}
.page-orderguide .contents .main-box ul li {
margin-bottom: 2rem;
}
.page-orderguide .contents .main-box ul li p {
margin: 1rem 0 0 0;
}
.page-orderguide .contents .main-box h3 {
margin-bottom: 0;
}
.page-orderguide .size-group dl dt {
padding: 1rem 1.5rem;
background: #413233;
color: #fff;
margin-bottom: 1.5rem;
line-height: 3rem;
font-size: 2rem;
font-weight: 400;
border-radius: 0.3rem;
}
.page-orderguide .size-group dl dd {
padding: 0 1.5rem;
}
table.table-size {
margin-bottom: 0;
}
table.table-size th, table.table-size td {
vertical-align: middle;
}
table.table-size thead th:first-child {
width: 35%;
}
table.table-size thead th:nth-child(2) {
width: 25%;
}
table.table-size tbody td, table.table-size tbody th {
background: #fff;
}
table.table-size tbody span {
padding: 0.4rem;
border-radius: 0.4rem;
margin-right: 1rem;
font-size: 1.3rem;
font-weight: 400;
}
table.table-size tbody span.size-square {
border: 1px solid #16a085;
color: #16a085;
}
table.table-size tbody span.size-tate {
border: 1px solid #e74c3c;
color: #e74c3c;
}
table.table-size tbody span.size-yoko {
border: 1px solid #2980b9;
color: #2980b9;
}
.form-group label {
cursor: pointer;
}
.form-group table.table-size tbody tr:hover th, .form-group table.table-size tbody tr:hover td {
background: #dcdcdc;
}
.form-group table.table-size tbody tr:hover td.first {
background: #fff;
}
.form-group table.table-size tbody tr.active th, .form-group table.table-size tbody tr.active td {
background: #FFCD36;
}
.form-group table.table-size tbody tr.active td.first {
background: #fff;
}
.form-group table.table-size tbody .check {
background-color: transparent;
border: none;
padding: 0.5rem;
border-radius: 0;
}
.form-group table.table-size tbody th {
padding: 0;
}
.form-group table.table-size tbody td {
padding: 0 0.5rem;
}
.form-group table.table-size tbody td:first-child {
background: #fff;
}
.form-group#address ul {
margin: 0 -15px;
}
.post-type-archive-logo_template .read {
padding-bottom: 4.5rem;
}
.post-type-archive-logo_template .logo-point-box .card {
border-radius: 0.7rem;
text-align: center;
margin-bottom: 2rem;
}
.post-type-archive-logo_template .logo-point-box .card .card-title {
font-weight: bold;
font-size: 1.8rem;
}
.post-type-archive-logo_template .logo-point-box .card .card-title .circle {
margin-bottom: 0.5rem;
font-size: 2rem;
}
.post-type-archive-logo_template .logo-point-box .small {
color: #999;
line-height: 1.4rem;
}
.post-type-archive-logo_template .logo-point-box .more::after {
content: "\f107" !important;
}
.post-type-archive-logo_template .logolist-box ul li.item {
flex: 0 0 20%;
max-width: 20%;
padding-right: 25px;
padding-left: 25px;
margin-bottom: 3rem;
}
.post-type-archive-logo_template .logolist-box ul li.item .popup {
display: none;
text-align: center;
}
.post-type-archive-logo_template .logolist-box ul li.item dl {
text-align: center;
}
.post-type-archive-logo_template .logolist-box ul li.item dl dd {
line-height: 10;
}
.post-type-archive-logo_template .logolist-box ul li.item dl dt {
color: #666;
}
.post-type-archive-logo_template .logolist-box ul li.item:hover {
position: relative;
}
.post-type-archive-logo_template .logolist-box ul li.item:hover .popup.is_active {
display: none;
}
.post-type-archive-logo_template .logolist-box ul li.item:hover .popup {
transition: all 400ms ease-in-out;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
position: absolute;
display: block;
color: #FD7C23;
font-size: 1.4rem;
font-weight: 700;
background: #f8f7f3;
bottom: 20%;
left: -30%;
text-align: center;
border-radius: 5px;
z-index: 15;
padding: 1.5rem 2rem;
border: 2px solid #dcdcdc;
width: 350px;
}
.post-type-archive-logo_template .logolist-box ul li.item:hover .popup img {
background: #fff;
}
.post-type-archive-logo_template .logolist-box ul li.item:hover .popup img.logo-img {
max-width: 100%;
display: block;
margin: 0 auto;
height: auto;
}
.post-type-archive-logo_template .logolist-box ul li.item:hover .popup ul li {
padding: 0 0.5rem;
margin-top: 1rem;
}
.post-type-archive-logo_template .logolist-box ul li.item:hover .popup .more.btn-contact, .post-type-archive-logo_template .logolist-box ul li.item:hover .popup .more.btn-contact:visited {
margin-top: 1rem;
border-radius: 5px;
padding: 0 1rem;
line-height: 3.5rem;
}
.post-type-archive-logo_template .logolist-box ul li.item:hover .popup::before {
content: "";
position: absolute;
top: 100%;
left: 45%;
border: 7px solid transparent;
border-top: 7px solid #dcdcdc;
}
.post-type-archive-logo_template .logolist-box ul li.item:hover .popup span.close {
width: 2.5rem;
height: 2.5rem;
border-radius: 100%;
background: #565656;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
z-index: 10;
}
.post-type-archive-logo_template .logolist-box ul li.item:hover .popup span.close::after {
content: "\f00d";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
display: inline-block;
}
.post-type-archive-logo_template .logolist-box #logo3-5 div {
padding: 1.5rem;
}
.post-type-archive-logo_template .logolist-box #logo3-5 h4 {
padding: 1rem;
margin-bottom: 1rem;
border-top: 2px solid #dcdcdc;
border-bottom: 2px solid #dcdcdc;
}
.post-type-archive-logo_template .logolist-box #logo3-5 ul li.item {
flex: 0 0 20%;
max-width: 100%;
padding: 0;
margin-bottom: 1.5rem;
}
.post-type-archive-logo_template .logolist-box #logo3-5 ul li.item a {
padding: 0 15px;
}
.post-type-archive-logo_template .logolist-box #logo3-5 ul li.item img {
padding-left: 2rem;
}
.post-type-archive-logo_template .logolist-box #logo3-5 ul li.item:hover .popup {
bottom: 100%;
left: 40px;
}
.post-type-archive-logo_template .logo-flow-box ul li .card::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin: 1px -15rem;
border: 15rem solid transparent;
border-top: 3rem solid #f8f7f3;
}
.post-type-archive-logo_template .logo-flow-box ul li:last-child .card::before {
display: none;
}
.post-type-archive-logo_template .logo-faq-box h3 {
font-size: 1.8rem;
line-height: 4rem;
}
.post-type-archive-logo_template .logo-faq-box h3 .circle {
margin-right: 0.5rem;
}
.page-standard .page-title .container, .single-product .page-title .container {
padding: 0;
}
.page-standard .page-title__main, .single-product .page-title__main {
padding: 0;
}
.page-standard .read, .single-product .read {
padding: 4.5rem 0;
background-color: #F8F7F3;
}
.page-standard .read .card a, .single-product .read .card a {
color: #413233;
}
.page-standard .read .card .card-title, .single-product .read .card .card-title {
font-size: 2.4rem;
text-align: center;
font-weight: 700;
}
.page-standard .read .card img, .single-product .read .card img {
margin: 0.5rem 0 1rem;
}
.page-standard #lineup .table-size .more, .single-product #lineup .table-size .more {
line-height: 3.4rem;
border-radius: 5px;
padding: 0 1rem;
font-size: 1.4rem;
}
.page-standard #lineup .lineup-group, .single-product #lineup .lineup-group {
background-color: #565656;
color: #fff;
padding: 1rem 1.5rem;
margin-bottom: 1.5rem;
line-height: 3rem;
font-size: 1.8rem;
}
.page-standard #lineup .card span.size-mark, .single-product #lineup .card span.size-mark {
position: absolute;
top: 0.5rem;
left: 0.5rem;
padding: 0.4rem;
border-radius: 0.4rem;
margin-right: 1rem;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.3;
color: #fff;
}
.page-standard #lineup .card span.size-mark.size-square, .single-product #lineup .card span.size-mark.size-square {
background-color: #16a085;
}
.page-standard #lineup .card span.size-mark.size-tate, .single-product #lineup .card span.size-mark.size-tate {
background-color: #e74c3c;
}
.page-standard #lineup .card span.size-mark.size-yoko, .single-product #lineup .card span.size-mark.size-yoko {
background-color: #2980b9;
}
.page-standard #lineup .card .circle, .single-product #lineup .card .circle {
background-color: #F40E08;
border-color: #F40E08;
line-height: 1;
}
.page-standard #lineup .card .card-title, .single-product #lineup .card .card-title {
margin-bottom: 0;
}
.page-standard #lineup .card p, .single-product #lineup .card p {
font-size: 80%;
padding: 0.5rem;
line-height: 1.5;
margin-bottom: 0;
}
.page-standard #lineup .card ul li + li, .single-product #lineup .card ul li + li {
margin-left: 0.5rem;
}
.page-standard #lineup .card .more, .single-product #lineup .card .more {
line-height: 3.4rem;
border-radius: 5px;
padding: 0 1rem;
font-size: 80%;
margin-bottom: 0.5rem;
position: relative;
z-index: 5;
}
.single-product-standard #lineup .table-size .more,
.single-product #lineup .table-size .more {
line-height: 3.4rem;
border-radius: 5px;
padding: 0 1rem;
font-size: 1.4rem;
}
.single-product-standard #lineup .lineup-group,
.single-product #lineup .lineup-group {
background-color: #565656;
color: #fff;
padding: 1rem 1.5rem;
margin-bottom: 1.5rem;
line-height: 3rem;
font-size: 1.8rem;
}
.single-product-standard #lineup .card span.size-mark,
.single-product #lineup .card span.size-mark {
position: absolute;
top: 0.5rem;
left: 0.5rem;
padding: 0.4rem;
border-radius: 0.4rem;
margin-right: 1rem;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.3;
color: #fff;
}
.single-product-standard #lineup .card span.size-mark.size-square,
.single-product #lineup .card span.size-mark.size-square {
background-color: #16a085;
}
.single-product-standard #lineup .card span.size-mark.size-tate,
.single-product #lineup .card span.size-mark.size-tate {
background-color: #e74c3c;
}
.single-product-standard #lineup .card span.size-mark.size-yoko,
.single-product #lineup .card span.size-mark.size-yoko {
background-color: #2980b9;
}
.single-product-standard #lineup .card .circle,
.single-product #lineup .card .circle {
background-color: #F40E08;
border-color: #F40E08;
line-height: 1;
}
.single-product-standard #lineup .card .card-title,
.single-product #lineup .card .card-title {
margin-bottom: 0;
}
.single-product-standard #lineup .card p,
.single-product #lineup .card p {
font-size: 80%;
padding: 0.5rem;
line-height: 1.5;
margin-bottom: 0;
}
.single-product-standard #lineup .card ul li + li,
.single-product #lineup .card ul li + li {
margin-left: 0.5rem;
}
.single-product-standard #lineup .card .more,
.single-product #lineup .card .more {
line-height: 3.4rem;
border-radius: 5px;
padding: 0 1rem;
font-size: 80%;
margin-bottom: 0.5rem;
position: relative;
z-index: 5;
}
.page-template-page-one #orderguide h3,
.single-product #orderguide h3 {
line-height: 3.5rem;
background: #565656;
border-radius: 3px;
color: #fff;
font-weight: 400;
}
.page-template-page-one #orderguide h3 .circle,
.single-product #orderguide h3 .circle {
margin-right: 1rem;
border: 2px solid #fff;
background: none;
width: 3.5rem;
height: 3.5rem;
}
.page-template-page-one #orderguide h4,
.single-product #orderguide h4 {
background: #f4f4f4;
padding: 1rem;
text-align: center;
}
.page-template-page-one #orderguide ul.row,
.single-product #orderguide ul.row {
padding: 0 1.5rem;
}
.page-template-page-one #orderguide ul.row img,
.single-product #orderguide ul.row img {
width: 100%;
height: auto;
}
.page-template-page-one #orderguide .material-box .card .material-mark,
.single-product #orderguide .material-box .card .material-mark {
position: absolute;
right: 0.8rem;
top: 1rem;
margin-top: 4.5rem;
}
.page-template-page-one #orderguide .material-box .card .material-mark img,
.single-product #orderguide .material-box .card .material-mark img {
border: 2px solid #FD7C23;
border-radius: 3px;
}
.page-template-page-one #orderguide .material-box .card p,
.single-product #orderguide .material-box .card p {
margin-bottom: 0;
}
.page-template-page-one #orderguide .material-box .card-material-table,
.single-product #orderguide .material-box .card-material-table {
display: block;
margin: 3rem auto;
width: 80%;
}
.page-template-page-one #orderguide .material-box table.table-material thead th, .page-template-page-one #orderguide .material-box table.table-material tbody td,
.single-product #orderguide .material-box table.table-material thead th,
.single-product #orderguide .material-box table.table-material tbody td {
text-align: center;
}
.page-template-page-one #orderguide .material-box table.table-material tbody th,
.single-product #orderguide .material-box table.table-material tbody th {
white-space: nowrap;
}
.page-template-page-one #orderguide .material-box table.small th, .page-template-page-one #orderguide .material-box table.small td,
.single-product #orderguide .material-box table.small th,
.single-product #orderguide .material-box table.small td {
padding: 0;
} .top-omparison {  }
.top-omparison .table-area {
width: 100%;
margin: 0 auto;
overflow-x: scroll;
}
.top-omparison table {
table-layout: fixed;
}
.top-omparison table.sp-table {
width: 100%;
min-width: 900px;
margin: 1em auto 2em;
}
.top-omparison table.sp-table,
.top-omparison table.sp-table td,
.top-omparison table.sp-table th {
border: 1px solid #DCDCDC;
border-collapse: collapse;
}
.top-omparison table.sp-table td,
.top-omparison table.sp-table th {
color: #423233;
font-weight: 500;
font-size: 14px;
text-align: center;
padding: 0.5em;
box-sizing: border-box;
letter-spacing: 0.56px;
font-weight: 600;
text-align: center;
vertical-align: middle;
}
.top-omparison table.sp-table th {
width: 8%;
}
.top-omparison table.sp-table td {
width: 22%;
}
.top-omparison table.sp-table th {
color: #333;
font-size: 13px;
background-color: #ececec;
font-weight: 600;
line-height: 18px;
}
.top-omparison .table_tit {
color: #423233;
font-size: 20px;
font-weight: 700;
line-height: 28px;
letter-spacing: 1.1px;
margin: 0.6em;
}
.top-omparison .table_tit_s {
font-size: 18px;
font-weight: 700;
color: #423233;
border-radius: 8px 8px 0px 0px;
background: #E3E3E3;
padding: 12px 0px 8px 0px;
line-height: 16px;
letter-spacing: 0.2px;
max-width: 266px;
margin: 10px auto -4px auto;
}
.top-omparison .table_explanatory {
color: #423233;
font-size: 14px;
font-weight: 600;
line-height: 22px;
letter-spacing: 0.7px;
margin: 0.8em;
}
.top-omparison .table_number {
text-align: right;
font-family: Oswald;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 110%;
letter-spacing: 0.4px;
}
.top-omparison .table_conditions {
background-color: #fff;
width: 80%;
margin: 4px auto;
border-radius: 6px;
line-height: 18px;
padding: 0.3em;
font-size: 12px;
}
.top-omparison .table_conditions2 {
background-color: #fff;
width: 100%;
margin: 4px auto;
border-radius: 6px;
line-height: 18px;
padding: 0.3em;
font-size: 12px;
}
.top-omparison .sp-table tr td:nth-child(2) {
background: #ECFEFF;
}
.top-omparison .sp-table tr td:nth-child(3) {
background: #FFFAD0;
}
.top-omparison .sp-table tr td:nth-child(4) {
background: #FFE9D0;
}
.top-omparison .sp-table tr td:nth-child(5) {
background: #EEFFE9;
}
.top-omparison p {
margin-bottom: 0px;
}
.top-omparison .p_s {
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.8px;
}
.top-omparison ul {
font-size: 16px;
list-style-type: disc;
line-height: 20px;
text-align: left;
padding: 0 1.5em;
}
.top-omparison li {
border-top: 0;
border-bottom: 0;
}
.top-omparison .center {
text-align: center;
}
.top-omparison .plan-box {
padding: 5.5rem 0 0rem;
}
.top-omparison .price_flex {
display: flex;
justify-content: space-evenly;
}
.top-omparison .td_price .price {
display: flex;
align-items: flex-end;
justify-content: center;
}
.top-omparison .td_price .table_number2 {
line-height: 16px;
margin-left: 4px;
}
.top-omparison .td_price .price {
display: flex;
align-items: flex-end;
justify-content: center;
}
.top-omparison .td_price .table_number2 {
line-height: 16px;
margin-left: 4px;
}
.top-omparison .td_deadline .deadline {
display: flex;
align-items: flex-end;
justify-content: center;
}
.top-omparison .table_btn {
margin: 0 auto;
color: #fff;
display: block;
width: 80%;
padding: 0.2em 0.2em 0.3em 0.2em;
text-align: center;
background-color: #FD7C23;
border: 1px solid #FD7C23;
border-radius: 30px;
font-size: 18px;
font-weight: 700;
transition: 0.3s;
margin-bottom: 0.5em;
}
.top-omparison .table_btn:hover {
background-color: #FFFDEA;
color: #FD7C23;
border: 1px solid #FD7C23;
}
@media screen and (min-width: 992px) {
.top-omparison .table-area {
overflow-x: auto;
}
.top-omparison table.sp-table {
width: 100%;
}
.top-omparison .s_none {
display: none;
}
}
@media screen and (max-width: 991px) {
.top-omparison .table_tit {
font-size: 19px;
line-height: 24px;
}
.top-omparison .table_tit_s {
font-size: 16px;
}
.top-omparison .table_btn {
font-size: 16px;
}
.top-omparison .table_number {
font-size: 30px;
}
.top-omparison .h_none {
display: none;
}
.top-omparison .table_number2 {
line-height: 12px;
margin-left: 2px;
font-size: 10px;
}
}
.top-omparison .cp_box *, .top-omparison .cp_box *:before, .top-omparison .cp_box *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.top-omparison .cp_box {
position: relative;
}
.top-omparison .cp_box label {
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 140px; cursor: pointer;
text-align: center; background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.top-omparison .cp_box input:checked + label {
background: inherit; }
.top-omparison .cp_box label:after {
line-height: 2.5rem;
position: absolute;
padding: 0.5em;
z-index: 2;
bottom: 20px;
left: 50%;
width: 30rem;
font-family: "Font Awesome 5 Pro";
content: "\f13a" " すべての比較情報を表示する";
transform: translate(-50%, 0);
letter-spacing: 0.05em;
color: #413233;
border-radius: 30px;
background-color: #f6f6f6;
border: solid 2px #aaa;
}
.top-omparison .cp_box input {
display: none;
}
.top-omparison .cp_box .cp_container {
overflow: hidden;
height: 750px; transition: all 0.5s;
}
.top-omparison .cp_box input:checked + label { }
.top-omparison .cp_box input:checked + label:after {
font-family: "Font Awesome 5 Pro";
content: "\f139" " 閉じる";
}
.top-omparison .cp_box input:checked ~ .cp_container {
height: auto;
padding-bottom: 80px; transition: all 0.5s;
}
@media screen and (min-width: 750px) {
#cta_btn {
display: none;
}
}
.page-template-page-one #onepoint-feature .contents, .page-template-page-one #naire-feature .contents {
padding: 3.5rem 0;
}
.page-template-page-one #onepoint-feature h2, .page-template-page-one #naire-feature h2 {
color: #FD7C23;
margin-bottom: 10px;
}
.page-naire .onepointBtn .onepointBtnTtl {
font-size: 1.3rem;
margin-bottom: 0px;
text-align: left;
font-weight: 700;
line-height: 3.5rem;
}
.page-naire .onepointBtn .entry-recipe-ttl {
position: relative;
padding: 5px;
color: #fff;
font-weight: bold;
background: rgb(68, 80, 84);
text-align: center;
font-size: 10px;
line-height: 130%;
}
.page-naire .onepointBtn .entry-recipe-body {
padding: 10px;
color: #a4abae;
border-radius: 0 0 10px 10px;
background: #fefbf7;
display: flex;
}
.page-naire .onepointBtn .entry-recipe-body .priceBox {
width: 100%;
}
.page-naire .onepointBtn .entry-recipe-body .priceBox .price {
display: flex;
align-items: flex-end;
padding: 0px;
}
.page-naire .onepointBtn .entry-recipe-body .priceBox .price p {
margin-bottom: 0px;
}
.page-naire .onepointBtn .entry-recipe-body .priceBox .price p.table_number {
text-align: right;
font-family: Oswald;
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
line-height: 80%;
letter-spacing: 0.4px;
color: #333;
}
.page-naire .onepointBtn .entry-recipe-body .priceBox .price p.table_number2 {
line-height: 100%;
margin-left: 2px;
font-size: 1rem;
text-align: left;
color: #413233;
font-weight: 700;
}
.page-naire .onepointBtn .entry-recipe-body .priceBox .price p.entry-recipe-body__txt {
font-size: 1rem;
margin-top: 0.3rem;
color: #413233;
font-weight: 700;
}
.page-naire .onepointBtn .entry-recipe-body .priceBox2 i {
color: #333;
padding: 0rem;
}
.page-naire .btn_4 {
color: initial;
padding: initial;
text-decoration: initial;
display: block;
border: 1px solid #ccc;
background-color: #fff;
display: block;
font-size: initial;
padding: initial;
color: initial;
font-weight: initial;
line-height: initial;
position: initial;
transition: initial;
-webkit-transition: initial;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
overflow: hidden;
}
.page-naire a:hover .btn_4 {
border: 1px solid #FD7C23;
box-sizing: border-box;
color: #FD7C23;
}
.page-naire a:hover .btn_4 .entry-recipe-ttl {
background: #FD8939;
}
.page-naire .onepointBtn2 .onepointBtnTtl, .page-onepoint .onepointBtn2 .onepointBtnTtl, .single-product .onepointBtn2 .onepointBtnTtl {
font-size: 1.3rem;
margin-bottom: 0px;
text-align: left;
font-weight: 700;
line-height: 3.5rem;
}
.page-naire .onepointBtn2 .entry-recipe-ttl, .page-onepoint .onepointBtn2 .entry-recipe-ttl, .single-product .onepointBtn2 .entry-recipe-ttl {
position: relative;
padding: 5px;
color: #fff;
font-weight: bold;
background: rgb(68, 80, 84);
text-align: center;
font-size: 10px;
line-height: 130%;
}
.page-naire .onepointBtn2 .entry-recipe-body, .page-onepoint .onepointBtn2 .entry-recipe-body, .single-product .onepointBtn2 .entry-recipe-body {
padding: 10px;
border-radius: 0 0 10px 10px;
display: flex;
}
.page-naire .onepointBtn2 .entry-recipe-body .priceBox, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox, .single-product .onepointBtn2 .entry-recipe-body .priceBox {
width: 100%;
}
.page-naire .onepointBtn2 .entry-recipe-body .priceBox .price, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox .price, .single-product .onepointBtn2 .entry-recipe-body .priceBox .price {
display: flex;
align-items: flex-end;
padding: 0px;
}
.page-naire .onepointBtn2 .entry-recipe-body .priceBox .price p, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox .price p, .single-product .onepointBtn2 .entry-recipe-body .priceBox .price p {
margin-bottom: 0px;
}
@media (min-width: 992px) {
.page-naire .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number, .single-product .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number {
text-align: right;
font-family: Oswald;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 80%;
letter-spacing: 0.4px;
}
.page-naire .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number2, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number2, .single-product .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number2 {
line-height: 100%;
margin-left: 2px;
font-size: 1.2rem;
text-align: left;
font-weight: 700;
}
.page-naire .onepointBtn2 .entry-recipe-body .priceBox .price p.entry-recipe-body__txt, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox .price p.entry-recipe-body__txt, .single-product .onepointBtn2 .entry-recipe-body .priceBox .price p.entry-recipe-body__txt {
font-size: 1.2rem;
margin-top: 0.3rem;
font-weight: 700;
}
}
@media (max-width: 991px) {
.page-naire .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number, .single-product .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number {
text-align: right;
font-family: Oswald;
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 80%;
letter-spacing: 0.4px;
}
.page-naire .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number2, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number2, .single-product .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number2 {
line-height: 100%;
margin-left: 2px;
font-size: 1rem;
text-align: left;
font-weight: 700;
}
.page-naire .onepointBtn2 .entry-recipe-body .priceBox .price p.entry-recipe-body__txt, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox .price p.entry-recipe-body__txt, .single-product .onepointBtn2 .entry-recipe-body .priceBox .price p.entry-recipe-body__txt {
font-size: 1rem;
margin-top: 0.3rem;
font-weight: 700;
}
}
@media (max-width: 767px) {
.page-naire .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number, .single-product .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number {
text-align: right;
font-family: Oswald;
font-size: 2rem;
font-style: normal;
font-weight: 700;
line-height: 80%;
letter-spacing: 0.4px;
}
.page-naire .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number2, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number2, .single-product .onepointBtn2 .entry-recipe-body .priceBox .price p.table_number2 {
line-height: 100%;
margin-left: 2px;
font-size: 1rem;
text-align: left;
font-weight: 700;
}
.page-naire .onepointBtn2 .entry-recipe-body .priceBox .price p.entry-recipe-body__txt, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox .price p.entry-recipe-body__txt, .single-product .onepointBtn2 .entry-recipe-body .priceBox .price p.entry-recipe-body__txt {
font-size: 1rem;
margin-top: 0.3rem;
font-weight: 700;
}
}
.page-naire .onepointBtn2 .entry-recipe-body .priceBox2 .entry-recipe-thumbnail, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox2 .entry-recipe-thumbnail, .single-product .onepointBtn2 .entry-recipe-body .priceBox2 .entry-recipe-thumbnail {
margin-top: 10px;
}
.page-naire .onepointBtn2 .entry-recipe-body .priceBox2 i, .page-onepoint .onepointBtn2 .entry-recipe-body .priceBox2 i, .single-product .onepointBtn2 .entry-recipe-body .priceBox2 i {
color: #fff;
padding: 0rem;
font-size: 20px;
}
.page-naire .btn_5, .page-onepoint .btn_5, .single-product .btn_5 {
padding: initial;
text-decoration: initial;
display: block;
border: 1px solid #F38F00;
background: #F38F00;
display: block;
font-size: initial;
padding: initial;
font-weight: initial;
line-height: initial;
position: initial;
transition: initial;
-webkit-transition: initial;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
border-radius: 10px 10px 10px 10px; overflow: hidden;
color: #fff;
}
.page-naire a:hover .btn_5, .page-onepoint a:hover .btn_5, .single-product a:hover .btn_5 {
border: 1px solid #FD7C23;
box-sizing: border-box;
color: #fff;
background: #F40D07;
}
@media (min-width: 768px) {
.onepoint-thumbnail ul {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
.onepoint-thumbnail ul li img {
border: solid 2px #cfcfcf;
width: 50px;
height: auto;
}
}
@media (max-width: 767px) {
.onepoint-thumbnail ul {
text-align: center;
}
.onepoint-thumbnail ul li img {
width: 80%;
height: auto;
border: solid 2px #cfcfcf;
}
.onepoint-thumbnail ul li + li {
margin-top: 5px;
}
}
#naire-size .card-body .card-text, #onepoint-size .card-body .card-text {
margin-bottom: 0px;
padding: 0.5rem 0rem;
}
.guide-list ul {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
.form {
background: none;
padding: initial;
border-radius: none;
-webkit-border-radius: none;
-moz-border-radius: none;
}
.wq-Form {
background-color: initial !important;
}
.wq-Form .wq-Option {
display: initial;
flex-wrap: wrap;
justify-content: flex-start;
}
.wq-Form .wq-Option > .wq--label > .wq--main, .wq-Form .wq-Option > .wq--label > .wq--media {
display: initial;
flex-wrap: wrap;
justify-content: flex-start;
}
.wq-Form .wq-Quantity > .wq--head > .wq--media {
display: initial;
flex-wrap: wrap;
justify-content: flex-start;
}
.wq-Form .wq-Selector > .wq--body, .wq-Form .wq-Selector > .wq--head > .wq--media {
display: initial;
flex-wrap: wrap;
justify-content: flex-start;
}
.wq-Form .wq-Slider > .wq--head > .wq--media {
display: initial;
flex-wrap: wrap;
justify-content: flex-start;
}
.wq-Form .wq-Selector > .wq--body {
padding: 10px;
display: flex !important;
flex-wrap: wrap !important;
background-color: initial !important;
padding: 0px !important;
}
.wq-Form .wq--required {
font-size: 1rem !important;
line-height: 1.8rem !important;
background-color: #fff;
padding: 1px 2px;
border-radius: 4px;
border: solid 1px #de2c0c;
color: #de2c0c !important;
}
.wq-Form .wq-Control.wq-for-action {
order: 40;
}
#wq-action {
padding: 2rem 4rem 4em 4rem;
}
.wq-Form .wq-Control {
background: #fbfaf8;
}
.form .wq-HNavigator {
background: #FAF9F7;
padding: 2.5rem 3rem;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.form .wq-Attributes {
padding: 0rem 3rem;
background: #FAF9F7;
padding: 2.5rem 3rem;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
margin-top: 20px;
margin-bottom: 0px !important;
}
.wq--title {
color: #de2c0c !important;
font-waight: bold;
}
.annotation {
background: #fbfaf8;
padding: 20px 50px 50px;
}
.example {
background: #fff;
padding: 2rem;
}
.wq--label {
padding: 7px;
border-radius: 3px;
background-color: #fff;
border: solid 1px #dcdcdc !important;
}
.wq-Form .wq-Quantity, .wq-Form .wq-Selector, .wq-Form .wq-Slider {
border: none !important;
}
.annotation {
padding: 20px 50px;
background-color: #fff;
}
.annotation dt {
margin-top: 0;
text-align: center;
font-size: 2rem;
font-weight: 600;
letter-spacing: 0.08em;
padding: 10px 0px;
}
.annotation .example dd {
list-style: none;
padding-left: 1.5em;
margin-left: 0.5em;
text-indent: -1em;
}
@media (min-width: 768px) {
div.wq-Option + div.wq-Option {
margin-left: 10px;
}
.wq-Form .wq-Quantity, .wq-Form .wq-Selector, .wq-Form .wq-Slider {
flex-direction: initial !important;
}
.wq-Form .wq-Quantity > .wq--head, .wq-Form .wq-Selector > .wq--head, .wq-Form .wq-Slider > .wq--head {
align-items: left;
background-color: initial !important;
border-bottom: initial !important;
color: #121212;
display: flex;
flex-direction: row;
font-size: 16px;
padding: 10px;
position: relative;
}
.wq--head {
flex: 20%;
max-width: 20%;
padding: 0 10px;
}
.wq--body {
flex: 80%;
max-width: 80%;
padding: 0 10px;
}
#wq-selector-detail-3 .wq--input, #wq-selector-detail-5 .wq--input, #wq-selector-detail-6 .wq--input, #wq-selector-detail-7 .wq--input {
position: absolute !important;
top: 0 !important;
}
#wq-selector-detail-3 .wq-Option, #wq-selector-detail-7 .wq-Option {
width: initial !important;
}
.wq-Attributes .wq--label {
padding: initial !important;
border-radius: initial !important;
background-color: initial !important;
border: initial !important;
}
#wq-action .wq--body {
flex: 100%;
max-width: 100%;
padding: 0 10px;
}
}
@media (max-width: 767px) {
.wq--name {
font-size: 1rem !important;
font-weight: 700;
}
.wq-Form .wq-Checkbox > label, .wq-Form .wq-Radio > label {
font-size: 1rem !important;
font-weight: 700;
}
.wq-Form .wq-Quantity > .wq--head, .wq-Form .wq-Selector > .wq--head, .wq-Form .wq-Slider > .wq--head {
align-items: center;
background-color: initial !important;
border-bottom: initial !important;
color: #121212;
display: flex;
flex-direction: row;
font-size: 16px;
padding: 10px;
position: relative;
}
.form .wq-HNavigator {
background: #FAF9F7;
padding: 2.5rem 1rem;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.form .wq-Attributes {
background: #FAF9F7;
padding: 2.5rem 1.5rem;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#wq-selector-detail-7 div.wq-Option {
flex: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 5px;
margin-bottom: 15px;
}
#wq-selector-detail-3 div.wq-Option {
flex: 50%;
max-width: 50%;
padding: 0 5px;
margin-bottom: 15px;
}
.wq-Form .wq-TextInput.wq-size-normal, .wq-Form .wq-TextInput.wq-size-small#wq-text-tel-6 {
width: 100% !important;
}
}
#wq-selector-detail-3 .wq--media, #wq-selector-detail-5 .wq--media, #wq-selector-detail-6 .wq--media, #wq-selector-detail-7 .wq--media {
display: none !important;
}
#wq-selector-detail-3 .wq--input, #wq-selector-detail-5 .wq--input, #wq-selector-detail-6 .wq--input, #wq-selector-detail-7 .wq--input {
top: 0px !important;
}
.wq-for-unitPrice, .wq-for-quantity, .wq-for-taxClass, .wq-for-normalUnitPrice {
display: none !important;
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.wq-Form .wq-Option > .wq--label:hover {
background-color: rgba(255, 205, 54, 0.2) !important;
}
}
.wq-Form .wq-Option > .wq--input:checked + .wq--label, .wq-Form .wq-Option > .wq--select.wq-is-selected + .wq--label　 {
background-color: rgb(255, 205, 54) !important;
}
.wq-content-empty {
display: none !important;
}
button.wq-Button.wq-type-primary.wq-belongs-action.wq-for-submit {
margin: 0 auto;
}
.wq-Form .wq-Button.wq-type-primary {
background-color: #eb4266;
color: #fff;
min-width: 180px;
padding: 20px 40px !important;
border-radius: 40px;
font-size: 1.6rem;
font-weight: bold;
}
.wq-Form .wq-Button.wq-type-primary:after {
font-family: "Font Awesome 5 Pro";
content: "\f054";
display: inline-block;
padding-left: 0.5rem;
font-size: 1.6rem;
color: #FFFFFF;
font-weight: bold;
}
@media screen and (max-width: 1390px) {
.wq-Form > :not(:last-child) {
margin-bottom: 0px !important;
}
.wq-Form .wq-Monitor > .wq--header {
background: #F3F3F3 !important;
border: solid 1px #ccc !important;
display: block !important;
font-size: 1.6rem;
}
.wq-Form .wq-Monitor > .wq--header > .wq--title {
color: #333 !important;
font-size: 1.8rem !important;
font-weight: 700;
line-height: 1.3;
padding: 10px 20px !important;
}
.wq--head .wq--main .wq--name {
font-size: 1.6rem !important;
}
.wq-Attributes .wq--label {
padding: 0px;
border-radius: 0;
background-color: initial !important;
border: none !important;
}
}
@media screen and (min-width: 1400px) {
.wq-Form {
flex-direction: row;
}
.wq-Form .wq-HNavigator {
flex-grow: 1;
min-width: 0;
margin-bottom: 0;
}
.wq-Monitor {
position: sticky;
top: 0;
max-width: 260px;
}
#wq-monitor {
display: block;
width: 100%;
border: 1px solid #dcdcdc;
position: fixed;
z-index: 100;
top: 55%;
right: -50px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
margin-right: 60px;
background: #f8f7f3;
text-align: center;
border-radius: 7px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#wq-monitor .wq-for-taxClass {
display: none;
}
#wq-monitor .wq-for-header .wq-for-category, #wq-monitor .wq-for-header .wq-for-unitPrice, #wq-monitor .wq-for-header .wq-for-quantity {
display: none;
}
#wq-monitor .wq-for-entry {
padding: 5px 18px 5px 10px;
flex-wrap: wrap;
}
#wq-monitor .wq-for-entry > .wq--prop {
padding: 0;
}
#wq-monitor .wq-for-entry .wq-for-category, #wq-monitor .wq-for-entry .wq-for-unitPrice, #wq-monitor .wq-for-entry .wq-for-quantity {
color: hsla(0deg, 0%, 7%, 0.6);
font-size: 12px;
line-height: 1;
}
#wq-monitor .wq-for-entry .wq-for-entry {
flex-basis: 100%;
}
#wq-monitor .wq-for-entry .wq-for-unitPrice {
flex-grow: 8;
text-align: left;
}
#wq-monitor .wq-for-entry .wq-for-quantity {
position: relative;
flex-basis: auto;
text-align: right;
}
#wq-monitor .wq-for-entry .wq-for-quantity:before {
content: "x";
font-size: 10px;
}
#wq-monitor .wq-for-entry .wq-for-price {
flex-basis: 50%;
line-height: 1.5;
}
.wq-Form .wq-Monitor > .wq--header {
background: #F3F3F3 !important;
border: solid 1px #ccc !important;
display: block !important;
font-size: 1.6rem;
}
.wq-Form .wq-Monitor > .wq--header > .wq--title {
color: #121212;
font-size: 1.6rem !important;
font-weight: 700;
line-height: 1.3;
padding: 10px 0;
}
.wq-Monitor {
background: #fcfcfc !important;
}
.wq--label {
padding: 7px;
border-radius: 3px;
background-color: none !important;
border: solid 1px #dcdcdc !important;
}
#wq-monitor .wq-for-entry .wq-for-entry {
flex-basis: initial;
}
.wq--prop.wq-for-entry {
font-size: 1.3rem;
}
#wq-monitor .wq-for-entry .wq-for-price {
flex-basis: 50%;
text-align: left;
line-height: 1.5;
}
}
#wq-monitor .wq--entries .wq-for-category, #wq-monitor .wq--entries .wq-for-entry {
display: flex;
}
@media screen and (min-width: 1400px) {
.wq-for-header {
display: none !important;
}
}
.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value {
box-sizing: border-box;
flex: 1 1 7em;
line-height: 1.5em;
overflow: hidden;
text-align: right;
}
.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop.wq-for-value span {
display: inline-block;
height: initial;
max-height: initial;
position: initial;
}
.wq-Form .wq-Monitor > .wq--footer > .wq--entry.wq-for-total > .wq-for-value {
color: #eb4266;
font-size: 1.8rem !important;
}
.wq--prop.wq-for-name {
font-size: 1.4rem !important;
}
@media screen and (max-width: 782px) {
.wq-Form #wq-selector-detail-7 .wq-Monitor > .wq--entries > .wq--entry {
padding: 10px 10px !important;
}
.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-entry {
flex: none !important;
}
.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-category {
flex: 1 1 31% !important;
}
}
.wq-Form #wq-selector-detail-7 .wq-Option {
align-items: stretch;
display: initial !important;
flex-wrap: nowrap;
justify-content: flex-start;
}
.wq-Form #wq-selector-detail-7 .wq-Option > .wq--label > .wq--main {
align-items: stretch;
display: initial !important;
flex-wrap: nowrap;
justify-content: flex-start;
}
@media screen and (min-width: 1400px) {
#wq-monitor .wq-for-entry .wq-for-entry {
flex-basis: initial !important;
}
.wq-Form .wq-Monitor > .wq--entries > .wq--entry > .wq-for-category {
display: block;
flex: initial !important;
order: 30;
}
.wq--prop.wq-for-entry {
margin-left: 10px;
}
.wq-Form .wq-Monitor > .wq--footer > .wq--entry > .wq--prop {
padding: 5px 10px !important;
}
}
@media screen and (min-width: 768px) {
.wq-Form .wq-Option > .wq--label > .wq--main > .wq--note {
font-size: 1.1rem !important;
}
}
.page-aes-naire #wq-selector-detail-1 .wq--head .wq--main .wq--name::after, .page-aes-naire #wq-selector-detail-3 .wq--head .wq--main .wq--name::after, .page-aes-naire #wq-selector-detail-7 .wq--head .wq--main .wq--name::after {
content: "必須";
font-size: 1rem !important;
line-height: 1.8rem !important;
background-color: #fff;
padding: 2px 2px;
border-radius: 4px;
border: solid 1px #de2c0c;
color: #de2c0c !important;
margin-left: 5px;
}
@media (min-width: 768px) {
.wq--head .wq--main .wq--note {
padding-right: 10px !important;
}
}
.page-aes-hakuoshi #wq-selector-detail-1 .wq--head .wq--main .wq--name::after, .page-aes-hakuoshi #wq-selector-detail-2 .wq--head .wq--main .wq--name::after, .page-aes-hakuoshi #wq-selector-detail-3 .wq--head .wq--main .wq--name::after, .page-aes-hakuoshi #wq-selector-detail-4 .wq--head .wq--main .wq--name::after, .page-aes-hakuoshi #wq-selector-detail-7 .wq--head .wq--main .wq--name::after {
content: "必須";
font-size: 1rem !important;
line-height: 1.8rem !important;
background-color: #fff;
padding: 2px 2px;
border-radius: 4px;
border: solid 1px #de2c0c;
color: #de2c0c !important;
margin-left: 5px;
}
@media (min-width: 768px) {
.page-aes-hakuoshi .wq--main {
display: initial;
}
.page-aes-hakuoshi #wq-selector-detail-4 .wq-Option:nth-child(n+5) {
margin-top: 10px;
}
.page-aes-hakuoshi #wq-selector-detail-4 .wq-Option:nth-child(5), .page-aes-hakuoshi #wq-selector-detail-4 .wq-Option:nth-child(9) {
margin-left: 0px;
}
}
@media (max-width: 893px) {
#wq-selector-detail-1 .wq-Option {
flex: 50%;
max-width: 50%;
padding: 0 5px;
margin-bottom: 15px;
}
.page-aes-hakuoshi #wq-selector-detail-2 .wq-Option {
flex: 50%;
max-width: 50%;
padding: 0 5px;
margin-bottom: 15px;
}
#wq-selector-detail-4 .wq-Option {
flex: 30%;
max-width: 50%;
padding: 0 5px;
margin-bottom: 15px;
}
.wq-Form .wq-Option > .wq--label > .wq--main > .wq--note {
font-size: 12px !important;
}
.form {
padding: 1.5rem !important;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
margin-left: calc((100vw - 100%) / 2 * -1);
margin-right: calc((100vw - 100%) / 2 * -1);
}
}
@media screen and (min-width: 768px) and (max-width: 894px) {
#wq-selector-detail-1 div.wq-Option + div.wq-Option {
margin-left: 0px !important;
}
}
@media (min-width: 768px) {
.page-aes-hakuoshi .wq-Form > :not(:last-child), .page-aes-naire .wq-Form > :not(:last-child) {
margin-bottom: 0px;
}
.page-aes-hakuoshi .form .wq-Attributes, .page-aes-naire .form .wq-Attributes {
margin-top: 0px;
}
.page-aes-hakuoshi .wq-Form .wq-Quantity > .wq--head, .page-aes-naire .wq-Form .wq-Quantity > .wq--head, .page-aes-hakuoshi .wq-Form .wq-Selector > .wq--head, .page-aes-naire .wq-Form .wq-Selector > .wq--head, .page-aes-hakuoshi .wq-Form .wq-Slider > .wq--head, .page-aes-naire .wq-Form .wq-Slider > .wq--head {
padding: 0px !important;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
}
@media (max-width: 893px) {
#wq-selector-detail-2 div.wq-Option + div.wq-Option {
margin-left: 0px !important;
}
#wq-selector-detail-4 div.wq-Option + div.wq-Option {
margin-left: 0px !important;
}
} .standard-omparison { }
.standard-omparison .cp_box *, .standard-omparison .cp_box *:before, .standard-omparison .cp_box *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.standard-omparison .cp_box {
position: relative;
}
.standard-omparison .cp_box label {
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 140px; cursor: pointer;
text-align: center; background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.standard-omparison .cp_box input:checked + label {
background: inherit; }
.standard-omparison .cp_box label:after {
line-height: 2.5rem;
position: absolute;
padding: 0.5em;
z-index: 2;
bottom: 20px;
left: 50%;
width: 30rem;
font-family: "Font Awesome 5 Pro";
content: "\f13a" " すべてのサイズ情報を表示する";
transform: translate(-50%, 0);
letter-spacing: 0.05em;
color: #413233;
border-radius: 30px;
background-color: #f6f6f6;
border: solid 2px #aaa;
}
.standard-omparison .cp_box input {
display: none;
}
.standard-omparison .cp_box .cp_container {
overflow: hidden;
height: 750px; transition: all 0.5s;
}
.standard-omparison .cp_box input:checked + label { }
.standard-omparison .cp_box input:checked + label:after {
font-family: "Font Awesome 5 Pro";
content: "\f139" " 閉じる";
}
.standard-omparison .cp_box input:checked ~ .cp_container {
height: auto;
padding-bottom: 80px; transition: all 0.5s;
}
.mv_bk_bk {
display: block;
width: 100%;
background: url(https://original-pb.net/wp-content/themes/original_pb2023/img/mv_bk_bk.png) repeat-x center;
}
.mv_bk {
display: block;
width: 100%;
background: #FFF8A8 url(https://original-pb.net/wp-content/themes/original_pb2023/img/mv_bk.png) no-repeat center center;
}
.mv_bk_back {
display: block;
background: url(https://original-pb.net/wp-content/themes/original_pb2023/img/mv_bana_back.png) repeat-x;
background-size: contain;
} .mv_container {
background-color: #fff8aa;
}
.mv_contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1240px;
margin: 0 auto;
}
.Nav {
padding: 1em;
background: url(//original-pb.net/towel/img/info/nav_bg.png), #FDB322;
}
.Nav .towelCategoryNav {
max-width: 1240px;
}
.Nav .nav_arrow img {
margin: 7px 0px 0px 4px;
}
.Nav .nav_batch {
margin-top: 4px;
}
.infobar {
background: url(//original-pb.net/img/mv_bk.png), #E74046;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.infobar :hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.infobar div {
max-width: 1020px;
padding: 0.4em;
}
.infobar div img {
margin: 0 auto;
}
.towelCategoryNav {
max-width: 1020px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.towelCategoryNav > * {
width: 100%;
margin-right: 1rem;
}
.towelCategoryNav > *:last-child {
margin-right: 0;
}
@media (max-width: 479px) {
.towelCategoryNav {
display: block;
padding: 1rem;
}
}
@media (max-width: 479px) {
.towelCategoryNav > * {
margin-right: 0;
margin-bottom: 0.5rem;
}
.towelCategoryNav > *:last-child {
margin-bottom: 0;
}
}
.page-standard-est .contents .main-box {
max-width: 110rem;
}
.page-template-page-est .d-md-table-cell img {
width: 100%;
}
.page-template-page-est .size-icon li {
border: 1px solid #FD7C23;
color: #FD7C23;
padding: 0.2rem 1rem;
border-radius: 1.6rem;
font-size: 1.3rem;
font-weight: 400;
}
.page-template-page-est .size-icon li + li {
margin-left: 0.5rem;
}
.page-template-page-est .inline-block {
text-align: center;
padding: 1rem;
}
.page-template-page-est .inline-block li {
margin-bottom: 0px !important;
display: inline-block;
}
@media screen and (max-width: 640px) {
.page-template-page-est table.table-size .first {
display: none;
}
.page-template-page-est table.table-size tbody th {
width: 40%;
}
.page-template-page-est table.table-size tbody span {
padding: 0.4rem;
border-radius: 0.4rem;
margin-right: 0.8rem;
font-size: 0.8rem;
font-weight: 400;
}
.page-template-page-est .size-image-sp {
background-color: #ffffff;
text-align: center;
}
.page-template-page-est .size-image-sp .small {
line-height: 1.5rem;
}
.page-template-page-est .contents .main-box .size-image-sp h3 {
background-color: #ddd;
color: #333;
}
.page-template-page-est .thead-dark {
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (max-width: 767px) {
.page-template-page-est .contents .size-image-sp h3 {
font-size: 1.2rem;
line-height: 1rem;
}
}
.page-aes-hakuoshi .form .wq-HNavigator2 {
background: #FAF9F7;
padding: 3rem 3rem 1rem 3rem;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.page-aes-hakuoshi .form .wq-HNavigator2 table {
background: #fdfcfb;
}
.page-aes-hakuoshi .form .wq-HNavigator2 table th {
width: 20%;
text-align: center;
}
@media (max-width: 768px) {
.page-aes-hakuoshi .d-none {
display: none;
}
}
@media (min-width: 769px) {
.d-block {
display: none;
}
}
@media screen and (min-width: 768px) {
.page-aes-hakuoshi .wq-Form .wq-Option > .wq--label > .wq--main > .wq--note {
font-size: 0.9rem !important;
}
}
.form {
background: none;
padding: initial;
border-radius: none;
}
.form .wq-HNavigator,
.form .wq-HNavigator2 {
background: #FAF9F7;
border-radius: 10px;
padding: 2.5rem 3rem;
}
.form .wq-HNavigator table,
.form .wq-HNavigator2 table {
background: #fdfcfb;
}
.form .wq-HNavigator table th,
.form .wq-HNavigator2 table th {
width: 20%;
text-align: center;
}
.form .wq-Attributes {
background: #FAF9F7;
padding: 2.5rem 3rem;
border-radius: 10px;
margin-top: 20px;
margin-bottom: 0 !important;
}
.wq-Form {
background-color: initial !important;
}
.wq-Form .wq-Control {
background: #fbfaf8;
}
.wq-Form .wq-Control.wq-for-action {
order: 40;
}
.wq-Form .wq-Option,
.wq-Form .wq-Option > .wq--label > .wq--main,
.wq-Form .wq-Option > .wq--label > .wq--media,
.wq-Form .wq-Quantity > .wq--head > .wq--media,
.wq-Form .wq-Selector > .wq--body,
.wq-Form .wq-Selector > .wq--head > .wq--media,
.wq-Form .wq-Slider > .wq--head > .wq--media {
display: initial;
flex-wrap: wrap;
justify-content: flex-start;
}
.wq-Form .wq--required {
font-size: 1rem !important;
line-height: 1.8rem !important;
background-color: #fff;
padding: 1px 2px;
border-radius: 4px;
border: 1px solid #de2c0c;
color: #de2c0c !important;
}
.wq-Form .wq-Quantity,
.wq-Form .wq-Selector,
.wq-Form .wq-Slider {
border: none !important;
}
.wq-Form .wq-Button.wq-type-primary {
background-color: #eb4266;
color: #fff;
min-width: 180px;
padding: 20px 40px !important;
border-radius: 40px;
font-size: 1.6rem;
font-weight: bold;
}
.wq-Form .wq-Button.wq-type-primary:after {
font-family: "Font Awesome 5 Pro";
content: "\f054";
padding-left: 0.5rem;
font-size: 1.6rem;
color: #fff;
font-weight: bold;
}
@media (hover: hover), screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.wq-Form .wq-Option > .wq--label:hover {
background-color: rgba(255, 205, 54, 0.2) !important;
}
}
.wq-Form .wq-Option > .wq--input:checked + .wq--label,
.wq-Form .wq-Option > .wq--select.wq-is-selected + .wq--label {
background-color: rgb(255, 205, 54) !important;
}
.wq-Form .wq-Monitor {
background: #fcfcfc !important;
}
.wq-Form .wq-Monitor > .wq--header {
background: #f3f3f3 !important;
border: 1px solid #ccc !important;
display: block !important;
font-size: 1.6rem;
}
.wq-Form .wq-Monitor > .wq--header .wq--title {
color: #121212;
font-size: 1.6rem !important;
font-weight: 700;
padding: 10px 0;
}
.wq-Form .wq-Monitor > .wq--footer .wq--entry .wq--prop.wq-for-value {
box-sizing: border-box;
flex: 1 1 7em;
text-align: right;
}
.wq-Form .wq-Monitor > .wq--footer .wq--entry .wq--prop.wq-for-value span {
display: inline-block;
height: initial;
max-height: initial;
}
.wq-Form .wq-Monitor > .wq--footer .wq--entry.wq-for-total .wq-for-value {
color: #eb4266;
font-size: 1.8rem !important;
}
.wq--label {
padding: 7px;
border-radius: 3px;
background-color: #fff;
border: 1px solid #dcdcdc !important;
}
.annotation {
background: #fff;
padding: 20px 50px;
}
.annotation dt {
margin-top: 0;
text-align: center;
font-size: 2rem;
font-weight: 600;
padding: 10px 0;
}
.annotation .example dd {
list-style: none;
padding-left: 1.5em;
margin-left: 0.5em;
text-indent: -1em;
}
.wq-for-unitPrice,
.wq-for-quantity,
.wq-for-taxClass,
.wq-for-normalUnitPrice {
display: none !important;
}
.wq-content-empty {
display: none !important;
}
button.wq-Button.wq-type-primary.wq-belongs-action.wq-for-submit {
margin: 0 auto;
}
#wq-selector-detail-3 .wq--media,
#wq-selector-detail-5 .wq--media,
#wq-selector-detail-6 .wq--media,
#wq-selector-detail-7 .wq--media {
display: none !important;
}
#wq-selector-detail-3 .wq--input,
#wq-selector-detail-5 .wq--input,
#wq-selector-detail-6 .wq--input,
#wq-selector-detail-7 .wq--input {
top: 0 !important;
}
@media (min-width: 768px) {
.wq-Form .wq-Option + .wq-Option {
margin-left: 10px;
}
.wq-Form .wq-Quantity,
.wq-Form .wq-Selector,
.wq-Form .wq-Slider {
flex-direction: initial !important;
}
.wq-Form .wq-Quantity > .wq--head,
.wq-Form .wq-Selector > .wq--head,
.wq-Form .wq-Slider > .wq--head {
align-items: left;
background-color: initial !important;
display: flex;
flex-direction: row;
font-size: 16px;
padding: 10px;
}
.wq-Form .wq-Option > .wq--label > .wq--main > .wq--note {
font-size: 1.1rem !important;
}
.wq--head {
flex: 20%;
max-width: 20%;
padding: 0 10px;
}
.wq--body {
flex: 80%;
max-width: 80%;
padding: 0 10px;
}
}
@media (max-width: 767px) {
.wq--name {
font-size: 1rem !important;
font-weight: 700;
}
.wq-Form .wq-Checkbox > label,
.wq-Form .wq-Radio > label {
font-size: 1rem !important;
font-weight: 700;
}
.wq-Form .wq-TextInput.wq-size-normal,
.wq-Form .wq-TextInput.wq-size-small#wq-text-tel-6 {
width: 100% !important;
}
}
@media (min-width: 1400px) {
.wq-Form {
flex-direction: row;
}
.wq-Form .wq-HNavigator {
flex-grow: 1;
min-width: 0;
}
#wq-monitor {
position: fixed;
top: 55%;
right: -50px;
transform: translate(0, -50%);
border: 1px solid #dcdcdc;
border-radius: 7px;
background: #f8f7f3;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#wq-monitor .wq-for-header {
display: none !important;
}
}
body.post-type-archive-column, body.tax-column_cat {
counter-reset: rank_number;
}
body.post-type-archive-column .list-active, body.tax-column_cat .list-active {
background-color: #fcfcfc;
}
body.post-type-archive-column .wpp_thumb_wrapper, body.tax-column_cat .wpp_thumb_wrapper {
position: relative;
}
body.post-type-archive-column .popular-list .wpp_thumb_wrapper:after, body.tax-column_cat .popular-list .wpp_thumb_wrapper:after {
counter-increment: rank_number;
content: counter(rank_number);
position: absolute;
top: -0.125em;
left: -0.125em;
padding: 0.125em 0.5em;
color: #fff;
background: rgba(66, 66, 66, 0.85);
}
body.post-type-archive-column .popular-list .list-group li:nth-child(1) .wpp_thumb_wrapper:after, body.tax-column_cat .popular-list .list-group li:nth-child(1) .wpp_thumb_wrapper:after {
background: rgba(189, 161, 82, 0.9);
}
body.post-type-archive-column .popular-list .list-group li:nth-child(2) .wpp_thumb_wrapper:after, body.tax-column_cat .popular-list .list-group li:nth-child(2) .wpp_thumb_wrapper:after {
background: rgba(152, 153, 173, 0.9);
}
body.post-type-archive-column .popular-list .list-group li:nth-child(3) .wpp_thumb_wrapper:after, body.tax-column_cat .popular-list .list-group li:nth-child(3) .wpp_thumb_wrapper:after {
background: rgba(156, 85, 34, 0.9);
}
body.post-type-archive-column ul.list-group.list-group-flush, body.tax-column_cat ul.list-group.list-group-flush {
display: flex;
flex-wrap: wrap;
flex-flow: column;
justify-content: space-around;
}
body.post-type-archive-column a.wpp-post-title, body.tax-column_cat a.wpp-post-title {
font-size: 1.4rem;
line-height: 2rem;
font-weight: 700;
}
body.post-type-archive-column .list-group-flush > .list-group-item, body.tax-column_cat .list-group-flush > .list-group-item {
border-width: 1px;
}
body.post-type-archive-column .list-group-flush > .list-group-item:last-child, body.tax-column_cat .list-group-flush > .list-group-item:last-child {
border-bottom-width: 1px;
}
body.post-type-archive-column .list-group-item + .list-group-item, body.tax-column_cat .list-group-item + .list-group-item {
border-top-width: 0;
}
body.post-type-archive-column .list-group-item a, body.tax-column_cat .list-group-item a {
display: block;
}
body.post-type-archive-column img.attachment-yarpp-thumbnail.size-yarpp-thumbnail.wp-post-image,
body.post-type-archive-column img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image, body.tax-column_cat img.attachment-yarpp-thumbnail.size-yarpp-thumbnail.wp-post-image,
body.tax-column_cat img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: 70px;
height: 70px;
object-fit: cover;
}
body.post-type-archive-column .sidebar-column div, body.tax-column_cat .sidebar-column div {
text-align: left;
margin-bottom: initial;
}
body.post-type-archive-column .sidebar-column .right, body.tax-column_cat .sidebar-column .right {
font-size: 1.4rem;
line-height: 2rem;
}
body.post-type-archive-column .sidebar-column .right p, body.tax-column_cat .sidebar-column .right p {
font-weight: 700;
}
body.single-column {
counter-reset: rank_number;
}
body.single-column .wpp_thumb_wrapper {
position: relative;
}
body.single-column .popular-list .wpp_thumb_wrapper:after {
counter-increment: rank_number;
content: counter(rank_number);
position: absolute;
top: -0.125em;
left: -0.125em;
padding: 0.125em 0.5em;
color: #fff;
background: rgba(66, 66, 66, 0.85);
}
body.single-column .popular-list .list-group li:nth-child(1) .wpp_thumb_wrapper:after {
background: rgba(189, 161, 82, 0.9);
}
body.single-column .popular-list .list-group li:nth-child(2) .wpp_thumb_wrapper:after {
background: rgba(152, 153, 173, 0.9);
}
body.single-column .popular-list .list-group li:nth-child(3) .wpp_thumb_wrapper:after {
background: rgba(156, 85, 34, 0.9);
}
body.single-column ul.list-group.list-group-flush {
display: flex;
flex-wrap: wrap;
flex-flow: column;
justify-content: space-around;
}
body.single-column a.wpp-post-title {
font-size: 1.4rem;
line-height: 2rem;
font-weight: 700;
}
body.single-column .list-group-flush > .list-group-item {
border-width: 1px;
}
body.single-column .list-group-flush > .list-group-item:last-child {
border-bottom-width: 1px;
}
body.single-column .list-group-item + .list-group-item {
border-top-width: 0px;
}
body.single-column .list-group-item a {
display: block;
}
body.single-column img.attachment-yarpp-thumbnail.size-yarpp-thumbnail.wp-post-image,
body.single-column img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: 70px;
height: 70px;
object-fit: cover;
}
body.single-column .sidebar-column div {
text-align: left;
margin-bottom: initial;
}
body.single-column .sidebar-column .right {
font-size: 1.4rem;
line-height: 2rem;
}
body.single-column .sidebar-column .right p {
font-weight: 700;
}
body.post-type-archive-column,
body.tax-column_cat,
body.single-colum { counter-reset: rank_number;     }
body.post-type-archive-column img.attachment-yarpp-thumbnail.size-yarpp-thumbnail.wp-post-image,
body.post-type-archive-column img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image,
body.tax-column_cat img.attachment-yarpp-thumbnail.size-yarpp-thumbnail.wp-post-image,
body.tax-column_cat img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image,
body.single-colum img.attachment-yarpp-thumbnail.size-yarpp-thumbnail.wp-post-image,
body.single-colum img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: 70px;
height: 70px;
object-fit: cover;
}
body.post-type-archive-column .sidebar-column div,
body.tax-column_cat .sidebar-column div,
body.single-colum .sidebar-column div {
text-align: left;
margin-bottom: initial;
}
body.post-type-archive-column .sidebar-column .left,
body.tax-column_cat .sidebar-column .left,
body.single-colum .sidebar-column .left { }
body.post-type-archive-column .sidebar-column .right,
body.tax-column_cat .sidebar-column .right,
body.single-colum .sidebar-column .right {
font-size: 1.4rem;
line-height: 2rem;
}
body.post-type-archive-column .sidebar-column .right p,
body.tax-column_cat .sidebar-column .right p,
body.single-colum .sidebar-column .right p {
font-weight: 700;
}
body.post-type-archive-column .wpp_thumb_wrapper,
body.tax-column_cat .wpp_thumb_wrapper,
body.single-colum .wpp_thumb_wrapper {
position: relative; }
body.post-type-archive-column .wpp_thumb_wrapper::after,
body.tax-column_cat .wpp_thumb_wrapper::after,
body.single-colum .wpp_thumb_wrapper::after {
counter-increment: rank_number;
content: counter(rank_number);
position: absolute;
top: -0.125em;
left: -0.125em;
padding: 0.125em 0.5em;
color: #fff;
background: rgba(66, 66, 66, 0.85);
}
body.post-type-archive-column .popular-list .list-group li:nth-child(1) .wpp_thumb_wrapper::after,
body.tax-column_cat .popular-list .list-group li:nth-child(1) .wpp_thumb_wrapper::after,
body.single-colum .popular-list .list-group li:nth-child(1) .wpp_thumb_wrapper::after {
background: rgba(189, 161, 82, 0.9);
}
body.post-type-archive-column .popular-list .list-group li:nth-child(2) .wpp_thumb_wrapper::after,
body.tax-column_cat .popular-list .list-group li:nth-child(2) .wpp_thumb_wrapper::after,
body.single-colum .popular-list .list-group li:nth-child(2) .wpp_thumb_wrapper::after {
background: rgba(152, 153, 173, 0.9);
}
body.post-type-archive-column .popular-list .list-group li:nth-child(3) .wpp_thumb_wrapper::after,
body.tax-column_cat .popular-list .list-group li:nth-child(3) .wpp_thumb_wrapper::after,
body.single-colum .popular-list .list-group li:nth-child(3) .wpp_thumb_wrapper::after {
background: rgba(156, 85, 34, 0.9);
}
body.post-type-archive-column ul.list-group.list-group-flush,
body.tax-column_cat ul.list-group.list-group-flush,
body.single-colum ul.list-group.list-group-flush {
display: flex;
flex-wrap: wrap;
flex-flow: column;
justify-content: space-around;
}
body.post-type-archive-column a.wpp-post-title,
body.tax-column_cat a.wpp-post-title,
body.single-colum a.wpp-post-title {
font-size: 1.4rem;
line-height: 2rem;
font-weight: 700;
}
body.post-type-archive-column .list-group-flush > .list-group-item,
body.tax-column_cat .list-group-flush > .list-group-item,
body.single-colum .list-group-flush > .list-group-item {
border-width: 1px;
}
body.post-type-archive-column .list-group-item + .list-group-item,
body.tax-column_cat .list-group-item + .list-group-item,
body.single-colum .list-group-item + .list-group-item {
border-top-width: 0;
}
body.post-type-archive-column .list-group-item > a,
body.tax-column_cat .list-group-item > a,
body.single-colum .list-group-item > a {
display: block;
}
body.post-type-archive-column .list-group-item:last-child,
body.tax-column_cat .list-group-item:last-child,
body.single-colum .list-group-item:last-child {
border-bottom-width: 1px;
}
body.single-post {
counter-reset: rank_number;     }
body.single-post img.attachment-yarpp-thumbnail.size-yarpp-thumbnail.wp-post-image,
body.single-post img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: 70px;
height: 70px;
object-fit: cover;
}
body.single-post .wpp_thumb_wrapper {
position: relative;
}
body.single-post .wpp_thumb_wrapper:after {
counter-increment: rank_number;
content: counter(rank_number);
position: absolute;
top: -0.125em;
left: -0.125em;
padding: 0.125em 0.5em;
color: #fff;
background: rgba(66, 66, 66, 0.85);
}
body.single-post .popular-list .list-group li:nth-child(1) .wpp_thumb_wrapper:after {
background: rgba(189, 161, 82, 0.9);
}
body.single-post .popular-list .list-group li:nth-child(2) .wpp_thumb_wrapper:after {
background: rgba(152, 153, 173, 0.9);
}
body.single-post .popular-list .list-group li:nth-child(3) .wpp_thumb_wrapper:after {
background: rgba(156, 85, 34, 0.9);
}
body.single-post .popular-list a.wpp-post-title {
font-size: 1.4rem;
line-height: 2rem;
font-weight: 700;
}
body.single-post ul.list-group.list-group-flush {
display: flex;
flex-wrap: wrap;
flex-flow: column;
justify-content: space-around;
}
body.single-post .list-group-flush > .list-group-item {
border-width: 1px;
}
body.single-post .list-group-item + .list-group-item {
border-top-width: 0;
}
body.single-post .list-group-flush > .list-group-item:last-child {
border-bottom-width: 1px;
}
body.single-post .list-group-item a {
display: block;
}
body.single-post .sidebar-column div {
text-align: left;
margin-bottom: initial;
}
body.single-post .sidebar-column .right {
font-size: 1.4rem;
line-height: 2rem;
}
body.single-post .sidebar-column .right p {
font-weight: 700;
}
.single-product ul.carousel-img {
justify-content: space-around;
margin-top: 10ox;
padding: 0.5rem;
}
.single-product #lineup ul.carousel-img li {
width: 25%;
padding: initial !important;
}
.single-product .single #lineup .card .card-body h3 {
margin: 0rem !important;
padding: 0rem 0.5rem !important;
border-bottom: none !important;
background-color: initial !important;
font-size: initial !important;
line-height: 2rem;
}
@media (max-width: 767px) {
.single-product .single #lineup .card .card-body span.small {
font-size: 1rem !important;
}
.single-product .single-product #orderguide div.row {
padding: 1.4rem 0;
}
}
.single-product .product-price .price {
color: #FF3456;
font-size: 20px;
font-weight: bold;
}
.single-product .product-price span.big {
font-size: 30px;
}
.single-product .product-price span.middle {
font-size: 30px;
}
.single-product table.product-info th,
.single-product table.product-info td {
font-size: 1.4rem;
}
@media (max-width: 767px) {
.single-product .unit-price {
font-size: 1.8rem;
color: red;
font-weight: 700;
}
.single-product .unit-price-tax,
.single-product .unit-price-yen {
font-size: 1.2rem;
color: red;
font-weight: 700;
}
.single-product .product-price .price {
color: #ff3456;
font-size: 20px;
font-weight: 700;
}
.single-product .product-price span.big {
font-size: 2.2rem;
}
.single-product .product-price span.middle {
font-size: 1.6rem;
}
.single-product table.product-info th {
width: 35% !important;
}
}
.page-cost h1.cost:before {
content: "";
width: 0.7rem;
height: 4rem;
border-radius: 3px;
background: #fd7c23;
position: absolute;
left: 0;
top: 0;
}
.page-cost h1.cost {
font-size: 2.5rem;
line-height: 4rem;
padding-left: 2.5rem;
position: relative;
border-bottom: none;
}
.page-draft-full #target .card {
padding: 2rem;
}
@media (min-width: 768px) {
.page-onepoint .onepoint-thumbnail ul li img {
border: solid 2px #cfcfcf;
width: 40px !important;
height: auto;
}
}
.mv_bk_bk {
display: block;
width: 100%;
background: url(https://original-pb.net/wp-content/themes/original_pb2023/img/mv_bk_bk.png) repeat-x center;
}
.mv_bk {
display: block;
width: 100%;
background: #fff8a8 url(https://original-pb.net/wp-content/themes/original_pb2023/img/mv_bk.png) no-repeat center center;
}
.mv_bk_back {
display: block;
background: url(https://original-pb.net/wp-content/themes/original_pb2023/img/mv_bana_back.png) repeat-x;
background-size: contain;
}
.mv_container {
background-color: #fff8aa;
}
.mv_container .mv_contents {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
max-width: 1240px;
margin: 0 auto;
}
.Nav {
padding: 1em;
background: url(//original-pb.net/towel/img/info/nav_bg.png), #fdb322;
}
.Nav .towelCategoryNav {
max-width: 1240px;
}
.Nav .nav_arrow img {
margin: 7px 0px 0px 4px;
}
.Nav .nav_batch {
margin-top: 4px;
}
.infobar {
background: url(//original-pb.net/img/mv_bk.png), #e74046;
display: flex;
justify-content: center;
}
.infobar:hover {
transform: scale(1.05);
transition: 0.3s;
}
.infobar div {
max-width: 1020px;
padding: 0.4em;
}
.infobar div img {
margin: 0 auto;
}
.towelCategoryNav {
max-width: 1020px;
margin: 0 auto;
display: flex;
}
.towelCategoryNav > * {
width: 100%;
margin-right: 1rem;
}
.towelCategoryNav > *:last-child {
margin-right: 0;
}
@media (max-width: 479px) {
.towelCategoryNav {
display: block;
padding: 1rem;
}
.towelCategoryNav > * {
margin-right: 0;
margin-bottom: 0.5rem;
}
.towelCategoryNav > *:last-child {
margin-bottom: 0;
}
}
.page-template-list .read {
padding: 4.5rem 0 0 0;
}
.page-template-list .read .main-box {
width: 100%;
max-width: 100rem;
margin: 0 auto;
}
.page-template-list .contents .main-box {
max-width: 100rem;
}
.page-template-list .contents .main-box h3 {
font-size: 18px;
padding: 0rem;
margin-bottom: 0;
line-height: 2.5rem;
background: none;
}
.page-template-list .contents .main-box .star {
position: absolute;
width: 50px;
height: auto;
}
.page-template-list .contents .main-box-list {
max-width: 120rem;
}
.page-template-list .contents .head-box {
text-align: center;
margin-bottom: 3rem;
}
.page-template-list .contents .head-box h2 {
display: inline-block;
text-align: center;
padding: 0.5rem;
border-bottom: 5px solid #FD7C23;
border-radius: 2px;
}
@media only screen and (min-width: 601px) {
.page-template-list .contents .head-box h2 {
font-size: 2.5rem;
line-height: 3.5rem;
}
}
@media only screen and (max-width: 600px) {
.page-template-list .contents .head-box h2 {
font-size: 1.5rem;
line-height: 2.5rem;
}
}
.page-template-list .contents .head-box h2::before {
background: none;
}
.single-product .read {
padding: 4.5rem 0 0 0;
}
.single-product .read .main-box {
width: 100%;
max-width: 100rem;
margin: 0 auto;
}
.single-product .contents {
padding: 6rem 0;
}
.single-product .contents .main-box {
max-width: 100rem;
}
.single-product .contents .head-box {
text-align: center;
margin-bottom: 3rem;
}
.single-product .contents .head-box h2 {
display: inline-block;
font-size: 2.5rem;
line-height: 3.5rem;
text-align: center;
padding: 0.5rem;
border-bottom: 5px solid #FD7C23;
border-radius: 2px;
}
.single-product .contents .head-box h2::before {
background: none;
}
.page-template-list .page-title__main {
text-align: center;
padding: 3rem;
}
.page-template-list .read {
padding: 4.5rem 0 0 0;
}
.page-template-list .read .main-box {
width: 100%;
max-width: 100rem;
margin: 0 auto;
}
.page-template-list .contents .main-box {
max-width: 100rem;
}
.page-template-list .contents .head-box {
text-align: center;
margin-bottom: 3rem;
}
.page-template-list .contents .head-box h2 {
display: inline-block;
text-align: center;
padding: 0.5rem;
border-bottom: 5px solid #FD7C23;
border-radius: 2px;
}
@media only screen and (min-width: 601px) {
.page-template-list .contents .head-box h2 {
font-size: 2.5rem;
line-height: 3.5rem;
}
}
@media only screen and (max-width: 600px) {
.page-template-list .contents .head-box h2 {
font-size: 1.8rem;
line-height: 2.8rem;
background: none;
border-top: none;
}
}
.page-template-list .contents .head-box h2::before {
background: none;
}
.page-template-list #lineup .card, .page-template-list #onepoint-lineup .card, .page-template-page-one #lineup .card, .page-template-page-one #onepoint-lineup .card, .single-product #lineup .card, .single-product #onepoint-lineup .card {
border-radius: 3px;
border: 2px solid #ddd;
background: #f9f9f9;
box-shadow: 0 1px 2px rgba(0, 10, 10, 0.1);
padding: 5px;
position: relative;
}
.page-template-list #lineup .card .card-img-top, .page-template-list #onepoint-lineup .card .card-img-top, .page-template-page-one #lineup .card .card-img-top, .page-template-page-one #onepoint-lineup .card .card-img-top, .single-product #lineup .card .card-img-top, .single-product #onepoint-lineup .card .card-img-top {
background: #fff;
}
.page-template-list #lineup .card.card-semiorder, .page-template-list #onepoint-lineup .card.card-semiorder, .page-template-page-one #lineup .card.card-semiorder, .page-template-page-one #onepoint-lineup .card.card-semiorder, .single-product #lineup .card.card-semiorder, .single-product #onepoint-lineup .card.card-semiorder {
border-top: 5px solid #51B82C;
}
.page-template-list #lineup .card.card-onepoint, .page-template-list #onepoint-lineup .card.card-onepoint, .page-template-page-one #lineup .card.card-onepoint, .page-template-page-one #onepoint-lineup .card.card-onepoint, .single-product #lineup .card.card-onepoint, .single-product #onepoint-lineup .card.card-onepoint {
border-top: 5px solid #369AB7;
}
.page-template-list #lineup .card .card-body, .page-template-list #onepoint-lineup .card .card-body, .page-template-page-one #lineup .card .card-body, .page-template-page-one #onepoint-lineup .card .card-body, .single-product #lineup .card .card-body, .single-product #onepoint-lineup .card .card-body {
padding: 0.25rem;
}
@media only screen and (max-width: 600px) {
.page-template-list #lineup .card .card-body, .page-template-list #onepoint-lineup .card .card-body, .page-template-page-one #lineup .card .card-body, .page-template-page-one #onepoint-lineup .card .card-body, .single-product #lineup .card .card-body, .single-product #onepoint-lineup .card .card-body {
padding: 0rem;
}
}
.page-template-list #lineup .card .card-title h3, .page-template-list #onepoint-lineup .card .card-title h3, .page-template-page-one #lineup .card .card-title h3, .page-template-page-one #onepoint-lineup .card .card-title h3, .single-product #lineup .card .card-title h3, .single-product #onepoint-lineup .card .card-title h3 {
margin-bottom: 0;
line-height: 2.5rem;
}
@media only screen and (max-width: 600px) {
.page-template-list #lineup .card .card-title h3, .page-template-list #onepoint-lineup .card .card-title h3, .page-template-page-one #lineup .card .card-title h3, .page-template-page-one #onepoint-lineup .card .card-title h3, .single-product #lineup .card .card-title h3, .single-product #onepoint-lineup .card .card-title h3 {
font-size: 1.2rem;
margin-bottom: 0;
line-height: 1.4rem;
}
}
.page-template-list #lineup .card .circle, .page-template-list #onepoint-lineup .card .circle, .page-template-page-one #lineup .card .circle, .page-template-page-one #onepoint-lineup .card .circle, .single-product #lineup .card .circle, .single-product #onepoint-lineup .card .circle {
width: 5rem;
height: 5rem;
background-color: #0C8CCF;
border-color: #0C8CCF;
font-weight: 700;
position: absolute;
right: 0.5rem;
top: 0.5rem;
z-index: 1;
}
.page-template-list #lineup .card .detail, .page-template-list #onepoint-lineup .card .detail, .page-template-page-one #lineup .card .detail, .page-template-page-one #onepoint-lineup .card .detail, .single-product #lineup .card .detail, .single-product #onepoint-lineup .card .detail {
display: none;
border-radius: 3px;
z-index: 10;
}
.page-template-list #lineup .card:hover .detail, .page-template-list #onepoint-lineup .card:hover .detail, .page-template-page-one #lineup .card:hover .detail, .page-template-page-one #onepoint-lineup .card:hover .detail, .single-product #lineup .card:hover .detail, .single-product #onepoint-lineup .card:hover .detail {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
padding: 1.5rem 0.5rem;
background: #333;
opacity: 0.9;
}
.page-template-list #lineup .card:hover .detail .more-box, .page-template-list #onepoint-lineup .card:hover .detail .more-box, .page-template-page-one #lineup .card:hover .detail .more-box, .page-template-page-one #onepoint-lineup .card:hover .detail .more-box, .single-product #lineup .card:hover .detail .more-box, .single-product #onepoint-lineup .card:hover .detail .more-box {
padding: 0.25em;
}
#jquery-form input[type=radio] {
position: relative;
margin-right: 5px;
}
#jquery-form .check {
padding: 5px;
text-align: center;
border-radius: 3px;
background-color: #FFFFFF;
border: solid 1px #CDCDCD;
margin-bottom: 10px;
}
#jquery-form .check_left .check {
text-align: left;
padding-left: 10px;
}
.list_link .card {
border-radius: 3px;
border: 2px solid #ddd;
background: #f9f9f9;
box-shadow: 0 1px 2px rgba(0, 10, 10, 0.1);
padding: 10px;
}
.list_link .card .card_img {
background: #fff;
}
.list_link .card.card-quick {
border-top: 5px solid #FE004F;
}
.list_link .card.card-standard {
border-top: 5px solid #51B82C;
}
.list_link .card.card-onepoint {
border-top: 5px solid #369AB7;
}
.list_link .card.carflex o {
border-top: 5px solid #BA192E;
}
a:hover.list_link .card {
border: 2px solid #ddd;
border-top: 5px solid #ddd;
}
.product_list .comment {
height: 70px;
}
.list_header h1 {
font-size: 20px;
margin-top: 15px;
}
.list_icon .icon-left {
position: absolute;
}
.list_icon .icon-left .category .category-name {
font-weight: bold;
text-shadow: white 1px 1px 0, white -1px -1px 0, white -1px 1px 0, white 1px -1px 0, white 0px 1px 0, white -1px 0, white -1px 0 0, white 1px 0 0;
}
.list_icon .icon-left .category .category-name.category-quick {
color: #FE004F;
}
.list_icon .icon-left .category .category-name.category-standard {
color: #51B82C;
}
.list_icon .icon-left .category .category-name.category-onepoint {
color: #369AB7;
}
.list_icon .icon-left .category .category-name.category-flexo {
color: #BA192E;
}
.list_icon .icon-right {
position: absolute;
right: 15px;
width: 17%;
}
.list_icon .icon-right .material {
background: #999;
border: 1px solid #777;
border-radius: 3px;
padding: 5px 0;
text-align: center;
line-height: 1.2 !important;
}
.list_icon .icon-right .material .material-name {
color: #fff;
font-size: 12px;
font-weight: bold;
}
.list_icon .icon-right .material .material-name.material-opp, .list_icon .icon-right .material .material-name.material-nashiji, .list_icon .icon-right .material .material-name.material-ldpe {
font-size: 14px;
}
.list_icon .icon-right .print {
margin-top: 5px;
}
.list_icon .icon-right .print .print-1, .list_icon .icon-right .print .print-4 {
color: #fff;
font-weight: bold;
border-radius: 3px;
padding: 5px 0;
text-align: center;
line-height: 1.2 !important;
}
.list_icon .icon-right .print .print-1 {
border: 1px solid #389bb9;
background: #30b4d0;
}
.list_icon .icon-right .print .print-4 {
border: 1px solid #aaa;
background: #ff5654;
background: -moz-linear-gradient(left, #ff5654 5%, #e4ca07 45%, #29a1d8 75%, #52b152 100%);
background: -webkit-linear-gradient(left, #ff5654 5%, #e4ca07 45%, #29a1d8 75%, #52b152 100%);
background: linear-gradient(to right, #ff5654 5%, #e4ca07 45%, #29a1d8 75%, #52b152 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e4ca07", endColorstr="#29a1d8",GradientType=1 );
}
.list_icon .icon-right .print .print_color {
margin-top: 5px;
font-size: 10px;
line-height: 1.1 !important;
}
.product_item_content .list_icon .icon-left {
left: 15px;
top: 15px;
}
.product_item_content .list_icon .icon-left .category .category-name {
font-size: 150%;
}
.product_item_content .list_icon .icon-right {
top: 15px;
width: 15%;
}
.product_item_content .list_icon .icon-right .material {
padding: 15% 0;
}
.product_item_content .list_icon .icon-right .material .material-name {
font-size: 150%;
}
.product_item_content .list_icon .icon-right .print {
font-size: 150%;
}
.product_item_content .list_icon .icon-right .print .print-1, .product_item_content .list_icon .icon-right .print .print-4 {
padding: 15% 0;
}
.product_item_content .list_icon .icon-right .print .print_color {
text-align: center;
font-size: 13px;
}
.product_list .serch_box {
display: none;
}
.product_list .serch_box #colorSelect {
padding: 0;
}
.product_list .serch_box #colorSelect input {
display: none;
}
.product_list .alert {
padding: 10px 0px 15px;
}
.product_list table {
font-size: 12px;
}
.product_list table th, .product_list table td {
vertical-align: middle;
}
.product_list .price {
color: #FF3456;
font-size: 14px;
font-weight: bold;
}
.product_list .price strong {
font-size: 20px;
font-weight: bold;
}
.product_list .product_name {
margin-top: 7px;
font-size: 16px;
font-weight: bold;
color: #30B4CF;
}
.product_list .product_photo {
height: auto;
width: 100%;
}
.product_list .well {
padding-bottom: 0;
}
.product_list .card {
background-color: #fcfcfc;
position: relative;
}
.product_list .list_num {
vertical-align: -webkit-baseline-middle;
line-height: 20px;
}
.product_list .list_num .product_name {
font-size: 150%;
}
.service-table th, .service-table td {
vertical-align: middle !important;
text-align: center;
}
.list-branch ul {
margin-bottom: 0px;
font-size: 13px;
}
.list-branch ul li {
padding: 0 3px;
display: inline;
}
.list-branch ul li:first-child {
padding-left: 0;
}
.list-branch ul li:last-child {
padding-right: 0;
}
.list-branch ul li.active label {
background-color: #ffcd36;
}
.list-branch ul li label {
border: 1px solid #dcdcdc;
position: relative;
padding: 10px 15px;
border-radius: 4px;
cursor: pointer;
font-weight: normal;
color: #337ab7;
max-width: max-content;
margin-bottom: 0;
}
.list-branch ul li label:hover {
background: #eee;
color: #55595c;
}
.list-branch ul li input[type=radio] {
display: none;
}
.list-branch .list-shape ul li label {
padding: 15px;
}
.list-branch .table > tbody > tr > td, .list-branch .table > tbody > tr > th {
border-top: none;
vertical-align: middle;
padding: 8px 0;
}
.list-branch .table > tfoot > tr > td, .list-branch .table > tfoot > tr > th {
vertical-align: middle;
padding: 8px 0;
}
.list-branch .table > thead > tr > td, .list-branch .table > thead > tr > th {
vertical-align: middle;
padding: 8px 0;
}
.list-branch .table th {
padding-left: 10px !important;
}
.product_info .product_item {
display: none;
}
.product_info .product_item .slick-slide {
border: 2px solid #ddd;
border-radius: 4px;
}
.product_info .product_item .slick-prev, .product_info .product_item .slick-next {
top: 45%;
}
.product_info .product_item .slick-dots {
position: initial;
}
.product_info .product_item .product_item_content {
display: flex;
align-items: center;
justify-content: center;
}
.product_info .product_item .product_item_content.product_item_image {
align-items: inherit;
}
.product_info .wh_wapper {
position: relative;
width: 100%;
}
.product_info .wh_wapper:before {
content: "";
display: block;
padding-top: 100%; }
.product_info .wh_content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.product_info .product_item_nav {
display: none;
}
.product_info .product_item_nav .color {
padding: 10px;
line-height: 1;
border-radius: 3px;
background-color: #5BC0DE;
position: aboslute;
}
.product_info .product_item_nav .color_box {
position: absolute;
top: 25%;
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: #fff;
}
.product_info .product_item_nav .color_box .color_num {
font-size: 150%;
}
.product_info .product_item_nav .color_variation {
margin-top: 5px;
}
.product_info .product_item_nav .color_variation li {
margin-bottom: 1px;
}
.product_info .slick-slide .color img {
display: inline;
}
.product_info .price {
color: #FF3456;
font-size: 20px;
font-weight: bold;
}
.product_info .price strong {
font-size: 20px;
}
.product_info label {
font-size: 14px;
}
.product_info .price_list td {
font-size: 110%; letter-spacing: 0.05em;
}
.product_info .price_list td img {
width: 40px;
}
.product_info .price_list td small {
font-size: 83%;
}
.product_info .price_list a {
color: #0004Fc;
text-decoration: underline;
}
.caution {
color: #FF3456;
}
.product_info .product_form {
background-color: #Fff;
}
.product_est label span {
background-color: #ff3456;
color: #f9fdfb;
padding: 2px;
border-radius: 4px;
font-size: 10px;
margin-left: 5px;
}
.product_est .product_name {
line-height: 90px;
}
.product_cart .price {
color: #FF3456;
font-size: 20px;
font-weight: bold;
}
.product_cart .total_price {
color: #FF3456;
font-size: 24px;
}
.product_cart .btn-lg {
font-size: 18px;
}
.product_cart .panel-default .btn {
position: relative;
}
.product_main .price {
color: #FF3456;
font-size: 20px;
}
.product_main .tab-content .price {
color: #FF3456;
font-size: 20px;
}
.product_main .tab-content .productname {
font-size: 12px;
line-height: 18px;
height: 40px;
}
.s_lot_product .price {
color: #337ab7;
font-size: 13px !important;
font-weight: normal;
}
.s_lot_product .price strong {
color: #FF3456;
font-size: 20px;
font-weight: bold;
}
.s_lot_product .price strong small {
font-size: 13px;
}
.s_lot_product .slider_body {
border: 2px #eee solid;
padding: 10px;
margin: 0 5px;
}
.s_lot_product .productname {
margin: 7px 0 0;
font-size: 13px;
}
div.s_lot_product a:hover .slider_body {
border: 2px #78CC5A solid;
}
.slick-prev, .slick-next {
top: 35%;
z-index: 1;
}
.slider .glyphicon {
position: absolute;
}
.slider_body img {
display: inline !important;
}
.tlt-01 {
width: 760px;
color: #555;
font-weight: bold;
font-size: 36px;
background: url(//original-pb.net/wp-content/themes/original_pb2023/img/banner_bg.png);
padding-top: 58px;
padding-left: 50px;
height: 160px;
margin-top: 0px;
}
.slider_body {
height: auto;
}
#colorSelect {
padding: 10px 15px;
}
#colorSelect li a {
display: block;
width: 20px;
height: 20px;
padding: 10px 0 0;
margin: 2px;
border: 1px #ddd solid;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#colorSelect .c1 a {
background: #fff;
}
#colorSelect .c2 a {
background: #000;
}
#colorSelect .c3 a {
background: #E5D7AC;
}
#colorSelect .c4 a {
background: #D90027;
}
#colorSelect .c5 a {
background: #0066E4;
}
#colorSelect .c6 a {
background: #2C994A;
}
#colorSelect .c7 a {
background: #FF922A;
}
#colorSelect .c8 a {
background: #162647;
}
#colorSelect .c9 a {
background: #F6B1D7;
}
#colorSelect .c10 a {
background: #F6E642;
}
#colorSelect .c11 a {
background: #74341F;
}
#colorSelect .c12 a {
background: #9E9E9E;
}
#suggest {
position: absolute;
background-color: #FFFFFF;
border: 1px solid #CCCCFF;
font-size: 90%;
width: 200px;
}
#suggest div {
display: block;
width: 200px;
overflow: hidden;
white-space: nowrap;
}
#suggest div.select { color: #FFFFFF;
background-color: #3366FF;
}
#suggest div.over { background-color: #99CCFF;
}
.lastChild label {
display: inline-block;
padding: 11px 20px;
background: #f2dede;
border: 1px solid #ddd;
font-size: 100%;
border-radius: 4px;
box-shadow: 1px 0px 8px 1px rgba(0, 0, 0, 0.1);
}
input[type=checkbox] {
margin: 5px 5px 0px 0px;
line-height: normal;
}
span.popup_help {
color: #66f;
font-weight: bold;
cursor: pointer;
font-size: 12px;
}
.tooltip {
padding: 10px !important;
}
.list-group-item > .badge {
margin-top: 5px;
}
.wrapper-sticky {
right: -1090px !important;
width: 100px !important;
height: 500px !important;
margin: 0 !important;
}
.bannerfloat li {
display: block;
float: left;
}
.serch_box #jquery-form .check {
margin-bottom: 5px;
}
.serch_box #colorSelect li a, .serch_box #colorSelect li span {
width: 100%;
}
@media screen and (max-width: 714px) {
.wrapper-sticky {
display: none !important;
visibility: hidden !important;
}
.product_list .price {
padding-left: 18px;
padding-left: 0;
}
.product_list .price strong {
font-size: 18px;
}
}
.product_list .list-inline li {
padding-left: 10px;
padding-right: 10px;
} .product_main figure, .s_lot_product figure {
position: relative;
}
.product_main .best, .s_lot_product .best {
position: absolute;
width: 50px;
height: auto;
}
.product_list figure {
position: relative;
}
.product_list .best {
position: absolute;
width: 50px;
height: auto;
}
.product_list .color {
text-align: center;
z-index: 100;
margin-top: 5px;
}
.product_list .color .color_box {
text-align: center;
padding: 5px 5px;
background-color: #5BC0DE;
color: #fff;
border-radius: 3px;
border: 1px solid #46b8da;
display: inline-block;
line-height: 1;
}
.product_list .color .color_box .color_num {
font-size: 130%;
}
.product_list .color .color_variation {
margin-top: 5px;
}
.product_list .color .color_variation li {
margin-bottom: 1px;
}
.side_category img {
width: 30px !important;
}
#sidebar a {
font-size: 14px;
}
@media only screen and (max-width: 760px) {
.title_5 {
font-size: 20px;
}
.product_list .color .color_box {
font-size: 8px;
}
.product_list .card {
margin-bottom: 10px;
}
.product_list .product_name {
margin-top: 0;
font-size: 13px;
}
.product_list .price {
font-size: 13px;
padding: 5px;
}
.product_list .price strong {
font-size: 14px;
}
.product_list .best {
top: -13px;
left: 0px;
}
.product_list .product_photo {
height: auto;
width: 100%;
margin-left: 0;
}
.product_list .col-xs-5 {
padding-right: 0;
}
.product_list .col-xs-7 {
padding-left: 0;
}
.product_info .product_btn .btn {
display: block;
padding: 10px !important;
text-align: left;
margin: 10px 0 !important;
}
.product_info .product_btn.product_btn_head .btn {
margin: 5px 0 !important;
}
#jquery-form .check {
font-size: 11px;
}
.list-branch ul li {
padding: 0;
}
.list-branch ul li label {
margin-bottom: 4px;
}
.product_item_content .list_icon .icon-left .category .category-name {
font-size: 125%;
}
.product_item_content .list_icon .icon-right {
width: auto;
}
.product_item_content .list_icon .icon-right .material .material-name, .product_item_content .list_icon .icon-right .print {
font-size: 100%;
}
}
a:hover.list_link .card {
border: 2px solid #ddd;
border-top: 5px solid #ddd;
}
.product_list .comment {
height: 70px;
}
.list_header h1 {
font-size: 20px;
margin-top: 15px;
}
.list_icon .icon-left {
position: absolute;
}
.list_icon .icon-left .category .category-name {
font-weight: bold;
text-shadow: white 1px 1px 0, white -1px -1px 0, white -1px 1px 0, white 1px -1px 0, white 0px 1px 0, white -1px 0, white -1px 0 0, white 1px 0 0; }
.list_icon .icon-left .category .category-name.category-standard {
color: #51B82C;
}
.list_icon .icon-left .category .category-name.category-onepoint {
color: #369AB7;
}
.list_icon .icon-right {
position: absolute;
right: 15px;
width: 20%;
}
.list_icon .icon-right .material {
background: #999;
border: 1px solid #777;
border-radius: 3px;
padding: 5px 0;
text-align: center;
line-height: 1.2 !important;
}
.list_icon .icon-right .material .material-name {
color: #fff;
font-size: 12px;
font-weight: bold;
}
.list_icon .icon-right .material .material-name.material-opp, .list_icon .icon-right .material .material-name.material-nashiji, .list_icon .icon-right .material .material-name.material-ldpe {
font-size: 14px;
}
.list_icon .icon-right .print {
margin-top: 5px;
}
.list_icon .icon-right .print .print-1, .list_icon .icon-right .print .print-4 {
color: #fff;
font-weight: bold;
border-radius: 3px;
padding: 5px 0;
text-align: center;
line-height: 1.2 !important;
}
.list_icon .icon-right .print .print-1 {
border: 1px solid #389bb9;
background: #30b4d0;
}
.list_icon .icon-right .print .print-4 {
border: 1px solid #aaa;
background: #ff5654;
background: -moz-linear-gradient(left, #ff5654 5%, #e4ca07 45%, #29a1d8 75%, #52b152 100%);
background: -webkit-linear-gradient(left, #ff5654 5%, #e4ca07 45%, #29a1d8 75%, #52b152 100%);
background: linear-gradient(to right, #ff5654 5%, #e4ca07 45%, #29a1d8 75%, #52b152 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e4ca07", endColorstr="#29a1d8",GradientType=1 );
}
.list_icon .icon-right .print .print_color {
margin-top: 5px;
font-size: 10px;
line-height: 1.1 !important;
}
.product_item_content .list_icon .icon-left {
left: 15px;
top: 15px;
}
.product_item_content .list_icon .icon-left .category .category-name {
font-size: 150%;
}
.product_item_content .list_icon .icon-right {
top: 15px;
width: 15%;
}
.product_item_content .list_icon .icon-right .material {
padding: 15% 0;
}
.product_item_content .list_icon .icon-right .material .material-name {
font-size: 150%;
}
.product_item_content .list_icon .icon-right .print {
font-size: 150%;
}
.product_item_content .list_icon .icon-right .print .print-1, .product_item_content .list_icon .icon-right .print .print-4 {
padding: 15% 0;
}
.product_item_content .list_icon .icon-right .print .print_color {
text-align: center;
font-size: 13px;
}
.product_list .serch_box {
display: none;
}
.product_list .serch_box #colorSelect {
padding: 0;
}
.product_list .serch_box #colorSelect input {
display: none;
}
.product_list .alert {
padding: 10px 0px 15px;
}
.product_list table {
font-size: 12px;
}
.product_list table th, .product_list table td {
vertical-align: middle;
}
.product_list .size {
line-height: 1.8rem;
padding: 0.5rem;
}
@media only screen and (max-width: 600px) {
.product_list .size {
font-size: 1rem;
line-height: 1.2rem;
padding: 0.25rem;
}
}
.list_icon {
flex: 1 1 auto;
padding: 0 1.25rem;
}
.product_list .card-title {
margin-bottom: 0rem;
}
.product_list .card-img-top {
padding: 1.5rem;
}
.product_list .price {
padding: 0.5rem;
font-size: 14px;
font-weight: bold;
}
.product_list .price .strong {
font-size: 20px;
font-weight: bold;
}
.product_list .product_name {
margin-top: 7px;
font-size: 16px;
font-weight: bold;
color: #30B4CF;
}
.product_list .product_photo {
height: auto;
width: 100%;
}
.product_list .well {
padding-bottom: 0;
}
.product_list .card {
background-color: #fcfcfc;
position: relative;
}
.product_list .list_num {
vertical-align: -webkit-baseline-middle;
line-height: 20px;
}
.product_list .list_num .product_name {
font-size: 150%;
}
.service-table th, .service-table td {
vertical-align: middle !important;
text-align: center;
}
.list-branch ul {
margin-bottom: 0px;
font-size: 13px;
}
.list-branch ul li {
padding: 0 3px;
display: inline;
}
.list-branch ul li:first-child {
padding-left: 0;
}
.list-branch ul li:last-child {
padding-right: 0;
}
.list-branch ul li.active label {
background-color: #ffcd36;
}
.list-branch ul li label {
border: 1px solid #dcdcdc;
position: relative;
padding: 10px 15px;
border-radius: 4px;
cursor: pointer;
font-weight: normal;
color: #337ab7;
max-width: max-content;
margin-bottom: 0;
}
.list-branch ul li label:hover {
background: #eee;
color: #55595c;
}
.list-branch ul li input[type=radio] {
display: none;
}
.list-branch .list-shape ul li label {
padding: 10px 10px;
}
.list-branch .list-size ul li label {
padding: 10px 10px;
}
.list-branch .table > tbody > tr > td, .list-branch .table > tbody > tr > th {
vertical-align: middle;
padding: 8px 0;
}
.list-branch .table > tfoot > tr > td, .list-branch .table > tfoot > tr > th {
vertical-align: middle;
padding: 8px 0;
}
.list-branch .table > thead > tr > td, .list-branch .table > thead > tr > th {
vertical-align: middle;
padding: 8px 0;
}
.list-branch .table th {
padding-left: 10px !important;
}
.product_info .product_item {
display: none;
}
.product_info .product_item .slick-slide {
border: 2px solid #ddd;
border-radius: 4px;
}
.product_info .product_item .slick-prev, .product_info .product_item .slick-next {
top: 45%;
}
.product_info .product_item .slick-dots {
position: initial;
}
.product_info .product_item .product_item_content {
display: flex;
align-items: center;
justify-content: center;
}
.product_info .product_item .product_item_content.product_item_image {
align-items: inherit;
}
.product_info .wh_wapper {
position: relative;
width: 100%;
}
.product_info .wh_wapper:before {
content: "";
display: block;
padding-top: 100%; }
.product_info .wh_content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.product_info .product_item_nav {
display: none;
}
.product_info .product_item_nav .color {
padding: 10px;
line-height: 1;
border-radius: 3px;
background-color: #5BC0DE;
position: aboslute;
}
.product_info .product_item_nav .color_box {
position: absolute;
top: 25%;
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: #fff;
}
.product_info .product_item_nav .color_box .color_num {
font-size: 150%;
}
.product_info .product_item_nav .color_variation {
margin-top: 5px;
}
.product_info .product_item_nav .color_variation li {
margin-bottom: 1px;
}
.product_info .slick-slide .color img {
display: inline;
}
.product_info .price {
color: #FF3456;
font-size: 20px;
font-weight: bold;
}
.product_info .price strong {
font-size: 20px;
}
.product_info label {
font-size: 14px;
}
.product_info .price_list td {
font-size: 110%; letter-spacing: 0.05em;
}
.product_info .price_list td img {
width: 40px;
}
.product_info .price_list td small {
font-size: 83%;
}
.product_info .price_list a {
color: #0004Fc;
text-decoration: underline;
}
.caution {
color: #FF3456;
}
.product_info .product_form {
background-color: #Fff;
}
.product_est label span {
background-color: #ff3456;
color: #f9fdfb;
padding: 2px;
border-radius: 4px;
font-size: 10px;
margin-left: 5px;
}
.product_est .product_name {
line-height: 90px;
}
.product_cart .price {
color: #FF3456;
font-size: 20px;
font-weight: bold;
}
.product_cart .total_price {
color: #FF3456;
font-size: 24px;
}
.product_cart .btn-lg {
font-size: 18px;
}
.product_cart .panel-default .btn {
position: relative;
}
.product_main .price {
color: #FF3456;
font-size: 20px;
}
.product_main .tab-content .price {
color: #FF3456;
font-size: 20px;
}
.product_main .tab-content .productname {
font-size: 12px;
line-height: 18px;
height: 40px;
}
.s_lot_product .price {
color: #337ab7;
font-size: 13px !important;
font-weight: normal;
}
.s_lot_product .price strong {
color: #FF3456;
font-size: 20px;
font-weight: bold;
}
.s_lot_product .price strong small {
font-size: 13px;
}
.s_lot_product .slider_body {
border: 2px #eee solid;
padding: 10px;
margin: 0 5px;
}
.s_lot_product .productname {
margin: 7px 0 0;
font-size: 13px;
}
div.s_lot_product a:hover .slider_body {
border: 2px #78CC5A solid;
}
.slick-prev, .slick-next {
top: 35%;
z-index: 1;
}
.slider .glyphicon {
position: absolute;
}
.slider_body img {
display: inline !important;
}
.tlt-01 {
width: 760px;
color: #555;
font-weight: bold;
font-size: 36px;
background: url(//original-pb.net/wp-content/themes/original_pb2023/img/banner_bg.png);
padding-top: 58px;
padding-left: 50px;
height: 160px;
margin-top: 0px;
}
.slider_body {
height: auto;
} #colorSelect {
padding: 10px 15px;
}
#colorSelect li a {
display: block;
width: 20px;
height: 20px;
padding: 10px 0 0;
margin: 2px;
border: 1px #ddd solid;
border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;
}
#colorSelect .c1 a {
background: #fff;
}
#colorSelect .c2 a {
background: #000;
}
#colorSelect .c3 a {
background: #E5D7AC;
}
#colorSelect .c4 a {
background: #D90027;
}
#colorSelect .c5 a {
background: #0066E4;
}
#colorSelect .c6 a {
background: #2C994A;
}
#colorSelect .c7 a {
background: #FF922A;
}
#colorSelect .c8 a {
background: #162647;
}
#colorSelect .c9 a {
background: #F6B1D7;
}
#colorSelect .c10 a {
background: #F6E642;
}
#colorSelect .c11 a {
background: #74341F;
}
#colorSelect .c12 a {
background: #9E9E9E;
} #suggest {
position: absolute;
background-color: #FFFFFF;
border: 1px solid #CCCCFF;
font-size: 90%;
width: 200px;
}
#suggest div {
display: block;
width: 200px;
overflow: hidden;
white-space: nowrap;
}
#suggest div.select { color: #FFFFFF;
background-color: #3366FF;
}
#suggest div.over { background-color: #99CCFF;
} .lastChild label {
display: inline-block;
padding: 11px 20px;
background: #f2dede;
border: 1px solid #ddd;
font-size: 100%;
border-radius: 4px;
box-shadow: 1px 0px 8px 1px rgba(0, 0, 0, 0.1);
}
input[type=checkbox] {
margin: 5px 5px 0px 0px;
line-height: normal;
} span.popup_help {
color: #66f;
font-weight: bold;
cursor: pointer;
font-size: 12px;
}
.tooltip {
padding: 10px !important;
}
.list-group-item > .badge {
margin-top: 5px;
}
.wrapper-sticky {
right: -1090px !important;
width: 100px !important;
height: 500px !important;
margin: 0 !important;
}
.bannerfloat li {
display: block;
float: left;
}
.serch_box #jquery-form .check {
margin-bottom: 5px;
}
.serch_box #colorSelect li a, .serch_box #colorSelect li span {
width: 100%;
}
@media screen and (max-width: 714px) {
.wrapper-sticky {
display: none !important;
visibility: hidden !important;
}
.product_list .price {
padding-left: 18px;
padding-left: 0;
}
.product_list .price strong {
font-size: 18px;
}
}
.product_list .list-inline li {
padding-left: 10px;
padding-right: 10px;
} .product_main figure, .s_lot_product figure {
position: relative;
}
.product_main .best, .s_lot_product .best {
position: absolute;
width: 50px;
height: auto;
}
.product_list figure {
position: relative;
}
.product_list .best {
position: absolute;
width: 50px;
height: auto;
}
.product_list .color {
text-align: center;
z-index: 100;
margin-top: 5px;
}
.product_list .color .color_box {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
background-color: #5BC0DE;
color: #fff;
border-radius: 3px;
border: 1px solid #46b8da; line-height: 1;
}
.product_list .color .color_box .color_num {
font-size: 130%;
}
.product_list .color .br::before {
content: "\a";
white-space: pre;
}
.product_list .color .color_box .color_num_color {
font-size: 80%;
}
.product_list .color .color_variation {
margin-top: 5px;
}
.product_list .color .color_variation li {
margin-bottom: 1px;
} .side_category img {
width: 30px !important;
}
#sidebar a {
font-size: 14px;
} @media only screen and (max-width: 760px) {
.title_5 {
font-size: 20px;
}
.product_list .color .color_box {
font-size: 8px;
}
.product_list .card {
margin-bottom: 10px;
}
.product_list .product_name {
margin-top: 0;
font-size: 13px;
}
.product_list .price {
font-size: 13px;
padding: 5px;
}
.product_list .price strong {
font-size: 14px;
}
.product_list .best {
top: -13px;
left: 0px;
}
.product_list .product_photo {
height: auto;
width: 100%;
margin-left: 0;
}
.product_list .col-xs-5 {
padding-right: 0;
}
.product_list .col-xs-7 {
padding-left: 0;
}
.product_info .product_btn .btn {
display: block;
padding: 10px !important;
text-align: left;
margin: 10px 0 !important;
}
.product_info .product_btn.product_btn_head .btn {
margin: 5px 0 !important;
}
#jquery-form .check {
font-size: 11px;
}
.list-branch ul li {
padding: 0;
}
.list-branch ul li label {
margin-bottom: 4px;
}
.product_item_content .list_icon .icon-left .category .category-name {
font-size: 125%;
}
.product_item_content .list_icon .icon-right {
width: auto;
}
.product_item_content .list_icon .icon-right .material .material-name, .product_item_content .list_icon .icon-right .print {
font-size: 100%;
}
}
.star {
position: absolute;
width: 50px;
height: auto;
} .archive-contents {
padding: 4.5rem 0;
}
.archive-contents .contents {
padding: 3rem 0;
}
.archive-contents .head-box h2 {
font-size: 3rem;
line-height: 4rem;
position: relative;
display: block;
text-align: left;
padding: 0 0 0 3rem;
border-bottom: none;
}
.archive-contents .head-box h2::before {
content: "";
width: 0.7rem;
height: 4rem;
border-radius: 3px;
background: #F38F00;
position: absolute;
left: 0;
top: 0;
}
.archive-contents .main-box {
max-width: 87.5rem;
}
.single .card .card-title h1 {
background-color: #F3F4F5;
font-size: 4rem;
line-height: 6rem;
padding: 3rem 5rem;
}
.single .card h2 {
font-size: 3rem;
line-height: 4rem;
margin: 2.5rem 0;
padding-left: 3rem;
position: relative;
}
.single .card h2::before {
content: "";
width: 0.7rem;
height: 4rem;
border-radius: 3px;
background: #F38F00;
position: absolute;
left: 0;
top: 0;
}
.single .card .card-body {
padding: 3rem 5rem;
}
.single .card .card-body h3 {
padding: 1.7rem 0;
margin: 3rem 0 1.5rem;
border-bottom: 4px solid #FD7C23;
font-size: 2rem;
}
.single .card .card-body h4 {
margin-top: 30px;
background: #eee;
padding: 10px 15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
line-height: 3rem;
}
.single .card .card-body .card-text {
margin-top: 2rem;
}
.single .card .card-body section {
margin-bottom: 3rem;
} .post-type-archive-column .main-box ul li {
margin-bottom: 3rem;
}
.post-type-archive-column .main-box ul li dt {
margin-top: 1rem;
}
.single-column .card .the_content img {
margin: 2rem auto;
display: block;
max-width: 100%;
height: auto;
padding: 0.4rem;
line-height: 1.5;
background-color: #fff;
border: 1px solid #dcdcdc;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.single-column .card .the_content img.aligncenter {
display: block;
margin: 10px auto;
}
.single-column .card .the_content p {
line-height: 2;
}
.single-column .card .the_content h2 {
border-top: 0.5rem double #FD7C23;
border-bottom: 0.5rem double #FD7C23;
font-size: 2.2rem;
margin-top: 6rem;
margin-bottom: 2rem;
padding: 1.5rem 1rem;
font-weight: 700;
line-height: 1.5;
padding-left: 0;
}
.single-column .card .the_content h2::before {
background: none !important;
}
.single-column .card .the_content dl {
padding: 20px 20px 0;
line-height: 1.9;
border: 1px solid #ccc !important;
box-shadow: 0 3px 0 rgba(8, 1, 2, 0.03);
font-size: 16px;
margin: 35px 20px;
}
.single-column .card .the_content dl dt {
background: #fff;
padding: 0 10px;
font-weight: bold;
position: relative;
top: -30px;
width: max-content;
}
.single-column .card .the_content dl dd {
position: relative;
top: -25px;
padding: 15px 10px 0;
line-height: 1.7;
}
.single-column .card .the_content dl.point {
padding: 20px 20px 10px;
background-color: #f5f5f5;
border: none !important;
border-radius: 4px;
}
.single-column .card .the_content dl.point dt {
padding-left: 30px;
position: relative;
top: 0px;
background: none;
}
.single-column .card .the_content dl.point dt:before {
position: absolute;
top: auto;
left: 10px;
display: block;
width: 10px;
height: 10px;
content: "\f005";
font-family: FontAwesome;
}
.single-column .card .the_content dl.point dd {
position: relative;
top: -5px;
}
.single-column .card .the_content .panel {
padding: 0 !important;
margin: 20px 20px;
border-color: #ccc !important;
box-shadow: 0 3px 0 rgba(8, 1, 2, 0.03);
}
.single-column .card .the_content .panel .panel-body {
padding: 15px;
}
.single-column .card .the_content .panel .panel-footer {
border: 1px solid #ccc !important;
}
.single-column .card .the_content .panel table {
width: -webkit-fill-available;
margin: 0 5px 5px 5px;
}
.single-column .card .the_content .panel p {
margin: 10px 0;
}
.single-column .card .the_content .panel img {
border-radius: 4px;
padding: 0;
border: 0;
margin: 0 auto;
display: block;
}
.single-column .card .the_content .panel .table > tbody > tr > td,
.single-column .card .the_content .panel .table > tbody > tr > th,
.single-column .card .the_content .panel .table > tfoot > tr > td,
.single-column .card .the_content .panel .table > tfoot > tr > th,
.single-column .card .the_content .panel .table > thead > tr > td,
.single-column .card .the_content .panel .table > thead > tr > th {
border-top: none;
border-bottom: 1px solid #ddd;
}
.single-column .card .the_content pre {
line-height: 1.7;
margin: 20px;
padding: 20px 30px;
}
.single-column .card .the_content blockquote {
margin-top: 20px;
line-height: 1.7;
margin-left: 20px;
}
.single-column .card .the_content blockquote p {
margin: 0;
}
.single-column .card .the_content table {
width: -webkit-fill-available;
margin: 20px;
}
.single-column .card .the_content ul {
line-height: 1.7;
margin: 20px 10px 20px 15px;
}
.single-column .card .the_content ul.list-group {
margin: 0 20px;
}
.single-column .card .the_content ul.check {
list-style-type: none;
position: relative;
}
.single-column .card .the_content ul.check li:before {
position: absolute;
top: auto;
left: 20px;
display: block;
line-height: 1.8;
width: 10px;
height: 10px;
content: "\f046";
font-family: FontAwesome;
}
.single-column .card .the_content ol li {
line-height: 1.7;
}
.single-column .card .the_content iframe {
display: block;
margin: 20px auto;
}
.single-column .card .the_content a {
color: #2561b1;
text-decoration: underline;
}
.single-column .card .the_content a.btn {
text-decoration: none !important;
margin: 10px 0;
}
.single-column .card .the_content a:visited {
color: #2561b1;
}
.single-column .card .the_content a:hover {
color: #666;
cursor: pointer;
}
.single-column .card .the_content hr {
border-color: #ccc !important;
}
.single-column .card .column-box {
padding-bottom: 0;
}
.single-column .card .column-box ul {
margin-bottom: 0;
} @media screen and (max-width: 1630px) {
.sidenav .tel img {
height: auto;
width: 75px;
}
.sidenav ul.sidenav-menu li {
height: 60px;
width: 75px;
font-size: 1.3rem;
}
.sidenav ul.sidenav-menu li span, .sidenav ul.sidenav-menu li br {
display: none;
}
.sidenav ul.sidenav-menu li.sidenav-sample br {
display: inline-block;
}
.sidenav ul.sidenav-menu li.sidenav-sample img {
display: none;
}
}
@media screen and (max-width: 1535px) {
.sidenav {
display: none !important;
}
.sidenav.is_active {
display: none !important;
}
}
@media screen and (max-width: 1290px) {
.navbar-search__main ul li .filter-child {
width: 100%;
}
}
@media screen and (max-width: 1274px) {
.main-nav > ul > li {
padding: 0.5rem 1.5rem;
background: none !important;
}
}
@media screen and (max-width: 1096px) {
header .header__main--left {
width: 20rem;
}
header .header__main--left img {
height: 60px;
}
header .header__main .main-nav > ul {
display: flex;
align-items: center;
}
header .header__main .main-nav > ul > li .sm {
font-size: 1.2rem;
}
header .header__main .main-nav > ul > li .lg {
font-size: 1.4rem;
line-height: 1.6rem;
}
.sub-menu.is_active {
top: 9rem;
}
}
@media (min-width: 992px) {
.sp {
display: none;
}
.pc {
display: block;
}
.footer__list .row .items {
flex: 0 0 20%;
max-width: 20%;
}
} @media (max-width: 991px) {
.flex-tab-10 {
flex: 10%;
max-width: 10%;
padding: 0 10px;
}
.flex-tab-20 {
flex: 20%;
max-width: 20%;
padding: 0 10px;
}
.flex-tab-30 {
flex: 30%;
max-width: 30%;
padding: 0 10px;
}
.flex-tab-40 {
flex: 40%;
max-width: 40%;
padding: 0 10px;
}
.flex-tab-50 {
flex: 50%;
max-width: 50%;
padding: 0 10px;
}
.flex-tab-60 {
flex: 60%;
max-width: 60%;
padding: 0 10px;
}
.flex-tab-70 {
flex: 70%;
max-width: 70%;
padding: 0 10px;
}
.flex-tab-80 {
flex: 80%;
max-width: 80%;
padding: 0 10px;
}
.flex-tab-90 {
flex: 90%;
max-width: 90%;
padding: 0 10px;
}
.flex-tab-100 {
flex: 100%;
max-width: 100%;
padding: 0 10px;
}
.col-tab-1 {
flex: 100%;
max-width: 100%;
padding: 0 10px;
}
.col-tab-2 {
flex: 50%;
max-width: 50%;
padding: 0 10px;
}
.col-tab-3 {
flex: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 10px;
}
.col-tab-4 {
flex: 25%;
max-width: 25%;
padding: 0 10px;
}
.col-tab-5 {
flex: 20%;
max-width: 20%;
padding: 0 10px;
}
.col-tab-6 {
flex: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 10px;
}
.col-tab-7 {
flex: 14.2857142857%;
max-width: 14.2857142857%;
padding: 0 10px;
}
.col-tab-8 {
flex: 12.5%;
max-width: 12.5%;
padding: 0 10px;
}
.mt-tab-0 {
margin-top: 0px !important;
}
.pt-tab-0 {
padding-top: 0px !important;
}
.mr-tab-0 {
margin-right: 0px !important;
}
.pr-tab-0 {
padding-right: 0px !important;
}
.mb-tab-0 {
margin-bottom: 0px !important;
}
.pb-tab-0 {
padding-bottom: 0px !important;
}
.ml-tab-0 {
margin-left: 0px !important;
}
.pl-tab-0 {
padding-left: 0px !important;
}
.ma-tab-0 {
margin: 0px !important;
}
.pa0 {
padding: 0px !important;
}
.mx-tab-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.px-tab-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.my-tab-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.py-tab-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.mt-tab-5 {
margin-top: 5px !important;
}
.pt-tab-5 {
padding-top: 5px !important;
}
.mr-tab-5 {
margin-right: 5px !important;
}
.pr-tab-5 {
padding-right: 5px !important;
}
.mb-tab-5 {
margin-bottom: 5px !important;
}
.pb-tab-5 {
padding-bottom: 5px !important;
}
.ml-tab-5 {
margin-left: 5px !important;
}
.pl-tab-5 {
padding-left: 5px !important;
}
.ma-tab-5 {
margin: 5px !important;
}
.pa5 {
padding: 5px !important;
}
.mx-tab-5 {
margin-left: 5px !important;
margin-right: 5px !important;
}
.px-tab-5 {
padding-left: 5px !important;
padding-right: 5px !important;
}
.my-tab-5 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.py-tab-5 {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.mt-tab-10 {
margin-top: 10px !important;
}
.pt-tab-10 {
padding-top: 10px !important;
}
.mr-tab-10 {
margin-right: 10px !important;
}
.pr-tab-10 {
padding-right: 10px !important;
}
.mb-tab-10 {
margin-bottom: 10px !important;
}
.pb-tab-10 {
padding-bottom: 10px !important;
}
.ml-tab-10 {
margin-left: 10px !important;
}
.pl-tab-10 {
padding-left: 10px !important;
}
.ma-tab-10 {
margin: 10px !important;
}
.pa10 {
padding: 10px !important;
}
.mx-tab-10 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.px-tab-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.my-tab-10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.py-tab-10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.mt-tab-15 {
margin-top: 15px !important;
}
.pt-tab-15 {
padding-top: 15px !important;
}
.mr-tab-15 {
margin-right: 15px !important;
}
.pr-tab-15 {
padding-right: 15px !important;
}
.mb-tab-15 {
margin-bottom: 15px !important;
}
.pb-tab-15 {
padding-bottom: 15px !important;
}
.ml-tab-15 {
margin-left: 15px !important;
}
.pl-tab-15 {
padding-left: 15px !important;
}
.ma-tab-15 {
margin: 15px !important;
}
.pa15 {
padding: 15px !important;
}
.mx-tab-15 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.px-tab-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.my-tab-15 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.py-tab-15 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.mt-tab-20 {
margin-top: 20px !important;
}
.pt-tab-20 {
padding-top: 20px !important;
}
.mr-tab-20 {
margin-right: 20px !important;
}
.pr-tab-20 {
padding-right: 20px !important;
}
.mb-tab-20 {
margin-bottom: 20px !important;
}
.pb-tab-20 {
padding-bottom: 20px !important;
}
.ml-tab-20 {
margin-left: 20px !important;
}
.pl-tab-20 {
padding-left: 20px !important;
}
.ma-tab-20 {
margin: 20px !important;
}
.pa20 {
padding: 20px !important;
}
.mx-tab-20 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.px-tab-20 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.my-tab-20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.py-tab-20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.mt-tab-25 {
margin-top: 25px !important;
}
.pt-tab-25 {
padding-top: 25px !important;
}
.mr-tab-25 {
margin-right: 25px !important;
}
.pr-tab-25 {
padding-right: 25px !important;
}
.mb-tab-25 {
margin-bottom: 25px !important;
}
.pb-tab-25 {
padding-bottom: 25px !important;
}
.ml-tab-25 {
margin-left: 25px !important;
}
.pl-tab-25 {
padding-left: 25px !important;
}
.ma-tab-25 {
margin: 25px !important;
}
.pa25 {
padding: 25px !important;
}
.mx-tab-25 {
margin-left: 25px !important;
margin-right: 25px !important;
}
.px-tab-25 {
padding-left: 25px !important;
padding-right: 25px !important;
}
.my-tab-25 {
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.py-tab-25 {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.mt-tab-30 {
margin-top: 30px !important;
}
.pt-tab-30 {
padding-top: 30px !important;
}
.mr-tab-30 {
margin-right: 30px !important;
}
.pr-tab-30 {
padding-right: 30px !important;
}
.mb-tab-30 {
margin-bottom: 30px !important;
}
.pb-tab-30 {
padding-bottom: 30px !important;
}
.ml-tab-30 {
margin-left: 30px !important;
}
.pl-tab-30 {
padding-left: 30px !important;
}
.ma-tab-30 {
margin: 30px !important;
}
.pa30 {
padding: 30px !important;
}
.mx-tab-30 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.px-tab-30 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.my-tab-30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.py-tab-30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.mt-tab-35 {
margin-top: 35px !important;
}
.pt-tab-35 {
padding-top: 35px !important;
}
.mr-tab-35 {
margin-right: 35px !important;
}
.pr-tab-35 {
padding-right: 35px !important;
}
.mb-tab-35 {
margin-bottom: 35px !important;
}
.pb-tab-35 {
padding-bottom: 35px !important;
}
.ml-tab-35 {
margin-left: 35px !important;
}
.pl-tab-35 {
padding-left: 35px !important;
}
.ma-tab-35 {
margin: 35px !important;
}
.pa35 {
padding: 35px !important;
}
.mx-tab-35 {
margin-left: 35px !important;
margin-right: 35px !important;
}
.px-tab-35 {
padding-left: 35px !important;
padding-right: 35px !important;
}
.my-tab-35 {
margin-top: 35px !important;
margin-bottom: 35px !important;
}
.py-tab-35 {
padding-top: 35px !important;
padding-bottom: 35px !important;
}
.mt-tab-40 {
margin-top: 40px !important;
}
.pt-tab-40 {
padding-top: 40px !important;
}
.mr-tab-40 {
margin-right: 40px !important;
}
.pr-tab-40 {
padding-right: 40px !important;
}
.mb-tab-40 {
margin-bottom: 40px !important;
}
.pb-tab-40 {
padding-bottom: 40px !important;
}
.ml-tab-40 {
margin-left: 40px !important;
}
.pl-tab-40 {
padding-left: 40px !important;
}
.ma-tab-40 {
margin: 40px !important;
}
.pa40 {
padding: 40px !important;
}
.mx-tab-40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.px-tab-40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.my-tab-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.py-tab-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.mt-tab-45 {
margin-top: 45px !important;
}
.pt-tab-45 {
padding-top: 45px !important;
}
.mr-tab-45 {
margin-right: 45px !important;
}
.pr-tab-45 {
padding-right: 45px !important;
}
.mb-tab-45 {
margin-bottom: 45px !important;
}
.pb-tab-45 {
padding-bottom: 45px !important;
}
.ml-tab-45 {
margin-left: 45px !important;
}
.pl-tab-45 {
padding-left: 45px !important;
}
.ma-tab-45 {
margin: 45px !important;
}
.pa45 {
padding: 45px !important;
}
.mx-tab-45 {
margin-left: 45px !important;
margin-right: 45px !important;
}
.px-tab-45 {
padding-left: 45px !important;
padding-right: 45px !important;
}
.my-tab-45 {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
.py-tab-45 {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
.mt-tab-50 {
margin-top: 50px !important;
}
.pt-tab-50 {
padding-top: 50px !important;
}
.mr-tab-50 {
margin-right: 50px !important;
}
.pr-tab-50 {
padding-right: 50px !important;
}
.mb-tab-50 {
margin-bottom: 50px !important;
}
.pb-tab-50 {
padding-bottom: 50px !important;
}
.ml-tab-50 {
margin-left: 50px !important;
}
.pl-tab-50 {
padding-left: 50px !important;
}
.ma-tab-50 {
margin: 50px !important;
}
.pa50 {
padding: 50px !important;
}
.mx-tab-50 {
margin-left: 50px !important;
margin-right: 50px !important;
}
.px-tab-50 {
padding-left: 50px !important;
padding-right: 50px !important;
}
.my-tab-50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.py-tab-50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.mt-tab-55 {
margin-top: 55px !important;
}
.pt-tab-55 {
padding-top: 55px !important;
}
.mr-tab-55 {
margin-right: 55px !important;
}
.pr-tab-55 {
padding-right: 55px !important;
}
.mb-tab-55 {
margin-bottom: 55px !important;
}
.pb-tab-55 {
padding-bottom: 55px !important;
}
.ml-tab-55 {
margin-left: 55px !important;
}
.pl-tab-55 {
padding-left: 55px !important;
}
.ma-tab-55 {
margin: 55px !important;
}
.pa55 {
padding: 55px !important;
}
.mx-tab-55 {
margin-left: 55px !important;
margin-right: 55px !important;
}
.px-tab-55 {
padding-left: 55px !important;
padding-right: 55px !important;
}
.my-tab-55 {
margin-top: 55px !important;
margin-bottom: 55px !important;
}
.py-tab-55 {
padding-top: 55px !important;
padding-bottom: 55px !important;
}
.mt-tab-60 {
margin-top: 60px !important;
}
.pt-tab-60 {
padding-top: 60px !important;
}
.mr-tab-60 {
margin-right: 60px !important;
}
.pr-tab-60 {
padding-right: 60px !important;
}
.mb-tab-60 {
margin-bottom: 60px !important;
}
.pb-tab-60 {
padding-bottom: 60px !important;
}
.ml-tab-60 {
margin-left: 60px !important;
}
.pl-tab-60 {
padding-left: 60px !important;
}
.ma-tab-60 {
margin: 60px !important;
}
.pa60 {
padding: 60px !important;
}
.mx-tab-60 {
margin-left: 60px !important;
margin-right: 60px !important;
}
.px-tab-60 {
padding-left: 60px !important;
padding-right: 60px !important;
}
.my-tab-60 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.py-tab-60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.sp {
display: block;
}
.pc {
display: none;
}
.side-contents {
display: none;
}
.contents-wrap > article.container {
padding-right: 0;
padding-left: 0;
}
.page-title .container {
padding-right: 0;
padding-left: 0;
}
.header {
background: #fff;
top: 0;
left: 0;
width: 100%;
z-index: 9999;
}
.header .logo {
background: #FD7C23;
padding: 0;
}
.header .logo img {
width: initial !important;
max-width: 100% !important;
vertical-align: text-top;
}
.header .head-sp {
padding: 0;
font-size: 1.2rem;
}
.header .head-sp ul {
display: flex;
justify-content: space-between;
height: 100%;
}
.header .head-sp ul li {
padding: 1rem 0;
text-align: center;
border-right: 1px solid #dddddd;
display: flex;
align-items: center;
justify-content: center;
}
.header .head-sp ul li a {
display: block;
line-height: 1;
}
.header .head-sp ul li i {
display: block;
margin: 0 auto 0.5rem;
}
.header .head-sp__phone i {
content: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/icon-phone.webp);
}
.header .head-sp__estimate i {
content: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/icon-estimate.webp);
}
.header .head-sp__company i {
content: url(//original-pb.net/wp-content/themes/original_pb2023/img/common/icon-company.webp);
}
.header .head-sp .hamburger {
padding: 1.4rem 0;
color: #2561b1;
position: relative;
}
.header .head-sp .hamburger span {
position: relative;
top: 2rem;
}
.header .head-sp .hamburger-inner,
.header .head-sp .hamburger-inner::before,
.header .head-sp .hamburger-inner::after {
background-color: #FD7C23;
width: 3rem;
height: 0.3rem;
}
.header .head-sp .hamburger-inner {
top: 40%;
}
.sub-menu.is_active {
display: none;
}
.contents-wrap {
padding: 0;
}
.contents .head-box,
.page-template-page-one .contents .head-box,
.page-template-page-est .contents .head-box,
.page-template-page-orderguide .contents .head-box,
.post-type-archive-design .contents .head-box,
.single-design .contents .head-box,
.single-product .contents .head-box,
.single-product-standard .contents .head-box,
.single-product-hakuoshi .contents .head-box,
.single-product-naire .contents .head-box,
.single-product-ofj .contents .head-box {
margin-bottom: 2.5rem;
margin-left: calc((100vw - 100%) / 2 * -1);
margin-right: calc((100vw - 100%) / 2 * -1);
}
.contents .head-box h2,
.page-template-page-one .contents .head-box h2,
.page-template-page-est .contents .head-box h2,
.page-template-page-orderguide .contents .head-box h2,
.post-type-archive-design .contents .head-box h2,
.single-design .contents .head-box h2,
.single-product .contents .head-box h2,
.single-product-standard .contents .head-box h2,
.single-product-hakuoshi .contents .head-box h2,
.single-product-naire .contents .head-box h2,
.single-product-ofj .contents .head-box h2 {
display: block;
font-size: 1.8rem;
line-height: 2.5rem;
padding: 2rem;
text-align: left;
background: #f6f6f6;
border-top: 0.5rem #dcdcdc solid;
border-bottom: 0.1rem #dcdcdc solid;
}
.contents .head-box h2::before,
.page-template-page-one .contents .head-box h2::before,
.page-template-page-est .contents .head-box h2::before,
.page-template-page-orderguide .contents .head-box h2::before,
.post-type-archive-design .contents .head-box h2::before,
.single-design .contents .head-box h2::before,
.single-product .contents .head-box h2::before,
.single-product-standard .contents .head-box h2::before,
.single-product-hakuoshi .contents .head-box h2::before,
.single-product-naire .contents .head-box h2::before,
.single-product-ofj .contents .head-box h2::before {
display: none;
}
.contents .head-box h2.pc,
.page-template-page-one .contents .head-box h2.pc,
.page-template-page-est .contents .head-box h2.pc,
.page-template-page-orderguide .contents .head-box h2.pc,
.post-type-archive-design .contents .head-box h2.pc,
.single-design .contents .head-box h2.pc,
.single-product .contents .head-box h2.pc,
.single-product-standard .contents .head-box h2.pc,
.single-product-hakuoshi .contents .head-box h2.pc,
.single-product-naire .contents .head-box h2.pc,
.single-product-ofj .contents .head-box h2.pc {
display: none;
}
.plan-box .card .plan-box .card .card-title {
font-size: 2rem;
line-height: 2rem;
}
.plan-box .card dl dt {
font-size: 1.2rem;
line-height: 2.2rem;
}
.plan-box .card a::after {
display: none;
}
.plan-box .card .popup {
display: none;
}
.page-about #about-plan .head-box h2 {
margin-bottom: 0;
}
.page-onepoint .read {
padding: 0;
}
.sub-menu .container {
padding: 0;
}
.sub-menu ul {
flex-wrap: wrap;
}
.sub-menu ul li {
width: 50%;
border: 1px solid #fff;
}
.sub-menu.sub-menu-onepoint ul li {
width: 100%;
}
.sub-menu.sub-menu-onepoint ul li:nth-child(2), .sub-menu.sub-menu-onepoint ul li:nth-child(3), .sub-menu.sub-menu-onepoint ul li:nth-child(4), .sub-menu.sub-menu-onepoint ul li:nth-child(5) {
width: 50%;
}
.sub-menu.sub-menu-ema ul li {
width: 50%;
}
.sub-menu.sub-menu-ema ul li:nth-child(5) {
width: 100%;
}
.footer {
padding-top: 0;
}
.footer__list .container {
padding-right: 15px;
padding-left: 15px;
}
} @media (max-width: 767px) {
.flex-sp-10 {
flex: 10%;
max-width: 10%;
padding: 0 10px;
}
.flex-sp-20 {
flex: 20%;
max-width: 20%;
padding: 0 10px;
}
.flex-sp-30 {
flex: 30%;
max-width: 30%;
padding: 0 10px;
}
.flex-sp-40 {
flex: 40%;
max-width: 40%;
padding: 0 10px;
}
.flex-sp-50 {
flex: 50%;
max-width: 50%;
padding: 0 10px;
}
.flex-sp-60 {
flex: 60%;
max-width: 60%;
padding: 0 10px;
}
.flex-sp-70 {
flex: 70%;
max-width: 70%;
padding: 0 10px;
}
.flex-sp-80 {
flex: 80%;
max-width: 80%;
padding: 0 10px;
}
.flex-sp-90 {
flex: 90%;
max-width: 90%;
padding: 0 10px;
}
.flex-sp-100 {
flex: 100%;
max-width: 100%;
padding: 0 10px;
}
.col-sp-1 {
flex: 100%;
max-width: 100%;
padding: 0 10px;
}
.col-sp-2 {
flex: 50%;
max-width: 50%;
padding: 0 10px;
}
.col-sp-3 {
flex: 33.3333333333%;
max-width: 33.3333333333%;
padding: 0 10px;
}
.col-sp-4 {
flex: 25%;
max-width: 25%;
padding: 0 10px;
}
.col-sp-5 {
flex: 20%;
max-width: 20%;
padding: 0 10px;
}
.col-sp-6 {
flex: 16.6666666667%;
max-width: 16.6666666667%;
padding: 0 10px;
}
.col-sp-7 {
flex: 14.2857142857%;
max-width: 14.2857142857%;
padding: 0 10px;
}
.col-sp-8 {
flex: 12.5%;
max-width: 12.5%;
padding: 0 10px;
}
.mt-sp-0 {
margin-top: 0px !important;
}
.pt-sp-0 {
padding-top: 0px !important;
}
.mr-sp-0 {
margin-right: 0px !important;
}
.pr-sp-0 {
padding-right: 0px !important;
}
.mb-sp-0 {
margin-bottom: 0px !important;
}
.pb-sp-0 {
padding-bottom: 0px !important;
}
.ml-sp-0 {
margin-left: 0px !important;
}
.pl-sp-0 {
padding-left: 0px !important;
}
.ma-sp-0 {
margin: 0px !important;
}
.pa0 {
padding: 0px !important;
}
.mx-sp-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.px-sp-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.my-sp-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.py-sp-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.mt-sp-5 {
margin-top: 5px !important;
}
.pt-sp-5 {
padding-top: 5px !important;
}
.mr-sp-5 {
margin-right: 5px !important;
}
.pr-sp-5 {
padding-right: 5px !important;
}
.mb-sp-5 {
margin-bottom: 5px !important;
}
.pb-sp-5 {
padding-bottom: 5px !important;
}
.ml-sp-5 {
margin-left: 5px !important;
}
.pl-sp-5 {
padding-left: 5px !important;
}
.ma-sp-5 {
margin: 5px !important;
}
.pa5 {
padding: 5px !important;
}
.mx-sp-5 {
margin-left: 5px !important;
margin-right: 5px !important;
}
.px-sp-5 {
padding-left: 5px !important;
padding-right: 5px !important;
}
.my-sp-5 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.py-sp-5 {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.mt-sp-10 {
margin-top: 10px !important;
}
.pt-sp-10 {
padding-top: 10px !important;
}
.mr-sp-10 {
margin-right: 10px !important;
}
.pr-sp-10 {
padding-right: 10px !important;
}
.mb-sp-10 {
margin-bottom: 10px !important;
}
.pb-sp-10 {
padding-bottom: 10px !important;
}
.ml-sp-10 {
margin-left: 10px !important;
}
.pl-sp-10 {
padding-left: 10px !important;
}
.ma-sp-10 {
margin: 10px !important;
}
.pa10 {
padding: 10px !important;
}
.mx-sp-10 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.px-sp-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.my-sp-10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.py-sp-10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.mt-sp-15 {
margin-top: 15px !important;
}
.pt-sp-15 {
padding-top: 15px !important;
}
.mr-sp-15 {
margin-right: 15px !important;
}
.pr-sp-15 {
padding-right: 15px !important;
}
.mb-sp-15 {
margin-bottom: 15px !important;
}
.pb-sp-15 {
padding-bottom: 15px !important;
}
.ml-sp-15 {
margin-left: 15px !important;
}
.pl-sp-15 {
padding-left: 15px !important;
}
.ma-sp-15 {
margin: 15px !important;
}
.pa15 {
padding: 15px !important;
}
.mx-sp-15 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.px-sp-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.my-sp-15 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.py-sp-15 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.mt-sp-20 {
margin-top: 20px !important;
}
.pt-sp-20 {
padding-top: 20px !important;
}
.mr-sp-20 {
margin-right: 20px !important;
}
.pr-sp-20 {
padding-right: 20px !important;
}
.mb-sp-20 {
margin-bottom: 20px !important;
}
.pb-sp-20 {
padding-bottom: 20px !important;
}
.ml-sp-20 {
margin-left: 20px !important;
}
.pl-sp-20 {
padding-left: 20px !important;
}
.ma-sp-20 {
margin: 20px !important;
}
.pa20 {
padding: 20px !important;
}
.mx-sp-20 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.px-sp-20 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.my-sp-20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.py-sp-20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.mt-sp-25 {
margin-top: 25px !important;
}
.pt-sp-25 {
padding-top: 25px !important;
}
.mr-sp-25 {
margin-right: 25px !important;
}
.pr-sp-25 {
padding-right: 25px !important;
}
.mb-sp-25 {
margin-bottom: 25px !important;
}
.pb-sp-25 {
padding-bottom: 25px !important;
}
.ml-sp-25 {
margin-left: 25px !important;
}
.pl-sp-25 {
padding-left: 25px !important;
}
.ma-sp-25 {
margin: 25px !important;
}
.pa25 {
padding: 25px !important;
}
.mx-sp-25 {
margin-left: 25px !important;
margin-right: 25px !important;
}
.px-sp-25 {
padding-left: 25px !important;
padding-right: 25px !important;
}
.my-sp-25 {
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.py-sp-25 {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.mt-sp-30 {
margin-top: 30px !important;
}
.pt-sp-30 {
padding-top: 30px !important;
}
.mr-sp-30 {
margin-right: 30px !important;
}
.pr-sp-30 {
padding-right: 30px !important;
}
.mb-sp-30 {
margin-bottom: 30px !important;
}
.pb-sp-30 {
padding-bottom: 30px !important;
}
.ml-sp-30 {
margin-left: 30px !important;
}
.pl-sp-30 {
padding-left: 30px !important;
}
.ma-sp-30 {
margin: 30px !important;
}
.pa30 {
padding: 30px !important;
}
.mx-sp-30 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.px-sp-30 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.my-sp-30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.py-sp-30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.mt-sp-35 {
margin-top: 35px !important;
}
.pt-sp-35 {
padding-top: 35px !important;
}
.mr-sp-35 {
margin-right: 35px !important;
}
.pr-sp-35 {
padding-right: 35px !important;
}
.mb-sp-35 {
margin-bottom: 35px !important;
}
.pb-sp-35 {
padding-bottom: 35px !important;
}
.ml-sp-35 {
margin-left: 35px !important;
}
.pl-sp-35 {
padding-left: 35px !important;
}
.ma-sp-35 {
margin: 35px !important;
}
.pa35 {
padding: 35px !important;
}
.mx-sp-35 {
margin-left: 35px !important;
margin-right: 35px !important;
}
.px-sp-35 {
padding-left: 35px !important;
padding-right: 35px !important;
}
.my-sp-35 {
margin-top: 35px !important;
margin-bottom: 35px !important;
}
.py-sp-35 {
padding-top: 35px !important;
padding-bottom: 35px !important;
}
.mt-sp-40 {
margin-top: 40px !important;
}
.pt-sp-40 {
padding-top: 40px !important;
}
.mr-sp-40 {
margin-right: 40px !important;
}
.pr-sp-40 {
padding-right: 40px !important;
}
.mb-sp-40 {
margin-bottom: 40px !important;
}
.pb-sp-40 {
padding-bottom: 40px !important;
}
.ml-sp-40 {
margin-left: 40px !important;
}
.pl-sp-40 {
padding-left: 40px !important;
}
.ma-sp-40 {
margin: 40px !important;
}
.pa40 {
padding: 40px !important;
}
.mx-sp-40 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.px-sp-40 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.my-sp-40 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.py-sp-40 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.mt-sp-45 {
margin-top: 45px !important;
}
.pt-sp-45 {
padding-top: 45px !important;
}
.mr-sp-45 {
margin-right: 45px !important;
}
.pr-sp-45 {
padding-right: 45px !important;
}
.mb-sp-45 {
margin-bottom: 45px !important;
}
.pb-sp-45 {
padding-bottom: 45px !important;
}
.ml-sp-45 {
margin-left: 45px !important;
}
.pl-sp-45 {
padding-left: 45px !important;
}
.ma-sp-45 {
margin: 45px !important;
}
.pa45 {
padding: 45px !important;
}
.mx-sp-45 {
margin-left: 45px !important;
margin-right: 45px !important;
}
.px-sp-45 {
padding-left: 45px !important;
padding-right: 45px !important;
}
.my-sp-45 {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
.py-sp-45 {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
.mt-sp-50 {
margin-top: 50px !important;
}
.pt-sp-50 {
padding-top: 50px !important;
}
.mr-sp-50 {
margin-right: 50px !important;
}
.pr-sp-50 {
padding-right: 50px !important;
}
.mb-sp-50 {
margin-bottom: 50px !important;
}
.pb-sp-50 {
padding-bottom: 50px !important;
}
.ml-sp-50 {
margin-left: 50px !important;
}
.pl-sp-50 {
padding-left: 50px !important;
}
.ma-sp-50 {
margin: 50px !important;
}
.pa50 {
padding: 50px !important;
}
.mx-sp-50 {
margin-left: 50px !important;
margin-right: 50px !important;
}
.px-sp-50 {
padding-left: 50px !important;
padding-right: 50px !important;
}
.my-sp-50 {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.py-sp-50 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.mt-sp-55 {
margin-top: 55px !important;
}
.pt-sp-55 {
padding-top: 55px !important;
}
.mr-sp-55 {
margin-right: 55px !important;
}
.pr-sp-55 {
padding-right: 55px !important;
}
.mb-sp-55 {
margin-bottom: 55px !important;
}
.pb-sp-55 {
padding-bottom: 55px !important;
}
.ml-sp-55 {
margin-left: 55px !important;
}
.pl-sp-55 {
padding-left: 55px !important;
}
.ma-sp-55 {
margin: 55px !important;
}
.pa55 {
padding: 55px !important;
}
.mx-sp-55 {
margin-left: 55px !important;
margin-right: 55px !important;
}
.px-sp-55 {
padding-left: 55px !important;
padding-right: 55px !important;
}
.my-sp-55 {
margin-top: 55px !important;
margin-bottom: 55px !important;
}
.py-sp-55 {
padding-top: 55px !important;
padding-bottom: 55px !important;
}
.mt-sp-60 {
margin-top: 60px !important;
}
.pt-sp-60 {
padding-top: 60px !important;
}
.mr-sp-60 {
margin-right: 60px !important;
}
.pr-sp-60 {
padding-right: 60px !important;
}
.mb-sp-60 {
margin-bottom: 60px !important;
}
.pb-sp-60 {
padding-bottom: 60px !important;
}
.ml-sp-60 {
margin-left: 60px !important;
}
.pl-sp-60 {
padding-left: 60px !important;
}
.ma-sp-60 {
margin: 60px !important;
}
.pa60 {
padding: 60px !important;
}
.mx-sp-60 {
margin-left: 60px !important;
margin-right: 60px !important;
}
.px-sp-60 {
padding-left: 60px !important;
padding-right: 60px !important;
}
.my-sp-60 {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
.py-sp-60 {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
body {
font-size: 1.4rem;
}
h1 {
font-size: 2.5rem;
}
header .header {
border-bottom: 0.1rem solid #FD7C23;
}
header .header .head-sp {
font-size: 1.1rem;
}
header .header .head-sp ul li {
padding: 0;
}
header .header .head-sp i {
height: 2rem;
width: auto;
}
header .header .head-sp .hamburger span {
top: 1.3rem;
}
header .header .head-sp .hamburger-inner,
header .header .head-sp .hamburger-inner::before,
header .header .head-sp .hamburger-inner::after {
width: 2rem;
height: 0.2rem;
}
header .header .head-sp .hamburger-inner {
top: 35%;
}
.banner .container {
padding: 0;
}
.footer .row {
margin-right: -15px;
margin-left: -15px;
}
.footer .row .items a {
font-size: 1.4rem;
}
.footer .row .items a img {
margin-right: 1rem;
max-width: 3.5rem;
}
.footer .copyright {
padding: 0.5rem 1.5rem;
text-align: center;
}
.footer .copyright p {
font-size: 1.2rem;
font-weight: 400;
}
.main-breadcrumb {
display: block;
}
#top-slider-box {
padding: 1rem 0;
}
.plan-box {
padding: 0 !important;
margin-bottom: 0;
background: #fff;
}
.plan-box .container {
padding-right: 10px;
padding-left: 10px;
}
.plan-box .head-box {
margin-bottom: 0;
}
.plan-box li {
border-top: 0.1rem #dcdcdc solid;
border-bottom: 0.1rem #dcdcdc solid;
padding: 0;
}
.plan-box li .card {
margin-bottom: 0;
border-radius: 0;
border: none;
}
.plan-box li .card img {
margin: 0;
}
.plan-box li .card a {
color: #413233;
}
.plan-box li .card .row div:nth-child(2) {
padding-top: 0;
}
.plan-box li .card .card-title {
font-size: 1.8rem;
color: #FD7C23;
margin-bottom: 0;
line-height: 1.3;
text-align: left;
}
.plan-box li .card .popup {
display: none;
}
.plan-box li .card dl dt {
text-align: left;
margin-bottom: 0.5rem;
}
.plan-box li .card dl dt span {
font-size: 1.3rem;
}
.plan-box li .card dl dd {
line-height: 1;
}
#about-plan .head-box {
margin-bottom: 0;
}
#about-plan .row {
margin-right: -15px;
margin-left: -15px;
}
.sub-menu .container {
padding: 0;
}
.sub-menu ul li a {
line-height: 1.5rem;
font-size: 1.4rem;
}
body .container .more,
body .container .more:visited {
display: block;
font-size: 1.4rem;
}
body .container .more + .more,
body .container .more:visited + .more {
margin: 1rem 0 0 0;
}
.contents,
.archive-contents,
.page-template-page-one .contents,
.page-template-page-est .contents,
.page-template-page-orderguide .contents,
.post-type-archive-design .contents,
.single-design .contents .single-product .contents,
.single-product-standard .contents,
.single-product-hakuoshi .contents,
.single-product-naire .contents,
.single-product-ofj .contents {
padding: 1rem 0;
}
.contents h3,
.archive-contents h3,
.page-template-page-one .contents h3,
.page-template-page-est .contents h3,
.page-template-page-orderguide .contents h3,
.post-type-archive-design .contents h3,
.single-design .contents .single-product .contents h3,
.single-product-standard .contents h3,
.single-product-hakuoshi .contents h3,
.single-product-naire .contents h3,
.single-product-ofj .contents h3 {
font-size: 1.8rem;
line-height: 2.5rem;
}
.contents .more-box .more,
.archive-contents .more-box .more,
.page-template-page-one .contents .more-box .more,
.page-template-page-est .contents .more-box .more,
.page-template-page-orderguide .contents .more-box .more,
.post-type-archive-design .contents .more-box .more,
.single-design .contents .single-product .contents .more-box .more,
.single-product-standard .contents .more-box .more,
.single-product-hakuoshi .contents .more-box .more,
.single-product-naire .contents .more-box .more,
.single-product-ofj .contents .more-box .more {
padding: 0 2rem;
}
.read,
.page-template-page-one .read,
.page-template-page-est .read,
.page-template-page-orderguide .read,
.post-type-archive-design .read,
.single-design .read,
.single-product .read,
.single-product-standard .read,
.single-product-hakuoshi .read,
.single-product-naire .read,
.single-product-ofj .read {
margin: 3rem 0;
padding: 0;
}
.page-end-box .card p {
margin-bottom: 20px;
}
.page-end-box .card .card-header {
font-size: 2rem;
}
.pickup-box .main-box ul li {
padding-bottom: 1rem;
}
.pickup-box .main-box ul li p {
display: none;
}
.pickup-box .main-box ul li h3 {
line-height: 2rem;
font-size: 1.2rem;
}
table.table-price td {
font-size: 1.5rem;
padding: 0.75rem;
}
.strength-box .card ol li {
font-size: 1.6rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
height: 5rem;
}
.page-orderguide .contents .main-box ul li p {
margin: 0;
}
.page-orderguide .contents .main-box ul li .row p {
padding-left: 0;
}
.archive-contents .head-box h2 {
display: block;
font-size: 2rem;
line-height: 2.7rem;
padding-left: 2rem;
text-align: left;
}
.archive-contents .head-box h2::before {
height: 2.5rem;
}
.scene-rerca .card .card-body .row p {
text-align: center;
}
.scene-specification h1, .scene-specification h2 {
font-size: 1.8rem;
}
.scene-specification h1 img, .scene-specification h2 img {
width: 2rem;
}
.scene-specification dl {
font-size: 1.5rem;
}
input.more {
margin: 1rem auto;
}
.page-draft ul.draft-btn li {
margin: 1.5rem 0;
}
.page-draft ul.draft-btn li .more, .page-draft ul.draft-btn li body .container .more:visited {
line-height: inherit;
padding: 1rem 2rem !important;
border-radius: 10px;
}
.page-template-page-draft-guide .draft-guide-box .card .card-body {
padding: 1.5rem;
}
.table-responsive {
display: block;
width: 95vw;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table-bordered {
border: 0;
}
.form {
padding: 2.5rem;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
margin-left: calc((100vw - 100%) / 2 * -1);
margin-right: calc((100vw - 100%) / 2 * -1);
}
.form .form-group {
border-bottom: 1px #ccc dotted;
}
.form .form-group select.form-control.form-place {
max-width: 100%;
}
.form .form-group .form-label,
.form .form-group .form-contents {
flex: 100%;
margin-bottom: 5px;
}
.form .form-group .control-label {
padding: 1rem 0 1rem 1rem !important;
font-weight: 700;
}
.single .card .card-title h1 {
font-size: 2.5rem;
line-height: 3.5rem;
padding: 1.5rem 2.5rem;
}
.single .card h2 {
display: block;
font-size: 1.8rem;
line-height: 2.5rem;
padding: 1.5rem 2.5rem;
text-align: left;
background: #f6f6f6;
border-top: 0.5rem #dcdcdc solid;
border-bottom: 0.1rem #dcdcdc solid;
}
.single .card h2::before {
display: none;
}
.single .card .card-body {
padding: 1.5rem 2.5rem;
}
.single .card .card-body h3 {
padding: 1.7rem 0 1rem 0;
}
.single.single-column .card .the_content h2 {
background: #fff;
}
}.fa,.fas,.far,.fal,.fad,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-star-half-alt:before{content:"\f5c0"}.fa-line:before{content:"\f3c0"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-instagram:before{content:"\f16d"}.fa-youtube:before{content:"\f167"}.fa-rss:before{content:"\f09e"}.fa-line:before{content:"\f3c0"}.fa-check-circle:before{content:"\f058"}.fa-search:before{content:"\f002"}.fa-tag:before{content:"\f02b"}.fa-tint:before{content:"\f043"}.fa-home:before{content:"\f015"}.fa-get-pocket:before{content:"\f265"}.fa-caret-right:before{content:"\f0da"}.fa-bars:before{content:"\f0c9"}.fa-share-alt:before{content:"\f1e0"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-chevron-up:before{content:"\f077"}.fa-star:before{content:"\f005"}.fa-star-half-alt:before{content:"\f5c0"}.fa-code:before{content:"\f121"}.fa-list-ul:before{content:"\f0ca"}.fa-arrow-up:before{content:"\f062"}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-chevron-circle-right:before{content:"\f138"}.fa-pencil-alt:before{content:"\f303"}.fa-hourglass-half:before{content:"\f252"}.fa-star-half:before{content:"f089"}.fa-repeat:before{content:"\f363"}.fa-calculator:before{content:"\f1ec"}.fa-sitemap:before{content:"\f0e8"}.fa-question-circle:before{content:"\f059"}.fa-envelope:before{content:"\f0e0"}.fa-info-circle:before{content:"\f05a"}.fa-shopping-bag:before{content:"\f290"}.fa-chevron-right:before{content:"\f290"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-down:before{content:"\f139"}.fa-chevron-circle-down:after{content:"\f13a"}.fa-chevron-circle-down:after{content:"\f139"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;src:url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-brands-400.eot);src:url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-brands-400.woff2) format("woff2"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-brands-400.woff) format("woff"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-brands-400.ttf) format("truetype"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-brands-400.svg#fontawesome) format("svg");font-display:swap}.fab{font-family:'Font Awesome 5 Brands'}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;src:url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-light-300.eot);src:url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-light-300.woff2) format("woff2"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-light-300.woff) format("woff"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-light-300.ttf) format("truetype"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-light-300.svg#fontawesome) format("svg");font-display:swap}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;src:url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-regular-400.eot);src:url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-regular-400.woff2) format("woff2"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-regular-400.woff) format("woff"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-regular-400.ttf) format("truetype"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-regular-400.svg#fontawesome) format("svg");font-display:swap}.far{font-family:'Font Awesome 5 Pro';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;src:url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-solid-900.eot);src:url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-solid-900.woff2) format("woff2"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-solid-900.woff) format("woff"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-solid-900.ttf) format("truetype"),url(//original-pb.net/wp-content/themes/original_pb2023/webfonts/fa-solid-900.svg#fontawesome) format("svg");font-display:swap}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900}