@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
    html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
font-size: 100%;
margin: 0px;
padding: 0px; word-wrap: break-word;
color: #333;
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
}
* html body { font-size: 85%;
vertical-align: baseline;
}
*:first-child+html body { font-size: 85%;
}
html> body  { font-size: 85%;
} 
html:not(:target) body { font-size: 0.9em;}   img {
margin: 0px;
padding: 0px;
border-style: none;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #666;
text-decoration: none;
} ul, li {
margin: 0px;
padding: 0px;
list-style: none;
} p {
margin: 0px;
padding: 0px;
line-height: 1.75;
} .textleft,
div.textleft {
text-align: left;
}
.textright,
div.textright {
text-align: right;
}
.textcenter,
div.textcenter {
text-align: center;
} .alignleft,
div.alignleft {
margin: 0px;
padding: 0px 10px 10px 0px;
float: left;
}
.alignright,
div.alignright {
margin: 0px;
padding: 10px 0px 0px 10px;
float: right;
}
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
hr {
border: 0;
height: 1px;
background: #ddd;
margin: 30px 0;
}   #wrap {
width: 980px;
margin: 0 auto;
overflow: hidden;
}
#main {
margin: 0px;
padding: 0px 0px;
}
#content {
height: 100%;
padding: 0;
float: left;
}
.two-column {
width: 690px;
margin: 0;
}
#rightbar {
height: 100%;
color: #696961;
width: 240px;
margin: 0px;
padding: 0px 0px;
float: right;
}   #header {
width: 100%;
margin: 0 0 20px 0;
padding: 0 0 0 0;
position: relative;
}
h1#site-title,
div#site-title {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 24px;
font-family: Georgia;
font-style: italic;
font-weight: bold;
}
h1#site-title a,
div#site-title a { color: #333; text-shadow: 0px -1px 1px rgba(0,0,0,0.1); text-decoration: none; cursor: pointer; }
p.discprition {
margin: 0px;
padding: 0;
color: #999;
font-size: 12px;
font-family: Georgia;
font-style: italic;
}
.topbanner {
margin: 0 0 30px 0;
width: auto;
height: auto;
}
.topbanner img { vertical-align: bottom; border: 1px solid #eee;}
.headerslider {
margin: 0 0 30px 0;
width: auto;
height: auto;
}
.headerslider .pika-thumbs { display: none;} div.mainnavi,
ul.mainnavi {
padding: 0px;
margin: 0px 0 0px 0;  letter-spacing: -.40em;
background-color: #EEE;
}
div.mainnavi ul li,
ul.mainnavi li {
padding: 0px;
margin: 0px;
display: inline-block;
*display: inline;  
*zoom: 1;
position: relative;
letter-spacing: normal;
}
div.mainnavi li a,
ul.mainnavi li a {
padding: 10px 20px 10px 20px;
border-bottom: 3px solid #EEE;
margin: 0px;
display: block;
font-weight: bold;
text-align: center;
transition: .4s;
}
div.mainnavi li.current-menu-item a,
ul.mainnavi li.current-menu-item a {
border-bottom: 3px solid #eee;
}
div.mainnavi li a:hover,
ul.mainnavi li a:hover {
border-bottom: 3px solid #09F; 
text-decoration: none; color: #09F;
} .utilities {
width: 500px;
position: absolute;  right: 10px;
text-align: right;
}
ul.subnavi {
margin: 0;
padding: 0;
font-size: 11px;
}
ul.subnavi li {
margin: 0px;
padding: 0;
display: inline-block;
*display: inline;  
*zoom: 1;
}
ul.subnavi a {
display: inline-block;
margin: 0 0 0 20px;
padding: 15px 0 15px 24px;
}
ul.subnavi li a {
background: url(//baraabaru.jp/wp-content/themes/welcart_calm/library/images/icons.png) no-repeat 2px -47px; 
}
ul.subnavi li a.cart {
position: relative;
background-position: 2px -48px; 
}
ul.subnavi li a.cart span {
position: absolute;
left: 8px;
top: 2px;
font-size: 8px;
font-weight: bold;
}
ul.subnavi li a.usces_login_a,
ul.subnavi li a.user {
background-position: 2px -99px
}
ul.subnavi li a.usces_logout_a {
background-position: 0px 4px;
padding-left: 20px;
}
.header_explanation,
.footer_explanation {
color: #55bb44;
padding: 10px 5px;
font-size: 1.2em;
}
.footer_explanation {margin: 15px 0;}    .sidebar li.widget {
padding: 0px 0px 10px 0px;
}
.sidebar .widget_title {
width: auto;
margin: 0 0 10px 0;
padding: 3px 0;
border-bottom: 1px solid #ddd;
font-size: 1em;
line-height:180%;
font-weight: normal;
}
.sidebar .widget_tag_cloud .widget_title {
padding: 5px 10px 0px 5px;
border: none;
}
.sidebar .widget_title>img {	display: none; }
.sidebar li ul,
#calendar_wrap,
.widget_tag_cloud div,
.widget_search form {
width: auto;
margin: 0 0 30px 0;
padding: 0px;
}
.sidebar li ul ul {
border: none;
}
.sidebar li li {
width: auto;
height: auto;
padding: 0 0 0 0px;
}
.welcart_widget_body {
}
.welcart_widget_body .post_list .title a{
display: block;
}
.welcart_widget_body .post_list p {
display: none;
}
.sidebar #calendar_wrap,
.sidebar li.widget ul.welcart_featured_body,
.sidebar li.widget ul.welcart_calendar_body,
.sidebar li.widget ul.welcart_search_body,
.sidebar li.widget ul.welcart_login_body {
padding-top: 10px;
}
.sidebar #calendar_wrap,
.sidebar .widget_tag_cloud div {
padding: 0px 10px 0px 10px;
}
.sidebar .usces_recent_entries li a,
.sidebar .widget_archive li a,
.sidebar .widget_categories li a,
.sidebar .widget_pages li a,
.sidebar .widget_meta li a,
.sidebar .widget_links li a,
.sidebar .widget_recent_comments li a,
.sidebar .widget_recent_entries li a,
.sidebar .widget_welcart_category li a,
.sidebar .widget_welcart_post li a,
.sidebar .widget_welcart_page li a,
.sidebar .widget_welcart_bestseller li a {
padding: 7px 0px;
display: block;
line-height: 1;
zoom: 1;
}   .sidebar .widget_welcart_category .widget_title {margin: 0;}
.sidebar .widget_welcart_category li a {
border-bottom: 1px dotted #eee;
padding: 13px 7px;
color: #555;
font-weight: bold;
}
.sidebar .widget_welcart_category li ul.children { margin: 0;}
.sidebar .widget_welcart_category li ul.children li a:before {content:"- "; color: #eee; padding: 0 7px 0 0; }
.sidebar .widget_welcart_category li ul.children li a {
padding: 10px 7px 10px 10px;
line-height: 1;
font-weight: normal;
}   .sidebar .widget_search a,
.sidebar .widget_welcart_search a,
.sidebar .widget_ucart_search a {
margin-right: 5px;
font-size: 10px;
letter-spacing: 1px;
}
.sidebar .widget_search a:hover,
.sidebar .widget_welcart_search a:hover,
.sidebar .widget_ucart_search a:hover {
text-decoration: none;
}
.sidebar .widget_search #searchsubmit,
.sidebar .widget_welcart_search #searchsubmit,
.sidebar .widget_ucart_search #searchsubmit {
width: 40px;
height: 26px;
margin: 0px 0px 0px 5px;
padding: 0px;
background: #eee url(//baraabaru.jp/wp-content/themes/welcart_calm/library/images/icons.png) no-repeat 50% -157px;
cursor: pointer;
border: none;
text-indent: -9999px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
}
.sidebar .widget_search input#s,
.sidebar .widget_welcart_search input.searchtext,
.sidebar .widget_ucart_search input.searchtext {
border: none;
background: #f9f9f9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 70%;
padding: 6px 4px;
vertical-align: middle;
}
.sidebar .widget_search input#s {
width: 55%;
}
.sidebar .widget_welcart_search form div { display: none; }   .sidebar .widget_welcart_login .widget_title { display: none;}
.sidebar .widget.widget_welcart_login .welcart_widget_body {
padding: 20px 15px;
width: auto;
background: #f3f3f3;
font-size: 0.8em;
}
.sidebar .widget_welcart_login form br {display: none;}
.sidebar .widget_welcart_login form input[type="text"],
.sidebar .widget_welcart_login form input[type="password"] {
border: none;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
width: 99%;
margin: 0 0 10px 0;;
padding: 6px 0px;
text-align: center;
vertical-align: middle;
}
.sidebar .widget_welcart_login form .submit { margin: 20px 0 10px 0;}
.sidebar .widget_welcart_login form .submit input { display: block; width: 99%;}   .welcart_calendar_body.welcart_widget_body {
font-size: 0.85em;
}
#wp-calendar {
font-size: 1em;
width: 99%;
height: auto;
margin: 0px 0px 10px 0px;
padding: 0px;
border-collapse: collapse;
border: 1px solid #e6e6e6;
text-align: center;
}
#wp-calendar caption {
padding: 8px;
line-height: 1;
background-color: #f3f3f3;
letter-spacing: 1px;
font-size: 0.9em;
}
#wp-calendar th,
#wp-calendar td {
padding: 5px 2px;
border: 1px solid #e6e6e6;
font-weight: normal;
font-size: 0.9em;
line-height: 1;
}
#wp-calendar th {
background-color: #c0c0c0;
padding: 2px;
color: #FFF;
}
#wp-calendar td {
background: #fff;
color: #8a8a83;
}
#wp-calendar td.businesstoday {
background: #f2f2ec;
}
#wp-calendar td.businessday,
span.business_days_exp_box,businessday {
background-color: #fde1e1;
color: #f99595;
}
span.business_days_exp_box,businessday {
margin: 0 0 0 5px;
}   .sidebar .widget_welcart_featured .thumimg,
.sidebar .widget_ucart_featured .thumimg {
margin: 0px auto;
}
.sidebar .widget_welcart_featured .thumimg img,
.sidebar .widget_ucart_featured .thumimg img {
text-decoration: none;
width: 100%;
height: auto;
}
.sidebar .widget_welcart_featured .thumtitle,
.sidebar .widget_ucart_featured .thumtitle {
width: auto;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
}
.sidebar .widget_welcart_featured .thumtitle a,
.sidebar .widget_ucart_featured .thumtitle a {
text-decoration: none;
white-space: normal;
word-break: break-all;
word-wrap: break-word;
}
.sidebar .widget_welcart_featured .thumtitle a:hover,
.sidebar .widget_ucart_featured .thumtitle a:hover {
font-weight: bold;
}   .widget_welcart_bestseller ul li {
counter-increment : item;
border-bottom: 1px dotted #ddd;
padding-bottom: 0px;
padding-left: 18px;
margin-top: 5px;
line-height: 1;
position: relative;
}
.widget_welcart_bestseller ul li a:before {
content: counter(item) "";
font-weight: bold;
color: #ccc;
margin-right: 8px;
font-style: italic;
font-family: helvetica;
position: absolute;
left: 3px;
top: 5px;
}   #content section {
line-height: 1.8;
}
#content .storycontent p { margin: 0 0 1.5em 0;}
#content .storycontent a {
color: #a76143;
padding: 0 2px;
text-decoration: none;
}
#content .storycontent a:hover { text-decoration: underline;}
#content h2.pagetitle, 
#content .pagetitle, 
#content .title {
display: block;
font-size: 1.8em;
font-weight: bold;
}
#content h1.pagetitle {
font-weight: bold;
margin: 0 0 30px 0;
font-size: 1.2em;
line-height: 1.2;
border-bottom: 1px solid #ddddd7;
padding: 10px 0 5px 0px;
}
.categoryhead {
margin: 0 0 30px 0;
}
#content .categoryhead h1.pagetitle {
margin: 0 0 10px 0;
}
#content .categoryhead span {
font-size: 0.9em;
}
#content .blogindex h2 {
padding: 5px 0px;
margin: 30px 0 10px 0;
font-size: 1.17em;
font-weight: normal;
border-bottom: 1px solid #ccc;
}
#content .storymeta {
padding: 5px 3px;
color: #878780;
text-align: right;
font-size: 12px;
margin: -34px 0 34px 0;
}
#content .postmetadata {
font-size: 10px;
margin: 20px 0 0 0;
background: #f9f9f9;
padding: 3px 10px;
}
#content .postmetadata span { padding: 0 0.5em;}
#content .post h2 {
padding: 5px 0px;
margin: 40px 0 20px 0;
font-size: 1em;
font-weight: normal;
border-bottom: 1px solid #eee;
}
#content .blogindex .postsummary {
margin: 0 0 100px 0;
}
#content .blogindex .postsummary h2 { font-weight: bold; border: none; font-size: 1em;}  
#content .entry p {
padding: 0 0 0.7em 0;
}
#content .post img,
#content .blogindex img {
max-width: 100%;
height: auto;
}
#content .feedback h3 {
padding: 5px 10px;
margin: 40px 0 20px 0;
font-size: 1em;
font-weight: normal;
background: #f9f9f9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} #content .catbox {
width: auto;
height: 100%;
} #content .page_box {
width: auto;
margin: 0px;
padding: 30px 20px;
background-color: #FFFFFF;
} #content .rcmnd,
#content .thumbindex {
width: 720px;
margin-right: -30px; letter-spacing: -.40em; 
}
#content .rcmnd p,
#content .thumbindex p { letter-spacing: normal;}
#content .thumbnail_box {
vertical-align: top;
letter-spacing: normal;
width: 210px;
margin: 0 30px 30px 0;
padding: 0;
display: inline-block;
*display: inline;  
*zoom: 1;
overflow: hidden;
}
.thumbnail_box .thumimg {
vertical-align: bottom;
overflow: hidden; margin: 0 0 8px 0;
}
.thumbnail_box .thumtitle {
width: auto;
line-height: 1.2;
margin: 0 0 2px 0;
}
.thumbnail_box .thumtitle a {
text-decoration: none;
white-space: normal;
word-wrap: break-word;
}
.thumbnail_box .thumtitle span {
display: block;
margin: 4px 0 0 0;
font-size: 0.9em;
}
.thumbnail_box .price {
font-size: 0.9em;
color: #9e9e9e;
}
.thumbnail_box a.detailbutton {
width: 89px;
height: 16px;
padding-top: 5px;
margin-top: 10px;
background: #333;
display: block;
color: #566732;
font-size: 10px;
text-align: center;
text-decoration: none;
}
.thumbnail_box a.detailbutton:active {
outline: none;
}
.pagination {
clear:both;
padding:10px;
margin: 0 0 40px 0;
background: #f8f8f8;
position:relative;
line-height:1;
text-align: center;
font-size: 11px;
}
.pagination span, .pagination a {
display: inline-block;
*display: inline;  
*zoom: 1;
margin: 0px 5px 0px 0;
padding: 6px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.pagination a:hover{
color:#fff;
background: #999;
}
.pagination .current{
padding:6px 9px 5px 9px;
color:#333;
background: #fff;
}
.category_images img {
display: block;
vertical-align: bottom;
margin: 0 0 30px 0;
width: 100%;
height: auto;
} .relatedbox {
clear: both;
}
.relatedbox h3 {
letter-spacing: 1px;
border-bottom: 1px solid #eee;
padding: 0 0 5px 0;
text-transform: uppercase;
font-weight: normal;
font-size: 0.9em;
letter-spacing: 1px;
margin-bottom: 20px;
} section.guide {
padding: 0 0 40px 0px;
}
.guide h2 {
padding: 10px 15px;
margin: 40px 0 20px 0px;
font-size: 1.2em;
line-height: 1;
background: #dddddd;
}
.guide ol li {
list-style-type: decimal;
margin: 0 0 2em 24px;
} table.legalinfo {
width: 100%;
margin: 0 0 20px 0px;
border-collapse: collapse;
}  
table.legalinfo th,
table.legalinfo td {
text-align: left;
padding: 15px 0px;
}
table.legalinfo th {
border-bottom: 1px dotted #e6e6e6;
border-left: none;
color: #555;
font-weight: bold;
border-right: none;
text-align: left;
}
table.legalinfo td {
border-bottom: 1px dotted #e6e6e6;
color: #4c4c4c;
padding-left: 10px;
} .post-edit-link { display: none; }   #footer {
border-top: 1px solid #eee;
width: auto;
padding: 20px;
text-align: right;
}
#footer p {
margin: 0px;
padding: 0px;
}
#footer p.copyright {
font-size: 12px;
}
#footer p.credit,
#footer p.credit a {
margin-top: 20px;
font-size: 10px;
text-align: right;
}
#footer ul.footernavi {
padding: 0px;
margin: 0px;
}
#footer li {
display: inline;
margin: 0px;
padding: 0px 20px;
font-size: 0.9em;
white-space: nowrap;
}
#footer li a {
text-decoration: none;
}   ol#commentlist { padding: 0 0 0 20px;}
ol#commentlist  li.comment {
padding: 0 0 20px 55px;
margin: 0 0 20px 0;
position: relative;
border-bottom: 1px dotted #eee;
}
ol#commentlist  li.comment img.avatar {
border: 4px solid #f8f8f8;
position: absolute;
top: 3px;
left: 0;
}
ol#commentlist  li.comment cite {
font-size: 0.8em;
letter-spacing: 1px;
font-style: normal;
}
input[type="text"],
input[type="password"],
textarea {
font-family:Verdana,Arial,sans-serif;
font-size: 1em;
border: 0;
padding: 7px;
width: 90%;
color: #444;
border: solid 1px #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
}
#commentform input[type="text"] {
width:300px;
margin: 0 10px 20px 0;
}
#commentform textarea { width: 600px; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button:visited {
display: inline-block;
padding: 10px 30px;
background: #333;
border: none;
color: #fff !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-decoration: none;
font-weight: normal;
font-size: 1em;
line-height: 1;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.button:hover,
.button:visited:hover,
.button:focus,
.button:visited:focus {
background-color: #555;
color: #ffffff;
} input[type="submit"].to_customerinfo_button,
input[type="submit"].to_confirm_button,
input[type="submit"].checkout_button {
background: #333;
} input[type="submit"].back_to_customer_button,
input[type="submit"].back_cart_button,
input[type="submit"].back_to_delivery_button,
input[type="submit"].delButton,
input[type="button"].continue_shopping_button,
.upbutton input[type="submit"] {
background: #777;
color: #fff;
border: none;
}
input[type="submit"].delButton,
.upbutton input[type="submit"] {  padding: 5px 15px;}
.upbutton { text-align: right; } #main:after,
#rightbar:after,
.clearfix:after,
section:after,
.usccart_navi ol:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#main,
#rightbar,
.clearfix,
section,
.usccart_navi ol {
display: inline-table;
min-height: 1px;
}
* html .clearfix,
* html #main,
* html #rightbar,
* html section,
* html .usccart_navi ol {
height: 1px;
}
.clearfix,
#main,
#rightbar,
section,
.usccart_navi ol {
display: block;
}
.clear {
clear: both;
} .pikachoose { width: 690px; margin: 0 0 30px 0;} .pika-thumbs{ padding: 0 0px; height: 160px; }
.pika-thumbs li{
width: 225px;
margin: 10px 0 0 0;
padding: 0;
overflow: hidden;
float: left;
list-style-type: none;
margin: 0 0px;
cursor: pointer;
}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}
.pika-thumbs li .clip img { width: auto; height: auto;} .pika-stage, .pika-textnav {width: 100%; height: auto;}
.pika-stage { position: relative;  text-align:center; zoom: 1; }
.pika-stage img{height:auto; width: 100%; vertical-align: bottom; } .pika-imgnav a { position: absolute; font-size: 0; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(//baraabaru.jp/wp-content/themes/welcart_calm/library/images/prev.gif) no-repeat left 45%; height: 100%; width: 40px; top: 0px; left: -2px;cursor:pointer;}
.pika-imgnav a.next {background: url(//baraabaru.jp/wp-content/themes/welcart_calm/library/images/next.gif) no-repeat right 45%; height: 100%; width: 40px; top: 0px; right: -2px;cursor:pointer;}
.pika-imgnav a.previous,
.pika-imgnav a.next{
-moz-background-size: 40px;
-webkit-background-size: 40px;
-o-background-size: 40px;
background-size: 40px;   
} .pika-textnav { display: none;} .pika-counter{
position: absolute;
bottom: 10px;
right:10px;
padding: 3px 6px;
color:#777;
background:rgba(255,255,255,0.7);
font-size:10px;
} .pika-loader{ background:url(//baraabaru.jp/wp-content/themes/welcart_calm/library/images/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
text-align:right; position:absolute; top:15px; right:15px; }
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 10px 0 0 0; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 150px; width: 690px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}
  span.cprice {
text-decoration: line-through;
font-weight: normal;
font-size: 12px;
}
em.tax {
color: inherit;
text-decoration: none;
letter-spacing: 0em;
font-weight: normal;
font-style: normal;
font-size: 0.7em;
}
dl.itemGpExp {
margin: 0px;
padding: 0px;
}
dl.itemGpExp dt {
margin: 0px;
padding: 3px 0px 0px 30px;
height: 16px;
background-image: url(//baraabaru.jp/wp-content/themes/welcart_calm/library/css/images/gp.gif);
background-position: left center;
background-repeat: no-repeat;
color: #FF3333;
font-weight: bold;
font-size: 13px;
}
dl.itemGpExp dd {
margin: 0px;
padding: 0px;
}
dl.itemGpExp ul {
margin: 0px;
padding: 0px;
}
dl.itemGpExp li {
margin: 0px;
padding: 0px;
list-style-type: none;
letter-spacing: 1px;
font-size: 13px;
}
#itempage .field {
margin: 0px;
width: auto;
height: auto;
}
#itempage .field hr {
color: #CCCCCC;
}
#itempage .field .field_name {
text-align: left;
}
#itempage .field .field_price {
margin: 0px;
padding: 0px;
width: auto;
font-size: 1.4em;
font-family: Helvetica;
}
#content h1.item_page_title {
margin: 0 0 40px 0;
padding: 0 0 5px 0;
color: #333;
font-size: 1.2em;
border-bottom: 1px solid #eee;
line-height: 1.3;
}
#itempage h2.item_name {
padding: 0;
font-size: 14px;
line-height: 18px;
}
#itempage .description {
margin-bottom: 10px;
}
*:first-child+html #itempage .description {
display: inline;
}
#itempage section.orderitem {
margin: 40px 0;
padding: 40px 0;
border-top: 3px solid #666;
}
#itempage section.orderitem .stockstatus {
float: left;
width: 320px;
}
#itempage section.orderitem .actionform {
float: right;
width: 320px;
text-align: left;
}
.stockstatus dl {
position: relative;
margin: 0;
padding: 10px 0;
border-bottom: 1px dotted #ccc;
}
.stockstatus dl dt {
font-size: 0.9em;
}
.stockstatus dl dd {
position: absolute;
top: 10px;
right: 0;
}
.stockstatus dl dd.field_cprice,
.stockstatus dl dd.field_price {
letter-spacing: 1px;
font-weight: 100;
font-size: 1.4em;
font-family: helvetica;
}
.iopt_label {display: none; }
select.iopt_select {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border-radius:6px;
height: 30px;
font-size: 14px;
text-indent: 1em;
border: none;
cursor: pointer;
background: #f7f7f7;
border: 1px solid #ddd;
}
.select-wrap{
position:relative;
overflow:hidden;
display:inline-block;
min-width:192px;
min-width:12em;
background-color:#ffffff;
background-image:-webkit-linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
background-image:linear-gradient(top, #ffffff 0%, #dfe0d9 100%);
border:1px solid #c0c0c0;
color:#333;
}
#itempage form {
margin: 0px;
padding: 0px;
width: auto;
height: auto;
}
#itempage .itemmainimg img {
margin: 0 0 0px 0;
max-width: 750px;
}
#itempage .itemsubimg {
margin: 0 0 40px 0;
}
#itempage .itemsubimg img {
}
#itempage .skuform {
width: 100%;
}
#itempage .skuform .skuquantity {
padding-right: 4px;
padding-left: 4px;
width: 50px;
text-align: right;
}
#itempage table {
width: 100%;
border-spacing: 2px;
border-collapse: separate;
border-color: gray;
}
#itempage table th,
#itempage table td {
padding: 15px 0;
border-bottom: 1px dotted #ccc;
font-weight: normal;
font-size: 0.9em;
}
#itempage table td input,
#itempage table td select {
padding: 5px 0;
width: 100%;
font-size: 1.1em;
} #itempage table.skusingle,
#itempage table.item_option {
margin: 0px 0px 10px 0px;
padding: 0px;
}
#itempage table.skusingle td,
#itempage table.item_option td {
margin: 0px;
padding: 3px 10px 3px 0px;
}
.addtocart {
margin: 0px 0 0 0;
padding: 18px 15px;
-webkit-border-radius: 3px;  
-moz-border-radius: 3px;
border-radius: 3px;
background: #f3f3f3;
}
#itempage .skuform .skuquantity {
margin: 0 5px 0 10px;
padding: 5px;
width: 1em;
text-align: center;
letter-spacing: 1px;
font-weight: 100;
font-size: 1em;
font-family: helvetica;
}
.addtocart input[type=submit] {
margin: 0 0 0 10px;
padding: 10px 0;
width: 170px;
} .skumultibox {
padding: 0 0 40px 0;
}
.skumultibox + div.skumultibox {
padding: 0 0 0px 0;
}
#content .post .skumultibox h3 {
margin: 0;
margin: 0 0 15px 0;
padding: 10px 10px 10px 10px;
background: #f3f3f3;
color: #444;
font-size: 14px;
line-height: 1em;
}
#content .post .skumultibox h3 span {
padding-left: 1em;
font-weight: normal;
font-size: 12px;
}
#itempage table.skumulti {
margin: 0;
padding: 0;
width: 100%;
border: 1px solid #CCC;
border-collapse: collapse;
}
#itempage table.skumulti th {
margin: 0px;
padding: 3px;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
background-color: #E6E6E6;
text-align: center;
font-weight: normal;
font-size: 12px;
}
#itempage table.skumulti th.thborder {
border-bottom: 2px solid #CCC;
}
#itempage table.skumulti td {
margin: 0px;
padding: 3px;
border: 1px solid #D9D9D9;
}
#itempage table.skumulti td.subborder {
border-bottom: 3px solid #D9D9D9;
}
#itempage table.skumulti td.skudisp {
color: #f00;
font-weight: bold;
}
.zaiko_status {
display: block;
margin: 0 10px 0 70px;
padding: 10px 25px;
border: 1px solid #bbb;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #bbb;
color: #fff;
text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 0.9em;
line-height: 1;
}
#itempage .assistance_item {
padding: 0px;
width: auto;
}
#itempage .assistance_item h3 {
margin-bottom: 10px;
margin-left: 0px;
padding: 3px 5px;
height: 18px;
background-color: #999999;
color: #FFFFFF;
font-size: 14px;
line-height: 18px;
}
#itempage .assistance_item ul {
margin: 0px;
padding: 0px;
list-style-type: none;
list-style-image: none;
}
#itempage .assistance_item li {
float: left;
margin: 0px;
padding: 0px 0px 10px 0px;
width: 312px;
}
#itempage .assistance_item .listbox {
margin-right: 10px;
padding: 10px;
width: auto;
border: 1px solid #cccccc;
background-color: #f9f9f9;
}
#itempage .assistance_item .slit {
float: left;
overflow: hidden;
width: 100px;
height: 100px;
background-image: url(//baraabaru.jp/wp-content/themes/welcart_calm/library/css/image/no_img.gif);
background-repeat: no-repeat;
}
#itempage .assistance_item .detail {
margin: 0px;
padding-top: 5px;
padding-left: 115px;
width: auto;
}
#itempage .assistance_item h4 {
margin: 0px 0px 5px 0px;
padding: 0px;
color: #660000;
font-weight: bold;
font-size: 12px;
line-height: 150%;
}
#itempage .assistance_item .detail p {
margin: 0px;
padding: 0px;
color: #333333;
font-size: 11px;
line-height: 150%;
}
.page_content {
padding: 10px;
}  #itempage .assistance_item {
width: 740px;
}
#itempage .assistance_item ul {
overflow: hidden;
margin-right: -10px;
width: 750px;
_zoom: 1;
}
#itempage .assistance_item ul li {
margin-right: 10px;
width: 240px;
}
#itempage .assistance_item .listbox {
overflow: hidden;
margin-right: 0px;
height: 125px;
}    #searchbox {
margin: 0px 0 15px 0;
padding: 20px 30px;
width: auto;
border: 10px solid #f6f6f0;
background: #f8f8f3;
}
#searchbox label.outlabel {
font-weight: bold;
}
#searchbox legend {
font-weight: bold;
}
#searchbox fieldset {
margin: 20px 0 0 0;
border: 2px solid #ebebe0;
padding: 20px 20px;
}
#searchbox fieldset ul {
margin: 0px;
}
#searchbox fieldset li {
width: 100px;
display: inline-block;
}
#searchbox input.usces_search_button {
margin: 20px auto 0px auto;
width: 180px;
}  #memberpages #memberinfo ul {
margin: 0px;
padding: 0px 0px 15px 20px;
list-style-position: outside;
}
#memberpages #memberinfo li {
margin: 0px;
padding: 0px;
color: #333333;
font-size: 12px;
line-height: 24px;
}
#memberpages #memberinfo li strong {
color: #cc0000;
}
#memberpages div.loginbox form {
margin: 0px auto 0px auto;
padding: 10px 30px 30px 30px;
background: #f8f8f8
}
#memberpages input.loginmail,
#memberpages input.loginpass {
padding: 10px;
width: 300px;
font-size: 1.2em;
}
#memberpages .loginbox p {
margin: 0px;
padding: 15px 0px 0px 0px;
color: #333333;
line-height: 24px;
}
#memberpages .loginbox p#nav {
}
#memberinfo table {
margin-top: 10px;
width: 99%;
border-collapse: collapse;
border-right: 1px solid #e6e6e6;
}
#memberinfo table .num{
font-size: 14px;
}
#memberinfo table .num + td { display: none;	border-left: 1px solid #e6e6e6; }
#memberinfo table .rightnum,
#memberinfo table .date {
padding: 10px 5px;
border-left: 1px solid #e6e6e6;
text-align: right;
white-space: nowrap;
}
#memberinfo th,
#memberinfo td {
padding: 8px 7px;
line-height: 150%;
}
#memberinfo th {
border: 1px solid #e6e6e6;
background-color: #f3f3f3;
border-right: none;
color: #555;
text-align: right;
white-space: nowrap;
font-weight: bold;
font-size: 12px;
}
#memberinfo th.historyrow {
background-color: #f3f3f3;
text-align: center;
white-space: nowrap;
font-size: 11px;
}
#memberinfo td {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
color: #4c4c4c;
}
#memberinfo td.retail {
padding: 10px 10px 40px 10px;
border-left: 1px solid #e6e6e6;
background-color: #fcfcfc;
border-bottom: 3px solid #777;
}
#memberinfo td.retail table {
margin: 0;
width: 100%;
background: #fff;
}
#memberinfo td.retail table th {
padding: 5px;
width: auto;
background: #f3f3f3;
text-align: center;
font-size: 12px;
}
#memberinfo td.retail table td {
padding: 5px;
border-left: 1px solid #e6e6e6;
text-align: center;
font-size: 0.9em;
}
#memberinfo td.retail table td.aleft { text-align: left; }
#memberinfo td.retail table td img {
margin: 0;
width: 50px;
height: 50px;
-webkit-border-radius: 5px;  
-moz-border-radius: 5px;
border-radius: 5px;
vertical-align: bottom;
}
#memberinfo h3 {
margin: 50px 0px 20px 0px;
padding: 3px 0px;
border-bottom: 1px solid #777;
font-weight: normal;
font-size: 1.2em;
}
#memberinfo .customer_form input {
margin: 0 8px;
width: 50%;
font-size: 1em;
}
#memberinfo .customer_form input#zipcode {
margin-left: 8px;
width: 80px;
}
#memberinfo .customer_form input#address1,#memberinfo .customer_form input#address2,#memberinfo .customer_form input#address3 {
margin-right: 8px;
margin-left: 0px;
width: 75%;
} #memberinfo a.usces_logout_a,
.currency_code { display: none;}    .send {
margin: 40px 0 15px 0;
padding: 30px;
width: auto;
background: #f3f3f3;
text-align: center;
}
.customer_form em {
margin: 0 2px 0 0;
color: #f00;
font-weight: normal;
font-style: normal;
font-size: 0.8em;
}
#content h1.cart_page_title {
margin: 0 0 30px 0;
color: #333;
font-size: 2em;
}
.usccart_navi {
margin: 0 0 30px 0;
}
.usccart_navi ol {
margin: 0 0 20px 0;
padding: 0px;
width: auto;
}
div.usccart_navi li.ucart{
width: 24.9%;
float: left;
margin: 0px;
height: 40px;
line-height: 40px;
background: #f8f8f8;
color: #333;
font-weight: bold;
font-size: 12px;
counter-increment : item ;
position: relative;
}
div.usccart_navi li:before {
content: counter(item) "";
color: #999;
text-align: center;
vertical-align: middle;
line-height: 16px;
font-size: 12px;
font-style: italic;
height: 18px;
width: 18px;
margin: 4px 3px 0 20px;
display: inline-block;
}
div.usccart_navi li.usccart_cart,
div.usccart_navi li.usccart_customer,
div.usccart_navi li.usccart_delivery,
div.usccart_navi li.usccart_confirm { background: #444; color: #fff; }
div.usccart_navi li.usccart_cart:before,
div.usccart_navi li.usccart_customer:before,
div.usccart_navi li.usccart_delivery:before,
div.usccart_navi li.usccart_confirm:before {
color: #eee;
}
div.usccart_navi li.usccart_cart:after,
div.usccart_navi li.usccart_customer:after,
div.usccart_navi li.usccart_delivery:after{
content: '';
position: absolute;
top: 12px; 
right: -6px;
width: 15px; 
height: 15px;
transform: scale(0.707) rotate(45deg);
-webkit-transform: scale(0.707) rotate(45deg);
-moz-transform:  scale(0.707) rotate(45deg);
z-index: 1;
background: #444;
}
div.usccart_navi li:last-child:after {
content: none;
}
#cart_table {
margin: 20px 0;
width: 100%;
border-collapse: collapse;
}
#cart_table {table-layout:fixed\9;} #cart_table th,
#cart_table td {
padding: 10px 8px;
vertical-align: middle;
line-height: 150%;
}
#cart_table th {
border: 1px solid #e6e6e6;
background-color: #f3f3f3;
color: #555;
white-space: nowrap;
font-weight: bold;
font-size: 12px;
}
#cart_table td {
border: 1px solid #e6e6e6;
color: #666;
text-align: center;
line-height: 1.5;
font-size: 0.9em;
}
#cart_table td.aleft {
text-align: left;
font-size: 12px;
line-height: 2em;
}
#cart_table .aright {
text-align: right;
}
#cart_table td img {
margin: 0;
min-width: 50px !important;
height: auto;
display: block;
vertical-align: bottom;
-webkit-border-radius: 5px;  
-moz-border-radius: 5px;
border-radius: 5px;
}
#cart_table td input.quantity {
padding: 4px;
width: 2em;
text-align: center;
}
#cart_table tfoot {
padding: 10px;
background: #fff;
background-color: #f8f8f8;
font-size: 1em;
}
#cart_table tfoot th { font-size: 1em;}
#cart_table tfoot th.aright+th.aright { color: #ff6767; }
#point_table {
margin: 30px 0 30px auto;
width: 400px;
border: 4px solid #f2f2f2;
border-collapse: collapse;
}
#point_table th,
#point_table td {
padding: 12px 15px;
line-height: 150%;
}
#point_table td {
border-top: 1px dotted #e6e6e6;
border-bottom: 1px dotted #e6e6e6;
background: #f3f3f3;
color: #4c4c4c;
text-align: right;
}
#point_table td input.used_point { margin: 0 5px 0 0; padding: 5px;}
#inside-cart .post {
margin-top: 10px;
padding-top: 15px;
padding-bottom: 15px;
width: auto;
}
#inside-cart h2 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 10px;
height: 32px;
border-bottom: 2px solid #ffe679;
background-color: #ffcc00;
color: #ffffff;
font-weight: bold;
font-size: 16px;
line-height: 32px;
}
#inside-cart p {
margin: 0px;
padding: 15px 0px 0px 0px;
color: #333333;
font-size: 12px;
line-height: 24px;
}
#customer-info .post {
margin-top: 10px;
padding: 15px 0px;
width: auto;
}
.error_message {
color: #ff7676;
font-weight: bold;
font-weight: normal;
font-size: 1.1em;
line-height: 2em;
}
#customer-info h2 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 10px;
height: 32px;
border-bottom: 2px solid #ffc56a;
background-color: #ff9900;
color: #ffffff;
font-weight: bold;
font-size: 16px;
line-height: 32px;
}
#customer-info form {
margin: 0px;
padding: 0px;
}
#customer-info table,
#delivery-info table.customer_form,
#newmember table.customer_form {
margin-top: 10px;
width:100%;
border-collapse: collapse;
border-right: 1px solid #e6e6e6;
}
#customer-info th,
#customer-info td,
#delivery-info table.customer_form th,
#delivery-info table.customer_form td,
#newmember table.customer_form th,
#newmember table.customer_form td {
padding: 12px 15px;
line-height: 150%;
}
#customer-info th,
#delivery-info table.customer_form th,
#newmember table.customer_form th {
width: 25%;
border: 1px solid #e6e6e6;
background-color: #f3f3f3;
color: #555;
text-align: right;
white-space: nowrap;
font-weight: bold;
font-size: 12px;
}
#customer-info td,
#delivery-info td,
#newmember table.customer_form td  {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
color: #4c4c4c;
text-align: left;
}
#customer-info .customer_form input,
#newmember table.customer_form input {
margin: 0 8px 0 4px;
width: 50%;
font-size: 1em;
}
#customer-info .customer_form tr.inp1 input {
margin-left: 8px;
width: 82%;
}
#customer-info .customer_form tr.inp2 input {
margin-right: 8px;
margin-left: 0px;
width: 75%;
}
#delivery-info .post {
margin-top: 10px;
padding: 15px 0px;
width: auto;
}
#customer-info .customer_form input#zipcode { width: 80px;}
#delivery-info h2 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 10px;
height: 32px;
border-bottom: 2px solid #ffaa68;
background-color: #ff6600;
color: #ffffff;
font-weight: bold;
font-size: 16px;
line-height: 32px;
}
#delivery-info .customer_form dl {
margin: 0px;
padding: 0px;
width: auto;
}
#delivery-info .customer_form dt {
padding-top: 5px;
width: auto;
color: #333333;
font-size: 12px;
line-height: 150%;
}
#delivery-info .customer_form dd {
margin: 0px;
padding: 0px 0px 5px 20px;
color: #333333;
font-size: 12px;
line-height: 150%;
}
#delivery-info #delivery_table input {
margin-right: 3px;
width: 50%;
}
#delivery-info #delivery_table tr.inp1 input {
margin-right: 0px;
margin-left: 3px;
width: 83%;
}
#delivery-info #delivery_table tr.inp2 input {
margin-right: 3px;
margin-left: 0px;
width: 76%;
}
#delivery-info .customer_form .btn {
width: 24px;
}
#delivery-info #time {
margin-top: 10px;
}
#delivery-info #notes_table textarea,
#delivery-info #time textarea {
padding: 6px;
width: 94%;
height: 100px;
font-size: 1.1em;
}
#info-confirm .post {
margin-top: 10px;
padding: 15px 0px;
width: auto;
background-color: #ffffff;
}
#info-confirm h2 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 10px;
height: 32px;
border-bottom: 2px solid #ff8f71;
background-color: #ff3300;
color: #ffffff;
font-weight: bold;
font-size: 16px;
line-height: 32px;
}
#info-confirm form {
margin: 0px;
padding: 0px;
}
#info-confirm #confirm_table {
margin-top: 10px;
width: 100%;
border-collapse: collapse;
border-right: 1px solid #e6e6e6;
}
#confirm_table h3 {
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 13px;
line-height: normal;
}
#confirm_table th,
#confirm_table td {
padding: 12px 15px;
line-height: 150%;
}
#confirm_table th {
width: 25%;
border: 1px solid #e6e6e6;
border-right: none;
background-color: #f3f3f3;
color: #555;
text-align: right;
white-space: nowrap;
font-weight: bold;
font-size: 12px;
}
#confirm_table td {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
color: #4c4c4c;
}
#confirm_table .ttl {
background-color: #e9e9e9;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
font-size: 14px;
}
#confirm_table .bdc {
background-color: #fcffcc;
}
#coml-page h2,#error-page h2 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 10px;
height: 32px;
border-bottom: 2px solid #b2b165;
background-color: #666600;
color: #ffffff;
font-weight: bold;
font-size: 16px;
line-height: 32px;
}
#coml-page p,#error-page p {
margin: 0px;
padding: 0px;
color: #333333;
font-size: 12px;
line-height: 150%;
}
#coml-page form,#error-page form {
margin: 0px;
padding: 0px;
}
#coml-page .post,#error-page .post {
margin-top: 10px;
padding: 15px;
width: auto;
background-color: #ffffff;
}
table.customer_form input {
margin: 0 15px 0 0;
padding: 5px;
color: #555;
font-size: 1.2em;
}  .inqbox {
padding-top: 20px;
padding-bottom: 20px;
width: auto;
}
.inqbox ul {
margin: 0px;
padding: 0px 0px 0px 20px;
list-style-position: outside;
}
.inqbox li {
margin: 0px;
padding: 0px;
color: #333333;
font-size: 12px;
line-height: 24px;
}
.inqbox li strong {
color: #cc0000;
}
.inqbox .inquiry_table {
margin-top: 10px;
width: 99%;
border-collapse: collapse;
border-right: 1px solid #e6e6e6;
}
.inqbox form {
margin: 0px;
padding: 0px;
}
.inqbox th {
width: 25%;
border: 1px solid #e6e6e6;
background-color: #f3f3f3;
border-right: none;
color: #555;
text-align: left;
white-space: nowrap;
font-weight: bold;
}
.inqbox td {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
color: #4c4c4c;
}
.inqbox th,
.inqbox td {
padding: 12px 15px;
line-height: 150%;
}
.inquiry_table input {
padding: 8px;
width: 95%;
font-size: 1.2em;
}
.inquiry_table textarea {
padding: 8px;
width: 94%;
height:200px;
font-size: 1.2em;
}
.inqbox .inquiry_comp {
margin: 50px auto 0px auto;
padding: 15px 0px;
color: #336600;
text-align: center;
font-weight: bold;
font-size: 1.6em;
}
.inqbox .compbox {
padding: 10px;
border: 1px solid #FFCC00;
background-color: #FFFFCC;
font-size: 1em;
line-height: 1.5em;
}
.hidden {
display: none !important;
}
   h1#site-title,
