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, font, ins, kbd,
q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
position: relative;
}
article,
aside,
details,i
figcaption,
figure,hea
footer,
header,
hgroup,
nav,
section {
display: block;
}
a { outline:none !important; color:#333333; text-decoration:none; }
a:focus { outline:none !important; color:#333333; text-decoration:none; }
a:active { outline:none !important; color:#333333; text-decoration:none; }
a:hover { color:#004E1F; text-decoration:none; }
a:visit { color:#333333; text-decoration:none;}
a {
-webkit-transition:0.20s;
transition:0.20s;
}
a:hover {
opacity:0.75;
}
address {
margin-top:0;
}
b,strong {
font-weight: 700;
}
em,i,b {
font-weight:700;
}
p {
margin-bottom: 20px;
}
ul,ol {
list-style: none;
}
img {
-ms-interpolation-mode: bicubic;
image-rendering: -webkit-optimize-contrast;
border: 0;
vertical-align: middle;
}
table {
border-collapse: separate;
border-spacing: 4px;
border-width: 0;
width: 100%;
}
.sp {
display: none;
}
br.blk {
display:none;
}
.fade {
opacity:0;
-webkit-transform:translate(0, 20px);
transform:translate(0, 20px);
-webkit-transition:all 0.8s;
transition:all 0.8s;
}
.fade.show {
opacity:1;
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
} .more {
position: relative;
width:40% !important;
min-width:400px;
margin:50px 0;
z-index:1;
}
.more a {
position:relative;
display: block;
line-height:70px;
border-radius:5px;
color:#fff;
font-weight:700;
text-align: center !important;
background:#117CB4;
-webkit-box-shadow:5px 5px 0 rgba(0,0,0,0.10);
box-shadow:5px 5px 0 rgba(0,0,0,0.10);
-webkit-transition:0.2s;
transition:0.2s;
}
.more a:before {
position: absolute;
content:'';
top:50%;
right:30px;
margin-top:-7px;
width:39px;
height:14px;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/arrow-more.svg) 0 0 no-repeat;
-webkit-transition:0.2s;
transition:0.2s;
}
.more a:hover {}
.more a:hover:before {
right:20px;
} #fBtn {
display: none;
} body {
font-family:'Lucida Grande',
'メイリオ',
Meiryo,
'Hiragino Kaku Gothic ProN',
'ヒラギノ角ゴ ProN W3',
sans-serif;
font-size:16px;
line-height:180%;
background:#F8F6F1;
color:#333;
letter-spacing: 1px;
}
html, body {
height: 100%;
width:100%;
margin: 0;
padding: 0;
}
main {
position: relative;
min-width:1200px;
}
.hidden {
overflow: hidden;
} header {
position: fixed;
top:0;
left:0;
width:100%;
min-width:1200px;
border-top:5px solid #00b27f;
background:#fff;
padding:0 0 0 15px;
height:80px;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.05);
box-shadow:0 0 20px rgba(0,0,0,0.05);
z-index:10;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
header #logo {
position: relative;
width:240px;
}
header #logo img {
width:100%;
height:auto;
} @keyframes UpAnime{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 0;
transform: translateY(-100px);
}
}
@keyframes DownAnime{
from {
opacity: 0;
transform: translateY(-100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}  nav#gnav {
margin:0 370px 0 0;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
nav#gnav ul {
display: -webkit-flex;
display: flex;
}
nav#gnav ul li {
position:relative;
font-size: 16px;
line-height:100%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
nav#gnav ul li a {
position: relative;
display: block;
color:#111;
font-weight:700;
line-height:90px;
padding:0 20px;
text-align: center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
nav#gnav ul li:before {
position: absolute;
content: '';
bottom: 25%;
left: 10%;
background:#555;
width: 80%;
height: 2px;
transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: left top;
}
nav#gnav ul li:hover:before{
transform-origin:left top;
transform:scale(1, 1);
color:#fff;
}
.bx-contact {
position: absolute;
top:0;
right:-10px;
width:370px;
}
.bx-contact img {
width:100%;
height:auto;
}
@media only screen and (max-width:1460px) {
header #logo {
width:180px;
}
.bx-contact {
width:250px;
}
nav#gnav {
margin:0 250px 0 0;
}
nav#gnav ul li {
font-size: 14px;
}
nav#gnav ul li a {
padding:0 15px;
}
} .icon_cart {
position:relative;
height:93%;
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/cart_bk.svg) 50% 50% no-repeat;
background-size:70% auto;
}
.quantity_badge {
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif" !important;
position: absolute;
top:25px;
right:3px;
display: inline-block;
font-size: 0.7em;
font-weight:700;
width:1.7em;
height:1.7em;
background-color: #ff5b5b;
border-radius:50%;
text-align: center;
line-height: 1.8em;
color: #ffffff;
}
.icon_cart:hover .quantity_badge {
opacity: 1 !important;
}
.icon_account {
position:relative;
height:93%;
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/mypage.svg) 50% 50% no-repeat;
background-size:70% auto;
}
.icon_cart a,
.icon_account a {
padding:0 20px !important;
}
.icon_cart:before,
.icon_account:before {
display: none !important;
}
.i_pc {
display: block;
}
.i_sp {
display: none;
}
.sp_cart {
display: none;
}
.sp_account {
display: none;
} footer {
position: relative;
background:#0f9142;
color:#fff;
width:100%;
padding:30px 20px 0 20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#footer {
margin:0 auto 30px auto;
width:80%;
min-width:1100px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.information {
border-right:1px solid rgba(255,255,255,0.10);
width:27%;
margin-right:3%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.information p.logo-f {
font-family: 'Shippori Mincho', serif;
margin-bottom:20px;
font-size:24px;
font-weight:700;
letter-spacing:3px;
}
.information p {
font-size:12px;
line-height:160%;
}
.information p strong {
display: block;
font-weight:700;
margin-bottom:5px;
}
small {
border-top:1px solid rgba(255,255,255,0.10);
display: block;
text-align: center;
line-height:50px;
margin:0 0 0 10%;
width:90%;
color:#fff;
} #fnav {
width:38%;
}
#fnav ul {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#fnav ul li {
position: relative;
margin:0 0 1% 0;
font-size:12px;
width:48%;
padding-left:25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#fnav ul li:before {
position: absolute;
content: '';
top:0;
right:0;
bottom:0;
left:0;
margin:auto 0 auto 0;
width:5px;
height:5px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#fnav ul li a {
color:#fff;
} #recommend {
position: relative;
border-radius:5px;
width:32%;
}
#recommend a {
display: block;
width:100%;
height:100%;
}
#recommend a img {
display: block;
width:100%;
height:auto;
border-radius:5px;
} #pageUp {
position:fixed;
bottom:20px;
right:20px;
width:60px;
height:60px;
border-radius:50%;
background:#00b27f;
border:3px solid #fff;
z-index:1;
}
#pageUp:after {
position: absolute;
content:'';
top:25px;
left:22px;
width:15px;
height:15px;
border-top:2px solid #fff;
border-right:2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#pageUp:hover {
cursor: pointer;
}  #slider {
position: relative;
margin-top:80px;
}
#slider img {
width:100%;
height:auto;
} #news {
position: relative;
overflow: hidden;
background:#f9f9f9;
padding:60px 0 120px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#news:before {
position: absolute;
content:'';
top:0;
right:0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 900px 900px 0;
border-color: transparent rgba(0,0,0,0.04) transparent transparent;
}
#news h1 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 30px;
letter-spacing: 3px;
text-align:left;
width:1100px;
margin:0 auto 40px auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#news h1 span {
display: inline-block;
font-size: 20px;
margin-left:15px;
color:#777;
}
.bx-news {
position: relative;
padding:40px 60px;
width:1100px;
min-height:270px;
margin: 0 auto;
background:#fff;
text-align: left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.bx-news dl div {
border-bottom:1px solid #eee;
padding:15px 5px;
font-size:14px;
display: -webkit-flex;
display: flex;
-webkit-align-items:flex-start;
align-items:flex-start;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.bx-news dl div dt {
position: relative;
width:200px;
margin-right: 30px;
}
.bx-news dl div dt span.ct {
position: absolute;
top:-2px;
right: 0;
width:100px;
line-height:30px;
font-size:12px;
background: #333;
text-align: center;
color: #fff;
display: block;
}
.bx-news dl div dd a:hover {
text-decoration: underline;
} .more-news {
position: absolute;
left:205px;
bottom:50px;
margin:0;
}
.more-news a {
position: relative;
display: block;
background:rgba(0,0,0,0.20);
border-radius: 5px;
font-size:12px;
font-weight: 700;
line-height: 100%;
padding:15px 50px 15px 15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.more-news a:after {
position: absolute;
content:'';
top:50%;
right:20px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
width:10px;
height:10px;
margin-top:-5px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.more-news a:hover {
background:rgba(255,255,255,0.20);
color:#fff;
} #pickup {
border:10px solid #fff;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#pickup section {
position: relative;
height: 550px;
padding:100px 0;
margin:0;
text-align: center;
-webkit-transition:0.3s;
transition:0.3s;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#pickup section:hover {
-webkit-transition:0.3s;
transition:0.3s;
}
#pickup section:after {
position: absolute;
content:'';
top:0;
left:0;
opacity:0;
background:rgba(0,0,0,0.60);
width:100%;
height:100%;
z-index:0;
-webkit-transition:0.3s;
transition:0.3s;
}
#pickup section:hover:after {
opacity: 1;
}
#pickup section h2 {
position: relative;
color:#fff;
font-size:30px;
font-weight:700;
letter-spacing:1px;
margin-bottom:70px;
z-index:1;
}
#pickup section h2 span {
color:rgba(255,255,255,0.80);
font-size:16px;
display: block;
margin-bottom:15px;
}
#pickup section h2:after {
position: absolute;
content:'';
left:50%;
bottom:-40px;
width:100px;
margin-left:-50px;
border-bottom:2px solid #fff;
}
#pickup section p {
position: relative;
color:#fff;
width:75%;
font-size:17px;
line-height:200%;
margin:0 auto;
text-align:center;
min-height:150px;
z-index:1 !important;
} #service-tp {
width:50%;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/contents/top/bg-service-top.jpg) 20% 0 no-repeat;
border-right:5px solid #fff;
} #faq-tp {
width:50%;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/contents/top/bg-faq-top.jpg) 20% 0 no-repeat;
border-left:5px solid #fff;
} #online-tp {
width:100%;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/ttl-products.jpg) 50% 50% no-repeat;
background-size:cover;
border-top:10px solid #ffff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
} .more-pickup {
position: relative;
width:40% !important;
min-width:400px;
margin:0 auto;
text-align: center !important;
z-index:1;
}
.more-pickup a {
position:relative;
display: block;
line-height:70px;
border-radius:5px;
color:#fff;
background:#117CB4;
-webkit-transition:0.2s;
transition:0.2s;
}
.more-pickup a:before {
position: absolute;
content:'';
top:50%;
right:30px;
margin-top:-7px;
width:39px;
height:14px;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/arrow-more.svg) 0 0 no-repeat;
-webkit-transition:0.2s;
transition:0.2s;
}
.more-pickup a:hover { }
.more-pickup a:hover:before {
right:20px;
} .link {
width:960px;
margin:50px auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}
.link li {
width:300px;
margin:0 10px 20px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.link li img {
width:100%;
height:auto;
}  #pan {
position:relative;
padding:30px 0;
width:100%;
background:rgba(15,145,66,0.95);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#pan ol {
display: -webkit-flex;
display: flex;
margin:0 auto;
width:80%;
min-width:1100px;
padding:0 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#pan ol li {
position:relative;
line-height:100%;
font-size:12px;
color:#fff;
}
#pan ol li a {
color:#fff;
}
#pan ol li:after {
position:relative;
content:'>';
margin:0 8px;
font-size:12px;
}
#pan ol li:last-child:after {
content:'';
} article {
position: relative;
}
#ttl {
margin-top:80px;
position: relative;
padding:200px 0;
background-size:cover;
line-height:180%;
color:#fff;
-webkit-text-shadow: 0 0 10px rgba(0,0,0,0.50);
text-shadow: 0 0 10px rgba(0,0,0,0.50);
}
.service {
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/ttl-service.jpg) 50% 50% no-repeat;
}
.faq {
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/ttl-faq.jpg) 50% 50% no-repeat;
}
.company {
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/ttl-company.jpg) 50% 50% no-repeat;
}
.products {
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/ttl-products.jpg) 50% 50% no-repeat;
}
.inquiry,
.privacy-policy {
background: #00b27f;
background: -moz-linear-gradient(-45deg,  #00b27f 0%, #008e5c 50%);
background: -webkit-linear-gradient(-45deg,  #00b27f 0%,#008e5c 50%);
background: linear-gradient(135deg,  #00b27f 0%,#008e5c 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b27f', endColorstr='#008e5c',GradientType=1 );
}
#ttl h1 {
width:90%;
padding:0 20px;
margin:0 0 50px 10%;
letter-spacing:8px;
font-size:50px;
font-weight:700;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#ttl p {
padding:0 20px;
font-size:20px;
font-weight:700;
width:90%;
margin:0 0 0 10%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#contentWrap {
position: relative;
clear:both;
margin:-110px 0 50px 10%;
width:90%;
padding:50px 40px;
background:#fff;
border-radius:5px 0 0 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
} #contentWrap p {
line-height:250%;
}
.flx {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.rev {
flex-direction: row-reverse;
} #sidebar {
position: relative;
width:23%;
padding:0 2% 0 0;
box-sizing:border-box;
border-right:1px solid #eee;
}
#sidebar .side_in {
position: sticky;
top: 130px;
width: 100%;
}
#sidebar ul li h3 {
position: relative;
font-weight:700;
font-size:18px;
padding:25px 0 15px 15px;
margin-bottom:15px;
color:#fff;
background:#117CB4;
border-radius:5px 5px 0 0;
border-bottom:5px solid rgba(0,0,0,0.20);
line-height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
} #sidebar ul li ul li a {
display: block;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/arrow.svg) 12px 47% no-repeat;
padding:22px 0 22px 35px;
border-bottom:1px dotted #ccc;
font-size:14px;
}
#sidebar ul li ul li a:hover {
background-color:#f9f9f9;
color:#000;
}
#sidebar ul li ul li a span {
display: block;
color:#999;
font-size:12px;
} #content {
position: relative;
width:72%;
margin:0 3% 0 0;
} .bx-inner {
position: relative;
text-align:center;
padding:100px 0 0 0;
}
.bx-inner h2 {
font-size:36px;
font-weight:700;
margin-bottom:40px;
color:#00b27f;
}
.bx-inner p {
font-size:26px;
margin:0;
line-height:180%;
} #faq section {
margin:-130px 0 100px 0;
padding-top:130px;
}
#faq section h3 {
position: relative;
border-left:10px solid #117CB4;
background: #ffffff;
background: -moz-linear-gradient(-45deg,  #ffffff 25%, #efefef 100%);
background: -webkit-linear-gradient(-45deg,  #ffffff 25%,#efefef 100%);
background: linear-gradient(135deg,  #ffffff 25%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=1 );
padding:0 0 0 30px;
line-height:65px;
font-size:26px;
font-weight:700;
letter-spacing:3px;
margin-bottom:30px;
}
#faq section h3:after {
position: absolute;
content:'';
top:0;
left:-10px;
width:10px;
height:50%;
border-left:10px solid rgba(255,255,255,0.50);
}
.list-faq {
margin-bottom:120px;
}
.list-faq div {
position: relative;
margin-bottom:25px;
border-radius:10px;
border:5px solid #efefef;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.list-faq div dt {
position: relative;
font-weight: 700;
line-height: 150%;
padding: 25px 100px 20px 90px;
font-size:16px;
color:#777;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/q.svg) 20px 50% no-repeat;
background-size:40px auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.list-faq div dt:after {
position: absolute;
content:'';
top:0;
right:0;
bottom:0;
left:0;
margin:auto 20px auto auto;
width:30px;
height:30px;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/open.svg) 0 50% no-repeat;
}
.list-faq div dd {
display: none;
position: relative;
line-height: 180%;
margin: 40px;
padding: 40px;
font-size:16px;
background: #fff;
color:#777;
border-radius:10px;
box-shadow: 5px 5px 5px rgba(0,0,0,0.05);
-webkit-box-sizing:border-box;
box-sizing:border-box;
} .list-faq div.sel dt:after {
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/close.svg) 0 0 no-repeat !important;
}
.sel,
.list-faq div:hover {
border:5px solid #54afdf !important;
background: #54afdf !important;
box-shadow: 5px 5px 5px rgba(0,0,0,0.05);
cursor: pointer;
}
.list-faq div:hover dt {
color:#fff;
}
.sel dt {
background-color:#54afdf !important;
color:#fff !important;
}
.sel dt:hover {
opacity: 1 !important;
} #company section {
margin:-130px 0 50px 0;
padding-top:130px;
}
#company h2 {
position: relative;
border-left:10px solid #117CB4;
background: #ffffff;
background: -moz-linear-gradient(-45deg,  #ffffff 25%, #efefef 100%);
background: -webkit-linear-gradient(-45deg,  #ffffff 25%,#efefef 100%);
background: linear-gradient(135deg,  #ffffff 25%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=1 );
padding:0 0 0 30px;
line-height:65px;
font-size:26px;
font-weight:700;
letter-spacing:3px;
margin:0 0 30px 0;
}
#company h2::after {
position: absolute;
content:'';
top:0;
left:-10px;
width:10px;
height:50%;
border-left:10px solid rgba(255,255,255,0.50);
}
.bx-greeting {
padding:4% 1%;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.bx-greeting img {
display: block;
max-width:40%;
height:auto;
border-radius:5px;
box-shadow:5px 5px 0 rgba(0,0,0,0.15);
}
.bx-greeting div {
width:55%;
}
.bx-greeting strong {
position: relative;
font-size:36px;
letter-spacing:6px;
line-height:180%;
display: block;
}
.bx-greeting strong span {
display: inline-block;
padding:0 10px;
background: linear-gradient(#fff 60%, #FFE72C 0%);
text-shadow: 1px 1px 0 #fff, 0 1px 0 #fff;
}
@media only screen and (max-width:1500px) {
.bx-greeting {
padding:4% 1%;
display:block;
}
.bx-greeting img {
max-width:700px;
width:100%;
margin:0 auto 50px auto;
}
.bx-greeting div {
width:100%;
}
.bx-greeting p {
margin:0 auto;
line-height:200% !important;
width:90%;
}
.bx-greeting strong {
font-size:34px !important;
margin-bottom:50px;
letter-spacing:1px;
text-align: center;
}
.bx-greeting strong br {
display: none;
}
}
#company dl {
margin-bottom:50px;
}
#company dl div {
display: flex;
padding:15px 10px;
border-bottom:1px solid #efefef;
box-sizing:border-box;
}
#company dl div:last-child {
border-bottom:0;
}
#company dl div dt {
width:20%;
max-width:170px;
font-weight:700;
border-right:5px solid #efefef;
}
#company dl div dd {
margin-left:5%;
}
#company dl div dd ul li {
list-style: disc;
margin-left:20px;
}
#company iframe {
width:100%;
height:600px;
}
#philosophy img {
display: block;
margin:80px auto;
}
#philosophy p {
text-align: center;
font-size:26px;
line-height:200%;
}  #inquiry h2 {
position: relative;
border-left:10px solid #117CB4;
background: #ffffff;
background: -moz-linear-gradient(-45deg,  #ffffff 25%, #efefef 100%);
background: -webkit-linear-gradient(-45deg,  #ffffff 25%,#efefef 100%);
background: linear-gradient(135deg,  #ffffff 25%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=1 );
padding:0 0 0 30px;
line-height:65px;
font-size:26px;
font-weight:700;
letter-spacing:3px;
margin:0 0 30px 0;
}
#inquiry h2::after {
position: absolute;
content:'';
top:0;
left:-10px;
width:10px;
height:50%;
border-left:10px solid rgba(255,255,255,0.50);
}
.bx-inquiry {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.bx-ex {
width:32%;
font-size:14px;
}
.bx-ex .bx-tel {
border:5px solid rgba(17,124,180,0.10);
border-radius:10px;
padding:10% 12%;
margin-bottom:30px;
}
.bx-ex .bx-tel span {
display: block;
font-size:14px;
color:#777;
letter-spacing:1 !important;
}
.bx-ex .bx-tel img {
width:100%;
height:auto;
}
.bx-ex p {
line-height:180% !important;
}
.bx-ex p a {
color:#0054dd;
text-decoration: underline;
} .bx-form {
width:63%;
padding:2%;
border-radius:10px;
background:#f9f9f9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.attention {
position: relative;
display:block;
color:#e50012;
padding-left:20px;
font-size: 12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.attention:before {
position: absolute;
content:'※';
top:1px;
left:0;
} .entryForm {
position: relative;
}
.entryForm div {
border-bottom:1px solid #efefef;
padding:20px 10px;
display: -webkit-flex;
display: flex;
-webkit-align-items:center;
align-items:center;	
}
.entryForm div dt {
position: relative;
padding:0 0 0 70px;
width:250px;
font-weight:700;
}
.entryForm div dd {
width:70%;
}
.entryForm div dt,
.entryForm div dd {
font-size:16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.entryForm div dd input[type="text"],
.entryForm div dd input[type="email"],
.entryForm div dd input[type="tel"] {
width:100%;
height: 50px;
line-height: 50px;
padding:0 10px;
display: inline-block;
background:#fff;
border:2px solid #fff;
border-radius:3px;
font-size: 16px;
-webkit-box-shadow:3px 3px 0 rgba(0,0,0,0.10);
box-shadow:3px 3px 0 rgba(0,0,0,0.10);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.entryForm div dd.zip input[type="text"],
.entryForm div dd.telephone input[type="text"] {
width:40%;
padding:0 10px;
display: inline-block;
}
.entryForm div dd select {
width:40%;
height: 50px;
line-height: 50px;
padding:0 10px;
display: inline-block;
background:#fff;
font-size: 16px;
border:1px solid #ccc;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.entryForm div dd label {
line-height:35px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
.entryForm div dd label:hover {
cursor: pointer;
}
.entryForm div dd input[type="radio"],
.entryForm div dd input[type="checkbox"] {
position: relative;
right: 0;
bottom: 0;
left: 0;
height: 20px;
width: 20px;
vertical-align: -100%;
transition:all .15s ease-out 0s;
cursor: pointer;
display: inline-block;
margin: 0 10px 0 0;
outline: none;
border-radius: 10%;
opacity:1 !important;
-webkit-appearance: none;
appearance: none;
}
.entryForm div dd input[type="radio"] {
border-radius: 50%;
}
.entryForm div dd input[type="radio"]:checked:before,
.entryForm div dd input[type="checkbox"]:checked:before {
transform: scale(0.5);
}
.entryForm div dd input[type="radio"]:before {
content: '';
margin:-2px 0 0 -2px;
width: 20px;
height: 20px;
display: block;
border-radius: 50%;
transform: scale(0);
-webkit-transition: 0.2s;
transition: 0.2s;
}
.entryForm div dd input[type="checkbox"]:before {
content: '';
margin:-2px 0 0 -2px;
width: 20px;
height: 20px;
display: block;
transform: scale(0);
-webkit-transition: 0.2s;
transition: 0.2s;
}
.entryForm div dd input[type="radio"],
.entryForm div dd input[type="checkbox"] {
border: 2px solid #ccc;
background:#fff;
}
.entryForm div dd input[type="radio"]:checked:before,
.entryForm div dd input[type="checkbox"]:checked:before {
background: #333;
}
.entryForm div dd textarea {
display: block;
width:100%;
min-height: 200px;
padding:10px;
background:#fff;
border:1px solid #fff;
border-radius:3px;
font-size: 16px;
-webkit-box-shadow:3px 3px 0 rgba(0,0,0,0.10);
box-shadow:3px 3px 0 rgba(0,0,0,0.10);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.entryForm div dd img {
margin:15px 0;
}
.wpcf7-captchar {
width:40% !important;
}
.h:before {
position: absolute;
content:'必 須';
top:0;
left:0;
margin:0;
color:#fff;
width:55px;
font-size:12px;
background:#117CB4;
border-radius:3px;
text-align: center;
}
.n:before {
position: absolute;
content:'任 意';
top:0;
left:0;
margin:0;
color:#fff;
width:55px;
font-size:12px;
background:#ccc;
border-radius:3px;
text-align: center;
}
.error {
display: block;
margin:10px 0 0 0;
color:#ff0000;
}
.send-box {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content:space-between;
justify-content:space-between;
margin:40px 0 0 0;
width:100%;
padding:20px 0;
text-align:center;
}
.send-box input[type="submit"] {
border:none;
background:#117CB4;
color:#fff;
width:280px;
height:70px;
line-height:70px;
font-size:16px;
margin:0 0 0 30%;
-webkit-transition:0.3s;
transition:0.3s;
}
.send-box input[type="submit"]:hover {
background:rgba(0,99,98,0.80);
cursor: pointer;
}
.send-box p {
margin:0;
}
.error-entry {
border:1px solid #c1272d;
padding:4%;
text-align: center;
color:#c1272d;
margin-bottom: 50px;
background:rgba(255,77,1,0.10);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.wpcf7-list-item {
display: block;
} .bx-privacy {
max-width:1100px;
padding:50px 0;
margin: 0 auto;
}
.bx-privacy h2 {
font-size:24px;
font-weight: 700;
margin-bottom:80px;
text-align: center;
}
.bx-privacy h3 {
font-weight: 700;
padding: 20px 4px 15px 20px;
margin:50px 0 20px 0;
line-height: 150%;
background:#f9f9f9;
border-left:3px solid #117CB4;
}
.bx-privacy h3::after {
position: absolute;
content:'';
top:0;
left:-3px;
width:3px;
height:50%;
border-left:3px solid rgba(255,255,255,0.50);
}
.bx-privacy ul {
position: relative;
clear:both;
overflow: hidden;
margin:0 0 20px 10px;
}
.bx-privacy ul li {
list-style:disc;
margin-left:20px;
margin-bottom:6px;
}
.bx-privacy ul li,
.bx-privacy p {} #productWrap {
background: #fff;
}
ul.list-products {
margin:50px auto;
max-width:1200px;
display:-webkit-flex;
display:flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
ul.list-products li {
position: relative;
overflow: hidden;
width:31%;
margin:0 3.33333333% 4% 0;
border-radius:10px;
background:#fff;
min-height:400px;
box-shadow:5px 5px 10px rgba(0,0,0,0.05);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
ul.list-products li:nth-child(3n),
ul.list-products li:last-child {
margin-right:0;
}
ul.list-products li .img-prod {
position: relative;
clear:both;
overflow: hidden;
padding-top:100%;
}
ul.list-products li .img-prod img {
position: absolute;
top:0;
left:0;
width:100%;
height:auto;
-webkit-transition:0.50s;
transition:0.50s;
}
ul.list-products li:hover > .img-prod img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
-webkit-transition:0.50s;
transition:0.50s;
}
ul.list-products li p.ttl-prod {
position:relative;
font-size:16px;
font-weight:700;
line-height:150%;
padding-bottom:10px;
margin:0;
}
ul.list-products li .txt-prod {
margin:40px 40px;
}
ul.list-products li .txt-prod strong {
font-size:30px;
display: block;
margin-top:15px;
}
ul.list-products li .notice {
font-size:13px;
color:#999;
line-height:150%;
font-weight:700;
}
ul.list-products li .txt-prod ol {}
ul.list-products li .txt-prod ol li {
display:inline-block !important;
margin:0 3% 8% 0;
width:auto !important;
box-shadow:none;
min-height:auto;
line-height:35px;
font-size:14px;
text-align:center;
white-space: nowrap;
padding:0 15px;
font-weight:700;
border-radius:3px;
color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
ul.list-products li a {
display: block ;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-indent:-999px;
background : #fff\9;
filter:alpha(opacity=0);
}
.ic-brand-new {background:#0075C2 !important;}
.ic-used {background:#328854 !important;}
.ic-free-shipping {background:#123198 !important;}
.ic-free-delivery {background:#09ABB7 !important;}  #item-img {
overflow: hidden; background:rgba(145,151,173,0.05);
padding:200px 30px 30px 10%;
}
#item-img .swiper {
overflow: visible;
}
#item-img .swiper-controller {
display: -webkit-flex;
display: flex;
gap: 1.0rem;
-webkit-align-items: center;
align-items: center;
}
#item-img .swiper-pagination {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem 0.5rem;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin: 30px auto 0 0;
text-align: center;
}
#item-img .swiper-pagination-bullet {
width: 1.3rem;
height: 7px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
vertical-align: top;
background-color: #ccc;
}
#item-img .swiper-pagination-bullet-active {
width: 4rem;
background-color: #328854;
}
#item-img .swiper-button-prev,
#item-img .swiper-button-next {
position: relative;
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin:35px 0 0 0;
height:30px;
width:30px;
border-radius:50%;
background:#328854;
}
#item-img .swiper-button-prev:hover,
#item-img .swiper-button-next:hover {
cursor: pointer;
}
#item-img .swiper-button-prev:after {
position: absolute;
content:'';
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
border-top:2px solid #fff;
border-left:2px solid #fff;
height:5px;
width:5px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#item-img .swiper-button-next:after {
position: absolute;
content:'';
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
border-top:2px solid #fff;
border-right:2px solid #fff;
height:5px;
width:5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#item-img .swiper-button-disabled {
pointer-events: none;
opacity: 0.5;
}
#item-img .swiper-button-disabled::before {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.10);
box-shadow: 0 0 5px rgba(0,0,0,0.10);
}
#item-img .swiper-slide {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
#item-img .slide {
overflow: hidden;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.10);
box-shadow: 0 0 5px rgba(0,0,0,0.10);
}
#item-img .slide img {
width:auto;
height:400px;
} #itemsWrap {
position: relative;
width:100%;
background:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.bx-items {
display: -webkit-flex;
display: flex;
width:90%;
margin:0 0 0 10%;
padding:80px 10px;
background:#fff;
border-radius:5px 0 0 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
} .bx-items h1 {
font-weight:700;
font-size:30px;
margin-bottom:15px;
}
.bx-items h2 {
font-size:25px;
font-weight:700;
margin:0 0 30px 0;
position: relative;
border-left:10px solid #117CB4;
background: #efefef;
background: -moz-linear-gradient(-45deg,  #ffffff 15%, #efefef 100%);
background: -webkit-linear-gradient(-45deg,  #ffffff 15%,#efefef 100%);
background: linear-gradient(170deg,  #ffffff 15%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=1 );
padding:0 0 0 30px;
line-height:65px;
letter-spacing:3px;
}
.bx-items h2::after {
position: absolute;
content:'';
top:0;
left:-10px;
width:10px;
height:50%;
border-left:10px solid rgba(255,255,255,0.50);
} .bx-items table {
border:1px solid #efefef;
}
.bx-items table th,
.bx-items table td {
padding:20px 10px 15px 10px;
text-align: left;
line-height:150%;
border-bottom:1px dotted #efefef;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.bx-items table th {
background:#f5f5f5;
vertical-align: middle;
}
.bx-items table td {
background:#fff;
} .item-meta {
border-top:2px solid #efefef;
padding-top:25px;
width:40%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.item-meta .ic {
display: -webkit-flex;
display: flex;
margin-bottom:20px;
}
.item-meta .ic li {
margin:0 2% 2% 0;
line-height:35px;
border-radius:6px;
color:#fff;
padding:0 15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.item-meta .code {
font-size:12px;
color:#999;
}
.item-meta .price {
font-weight:700;
margin-bottom:50px;
}
.item-meta .price strong {
display: inline-block;
font-size:36px;
color:#DC0003;
margin-left:15px;
}
.item-detail {
width:50%;
margin-left:4%;
} .bx-cart {
display:inline-block;
text-align: center;
border-radius:10px;
padding:8% 10%;
width:100%;
background:rgba(0,0,0,0.05);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.single_add_to_cart_button,
#bt-cart-lnk {
border:0;
color:#fff;
line-height:45px !important;
height:45px !important;
width:300px;
font-size:20px;
font-weight:700;
padding:0 0 0 20px;
border-radius:5px;
box-shadow:3px 3px 0 rgba(0,0,0,0.10);
}
.single_add_to_cart_button:hover,
#bt-cart-lnk:hover {
cursor: pointer;
}
.single_add_to_cart_button {
margin:0 0 8% 0;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/cart.svg) 15px 50% no-repeat #CF0003 !important;
background-size:28px 29px !important;
}
#bt-cart-lnk {
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/mail.svg) 15px 50% no-repeat #113CB4 !important;
background-size:28px 29px !important;
}
.woocommerce-variation {
color:#F50004 !important;
font-weight:700;
font-size:14px;
} .checkout label {
color:#333;
}
.checkout h3 {
color:#003545;
margin-bottom:20px;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields {
background:#f9f9f9;
padding:25px;
border-radius:10px;
margin-bottom:50px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.woocommerce-billing-fields__field-wrapper .form-row label,
.woocommerce-shipping-fields__field-wrapper .form-row label,
.woocommerce-additional-fields .form-row label {
display: block !important;
line-height:30px !important;
height:30px !important;
}
#billing_country_field,
#shipping_country_field {
display: none !important;
}
input.input-text {
height:50px;
line-height:50px;
border:2px solid #efefef;
border-radius: 5px;
background:#fff;
padding:0 2%;
font-size:16px !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
textarea.input-text {
min-height:200px !important;
line-height:180%;
border:2px solid #efefef;
border-radius: 5px;
background:#fff;
padding:2%;
font-size:16px !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#billing_postcode {
line-height:50px !important;
height:50px !important;
border:2px solid #efefef;
display: block !important;
}
.input-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 250px;
max-width:50%;
padding: 15px;
border:2px solid #efefef;
background:#fff;
color:#333 !important;
font-size:16px !important;
border-radius: 5px;
}
::-ms-expand {
display: none;
}
.input-select option {
font-size:16px !important;
}
#woocommerce-checkout-payment {
background:#fff !important;
padding:30px !important;
}
.form-row {
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-row label {
line-height:100% !important;
height:auto !important;
}
.wc-stripe-elements-field input {
line-height:50px !important;
height:50px !important;
}
.shop_table th,
.shop_table td {
vertical-align: middle;
}
.shop_table th {
background:#efefef;
}
#payment input[type="radio"],
#payment input[type="checkbox"] {
-webkit-transform:scale(1.5) !important;
transform:scale(1.5) !important;
} .woocommerce-thankyou-order-details li {
font-size:14px !important;
}
.woocommerce-thankyou-order-details li strong {
font-size:18px !important;
display: block;
margin-top:10px;
}
.bankjp_details li {
font-size:14px !important;
}
.bankjp_details li strong {
font-size:18px !important;
display: block;
margin-top:10px;
} #serviceWrap {
margin:0 0 50px 0;
width:100%;
}
.bx-service {
position: relative;
padding:100px 10px;
text-align: center; background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e8eced 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e8eced 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e8eced 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8eced',GradientType=0 );
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.bx-service h2 {
font-size:36px;
font-weight:700;
margin-bottom:30px;
line-height:130%;
color:#117CB4;
}
.bx-service p {
font-size:18px;
line-height:180%;
margin-bottom:30px;
}
.bx-service ul {
margin:0 auto;
max-width:960px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.bx-service ul li {
position: relative;
overflow: hidden;
width:30%;
margin:0 2% 2% 0;
background:#fff;
text-align: center;
border-radius:5px;
box-shadow: 5px 5px 10px rgba(0,0,0,0.10);
}
.bx-service ul li:nth-child(3n) {
margin:0 0 2% 0;
}
.bx-service ul li img {
width:100%;
height: auto;
}
.bx-service ul li span {
display: block;
margin:20px auto;
font-weight:700;
color:#328854;
font-size:18px;
}
#service section {
position: relative;
clear:both;
overflow: hidden;
margin:0;
width:100%; -webkit-box-sizing:border-box;
box-sizing:border-box;
}
#service section h1 {
margin:200px 0 100px 10%;
color:#fff;
font-weight:700;
font-size:46px;
letter-spacing:3px;
text-shadow:3px 3px 0 rgba(0,0,0,0.30);
}
#sv01 {
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/sv01.jpg) 50% 50% no-repeat fixed;
background-size:cover;
}
#sv02 {
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/sv02.jpg) 50% 50% no-repeat fixed;
background-size:cover;
}
#sv03 {
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/sv03.jpg) 0 0 no-repeat fixed;
background-size:cover;
}
#sv04 {
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/sv04.jpg) 50% 50% no-repeat fixed;
background-size:cover;
}
#sv05 {
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/sv05.jpg) 0 0 no-repeat fixed;
background-size:cover;
}
#sv06 {
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/sv06.jpg) 50% 50% no-repeat fixed;
background-size:cover;
}
.sbx {
position: relative;
overflow: hidden;
min-height:600px;
padding:50px 40px 100px 40px;
margin:0 0 0 10%;
width:90%;
background:#fff;
border-radius:10px 0 0 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.sbx:before {
position: absolute;
content:'';
top:0;
left:0;
width: 0;
height: 0;
border-style: solid;
border-width: 200px 200px 0 0;
border-color: #efefef transparent transparent transparent;
}
.sv-img {
position: relative;
width:30%;
}
.sv-img img {
width:100%;
height:auto;
display: block;
margin-bottom:8%;
}
.sv-meta {
width:65%;
}
.sv-meta h2 {
font-size:25px;
font-weight:700;
margin:0 0 30px 0;
position: relative;
border-left:10px solid #117CB4;
background: #efefef;
background: -moz-linear-gradient(-45deg,  #ffffff 15%, #efefef 100%);
background: -webkit-linear-gradient(-45deg,  #ffffff 15%,#efefef 100%);
background: linear-gradient(170deg,  #ffffff 15%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=1 );
padding:0 0 0 30px;
line-height:65px;
letter-spacing:3px;
}
.sv-meta h2::after {
position: absolute;
content:'';
top:0;
left:-10px;
width:10px;
height:50%;
border-left:10px solid rgba(255,255,255,0.50);
}
.sv-meta h3 {
font-size:18px;
font-weight:700;
margin:50px 0 20px 0;
}
.sv-meta ol {
margin-bottom:20px;
}
.sv-meta ul {
margin-bottom:20px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.sv-meta ol li {
list-style: disc;
margin-left:20px;
}
.sv-meta ul li {
width:21%;
list-style: disc;
margin:0 0 10px 20px;
}
.serviceTable {
border-top:2px solid #efefef;
border-left:2px solid #efefef;
table-layout: fixed;
border-spacing:0;
margin-bottom:20px;
}
.serviceTable.tbl {
table-layout: auto !important;
}
.serviceTable th,
.serviceTable td {
vertical-align: middle;
border-bottom:2px solid #efefef;
border-right:2px solid #efefef;
padding:15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.serviceTable th {
background:#117CB4;
text-align: center;
font-weight:700;
color:#fff;
}
.serviceTable td {
background:#fff;
text-align: center;
}
.serviceTable td.mtd {
background:#f9f9f9;
font-weight:700;
white-space: nowrap;
} .serviceTable td a {
width:100px;
line-height:50px;
border-radius:3px;
color:#fff;
font-size:14px;
display: block;
margin:0 auto;
padding:0 0 0 25px;
text-align: left;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/ic-map.svg) 85% 50% no-repeat #117CB4;
box-shadow:3px 3px 0 rgba(0,0,0,0.20);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.serviceTable td.liner {
height:10px;
padding:0;
}
.decimal {
margin-left:20px;
}
.decimal li {
list-style: disc !important;
margin-bottom:5px;
}
.sv-meta dl {
margin-bottom:20px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.sv-meta dl div {
width:48%;
border-radius:10px;
border:5px solid rgba(17,124,180,0.10);
padding:40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sv-meta dl div dt {
text-align: center;
margin-bottom: 30px;
font-size:26px;
font-weight:700;
color:#117CB4;
}
.sv-meta dl div dt span {
display: block;
font-size:15px;
color:#907500;
margin-top:10px;
}
.sv-meta dl div dd {
position: relative;
line-height:45px;
font-size:17px;
color:#555;
border-bottom:1px solid #f5f5f5;
}
.sv-meta dl div dd:before {
content: "● ";
} #news-detail {
position: relative;
}
#news-detail #entry-header {
position: relative !important;
display: block;
height: auto;
min-width:auto;
border:0;
padding:0 10px 20px 10px;
border-bottom:3px solid #efefef;
margin-bottom:40px;
z-index:1;
-webkit-box-shadow:0 0 0;
box-shadow:0 0 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#entry-header h1 {
font-size:24px;
font-weight:700;
line-height:150%;
margin-bottom:20px;
}
#entry-header p {
font-size:12px;
color:#999;
margin:0;
}
#entry-content {
position: relative;
padding:0 20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#entry-content img {
max-width:100%;
height:auto;
}
#entry-content p {
margin-bottom:40px;
line-height:200%;
} #back {
position:relative;
display: block;
line-height:50px !important;
border-radius:5px;
color:#fff;
font-weight:700;
width:200px;
text-align: center !important;
background:#117CB4;
-webkit-box-shadow:5px 5px 0 rgba(0,0,0,0.10);
box-shadow:5px 5px 0 rgba(0,0,0,0.10);
-webkit-transition:0.2s;
transition:0.2s;
}
#back:after {
position: absolute;
content:'';
top:50%;
left:20px;
margin-top:-5px;
width:10px;
height:10px;
border-top:2px solid #fff;
border-left:2px solid #fff;
transform:rotate(-45deg);
-webkit-transition:0.2s;
transition:0.2s;
}
#back:hover {
cursor: pointer;
} #guide {
margin:0 0 50px 0;
width:100%;
}
#guide h2 {
font-weight: 700;
padding: 20px 4px 15px 20px;
margin:50px 0 20px 0;
line-height: 150%;
background:#f9f9f9;
text-align: left;
border-left:3px solid #117CB4;
}
#guide h2::after {
position: absolute;
content:'';
top:0;
left:-3px;
width:3px;
height:50%;
border-left:3px solid rgba(255,255,255,0.50);
}
#guide ul {
position: relative;
clear:both;
overflow: hidden;
margin:0 0 20px 10px;
}
#guide ul li {
list-style:disc;
margin-left:20px;
margin-bottom:6px;
color:#999;
}
#guide table {
position: relative;
border-top:1px solid #efefef;
border-left:1px solid #efefef;
margin-bottom:20px;
}
#guide table th,
#guide table td {
padding:2% 0;
font-size:14px;
text-align: center;
border-right:1px solid #efefef;
border-bottom:1px solid #efefef;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#guide table th {
background:#f9f9f9;
}
#guide table td {
background:#fff;
}
#guide table.guideTable th,
#guide table.guideTable td {
vertical-align: middle;
}
#guide table.guideTable td {
text-align: left;
padding:2%;
}
#guide table.deliveryTable {
} #cart {
position: relative;
padding:150px 20px 100px 20px;
margin:0 auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#cart section {
max-width:960px;
margin:0 auto;
background:#fff;
border-radius: 5px;
padding:20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#cart h1 {
font-size:24px;
font-weight:700;
margin-bottom:50px;
text-align: center;
}
#cart h2 {
font-size:20px;
font-weight: 700;
padding: 10px 4px;
margin:50px 0 20px 0;
line-height: 150%;
color:#003545;
}
#cart p {
color:#999;
text-align: center;
}
.product-thumbnail img {
width:100px;
height:auto;
}
.cart-empty {
background:none !important;
border:0 !important;
}
.product-subtotal span {
display: inline !important;
}
.tax_label,
.order-total small {
color:#333;
font-size:12px;
display: inline !important;
margin-left:4px !important;
}
.col2-set {
display: block !important;
}
.payment_box label {
display: block;
margin-bottom:20px;
}
.woocommerce-notice {
padding:50px 0;
} #myaccount {
position: relative;
padding:150px 20px 100px 20px;
margin:0 auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#myaccount section {
max-width:1200px;
min-width:960px;
margin:0 auto;
background:#fff;
border-radius: 5px;
padding:20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#myaccount h1 {
font-size:24px;
font-weight:700;
margin-bottom:50px;
text-align: center;
}
#myaccount h2 {
font-size:20px;
font-weight: 700;
padding: 10px 4px;
margin:20px 0 0 0;
line-height: 150%;
color:#003545;
}
#myaccount p.mttl {
font-size:20px;
font-weight: 700;
line-height: 150%;
color:#003545;
opacity:1 !important;
top:0 !important;
left:0 !important;
}
.woocommerce-form-login label,
.lost_reset_password label,
.woocommerce-form-register label {
margin-bottom:20px;
}
.woocommerce-form-login input,
.lost_reset_password input,
.woocommerce-form-register input{
border:1px solid #ccc;
background:#fff !important;
margin-bottom:10px !important;
display: inline-block;
}
.woocommerce-form__label {
display: block !important;
}
.woocommerce-form-login__submit {
margin-bottom:20px !important;
} .bx-account {
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
} .woocommerce-MyAccount-navigation {
width:20%;
padding:15px;
border:1px solid #efefef;
border-radius:5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce-MyAccount-navigation li a {
border-bottom:1px dotted #efefef;
padding:15px 10px;
line-height:100% !important;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce-MyAccount-content {
width:75%;
}
.woocommerce-MyAccount-content a {
color:#1cbc8e;
}
.woocommerce-MyAccount-content label {
margin-bottom:15px;
}
.woocommerce-Address-title {
position: relative;
padding:0 15px !important;
margin-bottom:20px;
width:100%;
min-width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.woocommerce-Address-title h3 {
font-weight:700;
}
.is-active {
background:rgba(28,188,142,0.10);
}
.view {
line-height:40px !important;
height:40px !important;
}  .variations_form {
display: block;
border:1px solid #efefef;
padding:7%;
background:#efefef !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.variations {
margin-bottom:8% !important;
border-spacing:4px;
}
.variations th,
.variations td {
padding:2% 0;
font-size:0.9em;
font-weight:700;
line-height:100% !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.variations th {
background:#f9f9f9;
width:130px;
}
.variations td {
background:#fff;
}
form.cart .variations .value select {
padding: 0 4%;
height:40px;
line-height:40px;
overflow: hidden;
background: #fff !important;
color:#333 !important;
border:none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 0.9em;
width:100%;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
form.cart .variations .value select:focus {
outline: none;
}
form.cart .variations .value select option {
color:#333 !important;
font-size:16px !important;
}
.quantity,
.quantity input {
width:80px !important;
padding:4% 0;
font-size:110%;
text-align: center;
border:none;
display: inline-block !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.quantity input {
background: #fff !important;
border:1px solid #efefef !important;
}
.woocommerce-variation {
color:#F50004 !important;
font-weight:700;
font-size:14px;
} .checkout label {
color:#333;
}
.checkout h3 {
color:#003545;
margin-bottom:20px;
}
.wp-element-button {
color:#fff !important;
background-color:#117CB4 !important;
padding:0 25px !important;
line-height:45px !important;
height:45px !important;
opacity:1 !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields {
background:#f9f9f9;
padding:25px;
border-radius:10px;
margin-bottom:50px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.woocommerce-billing-fields__field-wrapper .form-row label,
.woocommerce-shipping-fields__field-wrapper .form-row label,
.woocommerce-additional-fields .form-row label {
display: block !important;
line-height:30px !important;
height:30px !important;
}
#billing_country_field,
#shipping_country_field {
display: none !important;
}
input.input-text {
height:50px;
line-height:50px;
border:2px solid #efefef;
border-radius: 5px;
background:#fff;
padding:0 2%;
font-size:16px !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
textarea.input-text {
min-height:200px !important;
line-height:180%;
border:2px solid #efefef;
border-radius: 5px;
background:#fff;
padding:2%;
font-size:16px !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#billing_postcode {
line-height:50px !important;
height:50px !important;
border:2px solid #efefef;
display: block !important;
}
.input-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 250px;
max-width:50%;
padding: 15px;
border:2px solid #efefef;
background:#fff;
color:#333 !important;
font-size:16px !important;
border-radius: 5px;
}
::-ms-expand {
display: none;
}
.input-select option {
font-size:16px !important;
}
#woocommerce-checkout-payment {
background:#fff !important;
padding:30px !important;
}
.form-row {
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-row label {
line-height:100% !important;
height:auto !important;
}
.wc-stripe-elements-field input {
line-height:50px !important;
height:50px !important;
}
.shop_table {
table-layout: auto !important;
border-spacing: 1px !important;
}
.shop_table th,
.shop_table td {
vertical-align: middle;
padding:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.shop_table th {
background:#f9f9f9;
}
#payment input[type="radio"],
#payment input[type="checkbox"] {
-webkit-transform:scale(1.5) !important;
transform:scale(1.5) !important;
} .woocommerce-thankyou-order-details li {
font-size:14px !important;
}
.woocommerce-thankyou-order-details li strong {
font-size:18px !important;
display: block;
margin-top:10px;
}
.bankjp_details li {
font-size:14px !important;
}
.bankjp_details li strong {
font-size:18px !important;
display: block;
margin-top:10px;
} @media only screen and (max-width:800px){
a {}
a:focus {}
a:active {}
a:hover {}
a:visit {}
a {
-webkit-transition:0s;
transition:0s;
}
a:hover {
opacity:1;
}
address {}
b,strong {}
em,i,b {}
p {
margin-bottom: 4%;
}
ul,ol {}
img {}
table {}
.sp {
display: block;
}
br.blk {
display:block;
}
.fade {
opacity:0;
-webkit-transform:translate(0, 20px);
transform:translate(0, 20px);
-webkit-transition:all 0.8s;
transition:all 0.8s;
}
.fade.show {
opacity:1;
-webkit-transform:translate(0, 0);
transform:translate(0, 0);
} .more {
position: relative;
width:75% !important;
min-width:75%;
margin:10% auto;
z-index:1;
}
.more a {
line-height:50px;
-webkit-transition:0s;
transition:0s;
}
.more a:before {
top:50%;
right:10px;
margin-top:-7px;
width:30px;
height:14px;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/arrow-more.svg) 0 0 no-repeat;
background-size:20px auto;
-webkit-transition:0s;
transition:0s;
}
.more a:hover {}
.more a:hover:before {
right:10px;
} body {
font-size:14px;
}
html, body {}
main {
min-width:100%;
} header {
min-width:100%;
padding:0 0 0 10px;
height:60px;
z-index:10;
}
header #logo {
width:45%;
}
header #logo img {} #panel-btn {
display: inline-block;
position: fixed;
top:0;
right:0;
width:60px;
max-width:60px;
min-width:60px;
height:60px;
margin-top:0;
z-index:7000;
background:#00b27f;
}
#panel-btn:after {
position: absolute;
content:'menu';
top:35px;
left:13px;
font-size:10px;
font-weight:700;
color:#fff;
}
#panel-btn-icon {
display: block;
position: absolute;
top: 37%;
left: 12px;
width: 35px;
height: 3px;
background: #fff;
border-radius:50px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
#panel-btn-icon:before,
#panel-btn-icon:after {
position: absolute;
content: "";
top: 50%;
left: 0;
display: block;
width: 35px;
height: 3px;
background: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#panel-btn-icon:before {
margin-top: -12px;
}
#panel-btn-icon:after {
margin-top: 9px;
}
#panel-btn .close {
background: transparent;
}
#panel-btn .close:before,
#panel-btn .close:after {
margin-top: 0;
background: #fff;
}
#panel-btn .close:before{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#panel-btn .close:after{
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.dr_on {
top:60px !important;
left:0 !important;
visibility:visible !important;
opacity:1 !important;
z-index:9999 !important;
-webkit-transition: .7s;
transition: .7s;
}
.dr_off {
top:50px;
visibility:hidden;
opacity:0;
-webkit-transition: .7s;
transition: .7s;
}
.over_hide {
overflow: hidden !important;
} nav#gnav {
display: block;
position: fixed;
top:60px;
left:0;
width:100%;
max-width:100%;
height:100%;
visibility:hidden;
opacity:0;
margin-left:0;
background:#00b27f;
z-index:15000 !important;
}
nav#gnav ul {
display:block;
margin:10% auto 10% auto;
height:80%;
width:80%;
overflow-x: hidden;
}
nav#gnav ul li {
font-size: 14px;
line-height:100%;
border-bottom:1px solid rgba(255,255,255,0.10);
}
nav#gnav ul li a {
position: relative;
padding:0 0 0 25px;
line-height:60px !important;
text-align: left !important;
color:#fff;
}
nav#gnav ul li:before {
display: none;
}
nav#gnav ul li:hover:before{
display: none;
}
nav#gnav ul li:after {
position: absolute;
content:'';
top:50%;
right:auto;
left:2px;
height:7px;
width:7px;
margin-top:-5px;
background:none;
display: block !important;
border-top:2px solid #fff;
border-right:2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.bx-contact {
display: none;
}
.bx-contact img {} .icon_cart {
position:absolute;
top:0;
right:75px;
height:100%;
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/cart_bk.svg) 50% 50% no-repeat;
background-size:70% auto;
}
.quantity_badge {
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif" !important;
position: absolute;
top:10px;
right:3px;
display: inline-block;
font-size: 0.7em;
font-weight:700;
width:1.7em;
height:1.7em;
background-color: #ff5b5b;
border-radius:50%;
text-align: center;
line-height: 1.8em;
color: #ffffff;
}
.icon_cart:hover .quantity_badge {}
.icon_account {
position:absolute;
top:0;
right:120px;
height:100%;
}
.icon_cart a,
.icon_account a {
display: block;
padding:0 !important;
width:40px;
height:100%;
}
.icon_cart:before,
.icon_account:before {
display: none !important;
}
.i_pc {
display: none;
}
.i_sp {
display: block;
}
.sp_cart {
display: block;
}
.sp_account {
display: block;
} footer {
padding:10% 5% 90px 5%;
}
#footer {
margin:0 auto;
width:100%;
display:inline-block;
text-align:center;
min-width:100%;
}
.information {
border:none;
width:100% !important;
margin:0 0 10% 0 !important;
text-align: center;
}
.information p.logo-f {
margin-bottom:4%;
font-size:20px;
}
.information p {}
.information p strong {
margin-bottom:2%;
}
small {
margin:0 auto;
width:90%;
}
.f-cart {
padding:10% 5% 230px 5%;
} #fBtn {
display: block;
position: fixed;
left:0;
bottom:0;
z-index:1;
}
#fBtn ul {
position: fixed;
left:0;
bottom:0;
display: -webkit-flex;
display: flex;
width: 100%;
border-top:1px solid rgba(255,255,255,0.20);
}
#fBtn ul li {
position: relative;
overflow: hidden;
width: 50%;
font-weight:700;
color:#fff;
text-align:center;
background:#117CB4;
padding:10px 0 7px 0;
font-size: 12px !important;
letter-spacing: 1px;
line-height:200%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#fBtn ul li:before {
position: absolute;
content:'';
top:20%;
right:0;
height:60%;
border-left:1px solid rgba(255,255,255,0.20);
}
#fBtn ul li:last-child:before {
display: none;
}
#fBtn ul li a {
display: block ;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-indent:-999px;
background : #fff\9;
filter:alpha(opacity=0);
}
#fBtn ul li span {
display: block;
}
#fBtn ul li.ic-line {
background:#fff !important;
color:#00b34f;
}
#fBtn ul li.ic-line img {
width:20% !important;
height:auto;
} #fnav {
display: none;
}
#fnav ul {}
#fnav ul li {}
#fnav ul li a {}
#fnav li:first-child:before {}
#fnav li:after {} #recommend {
position: relative;
overflow: hidden;
width:100%;
padding-top:93%;
margin-bottom:10%;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/line_sp.svg) 0 0 no-repeat;
background-size:100% auto;
}
#recommend a {
position: absolute;
top:0;
left:0;
width:100vw;
height:100vh;
}
#recommend a img {
opacity: 0;
} #pageUp {
bottom:85px;
right:20px;
width:40px;
height:40px;
}
#pageUp:after {
top:17px;
left:14px;
width:10px;
height:10px;
}
#pageUp:hover {}  #slider {
margin-top:60px;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/slider.jpg) 0 0 no-repeat;
background-size:100% auto;
padding-top:70%;
}
#slider img {
display: none;
} #news {
padding:0;
}
#news:before {
position: absolute;
content:'';
top:0;
right:0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 900px 900px 0;
border-color: transparent rgba(0,0,0,0.04) transparent transparent;
}
#news h1 {
font-size: 18px;
font-weight:700;
letter-spacing: 2px;
width:93%;
margin:0 auto;
line-height: 60px;
padding:0 0 0 3%;
border-bottom:2px solid #ddd;
}
#news h1 span {
font-size: 10px;
font-weight:normal;
margin-left:2%;
}
.bx-news {
position: relative;
padding:3% 5%;
width:100%;
min-height:300px;
background:none;
}
.bx-news dl div {
padding:3% 1%;
font-size:14px;
display:block;
}
.bx-news dl div dt {
width:100%;
margin:0 0 3% 0;
}
.bx-news dl div dt span.ct {
right: auto;
left:110px;
border-radius:3px;
}
.bx-news dl div dd a:hover {
text-decoration: none;
}
.more-news {
position:relative;
left:auto;
bottom:auto;
margin:5% auto;
}
.more-news a {
position: relative;
display: block;
background:rgba(0,0,0,0.20);
border-radius: 5px;
font-size:12px;
font-weight: 700;
line-height: 100%;
padding:15px 50px 15px 15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.more-news a:after {
position: absolute;
content:'';
top:50%;
right:20px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
width:10px;
height:10px;
margin-top:-5px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.more-news a:hover {
background:rgba(255,255,255,0.20);
color:#fff;
} #pickup {
border:10px solid #fff;
display:block;
}
#pickup section {
height:auto;
padding:10% 0;
}
#pickup section:hover {
-webkit-transition:0s;
transition:0s;
}
#pickup section:after {
opacity:0.60;
z-index:0;
-webkit-transition:0s;
transition:0s;
}
#pickup section:hover:after {
opacity: 0.60;
}
#pickup section h2 {
font-size:24px;
}
#pickup section h2 span {
margin-bottom:3%;
}
#pickup section h2:after {
width:80px;
margin-left:-40px;
}
#pickup section p {
font-size:15px;
line-height:180%;
margin:0 auto 8% auto;
text-align:left;
min-height:auto;
z-index:1 !important;
}
#pickup section p br {
display: none;
} #service-tp {
width:100%;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/contents/top/bg-service-top.jpg) 20% 0 no-repeat;
background-size:cover;
border-right:0;
border-bottom:10px solid #fff;
} #faq-tp {
width:100%;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/contents/top/bg-faq-top.jpg) 20% 0 no-repeat;
background-size:cover;
border-left:0;
border-bottom:10px solid #fff;
} #online-tp {
width:100%;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/ttl-products.jpg) 50% 50% no-repeat;
background-size:cover;
border-top:0;
} .more-pickup {
width:70% !important;
min-width:70%;
}
.more-pickup a {
position:relative;
display: block;
line-height:50px;
border-radius:5px;
color:#fff;
background:#117CB4;
-webkit-transition:0.2s;
transition:0.2s;
}
.more-pickup a:before {
top:50%;
right:10px;
margin-top:-7px;
width:30px;
height:14px;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/arrow-more.svg) 0 0 no-repeat;
background-size:20px auto;
-webkit-transition:0s;
transition:0s;
}
.more-pickup a:hover {}
.more-pickup a:hover:before {
right:10px;
} .link {
width:70%;
margin:15% auto 10% auto;
display:block;
}
.link li {
width:100%;
margin:0 0 5% 0;
}
.link li img {}  #pan {
position:relative;
padding:5% 2%;
width:100%;
}
#pan ol {
margin:0 0 0 0;
min-width:100%;
padding:0 10px;
}
#pan ol li {}
#pan ol li a {}
#pan ol li:after {}
#pan ol li:last-child:after {} article {}
#ttl {
margin-top:60px;
position: relative;
padding:15% 0;
}
.service {
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/ttl-service.jpg) 50% 50% no-repeat;
}
.faq {
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/ttl-faq.jpg) 50% 50% no-repeat;
}
.company {
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/ttl-company.jpg) 50% 50% no-repeat;
}
.products {
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/ttl-products.jpg) 50% 50% no-repeat;
}
.inquiry,
.privacy-policy {
background: #00b27f;
background: -moz-linear-gradient(-45deg,  #00b27f 0%, #009b65 100%);
background: -webkit-linear-gradient(-45deg,  #00b27f 0%,#009b65 100%);
background: linear-gradient(135deg,  #00b27f 0%,#009b65 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b27f', endColorstr='#009b65',GradientType=1 );
}
#ttl h1 {
width:90%;
padding:0;
margin:0 auto 5% auto;
letter-spacing:6px;
font-size:26px;
}
#ttl p {
padding:0;
font-size:14px;
margin:0 auto;
}
#contentWrap {
position: relative;
clear:both;
margin:-20px auto 10% auto;
width:96%;
padding:4%;
border-radius:5px;
}
#contentWrap p {
line-height:200%;
}
.flx {
display:block;
}
.rev {} #sidebar {
display: none;
}
#sidebar .side_in {}
#sidebar ul li h3 {}
#sidebar ul li ul li a {}
#sidebar ul li ul li a:hover {}
#sidebar ul li ul li a span {} #content {
width:100%;
margin:0;
} .bx-inner {
padding:10% 0 0 0;
}
.bx-inner h2 {
font-size:26px;
margin-bottom:4%;
}
.bx-inner p {
font-size:16px;
margin:0;
line-height:150%;
} #faq section {
margin:0 0 8% 0;
padding-top:0;
}
#faq section h3 {
padding:0 0 0 3%;
border-left:5px solid #117CB4;
line-height:50px;
font-size:20px;
letter-spacing:2px;
margin:0 0 6% 0;
background:#f9f9f9;
}
#faq section h3:after {
position: absolute;
content:'';
top:0;
left:-5px;
width:5px;
height:50%;
border-left:5px solid rgba(255,255,255,0.50);
}
.list-faq {
margin-bottom:15%;
}
.list-faq div {
margin-bottom:5%;
border-radius:5px;
border:3px solid #efefef;
}
.list-faq div dt {
padding: 5% 100px 4% 55px;
font-size:16px;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/q.svg) 10px 50% no-repeat;
background-size:25px auto;
}
.list-faq div dt:after {
position: absolute;
content:'';
top:0;
right:0;
bottom:0;
left:0;
margin:auto 15px auto auto;
width:20px;
height:20px;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/open.svg) 0 50% no-repeat;
background-size:20px auto !important;
}
.list-faq div dd {
margin: 4%;
padding: 5%;
font-size:14px;
border-radius:5px;
} .list-faq div.sel dt:after {
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/close.svg) 0 0 no-repeat !important;
background-size:20px auto !important;
}
.sel,
.list-faq div:hover {
border:3px solid #54afdf !important;
background: #54afdf !important;
}
.list-faq div:hover dt {
color:#fff;
}
.sel dt {
background-color:#54afdf !important;
color:#fff !important;
}
.sel dt:hover {
opacity: 1 !important;
} #company section {
margin:0 0 8% 0;
padding-top:0;
}
#company h2 {
padding:0 0 0 3%;
border-left:5px solid #117CB4;
line-height:50px;
font-size:20px;
letter-spacing:2px;
margin:0 0 6% 0;
background:#f9f9f9;
}
#company h2::after {
position: absolute;
content:'';
top:0;
left:-5px;
width:5px;
height:50%;
border-left:5px solid rgba(255,255,255,0.50);
}
.bx-greeting {
padding:0;
display:block;
}
.bx-greeting img {
max-width:96%;
height:auto;
border-radius:3px;
}
.bx-greeting div {
width:100%;
}
.bx-greeting p {
font-size:16px;
}
.bx-greeting strong {
font-size:26px !important;
letter-spacing:5px;
}
.bx-greeting strong span {}
#company dl {
margin-bottom:4%;
}
#company dl div {
padding:3% 1%;
font-size:14px !important;
}
#company dl div:last-child {}
#company dl div dt {
width:40%;
max-width:30%;
border-right:3px solid #efefef;
}
#company dl div dd {
margin-left:5%;
width:55%;
}
#company dl div dd ul li {}
#company iframe {
height:500px;
}
#philosophy img {
display: block;
margin:10% auto;
width:80%;
max-width:346px;
height:auto;
}
#philosophy p {
font-size:18px;
}
#philosophy p br {
display: none;
}  #inquiry h2 {
padding:0 0 0 3%;
border-left:5px solid #117CB4;
line-height:50px;
font-size:20px;
letter-spacing:2px;
margin:0 0 6% 0;
background:#fff;
}
#inquiry h2::after {
position: absolute;
content:'';
top:0;
left:-5px;
width:5px;
height:50%;
border-left:5px solid rgba(255,255,255,0.50);
}
.bx-inquiry {
display:block;
}
.bx-ex {
width:100%;
}
.bx-ex .bx-tel {
padding:12% 10%;
margin-bottom:6%;
}
.bx-ex .bx-tel span {}
.bx-ex .bx-tel img {}
.bx-ex p {}
.bx-ex p a {} .bx-form {
width:100%;
padding:4% 0;
border-radius:0;
background:#fff;
}
.attention {}
.attention:before {} .entryForm {}
.entryForm div {
border-bottom:0;
padding:3% 0;
display:block;	
}
.entryForm div dt {
width:100%;
margin-bottom:4%;
}
.entryForm div dd {
width:100%;
}
.entryForm div dt,
.entryForm div dd {}
.entryForm div dd input[type="text"],
.entryForm div dd input[type="email"],
.entryForm div dd input[type="tel"] {
width:100%;
height: 55px;
line-height: 55px;
padding:0 10px;
border:2px solid #efefef;
-webkit-box-shadow:0 0 0 rgba(0,0,0,0);
box-shadow:0 0 0 rgba(0,0,0,0);
}
.entryForm div dd.zip input[type="text"],
.entryForm div dd.telephone input[type="text"] {
width:40%;
padding:0 10px;
}
.entryForm div dd select {
height: 55px;
line-height: 55px;
padding:0 10px;
font-size: 16px;
border:2px solid #efefef;
border-radius: 5px;
}
.entryForm div dd label {}
.entryForm div dd label:hover {}
.entryForm div dd input[type="radio"],
.entryForm div dd input[type="checkbox"] {}
.entryForm div dd input[type="radio"] {}
.entryForm div dd input[type="radio"]:checked:before,
.entryForm div dd input[type="checkbox"]:checked:before {}
.entryForm div dd input[type="radio"]:before {}
.entryForm div dd input[type="checkbox"]:before {}
.entryForm div dd input[type="radio"],
.entryForm div dd input[type="checkbox"] {}
.entryForm div dd input[type="radio"]:checked:before,
.entryForm div dd input[type="checkbox"]:checked:before {}
.entryForm div dd textarea {
display: block;
width:100%;
min-height: 200px;
padding:10px;
border:2px solid #efefef;
border-radius:3px;
-webkit-box-shadow:0 0 0 rgba(0,0,0,0);
box-shadow:0 0 0 rgba(0,0,0,0);
}
.entryForm div dd img {
margin:4% 0;
}
.wpcf7-captchar {}
.h:before {}
.n:before {}
.error {
margin:3% 0 0 0;
}
.send-box {
display:block;
margin:10% auto 0 auto;
width:100%;
padding:5% 0;
}
.send-box input[type="submit"] {
width:80%;
max-width:250px;
height:50px;
line-height:50px;
font-size:16px;
margin:0 auto 8% auto;
-webkit-transition:0s;
transition:0s;
}
.send-box input[type="submit"]:hover {
background:#117CB4;
}
.send-box p {}
.error-entry {
border:1px solid #c1272d;
padding:4%;
text-align: center;
color:#c1272d;
margin-bottom: 50px;
background:rgba(255,77,1,0.10);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.wpcf7-list-item {
display: block;
} .bx-privacy {
max-width:100%;
padding:10% 0;
margin: 0 auto;
}
.bx-privacy h2 {
font-size:20px;
font-weight: 700;
margin-bottom:8%;
text-align: center;
}
.bx-privacy h3 {
padding:0 0 0 5%;
border-left:5px solid #117CB4;
line-height:40px;
font-size:16px;
letter-spacing:2px;
margin:0 0 5% 0;
background:#fff;
}
.bx-privacy h3::after {
position: absolute;
content:'';
top:0;
left:-5px;
width:5px;
height:50%;
border-left:5px solid rgba(255,255,255,0.50);
}
.bx-privacy ul {
position: relative;
clear:both;
overflow: hidden;
margin:0 0 4% 10px;
}
.bx-privacy ul li {
list-style:disc;
margin-left:20px;
margin-bottom:1%;
}
.bx-privacy ul li,
.bx-privacy p {
font-size:14px;
} #productWrap {}
ul.list-products {
margin:10% auto;
max-width:100%;
display:block;
}
ul.list-products li {
width:100%;
margin:0;
border-radius:0;
padding:6% 2%;
min-height:auto;
border-bottom:1px solid #efefef;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
box-shadow:0 0 0 rgba(0,0,0,0);
}
ul.list-products li:nth-child(3n),
ul.list-products li:last-child {}
ul.list-products li .img-prod {
width:35%;
padding-top:0;
margin-right:5%;
}
ul.list-products li .img-prod img {
position:relative;
top:auto;
left:auto;
height:auto;
-webkit-transition:0s;
transition:0s;
}
ul.list-products li:hover > .img-prod img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition:0s;
transition:0s;
}
ul.list-products li .txt-prod {
margin:0;
width:60%;
}
ul.list-products li .txt-prod p {
margin:0;
}
ul.list-products li p.ttl-prod {
font-size:14px;
padding-bottom:2%;
}
ul.list-products li .txt-prod strong {
font-size:20px;
margin-top:3%;
}
ul.list-products li .notice {
display: none;
}
ul.list-products li .txt-prod ol {}
ul.list-products li .txt-prod ol li {
margin:0 3% 3% 0;
line-height:25px;
font-size:12px;
padding:0 5%;
}
ul.list-products li a {}
.ic-brand-new {}
.ic-used {}
.ic-free-shipping {}
.ic-free-delivery {}  #item-img {
overflow: hidden;
background:rgba(145,151,173,0.05);
padding:90px 6% 5% 6%;
}
#item-img .swiper {}
#item-img .swiper-controller {}
#item-img .swiper-pagination {
margin: 6% auto 0 0;
}
#item-img .swiper-pagination-bullet {
width: 1.3rem;
height: 7px;
cursor: pointer;
-webkit-transition: 0.3s;
transition: 0.3s;
vertical-align: top;
background-color: #ccc;
}
#item-img .swiper-pagination-bullet-active {
width: 4rem;
background-color: #328854;
}
#item-img .swiper-button-prev,
#item-img .swiper-button-next {
position: relative;
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin:35px 0 0 0;
height:40px;
width:40px;
border-radius:50%;
background:none;
z-index: 20;
}
#item-img .swiper-button-prev {
position: absolute;
top:50%;
left:-20px;
margin-top:-20px;
}
#item-img .swiper-button-next {
position: absolute;
top:50%;
right:-20px;
margin-top:-20px;
}
#item-img .swiper-button-prev:hover,
#item-img .swiper-button-next:hover {
cursor: pointer;
}
#item-img .swiper-button-prev:after {
position: absolute;
content:'';
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
border-top:4px solid #333;
border-left:4px solid #333;
height:15px;
width:15px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#item-img .swiper-button-next:after {
position: absolute;
content:'';
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
border-top:4px solid #333;
border-right:4px solid #333;
height:15px;
width:15px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#item-img .swiper-button-disabled {
pointer-events: none;
opacity: 0.5;
}
#item-img .swiper-button-disabled::before {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.10);
box-shadow: 0 0 5px rgba(0,0,0,0.10);
}
#item-img .swiper-slide {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
#item-img .slide {
overflow: hidden;
width:80%;
margin:0 auto !important;
border-radius: 10px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.10);
box-shadow: 0 0 5px rgba(0,0,0,0.10);
}
#item-img .slide img {
width:100%;
height:auto;
} #itemsWrap {
padding-bottom:10%;
width:100%;
}
.bx-items {
display:block;
width:100%;
padding:4%;
border-radius:5px;
margin:0;
} .bx-items h1 {
font-size:24px;
margin-bottom:3%;
}
.bx-items h2 {
font-size:16px;
margin:0 0 6% 0;
border-left:5px solid #117CB4;
padding:0 0 0 5%;
}
.bx-items h2::after {
left:-5px;
width:5px;
border-left:5px solid rgba(255,255,255,0.50);
} .bx-items table {
margin:0;
}
.bx-items table th,
.bx-items table td {
padding:3% 2%;
font-size:14px;
}
.bx-items table th {}
.bx-items table td {} .item-meta {
border-top:0;
width:100%;
padding-top:6%;
}
.item-meta .ic {
margin-bottom:4%;
}
.item-meta .ic li {
margin:0 2% 4% 0;
line-height:25px;
padding:0 3%;
border-radius:3px;
}
.item-meta .code {}
.item-meta .price {
margin-bottom:5%;
}
.item-meta .price strong {
font-size:26px;
margin-left:3%;
}
.item-detail {
width:100%;
margin-left:0;
} .bx-cart {
position:fixed;
left:0;
bottom:70px;
border-radius:0;
padding:0 !important;
width:100%;
margin:0;
background:#fff;
z-index:1;
}
.single_add_to_cart_button {
}
#bt-cart-lnk {
display: none;
}
.single_add_to_cart_button,
#bt-cart-lnk {
font-size:16px;
line-height:50px !important;
height:50px !important;
width:60%;
}
.single_add_to_cart_button:hover,
#bt-cart-lnk:hover {}
#bt-cart-lnk {}
.woocommerce-variation {} .checkout label {
color:#333;
}
.checkout h3 {
color:#003545;
margin-bottom:20px;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields {
background:#f9f9f9;
padding:25px;
border-radius:10px;
margin-bottom:50px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.woocommerce-billing-fields__field-wrapper .form-row label,
.woocommerce-shipping-fields__field-wrapper .form-row label,
.woocommerce-additional-fields .form-row label {
display: block !important;
line-height:30px !important;
height:30px !important;
}
#billing_country_field,
#shipping_country_field {
display: none !important;
}
input.input-text {
height:50px;
line-height:50px;
border:2px solid #efefef;
border-radius: 5px;
background:#fff;
padding:0 2%;
font-size:16px !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
textarea.input-text {
min-height:200px !important;
line-height:180%;
border:2px solid #efefef;
border-radius: 5px;
background:#fff;
padding:2%;
font-size:16px !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#billing_postcode {
line-height:50px !important;
height:50px !important;
border:2px solid #efefef;
display: block !important;
}
.input-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 250px;
max-width:50%;
padding: 15px;
border:2px solid #efefef;
background:#fff;
color:#333 !important;
font-size:16px !important;
border-radius: 5px;
}
::-ms-expand {
display: none;
}
.input-select option {
font-size:16px !important;
}
#woocommerce-checkout-payment {
background:#fff !important;
padding:30px !important;
}
.form-row {
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-row label {
line-height:100% !important;
height:auto !important;
}
.wc-stripe-elements-field input {
line-height:50px !important;
height:50px !important;
}
.shop_table th,
.shop_table td {
vertical-align: middle;
}
.shop_table th {
background:#efefef;
}
#payment input[type="radio"],
#payment input[type="checkbox"] {
-webkit-transform:scale(1.5) !important;
transform:scale(1.5) !important;
} .woocommerce-thankyou-order-details li {
font-size:14px !important;
}
.woocommerce-thankyou-order-details li strong {
font-size:18px !important;
display: block;
margin-top:10px;
}
.bankjp_details li {
font-size:14px !important;
}
.bankjp_details li strong {
font-size:18px !important;
display: block;
margin-top:10px;
} #serviceWrap {
margin:0 0 12% 0;
width:100%;
}
.bx-service {
position: relative;
padding:10% 4%;
}
.bx-service h2 {
font-size:20px;
font-weight: 700;
margin-bottom:6%;
text-align: center;
}
.bx-service p {
font-size:15px;
line-height:180%;
margin-bottom:6%;
text-align: left;
}
.bx-service p br {
display: none;
}
.bx-service ul {
margin:0 auto;
max-width:100%;
display:block;
}
.bx-service ul li {
position: relative;
margin:0 0 2% 0;
text-align: left;
border-radius:3px;
width:100%;
box-shadow: 3px 3px 5px rgba(0,0,0,0.05);
}
.bx-service ul li:before {
position: absolute;
content:'';
top:0;
right:20px;
bottom:0;
left:0;
margin:auto 0 auto auto;
width:30px;
height:30px;
background:#08C800;
border-radius:50%;
}
.bx-service ul li:after {
position: absolute;
content:'';
top:0;
right:30px;
bottom:0;
left:0;
margin:auto 0 auto auto;
width:7px;
height:7px;
border-top:3px solid #fff;
border-right:3px solid #fff;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.bx-service ul li:nth-child(3n) {}
.bx-service ul li a {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.bx-service ul li a img {
width:35%;
height: auto;
margin-right:5%;
}
.bx-service ul li a span {
margin:4% 0;
font-size:16px;
}
#service section {}
#service section:before {
position: absolute;
content:'';
width:100%;
height:100%;
background:rgba(0,0,0,0.50);
}
#service section h1 {
margin:25% auto 20% auto;
font-size:26px;
letter-spacing:1px;
text-align: center;
}
#sv01 {
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/sv01.jpg) 50% 0 no-repeat local;
background-size:200% auto;
}
#sv02 {
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/sv02.jpg) 50% 0 no-repeat local;
background-size:200% auto;
}
#sv03 {
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/sv03.jpg) 0 0 no-repeat local;
background-size:200% auto;
}
#sv04 {
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/sv04.jpg) 50% 0 no-repeat local;
background-size:200% auto;
}
#sv05 {
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/sv05.jpg) 0 0 no-repeat local;
background-size:200% auto;
}
#sv06 {
background: url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/bg/sv06.jpg) 50% 0 no-repeat local;
background-size:200% auto;
}
.sbx {
min-height:auto;
padding:4%;
margin:0;
width:100%;
border-radius:0;
display:block;
}
.sbx:before {
border-width: 100px 100px 0 0;
}
.sv-img {
width:100%;
margin-bottom:6%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.sv-img img {
width:48%;
margin:0 0 4% 0;
}
.sv-meta {
width:100%;
}
.sv-meta h2 {
padding:0 0 0 5%;
border-left:5px solid #117CB4;
line-height:40px;
font-size:16px;
letter-spacing:2px;
margin:0 0 5% 0;
background:#f9f9f9;
}
.sv-meta h2::after {
position: absolute;
content:'';
top:0;
left:-5px;
width:5px;
height:50%;
border-left:5px solid rgba(255,255,255,0.50);
}
.sv-meta h3 {
font-size:16px;
font-weight:700;
margin:10% 0 4% 0;
}
.sv-meta ol {
margin-bottom:4%;
}
.sv-meta ul {
margin-bottom:4%;
}
.sv-meta ol li {}
.sv-meta ul li {
width:21%;
list-style: disc;
margin:0 0 2% 20px;
}
.serviceTable {
margin-bottom:4%;
width:100%;
}
.serviceTable.tbl {
table-layout: auto !important;
}
.serviceTable th,
.serviceTable td {
padding:3% 1%;
font-size:13px !important;
}
.serviceTable th {}
.serviceTable td {
background:#fff;
text-align: center;
}
.serviceTable td.mtd {}
.serviceTable td a {
width:65px;
line-height:35px;
border-radius:3px;
color:#fff;
font-size:12px;
display: block;
margin:0 auto;
padding:0 0 0 10px;
text-align: left;
background:url(//kiyozuka.co.jp/wp-content/themes/kiyozuka_v1_0_9/img/parts/ic-map.svg) 85% 50% no-repeat #117CB4;
background-size:10px auto;
box-shadow:3px 3px 0 rgba(0,0,0,0);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.serviceTable td.liner {}
.decimal {}
.decimal li {
margin-bottom:1%;
}
.sv-meta dl {
margin-bottom:4%;
}
.sv-meta dl div {
width:48%;
border-radius:10px;
border:5px solid rgba(17,124,180,0.10);
padding:40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sv-meta dl div dt {
text-align: center;
margin-bottom: 6%;
font-size:18px;
}
.sv-meta dl div dt span {
display: block;
font-size:15px;
color:#907500;
margin-top:10px;
}
.sv-meta dl div dd {
position: relative;
line-height:45px;
font-size:17px;
color:#555;
border-bottom:1px solid #f5f5f5;
}
.sv-meta dl div dd:before {
content: "● ";
} #news-detail {}
#news-detail #entry-header {
padding:0 2% 4% 2%;
margin-bottom:8%;
}
#entry-header h1 {
font-size:18px;
margin-bottom:4%;
}
#entry-header p {
font-size:10px;
}
#entry-content {
padding:0 4%;
}
#entry-content img {}
#entry-content p {
margin-bottom:8%;
font-size:14px;
} #back {
margin:10% auto 0 auto;
-webkit-transition:0s;
transition:0s;
}
#back:after {}
#back:hover {} #guide {
margin:0 0 12% 0;
width:100%;
}
#guide h2 {
padding:0 0 0 5%;
border-left:5px solid #117CB4;
line-height:40px;
font-size:16px;
letter-spacing:2px;
margin:0 0 5% 0;
background:#fff;
}
#guide h2::after {
position: absolute;
content:'';
top:0;
left:-5px;
width:5px;
height:50%;
border-left:5px solid rgba(255,255,255,0.50);
}
#guide ul {
position: relative;
clear:both;
overflow: hidden;
margin:0 0 4% 10px;
}
#guide ul li {
list-style:disc;
margin-left:20px;
margin-bottom:1%;
}
#guide table {
margin-bottom:4%;
}
#guide table th,
#guide table td {}
#guide table th {}
#guide table td {}
#guide table.guideTable th,
#guide table.guideTable td {}
#guide table.guideTable td {}
#guide table.deliveryTable {} #cart {
position: relative;
padding: 100px 2% 15% 2%;
max-width:100%;
min-width:100%;
margin:0;
}
#cart h1 {
font-size:24px;
margin-bottom:10%;
}
#cart h1:after {}
#cart h2 {
font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size:18px;
font-weight: 700;
padding: 2% 1%;
margin:8% 0 4% 0;
}
#cart p {
font-size:14px !important;
}
#cart section h2:after {}
.product-thumbnail {
display: block !important;
}
.product-thumbnail img {
display: block !important;
margin:0 auto;
width:100px;
height:auto;
}
.cart-empty {}
.product-subtotal span {
display: inline !important;
}
.tax_label,
.order-total small {
color:#333;
font-size:12px;
display: inline !important;
margin-left:4px !important;
}
.col2-set {
display: block !important;
}
.payment_box label {
display: block;
margin-bottom:20px;
}
.woocommerce-notice {
padding:50px 0;
} #myaccount {
padding:100px 4% 15% 4%;
}
#myaccount section {
max-width:100%;
min-width:100%;
border-radius:0;
padding:4%;
}
#myaccount h1 {
font-size:20px;
margin-bottom:8%;
}
#myaccount h2 {
font-size:16px;
padding: 2% 1%;
margin:4% 0 0 0;
}
#myaccount h3 {
font-size:16px;
padding: 5% 4%;
}
#myaccount p.mttl {
font-size:16px;
}
.woocommerce-form-login label,
.lost_reset_password label,
.woocommerce-form-register label {
margin-bottom:20px;
}
.woocommerce-form-login input,
.lost_reset_password input,
.woocommerce-form-register input{
border:1px solid #ccc;
background:#fff !important;
margin-bottom:10px !important;
display: inline-block;
}
.woocommerce-form__label {
display: block !important;
}
.woocommerce-form-login__submit {
margin-bottom:20px !important;
} .bx-account {
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
} .woocommerce-MyAccount-navigation {
width:20%;
padding:15px;
border:1px solid #efefef;
border-radius:5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce-MyAccount-navigation li a {
border-bottom:1px dotted #efefef;
padding:15px 10px;
line-height:100% !important;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce-MyAccount-content {
width:75%;
}
.woocommerce-MyAccount-content a {
color:#1cbc8e;
}
.woocommerce-MyAccount-content label {
margin-bottom:15px;
}
.woocommerce-Address-title {
position: relative;
padding:0 15px !important;
margin-bottom:20px;
width:100%;
min-width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.woocommerce-Address-title h3 {
font-weight:700;
}
.woocommerce-Address-title a {
margin-right:5%;
}
.is-active {
background:rgba(28,188,142,0.10);
}
.woocommerce-Address {
margin-bottom:10%;
}
.view {
line-height:40px !important;
height:40px !important;
}  .variations_form {
display: block;
border:1px solid #efefef;
padding:7%;
background:#efefef !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.variations {
margin-bottom:8% !important;
border-spacing:4px;
}
.variations th,
.variations td {
padding:2% 0;
font-size:0.9em;
font-weight:700;
line-height:100% !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.variations th {
background:#f9f9f9;
width:130px;
}
.variations td {
background:#fff;
}
form.cart .variations .value select {
padding: 0 4%;
height:40px;
line-height:40px;
overflow: hidden;
background: #fff !important;
color:#333 !important;
border:none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 0.9em;
width:100%;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
form.cart .variations .value select:focus {
outline: none;
}
form.cart .variations .value select option {
color:#333 !important;
font-size:16px !important;
}
.quantity,
.quantity input {
width:80px !important;
padding:4% 0;
font-size:110%;
text-align: center;
border:none;
display: inline-block !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.quantity input {
background: #fff !important;
border:1px solid #efefef !important;
}
.woocommerce-variation {
color:#F50004 !important;
font-weight:700;
font-size:14px;
} .checkout label {
color:#333;
}
.checkout h3 {
color:#003545;
margin-bottom:20px;
}
.wp-element-button {
color:#fff !important;
background-color:#117CB4 !important;
padding:0 20px !important;
line-height:65px !important;
height:65px !important;
opacity:1 !important;
}
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields {
background:#f9f9f9;
padding:25px;
border-radius:10px;
margin-bottom:50px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.woocommerce-billing-fields__field-wrapper .form-row label,
.woocommerce-shipping-fields__field-wrapper .form-row label,
.woocommerce-additional-fields .form-row label {
display: block !important;
line-height:30px !important;
height:30px !important;
}
#billing_country_field,
#shipping_country_field {
display: none !important;
}
input.input-text {
height:50px;
line-height:50px;
border:2px solid #efefef;
border-radius: 5px;
background:#fff;
padding:0 2%;
font-size:16px !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
textarea.input-text {
min-height:200px !important;
line-height:180%;
border:2px solid #efefef;
border-radius: 5px;
background:#fff;
padding:2%;
font-size:16px !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
#billing_postcode {
line-height:50px !important;
height:50px !important;
border:2px solid #efefef;
display: block !important;
}
.input-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 250px;
max-width:50%;
padding: 15px;
border:2px solid #efefef;
background:#fff;
color:#333 !important;
font-size:16px !important;
border-radius: 5px;
}
::-ms-expand {
display: none;
}
.input-select option {
font-size:16px !important;
}
#woocommerce-checkout-payment {
background:#fff !important;
padding:30px !important;
}
.form-row {
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-row label {
line-height:100% !important;
height:auto !important;
}
.wc-stripe-elements-field input {
line-height:50px !important;
height:50px !important;
}
.shop_table {
table-layout: auto !important;
border-spacing: 1px !important;
}
.shop_table th,
.shop_table td {
vertical-align: middle;
padding:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.shop_table th {
background:#f9f9f9;
}
#payment input[type="radio"],
#payment input[type="checkbox"] {
-webkit-transform:scale(1.5) !important;
transform:scale(1.5) !important;
} .woocommerce-thankyou-order-details li {
font-size:14px !important;
}
.woocommerce-thankyou-order-details li strong {
font-size:18px !important;
display: block;
margin-top:10px;
}
.bankjp_details li {
font-size:14px !important;
}
.bankjp_details li strong {
font-size:18px !important;
display: block;
margin-top:10px;
}  .bx-account {
display:block;
} .woocommerce-MyAccount-navigation {
width:100%;
padding:2%;
margin-bottom:10%;
border-bottom:none;
border-bottom:1px solid #efefef !important;
border-radius:0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce-MyAccount-navigation ul {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce-MyAccount-navigation li {
width:33.33333333%;
text-align: center;
font-size:12px;
}
.woocommerce-MyAccount-navigation li a {
border-bottom:1px dotted #efefef;
padding:20px 0;
line-height:100%;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce-MyAccount-navigation li:nth-child(n+4) a {
border-bottom:0;
}
.woocommerce-MyAccount-content {
width:100%;
}
.woocommerce-MyAccount-content a {
color:#1cbc8e;
}
.woocommerce-MyAccount-content label {
margin-bottom:15px;
}
.woocommerce-Address-title {
position: relative;
padding:0 0 0 15px !important;
margin-bottom:20px;
border-left:2px solid #1cbc8e;
}
.woocommerce-Address-title h3 {
font-weight:700;
}
.woocommerce-orders-table__cell {
padding:4% 2%;
-webkit-box-sizing: border-box;
box-sizing: border-box;	
}  .variations_form {
padding:2%;
}
.variations {
margin-bottom:8% !important;
border-spacing:4px;
}
.variations th,
.variations td {
padding:2% 0;
font-size:16px !important;
}
.variations th {
width:auto !important;
}
.variations td {}
form.cart .variations .value select {}
form.cart .variations .value select:focus {}
form.cart .variations .value select option {
font-size:16px;
color:#333 !important;
}
.quantity,
.quantity input {}
.single_add_to_cart_button {
font-size:16px;
}
.single_add_to_cart_button:hover {}
.woocommerce-variation {} .checkout label {
line-height:100%;
color:#333;
}
.checkout h3 {
margin-bottom:4%;
} .woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields {
padding:2%;
border-radius:5px;
margin-bottom:10%;
}
#billing_country_field,
#shipping_country_field {}
input.input-text {
font-size:16px !important;
}
textarea.input-text {
font-size:16px !important;
line-height:150% !important;
}
#billing_postcode {
line-height:50px !important;
height:50px !important;
border:2px solid #efefef;
display: block !important;
}
.input-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 70%;
max-width:70%;
padding: 3%;
font-size:16px !important;
}
::-ms-expand {}
.input-select option {
font-size:16px !important;
}
#woocommerce-checkout-payment {
padding:4% !important;
}
.form-row {
display: block !important;
margin-bottom:0 !important;
float:none !important;
width:100% !important;
}
.form-row label {
line-height:100% !important;
height:auto !important;
}
.wc-stripe-elements-field input {
line-height:50px !important;
height:50px !important;
}
.shop_table th,
.shop_table td {
font-size: 14px !important;
}
button[type="submit"] {
margin-top:10% !important;
} .woocommerce-customer-details section {
width:95% !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce-thankyou-order-details,
.bankjp_details {
border:1px solid #ccc;
padding:4% !important;
}
.woocommerce-thankyou-order-details li,
.bankjp_details li {
font-size:14px !important;
display: block !important;
float:none !important;
border:none !important;
padding:2% !important;
border-bottom:1px dotted #ccc !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width:100%;
}
.woocommerce-thankyou-order-details li strong,
.bankjp_details li strong {
font-size:18px !important;
display: block;
margin-top:10px;
}
.woocommerce-thankyou-order-details li:last-child {
border-bottom:0 !important;
}
.bankjp_details li {}
.bankjp_details li strong {}
}