/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 14 2023 | 09:58:31 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 
body footer .site-info ul {
text-align: center;
}
body footer nav {
font-size: 0;
}
body footer nav li {
width: 20%;
padding-right: 0;
font-size: 15px;
text-align: center;
display: inline-block;
vertical-align: top;
}
.search-box form {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
width: 100%;
}
body {
background-position: center;
background-size: auto;
}
.nav-menu-open ul li a i {
margin-right: 5px;
}
#main {
background-color: #fff;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
header {
background-color: #fff;
}
h1.site-title img, div.site-title img {
    width: auto;
}
h1.site-title, div.site-title {
padding-top: 10px;
padding-bottom: 10px;
}
header .inner {
max-width: 1400px;
width: 100%;
}
.search-box {
    float: left;
    width: 45%;
    min-height: 100px;
  position: relative;
}
h1.site-title, div.site-title {
    width: 30%;
}
.search-box div.s-box {
    width: 100%;
}
.search-box .searchsubmit {
    position: absolute;
    top: -2px;
    margin: auto;
}
.search-box input[type="text"] {
    width: 100%;
}
@media only screen and (min-width:900px){
body #site-navigation li {
    width: 25%;
    text-align: center;
}
}
@media only screen and (max-width:600px){
html body footer nav li {
width: 50%;
}
}
.site-description {
display: none;
}
.snav .membership {
width: 55%;
margin-top: 30px;
}
.snav {
margin-right: auto;
margin-left: auto;
}
.incart-btn {
clear: none;
}
.w100 {
max-width: 100px;
width: 100%;
}
.haveto {
color: #fff;
background-color: red;
padding: 3px;
border-radius: 5px;
margin-right: 5px;
font-size: .8em;
}