div#site-title,
#wrap,
#rightbar,
.two-colmn {
transition:all .5s ease-in-out; 
-o-transition:all .5s ease-in-out; 
-moz-transition:all .5s ease-in-out; 
-webkit-transition:all .5s ease-in-out;
} @media only screen and (min-width: 769px) and (max-width: 980px) {
#wrap { width: 768px; }
#content {	padding: 0px 20px 0 0;}
#header { padding: 20px 10px 40px 10px; width: auto; }
.utilities { width: 450px; right: 20px;}
#main {
padding: 0px 0px;
}
.topbanner { margin-bottom: 20px;}
.topbanner img { width: 518px; height: auto; }
h1#site-title,
div#site-title { font-size: 24px; }
.two-column { width: 520px; overflow: hidden;}
#rightbar { width: 205px;}
#content .rcmnd,
#content .thumbindex {
width: 540px;
margin-right: -20px; letter-spacing: -.40em; 
}
#content .thumbnail_box {
width: 160px;
height: auto;
margin: 0 20px 15px 0;
}
.thumbnail_box .thumimg { height: auto; overflow: hidden; }
.thumbnail_box .thumimg img { width: 160px; height: auto;}
.pikachoose { width: 520px; }
.pika-thumbs li{ width: 168px; }
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 120px; width: 570px;}
.sidebar .widget_welcart_search input.searchtext { width: 65%;}
} @media only screen and (max-width: 768px) {
#wrap { width: 95%;  }
h1#site-title,
div#site-title { font-size: 20px; padding: 5px 0 20px 0; border-bottom: 1px solid #eee; }
.discprition { display: none;}
#header { padding: 20px 0 0 0; text-align: center;}
div.mainnavi,
ul.mainnavi {
padding: 0px;
margin: 0px 0 20px 0;
border-right:none;
text-align: center;
}
div.mainnavi li a, ul.mainnavi li a {
border: none;
background: #09F;
color: #fff;
text-shadow: none;
padding: 20px 10px;
margin: 2px 4px 2px 0;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
font-size: 0.9em;
line-height: 1;
}
div.mainnavi li a:hover,
ul.mainnavi li a:hover { border-bottom: none;  text-decoration: none; color:#666; }
.utilities {
width: auto;
position: relative;
text-align: center;
}
.utilities ul.subnavi li.logout { display: none;} 
.two-column,
#rightbar { width: 100%; float: none; margin-bottom: 30px;}
#content { padding: 0 0 30px 0; margin: 0 auto;}
#rightbar { clear: both; margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 3px solid #eee;} 
.topbanner { padding:0px;  margin: 0 0 10px 0; }
.topbanner img { width: 100%; height:auto; }
#content .post img,
#content .blogindex img {
max-width: 100%;
height: auto;
}
#content .rcmnd,
#content .thumbindex { width: 100%;  }
.thumbnail_box .thumimg { margin: 0 0 5px 0; }
#content h2.pagetitle, 
#content .pagetitle, 
#content .title {
display: block;
font-size: 18px;
font-weight: bold;
}
#content h1.pagetitle {
font-weight: bold;
margin: 0 0 30px 0;
font-size: 14px;
text-align: center;
line-height: 1;
border: none;
border-bottom: 1px double #eee;
border-top: 1px solid #eee;
padding: 12px 0;
}
.pikachoose {  max-width: 100%; height:auto; }
.pika-thumbs li { width: 100px; }
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 100px; width: 100%;}
.send button,
.send input[type="button"],
.send input[type="reset"],
.send input[type="submit"] { display: block; width: 100%; font-weight: bold;}
#commentform input[type="text"] {
width: 95%;
}
#commentform textarea { width: 95%; }
#footer {
width: auto;
padding: 20px 0;
text-align: center;
}
#footer p.credit {
margin-top: 10px;
text-align: center;
color: #bbb;
}
#footer li {
padding: 0px 10px;
}
} @media only screen and (min-width: 480px) and (max-width: 768px) {
#content .thumbnail_box { vertical-align: top; width: 31.2%; height: auto; margin: 0 3% 15px 0%;}
#content .thumbnail_box:nth-child(3n) { margin-right: 0; }
.thumbnail_box .thumimg { width: auto; height: auto; }
.thumbnail_box .thumimg img { width: 100%; height: auto;}
.sidebar { width: 100%; height: auto; clear: both;}
.sidebar li.widget {
width: 47%;
margin: 0 6% 20px 0;
float: left;
}
.sidebar li.widget:nth-child(2n) { margin-right: 0;}
} @media only screen and (max-width: 479px) {
#content .thumbnail_box { vertical-align: top; width: 48%; height: auto; margin: 0 4% 10px 0%;}
#content .thumbnail_box:nth-child(2n) { margin-right: 0; }
.thumbnail_box .thumimg { width: auto; height: auto; }
.thumbnail_box .thumimg img { width: 100%; height: auto;}
.sidebar li.widget {
width: 100%;
margin:0 0 20px 0;
clear: both;
} .sidebar .widget_title {
margin: 0 0 10px 0;
padding: 3px 10px;
font-size: 1.4em;
}
#text-5 p {
font-size: 1.2em ;
padding: 0 10px;
}
}   @media only screen and (min-width: 769px) and (max-width: 979px) {
#itempage section.orderitem { padding: 30px 0; }
#itempage section.orderitem .stockstatus { width: 250px; }
#itempage section.orderitem .actionform { width: 240px; }
.addtocart input[type=submit] { width: 110px; font-size: 0.9em;}
#itempage .skuform .skuquantity { margin: 0 2px;}
#memberinfo th.historyrow {white-space: normal;  }
} @media only screen and (max-width: 768px) {
#itempage section.orderitem .stockstatus {
float: none;
width: auto;
}
#itempage section.orderitem .actionform {
float: none;
width: auto;
}
.actionform { margin: 20px 0 0 0;}
#memberpages input.loginmail,
#memberpages input.loginpass { width: 90%; }
div.usccart_navi li.ucart,
div.usccart_navi li:before{ font-size: 10px; }
#cart_table th, #cart_table td,
#memberinfo th, #memberinfo td { padding: 6px 3px; white-space: normal;}  
#memberinfo table .date,
#memberinfo th.historyrow {white-space: normal;  }
}
@media only screen and (max-width: 479px) {
div.usccart_navi ol li.ucart {
border-bottom: 1px solid #fff;
width: 49%;
}
#itempage section.orderitem {padding: 10px;}
.addtocart input[type="submit"] { width: 140px;}
#cart_table td.aleft { font-size: 0.8em;}
#cart_table td img { display: none;}
input[type="submit"].delButton { padding: 5px 5px;}
#point_table {
margin: 20px 0;
width: auto;
}
#customer-info th,
#delivery-info table.customer_form th,
#newmember table.customer_form th {
width: 25%;
font-size: 0.9em;
white-space: normal;
}
#customer-info .customer_form input,
#newmember table.customer_form input,
#customer-info .customer_form tr.inp2 input {
margin: 0 0 4px 0 !important;
display: block;
width: 95%;
}
}   @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
ul.subnavi li a {
background: url(//baraabaru.jp/wp-content/themes/welcart_calm/library/images/icons@2x.png) no-repeat 2px -47px; 
-moz-background-size: 20px 200px;
-webkit-background-size: 20px 200px;
-o-background-size: 20px 200px;;
background-size: 20px 200px;   
}
.sidebar .widget_search #searchsubmit,
.sidebar .widget_welcart_search #searchsubmit,
.sidebar .widget_ucart_search #searchsubmit {
background: #eee url(//baraabaru.jp/wp-content/themes/welcart_calm/library/images/icons@2x.png) no-repeat 50% -157px;
-moz-background-size: 20px 200px;
-webkit-background-size: 20px 200px;
-o-background-size: 20px 200px;;
background-size: 20px 200px;     
}
}  .site-logo img {
width: 100%;
} mark, ins {
background: #ffffcc;
text-decoration: none;
}
.txt-s {
font-size: 10px;
font-weight: normal;
}
.caution {
margin: 0px 0 0 0;
padding: 18px 15px;
-webkit-border-radius: 3px;  
-moz-border-radius: 3px;
border-radius: 3px;
background: #ffffcc;
} table {
width: 100%;
margin: 0 0 40px;
border-collapse: collapse;
border-spacing: 0;
border-bottom: 1px solid #ddd;
line-height: 2;
}
table caption {
margin: 30px 0;
}
table th {
padding: 10px 10px 10px 0;
text-align:left;
font-weight: bold;
color: #000;
} table.table01 {
border-bottom: 1px solid #ddd;
}
table.table01 th {
width: 30%;
border-top: 1px solid #ddd;
}
table.table01 td {
padding: 10px 0 10px 0;
border-top: 1px solid #ddd;
} table.spec {
line-height: 1;
}
table.spec caption {
padding: 10px 10px;
margin: 40px 0 10px 0;
background: #f9f9f9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align:left;
font-weight: bold;
}
table.spec th,table.spec td {
padding: 5px 5px 0 0;
}   .white-box,
.blue-box,
.yellow-box,
.red-box,
.green-box,
.lightgrey-box,
.grey-box,
.dark-box {
margin: 0 0 26px;
padding: 12px;
overflow:hidden;
font-size: 14px;
font-size: 0.875rem;
color: #474747; line-height:1.65;
}
.catbox .white-box p,
.catbox .blue-box p,
.catbox .yellow-box p,
.catbox .red-box p,
.catbox .green-box p,
.catbox .lightgrey-box p,
.catbox .grey-box p,
.catbox .dark-box p {
margin: 0 0 26px;
}
.white-box {background: #fff; border: 1px solid #ddd;}
.blue-box {background: #eef6fe;}
.yellow-box {background: #ffffcc;}
.red-box {background: #fff0f1;}
.green-box {background: #e7f3e0;}
.lightgrey-box {background: #f7f0e4;}
.grey-box {background: #f4f4f4;}
.dark-box {background: #000;color: #fff; letter-spacing: 0.5px;}
.dark-box a:hover {color:#fff;}  .pika-thumbs li{  width: 100px;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 100px; width: 690px;} .pika-stage .caption {position: absolute; background: rgba(f,f,f,0.9);  font-size: 11px; 
color: #666; padding: 7px; text-align: center; bottom: 5px; right: 50px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}  .gallery {
margin-bottom: 20px;
}
.gallery-item {
float: left; 
margin: 0 4px 8px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width:         calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width:         calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width:         calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-icon {
margin: 0;
}
.gallery-caption {
margin: 0;
font-size: 80%;
}
#wp-calendar caption {
margin: 0px 0;
}